@ease-forge/designer 1.0.29 → 1.1.0

package/dist/operations/commands/UpdateListenersCommand.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UpdateListenersCommand.d.ts","sourceRoot":"","sources":["../../../src/operations/commands/UpdateListenersCommand.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAEhE,oBAAoB;AACpB,UAAU,qBAAqB;IAC3B,aAAa;IACb,MAAM,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,KAAK,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,8BAA8B;IAC9B,WAAW,CAAC,EAAE,eAAe,CAAC;CACjC;AAED,kBAAkB;AAClB,UAAU,6BAA6B;IACnC,aAAa;IACb,OAAO,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAC;CACzC;AAED;;;;;;GAMG;AACH,cAAM,sBAAuB,YAAW,aAAa;IACjD,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,QAAQ,CAAC,aAAa,EAAE,aAAa,CAAC;IAChD,SAAS,CAAC,QAAQ,CAAC,OAAO,EAAE,6BAA6B,CAAC;gBAE9C,aAAa,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,6BAA6B;IAM9F,OAAO,IAAI,OAAO;IAIlB,IAAI,IAAI,OAAO;IAIf,IAAI,IAAI,OAAO;IAIf,oCAAoC;IACpC,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO;IAgB/C,iCAAiC;IACjC,QAAQ,CAAC,IAAI,EAAE,aAAa,GAAG,OAAO;CAezC;AAED,YAAY,EACR,qBAAqB,EACrB,6BAA6B,GAChC,CAAA;AAED,OAAO,EACH,sBAAsB,GACzB,CAAA"}

package/dist/operations/commands/UpdatePropsCommand.d.ts

@@ -0,0 +1,53 @@
+import type { RuntimeNode } from "@ease-forge/runtime";
+import type { DesignCommand } from "../../history/Command";
+import type { DesignerState } from "../../models/DesignerState";
+/** 单个节点的属性写入描述 */
+interface UpdatePropsChange {
+    /** 目标节点id */
+    nodeId: string;
+    /**
+     * 写入位置标识(命令合并依据), 如 "props:width" / "style" / "class" / "directives:for"
+     * 同一标识在合并时间窗内的连续修改会合并成一条历史
+     */
+    changeKey: string;
+    /** 修改前的值(undo 恢复) */
+    oldValue: any;
+    /** 修改后的值 */
+    newValue: any;
+    /** 把值写入节点(空值语义由构造方决定: 赋值或删除属性) */
+    write: (node: RuntimeNode, value: any) => void;
+}
+/** 属性修改命令的选项 */
+interface UpdatePropsCommandOptions {
+    /** 修改描述集合 */
+    changes: Array<UpdatePropsChange>;
+    /** 应用后是否跳过画布重渲染 */
+    disableReRender?: boolean;
+}
+/**
+ * 修改节点属性命令(属性/样式/class/指令的统一撤销载体)
+ * 属性面板、样式面板、高级面板的取值修改都经由本命令写入节点,
+ * 使这些修改与结构操作(增删移)一样具备 undo/redo 能力
+ */
+declare class UpdatePropsCommand implements DesignCommand {
+    readonly name: string;
+    protected readonly designerState: DesignerState;
+    protected readonly options: UpdatePropsCommandOptions;
+    constructor(designerState: DesignerState, name: string, options: UpdatePropsCommandOptions);
+    get changes(): Array<UpdatePropsChange>;
+    execute(): boolean;
+    undo(): boolean;
+    redo(): boolean;
+    /** 应用修改(toOld = true 时恢复修改前的值) */
+    protected applyChanges(toOld: boolean): boolean;
+    /** 重渲染画布并重算受影响节点的选中框位置 */
+    protected rerender(nodes: Array<RuntimeNode>): void;
+    /**
+     * 命令合并: 同一节点同一写入位置的连续修改合并成一条历史
+     * (相同位置更新 newValue, 新位置追加; 无任何交集时不合并)
+     */
+    tryMerge(next: DesignCommand): boolean;
+}
+export type { UpdatePropsChange, UpdatePropsCommandOptions, };
+export { UpdatePropsCommand, };
+//# sourceMappingURL=UpdatePropsCommand.d.ts.map

