vislite 1.4.0-alpha.0 → 1.4.0

package/lib/PieLayout/index.es.js

@@ -1,234 +1,234 @@
 /*!
-* PieLayout of VISLite JavaScript Library v1.4.0-alpha.0
+* PieLayout of VISLite JavaScript Library v1.4.0
 * git+https://github.com/oi-contrib/VISLite.git
 */
-function initOption(setOption, defaultOption) {
-    for (var key in setOption) {
-        defaultOption[key] = setOption[key];
-    }
-    return defaultOption;
+function initOption(setOption, defaultOption) {
+    for (var key in setOption) {
+        defaultOption[key] = setOption[key];
+    }
+    return defaultOption;
 }
 
-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
-    ];
+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
+    ];
 }
 
 /*!
-* animation of OIPage v1.2.0
+* animation of OIPage v1.3.0
 * git+https://github.com/oi-contrib/OIPage.git
 */
 
-//当前正在运动的动画的tick函数堆栈
-var $timers = [];
-//唯一定时器的定时间隔
-var $interval = 13;
-//定时器ID
-var $timerId;
-
-/**
- * 动画轮播
- * @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!');
-            }
-            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;
-        },
-
-        //开启唯一的定时器timerId
-        "start": function () {
-            if (!$timerId) {
-                $timerId = setInterval(clock.tick, $interval);
-            }
-        },
-
-        //被定时器调用，遍历timers堆栈
-        "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();
-            }
-        },
-
-        //停止定时器，重置timerId=null
-        "stop": function () {
-            if ($timerId) {
-                clearInterval($timerId);
-                $timerId = null;
-            }
-        }
-    };
-
-    var id = clock.timer(function (deep) {
-        //其中deep为0-1，表示改变的程度
-        doback(deep);
-    }, duration, callback);
-
-    return {
-        // 一个函数
-        // 用于在动画结束前结束动画
-        stop: function () {
-            var i;
-            for (i in $timers) {
-                if ($timers[i].id == id) {
-                    $timers[i].id = void 0;
-                    return;
-                }
-            }
-        }
-    };
-
-}
+//当前正在运动的动画的tick函数堆栈
+var $timers = [];
+//唯一定时器的定时间隔
+var $interval = 13;
+//定时器ID
+var $timerId;
 
-var PieLayout = (function () {
-    function PieLayout(config) {
-        if (config === void 0) { config = {}; }
-        this.name = 'PieLayout';
-        this.__option = {
-            cx: 200,
-            cy: 200,
-            radius: [50, 100],
-            duration: 200,
-        };
-        this.__hoverIndex = -1;
-        this.__config = initOption(config, {
-            name: function (pieData, initPie) { return pieData.name; },
-            value: function (pieData, initPie) { return pieData.value; }
-        });
-    }
-    PieLayout.prototype.setOption = function (option) {
-        initOption(option, this.__option);
-        return this;
-    };
-    PieLayout.prototype.use = function (initPie, hoverIndex) {
-        if (hoverIndex === void 0) { hoverIndex = -1; }
-        var pie = {
-            count: initPie.length,
-            cx: this.__option.cx,
-            cy: this.__option.cy,
-            radius: this.__option.radius,
-            hoverIndex: hoverIndex,
-            node: []
-        };
-        var totalValue = 0, names = [], values = [];
-        for (var i = 0; i < initPie.length; i++) {
-            names[i] = this.__config.name(initPie[i], initPie);
-            values[i] = this.__config.value(initPie[i], initPie);
-            totalValue += values[i];
-        }
-        var beginDeg = Math.PI * -0.5, currenDeg;
-        for (var i = 0; i < initPie.length; i++) {
-            currenDeg = values[i] / totalValue * Math.PI * 2;
-            var radius = [this.__option.radius[0], this.__option.radius[1] * (1 + (hoverIndex === i ? 0.05 : 0))];
-            var pdeg = beginDeg + currenDeg * 0.5, pradius = Math.max(this.__option.radius[0], this.__option.radius[1]);
-            var p0 = rotate(pie.cx, pie.cy, pdeg, pie.cx + pradius, pie.cy);
-            var p1 = rotate(pie.cx, pie.cy, pdeg, pie.cx + pradius + 15, pie.cy);
-            var pflag = p0[0] > pie.cx ? 1 : -1;
-            var p2 = [p1[0] + pflag * 20, p1[1]];
-            var p3 = [p1[0] + pflag * 25, p1[1]];
-            pie.node[i] = {
-                value: values[i],
-                name: names[i],
-                beginDeg: beginDeg,
-                deg: currenDeg,
-                isHover: hoverIndex === i,
-                radius: radius,
-                label: {
-                    line: [p0, p1, p2],
-                    position: p3,
-                    align: pflag === -1 ? "right" : "left"
+/**
+ * 动画轮播
+ * @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!');
+            }
+            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;
+        },
+
+        //开启唯一的定时器timerId
+        "start": function () {
+            if (!$timerId) {
+                $timerId = setInterval(clock.tick, $interval);
+            }
+        },
+
+        //被定时器调用，遍历timers堆栈
+        "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);
                 }
-            };
-            beginDeg += currenDeg;
+            }
+            if ($timers.length <= 0) {
+                clock.stop();
+            }
+        },
+
+        //停止定时器，重置timerId=null
+        "stop": function () {
+            if ($timerId) {
+                clearInterval($timerId);
+                $timerId = null;
+            }
         }
-        return pie;
-    };
-    PieLayout.prototype.bind = function (initPie, renderBack) {
-        this.__rback = renderBack;
-        this.__oralPie = initPie;
-        this.__prePie = this.use(this.__oralPie, this.__hoverIndex);
-        this.__rback(this.__prePie);
-        return this;
-    };
-    PieLayout.prototype.unbind = function () {
-        this.__rback = function () { return null; };
-        this.__oralPie = null;
-        this.__prePie = null;
-        this.__hoverIndex = -1;
-        return this;
-    };
-    PieLayout.prototype.setHover = function (index) {
-        if (!this.__prePie || this.__hoverIndex === index)
-            return this;
-        this.__hoverIndex = index;
-        this.doUpdate();
-        return this;
     };
-    PieLayout.prototype.doUpdate = function () {
-        var _this = this;
-        var newPie = this.use(this.__oralPie, this.__hoverIndex);
-        var cachePie = JSON.parse(JSON.stringify(newPie));
-        animation(function (deep) {
-            if (_this.__prePie) {
-                for (var i = 0; i < cachePie.count; i++) {
-                    cachePie.node[i].radius[1] = _this.__prePie.node[i].radius[1] + (newPie.node[i].radius[1] - _this.__prePie.node[i].radius[1]) * deep;
+
+    var id = clock.timer(function (deep) {
+        //其中deep为0-1，表示改变的程度
+        doback(deep);
+    }, duration, callback);
+
+    return {
+        // 一个函数
+        // 用于在动画结束前结束动画
+        stop: function () {
+            var i;
+            for (i in $timers) {
+                if ($timers[i].id == id) {
+                    $timers[i].id = void 0;
+                    return;
                 }
             }
-            _this.__rback(cachePie);
-        }, this.__option.duration, function () {
-            _this.__prePie = newPie;
-            _this.__rback(_this.__prePie);
-        });
-        return this;
+        }
     };
-    return PieLayout;
+
+}
+
+var PieLayout = (function () {
+    function PieLayout(config) {
+        if (config === void 0) { config = {}; }
+        this.name = 'PieLayout';
+        this.__option = {
+            cx: 200,
+            cy: 200,
+            radius: [50, 100],
+            duration: 200,
+        };
+        this.__hoverIndex = -1;
+        this.__config = initOption(config, {
+            name: function (pieData, initPie) { return pieData.name; },
+            value: function (pieData, initPie) { return pieData.value; }
+        });
+    }
+    PieLayout.prototype.setOption = function (option) {
+        initOption(option, this.__option);
+        return this;
+    };
+    PieLayout.prototype.use = function (initPie, hoverIndex) {
+        if (hoverIndex === void 0) { hoverIndex = -1; }
+        var pie = {
+            count: initPie.length,
+            cx: this.__option.cx,
+            cy: this.__option.cy,
+            radius: this.__option.radius,
+            hoverIndex: hoverIndex,
+            node: []
+        };
+        var totalValue = 0, names = [], values = [];
+        for (var i = 0; i < initPie.length; i++) {
+            names[i] = this.__config.name(initPie[i], initPie);
+            values[i] = this.__config.value(initPie[i], initPie);
+            totalValue += values[i];
+        }
+        var beginDeg = Math.PI * -0.5, currenDeg;
+        for (var i = 0; i < initPie.length; i++) {
+            currenDeg = values[i] / totalValue * Math.PI * 2;
+            var radius = [this.__option.radius[0], this.__option.radius[1] * (1 + (hoverIndex === i ? 0.05 : 0))];
+            var pdeg = beginDeg + currenDeg * 0.5, pradius = Math.max(this.__option.radius[0], this.__option.radius[1]);
+            var p0 = rotate(pie.cx, pie.cy, pdeg, pie.cx + pradius, pie.cy);
+            var p1 = rotate(pie.cx, pie.cy, pdeg, pie.cx + pradius + 15, pie.cy);
+            var pflag = p0[0] > pie.cx ? 1 : -1;
+            var p2 = [p1[0] + pflag * 20, p1[1]];
+            var p3 = [p1[0] + pflag * 25, p1[1]];
+            pie.node[i] = {
+                value: values[i],
+                name: names[i],
+                beginDeg: beginDeg,
+                deg: currenDeg,
+                isHover: hoverIndex === i,
+                radius: radius,
+                label: {
+                    line: [p0, p1, p2],
+                    position: p3,
+                    align: pflag === -1 ? "right" : "left"
+                }
+            };
+            beginDeg += currenDeg;
+        }
+        return pie;
+    };
+    PieLayout.prototype.bind = function (initPie, renderBack) {
+        this.__rback = renderBack;
+        this.__oralPie = initPie;
+        this.__prePie = this.use(this.__oralPie, this.__hoverIndex);
+        this.__rback(this.__prePie);
+        return this;
+    };
+    PieLayout.prototype.unbind = function () {
+        this.__rback = function () { return null; };
+        this.__oralPie = null;
+        this.__prePie = null;
+        this.__hoverIndex = -1;
+        return this;
+    };
+    PieLayout.prototype.setHover = function (index) {
+        if (!this.__prePie || this.__hoverIndex === index)
+            return this;
+        this.__hoverIndex = index;
+        this.doUpdate();
+        return this;
+    };
+    PieLayout.prototype.doUpdate = function () {
+        var _this = this;
+        var newPie = this.use(this.__oralPie, this.__hoverIndex);
+        var cachePie = JSON.parse(JSON.stringify(newPie));
+        animation(function (deep) {
+            if (_this.__prePie) {
+                for (var i = 0; i < cachePie.count; i++) {
+                    cachePie.node[i].radius[1] = _this.__prePie.node[i].radius[1] + (newPie.node[i].radius[1] - _this.__prePie.node[i].radius[1]) * deep;
+                }
+            }
+            _this.__rback(cachePie);
+        }, this.__option.duration, function () {
+            _this.__prePie = newPie;
+            _this.__rback(_this.__prePie);
+        });
+        return this;
+    };
+    return PieLayout;
 }());
 
 export { PieLayout as default };

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

@@ -1,9 +1,9 @@
 /*!
-* PieLayout of VISLite JavaScript Library v1.4.0-alpha.0
+* PieLayout of VISLite JavaScript Library v1.4.0
 * git+https://github.com/oi-contrib/VISLite.git
 */
 function t(t,i){for(var n in t)i[n]=t[n];return i}function i(t,i,n,e,r){var o=Math.cos(n),a=Math.sin(n);return[(e-t)*o-(r-i)*a+t,(e-t)*a+(r-i)*o+i]}
 /*!
-* animation of OIPage v1.2.0
+* animation of OIPage v1.3.0
 * git+https://github.com/oi-contrib/OIPage.git
 */var n,e=[];var r=function(){function r(i){void 0===i&&(i={}),this.name="PieLayout",this.__option={cx:200,cy:200,radius:[50,100],duration:200},this.__hoverIndex=-1,this.__config=t(i,{name:function(t,i){return t.name},value:function(t,i){return t.value}})}return r.prototype.setOption=function(i){return t(i,this.__option),this},r.prototype.use=function(t,n){void 0===n&&(n=-1);for(var e={count:t.length,cx:this.__option.cx,cy:this.__option.cy,radius:this.__option.radius,hoverIndex:n,node:[]},r=0,o=[],a=[],_=0;_<t.length;_++)o[_]=this.__config.name(t[_],t),a[_]=this.__config.value(t[_],t),r+=a[_];var s,u=-.5*Math.PI;for(_=0;_<t.length;_++){s=a[_]/r*Math.PI*2;var h=[this.__option.radius[0],this.__option.radius[1]*(1+(n===_?.05:0))],c=u+.5*s,d=Math.max(this.__option.radius[0],this.__option.radius[1]),p=i(e.cx,e.cy,c,e.cx+d,e.cy),l=i(e.cx,e.cy,c,e.cx+d+15,e.cy),f=p[0]>e.cx?1:-1,v=[l[0]+20*f,l[1]],x=[l[0]+25*f,l[1]];e.node[_]={value:a[_],name:o[_],beginDeg:u,deg:s,isHover:n===_,radius:h,label:{line:[p,l,v],position:x,align:-1===f?"right":"left"}},u+=s}return e},r.prototype.bind=function(t,i){return this.__rback=i,this.__oralPie=t,this.__prePie=this.use(this.__oralPie,this.__hoverIndex),this.__rback(this.__prePie),this},r.prototype.unbind=function(){return this.__rback=function(){return null},this.__oralPie=null,this.__prePie=null,this.__hoverIndex=-1,this},r.prototype.setHover=function(t){return this.__prePie&&this.__hoverIndex!==t?(this.__hoverIndex=t,this.doUpdate(),this):this},r.prototype.doUpdate=function(){var t=this,i=this.use(this.__oralPie,this.__hoverIndex),r=JSON.parse(JSON.stringify(i));return function(t,i,r){arguments.length<2&&(i=400),arguments.length<3&&(r=function(){});var o={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}),o.start(),r},start:function(){n||(n=setInterval(o.tick,13))},tick:function(){var t,i,n,r,a,_,s,u=e;for((e=[]).length=0,i=0;i<u.length;i++)t=(a=u[i]).createTime,n=a.tick,_=a.duration,r=a.callback,n(s=(s=(+(new Date).valueOf()-t.valueOf())/_)>1?1:s),s<1&&a.id?e.push(a):r(s);e.length<=0&&o.stop()},stop:function(){n&&(clearInterval(n),n=null)}},a=o.timer((function(i){t(i)}),i,r)}((function(n){if(t.__prePie)for(var e=0;e<r.count;e++)r.node[e].radius[1]=t.__prePie.node[e].radius[1]+(i.node[e].radius[1]-t.__prePie.node[e].radius[1])*n;t.__rback(r)}),this.__option.duration,(function(){t.__prePie=i,t.__rback(t.__prePie)})),this},r}();export{r as default};