vislite 0.4.1-alpha.2 → 0.4.1-beta.0

package/.editorconfig

@@ -0,0 +1,19 @@
+# http://editorconfig.org
+
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 4
+end_of_line = cr
+insert_final_newline = false
+trim_trailing_whitespace = true
+
+[*.md]
+insert_final_newline = false
+trim_trailing_whitespace = false
+
+[*.json]
+indent_size = 2
+insert_final_newline = true

package/CHANGELOG

@@ -3,7 +3,7 @@ v0.1.0:
     changes:
       - 初始化版本
         1、Canvas
-          （支持平台：H5、uni-app(包括：H5、微信小程序、支付宝小程序)、微信小程序）
+          （支持平台：H5、uni-app（包括：H5、微信小程序、支付宝小程序）、微信小程序）
         2、SVG画笔
           （支持平台：H5）
         3、Eoap 等角斜方位投影
@@ -80,7 +80,7 @@ v0.4.0:
     changes:
       - 新增功能
         1、Canvas画笔
-            * textWidth 计算文字宽 
+            * textWidth 计算文字宽
 v0.4.1:
     date:
     changes:
@@ -91,14 +91,23 @@ v0.4.1:
       - 优化改造
         1、优化WebGL区域计算设计
       - 新增功能
-        1、viewHandler新增对悬浮hover事件的捕获并统一添加event参数
-        2、刻度尺算法ruler新增可选上下界约束
+        1、Canvas画笔
+            * 添加region配置，可以控制是否支持区域管理
+            * onlyRegion 区域模式
+        2、WebGL画笔
+            * 添加region配置，可以控制是否支持区域管理
         3、uni-app平台的ui-canvas
             * 画笔的draw方法对外暴露更丰富的参数
             * 添加region属性，可以控制是否支持区域管理
         4、微信小程序平台的ui-canvas
             * 添加region属性，可以控制是否支持区域管理
-        5、Canvas画笔
-            * 添加region配置，可以控制是否支持区域管理
-        6、WebGL画笔
-            * 添加region配置，可以控制是否支持区域管理
+        5、viewHandler新增对悬浮hover事件的捕获并统一添加event参数
+        6、刻度尺算法ruler新增可选上下界约束
+        7、颜色格式化 formatColor
+          （支持平台：H5）
+        8、节点缩放监听 resizeObserver
+          （支持平台：H5）
+        9、节流函数 throttle
+        10、布局
+            * 树布局 treeLayout
+        11、着色器compile方法丰富参数（添加color、colors、image、cube四种内置着色器程序）

package/README.md

