@visactor/vtable-calendar 1.19.2 → 1.19.3-alpha.0

package/dist/vtable-calendar.js

@@ -667,7 +667,7 @@
           decorator(target, key, paramIndex);
         };
       },
-      __awaiter$b = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+      __awaiter$c = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
         return new (P || (P = Promise))(function (resolve, reject) {
           function fulfilled(value) {
             try {
@@ -833,7 +833,7 @@
         return this._env || this.setEnv("browser"), this.envContribution.loadBlob(url);
       }
       loadFont(name, source, descriptors) {
-        return __awaiter$b(this, void 0, void 0, function* () {
+        return __awaiter$c(this, void 0, void 0, function* () {
           return this._env || this.setEnv("browser"), this.envContribution.loadFont(name, source, descriptors);
         });
       }
@@ -6352,7 +6352,7 @@
       return null;
     }
 
-    var __awaiter$a = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+    var __awaiter$b = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
       return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) {
           try {
@@ -6420,7 +6420,7 @@
         }
       }
       forEachChildrenAsync(cb, reverse = !1) {
-        return __awaiter$a(this, void 0, void 0, function* () {
+        return __awaiter$b(this, void 0, void 0, function* () {
           if (reverse) {
             let child = this._lastChild,
               i = 0;
@@ -15900,7 +15900,7 @@
       container.load(envModules), container.load(textMeasureModules), container.load(layerHandlerModules);
     }
 
-    var __awaiter$9 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+    var __awaiter$a = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
       return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) {
           try {
@@ -15970,7 +15970,7 @@
       } else graphic.forEachChildren(cb, reverse);
     }
     function foreachAsync(graphic, defaultZIndex, cb, reverse = !1) {
-      return __awaiter$9(this, void 0, void 0, function* () {
+      return __awaiter$a(this, void 0, void 0, function* () {
         yield graphic.forEachChildrenAsync(cb, reverse);
       });
     }
@@ -16339,7 +16339,7 @@
           decorator(target, key, paramIndex);
         };
       },
-      __awaiter$8 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+      __awaiter$9 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
         return new (P || (P = Promise))(function (resolve, reject) {
           function fulfilled(value) {
             try {
@@ -16374,7 +16374,7 @@
         }, this.defaultRenderMap.set(this.lineRender.numberType, this.lineRender), this.defaultRenderMap.set(this.areaRender.numberType, this.areaRender);
       }
       draw(renderService, drawContext) {
-        return __awaiter$8(this, void 0, void 0, function* () {
+        return __awaiter$9(this, void 0, void 0, function* () {
           if (this.checkingForDrawPromise) return;
           this.lastRenderService = renderService, this.lastDrawContext = drawContext, this.checkingForDrawPromise = this.checkForDraw(drawContext);
           const skipDraw = yield this.checkingForDrawPromise;
@@ -16395,15 +16395,15 @@
         });
       }
       _increaseRender(group, drawContext) {
-        return __awaiter$8(this, void 0, void 0, function* () {
+        return __awaiter$9(this, void 0, void 0, function* () {
           this.rendering = !0, yield this._renderIncrementalGroup(group, drawContext);
         });
       }
       _renderIncrementalGroup(group, drawContext) {
-        return __awaiter$8(this, void 0, void 0, function* () {
+        return __awaiter$9(this, void 0, void 0, function* () {
           this.count = group.count, yield new Promise(resolve => {
             this.renderItem(group, drawContext, {
-              drawingCb: () => __awaiter$8(this, void 0, void 0, function* () {
+              drawingCb: () => __awaiter$9(this, void 0, void 0, function* () {
                 if (2 !== group.count) yield foreachAsync(group, DefaultAttribute.zIndex, (item, i) => {
                   if (this.status === STATUS.STOP) return !0;
                   if (item.isContainer) return !1;
@@ -16424,7 +16424,7 @@
         });
       }
       waitToNextFrame() {
-        return __awaiter$8(this, void 0, void 0, function* () {
+        return __awaiter$9(this, void 0, void 0, function* () {
           return new Promise(resolve => {
             this.global.getRequestAnimationFrame()(() => {
               resolve(!1);
@@ -16433,13 +16433,13 @@
         });
       }
       checkForDraw(drawContext) {
-        return __awaiter$8(this, void 0, void 0, function* () {
+        return __awaiter$9(this, void 0, void 0, function* () {
           let skip = this.rendering;
           return drawContext.restartIncremental && (skip = !1, yield this.forceStop(), this.resetToInit()), skip;
         });
       }
       forceStop() {
-        return __awaiter$8(this, void 0, void 0, function* () {
+        return __awaiter$9(this, void 0, void 0, function* () {
           this.rendering && (this.status = STATUS.STOP, yield new Promise(resolve => {
             this.hooks.completeDraw.tap("stopCb", () => {
               this.status = STATUS.NORMAL, this.hooks.completeDraw.taps = this.hooks.completeDraw.taps.filter(item => "stopCb" !== item.name), resolve(!1);
@@ -16451,11 +16451,11 @@
         this.currFrameStartAt = 0, this.currentIdx = 0;
       }
       renderGroup(group, drawContext) {
-        return __awaiter$8(this, void 0, void 0, function* () {
+        return __awaiter$9(this, void 0, void 0, function* () {
           if (!drawContext.break && !1 !== group.attribute.visibleAll) return group.incremental && drawContext.startAtId === group._uid ? (yield this._increaseRender(group, drawContext), void (drawContext.break = !0)) : void (yield new Promise(resolve => {
             this.renderItem(group, drawContext, {
-              drawingCb: () => __awaiter$8(this, void 0, void 0, function* () {
-                yield foreachAsync(group, DefaultAttribute.zIndex, item => __awaiter$8(this, void 0, void 0, function* () {
+              drawingCb: () => __awaiter$9(this, void 0, void 0, function* () {
+                yield foreachAsync(group, DefaultAttribute.zIndex, item => __awaiter$9(this, void 0, void 0, function* () {
                   drawContext.break || item.isContainer && (yield this.renderGroup(item, drawContext));
                 })), resolve(!1);
               })
@@ -17182,7 +17182,7 @@
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __awaiter$7 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+      __awaiter$8 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
         return new (P || (P = Promise))(function (resolve, reject) {
           function fulfilled(value) {
             try {
@@ -17276,7 +17276,7 @@
         };
       }
       loadFont(font, source, descriptors) {
-        return __awaiter$7(this, void 0, void 0, function* () {
+        return __awaiter$8(this, void 0, void 0, function* () {
           return {
             loadState: "fail"
           };
@@ -19112,7 +19112,7 @@
       __metadata$k = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
-      __awaiter$6 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+      __awaiter$7 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
         return new (P || (P = Promise))(function (resolve, reject) {
           function fulfilled(value) {
             try {
@@ -19331,7 +19331,7 @@
         };
       }
       loadFont(font, source, descriptors) {
-        return __awaiter$6(this, void 0, void 0, function* () {
+        return __awaiter$7(this, void 0, void 0, function* () {
           return new FontFace(font, isString$6(source) ? `url(${source})` : source, descriptors).load().then(function (loadedFont) {
             return document.fonts.add(loadedFont), {
               loadState: "success"
@@ -23994,6 +23994,103 @@
       }
     }
 
+    class AnimationTransitionRegistry {
+      constructor() {
+        this.transitions = new Map(), this.registerDefaultTransitions();
+      }
+      static getInstance() {
+        return AnimationTransitionRegistry.instance || (AnimationTransitionRegistry.instance = new AnimationTransitionRegistry()), AnimationTransitionRegistry.instance;
+      }
+      registerDefaultTransitions() {
+        this.registerTransition("appear", "*", () => ({
+          allowTransition: !0,
+          stopOriginalTransition: !1
+        })), this.registerTransition("appear", "appear", () => ({
+          allowTransition: !1,
+          stopOriginalTransition: !1
+        })), this.registerTransition("appear", "disappear", () => ({
+          allowTransition: !0,
+          stopOriginalTransition: !0
+        })), this.registerTransition("appear", "exit", () => ({
+          allowTransition: !0,
+          stopOriginalTransition: !0
+        })), this.registerTransition("normal", "*", () => ({
+          allowTransition: !0,
+          stopOriginalTransition: !1
+        })), this.registerTransition("normal", "normal", () => ({
+          allowTransition: !1,
+          stopOriginalTransition: !1
+        })), this.registerTransition("normal", "disappear", () => ({
+          allowTransition: !0,
+          stopOriginalTransition: !0
+        })), this.registerTransition("normal", "exit", () => ({
+          allowTransition: !0,
+          stopOriginalTransition: !0
+        })), this.registerTransition("exit", "*", () => ({
+          allowTransition: !1,
+          stopOriginalTransition: !1
+        })), this.registerTransition("exit", "disappear", () => ({
+          allowTransition: !0,
+          stopOriginalTransition: !0
+        })), this.registerTransition("exit", "enter", () => ({
+          allowTransition: !0,
+          stopOriginalTransition: !0
+        })), this.registerTransition("exit", "exit", () => ({
+          allowTransition: !1,
+          stopOriginalTransition: !1
+        })), this.registerTransition("enter", "*", () => ({
+          allowTransition: !0,
+          stopOriginalTransition: !1
+        })), this.registerTransition("enter", "enter", () => ({
+          allowTransition: !1,
+          stopOriginalTransition: !1
+        })), this.registerTransition("enter", "disappear", () => ({
+          allowTransition: !0,
+          stopOriginalTransition: !0
+        })), this.registerTransition("enter", "exit", () => ({
+          allowTransition: !0,
+          stopOriginalTransition: !0
+        })), this.registerTransition("disappear", "*", () => ({
+          allowTransition: !1,
+          stopOriginalTransition: !1
+        })), this.registerTransition("disappear", "appear", () => ({
+          allowTransition: !0,
+          stopOriginalTransition: !0
+        })), this.registerTransition("update", "*", () => ({
+          allowTransition: !0,
+          stopOriginalTransition: !1
+        })), this.registerTransition("update", "disappear", () => ({
+          allowTransition: !0,
+          stopOriginalTransition: !0
+        })), this.registerTransition("update", "exit", () => ({
+          allowTransition: !0,
+          stopOriginalTransition: !0
+        })), this.registerTransition("state", "*", () => ({
+          allowTransition: !0,
+          stopOriginalTransition: !1
+        })), this.registerTransition("state", "disappear", () => ({
+          allowTransition: !0,
+          stopOriginalTransition: !0
+        })), this.registerTransition("state", "exit", () => ({
+          allowTransition: !0,
+          stopOriginalTransition: !0
+        }));
+      }
+      isTransitionAllowed(fromState, toState, graphic) {
+        var _a, _b, _c, _d;
+        let func = null === (_a = this.transitions.get(fromState)) || void 0 === _a ? void 0 : _a.get(toState);
+        return func ? func(graphic, fromState) : (func = null === (_b = this.transitions.get(fromState)) || void 0 === _b ? void 0 : _b.get("*"), func ? func(graphic, fromState) : (func = null === (_c = this.transitions.get("*")) || void 0 === _c ? void 0 : _c.get(toState), func ? func(graphic, fromState) : (func = null === (_d = this.transitions.get("*")) || void 0 === _d ? void 0 : _d.get("*"), func ? func(graphic, fromState) : {
+          allowTransition: !0,
+          stopOriginalTransition: !0
+        })));
+      }
+      registerTransition(fromState, toState, transition) {
+        let fromStateMap = this.transitions.get(fromState);
+        fromStateMap || (fromStateMap = new Map(), this.transitions.set(fromState, fromStateMap)), fromStateMap.set(toState, transition);
+      }
+    }
+    AnimationTransitionRegistry.getInstance();
+
     class AnimateExecutor {
       static registerBuiltInAnimate(name, animate) {
         AnimateExecutor.builtInAnimateMap[name] = animate;
@@ -24076,258 +24173,3331 @@
             parsedParams.delay = delay * scale, parsedParams.delayAfter = delayAfter * scale, parsedParams.duration = duration * scale, parsedParams.oneByOneDelay = oneByOneDelay * scale, parsedParams.startTime = startTime;
           }
         }
-        return parsedParams;
+        return parsedParams;
+      }
+      execute(params) {
+        Array.isArray(params) ? params.forEach(param => this._execute(param)) : this._execute(params);
+      }
+      _execute(params) {
+        if (params.selfOnly) return this._executeItem(params, this._target, 0, 1);
+        const isTimeline = ("timeSlices" in params);
+        let filteredChildren;
+        isTimeline && params.partitioner && (filteredChildren = (null != filteredChildren ? filteredChildren : this._target.getChildren()).filter(child => {
+          var _a, _b;
+          return params.partitioner(null === (_b = null === (_a = child.context) || void 0 === _a ? void 0 : _a.data) || void 0 === _b ? void 0 : _b[0], child, {});
+        })), isTimeline && params.sort && (filteredChildren = null != filteredChildren ? filteredChildren : this._target.getChildren(), filteredChildren.sort((a, b) => {
+          var _a, _b, _c, _d;
+          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, {});
+        }));
+        const cb = isTimeline ? (child, index, count) => {
+          const parsedParams = this.parseParams(params, isTimeline, child),
+            animate = this.executeTimelineItem(parsedParams, child, index, count);
+          animate && this._trackAnimation(animate);
+        } : (child, index, count) => {
+          const parsedParams = this.parseParams(params, isTimeline, child),
+            animate = this.executeTypeConfigItem(parsedParams, child, index, count);
+          animate && this._trackAnimation(animate);
+        };
+        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));
+      }
+      executeTypeConfigItem(params, graphic, index, count) {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        const {
+            type = "fromTo",
+            channel: channel,
+            customParameters: customParameters,
+            easing = "linear",
+            delay = 0,
+            delayAfter = 0,
+            duration = 300,
+            startTime = 0,
+            oneByOneDelay = 0,
+            loop: loop,
+            bounce: bounce,
+            priority = 0,
+            options: options,
+            custom: custom,
+            customType: customType,
+            controlOptions: controlOptions
+          } = params,
+          animate = graphic.animate();
+        animate.priority = priority;
+        const delayValue = isFunction$7(delay) ? delay(null === (_b = null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.data) || void 0 === _b ? void 0 : _b[0], graphic, {}) : delay,
+          datum = null === (_d = null === (_c = graphic.context) || void 0 === _c ? void 0 : _c.data) || void 0 === _d ? void 0 : _d[0],
+          indexKey = null === (_e = graphic.context) || void 0 === _e ? void 0 : _e.indexKey;
+        datum && indexKey && (index = null !== (_f = datum[indexKey]) && void 0 !== _f ? _f : index), animate.startAt(startTime);
+        const wait = index * oneByOneDelay + delayValue;
+        wait > 0 && animate.wait(wait);
+        let parsedFromProps = null,
+          props = params.to,
+          from = params.from;
+        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);
+        let totalDelay = 0;
+        oneByOneDelay && (totalDelay = oneByOneDelay * (count - index - 1));
+        const delayAfterValue = isFunction$7(delayAfter) ? delayAfter(null === (_h = null === (_g = graphic.context) || void 0 === _g ? void 0 : _g.data) || void 0 === _h ? void 0 : _h[0], graphic, {}) : delayAfter;
+        return delayAfterValue > 0 && (totalDelay += delayAfterValue), totalDelay > 0 && animate.wait(totalDelay), loop && loop > 0 && animate.loop(loop), bounce && animate.bounce(!0), animate;
+      }
+      _handleRunAnimate(animate, custom, customType, from, props, duration, easing, customParameters, controlOptions, options, type, graphic) {
+        var _a, _b, _c, _d;
+        if (custom && customType) {
+          const customParams = Object.assign({
+              width: graphic.stage.width,
+              height: graphic.stage.height,
+              group: this._target.parent
+            }, this.resolveValue(customParameters, graphic)),
+            objOptions = isFunction$7(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;
+          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);
+        } else "to" === type ? animate.to(props, duration, easing) : "from" === type && animate.from(props, duration, easing);
+      }
+      executeTimelineItem(params, graphic, index, count) {
+        var _a, _b, _c, _d;
+        const {
+            timeSlices: timeSlices,
+            startTime = 0,
+            loop: loop,
+            bounce: bounce,
+            oneByOneDelay: oneByOneDelay,
+            priority: priority,
+            controlOptions: controlOptions
+          } = params,
+          datum = null === (_b = null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.data) || void 0 === _b ? void 0 : _b[0],
+          indexKey = null === (_c = graphic.context) || void 0 === _c ? void 0 : _c.indexKey;
+        datum && indexKey && (index = null !== (_d = datum[indexKey]) && void 0 !== _d ? _d : index);
+        const animate = graphic.animate();
+        animate.priority = priority, animate.startAt(startTime), animate.wait(index * oneByOneDelay), loop && loop > 0 && animate.loop(loop), bounce && animate.bounce(!0);
+        return (Array.isArray(timeSlices) ? timeSlices : [timeSlices]).forEach(slice => {
+          this.applyTimeSliceToAnimate(slice, animate, graphic, controlOptions);
+        }), oneByOneDelay && animate.wait(oneByOneDelay * (count - index - 1)), animate;
+      }
+      applyTimeSliceToAnimate(slice, animate, graphic, controlOptions) {
+        var _a, _b, _c, _d;
+        const {
+            effects: effects,
+            duration = 300,
+            delay = 0,
+            delayAfter = 0
+          } = slice,
+          delayValue = isFunction$7(delay) ? delay(null === (_b = null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.data) || void 0 === _b ? void 0 : _b[0], graphic, {}) : delay,
+          delayAfterValue = isFunction$7(delayAfter) ? delayAfter(null === (_d = null === (_c = graphic.context) || void 0 === _c ? void 0 : _c.data) || void 0 === _d ? void 0 : _d[0], graphic, {}) : delayAfter;
+        delayValue > 0 && animate.wait(delayValue);
+        (Array.isArray(effects) ? effects : [effects]).forEach(effect => {
+          var _a;
+          const {
+            type = "fromTo",
+            channel: channel,
+            customParameters: customParameters,
+            easing = "linear",
+            options: options
+          } = effect;
+          let parsedFromProps = null,
+            props = effect.to,
+            from = effect.from;
+          props || (parsedFromProps || (parsedFromProps = this.createPropsFromChannel(channel, graphic)), props = parsedFromProps.props), from || (parsedFromProps || (parsedFromProps = this.createPropsFromChannel(channel, graphic)), from = parsedFromProps.from);
+          const custom = null !== (_a = effect.custom) && void 0 !== _a ? _a : AnimateExecutor.builtInAnimateMap[type],
+            customType = effect.customType;
+          this._handleRunAnimate(animate, custom, customType, from, props, duration, easing, customParameters, controlOptions, options, type, graphic);
+        }), delayAfterValue > 0 && animate.wait(delayAfterValue);
+      }
+      createCustomInterpolatorAnimation(animate, interpolator, props, duration, easing, customParams) {
+        const to = props;
+        Object.keys(to).forEach(key => {
+          animate.target.getComputedAttribute(key);
+        }), animate.interpolateUpdateFunction = (from, to, ratio, step, target) => {
+          interpolator(ratio, from, to, step, target, animate.target, customParams);
+        }, animate.to(props, duration, easing);
+      }
+      createCustomAnimation(animate, CustomAnimateConstructor, from, props, duration, easing, customParams) {
+        const customAnimate = new CustomAnimateConstructor(from, props, duration, easing, customParams);
+        animate.play(customAnimate);
+      }
+      createPropsFromChannel(channel, graphic) {
+        const props = {};
+        let from = null;
+        return channel ? (Array.isArray(channel) ? channel.forEach(key => {
+          var _a, _b;
+          const value = null === (_b = null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.diffAttrs) || void 0 === _b ? void 0 : _b[key];
+          void 0 !== value && (props[key] = value);
+        }) : Object.keys(channel).forEach(key => {
+          var _a, _b, _c, _d;
+          const config = channel[key];
+          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);
+        }), {
+          from: from,
+          props: props
+        }) : {
+          from: from,
+          props: props
+        };
+      }
+      resolveValue(value, graphic, defaultValue) {
+        var _a, _b;
+        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;
+      }
+      executeItem(params, graphic, index = 0, count = 1) {
+        return Array.isArray(params) ? params.map(param => this._executeItem(param, graphic, index, count)).filter(Boolean) : [this._executeItem(params, graphic, index, count)].filter(Boolean);
+      }
+      _executeItem(params, graphic, index = 0, count = 1) {
+        if (!graphic) return null;
+        const isTimeline = ("timeSlices" in params);
+        let animate = null;
+        const parsedParams = this.parseParams(params, isTimeline);
+        return animate = isTimeline ? this.executeTimelineItem(parsedParams, graphic, index, count) : this.executeTypeConfigItem(parsedParams, graphic, index, count), animate && this._trackAnimation(animate), animate;
+      }
+      stop(type) {
+        for (; this._animates.length > 0;) {
+          const animate = this._animates.pop();
+          null == animate || animate.stop(type);
+        }
+        this._animates = [], this._activeCount = 0, this._started && (this._started = !1, this.onEnd());
+      }
+    }
+    AnimateExecutor.builtInAnimateMap = {};
+
+    const AnimationStates = {
+      APPEAR: "appear",
+      DISAPPEAR: "disappear",
+      UPDATE: "update",
+      HIGHLIGHT: "highlight",
+      UNHIGHLIGHT: "unhighlight",
+      SELECT: "select",
+      UNSELECT: "unselect",
+      HOVER: "hover",
+      UNHOVER: "unhover",
+      ACTIVE: "active",
+      INACTIVE: "inactive"
+    };
+    class AnimationStateStore {
+      constructor(graphic) {
+        this.graphic = graphic;
+      }
+      registerState(state) {
+        this.states || (this.states = new Map()), this.states.set(state.name, state);
+      }
+      clearStates() {
+        var _a;
+        null === (_a = this.states) || void 0 === _a || _a.clear();
+      }
+    }
+    class AnimationStateManager {
+      constructor(graphic) {
+        this.stateList = null, this.graphic = graphic;
+      }
+      applyState(nextState, animationConfig, callback) {
+        const registry = AnimationTransitionRegistry.getInstance(),
+          shouldStopState = [],
+          shouldApplyState = [];
+        if (this.stateList && this.stateList.length ? nextState.forEach((state, index) => {
+          const result = {
+            allowTransition: !0,
+            stopOriginalTransition: !0
+          };
+          this.stateList.forEach(currState => {
+            const _result = registry.isTransitionAllowed(currState.state, state, this.graphic);
+            result.allowTransition = result.allowTransition && _result.allowTransition;
+          }), result.allowTransition && (shouldApplyState.push({
+            state: state,
+            animationConfig: isArray$9(animationConfig[index]) ? animationConfig[index].map(item => item.animation) : animationConfig[index].animation,
+            executor: new AnimateExecutor(this.graphic)
+          }), this.stateList.forEach(currState => {
+            registry.isTransitionAllowed(currState.state, state, this.graphic).stopOriginalTransition && shouldStopState.push(currState);
+          }));
+        }) : nextState.forEach((state, index) => {
+          shouldApplyState.push({
+            state: state,
+            animationConfig: isArray$9(animationConfig[index]) ? animationConfig[index].map(item => item.animation) : animationConfig[index].animation,
+            executor: new AnimateExecutor(this.graphic)
+          });
+        }), shouldStopState.forEach(state => {
+          state.executor.stop();
+        }), shouldApplyState.length) {
+          shouldApplyState[0].executor.execute(shouldApplyState[0].animationConfig);
+          for (let i = 0; i < shouldApplyState.length; i++) {
+            const nextState = shouldApplyState[i + 1],
+              currentState = shouldApplyState[i];
+            currentState.executor.onEnd(() => {
+              nextState && nextState.executor.execute(nextState.animationConfig), this.stateList = this.stateList.filter(state => state !== currentState), i === shouldApplyState.length - 1 && callback && callback(!1);
+            });
+          }
+        } else callback && callback(!0);
+        this.stateList ? this.stateList = this.stateList.filter(state => !shouldStopState.includes(state)) : this.stateList = [], this.stateList.push(...shouldApplyState);
+      }
+      applyAppearState(animationConfig, callback) {
+        this.applyState([AnimationStates.APPEAR], [{
+          name: AnimationStates.APPEAR,
+          animation: animationConfig
+        }], callback);
+      }
+      applyDisappearState(animationConfig, callback) {
+        this.applyState([AnimationStates.DISAPPEAR], [{
+          name: AnimationStates.DISAPPEAR,
+          animation: animationConfig
+        }], callback);
+      }
+      applyUpdateState(animationConfig, callback) {
+        this.applyState([AnimationStates.UPDATE], [{
+          name: AnimationStates.UPDATE,
+          animation: animationConfig
+        }], callback);
+      }
+      applyHighlightState(animationConfig, callback) {
+        this.applyState([AnimationStates.HIGHLIGHT], [{
+          name: AnimationStates.HIGHLIGHT,
+          animation: animationConfig
+        }], callback);
+      }
+      applyUnhighlightState(animationConfig, callback) {
+        this.applyState([AnimationStates.UNHIGHLIGHT], [{
+          name: AnimationStates.UNHIGHLIGHT,
+          animation: animationConfig
+        }], callback);
+      }
+      stopState(state, type) {
+        var _a;
+        const stateInfo = null === (_a = this.stateList) || void 0 === _a ? void 0 : _a.find(stateInfo => stateInfo.state === state);
+        stateInfo && stateInfo.executor.stop(type);
+      }
+      clearState() {
+        var _a;
+        null === (_a = this.stateList) || void 0 === _a || _a.forEach(state => {
+          state.executor.stop();
+        }), this.stateList = null;
+      }
+    }
+
+    class GraphicStateExtension {
+      _getAnimationStateManager(graphic) {
+        return graphic._animationStateManager || (graphic._animationStateManager = new AnimationStateManager(graphic)), graphic._animationStateManager;
+      }
+      _getAnimationStateStore(graphic) {
+        return graphic._animationStateStore || (graphic._animationStateStore = new AnimationStateStore(graphic)), graphic._animationStateStore;
+      }
+      registerAnimationState(state) {
+        return this._getAnimationStateStore(this).registerState(state), this;
+      }
+      applyAnimationState(state, animationConfig, callback) {
+        return this._getAnimationStateManager(this).applyState(state, animationConfig, callback), this;
+      }
+      applyAppearState(animationConfig, callback) {
+        return this._getAnimationStateManager(this).applyAppearState(animationConfig, callback), this;
+      }
+      applyDisappearState(animationConfig, callback) {
+        return this._getAnimationStateManager(this).applyDisappearState(animationConfig, callback), this;
+      }
+      applyUpdateState(animationConfig, callback) {
+        return this._getAnimationStateManager(this).applyUpdateState(animationConfig, callback), this;
+      }
+      applyHighlightState(animationConfig, callback) {
+        return this._getAnimationStateManager(this).applyHighlightState(animationConfig, callback), this;
+      }
+      applyUnhighlightState(animationConfig, callback) {
+        return this._getAnimationStateManager(this).applyUnhighlightState(animationConfig, callback), this;
+      }
+      stopAnimationState(state, type) {
+        return this._getAnimationStateManager(this).stopState(state, type), this;
+      }
+      clearAnimationStates() {
+        return this._getAnimationStateManager(this).clearState(), this;
+      }
+      static extend(graphic) {
+        return new GraphicStateExtension()._getAnimationStateManager(graphic), graphic;
+      }
+    }
+
+    class AnimateExtension {
+      getAttributes(final = !1) {
+        return final && this.finalAttribute ? this.finalAttribute : this.attribute;
+      }
+      animate(params) {
+        var _a, _b, _c;
+        const animate = new Animate(null == params ? void 0 : params.id, null !== (_b = null !== (_a = null == params ? void 0 : params.timeline) && void 0 !== _a ? _a : this.stage && this.stage.getTimeline()) && void 0 !== _b ? _b : defaultTimeline, null == params ? void 0 : params.slience);
+        if (animate.bind(this), params) {
+          const {
+            onStart: onStart,
+            onEnd: onEnd,
+            onRemove: onRemove
+          } = params;
+          null != onStart && animate.onStart(onStart), null != onEnd && animate.onEnd(onEnd), null != onRemove && animate.onRemove(onRemove);
+        }
+        return null === (_c = this.stage) || void 0 === _c || _c.ticker.start(), animate;
+      }
+      createTimeline() {
+        return new DefaultTimeline();
+      }
+      createTicker(stage) {
+        return new DefaultTicker(stage);
+      }
+      setFinalAttributes(finalAttribute) {
+        this.finalAttribute || (this.finalAttribute = {}), Object.assign(this.finalAttribute, finalAttribute);
+      }
+      initFinalAttributes(finalAttribute) {
+        this.finalAttribute = finalAttribute;
+      }
+      initAnimateExecutor() {
+        this._animateExecutor || (this._animateExecutor = new AnimateExecutor(this));
+      }
+      executeAnimation(config) {
+        return this.initAnimateExecutor(), this._animateExecutor.execute(config), this;
+      }
+      executeAnimations(configs) {
+        return this.initAnimateExecutor(), configs.forEach(config => {
+          this._animateExecutor.execute(config);
+        }), this;
+      }
+      getFinalAttribute() {
+        return this.finalAttribute;
+      }
+      getGraphicAttribute(key, prev = !1) {
+        return !prev && this.finalAttribute ? this.finalAttribute[key] : this.attribute[key];
+      }
+    }
+
+    function registerAnimate() {
+      mixin$1(Graphic, GraphicStateExtension), mixin$1(Graphic, AnimateExtension);
+    }
+
+    class ACustomAnimate extends Step {
+      constructor(customFrom, customTo, duration, easing, params) {
+        super("customAnimate", customTo, duration, easing), this.type = "customAnimate", this.customFrom = customFrom, this.params = params, this.from = customFrom, this.to = customTo;
+      }
+      update(end, ratio, out) {
+        if (this.onStart(), !this.props || !this.propKeys) return;
+        const easedRatio = this.easing(ratio);
+        this.onUpdate(end, easedRatio, out), this.syncAttributeUpdate();
+      }
+      setProps(props) {
+        this.props = props, this.propKeys = Object.keys(props), this.animate.reSyncProps();
+      }
+    }
+    class AComponentAnimate extends ACustomAnimate {
+      completeBind(animator) {
+        this.setStartTime(0), this._animator && this._animator.start(), this.setDuration(animator.getDuration());
+      }
+      stop() {
+        this._animator && this._animator.stop();
+      }
+    }
+
+    class ComponentAnimator {
+      constructor(component) {
+        this.tasks = [], this.started = !1, this.completed = 0, this.totalDuration = 0, this.onStartCallbacks = [], this.onEndCallbacks = [], this.onUpdateCallbacks = [], this.component = component;
+      }
+      animate(graphic, config) {
+        return this.started ? (this) : (this.tasks.push({
+          graphic: graphic,
+          config: config
+        }), this);
+      }
+      onStart(callback) {
+        return this.onStartCallbacks.push(callback), this;
+      }
+      onEnd(callback) {
+        return this.onEndCallbacks.push(callback), this;
+      }
+      onUpdate(callback) {
+        return this.onUpdateCallbacks.push(callback), this;
+      }
+      start() {
+        return this.started ? (this) : (this.started = !0, this.completed = 0, this.onStartCallbacks.forEach(callback => callback()), 0 === this.tasks.length ? (setTimeout(() => {
+          this.onEndCallbacks.forEach(callback => callback());
+        }, 0), this) : (this.tasks.forEach(task => {
+          const executor = new AnimateExecutor(task.graphic);
+          executor.onEnd(() => {
+            this.completed++, this.completed === this.tasks.length && this.onEndCallbacks.forEach(callback => callback());
+          });
+          const animate = executor.executeItem(task.config, task.graphic);
+          task.animate = animate, animate.forEach(animate => {
+            this.totalDuration = Math.max(this.totalDuration, animate.getStartTime() + animate.getDuration());
+          });
+        }), this));
+      }
+      deleteSelfAttr(key) {
+        this.tasks.forEach(task => {
+          task.animate && task.animate.forEach(animate => animate.preventAttr(key));
+        });
+      }
+      stop(type) {
+        return this.tasks.forEach(task => {
+          task.animate && task.animate.forEach(animate => animate.stop(type));
+        }), this.started && this.completed !== this.tasks.length && (this.onEndCallbacks.forEach(callback => callback()), this.completed = this.tasks.length), this;
+      }
+      getDuration() {
+        return this.totalDuration;
+      }
+    }
+    function createComponentAnimator(component) {
+      return new ComponentAnimator(component);
+    }
+
+    class IncreaseCount extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params), this.formatTemplate = null, this.decimalLength = null == params ? void 0 : params.decimalLength, (null == params ? void 0 : params.formatTemplate) && params.formatTemplate.includes("{{var}}") && (this.formatTemplate = params.formatTemplate);
+      }
+      onFirstRun() {
+        var _a, _b, _c;
+        const fromProps = this.getLastProps(),
+          toProps = this.getEndProps(),
+          fromText = null !== (_a = fromProps.text) && void 0 !== _a ? _a : 0,
+          toText = null !== (_b = toProps.text) && void 0 !== _b ? _b : 0;
+        this.valid = !0;
+        let fromNum = 0,
+          toNum = 0,
+          fromFormat = "",
+          toFormat = "",
+          maxDecimalLength = 0;
+        if ("number" == typeof fromText) {
+          fromNum = fromText;
+          const decimalPart = fromText.toString().split(".")[1] || "";
+          maxDecimalLength = Math.max(maxDecimalLength, decimalPart.length);
+        } else {
+          if ("string" != typeof fromText) return void (this.valid = !1);
+          if (fromText.endsWith("%")) {
+            fromFormat = "%";
+            const cleanNumStr = fromText.substring(0, fromText.length - 1).replace(/,/g, "");
+            if (fromNum = parseFloat(cleanNumStr) / 100, isNaN(fromNum)) return void (this.valid = !1);
+            const decimalPart = cleanNumStr.split(".")[1] || "";
+            maxDecimalLength = Math.max(maxDecimalLength, decimalPart.length + 2);
+          } else {
+            const cleanNumStr = fromText.replace(/,/g, "");
+            if (fromNum = parseFloat(cleanNumStr), isNaN(fromNum)) return void (this.valid = !1);
+            fromText.includes(",") && (fromFormat = ",");
+            const decimalPart = cleanNumStr.split(".")[1] || "";
+            maxDecimalLength = Math.max(maxDecimalLength, decimalPart.length);
+          }
+        }
+        if ("number" == typeof toText) {
+          toNum = toText;
+          const decimalPart = toText.toString().split(".")[1] || "";
+          maxDecimalLength = Math.max(maxDecimalLength, decimalPart.length);
+        } else {
+          if ("string" != typeof toText) return void (this.valid = !1);
+          if (toText.endsWith("%")) {
+            toFormat = "%";
+            const cleanNumStr = toText.substring(0, toText.length - 1).replace(/,/g, "");
+            if (toNum = parseFloat(cleanNumStr) / 100, isNaN(toNum)) return void (this.valid = !1);
+            const decimalPart = cleanNumStr.split(".")[1] || "";
+            maxDecimalLength = Math.max(maxDecimalLength, decimalPart.length + 2);
+          } else {
+            const cleanNumStr = toText.replace(/,/g, "");
+            if (toNum = parseFloat(cleanNumStr), isNaN(toNum)) return void (this.valid = !1);
+            toText.includes(",") && (toFormat = ",");
+            const decimalPart = cleanNumStr.split(".")[1] || "";
+            maxDecimalLength = Math.max(maxDecimalLength, decimalPart.length);
+          }
+        }
+        if (null === (_c = this.params) || void 0 === _c ? void 0 : _c.format) {
+          switch (this.params.format) {
+            case "percent":
+              this.format = "%";
+              break;
+            case "thousandth":
+              this.format = ",";
+              break;
+            case "none":
+              this.format = "";
+              break;
+            default:
+              this.format = toFormat || fromFormat;
+          }
+          "%" === this.format && "%" !== toFormat && "%" !== fromFormat && void 0 === this.decimalLength && (this.decimalLength = 2), "%" === this.format || "%" !== toFormat && "%" !== fromFormat || (fromNum *= 100, toNum *= 100);
+        } else this.format = toFormat || fromFormat;
+        this.fromNumber = fromNum, this.toNumber = toNum, void 0 === this.decimalLength && (this.decimalLength = maxDecimalLength);
+      }
+      onEnd(cb) {
+        super.onEnd(cb), cb || this.props && this.target.setAttributes(this.props);
+      }
+      onUpdate(end, ratio, out) {
+        if (!this.valid) return;
+        const currentNumber = this.fromNumber + (this.toNumber - this.fromNumber) * ratio;
+        let formattedText = "";
+        const format = this.format,
+          numberWithDecimals = ("%" === format ? 100 * currentNumber : currentNumber).toFixed(this.decimalLength);
+        let formattedWithBasicFormat,
+          formattedNumber = numberWithDecimals;
+        if (parseFloat(numberWithDecimals) === Math.floor(parseFloat(numberWithDecimals)) && (formattedNumber = Math.floor(parseFloat(numberWithDecimals))), "%" === format) formattedWithBasicFormat = `${formattedNumber}%`;else if ("," === format) {
+          const parts = formattedNumber.toString().split(".");
+          parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ","), formattedWithBasicFormat = parts.join(".");
+        } else formattedWithBasicFormat = formattedNumber;
+        formattedText = this.formatTemplate ? this.formatTemplate.replace("{{var}}", formattedWithBasicFormat.toString()) : formattedWithBasicFormat, this.target.setAttribute("text", formattedText);
+      }
+    }
+
+    class InputText extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params), this.fromText = "", this.toText = "", this.showCursor = !1, this.cursorChar = "|", this.blinkCursor = !0, this.beforeText = "", this.afterText = "", 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.beforeText) && (this.beforeText = params.beforeText), void 0 !== (null == params ? void 0 : params.afterText) && (this.afterText = params.afterText);
+      }
+      onFirstRun() {
+        var _a, _b;
+        const fromProps = this.getLastProps(),
+          toProps = this.getEndProps(),
+          fromText = null !== (_a = fromProps.text) && void 0 !== _a ? _a : "",
+          toText = null !== (_b = toProps.text) && void 0 !== _b ? _b : "";
+        this.valid = !0, this.fromText = fromText.toString(), this.toText = toText.toString(), this.toText || "" === this.toText || (this.valid = !1);
+      }
+      onEnd(cb) {
+        super.onEnd(cb), cb || (this.showCursor && !this.blinkCursor ? this.target.setAttribute("text", this.beforeText + this.toText + this.cursorChar + this.afterText) : this.target.setAttribute("text", this.beforeText + this.toText + this.afterText));
+      }
+      onUpdate(end, ratio, out) {
+        if (!this.valid) return;
+        const totalChars = this.toText.length,
+          fromChars = this.fromText.length;
+        let currentLength, currentText;
+        fromChars > totalChars ? (currentLength = Math.round(fromChars - (fromChars - totalChars) * ratio), currentText = this.fromText.substring(0, currentLength)) : (currentLength = Math.round(fromChars + (totalChars - fromChars) * ratio), currentText = this.toText.startsWith(this.fromText) ? this.toText.substring(0, currentLength) : currentLength <= fromChars ? this.fromText.substring(0, currentLength) : this.toText.substring(0, currentLength - fromChars + Math.min(fromChars, currentLength)));
+        let displayText = this.beforeText + currentText + this.afterText;
+        if (this.showCursor) if (this.blinkCursor) {
+          const blinkRate = .1;
+          Math.floor(ratio / blinkRate) % 2 == 0 && (displayText = this.beforeText + currentText + this.cursorChar + this.afterText);
+        } else displayText = this.beforeText + currentText + this.cursorChar + this.afterText;
+        this.target.setAttribute("text", displayText);
+      }
+    }
+
+    class CommonIn extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+      }
+      onBind() {
+        var _a, _b, _c;
+        super.onBind();
+        const attrs = this.target.getFinalAttribute(),
+          fromAttrs = null !== (_a = this.target.attribute) && void 0 !== _a ? _a : {},
+          to = {},
+          from = null !== (_b = this.from) && void 0 !== _b ? _b : {};
+        this.keys.forEach(key => {
+          var _a, _b, _c;
+          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;
+        });
+        const finalAttribute = this.target.getFinalAttribute();
+        finalAttribute && this.target.setAttributes(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);
+      }
+      onUpdate(end, ratio, out) {
+        const attribute = this.target.attribute;
+        this.propKeys.forEach(key => {
+          attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+      }
+    }
+    class CommonOut extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+      }
+      onBind() {
+        super.onBind();
+        const attrs = this.target.attribute,
+          to = {},
+          from = {};
+        this.keys.forEach(key => {
+          var _a;
+          to[key] = 0, from[key] = null !== (_a = attrs[key]) && void 0 !== _a ? _a : 1;
+        }), this.props = to, this.propKeys = this.keys, this.from = from, this.to = to, Object.assign(this.target.attribute, from), this.target.addUpdatePositionTag(), this.target.addUpdateBoundTag();
+      }
+      onEnd(cb) {
+        super.onEnd(cb);
+      }
+      onUpdate(end, ratio, out) {
+        const attribute = this.target.attribute;
+        this.propKeys.forEach(key => {
+          attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+      }
+    }
+
+    class ClipIn extends CommonIn {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params), this.keys = ["clipRange"], this.from = {
+          clipRange: 0
+        };
+      }
+      onFirstRun() {
+        var _a;
+        super.onFirstRun();
+        const {
+          clipDimension: clipDimension
+        } = (null === (_a = this.params) || void 0 === _a ? void 0 : _a.options) || {};
+        clipDimension && (this.target.attribute.clipRangeByDimension = clipDimension);
+      }
+    }
+    class ClipOut extends CommonOut {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params), this.keys = ["clipRange"];
+      }
+    }
+
+    class FadeIn extends CommonIn {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params), this.keys = ["opacity", "fillOpacity", "strokeOpacity"], this.from = {
+          opacity: 0,
+          fillOpacity: 0,
+          strokeOpacity: 0
+        };
+      }
+    }
+    class FadeOut extends CommonOut {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params), this.keys = ["opacity", "fillOpacity", "strokeOpacity"];
+      }
+    }
+
+    const growAngleInIndividual = (graphic, options, animationParameters) => {
+        const attrs = graphic.getFinalAttribute();
+        return options && "anticlockwise" === options.orient ? {
+          from: {
+            startAngle: null == attrs ? void 0 : attrs.endAngle
+          },
+          to: {
+            startAngle: null == attrs ? void 0 : attrs.startAngle
+          }
+        } : {
+          from: {
+            endAngle: null == attrs ? void 0 : attrs.startAngle
+          },
+          to: {
+            endAngle: null == attrs ? void 0 : attrs.endAngle
+          }
+        };
+      },
+      growAngleInOverall = (graphic, options, animationParameters) => {
+        const attrs = graphic.getFinalAttribute();
+        if (options && "anticlockwise" === options.orient) {
+          const overallValue = isNumber$6(options.overall) ? options.overall : 2 * Math.PI;
+          return {
+            from: {
+              startAngle: overallValue,
+              endAngle: overallValue
+            },
+            to: {
+              startAngle: null == attrs ? void 0 : attrs.startAngle,
+              endAngle: null == attrs ? void 0 : attrs.endAngle
+            }
+          };
+        }
+        const overallValue = isNumber$6(null == options ? void 0 : options.overall) ? options.overall : 0;
+        return {
+          from: {
+            startAngle: overallValue,
+            endAngle: overallValue
+          },
+          to: {
+            startAngle: null == attrs ? void 0 : attrs.startAngle,
+            endAngle: null == attrs ? void 0 : attrs.endAngle
+          }
+        };
+      };
+    const growAngleIn = (graphic, options, animationParameters) => {
+      var _a;
+      return !1 !== (null !== (_a = null == options ? void 0 : options.overall) && void 0 !== _a && _a) ? growAngleInOverall(graphic, options) : growAngleInIndividual(graphic, options);
+    };
+    const growAngleOutIndividual = (graphic, options, animationParameters) => {
+        const attrs = graphic.attribute;
+        return options && "anticlockwise" === options.orient ? {
+          from: {
+            startAngle: attrs.startAngle
+          },
+          to: {
+            startAngle: null == attrs ? void 0 : attrs.endAngle
+          }
+        } : {
+          from: {
+            endAngle: attrs.endAngle
+          },
+          to: {
+            endAngle: null == attrs ? void 0 : attrs.startAngle
+          }
+        };
+      },
+      growAngleOutOverall = (graphic, options, animationParameters) => {
+        const attrs = graphic.attribute;
+        if (options && "anticlockwise" === options.orient) {
+          const overallValue = isNumber$6(options.overall) ? options.overall : 2 * Math.PI;
+          return {
+            from: {
+              startAngle: attrs.startAngle,
+              endAngle: attrs.endAngle
+            },
+            to: {
+              startAngle: overallValue,
+              endAngle: overallValue
+            }
+          };
+        }
+        const overallValue = isNumber$6(null == options ? void 0 : options.overall) ? options.overall : 0;
+        return {
+          from: {
+            startAngle: attrs.startAngle,
+            endAngle: attrs.endAngle
+          },
+          to: {
+            startAngle: overallValue,
+            endAngle: overallValue
+          }
+        };
+      };
+    class GrowAngleBase extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+      }
+      determineUpdateFunction() {
+        this.propKeys ? this.propKeys && this.propKeys.length > 1 ? this._updateFunction = this.updateAngle : "startAngle" === this.propKeys[0] ? this._updateFunction = this.updateStartAngle : "endAngle" === this.propKeys[0] ? this._updateFunction = this.updateEndAngle : this.valid = !1 : this.valid = !1;
+      }
+      deleteSelfAttr(key) {
+        delete this.props[key], this.fromProps && delete this.fromProps[key];
+        const index = this.propKeys.indexOf(key);
+        -1 !== index && this.propKeys.splice(index, 1), this.propKeys && this.propKeys.length > 1 ? this._updateFunction = this.updateAngle : "startAngle" === this.propKeys[0] ? this._updateFunction = this.updateStartAngle : "endAngle" === this.propKeys[0] ? this._updateFunction = this.updateEndAngle : this._updateFunction = null;
+      }
+      updateStartAngle(ratio) {
+        this.target.attribute.startAngle = this.from.startAngle + (this.to.startAngle - this.from.startAngle) * ratio;
+      }
+      updateEndAngle(ratio) {
+        this.target.attribute.endAngle = this.from.endAngle + (this.to.endAngle - this.from.endAngle) * ratio;
+      }
+      updateAngle(ratio) {
+        this.updateStartAngle(ratio), this.updateEndAngle(ratio);
+      }
+      onUpdate(end, ratio, out) {
+        this._updateFunction && (this._updateFunction(ratio), this.target.addUpdateShapeAndBoundsTag());
+      }
+    }
+    class GrowAngleIn extends GrowAngleBase {
+      onBind() {
+        var _a, _b;
+        super.onBind();
+        const {
+            from: from,
+            to: to
+          } = growAngleIn(this.target, this.params.options, this.params),
+          fromAttrs = null !== (_b = null === (_a = this.target.context) || void 0 === _a ? void 0 : _a.lastAttrs) && void 0 !== _b ? _b : from;
+        this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = fromAttrs, this.to = to;
+        const finalAttribute = this.target.getFinalAttribute();
+        finalAttribute && this.target.setAttributes(finalAttribute), this.target.setAttributes(fromAttrs), this.determineUpdateFunction();
+      }
+    }
+    class GrowAngleOut extends GrowAngleBase {
+      onBind() {
+        super.onBind();
+        const {
+          from: from,
+          to: to
+        } = (graphic = this.target, options = this.params.options, this.params, !1 !== (null !== (_a = null == options ? void 0 : options.overall) && void 0 !== _a && _a) ? growAngleOutOverall(graphic, options) : growAngleOutIndividual(graphic, options));
+        var graphic, options, _a;
+        const fromAttrs = from;
+        this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = null != fromAttrs ? fromAttrs : this.target.attribute, this.to = to, this.determineUpdateFunction();
+      }
+    }
+
+    const growCenterIn = (graphic, options, animationParameters) => {
+        const attrs = graphic.getFinalAttribute();
+        switch (null == options ? void 0 : options.direction) {
+          case "x":
+            {
+              const x = attrs.x,
+                x1 = attrs.x1,
+                width = attrs.width;
+              return {
+                from: isValid$5(width) ? {
+                  x: x + width / 2,
+                  x1: void 0,
+                  width: 0
+                } : {
+                  x: (x + x1) / 2,
+                  x1: (x + x1) / 2,
+                  width: void 0
+                },
+                to: {
+                  x: x,
+                  x1: x1,
+                  width: width
+                }
+              };
+            }
+          case "y":
+            {
+              const y = attrs.y,
+                y1 = attrs.y1,
+                height = attrs.height;
+              return {
+                from: isValid$5(height) ? {
+                  y: y + height / 2,
+                  y1: void 0,
+                  height: 0
+                } : {
+                  y: (y + y1) / 2,
+                  y1: (y + y1) / 2,
+                  height: void 0
+                },
+                to: {
+                  y: y,
+                  y1: y1,
+                  height: height
+                }
+              };
+            }
+          default:
+            {
+              const x = attrs.x,
+                x1 = attrs.x1,
+                width = attrs.width,
+                y = attrs.y,
+                y1 = attrs.y1,
+                height = attrs.height,
+                from = {};
+              return isValid$5(width) ? (from.x = x + width / 2, from.width = 0, from.x1 = void 0) : (from.x = (x + x1) / 2, from.x1 = (x + x1) / 2, from.width = void 0), isValid$5(height) ? (from.y = y + height / 2, from.height = 0, from.y1 = void 0) : (from.y = (y + y1) / 2, from.y1 = (y + y1) / 2, from.height = void 0), {
+                from: from,
+                to: {
+                  x: x,
+                  y: y,
+                  x1: x1,
+                  y1: y1,
+                  width: width,
+                  height: height
+                }
+              };
+            }
+        }
+      },
+      growCenterOut = (graphic, options, animationParameters) => {
+        const attrs = graphic.attribute;
+        switch (null == options ? void 0 : options.direction) {
+          case "x":
+            {
+              const x = attrs.x,
+                x1 = attrs.x1,
+                width = attrs.width;
+              return {
+                to: isValid$5(width) ? {
+                  x: x + width / 2,
+                  x1: void 0,
+                  width: 0
+                } : {
+                  x: (x + x1) / 2,
+                  x1: (x + x1) / 2,
+                  width: void 0
+                }
+              };
+            }
+          case "y":
+            {
+              const y = attrs.y,
+                y1 = attrs.y1,
+                height = attrs.height;
+              return {
+                to: isValid$5(height) ? {
+                  y: y + height / 2,
+                  y1: void 0,
+                  height: 0
+                } : {
+                  y: (y + y1) / 2,
+                  y1: (y + y1) / 2,
+                  height: void 0
+                }
+              };
+            }
+          default:
+            {
+              const x = attrs.x,
+                y = attrs.y,
+                x1 = attrs.x1,
+                y1 = attrs.y1,
+                width = attrs.width,
+                height = attrs.height,
+                to = {};
+              return isValid$5(width) ? (to.x = x + width / 2, to.width = 0, to.x1 = void 0) : (to.x = (x + x1) / 2, to.x1 = (x + x1) / 2, to.width = void 0), isValid$5(height) ? (to.y = y + height / 2, to.height = 0, to.y1 = void 0) : (to.y = (y + y1) / 2, to.y1 = (y + y1) / 2, to.height = void 0), {
+                to: to
+              };
+            }
+        }
+      };
+    class GrowCenterIn extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+      }
+      onBind() {
+        var _a, _b;
+        super.onBind();
+        const {
+            from: from,
+            to: to
+          } = growCenterIn(this.target, this.params.options, this.params),
+          fromAttrs = null !== (_b = null === (_a = this.target.context) || void 0 === _a ? void 0 : _a.lastAttrs) && void 0 !== _b ? _b : from;
+        this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = fromAttrs, this.to = to;
+        const finalAttribute = this.target.getFinalAttribute();
+        finalAttribute && this.target.setAttributes(finalAttribute), this.target.setAttributes(fromAttrs);
+      }
+      onEnd(cb) {
+        super.onEnd(cb);
+      }
+      onUpdate(end, ratio, out) {
+        const attribute = this.target.attribute;
+        this.propKeys.forEach(key => {
+          attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+      }
+    }
+    class GrowCenterOut extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+      }
+      onBind() {
+        super.onBind();
+        const {
+          from: from,
+          to: to
+        } = growCenterOut(this.target, this.params.options, this.params);
+        this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = null != from ? from : this.target.attribute, this.to = to;
+      }
+      onEnd(cb) {
+        super.onEnd(cb);
+      }
+      onUpdate(end, ratio, out) {
+        const attribute = this.target.attribute;
+        this.propKeys.forEach(key => {
+          attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+      }
+    }
+
+    function growHeightInIndividual(graphic, options, animationParameters) {
+      const attrs = graphic.getFinalAttribute(),
+        y = attrs.y,
+        y1 = attrs.y1,
+        height = attrs.height;
+      if (options && "negative" === options.orient) {
+        const computedY1 = isValid$5(height) ? Math.max(y, y + height) : Math.max(y, y1);
+        return {
+          from: {
+            y: computedY1,
+            y1: isNil$5(y1) ? void 0 : computedY1,
+            height: isNil$5(height) ? void 0 : 0
+          },
+          to: {
+            y: y,
+            y1: y1,
+            height: height
+          }
+        };
+      }
+      const computedY = isValid$5(height) ? Math.min(y, y + height) : Math.min(y, y1);
+      return {
+        from: {
+          y: computedY,
+          y1: isNil$5(y1) ? void 0 : computedY,
+          height: isNil$5(height) ? void 0 : 0
+        },
+        to: {
+          y: y,
+          y1: y1,
+          height: height
+        }
+      };
+    }
+    function growHeightInOverall(graphic, options, animationParameters) {
+      var _a, _b, _c;
+      const attrs = graphic.getFinalAttribute(),
+        y = attrs.y,
+        y1 = attrs.y1,
+        height = attrs.height;
+      let overallValue;
+      return options && "negative" === options.orient ? isNumber$6(options.overall) ? overallValue = options.overall : animationParameters.group ? (overallValue = null !== (_c = null !== (_a = animationParameters.groupHeight) && void 0 !== _a ? _a : null === (_b = options.layoutRect) || void 0 === _b ? void 0 : _b.height) && void 0 !== _c ? _c : animationParameters.group.getBounds().height(), animationParameters.groupHeight = overallValue) : overallValue = animationParameters.height : overallValue = isNumber$6(null == options ? void 0 : options.overall) ? options.overall : 0, {
+        from: {
+          y: overallValue,
+          y1: isNil$5(y1) ? void 0 : overallValue,
+          height: isNil$5(height) ? void 0 : 0
+        },
+        to: {
+          y: y,
+          y1: y1,
+          height: height
+        }
+      };
+    }
+    const growHeightIn = (graphic, options, animationParameters) => {
+      var _a;
+      return !1 !== (null !== (_a = null == options ? void 0 : options.overall) && void 0 !== _a && _a) ? growHeightInOverall(graphic, options, animationParameters) : growHeightInIndividual(graphic, options);
+    };
+    class GrowHeightIn extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+      }
+      onBind() {
+        var _a, _b;
+        super.onBind();
+        const {
+            from: from,
+            to: to
+          } = growHeightIn(this.target, this.params.options, this.params),
+          fromAttrs = null !== (_b = null === (_a = this.target.context) || void 0 === _a ? void 0 : _a.lastAttrs) && void 0 !== _b ? _b : from;
+        this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = fromAttrs, this.to = to;
+        const finalAttribute = this.target.getFinalAttribute();
+        finalAttribute && this.target.setAttributes(finalAttribute), this.target.setAttributes(fromAttrs);
+      }
+      onEnd(cb) {
+        super.onEnd(cb);
+      }
+      onUpdate(end, ratio, out) {
+        const attribute = this.target.attribute;
+        this.propKeys.forEach(key => {
+          attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+      }
+    }
+    function growHeightOutIndividual(graphic, options, animationParameters) {
+      const attrs = graphic.getFinalAttribute(),
+        y = attrs.y,
+        y1 = attrs.y1,
+        height = attrs.height;
+      if (options && "negative" === options.orient) {
+        const computedY1 = isValid$5(height) ? Math.max(y, y + height) : Math.max(y, y1);
+        return {
+          to: {
+            y: computedY1,
+            y1: isNil$5(y1) ? void 0 : computedY1,
+            height: isNil$5(height) ? void 0 : 0
+          }
+        };
+      }
+      const computedY = isValid$5(height) ? Math.min(y, y + height) : Math.min(y, y1);
+      return {
+        to: {
+          y: computedY,
+          y1: isNil$5(y1) ? void 0 : computedY,
+          height: isNil$5(height) ? void 0 : 0
+        }
+      };
+    }
+    function growHeightOutOverall(graphic, options, animationParameters) {
+      var _a, _b, _c;
+      const attrs = graphic.getFinalAttribute(),
+        y1 = attrs.y1,
+        height = attrs.height;
+      let overallValue;
+      return options && "negative" === options.orient ? isNumber$6(options.overall) ? overallValue = options.overall : animationParameters.group ? (overallValue = null !== (_c = null !== (_a = animationParameters.groupHeight) && void 0 !== _a ? _a : null === (_b = options.layoutRect) || void 0 === _b ? void 0 : _b.height) && void 0 !== _c ? _c : animationParameters.group.getBounds().height(), animationParameters.groupHeight = overallValue) : overallValue = animationParameters.height : overallValue = isNumber$6(null == options ? void 0 : options.overall) ? options.overall : 0, {
+        to: {
+          y: overallValue,
+          y1: isNil$5(y1) ? void 0 : overallValue,
+          height: isNil$5(height) ? void 0 : 0
+        }
+      };
+    }
+    class GrowHeightOut extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+      }
+      onBind() {
+        super.onBind();
+        const {
+          from: from,
+          to: to
+        } = (graphic = this.target, options = this.params.options, animationParameters = this.params, !1 !== (null !== (_a = null == options ? void 0 : options.overall) && void 0 !== _a && _a) ? growHeightOutOverall(graphic, options, animationParameters) : growHeightOutIndividual(graphic, options));
+        var graphic, options, animationParameters, _a;
+        this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = null != from ? from : this.target.attribute, this.to = to;
+      }
+      onEnd(cb) {
+        super.onEnd(cb);
+      }
+      onUpdate(end, ratio, out) {
+        const attribute = this.target.attribute;
+        this.propKeys.forEach(key => {
+          attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+      }
+    }
+
+    const getCenterPoints = (graphic, options, animationParameters) => {
+      const points = graphic.getFinalAttribute().points,
+        center = {
+          x: 0,
+          y: 0
+        };
+      return points.forEach(point => {
+        center.x += point.x, center.y += point.y;
+      }), center.x /= points.length, center.y /= points.length, options && options.center && (isValidNumber$3(options.center.x) && (center.x = options.center.x), isValidNumber$3(options.center.y) && (center.y = options.center.y)), "area" === graphic.type && (center.x1 = center.x, center.y1 = center.y), points.map(point => Object.assign({}, point, center));
+    };
+    const growPointsIn = (graphic, options, animationParameters) => {
+      const attrs = graphic.getFinalAttribute();
+      return {
+        from: {
+          points: getCenterPoints(graphic, options)
+        },
+        to: {
+          points: attrs.points
+        }
+      };
+    };
+    class GworPointsBase extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+      }
+      onUpdate(end, ratio, out) {
+        var _a, _b;
+        const fromPoints = null === (_a = this.from) || void 0 === _a ? void 0 : _a.points,
+          toPoints = null === (_b = this.to) || void 0 === _b ? void 0 : _b.points;
+        fromPoints && toPoints && (this.target.attribute.points = fromPoints.map((point, index) => pointInterpolation(fromPoints[index], toPoints[index], ratio)), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag());
+      }
+    }
+    class GrowPointsIn extends GworPointsBase {
+      onBind() {
+        var _a;
+        if (super.onBind(), ["area", "line", "polygon"].includes(this.target.type)) {
+          const {
+            from: from,
+            to: to
+          } = growPointsIn(this.target, this.params.options, this.params);
+          this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = from, this.to = to;
+          const finalAttribute = this.target.getFinalAttribute();
+          finalAttribute && this.target.setAttributes(finalAttribute), !1 !== (null === (_a = this.params.controlOptions) || void 0 === _a ? void 0 : _a.immediatelyApply) && this.target.setAttributes(from);
+        } else this.valid = !1;
+      }
+    }
+    class GrowPointsOut extends GworPointsBase {
+      onBind() {
+        if (super.onBind(), ["area", "line"].includes(this.target.type)) {
+          const attrs = this.target.getFinalAttribute(),
+            {
+              from: from,
+              to: to
+            } = (graphic = this.target, options = this.params.options, this.params, {
+              from: {
+                points: graphic.getFinalAttribute().points
+              },
+              to: {
+                points: getCenterPoints(graphic, options)
+              }
+            });
+          this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = from || attrs, this.to = to;
+        } else this.valid = !1;
+        var graphic, options;
+      }
+    }
+    const changePointsX = (graphic, options, animationParameters) => graphic.getFinalAttribute().points.map(point => {
+        if (options && "negative" === options.orient) {
+          let groupRight = graphic.stage.viewWidth;
+          return graphic.parent.parent.parent && (groupRight = graphic.parent.parent.parent.AABBBounds.width()), Object.assign(Object.assign({}, point), {
+            x: groupRight,
+            y: point.y,
+            x1: groupRight,
+            y1: point.y1,
+            defined: !1 !== point.defined
+          });
+        }
+        return Object.assign(Object.assign({}, point), {
+          x: 0,
+          y: point.y,
+          x1: 0,
+          y1: point.y1,
+          defined: !1 !== point.defined
+        });
+      }),
+      growPointsXIn = (graphic, options, animationParameters) => {
+        const attrs = graphic.getFinalAttribute();
+        return {
+          from: {
+            points: changePointsX(graphic, options)
+          },
+          to: {
+            points: attrs.points
+          }
+        };
+      };
+    class GrowPointsXIn extends GworPointsBase {
+      onBind() {
+        var _a;
+        if (super.onBind(), ["area", "line", "polygon"].includes(this.target.type)) {
+          const {
+            from: from,
+            to: to
+          } = growPointsXIn(this.target, this.params.options, this.params);
+          this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = from, this.to = to;
+          const finalAttribute = this.target.getFinalAttribute();
+          finalAttribute && this.target.setAttributes(finalAttribute), !1 !== (null === (_a = this.params.controlOptions) || void 0 === _a ? void 0 : _a.immediatelyApply) && this.target.setAttributes(from);
+        } else this.valid = !1;
+      }
+    }
+    class GrowPointsXOut extends GworPointsBase {
+      onBind() {
+        if (super.onBind(), ["area", "line"].includes(this.target.type)) {
+          const attrs = this.target.getFinalAttribute(),
+            {
+              from: from,
+              to: to
+            } = (graphic = this.target, options = this.params.options, this.params, {
+              from: {
+                points: graphic.getFinalAttribute().points
+              },
+              to: {
+                points: changePointsX(graphic, options)
+              }
+            });
+          this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = from || attrs, this.to = to;
+        } else this.valid = !1;
+        var graphic, options;
+      }
+    }
+    const changePointsY = (graphic, options, animationParameters) => graphic.getFinalAttribute().points.map(point => {
+        if (options && "negative" === options.orient) {
+          let groupBottom = graphic.stage.viewHeight;
+          return graphic.parent.parent.parent && (groupBottom = graphic.parent.parent.parent.AABBBounds.height()), Object.assign(Object.assign({}, point), {
+            x: point.x,
+            y: groupBottom,
+            x1: point.x1,
+            y1: groupBottom,
+            defined: !1 !== point.defined
+          });
+        }
+        return Object.assign(Object.assign({}, point), {
+          x: point.x,
+          y: 0,
+          x1: point.x1,
+          y1: 0,
+          defined: !1 !== point.defined
+        });
+      }),
+      growPointsYIn = (graphic, options, animationParameters) => {
+        const attrs = graphic.getFinalAttribute();
+        return {
+          from: {
+            points: changePointsY(graphic, options)
+          },
+          to: {
+            points: attrs.points
+          }
+        };
+      };
+    class GrowPointsYIn extends GworPointsBase {
+      onBind() {
+        var _a;
+        if (super.onBind(), ["area", "line", "polygon"].includes(this.target.type)) {
+          const {
+            from: from,
+            to: to
+          } = growPointsYIn(this.target, this.params.options, this.params);
+          this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = from, this.to = to;
+          const finalAttribute = this.target.getFinalAttribute();
+          finalAttribute && this.target.setAttributes(finalAttribute), !1 !== (null === (_a = this.params.controlOptions) || void 0 === _a ? void 0 : _a.immediatelyApply) && this.target.setAttributes(from);
+        } else this.valid = !1;
+      }
+    }
+    class GrowPointsYOut extends GworPointsBase {
+      onBind() {
+        if (super.onBind(), ["area", "line", "polygon"].includes(this.target.type)) {
+          const {
+            from: from,
+            to: to
+          } = (graphic = this.target, options = this.params.options, this.params, {
+            from: {
+              points: graphic.getFinalAttribute().points
+            },
+            to: {
+              points: changePointsY(graphic, options)
+            }
+          });
+          this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = null != from ? from : this.target.attribute, this.to = to;
+        } else this.valid = !1;
+        var graphic, options;
+      }
+    }
+
+    const growRadiusInIndividual = (graphic, options, animationParameters) => {
+        const attrs = graphic.getFinalAttribute();
+        return options && "inside" === options.orient ? {
+          from: {
+            innerRadius: null == attrs ? void 0 : attrs.outerRadius
+          },
+          to: {
+            innerRadius: null == attrs ? void 0 : attrs.innerRadius
+          }
+        } : {
+          from: {
+            outerRadius: null == attrs ? void 0 : attrs.innerRadius
+          },
+          to: {
+            outerRadius: null == attrs ? void 0 : attrs.outerRadius
+          }
+        };
+      },
+      growRadiusInOverall = (graphic, options, animationParameters) => {
+        const attrs = graphic.getFinalAttribute(),
+          overallValue = isNumber$6(null == options ? void 0 : options.overall) ? options.overall : 0;
+        return {
+          from: {
+            innerRadius: overallValue,
+            outerRadius: overallValue
+          },
+          to: {
+            innerRadius: null == attrs ? void 0 : attrs.innerRadius,
+            outerRadius: null == attrs ? void 0 : attrs.outerRadius
+          }
+        };
+      };
+    const growRadiusIn = (graphic, options, animationParameters) => {
+      var _a;
+      return !1 !== (null !== (_a = null == options ? void 0 : options.overall) && void 0 !== _a && _a) ? growRadiusInOverall(graphic, options) : growRadiusInIndividual(graphic, options);
+    };
+    const growRadiusOutIndividual = (graphic, options, animationParameters) => {
+        const attrs = graphic.getFinalAttribute();
+        return options && "inside" === options.orient ? {
+          from: {
+            innerRadius: null == attrs ? void 0 : attrs.innerRadius
+          },
+          to: {
+            innerRadius: null == attrs ? void 0 : attrs.outerRadius
+          }
+        } : {
+          from: {
+            outerRadius: null == attrs ? void 0 : attrs.outerRadius
+          },
+          to: {
+            outerRadius: null == attrs ? void 0 : attrs.innerRadius
+          }
+        };
+      },
+      growRadiusOutOverall = (graphic, options, animationParameters) => {
+        const attrs = graphic.getFinalAttribute(),
+          overallValue = isNumber$6(null == options ? void 0 : options.overall) ? options.overall : 0;
+        return {
+          from: {
+            innerRadius: null == attrs ? void 0 : attrs.innerRadius,
+            outerRadius: null == attrs ? void 0 : attrs.outerRadius
+          },
+          to: {
+            innerRadius: overallValue,
+            outerRadius: overallValue
+          }
+        };
+      };
+    class GrowPointsBase extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+      }
+      onUpdate(end, ratio, out) {
+        const attribute = this.target.attribute;
+        this.propKeys.forEach(key => {
+          attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+      }
+    }
+    class GrowRadiusIn extends GrowPointsBase {
+      onBind() {
+        var _a, _b;
+        super.onBind();
+        const {
+            from: from,
+            to: to
+          } = growRadiusIn(this.target, this.params.options, this.params),
+          fromAttrs = null !== (_b = null === (_a = this.target.context) || void 0 === _a ? void 0 : _a.lastAttrs) && void 0 !== _b ? _b : from;
+        this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = fromAttrs, this.to = to;
+        const finalAttribute = this.target.getFinalAttribute();
+        finalAttribute && this.target.setAttributes(finalAttribute), this.target.setAttributes(fromAttrs);
+      }
+    }
+    class GrowRadiusOut extends GrowPointsBase {
+      onBind() {
+        super.onBind();
+        const {
+          to: to
+        } = (graphic = this.target, options = this.params.options, this.params, !1 !== (null !== (_a = null == options ? void 0 : options.overall) && void 0 !== _a && _a) ? growRadiusOutOverall(graphic, options) : growRadiusOutIndividual(graphic, options));
+        var graphic, options, _a;
+        this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = this.target.attribute, this.to = to;
+      }
+    }
+
+    function growWidthInIndividual(graphic, options, animationParameters) {
+      const attrs = graphic.getFinalAttribute(),
+        x = attrs.x,
+        x1 = attrs.x1,
+        width = attrs.width;
+      if (options && "negative" === options.orient) {
+        const computedX1 = isValid$5(width) ? Math.max(x, x + width) : Math.max(x, x1);
+        return {
+          from: {
+            x: computedX1,
+            x1: isNil$5(x1) ? void 0 : computedX1,
+            width: isNil$5(width) ? void 0 : 0
+          },
+          to: {
+            x: x,
+            x1: x1,
+            width: width
+          }
+        };
+      }
+      const computedX = isValid$5(width) ? Math.min(x, x + width) : Math.min(x, x1);
+      return {
+        from: {
+          x: computedX,
+          x1: isNil$5(x1) ? void 0 : computedX,
+          width: isNil$5(width) ? void 0 : 0
+        },
+        to: {
+          x: x,
+          x1: x1,
+          width: width
+        }
+      };
+    }
+    function growWidthInOverall(graphic, options, animationParameters) {
+      var _a;
+      const attrs = graphic.getFinalAttribute(),
+        x = attrs.x,
+        x1 = attrs.x1,
+        width = attrs.width;
+      let overallValue;
+      return options && "negative" === options.orient ? isNumber$6(options.overall) ? overallValue = options.overall : animationParameters.group ? (overallValue = null !== (_a = animationParameters.groupWidth) && void 0 !== _a ? _a : animationParameters.group.getBounds().width(), animationParameters.groupWidth = overallValue) : overallValue = animationParameters.width : overallValue = isNumber$6(null == options ? void 0 : options.overall) ? null == options ? void 0 : options.overall : 0, {
+        from: {
+          x: overallValue,
+          x1: isNil$5(x1) ? void 0 : overallValue,
+          width: isNil$5(width) ? void 0 : 0
+        },
+        to: {
+          x: x,
+          x1: x1,
+          width: width
+        }
+      };
+    }
+    const growWidthIn = (graphic, options, animationParameters) => {
+      var _a;
+      return !1 !== (null !== (_a = null == options ? void 0 : options.overall) && void 0 !== _a && _a) ? growWidthInOverall(graphic, options, animationParameters) : growWidthInIndividual(graphic, options);
+    };
+    function growWidthOutIndividual(graphic, options, animationParameters) {
+      const attrs = graphic.getFinalAttribute(),
+        x = attrs.x,
+        x1 = attrs.x1,
+        width = attrs.width;
+      if (options && "negative" === options.orient) {
+        const computedX1 = isValid$5(width) ? Math.max(x, x + width) : Math.max(x, x1);
+        return {
+          to: {
+            x: computedX1,
+            x1: isNil$5(x1) ? void 0 : computedX1,
+            width: isNil$5(width) ? void 0 : 0
+          }
+        };
+      }
+      const computedX = isValid$5(width) ? Math.min(x, x + width) : Math.min(x, x1);
+      return {
+        to: {
+          x: computedX,
+          x1: isNil$5(x1) ? void 0 : computedX,
+          width: isNil$5(width) ? void 0 : 0
+        }
+      };
+    }
+    function growWidthOutOverall(graphic, options, animationParameters) {
+      var _a;
+      const attrs = graphic.getFinalAttribute(),
+        x1 = attrs.x1,
+        width = attrs.width;
+      let overallValue;
+      return options && "negative" === options.orient ? isNumber$6(options.overall) ? overallValue = options.overall : animationParameters.group ? (overallValue = null !== (_a = animationParameters.groupWidth) && void 0 !== _a ? _a : animationParameters.group.getBounds().width(), animationParameters.groupWidth = overallValue) : overallValue = animationParameters.width : overallValue = isNumber$6(null == options ? void 0 : options.overall) ? options.overall : 0, {
+        to: {
+          x: overallValue,
+          x1: isNil$5(x1) ? void 0 : overallValue,
+          width: isNil$5(width) ? void 0 : 0
+        }
+      };
+    }
+    class GrowWidthIn extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+      }
+      onBind() {
+        var _a, _b;
+        super.onBind();
+        const {
+            from: from,
+            to: to
+          } = growWidthIn(this.target, this.params.options, this.params),
+          fromAttrs = null !== (_b = null === (_a = this.target.context) || void 0 === _a ? void 0 : _a.lastAttrs) && void 0 !== _b ? _b : from;
+        this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = fromAttrs, this.to = to;
+        const finalAttribute = this.target.getFinalAttribute();
+        finalAttribute && this.target.setAttributes(finalAttribute), this.target.setAttributes(fromAttrs);
+      }
+      onEnd(cb) {
+        super.onEnd(cb);
+      }
+      onUpdate(end, ratio, out) {
+        const attribute = this.target.attribute;
+        this.propKeys.forEach(key => {
+          attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+      }
+    }
+    class GrowWidthOut extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+      }
+      onBind() {
+        super.onBind();
+        const {
+          from: from,
+          to: to
+        } = (graphic = this.target, options = this.params.options, animationParameters = this.params, !1 !== (null !== (_a = null == options ? void 0 : options.overall) && void 0 !== _a && _a) ? growWidthOutOverall(graphic, options, animationParameters) : growWidthOutIndividual(graphic, options));
+        var graphic, options, animationParameters, _a;
+        this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = null != from ? from : this.target.attribute, this.to = to;
+      }
+      onEnd(cb) {
+        super.onEnd(cb);
+      }
+      onUpdate(end, ratio, out) {
+        const attribute = this.target.attribute;
+        this.propKeys.forEach(key => {
+          attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+      }
+    }
+
+    class LabelItemAppear extends AComponentAnimate {
+      onBind() {
+        super.onBind();
+        const animator = createComponentAnimator(this.target);
+        this._animator = animator;
+        const duration = this.duration,
+          easing = this.easing,
+          target = this.target,
+          {
+            symbolStartOuterType = "scale",
+            titleType = "typewriter",
+            titlePanelType = "scale"
+          } = this.params,
+          symbolTime = duration / 10;
+        let symbolStartOuterFrom, symbolStartOuterTo;
+        if (target._symbolStart.setAttributes({
+          scaleX: 0,
+          scaleY: 0
+        }), animator.animate(target._symbolStart, {
+          type: "to",
+          to: {
+            scaleX: 1,
+            scaleY: 1
+          },
+          duration: 5 * symbolTime,
+          easing: easing
+        }), "scale" === symbolStartOuterType ? (symbolStartOuterFrom = {
+          scaleX: 0,
+          scaleY: 0
+        }, symbolStartOuterTo = {
+          scaleX: 1,
+          scaleY: 1
+        }) : (symbolStartOuterFrom = {
+          clipRange: 0
+        }, symbolStartOuterTo = {
+          clipRange: 1
+        }), target._symbolStartOuter.setAttributes(symbolStartOuterFrom), animator.animate(target._symbolStartOuter, {
+          type: "to",
+          to: symbolStartOuterTo,
+          duration: 5 * symbolTime,
+          easing: easing
+        }), target._symbolEnd.setAttributes({
+          scaleX: 0,
+          scaleY: 0
+        }), animator.animate(target._symbolEnd, {
+          type: "to",
+          to: {
+            scaleX: 1,
+            scaleY: 1
+          },
+          duration: 2 * symbolTime,
+          delay: 8 * symbolTime,
+          easing: easing
+        }), target._line.setAttributes({
+          clipRange: 0
+        }), animator.animate(target._line, {
+          type: "to",
+          to: {
+            clipRange: 1
+          },
+          duration: 9 * symbolTime,
+          easing: easing
+        }), "typewriter" === titleType) {
+          const titleTopText = target._titleTop.attribute.text;
+          target._titleTop.setAttributes({
+            text: ""
+          }), animator.animate(target._titleTop, {
+            type: "custom",
+            delay: 5 * symbolTime,
+            duration: 4 * symbolTime,
+            easing: "linear",
+            to: {
+              text: titleTopText
+            },
+            custom: InputText
+          });
+          const titleBottomText = target._titleBottom.attribute.text;
+          target._titleBottom.setAttributes({
+            text: ""
+          }), animator.animate(target._titleBottom, {
+            type: "custom",
+            delay: 5 * symbolTime,
+            duration: 4 * symbolTime,
+            easing: "linear",
+            to: {
+              text: titleBottomText
+            },
+            custom: InputText
+          });
+        } else target._titleTop.setAttributes({
+          dy: target._titleTop.AABBBounds.height() + 10
+        }), animator.animate(target._titleTop, {
+          type: "to",
+          to: {
+            dy: 0
+          },
+          delay: 5 * symbolTime,
+          duration: 4 * symbolTime,
+          easing: "linear"
+        }), target._titleBottom.setAttributes({
+          dy: -(10 + target._titleBottom.AABBBounds.height())
+        }), animator.animate(target._titleBottom, {
+          type: "to",
+          to: {
+            dy: 0
+          },
+          delay: 5 * symbolTime,
+          duration: 4 * symbolTime,
+          easing: "linear"
+        });
+        "scale" === titlePanelType ? [target._titleTopPanel, target._titleBottomPanel].forEach(panel => {
+          var _a;
+          const scaleX = null !== (_a = panel.attribute.scaleX) && void 0 !== _a ? _a : 1;
+          panel.setAttributes({
+            scaleX: 0
+          }), animator.animate(panel, {
+            type: "to",
+            to: {
+              scaleX: scaleX
+            },
+            duration: duration,
+            easing: easing
+          });
+        }) : "stroke" === titlePanelType && [target._titleTopPanel, target._titleBottomPanel].forEach(panel => {
+          const b = panel.AABBBounds,
+            totalLen = 2 * (b.width() + b.height());
+          panel.setAttributes({
+            lineDash: [0, 10 * totalLen]
+          }), animator.animate(panel, {
+            type: "to",
+            to: {
+              lineDash: [totalLen, 10 * totalLen]
+            },
+            duration: duration,
+            easing: easing
+          });
+        }), this.completeBind(animator);
+      }
+    }
+    class LabelItemDisappear extends AComponentAnimate {
+      onBind() {
+        super.onBind();
+        const animator = createComponentAnimator(this.target);
+        this._animator = animator;
+        const duration = this.duration,
+          easing = this.easing,
+          target = this.target,
+          {
+            mode: mode
+          } = this.params;
+        "scale" === mode ? animator.animate(target._symbolStart, {
+          type: "to",
+          to: {
+            scaleX: 0,
+            scaleY: 0
+          },
+          duration: duration,
+          easing: easing
+        }) : (animator.animate(target._line, {
+          type: "to",
+          to: {
+            clipRange: 0
+          },
+          duration: duration,
+          easing: easing
+        }), animator.animate(target._symbolStart, {
+          type: "to",
+          to: {
+            scaleX: 0,
+            scaleY: 0
+          },
+          duration: duration / 2,
+          delay: duration / 2,
+          easing: easing
+        }), animator.animate(target._symbolEnd, {
+          type: "to",
+          to: {
+            scaleX: 0,
+            scaleY: 0
+          },
+          duration: duration,
+          easing: easing
+        }), animator.animate(target._titleTop, {
+          type: "to",
+          to: {
+            dy: target._titleTop.AABBBounds.height() + 10
+          },
+          duration: duration / 2,
+          easing: easing
+        }), animator.animate(target._titleBottom, {
+          type: "to",
+          to: {
+            dy: -(10 + target._titleBottom.AABBBounds.height())
+          },
+          duration: duration / 2,
+          easing: easing
+        }), animator.animate(target._symbolStartOuter, {
+          type: "to",
+          to: {
+            clipRange: 0
+          },
+          duration: duration / 2,
+          delay: duration / 2,
+          easing: easing
+        }), animator.animate(target._titleTopPanel, {
+          type: "to",
+          to: {
+            scaleX: 0
+          },
+          duration: duration,
+          easing: easing
+        }), animator.animate(target._titleBottomPanel, {
+          type: "to",
+          to: {
+            scaleX: 0
+          },
+          duration: duration,
+          easing: easing
+        })), this.completeBind(animator);
+      }
+    }
+
+    class PoptipAppear extends AComponentAnimate {
+      onBind() {
+        super.onBind();
+        const animator = createComponentAnimator(this.target);
+        this._animator = animator;
+        const duration = this.duration,
+          easing = this.easing,
+          target = this.target,
+          {
+            wave: wave
+          } = this.params;
+        if (target.setAttributes({
+          scaleX: 0,
+          scaleY: 0
+        }), animator.animate(target, {
+          type: "to",
+          to: {
+            scaleX: 1,
+            scaleY: 1
+          },
+          duration: duration / 3 * 2,
+          easing: easing
+        }), target.titleShape && animator.animate(target.titleShape, {
+          type: "custom",
+          to: {
+            text: target.titleShape.attribute.text
+          },
+          duration: duration,
+          easing: easing,
+          custom: InputText
+        }), target.contentShape && animator.animate(target.contentShape, {
+          type: "custom",
+          to: {
+            text: target.contentShape.attribute.text
+          },
+          duration: duration,
+          easing: easing,
+          custom: InputText
+        }), wave) {
+          const dur = duration / 6;
+          animator.animate(target.group, {
+            timeSlices: [{
+              duration: dur,
+              effects: {
+                type: "to",
+                to: {
+                  angle: wave
+                },
+                easing: easing
+              }
+            }, {
+              duration: 2 * dur,
+              effects: {
+                type: "to",
+                to: {
+                  angle: -wave
+                },
+                easing: easing
+              }
+            }, {
+              duration: 2 * dur,
+              effects: {
+                type: "to",
+                to: {
+                  angle: wave
+                },
+                easing: easing
+              }
+            }, {
+              duration: dur,
+              effects: {
+                type: "to",
+                to: {
+                  angle: 0
+                },
+                easing: easing
+              }
+            }]
+          });
+        }
+        this.completeBind(animator);
+      }
+    }
+    class PoptipDisappear extends AComponentAnimate {
+      onBind() {
+        super.onBind();
+        const animator = createComponentAnimator(this.target);
+        this._animator = animator;
+        const duration = this.duration,
+          easing = this.easing,
+          target = this.target;
+        animator.animate(target, {
+          type: "to",
+          to: {
+            scaleX: 0,
+            scaleY: 0
+          },
+          duration: duration,
+          easing: easing
+        }), this.completeBind(animator);
+      }
+    }
+
+    class InputRichText extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        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);
+      }
+      onFirstRun() {
+        const fromProps = this.getLastProps(),
+          toProps = this.getEndProps();
+        this.originalTextConfig = toProps.textConfig ? [...toProps.textConfig] : [], this.valid = !0, this.originalTextConfig && 0 !== this.originalTextConfig.length ? (this.fromTextConfig = fromProps.textConfig && fromProps.textConfig.length > 0 ? RichText.TransformTextConfig2SingleCharacter(fromProps.textConfig) : [], this.toTextConfig = RichText.TransformTextConfig2SingleCharacter(this.originalTextConfig)) : this.valid = !1;
+      }
+      onEnd(cb) {
+        super.onEnd(cb), cb || this.target.setAttribute("textConfig", this.originalTextConfig);
+      }
+      onUpdate(end, ratio, out) {
+        if (!this.valid) return;
+        const totalItems = this.toTextConfig.length,
+          fromItems = this.fromTextConfig.length,
+          maxTextShowRatio = this.fadeInChars ? 1 - this.fadeInDuration : 1;
+        let currentLength, currentTextConfig;
+        if (fromItems > totalItems) currentLength = Math.round(fromItems - (fromItems - totalItems) * ratio);else if (this.fadeInChars) {
+          const adjustedRatio = Math.min(1, ratio / maxTextShowRatio);
+          currentLength = Math.round(fromItems + (totalItems - fromItems) * adjustedRatio);
+        } else currentLength = Math.round(fromItems + (totalItems - fromItems) * ratio);
+        if (currentTextConfig = fromItems > totalItems ? this.fromTextConfig.slice(0, currentLength) : this.toTextConfig.slice(0, currentLength).map((item, index) => {
+          if ("text" in item) {
+            const newItem = Object.assign({}, item);
+            if (this.strokeFirst) {
+              const appearTime = index / totalItems * maxTextShowRatio,
+                itemLifetime = Math.max(0, ratio - appearTime),
+                maxLifetime = 1 - appearTime,
+                fillProgress = Math.min(1, itemLifetime / (this.strokeToFillRatio * maxLifetime));
+              if ("fill" in newItem && newItem.fill && (newItem.stroke = newItem.fill, fillProgress < 1 && (newItem.fillOpacity = fillProgress)), this.fadeInChars) {
+                const fadeProgress = Math.min(1, itemLifetime / (this.fadeInDuration * maxLifetime));
+                newItem.opacity = Math.max(0, Math.min(1, fadeProgress));
+              }
+            } else if (this.fadeInChars) {
+              const fadeProgress = (ratio - index / totalItems * maxTextShowRatio) / this.fadeInDuration;
+              newItem.opacity = Math.max(0, Math.min(1, fadeProgress));
+            }
+            return newItem;
+          }
+          return item;
+        }), this.showCursor && currentLength < totalItems) {
+          let shouldShowCursor = !0;
+          if (this.blinkCursor) {
+            const blinkRate = .1;
+            shouldShowCursor = Math.floor(ratio / blinkRate) % 2 == 0;
+          }
+          if (shouldShowCursor && currentTextConfig.length > 0) {
+            const lastIndex = currentTextConfig.length - 1,
+              lastItem = currentTextConfig[lastIndex];
+            if ("text" in lastItem) currentTextConfig[lastIndex] = Object.assign(Object.assign({}, lastItem), {
+              text: String(lastItem.text) + this.cursorChar
+            });else {
+              const cursorItem = {
+                text: this.cursorChar,
+                fontSize: 16
+              };
+              currentTextConfig.push(cursorItem);
+            }
+          }
+        }
+        this.target.setAttribute("textConfig", currentTextConfig);
+      }
+    }
+
+    class OutputRichText extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params), this.fromTextConfig = [], this.toTextConfig = [], this.originalTextConfig = [], this.showCursor = !1, this.cursorChar = "|", this.blinkCursor = !0, this.beforeText = "", this.afterText = "", this.fadeOutChars = !1, this.fadeOutDuration = .3, this.direction = "backward", 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.beforeText) && (this.beforeText = params.beforeText), void 0 !== (null == params ? void 0 : params.afterText) && (this.afterText = params.afterText), void 0 !== (null == params ? void 0 : params.fadeOutChars) && (this.fadeOutChars = params.fadeOutChars), void 0 !== (null == params ? void 0 : params.fadeOutDuration) && (this.fadeOutDuration = params.fadeOutDuration), void 0 !== (null == params ? void 0 : params.direction) && (this.direction = params.direction), this.propKeys = ["textConfig"];
+      }
+      onFirstRun() {
+        const fromProps = this.getLastProps(),
+          toProps = this.getEndProps();
+        this.originalTextConfig = fromProps.textConfig ? [...fromProps.textConfig] : [], this.valid = !0, this.originalTextConfig && 0 !== this.originalTextConfig.length ? (this.fromTextConfig = RichText.TransformTextConfig2SingleCharacter(this.originalTextConfig), this.toTextConfig = toProps.textConfig && toProps.textConfig.length > 0 ? RichText.TransformTextConfig2SingleCharacter(toProps.textConfig) : []) : this.valid = !1;
+      }
+      onEnd(cb) {
+        super.onEnd(cb), cb || (this.toTextConfig.length > 0 ? this.target.setAttribute("textConfig", this.toTextConfig) : this.target.setAttribute("textConfig", []));
+      }
+      onUpdate(end, ratio, out) {
+        if (!this.valid) return;
+        const fromItems = this.fromTextConfig.length,
+          maxTextHideRatio = this.fadeOutChars ? 1 - this.fadeOutDuration : 1;
+        let displayedLength;
+        if ("forward" === this.direction) {
+          if (this.fadeOutChars) {
+            const adjustedRatio = Math.min(1, ratio / maxTextHideRatio);
+            displayedLength = Math.round(fromItems * (1 - adjustedRatio));
+          } else displayedLength = Math.round(fromItems * (1 - ratio));
+          let currentTextConfig = "forward" === this.direction ? this.fromTextConfig.slice(fromItems - displayedLength) : this.fromTextConfig.slice(0, displayedLength);
+          this.fadeOutChars && (currentTextConfig = this.applyFadeEffect(currentTextConfig, ratio, fromItems, displayedLength)), this.showCursor && displayedLength > 0 && (currentTextConfig = this.addCursor(currentTextConfig, ratio)), this.target.setAttribute("textConfig", currentTextConfig);
+        } else {
+          if (this.fadeOutChars) {
+            const adjustedRatio = Math.min(1, ratio / maxTextHideRatio);
+            displayedLength = Math.round(fromItems * (1 - adjustedRatio));
+          } else displayedLength = Math.round(fromItems * (1 - ratio));
+          let currentTextConfig = this.fromTextConfig.slice(0, displayedLength);
+          this.fadeOutChars && (currentTextConfig = this.applyFadeEffect(currentTextConfig, ratio, fromItems, displayedLength)), this.showCursor && displayedLength > 0 && (currentTextConfig = this.addCursor(currentTextConfig, ratio)), this.target.setAttribute("textConfig", currentTextConfig);
+        }
+      }
+      applyFadeEffect(textConfig, ratio, totalItems, displayedLength) {
+        "forward" === this.direction ? totalItems - displayedLength : displayedLength;
+        const fadeProgress = (ratio - (1 - this.fadeOutDuration)) / this.fadeOutDuration,
+          fadeOpacity = Math.max(0, 1 - Math.min(1, fadeProgress));
+        return textConfig.map((item, index) => {
+          if ("forward" === this.direction) {
+            if (0 === index && "text" in item) return Object.assign(Object.assign({}, item), {
+              opacity: fadeOpacity
+            });
+          } else if (index === textConfig.length - 1 && "text" in item) return Object.assign(Object.assign({}, item), {
+            opacity: fadeOpacity
+          });
+          return item;
+        });
+      }
+      addCursor(textConfig, ratio) {
+        let shouldShowCursor = !0;
+        if (this.blinkCursor) {
+          const blinkRate = .1;
+          shouldShowCursor = Math.floor(ratio / blinkRate) % 2 == 0;
+        }
+        if (shouldShowCursor && textConfig.length > 0) {
+          const cursorIndex = "forward" === this.direction ? 0 : textConfig.length - 1,
+            cursorItem = textConfig[cursorIndex];
+          if ("text" in cursorItem) {
+            const result = [...textConfig];
+            return "forward" === this.direction ? result[cursorIndex] = Object.assign(Object.assign({}, cursorItem), {
+              text: this.cursorChar + String(cursorItem.text)
+            }) : result[cursorIndex] = Object.assign(Object.assign({}, cursorItem), {
+              text: String(cursorItem.text) + this.cursorChar
+            }), result;
+          }
+        }
+        return textConfig;
+      }
+    }
+
+    class SlideRichText extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params), this.fromTextConfig = [], this.toTextConfig = [], this.originalTextConfig = [], this.singleCharConfig = [], this.fadeInDuration = .3, this.slideDirection = "right", this.slideDistance = 30, this.wordByWord = !1, this.wordRegex = /[a-zA-Z]+(-[a-zA-Z]+)*|[\u4e00-\u9fa5]+|[0-9]+|[^\s\w\u4e00-\u9fa5]/g, this.wordGroups = [], void 0 !== (null == params ? void 0 : params.fadeInDuration) && (this.fadeInDuration = params.fadeInDuration), void 0 !== (null == params ? void 0 : params.slideDirection) && (this.slideDirection = params.slideDirection), void 0 !== (null == params ? void 0 : params.slideDistance) && (this.slideDistance = params.slideDistance), void 0 !== (null == params ? void 0 : params.wordByWord) && (this.wordByWord = params.wordByWord), void 0 !== (null == params ? void 0 : params.wordRegex) && (this.wordRegex = params.wordRegex);
+      }
+      onFirstRun() {
+        const fromProps = this.getLastProps(),
+          toProps = this.getEndProps();
+        this.originalTextConfig = toProps.textConfig ? [...toProps.textConfig] : [], this.valid = !0, this.originalTextConfig && 0 !== this.originalTextConfig.length ? (this.fromTextConfig = fromProps.textConfig && fromProps.textConfig.length > 0 ? RichText.TransformTextConfig2SingleCharacter(fromProps.textConfig) : [], this.toTextConfig = RichText.TransformTextConfig2SingleCharacter(this.originalTextConfig), this.singleCharConfig = this.toTextConfig.map(item => "text" in item ? Object.assign(Object.assign({}, item), {
+          opacity: 0,
+          dx: this.getInitialDx(),
+          dy: this.getInitialDy()
+        }) : Object.assign(Object.assign({}, item), {
+          opacity: 0
+        })), this.wordByWord && this.calculateWordGroups()) : this.valid = !1;
+      }
+      calculateWordGroups() {
+        this.wordGroups = [];
+        let fullText = "";
+        const charMap = {};
+        let match,
+          fullTextIndex = 0;
+        for (this.toTextConfig.forEach((item, configIndex) => {
+          if (("text" in item)) {
+            const text = String(item.text);
+            fullText += text, charMap[fullTextIndex] = configIndex, fullTextIndex++;
+          }
+        }), this.wordRegex.lastIndex = 0; null !== (match = this.wordRegex.exec(fullText));) {
+          const wordStart = match.index,
+            wordEnd = match.index + match[0].length,
+            wordIndices = [];
+          for (let i = wordStart; i < wordEnd; i++) void 0 !== charMap[i] && wordIndices.push(charMap[i]);
+          wordIndices.length > 0 && this.wordGroups.push(wordIndices);
+        }
+        const allocatedIndices = new Set();
+        this.wordGroups.forEach(group => {
+          group.forEach(index => allocatedIndices.add(index));
+        });
+        for (let i = 0; i < this.toTextConfig.length; i++) "text" in this.toTextConfig[i] && !allocatedIndices.has(i) && this.wordGroups.push([i]);
+      }
+      getInitialDx() {
+        switch (this.slideDirection) {
+          case "left":
+            return -this.slideDistance;
+          case "right":
+            return this.slideDistance;
+          default:
+            return 0;
+        }
+      }
+      getInitialDy() {
+        switch (this.slideDirection) {
+          case "up":
+            return -this.slideDistance;
+          case "down":
+            return this.slideDistance;
+          default:
+            return 0;
+        }
+      }
+      onEnd(cb) {
+        super.onEnd(cb), cb || this.target.setAttribute("textConfig", this.originalTextConfig);
+      }
+      onUpdate(end, ratio, out) {
+        if (!this.valid) return;
+        const maxTextShowRatio = 1 - this.fadeInDuration;
+        let updatedTextConfig;
+        updatedTextConfig = this.wordByWord && this.wordGroups.length > 0 ? this.updateByWord(ratio, maxTextShowRatio) : this.updateByCharacter(ratio, maxTextShowRatio), this.target.setAttribute("textConfig", updatedTextConfig);
+      }
+      updateByWord(ratio, maxTextShowRatio) {
+        const totalGroups = this.wordGroups.length,
+          updatedTextConfig = [...this.singleCharConfig];
+        for (let groupIndex = 0; groupIndex < this.wordGroups.length; groupIndex++) {
+          let appearTime;
+          if (appearTime = "left" === this.slideDirection ? (totalGroups - 1 - groupIndex) / totalGroups * maxTextShowRatio : groupIndex / totalGroups * maxTextShowRatio, ratio < appearTime) {
+            for (const charIndex of this.wordGroups[groupIndex]) {
+              const item = updatedTextConfig[charIndex];
+              "text" in item && (updatedTextConfig[charIndex] = Object.assign(Object.assign({}, item), {
+                opacity: 0,
+                dx: this.getInitialDx(),
+                dy: this.getInitialDy()
+              }));
+            }
+            continue;
+          }
+          const animProgress = (ratio - appearTime) / this.fadeInDuration,
+            progress = Math.max(0, Math.min(1, animProgress)),
+            dx = this.getInitialDx() * (1 - progress),
+            dy = this.getInitialDy() * (1 - progress);
+          for (const charIndex of this.wordGroups[groupIndex]) {
+            const item = updatedTextConfig[charIndex];
+            "text" in item && (updatedTextConfig[charIndex] = Object.assign(Object.assign({}, item), {
+              opacity: progress,
+              dx: dx,
+              dy: dy
+            }));
+          }
+        }
+        return updatedTextConfig;
+      }
+      updateByCharacter(ratio, maxTextShowRatio) {
+        const totalItems = this.toTextConfig.length,
+          updatedTextConfig = [...this.singleCharConfig];
+        for (let index = 0; index < updatedTextConfig.length; index++) {
+          const item = updatedTextConfig[index];
+          if ("text" in item) {
+            let appearTime;
+            if (appearTime = "left" === this.slideDirection ? (totalItems - 1 - index) / totalItems * maxTextShowRatio : index / totalItems * maxTextShowRatio, ratio < appearTime) {
+              updatedTextConfig[index] = Object.assign(Object.assign({}, item), {
+                opacity: 0,
+                dx: this.getInitialDx(),
+                dy: this.getInitialDy()
+              });
+              continue;
+            }
+            const animProgress = (ratio - appearTime) / this.fadeInDuration,
+              progress = Math.max(0, Math.min(1, animProgress)),
+              dx = this.getInitialDx() * (1 - progress),
+              dy = this.getInitialDy() * (1 - progress);
+            updatedTextConfig[index] = Object.assign(Object.assign({}, item), {
+              opacity: progress,
+              dx: dx,
+              dy: dy
+            });
+          }
+        }
+        return updatedTextConfig;
+      }
+    }
+
+    class SlideOutRichText extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params), this.fromTextConfig = [], this.toTextConfig = [], this.originalTextConfig = [], this.singleCharConfig = [], this.fadeOutDuration = .3, this.slideDirection = "right", this.slideDistance = 30, this.wordByWord = !1, this.wordRegex = /[a-zA-Z]+(-[a-zA-Z]+)*|[\u4e00-\u9fa5]+|[0-9]+|[^\s\w\u4e00-\u9fa5]/g, this.wordGroups = [], this.reverseOrder = !1, void 0 !== (null == params ? void 0 : params.fadeOutDuration) && (this.fadeOutDuration = params.fadeOutDuration), void 0 !== (null == params ? void 0 : params.slideDirection) && (this.slideDirection = params.slideDirection), void 0 !== (null == params ? void 0 : params.slideDistance) && (this.slideDistance = params.slideDistance), void 0 !== (null == params ? void 0 : params.wordByWord) && (this.wordByWord = params.wordByWord), void 0 !== (null == params ? void 0 : params.wordRegex) && (this.wordRegex = params.wordRegex), void 0 !== (null == params ? void 0 : params.reverseOrder) && (this.reverseOrder = params.reverseOrder), this.propKeys = ["textConfig"];
+      }
+      onFirstRun() {
+        const fromProps = this.getLastProps(),
+          toProps = this.getEndProps();
+        this.originalTextConfig = fromProps.textConfig ? [...fromProps.textConfig] : [], this.valid = !0, this.originalTextConfig && 0 !== this.originalTextConfig.length ? (this.fromTextConfig = RichText.TransformTextConfig2SingleCharacter(this.originalTextConfig), this.toTextConfig = toProps.textConfig && toProps.textConfig.length > 0 ? RichText.TransformTextConfig2SingleCharacter(toProps.textConfig) : [], this.singleCharConfig = this.fromTextConfig.map(item => "text" in item ? Object.assign(Object.assign({}, item), {
+          opacity: 1,
+          dx: 0,
+          dy: 0
+        }) : Object.assign(Object.assign({}, item), {
+          opacity: 1
+        })), this.wordByWord && this.calculateWordGroups()) : this.valid = !1;
+      }
+      calculateWordGroups() {
+        this.wordGroups = [];
+        let fullText = "";
+        const charMap = {};
+        let match,
+          fullTextIndex = 0;
+        for (this.fromTextConfig.forEach((item, configIndex) => {
+          if (("text" in item)) {
+            const text = String(item.text);
+            fullText += text, charMap[fullTextIndex] = configIndex, fullTextIndex++;
+          }
+        }), this.wordRegex.lastIndex = 0; null !== (match = this.wordRegex.exec(fullText));) {
+          const wordStart = match.index,
+            wordEnd = match.index + match[0].length,
+            wordIndices = [];
+          for (let i = wordStart; i < wordEnd; i++) void 0 !== charMap[i] && wordIndices.push(charMap[i]);
+          wordIndices.length > 0 && this.wordGroups.push(wordIndices);
+        }
+        const allocatedIndices = new Set();
+        this.wordGroups.forEach(group => {
+          group.forEach(index => allocatedIndices.add(index));
+        });
+        for (let i = 0; i < this.fromTextConfig.length; i++) "text" in this.fromTextConfig[i] && !allocatedIndices.has(i) && this.wordGroups.push([i]);
+      }
+      getTargetDx() {
+        switch (this.slideDirection) {
+          case "left":
+            return -this.slideDistance;
+          case "right":
+            return this.slideDistance;
+          default:
+            return 0;
+        }
+      }
+      getTargetDy() {
+        switch (this.slideDirection) {
+          case "up":
+            return -this.slideDistance;
+          case "down":
+            return this.slideDistance;
+          default:
+            return 0;
+        }
+      }
+      onEnd(cb) {
+        super.onEnd(cb), cb || (this.toTextConfig.length > 0 ? this.target.setAttribute("textConfig", this.toTextConfig) : this.target.setAttribute("textConfig", []));
+      }
+      onUpdate(end, ratio, out) {
+        if (!this.valid) return;
+        const maxTextShowRatio = 1 - this.fadeOutDuration;
+        let updatedTextConfig;
+        updatedTextConfig = this.wordByWord && this.wordGroups.length > 0 ? this.updateByWord(ratio, maxTextShowRatio) : this.updateByCharacter(ratio, maxTextShowRatio), this.target.setAttribute("textConfig", updatedTextConfig);
+      }
+      updateByWord(ratio, maxTextShowRatio) {
+        const totalGroups = this.wordGroups.length,
+          updatedTextConfig = [...this.singleCharConfig];
+        for (let groupIndex = 0; groupIndex < this.wordGroups.length; groupIndex++) {
+          let disappearTime;
+          if (disappearTime = this.reverseOrder ? "left" === this.slideDirection ? groupIndex / totalGroups * maxTextShowRatio : (totalGroups - 1 - groupIndex) / totalGroups * maxTextShowRatio : "left" === this.slideDirection ? (totalGroups - 1 - groupIndex) / totalGroups * maxTextShowRatio : groupIndex / totalGroups * maxTextShowRatio, ratio < disappearTime) {
+            for (const charIndex of this.wordGroups[groupIndex]) {
+              const item = updatedTextConfig[charIndex];
+              "text" in item && (updatedTextConfig[charIndex] = Object.assign(Object.assign({}, item), {
+                opacity: 1,
+                dx: 0,
+                dy: 0
+              }));
+            }
+            continue;
+          }
+          const animProgress = (ratio - disappearTime) / this.fadeOutDuration,
+            progress = Math.max(0, Math.min(1, animProgress)),
+            dx = this.getTargetDx() * progress,
+            dy = this.getTargetDy() * progress,
+            opacity = 1 - progress;
+          for (const charIndex of this.wordGroups[groupIndex]) {
+            const item = updatedTextConfig[charIndex];
+            "text" in item && (updatedTextConfig[charIndex] = Object.assign(Object.assign({}, item), {
+              opacity: opacity,
+              dx: dx,
+              dy: dy
+            }));
+          }
+        }
+        return updatedTextConfig;
+      }
+      updateByCharacter(ratio, maxTextShowRatio) {
+        const totalItems = this.fromTextConfig.length,
+          updatedTextConfig = [...this.singleCharConfig];
+        for (let index = 0; index < updatedTextConfig.length; index++) {
+          const item = updatedTextConfig[index];
+          if ("text" in item) {
+            let disappearTime;
+            if (disappearTime = this.reverseOrder ? "left" === this.slideDirection ? index / totalItems * maxTextShowRatio : (totalItems - 1 - index) / totalItems * maxTextShowRatio : "left" === this.slideDirection ? (totalItems - 1 - index) / totalItems * maxTextShowRatio : index / totalItems * maxTextShowRatio, ratio < disappearTime) {
+              updatedTextConfig[index] = Object.assign(Object.assign({}, item), {
+                opacity: 1,
+                dx: 0,
+                dy: 0
+              });
+              continue;
+            }
+            const animProgress = (ratio - disappearTime) / this.fadeOutDuration,
+              progress = Math.max(0, Math.min(1, animProgress)),
+              dx = this.getTargetDx() * progress,
+              dy = this.getTargetDy() * progress,
+              opacity = 1 - progress;
+            updatedTextConfig[index] = Object.assign(Object.assign({}, item), {
+              opacity: opacity,
+              dx: dx,
+              dy: dy
+            });
+          }
+        }
+        return updatedTextConfig;
+      }
+    }
+
+    class ScaleIn extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+      }
+      onBind() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+        let from, to;
+        super.onBind();
+        const attrs = this.target.getFinalAttribute(),
+          fromAttrs = null !== (_a = this.target.attribute) && void 0 !== _a ? _a : {};
+        switch (null === (_b = this.params) || void 0 === _b ? void 0 : _b.direction) {
+          case "x":
+            from = {
+              scaleX: null !== (_c = fromAttrs.scaleX) && void 0 !== _c ? _c : 0
+            }, to = {
+              scaleX: null !== (_d = null == attrs ? void 0 : attrs.scaleX) && void 0 !== _d ? _d : 1
+            }, this._updateFunction = this.updateX;
+            break;
+          case "y":
+            from = {
+              scaleY: null !== (_e = fromAttrs.scaleY) && void 0 !== _e ? _e : 0
+            }, to = {
+              scaleY: null !== (_f = null == attrs ? void 0 : attrs.scaleY) && void 0 !== _f ? _f : 1
+            }, this._updateFunction = this.updateY;
+            break;
+          default:
+            from = {
+              scaleX: null !== (_g = fromAttrs.scaleX) && void 0 !== _g ? _g : 0,
+              scaleY: null !== (_h = fromAttrs.scaleY) && void 0 !== _h ? _h : 0
+            }, to = {
+              scaleX: null !== (_j = null == attrs ? void 0 : attrs.scaleX) && void 0 !== _j ? _j : 1,
+              scaleY: null !== (_k = null == attrs ? void 0 : attrs.scaleY) && void 0 !== _k ? _k : 1
+            }, this._updateFunction = this.updateXY;
+        }
+        const finalAttribute = this.target.getFinalAttribute();
+        finalAttribute && this.target.setAttributes(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);
+      }
+      onEnd(cb) {
+        super.onEnd(cb);
+      }
+      updateX(ratio) {
+        this.target.attribute.scaleX = this.from.scaleX + (this.to.scaleX - this.from.scaleX) * ratio;
+      }
+      updateY(ratio) {
+        this.target.attribute.scaleY = this.from.scaleY + (this.to.scaleY - this.from.scaleY) * ratio;
+      }
+      updateXY(ratio) {
+        this.updateX(ratio), this.updateY(ratio);
+      }
+      deleteSelfAttr(key) {
+        delete this.props[key], this.fromProps && delete this.fromProps[key];
+        const index = this.propKeys.indexOf(key);
+        -1 !== index && this.propKeys.splice(index, 1), this.propKeys && this.propKeys.length > 1 ? this._updateFunction = this.updateXY : "scaleX" === this.propKeys[0] ? this._updateFunction = this.updateX : "scaleY" === this.propKeys[0] ? this._updateFunction = this.updateY : this._updateFunction = null;
+      }
+      onUpdate(end, ratio, out) {
+        this._updateFunction && (this._updateFunction(ratio), this.target.addUpdatePositionTag(), this.target.addUpdateBoundTag());
+      }
+    }
+    class ScaleOut extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+      }
+      onBind() {
+        var _a, _b, _c, _d, _e;
+        let from, to;
+        super.onBind();
+        const attrs = this.target.attribute;
+        switch (null === (_a = this.params) || void 0 === _a ? void 0 : _a.direction) {
+          case "x":
+            from = {
+              scaleX: null !== (_b = null == attrs ? void 0 : attrs.scaleX) && void 0 !== _b ? _b : 1
+            }, to = {
+              scaleX: 0
+            };
+            break;
+          case "y":
+            from = {
+              scaleY: null !== (_c = null == attrs ? void 0 : attrs.scaleY) && void 0 !== _c ? _c : 1
+            }, to = {
+              scaleY: 0
+            };
+            break;
+          default:
+            from = {
+              scaleX: null !== (_d = null == attrs ? void 0 : attrs.scaleX) && void 0 !== _d ? _d : 1,
+              scaleY: null !== (_e = null == attrs ? void 0 : attrs.scaleY) && void 0 !== _e ? _e : 1
+            }, to = {
+              scaleX: 0,
+              scaleY: 0
+            };
+        }
+        this.props = to, this.from = from, this.to = to;
+      }
+      onEnd(cb) {
+        super.onEnd(cb);
+      }
+      onUpdate(end, ratio, out) {
+        const attribute = this.target.attribute;
+        this.propKeys.forEach(key => {
+          attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        }), this.target.addUpdatePositionTag(), this.target.addUpdateBoundTag();
+      }
+    }
+
+    class State extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+      }
+      update(end, ratio, out) {
+        if (this.onStart(), !this.props || !this.propKeys) return;
+        const easedRatio = this.easing(ratio);
+        this.animate.interpolateUpdateFunction ? this.animate.interpolateUpdateFunction(this.fromProps, this.props, easedRatio, this, this.target) : this.interpolateUpdateFunctions.forEach((func, index) => {
+          if (!this.animate.validAttr(this.propKeys[index])) return;
+          const key = this.propKeys[index];
+          func(key, this.fromProps[key], this.props[key], easedRatio, this, this.target);
+        }), this.onUpdate(end, easedRatio, out), this.syncAttributeUpdate();
+      }
+    }
+
+    class SlideIn extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+      }
+      onBind() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        super.onBind();
+        const attrs = this.target.getFinalAttribute(),
+          direction = (null === (_a = this.params) || void 0 === _a ? void 0 : _a.direction) || "right",
+          distance = (null === (_b = this.params) || void 0 === _b ? void 0 : _b.distance) || 50,
+          fromOpacity = null !== (_d = null === (_c = this.params) || void 0 === _c ? void 0 : _c.fromOpacity) && void 0 !== _d ? _d : 0,
+          from = {
+            opacity: fromOpacity,
+            baseOpacity: fromOpacity
+          },
+          to = {
+            opacity: 1,
+            baseOpacity: 1
+          };
+        "top" === direction ? (from.y = (null !== (_e = attrs.y) && void 0 !== _e ? _e : 0) - distance, to.y = null !== (_f = attrs.y) && void 0 !== _f ? _f : 0, this.propKeys = ["opacity", "baseOpacity", "y"]) : "bottom" === direction ? (from.y = (null !== (_g = attrs.y) && void 0 !== _g ? _g : 0) + distance, to.y = null !== (_h = attrs.y) && void 0 !== _h ? _h : 0, this.propKeys = ["opacity", "baseOpacity", "y"]) : "left" === direction ? (from.x = (null !== (_j = attrs.x) && void 0 !== _j ? _j : 0) - distance, to.x = null !== (_k = attrs.x) && void 0 !== _k ? _k : 0, this.propKeys = ["opacity", "baseOpacity", "x"]) : (from.x = (null !== (_l = attrs.x) && void 0 !== _l ? _l : 0) + distance, to.x = null !== (_m = attrs.x) && void 0 !== _m ? _m : 0, this.propKeys = ["opacity", "baseOpacity", "x"]), this.from = from, this.to = to, this.props = to, this.target.setAttributes(from);
+      }
+      onUpdate(end, ratio, out) {
+        const attribute = this.target.attribute;
+        this.propKeys.forEach(key => {
+          attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+      }
+    }
+    class GrowIn extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+      }
+      onBind() {
+        var _a, _b, _c, _d, _e, _f, _g;
+        super.onBind();
+        const attrs = this.target.getFinalAttribute(),
+          fromScale = null !== (_b = null === (_a = this.params) || void 0 === _a ? void 0 : _a.fromScale) && void 0 !== _b ? _b : 0,
+          direction = (null === (_c = this.params) || void 0 === _c ? void 0 : _c.direction) || "xy",
+          fromOpacity = null !== (_e = null === (_d = this.params) || void 0 === _d ? void 0 : _d.fromOpacity) && void 0 !== _e ? _e : 0,
+          from = {
+            opacity: fromOpacity,
+            baseOpacity: fromOpacity
+          },
+          to = {
+            opacity: 1,
+            baseOpacity: 1
+          };
+        this.propKeys = ["opacity", "baseOpacity"], "x" !== direction && "xy" !== direction || (from.scaleX = fromScale, to.scaleX = null !== (_f = attrs.scaleX) && void 0 !== _f ? _f : 1, this.propKeys.push("scaleX")), "y" !== direction && "xy" !== direction || (from.scaleY = fromScale, to.scaleY = null !== (_g = attrs.scaleY) && void 0 !== _g ? _g : 1, this.propKeys.push("scaleY")), this.from = from, this.to = to, this.props = to, this.target.setAttributes(from);
+      }
+      onUpdate(end, ratio, out) {
+        const attribute = this.target.attribute;
+        this.propKeys.forEach(key => {
+          attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+      }
+    }
+    class SpinIn extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+      }
+      onBind() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        super.onBind();
+        const attrs = this.target.getFinalAttribute(),
+          fromAngle = null !== (_b = null === (_a = this.params) || void 0 === _a ? void 0 : _a.fromAngle) && void 0 !== _b ? _b : 2 * Math.PI,
+          fromScale = null !== (_d = null === (_c = this.params) || void 0 === _c ? void 0 : _c.fromScale) && void 0 !== _d ? _d : 0,
+          fromOpacity = null !== (_f = null === (_e = this.params) || void 0 === _e ? void 0 : _e.fromOpacity) && void 0 !== _f ? _f : 0,
+          from = {
+            opacity: fromOpacity,
+            baseOpacity: fromOpacity,
+            angle: fromAngle,
+            scaleX: fromScale,
+            scaleY: fromScale
+          },
+          to = {
+            opacity: 1,
+            baseOpacity: 1,
+            angle: null !== (_g = attrs.angle) && void 0 !== _g ? _g : 0,
+            scaleX: null !== (_h = attrs.scaleX) && void 0 !== _h ? _h : 1,
+            scaleY: null !== (_j = attrs.scaleY) && void 0 !== _j ? _j : 1
+          };
+        this.propKeys = ["opacity", "baseOpacity", "angle", "scaleX", "scaleY"], this.from = from, this.to = to, this.props = to, this.target.setAttributes(from);
+      }
+      onUpdate(end, ratio, out) {
+        const attribute = this.target.attribute;
+        this.propKeys.forEach(key => {
+          attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+      }
+    }
+    class StrokeIn extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params), this.perimeter = 0, this.originalAttributes = {};
+      }
+      onBind() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+        if (super.onBind(), this.originalAttributes = Object.assign({}, this.target.getAttributes()), "rect" === this.target.type) {
+          const attr = this.target.attribute,
+            width = null !== (_a = attr.width) && void 0 !== _a ? _a : 100,
+            height = null !== (_b = attr.height) && void 0 !== _b ? _b : 100;
+          this.perimeter = 2 * (width + height);
+        } else if ("circle" === this.target.type) {
+          const radius = null !== (_c = this.target.attribute.radius) && void 0 !== _c ? _c : 50;
+          this.perimeter = 2 * Math.PI * radius;
+        } else if ("ellipse" === this.target.type) {
+          const attr = this.target.attribute,
+            radiusX = null !== (_d = attr.radiusX) && void 0 !== _d ? _d : 50,
+            radiusY = null !== (_e = attr.radiusY) && void 0 !== _e ? _e : 50;
+          this.perimeter = 2 * Math.PI * Math.sqrt((radiusX * radiusX + radiusY * radiusY) / 2);
+        } else this.perimeter = 1e3;
+        const lineWidth = null !== (_g = null === (_f = this.params) || void 0 === _f ? void 0 : _f.lineWidth) && void 0 !== _g ? _g : 2,
+          strokeColor = null !== (_j = null === (_h = this.params) || void 0 === _h ? void 0 : _h.strokeColor) && void 0 !== _j ? _j : "black",
+          fromOpacity = null !== (_l = null === (_k = this.params) || void 0 === _k ? void 0 : _k.fromOpacity) && void 0 !== _l ? _l : 1,
+          dashLength = null !== (_o = null === (_m = this.params) || void 0 === _m ? void 0 : _m.dashLength) && void 0 !== _o ? _o : this.perimeter,
+          showFill = null !== (_q = null === (_p = this.params) || void 0 === _p ? void 0 : _p.showFill) && void 0 !== _q && _q,
+          fillOpacity = null !== (_s = null === (_r = this.params) || void 0 === _r ? void 0 : _r.fillOpacity) && void 0 !== _s ? _s : 0;
+        this.from = {
+          lineDash: [dashLength, dashLength],
+          lineDashOffset: dashLength,
+          lineWidth: lineWidth,
+          stroke: strokeColor,
+          strokeOpacity: fromOpacity
+        }, this.to = {
+          lineDash: [dashLength, dashLength],
+          lineDashOffset: 0,
+          lineWidth: lineWidth,
+          stroke: strokeColor,
+          strokeOpacity: fromOpacity
+        }, 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);
+      }
+      onUpdate(end, ratio, out) {
+        var _a;
+        const attribute = this.target.attribute;
+        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);
+      }
+      onEnd() {
+        var _a;
+        if (super.onEnd(), !(null === (_a = this.params) || void 0 === _a ? void 0 : _a.showFill)) {
+          const originalAttrs = Object.assign({}, this.originalAttributes);
+          originalAttrs.fillOpacity = 0, this.target.setAttributes(originalAttrs);
+        }
+      }
+    }
+    class StrokeOut extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params), this.perimeter = 0, this.originalAttributes = {};
+      }
+      onFirstRun() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+        if (this.originalAttributes = Object.assign({}, this.target.getAttributes()), "rect" === this.target.type) {
+          const attr = this.target.attribute,
+            width = null !== (_a = attr.width) && void 0 !== _a ? _a : 100,
+            height = null !== (_b = attr.height) && void 0 !== _b ? _b : 100;
+          this.perimeter = 2 * (width + height);
+        } else if ("circle" === this.target.type) {
+          const radius = null !== (_c = this.target.attribute.radius) && void 0 !== _c ? _c : 50;
+          this.perimeter = 2 * Math.PI * radius;
+        } else if ("ellipse" === this.target.type) {
+          const attr = this.target.attribute,
+            radiusX = null !== (_d = attr.radiusX) && void 0 !== _d ? _d : 50,
+            radiusY = null !== (_e = attr.radiusY) && void 0 !== _e ? _e : 50;
+          this.perimeter = 2 * Math.PI * Math.sqrt((radiusX * radiusX + radiusY * radiusY) / 2);
+        } else this.perimeter = 1e3;
+        const lineWidth = null !== (_g = null === (_f = this.params) || void 0 === _f ? void 0 : _f.lineWidth) && void 0 !== _g ? _g : 2,
+          strokeColor = null !== (_j = null === (_h = this.params) || void 0 === _h ? void 0 : _h.strokeColor) && void 0 !== _j ? _j : "black",
+          fromOpacity = null !== (_l = null === (_k = this.params) || void 0 === _k ? void 0 : _k.fromOpacity) && void 0 !== _l ? _l : 1,
+          dashLength = null !== (_o = null === (_m = this.params) || void 0 === _m ? void 0 : _m.dashLength) && void 0 !== _o ? _o : this.perimeter,
+          showFill = null !== (_q = null === (_p = this.params) || void 0 === _p ? void 0 : _p.showFill) && void 0 !== _q && _q;
+        this.from = {
+          lineDash: [dashLength, dashLength],
+          lineDashOffset: 0,
+          lineWidth: lineWidth,
+          stroke: strokeColor,
+          strokeOpacity: fromOpacity
+        }, this.to = {
+          lineDash: [dashLength, dashLength],
+          lineDashOffset: -dashLength,
+          lineWidth: lineWidth,
+          stroke: strokeColor,
+          strokeOpacity: fromOpacity
+        }, 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);
+      }
+      onUpdate(end, ratio, out) {
+        var _a;
+        const attribute = this.target.attribute;
+        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);
+      }
+    }
+    class MoveScaleIn extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        var _a;
+        super(from, to, duration, easing, params);
+        const slideRatio = null !== (_a = null == params ? void 0 : params.slideRatio) && void 0 !== _a ? _a : .5;
+        this.slideInDuration = duration * slideRatio, this.growInDuration = duration * (1 - slideRatio);
+      }
+      onBind() {
+        var _a, _b, _c, _d, _e, _f;
+        super.onBind();
+        const executor = new AnimateExecutor(this.target);
+        executor.execute({
+          type: "custom",
+          custom: SlideIn,
+          customParameters: {
+            direction: (null === (_a = this.params) || void 0 === _a ? void 0 : _a.slideDirection) || "right",
+            distance: (null === (_b = this.params) || void 0 === _b ? void 0 : _b.slideDistance) || 50,
+            fromOpacity: null !== (_d = null === (_c = this.params) || void 0 === _c ? void 0 : _c.fromOpacity) && void 0 !== _d ? _d : 0
+          },
+          duration: this.slideInDuration,
+          easing: this.easing
+        }), executor.execute({
+          type: "custom",
+          custom: GrowIn,
+          customParameters: {
+            fromScale: (null === (_e = this.params) || void 0 === _e ? void 0 : _e.fromScale) || .5,
+            direction: (null === (_f = this.params) || void 0 === _f ? void 0 : _f.scaleDirection) || "xy",
+            fromOpacity: 1
+          },
+          duration: this.growInDuration,
+          easing: this.easing,
+          delay: this.slideInDuration
+        });
+      }
+      onUpdate(end, ratio, out) {}
+    }
+    class MoveRotateIn extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        var _a;
+        super(from, to, duration, easing, params);
+        const slideRatio = null !== (_a = null == params ? void 0 : params.slideRatio) && void 0 !== _a ? _a : .5;
+        this.slideInDuration = duration * slideRatio, this.spinInDuration = duration * (1 - slideRatio);
+      }
+      onBind() {
+        var _a, _b, _c, _d, _e, _f;
+        super.onBind();
+        const executor = new AnimateExecutor(this.target);
+        executor.execute({
+          type: "custom",
+          custom: SlideIn,
+          customParameters: {
+            direction: (null === (_a = this.params) || void 0 === _a ? void 0 : _a.slideDirection) || "right",
+            distance: (null === (_b = this.params) || void 0 === _b ? void 0 : _b.slideDistance) || 50,
+            fromOpacity: null !== (_d = null === (_c = this.params) || void 0 === _c ? void 0 : _c.fromOpacity) && void 0 !== _d ? _d : 0
+          },
+          duration: this.slideInDuration,
+          easing: this.easing
+        }), executor.execute({
+          type: "custom",
+          custom: SpinIn,
+          customParameters: {
+            fromAngle: (null === (_e = this.params) || void 0 === _e ? void 0 : _e.fromAngle) || Math.PI,
+            fromScale: (null === (_f = this.params) || void 0 === _f ? void 0 : _f.fromScale) || .5,
+            fromOpacity: 1
+          },
+          duration: this.spinInDuration,
+          easing: this.easing,
+          delay: this.slideInDuration
+        });
+      }
+      onUpdate(end, ratio, out) {}
+    }
+    class SlideOut extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+      }
+      onFirstRun() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+        const attrs = this.target.getAttributes(),
+          direction = (null === (_a = this.params) || void 0 === _a ? void 0 : _a.direction) || "right",
+          distance = (null === (_b = this.params) || void 0 === _b ? void 0 : _b.distance) || 50,
+          fromOpacity = null !== (_d = null === (_c = this.params) || void 0 === _c ? void 0 : _c.fromOpacity) && void 0 !== _d ? _d : 1,
+          toOpacity = null !== (_f = null === (_e = this.params) || void 0 === _e ? void 0 : _e.toOpacity) && void 0 !== _f ? _f : 0,
+          from = {
+            opacity: fromOpacity,
+            baseOpacity: fromOpacity
+          },
+          to = {
+            opacity: toOpacity,
+            baseOpacity: toOpacity
+          };
+        "top" === direction ? (from.y = null !== (_g = attrs.y) && void 0 !== _g ? _g : 0, to.y = (null !== (_h = attrs.y) && void 0 !== _h ? _h : 0) - distance, this.propKeys = ["opacity", "baseOpacity", "y"]) : "bottom" === direction ? (from.y = null !== (_j = attrs.y) && void 0 !== _j ? _j : 0, to.y = (null !== (_k = attrs.y) && void 0 !== _k ? _k : 0) + distance, this.propKeys = ["opacity", "baseOpacity", "y"]) : "left" === direction ? (from.x = null !== (_l = attrs.x) && void 0 !== _l ? _l : 0, to.x = (null !== (_m = attrs.x) && void 0 !== _m ? _m : 0) - distance, this.propKeys = ["opacity", "baseOpacity", "x"]) : (from.x = null !== (_o = attrs.x) && void 0 !== _o ? _o : 0, to.x = (null !== (_p = attrs.x) && void 0 !== _p ? _p : 0) + distance, this.propKeys = ["opacity", "baseOpacity", "x"]), this.from = from, this.to = to, this.props = to;
+      }
+      onUpdate(end, ratio, out) {
+        const attribute = this.target.attribute;
+        this.propKeys.forEach(key => {
+          attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+      }
+    }
+    class GrowOut extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+      }
+      onFirstRun() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        const attrs = this.target.getAttributes(),
+          toScale = null !== (_b = null === (_a = this.params) || void 0 === _a ? void 0 : _a.fromScale) && void 0 !== _b ? _b : 0,
+          direction = (null === (_c = this.params) || void 0 === _c ? void 0 : _c.direction) || "xy",
+          fromOpacity = null !== (_e = null === (_d = this.params) || void 0 === _d ? void 0 : _d.fromOpacity) && void 0 !== _e ? _e : 1,
+          toOpacity = null !== (_g = null === (_f = this.params) || void 0 === _f ? void 0 : _f.toOpacity) && void 0 !== _g ? _g : 0,
+          from = {
+            opacity: fromOpacity,
+            baseOpacity: fromOpacity
+          },
+          to = {
+            opacity: toOpacity,
+            baseOpacity: toOpacity
+          };
+        this.propKeys = ["opacity", "baseOpacity"], "x" !== direction && "xy" !== direction || (from.scaleX = null !== (_h = attrs.scaleX) && void 0 !== _h ? _h : 1, to.scaleX = toScale, this.propKeys.push("scaleX")), "y" !== direction && "xy" !== direction || (from.scaleY = null !== (_j = attrs.scaleY) && void 0 !== _j ? _j : 1, to.scaleY = toScale, this.propKeys.push("scaleY")), this.from = from, this.to = to, this.props = to;
+      }
+      onUpdate(end, ratio, out) {
+        const attribute = this.target.attribute;
+        this.propKeys.forEach(key => {
+          attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+      }
+    }
+    class SpinOut extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+      }
+      onFirstRun() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+        const attrs = this.target.getAttributes(),
+          toAngle = null !== (_b = null === (_a = this.params) || void 0 === _a ? void 0 : _a.fromAngle) && void 0 !== _b ? _b : 2 * Math.PI,
+          toScale = null !== (_d = null === (_c = this.params) || void 0 === _c ? void 0 : _c.fromScale) && void 0 !== _d ? _d : 0,
+          fromOpacity = null !== (_f = null === (_e = this.params) || void 0 === _e ? void 0 : _e.fromOpacity) && void 0 !== _f ? _f : 1,
+          toOpacity = null !== (_h = null === (_g = this.params) || void 0 === _g ? void 0 : _g.toOpacity) && void 0 !== _h ? _h : 0,
+          from = {
+            opacity: fromOpacity,
+            baseOpacity: fromOpacity,
+            angle: null !== (_j = attrs.angle) && void 0 !== _j ? _j : 0,
+            scaleX: null !== (_k = attrs.scaleX) && void 0 !== _k ? _k : 1,
+            scaleY: null !== (_l = attrs.scaleY) && void 0 !== _l ? _l : 1
+          },
+          to = {
+            opacity: toOpacity,
+            baseOpacity: toOpacity,
+            angle: toAngle,
+            scaleX: toScale,
+            scaleY: toScale
+          };
+        this.propKeys = ["opacity", "baseOpacity", "angle", "scaleX", "scaleY"], this.from = from, this.to = to, this.props = to;
+      }
+      onUpdate(end, ratio, out) {
+        const attribute = this.target.attribute;
+        this.propKeys.forEach(key => {
+          attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+      }
+    }
+    class MoveScaleOut extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        var _a;
+        super(from, to, duration, easing, params);
+        const slideRatio = null !== (_a = null == params ? void 0 : params.slideRatio) && void 0 !== _a ? _a : .5;
+        this.growOutDuration = duration * (1 - slideRatio), this.slideOutDuration = duration * slideRatio;
+      }
+      onFirstRun() {
+        var _a, _b, _c, _d;
+        const executor = new AnimateExecutor(this.target);
+        executor.execute({
+          type: "custom",
+          custom: GrowOut,
+          customParameters: {
+            fromScale: (null === (_a = this.params) || void 0 === _a ? void 0 : _a.fromScale) || .5,
+            direction: (null === (_b = this.params) || void 0 === _b ? void 0 : _b.scaleDirection) || "xy",
+            fromOpacity: 1,
+            toOpacity: 1
+          },
+          duration: this.growOutDuration,
+          easing: this.easing
+        }), executor.execute({
+          type: "custom",
+          custom: SlideOut,
+          customParameters: {
+            direction: (null === (_c = this.params) || void 0 === _c ? void 0 : _c.slideDirection) || "right",
+            distance: (null === (_d = this.params) || void 0 === _d ? void 0 : _d.slideDistance) || 50,
+            fromOpacity: 1
+          },
+          duration: this.slideOutDuration,
+          easing: this.easing,
+          delay: this.growOutDuration
+        });
+      }
+      onUpdate(end, ratio, out) {}
+    }
+    class MoveRotateOut extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        var _a;
+        super(from, to, duration, easing, params);
+        const slideRatio = null !== (_a = null == params ? void 0 : params.slideRatio) && void 0 !== _a ? _a : .5;
+        this.spinOutDuration = duration * (1 - slideRatio), this.slideOutDuration = duration * slideRatio;
+      }
+      onFirstRun() {
+        var _a, _b, _c, _d;
+        const executor = new AnimateExecutor(this.target);
+        executor.execute({
+          type: "custom",
+          custom: SpinOut,
+          customParameters: {
+            fromAngle: (null === (_a = this.params) || void 0 === _a ? void 0 : _a.fromAngle) || Math.PI,
+            fromScale: (null === (_b = this.params) || void 0 === _b ? void 0 : _b.fromScale) || .5,
+            fromOpacity: 1,
+            toOpacity: 1
+          },
+          duration: this.spinOutDuration,
+          easing: this.easing
+        }), executor.execute({
+          type: "custom",
+          custom: SlideOut,
+          customParameters: {
+            direction: (null === (_c = this.params) || void 0 === _c ? void 0 : _c.slideDirection) || "right",
+            distance: (null === (_d = this.params) || void 0 === _d ? void 0 : _d.slideDistance) || 50,
+            fromOpacity: 1
+          },
+          duration: this.slideOutDuration,
+          easing: this.easing,
+          delay: this.spinOutDuration
+        });
+      }
+      onUpdate(end, ratio, out) {}
+    }
+    class PulseAnimate extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        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);
+      }
+      onBind() {
+        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"));
+      }
+      onUpdate(end, ratio, out) {
+        const angle = ratio * Math.PI * this.pulseCount,
+          pulseValue = Math.abs(Math.sin(angle)),
+          attribute = this.target.attribute;
+        if (this.useOpacity) {
+          const opacity = 1 + (this.pulseOpacity - 1) * pulseValue;
+          this.useStroke && (attribute.strokeOpacity = (this.originalAttributes.strokeOpacity || 1) * opacity), this.useFill && (attribute.fillOpacity = (this.originalAttributes.fillOpacity || 1) * opacity);
+        }
+        if (this.useScale) {
+          const scale = 1 + (this.pulseScale - 1) * pulseValue;
+          attribute.scaleX = (this.originalAttributes.scaleX || 1) * scale, attribute.scaleY = (this.originalAttributes.scaleY || 1) * scale;
+        }
+        this.useColor && this.pulseColor && this.applyColorPulse(attribute, pulseValue), this.target.addUpdateShapeAndBoundsTag(), this.target.addUpdatePositionTag();
       }
