From 9746bab4350b81ac8b0aee5c559bb44541130268 Mon Sep 17 00:00:00 2001
From: roymondchen <roymondchen@tencent.com>
Date: Thu, 7 Apr 2022 14:42:29 +0800
Subject: [PATCH] =?UTF-8?q?refactor(editor):=20stage=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E7=9B=B4=E6=8E=A5=E5=93=8D=E5=BA=94stageCore=E7=9A=84=E4=BA=8B?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../editor/src/layouts/workspace/Stage.vue    | 12 ++++------
 .../src/layouts/workspace/Workspace.vue       | 24 ++-----------------
 packages/editor/src/type.ts                   |  5 ++++
 3 files changed, 12 insertions(+), 29 deletions(-)

diff --git a/packages/editor/src/layouts/workspace/Stage.vue b/packages/editor/src/layouts/workspace/Stage.vue
index 81ad9ee7..6721ffd6 100644
--- a/packages/editor/src/layouts/workspace/Stage.vue
+++ b/packages/editor/src/layouts/workspace/Stage.vue
@@ -110,9 +110,7 @@ export default defineComponent({
     },
   },
 
-  emits: ['select', 'update', 'sort', 'highlight'],
-
-  setup(props, { emit }) {
+  setup(props) {
     const services = inject<Services>('services');
 
     const stageWrap = ref<InstanceType<typeof ScrollViewer>>();
@@ -156,19 +154,19 @@ export default defineComponent({
       stage?.mount(stageContainer.value);
 
       stage?.on('select', (el: HTMLElement) => {
-        emit('select', el);
+        services?.editorService.select(el.id);
       });
 
       stage?.on('highlight', (el: HTMLElement) => {
-        emit('highlight', el);
+        services?.editorService.highlight(el.id);
       });
 
       stage?.on('update', (ev: UpdateEventData) => {
-        emit('update', { id: ev.el.id, style: ev.style });
+        services?.editorService.update({ id: ev.el.id, style: ev.style });
       });
 
       stage?.on('sort', (ev: SortEventData) => {
-        emit('sort', ev);
+        services?.editorService.sort(ev.src, ev.dist);
       });
 
       stage?.on('changeGuides', () => {
diff --git a/packages/editor/src/layouts/workspace/Workspace.vue b/packages/editor/src/layouts/workspace/Workspace.vue
index b7038c3a..1bb5bb51 100644
--- a/packages/editor/src/layouts/workspace/Workspace.vue
+++ b/packages/editor/src/layouts/workspace/Workspace.vue
@@ -6,10 +6,6 @@
       :render="render"
       :moveable-options="moveableOptions"
       :can-select="canSelect"
-      @select="selectHandler"
-      @highlight="highlightHandler"
-      @update="updateNodeHandler"
-      @sort="sortNodeHandler"
     ></magic-stage>
 
     <slot name="workspace-content"></slot>
@@ -24,8 +20,8 @@
 <script lang="ts">
 import { computed, defineComponent, inject, PropType } from 'vue';
 
-import type { MComponent, MContainer, MPage } from '@tmagic/schema';
-import type { MoveableOptions, SortEventData } from '@tmagic/stage';
+import type { MPage } from '@tmagic/schema';
+import type { MoveableOptions } from '@tmagic/stage';
 import StageCore from '@tmagic/stage';
 
 import type { Services } from '@editor/type';
@@ -62,22 +58,6 @@ export default defineComponent({
 
     return {
       page: computed(() => services?.editorService.get<MPage>('page')),
-
-      selectHandler(el: HTMLElement) {
-        services?.editorService.select(el.id);
-      },
-
-      updateNodeHandler(node: MComponent | MContainer | MPage) {
-        services?.editorService.update(node);
-      },
-
-      sortNodeHandler(ev: SortEventData) {
-        services?.editorService.sort(ev.src, ev.dist);
-      },
-
-      highlightHandler(el: HTMLElement) {
-        services?.editorService.highlight(el.id);
-      },
     };
   },
 });
diff --git a/packages/editor/src/type.ts b/packages/editor/src/type.ts
index 2c9b6848..9f5191ef 100644
--- a/packages/editor/src/type.ts
+++ b/packages/editor/src/type.ts
@@ -230,6 +230,11 @@ export interface ComponentGroup {
   items: ComponentItem[];
 }
 
+export interface UpdateData {
+  id: Id;
+  [key: string]: any;
+}
+
 export enum LayerOffset {
   TOP = 'top',
   BOTTOM = 'bottom',