vislite 0.1.1 → 0.2.0-alpha.8

package/lib/index.umd.min.js

@@ -1,11 +1,15 @@
 /*!
-* VISLite JavaScript Library v0.1.1
+* VISLite JavaScript Library v0.2.0-alpha.8
 * 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 May 06 2023 20:11:58 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)]};function r(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))}var n=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},o=function(t,i,e,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,r(h,_,e,n,o,s,(function(r,h,_,a,u,l,c,f,p,g,d){d<0&&(d=-d),t.beginPath(),t.moveTo(_,a),t.arc(e,n,o,r,h,!1),"round"!=i["arc-end-cap"]?t.lineTo(p,g):t.arc(.5*(c+p),.5*(f+g),d,h-Math.PI,h,!0),t.arc(e,n,s,h,r,!0),"round"!=i["arc-start-cap"]?t.lineTo(_,a):t.arc(.5*(_+u),.5*(a+l),d,r,r-Math.PI,!0)})),"butt"==i["arc-start-cap"]&&t.closePath(),t},s=function(t,i,e,r){return t.beginPath(),t.moveTo(i+r,e),t.arc(i,e,r,0,2*Math.PI),t},h=function(t,i,e,r,n){return t.beginPath(),t.rect(i,e,r,n),t},_=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,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||0).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||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,n,s){return this.__region&&this.__region.fillArc(t,i,e,r,n,s),o(this.painter,this.__specialConfig,t,i,e,r,n,s).fill(),this},t.prototype.strokeArc=function(t,i,e,r,n,s){return this.__region&&this.__region.strokeArc(t,i,e,r,n,s),o(this.painter,this.__specialConfig,t,i,e,r,n,s).stroke(),this},t.prototype.fullArc=function(t,i,e,r,n,s){return this.__region&&this.__region.fullArc(t,i,e,r,n,s),o(this.painter,this.__specialConfig,t,i,e,r,n,s),this.painter.fill(),this.painter.stroke(),this},t.prototype.fillCircle=function(t,i,e){return this.__region&&this.__region.fillCircle(t,i,e),s(this.painter,t,i,e).fill(),this},t.prototype.strokeCircle=function(t,i,e){return this.__region&&this.__region.strokeCircle(t,i,e),s(this.painter,t,i,e).stroke(),this},t.prototype.fullCircle=function(t,i,e){return this.__region&&this.__region.fullCircle(t,i,e),s(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),h(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),h(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),h(this.painter,t,i,e,r),this.painter.fill(),this.painter.stroke(),this},t}(),a=function(t){function e(i,e){var r=t.call(this,i,{},new _(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}(_),u=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}(a),l=function(){function t(t){void 0===t&&(t=.5),this.name="Hermite",this.__u=t}return t.prototype.setP=function(t,i,e,r,n,o){if(!(t<e))throw new Error("The point x-position should be increamented!");this.__a=t,this.__b=e;var s=this.__u*n,h=this.__u*o;return i/=e-t,r/=e-t,this.__MR=[2*i-2*r+s+h,3*r-3*i-2*s-h,s,i],this},t.prototype.use=function(t){if(this.__MR){var i=(t-this.__a)/(this.__b-this.__a),e=i*i;return(i*e*this.__MR[0]+e*this.__MR[1]+i*this.__MR[2]+this.__MR[3])*(this.__b-this.__a)}throw new Error("You shoud first set the position!")},t}(),c=function(){function t(t){void 0===t&&(t=0),this.name="Cardinal",this.__t=t}return t.prototype.setP=function(t){this.__HS={x:[],h:[]};var i,e,r=(t[1][1]-t[0][1])/(t[1][0]-t[0][0]);for(this.__HS.x[0]=t[0][0],i=1;i<t.length;i++){if(t[i][0]<=t[i-1][0])throw new Error("The point position should be increamented!");this.__HS.x[i]=t[i][0],e=i<t.length-1?(t[i+1][1]-t[i-1][1])/(t[i+1][0]-t[i-1][0]):(t[i][1]-t[i-1][1])/(t[i][0]-t[i-1][0]),this.__HS.h[i-1]=new l(.5*(1-this.__t)).setP(t[i-1][0],t[i-1][1],t[i][0],t[i][1],r,e),r=e}return this},t.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!")},t}(),f=function(t,i,e,r){var n=Math.cos(t),o=Math.sin(t);return[i*n-e*o,i*o+e*n,r]},p=function(){function t(t,i){void 0===t&&(t=7),void 0===i&&(i=[107,36]),this.name="Eoap",this.__scale=t,this.__center=i}return t.prototype.use=function(t,i){var e,r,n,o,s,h,_=(e=(360-i)/180*Math.PI,r=100*this.__scale,n=0,o=0,s=Math.cos(e),h=Math.sin(e),[o*h+r*s,n,o*s-r*h]);return _=f(t/180*Math.PI,_[0],_[1],_[2]),_=f((90-this.__center[0])/180*Math.PI,_[0],_[1],_[2]),_=function(t,i,e,r){var n=Math.cos(t),o=Math.sin(t);return[i,e*n-r*o,e*o+r*n]}((90-this.__center[1])/180*Math.PI,_[0],_[1],_[2]),[-_[0],_[1],_[2]]},t}(),g=function(t,i){for(var e=[],r=0;r<4;r++)for(var n=0;n<i.length/4;n++)e[4*n+r]=t[r]*i[4*n]+t[r+4]*i[4*n+1]+t[r+8]*i[4*n+2]+t[r+12]*i[4*n+3];return e},d=function(){function t(t){void 0===t&&(t=[1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1]),this.name="Matrix4",this.__matrix4=t}return t.prototype.move=function(t,i,e,r){return void 0===r&&(r=0),this.__matrix4=g(function(t,i,e,r){void 0===r&&(r=0);var n=Math.sqrt(i*i+e*e+r*r);return[1,0,0,0,0,1,0,0,0,0,1,0,i*t/n,e*t/n,r*t/n,1]}(t,i,e,r),this.__matrix4),this},t.prototype.rotate=function(t,i,e,r,n,o,s){var h=function(t,i,e,r,n,o){if("number"==typeof t&&"number"==typeof i){if("number"!=typeof e?(e=0,r=t,n=i,o=1):"number"==typeof r&&"number"==typeof n&&"number"==typeof o||(r=t,n=i,o=e,t=0,i=0,e=0),t==r&&i==n&&e==o)throw new Error("It's not a legitimate ray!");var s=Math.sqrt((r-t)*(r-t)+(n-i)*(n-i)),h=0!=s?(n-i)/s:1,_=0!=s?(r-t)/s:0,a=(r-t)*_+(n-i)*h,u=o-e,l=Math.sqrt(a*a+u*u),c=0!=l?u/l:1,f=0!=l?a/l:0;return[[h,c*_,_*f,0,-_,h*c,h*f,0,0,-f,c,0,i*_-t*h,e*f-t*_*c-i*h*c,-t*_*f-i*h*f-e*c,1],[h,-_,0,0,c*_,c*h,-f,0,_*f,h*f,c,0,t,i,e,1]]}throw new Error("a1 and b1 is required!")}(i,e,r,n,o,s);return this.__matrix4=g(g(g(h[1],function(t){var i=Math.sin(t),e=Math.cos(t);return[e,i,0,0,-i,e,0,0,0,0,1,0,0,0,0,1]}(t)),h[0]),this.__matrix4),this},t.prototype.scale=function(t,i,e,r,n,o){return void 0===r&&(r=0),void 0===n&&(n=0),void 0===o&&(o=0),this.__matrix4=g(function(t,i,e,r,n,o){return void 0===r&&(r=0),void 0===n&&(n=0),void 0===o&&(o=0),[t,0,0,0,0,i,0,0,0,0,e,0,r-r*t,n-n*i,o-o*e,1]}(t,i,e,r,n,o),this.__matrix4),this},t.prototype.multiply=function(t,i){return void 0===i&&(i=!1),this.__matrix4=i?g(this.__matrix4,t):g(t,this.__matrix4),this},t.prototype.use=function(t,i,e,r){return void 0===e&&(e=0),void 0===r&&(r=1),g(this.__matrix4,[t,i,e,r])},t.prototype.value=function(){return this.__matrix4},t}();function v(t,i,e,r,n){var o=Math.cos(e),s=Math.sin(e);return[(r-t)*o-(n-i)*s+t,(r-t)*s+(n-i)*o+i]}var y=["href","title","show","type","role","actuate"],b=function(t,i,e){y.indexOf(i)>-1?t.setAttributeNS("http://www.w3.org/1999/xlink","xlink:"+i,e+""):t.setAttribute(i,e+"")},m=b;function w(t,i){b(t,"stroke",i.strokeStyle),b(t,"fill",i.fillStyle),b(t,"stroke-dasharray",i.lineDash.join(","))}function x(t,i){b(t,"fill",i.fillStyle)}function E(t,i){b(t,"stroke",i.strokeStyle),b(t,"fill","none"),b(t,"stroke-dasharray",i.lineDash.join(","))}var C,M=function(t,i,e,r,n){if("text"!==t.nodeName.toLowerCase())throw new Error("Need a <text> !");m(t,"dy",{top:.5*i["font-size"],middle:0,bottom:.5*-i["font-size"]}[i.textBaseline]),function(t,i){for(var e in i)t.style[e]=i[e]}(t,{"text-anchor":{left:"start",right:"end",center:"middle"}[i.textAlign],"dominant-baseline":"central","font-size":i["font-size"]+"px","font-family":i["font-family"]}),m(t,"x",e),m(t,"y",r),"number"==typeof n&&m(t,"transform","rotate("+(n%=360)+","+e+","+r+")")},k=function(t,i,e,r){if("circle"!==t.nodeName.toLowerCase())throw new Error("Need a <circle> !");m(t,"cx",i),m(t,"cy",e),m(t,"r",r)},P=function(t,i){if("path"!==t.nodeName.toLowerCase())throw new Error("Need a <path> !");m(t,"d",i)},T=function(t,i,e,r,n){if("rect"!==t.nodeName.toLowerCase())throw new Error("Need a <rect> !");n<0&&(e-=n*=-1),r<0&&(i-=r*=-1),m(t,"x",i),m(t,"y",e),m(t,"width",r),m(t,"height",n)},S=function(t,i,e,n,o,s,h,_){if("path"!==t.nodeName.toLowerCase())throw new Error("Need a <path> !");if(h%=2*Math.PI,o>s){var a=o;o=s,s=a}_>=1.999999*Math.PI||_<=1.999999*-Math.PI?_=1.999999*Math.PI:_%=2*Math.PI,r(h,_,e,n,o,s,(function(e,r,n,h,_,a,u,l,c,f,p){var g=r-e>Math.PI?1:0,d="M"+n+" "+h;p<0&&(p=-p),d+="A"+o+" "+o+" 0 "+g+" 1 "+u+" "+l,"round"==i["arc-end-cap"]?d+="A"+p+" "+p+"  0 1 0 "+c+" "+f:"-round"==i["arc-end-cap"]?d+="A"+p+" "+p+"  0 1 1 "+c+" "+f:d+="L"+c+" "+f,d+="A"+s+" "+s+" 0 "+g+" 0 "+_+" "+a,"round"==i["arc-start-cap"]?d+="A"+p+" "+p+"  0 1 0 "+n+" "+h:"-round"==i["arc-start-cap"]?d+="A"+p+" "+p+"  0 1 1 "+n+" "+h:d+="L"+n+" "+h,"butt"==i["arc-start-cap"]&&(d+="Z"),m(t,"d",d)}))},A=function(){function t(t){this.name="SVG",this.__config={fillStyle:"#000",strokeStyle:"#000",lineWidth:1,textAlign:"left",textBaseline:"middle","font-size":16,"font-family":"sans-serif","arc-start-cap":"butt","arc-end-cap":"butt",lineDash:[]},this.__path="",this.__currentPosition=[],this.__svg=t}return t.prototype.config=function(t){if("object"!=typeof t)return this.__config[t];for(var i in t)this.__config[i]=t[i];return this},t.prototype.useEl=function(t){return this.__useEl=t,this},t.prototype.getEl=function(){return this.__useEl},t.prototype.appendEl=function(t,i){var e;return i=i||this.__svg,"string"==typeof t&&(e=t,t=document.createElementNS("http://www.w3.org/2000/svg",e)),i.appendChild(t),this.__useEl=t,this},t.prototype.appendBoard=function(t,i){var e=t;if("string"==typeof t&&(e={text:"text",path:"path",arc:"path",circle:"circle",rect:"rect"}[t]||""),""==e)throw new Error("Unsupported drawing method:"+t);return this.appendEl(e,i)},t.prototype.remove=function(){if(!this.__useEl)throw new Error("Currently, no node can be deleted.");return this.__useEl.parentNode.removeChild(this.__useEl),this},t.prototype.attr=function(t){if(!this.__useEl)throw new Error("Currently, no node can be modified or viewed.");if("object"!=typeof t)return function(t,i){return y.indexOf(i)>-1&&(i="xlink:"+i),t.getAttribute(i)}(this.__useEl,t);for(var i in t)m(this.__useEl,i,t[i]);return this},t.prototype.fillText=function(t,i,e,r){return void 0===r&&(r=0),M(this.__useEl,this.__config,i,e,r),this.__useEl.textContent=t,x(this.__useEl,this.__config),this},t.prototype.strokeText=function(t,i,e,r){return void 0===r&&(r=0),M(this.__useEl,this.__config,i,e,r),this.__useEl.textContent=t,E(this.__useEl,this.__config),this},t.prototype.fullText=function(t,i,e,r){return void 0===r&&(r=0),M(this.__useEl,this.__config,i,e,r),this.__useEl.textContent=t,w(this.__useEl,this.__config),this},t.prototype.fillArc=function(t,i,e,r,n,o){return S(this.__useEl,this.__config,t,i,e,r,n,o),x(this.__useEl,this.__config),this},t.prototype.strokeArc=function(t,i,e,r,n,o){return S(this.__useEl,this.__config,t,i,e,r,n,o),E(this.__useEl,this.__config),this},t.prototype.fullArc=function(t,i,e,r,n,o){return S(this.__useEl,this.__config,t,i,e,r,n,o),w(this.__useEl,this.__config),this},t.prototype.fillCircle=function(t,i,e){return k(this.__useEl,t,i,e),x(this.__useEl,this.__config),this},t.prototype.strokeCircle=function(t,i,e){return k(this.__useEl,t,i,e),E(this.__useEl,this.__config),this},t.prototype.fullCircle=function(t,i,e){return k(this.__useEl,t,i,e),w(this.__useEl,this.__config),this},t.prototype.fillRect=function(t,i,e,r){return T(this.__useEl,t,i,e,r),x(this.__useEl,this.__config),this},t.prototype.strokeRect=function(t,i,e,r){return T(this.__useEl,t,i,e,r),E(this.__useEl,this.__config),this},t.prototype.fullRect=function(t,i,e,r){return T(this.__useEl,t,i,e,r),w(this.__useEl,this.__config),this},t.prototype.beginPath=function(){return this.__currentPosition=[],this.__path="",this},t.prototype.closePath=function(){return this.__path+="Z",this},t.prototype.moveTo=function(t,i){return this.__currentPosition=[t,i],this.__path+="M"+t+" "+i,this},t.prototype.lineTo=function(t,i){return this.__currentPosition=[t,i],this.__path+=(""==this.__path?"M":"L")+t+" "+i,this},t.prototype.fill=function(){return P(this.__useEl,this.__path),x(this.__useEl,this.__config),this},t.prototype.stroke=function(){return P(this.__useEl,this.__path),E(this.__useEl,this.__config),this},t.prototype.full=function(){return P(this.__useEl,this.__path),w(this.__useEl,this.__config),this},t.prototype.arc=function(t,i,e,r,n){var o=v(t,i,r,t+e,i),s=v(t,i,r+n,t+e,i);return r=r/Math.PI*180,n=n/Math.PI*180,""==this.__path?this.__path+="M"+o[0]+","+o[1]:o[0]==this.__currentPosition[0]&&o[1]==this.__currentPosition[1]||(this.__path+="L"+o[0]+","+o[1]),this.__path+="A"+e+","+e+" 0 "+(n>180||n<-180?1:0)+","+(n>0?1:0)+" "+s[0]+","+s[1],this},t.prototype.quadraticCurveTo=function(t,i,e,r){return this.__path+="Q"+t+" "+i+","+e+" "+r,this},t.prototype.bezierCurveTo=function(t,i,e,r,n,o){return this.__path+="C"+t+" "+i+","+e+" "+r+","+n+" "+o,this},t}(),I=function(t){function e(i){if(!i)throw new Error("VISLite SVG                                                                                                                                                                                                                                                                                                                                                                                                                                                                               :The mount point requires an HTMLElement type but encountered null.");var e=i.clientWidth,r=i.clientHeight,n=document.createElementNS("http://www.w3.org/2000/svg","svg");return i.appendChild(n),n.setAttribute("width",e+""),n.setAttribute("height",r+""),n.setAttribute("viewBox","0 0 "+e+" "+r),t.call(this,n)||this}return i(e,t),e}(A),L=[];return{Canvas:u,Cardinal:c,Eoap:p,getLoopColors:function(t,i){void 0===i&&(i=1);var e=["rgba(84,112,198,"+i+")","rgba(145,204,117,"+i+")","rgba(250,200,88,"+i+")","rgba(238,102,102,"+i+")","rgba(115,192,222,"+i+")","rgba(59,162,114,"+i+")","rgba(252,132,82,"+i+")","rgba(154,96,180,"+i+")","rgba(234,124,204,"+i+")"],r=[];if(t<=e.length)return e;if(t%e.length==0)for(var n=0;n<t/e.length;n++)r=r.concat(e);else{for(var o=1;o<t/e.length;o++)r=r.concat(e);if(t%e.length==1)r=r.concat(e[4]);else for(var s=0;s<t%e.length;s++)r=r.concat(e[s])}return r},Hermite:l,Matrix4:d,rotate:v,SVG:I,animation:function(t,i,e){void 0===i&&(i=400),void 0===e&&(e=function(){});var r={timer:function(t,i,e){if(!t)throw new Error("Tick is required!");var n=(new Date).valueOf()+"_"+(1e3*Math.random()).toFixed(0);return L.push({id:n,createTime:new Date,tick:t,duration:i,callback:e}),r.start(),n},start:function(){C||(C=setInterval(r.tick,13))},tick:function(){var t,i,e,n,o,s,h,_=L;for((L=[]).length=0,i=0;i<_.length;i++)t=(o=_[i]).createTime,e=o.tick,s=o.duration,n=o.callback,e(h=(h=(+(new Date).valueOf()-t.valueOf())/s)>1?1:h),h<1&&o.id?L.push(o):n(h);L.length<=0&&r.stop()},stop:function(){C&&(clearInterval(C),C=null)}},n=r.timer((function(i){t(i)}),i,e);return function(){var t;for(t in L)if(L[t].id==n)return void(L[t].id=void 0)}},ruler:function(t,i,e){if(t<i){var r=i;i=t,t=r}else if(t==i)return[t];var n=function(t){for(var i=t<100&&t>-100?10:.1,e=-1,r=t;10==i?r>=-100&&r<=100:r<=-100||r>=100;)e+=1,r*=i;if(10==i)return Math.pow(10,e);for(var n="0.",o=1;o<e;o++)n+="0";return+(n+"1")}(t-i),o=Math.ceil((t-i)*n/e),s=(o={3:2,4:5,6:5,7:5,8:10,9:10,11:10,12:10,13:15,14:15,16:15,17:15,18:20,19:20,21:20,22:20,23:25,24:25,26:25,27:25}[o]||o)/n,h=Math.floor(i/s)*s,_=[];_.push(h);for(var a=1;_[_.length-1]<t;a++)_.push(h+s*a);return _}}},"object"==typeof exports&&"undefined"!=typeof module?module.exports=i():"function"==typeof define&&define.amd?define(i):(t="undefined"!=typeof globalThis?globalThis:t||self).VISLite=i();
+var t,e;t=this,e=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,e,i,r,n,o){if(!(t<i))throw new Error("The point x-position should be increamented!");this.__a=t,this.__b=i;var a=this.__u*n,s=this.__u*o;return e/=i-t,r/=i-t,this.__MR=[2*e-2*r+a+s,3*r-3*e-2*a-s,a,e],this},t.prototype.use=function(t){if(this.__MR){var e=(t-this.__a)/(this.__b-this.__a),i=e*e;return(e*i*this.__MR[0]+i*this.__MR[1]+e*this.__MR[2]+this.__MR[3])*(this.__b-this.__a)}throw new Error("You shoud first set the position!")},t}(),e=function(){function e(t){void 0===t&&(t=0),this.name="Cardinal",this.__t=t}return e.prototype.setP=function(e){this.__HS={x:[],h:[]};var i,r,n=(e[1][1]-e[0][1])/(e[1][0]-e[0][0]);for(this.__HS.x[0]=e[0][0],i=1;i<e.length;i++){if(e[i][0]<=e[i-1][0])throw new Error("The point position should be increamented!");this.__HS.x[i]=e[i][0],r=i<e.length-1?(e[i+1][1]-e[i-1][1])/(e[i+1][0]-e[i-1][0]):(e[i][1]-e[i-1][1])/(e[i][0]-e[i-1][0]),this.__HS.h[i-1]=new t(.5*(1-this.__t)).setP(e[i-1][0],e[i-1][1],e[i][0],e[i][1],n,r),n=r}return this},e.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!")},e}(),i=function(t,e){for(var i=[],r=0;r<4;r++)for(var n=0;n<e.length/4;n++)i[4*n+r]=t[r]*e[4*n]+t[r+4]*e[4*n+1]+t[r+8]*e[4*n+2]+t[r+12]*e[4*n+3];return i},r=function(){function t(t){void 0===t&&(t=[1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1]),this.name="Matrix4",this.__matrix4=t}return t.prototype.move=function(t,e,r,n){return void 0===n&&(n=0),this.__matrix4=i(function(t,e,i,r){void 0===r&&(r=0);var n=Math.sqrt(e*e+i*i+r*r);return[1,0,0,0,0,1,0,0,0,0,1,0,e*t/n,i*t/n,r*t/n,1]}(t,e,r,n),this.__matrix4),this},t.prototype.rotate=function(t,e,r,n,o,a,s){var _=function(t,e,i,r,n,o){if("number"==typeof t&&"number"==typeof e){if("number"!=typeof i?(i=0,r=t,n=e,o=1):"number"==typeof r&&"number"==typeof n&&"number"==typeof o||(r=t,n=e,o=i,t=0,e=0,i=0),t==r&&e==n&&i==o)throw new Error("It's not a legitimate ray!");var a=Math.sqrt((r-t)*(r-t)+(n-e)*(n-e)),s=0!=a?(n-e)/a:1,_=0!=a?(r-t)/a:0,h=(r-t)*_+(n-e)*s,u=o-i,l=Math.sqrt(h*h+u*u),c=0!=l?u/l:1,f=0!=l?h/l:0;return[[s,c*_,_*f,0,-_,s*c,s*f,0,0,-f,c,0,e*_-t*s,i*f-t*_*c-e*s*c,-t*_*f-e*s*f-i*c,1],[s,-_,0,0,c*_,c*s,-f,0,_*f,s*f,c,0,t,e,i,1]]}throw new Error("a1 and b1 is required!")}(e,r,n,o,a,s);return this.__matrix4=i(i(i(_[1],function(t){var e=Math.sin(t),i=Math.cos(t);return[i,e,0,0,-e,i,0,0,0,0,1,0,0,0,0,1]}(t)),_[0]),this.__matrix4),this},t.prototype.scale=function(t,e,r,n,o,a){return void 0===n&&(n=0),void 0===o&&(o=0),void 0===a&&(a=0),this.__matrix4=i(function(t,e,i,r,n,o){return void 0===r&&(r=0),void 0===n&&(n=0),void 0===o&&(o=0),[t,0,0,0,0,e,0,0,0,0,i,0,r-r*t,n-n*e,o-o*i,1]}(t,e,r,n,o,a),this.__matrix4),this},t.prototype.multiply=function(t,e){return void 0===e&&(e=!1),this.__matrix4=e?i(this.__matrix4,t):i(t,this.__matrix4),this},t.prototype.use=function(t,e,r,n){return void 0===r&&(r=0),void 0===n&&(n=1),i(this.__matrix4,[t,e,r,n])},t.prototype.value=function(){return this.__matrix4},t}();function n(t,e,i,r,n){var o=Math.cos(i),a=Math.sin(i);return[(r-t)*o-(n-e)*a+t,(r-t)*a+(n-e)*o+e]}var o,a=[],s=function(t,e){return s=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i])},s(t,e)};function _(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function i(){this.constructor=t}s(t,e),t.prototype=null===e?Object.create(e):(i.prototype=e.prototype,new i)}function h(t,e,i){if(i||2===arguments.length)for(var r,n=0,o=e.length;n<o;n++)!r&&n in e||(r||(r=Array.prototype.slice.call(e,0,n)),r[n]=e[n]);return t.concat(r||Array.prototype.slice.call(e))}var u=["href","title","show","type","role","actuate"],l=function(t,e,i){u.indexOf(e)>-1?t.setAttributeNS("http://www.w3.org/1999/xlink","xlink:"+e,i+""):t.setAttribute(e,i+"")},c=l;function f(t,e){l(t,"stroke",e.strokeStyle),l(t,"fill",e.fillStyle),l(t,"stroke-dasharray",e.lineDash.join(","))}function p(t,e){l(t,"fill",e.fillStyle)}function g(t,e){l(t,"stroke",e.strokeStyle),l(t,"fill","none"),l(t,"stroke-dasharray",e.lineDash.join(","))}var m=function(t,e,i,r,n){var o=Math.cos(i),a=Math.sin(i);return[+((r-t)*o-(n-e)*a+t).toFixed(7),+((r-t)*a+(n-e)*o+e).toFixed(7)]};function v(t,e,i,r,n,o,a){e<0&&(t+=e,e*=-1);var s,_=[];s=m(0,0,t,n,0),_[0]=s[0],_[1]=s[1],s=m(0,0,e,s[0],s[1]),_[2]=s[0],_[3]=s[1],s=m(0,0,t,o,0),_[4]=s[0],_[5]=s[1],s=m(0,0,e,s[0],s[1]),_[6]=s[0],_[7]=s[1],a(t,t+e,_[0]+i,_[1]+r,_[4]+i,_[5]+r,_[2]+i,_[3]+r,_[6]+i,_[7]+r,.5*(o-n))}var d=function(t,e,i,r,n){if("text"!==t.nodeName.toLowerCase())throw new Error("Need a <text> !");c(t,"dy",{top:.5*e["font-size"],middle:0,bottom:.5*-e["font-size"]}[e.textBaseline]),function(t,e){for(var i in e)t.style[i]=e[i]}(t,{"text-anchor":{left:"start",right:"end",center:"middle"}[e.textAlign],"dominant-baseline":"central","font-size":e["font-size"]+"px","font-family":e["font-family"]}),c(t,"x",i),c(t,"y",r),"number"==typeof n&&c(t,"transform","rotate("+(n%=360)+","+i+","+r+")")},y=function(t,e,i,r){if("circle"!==t.nodeName.toLowerCase())throw new Error("Need a <circle> !");c(t,"cx",e),c(t,"cy",i),c(t,"r",r)},E=function(t,e){if("path"!==t.nodeName.toLowerCase())throw new Error("Need a <path> !");c(t,"d",e)},b=function(t,e,i,r,n){if("rect"!==t.nodeName.toLowerCase())throw new Error("Need a <rect> !");n<0&&(i-=n*=-1),r<0&&(e-=r*=-1),c(t,"x",e),c(t,"y",i),c(t,"width",r),c(t,"height",n)},x=function(t,e,i,r,n,o,a,s){if("path"!==t.nodeName.toLowerCase())throw new Error("Need a <path> !");if(a%=2*Math.PI,n>o){var _=n;n=o,o=_}s>=1.999999*Math.PI||s<=1.999999*-Math.PI?s=1.999999*Math.PI:s%=2*Math.PI,v(a,s,i,r,n,o,(function(i,r,a,s,_,h,u,l,f,p,g){var m=r-i>Math.PI?1:0,v="M"+a+" "+s;g<0&&(g=-g),v+="A"+n+" "+n+" 0 "+m+" 1 "+u+" "+l,"round"==e["arc-end-cap"]?v+="A"+g+" "+g+"  0 1 0 "+f+" "+p:"-round"==e["arc-end-cap"]?v+="A"+g+" "+g+"  0 1 1 "+f+" "+p:v+="L"+f+" "+p,v+="A"+o+" "+o+" 0 "+m+" 0 "+_+" "+h,"round"==e["arc-start-cap"]?v+="A"+g+" "+g+"  0 1 0 "+a+" "+s:"-round"==e["arc-start-cap"]?v+="A"+g+" "+g+"  0 1 1 "+a+" "+s:v+="L"+a+" "+s,"butt"==e["arc-start-cap"]&&(v+="Z"),c(t,"d",v)}))},w={"font-size":"fontSize","font-family":"fontFamily","arc-start-cap":"arcStartCap","arc-end-cap":"arcEndCap"},T=function(){function t(t){this.name="SVG",this.__config={fillStyle:"#000",strokeStyle:"#000",lineWidth:1,textAlign:"left",textBaseline:"middle","font-size":16,"font-family":"sans-serif","arc-start-cap":"butt","arc-end-cap":"butt",lineDash:[]},this.__path="",this.__currentPosition=[],this.__svg=t}return t.prototype.config=function(t){if("object"!=typeof t)return this.__config[w[t]||t];for(var e in t){var i=w[e]||e;this.__config[i]=t[e]}return this},t.prototype.useEl=function(t){return this.__useEl=t,this},t.prototype.getEl=function(){return this.__useEl},t.prototype.appendEl=function(t,e){var i;return e=e||this.__svg,"string"==typeof t&&(i=t,t=document.createElementNS("http://www.w3.org/2000/svg",i)),e.appendChild(t),this.__useEl=t,this},t.prototype.appendBoard=function(t,e){var i=t;if("string"==typeof t&&(i={text:"text",path:"path",arc:"path",circle:"circle",rect:"rect"}[t]||""),""==i)throw new Error("Unsupported drawing method:"+t);return this.appendEl(i,e)},t.prototype.remove=function(){if(!this.__useEl)throw new Error("Currently, no node can be deleted.");return this.__useEl.parentNode.removeChild(this.__useEl),this},t.prototype.attr=function(t){if(!this.__useEl)throw new Error("Currently, no node can be modified or viewed.");if("object"!=typeof t)return function(t,e){return u.indexOf(e)>-1&&(e="xlink:"+e),t.getAttribute(e)}(this.__useEl,t);for(var e in t)c(this.__useEl,e,t[e]);return this},t.prototype.fillText=function(t,e,i,r){return void 0===r&&(r=0),d(this.__useEl,this.__config,e,i,r),this.__useEl.textContent=t,p(this.__useEl,this.__config),this},t.prototype.strokeText=function(t,e,i,r){return void 0===r&&(r=0),d(this.__useEl,this.__config,e,i,r),this.__useEl.textContent=t,g(this.__useEl,this.__config),this},t.prototype.fullText=function(t,e,i,r){return void 0===r&&(r=0),d(this.__useEl,this.__config,e,i,r),this.__useEl.textContent=t,f(this.__useEl,this.__config),this},t.prototype.fillArc=function(t,e,i,r,n,o){return x(this.__useEl,this.__config,t,e,i,r,n,o),p(this.__useEl,this.__config),this},t.prototype.strokeArc=function(t,e,i,r,n,o){return x(this.__useEl,this.__config,t,e,i,r,n,o),g(this.__useEl,this.__config),this},t.prototype.fullArc=function(t,e,i,r,n,o){return x(this.__useEl,this.__config,t,e,i,r,n,o),f(this.__useEl,this.__config),this},t.prototype.fillCircle=function(t,e,i){return y(this.__useEl,t,e,i),p(this.__useEl,this.__config),this},t.prototype.strokeCircle=function(t,e,i){return y(this.__useEl,t,e,i),g(this.__useEl,this.__config),this},t.prototype.fullCircle=function(t,e,i){return y(this.__useEl,t,e,i),f(this.__useEl,this.__config),this},t.prototype.fillRect=function(t,e,i,r){return b(this.__useEl,t,e,i,r),p(this.__useEl,this.__config),this},t.prototype.strokeRect=function(t,e,i,r){return b(this.__useEl,t,e,i,r),g(this.__useEl,this.__config),this},t.prototype.fullRect=function(t,e,i,r){return b(this.__useEl,t,e,i,r),f(this.__useEl,this.__config),this},t.prototype.beginPath=function(){return this.__currentPosition=[],this.__path="",this},t.prototype.closePath=function(){return this.__path+="Z",this},t.prototype.moveTo=function(t,e){return this.__currentPosition=[t,e],this.__path+="M"+t+" "+e,this},t.prototype.lineTo=function(t,e){return this.__currentPosition=[t,e],this.__path+=(""==this.__path?"M":"L")+t+" "+e,this},t.prototype.fill=function(){return E(this.__useEl,this.__path),p(this.__useEl,this.__config),this},t.prototype.stroke=function(){return E(this.__useEl,this.__path),g(this.__useEl,this.__config),this},t.prototype.full=function(){return E(this.__useEl,this.__path),f(this.__useEl,this.__config),this},t.prototype.arc=function(t,e,i,r,o){var a=n(t,e,r,t+i,e),s=n(t,e,r+o,t+i,e);return r=r/Math.PI*180,o=o/Math.PI*180,""==this.__path?this.__path+="M"+a[0]+","+a[1]:a[0]==this.__currentPosition[0]&&a[1]==this.__currentPosition[1]||(this.__path+="L"+a[0]+","+a[1]),this.__path+="A"+i+","+i+" 0 "+(o>180||o<-180?1:0)+","+(o>0?1:0)+" "+s[0]+","+s[1],this},t.prototype.quadraticCurveTo=function(t,e,i,r){return this.__path+="Q"+t+" "+e+","+i+" "+r,this},t.prototype.bezierCurveTo=function(t,e,i,r,n,o){return this.__path+="C"+t+" "+e+","+i+" "+r+","+n+" "+o,this},t}(),C=function(t){function e(e){if(!e)throw new Error("VISLite SVG:The mount point requires an HTMLElement type but encountered null.");var i=e.clientWidth,r=e.clientHeight,n=document.createElementNS("http://www.w3.org/2000/svg","svg");return e.appendChild(n),n.setAttribute("width",i+""),n.setAttribute("height",r+""),n.setAttribute("viewBox","0 0 "+i+" "+r),t.call(this,n)||this}return _(e,t),e}(T),A=function(t,e,i,r,n){return t.beginPath(),t.translate(i,r),t.rotate(n),t.font=e.fontStyle+" "+e.fontWeight+" "+e.fontSize+"px "+e.fontFamily,t},M=function(t,e,i,r,n,o,a,s){if(n>o){var _=n;n=o,o=_}return a%=2*Math.PI,s>=1.999999*Math.PI||s<=1.999999*-Math.PI?s=2*Math.PI:s%=2*Math.PI,v(a,s,i,r,n,o,(function(a,s,_,h,u,l,c,f,p,g,m){m<0&&(m=-m),t.beginPath(),t.moveTo(_,h),t.arc(i,r,n,a,s,!1),"round"!=e.arcEndCap?t.lineTo(p,g):t.arc(.5*(c+p),.5*(f+g),m,s-Math.PI,s,!0),t.arc(i,r,o,s,a,!0),"round"!=e.arcStartCap?t.lineTo(_,h):t.arc(.5*(_+u),.5*(h+l),m,a,a-Math.PI,!0)})),"butt"==e.arcStartCap&&t.closePath(),t},S=function(t,e,i,r){return t.beginPath(),t.moveTo(e+r,i),t.arc(e,i,r,0,2*Math.PI),t},P=function(t,e,i,r,n){return t.beginPath(),t.rect(e,i,r,n),t};function L(t,e,i,r,n){for(var o=0,a="",s=0;s<e.length;s++)t.measureText(a+e[s]).width>i?(n(a,((o+=1)-.5)*r),a=e[s]):s==e.length-1?(o+=1,n(a+e[s],(o-.5)*r)):a+=e[s];return o*r}var R=function(){function t(t,e,i){void 0===e&&(e={}),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",e),this.__region=i,this.painter.textBaseline="middle",this.painter.textAlign="left"}return t.prototype.useConfig=function(t,e){if(this.__region&&["fillStyle","strokeStyle","shadowBlur","shadowColor"].indexOf(t)<0&&this.__region.useConfig(t,e),"lineDash"==t)this.painter.setLineDash&&this.painter.setLineDash(e);else if(t in this.__specialConfig)this.__specialConfig[t]=e;else{if(!(t in this.__initConfig))throw new Error("Illegal configuration item of painter : "+t+" !");this.painter[t]=e}return this},t.prototype.fillText=function(t,e,i,r){return void 0===r&&(r=0),this.__region&&this.__region.fillText(t,e,i,r),this.painter.save(),A(this.painter,this.__specialConfig,e,i,r).fillText(t,0,0),this.painter.restore(),this},t.prototype.strokeText=function(t,e,i,r){return void 0===r&&(r=0),this.__region&&this.__region.strokeText(t,e,i,r),this.painter.save(),A(this.painter,this.__specialConfig,e,i,r).strokeText(t,0,0),this.painter.restore(),this},t.prototype.fullText=function(t,e,i,r){return void 0===r&&(r=0),this.__region&&this.__region.fullText(t,e,i,r),this.painter.save(),A(this.painter,this.__specialConfig,e,i,r),this.painter.fillText(t,0,0),this.painter.strokeText(t,0,0),this.painter.restore(),this},t.prototype.fillTexts=function(t,e,i,r,n,o){var a=this;void 0===n&&(n=1.2),void 0===o&&(o=0),this.__region&&this.__region.fillTexts(t,e,i,r,n),this.painter.save(),A(this.painter,this.__specialConfig,e,i,o);var s=L(this.painter,t,r,this.__specialConfig.fontSize*n,(function(t,e){a.painter.fillText(t,0,e)}));return this.painter.restore(),s},t.prototype.strokeTexts=function(t,e,i,r,n,o){var a=this;void 0===n&&(n=1.2),void 0===o&&(o=0),this.__region&&this.__region.fillTexts(t,e,i,r,n),this.painter.save(),A(this.painter,this.__specialConfig,e,i,o);var s=L(this.painter,t,r,this.__specialConfig.fontSize*n,(function(t,e){a.painter.strokeText(t,0,e)}));return this.painter.restore(),s},t.prototype.fullTexts=function(t,e,i,r,n,o){var a=this;void 0===n&&(n=1.2),void 0===o&&(o=0),this.__region&&this.__region.fillTexts(t,e,i,r,n),this.painter.save(),A(this.painter,this.__specialConfig,e,i,o);var s=L(this.painter,t,r,this.__specialConfig.fontSize*n,(function(t,e){a.painter.fillText(t,0,e),a.painter.strokeText(t,0,e)}));return this.painter.restore(),s},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,e){return this.__region&&this.__region.moveTo(t,e),this.painter.moveTo(Math.round(t)+.5,Math.round(e)+.5),this},t.prototype.lineTo=function(t,e){return this.__region&&this.__region.lineTo(t,e),this.painter.lineTo(Math.round(t)+.5,Math.round(e)+.5),this},t.prototype.arc=function(t,e,i,r,n){return this.__region&&this.__region.arc(t,e,i,r,n),this.painter.arc(t,e,i,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,e,i,r){return this.__region&&this.__region.quadraticCurveTo(t,e,i,r),this.painter.quadraticCurveTo(t,e,i,r),this},t.prototype.bezierCurveTo=function(t,e,i,r,n,o){return this.__region&&this.__region.bezierCurveTo(t,e,i,r,n,o),this.painter.bezierCurveTo(t,e,i,r,n,o),this},t.prototype.clearRect=function(t,e,i,r){return this.__region&&this.__region.clearRect(t,e,i,r),this.painter.clearRect(t,e,i,r),this},t.prototype.fillArc=function(t,e,i,r,n,o){return this.__region&&this.__region.fillArc(t,e,i,r,n,o),M(this.painter,this.__specialConfig,t,e,i,r,n,o).fill(),this},t.prototype.strokeArc=function(t,e,i,r,n,o){return this.__region&&this.__region.strokeArc(t,e,i,r,n,o),M(this.painter,this.__specialConfig,t,e,i,r,n,o).stroke(),this},t.prototype.fullArc=function(t,e,i,r,n,o){return this.__region&&this.__region.fullArc(t,e,i,r,n,o),M(this.painter,this.__specialConfig,t,e,i,r,n,o),this.painter.fill(),this.painter.stroke(),this},t.prototype.fillCircle=function(t,e,i){return this.__region&&this.__region.fillCircle(t,e,i),S(this.painter,t,e,i).fill(),this},t.prototype.strokeCircle=function(t,e,i){return this.__region&&this.__region.strokeCircle(t,e,i),S(this.painter,t,e,i).stroke(),this},t.prototype.fullCircle=function(t,e,i){return this.__region&&this.__region.fullCircle(t,e,i),S(this.painter,t,e,i),this.painter.fill(),this.painter.stroke(),this},t.prototype.fillRect=function(t,e,i,r){return this.__region&&this.__region.fillRect(t,e,i,r),P(this.painter,t,e,i,r).fill(),this},t.prototype.strokeRect=function(t,e,i,r){return this.__region&&this.__region.strokeRect(t,e,i,r),P(this.painter,t,e,i,r).stroke(),this},t.prototype.fullRect=function(t,e,i,r){return this.__region&&this.__region.fullRect(t,e,i,r),P(this.painter,t,e,i,r),this.painter.fill(),this.painter.stroke(),this},t}();function k(t,e,i,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){n[o]=+(n[o]+i).toFixed(7);break}o<r-1&&(n[o]=t)}return n}}var I={"font-size":"fontSize","font-family":"fontFamily","font-weight":"fontWeight","font-style":"fontStyle","arc-start-cap":"arcStartCap","arc-end-cap":"arcEndCap"},U=function(t){function e(e,i){var r=t.call(this,e,{},new R(i,{willReadFrequently:!0}))||this;return r.name="Canvas",r.__regionList={},r.__regionAssemble=k(0,255,1,3),r.setRegion(""),r}return _(e,t),e.prototype.config=function(t){for(var e in t){var i=I[e]||e;this.useConfig(i,t[e])}return this},e.prototype.setRegion=function(t){if(t){if(null==this.__regionList[t]){var e=this.__regionAssemble();this.__regionList[t]="rgb("+e[0]+","+e[1]+","+e[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,e){var i=this;return new Promise((function(r,n){var o=i.__region.painter.getImageData(t-.5,e-.5,1,1),a=o.data,s=function(){for(var t in i.__regionList)if("rgb("+a[0]+","+a[1]+","+a[2]+")"==i.__regionList[t]){r(t);break}r("")};a?s():o.then((function(t){a=t,s()}))}))},e.prototype.getContext=function(t){return void 0===t&&(t=!1),t?this.__region.painter:this.painter},e}(R),B=function(t){function e(e){var i=this;if(!e)throw new Error("VISLite Canvas:The mount point requires an HTMLElement type but encountered null.");var r,n,o=e.clientWidth,a=e.clientHeight,s=e;s._vislite_canvas_?(r=s._vislite_canvas_[0],n=s._vislite_canvas_[1]):(r=document.createElement("canvas"),e.appendChild(r),n=document.createElement("canvas"),s._vislite_canvas_=[r,n],e.setAttribute("vislite","Canvas"));for(var _=0,h=[r,n];_<h.length;_++){var u=h[_];u.style.width=o+"px",u.setAttribute("width",o+""),u.style.height=a+"px",u.setAttribute("height",a+"")}return(i=t.call(this,r,n)||this).__canvas=r,i}return _(e,t),e.prototype.toDataURL=function(){var t=this;return new Promise((function(e){e(t.__canvas.toDataURL())}))},e}(U);function N(t,e,i){void 0===i&&(i={});for(var r=["webgl","experimental-webgl","webkit-3d","moz-webgl"],n=null,o=0;o<r.length;o++){try{n=t.getContext(r[o],i)}catch(t){}if(n)break}if(!n)throw new Error("Non canvas or browser does not support webgl.");var a=n.canvas.width,s=n.canvas.height,_=a*e,h=s*e;return n.viewport(.5*(a-_),.5*(s-h),_,h),n.depthFunc(n.LEQUAL),n.enable(n.DEPTH_TEST),n}function D(t){var e=t.drawingBufferWidth,i=t.drawingBufferHeight,r=new Uint8Array(4*e*i);return t.readPixels(0,0,e,i,t.RGBA,t.UNSIGNED_BYTE,r),function(t,n){return"rgba("+r[4*((n=i-n)*e+t)]+","+r[4*(n*e+t)+1]+","+r[4*(n*e+t)+2]+","+r[4*(n*e+t)+3]+")"}}var F=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,r){var n=i?t.ELEMENT_ARRAY_BUFFER:t.ARRAY_BUFFER;t.bufferData(n,e,r)}(this.__painter,t,this.__isElement,this.__painter.STATIC_DRAW),this.__fsize=t.BYTES_PER_ELEMENT,this},t.prototype.divide=function(t,e,i,r){return void 0===r&&(r=0),function(t,e,i,r,n,o,a){t.vertexAttribPointer(e,i,r,a,n,o),t.enableVertexAttribArray(e)}(this.__painter,t,e,this.__painter.FLOAT,i*this.__fsize,r*this.__fsize,!1),this},t}(),z=function(){function t(t,e,i){void 0===i&&(i=0),this.__painter=t,this.__type={"2d":t.TEXTURE_2D,cube:t.TEXTURE_CUBE_MAP}[e],this.__texture=function(t,e,i){var r=t.createTexture();return e==t.TEXTURE_2D&&t.activeTexture(t["TEXTURE"+i]),t.bindTexture(e,r),r}(t,this.__type,i),t.texParameteri(this.__type,t.TEXTURE_MIN_FILTER,t.NEAREST),t.texParameteri(this.__type,t.TEXTURE_MAG_FILTER,t.NEAREST),t.texParameteri(this.__type,t.TEXTURE_WRAP_S,t.CLAMP_TO_EDGE),t.texParameteri(this.__type,t.TEXTURE_WRAP_T,t.CLAMP_TO_EDGE)}return t.prototype.useImage=function(t){return function(t,e,i,r,n,o){t.texImage2D(e,i,r,r,n,o)}(this.__painter,this.__type,0,this.__painter.RGBA,this.__painter.UNSIGNED_BYTE,t),this},t.prototype.useCube=function(t,e,i){return function(t,e,i,r,n,o,a,s,_){for(var h,u=[t.TEXTURE_CUBE_MAP_POSITIVE_X,t.TEXTURE_CUBE_MAP_NEGATIVE_X,t.TEXTURE_CUBE_MAP_POSITIVE_Y,t.TEXTURE_CUBE_MAP_NEGATIVE_Y,t.TEXTURE_CUBE_MAP_POSITIVE_Z,t.TEXTURE_CUBE_MAP_NEGATIVE_Z],l=0;l<u.length;l++)o[l]&&(h=u[l],t.texImage2D(h,i,r,a,s,0,r,n,null),t.bindTexture(e,_),t.texImage2D(h,i,r,r,n,o[l]));t.generateMipmap(e)}(this.__painter,this.__type,0,this.__painter.RGBA,this.__painter.UNSIGNED_BYTE,t,e,i,this.__texture),this},t}(),H={};function O(t,e,i){var r=t+"-"+i;return H[r]||(H[r]=new z(e,i)),H[r]}var G=function(t,e,i){var r=t.createShader(e);if(null==r)throw new Error("Unable to create shader!");if(t.shaderSource(r,i),t.compileShader(r),!t.getShaderParameter(r,t.COMPILE_STATUS))throw new Error("Failed to compile shader:"+t.getShaderInfoLog(r));return r},X=function(){function t(t){this.__painter=t}return t.prototype.use=function(){return this.__painter.useProgram(this.program),this},t.prototype.compile=function(t,e){return this.program=function(t,e,i){var r=G(t,t.VERTEX_SHADER,e),n=G(t,t.FRAGMENT_SHADER,i),o=t.createProgram();if(t.attachShader(o,r),t.attachShader(o,n),t.linkProgram(o),!t.getProgramParameter(o,t.LINK_STATUS))throw new Error("Failed to link program: "+t.getProgramInfoLog(o));return o}(this.__painter,t,e),this},t}(),W={};function q(t,e,i,r,n){var o=function(t,e,i){var r=t+(i.geometry.attributes.normal?"1":"0")+(i.material.image?"1":"0")+(i.material.color?"1":"0")+(i.material.cube?"1":"0");if(W[r])return W[r].use();var n="\n     attribute vec4 a_position;\n\n     ".concat(i.geometry.attributes.normal?"attribute vec4 a_normal;varying vec3 v_normal;":"","\n\n    uniform mat4 u_matrix_world;\n    uniform mat4 u_matrix_mesh;\n    uniform mat4 u_matrix_proporion;\n\n    ").concat(i.material.image?"attribute vec2 a_textcoord;varying vec2 v_textcoord;":"","\n\n    void main(){\n        vec4 temp = a_position;\n\n        // 应用变换矩阵：屏幕比调平矩阵、世界矩阵、物体矩阵\n        temp = u_matrix_proporion * u_matrix_world * u_matrix_mesh * temp;\n\n        // 把原生的WebGL使用的左手坐标系变成了右手坐标系\n        temp.z = -1.0 * temp.z;\n\n        // 表示眼睛距离vec4(0.0,0.0,1.0)的距离\n        float dist = 4.0;\n\n        // 使用投影直接计算\n        // 为保证纹理和相对位置正确\n        // x、y、z的改变满足线性变换\n        gl_Position = vec4((dist + 1.0) * temp.x, (dist + 1.0) * temp.y, dist * (dist + temp.z) + 1.0 - dist * dist, temp.w * 2.0 * (dist + temp.z));\n\n        ").concat(i.geometry.attributes.normal?"v_normal = normalize(vec3(a_normal));":"","\n        ").concat(i.material.image?"v_textcoord = a_textcoord;":"","\n     }\n "),o="\n    precision mediump float;\n\n    ".concat(i.geometry.attributes.normal?"varying vec3 v_normal;":"","\n    ").concat(i.material.color?"uniform vec4 u_color;":"","\n    ").concat(i.material.cube?"uniform samplerCube u_texture;":"","\n    ").concat(i.material.image?"uniform sampler2D u_sampler;varying vec2 v_textcoord;":"","\n\n    void main(){\n        ").concat(i.material.color?"gl_FragColor = u_color;":"","\n        ").concat(i.material.cube?"gl_FragColor = textureCube(u_texture,normalize(v_normal));":"","\n        ").concat(i.material.image?"gl_FragColor = texture2D(u_sampler,v_textcoord);":"","\n    }\n "),a=new X(e).compile(n,o).use();return W[r]=a,a}(t,e,i);if(new F(e).use().write(i.geometry.attributes.position.array).divide(e.getAttribLocation(o.program,"a_position"),i.geometry.attributes.position.itemSize,3,0),e.uniformMatrix4fv(e.getUniformLocation(o.program,"u_matrix_world"),!1,n.matrix),e.uniformMatrix4fv(e.getUniformLocation(o.program,"u_matrix_proporion"),!1,n.proporion),e.uniformMatrix4fv(e.getUniformLocation(o.program,"u_matrix_mesh"),!1,r.matrix),i.geometry.attributes.normal&&new F(e).use().write(i.geometry.attributes.normal.array).divide(e.getAttribLocation(o.program,"a_normal"),i.geometry.attributes.normal.itemSize,3,0),"color"in i.material)e.uniform4f(e.getUniformLocation(o.program,"u_color"),i.material.color.r,i.material.color.g,i.material.color.b,i.material.color.alpha);else if("cube"in i.material){var a=i.material.cube.right.image.value.width;O(t,e,"cube").useCube([i.material.cube.right.image.value,i.material.cube.left.image.value,i.material.cube.top.image.value,i.material.cube.bottom.image.value,i.material.cube.far.image.value,i.material.cube.near.image.value],a,a)}else"image"in i.material&&(e.uniform1i(e.getUniformLocation(o.program,"u_sampler"),0),new F(e).use().write(i.geometry.attributes.uv.array).divide(e.getAttribLocation(o.program,"a_textcoord"),i.geometry.attributes.uv.itemSize,2,0),O(t,e,"2d").useImage(i.material.image.value));i.geometry.index?(new F(e,!0).use().write(i.geometry.index.array),e.drawElements(e[i.geometry.type],i.geometry.index.count,e.UNSIGNED_BYTE,0)):e.drawArrays(e[i.geometry.type],0,i.geometry.attributes.position.count)}var V=!1,Y=function(){function t(t,e){this.name="WebGL",this.__getColor=function(t,e){return"rgba(0,0,0,1)"},this.__regionList={},this.__regionAssemble=k(0,1,.2,3),this.__regionName="",this.__regionColor=[0,0,0,1],this.__scene={children:[],matrix:new r([1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,10])},this.__unique=(new Date).valueOf(),this.painter=N(t,10),this.__regionPainter=N(e,10,{});var i=this.painter.canvas.width/this.painter.canvas.height,n=1,o=1;i>1?n=1/i:o=i;var a=Math.min(n,o);this.__proporion=[n,0,0,0,0,o,0,0,0,0,a,0,0,0,0,1]}return t.prototype.matrix=function(t){return new r(t)},t.prototype.getMatrix=function(){return this.__scene.matrix},t.prototype.getObject3D=function(){return this.__scene.children},t.prototype.review=function(t){void 0===t&&(t=!1),t?(this.__regionPainter.clearColor(1,1,1,1),this.__regionPainter.clear(this.__regionPainter.COLOR_BUFFER_BIT)):(this.painter.clearColor(1,1,1,1),this.painter.clear(this.painter.COLOR_BUFFER_BIT));for(var e=0;e<this.__scene.children.length;e++)this.draw(this.__scene.children[e],t);return this},t.prototype.draw=function(t,e){void 0===e&&(e=!1),e||(V=!0);var i={matrix:t.matrix.value()},r={matrix:this.__scene.matrix.value(),proporion:this.__proporion};this.setRegion(t.region);for(var n=0;n<t.mesh.length;n++)e?(q("painter"+this.__unique,this.__regionPainter,{geometry:t.mesh[n].geometry,material:{color:{r:this.__regionColor[0],g:this.__regionColor[1],b:this.__regionColor[2],alpha:this.__regionColor[3]}}},i,r),this.__getColor=D(this.__regionPainter)):q("region"+this.__unique,this.painter,t.mesh[n],i,r)},t.prototype.render=function(t){"matrix"in t||(t.matrix=new r),"region"in t||(t.region="");for(var e=0;e<t.mesh.length;e++){var i=t.mesh[e];i.geometry.attributes.normal&&Array.isArray(i.geometry.attributes.normal.array)&&(i.geometry.attributes.normal.array=new Float32Array(i.geometry.attributes.normal.array)),i.geometry.attributes.position&&Array.isArray(i.geometry.attributes.position.array)&&(i.geometry.attributes.position.array=new Float32Array(i.geometry.attributes.position.array)),i.geometry.attributes.uv&&Array.isArray(i.geometry.attributes.uv.array)&&(i.geometry.attributes.uv.array=new Float32Array(i.geometry.attributes.uv.array)),i.geometry.index&&Array.isArray(i.geometry.index.array)&&(i.geometry.index.array=new Uint8Array(i.geometry.index.array))}this.__scene.children.push(t),this.draw(t)},t.prototype.setRegion=function(t){return this.__regionName=t+"",t?(null==this.__regionList[t]&&(this.__regionList[t]=h(h([],this.__regionAssemble(),!0),[1],!1)),this.__regionColor=this.__regionList[t]):this.__regionColor=[0,0,0,1],this},t.prototype.getRegion=function(t,e){var i=this;return V&&this.review(!0),V=!1,new Promise((function(r,n){var o=i.__getColor(t,e);for(var a in i.__regionList){var s=i.__regionList[a];if("rgba("+255*s[0]+","+255*s[1]+","+255*s[2]+","+255*s[3]+")"==o){r(a);break}}r("")}))},t}(),j=function(t){function e(e){if(!e)throw new Error("VISLite WebGL:The mount point requires an HTMLElement type but encountered null.");var i,r,n=e.clientWidth,o=e.clientHeight,a=e;a._vislite_canvas_?(i=a._vislite_canvas_[0],r=a._vislite_canvas_[1]):(r=document.createElement("canvas"),e.appendChild(r),r.style.position="absolute",r.style.zIndex="-1",i=document.createElement("canvas"),e.appendChild(i),a._vislite_canvas_=[i,r],e.setAttribute("vislite","WebGL"));for(var s=0,_=[i,r];s<_.length;s++){var h=_[s];h.style.width=n+"px",h.setAttribute("width",n+""),h.style.height=o+"px",h.setAttribute("height",o+"")}return t.call(this,i,r)||this}return _(e,t),e}(Y),Z=function(t,e,i,r){var n=Math.cos(t),o=Math.sin(t);return[e*n-i*o,e*o+i*n,r]},Q=function(){function t(t,e){void 0===t&&(t=7),void 0===e&&(e=[107,36]),this.name="Eoap",this.__scale=t,this.__center=e}return t.prototype.use=function(t,e){var i,r,n,o,a,s,_=(i=(360-e)/180*Math.PI,r=100*this.__scale,n=0,o=0,a=Math.cos(i),s=Math.sin(i),[o*s+r*a,n,o*a-r*s]);return _=Z(t/180*Math.PI,_[0],_[1],_[2]),_=Z((90-this.__center[0])/180*Math.PI,_[0],_[1],_[2]),_=function(t,e,i,r){var n=Math.cos(t),o=Math.sin(t);return[e,i*n-r*o,i*o+r*n]}((90-this.__center[1])/180*Math.PI,_[0],_[1],_[2]),[-_[0],_[1],_[2]]},t}(),K=function(t,e){void 0===t&&(t=7),void 0===e&&(e=[107,36]),this.name="Mercator";var i=100*t*Math.PI/180,r=i*e[0],n=-1*i*e[1];this.use=function(t,e){return[.8*(i*t-r),-1*i*e-n]}},J=function(t,e){var i=t.getBoundingClientRect();return{x:e.clientX-i.left,y:e.clientY-i.top}};return{Cardinal:e,Hermite:t,Matrix4:r,rotate:n,getLoopColors:function(t,e){void 0===e&&(e=1);var i=["rgba(84,112,198,"+e+")","rgba(145,204,117,"+e+")","rgba(250,200,88,"+e+")","rgba(238,102,102,"+e+")","rgba(115,192,222,"+e+")","rgba(59,162,114,"+e+")","rgba(252,132,82,"+e+")","rgba(154,96,180,"+e+")","rgba(234,124,204,"+e+")"],r=[];if(t<=i.length)return i;if(t%i.length==0)for(var n=0;n<t/i.length;n++)r=r.concat(i);else{for(var o=1;o<t/i.length;o++)r=r.concat(i);if(t%i.length==1)r=r.concat(i[4]);else for(var a=0;a<t%i.length;a++)r=r.concat(i[a])}return r},animation:function(t,e,i){void 0===e&&(e=400),void 0===i&&(i=function(){});var r={timer:function(t,e,i){if(!t)throw new Error("Tick is required!");var n=(new Date).valueOf()+"_"+(1e3*Math.random()).toFixed(0);return a.push({id:n,createTime:new Date,tick:t,duration:e,callback:i}),r.start(),n},start:function(){o||(o=setInterval(r.tick,13))},tick:function(){var t,e,i,n,o,s,_,h=a;for((a=[]).length=0,e=0;e<h.length;e++)t=(o=h[e]).createTime,i=o.tick,s=o.duration,n=o.callback,i(_=(_=(+(new Date).valueOf()-t.valueOf())/s)>1?1:_),_<1&&o.id?a.push(o):n(_);a.length<=0&&r.stop()},stop:function(){o&&(clearInterval(o),o=null)}},n=r.timer((function(e){t(e)}),e,i);return function(){var t;for(t in a)if(a[t].id==n)return void(a[t].id=void 0)}},ruler:function(t,e,i){if(t<e){var r=e;e=t,t=r}else if(t==e)return[t];var n=function(t){for(var e=t<100&&t>-100?10:.1,i=-1,r=t;10==e?r>=-100&&r<=100:r<=-100||r>=100;)i+=1,r*=e;if(10==e)return Math.pow(10,i);for(var n="0.",o=1;o<i;o++)n+="0";return+(n+"1")}(t-e),o=Math.ceil((t-e)*n/i),a=(o={3:2,4:5,6:5,7:5,8:10,9:10,11:10,12:10,13:15,14:15,16:15,17:15,18:20,19:20,21:20,22:20,23:25,24:25,26:25,27:25}[o]||o)/n,s=Math.floor(e/a)*a,_=[];_.push(s);for(var h=1;_[_.length-1]<t;h++)_.push(s+a*h);return _},SVG:C,Canvas:B,WebGL:j,Eoap:Q,Mercator:K,viewHandler:function(t){var e=document.getElementsByTagName("body")[0];e.addEventListener("keydown",(function(e){var i=function(t){return{37:"left",38:"up",39:"right",40:"down"}[t.keyCode||t.which]}(e);"up"==i?t({type:"lookUp",normal:[],value:.1}):"down"==i?t({type:"lookDown",normal:[],value:.1}):"left"==i?t({type:"lookLeft",normal:[],value:.1}):"right"==i&&t({type:"lookRight",normal:[],value:.1})}));var i=null,r=function(r){if(null!=i){var n=J(e,r),o=[n.x-i.x,n.y-i.y],a=[o[1],o[0],0];0==a[0]&&0==a[1]||(t({type:"rotate",normal:a,value:.01*(Math.abs(n.x-i.x)+Math.abs(n.y-i.y))}),i=n)}};e.addEventListener("mousedown",(function(t){i=J(e,t)})),e.addEventListener("mouseup",(function(t){i=null})),e.addEventListener("mousemove",(function(t){r(t)})),e.addEventListener("touchend",(function(t){i=null})),e.addEventListener("touchstart",(function(t){i=J(e,t)})),e.addEventListener("touchmove",(function(t){r(t.touches[0])}));var n=function(e){0!=e&&t({type:"scale",value:e<0?.899:1.101,normal:[]})};e.addEventListener("mousewheel",(function(t){n(t.wheelDelta)})),window.addEventListener&&window.addEventListener("DOMMouseScroll",(function(t){n(-1*t.detail)}),!1)}}},"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).VISLite=e();

package/lib/rotate/index.umd.js

@@ -1,12 +1,16 @@
 /*!
-* VISLite JavaScript Library v0.1.1
+* VISLite JavaScript Library v0.2.0-alpha.8
 * 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 May 06 2023 20:11:58 GMT+0800 (中国标准时间)
+* 本版本系测试版本，请认真阅读下述说明再使用：
+*
+*【测试版本细则】
+* alpha：内测版本，仅供开发人员提供测试环境而发布，后续的修改可能极具破坏性，非有明确了解前请勿直接用于项目中
+* beta：外测版本，正式发布前的确认测试，或者新功能紧急发布，一般可以直接用于实际项目，因为即使后续发现了问题，直接使用正式版即可，不会有破坏性
 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :

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

@@ -1,11 +1,15 @@
 /*!
-* VISLite JavaScript Library v0.1.1
+* VISLite JavaScript Library v0.2.0-alpha.8
 * 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 May 06 2023 20:11:58 GMT+0800 (中国标准时间)
+* 本版本系测试版本，请认真阅读下述说明再使用：
+*
+*【测试版本细则】
+* alpha：内测版本，仅供开发人员提供测试环境而发布，后续的修改可能极具破坏性，非有明确了解前请勿直接用于项目中
+* beta：外测版本，正式发布前的确认测试，或者新功能紧急发布，一般可以直接用于实际项目，因为即使后续发现了问题，直接使用正式版即可，不会有破坏性
 */
 var e,t;e=this,t=function(){"use strict";return function(e,t,n,o,i){var f=Math.cos(n),d=Math.sin(n);return[(o-e)*f-(i-t)*d+e,(o-e)*d+(i-t)*f+t]}},"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).VISLite_rotate=t();

