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

package/cjs/NodeResize/Control/Control.js

@@ -37,9 +37,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) {
@@ -55,7 +57,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:
@@ -93,14 +95,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,
@@ -163,9 +167,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,
@@ -227,9 +231,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/cjs/NodeResize/Node/DiamondResize.js

@@ -29,14 +29,8 @@ var ControlGroup_1 = require("../Control/ControlGroup");
 var Polygon_1 = require("../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);
@@ -46,6 +40,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/cjs/NodeResize/Node/EllipseResize.js

@@ -17,14 +17,8 @@ var core_1 = require("@logicflow/core");
 var ControlGroup_1 = require("../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);
@@ -33,6 +27,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/cjs/NodeResize/Node/HtmlResize.js

@@ -17,14 +17,8 @@ var core_1 = require("@logicflow/core");
 var ControlGroup_1 = require("../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);
@@ -33,6 +27,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/cjs/NodeResize/Node/RectResize.js

@@ -17,14 +17,8 @@ var core_1 = require("@logicflow/core");
 var ControlGroup_1 = require("../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);
@@ -33,6 +27,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/cjs/bpmn-adapter/index.js

@@ -179,7 +179,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/cjs/components/control/index.js

@@ -22,15 +22,16 @@ var __spread = (this && this.__spread) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Control = void 0;
 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);
                 },
@@ -38,8 +39,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);
                 },
@@ -47,8 +48,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();
                 },
@@ -56,8 +57,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();
                 },
@@ -65,14 +66,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();
@@ -113,14 +113,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/cjs/components/highlight/index.js

@@ -0,0 +1,187 @@
+"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.Highlight = void 0;
+// 后续并入FlowPath
+var getPath = function (id, lf) {
+    var el = lf.getModelById(id);
+    return getNodePath(el.BaseType === 'node' ? el : el.targetNode, lf);
+};
+// dfs + 动态规划
+// todo 算法优化
+var getNodePath = function (node, lf) {
+    var incomingPaths = [];
+    var outgoingPaths = [];
+    var getIncomingPaths = function (curNode, path, prevNode) {
+        if (prevNode === void 0) { prevNode = null; }
+        if (prevNode) {
+            // * 上个节点和当前节点中间边
+            path.unshift.apply(path, __spread(lf
+                .getEdgeModels({
+                sourceNodeId: curNode.id,
+                targetNodeId: prevNode.id,
+            })
+                .map(function (item) { return item.id; })));
+        }
+        // * 路径中存在节点，则不再继续查找，说明出现环情况
+        if (path.includes(curNode.id)) {
+            incomingPaths.push(path);
+            return;
+        }
+        // * 路径中当前加入节点
+        path.unshift(curNode.id);
+        if (!curNode.incoming.nodes.length) {
+            incomingPaths.push(path);
+            return;
+        }
+        // * 往下找
+        curNode.incoming.nodes.forEach(function (nextNode) {
+            getIncomingPaths(nextNode, path.slice(), curNode);
+        });
+    };
+    // * 同上逻辑
+    var getOutgoingPaths = function (curNode, path, prevNode) {
+        if (prevNode === void 0) { prevNode = null; }
+        if (prevNode) {
+            path.push.apply(path, __spread(lf
+                .getEdgeModels({
+                sourceNodeId: prevNode.id,
+                targetNodeId: curNode.id,
+            })
+                .map(function (item) { return item.id; })));
+        }
+        if (path.includes(curNode.id)) {
+            outgoingPaths.push(path);
+            return;
+        }
+        path.push(curNode.id);
+        if (!curNode.outgoing.nodes.length) {
+            outgoingPaths.push(path);
+            return;
+        }
+        curNode.outgoing.nodes.forEach(function (nextNode) {
+            getOutgoingPaths(nextNode, path.slice(), curNode);
+        });
+    };
+    getIncomingPaths(node, []);
+    getOutgoingPaths(node, []);
+    return __spread(new Set(__spread(incomingPaths.flat(), outgoingPaths.flat())));
+};
+var Highlight = /** @class */ (function () {
+    function Highlight(_a) {
+        var lf = _a.lf;
+        this.mode = 'path';
+        this.manual = false;
+        this.tempStyles = {};
+        this.lf = lf;
+    }
+    Highlight.prototype.setMode = function (mode) {
+        this.mode = mode;
+    };
+    Highlight.prototype.setManual = function (manual) {
+        this.manual = manual;
+    };
+    Highlight.prototype.highlightSingle = function (id) {
+        var model = this.lf.getModelById(id);
+        if (model.BaseType === 'node') {
+            // 高亮节点
+            model.updateStyles(this.tempStyles[id]);
+        }
+        else if (model.BaseType === 'edge') {
+            // 高亮边及对应的节点
+            model.updateStyles(this.tempStyles[id]);
+            model.sourceNode.updateStyles(this.tempStyles[model.sourceNode.id]);
+            model.targetNode.updateStyles(this.tempStyles[model.targetNode.id]);
+        }
+    };
+    Highlight.prototype.highlightPath = function (id) {
+        var _this = this;
+        var path = getPath(id, this.lf);
+        path.forEach(function (_id) {
+            // 高亮路径上所有的边和节点
+            _this.lf.getModelById(_id).updateStyles(_this.tempStyles[_id]);
+        });
+    };
+    Highlight.prototype.highlight = function (id, mode) {
+        var _this = this;
+        if (mode === void 0) { mode = this.mode; }
+        if (this.manual)
+            return;
+        if (Object.keys(this.tempStyles).length) {
+            this.restoreHighlight();
+        }
+        Object.values(this.lf.graphModel.modelsMap).forEach(function (item) {
+            //  所有节点样式都进行备份
+            // eslint-disable-next-line operator-linebreak
+            var oStyle = item.BaseType === 'node' ? item.getNodeStyle() : item.getEdgeStyle();
+            _this.tempStyles[item.id] = __assign({}, oStyle);
+            //  所有节点都设置透明度为0.1
+            item.setStyles({ opacity: 0.1 });
+        });
+        var modeTrigger = {
+            single: this.highlightSingle.bind(this),
+            path: this.highlightPath.bind(this),
+        };
+        modeTrigger[mode](id);
+    };
+    Highlight.prototype.restoreHighlight = function () {
+        var _this = this;
+        // 恢复所有节点的样式
+        if (!Object.keys(this.tempStyles).length)
+            return;
+        Object.values(this.lf.graphModel.modelsMap).forEach(function (item) {
+            var _a;
+            var oStyle = (_a = _this.tempStyles[item.id]) !== null && _a !== void 0 ? _a : {};
+            item.updateStyles(__assign({}, oStyle));
+        });
+        this.tempStyles = {};
+    };
+    Highlight.prototype.render = function (lf, domContainer) {
+        var _this = this;
+        this.lf.on('node:mouseenter', function (_a) {
+            var data = _a.data;
+            return _this.highlight(data.id);
+        });
+        this.lf.on('edge:mouseenter', function (_a) {
+            var data = _a.data;
+            return _this.highlight(data.id);
+        });
+        this.lf.on('node:mouseleave', this.restoreHighlight.bind(this));
+        this.lf.on('edge:mouseleave', this.restoreHighlight.bind(this));
+        this.lf.on('history:change', this.restoreHighlight.bind(this));
+    };
+    Highlight.prototype.destroy = function () { };
+    Highlight.pluginName = 'highlight';
+    return Highlight;
+}());
+exports.Highlight = Highlight;

