添加快捷命令服务的功能

src/components/CommandEditor.vue

@@ -143,6 +143,7 @@
     </div>
     <MonacoEditor
       class="absolute-bottom"
+      :placeholder="true"
       ref="editor"
       @typing="(val) => (quickcommandInfo.cmd = val)"
       :style="{

src/components/ConfigurationMenu.vue

@@ -12,6 +12,176 @@
     />
     <!-- 菜单 -->
     <q-list>
+      <!-- 实用功能 -->
+      <q-item clickable>
+        <q-item-section side>
+          <q-icon name="keyboard_arrow_left" />
+        </q-item-section>
+        <q-item-section>实用功能</q-item-section>
+        <q-menu anchor="top end" self="top start">
+          <q-list>
+            <q-item>
+              <q-item-section side>
+                <q-icon name="folder_special" />
+              </q-item-section>
+              <q-input
+                dense
+                prefix="快速收藏文件至"
+                suffix="标签"
+                outlined
+                input-class="text-center"
+                style="width: 280px"
+                autofocus
+                v-model="quickFeatures.favFile.tag"
+                type="text"
+              >
+                <template v-slot:append>
+                  <q-toggle
+                    @click="toggleFeature('favFile')"
+                    v-model="quickFeatures.favFile.enable"
+                    checked-icon="check"
+                    color="primary"
+                  />
+                </template>
+                <q-tooltip
+                  >启用后，选中文件可以通过超级面板快速将文件收藏到「{{
+                    quickFeatures.favFile.tag
+                  }}」标签
+                </q-tooltip>
+              </q-input>
+            </q-item>
+            <q-item>
+              <q-item-section side>
+                <q-icon name="bookmarks" />
+              </q-item-section>
+              <q-input
+                dense
+                prefix="快速收藏网址至"
+                suffix="标签"
+                outlined
+                input-class="text-center"
+                style="width: 280px"
+                v-model="quickFeatures.favUrl.tag"
+                type="text"
+              >
+                <template v-slot:append>
+                  <q-toggle
+                    @click="toggleFeature('favUrl')"
+                    v-model="quickFeatures.favUrl.enable"
+                    checked-icon="check"
+                    color="primary"
+                  />
+                </template>
+                <q-tooltip
+                  >启用后，在浏览器界面可以通过超级面板快速将网址收藏到「{{
+                    quickFeatures.favUrl.tag
+                  }}」标签
+                </q-tooltip>
+              </q-input>
+            </q-item>
+            <q-item>
+              <q-item-section side>
+                <q-icon name="drive_file_rename_outline" />
+              </q-item-section>
+              <q-input
+                dense
+                prefix="新建插件别名至"
+                suffix="标签"
+                outlined
+                input-class="text-center"
+                style="width: 280px"
+                autofocus
+                v-model="quickFeatures.pluNickName.tag"
+                type="text"
+              >
+                <template v-slot:append>
+                  <q-toggle
+                    @click="toggleFeature('pluNickName')"
+                    v-model="quickFeatures.pluNickName.enable"
+                    checked-icon="check"
+                    color="primary"
+                  />
+                </template>
+                <q-tooltip
+                  >启用后，在主输入框输入「插件别名」可以快速设置插件别名<br />
+                  并将所有设置的别名保存至「{{
+                    quickFeatures.pluNickName.tag
+                  }}」标签
+                </q-tooltip>
+              </q-input>
+            </q-item>
+            <q-item>
+              <q-item-section side>
+                <q-icon name="timer" />
+              </q-item-section>
+              <q-input
+                dense
+                prefix="新建计划任务至"
+                suffix="标签"
+                outlined
+                input-class="text-center"
+                style="width: 280px"
+                v-model="quickFeatures.crontab.tag"
+                type="text"
+              >
+                <template v-slot:append>
+                  <q-toggle
+                    @click="toggleFeature('crontab')"
+                    v-model="quickFeatures.crontab.enable"
+                    checked-icon="check"
+                    color="primary"
+                  />
+                </template>
+                <q-tooltip
+                  >启用后，在主输入框输入「计划任务」可以配置计划任务，定制执行指定或新建的快捷命令<br />
+                  如果是直接新建，则新建的任务会保存在「{{
+                    quickFeatures.crontab.tag
+                  }}」标签<br />
+                  注意此功能并没有使用系统自带的计划任务，需要配置插件跟随
+                  utools 启动和保留后台<br />
+                  本功能比系统自带的更为强大，因为你可以在计划任务中任意使用
+                  utools 或 quickcommand 的 api
+                </q-tooltip>
+              </q-input>
+            </q-item>
+            <q-item>
+              <q-item-section side>
+                <q-icon name="api" />
+              </q-item-section>
+              <q-input
+                dense
+                prefix="开启快捷命令服务"
+                suffix="端口"
+                outlined
+                v-model="quickFeatures.apiServer.port"
+                input-class="text-center"
+                style="width: 280px"
+                type="text"
+              >
+                <template v-slot:append>
+                  <q-toggle
+                    @click="toggleFeature('apiServer')"
+                    v-model="quickFeatures.apiServer.enable"
+                    checked-icon="check"
+                    color="primary"
+                  />
+                </template>
+                <q-tooltip
+                  >启用后，在主输入框输入「快捷命令服务」可以进入配置一个后台服务<br />
+                  通过本地监听{{
+                    quickFeatures.apiServer.port
+                  }}端口的形式，接收用户传送过来的参数，然后根据参数执行不同的操作
+                  <br />
+                  本功能的意义在于，将 utools
+                  的接口暴露出来，可以通过命令行等外部途径 <br />
+                  直接启用 ubrowser 或者直接redirect 到相应的插件<br />
+                  需要配置插件跟随 utools 启动和保留后台
+                </q-tooltip>
+              </q-input>
+            </q-item>
+          </q-list>
+        </q-menu>
+      </q-item>
       <!-- 导入 -->
       <q-item clickable>
         <q-item-section side>
