vislite 0.5.2-alpha.0 → 0.5.2-alpha.2

package/lib/Shader/index.umd.js

@@ -0,0 +1,134 @@
+/*!
+* VISLite JavaScript Library v0.5.2-alpha.2
+* git+https://github.com/oi-contrib/VISLite.git
+*
+* Copyright zxl20070701
+* Released under the MIT license
+* https://zxl20070701.github.io/notebook/home.html
+*
+* Publish Date:  Mon Oct 23 2023 22:21:10 GMT+0800 (中国标准时间)
+*/
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+    typeof define === 'function' && define.amd ? define(factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.VISLite_Shader = factory());
+})(this, (function () { 'use strict';
+
+    /******************************************************************************
+    Copyright (c) Microsoft Corporation.
+
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
+
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
+    ***************************************************************************** */
+    /* global Reflect, Promise, SuppressedError, Symbol */
+
+    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 (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+
+    function __extends(d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    }
+
+    typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+        var e = new Error(message);
+        return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+    };
+
+    var loadShader = function (painter, type, source) {
+        var shader = painter.createShader(type);
+        if (shader == null)
+            throw new Error('Unable to create shader!');
+        painter.shaderSource(shader, source);
+        painter.compileShader(shader);
+        if (!painter.getShaderParameter(shader, painter.COMPILE_STATUS))
+            throw new Error('Failed to compile shader:' + painter.getShaderInfoLog(shader));
+        return shader;
+    };
+    var useShader = function (painter, vshaderSource, fshaderSource) {
+        var vertexShader = loadShader(painter, painter.VERTEX_SHADER, vshaderSource);
+        var fragmentShader = loadShader(painter, painter.FRAGMENT_SHADER, fshaderSource);
+        var glProgram = painter.createProgram();
+        painter.attachShader(glProgram, vertexShader);
+        painter.attachShader(glProgram, fragmentShader);
+        painter.linkProgram(glProgram);
+        if (!painter.getProgramParameter(glProgram, painter.LINK_STATUS))
+            throw new Error('Failed to link program: ' + painter.getProgramInfoLog(glProgram));
+        return glProgram;
+    };
+    var ShaderObject = (function () {
+        function ShaderObject(painter) {
+            this.__painter = painter;
+        }
+        ShaderObject.prototype.use = function () {
+            this.__painter.useProgram(this.program);
+            return this;
+        };
+        ShaderObject.prototype.compile = function (vshaderSource, fshaderSource) {
+            this.program = useShader(this.__painter, vshaderSource, fshaderSource);
+            return this;
+        };
+        return ShaderObject;
+    }());
+
+    var vsColor = "attribute vec4 a_position;\r\nuniform mat4 u_matrix;\r\n\r\nvoid main()\r\n{\r\n    vec4 temp = u_matrix * a_position;\r\n\r\n    // 把原生的WebGL使用的左手坐标系变成了右手坐标系\r\n    temp.z = -1.0 * temp.z;\r\n\r\n    // 表示眼睛距离vec4(0.0,0.0,1.0)的距离\r\n    float dist = 4.0;\r\n\r\n    // 使用投影直接计算\r\n    // 为保证纹理和相对位置正确\r\n    // x、y、z的改变满足线性变换\r\n    gl_Position = vec4((dist + 1.0) * temp.x, (dist + 1.0) * temp.y, dist * (dist + temp.z) + 1.0 - dist * dist, temp.w * 2.0 * (dist + temp.z));\r\n}";
+
+    var vsColors = "attribute vec4 a_position;\r\nuniform mat4 u_matrix;\r\nattribute vec4 a_color;\r\nvarying vec4 v_color;\r\n\r\nvoid main()\r\n{\r\n    vec4 temp = u_matrix * a_position;\r\n    temp.z = -1.0 * temp.z;\r\n    float dist = 4.0;\r\n    gl_Position = vec4((dist + 1.0) * temp.x, (dist + 1.0) * temp.y, dist * (dist + temp.z) + 1.0 - dist * dist, temp.w * 2.0 * (dist + temp.z));\r\n\r\n    v_color = a_color;\r\n}";
+
+    var vsImage = "attribute vec4 a_position;\r\nuniform mat4 u_matrix;\r\nattribute vec2 a_textcoord;\r\nvarying vec2 v_textcoord;\r\n\r\nvoid main()\r\n{\r\n    vec4 temp = u_matrix * a_position;\r\n    temp.z = -1.0 * temp.z;\r\n    float dist = 4.0;\r\n    gl_Position = vec4((dist + 1.0) * temp.x, (dist + 1.0) * temp.y, dist * (dist + temp.z) + 1.0 - dist * dist, temp.w * 2.0 * (dist + temp.z));\r\n\r\n    v_textcoord = a_textcoord;\r\n}";
+
+    var vsCube = "attribute vec4 a_position;\r\nuniform mat4 u_matrix;\r\nattribute vec4 a_normal;\r\nvarying vec3 v_normal;\r\n\r\nvoid main()\r\n{\r\n    vec4 temp = u_matrix * a_position;\r\n    temp.z = -1.0 * temp.z;\r\n    float dist = 4.0;\r\n    gl_Position = vec4((dist + 1.0) * temp.x, (dist + 1.0) * temp.y, dist * (dist + temp.z) + 1.0 - dist * dist, temp.w * 2.0 * (dist + temp.z));\r\n\r\n    v_normal = normalize(vec3(a_normal));\r\n}";
+
+    var fsColor = "precision mediump float;\r\n\r\nuniform vec4 u_color;\r\n\r\nvoid main()\r\n{\r\n    gl_FragColor = u_color;\r\n}";
+
+    var fsColors = "precision mediump float;\r\n\r\nvarying vec4 v_color;\r\n\r\nvoid main()\r\n{\r\n    gl_FragColor = v_color;\r\n}";
+
+    var fsImage = "precision mediump float;\r\n\r\nuniform sampler2D u_sampler;\r\nvarying vec2 v_textcoord;\r\n\r\nvoid main()\r\n{\r\n    gl_FragColor = texture2D(u_sampler, v_textcoord);\r\n}";
+
+    var fsCube = "precision mediump float;\r\n\r\nvarying vec3 v_normal;\r\nuniform samplerCube u_texture;\r\n\r\nvoid main()\r\n{\r\n    gl_FragColor = textureCube(u_texture, normalize(v_normal));\r\n}";
+
+    var Shader = (function (_super) {
+        __extends(Shader, _super);
+        function Shader() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        Shader.prototype.compile = function (arg1, arg2) {
+            if (arg2) {
+                _super.prototype.compile.call(this, arg1, arg2);
+            }
+            else {
+                _super.prototype.compile.call(this, {
+                    "color": vsColor,
+                    "colors": vsColors,
+                    "image": vsImage,
+                    "cube": vsCube
+                }[arg1], {
+                    "color": fsColor,
+                    "colors": fsColors,
+                    "image": fsImage,
+                    "cube": fsCube
+                }[arg1]);
+            }
+            return this;
+        };
+        return Shader;
+    }(ShaderObject));
+
+    return Shader;
+
+}));

