vislite 1.2.0-alpha.3 → 1.2.0-alpha.4

package/lib/TreeLayout/index.es.min.js

@@ -1,5 +1,5 @@
 /*!
-* TreeLayout of VISLite JavaScript Library v1.2.0-alpha.3
+* TreeLayout of VISLite JavaScript Library v1.2.0-alpha.4
 * git+https://github.com/oi-contrib/VISLite.git
 */
-var t=function(o,e){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,o){t.__proto__=o}||function(t,o){for(var e in o)Object.prototype.hasOwnProperty.call(o,e)&&(t[e]=o[e])},t(o,e)};"function"==typeof SuppressedError&&SuppressedError;function o(t,o){for(var e in t)o[e]=t[e];return o}var e,n=function(){function t(t){void 0===t&&(t={}),this.name="Tree",this.__config=o(t,{root:function(t){return t},children:function(t){return t.children},id:function(t){return t.name}})}return t.prototype.use=function(t,o){return void 0===o&&(o={}),function(t,o,e){var n=function(t,o){var e,n,i={},r=o.root(t);e=n=o.id(r),i[e]={data:r,pid:null,id:e,isOpen:!0,show:!0,children:[]};var p=1;return function n(r,s){var _=o.children(r,t);p+=_?_.length:0;for(var h=0;_&&h<_.length;h++)e=o.id(_[h]),i[s].children.push(e),i[e]={data:_[h],pid:s,id:e,isOpen:!0,show:!0,children:[]},n(_[h],e)}(r,e),{rid:n,value:i,num:p}}(t,o),i=n.value,r=n.rid;if(1==n.num)return i[r].left=.5,i[r].top=.5,i[r].show=!0,{deep:1,node:i,root:r,size:1};var p=[],s=0,_=0;for(var h in e[r]?(i[r].left=.5,i[r].top=.5,i[r].show=!0,s=1):function t(o,n){n>_&&(_=n);var r=0;if(!e[o.id])for(r=0;r<o.children.length;r++)t(i[o.children[r]],n+1);if(i[o.id].left=n+.5,0==r?(null==p[n]&&(p[n]=-.5),null==p[n-1]&&(p[n-1]=-.5),i[o.id].top=p[n]+1,p[n]+1+.5*(i[o.pid].children.length-1)-1<p[n-1]&&(i[o.id].top=p[n-1]+1-.5*(i[o.pid].children.length-1))):i[o.id].top=.5*(i[o.children[0]].top+i[o.children[r-1]].top),i[o.id].top<=p[n])var h=p[n]+1-i[o.id].top((function t(o,e){i[o].top+=h,p[e]<i[o].top&&(p[e]=i[o].top);for(var n=0;n<i[o].children.length;n++)t(i[o].children[n],e+1)}))(o.id,n);p[n]=i[o.id].top,i[o.id].top+.5>s&&(s=i[o.id].top+.5)}(i[r],0),e)e[h]&&(i[h].isOpen=!1,function t(o,e,n){for(var r=0;r<i[o].children.length;r++)i[i[o].children[r]].left=e,i[i[o].children[r]].top=n,i[i[o].children[r]].show=!1,t(i[o].children[r],e,n)}(h,i[h].left,i[h].top));return{node:i,root:r,size:s,deep:_+1}}(t,this.__config,o)},t}(),i=[];function r(t,o,e,n,i){var r=Math.cos(e),p=Math.sin(e);return[(n-t)*r-(i-o)*p+t,(n-t)*p+(i-o)*r+o]}var p=function(n){function p(){var t=null!==n&&n.apply(this,arguments)||this;return t.name="TreeLayout",t.__option={offsetX:0,offsetY:0,duration:500,type:"plain",direction:"LR",x:100,y:100,width:100,height:100,radius:100},t.__noOpens={},t}return function(o,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function n(){this.constructor=o}t(o,e),o.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}(p,n),p.prototype.setOption=function(t){return o(t,this.__option),this},p.prototype.use=function(t,o){void 0===o&&(o={});var e=n.prototype.use.call(this,t,o);if(0!=this.__option.offsetX||0!=this.__option.offsetY)for(var i in e.node)if(!e.node[i].show){var p=0,s=i;do{s=e.node[s].pid,p++}while(!e.node[s].show);e.node[i].left+=this.__option.offsetX*p,e.node[i].top+=this.__option.offsetY*p}if("rect"==this.__option.type){if("LR"==this.__option.direction||"RL"==this.__option.direction){var _=this.__option.height/e.size,h=this.__option.width/(e.deep-1),d=this.__option.y-.5*this.__option.height,f="LR"==this.__option.direction?1:-1;for(var i in e.node)1==e.deep?(e.node[i].left=this.__option.x+.5*this.__option.width*f,e.node[i].top=this.__option.y):(e.node[i].left=this.__option.x+(e.node[i].left-.5)*h*f,e.node[i].top=e.node[i].top*_+d)}else if("TB"==this.__option.direction||"BT"==this.__option.direction){_=this.__option.width/e.size,h=this.__option.height/(e.deep-1),d=this.__option.x-.5*this.__option.width,f="TB"==this.__option.direction?1:-1;for(var i in e.node)if(1==e.deep)e.node[i].left=this.__option.x,e.node[i].top=this.__option.y+.5*this.__option.height*f;else{var l=e.node[i].left;e.node[i].left=e.node[i].top*_+d,e.node[i].top=this.__option.y+(l-.5)*h*f}}}else if("circle"==this.__option.type){var u=this.__option.x,c=this.__option.y,a=2*Math.PI/e.size,v=this.__option.radius/(e.deep-1);for(var i in e.node)if(.5==e.node[i].left)e.node[i].left=u,e.node[i].top=c;else{var y=r(u,c,a*e.node[i].top,u+(e.node[i].left-.5)*v,c);e.node[i].left=y[0],e.node[i].top=y[1]}}return e},p.prototype.bind=function(t,o,e){return void 0===e&&(e={}),this.__rback=o,this.__oralTree=t,this.__noOpens=e,this.__preTree=this.use(this.__oralTree,this.__noOpens),this.__rback(this.__preTree),this},p.prototype.unbind=function(){return this.__rback=function(){return null},this.__oralTree=null,this.__preTree=null,this.__noOpens={},this},p.prototype.doUpdate=function(){var t=this,o=this.use(this.__oralTree,this.__noOpens),n=JSON.parse(JSON.stringify(o));!function(t,o,n){void 0===o&&(o=400),void 0===n&&(n=function(){});var r={timer:function(t,o,e){if(!t)throw new Error("Tick is required!");var n=(new Date).valueOf()+"_"+(1e3*Math.random()).toFixed(0);return i.push({id:n,createTime:new Date,tick:t,duration:o,callback:e}),r.start(),n},start:function(){e||(e=setInterval(r.tick,13))},tick:function(){var t,o,e,n,p,s,_,h=i;for((i=[]).length=0,o=0;o<h.length;o++)t=(p=h[o]).createTime,e=p.tick,s=p.duration,n=p.callback,e(_=(_=(+(new Date).valueOf()-t.valueOf())/s)>1?1:_),_<1&&p.id?i.push(p):n(_);i.length<=0&&r.stop()},stop:function(){e&&(clearInterval(e),e=null)}},p=r.timer((function(o){t(o)}),o,n)}((function(e){if(t.__preTree)for(var i in n.node)(o.node[i].show||t.__preTree.node[i].show)&&(n.node[i].show=!0,n.node[i].left=t.__preTree.node[i].left+(o.node[i].left-t.__preTree.node[i].left)*e,n.node[i].top=t.__preTree.node[i].top+(o.node[i].top-t.__preTree.node[i].top)*e);t.__rback(n)}),this.__option.duration,(function(){t.__preTree=o,t.__rback(t.__preTree)}))},p.prototype.closeNode=function(t){return this.__preTree?(this.__noOpens[t]=!0,this.doUpdate(),this):this},p.prototype.openNode=function(t){return this.__preTree?(this.__noOpens[t]=!1,this.doUpdate(),this):this},p.prototype.toggleNode=function(t){return this.__preTree?(this.__noOpens[t]=!this.__noOpens[t],this.doUpdate(),this):this},p}(n);export{p as default};
+var t=function(o,e){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,o){t.__proto__=o}||function(t,o){for(var e in o)Object.prototype.hasOwnProperty.call(o,e)&&(t[e]=o[e])},t(o,e)};"function"==typeof SuppressedError&&SuppressedError;function o(t,o){for(var e in t)o[e]=t[e];return o}var e,n=function(){function t(t){void 0===t&&(t={}),this.name="Tree",this.__config=o(t,{root:function(t){return t},children:function(t){return t.children},id:function(t){return t.name}})}return t.prototype.use=function(t,o){return void 0===o&&(o={}),function(t,o,e){var n=function(t,o){var e,n,i={},r=o.root(t);e=n=o.id(r),i[e]={data:r,pid:null,id:e,isOpen:!0,show:!0,children:[]};var p=1;return function n(r,s){var _=o.children(r,t);p+=_?_.length:0;for(var h=0;_&&h<_.length;h++)e=o.id(_[h]),i[s].children.push(e),i[e]={data:_[h],pid:s,id:e,isOpen:!0,show:!0,children:[]},n(_[h],e)}(r,e),{rid:n,value:i,num:p}}(t,o),i=n.value,r=n.rid;if(1==n.num)return i[r].left=.5,i[r].top=.5,i[r].show=!0,{deep:1,node:i,root:r,size:1};var p=[],s=0,_=0;for(var h in e[r]?(i[r].left=.5,i[r].top=.5,i[r].show=!0,s=1):function t(o,n){n>_&&(_=n);var r=0;if(!e[o.id])for(r=0;r<o.children.length;r++)t(i[o.children[r]],n+1);if(i[o.id].left=n+.5,0==r?(null==p[n]&&(p[n]=-.5),null==p[n-1]&&(p[n-1]=-.5),i[o.id].top=p[n]+1,p[n]+1+.5*(i[o.pid].children.length-1)-1<p[n-1]&&(i[o.id].top=p[n-1]+1-.5*(i[o.pid].children.length-1))):i[o.id].top=.5*(i[o.children[0]].top+i[o.children[r-1]].top),i[o.id].top<=p[n])var h=p[n]+1-i[o.id].top((function t(o,e){i[o].top+=h,p[e]<i[o].top&&(p[e]=i[o].top);for(var n=0;n<i[o].children.length;n++)t(i[o].children[n],e+1)}))(o.id,n);p[n]=i[o.id].top,i[o.id].top+.5>s&&(s=i[o.id].top+.5)}(i[r],0),e)e[h]&&(i[h].isOpen=!1,function t(o,e,n){for(var r=0;r<i[o].children.length;r++)i[i[o].children[r]].left=e,i[i[o].children[r]].top=n,i[i[o].children[r]].show=!1,t(i[o].children[r],e,n)}(h,i[h].left,i[h].top));return{node:i,root:r,size:s,deep:_+1}}(t,this.__config,o)},t}(),i=[];function r(t,o,e,n,i){var r=Math.cos(e),p=Math.sin(e);return[(n-t)*r-(i-o)*p+t,(n-t)*p+(i-o)*r+o]}var p=function(n){function p(){var t=null!==n&&n.apply(this,arguments)||this;return t.name="TreeLayout",t.__option={offsetX:0,offsetY:0,duration:500,type:"plain",direction:"LR",x:100,y:100,width:100,height:100,radius:100},t.__noOpens={},t}return function(o,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function n(){this.constructor=o}t(o,e),o.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}(p,n),p.prototype.setOption=function(t){return o(t,this.__option),this},p.prototype.use=function(t,o){void 0===o&&(o={});var e=n.prototype.use.call(this,t,o);if(0!=this.__option.offsetX||0!=this.__option.offsetY)for(var i in e.node)if(!e.node[i].show){var p=0,s=i;do{s=e.node[s].pid,p++}while(!e.node[s].show);e.node[i].left+=this.__option.offsetX*p,e.node[i].top+=this.__option.offsetY*p}if("rect"==this.__option.type){if("LR"==this.__option.direction||"RL"==this.__option.direction){var _=this.__option.height/e.size,h=this.__option.width/(e.deep-1),d=this.__option.y-.5*this.__option.height,f="LR"==this.__option.direction?1:-1;for(var i in e.node)1==e.deep?(e.node[i].left=this.__option.x+.5*this.__option.width*f,e.node[i].top=this.__option.y):(e.node[i].left=this.__option.x+(e.node[i].left-.5)*h*f,e.node[i].top=e.node[i].top*_+d)}else if("TB"==this.__option.direction||"BT"==this.__option.direction){_=this.__option.width/e.size,h=this.__option.height/(e.deep-1),d=this.__option.x-.5*this.__option.width,f="TB"==this.__option.direction?1:-1;for(var i in e.node)if(1==e.deep)e.node[i].left=this.__option.x,e.node[i].top=this.__option.y+.5*this.__option.height*f;else{var l=e.node[i].left;e.node[i].left=e.node[i].top*_+d,e.node[i].top=this.__option.y+(l-.5)*h*f}}}else if("circle"==this.__option.type){var u=this.__option.x,c=this.__option.y,a=2*Math.PI/e.size,v=this.__option.radius/(e.deep-1);for(var i in e.node)if(.5==e.node[i].left)e.node[i].left=u,e.node[i].top=c;else{var y=r(u,c,a*e.node[i].top,u+(e.node[i].left-.5)*v,c);e.node[i].left=y[0],e.node[i].top=y[1]}}return e},p.prototype.bind=function(t,o,e){return void 0===e&&(e={}),this.__rback=o,this.__oralTree=t,this.__noOpens=e,this.__preTree=this.use(this.__oralTree,this.__noOpens),this.__rback(this.__preTree),this},p.prototype.unbind=function(){return this.__rback=function(){return null},this.__oralTree=null,this.__preTree=null,this.__noOpens={},this},p.prototype.doUpdate=function(){var t=this,o=this.use(this.__oralTree,this.__noOpens),n=JSON.parse(JSON.stringify(o));!function(t,o,n){arguments.length<2&&(o=400),arguments.length<3&&(n=function(){});var r={timer:function(t,o,e){if(!t)throw new Error("Tick is required!");var n=(new Date).valueOf()+"_"+(1e3*Math.random()).toFixed(0);return i.push({id:n,createTime:new Date,tick:t,duration:o,callback:e}),r.start(),n},start:function(){e||(e=setInterval(r.tick,13))},tick:function(){var t,o,e,n,p,s,_,h=i;for((i=[]).length=0,o=0;o<h.length;o++)t=(p=h[o]).createTime,e=p.tick,s=p.duration,n=p.callback,e(_=(_=(+(new Date).valueOf()-t.valueOf())/s)>1?1:_),_<1&&p.id?i.push(p):n(_);i.length<=0&&r.stop()},stop:function(){e&&(clearInterval(e),e=null)}},p=r.timer((function(o){t(o)}),o,n)}((function(e){if(t.__preTree)for(var i in n.node)(o.node[i].show||t.__preTree.node[i].show)&&(n.node[i].show=!0,n.node[i].left=t.__preTree.node[i].left+(o.node[i].left-t.__preTree.node[i].left)*e,n.node[i].top=t.__preTree.node[i].top+(o.node[i].top-t.__preTree.node[i].top)*e);t.__rback(n)}),this.__option.duration,(function(){t.__preTree=o,t.__rback(t.__preTree)}))},p.prototype.closeNode=function(t){return this.__preTree?(this.__noOpens[t]=!0,this.doUpdate(),this):this},p.prototype.openNode=function(t){return this.__preTree?(this.__noOpens[t]=!1,this.doUpdate(),this):this},p.prototype.toggleNode=function(t){return this.__preTree?(this.__noOpens[t]=!this.__noOpens[t],this.doUpdate(),this):this},p}(n);export{p as default};

