From 763918907f49658c6fce71f49faa6685c4c7af29 Mon Sep 17 00:00:00 2001
From: wisonic-s <shaochuan.wu@fit2cloud.com>
Date: Wed, 6 Sep 2023 18:31:04 +0800
Subject: [PATCH 1/3] =?UTF-8?q?refactor:=20=E8=AF=8D=E4=BA=91=E5=9B=BE?=
 =?UTF-8?q?=E5=AD=97=E4=BD=93=E5=8C=BA=E9=97=B4=E5=92=8C=E5=AD=97=E4=BD=93?=
 =?UTF-8?q?=E9=97=B4=E8=B7=9D=E7=BC=96=E8=BE=91=E6=A0=B7=E5=BC=8F=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/shapeAttr/SizeSelectorAntV.vue | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/core/frontend/src/views/chart/components/shapeAttr/SizeSelectorAntV.vue b/core/frontend/src/views/chart/components/shapeAttr/SizeSelectorAntV.vue
index 43eafffbe9..7f181cd20c 100644
--- a/core/frontend/src/views/chart/components/shapeAttr/SizeSelectorAntV.vue
+++ b/core/frontend/src/views/chart/components/shapeAttr/SizeSelectorAntV.vue
@@ -791,13 +791,13 @@
           />
         </el-form-item>
         <el-form-item
-            v-show="showProperty('gaugeAxisLabel')"
-            :label="$t('chart.gauge_axis_label')"
-            class="form-item"
+          v-show="showProperty('gaugeAxisLabel')"
+          :label="$t('chart.gauge_axis_label')"
+          class="form-item"
         >
           <el-checkbox
-              v-model="sizeForm.gaugeAxisLine"
-              @change="changeBarSizeCase('gaugeAxisLabel')"
+            v-model="sizeForm.gaugeAxisLine"
+            @change="changeBarSizeCase('gaugeAxisLabel')"
           />
         </el-form-item>
         <!--        <el-form-item v-show="showProperty('gaugeTickCount')" :label="$t('chart.tick_count')" class="form-item form-item-slider">-->
@@ -1369,7 +1369,7 @@
           <el-form-item
             v-show="showProperty('wordSizeRange') "
             :label="$t('chart.word_size_range')"
-            class="form-item form-item-slider"
+            class="form-item form-item-slider form-item-range-slider"
           >
             <el-slider
               v-model="sizeForm.wordSizeRange"
@@ -1386,6 +1386,9 @@
           >
             <el-slider
               v-model="sizeForm.wordSpacing"
+              show-input
+              :show-input-controls="false"
+              input-size="mini"
               :min="0"
               :max="20"
               @change="changeBarSizeCase('wordSpacing')"
@@ -1750,6 +1753,10 @@ export default {
     line-height: 38px;
   }
 
+  .form-item-range-slider ::v-deep .el-form-item__content {
+    padding-right: 6px
+  }
+
   .form-item ::v-deep .el-form-item__label {
     font-size: 12px;
   }

From 5fbd10ff8239d40b67c3b9ba833459d23da42e25 Mon Sep 17 00:00:00 2001
From: wisonic-s <shaochuan.wu@fit2cloud.com>
Date: Wed, 6 Sep 2023 19:34:04 +0800
Subject: [PATCH 2/3] =?UTF-8?q?fix:=20=E4=BB=AA=E8=A1=A8=E7=9B=98=E6=89=B9?=
 =?UTF-8?q?=E9=87=8F=E7=BC=96=E8=BE=91=E5=88=BB=E5=BA=A6=E6=A0=87=E7=AD=BE?=
 =?UTF-8?q?=E5=BC=80=E5=85=B3=E4=B8=8D=E7=94=9F=E6=95=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 core/frontend/src/views/chart/chart/util.js                   | 4 ++--
 .../src/views/chart/components/shapeAttr/SizeSelector.vue     | 4 ++--
 .../src/views/chart/components/shapeAttr/SizeSelectorAntV.vue | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/core/frontend/src/views/chart/chart/util.js b/core/frontend/src/views/chart/chart/util.js
