zenz-contract 0.0.1

package/dist/typings/Editor.d.ts

@@ -0,0 +1,260 @@
+import { Layout } from './lib/interface';
+import { BaseElement } from './lib/BaseElement';
+import { LayoutElement } from './lib/LayoutElement';
+import { Loader } from './Loader';
+/**
+ * 编辑器
+ * @param renderEl 渲染节点
+ * @param options 选项
+ */
+export declare class Editor<D = Record<string, any>, T extends Editor.EditorOptions<D> = Editor.EditorOptions<D>, E extends Editor.EventMap = Editor.EventMap> extends Loader<D, T, E> {
+    #private;
+    constructor(renderEl: HTMLDivElement, options?: Partial<T>);
+    /**
+     * 编辑节点
+     */
+    get editElement(): HTMLDivElement;
+    /**
+     * 悬停的节点
+     */
+    get hoverElement(): BaseElement<any, BaseElement<any, any, any>, BaseElement.EventMap>;
+    /**
+     * 选中的节点
+     */
+    get selectedElement(): BaseElement<any, BaseElement<any, any, any>, BaseElement.EventMap>;
+    /**
+     * 边界矩形
+     */
+    get domRect(): DOMRect;
+    /**
+     * 操作历史
+     */
+    get history(): Editor.History.Item<Editor.History.Type>[];
+    /**
+     * 可以撤销
+     */
+    get canRevoke(): boolean;
+    /**
+     * 可以重做
+     */
+    get cnaRedo(): boolean;
+    disposed(): void;
+    /**
+     * 选择节点
+     * @param target
+     */
+    select<T extends BaseElement<any>>(target: T): void;
+    /**
+     * 创建边界矩形
+     * @param target
+     * @returns
+     */
+    createDomRect<T extends BaseElement<any>>(target: T): HTMLDivElement;
+    /**
+     * 撤销
+     */
+    revoke(): void;
+    /**
+     * 重做
+     */
+    redo(): void;
+}
+export declare namespace Editor {
+    /**
+     * 事件列表
+     */
+    interface EventMap extends Loader.EventMap {
+        /**
+         * 尺寸发生改变
+         * @param data
+         */
+        resize(data: DOMRect): void;
+        (event: 'resize', data: DOMRect): void;
+        /**
+         * 悬停节点
+         * @param target 目标节点
+         * @param nativeData 原始鼠标事件
+         */
+        hover<T = BaseElement<any>>(target: T, nativeData: MouseEvent): void;
+        <T = BaseElement<any>>(event: 'hover', target: T, nativeData: MouseEvent): void;
+        /**
+         * 选中节点
+         * @param target 目标节点
+         */
+        select<T = BaseElement<any>>(target: T): void;
+        <T = BaseElement<any>>(event: 'select', target: T): void;
+        /**
+         * 事件触发
+         * @param eventData  事件数据
+         * @param nativeEvent 原始鼠标事件
+         */
+        eventTrigger<T, U>(eventData: EventElementData<T, U>, nativeEvent: MouseEvent): void;
+        <T, U>(event: 'eventTrigger', eventData: EventElementData<T, U>, nativeEvent: MouseEvent): void;
+        /**
+         * 插入节点
+         * @param insertHook 插入钩子函数
+         * @param eventData 事件数据
+         * @param nativeEvent 原始鼠标事件
+         */
+        insert(insertHook: (target: BaseElement<any>) => void, eventData: EventElementData<InsertType | number>, nativeEvent: MouseEvent): void;
+        (event: 'insert', insertHook: (target: BaseElement<any>) => void, eventData: EventElementData<InsertType | number>, nativeEvent: MouseEvent): void;
+    }
+    /**
+     * 选项
+     */
+    interface EditorOptions<T = Record<string, any>> extends Loader.Options<T> {
+        /**
+         * 主题颜色
+         * @default #03A9F4
+         */
+        themeColor: string;
+    }
+    namespace EditorOptions {
+        /**
+         * 获取默认值
+         * @returns
+         */
+        function getDefault(): EditorOptions;
+    }
+    /**
+     * 类名
+     */
+    namespace ClassName {
+        const Editor = "zen-contract-editor";
+        const EditorRect = "editor-rect";
+        const EditorRectBack = "editor-rect-back";
+        const EditorContainer = "zen-contract-editor-container";
+        const EditorSelected = "editor-selected";
+        const EditorInsertBtn = "editor-insert-btn";
+        const EditorInsertBtnBefore = "editor-insert-btn-before";
+        const EditorInsertBtnAfter = "editor-insert-btn-after";
+        const EditorSplitLine = "editor-split-line";
+        function getSelectedTypeClassName(type: Layout.Type): string;
+    }
+    /**
+     * 事件节点数据
+     */
+    interface EventElementData<T = any, U = BaseElement<any>> {
+        /**
+         * 事件类型
+         */
+        type: string;
+        /**
+         * 事件目标
+         */
+        target: U;
+        /**
+         * 事件数据
+         */
+        data: T;
+    }
+    /**
+     * 插入类型
+     */
+    enum InsertType {
+        /**
+         * 在之前插入
+         */
+        Before = "before",
+        /**
+         * 在之后插入
+         */
+        After = "after",
+        /**
+         * 在父级之前插入
+         */
+        ParentBefore = "parentBefore",
+        /**
+         * 在父级之后插入
+         */
+        ParentAfter = "parentAfter"
+    }
+    /**
+     * 操作历史
+     */
+    type History = History.Item[];
+    namespace History {
+        /**
+         * 历史项目
+         */
+        interface Item<T extends History.Type = History.Type> {
+            /**
+             * 类型
+             */
+            type: T;
+            /**
+             * 数据
+             */
+            data: History.Value[T];
+        }
+        /**
+         * 操作类型
+         */
+        enum Type {
+            /**
+             * 新增
+             */
+            Add = "add",
+            /**
+             * 删除
+             */
+            Delete = "delete",
+            /**
+             * 修改
+             */
+            Modify = "modify"
+        }
+        /**
+         * 操作值
+         */
+        interface Value {
+            [Type.Add]: {
+                /**
+                 * 目标
+                 */
+                target: BaseElement<any>;
+                /**
+                 * 父级
+                 */
+                parent: LayoutElement;
+                /**
+                 * 在父级的位置
+                 */
+                index: number;
+            };
+            [Type.Delete]: {
+                /**
+                 * 目标
+                 * @description 为数组时判断为全部删除，index属性无效
+                 */
+                target: BaseElement<any> | BaseElement<any>[];
+                /**
+                 * 父级
+                 */
+                parent: LayoutElement;
+                /**
+                 * 在父级的位置
+                 */
+                index?: number;
+            };
+            [Type.Modify]: {
+                /**
+                 * 目标
+                 */
+                target: BaseElement<any>;
+                /**
+                 * 配置路径
+                 */
+                path: string[];
+                /**
+                 * 当前值
+                 */
+                value: any;
+                /**
+                 * 修改前的值
+                 */
+                oldValue: any;
+            };
+        }
+    }
+}

