@easy-editor/react-renderer 0.0.13 → 0.0.15

package/dist/index.js

@@ -1757,6 +1757,15 @@ function baseRendererFactory() {
      * execute method in schema.lifeCycles
      */
     __executeLifeCycleMethod = (method, args) => {
+      // construct 场景下，跳过判断
+      if (this.context) {
+        const {
+          engine
+        } = this.context;
+        if (!engine.props.excuteLifeCycleInDesignMode) {
+          return;
+        }
+      }
       executeLifeCycleMethod(this, this.props.__schema, method, args);
     };
 
@@ -1910,7 +1919,7 @@ function baseRendererFactory() {
         engine
       } = this.context;
       if (engine) {
-        engine.props.onCompGetCtx(schema, this);
+        engine.props?.onCompGetCtx?.(schema, this);
         // 画布场景才需要每次渲染bind自定义方法
         if (this.__designModeIsDesign) {
           this.__bindCustomMethods(this.props);
@@ -1927,7 +1936,7 @@ function baseRendererFactory() {
       } = this.props;
       // ref && engine?.props?.onCompGetRef(__schema, ref)
       // TODO: 只在 ref 存在执行，会影响 documentInstance 的卸载
-      engine?.props?.onCompGetRef(__schema, ref);
+      engine.props?.onCompGetRef?.(__schema, ref);
       this.__ref = ref;
     };
     __createDom = () => {
@@ -2024,7 +2033,7 @@ function baseRendererFactory() {
             componentId: schema.id,
             enableStrictNotFoundMode: engine.props.enableStrictNotFoundMode,
             ref: ref => {
-              ref && engine.props?.onCompGetRef(schema, ref);
+              ref && engine.props?.onCompGetRef?.(schema, ref);
             }
           }, this.__getSchemaChildrenVirtualDom(schema, scope, Comp));
         }
@@ -2099,7 +2108,7 @@ function baseRendererFactory() {
           if (refProps && typeof refProps === 'string') {
             this[refProps] = ref;
           }
-          ref && engine.props?.onCompGetRef(schema, ref);
+          ref && engine.props?.onCompGetRef?.(schema, ref);
         };
 
         // scope需要传入到组件上
@@ -2108,7 +2117,7 @@ function baseRendererFactory() {
         // }
         if (schema?.__ctx?.lceKey) {
           if (!isSchema(schema)) {
-            engine.props?.onCompGetCtx(schema, scope);
+            engine.props?.onCompGetCtx?.(schema, scope);
           }
           props.key = props.key || `${schema.__ctx.lceKey}_${schema.__ctx.idx || 0}_${idx !== undefined ? idx : ''}`;
         } else if ((typeof idx === 'number' || typeof idx === 'string') && !props.key) {
@@ -2593,7 +2602,8 @@ function rendererFactory() {
       suspended: false,
       schema: {},
       onCompGetRef: () => {},
-      onCompGetCtx: () => {}
+      onCompGetCtx: () => {},
+      excuteLifeCycleInDesignMode: false
     };
     constructor(props) {
       super(props);

package/dist/renderer-core/types.d.ts

@@ -52,8 +52,8 @@ export interface RendererProps {
     /** 设备信息 */
     device?: 'default' | 'pc' | 'mobile' | string;
     /**
-     * @default false
      * 当开启组件未找到严格模式时，渲染模块不会默认给一个容器组件
+     * @default false
      */
     enableStrictNotFoundMode?: boolean;
     /** 获取节点的方法 */
@@ -62,23 +62,29 @@ export interface RendererProps {
     __host?: Simulator;
     /** 渲染模块的 container */
     __container?: SimulatorRenderer;
+    /**
+     * 是否在设计模式下执行生命周期方法
+     * @default false
+     */
+    excuteLifeCycleInDesignMode?: boolean;
 }
 export interface RenderComponent {
     displayName: string;
     defaultProps: RendererProps;
-    new (props: RendererProps): Component<RendererProps, RendererState> & {
-        [x: string]: any;
-        __getRef: (ref: any) => void;
-        componentDidMount(): Promise<void> | void;
-        componentDidUpdate(): Promise<void> | void;
-        componentWillUnmount(): Promise<void> | void;
-        componentDidCatch(e: any): Promise<void> | void;
-        shouldComponentUpdate(nextProps: RendererProps): boolean;
-        isValidComponent(SetComponent: any): any;
-        createElement(SetComponent: any, props: any, children?: any): any;
-        getNotFoundComponent(): any;
-        getFaultComponent(): any;
-    };
+    new (props: RendererProps): RendererComponentInstance;
+}
+export interface RendererComponentInstance extends Component<RendererProps, RendererState> {
+    [x: string]: any;
+    __getRef: (ref: any) => void;
+    componentDidMount(): Promise<void> | void;
+    componentDidUpdate(): Promise<void> | void;
+    componentWillUnmount(): Promise<void> | void;
+    componentDidCatch(e: any): Promise<void> | void;
+    shouldComponentUpdate(nextProps: RendererProps): boolean;
+    isValidComponent(SetComponent: any): any;
+    createElement(SetComponent: any, props: any, children?: any): any;
+    getNotFoundComponent(): any;
+    getFaultComponent(): any;
 }
 export interface RendererAppHelper {
     /** 全局公共函数 */
@@ -117,7 +123,7 @@ export interface DataSource {
     list?: DataSourceItem[];
     dataHandler?: JSExpression;
 }
-export interface BaseRendererProps {
+export interface BaseRendererProps extends RendererProps {
     __appHelper?: RendererAppHelper;
     __components: Record<string, React.ComponentType>;
     __ctx?: Record<string, any>;
@@ -143,7 +149,7 @@ export interface BaseRendererProps {
 export interface BaseRendererContext {
     appHelper: RendererAppHelper;
     components: Record<string, React.ComponentType>;
-    engine: Record<string, any>;
+    engine: RendererComponentInstance;
     pageContext?: BaseRenderComponent;
     compContext?: BaseRenderComponent;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easy-editor/react-renderer",
-  "version": "0.0.13",
+  "version": "0.0.15",
   "description": "React Renderer package for EasyEditor.",
   "type": "module",
   "main": "dist/index.js",
@@ -40,7 +40,7 @@
     "url": "https://github.com/Easy-Editor/EasyEditor/issues"
   },
   "peerDependencies": {
-    "@easy-editor/core": "^0.0.13",
+    "@easy-editor/core": "^0.0.14",
     "mobx-react": "^9.2.0",
     "react": "^18 || ^19",
     "react-dom": "^18 || ^19",
@@ -56,7 +56,7 @@
     "@types/lodash-es": "^4.17.12",
     "@types/prop-types": "^15.7.14",
     "@types/react-is": "^18.3.0",
-    "@easy-editor/core": "0.0.13"
+    "@easy-editor/core": "0.0.14"
   },
   "scripts": {
     "dev": "deno run --watch ./src/index.ts",