package/lib/animation/index.es.js

@@ -1,14 +1,28 @@
 /*!
-* animation of VISLite JavaScript Library v1.2.0-alpha.3
+* animation of VISLite JavaScript Library v1.2.0-alpha.4
 * git+https://github.com/oi-contrib/VISLite.git
 */
+//当前正在运动的动画的tick函数堆栈
 var $timers = [];
+//唯一定时器的定时间隔
 var $interval = 13;
+//定时器ID
 var $timerId;
-function animation (doback, duration, callback) {
-    if (duration === void 0) { duration = 400; }
-    if (callback === void 0) { callback = function () { }; }
+
+/**
+ * 动画轮播
+ * @param {function} doback 轮询函数，有一个形参deep，0-1，表示执行进度
+ * @param {number} duration 动画时长，可选
+ * @param {function} callback 动画结束回调，可选，有一个形参deep，0-1，表示执行进度
+ *
+ * @returns {function} 返回一个函数，调用该函数，可以提前结束动画
+ */
+function animation(doback, duration, callback) {
+    if (arguments.length < 2) duration = 400;
+    if (arguments.length < 3) callback = function () { };
+
     var clock = {
+        //把tick函数推入堆栈
         "timer": function (tick, duration, callback) {
             if (!tick) {
                 throw new Error('Tick is required!');
@@ -24,29 +38,37 @@ function animation (doback, duration, callback) {
             clock.start();
             return id;
         },
+
+        //开启唯一的定时器timerId
         "start": function () {
             if (!$timerId) {
                 $timerId = setInterval(clock.tick, $interval);
             }
         },
+
+        //被定时器调用，遍历timers堆栈
         "tick": function () {
-            var createTime, flag, tick, callback, timer, duration, passTime;
-            var timers = $timers;
+            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 {
+                } else {
                     callback(passTime);
                 }
             }
@@ -54,6 +76,8 @@ function animation (doback, duration, callback) {
                 clock.stop();
             }
         },
+
+        //停止定时器，重置timerId=null
         "stop": function () {
             if ($timerId) {
                 clearInterval($timerId);
@@ -61,9 +85,14 @@ function animation (doback, duration, callback) {
             }
         }
     };
+
     var id = clock.timer(function (deep) {
+        //其中deep为0-1，表示改变的程度
         doback(deep);
     }, duration, callback);
+
+    // 返回一个函数
+    // 用于在动画结束前结束动画
     return function () {
         var i;
         for (i in $timers) {
@@ -73,6 +102,7 @@ function animation (doback, duration, callback) {
             }
         }
     };
+
 }
 
 export { animation as default };

package/lib/animation/index.es.min.js

@@ -1,5 +1,5 @@
 /*!
-* animation of VISLite JavaScript Library v1.2.0-alpha.3
+* animation of VISLite JavaScript Library v1.2.0-alpha.4
 * git+https://github.com/oi-contrib/VISLite.git
 */
-var t,e=[];function i(i,n,r){void 0===n&&(n=400),void 0===r&&(r=function(){});var a={timer:function(t,i,n){if(!t)throw new Error("Tick is required!");var r=(new Date).valueOf()+"_"+(1e3*Math.random()).toFixed(0);return e.push({id:r,createTime:new Date,tick:t,duration:i,callback:n}),a.start(),r},start:function(){t||(t=setInterval(a.tick,13))},tick:function(){var t,i,n,r,o,u,c,f=e;for((e=[]).length=0,i=0;i<f.length;i++)t=(o=f[i]).createTime,n=o.tick,u=o.duration,r=o.callback,n(c=(c=(+(new Date).valueOf()-t.valueOf())/u)>1?1:c),c<1&&o.id?e.push(o):r(c);e.length<=0&&a.stop()},stop:function(){t&&(clearInterval(t),t=null)}},o=a.timer((function(t){i(t)}),n,r);return function(){var t;for(t in e)if(e[t].id==o)return void(e[t].id=void 0)}}export{i as default};
+var t,e=[];function n(n,r,i){arguments.length<2&&(r=400),arguments.length<3&&(i=function(){});var a={timer:function(t,n,r){if(!t)throw new Error("Tick is required!");var i=(new Date).valueOf()+"_"+(1e3*Math.random()).toFixed(0);return e.push({id:i,createTime:new Date,tick:t,duration:n,callback:r}),a.start(),i},start:function(){t||(t=setInterval(a.tick,13))},tick:function(){var t,n,r,i,o,u,c,l=e;for((e=[]).length=0,n=0;n<l.length;n++)t=(o=l[n]).createTime,r=o.tick,u=o.duration,i=o.callback,r(c=(c=(+(new Date).valueOf()-t.valueOf())/u)>1?1:c),c<1&&o.id?e.push(o):i(c);e.length<=0&&a.stop()},stop:function(){t&&(clearInterval(t),t=null)}},o=a.timer((function(t){n(t)}),r,i);return function(){var t;for(t in e)if(e[t].id==o)return void(e[t].id=void 0)}}export{n as default};

package/lib/assemble/index.es.js

@@ -1,5 +1,5 @@
 /*!
-* assemble of VISLite JavaScript Library v1.2.0-alpha.3
+* assemble of VISLite JavaScript Library v1.2.0-alpha.4
 * git+https://github.com/oi-contrib/VISLite.git
 */
 function assemble (begin, end, step, count) {

package/lib/assemble/index.es.min.js

@@ -1,5 +1,5 @@
 /*!
-* assemble of VISLite JavaScript Library v1.2.0-alpha.3
+* assemble of VISLite JavaScript Library v1.2.0-alpha.4
 * git+https://github.com/oi-contrib/VISLite.git
 */
 function r(r,t,e,f){for(var n=[],o=0;o<f;o++)n[o]=r;return function(){for(var o=0;o<f;o++){if(n[o]+e<t){n[o]=+(n[o]+e).toFixed(7);break}o<f-1&&(n[o]=r)}return n}}export{r as default};

package/lib/getLoopColors/index.es.js

@@ -1,5 +1,5 @@
 /*!
-* getLoopColors of VISLite JavaScript Library v1.2.0-alpha.3
+* getLoopColors of VISLite JavaScript Library v1.2.0-alpha.4
 * git+https://github.com/oi-contrib/VISLite.git
 */
 function getLoopColors (num, alpha) {

package/lib/getLoopColors/index.es.min.js

@@ -1,5 +1,5 @@
 /*!
-* getLoopColors of VISLite JavaScript Library v1.2.0-alpha.3
+* getLoopColors of VISLite JavaScript Library v1.2.0-alpha.4
 * git+https://github.com/oi-contrib/VISLite.git
 */
 function r(r,a){void 0===a&&(a=1);var g=["rgba(84,112,198,"+a+")","rgba(145,204,117,"+a+")","rgba(250,200,88,"+a+")","rgba(238,102,102,"+a+")","rgba(115,192,222,"+a+")","rgba(59,162,114,"+a+")","rgba(252,132,82,"+a+")","rgba(154,96,180,"+a+")","rgba(234,124,204,"+a+")"],t=[];if(r<=g.length)return g;if(r%g.length==0)for(var e=0;e<r/g.length;e++)t=t.concat(g);else{for(var n=1;n<r/g.length;n++)t=t.concat(g);if(r%g.length==1)t=t.concat(g[4]);else for(var o=0;o<r%g.length;o++)t=t.concat(g[o])}return t}export{r as default};

package/lib/getWebGLContext/index.es.js

@@ -1,5 +1,5 @@
 /*!
-* getWebGLContext of VISLite JavaScript Library v1.2.0-alpha.3
+* getWebGLContext of VISLite JavaScript Library v1.2.0-alpha.4
 * git+https://github.com/oi-contrib/VISLite.git
 */
 function getWebGLContext (canvas, scale, opts, mode) {

package/lib/getWebGLContext/index.es.min.js

@@ -1,5 +1,5 @@
 /*!
-* getWebGLContext of VISLite JavaScript Library v1.2.0-alpha.3
+* getWebGLContext of VISLite JavaScript Library v1.2.0-alpha.4
 * git+https://github.com/oi-contrib/VISLite.git
 */
 var e=function(e,t,i){if(void 0===t&&(t=1),!e)throw new Error("VISLite getWebGLContext:The mount point requires an HTMLElement type but encountered null.");var n,r=e.clientWidth,a=e.clientHeight,o=e;return o._vislite_canvas_?n=o._vislite_canvas_:(n=document.createElement("canvas"),e.appendChild(n),o._vislite_canvas_=n,e.setAttribute("vislite","WebGL")),n.style.width=r+"px",n.setAttribute("width",r+""),n.style.height=a+"px",n.setAttribute("height",a+""),function(e,t,i,n){void 0===i&&(i={}),void 0===n&&(n="scaleToFill");for(var r=["experimental-webgl","webkit-3d","moz-webgl"],a=e.getContext("webgl",i),o=0;o<r.length;o++){try{a=e.getContext(r[o],i)}catch(e){}if(a)break}if(!a)throw new Error("Non canvas or browser does not support webgl.");var l=a.canvas.width,s=a.canvas.height,c=t,v=t;"aspectFit"==n?l>s?c*=s/l:s>l&&(v*=l/s):"aspectFill"==n&&(l>s?v*=l/s:s>l&&(c*=s/l));var h=l*c,u=s*v;return a.viewport(.5*(l-h),.5*(s-u),h,u),a.depthFunc(a.LEQUAL),a.enable(a.DEPTH_TEST),a}(n,t,{},i)};export{e as default};

package/lib/index.umd.js

@@ -1,5 +1,5 @@
 /*!
-* VISLite JavaScript Library v1.2.0-alpha.3
+* VISLite JavaScript Library v1.2.0-alpha.4
 * git+https://github.com/oi-contrib/VISLite.git
 */
 (function (global, factory) {
@@ -293,13 +293,27 @@
         return colors;
     }
 
+    //当前正在运动的动画的tick函数堆栈
     var $timers = [];
+    //唯一定时器的定时间隔
     var $interval = 13;
+    //定时器ID
     var $timerId;
-    function animation (doback, duration, callback) {
-        if (duration === void 0) { duration = 400; }
-        if (callback === void 0) { callback = function () { }; }
+
+    /**
+     * 动画轮播
+     * @param {function} doback 轮询函数，有一个形参deep，0-1，表示执行进度
+     * @param {number} duration 动画时长，可选
+     * @param {function} callback 动画结束回调，可选，有一个形参deep，0-1，表示执行进度
+     *
+     * @returns {function} 返回一个函数，调用该函数，可以提前结束动画
+     */
+    function animation(doback, duration, callback) {
+        if (arguments.length < 2) duration = 400;
+        if (arguments.length < 3) callback = function () { };
+
         var clock = {
+            //把tick函数推入堆栈
             "timer": function (tick, duration, callback) {
                 if (!tick) {
                     throw new Error('Tick is required!');
@@ -315,29 +329,37 @@
                 clock.start();
                 return id;
             },
+
+            //开启唯一的定时器timerId
             "start": function () {
                 if (!$timerId) {
                     $timerId = setInterval(clock.tick, $interval);
                 }
             },
+
+            //被定时器调用，遍历timers堆栈
             "tick": function () {
-                var createTime, flag, tick, callback, timer, duration, passTime;
-                var timers = $timers;
+                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 {
+                    } else {
                         callback(passTime);
                     }
                 }
@@ -345,6 +367,8 @@
                     clock.stop();
                 }
             },
+
+            //停止定时器，重置timerId=null
             "stop": function () {
                 if ($timerId) {
                     clearInterval($timerId);
@@ -352,9 +376,14 @@
                 }
             }
         };
+
         var id = clock.timer(function (deep) {
+            //其中deep为0-1，表示改变的程度
             doback(deep);
         }, duration, callback);
+
+        // 返回一个函数
+        // 用于在动画结束前结束动画
         return function () {
             var i;
             for (i in $timers) {
@@ -364,6 +393,7 @@
                 }
             }
         };
+
     }
 
     function ruler (maxValue, minValue, num, option) {
@@ -562,7 +592,6 @@
     function full(el, config) {
         _setAttribute(el, "stroke", config.strokeStyle);
         _setAttribute(el, "fill", config.fillStyle);
-        _setAttribute(el, "stroke-dasharray", config.lineDash.join(','));
     }
     function fill(el, config) {
         _setAttribute(el, "fill", config.fillStyle);
@@ -570,7 +599,6 @@
     function stroke(el, config) {
         _setAttribute(el, "stroke", config.strokeStyle);
         _setAttribute(el, "fill", "none");
-        _setAttribute(el, "stroke-dasharray", config.lineDash.join(','));
     }
 
     function setStyle (el, styles) {
@@ -651,10 +679,14 @@
         setAttribute(el, "cy", cy);
         setAttribute(el, "r", r);
     };
-    var initPath = function (el, path) {
+    var initPath = function (el, path, config) {
         if (el.nodeName.toLowerCase() !== "path")
             throw new Error("Need a <path> !");
         setAttribute(el, "d", path);
+        setAttribute(el, "stroke-dasharray", config.lineDash.join(','));
+        setAttribute(el, "stroke-width", config.lineWidth + "");
+        setAttribute(el, "stroke-linecap", config.lineCap + "");
+        setAttribute(el, "stroke-linejoin", config.lineJoin + "");
     };
     var initRect$1 = function (el, x, y, width, height) {
         if (el.nodeName.toLowerCase() !== "rect")
@@ -761,7 +793,6 @@
             this.__config = {
                 fillStyle: "#000",
                 strokeStyle: "#000",
-                lineWidth: 1,
                 textAlign: "left",
                 textBaseline: "middle",
                 "fontSize": 16,
@@ -769,6 +800,9 @@
                 "arcStartCap": "butt",
                 "arcEndCap": "butt",
                 lineDash: [],
+                lineWidth: 1,
+                lineCap: "butt",
+                lineJoin: "miter"
             };
             this.__path = "";
             this.__currentPosition = [];
@@ -923,17 +957,17 @@
             return this;
         };
         SVG.prototype.fill = function () {
-            initPath(this.__useEl, this.__path);
+            initPath(this.__useEl, this.__path, this.__config);
             fill(this.__useEl, this.__config);
             return this;
         };
         SVG.prototype.stroke = function () {
-            initPath(this.__useEl, this.__path);
+            initPath(this.__useEl, this.__path, this.__config);
             stroke(this.__useEl, this.__config);
             return this;
         };
         SVG.prototype.full = function () {
-            initPath(this.__useEl, this.__path);
+            initPath(this.__useEl, this.__path, this.__config);
             full(this.__useEl, this.__config);
             return this;
         };
@@ -1104,9 +1138,11 @@
                 "fillStyle": 'black',
                 "strokeStyle": 'black',
                 "lineWidth": 1,
+                "lineCap": "butt",
+                "lineJoin": "miter",
+                "lineDash": [],
                 "textAlign": 'left',
                 "textBaseline": 'middle',
-                "lineDash": [],
                 "shadowBlur": 0,
                 "shadowColor": "black"
             };
@@ -2002,47 +2038,54 @@
         return Mercator;
     }());
 
-    function throttle (callback, option) {
-        if (option === void 0) { option = {}; }
-        option = initOption(option, {
+    function throttle(callback, _option) {
+
+        // 缺省值
+        var option = {
             time: 200,
             keep: false,
             opportunity: "end"
-        });
-        var hadInterval = false;
-        var hadClick = false;
-        var oneClick = false;
-        var arg;
+        };
+
+        // 校对
+        if (_option) {
+            for (var key in _option) {
+                option[key] = _option[key];
+            }
+        }
+
+        var hadInterval = false, hadClick = false, oneClick = false, arg;
         return function () {
-            var _this = this;
+            const _this = this;
             arg = arguments;
+
+            // 如果前置任务都完成了
             if (!hadInterval) {
                 if (option.opportunity != 'end') {
                     callback.apply(_this, arg);
                 }
                 hadInterval = true;
-                var interval_1 = setInterval(function () {
+
+                var interval = setInterval(() => {
                     if (hadClick) {
                         if (!option.keep) {
                             callback.apply(_this, arg);
                         }
-                    }
-                    else {
+                    } else {
                         if (option.opportunity != 'begin') {
-                            if (oneClick || option.opportunity == 'end')
-                                callback.apply(_this, arg);
+                            if (oneClick || option.opportunity == 'end') callback.apply(_this, arg);
                         }
                         hadInterval = false;
                         oneClick = false;
-                        clearInterval(interval_1);
+                        clearInterval(interval);
                     }
                     hadClick = false;
                 }, option.time);
-            }
-            else {
+            } else {
                 hadClick = true;
                 oneClick = true;
             }
+
         };
     }