@chamn/render 0.2.4 → 0.3.1

package/dist/const/index.d.ts

@@ -1,2 +1,7 @@
 export declare const DYNAMIC_COMPONENT_TYPE = "DYNAMIC";
 export declare const InnerPropList: string[];
+/** 内部事件，组件渲染之后 */
+export declare const ON_DID_RENDER = "ON_DID_RENDER";
+/** 组件销毁之前 */
+export declare const ON_WILL_DESTROY = "ON_WILL_DESTROY";
+export declare const INNER_EVENT_LIST: string[];

package/dist/core/ReactAdapter/buildComponent.d.ts

@@ -0,0 +1,7 @@
+import { CNode, CRootNode } from '@chamn/model';
+import { ContextType } from '../adapter';
+import { TRenderBaseOption } from './type';
+export declare const buildComponent: (node: CNode | CRootNode | string, option: {
+    $$context: ContextType;
+    idx?: number;
+} & TRenderBaseOption) => string | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;

package/dist/core/ReactAdapter/convertModelToComponent.d.ts

@@ -0,0 +1,75 @@
+import { CNode, CRootNode } from '@chamn/model';
+import { ContextType } from '../adapter';
+import React from 'react';
+import { StoreApi } from 'zustand';
+import { TRenderBaseOption } from './type';
+type PropsType = {
+    $$context: ContextType;
+    $$nodeModel: CNode | CRootNode;
+};
+export declare const convertModelToComponent: (originalComponent: any, nodeModel: CNode | CRootNode, options: TRenderBaseOption) => {
+    new (props: PropsType): {
+        _CONDITION: boolean;
+        _DESIGN_BOX: boolean;
+        _NODE_MODEL: CNode | CRootNode;
+        _NODE_ID: string;
+        UNIQUE_ID: string;
+        targetComponentRef: React.MutableRefObject<any>;
+        listenerHandle: (() => void)[];
+        storeState: StoreApi<any>;
+        storeListenDisposeList: (() => void)[];
+        /** save dom and media css */
+        domHeader: HTMLHeadElement | undefined;
+        mediaStyleDomMap: Record<string, HTMLStyleElement>;
+        /** 存储当前节点的一些变量和方法，不具有响应性 */
+        variableSpace: {
+            staticVar: Record<any, any>;
+            methods: Record<any, (...args: any) => any>;
+        };
+        nodeName: any;
+        updateState: (newState: any) => void;
+        connectStore(): void;
+        getStyleDomById: (id: string) => HTMLStyleElement;
+        addMediaCSS: () => void;
+        removeMediaCSS: () => void;
+        rebuildNode: () => void;
+        componentDidMount(): void;
+        componentWillUnmount(): void;
+        /** 转换节点的 methods */
+        transformMethods(option: {
+            context: ContextType;
+        }): void;
+        /** 处理根节点的 context */
+        processRootContext(context: ContextType): void;
+        processNodeClassName(className: string, context: ContextType): string;
+        processNodeStyle(newContext: ContextType): Record<string, string>;
+        processNodeChild(children: any, newContext: ContextType): React.ReactNode[];
+        processNodeConditionAndConfigHook(newProps: any, newChildren: any, newContext: ContextType): string | React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+        processNodeEventListener(newContext: ContextType): any;
+        createCurrentNodeCtx(): ContextType;
+        renderCore(): React.ReactNode;
+        renderLoop(): React.ReactNode;
+        render(): React.ReactNode;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<PropsType>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<PropsType>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<PropsType>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<PropsType>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<PropsType>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<PropsType>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<PropsType>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<PropsType>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<PropsType>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    __CP_TYPE__: string;
+    contextType?: React.Context<any> | undefined;
+};
+export {};

package/dist/core/ReactAdapter/help.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ContextType } from '../adapter';
+export declare const getContext: (data: ContextType, ctx?: ContextType | null) => ContextType;
+export declare const renderComponent: (originalComponent: React.ComponentClass<any> | React.FunctionComponent | string, props?: Record<any, any>, ...children: React.ReactNode[]) => string | React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export declare const collectSpecialProps: (originalProps: Record<string, unknown> | undefined, isValidate: (val: unknown) => boolean) => {
+    keyPath: string[];
+    val: any;
+}[];

package/dist/core/ReactAdapter/index.d.ts

@@ -0,0 +1,34 @@
+import { CNode, CPage, CRootNode } from '@chamn/model';
+import { AdapterOptionType } from '../adapter';
+import { StoreManager } from '../storeManager';
+import { VariableManager } from '../variableManager';
+import { RefManager } from '../refManager';
+export declare class DefineReactAdapter {
+    renderMode: AdapterOptionType['renderMode'];
+    components: AdapterOptionType['components'];
+    storeManager: StoreManager;
+    variableManager: VariableManager;
+    runtimeComponentCache: Map<string, {
+        component: any;
+    }>;
+    onGetRef?: AdapterOptionType['onGetRef'];
+    onGetComponent: AdapterOptionType['onGetComponent'];
+    onComponentMount: AdapterOptionType['onComponentMount'];
+    refManager: RefManager;
+    onComponentDestroy: AdapterOptionType['onComponentDestroy'];
+    /**
+     * 处理 props 钩子, 可以统一拦截 node 的处理，并修改其值
+     */
+    processNodeConfigHook?: AdapterOptionType['processNodeConfigHook'];
+    /**
+     * 根据 node 获取对应渲染的组件
+     * @param currentNode
+     * @returns
+     */
+    getComponent(currentNode: CNode | CRootNode): any;
+    pageRender(pageModel: CPage, { components, onGetRef, refManager, $$context, onGetComponent, onComponentMount, onComponentDestroy, renderMode, processNodeConfigHook, requestAPI, }: AdapterOptionType): string | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    /** 请求 API */
+    requestAPI: AdapterOptionType['requestAPI'];
+    clear(): void;
+}
+export declare const ReactAdapter: import("../adapter").AdapterType;

