fix: 样式优化

core/core-frontend/src/components/visualization/ComponentEditBar.vue

@@ -120,7 +120,7 @@
               >{{ t('visualization.show_data_info') }}</el-dropdown-item
             >
             <el-dropdown-item
-              style="padding: 0"
+              style="padding: 0; padding-left: 8px"
               v-if="
                 !['picture-group', 'rich-text'].includes(element.innerType) &&
                 barShowCheck('download') &&
@@ -131,13 +131,8 @@
             >
               <el-dropdown style="width: 100%" trigger="hover" placement="right-start">
                 <div
-                  class="flex-align-center"
-                  style="
-                    position: relative;
-                    width: 100%;
-                    padding: 5px 32px 5px 16px;
-                    line-height: 24px;
-                  "
+                  class="flex-align-center dropdown-in_dropdown-item"
+                  style="position: relative; width: 100%; line-height: 32px"
                 >
                   {{ t('visualization.export_as') }}
                   <el-icon size="16px" style="position: absolute; right: 8px; margin-right: 0"
@@ -171,6 +166,7 @@
 
           <xpack-component
             :chart="element"
+            class="cbf"
             resource-table="snapshot"
             jsname="L2NvbXBvbmVudC90aHJlc2hvbGQtd2FybmluZy9FZGl0QmFySGFuZGxlcg=="
             @close-item="closeItem"
@@ -729,3 +725,11 @@ watch(
   height: 24px;
 }
 </style>
+
+<style lang="less">
+.ed-dropdown:has(.dropdown-in_dropdown-item) {
+  :focus-visible {
+    outline: none;
+  }
+}
+</style>

core/core-frontend/src/custom-component/v-query/Time.vue

@@ -513,6 +513,7 @@ const formatDate = computed(() => {
     v-else
     :key="config.timeGranularity + 1"
     v-model="selectValue"
+    class="icon-fixed_16"
     @visible-change="visibleChange"
     :disabled-date="disabledDate"
     :type="config.timeGranularity"
@@ -615,4 +616,9 @@ const formatDate = computed(() => {
   text-align: center;
   border-bottom: 1px solid #eee;
 }
+.icon-fixed_16 {
+  .ed-input__icon {
+    font-size: 16px !important;
+  }
+}
 </style>

core/core-frontend/src/locales/en.ts

@@ -738,7 +738,7 @@ export default {
     complete: 'Complete',
     pager_color: 'Pager color',
     title_horizontal_position: 'Title horizontal position',
-    title_display_position: 'Title display position',
+    title_display_position: 'Label display position',
     title_color: 'Title color',
     label_color: 'Label color',
     input_box_style: 'Input box style',

core/core-frontend/src/locales/tw.ts

@@ -713,7 +713,7 @@ export default {
     complete: '完成',
     pager_color: '分頁器配色',
     title_horizontal_position: '標題水平位置',
-    title_display_position: '標題顯示位置',
+    title_display_position: '標籤顯示位置',
     title_color: '標題顏色',
     label_color: '標籤顏色',
     input_box_style: '輸入框樣式',

core/core-frontend/src/locales/zh-CN.ts

@@ -716,7 +716,7 @@ export default {
     complete: '完成',
     pager_color: '分页器配色',
     title_horizontal_position: '标题水平位置',
-    title_display_position: '标题显示位置',
+    title_display_position: '标签显示位置',
     title_color: '标题颜色',
     label_color: '标签颜色',
     input_box_style: '输入框样式',

core/core-frontend/src/views/visualized/data/datasource/index.vue

@@ -1545,7 +1545,7 @@ const getMenuList = (val: boolean) => {
                 </el-col>
                 <el-col v-if="!nodeInfo.type.startsWith('Excel')" :span="24">
                   <BaseInfoItem :label="t('common.description')">{{
-                    nodeInfo.description
+                    nodeInfo.description || '-'
                   }}</BaseInfoItem>
                 </el-col>
               </el-row>
@@ -1851,7 +1851,7 @@ const getMenuList = (val: boolean) => {
             <p class="table-name">
               {{ t('datasource.table_name') }}
             </p>
-            <p class="table-value">
+            <p :title="dsTableDetail.tableName" class="table-value">
               {{ dsTableDetail.tableName }}
             </p>
           </el-col>
@@ -1859,7 +1859,7 @@ const getMenuList = (val: boolean) => {
             <p class="table-name">
               {{ t('datasource.table_description') }}
             </p>
-            <p class="table-value">
+            <p :title="dsTableDetail.name" class="table-value">
               {{ dsTableDetail.name || '-' }}
             </p>
           </el-col>
@@ -2418,6 +2418,10 @@ const getMenuList = (val: boolean) => {
     font-size: 14px;
     font-weight: 400;
     margin: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    width: 100%;
   }
 
   .table-name {