完善执行命令功能 80%

public/preload.js

@@ -473,8 +473,8 @@ getNodeJsCommand = () => {
     return obj
 }
 
-htmlEncode = (value, raw = true) => {
+htmlEncode = (value) => {
-    return raw ? String(value).replace(/&/g, "&amp;").replace(/>/g, "&gt;").replace(/</g, "&lt;").replace(/"/g, "&quot;") : value
+    return String(value).replace(/&/g, "&amp;").replace(/>/g, "&gt;").replace(/</g, "&lt;").replace(/"/g, "&quot;")
 }
 
 hexEncode = text => Buffer.from(text, 'utf8').toString('hex')

src/components/CommandEditor.vue

@@ -352,7 +352,9 @@ export default {
     },
     // 运行
     runCurrentCommand() {
-      this.quickcommandInfo.output = this.$refs.menu?.currentCommand.output;
+      // 如果 action 是 run 则输出一律为 text
+      this.quickcommandInfo.output =
+        this.$refs.menu?.currentCommand.output || "text";
       this.$refs.result.runCurrentCommand(this.quickcommandInfo);
     },
   },

src/components/CommandRunResult.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div v-if="action.type === 'inPlugin'">
+    <div v-if="!fromUtools">
       <q-dialog v-model="isResultShow" @hide="runResult = ''" position="bottom">
         <q-card style="width: 90vh">
           <q-toolbar>
@@ -28,18 +28,23 @@
       </q-dialog>
     </div>
     <div v-else>
-      <q-card>
+      <div
-        <pre
+        v-show="!!runResult"
-          :class="runResultStatus ? '' : 'text-red'"
+        :class="{
+          'text-red': !runResultStatus,
+          'q-pa-md': 1,
+        }"
+        style="white-space: pre"
         v-html="runResult"
-        ></pre>
+      ></div>
-      </q-card>
     </div>
   </div>
 </template>
 
 
 <script>
+import outputTypes from "../js/options/outputTypes.js";
+
 export default {
   data() {
     return {
@@ -54,28 +59,31 @@ export default {
   mounted() {
     window.runResult = this;
   },
+  computed: {
+    fromUtools() {
+      return this.action.type !== "inPlugin";
+    },
+  },
   methods: {
     // 运行命令
     async runCurrentCommand(currentCommand) {
       currentCommand.cmd = window.special(currentCommand.cmd);
       currentCommand.cmd = await this.replaceTempInputVals(currentCommand.cmd);
-      let terminal = false;
+      let { hideWindow, outPlugin, action } =
-      let raw = true;
+        outputTypes[currentCommand.output];
-      switch (currentCommand.output) {
+      // 需要隐藏的提前隐藏窗口
-        case "html":
+      hideWindow && utools.hideMainWindow();
-          raw = false;
+      // 对于本身就没有输出的命令，无法确认命令是否执行完成，所以干脆提前退出插件
-          break;
+      // 弊端就是如果勾选了隐藏后台就完全退出的话，会造成命令直接中断
-        case "terminal":
+      this.fromUtools &&
-          terminal = true;
+        outPlugin &&
-          break;
+        setTimeout(() => {
-        case "ignore":
+          utools.outPlugin();
-          utools.hideMainWindow();
+        }, 500);
-          break;
-      }
       if (currentCommand.program === "quickcommand") {
         window.runCodeInVm(currentCommand.cmd, (stdout, stderr) => {
-          if (stderr) return this.showRunResult(stderr, raw, false);
+          if (stderr) return this.showRunResult(stderr, false, action);
-          this.showRunResult(stdout, raw, true);
+          this.showRunResult(stdout, true, action);
         });
       } else {
         let option = this.$programmings[currentCommand.program];
@@ -86,11 +94,10 @@ export default {
         window.runCodeFile(
           currentCommand.cmd,
           option,
-          terminal,
+          currentCommand.output === "terminal",
           (stdout, stderr) => {
-            if (terminal) return;
+            if (stderr) return this.showRunResult(stderr, false, action);
-            if (stderr) return this.showRunResult(stderr, raw, false);
+            this.showRunResult(stdout, true, action);
-            this.showRunResult(stdout, raw, true);
           }
         );
       }
@@ -122,7 +129,7 @@ export default {
       return cmd;
     },
     // 显示运行结果
-    showRunResult(content, raw, isSuccess) {
+    showRunResult(content, isSuccess, action) {
       this.isResultShow = true;
       this.runResultStatus = isSuccess;
       let contlength = content.length;
@@ -133,7 +140,24 @@ export default {
             contlength - this.resultMaxLength - 100
           } 字省略\n...\n\n` +
           content.slice(contlength - 100);
-      this.runResult += htmlEncode(content, raw);
+      let pretreatment = action(content);
+      pretreatment && (this.runResult += pretreatment);
+      this.fromUtools &&
+        this.$nextTick(() => {
+          this.outputAutoHeight();
+        });
+    },
+    // 根据输出自动滚动及调整 utools 高度
+    outputAutoHeight(autoScroll = true, autoHeight = true) {
+      let clientHeight = document.body.clientHeight;
+      let pluginHeight = clientHeight < 600 ? clientHeight : 600;
+      autoHeight && utools.setExpendHeight(pluginHeight);
+      autoScroll &&
+        window.scroll({
+          top: clientHeight,
+          left: 0,
+          behavior: "smooth",
+        });
     },
   },
 };

src/js/options/outputTypes.js

@@ -6,42 +6,62 @@ const outputTypes = {
     ignore: {
         name: "ignore",
         label: "忽略输出并隐藏",
-        icon: "more_horiz"
+        icon: "more_horiz",
+        hideWindow: true,
+        outPlugin: true,
+        action: result => null
     },
     nothing: {
         name: "nothing",
         label: "忽略输出且不隐藏",
-        icon: "blur_linear"
+        icon: "blur_linear",
+        outPlugin: true,
+        action: result => null
     },
     text: {
         name: "text",
         label: "纯文本输出",
-        icon: "text_snippet"
+        icon: "text_snippet",
+        action: result => window.htmlEncode(result)
     },
     html: {
         name: "html",
         label: "html格式输出",
-        icon: "html"
+        icon: "html",
+        action: result => result
     },
     terminal: {
         name: "terminal",
         label: "在终端显示",
-        icon: "terminal"
+        icon: "terminal",
+        hideWindow: true,
+        outPlugin: true,
+        action: result => null
+
     },
     clip: {
         name: "clip",
         label: "复制到剪贴板",
-        icon: "content_paste"
+        icon: "content_paste",
+        hideWindow: true,
+        outPlugin: true,
+        action: result => window.copyTo(result)
     },
     send: {
         name: "send",
         label: "发送到活动窗口",
-        icon: "web_asset"
+        icon: "web_asset",
+        hideWindow: true,
+        outPlugin: true,
+        action: result => window.send(result)
     },
     notice: {
         name: "notice",
         label: "发送系统通知",
-        icon: "sms"
+        icon: "sms",
+        hideWindow: true,
+        outPlugin: true,
+        action: result => window.message(result)
     },
 };