fix: 修复开放平台的代码问题

client/web/plugins/com.msgbyte.openapi/src/MainPanel/AppInfo/OAuth.tsx

@@ -6,7 +6,7 @@ import {
 } from '@capital/component';
 import { useOpenAppInfo } from '../context';
 import { OpenAppCapability } from '../types';
-import { postRequest, useAsyncRequest } from '@capital/common';
+import { postRequest, useAsyncFn, useAsyncRequest } from '@capital/common';
 
 const OAuth: React.FC = React.memo(() => {
   const { refresh, appId, capability, oauth } = useOpenAppInfo();

client/web/plugins/com.msgbyte.openapi/src/MainPanel/context.tsx

@@ -8,10 +8,12 @@ interface OpenAppInfoContextProps extends OpenApp {
 const OpenAppInfoContext = React.createContext<OpenAppInfoContextProps>(null);
 OpenAppInfoContext.displayName = 'OpenAppInfoContext';
 
-export const OpenAppInfoProvider: React.FC<{
+export const OpenAppInfoProvider: React.FC<
+  React.PropsWithChildren<{
     appInfo: OpenApp;
     refresh: OpenAppInfoContextProps['refresh'];
-}> = (props) => {
+  }>
+> = (props) => {
   return (
     <OpenAppInfoContext.Provider
       value={{

client/web/plugins/com.msgbyte.openapi/src/MainPanel/useOpenAppList.ts

@@ -5,6 +5,7 @@ import {
   useLocation,
   urlSearchParse,
   isValidStr,
+  useNavigate,
 } from '@capital/common';
 import { useEffect, useState } from 'react';
 import { OpenApp } from './types';
@@ -23,6 +24,7 @@ export function useOpenAppList() {
 
     return data ?? [];
   }, []);
+  const navigate = useNavigate();
 
   const location = useLocation();
 
@@ -46,8 +48,7 @@ export function useOpenAppList() {
      * 设置当前选中的开放app
      */
     handleSetSelectedApp(appId: string) {
-      history.push({
-        ...history.location,
+      navigate({
         search: appendUrlSearch({
           appId,
         }),

client/web/plugins/com.msgbyte.openapi/src/components/SecretValue.tsx

@@ -2,7 +2,8 @@ import { Icon } from '@capital/component';
 import React, { useState } from 'react';
 import './SecretValue.less';
 
-export const SecretValue: React.FC = React.memo((props) => {
+export const SecretValue: React.FC<React.PropsWithChildren> = React.memo(
+  (props) => {
     const [show, setShow] = useState(false);
     return (
       <span className="plugin-openapi-secret-value">
@@ -19,5 +20,6 @@ export const SecretValue: React.FC = React.memo((props) => {
         )}
       </span>
     );
-});
+  }
+);
 SecretValue.displayName = 'SecretValue';

client/web/plugins/com.msgbyte.openapi/src/components/ServiceChecker.tsx

@@ -6,7 +6,8 @@ import { Translate } from '../translate';
 /**
  * 服务监测
  */
-export const ServiceChecker: React.FC = React.memo((props) => {
+export const ServiceChecker: React.FC<React.PropsWithChildren> = React.memo(
+  (props) => {
     const { loading, value: enabled } = useAsync(async () => {
       const services = await fetchAvailableServices();
       return services.includes('openapi.app');
@@ -21,5 +22,6 @@ export const ServiceChecker: React.FC = React.memo((props) => {
     }
 
     return <>{props.children}</>;
-});
+  }
+);
 ServiceChecker.displayName = 'ServiceChecker';