@logicflow/extension 1.1.0-alpha.4 → 1.1.0

package/types/NodeResize/Node/HtmlResize.d.ts

@@ -5,6 +5,17 @@ declare class HtmlResizeModel extends HtmlNodeModel {
     maxWidth: number;
     maxHeight: number;
     getOutlineStyle(): import("@logicflow/core/types/constant/DefaultTheme").OutlineTheme;
+    getResizeOutlineStyle(): {
+        stroke: string;
+        strokeWidth: number;
+        strokeDasharray: string;
+    };
+    getControlPointStyle(): {
+        width: number;
+        height: number;
+        fill: string;
+        stroke: string;
+    };
     setAttributes(): void;
 }
 declare class HtmlResizeView extends HtmlNode {

package/types/NodeResize/Node/RectResize.d.ts

@@ -5,7 +5,20 @@ declare class RectResizeModel extends RectNodeModel {
     maxWidth: number;
     maxHeight: number;
     getOutlineStyle(): import("@logicflow/core/types/constant/DefaultTheme").OutlineTheme;
+    getResizeOutlineStyle(): {
+        fill: string;
+        stroke: string;
+        strokeWidth: number;
+        strokeDasharray: string;
+    };
+    getControlPointStyle(): {
+        width: number;
+        height: number;
+        fill: string;
+        stroke: string;
+    };
     setAttributes(): void;
+    resize(deltaX: any, deltaY: any): void;
 }
 declare class RectResizeView extends RectNode {
     getControlGroup(): h.JSX.Element;

package/types/NodeResize/index.d.ts

@@ -1,37 +1,11 @@
 import RectResize from './Node/RectResize';
 import EllipseResize from './Node/EllipseResize';
 import DiamondResize from './Node/DiamondResize';
+import HtmlResize from './Node/HtmlResize';
 declare const NodeResize: {
     pluginName: string;
     step: number;
-    style: {
-        outline: {
-            stroke: string;
-            strokeWidth: number;
-            strokeDasharray: string;
-        };
-        controlPoint: {
-            width: number;
-            height: number;
-            fill: string;
-            stroke: string;
-        };
-    };
-    sizeRange: {
-        ellipse: {
-            minRx: number;
-            minRy: number;
-            maxRx: number;
-            maxRy: number;
-        };
-        diamond: {
-            minRx: number;
-            minRy: number;
-            maxRx: number;
-            maxRy: number;
-        };
-    };
     install(lf: any): void;
 };
 export default NodeResize;
-export { NodeResize, RectResize, EllipseResize, DiamondResize, };
+export { NodeResize, RectResize, EllipseResize, DiamondResize, HtmlResize, };

package/types/index.d.ts

@@ -16,4 +16,3 @@ export * from './tools/flow-path';
 export * from './tools/auto-layout';
 export * from './bpmn-adapter/xml2json';
 export * from './bpmn-adapter/json2xml';
-export * from './group-shrink';

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

@@ -5,11 +5,19 @@ declare class GroupNodeModel extends RectResize.model {
     children: Set<string>;
     isRestrict: boolean;
     resizable: boolean;
+    foldable: boolean;
     foldedWidth: number;
     foldedHeight: number;
+    isFolded: boolean;
     unfoldedWidth: number;
     unfoldedHight: number;
     initNodeData(data: any): void;
+    getResizeOutlineStyle(): {
+        fill: string;
+        stroke: string;
+        strokeWidth: number;
+        strokeDasharray: string;
+    };
     foldGroup(isFolded: any): void;
     /**
      * 折叠分组的时候，处理分组内部子节点上的连线

package/cjs/group-shrink/index.js

@@ -1,213 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spread = (this && this.__spread) || function () {
-    for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));
-    return ar;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GroupShrink = void 0;
-var lodash_es_1 = require("lodash-es");
-var GroupShrink = /** @class */ (function () {
-    function GroupShrink(_a) {
-        var _this = this;
-        var lf = _a.lf;
-        var _b;
-        this.group = null; // group节点
-        this.lf = null; // lf 实例
-        this.shrinkWidth = 100; // 收缩后节点宽度
-        this.shrinkHeight = 60; // 收缩后节点高度
-        this.getGraphDataWithGroup = function () {
-            var _a = _this.lf.graphModel.modelToGraphData(), nodes = _a.nodes, edges = _a.edges;
-            var groupNodes = [];
-            var groupEdges = [];
-            var shrinkedGroupIds = [];
-            nodes.forEach(function (node) {
-                if (node.type === 'group' && node.properties.shrinkProperty && node.properties.shrinkProperty) {
-                    var _a = node.properties.shrinkProperty, shrinked = _a.shrinked, groupNode = _a.groupNode, innerNodes = _a.innerNodes, innerEdges = _a.innerEdges;
-                    if (shrinked) {
-                        // 是收缩状态下的分组节点，需要恢复原来的节点和边
-                        node = groupNode;
-                        groupNodes = __spread(groupNodes, innerNodes);
-                        groupEdges = __spread(groupEdges, innerEdges);
-                        shrinkedGroupIds.push(groupNode.id);
-                    }
-                }
-            });
-            // 移除与收缩分组节点相连的边
-            if (shrinkedGroupIds.length) {
-                lodash_es_1.remove(edges, function (edge) {
-                    var sourceNodeId = edge.sourceNodeId, targetNodeId = edge.targetNodeId;
-                    return shrinkedGroupIds.indexOf(sourceNodeId) > -1
-                        || shrinkedGroupIds.indexOf(targetNodeId) > -1;
-                });
-            }
-            return {
-                nodes: __spread(nodes, groupNodes),
-                edges: __spread(edges, groupEdges),
-            };
-        };
-        this.lf = lf;
-        this.lf.extension = __assign(__assign({}, ((_b = this.lf.extension) !== null && _b !== void 0 ? _b : {})), { groupShrink: this });
-        this.lf.getGraphData = this.getGraphDataWithGroup;
-    }
-    /**
-     * 收缩
-     */
-    GroupShrink.prototype.startShrink = function (group) {
-        var _this = this;
-        if (group.type !== 'group') {
-            throw new Error('Only groupNode can be shrinked!');
-        }
-        this.group = group;
-        var nodeModel = this.lf.getNodeModelById(group.id);
-        var shrinkConfig = nodeModel.getProperties().shrinkProperty;
-        if (shrinkConfig && shrinkConfig.shrinked) {
-            throw new Error('GroupNode which is shrinked cannot be shrinked again!');
-        }
-        var shrinkProperty = {
-            shrinked: true,
-            groupNode: __assign({}, this.group),
-            innerNodes: [],
-            innerEdges: [],
-        };
-        var newEdges = []; // 需要重新生成的边
-        var innerNodes = []; // 分组内节点
-        var innerEdges = []; // 分组内部边
-        var minX = null;
-        var minY = null;
-        // 处理分组内的节点和边
-        if (this.group && this.group.children && this.group.children.length) {
-            var edgesInfo = this.getGroupEdges();
-            newEdges = edgesInfo.newEdges;
-            innerEdges = edgesInfo.innerEdges;
-            var nodesInfo = this.getGroupNodes();
-            innerNodes = nodesInfo.innerNodes; // 分组内节点信息
-            minX = nodesInfo.minX; // 左上角节点的x
-            minY = nodesInfo.minY; // 左上角节点的y
-        }
-        shrinkProperty.innerNodes = innerNodes;
-        shrinkProperty.innerEdges = innerEdges;
-        this.lf.setProperties(this.group.id, { shrinkProperty: shrinkProperty }); // 分组节点收缩前状态、分组内节点、分组内边存入properties
-        // 收缩后的分组节点移动到分组内左上角的节点位置
-        nodeModel.x = minX || this.group.x;
-        nodeModel.y = minY || this.group.y;
-        // 收缩，调整节点大小
-        nodeModel.width = this.shrinkWidth;
-        nodeModel.height = this.shrinkHeight;
-        // 生成与分组节点相连的边
-        newEdges.forEach(function (edgeConfig) {
-            _this.lf.addEdge(edgeConfig);
-        });
-    };
-    /**
-     * 展开
-     */
-    GroupShrink.prototype.startExpand = function (group) {
-        var _this = this;
-        this.group = group;
-        var nodeModel = this.lf.getNodeModelById(group.id);
-        var _a = nodeModel.getProperties().shrinkProperty, shrinkProperty = _a === void 0 ? {} : _a;
-        var shrinked = shrinkProperty.shrinked, groupNode = shrinkProperty.groupNode, innerNodes = shrinkProperty.innerNodes, innerEdges = shrinkProperty.innerEdges;
-        if (!shrinked) {
-            throw new Error('GroupNode which is not shrinked cannot be expanded');
-        }
-        // 重新渲染分组节点
-        this.lf.deleteNode(group.id);
-        this.lf.addNode(groupNode);
-        // 恢复分组内的节点
-        innerNodes.forEach(function (item) {
-            _this.lf.addNode(item);
-        });
-        // 恢复分组内的节点上所有边
-        innerEdges.forEach(function (item) {
-            _this.lf.addEdge(item);
-        });
-        // 修改properties
-        this.lf.setProperties(group.id, { shrinkProperty: { shrinked: false } });
-    };
-    /**
-     * 获取分组内的节点上的所有边,以及计算新的分组节点需要连接的边，之后删除原来的边
-     */
-    GroupShrink.prototype.getGroupEdges = function () {
-        var _this = this;
-        var edges = this.lf.graphModel.modelToGraphData().edges;
-        var children = this.group.children;
-        var innerEdges = [];
-        var newEdges = [];
-        edges.forEach(function (item) {
-            var startInGroup = children.indexOf(item.sourceNodeId) > -1;
-            var endInGroup = children.indexOf(item.targetNodeId) > -1;
-            if (startInGroup || endInGroup) {
-                innerEdges.push(item);
-                if (startInGroup && !endInGroup) {
-                    // 从分组内向外的边
-                    newEdges.push({
-                        sourceNodeId: _this.group.id,
-                        targetNodeId: item.targetNodeId,
-                    });
-                }
-                if (!startInGroup && endInGroup) {
-                    // 从外部指向分组内的
-                    newEdges.push({
-                        sourceNodeId: item.sourceNodeId,
-                        targetNodeId: _this.group.id,
-                    });
-                }
-                _this.lf.deleteEdge(item.id);
-            }
-        });
-        return { innerEdges: innerEdges, newEdges: newEdges };
-    };
-    /**
-     * 获取分组内的节点和左上角节点,获取到有效信息后，删除节点
-     */
-    GroupShrink.prototype.getGroupNodes = function () {
-        var _this = this;
-        var innerNodes = [];
-        var nodes = this.lf.graphModel.modelToGraphData().nodes;
-        var children = this.group.children;
-        var minX = null;
-        var minY = null;
-        // 遍历所有节点，在分组内的， 暂存&删除
-        nodes.forEach(function (item) {
-            if (children.indexOf(item.id) > -1) {
-                innerNodes.push(item);
-                if ((!minX || item.x < minX) && (!minY || item.y < minY)) {
-                    minX = item.x;
-                    minY = item.y;
-                }
-                _this.lf.deleteNode(item.id);
-            }
-        });
-        return { innerNodes: innerNodes, minX: minX, minY: minY };
-    };
-    GroupShrink.pluginName = 'group-shrink';
-    return GroupShrink;
-}());
-exports.GroupShrink = GroupShrink;

package/es/group-shrink/index.d.ts

@@ -1,28 +0,0 @@
-declare class GroupShrink {
-    static pluginName: string;
-    group: any;
-    lf: any;
-    shrinkWidth: number;
-    shrinkHeight: number;
-    constructor({ lf }: {
-        lf: any;
-    });
-    /**
-     * 收缩
-     */
-    startShrink(group: any): void;
-    /**
-     * 展开
-     */
-    startExpand(group: any): void;
-    /**
-     * 获取分组内的节点上的所有边,以及计算新的分组节点需要连接的边，之后删除原来的边
-     */
-    private getGroupEdges;
-    /**
-     * 获取分组内的节点和左上角节点,获取到有效信息后，删除节点
-     */
-    private getGroupNodes;
-    private getGraphDataWithGroup;
-}
-export { GroupShrink, };

package/es/group-shrink/index.js

@@ -1,210 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spread = (this && this.__spread) || function () {
-    for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));
-    return ar;
-};
-import { remove } from 'lodash-es';
-var GroupShrink = /** @class */ (function () {
-    function GroupShrink(_a) {
-        var _this = this;
-        var lf = _a.lf;
-        var _b;
-        this.group = null; // group节点
-        this.lf = null; // lf 实例
-        this.shrinkWidth = 100; // 收缩后节点宽度
-        this.shrinkHeight = 60; // 收缩后节点高度
-        this.getGraphDataWithGroup = function () {
-            var _a = _this.lf.graphModel.modelToGraphData(), nodes = _a.nodes, edges = _a.edges;
-            var groupNodes = [];
-            var groupEdges = [];
-            var shrinkedGroupIds = [];
-            nodes.forEach(function (node) {
-                if (node.type === 'group' && node.properties.shrinkProperty && node.properties.shrinkProperty) {
-                    var _a = node.properties.shrinkProperty, shrinked = _a.shrinked, groupNode = _a.groupNode, innerNodes = _a.innerNodes, innerEdges = _a.innerEdges;
-                    if (shrinked) {
-                        // 是收缩状态下的分组节点，需要恢复原来的节点和边
-                        node = groupNode;
-                        groupNodes = __spread(groupNodes, innerNodes);
-                        groupEdges = __spread(groupEdges, innerEdges);
-                        shrinkedGroupIds.push(groupNode.id);
-                    }
-                }
-            });
-            // 移除与收缩分组节点相连的边
-            if (shrinkedGroupIds.length) {
-                remove(edges, function (edge) {
-                    var sourceNodeId = edge.sourceNodeId, targetNodeId = edge.targetNodeId;
-                    return shrinkedGroupIds.indexOf(sourceNodeId) > -1
-                        || shrinkedGroupIds.indexOf(targetNodeId) > -1;
-                });
-            }
-            return {
-                nodes: __spread(nodes, groupNodes),
-                edges: __spread(edges, groupEdges),
-            };
-        };
-        this.lf = lf;
-        this.lf.extension = __assign(__assign({}, ((_b = this.lf.extension) !== null && _b !== void 0 ? _b : {})), { groupShrink: this });
-        this.lf.getGraphData = this.getGraphDataWithGroup;
-    }
-    /**
-     * 收缩
-     */
-    GroupShrink.prototype.startShrink = function (group) {
-        var _this = this;
-        if (group.type !== 'group') {
-            throw new Error('Only groupNode can be shrinked!');
-        }
-        this.group = group;
-        var nodeModel = this.lf.getNodeModelById(group.id);
-        var shrinkConfig = nodeModel.getProperties().shrinkProperty;
-        if (shrinkConfig && shrinkConfig.shrinked) {
-            throw new Error('GroupNode which is shrinked cannot be shrinked again!');
-        }
-        var shrinkProperty = {
-            shrinked: true,
-            groupNode: __assign({}, this.group),
-            innerNodes: [],
-            innerEdges: [],
-        };
-        var newEdges = []; // 需要重新生成的边
-        var innerNodes = []; // 分组内节点
-        var innerEdges = []; // 分组内部边
-        var minX = null;
-        var minY = null;
-        // 处理分组内的节点和边
-        if (this.group && this.group.children && this.group.children.length) {
-            var edgesInfo = this.getGroupEdges();
-            newEdges = edgesInfo.newEdges;
-            innerEdges = edgesInfo.innerEdges;
-            var nodesInfo = this.getGroupNodes();
-            innerNodes = nodesInfo.innerNodes; // 分组内节点信息
-            minX = nodesInfo.minX; // 左上角节点的x
-            minY = nodesInfo.minY; // 左上角节点的y
-        }
-        shrinkProperty.innerNodes = innerNodes;
-        shrinkProperty.innerEdges = innerEdges;
-        this.lf.setProperties(this.group.id, { shrinkProperty: shrinkProperty }); // 分组节点收缩前状态、分组内节点、分组内边存入properties
-        // 收缩后的分组节点移动到分组内左上角的节点位置
-        nodeModel.x = minX || this.group.x;
-        nodeModel.y = minY || this.group.y;
-        // 收缩，调整节点大小
-        nodeModel.width = this.shrinkWidth;
-        nodeModel.height = this.shrinkHeight;
-        // 生成与分组节点相连的边
-        newEdges.forEach(function (edgeConfig) {
-            _this.lf.addEdge(edgeConfig);
-        });
-    };
-    /**
-     * 展开
-     */
-    GroupShrink.prototype.startExpand = function (group) {
-        var _this = this;
-        this.group = group;
-        var nodeModel = this.lf.getNodeModelById(group.id);
-        var _a = nodeModel.getProperties().shrinkProperty, shrinkProperty = _a === void 0 ? {} : _a;
-        var shrinked = shrinkProperty.shrinked, groupNode = shrinkProperty.groupNode, innerNodes = shrinkProperty.innerNodes, innerEdges = shrinkProperty.innerEdges;
-        if (!shrinked) {
-            throw new Error('GroupNode which is not shrinked cannot be expanded');
-        }
-        // 重新渲染分组节点
-        this.lf.deleteNode(group.id);
-        this.lf.addNode(groupNode);
-        // 恢复分组内的节点
-        innerNodes.forEach(function (item) {
-            _this.lf.addNode(item);
-        });
-        // 恢复分组内的节点上所有边
-        innerEdges.forEach(function (item) {
-            _this.lf.addEdge(item);
-        });
-        // 修改properties
-        this.lf.setProperties(group.id, { shrinkProperty: { shrinked: false } });
-    };
-    /**
-     * 获取分组内的节点上的所有边,以及计算新的分组节点需要连接的边，之后删除原来的边
-     */
-    GroupShrink.prototype.getGroupEdges = function () {
-        var _this = this;
-        var edges = this.lf.graphModel.modelToGraphData().edges;
-        var children = this.group.children;
-        var innerEdges = [];
-        var newEdges = [];
-        edges.forEach(function (item) {
-            var startInGroup = children.indexOf(item.sourceNodeId) > -1;
-            var endInGroup = children.indexOf(item.targetNodeId) > -1;
-            if (startInGroup || endInGroup) {
-                innerEdges.push(item);
-                if (startInGroup && !endInGroup) {
-                    // 从分组内向外的边
-                    newEdges.push({
-                        sourceNodeId: _this.group.id,
-                        targetNodeId: item.targetNodeId,
-                    });
-                }
-                if (!startInGroup && endInGroup) {
-                    // 从外部指向分组内的
-                    newEdges.push({
-                        sourceNodeId: item.sourceNodeId,
-                        targetNodeId: _this.group.id,
-                    });
-                }
-                _this.lf.deleteEdge(item.id);
-            }
-        });
-        return { innerEdges: innerEdges, newEdges: newEdges };
-    };
-    /**
-     * 获取分组内的节点和左上角节点,获取到有效信息后，删除节点
-     */
-    GroupShrink.prototype.getGroupNodes = function () {
-        var _this = this;
-        var innerNodes = [];
-        var nodes = this.lf.graphModel.modelToGraphData().nodes;
-        var children = this.group.children;
-        var minX = null;
-        var minY = null;
-        // 遍历所有节点，在分组内的， 暂存&删除
-        nodes.forEach(function (item) {
-            if (children.indexOf(item.id) > -1) {
-                innerNodes.push(item);
-                if ((!minX || item.x < minX) && (!minY || item.y < minY)) {
-                    minX = item.x;
-                    minY = item.y;
-                }
-                _this.lf.deleteNode(item.id);
-            }
-        });
-        return { innerNodes: innerNodes, minX: minX, minY: minY };
-    };
-    GroupShrink.pluginName = 'group-shrink';
-    return GroupShrink;
-}());
-export { GroupShrink, };