package/lib/Shader/index.umd.min.js

@@ -0,0 +1,11 @@
+/*!
+* VISLite JavaScript Library v0.5.2-alpha.2
+* git+https://github.com/oi-contrib/VISLite.git
+*
+* Copyright zxl20070701
+* Released under the MIT license
+* https://zxl20070701.github.io/notebook/home.html
+*
+* Publish Date:  Mon Oct 23 2023 22:21:10 GMT+0800 (中国标准时间)
+*/
+var r,t;r=this,t=function(){"use strict";var r=function(t,n){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(r,t){r.__proto__=t}||function(r,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])},r(t,n)};"function"==typeof SuppressedError&&SuppressedError;var t=function(r,t,n){var e=r.createShader(t);if(null==e)throw new Error("Unable to create shader!");if(r.shaderSource(e,n),r.compileShader(e),!r.getShaderParameter(e,r.COMPILE_STATUS))throw new Error("Failed to compile shader:"+r.getShaderInfoLog(e));return e},n=function(){function r(r){this.__painter=r}return r.prototype.use=function(){return this.__painter.useProgram(this.program),this},r.prototype.compile=function(r,n){return this.program=function(r,n,e){var o=t(r,r.VERTEX_SHADER,n),i=t(r,r.FRAGMENT_SHADER,e),a=r.createProgram();if(r.attachShader(a,o),r.attachShader(a,i),r.linkProgram(a),!r.getProgramParameter(a,r.LINK_STATUS))throw new Error("Failed to link program: "+r.getProgramInfoLog(a));return a}(this.__painter,r,n),this},r}(),e=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function e(){this.constructor=t}r(t,n),t.prototype=null===n?Object.create(n):(e.prototype=n.prototype,new e)}(n,t),n.prototype.compile=function(r,n){return n?t.prototype.compile.call(this,r,n):t.prototype.compile.call(this,{color:"attribute vec4 a_position;\r\nuniform mat4 u_matrix;\r\n\r\nvoid main()\r\n{\r\n    vec4 temp = u_matrix * a_position;\r\n\r\n    // 把原生的WebGL使用的左手坐标系变成了右手坐标系\r\n    temp.z = -1.0 * temp.z;\r\n\r\n    // 表示眼睛距离vec4(0.0,0.0,1.0)的距离\r\n    float dist = 4.0;\r\n\r\n    // 使用投影直接计算\r\n    // 为保证纹理和相对位置正确\r\n    // x、y、z的改变满足线性变换\r\n    gl_Position = vec4((dist + 1.0) * temp.x, (dist + 1.0) * temp.y, dist * (dist + temp.z) + 1.0 - dist * dist, temp.w * 2.0 * (dist + temp.z));\r\n}",colors:"attribute vec4 a_position;\r\nuniform mat4 u_matrix;\r\nattribute vec4 a_color;\r\nvarying vec4 v_color;\r\n\r\nvoid main()\r\n{\r\n    vec4 temp = u_matrix * a_position;\r\n    temp.z = -1.0 * temp.z;\r\n    float dist = 4.0;\r\n    gl_Position = vec4((dist + 1.0) * temp.x, (dist + 1.0) * temp.y, dist * (dist + temp.z) + 1.0 - dist * dist, temp.w * 2.0 * (dist + temp.z));\r\n\r\n    v_color = a_color;\r\n}",image:"attribute vec4 a_position;\r\nuniform mat4 u_matrix;\r\nattribute vec2 a_textcoord;\r\nvarying vec2 v_textcoord;\r\n\r\nvoid main()\r\n{\r\n    vec4 temp = u_matrix * a_position;\r\n    temp.z = -1.0 * temp.z;\r\n    float dist = 4.0;\r\n    gl_Position = vec4((dist + 1.0) * temp.x, (dist + 1.0) * temp.y, dist * (dist + temp.z) + 1.0 - dist * dist, temp.w * 2.0 * (dist + temp.z));\r\n\r\n    v_textcoord = a_textcoord;\r\n}",cube:"attribute vec4 a_position;\r\nuniform mat4 u_matrix;\r\nattribute vec4 a_normal;\r\nvarying vec3 v_normal;\r\n\r\nvoid main()\r\n{\r\n    vec4 temp = u_matrix * a_position;\r\n    temp.z = -1.0 * temp.z;\r\n    float dist = 4.0;\r\n    gl_Position = vec4((dist + 1.0) * temp.x, (dist + 1.0) * temp.y, dist * (dist + temp.z) + 1.0 - dist * dist, temp.w * 2.0 * (dist + temp.z));\r\n\r\n    v_normal = normalize(vec3(a_normal));\r\n}"}[r],{color:"precision mediump float;\r\n\r\nuniform vec4 u_color;\r\n\r\nvoid main()\r\n{\r\n    gl_FragColor = u_color;\r\n}",colors:"precision mediump float;\r\n\r\nvarying vec4 v_color;\r\n\r\nvoid main()\r\n{\r\n    gl_FragColor = v_color;\r\n}",image:"precision mediump float;\r\n\r\nuniform sampler2D u_sampler;\r\nvarying vec2 v_textcoord;\r\n\r\nvoid main()\r\n{\r\n    gl_FragColor = texture2D(u_sampler, v_textcoord);\r\n}",cube:"precision mediump float;\r\n\r\nvarying vec3 v_normal;\r\nuniform samplerCube u_texture;\r\n\r\nvoid main()\r\n{\r\n    gl_FragColor = textureCube(u_texture, normalize(v_normal));\r\n}"}[r]),this},n}(n);return e},"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(r="undefined"!=typeof globalThis?globalThis:r||self).VISLite_Shader=t();