package/cjs/components/menu/index.js

@@ -26,11 +26,11 @@ var DefaultEdgeMenuKey = 'lf:defaultEdgeMenu';
 var DefaultGraphMenuKey = 'lf:defaultGraphMenu';
 var DefaultSelectionMenuKey = 'lf:defaultSelectionMenu';
 var Menu = /** @class */ (function () {
-    function Menu(_a) {
+    function Menu(args) {
         var _this = this;
-        var lf = _a.lf;
         this.__menuDOM = document.createElement('ul');
-        this.lf = lf;
+        this.lf = args.lf;
+        this.LogicFlow = args.LogicFlow;
         this.menuTypeMap = new Map();
         this.init();
         this.lf.setMenuConfig = function (config) {
@@ -50,19 +50,19 @@ var Menu = /** @class */ (function () {
         var _this = this;
         var defaultNodeMenu = [
             {
-                text: '删除',
+                text: this.LogicFlow.t('删除'),
                 callback: function (node) {
                     _this.lf.deleteNode(node.id);
                 },
             },
             {
-                text: '编辑文本',
+                text: this.LogicFlow.t('编辑文本'),
                 callback: function (node) {
                     _this.lf.graphModel.editText(node.id);
                 },
             },
             {
-                text: '复制',
+                text: this.LogicFlow.t('复制'),
                 callback: function (node) {
                     _this.lf.cloneNode(node.id);
                 },
@@ -71,13 +71,13 @@ var Menu = /** @class */ (function () {
         this.menuTypeMap.set(DefaultNodeMenuKey, defaultNodeMenu);
         var defaultEdgeMenu = [
             {
-                text: '删除',
+                text: this.LogicFlow.t('删除'),
                 callback: function (edge) {
                     _this.lf.deleteEdge(edge.id);
                 },
             },
             {
-                text: '编辑文本',
+                text: this.LogicFlow.t('编辑文本'),
                 callback: function (edge) {
                     _this.lf.graphModel.editText(edge.id);
                 },
@@ -87,7 +87,7 @@ var Menu = /** @class */ (function () {
         this.menuTypeMap.set(DefaultGraphMenuKey, []);
         var DefaultSelectionMenu = [
             {
-                text: '删除',
+                text: this.LogicFlow.t('删除'),
                 callback: function (elements) {
                     _this.lf.clearSelectElements();
                     elements.edges.forEach(function (edge) { return _this.lf.deleteEdge(edge.id); });

package/cjs/components/mini-map/index.js

@@ -103,6 +103,11 @@ var MiniMap = /** @class */ (function () {
                 _this.__setView();
             }
         });
+        this.__lf.on('blank:drop', function () {
+            if (_this.__isShow) {
+                _this.__setView();
+            }
+        });
     };
     MiniMap.prototype.init = function (option) {
         this.__disabledPlugins = this.__disabledPlugins.concat(option.disabledPlugins || []);

package/cjs/components/selection-select/index.js

@@ -43,9 +43,11 @@ var SelectionSelect = /** @class */ (function () {
             }
             var lt = [Math.min(x, x1), Math.min(y, y1)];
             var rt = [Math.max(x, x1), Math.max(y, y1)];
-            var elements = _this.lf.getAreaElement(lt, rt, _this.isWholeEdge, _this.isWholeNode);
+            var elements = _this.lf.graphModel.getAreaElement(lt, rt, _this.isWholeEdge, _this.isWholeNode);
             elements.forEach(function (element) {
-                _this.lf.selectElementById(element.id, true);
+                if (_this.isSelectElement(element)) {
+                    _this.lf.selectElementById(element.id, true);
+                }
             });
             _this.lf.emit('selection:selected', elements);
         };
@@ -118,6 +120,24 @@ var SelectionSelect = /** @class */ (function () {
         }
         this.close();
     };
+    SelectionSelect.prototype.isSelectElement = function (elementModel) {
+        // 如果不可见，则不被选中
+        if (!elementModel.visible)
+            return false;
+        var group = this.lf.extension.group;
+        // 节点在group中,则不被选中
+        if (group) {
+            if (elementModel.BaseType === 'node' && group.getNodeGroup(elementModel.id))
+                return false;
+            if (elementModel.BaseType === 'edge') {
+                if (group.getNodeGroup(elementModel.sourceNodeId)
+                    || group.getNodeGroup(elementModel.targetNodeId)) {
+                    return false;
+                }
+            }
+        }
+        return true;
+    };
     SelectionSelect.prototype.open = function () {
         this.__disabled = false;
     };

package/cjs/index.js

@@ -29,3 +29,5 @@ __exportStar(require("./tools/flow-path"), exports);
 __exportStar(require("./tools/auto-layout"), exports);
 __exportStar(require("./bpmn-adapter/xml2json"), exports);
 __exportStar(require("./bpmn-adapter/json2xml"), exports);
+__exportStar(require("./locale/en-locale"), exports);
+__exportStar(require("./components/highlight"), exports);

package/cjs/locale/en-locale/en.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.en = void 0;
+var en = {
+    文本: 'text',
+    开始: 'start',
+    缩小流程图: 'zoom in',
+    缩小: 'zoom in',
+    放大流程图: 'zoom out',
+    放大: 'zoom out',
+    恢复流程原有尺寸: 'adapt to original size',
+    适应: 'adapt',
+    回到上一步: 'undo',
+    上一步: 'undo',
+    移到下一步: 'redo',
+    下一步: 'redo',
+    删除: 'delete',
+    编辑文本: 'edit text',
+    复制: 'copy',
+};
+exports.en = en;
+exports.default = en;

package/cjs/locale/en-locale/index.js

@@ -0,0 +1,29 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EnLocale = void 0;
+var locale_1 = require("../locale");
+var en_1 = require("./en");
+var EnLocale = /** @class */ (function (_super) {
+    __extends(EnLocale, _super);
+    function EnLocale(_a) {
+        var LogicFlow = _a.LogicFlow;
+        return _super.call(this, LogicFlow, en_1.default) || this;
+    }
+    EnLocale.pluginName = 'enLocale';
+    return EnLocale;
+}(locale_1.Locale));
+exports.EnLocale = EnLocale;
+exports.default = EnLocale;

package/cjs/locale/locale.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Locale = void 0;
+var Locale = /** @class */ (function () {
+    function Locale(LogicFlow, map) {
+        if (LogicFlow && map) {
+            this.replaceTranslator(LogicFlow, map);
+        }
+    }
+    Locale.prototype.replaceTranslator = function (LogicFlow, map) {
+        LogicFlow.t = function (text) { return (map[text] ? map[text] : text); };
+    };
+    Locale.prototype.setDefault = function (LogicFlow) {
+        LogicFlow.t = Locale.defaultTranslator;
+    };
+    Locale.defaultTranslator = function (text) { return text; };
+    return Locale;
+}());
+exports.Locale = Locale;