package/lib/ruler/index.umd.js

@@ -1,12 +1,16 @@
 /*!
-* VISLite JavaScript Library v0.1.1
+* VISLite JavaScript Library v0.2.0-alpha.8
 * 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 May 06 2023 20:11:58 GMT+0800 (中国标准时间)
+* 本版本系测试版本，请认真阅读下述说明再使用：
+*
+*【测试版本细则】
+* alpha：内测版本，仅供开发人员提供测试环境而发布，后续的修改可能极具破坏性，非有明确了解前请勿直接用于项目中
+* beta：外测版本，正式发布前的确认测试，或者新功能紧急发布，一般可以直接用于实际项目，因为即使后续发现了问题，直接使用正式版即可，不会有破坏性
 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :

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

@@ -1,11 +1,15 @@
 /*!
-* VISLite JavaScript Library v0.1.1
+* VISLite JavaScript Library v0.2.0-alpha.8
 * 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 May 06 2023 20:11:58 GMT+0800 (中国标准时间)
+* 本版本系测试版本，请认真阅读下述说明再使用：
+*
+*【测试版本细则】
+* alpha：内测版本，仅供开发人员提供测试环境而发布，后续的修改可能极具破坏性，非有明确了解前请勿直接用于项目中
+* beta：外测版本，正式发布前的确认测试，或者新功能紧急发布，一般可以直接用于实际项目，因为即使后续发现了问题，直接使用正式版即可，不会有破坏性
 */
 var e,r;e=this,r=function(){"use strict";return function(e,r,t){if(e<r){var f=r;r=e,e=f}else if(e==r)return[e];var n=function(e){for(var r=e<100&&e>-100?10:.1,t=-1,f=e;10==r?f>=-100&&f<=100:f<=-100||f>=100;)t+=1,f*=r;if(10==r)return Math.pow(10,t);for(var n="0.",o=1;o<t;o++)n+="0";return+(n+"1")}(e-r),o=Math.ceil((e-r)*n/t),i=(o={3:2,4:5,6:5,7:5,8:10,9:10,11:10,12:10,13:15,14:15,16:15,17:15,18:20,19:20,21:20,22:20,23:25,24:25,26:25,27:25}[o]||o)/n,u=Math.floor(r/i)*i,a=[];a.push(u);for(var l=1;a[a.length-1]<e;l++)a.push(u+i*l);return a}},"object"==typeof exports&&"undefined"!=typeof module?module.exports=r():"function"==typeof define&&define.amd?define(r):(e="undefined"!=typeof globalThis?globalThis:e||self).VISLite_ruler=r();

