@chamn/engine 0.0.14 → 0.0.16

package/dist/plugins/Designer/components/Canvas/advanceCustomHook.d.ts

@@ -0,0 +1,45 @@
+/// <reference types="react" />
+import { CPluginCtx } from '../../../../core/pluginManager';
+import { Layout, LayoutDragAndDropExtraDataType, LayoutDragEvent } from '../../../../index';
+import { AdvanceCustom, CNode, CRootNode } from '@chamn/model';
+export interface AdvanceCustomHookOptions {
+    getPortalViewCtx: () => {
+        setView: (view: React.ReactNode) => void;
+        clearView: () => void;
+    };
+    ctx: CPluginCtx;
+    layoutRef: React.RefObject<Layout>;
+}
+export type HookParameter = {
+    dragNode?: CNode | CRootNode;
+    dropNode?: CNode | CRootNode;
+    eventObj: LayoutDragEvent<LayoutDragAndDropExtraDataType>;
+};
+export declare class AdvanceCustomHook {
+    getPortalViewCtx: AdvanceCustomHookOptions['getPortalViewCtx'];
+    ctx: CPluginCtx;
+    layoutRef: AdvanceCustomHookOptions['layoutRef'];
+    constructor(options: AdvanceCustomHookOptions);
+    canDrag({ dragNode, eventObj }: HookParameter): ReturnType<Required<AdvanceCustom>['canDragNode']>;
+    canDrop({ dragNode, dropNode, eventObj }: HookParameter): ReturnType<Required<AdvanceCustom>['canDropNode']>;
+    onNewAdd({ dragNode, dropNode, eventObj }: HookParameter): ReturnType<Required<AdvanceCustom>['onNewAdd']>;
+    getSelectRectViewRender(node: CNode | CRootNode): ((props: import("@chamn/model").CustomViewRenderProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | undefined;
+    getHoverRectViewRender(node?: CNode | CRootNode | null): ((props: import("@chamn/model").CustomViewRenderProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | null | undefined;
+    getDropViewRender(node?: CNode | CRootNode | null): ((props: import("@chamn/model").CustomViewRenderProps & {
+        canDrop: boolean;
+        posInfo: import("@chamn/model").DropPosType;
+    }) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | null | undefined;
+    getGhostViewRender(node?: CNode | CRootNode | null): ((props: import("@chamn/model").CustomViewRenderProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | null | undefined;
+    getToolbarViewRender(node?: CNode | CRootNode | null): ((props: {
+        node: CNode | CRootNode;
+        context: any;
+        toolBarItems: {
+            copyItem: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+            deleteItem: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+            visibleItem: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+            nodeLayout: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+        };
+    }) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | null | undefined;
+    onCopy(node: CNode | CRootNode): Promise<false | CNode | CRootNode>;
+    onDelete(node: CNode | CRootNode): Promise<false | CNode | CRootNode>;
+}

package/dist/plugins/Designer/components/Canvas/index.d.ts

@@ -0,0 +1,56 @@
+import React from 'react';
+import { Layout, LayoutPropsType } from '@chamn/layout';
+import { AdvanceCustom, CNode, CPage, CRootNode } from '@chamn/model';
+import { AssetPackage } from '@chamn/model';
+import { CPluginCtx } from '../../../../core/pluginManager';
+import { AdvanceCustomHook } from './advanceCustomHook';
+import { DesignerPluginConfig } from '../../type';
+import { AdvanceCustomFuncParam } from '@chamn/model';
+export type DesignerPropsType = {
+    pluginCtx: CPluginCtx<DesignerPluginConfig>;
+};
+type DesignerStateType = {
+    pageModel: CPage;
+    hoverToolbarView: React.ReactNode;
+    selectToolbarView: React.ReactNode;
+    selectRectViewRender: AdvanceCustom['selectRectViewRender'] | null;
+    hoverRectViewRender: AdvanceCustom['hoverRectViewRender'] | null;
+    dropViewRender: AdvanceCustom['dropViewRender'] | null;
+    ghostView: React.ReactNode;
+    portalView: React.ReactNode;
+    assets: AssetPackage[];
+};
+export declare class Designer extends React.Component<DesignerPropsType, DesignerStateType> {
+    layoutRef: React.RefObject<Layout>;
+    customAdvanceHook: AdvanceCustomHook;
+    constructor(props: DesignerPropsType);
+    getPortalViewCtx: () => {
+        setView: (view: React.ReactNode) => void;
+        clearView: () => void;
+    };
+    componentDidMount(): void;
+    updateAssets(assets: AssetPackage[]): void;
+    reloadRender({ assets }: {
+        assets?: AssetPackage[];
+    }): void;
+    init(): Promise<void>;
+    onNodeDragging: LayoutPropsType['onNodeDragging'];
+    onNodeDragEnd: LayoutPropsType['onNodeDraEnd'];
+    onNodeDrop: LayoutPropsType['onNodeDrop'];
+    onSelectNode: Required<LayoutPropsType>['onSelectNode'];
+    onDragStart: LayoutPropsType['onNodeDragStart'];
+    getGhostView: (dragNode: CNode | CRootNode, commonParam: AdvanceCustomFuncParam) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    toSelectNode: (nodeId: string) => Promise<true | undefined>;
+    toCopyNode: (id: string) => Promise<void>;
+    toDeleteNode: (nodeId: string) => Promise<void>;
+    toHidden: (id: string) => void;
+    getToolbarView: (node: CNode | CRootNode) => JSX.Element;
+    onHoverNode: LayoutPropsType['onHoverNode'];
+    nodeCanDrag: LayoutPropsType['nodeCanDrag'];
+    nodeCanDrop: LayoutPropsType['nodeCanDrop'];
+    innerSelectRectViewRender: LayoutPropsType['selectRectViewRender'];
+    innerHoverRectViewRender: LayoutPropsType['hoverRectViewRender'];
+    innerDropViewRender: LayoutPropsType['dropViewRender'];
+    render(): JSX.Element;
+}
+export {};

package/dist/plugins/Designer/{style.module.scss.d.ts → components/Canvas/style.module.scss.d.ts}

@@ -1,4 +1,4 @@
-import globalClassNames from '../../style.d';
+import globalClassNames from '../../../../style.d';
 declare const classNames: typeof globalClassNames & {
   readonly hoverTips: 'hoverTips';
 };

package/dist/plugins/Designer/components/DefaultSelectToolBar/index.d.ts

@@ -7,4 +7,10 @@ export type DefaultSelectToolBarProps = {
     toCopy: (idd: string) => void;
     toHidden: (idd: string) => void;
 };
-export declare const DefaultSelectToolBar: ({ nodeList, toSelectNode, toDelete, toCopy, toHidden, }: DefaultSelectToolBarProps) => JSX.Element;
+export declare const getDefaultToolbarItem: (props: DefaultSelectToolBarProps) => {
+    copyItem: JSX.Element;
+    deleteItem: JSX.Element;
+    visibleItem: JSX.Element;
+    nodeLayout: JSX.Element;
+};
+export declare const DefaultSelectToolBar: (props: DefaultSelectToolBarProps) => JSX.Element;

package/dist/plugins/Designer/index.d.ts

@@ -1,18 +1,2 @@
-import { DragAndDrop } from '@chamn/layout';
-import { CPlugin } from '../../core/pluginManager';
-import { Designer } from './view';
-import { AssetPackage, CPageDataType } from '@chamn/model';
-import { RenderInstance } from '@chamn/render';
-export declare const DesignerPlugin: CPlugin;
-export type DesignerExports = {
-    reload: (params?: {
-        assets?: AssetPackage[];
-    }) => void;
-    getInstance: () => Designer;
-    getDnd: () => DragAndDrop;
-    selectNode: (nodeId: string) => void;
-    getSelectedNodeId: () => string | undefined;
-    updatePage: (page: CPageDataType) => void;
-    getComponentInstances: (id: string) => RenderInstance[];
-    getDynamicComponentInstances: (id: string) => RenderInstance;
-};
+import { DesignerPluginType } from './type';
+export declare const DesignerPlugin: DesignerPluginType;

package/dist/plugins/Designer/type.d.ts

@@ -0,0 +1,22 @@
+import { CPlugin, PluginInstance } from '../../core/pluginManager';
+import { DragAndDrop, LayoutPropsType } from '@chamn/layout';
+import { AdvanceCustom, AssetPackage, CPageDataType } from '@chamn/model';
+import { RenderInstance } from '@chamn/render';
+import { Designer } from './components/Canvas';
+export type DesignerExport = {
+    reload: (params?: {
+        assets?: AssetPackage[];
+    }) => void;
+    getInstance: () => Designer | null;
+    getDnd: () => DragAndDrop | undefined;
+    selectNode: (nodeId: string) => void;
+    copyNode: (nodeId: string) => void;
+    deleteNode: (nodeId: string) => void;
+    getSelectedNodeId: () => string | undefined;
+    updatePage: (page: CPageDataType) => void;
+    getComponentInstances: (id: string) => RenderInstance[];
+    getDynamicComponentInstances: (id: string) => RenderInstance;
+};
+export type DesignerPluginConfig = Omit<LayoutPropsType, 'selectRectViewRender' | 'hoverRectViewRender' | 'dropViewRender' | 'ghostView' | 'selectToolBarView' | 'hoverToolBarView'> & Pick<AdvanceCustom, 'selectRectViewRender' | 'hoverRectViewRender' | 'dropViewRender' | 'ghostViewRender' | 'toolbarViewRender'>;
+export type DesignerPluginType = CPlugin<DesignerPluginConfig, DesignerExport>;
+export type DesignerPluginInstance = PluginInstance<DesignerPluginConfig, DesignerExport>;

package/dist/plugins/OutlineTree/components/TreeView/context.d.ts

@@ -1,7 +1,7 @@
 import { Sensor } from '@chamn/layout';
 import { CPage } from '@chamn/model';
 import React from 'react';
-import { DesignerExports } from '../../../Designer';
+import { DesignerExport } from '../../../Designer';
 import { TreeNodeData } from './dataStruct';
 export declare enum DragState {
     DRAGGING = "DRAGGING",
@@ -25,6 +25,6 @@ export type CTreeContextData = {
     }) => void;
     onDeleteNode: (id: string) => void;
     onCopyNode: (id: string) => void;
-    getDesignerHandler?: () => Promise<DesignerExports>;
+    getDesignerHandler?: () => Promise<DesignerExport>;
 };
 export declare const CTreeContext: React.Context<CTreeContextData>;

package/dist/plugins/OutlineTree/components/TreeView/dataStruct.d.ts

@@ -15,7 +15,7 @@ export type TreeNodeData = {
     parent?: TreeNodeData | null;
     canBeSelected?: boolean;
     canDrag?: boolean;
-    canDrop?: boolean | ('before' | 'after' | 'current')[];
+    canDropPos?: boolean | ('before' | 'after' | 'current')[];
     rootNode?: boolean;
 };
 export declare const DemoTreeData: TreeNodeData;

package/dist/plugins/OutlineTree/components/TreeView/index.d.ts

@@ -3,7 +3,6 @@ import { CNode, CRootNode } from '@chamn/model';
 import React from 'react';
 import { WithTranslation } from 'react-i18next';
 import { CPluginCtx } from '../../../../core/pluginManager';
-import { DesignerExports } from '../../../Designer';
 import { ContextState } from './context';
 import { TreeNodeData } from './dataStruct';
 interface TreeViewProps extends WithTranslation {
@@ -20,12 +19,12 @@ export declare class TreeView extends React.Component<TreeViewProps, ContextStat
     disposeCbList: (() => void)[];
     sensor?: Sensor;
     constructor(props: TreeViewProps);
-    getDesignerHandler: () => Promise<DesignerExports>;
+    getDesignerHandler: () => Promise<import('../../../../plugins/Designer/type').DesignerExport>;
     updateTreeDataFromNode: () => void;
     getParentKeyPaths: (targetKey: string) => string[];
     scrollNodeToView: (key: string) => void;
     componentDidMount(): Promise<void>;
-    toSelectTreeNode: (node: CNode | CRootNode) => void;
+    toSelectTreeNode: (node: CNode | CRootNode | null) => void;
     containNode: (parentNode: TreeNodeData, targetNode: TreeNodeData) => null;
     getTreeNodeByKey: (key: string) => TreeNodeData | null;
     registerDragEvent: () => Promise<void>;

package/dist/plugins/OutlineTree/util.d.ts

@@ -1,5 +1,4 @@
-import { DropPosType } from '@chamn/layout/dist/components/DropAnchor/util';
-import { CNode, CNodeDataType, CPage, CPageDataType, MTitle } from '@chamn/model';
+import { CNode, CNodeDataType, CPage, CPageDataType, DropPosType, MTitle } from '@chamn/model';
 import { TreeNodeData } from './components/TreeView/dataStruct';
 export declare const getTargetMNodeKeyVal: (dom: HTMLElement | null, key: string) => null | string;
 export declare const transformNodeSchemaToTreeData: (nodeSchema: CNodeDataType | CNodeDataType[], parent: TreeNodeData, pageModel: CPage) => TreeNodeData | TreeNodeData[];

package/dist/style.css

@@ -1 +1 @@
-@charset "UTF-8";._workbenchContainer_15alj_2{width:100%;height:100%;display:flex;flex-direction:column}._workbenchContainer_15alj_2 ._topToolBarBox_15alj_8{height:64px;width:100%;border-bottom:1px solid rgb(233,233,233);display:flex}._workbenchContainer_15alj_2 ._topToolBarBox_15alj_8 ._topToolBarView_15alj_14{flex:1}._workbenchContainer_15alj_2 ._bodyContent_15alj_17{display:flex;width:100%;flex:1;overflow:hidden}._workbenchContainer_15alj_2 ._bodyContent_15alj_17 ._leftBox_15alj_23{position:relative;display:flex;background-color:#fff;z-index:100}._workbenchContainer_15alj_2 ._bodyContent_15alj_17 ._leftBox_15alj_23 ._pluginIconBar_15alj_29{width:50px;height:100%;border-right:1px solid rgb(233,233,233)}._workbenchContainer_15alj_2 ._bodyContent_15alj_17 ._leftBox_15alj_23 ._pluginIconBar_15alj_29 ._pluginIconItem_15alj_34{position:relative;cursor:pointer;width:50px;height:50px;display:flex;align-items:center;justify-content:center;transition:all .1s}._workbenchContainer_15alj_2 ._bodyContent_15alj_17 ._leftBox_15alj_23 ._pluginIconBar_15alj_29 ._pluginIconItem_15alj_34._active_15alj_44 :before,._workbenchContainer_15alj_2 ._bodyContent_15alj_17 ._leftBox_15alj_23 ._pluginIconBar_15alj_29 ._pluginIconItem_15alj_34:hover :before{transition:all .1s;display:block;content:"";width:2px;height:100%;position:absolute;left:0;top:0}._workbenchContainer_15alj_2 ._bodyContent_15alj_17 ._leftBox_15alj_23 ._pluginIconBar_15alj_29 ._pluginIconItem_15alj_34._active_15alj_44 :before{border-left:4px solid #1677ff!important}._workbenchContainer_15alj_2 ._bodyContent_15alj_17 ._leftBox_15alj_23 ._pluginIconBar_15alj_29 ._pluginIconItem_15alj_34:hover :before{border-left:4px solid rgba(22,119,255,.3)}._workbenchContainer_15alj_2 ._bodyContent_15alj_17 ._leftBox_15alj_23 ._pluginPanelBoxResizeBox_15alj_60{display:flex;flex-direction:column;background-color:#fff;z-index:100;border-right:1px solid rgb(233,233,233)}._workbenchContainer_15alj_2 ._bodyContent_15alj_17 ._leftBox_15alj_23 ._pluginPanelBoxResizeBox_15alj_60 ._pluginHeader_15alj_67{display:flex;color:#686868;height:30px;margin:10px;overflow:hidden;align-items:center}._workbenchContainer_15alj_2 ._bodyContent_15alj_17 ._leftBox_15alj_23 ._pluginPanelBoxResizeBox_15alj_60 ._pluginHeader_15alj_67 ._pluginNameText_15alj_75{font-size:16px;font-weight:700;margin-right:auto;flex-wrap:nowrap;word-break:keep-all}._workbenchContainer_15alj_2 ._bodyContent_15alj_17 ._leftBox_15alj_23 ._pluginPanelBoxResizeBox_15alj_60 ._pluginHeader_15alj_67 ._closeBtn_15alj_82,._workbenchContainer_15alj_2 ._bodyContent_15alj_17 ._leftBox_15alj_23 ._pluginPanelBoxResizeBox_15alj_60 ._pluginHeader_15alj_67 ._fixedBtn_15alj_83{color:#686868}._workbenchContainer_15alj_2 ._bodyContent_15alj_17 ._leftBox_15alj_23 ._pluginPanelBoxResizeBox_15alj_60 ._pluginHeader_15alj_67 ._fixedBtn_15alj_83>*{transition:all .1s}._workbenchContainer_15alj_2 ._bodyContent_15alj_17 ._leftBox_15alj_23 ._pluginPanelBoxResizeBox_15alj_60 ._pluginHeader_15alj_67 ._fixedBtn_15alj_83>._active_15alj_44{transform:rotate(-45deg)}._workbenchContainer_15alj_2 ._bodyContent_15alj_17 ._leftBox_15alj_23 ._pluginPanelBox_15alj_60{width:100%;flex:1;background-color:#f8f8ff;overflow:hidden}._workbenchContainer_15alj_2 ._bodyContent_15alj_17 ._rightResizeBox_15alj_98{position:relative}._workbenchContainer_15alj_2 ._bodyContent_15alj_17 ._rightResizeBox_15alj_98 ._arrowCursor_15alj_101{cursor:pointer;position:absolute;left:-18px;top:50%;transform:translateY(-50%);z-index:2;background-color:#fff;padding:10px 3px;border-radius:4px 0 0 4px;font-size:12px}._workbenchContainer_15alj_2 ._bodyContent_15alj_17 ._rightResizeBox_15alj_98 ._arrowCursor_15alj_101>._active_15alj_44{transform:rotate(-180deg)}._workbenchContainer_15alj_2 ._bodyContent_15alj_17 ._rightResizeBox_15alj_98 ._rightBox_15alj_116{position:relative;width:100%;height:100%;border-left:1px rgb(233,233,233) solid}._workbenchContainer_15alj_2 ._bodyContent_15alj_17 ._centerBox_15alj_122{display:flex;flex-direction:column;flex:1;overflow:hidden}._workbenchContainer_15alj_2 ._bodyContent_15alj_17 ._centerBox_15alj_122 ._subTopToolbarBox_15alj_128{width:100%;height:50px;background-color:#fff}._workbenchContainer_15alj_2 ._bodyContent_15alj_17 ._centerBox_15alj_122 ._canvasBox_15alj_133{width:100%;flex:1;overflow:hidden;padding:20px 30px;background-color:#edeff3}._workbenchContainer_15alj_2 ._bodyContent_15alj_17 ._centerBox_15alj_122 ._canvasBox_15alj_133 ._scrollBox_15alj_140{width:100%;height:100%;box-shadow:0 1px 4px #1f325821}._engineContainer_f3ly9_2{color:#686868;font-size:14px;width:100%;height:100%;overflow:hidden}._engineContainer_f3ly9_2 *{box-sizing:border-box}._container_191p3_2{width:100%;height:100%;overflow:hidden;background-color:#fff;display:flex}._container_191p3_2 .ant-tabs .ant-tabs-tab+.ant-tabs-tab{margin-left:12px}._container_191p3_2 .ant-tabs-content.ant-tabs-content-top{height:100%;overflow:auto}._container_191p3_2 .ant-tabs-tab{padding:6px 0}._container_191p3_2 .ant-tabs-nav{margin-bottom:0}._tabTitle_191p3_23{padding:0 10px;font-size:12px;font-weight:400;text-rendering:optimizeLegibility}._square_1b87f_2{user-select:none;position:relative;flex:33.3% 0}._square_1b87f_2:before{content:"";padding-top:100%;float:left}._square_1b87f_2:after{content:"";display:block;clear:both}._componentItem_1b87f_18{user-select:none;overflow:hidden;position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid rgb(233,233,233);border-bottom:1px solid rgb(233,233,233);transition:all .2s}._componentItem_1b87f_18:hover{box-shadow:0 6px 16px #00000026;border-color:transparent;cursor:grab}._componentItem_1b87f_18:active{cursor:grabbing}._iconImg_1b87f_41{width:100%}._iconBox_1b87f_45{width:60%;height:60%;overflow:hidden;display:flex;align-items:center;justify-content:center}._iconText_1b87f_54{font-size:18px;font-weight:bolder;color:#686868}._ListBox_1q7zr_2{display:flex;flex-wrap:wrap}._ListBox_1q7zr_2 .ant-collapse .ant-collapse-content>.ant-collapse-content-box{padding:0}._ListBox_1q7zr_2 .ant-collapse{border:none;background-color:#fff}._ListBox_1q7zr_2 .ant-collapse-header{padding:10px 16px!important}._ListBox_1q7zr_2 .ant-collapse-expand-icon{padding-inline-end:0!important}._ListBox_1q7zr_2 .ant-collapse-item{border-color:#e9e9e9}._collapsePanel_1q7zr_23{display:flex;flex-wrap:wrap}._layoutContainer_1mubg_1{position:relative;width:100%;height:100%;box-sizing:border-box;margin:0;padding:0;overflow:hidden}._elementHighlightBox_1mubg_11{position:absolute;right:0;top:0;padding:10px}._iframeBox_1mubg_18{position:relative}._highlightBox_vl3g6_1{position:absolute;will-change:transform,width,height,left,right;border:2px solid rgb(44,115,253)}._borderDrawBox_vl3g6_7{position:absolute;left:0;height:100%;width:100%;z-index:99;pointer-events:none}._toolBox_vl3g6_16{position:absolute;width:100%;left:0;top:0;box-sizing:border-box;transform:translateY(-100%)}._highlightBox_1dlxo_1{position:absolute;will-change:transform,width,height,left,right}._borderDrawBox_1dlxo_6{position:absolute;left:0;top:0;height:100%;width:100%;z-index:99;pointer-events:none}._toolBox_1dlxo_16{position:absolute;right:0;top:-20px;border:1px solid black;box-sizing:border-box}._horizontal_1dlxo_24._before_1dlxo_24{border-left:2px solid #1890ff}._horizontal_1dlxo_24._after_1dlxo_27{border-right:2px solid #1890ff}._vertical_1dlxo_31._before_1dlxo_24{border-top:2px solid #1890ff}._vertical_1dlxo_31._after_1dlxo_27{border-bottom:2px solid #1890ff}._current_1dlxo_38{border:none!important;background-color:#0084ff6b}._toolBarBox_h5ljb_2{display:flex;margin-bottom:3px;margin-right:-2px;pointer-events:all;float:right}._item_h5ljb_10{background-color:#1677ff;color:#fff;padding:2px 3px;font-size:12px;overflow:hidden;margin-left:1px;cursor:pointer}._layoutSelectBox_h5ljb_20{position:relative;margin-right:1px;height:21px}._layoutSelectBox_h5ljb_20 ._hoverBox_h5ljb_25{transition:all .3s;position:absolute;left:0;top:0;white-space:nowrap;opacity:0;transform:translateY(-100%);pointer-events:none}._layoutSelectBox_h5ljb_20 ._hoverBox_h5ljb_25:hover,._layoutSelectBox_h5ljb_20 ._hoverBox_h5ljb_25._hoverBoxActive_h5ljb_35{opacity:1;pointer-events:all}._layoutSelectBox_h5ljb_20 ._hoverBox_h5ljb_25 ._hoverItem_h5ljb_39{background-color:#1677ff;padding:2px 3px;color:#fff;font-size:12px;margin-bottom:1px;cursor:pointer}._layoutSelectBox_h5ljb_20 ._placeholder_h5ljb_47{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:#1677ff;color:#fff;padding:2px 5px;font-size:12px;max-width:100px}._hoverTips_k3vn7_2{display:inline-block;color:#1677ff;opacity:.9;font-size:12px;margin-bottom:2px;background-color:#fff;padding:1px 3px;border-radius:2px}._contentBox_1vfqn_2{background-color:#fff;height:100%;border-top:1px solid rgb(233,233,233);overflow:auto;position:relative}._contentBox_1vfqn_2 *{transition:all .1s}._nodeBox_1vfqn_13{user-select:none;cursor:pointer}._nodeBox_1vfqn_13 ._toolbarBox_1vfqn_17{display:none;padding-right:10px}._nodeBox_1vfqn_13 ._iconItem_1vfqn_21{margin-right:8px}._nodeContent_1vfqn_25:hover ._toolbarBox_1vfqn_17{display:flex}._nodeContent_1vfqn_25{font-size:14px;cursor:pointer;display:flex;align-items:center}._nodeContent_1vfqn_25._selected_1vfqn_35{background-color:#dddddd3b}._nodeContent_1vfqn_25 ._nodeArrow_1vfqn_38{font-size:12px}._nodeContent_1vfqn_25 ._nodeArrow_1vfqn_38._expanded_1vfqn_41{transform-origin:center;transform:rotate(90deg)}._nodeContent_1vfqn_25 ._nodeRenderView_1vfqn_45{padding:5px 0;flex:1;flex-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._nodeChildren_1vfqn_54{position:relative}._nodeChildren_1vfqn_54:before{display:block;position:absolute;left:13px;top:0;content:"";height:100%;width:1px;background-color:#e9e9e9}._nodeChildren_1vfqn_54._selected_1vfqn_35:before{background-color:#0000ff5c}._dropAnchorLine_1vfqn_71{width:100px;height:2px;background-color:#1890ff;position:fixed;z-index:99;pointer-events:none}._arrowSpan_1vfqn_80{position:relative}._arrowSpan_1vfqn_80:after{content:"";position:absolute;top:0px;right:0;bottom:0;left:-8px}._CFromRenderBox_1vsdm_2{padding:0 20px}._CFromRenderBox_1vsdm_2 .ant-collapse .ant-collapse-content>.ant-collapse-content-box{padding-right:5px}._CFromRenderBox_1vsdm_2 .ant-collapse>.ant-collapse-item:last-child>.ant-collapse-header{padding-right:5px}._dragItem_xzliq_2{cursor:grab;border:1px solid rgb(233,233,233);background-color:#fff;padding:10px;text-align:center;margin-bottom:10px;font-size:12px;border-radius:2px}._sortModalBox_xzliq_13{padding:20px 10px 10px;overflow:auto;max-height:500px}._addOneBtn_xzliq_19{width:100%;font-size:12px!important;color:#686868}._inputAuto_gk0d2_2{border-bottom:1px solid rgba(128,128,128,.23)}._active_gk0d2_6{border-bottom:1px solid rgb(128,177,255)}._fieldBox_nltxm_3{display:flex;flex-wrap:nowrap;flex-shrink:0;flex-grow:1;min-width:250px;align-items:center}._fieldBox_nltxm_3 ._label_nltxm_11{font-size:12px;color:#686868;padding-right:10px;user-select:none;width:60px;max-height:40px;word-break:break-all;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}._fieldBox_nltxm_3 ._tipsLabel_nltxm_25{text-decoration-line:underline;text-decoration-style:dashed;text-underline-offset:2px;cursor:help;word-break:break-all}._fieldBox_nltxm_3 ._content_nltxm_32{flex:1}._switchBtn_k17cr_2{color:#686868;font-size:12px;padding:0 5px 0 10px}._shapeFieldBox_k17cr_8,._collapseHeader_k17cr_9{color:#686868;display:flex;font-size:12px}._collapseHeader_k17cr_9{align-items:center}._CFromRenderBox_13lda_2 .ant-collapse .ant-collapse-content>.ant-collapse-content-box{padding-right:5px}._CFromRenderBox_13lda_2 .ant-collapse>.ant-collapse-item:last-child>.ant-collapse-header{padding:5px 5px 5px 10px;align-items:center}._CFromRenderBox_13lda_2 .ant-collapse>.ant-collapse-item:last-child>.ant-collapse-header .ant-collapse-expand-icon{padding-inline-end:4px}._advanceBox_9o3af_2{padding:0 20px}._advanceBox_9o3af_2 .ant-input-affix-wrapper .ant-input-prefix{margin-inline-end:0}._rightPanelContainer_1p332_2{height:100%;width:100%}._rightPanelContainer_1p332_2 .ant-tabs .ant-tabs-tab+.ant-tabs-tab{margin-left:0}._rightPanelContainer_1p332_2 .ant-tabs-content.ant-tabs-content-top{height:100%;overflow:auto}._rightPanelContainer_1p332_2 .ant-tabs .ant-tabs-tabpane{height:100%}._visualPanelBox_6q12v_2{padding:0 15px 300px}._visualPanelBox_6q12v_2 ._header_6q12v_5{color:#686868;display:flex}.ant-collapse .ant-collapse-item .ant-collapse-header{padding:5px 5px 5px 10px;align-items:center;color:#686868;font-size:12px}.ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-expand-icon{padding-inline-end:4px}._cssFieldBox_15f2h_2{display:flex;color:#686868!important}._cssFieldBox_15f2h_2 .ant-select-selector input{color:#686868!important}._cssFieldBox_15f2h_2 ._row_15f2h_9{display:flex;padding-bottom:6px;align-items:center}._cssFieldBox_15f2h_2 ._fieldLabel_15f2h_14{display:inline-block;width:70px;flex-shrink:0;font-size:12px}._cssFieldBox_15f2h_2 ._leftBox_15f2h_20{flex:1}._cssFieldBox_15f2h_2 ._rightBox_15f2h_23{padding-left:10px}._cssFieldBox_15f2h_2 ._inputBox_15f2h_26{flex:1}._cssBox_15f2h_30{overflow-x:hidden}._cssBox_15f2h_30 .ant-collapse-borderless>.ant-collapse-item{border-bottom:1px solid #e4e4e4}._cssBox_15f2h_30 .ant-collapse-borderless>.ant-collapse-item:last-child{border-bottom:none}._cssBox_15f2h_30 .ant-collapse-content-box{padding-bottom:30px!important}._cssFieldBox_4b8an_2{display:flex;align-items:center;color:#686868!important}._cssFieldBox_4b8an_2 .ant-select-selector{padding:0!important}._cssFieldBox_4b8an_2 .ant-select-single .ant-select-selector .ant-select-selection-search{inset-inline-start:0px;inset-inline-end:0px}._cssFieldBox_4b8an_2 .ant-select-selector input{color:#686868!important}._cssFieldBox_4b8an_2 .ant-select-status-error{border-bottom:1px solid red!important}._cssFieldBox_4b8an_2 ._inputAuto_4b8an_20{border-bottom:1px solid rgba(128,128,128,.23)}._cssFieldBox_4b8an_2 ._active_4b8an_23{border-bottom:1px solid rgb(128,177,255)}._cssBox_4b8an_27{overflow-x:hidden}._cssBox_4b8an_27 .ant-collapse-borderless>.ant-collapse-item{border-bottom:1px solid #e4e4e4}._cssBox_4b8an_27 .ant-collapse-borderless>.ant-collapse-item:last-child{border-bottom:none}._cssBox_4b8an_27 .ant-collapse-content-box{padding-bottom:30px!important}._stateTag_5a8hc_2{position:relative}._stateTag_5a8hc_2 ._stateTagClose_5a8hc_5{position:absolute;right:-10px;top:-10px;background-color:#fff;color:#4d4d4d;opacity:0;font-size:20px;transform:scale(.6);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;border-radius:10px}._stateTag_5a8hc_2:hover ._stateTagClose_5a8hc_5{opacity:1}._box_tl0hm_2{height:100%;width:100%;padding-right:10px;border-top:1px solid rgb(233,233,233);padding-top:10px;background-color:#fff}
+@charset "UTF-8";._workbenchContainer_15alj_2{width:100%;height:100%;display:flex;flex-direction:column}._workbenchContainer_15alj_2 ._topToolBarBox_15alj_8{height:64px;width:100%;border-bottom:1px solid rgb(233,233,233);display:flex}._workbenchContainer_15alj_2 ._topToolBarBox_15alj_8 ._topToolBarView_15alj_14{flex:1}._workbenchContainer_15alj_2 ._bodyContent_15alj_17{display:flex;width:100%;flex:1;overflow:hidden}._workbenchContainer_15alj_2 ._bodyContent_15alj_17 ._leftBox_15alj_23{position:relative;display:flex;background-color:#fff;z-index:100}._workbenchContainer_15alj_2 ._bodyContent_15alj_17 ._leftBox_15alj_23 ._pluginIconBar_15alj_29{width:50px;height:100%;border-right:1px solid rgb(233,233,233)}._workbenchContainer_15alj_2 ._bodyContent_15alj_17 ._leftBox_15alj_23 ._pluginIconBar_15alj_29 ._pluginIconItem_15alj_34{position:relative;cursor:pointer;width:50px;height:50px;display:flex;align-items:center;justify-content:center;transition:all .1s}._workbenchContainer_15alj_2 ._bodyContent_15alj_17 ._leftBox_15alj_23 ._pluginIconBar_15alj_29 ._pluginIconItem_15alj_34._active_15alj_44 :before,._workbenchContainer_15alj_2 ._bodyContent_15alj_17 ._leftBox_15alj_23 ._pluginIconBar_15alj_29 ._pluginIconItem_15alj_34:hover :before{transition:all .1s;display:block;content:"";width:2px;height:100%;position:absolute;left:0;top:0}._workbenchContainer_15alj_2 ._bodyContent_15alj_17 ._leftBox_15alj_23 ._pluginIconBar_15alj_29 ._pluginIconItem_15alj_34._active_15alj_44 :before{border-left:4px solid #1677ff!important}._workbenchContainer_15alj_2 ._bodyContent_15alj_17 ._leftBox_15alj_23 ._pluginIconBar_15alj_29 ._pluginIconItem_15alj_34:hover :before{border-left:4px solid rgba(22,119,255,.3)}._workbenchContainer_15alj_2 ._bodyContent_15alj_17 ._leftBox_15alj_23 ._pluginPanelBoxResizeBox_15alj_60{display:flex;flex-direction:column;background-color:#fff;z-index:100;border-right:1px solid rgb(233,233,233)}._workbenchContainer_15alj_2 ._bodyContent_15alj_17 ._leftBox_15alj_23 ._pluginPanelBoxResizeBox_15alj_60 ._pluginHeader_15alj_67{display:flex;color:#686868;height:30px;margin:10px;overflow:hidden;align-items:center}._workbenchContainer_15alj_2 ._bodyContent_15alj_17 ._leftBox_15alj_23 ._pluginPanelBoxResizeBox_15alj_60 ._pluginHeader_15alj_67 ._pluginNameText_15alj_75{font-size:16px;font-weight:700;margin-right:auto;flex-wrap:nowrap;word-break:keep-all}._workbenchContainer_15alj_2 ._bodyContent_15alj_17 ._leftBox_15alj_23 ._pluginPanelBoxResizeBox_15alj_60 ._pluginHeader_15alj_67 ._closeBtn_15alj_82,._workbenchContainer_15alj_2 ._bodyContent_15alj_17 ._leftBox_15alj_23 ._pluginPanelBoxResizeBox_15alj_60 ._pluginHeader_15alj_67 ._fixedBtn_15alj_83{color:#686868}._workbenchContainer_15alj_2 ._bodyContent_15alj_17 ._leftBox_15alj_23 ._pluginPanelBoxResizeBox_15alj_60 ._pluginHeader_15alj_67 ._fixedBtn_15alj_83>*{transition:all .1s}._workbenchContainer_15alj_2 ._bodyContent_15alj_17 ._leftBox_15alj_23 ._pluginPanelBoxResizeBox_15alj_60 ._pluginHeader_15alj_67 ._fixedBtn_15alj_83>._active_15alj_44{transform:rotate(-45deg)}._workbenchContainer_15alj_2 ._bodyContent_15alj_17 ._leftBox_15alj_23 ._pluginPanelBox_15alj_60{width:100%;flex:1;background-color:#f8f8ff;overflow:hidden}._workbenchContainer_15alj_2 ._bodyContent_15alj_17 ._rightResizeBox_15alj_98{position:relative}._workbenchContainer_15alj_2 ._bodyContent_15alj_17 ._rightResizeBox_15alj_98 ._arrowCursor_15alj_101{cursor:pointer;position:absolute;left:-18px;top:50%;transform:translateY(-50%);z-index:2;background-color:#fff;padding:10px 3px;border-radius:4px 0 0 4px;font-size:12px}._workbenchContainer_15alj_2 ._bodyContent_15alj_17 ._rightResizeBox_15alj_98 ._arrowCursor_15alj_101>._active_15alj_44{transform:rotate(-180deg)}._workbenchContainer_15alj_2 ._bodyContent_15alj_17 ._rightResizeBox_15alj_98 ._rightBox_15alj_116{position:relative;width:100%;height:100%;border-left:1px rgb(233,233,233) solid}._workbenchContainer_15alj_2 ._bodyContent_15alj_17 ._centerBox_15alj_122{display:flex;flex-direction:column;flex:1;overflow:hidden}._workbenchContainer_15alj_2 ._bodyContent_15alj_17 ._centerBox_15alj_122 ._subTopToolbarBox_15alj_128{width:100%;height:50px;background-color:#fff}._workbenchContainer_15alj_2 ._bodyContent_15alj_17 ._centerBox_15alj_122 ._canvasBox_15alj_133{width:100%;flex:1;overflow:hidden;padding:20px 30px;background-color:#edeff3}._workbenchContainer_15alj_2 ._bodyContent_15alj_17 ._centerBox_15alj_122 ._canvasBox_15alj_133 ._scrollBox_15alj_140{width:100%;height:100%;box-shadow:0 1px 4px #1f325821}._engineContainer_f3ly9_2{color:#686868;font-size:14px;width:100%;height:100%;overflow:hidden}._engineContainer_f3ly9_2 *{box-sizing:border-box}._container_191p3_2{width:100%;height:100%;overflow:hidden;background-color:#fff;display:flex}._container_191p3_2 .ant-tabs .ant-tabs-tab+.ant-tabs-tab{margin-left:12px}._container_191p3_2 .ant-tabs-content.ant-tabs-content-top{height:100%;overflow:auto}._container_191p3_2 .ant-tabs-tab{padding:6px 0}._container_191p3_2 .ant-tabs-nav{margin-bottom:0}._tabTitle_191p3_23{padding:0 10px;font-size:12px;font-weight:400;text-rendering:optimizeLegibility}._square_1b87f_2{user-select:none;position:relative;flex:33.3% 0}._square_1b87f_2:before{content:"";padding-top:100%;float:left}._square_1b87f_2:after{content:"";display:block;clear:both}._componentItem_1b87f_18{user-select:none;overflow:hidden;position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid rgb(233,233,233);border-bottom:1px solid rgb(233,233,233);transition:all .2s}._componentItem_1b87f_18:hover{box-shadow:0 6px 16px #00000026;border-color:transparent;cursor:grab}._componentItem_1b87f_18:active{cursor:grabbing}._iconImg_1b87f_41{width:100%}._iconBox_1b87f_45{width:60%;height:60%;overflow:hidden;display:flex;align-items:center;justify-content:center}._iconText_1b87f_54{font-size:18px;font-weight:bolder;color:#686868}._ListBox_1q7zr_2{display:flex;flex-wrap:wrap}._ListBox_1q7zr_2 .ant-collapse .ant-collapse-content>.ant-collapse-content-box{padding:0}._ListBox_1q7zr_2 .ant-collapse{border:none;background-color:#fff}._ListBox_1q7zr_2 .ant-collapse-header{padding:10px 16px!important}._ListBox_1q7zr_2 .ant-collapse-expand-icon{padding-inline-end:0!important}._ListBox_1q7zr_2 .ant-collapse-item{border-color:#e9e9e9}._collapsePanel_1q7zr_23{display:flex;flex-wrap:wrap}._toolBarBox_h5ljb_2{display:flex;margin-bottom:3px;margin-right:-2px;pointer-events:all;float:right}._item_h5ljb_10{background-color:#1677ff;color:#fff;padding:2px 3px;font-size:12px;overflow:hidden;margin-left:1px;cursor:pointer}._layoutSelectBox_h5ljb_20{position:relative;margin-right:1px;height:21px}._layoutSelectBox_h5ljb_20 ._hoverBox_h5ljb_25{transition:all .3s;position:absolute;left:0;top:0;white-space:nowrap;opacity:0;transform:translateY(-100%);pointer-events:none}._layoutSelectBox_h5ljb_20 ._hoverBox_h5ljb_25:hover,._layoutSelectBox_h5ljb_20 ._hoverBox_h5ljb_25._hoverBoxActive_h5ljb_35{opacity:1;pointer-events:all}._layoutSelectBox_h5ljb_20 ._hoverBox_h5ljb_25 ._hoverItem_h5ljb_39{background-color:#1677ff;padding:2px 3px;color:#fff;font-size:12px;margin-bottom:1px;cursor:pointer}._layoutSelectBox_h5ljb_20 ._placeholder_h5ljb_47{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:#1677ff;color:#fff;padding:2px 5px;font-size:12px;max-width:100px}._hoverTips_k3vn7_2{display:inline-block;color:#1677ff;opacity:.9;font-size:12px;margin-bottom:2px;background-color:#fff;padding:1px 3px;border-radius:2px}._highlightBox_whbf4_1{position:absolute;will-change:transform,width,height,left,right;outline:2px solid rgb(44,115,253)}._borderDrawBox_whbf4_7{position:absolute;left:0;height:100%;width:100%;z-index:99;pointer-events:none}._toolBox_whbf4_16{position:absolute;width:100%;left:0;top:0;box-sizing:border-box;transform:translateY(-100%)}._highlightBox_1dlxo_1{position:absolute;will-change:transform,width,height,left,right}._borderDrawBox_1dlxo_6{position:absolute;left:0;top:0;height:100%;width:100%;z-index:99;pointer-events:none}._toolBox_1dlxo_16{position:absolute;right:0;top:-20px;border:1px solid black;box-sizing:border-box}._horizontal_1dlxo_24._before_1dlxo_24{border-left:2px solid #1890ff}._horizontal_1dlxo_24._after_1dlxo_27{border-right:2px solid #1890ff}._vertical_1dlxo_31._before_1dlxo_24{border-top:2px solid #1890ff}._vertical_1dlxo_31._after_1dlxo_27{border-bottom:2px solid #1890ff}._current_1dlxo_38{border:none!important;background-color:#0084ff6b}._layoutContainer_l5f3t_1{position:relative;width:100%;height:100%;box-sizing:border-box;margin:0;padding:0}._elementHighlightBox_l5f3t_10{position:absolute;right:0;top:0;padding:10px}._iframeBox_l5f3t_17{position:relative}._contentBox_1vfqn_2{background-color:#fff;height:100%;border-top:1px solid rgb(233,233,233);overflow:auto;position:relative}._contentBox_1vfqn_2 *{transition:all .1s}._nodeBox_1vfqn_13{user-select:none;cursor:pointer}._nodeBox_1vfqn_13 ._toolbarBox_1vfqn_17{display:none;padding-right:10px}._nodeBox_1vfqn_13 ._iconItem_1vfqn_21{margin-right:8px}._nodeContent_1vfqn_25:hover ._toolbarBox_1vfqn_17{display:flex}._nodeContent_1vfqn_25{font-size:14px;cursor:pointer;display:flex;align-items:center}._nodeContent_1vfqn_25._selected_1vfqn_35{background-color:#dddddd3b}._nodeContent_1vfqn_25 ._nodeArrow_1vfqn_38{font-size:12px}._nodeContent_1vfqn_25 ._nodeArrow_1vfqn_38._expanded_1vfqn_41{transform-origin:center;transform:rotate(90deg)}._nodeContent_1vfqn_25 ._nodeRenderView_1vfqn_45{padding:5px 0;flex:1;flex-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._nodeChildren_1vfqn_54{position:relative}._nodeChildren_1vfqn_54:before{display:block;position:absolute;left:13px;top:0;content:"";height:100%;width:1px;background-color:#e9e9e9}._nodeChildren_1vfqn_54._selected_1vfqn_35:before{background-color:#0000ff5c}._dropAnchorLine_1vfqn_71{width:100px;height:2px;background-color:#1890ff;position:fixed;z-index:99;pointer-events:none}._arrowSpan_1vfqn_80{position:relative}._arrowSpan_1vfqn_80:after{content:"";position:absolute;top:0px;right:0;bottom:0;left:-8px}._CFromRenderBox_1vsdm_2{padding:0 20px}._CFromRenderBox_1vsdm_2 .ant-collapse .ant-collapse-content>.ant-collapse-content-box{padding-right:5px}._CFromRenderBox_1vsdm_2 .ant-collapse>.ant-collapse-item:last-child>.ant-collapse-header{padding-right:5px}._dragItem_xzliq_2{cursor:grab;border:1px solid rgb(233,233,233);background-color:#fff;padding:10px;text-align:center;margin-bottom:10px;font-size:12px;border-radius:2px}._sortModalBox_xzliq_13{padding:20px 10px 10px;overflow:auto;max-height:500px}._addOneBtn_xzliq_19{width:100%;font-size:12px!important;color:#686868}._inputAuto_gk0d2_2{border-bottom:1px solid rgba(128,128,128,.23)}._active_gk0d2_6{border-bottom:1px solid rgb(128,177,255)}._fieldBox_nltxm_3{display:flex;flex-wrap:nowrap;flex-shrink:0;flex-grow:1;min-width:250px;align-items:center}._fieldBox_nltxm_3 ._label_nltxm_11{font-size:12px;color:#686868;padding-right:10px;user-select:none;width:60px;max-height:40px;word-break:break-all;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}._fieldBox_nltxm_3 ._tipsLabel_nltxm_25{text-decoration-line:underline;text-decoration-style:dashed;text-underline-offset:2px;cursor:help;word-break:break-all}._fieldBox_nltxm_3 ._content_nltxm_32{flex:1}._switchBtn_k17cr_2{color:#686868;font-size:12px;padding:0 5px 0 10px}._shapeFieldBox_k17cr_8,._collapseHeader_k17cr_9{color:#686868;display:flex;font-size:12px}._collapseHeader_k17cr_9{align-items:center}._CFromRenderBox_13lda_2 .ant-collapse .ant-collapse-content>.ant-collapse-content-box{padding-right:5px}._CFromRenderBox_13lda_2 .ant-collapse>.ant-collapse-item:last-child>.ant-collapse-header{padding:5px 5px 5px 10px;align-items:center}._CFromRenderBox_13lda_2 .ant-collapse>.ant-collapse-item:last-child>.ant-collapse-header .ant-collapse-expand-icon{padding-inline-end:4px}._advanceBox_9o3af_2{padding:0 20px}._advanceBox_9o3af_2 .ant-input-affix-wrapper .ant-input-prefix{margin-inline-end:0}._rightPanelContainer_1p332_2{height:100%;width:100%}._rightPanelContainer_1p332_2 .ant-tabs .ant-tabs-tab+.ant-tabs-tab{margin-left:0}._rightPanelContainer_1p332_2 .ant-tabs-content.ant-tabs-content-top{height:100%;overflow:auto}._rightPanelContainer_1p332_2 .ant-tabs .ant-tabs-tabpane{height:100%}._visualPanelBox_6q12v_2{padding:0 15px 300px}._visualPanelBox_6q12v_2 ._header_6q12v_5{color:#686868;display:flex}.ant-collapse .ant-collapse-item .ant-collapse-header{padding:5px 5px 5px 10px;align-items:center;color:#686868;font-size:12px}.ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-expand-icon{padding-inline-end:4px}._cssFieldBox_15f2h_2{display:flex;color:#686868!important}._cssFieldBox_15f2h_2 .ant-select-selector input{color:#686868!important}._cssFieldBox_15f2h_2 ._row_15f2h_9{display:flex;padding-bottom:6px;align-items:center}._cssFieldBox_15f2h_2 ._fieldLabel_15f2h_14{display:inline-block;width:70px;flex-shrink:0;font-size:12px}._cssFieldBox_15f2h_2 ._leftBox_15f2h_20{flex:1}._cssFieldBox_15f2h_2 ._rightBox_15f2h_23{padding-left:10px}._cssFieldBox_15f2h_2 ._inputBox_15f2h_26{flex:1}._cssBox_15f2h_30{overflow-x:hidden}._cssBox_15f2h_30 .ant-collapse-borderless>.ant-collapse-item{border-bottom:1px solid #e4e4e4}._cssBox_15f2h_30 .ant-collapse-borderless>.ant-collapse-item:last-child{border-bottom:none}._cssBox_15f2h_30 .ant-collapse-content-box{padding-bottom:30px!important}._cssFieldBox_4b8an_2{display:flex;align-items:center;color:#686868!important}._cssFieldBox_4b8an_2 .ant-select-selector{padding:0!important}._cssFieldBox_4b8an_2 .ant-select-single .ant-select-selector .ant-select-selection-search{inset-inline-start:0px;inset-inline-end:0px}._cssFieldBox_4b8an_2 .ant-select-selector input{color:#686868!important}._cssFieldBox_4b8an_2 .ant-select-status-error{border-bottom:1px solid red!important}._cssFieldBox_4b8an_2 ._inputAuto_4b8an_20{border-bottom:1px solid rgba(128,128,128,.23)}._cssFieldBox_4b8an_2 ._active_4b8an_23{border-bottom:1px solid rgb(128,177,255)}._cssBox_4b8an_27{overflow-x:hidden}._cssBox_4b8an_27 .ant-collapse-borderless>.ant-collapse-item{border-bottom:1px solid #e4e4e4}._cssBox_4b8an_27 .ant-collapse-borderless>.ant-collapse-item:last-child{border-bottom:none}._cssBox_4b8an_27 .ant-collapse-content-box{padding-bottom:30px!important}._stateTag_5a8hc_2{position:relative}._stateTag_5a8hc_2 ._stateTagClose_5a8hc_5{position:absolute;right:-10px;top:-10px;background-color:#fff;color:#4d4d4d;opacity:0;font-size:20px;transform:scale(.6);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;border-radius:10px}._stateTag_5a8hc_2:hover ._stateTagClose_5a8hc_5{opacity:1}._box_tl0hm_2{height:100%;width:100%;padding-right:10px;border-top:1px solid rgb(233,233,233);padding-top:10px;background-color:#fff}

package/dist/utils/defaultEngineConfig.d.ts

@@ -2,4 +2,11 @@ import { LayoutPropsType } from '@chamn/layout';
 /** 默认使用 react 18 模式渲染 */
 export declare const beforeInitRender: LayoutPropsType['beforeInitRender'];
 /** 默认使用 react 18 模式渲染 */
-export declare const defaultRender: LayoutPropsType['customRender'];
+export declare const getDefaultRender: (components: Record<string, any>) => (options: {
+    iframe: import("@chamn/layout").IFrameContainer;
+    pageModel?: import("@chamn/model").CPage | undefined;
+    page?: import("@chamn/model").CPageDataType | undefined;
+    assets: import("@chamn/model").AssetPackage[];
+    renderJSUrl?: string | undefined;
+    ready: (designRender: import("@chamn/render").DesignRender) => void;
+}) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chamn/engine",
-  "version": "0.0.14",
+  "version": "0.0.16",
   "files": [
     "dist"
   ],
@@ -20,43 +20,45 @@
     "vite"
   ],
   "scripts": {
-    "start": "npm run build:render && build-script",
+    "start": "build-script",
     "build": "cross-env BUILD_TYPE=PKG build-script --build",
     "build:analyze": "cross-env BUILD_TYPE=PKG  build-script --build --analyze",
-    "build:app": "npm run build:render && export NODE_OPTIONS=--max-old-space-size=32768 && cross-env BUILD_TYPE=APP build-script --build",
-    "build:render": "cross-env BUILD_TYPE=Render build-script --build",
+    "build:app": "export NODE_OPTIONS=--max-old-space-size=32768 && cross-env BUILD_TYPE=APP build-script --build",
     "build:app:analyze": "cross-env BUILD_TYPE=APP build-script --build --analyze",
+    "copyAssets": "",
     "lint": "eslint --ext .tsx,.ts src/",
     "prettier": "prettier --write ./src",
     "test": "jest",
     "storybook": "start-storybook -p 6006",
     "build-storybook": "build-storybook"
   },
+  "peerDependencies": {
+    "react": ">=16.9.0",
+    "react-dom": ">=16.9.0"
+  },
   "dependencies": {
     "@ant-design/icons": "^4.8.0",
-    "@chamn/layout": "0.0.14",
-    "@chamn/model": "0.0.14",
-    "@chamn/render": "0.0.14",
+    "@chamn/layout": "0.0.16",
+    "@chamn/model": "0.0.16",
+    "@chamn/render": "0.0.16",
     "@dnd-kit/core": "^6.0.7",
     "@dnd-kit/modifiers": "^6.0.1",
     "@dnd-kit/sortable": "^7.0.2",
     "@dnd-kit/utilities": "^3.2.1",
     "ahooks": "^3.7.4",
-    "antd": "^5.0.0",
+    "antd": "^5.6.3",
     "consola": "^2.15.3",
     "i18next": "^22.1.5",
     "lodash-es": "^4.17.21",
     "mitt": "^3.0.0",
     "monaco-editor": "^0.34.1",
     "re-resizable": "^6.9.9",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-i18next": "^12.1.1"
+    "vite-plugin-static-copy": "^0.17.0"
   },
   "devDependencies": {
     "@babel/core": "^7.21.0",
-    "@chamn/build-script": "0.0.14",
-    "@chamn/demo-page": "0.0.14",
+    "@chamn/build-script": "0.0.16",
+    "@chamn/demo-page": "0.0.16",
     "@storybook/addon-actions": "^6.5.16",
     "@storybook/addon-essentials": "^6.5.16",
     "@storybook/addon-interactions": "^6.5.16",
@@ -72,11 +74,14 @@
     "cross-env": "^7.0.3",
     "eslint-plugin-react-hooks": "^4.6.0",
     "rc-select": "^14.4.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-i18next": "^12.1.1",
     "react-router-dom": "^6.7.0",
     "rollup-plugin-visualizer": "^5.8.3",
     "sass": "^1.54.0",
     "vite-plugin-monaco-editor": "^1.1.0"
   },
   "config": {},
-  "gitHead": "b55897af1019ee0d0b8e3872498a23e0368c0f9c"
+  "gitHead": "7e6997cd8abe35fbfcac2849426eede93de1c0b4"
 }

package/dist/plugins/Designer/view.d.ts

@@ -1,37 +0,0 @@
-import React from 'react';
-import { Layout, LayoutDragEvent, LayoutPropsType } from '@chamn/layout';
-import { CNode, CPage, CRootNode } from '@chamn/model';
-import { CPluginCtx } from '../../core/pluginManager';
-import { AssetPackage } from '@chamn/model';
-export type DesignerPropsType = {
-    pluginCtx: CPluginCtx;
-};
-type DesignerStateType = {
-    pageModel: CPage;
-    hoverToolBar: React.ReactNode;
-    selectToolBar: React.ReactNode;
-    ghostView: React.ReactNode;
-    portalView: React.ReactNode;
-    assets: AssetPackage[];
-};
-export declare class Designer extends React.Component<DesignerPropsType, DesignerStateType> {
-    layoutRef: React.RefObject<Layout>;
-    constructor(props: DesignerPropsType);
-    getPortalViewCtx: () => {
-        setView: (view: React.ReactNode) => void;
-        clearView: () => void;
-    };
-    componentDidMount(): void;
-    updateAssets(assets: AssetPackage[]): void;
-    reloadRender({ assets }: {
-        assets?: AssetPackage[];
-    }): void;
-    init(): Promise<void>;
-    onNodeDragging: (eventObj: LayoutDragEvent) => Promise<void>;
-    onNodeDrop: (eventObj: LayoutDragEvent) => Promise<void>;
-    onSelectNode: Required<LayoutPropsType>['onSelectNode'];
-    onDragStart: (e: LayoutDragEvent) => Promise<false | undefined>;
-    onHoverNode: (node: CNode | CRootNode | null, startNode: CNode | CRootNode, event: MouseEvent) => void;
-    render(): JSX.Element;
-}
-export {};