From 58c43beb9820d23a1ae0c7f406c7f0fe88b4f5ce Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E5=98=89=E8=B1=AA?=
 <42510293+ziyujiahao@users.noreply.github.com>
Date: Tue, 3 Feb 2026 13:21:24 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E4=BC=98=E5=8C=96=E6=8E=A7?=
 =?UTF-8?q?=E5=88=B6=E5=8F=B0=E5=91=8A=E8=AD=A6=EF=BC=8C=E5=89=8D=E5=8F=B0?=
 =?UTF-8?q?=E7=BC=93=E5=AD=98=E7=AD=89=E9=97=AE=E9=A2=98=20(#17909)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../dashboard-style/OverallSetting.vue        |  4 +--
 .../DatasetParamsSettingDialog.vue            |  4 +--
 .../visualization/HyperlinksDialog.vue        |  4 +--
 .../components/visualization/LinkJumpSet.vue  | 26 +++++++++----------
 .../visualization/LinkageSetOption.vue        |  4 +--
 .../picture-group/PictureGroupUploadAttr.vue  |  6 ++---
 .../src/custom-component/picture/Attr.vue     |  6 ++---
 .../custom-component/rect-shape/Component.vue |  4 +--
 .../svgs/svg-star/Component.vue               |  1 -
 .../v-query/ConditionDefaultConfiguration.vue |  4 +--
 .../custom-component/v-query/FilterTime.vue   |  4 +--
 .../v-query/RangeFilterTime.vue               |  4 +--
 .../drag-item/components/CompareEdit.vue      |  8 +++---
 .../components/ValueFormatterEdit.vue         |  2 +-
 .../editor/editor-style/VQueryChartStyle.vue  |  8 +++---
 .../components/BasicStyleSelector.vue         | 16 ++++++------
 .../editor-style/components/ColorSelector.vue |  2 +-
 .../components/CustomColorStyleSelect.vue     |  4 +--
 .../components/DualBasicStyleSelector.vue     |  4 +--
 .../components/DualYAxisSelectorInner.vue     | 12 ++++-----
 .../components/IndicatorValueSelector.vue     |  8 +++---
 .../components/LegendSelector.vue             | 24 ++++++++---------
 .../editor-style/components/XAxisSelector.vue | 16 ++++++------
 .../editor-style/components/YAxisSelector.vue | 12 ++++-----
 .../components/table/TableCellSelector.vue    |  6 ++---
 .../components/table/TableHeaderSelector.vue  | 18 ++++++-------
 .../editor/filter/ResultFilterEditor.vue      |  4 +--
 .../data/datasource/form/EditorDetail.vue     | 18 ++++++-------
 28 files changed, 115 insertions(+), 118 deletions(-)

diff --git a/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/OverallSetting.vue b/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/OverallSetting.vue
index ff1cc304f2..a34c153c18 100644
--- a/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/OverallSetting.vue
+++ b/core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/OverallSetting.vue
@@ -210,8 +210,8 @@
         class="radio-span"
         @change="themeChange"
       >
-        <el-radio label="all" :effect="themes"> {{ t('visualization.view') }} </el-radio>
-        <el-radio label="custom" :effect="themes">
+        <el-radio value="all" :effect="themes"> {{ t('visualization.view') }} </el-radio>
+        <el-radio value="custom" :effect="themes">
           {{ resourceType }}
         </el-radio>
       </el-radio-group>
diff --git a/core/core-frontend/src/components/visualization/DatasetParamsSettingDialog.vue b/core/core-frontend/src/components/visualization/DatasetParamsSettingDialog.vue
index 1b9ebb3bdf..3cc66a456d 100644
--- a/core/core-frontend/src/components/visualization/DatasetParamsSettingDialog.vue
+++ b/core/core-frontend/src/components/visualization/DatasetParamsSettingDialog.vue
@@ -9,8 +9,8 @@
       </el-form-item>
       <el-form-item :label="t('visualization.open_mode')">
         <el-radio-group v-model="state.linkInfo.openMode" :disabled="!state.linkInfo.enable">
-          <el-radio label="_blank">{{ t('visualization.new_window') }}</el-radio>
-          <el-radio label="_self">{{ t('visualization.now_window') }}</el-radio>
+          <el-radio value="_blank">{{ t('visualization.new_window') }}</el-radio>
+          <el-radio value="_self">{{ t('visualization.now_window') }}</el-radio>
         </el-radio-group>
       </el-form-item>
       <el-form-item :label="t('visualization.hyperLinks')">
diff --git a/core/core-frontend/src/components/visualization/HyperlinksDialog.vue b/core/core-frontend/src/components/visualization/HyperlinksDialog.vue
index d12f0672d2..b2c7853074 100644
--- a/core/core-frontend/src/components/visualization/HyperlinksDialog.vue
+++ b/core/core-frontend/src/components/visualization/HyperlinksDialog.vue
@@ -9,8 +9,8 @@
       </el-form-item>
       <el-form-item :label="t('visualization.open_mode')">
         <el-radio-group v-model="state.linkInfo.openMode" :disabled="!state.linkInfo.enable">
-          <el-radio label="_blank">{{ t('visualization.new_window') }}</el-radio>
-          <el-radio label="_self">{{ t('visualization.now_window') }}</el-radio>
+          <el-radio value="_blank">{{ t('visualization.new_window') }}</el-radio>
+          <el-radio value="_self">{{ t('visualization.now_window') }}</el-radio>
         </el-radio-group>
       </el-form-item>
       <el-form-item :label="t('visualization.hyperLinks')">
diff --git a/core/core-frontend/src/components/visualization/LinkJumpSet.vue b/core/core-frontend/src/components/visualization/LinkJumpSet.vue
index 2839fd27ac..c0e945da8d 100644
--- a/core/core-frontend/src/components/visualization/LinkJumpSet.vue
+++ b/core/core-frontend/src/components/visualization/LinkJumpSet.vue
@@ -93,12 +93,12 @@
                     v-if="state.linkJumpInfo"
                     v-model="state.linkJumpInfo.linkType"
                   >
-                    <el-radio label="outer">{{ t('visualization.link_outer') }}</el-radio>
-                    <el-radio label="inner">{{ t('visualization.dashboard_dataV') }}</el-radio>
+                    <el-radio value="outer">{{ t('visualization.link_outer') }}</el-radio>
+                    <el-radio value="inner">{{ t('visualization.dashboard_dataV') }}</el-radio>
                   </el-radio-group>
                   <el-radio-group class="larger-radio" v-if="!state.linkJumpInfo" disabled>
-                    <el-radio label="outer">{{ t('visualization.link_outer') }}</el-radio>
-                    <el-radio label="inner">{{ resourceType }}</el-radio>
+                    <el-radio value="outer">{{ t('visualization.link_outer') }}</el-radio>
+                    <el-radio value="inner">{{ resourceType }}</el-radio>
                   </el-radio-group>
                 </el-form-item>
                 <el-form-item class="radio-group-box">
@@ -110,14 +110,14 @@
                     v-if="state.linkJumpInfo"
                     v-model="state.linkJumpInfo.jumpType"
                   >
-                    <el-radio label="_self">{{ t('visualization.now_window') }}</el-radio>
-                    <el-radio label="_blank">{{ t('visualization.new_window') }}</el-radio>
-                    <el-radio label="newPop">{{ t('visualization.pop_window') }}</el-radio>
+                    <el-radio value="_self">{{ t('visualization.now_window') }}</el-radio>
+                    <el-radio value="_blank">{{ t('visualization.new_window') }}</el-radio>
+                    <el-radio value="newPop">{{ t('visualization.pop_window') }}</el-radio>
                   </el-radio-group>
                   <el-radio-group class="larger-radio" v-if="!state.linkJumpInfo" disabled>
-                    <el-radio label="_self">{{ t('visualization.now_window') }}</el-radio>
-                    <el-radio label="_blank">{{ t('visualization.new_window') }}</el-radio>
-                    <el-radio label="newPop">{{ t('visualization.pop_window') }}</el-radio>
+                    <el-radio value="_self">{{ t('visualization.now_window') }}</el-radio>
+                    <el-radio value="_blank">{{ t('visualization.new_window') }}</el-radio>
+                    <el-radio value="newPop">{{ t('visualization.pop_window') }}</el-radio>
                   </el-radio-group>
                 </el-form-item>
 
@@ -129,9 +129,9 @@
                     <span class="title">{{ t('visualization.window_size') }}</span>
                   </template>
                   <el-radio-group class="larger-radio" v-model="state.linkJumpInfo.windowSize">
-                    <el-radio label="large">{{ t('visualization.window_size_large') }}</el-radio>
-                    <el-radio label="middle">{{ t('visualization.window_size_middle') }}</el-radio>
-                    <el-radio label="small">{{ t('visualization.window_size_small') }}</el-radio>
+                    <el-radio value="large">{{ t('visualization.window_size_large') }}</el-radio>
+                    <el-radio value="middle">{{ t('visualization.window_size_middle') }}</el-radio>
+                    <el-radio value="small">{{ t('visualization.window_size_small') }}</el-radio>
                   </el-radio-group>
                 </el-form-item>
               </el-header>
diff --git a/core/core-frontend/src/components/visualization/LinkageSetOption.vue b/core/core-frontend/src/components/visualization/LinkageSetOption.vue
index 4642a7c7fd..a67358ae6b 100644
--- a/core/core-frontend/src/components/visualization/LinkageSetOption.vue
+++ b/core/core-frontend/src/components/visualization/LinkageSetOption.vue
@@ -52,12 +52,12 @@ const { actionSelection } = toRefs(props)
         @change="selectionChange"
         class="radio_group"
       >
-        <el-radio label="custom"
+        <el-radio value="custom"
           ><span style="font-weight: normal">
             {{ t('visualization.linkage_option1') }}
           </span></el-radio
         >
-        <el-radio label="auto"
+        <el-radio value="auto"
           ><span style="font-weight: normal">{{
             t('visualization.linkage_option2')
           }}</span></el-radio
diff --git a/core/core-frontend/src/custom-component/picture-group/PictureGroupUploadAttr.vue b/core/core-frontend/src/custom-component/picture-group/PictureGroupUploadAttr.vue
index 9dd0bcad56..1f018a87d0 100644
--- a/core/core-frontend/src/custom-component/picture-group/PictureGroupUploadAttr.vue
+++ b/core/core-frontend/src/custom-component/picture-group/PictureGroupUploadAttr.vue
@@ -154,13 +154,13 @@ onBeforeUnmount(() => {
           @change="onStyleChange"
           :effect="themes"
         >
-          <el-radio label="adaptation" :effect="themes">{{
+          <el-radio value="adaptation" :effect="themes">{{
             t('visualization.pic_adaptation')
           }}</el-radio>
-          <el-radio label="original" :effect="themes">{{
+          <el-radio value="original" :effect="themes">{{
             t('visualization.pic_original')
           }}</el-radio>
-          <el-radio label="equiratio" :effect="themes">{{
+          <el-radio value="equiratio" :effect="themes">{{
             t('visualization.pic_equiratio')
           }}</el-radio>
         </el-radio-group>
diff --git a/core/core-frontend/src/custom-component/picture/Attr.vue b/core/core-frontend/src/custom-component/picture/Attr.vue
index 01962babba..19c9c2bd82 100644
--- a/core/core-frontend/src/custom-component/picture/Attr.vue
+++ b/core/core-frontend/src/custom-component/picture/Attr.vue
@@ -180,13 +180,13 @@ onBeforeUnmount(() => {
               @change="onStyleChange"
               :effect="themes"
             >
-              <el-radio label="adaptation" :effect="themes">{{
+              <el-radio value="adaptation" :effect="themes">{{
                 t('visualization.pic_adaptation')
               }}</el-radio>
-              <el-radio label="original" :effect="themes">{{
+              <el-radio value="original" :effect="themes">{{
                 t('visualization.pic_original')
               }}</el-radio>
-              <el-radio label="equiratio" :effect="themes">{{
+              <el-radio value="equiratio" :effect="themes">{{
                 t('visualization.pic_equiratio')
               }}</el-radio>
             </el-radio-group>
diff --git a/core/core-frontend/src/custom-component/rect-shape/Component.vue b/core/core-frontend/src/custom-component/rect-shape/Component.vue
index c3bebe49f9..1f8c53b572 100644
--- a/core/core-frontend/src/custom-component/rect-shape/Component.vue
+++ b/core/core-frontend/src/custom-component/rect-shape/Component.vue
@@ -1,7 +1,5 @@
 <template>
-  <div class="circle-shape">
-    <v-text :prop-value="element.propValue" :element="element" />
-  </div>
+  <div class="circle-shape"></div>
 </template>
 
 <script setup lang="ts">
diff --git a/core/core-frontend/src/custom-component/svgs/svg-star/Component.vue b/core/core-frontend/src/custom-component/svgs/svg-star/Component.vue
index 2ae7a2a647..b45a8ddadb 100644
--- a/core/core-frontend/src/custom-component/svgs/svg-star/Component.vue
+++ b/core/core-frontend/src/custom-component/svgs/svg-star/Component.vue
@@ -9,7 +9,6 @@
         :stroke-width="element.style.borderWidth"
       />
     </svg>
-    <v-text :prop-value="element.propValue" :element="element" />
   </div>
 </template>
 
diff --git a/core/core-frontend/src/custom-component/v-query/ConditionDefaultConfiguration.vue b/core/core-frontend/src/custom-component/v-query/ConditionDefaultConfiguration.vue
index 8804c4f60f..dbfd17e349 100644
--- a/core/core-frontend/src/custom-component/v-query/ConditionDefaultConfiguration.vue
+++ b/core/core-frontend/src/custom-component/v-query/ConditionDefaultConfiguration.vue
@@ -531,8 +531,8 @@ defineExpose({
     >
       <div class="setting">
         <el-radio-group @change="handleTimeTypeChange" v-model="curComponent.timeType">
-          <el-radio label="fixed">{{ t('dynamic_time.fix') }}</el-radio>
-          <el-radio label="dynamic">{{ t('dynamic_time.dynamic') }}</el-radio>
+          <el-radio value="fixed">{{ t('dynamic_time.fix') }}</el-radio>
+          <el-radio value="dynamic">{{ t('dynamic_time.dynamic') }}</el-radio>
         </el-radio-group>
       </div>
       <template v-if="dynamicTime && curComponent.displayType === '1'">
diff --git a/core/core-frontend/src/custom-component/v-query/FilterTime.vue b/core/core-frontend/src/custom-component/v-query/FilterTime.vue
index da52e556be..be64b1267c 100644
--- a/core/core-frontend/src/custom-component/v-query/FilterTime.vue
+++ b/core/core-frontend/src/custom-component/v-query/FilterTime.vue
@@ -313,8 +313,8 @@ watch(
       <div class="setting-content">
         <div class="setting">
           <el-radio-group v-model="timeRange.regularOrTrends">
-            <el-radio label="fixed">{{ t('dynamic_time.fix') }}</el-radio>
-            <el-radio label="dynamic">{{ t('dynamic_time.dynamic') }}</el-radio>
+            <el-radio value="fixed">{{ t('dynamic_time.fix') }}</el-radio>
+            <el-radio value="dynamic">{{ t('dynamic_time.dynamic') }}</el-radio>
           </el-radio-group>
         </div>
         <template v-if="dynamicTime && timeRange.intervalType !== 'timeInterval'">
diff --git a/core/core-frontend/src/custom-component/v-query/RangeFilterTime.vue b/core/core-frontend/src/custom-component/v-query/RangeFilterTime.vue
index 817a3a757b..3de69630df 100644
--- a/core/core-frontend/src/custom-component/v-query/RangeFilterTime.vue
+++ b/core/core-frontend/src/custom-component/v-query/RangeFilterTime.vue
@@ -329,8 +329,8 @@ watch(
       <div class="setting-content">
         <div class="setting">
           <el-radio-group v-model="timeRange.regularOrTrends">
-            <el-radio label="fixed">{{ t('dynamic_time.fix') }}</el-radio>
-            <el-radio label="dynamic">{{ t('dynamic_time.dynamic') }}</el-radio>
+            <el-radio value="fixed">{{ t('dynamic_time.fix') }}</el-radio>
+            <el-radio value="dynamic">{{ t('dynamic_time.dynamic') }}</el-radio>
           </el-radio-group>
         </div>
         <template v-if="dynamicTime && timeRange.intervalType !== 'timeInterval'">
diff --git a/core/core-frontend/src/views/chart/components/editor/drag-item/components/CompareEdit.vue b/core/core-frontend/src/views/chart/components/editor/drag-item/components/CompareEdit.vue
index 3211d5007c..8ee82a3bf4 100644
--- a/core/core-frontend/src/views/chart/components/editor/drag-item/components/CompareEdit.vue
+++ b/core/core-frontend/src/views/chart/components/editor/drag-item/components/CompareEdit.vue
@@ -277,7 +277,7 @@ initDateFormatter()
       </el-form-item>
       <el-form-item :label="t('chart.compare_type')">
         <el-radio-group v-model="compareItem.compareCalc.type">
-          <el-radio v-for="radio in state.compareList" :key="radio.value" :label="radio.value"
+          <el-radio v-for="radio in state.compareList" :key="radio.value" :value="radio.value"
             >{{ t('chart.' + radio.value) }}
           </el-radio>
         </el-radio-group>
@@ -285,9 +285,9 @@ initDateFormatter()
 
       <el-form-item :label="t('chart.compare_data')">
         <el-radio-group v-model="compareItem.compareCalc.resultData">
-          <el-radio label="pre">{{ t('chart.data_pre') }}</el-radio>
-          <el-radio label="sub">{{ t('chart.data_sub') }}</el-radio>
-          <el-radio label="percent">{{ t('chart.data_percent') }}</el-radio>
+          <el-radio value="pre">{{ t('chart.data_pre') }}</el-radio>
+          <el-radio value="sub">{{ t('chart.data_sub') }}</el-radio>
+          <el-radio value="percent">{{ t('chart.data_percent') }}</el-radio>
         </el-radio-group>
       </el-form-item>
 
diff --git a/core/core-frontend/src/views/chart/components/editor/drag-item/components/ValueFormatterEdit.vue b/core/core-frontend/src/views/chart/components/editor/drag-item/components/ValueFormatterEdit.vue
index 2c6d1d3fad..aa20701092 100644
--- a/core/core-frontend/src/views/chart/components/editor/drag-item/components/ValueFormatterEdit.vue
+++ b/core/core-frontend/src/views/chart/components/editor/drag-item/components/ValueFormatterEdit.vue
@@ -60,7 +60,7 @@ getExampleValue()
     >
       <el-form-item :label="t('chart.value_formatter_type')">
         <el-radio-group v-model="formatterItem.formatterCfg.type" @change="getExampleValue">
-          <el-radio v-for="radio in state.typeList" :key="radio.value" :label="radio.value">{{
+          <el-radio v-for="radio in state.typeList" :key="radio.value" :value="radio.value">{{
             t('chart.' + radio.name)
           }}</el-radio>
         </el-radio-group>
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-style/VQueryChartStyle.vue b/core/core-frontend/src/views/chart/components/editor/editor-style/VQueryChartStyle.vue
index 95b1909660..5a7e337914 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-style/VQueryChartStyle.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-style/VQueryChartStyle.vue
@@ -359,10 +359,10 @@ const onPlaceholderChange = () => {
                 size="small"
                 @change="onFreezeChange"
               >
-                <el-radio :effect="themes" style="min-width: 80px" :label="true">{{
+                <el-radio :effect="themes" style="min-width: 80px" :value="true">{{
                   t('visualization.to_top')
                 }}</el-radio>
-                <el-radio :effect="themes" style="min-width: 80px" :label="false">{{
+                <el-radio :effect="themes" style="min-width: 80px" :value="false">{{
                   t('visualization.default')
                 }}</el-radio>
               </el-radio-group>
@@ -549,10 +549,10 @@ const onPlaceholderChange = () => {
               :class="'form-item-' + themes"
             >
               <el-radio-group :effect="themes" v-model="chart.customStyle.component.layout">
-                <el-radio label="vertical" :effect="themes">
+                <el-radio value="vertical" :effect="themes">
                   {{ t('visualization.condition_top') }}
                 </el-radio>
-                <el-radio label="horizontal" :effect="themes">
+                <el-radio value="horizontal" :effect="themes">
                   {{ t('visualization.condition_left') }}
                 </el-radio>
               </el-radio-group>
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-style/components/BasicStyleSelector.vue b/core/core-frontend/src/views/chart/components/editor/editor-style/components/BasicStyleSelector.vue
index d4495a68c0..535f6bb1ee 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-style/components/BasicStyleSelector.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-style/components/BasicStyleSelector.vue
@@ -410,8 +410,8 @@ onMounted(async () => {
         v-model="state.basicStyleForm.tableLayoutMode"
         @change="changeBasicStyle('tableLayoutMode')"
       >
-        <el-radio label="grid" :effect="themes">{{ t('chart.table_layout_grid') }}</el-radio>
-        <el-radio label="tree" :effect="themes">{{ t('chart.table_layout_tree') }}</el-radio>
+        <el-radio value="grid" :effect="themes">{{ t('chart.table_layout_grid') }}</el-radio>
+        <el-radio value="tree" :effect="themes">{{ t('chart.table_layout_tree') }}</el-radio>
       </el-radio-group>
     </el-form-item>
     <el-form-item
@@ -445,8 +445,8 @@ onMounted(async () => {
         v-model="state.basicStyleForm.quotaPosition"
         @change="changeBasicStyle('quotaPosition')"
       >
-        <el-radio label="col" :effect="themes">{{ t('chart.quota_position_col') }}</el-radio>
-        <el-radio label="row" :effect="themes">{{ t('chart.quota_position_row') }}</el-radio>
+        <el-radio value="col" :effect="themes">{{ t('chart.quota_position_col') }}</el-radio>
+        <el-radio value="row" :effect="themes">{{ t('chart.quota_position_row') }}</el-radio>
       </el-radio-group>
     </el-form-item>
     <el-form-item
@@ -507,8 +507,8 @@ onMounted(async () => {
         @change="changeBasicStyle('radiusColumnBar')"
         class="radius-class"
       >
-        <el-radio label="rightAngle" :effect="themes">{{ t('chart.rightAngle') }}</el-radio>
-        <el-radio label="roundAngle" :effect="themes">{{ t('chart.roundAngle') }}</el-radio>
+        <el-radio value="rightAngle" :effect="themes">{{ t('chart.rightAngle') }}</el-radio>
+        <el-radio value="roundAngle" :effect="themes">{{ t('chart.roundAngle') }}</el-radio>
         <el-radio
           v-if="!props.chart.type.includes('-stack')"
           label="topRoundAngle"
@@ -930,10 +930,10 @@ onMounted(async () => {
         @change="changeBasicStyle('tableColumnMode')"
         class="table-column-mode"
       >
-        <el-radio label="adapt" :effect="themes">
+        <el-radio value="adapt" :effect="themes">
           {{ t('chart.table_column_adapt') }}
         </el-radio>
-        <el-radio label="custom" :effect="themes">
+        <el-radio value="custom" :effect="themes">
           {{ t('chart.table_column_fixed') }}
         </el-radio>
         <el-radio v-show="chart.type !== 'table-pivot'" label="field" :effect="themes">
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-style/components/ColorSelector.vue b/core/core-frontend/src/views/chart/components/editor/editor-style/components/ColorSelector.vue
index cb7ad28aa2..9ec2f578a7 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-style/components/ColorSelector.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-style/components/ColorSelector.vue
@@ -154,7 +154,7 @@ init()
                     <el-radio
                       v-for="(c, index) in state.colorForm.colors"
                       :key="index"
-                      :label="c"
+                      :value="c"
                       style="padding: 2px"
                       @click="switchColor(index)"
                     >
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-style/components/CustomColorStyleSelect.vue b/core/core-frontend/src/views/chart/components/editor/editor-style/components/CustomColorStyleSelect.vue
index fa62813bfd..e3fc846c1d 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-style/components/CustomColorStyleSelect.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-style/components/CustomColorStyleSelect.vue
@@ -23,8 +23,8 @@ const props = withDefaults(
       customColor: any
       colorIndex: number
     }
-    propertyInner: Array<string>
-    chart: ChartObj
+    propertyInner?: Array<string>
+    chart?: ChartObj
     sub?: boolean
   }>(),
   {
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-style/components/DualBasicStyleSelector.vue b/core/core-frontend/src/views/chart/components/editor/editor-style/components/DualBasicStyleSelector.vue
index e936121503..acbf82aaa5 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-style/components/DualBasicStyleSelector.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-style/components/DualBasicStyleSelector.vue
@@ -223,8 +223,8 @@ onMounted(() => {
               @change="changeBasicStyle('radiusColumnBar')"
               class="radius-class"
             >
-              <el-radio label="rightAngle" :effect="themes">{{ t('chart.rightAngle') }}</el-radio>
-              <el-radio label="roundAngle" :effect="themes">{{ t('chart.roundAngle') }}</el-radio>
+              <el-radio value="rightAngle" :effect="themes">{{ t('chart.rightAngle') }}</el-radio>
+              <el-radio value="roundAngle" :effect="themes">{{ t('chart.roundAngle') }}</el-radio>
               <el-radio
                 v-if="!props.chart.type.includes('-stack')"
                 label="topRoundAngle"
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-style/components/DualYAxisSelectorInner.vue b/core/core-frontend/src/views/chart/components/editor/editor-style/components/DualYAxisSelectorInner.vue
index 798e72bb44..6203b4015a 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-style/components/DualYAxisSelectorInner.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-style/components/DualYAxisSelectorInner.vue
@@ -128,21 +128,21 @@ onMounted(() => {
       >
         <div v-if="isBidirectionalBar">
           <div v-if="isVerticalLayout">
-            <el-radio :effect="props.themes" label="left">{{ t('chart.text_pos_left') }}</el-radio>
-            <el-radio :effect="props.themes" label="right">{{
+            <el-radio :effect="props.themes" value="left">{{ t('chart.text_pos_left') }}</el-radio>
+            <el-radio :effect="props.themes" value="right">{{
               t('chart.text_pos_right')
             }}</el-radio>
           </div>
           <div v-else>
-            <el-radio :effect="props.themes" label="right">{{ t('chart.text_pos_top') }}</el-radio>
-            <el-radio :effect="props.themes" label="left">{{
+            <el-radio :effect="props.themes" value="right">{{ t('chart.text_pos_top') }}</el-radio>
+            <el-radio :effect="props.themes" value="left">{{
               t('chart.text_pos_bottom')
             }}</el-radio>
           </div>
         </div>
         <div v-else>
-          <el-radio :effect="props.themes" label="left">{{ t('chart.text_pos_left') }}</el-radio>
-          <el-radio :effect="props.themes" label="right">{{ t('chart.text_pos_right') }}</el-radio>
+          <el-radio :effect="props.themes" value="left">{{ t('chart.text_pos_left') }}</el-radio>
+          <el-radio :effect="props.themes" value="right">{{ t('chart.text_pos_right') }}</el-radio>
         </div>
       </el-radio-group>
     </el-form-item>
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-style/components/IndicatorValueSelector.vue b/core/core-frontend/src/views/chart/components/editor/editor-style/components/IndicatorValueSelector.vue
index 79a86536f0..0f5cae06d4 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-style/components/IndicatorValueSelector.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-style/components/IndicatorValueSelector.vue
@@ -261,7 +261,7 @@ defineExpose({ getFormData })
             v-model="state.indicatorValueForm.hPosition"
             @change="changeLabelTitleStyleStyle('hPosition')"
           >
-            <el-radio :effect="themes" label="left">
+            <el-radio :effect="themes" value="left">
               <el-tooltip :effect="toolTip" placement="top">
                 <template #content>
                   {{ t('chart.text_pos_left') }}
@@ -332,7 +332,7 @@ defineExpose({ getFormData })
           v-model="state.indicatorValueForm.vPosition"
           @change="changeLabelTitleStyleStyle('vPosition')"
         >
-          <el-radio label="top">
+          <el-radio value="top">
             <el-tooltip :effect="toolTip" placement="top">
               <template #content>
                 {{ t('chart.text_pos_top') }}
@@ -352,7 +352,7 @@ defineExpose({ getFormData })
               </div>
             </el-tooltip>
           </el-radio>
-          <el-radio label="center">
+          <el-radio value="center">
             <el-tooltip :effect="toolTip" placement="top">
               <template #content>
                 {{ t('chart.text_pos_center') }}
@@ -372,7 +372,7 @@ defineExpose({ getFormData })
               </div>
             </el-tooltip>
           </el-radio>
-          <el-radio label="bottom">
+          <el-radio value="bottom">
             <el-tooltip :effect="toolTip" placement="top">
               <template #content>
                 {{ t('chart.text_pos_bottom') }}
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-style/components/LegendSelector.vue b/core/core-frontend/src/views/chart/components/editor/editor-style/components/LegendSelector.vue
index 662c602849..76c52f8105 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-style/components/LegendSelector.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-style/components/LegendSelector.vue
@@ -429,7 +429,7 @@ onMounted(() => {
                 size="small"
                 :effect="themes"
                 v-model="state.legendForm.miscForm.mapAutoLegend"
-                :label="true"
+                :value="true"
                 @change="changeMisc('mapAutoLegend')"
                 style="width: 80px"
               >
@@ -439,7 +439,7 @@ onMounted(() => {
                 size="small"
                 :effect="themes"
                 v-model="state.legendForm.miscForm.mapAutoLegend"
-                :label="false"
+                :value="false"
                 @change="changeMisc('mapAutoLegend')"
               >
                 {{ t('chart.custom_case') }}
@@ -460,7 +460,7 @@ onMounted(() => {
                   size="small"
                   :effect="themes"
                   v-model="state.legendForm.miscForm.mapLegendRangeType"
-                  :label="'quantize'"
+                  :value="'quantize'"
                   @change="changeLegendCustomType('mapLegendRangeType')"
                   style="width: 75px"
                 >
@@ -470,7 +470,7 @@ onMounted(() => {
                   size="small"
                   :effect="themes"
                   v-model="state.legendForm.miscForm.mapLegendRangeType"
-                  :label="'custom'"
+                  :value="'custom'"
                   @change="changeLegendCustomType('mapLegendRangeType')"
                 >
                   {{ t('chart.legend_custom_range') }}
@@ -573,8 +573,8 @@ onMounted(() => {
         size="small"
         @change="changeLegendStyle('orient')"
       >
-        <el-radio :effect="themes" label="horizontal">{{ t('chart.horizontal') }}</el-radio>
-        <el-radio :effect="themes" label="vertical">{{ t('chart.vertical') }}</el-radio>
+        <el-radio :effect="themes" value="horizontal">{{ t('chart.horizontal') }}</el-radio>
+        <el-radio :effect="themes" value="vertical">{{ t('chart.vertical') }}</el-radio>
       </el-radio-group>
     </el-form-item>
 
@@ -590,7 +590,7 @@ onMounted(() => {
           v-model="state.legendForm.hPosition"
           @change="changeLegendStyle('hPosition')"
         >
-          <el-radio label="left">
+          <el-radio value="left">
             <el-tooltip :effect="toolTip" placement="top">
               <template #content>
                 {{ t('chart.text_pos_left') }}
@@ -607,7 +607,7 @@ onMounted(() => {
               </div>
             </el-tooltip>
           </el-radio>
-          <el-radio label="center" :disabled="state.legendForm.vPosition === 'center'">
+          <el-radio value="center" :disabled="state.legendForm.vPosition === 'center'">
             <el-tooltip :effect="toolTip" placement="top">
               <template #content>
                 {{ t('chart.text_pos_center') }}
@@ -627,7 +627,7 @@ onMounted(() => {
               </div>
             </el-tooltip>
           </el-radio>
-          <el-radio label="right">
+          <el-radio value="right">
             <el-tooltip :effect="toolTip" placement="top">
               <template #content>
                 {{ t('chart.text_pos_right') }}
@@ -664,7 +664,7 @@ onMounted(() => {
           v-model="state.legendForm.vPosition"
           @change="changeLegendStyle('vPosition')"
         >
-          <el-radio label="top">
+          <el-radio value="top">
             <el-tooltip :effect="toolTip" placement="top">
               <template #content>
                 {{ t('chart.text_pos_top') }}
@@ -681,7 +681,7 @@ onMounted(() => {
               </div>
             </el-tooltip>
           </el-radio>
-          <el-radio label="center" :disabled="state.legendForm.hPosition === 'center'">
+          <el-radio value="center" :disabled="state.legendForm.hPosition === 'center'">
             <el-tooltip :effect="toolTip" placement="top">
               <template #content>
                 {{ t('chart.text_pos_center') }}
@@ -701,7 +701,7 @@ onMounted(() => {
               </div>
             </el-tooltip>
           </el-radio>
-          <el-radio label="bottom">
+          <el-radio value="bottom">
             <el-tooltip :effect="toolTip" placement="top">
               <template #content>
                 {{ t('chart.text_pos_bottom') }}
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-style/components/XAxisSelector.vue b/core/core-frontend/src/views/chart/components/editor/editor-style/components/XAxisSelector.vue
index 68befe7b83..e097581c1f 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-style/components/XAxisSelector.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-style/components/XAxisSelector.vue
@@ -155,30 +155,30 @@ onMounted(() => {
         @change="changeAxisStyle('position')"
       >
         <div v-if="isBidirectionalBar">
-          <el-radio :effect="props.themes" label="top">{{
+          <el-radio :effect="props.themes" value="top">{{
             isHorizontalLayout ? t('chart.text_pos_left') : t('chart.text_pos_top')
           }}</el-radio>
-          <el-radio :effect="props.themes" label="bottom">{{
+          <el-radio :effect="props.themes" value="bottom">{{
             t('chart.text_pos_center')
           }}</el-radio>
         </div>
         <div v-else-if="isBulletGraph">
           <div v-if="isHorizontalLayout">
-            <el-radio :effect="props.themes" label="bottom">{{
+            <el-radio :effect="props.themes" value="bottom">{{
               t('chart.text_pos_left')
             }}</el-radio>
-            <el-radio :effect="props.themes" label="top">{{ t('chart.text_pos_right') }}</el-radio>
+            <el-radio :effect="props.themes" value="top">{{ t('chart.text_pos_right') }}</el-radio>
           </div>
           <div v-else>
-            <el-radio :effect="props.themes" label="top">{{ t('chart.text_pos_top') }}</el-radio>
-            <el-radio :effect="props.themes" label="bottom">{{
+            <el-radio :effect="props.themes" value="top">{{ t('chart.text_pos_top') }}</el-radio>
+            <el-radio :effect="props.themes" value="bottom">{{
               t('chart.text_pos_bottom')
             }}</el-radio>
           </div>
         </div>
         <div v-else>
-          <el-radio :effect="props.themes" label="top">{{ t('chart.text_pos_top') }}</el-radio>
-          <el-radio :effect="props.themes" label="bottom">{{
+          <el-radio :effect="props.themes" value="top">{{ t('chart.text_pos_top') }}</el-radio>
+          <el-radio :effect="props.themes" value="bottom">{{
             t('chart.text_pos_bottom')
           }}</el-radio>
         </div>
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-style/components/YAxisSelector.vue b/core/core-frontend/src/views/chart/components/editor/editor-style/components/YAxisSelector.vue
index 068c5ecac0..04f91938f9 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-style/components/YAxisSelector.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-style/components/YAxisSelector.vue
@@ -137,21 +137,21 @@ onMounted(() => {
       >
         <div v-if="isBulletGraph">
           <div v-if="isHorizontalLayout">
-            <el-radio :effect="props.themes" label="right">{{ t('chart.text_pos_top') }}</el-radio>
-            <el-radio :effect="props.themes" label="left">{{
+            <el-radio :effect="props.themes" value="right">{{ t('chart.text_pos_top') }}</el-radio>
+            <el-radio :effect="props.themes" value="left">{{
               t('chart.text_pos_bottom')
             }}</el-radio>
           </div>
           <div v-else>
-            <el-radio :effect="props.themes" label="left">{{ t('chart.text_pos_left') }}</el-radio>
-            <el-radio :effect="props.themes" label="right">{{
+            <el-radio :effect="props.themes" value="left">{{ t('chart.text_pos_left') }}</el-radio>
+            <el-radio :effect="props.themes" value="right">{{
               t('chart.text_pos_right')
             }}</el-radio>
           </div>
         </div>
         <div v-else>
-          <el-radio :effect="props.themes" label="left">{{ t('chart.text_pos_left') }}</el-radio>
-          <el-radio :effect="props.themes" label="right">{{ t('chart.text_pos_right') }}</el-radio>
+          <el-radio :effect="props.themes" value="left">{{ t('chart.text_pos_left') }}</el-radio>
+          <el-radio :effect="props.themes" value="right">{{ t('chart.text_pos_right') }}</el-radio>
         </div>
       </el-radio-group>
     </el-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 09f6f1bef9..be34290228 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
@@ -256,7 +256,7 @@ onMounted(() => {
           v-model="state.tableCellForm.tableItemAlign"
           @change="changeTableCell('tableItemAlign')"
         >
-          <el-radio label="left">
+          <el-radio value="left">
             <el-tooltip effect="dark" placement="top">
               <template #content>
                 {{ t('chart.text_pos_left') }}
@@ -276,7 +276,7 @@ onMounted(() => {
               </div>
             </el-tooltip>
           </el-radio>
-          <el-radio label="center">
+          <el-radio value="center">
             <el-tooltip effect="dark" placement="top">
               <template #content>
                 {{ t('chart.text_pos_center') }}
@@ -296,7 +296,7 @@ onMounted(() => {
               </div>
             </el-tooltip>
           </el-radio>
-          <el-radio label="right">
+          <el-radio value="right">
             <el-tooltip effect="dark" placement="top">
               <template #content>
                 {{ t('chart.text_pos_right') }}
diff --git a/core/core-frontend/src/views/chart/components/editor/editor-style/components/table/TableHeaderSelector.vue b/core/core-frontend/src/views/chart/components/editor/editor-style/components/table/TableHeaderSelector.vue
index 0d0c0a3040..c7434f946f 100644
--- a/core/core-frontend/src/views/chart/components/editor/editor-style/components/table/TableHeaderSelector.vue
+++ b/core/core-frontend/src/views/chart/components/editor/editor-style/components/table/TableHeaderSelector.vue
@@ -269,7 +269,7 @@ onMounted(() => {
           v-model="state.tableHeaderForm.tableHeaderAlign"
           @change="changeTableHeader('tableHeaderAlign')"
         >
-          <el-radio label="left">
+          <el-radio value="left">
             <el-tooltip effect="dark" placement="top">
               <template #content>
                 {{ t('chart.text_pos_left') }}
@@ -289,7 +289,7 @@ onMounted(() => {
               </div>
             </el-tooltip>
           </el-radio>
-          <el-radio label="center">
+          <el-radio value="center">
             <el-tooltip effect="dark" placement="top">
               <template #content>
                 {{ t('chart.text_pos_center') }}
@@ -309,7 +309,7 @@ onMounted(() => {
               </div>
             </el-tooltip>
           </el-radio>
-          <el-radio label="right">
+          <el-radio value="right">
             <el-tooltip effect="dark" placement="top">
               <template #content>
                 {{ t('chart.text_pos_right') }}
@@ -444,7 +444,7 @@ onMounted(() => {
             v-model="state.tableHeaderForm.tableHeaderColAlign"
             @change="changeTableHeader('tableHeaderColAlign')"
           >
-            <el-radio label="left">
+            <el-radio value="left">
               <el-tooltip effect="dark" placement="top">
                 <template #content>
                   {{ t('chart.text_pos_left') }}
@@ -464,7 +464,7 @@ onMounted(() => {
                 </div>
               </el-tooltip>
             </el-radio>
-            <el-radio label="center">
+            <el-radio value="center">
               <el-tooltip effect="dark" placement="top">
                 <template #content>
                   {{ t('chart.text_pos_center') }}
@@ -484,7 +484,7 @@ onMounted(() => {
                 </div>
               </el-tooltip>
             </el-radio>
-            <el-radio label="right">
+            <el-radio value="right">
               <el-tooltip effect="dark" placement="top">
                 <template #content>
                   {{ t('chart.text_pos_right') }}
@@ -618,7 +618,7 @@ onMounted(() => {
             v-model="state.tableHeaderForm.tableHeaderCornerAlign"
             @change="changeTableHeader('tableHeaderCornerAlign')"
           >
-            <el-radio label="left">
+            <el-radio value="left">
               <el-tooltip effect="dark" placement="top">
                 <template #content>
                   {{ t('chart.text_pos_left') }}
@@ -638,7 +638,7 @@ onMounted(() => {
                 </div>
               </el-tooltip>
             </el-radio>
-            <el-radio label="center">
+            <el-radio value="center">
               <el-tooltip effect="dark" placement="top">
                 <template #content>
                   {{ t('chart.text_pos_center') }}
@@ -658,7 +658,7 @@ onMounted(() => {
                 </div>
               </el-tooltip>
             </el-radio>
-            <el-radio label="right">
+            <el-radio value="right">
               <el-tooltip effect="dark" placement="top">
                 <template #content>
                   {{ t('chart.text_pos_right') }}
diff --git a/core/core-frontend/src/views/chart/components/editor/filter/ResultFilterEditor.vue b/core/core-frontend/src/views/chart/components/editor/filter/ResultFilterEditor.vue
index 7a012df43f..9f467f5d46 100644
--- a/core/core-frontend/src/views/chart/components/editor/filter/ResultFilterEditor.vue
+++ b/core/core-frontend/src/views/chart/components/editor/filter/ResultFilterEditor.vue
@@ -269,8 +269,8 @@ init()
           :style="{ margin: '6px 0 10px 0' }"
           @change="filterTypeChange"
         >
-          <el-radio style="min-width: 80px" label="logic">{{ t('chart.logic_exp') }}</el-radio>
-          <el-radio style="min-width: 80px" label="enum">{{ t('chart.enum_exp') }}</el-radio>
+          <el-radio style="min-width: 80px" value="logic">{{ t('chart.logic_exp') }}</el-radio>
+          <el-radio style="min-width: 80px" value="enum">{{ t('chart.enum_exp') }}</el-radio>
         </el-radio-group>
       </div>
 
diff --git a/core/core-frontend/src/views/visualized/data/datasource/form/EditorDetail.vue b/core/core-frontend/src/views/visualized/data/datasource/form/EditorDetail.vue
index f9ac0c1a35..ec43ec7d61 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/form/EditorDetail.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/form/EditorDetail.vue
@@ -1013,8 +1013,8 @@ defineExpose({
             v-if="form.type !== 'es'"
           >
             <el-radio-group v-model="form.configuration.urlType">
-              <el-radio label="hostName">{{ t('data_source.hostname') }}</el-radio>
-              <el-radio label="jdbcUrl">{{ t('data_source.jdbc_connection') }}</el-radio>
+              <el-radio value="hostName">{{ t('data_source.hostname') }}</el-radio>
+              <el-radio value="jdbcUrl">{{ t('data_source.jdbc_connection') }}</el-radio>
             </el-radio-group>
           </el-form-item>
 
@@ -1257,8 +1257,8 @@ defineExpose({
             </el-form-item>
             <el-form-item :label="t('data_source.connection_method')">
               <el-radio-group v-model="form.configuration.sshType">
-                <el-radio label="password">{{ t('data_source.password') }}</el-radio>
-                <el-radio label="sshkey">ssh key</el-radio>
+                <el-radio value="password">{{ t('data_source.password') }}</el-radio>
+                <el-radio value="sshkey">ssh key</el-radio>
               </el-radio-group>
             </el-form-item>
             <el-form-item
@@ -1405,8 +1405,8 @@ defineExpose({
           v-if="activeStep === 2 && form.type.startsWith('API')"
         >
           <el-radio-group v-model="form.syncSetting.updateType">
-            <el-radio label="all_scope">{{ t('datasource.all_scope') }}</el-radio>
-            <el-radio label="add_scope"> {{ t('datasource.add_scope') }}</el-radio>
+            <el-radio value="all_scope">{{ t('datasource.all_scope') }}</el-radio>
+            <el-radio value="add_scope"> {{ t('datasource.add_scope') }}</el-radio>
           </el-radio-group>
         </el-form-item>
         <el-form-item
@@ -1415,9 +1415,9 @@ defineExpose({
           v-if="activeStep === 2 && form.type.startsWith('API')"
         >
           <el-radio-group v-model="form.syncSetting.syncRate" @change="onRateChange">
-            <el-radio label="RIGHTNOW">{{ t('data_source.update_now') }}</el-radio>
-            <el-radio label="CRON">{{ t('datasource.cron_config') }}</el-radio>
-            <el-radio label="SIMPLE_CRON">{{ t('datasource.simple_cron') }}</el-radio>
+            <el-radio value="RIGHTNOW">{{ t('data_source.update_now') }}</el-radio>
+            <el-radio value="CRON">{{ t('datasource.cron_config') }}</el-radio>
+            <el-radio value="SIMPLE_CRON">{{ t('datasource.simple_cron') }}</el-radio>
           </el-radio-group>
         </el-form-item>
         <div