From 8d36a857eb80a6de307a068260ec54bac9ed906e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=92=8B=E6=89=BF?= <1141845963@qq.com>
Date: Tue, 27 Sep 2022 10:56:26 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E6=96=87=E6=9C=AC?=
 =?UTF-8?q?=E5=AD=97=E4=BD=93=E5=8A=A0=E7=B2=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Informations/Texts/TextCommon/config.ts   | 11 ++++++++++
 .../Informations/Texts/TextCommon/config.vue  | 22 +++++++++++++++++--
 .../Informations/Texts/TextCommon/index.vue   |  7 +++---
 3 files changed, 35 insertions(+), 5 deletions(-)

diff --git a/src/packages/components/Informations/Texts/TextCommon/config.ts b/src/packages/components/Informations/Texts/TextCommon/config.ts
index d2aba30a..5ee2e1ab 100644
--- a/src/packages/components/Informations/Texts/TextCommon/config.ts
+++ b/src/packages/components/Informations/Texts/TextCommon/config.ts
@@ -13,6 +13,16 @@ export const WritingModeObject = {
   [WritingModeEnum.VERTICAL]: 'vertical-rl'
 }
 
+export enum FontWeightEnum {
+  NORMAL = '常规',
+  BOLD = '加粗',
+}
+
+export const FontWeightObject = {
+  [FontWeightEnum.NORMAL]: 'normal',
+  [FontWeightEnum.BOLD]: 'bold',
+}
+
 export const option = {
   link: '',
   linkHead: 'http://',
@@ -22,6 +32,7 @@ export const option = {
   paddingX: 10,
   paddingY: 10,
   textAlign: 'center', // 水平对齐方式
+  fontWeight: 'normal',
 
   // 边框
   borderWidth: 0,
diff --git a/src/packages/components/Informations/Texts/TextCommon/config.vue b/src/packages/components/Informations/Texts/TextCommon/config.vue
index aa912e57..c2a9e44e 100644
--- a/src/packages/components/Informations/Texts/TextCommon/config.vue
+++ b/src/packages/components/Informations/Texts/TextCommon/config.vue
@@ -29,7 +29,13 @@
       <setting-item name="字体大小">
         <n-input-number v-model:value="optionData.fontSize" size="small" placeholder="字体大小"></n-input-number>
       </setting-item>
-
+      <setting-item name="字体粗细">
+        <n-select
+          v-model:value="optionData.fontWeight"
+          size="small"
+          :options="fontWeightOptions"
+        />
+      </setting-item>
       <setting-item name="X轴内边距">
         <n-input-number v-model:value="optionData.paddingX" size="small" placeholder="输入内边距"></n-input-number>
       </setting-item>
@@ -81,7 +87,9 @@
 
 <script setup lang="ts">
 import { PropType } from 'vue'
-import { option, WritingModeEnum, WritingModeObject } from './config'
+import { option, WritingModeEnum, WritingModeObject,
+  FontWeightEnum,
+  FontWeightObject, } from './config'
 import { CollapseItem, SettingItemBox, SettingItem } from '@/components/Pages/ChartItemSetting'
 const props = defineProps({
   optionData: {
@@ -106,6 +114,16 @@ const verticalOptions = [
     value: WritingModeObject[WritingModeEnum.VERTICAL]
   }
 ]
+const fontWeightOptions = [
+  {
+    label: FontWeightEnum.NORMAL,
+    value: FontWeightObject[FontWeightEnum.NORMAL],
+  },
+  {
+    label: FontWeightEnum.BOLD,
+    value: FontWeightObject[FontWeightEnum.BOLD],
+  },
+];
 const handleLinkClick = () => {
   window.open(props.optionData.linkHead + props.optionData.link)
 }
diff --git a/src/packages/components/Informations/Texts/TextCommon/index.vue b/src/packages/components/Informations/Texts/TextCommon/index.vue
index 5a263972..c60a2fcb 100644
--- a/src/packages/components/Informations/Texts/TextCommon/index.vue
+++ b/src/packages/components/Informations/Texts/TextCommon/index.vue
@@ -34,7 +34,8 @@ const {
   borderColor,
   borderRadius,
   writingMode,
-  backgroundColor
+  backgroundColor,
+  fontWeight
 } = toRefs(props.chartConfig.option)
 
 const option = shallowReactive({
@@ -76,12 +77,12 @@ const click = () => {
     font-size: v-bind('fontSize + "px"');
     letter-spacing: v-bind('letterSpacing + "px"');
     writing-mode: v-bind('writingMode');
-
+    font-weight: v-bind('fontWeight');
     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');
   }
 }