From d24d103f4a037f85696071d29f780743dbc158c8 Mon Sep 17 00:00:00 2001
From: junjie <junjie.xia@fit2cloud.com>
Date: Fri, 19 Mar 2021 15:53:58 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E8=A7=86=E5=9B=BE):=20=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E5=B1=9E=E6=80=A7=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../chart/components/shape_attr/ColorSelector.vue  |  2 +-
 .../chart/components/shape_attr/SizeSelector.vue   | 14 +++++++-------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/frontend/src/views/chart/components/shape_attr/ColorSelector.vue b/frontend/src/views/chart/components/shape_attr/ColorSelector.vue
index 5754baaf54..9b5405dc3a 100644
--- a/frontend/src/views/chart/components/shape_attr/ColorSelector.vue
+++ b/frontend/src/views/chart/components/shape_attr/ColorSelector.vue
@@ -19,7 +19,7 @@
               </el-select>
             </el-form-item>
             <el-form-item :label="$t('chart.not_alpha')" class="form-item form-item-slider">
-              <el-slider v-model="colorForm.alpha" show-input input-size="mini" @change="changeColorCase" />
+              <el-slider v-model="colorForm.alpha" show-input :show-input-controls="false" input-size="mini" @change="changeColorCase" />
             </el-form-item>
           </el-form>
         </el-col>
diff --git a/frontend/src/views/chart/components/shape_attr/SizeSelector.vue b/frontend/src/views/chart/components/shape_attr/SizeSelector.vue
index 8bd0c24f4a..48772311bb 100644
--- a/frontend/src/views/chart/components/shape_attr/SizeSelector.vue
+++ b/frontend/src/views/chart/components/shape_attr/SizeSelector.vue
@@ -12,16 +12,16 @@
               <el-checkbox v-model="sizeForm.barDefault" @change="changeBarSizeCase">{{ $t('chart.adapt') }}</el-checkbox>
             </el-form-item>
             <el-form-item :label="$t('chart.bar_width')" class="form-item form-item-slider">
-              <el-slider v-model="sizeForm.barWidth" :disabled="sizeForm.barDefault" show-input input-size="mini" :min="0" :max="80" @change="changeBarSizeCase" />
+              <el-slider v-model="sizeForm.barWidth" :disabled="sizeForm.barDefault" show-input :show-input-controls="false" input-size="mini" :min="1" :max="80" @change="changeBarSizeCase" />
             </el-form-item>
             <el-form-item :label="$t('chart.bar_gap')" class="form-item form-item-slider">
-              <el-slider v-model="sizeForm.barGap" :disabled="sizeForm.barDefault" show-input input-size="mini" :min="0" :max="5" :step="0.1" @change="changeBarSizeCase" />
+              <el-slider v-model="sizeForm.barGap" :disabled="sizeForm.barDefault" show-input :show-input-controls="false" input-size="mini" :min="0" :max="5" :step="0.1" @change="changeBarSizeCase" />
             </el-form-item>
           </el-form>
 
           <el-form v-if="chart.type && chart.type.includes('line')" ref="sizeFormLine" :model="sizeForm" label-width="80px" size="mini">
             <el-form-item :label="$t('chart.line_width')" class="form-item form-item-slider">
-              <el-slider v-model="sizeForm.lineWidth" show-input input-size="mini" :min="0" :max="10" @change="changeBarSizeCase" />
+              <el-slider v-model="sizeForm.lineWidth" show-input :show-input-controls="false" input-size="mini" :min="0" :max="10" @change="changeBarSizeCase" />
             </el-form-item>
             <el-form-item :label="$t('chart.line_type')" class="form-item">
               <el-radio-group v-model="sizeForm.lineType" @change="changeBarSizeCase">
@@ -40,22 +40,22 @@
               </el-select>
             </el-form-item>
             <el-form-item :label="$t('chart.line_symbol_size')" class="form-item form-item-slider">
-              <el-slider v-model="sizeForm.lineSymbolSize" show-input input-size="mini" :min="0" :max="20" @change="changeBarSizeCase" />
+              <el-slider v-model="sizeForm.lineSymbolSize" show-input :show-input-controls="false" input-size="mini" :min="0" :max="20" @change="changeBarSizeCase" />
             </el-form-item>
           </el-form>
 
           <el-form v-if="chart.type && chart.type.includes('pie')" ref="sizeFormPie" :model="sizeForm" label-width="80px" size="mini">
             <el-form-item :label="$t('chart.pie_inner_radius')" class="form-item form-item-slider">
-              <el-slider v-model="sizeForm.pieInnerRadius" show-input input-size="mini" :min="0" :max="100" @change="changeBarSizeCase" />
+              <el-slider v-model="sizeForm.pieInnerRadius" show-input :show-input-controls="false" input-size="mini" :min="0" :max="100" @change="changeBarSizeCase" />
             </el-form-item>
             <el-form-item :label="$t('chart.pie_outer_radius')" class="form-item form-item-slider">
-              <el-slider v-model="sizeForm.pieOuterRadius" show-input input-size="mini" :min="0" :max="100" @change="changeBarSizeCase" />
+              <el-slider v-model="sizeForm.pieOuterRadius" show-input :show-input-controls="false" input-size="mini" :min="0" :max="100" @change="changeBarSizeCase" />
             </el-form-item>
           </el-form>
 
           <el-form v-if="chart.type && chart.type.includes('funnel')" ref="sizeFormPie" :model="sizeForm" label-width="80px" size="mini">
             <el-form-item :label="$t('chart.funnel_width')" class="form-item form-item-slider">
-              <el-slider v-model="sizeForm.funnelWidth" show-input input-size="mini" :min="0" :max="100" @change="changeBarSizeCase" />
+              <el-slider v-model="sizeForm.funnelWidth" show-input :show-input-controls="false" input-size="mini" :min="0" :max="100" @change="changeBarSizeCase" />
             </el-form-item>
           </el-form>
         </el-col>