vislite 1.9.0-alpha.2 → 1.9.1

package/lib/index.umd.js

@@ -1,5 +1,5 @@
 /*!
-* VISLite JavaScript Library v1.9.0-alpha.2
+* VISLite JavaScript Library v1.9.1
 * git+https://github.com/oi-contrib/VISLite.git
 */
 (function (global, factory) {
@@ -293,130 +293,125 @@
         return colors;
     }
 
-    /*!
-    * animation of OIPage v1.8.0-alpha.1
-    * 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 {object} 返回一个对象，包含一个stop方法，用于在动画结束前结束动画
-     */
-    function animation$1(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) {
-                    try {
-                        if (globalThis && globalThis.requestAnimationFrame) {
-                            $timerId = globalThis.requestAnimationFrame(function step() {
-                                clock.tick();
-                                if ($timerId) $timerId = globalThis.requestAnimationFrame(step);
-                            });
-                        } else {
-                            $timerId = setInterval(clock.tick, $interval);
-                        }
-                    } catch (e) {
-                        $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) {
-                    try {
-                        if (globalThis && globalThis.requestAnimationFrame) globalThis.cancelAnimationFrame($timerId);
-                        else clearInterval($timerId);
-                    } catch (e) {
-                        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;
+
+    /**
+     * 动画轮播
+     * @param {function} doback 轮询函数，有一个形参deep，0-1，表示执行进度
+     * @param {number} duration 动画时长，可选
+     * @param {function} callback 动画结束回调，可选，有一个形参deep，0-1，表示执行进度
+     *
+     * @returns {object} 返回一个对象，包含一个stop方法，用于在动画结束前结束动画
+     */
+    function animation$1(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) {
+                    try {
+                        if (globalThis && globalThis.requestAnimationFrame) {
+                            $timerId = globalThis.requestAnimationFrame(function step() {
+                                clock.tick();
+                                if ($timerId) $timerId = globalThis.requestAnimationFrame(step);
+                            });
+                        } else {
+                            $timerId = setInterval(clock.tick, $interval);
+                        }
+                    } catch (e) {
+                        $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) {
+                    try {
+                        if (globalThis && globalThis.requestAnimationFrame) globalThis.cancelAnimationFrame($timerId);
+                        else clearInterval($timerId);
+                    } catch (e) {
+                        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;
+                    }
+                }
+            }
+        };
+
     }
 
     function animation (doback, duration, callback) {
@@ -1234,11 +1229,20 @@
                 throw new Error("VISLite SVG:The mount point requires an HTMLElement type but encountered null.");
             }
             var width = el.clientWidth, height = el.clientHeight;
-            var ViewSVG = document.createElementNS("http://www.w3.org/2000/svg", 'svg');
-            el.appendChild(ViewSVG);
-            ViewSVG.setAttribute("width", width + "");
-            ViewSVG.setAttribute("height", height + "");
-            ViewSVG.setAttribute("viewBox", "0 0 " + width + " " + height);
+            var ViewSVG;
+            var _el = el;
+            if (_el._vislite_svg_) {
+                ViewSVG = _el._vislite_svg_[0];
+            }
+            else {
+                ViewSVG = document.createElementNS("http://www.w3.org/2000/svg", 'svg');
+                el.appendChild(ViewSVG);
+                ViewSVG.setAttribute("width", width + "");
+                ViewSVG.setAttribute("height", height + "");
+                ViewSVG.setAttribute("viewBox", "0 0 " + width + " " + height);
+                _el._vislite_svg_ = [ViewSVG];
+                el.setAttribute('vislite', 'SVG');
+            }
             _this = _super.call(this, ViewSVG) || this;
             _this.__el = el;
             return _this;
@@ -2281,60 +2285,55 @@
         return Mercator;
     }());
 
-    /*!
-    * throttle of OIPage v1.8.0-alpha.1
-    * git+https://github.com/oi-contrib/OIPage.git
-    */
-
-    function throttle(callback, _option) {
-
-        // 缺省值
-        var option = {
-            time: 200,
-            keep: false,
-            opportunity: "end"
-        };
-        
-        // 校对
-        if (_option) {
-            for (var key in _option) {
-                option[key] = _option[key];
-            }
-        }
-
-        var hadInterval = false, hadClick = false, oneClick = false, arg;
-        return function () {
-            const _this = this;
-            arg = arguments;
-
-            // 如果前置任务都完成了
-            if (!hadInterval) {
-                if (option.opportunity != 'end') {
-                    callback.apply(_this, arg);
-                }
-                hadInterval = true;
-
-                var interval = setInterval(() => {
-                    if (hadClick) {
-                        if (!option.keep) {
-                            callback.apply(_this, arg);
-                        }
-                    } else {
-                        if (option.opportunity != 'begin') {
-                            if (oneClick || option.opportunity == 'end') callback.apply(_this, arg);
-                        }
-                        hadInterval = false;
-                        oneClick = false;
-                        clearInterval(interval);
-                    }
-                    hadClick = false;
-                }, option.time);
-            } else {
-                hadClick = true;
-                oneClick = true;
-            }
-
-        };
+    function throttle(callback, _option) {
+
+        // 缺省值
+        var option = {
+            time: 200,
+            keep: false,
+            opportunity: "end"
+        };
+        
+        // 校对
+        if (_option) {
+            for (var key in _option) {
+                option[key] = _option[key];
+            }
+        }
+
+        var hadInterval = false, hadClick = false, oneClick = false, arg;
+        return function () {
+            const _this = this;
+            arg = arguments;
+
+            // 如果前置任务都完成了
+            if (!hadInterval) {
+                if (option.opportunity != 'end') {
+                    callback.apply(_this, arg);
+                }
+                hadInterval = true;
+
+                var interval = setInterval(() => {
+                    if (hadClick) {
+                        if (!option.keep) {
+                            callback.apply(_this, arg);
+                        }
+                    } else {
+                        if (option.opportunity != 'begin') {
+                            if (oneClick || option.opportunity == 'end') callback.apply(_this, arg);
+                        }
+                        hadInterval = false;
+                        oneClick = false;
+                        clearInterval(interval);
+                    }
+                    hadClick = false;
+                }, option.time);
+            } else {
+                hadClick = true;
+                oneClick = true;
+            }
+
+        };
     }
 
     function mllData(geoJson) {