From cb3fbf7ef1fe5b800e44cad0ea96e00277e41f1d 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: Wed, 2 Nov 2022 16:35:08 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E7=82=B9=E5=87=BB?=
 =?UTF-8?q?=E4=BA=8B=E4=BB=B6=E6=A1=88=E4=BE=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ChartEventMonacoEditor/importTemplate.ts         | 12 ++++++++++++
 .../components/ChartEvent/index.vue                  |  4 +++-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/views/chart/ContentConfigurations/components/ChartEvent/components/ChartEventMonacoEditor/importTemplate.ts b/src/views/chart/ContentConfigurations/components/ChartEvent/components/ChartEventMonacoEditor/importTemplate.ts
index c7f78903..527dd9b3 100644
--- a/src/views/chart/ContentConfigurations/components/ChartEvent/components/ChartEventMonacoEditor/importTemplate.ts
+++ b/src/views/chart/ContentConfigurations/components/ChartEvent/components/ChartEventMonacoEditor/importTemplate.ts
@@ -17,6 +17,14 @@ const nodeModulesTemplateString = `
 console.log(node_modules)
 `
 
+// 添加点击事件
+const addClickTemplateString = `
+// 在渲染之后才能获取 dom 实例
+e.el.addEventListener('click', () => {
+  alert('我触发拉~');
+}, false)
+`
+
 // 异步引入
 const importTemplateString = `
 await import('https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/lodash.js/4.17.21/lodash.js')
@@ -162,6 +170,10 @@ export const templateList = [
     description: '获取远程 CDN 库',
     code: importTemplateString
   },
+  {
+    description: '设置文字组件点击事件',
+    code: addClickTemplateString
+  },
   {
     description: '修改图表 tooltip',
     code: tooltipTemplateString
diff --git a/src/views/chart/ContentConfigurations/components/ChartEvent/index.vue b/src/views/chart/ContentConfigurations/components/ChartEvent/index.vue
index e60a7731..a5335f5e 100644
--- a/src/views/chart/ContentConfigurations/components/ChartEvent/index.vue
+++ b/src/views/chart/ContentConfigurations/components/ChartEvent/index.vue
@@ -7,7 +7,9 @@
     </n-text>
     <n-collapse-item title="基础事件配置" name="1">
       <div class="go-event">
-        <n-text depth="3"> 【单击、双击、移入、移出】尽情期待！ </n-text>
+        <n-text depth="3">【单击、双击、移入、移出】在开发中，即将上线！</n-text>
+        <br/>
+        <n-text depth="3">（备注：高级事件模块可自行实现上述功能）</n-text>
       </div>
     </n-collapse-item>
     <chart-event-monaco-editor></chart-event-monaco-editor>