joint source editor

packages/plugin-source-editor/src/index.tsx

@@ -57,7 +57,7 @@ export default class SourceEditor extends Component<{
     tabKey: TAB_KEY.JS_TAB,
   };
 
-  componentWillMount() {
+  async componentWillMount() {
     const { editor } = this.props;
     editor.on('leftPanel.show', (key: String) => {
       if (key === 'sourceEditor' && !this.monocoEditer) {
@@ -79,9 +79,7 @@ export default class SourceEditor extends Component<{
       this.openPluginPannel();
     })
 
-
+    const designer = await editor.onceGot(Designer);
-
-    editor.once('designer.mount', (designer: Designer) => {
     // let schema = designer.project.getSchema();
     // mock data
     let schema = {
@@ -116,7 +114,6 @@ export default class SourceEditor extends Component<{
     };
 
     this.initCode(schema);
-    });
   }
 
   openPluginPannel = () => {

packages/vision-polyfill/src/demo/index.ts

@@ -3,7 +3,6 @@ import { createElement } from 'react';
 import { Button } from '@alifd/next';
 import Engine, { Panes } from '@ali/visualengine';
 import getTrunkPane from '@ali/ve-trunk-pane';
-import SourceEditor from '@ali/lowcode-plugin-source-editor';
 import EventBindDialog from '@ali/lowcode-plugin-event-bind-dialog';
 import loadUrls from './loader';
 import { upgradeAssetsBundle } from './upgrade-assets';
@@ -16,20 +15,6 @@ skeleton.add({
   type: 'Widget',
   content: EventBindDialog,
 });
-skeleton.add({
-  name: 'sourceEditor',
-  type: 'PanelDock',
-  props: {
-    align: 'top',
-    icon: 'code',
-    description: '组件库',
-  },
-  panelProps: {
-    width: 500
-    // area: 'leftFixedArea'
-  },
-  content: SourceEditor,
-});
 skeleton.add({
   area: 'leftArea',
   name: 'icon1',

packages/vision-polyfill/src/editor.ts

@@ -9,6 +9,7 @@ import { Skeleton } from './skeleton/skeleton';
 
 
 import Preview from '@ali/lowcode-plugin-sample-preview';
+import SourceEditor from '@ali/lowcode-plugin-source-editor';
 
 registerSetters();
 
@@ -53,3 +54,18 @@ skeleton.add({
   },
   content: Preview,
 });
+
+skeleton.add({
+  name: 'sourceEditor',
+  type: 'PanelDock',
+  props: {
+    align: 'top',
+    icon: 'code',
+    description: '组件库',
+  },
+  panelProps: {
+    width: 500
+    // area: 'leftFixedArea'
+  },
+  content: SourceEditor,
+});