From 67805111cbd37359fcdc7eee9b7970222369ca97 Mon Sep 17 00:00:00 2001
From: ulleo <ulleo.wang@gmail.com>
Date: Tue, 28 Nov 2023 14:34:23 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20AntV=E6=95=A3=E7=82=B9=E5=9B=BE?=
 =?UTF-8?q?=E7=B1=BB=E5=88=AB=E6=94=AF=E6=8C=81=E9=87=8D=E5=91=BD=E5=90=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/dragItem/ChartDragItem.vue     | 21 ++++++++++++++++++-
 .../src/views/chart/view/ChartEdit.vue        |  3 +++
 2 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/core/frontend/src/views/chart/components/dragItem/ChartDragItem.vue b/core/frontend/src/views/chart/components/dragItem/ChartDragItem.vue
index 340012a466..24a877469b 100644
--- a/core/frontend/src/views/chart/components/dragItem/ChartDragItem.vue
+++ b/core/frontend/src/views/chart/components/dragItem/ChartDragItem.vue
@@ -201,6 +201,16 @@
               </el-dropdown-menu>
             </el-dropdown>
           </el-dropdown-item>
+
+          <el-dropdown-item
+            v-if="chart.type ==='scatter' && chart.render === 'antv'"
+            icon="el-icon-edit-outline"
+            divided
+            :command="beforeClickItem('rename')"
+          >
+            <span>{{ $t('chart.show_name_set') }}</span>
+          </el-dropdown-item>
+
           <el-dropdown-item
             icon="el-icon-delete"
             divided
@@ -215,7 +225,7 @@
 </template>
 
 <script>
-import { getItemType } from '@/views/chart/components/dragItem/utils'
+import { getItemType, getOriginFieldName } from '@/views/chart/components/dragItem/utils'
 import FieldErrorTips from '@/views/chart/components/dragItem/components/FieldErrorTips'
 import bus from '@/utils/bus'
 
@@ -288,6 +298,9 @@ export default {
         return
       }
       switch (param.type) {
+        case 'rename':
+          this.showRename()
+          break
         case 'remove':
           this.removeItem()
           break
@@ -353,6 +366,12 @@ export default {
     },
     getItemTagType() {
       this.tagType = getItemType(this.dimensionData, this.quotaData, this.item)
+    },
+    showRename() {
+      this.item.index = this.index
+      this.item.renameType = 'extStack'
+      this.item.dsFieldName = getOriginFieldName(this.dimensionData, this.quotaData, this.item)
+      this.$emit('onNameEdit', this.item)
     }
   }
 }
diff --git a/core/frontend/src/views/chart/view/ChartEdit.vue b/core/frontend/src/views/chart/view/ChartEdit.vue
index 3ea3839883..87b836fa56 100644
--- a/core/frontend/src/views/chart/view/ChartEdit.vue
+++ b/core/frontend/src/views/chart/view/ChartEdit.vue
@@ -912,6 +912,7 @@
                             @onItemChange="stackItemChange"
                             @onItemRemove="stackItemRemove"
                             @onItemCustomSort="stackItemCustomSort"
+                            @onNameEdit="showRename"
                           />
                         </transition-group>
                       </draggable>
@@ -3046,6 +3047,8 @@ export default {
             this.view.yaxisExt[this.itemForm.index].name = this.itemForm.name
           } else if (this.itemForm.renameType === 'dimensionExt') {
             this.view.xaxisExt[this.itemForm.index].name = this.itemForm.name
+          } else if (this.itemForm.renameType === 'extStack') {
+            this.view.extStack[this.itemForm.index].name = this.itemForm.name
           }
           this.calcData(true)
           this.closeRename()