package/dist/typings/Loader.d.ts

@@ -0,0 +1,81 @@
+import { DataProxy } from '@kotron/watcher';
+import { Layout, Variable } from './lib/interface';
+import { LayoutElement } from './lib/LayoutElement';
+import { BaseElement } from './lib/BaseElement';
+/**
+ * 加载器
+ * @param renderEl 渲染节点
+ * @param options 选项
+ */
+export declare class Loader<D = Record<string, any>, T extends Loader.Options<D> = Loader.Options<D>, E extends Loader.EventMap = Loader.EventMap> extends LayoutElement<T, E> {
+    #private;
+    constructor(renderEl: HTMLElement, options?: Partial<T>);
+    /**
+     * 渲染的节点
+     */
+    get renderEl(): HTMLElement;
+    /**
+     * SVG节点
+     */
+    get svgElement(): SVGElement;
+    /**
+     * 加载的节点
+     */
+    get loadElement(): SVGGElement;
+    /**
+     * HTML根节点
+     */
+    get rootElement(): HTMLDivElement;
+    /**
+     * 尺寸
+     */
+    get size(): {
+        width: number;
+        height: number;
+    };
+    get width(): number;
+    /**
+     * 变量列表
+     */
+    get variableList(): (keyof D | Variable<keyof D>)[];
+    /**
+     * 数据源
+     */
+    get dataSource(): DataProxy<D>;
+    onAppendChildDeep<T, U>(child: BaseElement<T>, target: BaseElement<U>): void;
+    onRemoveChildDeep<T, U>(child: BaseElement<T>, target: BaseElement<U>): void;
+    /**
+     * 根据ID获取元素
+     * @param id
+     * @returns
+     */
+    getElementById<T extends BaseElement<any> = BaseElement<any>>(id: string): T;
+    disposed(): void;
+}
+export declare namespace Loader {
+    /**
+     * 事件列表
+     */
+    interface EventMap extends LayoutElement.EventMap {
+    }
+    /**
+     * 选项
+     */
+    interface Options<T = Record<string, any>, K = keyof T> extends Omit<Layout, 'type'> {
+        /**
+         * 变量列表
+         */
+        variableList: Array<K | Variable<K>>;
+        /**
+         * 数据源
+         */
+        dataSource?: T;
+    }
+    namespace Options {
+        /**
+         * 获取默认值
+         * @returns
+         */
+        function getDefault(): Options;
+    }
+}