package/dist/operations/commands/UpdatePropsCommand.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UpdatePropsCommand.d.ts","sourceRoot":"","sources":["../../../src/operations/commands/UpdatePropsCommand.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAEhE,kBAAkB;AAClB,UAAU,iBAAiB;IACvB,aAAa;IACb,MAAM,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB,qBAAqB;IACrB,QAAQ,EAAE,GAAG,CAAC;IACd,YAAY;IACZ,QAAQ,EAAE,GAAG,CAAC;IACd,kCAAkC;IAClC,KAAK,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CAClD;AAED,gBAAgB;AAChB,UAAU,yBAAyB;IAC/B,aAAa;IACb,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAClC,mBAAmB;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED;;;;GAIG;AACH,cAAM,kBAAmB,YAAW,aAAa;IAC7C,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,QAAQ,CAAC,aAAa,EAAE,aAAa,CAAC;IAChD,SAAS,CAAC,QAAQ,CAAC,OAAO,EAAE,yBAAyB,CAAC;gBAE1C,aAAa,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,yBAAyB;IAM1F,IAAI,OAAO,IAAI,KAAK,CAAC,iBAAiB,CAAC,CAEtC;IAED,OAAO,IAAI,OAAO;IAIlB,IAAI,IAAI,OAAO;IAIf,IAAI,IAAI,OAAO;IAIf,kCAAkC;IAClC,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO;IAe/C,0BAA0B;IAC1B,SAAS,CAAC,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,GAAG,IAAI;IAanD;;;OAGG;IACH,QAAQ,CAAC,IAAI,EAAE,aAAa,GAAG,OAAO;CAezC;AAED,YAAY,EACR,iBAAiB,EACjB,yBAAyB,GAC5B,CAAA;AAED,OAAO,EACH,kBAAkB,GACrB,CAAA"}

package/dist/register/RegisterSetter.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentManage } from "@ease-forge/runtime";
+/**
+ * 注册组件设置器(Setter 组件按名称注册到组件管理器, 供 ComponentMeta.setter 配置中的 cmp 字符串解析)
+ * TODO(designer-meta 阶段): IconSetter(FontAwesome图标选择完整版)
+ */
+declare function registerSetterComponents(componentManage: ComponentManage): void;
+export { registerSetterComponents, };
+//# sourceMappingURL=RegisterSetter.d.ts.map

package/dist/register/RegisterSetter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RegisterSetter.d.ts","sourceRoot":"","sources":["../../src/register/RegisterSetter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAU3D;;;GAGG;AACH,iBAAS,wBAAwB,CAAC,eAAe,EAAE,eAAe,GAAG,IAAI,CASxE;AAED,OAAO,EACH,wBAAwB,GAC3B,CAAA"}

package/dist/types/Designer.d.ts

