feat: Execute read method after page added

alibaba · Aug 29, 2018 · 25e41d1 · 25e41d1
1 parent d38417f
commit 25e41d1
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 16 deletions.
diff --git a/src/components/Flow/index.js b/src/components/Flow/index.js
@@ -14,9 +14,7 @@ class Flow extends Page {
     return `${FLOW_CONTAINER}_${editorId}`;
   }
 
-  init() {
-    super.init();
-
+  initPage() {
     const { editor } = this.context;
 
     editor.emit(EVENT_BEFORE_ADD_PAGE, { className: FLOW_CLASS_NAME });

diff --git a/src/components/Mind/index.js b/src/components/Mind/index.js
@@ -14,9 +14,7 @@ class Mind extends Page {
     return `${MIND_CONTAINER}_${editorId}`;
   }
 
-  init() {
-    super.init();
-
+  initPage() {
     const { editor } = this.context;
 
     editor.emit(EVENT_BEFORE_ADD_PAGE, { className: MIND_CLASS_NAME });

diff --git a/src/components/Page/index.js b/src/components/Page/index.js
@@ -59,24 +59,33 @@ class Page extends BaseComponent {
     return false;
   }
 
-  init() {
-    this.mixConfig();
+  get graph() {
+    return this.page.getGraph();
+  }
+
+  initPage() {}
+
+  readData() {
+    const { data } = this.props;
+
+    if (data) {
+      this.page.read(data);
+    }
+  }
+
+  addListener = (target, eventName, handler) => {
+    if (typeof handler === 'function') target.on(eventName, handler);
   }
 
-  mixConfig() {
+  init() {
     merge(this.config, this.props, {
       graph: {
         container: this.pageId,
       },
     });
-  }
-
-  get graph() {
-    return this.page.getGraph();
-  }
 
-  addListener = (target, eventName, handler) => {
-    if (typeof handler === 'function') target.on(eventName, handler);
+    this.initPage();
+    this.readData();
   }
 
   bindEvent() {