feat: 新增文本跳转功能

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>
@@ -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 = [{
+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 handleLinkClick = () => {
+  window.open(props.optionData.linkHead + props.optionData.link)
 }
-const linkHeadOptions = [{
+const linkHeadOptions = [
+  {
     label: 'http://',
     value: 'http://'
   },
   {
     label: 'https://',
     value: 'https://'
-        }]
+  }
+]
 </script>