@@ -0,0 +1,153 @@
+/** 监听事件的DOM元素(含Window) */
+type EventContainer = HTMLElement | Document;
+/** 光标拖拽状态 */
+declare enum CursorStatus {
+    /** 常规 */
+    Normal = "normal",
+    /** 开始拖拽 */
+    DragStart = "drag_start",
+    /** 拖拽中 */
+    Dragging = "dragging",
+    /** 拖拽结束 */
+    DragStop = "drag_stop"
+}
+/** 光标位置 */
+interface CursorPosition {
+    /** 光标位置相对于浏览器窗口左上角的水平坐标(单位像素) */
+    clientX: number;
+    /** 光标位置相对于浏览器窗口左上角的垂直坐标(单位像素) */
+    clientY: number;
+    /** 光标位置与文档左侧边缘的距离，包括文档不可见的部分(单位像素) */
+    pageX: number;
+    /** 光标位置与文档上侧边缘的距离，包括文档不可见的部分(单位像素) */
+    pageY: number;
+    /** 光标位置相对于最外层(考虑iframe存在的情况)浏览器窗口左上角的水平坐标(单位像素) */
+    topClientX: number;
+    /** 光标位置相对于最外层(考虑iframe存在的情况)浏览器窗口左上角的垂直坐标(单位像素) */
+    topClientY: number;
+    /** 光标位置与最外层(考虑iframe存在的情况)文档左侧边缘的距离，包括文档不可见的部分(单位像素) */
+    topPageX: number;
+    /** 光标位置与最外层(考虑iframe存在的情况)文档上侧边缘的距离，包括文档不可见的部分(单位像素) */
+    topPageY: number;
+}
+/** 设计器光标模式 */
+declare enum DesignerCursorMode {
+    /** 拖拽 */
+    DragDrop = "dragdrop",
+    /** 自由选择 */
+    Selection = "selection"
+}
+/** 设计器布局类型 */
+declare enum DesignerLayout {
+    /** PC端 */
+    PC = "pc",
+    /** 移动端 */
+    Mobile = "mobile"
+}
+/** 设计器叶签类型 */
+declare enum DesignerTab {
+    /** 设计器 */
+    Designer = "Designer",
+    /** 源码 */
+    Code = "Code",
+    /** 预览 */
+    Preview = "Preview"
+}
+/**
+ * html元素矩形。
+ * 视口左上角距离，不随页面滚动而改变。
+ */
+interface ElementRect {
+    /** "html元素左上角"离"视口左上角"垂直方向的距离(像素) */
+    top: number;
+    /** "html元素左上角"离"视口左上角"水平方向的距离(像素) */
+    left: number;
+    /** html元素宽(像素) */
+    width: number;
+    /** html元素高(像素) */
+    height: number;
+}
+/** 辅助工具的位置 */
+interface AuxToolPosition extends ElementRect {
+    /** 是否在容器顶部 */
+    isTop: boolean;
+    /** 是否在容器底部 */
+    isBottom: boolean;
+}
+/** 上下左右四个方向 */
+declare enum Direction {
+    top = "top",
+    bottom = "bottom",
+    left = "left",
+    right = "right"
+}
+/** 四个角的方向 */
+declare enum PointDirection {
+    leftTop = "leftTop",
+    leftBottom = "leftBottom",
+    rightTop = "rightTop",
+    rightBottom = "rightBottom"
+}
+/** 渲染节点与光标的距离信息 */
+interface NodeToCursorDistance {
+    /** 渲染节点的dom */
+    element: Element;
+    /** html元素宽(像素) */
+    width: number;
+    /** html元素高(像素) */
+    height: number;
+    /** 光标与渲染节点上边框的距离 */
+    top: number;
+    /** 光标与渲染节点下边框的距离 */
+    bottom: number;
+    /** 光标与渲染节点左边框的距离 */
+    left: number;
+    /** 光标与渲染节点右边框的距离 */
+    right: number;
+    /** 光标是否在渲染节点的在垂直区域内 */
+    vInside: boolean;
+    /** 光标是否在渲染节点的在水平区域内 */
+    hInside: boolean;
+    /** 光标是否在渲染节点里面 */
+    bothInside: boolean;
+    /** 最近的边 */
+    direction: Direction;
+    /** 光标与渲染节点左上角的距离 */
+    leftTop: number;
+    /** 光标与渲染节点左下角的距离 */
+    leftBottom: number;
+    /** 光标与渲染节点右上角的距离 */
+    rightTop: number;
+    /** 光标与渲染节点右下角的距离 */
+    rightBottom: number;
+    /** 最近的点 */
+    point: PointDirection;
+    /** 渲染节点是否是行级块(独占一行) */
+    rowBlock: boolean;
+    /** 渲染节点是否是内联块(独占一行) */
+    inlineBlock: boolean;
+}
+/**
+ * 设计器插入组件的位置信息
+ */
+interface InsertionData {
+    /** 渲染节点与光标的距离信息 */
+    distance: NodeToCursorDistance;
+    /** 插入区域位置 */
+    position: AuxToolPosition;
+    /** 容器组件节点id(值是：RuntimeNode.id) */
+    containerId: string;
+    /** 插入容器节点的插槽名称(子节点是一种特殊的插槽，名为：default) */
+    slotName: string;
+    /** 离插入位置最近的组件节点id(值是：RuntimeNode.id) */
+    nodeId: string;
+    /** 当期 node 属于占位组件 */
+    placeholder: boolean;
+    /** 是否允许拖拽 */
+    allowDrag: boolean;
+    /** 是否在 nodeId 之前插入 */
+    before: boolean;
+}
+export type { EventContainer, CursorPosition, ElementRect, AuxToolPosition, NodeToCursorDistance, InsertionData, };
+export { CursorStatus, DesignerCursorMode, DesignerLayout, DesignerTab, Direction, PointDirection, };
+//# sourceMappingURL=Designer.d.ts.map