@@ -77,108 +247,6 @@
           </q-list>
         </q-menu>
       </q-item>
-      <!-- 实用功能 -->
-      <q-item clickable>
-        <q-item-section side>
-          <q-icon name="keyboard_arrow_left" />
-        </q-item-section>
-        <q-item-section>实用功能</q-item-section>
-        <q-menu anchor="top end" self="top start">
-          <q-list>
-            <q-item>
-              <q-item-section side>
-                <q-icon name="folder_special" />
-              </q-item-section>
-              <q-input
-                dense
-                prefix="快速收藏文件至"
-                suffix="标签"
-                outlined
-                input-class="text-center"
-                style="width: 280px"
-                autofocus
-                v-model="quickFeatures.favFile.tag"
-                type="text"
-              >
-                <template v-slot:append>
-                  <q-toggle
-                    @click="toggleFeature('favFile')"
-                    v-model="quickFeatures.favFile.enable"
-                    checked-icon="check"
-                    color="primary"
-                  />
-                </template>
-                <q-tooltip
-                  >启用后，选中文件可以通过超级面板快速将文件收藏到「{{
-                    quickFeatures.favFile.tag
-                  }}」标签
-                </q-tooltip>
-              </q-input>
-            </q-item>
-            <q-item>
-              <q-item-section side>
-                <q-icon name="bookmarks" />
-              </q-item-section>
-              <q-input
-                dense
-                prefix="快速收藏网址至"
-                suffix="标签"
-                outlined
-                input-class="text-center"
-                style="width: 280px"
-                autofocus
-                v-model="quickFeatures.favUrl.tag"
-                type="text"
-              >
-                <template v-slot:append>
-                  <q-toggle
-                    @click="toggleFeature('favUrl')"
-                    v-model="quickFeatures.favUrl.enable"
-                    checked-icon="check"
-                    color="primary"
-                  />
-                </template>
-                <q-tooltip
-                  >启用后，在浏览器界面可以通过超级面板快速将网址收藏到「{{
-                    quickFeatures.favUrl.tag
-                  }}」标签
-                </q-tooltip>
-              </q-input>
-            </q-item>
-            <q-item>
-              <q-item-section side>
-                <q-icon name="drive_file_rename_outline" />
-              </q-item-section>
-              <q-input
-                dense
-                prefix="新建插件别名至"
-                suffix="标签"
-                outlined
-                input-class="text-center"
-                style="width: 280px"
-                autofocus
-                v-model="quickFeatures.pluNickName.tag"
-                type="text"
-              >
-                <template v-slot:append>
-                  <q-toggle
-                    @click="toggleFeature('pluNickName')"
-                    v-model="quickFeatures.pluNickName.enable"
-                    checked-icon="check"
-                    color="primary"
-                  />
-                </template>
-                <q-tooltip
-                  >启用后，在主输入框输入「插件别名」可以快速设置插件别名<br />
-                  并将所有设置的别名保存至「{{
-                    quickFeatures.pluNickName.tag
-                  }}」标签
-                </q-tooltip>
-              </q-input>
-            </q-item>
-          </q-list>
-        </q-menu>
-      </q-item>
       <!-- 选项 -->
       <q-item clickable>
         <q-item-section side>

