From e44acadabce6f80475d10474eb98ba1ae46ac63c Mon Sep 17 00:00:00 2001
From: junjun <junjie.xia@fit2cloud.com>
Date: Wed, 8 Jun 2022 14:59:15 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=81=A2=E5=A4=8D=E5=9B=BE=E4=BE=8B?=
 =?UTF-8?q?=E5=9E=82=E7=9B=B4=E4=BD=8D=E7=BD=AE=E9=80=89=E9=A1=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/chart/chart/util.js        | 36 ++++++++++++-------
 .../component-style/TitleSelectorAntV.vue     | 12 +++----
 2 files changed, 30 insertions(+), 18 deletions(-)

diff --git a/frontend/src/views/chart/chart/util.js b/frontend/src/views/chart/chart/util.js
index a18542587e..6f538c11e7 100644
--- a/frontend/src/views/chart/chart/util.js
+++ b/frontend/src/views/chart/chart/util.js
@@ -367,7 +367,8 @@ export const TYPE_CONFIGS = [
         'icon',
         'orient',
         'textStyle',
-        'hPosition'
+        'hPosition',
+        'vPosition'
       ]
     }
   },
@@ -442,7 +443,8 @@ export const TYPE_CONFIGS = [
         'icon',
         'orient',
         'textStyle',
-        'hPosition'
+        'hPosition',
+        'vPosition'
       ]
     }
   },
@@ -517,7 +519,8 @@ export const TYPE_CONFIGS = [
         'icon',
         'orient',
         'textStyle',
-        'hPosition'
+        'hPosition',
+        'vPosition'
       ]
     }
   },
@@ -591,7 +594,8 @@ export const TYPE_CONFIGS = [
         'icon',
         'orient',
         'textStyle',
-        'hPosition'
+        'hPosition',
+        'vPosition'
       ]
     }
   },
@@ -725,7 +729,8 @@ export const TYPE_CONFIGS = [
         'icon',
         'orient',
         'textStyle',
-        'hPosition'
+        'hPosition',
+        'vPosition'
       ]
     }
   },
@@ -799,7 +804,8 @@ export const TYPE_CONFIGS = [
         'icon',
         'orient',
         'textStyle',
-        'hPosition'
+        'hPosition',
+        'vPosition'
       ]
     }
   },
@@ -852,7 +858,8 @@ export const TYPE_CONFIGS = [
         'icon',
         'orient',
         'textStyle',
-        'hPosition'
+        'hPosition',
+        'vPosition'
       ]
     }
   },
@@ -905,7 +912,8 @@ export const TYPE_CONFIGS = [
         'icon',
         'orient',
         'textStyle',
-        'hPosition'
+        'hPosition',
+        'vPosition'
       ]
     }
   },
@@ -959,7 +967,8 @@ export const TYPE_CONFIGS = [
         'icon',
         'orient',
         'textStyle',
-        'hPosition'
+        'hPosition',
+        'vPosition'
       ],
       'split-selector-ant-v': [
         'splitForm',
@@ -1010,7 +1019,8 @@ export const TYPE_CONFIGS = [
         'icon',
         'orient',
         'textStyle',
-        'hPosition'
+        'hPosition',
+        'vPosition'
       ]
     }
   },
@@ -1115,7 +1125,8 @@ export const TYPE_CONFIGS = [
         'icon',
         'orient',
         'textStyle',
-        'hPosition'
+        'hPosition',
+        'vPosition'
       ]
     }
   },
@@ -1163,7 +1174,8 @@ export const TYPE_CONFIGS = [
         'icon',
         'orient',
         'textStyle',
-        'hPosition'
+        'hPosition',
+        'vPosition'
       ]
     }
   },
diff --git a/frontend/src/views/chart/components/component-style/TitleSelectorAntV.vue b/frontend/src/views/chart/components/component-style/TitleSelectorAntV.vue
index 63178fcfbe..2728db7819 100644
--- a/frontend/src/views/chart/components/component-style/TitleSelectorAntV.vue
+++ b/frontend/src/views/chart/components/component-style/TitleSelectorAntV.vue
@@ -2,11 +2,11 @@
   <div style="width: 100%">
     <el-col>
       <el-form ref="titleForm" :model="titleForm" label-width="80px" size="mini">
-         <el-form-item v-show="showProperty('show')" :label="$t('chart.show')" class="form-item">
+        <el-form-item v-show="showProperty('show')" :label="$t('chart.show')" class="form-item">
           <el-checkbox v-model="titleForm.show" @change="changeTitleStyle('show')">{{ $t('chart.show') }}</el-checkbox>
         </el-form-item>
         <div v-show="showProperty('show') && titleForm.show">
-           <el-form-item v-show="showProperty('title')" v-if="!batchOptStatus" :label="$t('chart.title')" class="form-item">
+          <el-form-item v-show="showProperty('title')" v-if="!batchOptStatus" :label="$t('chart.title')" class="form-item">
             <el-input
               v-model="titleForm.title"
               size="mini"
@@ -16,22 +16,22 @@
               @input="inputOnInput($event)"
             />
           </el-form-item>
-           <el-form-item v-show="showProperty('fontSize')" :label="$t('chart.text_fontsize')" class="form-item">
+          <el-form-item v-show="showProperty('fontSize')" :label="$t('chart.text_fontsize')" class="form-item">
             <el-select v-model="titleForm.fontSize" :placeholder="$t('chart.text_fontsize')" size="mini" @change="changeTitleStyle('fontSize')">
               <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('color')" :label="$t('chart.text_color')" class="form-item">
+          <el-form-item v-show="showProperty('color')" :label="$t('chart.text_color')" class="form-item">
             <el-color-picker v-model="titleForm.color" class="color-picker-style" :predefine="predefineColors" @change="changeTitleStyle('color')" />
           </el-form-item>
-           <el-form-item v-show="showProperty('hPosition')" :label="$t('chart.text_h_position')" class="form-item">
+          <el-form-item v-show="showProperty('hPosition')" :label="$t('chart.text_h_position')" class="form-item">
             <el-radio-group v-model="titleForm.hPosition" size="mini" @change="changeTitleStyle('hPosition')">
               <el-radio-button label="left">{{ $t('chart.text_pos_left') }}</el-radio-button>
               <el-radio-button label="center">{{ $t('chart.text_pos_center') }}</el-radio-button>
               <el-radio-button label="right">{{ $t('chart.text_pos_right') }}</el-radio-button>
             </el-radio-group>
           </el-form-item>
-           <el-form-item v-show="showProperty('isItalic') || showProperty('isBolder') " :label="$t('chart.text_style')" class="form-item">
+          <el-form-item v-show="showProperty('isItalic') || showProperty('isBolder') " :label="$t('chart.text_style')" class="form-item">
             <el-checkbox v-model="titleForm.isItalic" @change="changeTitleStyle('isItalic')">{{ $t('chart.italic') }}</el-checkbox>
             <el-checkbox v-model="titleForm.isBolder" @change="changeTitleStyle('isBolder')">{{ $t('chart.bolder') }}</el-checkbox>
           </el-form-item>