From d8fcf4e7d3383c98f2b3b77e9bcd6b0ec71827f9 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: Tue, 27 Sep 2022 10:01:43 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=A4=84=E7=90=86=E6=96=87=E5=AD=97?=
 =?UTF-8?q?=E9=A2=84=E8=A7=88=E4=B8=8D=E6=9B=B4=E6=96=B0=E7=9A=84=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Informations/Texts/TextCommon/index.vue   | 47 +++++++++----------
 1 file changed, 23 insertions(+), 24 deletions(-)

diff --git a/src/packages/components/Informations/Texts/TextCommon/index.vue b/src/packages/components/Informations/Texts/TextCommon/index.vue
index 18990c70..b2f7f4fe 100644
--- a/src/packages/components/Informations/Texts/TextCommon/index.vue
+++ b/src/packages/components/Informations/Texts/TextCommon/index.vue
@@ -1,27 +1,12 @@
 <template>
   <div class="go-text-box">
-    <div
-      :style="`
-      color: ${fontColor};
-      padding: ${paddingY}px ${paddingX}px;
-      font-size: ${fontSize}px;
-      letter-spacing: ${letterSpacing}px;
-      writing-mode: ${writingMode};
-
-      border-style: solid;
-      border-width: ${borderWidth}px;
-      border-radius: ${borderRadius}px;
-      border-color: ${borderColor};
-
-      background-color:${backgroundColor}`"
-    >
-      <n-button v-if="link" @click="click" text>
-        {{ dataset }}
-      </n-button>
-      <span v-else>{{ dataset }}</span>
+    <div class="content">
+      <span style="cursor: pointer" v-show="link" @click="click">{{ option.dataset }}</span>
+      <span v-show="!link">{{ option.dataset }}</span>
     </div>
   </div>
 </template>
+
 <script setup lang="ts">
 import { PropType, toRefs, shallowReactive, watch } from 'vue'
 import { CreateComponentType } from '@/packages/index.d'
@@ -31,21 +16,20 @@ import { option as configOption } from './config'
 
 const props = defineProps({
   chartConfig: {
-    type: Object as PropType<CreateComponentType>,
+    type: Object as PropType<CreateComponentType & typeof option>,
     required: true
   }
 })
 
-const { w, h } = toRefs(props.chartConfig.attr)
 const {
   linkHead,
   link,
-  dataset,
   fontColor,
   fontSize,
   letterSpacing,
   paddingY,
   paddingX,
+  textAlign,
   borderWidth,
   borderColor,
   borderRadius,
@@ -76,7 +60,7 @@ useChartDataFetch(props.chartConfig, useChartEditStore, (newData: string) => {
 
 //打开链接
 const click = () => {
-  window.open(linkHead.value+link.value)
+  window.open(linkHead.value + link.value)
 }
 </script>
 
@@ -84,6 +68,21 @@ const click = () => {
 @include go('text-box') {
   display: flex;
   align-items: center;
-  justify-content: center;
+  justify-content: v-bind('textAlign');
+
+  .content {
+    color: v-bind('fontColor');
+    padding: v-bind('`${paddingY}px ${paddingX}px`');
+    font-size: v-bind('fontSize + "px"');
+    letter-spacing: v-bind('letterSpacing + "px"');
+    writing-mode: v-bind('writingMode');
+
+    border-style: solid;
+    border-width: v-bind('borderWidth + "px"');
+    border-radius: v-bind('borderRadius + "px"');
+    border-color: v-bind('borderColor');
+
+    background-color: v-bind('backgroundColor');
+  }
 }
 </style>