@logicflow/extension 1.2.26 → 1.2.28

package/types/bpmn-elements-adapter/constant.d.ts

@@ -0,0 +1,66 @@
+export declare const StartEventConfig: {
+    width: number;
+    height: number;
+};
+export declare const EndEventConfig: {
+    width: number;
+    height: number;
+};
+export declare const BoundaryEventConfig: {
+    width: number;
+    height: number;
+};
+export declare const IntermediateEventConfig: {
+    width: number;
+    height: number;
+};
+export declare const ParallelGatewayConfig: {
+    width: number;
+    height: number;
+};
+export declare const InclusiveGatewayConfig: {
+    width: number;
+    height: number;
+};
+export declare const ExclusiveGatewayConfig: {
+    width: number;
+    height: number;
+};
+export declare const ServiceTaskConfig: {
+    width: number;
+    height: number;
+};
+export declare const UserTaskConfig: {
+    width: number;
+    height: number;
+};
+export declare const SubProcessConfig: {
+    width: number;
+    height: number;
+};
+export declare const theme: {
+    rect: {
+        radius: number;
+        stroke: string;
+    };
+    circle: {
+        r: number;
+        stroke: string;
+    };
+    polygon: {
+        stroke: string;
+    };
+    polyline: {
+        stroke: string;
+        hoverStroke: string;
+        selectedStroke: string;
+    };
+    edgeText: {
+        background: {
+            fill: string;
+            height: number;
+            stroke: string;
+            radius: number;
+        };
+    };
+};

package/types/bpmn-elements-adapter/index.d.ts

@@ -0,0 +1,103 @@
+declare type TransformerType = {
+    [key: string]: {
+        in?: (key: string, data: any) => any;
+        out?: (data: any) => any;
+    };
+};
+declare type MappingType = {
+    in?: {
+        [key: string]: string;
+    };
+    out?: {
+        [key: string]: string;
+    };
+};
+declare type excludeFieldsType = {
+    in?: Set<string>;
+    out?: Set<string>;
+};
+declare type ExtraPropsType = {
+    retainedAttrsFields?: string[];
+    excludeFields?: excludeFieldsType;
+    transformer?: TransformerType;
+    mapping?: MappingType;
+};
+/**
+ * 将普通json转换为xmlJson
+ * xmlJson中property会以“-”开头
+ * 如果没有“-”表示为子节点
+ * fix issue https://github.com/didi/LogicFlow/issues/718, contain the process of #text/#cdata and array
+ * @reference node type reference https://www.w3schools.com/xml/dom_nodetype.asp
+ * @param retainedAttrsFields retainedAttrsFields会和默认的defaultRetainedProperties:
+ * ["properties", "startPoint", "endPoint", "pointsList"]合并
+ * 这意味着出现在这个数组里的字段当它的值是数组或是对象时不会被视为一个节点而是一个属性
+ * @param excludeFields excludeFields会和默认的defaultExcludeFields合并，出现在这个数组中的字段在转换时会被忽略
+ * @param transformer 对应节点或者边的子内容转换规则
+ */
+declare function convertNormalToXml(other?: ExtraPropsType): (object: {
+    nodes: any;
+    edges: any;
+}) => any;
+/**
+ * 将xmlJson转换为普通的json，在内部使用。
+ */
+declare function convertXmlToNormal(xmlJson: any): any;
+declare class BPMNBaseAdapter {
+    static pluginName: string;
+    static shapeConfigMap: Map<any, any>;
+    processAttributes: {
+        ['-isExecutable']: string;
+        ['-id']: string;
+    };
+    definitionAttributes: {
+        ['-id']: string;
+        ['-xmlns:xsi']: string;
+        ['-xmlns:bpmn']: string;
+        ['-xmlns:bpmndi']: string;
+        ['-xmlns:dc']: string;
+        ['-xmlns:di']: string;
+        ['-targetNamespace']: string;
+        ['-exporter']: string;
+        ['-exporterVersion']: string;
+        [key: string]: any;
+    };
+    constructor({ lf }: any);
+    setCustomShape(key: string, val: any): void;
+    /**
+     * @param retainedAttrsFields?: string[] (可选)属性保留字段，retainedField会和默认的defaultRetainedFields:
+     * ["properties", "startPoint", "endPoint", "pointsList"]合并，
+     * 这意味着出现在这个数组里的字段当它的值是数组或是对象时不会被视为一个节点而是一个属性。
+     * @param excludeFields excludeFields会和默认的defaultExcludeFields合并，出现在这个数组中的字段在转换时会被忽略
+     * @param transformer 对应节点或者边的内容转换规则
+     */
+    adapterOut: (data: any, other?: ExtraPropsType) => {
+        'bpmn:definitions': {
+            [key: string]: any;
+            "-id": string;
+            "-xmlns:xsi": string;
+            "-xmlns:bpmn": string;
+            "-xmlns:bpmndi": string;
+            "-xmlns:dc": string;
+            "-xmlns:di": string;
+            "-targetNamespace": string;
+            "-exporter": string;
+            "-exporterVersion": string;
+        };
+    };
+    adapterIn: (bpmnData: any, other?: ExtraPropsType) => {
+        nodes: any[];
+        edges: any[];
+    };
+}
+declare class BPMNAdapter extends BPMNBaseAdapter {
+    static pluginName: string;
+    private props;
+    constructor(data: any);
+    adapterXmlIn: (bpmnData: any) => {
+        nodes: any[];
+        edges: any[];
+    };
+    adapterXmlOut: (data: any) => string;
+}
+export { BPMNBaseAdapter, BPMNAdapter, convertNormalToXml, convertXmlToNormal };
+export default BPMNAdapter;