package/dist/typings/Utils.d.ts

@@ -0,0 +1,33 @@
+/**
+ * 创建foreignObject对象
+ * @param options
+ */
+export declare function createForeignObject(options?: createForeignObject.Options): {
+    foreignObject: SVGForeignObjectElement;
+    root: HTMLDivElement;
+};
+export declare namespace createForeignObject {
+    /**
+     * 选项
+     */
+    interface Options {
+        x: number | string;
+        y: number | string;
+        width: number | string;
+        height: number | string;
+    }
+    namespace Options {
+        /**
+         * 获取默认值
+         * @returns
+         */
+        function getDefault(): Options;
+    }
+}
+/**
+ * 获取间距值列表
+ * @param value 需要解析的间距值
+ * @param length 获取的长度
+ * @returns
+ */
+export declare function getGapValue<T = number | string, R = T[]>(value: T | T[], length?: number): R;

package/dist/typings/index.d.ts

@@ -0,0 +1,12 @@
+import './lib/global.scss';
+export * from './lib/interface';
+export * from './lib/BaseElement';
+export * from './lib/LayoutElement';
+export * from './lib/ContentElement';
+export * from './lib/TextElement';
+export * from './lib/VariableElement';
+export * from './lib/TableElement';
+export * from './lib/SignatureAndSealElement';
+export * as Utils from './Utils';
+export * from './Loader';
+export * from './Editor';

package/dist/typings/lib/BaseElement.d.ts

