From 33a43db935e0699a8f7400cc5fd11ba4e8b363a7 Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Thu, 9 Sep 2021 20:55:00 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=8F=92=E4=BB=B6=E5=8D=B8=E8=BD=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/plugin/PluginStore/Item.tsx | 19 ++++++++++++++++---
 web/src/plugin/manager.ts           | 14 ++++++++++++++
 2 files changed, 30 insertions(+), 3 deletions(-)

diff --git a/web/src/plugin/PluginStore/Item.tsx b/web/src/plugin/PluginStore/Item.tsx
index c5baee41..d4b94e0a 100644
--- a/web/src/plugin/PluginStore/Item.tsx
+++ b/web/src/plugin/PluginStore/Item.tsx
@@ -1,8 +1,9 @@
 import { Avatar } from '@/components/Avatar';
 import { Button } from 'antd';
-import React, { useState } from 'react';
+import React, { useCallback, useState } from 'react';
 import {
   PluginManifest,
+  showAlert,
   showToasts,
   t,
   useAsyncRequest,
@@ -30,6 +31,16 @@ export const PluginStoreItem: React.FC<{
     setInstalled(true);
   }, [manifest]);
 
+  const handleUninstallPlugin = useCallback(() => {
+    showAlert({
+      message: t('是否要卸载插件'),
+      onConfirm: async () => {
+        await pluginManager.uninstallPlugin(manifest.name);
+        showToasts(t('插件卸载成功, 需要重启后生效'), 'success');
+      },
+    });
+  }, [manifest]);
+
   return (
     <div className="rounded-md flex w-80 h-36 bg-black bg-opacity-40 py-2 px-3">
       <div className="flex w-full">
@@ -49,10 +60,12 @@ export const PluginStoreItem: React.FC<{
           <div className="mt-1 text-right">
             {builtin ? (
               <Button type="primary" disabled={true}>
-                {t('已安装')}
+                {t('内置插件')}
               </Button>
             ) : installed ? (
-              <Button type="primary">{t('已安装')}</Button>
+              <Button type="primary" onClick={handleUninstallPlugin}>
+                {t('已安装')}
+              </Button>
             ) : (
               <Button
                 type="primary"
diff --git a/web/src/plugin/manager.ts b/web/src/plugin/manager.ts
index 0fb9b5e1..8be800f8 100644
--- a/web/src/plugin/manager.ts
+++ b/web/src/plugin/manager.ts
@@ -73,6 +73,20 @@ class PluginManager {
       url: manifest.url,
     });
   }
+
+  /**
+   * 卸载插件
+   */
+  async uninstallPlugin(pluginName: string) {
+    const plugins: PluginManifest[] = await getStorage().get(
+      PluginManager.STORE_KEY
+    );
+    const index = plugins.findIndex((plugin) => plugin.name === pluginName);
+    if (index >= 0) {
+      plugins.splice(index, 1);
+      await getStorage().save(PluginManager.STORE_KEY, plugins);
+    }
+  }
 }
 
 export const pluginManager = new PluginManager();