-      execute(params) {
-        Array.isArray(params) ? params.forEach(param => this._execute(param)) : this._execute(params);
+      applyColorPulse(attribute, pulseValue) {
+        const colorRatio = this.pulseColorIntensity * pulseValue;
+        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));
       }
-      _execute(params) {
-        if (params.selfOnly) return this._executeItem(params, this._target, 0, 1);
-        const isTimeline = ("timeSlices" in params);
-        let filteredChildren;
-        isTimeline && params.partitioner && (filteredChildren = (null != filteredChildren ? filteredChildren : this._target.getChildren()).filter(child => {
-          var _a, _b;
-          return params.partitioner(null === (_b = null === (_a = child.context) || void 0 === _a ? void 0 : _a.data) || void 0 === _b ? void 0 : _b[0], child, {});
-        })), isTimeline && params.sort && (filteredChildren = null != filteredChildren ? filteredChildren : this._target.getChildren(), filteredChildren.sort((a, b) => {
-          var _a, _b, _c, _d;
-          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, {});
-        }));
-        const cb = isTimeline ? (child, index, count) => {
-          const parsedParams = this.parseParams(params, isTimeline, child),
-            animate = this.executeTimelineItem(parsedParams, child, index, count);
-          animate && this._trackAnimation(animate);
-        } : (child, index, count) => {
-          const parsedParams = this.parseParams(params, isTimeline, child),
-            animate = this.executeTypeConfigItem(parsedParams, child, index, count);
-          animate && this._trackAnimation(animate);
-        };
-        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));
+      onEnd() {
+        super.onEnd(), this.target.setAttributes(this.originalAttributes);
       }
