@leafer-draw/worker 2.1.4 → 2.1.6

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.
@@ -260,7 +260,7 @@ const IncrementId = {
260
260
  RUNTIME: "runtime",
261
261
  LEAF: "leaf",
262
262
  TASK: "task",
263
- CNAVAS: "canvas",
263
+ CANVAS: "canvas",
264
264
  IMAGE: "image",
265
265
  types: {},
266
266
  create(typeName) {
@@ -914,7 +914,7 @@ const PointHelper = {
914
914
  return quick ? t.x === point.x && t.y === point.y : float$1(t.x) === float$1(point.x) && float$1(t.y) === float$1(point.y);
915
915
  },
916
916
  reset(t) {
917
- P$5.reset(t);
917
+ t.x = t.y = 0;
918
918
  }
919
919
  };
920
920
 
@@ -1123,6 +1123,7 @@ class Matrix {
1123
1123
  }
1124
1124
  reset() {
1125
1125
  MatrixHelper.reset(this);
1126
+ return this;
1126
1127
  }
1127
1128
  }
1128
1129
 
@@ -2346,7 +2347,7 @@ class LeaferCanvasBase extends Canvas$1 {
2346
2347
  this.worldTransform = {};
2347
2348
  if (!config) config = minSize;
2348
2349
  this.manager = manager;
2349
- this.innerId = IncrementId.create(IncrementId.CNAVAS);
2350
+ this.innerId = IncrementId.create(IncrementId.CANVAS);
2350
2351
  const {width: width, height: height, pixelRatio: pixelRatio} = config;
2351
2352
  this.autoLayout = !width || !height;
2352
2353
  this.size.pixelRatio = pixelRatio || Platform.devicePixelRatio;
@@ -2496,6 +2497,7 @@ class LeaferCanvasBase extends Canvas$1 {
2496
2497
  }
2497
2498
  useGrayscaleAlpha(bounds) {
2498
2499
  this.setTempPixelBounds(bounds, true, true);
2500
+ if (!tempPixelBounds.width || !tempPixelBounds.height) return;
2499
2501
  let alpha, pixel;
2500
2502
  const {context: context} = this, imageData = context.getImageData(tempPixelBounds.x, tempPixelBounds.y, tempPixelBounds.width, tempPixelBounds.height), {data: data} = imageData;
2501
2503
  for (let i = 0, len = data.length; i < len; i += 4) {
@@ -3720,7 +3722,7 @@ const {arcTo: arcTo} = PathCommandDataHelper;
3720
3722
 
3721
3723
  const PathCorner = {
3722
3724
  smooth(data, cornerRadius, _cornerSmoothing) {
3723
- let command, lastCommand, commandLen;
3725
+ let command, lastCommand, commandLen, startXIndex, startYIndex, smoothLen;
3724
3726
  let i = 0, x = 0, y = 0, startX = 0, startY = 0, secondX = 0, secondY = 0, lastX = 0, lastY = 0;
3725
3727
  if (isArray(cornerRadius)) cornerRadius = cornerRadius[0] || 0;
3726
3728
  const len = data.length, three = len === 9;
@@ -3729,6 +3731,11 @@ const PathCorner = {
3729
3731
  command = data[i];
3730
3732
  switch (command) {
3731
3733
  case M:
3734
+ smoothLen = smooth.length;
3735
+ if (smoothLen && lastCommand !== Z) {
3736
+ smooth[startXIndex] = startX;
3737
+ smooth[startYIndex] = startY;
3738
+ }
3732
3739
  startX = lastX = data[i + 1];
3733
3740
  startY = lastY = data[i + 2];
3734
3741
  i += 3;
@@ -3739,6 +3746,8 @@ const PathCorner = {
3739
3746
  } else {
3740
3747
  smooth.push(M, startX, startY);
3741
3748
  }
3749
+ startXIndex = smoothLen + 1;
3750
+ startYIndex = smoothLen + 2;
3742
3751
  break;
3743
3752
 
3744
3753
  case L$1:
@@ -3777,8 +3786,8 @@ const PathCorner = {
3777
3786
  lastCommand = command;
3778
3787
  }
3779
3788
  if (command !== Z) {
3780
- smooth[1] = startX;
3781
- smooth[2] = startY;
3789
+ smooth[startXIndex] = startX;
3790
+ smooth[startYIndex] = startY;
3782
3791
  }
3783
3792
  return smooth;
3784
3793
  }
@@ -5519,6 +5528,7 @@ class LeafLayout {
5519
5528
  this.renderChanged = true;
5520
5529
  this.renderSpread || (this.renderSpread = 1);
5521
5530
  this.boundsChanged = true;
5531
+ this.hitCanvasChanged = true;
5522
5532
  }
5523
5533
  scaleChange() {
5524
5534
  this.scaleChanged = true;
@@ -6459,10 +6469,6 @@ let Leaf = class Leaf {
6459
6469
  }
6460
6470
  }
6461
6471
  }
6462
- set(_data, _isTemp) {}
6463
- get(_name) {
6464
- return undefined;
6465
- }
6466
6472
  setAttr(name, value) {
6467
6473
  this[name] = value;
6468
6474
  }
@@ -6479,37 +6485,10 @@ let Leaf = class Leaf {
6479
6485
  toString(options) {
6480
6486
  return JSON.stringify(this.toJSON(options));
6481
6487
  }
6482
- toSVG() {
6483
- return undefined;
6484
- }
6485
- __SVG(_data) {}
6486
- toHTML() {
6487
- return undefined;
6488
- }
6489
- __setAttr(_attrName, _newValue) {
6490
- return true;
6491
- }
6492
- __getAttr(_attrName) {
6493
- return undefined;
6494
- }
6495
- setProxyAttr(_attrName, _newValue) {}
6496
- getProxyAttr(_attrName) {
6497
- return undefined;
6498
- }
6499
- find(_condition, _options) {
6500
- return undefined;
6501
- }
6502
- findTag(_tag) {
6503
- return undefined;
6504
- }
6505
- findOne(_condition, _options) {
6506
- return undefined;
6507
- }
6508
- findId(_id) {
6509
- return undefined;
6488
+ scaleResize(scaleX, scaleY = scaleX, _noResize, _boundsType) {
6489
+ this.scaleX *= scaleX;
6490
+ this.scaleY *= scaleY;
6510
6491
  }
6511
- focus(_value) {}
6512
- updateState() {}
6513
6492
  updateLayout() {
6514
6493
  this.__layout.update();
6515
6494
  }
@@ -6525,27 +6504,6 @@ let Leaf = class Leaf {
6525
6504
  __extraUpdate() {
6526
6505
  if (this.leaferIsReady) this.leafer.layouter.addExtra(this);
6527
6506
  }
6528
- __updateWorldMatrix() {}
6529
- __updateLocalMatrix() {}
6530
- __updateWorldBounds() {}
6531
- __updateLocalBounds() {}
6532
- __updateLocalBoxBounds() {}
6533
- __updateLocalStrokeBounds() {}
6534
- __updateLocalRenderBounds() {}
6535
- __updateBoxBounds(_secondLayout, _bounds) {}
6536
- __updateContentBounds() {}
6537
- __updateStrokeBounds(_bounds) {}
6538
- __updateRenderBounds(_bounds) {}
6539
- __updateAutoLayout() {}
6540
- __updateFlowLayout() {}
6541
- __updateNaturalSize() {}
6542
- __updateStrokeSpread() {
6543
- return 0;
6544
- }
6545
- __updateRenderSpread() {
6546
- return 0;
6547
- }
6548
- __onUpdateSize() {}
6549
6507
  __updateEraser(value) {
6550
6508
  this.__hasEraser = value ? true : this.children.some(item => item.__.eraser);
6551
6509
  }
@@ -6559,7 +6517,6 @@ let Leaf = class Leaf {
6559
6517
  __updateMask(_value) {
6560
6518
  this.__hasMask = this.children.some(item => item.__.mask && item.__.visible && item.__.opacity);
6561
6519
  }
6562
- __renderMask(_canvas, _options) {}
6563
6520
  __getNowWorld(options) {
6564
6521
  if (options.matrix) {
6565
6522
  if (!this.__cameraWorld) this.__cameraWorld = {};
@@ -6715,76 +6672,12 @@ let Leaf = class Leaf {
6715
6672
  flip(axis, transition) {
6716
6673
  transform(this, getFlipTransform(this, axis), false, transition);
6717
6674
  }
6718
- scaleResize(scaleX, scaleY = scaleX, _noResize, _boundsType) {
6719
- this.scaleX *= scaleX;
6720
- this.scaleY *= scaleY;
6721
- }
6722
- __scaleResize(_scaleX, _scaleY) {}
6723
- resizeWidth(_width) {}
6724
- resizeHeight(_height) {}
6725
- hit(_world, _hitRadius) {
6726
- return true;
6727
- }
6728
- __hitWorld(_point, _forceHitFill) {
6729
- return true;
6730
- }
6731
- __hit(_local, _forceHitFill) {
6732
- return true;
6733
- }
6734
- __hitFill(_inner) {
6735
- return true;
6736
- }
6737
- __hitStroke(_inner, _strokeWidth) {
6738
- return true;
6739
- }
6740
- __hitPixel(_inner) {
6741
- return true;
6742
- }
6743
- __drawHitPath(_canvas) {}
6744
- __updateHitCanvas() {}
6745
- __render(_canvas, _options) {}
6746
- __drawFast(_canvas, _options) {}
6747
- __draw(_canvas, _options, _originCanvas) {}
6748
- __clip(_canvas, _options) {}
6749
- __renderShape(_canvas, _options) {}
6750
- __drawShape(_canvas, _options) {}
6751
- __updateWorldOpacity() {}
6752
- __updateChange() {}
6753
- __drawPath(_canvas) {}
6754
- __drawRenderPath(_canvas) {}
6755
- __updatePath() {}
6756
- __updateRenderPath(_updateCache) {}
6757
- getMotionPathData() {
6758
- return Plugin.need("path");
6759
- }
6760
- getMotionPoint(_motionDistance) {
6761
- return Plugin.need("path");
6762
- }
6763
- getMotionTotal() {
6764
- return 0;
6765
- }
6766
- __updateMotionPath() {}
6767
- __runAnimation(_type, _complete) {}
6768
- __updateSortChildren() {}
6769
- add(_child, _index) {}
6770
6675
  remove(_child, destroy) {
6771
6676
  if (this.parent) this.parent.remove(this, destroy);
6772
6677
  }
6773
6678
  dropTo(parent, index, resize) {
6774
6679
  drop(this, parent, index, resize);
6775
6680
  }
6776
- on(_type, _listener, _options) {}
6777
- off(_type, _listener, _options) {}
6778
- on_(_type, _listener, _bind, _options) {
6779
- return undefined;
6780
- }
6781
- off_(_id) {}
6782
- once(_type, _listener, _captureOrBind, _capture) {}
6783
- emit(_type, _event, _capture) {}
6784
- emitEvent(_event, _capture) {}
6785
- hasEvent(_type, _capture) {
6786
- return false;
6787
- }
6788
6681
  static changeAttr(attrName, defaultValue, fn) {
6789
6682
  fn ? this.addAttr(attrName, defaultValue, fn) : defineDataProcessor(this.prototype, attrName, defaultValue);
6790
6683
  }
@@ -7090,7 +6983,7 @@ class LeafLevelList {
7090
6983
  }
7091
6984
  }
7092
6985
 
7093
- const version = "2.1.4";
6986
+ const version = "2.1.6";
7094
6987
 
7095
6988
  class LeaferCanvas extends LeaferCanvasBase {
7096
6989
  get allowBackgroundColor() {
@@ -8377,17 +8270,12 @@ let UI = UI_1 = class UI extends Leaf {
8377
8270
  if (!path) this.__drawPathByBox(pen);
8378
8271
  return pen;
8379
8272
  }
8380
- reset(_data) {}
8381
8273
  set(data, _transition) {
8382
8274
  if (data) Object.assign(this, data);
8383
8275
  }
8384
8276
  get(name) {
8385
8277
  return isString(name) ? this.__.__getInput(name) : this.__.__getInputData(name);
8386
8278
  }
8387
- createProxyData() {
8388
- return undefined;
8389
- }
8390
- clearProxyData() {}
8391
8279
  find(_condition, _options) {
8392
8280
  return Plugin.need("find");
8393
8281
  }
@@ -8425,6 +8313,7 @@ let UI = UI_1 = class UI extends Leaf {
8425
8313
  data.lazy && !this.__inLazyBounds && !Export.running ? data.__needComputePaint = true : data.__computePaint();
8426
8314
  }
8427
8315
  }
8316
+ __updatePath() {}
8428
8317
  __updateRenderPath(updateCache) {
8429
8318
  const data = this.__;
8430
8319
  if (data.path) {
@@ -8460,7 +8349,6 @@ let UI = UI_1 = class UI extends Leaf {
8460
8349
  this.set(keyframe);
8461
8350
  return Plugin.need("animate");
8462
8351
  }
8463
- killAnimate(_type, _nextStyle) {}
8464
8352
  export(_filename, _options) {
8465
8353
  return Plugin.need("export");
8466
8354
  }
@@ -8636,8 +8524,6 @@ __decorate([ dataType(100) ], UI.prototype, "placeholderDelay", void 0);
8636
8524
 
8637
8525
  __decorate([ dataType({}) ], UI.prototype, "data", void 0);
8638
8526
 
8639
- __decorate([ rewrite(Leaf.prototype.reset) ], UI.prototype, "reset", null);
8640
-
8641
8527
  UI = UI_1 = __decorate([ useModule(UIBounds), useModule(UIRender), rewriteAble() ], UI);
8642
8528
 
8643
8529
  let Group = class Group extends UI {
@@ -8674,9 +8560,6 @@ let Group = class Group extends UI {
8674
8560
  }
8675
8561
  return data;
8676
8562
  }
8677
- pick(_hitPoint, _options) {
8678
- return undefined;
8679
- }
8680
8563
  addAt(child, index) {
8681
8564
  this.add(child, index);
8682
8565
  }
@@ -8686,11 +8569,6 @@ let Group = class Group extends UI {
8686
8569
  addBefore(child, before) {
8687
8570
  this.add(child, this.children.indexOf(before));
8688
8571
  }
8689
- add(_child, _index) {}
8690
- addMany(..._children) {}
8691
- remove(_child, _destroy) {}
8692
- removeAll(_destroy) {}
8693
- clear() {}
8694
8572
  };
8695
8573
 
8696
8574
  __decorate([ dataProcessor(GroupData) ], Group.prototype, "__", void 0);
@@ -9664,51 +9542,6 @@ let Pen = class Pen extends Group {
9664
9542
  this.add(path);
9665
9543
  return this;
9666
9544
  }
9667
- beginPath() {
9668
- return this;
9669
- }
9670
- moveTo(_x, _y) {
9671
- return this;
9672
- }
9673
- lineTo(_x, _y) {
9674
- return this;
9675
- }
9676
- bezierCurveTo(_x1, _y1, _x2, _y2, _x, _y) {
9677
- return this;
9678
- }
9679
- quadraticCurveTo(_x1, _y1, _x, _y) {
9680
- return this;
9681
- }
9682
- closePath() {
9683
- return this;
9684
- }
9685
- rect(_x, _y, _width, _height) {
9686
- return this;
9687
- }
9688
- roundRect(_x, _y, _width, _height, _cornerRadius) {
9689
- return this;
9690
- }
9691
- ellipse(_x, _y, _radiusX, _radiusY, _rotation, _startAngle, _endAngle, _anticlockwise) {
9692
- return this;
9693
- }
9694
- arc(_x, _y, _radius, _startAngle, _endAngle, _anticlockwise) {
9695
- return this;
9696
- }
9697
- arcTo(_x1, _y1, _x2, _y2, _radius) {
9698
- return this;
9699
- }
9700
- drawEllipse(_x, _y, _radiusX, _radiusY, _rotation, _startAngle, _endAngle, _anticlockwise) {
9701
- return this;
9702
- }
9703
- drawArc(_x, _y, _radius, _startAngle, _endAngle, _anticlockwise) {
9704
- return this;
9705
- }
9706
- drawPoints(_points, _curve, _close) {
9707
- return this;
9708
- }
9709
- clearPath() {
9710
- return this;
9711
- }
9712
9545
  paint() {
9713
9546
  const {pathElement: pathElement} = this;
9714
9547
  if (!pathElement.__layout.boxChanged) pathElement.forceUpdate("path");
@@ -10174,7 +10007,7 @@ function checkSizeAndCreateData(ui, attrName, paint, image, leafPaint, boxBounds
10174
10007
  needUpdate = false;
10175
10008
  }
10176
10009
  }
10177
- if (paint.mode === "brush") PaintImage.brush(leafPaint, ui);
10010
+ if (paint.mode === "brush") PaintImage.brush(leafPaint, ui, attrName);
10178
10011
  if (!leafPaint.data) {
10179
10012
  PaintImage.createData(leafPaint, image, paint, boxBounds);
10180
10013
  const {transform: transform} = leafPaint.data, {opacity: opacity} = paint;
@@ -10269,8 +10102,9 @@ function getPatternData(paint, box, image) {
10269
10102
  break;
10270
10103
 
10271
10104
  case "repeat":
10272
- case "brush":
10273
10105
  if (!sameBox || scaleX || rotation || skew) PaintImage.repeatMode(data, box, width, height, tempImage.x, tempImage.y, scaleX, scaleY, rotation, skew, align, paint.freeTransform);
10106
+
10107
+ case "brush":
10274
10108
  if (!repeat) data.repeat = "repeat";
10275
10109
  const count = isObject(repeat);
10276
10110
  if (gap || count) data.gap = getGapData(gap, count && repeat, tempImage.width, tempImage.height, box);
@@ -10281,7 +10115,7 @@ function getPatternData(paint, box, image) {
10281
10115
  default:
10282
10116
  if (scaleX) PaintImage.fillOrFitMode(data, box, tempImage.x, tempImage.y, scaleX, scaleY, rotation);
10283
10117
  }
10284
- if (!data.transform) {
10118
+ if (!data.transform && mode !== "brush") {
10285
10119
  if (box.x || box.y) translate$1(data.transform = get$3(), box.x, box.y);
10286
10120
  }
10287
10121
  if (scaleX) {
@@ -10410,8 +10244,9 @@ function createPattern(paint, ui, canvas, renderOptions) {
10410
10244
  let {scaleX: scaleX, scaleY: scaleY} = PaintImage.getImageRenderScaleData(paint, ui, canvas, renderOptions), id = paint.film ? paint.nowIndex : scaleX + "-" + scaleY;
10411
10245
  if (paint.patternId !== id && !ui.destroyed) {
10412
10246
  if (!(Platform.image.isLarge(paint.image, scaleX, scaleY) && !paint.data.repeat)) {
10413
- const {image: image, brush: brush, data: data} = paint, {opacity: opacity} = paint.originPaint, {transform: transform, gap: gap} = data, fixScale = PaintImage.getPatternFixScale(paint, scaleX, scaleY);
10414
- let imageMatrix, xGap, yGap, {width: width, height: height} = image;
10247
+ const {image: image, brush: brush, data: data} = paint, {transform: transform, gap: gap} = data, fixScale = PaintImage.getPatternFixScale(paint, scaleX, scaleY);
10248
+ let imageMatrix, xGap, yGap, {width: width, height: height} = image, {opacity: opacity} = paint.originPaint;
10249
+ if (brush || opacity === 1) opacity = undefined;
10415
10250
  if (fixScale) scaleX *= fixScale, scaleY *= fixScale;
10416
10251
  width *= scaleX;
10417
10252
  height *= scaleY;