From d31138c562bc3a8474859db2c9d8f7026af72245 Mon Sep 17 00:00:00 2001
From: junjun <junjie.xia@fit2cloud.com>
Date: Wed, 26 Oct 2022 17:30:21 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E8=A7=86=E5=9B=BE):=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E6=8C=87=E6=A0=87=E5=8D=A1=E8=A7=86=E5=9B=BE=E5=90=8D=E7=A7=B0?=
 =?UTF-8?q?=E8=AE=BE=E5=AE=9A=E4=B8=8D=E6=98=BE=E7=A4=BA=E6=97=B6=E6=B2=A1?=
 =?UTF-8?q?=E6=9C=89=E7=BC=A9=E7=95=A5=E7=9B=B8=E5=85=B3=E9=85=8D=E7=BD=AE?=
 =?UTF-8?q?=E9=A1=B9=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/shape-attr/SizeSelector.vue    | 176 +++++++++---------
 .../shape-attr/SizeSelectorAntV.vue           | 176 +++++++++---------
 2 files changed, 178 insertions(+), 174 deletions(-)

diff --git a/frontend/src/views/chart/components/shape-attr/SizeSelector.vue b/frontend/src/views/chart/components/shape-attr/SizeSelector.vue
index d94b954a9a..4612570507 100644
--- a/frontend/src/views/chart/components/shape-attr/SizeSelector.vue
+++ b/frontend/src/views/chart/components/shape-attr/SizeSelector.vue
@@ -541,97 +541,99 @@
             @change="changeBarSizeCase('dimensionShow')"
           >{{ $t('chart.show') }}</el-checkbox>
         </el-form-item>
-        <el-form-item
-          v-show="showProperty('dimensionFontSize')"
-          :label="$t('chart.dimension_font_size')"
-          class="form-item"
-        >
-          <el-select
-            v-model="sizeForm.dimensionFontSize"
-            :placeholder="$t('chart.dimension_font_size')"
-            @change="changeBarSizeCase('dimensionFontSize')"
+        <div v-show="sizeForm.dimensionShow">
+          <el-form-item
+            v-show="showProperty('dimensionFontSize')"
+            :label="$t('chart.dimension_font_size')"
+            class="form-item"
           >
-            <el-option
-              v-for="option in fontSize"
-              :key="option.value"
-              :label="option.name"
-              :value="option.value"
-            />
-          </el-select>
-        </el-form-item>
-        <el-form-item
-          v-show="showProperty('dimensionFontFamily')"
-          :label="$t('chart.dimension_font_family')"
-          class="form-item"
-        >
-          <el-select
-            v-model="sizeForm.dimensionFontFamily"
-            :placeholder="$t('chart.dimension_font_family')"
-            @change="changeBarSizeCase('dimensionFontFamily')"
+            <el-select
+              v-model="sizeForm.dimensionFontSize"
+              :placeholder="$t('chart.dimension_font_size')"
+              @change="changeBarSizeCase('dimensionFontSize')"
+            >
+              <el-option
+                v-for="option in fontSize"
+                :key="option.value"
+                :label="option.name"
+                :value="option.value"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item
+            v-show="showProperty('dimensionFontFamily')"
+            :label="$t('chart.dimension_font_family')"
+            class="form-item"
           >
-            <el-option
-              v-for="option in fontFamily"
-              :key="option.value"
-              :label="option.name"
-              :value="option.value"
-            />
-          </el-select>
-        </el-form-item>
-        <el-form-item
-          v-show="showProperty('dimensionFontStyle')"
-          :label="$t('chart.dimension_text_style')"
-          class="form-item"
-        >
-          <el-checkbox
-            v-model="sizeForm.dimensionFontIsItalic"
-            @change="changeBarSizeCase('dimensionFontIsItalic')"
-          >{{ $t('chart.italic') }}</el-checkbox>
-          <el-checkbox
-            v-model="sizeForm.dimensionFontIsBolder"
-            @change="changeBarSizeCase('dimensionFontIsBolder')"
-          >{{ $t('chart.bolder') }}</el-checkbox>
-        </el-form-item>
-        <el-form-item
-          v-show="showProperty('dimensionLetterSpace')"
-          :label="$t('chart.dimension_letter_space')"
-          class="form-item"
-        >
-          <el-select
-            v-model="sizeForm.dimensionLetterSpace"
-            :placeholder="$t('chart.dimension_letter_space')"
-            @change="changeBarSizeCase('dimensionLetterSpace')"
+            <el-select
+              v-model="sizeForm.dimensionFontFamily"
+              :placeholder="$t('chart.dimension_font_family')"
+              @change="changeBarSizeCase('dimensionFontFamily')"
+            >
+              <el-option
+                v-for="option in fontFamily"
+                :key="option.value"
+                :label="option.name"
+                :value="option.value"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item
+            v-show="showProperty('dimensionFontStyle')"
+            :label="$t('chart.dimension_text_style')"
+            class="form-item"
           >
