From ad29bf5f268e2439b17b8639a121b1daea91a66b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A5=94=E8=B7=91=E7=9A=84=E9=9D=A2=E6=9D=A1?=
 <1262327911@qq.com>
Date: Thu, 22 Sep 2022 19:17:26 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E6=96=87=E6=9C=AC?=
 =?UTF-8?q?=E8=B7=B3=E8=BD=AC=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Informations/Texts/TextCommon/config.vue  | 60 +++++++++++--------
 1 file changed, 35 insertions(+), 25 deletions(-)

diff --git a/src/packages/components/Informations/Texts/TextCommon/config.vue b/src/packages/components/Informations/Texts/TextCommon/config.vue
index 2592f35a..07a9d95e 100644
--- a/src/packages/components/Informations/Texts/TextCommon/config.vue
+++ b/src/packages/components/Informations/Texts/TextCommon/config.vue
@@ -7,7 +7,16 @@
     </setting-item-box>
     <setting-item-box name="链接" :alone="true">
       <setting-item>
-        <n-input-group><n-select  v-model:value="optionData.linkHead" size="small" :style="{ width: '33%' }" :options="linkHeadOptions" /><n-input  v-model:value="optionData.link" size="small"></n-input><n-button :disabled="!optionData.link" secondary size="small" @click="handleLinkClick"  >跳转</n-button></n-input-group>
+        <n-input-group>
+          <n-select
+            v-model:value="optionData.linkHead"
+            size="small"
+            :style="{ width: '80%' }"
+            :options="linkHeadOptions"
+          />
+          <n-input v-model:value="optionData.link" size="small"></n-input>
+          <n-button :disabled="!optionData.link" secondary size="small" @click="handleLinkClick">跳转</n-button>
+        </n-input-group>
       </setting-item>
     </setting-item-box>
   </collapse-item>
@@ -21,7 +30,7 @@
       <setting-item name="文本方向">
         <n-select v-model:value="optionData.writingMode" size="small" :options="verticalOptions" />
       </setting-item>
-      
+
       <setting-item name="X轴内边距">
         <n-input-number v-model:value="optionData.paddingX" size="small" placeholder="输入内边距"></n-input-number>
       </setting-item>
@@ -57,7 +66,7 @@
         ></n-input-number>
       </setting-item>
     </setting-item-box>
-    
+
     <setting-item-box name="背景" :alone="true">
       <setting-item name="背景颜色">
         <n-color-picker size="small" :modes="['hex']" v-model:value="optionData.backgroundColor"></n-color-picker>
@@ -69,11 +78,7 @@
 <script setup lang="ts">
 import { PropType } from 'vue'
 import { option, WritingModeEnum, WritingModeObject } from './config'
-import {
-  CollapseItem,
-  SettingItemBox,
-  SettingItem
-} from '@/components/Pages/ChartItemSetting'
+import { CollapseItem, SettingItemBox, SettingItem } from '@/components/Pages/ChartItemSetting'
 const props = defineProps({
   optionData: {
     type: Object as PropType<typeof option>,
@@ -81,22 +86,27 @@ const props = defineProps({
   }
 })
 
-const verticalOptions = [{
-  label: WritingModeEnum.HORIZONTAL,
-  value: WritingModeObject[WritingModeEnum.HORIZONTAL]
-}, {
-  label: WritingModeEnum.VERTICAL,
-  value: WritingModeObject[WritingModeEnum.VERTICAL]
-}]
-const handleLinkClick = ()=>{
-    window.open(props.optionData.linkHead+props.optionData.link)
+const verticalOptions = [
+  {
+    label: WritingModeEnum.HORIZONTAL,
+    value: WritingModeObject[WritingModeEnum.HORIZONTAL]
+  },
+  {
+    label: WritingModeEnum.VERTICAL,
+    value: WritingModeObject[WritingModeEnum.VERTICAL]
+  }
+]
+const handleLinkClick = () => {
+  window.open(props.optionData.linkHead + props.optionData.link)
 }
-const linkHeadOptions = [{
-          label: 'http://',
-          value: 'http://'
-        },
-        {
-          label: 'https://',
-          value: 'https://'
-        }]
+const linkHeadOptions = [
+  {
+    label: 'http://',
+    value: 'http://'
+  },
+  {
+    label: 'https://',
+    value: 'https://'
+  }
+]
 </script>