-      executeTypeConfigItem(params, graphic, index, count) {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
+    }
+
+    class Update extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+      }
+      onBind() {
+        var _a, _b;
+        super.onBind();
+        let {
+          diffAttrs = {}
+        } = null !== (_a = this.target.context) && void 0 !== _a ? _a : {};
         const {
-            type = "fromTo",
-            channel: channel,
-            customParameters: customParameters,
-            easing = "linear",
-            delay = 0,
-            delayAfter = 0,
-            duration = 300,
-            startTime = 0,
-            oneByOneDelay = 0,
-            loop: loop,
-            bounce: bounce,
-            priority = 0,
-            options: options,
-            custom: custom,
-            customType: customType,
-            controlOptions: controlOptions
-          } = params,
-          animate = graphic.animate();
-        animate.priority = priority;
-        const delayValue = isFunction$7(delay) ? delay(null === (_b = null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.data) || void 0 === _b ? void 0 : _b[0], graphic, {}) : delay,
-          datum = null === (_d = null === (_c = graphic.context) || void 0 === _c ? void 0 : _c.data) || void 0 === _d ? void 0 : _d[0],
-          indexKey = null === (_e = graphic.context) || void 0 === _e ? void 0 : _e.indexKey;
-        datum && indexKey && (index = null !== (_f = datum[indexKey]) && void 0 !== _f ? _f : index), animate.startAt(startTime);
-        const wait = index * oneByOneDelay + delayValue;
-        wait > 0 && animate.wait(wait);
-        let parsedFromProps = null,
-          props = params.to,
-          from = params.from;
-        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);
-        let totalDelay = 0;
-        oneByOneDelay && (totalDelay = oneByOneDelay * (count - index - 1));
-        const delayAfterValue = isFunction$7(delayAfter) ? delayAfter(null === (_h = null === (_g = graphic.context) || void 0 === _g ? void 0 : _g.data) || void 0 === _h ? void 0 : _h[0], graphic, {}) : delayAfter;
-        return delayAfterValue > 0 && (totalDelay += delayAfterValue), totalDelay > 0 && animate.wait(totalDelay), loop && loop > 0 && animate.loop(loop), bounce && animate.bounce(!0), animate;
+          options: options
+        } = this.params;
+        diffAttrs = Object.assign({}, diffAttrs), (null === (_b = null == options ? void 0 : options.excludeChannels) || void 0 === _b ? void 0 : _b.length) && options.excludeChannels.forEach(channel => {
+          delete diffAttrs[channel];
+        }), this.props = diffAttrs;
       }