package/lib/viewHandler/index.umd.js

@@ -0,0 +1,129 @@
+/*!
+* VISLite JavaScript Library v0.2.0-alpha.8
+* git+https://github.com/oi-contrib/VISLite.git
+*
+* Copyright zxl20070701
+* Released under the MIT license
+* https://zxl20070701.github.io/notebook/home.html
+* 
+* 本版本系测试版本，请认真阅读下述说明再使用：
+*
+*【测试版本细则】
+* alpha：内测版本，仅供开发人员提供测试环境而发布，后续的修改可能极具破坏性，非有明确了解前请勿直接用于项目中
+* beta：外测版本，正式发布前的确认测试，或者新功能紧急发布，一般可以直接用于实际项目，因为即使后续发现了问题，直接使用正式版即可，不会有破坏性
+*/
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+    typeof define === 'function' && define.amd ? define(factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.VISLite_viewHandler = factory());
+})(this, (function () { 'use strict';
+
+    var mousePosition = function (el, event) {
+        var bounding = el.getBoundingClientRect();
+        return {
+            "x": event.clientX - bounding.left,
+            "y": event.clientY - bounding.top
+        };
+    };
+    var getKeyString = function (event) {
+        return {
+            37: "left",
+            38: "up",
+            39: "right",
+            40: "down",
+        }[event.keyCode || event.which];
+    };
+    function viewHandler (callback) {
+        var el = document.getElementsByTagName('body')[0];
+        el.addEventListener("keydown", function (event) {
+            var keyCode = getKeyString(event);
+            if (keyCode == 'up') {
+                callback({
+                    type: "lookUp",
+                    normal: [],
+                    value: 0.1
+                });
+            }
+            else if (keyCode == 'down') {
+                callback({
+                    type: "lookDown",
+                    normal: [],
+                    value: 0.1
+                });
+            }
+            else if (keyCode == 'left') {
+                callback({
+                    type: "lookLeft",
+                    normal: [],
+                    value: 0.1
+                });
+            }
+            else if (keyCode == 'right') {
+                callback({
+                    type: "lookRight",
+                    normal: [],
+                    value: 0.1
+                });
+            }
+        });
+        var mouseP = null;
+        var doMove = function (event) {
+            if (mouseP == null)
+                return;
+            var tempMouseP = mousePosition(el, event);
+            var normal = [tempMouseP.x - mouseP.x, tempMouseP.y - mouseP.y];
+            var rotateNormal = [
+                normal[1],
+                normal[0],
+                0
+            ];
+            if (rotateNormal[0] == 0 && rotateNormal[1] == 0)
+                return;
+            callback({
+                type: "rotate",
+                normal: rotateNormal,
+                value: (Math.abs(tempMouseP.x - mouseP.x) + Math.abs(tempMouseP.y - mouseP.y)) * 0.01
+            });
+            mouseP = tempMouseP;
+        };
+        el.addEventListener("mousedown", function (event) {
+            mouseP = mousePosition(el, event);
+        });
+        el.addEventListener("mouseup", function (event) {
+            mouseP = null;
+        });
+        el.addEventListener("mousemove", function (event) {
+            doMove(event);
+        });
+        el.addEventListener("touchend", function (event) {
+            mouseP = null;
+        });
+        el.addEventListener("touchstart", function (event) {
+            mouseP = mousePosition(el, event);
+        });
+        el.addEventListener("touchmove", function (event) {
+            doMove(event.touches[0]);
+        });
+        var doScale = function (value) {
+            if (value == 0)
+                return;
+            var baseTimes = 0.899;
+            callback({
+                type: "scale",
+                value: value < 0 ? baseTimes : 2 - baseTimes,
+                normal: []
+            });
+        };
+        el.addEventListener("mousewheel", function (event) {
+            doScale(event.wheelDelta);
+        });
+        if (window.addEventListener) {
+            window.addEventListener('DOMMouseScroll', function (event) {
+                doScale(-1 * event.detail);
+            }, false);
+        }
+    }
+
+    return viewHandler;
+
+}));

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

