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

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();

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/index.js

@@ -29,3 +29,4 @@ __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);

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;

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();

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

@@ -13,14 +13,13 @@ export declare type MenuConfig = {
 };
 declare class Menu {
     lf: LogicFlow;
+    LogicFlow: any;
     private __container;
     private __menuDOM;
     private menuTypeMap;
     private __currentData;
     static pluginName: string;
-    constructor({ lf }: {
-        lf: any;
-    });
+    constructor(args: any);
     /**
      * 初始化设置默认内置菜单栏
      */

package/es/components/menu/index.js

@@ -23,11 +23,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) {
@@ -47,19 +47,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);
                 },
@@ -68,13 +68,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);
                 },
@@ -84,7 +84,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/es/index.d.ts

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

package/es/index.js

@@ -17,3 +17,4 @@ export * from './tools/flow-path';
 export * from './tools/auto-layout';
 export * from './bpmn-adapter/xml2json';
 export * from './bpmn-adapter/json2xml';
+export * from './locale/en-locale';

package/es/locale/en-locale/en.d.ts

@@ -0,0 +1,19 @@
+declare const en: {
+    文本: string;
+    开始: string;
+    缩小流程图: string;
+    缩小: string;
+    放大流程图: string;
+    放大: string;
+    恢复流程原有尺寸: string;
+    适应: string;
+    回到上一步: string;
+    上一步: string;
+    移到下一步: string;
+    下一步: string;
+    删除: string;
+    编辑文本: string;
+    复制: string;
+};
+export default en;
+export { en };

package/es/locale/en-locale/en.js

@@ -0,0 +1,19 @@
+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',
+};
+export default en;
+export { en };

package/es/locale/en-locale/index.d.ts

@@ -0,0 +1,9 @@
+import { Locale } from '../locale';
+declare class EnLocale extends Locale {
+    static pluginName: string;
+    constructor({ LogicFlow }: {
+        LogicFlow: any;
+    });
+}
+export default EnLocale;
+export { EnLocale };

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

@@ -0,0 +1,26 @@
+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 __());
+    };
+})();
+import { Locale } from '../locale';
+import en from './en';
+var EnLocale = /** @class */ (function (_super) {
+    __extends(EnLocale, _super);
+    function EnLocale(_a) {
+        var LogicFlow = _a.LogicFlow;
+        return _super.call(this, LogicFlow, en) || this;
+    }
+    EnLocale.pluginName = 'enLocale';
+    return EnLocale;
+}(Locale));
+export default EnLocale;
+export { EnLocale };

package/es/locale/locale.d.ts

@@ -0,0 +1,6 @@
+export declare class Locale {
+    constructor(LogicFlow?: any, map?: Object);
+    replaceTranslator(LogicFlow: any, map: Object): void;
+    setDefault(LogicFlow: any): void;
+    static defaultTranslator: (text: string) => string;
+}

package/es/locale/locale.js

@@ -0,0 +1,16 @@
+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;
+}());
+export { Locale };