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);

web/src/app/infra/http/BackendClient.ts

@@ -15,7 +15,6 @@ import {
   ApiRespPlugins,
   ApiRespPlugin,
   ApiRespPluginConfig,
-  PluginReorderElement,
   AsyncTaskCreatedResp,
   ApiRespSystemInfo,
   ApiRespAsyncTasks,
@@ -226,20 +225,6 @@ export class BackendClient extends BaseHttpClient {
     return this.put(`/api/v1/plugins/${author}/${name}/config`, config);
   }
 
-  public togglePlugin(
-    author: string,
-    name: string,
-    target_enabled: boolean,
-  ): Promise<object> {
-    return this.put(`/api/v1/plugins/${author}/${name}/toggle`, {
-      target_enabled,
-    });
-  }
-
-  public reorderPlugins(plugins: PluginReorderElement[]): Promise<object> {
-    return this.put('/api/v1/plugins/reorder', { plugins });
-  }
-
   public installPluginFromGithub(
     source: string,
   ): Promise<AsyncTaskCreatedResp> {

web/src/i18n/locales/en-US.ts

@@ -170,7 +170,7 @@ const enUS = {
     saveConfig: 'Save Config',
     saving: 'Saving...',
     confirmDeletePlugin:
-      'Are you sure you want to delete the plugin ({{author}}/{{name}})?',
+      'Are you sure you want to delete the plugin ({{author}}/{{name}})? This will also delete the plugin configuration.',
     confirmDelete: 'Confirm Delete',
     deleteError: 'Delete failed: ',
     close: 'Close',
@@ -205,6 +205,10 @@ const enUS = {
     updating: 'Updating...',
     updateSuccess: 'Plugin updated successfully',
     updateError: 'Update failed: ',
+    saveConfigSuccessNormal: 'Configuration saved successfully',
+    saveConfigSuccessDebugPlugin:
+      'Configuration saved successfully, please manually restart the plugin',
+    saveConfigError: 'Configuration save failed: ',
   },
   market: {
     searchPlaceholder: 'Search plugins...',

web/src/i18n/locales/ja-JP.ts

@@ -170,7 +170,7 @@ const jaJP = {
     saveConfig: '設定を保存',
     saving: '保存中...',
     confirmDeletePlugin:
-      'プラグイン「{{author}}/{{name}}」を削除してもよろしいですか？',
+      'プラグイン「{{author}}/{{name}}」を削除してもよろしいですか？この操作により、プラグインの設定も削除されます。',
     confirmDelete: '削除を確認',
     deleteError: '削除に失敗しました：',
     close: '閉じる',
@@ -205,6 +205,10 @@ const jaJP = {
     updating: '更新中...',
     updateSuccess: 'プラグインの更新に成功しました',
     updateError: '更新に失敗しました：',
+    saveConfigSuccessNormal: '設定を保存しました',
+    saveConfigSuccessDebugPlugin:
+      '設定を保存しました。手動でプラグインを再起動してください',
+    saveConfigError: '設定の保存に失敗しました：',
   },
   market: {
     searchPlaceholder: 'プラグインを検索...',

web/src/i18n/locales/zh-Hans.ts

@@ -166,7 +166,8 @@ const zhHans = {
     cancel: '取消',
     saveConfig: '保存配置',
     saving: '保存中...',
-    confirmDeletePlugin: '你确定要删除插件（{{author}}/{{name}}）吗？',
+    confirmDeletePlugin:
+      '你确定要删除插件（{{author}}/{{name}}）吗？这将同时删除插件的配置。',
     confirmDelete: '确认删除',
     deleteError: '删除失败：',
     close: '关闭',
@@ -199,6 +200,9 @@ const zhHans = {
     updating: '更新中...',
     updateSuccess: '插件更新成功',
     updateError: '更新失败：',
+    saveConfigSuccessNormal: '保存配置成功',
+    saveConfigSuccessDebugPlugin: '保存配置成功，请手动重启插件',
+    saveConfigError: '保存配置失败：',
   },
   market: {
     searchPlaceholder: '搜索插件...',