@visactor/vrender 1.0.0-alpha.3 → 1.0.0-alpha.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/cjs/index.d.ts +1 -1
- package/cjs/index.js +1 -1
- package/cjs/index.js.map +1 -1
- package/dist/index.es.js +348 -125
- package/dist/index.js +350 -124
- package/dist/index.min.js +1 -1
- package/es/index.d.ts +1 -1
- package/es/index.js +1 -1
- package/es/index.js.map +1 -1
- package/package.json +4 -4
package/dist/index.es.js
CHANGED
|
@@ -1220,6 +1220,9 @@ const isArrayLike = function (value) {
|
|
|
1220
1220
|
};
|
|
1221
1221
|
var isArrayLike$1 = isArrayLike;
|
|
1222
1222
|
|
|
1223
|
+
const isDate = value => isType$1(value, "Date");
|
|
1224
|
+
var isDate$1 = isDate;
|
|
1225
|
+
|
|
1223
1226
|
const isNumber = function (value) {
|
|
1224
1227
|
let fuzzy = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
|
|
1225
1228
|
const type = typeof value;
|
|
@@ -1240,6 +1243,22 @@ const hasOwnProperty = Object.prototype.hasOwnProperty,
|
|
|
1240
1243
|
has = (object, key) => null != object && hasOwnProperty.call(object, key);
|
|
1241
1244
|
var has$1 = has;
|
|
1242
1245
|
|
|
1246
|
+
function cloneDeep(value, ignoreWhen, excludeKeys) {
|
|
1247
|
+
let result;
|
|
1248
|
+
if (!isValid$1(value) || "object" != typeof value || ignoreWhen && ignoreWhen(value)) return value;
|
|
1249
|
+
const isArr = isArray$1(value),
|
|
1250
|
+
length = value.length;
|
|
1251
|
+
result = isArr ? new Array(length) : "object" == typeof value ? {} : isBoolean$1(value) || isNumber$1(value) || isString$1(value) ? value : isDate$1(value) ? new Date(+value) : void 0;
|
|
1252
|
+
const props = isArr ? void 0 : Object.keys(Object(value));
|
|
1253
|
+
let index = -1;
|
|
1254
|
+
if (result) for (; ++index < (props || value).length;) {
|
|
1255
|
+
const key = props ? props[index] : index,
|
|
1256
|
+
subValue = value[key];
|
|
1257
|
+
excludeKeys && excludeKeys.includes(key.toString()) ? result[key] = subValue : result[key] = cloneDeep(subValue, ignoreWhen, excludeKeys);
|
|
1258
|
+
}
|
|
1259
|
+
return result;
|
|
1260
|
+
}
|
|
1261
|
+
|
|
1243
1262
|
function baseMerge(target, source) {
|
|
1244
1263
|
let shallowArray = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !1;
|
|
1245
1264
|
let skipTargetArray = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : !1;
|
|
@@ -16844,6 +16863,12 @@ class Stage extends Group {
|
|
|
16844
16863
|
get eventSystem() {
|
|
16845
16864
|
return this._eventSystem;
|
|
16846
16865
|
}
|
|
16866
|
+
get ticker() {
|
|
16867
|
+
return this._ticker;
|
|
16868
|
+
}
|
|
16869
|
+
set ticker(ticker) {
|
|
16870
|
+
ticker.bindStage(this), this._ticker && this._ticker.removeListener("tick", this.afterTickCb), ticker.addTimeline(this.timeline), this._ticker = ticker, this._ticker.on("tick", this.afterTickCb);
|
|
16871
|
+
}
|
|
16847
16872
|
constructor() {
|
|
16848
16873
|
let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
16849
16874
|
var _a, _b;
|
|
@@ -16860,7 +16885,7 @@ class Stage extends Group {
|
|
|
16860
16885
|
}, this.afterRender = stage => {
|
|
16861
16886
|
this.renderCount++, this._afterRender && this._afterRender(stage), this._afterNextRenderCbs && this._afterNextRenderCbs.forEach(cb => cb(stage)), this._afterNextRenderCbs = null, this.tickedBeforeRender = !1;
|
|
16862
16887
|
}, this.afterTickCb = () => {
|
|
16863
|
-
this.tickedBeforeRender = !0, "rendering" !== this.state && this.
|
|
16888
|
+
this.tickedBeforeRender = !0, "rendering" !== this.state && this.renderNextFrame();
|
|
16864
16889
|
}, this.params = params, this.theme = new Theme(), this.hooks = {
|
|
16865
16890
|
beforeRender: new SyncHook(["stage"]),
|
|
16866
16891
|
afterRender: new SyncHook(["stage"])
|
|
@@ -16883,10 +16908,10 @@ class Stage extends Group {
|
|
|
16883
16908
|
}
|
|
16884
16909
|
initAnimate(params) {
|
|
16885
16910
|
var _a;
|
|
16886
|
-
this.createTicker && this.createTimeline && (this.
|
|
16911
|
+
this.createTicker && this.createTimeline && (this._ticker = params.ticker || this.createTicker(this), this._ticker.bindStage(this), "performance" === (null === (_a = this.params.optimize) || void 0 === _a ? void 0 : _a.tickRenderMode) && this._ticker.setFPS(30), this.timeline = this.createTimeline(), this._ticker.addTimeline(this.timeline), this._ticker.on("tick", this.afterTickCb));
|
|
16887
16912
|
}
|
|
16888
16913
|
startAnimate() {
|
|
16889
|
-
this.
|
|
16914
|
+
this._ticker && this.timeline && (this._ticker.start(), this.timeline.resume());
|
|
16890
16915
|
}
|
|
16891
16916
|
pauseRender() {
|
|
16892
16917
|
let sr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;
|
|
@@ -17219,7 +17244,7 @@ class Stage extends Group {
|
|
|
17219
17244
|
layer.release();
|
|
17220
17245
|
}), this.interactiveLayer && (this.interactiveLayer.forEachChildren(item => {
|
|
17221
17246
|
item.setStage && item.setStage(null, null), this.interactiveLayer.removeChild(item);
|
|
17222
|
-
}), this.interactiveLayer.release()), this.window.release(), null === (_a = this.
|
|
17247
|
+
}), this.interactiveLayer.release()), this.window.release(), null === (_a = this._ticker) || void 0 === _a || _a.remTimeline(null == this ? void 0 : this.timeline), null === (_b = this._ticker) || void 0 === _b || _b.removeListener("tick", this.afterTickCb), this.renderService.renderTreeRoots = [];
|
|
17223
17248
|
}
|
|
17224
17249
|
setStage(stage) {}
|
|
17225
17250
|
dirty(b, matrix) {
|
|
@@ -30158,7 +30183,7 @@ class Step {
|
|
|
30158
30183
|
tryPreventConflict() {
|
|
30159
30184
|
const animate = this.animate;
|
|
30160
30185
|
this.target.animates.forEach(a => {
|
|
30161
|
-
if (a === animate || a.priority > animate.priority) return;
|
|
30186
|
+
if (a === animate || a.priority > animate.priority || a.priority === 1 / 0) return;
|
|
30162
30187
|
const fromProps = a.getStartProps();
|
|
30163
30188
|
this.propKeys.forEach(key => {
|
|
30164
30189
|
null != fromProps[key] && a.preventAttr(key);
|
|
@@ -30204,6 +30229,13 @@ class WaitStep extends Step {
|
|
|
30204
30229
|
constructor(type, props, duration, easing) {
|
|
30205
30230
|
super(type, props, duration, easing);
|
|
30206
30231
|
}
|
|
30232
|
+
onStart() {
|
|
30233
|
+
super.onStart();
|
|
30234
|
+
}
|
|
30235
|
+
onFirstRun() {
|
|
30236
|
+
const fromProps = this.getFromProps();
|
|
30237
|
+
this.target.setAttributes(fromProps);
|
|
30238
|
+
}
|
|
30207
30239
|
update(end, ratio, out) {
|
|
30208
30240
|
this.onStart();
|
|
30209
30241
|
}
|
|
@@ -30212,19 +30244,29 @@ class WaitStep extends Step {
|
|
|
30212
30244
|
|
|
30213
30245
|
class DefaultTimeline {
|
|
30214
30246
|
get animateCount() {
|
|
30215
|
-
return this.
|
|
30247
|
+
return this._animateCount;
|
|
30216
30248
|
}
|
|
30217
30249
|
constructor() {
|
|
30218
|
-
this.
|
|
30250
|
+
this.head = null, this.tail = null, this.animateMap = new Map(), this._animateCount = 0, this._playSpeed = 1, this._totalDuration = 0, this._startTime = 0, this._currentTime = 0, this.id = Generator.GenAutoIncrementId(), this.paused = !1;
|
|
30219
30251
|
}
|
|
30220
30252
|
isRunning() {
|
|
30221
|
-
return !this.paused && this.
|
|
30253
|
+
return !this.paused && this._animateCount > 0;
|
|
30222
30254
|
}
|
|
30223
30255
|
forEachAccessAnimate(cb) {
|
|
30224
|
-
|
|
30256
|
+
let current = this.head,
|
|
30257
|
+
index = 0;
|
|
30258
|
+
for (; current;) {
|
|
30259
|
+
const next = current.next;
|
|
30260
|
+
cb(current.animate, index), index++, current = next;
|
|
30261
|
+
}
|
|
30225
30262
|
}
|
|
30226
30263
|
addAnimate(animate) {
|
|
30227
|
-
|
|
30264
|
+
const newNode = {
|
|
30265
|
+
animate: animate,
|
|
30266
|
+
next: null,
|
|
30267
|
+
prev: null
|
|
30268
|
+
};
|
|
30269
|
+
this.head ? this.tail && (this.tail.next = newNode, newNode.prev = this.tail, this.tail = newNode) : (this.head = newNode, this.tail = newNode), this.animateMap.set(animate, newNode), this._animateCount++, this._totalDuration = Math.max(this._totalDuration, animate.getStartTime() + animate.getDuration());
|
|
30228
30270
|
}
|
|
30229
30271
|
pause() {
|
|
30230
30272
|
this.paused = !0;
|
|
@@ -30236,21 +30278,21 @@ class DefaultTimeline {
|
|
|
30236
30278
|
if (this.paused) return;
|
|
30237
30279
|
const scaledDelta = delta * this._playSpeed;
|
|
30238
30280
|
this._currentTime += scaledDelta, this.forEachAccessAnimate((animate, i) => {
|
|
30239
|
-
animate.status === AnimateStatus.END ? this.removeAnimate(animate, !0
|
|
30281
|
+
animate.status === AnimateStatus.END ? this.removeAnimate(animate, !0) : animate.status !== AnimateStatus.RUNNING && animate.status !== AnimateStatus.INITIAL || animate.advance(scaledDelta);
|
|
30240
30282
|
});
|
|
30241
30283
|
}
|
|
30242
30284
|
clear() {
|
|
30243
30285
|
this.forEachAccessAnimate(animate => {
|
|
30244
30286
|
animate.release();
|
|
30245
|
-
}), this.
|
|
30287
|
+
}), this.head = null, this.tail = null, this.animateMap.clear(), this._animateCount = 0, this._totalDuration = 0;
|
|
30246
30288
|
}
|
|
30247
30289
|
removeAnimate(animate) {
|
|
30248
30290
|
let release = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
|
|
30249
|
-
|
|
30250
|
-
|
|
30291
|
+
const node = this.animateMap.get(animate);
|
|
30292
|
+
node && (release && (animate._onRemove && animate._onRemove.forEach(cb => cb()), animate.release()), node.prev ? node.prev.next = node.next : this.head = node.next, node.next ? node.next.prev = node.prev : this.tail = node.prev, this.animateMap.delete(animate), this._animateCount--, animate.getStartTime() + animate.getDuration() >= this._totalDuration && this.recalculateTotalDuration());
|
|
30251
30293
|
}
|
|
30252
30294
|
recalculateTotalDuration() {
|
|
30253
|
-
this._totalDuration = 0, this.
|
|
30295
|
+
this._totalDuration = 0, this.forEachAccessAnimate(animate => {
|
|
30254
30296
|
this._totalDuration = Math.max(this._totalDuration, animate.getStartTime() + animate.getDuration());
|
|
30255
30297
|
});
|
|
30256
30298
|
}
|
|
@@ -30435,11 +30477,11 @@ class Animate {
|
|
|
30435
30477
|
return this._bounce = b, this;
|
|
30436
30478
|
}
|
|
30437
30479
|
advance(delta) {
|
|
30438
|
-
var _a;
|
|
30480
|
+
var _a, _b, _c;
|
|
30439
30481
|
if (this.status === AnimateStatus.END) return void console.warn("aaa 动画已经结束,不能推进");
|
|
30440
30482
|
const nextTime = this.currentTime + delta;
|
|
30441
30483
|
if (nextTime < this._startTime) return void (this.currentTime = nextTime);
|
|
30442
|
-
if (nextTime >= this._startTime + this._totalDuration) return null === (_a = this._lastStep) || void 0 === _a || _a.onEnd(), this.onEnd(), void (this.status = AnimateStatus.END);
|
|
30484
|
+
if (nextTime >= this._startTime + this._totalDuration) return null === (_a = this._lastStep) || void 0 === _a || _a.onUpdate(!0, 1, {}), null === (_b = this._lastStep) || void 0 === _b || _b.onEnd(), this.onEnd(), void (this.status = AnimateStatus.END);
|
|
30443
30485
|
this.status = AnimateStatus.RUNNING, this.currentTime <= this._startTime && this.onStart(), this.currentTime = nextTime;
|
|
30444
30486
|
let cycleTime = nextTime - this._startTime,
|
|
30445
30487
|
newLoop = !1,
|
|
@@ -30464,9 +30506,10 @@ class Animate {
|
|
|
30464
30506
|
}
|
|
30465
30507
|
}
|
|
30466
30508
|
if (!targetStep) return;
|
|
30509
|
+
targetStep !== this.lastRunStep && (null === (_c = this.lastRunStep) || void 0 === _c || _c.onEnd()), this.lastRunStep = targetStep;
|
|
30467
30510
|
const ratio = (cycleTime - targetStep.getStartTime()) / targetStep.getDuration(),
|
|
30468
30511
|
isEnd = ratio >= 1;
|
|
30469
|
-
targetStep.update(isEnd, ratio, {}), isEnd && targetStep.onEnd();
|
|
30512
|
+
targetStep.update(isEnd, ratio, {}), isEnd && (targetStep.onEnd(), this.lastRunStep = null);
|
|
30470
30513
|
}
|
|
30471
30514
|
updateDuration() {
|
|
30472
30515
|
this._lastStep ? (this._duration = this._lastStep.getStartTime() + this._lastStep.getDuration(), this._totalDuration = this._duration * (this._loopCount + 1)) : this._duration = 0;
|
|
@@ -30498,10 +30541,7 @@ class RAFTickHandler {
|
|
|
30498
30541
|
}
|
|
30499
30542
|
class DefaultTicker extends EventEmitter {
|
|
30500
30543
|
constructor(stage) {
|
|
30501
|
-
super(), this.timelines = [], this.frameTimeHistory = [], this.
|
|
30502
|
-
if ("performance" === this.stage.params.optimize.tickRenderMode) return !1;
|
|
30503
|
-
return delta < this.interval + 2 * (Math.random() - .5) * this._jitter;
|
|
30504
|
-
}, this.handleTick = (handler, params) => {
|
|
30544
|
+
super(), this.timelines = [], this.frameTimeHistory = [], this.handleTick = (handler, params) => {
|
|
30505
30545
|
const {
|
|
30506
30546
|
once = !1
|
|
30507
30547
|
} = null != params ? params : {};
|
|
@@ -30517,6 +30557,9 @@ class DefaultTicker extends EventEmitter {
|
|
|
30517
30557
|
}), this.emit("tick", delta));
|
|
30518
30558
|
}, this.init(), this.lastFrameTime = -1, this.tickCounts = 0, this.stage = stage, this.autoStop = !0, this.interval = 16, this.computeTimeOffsetAndJitter();
|
|
30519
30559
|
}
|
|
30560
|
+
bindStage(stage) {
|
|
30561
|
+
this.stage = stage;
|
|
30562
|
+
}
|
|
30520
30563
|
computeTimeOffsetAndJitter() {
|
|
30521
30564
|
this.timeOffset = Math.floor(Math.random() * this.interval), this._jitter = Math.min(Math.max(.2 * this.interval, 6), .7 * this.interval);
|
|
30522
30565
|
}
|
|
@@ -30598,14 +30641,18 @@ class DefaultTicker extends EventEmitter {
|
|
|
30598
30641
|
var _a;
|
|
30599
30642
|
this.stop(), this.timelines = [], null === (_a = this.tickerHandler) || void 0 === _a || _a.release(), this.tickerHandler = null, this.lastFrameTime = -1;
|
|
30600
30643
|
}
|
|
30644
|
+
checkSkip(delta) {
|
|
30645
|
+
if ("performance" === this.stage.params.optimize.tickRenderMode) return !1;
|
|
30646
|
+
return delta < this.interval + 2 * (Math.random() - .5) * this._jitter;
|
|
30647
|
+
}
|
|
30601
30648
|
}
|
|
30602
30649
|
|
|
30603
30650
|
class ManualTickHandler {
|
|
30604
30651
|
constructor() {
|
|
30605
|
-
this.released = !1, this.
|
|
30652
|
+
this.released = !1, this.currentTime = -1;
|
|
30606
30653
|
}
|
|
30607
30654
|
tick(interval, cb) {
|
|
30608
|
-
this.
|
|
30655
|
+
this.currentTime < 0 && (this.currentTime = 0), this.currentTime += interval, cb(this);
|
|
30609
30656
|
}
|
|
30610
30657
|
release() {
|
|
30611
30658
|
this.released = !0;
|
|
@@ -30613,15 +30660,39 @@ class ManualTickHandler {
|
|
|
30613
30660
|
getTime() {
|
|
30614
30661
|
return this.currentTime;
|
|
30615
30662
|
}
|
|
30663
|
+
tickTo(time, cb) {
|
|
30664
|
+
this.currentTime < 0 && (this.currentTime = 0);
|
|
30665
|
+
const interval = time - this.currentTime;
|
|
30666
|
+
this.tick(interval, cb);
|
|
30667
|
+
}
|
|
30616
30668
|
}
|
|
30617
30669
|
class ManualTicker extends DefaultTicker {
|
|
30670
|
+
constructor(stage) {
|
|
30671
|
+
super(stage), this.lastFrameTime = 0, this.status = STATUS$1.RUNNING;
|
|
30672
|
+
}
|
|
30618
30673
|
setupTickHandler() {
|
|
30619
30674
|
const handler = new ManualTickHandler();
|
|
30620
30675
|
return this.tickerHandler && this.tickerHandler.release(), this.tickerHandler = handler, !0;
|
|
30621
30676
|
}
|
|
30677
|
+
checkSkip(delta) {
|
|
30678
|
+
return !1;
|
|
30679
|
+
}
|
|
30622
30680
|
getTime() {
|
|
30623
30681
|
return this.tickerHandler.getTime();
|
|
30624
30682
|
}
|
|
30683
|
+
tickAt(time) {
|
|
30684
|
+
this.tickTo(time);
|
|
30685
|
+
}
|
|
30686
|
+
start() {
|
|
30687
|
+
let force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !1;
|
|
30688
|
+
if (this.status === STATUS$1.RUNNING) return !1;
|
|
30689
|
+
if (!this.tickerHandler) return !1;
|
|
30690
|
+
if (!force) {
|
|
30691
|
+
if (this.status === STATUS$1.PAUSE) return !1;
|
|
30692
|
+
if (this.ifCanStop()) return !1;
|
|
30693
|
+
}
|
|
30694
|
+
return this.status = STATUS$1.RUNNING, !0;
|
|
30695
|
+
}
|
|
30625
30696
|
}
|
|
30626
30697
|
|
|
30627
30698
|
function generatorPathEasingFunc(path) {
|
|
@@ -30732,47 +30803,49 @@ class AnimateExecutor {
|
|
|
30732
30803
|
index >= 0 && this._animates.splice(index, 1), 0 === this._activeCount && this._started && (this._started = !1, this.onEnd());
|
|
30733
30804
|
});
|
|
30734
30805
|
}
|
|
30735
|
-
parseParams(params, isTimeline) {
|
|
30806
|
+
parseParams(params, isTimeline, child) {
|
|
30736
30807
|
var _a, _b;
|
|
30737
30808
|
const totalTime = this.resolveValue(params.totalTime, void 0, void 0),
|
|
30738
30809
|
startTime = this.resolveValue(params.startTime, void 0, 0),
|
|
30739
|
-
parsedParams =
|
|
30810
|
+
parsedParams = cloneDeep(params);
|
|
30740
30811
|
parsedParams.oneByOneDelay = 0, parsedParams.startTime = startTime, parsedParams.totalTime = totalTime;
|
|
30741
|
-
const oneByOne = this.resolveValue(params.oneByOne,
|
|
30812
|
+
const oneByOne = this.resolveValue(params.oneByOne, child, !1);
|
|
30742
30813
|
if (isTimeline) {
|
|
30743
30814
|
const timeSlices = parsedParams.timeSlices;
|
|
30744
30815
|
isArray$1(timeSlices) || (parsedParams.timeSlices = [timeSlices]);
|
|
30745
30816
|
let sliceTime = 0;
|
|
30746
30817
|
parsedParams.timeSlices.forEach(slice => {
|
|
30747
|
-
slice.delay = this.resolveValue(slice.delay,
|
|
30818
|
+
slice.delay = this.resolveValue(slice.delay, child, 0), slice.delayAfter = this.resolveValue(slice.delayAfter, child, 0), slice.duration = this.resolveValue(slice.duration, child, 300), sliceTime += slice.delay + slice.duration + slice.delayAfter;
|
|
30748
30819
|
});
|
|
30749
30820
|
let oneByOneDelay = 0,
|
|
30750
30821
|
oneByOneTime = 0;
|
|
30751
|
-
|
|
30752
|
-
|
|
30753
|
-
|
|
30754
|
-
|
|
30755
|
-
|
|
30756
|
-
return Array.isArray(effects) || (effects = [effects]), Object.assign(Object.assign({}, slice), {
|
|
30757
|
-
delay: slice.delay * scale,
|
|
30758
|
-
delayAfter: slice.delayAfter * scale,
|
|
30759
|
-
duration: slice.duration * scale,
|
|
30760
|
-
effects: effects.map(effect => {
|
|
30761
|
-
var _a, _b;
|
|
30762
|
-
const custom = null !== (_a = effect.custom) && void 0 !== _a ? _a : AnimateExecutor.builtInAnimateMap[null !== (_b = effect.type) && void 0 !== _b ? _b : "fromTo"],
|
|
30763
|
-
customType = custom && isFunction$1(custom) ? /^class\s/.test(Function.prototype.toString.call(custom)) ? 1 : 2 : 0;
|
|
30764
|
-
return Object.assign(Object.assign({}, effect), {
|
|
30765
|
-
custom: custom,
|
|
30766
|
-
customType: customType
|
|
30767
|
-
});
|
|
30768
|
-
})
|
|
30769
|
-
});
|
|
30770
|
-
}), parsedParams.oneByOne = oneByOneTime * scale, parsedParams.oneByOneDelay = oneByOneDelay * scale, parsedParams.startTime = startTime * scale;
|
|
30822
|
+
oneByOne && (oneByOneTime = Number(oneByOne), oneByOneDelay = oneByOneTime), parsedParams.oneByOne = oneByOneTime, parsedParams.oneByOneDelay = oneByOneDelay;
|
|
30823
|
+
let scale = 1;
|
|
30824
|
+
if (totalTime) {
|
|
30825
|
+
const _totalTime = sliceTime + oneByOneDelay * (this._target.count - 2);
|
|
30826
|
+
scale = totalTime ? totalTime / _totalTime : 1;
|
|
30771
30827
|
}
|
|
30828
|
+
parsedParams.timeSlices = parsedParams.timeSlices.map(slice => {
|
|
30829
|
+
let effects = slice.effects;
|
|
30830
|
+
return Array.isArray(effects) || (effects = [effects]), Object.assign(Object.assign({}, slice), {
|
|
30831
|
+
delay: slice.delay * scale,
|
|
30832
|
+
delayAfter: slice.delayAfter * scale,
|
|
30833
|
+
duration: slice.duration * scale,
|
|
30834
|
+
effects: effects.map(effect => {
|
|
30835
|
+
var _a, _b;
|
|
30836
|
+
const custom = null !== (_a = effect.custom) && void 0 !== _a ? _a : AnimateExecutor.builtInAnimateMap[null !== (_b = effect.type) && void 0 !== _b ? _b : "fromTo"],
|
|
30837
|
+
customType = custom && isFunction$1(custom) ? /^class\s/.test(Function.prototype.toString.call(custom)) ? 1 : 2 : 0;
|
|
30838
|
+
return Object.assign(Object.assign({}, effect), {
|
|
30839
|
+
custom: custom,
|
|
30840
|
+
customType: customType
|
|
30841
|
+
});
|
|
30842
|
+
})
|
|
30843
|
+
});
|
|
30844
|
+
}), parsedParams.oneByOne = oneByOneTime * scale, parsedParams.oneByOneDelay = oneByOneDelay * scale, parsedParams.startTime = startTime * scale;
|
|
30772
30845
|
} else {
|
|
30773
|
-
const delay = this.resolveValue(params.delay,
|
|
30774
|
-
delayAfter = this.resolveValue(params.delayAfter,
|
|
30775
|
-
duration = this.resolveValue(params.duration,
|
|
30846
|
+
const delay = this.resolveValue(params.delay, child, 0),
|
|
30847
|
+
delayAfter = this.resolveValue(params.delayAfter, child, 0),
|
|
30848
|
+
duration = this.resolveValue(params.duration, child, 300);
|
|
30776
30849
|
let oneByOneDelay = 0,
|
|
30777
30850
|
oneByOneTime = 0;
|
|
30778
30851
|
oneByOne && (oneByOneTime = Number(oneByOne), oneByOneDelay = duration + oneByOneTime), parsedParams.oneByOne = oneByOneTime, parsedParams.oneByOneDelay = oneByOneDelay, parsedParams.custom = null !== (_a = params.custom) && void 0 !== _a ? _a : AnimateExecutor.builtInAnimateMap[null !== (_b = params.type) && void 0 !== _b ? _b : "fromTo"];
|
|
@@ -30793,20 +30866,21 @@ class AnimateExecutor {
|
|
|
30793
30866
|
const isTimeline = ("timeSlices" in params);
|
|
30794
30867
|
let filteredChildren;
|
|
30795
30868
|
isTimeline && params.partitioner && (filteredChildren = (null != filteredChildren ? filteredChildren : this._target.getChildren()).filter(child => {
|
|
30796
|
-
var _a;
|
|
30797
|
-
return params.partitioner(null === (_a = child.context) || void 0 === _a ? void 0 : _a.data, child, {});
|
|
30798
|
-
})), isTimeline && params.sort && (filteredChildren = null != filteredChildren ? filteredChildren : this._target.getChildren(), filteredChildren.sort((a, b) => {
|
|
30799
30869
|
var _a, _b;
|
|
30800
|
-
return params.
|
|
30870
|
+
return params.partitioner(null === (_b = null === (_a = child.context) || void 0 === _a ? void 0 : _a.data) || void 0 === _b ? void 0 : _b[0], child, {});
|
|
30871
|
+
})), isTimeline && params.sort && (filteredChildren = null != filteredChildren ? filteredChildren : this._target.getChildren(), filteredChildren.sort((a, b) => {
|
|
30872
|
+
var _a, _b, _c, _d;
|
|
30873
|
+
return params.sort(null === (_b = null === (_a = a.context) || void 0 === _a ? void 0 : _a.data) || void 0 === _b ? void 0 : _b[0], null === (_d = null === (_c = b.context) || void 0 === _c ? void 0 : _c.data) || void 0 === _d ? void 0 : _d[0], a, b, {});
|
|
30801
30874
|
}));
|
|
30802
|
-
const
|
|
30803
|
-
|
|
30804
|
-
|
|
30805
|
-
|
|
30806
|
-
|
|
30807
|
-
|
|
30808
|
-
animate
|
|
30809
|
-
|
|
30875
|
+
const cb = isTimeline ? (child, index, count) => {
|
|
30876
|
+
const parsedParams = this.parseParams(params, isTimeline, child),
|
|
30877
|
+
animate = this.executeTimelineItem(parsedParams, child, index, count);
|
|
30878
|
+
animate && this._trackAnimation(animate);
|
|
30879
|
+
} : (child, index, count) => {
|
|
30880
|
+
const parsedParams = this.parseParams(params, isTimeline, child),
|
|
30881
|
+
animate = this.executeTypeConfigItem(parsedParams, child, index, count);
|
|
30882
|
+
animate && this._trackAnimation(animate);
|
|
30883
|
+
};
|
|
30810
30884
|
filteredChildren ? filteredChildren.forEach((child, index) => cb(child, index, filteredChildren.length)) : this._target.count <= 1 ? cb(this._target, 0, 1) : this._target.forEachChildren((child, index) => cb(child, index, this._target.count - 1));
|
|
30811
30885
|
}
|
|
30812
30886
|
executeTypeConfigItem(params, graphic, index, count) {
|
|
@@ -30834,22 +30908,24 @@ class AnimateExecutor {
|
|
|
30834
30908
|
const delayValue = isFunction$1(delay) ? delay(null === (_b = null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.data) || void 0 === _b ? void 0 : _b[0], graphic, {}) : delay,
|
|
30835
30909
|
datum = null === (_d = null === (_c = graphic.context) || void 0 === _c ? void 0 : _c.data) || void 0 === _d ? void 0 : _d[0],
|
|
30836
30910
|
indexKey = null === (_e = graphic.context) || void 0 === _e ? void 0 : _e.indexKey;
|
|
30837
|
-
datum && indexKey && (index = null !== (_f = datum[indexKey]) && void 0 !== _f ? _f : index), animate.startAt(startTime
|
|
30838
|
-
const wait = index * oneByOneDelay;
|
|
30911
|
+
datum && indexKey && (index = null !== (_f = datum[indexKey]) && void 0 !== _f ? _f : index), animate.startAt(startTime);
|
|
30912
|
+
const wait = index * oneByOneDelay + delayValue;
|
|
30839
30913
|
wait > 0 && animate.wait(wait);
|
|
30840
30914
|
let parsedFromProps = null,
|
|
30841
30915
|
props = params.to,
|
|
30842
30916
|
from = params.from;
|
|
30843
|
-
props || (parsedFromProps || (parsedFromProps = this.createPropsFromChannel(channel, graphic)), props = parsedFromProps.props), from || (parsedFromProps || (parsedFromProps = this.createPropsFromChannel(channel, graphic)), from = parsedFromProps.from), this._handleRunAnimate(animate, custom, customType, from, props, duration, easing, customParameters, options, type, graphic)
|
|
30917
|
+
props || (parsedFromProps || (parsedFromProps = this.createPropsFromChannel(channel, graphic)), props = parsedFromProps.props), from || (parsedFromProps || (parsedFromProps = this.createPropsFromChannel(channel, graphic)), from = parsedFromProps.from), this._handleRunAnimate(animate, custom, customType, from, props, duration, easing, customParameters, controlOptions, options, type, graphic);
|
|
30918
|
+
let totalDelay = 0;
|
|
30919
|
+
oneByOneDelay && (totalDelay = oneByOneDelay * (count - index - 1));
|
|
30844
30920
|
const delayAfterValue = isFunction$1(delayAfter) ? delayAfter(null === (_h = null === (_g = graphic.context) || void 0 === _g ? void 0 : _g.data) || void 0 === _h ? void 0 : _h[0], graphic, {}) : delayAfter;
|
|
30845
|
-
return delayAfterValue > 0 && animate.wait(
|
|
30921
|
+
return delayAfterValue > 0 && (totalDelay += delayAfterValue), totalDelay > 0 && animate.wait(totalDelay), loop && loop > 0 && animate.loop(loop), bounce && animate.bounce(!0), animate;
|
|
30846
30922
|
}
|
|
30847
|
-
_handleRunAnimate(animate, custom, customType, from, props, duration, easing, customParameters, options, type, graphic) {
|
|
30923
|
+
_handleRunAnimate(animate, custom, customType, from, props, duration, easing, customParameters, controlOptions, options, type, graphic) {
|
|
30848
30924
|
var _a, _b, _c, _d;
|
|
30849
30925
|
if (custom && customType) {
|
|
30850
30926
|
const customParams = this.resolveValue(customParameters, graphic, {}),
|
|
30851
30927
|
objOptions = isFunction$1(options) ? options.call(null, null !== (_b = customParams && (null === (_a = customParams.data) || void 0 === _a ? void 0 : _a[0])) && void 0 !== _b ? _b : null === (_d = null === (_c = graphic.context) || void 0 === _c ? void 0 : _c.data) || void 0 === _d ? void 0 : _d[0], graphic, customParams) : options;
|
|
30852
|
-
customParams.options = objOptions, 1 === customType ? this.createCustomAnimation(animate, custom, from, props, duration, easing, customParams) : 2 === customType && this.createCustomInterpolatorAnimation(animate, custom, props, duration, easing, customParams);
|
|
30928
|
+
customParams.options = objOptions, customParams.controlOptions = controlOptions, 1 === customType ? this.createCustomAnimation(animate, custom, from, props, duration, easing, customParams) : 2 === customType && this.createCustomInterpolatorAnimation(animate, custom, props, duration, easing, customParams);
|
|
30853
30929
|
} else "to" === type ? animate.to(props, duration, easing) : "from" === type && animate.from(props, duration, easing);
|
|
30854
30930
|
}
|
|
30855
30931
|
executeTimelineItem(params, graphic, index, count) {
|
|
@@ -30884,7 +30960,7 @@ class AnimateExecutor {
|
|
|
30884
30960
|
delayAfterValue = isFunction$1(delayAfter) ? delayAfter(null === (_d = null === (_c = graphic.context) || void 0 === _c ? void 0 : _c.data) || void 0 === _d ? void 0 : _d[0], graphic, {}) : delayAfter;
|
|
30885
30961
|
delayValue > 0 && animate.wait(delayValue);
|
|
30886
30962
|
(Array.isArray(effects) ? effects : [effects]).forEach(effect => {
|
|
30887
|
-
var _a
|
|
30963
|
+
var _a;
|
|
30888
30964
|
const {
|
|
30889
30965
|
type = "fromTo",
|
|
30890
30966
|
channel: channel,
|
|
@@ -30897,8 +30973,8 @@ class AnimateExecutor {
|
|
|
30897
30973
|
from = effect.from;
|
|
30898
30974
|
props || (parsedFromProps || (parsedFromProps = this.createPropsFromChannel(channel, graphic)), props = parsedFromProps.props), from || (parsedFromProps || (parsedFromProps = this.createPropsFromChannel(channel, graphic)), from = parsedFromProps.from);
|
|
30899
30975
|
const custom = null !== (_a = effect.custom) && void 0 !== _a ? _a : AnimateExecutor.builtInAnimateMap[type],
|
|
30900
|
-
customType =
|
|
30901
|
-
this._handleRunAnimate(animate, custom, customType, from, props, duration, easing, customParameters, options, type, graphic);
|
|
30976
|
+
customType = effect.customType;
|
|
30977
|
+
this._handleRunAnimate(animate, custom, customType, from, props, duration, easing, customParameters, null, options, type, graphic);
|
|
30902
30978
|
}), delayAfterValue > 0 && animate.wait(delayAfterValue);
|
|
30903
30979
|
}
|
|
30904
30980
|
createCustomInterpolatorAnimation(animate, interpolator, props, duration, easing, customParams) {
|
|
@@ -30921,9 +30997,9 @@ class AnimateExecutor {
|
|
|
30921
30997
|
const value = null === (_b = null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.diffAttrs) || void 0 === _b ? void 0 : _b[key];
|
|
30922
30998
|
void 0 !== value && (props[key] = value);
|
|
30923
30999
|
}) : Object.keys(channel).forEach(key => {
|
|
30924
|
-
var _a, _b;
|
|
31000
|
+
var _a, _b, _c, _d;
|
|
30925
31001
|
const config = channel[key];
|
|
30926
|
-
void 0 !== config.to && ("function" == typeof config.to ? props[key] = config.to(null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.data, graphic, {}) : props[key] = config.to), void 0 !== config.from && (from || (from = {}), "function" == typeof config.from ? from[key] = config.from(null === (
|
|
31002
|
+
void 0 !== config.to && ("function" == typeof config.to ? props[key] = config.to(null === (_b = null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.data) || void 0 === _b ? void 0 : _b[0], graphic, {}) : props[key] = config.to), void 0 !== config.from && (from || (from = {}), "function" == typeof config.from ? from[key] = config.from(null === (_d = null === (_c = graphic.context) || void 0 === _c ? void 0 : _c.data) || void 0 === _d ? void 0 : _d[0], graphic, {}) : from[key] = config.from);
|
|
30927
31003
|
}), {
|
|
30928
31004
|
from: from,
|
|
30929
31005
|
props: props
|
|
@@ -30933,8 +31009,8 @@ class AnimateExecutor {
|
|
|
30933
31009
|
};
|
|
30934
31010
|
}
|
|
30935
31011
|
resolveValue(value, graphic, defaultValue) {
|
|
30936
|
-
var _a;
|
|
30937
|
-
return void 0 === value ? defaultValue : "function" == typeof value && graphic ? value(null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.data, graphic, {}) : value;
|
|
31012
|
+
var _a, _b;
|
|
31013
|
+
return void 0 === value ? defaultValue : "function" == typeof value && graphic ? value(null === (_b = null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.data) || void 0 === _b ? void 0 : _b[0], graphic, {}) : value;
|
|
30938
31014
|
}
|
|
30939
31015
|
executeItem(params, graphic) {
|
|
30940
31016
|
let index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
|
|
@@ -31157,6 +31233,10 @@ class AnimateExtension {
|
|
|
31157
31233
|
getFinalAttribute() {
|
|
31158
31234
|
return this.finalAttribute;
|
|
31159
31235
|
}
|
|
31236
|
+
getGraphicAttribute(key) {
|
|
31237
|
+
let prev = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
|
|
31238
|
+
return !prev && this.finalAttribute ? this.finalAttribute[key] : this.attribute[key];
|
|
31239
|
+
}
|
|
31160
31240
|
}
|
|
31161
31241
|
|
|
31162
31242
|
function registerAnimate() {
|
|
@@ -31603,21 +31683,18 @@ class CommonIn extends ACustomAnimate {
|
|
|
31603
31683
|
super(from, to, duration, easing, params);
|
|
31604
31684
|
}
|
|
31605
31685
|
onBind() {
|
|
31606
|
-
var _a;
|
|
31686
|
+
var _a, _b, _c;
|
|
31607
31687
|
super.onBind();
|
|
31608
31688
|
const attrs = this.target.getFinalAttribute(),
|
|
31609
31689
|
fromAttrs = null !== (_a = this.target.attribute) && void 0 !== _a ? _a : {},
|
|
31610
31690
|
to = {},
|
|
31611
|
-
from = {};
|
|
31691
|
+
from = null !== (_b = this.from) && void 0 !== _b ? _b : {};
|
|
31612
31692
|
this.keys.forEach(key => {
|
|
31613
|
-
var _a, _b;
|
|
31614
|
-
to[key] = null !== (_a = null == attrs ? void 0 : attrs[key]) && void 0 !== _a ? _a : 1, from[key] = null !== (_b =
|
|
31693
|
+
var _a, _b, _c;
|
|
31694
|
+
to[key] = null !== (_a = null == attrs ? void 0 : attrs[key]) && void 0 !== _a ? _a : 1, from[key] = null !== (_c = null !== (_b = from[key]) && void 0 !== _b ? _b : fromAttrs[key]) && void 0 !== _c ? _c : 0;
|
|
31615
31695
|
});
|
|
31616
31696
|
const finalAttribute = this.target.getFinalAttribute();
|
|
31617
|
-
finalAttribute && Object.assign(this.target.attribute, finalAttribute), this.props = to, this.propKeys = this.keys, this.from = from, this.to = to, this.target.setAttributes(from);
|
|
31618
|
-
}
|
|
31619
|
-
onEnd(cb) {
|
|
31620
|
-
super.onEnd(cb);
|
|
31697
|
+
finalAttribute && Object.assign(this.target.attribute, finalAttribute), this.props = to, this.propKeys = this.keys, this.from = from, this.to = to, !1 !== (null === (_c = this.params.controlOptions) || void 0 === _c ? void 0 : _c.immediatelyApply) && this.target.setAttributes(from);
|
|
31621
31698
|
}
|
|
31622
31699
|
onUpdate(end, ratio, out) {
|
|
31623
31700
|
const attribute = this.target.attribute;
|
|
@@ -31653,7 +31730,9 @@ class CommonOut extends ACustomAnimate {
|
|
|
31653
31730
|
|
|
31654
31731
|
class GroupFadeIn extends CommonIn {
|
|
31655
31732
|
constructor(from, to, duration, easing, params) {
|
|
31656
|
-
super(from, to, duration, easing, params), this.keys = ["baseOpacity"]
|
|
31733
|
+
super(from, to, duration, easing, params), this.keys = ["baseOpacity"], this.from = {
|
|
31734
|
+
baseOpacity: 0
|
|
31735
|
+
};
|
|
31657
31736
|
}
|
|
31658
31737
|
}
|
|
31659
31738
|
class GroupFadeOut extends CommonOut {
|
|
@@ -31699,7 +31778,9 @@ class RotateBySphereAnimate extends ACustomAnimate {
|
|
|
31699
31778
|
|
|
31700
31779
|
class ClipIn extends CommonIn {
|
|
31701
31780
|
constructor(from, to, duration, easing, params) {
|
|
31702
|
-
super(from, to, duration, easing, params), this.keys = ["clipRange"]
|
|
31781
|
+
super(from, to, duration, easing, params), this.keys = ["clipRange"], this.from = {
|
|
31782
|
+
clipRange: 0
|
|
31783
|
+
};
|
|
31703
31784
|
}
|
|
31704
31785
|
}
|
|
31705
31786
|
class ClipOut extends CommonOut {
|
|
@@ -31710,7 +31791,9 @@ class ClipOut extends CommonOut {
|
|
|
31710
31791
|
|
|
31711
31792
|
class FadeIn extends CommonIn {
|
|
31712
31793
|
constructor(from, to, duration, easing, params) {
|
|
31713
|
-
super(from, to, duration, easing, params), this.keys = ["opacity"]
|
|
31794
|
+
super(from, to, duration, easing, params), this.keys = ["opacity"], this.from = {
|
|
31795
|
+
opacity: 0
|
|
31796
|
+
};
|
|
31714
31797
|
}
|
|
31715
31798
|
}
|
|
31716
31799
|
class FadeOut extends CommonOut {
|
|
@@ -32216,6 +32299,7 @@ class GworPointsBase extends ACustomAnimate {
|
|
|
32216
32299
|
}
|
|
32217
32300
|
class GrowPointsIn extends GworPointsBase {
|
|
32218
32301
|
onBind() {
|
|
32302
|
+
var _a;
|
|
32219
32303
|
if (super.onBind(), ["area", "line", "polygon"].includes(this.target.type)) {
|
|
32220
32304
|
const {
|
|
32221
32305
|
from: from,
|
|
@@ -32223,7 +32307,7 @@ class GrowPointsIn extends GworPointsBase {
|
|
|
32223
32307
|
} = growPointsIn(this.target, this.params.options, this.params);
|
|
32224
32308
|
this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = from, this.to = to;
|
|
32225
32309
|
const finalAttribute = this.target.getFinalAttribute();
|
|
32226
|
-
finalAttribute && Object.assign(this.target.attribute, finalAttribute), this.target.setAttributes(from);
|
|
32310
|
+
finalAttribute && Object.assign(this.target.attribute, finalAttribute), !1 !== (null === (_a = this.params.controlOptions) || void 0 === _a ? void 0 : _a.immediatelyApply) && this.target.setAttributes(from);
|
|
32227
32311
|
} else this.valid = !1;
|
|
32228
32312
|
}
|
|
32229
32313
|
}
|
|
@@ -32248,10 +32332,9 @@ class GrowPointsOut extends GworPointsBase {
|
|
|
32248
32332
|
}
|
|
32249
32333
|
}
|
|
32250
32334
|
const changePointsX = (graphic, options, animationParameters) => graphic.getFinalAttribute().points.map(point => {
|
|
32251
|
-
var _a;
|
|
32252
32335
|
if (options && "negative" === options.orient) {
|
|
32253
|
-
let groupRight =
|
|
32254
|
-
return
|
|
32336
|
+
let groupRight = graphic.stage.viewWidth;
|
|
32337
|
+
return graphic.parent.parent.parent && (groupRight = graphic.parent.parent.parent.AABBBounds.width()), Object.assign(Object.assign({}, point), {
|
|
32255
32338
|
x: groupRight,
|
|
32256
32339
|
y: point.y,
|
|
32257
32340
|
x1: groupRight,
|
|
@@ -32271,7 +32354,7 @@ const changePointsX = (graphic, options, animationParameters) => graphic.getFina
|
|
|
32271
32354
|
const attrs = graphic.getFinalAttribute();
|
|
32272
32355
|
return {
|
|
32273
32356
|
from: {
|
|
32274
|
-
points: changePointsX(graphic, options
|
|
32357
|
+
points: changePointsX(graphic, options)
|
|
32275
32358
|
},
|
|
32276
32359
|
to: {
|
|
32277
32360
|
points: attrs.points
|
|
@@ -32280,6 +32363,7 @@ const changePointsX = (graphic, options, animationParameters) => graphic.getFina
|
|
|
32280
32363
|
};
|
|
32281
32364
|
class GrowPointsXIn extends GworPointsBase {
|
|
32282
32365
|
onBind() {
|
|
32366
|
+
var _a;
|
|
32283
32367
|
if (super.onBind(), ["area", "line", "polygon"].includes(this.target.type)) {
|
|
32284
32368
|
const {
|
|
32285
32369
|
from: from,
|
|
@@ -32287,7 +32371,7 @@ class GrowPointsXIn extends GworPointsBase {
|
|
|
32287
32371
|
} = growPointsXIn(this.target, this.params.options, this.params);
|
|
32288
32372
|
this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = from, this.to = to;
|
|
32289
32373
|
const finalAttribute = this.target.getFinalAttribute();
|
|
32290
|
-
finalAttribute && Object.assign(this.target.attribute, finalAttribute), this.target.setAttributes(from);
|
|
32374
|
+
finalAttribute && Object.assign(this.target.attribute, finalAttribute), !1 !== (null === (_a = this.params.controlOptions) || void 0 === _a ? void 0 : _a.immediatelyApply) && this.target.setAttributes(from);
|
|
32291
32375
|
} else this.valid = !1;
|
|
32292
32376
|
}
|
|
32293
32377
|
}
|
|
@@ -32298,24 +32382,23 @@ class GrowPointsXOut extends GworPointsBase {
|
|
|
32298
32382
|
{
|
|
32299
32383
|
from: from,
|
|
32300
32384
|
to: to
|
|
32301
|
-
} = (graphic = this.target, options = this.params.options,
|
|
32385
|
+
} = (graphic = this.target, options = this.params.options, this.params, {
|
|
32302
32386
|
from: {
|
|
32303
32387
|
points: graphic.getFinalAttribute().points
|
|
32304
32388
|
},
|
|
32305
32389
|
to: {
|
|
32306
|
-
points: changePointsX(graphic, options
|
|
32390
|
+
points: changePointsX(graphic, options)
|
|
32307
32391
|
}
|
|
32308
32392
|
});
|
|
32309
32393
|
this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = from || attrs, this.to = to;
|
|
32310
32394
|
} else this.valid = !1;
|
|
32311
|
-
var graphic, options
|
|
32395
|
+
var graphic, options;
|
|
32312
32396
|
}
|
|
32313
32397
|
}
|
|
32314
32398
|
const changePointsY = (graphic, options, animationParameters) => graphic.getFinalAttribute().points.map(point => {
|
|
32315
|
-
var _a;
|
|
32316
32399
|
if (options && "negative" === options.orient) {
|
|
32317
|
-
let groupBottom =
|
|
32318
|
-
return
|
|
32400
|
+
let groupBottom = graphic.stage.viewHeight;
|
|
32401
|
+
return graphic.parent.parent.parent && (groupBottom = graphic.parent.parent.parent.AABBBounds.height()), Object.assign(Object.assign({}, point), {
|
|
32319
32402
|
x: point.x,
|
|
32320
32403
|
y: groupBottom,
|
|
32321
32404
|
x1: point.x1,
|
|
@@ -32335,7 +32418,7 @@ const changePointsY = (graphic, options, animationParameters) => graphic.getFina
|
|
|
32335
32418
|
const attrs = graphic.getFinalAttribute();
|
|
32336
32419
|
return {
|
|
32337
32420
|
from: {
|
|
32338
|
-
points: changePointsY(graphic, options
|
|
32421
|
+
points: changePointsY(graphic, options)
|
|
32339
32422
|
},
|
|
32340
32423
|
to: {
|
|
32341
32424
|
points: attrs.points
|
|
@@ -32344,6 +32427,7 @@ const changePointsY = (graphic, options, animationParameters) => graphic.getFina
|
|
|
32344
32427
|
};
|
|
32345
32428
|
class GrowPointsYIn extends GworPointsBase {
|
|
32346
32429
|
onBind() {
|
|
32430
|
+
var _a;
|
|
32347
32431
|
if (super.onBind(), ["area", "line", "polygon"].includes(this.target.type)) {
|
|
32348
32432
|
const {
|
|
32349
32433
|
from: from,
|
|
@@ -32351,7 +32435,7 @@ class GrowPointsYIn extends GworPointsBase {
|
|
|
32351
32435
|
} = growPointsYIn(this.target, this.params.options, this.params);
|
|
32352
32436
|
this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = from, this.to = to;
|
|
32353
32437
|
const finalAttribute = this.target.getFinalAttribute();
|
|
32354
|
-
finalAttribute && Object.assign(this.target.attribute, finalAttribute), this.target.setAttributes(from);
|
|
32438
|
+
finalAttribute && Object.assign(this.target.attribute, finalAttribute), !1 !== (null === (_a = this.params.controlOptions) || void 0 === _a ? void 0 : _a.immediatelyApply) && this.target.setAttributes(from);
|
|
32355
32439
|
} else this.valid = !1;
|
|
32356
32440
|
}
|
|
32357
32441
|
}
|
|
@@ -32361,17 +32445,17 @@ class GrowPointsYOut extends GworPointsBase {
|
|
|
32361
32445
|
const {
|
|
32362
32446
|
from: from,
|
|
32363
32447
|
to: to
|
|
32364
|
-
} = (graphic = this.target, options = this.params.options,
|
|
32448
|
+
} = (graphic = this.target, options = this.params.options, this.params, {
|
|
32365
32449
|
from: {
|
|
32366
32450
|
points: graphic.getFinalAttribute().points
|
|
32367
32451
|
},
|
|
32368
32452
|
to: {
|
|
32369
|
-
points: changePointsY(graphic, options
|
|
32453
|
+
points: changePointsY(graphic, options)
|
|
32370
32454
|
}
|
|
32371
32455
|
});
|
|
32372
32456
|
this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = null != from ? from : this.target.attribute, this.to = to;
|
|
32373
32457
|
} else this.valid = !1;
|
|
32374
|
-
var graphic, options
|
|
32458
|
+
var graphic, options;
|
|
32375
32459
|
}
|
|
32376
32460
|
}
|
|
32377
32461
|
|
|
@@ -32952,7 +33036,7 @@ class PoptipDisappear extends AComponentAnimate {
|
|
|
32952
33036
|
|
|
32953
33037
|
class InputRichText extends ACustomAnimate {
|
|
32954
33038
|
constructor(from, to, duration, easing, params) {
|
|
32955
|
-
super(from, to, duration, easing, params), this.fromTextConfig = [], this.toTextConfig = [], this.originalTextConfig = [], this.showCursor = !1, this.cursorChar = "|", this.blinkCursor = !0, this.
|
|
33039
|
+
super(from, to, duration, easing, params), this.fromTextConfig = [], this.toTextConfig = [], this.originalTextConfig = [], this.showCursor = !1, this.cursorChar = "|", this.blinkCursor = !0, this.fadeInChars = !1, this.fadeInDuration = .3, this.strokeFirst = !1, this.strokeToFillRatio = .3, void 0 !== (null == params ? void 0 : params.showCursor) && (this.showCursor = params.showCursor), void 0 !== (null == params ? void 0 : params.cursorChar) && (this.cursorChar = params.cursorChar), void 0 !== (null == params ? void 0 : params.blinkCursor) && (this.blinkCursor = params.blinkCursor), void 0 !== (null == params ? void 0 : params.fadeInChars) && (this.fadeInChars = params.fadeInChars), void 0 !== (null == params ? void 0 : params.fadeInDuration) && (this.fadeInDuration = params.fadeInDuration), void 0 !== (null == params ? void 0 : params.strokeFirst) && (this.strokeFirst = params.strokeFirst), void 0 !== (null == params ? void 0 : params.strokeToFillRatio) && (this.strokeToFillRatio = params.strokeToFillRatio);
|
|
32956
33040
|
}
|
|
32957
33041
|
onFirstRun() {
|
|
32958
33042
|
const fromProps = this.getLastProps(),
|
|
@@ -32973,12 +33057,22 @@ class InputRichText extends ACustomAnimate {
|
|
|
32973
33057
|
currentLength = Math.round(fromItems + (totalItems - fromItems) * adjustedRatio);
|
|
32974
33058
|
} else currentLength = Math.round(fromItems + (totalItems - fromItems) * ratio);
|
|
32975
33059
|
if (currentTextConfig = fromItems > totalItems ? this.fromTextConfig.slice(0, currentLength) : this.toTextConfig.slice(0, currentLength).map((item, index) => {
|
|
32976
|
-
if (
|
|
32977
|
-
const
|
|
32978
|
-
|
|
32979
|
-
|
|
32980
|
-
|
|
32981
|
-
|
|
33060
|
+
if ("text" in item) {
|
|
33061
|
+
const newItem = Object.assign({}, item);
|
|
33062
|
+
if (this.strokeFirst) {
|
|
33063
|
+
const appearTime = index / totalItems * maxTextShowRatio,
|
|
33064
|
+
itemLifetime = Math.max(0, ratio - appearTime),
|
|
33065
|
+
maxLifetime = 1 - appearTime,
|
|
33066
|
+
fillProgress = Math.min(1, itemLifetime / (this.strokeToFillRatio * maxLifetime));
|
|
33067
|
+
if ("fill" in newItem && newItem.fill && (newItem.stroke = newItem.fill, fillProgress < 1 && (newItem.fillOpacity = fillProgress)), this.fadeInChars) {
|
|
33068
|
+
const fadeProgress = Math.min(1, itemLifetime / (this.fadeInDuration * maxLifetime));
|
|
33069
|
+
newItem.opacity = Math.max(0, Math.min(1, fadeProgress));
|
|
33070
|
+
}
|
|
33071
|
+
} else if (this.fadeInChars) {
|
|
33072
|
+
const fadeProgress = (ratio - index / totalItems * maxTextShowRatio) / this.fadeInDuration;
|
|
33073
|
+
newItem.opacity = Math.max(0, Math.min(1, fadeProgress));
|
|
33074
|
+
}
|
|
33075
|
+
return newItem;
|
|
32982
33076
|
}
|
|
32983
33077
|
return item;
|
|
32984
33078
|
}), this.showCursor && currentLength < totalItems) {
|
|
@@ -33340,7 +33434,7 @@ class ScaleIn extends ACustomAnimate {
|
|
|
33340
33434
|
super(from, to, duration, easing, params);
|
|
33341
33435
|
}
|
|
33342
33436
|
onBind() {
|
|
33343
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
33437
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
|
|
33344
33438
|
let from, to;
|
|
33345
33439
|
super.onBind();
|
|
33346
33440
|
const attrs = this.target.getFinalAttribute(),
|
|
@@ -33370,7 +33464,7 @@ class ScaleIn extends ACustomAnimate {
|
|
|
33370
33464
|
}, this._updateFunction = this.updateXY;
|
|
33371
33465
|
}
|
|
33372
33466
|
const finalAttribute = this.target.getFinalAttribute();
|
|
33373
|
-
finalAttribute && Object.assign(this.target.attribute, finalAttribute), this.props = to, this.from = from, this.to = to, this.target.setAttributes(from);
|
|
33467
|
+
finalAttribute && Object.assign(this.target.attribute, finalAttribute), this.props = to, this.from = from, this.to = to, !1 !== (null === (_l = this.params.controlOptions) || void 0 === _l ? void 0 : _l.immediatelyApply) && this.target.setAttributes(from);
|
|
33374
33468
|
}
|
|
33375
33469
|
onEnd(cb) {
|
|
33376
33470
|
super.onEnd(cb);
|
|
@@ -33544,6 +33638,104 @@ class SpinIn extends ACustomAnimate {
|
|
|
33544
33638
|
}), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
|
|
33545
33639
|
}
|
|
33546
33640
|
}
|
|
33641
|
+
class StrokeIn extends ACustomAnimate {
|
|
33642
|
+
constructor(from, to, duration, easing, params) {
|
|
33643
|
+
super(from, to, duration, easing, params), this.perimeter = 0, this.originalAttributes = {};
|
|
33644
|
+
}
|
|
33645
|
+
onBind() {
|
|
33646
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
|
|
33647
|
+
if (super.onBind(), this.originalAttributes = Object.assign({}, this.target.getAttributes()), "rect" === this.target.type) {
|
|
33648
|
+
const attr = this.target.attribute,
|
|
33649
|
+
width = null !== (_a = attr.width) && void 0 !== _a ? _a : 100,
|
|
33650
|
+
height = null !== (_b = attr.height) && void 0 !== _b ? _b : 100;
|
|
33651
|
+
this.perimeter = 2 * (width + height);
|
|
33652
|
+
} else if ("circle" === this.target.type) {
|
|
33653
|
+
const radius = null !== (_c = this.target.attribute.radius) && void 0 !== _c ? _c : 50;
|
|
33654
|
+
this.perimeter = 2 * Math.PI * radius;
|
|
33655
|
+
} else if ("ellipse" === this.target.type) {
|
|
33656
|
+
const attr = this.target.attribute,
|
|
33657
|
+
radiusX = null !== (_d = attr.radiusX) && void 0 !== _d ? _d : 50,
|
|
33658
|
+
radiusY = null !== (_e = attr.radiusY) && void 0 !== _e ? _e : 50;
|
|
33659
|
+
this.perimeter = 2 * Math.PI * Math.sqrt((radiusX * radiusX + radiusY * radiusY) / 2);
|
|
33660
|
+
} else this.perimeter = 1e3;
|
|
33661
|
+
const lineWidth = null !== (_g = null === (_f = this.params) || void 0 === _f ? void 0 : _f.lineWidth) && void 0 !== _g ? _g : 2,
|
|
33662
|
+
strokeColor = null !== (_j = null === (_h = this.params) || void 0 === _h ? void 0 : _h.strokeColor) && void 0 !== _j ? _j : "black",
|
|
33663
|
+
fromOpacity = null !== (_l = null === (_k = this.params) || void 0 === _k ? void 0 : _k.fromOpacity) && void 0 !== _l ? _l : 1,
|
|
33664
|
+
dashLength = null !== (_o = null === (_m = this.params) || void 0 === _m ? void 0 : _m.dashLength) && void 0 !== _o ? _o : this.perimeter,
|
|
33665
|
+
showFill = null !== (_q = null === (_p = this.params) || void 0 === _p ? void 0 : _p.showFill) && void 0 !== _q && _q,
|
|
33666
|
+
fillOpacity = null !== (_s = null === (_r = this.params) || void 0 === _r ? void 0 : _r.fillOpacity) && void 0 !== _s ? _s : 0;
|
|
33667
|
+
this.from = {
|
|
33668
|
+
lineDash: [dashLength, dashLength],
|
|
33669
|
+
lineDashOffset: dashLength,
|
|
33670
|
+
lineWidth: lineWidth,
|
|
33671
|
+
stroke: strokeColor,
|
|
33672
|
+
strokeOpacity: fromOpacity
|
|
33673
|
+
}, this.to = {
|
|
33674
|
+
lineDash: [dashLength, dashLength],
|
|
33675
|
+
lineDashOffset: 0,
|
|
33676
|
+
lineWidth: lineWidth,
|
|
33677
|
+
stroke: strokeColor,
|
|
33678
|
+
strokeOpacity: fromOpacity
|
|
33679
|
+
}, showFill ? (this.from.fillOpacity = fillOpacity, this.to.fillOpacity = null !== (_t = this.originalAttributes.fillOpacity) && void 0 !== _t ? _t : 1) : (this.from.fillOpacity = 0, this.to.fillOpacity = 0), this.propKeys = ["lineDash", "lineDashOffset", "lineWidth", "stroke", "strokeOpacity", "fillOpacity"], this.props = this.to, this.target.setAttributes(this.from);
|
|
33680
|
+
}
|
|
33681
|
+
onUpdate(end, ratio, out) {
|
|
33682
|
+
var _a;
|
|
33683
|
+
const attribute = this.target.attribute;
|
|
33684
|
+
attribute.lineDashOffset = this.from.lineDashOffset + (this.to.lineDashOffset - this.from.lineDashOffset) * ratio, (null === (_a = this.params) || void 0 === _a ? void 0 : _a.showFill) && (attribute.fillOpacity = this.from.fillOpacity + (this.to.fillOpacity - this.from.fillOpacity) * ratio);
|
|
33685
|
+
}
|
|
33686
|
+
onEnd() {
|
|
33687
|
+
var _a;
|
|
33688
|
+
if (super.onEnd(), !(null === (_a = this.params) || void 0 === _a ? void 0 : _a.showFill)) {
|
|
33689
|
+
const originalAttrs = Object.assign({}, this.originalAttributes);
|
|
33690
|
+
originalAttrs.fillOpacity = 0, this.target.setAttributes(originalAttrs);
|
|
33691
|
+
}
|
|
33692
|
+
}
|
|
33693
|
+
}
|
|
33694
|
+
class StrokeOut extends ACustomAnimate {
|
|
33695
|
+
constructor(from, to, duration, easing, params) {
|
|
33696
|
+
super(from, to, duration, easing, params), this.perimeter = 0, this.originalAttributes = {};
|
|
33697
|
+
}
|
|
33698
|
+
onFirstRun() {
|
|
33699
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
|
|
33700
|
+
if (this.originalAttributes = Object.assign({}, this.target.getAttributes()), "rect" === this.target.type) {
|
|
33701
|
+
const attr = this.target.attribute,
|
|
33702
|
+
width = null !== (_a = attr.width) && void 0 !== _a ? _a : 100,
|
|
33703
|
+
height = null !== (_b = attr.height) && void 0 !== _b ? _b : 100;
|
|
33704
|
+
this.perimeter = 2 * (width + height);
|
|
33705
|
+
} else if ("circle" === this.target.type) {
|
|
33706
|
+
const radius = null !== (_c = this.target.attribute.radius) && void 0 !== _c ? _c : 50;
|
|
33707
|
+
this.perimeter = 2 * Math.PI * radius;
|
|
33708
|
+
} else if ("ellipse" === this.target.type) {
|
|
33709
|
+
const attr = this.target.attribute,
|
|
33710
|
+
radiusX = null !== (_d = attr.radiusX) && void 0 !== _d ? _d : 50,
|
|
33711
|
+
radiusY = null !== (_e = attr.radiusY) && void 0 !== _e ? _e : 50;
|
|
33712
|
+
this.perimeter = 2 * Math.PI * Math.sqrt((radiusX * radiusX + radiusY * radiusY) / 2);
|
|
33713
|
+
} else this.perimeter = 1e3;
|
|
33714
|
+
const lineWidth = null !== (_g = null === (_f = this.params) || void 0 === _f ? void 0 : _f.lineWidth) && void 0 !== _g ? _g : 2,
|
|
33715
|
+
strokeColor = null !== (_j = null === (_h = this.params) || void 0 === _h ? void 0 : _h.strokeColor) && void 0 !== _j ? _j : "black",
|
|
33716
|
+
fromOpacity = null !== (_l = null === (_k = this.params) || void 0 === _k ? void 0 : _k.fromOpacity) && void 0 !== _l ? _l : 1,
|
|
33717
|
+
dashLength = null !== (_o = null === (_m = this.params) || void 0 === _m ? void 0 : _m.dashLength) && void 0 !== _o ? _o : this.perimeter,
|
|
33718
|
+
showFill = null !== (_q = null === (_p = this.params) || void 0 === _p ? void 0 : _p.showFill) && void 0 !== _q && _q;
|
|
33719
|
+
this.from = {
|
|
33720
|
+
lineDash: [dashLength, dashLength],
|
|
33721
|
+
lineDashOffset: 0,
|
|
33722
|
+
lineWidth: lineWidth,
|
|
33723
|
+
stroke: strokeColor,
|
|
33724
|
+
strokeOpacity: fromOpacity
|
|
33725
|
+
}, this.to = {
|
|
33726
|
+
lineDash: [dashLength, dashLength],
|
|
33727
|
+
lineDashOffset: -dashLength,
|
|
33728
|
+
lineWidth: lineWidth,
|
|
33729
|
+
stroke: strokeColor,
|
|
33730
|
+
strokeOpacity: fromOpacity
|
|
33731
|
+
}, showFill ? (this.from.fillOpacity = null !== (_r = this.originalAttributes.fillOpacity) && void 0 !== _r ? _r : 1, this.to.fillOpacity = 0) : (this.from.fillOpacity = 0, this.to.fillOpacity = 0), this.propKeys = ["lineDash", "lineDashOffset", "lineWidth", "stroke", "strokeOpacity", "fillOpacity"], this.props = this.to, this.target.setAttributes(this.from);
|
|
33732
|
+
}
|
|
33733
|
+
onUpdate(end, ratio, out) {
|
|
33734
|
+
var _a;
|
|
33735
|
+
const attribute = this.target.attribute;
|
|
33736
|
+
attribute.lineDashOffset = this.from.lineDashOffset + (this.to.lineDashOffset - this.from.lineDashOffset) * ratio, (null === (_a = this.params) || void 0 === _a ? void 0 : _a.showFill) && (attribute.fillOpacity = this.from.fillOpacity + (this.to.fillOpacity - this.from.fillOpacity) * ratio);
|
|
33737
|
+
}
|
|
33738
|
+
}
|
|
33547
33739
|
class MoveScaleIn extends ACustomAnimate {
|
|
33548
33740
|
constructor(from, to, duration, easing, params) {
|
|
33549
33741
|
var _a;
|
|
@@ -33778,6 +33970,35 @@ class MoveRotateOut extends ACustomAnimate {
|
|
|
33778
33970
|
}
|
|
33779
33971
|
onUpdate(end, ratio, out) {}
|
|
33780
33972
|
}
|
|
33973
|
+
class PulseAnimate extends ACustomAnimate {
|
|
33974
|
+
constructor(from, to, duration, easing, params) {
|
|
33975
|
+
super(from, to, duration, easing, params), this.originalAttributes = {}, this.pulseCount = 3, this.pulseOpacity = .3, this.pulseScale = 1.05, this.pulseColor = null, this.pulseColorIntensity = .2, this.strokeOnly = !1, this.fillOnly = !1, this.useScale = !0, this.useOpacity = !0, this.useStroke = !0, this.useFill = !0, this.useColor = !1, this.originalFill = null, this.originalStroke = null, void 0 !== (null == params ? void 0 : params.pulseCount) && (this.pulseCount = params.pulseCount), void 0 !== (null == params ? void 0 : params.pulseScale) && (this.pulseScale = params.pulseScale), void 0 !== (null == params ? void 0 : params.pulseColor) && (this.pulseColor = params.pulseColor), void 0 !== (null == params ? void 0 : params.pulseColorIntensity) && (this.pulseColorIntensity = params.pulseColorIntensity), void 0 !== (null == params ? void 0 : params.strokeOnly) && (this.strokeOnly = params.strokeOnly), void 0 !== (null == params ? void 0 : params.fillOnly) && (this.fillOnly = params.fillOnly), void 0 !== (null == params ? void 0 : params.useScale) && (this.useScale = params.useScale), void 0 !== (null == params ? void 0 : params.useOpacity) && (this.useOpacity = params.useOpacity), void 0 !== (null == params ? void 0 : params.useStroke) && (this.useStroke = params.useStroke), void 0 !== (null == params ? void 0 : params.useFill) && (this.useFill = params.useFill), void 0 !== (null == params ? void 0 : params.useColor) && (this.useColor = params.useColor);
|
|
33976
|
+
}
|
|
33977
|
+
onBind() {
|
|
33978
|
+
super.onBind(), this.originalAttributes = Object.assign({}, this.target.getAttributes()), this.useColor && (this.originalFill = this.originalAttributes.fill || null, this.originalStroke = this.originalAttributes.stroke || null, this.pulseColor || (this.fillOnly && this.originalFill ? this.pulseColor = this.originalFill : this.strokeOnly && this.originalStroke ? this.pulseColor = this.originalStroke : this.originalFill ? this.pulseColor = this.originalFill : this.originalStroke ? this.pulseColor = this.originalStroke : this.pulseColor = "#FFFFFF"));
|
|
33979
|
+
}
|
|
33980
|
+
onUpdate(end, ratio, out) {
|
|
33981
|
+
const angle = ratio * Math.PI * this.pulseCount,
|
|
33982
|
+
pulseValue = Math.abs(Math.sin(angle)),
|
|
33983
|
+
attribute = this.target.attribute;
|
|
33984
|
+
if (this.useOpacity) {
|
|
33985
|
+
const opacity = 1 + (this.pulseOpacity - 1) * pulseValue;
|
|
33986
|
+
this.useStroke && (attribute.strokeOpacity = (this.originalAttributes.strokeOpacity || 1) * opacity), this.useFill && (attribute.fillOpacity = (this.originalAttributes.fillOpacity || 1) * opacity);
|
|
33987
|
+
}
|
|
33988
|
+
if (this.useScale) {
|
|
33989
|
+
const scale = 1 + (this.pulseScale - 1) * pulseValue;
|
|
33990
|
+
attribute.scaleX = (this.originalAttributes.scaleX || 1) * scale, attribute.scaleY = (this.originalAttributes.scaleY || 1) * scale;
|
|
33991
|
+
}
|
|
33992
|
+
this.useColor && this.pulseColor && this.applyColorPulse(attribute, pulseValue), this.target.addUpdateShapeAndBoundsTag(), this.target.addUpdatePositionTag();
|
|
33993
|
+
}
|
|
33994
|
+
applyColorPulse(attribute, pulseValue) {
|
|
33995
|
+
const colorRatio = this.pulseColorIntensity * pulseValue;
|
|
33996
|
+
this.useFill && this.originalFill && this.pulseColor && (attribute.fill = interpolateColor(this.originalFill, this.pulseColor, colorRatio, !0)), this.useStroke && this.originalStroke && this.pulseColor && (attribute.stroke = interpolateColor(this.originalStroke, this.pulseColor, colorRatio, !0));
|
|
33997
|
+
}
|
|
33998
|
+
onEnd() {
|
|
33999
|
+
super.onEnd(), this.target.setAttributes(this.originalAttributes);
|
|
34000
|
+
}
|
|
34001
|
+
}
|
|
33781
34002
|
|
|
33782
34003
|
class Update extends ACustomAnimate {
|
|
33783
34004
|
constructor(from, to, duration, easing, params) {
|
|
@@ -33818,8 +34039,8 @@ const moveIn = (graphic, options, animationParameters) => {
|
|
|
33818
34039
|
} = null != options ? options : {};
|
|
33819
34040
|
let changedX = 0,
|
|
33820
34041
|
changedY = 0;
|
|
33821
|
-
"negative" === orient && (
|
|
33822
|
-
const point = isFunction$1(pointOpt) ? pointOpt.call(null, graphic.
|
|
34042
|
+
"negative" === orient && (changedX = graphic.stage.viewWidth, changedY = graphic.stage.viewHeight), changedX += offset, changedY += offset;
|
|
34043
|
+
const point = isFunction$1(pointOpt) ? pointOpt.call(null, null === (_b = null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.data) || void 0 === _b ? void 0 : _b[0], graphic, animationParameters) : pointOpt,
|
|
33823
34044
|
fromX = point && isValidNumber$1(point.x) ? point.x : changedX,
|
|
33824
34045
|
fromY = point && isValidNumber$1(point.y) ? point.y : changedY,
|
|
33825
34046
|
finalAttrs = graphic.getFinalAttribute(),
|
|
@@ -33865,12 +34086,11 @@ const moveOut = (graphic, options, animationParameters) => {
|
|
|
33865
34086
|
direction: direction,
|
|
33866
34087
|
point: pointOpt
|
|
33867
34088
|
} = null != options ? options : {},
|
|
33868
|
-
|
|
33869
|
-
|
|
33870
|
-
groupHeight = null !== (_b = null == groupBounds ? void 0 : groupBounds.height()) && void 0 !== _b ? _b : animationParameters.height,
|
|
34089
|
+
groupWidth = graphic.stage.viewWidth,
|
|
34090
|
+
groupHeight = graphic.stage.viewHeight,
|
|
33871
34091
|
changedX = ("negative" === orient ? groupWidth : 0) + offset,
|
|
33872
34092
|
changedY = ("negative" === orient ? groupHeight : 0) + offset,
|
|
33873
|
-
point = isFunction$1(pointOpt) ? pointOpt.call(null, graphic.
|
|
34093
|
+
point = isFunction$1(pointOpt) ? pointOpt.call(null, null === (_b = null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.data) || void 0 === _b ? void 0 : _b[0], graphic, animationParameters) : pointOpt,
|
|
33874
34094
|
fromX = point && isValidNumber$1(point.x) ? point.x : changedX,
|
|
33875
34095
|
fromY = point && isValidNumber$1(point.y) ? point.y : changedY;
|
|
33876
34096
|
switch (direction) {
|
|
@@ -33918,6 +34138,7 @@ class MoveBase extends ACustomAnimate {
|
|
|
33918
34138
|
}
|
|
33919
34139
|
class MoveIn extends MoveBase {
|
|
33920
34140
|
onBind() {
|
|
34141
|
+
var _a;
|
|
33921
34142
|
super.onBind();
|
|
33922
34143
|
const {
|
|
33923
34144
|
from: from,
|
|
@@ -33925,7 +34146,7 @@ class MoveIn extends MoveBase {
|
|
|
33925
34146
|
} = moveIn(this.target, this.params.options, this.params);
|
|
33926
34147
|
this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = from, this.to = to;
|
|
33927
34148
|
const finalAttribute = this.target.getFinalAttribute();
|
|
33928
|
-
finalAttribute && Object.assign(this.target.attribute, finalAttribute), this.target.setAttributes(from);
|
|
34149
|
+
finalAttribute && Object.assign(this.target.attribute, finalAttribute), !1 !== (null === (_a = this.params.controlOptions) || void 0 === _a ? void 0 : _a.immediatelyApply) && this.target.setAttributes(from);
|
|
33929
34150
|
}
|
|
33930
34151
|
}
|
|
33931
34152
|
class MoveOut extends MoveBase {
|
|
@@ -33978,6 +34199,7 @@ class RotateBase extends ACustomAnimate {
|
|
|
33978
34199
|
}
|
|
33979
34200
|
class RotateIn extends RotateBase {
|
|
33980
34201
|
onBind() {
|
|
34202
|
+
var _a;
|
|
33981
34203
|
super.onBind();
|
|
33982
34204
|
const {
|
|
33983
34205
|
from: from,
|
|
@@ -33985,7 +34207,7 @@ class RotateIn extends RotateBase {
|
|
|
33985
34207
|
} = rotateIn(this.target, this.params.options);
|
|
33986
34208
|
this.props = to, this.propKeys = ["angle"], this.from = from, this.to = to;
|
|
33987
34209
|
const finalAttribute = this.target.getFinalAttribute();
|
|
33988
|
-
finalAttribute && Object.assign(this.target.attribute, finalAttribute), this.target.setAttributes(from);
|
|
34210
|
+
finalAttribute && Object.assign(this.target.attribute, finalAttribute), !1 !== (null === (_a = this.params.controlOptions) || void 0 === _a ? void 0 : _a.immediatelyApply) && this.target.setAttributes(from);
|
|
33989
34211
|
}
|
|
33990
34212
|
}
|
|
33991
34213
|
class RotateOut extends RotateBase {
|
|
@@ -34026,11 +34248,12 @@ class FromTo extends ACustomAnimate {
|
|
|
34026
34248
|
super(from, to, duration, easing, params), this.from = null != from ? from : {};
|
|
34027
34249
|
}
|
|
34028
34250
|
onBind() {
|
|
34251
|
+
var _a, _b;
|
|
34029
34252
|
super.onBind();
|
|
34030
34253
|
const finalAttribute = this.target.getFinalAttribute();
|
|
34031
34254
|
Object.keys(this.from).forEach(key => {
|
|
34032
34255
|
null == this.props[key] && (this.props[key] = finalAttribute[key]);
|
|
34033
|
-
});
|
|
34256
|
+
}), "appear" === (null === (_a = this.target.context) || void 0 === _a ? void 0 : _a.animationState) && finalAttribute && Object.assign(this.target.attribute, finalAttribute), !1 !== (null === (_b = this.params.controlOptions) || void 0 === _b ? void 0 : _b.immediatelyApply) && this.target.setAttributes(this.from);
|
|
34034
34257
|
}
|
|
34035
34258
|
onFirstRun() {
|
|
34036
34259
|
var _a;
|
|
@@ -34238,10 +34461,10 @@ class StreamLight extends ACustomAnimate {
|
|
|
34238
34461
|
}
|
|
34239
34462
|
|
|
34240
34463
|
const registerCustomAnimate = () => {
|
|
34241
|
-
AnimateExecutor.registerBuiltInAnimate("increaseCount", IncreaseCount), AnimateExecutor.registerBuiltInAnimate("fromTo", FromTo), AnimateExecutor.registerBuiltInAnimate("scaleIn", ScaleIn), AnimateExecutor.registerBuiltInAnimate("scaleOut", ScaleOut), AnimateExecutor.registerBuiltInAnimate("growHeightIn", GrowHeightIn), AnimateExecutor.registerBuiltInAnimate("growHeightOut", GrowHeightOut), AnimateExecutor.registerBuiltInAnimate("growWidthIn", GrowWidthIn), AnimateExecutor.registerBuiltInAnimate("growWidthOut", GrowWidthOut), AnimateExecutor.registerBuiltInAnimate("growCenterIn", GrowCenterIn), AnimateExecutor.registerBuiltInAnimate("growCenterOut", GrowCenterOut), AnimateExecutor.registerBuiltInAnimate("clipIn", ClipIn), AnimateExecutor.registerBuiltInAnimate("clipOut", ClipOut), AnimateExecutor.registerBuiltInAnimate("fadeIn", FadeIn), AnimateExecutor.registerBuiltInAnimate("fadeOut", FadeOut), AnimateExecutor.registerBuiltInAnimate("growPointsIn", GrowPointsIn), AnimateExecutor.registerBuiltInAnimate("growPointsOut", GrowPointsOut), AnimateExecutor.registerBuiltInAnimate("growPointsXIn", GrowPointsXIn), AnimateExecutor.registerBuiltInAnimate("growPointsXOut", GrowPointsXOut), AnimateExecutor.registerBuiltInAnimate("growPointsYIn", GrowPointsYIn), AnimateExecutor.registerBuiltInAnimate("growPointsYOut", GrowPointsYOut), AnimateExecutor.registerBuiltInAnimate("growAngleIn", GrowAngleIn), AnimateExecutor.registerBuiltInAnimate("growAngleOut", GrowAngleOut), AnimateExecutor.registerBuiltInAnimate("growRadiusIn", GrowRadiusIn), AnimateExecutor.registerBuiltInAnimate("growRadiusOut", GrowRadiusOut), AnimateExecutor.registerBuiltInAnimate("moveIn", MoveIn), AnimateExecutor.registerBuiltInAnimate("moveOut", MoveOut), AnimateExecutor.registerBuiltInAnimate("rotateIn", RotateIn), AnimateExecutor.registerBuiltInAnimate("rotateOut", RotateOut), AnimateExecutor.registerBuiltInAnimate("update", Update), AnimateExecutor.registerBuiltInAnimate("state", State), AnimateExecutor.registerBuiltInAnimate("labelItemAppear", LabelItemAppear), AnimateExecutor.registerBuiltInAnimate("labelItemDisappear", LabelItemDisappear), AnimateExecutor.registerBuiltInAnimate("poptipAppear", PoptipAppear), AnimateExecutor.registerBuiltInAnimate("poptipDisappear", PoptipDisappear), AnimateExecutor.registerBuiltInAnimate("inputText", InputText), AnimateExecutor.registerBuiltInAnimate("inputRichText", InputRichText), AnimateExecutor.registerBuiltInAnimate("outputRichText", OutputRichText), AnimateExecutor.registerBuiltInAnimate("slideRichText", SlideRichText), AnimateExecutor.registerBuiltInAnimate("slideOutRichText", SlideOutRichText), AnimateExecutor.registerBuiltInAnimate("slideIn", SlideIn), AnimateExecutor.registerBuiltInAnimate("growIn", GrowIn), AnimateExecutor.registerBuiltInAnimate("spinIn", SpinIn), AnimateExecutor.registerBuiltInAnimate("moveScaleIn", MoveScaleIn), AnimateExecutor.registerBuiltInAnimate("moveRotateIn", MoveRotateIn), AnimateExecutor.registerBuiltInAnimate("slideOut", SlideOut), AnimateExecutor.registerBuiltInAnimate("growOut", GrowOut), AnimateExecutor.registerBuiltInAnimate("spinOut", SpinOut), AnimateExecutor.registerBuiltInAnimate("moveScaleOut", MoveScaleOut), AnimateExecutor.registerBuiltInAnimate("moveRotateOut", MoveRotateOut), AnimateExecutor.registerBuiltInAnimate("MotionPath", MotionPath), AnimateExecutor.registerBuiltInAnimate("streamLight", StreamLight);
|
|
34464
|
+
AnimateExecutor.registerBuiltInAnimate("increaseCount", IncreaseCount), AnimateExecutor.registerBuiltInAnimate("fromTo", FromTo), AnimateExecutor.registerBuiltInAnimate("scaleIn", ScaleIn), AnimateExecutor.registerBuiltInAnimate("scaleOut", ScaleOut), AnimateExecutor.registerBuiltInAnimate("growHeightIn", GrowHeightIn), AnimateExecutor.registerBuiltInAnimate("growHeightOut", GrowHeightOut), AnimateExecutor.registerBuiltInAnimate("growWidthIn", GrowWidthIn), AnimateExecutor.registerBuiltInAnimate("growWidthOut", GrowWidthOut), AnimateExecutor.registerBuiltInAnimate("growCenterIn", GrowCenterIn), AnimateExecutor.registerBuiltInAnimate("growCenterOut", GrowCenterOut), AnimateExecutor.registerBuiltInAnimate("clipIn", ClipIn), AnimateExecutor.registerBuiltInAnimate("clipOut", ClipOut), AnimateExecutor.registerBuiltInAnimate("fadeIn", FadeIn), AnimateExecutor.registerBuiltInAnimate("fadeOut", FadeOut), AnimateExecutor.registerBuiltInAnimate("growPointsIn", GrowPointsIn), AnimateExecutor.registerBuiltInAnimate("growPointsOut", GrowPointsOut), AnimateExecutor.registerBuiltInAnimate("growPointsXIn", GrowPointsXIn), AnimateExecutor.registerBuiltInAnimate("growPointsXOut", GrowPointsXOut), AnimateExecutor.registerBuiltInAnimate("growPointsYIn", GrowPointsYIn), AnimateExecutor.registerBuiltInAnimate("growPointsYOut", GrowPointsYOut), AnimateExecutor.registerBuiltInAnimate("growAngleIn", GrowAngleIn), AnimateExecutor.registerBuiltInAnimate("growAngleOut", GrowAngleOut), AnimateExecutor.registerBuiltInAnimate("growRadiusIn", GrowRadiusIn), AnimateExecutor.registerBuiltInAnimate("growRadiusOut", GrowRadiusOut), AnimateExecutor.registerBuiltInAnimate("moveIn", MoveIn), AnimateExecutor.registerBuiltInAnimate("moveOut", MoveOut), AnimateExecutor.registerBuiltInAnimate("rotateIn", RotateIn), AnimateExecutor.registerBuiltInAnimate("rotateOut", RotateOut), AnimateExecutor.registerBuiltInAnimate("update", Update), AnimateExecutor.registerBuiltInAnimate("state", State), AnimateExecutor.registerBuiltInAnimate("labelItemAppear", LabelItemAppear), AnimateExecutor.registerBuiltInAnimate("labelItemDisappear", LabelItemDisappear), AnimateExecutor.registerBuiltInAnimate("poptipAppear", PoptipAppear), AnimateExecutor.registerBuiltInAnimate("poptipDisappear", PoptipDisappear), AnimateExecutor.registerBuiltInAnimate("inputText", InputText), AnimateExecutor.registerBuiltInAnimate("inputRichText", InputRichText), AnimateExecutor.registerBuiltInAnimate("outputRichText", OutputRichText), AnimateExecutor.registerBuiltInAnimate("slideRichText", SlideRichText), AnimateExecutor.registerBuiltInAnimate("slideOutRichText", SlideOutRichText), AnimateExecutor.registerBuiltInAnimate("slideIn", SlideIn), AnimateExecutor.registerBuiltInAnimate("growIn", GrowIn), AnimateExecutor.registerBuiltInAnimate("spinIn", SpinIn), AnimateExecutor.registerBuiltInAnimate("moveScaleIn", MoveScaleIn), AnimateExecutor.registerBuiltInAnimate("moveRotateIn", MoveRotateIn), AnimateExecutor.registerBuiltInAnimate("strokeIn", StrokeIn), AnimateExecutor.registerBuiltInAnimate("slideOut", SlideOut), AnimateExecutor.registerBuiltInAnimate("growOut", GrowOut), AnimateExecutor.registerBuiltInAnimate("spinOut", SpinOut), AnimateExecutor.registerBuiltInAnimate("moveScaleOut", MoveScaleOut), AnimateExecutor.registerBuiltInAnimate("moveRotateOut", MoveRotateOut), AnimateExecutor.registerBuiltInAnimate("strokeOut", StrokeOut), AnimateExecutor.registerBuiltInAnimate("pulse", PulseAnimate), AnimateExecutor.registerBuiltInAnimate("MotionPath", MotionPath), AnimateExecutor.registerBuiltInAnimate("streamLight", StreamLight);
|
|
34242
34465
|
};
|
|
34243
34466
|
|
|
34244
|
-
const version = "1.0.0-alpha.
|
|
34467
|
+
const version = "1.0.0-alpha.5";
|
|
34245
34468
|
preLoadAllModule();
|
|
34246
34469
|
if (isBrowserEnv()) {
|
|
34247
34470
|
loadBrowserEnv(container);
|
|
@@ -34274,4 +34497,4 @@ registerReactAttributePlugin();
|
|
|
34274
34497
|
registerDirectionalLight();
|
|
34275
34498
|
registerOrthoCamera();
|
|
34276
34499
|
|
|
34277
|
-
export { AComponentAnimate, ACustomAnimate, ARC3D_NUMBER_TYPE, ARC_NUMBER_TYPE, AREA_NUMBER_TYPE, AbstractGraphicRender, Animate, AnimateExecutor, AnimateMode, AnimateStatus, Step as AnimateStep, AnimateStepType, AnimationStateManager, AnimationStateStore, AnimationStates, AnimationTransitionRegistry, Application, Arc, Arc3d, Arc3dRender, ArcRender, ArcRenderContribution, Area, AreaRender, AreaRenderContribution, AttributeUpdateType, AutoEnablePlugins, BaseCanvas, BaseEnvContribution, BaseRender, BaseRenderContributionTime, BaseWindowHandlerContribution, Basis, BeforeRenderConstribution, BoundsContext, BoundsPicker, BrowserEnvContribution, CIRCLE_NUMBER_TYPE, Canvas3DDrawItemInterceptor, Canvas3DPickItemInterceptor, CanvasArc3dPicker, CanvasArcPicker, CanvasAreaPicker, CanvasCirclePicker, CanvasFactory, CanvasGifImagePicker, CanvasGlyphPicker, CanvasGroupPicker, CanvasImagePicker, CanvasLinePicker, CanvasLottiePicker, CanvasPathPicker, CanvasPickerContribution, CanvasPolygonPicker, CanvasPyramid3dPicker, CanvasRect3dPicker, CanvasRectPicker, CanvasRichTextPicker, CanvasSymbolPicker, CanvasTextLayout, CanvasTextPicker, Circle, CircleRender, CircleRenderContribution, ClipAngleAnimate, ClipDirectionAnimate, ClipGraphicAnimate, ClipIn, ClipOut, ClipRadiusAnimate, ColorInterpolate, ColorStore, ColorType, CommonDrawItemInterceptorContribution, CommonRenderContribution, ComponentAnimator, Container, ContainerModule, Context2dFactory, ContributionProvider, CubicBezierCurve, CurveContext, CurveTypeEnum, CustomEvent, CustomPath2D, CustomSymbolClass, DEFAULT_TEXT_FONT_FAMILY, DebugDrawItemInterceptorContribution, DefaultArcAllocate, DefaultArcAttribute, DefaultArcRenderContribution, DefaultAreaAllocate, DefaultAreaAttribute, DefaultAreaTextureRenderContribution, DefaultAttribute, DefaultBaseBackgroundRenderContribution, DefaultBaseClipRenderAfterContribution, DefaultBaseClipRenderBeforeContribution, DefaultBaseInteractiveRenderContribution, DefaultBaseTextureRenderContribution, DefaultCanvasAllocate, DefaultCanvasArcRender, DefaultCanvasAreaRender, DefaultCanvasCircleRender, DefaultCanvasGroupRender, DefaultCanvasImageRender, DefaultCanvasLineRender, DefaultCanvasPathRender, DefaultCanvasPolygonRender, DefaultCanvasRectRender, DefaultCanvasSymbolRender, DefaultCanvasTextRender, DefaultCircleAllocate, DefaultCircleAttribute, DefaultCircleRenderContribution, DefaultConnectAttribute, DefaultDebugAttribute, DefaultFillStyle, DefaultGlobal, DefaultGlobalPickerService, DefaultGlyphAttribute, DefaultGraphicAllocate, DefaultGraphicMemoryManager, DefaultGraphicService, DefaultGraphicUtil, DefaultGroupAttribute, DefaultGroupBackgroundRenderContribution, DefaultImageAttribute, DefaultImageRenderContribution, DefaultLayerService, DefaultLayout, DefaultLineAllocate, DefaultLineAttribute, DefaultMat4Allocate, DefaultMatrixAllocate, DefaultPathAllocate, DefaultPathAttribute, DefaultPickService, DefaultPickStyle, DefaultPolygonAttribute, DefaultRect3dAttribute, DefaultRectAllocate, DefaultRectAttribute, DefaultRectRenderContribution, DefaultRenderService, DefaultRichTextAttribute, DefaultRichTextIconAttribute, DefaultStrokeStyle, DefaultStyle, DefaultSymbolAllocate, DefaultSymbolAttribute, DefaultSymbolClipRangeStrokeRenderContribution, DefaultSymbolRenderContribution, DefaultTextAllocate, DefaultTextAttribute, DefaultTextMeasureContribution, DefaultTextStyle, DefaultTicker, DefaultTimeline, DefaultTransform, DefaultTransformUtil, DefaultWindow, Direction, DirectionalLight, DragNDrop, DrawContribution, DrawItemInterceptor, DynamicLayerHandlerContribution, Edge, EditModule, EmptyContext2d, EnvContribution, EventManager, EventSystem, EventTarget, FORMAT_ALL_TEXT_COMMAND, FORMAT_ELEMENT_COMMAND, FORMAT_TEXT_COMMAND, Factory, FadeIn, FadeOut, FederatedEvent, FederatedMouseEvent, FederatedPointerEvent, FederatedWheelEvent, FlexLayoutPlugin, Fragment, FromTo, GLYPH_NUMBER_TYPE, GRAPHIC_UPDATE_TAG_KEY, GROUP_NUMBER_TYPE, Generator, Gesture, GifImage, GlobalPickerService, Glyph, GlyphRender, Graphic, GraphicCreator$1 as GraphicCreator, GraphicPicker, GraphicRender, GraphicService, GraphicStateExtension, GraphicUtil, Group, GroupFadeIn, GroupFadeOut, GroupRender, GroupRenderContribution, GroupUpdateAABBBoundsMode, GrowAngleIn, GrowAngleOut, GrowCenterIn, GrowCenterOut, GrowHeightIn, GrowHeightOut, GrowIn, GrowOut, GrowPointsIn, GrowPointsOut, GrowPointsXIn, GrowPointsXOut, GrowPointsYIn, GrowPointsYOut, GrowRadiusIn, GrowRadiusOut, GrowWidthIn, GrowWidthOut, HtmlAttributePlugin, IContainPointMode, IMAGE_NUMBER_TYPE, Image$1 as Image, ImageRender, ImageRenderContribution, IncreaseCount, IncrementalDrawContribution, InputRichText, InputText, InteractiveDrawItemInterceptorContribution, InteractivePickItemInterceptorContribution, InteractiveSubRenderContribution, LINE_NUMBER_TYPE, LabelItemAppear, LabelItemDisappear, Layer, LayerService, Line$1 as Line, LineRender, Linear, LinearClosed, Lottie, ManualTicker, Mat4Allocate, MathArcPicker, MathAreaPicker, MathCirclePicker, MathGlyphPicker, MathImagePicker, MathLinePicker, MathPathPicker, MathPickerContribution, MathPolygonPicker, MathRectPicker, MathSymbolPicker, MathTextPicker, MatrixAllocate, MeasureModeEnum, MonotoneX, MonotoneY, MotionPath, MoveIn, MoveOut, MoveRotateIn, MoveRotateOut, MoveScaleIn, MoveScaleOut, NOWORK_ANIMATE_ATTR, Node, OrthoCamera, OutputRichText, PATH_NUMBER_TYPE, POLYGON_NUMBER_TYPE, PURE_STYLE_KEY, PYRAMID3D_NUMBER_TYPE, Path, PathRender, PathRenderContribution, PerformanceRAF, PickItemInterceptor, PickServiceInterceptor, PickerService, PluginService, Polygon, PolygonRender, PolygonRenderContribution, PoptipAppear, PoptipDisappear, Pyramid3d, Pyramid3dRender, REACT_TO_CANOPUS_EVENTS, REACT_TO_CANOPUS_EVENTS_LIST, RECT3D_NUMBER_TYPE, RECT_NUMBER_TYPE, RICHTEXT_NUMBER_TYPE, RafBasedSTO, ReactAttributePlugin, Rect, Rect3DRender, Rect3d, RectRender, RectRenderContribution, ReflectSegContext, RenderSelector, RenderService, ResourceLoader, RichText, RichTextEditPlugin, RichTextRender, RotateBySphereAnimate, RotateIn, RotateOut, STATUS$1 as STATUS, SVG_ATTRIBUTE_MAP, SVG_ATTRIBUTE_MAP_KEYS, SVG_PARSE_ATTRIBUTE_MAP, SVG_PARSE_ATTRIBUTE_MAP_KEYS, SYMBOL_NUMBER_TYPE, ScaleIn, ScaleOut, SegContext, ShadowPickServiceInterceptorContribution, ShadowRoot, ShadowRootDrawItemInterceptorContribution, ShadowRootPickItemInterceptorContribution, SlideIn, SlideOut, SlideOutRichText, SlideRichText, SpinIn, SpinOut, SplitRectAfterRenderContribution, SplitRectBeforeRenderContribution, Stage, State, StaticLayerHandlerContribution, Step$1 as Step, StreamLight, Symbol$1 as Symbol, SymbolRender, SymbolRenderContribution, TEXT_NUMBER_TYPE, TagPointsUpdate, Text, TextDirection, TextMeasureContribution, TextRender, TextRenderContribution, Theme, TransformUtil, Update, UpdateTag, VArc, VArc3d, VArea, VCircle, VGlobal, VGlyph, VGroup, VImage, VLine, VPath, VPolygon, VPyramid3d, VRect, VRect3d, VRichText, VSymbol, VText, VWindow, ViewTransform3dPlugin, VirtualLayerHandlerContribution, WILDCARD, WindowHandlerContribution, WrapText, XMLParser, _calculateLineHeight, _interpolateColor, _registerArc, addArcToBezierPath$1 as addArcToBezierPath, addAttributeToPrototype, alignBezierCurves, alignSubpath, alternatingWave, application, applyTransformOnBezierCurves, arc3dCanvasPickModule, arc3dModule, arcCanvasPickModule, arcMathPickModule, arcModule, areaCanvasPickModule, areaMathPickModule, areaModule, bezier, bezierCurversToPath, binarySplitPolygon, bindContributionProvider, bindContributionProviderNoSingletonScope, boundStroke, browserEnvModule, builtInSymbolStrMap, builtinSymbols, builtinSymbolsMap, calcLineCache, calculateArcCornerRadius, calculateLineHeight, canvasAllocate, centerToCorner, centroidOfSubpath, circleBounds, circleCanvasPickModule, circleMathPickModule, circleModule, clock, colorEqual, colorStringInterpolationToStr, columnCenterToEdge, columnEdgeToCenter, columnLeftToRight, columnRightToLeft, container, cornerTangents, cornerToCenter, createArc, createArc3d, createArea, createCircle, createColor, createComponentAnimator, createConicalGradient, createGifImage, createGlyph, createGroup, createImage, createImageElement$1 as createImageElement, createLine, createLottie, createMat4, createPath, createPolygon, createPyramid3d, createRect, createRect3d, createRectPath, createRichText, createShadowRoot, createStage, createSymbol, createText, createWrapText, cubicCalc, cubicLength, cubicPointAt, cubicSubdivide, decodeReactDom, defaultArcAllocate, defaultArcBackgroundRenderContribution, defaultArcRenderContribution, defaultArcTextureRenderContribution, defaultAreaAllocate, defaultBaseBackgroundRenderContribution, defaultBaseClipRenderAfterContribution, defaultBaseClipRenderBeforeContribution, defaultBaseTextureRenderContribution, defaultCircleAllocate, defaultCircleBackgroundRenderContribution, defaultCircleRenderContribution, defaultCircleTextureRenderContribution, defaultGraphicMemoryManager, defaultGroupBackgroundRenderContribution, defaultImageBackgroundRenderContribution, defaultImageRenderContribution, defaultLineAllocate, defaultPathAllocate, defaultRectAllocate, defaultRectBackgroundRenderContribution, defaultRectRenderContribution, defaultRectTextureRenderContribution, defaultSymbolAllocate, defaultSymbolBackgroundRenderContribution, defaultSymbolClipRangeStrokeRenderContribution, defaultSymbolRenderContribution, defaultSymbolTextureRenderContribution, defaultTextAllocate, diagonalCenterToEdge, diagonalTopLeftToBottomRight, diff, divideCubic, divideQuad, drawArc, drawArcPath$1 as drawArcPath, drawAreaSegments, drawIncrementalAreaSegments, drawIncrementalSegments, drawSegments, enumCommandMap, feishuEnvModule, fillVisible, findBestMorphingRotation, findConfigIndexByCursorIdx, findCursorIdxByConfigIndex, findNextGraphic, flatten_simplify, foreach, foreachAsync, genBasisSegments, genBasisTypeSegments, genLinearClosedSegments, genLinearClosedTypeSegments, genLinearSegments, genLinearTypeSegments, genMonotoneXSegments, genMonotoneXTypeSegments, genMonotoneYSegments, genMonotoneYTypeSegments, genNumberType, genStepSegments, genStepTypeSegments, generatorPathEasingFunc, getAttributeFromDefaultAttrList, getConicGradientAt, getCurrentEnv, getDefaultCharacterConfig, getExtraModelMatrix, getModelMatrix, getRichTextBounds, getScaledStroke, getTextBounds, getTheme, getThemeFromGroup, gifImageCanvasPickModule, gifImageModule, globalTheme, glyphCanvasPickModule, glyphMathPickModule, glyphModule, graphicCreator, graphicService, graphicUtil, harmonyEnvModule, identityMat4, imageCanvasPickModule, imageMathPickModule, imageModule, incrementalAddTo, initAllEnv, initBrowserEnv, initFeishuEnv, initHarmonyEnv, initLynxEnv, initNodeEnv, initTTEnv, initTaroEnv, initWxEnv, inject, injectable, interpolateColor, interpolateGradientConicalColor, interpolateGradientLinearColor, interpolateGradientRadialColor, interpolatePureColorArray, interpolatePureColorArrayToStr, intersect, isBrowserEnv, isNodeEnv, isSvg, isTransformKey, isXML, jsx, layerService, lineCanvasPickModule, lineMathPickModule, lineModule, loadAllEnv, loadAllModule, loadBrowserEnv, loadFeishuEnv, loadHarmonyEnv, loadLynxEnv, loadNodeEnv, loadTTEnv, loadTaroEnv, loadWxEnv, lookAt, lottieCanvasPickModule, lottieModule, lynxEnvModule, mat3Tomat4, mat4Allocate, matrixAllocate, multiInject, multiplyMat4Mat3, multiplyMat4Mat4, named, newThemeObj, nodeEnvModule, ortho, parsePadding, parseStroke, parseSvgPath, particleEffect, pathCanvasPickModule, pathMathPickModule, pathModule, pathToBezierCurves, point$3 as point, pointEqual, pointInterpolation, pointInterpolationHighPerformance, pointsEqual, pointsInterpolation, polygonCanvasPickModule, polygonMathPickModule, polygonModule, preLoadAllModule, pulseWave, pyramid3dCanvasPickModule, pyramid3dModule, quadCalc, quadLength, quadPointAt, rafBasedSto, randomOpacity, rect3dCanvasPickModule, rect3dModule, rectCanvasPickModule, rectFillVisible, rectMathPickModule, rectModule, rectStrokeVisible, recursiveCallBinarySplit, registerAnimate, registerArc, registerArc3d, registerArc3dGraphic, registerArcGraphic, registerArea, registerAreaGraphic, registerCircle, registerCircleGraphic, registerCustomAnimate, registerDirectionalLight, registerFlexLayoutPlugin, registerGlyph, registerGlyphGraphic, registerGroup, registerGroupGraphic, registerHtmlAttributePlugin, registerImage, registerImageGraphic, registerLine, registerLineGraphic, registerOrthoCamera, registerPath, registerPathGraphic, registerPolygon, registerPolygonGraphic, registerPyramid3d, registerPyramid3dGraphic, registerReactAttributePlugin, registerRect, registerRect3d, registerRect3dGraphic, registerRectGraphic, registerRichtext, registerRichtextGraphic, registerShadowRoot, registerShadowRootGraphic, registerSymbol, registerSymbolGraphic, registerText, registerTextGraphic, registerViewTransform3dPlugin, registerWrapText, registerWrapTextGraphic, renderCommandList, rewriteProto, richTextMathPickModule, richtextCanvasPickModule, richtextModule, rippleEffect, rotateX, rotateY, rotateZ, rotationScan, roughModule, rowBottomToTop, rowCenterToEdge, rowEdgeToCenter, rowTopToBottom, runFill, runStroke, scaleMat4, segments, shouldUseMat4, snakeWave, snapLength, spiralEffect, splitArc, splitArea, splitCircle, splitLine, splitPath, splitPolygon, splitRect, splitToGrids, strCommandMap, strokeVisible, symbolCanvasPickModule, symbolMathPickModule, symbolModule, taroEnvModule, textAttributesToStyle, textCanvasPickModule, textDrawOffsetX, textDrawOffsetY, textLayoutOffsetY, textMathPickModule, textModule, transformKeys, transformMat4, transformUtil, transitionRegistry, translate, ttEnvModule, version, verticalLayout, vglobal, waitForAllSubLayers, wrapCanvas, wrapContext, wxEnvModule, xul };
|
|
34500
|
+
export { AComponentAnimate, ACustomAnimate, ARC3D_NUMBER_TYPE, ARC_NUMBER_TYPE, AREA_NUMBER_TYPE, AbstractGraphicRender, Animate, AnimateExecutor, AnimateMode, AnimateStatus, Step as AnimateStep, AnimateStepType, AnimationStateManager, AnimationStateStore, AnimationStates, AnimationTransitionRegistry, Application, Arc, Arc3d, Arc3dRender, ArcRender, ArcRenderContribution, Area, AreaRender, AreaRenderContribution, AttributeUpdateType, AutoEnablePlugins, BaseCanvas, BaseEnvContribution, BaseRender, BaseRenderContributionTime, BaseWindowHandlerContribution, Basis, BeforeRenderConstribution, BoundsContext, BoundsPicker, BrowserEnvContribution, CIRCLE_NUMBER_TYPE, Canvas3DDrawItemInterceptor, Canvas3DPickItemInterceptor, CanvasArc3dPicker, CanvasArcPicker, CanvasAreaPicker, CanvasCirclePicker, CanvasFactory, CanvasGifImagePicker, CanvasGlyphPicker, CanvasGroupPicker, CanvasImagePicker, CanvasLinePicker, CanvasLottiePicker, CanvasPathPicker, CanvasPickerContribution, CanvasPolygonPicker, CanvasPyramid3dPicker, CanvasRect3dPicker, CanvasRectPicker, CanvasRichTextPicker, CanvasSymbolPicker, CanvasTextLayout, CanvasTextPicker, Circle, CircleRender, CircleRenderContribution, ClipAngleAnimate, ClipDirectionAnimate, ClipGraphicAnimate, ClipIn, ClipOut, ClipRadiusAnimate, ColorInterpolate, ColorStore, ColorType, CommonDrawItemInterceptorContribution, CommonRenderContribution, ComponentAnimator, Container, ContainerModule, Context2dFactory, ContributionProvider, CubicBezierCurve, CurveContext, CurveTypeEnum, CustomEvent, CustomPath2D, CustomSymbolClass, DEFAULT_TEXT_FONT_FAMILY, DebugDrawItemInterceptorContribution, DefaultArcAllocate, DefaultArcAttribute, DefaultArcRenderContribution, DefaultAreaAllocate, DefaultAreaAttribute, DefaultAreaTextureRenderContribution, DefaultAttribute, DefaultBaseBackgroundRenderContribution, DefaultBaseClipRenderAfterContribution, DefaultBaseClipRenderBeforeContribution, DefaultBaseInteractiveRenderContribution, DefaultBaseTextureRenderContribution, DefaultCanvasAllocate, DefaultCanvasArcRender, DefaultCanvasAreaRender, DefaultCanvasCircleRender, DefaultCanvasGroupRender, DefaultCanvasImageRender, DefaultCanvasLineRender, DefaultCanvasPathRender, DefaultCanvasPolygonRender, DefaultCanvasRectRender, DefaultCanvasSymbolRender, DefaultCanvasTextRender, DefaultCircleAllocate, DefaultCircleAttribute, DefaultCircleRenderContribution, DefaultConnectAttribute, DefaultDebugAttribute, DefaultFillStyle, DefaultGlobal, DefaultGlobalPickerService, DefaultGlyphAttribute, DefaultGraphicAllocate, DefaultGraphicMemoryManager, DefaultGraphicService, DefaultGraphicUtil, DefaultGroupAttribute, DefaultGroupBackgroundRenderContribution, DefaultImageAttribute, DefaultImageRenderContribution, DefaultLayerService, DefaultLayout, DefaultLineAllocate, DefaultLineAttribute, DefaultMat4Allocate, DefaultMatrixAllocate, DefaultPathAllocate, DefaultPathAttribute, DefaultPickService, DefaultPickStyle, DefaultPolygonAttribute, DefaultRect3dAttribute, DefaultRectAllocate, DefaultRectAttribute, DefaultRectRenderContribution, DefaultRenderService, DefaultRichTextAttribute, DefaultRichTextIconAttribute, DefaultStrokeStyle, DefaultStyle, DefaultSymbolAllocate, DefaultSymbolAttribute, DefaultSymbolClipRangeStrokeRenderContribution, DefaultSymbolRenderContribution, DefaultTextAllocate, DefaultTextAttribute, DefaultTextMeasureContribution, DefaultTextStyle, DefaultTicker, DefaultTimeline, DefaultTransform, DefaultTransformUtil, DefaultWindow, Direction, DirectionalLight, DragNDrop, DrawContribution, DrawItemInterceptor, DynamicLayerHandlerContribution, Edge, EditModule, EmptyContext2d, EnvContribution, EventManager, EventSystem, EventTarget, FORMAT_ALL_TEXT_COMMAND, FORMAT_ELEMENT_COMMAND, FORMAT_TEXT_COMMAND, Factory, FadeIn, FadeOut, FederatedEvent, FederatedMouseEvent, FederatedPointerEvent, FederatedWheelEvent, FlexLayoutPlugin, Fragment, FromTo, GLYPH_NUMBER_TYPE, GRAPHIC_UPDATE_TAG_KEY, GROUP_NUMBER_TYPE, Generator, Gesture, GifImage, GlobalPickerService, Glyph, GlyphRender, Graphic, GraphicCreator$1 as GraphicCreator, GraphicPicker, GraphicRender, GraphicService, GraphicStateExtension, GraphicUtil, Group, GroupFadeIn, GroupFadeOut, GroupRender, GroupRenderContribution, GroupUpdateAABBBoundsMode, GrowAngleIn, GrowAngleOut, GrowCenterIn, GrowCenterOut, GrowHeightIn, GrowHeightOut, GrowIn, GrowOut, GrowPointsIn, GrowPointsOut, GrowPointsXIn, GrowPointsXOut, GrowPointsYIn, GrowPointsYOut, GrowRadiusIn, GrowRadiusOut, GrowWidthIn, GrowWidthOut, HtmlAttributePlugin, IContainPointMode, IMAGE_NUMBER_TYPE, Image$1 as Image, ImageRender, ImageRenderContribution, IncreaseCount, IncrementalDrawContribution, InputRichText, InputText, InteractiveDrawItemInterceptorContribution, InteractivePickItemInterceptorContribution, InteractiveSubRenderContribution, LINE_NUMBER_TYPE, LabelItemAppear, LabelItemDisappear, Layer, LayerService, Line$1 as Line, LineRender, Linear, LinearClosed, Lottie, ManualTicker, Mat4Allocate, MathArcPicker, MathAreaPicker, MathCirclePicker, MathGlyphPicker, MathImagePicker, MathLinePicker, MathPathPicker, MathPickerContribution, MathPolygonPicker, MathRectPicker, MathSymbolPicker, MathTextPicker, MatrixAllocate, MeasureModeEnum, MonotoneX, MonotoneY, MotionPath, MoveIn, MoveOut, MoveRotateIn, MoveRotateOut, MoveScaleIn, MoveScaleOut, NOWORK_ANIMATE_ATTR, Node, OrthoCamera, OutputRichText, PATH_NUMBER_TYPE, POLYGON_NUMBER_TYPE, PURE_STYLE_KEY, PYRAMID3D_NUMBER_TYPE, Path, PathRender, PathRenderContribution, PerformanceRAF, PickItemInterceptor, PickServiceInterceptor, PickerService, PluginService, Polygon, PolygonRender, PolygonRenderContribution, PoptipAppear, PoptipDisappear, PulseAnimate, Pyramid3d, Pyramid3dRender, REACT_TO_CANOPUS_EVENTS, REACT_TO_CANOPUS_EVENTS_LIST, RECT3D_NUMBER_TYPE, RECT_NUMBER_TYPE, RICHTEXT_NUMBER_TYPE, RafBasedSTO, ReactAttributePlugin, Rect, Rect3DRender, Rect3d, RectRender, RectRenderContribution, ReflectSegContext, RenderSelector, RenderService, ResourceLoader, RichText, RichTextEditPlugin, RichTextRender, RotateBySphereAnimate, RotateIn, RotateOut, STATUS$1 as STATUS, SVG_ATTRIBUTE_MAP, SVG_ATTRIBUTE_MAP_KEYS, SVG_PARSE_ATTRIBUTE_MAP, SVG_PARSE_ATTRIBUTE_MAP_KEYS, SYMBOL_NUMBER_TYPE, ScaleIn, ScaleOut, SegContext, ShadowPickServiceInterceptorContribution, ShadowRoot, ShadowRootDrawItemInterceptorContribution, ShadowRootPickItemInterceptorContribution, SlideIn, SlideOut, SlideOutRichText, SlideRichText, SpinIn, SpinOut, SplitRectAfterRenderContribution, SplitRectBeforeRenderContribution, Stage, State, StaticLayerHandlerContribution, Step$1 as Step, StreamLight, StrokeIn, StrokeOut, Symbol$1 as Symbol, SymbolRender, SymbolRenderContribution, TEXT_NUMBER_TYPE, TagPointsUpdate, Text, TextDirection, TextMeasureContribution, TextRender, TextRenderContribution, Theme, TransformUtil, Update, UpdateTag, VArc, VArc3d, VArea, VCircle, VGlobal, VGlyph, VGroup, VImage, VLine, VPath, VPolygon, VPyramid3d, VRect, VRect3d, VRichText, VSymbol, VText, VWindow, ViewTransform3dPlugin, VirtualLayerHandlerContribution, WILDCARD, WindowHandlerContribution, WrapText, XMLParser, _calculateLineHeight, _interpolateColor, _registerArc, addArcToBezierPath$1 as addArcToBezierPath, addAttributeToPrototype, alignBezierCurves, alignSubpath, alternatingWave, application, applyTransformOnBezierCurves, arc3dCanvasPickModule, arc3dModule, arcCanvasPickModule, arcMathPickModule, arcModule, areaCanvasPickModule, areaMathPickModule, areaModule, bezier, bezierCurversToPath, binarySplitPolygon, bindContributionProvider, bindContributionProviderNoSingletonScope, boundStroke, browserEnvModule, builtInSymbolStrMap, builtinSymbols, builtinSymbolsMap, calcLineCache, calculateArcCornerRadius, calculateLineHeight, canvasAllocate, centerToCorner, centroidOfSubpath, circleBounds, circleCanvasPickModule, circleMathPickModule, circleModule, clock, colorEqual, colorStringInterpolationToStr, columnCenterToEdge, columnEdgeToCenter, columnLeftToRight, columnRightToLeft, container, cornerTangents, cornerToCenter, createArc, createArc3d, createArea, createCircle, createColor, createComponentAnimator, createConicalGradient, createGifImage, createGlyph, createGroup, createImage, createImageElement$1 as createImageElement, createLine, createLottie, createMat4, createPath, createPolygon, createPyramid3d, createRect, createRect3d, createRectPath, createRichText, createShadowRoot, createStage, createSymbol, createText, createWrapText, cubicCalc, cubicLength, cubicPointAt, cubicSubdivide, decodeReactDom, defaultArcAllocate, defaultArcBackgroundRenderContribution, defaultArcRenderContribution, defaultArcTextureRenderContribution, defaultAreaAllocate, defaultBaseBackgroundRenderContribution, defaultBaseClipRenderAfterContribution, defaultBaseClipRenderBeforeContribution, defaultBaseTextureRenderContribution, defaultCircleAllocate, defaultCircleBackgroundRenderContribution, defaultCircleRenderContribution, defaultCircleTextureRenderContribution, defaultGraphicMemoryManager, defaultGroupBackgroundRenderContribution, defaultImageBackgroundRenderContribution, defaultImageRenderContribution, defaultLineAllocate, defaultPathAllocate, defaultRectAllocate, defaultRectBackgroundRenderContribution, defaultRectRenderContribution, defaultRectTextureRenderContribution, defaultSymbolAllocate, defaultSymbolBackgroundRenderContribution, defaultSymbolClipRangeStrokeRenderContribution, defaultSymbolRenderContribution, defaultSymbolTextureRenderContribution, defaultTextAllocate, diagonalCenterToEdge, diagonalTopLeftToBottomRight, diff, divideCubic, divideQuad, drawArc, drawArcPath$1 as drawArcPath, drawAreaSegments, drawIncrementalAreaSegments, drawIncrementalSegments, drawSegments, enumCommandMap, feishuEnvModule, fillVisible, findBestMorphingRotation, findConfigIndexByCursorIdx, findCursorIdxByConfigIndex, findNextGraphic, flatten_simplify, foreach, foreachAsync, genBasisSegments, genBasisTypeSegments, genLinearClosedSegments, genLinearClosedTypeSegments, genLinearSegments, genLinearTypeSegments, genMonotoneXSegments, genMonotoneXTypeSegments, genMonotoneYSegments, genMonotoneYTypeSegments, genNumberType, genStepSegments, genStepTypeSegments, generatorPathEasingFunc, getAttributeFromDefaultAttrList, getConicGradientAt, getCurrentEnv, getDefaultCharacterConfig, getExtraModelMatrix, getModelMatrix, getRichTextBounds, getScaledStroke, getTextBounds, getTheme, getThemeFromGroup, gifImageCanvasPickModule, gifImageModule, globalTheme, glyphCanvasPickModule, glyphMathPickModule, glyphModule, graphicCreator, graphicService, graphicUtil, harmonyEnvModule, identityMat4, imageCanvasPickModule, imageMathPickModule, imageModule, incrementalAddTo, initAllEnv, initBrowserEnv, initFeishuEnv, initHarmonyEnv, initLynxEnv, initNodeEnv, initTTEnv, initTaroEnv, initWxEnv, inject, injectable, interpolateColor, interpolateGradientConicalColor, interpolateGradientLinearColor, interpolateGradientRadialColor, interpolatePureColorArray, interpolatePureColorArrayToStr, intersect, isBrowserEnv, isNodeEnv, isSvg, isTransformKey, isXML, jsx, layerService, lineCanvasPickModule, lineMathPickModule, lineModule, loadAllEnv, loadAllModule, loadBrowserEnv, loadFeishuEnv, loadHarmonyEnv, loadLynxEnv, loadNodeEnv, loadTTEnv, loadTaroEnv, loadWxEnv, lookAt, lottieCanvasPickModule, lottieModule, lynxEnvModule, mat3Tomat4, mat4Allocate, matrixAllocate, multiInject, multiplyMat4Mat3, multiplyMat4Mat4, named, newThemeObj, nodeEnvModule, ortho, parsePadding, parseStroke, parseSvgPath, particleEffect, pathCanvasPickModule, pathMathPickModule, pathModule, pathToBezierCurves, point$3 as point, pointEqual, pointInterpolation, pointInterpolationHighPerformance, pointsEqual, pointsInterpolation, polygonCanvasPickModule, polygonMathPickModule, polygonModule, preLoadAllModule, pulseWave, pyramid3dCanvasPickModule, pyramid3dModule, quadCalc, quadLength, quadPointAt, rafBasedSto, randomOpacity, rect3dCanvasPickModule, rect3dModule, rectCanvasPickModule, rectFillVisible, rectMathPickModule, rectModule, rectStrokeVisible, recursiveCallBinarySplit, registerAnimate, registerArc, registerArc3d, registerArc3dGraphic, registerArcGraphic, registerArea, registerAreaGraphic, registerCircle, registerCircleGraphic, registerCustomAnimate, registerDirectionalLight, registerFlexLayoutPlugin, registerGlyph, registerGlyphGraphic, registerGroup, registerGroupGraphic, registerHtmlAttributePlugin, registerImage, registerImageGraphic, registerLine, registerLineGraphic, registerOrthoCamera, registerPath, registerPathGraphic, registerPolygon, registerPolygonGraphic, registerPyramid3d, registerPyramid3dGraphic, registerReactAttributePlugin, registerRect, registerRect3d, registerRect3dGraphic, registerRectGraphic, registerRichtext, registerRichtextGraphic, registerShadowRoot, registerShadowRootGraphic, registerSymbol, registerSymbolGraphic, registerText, registerTextGraphic, registerViewTransform3dPlugin, registerWrapText, registerWrapTextGraphic, renderCommandList, rewriteProto, richTextMathPickModule, richtextCanvasPickModule, richtextModule, rippleEffect, rotateX, rotateY, rotateZ, rotationScan, roughModule, rowBottomToTop, rowCenterToEdge, rowEdgeToCenter, rowTopToBottom, runFill, runStroke, scaleMat4, segments, shouldUseMat4, snakeWave, snapLength, spiralEffect, splitArc, splitArea, splitCircle, splitLine, splitPath, splitPolygon, splitRect, splitToGrids, strCommandMap, strokeVisible, symbolCanvasPickModule, symbolMathPickModule, symbolModule, taroEnvModule, textAttributesToStyle, textCanvasPickModule, textDrawOffsetX, textDrawOffsetY, textLayoutOffsetY, textMathPickModule, textModule, transformKeys, transformMat4, transformUtil, transitionRegistry, translate, ttEnvModule, version, verticalLayout, vglobal, waitForAllSubLayers, wrapCanvas, wrapContext, wxEnvModule, xul };
|