vislite 0.1.0 → 0.2.0-alpha.7

package/AUTHORS.txt

@@ -1,6 +1,6 @@
-Authors ordered by first contribution.
-
-zxl20070701 <1904314465@qq.com> <https://github.com/zxl20070701>
-
------------------------------------------------------
-We thank all of them for their contributions!
+Authors ordered by first contribution.
+
+zxl20070701 <1904314465@qq.com> <https://github.com/zxl20070701>
+
+-----------------------------------------------------
+We thank all of them for their contributions!

package/CHANGELOG

@@ -13,4 +13,27 @@ v0.1.0:
           （包括：Hermite、Cardinal）
         7、getLoopColors 循环色彩
         8、animation 动画
-        9、ruler 刻度尺
+        9、ruler 刻度尺
+v0.1.1:
+    date:2023-05-07
+    changes:
+      - 修复bug
+        1、解决uni-app和微信小程序组件ui-canvas未绑定事件点击报错问题
+v0.2.0:
+    date:
+    changes:
+      - 修复bug
+        1、为解决this问题，同时优化参数内容，修改了uni-app和微信小程序组件ui-canvas事件语法
+          （对旧语法进行了向下兼容）
+        2、校对types中定义的类型信息
+      - 优化改造
+        1、针对Canvas和SVG的画笔配置config的属性名，统一使用小驼峰
+          （对旧语法进行了向下兼容）
+      - 新增功能
+        1、WebGL
+          （支持平台：H5）
+        2、Mercator 墨卡托投影
+        3、Canvas新增功能
+            * 多行文字:fillTexts、strokeTexts、fullTexts
+            * 获取原始画笔:getContext
+        4、uni-app平台的ui-canvas新增cover属性配置，支持非原生渲染模式

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) zxl20070701 走一步，再走一步
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+MIT License
+
+Copyright (c) zxl20070701 走一步，再走一步
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.

package/README.md

