@logicflow/extension 1.2.0-alpha.1 → 1.2.0-alpha.10

package/cjs/materials/group/GroupNode.js

@@ -107,24 +107,30 @@ var GroupNodeModel = /** @class */ (function (_super) {
         this.isFolded = isFolded;
         // step 1
         if (isFolded) {
-            this.x = this.x - this.width / 2 + this.foldedWidth / 2;
-            this.y = this.y - this.height / 2 + this.foldedHeight / 2;
             this.unfoldedWidth = this.width;
             this.unfoldedHight = this.height;
-            this.width = this.foldedWidth;
-            this.height = this.foldedHeight;
+            this.updateAttributes({
+                x: this.x - this.width / 2 + this.foldedWidth / 2,
+                y: this.y - this.height / 2 + this.foldedHeight / 2,
+                width: this.foldedWidth,
+                height: this.foldedHeight,
+            });
         }
         else {
-            this.width = this.unfoldedWidth;
-            this.height = this.unfoldedHight;
-            this.x = this.x + this.width / 2 - this.foldedWidth / 2;
-            this.y = this.y + this.height / 2 - this.foldedHeight / 2;
+            this.updateAttributes({
+                width: this.unfoldedWidth,
+                height: this.unfoldedHight,
+                x: this.x + this.unfoldedWidth / 2 - this.foldedWidth / 2,
+                y: this.y + this.unfoldedHight / 2 - this.foldedHeight / 2,
+            });
         }
         // step 2
         var allEdges = this.incoming.edges.concat(this.outgoing.edges);
         this.children.forEach(function (elementId) {
             var nodeModel = _this.graphModel.getElement(elementId);
-            nodeModel.visible = !isFolded;
+            nodeModel.updateAttributes({
+                visible: !isFolded,
+            });
             allEdges = allEdges.concat(nodeModel.incoming.edges.concat(nodeModel.outgoing.edges));
         });
         // step 3
@@ -196,7 +202,9 @@ var GroupNodeModel = /** @class */ (function (_super) {
                 if (targetNodeIdGroup.id !== _this.id || sourceNodeIdGroup.id !== _this.id) {
                     _this.createVirtualEdge(data);
                 }
-                edgeModel.visible = false;
+                edgeModel.updateAttributes({
+                    visible: false,
+                });
             }
             // 展开时，处理被隐藏的边的逻辑
             if (!isFolded && edgeModel.visible === false) {
@@ -212,7 +220,9 @@ var GroupNodeModel = /** @class */ (function (_super) {
                     _this.createVirtualEdge(data);
                 }
                 else {
-                    edgeModel.visible = true;
+                    edgeModel.updateAttributes({
+                        visible: true,
+                    });
                 }
             }
         });
@@ -222,7 +232,7 @@ var GroupNodeModel = /** @class */ (function (_super) {
         var model = this.graphModel.addEdge(edgeData);
         model.virtual = true;
         // 强制不保存group连线数据
-        model.getData = function () { return null; };
+        // model.getData = () => null;
         model.text.editable = false;
         model.isFoldedEdge = true;
     };

package/cjs/turbo-adapter/index.js

@@ -10,17 +10,39 @@ var __assign = (this && this.__assign) || function () {
     };
     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;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TurboAdapter = exports.toLogicflowData = exports.toTurboData = void 0;
-var TurboType;
-(function (TurboType) {
-    TurboType[TurboType["SEQUENCE_FLOW"] = 1] = "SEQUENCE_FLOW";
-    TurboType[TurboType["START_EVENT"] = 2] = "START_EVENT";
-    TurboType[TurboType["END_EVENT"] = 3] = "END_EVENT";
-    TurboType[TurboType["USER_TASK"] = 4] = "USER_TASK";
+exports.toLogicflowData = exports.toTurboData = void 0;
+var TurboType = {
+    SEQUENCE_FLOW: 1,
+    START_EVENT: 2,
+    END_EVENT: 3,
+    USER_TASK: 4,
     // SERVICE_TASK = 5, 暂不支持
-    TurboType[TurboType["EXCLUSIVE_GATEWAY"] = 6] = "EXCLUSIVE_GATEWAY";
-})(TurboType || (TurboType = {}));
+    EXCLUSIVE_GATEWAY: 6,
+};
+var TurboTypeMap = {
+    1: 'bpmn:sequenceFlow',
+    2: 'bpmn:startEvent',
+    3: 'bpmn:endEvent',
+    4: 'bpmn:userTask',
+    6: 'bpmn:exclusiveGateway',
+};
 // 转换Turbo识别的类型
 function getTurboType(type) {
     switch (type) {
@@ -50,7 +72,7 @@ function convertNodeToTurboElement(node) {
         type: getTurboType(node.type),
         properties: __assign(__assign({}, properties), { name: (text && text.value) || '', x: x,
             y: y,
-            text: text, logicFlowType: type }),
+            text: text }),
         key: id,
     };
 }
@@ -62,10 +84,7 @@ function convertEdgeToTurboElement(edge) {
         outgoing: [targetNodeId],
         type: getTurboType(type),
         dockers: [],
-        properties: __assign(__assign({}, properties), { name: (text && text.value) || '', text: text,
-            startPoint: startPoint,
-            endPoint: endPoint,
-            pointsList: pointsList, logicFlowType: type }),
+        properties: __assign(__assign({}, properties), { name: (text && text.value) || '', text: text, startPoint: JSON.stringify(startPoint), endPoint: JSON.stringify(endPoint), pointsList: JSON.stringify(text) }),
         key: id,
     };
 }
@@ -93,21 +112,30 @@ function toTurboData(data) {
 exports.toTurboData = toTurboData;
 // 将Turbo元素数据转换为LogicFlow中的Edge数据
 function convertFlowElementToEdge(element) {
-    var incoming = element.incoming, outgoing = element.outgoing, properties = element.properties, key = element.key;
-    var text = properties.text, startPoint = properties.startPoint, endPoint = properties.endPoint, pointsList = properties.pointsList, logicFlowType = properties.logicFlowType;
+    var incoming = element.incoming, outgoing = element.outgoing, properties = element.properties, key = element.key, type = element.type;
+    var text = properties.text, name = properties.name, startPoint = properties.startPoint, endPoint = properties.endPoint, pointsList = properties.pointsList;
     var edge = {
         id: key,
-        type: logicFlowType,
+        type: TurboTypeMap[type],
         sourceNodeId: incoming[0],
         targetNodeId: outgoing[0],
-        text: text,
-        startPoint: startPoint,
-        endPoint: endPoint,
-        pointsList: pointsList,
+        text: text || name,
         properties: {},
     };
+    if (startPoint) {
+        // @ts-ignore
+        edge.startPoint = JSON.parse(startPoint);
+    }
+    if (endPoint) {
+        // @ts-ignore
+        edge.endPoint = JSON.parse(endPoint);
+    }
+    if (pointsList) {
+        // @ts-ignore
+        edge.endPoint = JSON.parse(pointsList);
+    }
     // 这种转换方式，在自定义属性中不能与excludeProperties中的属性重名，否则将在转换过程中丢失
-    var excludeProperties = ['startPoint', 'endPoint', 'pointsList', 'text', 'logicFlowType'];
+    var excludeProperties = ['startPoint', 'endPoint', 'pointsList', 'text'];
     Object.keys(element.properties).forEach(function (property) {
         if (excludeProperties.indexOf(property) === -1) {
             edge.properties[property] = element.properties[property];
@@ -117,18 +145,23 @@ function convertFlowElementToEdge(element) {
 }
 // 将Turbo元素数据转换为LogicFlow中的Node数据
 function convertFlowElementToNode(element) {
-    var properties = element.properties, key = element.key;
-    var x = properties.x, y = properties.y, text = properties.text, logicFlowType = properties.logicFlowType;
+    var properties = element.properties, key = element.key, type = element.type, bounds = element.bounds;
+    var x = properties.x, y = properties.y;
+    if (x === undefined) {
+        var _a = __read(bounds, 2), _b = _a[0], x1 = _b.x, y1 = _b.y, _c = _a[1], x2 = _c.x, y2 = _c.y;
+        x = (x1 + x2) / 2;
+        y = (y1 + y2) / 2;
+    }
     var node = {
         id: key,
-        type: logicFlowType,
+        type: TurboTypeMap[type],
         x: x,
         y: y,
-        text: text,
+        text: properties.text,
         properties: {},
     };
     // 这种转换方式，在自定义属性中不能与excludeProperties中的属性重名，否则将在转换过程中丢失
-    var excludeProperties = ['x', 'y', 'text', 'logicFlowType'];
+    var excludeProperties = ['x', 'y', 'text'];
     Object.keys(element.properties).forEach(function (property) {
         if (excludeProperties.indexOf(property) === -1) {
             node.properties[property] = element.properties[property];
@@ -156,26 +189,23 @@ function toLogicflowData(data) {
     return lfData;
 }
 exports.toLogicflowData = toLogicflowData;
-var TurboAdapter = {
-    pluginName: 'turboAdapter',
-    install: function (lf) {
+var TurboAdapter = /** @class */ (function () {
+    function TurboAdapter(_a) {
+        var lf = _a.lf;
         lf.adapterIn = this.adapterIn;
         lf.adapterOut = this.adapterOut;
-    },
-    shapeConfigMap: new Map(),
-    setCustomShape: function (key, val) {
-        this.shapeConfigMap.set(key, val);
-    },
-    adapterOut: function (logicflowData) {
+    }
+    TurboAdapter.prototype.adapterOut = function (logicflowData) {
         if (logicflowData) {
             return toTurboData(logicflowData);
         }
-    },
-    adapterIn: function (turboData) {
+    };
+    TurboAdapter.prototype.adapterIn = function (turboData) {
         if (turboData) {
             return toLogicflowData(turboData);
         }
-    },
-};
-exports.TurboAdapter = TurboAdapter;
+    };
+    TurboAdapter.pluginName = 'turboAdapter';
+    return TurboAdapter;
+}());
 exports.default = TurboAdapter;

package/es/NodeResize/Control/Control.js

@@ -35,9 +35,11 @@ var Control = /** @class */ (function (_super) {
         _this.updatePosition = function (_a) {
             var deltaX = _a.deltaX, deltaY = _a.deltaY;
             var _b = _this.nodeModel, x = _b.x, y = _b.y;
-            _this.nodeModel.x = x + deltaX / 2;
-            _this.nodeModel.y = y + deltaY / 2;
             _this.nodeModel.moveText(deltaX / 2, deltaY / 2);
+            _this.nodeModel.updateAttributes({
+                x: x + deltaX / 2,
+                y: y + deltaY / 2,
+            });
         };
         // 计算control拖动后，节点的宽高
         _this.getResize = function (_a) {
@@ -53,7 +55,7 @@ var Control = /** @class */ (function (_super) {
                     resize.height = height - deltaY * pct;
                     break;
                 case 2:
-                    resize.width = width + deltaX;
+                    resize.width = width + deltaX * pct;
                     resize.height = height + deltaY * pct;
                     break;
                 case 3:
@@ -91,14 +93,16 @@ var Control = /** @class */ (function (_super) {
             }
             _this.updatePosition({ deltaX: deltaX, deltaY: deltaY });
             // 更新宽高
-            _this.nodeModel.width = size.width;
-            _this.nodeModel.height = size.height;
             _this.nodeModel.setProperties({
                 nodeSize: {
                     width: size.width,
                     height: size.height,
                 },
             });
+            _this.nodeModel.updateAttributes({
+                width: size.width,
+                height: size.height,
+            });
             var edges = _this.getNodeEdges(id);
             var beforeNode = {
                 x: x,
@@ -161,9 +165,9 @@ var Control = /** @class */ (function (_super) {
             _this.updatePosition({ deltaX: deltaX, deltaY: deltaY });
             // 更新rx ry,宽高为计算属性自动更新
             // @ts-ignore
-            _this.nodeModel.rx = _this.nodeModel.rx + deltaX / 2;
+            _this.nodeModel.rx = size.width;
             // @ts-ignore
-            _this.nodeModel.ry = _this.nodeModel.ry + deltaY / 2;
+            _this.nodeModel.ry = size.height;
             _this.nodeModel.setProperties({
                 nodeSize: {
                     rx: size.width,
@@ -225,9 +229,9 @@ var Control = /** @class */ (function (_super) {
             _this.updatePosition({ deltaX: deltaX, deltaY: deltaY });
             // 更新rx ry,宽高为计算属性自动更新
             // @ts-ignore
-            _this.nodeModel.rx = _this.nodeModel.rx + deltaX / 2;
+            _this.nodeModel.rx = size.width;
             // @ts-ignore
-            _this.nodeModel.ry = _this.nodeModel.ry + deltaY / 2;
+            _this.nodeModel.ry = size.height;
             _this.nodeModel.setProperties({
                 nodeSize: {
                     rx: size.width,

package/es/NodeResize/Node/DiamondResize.d.ts

@@ -1,7 +1,7 @@
 import { h, DiamondNode, DiamondNodeModel } from '@logicflow/core';
 declare class DiamondResizeModel extends DiamondNodeModel {
-    constructor(data: any, graphModel: any);
     initNodeData(data: any): void;
+    init(): void;
     getOutlineStyle(): import("@logicflow/core/types/constant/DefaultTheme").OutlineTheme;
     getResizeOutlineStyle(): {
         stroke: string;

package/es/NodeResize/Node/DiamondResize.js

@@ -27,14 +27,8 @@ import ControlGroup from '../Control/ControlGroup';
 import Polygon from '../BasicShape/Polygon';
 var DiamondResizeModel = /** @class */ (function (_super) {
     __extends(DiamondResizeModel, _super);
-    function DiamondResizeModel(data, graphModel) {
-        var _this = _super.call(this, data, graphModel) || this;
-        var nodeSize = _this.properties.nodeSize;
-        if (nodeSize) {
-            _this.rx = nodeSize.rx;
-            _this.ry = nodeSize.ry;
-        }
-        return _this;
+    function DiamondResizeModel() {
+        return _super !== null && _super.apply(this, arguments) || this;
     }
     DiamondResizeModel.prototype.initNodeData = function (data) {
         _super.prototype.initNodeData.call(this, data);
@@ -44,6 +38,14 @@ var DiamondResizeModel = /** @class */ (function (_super) {
         this.maxHeight = 2000;
         this.gridSize = 1;
     };
+    DiamondResizeModel.prototype.init = function () {
+        _super.prototype.init.call(this);
+        var nodeSize = this.properties.nodeSize;
+        if (nodeSize) {
+            this.rx = nodeSize.rx;
+            this.ry = nodeSize.ry;
+        }
+    };
     DiamondResizeModel.prototype.getOutlineStyle = function () {
         var style = _super.prototype.getOutlineStyle.call(this);
         style.stroke = 'none';

package/es/NodeResize/Node/EllipseResize.d.ts

@@ -1,7 +1,7 @@
 import { h, EllipseNode, EllipseNodeModel } from '@logicflow/core';
 declare class EllipseResizeModel extends EllipseNodeModel {
-    constructor(data: any, graphModel: any);
     initNodeData(data: any): void;
+    init(): void;
     getOutlineStyle(): import("@logicflow/core/types/constant/DefaultTheme").OutlineTheme;
     getResizeOutlineStyle(): {
         stroke: string;

package/es/NodeResize/Node/EllipseResize.js

@@ -15,14 +15,8 @@ import { h, EllipseNode, EllipseNodeModel } from '@logicflow/core';
 import ControlGroup from '../Control/ControlGroup';
 var EllipseResizeModel = /** @class */ (function (_super) {
     __extends(EllipseResizeModel, _super);
-    function EllipseResizeModel(data, graphModel) {
-        var _this = _super.call(this, data, graphModel) || this;
-        var nodeSize = _this.properties.nodeSize;
-        if (nodeSize) {
-            _this.rx = nodeSize.rx;
-            _this.ry = nodeSize.ry;
-        }
-        return _this;
+    function EllipseResizeModel() {
+        return _super !== null && _super.apply(this, arguments) || this;
     }
     EllipseResizeModel.prototype.initNodeData = function (data) {
         _super.prototype.initNodeData.call(this, data);
@@ -31,6 +25,14 @@ var EllipseResizeModel = /** @class */ (function (_super) {
         this.maxWidth = 2000;
         this.maxHeight = 2000;
     };
+    EllipseResizeModel.prototype.init = function () {
+        _super.prototype.init.call(this);
+        var nodeSize = this.properties.nodeSize;
+        if (nodeSize) {
+            this.rx = nodeSize.rx;
+            this.ry = nodeSize.ry;
+        }
+    };
     EllipseResizeModel.prototype.getOutlineStyle = function () {
         var style = _super.prototype.getOutlineStyle.call(this);
         style.stroke = 'none';

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

@@ -1,7 +1,7 @@
 import { h, HtmlNode, HtmlNodeModel } from '@logicflow/core';
 declare class HtmlResizeModel extends HtmlNodeModel {
-    constructor(data: any, graphModel: any);
     initNodeData(data: any): void;
+    init(): void;
     getOutlineStyle(): import("@logicflow/core/types/constant/DefaultTheme").OutlineTheme;
     getResizeOutlineStyle(): {
         stroke: string;

package/es/NodeResize/Node/HtmlResize.js

@@ -15,14 +15,8 @@ import { h, HtmlNode, HtmlNodeModel } from '@logicflow/core';
 import ControlGroup from '../Control/ControlGroup';
 var HtmlResizeModel = /** @class */ (function (_super) {
     __extends(HtmlResizeModel, _super);
-    function HtmlResizeModel(data, graphModel) {
-        var _this = _super.call(this, data, graphModel) || this;
-        var nodeSize = _this.properties.nodeSize;
-        if (nodeSize) {
-            _this.width = nodeSize.width;
-            _this.height = nodeSize.height;
-        }
-        return _this;
+    function HtmlResizeModel() {
+        return _super !== null && _super.apply(this, arguments) || this;
     }
     HtmlResizeModel.prototype.initNodeData = function (data) {
         _super.prototype.initNodeData.call(this, data);
@@ -31,6 +25,14 @@ var HtmlResizeModel = /** @class */ (function (_super) {
         this.maxWidth = 2000;
         this.maxHeight = 2000;
     };
+    HtmlResizeModel.prototype.init = function () {
+        _super.prototype.init.call(this);
+        var nodeSize = this.properties.nodeSize;
+        if (nodeSize) {
+            this.width = nodeSize.width;
+            this.height = nodeSize.height;
+        }
+    };
     HtmlResizeModel.prototype.getOutlineStyle = function () {
         var style = _super.prototype.getOutlineStyle.call(this);
         style.stroke = 'none';

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

@@ -1,7 +1,7 @@
 import { h, RectNode, RectNodeModel } from '@logicflow/core';
 declare class RectResizeModel extends RectNodeModel {
-    constructor(data: any, graphModel: any);
     initNodeData(data: any): void;
+    init(): void;
     getOutlineStyle(): import("@logicflow/core/types/constant/DefaultTheme").OutlineTheme;
     getResizeOutlineStyle(): {
         fill: string;

package/es/NodeResize/Node/RectResize.js

@@ -15,14 +15,8 @@ import { h, RectNode, RectNodeModel } from '@logicflow/core';
 import ControlGroup from '../Control/ControlGroup';
 var RectResizeModel = /** @class */ (function (_super) {
     __extends(RectResizeModel, _super);
-    function RectResizeModel(data, graphModel) {
-        var _this = _super.call(this, data, graphModel) || this;
-        var nodeSize = _this.properties.nodeSize;
-        if (nodeSize) {
-            _this.width = nodeSize.width;
-            _this.height = nodeSize.height;
-        }
-        return _this;
+    function RectResizeModel() {
+        return _super !== null && _super.apply(this, arguments) || this;
     }
     RectResizeModel.prototype.initNodeData = function (data) {
         _super.prototype.initNodeData.call(this, data);
@@ -31,6 +25,14 @@ var RectResizeModel = /** @class */ (function (_super) {
         this.maxWidth = 2000;
         this.maxHeight = 2000;
     };
+    RectResizeModel.prototype.init = function () {
+        _super.prototype.init.call(this);
+        var nodeSize = this.properties.nodeSize;
+        if (nodeSize) {
+            this.width = nodeSize.width;
+            this.height = nodeSize.height;
+        }
+    };
     RectResizeModel.prototype.getOutlineStyle = function () {
         var style = _super.prototype.getOutlineStyle.call(this);
         style.stroke = 'none';

package/es/bpmn-adapter/index.js

@@ -176,7 +176,7 @@ function convertLf2ProcessData(bpmnProcessData, data) {
         return edgeConfig;
     });
     // @see https://github.com/didi/LogicFlow/issues/325
-    // 需要保证incomming在outgoing之前
+    // 需要保证incoming在outgoing之前
     data.edges.forEach(function (edge) {
         var sourceNode = nodeMap.get(edge.sourceNodeId);
         if (!sourceNode['bpmn:outgoing']) {

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

@@ -9,13 +9,12 @@ declare type ControlItem = {
 };
 declare class Control {
     private lf;
+    private LogicFlow;
     static pluginName: string;
     private controlItems;
     private domContainer;
     private toolEl;
-    constructor({ lf }: {
-        lf: any;
-    });
+    constructor(args: any);
     render(lf: any, domContainer: any): void;
     destroy(): void;
     addItem(item: any): void;

package/es/components/control/index.js

@@ -19,15 +19,16 @@ var __spread = (this && this.__spread) || function () {
     return ar;
 };
 var Control = /** @class */ (function () {
-    function Control(_a) {
+    function Control(args) {
         var _this = this;
-        var lf = _a.lf;
+        this.lf = args.lf;
+        this.LogicFlow = args.LogicFlow;
         this.controlItems = [
             {
                 key: 'zoom-out',
                 iconClass: 'lf-control-zoomOut',
-                title: '缩小流程图',
-                text: '缩小',
+                title: this.LogicFlow.t('缩小流程图'),
+                text: this.LogicFlow.t('缩小'),
                 onClick: function () {
                     _this.lf.zoom(false);
                 },
@@ -35,8 +36,8 @@ var Control = /** @class */ (function () {
             {
                 key: 'zoom-in',
                 iconClass: 'lf-control-zoomIn',
-                title: '放大流程图',
-                text: '放大',
+                title: this.LogicFlow.t('放大流程图'),
+                text: this.LogicFlow.t('放大'),
                 onClick: function () {
                     _this.lf.zoom(true);
                 },
@@ -44,8 +45,8 @@ var Control = /** @class */ (function () {
             {
                 key: 'reset',
                 iconClass: 'lf-control-fit',
-                title: '恢复流程原有尺寸',
-                text: '适应',
+                title: this.LogicFlow.t('恢复流程原有尺寸'),
+                text: this.LogicFlow.t('适应'),
                 onClick: function () {
                     _this.lf.resetZoom();
                 },
@@ -53,8 +54,8 @@ var Control = /** @class */ (function () {
             {
                 key: 'undo',
                 iconClass: 'lf-control-undo',
-                title: '回到上一步',
-                text: '上一步',
+                title: this.LogicFlow.t('回到上一步'),
+                text: this.LogicFlow.t('上一步'),
                 onClick: function () {
                     _this.lf.undo();
                 },
@@ -62,14 +63,13 @@ var Control = /** @class */ (function () {
             {
                 key: 'redo',
                 iconClass: 'lf-control-redo',
-                title: '移到下一步',
-                text: '下一步',
+                title: this.LogicFlow.t('移到下一步'),
+                text: this.LogicFlow.t('下一步'),
                 onClick: function () {
                     _this.lf.redo();
                 },
             },
         ];
-        this.lf = lf;
     }
     Control.prototype.render = function (lf, domContainer) {
         this.destroy();
@@ -110,14 +110,14 @@ var Control = /** @class */ (function () {
             text.title = item.title;
             text.innerText = item.text;
             itemContainer.append(icon, text);
-            switch (item.text) {
-                case '上一步':
+            switch (item.key) {
+                case 'undo':
                     _this.lf.on('history:change', function (_a) {
                         var undoAble = _a.data.undoAble;
                         itemContainer.className = undoAble ? NORMAL : DISABLED;
                     });
                     break;
-                case '下一步':
+                case 'redo':
                     _this.lf.on('history:change', function (_a) {
                         var redoAble = _a.data.redoAble;
                         itemContainer.className = redoAble ? NORMAL : DISABLED;

package/es/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 };