package/types/bpmn-elements-adapter/json2xml.d.ts

@@ -0,0 +1,3 @@
+declare function handleAttributes(obj: any): any;
+declare function lfJson2Xml(obj: any): string;
+export { lfJson2Xml, handleAttributes };

package/types/bpmn-elements-adapter/xml2json.d.ts

@@ -0,0 +1,2 @@
+declare const lfXml2Json: (xmlData: any) => any;
+export { lfXml2Json };

package/types/components/context-menu/index.d.ts

@@ -0,0 +1,34 @@
+declare class ContextMenu {
+    static pluginName: string;
+    private __menuDOM;
+    private lf;
+    private _activeData;
+    private menuTypeMap;
+    container: any;
+    isShow: boolean;
+    constructor({ lf }: {
+        lf: any;
+    });
+    render(lf: any, container: any): void;
+    setContextMenuByType(type: any, menus: any): void;
+    /**
+     * 隐藏菜单
+     */
+    hideContextMenu(): void;
+    /**
+     * 显示指定元素菜单
+     * @param data 节点id、节点类型、菜单位置
+     */
+    showContextMenu(data: any): void;
+    setContextMenuItems(menus: any): void;
+    /**
+     * 获取新菜单位置
+     */
+    private getContextMenuPosition;
+    private createContextMenu;
+    private addNode;
+    private showMenu;
+    listenDelete: () => void;
+}
+export default ContextMenu;
+export { ContextMenu, };

package/types/components/control/index.d.ts

@@ -0,0 +1,26 @@
+declare type ControlItem = {
+    key: string;
+    iconClass: string;
+    title: string;
+    text: string;
+    onClick?: Function;
+    onMouseEnter?: Function;
+    onMouseLeave?: Function;
+};
+declare class Control {
+    private lf;
+    static pluginName: string;
+    private controlItems;
+    private domContainer;
+    private toolEl;
+    constructor({ lf }: {
+        lf: any;
+    });
+    render(lf: any, domContainer: any): void;
+    destroy(): void;
+    addItem(item: any): void;
+    removeItem(key: any): ControlItem;
+    private getControlTool;
+}
+export default Control;
+export { Control };

package/types/components/dnd-panel/index.d.ts

@@ -0,0 +1,25 @@
+import LogicFlow from '@logicflow/core';
+declare type ShapeItem = {
+    type?: string;
+    text?: string;
+    icon?: string;
+    label?: string;
+    className?: string;
+    properties?: Record<string, any>;
+    callback?: (lf: LogicFlow, container: HTMLElement) => void;
+};
+declare class DndPanel {
+    lf: LogicFlow;
+    shapeList: ShapeItem[];
+    panelEl: HTMLDivElement;
+    static pluginName: string;
+    domContainer: HTMLElement;
+    constructor({ lf }: {
+        lf: any;
+    });
+    render(lf: any, domContainer: any): void;
+    destroy(): void;
+    setPatternItems(shapeList: any): void;
+    private createDndItem;
+}
+export { DndPanel, };

package/types/components/highlight/index.d.ts

@@ -0,0 +1,21 @@
+import LogicFlow from '@logicflow/core';
+declare type IMode = 'single' | 'path';
+declare class Highlight {
+    lf: LogicFlow;
+    static pluginName: string;
+    mode: IMode;
+    manual: boolean;
+    tempStyles: {};
+    constructor({ lf }: {
+        lf: any;
+    });
+    setMode(mode: IMode): void;
+    setManual(manual: boolean): void;
+    private highlightSingle;
+    private highlightPath;
+    highlight(id: string, mode?: IMode): void;
+    restoreHighlight(): void;
+    render(lf: any, domContainer: any): void;
+    destroy(): void;
+}
+export { Highlight };

