取消v-close-popup

src/components/quickcommandUI/ButtonBox.vue

@@ -9,7 +9,6 @@
           class="full-width"
           color="primary"
           :label="label"
-          v-close-popup
           @click="clickOK(label, index)"
         />
       </div>
@@ -28,8 +27,12 @@ export default {
     options: Object,
   },
   methods: {
+    hide() {
+      this.$emit("hide");
+    },
     clickOK(label, index) {
       this.$emit("clickOK", { id: index, text: label });
+      this.hide();
     },
   },
 };

src/components/quickcommandUI/ConfirmBox.vue

@@ -7,15 +7,8 @@
       {{ options.message }}
     </q-card-section>
     <q-card-section class="flex justify-end q-gutter-sm">
-      <q-btn flat label="取消" color="grey" v-close-popup />
+      <q-btn flat label="取消" color="grey" @click="hide" />
-      <q-btn
+      <q-btn flat autofocus label="确定" color="primary" @click="clickOK()" />
-        flat
-        autofocus
-        label="确定"
-        color="primary"
-        v-close-popup
-        @click="clickOK()"
-      />
     </q-card-section>
   </q-card>
 </template>
@@ -23,8 +16,12 @@
 <script>
 export default {
   methods: {
+    hide() {
+      this.$emit("hide");
+    },
     clickOK() {
       this.$emit("clickOK", true);
+      this.hide();
     },
   },
   props: {

src/components/quickcommandUI/InputBox.vue

@@ -11,14 +11,14 @@
           :label="label"
           :hint="options.hints[index]"
           hide-hint
-          autofocus
+          :autofocus="index === 0"
           @keyup.enter="clickOK"
         />
       </div>
     </q-card-section>
     <q-card-actions align="right">
-      <q-btn color="negative" label="取消" v-close-popup />
+      <q-btn color="negative" label="取消" @click="hide" />
-      <q-btn color="blue-9" label="确定" @click="clickOK" v-close-popup />
+      <q-btn color="blue-9" label="确定" @click="clickOK" />
     </q-card-actions>
   </q-card>
 </template>
@@ -34,8 +34,12 @@ export default {
     options: Object,
   },
   methods: {
+    hide() {
+      this.$emit("hide");
+    },
     clickOK() {
       this.$emit("clickOK", this.results);
+      this.hide();
     },
   },
 };

src/components/quickcommandUI/QuickCommand.vue

@@ -16,7 +16,14 @@
   <!-- waitButton 单独一个 -->
   <q-dialog seamless position="right" style="z-index: 9999" v-model="showWb">
     <q-card>
-      <q-btn color="primary" :label="wbLabel" @click="wbEvent" v-close-popup />
+      <q-btn
+        color="primary"
+        :label="wbLabel"
+        @click="
+          showWb = false;
+          wbEvent();
+        "
+      />
     </q-card>
   </q-dialog>
 </template>

src/components/quickcommandUI/TextArea.vue

@@ -19,7 +19,7 @@
       }"
     />
     <div class="fixed-bottom-right q-pa-md q-gutter-sm">
-      <q-btn round color="blue-grey" icon="arrow_back" v-close-popup />
+      <q-btn round color="blue-grey" icon="arrow_back" @click="hide" />
       <q-btn round color="primary" icon="done" @click="clickOK" />
     </div>
   </q-card>
@@ -36,8 +36,12 @@ export default {
     options: Object,
   },
   methods: {
+    hide() {
+      this.$emit("hide");
+    },
     clickOK() {
       this.$emit("clickOK", this.result);
+      this.hide();
     },
   },
 };