-            <el-option
-              v-for="option in fontLetterSpace"
-              :key="option.value"
-              :label="option.name"
-              :value="option.value"
+            <el-checkbox
+              v-model="sizeForm.dimensionFontIsItalic"
+              @change="changeBarSizeCase('dimensionFontIsItalic')"
+            >{{ $t('chart.italic') }}</el-checkbox>
+            <el-checkbox
+              v-model="sizeForm.dimensionFontIsBolder"
+              @change="changeBarSizeCase('dimensionFontIsBolder')"
+            >{{ $t('chart.bolder') }}</el-checkbox>
+          </el-form-item>
+          <el-form-item
+            v-show="showProperty('dimensionLetterSpace')"
+            :label="$t('chart.dimension_letter_space')"
+            class="form-item"
+          >
+            <el-select
+              v-model="sizeForm.dimensionLetterSpace"
+              :placeholder="$t('chart.dimension_letter_space')"
+              @change="changeBarSizeCase('dimensionLetterSpace')"
+            >
+              <el-option
+                v-for="option in fontLetterSpace"
+                :key="option.value"
+                :label="option.name"
+                :value="option.value"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item
+            v-show="showProperty('dimensionFontShadow')"
+            :label="$t('chart.font_shadow')"
+            class="form-item"
+          >
+            <el-checkbox
+              v-model="sizeForm.dimensionFontShadow"
+              @change="changeBarSizeCase('dimensionFontShadow')"
+            >{{ $t('chart.font_shadow') }}</el-checkbox>
+          </el-form-item>
+          <el-divider v-if="showProperty('spaceSplit')" />
+          <el-form-item
+            v-show="showProperty('spaceSplit')"
+            :label="$t('chart.space_split')"
+            class="form-item"
+          >
+            <el-input-number
+              v-model="sizeForm.spaceSplit"
+              :min="0"
+              size="mini"
+              @change="changeBarSizeCase('spaceSplit')"
             />
-          </el-select>
-        </el-form-item>
-        <el-form-item
-          v-show="showProperty('dimensionFontShadow')"
-          :label="$t('chart.font_shadow')"
-          class="form-item"
-        >
-          <el-checkbox
-            v-model="sizeForm.dimensionFontShadow"
-            @change="changeBarSizeCase('dimensionFontShadow')"
-          >{{ $t('chart.font_shadow') }}</el-checkbox>
-        </el-form-item>
-        <el-divider v-if="showProperty('spaceSplit')" />
-        <el-form-item
-          v-show="showProperty('spaceSplit')"
-          :label="$t('chart.space_split')"
-          class="form-item"
-        >
-          <el-input-number
-            v-model="sizeForm.spaceSplit"
-            :min="0"
-            size="mini"
-            @change="changeBarSizeCase('spaceSplit')"
-          />
-        </el-form-item>
+          </el-form-item>
+        </div>
         <!--text&label-end-->
         <!--scatter-begin-->
         <el-form-item
diff --git a/frontend/src/views/chart/components/shape-attr/SizeSelectorAntV.vue b/frontend/src/views/chart/components/shape-attr/SizeSelectorAntV.vue
index 7001b74d50..09acb40abe 100644
--- a/frontend/src/views/chart/components/shape-attr/SizeSelectorAntV.vue
+++ b/frontend/src/views/chart/components/shape-attr/SizeSelectorAntV.vue
@@ -892,97 +892,99 @@
             @change="changeBarSizeCase('dimensionShow')"
           >{{ $t('chart.show') }}</el-checkbox>
         </el-form-item>
-        <el-form-item
-          v-show="showProperty('dimensionFontSize')"
-          :label="$t('chart.dimension_font_size')"
-          class="form-item"
-        >
-          <el-select
-            v-model="sizeForm.dimensionFontSize"
-            :placeholder="$t('chart.dimension_font_size')"
-            @change="changeBarSizeCase('dimensionFontSize')"
+        <div v-show="sizeForm.dimensionShow">
+          <el-form-item
+            v-show="showProperty('dimensionFontSize')"
+            :label="$t('chart.dimension_font_size')"
+            class="form-item"
           >
-            <el-option
-              v-for="option in fontSize"
-              :key="option.value"
-              :label="option.name"
-              :value="option.value"
-            />
-          </el-select>
-        </el-form-item>
-        <el-form-item
-          v-show="showProperty('dimensionFontFamily')"
-          :label="$t('chart.dimension_font_family')"
-          class="form-item"
-        >
-          <el-select
-            v-model="sizeForm.dimensionFontFamily"
-            :placeholder="$t('chart.dimension_font_family')"
-            @change="changeBarSizeCase('dimensionFontFamily')"
+            <el-select
+              v-model="sizeForm.dimensionFontSize"
+              :placeholder="$t('chart.dimension_font_size')"
+              @change="changeBarSizeCase('dimensionFontSize')"
+            >
+              <el-option
+                v-for="option in fontSize"
+                :key="option.value"
+                :label="option.name"
+                :value="option.value"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item
+            v-show="showProperty('dimensionFontFamily')"
+            :label="$t('chart.dimension_font_family')"
+            class="form-item"
           >
