@leafer-draw/worker 1.10.0 → 1.10.1

package/dist/worker.js

@@ -6428,7 +6428,7 @@ var LeaferUI = function(exports) {
             this.levelMap = null;
         }
     }
-    const version = "1.10.0";
+    const version = "1.10.1";
     class LeaferCanvas extends LeaferCanvasBase {
         get allowBackgroundColor() {
             return true;
@@ -7664,7 +7664,7 @@ var LeaferUI = function(exports) {
                 drawer.roundRect(x, y, width, height, isNumber(cornerRadius) ? [ cornerRadius ] : cornerRadius);
             } else drawer.rect(x, y, width, height);
         }
-        drawImagePlaceholder(_image, canvas, renderOptions) {
+        drawImagePlaceholder(_paint, canvas, renderOptions) {
             Paint.fill(this.__.placeholderColor, this, canvas, renderOptions);
         }
         animate(keyframe, _options, _type, _isTemp) {
@@ -8723,30 +8723,31 @@ var LeaferUI = function(exports) {
         fillPathOrText(ui, canvas, renderOptions);
     }
     function fills(fills, ui, canvas, renderOptions) {
-        let item;
+        let item, originPaint, countImage;
         for (let i = 0, len = fills.length; i < len; i++) {
-            item = fills[i];
+            item = fills[i], originPaint = item.originPaint;
             if (item.image) {
+                countImage ? countImage++ : countImage = 1;
                 if (PaintImage.checkImage(item, !ui.__.__font, ui, canvas, renderOptions)) continue;
                 if (!item.style) {
-                    if (!i && item.image.isPlacehold) ui.drawImagePlaceholder(item.image, canvas, renderOptions);
+                    if (countImage === 1 && item.image.isPlacehold) ui.drawImagePlaceholder(item, canvas, renderOptions);
                     continue;
                 }
             }
             canvas.fillStyle = item.style;
-            if (item.transform || item.scaleFixed) {
+            if (item.transform || originPaint.scaleFixed) {
                 canvas.save();
                 if (item.transform) canvas.transform(item.transform);
-                if (item.scaleFixed) {
+                if (originPaint.scaleFixed) {
                     const {scaleX: scaleX, scaleY: scaleY} = ui.getRenderScaleData(true);
-                    if (item.scaleFixed === true || item.scaleFixed === "zoom-in" && scaleX > 1 && scaleY > 1) canvas.scale(1 / scaleX, 1 / scaleY);
+                    if (originPaint.scaleFixed === true || originPaint.scaleFixed === "zoom-in" && scaleX > 1 && scaleY > 1) canvas.scale(1 / scaleX, 1 / scaleY);
                 }
-                if (item.blendMode) canvas.blendMode = item.blendMode;
+                if (originPaint.blendMode) canvas.blendMode = originPaint.blendMode;
                 fillPathOrText(ui, canvas, renderOptions);
                 canvas.restore();
             } else {
-                if (item.blendMode) {
-                    canvas.saveBlendMode(item.blendMode);
+                if (originPaint.blendMode) {
+                    canvas.saveBlendMode(originPaint.blendMode);
                     fillPathOrText(ui, canvas, renderOptions);
                     canvas.restoreBlendMode();
                 } else fillPathOrText(ui, canvas, renderOptions);
@@ -8887,8 +8888,8 @@ var LeaferUI = function(exports) {
                     const {strokeStyle: strokeStyle} = item;
                     strokeStyle ? canvas.setStroke(item.style, data.__getRealStrokeWidth(strokeStyle) * strokeWidthScale, data, strokeStyle) : canvas.setStroke(item.style, data.__strokeWidth * strokeWidthScale, data);
                 } else canvas.strokeStyle = item.style;
-                if (item.blendMode) {
-                    canvas.saveBlendMode(item.blendMode);
+                if (item.originPaint.blendMode) {
+                    canvas.saveBlendMode(item.originPaint.blendMode);
                     isText ? Paint.drawTextStroke(ui, canvas, renderOptions) : canvas.stroke();
                     canvas.restoreBlendMode();
                 } else {
@@ -8979,61 +8980,62 @@ var LeaferUI = function(exports) {
                 if (leafPaints.some(item => item.image)) isAlphaPixel = true;
                 isTransparent = true;
             }
-        }
-        if (attrName === "fill") {
-            stintSet(data, "__isAlphaPixelFill", isAlphaPixel);
-            stintSet(data, "__isTransparentFill", isTransparent);
+            if (attrName === "fill") {
+                stintSet(data, "__isAlphaPixelFill", isAlphaPixel);
+                stintSet(data, "__isTransparentFill", isTransparent);
+            } else {
+                stintSet(data, "__isAlphaPixelStroke", isAlphaPixel);
+                stintSet(data, "__isTransparentStroke", isTransparent);
+                stintSet(data, "__hasMultiStrokeStyle", maxChildStrokeWidth);
+            }
         } else {
-            stintSet(data, "__isAlphaPixelStroke", isAlphaPixel);
-            stintSet(data, "__isTransparentStroke", isTransparent);
-            stintSet(data, "__hasMultiStrokeStyle", maxChildStrokeWidth);
+            data.__removePaint(attrName, false);
         }
     }
     function getLeafPaint(attrName, paint, ui) {
         if (!isObject(paint) || paint.visible === false || paint.opacity === 0) return undefined;
-        let data;
+        let leafPaint;
         const {boxBounds: boxBounds} = ui.__layout;
         switch (paint.type) {
           case "image":
-            data = PaintImage.image(ui, attrName, paint, boxBounds, !recycleMap || !recycleMap[paint.url]);
+            leafPaint = PaintImage.image(ui, attrName, paint, boxBounds, !recycleMap || !recycleMap[paint.url]);
             break;
 
           case "linear":
-            data = PaintGradient.linearGradient(paint, boxBounds);
+            leafPaint = PaintGradient.linearGradient(paint, boxBounds);
             break;
 
           case "radial":
-            data = PaintGradient.radialGradient(paint, boxBounds);
+            leafPaint = PaintGradient.radialGradient(paint, boxBounds);
             break;
 
           case "angular":
-            data = PaintGradient.conicGradient(paint, boxBounds);
+            leafPaint = PaintGradient.conicGradient(paint, boxBounds);
             break;
 
           case "solid":
             const {type: type, color: color, opacity: opacity} = paint;
-            data = {
+            leafPaint = {
                 type: type,
                 style: ColorConvert.string(color, opacity)
             };
             break;
 
           default:
-            if (!isUndefined(paint.r)) data = {
+            if (!isUndefined(paint.r)) leafPaint = {
                 type: "solid",
                 style: ColorConvert.string(paint)
             };
         }
-        if (data) {
-            if (isString(data.style) && hasTransparent$1(data.style)) data.isTransparent = true;
+        if (leafPaint) {
+            leafPaint.originPaint = paint;
+            if (isString(leafPaint.style) && hasTransparent$1(leafPaint.style)) leafPaint.isTransparent = true;
             if (paint.style) {
                 if (paint.style.strokeWidth === 0) return undefined;
-                data.strokeStyle = paint.style;
+                leafPaint.strokeStyle = paint.style;
             }
-            if (paint.editing) data.editing = paint.editing;
-            if (paint.blendMode) data.blendMode = paint.blendMode;
         }
-        return data;
+        return leafPaint;
     }
     const PaintModule = {
         compute: compute,
@@ -9151,10 +9153,6 @@ var LeaferUI = function(exports) {
     const tempScaleData = {};
     const tempImage = {};
     function createData(leafPaint, image, paint, box) {
-        const {changeful: changeful, sync: sync, scaleFixed: scaleFixed} = paint;
-        if (changeful) leafPaint.changeful = changeful;
-        if (sync) leafPaint.sync = sync;
-        if (scaleFixed) leafPaint.scaleFixed = scaleFixed;
         leafPaint.data = PaintImage.getPatternData(paint, box, image);
     }
     function getPatternData(paint, box, image) {
@@ -9365,14 +9363,14 @@ var LeaferUI = function(exports) {
     }
     function checkImage(paint, drawImage, ui, canvas, renderOptions) {
         const {scaleX: scaleX, scaleY: scaleY} = PaintImage.getImageRenderScaleData(paint, ui, canvas, renderOptions);
-        const {image: image, data: data} = paint, {exporting: exporting} = renderOptions;
+        const {image: image, data: data, originPaint: originPaint} = paint, {exporting: exporting} = renderOptions;
         if (!data || paint.patternId === scaleX + "-" + scaleY && !exporting) {
             return false;
         } else {
             if (drawImage) {
                 if (data.repeat) {
                     drawImage = false;
-                } else if (!(paint.changeful || Platform.name === "miniapp" && ResizeEvent.isResizing(ui) || exporting)) {
+                } else if (!(originPaint.changeful || Platform.name === "miniapp" && ResizeEvent.isResizing(ui) || exporting)) {
                     drawImage = Platform.image.isLarge(image, scaleX, scaleY);
                 }
             }
@@ -9384,15 +9382,15 @@ var LeaferUI = function(exports) {
                 PaintImage.drawImage(paint, scaleX, scaleY, ui, canvas, renderOptions);
                 return true;
             } else {
-                if (!paint.style || paint.sync || exporting) PaintImage.createPattern(paint, ui, canvas, renderOptions); else PaintImage.createPatternTask(paint, ui, canvas, renderOptions);
+                if (!paint.style || originPaint.sync || exporting) PaintImage.createPattern(paint, ui, canvas, renderOptions); else PaintImage.createPatternTask(paint, ui, canvas, renderOptions);
                 return false;
             }
         }
     }
     function drawImage(paint, _imageScaleX, _imageScaleY, ui, canvas, _renderOptions) {
-        const {data: data, image: image, blendMode: blendMode} = paint, {opacity: opacity, transform: transform} = data, view = image.getFull(data.filters), u = ui.__;
+        const {data: data, image: image} = paint, {blendMode: blendMode} = paint.originPaint, {opacity: opacity, transform: transform} = data, view = image.getFull(data.filters), u = ui.__;
         let {width: width, height: height} = image, clipUI;
-        if (transform && !transform.onlyScale || (clipUI = u.path || u.cornerRadius) || opacity || blendMode) {
+        if ((clipUI = transform && !transform.onlyScale || u.path || u.cornerRadius) || opacity || blendMode) {
             canvas.save();
             clipUI && canvas.clipUI(ui);
             blendMode && (canvas.blendMode = blendMode);
@@ -9406,7 +9404,7 @@ var LeaferUI = function(exports) {
         }
     }
     function getImageRenderScaleData(paint, ui, canvas, _renderOptions) {
-        const scaleData = ui.getRenderScaleData(true, paint.scaleFixed), {data: data} = paint;
+        const scaleData = ui.getRenderScaleData(true, paint.originPaint.scaleFixed), {data: data} = paint;
         if (canvas) {
             const {pixelRatio: pixelRatio} = canvas;
             scaleData.scaleX *= pixelRatio;

package/dist/worker.min.cjs

@@ -1,2 +1,2 @@
-"use strict";var t=require("@leafer/core"),e=require("@leafer-ui/draw");class a extends t.LeaferCanvasBase{get allowBackgroundColor(){return!0}init(){this.__createView(),this.__createContext(),this.resize(this.config)}__createView(){this.view=t.Platform.origin.createCanvas(1,1)}updateViewSize(){const{width:t,height:e,pixelRatio:a}=this;this.view.width=Math.ceil(t*a),this.view.height=Math.ceil(e*a),this.clientBounds=this.bounds}}t.canvasPatch(OffscreenCanvasRenderingContext2D.prototype),t.canvasPatch(Path2D.prototype);const{mineType:n}=t.FileHelper;function r(e,a){t.Platform.origin={createCanvas:(t,e)=>new OffscreenCanvas(t,e),canvasToDataURL:(t,e,a)=>new Promise((r,i)=>{t.convertToBlob({type:n(e),quality:a}).then(t=>{var e=new FileReader;e.onload=t=>r(t.target.result),e.onerror=t=>i(t),e.readAsDataURL(t)}).catch(t=>{i(t)})}),canvasToBolb:(t,e,a)=>t.convertToBlob({type:n(e),quality:a}),canvasSaveAs:(t,e,a)=>new Promise(t=>t()),download(t,e){},loadImage:e=>new Promise((a,n)=>{let r=new XMLHttpRequest;r.open("GET",t.Platform.image.getRealURL(e),!0),r.responseType="blob",r.onload=()=>{createImageBitmap(r.response).then(t=>{a(t)}).catch(t=>{n(t)})},r.onerror=t=>n(t),r.send()})},t.Platform.canvas=t.Creator.canvas(),t.Platform.conicGradientSupport=!!t.Platform.canvas.context.createConicGradient}Object.assign(t.Creator,{canvas:(t,e)=>new a(t,e),image:e=>new t.LeaferImage(e)}),t.Platform.name="web",t.Platform.isWorker=!0,t.Platform.backgrounder=!0,t.Platform.requestRender=function(t){requestAnimationFrame(t)},t.defineKey(t.Platform,"devicePixelRatio",{get:()=>1});const{userAgent:i}=navigator;i.indexOf("Firefox")>-1?(t.Platform.conicGradientRotate90=!0,t.Platform.intWheelDeltaY=!0):(/iPhone|iPad|iPod/.test(navigator.userAgent)||/Macintosh/.test(navigator.userAgent)&&/Version\/[\d.]+.*Safari/.test(navigator.userAgent))&&(t.Platform.fullImageShadow=!0),i.indexOf("Windows")>-1?(t.Platform.os="Windows",t.Platform.intWheelDeltaY=!0):i.indexOf("Mac")>-1?t.Platform.os="Mac":i.indexOf("Linux")>-1&&(t.Platform.os="Linux");class s{get childrenChanged(){return this.hasAdd||this.hasRemove||this.hasVisible}get updatedList(){if(this.hasRemove){const e=new t.LeafList;return this.__updatedList.list.forEach(t=>{t.leafer&&e.add(t)}),e}return this.__updatedList}constructor(e,a){this.totalTimes=0,this.config={},this.__updatedList=new t.LeafList,this.target=e,a&&(this.config=t.DataHelper.default(a,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(t.RenderEvent.REQUEST)}__onAttrChange(t){this.__updatedList.add(t.target),this.update()}__onChildEvent(e){e.type===t.ChildEvent.ADD?(this.hasAdd=!0,this.__pushChild(e.child)):(this.hasRemove=!0,this.__updatedList.add(e.parent)),this.update()}__pushChild(t){this.__updatedList.add(t),t.isBranch&&this.__loopChildren(t)}__loopChildren(t){const{children:e}=t;for(let t=0,a=e.length;t<a;t++)this.__pushChild(e[t])}__onRquestData(){this.target.emitEvent(new t.WatchEvent(t.WatchEvent.DATA,{updatedList:this.updatedList})),this.__updatedList=new t.LeafList,this.totalTimes++,this.changed=this.hasVisible=this.hasRemove=this.hasAdd=!1}__listenEvents(){this.__eventIds=[this.target.on_([[t.PropertyEvent.CHANGE,this.__onAttrChange,this],[[t.ChildEvent.ADD,t.ChildEvent.REMOVE],this.__onChildEvent,this],[t.WatchEvent.REQUEST,this.__onRquestData,this]])]}__removeListenEvents(){this.target.off_(this.__eventIds)}destroy(){this.target&&(this.stop(),this.__removeListenEvents(),this.target=this.__updatedList=null)}}const{updateAllMatrix:o,updateBounds:l,updateChange:d}=t.LeafHelper,{pushAllChildBranch:c,pushAllParent:h}=t.BranchHelper;const{worldBounds:u}=t.LeafBoundsHelper;class f{constructor(e){this.updatedBounds=new t.Bounds,this.beforeBounds=new t.Bounds,this.afterBounds=new t.Bounds,t.isArray(e)&&(e=new t.LeafList(e)),this.updatedList=e}setBefore(){this.beforeBounds.setListWithFn(this.updatedList.list,u)}setAfter(){this.afterBounds.setListWithFn(this.updatedList.list,u),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:p,updateAllChange:g}=t.LeafHelper,_=t.Debug.get("Layouter");class m{constructor(e,a){this.totalTimes=0,this.config={},this.__levelList=new t.LeafLevelList,this.target=e,a&&(this.config=t.DataHelper.default(a,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:e}=this;this.times=0;try{e.emit(t.LayoutEvent.START),this.layoutOnce(),e.emitEvent(new t.LayoutEvent(t.LayoutEvent.END,this.layoutedBlocks,this.times))}catch(t){_.error(t)}this.layoutedBlocks=null}layoutAgain(){this.layouting?this.waitAgain=!0:this.layoutOnce()}layoutOnce(){return this.layouting?_.warn("layouting"):this.times>3?_.warn("layout max times"):(this.times++,this.totalTimes++,this.layouting=!0,this.target.emit(t.WatchEvent.REQUEST),this.totalTimes>1?this.partLayout():this.fullLayout(),this.layouting=!1,void(this.waitAgain&&(this.waitAgain=!1,this.layoutOnce())))}partLayout(){var e;if(!(null===(e=this.__updatedList)||void 0===e?void 0:e.length))return;const a=t.Run.start("PartLayout"),{target:n,__updatedList:r}=this,{BEFORE:i,LAYOUT:s,AFTER:u}=t.LayoutEvent,f=this.getBlocks(r);f.forEach(t=>t.setBefore()),n.emitEvent(new t.LayoutEvent(i,f,this.times)),this.extraBlock=null,r.sort(),function(t,e){let a;t.list.forEach(t=>{a=t.__layout,e.without(t)&&!a.proxyZoom&&(a.matrixChanged?(o(t,!0),e.add(t),t.isBranch&&c(t,e),h(t,e)):a.boundsChanged&&(e.add(t),t.isBranch&&(t.__tempNumber=0),h(t,e)))})}(r,this.__levelList),function(t){let e,a,n;t.sort(!0),t.levels.forEach(r=>{e=t.levelMap[r];for(let t=0,r=e.length;t<r;t++){if(a=e[t],a.isBranch&&a.__tempNumber){n=a.children;for(let t=0,e=n.length;t<e;t++)n[t].isBranch||l(n[t])}l(a)}})}(this.__levelList),function(t){t.list.forEach(d)}(r),this.extraBlock&&f.push(this.extraBlock),f.forEach(t=>t.setAfter()),n.emitEvent(new t.LayoutEvent(s,f,this.times)),n.emitEvent(new t.LayoutEvent(u,f,this.times)),this.addBlocks(f),this.__levelList.reset(),this.__updatedList=null,t.Run.end(a)}fullLayout(){const e=t.Run.start("FullLayout"),{target:a}=this,{BEFORE:n,LAYOUT:r,AFTER:i}=t.LayoutEvent,s=this.getBlocks(new t.LeafList(a));a.emitEvent(new t.LayoutEvent(n,s,this.times)),m.fullLayout(a),s.forEach(t=>{t.setAfter()}),a.emitEvent(new t.LayoutEvent(r,s,this.times)),a.emitEvent(new t.LayoutEvent(i,s,this.times)),this.addBlocks(s),t.Run.end(e)}static fullLayout(e){p(e,!0),e.isBranch?t.BranchHelper.updateBounds(e):t.LeafHelper.updateBounds(e),g(e)}addExtra(t){if(!this.__updatedList.has(t)){const{updatedList:e,beforeBounds:a}=this.extraBlock||(this.extraBlock=new f([]));e.length?a.add(t.__world):a.set(t.__world),e.add(t)}}createBlock(t){return new f(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_([[t.LayoutEvent.REQUEST,this.layout,this],[t.LayoutEvent.AGAIN,this.layoutAgain,this],[t.WatchEvent.DATA,this.__onReceiveWatchData,this]])]}__removeListenEvents(){this.target.off_(this.__eventIds)}destroy(){this.target&&(this.stop(),this.__removeListenEvents(),this.target=this.config=null)}}const y=t.Debug.get("Renderer");class w{get needFill(){return!(this.canvas.allowBackgroundColor||!this.config.fill)}constructor(e,a,n){this.FPS=60,this.totalTimes=0,this.times=0,this.config={usePartRender:!0,maxFPS:120},this.frames=[],this.target=e,this.canvas=a,n&&(this.config=t.DataHelper.default(n,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(t.LayoutEvent.REQUEST)}checkRender(){if(this.running){const{target:e}=this;e.isApp&&(e.emit(t.RenderEvent.CHILD_START,e),e.children.forEach(t=>{t.renderer.FPS=this.FPS,t.renderer.checkRender()}),e.emit(t.RenderEvent.CHILD_END,e)),this.changed&&this.canvas.view&&this.render(),this.target.emit(t.RenderEvent.NEXT)}}render(e){if(!this.running||!this.canvas.view)return this.update();const{target:a}=this;this.times=0,this.totalBounds=new t.Bounds,y.log(a.innerName,"---\x3e");try{this.emitRender(t.RenderEvent.START),this.renderOnce(e),this.emitRender(t.RenderEvent.END,this.totalBounds),t.ImageManager.clearRecycled()}catch(t){this.rendering=!1,y.error(t)}y.log("-------------|")}renderAgain(){this.rendering?this.waitAgain=!0:this.renderOnce()}renderOnce(e){if(this.rendering)return y.warn("rendering");if(this.times>3)return y.warn("render max times");if(this.times++,this.totalTimes++,this.rendering=!0,this.changed=!1,this.renderBounds=new t.Bounds,this.renderOptions={},e)this.emitRender(t.RenderEvent.BEFORE),e();else{if(this.requestLayout(),this.ignore)return void(this.ignore=this.rendering=!1);this.emitRender(t.RenderEvent.BEFORE),this.config.usePartRender&&this.totalTimes>1?this.partRender():this.fullRender()}this.emitRender(t.RenderEvent.RENDER,this.renderBounds,this.renderOptions),this.emitRender(t.RenderEvent.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(e){const a=t.Run.start("PartRender"),{canvas:n}=this,r=e.getIntersect(n.bounds),i=new t.Bounds(r);n.save(),r.spread(w.clipSpread).ceil(),n.clearWorld(r),n.clipWorld(r),this.__render(r,i),n.restore(),t.Run.end(a)}fullRender(){const e=t.Run.start("FullRender"),{canvas:a}=this;a.save(),a.clear(),this.__render(a.bounds),a.restore(),t.Run.end(e)}__render(e,a){const{canvas:n}=this,r=e.includes(this.target.__world),i=r?{includes:r}:{bounds:e,includes:r};this.needFill&&n.fillWorld(e,this.config.fill),t.Debug.showRepaint&&t.Debug.drawRepaint(n,e),t.Platform.render(this.target,n,i),this.renderBounds=a=a||e,this.renderOptions=i,this.totalBounds.isEmpty()?this.totalBounds=a:this.totalBounds.add(a),n.updateRender(a)}addBlock(t){this.updateBlocks||(this.updateBlocks=[]),this.updateBlocks.push(t)}mergeBlocks(){const{updateBlocks:e}=this;if(e){const a=new t.Bounds;a.setList(e),e.length=0,e.push(a)}}__requestRender(){const e=this.target;if(this.requestTime||!e)return;if(e.parentApp)return e.parentApp.requestRender(!1);this.requestTime=this.frameTime||Date.now();const a=()=>{const e=1e3/((this.frameTime=Date.now())-this.requestTime),{maxFPS:n}=this.config;if(n&&e>n)return t.Platform.requestRender(a);const{frames:r}=this;r.length>30&&r.shift(),r.push(e),this.FPS=Math.round(r.reduce((t,e)=>t+e,0)/r.length),this.requestTime=0,this.checkRender()};t.Platform.requestRender(a)}__onResize(e){if(!this.canvas.unreal){if(e.bigger||!e.samePixelRatio){const{width:a,height:n}=e.old;if(!new t.Bounds(0,0,a,n).includes(this.target.__world)||this.needFill||!e.samePixelRatio)return this.addBlock(this.canvas.bounds),void this.target.forceUpdate("surface")}this.addBlock(new t.Bounds(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||y.tip(t.innerName,": empty"),e=!t.isBranch||t.isBranchLeaf),e)),this.addBlock(e?this.canvas.bounds:t.updatedBounds)})}emitRender(e,a,n){this.target.emitEvent(new t.RenderEvent(e,this.times,a,n))}__listenEvents(){this.__eventIds=[this.target.on_([[t.RenderEvent.REQUEST,this.update,this],[t.LayoutEvent.END,this.__onLayoutEnd,this],[t.RenderEvent.AGAIN,this.renderAgain,this],[t.ResizeEvent.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 v(t,a,n){t.__.__font?e.Paint.fillText(t,a,n):t.__.windingRule?a.fill(t.__.windingRule):a.fill()}function x(a,n,r,i,s){const o=r.__;t.isObject(a)?e.Paint.drawStrokesStyle(a,n,!1,r,i,s):(i.setStroke(a,o.__strokeWidth*n,o),i.stroke()),o.__useArrow&&e.Paint.strokeArrow(a,r,i,s)}function b(a,n,r,i,s){const o=r.__;t.isObject(a)?e.Paint.drawStrokesStyle(a,n,!0,r,i,s):(i.setStroke(a,o.__strokeWidth*n,o),e.Paint.drawTextStroke(r,i,s))}function E(a,n,r,i,s){const o=i.getSameCanvas(!0,!0);o.font=r.__.__font,b(a,2,r,o,s),o.blendMode="outside"===n?"destination-out":"destination-in",e.Paint.fillText(r,o,s),o.blendMode="normal",t.LeafHelper.copyCanvasByWorld(r,i,o),o.recycle(r.__nowWorld)}w.clipSpread=10,Object.assign(t.Creator,{watcher:(t,e)=>new s(t,e),layouter:(t,e)=>new m(t,e),renderer:(t,e,a)=>new w(t,e,a),selector:(t,e)=>{},interaction:(t,e,a,n)=>{}}),t.Platform.layout=m.fullLayout,t.Platform.render=function(e,a,n){const r=Object.assign(Object.assign({},n),{topRendering:!0});n.topList=new t.LeafList,e.__render(a,n),n.topList.length&&n.topList.forEach(t=>t.__render(a,r))};const{getSpread:S,copyAndSpread:B,toOuterOf:P,getOuterOf:k,getByMove:R,move:L,getIntersectData:A}=t.BoundsHelper,C={};let T;const{stintSet:O}=t.DataHelper,{hasTransparent:M}=e.ColorConvert;function I(a,n,r){if(!t.isObject(n)||!1===n.visible||0===n.opacity)return;let i;const{boxBounds:s}=r.__layout;switch(n.type){case"image":i=e.PaintImage.image(r,a,n,s,!T||!T[n.url]);break;case"linear":i=e.PaintGradient.linearGradient(n,s);break;case"radial":i=e.PaintGradient.radialGradient(n,s);break;case"angular":i=e.PaintGradient.conicGradient(n,s);break;case"solid":const{type:o,color:l,opacity:d}=n;i={type:o,style:e.ColorConvert.string(l,d)};break;default:t.isUndefined(n.r)||(i={type:"solid",style:e.ColorConvert.string(n)})}if(i){if(t.isString(i.style)&&M(i.style)&&(i.isTransparent=!0),n.style){if(0===n.style.strokeWidth)return;i.strokeStyle=n.style}n.editing&&(i.editing=n.editing),n.blendMode&&(i.blendMode=n.blendMode)}return i}const W={compute:function(a,n){const r=n.__,i=[];let s,o,l,d=r.__input[a];t.isArray(d)||(d=[d]),T=e.PaintImage.recycleImage(a,r);for(let t,e=0,r=d.length;e<r;e++)(t=I(a,d[e],n))&&(i.push(t),t.strokeStyle&&(l||(l=1),t.strokeStyle.strokeWidth&&(l=Math.max(l,t.strokeStyle.strokeWidth))));r["_"+a]=i.length?i:void 0,i.length&&i.every(t=>t.isTransparent)&&(i.some(t=>t.image)&&(s=!0),o=!0),"fill"===a?(O(r,"__isAlphaPixelFill",s),O(r,"__isTransparentFill",o)):(O(r,"__isAlphaPixelStroke",s),O(r,"__isTransparentStroke",o),O(r,"__hasMultiStrokeStyle",l))},fill:function(t,e,a,n){a.fillStyle=t,v(e,a,n)},fills:function(t,a,n,r){let i;for(let s=0,o=t.length;s<o;s++){if(i=t[s],i.image){if(e.PaintImage.checkImage(i,!a.__.__font,a,n,r))continue;if(!i.style){!s&&i.image.isPlacehold&&a.drawImagePlaceholder(i.image,n,r);continue}}if(n.fillStyle=i.style,i.transform||i.scaleFixed){if(n.save(),i.transform&&n.transform(i.transform),i.scaleFixed){const{scaleX:t,scaleY:e}=a.getRenderScaleData(!0);(!0===i.scaleFixed||"zoom-in"===i.scaleFixed&&t>1&&e>1)&&n.scale(1/t,1/e)}i.blendMode&&(n.blendMode=i.blendMode),v(a,n,r),n.restore()}else i.blendMode?(n.saveBlendMode(i.blendMode),v(a,n,r),n.restoreBlendMode()):v(a,n,r)}},fillPathOrText:v,fillText:function(t,e,a){const n=t.__,{rows:r,decorationY:i}=n.__textDrawData;let s;n.__isPlacehold&&n.placeholderColor&&(e.fillStyle=n.placeholderColor);for(let t=0,a=r.length;t<a;t++)s=r[t],s.text?e.fillText(s.text,s.x,s.y):s.data&&s.data.forEach(t=>{e.fillText(t.char,t.x,s.y)});if(i){const{decorationColor:t,decorationHeight:a}=n.__textDrawData;t&&(e.fillStyle=t),r.forEach(t=>i.forEach(n=>e.fillRect(t.x,t.y+n,t.width,a)))}},stroke:function(a,n,r,i){const s=n.__;if(s.__strokeWidth)if(s.__font)e.Paint.strokeText(a,n,r,i);else switch(s.strokeAlign){case"center":x(a,1,n,r,i);break;case"inside":!function(t,e,a,n){a.save(),a.clipUI(e),x(t,2,e,a,n),a.restore()}(a,n,r,i);break;case"outside":!function(e,a,n,r){const i=a.__;if(i.__fillAfterStroke)x(e,2,a,n,r);else{const{renderBounds:s}=a.__layout,o=n.getSameCanvas(!0,!0);a.__drawRenderPath(o),x(e,2,a,o,r),o.clipUI(i),o.clearWorld(s),t.LeafHelper.copyCanvasByWorld(a,n,o),o.recycle(a.__nowWorld)}}(a,n,r,i)}},strokes:function(t,a,n,r){e.Paint.stroke(t,a,n,r)},strokeText:function(t,e,a,n){switch(e.__.strokeAlign){case"center":b(t,1,e,a,n);break;case"inside":E(t,"inside",e,a,n);break;case"outside":e.__.__fillAfterStroke?b(t,2,e,a,n):E(t,"outside",e,a,n)}},drawTextStroke:function(t,e,a){let n,r=t.__.__textDrawData;const{rows:i,decorationY:s}=r;for(let t=0,a=i.length;t<a;t++)n=i[t],n.text?e.strokeText(n.text,n.x,n.y):n.data&&n.data.forEach(t=>{e.strokeText(t.char,t.x,n.y)});if(s){const{decorationHeight:t}=r;i.forEach(a=>s.forEach(n=>e.strokeRect(a.x,a.y+n,a.width,t)))}},drawStrokesStyle:function(t,a,n,r,i,s){let o;const l=r.__,{__hasMultiStrokeStyle:d}=l;d||i.setStroke(void 0,l.__strokeWidth*a,l);for(let c=0,h=t.length;c<h;c++)if(o=t[c],(!o.image||!e.PaintImage.checkImage(o,!1,r,i,s))&&o.style){if(d){const{strokeStyle:t}=o;t?i.setStroke(o.style,l.__getRealStrokeWidth(t)*a,l,t):i.setStroke(o.style,l.__strokeWidth*a,l)}else i.strokeStyle=o.style;o.blendMode?(i.saveBlendMode(o.blendMode),n?e.Paint.drawTextStroke(r,i,s):i.stroke(),i.restoreBlendMode()):n?e.Paint.drawTextStroke(r,i,s):i.stroke()}},shape:function(e,a,n){const r=a.getSameCanvas(),i=a.bounds,s=e.__nowWorld,o=e.__layout,l=e.__nowWorldShapeBounds||(e.__nowWorldShapeBounds={});let d,c,h,u,f,p;P(o.strokeSpread?(B(C,o.boxBounds,o.strokeSpread),C):o.boxBounds,s,l);let{scaleX:g,scaleY:_}=e.getRenderScaleData(!0);if(i.includes(l))p=r,d=f=l,c=s;else{let r;if(t.Platform.fullImageShadow)r=l;else{const e=o.renderShapeSpread?S(i,t.FourNumberHelper.swapAndScale(o.renderShapeSpread,g,_)):i;r=A(e,l)}u=i.getFitMatrix(r);let{a:m,d:y}=u;u.a<1&&(p=a.getSameCanvas(),e.__renderShape(p,n),g*=m,_*=y),f=k(l,u),d=R(f,-u.e,-u.f),c=k(s,u),L(c,-u.e,-u.f);const w=n.matrix;w?(h=new t.Matrix(u),h.multiply(w),m*=w.scaleX,y*=w.scaleY):h=u,h.withScale(m,y),n=Object.assign(Object.assign({},n),{matrix:h})}return e.__renderShape(r,n),{canvas:r,matrix:h,fitMatrix:u,bounds:d,renderBounds:c,worldCanvas:p,shapeBounds:f,scaleX:g,scaleY:_}}};let D,H=new t.Bounds;const{isSame:F}=t.BoundsHelper;function j(t,a,n,r,i,s){if("fill"===a&&!t.__.__naturalWidth){const e=t.__;if(e.__naturalWidth=r.width/e.pixelRatio,e.__naturalHeight=r.height/e.pixelRatio,e.__autoSide)return t.forceUpdate("width"),t.__proxyData&&(t.setProxyAttr("width",e.width),t.setProxyAttr("height",e.height)),!1}return i.data||e.PaintImage.createData(i,r,n,s),!0}function G(e,a){X(e,t.ImageEvent.LOAD,a)}function Y(e,a){X(e,t.ImageEvent.LOADED,a)}function U(e,a,n){a.error=n,e.forceUpdate("surface"),X(e,t.ImageEvent.ERROR,a)}function X(e,a,n){e.hasEvent(a)&&e.emitEvent(new t.ImageEvent(a,n))}function z(t,e){const{leafer:a}=t;a&&a.viewReady&&(a.renderer.ignore=e)}const{get:q,translate:N}=t.MatrixHelper,V=new t.Bounds,Q={},Z={};function K(e,a,n,r){const i=t.isString(e)||r?(r?n-r*a:n%a)/((r||Math.floor(n/a))-1):e;return"auto"===e&&i<0?0:i}let $={},J=t.getMatrixData();const{get:tt,set:et,rotateOfOuter:at,translate:nt,scaleOfOuter:rt,multiplyParent:it,scale:st,rotate:ot,skew:lt}=t.MatrixHelper;function dt(t,e,a,n,r,i,s,o){s&&ot(t,s),o&&lt(t,o.x,o.y),r&&st(t,r,i),nt(t,e.x+a,e.y+n)}function ct(t,e,a,n){return new(a||(a=Promise))(function(r,i){function s(t){try{l(n.next(t))}catch(t){i(t)}}function o(t){try{l(n.throw(t))}catch(t){i(t)}}function l(t){var e;t.done?r(t.value):(e=t.value,e instanceof a?e:new a(function(t){t(e)})).then(s,o)}l((n=n.apply(t,e||[])).next())})}"function"==typeof SuppressedError&&SuppressedError;const{get:ht,scale:ut,copy:ft}=t.MatrixHelper,{getFloorScale:pt}=t.MathHelper,{abs:gt}=Math;const _t={image:function(e,a,n,r,i){let s,o;const l=t.ImageManager.get(n);return D&&n===D.paint&&F(r,D.boxBounds)?s=D.leafPaint:(s={type:n.type,image:l},l.hasAlphaPixel&&(s.isTransparent=!0),D=l.use>1?{leafPaint:s,paint:n,boxBounds:H.set(r)}:null),(i||l.loading)&&(o={image:l,attrName:a,attrValue:n}),l.ready?(j(e,a,n,l,s,r),i&&(G(e,o),Y(e,o))):l.error?i&&U(e,o,l.error):(i&&(z(e,!0),G(e,o)),s.loadId=l.load(()=>{z(e,!1),e.destroyed||(j(e,a,n,l,s,r)&&(l.hasAlphaPixel&&(e.__layout.hitCanvasChanged=!0),e.forceUpdate("surface")),Y(e,o)),s.loadId=void 0},t=>{z(e,!1),U(e,o,t),s.loadId=void 0}),e.placeholderColor&&(e.placeholderDelay?setTimeout(()=>{l.ready||(l.isPlacehold=!0,e.forceUpdate("surface"))},e.placeholderDelay):l.isPlacehold=!0)),s},checkImage:function(a,n,r,i,s){const{scaleX:o,scaleY:l}=e.PaintImage.getImageRenderScaleData(a,r,i,s),{image:d,data:c}=a,{exporting:h}=s;return!(!c||a.patternId===o+"-"+l&&!h)&&(n&&(c.repeat?n=!1:a.changeful||"miniapp"===t.Platform.name&&t.ResizeEvent.isResizing(r)||h||(n=t.Platform.image.isLarge(d,o,l))),n?(r.__.__isFastShadow&&(i.fillStyle=a.style||"#000",i.fill()),e.PaintImage.drawImage(a,o,l,r,i,s),!0):(!a.style||a.sync||h?e.PaintImage.createPattern(a,r,i,s):e.PaintImage.createPatternTask(a,r,i,s),!1))},drawImage:function(t,e,a,n,r,i){const{data:s,image:o,blendMode:l}=t,{opacity:d,transform:c}=s,h=o.getFull(s.filters),u=n.__;let f,{width:p,height:g}=o;c&&!c.onlyScale||(f=u.path||u.cornerRadius)||d||l?(r.save(),f&&r.clipUI(n),l&&(r.blendMode=l),d&&(r.opacity*=d),c&&r.transform(c),r.drawImage(h,0,0,p,g),r.restore()):(s.scaleX&&(p*=s.scaleX,g*=s.scaleY),r.drawImage(h,0,0,p,g))},getImageRenderScaleData:function(t,e,a,n){const r=e.getRenderScaleData(!0,t.scaleFixed),{data:i}=t;if(a){const{pixelRatio:t}=a;r.scaleX*=t,r.scaleY*=t}return i&&i.scaleX&&(r.scaleX*=Math.abs(i.scaleX),r.scaleY*=Math.abs(i.scaleY)),r},recycleImage:function(e,a){const n=a["_"+e];if(t.isArray(n)){let r,i,s,o,l;for(let d=0,c=n.length;d<c;d++)r=n[d],i=r.image,l=i&&i.url,l&&(s||(s={}),s[l]=!0,t.ImageManager.recycle(i),i.loading&&(o||(o=a.__input&&a.__input[e]||[],t.isArray(o)||(o=[o])),i.unload(n[d].loadId,!o.some(t=>t.url===l))));return s}return null},createPatternTask:function(a,n,r,i){a.patternTask||(a.patternTask=t.ImageManager.patternTasker.add(()=>ct(this,void 0,void 0,function*(){a.patternTask=null,r.bounds.hit(n.__nowWorld)&&e.PaintImage.createPattern(a,n,r,i),n.forceUpdate("surface")}),300))},createPattern:function(a,n,r,i){let{scaleX:s,scaleY:o}=e.PaintImage.getImageRenderScaleData(a,n,r,i),l=s+"-"+o;if(a.patternId!==l&&!n.destroyed&&(!t.Platform.image.isLarge(a.image,s,o)||a.data.repeat)){const{image:r,data:i}=a,{transform:d,gap:c}=i,h=e.PaintImage.getPatternFixScale(a,s,o);let u,f,p,{width:g,height:_}=r;h&&(s*=h,o*=h),g*=s,_*=o,c&&(f=c.x*s/gt(i.scaleX||1),p=c.y*o/gt(i.scaleY||1)),(d||1!==s||1!==o)&&(s*=pt(g+(f||0)),o*=pt(_+(p||0)),u=ht(),d&&ft(u,d),ut(u,1/s,1/o));const m=r.getCanvas(g,_,i.opacity,i.filters,f,p,n.leafer&&n.leafer.config.smooth),y=r.getPattern(m,i.repeat||t.Platform.origin.noRepeat||"no-repeat",u,a);a.style=y,a.patternId=l}},getPatternFixScale:function(e,a,n){const{image:r}=e;let i,s=t.Platform.image.maxPatternSize,o=r.width*r.height;return r.isSVG?a>1&&(i=Math.ceil(a)/a):s>o&&(s=o),(o*=a*n)>s&&(i=Math.sqrt(s/o)),i},createData:function(t,a,n,r){const{changeful:i,sync:s,scaleFixed:o}=n;i&&(t.changeful=i),s&&(t.sync=s),o&&(t.scaleFixed=o),t.data=e.PaintImage.getPatternData(n,r,a)},getPatternData:function(a,n,r){a.padding&&(n=V.set(n).shrink(a.padding)),"strench"===a.mode&&(a.mode="stretch");const{width:i,height:s}=r,{opacity:o,mode:l,align:d,offset:c,scale:h,size:u,rotation:f,skew:p,clipSize:g,repeat:_,gap:m,filters:y}=a,w=n.width===i&&n.height===s,v={mode:l},x="center"!==d&&(f||0)%180==90;let b,E;switch(t.BoundsHelper.set(Z,0,0,x?s:i,x?i:s),l&&"cover"!==l&&"fit"!==l?((h||u)&&(t.MathHelper.getScaleData(h,u,r,Q),b=Q.scaleX,E=Q.scaleY),(d||m||_)&&(b&&t.BoundsHelper.scale(Z,b,E,!0),d&&t.AlignHelper.toPoint(d,Z,n,Z,!0,!0))):w&&!f||(b=E=t.BoundsHelper.getFitScale(n,Z,"fit"!==l),t.BoundsHelper.put(n,r,d,b,!1,Z),t.BoundsHelper.scale(Z,b,E,!0)),c&&t.PointHelper.move(Z,c),l){case"stretch":w?b&&(b=E=void 0):(b=n.width/i,E=n.height/s,e.PaintImage.stretchMode(v,n,b,E));break;case"normal":case"clip":if(Z.x||Z.y||b||g||f||p){let t,a;g&&(t=n.width/g.width,a=n.height/g.height),e.PaintImage.clipMode(v,n,Z.x,Z.y,b,E,f,p,t,a),t&&(b=b?b*t:t,E=E?E*a:a)}break;case"repeat":(!w||b||f||p)&&e.PaintImage.repeatMode(v,n,i,s,Z.x,Z.y,b,E,f,p,d,a.freeTransform),_||(v.repeat="repeat");const r=t.isObject(_);(m||r)&&(v.gap=function(e,a,n,r,i){let s,o;t.isObject(e)?(s=e.x,o=e.y):s=o=e;return{x:K(s,n,i.width,a&&a.x),y:K(o,r,i.height,a&&a.y)}}(m,r&&_,Z.width,Z.height,n));break;default:b&&e.PaintImage.fillOrFitMode(v,n,Z.x,Z.y,b,E,f)}return v.transform||(n.x||n.y)&&N(v.transform=q(),n.x,n.y),b&&(v.scaleX=b,v.scaleY=E),o&&o<1&&(v.opacity=o),y&&(v.filters=y),_&&(v.repeat=t.isString(_)?"x"===_?"repeat-x":"repeat-y":"repeat"),v},stretchMode:function(t,e,a,n){const r=tt(),{x:i,y:s}=e;i||s?nt(r,i,s):r.onlyScale=!0,st(r,a,n),t.transform=r},fillOrFitMode:function(t,e,a,n,r,i,s){const o=tt();nt(o,e.x+a,e.y+n),st(o,r,i),s&&at(o,{x:e.x+e.width/2,y:e.y+e.height/2},s),t.transform=o},clipMode:function(t,e,a,n,r,i,s,o,l,d){const c=tt();dt(c,e,a,n,r,i,s,o),l&&(s||o?(et(J),rt(J,e,l,d),it(c,J)):rt(c,e,l,d)),t.transform=c},repeatMode:function(t,e,a,n,r,i,s,o,l,d,c,h){const u=tt();if(h)dt(u,e,r,i,s,o,l,d);else{if(l)if("center"===c)at(u,{x:a/2,y:n/2},l);else switch(ot(u,l),l){case 90:nt(u,n,0);break;case 180:nt(u,a,n);break;case 270:nt(u,0,a)}$.x=e.x+r,$.y=e.y+i,nt(u,$.x,$.y),s&&rt(u,$,s,o)}t.transform=u}},{toPoint:mt}=t.AroundHelper,{hasTransparent:yt}=e.ColorConvert,wt={},vt={};function xt(a,n,r,i){if(r){let s,o,l,d;for(let a=0,c=r.length;a<c;a++)s=r[a],t.isString(s)?(l=a/(c-1),o=e.ColorConvert.string(s,i)):(l=s.offset,o=e.ColorConvert.string(s.color,i)),n.addColorStop(l,o),!d&&yt(o)&&(d=!0);d&&(a.isTransparent=!0)}}const{getAngle:bt,getDistance:Et}=t.PointHelper,{get:St,rotateOfOuter:Bt,scaleOfOuter:Pt}=t.MatrixHelper,{toPoint:kt}=t.AroundHelper,Rt={},Lt={};function At(t,e,a,n,r){let i;const{width:s,height:o}=t;if(s!==o||n){const t=bt(e,a);i=St(),r?(Pt(i,e,s/o*(n||1),1),Bt(i,e,t+90)):(Pt(i,e,1,s/o*(n||1)),Bt(i,e,t))}return i}const{getDistance:Ct}=t.PointHelper,{toPoint:Tt}=t.AroundHelper,Ot={},Mt={};const It={linearGradient:function(e,a){let{from:n,to:r,type:i,opacity:s}=e;mt(n||"top",a,wt),mt(r||"bottom",a,vt);const o=t.Platform.canvas.createLinearGradient(wt.x,wt.y,vt.x,vt.y),l={type:i,style:o};return xt(l,o,e.stops,s),l},radialGradient:function(e,a){let{from:n,to:r,type:i,opacity:s,stretch:o}=e;kt(n||"center",a,Rt),kt(r||"bottom",a,Lt);const l=t.Platform.canvas.createRadialGradient(Rt.x,Rt.y,0,Rt.x,Rt.y,Et(Rt,Lt)),d={type:i,style:l};xt(d,l,e.stops,s);const c=At(a,Rt,Lt,o,!0);return c&&(d.transform=c),d},conicGradient:function(e,a){let{from:n,to:r,type:i,opacity:s,stretch:o}=e;Tt(n||"center",a,Ot),Tt(r||"bottom",a,Mt);const l=t.Platform.conicGradientSupport?t.Platform.canvas.createConicGradient(0,Ot.x,Ot.y):t.Platform.canvas.createRadialGradient(Ot.x,Ot.y,0,Ot.x,Ot.y,Ct(Ot,Mt)),d={type:i,style:l};xt(d,l,e.stops,s);const c=At(a,Ot,Mt,o||1,t.Platform.conicGradientRotate90);return c&&(d.transform=c),d},getTransform:At},{copy:Wt,move:Dt,toOffsetOutBounds:Ht}=t.BoundsHelper,{max:Ft,abs:jt}=Math,Gt={},Yt=new t.Matrix,Ut={};function Xt(t,e){let a,n,r,i,s=0,o=0,l=0,d=0;return e.forEach(t=>{a=t.x||0,n=t.y||0,i=1.5*(t.blur||0),r=jt(t.spread||0),s=Ft(s,r+i-n),o=Ft(o,r+i+a),l=Ft(l,r+i+n),d=Ft(d,r+i-a)}),s===o&&o===l&&l===d?s:[s,o,l,d]}function zt(e,a,n){const{shapeBounds:r}=n;let i,s;t.Platform.fullImageShadow?(Wt(Gt,e.bounds),Dt(Gt,a.x-r.x,a.y-r.y),i=e.bounds,s=Gt):(i=r,s=a),e.copyWorld(n.canvas,i,s)}const{toOffsetOutBounds:qt}=t.BoundsHelper,Nt={};const Vt=Xt;const Qt={shadow:function(a,n,r){let i,s;const{__nowWorld:o}=a,{shadow:l}=a.__,{worldCanvas:d,bounds:c,renderBounds:h,shapeBounds:u,scaleX:f,scaleY:p}=r,g=n.getSameCanvas(),_=l.length-1;Ht(c,Ut,h),l.forEach((l,m)=>{let y=1;if(l.scaleFixed){const t=Math.abs(o.scaleX);t>1&&(y=1/t)}g.setWorldShadow(Ut.offsetX+(l.x||0)*f*y,Ut.offsetY+(l.y||0)*p*y,(l.blur||0)*f*y,e.ColorConvert.string(l.color)),s=e.Effect.getShadowTransform(a,g,r,l,Ut,y),s&&g.setTransform(s),zt(g,Ut,r),s&&g.resetTransform(),i=h,l.box&&(g.restore(),g.save(),d&&(g.copyWorld(g,h,o,"copy"),i=o),d?g.copyWorld(d,o,o,"destination-out"):g.copyWorld(r.canvas,u,c,"destination-out")),t.LeafHelper.copyCanvasByWorld(a,n,g,i,l.blendMode),_&&m<_&&g.clearWorld(i)}),g.recycle(i)},innerShadow:function(a,n,r){let i,s;const{__nowWorld:o}=a,{innerShadow:l}=a.__,{worldCanvas:d,bounds:c,renderBounds:h,shapeBounds:u,scaleX:f,scaleY:p}=r,g=n.getSameCanvas(),_=l.length-1;qt(c,Nt,h),l.forEach((l,m)=>{let y=1;if(l.scaleFixed){const t=Math.abs(o.scaleX);t>1&&(y=1/t)}g.save(),g.setWorldShadow(Nt.offsetX+(l.x||0)*f*y,Nt.offsetY+(l.y||0)*p*y,(l.blur||0)*f*y),s=e.Effect.getShadowTransform(a,g,r,l,Nt,y,!0),s&&g.setTransform(s),zt(g,Nt,r),g.restore(),d?(g.copyWorld(g,h,o,"copy"),g.copyWorld(d,o,o,"source-out"),i=o):(g.copyWorld(r.canvas,u,c,"source-out"),i=h),g.fillWorld(i,e.ColorConvert.string(l.color),"source-in"),t.LeafHelper.copyCanvasByWorld(a,n,g,i,l.blendMode),_&&m<_&&g.clearWorld(i)}),g.recycle(i)},blur:function(t,e,a){const{blur:n}=t.__;a.setWorldBlur(n*t.__nowWorld.a),a.copyWorldToInner(e,t.__nowWorld,t.__layout.renderBounds),a.filter="none"},backgroundBlur:function(t,e,a){},getShadowRenderSpread:Xt,getShadowTransform:function(t,e,a,n,r,i,s){if(n.spread){const a=2*n.spread*i*(s?-1:1),{width:o,height:l}=t.__layout.strokeBounds;return Yt.set().scaleOfOuter({x:(r.x+r.width/2)*e.pixelRatio,y:(r.y+r.height/2)*e.pixelRatio},1+a/o,1+a/l),Yt}},isTransformShadow(t){},getInnerShadowSpread:Vt},{excludeRenderBounds:Zt}=t.LeafBoundsHelper;let Kt;function $t(t,e,a,n,r,i,s,o){switch(e){case"grayscale":Kt||(Kt=!0,r.useGrayscaleAlpha(t.__nowWorld));case"alpha":!function(t,e,a,n,r,i){const s=t.__nowWorld;a.resetTransform(),a.opacity=1,a.useMask(n,s),i&&n.recycle(s);te(t,e,a,1,r,i)}(t,a,n,r,s,o);break;case"opacity-path":te(t,a,n,i,s,o);break;case"path":o&&a.restore()}}function Jt(t){return t.getSameCanvas(!1,!0)}function te(t,e,a,n,r,i){const s=t.__nowWorld;e.resetTransform(),e.opacity=n,e.copyWorld(a,s,void 0,r),i?a.recycle(s):a.clearWorld(s)}e.Group.prototype.__renderMask=function(t,e){let a,n,r,i,s,o;const{children:l}=this;for(let d=0,c=l.length;d<c;d++){if(a=l[d],o=a.__.mask,o){s&&($t(this,s,t,r,n,i,void 0,!0),n=r=null),"clipping"!==o&&"clipping-path"!==o||Zt(a,e)||a.__render(t,e),i=a.__.opacity,Kt=!1,"path"===o||"clipping-path"===o?(i<1?(s="opacity-path",r||(r=Jt(t))):(s="path",t.save()),a.__clip(r||t,e)):(s="grayscale"===o?"grayscale":"alpha",n||(n=Jt(t)),r||(r=Jt(t)),a.__render(n,e));continue}const c=1===i&&a.__.__blendMode;c&&$t(this,s,t,r,n,i,void 0,!1),Zt(a,e)||a.__render(r||t,e),c&&$t(this,s,t,r,n,i,c,!1)}$t(this,s,t,r,n,i,void 0,!0)};const ee=">)]}%!?,.:;'\"》）」〉』〗】〕｝┐＞’”！？，、。：；‰",ae=ee+"_#~&*+\\=|≮≯≈≠＝…",ne=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 re(t){const e={};return t.split("").forEach(t=>e[t]=!0),e}const ie=re("ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyz"),se=re("{[(<'\"《（「〈『〖【〔｛┌＜‘“＝¥￥＄€£￡¢￠"),oe=re(ee),le=re(ae),de=re("- —／～｜┆·");var ce;!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"}(ce||(ce={}));const{Letter:he,Single:ue,Before:fe,After:pe,Symbol:ge,Break:_e}=ce;function me(t){return ie[t]?he:de[t]?_e:se[t]?fe:oe[t]?pe:le[t]?ge:ne.test(t)?ue:he}const ye={trimRight(t){const{words:e}=t;let a,n=0,r=e.length;for(let i=r-1;i>-1&&(a=e[i].data[0]," "===a.char);i--)n++,t.width-=a.width;n&&e.splice(r-n,n)}};function we(t,e,a){switch(e){case"title":return a?t.toUpperCase():t;case"upper":return t.toUpperCase();case"lower":return t.toLowerCase();default:return t}}const{trimRight:ve}=ye,{Letter:xe,Single:be,Before:Ee,After:Se,Symbol:Be,Break:Pe}=ce;let ke,Re,Le,Ae,Ce,Te,Oe,Me,Ie,We,De,He,Fe,je,Ge,Ye,Ue,Xe=[];function ze(t,e){Ie&&!Me&&(Me=Ie),ke.data.push({char:t,width:e}),Le+=e}function qe(){Ae+=Le,ke.width=Le,Re.words.push(ke),ke={data:[]},Le=0}function Ne(){je&&(Ge.paraNumber++,Re.paraStart=!0,je=!1),Ie&&(Re.startCharSize=Me,Re.endCharSize=Ie,Me=0),Re.width=Ae,Ye.width?ve(Re):Ue&&Ve(),Xe.push(Re),Re={words:[]},Ae=0}function Ve(){Ae>(Ge.maxWidth||0)&&(Ge.maxWidth=Ae)}const{top:Qe,right:Ze,bottom:Ke,left:$e}=t.Direction4;function Je(t,e,a){const{bounds:n,rows:r}=t;n[e]+=a;for(let t=0;t<r.length;t++)r[t][e]+=a}const ta={getDrawData:function(a,n){t.isString(a)||(a=String(a));let r=0,i=0,s=n.__getInput("width")||0,o=n.__getInput("height")||0;const{__padding:l}=n;l&&(s?(r=l[$e],s-=l[Ze]+l[$e],!s&&(s=.01)):n.autoSizeAlign||(r=l[$e]),o?(i=l[Qe],o-=l[Qe]+l[Ke],!o&&(o=.01)):n.autoSizeAlign||(i=l[Qe]));const d={bounds:{x:r,y:i,width:s,height:o},rows:[],paraNumber:0,font:t.Platform.canvas.font=n.__font};return function(e,a,n){Ge=e,Xe=e.rows,Ye=e.bounds,Ue=!Ye.width&&!n.autoSizeAlign;const{__letterSpacing:r,paraIndent:i,textCase:s}=n,{canvas:o}=t.Platform,{width:l}=Ye;if(n.__isCharMode){const t="none"!==n.textWrap,e="break"===n.textWrap;je=!0,De=null,Me=Oe=Ie=Le=Ae=0,ke={data:[]},Re={words:[]},r&&(a=[...a]);for(let n=0,d=a.length;n<d;n++)Te=a[n],"\n"===Te?(Le&&qe(),Re.paraEnd=!0,Ne(),je=!0):(We=me(Te),We===xe&&"none"!==s&&(Te=we(Te,s,!Le)),Oe=o.measureText(Te).width,r&&(r<0&&(Ie=Oe),Oe+=r),He=We===be&&(De===be||De===xe)||De===be&&We!==Se,Fe=!(We!==Ee&&We!==be||De!==Be&&De!==Se),Ce=je&&i?l-i:l,t&&l&&Ae+Le+Oe>Ce&&(e?(Le&&qe(),Ae&&Ne()):(Fe||(Fe=We===xe&&De==Se),He||Fe||We===Pe||We===Ee||We===be||Le+Oe>Ce?(Le&&qe(),Ae&&Ne()):Ae&&Ne()))," "===Te&&!0!==je&&Ae+Le===0||(We===Pe?(" "===Te&&Le&&qe(),ze(Te,Oe),qe()):He||Fe?(Le&&qe(),ze(Te,Oe)):ze(Te,Oe)),De=We);Le&&qe(),Ae&&Ne(),Xe.length>0&&(Xe[Xe.length-1].paraEnd=!0)}else a.split("\n").forEach(t=>{Ge.paraNumber++,Ae=o.measureText(t).width,Xe.push({x:i||0,text:t,width:Ae,paraStart:!0}),Ue&&Ve()})}(d,a,n),l&&function(t,e,a,n,r){if(!n&&a.autoSizeAlign)switch(a.textAlign){case"left":Je(e,"x",t[$e]);break;case"right":Je(e,"x",-t[Ze])}if(!r&&a.autoSizeAlign)switch(a.verticalAlign){case"top":Je(e,"y",t[Qe]);break;case"bottom":Je(e,"y",-t[Ke])}}(l,d,n,s,o),function(t,e){const{rows:a,bounds:n}=t,r=a.length,{__lineHeight:i,__baseLine:s,__letterSpacing:o,__clipText:l,textAlign:d,verticalAlign:c,paraSpacing:h,autoSizeAlign:u}=e;let{x:f,y:p,width:g,height:_}=n,m=i*r+(h?h*(t.paraNumber-1):0),y=s;if(l&&m>_)m=Math.max(_,i),r>1&&(t.overflow=r);else if(_||u)switch(c){case"middle":p+=(_-m)/2;break;case"bottom":p+=_-m}y+=p;let w,v,x,b=g||u?g:t.maxWidth;for(let s=0,c=r;s<c;s++){if(w=a[s],w.x=f,w.width<g||w.width>g&&!l)switch(d){case"center":w.x+=(b-w.width)/2;break;case"right":w.x+=b-w.width}w.paraStart&&h&&s>0&&(y+=h),w.y=y,y+=i,t.overflow>s&&y>m&&(w.isOverflow=!0,t.overflow=s+1),v=w.x,x=w.width,o<0&&(w.width<0?(x=-w.width+e.fontSize+o,v-=x,x+=e.fontSize):x-=o),v<n.x&&(n.x=v),x>n.width&&(n.width=x),l&&g&&g<x&&(w.isOverflow=!0,t.overflow||(t.overflow=a.length))}n.y=p,n.height=m}(d,n),n.__isCharMode&&function(t,e,a){const{rows:n}=t,{textAlign:r,paraIndent:i,letterSpacing:s}=e,o=a&&r.includes("both"),l=o||a&&r.includes("justify"),d=l&&r.includes("letter");let c,h,u,f,p,g,_,m,y,w;n.forEach(t=>{t.words&&(p=i&&t.paraStart?i:0,m=t.words.length,l&&(w=!t.paraEnd||o,h=a-t.width-p,d?f=h/(t.words.reduce((t,e)=>t+e.data.length,0)-1):u=m>1?h/(m-1):0),g=s||t.isOverflow||d?0:u?1:2,t.isOverflow&&!s&&(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,c=t.x,t.data=[],t.words.forEach((e,a)=>{1===g?(_={char:"",x:c},c=function(t,e,a){return t.forEach(t=>{a.char+=t.char,e+=t.width}),e}(e.data,c,_),(t.isOverflow||" "!==_.char)&&t.data.push(_)):c=function(t,e,a,n,r){return t.forEach(t=>{(n||" "!==t.char)&&(t.x=e,a.push(t)),e+=t.width,r&&(e+=r)}),e}(e.data,c,t.data,t.isOverflow,w&&f),w&&(y=a===m-1,u?y||(c+=u,t.width+=u):f&&(t.width+=f*(e.data.length-(y?1:0))))})),t.words=null)})}(d,n,s),d.overflow&&function(e,a,n,r){if(!r)return;const{rows:i,overflow:s}=e;let{textOverflow:o}=a;if(i.splice(s),o&&"show"!==o){let e,l;"hide"===o?o="":"ellipsis"===o&&(o="...");const d=o?t.Platform.canvas.measureText(o).width:0,c=n+r-d;("none"===a.textWrap?i:[i[s-1]]).forEach(t=>{if(t.isOverflow&&t.data){let a=t.data.length-1;for(let n=a;n>-1&&(e=t.data[n],l=e.x+e.width,!(n===a&&l<c));n--){if(l<c&&" "!==e.char||!n){t.data.splice(n+1),t.width-=e.width;break}t.width-=e.width}t.width+=d,t.data.push({char:o,x:l}),t.textMode&&function(t){t.text="",t.data.forEach(e=>{t.text+=e.char}),t.data=null}(t)}})}}(d,n,r,s),"none"!==n.textDecoration&&function(a,n){let r,i=0;const{fontSize:s,textDecoration:o}=n;switch(a.decorationHeight=s/11,t.isObject(o)?(r=o.type,o.color&&(a.decorationColor=e.ColorConvert.string(o.color)),o.offset&&(i=Math.min(.3*s,Math.max(o.offset,.15*-s)))):r=o,r){case"under":a.decorationY=[.15*s+i];break;case"delete":a.decorationY=[.35*-s];break;case"under-delete":a.decorationY=[.15*s+i,.35*-s]}}(d,n),d}};const ea={string:function(a,n){if(!a)return"#000";const r=t.isNumber(n)&&n<1;if(t.isString(a)){if(!r||!e.ColorConvert.object)return a;a=e.ColorConvert.object(a)}let i=t.isUndefined(a.a)?1:a.a;r&&(i*=n);const s=a.r+","+a.g+","+a.b;return 1===i?"rgb("+s+")":"rgba("+s+","+i+")"}};Object.assign(e.TextConvert,ta),Object.assign(e.ColorConvert,ea),Object.assign(e.Paint,W),Object.assign(e.PaintImage,_t),Object.assign(e.PaintGradient,It),Object.assign(e.Effect,Qt),r(),Object.defineProperty(exports,"LeaferImage",{enumerable:!0,get:function(){return t.LeaferImage}}),exports.Layouter=m,exports.LeaferCanvas=a,exports.Renderer=w,exports.Watcher=s,exports.useCanvas=r,Object.keys(t).forEach(function(e){"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return t[e]}})}),Object.keys(e).forEach(function(t){"default"===t||Object.prototype.hasOwnProperty.call(exports,t)||Object.defineProperty(exports,t,{enumerable:!0,get:function(){return e[t]}})});
+"use strict";var t=require("@leafer/core"),e=require("@leafer-ui/draw");class a extends t.LeaferCanvasBase{get allowBackgroundColor(){return!0}init(){this.__createView(),this.__createContext(),this.resize(this.config)}__createView(){this.view=t.Platform.origin.createCanvas(1,1)}updateViewSize(){const{width:t,height:e,pixelRatio:a}=this;this.view.width=Math.ceil(t*a),this.view.height=Math.ceil(e*a),this.clientBounds=this.bounds}}t.canvasPatch(OffscreenCanvasRenderingContext2D.prototype),t.canvasPatch(Path2D.prototype);const{mineType:n}=t.FileHelper;function r(e,a){t.Platform.origin={createCanvas:(t,e)=>new OffscreenCanvas(t,e),canvasToDataURL:(t,e,a)=>new Promise((r,i)=>{t.convertToBlob({type:n(e),quality:a}).then(t=>{var e=new FileReader;e.onload=t=>r(t.target.result),e.onerror=t=>i(t),e.readAsDataURL(t)}).catch(t=>{i(t)})}),canvasToBolb:(t,e,a)=>t.convertToBlob({type:n(e),quality:a}),canvasSaveAs:(t,e,a)=>new Promise(t=>t()),download(t,e){},loadImage:e=>new Promise((a,n)=>{let r=new XMLHttpRequest;r.open("GET",t.Platform.image.getRealURL(e),!0),r.responseType="blob",r.onload=()=>{createImageBitmap(r.response).then(t=>{a(t)}).catch(t=>{n(t)})},r.onerror=t=>n(t),r.send()})},t.Platform.canvas=t.Creator.canvas(),t.Platform.conicGradientSupport=!!t.Platform.canvas.context.createConicGradient}Object.assign(t.Creator,{canvas:(t,e)=>new a(t,e),image:e=>new t.LeaferImage(e)}),t.Platform.name="web",t.Platform.isWorker=!0,t.Platform.backgrounder=!0,t.Platform.requestRender=function(t){requestAnimationFrame(t)},t.defineKey(t.Platform,"devicePixelRatio",{get:()=>1});const{userAgent:i}=navigator;i.indexOf("Firefox")>-1?(t.Platform.conicGradientRotate90=!0,t.Platform.intWheelDeltaY=!0):(/iPhone|iPad|iPod/.test(navigator.userAgent)||/Macintosh/.test(navigator.userAgent)&&/Version\/[\d.]+.*Safari/.test(navigator.userAgent))&&(t.Platform.fullImageShadow=!0),i.indexOf("Windows")>-1?(t.Platform.os="Windows",t.Platform.intWheelDeltaY=!0):i.indexOf("Mac")>-1?t.Platform.os="Mac":i.indexOf("Linux")>-1&&(t.Platform.os="Linux");class s{get childrenChanged(){return this.hasAdd||this.hasRemove||this.hasVisible}get updatedList(){if(this.hasRemove){const e=new t.LeafList;return this.__updatedList.list.forEach(t=>{t.leafer&&e.add(t)}),e}return this.__updatedList}constructor(e,a){this.totalTimes=0,this.config={},this.__updatedList=new t.LeafList,this.target=e,a&&(this.config=t.DataHelper.default(a,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(t.RenderEvent.REQUEST)}__onAttrChange(t){this.__updatedList.add(t.target),this.update()}__onChildEvent(e){e.type===t.ChildEvent.ADD?(this.hasAdd=!0,this.__pushChild(e.child)):(this.hasRemove=!0,this.__updatedList.add(e.parent)),this.update()}__pushChild(t){this.__updatedList.add(t),t.isBranch&&this.__loopChildren(t)}__loopChildren(t){const{children:e}=t;for(let t=0,a=e.length;t<a;t++)this.__pushChild(e[t])}__onRquestData(){this.target.emitEvent(new t.WatchEvent(t.WatchEvent.DATA,{updatedList:this.updatedList})),this.__updatedList=new t.LeafList,this.totalTimes++,this.changed=this.hasVisible=this.hasRemove=this.hasAdd=!1}__listenEvents(){this.__eventIds=[this.target.on_([[t.PropertyEvent.CHANGE,this.__onAttrChange,this],[[t.ChildEvent.ADD,t.ChildEvent.REMOVE],this.__onChildEvent,this],[t.WatchEvent.REQUEST,this.__onRquestData,this]])]}__removeListenEvents(){this.target.off_(this.__eventIds)}destroy(){this.target&&(this.stop(),this.__removeListenEvents(),this.target=this.__updatedList=null)}}const{updateAllMatrix:o,updateBounds:l,updateChange:d}=t.LeafHelper,{pushAllChildBranch:c,pushAllParent:h}=t.BranchHelper;const{worldBounds:u}=t.LeafBoundsHelper;class f{constructor(e){this.updatedBounds=new t.Bounds,this.beforeBounds=new t.Bounds,this.afterBounds=new t.Bounds,t.isArray(e)&&(e=new t.LeafList(e)),this.updatedList=e}setBefore(){this.beforeBounds.setListWithFn(this.updatedList.list,u)}setAfter(){this.afterBounds.setListWithFn(this.updatedList.list,u),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:p,updateAllChange:g}=t.LeafHelper,_=t.Debug.get("Layouter");class m{constructor(e,a){this.totalTimes=0,this.config={},this.__levelList=new t.LeafLevelList,this.target=e,a&&(this.config=t.DataHelper.default(a,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:e}=this;this.times=0;try{e.emit(t.LayoutEvent.START),this.layoutOnce(),e.emitEvent(new t.LayoutEvent(t.LayoutEvent.END,this.layoutedBlocks,this.times))}catch(t){_.error(t)}this.layoutedBlocks=null}layoutAgain(){this.layouting?this.waitAgain=!0:this.layoutOnce()}layoutOnce(){return this.layouting?_.warn("layouting"):this.times>3?_.warn("layout max times"):(this.times++,this.totalTimes++,this.layouting=!0,this.target.emit(t.WatchEvent.REQUEST),this.totalTimes>1?this.partLayout():this.fullLayout(),this.layouting=!1,void(this.waitAgain&&(this.waitAgain=!1,this.layoutOnce())))}partLayout(){var e;if(!(null===(e=this.__updatedList)||void 0===e?void 0:e.length))return;const a=t.Run.start("PartLayout"),{target:n,__updatedList:r}=this,{BEFORE:i,LAYOUT:s,AFTER:u}=t.LayoutEvent,f=this.getBlocks(r);f.forEach(t=>t.setBefore()),n.emitEvent(new t.LayoutEvent(i,f,this.times)),this.extraBlock=null,r.sort(),function(t,e){let a;t.list.forEach(t=>{a=t.__layout,e.without(t)&&!a.proxyZoom&&(a.matrixChanged?(o(t,!0),e.add(t),t.isBranch&&c(t,e),h(t,e)):a.boundsChanged&&(e.add(t),t.isBranch&&(t.__tempNumber=0),h(t,e)))})}(r,this.__levelList),function(t){let e,a,n;t.sort(!0),t.levels.forEach(r=>{e=t.levelMap[r];for(let t=0,r=e.length;t<r;t++){if(a=e[t],a.isBranch&&a.__tempNumber){n=a.children;for(let t=0,e=n.length;t<e;t++)n[t].isBranch||l(n[t])}l(a)}})}(this.__levelList),function(t){t.list.forEach(d)}(r),this.extraBlock&&f.push(this.extraBlock),f.forEach(t=>t.setAfter()),n.emitEvent(new t.LayoutEvent(s,f,this.times)),n.emitEvent(new t.LayoutEvent(u,f,this.times)),this.addBlocks(f),this.__levelList.reset(),this.__updatedList=null,t.Run.end(a)}fullLayout(){const e=t.Run.start("FullLayout"),{target:a}=this,{BEFORE:n,LAYOUT:r,AFTER:i}=t.LayoutEvent,s=this.getBlocks(new t.LeafList(a));a.emitEvent(new t.LayoutEvent(n,s,this.times)),m.fullLayout(a),s.forEach(t=>{t.setAfter()}),a.emitEvent(new t.LayoutEvent(r,s,this.times)),a.emitEvent(new t.LayoutEvent(i,s,this.times)),this.addBlocks(s),t.Run.end(e)}static fullLayout(e){p(e,!0),e.isBranch?t.BranchHelper.updateBounds(e):t.LeafHelper.updateBounds(e),g(e)}addExtra(t){if(!this.__updatedList.has(t)){const{updatedList:e,beforeBounds:a}=this.extraBlock||(this.extraBlock=new f([]));e.length?a.add(t.__world):a.set(t.__world),e.add(t)}}createBlock(t){return new f(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_([[t.LayoutEvent.REQUEST,this.layout,this],[t.LayoutEvent.AGAIN,this.layoutAgain,this],[t.WatchEvent.DATA,this.__onReceiveWatchData,this]])]}__removeListenEvents(){this.target.off_(this.__eventIds)}destroy(){this.target&&(this.stop(),this.__removeListenEvents(),this.target=this.config=null)}}const y=t.Debug.get("Renderer");class w{get needFill(){return!(this.canvas.allowBackgroundColor||!this.config.fill)}constructor(e,a,n){this.FPS=60,this.totalTimes=0,this.times=0,this.config={usePartRender:!0,maxFPS:120},this.frames=[],this.target=e,this.canvas=a,n&&(this.config=t.DataHelper.default(n,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(t.LayoutEvent.REQUEST)}checkRender(){if(this.running){const{target:e}=this;e.isApp&&(e.emit(t.RenderEvent.CHILD_START,e),e.children.forEach(t=>{t.renderer.FPS=this.FPS,t.renderer.checkRender()}),e.emit(t.RenderEvent.CHILD_END,e)),this.changed&&this.canvas.view&&this.render(),this.target.emit(t.RenderEvent.NEXT)}}render(e){if(!this.running||!this.canvas.view)return this.update();const{target:a}=this;this.times=0,this.totalBounds=new t.Bounds,y.log(a.innerName,"---\x3e");try{this.emitRender(t.RenderEvent.START),this.renderOnce(e),this.emitRender(t.RenderEvent.END,this.totalBounds),t.ImageManager.clearRecycled()}catch(t){this.rendering=!1,y.error(t)}y.log("-------------|")}renderAgain(){this.rendering?this.waitAgain=!0:this.renderOnce()}renderOnce(e){if(this.rendering)return y.warn("rendering");if(this.times>3)return y.warn("render max times");if(this.times++,this.totalTimes++,this.rendering=!0,this.changed=!1,this.renderBounds=new t.Bounds,this.renderOptions={},e)this.emitRender(t.RenderEvent.BEFORE),e();else{if(this.requestLayout(),this.ignore)return void(this.ignore=this.rendering=!1);this.emitRender(t.RenderEvent.BEFORE),this.config.usePartRender&&this.totalTimes>1?this.partRender():this.fullRender()}this.emitRender(t.RenderEvent.RENDER,this.renderBounds,this.renderOptions),this.emitRender(t.RenderEvent.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(e){const a=t.Run.start("PartRender"),{canvas:n}=this,r=e.getIntersect(n.bounds),i=new t.Bounds(r);n.save(),r.spread(w.clipSpread).ceil(),n.clearWorld(r),n.clipWorld(r),this.__render(r,i),n.restore(),t.Run.end(a)}fullRender(){const e=t.Run.start("FullRender"),{canvas:a}=this;a.save(),a.clear(),this.__render(a.bounds),a.restore(),t.Run.end(e)}__render(e,a){const{canvas:n}=this,r=e.includes(this.target.__world),i=r?{includes:r}:{bounds:e,includes:r};this.needFill&&n.fillWorld(e,this.config.fill),t.Debug.showRepaint&&t.Debug.drawRepaint(n,e),t.Platform.render(this.target,n,i),this.renderBounds=a=a||e,this.renderOptions=i,this.totalBounds.isEmpty()?this.totalBounds=a:this.totalBounds.add(a),n.updateRender(a)}addBlock(t){this.updateBlocks||(this.updateBlocks=[]),this.updateBlocks.push(t)}mergeBlocks(){const{updateBlocks:e}=this;if(e){const a=new t.Bounds;a.setList(e),e.length=0,e.push(a)}}__requestRender(){const e=this.target;if(this.requestTime||!e)return;if(e.parentApp)return e.parentApp.requestRender(!1);this.requestTime=this.frameTime||Date.now();const a=()=>{const e=1e3/((this.frameTime=Date.now())-this.requestTime),{maxFPS:n}=this.config;if(n&&e>n)return t.Platform.requestRender(a);const{frames:r}=this;r.length>30&&r.shift(),r.push(e),this.FPS=Math.round(r.reduce((t,e)=>t+e,0)/r.length),this.requestTime=0,this.checkRender()};t.Platform.requestRender(a)}__onResize(e){if(!this.canvas.unreal){if(e.bigger||!e.samePixelRatio){const{width:a,height:n}=e.old;if(!new t.Bounds(0,0,a,n).includes(this.target.__world)||this.needFill||!e.samePixelRatio)return this.addBlock(this.canvas.bounds),void this.target.forceUpdate("surface")}this.addBlock(new t.Bounds(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||y.tip(t.innerName,": empty"),e=!t.isBranch||t.isBranchLeaf),e)),this.addBlock(e?this.canvas.bounds:t.updatedBounds)})}emitRender(e,a,n){this.target.emitEvent(new t.RenderEvent(e,this.times,a,n))}__listenEvents(){this.__eventIds=[this.target.on_([[t.RenderEvent.REQUEST,this.update,this],[t.LayoutEvent.END,this.__onLayoutEnd,this],[t.RenderEvent.AGAIN,this.renderAgain,this],[t.ResizeEvent.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 v(t,a,n){t.__.__font?e.Paint.fillText(t,a,n):t.__.windingRule?a.fill(t.__.windingRule):a.fill()}function x(a,n,r,i,s){const o=r.__;t.isObject(a)?e.Paint.drawStrokesStyle(a,n,!1,r,i,s):(i.setStroke(a,o.__strokeWidth*n,o),i.stroke()),o.__useArrow&&e.Paint.strokeArrow(a,r,i,s)}function b(a,n,r,i,s){const o=r.__;t.isObject(a)?e.Paint.drawStrokesStyle(a,n,!0,r,i,s):(i.setStroke(a,o.__strokeWidth*n,o),e.Paint.drawTextStroke(r,i,s))}function E(a,n,r,i,s){const o=i.getSameCanvas(!0,!0);o.font=r.__.__font,b(a,2,r,o,s),o.blendMode="outside"===n?"destination-out":"destination-in",e.Paint.fillText(r,o,s),o.blendMode="normal",t.LeafHelper.copyCanvasByWorld(r,i,o),o.recycle(r.__nowWorld)}w.clipSpread=10,Object.assign(t.Creator,{watcher:(t,e)=>new s(t,e),layouter:(t,e)=>new m(t,e),renderer:(t,e,a)=>new w(t,e,a),selector:(t,e)=>{},interaction:(t,e,a,n)=>{}}),t.Platform.layout=m.fullLayout,t.Platform.render=function(e,a,n){const r=Object.assign(Object.assign({},n),{topRendering:!0});n.topList=new t.LeafList,e.__render(a,n),n.topList.length&&n.topList.forEach(t=>t.__render(a,r))};const{getSpread:S,copyAndSpread:B,toOuterOf:P,getOuterOf:k,getByMove:R,move:L,getIntersectData:A}=t.BoundsHelper,C={};let T;const{stintSet:O}=t.DataHelper,{hasTransparent:I}=e.ColorConvert;function M(a,n,r){if(!t.isObject(n)||!1===n.visible||0===n.opacity)return;let i;const{boxBounds:s}=r.__layout;switch(n.type){case"image":i=e.PaintImage.image(r,a,n,s,!T||!T[n.url]);break;case"linear":i=e.PaintGradient.linearGradient(n,s);break;case"radial":i=e.PaintGradient.radialGradient(n,s);break;case"angular":i=e.PaintGradient.conicGradient(n,s);break;case"solid":const{type:o,color:l,opacity:d}=n;i={type:o,style:e.ColorConvert.string(l,d)};break;default:t.isUndefined(n.r)||(i={type:"solid",style:e.ColorConvert.string(n)})}if(i&&(i.originPaint=n,t.isString(i.style)&&I(i.style)&&(i.isTransparent=!0),n.style)){if(0===n.style.strokeWidth)return;i.strokeStyle=n.style}return i}const W={compute:function(a,n){const r=n.__,i=[];let s,o,l,d=r.__input[a];t.isArray(d)||(d=[d]),T=e.PaintImage.recycleImage(a,r);for(let t,e=0,r=d.length;e<r;e++)(t=M(a,d[e],n))&&(i.push(t),t.strokeStyle&&(l||(l=1),t.strokeStyle.strokeWidth&&(l=Math.max(l,t.strokeStyle.strokeWidth))));r["_"+a]=i.length?i:void 0,i.length?(i.every(t=>t.isTransparent)&&(i.some(t=>t.image)&&(s=!0),o=!0),"fill"===a?(O(r,"__isAlphaPixelFill",s),O(r,"__isTransparentFill",o)):(O(r,"__isAlphaPixelStroke",s),O(r,"__isTransparentStroke",o),O(r,"__hasMultiStrokeStyle",l))):r.__removePaint(a,!1)},fill:function(t,e,a,n){a.fillStyle=t,v(e,a,n)},fills:function(t,a,n,r){let i,s,o;for(let l=0,d=t.length;l<d;l++){if(i=t[l],s=i.originPaint,i.image){if(o?o++:o=1,e.PaintImage.checkImage(i,!a.__.__font,a,n,r))continue;if(!i.style){1===o&&i.image.isPlacehold&&a.drawImagePlaceholder(i,n,r);continue}}if(n.fillStyle=i.style,i.transform||s.scaleFixed){if(n.save(),i.transform&&n.transform(i.transform),s.scaleFixed){const{scaleX:t,scaleY:e}=a.getRenderScaleData(!0);(!0===s.scaleFixed||"zoom-in"===s.scaleFixed&&t>1&&e>1)&&n.scale(1/t,1/e)}s.blendMode&&(n.blendMode=s.blendMode),v(a,n,r),n.restore()}else s.blendMode?(n.saveBlendMode(s.blendMode),v(a,n,r),n.restoreBlendMode()):v(a,n,r)}},fillPathOrText:v,fillText:function(t,e,a){const n=t.__,{rows:r,decorationY:i}=n.__textDrawData;let s;n.__isPlacehold&&n.placeholderColor&&(e.fillStyle=n.placeholderColor);for(let t=0,a=r.length;t<a;t++)s=r[t],s.text?e.fillText(s.text,s.x,s.y):s.data&&s.data.forEach(t=>{e.fillText(t.char,t.x,s.y)});if(i){const{decorationColor:t,decorationHeight:a}=n.__textDrawData;t&&(e.fillStyle=t),r.forEach(t=>i.forEach(n=>e.fillRect(t.x,t.y+n,t.width,a)))}},stroke:function(a,n,r,i){const s=n.__;if(s.__strokeWidth)if(s.__font)e.Paint.strokeText(a,n,r,i);else switch(s.strokeAlign){case"center":x(a,1,n,r,i);break;case"inside":!function(t,e,a,n){a.save(),a.clipUI(e),x(t,2,e,a,n),a.restore()}(a,n,r,i);break;case"outside":!function(e,a,n,r){const i=a.__;if(i.__fillAfterStroke)x(e,2,a,n,r);else{const{renderBounds:s}=a.__layout,o=n.getSameCanvas(!0,!0);a.__drawRenderPath(o),x(e,2,a,o,r),o.clipUI(i),o.clearWorld(s),t.LeafHelper.copyCanvasByWorld(a,n,o),o.recycle(a.__nowWorld)}}(a,n,r,i)}},strokes:function(t,a,n,r){e.Paint.stroke(t,a,n,r)},strokeText:function(t,e,a,n){switch(e.__.strokeAlign){case"center":b(t,1,e,a,n);break;case"inside":E(t,"inside",e,a,n);break;case"outside":e.__.__fillAfterStroke?b(t,2,e,a,n):E(t,"outside",e,a,n)}},drawTextStroke:function(t,e,a){let n,r=t.__.__textDrawData;const{rows:i,decorationY:s}=r;for(let t=0,a=i.length;t<a;t++)n=i[t],n.text?e.strokeText(n.text,n.x,n.y):n.data&&n.data.forEach(t=>{e.strokeText(t.char,t.x,n.y)});if(s){const{decorationHeight:t}=r;i.forEach(a=>s.forEach(n=>e.strokeRect(a.x,a.y+n,a.width,t)))}},drawStrokesStyle:function(t,a,n,r,i,s){let o;const l=r.__,{__hasMultiStrokeStyle:d}=l;d||i.setStroke(void 0,l.__strokeWidth*a,l);for(let c=0,h=t.length;c<h;c++)if(o=t[c],(!o.image||!e.PaintImage.checkImage(o,!1,r,i,s))&&o.style){if(d){const{strokeStyle:t}=o;t?i.setStroke(o.style,l.__getRealStrokeWidth(t)*a,l,t):i.setStroke(o.style,l.__strokeWidth*a,l)}else i.strokeStyle=o.style;o.originPaint.blendMode?(i.saveBlendMode(o.originPaint.blendMode),n?e.Paint.drawTextStroke(r,i,s):i.stroke(),i.restoreBlendMode()):n?e.Paint.drawTextStroke(r,i,s):i.stroke()}},shape:function(e,a,n){const r=a.getSameCanvas(),i=a.bounds,s=e.__nowWorld,o=e.__layout,l=e.__nowWorldShapeBounds||(e.__nowWorldShapeBounds={});let d,c,h,u,f,p;P(o.strokeSpread?(B(C,o.boxBounds,o.strokeSpread),C):o.boxBounds,s,l);let{scaleX:g,scaleY:_}=e.getRenderScaleData(!0);if(i.includes(l))p=r,d=f=l,c=s;else{let r;if(t.Platform.fullImageShadow)r=l;else{const e=o.renderShapeSpread?S(i,t.FourNumberHelper.swapAndScale(o.renderShapeSpread,g,_)):i;r=A(e,l)}u=i.getFitMatrix(r);let{a:m,d:y}=u;u.a<1&&(p=a.getSameCanvas(),e.__renderShape(p,n),g*=m,_*=y),f=k(l,u),d=R(f,-u.e,-u.f),c=k(s,u),L(c,-u.e,-u.f);const w=n.matrix;w?(h=new t.Matrix(u),h.multiply(w),m*=w.scaleX,y*=w.scaleY):h=u,h.withScale(m,y),n=Object.assign(Object.assign({},n),{matrix:h})}return e.__renderShape(r,n),{canvas:r,matrix:h,fitMatrix:u,bounds:d,renderBounds:c,worldCanvas:p,shapeBounds:f,scaleX:g,scaleY:_}}};let D,H=new t.Bounds;const{isSame:F}=t.BoundsHelper;function j(t,a,n,r,i,s){if("fill"===a&&!t.__.__naturalWidth){const e=t.__;if(e.__naturalWidth=r.width/e.pixelRatio,e.__naturalHeight=r.height/e.pixelRatio,e.__autoSide)return t.forceUpdate("width"),t.__proxyData&&(t.setProxyAttr("width",e.width),t.setProxyAttr("height",e.height)),!1}return i.data||e.PaintImage.createData(i,r,n,s),!0}function G(e,a){X(e,t.ImageEvent.LOAD,a)}function Y(e,a){X(e,t.ImageEvent.LOADED,a)}function U(e,a,n){a.error=n,e.forceUpdate("surface"),X(e,t.ImageEvent.ERROR,a)}function X(e,a,n){e.hasEvent(a)&&e.emitEvent(new t.ImageEvent(a,n))}function z(t,e){const{leafer:a}=t;a&&a.viewReady&&(a.renderer.ignore=e)}const{get:q,translate:N}=t.MatrixHelper,V=new t.Bounds,Q={},Z={};function K(e,a,n,r){const i=t.isString(e)||r?(r?n-r*a:n%a)/((r||Math.floor(n/a))-1):e;return"auto"===e&&i<0?0:i}let $={},J=t.getMatrixData();const{get:tt,set:et,rotateOfOuter:at,translate:nt,scaleOfOuter:rt,multiplyParent:it,scale:st,rotate:ot,skew:lt}=t.MatrixHelper;function dt(t,e,a,n,r,i,s,o){s&&ot(t,s),o&&lt(t,o.x,o.y),r&&st(t,r,i),nt(t,e.x+a,e.y+n)}function ct(t,e,a,n){return new(a||(a=Promise))(function(r,i){function s(t){try{l(n.next(t))}catch(t){i(t)}}function o(t){try{l(n.throw(t))}catch(t){i(t)}}function l(t){var e;t.done?r(t.value):(e=t.value,e instanceof a?e:new a(function(t){t(e)})).then(s,o)}l((n=n.apply(t,e||[])).next())})}"function"==typeof SuppressedError&&SuppressedError;const{get:ht,scale:ut,copy:ft}=t.MatrixHelper,{getFloorScale:pt}=t.MathHelper,{abs:gt}=Math;const _t={image:function(e,a,n,r,i){let s,o;const l=t.ImageManager.get(n);return D&&n===D.paint&&F(r,D.boxBounds)?s=D.leafPaint:(s={type:n.type,image:l},l.hasAlphaPixel&&(s.isTransparent=!0),D=l.use>1?{leafPaint:s,paint:n,boxBounds:H.set(r)}:null),(i||l.loading)&&(o={image:l,attrName:a,attrValue:n}),l.ready?(j(e,a,n,l,s,r),i&&(G(e,o),Y(e,o))):l.error?i&&U(e,o,l.error):(i&&(z(e,!0),G(e,o)),s.loadId=l.load(()=>{z(e,!1),e.destroyed||(j(e,a,n,l,s,r)&&(l.hasAlphaPixel&&(e.__layout.hitCanvasChanged=!0),e.forceUpdate("surface")),Y(e,o)),s.loadId=void 0},t=>{z(e,!1),U(e,o,t),s.loadId=void 0}),e.placeholderColor&&(e.placeholderDelay?setTimeout(()=>{l.ready||(l.isPlacehold=!0,e.forceUpdate("surface"))},e.placeholderDelay):l.isPlacehold=!0)),s},checkImage:function(a,n,r,i,s){const{scaleX:o,scaleY:l}=e.PaintImage.getImageRenderScaleData(a,r,i,s),{image:d,data:c,originPaint:h}=a,{exporting:u}=s;return!(!c||a.patternId===o+"-"+l&&!u)&&(n&&(c.repeat?n=!1:h.changeful||"miniapp"===t.Platform.name&&t.ResizeEvent.isResizing(r)||u||(n=t.Platform.image.isLarge(d,o,l))),n?(r.__.__isFastShadow&&(i.fillStyle=a.style||"#000",i.fill()),e.PaintImage.drawImage(a,o,l,r,i,s),!0):(!a.style||h.sync||u?e.PaintImage.createPattern(a,r,i,s):e.PaintImage.createPatternTask(a,r,i,s),!1))},drawImage:function(t,e,a,n,r,i){const{data:s,image:o}=t,{blendMode:l}=t.originPaint,{opacity:d,transform:c}=s,h=o.getFull(s.filters),u=n.__;let f,{width:p,height:g}=o;(f=c&&!c.onlyScale||u.path||u.cornerRadius)||d||l?(r.save(),f&&r.clipUI(n),l&&(r.blendMode=l),d&&(r.opacity*=d),c&&r.transform(c),r.drawImage(h,0,0,p,g),r.restore()):(s.scaleX&&(p*=s.scaleX,g*=s.scaleY),r.drawImage(h,0,0,p,g))},getImageRenderScaleData:function(t,e,a,n){const r=e.getRenderScaleData(!0,t.originPaint.scaleFixed),{data:i}=t;if(a){const{pixelRatio:t}=a;r.scaleX*=t,r.scaleY*=t}return i&&i.scaleX&&(r.scaleX*=Math.abs(i.scaleX),r.scaleY*=Math.abs(i.scaleY)),r},recycleImage:function(e,a){const n=a["_"+e];if(t.isArray(n)){let r,i,s,o,l;for(let d=0,c=n.length;d<c;d++)r=n[d],i=r.image,l=i&&i.url,l&&(s||(s={}),s[l]=!0,t.ImageManager.recycle(i),i.loading&&(o||(o=a.__input&&a.__input[e]||[],t.isArray(o)||(o=[o])),i.unload(n[d].loadId,!o.some(t=>t.url===l))));return s}return null},createPatternTask:function(a,n,r,i){a.patternTask||(a.patternTask=t.ImageManager.patternTasker.add(()=>ct(this,void 0,void 0,function*(){a.patternTask=null,r.bounds.hit(n.__nowWorld)&&e.PaintImage.createPattern(a,n,r,i),n.forceUpdate("surface")}),300))},createPattern:function(a,n,r,i){let{scaleX:s,scaleY:o}=e.PaintImage.getImageRenderScaleData(a,n,r,i),l=s+"-"+o;if(a.patternId!==l&&!n.destroyed&&(!t.Platform.image.isLarge(a.image,s,o)||a.data.repeat)){const{image:r,data:i}=a,{transform:d,gap:c}=i,h=e.PaintImage.getPatternFixScale(a,s,o);let u,f,p,{width:g,height:_}=r;h&&(s*=h,o*=h),g*=s,_*=o,c&&(f=c.x*s/gt(i.scaleX||1),p=c.y*o/gt(i.scaleY||1)),(d||1!==s||1!==o)&&(s*=pt(g+(f||0)),o*=pt(_+(p||0)),u=ht(),d&&ft(u,d),ut(u,1/s,1/o));const m=r.getCanvas(g,_,i.opacity,i.filters,f,p,n.leafer&&n.leafer.config.smooth),y=r.getPattern(m,i.repeat||t.Platform.origin.noRepeat||"no-repeat",u,a);a.style=y,a.patternId=l}},getPatternFixScale:function(e,a,n){const{image:r}=e;let i,s=t.Platform.image.maxPatternSize,o=r.width*r.height;return r.isSVG?a>1&&(i=Math.ceil(a)/a):s>o&&(s=o),(o*=a*n)>s&&(i=Math.sqrt(s/o)),i},createData:function(t,a,n,r){t.data=e.PaintImage.getPatternData(n,r,a)},getPatternData:function(a,n,r){a.padding&&(n=V.set(n).shrink(a.padding)),"strench"===a.mode&&(a.mode="stretch");const{width:i,height:s}=r,{opacity:o,mode:l,align:d,offset:c,scale:h,size:u,rotation:f,skew:p,clipSize:g,repeat:_,gap:m,filters:y}=a,w=n.width===i&&n.height===s,v={mode:l},x="center"!==d&&(f||0)%180==90;let b,E;switch(t.BoundsHelper.set(Z,0,0,x?s:i,x?i:s),l&&"cover"!==l&&"fit"!==l?((h||u)&&(t.MathHelper.getScaleData(h,u,r,Q),b=Q.scaleX,E=Q.scaleY),(d||m||_)&&(b&&t.BoundsHelper.scale(Z,b,E,!0),d&&t.AlignHelper.toPoint(d,Z,n,Z,!0,!0))):w&&!f||(b=E=t.BoundsHelper.getFitScale(n,Z,"fit"!==l),t.BoundsHelper.put(n,r,d,b,!1,Z),t.BoundsHelper.scale(Z,b,E,!0)),c&&t.PointHelper.move(Z,c),l){case"stretch":w?b&&(b=E=void 0):(b=n.width/i,E=n.height/s,e.PaintImage.stretchMode(v,n,b,E));break;case"normal":case"clip":if(Z.x||Z.y||b||g||f||p){let t,a;g&&(t=n.width/g.width,a=n.height/g.height),e.PaintImage.clipMode(v,n,Z.x,Z.y,b,E,f,p,t,a),t&&(b=b?b*t:t,E=E?E*a:a)}break;case"repeat":(!w||b||f||p)&&e.PaintImage.repeatMode(v,n,i,s,Z.x,Z.y,b,E,f,p,d,a.freeTransform),_||(v.repeat="repeat");const r=t.isObject(_);(m||r)&&(v.gap=function(e,a,n,r,i){let s,o;t.isObject(e)?(s=e.x,o=e.y):s=o=e;return{x:K(s,n,i.width,a&&a.x),y:K(o,r,i.height,a&&a.y)}}(m,r&&_,Z.width,Z.height,n));break;default:b&&e.PaintImage.fillOrFitMode(v,n,Z.x,Z.y,b,E,f)}return v.transform||(n.x||n.y)&&N(v.transform=q(),n.x,n.y),b&&(v.scaleX=b,v.scaleY=E),o&&o<1&&(v.opacity=o),y&&(v.filters=y),_&&(v.repeat=t.isString(_)?"x"===_?"repeat-x":"repeat-y":"repeat"),v},stretchMode:function(t,e,a,n){const r=tt(),{x:i,y:s}=e;i||s?nt(r,i,s):r.onlyScale=!0,st(r,a,n),t.transform=r},fillOrFitMode:function(t,e,a,n,r,i,s){const o=tt();nt(o,e.x+a,e.y+n),st(o,r,i),s&&at(o,{x:e.x+e.width/2,y:e.y+e.height/2},s),t.transform=o},clipMode:function(t,e,a,n,r,i,s,o,l,d){const c=tt();dt(c,e,a,n,r,i,s,o),l&&(s||o?(et(J),rt(J,e,l,d),it(c,J)):rt(c,e,l,d)),t.transform=c},repeatMode:function(t,e,a,n,r,i,s,o,l,d,c,h){const u=tt();if(h)dt(u,e,r,i,s,o,l,d);else{if(l)if("center"===c)at(u,{x:a/2,y:n/2},l);else switch(ot(u,l),l){case 90:nt(u,n,0);break;case 180:nt(u,a,n);break;case 270:nt(u,0,a)}$.x=e.x+r,$.y=e.y+i,nt(u,$.x,$.y),s&&rt(u,$,s,o)}t.transform=u}},{toPoint:mt}=t.AroundHelper,{hasTransparent:yt}=e.ColorConvert,wt={},vt={};function xt(a,n,r,i){if(r){let s,o,l,d;for(let a=0,c=r.length;a<c;a++)s=r[a],t.isString(s)?(l=a/(c-1),o=e.ColorConvert.string(s,i)):(l=s.offset,o=e.ColorConvert.string(s.color,i)),n.addColorStop(l,o),!d&&yt(o)&&(d=!0);d&&(a.isTransparent=!0)}}const{getAngle:bt,getDistance:Et}=t.PointHelper,{get:St,rotateOfOuter:Bt,scaleOfOuter:Pt}=t.MatrixHelper,{toPoint:kt}=t.AroundHelper,Rt={},Lt={};function At(t,e,a,n,r){let i;const{width:s,height:o}=t;if(s!==o||n){const t=bt(e,a);i=St(),r?(Pt(i,e,s/o*(n||1),1),Bt(i,e,t+90)):(Pt(i,e,1,s/o*(n||1)),Bt(i,e,t))}return i}const{getDistance:Ct}=t.PointHelper,{toPoint:Tt}=t.AroundHelper,Ot={},It={};const Mt={linearGradient:function(e,a){let{from:n,to:r,type:i,opacity:s}=e;mt(n||"top",a,wt),mt(r||"bottom",a,vt);const o=t.Platform.canvas.createLinearGradient(wt.x,wt.y,vt.x,vt.y),l={type:i,style:o};return xt(l,o,e.stops,s),l},radialGradient:function(e,a){let{from:n,to:r,type:i,opacity:s,stretch:o}=e;kt(n||"center",a,Rt),kt(r||"bottom",a,Lt);const l=t.Platform.canvas.createRadialGradient(Rt.x,Rt.y,0,Rt.x,Rt.y,Et(Rt,Lt)),d={type:i,style:l};xt(d,l,e.stops,s);const c=At(a,Rt,Lt,o,!0);return c&&(d.transform=c),d},conicGradient:function(e,a){let{from:n,to:r,type:i,opacity:s,stretch:o}=e;Tt(n||"center",a,Ot),Tt(r||"bottom",a,It);const l=t.Platform.conicGradientSupport?t.Platform.canvas.createConicGradient(0,Ot.x,Ot.y):t.Platform.canvas.createRadialGradient(Ot.x,Ot.y,0,Ot.x,Ot.y,Ct(Ot,It)),d={type:i,style:l};xt(d,l,e.stops,s);const c=At(a,Ot,It,o||1,t.Platform.conicGradientRotate90);return c&&(d.transform=c),d},getTransform:At},{copy:Wt,move:Dt,toOffsetOutBounds:Ht}=t.BoundsHelper,{max:Ft,abs:jt}=Math,Gt={},Yt=new t.Matrix,Ut={};function Xt(t,e){let a,n,r,i,s=0,o=0,l=0,d=0;return e.forEach(t=>{a=t.x||0,n=t.y||0,i=1.5*(t.blur||0),r=jt(t.spread||0),s=Ft(s,r+i-n),o=Ft(o,r+i+a),l=Ft(l,r+i+n),d=Ft(d,r+i-a)}),s===o&&o===l&&l===d?s:[s,o,l,d]}function zt(e,a,n){const{shapeBounds:r}=n;let i,s;t.Platform.fullImageShadow?(Wt(Gt,e.bounds),Dt(Gt,a.x-r.x,a.y-r.y),i=e.bounds,s=Gt):(i=r,s=a),e.copyWorld(n.canvas,i,s)}const{toOffsetOutBounds:qt}=t.BoundsHelper,Nt={};const Vt=Xt;const Qt={shadow:function(a,n,r){let i,s;const{__nowWorld:o}=a,{shadow:l}=a.__,{worldCanvas:d,bounds:c,renderBounds:h,shapeBounds:u,scaleX:f,scaleY:p}=r,g=n.getSameCanvas(),_=l.length-1;Ht(c,Ut,h),l.forEach((l,m)=>{let y=1;if(l.scaleFixed){const t=Math.abs(o.scaleX);t>1&&(y=1/t)}g.setWorldShadow(Ut.offsetX+(l.x||0)*f*y,Ut.offsetY+(l.y||0)*p*y,(l.blur||0)*f*y,e.ColorConvert.string(l.color)),s=e.Effect.getShadowTransform(a,g,r,l,Ut,y),s&&g.setTransform(s),zt(g,Ut,r),s&&g.resetTransform(),i=h,l.box&&(g.restore(),g.save(),d&&(g.copyWorld(g,h,o,"copy"),i=o),d?g.copyWorld(d,o,o,"destination-out"):g.copyWorld(r.canvas,u,c,"destination-out")),t.LeafHelper.copyCanvasByWorld(a,n,g,i,l.blendMode),_&&m<_&&g.clearWorld(i)}),g.recycle(i)},innerShadow:function(a,n,r){let i,s;const{__nowWorld:o}=a,{innerShadow:l}=a.__,{worldCanvas:d,bounds:c,renderBounds:h,shapeBounds:u,scaleX:f,scaleY:p}=r,g=n.getSameCanvas(),_=l.length-1;qt(c,Nt,h),l.forEach((l,m)=>{let y=1;if(l.scaleFixed){const t=Math.abs(o.scaleX);t>1&&(y=1/t)}g.save(),g.setWorldShadow(Nt.offsetX+(l.x||0)*f*y,Nt.offsetY+(l.y||0)*p*y,(l.blur||0)*f*y),s=e.Effect.getShadowTransform(a,g,r,l,Nt,y,!0),s&&g.setTransform(s),zt(g,Nt,r),g.restore(),d?(g.copyWorld(g,h,o,"copy"),g.copyWorld(d,o,o,"source-out"),i=o):(g.copyWorld(r.canvas,u,c,"source-out"),i=h),g.fillWorld(i,e.ColorConvert.string(l.color),"source-in"),t.LeafHelper.copyCanvasByWorld(a,n,g,i,l.blendMode),_&&m<_&&g.clearWorld(i)}),g.recycle(i)},blur:function(t,e,a){const{blur:n}=t.__;a.setWorldBlur(n*t.__nowWorld.a),a.copyWorldToInner(e,t.__nowWorld,t.__layout.renderBounds),a.filter="none"},backgroundBlur:function(t,e,a){},getShadowRenderSpread:Xt,getShadowTransform:function(t,e,a,n,r,i,s){if(n.spread){const a=2*n.spread*i*(s?-1:1),{width:o,height:l}=t.__layout.strokeBounds;return Yt.set().scaleOfOuter({x:(r.x+r.width/2)*e.pixelRatio,y:(r.y+r.height/2)*e.pixelRatio},1+a/o,1+a/l),Yt}},isTransformShadow(t){},getInnerShadowSpread:Vt},{excludeRenderBounds:Zt}=t.LeafBoundsHelper;let Kt;function $t(t,e,a,n,r,i,s,o){switch(e){case"grayscale":Kt||(Kt=!0,r.useGrayscaleAlpha(t.__nowWorld));case"alpha":!function(t,e,a,n,r,i){const s=t.__nowWorld;a.resetTransform(),a.opacity=1,a.useMask(n,s),i&&n.recycle(s);te(t,e,a,1,r,i)}(t,a,n,r,s,o);break;case"opacity-path":te(t,a,n,i,s,o);break;case"path":o&&a.restore()}}function Jt(t){return t.getSameCanvas(!1,!0)}function te(t,e,a,n,r,i){const s=t.__nowWorld;e.resetTransform(),e.opacity=n,e.copyWorld(a,s,void 0,r),i?a.recycle(s):a.clearWorld(s)}e.Group.prototype.__renderMask=function(t,e){let a,n,r,i,s,o;const{children:l}=this;for(let d=0,c=l.length;d<c;d++){if(a=l[d],o=a.__.mask,o){s&&($t(this,s,t,r,n,i,void 0,!0),n=r=null),"clipping"!==o&&"clipping-path"!==o||Zt(a,e)||a.__render(t,e),i=a.__.opacity,Kt=!1,"path"===o||"clipping-path"===o?(i<1?(s="opacity-path",r||(r=Jt(t))):(s="path",t.save()),a.__clip(r||t,e)):(s="grayscale"===o?"grayscale":"alpha",n||(n=Jt(t)),r||(r=Jt(t)),a.__render(n,e));continue}const c=1===i&&a.__.__blendMode;c&&$t(this,s,t,r,n,i,void 0,!1),Zt(a,e)||a.__render(r||t,e),c&&$t(this,s,t,r,n,i,c,!1)}$t(this,s,t,r,n,i,void 0,!0)};const ee=">)]}%!?,.:;'\"》）」〉』〗】〕｝┐＞’”！？，、。：；‰",ae=ee+"_#~&*+\\=|≮≯≈≠＝…",ne=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 re(t){const e={};return t.split("").forEach(t=>e[t]=!0),e}const ie=re("ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyz"),se=re("{[(<'\"《（「〈『〖【〔｛┌＜‘“＝¥￥＄€£￡¢￠"),oe=re(ee),le=re(ae),de=re("- —／～｜┆·");var ce;!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"}(ce||(ce={}));const{Letter:he,Single:ue,Before:fe,After:pe,Symbol:ge,Break:_e}=ce;function me(t){return ie[t]?he:de[t]?_e:se[t]?fe:oe[t]?pe:le[t]?ge:ne.test(t)?ue:he}const ye={trimRight(t){const{words:e}=t;let a,n=0,r=e.length;for(let i=r-1;i>-1&&(a=e[i].data[0]," "===a.char);i--)n++,t.width-=a.width;n&&e.splice(r-n,n)}};function we(t,e,a){switch(e){case"title":return a?t.toUpperCase():t;case"upper":return t.toUpperCase();case"lower":return t.toLowerCase();default:return t}}const{trimRight:ve}=ye,{Letter:xe,Single:be,Before:Ee,After:Se,Symbol:Be,Break:Pe}=ce;let ke,Re,Le,Ae,Ce,Te,Oe,Ie,Me,We,De,He,Fe,je,Ge,Ye,Ue,Xe=[];function ze(t,e){Me&&!Ie&&(Ie=Me),ke.data.push({char:t,width:e}),Le+=e}function qe(){Ae+=Le,ke.width=Le,Re.words.push(ke),ke={data:[]},Le=0}function Ne(){je&&(Ge.paraNumber++,Re.paraStart=!0,je=!1),Me&&(Re.startCharSize=Ie,Re.endCharSize=Me,Ie=0),Re.width=Ae,Ye.width?ve(Re):Ue&&Ve(),Xe.push(Re),Re={words:[]},Ae=0}function Ve(){Ae>(Ge.maxWidth||0)&&(Ge.maxWidth=Ae)}const{top:Qe,right:Ze,bottom:Ke,left:$e}=t.Direction4;function Je(t,e,a){const{bounds:n,rows:r}=t;n[e]+=a;for(let t=0;t<r.length;t++)r[t][e]+=a}const ta={getDrawData:function(a,n){t.isString(a)||(a=String(a));let r=0,i=0,s=n.__getInput("width")||0,o=n.__getInput("height")||0;const{__padding:l}=n;l&&(s?(r=l[$e],s-=l[Ze]+l[$e],!s&&(s=.01)):n.autoSizeAlign||(r=l[$e]),o?(i=l[Qe],o-=l[Qe]+l[Ke],!o&&(o=.01)):n.autoSizeAlign||(i=l[Qe]));const d={bounds:{x:r,y:i,width:s,height:o},rows:[],paraNumber:0,font:t.Platform.canvas.font=n.__font};return function(e,a,n){Ge=e,Xe=e.rows,Ye=e.bounds,Ue=!Ye.width&&!n.autoSizeAlign;const{__letterSpacing:r,paraIndent:i,textCase:s}=n,{canvas:o}=t.Platform,{width:l}=Ye;if(n.__isCharMode){const t="none"!==n.textWrap,e="break"===n.textWrap;je=!0,De=null,Ie=Oe=Me=Le=Ae=0,ke={data:[]},Re={words:[]},r&&(a=[...a]);for(let n=0,d=a.length;n<d;n++)Te=a[n],"\n"===Te?(Le&&qe(),Re.paraEnd=!0,Ne(),je=!0):(We=me(Te),We===xe&&"none"!==s&&(Te=we(Te,s,!Le)),Oe=o.measureText(Te).width,r&&(r<0&&(Me=Oe),Oe+=r),He=We===be&&(De===be||De===xe)||De===be&&We!==Se,Fe=!(We!==Ee&&We!==be||De!==Be&&De!==Se),Ce=je&&i?l-i:l,t&&l&&Ae+Le+Oe>Ce&&(e?(Le&&qe(),Ae&&Ne()):(Fe||(Fe=We===xe&&De==Se),He||Fe||We===Pe||We===Ee||We===be||Le+Oe>Ce?(Le&&qe(),Ae&&Ne()):Ae&&Ne()))," "===Te&&!0!==je&&Ae+Le===0||(We===Pe?(" "===Te&&Le&&qe(),ze(Te,Oe),qe()):He||Fe?(Le&&qe(),ze(Te,Oe)):ze(Te,Oe)),De=We);Le&&qe(),Ae&&Ne(),Xe.length>0&&(Xe[Xe.length-1].paraEnd=!0)}else a.split("\n").forEach(t=>{Ge.paraNumber++,Ae=o.measureText(t).width,Xe.push({x:i||0,text:t,width:Ae,paraStart:!0}),Ue&&Ve()})}(d,a,n),l&&function(t,e,a,n,r){if(!n&&a.autoSizeAlign)switch(a.textAlign){case"left":Je(e,"x",t[$e]);break;case"right":Je(e,"x",-t[Ze])}if(!r&&a.autoSizeAlign)switch(a.verticalAlign){case"top":Je(e,"y",t[Qe]);break;case"bottom":Je(e,"y",-t[Ke])}}(l,d,n,s,o),function(t,e){const{rows:a,bounds:n}=t,r=a.length,{__lineHeight:i,__baseLine:s,__letterSpacing:o,__clipText:l,textAlign:d,verticalAlign:c,paraSpacing:h,autoSizeAlign:u}=e;let{x:f,y:p,width:g,height:_}=n,m=i*r+(h?h*(t.paraNumber-1):0),y=s;if(l&&m>_)m=Math.max(_,i),r>1&&(t.overflow=r);else if(_||u)switch(c){case"middle":p+=(_-m)/2;break;case"bottom":p+=_-m}y+=p;let w,v,x,b=g||u?g:t.maxWidth;for(let s=0,c=r;s<c;s++){if(w=a[s],w.x=f,w.width<g||w.width>g&&!l)switch(d){case"center":w.x+=(b-w.width)/2;break;case"right":w.x+=b-w.width}w.paraStart&&h&&s>0&&(y+=h),w.y=y,y+=i,t.overflow>s&&y>m&&(w.isOverflow=!0,t.overflow=s+1),v=w.x,x=w.width,o<0&&(w.width<0?(x=-w.width+e.fontSize+o,v-=x,x+=e.fontSize):x-=o),v<n.x&&(n.x=v),x>n.width&&(n.width=x),l&&g&&g<x&&(w.isOverflow=!0,t.overflow||(t.overflow=a.length))}n.y=p,n.height=m}(d,n),n.__isCharMode&&function(t,e,a){const{rows:n}=t,{textAlign:r,paraIndent:i,letterSpacing:s}=e,o=a&&r.includes("both"),l=o||a&&r.includes("justify"),d=l&&r.includes("letter");let c,h,u,f,p,g,_,m,y,w;n.forEach(t=>{t.words&&(p=i&&t.paraStart?i:0,m=t.words.length,l&&(w=!t.paraEnd||o,h=a-t.width-p,d?f=h/(t.words.reduce((t,e)=>t+e.data.length,0)-1):u=m>1?h/(m-1):0),g=s||t.isOverflow||d?0:u?1:2,t.isOverflow&&!s&&(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,c=t.x,t.data=[],t.words.forEach((e,a)=>{1===g?(_={char:"",x:c},c=function(t,e,a){return t.forEach(t=>{a.char+=t.char,e+=t.width}),e}(e.data,c,_),(t.isOverflow||" "!==_.char)&&t.data.push(_)):c=function(t,e,a,n,r){return t.forEach(t=>{(n||" "!==t.char)&&(t.x=e,a.push(t)),e+=t.width,r&&(e+=r)}),e}(e.data,c,t.data,t.isOverflow,w&&f),w&&(y=a===m-1,u?y||(c+=u,t.width+=u):f&&(t.width+=f*(e.data.length-(y?1:0))))})),t.words=null)})}(d,n,s),d.overflow&&function(e,a,n,r){if(!r)return;const{rows:i,overflow:s}=e;let{textOverflow:o}=a;if(i.splice(s),o&&"show"!==o){let e,l;"hide"===o?o="":"ellipsis"===o&&(o="...");const d=o?t.Platform.canvas.measureText(o).width:0,c=n+r-d;("none"===a.textWrap?i:[i[s-1]]).forEach(t=>{if(t.isOverflow&&t.data){let a=t.data.length-1;for(let n=a;n>-1&&(e=t.data[n],l=e.x+e.width,!(n===a&&l<c));n--){if(l<c&&" "!==e.char||!n){t.data.splice(n+1),t.width-=e.width;break}t.width-=e.width}t.width+=d,t.data.push({char:o,x:l}),t.textMode&&function(t){t.text="",t.data.forEach(e=>{t.text+=e.char}),t.data=null}(t)}})}}(d,n,r,s),"none"!==n.textDecoration&&function(a,n){let r,i=0;const{fontSize:s,textDecoration:o}=n;switch(a.decorationHeight=s/11,t.isObject(o)?(r=o.type,o.color&&(a.decorationColor=e.ColorConvert.string(o.color)),o.offset&&(i=Math.min(.3*s,Math.max(o.offset,.15*-s)))):r=o,r){case"under":a.decorationY=[.15*s+i];break;case"delete":a.decorationY=[.35*-s];break;case"under-delete":a.decorationY=[.15*s+i,.35*-s]}}(d,n),d}};const ea={string:function(a,n){if(!a)return"#000";const r=t.isNumber(n)&&n<1;if(t.isString(a)){if(!r||!e.ColorConvert.object)return a;a=e.ColorConvert.object(a)}let i=t.isUndefined(a.a)?1:a.a;r&&(i*=n);const s=a.r+","+a.g+","+a.b;return 1===i?"rgb("+s+")":"rgba("+s+","+i+")"}};Object.assign(e.TextConvert,ta),Object.assign(e.ColorConvert,ea),Object.assign(e.Paint,W),Object.assign(e.PaintImage,_t),Object.assign(e.PaintGradient,Mt),Object.assign(e.Effect,Qt),r(),Object.defineProperty(exports,"LeaferImage",{enumerable:!0,get:function(){return t.LeaferImage}}),exports.Layouter=m,exports.LeaferCanvas=a,exports.Renderer=w,exports.Watcher=s,exports.useCanvas=r,Object.keys(t).forEach(function(e){"default"===e||Object.prototype.hasOwnProperty.call(exports,e)||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return t[e]}})}),Object.keys(e).forEach(function(t){"default"===t||Object.prototype.hasOwnProperty.call(exports,t)||Object.defineProperty(exports,t,{enumerable:!0,get:function(){return e[t]}})});
 //# sourceMappingURL=worker.min.cjs.map