From 3ac03973fbb1ca46eabd0f1c1bf0dad7ea014f9d Mon Sep 17 00:00:00 2001
From: tnt group <dodu@live.cn>
Date: Thu, 22 Sep 2022 09:20:36 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E8=87=AA=E5=AE=9A?=
 =?UTF-8?q?=E4=B9=89=E5=B1=9E=E6=80=A7=E5=BC=82=E5=B8=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Informations/Mores/WordCloud/config.vue   | 29 +++++++++----------
 1 file changed, 13 insertions(+), 16 deletions(-)

diff --git a/src/packages/components/Informations/Mores/WordCloud/config.vue b/src/packages/components/Informations/Mores/WordCloud/config.vue
index 0f129120..3882657c 100644
--- a/src/packages/components/Informations/Mores/WordCloud/config.vue
+++ b/src/packages/components/Informations/Mores/WordCloud/config.vue
@@ -14,7 +14,7 @@
     <setting-item-box name="布局">
       <setting-item name="宽度">
         <n-slider
-          v-model:value="customProps.width"
+          v-model:value="series.width"
           :min="0"
           :max="100"
           :format-tooltip="sliderFormatTooltip"
@@ -23,7 +23,7 @@
       </setting-item>
       <setting-item name="高度">
         <n-slider
-          v-model:value="customProps.height"
+          v-model:value="series.height"
           :min="0"
           :max="100"
           :format-tooltip="sliderFormatTooltip"
@@ -37,20 +37,14 @@
         <n-slider v-model:value="optionData.series[0].sizeRange" range :step="1" :min="6" :max="100" />
       </setting-item>
       <setting-item name="旋转角度">
-        <n-slider
-          v-model:value="customProps.rotationStep"
-          :step="15"
-          :min="0"
-          :max="45"
-          @update:value="updateRotation"
-        />
+        <n-slider v-model:value="series.rotationStep" :step="15" :min="0" :max="45" @update:value="updateRotation" />
       </setting-item>
     </setting-item-box>
   </collapse-item>
 </template>
 
 <script setup lang="ts">
-import { PropType, reactive } from 'vue'
+import { PropType, computed } from 'vue'
 import { option, ShapeEnumList } from './config'
 // eslint-disable-next-line no-unused-vars
 import { CollapseItem, SettingItemBox, SettingItem } from '@/components/Pages/ChartItemSetting'
@@ -62,16 +56,19 @@ const props = defineProps({
   }
 })
 
+const series = computed(() => {
+  const { width, height, rotationStep } = props.optionData.series[0]
+  return {
+    width: +width.replace('%', ''),
+    height: +height.replace('%', ''),
+    rotationStep
+  }
+})
+
 const sliderFormatTooltip = (v: number) => {
   return `${v}%`
 }
 
-const customProps = reactive({
-  width: 70,
-  height: 80,
-  rotationStep: 0 // 旋转步长
-})
-
 const updateWidth = (value: number) => {
   // eslint-disable-next-line vue/no-mutating-props
   props.optionData.series[0].width = `${value}%`