feat: setting plugin config

web/src/app/home/plugins/plugin-installed/PluginInstalledComponent.tsx

@@ -271,9 +271,15 @@ const PluginInstalledComponent = forwardRef<PluginInstalledComponentRef>(
                     <PluginForm
                       pluginAuthor={selectedPlugin.author}
                       pluginName={selectedPlugin.name}
-                      onFormSubmit={() => {
+                      onFormSubmit={(timeout?: number) => {
                         setModalOpen(false);
-                        getPluginList();
+                        if (timeout) {
+                          setTimeout(() => {
+                            getPluginList();
+                          }, timeout);
+                        } else {
+                          getPluginList();
+                        }
                       }}
                       onFormCancel={() => {
                         setModalOpen(false);

web/src/app/home/plugins/plugin-installed/plugin-card/PluginCardComponent.tsx

@@ -1,9 +1,6 @@
 import { PluginCardVO } from '@/app/home/plugins/plugin-installed/PluginCardVO';
 import { useState } from 'react';
-import { httpClient } from '@/app/infra/http/HttpClient';
 import { Badge } from '@/components/ui/badge';
-import { Switch } from '@/components/ui/switch';
-import { toast } from 'sonner';
 import { useTranslation } from 'react-i18next';
 import { TFunction } from 'i18next';
 import {
@@ -81,26 +78,8 @@ export default function PluginCardComponent({
   onUpgradeClick: (cardVO: PluginCardVO) => void;
 }) {
   const { t } = useTranslation();
-  const [enabled, setEnabled] = useState(cardVO.enabled);
-  const [switchEnable, setSwitchEnable] = useState(true);
   const [dropdownOpen, setDropdownOpen] = useState(false);
 
-  function handleEnable(e: React.MouseEvent) {
-    e.stopPropagation(); // 阻止事件冒泡
-    setSwitchEnable(false);
-    httpClient
-      .togglePlugin(cardVO.author, cardVO.name, !enabled)
-      .then(() => {
-        setEnabled(!enabled);
-      })
-      .catch((err) => {
-        toast.error(t('plugins.modifyFailed') + err.message);
-      })
-      .finally(() => {
-        setSwitchEnable(true);
-      });
-  }
-
   return (
     <>
       <div
@@ -198,14 +177,7 @@ export default function PluginCardComponent({
           </div>
 
           <div className="flex flex-col items-center justify-between h-full">
-            <div className="flex items-center justify-center">
-              <Switch
-                className="cursor-pointer"
-                checked={enabled}
-                onClick={(e) => handleEnable(e)}
-                disabled={!switchEnable}
-              />
-            </div>
+            <div className="flex items-center justify-center"></div>
 
             <div className="flex items-center justify-center">
               <DropdownMenu open={dropdownOpen} onOpenChange={setDropdownOpen}>

web/src/app/home/plugins/plugin-installed/plugin-form/PluginForm.tsx

@@ -16,7 +16,7 @@ export default function PluginForm({
 }: {
   pluginAuthor: string;
   pluginName: string;
-  onFormSubmit: () => void;
+  onFormSubmit: (timeout?: number) => void;
   onFormCancel: () => void;
 }) {
   const { t } = useTranslation();
@@ -37,14 +37,19 @@ export default function PluginForm({
 
   const handleSubmit = async (values: object) => {
     setIsLoading(true);
+    const isDebugPlugin = pluginInfo?.debug;
     httpClient
       .updatePluginConfig(pluginAuthor, pluginName, values)
       .then(() => {
-        onFormSubmit();
-        toast.success('保存成功');
+        toast.success(
+          isDebugPlugin
+            ? t('plugins.saveConfigSuccessDebugPlugin')
+            : t('plugins.saveConfigSuccessNormal'),
+        );
+        onFormSubmit(1000);
       })
       .catch((error) => {
-        toast.error('保存失败：' + error.message);
+        toast.error(t('plugins.saveConfigError') + error.message);
       })
       .finally(() => {
         setIsLoading(false);