feat(组件背景): 为内边距模式添加下拉选择器并更新多语言配置

将内边距模式选择从分段控件改为下拉选择器，提升用户体验
添加相关多语言配置项
调整下拉选择器的样式以适配组件背景

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

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 = {

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',

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: '逐邊',

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: '逐边',