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<
-  appInfo: OpenApp;
+  React.PropsWithChildren<{
-  refresh: OpenAppInfoContextProps['refresh'];
+    appInfo: OpenApp;
-}> = (props) => {
+    refresh: OpenAppInfoContextProps['refresh'];
+  }>
+> = (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({
+      navigate({
-        ...history.location,
         search: appendUrlSearch({
           appId,
         }),

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

@@ -2,22 +2,24 @@ 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(
-  const [show, setShow] = useState(false);
+  (props) => {
-  return (
+    const [show, setShow] = useState(false);
-    <span className="plugin-openapi-secret-value">
+    return (
-      {show ? (
+      <span className="plugin-openapi-secret-value">
-        <>
+        {show ? (
-          <span>{props.children}</span>
+          <>
-          <Icon icon="mdi:eye-off-outline" onClick={() => setShow(false)} />
+            <span>{props.children}</span>
-        </>
+            <Icon icon="mdi:eye-off-outline" onClick={() => setShow(false)} />
-      ) : (
+          </>
-        <>
+        ) : (
-          <span>********</span>
+          <>
-          <Icon icon="mdi:eye-outline" onClick={() => setShow(true)} />
+            <span>********</span>
-        </>
+            <Icon icon="mdi:eye-outline" onClick={() => setShow(true)} />
-      )}
+          </>
-    </span>
+        )}
-  );
+      </span>
-});
+    );
+  }
+);
 SecretValue.displayName = 'SecretValue';

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

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