@leafer-draw/miniapp 2.0.0 → 2.0.2
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 +63 -35
- package/dist/miniapp.esm.js +51 -37
- 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 +122 -68
- package/dist/miniapp.module.min.js +1 -1
- package/dist/miniapp.module.min.js.map +1 -1
- package/package.json +7 -9
- package/src/index.ts +2 -2
- package/types/index.d.ts +1 -8
- package/src/core.ts +0 -143
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 r,isUndefined as o,ResizeEvent as l,FileHelper as c,Creator as d,LeaferImage as h,defineKey as u,LeafList as f,RenderEvent as g,ChildEvent as p,WatchEvent as _,PropertyEvent as w,LeafHelper as m,BranchHelper as y,LeafBoundsHelper as x,Bounds as v,isArray as S,Debug as b,LeafLevelList as k,LayoutEvent as R,Run as B,ImageManager as E,isObject as L,BoundsHelper as A,FourNumberHelper as T,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 q,Effect as G,Group as N,TextConvert as j}from"@leafer-ui/draw";export*from"@leafer-ui/draw";var V;!function(t){t[t.none=1]="none",t[t.free=2]="free",t[t.mirrorAngle=3]="mirrorAngle",t[t.mirror=4]="mirror"}(V||(V={}));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:r}=this.config,o={width:e||t.width,height:a||t.height,pixelRatio:r};this.resize(o),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,r),this.resize(t),o(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 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}),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&&this.config.usePartLayout){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(g.REQUEST)}__onAttrChange(t){this.config.usePartLayout&&this.__updatedList.add(t.target),this.update()}__onChildEvent(t){this.config.usePartLayout&&(t.type===p.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],[[p.ADD,p.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}=x;class at{constructor(t){this.updatedBounds=new v,this.beforeBounds=new v,this.afterBounds=new v,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:rt,updateAllChange:ot}=m,lt=b.get("Layouter");class ct{constructor(t,e){this.totalTimes=0,this.config={usePartLayout:!0},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(R.START),this.layoutOnce(),t.emitEvent(new R(R.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.config.usePartLayout?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=B.start("PartLayout"),{target:i,__updatedList:s}=this,{BEFORE:n,LAYOUT:a,AFTER:r}=R,o=this.getBlocks(s);o.forEach(t=>t.setBefore()),i.emitEvent(new R(n,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?(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&&o.push(this.extraBlock),o.forEach(t=>t.setAfter()),i.emitEvent(new R(a,o,this.times)),i.emitEvent(new R(r,o,this.times)),this.addBlocks(o),this.__levelList.reset(),this.__updatedList=null,B.end(e)}fullLayout(){const t=B.start("FullLayout"),{target:e}=this,{BEFORE:i,LAYOUT:s,AFTER:n}=R,a=this.getBlocks(new f(e));e.emitEvent(new R(i,a,this.times)),ct.fullLayout(e),a.forEach(t=>{t.setAfter()}),e.emitEvent(new R(s,a,this.times)),e.emitEvent(new R(n,a,this.times)),this.addBlocks(a),B.end(t)}static fullLayout(t){rt(t,!0),t.isBranch?y.updateBounds(t):m.updateBounds(t),ot(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_([[R.REQUEST,this.layout,this],[R.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,ceilPartPixel:!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.requestTime||this.__requestRender()}requestLayout(){this.target.emit(R.REQUEST)}checkRender(){if(this.running){const{target:t}=this;t.isApp&&(t.emit(g.CHILD_START,t),t.children.forEach(t=>{t.renderer.FPS=this.FPS,t.renderer.checkRender()}),t.emit(g.CHILD_END,t)),this.changed&&this.canvas.view&&this.render(),this.target.emit(g.NEXT)}}render(t){if(!this.running||!this.canvas.view)return this.update();const{target:e}=this;this.times=0,this.totalBounds=new v,dt.log(e.innerName,"---\x3e");try{this.emitRender(g.START),this.renderOnce(t),this.emitRender(g.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 v,this.renderOptions={},t)this.emitRender(g.BEFORE),t();else{if(this.requestLayout(),this.ignore)return void(this.ignore=this.rendering=!1);this.emitRender(g.BEFORE),this.config.usePartRender&&this.totalTimes>1?this.partRender():this.fullRender()}this.emitRender(g.RENDER,this.renderBounds,this.renderOptions),this.emitRender(g.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=B.start("PartRender"),{canvas:i}=this,s=t.getIntersect(i.bounds),n=new v(s);i.save(),s.spread(ht.clipSpread).ceil();const{ceilPartPixel:a}=this.config;i.clipWorld(s,a),i.clearWorld(s,a),this.__render(s,n),i.restore(),B.end(e)}fullRender(){const t=B.start("FullRender"),{canvas:e}=this;e.save(),e.clear(),this.__render(e.bounds),e.restore(),B.end(t)}__render(t,e){const{canvas:s,target:n}=this,a=t.includes(n.__world),r=a?{includes:a}:{bounds:t,includes:a};this.needFill&&s.fillWorld(t,this.config.fill),b.showRepaint&&b.drawRepaint(s,t),this.config.useCellRender&&(r.cellList=this.getCellList()),i.render(n,s,r),this.renderBounds=e=e||t,this.renderOptions=r,this.totalBounds.isEmpty()?this.totalBounds=e:this.totalBounds.add(e),s.updateRender(e)}getCellList(){}addBlock(t){this.updateBlocks||(this.updateBlocks=[]),this.updateBlocks.push(t)}mergeBlocks(){const{updateBlocks:t}=this;if(t){const e=new v;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 v(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 v(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 g(t,this.times,e,i))}__listenEvents(){this.__eventIds=[this.target.on_([[g.REQUEST,this.update,this],[R.END,this.__onLayoutEnd,this],[g.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,i){t.__.__font?U.fillText(t,e,i):t.__.windingRule?e.fill(t.__.windingRule):e.fill()}function ft(t,e,i,s,n){const a=i.__;L(t)?U.drawStrokesStyle(t,e,!1,i,s,n):(s.setStroke(t,a.__strokeWidth*e,a),s.stroke()),a.__useArrow&&U.strokeArrow(t,i,s,n)}function gt(t,e,i,s,n){const a=i.__;L(t)?U.drawStrokesStyle(t,e,!0,i,s,n):(s.setStroke(t,a.__strokeWidth*e,a),U.drawTextStroke(i,s,n))}function pt(t,e,i,s,n){const a=s.getSameCanvas(!0,!0);a.font=i.__.__font,gt(t,2,i,a,n),a.blendMode="outside"===e?"destination-out":"destination-in",U.fillText(i,a,n),a.blendMode="normal",m.copyCanvasByWorld(i,s,a),a.recycle(i.__nowWorld)}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:_t,copyAndSpread:wt,toOuterOf:mt,getOuterOf:yt,getByMove:xt,move:vt,getIntersectData:St}=A,bt={};let kt;const{stintSet:Rt}=a,{hasTransparent:Bt}=X;function Et(t,i,s){if(!L(i)||!1===i.visible||0===i.opacity)return;let n;const{boxBounds:a}=s.__layout;switch(i.type){case"image":if(!i.url)return;n=Y.image(s,t,i,a,!kt||!kt[i.url]);break;case"linear":n=q.linearGradient(i,a);break;case"radial":n=q.radialGradient(i,a);break;case"angular":n=q.conicGradient(i,a);break;case"solid":const{type:e,color:r,opacity:l}=i;n={type:e,style:X.string(r,l)};break;default:o(i.r)||(n={type:"solid",style:X.string(i)})}if(n&&(n.originPaint=i,e(n.style)&&Bt(n.style)&&(n.isTransparent=!0),i.style)){if(0===i.style.strokeWidth)return;n.strokeStyle=i.style}return n}const Lt={compute:function(t,e){const i=e.__,s=[];let n,a,r,o=i.__input[t];S(o)||(o=[o]),kt=Y.recycleImage(t,i);for(let i,n=0,a=o.length;n<a;n++)(i=Et(t,o[n],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)&&(n=!0),a=!0),"fill"===t?(Rt(i,"__isAlphaPixelFill",n),Rt(i,"__isTransparentFill",a)):(Rt(i,"__isAlphaPixelStroke",n),Rt(i,"__isTransparentStroke",a),Rt(i,"__hasMultiStrokeStyle",r))):i.__removePaint(t,!1)},fill:function(t,e,i,s){i.fillStyle=t,ut(e,i,s)},fills:function(t,e,i,s){let n,a,r;for(let o=0,l=t.length;o<l;o++){if(n=t[o],a=n.originPaint,n.image){if(r?r++:r=1,Y.checkImage(n,!e.__.__font,e,i,s))continue;if(!n.style){1===r&&n.image.isPlacehold&&e.drawImagePlaceholder(n,i,s);continue}}if(i.fillStyle=n.style,n.transform||a.scaleFixed){if(i.save(),n.transform&&i.transform(n.transform),a.scaleFixed){const{scaleX:t,scaleY:s}=e.getRenderScaleData(!0);(!0===a.scaleFixed||"zoom-in"===a.scaleFixed&&t>1&&s>1)&&i.scale(1/t,1/s)}a.blendMode&&(i.blendMode=a.blendMode),ut(e,i,s),i.restore()}else a.blendMode?(i.saveBlendMode(a.blendMode),ut(e,i,s),i.restoreBlendMode()):ut(e,i,s)}},fillPathOrText:ut,fillText:function(t,e,i){const s=t.__,{rows:n,decorationY:a}=s.__textDrawData;let r;s.__isPlacehold&&s.placeholderColor&&(e.fillStyle=s.placeholderColor);for(let t=0,i=n.length;t<i;t++)r=n[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(a){const{decorationColor:t,decorationHeight:i}=s.__textDrawData;t&&(e.fillStyle=t),n.forEach(t=>a.forEach(s=>e.fillRect(t.x,t.y+s,t.width,i)))}},stroke:function(t,e,i,s){const n=e.__;if(n.__strokeWidth)if(n.__font)U.strokeText(t,e,i,s);else switch(n.strokeAlign){case"center":ft(t,1,e,i,s);break;case"inside":!function(t,e,i,s){i.save(),i.clipUI(e),ft(t,2,e,i,s),i.restore()}(t,e,i,s);break;case"outside":!function(t,e,i,s){const n=e.__;if(n.__fillAfterStroke)ft(t,2,e,i,s);else{const{renderBounds:a}=e.__layout,r=i.getSameCanvas(!0,!0);e.__drawRenderPath(r),ft(t,2,e,r,s),r.clipUI(n),r.clearWorld(a),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":gt(t,1,e,i,s);break;case"inside":pt(t,"inside",e,i,s);break;case"outside":e.__.__fillAfterStroke?gt(t,2,e,i,s):pt(t,"outside",e,i,s)}},drawTextStroke:function(t,e,i){let s,n=t.__.__textDrawData;const{rows:a,decorationY:r}=n;for(let t=0,i=a.length;t<i;t++)s=a[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}=n;a.forEach(i=>r.forEach(s=>e.strokeRect(i.x,i.y+s,i.width,t)))}},drawStrokesStyle:function(t,e,i,s,n,a){let r;const o=s.__,{__hasMultiStrokeStyle:l}=o;l||n.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,n,a))&&r.style){if(l){const{strokeStyle:t}=r;t?n.setStroke(r.style,o.__getRealStrokeWidth(t)*e,o,t):n.setStroke(r.style,o.__strokeWidth*e,o)}else n.strokeStyle=r.style;r.originPaint.blendMode?(n.saveBlendMode(r.originPaint.blendMode),i?U.drawTextStroke(s,n,a):n.stroke(),n.restoreBlendMode()):i?U.drawTextStroke(s,n,a):n.stroke()}},shape:function(t,e,s){const n=e.getSameCanvas(),a=e.bounds,r=t.__nowWorld,o=t.__layout,l=t.__nowWorldShapeBounds||(t.__nowWorldShapeBounds={});let c,d,h,u,f,g;mt(o.strokeSpread?(wt(bt,o.boxBounds,o.strokeSpread),bt):o.boxBounds,r,l);let{scaleX:p,scaleY:_}=t.getRenderScaleData(!0);if(a.includes(l))g=n,c=f=l,d=r;else{let n;if(i.fullImageShadow)n=l;else{const t=o.renderShapeSpread?_t(a,T.swapAndScale(o.renderShapeSpread,p,_)):a;n=St(t,l)}u=a.getFitMatrix(n);let{a:w,d:m}=u;u.a<1&&(g=e.getSameCanvas(),t.__renderShape(g,s),p*=w,_*=m),f=yt(l,u),c=xt(f,-u.e,-u.f),d=yt(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(n,s),{canvas:n,matrix:h,fitMatrix:u,bounds:c,renderBounds:d,worldCanvas:g,shapeBounds:f,scaleX:p,scaleY:_}}};let At,Tt=new v;const{isSame:Pt}=A;function Ct(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||Y.createData(n,s,i,a),!0}function Ot(t,e){Dt(t,C.LOAD,e)}function Wt(t,e){Dt(t,C.LOADED,e)}function Mt(t,e,i){e.error=i,t.forceUpdate("surface"),Dt(t,C.ERROR,e)}function Dt(t,e,i){t.hasEvent(e)&&t.emitEvent(new C(e,i))}function It(t,e){const{leafer:i}=t;i&&i.viewReady&&(i.renderer.ignore=e)}const{get:zt,translate:Ft}=O,Ut=new v,Yt={},Xt={};function qt(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 Gt={},Nt=I();const{get:jt,set:Vt,rotateOfOuter:Ht,translate:Qt,scaleOfOuter:Zt,multiplyParent:$t,scale:Jt,rotate:Kt,skew:te}=O;function ee(t,e,i,s,n,a,r,o){r&&Kt(t,r),o&&te(t,o.x,o.y),n&&Jt(t,n,a),Qt(t,e.x+i,e.y+s)}function ie(t,e,i,s){return new(i||(i=Promise))(function(n,a){function r(t){try{l(s.next(t))}catch(t){a(t)}}function o(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(r,o)}l((s=s.apply(t,e||[])).next())})}"function"==typeof SuppressedError&&SuppressedError;const{get:se,scale:ne,copy:ae}=O,{getFloorScale:re}=W,{abs:oe}=Math;const le={image:function(t,e,i,s,n){let a,r;const o=E.get(i);return At&&i===At.paint&&Pt(s,At.boxBounds)?a=At.leafPaint:(a={type:i.type,image:o},o.hasAlphaPixel&&(a.isTransparent=!0),At=o.use>1?{leafPaint:a,paint:i,boxBounds:Tt.set(s)}:null),(n||o.loading)&&(r={image:o,attrName:e,attrValue:i}),o.ready?(Ct(t,e,i,o,a,s),n&&(Ot(t,r),Wt(t,r))):o.error?n&&Mt(t,r,o.error):(n&&(It(t,!0),Ot(t,r)),a.loadId=o.load(()=>{It(t,!1),t.destroyed||(Ct(t,e,i,o,a,s)&&(o.hasAlphaPixel&&(t.__layout.hitCanvasChanged=!0),t.forceUpdate("surface")),Wt(t,r)),a.loadId=void 0},e=>{It(t,!1),Mt(t,r,e),a.loadId=void 0},i.lod&&o.getThumbSize(i.lod)),t.placeholderColor&&(t.placeholderDelay?setTimeout(()=>{o.ready||(o.isPlacehold=!0,t.forceUpdate("surface"))},t.placeholderDelay):o.isPlacehold=!0)),a},checkImage:function(t,e,s,n,a){const{scaleX:r,scaleY:o}=Y.getImageRenderScaleData(t,s,n,a),{image:c,data:d,originPaint:h}=t,{exporting:u,snapshot:f}=a;return!(!d||t.patternId===r+"-"+o&&!u||f)&&(e&&(d.repeat?e=!1:h.changeful||"miniapp"===i.name&&l.isResizing(s)||u||(e=i.image.isLarge(c,r,o)||c.width*r>8096||c.height*o>8096)),e?(s.__.__isFastShadow&&(n.fillStyle=t.style||"#000",n.fill()),Y.drawImage(t,r,o,s,n,a),!0):(!t.style||h.sync||u?Y.createPattern(t,s,n,a):Y.createPatternTask(t,s,n,a),!1))},drawImage:function(t,e,i,s,n,a){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:g,height:p}=o;(f=d&&!d.onlyScale||u.path||u.cornerRadius)||c||l?(n.save(),f&&n.clipUI(s),l&&(n.blendMode=l),c&&(n.opacity*=c),d&&n.transform(d),n.drawImage(h,0,0,g,p),n.restore()):(r.scaleX&&(g*=r.scaleX,p*=r.scaleY),n.drawImage(h,0,0,g,p))},getImageRenderScaleData:function(t,e,i,s){const n=e.getRenderScaleData(!0,t.originPaint.scaleFixed),{data:a}=t;if(i){const{pixelRatio:t}=i;n.scaleX*=t,n.scaleY*=t}return a&&a.scaleX&&(n.scaleX*=Math.abs(a.scaleX),n.scaleY*=Math.abs(a.scaleY)),n},recycleImage:function(t,e){const i=e["_"+t];if(S(i)){let s,n,a,r,o;for(let l=0,c=i.length;l<c;l++)s=i[l],n=s.image,o=n&&n.url,o&&(a||(a={}),a[o]=!0,E.recyclePaint(s),n.loading&&(r||(r=e.__input&&e.__input[t]||[],S(r)||(r=[r])),n.unload(i[l].loadId,!r.some(t=>t.url===o))));return a}return null},createPatternTask:function(t,e,i,s){t.patternTask||(t.patternTask=E.patternTasker.add(()=>ie(this,void 0,void 0,function*(){Y.createPattern(t,e,i,s),e.forceUpdate("surface")}),0,()=>(t.patternTask=null,i.bounds.hit(e.__nowWorld))))},createPattern:function(t,e,s,n){let{scaleX:a,scaleY:r}=Y.getImageRenderScaleData(t,e,s,n),o=a+"-"+r;if(t.patternId!==o&&!e.destroyed&&(!i.image.isLarge(t.image,a,r)||t.data.repeat)){const{image:s,data:n}=t,{transform:l,gap:c}=n,d=Y.getPatternFixScale(t,a,r);let h,u,f,{width:g,height:p}=s;d&&(a*=d,r*=d),g*=a,p*=r,c&&(u=c.x*a/oe(n.scaleX||1),f=c.y*r/oe(n.scaleY||1)),(l||1!==a||1!==r)&&(a*=re(g+(u||0)),r*=re(p+(f||0)),h=se(),l&&ae(h,l),ne(h,1/a,1/r));const _=s.getCanvas(g,p,n.opacity,n.filters,u,f,e.leafer&&e.leafer.config.smooth,n.interlace),w=s.getPattern(_,n.repeat||i.origin.noRepeat||"no-repeat",h,t);t.style=w,t.patternId=o}},getPatternFixScale:function(t,e,s){const{image:n}=t;let a,r=i.image.maxPatternSize,o=n.width*n.height;return n.isSVG?e>1&&(a=Math.ceil(e)/e):r>o&&(r=o),(o*=e*s)>r&&(a=Math.sqrt(r/o)),a},createData:function(t,e,i,s){t.data=Y.getPatternData(i,s,e)},getPatternData:function(t,i,n){t.padding&&(i=Ut.set(i).shrink(t.padding)),"strench"===t.mode&&(t.mode="stretch");const{width:a,height:r}=n,{opacity:o,mode:l,align:c,offset:d,scale:h,size:u,rotation:f,skew:g,clipSize:p,repeat:_,gap:w,filters:m,interlace:y}=t,x=i.width===a&&i.height===r,v={mode:l},S="center"!==c&&(f||0)%180==90;let b,k;switch(A.set(Xt,0,0,S?r:a,S?a:r),l&&"cover"!==l&&"fit"!==l?((h||u)&&(W.getScaleData(h,u,n,Yt),b=Yt.scaleX,k=Yt.scaleY),(c||w||_)&&(b&&A.scale(Xt,b,k,!0),c&&M.toPoint(c,Xt,i,Xt,!0,!0))):x&&!f||(b=k=A.getFitScale(i,Xt,"fit"!==l),A.put(i,n,c,b,!1,Xt),A.scale(Xt,b,k,!0)),d&&D.move(Xt,d),l){case"stretch":x?b&&(b=k=void 0):(b=i.width/a,k=i.height/r,Y.stretchMode(v,i,b,k));break;case"normal":case"clip":if(Xt.x||Xt.y||b||p||f||g){let t,e;p&&(t=i.width/p.width,e=i.height/p.height),Y.clipMode(v,i,Xt.x,Xt.y,b,k,f,g,t,e),t&&(b=b?b*t:t,k=k?k*e:e)}break;case"repeat":(!x||b||f||g)&&Y.repeatMode(v,i,a,r,Xt.x,Xt.y,b,k,f,g,c,t.freeTransform),_||(v.repeat="repeat");const e=L(_);(w||e)&&(v.gap=function(t,e,i,s,n){let a,r;L(t)?(a=t.x,r=t.y):a=r=t;return{x:qt(a,i,n.width,e&&e.x),y:qt(r,s,n.height,e&&e.y)}}(w,e&&_,Xt.width,Xt.height,i));break;default:b&&Y.fillOrFitMode(v,i,Xt.x,Xt.y,b,k,f)}return v.transform||(i.x||i.y)&&Ft(v.transform=zt(),i.x,i.y),b&&(v.scaleX=b,v.scaleY=k),o&&o<1&&(v.opacity=o),m&&(v.filters=m),_&&(v.repeat=e(_)?"x"===_?"repeat-x":"repeat-y":"repeat"),y&&(v.interlace=s(y)||"percent"===y.type?{type:"x",offset:y}:y),v},stretchMode:function(t,e,i,s){const n=jt(),{x:a,y:r}=e;a||r?Qt(n,a,r):n.onlyScale=!0,Jt(n,i,s),t.transform=n},fillOrFitMode:function(t,e,i,s,n,a,r){const o=jt();Qt(o,e.x+i,e.y+s),Jt(o,n,a),r&&Ht(o,{x:e.x+e.width/2,y:e.y+e.height/2},r),t.transform=o},clipMode:function(t,e,i,s,n,a,r,o,l,c){const d=jt();ee(d,e,i,s,n,a,r,o),l&&(r||o?(Vt(Nt),Zt(Nt,e,l,c),$t(d,Nt)):Zt(d,e,l,c)),t.transform=d},repeatMode:function(t,e,i,s,n,a,r,o,l,c,d,h){const u=jt();if(h)ee(u,e,n,a,r,o,l,c);else{if(l)if("center"===d)Ht(u,{x:i/2,y:s/2},l);else switch(Kt(u,l),l){case 90:Qt(u,s,0);break;case 180:Qt(u,i,s);break;case 270:Qt(u,0,i)}Gt.x=e.x+n,Gt.y=e.y+a,Qt(u,Gt.x,Gt.y),r&&Zt(u,Gt,r,o)}t.transform=u}},{toPoint:ce}=z,{hasTransparent:de}=X,he={},ue={};function fe(t,i,s,n){if(s){let a,r,o,l;for(let t=0,c=s.length;t<c;t++)a=s[t],e(a)?(o=t/(c-1),r=X.string(a,n)):(o=a.offset,r=X.string(a.color,n)),i.addColorStop(o,r),!l&&de(r)&&(l=!0);l&&(t.isTransparent=!0)}}const{getAngle:ge,getDistance:pe}=D,{get:_e,rotateOfOuter:we,scaleOfOuter:me}=O,{toPoint:ye}=z,xe={},ve={};function Se(t,e,i,s,n){let a;const{width:r,height:o}=t;if(r!==o||s){const t=ge(e,i);a=_e(),n?(me(a,e,r/o*(s||1),1),we(a,e,t+90)):(me(a,e,1,r/o*(s||1)),we(a,e,t))}return a}const{getDistance:be}=D,{toPoint:ke}=z,Re={},Be={};const Ee={linearGradient:function(t,e){let{from:s,to:n,type:a,opacity:r}=t;ce(s||"top",e,he),ce(n||"bottom",e,ue);const o=i.canvas.createLinearGradient(he.x,he.y,ue.x,ue.y),l={type:a,style:o};return fe(l,o,t.stops,r),l},radialGradient:function(t,e){let{from:s,to:n,type:a,opacity:r,stretch:o}=t;ye(s||"center",e,xe),ye(n||"bottom",e,ve);const l=i.canvas.createRadialGradient(xe.x,xe.y,0,xe.x,xe.y,pe(xe,ve)),c={type:a,style:l};fe(c,l,t.stops,r);const d=Se(e,xe,ve,o,!0);return d&&(c.transform=d),c},conicGradient:function(t,e){let{from:s,to:n,type:a,opacity:r,stretch:o}=t;ke(s||"center",e,Re),ke(n||"bottom",e,Be);const l=i.conicGradientSupport?i.canvas.createConicGradient(0,Re.x,Re.y):i.canvas.createRadialGradient(Re.x,Re.y,0,Re.x,Re.y,be(Re,Be)),c={type:a,style:l};fe(c,l,t.stops,r);const d=Se(e,Re,Be,o||1,i.conicGradientRotate90);return d&&(c.transform=d),c},getTransform:Se},{copy:Le,move:Ae,toOffsetOutBounds:Te}=A,{max:Pe,abs:Ce}=Math,Oe={},We=new P,Me={};function De(t,e){let i,s,n,a,r=0,o=0,l=0,c=0;return e.forEach(t=>{i=t.x||0,s=t.y||0,a=1.5*(t.blur||0),n=Ce(t.spread||0),r=Pe(r,n+a-s),o=Pe(o,n+a+i),l=Pe(l,n+a+s),c=Pe(c,n+a-i)}),r===o&&o===l&&l===c?r:[r,o,l,c]}function Ie(t,e,s){const{shapeBounds:n}=s;let a,r;i.fullImageShadow?(Le(Oe,t.bounds),Ae(Oe,e.x-n.x,e.y-n.y),a=t.bounds,r=Oe):(a=n,r=e),t.copyWorld(s.canvas,a,r)}const{toOffsetOutBounds:ze}=A,Fe={};const Ue=De;const Ye={shadow:function(t,e,i){let s,n;const{__nowWorld:a}=t,{shadow:r}=t.__,{worldCanvas:o,bounds:l,renderBounds:c,shapeBounds:d,scaleX:h,scaleY:u}=i,f=e.getSameCanvas(),g=r.length-1;Te(l,Me,c),r.forEach((r,p)=>{let _=1;if(r.scaleFixed){const t=Math.abs(a.scaleX);t>1&&(_=1/t)}f.setWorldShadow(Me.offsetX+(r.x||0)*h*_,Me.offsetY+(r.y||0)*u*_,(r.blur||0)*h*_,X.string(r.color)),n=G.getShadowTransform(t,f,i,r,Me,_),n&&f.setTransform(n),Ie(f,Me,i),n&&f.resetTransform(),s=c,r.box&&(f.restore(),f.save(),o&&(f.copyWorld(f,c,a,"copy"),s=a),o?f.copyWorld(o,a,a,"destination-out"):f.copyWorld(i.canvas,d,l,"destination-out")),m.copyCanvasByWorld(t,e,f,s,r.blendMode),g&&p<g&&f.clearWorld(s)}),f.recycle(s)},innerShadow:function(t,e,i){let s,n;const{__nowWorld:a}=t,{innerShadow:r}=t.__,{worldCanvas:o,bounds:l,renderBounds:c,shapeBounds:d,scaleX:h,scaleY:u}=i,f=e.getSameCanvas(),g=r.length-1;ze(l,Fe,c),r.forEach((r,p)=>{let _=1;if(r.scaleFixed){const t=Math.abs(a.scaleX);t>1&&(_=1/t)}f.save(),f.setWorldShadow(Fe.offsetX+(r.x||0)*h*_,Fe.offsetY+(r.y||0)*u*_,(r.blur||0)*h*_),n=G.getShadowTransform(t,f,i,r,Fe,_,!0),n&&f.setTransform(n),Ie(f,Fe,i),f.restore(),o?(f.copyWorld(f,c,a,"copy"),f.copyWorld(o,a,a,"source-out"),s=a):(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),g&&p<g&&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:De,getShadowTransform:function(t,e,i,s,n,a,r){if(s.spread){const i=2*s.spread*a*(r?-1:1),{width:o,height:l}=t.__layout.strokeBounds;return We.set().scaleOfOuter({x:(n.x+n.width/2)*e.pixelRatio,y:(n.y+n.height/2)*e.pixelRatio},1+i/o,1+i/l),We}},isTransformShadow(t){},getInnerShadowSpread:Ue},{excludeRenderBounds:Xe}=x;let qe;function Ge(t,e,i,s,n,a,r,o){switch(e){case"grayscale":qe||(qe=!0,n.useGrayscaleAlpha(t.__nowWorld));case"alpha":!function(t,e,i,s,n,a){const r=t.__nowWorld;i.resetTransform(),i.opacity=1,i.useMask(s,r),a&&s.recycle(r);je(t,e,i,1,n,a)}(t,i,s,n,r,o);break;case"opacity-path":je(t,i,s,a,r,o);break;case"path":o&&i.restore()}}function Ne(t){return t.getSameCanvas(!1,!0)}function je(t,e,i,s,n,a){const r=t.__nowWorld;e.resetTransform(),e.opacity=s,e.copyWorld(i,r,void 0,n),a?i.recycle(r):i.clearWorld(r)}N.prototype.__renderMask=function(t,e){let i,s,n,a,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,n,s,a,void 0,!0),s=n=null),"clipping"!==o&&"clipping-path"!==o||Xe(i,e)||i.__render(t,e),a=i.__.opacity,qe=!1,"path"===o||"clipping-path"===o?(a<1?(r="opacity-path",n||(n=Ne(t))):(r="path",t.save()),i.__clip(n||t,e)):(r="grayscale"===o?"grayscale":"alpha",s||(s=Ne(t)),n||(n=Ne(t)),i.__render(s,e));continue}const d=1===a&&i.__.__blendMode;d&&Ge(this,r,t,n,s,a,void 0,!1),Xe(i,e)||i.__render(n||t,e),d&&Ge(this,r,t,n,s,a,d,!1)}Ge(this,r,t,n,s,a,void 0,!0)};const Ve=">)]}%!?,.:;'\"》)」〉』〗】〕}┐>’”!?,、。:;‰",He=Ve+"_#~&*+\\=|≮≯≈≠=…",Qe=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 Ze(t){const e={};return t.split("").forEach(t=>e[t]=!0),e}const $e=Ze("ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyz"),Je=Ze("{[(<'\"《(「〈『〖【〔{┌<‘“=¥¥$€££¢¢"),Ke=Ze(Ve),ti=Ze(He),ei=Ze("- —/~|┆·");var ii;!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"}(ii||(ii={}));const{Letter:si,Single:ni,Before:ai,After:ri,Symbol:oi,Break:li}=ii;function ci(t){return $e[t]?si:ei[t]?li:Je[t]?ai:Ke[t]?ri:ti[t]?oi:Qe.test(t)?ni:si}const di={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 hi(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:ui}=di,{Letter:fi,Single:gi,Before:pi,After:_i,Symbol:wi,Break:mi}=ii;let yi,xi,vi,Si,bi,ki,Ri,Bi,Ei,Li,Ai,Ti,Pi,Ci,Oi,Wi,Mi,Di=[];function Ii(t,e){Ei&&!Bi&&(Bi=Ei),yi.data.push({char:t,width:e}),vi+=e}function zi(){Si+=vi,yi.width=vi,xi.words.push(yi),yi={data:[]},vi=0}function Fi(){Ci&&(Oi.paraNumber++,xi.paraStart=!0,Ci=!1),Ei&&(xi.startCharSize=Bi,xi.endCharSize=Ei,Bi=0),xi.width=Si,Wi.width?ui(xi):Mi&&Ui(),Di.push(xi),xi={words:[]},Si=0}function Ui(){Si>(Oi.maxWidth||0)&&(Oi.maxWidth=Si)}const{top:Yi,right:Xi,bottom:qi,left:Gi}=F;function Ni(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 ji={getDrawData:function(t,s){e(t)||(t=String(t));let n=0,a=0,r=s.__getInput("width")||0,o=s.__getInput("height")||0;const{__padding:l}=s;l&&(r?(n=l[Gi],r-=l[Xi]+l[Gi],!r&&(r=.01)):s.autoSizeAlign||(n=l[Gi]),o?(a=l[Yi],o-=l[Yi]+l[qi],!o&&(o=.01)):s.autoSizeAlign||(a=l[Yi]));const c={bounds:{x:n,y:a,width:r,height:o},rows:[],paraNumber:0,font:i.canvas.font=s.__font};return function(t,e,s){Oi=t,Di=t.rows,Wi=t.bounds,Mi=!Wi.width&&!s.autoSizeAlign;const{__letterSpacing:n,paraIndent:a,textCase:r}=s,{canvas:o}=i,{width:l}=Wi;if(s.__isCharMode){const t="none"!==s.textWrap,i="break"===s.textWrap;Ci=!0,Ai=null,Bi=Ri=Ei=vi=Si=0,yi={data:[]},xi={words:[]},n&&(e=[...e]);for(let s=0,c=e.length;s<c;s++)ki=e[s],"\n"===ki?(vi&&zi(),xi.paraEnd=!0,Fi(),Ci=!0):(Li=ci(ki),Li===fi&&"none"!==r&&(ki=hi(ki,r,!vi)),Ri=o.measureText(ki).width,n&&(n<0&&(Ei=Ri),Ri+=n),Ti=Li===gi&&(Ai===gi||Ai===fi)||Ai===gi&&Li!==_i,Pi=!(Li!==pi&&Li!==gi||Ai!==wi&&Ai!==_i),bi=Ci&&a?l-a:l,t&&l&&Si+vi+Ri>bi&&(i?(vi&&zi(),Si&&Fi()):(Pi||(Pi=Li===fi&&Ai==_i),Ti||Pi||Li===mi||Li===pi||Li===gi||vi+Ri>bi?(vi&&zi(),Si&&Fi()):Si&&Fi()))," "===ki&&!0!==Ci&&Si+vi===0||(Li===mi?(" "===ki&&vi&&zi(),Ii(ki,Ri),zi()):Ti||Pi?(vi&&zi(),Ii(ki,Ri)):Ii(ki,Ri)),Ai=Li);vi&&zi(),Si&&Fi(),Di.length>0&&(Di[Di.length-1].paraEnd=!0)}else e.split("\n").forEach(t=>{Oi.paraNumber++,Si=o.measureText(t).width,Di.push({x:a||0,text:t,width:Si,paraStart:!0}),Mi&&Ui()})}(c,t,s),l&&function(t,e,i,s,n){if(!s&&i.autoSizeAlign)switch(i.textAlign){case"left":Ni(e,"x",t[Gi]);break;case"right":Ni(e,"x",-t[Xi])}if(!n&&i.autoSizeAlign)switch(i.verticalAlign){case"top":Ni(e,"y",t[Yi]);break;case"bottom":Ni(e,"y",-t[qi])}}(l,c,s,r,o),function(t,e){const{rows:i,bounds:s}=t,n=i.length,{__lineHeight:a,__baseLine:r,__letterSpacing:o,__clipText:l,textAlign:c,verticalAlign:d,paraSpacing:h,autoSizeAlign:u}=e;let{x:f,y:g,width:p,height:_}=s,w=a*n+(h?h*(t.paraNumber-1):0),m=r;if(l&&w>_)w=Math.max(_,a),n>1&&(t.overflow=n);else if(_||u)switch(d){case"middle":g+=(_-w)/2;break;case"bottom":g+=_-w}m+=g;let y,x,v,S=p||u?p:t.maxWidth;for(let r=0,d=n;r<d;r++){if(y=i[r],y.x=f,y.width<p||y.width>p&&!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+=a,t.overflow>r&&m>w&&(y.isOverflow=!0,t.overflow=r+1),x=y.x,v=y.width,o<0&&(y.width<0?(v=-y.width+e.fontSize+o,x-=v,v+=e.fontSize):v-=o),x<s.x&&(s.x=x),v>s.width&&(s.width=v),l&&p&&p<v&&(y.isOverflow=!0,t.overflow||(t.overflow=i.length))}s.y=g,s.height=w}(c,s),s.__isCharMode&&function(t,e,i){const{rows:s}=t,{textAlign:n,paraIndent:a,__letterSpacing:r}=e,o=i&&n.includes("both"),l=o||i&&n.includes("justify"),c=l&&n.includes("letter");let d,h,u,f,g,p,_,w,m,y;s.forEach(t=>{t.words&&(g=a&&t.paraStart?a:0,w=t.words.length,l&&(y=!t.paraEnd||o,h=i-t.width-g,c?f=h/(t.words.reduce((t,e)=>t+e.data.length,0)-1):u=w>1?h/(w-1):0),p=r||t.isOverflow||c?0:u?1:2,t.isOverflow&&!r&&(t.textMode=!0),2===p?(t.x+=g,function(t){t.text="",t.words.forEach(e=>{e.data.forEach(e=>{t.text+=e.char})})}(t)):(t.x+=g,d=t.x,t.data=[],t.words.forEach((e,i)=>{1===p?(_={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,n){return t.forEach(t=>{(s||" "!==t.char)&&(t.x=e,i.push(t)),e+=t.width,n&&(e+=n)}),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,n){if(!n)return;const{rows:a,overflow:r}=t;let{textOverflow:o}=e;if(a.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+n-c;("none"===e.textWrap?a:[a[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,n,r),"none"!==s.textDecoration&&function(t,e){let i,s=0;const{fontSize:n,textDecoration:a}=e;switch(t.decorationHeight=n/11,L(a)?(i=a.type,a.color&&(t.decorationColor=X.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]}}(c,s),c}};const Vi={string:function(t,i){if(!t)return"#000";const n=s(i)&&i<1;if(e(t)){if(!n||!X.object)return t;t=X.object(t)}let a=o(t.a)?1:t.a;n&&(a*=i);const r=t.r+","+t.g+","+t.b;return 1===a?"rgb("+r+")":"rgba("+r+","+a+")"}};Object.assign(j,ji),Object.assign(X,Vi),Object.assign(U,Lt),Object.assign(Y,le),Object.assign(q,Ee),Object.assign(G,Ye);try{wx&&$(0,wx)}catch(t){}export{ct as Layouter,H as LeaferCanvas,V as PathNodeHandleType,ht as Renderer,J as Watcher,$ as useCanvas};
|
|
1
|
+
import{LeaferCanvasBase as t,isString as e,Platform as i,isNumber as s,canvasPatch as n,DataHelper as a,canvasSizeAttrs as r,isUndefined as o,ResizeEvent as l,Creator as c,LeaferImage as d,defineKey as h,FileHelper as u,LeafList as f,RenderEvent as p,ChildEvent as g,WatchEvent as _,PropertyEvent as w,LeafHelper as m,BranchHelper as y,LeafBoundsHelper as x,Bounds as v,isArray as S,Debug as b,LeafLevelList as k,LayoutEvent as B,Run as R,ImageManager as E,isObject as L,BoundsHelper as A,FourNumberHelper as T,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{LeaferFilm,LeaferImage,LeaferVideo}from"@leafer/core";import{Paint as U,PaintImage as Y,ColorConvert as X,PaintGradient as q,Effect as N,Group as G,TextConvert as j}from"@leafer-ui/draw";export*from"@leafer-ui/draw";var V;!function(t){t[t.none=1]="none",t[t.free=2]="free",t[t.mirrorAngle=3]="mirrorAngle",t[t.mirror=4]="mirror"}(V||(V={}));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:r}=this.config,o={width:e||t.width,height:a||t.height,pixelRatio:r};this.resize(o),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,r),this.resize(t),o(this.width)||this.resizeListener(new l(t,e))}}function Q(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(u.mimeType(e),i),canvasToBolb:(t,e,i)=>t.toBuffer(e,{quality:i}),canvasSaveAs:(t,e,s)=>{let n=t.toDataURL(u.mimeType(u.fileType(e)),s);return n=n.substring(n.indexOf("64,")+3),i.origin.download(n,e)},download:(t,s)=>new Promise((n,a)=>{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}),n()}):n()},fail(t){a(t)}})}),loadImage:(t,e,s)=>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)}),loadContent:(t,i="text")=>new Promise((s,n)=>e.request({url:t,responseType:"arrayBuffer"===i?"arraybuffer":"text",success:t=>s("json"===i&&"string"==typeof t.data?JSON.parse(t.data):t.data),fail:n})),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=c.canvas(),i.conicGradientSupport=!!i.canvas.context.createConicGradient}Object.assign(c,{canvas:(t,e)=>new H(t,e),image:t=>new d(t)}),i.name="miniapp",i.requestRender=function(t){const{view:e}=i.renderCanvas||i.canvas;e.requestAnimationFrame?e.requestAnimationFrame(t):setTimeout(t,16)},h(i,"devicePixelRatio",{get:()=>Math.max(1,wx.getWindowInfo?wx.getWindowInfo().pixelRatio:wx.getSystemInfoSync().pixelRatio)});class Z{get childrenChanged(){return this.hasAdd||this.hasRemove||this.hasVisible}get updatedList(){if(this.hasRemove&&this.config.usePartLayout){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.config.usePartLayout&&this.__updatedList.add(t.target),this.update()}__onChildEvent(t){this.config.usePartLayout&&(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:$,updateBounds:J,updateChange:K}=m,{pushAllChildBranch:tt,pushAllParent:et}=y;const{worldBounds:it}=x;class st{constructor(t){this.updatedBounds=new v,this.beforeBounds=new v,this.afterBounds=new v,S(t)&&(t=new f(t)),this.updatedList=t}setBefore(){this.beforeBounds.setListWithFn(this.updatedList.list,it)}setAfter(){this.afterBounds.setListWithFn(this.updatedList.list,it),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:at}=m,rt=b.get("Layouter");class ot{constructor(t,e){this.totalTimes=0,this.config={usePartLayout:!0},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){rt.error(t)}this.layoutedBlocks=null}layoutAgain(){this.layouting?this.waitAgain=!0:this.layoutOnce()}layoutOnce(){return this.layouting?rt.warn("layouting"):this.times>3?rt.warn("layout max times"):(this.times++,this.totalTimes++,this.layouting=!0,this.target.emit(_.REQUEST),this.totalTimes>1&&this.config.usePartLayout?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:r}=B,o=this.getBlocks(s);o.forEach(t=>t.setBefore()),i.emitEvent(new B(n,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?($(t,!0),e.add(t),t.isBranch&&tt(t,e),et(t,e)):i.boundsChanged&&(e.add(t),t.isBranch&&(t.__tempNumber=0),et(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||J(s[t])}J(i)}})}(this.__levelList),function(t){t.list.forEach(K)}(s),this.extraBlock&&o.push(this.extraBlock),o.forEach(t=>t.setAfter()),i.emitEvent(new B(a,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:n}=B,a=this.getBlocks(new f(e));e.emitEvent(new B(i,a,this.times)),ot.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){nt(t,!0),t.isBranch?y.updateBounds(t):m.updateBounds(t),at(t)}addExtra(t){if(!this.__updatedList.has(t)){const{updatedList:e,beforeBounds:i}=this.extraBlock||(this.extraBlock=new st([]));e.length?i.add(t.__world):i.set(t.__world),e.add(t)}}createBlock(t){return new st(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 lt=b.get("Renderer");class ct{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,ceilPartPixel:!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.requestTime||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 v,lt.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,lt.error(t)}lt.log("-------------|")}renderAgain(){this.rendering?this.waitAgain=!0:this.renderOnce()}renderOnce(t){if(this.rendering)return lt.warn("rendering");if(this.times>3)return lt.warn("render max times");if(this.times++,this.totalTimes++,this.rendering=!0,this.changed=!1,this.renderBounds=new v,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 v(s);i.save(),s.spread(ct.clipSpread).ceil();const{ceilPartPixel:a}=this.config;i.clipWorld(s,a),i.clearWorld(s,a),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,target:n}=this,a=t.includes(n.__world),r=a?{includes:a}:{bounds:t,includes:a};this.needFill&&s.fillWorld(t,this.config.fill),b.showRepaint&&b.drawRepaint(s,t),this.config.useCellRender&&(r.cellList=this.getCellList()),i.render(n,s,r),this.renderBounds=e=e||t,this.renderOptions=r,this.totalBounds.isEmpty()?this.totalBounds=e:this.totalBounds.add(e),s.updateRender(e)}getCellList(){}addBlock(t,e){this.updateBlocks||(this.updateBlocks=[]),this.updateBlocks.push(t)}mergeBlocks(){const{updateBlocks:t}=this;if(t){const e=new v;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 v(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 v(0,0,1,1)),this.update()}}__onLayoutEnd(t){t.data&&t.data.map(t=>{let e;const{updatedList:i}=t;i&&i.list.some(t=>(e=!t.__world.width||!t.__world.height,e&&(t.isLeafer||lt.tip(t.innerName,": empty"),e=!t.isBranch||t.isBranchLeaf),e)),this.addBlock(e?this.canvas.bounds:t.updatedBounds,i)})}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 dt(t,e,i){t.__.__font?U.fillText(t,e,i):t.__.windingRule?e.fill(t.__.windingRule):e.fill()}function ht(t,e,i,s,n){const a=i.__;L(t)?U.drawStrokesStyle(t,e,!1,i,s,n):(s.setStroke(t,a.__strokeWidth*e,a),s.stroke()),a.__useArrow&&U.strokeArrow(t,i,s,n)}function ut(t,e,i,s,n){const a=i.__;L(t)?U.drawStrokesStyle(t,e,!0,i,s,n):(s.setStroke(t,a.__strokeWidth*e,a),U.drawTextStroke(i,s,n))}function ft(t,e,i,s,n){const a=s.getSameCanvas(!0,!0);a.font=i.__.__font,ut(t,2,i,a,n),a.blendMode="outside"===e?"destination-out":"destination-in",U.fillText(i,a,n),a.blendMode="normal",m.copyCanvasByWorld(i,s,a),a.recycle(i.__nowWorld)}ct.clipSpread=10,Object.assign(c,{watcher:(t,e)=>new Z(t,e),layouter:(t,e)=>new ot(t,e),renderer:(t,e,i)=>new ct(t,e,i),selector:(t,e)=>{},interaction:(t,e,i,s)=>{}}),i.layout=ot.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:pt,copyAndSpread:gt,toOuterOf:_t,getOuterOf:wt,getByMove:mt,move:yt,getIntersectData:xt}=A,vt={};let St;const{stintSet:bt}=a,{hasTransparent:kt}=X;function Bt(t,i,s){if(!L(i)||!1===i.visible||0===i.opacity)return;let n;const{boxBounds:a}=s.__layout,{type:r}=i;switch(r){case"image":case"film":case"video":if(!i.url)return;n=Y.image(s,t,i,a,!St||!St[i.url]),"image"!==r&&Y[r](n);break;case"linear":n=q.linearGradient(i,a);break;case"radial":n=q.radialGradient(i,a);break;case"angular":n=q.conicGradient(i,a);break;case"solid":const{color:e,opacity:l}=i;n={type:r,style:X.string(e,l)};break;default:o(i.r)||(n={type:"solid",style:X.string(i)})}if(n&&(n.originPaint=i,e(n.style)&&kt(n.style)&&(n.isTransparent=!0),i.style)){if(0===i.style.strokeWidth)return;n.strokeStyle=i.style}return n}const Rt={compute:function(t,e){const i=e.__,s=[];let n,a,r,o=i.__input[t];S(o)||(o=[o]),St=Y.recycleImage(t,i);for(let i,n=0,a=o.length;n<a;n++)(i=Bt(t,o[n],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)&&(n=!0),a=!0),"fill"===t?(bt(i,"__isAlphaPixelFill",n),bt(i,"__isTransparentFill",a)):(bt(i,"__isAlphaPixelStroke",n),bt(i,"__isTransparentStroke",a),bt(i,"__hasMultiStrokeStyle",r))):i.__removePaint(t,!1)},fill:function(t,e,i,s){i.fillStyle=t,dt(e,i,s)},fills:function(t,e,i,s){let n,a,r;for(let o=0,l=t.length;o<l;o++){if(n=t[o],a=n.originPaint,n.image){if(r?r++:r=1,Y.checkImage(n,!e.__.__font,e,i,s))continue;if(!n.style){1===r&&n.image.isPlacehold&&e.drawImagePlaceholder(n,i,s);continue}}if(i.fillStyle=n.style,n.transform||a.scaleFixed){if(i.save(),n.transform&&i.transform(n.transform),a.scaleFixed){const{scaleX:t,scaleY:s}=e.getRenderScaleData(!0);(!0===a.scaleFixed||"zoom-in"===a.scaleFixed&&t>1&&s>1)&&i.scale(1/t,1/s)}a.blendMode&&(i.blendMode=a.blendMode),dt(e,i,s),i.restore()}else a.blendMode?(i.saveBlendMode(a.blendMode),dt(e,i,s),i.restoreBlendMode()):dt(e,i,s)}},fillPathOrText:dt,fillText:function(t,e,i){const s=t.__,{rows:n,decorationY:a}=s.__textDrawData;let r;s.__isPlacehold&&s.placeholderColor&&(e.fillStyle=s.placeholderColor);for(let t=0,i=n.length;t<i;t++)r=n[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(a){const{decorationColor:t,decorationHeight:i}=s.__textDrawData;t&&(e.fillStyle=t),n.forEach(t=>a.forEach(s=>e.fillRect(t.x,t.y+s,t.width,i)))}},stroke:function(t,e,i,s){const n=e.__;if(n.__strokeWidth)if(n.__font)U.strokeText(t,e,i,s);else switch(n.strokeAlign){case"center":ht(t,1,e,i,s);break;case"inside":!function(t,e,i,s){i.save(),i.clipUI(e),ht(t,2,e,i,s),i.restore()}(t,e,i,s);break;case"outside":!function(t,e,i,s){const n=e.__;if(n.__fillAfterStroke)ht(t,2,e,i,s);else{const{renderBounds:a}=e.__layout,r=i.getSameCanvas(!0,!0);e.__drawRenderPath(r),ht(t,2,e,r,s),r.clipUI(n),r.clearWorld(a),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":ut(t,1,e,i,s);break;case"inside":ft(t,"inside",e,i,s);break;case"outside":e.__.__fillAfterStroke?ut(t,2,e,i,s):ft(t,"outside",e,i,s)}},drawTextStroke:function(t,e,i){let s,n=t.__.__textDrawData;const{rows:a,decorationY:r}=n;for(let t=0,i=a.length;t<i;t++)s=a[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}=n;a.forEach(i=>r.forEach(s=>e.strokeRect(i.x,i.y+s,i.width,t)))}},drawStrokesStyle:function(t,e,i,s,n,a){let r;const o=s.__,{__hasMultiStrokeStyle:l}=o;l||n.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,n,a))&&r.style){if(l){const{strokeStyle:t}=r;t?n.setStroke(r.style,o.__getRealStrokeWidth(t)*e,o,t):n.setStroke(r.style,o.__strokeWidth*e,o)}else n.strokeStyle=r.style;r.originPaint.blendMode?(n.saveBlendMode(r.originPaint.blendMode),i?U.drawTextStroke(s,n,a):n.stroke(),n.restoreBlendMode()):i?U.drawTextStroke(s,n,a):n.stroke()}},shape:function(t,e,s){const n=e.getSameCanvas(),a=e.bounds,r=t.__nowWorld,o=t.__layout,l=t.__nowWorldShapeBounds||(t.__nowWorldShapeBounds={});let c,d,h,u,f,p;_t(o.strokeSpread?(gt(vt,o.boxBounds,o.strokeSpread),vt):o.boxBounds,r,l);let{scaleX:g,scaleY:_}=t.getRenderScaleData(!0);if(a.includes(l))p=n,c=f=l,d=r;else{let n;if(i.fullImageShadow)n=l;else{const t=o.renderShapeSpread?pt(a,T.swapAndScale(o.renderShapeSpread,g,_)):a;n=xt(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=wt(l,u),c=mt(f,-u.e,-u.f),d=wt(r,u),yt(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(n,s),{canvas:n,matrix:h,fitMatrix:u,bounds:c,renderBounds:d,worldCanvas:p,shapeBounds:f,scaleX:g,scaleY:_}}};let Et,Lt=new v;const{isSame:At}=A;function Tt(t,e,i,s,n,a){const r=t.__;if("fill"===e&&!r.__naturalWidth&&(r.__naturalWidth=s.width/r.pixelRatio,r.__naturalHeight=s.height/r.pixelRatio,r.__autoSide))return t.forceUpdate("width"),t.__proxyData&&(t.setProxyAttr("width",r.width),t.setProxyAttr("height",r.height)),!1;if(!n.data){Y.createData(n,s,i,a);const{transform:t}=n.data,{opacity:e,blendMode:o}=i,l=t&&!t.onlyScale||r.path||r.cornerRadius;(l||e&&e<1||o)&&(n.complex=!l||2)}return!0}function Pt(t,e){Wt(t,C.LOAD,e)}function Ct(t,e){Wt(t,C.LOADED,e)}function Ot(t,e,i){e.error=i,t.forceUpdate("surface"),Wt(t,C.ERROR,e)}function Wt(t,e,i){t.hasEvent(e)&&t.emitEvent(new C(e,i))}function Mt(t,e){const{leafer:i}=t;i&&i.viewReady&&(i.renderer.ignore=e)}const{get:Dt,translate:It}=O,zt=new v,Ft={},Ut={};function Yt(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 Xt={},qt=I();const{get:Nt,set:Gt,rotateOfOuter:jt,translate:Vt,scaleOfOuter:Ht,multiplyParent:Qt,scale:Zt,rotate:$t,skew:Jt}=O;function Kt(t,e,i,s,n,a,r,o){r&&$t(t,r),o&&Jt(t,o.x,o.y),n&&Zt(t,n,a),Vt(t,e.x+i,e.y+s)}function te(t,e,i,s){return new(i||(i=Promise))(function(n,a){function r(t){try{l(s.next(t))}catch(t){a(t)}}function o(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(r,o)}l((s=s.apply(t,e||[])).next())})}"function"==typeof SuppressedError&&SuppressedError;const{get:ee,scale:ie,copy:se}=O,{getFloorScale:ne}=W,{abs:ae}=Math;const re={image:function(t,e,i,s,n){let a,r;const o=E.get(i,i.type);return Et&&i===Et.paint&&At(s,Et.boxBounds)?a=Et.leafPaint:(a={type:i.type,image:o},o.hasAlphaPixel&&(a.isTransparent=!0),Et=o.use>1?{leafPaint:a,paint:i,boxBounds:Lt.set(s)}:null),(n||o.loading)&&(r={image:o,attrName:e,attrValue:i}),o.ready?(Tt(t,e,i,o,a,s),n&&(Pt(t,r),Ct(t,r))):o.error?n&&Ot(t,r,o.error):(n&&(Mt(t,!0),Pt(t,r)),a.loadId=o.load(()=>{Mt(t,!1),t.destroyed||(Tt(t,e,i,o,a,s)&&(o.hasAlphaPixel&&(t.__layout.hitCanvasChanged=!0),t.forceUpdate("surface")),Ct(t,r)),a.loadId=void 0},e=>{Mt(t,!1),Ot(t,r,e),a.loadId=void 0},i.lod&&o.getThumbSize(i.lod)),t.placeholderColor&&(t.placeholderDelay?setTimeout(()=>{o.ready||(o.isPlacehold=!0,t.forceUpdate("surface"))},t.placeholderDelay):o.isPlacehold=!0)),a},checkImage:function(t,e,s,n,a){const{scaleX:r,scaleY:o}=Y.getImageRenderScaleData(t,s,n,a),c=t.film?t.nowIndex:r+"-"+o,{image:d,data:h,originPaint:u}=t,{exporting:f,snapshot:p}=a;return!(!h||t.patternId===c&&!f||p)&&(e&&(h.repeat?e=!1:u.changeful||t.film||"miniapp"===i.name&&l.isResizing(s)||f||(e=i.image.isLarge(d,r,o)||d.width*r>8096||d.height*o>8096)),e?(s.__.__isFastShadow&&(n.fillStyle=t.style||"#000",n.fill()),Y.drawImage(t,r,o,s,n,a),!0):(!t.style||u.sync||f?Y.createPattern(t,s,n,a):Y.createPatternTask(t,s,n,a),!1))},drawImage:function(t,e,i,s,n,a){const{data:r,image:o,complex:l}=t;let{width:c,height:d}=o;if(l){const{blendMode:a,opacity:h}=t.originPaint,{transform:u}=r;n.save(),2===l&&n.clipUI(s),a&&(n.blendMode=a),h&&(n.opacity*=h),u&&n.transform(u),o.render(n,0,0,c,d,s,t,e,i),n.restore()}else r.scaleX&&(c*=r.scaleX,d*=r.scaleY),o.render(n,0,0,c,d,s,t,e,i)},getImageRenderScaleData:function(t,e,i,s){const n=e.getRenderScaleData(!0,t.originPaint.scaleFixed),{data:a}=t;if(i){const{pixelRatio:t}=i;n.scaleX*=t,n.scaleY*=t}return a&&a.scaleX&&(n.scaleX*=Math.abs(a.scaleX),n.scaleY*=Math.abs(a.scaleY)),n},recycleImage:function(t,e){const i=e["_"+t];if(S(i)){let s,n,a,r,o;for(let l=0,c=i.length;l<c;l++)s=i[l],n=s.image,o=n&&n.url,o&&(a||(a={}),a[o]=!0,E.recyclePaint(s),n.loading&&(r||(r=e.__input&&e.__input[t]||[],S(r)||(r=[r])),n.unload(i[l].loadId,!r.some(t=>t.url===o))));return a}return null},createPatternTask:function(t,e,i,s){t.patternTask||(t.patternTask=E.patternTasker.add(()=>te(this,void 0,void 0,function*(){Y.createPattern(t,e,i,s),e.forceUpdate("surface")}),0,()=>(t.patternTask=null,i.bounds.hit(e.__nowWorld))))},createPattern:function(t,e,s,n){let{scaleX:a,scaleY:r}=Y.getImageRenderScaleData(t,e,s,n),o=t.film?t.nowIndex:a+"-"+r;if(t.patternId!==o&&!e.destroyed&&(!i.image.isLarge(t.image,a,r)||t.data.repeat)){const{image:s,data:n}=t,{opacity:l,filters:c}=t.originPaint,{transform:d,gap:h}=n,u=Y.getPatternFixScale(t,a,r);let f,p,g,{width:_,height:w}=s;u&&(a*=u,r*=u),_*=a,w*=r,h&&(p=h.x*a/ae(n.scaleX||1),g=h.y*r/ae(n.scaleY||1)),(d||1!==a||1!==r)&&(a*=ne(_+(p||0)),r*=ne(w+(g||0)),f=ee(),d&&se(f,d),ie(f,1/a,1/r));const m=s.getCanvas(_,w,l,c,p,g,e.leafer&&e.leafer.config.smooth,n.interlace),y=s.getPattern(m,n.repeat||i.origin.noRepeat||"no-repeat",f,t);t.style=y,t.patternId=o}},getPatternFixScale:function(t,e,s){const{image:n}=t;let a,r=i.image.maxPatternSize,o=n.width*n.height;return n.isSVG?e>1&&(a=Math.ceil(e)/e):r>o&&(r=o),(o*=e*s)>r&&(a=Math.sqrt(r/o)),a},createData:function(t,e,i,s){t.data=Y.getPatternData(i,s,e)},getPatternData:function(t,i,n){t.padding&&(i=zt.set(i).shrink(t.padding)),"strench"===t.mode&&(t.mode="stretch");const{width:a,height:r}=n,{mode:o,align:l,offset:c,scale:d,size:h,rotation:u,skew:f,clipSize:p,repeat:g,gap:_,interlace:w}=t,m=i.width===a&&i.height===r,y={mode:o},x="center"!==l&&(u||0)%180==90;let v,S;switch(A.set(Ut,0,0,x?r:a,x?a:r),o&&"cover"!==o&&"fit"!==o?((d||h)&&(W.getScaleData(d,h,n,Ft),v=Ft.scaleX,S=Ft.scaleY),(l||_||g)&&(v&&A.scale(Ut,v,S,!0),l&&M.toPoint(l,Ut,i,Ut,!0,!0))):m&&!u||(v=S=A.getFitScale(i,Ut,"fit"!==o),A.put(i,n,l,v,!1,Ut),A.scale(Ut,v,S,!0)),c&&D.move(Ut,c),o){case"stretch":m?v&&(v=S=void 0):(v=i.width/a,S=i.height/r,Y.stretchMode(y,i,v,S));break;case"normal":case"clip":if(Ut.x||Ut.y||v||p||u||f){let t,e;p&&(t=i.width/p.width,e=i.height/p.height),Y.clipMode(y,i,Ut.x,Ut.y,v,S,u,f,t,e),t&&(v=v?v*t:t,S=S?S*e:e)}break;case"repeat":(!m||v||u||f)&&Y.repeatMode(y,i,a,r,Ut.x,Ut.y,v,S,u,f,l,t.freeTransform),g||(y.repeat="repeat");const e=L(g);(_||e)&&(y.gap=function(t,e,i,s,n){let a,r;L(t)?(a=t.x,r=t.y):a=r=t;return{x:Yt(a,i,n.width,e&&e.x),y:Yt(r,s,n.height,e&&e.y)}}(_,e&&g,Ut.width,Ut.height,i));break;default:v&&Y.fillOrFitMode(y,i,Ut.x,Ut.y,v,S,u)}return y.transform||(i.x||i.y)&&It(y.transform=Dt(),i.x,i.y),v&&(y.scaleX=v,y.scaleY=S),g&&(y.repeat=e(g)?"x"===g?"repeat-x":"repeat-y":"repeat"),w&&(y.interlace=s(w)||"percent"===w.type?{type:"x",offset:w}:w),y},stretchMode:function(t,e,i,s){const n=Nt(),{x:a,y:r}=e;a||r?Vt(n,a,r):i>0&&s>0&&(n.onlyScale=!0),Zt(n,i,s),t.transform=n},fillOrFitMode:function(t,e,i,s,n,a,r){const o=Nt();Vt(o,e.x+i,e.y+s),Zt(o,n,a),r&&jt(o,{x:e.x+e.width/2,y:e.y+e.height/2},r),t.transform=o},clipMode:function(t,e,i,s,n,a,r,o,l,c){const d=Nt();Kt(d,e,i,s,n,a,r,o),l&&(r||o?(Gt(qt),Ht(qt,e,l,c),Qt(d,qt)):Ht(d,e,l,c)),t.transform=d},repeatMode:function(t,e,i,s,n,a,r,o,l,c,d,h){const u=Nt();if(h)Kt(u,e,n,a,r,o,l,c);else{if(l)if("center"===d)jt(u,{x:i/2,y:s/2},l);else switch($t(u,l),l){case 90:Vt(u,s,0);break;case 180:Vt(u,i,s);break;case 270:Vt(u,0,i)}Xt.x=e.x+n,Xt.y=e.y+a,Vt(u,Xt.x,Xt.y),r&&Ht(u,Xt,r,o)}t.transform=u}},{toPoint:oe}=z,{hasTransparent:le}=X,ce={},de={};function he(t,i,s,n){if(s){let a,r,o,l;for(let t=0,c=s.length;t<c;t++)a=s[t],e(a)?(o=t/(c-1),r=X.string(a,n)):(o=a.offset,r=X.string(a.color,n)),i.addColorStop(o,r),!l&&le(r)&&(l=!0);l&&(t.isTransparent=!0)}}const{getAngle:ue,getDistance:fe}=D,{get:pe,rotateOfOuter:ge,scaleOfOuter:_e}=O,{toPoint:we}=z,me={},ye={};function xe(t,e,i,s,n){let a;const{width:r,height:o}=t;if(r!==o||s){const t=ue(e,i);a=pe(),n?(_e(a,e,r/o*(s||1),1),ge(a,e,t+90)):(_e(a,e,1,r/o*(s||1)),ge(a,e,t))}return a}const{getDistance:ve}=D,{toPoint:Se}=z,be={},ke={};const Be={linearGradient:function(t,e){let{from:s,to:n,type:a,opacity:r}=t;oe(s||"top",e,ce),oe(n||"bottom",e,de);const o=i.canvas.createLinearGradient(ce.x,ce.y,de.x,de.y),l={type:a,style:o};return he(l,o,t.stops,r),l},radialGradient:function(t,e){let{from:s,to:n,type:a,opacity:r,stretch:o}=t;we(s||"center",e,me),we(n||"bottom",e,ye);const l=i.canvas.createRadialGradient(me.x,me.y,0,me.x,me.y,fe(me,ye)),c={type:a,style:l};he(c,l,t.stops,r);const d=xe(e,me,ye,o,!0);return d&&(c.transform=d),c},conicGradient:function(t,e){let{from:s,to:n,type:a,opacity:r,stretch:o}=t;Se(s||"center",e,be),Se(n||"bottom",e,ke);const l=i.conicGradientSupport?i.canvas.createConicGradient(0,be.x,be.y):i.canvas.createRadialGradient(be.x,be.y,0,be.x,be.y,ve(be,ke)),c={type:a,style:l};he(c,l,t.stops,r);const d=xe(e,be,ke,o||1,i.conicGradientRotate90);return d&&(c.transform=d),c},getTransform:xe},{copy:Re,move:Ee,toOffsetOutBounds:Le}=A,{max:Ae,abs:Te}=Math,Pe={},Ce=new P,Oe={};function We(t,e){let i,s,n,a,r=0,o=0,l=0,c=0;return e.forEach(t=>{i=t.x||0,s=t.y||0,a=1.5*(t.blur||0),n=Te(t.spread||0),r=Ae(r,n+a-s),o=Ae(o,n+a+i),l=Ae(l,n+a+s),c=Ae(c,n+a-i)}),r===o&&o===l&&l===c?r:[r,o,l,c]}function Me(t,e,s){const{shapeBounds:n}=s;let a,r;i.fullImageShadow?(Re(Pe,t.bounds),Ee(Pe,e.x-n.x,e.y-n.y),a=t.bounds,r=Pe):(a=n,r=e),t.copyWorld(s.canvas,a,r)}const{toOffsetOutBounds:De}=A,Ie={};const ze=We;const Fe={shadow:function(t,e,i){let s,n;const{__nowWorld:a}=t,{shadow:r}=t.__,{worldCanvas:o,bounds:l,renderBounds:c,shapeBounds:d,scaleX:h,scaleY:u}=i,f=e.getSameCanvas(),p=r.length-1;Le(l,Oe,c),r.forEach((r,g)=>{let _=1;if(r.scaleFixed){const t=Math.abs(a.scaleX);t>1&&(_=1/t)}f.setWorldShadow(Oe.offsetX+(r.x||0)*h*_,Oe.offsetY+(r.y||0)*u*_,(r.blur||0)*h*_,X.string(r.color)),n=N.getShadowTransform(t,f,i,r,Oe,_),n&&f.setTransform(n),Me(f,Oe,i),n&&f.resetTransform(),s=c,r.box&&(f.restore(),f.save(),o&&(f.copyWorld(f,c,a,"copy"),s=a),o?f.copyWorld(o,a,a,"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,n;const{__nowWorld:a}=t,{innerShadow:r}=t.__,{worldCanvas:o,bounds:l,renderBounds:c,shapeBounds:d,scaleX:h,scaleY:u}=i,f=e.getSameCanvas(),p=r.length-1;De(l,Ie,c),r.forEach((r,g)=>{let _=1;if(r.scaleFixed){const t=Math.abs(a.scaleX);t>1&&(_=1/t)}f.save(),f.setWorldShadow(Ie.offsetX+(r.x||0)*h*_,Ie.offsetY+(r.y||0)*u*_,(r.blur||0)*h*_),n=N.getShadowTransform(t,f,i,r,Ie,_,!0),n&&f.setTransform(n),Me(f,Ie,i),f.restore(),o?(f.copyWorld(f,c,a,"copy"),f.copyWorld(o,a,a,"source-out"),s=a):(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:We,getShadowTransform:function(t,e,i,s,n,a,r){if(s.spread){const i=2*s.spread*a*(r?-1:1),{width:o,height:l}=t.__layout.strokeBounds;return Ce.set().scaleOfOuter({x:(n.x+n.width/2)*e.pixelRatio,y:(n.y+n.height/2)*e.pixelRatio},1+i/o,1+i/l),Ce}},isTransformShadow(t){},getInnerShadowSpread:ze},{excludeRenderBounds:Ue}=x;let Ye;function Xe(t,e,i,s,n,a,r,o){switch(e){case"grayscale":Ye||(Ye=!0,n.useGrayscaleAlpha(t.__nowWorld));case"alpha":!function(t,e,i,s,n,a){const r=t.__nowWorld;i.resetTransform(),i.opacity=1,i.useMask(s,r),a&&s.recycle(r);Ne(t,e,i,1,n,a)}(t,i,s,n,r,o);break;case"opacity-path":Ne(t,i,s,a,r,o);break;case"path":o&&i.restore()}}function qe(t){return t.getSameCanvas(!1,!0)}function Ne(t,e,i,s,n,a){const r=t.__nowWorld;e.resetTransform(),e.opacity=s,e.copyWorld(i,r,void 0,n),a?i.recycle(r):i.clearWorld(r)}G.prototype.__renderMask=function(t,e){let i,s,n,a,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&&(Xe(this,r,t,n,s,a,void 0,!0),s=n=null),"clipping"!==o&&"clipping-path"!==o||Ue(i,e)||i.__render(t,e),a=i.__.opacity,Ye=!1,"path"===o||"clipping-path"===o?(a<1?(r="opacity-path",n||(n=qe(t))):(r="path",t.save()),i.__clip(n||t,e)):(r="grayscale"===o?"grayscale":"alpha",s||(s=qe(t)),n||(n=qe(t)),i.__render(s,e));continue}const d=1===a&&i.__.__blendMode;d&&Xe(this,r,t,n,s,a,void 0,!1),Ue(i,e)||i.__render(n||t,e),d&&Xe(this,r,t,n,s,a,d,!1)}Xe(this,r,t,n,s,a,void 0,!0)};const Ge=">)]}%!?,.:;'\"》)」〉』〗】〕}┐>’”!?,、。:;‰",je=Ge+"_#~&*+\\=|≮≯≈≠=…",Ve=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 He(t){const e={};return t.split("").forEach(t=>e[t]=!0),e}const Qe=He("ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyz"),Ze=He("{[(<'\"《(「〈『〖【〔{┌<‘“=¥¥$€££¢¢"),$e=He(Ge),Je=He(je),Ke=He("- —/~|┆·");var ti;!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"}(ti||(ti={}));const{Letter:ei,Single:ii,Before:si,After:ni,Symbol:ai,Break:ri}=ti;function oi(t){return Qe[t]?ei:Ke[t]?ri:Ze[t]?si:$e[t]?ni:Je[t]?ai:Ve.test(t)?ii:ei}const li={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 ci(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:di}=li,{Letter:hi,Single:ui,Before:fi,After:pi,Symbol:gi,Break:_i}=ti;let wi,mi,yi,xi,vi,Si,bi,ki,Bi,Ri,Ei,Li,Ai,Ti,Pi,Ci,Oi,Wi=[];function Mi(t,e){Bi&&!ki&&(ki=Bi),wi.data.push({char:t,width:e}),yi+=e}function Di(){xi+=yi,wi.width=yi,mi.words.push(wi),wi={data:[]},yi=0}function Ii(){Ti&&(Pi.paraNumber++,mi.paraStart=!0,Ti=!1),Bi&&(mi.startCharSize=ki,mi.endCharSize=Bi,ki=0),mi.width=xi,Ci.width?di(mi):Oi&&zi(),Wi.push(mi),mi={words:[]},xi=0}function zi(){xi>(Pi.maxWidth||0)&&(Pi.maxWidth=xi)}const{top:Fi,right:Ui,bottom:Yi,left:Xi}=F;function qi(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 Ni={getDrawData:function(t,s){e(t)||(t=String(t));let n=0,a=0,r=s.__getInput("width")||0,o=s.__getInput("height")||0;const{__padding:l}=s;l&&(r?(n=l[Xi],r-=l[Ui]+l[Xi],!r&&(r=.01)):s.autoSizeAlign||(n=l[Xi]),o?(a=l[Fi],o-=l[Fi]+l[Yi],!o&&(o=.01)):s.autoSizeAlign||(a=l[Fi]));const c={bounds:{x:n,y:a,width:r,height:o},rows:[],paraNumber:0,font:i.canvas.font=s.__font};return function(t,e,s){Pi=t,Wi=t.rows,Ci=t.bounds,Oi=!Ci.width&&!s.autoSizeAlign;const{__letterSpacing:n,paraIndent:a,textCase:r}=s,{canvas:o}=i,{width:l}=Ci;if(s.__isCharMode){const t="none"!==s.textWrap,i="break"===s.textWrap;Ti=!0,Ei=null,ki=bi=Bi=yi=xi=0,wi={data:[]},mi={words:[]},n&&(e=[...e]);for(let s=0,c=e.length;s<c;s++)Si=e[s],"\n"===Si?(yi&&Di(),mi.paraEnd=!0,Ii(),Ti=!0):(Ri=oi(Si),Ri===hi&&"none"!==r&&(Si=ci(Si,r,!yi)),bi=o.measureText(Si).width,n&&(n<0&&(Bi=bi),bi+=n),Li=Ri===ui&&(Ei===ui||Ei===hi)||Ei===ui&&Ri!==pi,Ai=!(Ri!==fi&&Ri!==ui||Ei!==gi&&Ei!==pi),vi=Ti&&a?l-a:l,t&&l&&xi+yi+bi>vi&&(i?(yi&&Di(),xi&&Ii()):(Ai||(Ai=Ri===hi&&Ei==pi),Li||Ai||Ri===_i||Ri===fi||Ri===ui||yi+bi>vi?(yi&&Di(),xi&&Ii()):xi&&Ii()))," "===Si&&!0!==Ti&&xi+yi===0||(Ri===_i?(" "===Si&&yi&&Di(),Mi(Si,bi),Di()):Li||Ai?(yi&&Di(),Mi(Si,bi)):Mi(Si,bi)),Ei=Ri);yi&&Di(),xi&&Ii(),Wi.length>0&&(Wi[Wi.length-1].paraEnd=!0)}else e.split("\n").forEach(t=>{Pi.paraNumber++,xi=o.measureText(t).width,Wi.push({x:a||0,text:t,width:xi,paraStart:!0}),Oi&&zi()})}(c,t,s),l&&function(t,e,i,s,n){if(!s&&i.autoSizeAlign)switch(i.textAlign){case"left":qi(e,"x",t[Xi]);break;case"right":qi(e,"x",-t[Ui])}if(!n&&i.autoSizeAlign)switch(i.verticalAlign){case"top":qi(e,"y",t[Fi]);break;case"bottom":qi(e,"y",-t[Yi])}}(l,c,s,r,o),function(t,e){const{rows:i,bounds:s}=t,n=i.length,{__lineHeight:a,__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=a*n+(h?h*(t.paraNumber-1):0),m=r;if(l&&w>_)w=Math.max(e.__autoHeight?w:_,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,x,v,S=g||u?g:t.maxWidth;for(let r=0,d=n;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+=a,t.overflow>r&&m>w&&(y.isOverflow=!0,t.overflow=r+1),x=y.x,v=y.width,o<0&&(y.width<0?(v=-y.width+e.fontSize+o,x-=v,v+=e.fontSize):v-=o),x<s.x&&(s.x=x),v>s.width&&(s.width=v),l&&g&&g<v&&(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:n,paraIndent:a,__letterSpacing:r}=e,o=i&&n.includes("both"),l=o||i&&n.includes("justify"),c=l&&n.includes("letter");let d,h,u,f,p,g,_,w,m,y;s.forEach(t=>{t.words&&(p=a&&t.paraStart?a: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,n){return t.forEach(t=>{(s||" "!==t.char)&&(t.x=e,i.push(t)),e+=t.width,n&&(e+=n)}),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,n){const{rows:a,overflow:r}=t;let{textOverflow:o}=e;if(r&&a.splice(r),n&&o&&"show"!==o){let t,l;"hide"===o?o="":"ellipsis"===o&&(o="...");const c=o?i.canvas.measureText(o).width:0,d=s+n-c;("none"===e.textWrap?a:[a[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,n,r),"none"!==s.textDecoration&&function(t,e){let i,s=0;const{fontSize:n,textDecoration:a}=e;switch(t.decorationHeight=n/11,L(a)?(i=a.type,a.color&&(t.decorationColor=X.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]}}(c,s),c}};const Gi={string:function(t,i){if(!t)return"#000";const n=s(i)&&i<1;if(e(t)){if(!n||!X.object)return t;t=X.object(t)}let a=o(t.a)?1:t.a;n&&(a*=i);const r=t.r+","+t.g+","+t.b;return 1===a?"rgb("+r+")":"rgba("+r+","+a+")"}};Object.assign(j,Ni),Object.assign(X,Gi),Object.assign(U,Rt),Object.assign(Y,re),Object.assign(q,Be),Object.assign(N,Fe);try{wx&&Q(0,wx)}catch(t){}export{ot as Layouter,H as LeaferCanvas,V as PathNodeHandleType,ct as Renderer,Z as Watcher,Q as useCanvas};
|
|
2
2
|
//# sourceMappingURL=miniapp.esm.min.js.map
|