From f671b83b6a0a3b3d875623c6983096466bbd92a3 Mon Sep 17 00:00:00 2001
From: muwoo <2424880409@qq.com>
Date: Fri, 10 Nov 2023 14:35:37 +0800
Subject: [PATCH] :bug: fix #289,#291,#290

---
 feature/src/assets/delete.png           | Bin 0 -> 845 bytes
 feature/src/main.ts                     |   6 +
 package.json                            |   4 +-
 public/icons/delete@2x.png              | Bin 0 -> 845 bytes
 public/icons/pin@2x.png                 | Bin 0 -> 830 bytes
 public/icons/unpin@2x.png               | Bin 0 -> 747 bytes
 public/preload.js                       |   4 +
 src/common/constans/renderer.ts         |   3 +-
 src/common/utils/dragWindow.ts          |   3 +-
 src/common/utils/getWindowHeight.ts     |   4 +-
 src/main/common/api.ts                  |   5 +-
 src/main/common/registerHotKey.ts       |  14 +--
 src/renderer/App.vue                    |  70 ++++++++---
 src/renderer/components/result.vue      | 158 ++++++++++++++++++++----
 src/renderer/plugins-manager/index.ts   |  81 +++++++++---
 src/renderer/plugins-manager/options.ts |   6 +-
 yarn.lock                               |   7 +-
 17 files changed, 277 insertions(+), 88 deletions(-)
 create mode 100644 feature/src/assets/delete.png
 create mode 100644 public/icons/delete@2x.png
 create mode 100644 public/icons/pin@2x.png
 create mode 100644 public/icons/unpin@2x.png