@@ -0,0 +1,120 @@
+import { EventManager } from '@~crazy/eventmanager';
+import { DataProxy } from '@kotron/watcher';
+/**
+ * 基础元素
+ * @description 抽象类
+ * @param options 选项
+ */
+export declare abstract class BaseElement<T, P extends BaseElement<any, any, any> = BaseElement<any, any, any>, E extends BaseElement.EventMap = BaseElement.EventMap> extends EventManager<E> {
+    #private;
+    constructor(options: T);
+    /**
+     * 元素
+     */
+    abstract get el(): HTMLElement;
+    /**
+     * 宽度
+     */
+    abstract get width(): number;
+    /**
+     * 高度
+     */
+    abstract get height(): number;
+    /**
+     * 唯一ID
+     */
+    get id(): string;
+    /**
+     * 父级
+     */
+    get parent(): P;
+    /**
+     * 选项
+     */
+    get options(): T;
+    /**
+     * 初始化
+     */
+    init(): void;
+    /**
+     * 设置父级
+     * @param parent
+     */
+    setParent(parent: P): void;
+    /**
+     * 获取根元素
+     * @returns
+     */
+    getRootElement<R = P>(): R;
+    /**
+     * 更新前
+     * @param record 数据记录
+     */
+    beforeUpdate(record: DataProxy.DataRecord<T>): void;
+    /**
+     * 更新完成
+     */
+    updated(): void;
+    /**
+     * 销毁前
+     */
+    beforeDispose(): void;
+    /**
+     * 销毁完成
+     */
+    disposed(): void;
+    /**
+     * 销毁
+     */
+    dispose(): void;
+    /**
+     * 获取选项
+     * @returns
+     */
+    getOptions(): T;
+}
+export declare namespace BaseElement {
+    /**
+     * 事件列表
+     */
+    interface EventMap {
+        /**
+         * 初始化
+         */
+        init(): void;
+        (event: 'init'): void;
+        /**
+         * 更新前
+         * @param record 数据记录
+         */
+        beforeUpdate(record: DataProxy.DataRecord): void;
+        (event: 'beforeUpdate', record: DataProxy.DataRecord): void;
+        /**
+         * 更新完成
+         */
+        updated(): void;
+        (event: 'updated'): void;
+        /**
+         * 销毁前
+         */
+        beforeDispose(): void;
+        (event: 'beforeDispose'): void;
+        /**
+         * 销毁完成
+         */
+        disposed(): void;
+        (event: 'disposed'): void;
+    }
+    /**
+     * 判断目标是否为基础元素
+     * @param target
+     * @returns
+     */
+    function isBaseElement(target: HTMLElement): boolean;
+    /**
+     * 获取基础元素ID
+     * @param target
+     * @returns
+     */
+    function getID(target: HTMLElement): any;
+}

package/dist/typings/lib/ContentElement.d.ts

@@ -0,0 +1,32 @@
+import { Content } from './interface';
+import { BaseElement } from './BaseElement';
+import { LayoutElement } from './LayoutElement';
+/**
+ * 内容元素
+ * @param options 选项
+ */
+export declare abstract class ContentElement<T extends Content = Content, E extends ContentElement.EventMap = ContentElement.EventMap, P extends LayoutElement = LayoutElement> extends BaseElement<T, P, E> {
+    #private;
+    constructor(options?: Partial<T>);
+    get el(): HTMLDivElement;
+    get width(): number;
+    get height(): number;
+    init(): void;
+    /**
+     * 添加目标到当前内容之前的位置
+     * @param target 需要添加的目标
+     */
+    appendBefore<T>(target: BaseElement<T>): void;
+    /**
+     * 添加目标到当前内容之后的位置
+     * @param target 需要添加的目标
+     */
+    appendAfter<T>(target: BaseElement<T>): void;
+}
+export declare namespace ContentElement {
+    /**
+     * 事件列表
+     */
+    interface EventMap extends BaseElement.EventMap {
+    }
+}

package/dist/typings/lib/LayoutElement.d.ts

