From 2a9d087013803c5f91e71abc2926e2332be8356d Mon Sep 17 00:00:00 2001
From: YeungHoiChiu <1005935991@qq.com>
Date: Tue, 27 Aug 2024 20:39:18 +0800
Subject: [PATCH 1/2] fix: #289

---
 src/assets/common.css       | 5 +++++
 src/components/StepShow.vue | 8 +++++++-
 src/views/PublicStep.vue    | 8 +++++++-
 vite.config.js              | 2 +-
 4 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/src/assets/common.css b/src/assets/common.css
index bc2e9922..c0fef381 100644
--- 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
index bff18bb1..2577911d 100644
--- 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
index e1bf7c98..d8274c75 100644
--- 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
index 5dc2dab7..c75e67d9 100644
--- 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) {

From a6147b1c01ec9971e34ae719c9e0cf8835c0808e Mon Sep 17 00:00:00 2001
From: YeungHoiChiu <1005935991@qq.com>
Date: Tue, 27 Aug 2024 21:09:14 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E5=91=BD=E5=90=8D=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/common.css       | 2 +-
 src/components/StepShow.vue | 2 +-
 src/views/PublicStep.vue    | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/assets/common.css b/src/assets/common.css
index c0fef381..5a84dfd8 100644
--- a/src/assets/common.css
+++ b/src/assets/common.css
@@ -361,7 +361,7 @@ body,
     align-items: center;
 }
 
-.popper-auto-flow {
+.public-step-popover {
   max-height: 500px;
   overflow: auto;
 }
diff --git a/src/components/StepShow.vue b/src/components/StepShow.vue
index 2577911d..b86c677f 100644
--- a/src/components/StepShow.vue
+++ b/src/components/StepShow.vue
@@ -832,7 +832,7 @@ const getNotes = (text, type) => {
     <el-popover
       placement="bottom"
       :fallback-placements="['bottom', 'top', 'right', 'left']"
-      popper-class="popper-auto-flow"
+      popper-class="public-step-popover"
       :width="700"
       trigger="click"
     >
diff --git a/src/views/PublicStep.vue b/src/views/PublicStep.vue
index d8274c75..098ce154 100644
--- a/src/views/PublicStep.vue
+++ b/src/views/PublicStep.vue
@@ -144,7 +144,7 @@ onMounted(() => {
       <template #default="scope">
         <el-popover
           placement="left"
-          popper-class="popper-auto-flow"
+          popper-class="public-step-popover"
           :fallback-placements="['bottom', 'top', 'right', 'left']"
           :width="700"
           trigger="click"