-            <el-option
-              v-for="option in fontFamily"
-              :key="option.value"
-              :label="option.name"
-              :value="option.value"
-            />
-          </el-select>
-        </el-form-item>
-        <el-form-item
-          v-show="showProperty('dimensionFontStyle')"
-          :label="$t('chart.dimension_text_style')"
-          class="form-item"
-        >
-          <el-checkbox
-            v-model="sizeForm.dimensionFontIsItalic"
-            @change="changeBarSizeCase('dimensionFontIsItalic')"
-          >{{ $t('chart.italic') }}</el-checkbox>
-          <el-checkbox
-            v-model="sizeForm.dimensionFontIsBolder"
-            @change="changeBarSizeCase('dimensionFontIsBolder')"
-          >{{ $t('chart.bolder') }}</el-checkbox>
-        </el-form-item>
-        <el-form-item
-          v-show="showProperty('dimensionLetterSpace')"
-          :label="$t('chart.dimension_letter_space')"
-          class="form-item"
-        >
-          <el-select
-            v-model="sizeForm.dimensionLetterSpace"
-            :placeholder="$t('chart.dimension_letter_space')"
-            @change="changeBarSizeCase('dimensionLetterSpace')"
+            <el-select
+              v-model="sizeForm.dimensionFontFamily"
+              :placeholder="$t('chart.dimension_font_family')"
+              @change="changeBarSizeCase('dimensionFontFamily')"
+            >
+              <el-option
+                v-for="option in fontFamily"
+                :key="option.value"
+                :label="option.name"
+                :value="option.value"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item
+            v-show="showProperty('dimensionFontStyle')"
+            :label="$t('chart.dimension_text_style')"
+            class="form-item"
           >
-            <el-option
-              v-for="option in fontLetterSpace"
-              :key="option.value"
-              :label="option.name"
-              :value="option.value"
+            <el-checkbox
+              v-model="sizeForm.dimensionFontIsItalic"
+              @change="changeBarSizeCase('dimensionFontIsItalic')"
+            >{{ $t('chart.italic') }}</el-checkbox>
+            <el-checkbox
+              v-model="sizeForm.dimensionFontIsBolder"
+              @change="changeBarSizeCase('dimensionFontIsBolder')"
+            >{{ $t('chart.bolder') }}</el-checkbox>
+          </el-form-item>
+          <el-form-item
+            v-show="showProperty('dimensionLetterSpace')"
+            :label="$t('chart.dimension_letter_space')"
+            class="form-item"
+          >
+            <el-select
+              v-model="sizeForm.dimensionLetterSpace"
+              :placeholder="$t('chart.dimension_letter_space')"
+              @change="changeBarSizeCase('dimensionLetterSpace')"
+            >
+              <el-option
+                v-for="option in fontLetterSpace"
+                :key="option.value"
+                :label="option.name"
+                :value="option.value"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item
+            v-show="showProperty('dimensionFontShadow')"
+            :label="$t('chart.font_shadow')"
+            class="form-item"
+          >
+            <el-checkbox
+              v-model="sizeForm.dimensionFontShadow"
+              @change="changeBarSizeCase('dimensionFontShadow')"
+            >{{ $t('chart.font_shadow') }}</el-checkbox>
+          </el-form-item>
+          <el-divider v-if="showProperty('spaceSplit')" />
+          <el-form-item
+            v-show="showProperty('spaceSplit')"
+            :label="$t('chart.space_split')"
+            class="form-item"
+          >
+            <el-input-number
+              v-model="sizeForm.spaceSplit"
+              :min="0"
+              size="mini"
+              @change="changeBarSizeCase('spaceSplit')"
             />
-          </el-select>
-        </el-form-item>
-        <el-form-item
-          v-show="showProperty('dimensionFontShadow')"
-          :label="$t('chart.font_shadow')"
-          class="form-item"
-        >
-          <el-checkbox
-            v-model="sizeForm.dimensionFontShadow"
-            @change="changeBarSizeCase('dimensionFontShadow')"
-          >{{ $t('chart.font_shadow') }}</el-checkbox>
-        </el-form-item>
-        <el-divider v-if="showProperty('spaceSplit')" />
-        <el-form-item
-          v-show="showProperty('spaceSplit')"
-          :label="$t('chart.space_split')"
-          class="form-item"
-        >
-          <el-input-number
-            v-model="sizeForm.spaceSplit"
-            :min="0"
-            size="mini"
-            @change="changeBarSizeCase('spaceSplit')"
-          />
-        </el-form-item>
+          </el-form-item>
+        </div>
         <!--text&label-end-->
         <!--scatter-begin-->
         <el-form-item