package/dist/types/Designer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Designer.d.ts","sourceRoot":"","sources":["../../src/types/Designer.ts"],"names":[],"mappings":"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"}

package/dist/utils/ComponentMetaUtils.d.ts

@@ -0,0 +1,13 @@
+import type { DesignNode } from "@ease-forge/runtime";
+/**
+ * 判断组件的占位配置中是否存在有效的占位节点
+ * (存在占位节点表示当前组件是容器组件, 可以容纳子组件)
+ * @param placeholder 占位配置(值兼容 DesignNode 配置形态与 RuntimeNode 运行时形态)
+ */
+declare function existsPlaceholder(placeholder?: Record<"default" | string, DesignNode | RuntimeNodePlaceholder | boolean>): boolean;
+/** RuntimeNode 形态的占位节点(只需要判断真值, 结构不关心) */
+interface RuntimeNodePlaceholder {
+    [name: string]: any;
+}
+export { existsPlaceholder, };
+//# sourceMappingURL=ComponentMetaUtils.d.ts.map

package/dist/utils/ComponentMetaUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentMetaUtils.d.ts","sourceRoot":"","sources":["../../src/utils/ComponentMetaUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEtD;;;;GAIG;AACH,iBAAS,iBAAiB,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC,SAAS,GAAG,MAAM,EAAE,UAAU,GAAG,sBAAsB,GAAG,OAAO,CAAC,GAAG,OAAO,CAO3H;AAED,0CAA0C;AAC1C,UAAU,sBAAsB;IAC5B,CAAC,IAAI,EAAE,MAAM,GAAG,GAAG,CAAC;CACvB;AAED,OAAO,EACH,iBAAiB,GACpB,CAAA"}

package/dist/utils/DesignerUtils.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentMeta } from "@ease-forge/runtime";
+/**
+ * 校验组件是否允许拖拽到指定的父组件中(基于 ComponentMeta.dragDropConfig)
+ * @param cmpMeta       被拖拽组件元数据
+ * @param parentCmpMeta 父级组件元数据
+ * @param slotName      被拖拽到父组件的插槽位置
+ * @param element       父级组件 Element 对象
+ */
+declare function isAllowDrag(cmpMeta: ComponentMeta, parentCmpMeta: ComponentMeta, slotName: string, element: Element): boolean;
+export { isAllowDrag, };
+//# sourceMappingURL=DesignerUtils.d.ts.map

package/dist/utils/DesignerUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesignerUtils.d.ts","sourceRoot":"","sources":["../../src/utils/DesignerUtils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEzD;;;;;;GAMG;AACH,iBAAS,WAAW,CAAC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAG,OAAO,CAwBtH;AAED,OAAO,EACH,WAAW,GACd,CAAA"}

package/dist/utils/PositionCalc.d.ts

@@ -0,0 +1,27 @@
+import { type AuxToolPosition, type CursorPosition, type NodeToCursorDistance } from "../types/Designer";
+/** 默认的光标位置 */
+declare const defCursorPosition: CursorPosition;
+/**
+ * 计算辅助工具的位置
+ * @param container 外层容器
+ * @param element   内部dom节点
+ */
+declare function calcAuxToolPosition(container: Element, element: Element): AuxToolPosition;
+/**
+ * 计算渲染节点与光标的距离
+ * @param position  鼠标位置
+ * @param element   渲染节点dom
+ */
+declare function calcNodeToCursorDistance(position: CursorPosition, element: Element): NodeToCursorDistance;
+/**
+ * 计算两点之间的距离
+ */
+declare function calcDistance(x1: number, y1: number, x2?: number, y2?: number): number;
+/**
+ * 计算位置增量
+ * @param end   结束位置
+ * @param start 开始位置
+ */
+declare function calcPositionDelta(end: CursorPosition, start?: CursorPosition): CursorPosition;
+export { defCursorPosition, calcAuxToolPosition, calcNodeToCursorDistance, calcDistance, calcPositionDelta, };
+//# sourceMappingURL=PositionCalc.d.ts.map

