@visactor/vrender-animate 0.23.0-alpha.3 → 1.0.0-alpha.1

package/cjs/custom/richtext/slide-richtext.js

@@ -0,0 +1,144 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.SlideRichText = void 0;
+
+const custom_animate_1 = require("../custom-animate"), vrender_core_1 = require("@visactor/vrender-core");
+
+class SlideRichText extends custom_animate_1.ACustomAnimate {
+    constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params), this.fromTextConfig = [], this.toTextConfig = [], 
+        this.originalTextConfig = [], this.singleCharConfig = [], this.fadeInDuration = .3, 
+        this.slideDirection = "right", this.slideDistance = 30, this.wordByWord = !1, this.wordRegex = /[a-zA-Z]+(-[a-zA-Z]+)*|[\u4e00-\u9fa5]+|[0-9]+|[^\s\w\u4e00-\u9fa5]/g, 
+        this.wordGroups = [], void 0 !== (null == params ? void 0 : params.fadeInDuration) && (this.fadeInDuration = params.fadeInDuration), 
+        void 0 !== (null == params ? void 0 : params.slideDirection) && (this.slideDirection = params.slideDirection), 
+        void 0 !== (null == params ? void 0 : params.slideDistance) && (this.slideDistance = params.slideDistance), 
+        void 0 !== (null == params ? void 0 : params.wordByWord) && (this.wordByWord = params.wordByWord), 
+        void 0 !== (null == params ? void 0 : params.wordRegex) && (this.wordRegex = params.wordRegex);
+    }
+    onFirstRun() {
+        const fromProps = this.getLastProps(), toProps = this.getEndProps();
+        this.originalTextConfig = toProps.textConfig ? [ ...toProps.textConfig ] : [], this.valid = !0, 
+        this.originalTextConfig && 0 !== this.originalTextConfig.length ? (this.fromTextConfig = fromProps.textConfig && fromProps.textConfig.length > 0 ? vrender_core_1.RichText.TransformTextConfig2SingleCharacter(fromProps.textConfig) : [], 
+        this.toTextConfig = vrender_core_1.RichText.TransformTextConfig2SingleCharacter(this.originalTextConfig), 
+        this.singleCharConfig = this.toTextConfig.map((item => "text" in item ? Object.assign(Object.assign({}, item), {
+            opacity: 0,
+            dx: this.getInitialDx(),
+            dy: this.getInitialDy()
+        }) : Object.assign(Object.assign({}, item), {
+            opacity: 0
+        }))), this.wordByWord && this.calculateWordGroups()) : this.valid = !1;
+    }
+    calculateWordGroups() {
+        this.wordGroups = [];
+        let fullText = "";
+        const charMap = {};
+        let match, fullTextIndex = 0;
+        for ((this.toTextConfig.forEach(((item, configIndex) => {
+            if ("text" in item) {
+                const text = String(item.text);
+                fullText += text, charMap[fullTextIndex] = configIndex, fullTextIndex++;
+            }
+        })), this.wordRegex.lastIndex = 0); null !== (match = this.wordRegex.exec(fullText)); ) {
+            const wordStart = match.index, wordEnd = match.index + match[0].length, wordIndices = [];
+            for (let i = wordStart; i < wordEnd; i++) void 0 !== charMap[i] && wordIndices.push(charMap[i]);
+            wordIndices.length > 0 && this.wordGroups.push(wordIndices);
+        }
+        const allocatedIndices = new Set;
+        this.wordGroups.forEach((group => {
+            group.forEach((index => allocatedIndices.add(index)));
+        }));
+        for (let i = 0; i < this.toTextConfig.length; i++) "text" in this.toTextConfig[i] && !allocatedIndices.has(i) && this.wordGroups.push([ i ]);
+    }
+    getInitialDx() {
+        switch (this.slideDirection) {
+          case "left":
+            return -this.slideDistance;
+
+          case "right":
+            return this.slideDistance;
+
+          default:
+            return 0;
+        }
+    }
+    getInitialDy() {
+        switch (this.slideDirection) {
+          case "up":
+            return -this.slideDistance;
+
+          case "down":
+            return this.slideDistance;
+
+          default:
+            return 0;
+        }
+    }
+    onEnd(cb) {
+        super.onEnd(cb), cb || this.target.setAttribute("textConfig", this.originalTextConfig);
+    }
+    onUpdate(end, ratio, out) {
+        if (!this.valid) return;
+        const maxTextShowRatio = 1 - this.fadeInDuration;
+        let updatedTextConfig;
+        updatedTextConfig = this.wordByWord && this.wordGroups.length > 0 ? this.updateByWord(ratio, maxTextShowRatio) : this.updateByCharacter(ratio, maxTextShowRatio), 
+        this.target.setAttribute("textConfig", updatedTextConfig);
+    }
+    updateByWord(ratio, maxTextShowRatio) {
+        const totalGroups = this.wordGroups.length, updatedTextConfig = [ ...this.singleCharConfig ];
+        for (let groupIndex = 0; groupIndex < this.wordGroups.length; groupIndex++) {
+            let appearTime;
+            if (appearTime = "left" === this.slideDirection ? (totalGroups - 1 - groupIndex) / totalGroups * maxTextShowRatio : groupIndex / totalGroups * maxTextShowRatio, 
+            ratio < appearTime) {
+                for (const charIndex of this.wordGroups[groupIndex]) {
+                    const item = updatedTextConfig[charIndex];
+                    "text" in item && (updatedTextConfig[charIndex] = Object.assign(Object.assign({}, item), {
+                        opacity: 0,
+                        dx: this.getInitialDx(),
+                        dy: this.getInitialDy()
+                    }));
+                }
+                continue;
+            }
+            const animProgress = (ratio - appearTime) / this.fadeInDuration, progress = Math.max(0, Math.min(1, animProgress)), dx = this.getInitialDx() * (1 - progress), dy = this.getInitialDy() * (1 - progress);
+            for (const charIndex of this.wordGroups[groupIndex]) {
+                const item = updatedTextConfig[charIndex];
+                "text" in item && (updatedTextConfig[charIndex] = Object.assign(Object.assign({}, item), {
+                    opacity: progress,
+                    dx: dx,
+                    dy: dy
+                }));
+            }
+        }
+        return updatedTextConfig;
+    }
+    updateByCharacter(ratio, maxTextShowRatio) {
+        const totalItems = this.toTextConfig.length, updatedTextConfig = [ ...this.singleCharConfig ];
+        for (let index = 0; index < updatedTextConfig.length; index++) {
+            const item = updatedTextConfig[index];
+            if ("text" in item) {
+                let appearTime;
+                if (appearTime = "left" === this.slideDirection ? (totalItems - 1 - index) / totalItems * maxTextShowRatio : index / totalItems * maxTextShowRatio, 
+                ratio < appearTime) {
+                    updatedTextConfig[index] = Object.assign(Object.assign({}, item), {
+                        opacity: 0,
+                        dx: this.getInitialDx(),
+                        dy: this.getInitialDy()
+                    });
+                    continue;
+                }
+                const animProgress = (ratio - appearTime) / this.fadeInDuration, progress = Math.max(0, Math.min(1, animProgress)), dx = this.getInitialDx() * (1 - progress), dy = this.getInitialDy() * (1 - progress);
+                updatedTextConfig[index] = Object.assign(Object.assign({}, item), {
+                    opacity: progress,
+                    dx: dx,
+                    dy: dy
+                });
+            }
+        }
+        return updatedTextConfig;
+    }
+}
+
+exports.SlideRichText = SlideRichText;
+//# sourceMappingURL=slide-richtext.js.map

