diff --git a/src/packages/components/Informations/Texts/TextCommon/config.ts b/src/packages/components/Informations/Texts/TextCommon/config.ts
index b20c318e..3774e0ae 100644
--- a/src/packages/components/Informations/Texts/TextCommon/config.ts
+++ b/src/packages/components/Informations/Texts/TextCommon/config.ts
@@ -14,6 +14,7 @@ export const WritingModeObject = {
}
export const option = {
+ link:'',
dataset: '我是文本',
fontSize: 20,
fontColor: '#ffffff',
diff --git a/src/packages/components/Informations/Texts/TextCommon/config.vue b/src/packages/components/Informations/Texts/TextCommon/config.vue
index 4988e9c4..25568621 100644
--- a/src/packages/components/Informations/Texts/TextCommon/config.vue
+++ b/src/packages/components/Informations/Texts/TextCommon/config.vue
@@ -5,6 +5,11 @@
+
+
+ 点击
+
+
@@ -69,7 +74,7 @@ import {
SettingItemBox,
SettingItem
} from '@/components/Pages/ChartItemSetting'
-
+import { useMessage } from 'naive-ui'
const props = defineProps({
optionData: {
type: Object as PropType,
@@ -84,4 +89,13 @@ const verticalOptions = [{
label: WritingModeEnum.VERTICAL,
value: WritingModeObject[WritingModeEnum.VERTICAL]
}]
+const message = useMessage()
+const handleLinkClick = ()=>{
+
+ if(props.optionData.link){
+ window.open(props.optionData.link)
+ }else{
+ message.info("链接未输入")
+ }
+}
diff --git a/src/packages/components/Informations/Texts/TextCommon/index.vue b/src/packages/components/Informations/Texts/TextCommon/index.vue
index 1701fae9..92418501 100644
--- a/src/packages/components/Informations/Texts/TextCommon/index.vue
+++ b/src/packages/components/Informations/Texts/TextCommon/index.vue
@@ -15,7 +15,10 @@
background-color:${backgroundColor}`"
>
- {{ option.dataset }}
+
+ {{ dataset }}
+
+ {{ dataset }}
@@ -35,6 +38,7 @@ const props = defineProps({
const { w, h } = toRefs(props.chartConfig.attr)
const {
+ link,
dataset,
fontColor,
fontSize,
@@ -68,6 +72,11 @@ watch(
useChartDataFetch(props.chartConfig, useChartEditStore, (newData: string) => {
option.dataset = newData
})
+
+//打开链接
+const click = () => {
+ window.open(link.value)
+}