@@ -0,0 +1,15 @@
+/*!
+* VISLite JavaScript Library v0.2.0-alpha.8
+* git+https://github.com/oi-contrib/VISLite.git
+*
+* Copyright zxl20070701
+* Released under the MIT license
+* https://zxl20070701.github.io/notebook/home.html
+* 
+* 本版本系测试版本，请认真阅读下述说明再使用：
+*
+*【测试版本细则】
+* alpha：内测版本，仅供开发人员提供测试环境而发布，后续的修改可能极具破坏性，非有明确了解前请勿直接用于项目中
+* beta：外测版本，正式发布前的确认测试，或者新功能紧急发布，一般可以直接用于实际项目，因为即使后续发现了问题，直接使用正式版即可，不会有破坏性
+*/
+var e,n;e=this,n=function(){"use strict";var e=function(e,n){var t=e.getBoundingClientRect();return{x:n.clientX-t.left,y:n.clientY-t.top}};return function(n){var t=document.getElementsByTagName("body")[0];t.addEventListener("keydown",(function(e){var t=function(e){return{37:"left",38:"up",39:"right",40:"down"}[e.keyCode||e.which]}(e);"up"==t?n({type:"lookUp",normal:[],value:.1}):"down"==t?n({type:"lookDown",normal:[],value:.1}):"left"==t?n({type:"lookLeft",normal:[],value:.1}):"right"==t&&n({type:"lookRight",normal:[],value:.1})}));var o=null,i=function(i){if(null!=o){var u=e(t,i),l=[u.x-o.x,u.y-o.y],a=[l[1],l[0],0];0==a[0]&&0==a[1]||(n({type:"rotate",normal:a,value:.01*(Math.abs(u.x-o.x)+Math.abs(u.y-o.y))}),o=u)}};t.addEventListener("mousedown",(function(n){o=e(t,n)})),t.addEventListener("mouseup",(function(e){o=null})),t.addEventListener("mousemove",(function(e){i(e)})),t.addEventListener("touchend",(function(e){o=null})),t.addEventListener("touchstart",(function(n){o=e(t,n)})),t.addEventListener("touchmove",(function(e){i(e.touches[0])}));var u=function(e){0!=e&&n({type:"scale",value:e<0?.899:1.101,normal:[]})};t.addEventListener("mousewheel",(function(e){u(e.wheelDelta)})),window.addEventListener&&window.addEventListener("DOMMouseScroll",(function(e){u(-1*e.detail)}),!1)}},"object"==typeof exports&&"undefined"!=typeof module?module.exports=n():"function"==typeof define&&define.amd?define(n):(e="undefined"!=typeof globalThis?globalThis:e||self).VISLite_viewHandler=n();