package/cjs/custom/richtext/slide-richtext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/custom/richtext/slide-richtext.ts"],"names":[],"mappings":"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","file":"slide-richtext.js","sourcesContent":["import { ACustomAnimate } from '../custom-animate';\nimport type { IRichTextCharacter, IAnimate, IStep, EasingType } from '@visactor/vrender-core';\nimport { RichText } from '@visactor/vrender-core';\n\n/**\n * 滑动富文本动画，结合打字效果和方向滑动效果\n * 文字会从指定方向滑入，同时逐字显示和渐入\n * 支持上、下、左、右四个方向\n * 支持按单词或字符入场\n */\nexport class SlideRichText extends ACustomAnimate<{ textConfig: IRichTextCharacter[] }> {\n  declare valid: boolean;\n\n  private fromTextConfig: IRichTextCharacter[] = [];\n  private toTextConfig: IRichTextCharacter[] = [];\n  private originalTextConfig: IRichTextCharacter[] = [];\n  private singleCharConfig: IRichTextCharacter[] = [];\n  private fadeInDuration: number = 0.3; // 透明度渐变持续时间，以动画总时长的比例表示\n  private slideDirection: 'up' | 'down' | 'left' | 'right' = 'right'; // 滑动方向\n  private slideDistance: number = 30; // 滑动距离（像素）\n  private wordByWord: boolean = false; // 是否按单词为单位进行动画\n  // 默认正则表达式: 匹配英文单词(含中间连字符),连续中文字符,数字,以及独立的符号和空格\n  private wordRegex: RegExp = /[a-zA-Z]+(-[a-zA-Z]+)*|[\\u4e00-\\u9fa5]+|[0-9]+|[^\\s\\w\\u4e00-\\u9fa5]/g;\n  private wordGroups: number[][] = []; // 存储单词分组信息，每个数组包含属于同一单词的字符索引\n\n  constructor(\n    from: { textConfig: IRichTextCharacter[] },\n    to: { textConfig: IRichTextCharacter[] },\n    duration: number,\n    easing: EasingType,\n    params?: {\n      fadeInDuration?: number;\n      slideDirection?: 'up' | 'down' | 'left' | 'right';\n      slideDistance?: number;\n      wordByWord?: boolean;\n      wordRegex?: RegExp;\n    }\n  ) {\n    super(from, to, duration, easing, params);\n\n    // 配置透明度渐变效果\n    if (params?.fadeInDuration !== undefined) {\n      this.fadeInDuration = params.fadeInDuration;\n    }\n\n    // 配置滑动方向和距离\n    if (params?.slideDirection !== undefined) {\n      this.slideDirection = params.slideDirection;\n    }\n    if (params?.slideDistance !== undefined) {\n      this.slideDistance = params.slideDistance;\n    }\n\n    // 配置按单词动画\n    if (params?.wordByWord !== undefined) {\n      this.wordByWord = params.wordByWord;\n    }\n    if (params?.wordRegex !== undefined) {\n      this.wordRegex = params.wordRegex;\n    }\n  }\n\n  onFirstRun(): void {\n    const fromProps = this.getLastProps();\n    const toProps = this.getEndProps();\n\n    // 存储原始配置\n    this.originalTextConfig = toProps.textConfig ? [...toProps.textConfig] : [];\n\n    // 初始化解析结果\n    this.valid = true;\n\n    // 确保to不为空\n    if (!this.originalTextConfig || this.originalTextConfig.length === 0) {\n      this.valid = false;\n      return;\n    }\n\n    // 将文本拆分为单个字符，使用RichText的静态方法\n    this.fromTextConfig =\n      fromProps.textConfig && fromProps.textConfig.length > 0\n        ? RichText.TransformTextConfig2SingleCharacter(fromProps.textConfig)\n        : [];\n\n    this.toTextConfig = RichText.TransformTextConfig2SingleCharacter(this.originalTextConfig);\n\n    // 创建单字符数组，用于动画\n    this.singleCharConfig = this.toTextConfig.map(item => {\n      if ('text' in item) {\n        // 文本字符初始设置为透明\n        return {\n          ...item,\n          opacity: 0,\n          dx: this.getInitialDx(),\n          dy: this.getInitialDy()\n        };\n      }\n      return { ...item, opacity: 0 };\n    });\n\n    // 如果启用按单词动画，则计算单词分组\n    if (this.wordByWord) {\n      this.calculateWordGroups();\n    }\n  }\n\n  // 计算单词分组\n  private calculateWordGroups(): void {\n    // 重置单词分组\n    this.wordGroups = [];\n\n    // 构建完整文本用于正则匹配\n    let fullText = '';\n    const charMap: Record<number, number> = {}; // 映射全文索引到字符配置索引\n    let fullTextIndex = 0;\n\n    // 构建全文和映射\n    this.toTextConfig.forEach((item, configIndex) => {\n      if ('text' in item) {\n        const text = String(item.text);\n        fullText += text;\n        // 为每个字符创建映射\n        charMap[fullTextIndex] = configIndex;\n        fullTextIndex++;\n      }\n    });\n\n    // 使用正则表达式查找单词\n    let match;\n\n    // 重置正则表达式状态\n    this.wordRegex.lastIndex = 0;\n\n    while ((match = this.wordRegex.exec(fullText)) !== null) {\n      const wordStart = match.index;\n      const wordEnd = match.index + match[0].length;\n\n      // 找出属于这个单词的所有字符索引\n      const wordIndices = [];\n\n      for (let i = wordStart; i < wordEnd; i++) {\n        if (charMap[i] !== undefined) {\n          wordIndices.push(charMap[i]);\n        }\n      }\n\n      // 添加到单词分组\n      if (wordIndices.length > 0) {\n        this.wordGroups.push(wordIndices);\n      }\n    }\n\n    // 处理没有分配到任何单词的字符\n    const allocatedIndices = new Set<number>();\n    this.wordGroups.forEach(group => {\n      group.forEach(index => allocatedIndices.add(index));\n    });\n\n    for (let i = 0; i < this.toTextConfig.length; i++) {\n      if ('text' in this.toTextConfig[i] && !allocatedIndices.has(i)) {\n        // 单独为每个未分配的字符创建一个\"单词\"\n        this.wordGroups.push([i]);\n      }\n    }\n  }\n\n  // 根据滑动方向计算初始x偏移\n  private getInitialDx(): number {\n    switch (this.slideDirection) {\n      case 'left':\n        return -this.slideDistance;\n      case 'right':\n        return this.slideDistance;\n      default:\n        return 0;\n    }\n  }\n\n  // 根据滑动方向计算初始y偏移\n  private getInitialDy(): number {\n    switch (this.slideDirection) {\n      case 'up':\n        return -this.slideDistance;\n      case 'down':\n        return this.slideDistance;\n      default:\n        return 0;\n    }\n  }\n\n  onEnd(cb?: (animate: IAnimate, step: IStep) => void): void {\n    super.onEnd(cb);\n    if (!cb) {\n      // 动画结束时，恢复原始textConfig\n      this.target.setAttribute('textConfig', this.originalTextConfig);\n    }\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n    if (!this.valid) {\n      return;\n    }\n\n    // 计算文本显示比例上限 - 为尾部字符的渐变和滑动效果留出时间\n    const maxTextShowRatio = 1 - this.fadeInDuration;\n\n    let updatedTextConfig: IRichTextCharacter[];\n\n    if (this.wordByWord && this.wordGroups.length > 0) {\n      // 按单词动画\n      updatedTextConfig = this.updateByWord(ratio, maxTextShowRatio);\n    } else {\n      // 按字符动画\n      updatedTextConfig = this.updateByCharacter(ratio, maxTextShowRatio);\n    }\n\n    // 更新富文本的textConfig属性\n    this.target.setAttribute('textConfig', updatedTextConfig);\n  }\n\n  // 按单词更新文本配置\n  private updateByWord(ratio: number, maxTextShowRatio: number): IRichTextCharacter[] {\n    const totalGroups = this.wordGroups.length;\n    const updatedTextConfig = [...this.singleCharConfig];\n\n    // 处理单词分组\n    for (let groupIndex = 0; groupIndex < this.wordGroups.length; groupIndex++) {\n      // 计算这个单词组的显示时间点\n      let appearTime;\n      if (this.slideDirection === 'left') {\n        // 从右到左顺序（最后的单词先出现）\n        appearTime = ((totalGroups - 1 - groupIndex) / totalGroups) * maxTextShowRatio;\n      } else {\n        // 标准顺序（第一个单词先出现）\n        appearTime = (groupIndex / totalGroups) * maxTextShowRatio;\n      }\n\n      // 如果当前时间还没到显示这个单词的时间点，保持隐藏状态\n      if (ratio < appearTime) {\n        for (const charIndex of this.wordGroups[groupIndex]) {\n          const item = updatedTextConfig[charIndex];\n          if ('text' in item) {\n            updatedTextConfig[charIndex] = {\n              ...item,\n              opacity: 0,\n              dx: this.getInitialDx(),\n              dy: this.getInitialDy()\n            };\n          }\n        }\n        continue;\n      }\n\n      // 计算动画进度（0-1之间）\n      const animProgress = (ratio - appearTime) / this.fadeInDuration;\n      const progress = Math.max(0, Math.min(1, animProgress));\n\n      // 计算当前偏移和透明度\n      const dx = this.getInitialDx() * (1 - progress);\n      const dy = this.getInitialDy() * (1 - progress);\n\n      // 更新这个单词的所有字符\n      for (const charIndex of this.wordGroups[groupIndex]) {\n        const item = updatedTextConfig[charIndex];\n        if ('text' in item) {\n          updatedTextConfig[charIndex] = {\n            ...item,\n            opacity: progress,\n            dx,\n            dy\n          };\n        }\n      }\n    }\n\n    return updatedTextConfig;\n  }\n\n  // 按字符更新文本配置\n  private updateByCharacter(ratio: number, maxTextShowRatio: number): IRichTextCharacter[] {\n    const totalItems = this.toTextConfig.length;\n    const updatedTextConfig = [...this.singleCharConfig];\n\n    // 更新每个字符的状态\n    for (let index = 0; index < updatedTextConfig.length; index++) {\n      const item = updatedTextConfig[index];\n      if ('text' in item) {\n        // 计算每个字符的显示时间点\n        // 对于left方向，反转显示顺序（从右到左）\n        let appearTime;\n        if (this.slideDirection === 'left') {\n          // 从右到左的顺序 (最后的字符先出现)\n          appearTime = ((totalItems - 1 - index) / totalItems) * maxTextShowRatio;\n        } else {\n          // 标准顺序 (第一个字符先出现)\n          appearTime = (index / totalItems) * maxTextShowRatio;\n        }\n\n        // 如果当前时间还没到显示这个字符的时间点，保持隐藏状态\n        if (ratio < appearTime) {\n          updatedTextConfig[index] = {\n            ...item,\n            opacity: 0,\n            dx: this.getInitialDx(),\n            dy: this.getInitialDy()\n          };\n          continue;\n        }\n\n        // 计算动画进度（0-1之间）\n        const animProgress = (ratio - appearTime) / this.fadeInDuration;\n        const progress = Math.max(0, Math.min(1, animProgress));\n\n        // 计算当前偏移和透明度\n        const dx = this.getInitialDx() * (1 - progress);\n        const dy = this.getInitialDy() * (1 - progress);\n\n        updatedTextConfig[index] = {\n          ...item,\n          opacity: progress,\n          dx,\n          dy\n        };\n      }\n    }\n\n    return updatedTextConfig;\n  }\n}\n"]}

package/cjs/custom/rotate.d.ts

@@ -0,0 +1,33 @@
+import type { EasingType, IGraphic } from '@visactor/vrender-core';
+import { ACustomAnimate } from './custom-animate';
+export interface IRotateAnimationOptions {
+    orient?: 'clockwise' | 'anticlockwise';
+    angle?: number;
+}
+export declare const rotateIn: (graphic: IGraphic, options: IRotateAnimationOptions) => {
+    from: {
+        angle: number;
+    };
+    to: {
+        angle: any;
+    };
+};
+export declare const rotateOut: (graphic: IGraphic, options: IRotateAnimationOptions) => {
+    from: {
+        angle: any;
+    };
+    to: {
+        angle: number;
+    };
+};
+export declare class RotateBase extends ACustomAnimate<Record<string, number>> {
+    valid: boolean;
+    constructor(from: null, to: null, duration: number, easing: EasingType, params?: any);
+    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+}
+export declare class RotateIn extends RotateBase {
+    onBind(): void;
+}
+export declare class RotateOut extends RotateBase {
+    onBind(): void;
+}

package/cjs/custom/rotate.js

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.RotateOut = exports.RotateIn = exports.RotateBase = exports.rotateOut = exports.rotateIn = void 0;
+
+const vutils_1 = require("@visactor/vutils"), custom_animate_1 = require("./custom-animate"), rotateIn = (graphic, options) => {
+    var _a;
+    const attributeAngle = null !== (_a = graphic.getFinalAttribute().angle) && void 0 !== _a ? _a : 0;
+    let angle = 0;
+    return angle = (0, vutils_1.isNumberClose)(attributeAngle / (2 * Math.PI), 0) ? Math.round(attributeAngle / (2 * Math.PI)) * Math.PI * 2 : (0, 
+    vutils_1.isValidNumber)(null == options ? void 0 : options.angle) ? options.angle : "anticlockwise" === (null == options ? void 0 : options.orient) ? Math.ceil(attributeAngle / (2 * Math.PI)) * Math.PI * 2 : Math.floor(attributeAngle / (2 * Math.PI)) * Math.PI * 2, 
+    {
+        from: {
+            angle: angle
+        },
+        to: {
+            angle: attributeAngle
+        }
+    };
+};
+
+exports.rotateIn = rotateIn;
+
+const rotateOut = (graphic, options) => {
+    var _a;
+    const finalAngle = null !== (_a = graphic.getFinalAttribute().angle) && void 0 !== _a ? _a : 0;
+    let angle = 0;
+    return angle = (0, vutils_1.isNumberClose)(finalAngle / (2 * Math.PI), 0) ? Math.round(finalAngle / (2 * Math.PI)) * Math.PI * 2 : (0, 
+    vutils_1.isValidNumber)(null == options ? void 0 : options.angle) ? options.angle : "anticlockwise" === (null == options ? void 0 : options.orient) ? Math.ceil(finalAngle / (2 * Math.PI)) * Math.PI * 2 : Math.floor(finalAngle / (2 * Math.PI)) * Math.PI * 2, 
+    {
+        from: {
+            angle: finalAngle
+        },
+        to: {
+            angle: angle
+        }
+    };
+};
+
+exports.rotateOut = rotateOut;
+
+class RotateBase extends custom_animate_1.ACustomAnimate {
+    constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+    }
+    onUpdate(end, ratio, out) {
+        const attribute = this.target.attribute;
+        this.propKeys.forEach((key => {
+            attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        })), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+    }
+}
+
+exports.RotateBase = RotateBase;
+
+class RotateIn extends RotateBase {
+    onBind() {
+        const {from: from, to: to} = (0, exports.rotateIn)(this.target, this.params.options);
+        this.props = to, this.propKeys = [ "angle" ], this.from = from, this.to = to;
+        const finalAttribute = this.target.getFinalAttribute();
+        finalAttribute && Object.assign(this.target.attribute, finalAttribute), this.target.setAttributes(from);
+    }
+}
+
+exports.RotateIn = RotateIn;
+
+class RotateOut extends RotateBase {
+    onBind() {
+        const {from: from, to: to} = (0, exports.rotateOut)(this.target, this.params.options);
+        this.props = to, this.propKeys = [ "angle" ], this.from = from, this.to = to;
+    }
+}
+
+exports.RotateOut = RotateOut;
+//# sourceMappingURL=rotate.js.map