package/lib/Texture/index.umd.js

@@ -0,0 +1,72 @@
+/*!
+* VISLite JavaScript Library v0.5.2-alpha.2
+* git+https://github.com/oi-contrib/VISLite.git
+*
+* Copyright zxl20070701
+* Released under the MIT license
+* https://zxl20070701.github.io/notebook/home.html
+*
+* Publish Date:  Mon Oct 23 2023 22:21:10 GMT+0800 (中国标准时间)
+*/
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+    typeof define === 'function' && define.amd ? define(factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.VISLite_Texture = factory());
+})(this, (function () { 'use strict';
+
+    var initTexture = function (painter, type, unit) {
+        var texture = painter.createTexture();
+        painter.activeTexture(painter['TEXTURE' + unit]);
+        painter.bindTexture(type, texture);
+        return texture;
+    };
+    var linkImage = function (painter, type, level, format, textureType, image) {
+        painter.texImage2D(type, level, format, format, textureType, image);
+    };
+    var linkCube = function (painter, type, level, format, textureType, images, width, height, texture) {
+        var types = [
+            painter.TEXTURE_CUBE_MAP_POSITIVE_X,
+            painter.TEXTURE_CUBE_MAP_NEGATIVE_X,
+            painter.TEXTURE_CUBE_MAP_POSITIVE_Y,
+            painter.TEXTURE_CUBE_MAP_NEGATIVE_Y,
+            painter.TEXTURE_CUBE_MAP_POSITIVE_Z,
+            painter.TEXTURE_CUBE_MAP_NEGATIVE_Z
+        ], target;
+        for (var i = 0; i < types.length; i++) {
+            if (images[i]) {
+                target = types[i];
+                painter.texImage2D(target, level, format, width, height, 0, format, textureType, null);
+                painter.bindTexture(type, texture);
+                painter.texImage2D(target, level, format, format, textureType, images[i]);
+            }
+        }
+        painter.generateMipmap(type);
+    };
+    var TextureObject = (function () {
+        function TextureObject(painter, type, unit) {
+            if (unit === void 0) { unit = 0; }
+            this.__painter = painter;
+            this.__type = {
+                "2d": painter.TEXTURE_2D,
+                "cube": painter.TEXTURE_CUBE_MAP
+            }[type];
+            this.__texture = initTexture(painter, this.__type, unit);
+            painter.texParameteri(this.__type, painter.TEXTURE_MIN_FILTER, painter.NEAREST);
+            painter.texParameteri(this.__type, painter.TEXTURE_MAG_FILTER, painter.NEAREST);
+            painter.texParameteri(this.__type, painter.TEXTURE_WRAP_S, painter.CLAMP_TO_EDGE);
+            painter.texParameteri(this.__type, painter.TEXTURE_WRAP_T, painter.CLAMP_TO_EDGE);
+        }
+        TextureObject.prototype.useImage = function (image) {
+            linkImage(this.__painter, this.__type, 0, this.__painter.RGBA, this.__painter.UNSIGNED_BYTE, image);
+            return this;
+        };
+        TextureObject.prototype.useCube = function (images, width, height) {
+            linkCube(this.__painter, this.__type, 0, this.__painter.RGBA, this.__painter.UNSIGNED_BYTE, images, width, height, this.__texture);
+            return this;
+        };
+        return TextureObject;
+    }());
+
+    return TextureObject;
+
+}));

