From 5c70c8211edbdd4ed7d812e7934876d6a3711876 Mon Sep 17 00:00:00 2001
From: wisonic-s <shaochuan.wu@fit2cloud.com>
Date: Tue, 16 Apr 2024 12:43:59 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E4=BB=AA=E8=A1=A8=E6=9D=BF):=20=E5=89=AF?=
 =?UTF-8?q?=E5=80=BC=E8=BD=B4=E6=97=A0=E6=B3=95=E6=8B=96=E5=85=A5=E6=8C=87?=
 =?UTF-8?q?=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/chart/components/editor/index.vue   | 64 ++++++++++---------
 1 file changed, 35 insertions(+), 29 deletions(-)

diff --git a/core/core-frontend/src/views/chart/components/editor/index.vue b/core/core-frontend/src/views/chart/components/editor/index.vue
index fc4be90547..d2100707db 100644
--- a/core/core-frontend/src/views/chart/components/editor/index.vue
+++ b/core/core-frontend/src/views/chart/components/editor/index.vue
@@ -1702,36 +1702,42 @@ const drop = (ev: MouseEvent, type = 'xAxis') => {
                           </el-icon>
                         </el-tooltip>
                       </div>
-                      <draggable
-                        :list="view.yAxisExt"
-                        :move="onMove"
-                        item-key="id"
-                        group="drag"
-                        animation="300"
-                        class="drag-block-style"
-                        :class="{ dark: themes === 'dark' }"
-                        @add="addYaxisExt"
-                        @change="e => onAxisChange(e, 'yAxisExt')"
+                      <div
+                        @drop="$event => drop($event, 'yAxisExt')"
+                        @dragenter="dragEnter"
+                        @dragover="$event => dragOver($event)"
                       >
-                        <template #item="{ element, index }">
-                          <quota-item
-                            :dimension-data="state.dimension"
-                            :quota-data="state.quota"
-                            :chart="view"
-                            :item="element"
-                            :index="index"
-                            type="quotaExt"
-                            :themes="props.themes"
-                            @onQuotaItemChange="item => quotaItemChange(item, 'yAxisExt')"
-                            @onQuotaItemRemove="quotaItemRemove"
-                            @onNameEdit="showRename"
-                            @editItemFilter="showQuotaEditFilter"
-                            @editItemCompare="showQuotaEditCompare"
-                            @valueFormatter="valueFormatter"
-                          />
-                        </template>
-                      </draggable>
-                      <drag-placeholder :drag-list="view.yAxisExt" />
+                        <draggable
+                          :list="view.yAxisExt"
+                          :move="onMove"
+                          item-key="id"
+                          group="drag"
+                          animation="300"
+                          class="drag-block-style"
+                          :class="{ dark: themes === 'dark' }"
+                          @add="addYaxisExt"
+                          @change="e => onAxisChange(e, 'yAxisExt')"
+                        >
+                          <template #item="{ element, index }">
+                            <quota-item
+                              :dimension-data="state.dimension"
+                              :quota-data="state.quota"
+                              :chart="view"
+                              :item="element"
+                              :index="index"
+                              type="quotaExt"
+                              :themes="props.themes"
+                              @onQuotaItemChange="item => quotaItemChange(item, 'yAxisExt')"
+                              @onQuotaItemRemove="quotaItemRemove"
+                              @onNameEdit="showRename"
+                              @editItemFilter="showQuotaEditFilter"
+                              @editItemCompare="showQuotaEditCompare"
+                              @valueFormatter="valueFormatter"
+                            />
+                          </template>
+                        </draggable>
+                        <drag-placeholder :drag-list="view.yAxisExt" />
+                      </div>
                     </el-row>
                     <!-- extBubble -->
                     <el-row class="padding-lr drag-data" v-if="showAxis('extBubble')">