package/miniprogram/ui-canvas/index.js

@@ -60,6 +60,16 @@ Component({
                             }
                         });
 
+                        this.data.help.instance.toDataURL = () => {
+                            return new Promise((resolveUrl) => {
+                                wx.canvasToTempFilePath({
+                                    canvasId: "painter",
+                                    success: function (e) {
+                                        resolveUrl(e.tempFilePath);
+                                    },
+                                }, this);
+                            })
+                        };
                         resolve(this.data.help.instance);
                     });
                 });
@@ -67,15 +77,19 @@ Component({
             });
         },
         doit(event, doback) {
-            if (doback) {
+            let x = event.touches[0].x;
+            let y = event.touches[0].y;
 
-                let x = event.touches[0].x;
-                let y = event.touches[0].y;
+            this.data.help.instance.getRegion(x, y).then((regionName) => {
+                // 兼容旧语法
+                if (doback) doback(regionName);
 
-                this.data.help.instance.getRegion(x, y).then((regionName) => {
-                    doback(regionName);
-                });
-            }
+                this.triggerEvent('dotouchstart', {
+                    name: regionName,
+                    x: x,
+                    y: y
+                })
+            });
         },
         doitstart(event) {
             this.doit(event, this.data.touchstart);

package/miniprogram/ui-canvas/index.json

@@ -1,4 +1,4 @@
-{
-    "usingComponents": {},
-    "component": true
-  }
+{
+    "usingComponents": {},
+    "component": true
+  }

package/miniprogram/ui-canvas/index.wxml

@@ -1,4 +1,4 @@
-<view>
-    <canvas type="2d" id="painter" style='width:{{width}}px;height:{{height}}px;' bindtouchstart="doitstart"></canvas>
-    <canvas type="2d" id="region" style='width:{{width}}px;height:{{height}}px;' class="region"></canvas>
-</view>
+<view>
+    <canvas type="2d" id="painter" style='width:{{width}}px;height:{{height}}px;' bindtouchstart="doitstart"></canvas>
+    <canvas type="2d" id="region" style='width:{{width}}px;height:{{height}}px;' class="region"></canvas>
+</view>

package/miniprogram/ui-canvas/index.wxss

@@ -1,5 +1,5 @@
-/* 辅助的区域不应该可以看见 */
-.region {
-  position: fixed;
-  left: 50000px;
-}
+/* 辅助的区域不应该可以看见 */
+.region {
+  position: fixed;
+  left: 50000px;
+}

package/package/Canvas/index.ts

@@ -1,2 +1,2 @@
-import Canvas from "../../src/Canvas"
+import Canvas from "../../src/Canvas"
 export default Canvas

package/package/Cardinal/index.ts

@@ -1,3 +1,3 @@
-import Cardinal from "../../src/interpolation/Cardinal"
-
+import Cardinal from "../../src/interpolation/Cardinal"
+
 export default Cardinal

package/package/Eoap/index.ts

@@ -1,3 +1,3 @@
-import Eoap from "../../src/Eoap"
-
+import Eoap from "../../src/Eoap"
+
 export default Eoap

package/package/Hermite/index.ts

@@ -1,3 +1,3 @@
-import Hermite from "../../src/interpolation/Hermite"
-
+import Hermite from "../../src/interpolation/Hermite"
+
 export default Hermite

package/package/Matrix4/index.ts

@@ -1,3 +1,3 @@
-import Matrix4 from "../../src/Matrix4/index"
-
+import Matrix4 from "../../src/Matrix4/index"
+
 export default Matrix4

package/package/Mercator/index.ts

@@ -0,0 +1,3 @@
+import Mercator from "../../src/Mercator"
+
+export default Mercator

package/package/OralCanvas/index.ts

@@ -1,2 +1,2 @@
-import _Canvas from "../../src/common/canvas/index"
+import _Canvas from "../../src/common/canvas/index"
 export default _Canvas

package/package/OralWebGL/index.ts

@@ -0,0 +1,2 @@
+import _WebGL from "../../src/common/webgl/index"
+export default _WebGL

package/package/SVG/index.ts

@@ -1,3 +1,3 @@
-import SVG from "../../src/SVG"
-
+import SVG from "../../src/SVG"
+
 export default SVG

package/package/WebGL/index.ts

@@ -0,0 +1,2 @@
+import WebGL from "../../src/WebGL"
+export default WebGL

package/package/animation/index.ts

@@ -1,3 +1,3 @@
-import animation from "../../src/animation"
-
+import animation from "../../src/animation"
+
 export default animation

package/package/getLoopColors/index.ts

@@ -1,3 +1,3 @@
-import getLoopColors from "../../src/getLoopColors"
-
+import getLoopColors from "../../src/getLoopColors"
+
 export default getLoopColors

package/package/index.ts

@@ -1,23 +1,46 @@
-import Canvas from "./Canvas/index"
 import Cardinal from "./Cardinal/index"
-import Eoap from "./Eoap/index"
-import getLoopColors from "./getLoopColors/index"
 import Hermite from "./Hermite/index"
+
 import Matrix4 from "./Matrix4/index"
 import rotate from "./rotate/index"
-import SVG from "./SVG/index"
+
+import getLoopColors from "./getLoopColors/index"
 import animation from "./animation/index"
 import ruler from "./ruler/index"
 
+import SVG from "./SVG/index"
+import Canvas from "./Canvas/index"
+import WebGL from "./WebGL/index"
+
+import Eoap from "./Eoap/index"
+import Mercator from "./Mercator/index"
+
+import viewHandler from "./viewHandler/index"
+
 export default {
-    Canvas,
+
+    // 插值
     Cardinal,
-    Eoap,
-    getLoopColors,
     Hermite,
+
+    // 变换
     Matrix4,
     rotate,
-    SVG,
+
+    // 工具
+    getLoopColors,
     animation,
-    ruler
+    ruler,
+
+    // 画笔
+    SVG,
+    Canvas,
+    WebGL,
+
+    // 投影
+    Eoap,
+    Mercator,
+
+    // 辅助
+    viewHandler
 }

package/package/rotate/index.ts

@@ -1,3 +1,3 @@
-import rotate from "../../src/rotate"
-
+import rotate from "../../src/rotate"
+
 export default rotate

package/package/ruler/index.ts

@@ -1,3 +1,3 @@
-import ruler from "../../src/ruler"
-
+import ruler from "../../src/ruler"
+
 export default ruler

package/package/viewHandler/index.ts

@@ -0,0 +1,3 @@
+import viewHandler from "../../src/viewHandler"
+
+export default viewHandler