leafer-draw 2.1.4 → 2.1.5

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) {
@@ -5519,6 +5521,7 @@ class LeafLayout {
5519
5521
  this.renderChanged = true;
5520
5522
  this.renderSpread || (this.renderSpread = 1);
5521
5523
  this.boundsChanged = true;
5524
+ this.hitCanvasChanged = true;
5522
5525
  }
5523
5526
  scaleChange() {
5524
5527
  this.scaleChanged = true;
@@ -6459,10 +6462,6 @@ let Leaf = class Leaf {
6459
6462
  }
6460
6463
  }
6461
6464
  }
6462
- set(_data, _isTemp) {}
6463
- get(_name) {
6464
- return undefined;
6465
- }
6466
6465
  setAttr(name, value) {
6467
6466
  this[name] = value;
6468
6467
  }
@@ -6479,37 +6478,10 @@ let Leaf = class Leaf {
6479
6478
  toString(options) {
6480
6479
  return JSON.stringify(this.toJSON(options));
6481
6480
  }
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;
6481
+ scaleResize(scaleX, scaleY = scaleX, _noResize, _boundsType) {
6482
+ this.scaleX *= scaleX;
6483
+ this.scaleY *= scaleY;
6510
6484
  }
6511
- focus(_value) {}
6512
- updateState() {}
6513
6485
  updateLayout() {
6514
6486
  this.__layout.update();
6515
6487
  }
@@ -6525,27 +6497,6 @@ let Leaf = class Leaf {
6525
6497
  __extraUpdate() {
6526
6498
  if (this.leaferIsReady) this.leafer.layouter.addExtra(this);
6527
6499
  }
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
6500
  __updateEraser(value) {
6550
6501
  this.__hasEraser = value ? true : this.children.some(item => item.__.eraser);
6551
6502
  }
@@ -6559,7 +6510,6 @@ let Leaf = class Leaf {
6559
6510
  __updateMask(_value) {
6560
6511
  this.__hasMask = this.children.some(item => item.__.mask && item.__.visible && item.__.opacity);
6561
6512
  }
6562
- __renderMask(_canvas, _options) {}
6563
6513
  __getNowWorld(options) {
6564
6514
  if (options.matrix) {
6565
6515
  if (!this.__cameraWorld) this.__cameraWorld = {};
@@ -6715,76 +6665,12 @@ let Leaf = class Leaf {
6715
6665
  flip(axis, transition) {
6716
6666
  transform(this, getFlipTransform(this, axis), false, transition);
6717
6667
  }
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
6668
  remove(_child, destroy) {
6771
6669
  if (this.parent) this.parent.remove(this, destroy);
6772
6670
  }
6773
6671
  dropTo(parent, index, resize) {
6774
6672
  drop(this, parent, index, resize);
6775
6673
  }
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
6674
  static changeAttr(attrName, defaultValue, fn) {
6789
6675
  fn ? this.addAttr(attrName, defaultValue, fn) : defineDataProcessor(this.prototype, attrName, defaultValue);
6790
6676
  }
@@ -7090,7 +6976,7 @@ class LeafLevelList {
7090
6976
  }
7091
6977
  }
7092
6978
 
7093
- const version = "2.1.4";
6979
+ const version = "2.1.5";
7094
6980
 
7095
6981
  const debug$4 = Debug.get("LeaferCanvas");
7096
6982
 
@@ -8571,17 +8457,12 @@ let UI = UI_1 = class UI extends Leaf {
8571
8457
  if (!path) this.__drawPathByBox(pen);
8572
8458
  return pen;
8573
8459
  }
8574
- reset(_data) {}
8575
8460
  set(data, _transition) {
8576
8461
  if (data) Object.assign(this, data);
8577
8462
  }
8578
8463
  get(name) {
8579
8464
  return isString(name) ? this.__.__getInput(name) : this.__.__getInputData(name);
8580
8465
  }
8581
- createProxyData() {
8582
- return undefined;
8583
- }
8584
- clearProxyData() {}
8585
8466
  find(_condition, _options) {
8586
8467
  return Plugin.need("find");
8587
8468
  }
@@ -8619,6 +8500,7 @@ let UI = UI_1 = class UI extends Leaf {
8619
8500
  data.lazy && !this.__inLazyBounds && !Export.running ? data.__needComputePaint = true : data.__computePaint();
8620
8501
  }
8621
8502
  }
8503
+ __updatePath() {}
8622
8504
  __updateRenderPath(updateCache) {
8623
8505
  const data = this.__;
8624
8506
  if (data.path) {
@@ -8654,7 +8536,6 @@ let UI = UI_1 = class UI extends Leaf {
8654
8536
  this.set(keyframe);
8655
8537
  return Plugin.need("animate");
8656
8538
  }
8657
- killAnimate(_type, _nextStyle) {}
8658
8539
  export(_filename, _options) {
8659
8540
  return Plugin.need("export");
8660
8541
  }
@@ -8830,8 +8711,6 @@ __decorate([ dataType(100) ], UI.prototype, "placeholderDelay", void 0);
8830
8711
 
8831
8712
  __decorate([ dataType({}) ], UI.prototype, "data", void 0);
8832
8713
 
8833
- __decorate([ rewrite(Leaf.prototype.reset) ], UI.prototype, "reset", null);
8834
-
8835
8714
  UI = UI_1 = __decorate([ useModule(UIBounds), useModule(UIRender), rewriteAble() ], UI);
8836
8715
 
8837
8716
  let Group = class Group extends UI {
@@ -8868,9 +8747,6 @@ let Group = class Group extends UI {
8868
8747
  }
8869
8748
  return data;
8870
8749
  }
8871
- pick(_hitPoint, _options) {
8872
- return undefined;
8873
- }
8874
8750
  addAt(child, index) {
8875
8751
  this.add(child, index);
8876
8752
  }
@@ -8880,11 +8756,6 @@ let Group = class Group extends UI {
8880
8756
  addBefore(child, before) {
8881
8757
  this.add(child, this.children.indexOf(before));
8882
8758
  }
8883
- add(_child, _index) {}
8884
- addMany(..._children) {}
8885
- remove(_child, _destroy) {}
8886
- removeAll(_destroy) {}
8887
- clear() {}
8888
8759
  };
8889
8760
 
8890
8761
  __decorate([ dataProcessor(GroupData) ], Group.prototype, "__", void 0);
@@ -9858,51 +9729,6 @@ let Pen = class Pen extends Group {
9858
9729
  this.add(path);
9859
9730
  return this;
9860
9731
  }
9861
- beginPath() {
9862
- return this;
9863
- }
9864
- moveTo(_x, _y) {
9865
- return this;
9866
- }
9867
- lineTo(_x, _y) {
9868
- return this;
9869
- }
9870
- bezierCurveTo(_x1, _y1, _x2, _y2, _x, _y) {
9871
- return this;
9872
- }
9873
- quadraticCurveTo(_x1, _y1, _x, _y) {
9874
- return this;
9875
- }
9876
- closePath() {
9877
- return this;
9878
- }
9879
- rect(_x, _y, _width, _height) {
9880
- return this;
9881
- }
9882
- roundRect(_x, _y, _width, _height, _cornerRadius) {
9883
- return this;
9884
- }
9885
- ellipse(_x, _y, _radiusX, _radiusY, _rotation, _startAngle, _endAngle, _anticlockwise) {
9886
- return this;
9887
- }
9888
- arc(_x, _y, _radius, _startAngle, _endAngle, _anticlockwise) {
9889
- return this;
9890
- }
9891
- arcTo(_x1, _y1, _x2, _y2, _radius) {
9892
- return this;
9893
- }
9894
- drawEllipse(_x, _y, _radiusX, _radiusY, _rotation, _startAngle, _endAngle, _anticlockwise) {
9895
- return this;
9896
- }
9897
- drawArc(_x, _y, _radius, _startAngle, _endAngle, _anticlockwise) {
9898
- return this;
9899
- }
9900
- drawPoints(_points, _curve, _close) {
9901
- return this;
9902
- }
9903
- clearPath() {
9904
- return this;
9905
- }
9906
9732
  paint() {
9907
9733
  const {pathElement: pathElement} = this;
9908
9734
  if (!pathElement.__layout.boxChanged) pathElement.forceUpdate("path");
@@ -10368,7 +10194,7 @@ function checkSizeAndCreateData(ui, attrName, paint, image, leafPaint, boxBounds
10368
10194
  needUpdate = false;
10369
10195
  }
10370
10196
  }
10371
- if (paint.mode === "brush") PaintImage.brush(leafPaint, ui);
10197
+ if (paint.mode === "brush") PaintImage.brush(leafPaint, ui, attrName);
10372
10198
  if (!leafPaint.data) {
10373
10199
  PaintImage.createData(leafPaint, image, paint, boxBounds);
10374
10200
  const {transform: transform} = leafPaint.data, {opacity: opacity} = paint;