@visactor/vrender-animate 0.22.4 → 0.22.12

package/es/custom/streamLight.js

@@ -0,0 +1,157 @@
+import { application, AttributeUpdateType, CustomPath2D, divideCubic } from "@visactor/vrender-core";
+
+import { ACustomAnimate } from "./custom-animate";
+
+import { PointService } from "@visactor/vutils";
+
+export class StreamLight extends ACustomAnimate {
+    constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+    }
+    getEndProps() {
+        return {};
+    }
+    onStart() {
+        this.target && ("rect" === this.target.type ? this.onStartRect() : "line" === this.target.type ? this.onStartLineOrArea("line") : "area" === this.target.type && this.onStartLineOrArea("area"));
+    }
+    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);
+    }
+    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);
+    }
+    onBind() {}
+    onEnd() {
+        this.target.detachShadow();
+    }
+    onUpdate(end, ratio, out) {
+        return this.rect ? this.onUpdateRect(end, ratio, out) : this.line || this.area ? this.onUpdateLineOrArea(end, ratio, out) : void 0;
+    }
+    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
+                }
+            });
+        } 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
+                }
+            });
+        }
+    }
+    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();
+    }
+    _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;
+        }
+    }
+    _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);
+        }
+    }
+}
+//# sourceMappingURL=streamLight.js.map

