新增showWaitBtn

src/components/CommandEditor.vue

@@ -373,9 +373,8 @@ export default {
     runCurrentCommand() {
       let command = _.cloneDeep(this.quickcommandInfo);
       command.output =
-        this.$refs.sidebar?.currentCommand.output || command.program === "html"
-          ? "html"
-          : "text";
+        this.$refs.sidebar?.currentCommand.output ||
+        (command.program === "html" ? "html" : "text");
       command.cmdType = this.$refs.sidebar?.cmdType.name;
       this.$refs.result.runCurrentCommand(command);
     },

src/components/quickcommandUI/WaitButton.vue

@@ -0,0 +1,44 @@
+<template>
+  <q-dialog
+    ref="dialog"
+    seamless
+    position="right"
+    @hide="onDialogHide"
+  >
+    <q-card>
+      <q-btn color="primary" :label="label" @click="onOKClick" v-close-popup />
+    </q-card>
+  </q-dialog>
+</template>
+
+<script>
+export default {
+  props: {
+    label: String,
+  },
+  mounted(){
+      console.log(this);
+  },
+  emits: ["ok", "hide"],
+  methods: {
+    show() {
+      this.$refs.dialog.show();
+    },
+    hide() {
+      this.$refs.dialog.hide();
+    },
+
+    onDialogHide() {
+      this.$emit("hide");
+    },
+
+    onOKClick() {
+      this.$emit("ok");
+    },
+
+    onCancelClick() {
+      this.hide();
+    },
+  },
+};
+</script>

src/js/quickcommand.js

@@ -11,6 +11,7 @@ import inputBox from "../components/quickcommandUI/InputBox"
 import buttonBox from "../components/quickcommandUI/ButtonBox"
 import TextArea from "../components/quickcommandUI/TextArea"
 import SelectList from "../components/quickcommandUI/SelectList"
+import WaitButton from "../components/quickcommandUI/waitButton"
 
 const quickcommand = {
     showInputBox: (options = ["请输入"], title = "") => new Promise((reslove, reject) => {
@@ -112,6 +113,19 @@ const quickcommand = {
             console.log('取消')
         })
     }),
+
+    showWaitButton: (callback, label = "确定") => {
+        Dialog.create({
+            component: WaitButton,
+            componentProps: {
+                label
+            }
+        }).onOk(() => {
+            callback()
+        }).onCancel(() => {
+            console.log('取消')
+        })
+    }
 }
 
-export default quickcommand
+export default quickcommand

src/plugins/monaco/types/quickcommand.api.d.ts

@@ -157,7 +157,20 @@ interface quickcommandApi {
    * @param message 提示的内容
    * @param title 提示的标题
    */
-  showConfirmBox(message?: string, title?: string): Promise<boolean>;
+    showConfirmBox(message?: string, title?: string): Promise<boolean>;
+    
+  /**
+   * 显示等待用户操作的按钮，用户点击后执行相关操作
+   *
+   * ```js
+   * quickcommand.showWaitButton(() => {
+   *     stopRunning()
+   * }, "停止运行")
+   * ```
+   * @param callback 点击后的回调
+   * @param label 按钮的标题
+   */
+  showWaitButton(callback, label?: string): void;
 
   /**
    * 同步等待，会阻塞进程