From 52380cabbfa66961061bc770c910e6d76cc465ec Mon Sep 17 00:00:00 2001
From: pipipi-pikachu <pipipi_pikachu@163.com>
Date: Sun, 1 Aug 2021 12:44:33 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=8F=8C=E5=87=BB=E5=BC=80=E5=A7=8B?=
 =?UTF-8?q?=E7=BC=96=E8=BE=91=E5=9B=BE=E8=A1=A8=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/emitter.ts                                   |  2 ++
 .../ElementStylePanel/ChartStylePanel/index.vue        | 10 +++++++++-
 src/views/components/element/ChartElement/index.vue    |  7 +++++++
 3 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/utils/emitter.ts b/src/utils/emitter.ts
index bf69bd43..d86292e5 100644
--- a/src/utils/emitter.ts
+++ b/src/utils/emitter.ts
@@ -2,6 +2,7 @@ import mitt, { Emitter } from 'mitt'
 
 export const enum EmitterEvents {
   RICH_TEXT_COMMAND = 'RICH_TEXT_COMMAND',
+  OPEN_CHART_DATA_EDITOR = 'OPEN_CHART_DATA_EDITOR',
 }
 
 export interface RichTextCommand {
@@ -11,6 +12,7 @@ export interface RichTextCommand {
 
 type Events = {
   [EmitterEvents.RICH_TEXT_COMMAND]: RichTextCommand | RichTextCommand[];
+  [EmitterEvents.OPEN_CHART_DATA_EDITOR]: void;
 } 
 
 const emitter: Emitter<Events> = mitt<Events>()
diff --git a/src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/index.vue b/src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/index.vue
index 79e4209a..18450cdc 100644
--- a/src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/index.vue
+++ b/src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/index.vue
@@ -99,10 +99,11 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, ref, watch } from 'vue'
+import { computed, defineComponent, onUnmounted, ref, watch } from 'vue'
 import { IBarChartOptions, ILineChartOptions, IPieChartOptions } from 'chartist'
 import { MutationTypes, useStore } from '@/store'
 import { ChartData, PPTChartElement } from '@/types/slides'
+import emitter, { EmitterEvents } from '@/utils/emitter'
 import useHistorySnapshot from '@/hooks/useHistorySnapshot'
 
 import ElementOutline from '../../common/ElementOutline.vue'
@@ -197,6 +198,13 @@ export default defineComponent({
       addHistorySnapshot()
     }
 
+    const openDataEditor = () => chartDataEditorVisible.value = true
+
+    emitter.on(EmitterEvents.OPEN_CHART_DATA_EDITOR, openDataEditor)
+    onUnmounted(() => {
+      emitter.off(EmitterEvents.OPEN_CHART_DATA_EDITOR, openDataEditor)
+    })
+
     return {
       chartDataEditorVisible,
       handleElement,
diff --git a/src/views/components/element/ChartElement/index.vue b/src/views/components/element/ChartElement/index.vue
index 50399b0b..f1a55614 100644
--- a/src/views/components/element/ChartElement/index.vue
+++ b/src/views/components/element/ChartElement/index.vue
@@ -15,6 +15,7 @@
       }"
       v-contextmenu="contextmenus"
       @mousedown="$event => handleSelectElement($event)"
+      @dblclick="openDataEditor()"
     >
       <ElementOutline
         :width="elementInfo.width"
@@ -38,6 +39,7 @@
 import { defineComponent, PropType } from 'vue'
 import { PPTChartElement } from '@/types/slides'
 import { ContextmenuItem } from '@/components/Contextmenu/types'
+import emitter, { EmitterEvents } from '@/utils/emitter'
 
 import ElementOutline from '@/views/components/element/ElementOutline.vue'
 import Chart from './Chart.vue'
@@ -69,8 +71,13 @@ export default defineComponent({
       props.selectElement(e, props.elementInfo)
     }
 
+    const openDataEditor = () => {
+      emitter.emit(EmitterEvents.OPEN_CHART_DATA_EDITOR)
+    }
+
     return {
       handleSelectElement,
+      openDataEditor,
     }
   },
 })