-      _handleRunAnimate(animate, custom, customType, from, props, duration, easing, customParameters, controlOptions, options, type, graphic) {
-        var _a, _b, _c, _d;
-        if (custom && customType) {
-          const customParams = Object.assign({
-              width: graphic.stage.width,
-              height: graphic.stage.height,
-              group: this._target.parent
-            }, this.resolveValue(customParameters, graphic)),
-            objOptions = isFunction$7(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;
-          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);
-        } else "to" === type ? animate.to(props, duration, easing) : "from" === type && animate.from(props, duration, easing);
+      update(end, ratio, out) {
+        if (this.onStart(), !this.props || !this.propKeys) return;
+        const easedRatio = this.easing(ratio);
+        this.animate.interpolateUpdateFunction ? this.animate.interpolateUpdateFunction(this.fromProps, this.props, easedRatio, this, this.target) : this.interpolateUpdateFunctions.forEach((func, index) => {
+          if (!this.animate.validAttr(this.propKeys[index])) return;
+          const key = this.propKeys[index];
+          func(key, this.fromProps[key], this.props[key], easedRatio, this, this.target);
+        }), this.onUpdate(end, easedRatio, out);
       }
-      executeTimelineItem(params, graphic, index, count) {
-        var _a, _b, _c, _d;
+    }
+
+    const moveIn = (graphic, options, animationParameters) => {
+      var _a, _b, _c, _d;
+      const {
+        offset = 0,
+        orient: orient,
+        direction: direction,
+        point: pointOpt,
+        excludeChannels = [],
+        layoutRect = {}
+      } = null != options ? options : {};
+      let changedX = 0,
+        changedY = 0;
+      "negative" === orient && (changedX = null !== (_a = layoutRect.width) && void 0 !== _a ? _a : graphic.stage.viewWidth, changedY = null !== (_b = layoutRect.height) && void 0 !== _b ? _b : graphic.stage.viewHeight), changedX += offset, changedY += offset;
+      const point = isFunction$7(pointOpt) ? pointOpt.call(null, null === (_d = null === (_c = graphic.context) || void 0 === _c ? void 0 : _c.data) || void 0 === _d ? void 0 : _d[0], graphic, animationParameters) : pointOpt,
+        fromX = point && isValidNumber$3(point.x) ? point.x : changedX,
+        fromY = point && isValidNumber$3(point.y) ? point.y : changedY,
+        finalAttrs = graphic.getFinalAttribute(),
+        finalAttrsX = excludeChannels.includes("x") ? graphic.attribute.x : finalAttrs.x,
+        finalAttrsY = excludeChannels.includes("y") ? graphic.attribute.y : finalAttrs.y;
+      switch (direction) {
+        case "x":
+          return {
+            from: {
+              x: fromX
+            },
+            to: {
+              x: finalAttrsX
+            }
+          };
+        case "y":
+          return {
+            from: {
+              y: fromY
+            },
+            to: {
+              y: finalAttrsY
+            }
+          };
+        default:
+          return {
+            from: {
+              x: fromX,
+              y: fromY
+            },
+            to: {
+              x: finalAttrsX,
+              y: finalAttrsY
+            }
+          };
+      }
+    };
+    const moveOut = (graphic, options, animationParameters) => {
+      var _a, _b, _c, _d;
+      const {
+          offset = 0,
+          orient: orient,
+          direction: direction,
+          point: pointOpt
+        } = null != options ? options : {},
+        groupBounds = animationParameters.group ? animationParameters.group.AABBBounds : null,
+        groupWidth = null !== (_a = groupBounds.width()) && void 0 !== _a ? _a : animationParameters.width,
+        groupHeight = null !== (_b = groupBounds.height()) && void 0 !== _b ? _b : animationParameters.height,
+        changedX = ("negative" === orient ? groupWidth : 0) + offset,
+        changedY = ("negative" === orient ? groupHeight : 0) + offset,
+        point = isFunction$7(pointOpt) ? pointOpt.call(null, null === (_d = null === (_c = graphic.context) || void 0 === _c ? void 0 : _c.data) || void 0 === _d ? void 0 : _d[0], graphic, animationParameters) : pointOpt,
+        fromX = point && isValidNumber$3(point.x) ? point.x : changedX,
+        fromY = point && isValidNumber$3(point.y) ? point.y : changedY;
+      switch (direction) {
+        case "x":
+          return {
+            from: {
+              x: graphic.attribute.x
+            },
+            to: {
+              x: fromX
+            }
+          };
+        case "y":
+          return {
+            from: {
+              y: graphic.attribute.y
+            },
+            to: {
+              y: fromY
+            }
+          };
+        default:
+          return {
+            from: {
+              x: graphic.attribute.x,
+              y: graphic.attribute.y
+            },
+            to: {
+              x: fromX,
+              y: fromY
+            }
+          };
+      }
+    };
+    class MoveBase extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+      }
+      onUpdate(end, ratio, out) {
+        const attribute = this.target.attribute;
+        this.propKeys.forEach(key => {
+          attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+      }
+    }
+    class MoveIn extends MoveBase {
+      onBind() {
+        var _a;
+        super.onBind();
         const {
-            timeSlices: timeSlices,
-            startTime = 0,
-            loop: loop,
-            bounce: bounce,
-            oneByOneDelay: oneByOneDelay,
-            priority: priority,
-            controlOptions: controlOptions
-          } = params,
-          datum = null === (_b = null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.data) || void 0 === _b ? void 0 : _b[0],
-          indexKey = null === (_c = graphic.context) || void 0 === _c ? void 0 : _c.indexKey;
-        datum && indexKey && (index = null !== (_d = datum[indexKey]) && void 0 !== _d ? _d : index);
-        const animate = graphic.animate();
-        animate.priority = priority, animate.startAt(startTime), animate.wait(index * oneByOneDelay), loop && loop > 0 && animate.loop(loop), bounce && animate.bounce(!0);
-        return (Array.isArray(timeSlices) ? timeSlices : [timeSlices]).forEach(slice => {
-          this.applyTimeSliceToAnimate(slice, animate, graphic, controlOptions);
-        }), oneByOneDelay && animate.wait(oneByOneDelay * (count - index - 1)), animate;
+          from: from,
+          to: to
+        } = moveIn(this.target, this.params.options, this.params);
+        this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = from, this.to = to;
+        const finalAttribute = this.target.getFinalAttribute();
+        finalAttribute && this.target.setAttributes(finalAttribute), !1 !== (null === (_a = this.params.controlOptions) || void 0 === _a ? void 0 : _a.immediatelyApply) && this.target.setAttributes(from);
       }
-      applyTimeSliceToAnimate(slice, animate, graphic, controlOptions) {
-        var _a, _b, _c, _d;
+    }
+    class MoveOut extends MoveBase {
+      onBind() {
+        super.onBind();
         const {
-            effects: effects,
-            duration = 300,
-            delay = 0,
-            delayAfter = 0
-          } = slice,
-          delayValue = isFunction$7(delay) ? delay(null === (_b = null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.data) || void 0 === _b ? void 0 : _b[0], graphic, {}) : delay,
-          delayAfterValue = isFunction$7(delayAfter) ? delayAfter(null === (_d = null === (_c = graphic.context) || void 0 === _c ? void 0 : _c.data) || void 0 === _d ? void 0 : _d[0], graphic, {}) : delayAfter;
-        delayValue > 0 && animate.wait(delayValue);
-        (Array.isArray(effects) ? effects : [effects]).forEach(effect => {
-          var _a;
-          const {
-            type = "fromTo",
-            channel: channel,
-            customParameters: customParameters,
-            easing = "linear",
-            options: options
-          } = effect;
-          let parsedFromProps = null,
-            props = effect.to,
-            from = effect.from;
-          props || (parsedFromProps || (parsedFromProps = this.createPropsFromChannel(channel, graphic)), props = parsedFromProps.props), from || (parsedFromProps || (parsedFromProps = this.createPropsFromChannel(channel, graphic)), from = parsedFromProps.from);
-          const custom = null !== (_a = effect.custom) && void 0 !== _a ? _a : AnimateExecutor.builtInAnimateMap[type],
-            customType = effect.customType;
-          this._handleRunAnimate(animate, custom, customType, from, props, duration, easing, customParameters, controlOptions, options, type, graphic);
-        }), delayAfterValue > 0 && animate.wait(delayAfterValue);
+          from: from,
+          to: to
+        } = moveOut(this.target, this.params.options, this.params);
+        this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = from, this.to = to;
       }
-      createCustomInterpolatorAnimation(animate, interpolator, props, duration, easing, customParams) {
-        const to = props;
-        Object.keys(to).forEach(key => {
-          animate.target.getComputedAttribute(key);
-        }), animate.interpolateUpdateFunction = (from, to, ratio, step, target) => {
-          interpolator(ratio, from, to, step, target, animate.target, customParams);
-        }, animate.to(props, duration, easing);
+    }
+
+    const rotateIn = (graphic, options) => {
+      var _a;
+      const attributeAngle = null !== (_a = graphic.getFinalAttribute().angle) && void 0 !== _a ? _a : 0;
+      let angle = 0;
+      return angle = isNumberClose$1(attributeAngle / (2 * Math.PI), 0) ? Math.round(attributeAngle / (2 * Math.PI)) * Math.PI * 2 : isValidNumber$3(null == options ? void 0 : options.angle) ? options.angle : "anticlockwise" === (null == options ? void 0 : options.orient) ? Math.ceil(attributeAngle / (2 * Math.PI)) * Math.PI * 2 : Math.floor(attributeAngle / (2 * Math.PI)) * Math.PI * 2, {
+        from: {
+          angle: angle
+        },
+        to: {
+          angle: attributeAngle
+        }
+      };
+    };
+    const rotateOut = (graphic, options) => {
+      var _a;
+      const finalAngle = null !== (_a = graphic.getFinalAttribute().angle) && void 0 !== _a ? _a : 0;
+      let angle = 0;
+      return angle = isNumberClose$1(finalAngle / (2 * Math.PI), 0) ? Math.round(finalAngle / (2 * Math.PI)) * Math.PI * 2 : isValidNumber$3(null == options ? void 0 : options.angle) ? options.angle : "anticlockwise" === (null == options ? void 0 : options.orient) ? Math.ceil(finalAngle / (2 * Math.PI)) * Math.PI * 2 : Math.floor(finalAngle / (2 * Math.PI)) * Math.PI * 2, {
+        from: {
+          angle: finalAngle
+        },
+        to: {
+          angle: angle
+        }
+      };
+    };
+    class RotateBase extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
       }
