@chamn/engine 0.0.4 → 0.0.7

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { CNode, CRootNode } from '@chamn/model';
+import { CPluginCtx } from '../../core/pluginManager';
+import { CRightPanelItem } from '../RightPanel/view';
+export type AdvancePanelProps = {
+    node: CNode | CRootNode;
+    pluginCtx: CPluginCtx;
+};
+export declare const AdvancePanel: (props: AdvancePanelProps) => JSX.Element;
+export declare const AdvancePanelConfig: CRightPanelItem;

package/dist/plugins/AdvancePanel/style.module.scss.d.ts

@@ -0,0 +1,7 @@
+import globalClassNames from '../../style.d';
+declare const classNames: typeof globalClassNames & {
+  readonly advanceBox: 'advanceBox';
+  readonly 'ant-input-affix-wrapper': 'ant-input-affix-wrapper';
+  readonly 'ant-input-prefix': 'ant-input-prefix';
+};
+export = classNames;

package/dist/plugins/ComponentLibrary/components/DragItem/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export type DragComponentItemProps = {
+    id: string;
+    name: string;
+    description?: any;
+    icon: React.ReactNode | string;
+    iconText?: string;
+    style?: React.CSSProperties;
+    containerClassName?: string;
+};
+export declare const DragComponentItem: (props: DragComponentItemProps) => JSX.Element;
+export declare const DRAG_ITEM_KEY = "data-drag-key";

package/dist/plugins/ComponentLibrary/components/DragItem/style.module.scss.d.ts

@@ -0,0 +1,9 @@
+import globalClassNames from '../../../../style.d';
+declare const classNames: typeof globalClassNames & {
+  readonly square: 'square';
+  readonly componentItem: 'componentItem';
+  readonly iconImg: 'iconImg';
+  readonly iconBox: 'iconBox';
+  readonly iconText: 'iconText';
+};
+export = classNames;

package/dist/plugins/ComponentLibrary/components/ListView/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { SnippetsType } from '@chamn/model';
+export type ListViewProps = {
+    dataSource: {
+        name: string;
+        list: SnippetsType[];
+    }[];
+};
+export declare const ListView: (props: ListViewProps) => JSX.Element | null;

package/dist/plugins/ComponentLibrary/components/ListView/style.module.scss.d.ts

@@ -0,0 +1,12 @@
+import globalClassNames from '../../../../style.d';
+declare const classNames: typeof globalClassNames & {
+  readonly ListBox: 'ListBox';
+  readonly 'ant-collapse': 'ant-collapse';
+  readonly 'ant-collapse-content': 'ant-collapse-content';
+  readonly 'ant-collapse-content-box': 'ant-collapse-content-box';
+  readonly 'ant-collapse-header': 'ant-collapse-header';
+  readonly 'ant-collapse-expand-icon': 'ant-collapse-expand-icon';
+  readonly 'ant-collapse-item': 'ant-collapse-item';
+  readonly collapsePanel: 'collapsePanel';
+};
+export = classNames;

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

@@ -0,0 +1,3 @@
+import { CPlugin } from '../../core/pluginManager';
+export declare const PLUGIN_NAME = "ComponentLib";
+export declare const ComponentLibPlugin: CPlugin;

package/dist/plugins/ComponentLibrary/localize/en_US/index.d.ts

@@ -0,0 +1 @@
+export declare const en_US: Record<string, any>;

package/dist/plugins/ComponentLibrary/localize/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: Record<string, any>;
+export default _default;

package/dist/plugins/ComponentLibrary/localize/zh_CN/index.d.ts

@@ -0,0 +1 @@
+export declare const zh_CN: Record<string, any>;

package/dist/plugins/ComponentLibrary/style.module.scss.d.ts

@@ -0,0 +1,11 @@
+import globalClassNames from '../../style.d';
+declare const classNames: typeof globalClassNames & {
+  readonly container: 'container';
+  readonly 'ant-tabs': 'ant-tabs';
+  readonly 'ant-tabs-tab': 'ant-tabs-tab';
+  readonly 'ant-tabs-content': 'ant-tabs-content';
+  readonly 'ant-tabs-content-top': 'ant-tabs-content-top';
+  readonly 'ant-tabs-nav': 'ant-tabs-nav';
+  readonly tabTitle: 'tabTitle';
+};
+export = classNames;

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

@@ -0,0 +1 @@
+export declare const getTargetMNodeKeyVal: (dom: HTMLElement | null, key: string) => null | string;

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { CNode, CRootNode } from '@chamn/model';
+import { CPluginCtx } from '../../core/pluginManager';
+import { CRightPanelItem } from '../RightPanel/view';
+export type ComponentStatePanelProps = {
+    node: CNode | CRootNode;
+    pluginCtx: CPluginCtx;
+};
+export declare const ComponentStatePanel: (props: ComponentStatePanelProps) => JSX.Element;
+export declare const ComponentStatePanelConfig: CRightPanelItem;

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { CNode } from '@chamn/model';
+export type DefaultSelectToolBarProps = {
+    nodeList: CNode[];
+    toSelectNode: (id: string) => void;
+    toDelete: (id: string) => void;
+    toCopy: (idd: string) => void;
+    toHidden: (idd: string) => void;
+};
+export declare const DefaultSelectToolBar: ({ nodeList, toSelectNode, toDelete, toCopy, toHidden, }: DefaultSelectToolBarProps) => JSX.Element;

package/dist/plugins/Designer/components/DefaultSelectToolBar/style.module.scss.d.ts

@@ -0,0 +1,11 @@
+import globalClassNames from '../../../../style.d';
+declare const classNames: typeof globalClassNames & {
+  readonly toolBarBox: 'toolBarBox';
+  readonly item: 'item';
+  readonly layoutSelectBox: 'layoutSelectBox';
+  readonly hoverBox: 'hoverBox';
+  readonly hoverBoxActive: 'hoverBoxActive';
+  readonly hoverItem: 'hoverItem';
+  readonly placeholder: 'placeholder';
+};
+export = classNames;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { CNode, CRootNode } from '@chamn/model';
+export declare const GhostView: ({ node }: {
+    node: CNode | CRootNode;
+}) => JSX.Element;

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

@@ -0,0 +1 @@
+export declare const PLUGIN_NAME = "Designer";

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

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

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

@@ -0,0 +1 @@
+export declare const en_US: Record<string, any>;

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

@@ -0,0 +1,2 @@
+declare const _default: Record<string, any>;
+export default _default;

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

@@ -0,0 +1 @@
+export declare const zh_CN: Record<string, any>;

package/dist/plugins/Designer/style.module.scss.d.ts

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

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

@@ -0,0 +1,2 @@
+import { CNode, CRootNode } from '@chamn/model';
+export declare const getCloseNodeList: (node: CNode | CRootNode, level?: number) => CNode[];

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

@@ -0,0 +1,30 @@
+import React from 'react';
+import { Layout } 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;
+    assets: AssetPackage[];
+};
+export declare class Designer extends React.Component<DesignerPropsType, DesignerStateType> {
+    layoutRef: React.RefObject<Layout>;
+    constructor(props: DesignerPropsType);
+    componentDidMount(): void;
+    updateAssets(assets: AssetPackage[]): void;
+    reloadRender({ assets }: {
+        assets?: AssetPackage[];
+    }): void;
+    init(): Promise<void>;
+    onSelectNode: (node: CNode | CRootNode | null) => void;
+    onDragStart: (startNode: CNode | CRootNode | null) => void;
+    onHoverNode: (node: CNode | CRootNode | null, startNode: CNode | CRootNode) => void;
+    render(): JSX.Element;
+}
+export {};

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { CPage } from '@chamn/model';
+import { EnginContext } from '../../index';
+export type DisplaySourceSchemaProps = {
+    pageModel: CPage;
+    engineCtx: EnginContext;
+    children: React.ReactNode;
+};
+export declare const DisplaySourceSchema: (props: DisplaySourceSchemaProps) => JSX.Element;

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

@@ -0,0 +1,3 @@
+import { CPlugin } from '../../core/pluginManager';
+export declare const PLUGIN_NAME = "GlobalState";
+export declare const GlobalStatePanelPlugin: CPlugin;

package/dist/plugins/GlobalStatePanel/localize/en_US/index.d.ts

@@ -0,0 +1 @@
+export declare const en_US: Record<string, any>;

package/dist/plugins/GlobalStatePanel/localize/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: Record<string, any>;
+export default _default;

package/dist/plugins/GlobalStatePanel/localize/zh_CN/index.d.ts

@@ -0,0 +1 @@
+export declare const zh_CN: Record<string, any>;

package/dist/plugins/GlobalStatePanel/style.module.scss.d.ts

@@ -0,0 +1,5 @@
+import globalClassNames from '../../style.d';
+declare const classNames: typeof globalClassNames & {
+  readonly box: 'box';
+};
+export = classNames;

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

@@ -0,0 +1,2 @@
+import { CPlugin } from '../../core/pluginManager';
+export declare const HistoryPlugin: CPlugin;

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

@@ -0,0 +1,30 @@
+import { Sensor } from '@chamn/layout';
+import { CPage } from '@chamn/model';
+import React from 'react';
+import { DesignerExports } from '../../../Designer';
+import { TreeNodeData } from './dataStruct';
+export declare enum DragState {
+    DRAGGING = "DRAGGING",
+    NORMAL = "NORMAL"
+}
+export type ContextState = {
+    treeData: TreeNodeData[];
+    currentSelectNodeKeys: string[];
+    expandKeys: string[];
+    multiSelect: boolean;
+    dragState: DragState;
+    pageModel: CPage | null;
+};
+export type CTreeContextData = {
+    sensor?: Sensor;
+    state: ContextState;
+    updateState: (state: Partial<ContextState>) => void;
+    onSelectNode: (params: {
+        keys: string[];
+        node: TreeNodeData;
+    }) => void;
+    onDeleteNode: (id: string) => void;
+    onCopyNode: (id: string) => void;
+    getDesignerHandler?: () => Promise<DesignerExports>;
+};
+export declare const CTreeContext: React.Context<CTreeContextData>;

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

@@ -0,0 +1,21 @@
+import React from 'react';
+export type TreeNodeData = {
+    containerRender?: (params: {
+        item: TreeNodeData;
+        treeNodeView: JSX.Element;
+    }) => React.ReactElement;
+    titleViewRender?: (params: {
+        item: TreeNodeData;
+        titleView: React.ReactNode;
+    }) => React.ReactElement;
+    title: React.ReactNode;
+    icon?: React.ReactNode;
+    key?: string;
+    children?: TreeNodeData[];
+    parent?: TreeNodeData | null;
+    canBeSelected?: boolean;
+    canDrag?: boolean;
+    canDrop?: boolean | ('before' | 'after' | 'current')[];
+    rootNode?: boolean;
+};
+export declare const DemoTreeData: TreeNodeData;

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

@@ -0,0 +1,34 @@
+import { Sensor } from '@chamn/layout';
+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 {
+    pluginCtx: CPluginCtx;
+    multiSelect?: boolean;
+}
+export declare class TreeView extends React.Component<TreeViewProps, ContextState & {
+    dropPosInfo: {
+        x: number;
+        y: number;
+    } | null;
+}> {
+    domRef: React.RefObject<HTMLDivElement>;
+    disposeCbList: (() => void)[];
+    sensor?: Sensor;
+    constructor(props: TreeViewProps);
+    getDesignerHandler: () => Promise<DesignerExports>;
+    updateTreeDataFromNode: () => void;
+    getParentKeyPaths: (targetKey: string) => string[];
+    scrollNodeToView: (key: string) => void;
+    componentDidMount(): Promise<void>;
+    toSelectTreeNode: (node: CNode | CRootNode) => void;
+    containNode: (parentNode: TreeNodeData, targetNode: TreeNodeData) => null;
+    getTreeNodeByKey: (key: string) => TreeNodeData | null;
+    registerDragEvent: () => Promise<void>;
+    render(): JSX.Element;
+}
+export {};

package/dist/plugins/OutlineTree/components/TreeView/style.module.scss.d.ts

@@ -0,0 +1,16 @@
+import globalClassNames from '../../../../style.d';
+declare const classNames: typeof globalClassNames & {
+  readonly contentBox: 'contentBox';
+  readonly nodeBox: 'nodeBox';
+  readonly toolbarBox: 'toolbarBox';
+  readonly iconItem: 'iconItem';
+  readonly nodeContent: 'nodeContent';
+  readonly selected: 'selected';
+  readonly nodeArrow: 'nodeArrow';
+  readonly expanded: 'expanded';
+  readonly nodeRenderView: 'nodeRenderView';
+  readonly nodeChildren: 'nodeChildren';
+  readonly dropAnchorLine: 'dropAnchorLine';
+  readonly arrowSpan: 'arrowSpan';
+};
+export = classNames;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { TreeNodeData } from './dataStruct';
+export declare const DRAG_ITEM_KEY = "data-drag-key";
+export type TreeNodeProps = {
+    item: TreeNodeData;
+    level?: number;
+    paths?: (string | number)[];
+};
+export declare const TreeNode: (props: TreeNodeProps) => JSX.Element;

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

@@ -0,0 +1,3 @@
+import { CPlugin } from '../../core/pluginManager';
+export declare const PLUGIN_NAME = "OutlineTree";
+export declare const OutlineTreePlugin: CPlugin;

package/dist/plugins/OutlineTree/localize/en_US/index.d.ts

@@ -0,0 +1 @@
+export declare const en_US: Record<string, any>;

package/dist/plugins/OutlineTree/localize/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: Record<string, any>;
+export default _default;

package/dist/plugins/OutlineTree/localize/zh_CN/index.d.ts

@@ -0,0 +1 @@
+export declare const zh_CN: Record<string, any>;

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

@@ -0,0 +1,15 @@
+import { DropPosType } from '@chamn/layout/dist/components/DropAnchor/util';
+import { CNode, CNodeDataType, CPage, CPageDataType, 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[];
+export declare const transformPageSchemaToTreeData: (pageSchema: CPageDataType, pageModel: CPage) => TreeNodeData[];
+export declare const traverseTree: (tree: TreeNodeData | TreeNodeData[], handler: (node: TreeNodeData) => boolean) => void;
+export declare function calculateDropPosInfo(params: {
+    point: {
+        x: number;
+        y: number;
+    };
+    dom: HTMLElement;
+}): DropPosType;
+export declare const getNodePropsLabelMap: (node: CNode) => Record<string, MTitle>;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { CNode, CRootNode } from '@chamn/model';
+import { CPluginCtx } from '../../core/pluginManager';
+import { CRightPanelItem } from '../RightPanel/view';
+export declare const PropertyPanel: (props: {
+    node: CNode | CRootNode;
+    pluginCtx: CPluginCtx;
+}) => JSX.Element;
+export declare const PropertyPanelConfig: CRightPanelItem;

package/dist/plugins/PropertyPanel/style.module.scss.d.ts

@@ -0,0 +1,10 @@
+import globalClassNames from '../../style.d';
+declare const classNames: typeof globalClassNames & {
+  readonly CFromRenderBox: 'CFromRenderBox';
+  readonly 'ant-collapse': 'ant-collapse';
+  readonly 'ant-collapse-content': 'ant-collapse-content';
+  readonly 'ant-collapse-content-box': 'ant-collapse-content-box';
+  readonly 'ant-collapse-item': 'ant-collapse-item';
+  readonly 'ant-collapse-header': 'ant-collapse-header';
+};
+export = classNames;

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

@@ -0,0 +1,2 @@
+import { CPlugin } from '../../core/pluginManager';
+export declare const RightPanelPlugin: CPlugin;

package/dist/plugins/RightPanel/style.module.scss.d.ts

@@ -0,0 +1,10 @@
+import globalClassNames from '../../style.d';
+declare const classNames: typeof globalClassNames & {
+  readonly rightPanelContainer: 'rightPanelContainer';
+  readonly 'ant-tabs': 'ant-tabs';
+  readonly 'ant-tabs-tab': 'ant-tabs-tab';
+  readonly 'ant-tabs-content': 'ant-tabs-content';
+  readonly 'ant-tabs-content-top': 'ant-tabs-content-top';
+  readonly 'ant-tabs-tabpane': 'ant-tabs-tabpane';
+};
+export = classNames;

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

@@ -0,0 +1,34 @@
+import { CNode, CRootNode } from '@chamn/model';
+import React from 'react';
+import { CPluginCtx } from '../../core/pluginManager';
+export type RightPanelOptions = {
+    node: CNode | CRootNode;
+    pluginCtx: CPluginCtx;
+};
+export type CRightPanelItem = {
+    key: string;
+    name: string | ((props: RightPanelOptions) => React.ReactNode);
+    view: (props: RightPanelOptions) => React.ReactNode;
+    show?: (options: RightPanelOptions) => boolean;
+};
+interface RightPanelProps {
+    pluginCtx: CPluginCtx;
+}
+interface RightPanelState {
+    node: CNode | CRootNode | null;
+    activeKey: string;
+    panels: CRightPanelItem[];
+    displayPanels: CRightPanelItem[];
+}
+export declare class RightPanel extends React.Component<RightPanelProps, RightPanelState> {
+    constructor(props: RightPanelProps);
+    addPanel: (panel: CRightPanelItem) => void;
+    updatePanels: () => {
+        panels: CRightPanelItem[];
+        displayPanels: CRightPanelItem[];
+    };
+    onNodeChange: ({ node }: any) => void;
+    componentDidMount(): void;
+    render(): JSX.Element;
+}
+export {};

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { CNode, CRootNode } from '@chamn/model';
+import { CPluginCtx } from '../../core/pluginManager';
+import { CRightPanelItem } from '../RightPanel/view';
+export declare const VisualPanelPlus: (props: {
+    node: CNode | CRootNode;
+    pluginCtx: CPluginCtx;
+}) => JSX.Element;
+export declare const VisualPanelPlusConfig: CRightPanelItem;

package/dist/plugins/VisualPanelPlus/style.module.scss.d.ts

@@ -0,0 +1,10 @@
+import globalClassNames from '../../style.d';
+declare const classNames: typeof globalClassNames & {
+  readonly visualPanelBox: 'visualPanelBox';
+  readonly header: 'header';
+  readonly 'ant-collapse': 'ant-collapse';
+  readonly 'ant-collapse-item': 'ant-collapse-item';
+  readonly 'ant-collapse-header': 'ant-collapse-header';
+  readonly 'ant-collapse-expand-icon': 'ant-collapse-expand-icon';
+};
+export = classNames;

package/dist/plugins/index.d.ts

@@ -0,0 +1,9 @@
+import { CPlugin } from '../core/pluginManager';
+import { ComponentLibPlugin } from './ComponentLibrary';
+import { DesignerPlugin } from './Designer';
+import { RightPanelPlugin } from './RightPanel';
+import { GlobalStatePanelPlugin } from './GlobalStatePanel';
+import { DisplaySourceSchema } from './DisplaySourceSchema';
+import { HistoryPlugin } from './History';
+export declare const DEFAULT_PLUGIN_LIST: CPlugin[];
+export { DesignerPlugin, ComponentLibPlugin, RightPanelPlugin, GlobalStatePanelPlugin, HistoryPlugin, DisplaySourceSchema, };

package/dist/style.css

@@ -1 +1 @@
-._workbenchContainer_1b5xq_2{width:100%;height:100%;display:flex;flex-direction:column}._workbenchContainer_1b5xq_2 ._topToolBarBox_1b5xq_8{height:64px;width:100%;border-bottom:1px solid rgb(233,233,233);display:flex}._workbenchContainer_1b5xq_2 ._topToolBarBox_1b5xq_8 ._logo_1b5xq_14{height:100%;font-size:20px;display:flex;align-items:center;margin-left:20px;font-weight:bolder}._workbenchContainer_1b5xq_2 ._topToolBarBox_1b5xq_8 ._topToolBarView_1b5xq_22{flex:1}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25{display:flex;width:100%;flex:1;overflow:hidden}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._leftBox_1b5xq_31{position:relative;display:flex;background-color:#fff;z-index:100}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._leftBox_1b5xq_31 ._pluginIconBar_1b5xq_37{width:50px;height:100%;border-right:1px solid rgb(233,233,233)}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._leftBox_1b5xq_31 ._pluginIconBar_1b5xq_37 ._pluginIconItem_1b5xq_42{position:relative;cursor:pointer;width:50px;height:50px;display:flex;align-items:center;justify-content:center;transition:all .1s}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._leftBox_1b5xq_31 ._pluginIconBar_1b5xq_37 ._pluginIconItem_1b5xq_42._active_1b5xq_52 :before,._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._leftBox_1b5xq_31 ._pluginIconBar_1b5xq_37 ._pluginIconItem_1b5xq_42:hover :before{transition:all .1s;display:block;content:"";width:2px;height:100%;position:absolute;left:0;top:0}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._leftBox_1b5xq_31 ._pluginIconBar_1b5xq_37 ._pluginIconItem_1b5xq_42._active_1b5xq_52 :before{border-left:4px solid #1677ff!important}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._leftBox_1b5xq_31 ._pluginIconBar_1b5xq_37 ._pluginIconItem_1b5xq_42:hover :before{border-left:4px solid rgba(22,119,255,.3)}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._leftBox_1b5xq_31 ._pluginPanelBoxResizeBox_1b5xq_68{display:flex;flex-direction:column;background-color:#fff;z-index:100;border-right:1px solid rgb(233,233,233)}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._leftBox_1b5xq_31 ._pluginPanelBoxResizeBox_1b5xq_68 ._pluginHeader_1b5xq_75{display:flex;color:#686868;height:30px;margin:10px;overflow:hidden;align-items:center}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._leftBox_1b5xq_31 ._pluginPanelBoxResizeBox_1b5xq_68 ._pluginHeader_1b5xq_75 ._pluginNameText_1b5xq_83{font-size:16px;font-weight:700;margin-right:auto;flex-wrap:nowrap;word-break:keep-all}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._leftBox_1b5xq_31 ._pluginPanelBoxResizeBox_1b5xq_68 ._pluginHeader_1b5xq_75 ._closeBtn_1b5xq_90,._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._leftBox_1b5xq_31 ._pluginPanelBoxResizeBox_1b5xq_68 ._pluginHeader_1b5xq_75 ._fixedBtn_1b5xq_91{color:#686868}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._leftBox_1b5xq_31 ._pluginPanelBoxResizeBox_1b5xq_68 ._pluginHeader_1b5xq_75 ._fixedBtn_1b5xq_91>*{transition:all .1s}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._leftBox_1b5xq_31 ._pluginPanelBoxResizeBox_1b5xq_68 ._pluginHeader_1b5xq_75 ._fixedBtn_1b5xq_91>._active_1b5xq_52{transform:rotate(-45deg)}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._leftBox_1b5xq_31 ._pluginPanelBox_1b5xq_68{width:100%;flex:1;background-color:#f8f8ff;overflow:hidden}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._rightResizeBox_1b5xq_106{position:relative}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._rightResizeBox_1b5xq_106 ._arrowCursor_1b5xq_109{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_1b5xq_2 ._bodyContent_1b5xq_25 ._rightResizeBox_1b5xq_106 ._arrowCursor_1b5xq_109>._active_1b5xq_52{transform:rotate(-180deg)}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._rightResizeBox_1b5xq_106 ._rightBox_1b5xq_124{position:relative;width:100%;height:100%;border-left:1px rgb(233,233,233) solid}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._centerBox_1b5xq_130{display:flex;flex-direction:column;flex:1;overflow:hidden}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._centerBox_1b5xq_130 ._subTopToolbarBox_1b5xq_136{width:100%;height:50px;background-color:#fff}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._centerBox_1b5xq_130 ._canvasBox_1b5xq_141{width:100%;flex:1;overflow:hidden;padding:20px 30px;background-color:#edeff3}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._centerBox_1b5xq_130 ._canvasBox_1b5xq_141 ._scrollBox_1b5xq_148{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}
+@charset "UTF-8";._workbenchContainer_1b5xq_2{width:100%;height:100%;display:flex;flex-direction:column}._workbenchContainer_1b5xq_2 ._topToolBarBox_1b5xq_8{height:64px;width:100%;border-bottom:1px solid rgb(233,233,233);display:flex}._workbenchContainer_1b5xq_2 ._topToolBarBox_1b5xq_8 ._logo_1b5xq_14{height:100%;font-size:20px;display:flex;align-items:center;margin-left:20px;font-weight:bolder}._workbenchContainer_1b5xq_2 ._topToolBarBox_1b5xq_8 ._topToolBarView_1b5xq_22{flex:1}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25{display:flex;width:100%;flex:1;overflow:hidden}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._leftBox_1b5xq_31{position:relative;display:flex;background-color:#fff;z-index:100}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._leftBox_1b5xq_31 ._pluginIconBar_1b5xq_37{width:50px;height:100%;border-right:1px solid rgb(233,233,233)}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._leftBox_1b5xq_31 ._pluginIconBar_1b5xq_37 ._pluginIconItem_1b5xq_42{position:relative;cursor:pointer;width:50px;height:50px;display:flex;align-items:center;justify-content:center;transition:all .1s}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._leftBox_1b5xq_31 ._pluginIconBar_1b5xq_37 ._pluginIconItem_1b5xq_42._active_1b5xq_52 :before,._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._leftBox_1b5xq_31 ._pluginIconBar_1b5xq_37 ._pluginIconItem_1b5xq_42:hover :before{transition:all .1s;display:block;content:"";width:2px;height:100%;position:absolute;left:0;top:0}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._leftBox_1b5xq_31 ._pluginIconBar_1b5xq_37 ._pluginIconItem_1b5xq_42._active_1b5xq_52 :before{border-left:4px solid #1677ff!important}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._leftBox_1b5xq_31 ._pluginIconBar_1b5xq_37 ._pluginIconItem_1b5xq_42:hover :before{border-left:4px solid rgba(22,119,255,.3)}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._leftBox_1b5xq_31 ._pluginPanelBoxResizeBox_1b5xq_68{display:flex;flex-direction:column;background-color:#fff;z-index:100;border-right:1px solid rgb(233,233,233)}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._leftBox_1b5xq_31 ._pluginPanelBoxResizeBox_1b5xq_68 ._pluginHeader_1b5xq_75{display:flex;color:#686868;height:30px;margin:10px;overflow:hidden;align-items:center}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._leftBox_1b5xq_31 ._pluginPanelBoxResizeBox_1b5xq_68 ._pluginHeader_1b5xq_75 ._pluginNameText_1b5xq_83{font-size:16px;font-weight:700;margin-right:auto;flex-wrap:nowrap;word-break:keep-all}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._leftBox_1b5xq_31 ._pluginPanelBoxResizeBox_1b5xq_68 ._pluginHeader_1b5xq_75 ._closeBtn_1b5xq_90,._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._leftBox_1b5xq_31 ._pluginPanelBoxResizeBox_1b5xq_68 ._pluginHeader_1b5xq_75 ._fixedBtn_1b5xq_91{color:#686868}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._leftBox_1b5xq_31 ._pluginPanelBoxResizeBox_1b5xq_68 ._pluginHeader_1b5xq_75 ._fixedBtn_1b5xq_91>*{transition:all .1s}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._leftBox_1b5xq_31 ._pluginPanelBoxResizeBox_1b5xq_68 ._pluginHeader_1b5xq_75 ._fixedBtn_1b5xq_91>._active_1b5xq_52{transform:rotate(-45deg)}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._leftBox_1b5xq_31 ._pluginPanelBox_1b5xq_68{width:100%;flex:1;background-color:#f8f8ff;overflow:hidden}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._rightResizeBox_1b5xq_106{position:relative}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._rightResizeBox_1b5xq_106 ._arrowCursor_1b5xq_109{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_1b5xq_2 ._bodyContent_1b5xq_25 ._rightResizeBox_1b5xq_106 ._arrowCursor_1b5xq_109>._active_1b5xq_52{transform:rotate(-180deg)}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._rightResizeBox_1b5xq_106 ._rightBox_1b5xq_124{position:relative;width:100%;height:100%;border-left:1px rgb(233,233,233) solid}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._centerBox_1b5xq_130{display:flex;flex-direction:column;flex:1;overflow:hidden}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._centerBox_1b5xq_130 ._subTopToolbarBox_1b5xq_136{width:100%;height:50px;background-color:#fff}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._centerBox_1b5xq_130 ._canvasBox_1b5xq_141{width:100%;flex:1;overflow:hidden;padding:20px 30px;background-color:#edeff3}._workbenchContainer_1b5xq_2 ._bodyContent_1b5xq_25 ._centerBox_1b5xq_130 ._canvasBox_1b5xq_141 ._scrollBox_1b5xq_148{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_13nm8_2{background-color:#fff;height:100%;border-top:1px solid rgb(233,233,233);overflow:auto;position:relative}._contentBox_13nm8_2 *{transition:all .1s}._nodeBox_13nm8_13{cursor:pointer}._nodeBox_13nm8_13 ._toolbarBox_13nm8_16{display:none;padding-right:10px}._nodeBox_13nm8_13 ._iconItem_13nm8_20{margin-right:8px}._nodeContent_13nm8_24:hover ._toolbarBox_13nm8_16{display:flex}._nodeContent_13nm8_24{font-size:14px;cursor:pointer;display:flex;align-items:center}._nodeContent_13nm8_24._selected_13nm8_34{background-color:#dddddd3b}._nodeContent_13nm8_24 ._nodeArrow_13nm8_37{font-size:12px}._nodeContent_13nm8_24 ._nodeArrow_13nm8_37._expanded_13nm8_40{transform-origin:center;transform:rotate(90deg)}._nodeContent_13nm8_24 ._nodeRenderView_13nm8_44{padding:5px 0;flex:1;flex-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._nodeChildren_13nm8_53{position:relative}._nodeChildren_13nm8_53:before{display:block;position:absolute;left:13px;top:0;content:"";height:100%;width:1px;background-color:#e9e9e9}._nodeChildren_13nm8_53._selected_13nm8_34:before{background-color:#0000ff5c}._dropAnchorLine_13nm8_70{width:100px;height:2px;background-color:#1890ff;position:fixed;z-index:99;pointer-events:none}._arrowSpan_13nm8_79{position:relative}._arrowSpan_13nm8_79: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/css.d.ts

@@ -0,0 +1,19 @@
+import { CSSVal } from '../component/CSSEditor';
+import { CSSType } from '@chamn/model';
+export type StyleArr = {
+    key: string;
+    value: any;
+}[];
+export declare const styleArr2Obj: (val: StyleArr) => Record<string, any>;
+export declare const formatCSSProperty: (cssVal: Record<string, any>) => {
+    normalProperty: {
+        key: string;
+        value: string;
+    }[];
+    expressionProperty: {
+        key: string;
+        value: any;
+    }[];
+};
+export declare const formatCssToNodeVal: (className: string, val: CSSVal) => CSSType;
+export declare const formatNodeValToEditor: (val?: CSSType) => CSSVal;

package/dist/utils/logger.d.ts

@@ -0,0 +1 @@
+export declare const LOGGER: import("consola").Consola;