From 2a35d9a9e506ed0f882fcef2576b7117c3794a5a Mon Sep 17 00:00:00 2001 From: Ming <739803697@qq.com> Date: Thu, 4 May 2023 17:04:08 +0800 Subject: [PATCH 1/5] =?UTF-8?q?feat:=20=20=E5=85=88=E8=8E=B7=E5=8F=96?= =?UTF-8?q?=E6=95=B0=E6=8D=AE=E5=90=8E=E8=A7=A6=E5=8F=91=E7=94=BB=E5=B8=83?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../chart/ContentEdit/hooks/useLayout.hook.ts | 20 +++++++++++-------- src/views/chart/ContentEdit/index.vue | 4 ++-- 2 files changed, 14 insertions(+), 10 deletions(-) diff --git a/src/views/chart/ContentEdit/hooks/useLayout.hook.ts b/src/views/chart/ContentEdit/hooks/useLayout.hook.ts index 1da17d5c..4fb3fb76 100644 --- a/src/views/chart/ContentEdit/hooks/useLayout.hook.ts +++ b/src/views/chart/ContentEdit/hooks/useLayout.hook.ts @@ -5,8 +5,9 @@ import { EditCanvasTypeEnum } from '@/store/modules/chartEditStore/chartEditStor const chartEditStore = useChartEditStore() // 布局处理 -export const useLayout = () => { - onMounted(() => { +export const useLayout = (fn: () => Promise) => { + let removeScale: Function = () => { } + onMounted(async () => { // 设置 Dom 值(ref 不生效先用 document) chartEditStore.setEditCanvas( EditCanvasTypeEnum.EDIT_LAYOUT_DOM, @@ -17,13 +18,16 @@ export const useLayout = () => { document.getElementById('go-chart-edit-content') ) + // 获取数据 + await fn() // 监听初始化 - const removeScale = chartEditStore.listenerScale() + removeScale = chartEditStore.listenerScale() - onUnmounted(() => { - chartEditStore.setEditCanvas(EditCanvasTypeEnum.EDIT_LAYOUT_DOM, null) - chartEditStore.setEditCanvas(EditCanvasTypeEnum.EDIT_CONTENT_DOM, null) - removeScale() - }) + }) + + onUnmounted(() => { + chartEditStore.setEditCanvas(EditCanvasTypeEnum.EDIT_LAYOUT_DOM, null) + chartEditStore.setEditCanvas(EditCanvasTypeEnum.EDIT_CONTENT_DOM, null) + removeScale() }) } \ No newline at end of file diff --git a/src/views/chart/ContentEdit/index.vue b/src/views/chart/ContentEdit/index.vue index 34b7122a..f3820290 100644 --- a/src/views/chart/ContentEdit/index.vue +++ b/src/views/chart/ContentEdit/index.vue @@ -109,10 +109,10 @@ const chartEditStore = useChartEditStore() const { handleContextMenu } = useContextMenu() // 编辑时注入scale变量,消除警告 -provide(SCALE_KEY, null); +provide(SCALE_KEY, null) // 布局处理 -useLayout() +useLayout(async () => {}) // 点击事件 const { mouseenterHandle, mouseleaveHandle, mousedownHandle, mouseClickHandle } = useMouseHandle() From 4f0b57b2af1f7a1dae17669ae50f85112cc4a3c4 Mon Sep 17 00:00:00 2001 From: Ming <739803697@qq.com> Date: Thu, 4 May 2023 17:07:35 +0800 Subject: [PATCH 2/5] =?UTF-8?q?feat:=20=E6=8B=96=E6=8B=BD=E4=B8=AD?= =?UTF-8?q?=E6=97=A0=E9=9C=80=E8=AE=A1=E7=AE=97hover?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../chart/ContentEdit/components/EditShapeBox/index.vue | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/views/chart/ContentEdit/components/EditShapeBox/index.vue b/src/views/chart/ContentEdit/components/EditShapeBox/index.vue index b509b32b..babd1211 100644 --- a/src/views/chart/ContentEdit/components/EditShapeBox/index.vue +++ b/src/views/chart/ContentEdit/components/EditShapeBox/index.vue @@ -23,6 +23,8 @@