@visactor/vrender-animate 0.22.4

package/cjs/custom/sphere.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/custom/sphere.ts"],"names":[],"mappings":"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","file":"sphere.js","sourcesContent":["import { pi, pi2 } from '@visactor/vutils';\nimport { ACustomAnimate } from './custom-animate';\n\ntype RotateSphereParams =\n  | {\n      center: { x: number; y: number; z: number };\n      r: number;\n      cb?: (out: any) => void;\n    }\n  | (() => any);\n\nexport class RotateBySphereAnimate extends ACustomAnimate<any> {\n  declare params: RotateSphereParams;\n  declare theta: number;\n  declare phi: number;\n\n  onStart(): void {\n    const { center, r } = typeof this.params === 'function' ? this.params() : this.params;\n    const startX = this.target.getComputedAttribute('x');\n    const startY = this.target.getComputedAttribute('y');\n    const startZ = this.target.getComputedAttribute('z');\n    const phi = Math.acos((startY - center.y) / r);\n    let theta = Math.acos((startX - center.x) / r / Math.sin(phi));\n    if (startZ - center.z < 0) {\n      theta = pi2 - theta;\n    }\n    this.theta = theta;\n    this.phi = phi;\n  }\n\n  onBind() {\n    return;\n  }\n\n  onEnd() {\n    return;\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n    if (this.phi == null || this.theta == null) {\n      return;\n    }\n    const { center, r, cb } = typeof this.params === 'function' ? this.params() : this.params;\n    const deltaAngle = Math.PI * 2 * ratio;\n    const theta = this.theta + deltaAngle;\n    const phi = this.phi;\n    const x = r * Math.sin(phi) * Math.cos(theta) + center.x;\n    const y = r * Math.cos(phi) + center.y;\n    const z = r * Math.sin(phi) * Math.sin(theta) + center.z;\n    out.x = x;\n    out.y = y;\n    out.z = z;\n    // out.beta = phi;\n    out.alpha = theta + pi / 2;\n    while (out.alpha > pi2) {\n      out.alpha -= pi2;\n    }\n    out.alpha = pi2 - out.alpha;\n\n    out.zIndex = out.z * -10000;\n\n    cb && cb(out);\n  }\n}\n"]}

package/cjs/custom/state.d.ts

@@ -0,0 +1,13 @@
+import type { EasingType } from '../intreface/easing';
+import { ACustomAnimate } from './custom-animate';
+export interface IUpdateAnimationOptions {
+    diffAttrs: Record<string, any>;
+    animationState: string;
+    diffState: string;
+    data: Record<string, any>[];
+}
+export declare class State extends ACustomAnimate<Record<string, number>> {
+    valid: boolean;
+    constructor(from: null, to: null, duration: number, easing: EasingType, params?: IUpdateAnimationOptions);
+    update(end: boolean, ratio: number, out: Record<string, any>): void;
+}

package/cjs/custom/state.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.State = void 0;
+
+const custom_animate_1 = require("./custom-animate");
+
+class State extends custom_animate_1.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);
+    }
+}
+
+exports.State = State;
+//# sourceMappingURL=state.js.map

