fix: v-menu交互配置

StreakingMan · May 30, 2022 · 2399b95 · 2399b95
1 parent 5ff4871
commit 2399b95
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 7 deletions.
diff --git a/src/classes/Runtime.ts b/src/classes/Runtime.ts
@@ -20,6 +20,7 @@ export class Runtime {
         ctrlV: ref(false),
         alt: ref(false),
         shift: ref(false),
+        del: ref(false),
     };
     // 辅助网格显示
     public showGrid = ref(true);

diff --git a/src/components/config-widgets/Color.vue b/src/components/config-widgets/Color.vue
@@ -7,7 +7,7 @@
         style="cursor: pointer"
     >
         <div v-if="!value" class="no-color"></div>
-        <v-menu activator="parent">
+        <v-menu activator="parent" :close-on-content-click="false">
             <v-color-picker v-model="value" show-swatches></v-color-picker>
         </v-menu>
     </v-sheet>

diff --git a/src/components/core/MaterialConfigPopover.vue b/src/components/core/MaterialConfigPopover.vue
@@ -1,5 +1,5 @@
 <template>
-    <v-menu v-model="visible" anchor="end">
+    <v-menu v-model="visible" anchor="end" :close-on-content-click="false">
         <template #activator="{ props }">
             <div
                 class="activator"

diff --git a/src/components/core/MaterialInstance.vue b/src/components/core/MaterialInstance.vue
@@ -276,8 +276,6 @@ export default defineComponent({
             itemStartH: 0,
         };
 
-
-
         // 缩放控制点
         const clickingDot = ref<CtrlDotType | null>(null);
         const { onMousedown: onDotMousedown } = useMouseDrag({

diff --git a/src/components/tools/View.vue b/src/components/tools/View.vue
@@ -2,7 +2,11 @@
     <v-btn icon>
         <v-icon>mdi-grid</v-icon>
         <v-tooltip activator="parent" anchor="bottom">辅助网格</v-tooltip>
-        <v-menu activator="parent" anchor="bottom">
+        <v-menu
+            activator="parent"
+            anchor="bottom"
+            :close-on-content-click="false"
+        >
             <v-sheet class="pa-4 rounded print-none" width="200">
                 <div class="d-flex align-center">
                     <div class="text-subtitle-2">显示网格</div>
@@ -38,7 +42,11 @@
     <v-btn icon>
         <v-icon :style="{ color: paper.background }"> mdi-palette </v-icon>
         <v-tooltip activator="parent" anchor="bottom">纸张背景</v-tooltip>
-        <v-menu activator="parent" anchor="bottom">
+        <v-menu
+            activator="parent"
+            anchor="bottom"
+            :close-on-content-click="false"
+        >
             <v-sheet class="pa-4 rounded print-none" width="fit-content">
                 <div class="d-flex align-center">
                     <div class="text-subtitle-2">背景色</div>
@@ -55,7 +63,11 @@
     <v-btn icon>
         <v-icon>mdi-magnify-plus</v-icon>
         <v-tooltip activator="parent" anchor="bottom">缩放视图</v-tooltip>
-        <v-menu activator="parent" anchor="bottom">
+        <v-menu
+            activator="parent"
+            anchor="bottom"
+            :close-on-content-click="false"
+        >
             <v-sheet class="pa-4 rounded print-none" width="200">
                 <div class="d-flex align-center">
                     <div class="text-subtitle-2">比例</div>