feat: low-code components support lifecycle and function execution

liujuping · LeoYuan · commit 176583f48af5 · 2022-05-05T17:17:20.000+08:00
diff --git a/packages/rax-simulator-renderer/src/renderer.ts b/packages/rax-simulator-renderer/src/renderer.ts
@@ -501,8 +501,6 @@ export class SimulatorRendererContainer implements BuiltinSimulatorRenderer {
     const _schema: any = {
       ...compatibleLegaoSchema(schema),
     };
-    _schema.methods = {};
-    _schema.lifeCycles = {};
 
     if (schema.componentName === 'Component' && (schema as ComponentSchema).css) {
       const doc = window.document;
diff --git a/packages/react-simulator-renderer/src/renderer.ts b/packages/react-simulator-renderer/src/renderer.ts
@@ -428,8 +428,6 @@ export class SimulatorRendererContainer implements BuiltinSimulatorRenderer {
     const _schema: any = {
       ...compatibleLegaoSchema(schema),
     };
-    _schema.methods = {};
-    _schema.lifeCycles = {};
 
     if (schema.componentName === 'Component' && (schema as ComponentSchema).css) {
       const doc = window.document;
diff --git a/packages/renderer-core/src/renderer/component.tsx b/packages/renderer-core/src/renderer/component.tsx
@@ -32,6 +32,8 @@ export default function componentRendererFactory(): IBaseRenderComponent {
 
       const noContainer = this.__parseData(__schema.props?.noContainer);
 
+      this.__bindCustomMethods(this.props);
+
       if (noContainer) {
         return this.__renderContextProvider({ compContext: this });
       }
@@ -44,5 +46,12 @@ export default function componentRendererFactory(): IBaseRenderComponent {
 
       return this.__renderComp(Component, this.__renderContextProvider({ compContext: this }));
     }
+
+    /** 需要重载下面几个方法，如果在低代码组件中绑定了对应的生命周期时会出现死循环 */
+    componentDidMount() {}
+    getSnapshotBeforeUpdate() {}
+    componentDidUpdate() {}
+    componentWillUnmount() {}
+    componentDidCatch() {}
   };
 }

Original file line number	Diff line number	Diff line change
`@@ -32,6 +32,8 @@ export default function componentRendererFactory(): IBaseRenderComponent {`
`32`	`32`
`33`	`33`	`const noContainer = this.__parseData(__schema.props?.noContainer);`
`34`	`34`
	`35`	`+ this.__bindCustomMethods(this.props);`
	`36`	`+`
`35`	`37`	`if (noContainer) {`
`36`	`38`	`return this.__renderContextProvider({ compContext: this });`
`37`	`39`	`}`
`@@ -44,5 +46,12 @@ export default function componentRendererFactory(): IBaseRenderComponent {`
`44`	`46`
`45`	`47`	`return this.__renderComp(Component, this.__renderContextProvider({ compContext: this }));`
`46`	`48`	`}`
	`49`	`+`
	`50`	`+ /** 需要重载下面几个方法，如果在低代码组件中绑定了对应的生命周期时会出现死循环 */`
	`51`	`+ componentDidMount() {}`
	`52`	`+ getSnapshotBeforeUpdate() {}`
	`53`	`+ componentDidUpdate() {}`
	`54`	`+ componentWillUnmount() {}`
	`55`	`+ componentDidCatch() {}`
`47`	`56`	`};`
`48`	`57`	`}`