.github/workflows/main.yml

@@ -27,10 +27,6 @@ jobs:
 
     # create steps
     steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-python@v4
-        with:
-          python-version: '3.10'
       # step1: check out repository
       - name: Check out git repository
         uses: actions/checkout@v2

feature/src/main.ts

@@ -33,12 +33,6 @@ 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 || {},
 });

package.json

@@ -1,6 +1,6 @@
 {
   "name": "rubick",
-  "version": "4.1.5",
+  "version": "4.1.4",
   "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.debounce": "^4.0.8",
+    "lodash.throttle": "^4.1.1",
     "memorystream": "^0.3.1",
     "node-key-sender": "^1.0.11",
     "npm": "6.14.7",

public/preload.js

@@ -49,10 +49,6 @@ window.rubick = {
   showOpenDialog(options) {
     return ipcSendSync('showOpenDialog', options);
   },
-  showSaveDialog(options) {
-    return ipcSendSync('showSaveDialog', options);
-  },
-
   setExpendHeight(height) {
     ipcSendSync('setExpendHeight', height);
   },

src/common/constans/renderer.ts

@@ -4,6 +4,5 @@ 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, PLUGIN_HISTORY };
+export { PLUGIN_INSTALL_DIR };

src/common/utils/dragWindow.ts

@@ -9,8 +9,7 @@ const useDrag = () => {
   let draggable = true;
 
   const onMouseDown = (e) => {
-    // 右击不移动
-    if (e.button === 2) return;
+    // if (commonConst.macOS()) return;
     draggable = true;
     mouseX = e.clientX;
     mouseY = e.clientY;

src/common/utils/getWindowHeight.ts

@@ -1,6 +1,6 @@
-const WINDOW_MAX_HEIGHT = 620;
+const WINDOW_MAX_HEIGHT = 600;
 const WINDOW_MIN_HEIGHT = 60;
-const PRE_ITEM_HEIGHT = 70;
+const PRE_ITEM_HEIGHT = 60;
 const HISTORY_HEIGHT = 70;
 
 export default (searchList: Array<any>, historyList): number => {

src/main/common/api.ts

@@ -139,6 +139,7 @@ class API extends DBInstance {
   public hideMainWindow(arg, window) {
     window.hide();
   }
+
   public showMainWindow(arg, window) {
     window.show();
   }
@@ -147,10 +148,6 @@ 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;

src/main/common/registerHotKey.ts

@@ -15,12 +15,10 @@ const registerHotKey = (mainWindow: BrowserWindow): void => {
   // 设置开机启动
   const setAutoLogin = async () => {
     const config = await localConfig.getConfig();
-    if (app.getLoginItemSettings().openAtLogin !== config.perf.common.start) {
-      app.setLoginItemSettings({
-        openAtLogin: config.perf.common.start,
-        openAsHidden: true,
-      });
-    }
+    app.setLoginItemSettings({
+      openAtLogin: config.perf.common.start,
+      openAsHidden: true,
+    });
   };
 
   const setTheme = async () => {
@@ -88,6 +86,10 @@ const registerHotKey = (mainWindow: BrowserWindow): void => {
       });
     });
 
+    // globalShortcut.register(config.perf.shortCut.separate, () => {
+    //
+    // });
+
     globalShortcut.register(config.perf.shortCut.quit, () => {
       // mainWindow.webContents.send('init-rubick');
       // mainWindow.show();

src/renderer/App.vue

@@ -27,22 +27,18 @@
       :currentSelect="currentSelect"
       :options="options"
       :clipboardFile="clipboardFile || []"
-      @setPluginHistory="setPluginHistory"
-      @choosePlugin="choosePlugin"
     />
   </div>
 </template>
 
 <script setup lang="ts">
-import { watch, ref, toRaw } from 'vue';
+import { watch, ref, nextTick, toRaw } from 'vue';
+import { ipcRenderer } from 'electron';
 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');
@@ -64,8 +60,6 @@ const {
   clearClipboardFile,
   readClipboardContent,
   pluginHistory,
-  setPluginHistory,
-  changePluginHistory,
 } = createPluginManager();
 
 initPlugins();
@@ -82,22 +76,19 @@ getPluginInfo({
   remote.getGlobal('LOCAL_PLUGINS').addPlugin(res);
 });
 
-watch(
-  [options, pluginHistory, currentPlugin],
-  () => {
-    currentSelect.value = 0;
-    if (currentPlugin.value.name) return;
-    window.rubick.setExpendHeight(
-      getWindowHeight(
+watch([options, pluginHistory, currentPlugin], () => {
+  currentSelect.value = 0;
+  if (currentPlugin.value.name) return;
+  nextTick(() => {
+    ipcRenderer.sendSync('msg-trigger', {
+      type: 'setExpendHeight',
+      data: getWindowHeight(
         options.value,
-        pluginLoading.value ? [] : pluginHistory.value
-      )
-    );
-  },
-  {
-    immediate: true,
-  }
-);
+        (pluginLoading.value) ? [] : pluginHistory.value
+      ),
+    });
+  });
+});
 
 const changeIndex = (index) => {
   if (!options.value.length) {
@@ -134,40 +125,13 @@ const openMenu = (ext) => {
 
 window.rubick.openMenu = openMenu;
 
-const choosePlugin = (plugin) => {
+const choosePlugin = () => {
   if (options.value.length) {
     const currentChoose = options.value[currentSelect.value];
     currentChoose.click();
   } else {
-    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,
-          },
-        })
-      )
-    );
+    const currentChoose = pluginHistory.value[currentSelect.value];
+    currentChoose.click();
   }
 };
 

src/renderer/components/result.vue

@@ -1,25 +1,20 @@
 <template>
-  <div v-show="!currentPlugin.name" class="options">
-    <div
-      class="history-plugins"
-      v-if="!options.length || !(searchValue || !!clipboardFile.length)"
-    >
+  <div
+    v-show="!currentPlugin.name"
+    class="options"
+    ref="scrollDom"
+  >
+    <div class="history-plugins" v-if="!options.length || !(searchValue || !!clipboardFile.length)">
       <a-row>
         <a-col
-          @click="() => openPlugin(item)"
-          @contextmenu.prevent="openMenu($event,item)"
-          :class="
-            currentSelect === index ? 'active history-item' : 'history-item'
-          "
+          @click="() => item.click()"
+          :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>
-          <div class="badge" v-if="item.pin"></div>
+          <a-avatar style="width: 28px; height: 28px;" :src="item.icon" />
+          <div class="name ellpise">{{item.cmd || item.pluginName || item._name || item.name}}</div>
         </a-col>
       </a-row>
     </div>
@@ -44,13 +39,16 @@
 </template>
 
 <script lang="ts" setup>
-import {defineEmits, defineProps, reactive, toRaw, watch} from 'vue';
-const path = window.require('path');
-const remote = window.require('@electron/remote');
+import BScroll from '@better-scroll/core';
+import { defineProps, onMounted, ref } from 'vue';
 
-declare const __static: string;
+const scrollDom = ref(null);
 
-const props: any = defineProps({
+onMounted(() => {
+  new BScroll(scrollDom.value);
+});
+
+const props = defineProps({
   searchValue: {
     type: [String, Number],
     default: '',
@@ -68,22 +66,14 @@ const props: any = 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,
@@ -103,97 +93,17 @@ const sort = (options) => {
       }
     }
   }
-  return options.slice(0, 20);
+  return options;
 };
-
-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;
-}
-
-.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);
+  overflow:hidden;
+  text-overflow:ellipsis;
+  display:-webkit-box;
+  -webkit-line-clamp:1;
+  -webkit-box-orient:vertical;
 }
 
 .options {
@@ -210,7 +120,6 @@ initMainCmdMenus();
     border-top: 1px dashed var(--color-border-light);
     box-sizing: border-box;
     .history-item {
-      cursor: pointer;
       box-sizing: border-box;
       height: 69px;
       display: flex;
@@ -219,19 +128,6 @@ initMainCmdMenus();
       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);
       }
@@ -245,7 +141,7 @@ initMainCmdMenus();
   }
   .op-item {
     padding: 0 10px;
-    height: 70px;
+    height: 60px;
     line-height: 50px;
     max-height: 500px;
     overflow: auto;

src/renderer/plugins-manager/index.ts

@@ -8,10 +8,7 @@ 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,
-  PLUGIN_HISTORY,
-} from '@/common/constans/renderer';
+import { PLUGIN_INSTALL_DIR as baseDir } from '@/common/constans/renderer';
 import { message } from 'ant-design-vue';
 
 const createPluginManager = (): any => {
@@ -31,22 +28,16 @@ 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: PLUGIN_HISTORY },
+      data: {
+        id: 'rubick-local-start-app',
+      },
     });
     if (result && result.value) {
       appList.value.push(...result.value);
@@ -79,12 +70,15 @@ const createPluginManager = (): any => {
   const openPlugin = async (plugin, option) => {
     if (plugin.pluginType === 'ui' || plugin.pluginType === 'system') {
       if (state.currentPlugin && state.currentPlugin.name === plugin.name) {
-        window.rubick.showMainWindow();
+        ipcRenderer.sendSync('msg-trigger', {
+          type: 'showMainWindow',
+        });
         return;
       }
       await loadPlugin(plugin);
-      window.rubick.openPlugin(
-        JSON.parse(
+      ipcRenderer.sendSync('msg-trigger', {
+        type: 'openPlugin',
+        data: JSON.parse(
           JSON.stringify({
             ...plugin,
             ext: plugin.ext || {
@@ -93,8 +87,8 @@ const createPluginManager = (): any => {
               payload: null,
             },
           })
-        )
-      );
+        ),
+      });
     }
     if (plugin.pluginType === 'app') {
       try {
@@ -107,52 +101,19 @@ const createPluginManager = (): any => {
     changePluginHistory({
       ...plugin,
       ...option,
-      originName: plugin.name,
     });
   };
 
   const changePluginHistory = (plugin) => {
-    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);
-    }
+    state.pluginHistory.forEach((p, index) => {
+      if (p.name === plugin.name) {
+        state.pluginHistory.splice(index, 1);
+      }
+    });
+    state.pluginHistory.unshift(plugin);
     if (state.pluginHistory.length > 8) {
-      unpin.pop();
+      state.pluginHistory.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 } =
@@ -245,8 +206,6 @@ const createPluginManager = (): any => {
     clipboardFile,
     clearClipboardFile,
     readClipboardContent,
-    setPluginHistory,
-    changePluginHistory,
   };
 };
 

src/renderer/plugins-manager/options.ts

@@ -1,5 +1,5 @@
 import { ref, watch } from 'vue';
-import debounce from 'lodash.debounce';
+import throttle from 'lodash.throttle';
 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 = debounce((value) => {
+  const search = throttle((value) => {
     if (currentPlugin.value.name) return;
     if (clipboardFile.value.length) return;
     if (!value) {
@@ -138,7 +138,7 @@ const optionsManager = ({
       return;
     }
     optionsRef.value = getOptionsFromSearchValue(value);
-  }, 100);
+  }, 500);
 
   const setOptionsRef = (options) => {
     optionsRef.value = options;

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.npmmirror.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af"
+  resolved "https://registry.yarnpkg.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af"
   integrity sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==
 
 lodash.defaultsdeep@^4.6.1:
@@ -8910,6 +8910,11 @@ 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"