index bc7b285db8..fdacc429a7 100644
--- a/core/frontend/src/views/chart/chart/util.js
+++ b/core/frontend/src/views/chart/chart/util.js
@@ -297,7 +297,7 @@ export const TYPE_CONFIGS = [
         'gaugeStartAngle',
         'gaugeEndAngle',
         'gaugeTickCount',
-        'gaugeAxisLabel'
+        'gaugeAxisLine'
       ],
       'label-selector-ant-v': [
         'labelGauge'
@@ -2160,7 +2160,7 @@ export const TYPE_CONFIGS = [
         'gaugeMax',
         'gaugeStartAngle',
         'gaugeEndAngle',
-        'gaugeAxisLabel'
+        'gaugeAxisLine'
       ],
       'label-selector': [
         'show',
diff --git a/core/frontend/src/views/chart/components/shapeAttr/SizeSelector.vue b/core/frontend/src/views/chart/components/shapeAttr/SizeSelector.vue
index eb83468cec..17c0f1f74d 100644
--- a/core/frontend/src/views/chart/components/shapeAttr/SizeSelector.vue
+++ b/core/frontend/src/views/chart/components/shapeAttr/SizeSelector.vue
@@ -477,13 +477,13 @@
           />
         </el-form-item>
         <el-form-item
-          v-show="showProperty('gaugeAxisLabel')"
+          v-show="showProperty('gaugeAxisLine')"
           :label="$t('chart.gauge_axis_label')"
           class="form-item"
         >
           <el-checkbox
             v-model="sizeForm.gaugeAxisLine"
-            @change="changeBarSizeCase('gaugeAxisLabel')"
+            @change="changeBarSizeCase('gaugeAxisLine')"
           />
         </el-form-item>
         <!--gauge-end-->
diff --git a/core/frontend/src/views/chart/components/shapeAttr/SizeSelectorAntV.vue b/core/frontend/src/views/chart/components/shapeAttr/SizeSelectorAntV.vue
index 7f181cd20c..64d05c6823 100644
--- a/core/frontend/src/views/chart/components/shapeAttr/SizeSelectorAntV.vue
+++ b/core/frontend/src/views/chart/components/shapeAttr/SizeSelectorAntV.vue
@@ -791,13 +791,13 @@
           />
         </el-form-item>
         <el-form-item
-          v-show="showProperty('gaugeAxisLabel')"
+          v-show="showProperty('gaugeAxisLine')"
           :label="$t('chart.gauge_axis_label')"
           class="form-item"
         >
           <el-checkbox
             v-model="sizeForm.gaugeAxisLine"
-            @change="changeBarSizeCase('gaugeAxisLabel')"
+            @change="changeBarSizeCase('gaugeAxisLine')"
           />
         </el-form-item>
         <!--        <el-form-item v-show="showProperty('gaugeTickCount')" :label="$t('chart.tick_count')" class="form-item form-item-slider">-->

From 71234df2f12537c6aeaeae9aaee5ed50a6171a5d Mon Sep 17 00:00:00 2001
From: wisonic-s <shaochuan.wu@fit2cloud.com>
Date: Wed, 6 Sep 2023 19:39:16 +0800
Subject: [PATCH 3/3] =?UTF-8?q?fix:=20=E4=BB=AA=E8=A1=A8=E7=9B=98=E6=89=B9?=
 =?UTF-8?q?=E9=87=8F=E7=BC=96=E8=BE=91=E4=B8=8D=E6=98=BE=E7=A4=BA=E6=9C=80?=
 =?UTF-8?q?=E5=A4=A7=E5=80=BC=E5=92=8C=E6=9C=80=E5=B0=8F=E5=80=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/shapeAttr/SizeSelectorAntV.vue | 266 +++++++++---------
 1 file changed, 135 insertions(+), 131 deletions(-)

diff --git a/core/frontend/src/views/chart/components/shapeAttr/SizeSelectorAntV.vue b/core/frontend/src/views/chart/components/shapeAttr/SizeSelectorAntV.vue
index 64d05c6823..96a544de6f 100644
--- a/core/frontend/src/views/chart/components/shapeAttr/SizeSelectorAntV.vue
+++ b/core/frontend/src/views/chart/components/shapeAttr/SizeSelectorAntV.vue
@@ -522,150 +522,151 @@
         label-width="100px"
         size="mini"
       >
-        <el-form-item
-          v-show="showProperty('gaugeMin')"
-          :label="$t('chart.min')"
-          class="form-item"
-        >
-          <el-radio-group
-            v-model="sizeForm.gaugeMinType"
-            size="mini"
-            @change="changeQuotaField('min')"
+        <div v-show="!batchOptStatus">
+          <el-form-item
+              v-show="showProperty('gaugeMin')"
+              :label="$t('chart.min')"
+              class="form-item"
           >
-            <el-radio-button label="fix">{{ $t('chart.fix') }}</el-radio-button>
-            <el-radio-button label="dynamic">{{ $t('chart.dynamic') }}</el-radio-button>
-          </el-radio-group>
-        </el-form-item>
-        <el-form-item
-          v-if="showProperty('gaugeMin') && sizeForm.gaugeMinType === 'fix'"
-          class="form-item form-item-slider"
-        >
-          <el-input-number
-            v-model="sizeForm.gaugeMin"
-            size="mini"
-            @change="changeBarSizeCase('gaugeMin')"
-          />
-        </el-form-item>
-        <el-form-item
-          v-if="showProperty('gaugeMin') && sizeForm.gaugeMinType === 'dynamic'"
-          class="form-item form-flex"
-        >
-          <el-select
-            v-model="sizeForm.gaugeMinField.id"
-            :placeholder="$t('chart.field')"
-            @change="changeQuotaField('min',true)"
-          >
-            <el-option
-              v-for="item in quotaData"
-              :key="item.id"
-              :label="item.name"
-              :value="item.id"
+            <el-radio-group
+                v-model="sizeForm.gaugeMinType"
+                size="mini"
+                @change="changeQuotaField('min')"
             >
+              <el-radio-button label="fix">{{ $t('chart.fix') }}</el-radio-button>
+              <el-radio-button label="dynamic">{{ $t('chart.dynamic') }}</el-radio-button>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item
+              v-if="showProperty('gaugeMin') && sizeForm.gaugeMinType === 'fix'"
+              class="form-item form-item-slider"
+          >
+            <el-input-number
+                v-model="sizeForm.gaugeMin"
+                size="mini"
+                @change="changeBarSizeCase('gaugeMin')"
+            />
+          </el-form-item>
+          <el-form-item
+              v-if="showProperty('gaugeMin') && sizeForm.gaugeMinType === 'dynamic'"
+              class="form-item form-flex"
+          >
+            <el-select
+                v-model="sizeForm.gaugeMinField.id"
+                :placeholder="$t('chart.field')"
+                @change="changeQuotaField('min',true)"
+            >
+              <el-option
+                  v-for="item in quotaData"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.id"
+              >
               <span style="float: left">
                 <svg-icon
-                  v-if="item.deType === 0"
-                  icon-class="field_text"
-                  class="field-icon-text"
+                    v-if="item.deType === 0"
+                    icon-class="field_text"
+                    class="field-icon-text"
                 />
                 <svg-icon
-                  v-if="item.deType === 1"
-                  icon-class="field_time"
-                  class="field-icon-time"
+                    v-if="item.deType === 1"
+                    icon-class="field_time"
+                    class="field-icon-time"
                 />
                 <svg-icon
-                  v-if="item.deType === 2 || item.deType === 3"
-                  icon-class="field_value"
-                  class="field-icon-value"
+                    v-if="item.deType === 2 || item.deType === 3"
+                    icon-class="field_value"
+                    class="field-icon-value"
                 />
                 <svg-icon
-                  v-if="item.deType === 5"
-                  icon-class="field_location"
-                  class="field-icon-location"
+                    v-if="item.deType === 5"
+                    icon-class="field_location"
+                    class="field-icon-location"
                 />
               </span>
-              <span style="float: left; color: #8492a6; font-size: 12px">{{ item.name }}</span>
-            </el-option>
-          </el-select>
-          <el-select
-            v-model="sizeForm.gaugeMinField.summary"
-            :placeholder="$t('chart.summary')"
-            @change="changeQuotaField('min')"
-          >
-            <el-option
-              v-if="validMinField"
-              key="sum"
-              value="sum"
-              :label="$t('chart.sum')"
-            />
-            <el-option
-              v-if="validMinField"
-              key="avg"
-              value="avg"
-              :label="$t('chart.avg')"
-            />
-            <el-option
-              v-if="validMinField"
-              key="max"
-              value="max"
-              :label="$t('chart.max')"
-            />
-            <el-option
-              v-if="validMinField"
-              key="min"
-              value="min"
-              :label="$t('chart.min')"
-            />
-            <el-option
-              v-if="validMinField"
-              key="stddev_pop"
-              value="stddev_pop"
-              :label="$t('chart.stddev_pop')"
-            />
-            <el-option
-              v-if="validMinField"
-              key="var_pop"
-              value="var_pop"
-              :label="$t('chart.var_pop')"
-            />
-            <el-option
-              key="count"
-              value="count"
-              :label="$t('chart.count')"
-            />
-            <el-option
-              v-if="minField.id !== 'count'"
-              key="count_distinct"
-              value="count_distinct"
-              :label="$t('chart.count_distinct')"
-            />
-          </el-select>
-        </el-form-item>
+                <span style="float: left; color: #8492a6; font-size: 12px">{{ item.name }}</span>
+              </el-option>
+            </el-select>
+            <el-select
+                v-model="sizeForm.gaugeMinField.summary"
+                :placeholder="$t('chart.summary')"
+                @change="changeQuotaField('min')"
+            >
+              <el-option
+                  v-if="validMinField"
+                  key="sum"
+                  value="sum"
+                  :label="$t('chart.sum')"
+              />
+              <el-option
+                  v-if="validMinField"
+                  key="avg"
+                  value="avg"
+                  :label="$t('chart.avg')"
+              />
+              <el-option
+                  v-if="validMinField"
+                  key="max"
+                  value="max"
+                  :label="$t('chart.max')"
+              />
+              <el-option
+                  v-if="validMinField"
+                  key="min"
+                  value="min"
+                  :label="$t('chart.min')"
+              />
+              <el-option
+                  v-if="validMinField"
+                  key="stddev_pop"
+                  value="stddev_pop"
+                  :label="$t('chart.stddev_pop')"
+              />
+              <el-option
+                  v-if="validMinField"
+                  key="var_pop"
+                  value="var_pop"
+                  :label="$t('chart.var_pop')"
+              />
+              <el-option
+                  key="count"
+                  value="count"
+                  :label="$t('chart.count')"
+              />
+              <el-option
+                  v-if="minField.id !== 'count'"
+                  key="count_distinct"
+                  value="count_distinct"
+                  :label="$t('chart.count_distinct')"
+              />
+            </el-select>
+          </el-form-item>
 
-        <el-form-item
-          v-show="showProperty('gaugeMax')"
-          :label="$t('chart.max')"
-          class="form-item"
-        >
-          <el-radio-group
-            v-model="sizeForm.gaugeMaxType"
-            size="mini"
-            @change="changeQuotaField('max')"
+          <el-form-item
+              v-show="showProperty('gaugeMax')"
+              :label="$t('chart.max')"
+              class="form-item"
           >
-            <el-radio-button label="fix">{{ $t('chart.fix') }}</el-radio-button>
-            <el-radio-button label="dynamic">{{ $t('chart.dynamic') }}</el-radio-button>
-          </el-radio-group>
-        </el-form-item>
-        <el-form-item
-          v-if="showProperty('gaugeMax') && sizeForm.gaugeMaxType === 'fix'"
-          class="form-item form-item-slider"
-        >
-          <el-input-number
-            v-model="sizeForm.gaugeMax"
-            size="mini"
-            @change="changeBarSizeCase('gaugeMax')"
-          />
-        </el-form-item>
-        <el-form-item
+            <el-radio-group
+                v-model="sizeForm.gaugeMaxType"
+                size="mini"
+                @change="changeQuotaField('max')"
+            >
+              <el-radio-button label="fix">{{ $t('chart.fix') }}</el-radio-button>
+              <el-radio-button label="dynamic">{{ $t('chart.dynamic') }}</el-radio-button>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item
+              v-if="showProperty('gaugeMax') && sizeForm.gaugeMaxType === 'fix'"
+              class="form-item form-item-slider"
+          >
+            <el-input-number
+                v-model="sizeForm.gaugeMax"
+                size="mini"
+                @change="changeBarSizeCase('gaugeMax')"
+            />
+          </el-form-item>
+          <el-form-item
           v-if="showProperty('gaugeMax') && sizeForm.gaugeMaxType === 'dynamic'"
           class="form-item form-flex"
         >
@@ -759,6 +760,7 @@
             />
           </el-select>
         </el-form-item>
+        </div>
 
         <el-form-item
           v-show="showProperty('gaugeStartAngle')"
@@ -1405,6 +1407,7 @@
 <script>
 import { CHART_FONT_FAMILY, CHART_FONT_LETTER_SPACE, DEFAULT_SIZE } from '../../chart/chart'
 import { equalsAny } from '@/utils/StringUtils'
+import { mapState } from 'vuex'
 
 export default {
   name: 'SizeSelectorAntV',
@@ -1493,7 +1496,8 @@ export default {
         return customAttr.color.mapLineGradient && equalsAny(this.sizeForm.mapLineType, 'line', 'arc')
       }
       return false
-    }
+    },
+    ...mapState(['batchOptStatus'])
   },
   watch: {
     'chart': {