package/types/components/menu/index.d.ts

@@ -0,0 +1,50 @@
+import LogicFlow from '@logicflow/core';
+declare type SetType = 'add' | 'reset';
+export declare type MenuItem = {
+    text?: string;
+    className?: string;
+    icon?: boolean;
+    callback: (element: any) => void;
+};
+export declare type MenuConfig = {
+    nodeMenu?: MenuItem[] | false;
+    edgeMenu?: MenuItem[] | false;
+    graphMenu?: MenuItem[] | false;
+};
+declare class Menu {
+    lf: LogicFlow;
+    private __container;
+    private __menuDOM;
+    private menuTypeMap;
+    private __currentData;
+    static pluginName: string;
+    constructor({ lf }: {
+        lf: any;
+    });
+    /**
+     * 初始化设置默认内置菜单栏
+     */
+    private init;
+    render(lf: any, container: any): void;
+    destroy(): void;
+    private showMenu;
+    /**
+     * 设置指定类型元素的菜单
+     */
+    private setMenuByType;
+    /**
+     * 获取 Menu DOM
+     * @param list 菜单项
+     * @return 菜单项 DOM
+     */
+    private __getMenuDom;
+    setMenuConfig(config: MenuConfig): void;
+    addMenuConfig(config: MenuConfig): void;
+    /**
+     * @deprecated
+     * 复写添加
+     */
+    changeMenuItem(type: SetType, config: MenuConfig): void;
+}
+export default Menu;
+export { Menu, };

package/types/components/mini-map/index.d.ts

@@ -0,0 +1,88 @@
+declare class MiniMap {
+    static pluginName: string;
+    static width: number;
+    static height: number;
+    static viewPortWidth: number;
+    static viewPortHeight: number;
+    static isShowHeader: boolean;
+    static isShowCloseIcon: boolean;
+    static leftPosition: number;
+    static topPosition: number;
+    static rightPosition: any;
+    static bottomPosition: any;
+    static headerTitle: string;
+    private lf;
+    private container;
+    private miniMapWrap;
+    private miniMapContainer;
+    private lfMap;
+    private viewport;
+    private width;
+    private height;
+    private leftPosition;
+    private topPosition;
+    private rightPosition;
+    private bottomPosition;
+    private miniMapWidth;
+    private miniMapHeight;
+    private viewPortTop;
+    private viewPortLeft;
+    private startPosition;
+    private viewPortScale;
+    private viewPortWidth;
+    private viewPortHeight;
+    private resetDataX;
+    private resetDataY;
+    private LogicFlow;
+    private isShow;
+    private isShowHeader;
+    private isShowCloseIcon;
+    private dragging;
+    private disabledPlugins;
+    constructor({ lf, LogicFlow, options }: {
+        lf: any;
+        LogicFlow: any;
+        options: any;
+    });
+    render(lf: any, container: any): void;
+    init(option: any): void;
+    /**
+     * 显示mini map
+    */
+    show: (leftPosition?: number, topPosition?: number) => void;
+    /**
+     * 隐藏mini map
+     */
+    hide: () => void;
+    reset: () => void;
+    private setOption;
+    private initMiniMap;
+    private createMiniMap;
+    private removeMiniMap;
+    /**
+     * 计算所有图形一起，占领的区域范围。
+     * @param data
+     */
+    private getBounds;
+    /**
+     * 将负值的平移转换为正值。
+     * 保证渲染的时候，minimap能完全展示。
+     * 获取将画布所有元素平移到0，0开始时，所有节点数据
+     */
+    private resetData;
+    /**
+     * 显示导航
+     * 显示视口范围
+     * 1. 基于画布的范围比例，设置视口范围比例。宽度默认为导航宽度。
+     */
+    private setView;
+    private setViewPort;
+    private createViewPort;
+    private startDrag;
+    private moveViewport;
+    private drag;
+    private drop;
+    private mapClick;
+}
+export default MiniMap;
+export { MiniMap };

package/types/components/selection-select/index.d.ts

@@ -0,0 +1,42 @@
+import LogicFlow from '@logicflow/core';
+declare class SelectionSelect {
+    __domContainer: HTMLElement;
+    wrapper: HTMLElement;
+    lf: LogicFlow;
+    startPoint: {
+        x: number;
+        y: number;
+    };
+    endPoint: {
+        x: number;
+        y: number;
+    };
+    __disabled: boolean;
+    isDefaultStopMoveGraph: boolean;
+    isWholeNode: boolean;
+    isWholeEdge: boolean;
+    static pluginName: string;
+    constructor({ lf }: {
+        lf: any;
+    });
+    render(lf: any, domContainer: any): void;
+    /**
+     * 设置选中的灵敏度
+     * @param isWholeEdge 是否要边的起点终点都在选区范围才算选中。默认true
+     * @param isWholeNode 是否要节点的全部点都在选区范围才算选中。默认true
+     */
+    setSelectionSense(isWholeEdge?: boolean, isWholeNode?: boolean): void;
+    /**
+     * 开启选区
+     */
+    openSelectionSelect(): void;
+    /**
+     * 关闭选区
+     */
+    closeSelectionSelect(): void;
+    __draw: (ev: any) => void;
+    __drawOff: () => void;
+    open(): void;
+    close(): void;
+}
+export { SelectionSelect };

package/types/index.d.ts

@@ -0,0 +1,21 @@
+export * from './bpmn';
+export * from './bpmn-adapter';
+export * from './bpmn-elements';
+export * from './bpmn-elements-adapter';
+export * from './tools/snapshot';
+export * from './turbo-adapter';
+export * from './insert-node-in-polyline';
+export * from './components/control';
+export * from './components/menu';
+export * from './components/context-menu';
+export * from './components/dnd-panel';
+export * from './components/selection-select';
+export * from './components/mini-map';
+export * from './materials/curved-edge';
+export * from './materials/group';
+export * from './NodeResize';
+export * from './tools/flow-path';
+export * from './tools/auto-layout';
+export * from './bpmn-adapter/xml2json';
+export * from './bpmn-adapter/json2xml';
+export * from './components/highlight';

package/types/insert-node-in-polyline/edge.d.ts

@@ -0,0 +1,31 @@
+import { Point, PolylineEdgeModel, BaseNodeModel } from '@logicflow/core';
+/**
+ * 判断一个点是否在线段中
+ * @param point 判断的点
+ * @param start 线段的起点
+ * @param end 线段的终点
+ * @param deviation 误差范围
+ * @returns boolean
+ */
+export declare const isInSegment: (point: any, start: any, end: any, deviation?: number) => boolean;
+export declare const distToSegmentSquared: (p: any, v: any, w: any) => number;
+export declare const distToSegment: (point: Point, start: Point, end: Point) => number;
+export declare const crossPointInSegment: (node: BaseNodeModel, start: Point, end: Point) => {
+    startCrossPoint: {
+        x: number;
+        y: number;
+    };
+    endCrossPoint: {
+        x: number;
+        y: number;
+    };
+};
+interface SegmentCross {
+    crossIndex: number;
+    crossPoints: {
+        startCrossPoint: Point;
+        endCrossPoint: Point;
+    };
+}
+export declare const isNodeInSegment: (node: BaseNodeModel, polyline: PolylineEdgeModel, deviation?: number) => SegmentCross;
+export {};

package/types/insert-node-in-polyline/index.d.ts

@@ -0,0 +1,28 @@
+import LogicFlow from '@logicflow/core';
+declare class InsertNodeInPolyline {
+    static pluginName: string;
+    _lf: LogicFlow;
+    dndAdd: boolean;
+    dropAdd: boolean;
+    deviation: number;
+    constructor({ lf }: {
+        lf: any;
+    });
+    eventHandler(): void;
+    /**
+     * 插入节点前校验规则
+     * @param sourceNodeId
+     * @param targetNodeId
+     * @param sourceAnchorId
+     * @param targetAnchorId
+     * @param nodeData
+     */
+    checkRuleBeforeInsetNode(sourceNodeId: any, targetNodeId: any, sourceAnchorId: any, targetAnchorId: any, nodeData: any): {
+        isPass: any;
+        sourceMsg: any;
+        targetMsg: any;
+    };
+    insetNode(nodeData: any): void;
+}
+export { InsertNodeInPolyline };
+export default InsertNodeInPolyline;

package/types/materials/curved-edge/index.d.ts