@@ -1,39 +1,54 @@
-<div style="background-image:url('./docs/images/logo.png');width:512px;height:200px;background-position:center"></div>
-
-# VISLite
-
-```VISLite```是一个使用```TypeScript```开发的可视化库。官网地址：[https://oi-contrib.github.io/VISLite](https://oi-contrib.github.io/VISLite)
-
-主要提供了跨端的画布和计算，开发人员只需要按照文档的描述就可以非常简单的完成包括Web、uni-app、微信小程序等平台的可视化开发，除了必要的初始化差异，主要的业务代码部分不同端完全一致。
-
-## VISLite的特点
-
-- 灵活的引入方式：包括npm安装后按照```ES Module```或```CommonJS```规范引入或直接使用script标签的```CDN```方式。
-- 按需引入或全局引入：支持源码TS引入、按需JS引入或者全量引入等多种方式。
-- 简单与复杂共存：一方面我们提供了可视化需要的基础功能，你可以按照自己的需要组合使用；另一方面，为了加速开发，我们针对常见的可视化业务场景进行了封装，可以帮助你快速完成，你可以根据实际情况进行选择。
-- 向下兼容：我们向你保证，始终向下兼容```（alpha和beta版本为测试版本，不包括）```，因此，无论何时，最新版本总是最好的选择。
-
-## 需求墙
-
-我们的目标是不断完善丰富可视化功能，非常希望获得你宝贵的建议和批评，无论任何想法，都可以给我们[留言](https://github.com/oi-contrib/VISLite/issues)告诉我们。
-
-你所提的任何建议我们都会在最长一周内进行反馈说明。
-
-## 更新日志
-
-详见[正式版更新日志](./CHANGELOG)，我们会在每次发布完正式版本后更新其内容。
-
-## 下一版本
-
-我们会在这里列出下一个版本可能会提供的功能：
-
-- 添加对WebGL 3D的支持
-- 为加速开发，提供常用坐标系和布局
-
-给我们[留言](https://github.com/oi-contrib/VISLite/issues)告诉我们你希望快速扩展的功能，我们会优先你的建议考虑哦～
-
-## 版权
-
-MIT License
-
+- 开源不易，去 <i>[Github给个Star](https://github.com/oi-contrib/VISLite) </i>吧！
+
+<img src='https://oi-contrib.github.io/VISLite/images/logo.png' height='300px'/>
+
+<p>
+    <a href="https://www.npmjs.com/package/vislite?activeTab=versions">
+        <img src="https://img.shields.io/npm/dm/vislite.svg" alt="downloads">
+    </a>
+    <a href="https://www.npmjs.com/package/vislite">
+        <img src="https://img.shields.io/npm/v/vislite.svg" alt="Version">
+    </a>
+    <a href="https://github.com/oi-contrib/VISLite" target='_blank'>
+        <img alt="GitHub repo stars" src="https://img.shields.io/github/stars/oi-contrib/VISLite?style=social">
+    </a>
+</p>
+
+# VISLite
+
+```VISLite```是一个使用```TypeScript```开发的可视化库。官网地址：[https://oi-contrib.github.io/VISLite](https://oi-contrib.github.io/VISLite)
+
+主要提供了跨端的画布和计算，开发人员只需要按照文档的描述就可以非常简单的完成包括Web、uni-app、微信小程序等平台的可视化开发，除了必要的初始化差异，主要的业务代码部分不同端完全一致。
+
+## 特点
+
+- 灵活的引入方式：包括npm安装后按照```ES Module```或```CommonJS```规范引入或直接使用script标签的```CDN```方式。
+- 按需引入或全局引入：支持源码TS引入、按需JS引入或者全量引入等多种方式。
+- 简单与复杂共存：一方面我们提供了可视化需要的基础功能，你可以按照自己的需要组合使用；另一方面，为了加速开发，我们针对常见的可视化业务场景进行了封装，可以帮助你快速完成，你可以根据实际情况进行选择。
+- 向下兼容：我们向你保证，始终向下兼容```（alpha和beta版本为测试版本，不包括）```，因此，无论何时，最新版本总是最好的选择。
+
+## 需求墙
+
+我们的目标是不断完善丰富可视化功能，非常希望获得你宝贵的建议和批评，无论任何想法，都可以给我们[留言](https://github.com/oi-contrib/VISLite/issues)告诉我们。
+
+你所提的任何建议我们都会在最长一周内进行反馈说明。
+
+## 更新日志
+
+详见[正式版更新日志](./CHANGELOG)，我们会在每次发布完正式版本后更新其内容。
+
+## 下一步
+
+我们会在这里列出接下来的工作重心：
+
+- Canvas、SVG和WebGL画笔功能丰富
+- 为加速开发，提供常用坐标系和布局
+- 文档优化（提供可读性、丰富用例、补充教程）
+
+给我们[留言](https://github.com/oi-contrib/VISLite/issues)告诉我们你希望快速扩展的功能，我们会优先你的建议考虑哦～
+
+## 版权
+
+MIT License
+
 Copyright (c) [zxl20070701](https://zxl20070701.github.io/notebook/home.html) 走一步，再走一步

package/lib/Canvas/index.umd.js

@@ -1,12 +1,16 @@
 /*!
-* VISLite JavaScript Library v0.1.0
+* VISLite JavaScript Library v0.2.0-alpha.7
 * 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 Apr 29 2023 01:41:52 GMT+0800 (中国标准时间)
+* 本版本系测试版本，请认真阅读下述说明再使用：
+*
+*【测试版本细则】
+* alpha：内测版本，仅供开发人员提供测试环境而发布，后续的修改可能极具破坏性，非有明确了解前请勿直接用于项目中
+* beta：外测版本，正式发布前的确认测试，或者新功能紧急发布，一般可以直接用于实际项目，因为即使后续发现了问题，直接使用正式版即可，不会有破坏性
 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -77,7 +81,7 @@
         painter.beginPath();
         painter.translate(x, y);
         painter.rotate(deg);
-        painter.font = config['font-style'] + " " + config["font-weight"] + " " + config['font-size'] + "px " + config['font-family'];
+        painter.font = config.fontStyle + " " + config.fontWeight + " " + config.fontSize + "px " + config.fontFamily;
         return painter;
     };
     var initArc = function (painter, config, cx, cy, r1, r2, beginDeg, deg) {
@@ -99,17 +103,17 @@
             painter.beginPath();
             painter.moveTo(begInnerX, begInnerY);
             painter.arc(cx, cy, r1, beginA, endA, false);
-            if (config["arc-end-cap"] != 'round')
+            if (config.arcEndCap != 'round')
                 painter.lineTo(endOuterX, endOuterY);
             else
                 painter.arc((endInnerX + endOuterX) * 0.5, (endInnerY + endOuterY) * 0.5, r, endA - Math.PI, endA, true);
             painter.arc(cx, cy, r2, endA, beginA, true);
-            if (config["arc-start-cap"] != 'round')
+            if (config.arcStartCap != 'round')
                 painter.lineTo(begInnerX, begInnerY);
             else
                 painter.arc((begInnerX + begOuterX) * 0.5, (begInnerY + begOuterY) * 0.5, r, beginA, beginA - Math.PI, true);
         });
-        if (config["arc-start-cap"] == 'butt')
+        if (config.arcStartCap == 'butt')
             painter.closePath();
         return painter;
     };
@@ -125,17 +129,36 @@
         return painter;
     };
 
+    function texts (painter, contents, width, height, doback) {
+        var lineNumber = 0, content = "";
+        for (var i = 0; i < contents.length; i++) {
+            if (painter.measureText(content + contents[i]).width > width) {
+                lineNumber += 1;
+                doback(content, (lineNumber - 0.5) * height);
+                content = contents[i];
+            }
+            else if (i == contents.length - 1) {
+                lineNumber += 1;
+                doback(content + contents[i], (lineNumber - 0.5) * height);
+            }
+            else {
+                content += contents[i];
+            }
+        }
+        return lineNumber * height;
+    }
+
     var Painter = (function () {
         function Painter(canvas, opts, region) {
             if (opts === void 0) { opts = {}; }
             this.__region = null;
             this.__specialConfig = {
-                "font-size": 16,
-                "font-family": "sans-serif",
-                "font-weight": 400,
-                "font-style": "normal",
-                "arc-start-cap": 'butt',
-                "arc-end-cap": 'butt'
+                "fontSize": 16,
+                "fontFamily": "sans-serif",
+                "fontWeight": 400,
+                "fontStyle": "normal",
+                "arcStartCap": 'butt',
+                "arcEndCap": 'butt'
             };
             this.__initConfig = {
                 "fillStyle": 'black',
@@ -187,7 +210,7 @@
             if (this.__region)
                 this.__region.strokeText(text, x, y, deg);
             this.painter.save();
-            initText(this.painter, this.__specialConfig, x, y, deg || 0).strokeText(text, 0, 0);
+            initText(this.painter, this.__specialConfig, x, y, deg).strokeText(text, 0, 0);
             this.painter.restore();
             return this;
         };
@@ -196,12 +219,55 @@
             if (this.__region)
                 this.__region.fullText(text, x, y, deg);
             this.painter.save();
-            initText(this.painter, this.__specialConfig, x, y, deg || 0);
+            initText(this.painter, this.__specialConfig, x, y, deg);
             this.painter.fillText(text, 0, 0);
             this.painter.strokeText(text, 0, 0);
             this.painter.restore();
             return this;
         };
+        Painter.prototype.fillTexts = function (contents, x, y, width, lineHeight, deg) {
+            var _this = this;
+            if (lineHeight === void 0) { lineHeight = 1.2; }
+            if (deg === void 0) { deg = 0; }
+            if (this.__region)
+                this.__region.fillTexts(contents, x, y, width, lineHeight);
+            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) {
+                _this.painter.fillText(content, 0, top);
+            });
+            this.painter.restore();
+            return height;
+        };
+        Painter.prototype.strokeTexts = function (contents, x, y, width, lineHeight, deg) {
+            var _this = this;
+            if (lineHeight === void 0) { lineHeight = 1.2; }
+            if (deg === void 0) { deg = 0; }
+            if (this.__region)
+                this.__region.fillTexts(contents, x, y, width, lineHeight);
+            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) {
+                _this.painter.strokeText(content, 0, top);
+            });
+            this.painter.restore();
+            return height;
+        };
+        Painter.prototype.fullTexts = function (contents, x, y, width, lineHeight, deg) {
+            var _this = this;
+            if (lineHeight === void 0) { lineHeight = 1.2; }
+            if (deg === void 0) { deg = 0; }
+            if (this.__region)
+                this.__region.fillTexts(contents, x, y, width, lineHeight);
+            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) {
+                _this.painter.fillText(content, 0, top);
+                _this.painter.strokeText(content, 0, top);
+            });
+            this.painter.restore();
+            return height;
+        };
         Painter.prototype.beginPath = function () {
             if (this.__region)
                 this.__region.beginPath();
@@ -344,46 +410,56 @@
         return Painter;
     }());
 
+    function assemble (begin, end, step, count) {
+        var val = [];
+        for (var index = 0; index < count; index++)
+            val[index] = begin;
+        return function () {
+            for (var i = 0; i < count; i++) {
+                if (val[i] < end) {
+                    val[i] = +(val[i] + step).toFixed(7);
+                    break;
+                }
+                else if (i < count - 1) {
+                    val[i] = begin;
+                }
+            }
+            return val;
+        };
+    }
+
+    var oldAttrName = {
+        "font-size": "fontSize",
+        "font-family": "fontFamily",
+        "font-weight": "fontWeight",
+        "font-style": "fontStyle",
+        "arc-start-cap": "arcStartCap",
+        "arc-end-cap": "arcEndCap"
+    };
     var Canvas$1 = (function (_super) {
         __extends(Canvas, _super);
         function Canvas(ViewCanvas, RegionCanvas) {
-            var _this_1 = _super.call(this, ViewCanvas, {}, new Painter(RegionCanvas, {
+            var _this = _super.call(this, ViewCanvas, {}, new Painter(RegionCanvas, {
                 willReadFrequently: true
             })) || this;
-            _this_1.name = "Canvas";
-            _this_1.__regionList = {};
-            _this_1.__rgb = [0, 0, 0];
-            _this_1.__p = 'r';
-            _this_1.setRegion("");
-            return _this_1;
+            _this.name = "Canvas";
+            _this.__regionList = {};
+            _this.__regionAssemble = assemble(0, 255, 1, 3);
+            _this.setRegion("");
+            return _this;
         }
         Canvas.prototype.config = function (configs) {
             for (var key in configs) {
-                this.useConfig(key, configs[key]);
+                var _key = oldAttrName[key] || key;
+                this.useConfig(_key, configs[key]);
             }
             return this;
         };
         Canvas.prototype.setRegion = function (regionName) {
-            var _this = this;
             if (regionName) {
                 if (this.__regionList[regionName] == undefined) {
-                    this.__regionList[regionName] = {
-                        'r': function () {
-                            _this.__rgb[0] += 1;
-                            _this.__p = 'g';
-                            return 'rgb(' + _this.__rgb[0] + ',' + _this.__rgb[1] + ',' + _this.__rgb[2] + ')';
-                        },
-                        'g': function () {
-                            _this.__rgb[1] += 1;
-                            _this.__p = 'b';
-                            return 'rgb(' + _this.__rgb[0] + ',' + _this.__rgb[1] + ',' + _this.__rgb[2] + ')';
-                        },
-                        'b': function () {
-                            _this.__rgb[2] += 1;
-                            _this.__p = 'r';
-                            return 'rgb(' + _this.__rgb[0] + ',' + _this.__rgb[1] + ',' + _this.__rgb[2] + ')';
-                        }
-                    }[this.__p]();
+                    var tempColor = this.__regionAssemble();
+                    this.__regionList[regionName] = "rgb(" + tempColor[0] + "," + tempColor[1] + "," + tempColor[2] + ")";
                 }
                 this.__region.useConfig("fillStyle", this.__regionList[regionName]) &&
                     this.__region.useConfig("strokeStyle", this.__regionList[regionName]);
@@ -395,13 +471,13 @@
             return this;
         };
         Canvas.prototype.getRegion = function (x, y) {
-            var _this_1 = this;
+            var _this = this;
             return new Promise(function (resolve, reject) {
-                var imgData = _this_1.__region.painter.getImageData(x - 0.5, y - 0.5, 1, 1);
+                var imgData = _this.__region.painter.getImageData(x - 0.5, y - 0.5, 1, 1);
                 var currentRGBA = imgData.data;
                 var doit = function () {
-                    for (var key in _this_1.__regionList) {
-                        if ("rgb(" + currentRGBA[0] + "," + currentRGBA[1] + "," + currentRGBA[2] + ")" == _this_1.__regionList[key]) {
+                    for (var key in _this.__regionList) {
+                        if ("rgb(" + currentRGBA[0] + "," + currentRGBA[1] + "," + currentRGBA[2] + ")" == _this.__regionList[key]) {
                             resolve(key);
                             break;
                         }
@@ -419,12 +495,17 @@
                 }
             });
         };
+        Canvas.prototype.getContext = function (isRegion) {
+            if (isRegion === void 0) { isRegion = false; }
+            return isRegion ? this.__region.painter : this.painter;
+        };
         return Canvas;
     }(Painter));
 
     var Canvas = (function (_super) {
         __extends(Canvas, _super);
         function Canvas(el) {
+            var _this = this;
             if (!el) {
                 throw new Error("VISLite Canvas:The mount point requires an HTMLElement type but encountered null.");
             }
@@ -440,7 +521,7 @@
                 el.appendChild(ViewCanvas);
                 RegionCanvas = document.createElement('canvas');
                 _el._vislite_canvas_ = [ViewCanvas, RegionCanvas];
-                el.setAttribute('vislite', 'inited');
+                el.setAttribute('vislite', 'Canvas');
             }
             for (var _i = 0, _a = [ViewCanvas, RegionCanvas]; _i < _a.length; _i++) {
                 var canvas = _a[_i];
@@ -449,8 +530,16 @@
                 canvas.style.height = height + "px";
                 canvas.setAttribute('height', height + "");
             }
-            return _super.call(this, ViewCanvas, RegionCanvas) || this;
+            _this = _super.call(this, ViewCanvas, RegionCanvas) || this;
+            _this.__canvas = ViewCanvas;
+            return _this;
         }
+        Canvas.prototype.toDataURL = function () {
+            var _this = this;
+            return new Promise(function (resolve) {
+                resolve(_this.__canvas.toDataURL());
+            });
+        };
         return Canvas;
     }(Canvas$1));
 

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

@@ -1,11 +1,15 @@
 /*!
-* VISLite JavaScript Library v0.1.0
+* VISLite JavaScript Library v0.2.0-alpha.7
 * 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 Apr 29 2023 01:41:52 GMT+0800 (中国标准时间)
+* 本版本系测试版本，请认真阅读下述说明再使用：
+*
+*【测试版本细则】
+* alpha：内测版本，仅供开发人员提供测试环境而发布，后续的修改可能极具破坏性，非有明确了解前请勿直接用于项目中
+* beta：外测版本，正式发布前的确认测试，或者新功能紧急发布，一般可以直接用于实际项目，因为即使后续发现了问题，直接使用正式版即可，不会有破坏性
 */
-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)}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["font-style"]+" "+i["font-weight"]+" "+i["font-size"]+"px "+i["font-family"],t},n=function(t,i,r,n,o,s,h,_){if(o>s){var a=o;o=s,s=a}return h%=2*Math.PI,_>=1.999999*Math.PI||_<=1.999999*-Math.PI?_=2*Math.PI:_%=2*Math.PI,function(t,i,r,n,o,s,h){i<0&&(t+=i,i*=-1);var _,a=[];_=e(0,0,t,o,0),a[0]=_[0],a[1]=_[1],_=e(0,0,i,_[0],_[1]),a[2]=_[0],a[3]=_[1],_=e(0,0,t,s,0),a[4]=_[0],a[5]=_[1],_=e(0,0,i,_[0],_[1]),a[6]=_[0],a[7]=_[1],h(t,t+i,a[0]+r,a[1]+n,a[4]+r,a[5]+n,a[2]+r,a[3]+n,a[6]+r,a[7]+n,.5*(s-o))}(h,_,r,n,o,s,(function(e,h,_,a,l,u,p,f,c,g,y){y<0&&(y=-y),t.beginPath(),t.moveTo(_,a),t.arc(r,n,o,e,h,!1),"round"!=i["arc-end-cap"]?t.lineTo(c,g):t.arc(.5*(p+c),.5*(f+g),y,h-Math.PI,h,!0),t.arc(r,n,s,h,e,!0),"round"!=i["arc-start-cap"]?t.lineTo(_,a):t.arc(.5*(_+l),.5*(a+u),y,e,e-Math.PI,!0)})),"butt"==i["arc-start-cap"]&&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},h=function(){function t(t,i,e){void 0===i&&(i={}),this.__region=null,this.__specialConfig={"font-size":16,"font-family":"sans-serif","font-weight":400,"font-style":"normal","arc-start-cap":"butt","arc-end-cap":"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)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||0).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||0),this.painter.fillText(t,0,0),this.painter.strokeText(t,0,0),this.painter.restore(),this},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.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}(),_=function(t){function e(i,e){var r=t.call(this,i,{},new h(e,{willReadFrequently:!0}))||this;return r.name="Canvas",r.__regionList={},r.__rgb=[0,0,0],r.__p="r",r.setRegion(""),r}return i(e,t),e.prototype.config=function(t){for(var i in t)this.useConfig(i,t[i]);return this},e.prototype.setRegion=function(t){var i=this;return t?(null==this.__regionList[t]&&(this.__regionList[t]={r:function(){return i.__rgb[0]+=1,i.__p="g","rgb("+i.__rgb[0]+","+i.__rgb[1]+","+i.__rgb[2]+")"},g:function(){return i.__rgb[1]+=1,i.__p="b","rgb("+i.__rgb[0]+","+i.__rgb[1]+","+i.__rgb[2]+")"},b:function(){return i.__rgb[2]+=1,i.__p="r","rgb("+i.__rgb[0]+","+i.__rgb[1]+","+i.__rgb[2]+")"}}[this.__p]()),this.__region.useConfig("fillStyle",this.__regionList[t])&&this.__region.useConfig("strokeStyle",this.__regionList[t])):this.__region.useConfig("fillStyle","#000000")&&this.__region.useConfig("strokeStyle","#000000"),this},e.prototype.getRegion=function(t,i){var e=this;return new Promise((function(r,n){var o=e.__region.painter.getImageData(t-.5,i-.5,1,1),s=o.data,h=function(){for(var t in e.__regionList)if("rgb("+s[0]+","+s[1]+","+s[2]+")"==e.__regionList[t]){r(t);break}r("")};s?h():o.then((function(t){s=t,h()}))}))},e}(h);return function(t){function e(i){if(!i)throw new Error("VISLite Canvas:The mount point requires an HTMLElement type but encountered null.");var e,r,n=i.clientWidth,o=i.clientHeight,s=i;s._vislite_canvas_?(e=s._vislite_canvas_[0],r=s._vislite_canvas_[1]):(e=document.createElement("canvas"),i.appendChild(e),r=document.createElement("canvas"),s._vislite_canvas_=[e,r],i.setAttribute("vislite","inited"));for(var h=0,_=[e,r];h<_.length;h++){var a=_[h];a.style.width=n+"px",a.setAttribute("width",n+""),a.style.height=o+"px",a.setAttribute("height",o+"")}return t.call(this,e,r)||this}return i(e,t),e}(_)},"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)}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,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,n,r,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]+n,_[1]+r,_[4]+n,_[5]+r,_[2]+n,_[3]+r,_[6]+n,_[7]+r,.5*(s-o))}(a,h,n,r,o,s,(function(e,a,h,_,l,f,p,u,c,g,v){v<0&&(v=-v),t.beginPath(),t.moveTo(h,_),t.arc(n,r,o,e,a,!1),"round"!=i.arcEndCap?t.lineTo(c,g):t.arc(.5*(p+c),.5*(u+g),v,a-Math.PI,a,!0),t.arc(n,r,s,a,e,!0),"round"!=i.arcStartCap?t.lineTo(h,_):t.arc(.5*(h+l),.5*(_+f),v,e,e-Math.PI,!0)})),"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?(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 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)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.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.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.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 h=this;void 0===o&&(o=1.2),void 0===s&&(s=0),this.__region&&this.__region.fillTexts(t,i,e,r,o),this.painter.save(),n(this.painter,this.__specialConfig,i,e,s);var _=a(this.painter,t,r,this.__specialConfig.fontSize*o,(function(t,i){h.painter.fillText(t,0,i)}));return this.painter.restore(),_},t.prototype.strokeTexts=function(t,i,e,r,o,s){var h=this;void 0===o&&(o=1.2),void 0===s&&(s=0),this.__region&&this.__region.fillTexts(t,i,e,r,o),this.painter.save(),n(this.painter,this.__specialConfig,i,e,s);var _=a(this.painter,t,r,this.__specialConfig.fontSize*o,(function(t,i){h.painter.strokeText(t,0,i)}));return this.painter.restore(),_},t.prototype.fullTexts=function(t,i,e,r,o,s){var h=this;void 0===o&&(o=1.2),void 0===s&&(s=0),this.__region&&this.__region.fillTexts(t,i,e,r,o),this.painter.save(),n(this.painter,this.__specialConfig,i,e,s);var _=a(this.painter,t,r,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,n,r){return this.__region&&this.__region.arc(t,i,e,n,r),this.painter.arc(t,i,e,n,n+r,r<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.quadraticCurveTo=function(t,i,e,n){return this.__region&&this.__region.quadraticCurveTo(t,i,e,n),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.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.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),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),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),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),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,n){return this.__region&&this.__region.fillRect(t,i,e,n),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),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),s(this.painter,t,i,e,n),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 n=t.call(this,i,{},new h(e,{willReadFrequently:!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]<i){r[o]=+(r[o]+e).toFixed(7);break}o<n-1&&(r[o]=t)}return r}}(0,255,1,3),n.setRegion(""),n}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(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.painter.getImageData(t-.5,i-.5,1,1),s=o.data,a=function(){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.getContext=function(t){return void 0===t&&(t=!1),t?this.__region.painter:this.painter},e}(h);return function(t){function e(i){var e=this;if(!i)throw new Error("VISLite Canvas:The mount point requires an HTMLElement type but encountered null.");var n,r,o=i.clientWidth,s=i.clientHeight,a=i;a._vislite_canvas_?(n=a._vislite_canvas_[0],r=a._vislite_canvas_[1]):(n=document.createElement("canvas"),i.appendChild(n),r=document.createElement("canvas"),a._vislite_canvas_=[n,r],i.setAttribute("vislite","Canvas"));for(var h=0,_=[n,r];h<_.length;h++){var l=_[h];l.style.width=o+"px",l.setAttribute("width",o+""),l.style.height=s+"px",l.setAttribute("height",s+"")}return(e=t.call(this,n,r)||this).__canvas=n,e}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,16 @@
 /*!
-* VISLite JavaScript Library v0.1.0
+* VISLite JavaScript Library v0.2.0-alpha.7
 * 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 Apr 29 2023 01:41:52 GMT+0800 (中国标准时间)
+* 本版本系测试版本，请认真阅读下述说明再使用：
+*
+*【测试版本细则】
+* alpha：内测版本，仅供开发人员提供测试环境而发布，后续的修改可能极具破坏性，非有明确了解前请勿直接用于项目中
+* beta：外测版本，正式发布前的确认测试，或者新功能紧急发布，一般可以直接用于实际项目，因为即使后续发现了问题，直接使用正式版即可，不会有破坏性
 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :

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

@@ -1,11 +1,15 @@
 /*!
-* VISLite JavaScript Library v0.1.0
+* VISLite JavaScript Library v0.2.0-alpha.7
 * 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 Apr 29 2023 01:41:52 GMT+0800 (中国标准时间)
+* 本版本系测试版本，请认真阅读下述说明再使用：
+*
+*【测试版本细则】
+* alpha：内测版本，仅供开发人员提供测试环境而发布，后续的修改可能极具破坏性，非有明确了解前请勿直接用于项目中
+* beta：外测版本，正式发布前的确认测试，或者新功能紧急发布，一般可以直接用于实际项目，因为即使后续发现了问题，直接使用正式版即可，不会有破坏性
 */
 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][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,16 @@
 /*!
-* VISLite JavaScript Library v0.1.0
+* VISLite JavaScript Library v0.2.0-alpha.7
 * 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 Apr 29 2023 01:41:52 GMT+0800 (中国标准时间)
+* 本版本系测试版本，请认真阅读下述说明再使用：
+*
+*【测试版本细则】
+* alpha：内测版本，仅供开发人员提供测试环境而发布，后续的修改可能极具破坏性，非有明确了解前请勿直接用于项目中
+* beta：外测版本，正式发布前的确认测试，或者新功能紧急发布，一般可以直接用于实际项目，因为即使后续发现了问题，直接使用正式版即可，不会有破坏性
 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -34,9 +38,9 @@
             this.__scale = scale;
             this.__center = center;
         }
-        Eoap.prototype.use = function (longitude, latitude) {
-            var p = rotateY((360 - latitude) / 180 * Math.PI, 100 * this.__scale, 0, 0);
-            p = rotateZ(longitude / 180 * Math.PI, p[0], p[1], p[2]);
+        Eoap.prototype.use = function (λ, φ) {
+            var p = rotateY((360 - φ) / 180 * Math.PI, 100 * this.__scale, 0, 0);
+            p = rotateZ(λ / 180 * Math.PI, p[0], p[1], p[2]);
             p = rotateZ((90 - this.__center[0]) / 180 * Math.PI, p[0], p[1], p[2]);
             p = rotateX((90 - this.__center[1]) / 180 * Math.PI, p[0], p[1], p[2]);
             return [