package/dist/utils/PositionCalc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PositionCalc.d.ts","sourceRoot":"","sources":["../../src/utils/PositionCalc.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,eAAe,EAAE,KAAK,cAAc,EAAa,KAAK,oBAAoB,EAAkB,MAAM,mBAAmB,CAAC;AAWpI,cAAc;AACd,QAAA,MAAM,iBAAiB,EAAE,cASxB,CAAC;AAqDF;;;;GAIG;AACH,iBAAS,mBAAmB,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,GAAG,eAAe,CAWlF;AAED;;;;GAIG;AACH,iBAAS,wBAAwB,CAAC,QAAQ,EAAE,cAAc,EAAE,OAAO,EAAE,OAAO,GAAG,oBAAoB,CAsFlG;AAED;;GAEG;AACH,iBAAS,YAAY,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAE,MAAU,EAAE,EAAE,GAAE,MAAU,GAAG,MAAM,CAKpF;AAED;;;;GAIG;AACH,iBAAS,iBAAiB,CAAC,GAAG,EAAE,cAAc,EAAE,KAAK,CAAC,EAAE,cAAc,GAAG,cAAc,CAUtF;AAED,OAAO,EACH,iBAAiB,EACjB,mBAAmB,EACnB,wBAAwB,EACxB,YAAY,EACZ,iBAAiB,GACpB,CAAA"}

package/dist/utils/SetterUtils.d.ts

@@ -0,0 +1,59 @@
+import type { BlockInstance, RuntimeNode, SetterProps, SetterState } from "@ease-forge/runtime";
+import type { DesignerState } from "../models/DesignerState";
+/** 当选中多个节点且节点的同一属性有不同值时的提示文本 */
+declare const multipleValuesText = "\u5B58\u5728\u591A\u4E2A\u4E0D\u540C\u503C";
+/** setter值转换函数 */
+type ValueTransform<T = any> = (value: any) => T | undefined;
+/** setter值转换成object */
+declare const toObj: ValueTransform;
+/** setter值转换成string */
+declare const toStr: ValueTransform<string>;
+/** setter值转换成boolean */
+declare const toBool: ValueTransform<boolean>;
+/** setter值转换成number */
+declare const toNumber: ValueTransform<number>;
+/** setter值使用JSON.stringify序列化成字符串 */
+declare const jsonStringify: ValueTransform<string>;
+/**
+ * 获取 state 默认值
+ */
+declare function getDefState(): SetterState;
+/**
+ * 获取setter值(多节点取值不一致时标记 multipleValues)
+ * @param props     设置器组件 props 属性
+ * @param state     设置器组件 state 属性
+ * @param transform setter值转换函数
+ */
+declare function getValue<R = any>(props: SetterProps, state: SetterState, transform?: ValueTransform<R>): R;
+/**
+ * 应用setter值到组件节点
+ * 经由 UpdatePropsCommand 写入(可撤销/重做), 时间窗内的连续修改合并成一条历史;
+ * applyPropsValue 钩子自行管理写入与重渲染的场景(如样式面板的防抖缓冲)不走命令,
+ * 由钩子实现方(StyleUtils.applyStyle)自行构造命令
+ * @param props     设置器组件 props 属性
+ * @param state     设置器组件 state 属性
+ * @param setter    设置器组件实例
+ * @param value     应用的setter值
+ */
+declare function applyValue<T = any>(props: SetterProps, state: SetterState, setter: any, value: T): boolean;
+/**
+ * 强制重新渲染 Block 组件
+ */
+declare function forceUpdateBlock(designerState: DesignerState, blockInstance: BlockInstance | undefined, nodes: Array<RuntimeNode>, disableReRender?: boolean, recalcAuxToolPosition?: boolean, recalcAuxToolPositionDelay?: number): void;
+/**
+ * 监听选中的节点变化, 重新读取setter值
+ */
+declare function watchNodes(props: SetterProps, state: SetterState, transform?: ValueTransform): void;
+/**
+ * 定义设置器组件公开内容
+ */
+declare function getSetterExpose<T = any>(props: SetterProps, state: SetterState, setter: any, transform?: ValueTransform<T>): {
+    designerState: any;
+    blockInstance: BlockInstance;
+    nodes: RuntimeNode[];
+    getValue: () => any;
+    setValue: (value: any) => void;
+};
+export type { ValueTransform, };
+export { multipleValuesText, toObj, toStr, toBool, toNumber, jsonStringify, getDefState, getValue, applyValue, forceUpdateBlock, watchNodes, getSetterExpose, };
+//# sourceMappingURL=SetterUtils.d.ts.map

package/dist/utils/SetterUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SetterUtils.d.ts","sourceRoot":"","sources":["../../src/utils/SetterUtils.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAChG,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAG7D,gCAAgC;AAChC,QAAA,MAAM,kBAAkB,+CAAY,CAAC;AAErC,kBAAkB;AAClB,KAAK,cAAc,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,KAAK,EAAE,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC;AAE7D,uBAAuB;AACvB,QAAA,MAAM,KAAK,EAAE,cAGZ,CAAC;AAEF,uBAAuB;AACvB,QAAA,MAAM,KAAK,EAAE,cAAc,CAAC,MAAM,CAEjC,CAAC;AAEF,wBAAwB;AACxB,QAAA,MAAM,MAAM,EAAE,cAAc,CAAC,OAAO,CAEnC,CAAC;AAEF,uBAAuB;AACvB,QAAA,MAAM,QAAQ,EAAE,cAAc,CAAC,MAAM,CAOpC,CAAC;AAEF,qCAAqC;AACrC,QAAA,MAAM,aAAa,EAAE,cAAc,CAAC,MAAM,CAGzC,CAAC;AAEF;;GAEG;AACH,iBAAS,WAAW,IAAI,WAAW,CAKlC;AAED;;;;;GAKG;AACH,iBAAS,QAAQ,CAAC,CAAC,GAAG,GAAG,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,CAMnG;AAuCD;;;;;;;;;GASG;AACH,iBAAS,UAAU,CAAC,CAAC,GAAG,GAAG,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,GAAG,OAAO,CA2DnG;AAED;;GAEG;AACH,iBAAS,gBAAgB,CAAC,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,GAAG,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,EAAE,eAAe,CAAC,EAAE,OAAO,EAAE,qBAAqB,CAAC,EAAE,OAAO,EAAE,0BAA0B,CAAC,EAAE,MAAM,GAAG,IAAI,CAsBlO;AAED;;GAEG;AACH,iBAAS,UAAU,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,CAAC,EAAE,cAAc,GAAG,IAAI,CAI5F;AAED;;GAEG;AACH,iBAAS,eAAe,CAAC,CAAC,GAAG,GAAG,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC;;;;;sBAM1F,GAAG;EAM5B;AAED,YAAY,EACR,cAAc,GACjB,CAAA;AAED,OAAO,EACH,kBAAkB,EAClB,KAAK,EACL,KAAK,EACL,MAAM,EACN,QAAQ,EACR,aAAa,EACb,WAAW,EACX,QAAQ,EACR,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,eAAe,GAClB,CAAA"}

package/dist/utils/StyleUtils.d.ts