@@ -0,0 +1,14 @@
+import { PolylineEdge, PolylineEdgeModel } from '@logicflow/core';
+declare function getCurvedEdgePath(points: number[][], radius: number): string;
+declare class CurvedEdge extends PolylineEdge {
+    getEdge(): import("preact").VNode<any>;
+}
+declare class CurvedEdgeModel extends PolylineEdgeModel {
+}
+declare const defaultCurvedEdge: {
+    type: string;
+    view: typeof CurvedEdge;
+    model: typeof CurvedEdgeModel;
+};
+export default defaultCurvedEdge;
+export { CurvedEdge, CurvedEdgeModel, getCurvedEdgePath };

package/types/materials/group/GroupNode.d.ts

@@ -0,0 +1,125 @@
+import { h } from '@logicflow/core';
+import { RectResize } from '../../NodeResize';
+declare class GroupNodeModel extends RectResize.model {
+    readonly isGroup = true;
+    /**
+     * 此分组的子节点Id
+     */
+    children: Set<string>;
+    /**
+     * 其子节点是否被禁止通过拖拽移出分组。 默认false，允许拖拽移除分组。
+     */
+    isRestrict: boolean;
+    /**
+     * 分组节点是否允许调整大小。
+     */
+    resizable: boolean;
+    /**
+     * 分组节点是否允许折叠
+     */
+    foldable: boolean;
+    /**
+     * 折叠后的宽度
+     */
+    foldedWidth: number;
+    /**
+     * 折叠后的高度
+     */
+    foldedHeight: number;
+    /**
+     * 分组折叠状态
+     */
+    isFolded: boolean;
+    unfoldedWidth: number;
+    unfoldedHight: number;
+    /**
+     * children元素上一次折叠的状态缓存
+     */
+    childrenLastFoldStatus: Record<string, boolean>;
+    initNodeData(data: any): void;
+    getResizeOutlineStyle(): {
+        fill: string;
+        stroke: string;
+        strokeWidth: number;
+        strokeDasharray: string;
+    };
+    /**
+     * 折叠分组
+     * 1. 折叠分组的宽高
+     * 2. 处理分组子节点
+     * 3. 处理连线
+     */
+    foldGroup(isFolded: any): void;
+    getAnchorStyle(anchorInfo: any): Record<string, any>;
+    /**
+     * 折叠分组的时候，处理分组自身的连线和分组内部子节点上的连线
+     * 边的分类：
+     *   - 虚拟边：分组被收起时，表示分组本身与外部节点关系的边。
+     *   - 真实边：分组本身或者分组内部节点与外部节点节点（非收起分组）关系的边。
+     * 如果一个分组，本身与外部节点有M条连线，且内部N个子节点与外部节点有连线，那么这个分组收起时会生成M+N条连线。
+     * 折叠分组时：
+     *   - 原有的虚拟边删除；
+     *   - 创建一个虚拟边；
+     *   - 真实边则隐藏；
+     * 展开分组是：
+     *   - 原有的虚拟边删除；
+     *   - 如果目外部点是收起的分组，则创建虚拟边；
+     *   - 如果外部节点是普通节点，则显示真实边；
+     */
+    private foldEdge;
+    createVirtualEdge(edgeData: any): void;
+    isInRange({ x1, y1, x2, y2 }: {
+        x1: any;
+        y1: any;
+        x2: any;
+        y2: any;
+    }): boolean;
+    isAllowMoveTo({ x1, y1, x2, y2 }: {
+        x1: any;
+        y1: any;
+        x2: any;
+        y2: any;
+    }): {
+        x: boolean;
+        y: boolean;
+    };
+    setAllowAppendChild(isAllow: any): void;
+    /**
+     * 添加分组子节点
+     * @param id 节点id
+     */
+    addChild(id: any): void;
+    /**
+     * 删除分组子节点
+     * @param id 节点id
+     */
+    removeChild(id: any): void;
+    getAddableOutlineStyle(): {
+        stroke: string;
+        strokeWidth: number;
+        strokeDasharray: string;
+        fill: string;
+    };
+    getData(): import("@logicflow/core").NodeData;
+    getHistoryData(): import("@logicflow/core").NodeData;
+    /**
+     * 是否允许此节点添加到此分组中
+     */
+    isAllowAppendIn(nodeData: any): boolean;
+    /**
+     * 当groupA被添加到groupB中时，将groupB及groupB所属的group的zIndex减1
+     */
+    toBack(): void;
+}
+declare class GroupNode extends RectResize.view {
+    getControlGroup(): h.JSX.Element;
+    getAddableShape(): import("preact").VNode<any>;
+    getFoldIcon(): import("preact").VNode<any>;
+    getResizeShape(): import("preact").VNode<any>;
+}
+declare const _default: {
+    type: string;
+    view: typeof GroupNode;
+    model: typeof GroupNodeModel;
+};
+export default _default;