leafer-ui 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.
- package/dist/web.cjs +1 -1
- package/dist/web.esm.js +1 -1
- package/dist/web.esm.min.js +1 -1
- package/dist/web.esm.min.js.map +1 -1
- package/dist/web.js +12 -185
- package/dist/web.min.cjs +1 -1
- package/dist/web.min.cjs.map +1 -1
- package/dist/web.min.js +1 -1
- package/dist/web.min.js.map +1 -1
- package/dist/web.module.js +12 -186
- package/dist/web.module.min.js +1 -1
- package/dist/web.module.min.js.map +1 -1
- package/package.json +11 -11
package/dist/web.module.js
CHANGED
|
@@ -260,7 +260,7 @@ const IncrementId = {
|
|
|
260
260
|
RUNTIME: "runtime",
|
|
261
261
|
LEAF: "leaf",
|
|
262
262
|
TASK: "task",
|
|
263
|
-
|
|
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$2(t.x) === float$2(point.x) && float$2(t.y) === float$2(point.y);
|
|
915
915
|
},
|
|
916
916
|
reset(t) {
|
|
917
|
-
|
|
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.
|
|
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
|
-
|
|
6483
|
-
|
|
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.
|
|
6979
|
+
const version = "2.1.5";
|
|
7094
6980
|
|
|
7095
6981
|
const debug$5 = Debug.get("LeaferCanvas");
|
|
7096
6982
|
|
|
@@ -8771,17 +8657,12 @@ let UI = UI_1 = class UI extends Leaf {
|
|
|
8771
8657
|
if (!path) this.__drawPathByBox(pen);
|
|
8772
8658
|
return pen;
|
|
8773
8659
|
}
|
|
8774
|
-
reset(_data) {}
|
|
8775
8660
|
set(data, _transition) {
|
|
8776
8661
|
if (data) Object.assign(this, data);
|
|
8777
8662
|
}
|
|
8778
8663
|
get(name) {
|
|
8779
8664
|
return isString(name) ? this.__.__getInput(name) : this.__.__getInputData(name);
|
|
8780
8665
|
}
|
|
8781
|
-
createProxyData() {
|
|
8782
|
-
return undefined;
|
|
8783
|
-
}
|
|
8784
|
-
clearProxyData() {}
|
|
8785
8666
|
find(_condition, _options) {
|
|
8786
8667
|
return Plugin.need("find");
|
|
8787
8668
|
}
|
|
@@ -8819,6 +8700,7 @@ let UI = UI_1 = class UI extends Leaf {
|
|
|
8819
8700
|
data.lazy && !this.__inLazyBounds && !Export.running ? data.__needComputePaint = true : data.__computePaint();
|
|
8820
8701
|
}
|
|
8821
8702
|
}
|
|
8703
|
+
__updatePath() {}
|
|
8822
8704
|
__updateRenderPath(updateCache) {
|
|
8823
8705
|
const data = this.__;
|
|
8824
8706
|
if (data.path) {
|
|
@@ -8854,7 +8736,6 @@ let UI = UI_1 = class UI extends Leaf {
|
|
|
8854
8736
|
this.set(keyframe);
|
|
8855
8737
|
return Plugin.need("animate");
|
|
8856
8738
|
}
|
|
8857
|
-
killAnimate(_type, _nextStyle) {}
|
|
8858
8739
|
export(_filename, _options) {
|
|
8859
8740
|
return Plugin.need("export");
|
|
8860
8741
|
}
|
|
@@ -9030,8 +8911,6 @@ __decorate([ dataType(100) ], UI.prototype, "placeholderDelay", void 0);
|
|
|
9030
8911
|
|
|
9031
8912
|
__decorate([ dataType({}) ], UI.prototype, "data", void 0);
|
|
9032
8913
|
|
|
9033
|
-
__decorate([ rewrite(Leaf.prototype.reset) ], UI.prototype, "reset", null);
|
|
9034
|
-
|
|
9035
8914
|
UI = UI_1 = __decorate([ useModule(UIBounds), useModule(UIRender), rewriteAble() ], UI);
|
|
9036
8915
|
|
|
9037
8916
|
let Group = class Group extends UI {
|
|
@@ -9068,9 +8947,6 @@ let Group = class Group extends UI {
|
|
|
9068
8947
|
}
|
|
9069
8948
|
return data;
|
|
9070
8949
|
}
|
|
9071
|
-
pick(_hitPoint, _options) {
|
|
9072
|
-
return undefined;
|
|
9073
|
-
}
|
|
9074
8950
|
addAt(child, index) {
|
|
9075
8951
|
this.add(child, index);
|
|
9076
8952
|
}
|
|
@@ -9080,11 +8956,6 @@ let Group = class Group extends UI {
|
|
|
9080
8956
|
addBefore(child, before) {
|
|
9081
8957
|
this.add(child, this.children.indexOf(before));
|
|
9082
8958
|
}
|
|
9083
|
-
add(_child, _index) {}
|
|
9084
|
-
addMany(..._children) {}
|
|
9085
|
-
remove(_child, _destroy) {}
|
|
9086
|
-
removeAll(_destroy) {}
|
|
9087
|
-
clear() {}
|
|
9088
8959
|
};
|
|
9089
8960
|
|
|
9090
8961
|
__decorate([ dataProcessor(GroupData) ], Group.prototype, "__", void 0);
|
|
@@ -10058,51 +9929,6 @@ let Pen = class Pen extends Group {
|
|
|
10058
9929
|
this.add(path);
|
|
10059
9930
|
return this;
|
|
10060
9931
|
}
|
|
10061
|
-
beginPath() {
|
|
10062
|
-
return this;
|
|
10063
|
-
}
|
|
10064
|
-
moveTo(_x, _y) {
|
|
10065
|
-
return this;
|
|
10066
|
-
}
|
|
10067
|
-
lineTo(_x, _y) {
|
|
10068
|
-
return this;
|
|
10069
|
-
}
|
|
10070
|
-
bezierCurveTo(_x1, _y1, _x2, _y2, _x, _y) {
|
|
10071
|
-
return this;
|
|
10072
|
-
}
|
|
10073
|
-
quadraticCurveTo(_x1, _y1, _x, _y) {
|
|
10074
|
-
return this;
|
|
10075
|
-
}
|
|
10076
|
-
closePath() {
|
|
10077
|
-
return this;
|
|
10078
|
-
}
|
|
10079
|
-
rect(_x, _y, _width, _height) {
|
|
10080
|
-
return this;
|
|
10081
|
-
}
|
|
10082
|
-
roundRect(_x, _y, _width, _height, _cornerRadius) {
|
|
10083
|
-
return this;
|
|
10084
|
-
}
|
|
10085
|
-
ellipse(_x, _y, _radiusX, _radiusY, _rotation, _startAngle, _endAngle, _anticlockwise) {
|
|
10086
|
-
return this;
|
|
10087
|
-
}
|
|
10088
|
-
arc(_x, _y, _radius, _startAngle, _endAngle, _anticlockwise) {
|
|
10089
|
-
return this;
|
|
10090
|
-
}
|
|
10091
|
-
arcTo(_x1, _y1, _x2, _y2, _radius) {
|
|
10092
|
-
return this;
|
|
10093
|
-
}
|
|
10094
|
-
drawEllipse(_x, _y, _radiusX, _radiusY, _rotation, _startAngle, _endAngle, _anticlockwise) {
|
|
10095
|
-
return this;
|
|
10096
|
-
}
|
|
10097
|
-
drawArc(_x, _y, _radius, _startAngle, _endAngle, _anticlockwise) {
|
|
10098
|
-
return this;
|
|
10099
|
-
}
|
|
10100
|
-
drawPoints(_points, _curve, _close) {
|
|
10101
|
-
return this;
|
|
10102
|
-
}
|
|
10103
|
-
clearPath() {
|
|
10104
|
-
return this;
|
|
10105
|
-
}
|
|
10106
9932
|
paint() {
|
|
10107
9933
|
const {pathElement: pathElement} = this;
|
|
10108
9934
|
if (!pathElement.__layout.boxChanged) pathElement.forceUpdate("path");
|
|
@@ -12417,7 +12243,7 @@ function checkSizeAndCreateData(ui, attrName, paint, image, leafPaint, boxBounds
|
|
|
12417
12243
|
needUpdate = false;
|
|
12418
12244
|
}
|
|
12419
12245
|
}
|
|
12420
|
-
if (paint.mode === "brush") PaintImage.brush(leafPaint, ui);
|
|
12246
|
+
if (paint.mode === "brush") PaintImage.brush(leafPaint, ui, attrName);
|
|
12421
12247
|
if (!leafPaint.data) {
|
|
12422
12248
|
PaintImage.createData(leafPaint, image, paint, boxBounds);
|
|
12423
12249
|
const {transform: transform} = leafPaint.data, {opacity: opacity} = paint;
|