Merge pull request #7865 from dataease/pr@dev-v2@style_panel

style: 仪表板编辑框样式调整

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%;

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>

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"

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">