弹窗 样式 修改

src/components/Popover.vue

@@ -21,6 +21,7 @@ const props = withDefaults(
     appendTo?: HTMLElement | "parent"
     contentStyle?: CSSProperties
     center?: boolean
+    offsetOne?: number
     offset?: number
   }>(),
   {
@@ -28,6 +29,7 @@ const props = withDefaults(
     trigger: "click",
     placement: "bottom",
     center: false,
+    offsetOne: 0,
     offset: 8
   }
 )
@@ -67,7 +69,7 @@ onMounted(() => {
     interactive: true,
     appendTo: props.appendTo || document.body,
     maxWidth: "none",
-    offset: [0, props.offset],
+    offset: [props.offsetOne, props.offset],
     duration: 200,
     animation: "scale",
     theme: "popover",

src/views/Editor/CanvasTool/index.vue

@@ -145,7 +145,7 @@
         <Popover trigger="click" v-model:value="moreToolsVisible" :offset="10" @click.stop>
           <template #content>
             <PopoverMenuItem>
-              <Popover trigger="click" v-model:value="chartPoolVisible" :offset="10">
+              <Popover trigger="click" v-model:value="chartPoolVisible" placement="right" :offsetOne="50" :offset="36">
                 <template #content>
                   <ChartPool
                     @select="
@@ -163,7 +163,7 @@
               </Popover>
             </PopoverMenuItem>
             <PopoverMenuItem>
-              <Popover trigger="click" v-model:value="tableGeneratorVisible" :offset="10">
+              <Popover trigger="click" v-model:value="tableGeneratorVisible" placement="right" :offsetOne="130" :offset="36">
                 <template #content>
                   <TableGenerator
                     @close="tableGeneratorVisible = false"