From 05a6af77f0930f147097b7bc37e01db5d3e114a9 Mon Sep 17 00:00:00 2001
From: wisonic-s <shaochuan.wu@fit2cloud.com>
Date: Mon, 22 Apr 2024 17:33:30 +0800
Subject: [PATCH] =?UTF-8?q?refactor(=E5=9B=BE=E8=A1=A8):=20=E5=9C=B0?=
 =?UTF-8?q?=E5=9B=BE=E9=80=8F=E6=98=8E=E5=BA=A6=E4=BD=8D=E7=BD=AE=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/BasicStyleSelector.vue         | 66 +++++++++----------
 1 file changed, 33 insertions(+), 33 deletions(-)

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 f5688f7ec8..8b7ef91330 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
@@ -198,6 +198,39 @@ onMounted(() => {
       </el-checkbox>
     </el-form-item>
 
+    <div class="alpha-setting" v-if="showProperty('alpha')">
+      <label class="alpha-label" :class="{ dark: 'dark' === themes }">
+        {{ t('chart.not_alpha') }}
+      </label>
+      <el-row style="flex: 1" :gutter="8">
+        <el-col :span="13">
+          <el-form-item class="form-item alpha-slider" :class="'form-item-' + themes">
+            <el-slider
+              :effect="themes"
+              v-model="state.basicStyleForm.alpha"
+              @change="changeBasicStyle('alpha')"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="11" style="padding-top: 2px">
+          <el-form-item class="form-item" :class="'form-item-' + themes">
+            <el-input
+              type="number"
+              :effect="themes"
+              v-model="state.basicStyleForm.alpha"
+              :min="0"
+              :max="100"
+              class="basic-input-number"
+              :controls="false"
+              @change="changeBasicStyle('alpha')"
+            >
+              <template #suffix> % </template>
+            </el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </div>
+
     <!--map start-->
     <el-row :gutter="8">
       <el-col :span="12" v-if="showProperty('areaBorderColor')">
@@ -372,39 +405,6 @@ onMounted(() => {
     </el-row>
     <!--table end-->
 
-    <div class="alpha-setting" v-if="showProperty('alpha')">
-      <label class="alpha-label" :class="{ dark: 'dark' === themes }">
-        {{ t('chart.not_alpha') }}
-      </label>
-      <el-row style="flex: 1" :gutter="8">
-        <el-col :span="13">
-          <el-form-item class="form-item alpha-slider" :class="'form-item-' + themes">
-            <el-slider
-              :effect="themes"
-              v-model="state.basicStyleForm.alpha"
-              @change="changeBasicStyle('alpha')"
-            />
-          </el-form-item>
-        </el-col>
-        <el-col :span="11" style="padding-top: 2px">
-          <el-form-item class="form-item" :class="'form-item-' + themes">
-            <el-input
-              type="number"
-              :effect="themes"
-              v-model="state.basicStyleForm.alpha"
-              :min="0"
-              :max="100"
-              class="basic-input-number"
-              :controls="false"
-              @change="changeBasicStyle('alpha')"
-            >
-              <template #suffix> % </template>
-            </el-input>
-          </el-form-item>
-        </el-col>
-      </el-row>
-    </div>
-
     <!--table2 start-->
     <el-form-item
       :label="t('chart.table_column_width_config')"