From f5de5b49c50608974a3ec10402ca6a04882c6587 Mon Sep 17 00:00:00 2001
From: Minamiyama <minamiyama@qq.com>
Date: Sat, 27 Sep 2025 22:51:16 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E7=BB=84=E4=BB=B6=E8=83=8C=E6=99=AF):=20?=
 =?UTF-8?q?=E4=B8=BA=E5=86=85=E8=BE=B9=E8=B7=9D=E6=A8=A1=E5=BC=8F=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E4=B8=8B=E6=8B=89=E9=80=89=E6=8B=A9=E5=99=A8=E5=B9=B6?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0=E5=A4=9A=E8=AF=AD=E8=A8=80=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

将内边距模式选择从分段控件改为下拉选择器，提升用户体验
添加相关多语言配置项
调整下拉选择器的样式以适配组件背景
---
 .../BackgroundOverallCommon.vue               | 31 +++++++++++++------
 .../src/custom-component/component-list.ts    |  5 ++-
 core/core-frontend/src/locales/en.ts          |  1 +
 core/core-frontend/src/locales/tw.ts          |  1 +
 core/core-frontend/src/locales/zh-CN.ts       |  1 +
 5 files changed, 29 insertions(+), 10 deletions(-)

diff --git a/core/core-frontend/src/components/visualization/component-background/BackgroundOverallCommon.vue b/core/core-frontend/src/components/visualization/component-background/BackgroundOverallCommon.vue
index 8cd6e670f2..1b8ae9ae1d 100644
--- a/core/core-frontend/src/components/visualization/component-background/BackgroundOverallCommon.vue
+++ b/core/core-frontend/src/components/visualization/component-background/BackgroundOverallCommon.vue
@@ -21,13 +21,26 @@
             class="form-item w100"
             :class="'form-item-' + themes"
           >
-            <el-segmented
-              v-model="state.commonBackground.innerPadding.mode"
-              :options="paddingModes"
-              size="small"
-              style="width: 100%"
-              @change="onBackgroundChange"
-            />
+            <div style="display: flex; align-items: center; width: 100%; margin-bottom: 8px">
+              <span style="width: 15%; padding-right: 8px">{{
+                t('visualization.inner_padding_shorthand_mode')
+              }}</span>
+              <el-select
+                :effect="themes"
+                v-model="state.commonBackground.innerPadding.mode"
+                size="small"
+                style="width: 85%"
+                @change="onBackgroundChange"
+              >
+                <el-option
+                  class="custom-style-option"
+                  v-for="option in paddingModes"
+                  :key="option.value"
+                  :label="option.label"
+                  :value="option.value"
+                />
+              </el-select>
+            </div>
             <el-row :gutter="8">
               <el-col :span="12">
                 <div style="display: flex; align-items: center; margin-bottom: 8px">
@@ -575,13 +588,13 @@ watch(
   align-items: center;
 }
 
-.ed-select-dropdown__item {
+.board-select .ed-select-dropdown__item {
   height: 100px !important;
   text-align: center;
   padding: 0px 5px;
 }
 
-.ed-select-dropdown__item.selected::after {
+.board-select .ed-select-dropdown__item.selected::after {
   display: none;
 }
 
diff --git a/core/core-frontend/src/custom-component/component-list.ts b/core/core-frontend/src/custom-component/component-list.ts
index f89d035caf..4c77729b4f 100644
--- a/core/core-frontend/src/custom-component/component-list.ts
+++ b/core/core-frontend/src/custom-component/component-list.ts
@@ -3,7 +3,10 @@ import { deepCopy } from '@/utils/utils'
 import { guid } from '@/views/visualized/data/dataset/form/util'
 import { getViewConfig } from '@/views/chart/components/editor/util/chart'
 import { useI18n } from '@/hooks/web/useI18n'
-import { CommonBackground, ShorthandMode } from '@/components/visualization/component-background/Types'
+import {
+  CommonBackground,
+  ShorthandMode
+} from '@/components/visualization/component-background/Types'
 const { t } = useI18n()
 
 export const commonStyle = {
diff --git a/core/core-frontend/src/locales/en.ts b/core/core-frontend/src/locales/en.ts
index 5dc8095a94..102bf230b3 100644
--- a/core/core-frontend/src/locales/en.ts
+++ b/core/core-frontend/src/locales/en.ts
@@ -3385,6 +3385,7 @@ export default {
     stream_mobile_tips: 'May not be displayed on IOS devices',
     json_params_error: 'Failed to parse third-party parameters. Please check the parameter format.',
     inner_padding: 'Inner Padding',
+    inner_padding_shorthand_mode: 'Mode',
     inner_padding_shorthand_mode_uniform: 'Uniform',
     inner_padding_shorthand_mode_axis: 'Axis',
     inner_padding_shorthand_mode_per_edge: 'Per Edge',
diff --git a/core/core-frontend/src/locales/tw.ts b/core/core-frontend/src/locales/tw.ts
index 5b2f3da3e6..3dade87262 100644
--- a/core/core-frontend/src/locales/tw.ts
+++ b/core/core-frontend/src/locales/tw.ts
@@ -3289,6 +3289,7 @@ export default {
     stream_mobile_tips: 'IOS終端可能無法顯示',
     json_params_error: '第三方參數解析失敗，請檢查參數格式是否正確',
     inner_padding: '內邊距',
+    inner_padding_shorthand_mode: '模式',
     inner_padding_shorthand_mode_uniform: '統一值',
     inner_padding_shorthand_mode_axis: '軸向',
     inner_padding_shorthand_mode_per_edge: '逐邊',
diff --git a/core/core-frontend/src/locales/zh-CN.ts b/core/core-frontend/src/locales/zh-CN.ts
index d702429cf5..7e84d9d4bc 100644
--- a/core/core-frontend/src/locales/zh-CN.ts
+++ b/core/core-frontend/src/locales/zh-CN.ts
@@ -3298,6 +3298,7 @@ export default {
     stream_mobile_tips: 'IOS终端可能无法显示',
     json_params_error: '第三方参数解析失败，请检查参数格式是否正确',
     inner_padding: '内边距',
+    inner_padding_shorthand_mode: '模式',
     inner_padding_shorthand_mode_uniform: '统一值',
     inner_padding_shorthand_mode_axis: '轴向',
     inner_padding_shorthand_mode_per_edge: '逐边',