package/cjs/custom/rotate.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/custom/rotate.ts"],"names":[],"mappings":"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","file":"rotate.js","sourcesContent":["import type { EasingType, IGraphic } from '@visactor/vrender-core';\nimport { isNumberClose, isValidNumber } from '@visactor/vutils';\nimport { ACustomAnimate } from './custom-animate';\n\nexport interface IRotateAnimationOptions {\n  orient?: 'clockwise' | 'anticlockwise';\n  angle?: number;\n}\n\nexport const rotateIn = (graphic: IGraphic, options: IRotateAnimationOptions) => {\n  const finalAttrs = graphic.getFinalAttribute();\n  const attributeAngle = finalAttrs.angle ?? 0;\n\n  let angle = 0;\n  if (isNumberClose(attributeAngle / (Math.PI * 2), 0)) {\n    angle = Math.round(attributeAngle / (Math.PI * 2)) * Math.PI * 2;\n  } else if (isValidNumber(options?.angle)) {\n    angle = options.angle;\n  } else if (options?.orient === 'anticlockwise') {\n    angle = Math.ceil(attributeAngle / (Math.PI * 2)) * Math.PI * 2;\n  } else {\n    angle = Math.floor(attributeAngle / (Math.PI * 2)) * Math.PI * 2;\n  }\n  return {\n    from: { angle },\n    to: { angle: attributeAngle }\n  };\n};\n\nexport const rotateOut = (graphic: IGraphic, options: IRotateAnimationOptions) => {\n  const finalAttrs = graphic.getFinalAttribute();\n  const finalAngle = finalAttrs.angle ?? 0;\n  let angle = 0;\n  if (isNumberClose(finalAngle / (Math.PI * 2), 0)) {\n    angle = Math.round(finalAngle / (Math.PI * 2)) * Math.PI * 2;\n  } else if (isValidNumber(options?.angle)) {\n    angle = options.angle;\n  } else if (options?.orient === 'anticlockwise') {\n    angle = Math.ceil(finalAngle / (Math.PI * 2)) * Math.PI * 2;\n  } else {\n    angle = Math.floor(finalAngle / (Math.PI * 2)) * Math.PI * 2;\n  }\n  return {\n    from: { angle: finalAngle },\n    to: { angle }\n  };\n};\n\nexport class RotateBase extends ACustomAnimate<Record<string, number>> {\n  declare valid: boolean;\n\n  constructor(from: null, to: null, duration: number, easing: EasingType, params?: any) {\n    super(from, to, duration, easing, params);\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n    const attribute: Record<string, any> = this.target.attribute;\n    this.propKeys.forEach(key => {\n      attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;\n    });\n    this.target.addUpdatePositionTag();\n    this.target.addUpdateShapeAndBoundsTag();\n  }\n}\n\n/**\n * 增长渐入\n */\nexport class RotateIn extends RotateBase {\n  onBind(): void {\n    // 用于入场的时候设置属性（因为有动画的时候VChart不会再设置属性了）\n    const { from, to } = rotateIn(this.target, this.params.options);\n\n    this.props = to;\n    this.propKeys = ['angle'];\n    this.from = from;\n    this.to = to;\n\n    // 用于入场的时候设置属性（因为有动画的时候VChart不会再设置属性了）\n    const finalAttribute = this.target.getFinalAttribute();\n    if (finalAttribute) {\n      Object.assign(this.target.attribute, finalAttribute);\n    }\n\n    this.target.setAttributes(from);\n  }\n}\n\nexport class RotateOut extends RotateBase {\n  onBind(): void {\n    const { from, to } = rotateOut(this.target, this.params.options);\n    this.props = to;\n    this.propKeys = ['angle'];\n\n    this.from = from;\n    this.to = to;\n  }\n}\n"]}

package/cjs/custom/scale.d.ts

@@ -1,5 +1,4 @@
-import type { IAnimate, IStep } from '../intreface/animate';
-import type { EasingType } from '../intreface/easing';
+import type { EasingType, IAnimate, IStep } from '@visactor/vrender-core';
 import { ACustomAnimate } from './custom-animate';
 export interface IScaleAnimationOptions {
     direction?: 'x' | 'y' | 'xy';
@@ -13,6 +12,7 @@ export declare class ScaleIn extends ACustomAnimate<Record<string, number>> {
     updateX(ratio: number): void;
     updateY(ratio: number): void;
     updateXY(ratio: number): void;
+    deleteSelfAttr(key: string): void;
     onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
 }
 export declare class ScaleOut extends ACustomAnimate<Record<string, number>> {

package/cjs/custom/scale.js

@@ -11,38 +11,38 @@ class ScaleIn extends custom_animate_1.ACustomAnimate {
         super(from, to, duration, easing, params);
     }
     onBind() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         let from, to;
-        (null === (_a = this.params) || void 0 === _a ? void 0 : _a.diffAttrs) && Object.assign(this.target.attribute, this.params.diffAttrs);
-        const attrs = this.target.getFinalAttribute(), fromAttrs = null !== (_c = null === (_b = this.target.context) || void 0 === _b ? void 0 : _b.lastAttrs) && void 0 !== _c ? _c : {};
-        switch (null === (_d = this.params) || void 0 === _d ? void 0 : _d.direction) {
+        const attrs = this.target.getFinalAttribute(), fromAttrs = null !== (_a = this.target.attribute) && void 0 !== _a ? _a : {};
+        switch (null === (_b = this.params) || void 0 === _b ? void 0 : _b.direction) {
           case "x":
             from = {
-                scaleX: null !== (_e = fromAttrs.scaleX) && void 0 !== _e ? _e : 0
+                scaleX: null !== (_c = fromAttrs.scaleX) && void 0 !== _c ? _c : 0
             }, to = {
-                scaleX: null !== (_f = null == attrs ? void 0 : attrs.scaleX) && void 0 !== _f ? _f : 1
-            }, this.propKeys = [ "scaleX" ], this._updateFunction = this.updateX;
+                scaleX: null !== (_d = null == attrs ? void 0 : attrs.scaleX) && void 0 !== _d ? _d : 1
+            }, this._updateFunction = this.updateX;
             break;
 
           case "y":
             from = {
-                scaleY: null !== (_g = fromAttrs.scaleY) && void 0 !== _g ? _g : 0
+                scaleY: null !== (_e = fromAttrs.scaleY) && void 0 !== _e ? _e : 0
             }, to = {
-                scaleY: null !== (_h = null == attrs ? void 0 : attrs.scaleY) && void 0 !== _h ? _h : 1
-            }, this.propKeys = [ "scaleY" ], this._updateFunction = this.updateY;
+                scaleY: null !== (_f = null == attrs ? void 0 : attrs.scaleY) && void 0 !== _f ? _f : 1
+            }, this._updateFunction = this.updateY;
             break;
 
           default:
             from = {
-                scaleX: null !== (_j = fromAttrs.scaleX) && void 0 !== _j ? _j : 0,
-                scaleY: null !== (_k = fromAttrs.scaleY) && void 0 !== _k ? _k : 0
+                scaleX: null !== (_g = fromAttrs.scaleX) && void 0 !== _g ? _g : 0,
+                scaleY: null !== (_h = fromAttrs.scaleY) && void 0 !== _h ? _h : 0
             }, to = {
-                scaleX: null !== (_l = null == attrs ? void 0 : attrs.scaleX) && void 0 !== _l ? _l : 1,
-                scaleY: null !== (_m = null == attrs ? void 0 : attrs.scaleY) && void 0 !== _m ? _m : 1
-            }, this.propKeys = [ "scaleX", "scaleY" ], this._updateFunction = this.updateXY;
+                scaleX: null !== (_j = null == attrs ? void 0 : attrs.scaleX) && void 0 !== _j ? _j : 1,
+                scaleY: null !== (_k = null == attrs ? void 0 : attrs.scaleY) && void 0 !== _k ? _k : 1
+            }, this._updateFunction = this.updateXY;
         }
-        this.props = to, this.from = from, this.to = to, Object.assign(this.target.attribute, from), 
-        this.target.addUpdatePositionTag(), this.target.addUpdateBoundTag();
+        const finalAttribute = this.target.getFinalAttribute();
+        finalAttribute && Object.assign(this.target.attribute, finalAttribute), this.props = to, 
+        this.from = from, this.to = to, this.target.setAttributes(from);
     }
     onEnd(cb) {
         super.onEnd(cb);
@@ -56,8 +56,13 @@ class ScaleIn extends custom_animate_1.ACustomAnimate {
     updateXY(ratio) {
         this.updateX(ratio), this.updateY(ratio);
     }
+    deleteSelfAttr(key) {
+        delete this.props[key], this.fromProps && delete this.fromProps[key];
+        const index = this.propKeys.indexOf(key);
+        -1 !== index && this.propKeys.splice(index, 1), this.propKeys && this.propKeys.length > 1 ? this._updateFunction = this.updateXY : "scaleX" === this.propKeys[0] ? this._updateFunction = this.updateX : "scaleY" === this.propKeys[0] ? this._updateFunction = this.updateY : this._updateFunction = null;
+    }
     onUpdate(end, ratio, out) {
-        this._updateFunction(ratio), this.target.addUpdatePositionTag();
+        this._updateFunction && (this._updateFunction(ratio), this.target.addUpdatePositionTag());
     }
 }
 
@@ -70,7 +75,7 @@ class ScaleOut extends custom_animate_1.ACustomAnimate {
     onBind() {
         var _a, _b, _c, _d, _e;
         let from, to;
-        const attrs = this.target.getFinalAttribute();
+        const attrs = this.target.attribute;
         switch (null === (_a = this.params) || void 0 === _a ? void 0 : _a.direction) {
           case "x":
             from = {
@@ -97,8 +102,7 @@ class ScaleOut extends custom_animate_1.ACustomAnimate {
                 scaleY: 0
             };
         }
-        this.props = to, this.propKeys = Object.keys(to), this.animate.reSyncProps(), this.from = from, 
-        this.to = to;
+        this.props = to, this.from = from, this.to = to;
     }
     onEnd(cb) {
         super.onEnd(cb);

package/cjs/custom/scale.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/custom/scale.ts"],"names":[],"mappings":"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","file":"scale.js","sourcesContent":["import type { IAnimate, IStep } from '../intreface/animate';\nimport type { EasingType } from '../intreface/easing';\nimport { ACustomAnimate } from './custom-animate';\n\nexport interface IScaleAnimationOptions {\n  direction?: 'x' | 'y' | 'xy';\n}\n\nexport class ScaleIn extends ACustomAnimate<Record<string, number>> {\n  declare valid: boolean;\n\n  constructor(from: null, to: null, duration: number, easing: EasingType, params?: IScaleAnimationOptions) {\n    super(from, to, duration, easing, params);\n  }\n\n  declare _updateFunction: (ratio: number) => void;\n\n  onBind(): void {\n    // 用于入场的时候设置属性（因为有动画的时候VChart不会再设置属性了）\n    if (this.params?.diffAttrs) {\n      Object.assign(this.target.attribute, this.params.diffAttrs);\n    }\n    let from: Record<string, number>;\n    let to: Record<string, number>;\n    const attrs = this.target.getFinalAttribute();\n    const fromAttrs = this.target.context?.lastAttrs ?? {};\n\n    switch (this.params?.direction) {\n      case 'x':\n        from = { scaleX: fromAttrs.scaleX ?? 0 };\n        to = { scaleX: attrs?.scaleX ?? 1 };\n        this.propKeys = ['scaleX'];\n        this._updateFunction = this.updateX;\n        break;\n      case 'y':\n        from = { scaleY: fromAttrs.scaleY ?? 0 };\n        to = { scaleY: attrs?.scaleY ?? 1 };\n        this.propKeys = ['scaleY'];\n        this._updateFunction = this.updateY;\n        break;\n      case 'xy':\n      default:\n        from = { scaleX: fromAttrs.scaleX ?? 0, scaleY: fromAttrs.scaleY ?? 0 };\n        to = {\n          scaleX: attrs?.scaleX ?? 1,\n          scaleY: attrs?.scaleY ?? 1\n        };\n        this.propKeys = ['scaleX', 'scaleY'];\n        this._updateFunction = this.updateXY;\n    }\n\n    this.props = to;\n    // 性能消耗，不用reSyncProps\n    // this.animate.reSyncProps();\n    this.from = from;\n    this.to = to;\n    // 性能优化，不需要setAttributes\n    Object.assign(this.target.attribute, from);\n    this.target.addUpdatePositionTag();\n    this.target.addUpdateBoundTag();\n  }\n\n  onEnd(cb?: (animate: IAnimate, step: IStep) => void): void {\n    super.onEnd(cb);\n  }\n\n  updateX(ratio: number): void {\n    this.target.attribute.scaleX = this.from.scaleX + (this.to.scaleX - this.from.scaleX) * ratio;\n  }\n\n  updateY(ratio: number): void {\n    this.target.attribute.scaleY = this.from.scaleY + (this.to.scaleY - this.from.scaleY) * ratio;\n  }\n\n  updateXY(ratio: number): void {\n    this.updateX(ratio);\n    this.updateY(ratio);\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n    this._updateFunction(ratio);\n    this.target.addUpdatePositionTag();\n  }\n}\n\nexport class ScaleOut extends ACustomAnimate<Record<string, number>> {\n  declare valid: boolean;\n\n  constructor(from: null, to: null, duration: number, easing: EasingType, params?: IScaleAnimationOptions) {\n    super(from, to, duration, easing, params);\n  }\n\n  onBind(): void {\n    let from: Record<string, number>;\n    let to: Record<string, number>;\n    // 获取当前的数据\n    const attrs = this.target.getFinalAttribute();\n    switch (this.params?.direction) {\n      case 'x':\n        from = { scaleX: attrs?.scaleX ?? 1 };\n        to = { scaleX: 0 };\n        break;\n      case 'y':\n        from = { scaleY: attrs?.scaleY ?? 1 };\n        to = { scaleY: 0 };\n        break;\n      case 'xy':\n      default:\n        from = { scaleX: attrs?.scaleX ?? 1, scaleY: attrs?.scaleY ?? 1 };\n        to = {\n          scaleX: 0,\n          scaleY: 0\n        };\n    }\n    this.props = to;\n    this.propKeys = Object.keys(to);\n    this.animate.reSyncProps();\n    this.from = from;\n    this.to = to;\n  }\n\n  onEnd(cb?: (animate: IAnimate, step: IStep) => void): void {\n    super.onEnd(cb);\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n    const attribute: Record<string, any> = this.target.attribute;\n    this.propKeys.forEach(key => {\n      attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;\n    });\n    this.target.addUpdatePositionTag();\n  }\n}\n"]}
+{"version":3,"sources":["../src/custom/scale.ts"],"names":[],"mappings":"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","file":"scale.js","sourcesContent":["import type { EasingType, IAnimate, IStep } from '@visactor/vrender-core';\nimport { ACustomAnimate } from './custom-animate';\n\nexport interface IScaleAnimationOptions {\n  direction?: 'x' | 'y' | 'xy';\n}\n\nexport class ScaleIn extends ACustomAnimate<Record<string, number>> {\n  declare valid: boolean;\n\n  constructor(from: null, to: null, duration: number, easing: EasingType, params?: IScaleAnimationOptions) {\n    super(from, to, duration, easing, params);\n  }\n\n  declare _updateFunction: (ratio: number) => void;\n\n  onBind(): void {\n    let from: Record<string, number>;\n    let to: Record<string, number>;\n    const attrs = this.target.getFinalAttribute();\n    const fromAttrs = this.target.attribute ?? {};\n\n    switch (this.params?.direction) {\n      case 'x':\n        from = { scaleX: fromAttrs.scaleX ?? 0 };\n        to = { scaleX: attrs?.scaleX ?? 1 };\n        this._updateFunction = this.updateX;\n        break;\n      case 'y':\n        from = { scaleY: fromAttrs.scaleY ?? 0 };\n        to = { scaleY: attrs?.scaleY ?? 1 };\n        this._updateFunction = this.updateY;\n        break;\n      case 'xy':\n      default:\n        from = { scaleX: fromAttrs.scaleX ?? 0, scaleY: fromAttrs.scaleY ?? 0 };\n        to = {\n          scaleX: attrs?.scaleX ?? 1,\n          scaleY: attrs?.scaleY ?? 1\n        };\n        this._updateFunction = this.updateXY;\n    }\n\n    // 用于入场的时候设置属性（因为有动画的时候VChart不会再设置属性了）\n    const finalAttribute = this.target.getFinalAttribute();\n    if (finalAttribute) {\n      Object.assign(this.target.attribute, finalAttribute);\n    }\n\n    this.props = to;\n    this.from = from;\n    this.to = to;\n    // 调用次数不多，可以setAttributes\n    this.target.setAttributes(from);\n  }\n\n  onEnd(cb?: (animate: IAnimate, step: IStep) => void): void {\n    super.onEnd(cb);\n  }\n\n  updateX(ratio: number): void {\n    this.target.attribute.scaleX = this.from.scaleX + (this.to.scaleX - this.from.scaleX) * ratio;\n  }\n\n  updateY(ratio: number): void {\n    this.target.attribute.scaleY = this.from.scaleY + (this.to.scaleY - this.from.scaleY) * ratio;\n  }\n\n  updateXY(ratio: number): void {\n    this.updateX(ratio);\n    this.updateY(ratio);\n  }\n\n  /**\n   * 删除自身属性，会直接从props等内容里删除掉\n   */\n  deleteSelfAttr(key: string): void {\n    delete this.props[key];\n    // fromProps在动画开始时才会计算，这时可能不在\n    this.fromProps && delete this.fromProps[key];\n    const index = this.propKeys.indexOf(key);\n    if (index !== -1) {\n      this.propKeys.splice(index, 1);\n    }\n\n    if (this.propKeys && this.propKeys.length > 1) {\n      this._updateFunction = this.updateXY;\n    } else if (this.propKeys[0] === 'scaleX') {\n      this._updateFunction = this.updateX;\n    } else if (this.propKeys[0] === 'scaleY') {\n      this._updateFunction = this.updateY;\n    } else {\n      this._updateFunction = null;\n    }\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n    if (this._updateFunction) {\n      this._updateFunction(ratio);\n      this.target.addUpdatePositionTag();\n    }\n  }\n}\n\nexport class ScaleOut extends ACustomAnimate<Record<string, number>> {\n  declare valid: boolean;\n\n  constructor(from: null, to: null, duration: number, easing: EasingType, params?: IScaleAnimationOptions) {\n    super(from, to, duration, easing, params);\n  }\n\n  onBind(): void {\n    let from: Record<string, number>;\n    let to: Record<string, number>;\n    // 获取当前的数据\n    const attrs = this.target.attribute;\n    switch (this.params?.direction) {\n      case 'x':\n        from = { scaleX: attrs?.scaleX ?? 1 };\n        to = { scaleX: 0 };\n        break;\n      case 'y':\n        from = { scaleY: attrs?.scaleY ?? 1 };\n        to = { scaleY: 0 };\n        break;\n      case 'xy':\n      default:\n        from = { scaleX: attrs?.scaleX ?? 1, scaleY: attrs?.scaleY ?? 1 };\n        to = {\n          scaleX: 0,\n          scaleY: 0\n        };\n    }\n    this.props = to;\n    this.from = from;\n    this.to = to;\n  }\n\n  onEnd(cb?: (animate: IAnimate, step: IStep) => void): void {\n    super.onEnd(cb);\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n    const attribute: Record<string, any> = this.target.attribute;\n    this.propKeys.forEach(key => {\n      attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;\n    });\n    this.target.addUpdatePositionTag();\n  }\n}\n"]}

package/cjs/custom/sphere.js

@@ -22,5 +22,4 @@ class RotateBySphereAnimate extends custom_animate_1.ACustomAnimate {
     }
 }
 
-exports.RotateBySphereAnimate = RotateBySphereAnimate;
-//# sourceMappingURL=sphere.js.map
+exports.RotateBySphereAnimate = RotateBySphereAnimate;

package/cjs/custom/state.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>;

package/cjs/custom/state.js.map

@@ -1 +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"]}
+{"version":3,"sources":["../src/custom/state.ts"],"names":[],"mappings":";;;AACA,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 { EasingType, IAnimate, IStep } 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 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/story.d.ts

@@ -0,0 +1,128 @@
+import { FadeIn } from './fade';
+import type { EasingType } from '@visactor/vrender-core';
+import { ACustomAnimate } from './custom-animate';
+export declare class StoryFadeIn extends FadeIn {
+}
+export interface ISlideAnimationOptions {
+    direction?: 'top' | 'bottom' | 'left' | 'right';
+    distance?: number;
+    fromOpacity?: number;
+}
+export interface IGrowAnimationOptions {
+    fromScale?: number;
+    direction?: 'x' | 'y' | 'xy';
+    fromOpacity?: number;
+}
+export interface ISpinAnimationOptions {
+    fromAngle?: number;
+    fromScale?: number;
+    fromOpacity?: number;
+}
+export declare class SlideIn extends ACustomAnimate<Record<string, number>> {
+    valid: boolean;
+    propKeys: string[];
+    from: Record<string, number>;
+    to: Record<string, number>;
+    constructor(from: null, to: null, duration: number, easing: EasingType, params?: ISlideAnimationOptions);
+    onBind(): void;
+    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+}
+export declare class GrowIn extends ACustomAnimate<Record<string, number>> {
+    valid: boolean;
+    propKeys: string[];
+    from: Record<string, number>;
+    to: Record<string, number>;
+    constructor(from: null, to: null, duration: number, easing: EasingType, params?: IGrowAnimationOptions);
+    onBind(): void;
+    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+}
+export declare class SpinIn extends ACustomAnimate<Record<string, number>> {
+    valid: boolean;
+    propKeys: string[];
+    from: Record<string, number>;
+    to: Record<string, number>;
+    constructor(from: null, to: null, duration: number, easing: EasingType, params?: ISpinAnimationOptions);
+    onBind(): void;
+    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+}
+export interface IMoveScaleAnimationOptions {
+    slideDirection?: 'top' | 'bottom' | 'left' | 'right';
+    slideDistance?: number;
+    fromScale?: number;
+    scaleDirection?: 'x' | 'y' | 'xy';
+    slideRatio?: number;
+    fromOpacity?: number;
+}
+export declare class MoveScaleIn extends ACustomAnimate<any> {
+    valid: boolean;
+    private readonly slideInDuration;
+    private readonly growInDuration;
+    constructor(from: null, to: null, duration: number, easing: EasingType, params?: IMoveScaleAnimationOptions);
+    onBind(): void;
+    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+}
+export interface IMoveRotateAnimationOptions {
+    slideDirection?: 'top' | 'bottom' | 'left' | 'right';
+    slideDistance?: number;
+    fromAngle?: number;
+    fromScale?: number;
+    slideRatio?: number;
+    fromOpacity?: number;
+}
+export declare class MoveRotateIn extends ACustomAnimate<any> {
+    valid: boolean;
+    private readonly slideInDuration;
+    private readonly spinInDuration;
+    constructor(from: null, to: null, duration: number, easing: EasingType, params?: IMoveRotateAnimationOptions);
+    onBind(): void;
+    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+}
+export declare class SlideOut extends ACustomAnimate<Record<string, number>> {
+    valid: boolean;
+    propKeys: string[];
+    from: Record<string, number>;
+    to: Record<string, number>;
+    constructor(from: null, to: null, duration: number, easing: EasingType, params?: ISlideAnimationOptions & {
+        toOpacity?: number;
+    });
+    onFirstRun(): void;
+    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+}
+export declare class GrowOut extends ACustomAnimate<Record<string, number>> {
+    valid: boolean;
+    propKeys: string[];
+    from: Record<string, number>;
+    to: Record<string, number>;
+    constructor(from: null, to: null, duration: number, easing: EasingType, params?: IGrowAnimationOptions & {
+        toOpacity?: number;
+    });
+    onFirstRun(): void;
+    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+}
+export declare class SpinOut extends ACustomAnimate<Record<string, number>> {
+    valid: boolean;
+    propKeys: string[];
+    from: Record<string, number>;
+    to: Record<string, number>;
+    constructor(from: null, to: null, duration: number, easing: EasingType, params?: ISpinAnimationOptions & {
+        toOpacity?: number;
+    });
+    onFirstRun(): void;
+    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+}
+export declare class MoveScaleOut extends ACustomAnimate<any> {
+    valid: boolean;
+    private readonly growOutDuration;
+    private readonly slideOutDuration;
+    constructor(from: null, to: null, duration: number, easing: EasingType, params?: IMoveScaleAnimationOptions);
+    onFirstRun(): void;
+    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+}
+export declare class MoveRotateOut extends ACustomAnimate<any> {
+    valid: boolean;
+    private readonly spinOutDuration;
+    private readonly slideOutDuration;
+    constructor(from: null, to: null, duration: number, easing: EasingType, params?: IMoveRotateAnimationOptions);
+    onFirstRun(): void;
+    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+}