-      createCustomAnimation(animate, CustomAnimateConstructor, from, props, duration, easing, customParams) {
-        const customAnimate = new CustomAnimateConstructor(from, props, duration, easing, customParams);
-        animate.play(customAnimate);
+      onUpdate(end, ratio, out) {
+        const attribute = this.target.attribute;
+        this.propKeys.forEach(key => {
+          attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
       }
-      createPropsFromChannel(channel, graphic) {
-        const props = {};
-        let from = null;
-        return channel ? (Array.isArray(channel) ? channel.forEach(key => {
-          var _a, _b;
-          const value = null === (_b = null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.diffAttrs) || void 0 === _b ? void 0 : _b[key];
-          void 0 !== value && (props[key] = value);
-        }) : Object.keys(channel).forEach(key => {
-          var _a, _b, _c, _d;
-          const config = channel[key];
-          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);
-        }), {
-          from: from,
-          props: props
-        }) : {
+    }
+    class RotateIn extends RotateBase {
+      onBind() {
+        var _a;
+        super.onBind();
+        const {
           from: from,
-          props: props
-        };
+          to: to
+        } = rotateIn(this.target, this.params.options);
+        this.props = to, this.propKeys = ["angle"], this.from = from, this.to = to;
+        const finalAttribute = this.target.getFinalAttribute();
+        finalAttribute && this.target.setAttributes(finalAttribute), !1 !== (null === (_a = this.params.controlOptions) || void 0 === _a ? void 0 : _a.immediatelyApply) && this.target.setAttributes(from);
       }
-      resolveValue(value, graphic, defaultValue) {
-        var _a, _b;
-        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;
+    }
+    class RotateOut extends RotateBase {
+      onBind() {
+        super.onBind();
+        const {
+          from: from,
+          to: to
+        } = rotateOut(this.target, this.params.options);
+        this.props = to, this.propKeys = ["angle"], this.from = from, this.to = to;
       }
-      executeItem(params, graphic, index = 0, count = 1) {
-        return Array.isArray(params) ? params.map(param => this._executeItem(param, graphic, index, count)).filter(Boolean) : [this._executeItem(params, graphic, index, count)].filter(Boolean);
+    }
+
+    class MotionPath extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        var _a;
+        super(from, to, duration, easing, params), params && (this.pathLength = params.path.getLength(), this.path = params.path, this.distance = params.distance, this.totalLength = this.distance * this.pathLength, this.initAngle = null !== (_a = params.initAngle) && void 0 !== _a ? _a : 0, this.changeAngle = !!params.changeAngle, this.cb = params.cb);
       }
-      _executeItem(params, graphic, index = 0, count = 1) {
-        if (!graphic) return null;
-        const isTimeline = ("timeSlices" in params);
-        let animate = null;
-        const parsedParams = this.parseParams(params, isTimeline);
-        return animate = isTimeline ? this.executeTimelineItem(parsedParams, graphic, index, count) : this.executeTypeConfigItem(parsedParams, graphic, index, count), animate && this._trackAnimation(animate), animate;
+      onBind() {
+        this.from = {
+          x: 0,
+          y: 0
+        }, this.to = this.path.getAttrAt(this.totalLength).pos, this.props = this.to;
       }
-      stop(type) {
-        for (; this._animates.length > 0;) {
-          const animate = this._animates.pop();
-          null == animate || animate.stop(type);
-        }
-        this._animates = [], this._activeCount = 0, this._started && (this._started = !1, this.onEnd());
+      onUpdate(end, ratio, out) {
+        const attrs = {},
+          at = this.totalLength * ratio,
+          {
+            pos: pos,
+            angle: angle
+          } = this.path.getAttrAt(at);
+        attrs.x = pos.x, attrs.y = pos.y, this.changeAngle && (attrs.angle = angle + this.initAngle), this.cb && this.cb(this.from, this.to, ratio, this.target), this.target.setAttributes(attrs);
       }
     }
-    AnimateExecutor.builtInAnimateMap = {};
 
-    class ACustomAnimate extends Step {
-      constructor(customFrom, customTo, duration, easing, params) {
-        super("customAnimate", customTo, duration, easing), this.type = "customAnimate", this.customFrom = customFrom, this.params = params, this.from = customFrom, this.to = customTo;
+    class FromTo extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params), this.from = null != from ? from : {};
+      }
+      onBind() {
+        var _a, _b;
+        super.onBind(), Object.keys(this.from).forEach(key => {
+          null == this.props[key] && (this.props[key] = this.target.getGraphicAttribute(key));
+        });
+        const finalAttribute = this.target.getFinalAttribute();
+        "appear" === (null === (_a = this.target.context) || void 0 === _a ? void 0 : _a.animationState) && finalAttribute && this.target.setAttributes(finalAttribute), !1 !== (null === (_b = this.params.controlOptions) || void 0 === _b ? void 0 : _b.immediatelyApply) && this.target.setAttributes(this.from);
+      }
+      onFirstRun() {
+        this.from = Object.assign(Object.assign({}, this.getLastProps()), this.from);
+        const startProps = this.animate.getStartProps();
+        this.propKeys && this.propKeys.forEach(key => {
+          var _a;
+          this.from[key] = null !== (_a = this.from[key]) && void 0 !== _a ? _a : startProps[key];
+        }), this.target.setAttributes(this.from);
+      }
+      deleteSelfAttr(key) {
+        super.deleteSelfAttr(key), delete this.from[key];
       }
       update(end, ratio, out) {
         if (this.onStart(), !this.props || !this.propKeys) return;
         const easedRatio = this.easing(ratio);
-        this.onUpdate(end, easedRatio, out), this.syncAttributeUpdate();
-      }
-      setProps(props) {
-        this.props = props, this.propKeys = Object.keys(props), this.animate.reSyncProps();
+        this.animate.interpolateUpdateFunction ? this.animate.interpolateUpdateFunction(this.from, this.props, easedRatio, this, this.target) : this.interpolateUpdateFunctions.forEach((func, index) => {
+          if (!this.animate.validAttr(this.propKeys[index])) return;
+          const key = this.propKeys[index];
+          func(key, this.from[key], this.props[key], easedRatio, this, this.target);
+        }), this.onUpdate(end, easedRatio, out), this.syncAttributeUpdate();
       }
     }
-    class AComponentAnimate extends ACustomAnimate {
-      completeBind(animator) {
-        this.setStartTime(0), this._animator && this._animator.start(), this.setDuration(animator.getDuration());
+
+    class StreamLight extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
       }
-      stop() {
-        this._animator && this._animator.stop();
+      getEndProps() {
+        return {};
       }
-    }
-
-    class ComponentAnimator {
-      constructor(component) {
-        this.tasks = [], this.started = !1, this.completed = 0, this.totalDuration = 0, this.onStartCallbacks = [], this.onEndCallbacks = [], this.onUpdateCallbacks = [], this.component = component;
+      onStart() {
+        this.target && ("rect" === this.target.type ? this.onStartRect() : "line" === this.target.type ? this.onStartLineOrArea("line") : "area" === this.target.type && this.onStartLineOrArea("area"));
       }
-      animate(graphic, config) {
-        return this.started ? (this) : (this.tasks.push({
-          graphic: graphic,
-          config: config
-        }), this);
+      onStartLineOrArea(type) {
+        var _a;
+        const root = this.target.attachShadow(),
+          line = application.graphicService.creator[type](Object.assign({}, null === (_a = this.params) || void 0 === _a ? void 0 : _a.attribute));
+        this[type] = line, line.pathProxy = new CustomPath2D(), root.add(line);
       }
-      onStart(callback) {
-        return this.onStartCallbacks.push(callback), this;
+      onStartRect() {
+        var _a, _b, _c;
+        const root = this.target.attachShadow(),
+          isHorizontal = null === (_b = null === (_a = this.params) || void 0 === _a ? void 0 : _a.isHorizontal) || void 0 === _b || _b,
+          sizeAttr = isHorizontal ? "height" : "width",
+          otherSizeAttr = isHorizontal ? "width" : "height",
+          size = this.target.AABBBounds[sizeAttr](),
+          y = isHorizontal ? 0 : this.target.AABBBounds.y1,
+          rect = application.graphicService.creator.rect(Object.assign(Object.assign({
+            [sizeAttr]: size,
+            fill: "#bcdeff",
+            shadowBlur: 30,
+            shadowColor: "#bcdeff"
+          }, null === (_c = this.params) || void 0 === _c ? void 0 : _c.attribute), {
+            x: 0,
+            y: y,
+            [otherSizeAttr]: 0
+          }));
+        this.rect = rect, root.add(rect);
       }
-      onEnd(callback) {
-        return this.onEndCallbacks.push(callback), this;
+      onBind() {}
+      onEnd() {
+        this.target.detachShadow();
       }
-      onUpdate(callback) {
-        return this.onUpdateCallbacks.push(callback), this;
+      onUpdate(end, ratio, out) {
+        return this.rect ? this.onUpdateRect(end, ratio, out) : this.line || this.area ? this.onUpdateLineOrArea(end, ratio, out) : void 0;
       }
-      start() {
-        return this.started ? (this) : (this.started = !0, this.completed = 0, this.onStartCallbacks.forEach(callback => callback()), 0 === this.tasks.length ? (setTimeout(() => {
-          this.onEndCallbacks.forEach(callback => callback());
-        }, 0), this) : (this.tasks.forEach(task => {
-          const executor = new AnimateExecutor(task.graphic);
-          executor.onEnd(() => {
-            this.completed++, this.completed === this.tasks.length && this.onEndCallbacks.forEach(callback => callback());
+      onUpdateRect(end, ratio, out) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+        const isHorizontal = null === (_b = null === (_a = this.params) || void 0 === _a ? void 0 : _a.isHorizontal) || void 0 === _b || _b,
+          parentAttr = this.target.attribute;
+        if (isHorizontal) {
+          const parentWidth = null !== (_d = null !== (_c = parentAttr.width) && void 0 !== _c ? _c : Math.abs(parentAttr.x1 - parentAttr.x)) && void 0 !== _d ? _d : 250,
+            streamLength = null !== (_f = null === (_e = this.params) || void 0 === _e ? void 0 : _e.streamLength) && void 0 !== _f ? _f : parentWidth,
+            maxLength = null !== (_j = null === (_h = null === (_g = this.params) || void 0 === _g ? void 0 : _g.attribute) || void 0 === _h ? void 0 : _h.width) && void 0 !== _j ? _j : 60,
+            startX = -maxLength,
+            currentX = startX + (streamLength - startX) * ratio,
+            x = Math.max(currentX, 0),
+            w = Math.min(Math.min(currentX + maxLength, maxLength), streamLength - currentX),
+            width = w + x > parentWidth ? Math.max(parentWidth - x, 0) : w;
+          this.rect.setAttributes({
+            x: x,
+            width: width,
+            dx: Math.min(parentAttr.x1 - parentAttr.x, 0)
+          }, !1, {
+            type: AttributeUpdateType.ANIMATE_PLAY,
+            animationState: {
+              ratio: ratio,
+              end: end
+            }
           });
-          const animate = executor.executeItem(task.config, task.graphic);
-          task.animate = animate, animate.forEach(animate => {
-            this.totalDuration = Math.max(this.totalDuration, animate.getStartTime() + animate.getDuration());
+        } else {
+          const parentHeight = null !== (_l = null !== (_k = parentAttr.height) && void 0 !== _k ? _k : Math.abs(parentAttr.y1 - parentAttr.y)) && void 0 !== _l ? _l : 250,
+            streamLength = null !== (_o = null === (_m = this.params) || void 0 === _m ? void 0 : _m.streamLength) && void 0 !== _o ? _o : parentHeight,
+            maxLength = null !== (_r = null === (_q = null === (_p = this.params) || void 0 === _p ? void 0 : _p.attribute) || void 0 === _q ? void 0 : _q.height) && void 0 !== _r ? _r : 60,
+            currentY = parentHeight - (streamLength + maxLength) * ratio;
+          let y = Math.min(currentY, parentHeight);
+          const h = Math.min(parentHeight - currentY, maxLength);
+          let height;
+          y <= 0 ? (height = Math.max(y + h, 0), y = 0) : height = h, this.rect.setAttributes({
+            y: y,
+            height: height,
+            dy: Math.min(parentAttr.y1 - parentAttr.y, 0)
+          }, !1, {
+            type: AttributeUpdateType.ANIMATE_PLAY,
+            animationState: {
+              ratio: ratio,
+              end: end
+            }
           });
-        }), this));
+        }
       }
-      deleteSelfAttr(key) {
-        this.tasks.forEach(task => {
-          task.animate && task.animate.forEach(animate => animate.preventAttr(key));
-        });
+      onUpdateLineOrArea(end, ratio, out) {
+        const target = this.line || this.area;
+        if (!target) return;
+        const customPath = target.pathProxy,
+          targetLine = this.target;
+        targetLine.cache || targetLine.cacheArea ? this._onUpdateLineOrAreaWithCache(customPath, targetLine, end, ratio, out) : this._onUpdateLineWithoutCache(customPath, targetLine, end, ratio, out);
+        const targetAttrs = targetLine.attribute;
+        target.setAttributes(Object.assign({
+          stroke: targetAttrs.stroke
+        }, target.attribute)), target.addUpdateBoundTag();
       }
-      stop(type) {
-        return this.tasks.forEach(task => {
-          task.animate && task.animate.forEach(animate => animate.stop(type));
-        }), this.started && this.completed !== this.tasks.length && (this.onEndCallbacks.forEach(callback => callback()), this.completed = this.tasks.length), this;
+      _onUpdateLineOrAreaWithCache(customPath, g, end, ratio, out) {
+        var _a, _b;
+        if (customPath.clear(), "line" === g.type) {
+          let cache = g.cache;
+          Array.isArray(cache) || (cache = [cache]);
+          const totalLen = cache.reduce((l, c) => l + c.getLength(), 0),
+            curves = [];
+          return cache.forEach(c => {
+            c.curves.forEach(ci => curves.push(ci));
+          }), this._updateCurves(customPath, curves, totalLen, ratio);
+        }
+        if ("area" === g.type && (null === (_b = null === (_a = g.cacheArea) || void 0 === _a ? void 0 : _a.top) || void 0 === _b ? void 0 : _b.curves)) {
+          const cache = g.cacheArea,
+            totalLen = cache.top.curves.reduce((a, b) => a + b.getLength(), 0);
+          return this._updateCurves(customPath, cache.top.curves, totalLen, ratio);
+        }
+      }
+      _updateCurves(customPath, curves, totalLen, ratio) {
+        var _a, _b;
+        const startLen = totalLen * ratio,
+          endLen = Math.min(startLen + (null !== (_b = null === (_a = this.params) || void 0 === _a ? void 0 : _a.streamLength) && void 0 !== _b ? _b : 10), totalLen);
+        let lastLen = 0,
+          start = !1;
+        for (let i = 0; i < curves.length; i++) if (!1 !== curves[i].defined) {
+          const curveItem = curves[i],
+            len = curveItem.getLength(),
+            startPercent = 1 - (lastLen + len - startLen) / len;
+          let curveForStart,
+            endPercent = 1 - (lastLen + len - endLen) / len;
+          if (lastLen < startLen && lastLen + len > startLen) if (start = !0, curveItem.p2 && curveItem.p3) {
+            const [_, curve2] = divideCubic(curveItem, startPercent);
+            customPath.moveTo(curve2.p0.x, curve2.p0.y), curveForStart = curve2;
+          } else {
+            const p = curveItem.getPointAt(startPercent);
+            customPath.moveTo(p.x, p.y);
+          }
+          if (lastLen < endLen && lastLen + len > endLen) {
+            if (curveItem.p2 && curveItem.p3) {
+              curveForStart && (endPercent = (endLen - startLen) / curveForStart.getLength());
+              const [curve1] = divideCubic(curveForStart || curveItem, endPercent);
+              customPath.bezierCurveTo(curve1.p1.x, curve1.p1.y, curve1.p2.x, curve1.p2.y, curve1.p3.x, curve1.p3.y);
+            } else {
+              const p = curveItem.getPointAt(endPercent);
+              customPath.lineTo(p.x, p.y);
+            }
+            break;
+          }
+          if (start) if (curveItem.p2 && curveItem.p3) {
+            const curve = curveForStart || curveItem;
+            customPath.bezierCurveTo(curve.p1.x, curve.p1.y, curve.p2.x, curve.p2.y, curve.p3.x, curve.p3.y);
+          } else customPath.lineTo(curveItem.p1.x, curveItem.p1.y);
+          lastLen += len;
+        }
       }
-      getDuration() {
-        return this.totalDuration;
+      _onUpdateLineWithoutCache(customPath, line, end, ratio, out) {
+        var _a, _b;
+        const {
+          points: points,
+          curveType: curveType
+        } = line.attribute;
+        if (!points || points.length < 2 || "linear" !== curveType) return;
+        let totalLen = 0;
+        for (let i = 1; i < points.length; i++) totalLen += PointService.distancePP(points[i], points[i - 1]);
+        const startLen = totalLen * ratio,
+          endLen = Math.min(startLen + (null !== (_b = null === (_a = this.params) || void 0 === _a ? void 0 : _a.streamLength) && void 0 !== _b ? _b : 10), totalLen),
+          nextPoints = [];
+        let lastLen = 0;
+        for (let i = 1; i < points.length; i++) {
+          const len = PointService.distancePP(points[i], points[i - 1]);
+          if (lastLen < startLen && lastLen + len > startLen && nextPoints.push(PointService.pointAtPP(points[i - 1], points[i], 1 - (lastLen + len - startLen) / len)), lastLen < endLen && lastLen + len > endLen) {
+            nextPoints.push(PointService.pointAtPP(points[i - 1], points[i], 1 - (lastLen + len - endLen) / len));
+            break;
+          }
+          nextPoints.length && nextPoints.push(points[i]), lastLen += len;
+        }
+        if (nextPoints.length && !(nextPoints.length < 2)) {
+          customPath.clear(), customPath.moveTo(nextPoints[0].x, nextPoints[0].y);
+          for (let i = 1; i < nextPoints.length; i++) customPath.lineTo(nextPoints[i].x, nextPoints[i].y);
+        }
       }
     }
-    function createComponentAnimator(component) {
-      return new ComponentAnimator(component);
-    }
+
+    const registerCustomAnimate = () => {
+      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);
+    };
 
     class AxisEnter extends AComponentAnimate {
       onBind() {
@@ -30299,7 +33469,7 @@
     }
 
     let idCount = 1;
-    class ResizeObserver {
+    let ResizeObserver$1 = class ResizeObserver {
       constructor(element, cb, resizeTime) {
         var _a;
         if (this.resizeTime = 100, this.lastSize = {
@@ -30339,7 +33509,7 @@
           height: Math.floor(this.element.clientHeight)
         } : Object.assign({}, this.lastSize);
       }
-    }
+    };
     class EventHandler {
       constructor() {
         this.listeners = {}, this.reseizeListeners = {};
@@ -30348,7 +33518,7 @@
         if ("node" === Env.mode) return -1;
         const id = idCount++;
         if (null == target ? void 0 : target.addEventListener) if ("resize" !== type || target === window) null == target || target.addEventListener(type, listener, ...options);else {
-          const resizeObserver = new ResizeObserver(target, listener, this.resizeTime);
+          const resizeObserver = new ResizeObserver$1(target, listener, this.resizeTime);
           this.reseizeListeners[id] = resizeObserver;
         }
         const obj = {
@@ -32670,6 +35840,24 @@
         }
         return childTotalLength;
       }
+      _setNodeStateRecursive(node, targetState) {
+        var _a;
+        if (!node) return;
+        const children = null !== (_a = node.filteredChildren) && void 0 !== _a ? _a : node.children;
+        if (children && (Array.isArray(children) ? children.length > 0 : !0 === children) && (node.hierarchyState = targetState), children && Array.isArray(children)) for (const child of children) this._setNodeStateRecursive(child, targetState);
+      }
+      expandAllNodes() {
+        if (Array.isArray(this._source)) {
+          for (const rootNode of this._source) this._setNodeStateRecursive(rootNode, HierarchyState.expand);
+          this.hasHierarchyStateExpand = !0, this.clearSortedIndexMap(), this.restoreTreeHierarchyState(), this.lastSortStates && this.lastSortStates.length > 0 ? this.sort(this.lastSortStates) : this.updatePagerData();
+        }
+      }
+      collapseAllNodes() {
+        if (Array.isArray(this._source)) {
+          for (const rootNode of this._source) this._setNodeStateRecursive(rootNode, HierarchyState.collapse);
+          this.clearSortedIndexMap(), this.restoreTreeHierarchyState(), this.lastSortStates && this.lastSortStates.length > 0 ? this.sort(this.lastSortStates) : this.updatePagerData();
+        }
+      }
     }
     DataSource.EMPTY = new DataSource({
       get() {},
@@ -40634,7 +43822,7 @@
       }
     }
 
-    var __awaiter$5 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+    var __awaiter$6 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
       return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) {
           try {
@@ -40660,7 +43848,7 @@
       });
     };
     function dynamicSetX(x, screenLeft, isEnd, proxy) {
-      return __awaiter$5(this, void 0, void 0, function* () {
+      return __awaiter$6(this, void 0, void 0, function* () {
         if (!screenLeft) return;
         const screenLeftCol = screenLeft.col,
           screenLeftX = screenLeft.left;
@@ -40679,7 +43867,7 @@
       deltaCol > 0 ? (moveColumn(deltaCol, "left", proxy.screenLeftCol, screenLeftX, x, proxy), proxy.updateDeltaX(x, screenLeftX, screenLeftCol), proxy.table.scenegraph.setBodyAndColHeaderX(-x + proxy.deltaX)) : deltaCol < 0 ? (moveColumn(-deltaCol, "right", proxy.screenLeftCol, screenLeftX, x, proxy), proxy.updateDeltaX(x, screenLeftX, screenLeftCol), proxy.table.scenegraph.setBodyAndColHeaderX(-x + proxy.deltaX)) : (proxy.updateDeltaX(x, screenLeftX, screenLeftCol), proxy.table.scenegraph.setBodyAndColHeaderX(-x + proxy.deltaX));
     }
     function moveColumn(count, direction, screenLeftCol, screenLeftX, x, proxy) {
-      return __awaiter$5(this, void 0, void 0, function* () {
+      return __awaiter$6(this, void 0, void 0, function* () {
         if ("left" === direction && proxy.colEnd + count > proxy.bodyRightCol ? count = proxy.bodyRightCol - proxy.colEnd : "right" === direction && proxy.colStart - count < proxy.bodyLeftCol && (count = proxy.colStart - proxy.bodyLeftCol), 0 !== count) if (count < 0 && (direction = "left" === direction ? "right" : "left", count = -count), count < proxy.colEnd - proxy.colStart) {
           const startCol = "left" === direction ? proxy.colStart : proxy.colEnd - count + 1,
             endCol = "left" === direction ? proxy.colStart + count - 1 : proxy.colEnd,
@@ -40810,7 +43998,7 @@
       return y = row < table.frozenRowCount ? table.getRowsHeight(0, row - 1) : row >= table.rowCount - table.bottomFrozenRowCount ? table.getRowsHeight(table.rowCount - table.bottomFrozenRowCount, row - 1) : table.getRowsHeight(table.frozenRowCount, row - 1), y;
     }
 
-    var __awaiter$4 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+    var __awaiter$5 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
       return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) {
           try {
@@ -40836,7 +44024,7 @@
       });
     };
     function dynamicSetY(y, screenTop, isEnd, proxy) {
-      return __awaiter$4(this, void 0, void 0, function* () {
+      return __awaiter$5(this, void 0, void 0, function* () {
         if (!screenTop) return;
         const screenTopRow = screenTop.row,
           screenTopY = screenTop.top;
@@ -40854,7 +44042,7 @@
       deltaRow > 0 ? (moveCell(deltaRow, "up", screenTopRow, screenTopY, y, proxy), proxy.updateDeltaY(y, screenTopY, screenTopRow), proxy.updateBody(y - proxy.deltaY)) : deltaRow < 0 ? (moveCell(-deltaRow, "down", screenTopRow, screenTopY, y, proxy), proxy.updateDeltaY(y, screenTopY, screenTopRow), proxy.updateBody(y - proxy.deltaY)) : (proxy.updateDeltaY(y, screenTopY, screenTopRow), proxy.updateBody(y - proxy.deltaY));
     }
     function moveCell(count, direction, screenTopRow, screenTopY, y, proxy) {
-      return __awaiter$4(this, void 0, void 0, function* () {
+      return __awaiter$5(this, void 0, void 0, function* () {
         if ("up" === direction && proxy.rowEnd + count > proxy.bodyBottomRow ? count = proxy.bodyBottomRow - proxy.rowEnd : "down" === direction && proxy.rowStart - count < proxy.bodyTopRow && (count = proxy.rowStart - proxy.bodyTopRow), 0 !== count) if (count < 0 && (direction = "up" === direction ? "down" : "up", count = -count), count < proxy.rowEnd - proxy.rowStart) {
           const startRow = "up" === direction ? proxy.rowStart : proxy.rowEnd - count + 1,
             endRow = "up" === direction ? proxy.rowStart + count - 1 : proxy.rowEnd,
@@ -40954,7 +44142,7 @@
       }
     }
 
-    var __awaiter$3 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+    var __awaiter$4 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
       return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) {
           try {
@@ -40981,7 +44169,7 @@
     };
     function sortVertical(proxy) {
       var _a;
-      return __awaiter$3(this, void 0, void 0, function* () {
+      return __awaiter$4(this, void 0, void 0, function* () {
         let syncTopRow, syncBottomRow;
         proxy.table.scenegraph.bodyGroup.forEachChildren((colGroup, index) => {
           "group" === colGroup.type && (colGroup.needUpdate = !0, null == colGroup || colGroup.forEachChildren(cellGroup => {
@@ -41013,7 +44201,7 @@
       });
     }
 
-    var __awaiter$2 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+    var __awaiter$3 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
       return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) {
           try {
@@ -41039,7 +44227,7 @@
       });
     };
     function sortHorizontal(proxy) {
-      return __awaiter$2(this, void 0, void 0, function* () {
+      return __awaiter$3(this, void 0, void 0, function* () {
         proxy.table.scenegraph.bodyGroup.forEachChildren((colGroup, index) => {
           "group" === colGroup.type && (colGroup.needUpdate = !0, null == colGroup || colGroup.forEachChildren(cellGroup => {
             cellGroup.needUpdate = !0;
@@ -41278,7 +44466,7 @@
       return !!(table.theme.headerStyle.textStick || table.theme.rowHeaderStyle.textStick || table.theme.bodyStyle.textStick);
     }
 
-    var __awaiter$1 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+    var __awaiter$2 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
       return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) {
           try {
@@ -41361,21 +44549,21 @@
         createGroupForFirstScreen(cornerHeaderGroup, colHeaderGroup, rowHeaderGroup, rightFrozenGroup, bottomFrozenGroup, bodyGroup, xOrigin, yOrigin, this);
       }
       progress() {
-        return __awaiter$1(this, void 0, void 0, function* () {
+        return __awaiter$2(this, void 0, void 0, function* () {
           if (!this.isProgressing) return this.isProgressing = !0, new Promise((resolve, reject) => {
-            setTimeout(() => __awaiter$1(this, void 0, void 0, function* () {
+            setTimeout(() => __awaiter$2(this, void 0, void 0, function* () {
               this.isProgressing = !1, this.isRelease || (this.colUpdatePos <= this.colEnd ? (yield this.updateColCellGroupsAsync(), yield this.progress()) : this.rowUpdatePos <= this.rowEnd ? (yield this.updateRowCellGroupsAsync(), yield this.progress()) : this.currentCol < this.totalCol ? (yield this.createCol(), yield this.progress()) : this.currentRow < this.totalRow && (yield this.createRow(), yield this.progress()), handleTextStick(this.table), this.table.scenegraph.updateNextFrame(), resolve());
             }), 16);
           });
         });
       }
       createRow() {
-        return __awaiter$1(this, void 0, void 0, function* () {
+        return __awaiter$2(this, void 0, void 0, function* () {
           this.taskRowCount && this.createRowCellGroup(this.taskRowCount);
         });
       }
       createCol() {
-        return __awaiter$1(this, void 0, void 0, function* () {
+        return __awaiter$2(this, void 0, void 0, function* () {
           this.taskColCount && this.createColGroup(this.taskRowCount);
         });
       }
@@ -41439,7 +44627,7 @@
         createColGroup(this.table.scenegraph.bodyGroup, xOrigin, yOrigin, this.currentCol + 1, endCol, this.rowStart, this.rowEnd, "body", this.table), this.currentCol = endCol, this.colUpdatePos = this.colEnd, this.table.scenegraph.updateContainer(), this.table.scenegraph.updateBorderSizeAndPosition();
       }
       setY(y, isEnd = !1) {
-        return __awaiter$1(this, void 0, void 0, function* () {
+        return __awaiter$2(this, void 0, void 0, function* () {
           const yLimitTop = this.table.getRowsHeight(this.bodyTopRow, this.bodyTopRow + (this.rowEnd - this.rowStart + 1)) / 2,
             yLimitBottom = this.table.getAllRowsHeight() - yLimitTop,
             screenTop = this.table.getTargetRowAt(y + this.table.scenegraph.colHeaderGroup.attribute.height);
@@ -41447,7 +44635,7 @@
         });
       }
       setX(x, isEnd = !1) {
-        return __awaiter$1(this, void 0, void 0, function* () {
+        return __awaiter$2(this, void 0, void 0, function* () {
           const xLimitLeft = this.table.getColsWidth(this.bodyLeftCol, this.bodyLeftCol + (this.colEnd - this.colStart + 1)) / 2,
             xLimitRight = this.table.getAllColsWidth() - xLimitLeft,
             screenLeft = this.table.getTargetColAt(x + this.table.scenegraph.rowHeaderGroup.attribute.width);
@@ -41455,12 +44643,12 @@
         });
       }
       dynamicSetY(y, screenTop, isEnd = !1) {
-        return __awaiter$1(this, void 0, void 0, function* () {
+        return __awaiter$2(this, void 0, void 0, function* () {
           dynamicSetY(y, screenTop, isEnd, this);
         });
       }
       dynamicSetX(x, screenLeft, isEnd = !1) {
-        return __awaiter$1(this, void 0, void 0, function* () {
+        return __awaiter$2(this, void 0, void 0, function* () {
           dynamicSetX(x, screenLeft, isEnd, this);
         });
       }
@@ -41468,7 +44656,7 @@
         this.table.scenegraph.setBodyAndRowHeaderY(-y);
       }
       updateRowCellGroupsAsync() {
-        return __awaiter$1(this, void 0, void 0, function* () {
+        return __awaiter$2(this, void 0, void 0, function* () {
           this.updateCellGroups(this.taskRowCount);
         });
       }
@@ -41487,7 +44675,7 @@
         "autoWidth" === this.table.widthMode && computeColsWidth(this.table, startCol, endCol, !1), updateColContent(startCol, endCol, this), this.table.isAutoRowHeight(this.rowStart) && updateAutoColumn(startCol, endCol, this.table, this.colUpdateDirection);
       }
       updateColCellGroupsAsync() {
-        return __awaiter$1(this, void 0, void 0, function* () {
+        return __awaiter$2(this, void 0, void 0, function* () {
           this.updateColGroups(this.taskRowCount);
         });
       }
@@ -41504,12 +44692,12 @@
         return cellGroup.needUpdate = !1, newCellGroup || cellGroup;
       }
       sortCellVertical() {
-        return __awaiter$1(this, void 0, void 0, function* () {
+        return __awaiter$2(this, void 0, void 0, function* () {
           yield sortVertical(this);
         });
       }
       sortCellHorizontal() {
-        return __awaiter$1(this, void 0, void 0, function* () {
+        return __awaiter$2(this, void 0, void 0, function* () {
           yield sortHorizontal(this);
         });
       }
@@ -45533,15 +48721,26 @@
         var _a;
         let originalFrozenColCount = this.table.options.frozenColCount ? this.table.options.frozenColCount : this.table.isPivotTable() || this.table.isListTable() && this.table.internalProps.transpose ? (null !== (_a = this.table.rowHeaderLevelCount) && void 0 !== _a ? _a : 0) + this.table.internalProps.layoutMap.leftRowSeriesNumberColumnCount : 0;
         if (originalFrozenColCount) {
-          originalFrozenColCount > this.table.colCount && (originalFrozenColCount = this.table.colCount);
-          const maxFrozenWidth = this.table._getMaxFrozenWidth();
-          if (this.table.getColsWidth(0, originalFrozenColCount - 1) > maxFrozenWidth) {
+          originalFrozenColCount = Math.min(originalFrozenColCount, this.table.colCount);
+          const container = this.table.getContainer();
+          if (container && 0 === container.clientWidth) {
+            if (this._frozenObserver) return;
+            return this._frozenObserver = new ResizeObserver(entries => {
+              for (const entry of entries) if (entry.contentRect.width > 0) return this.clearFrozenObserver(), this.table.resize(), void setTimeout(() => {
+                this.checkFrozen();
+              }, 0);
+            }), void this._frozenObserver.observe(container);
+          }
+          if (this.table.getColsWidth(0, originalFrozenColCount - 1) > this.table._getMaxFrozenWidth()) {
             if (this.table.internalProps.unfreezeAllOnExceedsMaxWidth) this.table._setFrozenColCount(0), this.setFrozenCol(-1);else {
               const computedFrozenColCount = this.table._getComputedFrozenColCount(originalFrozenColCount);
               this.table._setFrozenColCount(computedFrozenColCount), this.setFrozenCol(computedFrozenColCount);
             }
           } else this.table.frozenColCount !== originalFrozenColCount && (this.table._setFrozenColCount(originalFrozenColCount), this.setFrozenCol(originalFrozenColCount));
-        }
+        } else this.clearFrozenObserver();
+      }
+      clearFrozenObserver() {
+        this._frozenObserver && (this._frozenObserver.disconnect(), this._frozenObserver = null);
       }
       setFrozenCol(col) {
         col !== this.frozen.col ? (this.frozen.col = col, this.table.scenegraph.updateFrozen(), this.table.scenegraph.updateFrozenIcon(0, this.table.colCount - 1)) : this.table.scenegraph.updateFrozenIcon(0, this.table.colCount - 1);
@@ -46424,7 +49623,7 @@
           }, 0);
         }
       }), table.scenegraph.tableGroup.addEventListener("rightdown", e => {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e, _f;
         const eventArgsSet = getCellEventArgsSet(e);
         if (eventArgsSet.eventArgs) {
           stateManager.triggerContextMenu(eventArgsSet.eventArgs.col, eventArgsSet.eventArgs.row, eventArgsSet.abstractPos.x, eventArgsSet.abstractPos.y);
@@ -46450,7 +49649,7 @@
               target: null === (_c = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _c ? void 0 : _c.target,
               mergeCellInfo: null === (_d = eventArgsSet.eventArgs) || void 0 === _d ? void 0 : _d.mergeInfo
             });
-            cellInRanges(table.stateManager.select.ranges, col, row) ? cellsEvent.cells = table.getSelectedCellInfos() : cellsEvent.cells = [[cellInfo]], table.fireListeners(TABLE_EVENT_TYPE.CONTEXTMENU_CELL, cellsEvent);
+            (null === (_f = null === (_e = table.options.eventOptions) || void 0 === _e ? void 0 : _e.contextmenuReturnAllSelectedCells) || void 0 === _f || _f) && (cellInRanges(table.stateManager.select.ranges, col, row) ? cellsEvent.cells = table.getSelectedCellInfos() : cellsEvent.cells = [[cellInfo]]), table.fireListeners(TABLE_EVENT_TYPE.CONTEXTMENU_CELL, cellsEvent);
           }
         }
       }), table.scenegraph.tableGroup.addEventListener("pointertap", e => {
@@ -46767,7 +49966,7 @@
     }
     getPixelRatio();
 
-    var __awaiter = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+    var __awaiter$1 = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
       return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) {
           try {
@@ -46859,7 +50058,7 @@
           }
         }
         handleKeydownListener(e);
-      }), handler.on(table.getElement(), "copy", e => __awaiter(this, void 0, void 0, function* () {
+      }), handler.on(table.getElement(), "copy", e => __awaiter$1(this, void 0, void 0, function* () {
         var _a, _b;
         if (null === (_a = table.keyboardOptions) || void 0 === _a ? void 0 : _a.copySelected) {
           const data = table.getCopyValue();
@@ -46898,11 +50097,11 @@
             });
           }
         }
-      })), handler.on(table.getElement(), "paste", e => {
-        var _a, _b, _c, _d;
-        if ((null === (_a = table.keyboardOptions) || void 0 === _a ? void 0 : _a.pasteValueToCell) && table.changeCellValues) {
-          if (null === (_b = table.editorManager) || void 0 === _b ? void 0 : _b.editingEditor) return;
-          if ((null === (_c = table.stateManager.select.ranges) || void 0 === _c ? void 0 : _c.length) > 0) if (null === (_d = navigator.clipboard) || void 0 === _d ? void 0 : _d.read) navigator.clipboard.read().then(clipboardItems => {
+      })), handler.on(table.getElement(), "paste", e => __awaiter$1(this, void 0, void 0, function* () {
+        var _c, _d, _e, _f;
+        if ((null === (_c = table.keyboardOptions) || void 0 === _c ? void 0 : _c.pasteValueToCell) && table.changeCellValues) {
+          if (null === (_d = table.editorManager) || void 0 === _d ? void 0 : _d.editingEditor) return;
+          if ((null === (_e = table.stateManager.select.ranges) || void 0 === _e ? void 0 : _e.length) > 0) if (null === (_f = navigator.clipboard) || void 0 === _f ? void 0 : _f.read) navigator.clipboard.read().then(clipboardItems => {
             for (const item of clipboardItems) item.types.includes("text/html") ? pasteHtmlToTable(item) : 1 === item.types.length && "text/plain" === item.types[0] && pasteTextToTable(item);
           });else {
             const ranges = table.stateManager.select.ranges,
@@ -46917,7 +50116,7 @@
                 cellIndex === cells.length - 1 && (cell = cell.trim()), rowValues.push(cell);
               });
             });
-            const changedCellResults = table.changeCellValues(col, row, values);
+            const changedCellResults = yield table.changeCellValues(col, row, values);
             table.hasListeners(TABLE_EVENT_TYPE.PASTED_DATA) && table.fireListeners(TABLE_EVENT_TYPE.PASTED_DATA, {
               col: col,
               row: row,
@@ -46926,7 +50125,7 @@
             });
           }
         }
-      }), handler.on(table.getElement(), "contextmenu", e => {
+      })), handler.on(table.getElement(), "contextmenu", e => {
         var _a;
         !1 !== (null === (_a = table.eventOptions) || void 0 === _a ? void 0 : _a.preventDefaultContextMenu) ? e.preventDefault() : globalPointerupCallback(e);
       }), table.options.canvas || handler.on(table.getContainer(), "resize", e => {
@@ -46946,7 +50145,7 @@
           pasteValuesRowCount = 0,
           values = [];
         item.getType("text/html").then(blob => {
-          blob.text().then(pastedData => {
+          blob.text().then(pastedData => __awaiter$1(this, void 0, void 0, function* () {
             var _a, _b;
             if (pastedData && /(<table)|(<TABLE)/g.test(pastedData)) {
               const matches = Array.from(pastedData.matchAll(regex));
@@ -46956,7 +50155,7 @@
                 values.push(rowValues), pasteValuesColCount = Math.max(pasteValuesColCount, null !== (_a = null == rowValues ? void 0 : rowValues.length) && void 0 !== _a ? _a : 0);
               }
               pasteValuesRowCount = null !== (_b = values.length) && void 0 !== _b ? _b : 0, values = handlePasteValues(values, pasteValuesRowCount, pasteValuesColCount, maxRow - row + 1, maxCol - col + 1);
-              const changedCellResults = table.changeCellValues(col, row, values, !0);
+              const changedCellResults = yield table.changeCellValues(col, row, values, !0);
               table.hasListeners(TABLE_EVENT_TYPE.PASTED_DATA) && table.fireListeners(TABLE_EVENT_TYPE.PASTED_DATA, {
                 col: col,
                 row: row,
@@ -46968,34 +50167,36 @@
                 blob.text().then(_pasteValue);
               });
             });
-          });
+          }));
         });
       }
       function _pasteValue(pastedData) {
         var _a;
-        const ranges = table.stateManager.select.ranges,
-          selectRangeLength = ranges.length,
-          col = Math.min(ranges[selectRangeLength - 1].start.col, ranges[selectRangeLength - 1].end.col),
-          row = Math.min(ranges[selectRangeLength - 1].start.row, ranges[selectRangeLength - 1].end.row),
-          maxCol = Math.max(ranges[selectRangeLength - 1].start.col, ranges[selectRangeLength - 1].end.col),
-          maxRow = Math.max(ranges[selectRangeLength - 1].start.row, ranges[selectRangeLength - 1].end.row);
-        let pasteValuesColCount = 0,
-          pasteValuesRowCount = 0,
-          values = [];
-        pastedData.split("\n").forEach(function (rowCells, rowIndex) {
-          var _a;
-          const cells = rowCells.split("\t"),
-            rowValues = [];
-          values.push(rowValues), cells.forEach(function (cell, cellIndex) {
-            cellIndex === cells.length - 1 && (cell = cell.trim()), rowValues.push(cell);
-          }), pasteValuesColCount = Math.max(pasteValuesColCount, null !== (_a = null == rowValues ? void 0 : rowValues.length) && void 0 !== _a ? _a : 0);
-        }), pasteValuesRowCount = null !== (_a = values.length) && void 0 !== _a ? _a : 0, values = handlePasteValues(values, pasteValuesRowCount, pasteValuesColCount, maxRow - row + 1, maxCol - col + 1);
-        const changedCellResults = table.changeCellValues(col, row, values, !0);
-        table.hasListeners(TABLE_EVENT_TYPE.PASTED_DATA) && table.fireListeners(TABLE_EVENT_TYPE.PASTED_DATA, {
-          col: col,
-          row: row,
-          pasteData: values,
-          changedCellResults: changedCellResults
+        return __awaiter$1(this, void 0, void 0, function* () {
+          const ranges = table.stateManager.select.ranges,
+            selectRangeLength = ranges.length,
+            col = Math.min(ranges[selectRangeLength - 1].start.col, ranges[selectRangeLength - 1].end.col),
+            row = Math.min(ranges[selectRangeLength - 1].start.row, ranges[selectRangeLength - 1].end.row),
+            maxCol = Math.max(ranges[selectRangeLength - 1].start.col, ranges[selectRangeLength - 1].end.col),
+            maxRow = Math.max(ranges[selectRangeLength - 1].start.row, ranges[selectRangeLength - 1].end.row);
+          let pasteValuesColCount = 0,
+            pasteValuesRowCount = 0,
+            values = [];
+          pastedData.split("\n").forEach(function (rowCells, rowIndex) {
+            var _a;
+            const cells = rowCells.split("\t"),
+              rowValues = [];
+            values.push(rowValues), cells.forEach(function (cell, cellIndex) {
+              cellIndex === cells.length - 1 && (cell = cell.trim()), rowValues.push(cell);
+            }), pasteValuesColCount = Math.max(pasteValuesColCount, null !== (_a = null == rowValues ? void 0 : rowValues.length) && void 0 !== _a ? _a : 0);
+          }), pasteValuesRowCount = null !== (_a = values.length) && void 0 !== _a ? _a : 0, values = handlePasteValues(values, pasteValuesRowCount, pasteValuesColCount, maxRow - row + 1, maxCol - col + 1);
+          const changedCellResults = yield table.changeCellValues(col, row, values, !0);
+          table.hasListeners(TABLE_EVENT_TYPE.PASTED_DATA) && table.fireListeners(TABLE_EVENT_TYPE.PASTED_DATA, {
+            col: col,
+            row: row,
+            pasteData: values,
+            changedCellResults: changedCellResults
+          });
         });
       }
       function pasteTextToTable(item) {
@@ -47008,7 +50209,7 @@
         let pasteValuesColCount = 0,
           pasteValuesRowCount = 0;
         item.getType("text/plain").then(blob => {
-          blob.text().then(pastedData => {
+          blob.text().then(pastedData => __awaiter$1(this, void 0, void 0, function* () {
             var _a;
             const rows = pastedData.replace(/\r(?!\n)/g, "\r\n").split("\r\n");
             let values = [];
@@ -47020,14 +50221,14 @@
                 cell.includes("\n") && (cell = cell.replace(/^"(.*)"$/, "$1").replace(/["]*/g, match => new Array(Math.floor(match.length / 2)).fill('"').join(""))), rowValues.push(cell);
               }), pasteValuesColCount = Math.max(pasteValuesColCount, null !== (_a = null == rowValues ? void 0 : rowValues.length) && void 0 !== _a ? _a : 0);
             }), pasteValuesRowCount = null !== (_a = values.length) && void 0 !== _a ? _a : 0, values = handlePasteValues(values, pasteValuesRowCount, pasteValuesColCount, maxRow - row + 1, maxCol - col + 1);
-            const changedCellResults = table.changeCellValues(col, row, values, !0);
+            const changedCellResults = yield table.changeCellValues(col, row, values, !0);
             table.hasListeners(TABLE_EVENT_TYPE.PASTED_DATA) && table.fireListeners(TABLE_EVENT_TYPE.PASTED_DATA, {
               col: col,
               row: row,
               pasteData: values,
               changedCellResults: changedCellResults
             });
-          });
+          }));
         });
       }
       function handlePasteValues(values, rowCount, colCount, selectedRowCount, selectedColCount) {
@@ -49226,6 +52427,14 @@
         const children = cloneDeep$1(this.tree.children);
         return clearNode(children), children;
       }
+      setAllNodesState(state) {
+        this._updateNodeHierarchyState(this.tree, state);
+      }
+      _updateNodeHierarchyState(node, hierarchyState) {
+        node.children && node.children.length > 0 && node.children[0].dimensionKey ? (-1 !== node.level && (node.hierarchyState = hierarchyState), node.children.forEach(child => {
+          this._updateNodeHierarchyState(child, hierarchyState);
+        })) : node.hierarchyState = HierarchyState.none;
+      }
     }
     function clearNode(children) {
       for (let i = 0; i < children.length; i++) {
@@ -50407,7 +53616,7 @@
       }
       constructor(container, options = {}) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
-        if (super(), this.showFrozenIcon = !0, this.version = "1.19.2", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), "node" === Env.mode ? (options = container, container = null) : container instanceof HTMLElement || (options = container, container = container.container ? container.container : null), !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
+        if (super(), this.showFrozenIcon = !0, this.version = "1.19.3-alpha.0", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), "node" === Env.mode ? (options = container, container = null) : container instanceof HTMLElement || (options = container, container = container.container ? container.container : null), !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
         this.pluginManager = new PluginManager(this, options), this.fireListeners(TABLE_EVENT_TYPE.BEFORE_INIT, {
           options: options,
           container: container
@@ -54690,6 +57899,31 @@
       return {};
     }
 
+    var __awaiter = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+      return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) {
+          try {
+            step(generator.next(value));
+          } catch (e) {
+            reject(e);
+          }
+        }
+        function rejected(value) {
+          try {
+            step(generator.throw(value));
+          } catch (e) {
+            reject(e);
+          }
+        }
+        function step(result) {
+          var value;
+          result.done ? resolve(result.value) : (value = result.value, value instanceof P ? value : new P(function (resolve) {
+            resolve(value);
+          })).then(fulfilled, rejected);
+        }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+      });
+    };
     function listTableChangeCellValue(col, row, value, workOnEditableCell, triggerEvent, table) {
       if (workOnEditableCell && table.isHasEditorDefine(col, row) || !1 === workOnEditableCell) {
         const recordIndex = table.getRecordShowIndexByCell(col, row),
@@ -54732,92 +57966,100 @@
     }
     function listTableChangeCellValues(startCol, startRow, values, workOnEditableCell, triggerEvent, table) {
       var _a, _b;
-      const changedCellResults = [];
-      let pasteColEnd = startCol,
-        pasteRowEnd = startRow;
-      const beforeChangeValues = [],
-        oldValues = [];
-      let cellUpdateType;
-      for (let i = 0; i < values.length && !(startRow + i > table.rowCount - 1); i++) {
-        const rowValues = values[i],
-          rawRowValues = [],
-          oldRowValues = [];
-        beforeChangeValues.push(rawRowValues), oldValues.push(oldRowValues);
-        for (let j = 0; j < rowValues.length && !(startCol + j > table.colCount - 1); j++) {
-          cellUpdateType = getCellUpdateType(startCol + j, startRow + i, table, cellUpdateType);
-          const beforeChangeValue = table.getCellRawValue(startCol + j, startRow + i);
-          rawRowValues.push(beforeChangeValue);
-          const oldValue = table.getCellOriginValue(startCol + j, startRow + i);
-          oldRowValues.push(oldValue);
-        }
-      }
-      for (let i = 0; i < values.length && !(startRow + i > table.rowCount - 1); i++) {
-        changedCellResults[i] = [], pasteRowEnd = startRow + i;
-        const rowValues = values[i];
-        let thisRowPasteColEnd = startCol;
-        for (let j = 0; j < rowValues.length && !(startCol + j > table.colCount - 1); j++) {
-          thisRowPasteColEnd = startCol + j;
-          let isCanChange = !1;
-          if (!1 === workOnEditableCell) isCanChange = !0;else if (table.isHasEditorDefine(startCol + j, startRow + i)) {
-            const editor = table.getEditor(startCol + j, startRow + i),
-              oldValue = oldValues[i][j],
-              value = rowValues[j],
-              maybePromiseOrValue = null === (_b = null === (_a = null == editor ? void 0 : editor.validateValue) || void 0 === _a ? void 0 : _a.call(editor, value, oldValue)) || void 0 === _b || _b;
-            isCanChange = !!isPromise(maybePromiseOrValue) || !0 === maybePromiseOrValue || "validate-exit" === maybePromiseOrValue || "invalidate-exit" === maybePromiseOrValue;
-          }
-          if (isCanChange) {
-            changedCellResults[i][j] = !0;
-            const value = rowValues[j],
-              recordIndex = table.getRecordShowIndexByCell(startCol + j, startRow + i),
-              {
-                field: field
-              } = table.internalProps.layoutMap.getBody(startCol + j, startRow + i),
-              beforeChangeValue = beforeChangeValues[i][j],
-              oldValue = oldValues[i][j];
-            table.isHeader(startCol + j, startRow + i) ? table.internalProps.layoutMap.updateColumnTitle(startCol + j, startRow + i, value) : table.dataSource.changeFieldValue(value, recordIndex, field, startCol + j, startRow + i, table);
-            const changedValue = table.getCellOriginValue(startCol + j, startRow + i);
-            oldValue !== changedValue && triggerEvent && table.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUE, {
-              col: startCol + j,
-              row: startRow + i,
-              rawValue: beforeChangeValue,
-              currentValue: oldValue,
-              changedValue: changedValue
-            });
-          } else changedCellResults[i][j] = !1;
+      return __awaiter(this, void 0, void 0, function* () {
+        const changedCellResults = [];
+        let pasteColEnd = startCol,
+          pasteRowEnd = startRow;
+        const beforeChangeValues = [],
+          oldValues = [];
+        let cellUpdateType;
+        for (let i = 0; i < values.length && !(startRow + i > table.rowCount - 1); i++) {
+          const rowValues = values[i],
+            rawRowValues = [],
+            oldRowValues = [];
+          beforeChangeValues.push(rawRowValues), oldValues.push(oldRowValues);
+          for (let j = 0; j < rowValues.length && !(startCol + j > table.colCount - 1); j++) {
+            cellUpdateType = getCellUpdateType(startCol + j, startRow + i, table, cellUpdateType);
+            const beforeChangeValue = table.getCellRawValue(startCol + j, startRow + i);
+            rawRowValues.push(beforeChangeValue);
+            const oldValue = table.getCellOriginValue(startCol + j, startRow + i);
+            oldRowValues.push(oldValue);
+          }
+        }
+        for (let i = 0; i < values.length && !(startRow + i > table.rowCount - 1); i++) {
+          changedCellResults[i] = [], pasteRowEnd = startRow + i;
+          const rowValues = values[i];
+          let thisRowPasteColEnd = startCol;
+          for (let j = 0; j < rowValues.length && !(startCol + j > table.colCount - 1); j++) {
+            thisRowPasteColEnd = startCol + j;
+            let isCanChange = !1;
+            if (!1 === workOnEditableCell) isCanChange = !0;else if (table.isHasEditorDefine(startCol + j, startRow + i)) {
+              const editor = table.getEditor(startCol + j, startRow + i),
+                oldValue = oldValues[i][j],
+                value = rowValues[j],
+                maybePromiseOrValue = null === (_b = null === (_a = null == editor ? void 0 : editor.validateValue) || void 0 === _a ? void 0 : _a.call(editor, value, oldValue, {
+                  col: startCol + j,
+                  row: startRow + i
+                }, table)) || void 0 === _b || _b;
+              if (isPromise(maybePromiseOrValue)) {
+                const validateResult = yield maybePromiseOrValue;
+                isCanChange = !0 === validateResult || "validate-exit" === validateResult || "validate-not-exit" === validateResult;
+              } else isCanChange = !0 === maybePromiseOrValue || "validate-exit" === maybePromiseOrValue || "validate-not-exit" === maybePromiseOrValue;
+            }
+            if (isCanChange) {
+              changedCellResults[i][j] = !0;
+              const value = rowValues[j],
+                recordIndex = table.getRecordShowIndexByCell(startCol + j, startRow + i),
+                {
+                  field: field
+                } = table.internalProps.layoutMap.getBody(startCol + j, startRow + i),
+                beforeChangeValue = beforeChangeValues[i][j],
+                oldValue = oldValues[i][j];
+              table.isHeader(startCol + j, startRow + i) ? table.internalProps.layoutMap.updateColumnTitle(startCol + j, startRow + i, value) : table.dataSource.changeFieldValue(value, recordIndex, field, startCol + j, startRow + i, table);
+              const changedValue = table.getCellOriginValue(startCol + j, startRow + i);
+              oldValue !== changedValue && triggerEvent && table.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUE, {
+                col: startCol + j,
+                row: startRow + i,
+                rawValue: beforeChangeValue,
+                currentValue: oldValue,
+                changedValue: changedValue
+              });
+            } else changedCellResults[i][j] = !1;
+          }
+          pasteColEnd = Math.max(pasteColEnd, thisRowPasteColEnd);
         }
-        pasteColEnd = Math.max(pasteColEnd, thisRowPasteColEnd);
-      }
-      const startRange = table.getCellRange(startCol, startRow),
-        range = table.getCellRange(pasteColEnd, pasteRowEnd),
-        aggregators = table.internalProps.layoutMap.getAggregatorsByCellRange(startRange.start.col, startRange.start.row, range.end.col, range.end.row);
-      if (aggregators) {
-        for (let i = 0; i < (null == aggregators ? void 0 : aggregators.length); i++) aggregators[i].recalculate();
-        if ("normal" === cellUpdateType) {
-          const aggregatorCells = table.internalProps.layoutMap.getAggregatorCellAddress(startRange.start.col, startRange.start.row, range.end.col, range.end.row);
-          for (let i = 0; i < aggregatorCells.length; i++) {
-            const range = table.getCellRange(aggregatorCells[i].col, aggregatorCells[i].row);
-            for (let sCol = range.start.col; sCol <= range.end.col; sCol++) for (let sRow = range.start.row; sRow <= range.end.row; sRow++) table.scenegraph.updateCellContent(sCol, sRow);
+        const startRange = table.getCellRange(startCol, startRow),
+          range = table.getCellRange(pasteColEnd, pasteRowEnd),
+          aggregators = table.internalProps.layoutMap.getAggregatorsByCellRange(startRange.start.col, startRange.start.row, range.end.col, range.end.row);
+        if (aggregators) {
+          for (let i = 0; i < (null == aggregators ? void 0 : aggregators.length); i++) aggregators[i].recalculate();
+          if ("normal" === cellUpdateType) {
+            const aggregatorCells = table.internalProps.layoutMap.getAggregatorCellAddress(startRange.start.col, startRange.start.row, range.end.col, range.end.row);
+            for (let i = 0; i < aggregatorCells.length; i++) {
+              const range = table.getCellRange(aggregatorCells[i].col, aggregatorCells[i].row);
+              for (let sCol = range.start.col; sCol <= range.end.col; sCol++) for (let sRow = range.start.row; sRow <= range.end.row; sRow++) table.scenegraph.updateCellContent(sCol, sRow);
+            }
           }
         }
-      }
-      if ("group" === cellUpdateType && table.dataSource.updateRecordsForGroup([], []), "sort" === cellUpdateType || "group" === cellUpdateType) return table.dataSource.sortedIndexMap.clear(), sortRecords(table), table.refreshRowColCount(), table.internalProps.layoutMap.clearCellRangeMap(), table.scenegraph.clearCells(), table.scenegraph.createSceneGraph(), changedCellResults;
-      for (let sCol = startRange.start.col; sCol <= range.end.col; sCol++) for (let sRow = startRange.start.row; sRow <= range.end.row; sRow++) table.scenegraph.updateCellContent(sCol, sRow);
-      if ("adaptive" === table.widthMode || table.autoFillWidth && table.getAllColsWidth() <= table.tableNoFrameWidth) 0 === table.internalProps._widthResizedColMap.size && table.scenegraph.recalculateColWidths();else for (let sCol = startCol; sCol <= range.end.col; sCol++) if (!table.internalProps._widthResizedColMap.has(sCol)) {
-        const oldWidth = table.getColWidth(sCol),
-          newWidth = computeColWidth(sCol, 0, table.rowCount - 1, table, !1);
-        newWidth !== oldWidth && table.scenegraph.updateColWidth(sCol, newWidth - oldWidth);
-      }
-      if ("adaptive" === table.heightMode || table.autoFillHeight && table.getAllRowsHeight() <= table.tableNoFrameHeight) table.scenegraph.recalculateRowHeights();else if (table.isAutoRowHeight(startRow)) {
-        const rows = [],
-          deltaYs = [];
-        for (let sRow = startRow; sRow <= range.end.row; sRow++) if (table.rowHeightsMap.get(sRow)) {
-          const oldHeight = table.getRowHeight(sRow),
-            newHeight = computeRowHeight(sRow, 0, table.colCount - 1, table);
-          rows.push(sRow), deltaYs.push(newHeight - oldHeight);
+        if ("group" === cellUpdateType && table.dataSource.updateRecordsForGroup([], []), "sort" === cellUpdateType || "group" === cellUpdateType) return table.dataSource.sortedIndexMap.clear(), sortRecords(table), table.refreshRowColCount(), table.internalProps.layoutMap.clearCellRangeMap(), table.scenegraph.clearCells(), table.scenegraph.createSceneGraph(), changedCellResults;
+        for (let sCol = startRange.start.col; sCol <= range.end.col; sCol++) for (let sRow = startRange.start.row; sRow <= range.end.row; sRow++) table.scenegraph.updateCellContent(sCol, sRow);
+        if ("adaptive" === table.widthMode || table.autoFillWidth && table.getAllColsWidth() <= table.tableNoFrameWidth) 0 === table.internalProps._widthResizedColMap.size && table.scenegraph.recalculateColWidths();else for (let sCol = startCol; sCol <= range.end.col; sCol++) if (!table.internalProps._widthResizedColMap.has(sCol)) {
+          const oldWidth = table.getColWidth(sCol),
+            newWidth = computeColWidth(sCol, 0, table.rowCount - 1, table, !1);
+          newWidth !== oldWidth && table.scenegraph.updateColWidth(sCol, newWidth - oldWidth);
         }
-        table.scenegraph.updateRowsHeight(rows, deltaYs);
-      }
-      return table.scenegraph.updateNextFrame(), changedCellResults;
+        if ("adaptive" === table.heightMode || table.autoFillHeight && table.getAllRowsHeight() <= table.tableNoFrameHeight) table.scenegraph.recalculateRowHeights();else if (table.isAutoRowHeight(startRow)) {
+          const rows = [],
+            deltaYs = [];
+          for (let sRow = startRow; sRow <= range.end.row; sRow++) if (table.rowHeightsMap.get(sRow)) {
+            const oldHeight = table.getRowHeight(sRow),
+              newHeight = computeRowHeight(sRow, 0, table.colCount - 1, table);
+            rows.push(sRow), deltaYs.push(newHeight - oldHeight);
+          }
+          table.scenegraph.updateRowsHeight(rows, deltaYs);
+        }
+        return table.scenegraph.updateNextFrame(), changedCellResults;
+      });
     }
     function getCellUpdateType(col, row, table, oldCellUpdateType) {
       if ("group" === oldCellUpdateType) return oldCellUpdateType;
@@ -55230,6 +58472,15 @@
         };
         this.internalProps.columns = cloneDeepSpec(columns, ["children"]), generateAggregationForColumn(this), (null == options ? void 0 : options.clearColWidthCache) && this.internalProps._widthResizedColMap.clear(), this.options.columns = columns, this.internalProps.headerHelper.setTableColumnsEditor(), this._hasAutoImageColumn = void 0, this.refreshHeader(), null === (_b = (_a = this.dataSource).updateColumns) || void 0 === _b || _b.call(_a, this.internalProps.columns), this.records && checkHasAggregationOnColumnDefine(this.internalProps.columns) && this.dataSource.processRecords(null !== (_d = null === (_c = this.dataSource.dataSourceObj) || void 0 === _c ? void 0 : _c.records) && void 0 !== _d ? _d : this.dataSource.dataSourceObj), this.internalProps.useOneRowHeightFillAll = !1, this.headerStyleCache = new Map(), this.bodyStyleCache = new Map(), this.bodyBottomStyleCache = new Map(), this.scenegraph.createSceneGraph(), this.stateManager.updateHoverPos(oldHoverState.col, oldHoverState.row), this.renderAsync(), this.eventManager.updateEventBinder();
       }
+      _recreateSceneForStateChange() {
+        var _a, _b;
+        this.scenegraph.clearCells();
+        const oldHoverState = {
+          col: this.stateManager.hover.cellPos.col,
+          row: this.stateManager.hover.cellPos.row
+        };
+        this._hasAutoImageColumn = void 0, this.refreshHeader(), this.records && checkHasAggregationOnColumnDefine(this.internalProps.columns) && this.dataSource.processRecords(null !== (_b = null === (_a = this.dataSource.dataSourceObj) || void 0 === _a ? void 0 : _a.records) && void 0 !== _b ? _b : this.dataSource.dataSourceObj), this.internalProps.useOneRowHeightFillAll = !1, this.headerStyleCache = new Map(), this.bodyStyleCache = new Map(), this.bodyBottomStyleCache = new Map(), this.scenegraph.createSceneGraph(), this.stateManager.updateHoverPos(oldHoverState.col, oldHoverState.row), this.renderAsync(), this.eventManager.updateEventBinder();
+      }
       addColumn(column) {
         const columns = this.options.columns;
         columns.push(column), this.updateColumns(columns);
@@ -55835,6 +59086,30 @@
       release() {
         this.editorManager.release(), super.release();
       }
+      expandAllTreeNode() {
+        if (!this._hasHierarchyTreeHeader()) return;
+        let stateChanged = !1;
+        this.dataSource && "function" == typeof this.dataSource.expandAllNodes && (this.dataSource.expandAllNodes(), stateChanged = !0), stateChanged && (this._recreateSceneForStateChange(), this.fireListeners(TABLE_EVENT_TYPE.TREE_HIERARCHY_STATE_CHANGE, {
+          col: -1,
+          row: -1,
+          hierarchyState: HierarchyState.expand,
+          originData: {
+            children: this.records
+          }
+        }));
+      }
+      collapseAllTreeNode() {
+        if (!this._hasHierarchyTreeHeader()) return;
+        let stateChanged = !1;
+        this.dataSource && "function" == typeof this.dataSource.collapseAllNodes && (this.dataSource.collapseAllNodes(), stateChanged = !0), stateChanged && (this._recreateSceneForStateChange(), this.fireListeners(TABLE_EVENT_TYPE.TREE_HIERARCHY_STATE_CHANGE, {
+          col: -1,
+          row: -1,
+          hierarchyState: HierarchyState.collapse,
+          originData: {
+            children: this.records
+          }
+        }));
+      }
     }
 
     function isXAxis(orient) {
@@ -58649,6 +61924,9 @@
     const registerTooltip = () => {
       Factory.registerComponent("tooltipHandler", TooltipHandler);
     };
+    const registerAnimation = () => {
+      registerCustomAnimate(), registerAnimate();
+    };
 
     class ListTreeStickCellPlugin {
       constructor(table) {
@@ -60536,7 +63814,7 @@
       Factory.registerFunction("createVideoCellGroup", createVideoCellGroup);
     };
 
-    registerAxis(), registerEmptyTip(), registerLegend(), registerMenu(), registerTitle(), registerTooltip(), registerListTreeStickCellPlugin(), registerCustomCellStylePlugin(), registerChartCell(), registerCheckboxCell(), registerImageCell(), registerProgressBarCell(), registerRadioCell(), registerSwitchCell(), registerButtonCell(), registerSparkLineCell(), registerTextCell(), registerVideoCell();
+    registerAxis(), registerEmptyTip(), registerLegend(), registerMenu(), registerTitle(), registerTooltip(), registerListTreeStickCellPlugin(), registerCustomCellStylePlugin(), registerAnimation(), registerChartCell(), registerCheckboxCell(), registerImageCell(), registerProgressBarCell(), registerRadioCell(), registerSwitchCell(), registerButtonCell(), registerSparkLineCell(), registerTextCell(), registerVideoCell();
     class ListTableAll extends ListTable {}
 
     registerForVrender();