fix: #289

SonicCloudOrg · Aug 27, 2024 · 2a9d087 · 2a9d087
1 parent f278bc6
commit 2a9d087
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 3 deletions.
diff --git a/src/assets/common.css b/src/assets/common.css
@@ -360,3 +360,8 @@ body,
 .remote-header .el-page-header__left{
     align-items: center;
 }
+
+.popper-auto-flow {
+  max-height: 500px;
+  overflow: auto;
+}
diff --git a/src/components/StepShow.vue b/src/components/StepShow.vue
@@ -829,7 +829,13 @@ const getNotes = (text, type) => {
     <el-tag type="info" size="small" style="margin-left: 10px">{{
       step.content
     }}</el-tag>
-    <el-popover placement="bottom" :width="700" trigger="click">
+    <el-popover
+      placement="bottom"
+      :fallback-placements="['bottom', 'top', 'right', 'left']"
+      popper-class="popper-auto-flow"
+      :width="700"
+      trigger="click"
+    >
       <child-step-list-view :steps="childStep" />
       <template #reference>
         <el-button

diff --git a/src/views/PublicStep.vue b/src/views/PublicStep.vue
@@ -142,7 +142,13 @@ onMounted(() => {
       align="center"
     >
       <template #default="scope">
-        <el-popover placement="left" :width="700" trigger="click">
+        <el-popover
+          placement="left"
+          popper-class="popper-auto-flow"
+          :fallback-placements="['bottom', 'top', 'right', 'left']"
+          :width="700"
+          trigger="click"
+        >
           <child-step-list-view :steps="curShowPublicStep.steps" />
           <template #reference>
             <el-button size="mini" @click="getPublicStepInfo(scope.row.id)">{{

diff --git a/vite.config.js b/vite.config.js
@@ -9,7 +9,7 @@ export default defineConfig({
     port: 3002,
   },
   build: {
-    chunkSizeWarningLimit: 600 * 1024, // 设置警告阈值为600KiB，因为element-plus超过500kb导致打包失败
+    chunkSizeWarningLimit: 600, // 设置警告阈值为600KiB
     rollupOptions: {
       output: {
         manualChunks(id) {