@@ -0,0 +1,34 @@
+import type { StyleSetterProps, StyleSetterState } from "@ease-forge/runtime";
+/** 调用 applyStyle 的防抖时间(毫秒) */
+declare const applyStyleDebounceTime = 350;
+/** 获取 state 默认值 */
+declare function getDefState(): StyleSetterState;
+/** 把 style 属性值转换成对象形式(字符串样式表转对象) */
+declare function toObjectStyle(style: any): Record<string, any> | undefined;
+/**
+ * 获取 style property 值(多节点取值不一致时返回 undefined 且 multipleValuesUpdate(true))
+ * @param props         样式设置器 props
+ * @param styleProperty 样式属性名(支持 "font.size" 形式的key path)
+ * @param transform     值转换函数
+ */
+declare function getStyle<R = any>(props: StyleSetterProps, styleProperty: string, transform?: (value: any) => R, multipleValuesUpdate?: (multipleValues: boolean) => void): R | undefined;
+/**
+ * 应用 style property 值到组件节点(值为空时删除属性)
+ * 同一防抖窗口内的多次调用按属性合并缓冲, 到期一次性经命令写入:
+ * 整体防抖会把窗口内靠前的修改参数丢掉, 缓冲合并后每个属性的修改都会保留
+ */
+declare function applyStyle(props: StyleSetterProps, styleValues: Record<string, any>): void;
+/**
+ * 应用 class 值到组件节点(切换主题 class, 额外 class 由本函数全权管理)
+ * 最终 class = 组件自身配置的 rawClass + 主题 class, 经由命令写入(可撤销)
+ */
+declare function applyClass(props: StyleSetterProps, cls: string | undefined): void;
+/**
+ * 获取当前主题 class(meta.componentStyles 中匹配的 class, 不匹配返回空)
+ */
+declare function getActiveClass(props: StyleSetterProps, componentClasses: Array<{
+    name: string;
+    class: string;
+}>): string | undefined;
+export { applyStyleDebounceTime, getDefState, toObjectStyle, getStyle, applyStyle, applyClass, getActiveClass, };
+//# sourceMappingURL=StyleUtils.d.ts.map

package/dist/utils/StyleUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyleUtils.d.ts","sourceRoot":"","sources":["../../src/utils/StyleUtils.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAK9E,8BAA8B;AAC9B,QAAA,MAAM,sBAAsB,MAAM,CAAC;AAEnC,mBAAmB;AACnB,iBAAS,WAAW,IAAI,gBAAgB,CAIvC;AAED,oCAAoC;AACpC,iBAAS,aAAa,CAAC,KAAK,EAAE,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,CAWlE;AAED;;;;;GAKG;AACH,iBAAS,QAAQ,CAAC,CAAC,GAAG,GAAG,EAAE,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,CAAC,EAAE,oBAAoB,CAAC,EAAE,CAAC,cAAc,EAAE,OAAO,KAAK,IAAI,GAAG,CAAC,GAAG,SAAS,CAiBjL;AAgDD;;;;GAIG;AACH,iBAAS,UAAU,CAAC,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAQnF;AAED;;;GAGG;AACH,iBAAS,UAAU,CAAC,KAAK,EAAE,gBAAgB,EAAE,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CA0B1E;AAED;;GAEG;AACH,iBAAS,cAAc,CAAC,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,KAAK,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,GAAG,MAAM,GAAG,SAAS,CAW7H;AAED,OAAO,EACH,sBAAsB,EACtB,WAAW,EACX,aAAa,EACb,QAAQ,EACR,UAAU,EACV,UAAU,EACV,cAAc,GACjB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ease-forge/designer",
-  "version": "1.0.29",
+  "version": "1.1.0",
   "description": "",
   "type": "module",
   "main": "index.cjs",
@@ -22,6 +22,7 @@
       "import": "./dist/ease-forge-designer.esm.js",
       "require": "./index.cjs"
     },
+    "./style.css": "./dist/ease-forge-designer.css",
     "./*": {
       "types": "./dist/*.d.ts",
       "default": "./*"
@@ -30,11 +31,16 @@
   "dependencies": {
     "vue": "~3.5.42",
     "lodash": "^4.18.1",
-    "@ease-forge/shared": "1.0.29",
-    "@ease-forge/runtime": "1.0.29"
+    "csstype": "^3.2.3",
+    "dayjs": "^1.11.23",
+    "@vue/shared": "~3.5.42",
+    "antdv-next": "^1.5.4",
+    "@antdv-next/icons": "^1.1.2",
+    "@ease-forge/shared": "1.1.0",
+    "@ease-forge/runtime": "1.1.0"
   },
   "devDependencies": {
-    "typescript": "~5.5.3",
+    "typescript": "^6.0.3",
     "@types/node": "~22.19.18",
     "@types/lodash": "^4.17.25",
     "vue-tsc": "~3.3.11",

package/dist/types/index.d.ts

@@ -1 +0,0 @@
-//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":""}