diff --git a/feature/src/assets/delete.png b/feature/src/assets/delete.png
new file mode 100644
index 0000000000000000000000000000000000000000..122b5de4d279217b763baa4ad6ef6ce4fbf2e9d1
GIT binary patch
literal 845
zcmV-T1G4;yP)<h;3K|Lk000e1NJLTq000~S000~a1^@s6at+^<00009a7bBm000XU
z000XU0RWnu7ytkQ|4BqaRCt`7Ry}JJQ52ng7?X(6LQor<*oYw7Nl?pJq(~!zf}pIu
zWGm~%IVXX&iueaau@%IRMikUSu#1Wxi9#SYY7z`ss6@_k-uUveJF_})nRzqs-gDo%
zA9J&;<O0wVlEpoh_<MN%uPYd^kztbC0c;~#h}M3mZ^N-u|9p|`wem@lUjVF-Tm$f(
zWFY|7NG_B73P5{Xy4?Vz6mIeJRg&u@=K#C_@G=p-dktXSd!^f-(%p`_o*1xJtA*z~
zHZ~H|oKU{gPTkXbW@aXhdrv`i3>JCU4`9GC`ap64z(}6wTOF&RNCtH$xv0I?8L*B1
z6jT7c1|0+NUPAH>08zLg&jI|>Gk}jBMBjdUuhw(2K~nbS0UR|(Z=4)s-mFc_R$d11
z)=G;NGVi_LtgE}6|3vaHU=oiI$8(AsfQzPiD9`i0GBK?gfSO}|#&j0(i(?qT0=*MX
zg1VK$`;HRrxn$k(P$C<WCX|G|lc%~Lv(lBgL@FdCNW<(XM6u1%Vn66O%zE82R#C$(
z!z5=7c&Lb5iDEeVJ_Ftew3Gn`N)3F|?Ch`XI#JT>cHr-Z_?Gp@I5_~^C;5})-cWzt
z0PX;=O7fZ3d7hUx<k%^aYIUn>6ybf9V&?9#Nb*&q(Wv|b=$oAKNma+6T`KL9C03lC
zp3a)hrk>SlmP)fManvA7F8IxjyB%QESD%yoL2}T_GFB#;X<Rj}m9bB=?V+=6SL|(v
zq7Sl12?O9kNSM+S`jmY(e%pYfHhdhwWdKtE>Xs?L)3?l}pmMs^O*w^Awg5?9cL5)<
zu}5BS5`UBKVFO-^!qD9b)z)nAgx8}aC)H;YnT%K%vjb{xh4YnwK2hD2PNY*>NesuW
zBdUv0qmoi@K5ymIQqtH^H7b%kWmYZ(z;d(*&_Duw2jH>G<Y@;{M|$F-7vR}IX(eFv
z$2j0wX2s*+hVihSc&}z4{cXA%7n9g%Xc|ce-&CUESbIaG=x!iRlOY}D%aW#DjMM86
X1wcV4tHTq$00000NkvXXu0mjfuEC4#

literal 0
HcmV?d00001

diff --git a/feature/src/main.ts b/feature/src/main.ts
index 7713514..30c7015 100644
--- a/feature/src/main.ts
+++ b/feature/src/main.ts
@@ -33,6 +33,12 @@ import localConfig from './confOp';
 
 const config: any = localConfig.getConfig();
 
+// 暗夜模式
+if (config.perf.common.darkMode) {
+  document.body.classList.add('dark');
+  window.rubick.theme = 'dark';
+}
+
 ConfigProvider.config({
   theme: config.perf.custom || {},
 });
diff --git a/package.json b/package.json
index 3a71fc8..496a1cb 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rubick",
-  "version": "4.1.4",
+  "version": "4.1.5",
   "author": "muwoo <2424880409@qq.com>",
   "private": true,
   "scripts": {
@@ -30,7 +30,7 @@
     "fix-path": "^3.0.0",
     "get-mac-apps": "^1.0.2",
     "got": "^11.8.3",
-    "lodash.throttle": "^4.1.1",
+    "lodash.debounce": "^4.0.8",
     "memorystream": "^0.3.1",
     "node-key-sender": "^1.0.11",
     "npm": "6.14.7",
diff --git a/public/icons/delete@2x.png b/public/icons/delete@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..122b5de4d279217b763baa4ad6ef6ce4fbf2e9d1
GIT binary patch
literal 845
zcmV-T1G4;yP)<h;3K|Lk000e1NJLTq000~S000~a1^@s6at+^<00009a7bBm000XU
z000XU0RWnu7ytkQ|4BqaRCt`7Ry}JJQ52ng7?X(6LQor<*oYw7Nl?pJq(~!zf}pIu
zWGm~%IVXX&iueaau@%IRMikUSu#1Wxi9#SYY7z`ss6@_k-uUveJF_})nRzqs-gDo%
zA9J&;<O0wVlEpoh_<MN%uPYd^kztbC0c;~#h}M3mZ^N-u|9p|`wem@lUjVF-Tm$f(
zWFY|7NG_B73P5{Xy4?Vz6mIeJRg&u@=K#C_@G=p-dktXSd!^f-(%p`_o*1xJtA*z~
zHZ~H|oKU{gPTkXbW@aXhdrv`i3>JCU4`9GC`ap64z(}6wTOF&RNCtH$xv0I?8L*B1
z6jT7c1|0+NUPAH>08zLg&jI|>Gk}jBMBjdUuhw(2K~nbS0UR|(Z=4)s-mFc_R$d11
z)=G;NGVi_LtgE}6|3vaHU=oiI$8(AsfQzPiD9`i0GBK?gfSO}|#&j0(i(?qT0=*MX
zg1VK$`;HRrxn$k(P$C<WCX|G|lc%~Lv(lBgL@FdCNW<(XM6u1%Vn66O%zE82R#C$(
z!z5=7c&Lb5iDEeVJ_Ftew3Gn`N)3F|?Ch`XI#JT>cHr-Z_?Gp@I5_~^C;5})-cWzt
z0PX;=O7fZ3d7hUx<k%^aYIUn>6ybf9V&?9#Nb*&q(Wv|b=$oAKNma+6T`KL9C03lC
zp3a)hrk>SlmP)fManvA7F8IxjyB%QESD%yoL2}T_GFB#;X<Rj}m9bB=?V+=6SL|(v
zq7Sl12?O9kNSM+S`jmY(e%pYfHhdhwWdKtE>Xs?L)3?l}pmMs^O*w^Awg5?9cL5)<
zu}5BS5`UBKVFO-^!qD9b)z)nAgx8}aC)H;YnT%K%vjb{xh4YnwK2hD2PNY*>NesuW
zBdUv0qmoi@K5ymIQqtH^H7b%kWmYZ(z;d(*&_Duw2jH>G<Y@;{M|$F-7vR}IX(eFv
z$2j0wX2s*+hVihSc&}z4{cXA%7n9g%Xc|ce-&CUESbIaG=x!iRlOY}D%aW#DjMM86
X1wcV4tHTq$00000NkvXXu0mjfuEC4#

literal 0
HcmV?d00001

diff --git a/public/icons/pin@2x.png b/public/icons/pin@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..3e1782fab85a8d1bd93245d02ccb82bad62b31ce
GIT binary patch
literal 830
zcmV-E1Ht@>P)<h;3K|Lk000e1NJLTq000~S000~a1^@s6at+^<00009a7bBm000XU
z000XU0RWnu7ytkQ@JU2LRCt`VR!wUYQ54NrOBY%fVs;`Tb*C%c2!bG3a3QFmDEK!7
zmq|0{q?InZ$VQ5~Xe$aTXc2Vd2Z)G>Ra}c3!Ec0$QpGBFI5*r(Vv=Hf@R&C<Z{E4*
z-1F|6T<#wm$=LID1(4nkyk)>P`4~XnK&=n70VrtU9RR)ppxEUH4k|VUUH6jw4ZwQM
z<sArU%n^VgEjR+;Z2(Qy%rxYqWvpIIlElZuBu^U<$xkGg1U!*t+R;eC1eTv-U}NK=
zo;%nH0IwVjz%i2RNxl?lQ(kv)OABn$+yt;@*ZX}W9|>rcWR>KGFn1k*rHs7o3|)7<
z93wdk;2FuMBpW2h0W1i}`UL=6!-B&a9|7=DfYz<0+a+s;R4$SSNv>$}X8_9q#QJTL
zyJAkm78x}#&3muwH<BA$j3Xe+kzEtz;5mS@+&E71qD3D}lmhAAzpW~`GbBey?g6l~
zqonqrUa#k>)vAr>#PDj&WyVzg%t5!1{6+G$+}rZq<m6;WhsJt1uV@$R^?FI~OIZ^*
zI{@b;;YkHEq+kk0r0bRlpmUP<W|Abn(cAJ4V7G!Z_vUP$c9b#Of=rR=6)iTcdv{~A
zP?Nl)6xfz&vhJ(7g}sshcr2+7d(^5lF0VZ|u*<HHGwc^E8sVJSP3YZm05eIFl)~Iu
z%{dUZN&jFTIe=4==~k^)vxU!w0)4{_q@WH-0lJ($!9rO|qXV!Vz$$<@0QQr-t3~gV
zyrl7>0L+amBp-S@`ZY^FT%Sm$YXIJfRU=5fAhy>@j*|Rh--HvQH@i?RX0+I{nEbHZ
zWed82Dv%eN-{>i6%$pWEs*isP%pAJS1Cm_MGVasw0LI#i^j`qIXm9o^FR*EqxoD)8
z;$UX7BghJVT&pXfR}7L51olBkOj=vTtXW|KXntyHDz1_5`8yHLzp{Q2?io`*4Z{1j
zyvI``7W1wxbDEb!eoB=}rN4T()`r&H#40mbpe$&V?|*^)0TUOl`2PAO4FCWD07*qo
IM6N<$f;T64NB{r;

literal 0
HcmV?d00001

diff --git a/public/icons/unpin@2x.png b/public/icons/unpin@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..b234c8de217070cf7ba5d73c67aeacfe3919ec0d
GIT binary patch
literal 747
zcmV<H0u=p;P)<h;3K|Lk000e1NJLTq000~S000~a1^@s6at+^<00009a7bBm000XU
z000XU0RWnu7ytkQok>JNRCt`VR>6uBK@{9ccG0`IH*YR@(GL(j=}B*T6BPUoK?o#O
zNx*|32z&9ixQgH>h<Z@*55zBU_ol0CLRMZ|FVsw85-~P3-P1k1>Z(`$W;Qndv61v%
z#R#B0ue~+E&gL9I6`;}A+5of^_#%LB04R3V+CjyprSS^M69CbX@~#Eca|B>Z0Z#+?
zYM_75)bdfAtG9c-Ud~UEyiamWazb(>;2EZKjbtW>{Irct%-dQ|usZ-g2P=V0q6@q*
zHTM<=*P5{@xrt|E;`>)gzBizez)lQ!)R1?UVd}2U9g@2MK16VmPe|SXu%CfLJ^+P{
z<eW5^PK~4kS4}e%xgs#hpL)60EqKc2025;xxjfMOM<mbGj3c1PQH<1!aks|m5g_L!
zsDYG2Xst*|@&U;()MWsd=1Lk1{eFL=)9J)~PXUfos$^g+J!df=Ywe5NTXXtgFqrF5
zuZPb}o@6wY)?`j8M*_U7oNdW~tst`SN*L(Af{Yt^oU+qc_W9er#ocpdY&NsMGkxWt
zb68Gu3E-N5iXT>LY2mCS06rR^TYl1T?2A+=8LkTEh52dTIRj0mQ$Rgm&(gP2!M2LB
zsqvm<s@2Ix&dOEL`XJ?83TDN*oDRSR06+3>ndRS-e3|a`+DY<trejsJR5pH6&;*V7
zt`&#p0y(xEzOygHa&{K%kpdhEC@RkF#<$S#>31FK@lr`WZwhp)k(Vgm=kq|4%kSx)
z-Ve~7nIioMz%1J5036umeyB3%MyeHuZnqn2G>5hp%4rfsfHwk*--Vm87bQu|roRaW
zS`CLok5MiCov`oUHp#<qS}@J8yzS5A-HLPVPheqde9gD*!f&RWYyYW5JvUxu)(g}G
db@~1m*e`8E3TkQ0w1xlx002ovPDHLkV1j4bTnYdH

literal 0
HcmV?d00001

diff --git a/public/preload.js b/public/preload.js
index 0f53e7a..0cf7acc 100644
--- a/public/preload.js
+++ b/public/preload.js
@@ -49,6 +49,10 @@ window.rubick = {
   showOpenDialog(options) {
     return ipcSendSync('showOpenDialog', options);
   },
+  showSaveDialog(options) {
+    return ipcSendSync('showSaveDialog', options);
+  },
+
   setExpendHeight(height) {
     ipcSendSync('setExpendHeight', height);
   },
diff --git a/src/common/constans/renderer.ts b/src/common/constans/renderer.ts
index 29f7059..81e56ed 100644
--- a/src/common/constans/renderer.ts
+++ b/src/common/constans/renderer.ts
@@ -4,5 +4,6 @@ import path from 'path';
 const appPath = app.getPath('userData');
 
 const PLUGIN_INSTALL_DIR = path.join(appPath, './rubick-plugins-new');
+const PLUGIN_HISTORY = 'rubick-local-start-app';
 
-export { PLUGIN_INSTALL_DIR };
+export { PLUGIN_INSTALL_DIR, PLUGIN_HISTORY };
diff --git a/src/common/utils/dragWindow.ts b/src/common/utils/dragWindow.ts
index 64eebf3..0995bca 100644
--- a/src/common/utils/dragWindow.ts
+++ b/src/common/utils/dragWindow.ts
@@ -9,7 +9,8 @@ const useDrag = () => {
   let draggable = true;
 
   const onMouseDown = (e) => {
-    // if (commonConst.macOS()) return;
+    // 右击不移动
+    if (e.button === 2) return;
     draggable = true;
     mouseX = e.clientX;
     mouseY = e.clientY;
diff --git a/src/common/utils/getWindowHeight.ts b/src/common/utils/getWindowHeight.ts
index f455a00..9e1a02b 100644
--- a/src/common/utils/getWindowHeight.ts
+++ b/src/common/utils/getWindowHeight.ts
@@ -1,6 +1,6 @@
-const WINDOW_MAX_HEIGHT = 600;
+const WINDOW_MAX_HEIGHT = 620;
 const WINDOW_MIN_HEIGHT = 60;
-const PRE_ITEM_HEIGHT = 60;
+const PRE_ITEM_HEIGHT = 70;
 const HISTORY_HEIGHT = 70;
 
 export default (searchList: Array<any>, historyList): number => {
diff --git a/src/main/common/api.ts b/src/main/common/api.ts
index ec36a2d..3fe6baa 100644
--- a/src/main/common/api.ts
+++ b/src/main/common/api.ts
@@ -139,7 +139,6 @@ class API extends DBInstance {
   public hideMainWindow(arg, window) {
     window.hide();
   }
-
   public showMainWindow(arg, window) {
     window.show();
   }
@@ -148,6 +147,10 @@ class API extends DBInstance {
     return dialog.showOpenDialogSync(window, data);
   }
 
+  public showSaveDialog({ data }, window) {
+    return dialog.showSaveDialogSync(window, data);
+  }
+
   public setExpendHeight({ data: height }, window: BrowserWindow, e) {
     const originWindow = this.getCurrentWindow(window, e);
     if (!originWindow) return;
diff --git a/src/main/common/registerHotKey.ts b/src/main/common/registerHotKey.ts
index 984909e..782787f 100644
--- a/src/main/common/registerHotKey.ts
+++ b/src/main/common/registerHotKey.ts
@@ -15,10 +15,12 @@ const registerHotKey = (mainWindow: BrowserWindow): void => {
   // 设置开机启动
   const setAutoLogin = async () => {
     const config = await localConfig.getConfig();
-    app.setLoginItemSettings({
-      openAtLogin: config.perf.common.start,
-      openAsHidden: true,
-    });
+    if (app.getLoginItemSettings().openAtLogin !== config.perf.common.start) {
+      app.setLoginItemSettings({
+        openAtLogin: config.perf.common.start,
+        openAsHidden: true,
+      });
+    }
   };
 
   const setTheme = async () => {
@@ -86,10 +88,6 @@ const registerHotKey = (mainWindow: BrowserWindow): void => {
       });
     });
 
-    // globalShortcut.register(config.perf.shortCut.separate, () => {
-    //
-    // });
-
     globalShortcut.register(config.perf.shortCut.quit, () => {
       // mainWindow.webContents.send('init-rubick');
       // mainWindow.show();
diff --git a/src/renderer/App.vue b/src/renderer/App.vue
index df10810..5d9f6f7 100644
--- a/src/renderer/App.vue
+++ b/src/renderer/App.vue
@@ -27,18 +27,22 @@
       :currentSelect="currentSelect"
       :options="options"
       :clipboardFile="clipboardFile || []"
+      @setPluginHistory="setPluginHistory"
+      @choosePlugin="choosePlugin"
     />
   </div>
 </template>
 
 <script setup lang="ts">
-import { watch, ref, nextTick, toRaw } from 'vue';
-import { ipcRenderer } from 'electron';
+import { watch, ref, toRaw } from 'vue';
 import Result from './components/result.vue';
 import Search from './components/search.vue';
 import getWindowHeight from '../common/utils/getWindowHeight';
 import createPluginManager from './plugins-manager';
 import useDrag from '../common/utils/dragWindow';
+import { getGlobal } from '@electron/remote';
+import { PLUGIN_HISTORY } from '@/common/constans/renderer';
+import { message } from 'ant-design-vue';
 
 const { onMouseDown } = useDrag();
 const remote = window.require('@electron/remote');
@@ -60,6 +64,8 @@ const {
   clearClipboardFile,
   readClipboardContent,
   pluginHistory,
+  setPluginHistory,
+  changePluginHistory,
 } = createPluginManager();
 
 initPlugins();
@@ -76,19 +82,22 @@ getPluginInfo({
   remote.getGlobal('LOCAL_PLUGINS').addPlugin(res);
 });
 
-watch([options, pluginHistory, currentPlugin], () => {
-  currentSelect.value = 0;
-  if (currentPlugin.value.name) return;
-  nextTick(() => {
-    ipcRenderer.sendSync('msg-trigger', {
-      type: 'setExpendHeight',
-      data: getWindowHeight(
+watch(
+  [options, pluginHistory, currentPlugin],
+  () => {
+    currentSelect.value = 0;
+    if (currentPlugin.value.name) return;
+    window.rubick.setExpendHeight(
+      getWindowHeight(
         options.value,
-        (pluginLoading.value) ? [] : pluginHistory.value
-      ),
-    });
-  });
-});
+        pluginLoading.value ? [] : pluginHistory.value
+      )
+    );
+  },
+  {
+    immediate: true,
+  }
+);
 
 const changeIndex = (index) => {
   if (!options.value.length) {
@@ -125,13 +134,40 @@ const openMenu = (ext) => {
 
 window.rubick.openMenu = openMenu;
 
-const choosePlugin = () => {
+const choosePlugin = (plugin) => {
   if (options.value.length) {
     const currentChoose = options.value[currentSelect.value];
     currentChoose.click();
   } else {
-    const currentChoose = pluginHistory.value[currentSelect.value];
-    currentChoose.click();
+    const localPlugins = getGlobal('LOCAL_PLUGINS').getLocalPlugins();
+    const currentChoose = plugin || pluginHistory.value[currentSelect.value];
+    let hasRemove = true;
+    localPlugins.find((plugin) => {
+      if (plugin.name === currentChoose.originName) {
+        hasRemove = false;
+        return true;
+      }
+      return false;
+    });
+    if (hasRemove) {
+      const result = window.rubick.db.get(PLUGIN_HISTORY) || {};
+      const history = result.data.filter(item => item.originName !== currentChoose.originName);
+      setPluginHistory(history);
+      return message.warning('插件已被卸载！');
+    }
+    changePluginHistory(currentChoose);
+    window.rubick.openPlugin(
+      JSON.parse(
+        JSON.stringify({
+          ...currentChoose,
+          ext: {
+            code: currentChoose.feature.code,
+            type: currentChoose.cmd.type || 'text',
+            payload: null,
+          },
+        })
+      )
+    );
   }
 };
 
diff --git a/src/renderer/components/result.vue b/src/renderer/components/result.vue
index 70bdd1c..6d2bdd2 100644
--- a/src/renderer/components/result.vue
+++ b/src/renderer/components/result.vue
@@ -1,20 +1,25 @@
 <template>
-  <div
-    v-show="!currentPlugin.name"
-    class="options"
-    ref="scrollDom"
-  >
-    <div class="history-plugins" v-if="!options.length || !(searchValue || !!clipboardFile.length)">
+  <div v-show="!currentPlugin.name" class="options">
+    <div
+      class="history-plugins"
+      v-if="!options.length || !(searchValue || !!clipboardFile.length)"
+    >
       <a-row>
         <a-col
-          @click="() => item.click()"
-          :class="currentSelect === index ? 'active history-item' : 'history-item'"
+          @click="() => openPlugin(item)"
+          @contextmenu.prevent="openMenu($event,item)"
+          :class="
+            currentSelect === index ? 'active history-item' : 'history-item'
+          "
           :span="3"
           v-for="(item, index) in pluginHistory"
           :key="index"
         >
-          <a-avatar style="width: 28px; height: 28px;" :src="item.icon" />
-          <div class="name ellpise">{{item.cmd || item.pluginName || item._name || item.name}}</div>
+          <a-avatar style="width: 28px; height: 28px" :src="item.icon" />
+          <div class="name ellpise">
+            {{ item.cmd || item.pluginName || item._name || item.name }}
+          </div>
+          <div class="badge" v-if="item.pin"></div>
         </a-col>
       </a-row>
     </div>
@@ -39,16 +44,13 @@
 </template>
 
 <script lang="ts" setup>
-import BScroll from '@better-scroll/core';
-import { defineProps, onMounted, ref } from 'vue';
+import {defineEmits, defineProps, reactive, toRaw, watch} from 'vue';
+const path = window.require('path');
+const remote = window.require('@electron/remote');
 
-const scrollDom = ref(null);
+declare const __static: string;
 
-onMounted(() => {
-  new BScroll(scrollDom.value);
-});
-
-const props = defineProps({
+const props: any = defineProps({
   searchValue: {
     type: [String, Number],
     default: '',
@@ -66,14 +68,22 @@ const props = defineProps({
   clipboardFile: (() => [])(),
 });
 
+const emit = defineEmits(['choosePlugin', 'setPluginHistory']);
+
 const renderTitle = (title, match) => {
   if (typeof title !== 'string') return;
   if (!props.searchValue || !match) return title;
   const result = title.substring(match[0], match[1] + 1);
-  return `<div>${title.substring(0, match[0])}<span style='color: var(--ant-error-color)'>${result}</span>${title.substring(match[1]+1, title.length)}</div>`;
+  return `<div>${title.substring(
+    0,
+    match[0]
+  )}<span style='color: var(--ant-error-color)'>${result}</span>${title.substring(
+    match[1] + 1,
+    title.length
+  )}</div>`;
 };
 
-const renderDesc = (desc) => {
+const renderDesc = (desc = '') => {
   if (desc.length > 80) {
     return `${desc.substr(0, 63)}...${desc.substr(
       desc.length - 14,
@@ -93,17 +103,97 @@ const sort = (options) => {
       }
     }
   }
-  return options;
+  return options.slice(0, 20);
 };
+
+const openPlugin = (item) => {
+  emit('choosePlugin', item);
+};
+
+const menuState: any = reactive({
+  plugin: null,
+});
+let mainMenus;
+
+const openMenu = (e, item) => {
+  const pinToMain = mainMenus.getMenuItemById('pinToMain');
+  const unpinFromMain = mainMenus.getMenuItemById('unpinFromMain');
+  pinToMain.visible = !item.pin;
+  unpinFromMain.visible = item.pin;
+  mainMenus.popup({
+    x: e.pageX,
+    y: e.pageY,
+  });
+  menuState.plugin = item;
+};
+
+const initMainCmdMenus = () => {
+  const menu = [
+    {
+      id: 'removeRecentCmd',
+      label: '从"使用记录"中删除',
+      icon: path.join(__static, 'icons', 'delete@2x.png'),
+      click: () => {
+        const history = props.pluginHistory.filter((item) => item.name !== menuState.plugin.name);
+        emit('setPluginHistory', toRaw(history));
+      },
+    },
+    {
+      id: 'pinToMain',
+      label: '固定到"搜索面板"',
+      icon: path.join(__static, 'icons', 'pin@2x.png'),
+      click: () => {
+        const history = props.pluginHistory.map((item) => {
+          if (item.name === menuState.plugin.name) {
+            item.pin = true;
+          }
+          return item;
+        });
+        emit('setPluginHistory', toRaw(history));
+      },
+    },
+    {
+      id: 'unpinFromMain',
+      label: '从"搜索面板"取消固定',
+      icon: path.join(__static, 'icons', 'unpin@2x.png'),
+      click: () => {
+        const history = props.pluginHistory.map((item) => {
+          if (item.name === menuState.plugin.name) {
+            item.pin = false;
+          }
+          return item;
+        });
+        emit('setPluginHistory', toRaw(history));
+      },
+    },
+  ];
+  mainMenus = remote.Menu.buildFromTemplate(menu);
+};
+
+initMainCmdMenus();
 </script>
 
 <style lang="less">
 .ellpise {
-  overflow:hidden;
-  text-overflow:ellipsis;
-  display:-webkit-box;
-  -webkit-line-clamp:1;
-  -webkit-box-orient:vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+}
+
+.contextmenu {
+  margin: 0;
+  background: #fff;
+  z-index: 3000;
+  position: absolute;
+  list-style-type: none;
+  padding: 5px 0;
+  border-radius: 4px;
+  font-size: 12px;
+  font-weight: 400;
+  color: #333;
+  box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3);
 }
 
 .options {
@@ -120,6 +210,7 @@ const sort = (options) => {
     border-top: 1px dashed var(--color-border-light);
     box-sizing: border-box;
     .history-item {
+      cursor: pointer;
       box-sizing: border-box;
       height: 69px;
       display: flex;
@@ -128,6 +219,19 @@ const sort = (options) => {
       flex-direction: column;
       color: var(--color-text-content);
       border-right: 1px dashed var(--color-border-light);
+      position: relative;
+      .badge {
+        position: absolute;
+        top: 2px;
+        right: 2px;
+        width: 0;
+        height: 0;
+        border-radius: 4px;
+        border-top: 6px solid var(--ant-primary-4);
+        border-right: 6px solid var(--ant-primary-4);
+        border-left: 6px solid transparent;
+        border-bottom: 6px solid transparent;
+      }
       &.active {
         background: var(--color-list-hover);
       }
@@ -141,7 +245,7 @@ const sort = (options) => {
   }
   .op-item {
     padding: 0 10px;
-    height: 60px;
+    height: 70px;
     line-height: 50px;
     max-height: 500px;
     overflow: auto;
diff --git a/src/renderer/plugins-manager/index.ts b/src/renderer/plugins-manager/index.ts
index 57f5052..68246b1 100644
--- a/src/renderer/plugins-manager/index.ts
+++ b/src/renderer/plugins-manager/index.ts
@@ -8,7 +8,10 @@ import commonConst from '@/common/utils/commonConst';
 import { exec } from 'child_process';
 import searchManager from './search';
 import optionsManager from './options';
-import { PLUGIN_INSTALL_DIR as baseDir } from '@/common/constans/renderer';
+import {
+  PLUGIN_INSTALL_DIR as baseDir,
+  PLUGIN_HISTORY,
+} from '@/common/constans/renderer';
 import { message } from 'ant-design-vue';
 
 const createPluginManager = (): any => {
@@ -28,16 +31,22 @@ const createPluginManager = (): any => {
   const appList: any = ref([]);
 
   const initPlugins = async () => {
+    initPluginHistory();
     appList.value = await appSearch(nativeImage);
     initLocalStartPlugin();
   };
 
+  const initPluginHistory = () => {
+    const result = window.rubick.db.get(PLUGIN_HISTORY) || {};
+    if (result && result.data) {
+      state.pluginHistory = result.data;
+    }
+  };
+
   const initLocalStartPlugin = () => {
     const result = ipcRenderer.sendSync('msg-trigger', {
       type: 'dbGet',
-      data: {
-        id: 'rubick-local-start-app',
-      },
+      data: { id: PLUGIN_HISTORY },
     });
     if (result && result.value) {
       appList.value.push(...result.value);
@@ -70,15 +79,12 @@ const createPluginManager = (): any => {
   const openPlugin = async (plugin, option) => {
     if (plugin.pluginType === 'ui' || plugin.pluginType === 'system') {
       if (state.currentPlugin && state.currentPlugin.name === plugin.name) {
-        ipcRenderer.sendSync('msg-trigger', {
-          type: 'showMainWindow',
-        });
+        window.rubick.showMainWindow();
         return;
       }
       await loadPlugin(plugin);
-      ipcRenderer.sendSync('msg-trigger', {
-        type: 'openPlugin',
-        data: JSON.parse(
+      window.rubick.openPlugin(
+        JSON.parse(
           JSON.stringify({
             ...plugin,
             ext: plugin.ext || {
@@ -87,8 +93,8 @@ const createPluginManager = (): any => {
               payload: null,
             },
           })
-        ),
-      });
+        )
+      );
     }
     if (plugin.pluginType === 'app') {
       try {
@@ -101,19 +107,52 @@ const createPluginManager = (): any => {
     changePluginHistory({
       ...plugin,
       ...option,
+      originName: plugin.name,
     });
   };
 
   const changePluginHistory = (plugin) => {
-    state.pluginHistory.forEach((p, index) => {
-      if (p.name === plugin.name) {
-        state.pluginHistory.splice(index, 1);
-      }
-    });
-    state.pluginHistory.unshift(plugin);
-    if (state.pluginHistory.length > 8) {
-      state.pluginHistory.pop();
+    const unpin = state.pluginHistory.filter((plugin) => !plugin.pin);
+    const pin = state.pluginHistory.filter((plugin) => plugin.pin);
+    const isPin = state.pluginHistory.find((p) => p.name === plugin.name)?.pin;
+    if (isPin) {
+      pin.forEach((p, index) => {
+        if (p.name === plugin.name) {
+          pin.splice(index, 1);
+        }
+      });
+      pin.unshift(plugin);
+    } else {
+      unpin.forEach((p, index) => {
+        if (p.name === plugin.name) {
+          unpin.splice(index, 1);
+        }
+      });
+      unpin.unshift(plugin);
     }
+    if (state.pluginHistory.length > 8) {
+      unpin.pop();
+    }
+    state.pluginHistory = [...pin, ...unpin];
+    const result = window.rubick.db.get(PLUGIN_HISTORY) || {};
+    window.rubick.db.put({
+      _id: PLUGIN_HISTORY,
+      _rev: result._rev,
+      data: JSON.parse(JSON.stringify(state.pluginHistory)),
+    });
+  };
+
+  const setPluginHistory = (plugins) => {
+    state.pluginHistory = plugins;
+    const unpin = state.pluginHistory.filter((plugin) => !plugin.pin);
+    const pin = state.pluginHistory.filter((plugin) => plugin.pin);
+    state.pluginHistory = [...pin, ...unpin];
+    const result = window.rubick.db.get(PLUGIN_HISTORY) || {};
+    window.rubick.db.put({
+      _id: PLUGIN_HISTORY,
+      _rev: result._rev,
+      data: JSON.parse(JSON.stringify(state.pluginHistory)),
+    });
   };
 
   const { searchValue, onSearch, setSearchValue, placeholder } =
@@ -206,6 +245,8 @@ const createPluginManager = (): any => {
     clipboardFile,
     clearClipboardFile,
     readClipboardContent,
+    setPluginHistory,
+    changePluginHistory,
   };
 };
 
diff --git a/src/renderer/plugins-manager/options.ts b/src/renderer/plugins-manager/options.ts
index 10f6a9c..158984c 100644
--- a/src/renderer/plugins-manager/options.ts
+++ b/src/renderer/plugins-manager/options.ts
@@ -1,5 +1,5 @@
 import { ref, watch } from 'vue';
-import throttle from 'lodash.throttle';
+import debounce from 'lodash.debounce';
 import { ipcRenderer } from 'electron';
 import { getGlobal } from '@electron/remote';
 import PinyinMatch from 'pinyin-match';
@@ -130,7 +130,7 @@ const optionsManager = ({
 
   watch(searchValue, () => search(searchValue.value));
   // search Input operation
-  const search = throttle((value) => {
+  const search = debounce((value) => {
     if (currentPlugin.value.name) return;
     if (clipboardFile.value.length) return;
     if (!value) {
@@ -138,7 +138,7 @@ const optionsManager = ({
       return;
     }
     optionsRef.value = getOptionsFromSearchValue(value);
-  }, 500);
+  }, 100);
 
   const setOptionsRef = (options) => {
     optionsRef.value = options;
diff --git a/yarn.lock b/yarn.lock
index 12e83fe..58ba975 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -8867,7 +8867,7 @@ lodash.clonedeep@^4.5.0, lodash.clonedeep@~4.5.0:
 
 lodash.debounce@^4.0.8:
   version "4.0.8"
-  resolved "https://registry.yarnpkg.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af"
+  resolved "https://registry.npmmirror.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af"
   integrity sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==
 
 lodash.defaultsdeep@^4.6.1:
@@ -8910,11 +8910,6 @@ lodash.pick@^4.0.0:
   resolved "https://registry.yarnpkg.com/lodash.pick/-/lodash.pick-4.4.0.tgz#52f05610fff9ded422611441ed1fc123a03001b3"
   integrity sha512-hXt6Ul/5yWjfklSGvLQl8vM//l3FtyHZeuelpzK6mm99pNvN9yTDruNZPEJZD1oWrqo+izBmB7oUfWgcCX7s4Q==
 
-lodash.throttle@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/lodash.throttle/-/lodash.throttle-4.1.1.tgz#c23e91b710242ac70c37f1e1cda9274cc39bf2f4"
-  integrity sha512-wIkUCfVKpVsWo3JSZlc+8MB5it+2AN5W8J7YVMST30UrvcQNZ1Okbj+rbVniijTWE6FGYy4XJq/rHkas8qJMLQ==
-
 lodash.transform@^4.6.0:
   version "4.6.0"
   resolved "https://registry.yarnpkg.com/lodash.transform/-/lodash.transform-4.6.0.tgz#12306422f63324aed8483d3f38332b5f670547a0"