@leafer-draw/worker 1.10.0 → 1.11.0

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/worker.cjs CHANGED
@@ -668,30 +668,31 @@ function fill(fill, ui, canvas, renderOptions) {
668
668
  }
669
669
 
670
670
  function fills(fills, ui, canvas, renderOptions) {
671
- let item;
671
+ let item, originPaint, countImage;
672
672
  for (let i = 0, len = fills.length; i < len; i++) {
673
- item = fills[i];
673
+ item = fills[i], originPaint = item.originPaint;
674
674
  if (item.image) {
675
+ countImage ? countImage++ : countImage = 1;
675
676
  if (draw.PaintImage.checkImage(item, !ui.__.__font, ui, canvas, renderOptions)) continue;
676
677
  if (!item.style) {
677
- if (!i && item.image.isPlacehold) ui.drawImagePlaceholder(item.image, canvas, renderOptions);
678
+ if (countImage === 1 && item.image.isPlacehold) ui.drawImagePlaceholder(item, canvas, renderOptions);
678
679
  continue;
679
680
  }
680
681
  }
681
682
  canvas.fillStyle = item.style;
682
- if (item.transform || item.scaleFixed) {
683
+ if (item.transform || originPaint.scaleFixed) {
683
684
  canvas.save();
684
685
  if (item.transform) canvas.transform(item.transform);
685
- if (item.scaleFixed) {
686
+ if (originPaint.scaleFixed) {
686
687
  const {scaleX: scaleX, scaleY: scaleY} = ui.getRenderScaleData(true);
687
- if (item.scaleFixed === true || item.scaleFixed === "zoom-in" && scaleX > 1 && scaleY > 1) canvas.scale(1 / scaleX, 1 / scaleY);
688
+ if (originPaint.scaleFixed === true || originPaint.scaleFixed === "zoom-in" && scaleX > 1 && scaleY > 1) canvas.scale(1 / scaleX, 1 / scaleY);
688
689
  }
689
- if (item.blendMode) canvas.blendMode = item.blendMode;
690
+ if (originPaint.blendMode) canvas.blendMode = originPaint.blendMode;
690
691
  fillPathOrText(ui, canvas, renderOptions);
691
692
  canvas.restore();
692
693
  } else {
693
- if (item.blendMode) {
694
- canvas.saveBlendMode(item.blendMode);
694
+ if (originPaint.blendMode) {
695
+ canvas.saveBlendMode(originPaint.blendMode);
695
696
  fillPathOrText(ui, canvas, renderOptions);
696
697
  canvas.restoreBlendMode();
697
698
  } else fillPathOrText(ui, canvas, renderOptions);
@@ -844,8 +845,8 @@ function drawStrokesStyle(strokes, strokeWidthScale, isText, ui, canvas, renderO
844
845
  const {strokeStyle: strokeStyle} = item;
845
846
  strokeStyle ? canvas.setStroke(item.style, data.__getRealStrokeWidth(strokeStyle) * strokeWidthScale, data, strokeStyle) : canvas.setStroke(item.style, data.__strokeWidth * strokeWidthScale, data);
846
847
  } else canvas.strokeStyle = item.style;
847
- if (item.blendMode) {
848
- canvas.saveBlendMode(item.blendMode);
848
+ if (item.originPaint.blendMode) {
849
+ canvas.saveBlendMode(item.originPaint.blendMode);
849
850
  isText ? draw.Paint.drawTextStroke(ui, canvas, renderOptions) : canvas.stroke();
850
851
  canvas.restoreBlendMode();
851
852
  } else {
@@ -942,62 +943,63 @@ function compute(attrName, ui) {
942
943
  if (leafPaints.some(item => item.image)) isAlphaPixel = true;
943
944
  isTransparent = true;
944
945
  }
945
- }
946
- if (attrName === "fill") {
947
- stintSet(data, "__isAlphaPixelFill", isAlphaPixel);
948
- stintSet(data, "__isTransparentFill", isTransparent);
946
+ if (attrName === "fill") {
947
+ stintSet(data, "__isAlphaPixelFill", isAlphaPixel);
948
+ stintSet(data, "__isTransparentFill", isTransparent);
949
+ } else {
950
+ stintSet(data, "__isAlphaPixelStroke", isAlphaPixel);
951
+ stintSet(data, "__isTransparentStroke", isTransparent);
952
+ stintSet(data, "__hasMultiStrokeStyle", maxChildStrokeWidth);
953
+ }
949
954
  } else {
950
- stintSet(data, "__isAlphaPixelStroke", isAlphaPixel);
951
- stintSet(data, "__isTransparentStroke", isTransparent);
952
- stintSet(data, "__hasMultiStrokeStyle", maxChildStrokeWidth);
955
+ data.__removePaint(attrName, false);
953
956
  }
954
957
  }
955
958
 
956
959
  function getLeafPaint(attrName, paint, ui) {
957
960
  if (!core.isObject(paint) || paint.visible === false || paint.opacity === 0) return undefined;
958
- let data;
961
+ let leafPaint;
959
962
  const {boxBounds: boxBounds} = ui.__layout;
960
963
  switch (paint.type) {
961
964
  case "image":
962
- data = draw.PaintImage.image(ui, attrName, paint, boxBounds, !recycleMap || !recycleMap[paint.url]);
965
+ leafPaint = draw.PaintImage.image(ui, attrName, paint, boxBounds, !recycleMap || !recycleMap[paint.url]);
963
966
  break;
964
967
 
965
968
  case "linear":
966
- data = draw.PaintGradient.linearGradient(paint, boxBounds);
969
+ leafPaint = draw.PaintGradient.linearGradient(paint, boxBounds);
967
970
  break;
968
971
 
969
972
  case "radial":
970
- data = draw.PaintGradient.radialGradient(paint, boxBounds);
973
+ leafPaint = draw.PaintGradient.radialGradient(paint, boxBounds);
971
974
  break;
972
975
 
973
976
  case "angular":
974
- data = draw.PaintGradient.conicGradient(paint, boxBounds);
977
+ leafPaint = draw.PaintGradient.conicGradient(paint, boxBounds);
975
978
  break;
976
979
 
977
980
  case "solid":
978
981
  const {type: type, color: color, opacity: opacity} = paint;
979
- data = {
982
+ leafPaint = {
980
983
  type: type,
981
984
  style: draw.ColorConvert.string(color, opacity)
982
985
  };
983
986
  break;
984
987
 
985
988
  default:
986
- if (!core.isUndefined(paint.r)) data = {
989
+ if (!core.isUndefined(paint.r)) leafPaint = {
987
990
  type: "solid",
988
991
  style: draw.ColorConvert.string(paint)
989
992
  };
990
993
  }
991
- if (data) {
992
- if (core.isString(data.style) && hasTransparent$1(data.style)) data.isTransparent = true;
994
+ if (leafPaint) {
995
+ leafPaint.originPaint = paint;
996
+ if (core.isString(leafPaint.style) && hasTransparent$1(leafPaint.style)) leafPaint.isTransparent = true;
993
997
  if (paint.style) {
994
998
  if (paint.style.strokeWidth === 0) return undefined;
995
- data.strokeStyle = paint.style;
999
+ leafPaint.strokeStyle = paint.style;
996
1000
  }
997
- if (paint.editing) data.editing = paint.editing;
998
- if (paint.blendMode) data.blendMode = paint.blendMode;
999
1001
  }
1000
- return data;
1002
+ return leafPaint;
1001
1003
  }
1002
1004
 
1003
1005
  const PaintModule = {
@@ -1130,10 +1132,6 @@ const tempScaleData = {};
1130
1132
  const tempImage = {};
1131
1133
 
1132
1134
  function createData(leafPaint, image, paint, box) {
1133
- const {changeful: changeful, sync: sync, scaleFixed: scaleFixed} = paint;
1134
- if (changeful) leafPaint.changeful = changeful;
1135
- if (sync) leafPaint.sync = sync;
1136
- if (scaleFixed) leafPaint.scaleFixed = scaleFixed;
1137
1135
  leafPaint.data = draw.PaintImage.getPatternData(paint, box, image);
1138
1136
  }
1139
1137
 
@@ -1393,14 +1391,14 @@ function getPatternFixScale(paint, imageScaleX, imageScaleY) {
1393
1391
 
1394
1392
  function checkImage(paint, drawImage, ui, canvas, renderOptions) {
1395
1393
  const {scaleX: scaleX, scaleY: scaleY} = draw.PaintImage.getImageRenderScaleData(paint, ui, canvas, renderOptions);
1396
- const {image: image, data: data} = paint, {exporting: exporting} = renderOptions;
1394
+ const {image: image, data: data, originPaint: originPaint} = paint, {exporting: exporting} = renderOptions;
1397
1395
  if (!data || paint.patternId === scaleX + "-" + scaleY && !exporting) {
1398
1396
  return false;
1399
1397
  } else {
1400
1398
  if (drawImage) {
1401
1399
  if (data.repeat) {
1402
1400
  drawImage = false;
1403
- } else if (!(paint.changeful || core.Platform.name === "miniapp" && core.ResizeEvent.isResizing(ui) || exporting)) {
1401
+ } else if (!(originPaint.changeful || core.Platform.name === "miniapp" && core.ResizeEvent.isResizing(ui) || exporting)) {
1404
1402
  drawImage = core.Platform.image.isLarge(image, scaleX, scaleY);
1405
1403
  }
1406
1404
  }
@@ -1412,16 +1410,16 @@ function checkImage(paint, drawImage, ui, canvas, renderOptions) {
1412
1410
  draw.PaintImage.drawImage(paint, scaleX, scaleY, ui, canvas, renderOptions);
1413
1411
  return true;
1414
1412
  } else {
1415
- if (!paint.style || paint.sync || exporting) draw.PaintImage.createPattern(paint, ui, canvas, renderOptions); else draw.PaintImage.createPatternTask(paint, ui, canvas, renderOptions);
1413
+ if (!paint.style || originPaint.sync || exporting) draw.PaintImage.createPattern(paint, ui, canvas, renderOptions); else draw.PaintImage.createPatternTask(paint, ui, canvas, renderOptions);
1416
1414
  return false;
1417
1415
  }
1418
1416
  }
1419
1417
  }
1420
1418
 
1421
1419
  function drawImage(paint, _imageScaleX, _imageScaleY, ui, canvas, _renderOptions) {
1422
- const {data: data, image: image, blendMode: blendMode} = paint, {opacity: opacity, transform: transform} = data, view = image.getFull(data.filters), u = ui.__;
1420
+ const {data: data, image: image} = paint, {blendMode: blendMode} = paint.originPaint, {opacity: opacity, transform: transform} = data, view = image.getFull(data.filters), u = ui.__;
1423
1421
  let {width: width, height: height} = image, clipUI;
1424
- if (transform && !transform.onlyScale || (clipUI = u.path || u.cornerRadius) || opacity || blendMode) {
1422
+ if ((clipUI = transform && !transform.onlyScale || u.path || u.cornerRadius) || opacity || blendMode) {
1425
1423
  canvas.save();
1426
1424
  clipUI && canvas.clipUI(ui);
1427
1425
  blendMode && (canvas.blendMode = blendMode);
@@ -1436,7 +1434,7 @@ function drawImage(paint, _imageScaleX, _imageScaleY, ui, canvas, _renderOptions
1436
1434
  }
1437
1435
 
1438
1436
  function getImageRenderScaleData(paint, ui, canvas, _renderOptions) {
1439
- const scaleData = ui.getRenderScaleData(true, paint.scaleFixed), {data: data} = paint;
1437
+ const scaleData = ui.getRenderScaleData(true, paint.originPaint.scaleFixed), {data: data} = paint;
1440
1438
  if (canvas) {
1441
1439
  const {pixelRatio: pixelRatio} = canvas;
1442
1440
  scaleData.scaleX *= pixelRatio;
@@ -672,30 +672,31 @@ function fill(fill, ui, canvas, renderOptions) {
672
672
  }
673
673
 
674
674
  function fills(fills, ui, canvas, renderOptions) {
675
- let item;
675
+ let item, originPaint, countImage;
676
676
  for (let i = 0, len = fills.length; i < len; i++) {
677
- item = fills[i];
677
+ item = fills[i], originPaint = item.originPaint;
678
678
  if (item.image) {
679
+ countImage ? countImage++ : countImage = 1;
679
680
  if (PaintImage.checkImage(item, !ui.__.__font, ui, canvas, renderOptions)) continue;
680
681
  if (!item.style) {
681
- if (!i && item.image.isPlacehold) ui.drawImagePlaceholder(item.image, canvas, renderOptions);
682
+ if (countImage === 1 && item.image.isPlacehold) ui.drawImagePlaceholder(item, canvas, renderOptions);
682
683
  continue;
683
684
  }
684
685
  }
685
686
  canvas.fillStyle = item.style;
686
- if (item.transform || item.scaleFixed) {
687
+ if (item.transform || originPaint.scaleFixed) {
687
688
  canvas.save();
688
689
  if (item.transform) canvas.transform(item.transform);
689
- if (item.scaleFixed) {
690
+ if (originPaint.scaleFixed) {
690
691
  const {scaleX: scaleX, scaleY: scaleY} = ui.getRenderScaleData(true);
691
- if (item.scaleFixed === true || item.scaleFixed === "zoom-in" && scaleX > 1 && scaleY > 1) canvas.scale(1 / scaleX, 1 / scaleY);
692
+ if (originPaint.scaleFixed === true || originPaint.scaleFixed === "zoom-in" && scaleX > 1 && scaleY > 1) canvas.scale(1 / scaleX, 1 / scaleY);
692
693
  }
693
- if (item.blendMode) canvas.blendMode = item.blendMode;
694
+ if (originPaint.blendMode) canvas.blendMode = originPaint.blendMode;
694
695
  fillPathOrText(ui, canvas, renderOptions);
695
696
  canvas.restore();
696
697
  } else {
697
- if (item.blendMode) {
698
- canvas.saveBlendMode(item.blendMode);
698
+ if (originPaint.blendMode) {
699
+ canvas.saveBlendMode(originPaint.blendMode);
699
700
  fillPathOrText(ui, canvas, renderOptions);
700
701
  canvas.restoreBlendMode();
701
702
  } else fillPathOrText(ui, canvas, renderOptions);
@@ -848,8 +849,8 @@ function drawStrokesStyle(strokes, strokeWidthScale, isText, ui, canvas, renderO
848
849
  const {strokeStyle: strokeStyle} = item;
849
850
  strokeStyle ? canvas.setStroke(item.style, data.__getRealStrokeWidth(strokeStyle) * strokeWidthScale, data, strokeStyle) : canvas.setStroke(item.style, data.__strokeWidth * strokeWidthScale, data);
850
851
  } else canvas.strokeStyle = item.style;
851
- if (item.blendMode) {
852
- canvas.saveBlendMode(item.blendMode);
852
+ if (item.originPaint.blendMode) {
853
+ canvas.saveBlendMode(item.originPaint.blendMode);
853
854
  isText ? Paint.drawTextStroke(ui, canvas, renderOptions) : canvas.stroke();
854
855
  canvas.restoreBlendMode();
855
856
  } else {
@@ -946,62 +947,63 @@ function compute(attrName, ui) {
946
947
  if (leafPaints.some(item => item.image)) isAlphaPixel = true;
947
948
  isTransparent = true;
948
949
  }
949
- }
950
- if (attrName === "fill") {
951
- stintSet(data, "__isAlphaPixelFill", isAlphaPixel);
952
- stintSet(data, "__isTransparentFill", isTransparent);
950
+ if (attrName === "fill") {
951
+ stintSet(data, "__isAlphaPixelFill", isAlphaPixel);
952
+ stintSet(data, "__isTransparentFill", isTransparent);
953
+ } else {
954
+ stintSet(data, "__isAlphaPixelStroke", isAlphaPixel);
955
+ stintSet(data, "__isTransparentStroke", isTransparent);
956
+ stintSet(data, "__hasMultiStrokeStyle", maxChildStrokeWidth);
957
+ }
953
958
  } else {
954
- stintSet(data, "__isAlphaPixelStroke", isAlphaPixel);
955
- stintSet(data, "__isTransparentStroke", isTransparent);
956
- stintSet(data, "__hasMultiStrokeStyle", maxChildStrokeWidth);
959
+ data.__removePaint(attrName, false);
957
960
  }
958
961
  }
959
962
 
960
963
  function getLeafPaint(attrName, paint, ui) {
961
964
  if (!isObject(paint) || paint.visible === false || paint.opacity === 0) return undefined;
962
- let data;
965
+ let leafPaint;
963
966
  const {boxBounds: boxBounds} = ui.__layout;
964
967
  switch (paint.type) {
965
968
  case "image":
966
- data = PaintImage.image(ui, attrName, paint, boxBounds, !recycleMap || !recycleMap[paint.url]);
969
+ leafPaint = PaintImage.image(ui, attrName, paint, boxBounds, !recycleMap || !recycleMap[paint.url]);
967
970
  break;
968
971
 
969
972
  case "linear":
970
- data = PaintGradient.linearGradient(paint, boxBounds);
973
+ leafPaint = PaintGradient.linearGradient(paint, boxBounds);
971
974
  break;
972
975
 
973
976
  case "radial":
974
- data = PaintGradient.radialGradient(paint, boxBounds);
977
+ leafPaint = PaintGradient.radialGradient(paint, boxBounds);
975
978
  break;
976
979
 
977
980
  case "angular":
978
- data = PaintGradient.conicGradient(paint, boxBounds);
981
+ leafPaint = PaintGradient.conicGradient(paint, boxBounds);
979
982
  break;
980
983
 
981
984
  case "solid":
982
985
  const {type: type, color: color, opacity: opacity} = paint;
983
- data = {
986
+ leafPaint = {
984
987
  type: type,
985
988
  style: ColorConvert.string(color, opacity)
986
989
  };
987
990
  break;
988
991
 
989
992
  default:
990
- if (!isUndefined(paint.r)) data = {
993
+ if (!isUndefined(paint.r)) leafPaint = {
991
994
  type: "solid",
992
995
  style: ColorConvert.string(paint)
993
996
  };
994
997
  }
995
- if (data) {
996
- if (isString(data.style) && hasTransparent$1(data.style)) data.isTransparent = true;
998
+ if (leafPaint) {
999
+ leafPaint.originPaint = paint;
1000
+ if (isString(leafPaint.style) && hasTransparent$1(leafPaint.style)) leafPaint.isTransparent = true;
997
1001
  if (paint.style) {
998
1002
  if (paint.style.strokeWidth === 0) return undefined;
999
- data.strokeStyle = paint.style;
1003
+ leafPaint.strokeStyle = paint.style;
1000
1004
  }
1001
- if (paint.editing) data.editing = paint.editing;
1002
- if (paint.blendMode) data.blendMode = paint.blendMode;
1003
1005
  }
1004
- return data;
1006
+ return leafPaint;
1005
1007
  }
1006
1008
 
1007
1009
  const PaintModule = {
@@ -1134,10 +1136,6 @@ const tempScaleData = {};
1134
1136
  const tempImage = {};
1135
1137
 
1136
1138
  function createData(leafPaint, image, paint, box) {
1137
- const {changeful: changeful, sync: sync, scaleFixed: scaleFixed} = paint;
1138
- if (changeful) leafPaint.changeful = changeful;
1139
- if (sync) leafPaint.sync = sync;
1140
- if (scaleFixed) leafPaint.scaleFixed = scaleFixed;
1141
1139
  leafPaint.data = PaintImage.getPatternData(paint, box, image);
1142
1140
  }
1143
1141
 
@@ -1397,14 +1395,14 @@ function getPatternFixScale(paint, imageScaleX, imageScaleY) {
1397
1395
 
1398
1396
  function checkImage(paint, drawImage, ui, canvas, renderOptions) {
1399
1397
  const {scaleX: scaleX, scaleY: scaleY} = PaintImage.getImageRenderScaleData(paint, ui, canvas, renderOptions);
1400
- const {image: image, data: data} = paint, {exporting: exporting} = renderOptions;
1398
+ const {image: image, data: data, originPaint: originPaint} = paint, {exporting: exporting} = renderOptions;
1401
1399
  if (!data || paint.patternId === scaleX + "-" + scaleY && !exporting) {
1402
1400
  return false;
1403
1401
  } else {
1404
1402
  if (drawImage) {
1405
1403
  if (data.repeat) {
1406
1404
  drawImage = false;
1407
- } else if (!(paint.changeful || Platform.name === "miniapp" && ResizeEvent.isResizing(ui) || exporting)) {
1405
+ } else if (!(originPaint.changeful || Platform.name === "miniapp" && ResizeEvent.isResizing(ui) || exporting)) {
1408
1406
  drawImage = Platform.image.isLarge(image, scaleX, scaleY);
1409
1407
  }
1410
1408
  }
@@ -1416,16 +1414,16 @@ function checkImage(paint, drawImage, ui, canvas, renderOptions) {
1416
1414
  PaintImage.drawImage(paint, scaleX, scaleY, ui, canvas, renderOptions);
1417
1415
  return true;
1418
1416
  } else {
1419
- if (!paint.style || paint.sync || exporting) PaintImage.createPattern(paint, ui, canvas, renderOptions); else PaintImage.createPatternTask(paint, ui, canvas, renderOptions);
1417
+ if (!paint.style || originPaint.sync || exporting) PaintImage.createPattern(paint, ui, canvas, renderOptions); else PaintImage.createPatternTask(paint, ui, canvas, renderOptions);
1420
1418
  return false;
1421
1419
  }
1422
1420
  }
1423
1421
  }
1424
1422
 
1425
1423
  function drawImage(paint, _imageScaleX, _imageScaleY, ui, canvas, _renderOptions) {
1426
- const {data: data, image: image, blendMode: blendMode} = paint, {opacity: opacity, transform: transform} = data, view = image.getFull(data.filters), u = ui.__;
1424
+ const {data: data, image: image} = paint, {blendMode: blendMode} = paint.originPaint, {opacity: opacity, transform: transform} = data, view = image.getFull(data.filters), u = ui.__;
1427
1425
  let {width: width, height: height} = image, clipUI;
1428
- if (transform && !transform.onlyScale || (clipUI = u.path || u.cornerRadius) || opacity || blendMode) {
1426
+ if ((clipUI = transform && !transform.onlyScale || u.path || u.cornerRadius) || opacity || blendMode) {
1429
1427
  canvas.save();
1430
1428
  clipUI && canvas.clipUI(ui);
1431
1429
  blendMode && (canvas.blendMode = blendMode);
@@ -1440,7 +1438,7 @@ function drawImage(paint, _imageScaleX, _imageScaleY, ui, canvas, _renderOptions
1440
1438
  }
1441
1439
 
1442
1440
  function getImageRenderScaleData(paint, ui, canvas, _renderOptions) {
1443
- const scaleData = ui.getRenderScaleData(true, paint.scaleFixed), {data: data} = paint;
1441
+ const scaleData = ui.getRenderScaleData(true, paint.originPaint.scaleFixed), {data: data} = paint;
1444
1442
  if (canvas) {
1445
1443
  const {pixelRatio: pixelRatio} = canvas;
1446
1444
  scaleData.scaleX *= pixelRatio;
@@ -1,2 +1,2 @@
1
- import{LeaferCanvasBase as t,Platform as e,canvasPatch as s,FileHelper as a,Creator as i,LeaferImage as n,defineKey as r,LeafList as o,DataHelper as l,RenderEvent as d,ChildEvent as c,WatchEvent as h,PropertyEvent as u,LeafHelper as f,BranchHelper as g,LeafBoundsHelper as p,Bounds as _,isArray as w,Debug as m,LeafLevelList as y,LayoutEvent as x,Run as v,ImageManager as S,ResizeEvent as b,isObject as k,BoundsHelper as B,FourNumberHelper as R,Matrix as E,isUndefined as T,isString as A,ImageEvent as L,MatrixHelper as O,MathHelper as M,AlignHelper as W,PointHelper as C,getMatrixData as D,AroundHelper as P,Direction4 as I,isNumber as F}from"@leafer/core";export*from"@leafer/core";export{LeaferImage}from"@leafer/core";import{Paint as Y,PaintImage as X,ColorConvert as U,PaintGradient as G,Effect as z,Group as q,TextConvert as N}from"@leafer-ui/draw";export*from"@leafer-ui/draw";class j extends t{get allowBackgroundColor(){return!0}init(){this.__createView(),this.__createContext(),this.resize(this.config)}__createView(){this.view=e.origin.createCanvas(1,1)}updateViewSize(){const{width:t,height:e,pixelRatio:s}=this;this.view.width=Math.ceil(t*s),this.view.height=Math.ceil(e*s),this.clientBounds=this.bounds}}s(OffscreenCanvasRenderingContext2D.prototype),s(Path2D.prototype);const{mineType:H}=a;function V(t,s){e.origin={createCanvas:(t,e)=>new OffscreenCanvas(t,e),canvasToDataURL:(t,e,s)=>new Promise((a,i)=>{t.convertToBlob({type:H(e),quality:s}).then(t=>{var e=new FileReader;e.onload=t=>a(t.target.result),e.onerror=t=>i(t),e.readAsDataURL(t)}).catch(t=>{i(t)})}),canvasToBolb:(t,e,s)=>t.convertToBlob({type:H(e),quality:s}),canvasSaveAs:(t,e,s)=>new Promise(t=>t()),download(t,e){},loadImage:t=>new Promise((s,a)=>{let i=new XMLHttpRequest;i.open("GET",e.image.getRealURL(t),!0),i.responseType="blob",i.onload=()=>{createImageBitmap(i.response).then(t=>{s(t)}).catch(t=>{a(t)})},i.onerror=t=>a(t),i.send()})},e.canvas=i.canvas(),e.conicGradientSupport=!!e.canvas.context.createConicGradient}Object.assign(i,{canvas:(t,e)=>new j(t,e),image:t=>new n(t)}),e.name="web",e.isWorker=!0,e.backgrounder=!0,e.requestRender=function(t){requestAnimationFrame(t)},r(e,"devicePixelRatio",{get:()=>1});const{userAgent:Q}=navigator;Q.indexOf("Firefox")>-1?(e.conicGradientRotate90=!0,e.intWheelDeltaY=!0):(/iPhone|iPad|iPod/.test(navigator.userAgent)||/Macintosh/.test(navigator.userAgent)&&/Version\/[\d.]+.*Safari/.test(navigator.userAgent))&&(e.fullImageShadow=!0),Q.indexOf("Windows")>-1?(e.os="Windows",e.intWheelDeltaY=!0):Q.indexOf("Mac")>-1?e.os="Mac":Q.indexOf("Linux")>-1&&(e.os="Linux");class Z{get childrenChanged(){return this.hasAdd||this.hasRemove||this.hasVisible}get updatedList(){if(this.hasRemove){const t=new o;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 o,this.target=t,e&&(this.config=l.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(d.REQUEST)}__onAttrChange(t){this.__updatedList.add(t.target),this.update()}__onChildEvent(t){t.type===c.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,s=e.length;t<s;t++)this.__pushChild(e[t])}__onRquestData(){this.target.emitEvent(new h(h.DATA,{updatedList:this.updatedList})),this.__updatedList=new o,this.totalTimes++,this.changed=this.hasVisible=this.hasRemove=this.hasAdd=!1}__listenEvents(){this.__eventIds=[this.target.on_([[u.CHANGE,this.__onAttrChange,this],[[c.ADD,c.REMOVE],this.__onChildEvent,this],[h.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}=f,{pushAllChildBranch:tt,pushAllParent:et}=g;const{worldBounds:st}=p;class at{constructor(t){this.updatedBounds=new _,this.beforeBounds=new _,this.afterBounds=new _,w(t)&&(t=new o(t)),this.updatedList=t}setBefore(){this.beforeBounds.setListWithFn(this.updatedList.list,st)}setAfter(){this.afterBounds.setListWithFn(this.updatedList.list,st),this.updatedBounds.setList([this.beforeBounds,this.afterBounds])}merge(t){this.updatedList.addList(t.updatedList.list),this.beforeBounds.add(t.beforeBounds),this.afterBounds.add(t.afterBounds),this.updatedBounds.add(t.updatedBounds)}destroy(){this.updatedList=null}}const{updateAllMatrix:it,updateAllChange:nt}=f,rt=m.get("Layouter");class ot{constructor(t,e){this.totalTimes=0,this.config={},this.__levelList=new y,this.target=t,e&&(this.config=l.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(x.START),this.layoutOnce(),t.emitEvent(new x(x.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(h.REQUEST),this.totalTimes>1?this.partLayout():this.fullLayout(),this.layouting=!1,void(this.waitAgain&&(this.waitAgain=!1,this.layoutOnce())))}partLayout(){var t;if(!(null===(t=this.__updatedList)||void 0===t?void 0:t.length))return;const e=v.start("PartLayout"),{target:s,__updatedList:a}=this,{BEFORE:i,LAYOUT:n,AFTER:r}=x,o=this.getBlocks(a);o.forEach(t=>t.setBefore()),s.emitEvent(new x(i,o,this.times)),this.extraBlock=null,a.sort(),function(t,e){let s;t.list.forEach(t=>{s=t.__layout,e.without(t)&&!s.proxyZoom&&(s.matrixChanged?($(t,!0),e.add(t),t.isBranch&&tt(t,e),et(t,e)):s.boundsChanged&&(e.add(t),t.isBranch&&(t.__tempNumber=0),et(t,e)))})}(a,this.__levelList),function(t){let e,s,a;t.sort(!0),t.levels.forEach(i=>{e=t.levelMap[i];for(let t=0,i=e.length;t<i;t++){if(s=e[t],s.isBranch&&s.__tempNumber){a=s.children;for(let t=0,e=a.length;t<e;t++)a[t].isBranch||J(a[t])}J(s)}})}(this.__levelList),function(t){t.list.forEach(K)}(a),this.extraBlock&&o.push(this.extraBlock),o.forEach(t=>t.setAfter()),s.emitEvent(new x(n,o,this.times)),s.emitEvent(new x(r,o,this.times)),this.addBlocks(o),this.__levelList.reset(),this.__updatedList=null,v.end(e)}fullLayout(){const t=v.start("FullLayout"),{target:e}=this,{BEFORE:s,LAYOUT:a,AFTER:i}=x,n=this.getBlocks(new o(e));e.emitEvent(new x(s,n,this.times)),ot.fullLayout(e),n.forEach(t=>{t.setAfter()}),e.emitEvent(new x(a,n,this.times)),e.emitEvent(new x(i,n,this.times)),this.addBlocks(n),v.end(t)}static fullLayout(t){it(t,!0),t.isBranch?g.updateBounds(t):f.updateBounds(t),nt(t)}addExtra(t){if(!this.__updatedList.has(t)){const{updatedList:e,beforeBounds:s}=this.extraBlock||(this.extraBlock=new at([]));e.length?s.add(t.__world):s.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_([[x.REQUEST,this.layout,this],[x.AGAIN,this.layoutAgain,this],[h.DATA,this.__onReceiveWatchData,this]])]}__removeListenEvents(){this.target.off_(this.__eventIds)}destroy(){this.target&&(this.stop(),this.__removeListenEvents(),this.target=this.config=null)}}const lt=m.get("Renderer");class dt{get needFill(){return!(this.canvas.allowBackgroundColor||!this.config.fill)}constructor(t,e,s){this.FPS=60,this.totalTimes=0,this.times=0,this.config={usePartRender:!0,maxFPS:120},this.frames=[],this.target=t,this.canvas=e,s&&(this.config=l.default(s,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(x.REQUEST)}checkRender(){if(this.running){const{target:t}=this;t.isApp&&(t.emit(d.CHILD_START,t),t.children.forEach(t=>{t.renderer.FPS=this.FPS,t.renderer.checkRender()}),t.emit(d.CHILD_END,t)),this.changed&&this.canvas.view&&this.render(),this.target.emit(d.NEXT)}}render(t){if(!this.running||!this.canvas.view)return this.update();const{target:e}=this;this.times=0,this.totalBounds=new _,lt.log(e.innerName,"---\x3e");try{this.emitRender(d.START),this.renderOnce(t),this.emitRender(d.END,this.totalBounds),S.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 _,this.renderOptions={},t)this.emitRender(d.BEFORE),t();else{if(this.requestLayout(),this.ignore)return void(this.ignore=this.rendering=!1);this.emitRender(d.BEFORE),this.config.usePartRender&&this.totalTimes>1?this.partRender():this.fullRender()}this.emitRender(d.RENDER,this.renderBounds,this.renderOptions),this.emitRender(d.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=v.start("PartRender"),{canvas:s}=this,a=t.getIntersect(s.bounds),i=new _(a);s.save(),a.spread(dt.clipSpread).ceil(),s.clearWorld(a),s.clipWorld(a),this.__render(a,i),s.restore(),v.end(e)}fullRender(){const t=v.start("FullRender"),{canvas:e}=this;e.save(),e.clear(),this.__render(e.bounds),e.restore(),v.end(t)}__render(t,s){const{canvas:a}=this,i=t.includes(this.target.__world),n=i?{includes:i}:{bounds:t,includes:i};this.needFill&&a.fillWorld(t,this.config.fill),m.showRepaint&&m.drawRepaint(a,t),e.render(this.target,a,n),this.renderBounds=s=s||t,this.renderOptions=n,this.totalBounds.isEmpty()?this.totalBounds=s:this.totalBounds.add(s),a.updateRender(s)}addBlock(t){this.updateBlocks||(this.updateBlocks=[]),this.updateBlocks.push(t)}mergeBlocks(){const{updateBlocks:t}=this;if(t){const e=new _;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 s=()=>{const t=1e3/((this.frameTime=Date.now())-this.requestTime),{maxFPS:a}=this.config;if(a&&t>a)return e.requestRender(s);const{frames:i}=this;i.length>30&&i.shift(),i.push(t),this.FPS=Math.round(i.reduce((t,e)=>t+e,0)/i.length),this.requestTime=0,this.checkRender()};e.requestRender(s)}__onResize(t){if(!this.canvas.unreal){if(t.bigger||!t.samePixelRatio){const{width:e,height:s}=t.old;if(!new _(0,0,e,s).includes(this.target.__world)||this.needFill||!t.samePixelRatio)return this.addBlock(this.canvas.bounds),void this.target.forceUpdate("surface")}this.addBlock(new _(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||lt.tip(t.innerName,": empty"),e=!t.isBranch||t.isBranchLeaf),e)),this.addBlock(e?this.canvas.bounds:t.updatedBounds)})}emitRender(t,e,s){this.target.emitEvent(new d(t,this.times,e,s))}__listenEvents(){this.__eventIds=[this.target.on_([[d.REQUEST,this.update,this],[x.END,this.__onLayoutEnd,this],[d.AGAIN,this.renderAgain,this],[b.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 ct(t,e,s){t.__.__font?Y.fillText(t,e,s):t.__.windingRule?e.fill(t.__.windingRule):e.fill()}function ht(t,e,s,a,i){const n=s.__;k(t)?Y.drawStrokesStyle(t,e,!1,s,a,i):(a.setStroke(t,n.__strokeWidth*e,n),a.stroke()),n.__useArrow&&Y.strokeArrow(t,s,a,i)}function ut(t,e,s,a,i){const n=s.__;k(t)?Y.drawStrokesStyle(t,e,!0,s,a,i):(a.setStroke(t,n.__strokeWidth*e,n),Y.drawTextStroke(s,a,i))}function ft(t,e,s,a,i){const n=a.getSameCanvas(!0,!0);n.font=s.__.__font,ut(t,2,s,n,i),n.blendMode="outside"===e?"destination-out":"destination-in",Y.fillText(s,n,i),n.blendMode="normal",f.copyCanvasByWorld(s,a,n),n.recycle(s.__nowWorld)}dt.clipSpread=10,Object.assign(i,{watcher:(t,e)=>new Z(t,e),layouter:(t,e)=>new ot(t,e),renderer:(t,e,s)=>new dt(t,e,s),selector:(t,e)=>{},interaction:(t,e,s,a)=>{}}),e.layout=ot.fullLayout,e.render=function(t,e,s){const a=Object.assign(Object.assign({},s),{topRendering:!0});s.topList=new o,t.__render(e,s),s.topList.length&&s.topList.forEach(t=>t.__render(e,a))};const{getSpread:gt,copyAndSpread:pt,toOuterOf:_t,getOuterOf:wt,getByMove:mt,move:yt,getIntersectData:xt}=B,vt={};let St;const{stintSet:bt}=l,{hasTransparent:kt}=U;function Bt(t,e,s){if(!k(e)||!1===e.visible||0===e.opacity)return;let a;const{boxBounds:i}=s.__layout;switch(e.type){case"image":a=X.image(s,t,e,i,!St||!St[e.url]);break;case"linear":a=G.linearGradient(e,i);break;case"radial":a=G.radialGradient(e,i);break;case"angular":a=G.conicGradient(e,i);break;case"solid":const{type:n,color:r,opacity:o}=e;a={type:n,style:U.string(r,o)};break;default:T(e.r)||(a={type:"solid",style:U.string(e)})}if(a){if(A(a.style)&&kt(a.style)&&(a.isTransparent=!0),e.style){if(0===e.style.strokeWidth)return;a.strokeStyle=e.style}e.editing&&(a.editing=e.editing),e.blendMode&&(a.blendMode=e.blendMode)}return a}const Rt={compute:function(t,e){const s=e.__,a=[];let i,n,r,o=s.__input[t];w(o)||(o=[o]),St=X.recycleImage(t,s);for(let s,i=0,n=o.length;i<n;i++)(s=Bt(t,o[i],e))&&(a.push(s),s.strokeStyle&&(r||(r=1),s.strokeStyle.strokeWidth&&(r=Math.max(r,s.strokeStyle.strokeWidth))));s["_"+t]=a.length?a:void 0,a.length&&a.every(t=>t.isTransparent)&&(a.some(t=>t.image)&&(i=!0),n=!0),"fill"===t?(bt(s,"__isAlphaPixelFill",i),bt(s,"__isTransparentFill",n)):(bt(s,"__isAlphaPixelStroke",i),bt(s,"__isTransparentStroke",n),bt(s,"__hasMultiStrokeStyle",r))},fill:function(t,e,s,a){s.fillStyle=t,ct(e,s,a)},fills:function(t,e,s,a){let i;for(let n=0,r=t.length;n<r;n++){if(i=t[n],i.image){if(X.checkImage(i,!e.__.__font,e,s,a))continue;if(!i.style){!n&&i.image.isPlacehold&&e.drawImagePlaceholder(i.image,s,a);continue}}if(s.fillStyle=i.style,i.transform||i.scaleFixed){if(s.save(),i.transform&&s.transform(i.transform),i.scaleFixed){const{scaleX:t,scaleY:a}=e.getRenderScaleData(!0);(!0===i.scaleFixed||"zoom-in"===i.scaleFixed&&t>1&&a>1)&&s.scale(1/t,1/a)}i.blendMode&&(s.blendMode=i.blendMode),ct(e,s,a),s.restore()}else i.blendMode?(s.saveBlendMode(i.blendMode),ct(e,s,a),s.restoreBlendMode()):ct(e,s,a)}},fillPathOrText:ct,fillText:function(t,e,s){const a=t.__,{rows:i,decorationY:n}=a.__textDrawData;let r;a.__isPlacehold&&a.placeholderColor&&(e.fillStyle=a.placeholderColor);for(let t=0,s=i.length;t<s;t++)r=i[t],r.text?e.fillText(r.text,r.x,r.y):r.data&&r.data.forEach(t=>{e.fillText(t.char,t.x,r.y)});if(n){const{decorationColor:t,decorationHeight:s}=a.__textDrawData;t&&(e.fillStyle=t),i.forEach(t=>n.forEach(a=>e.fillRect(t.x,t.y+a,t.width,s)))}},stroke:function(t,e,s,a){const i=e.__;if(i.__strokeWidth)if(i.__font)Y.strokeText(t,e,s,a);else switch(i.strokeAlign){case"center":ht(t,1,e,s,a);break;case"inside":!function(t,e,s,a){s.save(),s.clipUI(e),ht(t,2,e,s,a),s.restore()}(t,e,s,a);break;case"outside":!function(t,e,s,a){const i=e.__;if(i.__fillAfterStroke)ht(t,2,e,s,a);else{const{renderBounds:n}=e.__layout,r=s.getSameCanvas(!0,!0);e.__drawRenderPath(r),ht(t,2,e,r,a),r.clipUI(i),r.clearWorld(n),f.copyCanvasByWorld(e,s,r),r.recycle(e.__nowWorld)}}(t,e,s,a)}},strokes:function(t,e,s,a){Y.stroke(t,e,s,a)},strokeText:function(t,e,s,a){switch(e.__.strokeAlign){case"center":ut(t,1,e,s,a);break;case"inside":ft(t,"inside",e,s,a);break;case"outside":e.__.__fillAfterStroke?ut(t,2,e,s,a):ft(t,"outside",e,s,a)}},drawTextStroke:function(t,e,s){let a,i=t.__.__textDrawData;const{rows:n,decorationY:r}=i;for(let t=0,s=n.length;t<s;t++)a=n[t],a.text?e.strokeText(a.text,a.x,a.y):a.data&&a.data.forEach(t=>{e.strokeText(t.char,t.x,a.y)});if(r){const{decorationHeight:t}=i;n.forEach(s=>r.forEach(a=>e.strokeRect(s.x,s.y+a,s.width,t)))}},drawStrokesStyle:function(t,e,s,a,i,n){let r;const o=a.__,{__hasMultiStrokeStyle:l}=o;l||i.setStroke(void 0,o.__strokeWidth*e,o);for(let d=0,c=t.length;d<c;d++)if(r=t[d],(!r.image||!X.checkImage(r,!1,a,i,n))&&r.style){if(l){const{strokeStyle:t}=r;t?i.setStroke(r.style,o.__getRealStrokeWidth(t)*e,o,t):i.setStroke(r.style,o.__strokeWidth*e,o)}else i.strokeStyle=r.style;r.blendMode?(i.saveBlendMode(r.blendMode),s?Y.drawTextStroke(a,i,n):i.stroke(),i.restoreBlendMode()):s?Y.drawTextStroke(a,i,n):i.stroke()}},shape:function(t,s,a){const i=s.getSameCanvas(),n=s.bounds,r=t.__nowWorld,o=t.__layout,l=t.__nowWorldShapeBounds||(t.__nowWorldShapeBounds={});let d,c,h,u,f,g;_t(o.strokeSpread?(pt(vt,o.boxBounds,o.strokeSpread),vt):o.boxBounds,r,l);let{scaleX:p,scaleY:_}=t.getRenderScaleData(!0);if(n.includes(l))g=i,d=f=l,c=r;else{let i;if(e.fullImageShadow)i=l;else{const t=o.renderShapeSpread?gt(n,R.swapAndScale(o.renderShapeSpread,p,_)):n;i=xt(t,l)}u=n.getFitMatrix(i);let{a:w,d:m}=u;u.a<1&&(g=s.getSameCanvas(),t.__renderShape(g,a),p*=w,_*=m),f=wt(l,u),d=mt(f,-u.e,-u.f),c=wt(r,u),yt(c,-u.e,-u.f);const y=a.matrix;y?(h=new E(u),h.multiply(y),w*=y.scaleX,m*=y.scaleY):h=u,h.withScale(w,m),a=Object.assign(Object.assign({},a),{matrix:h})}return t.__renderShape(i,a),{canvas:i,matrix:h,fitMatrix:u,bounds:d,renderBounds:c,worldCanvas:g,shapeBounds:f,scaleX:p,scaleY:_}}};let Et,Tt=new _;const{isSame:At}=B;function Lt(t,e,s,a,i,n){if("fill"===e&&!t.__.__naturalWidth){const e=t.__;if(e.__naturalWidth=a.width/e.pixelRatio,e.__naturalHeight=a.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||X.createData(i,a,s,n),!0}function Ot(t,e){Ct(t,L.LOAD,e)}function Mt(t,e){Ct(t,L.LOADED,e)}function Wt(t,e,s){e.error=s,t.forceUpdate("surface"),Ct(t,L.ERROR,e)}function Ct(t,e,s){t.hasEvent(e)&&t.emitEvent(new L(e,s))}function Dt(t,e){const{leafer:s}=t;s&&s.viewReady&&(s.renderer.ignore=e)}const{get:Pt,translate:It}=O,Ft=new _,Yt={},Xt={};function Ut(t,e,s,a){const i=A(t)||a?(a?s-a*e:s%e)/((a||Math.floor(s/e))-1):t;return"auto"===t&&i<0?0:i}let Gt={},zt=D();const{get:qt,set:Nt,rotateOfOuter:jt,translate:Ht,scaleOfOuter:Vt,multiplyParent:Qt,scale:Zt,rotate:$t,skew:Jt}=O;function Kt(t,e,s,a,i,n,r,o){r&&$t(t,r),o&&Jt(t,o.x,o.y),i&&Zt(t,i,n),Ht(t,e.x+s,e.y+a)}function te(t,e,s,a){return new(s||(s=Promise))(function(i,n){function r(t){try{l(a.next(t))}catch(t){n(t)}}function o(t){try{l(a.throw(t))}catch(t){n(t)}}function l(t){var e;t.done?i(t.value):(e=t.value,e instanceof s?e:new s(function(t){t(e)})).then(r,o)}l((a=a.apply(t,e||[])).next())})}"function"==typeof SuppressedError&&SuppressedError;const{get:ee,scale:se,copy:ae}=O,{getFloorScale:ie}=M,{abs:ne}=Math;const re={image:function(t,e,s,a,i){let n,r;const o=S.get(s);return Et&&s===Et.paint&&At(a,Et.boxBounds)?n=Et.leafPaint:(n={type:s.type,image:o},o.hasAlphaPixel&&(n.isTransparent=!0),Et=o.use>1?{leafPaint:n,paint:s,boxBounds:Tt.set(a)}:null),(i||o.loading)&&(r={image:o,attrName:e,attrValue:s}),o.ready?(Lt(t,e,s,o,n,a),i&&(Ot(t,r),Mt(t,r))):o.error?i&&Wt(t,r,o.error):(i&&(Dt(t,!0),Ot(t,r)),n.loadId=o.load(()=>{Dt(t,!1),t.destroyed||(Lt(t,e,s,o,n,a)&&(o.hasAlphaPixel&&(t.__layout.hitCanvasChanged=!0),t.forceUpdate("surface")),Mt(t,r)),n.loadId=void 0},e=>{Dt(t,!1),Wt(t,r,e),n.loadId=void 0}),t.placeholderColor&&(t.placeholderDelay?setTimeout(()=>{o.ready||(o.isPlacehold=!0,t.forceUpdate("surface"))},t.placeholderDelay):o.isPlacehold=!0)),n},checkImage:function(t,s,a,i,n){const{scaleX:r,scaleY:o}=X.getImageRenderScaleData(t,a,i,n),{image:l,data:d}=t,{exporting:c}=n;return!(!d||t.patternId===r+"-"+o&&!c)&&(s&&(d.repeat?s=!1:t.changeful||"miniapp"===e.name&&b.isResizing(a)||c||(s=e.image.isLarge(l,r,o))),s?(a.__.__isFastShadow&&(i.fillStyle=t.style||"#000",i.fill()),X.drawImage(t,r,o,a,i,n),!0):(!t.style||t.sync||c?X.createPattern(t,a,i,n):X.createPatternTask(t,a,i,n),!1))},drawImage:function(t,e,s,a,i,n){const{data:r,image:o,blendMode:l}=t,{opacity:d,transform:c}=r,h=o.getFull(r.filters),u=a.__;let f,{width:g,height:p}=o;c&&!c.onlyScale||(f=u.path||u.cornerRadius)||d||l?(i.save(),f&&i.clipUI(a),l&&(i.blendMode=l),d&&(i.opacity*=d),c&&i.transform(c),i.drawImage(h,0,0,g,p),i.restore()):(r.scaleX&&(g*=r.scaleX,p*=r.scaleY),i.drawImage(h,0,0,g,p))},getImageRenderScaleData:function(t,e,s,a){const i=e.getRenderScaleData(!0,t.scaleFixed),{data:n}=t;if(s){const{pixelRatio:t}=s;i.scaleX*=t,i.scaleY*=t}return n&&n.scaleX&&(i.scaleX*=Math.abs(n.scaleX),i.scaleY*=Math.abs(n.scaleY)),i},recycleImage:function(t,e){const s=e["_"+t];if(w(s)){let a,i,n,r,o;for(let l=0,d=s.length;l<d;l++)a=s[l],i=a.image,o=i&&i.url,o&&(n||(n={}),n[o]=!0,S.recycle(i),i.loading&&(r||(r=e.__input&&e.__input[t]||[],w(r)||(r=[r])),i.unload(s[l].loadId,!r.some(t=>t.url===o))));return n}return null},createPatternTask:function(t,e,s,a){t.patternTask||(t.patternTask=S.patternTasker.add(()=>te(this,void 0,void 0,function*(){t.patternTask=null,s.bounds.hit(e.__nowWorld)&&X.createPattern(t,e,s,a),e.forceUpdate("surface")}),300))},createPattern:function(t,s,a,i){let{scaleX:n,scaleY:r}=X.getImageRenderScaleData(t,s,a,i),o=n+"-"+r;if(t.patternId!==o&&!s.destroyed&&(!e.image.isLarge(t.image,n,r)||t.data.repeat)){const{image:a,data:i}=t,{transform:l,gap:d}=i,c=X.getPatternFixScale(t,n,r);let h,u,f,{width:g,height:p}=a;c&&(n*=c,r*=c),g*=n,p*=r,d&&(u=d.x*n/ne(i.scaleX||1),f=d.y*r/ne(i.scaleY||1)),(l||1!==n||1!==r)&&(n*=ie(g+(u||0)),r*=ie(p+(f||0)),h=ee(),l&&ae(h,l),se(h,1/n,1/r));const _=a.getCanvas(g,p,i.opacity,i.filters,u,f,s.leafer&&s.leafer.config.smooth),w=a.getPattern(_,i.repeat||e.origin.noRepeat||"no-repeat",h,t);t.style=w,t.patternId=o}},getPatternFixScale:function(t,s,a){const{image:i}=t;let n,r=e.image.maxPatternSize,o=i.width*i.height;return i.isSVG?s>1&&(n=Math.ceil(s)/s):r>o&&(r=o),(o*=s*a)>r&&(n=Math.sqrt(r/o)),n},createData:function(t,e,s,a){const{changeful:i,sync:n,scaleFixed:r}=s;i&&(t.changeful=i),n&&(t.sync=n),r&&(t.scaleFixed=r),t.data=X.getPatternData(s,a,e)},getPatternData:function(t,e,s){t.padding&&(e=Ft.set(e).shrink(t.padding)),"strench"===t.mode&&(t.mode="stretch");const{width:a,height:i}=s,{opacity:n,mode:r,align:o,offset:l,scale:d,size:c,rotation:h,skew:u,clipSize:f,repeat:g,gap:p,filters:_}=t,w=e.width===a&&e.height===i,m={mode:r},y="center"!==o&&(h||0)%180==90;let x,v;switch(B.set(Xt,0,0,y?i:a,y?a:i),r&&"cover"!==r&&"fit"!==r?((d||c)&&(M.getScaleData(d,c,s,Yt),x=Yt.scaleX,v=Yt.scaleY),(o||p||g)&&(x&&B.scale(Xt,x,v,!0),o&&W.toPoint(o,Xt,e,Xt,!0,!0))):w&&!h||(x=v=B.getFitScale(e,Xt,"fit"!==r),B.put(e,s,o,x,!1,Xt),B.scale(Xt,x,v,!0)),l&&C.move(Xt,l),r){case"stretch":w?x&&(x=v=void 0):(x=e.width/a,v=e.height/i,X.stretchMode(m,e,x,v));break;case"normal":case"clip":if(Xt.x||Xt.y||x||f||h||u){let t,s;f&&(t=e.width/f.width,s=e.height/f.height),X.clipMode(m,e,Xt.x,Xt.y,x,v,h,u,t,s),t&&(x=x?x*t:t,v=v?v*s:s)}break;case"repeat":(!w||x||h||u)&&X.repeatMode(m,e,a,i,Xt.x,Xt.y,x,v,h,u,o,t.freeTransform),g||(m.repeat="repeat");const s=k(g);(p||s)&&(m.gap=function(t,e,s,a,i){let n,r;k(t)?(n=t.x,r=t.y):n=r=t;return{x:Ut(n,s,i.width,e&&e.x),y:Ut(r,a,i.height,e&&e.y)}}(p,s&&g,Xt.width,Xt.height,e));break;default:x&&X.fillOrFitMode(m,e,Xt.x,Xt.y,x,v,h)}return m.transform||(e.x||e.y)&&It(m.transform=Pt(),e.x,e.y),x&&(m.scaleX=x,m.scaleY=v),n&&n<1&&(m.opacity=n),_&&(m.filters=_),g&&(m.repeat=A(g)?"x"===g?"repeat-x":"repeat-y":"repeat"),m},stretchMode:function(t,e,s,a){const i=qt(),{x:n,y:r}=e;n||r?Ht(i,n,r):i.onlyScale=!0,Zt(i,s,a),t.transform=i},fillOrFitMode:function(t,e,s,a,i,n,r){const o=qt();Ht(o,e.x+s,e.y+a),Zt(o,i,n),r&&jt(o,{x:e.x+e.width/2,y:e.y+e.height/2},r),t.transform=o},clipMode:function(t,e,s,a,i,n,r,o,l,d){const c=qt();Kt(c,e,s,a,i,n,r,o),l&&(r||o?(Nt(zt),Vt(zt,e,l,d),Qt(c,zt)):Vt(c,e,l,d)),t.transform=c},repeatMode:function(t,e,s,a,i,n,r,o,l,d,c,h){const u=qt();if(h)Kt(u,e,i,n,r,o,l,d);else{if(l)if("center"===c)jt(u,{x:s/2,y:a/2},l);else switch($t(u,l),l){case 90:Ht(u,a,0);break;case 180:Ht(u,s,a);break;case 270:Ht(u,0,s)}Gt.x=e.x+i,Gt.y=e.y+n,Ht(u,Gt.x,Gt.y),r&&Vt(u,Gt,r,o)}t.transform=u}},{toPoint:oe}=P,{hasTransparent:le}=U,de={},ce={};function he(t,e,s,a){if(s){let i,n,r,o;for(let t=0,l=s.length;t<l;t++)i=s[t],A(i)?(r=t/(l-1),n=U.string(i,a)):(r=i.offset,n=U.string(i.color,a)),e.addColorStop(r,n),!o&&le(n)&&(o=!0);o&&(t.isTransparent=!0)}}const{getAngle:ue,getDistance:fe}=C,{get:ge,rotateOfOuter:pe,scaleOfOuter:_e}=O,{toPoint:we}=P,me={},ye={};function xe(t,e,s,a,i){let n;const{width:r,height:o}=t;if(r!==o||a){const t=ue(e,s);n=ge(),i?(_e(n,e,r/o*(a||1),1),pe(n,e,t+90)):(_e(n,e,1,r/o*(a||1)),pe(n,e,t))}return n}const{getDistance:ve}=C,{toPoint:Se}=P,be={},ke={};const Be={linearGradient:function(t,s){let{from:a,to:i,type:n,opacity:r}=t;oe(a||"top",s,de),oe(i||"bottom",s,ce);const o=e.canvas.createLinearGradient(de.x,de.y,ce.x,ce.y),l={type:n,style:o};return he(l,o,t.stops,r),l},radialGradient:function(t,s){let{from:a,to:i,type:n,opacity:r,stretch:o}=t;we(a||"center",s,me),we(i||"bottom",s,ye);const l=e.canvas.createRadialGradient(me.x,me.y,0,me.x,me.y,fe(me,ye)),d={type:n,style:l};he(d,l,t.stops,r);const c=xe(s,me,ye,o,!0);return c&&(d.transform=c),d},conicGradient:function(t,s){let{from:a,to:i,type:n,opacity:r,stretch:o}=t;Se(a||"center",s,be),Se(i||"bottom",s,ke);const l=e.conicGradientSupport?e.canvas.createConicGradient(0,be.x,be.y):e.canvas.createRadialGradient(be.x,be.y,0,be.x,be.y,ve(be,ke)),d={type:n,style:l};he(d,l,t.stops,r);const c=xe(s,be,ke,o||1,e.conicGradientRotate90);return c&&(d.transform=c),d},getTransform:xe},{copy:Re,move:Ee,toOffsetOutBounds:Te}=B,{max:Ae,abs:Le}=Math,Oe={},Me=new E,We={};function Ce(t,e){let s,a,i,n,r=0,o=0,l=0,d=0;return e.forEach(t=>{s=t.x||0,a=t.y||0,n=1.5*(t.blur||0),i=Le(t.spread||0),r=Ae(r,i+n-a),o=Ae(o,i+n+s),l=Ae(l,i+n+a),d=Ae(d,i+n-s)}),r===o&&o===l&&l===d?r:[r,o,l,d]}function De(t,s,a){const{shapeBounds:i}=a;let n,r;e.fullImageShadow?(Re(Oe,t.bounds),Ee(Oe,s.x-i.x,s.y-i.y),n=t.bounds,r=Oe):(n=i,r=s),t.copyWorld(a.canvas,n,r)}const{toOffsetOutBounds:Pe}=B,Ie={};const Fe=Ce;const Ye={shadow:function(t,e,s){let a,i;const{__nowWorld:n}=t,{shadow:r}=t.__,{worldCanvas:o,bounds:l,renderBounds:d,shapeBounds:c,scaleX:h,scaleY:u}=s,g=e.getSameCanvas(),p=r.length-1;Te(l,We,d),r.forEach((r,_)=>{let w=1;if(r.scaleFixed){const t=Math.abs(n.scaleX);t>1&&(w=1/t)}g.setWorldShadow(We.offsetX+(r.x||0)*h*w,We.offsetY+(r.y||0)*u*w,(r.blur||0)*h*w,U.string(r.color)),i=z.getShadowTransform(t,g,s,r,We,w),i&&g.setTransform(i),De(g,We,s),i&&g.resetTransform(),a=d,r.box&&(g.restore(),g.save(),o&&(g.copyWorld(g,d,n,"copy"),a=n),o?g.copyWorld(o,n,n,"destination-out"):g.copyWorld(s.canvas,c,l,"destination-out")),f.copyCanvasByWorld(t,e,g,a,r.blendMode),p&&_<p&&g.clearWorld(a)}),g.recycle(a)},innerShadow:function(t,e,s){let a,i;const{__nowWorld:n}=t,{innerShadow:r}=t.__,{worldCanvas:o,bounds:l,renderBounds:d,shapeBounds:c,scaleX:h,scaleY:u}=s,g=e.getSameCanvas(),p=r.length-1;Pe(l,Ie,d),r.forEach((r,_)=>{let w=1;if(r.scaleFixed){const t=Math.abs(n.scaleX);t>1&&(w=1/t)}g.save(),g.setWorldShadow(Ie.offsetX+(r.x||0)*h*w,Ie.offsetY+(r.y||0)*u*w,(r.blur||0)*h*w),i=z.getShadowTransform(t,g,s,r,Ie,w,!0),i&&g.setTransform(i),De(g,Ie,s),g.restore(),o?(g.copyWorld(g,d,n,"copy"),g.copyWorld(o,n,n,"source-out"),a=n):(g.copyWorld(s.canvas,c,l,"source-out"),a=d),g.fillWorld(a,U.string(r.color),"source-in"),f.copyCanvasByWorld(t,e,g,a,r.blendMode),p&&_<p&&g.clearWorld(a)}),g.recycle(a)},blur:function(t,e,s){const{blur:a}=t.__;s.setWorldBlur(a*t.__nowWorld.a),s.copyWorldToInner(e,t.__nowWorld,t.__layout.renderBounds),s.filter="none"},backgroundBlur:function(t,e,s){},getShadowRenderSpread:Ce,getShadowTransform:function(t,e,s,a,i,n,r){if(a.spread){const s=2*a.spread*n*(r?-1:1),{width:o,height:l}=t.__layout.strokeBounds;return Me.set().scaleOfOuter({x:(i.x+i.width/2)*e.pixelRatio,y:(i.y+i.height/2)*e.pixelRatio},1+s/o,1+s/l),Me}},isTransformShadow(t){},getInnerShadowSpread:Fe},{excludeRenderBounds:Xe}=p;let Ue;function Ge(t,e,s,a,i,n,r,o){switch(e){case"grayscale":Ue||(Ue=!0,i.useGrayscaleAlpha(t.__nowWorld));case"alpha":!function(t,e,s,a,i,n){const r=t.__nowWorld;s.resetTransform(),s.opacity=1,s.useMask(a,r),n&&a.recycle(r);qe(t,e,s,1,i,n)}(t,s,a,i,r,o);break;case"opacity-path":qe(t,s,a,n,r,o);break;case"path":o&&s.restore()}}function ze(t){return t.getSameCanvas(!1,!0)}function qe(t,e,s,a,i,n){const r=t.__nowWorld;e.resetTransform(),e.opacity=a,e.copyWorld(s,r,void 0,i),n?s.recycle(r):s.clearWorld(r)}q.prototype.__renderMask=function(t,e){let s,a,i,n,r,o;const{children:l}=this;for(let d=0,c=l.length;d<c;d++){if(s=l[d],o=s.__.mask,o){r&&(Ge(this,r,t,i,a,n,void 0,!0),a=i=null),"clipping"!==o&&"clipping-path"!==o||Xe(s,e)||s.__render(t,e),n=s.__.opacity,Ue=!1,"path"===o||"clipping-path"===o?(n<1?(r="opacity-path",i||(i=ze(t))):(r="path",t.save()),s.__clip(i||t,e)):(r="grayscale"===o?"grayscale":"alpha",a||(a=ze(t)),i||(i=ze(t)),s.__render(a,e));continue}const c=1===n&&s.__.__blendMode;c&&Ge(this,r,t,i,a,n,void 0,!1),Xe(s,e)||s.__render(i||t,e),c&&Ge(this,r,t,i,a,n,c,!1)}Ge(this,r,t,i,a,n,void 0,!0)};const Ne=">)]}%!?,.:;'\"》)」〉』〗】〕}┐>’”!?,、。:;‰",je=Ne+"_#~&*+\\=|≮≯≈≠=…",He=new RegExp([[19968,40959],[13312,19903],[131072,173791],[173824,177983],[177984,178207],[178208,183983],[183984,191471],[196608,201551],[201552,205743],[11904,12031],[12032,12255],[12272,12287],[12288,12351],[12736,12783],[12800,13055],[13056,13311],[63744,64255],[65072,65103],[127488,127743],[194560,195103]].map(([t,e])=>`[\\u${t.toString(16)}-\\u${e.toString(16)}]`).join("|"));function Ve(t){const e={};return t.split("").forEach(t=>e[t]=!0),e}const Qe=Ve("ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyz"),Ze=Ve("{[(<'\"《(「〈『〖【〔{┌<‘“=¥¥$€££¢¢"),$e=Ve(Ne),Je=Ve(je),Ke=Ve("- —/~|┆·");var ts;!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"}(ts||(ts={}));const{Letter:es,Single:ss,Before:as,After:is,Symbol:ns,Break:rs}=ts;function os(t){return Qe[t]?es:Ke[t]?rs:Ze[t]?as:$e[t]?is:Je[t]?ns:He.test(t)?ss:es}const ls={trimRight(t){const{words:e}=t;let s,a=0,i=e.length;for(let n=i-1;n>-1&&(s=e[n].data[0]," "===s.char);n--)a++,t.width-=s.width;a&&e.splice(i-a,a)}};function ds(t,e,s){switch(e){case"title":return s?t.toUpperCase():t;case"upper":return t.toUpperCase();case"lower":return t.toLowerCase();default:return t}}const{trimRight:cs}=ls,{Letter:hs,Single:us,Before:fs,After:gs,Symbol:ps,Break:_s}=ts;let ws,ms,ys,xs,vs,Ss,bs,ks,Bs,Rs,Es,Ts,As,Ls,Os,Ms,Ws,Cs=[];function Ds(t,e){Bs&&!ks&&(ks=Bs),ws.data.push({char:t,width:e}),ys+=e}function Ps(){xs+=ys,ws.width=ys,ms.words.push(ws),ws={data:[]},ys=0}function Is(){Ls&&(Os.paraNumber++,ms.paraStart=!0,Ls=!1),Bs&&(ms.startCharSize=ks,ms.endCharSize=Bs,ks=0),ms.width=xs,Ms.width?cs(ms):Ws&&Fs(),Cs.push(ms),ms={words:[]},xs=0}function Fs(){xs>(Os.maxWidth||0)&&(Os.maxWidth=xs)}const{top:Ys,right:Xs,bottom:Us,left:Gs}=I;function zs(t,e,s){const{bounds:a,rows:i}=t;a[e]+=s;for(let t=0;t<i.length;t++)i[t][e]+=s}const qs={getDrawData:function(t,s){A(t)||(t=String(t));let a=0,i=0,n=s.__getInput("width")||0,r=s.__getInput("height")||0;const{__padding:o}=s;o&&(n?(a=o[Gs],n-=o[Xs]+o[Gs],!n&&(n=.01)):s.autoSizeAlign||(a=o[Gs]),r?(i=o[Ys],r-=o[Ys]+o[Us],!r&&(r=.01)):s.autoSizeAlign||(i=o[Ys]));const l={bounds:{x:a,y:i,width:n,height:r},rows:[],paraNumber:0,font:e.canvas.font=s.__font};return function(t,s,a){Os=t,Cs=t.rows,Ms=t.bounds,Ws=!Ms.width&&!a.autoSizeAlign;const{__letterSpacing:i,paraIndent:n,textCase:r}=a,{canvas:o}=e,{width:l}=Ms;if(a.__isCharMode){const t="none"!==a.textWrap,e="break"===a.textWrap;Ls=!0,Es=null,ks=bs=Bs=ys=xs=0,ws={data:[]},ms={words:[]},i&&(s=[...s]);for(let a=0,d=s.length;a<d;a++)Ss=s[a],"\n"===Ss?(ys&&Ps(),ms.paraEnd=!0,Is(),Ls=!0):(Rs=os(Ss),Rs===hs&&"none"!==r&&(Ss=ds(Ss,r,!ys)),bs=o.measureText(Ss).width,i&&(i<0&&(Bs=bs),bs+=i),Ts=Rs===us&&(Es===us||Es===hs)||Es===us&&Rs!==gs,As=!(Rs!==fs&&Rs!==us||Es!==ps&&Es!==gs),vs=Ls&&n?l-n:l,t&&l&&xs+ys+bs>vs&&(e?(ys&&Ps(),xs&&Is()):(As||(As=Rs===hs&&Es==gs),Ts||As||Rs===_s||Rs===fs||Rs===us||ys+bs>vs?(ys&&Ps(),xs&&Is()):xs&&Is()))," "===Ss&&!0!==Ls&&xs+ys===0||(Rs===_s?(" "===Ss&&ys&&Ps(),Ds(Ss,bs),Ps()):Ts||As?(ys&&Ps(),Ds(Ss,bs)):Ds(Ss,bs)),Es=Rs);ys&&Ps(),xs&&Is(),Cs.length>0&&(Cs[Cs.length-1].paraEnd=!0)}else s.split("\n").forEach(t=>{Os.paraNumber++,xs=o.measureText(t).width,Cs.push({x:n||0,text:t,width:xs,paraStart:!0}),Ws&&Fs()})}(l,t,s),o&&function(t,e,s,a,i){if(!a&&s.autoSizeAlign)switch(s.textAlign){case"left":zs(e,"x",t[Gs]);break;case"right":zs(e,"x",-t[Xs])}if(!i&&s.autoSizeAlign)switch(s.verticalAlign){case"top":zs(e,"y",t[Ys]);break;case"bottom":zs(e,"y",-t[Us])}}(o,l,s,n,r),function(t,e){const{rows:s,bounds:a}=t,i=s.length,{__lineHeight:n,__baseLine:r,__letterSpacing:o,__clipText:l,textAlign:d,verticalAlign:c,paraSpacing:h,autoSizeAlign:u}=e;let{x:f,y:g,width:p,height:_}=a,w=n*i+(h?h*(t.paraNumber-1):0),m=r;if(l&&w>_)w=Math.max(_,n),i>1&&(t.overflow=i);else if(_||u)switch(c){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,c=i;r<c;r++){if(y=s[r],y.x=f,y.width<p||y.width>p&&!l)switch(d){case"center":y.x+=(S-y.width)/2;break;case"right":y.x+=S-y.width}y.paraStart&&h&&r>0&&(m+=h),y.y=m,m+=n,t.overflow>r&&m>w&&(y.isOverflow=!0,t.overflow=r+1),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<a.x&&(a.x=x),v>a.width&&(a.width=v),l&&p&&p<v&&(y.isOverflow=!0,t.overflow||(t.overflow=s.length))}a.y=g,a.height=w}(l,s),s.__isCharMode&&function(t,e,s){const{rows:a}=t,{textAlign:i,paraIndent:n,letterSpacing:r}=e,o=s&&i.includes("both"),l=o||s&&i.includes("justify"),d=l&&i.includes("letter");let c,h,u,f,g,p,_,w,m,y;a.forEach(t=>{t.words&&(g=n&&t.paraStart?n:0,w=t.words.length,l&&(y=!t.paraEnd||o,h=s-t.width-g,d?f=h/(t.words.reduce((t,e)=>t+e.data.length,0)-1):u=w>1?h/(w-1):0),p=r||t.isOverflow||d?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,c=t.x,t.data=[],t.words.forEach((e,s)=>{1===p?(_={char:"",x:c},c=function(t,e,s){return t.forEach(t=>{s.char+=t.char,e+=t.width}),e}(e.data,c,_),(t.isOverflow||" "!==_.char)&&t.data.push(_)):c=function(t,e,s,a,i){return t.forEach(t=>{(a||" "!==t.char)&&(t.x=e,s.push(t)),e+=t.width,i&&(e+=i)}),e}(e.data,c,t.data,t.isOverflow,y&&f),y&&(m=s===w-1,u?m||(c+=u,t.width+=u):f&&(t.width+=f*(e.data.length-(m?1:0))))})),t.words=null)})}(l,s,n),l.overflow&&function(t,s,a,i){if(!i)return;const{rows:n,overflow:r}=t;let{textOverflow:o}=s;if(n.splice(r),o&&"show"!==o){let t,l;"hide"===o?o="":"ellipsis"===o&&(o="...");const d=o?e.canvas.measureText(o).width:0,c=a+i-d;("none"===s.textWrap?n:[n[r-1]]).forEach(e=>{if(e.isOverflow&&e.data){let s=e.data.length-1;for(let a=s;a>-1&&(t=e.data[a],l=t.x+t.width,!(a===s&&l<c));a--){if(l<c&&" "!==t.char||!a){e.data.splice(a+1),e.width-=t.width;break}e.width-=t.width}e.width+=d,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)}})}}(l,s,a,n),"none"!==s.textDecoration&&function(t,e){let s,a=0;const{fontSize:i,textDecoration:n}=e;switch(t.decorationHeight=i/11,k(n)?(s=n.type,n.color&&(t.decorationColor=U.string(n.color)),n.offset&&(a=Math.min(.3*i,Math.max(n.offset,.15*-i)))):s=n,s){case"under":t.decorationY=[.15*i+a];break;case"delete":t.decorationY=[.35*-i];break;case"under-delete":t.decorationY=[.15*i+a,.35*-i]}}(l,s),l}};const Ns={string:function(t,e){if(!t)return"#000";const s=F(e)&&e<1;if(A(t)){if(!s||!U.object)return t;t=U.object(t)}let a=T(t.a)?1:t.a;s&&(a*=e);const i=t.r+","+t.g+","+t.b;return 1===a?"rgb("+i+")":"rgba("+i+","+a+")"}};Object.assign(N,qs),Object.assign(U,Ns),Object.assign(Y,Rt),Object.assign(X,re),Object.assign(G,Be),Object.assign(z,Ye),V();export{ot as Layouter,j as LeaferCanvas,dt as Renderer,Z as Watcher,V as useCanvas};
1
+ import{LeaferCanvasBase as t,Platform as e,canvasPatch as a,FileHelper as s,Creator as i,LeaferImage as n,defineKey as r,LeafList as o,DataHelper as l,RenderEvent as d,ChildEvent as c,WatchEvent as h,PropertyEvent as u,LeafHelper as f,BranchHelper as g,LeafBoundsHelper as p,Bounds as _,isArray as w,Debug as m,LeafLevelList as y,LayoutEvent as x,Run as v,ImageManager as S,ResizeEvent as b,isObject as k,BoundsHelper as B,FourNumberHelper as R,Matrix as E,isUndefined as T,isString as A,ImageEvent as L,MatrixHelper as O,MathHelper as W,AlignHelper as M,PointHelper as P,getMatrixData as C,AroundHelper as D,Direction4 as I,isNumber as F}from"@leafer/core";export*from"@leafer/core";export{LeaferImage}from"@leafer/core";import{Paint as Y,PaintImage as X,ColorConvert as U,PaintGradient as G,Effect as z,Group as q,TextConvert as N}from"@leafer-ui/draw";export*from"@leafer-ui/draw";class j extends t{get allowBackgroundColor(){return!0}init(){this.__createView(),this.__createContext(),this.resize(this.config)}__createView(){this.view=e.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}}a(OffscreenCanvasRenderingContext2D.prototype),a(Path2D.prototype);const{mineType:H}=s;function V(t,a){e.origin={createCanvas:(t,e)=>new OffscreenCanvas(t,e),canvasToDataURL:(t,e,a)=>new Promise((s,i)=>{t.convertToBlob({type:H(e),quality:a}).then(t=>{var e=new FileReader;e.onload=t=>s(t.target.result),e.onerror=t=>i(t),e.readAsDataURL(t)}).catch(t=>{i(t)})}),canvasToBolb:(t,e,a)=>t.convertToBlob({type:H(e),quality:a}),canvasSaveAs:(t,e,a)=>new Promise(t=>t()),download(t,e){},loadImage:t=>new Promise((a,s)=>{let i=new XMLHttpRequest;i.open("GET",e.image.getRealURL(t),!0),i.responseType="blob",i.onload=()=>{createImageBitmap(i.response).then(t=>{a(t)}).catch(t=>{s(t)})},i.onerror=t=>s(t),i.send()})},e.canvas=i.canvas(),e.conicGradientSupport=!!e.canvas.context.createConicGradient}Object.assign(i,{canvas:(t,e)=>new j(t,e),image:t=>new n(t)}),e.name="web",e.isWorker=!0,e.backgrounder=!0,e.requestRender=function(t){requestAnimationFrame(t)},r(e,"devicePixelRatio",{get:()=>1});const{userAgent:Q}=navigator;Q.indexOf("Firefox")>-1?(e.conicGradientRotate90=!0,e.intWheelDeltaY=!0):(/iPhone|iPad|iPod/.test(navigator.userAgent)||/Macintosh/.test(navigator.userAgent)&&/Version\/[\d.]+.*Safari/.test(navigator.userAgent))&&(e.fullImageShadow=!0),Q.indexOf("Windows")>-1?(e.os="Windows",e.intWheelDeltaY=!0):Q.indexOf("Mac")>-1?e.os="Mac":Q.indexOf("Linux")>-1&&(e.os="Linux");class Z{get childrenChanged(){return this.hasAdd||this.hasRemove||this.hasVisible}get updatedList(){if(this.hasRemove){const t=new o;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 o,this.target=t,e&&(this.config=l.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(d.REQUEST)}__onAttrChange(t){this.__updatedList.add(t.target),this.update()}__onChildEvent(t){t.type===c.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,a=e.length;t<a;t++)this.__pushChild(e[t])}__onRquestData(){this.target.emitEvent(new h(h.DATA,{updatedList:this.updatedList})),this.__updatedList=new o,this.totalTimes++,this.changed=this.hasVisible=this.hasRemove=this.hasAdd=!1}__listenEvents(){this.__eventIds=[this.target.on_([[u.CHANGE,this.__onAttrChange,this],[[c.ADD,c.REMOVE],this.__onChildEvent,this],[h.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}=f,{pushAllChildBranch:tt,pushAllParent:et}=g;const{worldBounds:at}=p;class st{constructor(t){this.updatedBounds=new _,this.beforeBounds=new _,this.afterBounds=new _,w(t)&&(t=new o(t)),this.updatedList=t}setBefore(){this.beforeBounds.setListWithFn(this.updatedList.list,at)}setAfter(){this.afterBounds.setListWithFn(this.updatedList.list,at),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:it,updateAllChange:nt}=f,rt=m.get("Layouter");class ot{constructor(t,e){this.totalTimes=0,this.config={},this.__levelList=new y,this.target=t,e&&(this.config=l.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(x.START),this.layoutOnce(),t.emitEvent(new x(x.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(h.REQUEST),this.totalTimes>1?this.partLayout():this.fullLayout(),this.layouting=!1,void(this.waitAgain&&(this.waitAgain=!1,this.layoutOnce())))}partLayout(){var t;if(!(null===(t=this.__updatedList)||void 0===t?void 0:t.length))return;const e=v.start("PartLayout"),{target:a,__updatedList:s}=this,{BEFORE:i,LAYOUT:n,AFTER:r}=x,o=this.getBlocks(s);o.forEach(t=>t.setBefore()),a.emitEvent(new x(i,o,this.times)),this.extraBlock=null,s.sort(),function(t,e){let a;t.list.forEach(t=>{a=t.__layout,e.without(t)&&!a.proxyZoom&&(a.matrixChanged?($(t,!0),e.add(t),t.isBranch&&tt(t,e),et(t,e)):a.boundsChanged&&(e.add(t),t.isBranch&&(t.__tempNumber=0),et(t,e)))})}(s,this.__levelList),function(t){let e,a,s;t.sort(!0),t.levels.forEach(i=>{e=t.levelMap[i];for(let t=0,i=e.length;t<i;t++){if(a=e[t],a.isBranch&&a.__tempNumber){s=a.children;for(let t=0,e=s.length;t<e;t++)s[t].isBranch||J(s[t])}J(a)}})}(this.__levelList),function(t){t.list.forEach(K)}(s),this.extraBlock&&o.push(this.extraBlock),o.forEach(t=>t.setAfter()),a.emitEvent(new x(n,o,this.times)),a.emitEvent(new x(r,o,this.times)),this.addBlocks(o),this.__levelList.reset(),this.__updatedList=null,v.end(e)}fullLayout(){const t=v.start("FullLayout"),{target:e}=this,{BEFORE:a,LAYOUT:s,AFTER:i}=x,n=this.getBlocks(new o(e));e.emitEvent(new x(a,n,this.times)),ot.fullLayout(e),n.forEach(t=>{t.setAfter()}),e.emitEvent(new x(s,n,this.times)),e.emitEvent(new x(i,n,this.times)),this.addBlocks(n),v.end(t)}static fullLayout(t){it(t,!0),t.isBranch?g.updateBounds(t):f.updateBounds(t),nt(t)}addExtra(t){if(!this.__updatedList.has(t)){const{updatedList:e,beforeBounds:a}=this.extraBlock||(this.extraBlock=new st([]));e.length?a.add(t.__world):a.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_([[x.REQUEST,this.layout,this],[x.AGAIN,this.layoutAgain,this],[h.DATA,this.__onReceiveWatchData,this]])]}__removeListenEvents(){this.target.off_(this.__eventIds)}destroy(){this.target&&(this.stop(),this.__removeListenEvents(),this.target=this.config=null)}}const lt=m.get("Renderer");class dt{get needFill(){return!(this.canvas.allowBackgroundColor||!this.config.fill)}constructor(t,e,a){this.FPS=60,this.totalTimes=0,this.times=0,this.config={usePartRender:!0,maxFPS:120},this.frames=[],this.target=t,this.canvas=e,a&&(this.config=l.default(a,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(x.REQUEST)}checkRender(){if(this.running){const{target:t}=this;t.isApp&&(t.emit(d.CHILD_START,t),t.children.forEach(t=>{t.renderer.FPS=this.FPS,t.renderer.checkRender()}),t.emit(d.CHILD_END,t)),this.changed&&this.canvas.view&&this.render(),this.target.emit(d.NEXT)}}render(t){if(!this.running||!this.canvas.view)return this.update();const{target:e}=this;this.times=0,this.totalBounds=new _,lt.log(e.innerName,"---\x3e");try{this.emitRender(d.START),this.renderOnce(t),this.emitRender(d.END,this.totalBounds),S.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 _,this.renderOptions={},t)this.emitRender(d.BEFORE),t();else{if(this.requestLayout(),this.ignore)return void(this.ignore=this.rendering=!1);this.emitRender(d.BEFORE),this.config.usePartRender&&this.totalTimes>1?this.partRender():this.fullRender()}this.emitRender(d.RENDER,this.renderBounds,this.renderOptions),this.emitRender(d.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=v.start("PartRender"),{canvas:a}=this,s=t.getIntersect(a.bounds),i=new _(s);a.save(),s.spread(dt.clipSpread).ceil(),a.clearWorld(s),a.clipWorld(s),this.__render(s,i),a.restore(),v.end(e)}fullRender(){const t=v.start("FullRender"),{canvas:e}=this;e.save(),e.clear(),this.__render(e.bounds),e.restore(),v.end(t)}__render(t,a){const{canvas:s}=this,i=t.includes(this.target.__world),n=i?{includes:i}:{bounds:t,includes:i};this.needFill&&s.fillWorld(t,this.config.fill),m.showRepaint&&m.drawRepaint(s,t),e.render(this.target,s,n),this.renderBounds=a=a||t,this.renderOptions=n,this.totalBounds.isEmpty()?this.totalBounds=a:this.totalBounds.add(a),s.updateRender(a)}addBlock(t){this.updateBlocks||(this.updateBlocks=[]),this.updateBlocks.push(t)}mergeBlocks(){const{updateBlocks:t}=this;if(t){const e=new _;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 a=()=>{const t=1e3/((this.frameTime=Date.now())-this.requestTime),{maxFPS:s}=this.config;if(s&&t>s)return e.requestRender(a);const{frames:i}=this;i.length>30&&i.shift(),i.push(t),this.FPS=Math.round(i.reduce((t,e)=>t+e,0)/i.length),this.requestTime=0,this.checkRender()};e.requestRender(a)}__onResize(t){if(!this.canvas.unreal){if(t.bigger||!t.samePixelRatio){const{width:e,height:a}=t.old;if(!new _(0,0,e,a).includes(this.target.__world)||this.needFill||!t.samePixelRatio)return this.addBlock(this.canvas.bounds),void this.target.forceUpdate("surface")}this.addBlock(new _(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||lt.tip(t.innerName,": empty"),e=!t.isBranch||t.isBranchLeaf),e)),this.addBlock(e?this.canvas.bounds:t.updatedBounds)})}emitRender(t,e,a){this.target.emitEvent(new d(t,this.times,e,a))}__listenEvents(){this.__eventIds=[this.target.on_([[d.REQUEST,this.update,this],[x.END,this.__onLayoutEnd,this],[d.AGAIN,this.renderAgain,this],[b.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 ct(t,e,a){t.__.__font?Y.fillText(t,e,a):t.__.windingRule?e.fill(t.__.windingRule):e.fill()}function ht(t,e,a,s,i){const n=a.__;k(t)?Y.drawStrokesStyle(t,e,!1,a,s,i):(s.setStroke(t,n.__strokeWidth*e,n),s.stroke()),n.__useArrow&&Y.strokeArrow(t,a,s,i)}function ut(t,e,a,s,i){const n=a.__;k(t)?Y.drawStrokesStyle(t,e,!0,a,s,i):(s.setStroke(t,n.__strokeWidth*e,n),Y.drawTextStroke(a,s,i))}function ft(t,e,a,s,i){const n=s.getSameCanvas(!0,!0);n.font=a.__.__font,ut(t,2,a,n,i),n.blendMode="outside"===e?"destination-out":"destination-in",Y.fillText(a,n,i),n.blendMode="normal",f.copyCanvasByWorld(a,s,n),n.recycle(a.__nowWorld)}dt.clipSpread=10,Object.assign(i,{watcher:(t,e)=>new Z(t,e),layouter:(t,e)=>new ot(t,e),renderer:(t,e,a)=>new dt(t,e,a),selector:(t,e)=>{},interaction:(t,e,a,s)=>{}}),e.layout=ot.fullLayout,e.render=function(t,e,a){const s=Object.assign(Object.assign({},a),{topRendering:!0});a.topList=new o,t.__render(e,a),a.topList.length&&a.topList.forEach(t=>t.__render(e,s))};const{getSpread:gt,copyAndSpread:pt,toOuterOf:_t,getOuterOf:wt,getByMove:mt,move:yt,getIntersectData:xt}=B,vt={};let St;const{stintSet:bt}=l,{hasTransparent:kt}=U;function Bt(t,e,a){if(!k(e)||!1===e.visible||0===e.opacity)return;let s;const{boxBounds:i}=a.__layout;switch(e.type){case"image":s=X.image(a,t,e,i,!St||!St[e.url]);break;case"linear":s=G.linearGradient(e,i);break;case"radial":s=G.radialGradient(e,i);break;case"angular":s=G.conicGradient(e,i);break;case"solid":const{type:n,color:r,opacity:o}=e;s={type:n,style:U.string(r,o)};break;default:T(e.r)||(s={type:"solid",style:U.string(e)})}if(s&&(s.originPaint=e,A(s.style)&&kt(s.style)&&(s.isTransparent=!0),e.style)){if(0===e.style.strokeWidth)return;s.strokeStyle=e.style}return s}const Rt={compute:function(t,e){const a=e.__,s=[];let i,n,r,o=a.__input[t];w(o)||(o=[o]),St=X.recycleImage(t,a);for(let a,i=0,n=o.length;i<n;i++)(a=Bt(t,o[i],e))&&(s.push(a),a.strokeStyle&&(r||(r=1),a.strokeStyle.strokeWidth&&(r=Math.max(r,a.strokeStyle.strokeWidth))));a["_"+t]=s.length?s:void 0,s.length?(s.every(t=>t.isTransparent)&&(s.some(t=>t.image)&&(i=!0),n=!0),"fill"===t?(bt(a,"__isAlphaPixelFill",i),bt(a,"__isTransparentFill",n)):(bt(a,"__isAlphaPixelStroke",i),bt(a,"__isTransparentStroke",n),bt(a,"__hasMultiStrokeStyle",r))):a.__removePaint(t,!1)},fill:function(t,e,a,s){a.fillStyle=t,ct(e,a,s)},fills:function(t,e,a,s){let i,n,r;for(let o=0,l=t.length;o<l;o++){if(i=t[o],n=i.originPaint,i.image){if(r?r++:r=1,X.checkImage(i,!e.__.__font,e,a,s))continue;if(!i.style){1===r&&i.image.isPlacehold&&e.drawImagePlaceholder(i,a,s);continue}}if(a.fillStyle=i.style,i.transform||n.scaleFixed){if(a.save(),i.transform&&a.transform(i.transform),n.scaleFixed){const{scaleX:t,scaleY:s}=e.getRenderScaleData(!0);(!0===n.scaleFixed||"zoom-in"===n.scaleFixed&&t>1&&s>1)&&a.scale(1/t,1/s)}n.blendMode&&(a.blendMode=n.blendMode),ct(e,a,s),a.restore()}else n.blendMode?(a.saveBlendMode(n.blendMode),ct(e,a,s),a.restoreBlendMode()):ct(e,a,s)}},fillPathOrText:ct,fillText:function(t,e,a){const s=t.__,{rows:i,decorationY:n}=s.__textDrawData;let r;s.__isPlacehold&&s.placeholderColor&&(e.fillStyle=s.placeholderColor);for(let t=0,a=i.length;t<a;t++)r=i[t],r.text?e.fillText(r.text,r.x,r.y):r.data&&r.data.forEach(t=>{e.fillText(t.char,t.x,r.y)});if(n){const{decorationColor:t,decorationHeight:a}=s.__textDrawData;t&&(e.fillStyle=t),i.forEach(t=>n.forEach(s=>e.fillRect(t.x,t.y+s,t.width,a)))}},stroke:function(t,e,a,s){const i=e.__;if(i.__strokeWidth)if(i.__font)Y.strokeText(t,e,a,s);else switch(i.strokeAlign){case"center":ht(t,1,e,a,s);break;case"inside":!function(t,e,a,s){a.save(),a.clipUI(e),ht(t,2,e,a,s),a.restore()}(t,e,a,s);break;case"outside":!function(t,e,a,s){const i=e.__;if(i.__fillAfterStroke)ht(t,2,e,a,s);else{const{renderBounds:n}=e.__layout,r=a.getSameCanvas(!0,!0);e.__drawRenderPath(r),ht(t,2,e,r,s),r.clipUI(i),r.clearWorld(n),f.copyCanvasByWorld(e,a,r),r.recycle(e.__nowWorld)}}(t,e,a,s)}},strokes:function(t,e,a,s){Y.stroke(t,e,a,s)},strokeText:function(t,e,a,s){switch(e.__.strokeAlign){case"center":ut(t,1,e,a,s);break;case"inside":ft(t,"inside",e,a,s);break;case"outside":e.__.__fillAfterStroke?ut(t,2,e,a,s):ft(t,"outside",e,a,s)}},drawTextStroke:function(t,e,a){let s,i=t.__.__textDrawData;const{rows:n,decorationY:r}=i;for(let t=0,a=n.length;t<a;t++)s=n[t],s.text?e.strokeText(s.text,s.x,s.y):s.data&&s.data.forEach(t=>{e.strokeText(t.char,t.x,s.y)});if(r){const{decorationHeight:t}=i;n.forEach(a=>r.forEach(s=>e.strokeRect(a.x,a.y+s,a.width,t)))}},drawStrokesStyle:function(t,e,a,s,i,n){let r;const o=s.__,{__hasMultiStrokeStyle:l}=o;l||i.setStroke(void 0,o.__strokeWidth*e,o);for(let d=0,c=t.length;d<c;d++)if(r=t[d],(!r.image||!X.checkImage(r,!1,s,i,n))&&r.style){if(l){const{strokeStyle:t}=r;t?i.setStroke(r.style,o.__getRealStrokeWidth(t)*e,o,t):i.setStroke(r.style,o.__strokeWidth*e,o)}else i.strokeStyle=r.style;r.originPaint.blendMode?(i.saveBlendMode(r.originPaint.blendMode),a?Y.drawTextStroke(s,i,n):i.stroke(),i.restoreBlendMode()):a?Y.drawTextStroke(s,i,n):i.stroke()}},shape:function(t,a,s){const i=a.getSameCanvas(),n=a.bounds,r=t.__nowWorld,o=t.__layout,l=t.__nowWorldShapeBounds||(t.__nowWorldShapeBounds={});let d,c,h,u,f,g;_t(o.strokeSpread?(pt(vt,o.boxBounds,o.strokeSpread),vt):o.boxBounds,r,l);let{scaleX:p,scaleY:_}=t.getRenderScaleData(!0);if(n.includes(l))g=i,d=f=l,c=r;else{let i;if(e.fullImageShadow)i=l;else{const t=o.renderShapeSpread?gt(n,R.swapAndScale(o.renderShapeSpread,p,_)):n;i=xt(t,l)}u=n.getFitMatrix(i);let{a:w,d:m}=u;u.a<1&&(g=a.getSameCanvas(),t.__renderShape(g,s),p*=w,_*=m),f=wt(l,u),d=mt(f,-u.e,-u.f),c=wt(r,u),yt(c,-u.e,-u.f);const y=s.matrix;y?(h=new E(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(i,s),{canvas:i,matrix:h,fitMatrix:u,bounds:d,renderBounds:c,worldCanvas:g,shapeBounds:f,scaleX:p,scaleY:_}}};let Et,Tt=new _;const{isSame:At}=B;function Lt(t,e,a,s,i,n){if("fill"===e&&!t.__.__naturalWidth){const e=t.__;if(e.__naturalWidth=s.width/e.pixelRatio,e.__naturalHeight=s.height/e.pixelRatio,e.__autoSide)return t.forceUpdate("width"),t.__proxyData&&(t.setProxyAttr("width",e.width),t.setProxyAttr("height",e.height)),!1}return i.data||X.createData(i,s,a,n),!0}function Ot(t,e){Pt(t,L.LOAD,e)}function Wt(t,e){Pt(t,L.LOADED,e)}function Mt(t,e,a){e.error=a,t.forceUpdate("surface"),Pt(t,L.ERROR,e)}function Pt(t,e,a){t.hasEvent(e)&&t.emitEvent(new L(e,a))}function Ct(t,e){const{leafer:a}=t;a&&a.viewReady&&(a.renderer.ignore=e)}const{get:Dt,translate:It}=O,Ft=new _,Yt={},Xt={};function Ut(t,e,a,s){const i=A(t)||s?(s?a-s*e:a%e)/((s||Math.floor(a/e))-1):t;return"auto"===t&&i<0?0:i}let Gt={},zt=C();const{get:qt,set:Nt,rotateOfOuter:jt,translate:Ht,scaleOfOuter:Vt,multiplyParent:Qt,scale:Zt,rotate:$t,skew:Jt}=O;function Kt(t,e,a,s,i,n,r,o){r&&$t(t,r),o&&Jt(t,o.x,o.y),i&&Zt(t,i,n),Ht(t,e.x+a,e.y+s)}function te(t,e,a,s){return new(a||(a=Promise))(function(i,n){function r(t){try{l(s.next(t))}catch(t){n(t)}}function o(t){try{l(s.throw(t))}catch(t){n(t)}}function l(t){var e;t.done?i(t.value):(e=t.value,e instanceof a?e:new a(function(t){t(e)})).then(r,o)}l((s=s.apply(t,e||[])).next())})}"function"==typeof SuppressedError&&SuppressedError;const{get:ee,scale:ae,copy:se}=O,{getFloorScale:ie}=W,{abs:ne}=Math;const re={image:function(t,e,a,s,i){let n,r;const o=S.get(a);return Et&&a===Et.paint&&At(s,Et.boxBounds)?n=Et.leafPaint:(n={type:a.type,image:o},o.hasAlphaPixel&&(n.isTransparent=!0),Et=o.use>1?{leafPaint:n,paint:a,boxBounds:Tt.set(s)}:null),(i||o.loading)&&(r={image:o,attrName:e,attrValue:a}),o.ready?(Lt(t,e,a,o,n,s),i&&(Ot(t,r),Wt(t,r))):o.error?i&&Mt(t,r,o.error):(i&&(Ct(t,!0),Ot(t,r)),n.loadId=o.load(()=>{Ct(t,!1),t.destroyed||(Lt(t,e,a,o,n,s)&&(o.hasAlphaPixel&&(t.__layout.hitCanvasChanged=!0),t.forceUpdate("surface")),Wt(t,r)),n.loadId=void 0},e=>{Ct(t,!1),Mt(t,r,e),n.loadId=void 0}),t.placeholderColor&&(t.placeholderDelay?setTimeout(()=>{o.ready||(o.isPlacehold=!0,t.forceUpdate("surface"))},t.placeholderDelay):o.isPlacehold=!0)),n},checkImage:function(t,a,s,i,n){const{scaleX:r,scaleY:o}=X.getImageRenderScaleData(t,s,i,n),{image:l,data:d,originPaint:c}=t,{exporting:h}=n;return!(!d||t.patternId===r+"-"+o&&!h)&&(a&&(d.repeat?a=!1:c.changeful||"miniapp"===e.name&&b.isResizing(s)||h||(a=e.image.isLarge(l,r,o))),a?(s.__.__isFastShadow&&(i.fillStyle=t.style||"#000",i.fill()),X.drawImage(t,r,o,s,i,n),!0):(!t.style||c.sync||h?X.createPattern(t,s,i,n):X.createPatternTask(t,s,i,n),!1))},drawImage:function(t,e,a,s,i,n){const{data:r,image:o}=t,{blendMode:l}=t.originPaint,{opacity:d,transform:c}=r,h=o.getFull(r.filters),u=s.__;let f,{width:g,height:p}=o;(f=c&&!c.onlyScale||u.path||u.cornerRadius)||d||l?(i.save(),f&&i.clipUI(s),l&&(i.blendMode=l),d&&(i.opacity*=d),c&&i.transform(c),i.drawImage(h,0,0,g,p),i.restore()):(r.scaleX&&(g*=r.scaleX,p*=r.scaleY),i.drawImage(h,0,0,g,p))},getImageRenderScaleData:function(t,e,a,s){const i=e.getRenderScaleData(!0,t.originPaint.scaleFixed),{data:n}=t;if(a){const{pixelRatio:t}=a;i.scaleX*=t,i.scaleY*=t}return n&&n.scaleX&&(i.scaleX*=Math.abs(n.scaleX),i.scaleY*=Math.abs(n.scaleY)),i},recycleImage:function(t,e){const a=e["_"+t];if(w(a)){let s,i,n,r,o;for(let l=0,d=a.length;l<d;l++)s=a[l],i=s.image,o=i&&i.url,o&&(n||(n={}),n[o]=!0,S.recycle(i),i.loading&&(r||(r=e.__input&&e.__input[t]||[],w(r)||(r=[r])),i.unload(a[l].loadId,!r.some(t=>t.url===o))));return n}return null},createPatternTask:function(t,e,a,s){t.patternTask||(t.patternTask=S.patternTasker.add(()=>te(this,void 0,void 0,function*(){t.patternTask=null,a.bounds.hit(e.__nowWorld)&&X.createPattern(t,e,a,s),e.forceUpdate("surface")}),300))},createPattern:function(t,a,s,i){let{scaleX:n,scaleY:r}=X.getImageRenderScaleData(t,a,s,i),o=n+"-"+r;if(t.patternId!==o&&!a.destroyed&&(!e.image.isLarge(t.image,n,r)||t.data.repeat)){const{image:s,data:i}=t,{transform:l,gap:d}=i,c=X.getPatternFixScale(t,n,r);let h,u,f,{width:g,height:p}=s;c&&(n*=c,r*=c),g*=n,p*=r,d&&(u=d.x*n/ne(i.scaleX||1),f=d.y*r/ne(i.scaleY||1)),(l||1!==n||1!==r)&&(n*=ie(g+(u||0)),r*=ie(p+(f||0)),h=ee(),l&&se(h,l),ae(h,1/n,1/r));const _=s.getCanvas(g,p,i.opacity,i.filters,u,f,a.leafer&&a.leafer.config.smooth),w=s.getPattern(_,i.repeat||e.origin.noRepeat||"no-repeat",h,t);t.style=w,t.patternId=o}},getPatternFixScale:function(t,a,s){const{image:i}=t;let n,r=e.image.maxPatternSize,o=i.width*i.height;return i.isSVG?a>1&&(n=Math.ceil(a)/a):r>o&&(r=o),(o*=a*s)>r&&(n=Math.sqrt(r/o)),n},createData:function(t,e,a,s){t.data=X.getPatternData(a,s,e)},getPatternData:function(t,e,a){t.padding&&(e=Ft.set(e).shrink(t.padding)),"strench"===t.mode&&(t.mode="stretch");const{width:s,height:i}=a,{opacity:n,mode:r,align:o,offset:l,scale:d,size:c,rotation:h,skew:u,clipSize:f,repeat:g,gap:p,filters:_}=t,w=e.width===s&&e.height===i,m={mode:r},y="center"!==o&&(h||0)%180==90;let x,v;switch(B.set(Xt,0,0,y?i:s,y?s:i),r&&"cover"!==r&&"fit"!==r?((d||c)&&(W.getScaleData(d,c,a,Yt),x=Yt.scaleX,v=Yt.scaleY),(o||p||g)&&(x&&B.scale(Xt,x,v,!0),o&&M.toPoint(o,Xt,e,Xt,!0,!0))):w&&!h||(x=v=B.getFitScale(e,Xt,"fit"!==r),B.put(e,a,o,x,!1,Xt),B.scale(Xt,x,v,!0)),l&&P.move(Xt,l),r){case"stretch":w?x&&(x=v=void 0):(x=e.width/s,v=e.height/i,X.stretchMode(m,e,x,v));break;case"normal":case"clip":if(Xt.x||Xt.y||x||f||h||u){let t,a;f&&(t=e.width/f.width,a=e.height/f.height),X.clipMode(m,e,Xt.x,Xt.y,x,v,h,u,t,a),t&&(x=x?x*t:t,v=v?v*a:a)}break;case"repeat":(!w||x||h||u)&&X.repeatMode(m,e,s,i,Xt.x,Xt.y,x,v,h,u,o,t.freeTransform),g||(m.repeat="repeat");const a=k(g);(p||a)&&(m.gap=function(t,e,a,s,i){let n,r;k(t)?(n=t.x,r=t.y):n=r=t;return{x:Ut(n,a,i.width,e&&e.x),y:Ut(r,s,i.height,e&&e.y)}}(p,a&&g,Xt.width,Xt.height,e));break;default:x&&X.fillOrFitMode(m,e,Xt.x,Xt.y,x,v,h)}return m.transform||(e.x||e.y)&&It(m.transform=Dt(),e.x,e.y),x&&(m.scaleX=x,m.scaleY=v),n&&n<1&&(m.opacity=n),_&&(m.filters=_),g&&(m.repeat=A(g)?"x"===g?"repeat-x":"repeat-y":"repeat"),m},stretchMode:function(t,e,a,s){const i=qt(),{x:n,y:r}=e;n||r?Ht(i,n,r):i.onlyScale=!0,Zt(i,a,s),t.transform=i},fillOrFitMode:function(t,e,a,s,i,n,r){const o=qt();Ht(o,e.x+a,e.y+s),Zt(o,i,n),r&&jt(o,{x:e.x+e.width/2,y:e.y+e.height/2},r),t.transform=o},clipMode:function(t,e,a,s,i,n,r,o,l,d){const c=qt();Kt(c,e,a,s,i,n,r,o),l&&(r||o?(Nt(zt),Vt(zt,e,l,d),Qt(c,zt)):Vt(c,e,l,d)),t.transform=c},repeatMode:function(t,e,a,s,i,n,r,o,l,d,c,h){const u=qt();if(h)Kt(u,e,i,n,r,o,l,d);else{if(l)if("center"===c)jt(u,{x:a/2,y:s/2},l);else switch($t(u,l),l){case 90:Ht(u,s,0);break;case 180:Ht(u,a,s);break;case 270:Ht(u,0,a)}Gt.x=e.x+i,Gt.y=e.y+n,Ht(u,Gt.x,Gt.y),r&&Vt(u,Gt,r,o)}t.transform=u}},{toPoint:oe}=D,{hasTransparent:le}=U,de={},ce={};function he(t,e,a,s){if(a){let i,n,r,o;for(let t=0,l=a.length;t<l;t++)i=a[t],A(i)?(r=t/(l-1),n=U.string(i,s)):(r=i.offset,n=U.string(i.color,s)),e.addColorStop(r,n),!o&&le(n)&&(o=!0);o&&(t.isTransparent=!0)}}const{getAngle:ue,getDistance:fe}=P,{get:ge,rotateOfOuter:pe,scaleOfOuter:_e}=O,{toPoint:we}=D,me={},ye={};function xe(t,e,a,s,i){let n;const{width:r,height:o}=t;if(r!==o||s){const t=ue(e,a);n=ge(),i?(_e(n,e,r/o*(s||1),1),pe(n,e,t+90)):(_e(n,e,1,r/o*(s||1)),pe(n,e,t))}return n}const{getDistance:ve}=P,{toPoint:Se}=D,be={},ke={};const Be={linearGradient:function(t,a){let{from:s,to:i,type:n,opacity:r}=t;oe(s||"top",a,de),oe(i||"bottom",a,ce);const o=e.canvas.createLinearGradient(de.x,de.y,ce.x,ce.y),l={type:n,style:o};return he(l,o,t.stops,r),l},radialGradient:function(t,a){let{from:s,to:i,type:n,opacity:r,stretch:o}=t;we(s||"center",a,me),we(i||"bottom",a,ye);const l=e.canvas.createRadialGradient(me.x,me.y,0,me.x,me.y,fe(me,ye)),d={type:n,style:l};he(d,l,t.stops,r);const c=xe(a,me,ye,o,!0);return c&&(d.transform=c),d},conicGradient:function(t,a){let{from:s,to:i,type:n,opacity:r,stretch:o}=t;Se(s||"center",a,be),Se(i||"bottom",a,ke);const l=e.conicGradientSupport?e.canvas.createConicGradient(0,be.x,be.y):e.canvas.createRadialGradient(be.x,be.y,0,be.x,be.y,ve(be,ke)),d={type:n,style:l};he(d,l,t.stops,r);const c=xe(a,be,ke,o||1,e.conicGradientRotate90);return c&&(d.transform=c),d},getTransform:xe},{copy:Re,move:Ee,toOffsetOutBounds:Te}=B,{max:Ae,abs:Le}=Math,Oe={},We=new E,Me={};function Pe(t,e){let a,s,i,n,r=0,o=0,l=0,d=0;return e.forEach(t=>{a=t.x||0,s=t.y||0,n=1.5*(t.blur||0),i=Le(t.spread||0),r=Ae(r,i+n-s),o=Ae(o,i+n+a),l=Ae(l,i+n+s),d=Ae(d,i+n-a)}),r===o&&o===l&&l===d?r:[r,o,l,d]}function Ce(t,a,s){const{shapeBounds:i}=s;let n,r;e.fullImageShadow?(Re(Oe,t.bounds),Ee(Oe,a.x-i.x,a.y-i.y),n=t.bounds,r=Oe):(n=i,r=a),t.copyWorld(s.canvas,n,r)}const{toOffsetOutBounds:De}=B,Ie={};const Fe=Pe;const Ye={shadow:function(t,e,a){let s,i;const{__nowWorld:n}=t,{shadow:r}=t.__,{worldCanvas:o,bounds:l,renderBounds:d,shapeBounds:c,scaleX:h,scaleY:u}=a,g=e.getSameCanvas(),p=r.length-1;Te(l,Me,d),r.forEach((r,_)=>{let w=1;if(r.scaleFixed){const t=Math.abs(n.scaleX);t>1&&(w=1/t)}g.setWorldShadow(Me.offsetX+(r.x||0)*h*w,Me.offsetY+(r.y||0)*u*w,(r.blur||0)*h*w,U.string(r.color)),i=z.getShadowTransform(t,g,a,r,Me,w),i&&g.setTransform(i),Ce(g,Me,a),i&&g.resetTransform(),s=d,r.box&&(g.restore(),g.save(),o&&(g.copyWorld(g,d,n,"copy"),s=n),o?g.copyWorld(o,n,n,"destination-out"):g.copyWorld(a.canvas,c,l,"destination-out")),f.copyCanvasByWorld(t,e,g,s,r.blendMode),p&&_<p&&g.clearWorld(s)}),g.recycle(s)},innerShadow:function(t,e,a){let s,i;const{__nowWorld:n}=t,{innerShadow:r}=t.__,{worldCanvas:o,bounds:l,renderBounds:d,shapeBounds:c,scaleX:h,scaleY:u}=a,g=e.getSameCanvas(),p=r.length-1;De(l,Ie,d),r.forEach((r,_)=>{let w=1;if(r.scaleFixed){const t=Math.abs(n.scaleX);t>1&&(w=1/t)}g.save(),g.setWorldShadow(Ie.offsetX+(r.x||0)*h*w,Ie.offsetY+(r.y||0)*u*w,(r.blur||0)*h*w),i=z.getShadowTransform(t,g,a,r,Ie,w,!0),i&&g.setTransform(i),Ce(g,Ie,a),g.restore(),o?(g.copyWorld(g,d,n,"copy"),g.copyWorld(o,n,n,"source-out"),s=n):(g.copyWorld(a.canvas,c,l,"source-out"),s=d),g.fillWorld(s,U.string(r.color),"source-in"),f.copyCanvasByWorld(t,e,g,s,r.blendMode),p&&_<p&&g.clearWorld(s)}),g.recycle(s)},blur:function(t,e,a){const{blur:s}=t.__;a.setWorldBlur(s*t.__nowWorld.a),a.copyWorldToInner(e,t.__nowWorld,t.__layout.renderBounds),a.filter="none"},backgroundBlur:function(t,e,a){},getShadowRenderSpread:Pe,getShadowTransform:function(t,e,a,s,i,n,r){if(s.spread){const a=2*s.spread*n*(r?-1:1),{width:o,height:l}=t.__layout.strokeBounds;return We.set().scaleOfOuter({x:(i.x+i.width/2)*e.pixelRatio,y:(i.y+i.height/2)*e.pixelRatio},1+a/o,1+a/l),We}},isTransformShadow(t){},getInnerShadowSpread:Fe},{excludeRenderBounds:Xe}=p;let Ue;function Ge(t,e,a,s,i,n,r,o){switch(e){case"grayscale":Ue||(Ue=!0,i.useGrayscaleAlpha(t.__nowWorld));case"alpha":!function(t,e,a,s,i,n){const r=t.__nowWorld;a.resetTransform(),a.opacity=1,a.useMask(s,r),n&&s.recycle(r);qe(t,e,a,1,i,n)}(t,a,s,i,r,o);break;case"opacity-path":qe(t,a,s,n,r,o);break;case"path":o&&a.restore()}}function ze(t){return t.getSameCanvas(!1,!0)}function qe(t,e,a,s,i,n){const r=t.__nowWorld;e.resetTransform(),e.opacity=s,e.copyWorld(a,r,void 0,i),n?a.recycle(r):a.clearWorld(r)}q.prototype.__renderMask=function(t,e){let a,s,i,n,r,o;const{children:l}=this;for(let d=0,c=l.length;d<c;d++){if(a=l[d],o=a.__.mask,o){r&&(Ge(this,r,t,i,s,n,void 0,!0),s=i=null),"clipping"!==o&&"clipping-path"!==o||Xe(a,e)||a.__render(t,e),n=a.__.opacity,Ue=!1,"path"===o||"clipping-path"===o?(n<1?(r="opacity-path",i||(i=ze(t))):(r="path",t.save()),a.__clip(i||t,e)):(r="grayscale"===o?"grayscale":"alpha",s||(s=ze(t)),i||(i=ze(t)),a.__render(s,e));continue}const c=1===n&&a.__.__blendMode;c&&Ge(this,r,t,i,s,n,void 0,!1),Xe(a,e)||a.__render(i||t,e),c&&Ge(this,r,t,i,s,n,c,!1)}Ge(this,r,t,i,s,n,void 0,!0)};const Ne=">)]}%!?,.:;'\"》)」〉』〗】〕}┐>’”!?,、。:;‰",je=Ne+"_#~&*+\\=|≮≯≈≠=…",He=new RegExp([[19968,40959],[13312,19903],[131072,173791],[173824,177983],[177984,178207],[178208,183983],[183984,191471],[196608,201551],[201552,205743],[11904,12031],[12032,12255],[12272,12287],[12288,12351],[12736,12783],[12800,13055],[13056,13311],[63744,64255],[65072,65103],[127488,127743],[194560,195103]].map(([t,e])=>`[\\u${t.toString(16)}-\\u${e.toString(16)}]`).join("|"));function Ve(t){const e={};return t.split("").forEach(t=>e[t]=!0),e}const Qe=Ve("ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyz"),Ze=Ve("{[(<'\"《(「〈『〖【〔{┌<‘“=¥¥$€££¢¢"),$e=Ve(Ne),Je=Ve(je),Ke=Ve("- —/~|┆·");var ta;!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"}(ta||(ta={}));const{Letter:ea,Single:aa,Before:sa,After:ia,Symbol:na,Break:ra}=ta;function oa(t){return Qe[t]?ea:Ke[t]?ra:Ze[t]?sa:$e[t]?ia:Je[t]?na:He.test(t)?aa:ea}const la={trimRight(t){const{words:e}=t;let a,s=0,i=e.length;for(let n=i-1;n>-1&&(a=e[n].data[0]," "===a.char);n--)s++,t.width-=a.width;s&&e.splice(i-s,s)}};function da(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:ca}=la,{Letter:ha,Single:ua,Before:fa,After:ga,Symbol:pa,Break:_a}=ta;let wa,ma,ya,xa,va,Sa,ba,ka,Ba,Ra,Ea,Ta,Aa,La,Oa,Wa,Ma,Pa=[];function Ca(t,e){Ba&&!ka&&(ka=Ba),wa.data.push({char:t,width:e}),ya+=e}function Da(){xa+=ya,wa.width=ya,ma.words.push(wa),wa={data:[]},ya=0}function Ia(){La&&(Oa.paraNumber++,ma.paraStart=!0,La=!1),Ba&&(ma.startCharSize=ka,ma.endCharSize=Ba,ka=0),ma.width=xa,Wa.width?ca(ma):Ma&&Fa(),Pa.push(ma),ma={words:[]},xa=0}function Fa(){xa>(Oa.maxWidth||0)&&(Oa.maxWidth=xa)}const{top:Ya,right:Xa,bottom:Ua,left:Ga}=I;function za(t,e,a){const{bounds:s,rows:i}=t;s[e]+=a;for(let t=0;t<i.length;t++)i[t][e]+=a}const qa={getDrawData:function(t,a){A(t)||(t=String(t));let s=0,i=0,n=a.__getInput("width")||0,r=a.__getInput("height")||0;const{__padding:o}=a;o&&(n?(s=o[Ga],n-=o[Xa]+o[Ga],!n&&(n=.01)):a.autoSizeAlign||(s=o[Ga]),r?(i=o[Ya],r-=o[Ya]+o[Ua],!r&&(r=.01)):a.autoSizeAlign||(i=o[Ya]));const l={bounds:{x:s,y:i,width:n,height:r},rows:[],paraNumber:0,font:e.canvas.font=a.__font};return function(t,a,s){Oa=t,Pa=t.rows,Wa=t.bounds,Ma=!Wa.width&&!s.autoSizeAlign;const{__letterSpacing:i,paraIndent:n,textCase:r}=s,{canvas:o}=e,{width:l}=Wa;if(s.__isCharMode){const t="none"!==s.textWrap,e="break"===s.textWrap;La=!0,Ea=null,ka=ba=Ba=ya=xa=0,wa={data:[]},ma={words:[]},i&&(a=[...a]);for(let s=0,d=a.length;s<d;s++)Sa=a[s],"\n"===Sa?(ya&&Da(),ma.paraEnd=!0,Ia(),La=!0):(Ra=oa(Sa),Ra===ha&&"none"!==r&&(Sa=da(Sa,r,!ya)),ba=o.measureText(Sa).width,i&&(i<0&&(Ba=ba),ba+=i),Ta=Ra===ua&&(Ea===ua||Ea===ha)||Ea===ua&&Ra!==ga,Aa=!(Ra!==fa&&Ra!==ua||Ea!==pa&&Ea!==ga),va=La&&n?l-n:l,t&&l&&xa+ya+ba>va&&(e?(ya&&Da(),xa&&Ia()):(Aa||(Aa=Ra===ha&&Ea==ga),Ta||Aa||Ra===_a||Ra===fa||Ra===ua||ya+ba>va?(ya&&Da(),xa&&Ia()):xa&&Ia()))," "===Sa&&!0!==La&&xa+ya===0||(Ra===_a?(" "===Sa&&ya&&Da(),Ca(Sa,ba),Da()):Ta||Aa?(ya&&Da(),Ca(Sa,ba)):Ca(Sa,ba)),Ea=Ra);ya&&Da(),xa&&Ia(),Pa.length>0&&(Pa[Pa.length-1].paraEnd=!0)}else a.split("\n").forEach(t=>{Oa.paraNumber++,xa=o.measureText(t).width,Pa.push({x:n||0,text:t,width:xa,paraStart:!0}),Ma&&Fa()})}(l,t,a),o&&function(t,e,a,s,i){if(!s&&a.autoSizeAlign)switch(a.textAlign){case"left":za(e,"x",t[Ga]);break;case"right":za(e,"x",-t[Xa])}if(!i&&a.autoSizeAlign)switch(a.verticalAlign){case"top":za(e,"y",t[Ya]);break;case"bottom":za(e,"y",-t[Ua])}}(o,l,a,n,r),function(t,e){const{rows:a,bounds:s}=t,i=a.length,{__lineHeight:n,__baseLine:r,__letterSpacing:o,__clipText:l,textAlign:d,verticalAlign:c,paraSpacing:h,autoSizeAlign:u}=e;let{x:f,y:g,width:p,height:_}=s,w=n*i+(h?h*(t.paraNumber-1):0),m=r;if(l&&w>_)w=Math.max(_,n),i>1&&(t.overflow=i);else if(_||u)switch(c){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,c=i;r<c;r++){if(y=a[r],y.x=f,y.width<p||y.width>p&&!l)switch(d){case"center":y.x+=(S-y.width)/2;break;case"right":y.x+=S-y.width}y.paraStart&&h&&r>0&&(m+=h),y.y=m,m+=n,t.overflow>r&&m>w&&(y.isOverflow=!0,t.overflow=r+1),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=a.length))}s.y=g,s.height=w}(l,a),a.__isCharMode&&function(t,e,a){const{rows:s}=t,{textAlign:i,paraIndent:n,letterSpacing:r}=e,o=a&&i.includes("both"),l=o||a&&i.includes("justify"),d=l&&i.includes("letter");let c,h,u,f,g,p,_,w,m,y;s.forEach(t=>{t.words&&(g=n&&t.paraStart?n:0,w=t.words.length,l&&(y=!t.paraEnd||o,h=a-t.width-g,d?f=h/(t.words.reduce((t,e)=>t+e.data.length,0)-1):u=w>1?h/(w-1):0),p=r||t.isOverflow||d?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,c=t.x,t.data=[],t.words.forEach((e,a)=>{1===p?(_={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,s,i){return t.forEach(t=>{(s||" "!==t.char)&&(t.x=e,a.push(t)),e+=t.width,i&&(e+=i)}),e}(e.data,c,t.data,t.isOverflow,y&&f),y&&(m=a===w-1,u?m||(c+=u,t.width+=u):f&&(t.width+=f*(e.data.length-(m?1:0))))})),t.words=null)})}(l,a,n),l.overflow&&function(t,a,s,i){if(!i)return;const{rows:n,overflow:r}=t;let{textOverflow:o}=a;if(n.splice(r),o&&"show"!==o){let t,l;"hide"===o?o="":"ellipsis"===o&&(o="...");const d=o?e.canvas.measureText(o).width:0,c=s+i-d;("none"===a.textWrap?n:[n[r-1]]).forEach(e=>{if(e.isOverflow&&e.data){let a=e.data.length-1;for(let s=a;s>-1&&(t=e.data[s],l=t.x+t.width,!(s===a&&l<c));s--){if(l<c&&" "!==t.char||!s){e.data.splice(s+1),e.width-=t.width;break}e.width-=t.width}e.width+=d,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)}})}}(l,a,s,n),"none"!==a.textDecoration&&function(t,e){let a,s=0;const{fontSize:i,textDecoration:n}=e;switch(t.decorationHeight=i/11,k(n)?(a=n.type,n.color&&(t.decorationColor=U.string(n.color)),n.offset&&(s=Math.min(.3*i,Math.max(n.offset,.15*-i)))):a=n,a){case"under":t.decorationY=[.15*i+s];break;case"delete":t.decorationY=[.35*-i];break;case"under-delete":t.decorationY=[.15*i+s,.35*-i]}}(l,a),l}};const Na={string:function(t,e){if(!t)return"#000";const a=F(e)&&e<1;if(A(t)){if(!a||!U.object)return t;t=U.object(t)}let s=T(t.a)?1:t.a;a&&(s*=e);const i=t.r+","+t.g+","+t.b;return 1===s?"rgb("+i+")":"rgba("+i+","+s+")"}};Object.assign(N,qa),Object.assign(U,Na),Object.assign(Y,Rt),Object.assign(X,re),Object.assign(G,Be),Object.assign(z,Ye),V();export{ot as Layouter,j as LeaferCanvas,dt as Renderer,Z as Watcher,V as useCanvas};
2
2
  //# sourceMappingURL=worker.esm.min.js.map