From 85c1b8885ed692a7328130cb1bfed2839a3d0d6c Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Sun, 28 Jan 2024 17:23:37 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E4=BB=AA=E8=A1=A8=E6=9D=BF=E7=BC=96?=
 =?UTF-8?q?=E8=BE=91=E6=A1=86=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/data-visualization/ComponentToolBar.vue   | 2 +-
 .../data-visualization/canvas/ContextMenuDetails.vue     | 9 +++++++--
 .../editor/editor-style/components/LabelSelector.vue     | 8 ++++++++
 .../editor-style/components/table/TableCellSelector.vue  | 2 +-
 4 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/core/core-frontend/src/components/data-visualization/ComponentToolBar.vue b/core/core-frontend/src/components/data-visualization/ComponentToolBar.vue
index 43fcd4434f..be57ff85a2 100644
--- a/core/core-frontend/src/components/data-visualization/ComponentToolBar.vue
+++ b/core/core-frontend/src/components/data-visualization/ComponentToolBar.vue
@@ -143,7 +143,7 @@ onUnmounted(() => {
   </el-row>
 </template>
 
-<style lang="less">
+<style scoped lang="less">
 .custom-main {
   display: flex;
   width: 100%;
diff --git a/core/core-frontend/src/components/data-visualization/canvas/ContextMenuDetails.vue b/core/core-frontend/src/components/data-visualization/canvas/ContextMenuDetails.vue
index 935c23a919..57d89ac69e 100644
--- a/core/core-frontend/src/components/data-visualization/canvas/ContextMenuDetails.vue
+++ b/core/core-frontend/src/components/data-visualization/canvas/ContextMenuDetails.vue
@@ -167,7 +167,11 @@ const composeDivider = computed(() => {
           placement="right-start"
           popper-class="context-menu-details"
         >
-          <li>对齐</li>
+          <li>
+            <div>
+              <span>对齐</span><el-icon><ArrowRight /></el-icon>
+            </div>
+          </li>
           <template #dropdown>
             <el-dropdown-menu>
               <el-dropdown-item style="width: 118px" @click="alignment('left')"
@@ -254,7 +258,7 @@ const composeDivider = computed(() => {
 
       i {
         position: absolute;
-        left: 30px;
+        right: 0px;
         top: 50%;
         transform: translate(-50%, -50%);
       }
@@ -268,5 +272,6 @@ const composeDivider = computed(() => {
 
 .custom-divider {
   border-color: #434343 !important;
+  margin: 0px;
 }
 </style>
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-style/components/LabelSelector.vue b/core/core-frontend/src/views/chart/components/editor/editor-style/components/LabelSelector.vue
index 8406c6e0cc..a9f77c23ef 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-style/components/LabelSelector.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-style/components/LabelSelector.vue
@@ -191,6 +191,13 @@ const checkLabelContent = contentProp => {
 const showProperty = prop => {
   return props.propertyInner?.includes(prop)
 }
+
+const showEmpty = computed(() => {
+  return (
+    props.propertyInner.length === 0 ||
+    (batchOptStatus.value && showProperty('seriesLabelFormatter'))
+  )
+})
 const showSeriesLabelFormatter = computed(() => {
   return !batchOptStatus.value && showProperty('seriesLabelFormatter')
 })
@@ -210,6 +217,7 @@ onMounted(() => {
     :model="state.labelForm"
     label-position="top"
   >
+    <el-row v-show="showEmpty" style="margin-bottom: 12px"> 无其他可设置的属性 </el-row>
     <el-space>
       <el-form-item
         class="form-item"
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-style/components/table/TableCellSelector.vue b/core/core-frontend/src/views/chart/components/editor/editor-style/components/table/TableCellSelector.vue
index b2e4190910..7c933ae2e5 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-style/components/table/TableCellSelector.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-style/components/table/TableCellSelector.vue
@@ -127,7 +127,7 @@ onMounted(() => {
         <el-radio-group
           class="icon-radio-group"
           v-model="state.tableCellForm.tableItemAlign"
-          @change="changeTableCell('tableHeaderAlign')"
+          @change="changeTableCell('tableItemAlign')"
         >
           <el-radio label="left">
             <el-tooltip effect="dark" placement="top">