package/dist/core/ReactAdapter/transformProps/actionNode.d.ts

@@ -0,0 +1,12 @@
+import { TActionLogicItem } from '@chamn/model';
+import { ContextType } from '../../adapter';
+import { StoreManager } from '../../storeManager';
+type CommonOption = {
+    context: ContextType;
+    storeManager: StoreManager;
+    $$response?: any;
+    /** 当前 action 上下文的变量空间 */
+    actionVariableSpace: Record<string, string>;
+};
+export declare const transformActionNode: (propVal: TActionLogicItem, options: CommonOption) => (...args: any[]) => Promise<void>;
+export {};

package/dist/core/ReactAdapter/transformProps/index.d.ts

@@ -0,0 +1,5 @@
+import { ContextType } from '../../adapter';
+import { TRenderBaseOption } from '../type';
+export declare const transformProps: (originalProps: Record<string, any> | undefined, option: {
+    $$context: ContextType;
+} & TRenderBaseOption) => Record<string, any>;

package/dist/core/ReactAdapter/type.d.ts

@@ -0,0 +1,40 @@
+import { CNode, CRootNode } from '@chamn/model';
+import { AdapterOptionType } from '../adapter';
+import { StoreManager } from '../storeManager';
+import { VariableManager } from '../variableManager';
+import { StoreApi } from 'zustand';
+export type TRenderBaseOption = {
+    storeManager: StoreManager;
+    variableManager: VariableManager;
+    runtimeComponentCache: Map<string, {
+        component: any;
+    }>;
+    getComponent: (currentNode: CNode | CRootNode) => any;
+} & Pick<Required<AdapterOptionType>, 'onGetRef' | 'processNodeConfigHook' | 'refManager' | 'onComponentDestroy' | 'onComponentMount' | 'renderMode'> & Pick<AdapterOptionType, 'requestAPI'>;
+export interface IDynamicComponent {
+    _CONDITION: boolean;
+    _DESIGN_BOX: boolean;
+    _NODE_MODEL: CNode | CRootNode;
+    _NODE_ID: string;
+    UNIQUE_ID: string;
+    targetComponentRef: React.MutableRefObject<any>;
+    listenerHandle: (() => void)[];
+    storeState: StoreApi<any>;
+    storeListenDisposeList: (() => void)[];
+    domHeader?: HTMLHeadElement;
+    mediaStyleDomMap: Record<string, HTMLStyleElement>;
+    variableSpace: {
+        staticVar: Record<any, any>;
+        methods: Record<any, (...args: any) => any>;
+    };
+    nodeName: string;
+    updateState(newState: any): void;
+    connectStore(): void;
+    addMediaCSS(): void;
+    removeMediaCSS(): void;
+    getStyleDomById(id: string): HTMLStyleElement;
+    rebuildNode(): void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): React.ReactNode;
+}

package/dist/core/adapter.d.ts

@@ -38,10 +38,11 @@ export type ContextType = {
     /** 循环数据 */
     loopData?: Record<any, any>;
     /** 组件节点的 Ref */
-    refs?: RefManager;
+    nodeRefs?: RefManager;
     storeManager?: StoreManager;
     /** 第三方辅助库 */
     thirdLibs?: Record<string, any>;
+    requestAPI?: AdapterOptionType['requestAPI'];
 };
 export type RuntimeRenderHelper = {
     renderComponent: (node: CNode | CRootNode, options: {
@@ -54,6 +55,7 @@ export type AdapterOptionType = {
     libs: Record<string, any>;
     components: ComponentsType;
     $$context: ContextType;
+    refManager: RefManager;
     onGetRef?: (ref: React.RefObject<React.ReactInstance>, nodeMode: CNode | CRootNode, instance: RenderInstance) => void;
     onGetComponent?: (component: (...args: any) => any, currentNode: CNode | CRootNode) => void;
     onComponentMount?: (instance: ReactInstance, node: CNode | CRootNode) => void;
@@ -66,6 +68,14 @@ export type AdapterOptionType = {
         props: Record<string, any>;
     };
     renderMode?: 'design' | 'normal';
+    /** 请求 API */
+    requestAPI?: (params: {
+        url: string;
+        method: 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH';
+        header: Record<any, any>;
+        body?: Record<any, any>;
+        query?: Record<any, any>;
+    }) => Promise<any>;
 };
 export interface AdapterType {
     renderMode?: AdapterOptionType['renderMode'];
@@ -75,17 +85,15 @@ export interface AdapterType {
         pageModel: CPage;
         idx?: number;
     } & AdapterOptionType) => any;
+    /** 请求 API */
+    requestAPI?: AdapterOptionType['requestAPI'];
     render: (originalComponent: any, props?: Record<any, any>, ...children: any[]) => any;
     getComponent: (currentNode: CNode | CRootNode, components: ComponentsType) => void;
     getContext: (data: Record<any, any>, ctx: ContextType | null) => ContextType;
     getUtils: () => void;
-    getDataLink: () => void;
-    createDataLink: () => void;
     transformProps: (originalProps: Record<any, any>, options: {
         $$context: Record<any, any>;
     }) => Record<any, any>;
-    transformData: () => void;
-    transformGlobalData: () => void;
     errorCatch: () => void;
     clear: () => void;
 }

package/dist/core/variableManager.d.ts

@@ -1,3 +1,4 @@
+/** 变量空间，没有响应性 */
 export declare class VariableManager {
     private varSpace;
     get(id: string): any;