src/components/MonacoEditor.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <div id="monacoEditor" style="width: 100%; height: 100%"></div>
-    <div class="absolute-center flex" v-show="!value">
+    <div class="absolute-center flex" v-show="!value && placeholder">
       <div class="placeholder text-center q-gutter-md">
         <div v-for="shortCut in shortCuts" :key="shortCut">
           <span>{{ shortCut[0] }}</span
@@ -56,6 +56,9 @@ export default {
       return this.$q.dark.isActive;
     },
   },
+  props: {
+    placeholder: Boolean,
+  },
   methods: {
     initEditor() {
       let monacoEditorPreferences = {

src/components/quickFeatures/ApiServer.vue

@@ -0,0 +1,127 @@
+<template>
+  <div>
+    <MonacoEditor
+      :placeholder="false"
+      class="absolute-top"
+      ref="editor"
+      @typing="
+        (val) => {
+          $profile.quickFeatures.apiServer.cmd = val;
+          serverStatus && (needRestart = true);
+        }
+      "
+      :style="{
+        bottom: bottomHeight + 'px',
+      }"
+    />
+    <div
+      class="
+        absolute-bottom
+        flex
+        items-center
+        justify-between
+        q-px-md
+        shadow-10
+      "
+      :style="{
+        height: bottomHeight + 'px',
+      }"
+    >
+      <div class="q-gutter-xs">
+        <q-badge color="primary" dense square>POST</q-badge
+        ><q-badge color="primary" dense square>GET</q-badge>
+        <span>
+          http://127.0.0.1:{{ $profile.quickFeatures.apiServer.port }}
+        </span>
+        <span>的参数，均会作为本脚本里的变量 </span>
+      </div>
+      <q-btn-group unelevated>
+        <q-btn flat color="primary" icon="help" />
+        <q-separator inset vertical />
+        <q-btn
+          flat
+          color="negative"
+          icon="stop"
+          v-if="serverStatus && !needRestart"
+          @click="stopServer"
+          label="停止服务"
+        />
+        <q-btn
+          flat
+          color="warning"
+          icon="restart_alt"
+          v-else-if="serverStatus && needRestart"
+          @click="restartServer"
+          label="重启服务"
+        />
+        <q-btn
+          flat
+          color="primary"
+          icon="play_arrow"
+          v-else
+          label="开启服务"
+          @click="enableServer"
+        >
+        </q-btn>
+      </q-btn-group>
+    </div>
+  </div>
+</template>
+
+<script>
+import MonacoEditor from "components/MonacoEditor";
+
+export default {
+  components: { MonacoEditor },
+  data() {
+    return {
+      bottomHeight: 40,
+      serverStatus: this.$profile.quickFeatures.apiServer.serverStatus,
+      needRestart: null,
+    };
+  },
+  mounted() {
+    this.$refs.editor.setEditorValue(this.$profile.quickFeatures.apiServer.cmd);
+    this.$refs.editor.setEditorLanguage("javascript");
+    this.needRestart = false;
+  },
+  methods: {
+    enableServer() {
+      quickcommand
+        .showConfirmBox(
+          "请注意，该接口未做任何权限鉴定，千万不要试图将本端口转发出去，否则无异于将本机的 shell 权限暴露在公网！",
+          "FBI WARNING"
+        )
+        .then((ok) => {
+          if (!ok) return;
+          this.$profile.quickFeatures.apiServer.serverStatus =
+            this.serverStatus = true;
+          window
+            .quickcommandHttpServer()
+            .run(
+              this.$profile.quickFeatures.apiServer.cmd,
+              this.$profile.quickFeatures.apiServer.port
+            );
+          quickcommand.showMessageBox("启动服务成功！");
+        });
+    },
+    stopServer() {
+      window.quickcommandHttpServer().stop();
+      this.$profile.quickFeatures.apiServer.serverStatus =
+        this.serverStatus = false;
+      quickcommand.showMessageBox("关闭服务成功！");
+    },
+    restartServer() {
+      window.quickcommandHttpServer().stop();
+      window
+        .quickcommandHttpServer()
+        .run(
+          this.$profile.quickFeatures.apiServer.cmd,
+          this.$profile.quickFeatures.apiServer.port
+        );
+      this.needRestart = false;
+      quickcommand.showMessageBox("重启服务成功！");
+    },
+  },
+};
+</script>

src/components/quickFeatures/CrontabCmd.vue

@@ -0,0 +1,55 @@
+<template>
+  <q-card>
+    <q-card-section class="text-h5 text-center">定时执行</q-card-section>
+    <q-card-section class="q-gutter-md">
+      <q-input
+        v-model="crontab"
+        type="text"
+        standout="bg-primary text-white"
+        label="请输入 Crontab 表达式"
+        mask="# # # # # #"
+      >
+        <template v-slot:append>
+          <q-btn flat icon="help"></q-btn>
+        </template>
+      </q-input>
+      <pre class="explain">
+        {{ explain }}
+      </pre>
+      <div>当前状态：</div>
+      <div>下次执行时间：</div>
+    </q-card-section>
+    <q-card-actions align="right">
+      <q-btn flat color="negative" v-close-popup>禁用</q-btn>
+      <q-btn flat color="primary" v-close-popup>启用</q-btn>
+    </q-card-actions>
+  </q-card>
+</template>
+
+<script>
+const explain = `
+┌──────────────── (可选) 秒 (0 - 59)
+│ ┌────────────── 分钟 (0 - 59)
+│ │ ┌──────────── 小时 (0 - 23)
+│ │ │ ┌────────── 日 (1 - 31)
+│ │ │ │ ┌──────── 月 (1 - 12, 一月-十二月)
+│ │ │ │ │ ┌────── 星期 (0 - 6, 周日-周六)
+*  *  *  *  *  *`;
+
+export default {
+  data() {
+    return {
+      crontab: "",
+      explain: explain,
+    };
+  },
+};
+</script>
+
+<style scoped>
+.explain {
+  background: #ffffff18;
+  padding: 0 10px;
+  border-radius: 5px;
+}
+</style>

src/components/quickFeatures/FavFile.vue

@@ -0,0 +1,40 @@
+<script>
+export default {
+  mounted() {
+    utools.setExpendHeight(0);
+    quickcommand.enterData.payload.forEach((file) => {
+      let uid = this.getUid();
+      let fileInfo = window.getFileInfo({
+        type: "file",
+        argvs: file.path,
+        readfile: false,
+      });
+      let fileName = fileInfo.name.replace(fileInfo.ext, "");
+      let command = {
+        features: {
+          cmds: [fileName],
+          explain: `打开${fileName}`,
+          icon: utools.getFileIcon(file.path),
+          platform: [window.processPlatform],
+          code: `key_${uid}`,
+        },
+        program: "quickcommand",
+        cmd: `open(\"${file.path.replace(/\\/g, "\\\\")}\")`,
+        output: "ignore",
+        tags: [this.$profile.quickFeatures.favFile.tag],
+      };
+      this.importCommand(command);
+    });
+    utools.showNotification("操作成功！");
+    utools.outPlugin();
+  },
+  methods: {
+    getUid() {
+      return this.$parent.getUid();
+    },
+    importCommand(command) {
+      this.$parent.importCommand(command);
+    },
+  },
+};
+</script>

src/components/quickFeatures/FavUrl.vue

@@ -0,0 +1,76 @@
+<script>
+export default {
+  data() {
+    return {
+      cmdCtrlKey: window.processPlatform === "darwin" ? "command" : "control",
+    };
+  },
+  async mounted() {
+    utools.setExpendHeight(0);
+    utools.hideMainWindow();
+    // getCurrentBrowserUrl 似乎失效了
+    // let url = utools.getCurrentBrowserUrl();
+    utools.simulateKeyboardTap("l", this.cmdCtrlKey);
+    await this.wait(50);
+    utools.simulateKeyboardTap("c", this.cmdCtrlKey);
+    await this.wait(50);
+    let url = window.clipboardReadText();
+    if (!/^http/.test(url)) {
+      utools.showMainWindow();
+      utools.setExpendHeight(550);
+      let choise = await quickcommand.showButtonBox(
+        ["http", "https"],
+        "当前浏览器网址显示不完整，请问访问的页面是哪一种？"
+      );
+      url = choise.text + "://" + url;
+    }
+    let title = quickcommand.enterData.payload.title
+      .replace(/和另外 \d+ 个页面.*/, "")
+      .replace(/[-|—] .*?[Edge|Firefox|Chrome].*/, "")
+      .trim();
+    // let req = await axios(url)
+    // let title = quickcommand.htmlParse(req.data).querySelector('title').innerText
+    let base = /(http(s){0,1}:\/\/.*?(:\d+){0,1})(\/|$).*/.exec(url)[1];
+    let iconUrl = base + "/favicon.ico";
+    let iconPath = window.joinPath(
+      utools.getPath("temp"),
+      "quickcommandfavicon.ico"
+    );
+    let uid = this.getUid();
+    let command = {
+      features: {
+        explain: `访问${title}`,
+        cmds: [title],
+        platform: ["linux", "win32", "darwin"],
+        code: `key_${uid}`,
+      },
+      program: "quickcommand",
+      cmd: `visit(\"${url}\")\n`,
+      output: "ignore",
+      tags: [this.$profile.quickFeatures.favUrl.tag],
+    };
+    try {
+      let res = await quickcommand.downloadFile(iconUrl, iconPath);
+      if (res) command.features.icon = iconPath;
+    } catch (e) {}
+    this.importCommand(command);
+    utools.showNotification("操作成功！");
+    utools.outPlugin();
+  },
+  methods: {
+    wait(ms) {
+      return new Promise((resolve) => {
+        setTimeout(() => {
+          resolve();
+        }, ms);
+      });
+    },
+    getUid() {
+      return this.$parent.getUid();
+    },
+    importCommand(command) {
+      this.$parent.importCommand(command);
+    },
+  },
+};
+</script>

src/components/quickFeatures/PluginNickName.vue

@@ -0,0 +1,144 @@
+<template>
+  <div class="flex justify-center content-center" style="height: 500px">
+    <div class="q-gutter-lg q-pa-lg" style="width: 600px">
+      <div class="text-center text-h2 q-ma-none">插件别名设置</div>
+      <q-select
+        outlined
+        transition-show="jump-down"
+        transition-hide="jump-up"
+        v-model="plugin"
+        :options="plugins"
+        type="text"
+        class="full-width"
+        :display-value="plugin.pluginName"
+        @update:model-value="feature = features[0]"
+        label="请选择插件"
+      >
+        <template v-slot:prepend>
+          <q-icon name="extension" />
+        </template>
+        <template v-slot:option="scope">
+          <q-item v-bind="scope.itemProps">
+            <q-item-section avatar>
+              <q-img :src="`file:///${scope.opt.logoPath}`" />
+            </q-item-section>
+            <q-item-section>
+              <q-item-label v-html="scope.opt.pluginName" />
+              <q-item-label caption>{{ scope.opt.description }}</q-item-label>
+            </q-item-section>
+          </q-item>
+        </template>
+      </q-select>
+      <q-select
+        outlined
+        transition-show="jump-down"
+        transition-hide="jump-up"
+        v-model="feature"
+        :options="features"
+        type="text"
+        :display-value="feature.cmd || ''"
+        class="full-width"
+        label="请选择功能关键字"
+      >
+        <template v-slot:prepend>
+          <q-icon name="font_download" />
+        </template>
+        <template v-slot:option="scope">
+          <q-item v-bind="scope.itemProps">
+            <q-item-section avatar>
+              <q-img :src="`file:///${plugin.logoPath}`" />
+            </q-item-section>
+            <q-item-section>
+              <q-item-label v-html="scope.opt.cmd" />
+              <q-item-label caption>{{ scope.opt.explain }}</q-item-label>
+            </q-item-section>
+          </q-item>
+        </template>
+      </q-select>
+      <q-select
+        class="full-width"
+        max-values="3"
+        type="text"
+        placeholder="键入后回车"
+        use-input
+        hide-dropdown-icon
+        use-chips
+        multiple
+        new-value-mode="add-unique"
+        input-debounce="0"
+        outlined
+        v-model="nickName"
+        label="要设置的别名"
+      >
+        <template v-slot:prepend>
+          <q-icon name="drive_file_rename_outline" />
+        </template>
+      </q-select>
+      <q-btn
+        class="full-width"
+        color="primary"
+        label="确定"
+        @click="addPluNickName()"
+      />
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      plugins: [],
+      plugin: {},
+      feature: {},
+      nickName: [],
+    };
+  },
+  mounted() {
+    this.plugins = _.values(window.getUtoolsPlugins());
+    this.plugin = this.plugins[0];
+    this.feature = this.features[0];
+  },
+  computed: {
+    features() {
+      return this.plugin?.features
+        ?.map((x) => {
+          return {
+            explain: x.explain,
+            cmd: x.cmds.filter((y) => y.length)[0],
+          };
+        })
+        .filter((x) => x.cmd);
+    },
+  },
+  methods: {
+    addPluNickName() {
+      if (!this.nickName.length)
+        return quickcommand.showMessageBox("请填写别名", "warning");
+      let uid = this.getUid();
+      let command = {
+        features: {
+          cmds: this.nickName,
+          explain: this.feature.explain,
+          icon: window.getBase64Ico(this.plugin.logoPath),
+          platform: this.plugin.platform || ["darwin", "win32", "linux"],
+          code: `key_${uid}`,
+        },
+        program: "quickcommand",
+        cmd: `utools.redirect("${this.feature.cmd}");utools.showMainWindow()`,
+        output: "ignore",
+        tags: [this.$profile.quickFeatures.pluNickName.tag],
+      };
+      this.importCommand(command);
+      this.nickName = [];
+      quickcommand.showMessageBox("添加成功！");
+    },
+    getUid() {
+      return this.$parent.getUid();
+    },
+    importCommand(command) {
+      this.$parent.importCommand(command);
+    },
+  },
+};
+</script>