@@ -1,6 +1,6 @@
 - 开源不易，去 <i>[Github给个Star](https://github.com/oi-contrib/VISLite) </i>吧！
 
-<img src='https://oi-contrib.github.io/VISLite/images/logo.png' height='300px'/>
+<img src='./docs/images/logo.png' height='300px'/>
 
 <p>
     <a href="https://zxl20070701.github.io/toolbox/#/npm-download?packages=vislite&interval=7">
@@ -27,6 +27,8 @@
 - 简单与复杂共存：一方面我们提供了可视化需要的基础功能，你可以按照自己的需要组合使用；另一方面，为了加速开发，我们针对常见的可视化业务场景进行了封装，可以帮助你快速完成，你可以根据实际情况进行选择。
 - 向下兼容：我们向你保证，始终向下兼容```（alpha和beta版本为测试版本，不包括）```，因此，无论何时，最新版本总是最好的选择。
 
+> 版本说明：alpha为开发阶段、beta为发布前测试、无后缀的为正式版本。
+
 ## 需求墙
 
 我们的目标是不断完善丰富可视化功能，非常希望获得你宝贵的建议和批评，无论任何想法，都可以给我们[留言](https://github.com/oi-contrib/VISLite/issues)告诉我们。
@@ -47,6 +49,19 @@
 
 给我们[留言](https://github.com/oi-contrib/VISLite/issues)告诉我们你希望快速扩展的功能，我们会优先你的建议考虑哦～
 
+## 参与贡献
+
+你可以选择下列一项或多项进行参与：
+
+- 代码维护：由于新功能或一些BUG的出现，对代码进行维护和升级。
+- 文档编辑：主要是接口文档和教程需要编辑，这很重要。
+- 用例开发和测试：在项目的test文件夹下有一些测试，而在docs文档中存在一些例子需要补充。
+- 参与讨论：主要是讨论未来如何发展，改造的方向等。
+
+如果有意向加入我们，你可以通过提 [issue](https://github.com/oi-contrib/VISLite/issues) 和我们取到联系，请简单说明一下情况，我们会尽快回复。
+
+你可以查看[VISLite 贡献指南](./.github/CONTRIBUTING.md)文件了解更多细节，查看[AUTHORS.txt](./AUTHORS.txt)了解所有的贡献者。
+
 ## 版权
 
 MIT License

package/lib/Buffer/index.umd.js

@@ -1,12 +1,12 @@
 /*!
-* VISLite JavaScript Library v0.4.1-alpha.2
+* VISLite JavaScript Library v0.4.1-beta.0
 * git+https://github.com/oi-contrib/VISLite.git
 *
 * Copyright zxl20070701
 * Released under the MIT license
 * https://zxl20070701.github.io/notebook/home.html
 * 
-* Publish Date:  Sat Aug 12 2023 23:34:54 GMT+0800 (中国标准时间)
+* Publish Date:  Wed Aug 23 2023 22:06:27 GMT+0800 (中国标准时间)
 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :

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

@@ -1,11 +1,11 @@
 /*!
-* VISLite JavaScript Library v0.4.1-alpha.2
+* VISLite JavaScript Library v0.4.1-beta.0
 * git+https://github.com/oi-contrib/VISLite.git
 *
 * Copyright zxl20070701
 * Released under the MIT license
 * https://zxl20070701.github.io/notebook/home.html
 * 
-* Publish Date:  Sat Aug 12 2023 23:34:54 GMT+0800 (中国标准时间)
+* Publish Date:  Wed Aug 23 2023 22:06:27 GMT+0800 (中国标准时间)
 */
 var t,e;t=this,e=function(){"use strict";return function(){function t(t,e){void 0===e&&(e=!1),this.__painter=t,this.__isElement=e,this.__buffer=function(t){return t.createBuffer()}(t),this.__type=e?t.ELEMENT_ARRAY_BUFFER:t.ARRAY_BUFFER}return t.prototype.use=function(){return this.__painter.bindBuffer(this.__type,this.__buffer),this},t.prototype.write=function(t){return function(t,e,i,n){var r=i?t.ELEMENT_ARRAY_BUFFER:t.ARRAY_BUFFER;t.bufferData(r,e,n)}(this.__painter,t,this.__isElement,this.__painter.STATIC_DRAW),this.__fsize=t.BYTES_PER_ELEMENT,this},t.prototype.divide=function(t,e,i,n){return void 0===n&&(n=0),function(t,e,i,n,r,_,f){t.vertexAttribPointer(e,i,n,f,r,_),t.enableVertexAttribArray(e)}(this.__painter,t,e,this.__painter.FLOAT,i*this.__fsize,n*this.__fsize,!1),this},t}()},"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).VISLite_Buffer=e();

package/lib/Canvas/index.umd.js

@@ -1,12 +1,12 @@
 /*!
-* VISLite JavaScript Library v0.4.1-alpha.2
+* VISLite JavaScript Library v0.4.1-beta.0
 * git+https://github.com/oi-contrib/VISLite.git
 *
 * Copyright zxl20070701
 * Released under the MIT license
 * https://zxl20070701.github.io/notebook/home.html
 * 
-* Publish Date:  Sat Aug 12 2023 23:34:54 GMT+0800 (中国标准时间)
+* Publish Date:  Wed Aug 23 2023 22:06:27 GMT+0800 (中国标准时间)
 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -161,9 +161,11 @@
     }
 
     var Painter = (function () {
-        function Painter(canvas, opts, region) {
+        function Painter(canvas, opts, region, isPainter) {
             if (opts === void 0) { opts = {}; }
+            if (isPainter === void 0) { isPainter = false; }
             this.__region = null;
+            this.__onlyRegion = false;
             this.__specialConfig = {
                 "fontSize": 16,
                 "fontFamily": "sans-serif",
@@ -184,6 +186,7 @@
             };
             this.painter = canvas.getContext("2d", opts);
             this.__region = region;
+            this.__isPainter = isPainter;
             this.painter.textBaseline = 'middle';
             this.painter.textAlign = 'left';
         }
@@ -193,6 +196,8 @@
                     this.__region.useConfig(key, value);
                 }
             }
+            if (this.__isPainter && this.__onlyRegion)
+                return this;
             if (key == 'lineDash') {
                 if (this.painter.setLineDash)
                     this.painter.setLineDash(value);
@@ -215,6 +220,8 @@
             if (deg === void 0) { deg = 0; }
             if (this.__region)
                 this.__region.fillText(text, x, y, deg);
+            if (this.__isPainter && this.__onlyRegion)
+                return this;
             this.painter.save();
             initText(this.painter, this.__specialConfig, x, y, deg).fillText(text, 0, 0);
             this.painter.restore();
@@ -224,6 +231,8 @@
             if (deg === void 0) { deg = 0; }
             if (this.__region)
                 this.__region.strokeText(text, x, y, deg);
+            if (this.__isPainter && this.__onlyRegion)
+                return this;
             this.painter.save();
             initText(this.painter, this.__specialConfig, x, y, deg).strokeText(text, 0, 0);
             this.painter.restore();
@@ -233,6 +242,8 @@
             if (deg === void 0) { deg = 0; }
             if (this.__region)
                 this.__region.fullText(text, x, y, deg);
+            if (this.__isPainter && this.__onlyRegion)
+                return this;
             this.painter.save();
             initText(this.painter, this.__specialConfig, x, y, deg);
             this.painter.fillText(text, 0, 0);
@@ -244,8 +255,11 @@
             var _this = this;
             if (lineHeight === void 0) { lineHeight = 1.2; }
             if (deg === void 0) { deg = 0; }
+            var h = 0;
             if (this.__region)
-                this.__region.fillTexts(contents, x, y, width, lineHeight);
+                h = this.__region.fillTexts(contents, x, y, width, lineHeight);
+            if (this.__isPainter && this.__onlyRegion)
+                return h;
             this.painter.save();
             initText(this.painter, this.__specialConfig, x, y, deg);
             var height = texts(this.painter, contents, width, this.__specialConfig.fontSize * lineHeight, function (content, top) {
@@ -258,8 +272,11 @@
             var _this = this;
             if (lineHeight === void 0) { lineHeight = 1.2; }
             if (deg === void 0) { deg = 0; }
+            var h = 0;
             if (this.__region)
-                this.__region.fillTexts(contents, x, y, width, lineHeight);
+                h = this.__region.fillTexts(contents, x, y, width, lineHeight);
+            if (this.__isPainter && this.__onlyRegion)
+                return h;
             this.painter.save();
             initText(this.painter, this.__specialConfig, x, y, deg);
             var height = texts(this.painter, contents, width, this.__specialConfig.fontSize * lineHeight, function (content, top) {
@@ -272,8 +289,11 @@
             var _this = this;
             if (lineHeight === void 0) { lineHeight = 1.2; }
             if (deg === void 0) { deg = 0; }
+            var h = 0;
             if (this.__region)
-                this.__region.fillTexts(contents, x, y, width, lineHeight);
+                h = this.__region.fillTexts(contents, x, y, width, lineHeight);
+            if (this.__isPainter && this.__onlyRegion)
+                return h;
             this.painter.save();
             initText(this.painter, this.__specialConfig, x, y, deg);
             var height = texts(this.painter, contents, width, this.__specialConfig.fontSize * lineHeight, function (content, top) {
@@ -286,48 +306,64 @@
         Painter.prototype.beginPath = function () {
             if (this.__region)
                 this.__region.beginPath();
+            if (this.__isPainter && this.__onlyRegion)
+                return this;
             this.painter.beginPath();
             return this;
         };
         Painter.prototype.closePath = function () {
             if (this.__region)
                 this.__region.closePath();
+            if (this.__isPainter && this.__onlyRegion)
+                return this;
             this.painter.closePath();
             return this;
         };
         Painter.prototype.moveTo = function (x, y) {
             if (this.__region)
                 this.__region.moveTo(x, y);
+            if (this.__isPainter && this.__onlyRegion)
+                return this;
             this.painter.moveTo(Math.round(x) + 0.5, Math.round(y) + 0.5);
             return this;
         };
         Painter.prototype.lineTo = function (x, y) {
             if (this.__region)
                 this.__region.lineTo(x, y);
+            if (this.__isPainter && this.__onlyRegion)
+                return this;
             this.painter.lineTo(Math.round(x) + 0.5, Math.round(y) + 0.5);
             return this;
         };
         Painter.prototype.arc = function (x, y, r, beginDeg, deg) {
             if (this.__region)
                 this.__region.arc(x, y, r, beginDeg, deg);
+            if (this.__isPainter && this.__onlyRegion)
+                return this;
             this.painter.arc(x, y, r, beginDeg, beginDeg + deg, deg < 0);
             return this;
         };
         Painter.prototype.fill = function () {
             if (this.__region)
                 this.__region.fill();
+            if (this.__isPainter && this.__onlyRegion)
+                return this;
             this.painter.fill();
             return this;
         };
         Painter.prototype.stroke = function () {
             if (this.__region)
                 this.__region.stroke();
+            if (this.__isPainter && this.__onlyRegion)
+                return this;
             this.painter.stroke();
             return this;
         };
         Painter.prototype.full = function () {
             if (this.__region)
                 this.__region.full();
+            if (this.__isPainter && this.__onlyRegion)
+                return this;
             this.painter.fill();
             this.painter.stroke();
             return this;
@@ -335,54 +371,72 @@
         Painter.prototype.save = function () {
             if (this.__region)
                 this.__region.save();
+            if (this.__isPainter && this.__onlyRegion)
+                return this;
             this.painter.save();
             return this;
         };
         Painter.prototype.restore = function () {
             if (this.__region)
                 this.__region.restore();
+            if (this.__isPainter && this.__onlyRegion)
+                return this;
             this.painter.restore();
             return this;
         };
         Painter.prototype.clip = function () {
             if (this.__region)
                 this.__region.clip();
+            if (this.__isPainter && this.__onlyRegion)
+                return this;
             this.painter.clip();
             return this;
         };
         Painter.prototype.quadraticCurveTo = function (cpx, cpy, x, y) {
             if (this.__region)
                 this.__region.quadraticCurveTo(cpx, cpy, x, y);
+            if (this.__isPainter && this.__onlyRegion)
+                return this;
             this.painter.quadraticCurveTo(cpx, cpy, x, y);
             return this;
         };
         Painter.prototype.bezierCurveTo = function (cp1x, cp1y, cp2x, cp2y, x, y) {
             if (this.__region)
                 this.__region.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y);
+            if (this.__isPainter && this.__onlyRegion)
+                return this;
             this.painter.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y);
             return this;
         };
         Painter.prototype.clearRect = function (x, y, w, h) {
             if (this.__region)
                 this.__region.clearRect(x, y, w, h);
+            if (this.__isPainter && this.__onlyRegion)
+                return this;
             this.painter.clearRect(x, y, w, h);
             return this;
         };
         Painter.prototype.fillArc = function (cx, cy, r1, r2, beginDeg, deg) {
             if (this.__region)
                 this.__region.fillArc(cx, cy, r1, r2, beginDeg, deg);
+            if (this.__isPainter && this.__onlyRegion)
+                return this;
             initArc(this.painter, this.__specialConfig, cx, cy, r1, r2, beginDeg, deg).fill();
             return this;
         };
         Painter.prototype.strokeArc = function (cx, cy, r1, r2, beginDeg, deg) {
             if (this.__region)
                 this.__region.strokeArc(cx, cy, r1, r2, beginDeg, deg);
+            if (this.__isPainter && this.__onlyRegion)
+                return this;
             initArc(this.painter, this.__specialConfig, cx, cy, r1, r2, beginDeg, deg).stroke();
             return this;
         };
         Painter.prototype.fullArc = function (cx, cy, r1, r2, beginDeg, deg) {
             if (this.__region)
                 this.__region.fullArc(cx, cy, r1, r2, beginDeg, deg);
+            if (this.__isPainter && this.__onlyRegion)
+                return this;
             initArc(this.painter, this.__specialConfig, cx, cy, r1, r2, beginDeg, deg);
             this.painter.fill();
             this.painter.stroke();
@@ -391,18 +445,24 @@
         Painter.prototype.fillCircle = function (cx, cy, r) {
             if (this.__region)
                 this.__region.fillCircle(cx, cy, r);
+            if (this.__isPainter && this.__onlyRegion)
+                return this;
             initCircle(this.painter, cx, cy, r).fill();
             return this;
         };
         Painter.prototype.strokeCircle = function (cx, cy, r) {
             if (this.__region)
                 this.__region.strokeCircle(cx, cy, r);
+            if (this.__isPainter && this.__onlyRegion)
+                return this;
             initCircle(this.painter, cx, cy, r).stroke();
             return this;
         };
         Painter.prototype.fullCircle = function (cx, cy, r) {
             if (this.__region)
                 this.__region.fullCircle(cx, cy, r);
+            if (this.__isPainter && this.__onlyRegion)
+                return this;
             initCircle(this.painter, cx, cy, r);
             this.painter.fill();
             this.painter.stroke();
@@ -411,23 +471,30 @@
         Painter.prototype.fillRect = function (x, y, width, height) {
             if (this.__region)
                 this.__region.fillRect(x, y, width, height);
+            if (this.__isPainter && this.__onlyRegion)
+                return this;
             initRect(this.painter, x, y, width, height).fill();
             return this;
         };
         Painter.prototype.strokeRect = function (x, y, width, height) {
             if (this.__region)
                 this.__region.strokeRect(x, y, width, height);
+            if (this.__isPainter && this.__onlyRegion)
+                return this;
             initRect(this.painter, x, y, width, height).stroke();
             return this;
         };
         Painter.prototype.fullRect = function (x, y, width, height) {
             if (this.__region)
                 this.__region.fullRect(x, y, width, height);
+            if (this.__isPainter && this.__onlyRegion)
+                return this;
             initRect(this.painter, x, y, width, height);
             this.painter.fill();
             this.painter.stroke();
             return this;
         };
+        Painter.prototype.draw = function () { };
         return Painter;
     }());
 
@@ -489,7 +556,7 @@
         function Canvas(ViewCanvas, RegionCanvas) {
             var _this = _super.call(this, ViewCanvas, {}, RegionCanvas ? new Painter(RegionCanvas, {
                 willReadFrequently: true,
-            }) : null) || this;
+            }) : null, true) || this;
             _this.name = "Canvas";
             _this.__regionList = {};
             _this.__regionAssemble = assemble(0, 255, 10, 3);
@@ -503,10 +570,14 @@
             }
             return this;
         };
+        Canvas.prototype.onlyRegion = function (flag) {
+            this.__onlyRegion = flag;
+            return this;
+        };
         Canvas.prototype.setRegion = function (regionName) {
             if (this.__region) {
                 if (regionName) {
-                    if (this.__regionList[regionName] == undefined) {
+                    if (this.__regionList[regionName] == void 0) {
                         var tempColor = this.__regionAssemble();
                         this.__regionList[regionName] =
                             "rgb(" + tempColor[0] + "," + tempColor[1] + "," + tempColor[2] + ")";
@@ -589,6 +660,13 @@
         return Canvas;
     }(Painter));
 
+    function mergeOption (option, defaultOption) {
+        for (var key in option) {
+            defaultOption[key] = option[key];
+        }
+        return defaultOption;
+    }
+
     var Canvas = (function (_super) {
         __extends(Canvas, _super);
         function Canvas(el, option) {
@@ -597,8 +675,9 @@
             if (!el) {
                 throw new Error("VISLite Canvas:The mount point requires an HTMLElement type but encountered null.");
             }
-            if (!('region' in option))
-                option.region = true;
+            option = mergeOption(option, {
+                region: true
+            });
             var width = el.clientWidth, height = el.clientHeight;
             var ViewCanvas, RegionCanvas;
             var _el = el;

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

@@ -1,11 +1,11 @@
 /*!
-* VISLite JavaScript Library v0.4.1-alpha.2
+* VISLite JavaScript Library v0.4.1-beta.0
 * git+https://github.com/oi-contrib/VISLite.git
 *
 * Copyright zxl20070701
 * Released under the MIT license
 * https://zxl20070701.github.io/notebook/home.html
 * 
-* Publish Date:  Sat Aug 12 2023 23:34:54 GMT+0800 (中国标准时间)
+* Publish Date:  Wed Aug 23 2023 22:06:27 GMT+0800 (中国标准时间)
 */
-var t,i;t=this,i=function(){"use strict";var t=function(i,e){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,i){t.__proto__=i}||function(t,i){for(var e in i)Object.prototype.hasOwnProperty.call(i,e)&&(t[e]=i[e])},t(i,e)};function i(i,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function r(){this.constructor=i}t(i,e),i.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}"function"==typeof SuppressedError&&SuppressedError;var e=function(t,i,e,r,n){var o=Math.cos(e),s=Math.sin(e);return[+((r-t)*o-(n-i)*s+t).toFixed(7),+((r-t)*s+(n-i)*o+i).toFixed(7)]},r=function(t,i,e,r,n){return t.beginPath(),t.translate(e,r),t.rotate(n),t.font=i.fontStyle+" "+i.fontWeight+" "+i.fontSize+"px "+i.fontFamily,t},n=function(t,i,r,n,o,s,a,h){if(o>s){var _=o;o=s,s=_}return a%=2*Math.PI,h>=1.999999*Math.PI||h<=1.999999*-Math.PI?h=2*Math.PI:h%=2*Math.PI,function(t,i,r,n,o,s,a){i<0&&(t+=i,i*=-1);var h,_=[];h=e(0,0,t,o,0),_[0]=h[0],_[1]=h[1],h=e(0,0,i,h[0],h[1]),_[2]=h[0],_[3]=h[1],h=e(0,0,t,s,0),_[4]=h[0],_[5]=h[1],h=e(0,0,i,h[0],h[1]),_[6]=h[0],_[7]=h[1],a(t,t+i,_[0]+r,_[1]+n,_[4]+r,_[5]+n,_[2]+r,_[3]+n,_[6]+r,_[7]+n,.5*(s-o))}(a,h,r,n,o,s,(function(e,a,h,_,l,p,u,f,c,g,v){v<0&&(v=-v),t.beginPath(),t.moveTo(h,_),t.arc(r,n,o,e,a,!1),"round"==i.arcEndCap?t.arc(.5*(u+c),.5*(f+g),v,a-Math.PI,a,!0):"-round"==i.arcEndCap?t.arc(.5*(u+c),.5*(f+g),v,a-Math.PI,a,!1):t.lineTo(c,g),t.arc(r,n,s,a,e,!0),"round"==i.arcStartCap?t.arc(.5*(h+l),.5*(_+p),v,e,e-Math.PI,!0):"-round"==i.arcStartCap?t.arc(.5*(h+l),.5*(_+p),v,e,e-Math.PI,!1):t.lineTo(h,_)})),"butt"==i.arcStartCap&&t.closePath(),t},o=function(t,i,e,r){return t.beginPath(),t.moveTo(i+r,e),t.arc(i,e,r,0,2*Math.PI),t},s=function(t,i,e,r,n){return t.beginPath(),t.rect(i,e,r,n),t};function a(t,i,e,r,n){for(var o=0,s="",a=0;a<i.length;a++)t.measureText(s+i[a]).width>e||/\n$/.test(s)?(n(s,((o+=1)-.5)*r),s=i[a]):a==i.length-1?(o+=1,n(s+i[a],(o-.5)*r)):s+=i[a];return o*r}var h=function(){function t(t,i,e){void 0===i&&(i={}),this.__region=null,this.__specialConfig={fontSize:16,fontFamily:"sans-serif",fontWeight:400,fontStyle:"normal",arcStartCap:"butt",arcEndCap:"butt"},this.__initConfig={fillStyle:"black",strokeStyle:"black",lineWidth:1,textAlign:"left",textBaseline:"middle",lineDash:[],shadowBlur:0,shadowColor:"black"},this.painter=t.getContext("2d",i),this.__region=e,this.painter.textBaseline="middle",this.painter.textAlign="left"}return t.prototype.useConfig=function(t,i){if(this.__region&&["fillStyle","strokeStyle","shadowBlur","shadowColor"].indexOf(t)<0&&this.__region.useConfig(t,i),"lineDash"==t)this.painter.setLineDash&&this.painter.setLineDash(i);else if(t in this.__specialConfig)"fontSize"==t&&(i=Math.round(i)),this.__specialConfig[t]=i;else{if(!(t in this.__initConfig))throw new Error("Illegal configuration item of painter : "+t+" !");this.painter[t]=i}return this},t.prototype.fillText=function(t,i,e,n){return void 0===n&&(n=0),this.__region&&this.__region.fillText(t,i,e,n),this.painter.save(),r(this.painter,this.__specialConfig,i,e,n).fillText(t,0,0),this.painter.restore(),this},t.prototype.strokeText=function(t,i,e,n){return void 0===n&&(n=0),this.__region&&this.__region.strokeText(t,i,e,n),this.painter.save(),r(this.painter,this.__specialConfig,i,e,n).strokeText(t,0,0),this.painter.restore(),this},t.prototype.fullText=function(t,i,e,n){return void 0===n&&(n=0),this.__region&&this.__region.fullText(t,i,e,n),this.painter.save(),r(this.painter,this.__specialConfig,i,e,n),this.painter.fillText(t,0,0),this.painter.strokeText(t,0,0),this.painter.restore(),this},t.prototype.fillTexts=function(t,i,e,n,o,s){var h=this;void 0===o&&(o=1.2),void 0===s&&(s=0),this.__region&&this.__region.fillTexts(t,i,e,n,o),this.painter.save(),r(this.painter,this.__specialConfig,i,e,s);var _=a(this.painter,t,n,this.__specialConfig.fontSize*o,(function(t,i){h.painter.fillText(t,0,i)}));return this.painter.restore(),_},t.prototype.strokeTexts=function(t,i,e,n,o,s){var h=this;void 0===o&&(o=1.2),void 0===s&&(s=0),this.__region&&this.__region.fillTexts(t,i,e,n,o),this.painter.save(),r(this.painter,this.__specialConfig,i,e,s);var _=a(this.painter,t,n,this.__specialConfig.fontSize*o,(function(t,i){h.painter.strokeText(t,0,i)}));return this.painter.restore(),_},t.prototype.fullTexts=function(t,i,e,n,o,s){var h=this;void 0===o&&(o=1.2),void 0===s&&(s=0),this.__region&&this.__region.fillTexts(t,i,e,n,o),this.painter.save(),r(this.painter,this.__specialConfig,i,e,s);var _=a(this.painter,t,n,this.__specialConfig.fontSize*o,(function(t,i){h.painter.fillText(t,0,i),h.painter.strokeText(t,0,i)}));return this.painter.restore(),_},t.prototype.beginPath=function(){return this.__region&&this.__region.beginPath(),this.painter.beginPath(),this},t.prototype.closePath=function(){return this.__region&&this.__region.closePath(),this.painter.closePath(),this},t.prototype.moveTo=function(t,i){return this.__region&&this.__region.moveTo(t,i),this.painter.moveTo(Math.round(t)+.5,Math.round(i)+.5),this},t.prototype.lineTo=function(t,i){return this.__region&&this.__region.lineTo(t,i),this.painter.lineTo(Math.round(t)+.5,Math.round(i)+.5),this},t.prototype.arc=function(t,i,e,r,n){return this.__region&&this.__region.arc(t,i,e,r,n),this.painter.arc(t,i,e,r,r+n,n<0),this},t.prototype.fill=function(){return this.__region&&this.__region.fill(),this.painter.fill(),this},t.prototype.stroke=function(){return this.__region&&this.__region.stroke(),this.painter.stroke(),this},t.prototype.full=function(){return this.__region&&this.__region.full(),this.painter.fill(),this.painter.stroke(),this},t.prototype.save=function(){return this.__region&&this.__region.save(),this.painter.save(),this},t.prototype.restore=function(){return this.__region&&this.__region.restore(),this.painter.restore(),this},t.prototype.clip=function(){return this.__region&&this.__region.clip(),this.painter.clip(),this},t.prototype.quadraticCurveTo=function(t,i,e,r){return this.__region&&this.__region.quadraticCurveTo(t,i,e,r),this.painter.quadraticCurveTo(t,i,e,r),this},t.prototype.bezierCurveTo=function(t,i,e,r,n,o){return this.__region&&this.__region.bezierCurveTo(t,i,e,r,n,o),this.painter.bezierCurveTo(t,i,e,r,n,o),this},t.prototype.clearRect=function(t,i,e,r){return this.__region&&this.__region.clearRect(t,i,e,r),this.painter.clearRect(t,i,e,r),this},t.prototype.fillArc=function(t,i,e,r,o,s){return this.__region&&this.__region.fillArc(t,i,e,r,o,s),n(this.painter,this.__specialConfig,t,i,e,r,o,s).fill(),this},t.prototype.strokeArc=function(t,i,e,r,o,s){return this.__region&&this.__region.strokeArc(t,i,e,r,o,s),n(this.painter,this.__specialConfig,t,i,e,r,o,s).stroke(),this},t.prototype.fullArc=function(t,i,e,r,o,s){return this.__region&&this.__region.fullArc(t,i,e,r,o,s),n(this.painter,this.__specialConfig,t,i,e,r,o,s),this.painter.fill(),this.painter.stroke(),this},t.prototype.fillCircle=function(t,i,e){return this.__region&&this.__region.fillCircle(t,i,e),o(this.painter,t,i,e).fill(),this},t.prototype.strokeCircle=function(t,i,e){return this.__region&&this.__region.strokeCircle(t,i,e),o(this.painter,t,i,e).stroke(),this},t.prototype.fullCircle=function(t,i,e){return this.__region&&this.__region.fullCircle(t,i,e),o(this.painter,t,i,e),this.painter.fill(),this.painter.stroke(),this},t.prototype.fillRect=function(t,i,e,r){return this.__region&&this.__region.fillRect(t,i,e,r),s(this.painter,t,i,e,r).fill(),this},t.prototype.strokeRect=function(t,i,e,r){return this.__region&&this.__region.strokeRect(t,i,e,r),s(this.painter,t,i,e,r).stroke(),this},t.prototype.fullRect=function(t,i,e,r){return this.__region&&this.__region.fullRect(t,i,e,r),s(this.painter,t,i,e,r),this.painter.fill(),this.painter.stroke(),this},t}(),_={"font-size":"fontSize","font-family":"fontFamily","font-weight":"fontWeight","font-style":"fontStyle","arc-start-cap":"arcStartCap","arc-end-cap":"arcEndCap"},l=function(t){function e(i,e){var r=t.call(this,i,{},e?new h(e,{willReadFrequently:!0}):null)||this;return r.name="Canvas",r.__regionList={},r.__regionAssemble=function(t,i,e,r){for(var n=[],o=0;o<r;o++)n[o]=t;return function(){for(var o=0;o<r;o++){if(n[o]+e<i){n[o]=+(n[o]+e).toFixed(7);break}o<r-1&&(n[o]=t)}return n}}(0,255,10,3),r.setRegion(""),r}return i(e,t),e.prototype.config=function(t){for(var i in t){var e=_[i]||i;this.useConfig(e,t[i])}return this},e.prototype.setRegion=function(t){if(this.__region)if(t){if(null==this.__regionList[t]){var i=this.__regionAssemble();this.__regionList[t]="rgb("+i[0]+","+i[1]+","+i[2]+")"}this.__region.useConfig("fillStyle",this.__regionList[t])&&this.__region.useConfig("strokeStyle",this.__regionList[t])}else this.__region.useConfig("fillStyle","#000000")&&this.__region.useConfig("strokeStyle","#000000");return this},e.prototype.getRegion=function(t,i){var e=this;return new Promise((function(r,n){var o=e.__region?e.__region.painter.getImageData(t-.5,i-.5,1,1):{data:[0,0,0,0]},s=o.data,a=function(){if(e.__region)for(var t in e.__regionList)if("rgb("+s[0]+","+s[1]+","+s[2]+")"==e.__regionList[t]){r(t);break}r("")};s?a():o.then((function(t){s=t,a()}))}))},e.prototype.textWidth=function(t){this.painter.save(),r(this.painter,this.__specialConfig,0,0,0);var i=this.painter.measureText(t+"").width;return this.painter.restore(),i},e.prototype.getContext=function(t){return void 0===t&&(t=!1),t?this.__region?this.__region.painter:null:this.painter},e.prototype.createLinearGradient=function(t,i,e,r){return function(t,i,e,r,n){var o=t.createLinearGradient(i,e,r,n),s={value:function(){return o},setColor:function(t,i){return o.addColorStop(t,i),s}};return s}(this.painter,t,i,e,r)},e.prototype.createRadialGradient=function(t,i,e){return function(t,i,e,r){var n=t.createRadialGradient(i,e,0,i,e,r),o={value:function(){return n},setColor:function(t,i){return n.addColorStop(t,i),o}};return o}(this.painter,t,i,e)},e.prototype.getColor=function(t,i){var e=this.painter.getImageData(t-.5,i-.5,1,1).data;return"rgba("+e[0]+","+e[1]+","+e[2]+","+e[3]+")"},e}(h);return function(t){function e(i,e){void 0===e&&(e={});var r=this;if(!i)throw new Error("VISLite Canvas:The mount point requires an HTMLElement type but encountered null.");"region"in e||(e.region=!0);var n,o,s=i.clientWidth,a=i.clientHeight,h=i;h._vislite_canvas_?(n=h._vislite_canvas_[0],o=h._vislite_canvas_[1]):(n=document.createElement("canvas"),i.appendChild(n),e.region&&(o=document.createElement("canvas")),h._vislite_canvas_=[n,o],i.setAttribute("vislite","Canvas"));for(var _=0,l=[n,o];_<l.length;_++){var p=l[_];p&&(p.style.width=s+"px",p.setAttribute("width",s+""),p.style.height=a+"px",p.setAttribute("height",a+""))}return(r=t.call(this,n,o)||this).__canvas=n,r}return i(e,t),e.prototype.toDataURL=function(){var t=this;return new Promise((function(i){i(t.__canvas.toDataURL())}))},e}(l)},"object"==typeof exports&&"undefined"!=typeof module?module.exports=i():"function"==typeof define&&define.amd?define(i):(t="undefined"!=typeof globalThis?globalThis:t||self).VISLite_Canvas=i();
+var t,i;t=this,i=function(){"use strict";var t=function(i,e){return t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,i){t.__proto__=i}||function(t,i){for(var e in i)Object.prototype.hasOwnProperty.call(i,e)&&(t[e]=i[e])},t(i,e)};function i(i,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=i}t(i,e),i.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}"function"==typeof SuppressedError&&SuppressedError;var e=function(t,i,e,n,r){var o=Math.cos(e),s=Math.sin(e);return[+((n-t)*o-(r-i)*s+t).toFixed(7),+((n-t)*s+(r-i)*o+i).toFixed(7)]},n=function(t,i,e,n,r){return t.beginPath(),t.translate(e,n),t.rotate(r),t.font=i.fontStyle+" "+i.fontWeight+" "+i.fontSize+"px "+i.fontFamily,t},r=function(t,i,n,r,o,s,a,_){if(o>s){var h=o;o=s,s=h}return a%=2*Math.PI,_>=1.999999*Math.PI||_<=1.999999*-Math.PI?_=2*Math.PI:_%=2*Math.PI,function(t,i,n,r,o,s,a){i<0&&(t+=i,i*=-1);var _,h=[];_=e(0,0,t,o,0),h[0]=_[0],h[1]=_[1],_=e(0,0,i,_[0],_[1]),h[2]=_[0],h[3]=_[1],_=e(0,0,t,s,0),h[4]=_[0],h[5]=_[1],_=e(0,0,i,_[0],_[1]),h[6]=_[0],h[7]=_[1],a(t,t+i,h[0]+n,h[1]+r,h[4]+n,h[5]+r,h[2]+n,h[3]+r,h[6]+n,h[7]+r,.5*(s-o))}(a,_,n,r,o,s,(function(e,a,_,h,l,p,u,f,c,g,y){y<0&&(y=-y),t.beginPath(),t.moveTo(_,h),t.arc(n,r,o,e,a,!1),"round"==i.arcEndCap?t.arc(.5*(u+c),.5*(f+g),y,a-Math.PI,a,!0):"-round"==i.arcEndCap?t.arc(.5*(u+c),.5*(f+g),y,a-Math.PI,a,!1):t.lineTo(c,g),t.arc(n,r,s,a,e,!0),"round"==i.arcStartCap?t.arc(.5*(_+l),.5*(h+p),y,e,e-Math.PI,!0):"-round"==i.arcStartCap?t.arc(.5*(_+l),.5*(h+p),y,e,e-Math.PI,!1):t.lineTo(_,h)})),"butt"==i.arcStartCap&&t.closePath(),t},o=function(t,i,e,n){return t.beginPath(),t.moveTo(i+n,e),t.arc(i,e,n,0,2*Math.PI),t},s=function(t,i,e,n,r){return t.beginPath(),t.rect(i,e,n,r),t};function a(t,i,e,n,r){for(var o=0,s="",a=0;a<i.length;a++)t.measureText(s+i[a]).width>e||/\n$/.test(s)?(r(s,((o+=1)-.5)*n),s=i[a]):a==i.length-1?(o+=1,r(s+i[a],(o-.5)*n)):s+=i[a];return o*n}var _=function(){function t(t,i,e,n){void 0===i&&(i={}),void 0===n&&(n=!1),this.__region=null,this.__onlyRegion=!1,this.__specialConfig={fontSize:16,fontFamily:"sans-serif",fontWeight:400,fontStyle:"normal",arcStartCap:"butt",arcEndCap:"butt"},this.__initConfig={fillStyle:"black",strokeStyle:"black",lineWidth:1,textAlign:"left",textBaseline:"middle",lineDash:[],shadowBlur:0,shadowColor:"black"},this.painter=t.getContext("2d",i),this.__region=e,this.__isPainter=n,this.painter.textBaseline="middle",this.painter.textAlign="left"}return t.prototype.useConfig=function(t,i){if(this.__region&&["fillStyle","strokeStyle","shadowBlur","shadowColor"].indexOf(t)<0&&this.__region.useConfig(t,i),this.__isPainter&&this.__onlyRegion)return this;if("lineDash"==t)this.painter.setLineDash&&this.painter.setLineDash(i);else if(t in this.__specialConfig)"fontSize"==t&&(i=Math.round(i)),this.__specialConfig[t]=i;else{if(!(t in this.__initConfig))throw new Error("Illegal configuration item of painter : "+t+" !");this.painter[t]=i}return this},t.prototype.fillText=function(t,i,e,r){return void 0===r&&(r=0),this.__region&&this.__region.fillText(t,i,e,r),this.__isPainter&&this.__onlyRegion||(this.painter.save(),n(this.painter,this.__specialConfig,i,e,r).fillText(t,0,0),this.painter.restore()),this},t.prototype.strokeText=function(t,i,e,r){return void 0===r&&(r=0),this.__region&&this.__region.strokeText(t,i,e,r),this.__isPainter&&this.__onlyRegion||(this.painter.save(),n(this.painter,this.__specialConfig,i,e,r).strokeText(t,0,0),this.painter.restore()),this},t.prototype.fullText=function(t,i,e,r){return void 0===r&&(r=0),this.__region&&this.__region.fullText(t,i,e,r),this.__isPainter&&this.__onlyRegion||(this.painter.save(),n(this.painter,this.__specialConfig,i,e,r),this.painter.fillText(t,0,0),this.painter.strokeText(t,0,0),this.painter.restore()),this},t.prototype.fillTexts=function(t,i,e,r,o,s){var _=this;void 0===o&&(o=1.2),void 0===s&&(s=0);var h=0;if(this.__region&&(h=this.__region.fillTexts(t,i,e,r,o)),this.__isPainter&&this.__onlyRegion)return h;this.painter.save(),n(this.painter,this.__specialConfig,i,e,s);var l=a(this.painter,t,r,this.__specialConfig.fontSize*o,(function(t,i){_.painter.fillText(t,0,i)}));return this.painter.restore(),l},t.prototype.strokeTexts=function(t,i,e,r,o,s){var _=this;void 0===o&&(o=1.2),void 0===s&&(s=0);var h=0;if(this.__region&&(h=this.__region.fillTexts(t,i,e,r,o)),this.__isPainter&&this.__onlyRegion)return h;this.painter.save(),n(this.painter,this.__specialConfig,i,e,s);var l=a(this.painter,t,r,this.__specialConfig.fontSize*o,(function(t,i){_.painter.strokeText(t,0,i)}));return this.painter.restore(),l},t.prototype.fullTexts=function(t,i,e,r,o,s){var _=this;void 0===o&&(o=1.2),void 0===s&&(s=0);var h=0;if(this.__region&&(h=this.__region.fillTexts(t,i,e,r,o)),this.__isPainter&&this.__onlyRegion)return h;this.painter.save(),n(this.painter,this.__specialConfig,i,e,s);var l=a(this.painter,t,r,this.__specialConfig.fontSize*o,(function(t,i){_.painter.fillText(t,0,i),_.painter.strokeText(t,0,i)}));return this.painter.restore(),l},t.prototype.beginPath=function(){return this.__region&&this.__region.beginPath(),this.__isPainter&&this.__onlyRegion||this.painter.beginPath(),this},t.prototype.closePath=function(){return this.__region&&this.__region.closePath(),this.__isPainter&&this.__onlyRegion||this.painter.closePath(),this},t.prototype.moveTo=function(t,i){return this.__region&&this.__region.moveTo(t,i),this.__isPainter&&this.__onlyRegion||this.painter.moveTo(Math.round(t)+.5,Math.round(i)+.5),this},t.prototype.lineTo=function(t,i){return this.__region&&this.__region.lineTo(t,i),this.__isPainter&&this.__onlyRegion||this.painter.lineTo(Math.round(t)+.5,Math.round(i)+.5),this},t.prototype.arc=function(t,i,e,n,r){return this.__region&&this.__region.arc(t,i,e,n,r),this.__isPainter&&this.__onlyRegion||this.painter.arc(t,i,e,n,n+r,r<0),this},t.prototype.fill=function(){return this.__region&&this.__region.fill(),this.__isPainter&&this.__onlyRegion||this.painter.fill(),this},t.prototype.stroke=function(){return this.__region&&this.__region.stroke(),this.__isPainter&&this.__onlyRegion||this.painter.stroke(),this},t.prototype.full=function(){return this.__region&&this.__region.full(),this.__isPainter&&this.__onlyRegion||(this.painter.fill(),this.painter.stroke()),this},t.prototype.save=function(){return this.__region&&this.__region.save(),this.__isPainter&&this.__onlyRegion||this.painter.save(),this},t.prototype.restore=function(){return this.__region&&this.__region.restore(),this.__isPainter&&this.__onlyRegion||this.painter.restore(),this},t.prototype.clip=function(){return this.__region&&this.__region.clip(),this.__isPainter&&this.__onlyRegion||this.painter.clip(),this},t.prototype.quadraticCurveTo=function(t,i,e,n){return this.__region&&this.__region.quadraticCurveTo(t,i,e,n),this.__isPainter&&this.__onlyRegion||this.painter.quadraticCurveTo(t,i,e,n),this},t.prototype.bezierCurveTo=function(t,i,e,n,r,o){return this.__region&&this.__region.bezierCurveTo(t,i,e,n,r,o),this.__isPainter&&this.__onlyRegion||this.painter.bezierCurveTo(t,i,e,n,r,o),this},t.prototype.clearRect=function(t,i,e,n){return this.__region&&this.__region.clearRect(t,i,e,n),this.__isPainter&&this.__onlyRegion||this.painter.clearRect(t,i,e,n),this},t.prototype.fillArc=function(t,i,e,n,o,s){return this.__region&&this.__region.fillArc(t,i,e,n,o,s),this.__isPainter&&this.__onlyRegion||r(this.painter,this.__specialConfig,t,i,e,n,o,s).fill(),this},t.prototype.strokeArc=function(t,i,e,n,o,s){return this.__region&&this.__region.strokeArc(t,i,e,n,o,s),this.__isPainter&&this.__onlyRegion||r(this.painter,this.__specialConfig,t,i,e,n,o,s).stroke(),this},t.prototype.fullArc=function(t,i,e,n,o,s){return this.__region&&this.__region.fullArc(t,i,e,n,o,s),this.__isPainter&&this.__onlyRegion||(r(this.painter,this.__specialConfig,t,i,e,n,o,s),this.painter.fill(),this.painter.stroke()),this},t.prototype.fillCircle=function(t,i,e){return this.__region&&this.__region.fillCircle(t,i,e),this.__isPainter&&this.__onlyRegion||o(this.painter,t,i,e).fill(),this},t.prototype.strokeCircle=function(t,i,e){return this.__region&&this.__region.strokeCircle(t,i,e),this.__isPainter&&this.__onlyRegion||o(this.painter,t,i,e).stroke(),this},t.prototype.fullCircle=function(t,i,e){return this.__region&&this.__region.fullCircle(t,i,e),this.__isPainter&&this.__onlyRegion||(o(this.painter,t,i,e),this.painter.fill(),this.painter.stroke()),this},t.prototype.fillRect=function(t,i,e,n){return this.__region&&this.__region.fillRect(t,i,e,n),this.__isPainter&&this.__onlyRegion||s(this.painter,t,i,e,n).fill(),this},t.prototype.strokeRect=function(t,i,e,n){return this.__region&&this.__region.strokeRect(t,i,e,n),this.__isPainter&&this.__onlyRegion||s(this.painter,t,i,e,n).stroke(),this},t.prototype.fullRect=function(t,i,e,n){return this.__region&&this.__region.fullRect(t,i,e,n),this.__isPainter&&this.__onlyRegion||(s(this.painter,t,i,e,n),this.painter.fill(),this.painter.stroke()),this},t.prototype.draw=function(){},t}(),h={"font-size":"fontSize","font-family":"fontFamily","font-weight":"fontWeight","font-style":"fontStyle","arc-start-cap":"arcStartCap","arc-end-cap":"arcEndCap"},l=function(t){function e(i,e){var n=t.call(this,i,{},e?new _(e,{willReadFrequently:!0}):null,!0)||this;return n.name="Canvas",n.__regionList={},n.__regionAssemble=function(t,i,e,n){for(var r=[],o=0;o<n;o++)r[o]=t;return function(){for(var o=0;o<n;o++){if(r[o]+e<i){r[o]=+(r[o]+e).toFixed(7);break}o<n-1&&(r[o]=t)}return r}}(0,255,10,3),n.setRegion(""),n}return i(e,t),e.prototype.config=function(t){for(var i in t){var e=h[i]||i;this.useConfig(e,t[i])}return this},e.prototype.onlyRegion=function(t){return this.__onlyRegion=t,this},e.prototype.setRegion=function(t){if(this.__region)if(t){if(null==this.__regionList[t]){var i=this.__regionAssemble();this.__regionList[t]="rgb("+i[0]+","+i[1]+","+i[2]+")"}this.__region.useConfig("fillStyle",this.__regionList[t])&&this.__region.useConfig("strokeStyle",this.__regionList[t])}else this.__region.useConfig("fillStyle","#000000")&&this.__region.useConfig("strokeStyle","#000000");return this},e.prototype.getRegion=function(t,i){var e=this;return new Promise((function(n,r){var o=e.__region?e.__region.painter.getImageData(t-.5,i-.5,1,1):{data:[0,0,0,0]},s=o.data,a=function(){if(e.__region)for(var t in e.__regionList)if("rgb("+s[0]+","+s[1]+","+s[2]+")"==e.__regionList[t]){n(t);break}n("")};s?a():o.then((function(t){s=t,a()}))}))},e.prototype.textWidth=function(t){this.painter.save(),n(this.painter,this.__specialConfig,0,0,0);var i=this.painter.measureText(t+"").width;return this.painter.restore(),i},e.prototype.getContext=function(t){return void 0===t&&(t=!1),t?this.__region?this.__region.painter:null:this.painter},e.prototype.createLinearGradient=function(t,i,e,n){return function(t,i,e,n,r){var o=t.createLinearGradient(i,e,n,r),s={value:function(){return o},setColor:function(t,i){return o.addColorStop(t,i),s}};return s}(this.painter,t,i,e,n)},e.prototype.createRadialGradient=function(t,i,e){return function(t,i,e,n){var r=t.createRadialGradient(i,e,0,i,e,n),o={value:function(){return r},setColor:function(t,i){return r.addColorStop(t,i),o}};return o}(this.painter,t,i,e)},e.prototype.getColor=function(t,i){var e=this.painter.getImageData(t-.5,i-.5,1,1).data;return"rgba("+e[0]+","+e[1]+","+e[2]+","+e[3]+")"},e}(_);return function(t){function e(i,e){void 0===e&&(e={});var n=this;if(!i)throw new Error("VISLite Canvas:The mount point requires an HTMLElement type but encountered null.");e=function(t,i){for(var e in t)i[e]=t[e];return i}(e,{region:!0});var r,o,s=i.clientWidth,a=i.clientHeight,_=i;_._vislite_canvas_?(r=_._vislite_canvas_[0],o=_._vislite_canvas_[1]):(r=document.createElement("canvas"),i.appendChild(r),e.region&&(o=document.createElement("canvas")),_._vislite_canvas_=[r,o],i.setAttribute("vislite","Canvas"));for(var h=0,l=[r,o];h<l.length;h++){var p=l[h];p&&(p.style.width=s+"px",p.setAttribute("width",s+""),p.style.height=a+"px",p.setAttribute("height",a+""))}return(n=t.call(this,r,o)||this).__canvas=r,n}return i(e,t),e.prototype.toDataURL=function(){var t=this;return new Promise((function(i){i(t.__canvas.toDataURL())}))},e}(l)},"object"==typeof exports&&"undefined"!=typeof module?module.exports=i():"function"==typeof define&&define.amd?define(i):(t="undefined"!=typeof globalThis?globalThis:t||self).VISLite_Canvas=i();

package/lib/Cardinal/index.umd.js

@@ -1,12 +1,12 @@
 /*!
-* VISLite JavaScript Library v0.4.1-alpha.2
+* VISLite JavaScript Library v0.4.1-beta.0
 * git+https://github.com/oi-contrib/VISLite.git
 *
 * Copyright zxl20070701
 * Released under the MIT license
 * https://zxl20070701.github.io/notebook/home.html
 * 
-* Publish Date:  Sat Aug 12 2023 23:34:54 GMT+0800 (中国标准时间)
+* Publish Date:  Wed Aug 23 2023 22:06:27 GMT+0800 (中国标准时间)
 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :

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

@@ -1,11 +1,11 @@
 /*!
-* VISLite JavaScript Library v0.4.1-alpha.2
+* VISLite JavaScript Library v0.4.1-beta.0
 * git+https://github.com/oi-contrib/VISLite.git
 *
 * Copyright zxl20070701
 * Released under the MIT license
 * https://zxl20070701.github.io/notebook/home.html
 * 
-* Publish Date:  Sat Aug 12 2023 23:34:54 GMT+0800 (中国标准时间)
+* Publish Date:  Wed Aug 23 2023 22:06:27 GMT+0800 (中国标准时间)
 */
 var t,i;t=this,i=function(){"use strict";var t=function(){function t(t){void 0===t&&(t=.5),this.name="Hermite",this.__u=t}return t.prototype.setP=function(t,i,_,h,s,e){if(!(t<_))throw new Error("The point x-position should be increamented!");this.__a=t,this.__b=_;var n=this.__u*s,o=this.__u*e;return i/=_-t,h/=_-t,this.__MR=[2*i-2*h+n+o,3*h-3*i-2*n-o,n,i],this},t.prototype.use=function(t){if(this.__MR){var i=(t-this.__a)/(this.__b-this.__a),_=i*i;return(i*_*this.__MR[0]+_*this.__MR[1]+i*this.__MR[2]+this.__MR[3])*(this.__b-this.__a)}throw new Error("You shoud first set the position!")},t}();return function(){function i(t){void 0===t&&(t=0),this.name="Cardinal",this.__t=t}return i.prototype.setP=function(i){this.__HS={x:[],h:[]};var _,h,s=(i[1][1]-i[0][1])/(i[1][0]-i[0][0]);for(this.__HS.x[0]=i[0][0],_=1;_<i.length;_++){if(i[_][0]<=i[_-1][0])throw new Error("The point position should be increamented!");this.__HS.x[_]=i[_][0],h=_<i.length-1?i[_+1][1]>i[_][1]&&i[_-1][1]>i[_][1]||i[_+1][1]<i[_][1]&&i[_-1][1]<i[_][1]||i[_+1][1]==i[_][1]||i[_-1][1]==i[_][1]?0:(i[_+1][1]-i[_-1][1])/(i[_+1][0]-i[_-1][0]):(i[_][1]-i[_-1][1])/(i[_][0]-i[_-1][0]),this.__HS.h[_-1]=new t(.5*(1-this.__t)).setP(i[_-1][0],i[_-1][1],i[_][0],i[_][1],s,h),s=h}return this},i.prototype.use=function(t){if(this.__HS){for(this.__i=-1;this.__i+1<this.__HS.x.length&&(t>this.__HS.x[this.__i+1]||-1==this.__i&&t>=this.__HS.x[this.__i+1]);)this.__i+=1;return this.__i<0?this.__HS.h[0].use(this.__HS.x[0]):this.__i>=this.__HS.h.length?this.__HS.h[this.__HS.h.length-1].use(this.__HS.x[this.__HS.x.length-1]):this.__HS.h[this.__i].use(t)}throw new Error("You shoud first set the position!")},i}()},"object"==typeof exports&&"undefined"!=typeof module?module.exports=i():"function"==typeof define&&define.amd?define(i):(t="undefined"!=typeof globalThis?globalThis:t||self).VISLite_Cardinal=i();

package/lib/Eoap/index.umd.js

@@ -1,12 +1,12 @@
 /*!
-* VISLite JavaScript Library v0.4.1-alpha.2
+* VISLite JavaScript Library v0.4.1-beta.0
 * git+https://github.com/oi-contrib/VISLite.git
 *
 * Copyright zxl20070701
 * Released under the MIT license
 * https://zxl20070701.github.io/notebook/home.html
 * 
-* Publish Date:  Sat Aug 12 2023 23:34:54 GMT+0800 (中国标准时间)
+* Publish Date:  Wed Aug 23 2023 22:06:27 GMT+0800 (中国标准时间)
 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :

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

@@ -1,11 +1,11 @@
 /*!
-* VISLite JavaScript Library v0.4.1-alpha.2
+* VISLite JavaScript Library v0.4.1-beta.0
 * git+https://github.com/oi-contrib/VISLite.git
 *
 * Copyright zxl20070701
 * Released under the MIT license
 * https://zxl20070701.github.io/notebook/home.html
 * 
-* Publish Date:  Sat Aug 12 2023 23:34:54 GMT+0800 (中国标准时间)
+* Publish Date:  Wed Aug 23 2023 22:06:27 GMT+0800 (中国标准时间)
 */
 var t,e;t=this,e=function(){"use strict";var t=function(t,e,n,i){var o=Math.cos(t),a=Math.sin(t);return[e*o-n*a,e*a+n*o,i]};return function(){function e(t,e){void 0===t&&(t=7),void 0===e&&(e=[107,36]),this.name="Eoap",this.__scale=t,this.__center=e}return e.prototype.use=function(e,n){var i,o,a,s,r,h,u=(i=(360-n)/180*Math.PI,o=100*this.__scale,a=0,s=0,r=Math.cos(i),h=Math.sin(i),[s*h+o*r,a,s*r-o*h]);return u=t(e/180*Math.PI,u[0],u[1],u[2]),u=t((90-this.__center[0])/180*Math.PI,u[0],u[1],u[2]),u=function(t,e,n,i){var o=Math.cos(t),a=Math.sin(t);return[e,n*o-i*a,n*a+i*o]}((90-this.__center[1])/180*Math.PI,u[0],u[1],u[2]),[-u[0],u[1],u[2]]},e}()},"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).VISLite_Eoap=e();

package/lib/Hermite/index.umd.js

@@ -1,12 +1,12 @@
 /*!
-* VISLite JavaScript Library v0.4.1-alpha.2
+* VISLite JavaScript Library v0.4.1-beta.0
 * git+https://github.com/oi-contrib/VISLite.git
 *
 * Copyright zxl20070701
 * Released under the MIT license
 * https://zxl20070701.github.io/notebook/home.html
 * 
-* Publish Date:  Sat Aug 12 2023 23:34:54 GMT+0800 (中国标准时间)
+* Publish Date:  Wed Aug 23 2023 22:06:27 GMT+0800 (中国标准时间)
 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :