@logicflow/extension 1.2.23 → 1.2.25

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

@@ -0,0 +1,26 @@
+import LogicFlow from '@logicflow/core';
+declare type ShapeItem = {
+    type?: string;
+    text?: string;
+    icon?: string;
+    label?: string;
+    className?: string;
+    disabled?: boolean;
+    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,43 @@
+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;
+    __zoom: (ev: WheelEvent) => 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;

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

@@ -0,0 +1,65 @@
+import LogicFlow, { BaseEdgeModel, BaseNodeModel, EdgeConfig } from '@logicflow/core';
+import GroupNode from './GroupNode';
+declare type BaseNodeId = string;
+declare type GroupId = string;
+declare type Bounds = {
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+};
+declare class Group {
+    static pluginName: string;
+    lf: LogicFlow;
+    topGroupZIndex: number;
+    activeGroup: any;
+    nodeGroupMap: Map<BaseNodeId, GroupId>;
+    constructor({ lf }: {
+        lf: any;
+    });
+    /**
+     * 创建一个Group类型节点内部的所有子节点的副本
+     * 并且在遍历所有nodes的过程中顺便拿到所有edges（只在Group范围的edges）
+     */
+    createAllChildNodes(nodeIdMap: Record<string, string>, children: Set<string>, current: BaseNodeModel, distance: number): {
+        nodesArray: BaseNodeModel[];
+        edgesArray: EdgeConfig[];
+    };
+    createEdgeModel(edge: EdgeConfig, nodeIdMap: Record<string, string>, distance: number): BaseEdgeModel;
+    /**
+     * 获取一个节点内部所有的子节点，包裹分组的子节点
+     */
+    getNodeAllChild(model: any): any[];
+    graphRendered: (data: any) => void;
+    appendNodeToGroup: ({ data }: {
+        data: any;
+    }) => void;
+    deleteGroupChild: ({ data }: {
+        data: any;
+    }) => void;
+    setActiveGroup: ({ data }: {
+        data: any;
+    }) => void;
+    /**
+     * 1. 分组节点默认在普通节点下面。
+     * 2. 分组节点被选中后，会将分组节点以及其内部的其他分组节点放到其余分组节点的上面。
+     * 3. 分组节点取消选中后，不会将分组节点重置为原来的高度。
+     * 4. 由于LogicFlow核心目标是支持用户手动绘制流程图，所以不考虑一张流程图超过1000个分组节点的情况。
+     */
+    nodeSelected: ({ data, isMultiple, isSelected }: {
+        data: any;
+        isMultiple: any;
+        isSelected: any;
+    }) => void;
+    toFrontGroup: (model: any) => void;
+    /**
+     * 获取自定位置其所属分组
+     * 当分组重合时，优先返回最上层的分组
+     */
+    getGroup(bounds: Bounds, nodeData: BaseNodeModel): BaseNodeModel | undefined;
+    /**
+     * 获取某个节点所属的groupModel
+     */
+    getNodeGroup(nodeId: any): BaseNodeModel;
+}
+export { Group, GroupNode, };

package/types/tools/auto-layout/index.d.ts

@@ -0,0 +1,40 @@
+/**
+ * 自动布局插件
+ * 依赖flowPath插件
+ * 未完善
+ */
+import LogicFlow from '@logicflow/core';
+declare class AutoLayout {
+    lf: LogicFlow;
+    levelHeight: any[];
+    newNodeMap: Map<string, any>;
+    trunk: any[];
+    static pluginName: string;
+    constructor({ lf }: {
+        lf: any;
+    });
+    layout(data: any, path: any): void;
+    private setNodePosition;
+    /**
+     * 1. 处理边上的文本
+     * 2. 主干节点之间直接的边
+     * 3. 一个节点被多个连接作为目标节点，合理分配锚点位置。
+     */
+    private getEdgeDataPoints;
+    /**
+     * 获取边的连接节点相对位置。
+     * source一定在target左边。
+     * 1. 如果source和target在同一x, y坐标内容。
+     * 2. 如果source在target左上方。
+     * 3. 如果source在target左下方。
+     */
+    private getRelativePosition;
+    /**
+     * 获取边节点图形的宽高。
+     */
+    private getShape;
+    private formatData;
+    addLevelHeight(level: any, height?: number, isNegative?: boolean): void;
+    getLevelHeight(level: any, isNegative?: boolean): any;
+}
+export { AutoLayout };

package/types/tools/flow-path/index.d.ts

@@ -0,0 +1,47 @@
+/**
+ * 路径插件，此插件支持获取绘制的图中所有的路径。
+ * 需要指定开始节点类型。
+ */
+import LogicFlow from '@logicflow/core';
+declare type Path = {
+    routeId: string;
+    name: string;
+    elements: string[];
+    type: number;
+};
+declare type RawPath = Path & {
+    similarElement: RawPath;
+    weight: number;
+};
+declare class FlowPath {
+    lf: LogicFlow;
+    pathes: RawPath[];
+    startNodeType: string;
+    static pluginName: string;
+    constructor({ lf }: {
+        lf: any;
+    });
+    setPathes(pathes: any): void;
+    getPathes(): any[];
+    private findPathElements;
+    /**
+     * 设置路径id
+     * 如果存在原始路径Id, 则需要比较新路径是否在原始路径中存在相似路径
+     * 如果有，则尽量使用原始路径。
+     * 相似路径
+     * 1. 如果所有的节点都相同，则必定为同一路径。(包括顺序不同)
+     * 2. 如果新路径比原来路径少了或者多了部分节点，则记录为相似路径。基于不同的差异，标记不同的权重。
+     * 3. 基于新路径在旧路径占用权限，设置新路径Id.
+     * 4. 如果某一条旧路径被多条新路径标记为相同的权重，则这两条新路径都使用新Id.
+     */
+    private getNewPathes;
+    private similar2Path;
+    private getNewId;
+    /**
+     * 判断是否为循环路径
+     * 由于前面进行了特殊处理，将循环部分单独提出来作为路径
+     * 所有循环路径必定开始节点等于结束节点。
+     */
+    private isLoopPath;
+}
+export { FlowPath, };

package/types/tools/snapshot/index.d.ts

@@ -0,0 +1,26 @@
+/**
+ * 快照插件，生成视图
+ */
+declare class Snapshot {
+    static pluginName: string;
+    lf: any;
+    offsetX: number;
+    offsetY: number;
+    fileName: string;
+    customCssRules: string;
+    useGlobalRules: boolean;
+    constructor({ lf }: {
+        lf: any;
+    });
+    getSvgRootElement(lf: any): any;
+    triggerDownload(imgURI: string): void;
+    removeAnchor(element: any): void;
+    removeRotateControl(element: any): void;
+    getSnapshot(fileName: string, backgroundColor: string): void;
+    getSnapshotBase64(backgroundColor: string): Promise<unknown>;
+    getSnapshotBlob(backgroundColor: string): Promise<unknown>;
+    getClassRules(): string;
+    getCanvasData(svg: SVGGraphicsElement, backgroundColor: string): Promise<unknown>;
+}
+export default Snapshot;
+export { Snapshot };

package/types/turbo-adapter/index.d.ts

@@ -0,0 +1,21 @@
+export declare function toTurboData(data: any): {
+    flowElementList: any[];
+};
+export declare function toLogicflowData(data: any): {
+    nodes: any[];
+    edges: any[];
+};
+declare class TurboAdapter {
+    static pluginName: string;
+    constructor({ lf }: {
+        lf: any;
+    });
+    adapterOut(logicflowData: any): {
+        flowElementList: any[];
+    };
+    adapterIn(turboData: any): {
+        nodes: any[];
+        edges: any[];
+    };
+}
+export default TurboAdapter;

package/types/type/index.d.ts

@@ -0,0 +1,6 @@
+import { BaseNodeModel } from '@logicflow/core';
+declare type PointTuple = [number, number];
+export declare type ExclusiveGatewayAttribute = BaseNodeModel & {
+    points?: PointTuple[] & string;
+};
+export {};