@@ -0,0 +1,124 @@
+import { Layout } from './interface';
+import { BaseElement } from './BaseElement';
+/**
+ * 布局元素
+ * @param options 选项
+ */
+export declare class LayoutElement<T extends Layout = Layout, E extends LayoutElement.EventMap = LayoutElement.EventMap, P extends LayoutElement.Parent = LayoutElement.Parent> extends BaseElement<T, P, E> {
+    #private;
+    constructor(options?: Partial<T>);
+    get el(): HTMLDivElement;
+    get width(): number;
+    get height(): number;
+    /**
+     * 类型
+     */
+    get type(): Layout.Type;
+    /**
+     * 内填充
+     */
+    get padding(): number[];
+    /**
+     * 间距
+     */
+    get gap(): number[];
+    /**
+     * 子项
+     */
+    get children(): BaseElement<any, BaseElement<any, any, any>, BaseElement.EventMap>[];
+    /**
+     * 添加子元素生命周期
+     * @param child
+     */
+    onAppendChild<T>(child: BaseElement<T>): void;
+    /**
+     * 移除子元素生命周期
+     * @param child
+     */
+    onRemoveChild<T>(child: BaseElement<T>): void;
+    /**
+     * 深观察添加子元素生命周期
+     * @param child 添加的子元素
+     * @param target 添加的目标
+     */
+    onAppendChildDeep<T, U>(child: BaseElement<T>, target: BaseElement<U>): void;
+    /**
+     * 深观察移除子元素生命周期
+     * @param child 移除的子元素
+     * @param target 移除的目标
+     */
+    onRemoveChildDeep<T, U>(child: BaseElement<T>, target: BaseElement<U>): void;
+    init(): void;
+    getOptions(): any;
+    /**
+     * 添加子元素
+     * @param child 添加的子元素
+     */
+    appendChild<T>(child: BaseElement<T>): void;
+    /**
+     * 移除子元素
+     * @param child 移除的子元素
+     */
+    removeChild<T>(child: BaseElement<T>): void;
+    /**
+     * 添加子元素到目标之前的位置
+     * @param child 添加的子元素
+     * @param target 目标
+     */
+    appendBefore<T, U>(child: BaseElement<T>, target: BaseElement<U>): void;
+    /**
+     * 添加子元素到目标之后的位置
+     * @param child 添加的子元素
+     * @param target 目标
+     */
+    appendAfter<T, U>(child: BaseElement<T>, target: BaseElement<U>): void;
+}
+export declare namespace LayoutElement {
+    /**
+     * 父级对象
+     */
+    type Parent = LayoutElement;
+    /**
+     * 事件列表
+     */
+    interface EventMap extends BaseElement.EventMap {
+        /**
+         * 添加子元素
+         * @param child 添加的子元素
+         */
+        appendChild<T>(child: BaseElement<T>): void;
+        <T>(event: 'appendChild', child: BaseElement<T>): void;
+        /**
+         * 移除子元素
+         * @param child 移除的子元素
+         */
+        removeChild<T>(child: BaseElement<T>): void;
+        <T>(event: 'removeChild', child: BaseElement<T>): void;
+        /**
+         * 深观察后代添加子元素
+         * @param child 添加的子元素
+         * @param target 添加的目标
+         */
+        appendChildDeep<T, U>(child: BaseElement<T>, target: BaseElement<U>): void;
+        <T, U>(event: 'appendChildDeep', child: BaseElement<T>, target: BaseElement<U>): void;
+        /**
+         * 深观察后代移除子元素
+         * @param child 移除的子元素
+         * @param target 移除的目标
+         */
+        removeChildDeep<T, U>(child: BaseElement<T>, target: BaseElement<U>): void;
+        <T, U>(event: 'removeChildDeep', child: BaseElement<T>, target: BaseElement<U>): void;
+    }
+    /**
+     * 判断是否为行
+     * @param type
+     * @returns
+     */
+    function isRow(type: Layout.Type): boolean;
+    /**
+     * 判断是否为列
+     * @param type
+     * @returns
+     */
+    function isColumn(type: Layout.Type): boolean;
+}

package/dist/typings/lib/SignatureAndSealElement.d.ts

@@ -0,0 +1,37 @@
+import { Content } from './interface';
+import { VariableElement } from './VariableElement';
+/**
+ * 签名盖章处元素
+ * @param options 选项
+ */
+export declare class SignatureAndSealElement<T extends SignatureAndSealElement.Options = SignatureAndSealElement.Options, E extends SignatureAndSealElement.EventMap = SignatureAndSealElement.EventMap> extends VariableElement<T, E> {
+    constructor(options?: Partial<T>);
+    /**
+     * 公章图片
+     */
+    get image(): string;
+    init(): void;
+}
+export declare namespace SignatureAndSealElement {
+    /**
+     * 事件列表
+     */
+    interface EventMap extends VariableElement.EventMap {
+    }
+    /**
+     * 选项
+     */
+    interface Options extends Content {
+        /**
+         * 签名标签
+         */
+        label: string;
+    }
+    namespace Options {
+        /**
+         * 获取默认值
+         * @returns
+         */
+        function getDefault(): Options;
+    }
+}