package/lib/Texture/index.umd.min.js

@@ -0,0 +1,11 @@
+/*!
+* VISLite JavaScript Library v0.5.2-alpha.2
+* git+https://github.com/oi-contrib/VISLite.git
+*
+* Copyright zxl20070701
+* Released under the MIT license
+* https://zxl20070701.github.io/notebook/home.html
+*
+* Publish Date:  Mon Oct 23 2023 22:21:10 GMT+0800 (中国标准时间)
+*/
+var e,t;e=this,t=function(){"use strict";return function(){function e(e,t,_){void 0===_&&(_=0),this.__painter=e,this.__type={"2d":e.TEXTURE_2D,cube:e.TEXTURE_CUBE_MAP}[t],this.__texture=function(e,t,_){var E=e.createTexture();return e.activeTexture(e["TEXTURE"+_]),e.bindTexture(t,E),E}(e,this.__type,_),e.texParameteri(this.__type,e.TEXTURE_MIN_FILTER,e.NEAREST),e.texParameteri(this.__type,e.TEXTURE_MAG_FILTER,e.NEAREST),e.texParameteri(this.__type,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(this.__type,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE)}return e.prototype.useImage=function(e){return function(e,t,_,E,i,T){e.texImage2D(t,_,E,E,i,T)}(this.__painter,this.__type,0,this.__painter.RGBA,this.__painter.UNSIGNED_BYTE,e),this},e.prototype.useCube=function(e,t,_){return function(e,t,_,E,i,T,r,n,u){for(var a,s=[e.TEXTURE_CUBE_MAP_POSITIVE_X,e.TEXTURE_CUBE_MAP_NEGATIVE_X,e.TEXTURE_CUBE_MAP_POSITIVE_Y,e.TEXTURE_CUBE_MAP_NEGATIVE_Y,e.TEXTURE_CUBE_MAP_POSITIVE_Z,e.TEXTURE_CUBE_MAP_NEGATIVE_Z],p=0;p<s.length;p++)T[p]&&(a=s[p],e.texImage2D(a,_,E,r,n,0,E,i,null),e.bindTexture(t,u),e.texImage2D(a,_,E,E,i,T[p]));e.generateMipmap(t)}(this.__painter,this.__type,0,this.__painter.RGBA,this.__painter.UNSIGNED_BYTE,e,t,_,this.__texture),this},e}()},"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).VISLite_Texture=t();

package/lib/TreeLayout/index.umd.js

@@ -0,0 +1,430 @@
+/*!
+* VISLite JavaScript Library v0.5.2-alpha.2
+* git+https://github.com/oi-contrib/VISLite.git
+*
+* Copyright zxl20070701
+* Released under the MIT license
+* https://zxl20070701.github.io/notebook/home.html
+*
+* Publish Date:  Mon Oct 23 2023 22:21:10 GMT+0800 (中国标准时间)
+*/
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+    typeof define === 'function' && define.amd ? define(factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.VISLite_TreeLayout = factory());
+})(this, (function () { 'use strict';
+
+    /******************************************************************************
+    Copyright (c) Microsoft Corporation.
+
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
+
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
+    ***************************************************************************** */
+    /* global Reflect, Promise, SuppressedError, Symbol */
+
+    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 (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+
+    function __extends(d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    }
+
+    typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+        var e = new Error(message);
+        return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+    };
+
+    var toInnerTree = (function (initTree, config) {
+        var tempTree = {};
+        var temp = config.root(initTree), id, rid;
+        id = rid = config.id(temp);
+        tempTree[id] = {
+            "data": temp,
+            "pid": null,
+            "id": id,
+            "isOpen": true,
+            "show": true,
+            "children": []
+        };
+        var num = 1;
+        (function createTree(pdata, pid) {
+            var children = config.children(pdata, initTree);
+            num += children ? children.length : 0;
+            for (var flag = 0; children && flag < children.length; flag++) {
+                id = config.id(children[flag]);
+                tempTree[pid].children.push(id);
+                tempTree[id] = {
+                    "data": children[flag],
+                    "pid": pid,
+                    "id": id,
+                    "isOpen": true,
+                    "show": true,
+                    "children": []
+                };
+                createTree(children[flag], id);
+            }
+        })(temp, id);
+        return {
+            rid: rid,
+            value: tempTree,
+            num: num
+        };
+    });
+
+    function toPlainTree (initTree, config, noOpens) {
+        var treeData = toInnerTree(initTree, config);
+        var alltreedata = treeData.value;
+        var rootid = treeData.rid;
+        if (treeData.num == 1) {
+            alltreedata[rootid].left = 0.5;
+            alltreedata[rootid].top = 0.5;
+            alltreedata[rootid].show = true;
+            return {
+                deep: 1,
+                node: alltreedata,
+                root: rootid,
+                size: 1
+            };
+        }
+        else {
+            var beforeDis_1 = [], size_1 = 0, maxDeep_1 = 0;
+            if (noOpens[rootid]) {
+                alltreedata[rootid].left = 0.5;
+                alltreedata[rootid].top = 0.5;
+                alltreedata[rootid].show = true;
+                size_1 = 1;
+            }
+            else {
+                (function positionCalc(pNode, deep) {
+                    if (deep > maxDeep_1)
+                        maxDeep_1 = deep;
+                    var flag = 0;
+                    if (!noOpens[pNode.id]) {
+                        for (flag = 0; flag < pNode.children.length; flag++)
+                            positionCalc(alltreedata[pNode.children[flag]], deep + 1);
+                    }
+                    alltreedata[pNode.id].left = deep + 0.5;
+                    if (flag == 0) {
+                        if (beforeDis_1[deep] == void 0)
+                            beforeDis_1[deep] = -0.5;
+                        if (beforeDis_1[deep - 1] == void 0)
+                            beforeDis_1[deep - 1] = -0.5;
+                        alltreedata[pNode.id].top = beforeDis_1[deep] + 1;
+                        var pTop = beforeDis_1[deep] + 1 + (alltreedata[pNode.pid].children.length - 1) * 0.5;
+                        if (pTop - 1 < beforeDis_1[deep - 1])
+                            alltreedata[pNode.id].top = beforeDis_1[deep - 1] + 1 - (alltreedata[pNode.pid].children.length - 1) * 0.5;
+                    }
+                    else {
+                        alltreedata[pNode.id].top = (alltreedata[pNode.children[0]].top + alltreedata[pNode.children[flag - 1]].top) * 0.5;
+                    }
+                    if (alltreedata[pNode.id].top <= beforeDis_1[deep]) {
+                        var needUp_1 = beforeDis_1[deep] + 1 - alltreedata[pNode.id].top(function doUp(_pid, _deep) {
+                            alltreedata[_pid].top += needUp_1;
+                            if (beforeDis_1[_deep] < alltreedata[_pid].top)
+                                beforeDis_1[_deep] = alltreedata[_pid].top;
+                            for (var _flag = 0; _flag < alltreedata[_pid].children.length; _flag++) {
+                                doUp(alltreedata[_pid].children[_flag], _deep + 1);
+                            }
+                        })(pNode.id, deep);
+                    }
+                    beforeDis_1[deep] = alltreedata[pNode.id].top;
+                    if (alltreedata[pNode.id].top + 0.5 > size_1)
+                        size_1 = alltreedata[pNode.id].top + 0.5;
+                })(alltreedata[rootid], 0);
+            }
+            for (var key in noOpens) {
+                if (noOpens[key]) {
+                    alltreedata[key].isOpen = false;
+                    (function updateHidden(pid, left, top) {
+                        for (var index = 0; index < alltreedata[pid].children.length; index++) {
+                            alltreedata[alltreedata[pid].children[index]].left = left;
+                            alltreedata[alltreedata[pid].children[index]].top = top;
+                            alltreedata[alltreedata[pid].children[index]].show = false;
+                            updateHidden(alltreedata[pid].children[index], left, top);
+                        }
+                    })(key, alltreedata[key].left, alltreedata[key].top);
+                }
+            }
+            return {
+                "node": alltreedata,
+                "root": rootid,
+                "size": size_1,
+                "deep": maxDeep_1 + 1
+            };
+        }
+    }
+
+    function mergeOption (option, defaultOption) {
+        for (var key in option) {
+            defaultOption[key] = option[key];
+        }
+        return defaultOption;
+    }
+
+    var Tree = (function () {
+        function Tree(config) {
+            if (config === void 0) { config = {}; }
+            this.name = 'Tree';
+            this.__config = mergeOption(config, {
+                root: function (initTree) { return initTree; },
+                children: function (parentTree) { return parentTree.children; },
+                id: function (treedata) { return treedata.name; }
+            });
+        }
+        Tree.prototype.use = function (initTree, noOpens) {
+            if (noOpens === void 0) { noOpens = {}; }
+            return toPlainTree(initTree, this.__config, noOpens);
+        };
+        return Tree;
+    }());
+
+    var $timers = [];
+    var $interval = 13;
+    var $timerId;
+    function animation (doback, duration, callback) {
+        if (duration === void 0) { duration = 400; }
+        if (callback === void 0) { callback = function () { }; }
+        var clock = {
+            "timer": function (tick, duration, callback) {
+                if (!tick) {
+                    throw new Error('Tick is required!');
+                }
+                var id = new Date().valueOf() + "_" + (Math.random() * 1000).toFixed(0);
+                $timers.push({
+                    "id": id,
+                    "createTime": new Date(),
+                    "tick": tick,
+                    "duration": duration,
+                    "callback": callback
+                });
+                clock.start();
+                return id;
+            },
+            "start": function () {
+                if (!$timerId) {
+                    $timerId = setInterval(clock.tick, $interval);
+                }
+            },
+            "tick": function () {
+                var createTime, flag, tick, callback, timer, duration, passTime, timers = $timers;
+                $timers = [];
+                $timers.length = 0;
+                for (flag = 0; flag < timers.length; flag++) {
+                    timer = timers[flag];
+                    createTime = timer.createTime;
+                    tick = timer.tick;
+                    duration = timer.duration;
+                    callback = timer.callback;
+                    passTime = (+new Date().valueOf() - createTime.valueOf()) / duration;
+                    passTime = passTime > 1 ? 1 : passTime;
+                    tick(passTime);
+                    if (passTime < 1 && timer.id) {
+                        $timers.push(timer);
+                    }
+                    else {
+                        callback(passTime);
+                    }
+                }
+                if ($timers.length <= 0) {
+                    clock.stop();
+                }
+            },
+            "stop": function () {
+                if ($timerId) {
+                    clearInterval($timerId);
+                    $timerId = null;
+                }
+            }
+        };
+        var id = clock.timer(function (deep) {
+            doback(deep);
+        }, duration, callback);
+        return function () {
+            var i;
+            for (i in $timers) {
+                if ($timers[i].id == id) {
+                    $timers[i].id = void 0;
+                    return;
+                }
+            }
+        };
+    }
+
+    function rotate (cx, cy, deg, x, y) {
+        var cos = Math.cos(deg), sin = Math.sin(deg);
+        return [
+            (x - cx) * cos - (y - cy) * sin + cx,
+            (x - cx) * sin + (y - cy) * cos + cy
+        ];
+    }
+
+    var TreeLayout = (function (_super) {
+        __extends(TreeLayout, _super);
+        function TreeLayout() {
+            var _this = _super !== null && _super.apply(this, arguments) || this;
+            _this.name = 'TreeLayout';
+            _this.__option = {
+                offsetX: 0,
+                offsetY: 0,
+                duration: 500,
+                type: "plain",
+                direction: "LR",
+                x: 100,
+                y: 100,
+                width: 100,
+                height: 100,
+                radius: 100
+            };
+            _this.__noOpens = {};
+            return _this;
+        }
+        TreeLayout.prototype.setOption = function (option) {
+            mergeOption(option, this.__option);
+            return this;
+        };
+        TreeLayout.prototype.use = function (initTree, noOpens) {
+            if (noOpens === void 0) { noOpens = {}; }
+            var tree = _super.prototype.use.call(this, initTree, noOpens);
+            if (this.__option.offsetX != 0 || this.__option.offsetY != 0) {
+                for (var key in tree.node) {
+                    if (!tree.node[key].show) {
+                        var deep = 0, pid = key;
+                        do {
+                            pid = tree.node[pid].pid;
+                            deep++;
+                        } while (!tree.node[pid].show);
+                        tree.node[key].left += this.__option.offsetX * deep;
+                        tree.node[key].top += this.__option.offsetY * deep;
+                    }
+                }
+            }
+            if (this.__option.type == 'rect') {
+                if (this.__option.direction == 'LR' || this.__option.direction == "RL") {
+                    var perW = this.__option.height / tree.size;
+                    var perD = this.__option.width / (tree.deep - 1);
+                    var balanceW = this.__option.y - this.__option.height * 0.5;
+                    var flag = this.__option.direction == 'LR' ? 1 : -1;
+                    for (var key in tree.node) {
+                        if (tree.deep == 1) {
+                            tree.node[key].left = this.__option.x + this.__option.width * 0.5 * flag;
+                            tree.node[key].top = this.__option.y;
+                        }
+                        else {
+                            tree.node[key].left = this.__option.x + (tree.node[key].left - 0.5) * perD * flag;
+                            tree.node[key].top = tree.node[key].top * perW + balanceW;
+                        }
+                    }
+                }
+                else if (this.__option.direction == 'TB' || this.__option.direction == "BT") {
+                    var perW = this.__option.width / tree.size;
+                    var perD = this.__option.height / (tree.deep - 1);
+                    var balanceW = this.__option.x - this.__option.width * 0.5;
+                    var flag = this.__option.direction == 'TB' ? 1 : -1;
+                    for (var key in tree.node) {
+                        if (tree.deep == 1) {
+                            tree.node[key].left = this.__option.x;
+                            tree.node[key].top = this.__option.y + this.__option.height * 0.5 * flag;
+                        }
+                        else {
+                            var left = tree.node[key].left;
+                            tree.node[key].left = tree.node[key].top * perW + balanceW;
+                            tree.node[key].top = this.__option.y + (left - 0.5) * perD * flag;
+                        }
+                    }
+                }
+            }
+            else if (this.__option.type == 'circle') {
+                var cx = this.__option.x, cy = this.__option.y;
+                var deg = Math.PI * 2 / tree.size;
+                var per = this.__option.radius / (tree.deep - 1);
+                for (var key in tree.node) {
+                    if (tree.node[key].left == 0.5) {
+                        tree.node[key].left = cx;
+                        tree.node[key].top = cy;
+                    }
+                    else {
+                        var position = rotate(cx, cy, deg * tree.node[key].top, cx + (tree.node[key].left - 0.5) * per, cy);
+                        tree.node[key].left = position[0];
+                        tree.node[key].top = position[1];
+                    }
+                }
+            }
+            return tree;
+        };
+        TreeLayout.prototype.bind = function (initTree, renderBack, noOpens) {
+            if (noOpens === void 0) { noOpens = {}; }
+            this.__rback = renderBack;
+            this.__oralTree = initTree;
+            this.__noOpens = noOpens;
+            this.__preTree = this.use(this.__oralTree, this.__noOpens);
+            this.__rback(this.__preTree);
+            return this;
+        };
+        TreeLayout.prototype.unbind = function () {
+            this.__rback = null;
+            this.__oralTree = null;
+            this.__preTree = null;
+            this.__noOpens = {};
+            return this;
+        };
+        TreeLayout.prototype.doUpdate = function () {
+            var _this = this;
+            var newTree = this.use(this.__oralTree, this.__noOpens);
+            var cacheTree = JSON.parse(JSON.stringify(newTree));
+            animation(function (deep) {
+                for (var key in cacheTree.node) {
+                    if (newTree.node[key].show || _this.__preTree.node[key].show) {
+                        cacheTree.node[key].show = true;
+                        cacheTree.node[key].left = _this.__preTree.node[key].left + (newTree.node[key].left - _this.__preTree.node[key].left) * deep;
+                        cacheTree.node[key].top = _this.__preTree.node[key].top + (newTree.node[key].top - _this.__preTree.node[key].top) * deep;
+                    }
+                }
+                _this.__rback(cacheTree);
+            }, this.__option.duration, function () {
+                _this.__preTree = newTree;
+                _this.__rback(_this.__preTree);
+            });
+        };
+        TreeLayout.prototype.closeNode = function (id) {
+            if (!this.__preTree)
+                return;
+            this.__noOpens[id] = true;
+            this.doUpdate();
+            return this;
+        };
+        TreeLayout.prototype.openNode = function (id) {
+            if (!this.__preTree)
+                return;
+            this.__noOpens[id] = false;
+            this.doUpdate();
+            return this;
+        };
+        TreeLayout.prototype.toggleNode = function (id) {
+            if (!this.__preTree)
+                return;
+            this.__noOpens[id] = !this.__noOpens[id];
+            this.doUpdate();
+            return this;
+        };
+        return TreeLayout;
+    }(Tree));
+
+    return TreeLayout;
+
+}));