@tarojs/plugin-platform-harmony-ets 4.0.0-beta.42 → 4.0.0-beta.43
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/apis/ui/animation/animation.ts +70 -28
- package/dist/components-harmony-ets/style.ets +73 -39
- package/dist/runtime-ets/dom/document.ts +0 -1
- package/dist/runtime-utils.js +70 -22
- package/dist/runtime-utils.js.map +1 -1
- package/dist/runtime.js +70 -22
- package/dist/runtime.js.map +1 -1
- package/package.json +9 -9
package/dist/runtime.js
CHANGED
|
@@ -3416,6 +3416,9 @@ class Animation {
|
|
|
3416
3416
|
transformOrigin,
|
|
3417
3417
|
rule: Object.assign({}, this.rule)
|
|
3418
3418
|
});
|
|
3419
|
+
if (this.rule.transform) {
|
|
3420
|
+
this.rule.transform = Object.assign({}, this.rule.transform);
|
|
3421
|
+
}
|
|
3419
3422
|
return this;
|
|
3420
3423
|
}
|
|
3421
3424
|
matrix(a, b, c, d, tx, ty) {
|
|
@@ -3427,75 +3430,120 @@ class Animation {
|
|
|
3427
3430
|
return this;
|
|
3428
3431
|
}
|
|
3429
3432
|
rotate(angle) {
|
|
3430
|
-
this.rule.
|
|
3433
|
+
if (!this.rule.transform) {
|
|
3434
|
+
this.rule.transform = {};
|
|
3435
|
+
}
|
|
3436
|
+
this.rule.transform.Rotate = { x: 0, y: 0, z: 1, angle };
|
|
3431
3437
|
return this;
|
|
3432
3438
|
}
|
|
3433
3439
|
rotate3d(x, y, z, angle) {
|
|
3434
|
-
this.rule.
|
|
3440
|
+
if (!this.rule.transform) {
|
|
3441
|
+
this.rule.transform = {};
|
|
3442
|
+
}
|
|
3443
|
+
this.rule.transform.Rotate = { x, y, z, angle };
|
|
3435
3444
|
return this;
|
|
3436
3445
|
}
|
|
3437
3446
|
rotateX(angle) {
|
|
3438
|
-
this.rule.
|
|
3447
|
+
if (!this.rule.transform) {
|
|
3448
|
+
this.rule.transform = {};
|
|
3449
|
+
}
|
|
3450
|
+
this.rule.transform.Rotate = { x: 1, y: 0, z: 0, angle };
|
|
3439
3451
|
return this;
|
|
3440
3452
|
}
|
|
3441
3453
|
rotateY(angle) {
|
|
3442
|
-
this.rule.
|
|
3454
|
+
if (!this.rule.transform) {
|
|
3455
|
+
this.rule.transform = {};
|
|
3456
|
+
}
|
|
3457
|
+
this.rule.transform.Rotate = { x: 0, y: 1, z: 0, angle };
|
|
3443
3458
|
return this;
|
|
3444
3459
|
}
|
|
3445
3460
|
rotateZ(angle) {
|
|
3446
|
-
this.rule.
|
|
3461
|
+
if (!this.rule.transform) {
|
|
3462
|
+
this.rule.transform = {};
|
|
3463
|
+
}
|
|
3464
|
+
this.rule.transform.Rotate = { x: 0, y: 0, z: 1, angle };
|
|
3447
3465
|
return this;
|
|
3448
3466
|
}
|
|
3449
3467
|
scale(sx, sy) {
|
|
3450
|
-
this.rule.
|
|
3468
|
+
if (!this.rule.transform) {
|
|
3469
|
+
this.rule.transform = {};
|
|
3470
|
+
}
|
|
3471
|
+
this.rule.transform.Scale = { x: sx, y: isUndefined(sy) ? sx : sy };
|
|
3451
3472
|
return this;
|
|
3452
3473
|
}
|
|
3453
3474
|
scale3d(sx, sy, sz) {
|
|
3454
|
-
this.rule.
|
|
3475
|
+
if (!this.rule.transform) {
|
|
3476
|
+
this.rule.transform = {};
|
|
3477
|
+
}
|
|
3478
|
+
this.rule.transform.Scale = { x: sx, y: sy, z: sz };
|
|
3455
3479
|
return this;
|
|
3456
3480
|
}
|
|
3457
3481
|
scaleX(scale) {
|
|
3458
|
-
this.rule.
|
|
3482
|
+
if (!this.rule.transform) {
|
|
3483
|
+
this.rule.transform = {};
|
|
3484
|
+
}
|
|
3485
|
+
this.rule.transform.Scale = { x: scale };
|
|
3459
3486
|
return this;
|
|
3460
3487
|
}
|
|
3461
3488
|
scaleY(scale) {
|
|
3462
|
-
this.rule.
|
|
3489
|
+
if (!this.rule.transform) {
|
|
3490
|
+
this.rule.transform = {};
|
|
3491
|
+
}
|
|
3492
|
+
this.rule.transform.Scale = { y: scale };
|
|
3463
3493
|
return this;
|
|
3464
3494
|
}
|
|
3465
3495
|
scaleZ(scale) {
|
|
3466
|
-
this.rule.
|
|
3496
|
+
if (!this.rule.transform) {
|
|
3497
|
+
this.rule.transform = {};
|
|
3498
|
+
}
|
|
3499
|
+
this.rule.transform.Scale = { z: scale };
|
|
3467
3500
|
return this;
|
|
3468
3501
|
}
|
|
3469
3502
|
skew(ax, ay) {
|
|
3470
|
-
|
|
3503
|
+
temporarilyNotSupport('animation.skew:' + `${ax}, ${ay}`)(ax, ay);
|
|
3471
3504
|
return this;
|
|
3472
3505
|
}
|
|
3473
3506
|
skewX(angle) {
|
|
3474
|
-
|
|
3507
|
+
temporarilyNotSupport('animation.skewX:' + angle)(angle);
|
|
3475
3508
|
return this;
|
|
3476
3509
|
}
|
|
3477
3510
|
skewY(angle) {
|
|
3478
|
-
|
|
3511
|
+
temporarilyNotSupport('animation.skewY:' + angle)(angle);
|
|
3479
3512
|
return this;
|
|
3480
3513
|
}
|
|
3481
3514
|
translate(tx, ty) {
|
|
3482
|
-
this.rule.
|
|
3515
|
+
if (!this.rule.transform) {
|
|
3516
|
+
this.rule.transform = {};
|
|
3517
|
+
}
|
|
3518
|
+
this.rule.transform.Translate = { x: tx, y: ty };
|
|
3483
3519
|
return this;
|
|
3484
3520
|
}
|
|
3485
3521
|
translate3d(tx, ty, tz) {
|
|
3486
|
-
this.rule.
|
|
3522
|
+
if (!this.rule.transform) {
|
|
3523
|
+
this.rule.transform = {};
|
|
3524
|
+
}
|
|
3525
|
+
this.rule.transform.Translate = { x: tx, y: ty, z: tz };
|
|
3487
3526
|
return this;
|
|
3488
3527
|
}
|
|
3489
3528
|
translateX(translation) {
|
|
3490
|
-
this.rule.
|
|
3529
|
+
if (!this.rule.transform) {
|
|
3530
|
+
this.rule.transform = {};
|
|
3531
|
+
}
|
|
3532
|
+
this.rule.transform.Translate = { x: translation };
|
|
3491
3533
|
return this;
|
|
3492
3534
|
}
|
|
3493
3535
|
translateY(translation) {
|
|
3494
|
-
this.rule.
|
|
3536
|
+
if (!this.rule.transform) {
|
|
3537
|
+
this.rule.transform = {};
|
|
3538
|
+
}
|
|
3539
|
+
this.rule.transform.Translate = { y: translation };
|
|
3495
3540
|
return this;
|
|
3496
3541
|
}
|
|
3497
3542
|
translateZ(translation) {
|
|
3498
|
-
this.rule.
|
|
3543
|
+
if (!this.rule.transform) {
|
|
3544
|
+
this.rule.transform = {};
|
|
3545
|
+
}
|
|
3546
|
+
this.rule.transform.Translate = { z: translation };
|
|
3499
3547
|
return this;
|
|
3500
3548
|
}
|
|
3501
3549
|
opacity(value) {
|
|
@@ -3507,15 +3555,15 @@ class Animation {
|
|
|
3507
3555
|
return this;
|
|
3508
3556
|
}
|
|
3509
3557
|
width(value) {
|
|
3510
|
-
this.rule.
|
|
3558
|
+
this.rule.width = value;
|
|
3511
3559
|
return this;
|
|
3512
3560
|
}
|
|
3513
3561
|
height(value) {
|
|
3514
|
-
this.rule.
|
|
3562
|
+
this.rule.height = value;
|
|
3515
3563
|
return this;
|
|
3516
3564
|
}
|
|
3517
3565
|
left(value) {
|
|
3518
|
-
|
|
3566
|
+
this.rule.left = value;
|
|
3519
3567
|
return this;
|
|
3520
3568
|
}
|
|
3521
3569
|
right(value) {
|
|
@@ -3523,7 +3571,7 @@ class Animation {
|
|
|
3523
3571
|
return this;
|
|
3524
3572
|
}
|
|
3525
3573
|
top(value) {
|
|
3526
|
-
|
|
3574
|
+
this.rule.top = value;
|
|
3527
3575
|
return this;
|
|
3528
3576
|
}
|
|
3529
3577
|
bottom(value) {
|