package/es/custom/streamLight.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/custom/streamLight.ts"],"names":[],"mappings":"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","file":"streamLight.js","sourcesContent":["import type {\n  EasingType,\n  IArea,\n  IAreaCacheItem,\n  ICubicBezierCurve,\n  ICurve,\n  ICustomPath2D,\n  IGraphic,\n  ILine,\n  ILineAttribute,\n  IRect,\n  IRectAttribute\n} from '@visactor/vrender-core';\nimport { application, AttributeUpdateType, CustomPath2D, divideCubic } from '@visactor/vrender-core';\nimport { ACustomAnimate } from './custom-animate';\nimport type { IPoint } from '@visactor/vutils';\nimport { PointService } from '@visactor/vutils';\n\nexport class StreamLight extends ACustomAnimate<any> {\n  declare valid: boolean;\n  declare target: IGraphic;\n\n  declare rect: IRect;\n  declare line: ILine;\n  declare area: IArea;\n  constructor(\n    from: any,\n    to: any,\n    duration: number,\n    easing: EasingType,\n    params?: { attribute?: Partial<IRectAttribute | ILineAttribute>; streamLength?: number; isHorizontal?: boolean }\n  ) {\n    super(from, to, duration, easing, params);\n  }\n\n  getEndProps(): Record<string, any> {\n    return {};\n  }\n\n  onStart(): void {\n    if (!this.target) {\n      return;\n    }\n    if (this.target.type === 'rect') {\n      this.onStartRect();\n    } else if (this.target.type === 'line') {\n      this.onStartLineOrArea('line');\n    } else if (this.target.type === 'area') {\n      this.onStartLineOrArea('area');\n    }\n  }\n\n  onStartLineOrArea(type: 'line' | 'area') {\n    const root = this.target.attachShadow();\n    const line = application.graphicService.creator[type]({\n      ...this.params?.attribute\n    });\n    this[type] = line;\n    line.pathProxy = new CustomPath2D();\n    root.add(line);\n  }\n\n  onStartRect(): void {\n    const root = this.target.attachShadow();\n\n    const isHorizontal = this.params?.isHorizontal ?? true;\n    const sizeAttr = isHorizontal ? 'height' : 'width';\n    const otherSizeAttr = isHorizontal ? 'width' : 'height';\n    const size = this.target.AABBBounds[sizeAttr]();\n    const y = isHorizontal ? 0 : this.target.AABBBounds.y1;\n\n    const rect = application.graphicService.creator.rect({\n      [sizeAttr]: size,\n      fill: '#bcdeff',\n      shadowBlur: 30,\n      shadowColor: '#bcdeff',\n      ...this.params?.attribute,\n      x: 0,\n      y,\n      [otherSizeAttr]: 0\n    });\n    this.rect = rect;\n    root.add(rect);\n  }\n\n  onBind(): void {\n    return;\n  }\n\n  onEnd(): void {\n    this.target.detachShadow();\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n    if (this.rect) {\n      return this.onUpdateRect(end, ratio, out);\n    } else if (this.line || this.area) {\n      return this.onUpdateLineOrArea(end, ratio, out);\n    }\n  }\n\n  protected onUpdateRect(end: boolean, ratio: number, out: Record<string, any>): void {\n    const isHorizontal = this.params?.isHorizontal ?? true;\n    const parentAttr = (this.target as any).attribute;\n    if (isHorizontal) {\n      const parentWidth = parentAttr.width ?? Math.abs(parentAttr.x1 - parentAttr.x) ?? 250;\n      const streamLength = this.params?.streamLength ?? parentWidth;\n      const maxLength = this.params?.attribute?.width ?? 60;\n      // 起点，rect x右端点 对齐 parent左端点\n      // 如果parent.x1 < parent.x, 需要把rect属性移到parent x1的位置上, 因为初始 rect.x = parent.x\n      const startX = -maxLength;\n      // 插值\n      const currentX = startX + (streamLength - startX) * ratio;\n      // 位置限定 > 0\n      const x = Math.max(currentX, 0);\n      // 宽度计算\n      const w = Math.min(Math.min(currentX + maxLength, maxLength), streamLength - currentX);\n      // 如果 rect右端点 超出 parent右端点, 宽度动态调整\n      const width = w + x > parentWidth ? Math.max(parentWidth - x, 0) : w;\n      this.rect.setAttributes(\n        {\n          x,\n          width,\n          dx: Math.min(parentAttr.x1 - parentAttr.x, 0)\n        } as any,\n        false,\n        {\n          type: AttributeUpdateType.ANIMATE_PLAY,\n          animationState: {\n            ratio,\n            end\n          }\n        }\n      );\n    } else {\n      const parentHeight = parentAttr.height ?? Math.abs(parentAttr.y1 - parentAttr.y) ?? 250;\n      const streamLength = this.params?.streamLength ?? parentHeight;\n      const maxLength = this.params?.attribute?.height ?? 60;\n      // 起点，y上端点 对齐 parent下端点\n      const startY = parentHeight;\n      // 插值\n      const currentY = startY - (streamLength + maxLength) * ratio;\n      // 位置限定 < parentHeight\n      let y = Math.min(currentY, parentHeight);\n      // 高度最小值\n      const h = Math.min(parentHeight - currentY, maxLength);\n      // 如果 rect上端点=y 超出 parent上端点 = 0, 则高度不断变小\n      let height;\n      if (y <= 0) {\n        // 必须先得到高度再将y置为0, 顺序很重要\n        height = Math.max(y + h, 0);\n        y = 0;\n      } else {\n        height = h;\n      }\n      this.rect.setAttributes(\n        {\n          y,\n          height,\n          dy: Math.min(parentAttr.y1 - parentAttr.y, 0)\n        } as any,\n        false,\n        {\n          type: AttributeUpdateType.ANIMATE_PLAY,\n          animationState: {\n            ratio,\n            end\n          }\n        }\n      );\n    }\n  }\n\n  protected onUpdateLineOrArea(end: boolean, ratio: number, out: Record<string, any>) {\n    const target = this.line || this.area;\n    if (!target) {\n      return;\n    }\n    const customPath = target.pathProxy as ICustomPath2D;\n    const targetLine = this.target as ILine | IArea;\n    if (targetLine.cache || targetLine.cacheArea) {\n      this._onUpdateLineOrAreaWithCache(customPath, targetLine, end, ratio, out);\n    } else {\n      this._onUpdateLineWithoutCache(customPath, targetLine, end, ratio, out);\n    }\n    const targetAttrs = targetLine.attribute;\n    target.setAttributes({\n      stroke: targetAttrs.stroke,\n      ...target.attribute\n    });\n    target.addUpdateBoundTag();\n  }\n\n  // 针对有cache的linear\n  protected _onUpdateLineOrAreaWithCache(\n    customPath: ICustomPath2D,\n    g: ILine | IArea,\n    end: boolean,\n    ratio: number,\n    out: Record<string, any>\n  ) {\n    customPath.clear();\n    if (g.type === 'line') {\n      let cache = g.cache;\n      if (!Array.isArray(cache)) {\n        cache = [cache];\n      }\n      const totalLen = cache.reduce((l: any, c: any) => l + c.getLength(), 0);\n      const curves: ICurve<IPoint>[] = [];\n      cache.forEach((c: any) => {\n        c.curves.forEach((ci: any) => curves.push(ci));\n      });\n      return this._updateCurves(customPath, curves, totalLen, ratio);\n    } else if (g.type === 'area' && g.cacheArea?.top?.curves) {\n      const cache = g.cacheArea as IAreaCacheItem;\n      const totalLen = cache.top.curves.reduce((a, b) => a + b.getLength(), 0);\n      return this._updateCurves(customPath, cache.top.curves, totalLen, ratio);\n    }\n  }\n\n  protected _updateCurves(customPath: ICustomPath2D, curves: ICurve<IPoint>[], totalLen: number, ratio: number) {\n    const startLen = totalLen * ratio;\n    const endLen = Math.min(startLen + (this.params?.streamLength ?? 10), totalLen);\n    let lastLen = 0;\n    let start = false;\n    for (let i = 0; i < curves.length; i++) {\n      if (curves[i].defined !== false) {\n        const curveItem = curves[i];\n        const len = curveItem.getLength();\n        const startPercent = 1 - (lastLen + len - startLen) / len;\n        let endPercent = 1 - (lastLen + len - endLen) / len;\n        let curveForStart: ICubicBezierCurve;\n        if (lastLen < startLen && lastLen + len > startLen) {\n          start = true;\n          if (curveItem.p2 && curveItem.p3) {\n            const [_, curve2] = divideCubic(curveItem as ICubicBezierCurve, startPercent);\n            customPath.moveTo(curve2.p0.x, curve2.p0.y);\n            curveForStart = curve2;\n            // console.log(curve2.p0.x, curve2.p0.y);\n          } else {\n            const p = curveItem.getPointAt(startPercent);\n            customPath.moveTo(p.x, p.y);\n          }\n        }\n        if (lastLen < endLen && lastLen + len > endLen) {\n          if (curveItem.p2 && curveItem.p3) {\n            if (curveForStart) {\n              endPercent = (endLen - startLen) / curveForStart.getLength();\n            }\n            const [curve1] = divideCubic(curveForStart || (curveItem as ICubicBezierCurve), endPercent);\n            customPath.bezierCurveTo(curve1.p1.x, curve1.p1.y, curve1.p2.x, curve1.p2.y, curve1.p3.x, curve1.p3.y);\n          } else {\n            const p = curveItem.getPointAt(endPercent);\n            customPath.lineTo(p.x, p.y);\n          }\n          break;\n        } else if (start) {\n          if (curveItem.p2 && curveItem.p3) {\n            const curve = curveForStart || curveItem;\n            customPath.bezierCurveTo(curve.p1.x, curve.p1.y, curve.p2.x, curve.p2.y, curve.p3.x, curve.p3.y);\n          } else {\n            customPath.lineTo(curveItem.p1.x, curveItem.p1.y);\n          }\n        }\n        lastLen += len;\n      }\n    }\n  }\n\n  // 只针对最简单的linear\n  protected _onUpdateLineWithoutCache(\n    customPath: ICustomPath2D,\n    line: ILine,\n    end: boolean,\n    ratio: number,\n    out: Record<string, any>\n  ) {\n    const { points, curveType } = line.attribute;\n    if (!points || points.length < 2 || curveType !== 'linear') {\n      return;\n    }\n    let totalLen = 0;\n    for (let i = 1; i < points.length; i++) {\n      totalLen += PointService.distancePP(points[i], points[i - 1]);\n    }\n    const startLen = totalLen * ratio;\n    const endLen = Math.min(startLen + (this.params?.streamLength ?? 10), totalLen);\n    const nextPoints = [];\n    let lastLen = 0;\n    for (let i = 1; i < points.length; i++) {\n      const len = PointService.distancePP(points[i], points[i - 1]);\n      if (lastLen < startLen && lastLen + len > startLen) {\n        nextPoints.push(PointService.pointAtPP(points[i - 1], points[i], 1 - (lastLen + len - startLen) / len));\n      }\n      if (lastLen < endLen && lastLen + len > endLen) {\n        nextPoints.push(PointService.pointAtPP(points[i - 1], points[i], 1 - (lastLen + len - endLen) / len));\n        break;\n      } else if (nextPoints.length) {\n        nextPoints.push(points[i]);\n      }\n      lastLen += len;\n    }\n\n    if (!nextPoints.length || nextPoints.length < 2) {\n      return;\n    }\n    customPath.clear();\n    customPath.moveTo(nextPoints[0].x, nextPoints[0].y);\n    for (let i = 1; i < nextPoints.length; i++) {\n      customPath.lineTo(nextPoints[i].x, nextPoints[i].y);\n    }\n  }\n}\n"]}

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

@@ -1,7 +1,6 @@
-import type { IPointLike } from '@visactor/vutils';
+import { type IPointLike } from '@visactor/vutils';
+import type { ISegment, EasingType } from '@visactor/vrender-core';
 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[];

package/es/custom/tag-points.js

@@ -1,9 +1,9 @@
 import { clamp, isValidNumber, Point } from "@visactor/vutils";
 
-import { ACustomAnimate } from "./custom-animate";
-
 import { pointInterpolation } from "@visactor/vrender-core";
 
+import { ACustomAnimate } from "./custom-animate";
+
 export class TagPointsUpdate extends ACustomAnimate {
     constructor(from, to, duration, easing, params) {
         var _a, _b;
@@ -22,6 +22,15 @@ export class TagPointsUpdate extends ACustomAnimate {
         return [];
     }
     onBind() {
+        super.onBind();
+        const {points: points, segments: segments} = this.target.attribute, {points: pointsTo, segments: segmentsTo} = this.target.getFinalAttribute();
+        this.from = {
+            points: points,
+            segments: segments
+        }, this.to = {
+            points: pointsTo,
+            segments: segmentsTo
+        }, this.props = this.to;
         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 ] : [];
@@ -55,23 +64,30 @@ export class TagPointsUpdate extends ACustomAnimate {
         isValidNumber(lastClipRange * this.clipRange) && (this.clipRange *= lastClipRange);
     }
     onUpdate(end, ratio, out) {
+        if (end) return Object.keys(this.to).forEach((k => {
+            this.target.attribute[k] = this.to[k];
+        })), this.target.addUpdatePositionTag(), void this.target.addUpdateShapeAndBoundsTag();
         if (this.points = this.points.map(((point, index) => {
             const newPoint = 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;
+            this.target.setAttributes({
+                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 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;
+            this.target.attribute.segments = segments;
+        } else this.target.attribute.points = this.points;
+        this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
     }
 }
 //# sourceMappingURL=tag-points.js.map

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

@@ -1 +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"]}
+{"version":3,"sources":["../src/custom/tag-points.ts"],"names":[],"mappings":"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","file":"tag-points.js","sourcesContent":["import { clamp, isValidNumber, Point, type IPointLike } from '@visactor/vutils';\nimport type { ISegment, ILineAttribute, EasingType } from '@visactor/vrender-core';\nimport { pointInterpolation } from '@visactor/vrender-core';\nimport { ACustomAnimate } from './custom-animate';\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    super.onBind();\n    const { points, segments } = this.target.attribute as any;\n    const { points: pointsTo, segments: segmentsTo } = this.target.getFinalAttribute() as any;\n\n    this.from = { points, segments };\n    this.to = { points: pointsTo, segments: segmentsTo };\n    this.props = this.to;\n\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 (end) {\n      Object.keys(this.to).forEach(k => {\n        (this.target.attribute as any)[k] = (this.to as any)[k];\n      });\n      this.target.addUpdatePositionTag();\n      this.target.addUpdateShapeAndBoundsTag();\n      return;\n    }\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      this.target.setAttributes({ clipRange: this.clipRange + (1 - this.clipRange) * ratio } as any);\n    }\n    if (this.segmentsCache && this.to.segments) {\n      let start = 0;\n      const 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      (this.target.attribute as ILineAttribute).segments = segments;\n    } else {\n      (this.target.attribute as ILineAttribute).points = this.points;\n    }\n    this.target.addUpdatePositionTag();\n    this.target.addUpdateShapeAndBoundsTag();\n  }\n}\n"]}

package/es/custom/update.d.ts

@@ -1,4 +1,4 @@
-import type { EasingType } from '../intreface/easing';
+import type { EasingType } from '@visactor/vrender-core';
 import { ACustomAnimate } from './custom-animate';
 export interface IUpdateAnimationOptions {
     diffAttrs: Record<string, any>;
@@ -8,7 +8,7 @@ export interface IUpdateAnimationOptions {
 }
 export declare class Update extends ACustomAnimate<Record<string, number>> {
     valid: boolean;
-    params: IUpdateAnimationOptions;
     constructor(from: null, to: null, duration: number, easing: EasingType, params?: IUpdateAnimationOptions);
+    onBind(): void;
     update(end: boolean, ratio: number, out: Record<string, any>): void;
 }

package/es/custom/update.js

@@ -2,8 +2,16 @@ import { ACustomAnimate } from "./custom-animate";
 
 export class Update extends ACustomAnimate {
     constructor(from, to, duration, easing, params) {
-        const {diffAttrs: diffAttrs = {}} = params;
-        super(from, diffAttrs, duration, easing, params), this.params = params;
+        super(from, to, duration, easing, params);
+    }
+    onBind() {
+        var _a, _b;
+        super.onBind();
+        let {diffAttrs: diffAttrs = {}} = null !== (_a = this.target.context) && void 0 !== _a ? _a : {};
+        const {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;
     }
     update(end, ratio, out) {
         if (this.onStart(), !this.props || !this.propKeys) return;

package/es/custom/update.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/custom/update.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAclD,MAAM,OAAO,MAAO,SAAQ,cAAsC;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","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"]}
+{"version":3,"sources":["../src/custom/update.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAclD,MAAM,OAAO,MAAO,SAAQ,cAAsC;IAIhE,YAAY,IAAU,EAAE,EAAQ,EAAE,QAAgB,EAAE,MAAkB,EAAE,MAAgC;QACtG,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAE5C,CAAC;IAED,MAAM;;QACJ,KAAK,CAAC,MAAM,EAAE,CAAC;QACf,IAAI,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,MAAA,IAAI,CAAC,MAAM,CAAC,OAAO,mCAAK,EAAU,CAAC;QAC5D,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,MAAa,CAAC;QAEvC,SAAS,qBAAQ,SAAS,CAAE,CAAC;QAC7B,IAAI,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,eAAe,0CAAE,MAAM,EAAE;YACpC,OAAO,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,OAAe,EAAE,EAAE;gBAClD,OAAO,SAAS,CAAC,OAAO,CAAC,CAAC;YAC5B,CAAC,CAAC,CAAC;SACJ;QAED,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;IACzB,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","file":"update.js","sourcesContent":["import type { EasingType } from '@visactor/vrender-core';\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    super(from, to, duration, easing, params);\n    // this.params = params;\n  }\n\n  onBind() {\n    super.onBind();\n    let { diffAttrs = {} } = this.target.context ?? ({} as any);\n    const { options } = this.params as any;\n\n    diffAttrs = { ...diffAttrs };\n    if (options?.excludeChannels?.length) {\n      options.excludeChannels.forEach((channel: string) => {\n        delete diffAttrs[channel];\n      });\n    }\n\n    this.props = diffAttrs;\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/es/executor/animate-executor.d.ts

@@ -1,9 +1,8 @@
-import type { IGraphic } from '@visactor/vrender-core';
+import type { IGraphic, IAnimate } 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;
+    executeItem: (params: IAnimationConfig, graphic: IGraphic, index?: number) => IAnimate[];
     onStart: (cb?: () => void) => void;
     onEnd: (cb?: () => void) => void;
 }
@@ -20,8 +19,9 @@ export declare class AnimateExecutor implements IAnimateExecutor {
     onStart(cb?: () => void): void;
     onEnd(cb?: () => void): void;
     private _trackAnimation;
-    parseParams(params: IAnimationConfig): IAnimationConfig;
-    execute(params: IAnimationConfig): void;
+    parseParams(params: IAnimationConfig, isTimeline: boolean, child?: IGraphic): IAnimationConfig;
+    execute(params: IAnimationConfig | IAnimationConfig[]): void;
+    _execute(params: IAnimationConfig): IAnimate;
     private executeTypeConfigItem;
     private _handleRunAnimate;
     private executeTimelineItem;
@@ -30,7 +30,8 @@ export declare class AnimateExecutor implements IAnimateExecutor {
     private createCustomAnimation;
     private createPropsFromChannel;
     private resolveValue;
-    executeItem(params: IAnimationConfig, graphic: IGraphic, index?: number, count?: number): IAnimate | null;
+    executeItem(params: IAnimationConfig | IAnimationConfig[], graphic: IGraphic, index?: number, count?: number): IAnimate[];
+    _executeItem(params: IAnimationConfig, graphic: IGraphic, index?: number, count?: number): IAnimate | null;
     stop(type?: 'start' | 'end' | Record<string, any>): void;
 }
 export {};