package/cjs/custom/state.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/custom/state.ts"],"names":[],"mappings":";;;AAEA,qDAAkD;AAclD,MAAa,KAAM,SAAQ,+BAAsC;IAG/D,YAAY,IAAU,EAAE,EAAQ,EAAE,QAAgB,EAAE,MAAkB,EAAE,MAAgC;QACtG,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5C,CAAC;IAED,MAAM,CAAC,GAAY,EAAE,KAAa,EAAE,GAAwB;QAC1D,IAAI,CAAC,OAAO,EAAE,CAAC;QACf,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YACjC,OAAO;SACR;QAED,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACtC,IAAI,CAAC,OAAO,CAAC,yBAAyB;YACpC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,yBAAyB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC;YACnG,CAAC,CAAC,IAAI,CAAC,0BAA0B,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBAEtD,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE;oBACjD,OAAO;iBACR;gBACD,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;gBACjC,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;gBACtC,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;gBAChC,IAAI,CAAC,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;YAC/D,CAAC,CAAC,CAAC;QACP,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,UAAU,EAAE,GAAG,CAAC,CAAC;IACtC,CAAC;CACF;AA5BD,sBA4BC","file":"state.js","sourcesContent":["import type { IAnimate, IStep } from '../intreface/animate';\nimport type { EasingType } from '../intreface/easing';\nimport { ACustomAnimate } from './custom-animate';\n\nexport interface IUpdateAnimationOptions {\n  diffAttrs: Record<string, any>;\n  animationState: string;\n  diffState: string;\n  data: Record<string, any>[];\n}\n\n/**\n * 文本输入动画，实现类似打字机的字符逐个显示效果\n * 支持通过beforeText和afterText参数添加前缀和后缀\n * 支持通过showCursor参数显示光标，cursorChar自定义光标字符\n */\nexport class State extends ACustomAnimate<Record<string, number>> {\n  declare valid: boolean;\n\n  constructor(from: null, to: null, duration: number, easing: EasingType, params?: IUpdateAnimationOptions) {\n    super(from, to, duration, easing, params);\n  }\n\n  update(end: boolean, ratio: number, out: Record<string, any>): void {\n    this.onStart();\n    if (!this.props || !this.propKeys) {\n      return;\n    }\n    // 应用缓动函数\n    const easedRatio = this.easing(ratio);\n    this.animate.interpolateUpdateFunction\n      ? this.animate.interpolateUpdateFunction(this.fromProps, this.props, easedRatio, this, this.target)\n      : this.interpolateUpdateFunctions.forEach((func, index) => {\n          // 如果这个属性被屏蔽了，直接跳过\n          if (!this.animate.validAttr(this.propKeys[index])) {\n            return;\n          }\n          const key = this.propKeys[index];\n          const fromValue = this.fromProps[key];\n          const toValue = this.props[key];\n          func(key, fromValue, toValue, easedRatio, this, this.target);\n        });\n    this.onUpdate(end, easedRatio, out);\n  }\n}\n"]}

package/cjs/custom/tag-points.d.ts

@@ -0,0 +1,26 @@
+import type { IPointLike } from '@visactor/vutils';
+import { ACustomAnimate } from './custom-animate';
+import type { ISegment } from '@visactor/vrender-core';
+import type { EasingType } from '../intreface/easing';
+export declare class TagPointsUpdate extends ACustomAnimate<{
+    points?: IPointLike[];
+    segments?: ISegment[];
+}> {
+    protected fromPoints: IPointLike[];
+    protected toPoints: IPointLike[];
+    protected points: IPointLike[];
+    protected interpolatePoints: [IPointLike, IPointLike][];
+    protected newPointAnimateType: 'grow' | 'appear' | 'clip';
+    protected clipRange: number;
+    protected shrinkClipRange: number;
+    protected clipRangeByDimension: 'x' | 'y';
+    protected segmentsCache: number[];
+    constructor(from: any, to: any, duration: number, easing: EasingType, params?: {
+        newPointAnimateType?: 'grow' | 'appear' | 'clip';
+        clipRangeByDimension?: 'x' | 'y';
+    });
+    private getPoints;
+    onBind(): void;
+    onFirstRun(): void;
+    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+}

package/cjs/custom/tag-points.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.TagPointsUpdate = void 0;
+
+const vutils_1 = require("@visactor/vutils"), custom_animate_1 = require("./custom-animate"), vrender_core_1 = require("@visactor/vrender-core");
+
+class TagPointsUpdate extends custom_animate_1.ACustomAnimate {
+    constructor(from, to, duration, easing, params) {
+        var _a, _b;
+        super(from, to, duration, easing, params), this.newPointAnimateType = null !== (_a = null == params ? void 0 : params.newPointAnimateType) && void 0 !== _a ? _a : "grow", 
+        this.clipRangeByDimension = null !== (_b = null == params ? void 0 : params.clipRangeByDimension) && void 0 !== _b ? _b : "x";
+    }
+    getPoints(attribute, cache = !1) {
+        if (attribute.points) return attribute.points;
+        if (attribute.segments) {
+            const points = [];
+            return this.segmentsCache || (this.segmentsCache = []), attribute.segments.map((segment => {
+                var _a, _b;
+                segment.points && points.push(...segment.points), cache && this.segmentsCache.push(null !== (_b = null === (_a = segment.points) || void 0 === _a ? void 0 : _a.length) && void 0 !== _b ? _b : 0);
+            })), points;
+        }
+        return [];
+    }
+    onBind() {
+        const originFromPoints = this.getPoints(this.from), originToPoints = this.getPoints(this.to, !0);
+        this.fromPoints = originFromPoints ? Array.isArray(originFromPoints) ? originFromPoints : [ originFromPoints ] : [], 
+        this.toPoints = originToPoints ? Array.isArray(originToPoints) ? originToPoints : [ originToPoints ] : [];
+        const tagMap = new Map;
+        this.fromPoints.forEach((point => {
+            point.context && tagMap.set(point.context, point);
+        }));
+        let firstMatchedPoint, lastMatchedPoint, firstMatchedIndex = 1 / 0, lastMatchedIndex = -1 / 0;
+        for (let i = 0; i < this.toPoints.length; i += 1) if (tagMap.has(this.toPoints[i].context)) {
+            firstMatchedIndex = i, firstMatchedPoint = tagMap.get(this.toPoints[i].context);
+            break;
+        }
+        for (let i = this.toPoints.length - 1; i >= 0; i -= 1) if (tagMap.has(this.toPoints[i].context)) {
+            lastMatchedIndex = i, lastMatchedPoint = tagMap.get(this.toPoints[i].context);
+            break;
+        }
+        "clip" === this.newPointAnimateType && 0 !== this.toPoints.length && (Number.isFinite(lastMatchedIndex) ? (this.clipRange = this.toPoints[lastMatchedIndex][this.clipRangeByDimension] / this.toPoints[this.toPoints.length - 1][this.clipRangeByDimension], 
+        1 === this.clipRange && (this.shrinkClipRange = this.toPoints[lastMatchedIndex][this.clipRangeByDimension] / this.fromPoints[this.fromPoints.length - 1][this.clipRangeByDimension]), 
+        (0, vutils_1.isValidNumber)(this.clipRange) ? this.clipRange = (0, vutils_1.clamp)(this.clipRange, 0, 1) : this.clipRange = 0) : this.clipRange = 0);
+        let prevMatchedPoint = this.toPoints[0];
+        this.interpolatePoints = this.toPoints.map(((point, index) => {
+            const matchedPoint = tagMap.get(point.context);
+            return matchedPoint ? (prevMatchedPoint = matchedPoint, [ matchedPoint, point ]) : "appear" === this.newPointAnimateType || "clip" === this.newPointAnimateType ? [ point, point ] : index < firstMatchedIndex && firstMatchedPoint ? [ firstMatchedPoint, point ] : index > lastMatchedIndex && lastMatchedPoint ? [ lastMatchedPoint, point ] : [ prevMatchedPoint, point ];
+        })), this.points = this.interpolatePoints.map((interpolate => {
+            const fromPoint = interpolate[0], toPoint = interpolate[1], newPoint = new vutils_1.Point(fromPoint.x, fromPoint.y, fromPoint.x1, fromPoint.y1);
+            return newPoint.defined = toPoint.defined, newPoint.context = toPoint.context, newPoint;
+        }));
+    }
+    onFirstRun() {
+        const lastClipRange = this.target.attribute.clipRange;
+        (0, vutils_1.isValidNumber)(lastClipRange * this.clipRange) && (this.clipRange *= lastClipRange);
+    }
+    onUpdate(end, ratio, out) {
+        if (this.points = this.points.map(((point, index) => {
+            const newPoint = (0, vrender_core_1.pointInterpolation)(this.interpolatePoints[index][0], this.interpolatePoints[index][1], ratio);
+            return newPoint.context = point.context, newPoint;
+        })), this.clipRange) {
+            if (this.shrinkClipRange) return void (end ? (out.points = this.toPoints, out.clipRange = 1) : (out.points = this.fromPoints, 
+            out.clipRange = this.clipRange - (this.clipRange - this.shrinkClipRange) * ratio));
+            out.clipRange = this.clipRange + (1 - this.clipRange) * ratio;
+        }
+        if (this.segmentsCache && this.to.segments) {
+            let start = 0;
+            out.segments = this.to.segments.map(((segment, index) => {
+                const end = start + this.segmentsCache[index], points = this.points.slice(start, end);
+                return start = end, Object.assign(Object.assign({}, segment), {
+                    points: points
+                });
+            }));
+        } else out.points = this.points;
+    }
+}
+
+exports.TagPointsUpdate = TagPointsUpdate;
+//# sourceMappingURL=tag-points.js.map

package/cjs/custom/tag-points.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/custom/tag-points.ts"],"names":[],"mappings":"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","file":"tag-points.js","sourcesContent":["import type { IPointLike } from '@visactor/vutils';\nimport { clamp, isValidNumber, Point } from '@visactor/vutils';\nimport { ACustomAnimate } from './custom-animate';\nimport type { ISegment } from '@visactor/vrender-core';\nimport { pointInterpolation } from '@visactor/vrender-core';\nimport type { EasingType } from '../intreface/easing';\n\nexport class TagPointsUpdate extends ACustomAnimate<{ points?: IPointLike[]; segments?: ISegment[] }> {\n  protected fromPoints: IPointLike[];\n  protected toPoints: IPointLike[];\n  protected points: IPointLike[];\n  protected interpolatePoints: [IPointLike, IPointLike][];\n  protected newPointAnimateType: 'grow' | 'appear' | 'clip';\n  protected clipRange: number;\n  protected shrinkClipRange: number;\n  protected clipRangeByDimension: 'x' | 'y';\n  protected segmentsCache: number[];\n\n  constructor(\n    from: any,\n    to: any,\n    duration: number,\n    easing: EasingType,\n    params?: { newPointAnimateType?: 'grow' | 'appear' | 'clip'; clipRangeByDimension?: 'x' | 'y' }\n  ) {\n    super(from, to, duration, easing, params);\n    this.newPointAnimateType = params?.newPointAnimateType ?? 'grow';\n    this.clipRangeByDimension = params?.clipRangeByDimension ?? 'x';\n  }\n\n  private getPoints(attribute: typeof this.from, cache = false): IPointLike[] {\n    if (attribute.points) {\n      return attribute.points;\n    }\n\n    if (attribute.segments) {\n      const points = [] as IPointLike[];\n      if (!this.segmentsCache) {\n        this.segmentsCache = [];\n      }\n      attribute.segments.map((segment: any) => {\n        if (segment.points) {\n          points.push(...segment.points);\n        }\n        if (cache) {\n          this.segmentsCache.push(segment.points?.length ?? 0);\n        }\n      });\n      return points;\n    }\n    return [];\n  }\n\n  onBind(): void {\n    const originFromPoints = this.getPoints(this.from);\n    const originToPoints = this.getPoints(this.to, true);\n    this.fromPoints = !originFromPoints ? [] : !Array.isArray(originFromPoints) ? [originFromPoints] : originFromPoints;\n    this.toPoints = !originToPoints ? [] : !Array.isArray(originToPoints) ? [originToPoints] : originToPoints;\n\n    const tagMap = new Map<string, IPointLike>();\n    this.fromPoints.forEach(point => {\n      if (point.context) {\n        tagMap.set(point.context, point);\n      }\n    });\n    let firstMatchedIndex = Infinity;\n    let lastMatchedIndex = -Infinity;\n    let firstMatchedPoint: IPointLike;\n    let lastMatchedPoint: IPointLike;\n    for (let i = 0; i < this.toPoints.length; i += 1) {\n      if (tagMap.has(this.toPoints[i].context)) {\n        firstMatchedIndex = i;\n        firstMatchedPoint = tagMap.get(this.toPoints[i].context);\n        break;\n      }\n    }\n    for (let i = this.toPoints.length - 1; i >= 0; i -= 1) {\n      if (tagMap.has(this.toPoints[i].context)) {\n        lastMatchedIndex = i;\n        lastMatchedPoint = tagMap.get(this.toPoints[i].context);\n        break;\n      }\n    }\n\n    if (this.newPointAnimateType === 'clip') {\n      if (this.toPoints.length !== 0) {\n        if (Number.isFinite(lastMatchedIndex)) {\n          this.clipRange =\n            this.toPoints[lastMatchedIndex][this.clipRangeByDimension] /\n            this.toPoints[this.toPoints.length - 1][this.clipRangeByDimension];\n          if (this.clipRange === 1) {\n            this.shrinkClipRange =\n              this.toPoints[lastMatchedIndex][this.clipRangeByDimension] /\n              this.fromPoints[this.fromPoints.length - 1][this.clipRangeByDimension];\n          }\n          if (!isValidNumber(this.clipRange)) {\n            this.clipRange = 0;\n          } else {\n            this.clipRange = clamp(this.clipRange, 0, 1);\n          }\n        } else {\n          this.clipRange = 0;\n        }\n      }\n    }\n    // TODO: shrink removed points\n    // if no point is matched, animation should start from toPoint[0]\n    let prevMatchedPoint = this.toPoints[0];\n    this.interpolatePoints = this.toPoints.map((point, index) => {\n      const matchedPoint = tagMap.get(point.context);\n      if (matchedPoint) {\n        prevMatchedPoint = matchedPoint;\n        return [matchedPoint, point];\n      }\n      // appear new point\n      if (this.newPointAnimateType === 'appear' || this.newPointAnimateType === 'clip') {\n        return [point, point];\n      }\n      // grow new point\n      if (index < firstMatchedIndex && firstMatchedPoint) {\n        return [firstMatchedPoint, point];\n      } else if (index > lastMatchedIndex && lastMatchedPoint) {\n        return [lastMatchedPoint, point];\n      }\n      return [prevMatchedPoint, point];\n    });\n    this.points = this.interpolatePoints.map(interpolate => {\n      const fromPoint = interpolate[0];\n      const toPoint = interpolate[1];\n      const newPoint = new Point(fromPoint.x, fromPoint.y, fromPoint.x1, fromPoint.y1);\n      newPoint.defined = toPoint.defined;\n      newPoint.context = toPoint.context;\n      return newPoint;\n    });\n  }\n\n  onFirstRun(): void {\n    const lastClipRange = (this.target.attribute as any).clipRange;\n    if (isValidNumber(lastClipRange * this.clipRange)) {\n      this.clipRange *= lastClipRange;\n    }\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n    // if not create new points, multi points animation might not work well.\n    this.points = this.points.map((point, index) => {\n      const newPoint = pointInterpolation(this.interpolatePoints[index][0], this.interpolatePoints[index][1], ratio);\n      newPoint.context = point.context;\n      return newPoint;\n    });\n    if (this.clipRange) {\n      if (this.shrinkClipRange) {\n        // 折线变短\n        if (!end) {\n          out.points = this.fromPoints;\n          out.clipRange = this.clipRange - (this.clipRange - this.shrinkClipRange) * ratio;\n        } else {\n          out.points = this.toPoints;\n          out.clipRange = 1;\n        }\n        return;\n      }\n      out.clipRange = this.clipRange + (1 - this.clipRange) * ratio;\n    }\n    if (this.segmentsCache && this.to.segments) {\n      let start = 0;\n      out.segments = this.to.segments.map((segment: any, index: any) => {\n        const end = start + this.segmentsCache[index];\n        const points = this.points.slice(start, end);\n        start = end;\n        return {\n          ...segment,\n          points\n        };\n      });\n    } else {\n      out.points = this.points;\n    }\n  }\n}\n"]}

package/cjs/custom/update.d.ts

@@ -0,0 +1,14 @@
+import type { EasingType } from '../intreface/easing';
+import { ACustomAnimate } from './custom-animate';
+export interface IUpdateAnimationOptions {
+    diffAttrs: Record<string, any>;
+    animationState: string;
+    diffState: string;
+    data: Record<string, any>[];
+}
+export declare class Update extends ACustomAnimate<Record<string, number>> {
+    valid: boolean;
+    params: IUpdateAnimationOptions;
+    constructor(from: null, to: null, duration: number, easing: EasingType, params?: IUpdateAnimationOptions);
+    update(end: boolean, ratio: number, out: Record<string, any>): void;
+}

package/cjs/custom/update.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Update = void 0;
+
+const custom_animate_1 = require("./custom-animate");
+
+class Update extends custom_animate_1.ACustomAnimate {
+    constructor(from, to, duration, easing, params) {
+        const {diffAttrs: diffAttrs = {}} = params;
+        super(from, diffAttrs, duration, easing, params), this.params = 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);
+    }
+}
+
+exports.Update = Update;
+//# sourceMappingURL=update.js.map

package/cjs/custom/update.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/custom/update.ts"],"names":[],"mappings":";;;AAEA,qDAAkD;AAclD,MAAa,MAAO,SAAQ,+BAAsC;IAIhE,YAAY,IAAU,EAAE,EAAQ,EAAE,QAAgB,EAAE,MAAkB,EAAE,MAAgC;QACtG,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,MAAM,CAAC;QAClC,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;QACjD,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACvB,CAAC;IAED,MAAM,CAAC,GAAY,EAAE,KAAa,EAAE,GAAwB;QAC1D,IAAI,CAAC,OAAO,EAAE,CAAC;QACf,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YACjC,OAAO;SACR;QAED,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACtC,IAAI,CAAC,OAAO,CAAC,yBAAyB;YACpC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,yBAAyB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC;YACnG,CAAC,CAAC,IAAI,CAAC,0BAA0B,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBAEtD,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE;oBACjD,OAAO;iBACR;gBACD,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;gBACjC,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;gBACtC,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;gBAChC,IAAI,CAAC,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;YAC/D,CAAC,CAAC,CAAC;QACP,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,UAAU,EAAE,GAAG,CAAC,CAAC;IACtC,CAAC;CACF;AA/BD,wBA+BC","file":"update.js","sourcesContent":["import type { IAnimate, IStep } from '../intreface/animate';\nimport type { EasingType } from '../intreface/easing';\nimport { ACustomAnimate } from './custom-animate';\n\nexport interface IUpdateAnimationOptions {\n  diffAttrs: Record<string, any>;\n  animationState: string;\n  diffState: string;\n  data: Record<string, any>[];\n}\n\n/**\n * 文本输入动画，实现类似打字机的字符逐个显示效果\n * 支持通过beforeText和afterText参数添加前缀和后缀\n * 支持通过showCursor参数显示光标，cursorChar自定义光标字符\n */\nexport class Update extends ACustomAnimate<Record<string, number>> {\n  declare valid: boolean;\n  params: IUpdateAnimationOptions;\n\n  constructor(from: null, to: null, duration: number, easing: EasingType, params?: IUpdateAnimationOptions) {\n    const { diffAttrs = {} } = params;\n    super(from, diffAttrs, duration, easing, params);\n    this.params = params;\n  }\n\n  update(end: boolean, ratio: number, out: Record<string, any>): void {\n    this.onStart();\n    if (!this.props || !this.propKeys) {\n      return;\n    }\n    // 应用缓动函数\n    const easedRatio = this.easing(ratio);\n    this.animate.interpolateUpdateFunction\n      ? this.animate.interpolateUpdateFunction(this.fromProps, this.props, easedRatio, this, this.target)\n      : this.interpolateUpdateFunctions.forEach((func, index) => {\n          // 如果这个属性被屏蔽了，直接跳过\n          if (!this.animate.validAttr(this.propKeys[index])) {\n            return;\n          }\n          const key = this.propKeys[index];\n          const fromValue = this.fromProps[key];\n          const toValue = this.props[key];\n          func(key, fromValue, toValue, easedRatio, this, this.target);\n        });\n    this.onUpdate(end, easedRatio, out);\n  }\n}\n"]}

package/cjs/executor/animate-executor.d.ts

@@ -0,0 +1,36 @@
+import type { IGraphic } from '@visactor/vrender-core';
+import type { IAnimationConfig, IAnimationCustomConstructor } from './executor';
+import type { IAnimate } from '../intreface/animate';
+interface IAnimateExecutor {
+    execute: (params: IAnimationConfig) => void;
+    executeItem: (params: IAnimationConfig, graphic: IGraphic, index?: number) => IAnimate | null;
+    onStart: (cb?: () => void) => void;
+    onEnd: (cb?: () => void) => void;
+}
+export declare class AnimateExecutor implements IAnimateExecutor {
+    static builtInAnimateMap: Record<string, IAnimationCustomConstructor>;
+    static registerBuiltInAnimate(name: string, animate: IAnimationCustomConstructor): void;
+    _target: IGraphic;
+    private _animates;
+    private _startCallbacks;
+    private _endCallbacks;
+    private _started;
+    private _activeCount;
+    constructor(target: IGraphic);
+    onStart(cb?: () => void): void;
+    onEnd(cb?: () => void): void;
+    private _trackAnimation;
+    parseParams(params: IAnimationConfig): IAnimationConfig;
+    execute(params: IAnimationConfig): void;
+    private executeTypeConfigItem;
+    private _handleRunAnimate;
+    private executeTimelineItem;
+    private applyTimeSliceToAnimate;
+    private createCustomInterpolatorAnimation;
+    private createCustomAnimation;
+    private createPropsFromChannel;
+    private resolveValue;
+    executeItem(params: IAnimationConfig, graphic: IGraphic, index?: number, count?: number): IAnimate | null;
+    stop(type?: 'start' | 'end' | Record<string, any>): void;
+}
+export {};

package/cjs/executor/animate-executor.js

@@ -0,0 +1,177 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.AnimateExecutor = void 0;
+
+const vutils_1 = require("@visactor/vutils");
+
+class AnimateExecutor {
+    static registerBuiltInAnimate(name, animate) {
+        AnimateExecutor.builtInAnimateMap[name] = animate;
+    }
+    constructor(target) {
+        this._animates = [], this._startCallbacks = [], this._endCallbacks = [], this._started = !1, 
+        this._activeCount = 0, this._target = target;
+    }
+    onStart(cb) {
+        cb ? (this._startCallbacks.push(cb), this._started && this._activeCount > 0 && cb()) : this._startCallbacks.forEach((cb => {
+            cb();
+        }));
+    }
+    onEnd(cb) {
+        cb ? this._endCallbacks.push(cb) : this._endCallbacks.forEach((cb => {
+            cb();
+        }));
+    }
+    _trackAnimation(animate) {
+        this._animates.push(animate), this._activeCount++, 1 !== this._activeCount || this._started || (this._started = !0, 
+        this.onStart()), animate.onEnd((() => {
+            this._activeCount--;
+            const index = this._animates.indexOf(animate);
+            index >= 0 && this._animates.splice(index, 1), 0 === this._activeCount && this._started && (this._started = !1, 
+            this.onEnd());
+        }));
+    }
+    parseParams(params) {
+        const isTimeline = "timeSlices" in params, totalTime = this.resolveValue(params.totalTime, void 0, void 0), startTime = this.resolveValue(params.startTime, void 0, 0), parsedParams = (0, 
+        vutils_1.cloneDeep)(params);
+        parsedParams.oneByOneDelay = 0, parsedParams.startTime = startTime, parsedParams.totalTime = totalTime;
+        const oneByOne = this.resolveValue(params.oneByOne, void 0, !1);
+        if (isTimeline) {
+            const timeSlices = parsedParams.timeSlices;
+            (0, vutils_1.isArray)(timeSlices) || (parsedParams.timeSlices = [ timeSlices ]);
+            let sliceTime = 0;
+            parsedParams.timeSlices.forEach((slice => {
+                slice.delay = this.resolveValue(slice.delay, void 0, 0), slice.delayAfter = this.resolveValue(slice.delayAfter, void 0, 0), 
+                slice.duration = this.resolveValue(slice.duration, void 0, 300), sliceTime += slice.delay + slice.duration + slice.delayAfter;
+            }));
+            let oneByOneDelay = 0, oneByOneTime = 0;
+            if (oneByOne && (oneByOneTime = Number(oneByOne), oneByOneDelay = oneByOneTime), 
+            parsedParams.oneByOne = oneByOneTime, parsedParams.oneByOneDelay = oneByOneDelay, 
+            totalTime) {
+                const _totalTime = sliceTime + oneByOneDelay * (this._target.count - 2), scale = totalTime ? totalTime / _totalTime : 1;
+                parsedParams.timeSlices.forEach((slice => {
+                    slice.delay = slice.delay * scale, slice.delayAfter = slice.delayAfter * scale, 
+                    slice.duration = slice.duration * scale;
+                })), parsedParams.oneByOne = oneByOneTime * scale, parsedParams.oneByOneDelay = oneByOneDelay * scale, 
+                parsedParams.startTime = startTime * scale;
+            }
+        } else {
+            const delay = this.resolveValue(params.delay, void 0, 0), delayAfter = this.resolveValue(params.delayAfter, void 0, 0), duration = this.resolveValue(params.duration, void 0, 300);
+            let oneByOneDelay = 0, oneByOneTime = 0;
+            if (oneByOne && (oneByOneTime = Number(oneByOne), oneByOneDelay = duration + oneByOneTime), 
+            parsedParams.oneByOne = oneByOneTime, parsedParams.oneByOneDelay = oneByOneDelay, 
+            totalTime) {
+                const _totalTime = delay + delayAfter + duration + oneByOneDelay * (this._target.count - 2), scale = totalTime ? totalTime / _totalTime : 1;
+                parsedParams.delay = delay * scale, parsedParams.delayAfter = delayAfter * scale, 
+                parsedParams.duration = duration * scale, parsedParams.oneByOne = oneByOneTime * scale, 
+                parsedParams.oneByOneDelay = oneByOneDelay * scale, parsedParams.startTime = startTime;
+            }
+        }
+        return parsedParams;
+    }
+    execute(params) {
+        const isTimeline = "timeSlices" in params;
+        let filteredChildren;
+        isTimeline && params.partitioner && (filteredChildren = (null != filteredChildren ? filteredChildren : this._target.getChildren()).filter((child => {
+            var _a;
+            return params.partitioner(null === (_a = child.context) || void 0 === _a ? void 0 : _a.data, child, {});
+        }))), isTimeline && params.sort && (filteredChildren = null != filteredChildren ? filteredChildren : this._target.getChildren(), 
+        filteredChildren.sort(((a, b) => {
+            var _a, _b;
+            return params.sort(null === (_a = a.context) || void 0 === _a ? void 0 : _a.data, null === (_b = b.context) || void 0 === _b ? void 0 : _b.data, a, b, {});
+        })));
+        const parsedParams = this.parseParams(params), cb = isTimeline ? (child, index, count) => {
+            const animate = this.executeTimelineItem(parsedParams, child, index, count);
+            animate && this._trackAnimation(animate);
+        } : (child, index, count) => {
+            const 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;
+        const {type: type, channel: channel, customParameters: customParameters, easing: easing = "linear", delay: delay = 0, delayAfter: delayAfter = 0, duration: duration = 300, startTime: startTime = 0, oneByOneDelay: oneByOneDelay = 0, loop: loop, bounce: bounce, priority: priority = 0, options: options, controlOptions: controlOptions} = params, custom = null !== (_a = params.custom) && void 0 !== _a ? _a : AnimateExecutor.builtInAnimateMap[type], animate = graphic.animate();
+        animate.priority = priority;
+        const delayValue = delay, datum = null === (_c = null === (_b = graphic.context) || void 0 === _b ? void 0 : _b.data) || void 0 === _c ? void 0 : _c[0], indexKey = null === (_d = graphic.context) || void 0 === _d ? void 0 : _d.indexKey;
+        datum && indexKey && (index = null !== (_e = datum[indexKey]) && void 0 !== _e ? _e : index), 
+        animate.startAt(startTime), animate.wait(index * oneByOneDelay), delayValue > 0 && animate.wait(delayValue);
+        const props = null !== (_f = params.to) && void 0 !== _f ? _f : this.createPropsFromChannel(channel, graphic);
+        return this._handleRunAnimate(animate, custom, props, duration, easing, customParameters, options, type, graphic), 
+        oneByOneDelay && animate.wait(oneByOneDelay * (count - index - 1)), delayAfter > 0 && animate.wait(delayAfter), 
+        loop && loop > 0 && animate.loop(loop), bounce && animate.bounce(!0), animate;
+    }
+    _handleRunAnimate(animate, custom, props, duration, easing, customParameters, options, type, graphic) {
+        if (custom) {
+            const customParams = this.resolveValue(customParameters, graphic, {}), objOptions = (0, 
+            vutils_1.isFunction)(options) ? options.call(null, customParameters.data && customParameters.data[0], graphic, customParameters) : options;
+            customParams.options = objOptions, (0, vutils_1.isFunction)(custom) && (/^class\s/.test(Function.prototype.toString.call(custom)) ? this.createCustomAnimation(animate, custom, props, duration, easing, customParams) : 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: 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);
+        })), oneByOneDelay && animate.wait(oneByOneDelay * (count - index - 1)), animate;
+    }
+    applyTimeSliceToAnimate(slice, animate, graphic) {
+        const {effects: effects, duration: duration = 300, delay: delay = 0, delayAfter: delayAfter = 0} = slice, delayValue = delay, delayAfterValue = delayAfter;
+        delayValue > 0 && animate.wait(delayValue);
+        (Array.isArray(effects) ? effects : [ effects ]).forEach((effect => {
+            var _a;
+            const {type: type = "to", channel: channel, customParameters: customParameters, easing: easing = "linear", options: options} = effect, custom = null !== (_a = effect.custom) && void 0 !== _a ? _a : AnimateExecutor.builtInAnimateMap[type], props = this.createPropsFromChannel(channel, graphic);
+            this._handleRunAnimate(animate, custom, props, duration, easing, customParameters, options, type, graphic);
+        })), delayAfterValue > 0 && animate.wait(delayAfterValue);
+    }
+    createCustomInterpolatorAnimation(animate, interpolator, props, duration, easing, customParams) {
+        const from = {}, to = props;
+        Object.keys(to).forEach((key => {
+            from[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, props, duration, easing, customParams) {
+        const from = {}, to = props;
+        Object.keys(to).forEach((key => {
+            from[key] = animate.target.getComputedAttribute(key);
+        }));
+        const customAnimate = new CustomAnimateConstructor(from, to, duration, easing, customParams);
+        animate.play(customAnimate);
+    }
+    createPropsFromChannel(channel, graphic) {
+        const props = {};
+        return channel ? (Array.isArray(channel) || Object.entries(channel).forEach((([key, config]) => {
+            var _a;
+            void 0 !== config.to && ("function" == typeof config.to ? props[key] = config.to(null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.data, graphic, {}) : props[key] = config.to);
+        })), props) : props;
+    }
+    resolveValue(value, graphic, defaultValue) {
+        var _a;
+        return void 0 === value ? defaultValue : "function" == typeof value && graphic ? value(null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.data, graphic, {}) : value;
+    }
+    executeItem(params, graphic, index = 0, count = 1) {
+        if (!graphic) return null;
+        let animate = null;
+        return animate = "timeSlices" in params ? this.executeTimelineItem(params, graphic, index, count) : this.executeTypeConfigItem(params, 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());
+    }
+}
+
+exports.AnimateExecutor = AnimateExecutor, AnimateExecutor.builtInAnimateMap = {};
+//# sourceMappingURL=animate-executor.js.map

package/cjs/executor/animate-executor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/executor/animate-executor.ts"],"names":[],"mappings":";;;AAeA,6CAAyE;AASzE,MAAa,eAAe;IAG1B,MAAM,CAAC,sBAAsB,CAAC,IAAY,EAAE,OAAoC;QAC9E,eAAe,CAAC,iBAAiB,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC;IACpD,CAAC;IAkBD,YAAY,MAAgB;QAbpB,cAAS,GAAe,EAAE,CAAC;QAG3B,oBAAe,GAAmB,EAAE,CAAC;QAErC,kBAAa,GAAmB,EAAE,CAAC;QAGnC,aAAQ,GAAY,KAAK,CAAC;QAG1B,iBAAY,GAAW,CAAC,CAAC;QAG/B,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;IACxB,CAAC;IAKD,OAAO,CAAC,EAAe;QACrB,IAAI,EAAE,EAAE;YACN,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YAG9B,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,YAAY,GAAG,CAAC,EAAE;gBAC1C,EAAE,EAAE,CAAC;aACN;SACF;aAAM;YACL,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;gBAChC,EAAE,EAAE,CAAC;YACP,CAAC,CAAC,CAAC;SACJ;IACH,CAAC;IAKD,KAAK,CAAC,EAAe;QACnB,IAAI,EAAE,EAAE;YACN,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;SAC7B;aAAM;YACL,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;gBAC9B,EAAE,EAAE,CAAC;YACP,CAAC,CAAC,CAAC;SACJ;IACH,CAAC;IAKO,eAAe,CAAC,OAAiB;QACvC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC7B,IAAI,CAAC,YAAY,EAAE,CAAC;QAGpB,IAAI,IAAI,CAAC,YAAY,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAC7C,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;YACrB,IAAI,CAAC,OAAO,EAAE,CAAC;SAChB;QAGD,OAAO,CAAC,KAAK,CAAC,GAAG,EAAE;YACjB,IAAI,CAAC,YAAY,EAAE,CAAC;YAGpB,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAC9C,IAAI,KAAK,IAAI,CAAC,EAAE;gBACd,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;aACjC;YAGD,IAAI,IAAI,CAAC,YAAY,KAAK,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE;gBAC5C,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;gBACtB,IAAI,CAAC,KAAK,EAAE,CAAC;aACd;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,WAAW,CAAC,MAAwB;QAClC,MAAM,UAAU,GAAG,YAAY,IAAI,MAAM,CAAC;QAE1C,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;QAC5E,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC;QAIpE,MAAM,YAAY,GAAG,IAAA,kBAAS,EAAC,MAAM,CAAC,CAAC;QACvC,YAAY,CAAC,aAAa,GAAG,CAAC,CAAC;QAC/B,YAAY,CAAC,SAAS,GAAG,SAAS,CAAC;QACnC,YAAY,CAAC,SAAS,GAAG,SAAS,CAAC;QAEnC,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC;QAEtE,IAAI,UAAU,EAAE;YACd,MAAM,UAAU,GAAI,YAAmC,CAAC,UAAU,CAAC;YACnE,IAAI,CAAC,IAAA,gBAAO,EAAC,UAAU,CAAC,EAAE;gBACvB,YAAmC,CAAC,UAAU,GAAG,CAAC,UAAU,CAAC,CAAC;aAChE;YACD,IAAI,SAAS,GAAG,CAAC,CAAC;YAChB,YAAmC,CAAC,UAAoC,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;gBACzF,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC;gBAC3D,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,UAAU,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC;gBACrE,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,CAAC,CAAC;gBACnE,SAAS,IAAI,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC;YAC/D,CAAC,CAAC,CAAC;YACH,IAAI,aAAa,GAAG,CAAC,CAAC;YACtB,IAAI,YAAY,GAAG,CAAC,CAAC;YACrB,IAAI,QAAQ,EAAE;gBACZ,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;gBAChC,aAAa,GAAG,YAAY,CAAC;aAC9B;YACD,YAAY,CAAC,QAAQ,GAAG,YAAY,CAAC;YACrC,YAAY,CAAC,aAAa,GAAG,aAAa,CAAC;YAE3C,IAAI,SAAS,EAAE;gBACb,MAAM,UAAU,GAAG,SAAS,GAAG,aAAa,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;gBACxE,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;gBACnD,YAAmC,CAAC,UAAoC,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;oBACzF,KAAK,CAAC,KAAK,GAAI,KAAK,CAAC,KAAgB,GAAG,KAAK,CAAC;oBAC9C,KAAK,CAAC,UAAU,GAAI,KAAK,CAAC,UAAqB,GAAG,KAAK,CAAC;oBACxD,KAAK,CAAC,QAAQ,GAAI,KAAK,CAAC,QAAmB,GAAG,KAAK,CAAC;gBACtD,CAAC,CAAC,CAAC;gBACH,YAAY,CAAC,QAAQ,GAAG,YAAY,GAAG,KAAK,CAAC;gBAC7C,YAAY,CAAC,aAAa,GAAG,aAAa,GAAG,KAAK,CAAC;gBAClD,YAAmC,CAAC,SAAS,GAAG,SAAS,GAAG,KAAK,CAAC;aACpE;SACF;aAAM;YACL,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC;YAC5D,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,UAAU,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC;YACtE,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,CAAC,CAAC;YAEpE,IAAI,aAAa,GAAG,CAAC,CAAC;YACtB,IAAI,YAAY,GAAG,CAAC,CAAC;YACrB,IAAI,QAAQ,EAAE;gBACZ,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;gBAChC,aAAa,GAAG,QAAQ,GAAG,YAAY,CAAC;aACzC;YACD,YAAY,CAAC,QAAQ,GAAG,YAAY,CAAC;YACrC,YAAY,CAAC,aAAa,GAAG,aAAa,CAAC;YAE3C,IAAI,SAAS,EAAE;gBACb,MAAM,UAAU,GAAG,KAAK,GAAG,UAAU,GAAG,QAAQ,GAAG,aAAa,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;gBAC5F,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;gBACrD,YAAY,CAAC,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;gBACnC,YAAY,CAAC,UAAU,GAAG,UAAU,GAAG,KAAK,CAAC;gBAC7C,YAAY,CAAC,QAAQ,GAAG,QAAQ,GAAG,KAAK,CAAC;gBACzC,YAAY,CAAC,QAAQ,GAAG,YAAY,GAAG,KAAK,CAAC;gBAC7C,YAAY,CAAC,aAAa,GAAG,aAAa,GAAG,KAAK,CAAC;gBAClD,YAAqC,CAAC,SAAS,GAAG,SAAS,CAAC;aAC9D;SACF;QAED,OAAO,YAAY,CAAC;IACtB,CAAC;IAKD,OAAO,CAAC,MAAwB;QAE9B,MAAM,UAAU,GAAG,YAAY,IAAI,MAAM,CAAC;QAG1C,IAAI,gBAA4B,CAAC;QAGjC,IAAI,UAAU,IAAI,MAAM,CAAC,WAAW,EAAE;YACpC,gBAAgB,GAAG,CAAC,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAK,IAAI,CAAC,OAAO,CAAC,WAAW,EAAiB,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;;gBACjG,OAAQ,MAA6B,CAAC,WAAW,CAAC,MAAC,KAAK,CAAC,OAAe,0CAAE,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;YAC7F,CAAC,CAAC,CAAC;SACJ;QAGD,IAAI,UAAU,IAAK,MAA6B,CAAC,IAAI,EAAE;YACrD,gBAAgB,GAAG,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAK,IAAI,CAAC,OAAO,CAAC,WAAW,EAAiB,CAAC;YAClF,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;;gBAC7B,OAAQ,MAA6B,CAAC,IAAI,CAAC,MAAC,CAAC,CAAC,OAAe,0CAAE,IAAI,EAAE,MAAC,CAAC,CAAC,OAAe,0CAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;YAC3G,CAAC,CAAC,CAAC;SACJ;QAED,MAAM,YAAY,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAE9C,MAAM,EAAE,GAAG,UAAU;YACnB,CAAC,CAAC,CAAC,KAAe,EAAE,KAAa,EAAE,KAAa,EAAE,EAAE;gBAEhD,MAAM,OAAO,GAAG,IAAI,CAAC,mBAAmB,CAAC,YAAkC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;gBAClG,IAAI,OAAO,EAAE;oBACX,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;iBAC/B;YACH,CAAC;YACH,CAAC,CAAC,CAAC,KAAe,EAAE,KAAa,EAAE,KAAa,EAAE,EAAE;gBAEhD,MAAM,OAAO,GAAG,IAAI,CAAC,qBAAqB,CAAC,YAAoC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;gBACtG,IAAI,OAAO,EAAE;oBACX,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;iBAC/B;YACH,CAAC,CAAC;QAGN,IAAI,gBAAgB,EAAE;YACpB,gBAAgB,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC;SACvF;aAAM,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC,EAAE;YAClC,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;SACxB;aAAM;YACL,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC,KAAiB,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;SACtG;QAED,OAAO;IACT,CAAC;IAKO,qBAAqB,CAC3B,MAA4B,EAC5B,OAAiB,EACjB,KAAa,EACb,KAAa;;QAEb,MAAM,EACJ,IAAI,EACJ,OAAO,EACP,gBAAgB,EAChB,MAAM,GAAG,QAAQ,EACjB,KAAK,GAAG,CAAC,EACT,UAAU,GAAG,CAAC,EACd,QAAQ,GAAG,GAAG,EACd,SAAS,GAAG,CAAC,EACb,aAAa,GAAG,CAAC,EACjB,IAAI,EACJ,MAAM,EACN,QAAQ,GAAG,CAAC,EACZ,OAAO,EACP,cAAc,EACf,GAAG,MAAa,CAAC;QAClB,MAAM,MAAM,GAAG,MAAA,MAAM,CAAC,MAAM,mCAAI,eAAe,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;QAGxE,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,EAAyB,CAAC;QACzD,OAAO,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAE5B,MAAM,UAAU,GAAG,KAAe,CAAC;QAGnC,MAAM,KAAK,GAAG,MAAA,MAAA,OAAO,CAAC,OAAO,0CAAE,IAAI,0CAAG,CAAC,CAAC,CAAC;QACzC,MAAM,QAAQ,GAAG,MAAA,OAAO,CAAC,OAAO,0CAAE,QAAQ,CAAC;QAC3C,IAAI,KAAK,IAAI,QAAQ,EAAE;YACrB,KAAK,GAAG,MAAA,KAAK,CAAC,QAAQ,CAAC,mCAAI,KAAK,CAAC;SAClC;QAGD,OAAO,CAAC,OAAO,CAAC,SAAmB,CAAC,CAAC;QACrC,OAAO,CAAC,IAAI,CAAC,KAAK,GAAG,aAAa,CAAC,CAAC;QAGpC,IAAI,UAAU,GAAG,CAAC,EAAE;YAClB,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SAC1B;QAGD,MAAM,KAAK,GAAG,MAAA,MAAM,CAAC,EAAE,mCAAI,IAAI,CAAC,sBAAsB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QAEzE,IAAI,CAAC,iBAAiB,CACpB,OAAO,EACP,MAAM,EACN,KAAK,EACL,QAAkB,EAClB,MAAM,EACN,gBAAgB,EAChB,OAAO,EACP,IAAI,EACJ,OAAO,CACR,CAAC;QAEF,IAAI,aAAa,EAAE;YACjB,OAAO,CAAC,IAAI,CAAC,aAAa,GAAG,CAAC,KAAK,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;SACnD;QAGD,IAAK,UAAqB,GAAG,CAAC,EAAE;YAC9B,OAAO,CAAC,IAAI,CAAC,UAAoB,CAAC,CAAC;SACpC;QAGD,IAAI,IAAI,IAAK,IAAe,GAAG,CAAC,EAAE;YAChC,OAAO,CAAC,IAAI,CAAC,IAAc,CAAC,CAAC;SAC9B;QAGD,IAAI,MAAM,EAAE;YACV,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;SACtB;QAED,OAAO,OAAO,CAAC;IACjB,CAAC;IAEO,iBAAiB,CACvB,OAAiB,EACjB,MAAmE,EACnE,KAA0B,EAC1B,QAAgB,EAChB,MAAkB,EAClB,gBAAqB,EACrB,OAAY,EACZ,IAAY,EACZ,OAAiB;QAGjB,IAAI,MAAM,EAAE;YACV,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,gBAAgB,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC;YACtE,MAAM,UAAU,GAAG,IAAA,mBAAU,EAAC,OAAO,CAAC;gBACpC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,gBAAgB,CAAC,IAAI,IAAI,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,gBAAgB,CAAC;gBAClG,CAAC,CAAC,OAAO,CAAC;YACZ,YAAY,CAAC,OAAO,GAAG,UAAU,CAAC;YAClC,IAAI,IAAA,mBAAU,EAAC,MAAM,CAAC,EAAE;gBACtB,IAAI,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE;oBAE7D,IAAI,CAAC,qBAAqB,CACxB,OAAO,EACP,MAAqC,EACrC,KAAK,EACL,QAAkB,EAClB,MAAM,EACN,YAAY,CACb,CAAC;iBACH;qBAAM;oBAEL,IAAI,CAAC,iCAAiC,CACpC,OAAO,EACP,MAAuC,EACvC,KAAK,EACL,QAAkB,EAClB,MAAM,EACN,YAAY,CACb,CAAC;iBACH;aACF;SACF;aAAM,IAAI,IAAI,KAAK,IAAI,EAAE;YACxB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,QAAkB,EAAE,MAAM,CAAC,CAAC;SAC/C;aAAM,IAAI,IAAI,KAAK,MAAM,EAAE;YAC1B,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,QAAkB,EAAE,MAAM,CAAC,CAAC;SACjD;IACH,CAAC;IAKO,mBAAmB,CAAC,MAA0B,EAAE,OAAiB,EAAE,KAAa,EAAE,KAAa;;QACrG,MAAM,EAAE,UAAU,EAAE,SAAS,GAAG,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,MAAa,CAAC;QAG3G,MAAM,KAAK,GAAG,MAAA,MAAA,OAAO,CAAC,OAAO,0CAAE,IAAI,0CAAG,CAAC,CAAC,CAAC;QACzC,MAAM,QAAQ,GAAG,MAAA,OAAO,CAAC,OAAO,0CAAE,QAAQ,CAAC;QAC3C,IAAI,KAAK,IAAI,QAAQ,EAAE;YACrB,KAAK,GAAG,MAAA,KAAK,CAAC,QAAQ,CAAC,mCAAI,KAAK,CAAC;SAClC;QAGD,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,EAAyB,CAAC;QACzD,OAAO,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAG5B,OAAO,CAAC,OAAO,CAAC,SAAmB,CAAC,CAAC;QACrC,OAAO,CAAC,IAAI,CAAC,KAAK,GAAG,aAAa,CAAC,CAAC;QAGpC,IAAI,IAAI,IAAK,IAAe,GAAG,CAAC,EAAE;YAChC,OAAO,CAAC,IAAI,CAAC,IAAc,CAAC,CAAC;SAC9B;QAGD,IAAI,MAAM,EAAE;YACV,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;SACtB;QAGD,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;QAErE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACrB,IAAI,CAAC,uBAAuB,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;QACxD,CAAC,CAAC,CAAC;QAGH,IAAI,aAAa,EAAE;YACjB,OAAO,CAAC,IAAI,CAAC,aAAa,GAAG,CAAC,KAAK,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;SACnD;QAED,OAAO,OAAO,CAAC;IACjB,CAAC;IAKO,uBAAuB,CAAC,KAA0B,EAAE,OAAiB,EAAE,OAAiB;QAC9F,MAAM,EAAE,OAAO,EAAE,QAAQ,GAAG,GAAG,EAAE,KAAK,GAAG,CAAC,EAAE,UAAU,GAAG,CAAC,EAAE,GAAG,KAAK,CAAC;QAIrE,MAAM,UAAU,GAAG,KAAe,CAAC;QACnC,MAAM,eAAe,GAAG,UAAoB,CAAC;QAG7C,IAAI,UAAU,GAAG,CAAC,EAAE;YAClB,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SAC1B;QAGD,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;QAElE,YAAY,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;;YAC5B,MAAM,EAAE,IAAI,GAAG,IAAI,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,GAAG,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,CAAC;YAEtF,MAAM,MAAM,GAAG,MAAA,MAAM,CAAC,MAAM,mCAAI,eAAe,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;YAGxE,MAAM,KAAK,GAAG,IAAI,CAAC,sBAAsB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;YAC5D,IAAI,CAAC,iBAAiB,CACpB,OAAO,EACP,MAAM,EACN,KAAK,EACL,QAAkB,EAClB,MAAM,EACN,gBAAgB,EAChB,OAAO,EACP,IAAI,EACJ,OAAO,CACR,CAAC;QACJ,CAAC,CAAC,CAAC;QAGH,IAAI,eAAe,GAAG,CAAC,EAAE;YACvB,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;SAC/B;IACH,CAAC;IAKO,iCAAiC,CACvC,OAAiB,EACjB,YAA2C,EAC3C,KAA0B,EAC1B,QAAgB,EAChB,MAAkB,EAClB,YAAiB;QAGjB,MAAM,IAAI,GAAwB,EAAE,CAAC;QACrC,MAAM,EAAE,GAAG,KAAK,CAAC;QAGjB,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC5B,IAAI,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC;QACvD,CAAC,CAAC,CAAC;QAEH,OAAO,CAAC,yBAAyB,GAAG,CAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;YACpE,YAAY,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;QAC5E,CAAC,CAAC;QAEF,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IACtC,CAAC;IAKO,qBAAqB,CAC3B,OAAiB,EACjB,wBAAqD,EACrD,KAA0B,EAC1B,QAAgB,EAChB,MAAkB,EAClB,YAAiB;QAGjB,MAAM,IAAI,GAAwB,EAAE,CAAC;QACrC,MAAM,EAAE,GAAG,KAAK,CAAC;QAGjB,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC5B,IAAI,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC;QACvD,CAAC,CAAC,CAAC;QAGH,MAAM,aAAa,GAAG,IAAI,wBAAwB,CAAC,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC;QAG7F,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IAC9B,CAAC;IAKO,sBAAsB,CAC5B,OAAyE,EACzE,OAAiB;QAEjB,MAAM,KAAK,GAAwB,EAAE,CAAC;QAEtC,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO,KAAK,CAAC;SACd;QAED,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;YAE3B,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,MAAM,CAAC,EAAE,EAAE;;gBAChD,IAAI,MAAM,CAAC,EAAE,KAAK,SAAS,EAAE;oBAC3B,IAAI,OAAO,MAAM,CAAC,EAAE,KAAK,UAAU,EAAE;wBACnC,KAAK,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,EAAE,CAAC,MAAC,OAAO,CAAC,OAAe,0CAAE,IAAI,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC;qBACrE;yBAAM;wBACL,KAAK,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,EAAE,CAAC;qBACxB;iBACF;YACH,CAAC,CAAC,CAAC;SACJ;QAED,OAAO,KAAK,CAAC;IACf,CAAC;IAKO,YAAY,CAAI,KAA2C,EAAE,OAAkB,EAAE,YAAgB;;QACvG,IAAI,KAAK,KAAK,SAAS,EAAE;YACvB,OAAO,YAAiB,CAAC;SAC1B;QAED,IAAI,OAAO,KAAK,KAAK,UAAU,IAAI,OAAO,EAAE;YAC1C,OAAQ,KAAiC,CAAC,MAAC,OAAO,CAAC,OAAe,0CAAE,IAAI,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC;SACxF;QAED,OAAO,KAAU,CAAC;IACpB,CAAC;IAKD,WAAW,CAAC,MAAwB,EAAE,OAAiB,EAAE,QAAgB,CAAC,EAAE,QAAgB,CAAC;QAC3F,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO,IAAI,CAAC;SACb;QAED,MAAM,UAAU,GAAG,YAAY,IAAI,MAAM,CAAC;QAC1C,IAAI,OAAO,GAAoB,IAAI,CAAC;QAEpC,IAAI,UAAU,EAAE;YAEd,OAAO,GAAG,IAAI,CAAC,mBAAmB,CAAC,MAA4B,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;SACzF;aAAM;YAEL,OAAO,GAAG,IAAI,CAAC,qBAAqB,CAAC,MAA8B,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;SAC7F;QAGD,IAAI,OAAO,EAAE;YACX,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;SAC/B;QAED,OAAO,OAAO,CAAC;IACjB,CAAC;IAKD,IAAI,CAAC,IAA4C;QAE/C,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE;YAChC,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;YACrC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC,IAAI,CAAC,CAAC;SACrB;QAGD,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;QACpB,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC;QAGtB,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACtB,IAAI,CAAC,KAAK,EAAE,CAAC;SACd;IACH,CAAC;;AA9kBH,0CA+kBC;AA9kBQ,iCAAiB,GAAgD,EAAE,CAAC","file":"animate-executor.js","sourcesContent":["import type { IGraphic, IGroup } from '@visactor/vrender-core';\nimport type {\n  IAnimationConfig,\n  IAnimationTimeline,\n  IAnimationTypeConfig,\n  MarkFunctionCallback,\n  MarkFunctionValueType,\n  IAnimationTimeSlice,\n  IAnimationChannelAttrs,\n  IAnimationChannelAttributes,\n  IAnimationCustomConstructor,\n  IAnimationChannelInterpolator\n} from './executor';\nimport type { EasingType } from '../intreface/easing';\nimport type { IAnimate } from '../intreface/animate';\nimport { cloneDeep, isArray, isFunction, scale } from '@visactor/vutils';\n\ninterface IAnimateExecutor {\n  execute: (params: IAnimationConfig) => void;\n  executeItem: (params: IAnimationConfig, graphic: IGraphic, index?: number) => IAnimate | null;\n  onStart: (cb?: () => void) => void;\n  onEnd: (cb?: () => void) => void;\n}\n\nexport class AnimateExecutor implements IAnimateExecutor {\n  static builtInAnimateMap: Record<string, IAnimationCustomConstructor> = {};\n\n  static registerBuiltInAnimate(name: string, animate: IAnimationCustomConstructor) {\n    AnimateExecutor.builtInAnimateMap[name] = animate;\n  }\n\n  declare _target: IGraphic;\n\n  // 所有动画实例\n  private _animates: IAnimate[] = [];\n\n  // 动画开始回调\n  private _startCallbacks: (() => void)[] = [];\n  // 动画结束回调\n  private _endCallbacks: (() => void)[] = [];\n\n  // 是否已经开始动画\n  private _started: boolean = false;\n\n  // 当前正在运行的动画数量\n  private _activeCount: number = 0;\n\n  constructor(target: IGraphic) {\n    this._target = target;\n  }\n\n  /**\n   * 注册一个回调，当动画开始时调用\n   */\n  onStart(cb?: () => void): void {\n    if (cb) {\n      this._startCallbacks.push(cb);\n\n      // 如果动画已经开始，立即调用回调\n      if (this._started && this._activeCount > 0) {\n        cb();\n      }\n    } else {\n      this._startCallbacks.forEach(cb => {\n        cb();\n      });\n    }\n  }\n\n  /**\n   * 注册一个回调，当所有动画结束时调用\n   */\n  onEnd(cb?: () => void): void {\n    if (cb) {\n      this._endCallbacks.push(cb);\n    } else {\n      this._endCallbacks.forEach(cb => {\n        cb();\n      });\n    }\n  }\n\n  /**\n   * 跟踪动画并附加生命周期钩子\n   */\n  private _trackAnimation(animate: IAnimate): void {\n    this._animates.push(animate);\n    this._activeCount++;\n\n    // 如果这是第一个正在运行的动画，触发onStart回调\n    if (this._activeCount === 1 && !this._started) {\n      this._started = true;\n      this.onStart();\n    }\n\n    // 处理动画完成\n    animate.onEnd(() => {\n      this._activeCount--;\n\n      // 从跟踪的动画中移除\n      const index = this._animates.indexOf(animate);\n      if (index >= 0) {\n        this._animates.splice(index, 1);\n      }\n\n      // 如果所有动画都已完成，触发onEnd回调\n      if (this._activeCount === 0 && this._started) {\n        this._started = false;\n        this.onEnd();\n      }\n    });\n  }\n\n  parseParams(params: IAnimationConfig): IAnimationConfig {\n    const isTimeline = 'timeSlices' in params;\n\n    const totalTime = this.resolveValue(params.totalTime, undefined, undefined);\n    const startTime = this.resolveValue(params.startTime, undefined, 0);\n\n    // execute只在mark层面调用，所以性能影响可以忽略\n    // TODO 如果后续调用频繁，需要重新修改\n    const parsedParams = cloneDeep(params);\n    parsedParams.oneByOneDelay = 0;\n    parsedParams.startTime = startTime;\n    parsedParams.totalTime = totalTime;\n\n    const oneByOne = this.resolveValue(params.oneByOne, undefined, false);\n\n    if (isTimeline) {\n      const timeSlices = (parsedParams as IAnimationTimeline).timeSlices;\n      if (!isArray(timeSlices)) {\n        (parsedParams as IAnimationTimeline).timeSlices = [timeSlices];\n      }\n      let sliceTime = 0;\n      ((parsedParams as IAnimationTimeline).timeSlices as IAnimationTimeSlice[]).forEach(slice => {\n        slice.delay = this.resolveValue(slice.delay, undefined, 0);\n        slice.delayAfter = this.resolveValue(slice.delayAfter, undefined, 0);\n        slice.duration = this.resolveValue(slice.duration, undefined, 300);\n        sliceTime += slice.delay + slice.duration + slice.delayAfter;\n      });\n      let oneByOneDelay = 0;\n      let oneByOneTime = 0;\n      if (oneByOne) {\n        oneByOneTime = Number(oneByOne);\n        oneByOneDelay = oneByOneTime;\n      }\n      parsedParams.oneByOne = oneByOneTime;\n      parsedParams.oneByOneDelay = oneByOneDelay;\n\n      if (totalTime) {\n        const _totalTime = sliceTime + oneByOneDelay * (this._target.count - 2);\n        const scale = totalTime ? totalTime / _totalTime : 1;\n        ((parsedParams as IAnimationTimeline).timeSlices as IAnimationTimeSlice[]).forEach(slice => {\n          slice.delay = (slice.delay as number) * scale;\n          slice.delayAfter = (slice.delayAfter as number) * scale;\n          slice.duration = (slice.duration as number) * scale;\n        });\n        parsedParams.oneByOne = oneByOneTime * scale;\n        parsedParams.oneByOneDelay = oneByOneDelay * scale;\n        (parsedParams as IAnimationTimeline).startTime = startTime * scale;\n      }\n    } else {\n      const delay = this.resolveValue(params.delay, undefined, 0);\n      const delayAfter = this.resolveValue(params.delayAfter, undefined, 0);\n      const duration = this.resolveValue(params.duration, undefined, 300);\n\n      let oneByOneDelay = 0;\n      let oneByOneTime = 0;\n      if (oneByOne) {\n        oneByOneTime = Number(oneByOne);\n        oneByOneDelay = duration + oneByOneTime;\n      }\n      parsedParams.oneByOne = oneByOneTime;\n      parsedParams.oneByOneDelay = oneByOneDelay;\n\n      if (totalTime) {\n        const _totalTime = delay + delayAfter + duration + oneByOneDelay * (this._target.count - 2);\n        const scale = totalTime ? totalTime / _totalTime : 1;\n        parsedParams.delay = delay * scale;\n        parsedParams.delayAfter = delayAfter * scale;\n        parsedParams.duration = duration * scale;\n        parsedParams.oneByOne = oneByOneTime * scale;\n        parsedParams.oneByOneDelay = oneByOneDelay * scale;\n        (parsedParams as IAnimationTypeConfig).startTime = startTime;\n      }\n    }\n\n    return parsedParams;\n  }\n\n  /**\n   * 执行动画，针对一组元素\n   */\n  execute(params: IAnimationConfig) {\n    // 判断是否为timeline配置\n    const isTimeline = 'timeSlices' in params;\n\n    // 筛选符合条件的子图元\n    let filteredChildren: IGraphic[];\n\n    // 如果设置了partitioner，则进行筛选\n    if (isTimeline && params.partitioner) {\n      filteredChildren = (filteredChildren ?? (this._target.getChildren() as IGraphic[])).filter(child => {\n        return (params as IAnimationTimeline).partitioner((child.context as any)?.data, child, {});\n      });\n    }\n\n    // 如果需要排序，则进行排序\n    if (isTimeline && (params as IAnimationTimeline).sort) {\n      filteredChildren = filteredChildren ?? (this._target.getChildren() as IGraphic[]);\n      filteredChildren.sort((a, b) => {\n        return (params as IAnimationTimeline).sort((a.context as any)?.data, (b.context as any)?.data, a, b, {});\n      });\n    }\n\n    const parsedParams = this.parseParams(params);\n\n    const cb = isTimeline\n      ? (child: IGraphic, index: number, count: number) => {\n          // 执行单个图元的timeline动画\n          const animate = this.executeTimelineItem(parsedParams as IAnimationTimeline, child, index, count);\n          if (animate) {\n            this._trackAnimation(animate);\n          }\n        }\n      : (child: IGraphic, index: number, count: number) => {\n          // 执行单个图元的config动画\n          const animate = this.executeTypeConfigItem(parsedParams as IAnimationTypeConfig, child, index, count);\n          if (animate) {\n            this._trackAnimation(animate);\n          }\n        };\n\n    // 执行每个图元的动画\n    if (filteredChildren) {\n      filteredChildren.forEach((child, index) => cb(child, index, filteredChildren.length));\n    } else if (this._target.count <= 1) {\n      cb(this._target, 0, 1);\n    } else {\n      this._target.forEachChildren((child, index) => cb(child as IGraphic, index, this._target.count - 1));\n    }\n\n    return;\n  }\n\n  /**\n   * 执行 TypeConfig 类型的动画\n   */\n  private executeTypeConfigItem(\n    params: IAnimationTypeConfig,\n    graphic: IGraphic,\n    index: number,\n    count: number\n  ): IAnimate {\n    const {\n      type,\n      channel,\n      customParameters,\n      easing = 'linear',\n      delay = 0,\n      delayAfter = 0,\n      duration = 300,\n      startTime = 0,\n      oneByOneDelay = 0,\n      loop,\n      bounce,\n      priority = 0,\n      options,\n      controlOptions\n    } = params as any;\n    const custom = params.custom ?? AnimateExecutor.builtInAnimateMap[type];\n\n    // 创建动画实例\n    const animate = graphic.animate() as unknown as IAnimate;\n    animate.priority = priority;\n\n    const delayValue = delay as number;\n\n    // 如果设置了indexKey，则使用indexKey作为index\n    const datum = graphic.context?.data?.[0];\n    const indexKey = graphic.context?.indexKey;\n    if (datum && indexKey) {\n      index = datum[indexKey] ?? index;\n    }\n\n    // 设置开始时间\n    animate.startAt(startTime as number);\n    animate.wait(index * oneByOneDelay);\n\n    // 添加延迟\n    if (delayValue > 0) {\n      animate.wait(delayValue);\n    }\n\n    // 根据 channel 配置创建属性对象\n    const props = params.to ?? this.createPropsFromChannel(channel, graphic);\n\n    this._handleRunAnimate(\n      animate,\n      custom,\n      props,\n      duration as number,\n      easing,\n      customParameters,\n      options,\n      type,\n      graphic\n    );\n\n    if (oneByOneDelay) {\n      animate.wait(oneByOneDelay * (count - index - 1));\n    }\n\n    // 添加后延迟\n    if ((delayAfter as number) > 0) {\n      animate.wait(delayAfter as number);\n    }\n\n    // 设置循环\n    if (loop && (loop as number) > 0) {\n      animate.loop(loop as number);\n    }\n\n    // 设置反弹\n    if (bounce) {\n      animate.bounce(true);\n    }\n\n    return animate;\n  }\n\n  private _handleRunAnimate(\n    animate: IAnimate,\n    custom: IAnimationCustomConstructor | IAnimationChannelInterpolator,\n    props: Record<string, any>,\n    duration: number,\n    easing: EasingType,\n    customParameters: any,\n    options: any,\n    type: string,\n    graphic: IGraphic\n  ) {\n    // 处理自定义动画\n    if (custom) {\n      const customParams = this.resolveValue(customParameters, graphic, {});\n      const objOptions = isFunction(options)\n        ? options.call(null, customParameters.data && customParameters.data[0], graphic, customParameters)\n        : options;\n      customParams.options = objOptions;\n      if (isFunction(custom)) {\n        if (/^class\\s/.test(Function.prototype.toString.call(custom))) {\n          // 自定义动画构造器 - 创建自定义动画类\n          this.createCustomAnimation(\n            animate,\n            custom as IAnimationCustomConstructor,\n            props,\n            duration as number,\n            easing,\n            customParams\n          );\n        } else {\n          // 自定义插值器 - 创建自定义插值动画\n          this.createCustomInterpolatorAnimation(\n            animate,\n            custom as IAnimationChannelInterpolator,\n            props,\n            duration as number,\n            easing,\n            customParams\n          );\n        }\n      }\n    } else if (type === 'to') {\n      animate.to(props, duration as number, easing);\n    } else if (type === 'from') {\n      animate.from(props, duration as number, easing);\n    }\n  }\n\n  /**\n   * 执行 Timeline 类型的动画\n   */\n  private executeTimelineItem(params: IAnimationTimeline, graphic: IGraphic, index: number, count: number): IAnimate {\n    const { timeSlices, startTime = 0, loop, bounce, oneByOneDelay, priority, controlOptions } = params as any;\n\n    // 如果设置了indexKey，则使用indexKey作为index\n    const datum = graphic.context?.data?.[0];\n    const indexKey = graphic.context?.indexKey;\n    if (datum && indexKey) {\n      index = datum[indexKey] ?? index;\n    }\n\n    // 创建动画实例\n    const animate = graphic.animate() as unknown as IAnimate;\n    animate.priority = priority;\n\n    // 设置开始时间\n    animate.startAt(startTime as number);\n    animate.wait(index * oneByOneDelay);\n\n    // 设置循环\n    if (loop && (loop as number) > 0) {\n      animate.loop(loop as number);\n    }\n\n    // 设置反弹\n    if (bounce) {\n      animate.bounce(true);\n    }\n\n    // 处理时间切片\n    const slices = Array.isArray(timeSlices) ? timeSlices : [timeSlices];\n\n    slices.forEach(slice => {\n      this.applyTimeSliceToAnimate(slice, animate, graphic);\n    });\n\n    // 后等待\n    if (oneByOneDelay) {\n      animate.wait(oneByOneDelay * (count - index - 1));\n    }\n\n    return animate;\n  }\n\n  /**\n   * 将时间切片应用到动画实例\n   */\n  private applyTimeSliceToAnimate(slice: IAnimationTimeSlice, animate: IAnimate, graphic: IGraphic) {\n    const { effects, duration = 300, delay = 0, delayAfter = 0 } = slice;\n\n    // 解析时间参数\n    // const durationValue = duration as number;\n    const delayValue = delay as number;\n    const delayAfterValue = delayAfter as number;\n\n    // 添加延迟\n    if (delayValue > 0) {\n      animate.wait(delayValue);\n    }\n\n    // 处理动画效果\n    const effectsArray = Array.isArray(effects) ? effects : [effects];\n\n    effectsArray.forEach(effect => {\n      const { type = 'to', channel, customParameters, easing = 'linear', options } = effect;\n\n      const custom = effect.custom ?? AnimateExecutor.builtInAnimateMap[type];\n\n      // 根据 channel 配置创建属性对象\n      const props = this.createPropsFromChannel(channel, graphic);\n      this._handleRunAnimate(\n        animate,\n        custom,\n        props,\n        duration as number,\n        easing,\n        customParameters,\n        options,\n        type,\n        graphic\n      );\n    });\n\n    // 添加后延迟\n    if (delayAfterValue > 0) {\n      animate.wait(delayAfterValue);\n    }\n  }\n\n  /**\n   * 创建自定义插值器动画\n   */\n  private createCustomInterpolatorAnimation(\n    animate: IAnimate,\n    interpolator: IAnimationChannelInterpolator,\n    props: Record<string, any>,\n    duration: number,\n    easing: EasingType,\n    customParams: any\n  ) {\n    // 获取动画目标的当前属性作为起始值\n    const from: Record<string, any> = {};\n    const to = props;\n\n    // 为每个属性填充起始值\n    Object.keys(to).forEach(key => {\n      from[key] = animate.target.getComputedAttribute(key);\n    });\n\n    animate.interpolateUpdateFunction = (from, to, ratio, step, target) => {\n      interpolator(ratio, from, to, step, target, animate.target, customParams);\n    };\n\n    animate.to(props, duration, easing);\n  }\n\n  /**\n   * 创建自定义动画类\n   */\n  private createCustomAnimation(\n    animate: IAnimate,\n    CustomAnimateConstructor: IAnimationCustomConstructor,\n    props: Record<string, any>,\n    duration: number,\n    easing: EasingType,\n    customParams: any\n  ) {\n    // 获取动画目标的当前属性作为起始值\n    const from: Record<string, any> = {};\n    const to = props;\n\n    // 为每个属性填充起始值\n    Object.keys(to).forEach(key => {\n      from[key] = animate.target.getComputedAttribute(key);\n    });\n\n    // 实例化自定义动画类\n    const customAnimate = new CustomAnimateConstructor(from, to, duration, easing, customParams);\n\n    // 播放自定义动画\n    animate.play(customAnimate);\n  }\n\n  /**\n   * 从 channel 配置创建属性对象\n   */\n  private createPropsFromChannel(\n    channel: IAnimationChannelAttrs | IAnimationChannelAttributes | undefined,\n    graphic: IGraphic\n  ): Record<string, any> {\n    const props: Record<string, any> = {};\n\n    if (!channel) {\n      return props;\n    }\n\n    if (!Array.isArray(channel)) {\n      // 如果是对象，解析 from/to 配置\n      Object.entries(channel).forEach(([key, config]) => {\n        if (config.to !== undefined) {\n          if (typeof config.to === 'function') {\n            props[key] = config.to((graphic.context as any)?.data, graphic, {});\n          } else {\n            props[key] = config.to;\n          }\n        }\n      });\n    }\n\n    return props;\n  }\n\n  /**\n   * 解析函数或值类型的配置项\n   */\n  private resolveValue<T>(value: MarkFunctionValueType<T> | undefined, graphic?: IGraphic, defaultValue?: T): T {\n    if (value === undefined) {\n      return defaultValue as T;\n    }\n\n    if (typeof value === 'function' && graphic) {\n      return (value as MarkFunctionCallback<T>)((graphic.context as any)?.data, graphic, {});\n    }\n\n    return value as T;\n  }\n\n  /**\n   * 执行动画（具体执行到内部的单个图元）\n   */\n  executeItem(params: IAnimationConfig, graphic: IGraphic, index: number = 0, count: number = 1): IAnimate | null {\n    if (!graphic) {\n      return null;\n    }\n\n    const isTimeline = 'timeSlices' in params;\n    let animate: IAnimate | null = null;\n\n    if (isTimeline) {\n      // 处理 Timeline 类型的动画配置\n      animate = this.executeTimelineItem(params as IAnimationTimeline, graphic, index, count);\n    } else {\n      // 处理 TypeConfig 类型的动画配置\n      animate = this.executeTypeConfigItem(params as IAnimationTypeConfig, graphic, index, count);\n    }\n\n    // 跟踪动画以进行生命周期管理\n    if (animate) {\n      this._trackAnimation(animate);\n    }\n\n    return animate;\n  }\n\n  /**\n   * 停止所有由该执行器管理的动画\n   */\n  stop(type?: 'start' | 'end' | Record<string, any>): void {\n    // animate.stop会从数组里删除，所以需要while循环，不能forEach\n    while (this._animates.length > 0) {\n      const animate = this._animates.pop();\n      animate?.stop(type);\n    }\n\n    // 清空动画实例数组\n    this._animates = [];\n    this._activeCount = 0;\n\n    // 如果动画正在运行，触发结束回调\n    if (this._started) {\n      this._started = false;\n      this.onEnd();\n    }\n  }\n}\n"]}

package/cjs/executor/executor.d.ts

@@ -0,0 +1,69 @@
+import type { IGraphic } from '@visactor/vrender-core';
+import type { EasingType } from '../intreface/easing';
+import type { ACustomAnimate } from '../custom/custom-animate';
+export type MarkFunctionCallback<T> = (datum: any, graphic: IGraphic, parameters: any) => T;
+export type MarkFunctionValueType<T> = MarkFunctionCallback<T> | T;
+interface IAnimationParameters {
+    [key: string]: any;
+}
+export type IAnimationChannelFunction = (datum: any, element: IGraphic, parameters: IAnimationParameters) => any;
+export type IAnimationChannelAttrs = Record<string, {
+    from?: any | IAnimationChannelFunction;
+    to?: any | IAnimationChannelFunction;
+}>;
+export type IAnimationChannelAttributes = string[];
+export type IAnimationChannelInterpolator = (ratio: number, from: any, to: any, nextAttributes: any, datum: any, element: IGraphic, parameters: IAnimationParameters) => boolean | void;
+export interface IAnimationCustomConstructor {
+    new (from: any, to: any, duration: number, ease: EasingType, parameters?: any): ACustomAnimate<any>;
+}
+export interface IAnimationEffect {
+    type?: string;
+    channel?: IAnimationChannelAttrs | IAnimationChannelAttributes;
+    custom?: IAnimationChannelInterpolator | IAnimationCustomConstructor;
+    customParameters?: MarkFunctionValueType<any>;
+    easing?: EasingType;
+    options?: MarkFunctionValueType<any>;
+}
+export interface IAnimationTimeSlice {
+    effects: IAnimationEffect | IAnimationEffect[];
+    duration?: MarkFunctionValueType<number>;
+    delay?: MarkFunctionValueType<number>;
+    delayAfter?: MarkFunctionValueType<number>;
+}
+export interface IAnimationControlOptions {
+    stopWhenStateChange?: boolean;
+    immediatelyApply?: boolean;
+    ignoreLoopFinalAttributes?: boolean;
+}
+export interface IAnimationTypeConfig {
+    type?: string;
+    channel?: IAnimationChannelAttrs | IAnimationChannelAttributes;
+    to?: Record<string, any>;
+    custom?: IAnimationChannelInterpolator | IAnimationCustomConstructor;
+    customParameters?: MarkFunctionValueType<any>;
+    easing?: EasingType;
+    delay?: MarkFunctionValueType<number>;
+    delayAfter?: MarkFunctionValueType<number>;
+    duration?: MarkFunctionValueType<number>;
+    oneByOne?: MarkFunctionValueType<boolean | number>;
+    startTime?: MarkFunctionValueType<number>;
+    totalTime?: MarkFunctionValueType<number>;
+    loop?: boolean | number;
+    options?: MarkFunctionValueType<any>;
+    controlOptions?: IAnimationControlOptions;
+    priority?: number;
+}
+export interface IAnimationTimeline {
+    id?: string;
+    timeSlices: IAnimationTimeSlice | IAnimationTimeSlice[];
+    startTime?: MarkFunctionValueType<number>;
+    totalTime?: MarkFunctionValueType<number>;
+    oneByOne?: MarkFunctionValueType<number | boolean>;
+    loop?: MarkFunctionValueType<number | boolean>;
+    partitioner?: MarkFunctionCallback<boolean>;
+    sort?: (datumA: any, datumB: any, elementA: IGraphic, elementB: IGraphic, parameters: any) => number;
+    controlOptions?: IAnimationControlOptions;
+    priority?: number;
+}
+export type IAnimationConfig = IAnimationTimeline | IAnimationTypeConfig;
+export {};

package/cjs/executor/executor.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+//# sourceMappingURL=executor.js.map