@logicflow/extension 1.1.20 → 1.2.0-alpha.10

package/cjs/bpmn-adapter/xml2json.js

@@ -38,26 +38,26 @@ XML.ObjTree.prototype.parseXML = function (xml) {
 };
 //  method: parseHTTP( url, options, callback )  
 XML.ObjTree.prototype.parseHTTP = function (url, options, callback) {
-    var myopt = {};
+    var myOpt = {};
     for (var key in options) {
-        myopt[key] = options[key]; // copy object  
+        myOpt[key] = options[key]; // copy object  
     }
-    if (!myopt.method) {
-        if (typeof (myopt.postBody) == "undefined" &&
-            typeof (myopt.postbody) == "undefined" &&
-            typeof (myopt.parameters) == "undefined") {
-            myopt.method = "get";
+    if (!myOpt.method) {
+        if (typeof (myOpt.postBody) == "undefined" &&
+            typeof (myOpt.postbody) == "undefined" &&
+            typeof (myOpt.parameters) == "undefined") {
+            myOpt.method = "get";
         }
         else {
-            myopt.method = "post";
+            myOpt.method = "post";
         }
     }
     if (callback) {
-        myopt.asynchronous = true; // async-mode  
+        myOpt.asynchronous = true; // async-mode  
         var __this = this;
         var __func = callback;
-        var __save = myopt.onComplete;
-        myopt.onComplete = function (trans) {
+        var __save = myOpt.onComplete;
+        myOpt.onComplete = function (trans) {
             var tree;
             if (trans && trans.responseXML && trans.responseXML.documentElement) {
                 tree = __this.parseDOM(trans.responseXML.documentElement);
@@ -68,17 +68,17 @@ XML.ObjTree.prototype.parseHTTP = function (url, options, callback) {
         };
     }
     else {
-        myopt.asynchronous = false; // sync-mode  
+        myOpt.asynchronous = false;
     }
     var trans;
     if (typeof (HTTP) != "undefined" && HTTP.Request) {
-        myopt.uri = url;
-        var req = new HTTP.Request(myopt); // JSAN  
+        myOpt.uri = url;
+        var req = new HTTP.Request(myOpt);
         if (req)
             trans = req.transport;
     }
     else if (typeof (Ajax) != "undefined" && Ajax.Request) {
-        var req = new Ajax.Request(url, myopt); // ptorotype.js  
+        var req = new Ajax.Request(url, myOpt);
         if (req)
             trans = req.transport;
     }
@@ -88,7 +88,7 @@ XML.ObjTree.prototype.parseHTTP = function (url, options, callback) {
         return this.parseDOM(trans.responseXML.documentElement);
     }
 };
-//  method: parseDOM( documentroot )  
+//  method: parseDOM( document root )  
 XML.ObjTree.prototype.parseDOM = function (root) {
     if (!root)
         return;
@@ -122,11 +122,11 @@ XML.ObjTree.prototype.parseElement = function (elem) {
             return; // ignore white spaces  
         return elem.nodeValue;
     }
-    var retval;
+    var retVal;
     var cnt = {};
     //  parse attributes  
     if (elem.attributes && elem.attributes.length) {
-        retval = {};
+        retVal = {};
         for (var i = 0; i < elem.attributes.length; i++) {
             var key = elem.attributes[i].nodeName;
             if (typeof (key) != "string")
@@ -138,30 +138,30 @@ XML.ObjTree.prototype.parseElement = function (elem) {
             if (typeof (cnt[key]) == "undefined")
                 cnt[key] = 0;
             cnt[key]++;
-            this.addNode(retval, key, cnt[key], val);
+            this.addNode(retVal, key, cnt[key], val);
         }
     }
     //  parse child nodes (recursive)  
     if (elem.childNodes && elem.childNodes.length) {
-        var textonly = true;
-        if (retval)
-            textonly = false; // some attributes exists  
-        for (var i = 0; i < elem.childNodes.length && textonly; i++) {
-            var ntype = elem.childNodes[i].nodeType;
-            if (ntype == 3 || ntype == 4)
+        var textOnly = true;
+        if (retVal)
+            textOnly = false; // some attributes exists  
+        for (var i = 0; i < elem.childNodes.length && textOnly; i++) {
+            var nType = elem.childNodes[i].nodeType;
+            if (nType == 3 || nType == 4)
                 continue;
-            textonly = false;
+            textOnly = false;
         }
-        if (textonly) {
-            if (!retval)
-                retval = "";
+        if (textOnly) {
+            if (!retVal)
+                retVal = "";
             for (var i = 0; i < elem.childNodes.length; i++) {
-                retval += elem.childNodes[i].nodeValue;
+                retVal += elem.childNodes[i].nodeValue;
             }
         }
         else {
-            if (!retval)
-                retval = {};
+            if (!retVal)
+                retVal = {};
             for (var i = 0; i < elem.childNodes.length; i++) {
                 var key = elem.childNodes[i].nodeName;
                 if (typeof (key) != "string")
@@ -172,23 +172,23 @@ XML.ObjTree.prototype.parseElement = function (elem) {
                 if (typeof (cnt[key]) == "undefined")
                     cnt[key] = 0;
                 cnt[key]++;
-                this.addNode(retval, key, cnt[key], val);
+                this.addNode(retVal, key, cnt[key], val);
             }
         }
     }
-    return retval;
+    return retVal;
 };
 //  method: addNode( hash, key, count, value )  
-XML.ObjTree.prototype.addNode = function (hash, key, cnts, val) {
+XML.ObjTree.prototype.addNode = function (hash, key, counts, val) {
     if (this.__force_array[key]) {
-        if (cnts == 1)
+        if (counts == 1)
             hash[key] = [];
         hash[key][hash[key].length] = val; // push  
     }
-    else if (cnts == 1) { // 1st sibling  
+    else if (counts == 1) { // 1st sibling  
         hash[key] = val;
     }
-    else if (cnts == 2) { // 2nd sibling  
+    else if (counts == 2) { // 2nd sibling  
         hash[key] = [hash[key], val];
     }
     else { // 3rd sibling and more  
@@ -277,252 +277,6 @@ XML.ObjTree.prototype.scalar_to_xml = function (name, text) {
 XML.ObjTree.prototype.xml_escape = function (text) {
     return text.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>').replace(/"/g, '"');
 };
-/*
-// ========================================================================
-
-=head1 NAME
-
-XML.ObjTree -- XML source code from/to JavaScript object like E4X
-
-=head1 SYNOPSIS
-
-var xotree = new XML.ObjTree();
-var tree1 = {
-root: {
-node: "Hello, World!"
-}
-};
-var xml1 = xotree.writeXML( tree1 );        // object tree to XML source
-alert( "xml1: "+xml1 );
-
-var xml2 = '<?xml version="1.0"?><response><error>0</error></response>';
-var tree2 = xotree.parseXML( xml2 );        // XML source to object tree
-alert( "error: "+tree2.response.error );
-
-=head1 DESCRIPTION
-
-XML.ObjTree class is a parser/generater between XML source code
-and JavaScript object like E4X, ECMAScript for XML.
-This is a JavaScript version of the XML::TreePP module for Perl.
-This also works as a wrapper for XMLHTTPRequest and successor to JKL.ParseXML class
-when this is used with prototype.js or JSAN's HTTP.Request class.
-
-=head2 JavaScript object tree format
-
-A sample XML source:
-
-<?xml version="1.0" encoding="UTF-8"?>
-<family name="Kawasaki">
-<father>Yasuhisa</father>
-<mother>Chizuko</mother>
-<children>
-<girl>Shiori</girl>
-<boy>Yusuke</boy>
-<boy>Kairi</boy>
-</children>
-</family>
-
-Its JavaScript object tree like JSON/E4X:
-
-{
-'family': {
-'-name':    'Kawasaki',
-'father':   'Yasuhisa',
-'mother':   'Chizuko',
-'children': {
-'girl': 'Shiori'
-'boy': [
-'Yusuke',
-'Kairi'
-]
-}
-}
-};
-
-Each elements are parsed into objects:
-
-tree.family.father;             # the father's given name.
-
-Prefix '-' is inserted before every attributes' name.
-
-tree.family["-name"];           # this family's family name
-
-A array is used because this family has two boys.
-
-tree.family.children.boy[0];    # first boy's name
-tree.family.children.boy[1];    # second boy's name
-tree.family.children.girl;      # (girl has no other sisiters)
-
-=head1 METHODS
-
-=head2 xotree = new XML.ObjTree()
-
-This constructor method returns a new XML.ObjTree object.
-
-=head2 xotree.force_array = [ "rdf:li", "item", "-xmlns" ];
-
-This property allows you to specify a list of element names
-which should always be forced into an array representation.
-The default value is null, it means that context of the elements
-will determine to make array or to keep it scalar.
-
-=head2 xotree.attr_prefix = '@';
-
-This property allows you to specify a prefix character which is
-inserted before each attribute names.
-Instead of default prefix '-', E4X-style prefix '@' is also available.
-The default character is '-'.
-Or set '@' to access attribute values like E4X, ECMAScript for XML.
-The length of attr_prefix must be just one character and not be empty.
-
-=head2 tree = xotree.parseXML( xmlsrc );
-
-This method loads an XML document using the supplied string
-and returns its JavaScript object converted.
-
-=head2 tree = xotree.parseDOM( domnode );
-
-This method parses a DOM tree (ex. responseXML.documentElement)
-and returns its JavaScript object converted.
-
-=head2 tree = xotree.parseHTTP( url, options );
-
-This method loads a XML file from remote web server
-and returns its JavaScript object converted.
-XMLHTTPRequest's synchronous mode is always used.
-This mode blocks the process until the response is completed.
-
-First argument is a XML file's URL
-which must exist in the same domain as parent HTML file's.
-Cross-domain loading is not available for security reasons.
-
-Second argument is options' object which can contains some parameters:
-method, postBody, parameters, onLoading, etc.
-
-This method requires JSAN's L<HTTP.Request> class or prototype.js's Ajax.Request class.
-
-=head2 xotree.parseHTTP( url, options, callback );
-
-If a callback function is set as third argument,
-XMLHTTPRequest's asynchronous mode is used.
-
-This mode calls a callback function with XML file's JavaScript object converted
-after the response is completed.
-
-=head2 xmlsrc = xotree.writeXML( tree );
-
-This method parses a JavaScript object tree
-and returns its XML source generated.
-
-=head1 EXAMPLES
-
-=head2 Text node and attributes
-
-If a element has both of a text node and attributes
-or both of a text node and other child nodes,
-text node's value is moved to a special node named "#text".
-
-var xotree = new XML.ObjTree();
-var xmlsrc = '<span class="author">Kawasaki Yusuke</span>';
-var tree = xotree.parseXML( xmlsrc );
-var class = tree.span["-class"];        # attribute
-var name  = tree.span["#text"];         # text node
-
-=head2 parseHTTP() method with HTTP-GET and sync-mode
-
-HTTP/Request.js or prototype.js must be loaded before calling this method.
-
-var xotree = new XML.ObjTree();
-var url = "http://example.com/index.html";
-var tree = xotree.parseHTTP( url );
-xotree.attr_prefix = '@';                   // E4X-style
-alert( tree.html["@lang"] );
-
-This code shows C<lang=""> attribute from a X-HTML source code.
-
-=head2 parseHTTP() method with HTTP-POST and async-mode
-
-Third argument is a callback function which is called on onComplete.
-
-var xotree = new XML.ObjTree();
-var url = "http://example.com/mt-tb.cgi";
-var opts = {
-postBody:   "title=...&excerpt=...&url=...&blog_name=..."
-};
-var func = function ( tree ) {
-alert( tree.response.error );
-};
-xotree.parseHTTP( url, opts, func );
-
-This code send a trackback ping and shows its response code.
-
-=head2 Simple RSS reader
-
-This is a RSS reader which loads RDF file and displays all items.
-
-var xotree = new XML.ObjTree();
-xotree.force_array = [ "rdf:li", "item" ];
-var url = "http://example.com/news-rdf.xml";
-var func = function( tree ) {
-var elem = document.getElementById("rss_here");
-for( var i=0; i<tree["rdf:RDF"].item.length; i++ ) {
-var divtag = document.createElement( "div" );
-var atag = document.createElement( "a" );
-atag.href = tree["rdf:RDF"].item[i].link;
-var title = tree["rdf:RDF"].item[i].title;
-var tnode = document.createTextNode( title );
-atag.appendChild( tnode );
-divtag.appendChild( atag );
-elem.appendChild( divtag );
-}
-};
-xotree.parseHTTP( url, {}, func );
-
-=head2  XML-RPC using writeXML, prototype.js and parseDOM
-
-If you wish to use prototype.js's Ajax.Request class by yourself:
-
-var xotree = new XML.ObjTree();
-var reqtree = {
-methodCall: {
-methodName: "weblogUpdates.ping",
-params: {
-param: [
-{ value: "Kawa.net xp top page" },  // 1st param
-{ value: "http://www.kawa.net/" }   // 2nd param
-]
-}
-}
-};
-var reqxml = xotree.writeXML( reqtree );       // JS-Object to XML code
-var url = "http://example.com/xmlrpc";
-var func = function( req ) {
-var resdom = req.responseXML.documentElement;
-xotree.force_array = [ "member" ];
-var restree = xotree.parseDOM( resdom );   // XML-DOM to JS-Object
-alert( restree.methodResponse.params.param.value.struct.member[0].value.string );
-};
-var opt = {
-method:         "post",
-postBody:       reqxml,
-asynchronous:   true,
-onComplete:     func
-};
-new Ajax.Request( url, opt );
-
-=head1 AUTHOR
-
-Yusuke Kawasaki http://www.kawa.net/
-=head1 COPYRIGHT AND LICENSE
-
-Copyright (c) 2005-2006 Yusuke Kawasaki. All rights reserved.
-This program is free software; you can redistribute it and/or
-modify it under the Artistic license. Or whatever license I choose,
-which I will do instead of keeping this documentation like it is.
-
-=cut
-// ========================================================================
-*/
 var lfXml2Json = function (xmlData) {
     return new XML.ObjTree().parseXML(xmlData);
 };

package/cjs/components/context-menu/index.js

@@ -177,8 +177,8 @@ var ContextMenu = /** @class */ (function () {
         var leftTopY = y - node.y / 2 - 20;
         var rightBottomX = node.x + nodeModel.width + NEXT_X_DISTANCE;
         var rightBottomY = y + node.y / 2 + 20;
-        var exsitElements = this.lf.getAreaElement([leftTopX, leftTopY], [rightBottomX, rightBottomY]);
-        if (exsitElements.length) {
+        var existElements = this.lf.getAreaElement([leftTopX, leftTopY], [rightBottomX, rightBottomY]);
+        if (existElements.length) {
             y = y + NEXT_Y_DISTANCE;
             this.addNode(node, y);
             return;

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

@@ -21,16 +21,16 @@ var __spread = (this && this.__spread) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Menu = void 0;
-var DefalutNodeMenuKey = 'lf:defaultNodeMenu';
-var DefalutEdgeMenuKey = 'lf:defaultEdgeMenu';
-var DefalutGraphMenuKey = 'lf:defaultGraphMenu';
-var DefalutSelectionMenuKey = 'lf:defaultSelectionMenu';
+var DefaultNodeMenuKey = 'lf:defaultNodeMenu';
+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) {
@@ -48,46 +48,46 @@ var Menu = /** @class */ (function () {
      */
     Menu.prototype.init = function () {
         var _this = this;
-        var defalutNodeMenu = [
+        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);
                 },
             },
         ];
-        this.menuTypeMap.set(DefalutNodeMenuKey, defalutNodeMenu);
+        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);
                 },
             },
         ];
-        this.menuTypeMap.set(DefalutEdgeMenuKey, defaultEdgeMenu);
-        this.menuTypeMap.set(DefalutGraphMenuKey, []);
-        var DefalutSelectionMenu = [
+        this.menuTypeMap.set(DefaultEdgeMenuKey, defaultEdgeMenu);
+        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); });
@@ -95,7 +95,7 @@ var Menu = /** @class */ (function () {
                 },
             },
         ];
-        this.menuTypeMap.set(DefalutSelectionMenuKey, DefalutSelectionMenu);
+        this.menuTypeMap.set(DefaultSelectionMenuKey, DefaultSelectionMenu);
     };
     Menu.prototype.render = function (lf, container) {
         var _this = this;
@@ -142,7 +142,7 @@ var Menu = /** @class */ (function () {
                 menuList = typeMenus;
             }
             else { // 最后取全局默认
-                menuList = _this.menuTypeMap.get(DefalutNodeMenuKey);
+                menuList = _this.menuTypeMap.get(DefaultNodeMenuKey);
             }
             _this.__currentData = data;
             _this.showMenu(x, y, menuList);
@@ -162,20 +162,20 @@ var Menu = /** @class */ (function () {
                 menuList = typeMenus;
             }
             else { // 最后取全局默认
-                menuList = _this.menuTypeMap.get(DefalutEdgeMenuKey);
+                menuList = _this.menuTypeMap.get(DefaultEdgeMenuKey);
             }
             _this.__currentData = data;
             _this.showMenu(x, y, menuList);
         });
         this.lf.on('blank:contextmenu', function (_a) {
             var position = _a.position;
-            var menuList = _this.menuTypeMap.get(DefalutGraphMenuKey);
+            var menuList = _this.menuTypeMap.get(DefaultGraphMenuKey);
             var _b = position.domOverlayPosition, x = _b.x, y = _b.y;
             _this.showMenu(x, y, menuList);
         });
         this.lf.on('selection:contextmenu', function (_a) {
             var data = _a.data, position = _a.position;
-            var menuList = _this.menuTypeMap.get(DefalutSelectionMenuKey);
+            var menuList = _this.menuTypeMap.get(DefaultSelectionMenuKey);
             var _b = position.domOverlayPosition, x = _b.x, y = _b.y;
             _this.__currentData = data;
             _this.showMenu(x, y, menuList);
@@ -256,13 +256,13 @@ var Menu = /** @class */ (function () {
         }
         // node
         config.nodeMenu !== undefined
-            && this.menuTypeMap.set(DefalutNodeMenuKey, config.nodeMenu ? config.nodeMenu : []);
+            && this.menuTypeMap.set(DefaultNodeMenuKey, config.nodeMenu ? config.nodeMenu : []);
         // edge
         config.edgeMenu !== undefined
-            && this.menuTypeMap.set(DefalutEdgeMenuKey, config.edgeMenu ? config.edgeMenu : []);
+            && this.menuTypeMap.set(DefaultEdgeMenuKey, config.edgeMenu ? config.edgeMenu : []);
         // graph
         config.graphMenu !== undefined
-            && this.menuTypeMap.set(DefalutGraphMenuKey, config.graphMenu ? config.graphMenu : []);
+            && this.menuTypeMap.set(DefaultGraphMenuKey, config.graphMenu ? config.graphMenu : []);
     };
     // 在默认菜单后面追加菜单项
     Menu.prototype.addMenuConfig = function (config) {
@@ -271,16 +271,16 @@ var Menu = /** @class */ (function () {
         }
         // 追加项时，只支持数组类型，对false不做操作
         if (Array.isArray(config.nodeMenu)) {
-            var menuList = this.menuTypeMap.get(DefalutNodeMenuKey);
-            this.menuTypeMap.set(DefalutNodeMenuKey, menuList.concat(config.nodeMenu));
+            var menuList = this.menuTypeMap.get(DefaultNodeMenuKey);
+            this.menuTypeMap.set(DefaultNodeMenuKey, menuList.concat(config.nodeMenu));
         }
         if (Array.isArray(config.edgeMenu)) {
-            var menuList = this.menuTypeMap.get(DefalutEdgeMenuKey);
-            this.menuTypeMap.set(DefalutEdgeMenuKey, menuList.concat(config.edgeMenu));
+            var menuList = this.menuTypeMap.get(DefaultEdgeMenuKey);
+            this.menuTypeMap.set(DefaultEdgeMenuKey, menuList.concat(config.edgeMenu));
         }
         if (Array.isArray(config.graphMenu)) {
-            var menuList = this.menuTypeMap.get(DefalutGraphMenuKey);
-            this.menuTypeMap.set(DefalutGraphMenuKey, menuList.concat(config.graphMenu));
+            var menuList = this.menuTypeMap.get(DefaultGraphMenuKey);
+            this.menuTypeMap.set(DefaultGraphMenuKey, menuList.concat(config.graphMenu));
         }
     };
     /**