✨ 支持 template 模板 list 模式

src/renderer/components/search.vue

@@ -5,17 +5,12 @@
       id="search"
       class="main-input"
       @input="(e) => changeValue(e)"
-      @keydown.down="() => emit('changeCurrent', 1)"
-      @keydown.up="() => emit('changeCurrent', -1)"
+      @keydown.down="(e) => keydownEvent(e, 1)"
+      @keydown.up="(e) => keydownEvent(e, -1)"
       @keydown="e => checkNeedInit(e)"
       :value="searchValue"
       :placeholder="placeholder || 'Hi, Rubick2'"
-      @keypress.enter="
-        (e) => targetSearch({ value: e.target.value, type: 'enter' })
-      "
-      @keypress.space="
-        (e) => targetSearch({ value: e.target.value, type: 'space' })
-      "
+      @keypress.enter="(e) => keydownEvent(e)"
     >
       <template #suffix>
         <div class="suffix-tool" >
@@ -64,6 +59,7 @@ const props = defineProps({
 
 const changeValue = (e) => {
   if (props.currentPlugin.name === "rubick-system-feature") return;
+  targetSearch({ value: e.target.value });
   emit("onSearch", e);
 };
 
@@ -75,6 +71,27 @@ const emit = defineEmits([
   "choosePlugin",
 ]);
 
+const keydownEvent = (e, index) => {
+  const { ctrlKey, shiftKey, altKey, metaKey } = e;
+  const modifiers = [];
+  ctrlKey && modifiers.push("control");
+  shiftKey && modifiers.push("shift");
+  altKey && modifiers.push("alt");
+  metaKey && modifiers.push("meta");
+  ipcRenderer.send("msg-trigger", {
+    type: "sendPluginSomeKeyDownEvent",
+    data: {
+      keyCode: e.code,
+      modifiers,
+    },
+  });
+  if(index) {
+    emit("changeCurrent", index);
+  } else {
+    !props.currentPlugin.name && emit("choosePlugin");
+  }
+};
+
 const checkNeedInit = (e) => {
   if (e.target.value === "" && e.keyCode === 8) {
     closeTag();
@@ -87,8 +104,6 @@ const targetSearch = ({ value, type }) => {
       type: "sendSubInputChangeEvent",
       data: { text: value },
     });
-  } else {
-    emit("choosePlugin");
   }
 };
 

src/renderer/plugins-manager/index.ts

@@ -67,7 +67,7 @@ const createPluginManager = (): any => {
     return {
       ...pluginInfo,
       indexPath: commonConst.dev()
-        ? "http://localhost:8080/#/"
+        ? "http://localhost:8081/#/"
         : `file://${path.join(pluginPath, "../", pluginInfo.main)}`,
     };
   };

src/renderer/plugins-manager/options.ts

@@ -3,6 +3,7 @@ import throttle from "lodash.throttle";
 import { remote } from "electron";
 import path from "path";
 import { PLUGIN_INSTALL_DIR as baseDir } from "@/common/constans/renderer";
+import commonConst from "@/common/utils/commonConst";
 
 function searchKeyValues(lists, value) {
   return lists.filter((item) => {
@@ -44,16 +45,23 @@ const optionsManager = ({ searchValue, appList, openPlugin, currentPlugin }) =>
                 "node_modules",
                 plugin.name
               );
-              openPlugin({
+              const pluginDist = {
                 ...toRaw(plugin),
                 indexPath: `file://${path.join(
                   pluginPath,
                   "./",
-                  plugin.main
+                  plugin.main || ""
                 )}`,
                 cmd,
                 feature: fe,
-              });
+              };
+              // 模板文件
+              if (!plugin.main) {
+                pluginDist.tplPath = commonConst.dev()
+                  ? "http://localhost:8082/#/"
+                  : `file://${__static}/tpl/index.html`;
+              }
+              openPlugin(pluginDist);
             },
           })),
         ];