@leafer-draw/miniapp 1.9.12 → 1.10.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/miniapp.cjs +428 -428
- package/dist/miniapp.esm.js +430 -430
- package/dist/miniapp.esm.min.js +1 -1
- package/dist/miniapp.esm.min.js.map +1 -1
- package/dist/miniapp.min.cjs +1 -1
- package/dist/miniapp.min.cjs.map +1 -1
- package/dist/miniapp.module.js +567 -550
- package/dist/miniapp.module.min.js +1 -1
- package/dist/miniapp.module.min.js.map +1 -1
- package/package.json +9 -9
package/dist/miniapp.esm.min.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{LeaferCanvasBase as t,isString as e,Platform as i,isNumber as s,canvasPatch as n,DataHelper as a,canvasSizeAttrs as o,isUndefined as r,ResizeEvent as l,FileHelper as c,Creator as d,LeaferImage as h,defineKey as u,LeafList as f,RenderEvent as p,ChildEvent as g,WatchEvent as _,PropertyEvent as w,LeafHelper as m,BranchHelper as y,LeafBoundsHelper as v,Bounds as x,isArray as S,Debug as b,LeafLevelList as k,LayoutEvent as B,Run as R,ImageManager as E,isObject as A,BoundsHelper as L,FourNumberHelper as T,Matrix as C,getMatrixData as O,MatrixHelper as W,MathHelper as M,AlignHelper as P,PointHelper as D,ImageEvent as I,AroundHelper as z,Direction4 as F}from"@leafer/core";export*from"@leafer/core";export{LeaferImage}from"@leafer/core";import{PaintImage as U,Paint as Y,ColorConvert as G,PaintGradient as N,Export as q,Effect as X,Group as j,TextConvert as V}from"@leafer-ui/draw";export*from"@leafer-ui/draw";class H extends t{get allowBackgroundColor(){return!1}init(){const{config:t}=this;let s=t.view||t.canvas;s?(e(s)?("#"!==s[0]&&(s="#"+s),this.viewSelect=i.miniapp.select(s)):s.fields?this.viewSelect=s:this.initView(s),this.viewSelect&&i.miniapp.getSizeView(this.viewSelect).then(t=>{this.initView(t)})):this.initView()}initView(t){t?this.view=t.view||t:(t={},this.__createView()),this.view.getContext?this.__createContext():this.unrealCanvas();const{width:e,height:a,pixelRatio:o}=this.config,r={width:e||t.width,height:a||t.height,pixelRatio:o};this.resize(r),this.context&&(this.viewSelect&&(i.renderCanvas=this),this.context.roundRect&&(this.roundRect=function(t,e,i,n,a){this.context.roundRect(t,e,i,n,s(a)?[a]:a)}),n(this.context.__proto__))}__createView(){this.view=i.origin.createCanvas(1,1)}updateViewSize(){if(this.unreal)return;const{width:t,height:e,pixelRatio:i}=this;this.view.width=Math.ceil(t*i),this.view.height=Math.ceil(e*i)}updateClientBounds(t){this.viewSelect&&i.miniapp.getBounds(this.viewSelect).then(e=>{this.clientBounds=e,t&&t()})}startAutoLayout(t,e){this.resizeListener||(this.resizeListener=e,t&&(this.checkSize=this.checkSize.bind(this),i.miniapp.onWindowResize(this.checkSize)))}checkSize(){this.viewSelect&&setTimeout(()=>{this.updateClientBounds(()=>{const{width:t,height:e}=this.clientBounds,{pixelRatio:i}=this,s={width:t,height:e,pixelRatio:i};this.isSameSize(s)||this.emitResize(s)})},500)}stopAutoLayout(){this.autoLayout=!1,this.resizeListener=null,i.miniapp.offWindowResize(this.checkSize)}unrealCanvas(){this.unreal=!0}emitResize(t){const e={};a.copyAttrs(e,this,o),this.resize(t),r(this.width)||this.resizeListener(new l(t,e))}}const{mineType:Q,fileType:Z}=c;function $(t,e){i.origin={createCanvas:(t,i,s)=>{const n={type:"2d",width:t,height:i};return e.createOffscreenCanvas?e.createOffscreenCanvas(n):e.createOffScreenCanvas(n)},canvasToDataURL:(t,e,i)=>t.toDataURL(Q(e),i),canvasToBolb:(t,e,i)=>t.toBuffer(e,{quality:i}),canvasSaveAs:(t,e,s)=>{let n=t.toDataURL(Q(Z(e)),s);return n=n.substring(n.indexOf("64,")+3),i.origin.download(n,e)},download:(t,s)=>new Promise((n,a)=>{let o;s.includes("/")||(s=`${e.env.USER_DATA_PATH}/`+s,o=!0);const r=e.getFileSystemManager();r.writeFile({filePath:s,data:t,encoding:"base64",success(){o?i.miniapp.saveToAlbum(s).then(()=>{r.unlink({filePath:s}),n()}):n()},fail(t){a(t)}})}),loadImage:t=>new Promise((e,s)=>{const n=i.canvas.view.createImage();n.onload=()=>{e(n)},n.onerror=t=>{s(t)},n.src=i.image.getRealURL(t)}),noRepeat:"repeat-x"},i.miniapp={select:t=>e.createSelectorQuery().select(t),getBounds:t=>new Promise(e=>{t.boundingClientRect().exec(t=>{const i=t[1];e({x:i.top,y:i.left,width:i.width,height:i.height})})}),getSizeView:t=>new Promise(e=>{t.fields({node:!0,size:!0}).exec(t=>{const i=t[0];e({view:i.node,width:i.width,height:i.height})})}),saveToAlbum:t=>new Promise(i=>{e.getSetting({success:s=>{s.authSetting["scope.writePhotosAlbum"]?e.saveImageToPhotosAlbum({filePath:t,success(){i(!0)}}):e.authorize({scope:"scope.writePhotosAlbum",success:()=>{e.saveImageToPhotosAlbum({filePath:t,success(){i(!0)}})},fail:()=>{}})}})}),onWindowResize(t){e.onWindowResize(t)},offWindowResize(t){e.offWindowResize(t)}},i.event={stopDefault(t){},stopNow(t){},stop(t){}},i.canvas=d.canvas(),i.conicGradientSupport=!!i.canvas.context.createConicGradient}Object.assign(d,{canvas:(t,e)=>new H(t,e),image:t=>new h(t)}),i.name="miniapp",i.requestRender=function(t){const{view:e}=i.renderCanvas||i.canvas;e.requestAnimationFrame?e.requestAnimationFrame(t):setTimeout(t,16)},u(i,"devicePixelRatio",{get:()=>Math.max(1,wx.getWindowInfo?wx.getWindowInfo().pixelRatio:wx.getSystemInfoSync().pixelRatio)});class J{get childrenChanged(){return this.hasAdd||this.hasRemove||this.hasVisible}get updatedList(){if(this.hasRemove){const t=new f;return this.__updatedList.list.forEach(e=>{e.leafer&&t.add(e)}),t}return this.__updatedList}constructor(t,e){this.totalTimes=0,this.config={},this.__updatedList=new f,this.target=t,e&&(this.config=a.default(e,this.config)),this.__listenEvents()}start(){this.disabled||(this.running=!0)}stop(){this.running=!1}disable(){this.stop(),this.__removeListenEvents(),this.disabled=!0}update(){this.changed=!0,this.running&&this.target.emit(p.REQUEST)}__onAttrChange(t){this.__updatedList.add(t.target),this.update()}__onChildEvent(t){t.type===g.ADD?(this.hasAdd=!0,this.__pushChild(t.child)):(this.hasRemove=!0,this.__updatedList.add(t.parent)),this.update()}__pushChild(t){this.__updatedList.add(t),t.isBranch&&this.__loopChildren(t)}__loopChildren(t){const{children:e}=t;for(let t=0,i=e.length;t<i;t++)this.__pushChild(e[t])}__onRquestData(){this.target.emitEvent(new _(_.DATA,{updatedList:this.updatedList})),this.__updatedList=new f,this.totalTimes++,this.changed=this.hasVisible=this.hasRemove=this.hasAdd=!1}__listenEvents(){this.__eventIds=[this.target.on_([[w.CHANGE,this.__onAttrChange,this],[[g.ADD,g.REMOVE],this.__onChildEvent,this],[_.REQUEST,this.__onRquestData,this]])]}__removeListenEvents(){this.target.off_(this.__eventIds)}destroy(){this.target&&(this.stop(),this.__removeListenEvents(),this.target=this.__updatedList=null)}}const{updateAllMatrix:K,updateBounds:tt,updateChange:et}=m,{pushAllChildBranch:it,pushAllParent:st}=y;const{worldBounds:nt}=v;class at{constructor(t){this.updatedBounds=new x,this.beforeBounds=new x,this.afterBounds=new x,S(t)&&(t=new f(t)),this.updatedList=t}setBefore(){this.beforeBounds.setListWithFn(this.updatedList.list,nt)}setAfter(){this.afterBounds.setListWithFn(this.updatedList.list,nt),this.updatedBounds.setList([this.beforeBounds,this.afterBounds])}merge(t){this.updatedList.addList(t.updatedList.list),this.beforeBounds.add(t.beforeBounds),this.afterBounds.add(t.afterBounds),this.updatedBounds.add(t.updatedBounds)}destroy(){this.updatedList=null}}const{updateAllMatrix:ot,updateAllChange:rt}=m,lt=b.get("Layouter");class ct{constructor(t,e){this.totalTimes=0,this.config={},this.__levelList=new k,this.target=t,e&&(this.config=a.default(e,this.config)),this.__listenEvents()}start(){this.disabled||(this.running=!0)}stop(){this.running=!1}disable(){this.stop(),this.__removeListenEvents(),this.disabled=!0}layout(){if(this.layouting||!this.running)return;const{target:t}=this;this.times=0;try{t.emit(B.START),this.layoutOnce(),t.emitEvent(new B(B.END,this.layoutedBlocks,this.times))}catch(t){lt.error(t)}this.layoutedBlocks=null}layoutAgain(){this.layouting?this.waitAgain=!0:this.layoutOnce()}layoutOnce(){return this.layouting?lt.warn("layouting"):this.times>3?lt.warn("layout max times"):(this.times++,this.totalTimes++,this.layouting=!0,this.target.emit(_.REQUEST),this.totalTimes>1?this.partLayout():this.fullLayout(),this.layouting=!1,void(this.waitAgain&&(this.waitAgain=!1,this.layoutOnce())))}partLayout(){var t;if(!(null===(t=this.__updatedList)||void 0===t?void 0:t.length))return;const e=R.start("PartLayout"),{target:i,__updatedList:s}=this,{BEFORE:n,LAYOUT:a,AFTER:o}=B,r=this.getBlocks(s);r.forEach(t=>t.setBefore()),i.emitEvent(new B(n,r,this.times)),this.extraBlock=null,s.sort(),function(t,e){let i;t.list.forEach(t=>{i=t.__layout,e.without(t)&&!i.proxyZoom&&(i.matrixChanged?(K(t,!0),e.add(t),t.isBranch&&it(t,e),st(t,e)):i.boundsChanged&&(e.add(t),t.isBranch&&(t.__tempNumber=0),st(t,e)))})}(s,this.__levelList),function(t){let e,i,s;t.sort(!0),t.levels.forEach(n=>{e=t.levelMap[n];for(let t=0,n=e.length;t<n;t++){if(i=e[t],i.isBranch&&i.__tempNumber){s=i.children;for(let t=0,e=s.length;t<e;t++)s[t].isBranch||tt(s[t])}tt(i)}})}(this.__levelList),function(t){t.list.forEach(et)}(s),this.extraBlock&&r.push(this.extraBlock),r.forEach(t=>t.setAfter()),i.emitEvent(new B(a,r,this.times)),i.emitEvent(new B(o,r,this.times)),this.addBlocks(r),this.__levelList.reset(),this.__updatedList=null,R.end(e)}fullLayout(){const t=R.start("FullLayout"),{target:e}=this,{BEFORE:i,LAYOUT:s,AFTER:n}=B,a=this.getBlocks(new f(e));e.emitEvent(new B(i,a,this.times)),ct.fullLayout(e),a.forEach(t=>{t.setAfter()}),e.emitEvent(new B(s,a,this.times)),e.emitEvent(new B(n,a,this.times)),this.addBlocks(a),R.end(t)}static fullLayout(t){ot(t,!0),t.isBranch?y.updateBounds(t):m.updateBounds(t),rt(t)}addExtra(t){if(!this.__updatedList.has(t)){const{updatedList:e,beforeBounds:i}=this.extraBlock||(this.extraBlock=new at([]));e.length?i.add(t.__world):i.set(t.__world),e.add(t)}}createBlock(t){return new at(t)}getBlocks(t){return[this.createBlock(t)]}addBlocks(t){this.layoutedBlocks?this.layoutedBlocks.push(...t):this.layoutedBlocks=t}__onReceiveWatchData(t){this.__updatedList=t.data.updatedList}__listenEvents(){this.__eventIds=[this.target.on_([[B.REQUEST,this.layout,this],[B.AGAIN,this.layoutAgain,this],[_.DATA,this.__onReceiveWatchData,this]])]}__removeListenEvents(){this.target.off_(this.__eventIds)}destroy(){this.target&&(this.stop(),this.__removeListenEvents(),this.target=this.config=null)}}const dt=b.get("Renderer");class ht{get needFill(){return!(this.canvas.allowBackgroundColor||!this.config.fill)}constructor(t,e,i){this.FPS=60,this.totalTimes=0,this.times=0,this.config={usePartRender:!0,maxFPS:120},this.frames=[],this.target=t,this.canvas=e,i&&(this.config=a.default(i,this.config)),this.__listenEvents()}start(){this.running=!0,this.update(!1)}stop(){this.running=!1}update(t=!0){this.changed||(this.changed=t),this.__requestRender()}requestLayout(){this.target.emit(B.REQUEST)}checkRender(){if(this.running){const{target:t}=this;t.isApp&&(t.emit(p.CHILD_START,t),t.children.forEach(t=>{t.renderer.FPS=this.FPS,t.renderer.checkRender()}),t.emit(p.CHILD_END,t)),this.changed&&this.canvas.view&&this.render(),this.target.emit(p.NEXT)}}render(t){if(!this.running||!this.canvas.view)return this.update();const{target:e}=this;this.times=0,this.totalBounds=new x,dt.log(e.innerName,"---\x3e");try{this.emitRender(p.START),this.renderOnce(t),this.emitRender(p.END,this.totalBounds),E.clearRecycled()}catch(t){this.rendering=!1,dt.error(t)}dt.log("-------------|")}renderAgain(){this.rendering?this.waitAgain=!0:this.renderOnce()}renderOnce(t){if(this.rendering)return dt.warn("rendering");if(this.times>3)return dt.warn("render max times");if(this.times++,this.totalTimes++,this.rendering=!0,this.changed=!1,this.renderBounds=new x,this.renderOptions={},t)this.emitRender(p.BEFORE),t();else{if(this.requestLayout(),this.ignore)return void(this.ignore=this.rendering=!1);this.emitRender(p.BEFORE),this.config.usePartRender&&this.totalTimes>1?this.partRender():this.fullRender()}this.emitRender(p.RENDER,this.renderBounds,this.renderOptions),this.emitRender(p.AFTER,this.renderBounds,this.renderOptions),this.updateBlocks=null,this.rendering=!1,this.waitAgain&&(this.waitAgain=!1,this.renderOnce())}partRender(){const{canvas:t,updateBlocks:e}=this;e&&(this.mergeBlocks(),e.forEach(e=>{t.bounds.hit(e)&&!e.isEmpty()&&this.clipRender(e)}))}clipRender(t){const e=R.start("PartRender"),{canvas:i}=this,s=t.getIntersect(i.bounds),n=new x(s);i.save(),s.spread(ht.clipSpread).ceil(),i.clearWorld(s),i.clipWorld(s),this.__render(s,n),i.restore(),R.end(e)}fullRender(){const t=R.start("FullRender"),{canvas:e}=this;e.save(),e.clear(),this.__render(e.bounds),e.restore(),R.end(t)}__render(t,e){const{canvas:s}=this,n=t.includes(this.target.__world),a=n?{includes:n}:{bounds:t,includes:n};this.needFill&&s.fillWorld(t,this.config.fill),b.showRepaint&&b.drawRepaint(s,t),i.render(this.target,s,a),this.renderBounds=e=e||t,this.renderOptions=a,this.totalBounds.isEmpty()?this.totalBounds=e:this.totalBounds.add(e),s.updateRender(e)}addBlock(t){this.updateBlocks||(this.updateBlocks=[]),this.updateBlocks.push(t)}mergeBlocks(){const{updateBlocks:t}=this;if(t){const e=new x;e.setList(t),t.length=0,t.push(e)}}__requestRender(){const t=this.target;if(this.requestTime||!t)return;if(t.parentApp)return t.parentApp.requestRender(!1);this.requestTime=this.frameTime||Date.now();const e=()=>{const t=1e3/((this.frameTime=Date.now())-this.requestTime),{maxFPS:s}=this.config;if(s&&t>s)return i.requestRender(e);const{frames:n}=this;n.length>30&&n.shift(),n.push(t),this.FPS=Math.round(n.reduce((t,e)=>t+e,0)/n.length),this.requestTime=0,this.checkRender()};i.requestRender(e)}__onResize(t){if(!this.canvas.unreal){if(t.bigger||!t.samePixelRatio){const{width:e,height:i}=t.old;if(!new x(0,0,e,i).includes(this.target.__world)||this.needFill||!t.samePixelRatio)return this.addBlock(this.canvas.bounds),void this.target.forceUpdate("surface")}this.addBlock(new x(0,0,1,1)),this.update()}}__onLayoutEnd(t){t.data&&t.data.map(t=>{let e;t.updatedList&&t.updatedList.list.some(t=>(e=!t.__world.width||!t.__world.height,e&&(t.isLeafer||dt.tip(t.innerName,": empty"),e=!t.isBranch||t.isBranchLeaf),e)),this.addBlock(e?this.canvas.bounds:t.updatedBounds)})}emitRender(t,e,i){this.target.emitEvent(new p(t,this.times,e,i))}__listenEvents(){this.__eventIds=[this.target.on_([[p.REQUEST,this.update,this],[B.END,this.__onLayoutEnd,this],[p.AGAIN,this.renderAgain,this],[l.RESIZE,this.__onResize,this]])]}__removeListenEvents(){this.target.off_(this.__eventIds)}destroy(){this.target&&(this.stop(),this.__removeListenEvents(),this.config={},this.target=this.canvas=null)}}function ut(t,e){const i=t.__,{rows:s,decorationY:n}=i.__textDrawData;let a;i.__isPlacehold&&i.placeholderColor&&(e.fillStyle=i.placeholderColor);for(let t=0,i=s.length;t<i;t++)a=s[t],a.text?e.fillText(a.text,a.x,a.y):a.data&&a.data.forEach(t=>{e.fillText(t.char,t.x,a.y)});if(n){const{decorationColor:t,decorationHeight:a}=i.__textDrawData;t&&(e.fillStyle=t),s.forEach(t=>n.forEach(i=>e.fillRect(t.x,t.y+i,t.width,a)))}}function ft(t,e){t.__.__font?ut(t,e):t.__.windingRule?e.fill(t.__.windingRule):e.fill()}function pt(t,e,i){switch(e.__.strokeAlign){case"center":gt(t,1,e,i);break;case"inside":_t(t,"inside",e,i);break;case"outside":e.__.__fillAfterStroke?gt(t,2,e,i):_t(t,"outside",e,i)}}function gt(t,e,i,s){const n=i.__;A(t)?mt(t,e,!0,i,s):(s.setStroke(t,n.__strokeWidth*e,n),wt(i,s))}function _t(t,e,i,s){const n=s.getSameCanvas(!0,!0);n.font=i.__.__font,gt(t,2,i,n),n.blendMode="outside"===e?"destination-out":"destination-in",ut(i,n),n.blendMode="normal",m.copyCanvasByWorld(i,s,n),n.recycle(i.__nowWorld)}function wt(t,e){let i,s=t.__.__textDrawData;const{rows:n,decorationY:a}=s;for(let t=0,s=n.length;t<s;t++)i=n[t],i.text?e.strokeText(i.text,i.x,i.y):i.data&&i.data.forEach(t=>{e.strokeText(t.char,t.x,i.y)});if(a){const{decorationHeight:t}=s;n.forEach(i=>a.forEach(s=>e.strokeRect(i.x,i.y+s,i.width,t)))}}function mt(t,e,i,s,n){let a;const o=s.__,{__hasMultiStrokeStyle:r}=o;r||n.setStroke(void 0,o.__strokeWidth*e,o);for(let l=0,c=t.length;l<c;l++)if(a=t[l],(!a.image||!U.checkImage(s,n,a,!1))&&a.style){if(r){const{strokeStyle:t}=a;t?n.setStroke(a.style,o.__getRealStrokeWidth(t)*e,o,t):n.setStroke(a.style,o.__strokeWidth*e,o)}else n.strokeStyle=a.style;a.blendMode?(n.saveBlendMode(a.blendMode),i?wt(s,n):n.stroke(),n.restoreBlendMode()):i?wt(s,n):n.stroke()}}function yt(t,e,i){const s=e.__;if(s.__strokeWidth)if(s.__font)pt(t,e,i);else switch(s.strokeAlign){case"center":vt(t,1,e,i);break;case"inside":!function(t,e,i){i.save(),i.clipUI(e),vt(t,2,e,i),i.restore()}(t,e,i);break;case"outside":!function(t,e,i){const s=e.__;if(s.__fillAfterStroke)vt(t,2,e,i);else{const{renderBounds:n}=e.__layout,a=i.getSameCanvas(!0,!0);e.__drawRenderPath(a),vt(t,2,e,a),a.clipUI(s),a.clearWorld(n),m.copyCanvasByWorld(e,i,a),a.recycle(e.__nowWorld)}}(t,e,i)}}function vt(t,e,i,s){const n=i.__;A(t)?mt(t,e,!1,i,s):(s.setStroke(t,n.__strokeWidth*e,n),s.stroke()),n.__useArrow&&Y.strokeArrow(t,i,s)}ht.clipSpread=10,Object.assign(d,{watcher:(t,e)=>new J(t,e),layouter:(t,e)=>new ct(t,e),renderer:(t,e,i)=>new ht(t,e,i),selector:(t,e)=>{},interaction:(t,e,i,s)=>{}}),i.layout=ct.fullLayout,i.render=function(t,e,i){const s=Object.assign(Object.assign({},i),{topRendering:!0});i.topList=new f,t.__render(e,i),i.topList.length&&i.topList.forEach(t=>t.__render(e,s))};const{getSpread:xt,copyAndSpread:St,toOuterOf:bt,getOuterOf:kt,getByMove:Bt,move:Rt,getIntersectData:Et}=L,At={};let Lt;const{stintSet:Tt}=a,{hasTransparent:Ct}=G;function Ot(t,i,s){if(!A(i)||!1===i.visible||0===i.opacity)return;let n;const{boxBounds:a}=s.__layout;switch(i.type){case"image":n=U.image(s,t,i,a,!Lt||!Lt[i.url]);break;case"linear":n=N.linearGradient(i,a);break;case"radial":n=N.radialGradient(i,a);break;case"angular":n=N.conicGradient(i,a);break;case"solid":const{type:e,color:o,opacity:l}=i;n={type:e,style:G.string(o,l)};break;default:r(i.r)||(n={type:"solid",style:G.string(i)})}if(n){if(e(n.style)&&Ct(n.style)&&(n.isTransparent=!0),i.style){if(0===i.style.strokeWidth)return;n.strokeStyle=i.style}i.editing&&(n.editing=i.editing),i.blendMode&&(n.blendMode=i.blendMode)}return n}const Wt={compute:function(t,e){const i=e.__,s=[];let n,a,o,r=i.__input[t];S(r)||(r=[r]),Lt=U.recycleImage(t,i);for(let i,n=0,a=r.length;n<a;n++)(i=Ot(t,r[n],e))&&(s.push(i),i.strokeStyle&&(o||(o=1),i.strokeStyle.strokeWidth&&(o=Math.max(o,i.strokeStyle.strokeWidth))));i["_"+t]=s.length?s:void 0,s.length&&s.every(t=>t.isTransparent)&&(s.some(t=>t.image)&&(n=!0),a=!0),"fill"===t?(Tt(i,"__isAlphaPixelFill",n),Tt(i,"__isTransparentFill",a)):(Tt(i,"__isAlphaPixelStroke",n),Tt(i,"__isTransparentStroke",a),Tt(i,"__hasMultiStrokeStyle",o))},fill:function(t,e,i){i.fillStyle=t,ft(e,i)},fills:function(t,e,i){let s;for(let n=0,a=t.length;n<a;n++){if(s=t[n],s.image){if(U.checkImage(e,i,s,!e.__.__font))continue;if(!s.style){!n&&s.image.isPlacehold&&e.drawImagePlaceholder(i,s.image);continue}}if(i.fillStyle=s.style,s.transform||s.scaleFixed){if(i.save(),s.transform&&i.transform(s.transform),s.scaleFixed){const{scaleX:t,scaleY:n}=e.getRenderScaleData(!0);(!0===s.scaleFixed||"zoom-in"===s.scaleFixed&&t>1&&n>1)&&i.scale(1/t,1/n)}s.blendMode&&(i.blendMode=s.blendMode),ft(e,i),i.restore()}else s.blendMode?(i.saveBlendMode(s.blendMode),ft(e,i),i.restoreBlendMode()):ft(e,i)}},fillPathOrText:ft,fillText:ut,stroke:yt,strokes:function(t,e,i){yt(t,e,i)},strokeText:pt,drawTextStroke:wt,shape:function(t,e,s){const n=e.getSameCanvas(),a=e.bounds,o=t.__nowWorld,r=t.__layout,l=t.__nowWorldShapeBounds||(t.__nowWorldShapeBounds={});let c,d,h,u,f,p;bt(r.strokeSpread?(St(At,r.boxBounds,r.strokeSpread),At):r.boxBounds,o,l);let{scaleX:g,scaleY:_}=t.getRenderScaleData(!0);if(a.includes(l))p=n,c=f=l,d=o;else{let n;if(i.fullImageShadow)n=l;else{const t=r.renderShapeSpread?xt(a,T.swapAndScale(r.renderShapeSpread,g,_)):a;n=Et(t,l)}u=a.getFitMatrix(n);let{a:w,d:m}=u;u.a<1&&(p=e.getSameCanvas(),t.__renderShape(p,s),g*=w,_*=m),f=kt(l,u),c=Bt(f,-u.e,-u.f),d=kt(o,u),Rt(d,-u.e,-u.f);const y=s.matrix;y?(h=new C(u),h.multiply(y),w*=y.scaleX,m*=y.scaleY):h=u,h.withScale(w,m),s=Object.assign(Object.assign({},s),{matrix:h})}return t.__renderShape(n,s),{canvas:n,matrix:h,fitMatrix:u,bounds:c,renderBounds:d,worldCanvas:p,shapeBounds:f,scaleX:g,scaleY:_}}};let Mt={},Pt=O();const{get:Dt,set:It,rotateOfOuter:zt,translate:Ft,scaleOfOuter:Ut,multiplyParent:Yt,scale:Gt,rotate:Nt,skew:qt}=W;function Xt(t,e,i,s){const n=Dt();Ft(n,e.x,e.y),i&&Gt(n,i,s),t.transform=n}function jt(t,e,i,s,n,a,o){const r=Dt();Ft(r,e.x+i,e.y+s),Gt(r,n,a),o&&zt(r,{x:e.x+e.width/2,y:e.y+e.height/2},o),t.transform=r}function Vt(t,e,i,s,n,a,o,r,l,c){const d=Dt();Qt(d,e,i,s,n,a,o,r),l&&(o||r?(It(Pt),Ut(Pt,e,l,c),Yt(d,Pt)):Ut(d,e,l,c)),t.transform=d}function Ht(t,e,i,s,n,a,o,r,l,c,d,h){const u=Dt();if(h)Qt(u,e,n,a,o,r,l,c);else{if(l)if("center"===d)zt(u,{x:i/2,y:s/2},l);else switch(Nt(u,l),l){case 90:Ft(u,s,0);break;case 180:Ft(u,i,s);break;case 270:Ft(u,0,i)}Mt.x=e.x+n,Mt.y=e.y+a,Ft(u,Mt.x,Mt.y),o&&Ut(u,Mt,o,r)}t.transform=u}function Qt(t,e,i,s,n,a,o,r){o&&Nt(t,o),r&&qt(t,r.x,r.y),n&&Gt(t,n,a),Ft(t,e.x+i,e.y+s)}const{get:Zt,translate:$t}=W,Jt=new x,Kt={},te={};function ee(t,e,i,s){const{changeful:n,sync:a,scaleFixed:o}=i;n&&(t.changeful=n),a&&(t.sync=a),o&&(t.scaleFixed=o),t.data=ie(i,s,e)}function ie(t,i,s){t.padding&&(i=Jt.set(i).shrink(t.padding)),"strench"===t.mode&&(t.mode="stretch");let{width:n,height:a}=s;const{opacity:o,mode:r,align:l,offset:c,scale:d,size:h,rotation:u,skew:f,clipSize:p,repeat:g,gap:_,filters:w}=t,m=i.width===n&&i.height===a,y={mode:r},v="center"!==l&&(u||0)%180==90;let x,S;switch(L.set(te,0,0,v?a:n,v?n:a),r&&"cover"!==r&&"fit"!==r?((d||h)&&(M.getScaleData(d,h,s,Kt),x=Kt.scaleX,S=Kt.scaleY),(l||_||g)&&(x&&L.scale(te,x,S,!0),l&&P.toPoint(l,te,i,te,!0,!0))):m&&!u||(x=S=L.getFitScale(i,te,"fit"!==r),L.put(i,s,l,x,!1,te),L.scale(te,x,S,!0)),c&&D.move(te,c),r){case"stretch":m||(x=i.width/n,S=i.height/a,Xt(y,i,x,S));break;case"normal":case"clip":if(te.x||te.y||x||p||u||f){let t,e;p&&(t=i.width/p.width,e=i.height/p.height),Vt(y,i,te.x,te.y,x,S,u,f,t,e),t&&(x=x?x*t:t,S=S?S*e:e)}break;case"repeat":(!m||x||u||f)&&Ht(y,i,n,a,te.x,te.y,x,S,u,f,l,t.freeTransform),g||(y.repeat="repeat");const e=A(g);(_||e)&&(y.gap=function(t,e,i,s,n){let a,o;A(t)?(a=t.x,o=t.y):a=o=t;return{x:se(a,i,n.width,e&&e.x),y:se(o,s,n.height,e&&e.y)}}(_,e&&g,te.width,te.height,i));break;default:x&&jt(y,i,te.x,te.y,x,S,u)}return y.transform||(i.x||i.y)&&$t(y.transform=Zt(),i.x,i.y),y.width=n,y.height=a,x&&(y.scaleX=x,y.scaleY=S),o&&(y.opacity=o),w&&(y.filters=w),g&&(y.repeat=e(g)?"x"===g?"repeat-x":"repeat-y":"repeat"),y}function se(t,i,s,n){const a=e(t)||n?(n?s-n*i:s%i)/((n||Math.floor(s/i))-1):t;return"auto"===t&&a<0?0:a}let ne,ae=new x;const{isSame:oe}=L;function re(t,e,i,s,n,a){if("fill"===e&&!t.__.__naturalWidth){const e=t.__;if(e.__naturalWidth=s.width/e.pixelRatio,e.__naturalHeight=s.height/e.pixelRatio,e.__autoSide)return t.forceUpdate("width"),t.__proxyData&&(t.setProxyAttr("width",e.width),t.setProxyAttr("height",e.height)),!1}return n.data||ee(n,s,i,a),!0}function le(t,e){he(t,I.LOAD,e)}function ce(t,e){he(t,I.LOADED,e)}function de(t,e,i){e.error=i,t.forceUpdate("surface"),he(t,I.ERROR,e)}function he(t,e,i){t.hasEvent(e)&&t.emitEvent(new I(e,i))}function ue(t,e){const{leafer:i}=t;i&&i.viewReady&&(i.renderer.ignore=e)}const{get:fe,scale:pe,copy:ge}=W,{floor:_e,ceil:we,max:me,abs:ye}=Math;function ve(t,e,s){let{scaleX:n,scaleY:a}=t.getRenderScaleData(!0,e.scaleFixed);const o=n+"-"+a+"-"+s;if(e.patternId===o||t.destroyed)return!1;{const{image:r,data:l}=e;let c,d,{width:h,height:u,scaleX:f,scaleY:p,transform:g,repeat:_,gap:w}=l;n*=s,a*=s,f&&(f=ye(f),p=ye(p),d=fe(),ge(d,g),pe(d,1/f,1/p),n*=f,a*=p),h*=n,u*=a;const m=h*u;if(!_&&m>i.image.maxCacheSize)return!1;let y=i.image.maxPatternSize;if(r.isSVG){const t=h/r.width;t>1&&(c=t/we(t))}else{const t=r.width*r.height;y>t&&(y=t)}m>y&&(c=Math.sqrt(m/y)),c&&(n/=c,a/=c,h/=c,u/=c),f&&(n/=f,a/=p);const v=w&&w.x*n,x=w&&w.y*a;if(g||1!==n||1!==a){const t=h+(v||0),e=u+(x||0);n/=t/me(_e(t),1),a/=e/me(_e(e),1),d||(d=fe(),g&&ge(d,g)),pe(d,1/n,1/a)}const S=r.getCanvas(h,u,l.opacity,l.filters,v,x,t.leafer&&t.leafer.config.smooth),b=r.getPattern(S,_||i.origin.noRepeat||"no-repeat",d,e);return e.style=b,e.patternId=o,!0}}function xe(t,e,i,s){return new(i||(i=Promise))(function(n,a){function o(t){try{l(s.next(t))}catch(t){a(t)}}function r(t){try{l(s.throw(t))}catch(t){a(t)}}function l(t){var e;t.done?n(t.value):(e=t.value,e instanceof i?e:new i(function(t){t(e)})).then(o,r)}l((s=s.apply(t,e||[])).next())})}"function"==typeof SuppressedError&&SuppressedError;const Se={image:function(t,e,i,s,n){let a,o;const r=E.get(i);return ne&&i===ne.paint&&oe(s,ne.boxBounds)?a=ne.leafPaint:(a={type:i.type,image:r},r.hasAlphaPixel&&(a.isTransparent=!0),ne=r.use>1?{leafPaint:a,paint:i,boxBounds:ae.set(s)}:null),(n||r.loading)&&(o={image:r,attrName:e,attrValue:i}),r.ready?(re(t,e,i,r,a,s),n&&(le(t,o),ce(t,o))):r.error?n&&de(t,o,r.error):(n&&(ue(t,!0),le(t,o)),a.loadId=r.load(()=>{ue(t,!1),t.destroyed||(re(t,e,i,r,a,s)&&(r.hasAlphaPixel&&(t.__layout.hitCanvasChanged=!0),t.forceUpdate("surface")),ce(t,o)),a.loadId=void 0},e=>{ue(t,!1),de(t,o,e),a.loadId=void 0}),t.placeholderColor&&(t.placeholderDelay?setTimeout(()=>{r.ready||(r.isPlacehold=!0,t.forceUpdate("surface"))},t.placeholderDelay):r.isPlacehold=!0)),a},checkImage:function(t,e,s,n){const{scaleX:a,scaleY:o}=t.getRenderScaleData(!0,s.scaleFixed),{pixelRatio:r}=e,{data:c}=s;if(!c||s.patternId===a+"-"+o+"-"+r&&!q.running)return!1;if(n)if(c.repeat)n=!1;else if(!(s.changeful||"miniapp"===i.name&&l.isResizing(t)||q.running)){let{width:t,height:e}=c;t*=a*r,e*=o*r,c.scaleX&&(t*=c.scaleX,e*=c.scaleY),n=t*e>i.image.maxCacheSize}return n?(t.__.__isFastShadow&&(e.fillStyle=s.style||"#000",e.fill()),function(t,e,i,s){e.save(),e.clipUI(t),i.blendMode&&(e.blendMode=i.blendMode);s.opacity&&(e.opacity*=s.opacity);s.transform&&e.transform(s.transform);e.drawImage(i.image.getFull(s.filters),0,0,s.width,s.height),e.restore()}(t,e,s,c),!0):(!s.style||s.sync||q.running?ve(t,s,r):s.patternTask||(s.patternTask=E.patternTasker.add(()=>xe(this,void 0,void 0,function*(){s.patternTask=null,e.bounds.hit(t.__nowWorld)&&ve(t,s,r),t.forceUpdate("surface")}),300)),!1)},createPattern:ve,recycleImage:function(t,e){const i=e["_"+t];if(S(i)){let s,n,a,o,r;for(let l=0,c=i.length;l<c;l++)s=i[l],n=s.image,r=n&&n.url,r&&(a||(a={}),a[r]=!0,E.recycle(n),n.loading&&(o||(o=e.__input&&e.__input[t]||[],S(o)||(o=[o])),n.unload(i[l].loadId,!o.some(t=>t.url===r))));return a}return null},createData:ee,getPatternData:ie,stretchMode:Xt,fillOrFitMode:jt,clipMode:Vt,repeatMode:Ht},{toPoint:be}=z,{hasTransparent:ke}=G,Be={},Re={};function Ee(t,i,s,n){if(s){let a,o,r,l;for(let t=0,c=s.length;t<c;t++)a=s[t],e(a)?(r=t/(c-1),o=G.string(a,n)):(r=a.offset,o=G.string(a.color,n)),i.addColorStop(r,o),!l&&ke(o)&&(l=!0);l&&(t.isTransparent=!0)}}const{getAngle:Ae,getDistance:Le}=D,{get:Te,rotateOfOuter:Ce,scaleOfOuter:Oe}=W,{toPoint:We}=z,Me={},Pe={};function De(t,e,i,s,n){let a;const{width:o,height:r}=t;if(o!==r||s){const t=Ae(e,i);a=Te(),n?(Oe(a,e,o/r*(s||1),1),Ce(a,e,t+90)):(Oe(a,e,1,o/r*(s||1)),Ce(a,e,t))}return a}const{getDistance:Ie}=D,{toPoint:ze}=z,Fe={},Ue={};const Ye={linearGradient:function(t,e){let{from:s,to:n,type:a,opacity:o}=t;be(s||"top",e,Be),be(n||"bottom",e,Re);const r=i.canvas.createLinearGradient(Be.x,Be.y,Re.x,Re.y),l={type:a,style:r};return Ee(l,r,t.stops,o),l},radialGradient:function(t,e){let{from:s,to:n,type:a,opacity:o,stretch:r}=t;We(s||"center",e,Me),We(n||"bottom",e,Pe);const l=i.canvas.createRadialGradient(Me.x,Me.y,0,Me.x,Me.y,Le(Me,Pe)),c={type:a,style:l};Ee(c,l,t.stops,o);const d=De(e,Me,Pe,r,!0);return d&&(c.transform=d),c},conicGradient:function(t,e){let{from:s,to:n,type:a,opacity:o,stretch:r}=t;ze(s||"center",e,Fe),ze(n||"bottom",e,Ue);const l=i.conicGradientSupport?i.canvas.createConicGradient(0,Fe.x,Fe.y):i.canvas.createRadialGradient(Fe.x,Fe.y,0,Fe.x,Fe.y,Ie(Fe,Ue)),c={type:a,style:l};Ee(c,l,t.stops,o);const d=De(e,Fe,Ue,r||1,i.conicGradientRotate90);return d&&(c.transform=d),c},getTransform:De},{copy:Ge,move:Ne,toOffsetOutBounds:qe}=L,{max:Xe,abs:je}=Math,Ve={},He=new C,Qe={};function Ze(t,e){let i,s,n,a,o=0,r=0,l=0,c=0;return e.forEach(t=>{i=t.x||0,s=t.y||0,a=1.5*(t.blur||0),n=je(t.spread||0),o=Xe(o,n+a-s),r=Xe(r,n+a+i),l=Xe(l,n+a+s),c=Xe(c,n+a-i)}),o===r&&r===l&&l===c?o:[o,r,l,c]}function $e(t,e,s){const{shapeBounds:n}=s;let a,o;i.fullImageShadow?(Ge(Ve,t.bounds),Ne(Ve,e.x-n.x,e.y-n.y),a=t.bounds,o=Ve):(a=n,o=e),t.copyWorld(s.canvas,a,o)}const{toOffsetOutBounds:Je}=L,Ke={};const ti=Ze;const ei={shadow:function(t,e,i){let s,n;const{__nowWorld:a}=t,{shadow:o}=t.__,{worldCanvas:r,bounds:l,renderBounds:c,shapeBounds:d,scaleX:h,scaleY:u}=i,f=e.getSameCanvas(),p=o.length-1;qe(l,Qe,c),o.forEach((o,g)=>{let _=1;if(o.scaleFixed){const t=Math.abs(a.scaleX);t>1&&(_=1/t)}f.setWorldShadow(Qe.offsetX+(o.x||0)*h*_,Qe.offsetY+(o.y||0)*u*_,(o.blur||0)*h*_,G.string(o.color)),n=X.getShadowTransform(t,f,i,o,Qe,_),n&&f.setTransform(n),$e(f,Qe,i),n&&f.resetTransform(),s=c,o.box&&(f.restore(),f.save(),r&&(f.copyWorld(f,c,a,"copy"),s=a),r?f.copyWorld(r,a,a,"destination-out"):f.copyWorld(i.canvas,d,l,"destination-out")),m.copyCanvasByWorld(t,e,f,s,o.blendMode),p&&g<p&&f.clearWorld(s)}),f.recycle(s)},innerShadow:function(t,e,i){let s,n;const{__nowWorld:a}=t,{innerShadow:o}=t.__,{worldCanvas:r,bounds:l,renderBounds:c,shapeBounds:d,scaleX:h,scaleY:u}=i,f=e.getSameCanvas(),p=o.length-1;Je(l,Ke,c),o.forEach((o,g)=>{let _=1;if(o.scaleFixed){const t=Math.abs(a.scaleX);t>1&&(_=1/t)}f.save(),f.setWorldShadow(Ke.offsetX+(o.x||0)*h*_,Ke.offsetY+(o.y||0)*u*_,(o.blur||0)*h*_),n=X.getShadowTransform(t,f,i,o,Ke,_,!0),n&&f.setTransform(n),$e(f,Ke,i),f.restore(),r?(f.copyWorld(f,c,a,"copy"),f.copyWorld(r,a,a,"source-out"),s=a):(f.copyWorld(i.canvas,d,l,"source-out"),s=c),f.fillWorld(s,G.string(o.color),"source-in"),m.copyCanvasByWorld(t,e,f,s,o.blendMode),p&&g<p&&f.clearWorld(s)}),f.recycle(s)},blur:function(t,e,i){const{blur:s}=t.__;i.setWorldBlur(s*t.__nowWorld.a),i.copyWorldToInner(e,t.__nowWorld,t.__layout.renderBounds),i.filter="none"},backgroundBlur:function(t,e,i){},getShadowRenderSpread:Ze,getShadowTransform:function(t,e,i,s,n,a,o){if(s.spread){const i=2*s.spread*a*(o?-1:1),{width:r,height:l}=t.__layout.strokeBounds;return He.set().scaleOfOuter({x:(n.x+n.width/2)*e.pixelRatio,y:(n.y+n.height/2)*e.pixelRatio},1+i/r,1+i/l),He}},isTransformShadow(t){},getInnerShadowSpread:ti},{excludeRenderBounds:ii}=v;let si;function ni(t,e,i,s,n,a,o,r){switch(e){case"grayscale":si||(si=!0,n.useGrayscaleAlpha(t.__nowWorld));case"alpha":!function(t,e,i,s,n,a){const o=t.__nowWorld;i.resetTransform(),i.opacity=1,i.useMask(s,o),a&&s.recycle(o);oi(t,e,i,1,n,a)}(t,i,s,n,o,r);break;case"opacity-path":oi(t,i,s,a,o,r);break;case"path":r&&i.restore()}}function ai(t){return t.getSameCanvas(!1,!0)}function oi(t,e,i,s,n,a){const o=t.__nowWorld;e.resetTransform(),e.opacity=s,e.copyWorld(i,o,void 0,n),a?i.recycle(o):i.clearWorld(o)}j.prototype.__renderMask=function(t,e){let i,s,n,a,o,r;const{children:l}=this;for(let c=0,d=l.length;c<d;c++){if(i=l[c],r=i.__.mask,r){o&&(ni(this,o,t,n,s,a,void 0,!0),s=n=null),"clipping"!==r&&"clipping-path"!==r||ii(i,e)||i.__render(t,e),a=i.__.opacity,si=!1,"path"===r||"clipping-path"===r?(a<1?(o="opacity-path",n||(n=ai(t))):(o="path",t.save()),i.__clip(n||t,e)):(o="grayscale"===r?"grayscale":"alpha",s||(s=ai(t)),n||(n=ai(t)),i.__render(s,e));continue}const d=1===a&&i.__.__blendMode;d&&ni(this,o,t,n,s,a,void 0,!1),ii(i,e)||i.__render(n||t,e),d&&ni(this,o,t,n,s,a,d,!1)}ni(this,o,t,n,s,a,void 0,!0)};const ri=">)]}%!?,.:;'\"》)」〉』〗】〕}┐>’”!?,、。:;‰",li=ri+"_#~&*+\\=|≮≯≈≠=…",ci=new RegExp([[19968,40959],[13312,19903],[131072,173791],[173824,177983],[177984,178207],[178208,183983],[183984,191471],[196608,201551],[201552,205743],[11904,12031],[12032,12255],[12272,12287],[12288,12351],[12736,12783],[12800,13055],[13056,13311],[63744,64255],[65072,65103],[127488,127743],[194560,195103]].map(([t,e])=>`[\\u${t.toString(16)}-\\u${e.toString(16)}]`).join("|"));function di(t){const e={};return t.split("").forEach(t=>e[t]=!0),e}const hi=di("ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyz"),ui=di("{[(<'\"《(「〈『〖【〔{┌<‘“=¥¥$€££¢¢"),fi=di(ri),pi=di(li),gi=di("- —/~|┆·");var _i;!function(t){t[t.Letter=0]="Letter",t[t.Single=1]="Single",t[t.Before=2]="Before",t[t.After=3]="After",t[t.Symbol=4]="Symbol",t[t.Break=5]="Break"}(_i||(_i={}));const{Letter:wi,Single:mi,Before:yi,After:vi,Symbol:xi,Break:Si}=_i;function bi(t){return hi[t]?wi:gi[t]?Si:ui[t]?yi:fi[t]?vi:pi[t]?xi:ci.test(t)?mi:wi}const ki={trimRight(t){const{words:e}=t;let i,s=0,n=e.length;for(let a=n-1;a>-1&&(i=e[a].data[0]," "===i.char);a--)s++,t.width-=i.width;s&&e.splice(n-s,s)}};function Bi(t,e,i){switch(e){case"title":return i?t.toUpperCase():t;case"upper":return t.toUpperCase();case"lower":return t.toLowerCase();default:return t}}const{trimRight:Ri}=ki,{Letter:Ei,Single:Ai,Before:Li,After:Ti,Symbol:Ci,Break:Oi}=_i;let Wi,Mi,Pi,Di,Ii,zi,Fi,Ui,Yi,Gi,Ni,qi,Xi,ji,Vi,Hi,Qi,Zi=[];function $i(t,e){Yi&&!Ui&&(Ui=Yi),Wi.data.push({char:t,width:e}),Pi+=e}function Ji(){Di+=Pi,Wi.width=Pi,Mi.words.push(Wi),Wi={data:[]},Pi=0}function Ki(){ji&&(Vi.paraNumber++,Mi.paraStart=!0,ji=!1),Yi&&(Mi.startCharSize=Ui,Mi.endCharSize=Yi,Ui=0),Mi.width=Di,Hi.width?Ri(Mi):Qi&&ts(),Zi.push(Mi),Mi={words:[]},Di=0}function ts(){Di>(Vi.maxWidth||0)&&(Vi.maxWidth=Di)}const{top:es,right:is,bottom:ss,left:ns}=F;function as(t,e,i){const{bounds:s,rows:n}=t;s[e]+=i;for(let t=0;t<n.length;t++)n[t][e]+=i}const os={getDrawData:function(t,s){e(t)||(t=String(t));let n=0,a=0,o=s.__getInput("width")||0,r=s.__getInput("height")||0;const{textDecoration:l,__font:c,__padding:d}=s;d&&(o?(n=d[ns],o-=d[is]+d[ns]):s.autoSizeAlign||(n=d[ns]),r?(a=d[es],r-=d[es]+d[ss]):s.autoSizeAlign||(a=d[es]));const h={bounds:{x:n,y:a,width:o,height:r},rows:[],paraNumber:0,font:i.canvas.font=c};return function(t,e,s){Vi=t,Zi=t.rows,Hi=t.bounds,Qi=!Hi.width&&!s.autoSizeAlign;const{__letterSpacing:n,paraIndent:a,textCase:o}=s,{canvas:r}=i,{width:l,height:c}=Hi;if(l||c||n||"none"!==o){const t="none"!==s.textWrap,i="break"===s.textWrap;ji=!0,Ni=null,Ui=Fi=Yi=Pi=Di=0,Wi={data:[]},Mi={words:[]},n&&(e=[...e]);for(let s=0,c=e.length;s<c;s++)zi=e[s],"\n"===zi?(Pi&&Ji(),Mi.paraEnd=!0,Ki(),ji=!0):(Gi=bi(zi),Gi===Ei&&"none"!==o&&(zi=Bi(zi,o,!Pi)),Fi=r.measureText(zi).width,n&&(n<0&&(Yi=Fi),Fi+=n),qi=Gi===Ai&&(Ni===Ai||Ni===Ei)||Ni===Ai&&Gi!==Ti,Xi=!(Gi!==Li&&Gi!==Ai||Ni!==Ci&&Ni!==Ti),Ii=ji&&a?l-a:l,t&&l&&Di+Pi+Fi>Ii&&(i?(Pi&&Ji(),Di&&Ki()):(Xi||(Xi=Gi===Ei&&Ni==Ti),qi||Xi||Gi===Oi||Gi===Li||Gi===Ai||Pi+Fi>Ii?(Pi&&Ji(),Di&&Ki()):Di&&Ki()))," "===zi&&!0!==ji&&Di+Pi===0||(Gi===Oi?(" "===zi&&Pi&&Ji(),$i(zi,Fi),Ji()):qi||Xi?(Pi&&Ji(),$i(zi,Fi)):$i(zi,Fi)),Ni=Gi);Pi&&Ji(),Di&&Ki(),Zi.length>0&&(Zi[Zi.length-1].paraEnd=!0)}else e.split("\n").forEach(t=>{Vi.paraNumber++,Di=r.measureText(t).width,Zi.push({x:a||0,text:t,width:Di,paraStart:!0}),Qi&&ts()})}(h,t,s),d&&function(t,e,i,s,n){if(!s&&i.autoSizeAlign)switch(i.textAlign){case"left":as(e,"x",t[ns]);break;case"right":as(e,"x",-t[is])}if(!n&&i.autoSizeAlign)switch(i.verticalAlign){case"top":as(e,"y",t[es]);break;case"bottom":as(e,"y",-t[ss])}}(d,h,s,o,r),function(t,e){const{rows:i,bounds:s}=t,n=i.length,{__lineHeight:a,__baseLine:o,__letterSpacing:r,__clipText:l,textAlign:c,verticalAlign:d,paraSpacing:h,autoSizeAlign:u}=e;let{x:f,y:p,width:g,height:_}=s,w=a*n+(h?h*(t.paraNumber-1):0),m=o;if(l&&w>_)w=Math.max(_,a),n>1&&(t.overflow=n);else if(_||u)switch(d){case"middle":p+=(_-w)/2;break;case"bottom":p+=_-w}m+=p;let y,v,x,S=g||u?g:t.maxWidth;for(let o=0,d=n;o<d;o++){if(y=i[o],y.x=f,y.width<g||y.width>g&&!l)switch(c){case"center":y.x+=(S-y.width)/2;break;case"right":y.x+=S-y.width}y.paraStart&&h&&o>0&&(m+=h),y.y=m,m+=a,t.overflow>o&&m>w&&(y.isOverflow=!0,t.overflow=o+1),v=y.x,x=y.width,r<0&&(y.width<0?(x=-y.width+e.fontSize+r,v-=x,x+=e.fontSize):x-=r),v<s.x&&(s.x=v),x>s.width&&(s.width=x),l&&g&&g<x&&(y.isOverflow=!0,t.overflow||(t.overflow=i.length))}s.y=p,s.height=w}(h,s),function(t,e,i){const{rows:s}=t,{textAlign:n,paraIndent:a,letterSpacing:o}=e;let r,l,c,d,h,u;s.forEach(t=>{t.words&&(c=a&&t.paraStart?a:0,u=t.words.length,l=i&&("justify"===n||"both"===n)&&u>1?(i-t.width-c)/(u-1):0,d=o||t.isOverflow?0:l>.01?1:2,t.isOverflow&&!o&&(t.textMode=!0),2===d?(t.x+=c,function(t){t.text="",t.words.forEach(e=>{e.data.forEach(e=>{t.text+=e.char})})}(t)):(t.x+=c,r=t.x,t.data=[],t.words.forEach((e,i)=>{1===d?(h={char:"",x:r},r=function(t,e,i){return t.forEach(t=>{i.char+=t.char,e+=t.width}),e}(e.data,r,h),(t.isOverflow||" "!==h.char)&&t.data.push(h)):r=function(t,e,i,s){return t.forEach(t=>{(s||" "!==t.char)&&(t.x=e,i.push(t)),e+=t.width}),e}(e.data,r,t.data,t.isOverflow),!l||t.paraEnd&&"both"!==n||i===u-1||(r+=l,t.width+=l)})),t.words=null)})}(h,s,o),h.overflow&&function(t,e,s,n){if(!n)return;const{rows:a,overflow:o}=t;let{textOverflow:r}=e;if(a.splice(o),r&&"show"!==r){let t,l;"hide"===r?r="":"ellipsis"===r&&(r="...");const c=r?i.canvas.measureText(r).width:0,d=s+n-c;("none"===e.textWrap?a:[a[o-1]]).forEach(e=>{if(e.isOverflow&&e.data){let i=e.data.length-1;for(let s=i;s>-1&&(t=e.data[s],l=t.x+t.width,!(s===i&&l<d));s--){if(l<d&&" "!==t.char||!s){e.data.splice(s+1),e.width-=t.width;break}e.width-=t.width}e.width+=c,e.data.push({char:r,x:l}),e.textMode&&function(t){t.text="",t.data.forEach(e=>{t.text+=e.char}),t.data=null}(e)}})}}(h,s,n,o),"none"!==l&&function(t,e){let i,s=0;const{fontSize:n,textDecoration:a}=e;switch(t.decorationHeight=n/11,A(a)?(i=a.type,a.color&&(t.decorationColor=G.string(a.color)),a.offset&&(s=Math.min(.3*n,Math.max(a.offset,.15*-n)))):i=a,i){case"under":t.decorationY=[.15*n+s];break;case"delete":t.decorationY=[.35*-n];break;case"under-delete":t.decorationY=[.15*n+s,.35*-n]}}(h,s),h}};const rs={string:function(t,i){if(!t)return"#000";const n=s(i)&&i<1;if(e(t)){if(!n||!G.object)return t;t=G.object(t)}let a=r(t.a)?1:t.a;n&&(a*=i);const o=t.r+","+t.g+","+t.b;return 1===a?"rgb("+o+")":"rgba("+o+","+a+")"}};Object.assign(V,os),Object.assign(G,rs),Object.assign(Y,Wt),Object.assign(U,Se),Object.assign(N,Ye),Object.assign(X,ei);try{wx&&$(0,wx)}catch(t){}export{ct as Layouter,H as LeaferCanvas,ht as Renderer,J as Watcher,$ as useCanvas};
|
|
1
|
+
import{LeaferCanvasBase as t,isString as e,Platform as i,isNumber as s,canvasPatch as a,DataHelper as n,canvasSizeAttrs as r,isUndefined as o,ResizeEvent as l,FileHelper as c,Creator as d,LeaferImage as h,defineKey as u,LeafList as f,RenderEvent as p,ChildEvent as g,WatchEvent as _,PropertyEvent as w,LeafHelper as m,BranchHelper as y,LeafBoundsHelper as v,Bounds as x,isArray as S,Debug as b,LeafLevelList as k,LayoutEvent as B,Run as R,ImageManager as E,isObject as A,BoundsHelper as T,FourNumberHelper as L,Matrix as P,ImageEvent as C,MatrixHelper as O,MathHelper as W,AlignHelper as M,PointHelper as D,getMatrixData as I,AroundHelper as z,Direction4 as F}from"@leafer/core";export*from"@leafer/core";export{LeaferImage}from"@leafer/core";import{Paint as U,PaintImage as Y,ColorConvert as X,PaintGradient as G,Effect as N,Group as q,TextConvert as j}from"@leafer-ui/draw";export*from"@leafer-ui/draw";class V extends t{get allowBackgroundColor(){return!1}init(){const{config:t}=this;let s=t.view||t.canvas;s?(e(s)?("#"!==s[0]&&(s="#"+s),this.viewSelect=i.miniapp.select(s)):s.fields?this.viewSelect=s:this.initView(s),this.viewSelect&&i.miniapp.getSizeView(this.viewSelect).then(t=>{this.initView(t)})):this.initView()}initView(t){t?this.view=t.view||t:(t={},this.__createView()),this.view.getContext?this.__createContext():this.unrealCanvas();const{width:e,height:n,pixelRatio:r}=this.config,o={width:e||t.width,height:n||t.height,pixelRatio:r};this.resize(o),this.context&&(this.viewSelect&&(i.renderCanvas=this),this.context.roundRect&&(this.roundRect=function(t,e,i,a,n){this.context.roundRect(t,e,i,a,s(n)?[n]:n)}),a(this.context.__proto__))}__createView(){this.view=i.origin.createCanvas(1,1)}updateViewSize(){if(this.unreal)return;const{width:t,height:e,pixelRatio:i}=this;this.view.width=Math.ceil(t*i),this.view.height=Math.ceil(e*i)}updateClientBounds(t){this.viewSelect&&i.miniapp.getBounds(this.viewSelect).then(e=>{this.clientBounds=e,t&&t()})}startAutoLayout(t,e){this.resizeListener||(this.resizeListener=e,t&&(this.checkSize=this.checkSize.bind(this),i.miniapp.onWindowResize(this.checkSize)))}checkSize(){this.viewSelect&&setTimeout(()=>{this.updateClientBounds(()=>{const{width:t,height:e}=this.clientBounds,{pixelRatio:i}=this,s={width:t,height:e,pixelRatio:i};this.isSameSize(s)||this.emitResize(s)})},500)}stopAutoLayout(){this.autoLayout=!1,this.resizeListener=null,i.miniapp.offWindowResize(this.checkSize)}unrealCanvas(){this.unreal=!0}emitResize(t){const e={};n.copyAttrs(e,this,r),this.resize(t),o(this.width)||this.resizeListener(new l(t,e))}}const{mineType:H,fileType:Q}=c;function Z(t,e){i.origin={createCanvas:(t,i,s)=>{const a={type:"2d",width:t,height:i};return e.createOffscreenCanvas?e.createOffscreenCanvas(a):e.createOffScreenCanvas(a)},canvasToDataURL:(t,e,i)=>t.toDataURL(H(e),i),canvasToBolb:(t,e,i)=>t.toBuffer(e,{quality:i}),canvasSaveAs:(t,e,s)=>{let a=t.toDataURL(H(Q(e)),s);return a=a.substring(a.indexOf("64,")+3),i.origin.download(a,e)},download:(t,s)=>new Promise((a,n)=>{let r;s.includes("/")||(s=`${e.env.USER_DATA_PATH}/`+s,r=!0);const o=e.getFileSystemManager();o.writeFile({filePath:s,data:t,encoding:"base64",success(){r?i.miniapp.saveToAlbum(s).then(()=>{o.unlink({filePath:s}),a()}):a()},fail(t){n(t)}})}),loadImage:t=>new Promise((e,s)=>{const a=i.canvas.view.createImage();a.onload=()=>{e(a)},a.onerror=t=>{s(t)},a.src=i.image.getRealURL(t)}),noRepeat:"repeat-x"},i.miniapp={select:t=>e.createSelectorQuery().select(t),getBounds:t=>new Promise(e=>{t.boundingClientRect().exec(t=>{const i=t[1];e({x:i.top,y:i.left,width:i.width,height:i.height})})}),getSizeView:t=>new Promise(e=>{t.fields({node:!0,size:!0}).exec(t=>{const i=t[0];e({view:i.node,width:i.width,height:i.height})})}),saveToAlbum:t=>new Promise(i=>{e.getSetting({success:s=>{s.authSetting["scope.writePhotosAlbum"]?e.saveImageToPhotosAlbum({filePath:t,success(){i(!0)}}):e.authorize({scope:"scope.writePhotosAlbum",success:()=>{e.saveImageToPhotosAlbum({filePath:t,success(){i(!0)}})},fail:()=>{}})}})}),onWindowResize(t){e.onWindowResize(t)},offWindowResize(t){e.offWindowResize(t)}},i.event={stopDefault(t){},stopNow(t){},stop(t){}},i.canvas=d.canvas(),i.conicGradientSupport=!!i.canvas.context.createConicGradient}Object.assign(d,{canvas:(t,e)=>new V(t,e),image:t=>new h(t)}),i.name="miniapp",i.requestRender=function(t){const{view:e}=i.renderCanvas||i.canvas;e.requestAnimationFrame?e.requestAnimationFrame(t):setTimeout(t,16)},u(i,"devicePixelRatio",{get:()=>Math.max(1,wx.getWindowInfo?wx.getWindowInfo().pixelRatio:wx.getSystemInfoSync().pixelRatio)});class ${get childrenChanged(){return this.hasAdd||this.hasRemove||this.hasVisible}get updatedList(){if(this.hasRemove){const t=new f;return this.__updatedList.list.forEach(e=>{e.leafer&&t.add(e)}),t}return this.__updatedList}constructor(t,e){this.totalTimes=0,this.config={},this.__updatedList=new f,this.target=t,e&&(this.config=n.default(e,this.config)),this.__listenEvents()}start(){this.disabled||(this.running=!0)}stop(){this.running=!1}disable(){this.stop(),this.__removeListenEvents(),this.disabled=!0}update(){this.changed=!0,this.running&&this.target.emit(p.REQUEST)}__onAttrChange(t){this.__updatedList.add(t.target),this.update()}__onChildEvent(t){t.type===g.ADD?(this.hasAdd=!0,this.__pushChild(t.child)):(this.hasRemove=!0,this.__updatedList.add(t.parent)),this.update()}__pushChild(t){this.__updatedList.add(t),t.isBranch&&this.__loopChildren(t)}__loopChildren(t){const{children:e}=t;for(let t=0,i=e.length;t<i;t++)this.__pushChild(e[t])}__onRquestData(){this.target.emitEvent(new _(_.DATA,{updatedList:this.updatedList})),this.__updatedList=new f,this.totalTimes++,this.changed=this.hasVisible=this.hasRemove=this.hasAdd=!1}__listenEvents(){this.__eventIds=[this.target.on_([[w.CHANGE,this.__onAttrChange,this],[[g.ADD,g.REMOVE],this.__onChildEvent,this],[_.REQUEST,this.__onRquestData,this]])]}__removeListenEvents(){this.target.off_(this.__eventIds)}destroy(){this.target&&(this.stop(),this.__removeListenEvents(),this.target=this.__updatedList=null)}}const{updateAllMatrix:J,updateBounds:K,updateChange:tt}=m,{pushAllChildBranch:et,pushAllParent:it}=y;const{worldBounds:st}=v;class at{constructor(t){this.updatedBounds=new x,this.beforeBounds=new x,this.afterBounds=new x,S(t)&&(t=new f(t)),this.updatedList=t}setBefore(){this.beforeBounds.setListWithFn(this.updatedList.list,st)}setAfter(){this.afterBounds.setListWithFn(this.updatedList.list,st),this.updatedBounds.setList([this.beforeBounds,this.afterBounds])}merge(t){this.updatedList.addList(t.updatedList.list),this.beforeBounds.add(t.beforeBounds),this.afterBounds.add(t.afterBounds),this.updatedBounds.add(t.updatedBounds)}destroy(){this.updatedList=null}}const{updateAllMatrix:nt,updateAllChange:rt}=m,ot=b.get("Layouter");class lt{constructor(t,e){this.totalTimes=0,this.config={},this.__levelList=new k,this.target=t,e&&(this.config=n.default(e,this.config)),this.__listenEvents()}start(){this.disabled||(this.running=!0)}stop(){this.running=!1}disable(){this.stop(),this.__removeListenEvents(),this.disabled=!0}layout(){if(this.layouting||!this.running)return;const{target:t}=this;this.times=0;try{t.emit(B.START),this.layoutOnce(),t.emitEvent(new B(B.END,this.layoutedBlocks,this.times))}catch(t){ot.error(t)}this.layoutedBlocks=null}layoutAgain(){this.layouting?this.waitAgain=!0:this.layoutOnce()}layoutOnce(){return this.layouting?ot.warn("layouting"):this.times>3?ot.warn("layout max times"):(this.times++,this.totalTimes++,this.layouting=!0,this.target.emit(_.REQUEST),this.totalTimes>1?this.partLayout():this.fullLayout(),this.layouting=!1,void(this.waitAgain&&(this.waitAgain=!1,this.layoutOnce())))}partLayout(){var t;if(!(null===(t=this.__updatedList)||void 0===t?void 0:t.length))return;const e=R.start("PartLayout"),{target:i,__updatedList:s}=this,{BEFORE:a,LAYOUT:n,AFTER:r}=B,o=this.getBlocks(s);o.forEach(t=>t.setBefore()),i.emitEvent(new B(a,o,this.times)),this.extraBlock=null,s.sort(),function(t,e){let i;t.list.forEach(t=>{i=t.__layout,e.without(t)&&!i.proxyZoom&&(i.matrixChanged?(J(t,!0),e.add(t),t.isBranch&&et(t,e),it(t,e)):i.boundsChanged&&(e.add(t),t.isBranch&&(t.__tempNumber=0),it(t,e)))})}(s,this.__levelList),function(t){let e,i,s;t.sort(!0),t.levels.forEach(a=>{e=t.levelMap[a];for(let t=0,a=e.length;t<a;t++){if(i=e[t],i.isBranch&&i.__tempNumber){s=i.children;for(let t=0,e=s.length;t<e;t++)s[t].isBranch||K(s[t])}K(i)}})}(this.__levelList),function(t){t.list.forEach(tt)}(s),this.extraBlock&&o.push(this.extraBlock),o.forEach(t=>t.setAfter()),i.emitEvent(new B(n,o,this.times)),i.emitEvent(new B(r,o,this.times)),this.addBlocks(o),this.__levelList.reset(),this.__updatedList=null,R.end(e)}fullLayout(){const t=R.start("FullLayout"),{target:e}=this,{BEFORE:i,LAYOUT:s,AFTER:a}=B,n=this.getBlocks(new f(e));e.emitEvent(new B(i,n,this.times)),lt.fullLayout(e),n.forEach(t=>{t.setAfter()}),e.emitEvent(new B(s,n,this.times)),e.emitEvent(new B(a,n,this.times)),this.addBlocks(n),R.end(t)}static fullLayout(t){nt(t,!0),t.isBranch?y.updateBounds(t):m.updateBounds(t),rt(t)}addExtra(t){if(!this.__updatedList.has(t)){const{updatedList:e,beforeBounds:i}=this.extraBlock||(this.extraBlock=new at([]));e.length?i.add(t.__world):i.set(t.__world),e.add(t)}}createBlock(t){return new at(t)}getBlocks(t){return[this.createBlock(t)]}addBlocks(t){this.layoutedBlocks?this.layoutedBlocks.push(...t):this.layoutedBlocks=t}__onReceiveWatchData(t){this.__updatedList=t.data.updatedList}__listenEvents(){this.__eventIds=[this.target.on_([[B.REQUEST,this.layout,this],[B.AGAIN,this.layoutAgain,this],[_.DATA,this.__onReceiveWatchData,this]])]}__removeListenEvents(){this.target.off_(this.__eventIds)}destroy(){this.target&&(this.stop(),this.__removeListenEvents(),this.target=this.config=null)}}const ct=b.get("Renderer");class dt{get needFill(){return!(this.canvas.allowBackgroundColor||!this.config.fill)}constructor(t,e,i){this.FPS=60,this.totalTimes=0,this.times=0,this.config={usePartRender:!0,maxFPS:120},this.frames=[],this.target=t,this.canvas=e,i&&(this.config=n.default(i,this.config)),this.__listenEvents()}start(){this.running=!0,this.update(!1)}stop(){this.running=!1}update(t=!0){this.changed||(this.changed=t),this.__requestRender()}requestLayout(){this.target.emit(B.REQUEST)}checkRender(){if(this.running){const{target:t}=this;t.isApp&&(t.emit(p.CHILD_START,t),t.children.forEach(t=>{t.renderer.FPS=this.FPS,t.renderer.checkRender()}),t.emit(p.CHILD_END,t)),this.changed&&this.canvas.view&&this.render(),this.target.emit(p.NEXT)}}render(t){if(!this.running||!this.canvas.view)return this.update();const{target:e}=this;this.times=0,this.totalBounds=new x,ct.log(e.innerName,"---\x3e");try{this.emitRender(p.START),this.renderOnce(t),this.emitRender(p.END,this.totalBounds),E.clearRecycled()}catch(t){this.rendering=!1,ct.error(t)}ct.log("-------------|")}renderAgain(){this.rendering?this.waitAgain=!0:this.renderOnce()}renderOnce(t){if(this.rendering)return ct.warn("rendering");if(this.times>3)return ct.warn("render max times");if(this.times++,this.totalTimes++,this.rendering=!0,this.changed=!1,this.renderBounds=new x,this.renderOptions={},t)this.emitRender(p.BEFORE),t();else{if(this.requestLayout(),this.ignore)return void(this.ignore=this.rendering=!1);this.emitRender(p.BEFORE),this.config.usePartRender&&this.totalTimes>1?this.partRender():this.fullRender()}this.emitRender(p.RENDER,this.renderBounds,this.renderOptions),this.emitRender(p.AFTER,this.renderBounds,this.renderOptions),this.updateBlocks=null,this.rendering=!1,this.waitAgain&&(this.waitAgain=!1,this.renderOnce())}partRender(){const{canvas:t,updateBlocks:e}=this;e&&(this.mergeBlocks(),e.forEach(e=>{t.bounds.hit(e)&&!e.isEmpty()&&this.clipRender(e)}))}clipRender(t){const e=R.start("PartRender"),{canvas:i}=this,s=t.getIntersect(i.bounds),a=new x(s);i.save(),s.spread(dt.clipSpread).ceil(),i.clearWorld(s),i.clipWorld(s),this.__render(s,a),i.restore(),R.end(e)}fullRender(){const t=R.start("FullRender"),{canvas:e}=this;e.save(),e.clear(),this.__render(e.bounds),e.restore(),R.end(t)}__render(t,e){const{canvas:s}=this,a=t.includes(this.target.__world),n=a?{includes:a}:{bounds:t,includes:a};this.needFill&&s.fillWorld(t,this.config.fill),b.showRepaint&&b.drawRepaint(s,t),i.render(this.target,s,n),this.renderBounds=e=e||t,this.renderOptions=n,this.totalBounds.isEmpty()?this.totalBounds=e:this.totalBounds.add(e),s.updateRender(e)}addBlock(t){this.updateBlocks||(this.updateBlocks=[]),this.updateBlocks.push(t)}mergeBlocks(){const{updateBlocks:t}=this;if(t){const e=new x;e.setList(t),t.length=0,t.push(e)}}__requestRender(){const t=this.target;if(this.requestTime||!t)return;if(t.parentApp)return t.parentApp.requestRender(!1);this.requestTime=this.frameTime||Date.now();const e=()=>{const t=1e3/((this.frameTime=Date.now())-this.requestTime),{maxFPS:s}=this.config;if(s&&t>s)return i.requestRender(e);const{frames:a}=this;a.length>30&&a.shift(),a.push(t),this.FPS=Math.round(a.reduce((t,e)=>t+e,0)/a.length),this.requestTime=0,this.checkRender()};i.requestRender(e)}__onResize(t){if(!this.canvas.unreal){if(t.bigger||!t.samePixelRatio){const{width:e,height:i}=t.old;if(!new x(0,0,e,i).includes(this.target.__world)||this.needFill||!t.samePixelRatio)return this.addBlock(this.canvas.bounds),void this.target.forceUpdate("surface")}this.addBlock(new x(0,0,1,1)),this.update()}}__onLayoutEnd(t){t.data&&t.data.map(t=>{let e;t.updatedList&&t.updatedList.list.some(t=>(e=!t.__world.width||!t.__world.height,e&&(t.isLeafer||ct.tip(t.innerName,": empty"),e=!t.isBranch||t.isBranchLeaf),e)),this.addBlock(e?this.canvas.bounds:t.updatedBounds)})}emitRender(t,e,i){this.target.emitEvent(new p(t,this.times,e,i))}__listenEvents(){this.__eventIds=[this.target.on_([[p.REQUEST,this.update,this],[B.END,this.__onLayoutEnd,this],[p.AGAIN,this.renderAgain,this],[l.RESIZE,this.__onResize,this]])]}__removeListenEvents(){this.target.off_(this.__eventIds)}destroy(){this.target&&(this.stop(),this.__removeListenEvents(),this.config={},this.target=this.canvas=null)}}function ht(t,e,i){t.__.__font?U.fillText(t,e,i):t.__.windingRule?e.fill(t.__.windingRule):e.fill()}function ut(t,e,i,s,a){const n=i.__;A(t)?U.drawStrokesStyle(t,e,!1,i,s,a):(s.setStroke(t,n.__strokeWidth*e,n),s.stroke()),n.__useArrow&&U.strokeArrow(t,i,s,a)}function ft(t,e,i,s,a){const n=i.__;A(t)?U.drawStrokesStyle(t,e,!0,i,s,a):(s.setStroke(t,n.__strokeWidth*e,n),U.drawTextStroke(i,s,a))}function pt(t,e,i,s,a){const n=s.getSameCanvas(!0,!0);n.font=i.__.__font,ft(t,2,i,n,a),n.blendMode="outside"===e?"destination-out":"destination-in",U.fillText(i,n,a),n.blendMode="normal",m.copyCanvasByWorld(i,s,n),n.recycle(i.__nowWorld)}dt.clipSpread=10,Object.assign(d,{watcher:(t,e)=>new $(t,e),layouter:(t,e)=>new lt(t,e),renderer:(t,e,i)=>new dt(t,e,i),selector:(t,e)=>{},interaction:(t,e,i,s)=>{}}),i.layout=lt.fullLayout,i.render=function(t,e,i){const s=Object.assign(Object.assign({},i),{topRendering:!0});i.topList=new f,t.__render(e,i),i.topList.length&&i.topList.forEach(t=>t.__render(e,s))};const{getSpread:gt,copyAndSpread:_t,toOuterOf:wt,getOuterOf:mt,getByMove:yt,move:vt,getIntersectData:xt}=T,St={};let bt;const{stintSet:kt}=n,{hasTransparent:Bt}=X;function Rt(t,i,s){if(!A(i)||!1===i.visible||0===i.opacity)return;let a;const{boxBounds:n}=s.__layout;switch(i.type){case"image":a=Y.image(s,t,i,n,!bt||!bt[i.url]);break;case"linear":a=G.linearGradient(i,n);break;case"radial":a=G.radialGradient(i,n);break;case"angular":a=G.conicGradient(i,n);break;case"solid":const{type:e,color:r,opacity:l}=i;a={type:e,style:X.string(r,l)};break;default:o(i.r)||(a={type:"solid",style:X.string(i)})}if(a&&(a.originPaint=i,e(a.style)&&Bt(a.style)&&(a.isTransparent=!0),i.style)){if(0===i.style.strokeWidth)return;a.strokeStyle=i.style}return a}const Et={compute:function(t,e){const i=e.__,s=[];let a,n,r,o=i.__input[t];S(o)||(o=[o]),bt=Y.recycleImage(t,i);for(let i,a=0,n=o.length;a<n;a++)(i=Rt(t,o[a],e))&&(s.push(i),i.strokeStyle&&(r||(r=1),i.strokeStyle.strokeWidth&&(r=Math.max(r,i.strokeStyle.strokeWidth))));i["_"+t]=s.length?s:void 0,s.length?(s.every(t=>t.isTransparent)&&(s.some(t=>t.image)&&(a=!0),n=!0),"fill"===t?(kt(i,"__isAlphaPixelFill",a),kt(i,"__isTransparentFill",n)):(kt(i,"__isAlphaPixelStroke",a),kt(i,"__isTransparentStroke",n),kt(i,"__hasMultiStrokeStyle",r))):i.__removePaint(t,!1)},fill:function(t,e,i,s){i.fillStyle=t,ht(e,i,s)},fills:function(t,e,i,s){let a,n,r;for(let o=0,l=t.length;o<l;o++){if(a=t[o],n=a.originPaint,a.image){if(r?r++:r=1,Y.checkImage(a,!e.__.__font,e,i,s))continue;if(!a.style){1===r&&a.image.isPlacehold&&e.drawImagePlaceholder(a,i,s);continue}}if(i.fillStyle=a.style,a.transform||n.scaleFixed){if(i.save(),a.transform&&i.transform(a.transform),n.scaleFixed){const{scaleX:t,scaleY:s}=e.getRenderScaleData(!0);(!0===n.scaleFixed||"zoom-in"===n.scaleFixed&&t>1&&s>1)&&i.scale(1/t,1/s)}n.blendMode&&(i.blendMode=n.blendMode),ht(e,i,s),i.restore()}else n.blendMode?(i.saveBlendMode(n.blendMode),ht(e,i,s),i.restoreBlendMode()):ht(e,i,s)}},fillPathOrText:ht,fillText:function(t,e,i){const s=t.__,{rows:a,decorationY:n}=s.__textDrawData;let r;s.__isPlacehold&&s.placeholderColor&&(e.fillStyle=s.placeholderColor);for(let t=0,i=a.length;t<i;t++)r=a[t],r.text?e.fillText(r.text,r.x,r.y):r.data&&r.data.forEach(t=>{e.fillText(t.char,t.x,r.y)});if(n){const{decorationColor:t,decorationHeight:i}=s.__textDrawData;t&&(e.fillStyle=t),a.forEach(t=>n.forEach(s=>e.fillRect(t.x,t.y+s,t.width,i)))}},stroke:function(t,e,i,s){const a=e.__;if(a.__strokeWidth)if(a.__font)U.strokeText(t,e,i,s);else switch(a.strokeAlign){case"center":ut(t,1,e,i,s);break;case"inside":!function(t,e,i,s){i.save(),i.clipUI(e),ut(t,2,e,i,s),i.restore()}(t,e,i,s);break;case"outside":!function(t,e,i,s){const a=e.__;if(a.__fillAfterStroke)ut(t,2,e,i,s);else{const{renderBounds:n}=e.__layout,r=i.getSameCanvas(!0,!0);e.__drawRenderPath(r),ut(t,2,e,r,s),r.clipUI(a),r.clearWorld(n),m.copyCanvasByWorld(e,i,r),r.recycle(e.__nowWorld)}}(t,e,i,s)}},strokes:function(t,e,i,s){U.stroke(t,e,i,s)},strokeText:function(t,e,i,s){switch(e.__.strokeAlign){case"center":ft(t,1,e,i,s);break;case"inside":pt(t,"inside",e,i,s);break;case"outside":e.__.__fillAfterStroke?ft(t,2,e,i,s):pt(t,"outside",e,i,s)}},drawTextStroke:function(t,e,i){let s,a=t.__.__textDrawData;const{rows:n,decorationY:r}=a;for(let t=0,i=n.length;t<i;t++)s=n[t],s.text?e.strokeText(s.text,s.x,s.y):s.data&&s.data.forEach(t=>{e.strokeText(t.char,t.x,s.y)});if(r){const{decorationHeight:t}=a;n.forEach(i=>r.forEach(s=>e.strokeRect(i.x,i.y+s,i.width,t)))}},drawStrokesStyle:function(t,e,i,s,a,n){let r;const o=s.__,{__hasMultiStrokeStyle:l}=o;l||a.setStroke(void 0,o.__strokeWidth*e,o);for(let c=0,d=t.length;c<d;c++)if(r=t[c],(!r.image||!Y.checkImage(r,!1,s,a,n))&&r.style){if(l){const{strokeStyle:t}=r;t?a.setStroke(r.style,o.__getRealStrokeWidth(t)*e,o,t):a.setStroke(r.style,o.__strokeWidth*e,o)}else a.strokeStyle=r.style;r.originPaint.blendMode?(a.saveBlendMode(r.originPaint.blendMode),i?U.drawTextStroke(s,a,n):a.stroke(),a.restoreBlendMode()):i?U.drawTextStroke(s,a,n):a.stroke()}},shape:function(t,e,s){const a=e.getSameCanvas(),n=e.bounds,r=t.__nowWorld,o=t.__layout,l=t.__nowWorldShapeBounds||(t.__nowWorldShapeBounds={});let c,d,h,u,f,p;wt(o.strokeSpread?(_t(St,o.boxBounds,o.strokeSpread),St):o.boxBounds,r,l);let{scaleX:g,scaleY:_}=t.getRenderScaleData(!0);if(n.includes(l))p=a,c=f=l,d=r;else{let a;if(i.fullImageShadow)a=l;else{const t=o.renderShapeSpread?gt(n,L.swapAndScale(o.renderShapeSpread,g,_)):n;a=xt(t,l)}u=n.getFitMatrix(a);let{a:w,d:m}=u;u.a<1&&(p=e.getSameCanvas(),t.__renderShape(p,s),g*=w,_*=m),f=mt(l,u),c=yt(f,-u.e,-u.f),d=mt(r,u),vt(d,-u.e,-u.f);const y=s.matrix;y?(h=new P(u),h.multiply(y),w*=y.scaleX,m*=y.scaleY):h=u,h.withScale(w,m),s=Object.assign(Object.assign({},s),{matrix:h})}return t.__renderShape(a,s),{canvas:a,matrix:h,fitMatrix:u,bounds:c,renderBounds:d,worldCanvas:p,shapeBounds:f,scaleX:g,scaleY:_}}};let At,Tt=new x;const{isSame:Lt}=T;function Pt(t,e,i,s,a,n){if("fill"===e&&!t.__.__naturalWidth){const e=t.__;if(e.__naturalWidth=s.width/e.pixelRatio,e.__naturalHeight=s.height/e.pixelRatio,e.__autoSide)return t.forceUpdate("width"),t.__proxyData&&(t.setProxyAttr("width",e.width),t.setProxyAttr("height",e.height)),!1}return a.data||Y.createData(a,s,i,n),!0}function Ct(t,e){Mt(t,C.LOAD,e)}function Ot(t,e){Mt(t,C.LOADED,e)}function Wt(t,e,i){e.error=i,t.forceUpdate("surface"),Mt(t,C.ERROR,e)}function Mt(t,e,i){t.hasEvent(e)&&t.emitEvent(new C(e,i))}function Dt(t,e){const{leafer:i}=t;i&&i.viewReady&&(i.renderer.ignore=e)}const{get:It,translate:zt}=O,Ft=new x,Ut={},Yt={};function Xt(t,i,s,a){const n=e(t)||a?(a?s-a*i:s%i)/((a||Math.floor(s/i))-1):t;return"auto"===t&&n<0?0:n}let Gt={},Nt=I();const{get:qt,set:jt,rotateOfOuter:Vt,translate:Ht,scaleOfOuter:Qt,multiplyParent:Zt,scale:$t,rotate:Jt,skew:Kt}=O;function te(t,e,i,s,a,n,r,o){r&&Jt(t,r),o&&Kt(t,o.x,o.y),a&&$t(t,a,n),Ht(t,e.x+i,e.y+s)}function ee(t,e,i,s){return new(i||(i=Promise))(function(a,n){function r(t){try{l(s.next(t))}catch(t){n(t)}}function o(t){try{l(s.throw(t))}catch(t){n(t)}}function l(t){var e;t.done?a(t.value):(e=t.value,e instanceof i?e:new i(function(t){t(e)})).then(r,o)}l((s=s.apply(t,e||[])).next())})}"function"==typeof SuppressedError&&SuppressedError;const{get:ie,scale:se,copy:ae}=O,{getFloorScale:ne}=W,{abs:re}=Math;const oe={image:function(t,e,i,s,a){let n,r;const o=E.get(i);return At&&i===At.paint&&Lt(s,At.boxBounds)?n=At.leafPaint:(n={type:i.type,image:o},o.hasAlphaPixel&&(n.isTransparent=!0),At=o.use>1?{leafPaint:n,paint:i,boxBounds:Tt.set(s)}:null),(a||o.loading)&&(r={image:o,attrName:e,attrValue:i}),o.ready?(Pt(t,e,i,o,n,s),a&&(Ct(t,r),Ot(t,r))):o.error?a&&Wt(t,r,o.error):(a&&(Dt(t,!0),Ct(t,r)),n.loadId=o.load(()=>{Dt(t,!1),t.destroyed||(Pt(t,e,i,o,n,s)&&(o.hasAlphaPixel&&(t.__layout.hitCanvasChanged=!0),t.forceUpdate("surface")),Ot(t,r)),n.loadId=void 0},e=>{Dt(t,!1),Wt(t,r,e),n.loadId=void 0}),t.placeholderColor&&(t.placeholderDelay?setTimeout(()=>{o.ready||(o.isPlacehold=!0,t.forceUpdate("surface"))},t.placeholderDelay):o.isPlacehold=!0)),n},checkImage:function(t,e,s,a,n){const{scaleX:r,scaleY:o}=Y.getImageRenderScaleData(t,s,a,n),{image:c,data:d,originPaint:h}=t,{exporting:u}=n;return!(!d||t.patternId===r+"-"+o&&!u)&&(e&&(d.repeat?e=!1:h.changeful||"miniapp"===i.name&&l.isResizing(s)||u||(e=i.image.isLarge(c,r,o))),e?(s.__.__isFastShadow&&(a.fillStyle=t.style||"#000",a.fill()),Y.drawImage(t,r,o,s,a,n),!0):(!t.style||h.sync||u?Y.createPattern(t,s,a,n):Y.createPatternTask(t,s,a,n),!1))},drawImage:function(t,e,i,s,a,n){const{data:r,image:o}=t,{blendMode:l}=t.originPaint,{opacity:c,transform:d}=r,h=o.getFull(r.filters),u=s.__;let f,{width:p,height:g}=o;(f=d&&!d.onlyScale||u.path||u.cornerRadius)||c||l?(a.save(),f&&a.clipUI(s),l&&(a.blendMode=l),c&&(a.opacity*=c),d&&a.transform(d),a.drawImage(h,0,0,p,g),a.restore()):(r.scaleX&&(p*=r.scaleX,g*=r.scaleY),a.drawImage(h,0,0,p,g))},getImageRenderScaleData:function(t,e,i,s){const a=e.getRenderScaleData(!0,t.originPaint.scaleFixed),{data:n}=t;if(i){const{pixelRatio:t}=i;a.scaleX*=t,a.scaleY*=t}return n&&n.scaleX&&(a.scaleX*=Math.abs(n.scaleX),a.scaleY*=Math.abs(n.scaleY)),a},recycleImage:function(t,e){const i=e["_"+t];if(S(i)){let s,a,n,r,o;for(let l=0,c=i.length;l<c;l++)s=i[l],a=s.image,o=a&&a.url,o&&(n||(n={}),n[o]=!0,E.recycle(a),a.loading&&(r||(r=e.__input&&e.__input[t]||[],S(r)||(r=[r])),a.unload(i[l].loadId,!r.some(t=>t.url===o))));return n}return null},createPatternTask:function(t,e,i,s){t.patternTask||(t.patternTask=E.patternTasker.add(()=>ee(this,void 0,void 0,function*(){t.patternTask=null,i.bounds.hit(e.__nowWorld)&&Y.createPattern(t,e,i,s),e.forceUpdate("surface")}),300))},createPattern:function(t,e,s,a){let{scaleX:n,scaleY:r}=Y.getImageRenderScaleData(t,e,s,a),o=n+"-"+r;if(t.patternId!==o&&!e.destroyed&&(!i.image.isLarge(t.image,n,r)||t.data.repeat)){const{image:s,data:a}=t,{transform:l,gap:c}=a,d=Y.getPatternFixScale(t,n,r);let h,u,f,{width:p,height:g}=s;d&&(n*=d,r*=d),p*=n,g*=r,c&&(u=c.x*n/re(a.scaleX||1),f=c.y*r/re(a.scaleY||1)),(l||1!==n||1!==r)&&(n*=ne(p+(u||0)),r*=ne(g+(f||0)),h=ie(),l&&ae(h,l),se(h,1/n,1/r));const _=s.getCanvas(p,g,a.opacity,a.filters,u,f,e.leafer&&e.leafer.config.smooth),w=s.getPattern(_,a.repeat||i.origin.noRepeat||"no-repeat",h,t);t.style=w,t.patternId=o}},getPatternFixScale:function(t,e,s){const{image:a}=t;let n,r=i.image.maxPatternSize,o=a.width*a.height;return a.isSVG?e>1&&(n=Math.ceil(e)/e):r>o&&(r=o),(o*=e*s)>r&&(n=Math.sqrt(r/o)),n},createData:function(t,e,i,s){t.data=Y.getPatternData(i,s,e)},getPatternData:function(t,i,s){t.padding&&(i=Ft.set(i).shrink(t.padding)),"strench"===t.mode&&(t.mode="stretch");const{width:a,height:n}=s,{opacity:r,mode:o,align:l,offset:c,scale:d,size:h,rotation:u,skew:f,clipSize:p,repeat:g,gap:_,filters:w}=t,m=i.width===a&&i.height===n,y={mode:o},v="center"!==l&&(u||0)%180==90;let x,S;switch(T.set(Yt,0,0,v?n:a,v?a:n),o&&"cover"!==o&&"fit"!==o?((d||h)&&(W.getScaleData(d,h,s,Ut),x=Ut.scaleX,S=Ut.scaleY),(l||_||g)&&(x&&T.scale(Yt,x,S,!0),l&&M.toPoint(l,Yt,i,Yt,!0,!0))):m&&!u||(x=S=T.getFitScale(i,Yt,"fit"!==o),T.put(i,s,l,x,!1,Yt),T.scale(Yt,x,S,!0)),c&&D.move(Yt,c),o){case"stretch":m?x&&(x=S=void 0):(x=i.width/a,S=i.height/n,Y.stretchMode(y,i,x,S));break;case"normal":case"clip":if(Yt.x||Yt.y||x||p||u||f){let t,e;p&&(t=i.width/p.width,e=i.height/p.height),Y.clipMode(y,i,Yt.x,Yt.y,x,S,u,f,t,e),t&&(x=x?x*t:t,S=S?S*e:e)}break;case"repeat":(!m||x||u||f)&&Y.repeatMode(y,i,a,n,Yt.x,Yt.y,x,S,u,f,l,t.freeTransform),g||(y.repeat="repeat");const e=A(g);(_||e)&&(y.gap=function(t,e,i,s,a){let n,r;A(t)?(n=t.x,r=t.y):n=r=t;return{x:Xt(n,i,a.width,e&&e.x),y:Xt(r,s,a.height,e&&e.y)}}(_,e&&g,Yt.width,Yt.height,i));break;default:x&&Y.fillOrFitMode(y,i,Yt.x,Yt.y,x,S,u)}return y.transform||(i.x||i.y)&&zt(y.transform=It(),i.x,i.y),x&&(y.scaleX=x,y.scaleY=S),r&&r<1&&(y.opacity=r),w&&(y.filters=w),g&&(y.repeat=e(g)?"x"===g?"repeat-x":"repeat-y":"repeat"),y},stretchMode:function(t,e,i,s){const a=qt(),{x:n,y:r}=e;n||r?Ht(a,n,r):a.onlyScale=!0,$t(a,i,s),t.transform=a},fillOrFitMode:function(t,e,i,s,a,n,r){const o=qt();Ht(o,e.x+i,e.y+s),$t(o,a,n),r&&Vt(o,{x:e.x+e.width/2,y:e.y+e.height/2},r),t.transform=o},clipMode:function(t,e,i,s,a,n,r,o,l,c){const d=qt();te(d,e,i,s,a,n,r,o),l&&(r||o?(jt(Nt),Qt(Nt,e,l,c),Zt(d,Nt)):Qt(d,e,l,c)),t.transform=d},repeatMode:function(t,e,i,s,a,n,r,o,l,c,d,h){const u=qt();if(h)te(u,e,a,n,r,o,l,c);else{if(l)if("center"===d)Vt(u,{x:i/2,y:s/2},l);else switch(Jt(u,l),l){case 90:Ht(u,s,0);break;case 180:Ht(u,i,s);break;case 270:Ht(u,0,i)}Gt.x=e.x+a,Gt.y=e.y+n,Ht(u,Gt.x,Gt.y),r&&Qt(u,Gt,r,o)}t.transform=u}},{toPoint:le}=z,{hasTransparent:ce}=X,de={},he={};function ue(t,i,s,a){if(s){let n,r,o,l;for(let t=0,c=s.length;t<c;t++)n=s[t],e(n)?(o=t/(c-1),r=X.string(n,a)):(o=n.offset,r=X.string(n.color,a)),i.addColorStop(o,r),!l&&ce(r)&&(l=!0);l&&(t.isTransparent=!0)}}const{getAngle:fe,getDistance:pe}=D,{get:ge,rotateOfOuter:_e,scaleOfOuter:we}=O,{toPoint:me}=z,ye={},ve={};function xe(t,e,i,s,a){let n;const{width:r,height:o}=t;if(r!==o||s){const t=fe(e,i);n=ge(),a?(we(n,e,r/o*(s||1),1),_e(n,e,t+90)):(we(n,e,1,r/o*(s||1)),_e(n,e,t))}return n}const{getDistance:Se}=D,{toPoint:be}=z,ke={},Be={};const Re={linearGradient:function(t,e){let{from:s,to:a,type:n,opacity:r}=t;le(s||"top",e,de),le(a||"bottom",e,he);const o=i.canvas.createLinearGradient(de.x,de.y,he.x,he.y),l={type:n,style:o};return ue(l,o,t.stops,r),l},radialGradient:function(t,e){let{from:s,to:a,type:n,opacity:r,stretch:o}=t;me(s||"center",e,ye),me(a||"bottom",e,ve);const l=i.canvas.createRadialGradient(ye.x,ye.y,0,ye.x,ye.y,pe(ye,ve)),c={type:n,style:l};ue(c,l,t.stops,r);const d=xe(e,ye,ve,o,!0);return d&&(c.transform=d),c},conicGradient:function(t,e){let{from:s,to:a,type:n,opacity:r,stretch:o}=t;be(s||"center",e,ke),be(a||"bottom",e,Be);const l=i.conicGradientSupport?i.canvas.createConicGradient(0,ke.x,ke.y):i.canvas.createRadialGradient(ke.x,ke.y,0,ke.x,ke.y,Se(ke,Be)),c={type:n,style:l};ue(c,l,t.stops,r);const d=xe(e,ke,Be,o||1,i.conicGradientRotate90);return d&&(c.transform=d),c},getTransform:xe},{copy:Ee,move:Ae,toOffsetOutBounds:Te}=T,{max:Le,abs:Pe}=Math,Ce={},Oe=new P,We={};function Me(t,e){let i,s,a,n,r=0,o=0,l=0,c=0;return e.forEach(t=>{i=t.x||0,s=t.y||0,n=1.5*(t.blur||0),a=Pe(t.spread||0),r=Le(r,a+n-s),o=Le(o,a+n+i),l=Le(l,a+n+s),c=Le(c,a+n-i)}),r===o&&o===l&&l===c?r:[r,o,l,c]}function De(t,e,s){const{shapeBounds:a}=s;let n,r;i.fullImageShadow?(Ee(Ce,t.bounds),Ae(Ce,e.x-a.x,e.y-a.y),n=t.bounds,r=Ce):(n=a,r=e),t.copyWorld(s.canvas,n,r)}const{toOffsetOutBounds:Ie}=T,ze={};const Fe=Me;const Ue={shadow:function(t,e,i){let s,a;const{__nowWorld:n}=t,{shadow:r}=t.__,{worldCanvas:o,bounds:l,renderBounds:c,shapeBounds:d,scaleX:h,scaleY:u}=i,f=e.getSameCanvas(),p=r.length-1;Te(l,We,c),r.forEach((r,g)=>{let _=1;if(r.scaleFixed){const t=Math.abs(n.scaleX);t>1&&(_=1/t)}f.setWorldShadow(We.offsetX+(r.x||0)*h*_,We.offsetY+(r.y||0)*u*_,(r.blur||0)*h*_,X.string(r.color)),a=N.getShadowTransform(t,f,i,r,We,_),a&&f.setTransform(a),De(f,We,i),a&&f.resetTransform(),s=c,r.box&&(f.restore(),f.save(),o&&(f.copyWorld(f,c,n,"copy"),s=n),o?f.copyWorld(o,n,n,"destination-out"):f.copyWorld(i.canvas,d,l,"destination-out")),m.copyCanvasByWorld(t,e,f,s,r.blendMode),p&&g<p&&f.clearWorld(s)}),f.recycle(s)},innerShadow:function(t,e,i){let s,a;const{__nowWorld:n}=t,{innerShadow:r}=t.__,{worldCanvas:o,bounds:l,renderBounds:c,shapeBounds:d,scaleX:h,scaleY:u}=i,f=e.getSameCanvas(),p=r.length-1;Ie(l,ze,c),r.forEach((r,g)=>{let _=1;if(r.scaleFixed){const t=Math.abs(n.scaleX);t>1&&(_=1/t)}f.save(),f.setWorldShadow(ze.offsetX+(r.x||0)*h*_,ze.offsetY+(r.y||0)*u*_,(r.blur||0)*h*_),a=N.getShadowTransform(t,f,i,r,ze,_,!0),a&&f.setTransform(a),De(f,ze,i),f.restore(),o?(f.copyWorld(f,c,n,"copy"),f.copyWorld(o,n,n,"source-out"),s=n):(f.copyWorld(i.canvas,d,l,"source-out"),s=c),f.fillWorld(s,X.string(r.color),"source-in"),m.copyCanvasByWorld(t,e,f,s,r.blendMode),p&&g<p&&f.clearWorld(s)}),f.recycle(s)},blur:function(t,e,i){const{blur:s}=t.__;i.setWorldBlur(s*t.__nowWorld.a),i.copyWorldToInner(e,t.__nowWorld,t.__layout.renderBounds),i.filter="none"},backgroundBlur:function(t,e,i){},getShadowRenderSpread:Me,getShadowTransform:function(t,e,i,s,a,n,r){if(s.spread){const i=2*s.spread*n*(r?-1:1),{width:o,height:l}=t.__layout.strokeBounds;return Oe.set().scaleOfOuter({x:(a.x+a.width/2)*e.pixelRatio,y:(a.y+a.height/2)*e.pixelRatio},1+i/o,1+i/l),Oe}},isTransformShadow(t){},getInnerShadowSpread:Fe},{excludeRenderBounds:Ye}=v;let Xe;function Ge(t,e,i,s,a,n,r,o){switch(e){case"grayscale":Xe||(Xe=!0,a.useGrayscaleAlpha(t.__nowWorld));case"alpha":!function(t,e,i,s,a,n){const r=t.__nowWorld;i.resetTransform(),i.opacity=1,i.useMask(s,r),n&&s.recycle(r);qe(t,e,i,1,a,n)}(t,i,s,a,r,o);break;case"opacity-path":qe(t,i,s,n,r,o);break;case"path":o&&i.restore()}}function Ne(t){return t.getSameCanvas(!1,!0)}function qe(t,e,i,s,a,n){const r=t.__nowWorld;e.resetTransform(),e.opacity=s,e.copyWorld(i,r,void 0,a),n?i.recycle(r):i.clearWorld(r)}q.prototype.__renderMask=function(t,e){let i,s,a,n,r,o;const{children:l}=this;for(let c=0,d=l.length;c<d;c++){if(i=l[c],o=i.__.mask,o){r&&(Ge(this,r,t,a,s,n,void 0,!0),s=a=null),"clipping"!==o&&"clipping-path"!==o||Ye(i,e)||i.__render(t,e),n=i.__.opacity,Xe=!1,"path"===o||"clipping-path"===o?(n<1?(r="opacity-path",a||(a=Ne(t))):(r="path",t.save()),i.__clip(a||t,e)):(r="grayscale"===o?"grayscale":"alpha",s||(s=Ne(t)),a||(a=Ne(t)),i.__render(s,e));continue}const d=1===n&&i.__.__blendMode;d&&Ge(this,r,t,a,s,n,void 0,!1),Ye(i,e)||i.__render(a||t,e),d&&Ge(this,r,t,a,s,n,d,!1)}Ge(this,r,t,a,s,n,void 0,!0)};const je=">)]}%!?,.:;'\"》)」〉』〗】〕}┐>’”!?,、。:;‰",Ve=je+"_#~&*+\\=|≮≯≈≠=…",He=new RegExp([[19968,40959],[13312,19903],[131072,173791],[173824,177983],[177984,178207],[178208,183983],[183984,191471],[196608,201551],[201552,205743],[11904,12031],[12032,12255],[12272,12287],[12288,12351],[12736,12783],[12800,13055],[13056,13311],[63744,64255],[65072,65103],[127488,127743],[194560,195103]].map(([t,e])=>`[\\u${t.toString(16)}-\\u${e.toString(16)}]`).join("|"));function Qe(t){const e={};return t.split("").forEach(t=>e[t]=!0),e}const Ze=Qe("ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyz"),$e=Qe("{[(<'\"《(「〈『〖【〔{┌<‘“=¥¥$€££¢¢"),Je=Qe(je),Ke=Qe(Ve),ti=Qe("- —/~|┆·");var ei;!function(t){t[t.Letter=0]="Letter",t[t.Single=1]="Single",t[t.Before=2]="Before",t[t.After=3]="After",t[t.Symbol=4]="Symbol",t[t.Break=5]="Break"}(ei||(ei={}));const{Letter:ii,Single:si,Before:ai,After:ni,Symbol:ri,Break:oi}=ei;function li(t){return Ze[t]?ii:ti[t]?oi:$e[t]?ai:Je[t]?ni:Ke[t]?ri:He.test(t)?si:ii}const ci={trimRight(t){const{words:e}=t;let i,s=0,a=e.length;for(let n=a-1;n>-1&&(i=e[n].data[0]," "===i.char);n--)s++,t.width-=i.width;s&&e.splice(a-s,s)}};function di(t,e,i){switch(e){case"title":return i?t.toUpperCase():t;case"upper":return t.toUpperCase();case"lower":return t.toLowerCase();default:return t}}const{trimRight:hi}=ci,{Letter:ui,Single:fi,Before:pi,After:gi,Symbol:_i,Break:wi}=ei;let mi,yi,vi,xi,Si,bi,ki,Bi,Ri,Ei,Ai,Ti,Li,Pi,Ci,Oi,Wi,Mi=[];function Di(t,e){Ri&&!Bi&&(Bi=Ri),mi.data.push({char:t,width:e}),vi+=e}function Ii(){xi+=vi,mi.width=vi,yi.words.push(mi),mi={data:[]},vi=0}function zi(){Pi&&(Ci.paraNumber++,yi.paraStart=!0,Pi=!1),Ri&&(yi.startCharSize=Bi,yi.endCharSize=Ri,Bi=0),yi.width=xi,Oi.width?hi(yi):Wi&&Fi(),Mi.push(yi),yi={words:[]},xi=0}function Fi(){xi>(Ci.maxWidth||0)&&(Ci.maxWidth=xi)}const{top:Ui,right:Yi,bottom:Xi,left:Gi}=F;function Ni(t,e,i){const{bounds:s,rows:a}=t;s[e]+=i;for(let t=0;t<a.length;t++)a[t][e]+=i}const qi={getDrawData:function(t,s){e(t)||(t=String(t));let a=0,n=0,r=s.__getInput("width")||0,o=s.__getInput("height")||0;const{__padding:l}=s;l&&(r?(a=l[Gi],r-=l[Yi]+l[Gi],!r&&(r=.01)):s.autoSizeAlign||(a=l[Gi]),o?(n=l[Ui],o-=l[Ui]+l[Xi],!o&&(o=.01)):s.autoSizeAlign||(n=l[Ui]));const c={bounds:{x:a,y:n,width:r,height:o},rows:[],paraNumber:0,font:i.canvas.font=s.__font};return function(t,e,s){Ci=t,Mi=t.rows,Oi=t.bounds,Wi=!Oi.width&&!s.autoSizeAlign;const{__letterSpacing:a,paraIndent:n,textCase:r}=s,{canvas:o}=i,{width:l}=Oi;if(s.__isCharMode){const t="none"!==s.textWrap,i="break"===s.textWrap;Pi=!0,Ai=null,Bi=ki=Ri=vi=xi=0,mi={data:[]},yi={words:[]},a&&(e=[...e]);for(let s=0,c=e.length;s<c;s++)bi=e[s],"\n"===bi?(vi&&Ii(),yi.paraEnd=!0,zi(),Pi=!0):(Ei=li(bi),Ei===ui&&"none"!==r&&(bi=di(bi,r,!vi)),ki=o.measureText(bi).width,a&&(a<0&&(Ri=ki),ki+=a),Ti=Ei===fi&&(Ai===fi||Ai===ui)||Ai===fi&&Ei!==gi,Li=!(Ei!==pi&&Ei!==fi||Ai!==_i&&Ai!==gi),Si=Pi&&n?l-n:l,t&&l&&xi+vi+ki>Si&&(i?(vi&&Ii(),xi&&zi()):(Li||(Li=Ei===ui&&Ai==gi),Ti||Li||Ei===wi||Ei===pi||Ei===fi||vi+ki>Si?(vi&&Ii(),xi&&zi()):xi&&zi()))," "===bi&&!0!==Pi&&xi+vi===0||(Ei===wi?(" "===bi&&vi&&Ii(),Di(bi,ki),Ii()):Ti||Li?(vi&&Ii(),Di(bi,ki)):Di(bi,ki)),Ai=Ei);vi&&Ii(),xi&&zi(),Mi.length>0&&(Mi[Mi.length-1].paraEnd=!0)}else e.split("\n").forEach(t=>{Ci.paraNumber++,xi=o.measureText(t).width,Mi.push({x:n||0,text:t,width:xi,paraStart:!0}),Wi&&Fi()})}(c,t,s),l&&function(t,e,i,s,a){if(!s&&i.autoSizeAlign)switch(i.textAlign){case"left":Ni(e,"x",t[Gi]);break;case"right":Ni(e,"x",-t[Yi])}if(!a&&i.autoSizeAlign)switch(i.verticalAlign){case"top":Ni(e,"y",t[Ui]);break;case"bottom":Ni(e,"y",-t[Xi])}}(l,c,s,r,o),function(t,e){const{rows:i,bounds:s}=t,a=i.length,{__lineHeight:n,__baseLine:r,__letterSpacing:o,__clipText:l,textAlign:c,verticalAlign:d,paraSpacing:h,autoSizeAlign:u}=e;let{x:f,y:p,width:g,height:_}=s,w=n*a+(h?h*(t.paraNumber-1):0),m=r;if(l&&w>_)w=Math.max(_,n),a>1&&(t.overflow=a);else if(_||u)switch(d){case"middle":p+=(_-w)/2;break;case"bottom":p+=_-w}m+=p;let y,v,x,S=g||u?g:t.maxWidth;for(let r=0,d=a;r<d;r++){if(y=i[r],y.x=f,y.width<g||y.width>g&&!l)switch(c){case"center":y.x+=(S-y.width)/2;break;case"right":y.x+=S-y.width}y.paraStart&&h&&r>0&&(m+=h),y.y=m,m+=n,t.overflow>r&&m>w&&(y.isOverflow=!0,t.overflow=r+1),v=y.x,x=y.width,o<0&&(y.width<0?(x=-y.width+e.fontSize+o,v-=x,x+=e.fontSize):x-=o),v<s.x&&(s.x=v),x>s.width&&(s.width=x),l&&g&&g<x&&(y.isOverflow=!0,t.overflow||(t.overflow=i.length))}s.y=p,s.height=w}(c,s),s.__isCharMode&&function(t,e,i){const{rows:s}=t,{textAlign:a,paraIndent:n,letterSpacing:r}=e,o=i&&a.includes("both"),l=o||i&&a.includes("justify"),c=l&&a.includes("letter");let d,h,u,f,p,g,_,w,m,y;s.forEach(t=>{t.words&&(p=n&&t.paraStart?n:0,w=t.words.length,l&&(y=!t.paraEnd||o,h=i-t.width-p,c?f=h/(t.words.reduce((t,e)=>t+e.data.length,0)-1):u=w>1?h/(w-1):0),g=r||t.isOverflow||c?0:u?1:2,t.isOverflow&&!r&&(t.textMode=!0),2===g?(t.x+=p,function(t){t.text="",t.words.forEach(e=>{e.data.forEach(e=>{t.text+=e.char})})}(t)):(t.x+=p,d=t.x,t.data=[],t.words.forEach((e,i)=>{1===g?(_={char:"",x:d},d=function(t,e,i){return t.forEach(t=>{i.char+=t.char,e+=t.width}),e}(e.data,d,_),(t.isOverflow||" "!==_.char)&&t.data.push(_)):d=function(t,e,i,s,a){return t.forEach(t=>{(s||" "!==t.char)&&(t.x=e,i.push(t)),e+=t.width,a&&(e+=a)}),e}(e.data,d,t.data,t.isOverflow,y&&f),y&&(m=i===w-1,u?m||(d+=u,t.width+=u):f&&(t.width+=f*(e.data.length-(m?1:0))))})),t.words=null)})}(c,s,r),c.overflow&&function(t,e,s,a){if(!a)return;const{rows:n,overflow:r}=t;let{textOverflow:o}=e;if(n.splice(r),o&&"show"!==o){let t,l;"hide"===o?o="":"ellipsis"===o&&(o="...");const c=o?i.canvas.measureText(o).width:0,d=s+a-c;("none"===e.textWrap?n:[n[r-1]]).forEach(e=>{if(e.isOverflow&&e.data){let i=e.data.length-1;for(let s=i;s>-1&&(t=e.data[s],l=t.x+t.width,!(s===i&&l<d));s--){if(l<d&&" "!==t.char||!s){e.data.splice(s+1),e.width-=t.width;break}e.width-=t.width}e.width+=c,e.data.push({char:o,x:l}),e.textMode&&function(t){t.text="",t.data.forEach(e=>{t.text+=e.char}),t.data=null}(e)}})}}(c,s,a,r),"none"!==s.textDecoration&&function(t,e){let i,s=0;const{fontSize:a,textDecoration:n}=e;switch(t.decorationHeight=a/11,A(n)?(i=n.type,n.color&&(t.decorationColor=X.string(n.color)),n.offset&&(s=Math.min(.3*a,Math.max(n.offset,.15*-a)))):i=n,i){case"under":t.decorationY=[.15*a+s];break;case"delete":t.decorationY=[.35*-a];break;case"under-delete":t.decorationY=[.15*a+s,.35*-a]}}(c,s),c}};const ji={string:function(t,i){if(!t)return"#000";const a=s(i)&&i<1;if(e(t)){if(!a||!X.object)return t;t=X.object(t)}let n=o(t.a)?1:t.a;a&&(n*=i);const r=t.r+","+t.g+","+t.b;return 1===n?"rgb("+r+")":"rgba("+r+","+n+")"}};Object.assign(j,qi),Object.assign(X,ji),Object.assign(U,Et),Object.assign(Y,oe),Object.assign(G,Re),Object.assign(N,Ue);try{wx&&Z(0,wx)}catch(t){}export{lt as Layouter,V as LeaferCanvas,dt as Renderer,$ as Watcher,Z as useCanvas};
|
|
2
2
|
//# sourceMappingURL=miniapp.esm.min.js.map
|