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

package/cjs/intreface/animate.js

@@ -1,10 +0,0 @@
-"use strict";
-
-var AnimateMode;
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), exports.AnimateMode = void 0, function(AnimateMode) {
-    AnimateMode[AnimateMode.NORMAL = 0] = "NORMAL", AnimateMode[AnimateMode.SET_ATTR_IMMEDIATELY = 1] = "SET_ATTR_IMMEDIATELY";
-}(AnimateMode = exports.AnimateMode || (exports.AnimateMode = {}));
-//# sourceMappingURL=animate.js.map

package/cjs/intreface/animate.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/intreface/animate.ts"],"names":[],"mappings":";;;AAsKA,IAAY,WAGX;AAHD,WAAY,WAAW;IACrB,iDAAe,CAAA;IACf,6EAA6B,CAAA;AAC/B,CAAC,EAHW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAGtB","file":"animate.js","sourcesContent":["import type { IGraphic } from '@visactor/vrender-core';\nimport type { EasingType, EasingTypeFunc } from './easing';\nimport type { AnimateStatus, IAnimateStepType } from './type';\nimport type { ITimeline } from './timeline';\n\nexport interface ICustomAnimate extends IStep {\n  type: IAnimateStepType;\n}\n\nexport interface IStep {\n  type: IAnimateStepType;\n  prev?: IStep;\n  // 持续时间\n  duration: number;\n  // 链表，下一个\n  next?: IStep;\n  // 属性\n  props?: Record<string, any>;\n  // 解析后的属性（用于性能优化，避免每次tick都解析）\n  fromParsedProps?: Record<string, any>;\n  toParsedProps?: Record<string, any>;\n  fromProps?: Record<string, any>;\n  // 解析后的属性列表（用于性能优化，避免每次tick都解析）\n  propKeys?: string[];\n  // 缓动函数\n  easing?: EasingTypeFunc;\n\n  // 添加一个\n  append: (step: IStep) => void;\n  // 获取上一个props，用于完成这次的fromValue 和 toValue的插值\n  getLastProps: () => any;\n\n  animate: IAnimate;\n\n  // 设置持续时间\n  setDuration: (duration: number, updateDownstream?: boolean) => void;\n  // 获取持续时间\n  getDuration: () => number;\n  // 确定插值更新函数（在开始的时候就确定，避免每次tick都解析）\n  determineInterpolateUpdateFunction: () => void;\n\n  // 设置开始时间\n  setStartTime: (time: number, updateDownstream?: boolean) => void;\n  // 获取开始时间\n  getStartTime: () => number;\n\n  bind: (target: IGraphic, animate: IAnimate) => void;\n  // 在第一次绑定到Animate的时候触发\n  onBind: () => void;\n  // 第一次执行的时候调用\n  onFirstRun: () => void;\n  // 开始执行的时候调用（如果有循环，那每个周期都会调用）\n  onStart: () => void;\n  // 结束执行的时候调用（如果有循环，那每个周期都会调用）\n  onEnd: (cb?: (animate: IAnimate, step: IStep) => void) => void;\n  // 更新执行的时候调用（如果有循环，那每个周期都会调用）\n  update: (end: boolean, ratio: number, out: Record<string, any>) => void;\n  onUpdate: (end: boolean, ratio: number, out: Record<string, any>) => void;\n\n  getEndProps: () => Record<string, any> | void;\n  getFromProps: () => Record<string, any> | void;\n  getMergedEndProps: () => Record<string, any> | void;\n\n  // 屏蔽自身属性，会直接从props等内容里删除掉\n  deleteSelfAttr: (key: string) => void;\n\n  // 停止\n  stop: () => void;\n}\n\nexport interface IAnimate {\n  readonly id: string | number;\n  status: AnimateStatus;\n  target: IGraphic;\n  priority: number;\n  interpolateUpdateFunction:\n    | ((from: Record<string, any>, to: Record<string, any>, ratio: number, step: IStep, target: IGraphic) => void)\n    | null;\n\n  _onStart?: (() => void)[];\n  _onFrame?: ((step: IStep, ratio: number) => void)[];\n  _onEnd?: (() => void)[];\n  _onRemove?: (() => void)[];\n\n  getStartProps: () => Record<string, any>;\n  getEndProps: () => Record<string, any>;\n\n  // 设置timeline\n  setTimeline: (timeline: ITimeline) => void;\n  // 获取timeline\n  getTimeline: () => ITimeline;\n  readonly timeline: ITimeline;\n\n  bind: (target: IGraphic) => this;\n  to: (props: Record<string, any>, duration: number, easing: EasingType) => this;\n  from: (props: Record<string, any>, duration: number, easing: EasingType) => this;\n  pause: () => void;\n  resume: () => void;\n  onStart: (cb?: () => void) => void;\n  onEnd: (cb?: () => void) => void;\n  onFrame: (cb: (step: IStep, ratio: number) => void) => void;\n  onRemove: (cb?: () => void) => void;\n  // 屏蔽属性\n  preventAttr: (key: string) => void;\n  // 屏蔽属性\n  preventAttrs: (key: string[]) => void;\n  // 属性是否合法\n  validAttr: (key: string) => boolean;\n\n  runCb: (cb: (a: IAnimate, step: IStep) => void) => IAnimate;\n\n  // 自定义插值，返回false表示没有匹配上\n  customInterpolate: (\n    key: string,\n    ratio: number,\n    from: any,\n    to: any,\n    target: IGraphic,\n    ret: Record<string, any>\n  ) => boolean;\n  play: (customAnimate: ICustomAnimate) => this;\n\n  getFromValue: () => Record<string, any>;\n  getToValue: () => Record<string, any>;\n  // 停止，可以设置停止后设置target的属性为开始的值（fromValue），还是结束的值（toValue）\n  stop: (type?: 'start' | 'end' | Record<string, any>) => void;\n  /** 打上END标志，下一帧被删除 */\n  release: () => void;\n  // 获取持续的时长\n  getDuration: () => number;\n  getTotalDuration: () => number;\n  // 获取动画开始时间（注意并不是子动画的startAt）\n  getStartTime: () => number;\n  // 等待delay\n  wait: (delay: number) => this;\n\n  /* 动画编排 */\n  // 所有动画结束后执行\n  afterAll: (list: IAnimate[]) => this;\n  // 在某个动画结束后执行\n  after: (animate: IAnimate) => this;\n  // 并行执行\n  parallel: (animate: IAnimate) => this;\n\n  getLoop: () => number;\n\n  // 反转动画\n  // reversed: (r: boolean) => IAnimate;\n  // 循环动画\n  loop: (n: number | boolean) => IAnimate;\n  // 反弹动画\n  bounce: (b: boolean) => IAnimate;\n\n  advance: (delta: number) => void;\n\n  // 设置开始时间（startAt之前是完全不会进入动画生命周期的）\n  // 它和wait不一样，如果调用的是wait，wait过程中还算是一个动画阶段，只是空的阶段，而startAt之前是完全不会进入动画生命周期的\n  startAt: (t: number) => IAnimate;\n\n  // 重新同步和计算props，用于内部某些step发生了变更后，重新计算自身\n  reSyncProps: () => void;\n\n  // 更新duration\n  updateDuration: () => void;\n}\n\nexport enum AnimateMode {\n  NORMAL = 0b0000,\n  SET_ATTR_IMMEDIATELY = 0b0001\n}\n"]}

package/cjs/intreface/easing.d.ts

@@ -1,3 +0,0 @@
-export type EasingTypeStr = 'linear' | 'quadIn' | 'quadOut' | 'quadInOut' | 'quadInOut' | 'cubicIn' | 'cubicOut' | 'cubicInOut' | 'quartIn' | 'quartOut' | 'quartInOut' | 'quintIn' | 'quintOut' | 'quintInOut' | 'backIn' | 'backOut' | 'backInOut' | 'circIn' | 'circOut' | 'circInOut' | 'bounceOut' | 'bounceIn' | 'bounceInOut' | 'elasticIn' | 'elasticOut' | 'elasticInOut' | 'sineIn' | 'sineOut' | 'sineInOut' | 'expoIn' | 'expoOut' | 'expoInOut' | 'easeInOutQuad' | 'easeOutElastic' | 'easeInOutElastic' | '';
-export type EasingTypeFunc = (t: number) => number;
-export type EasingType = EasingTypeStr | EasingTypeFunc;

package/cjs/intreface/easing.js

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

package/cjs/intreface/easing.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/intreface/easing.ts"],"names":[],"mappings":"","file":"easing.js","sourcesContent":["export type EasingTypeStr =\n  | 'linear'\n  | 'quadIn'\n  | 'quadOut'\n  | 'quadInOut'\n  | 'quadInOut'\n  | 'cubicIn'\n  | 'cubicOut'\n  | 'cubicInOut'\n  | 'quartIn'\n  | 'quartOut'\n  | 'quartInOut'\n  | 'quintIn'\n  | 'quintOut'\n  | 'quintInOut'\n  | 'backIn'\n  | 'backOut'\n  | 'backInOut'\n  | 'circIn'\n  | 'circOut'\n  | 'circInOut'\n  | 'bounceOut'\n  | 'bounceIn'\n  | 'bounceInOut'\n  | 'elasticIn'\n  | 'elasticOut'\n  | 'elasticInOut'\n  | 'sineIn'\n  | 'sineOut'\n  | 'sineInOut'\n  | 'expoIn'\n  | 'expoOut'\n  | 'expoInOut'\n  // @since 0.21.0\n  | 'easeInOutQuad'\n  | 'easeOutElastic'\n  | 'easeInOutElastic'\n  | '';\nexport type EasingTypeFunc = (t: number) => number;\n\nexport type EasingType = EasingTypeStr | EasingTypeFunc;\n"]}

package/cjs/intreface/ticker.d.ts

@@ -1,37 +0,0 @@
-import type { EventEmitter } from '@visactor/vutils';
-import type { ITimeline } from './timeline';
-export type TickerMode = 'raf' | 'timeout' | 'manual';
-export declare enum STATUS {
-    INITIAL = 0,
-    RUNNING = 1,
-    PAUSE = 2
-}
-export interface ITickHandler {
-    tick: (interval: number, cb: (handler: ITickHandler) => void) => void;
-    tickTo?: (t: number, cb: (handler: ITickHandler, params?: {
-        once: boolean;
-    }) => void) => void;
-    getTime: () => number;
-    release: () => void;
-}
-export interface ITickerHandlerStatic {
-    new (): ITickHandler;
-}
-export interface ITicker extends EventEmitter {
-    setFPS?: (fps: number) => void;
-    setInterval?: (interval: number) => void;
-    getFPS?: () => number;
-    getInterval?: () => number;
-    tick: (interval: number) => void;
-    tickAt?: (time: number) => void;
-    pause: () => boolean;
-    resume: () => boolean;
-    start: (force?: boolean) => boolean;
-    stop: () => void;
-    addTimeline: (timeline: ITimeline) => void;
-    remTimeline: (timeline: ITimeline) => void;
-    trySyncTickStatus: () => void;
-    getTimelines: () => ITimeline[];
-    release: () => void;
-    autoStop: boolean;
-}

package/cjs/intreface/ticker.js

@@ -1,11 +0,0 @@
-"use strict";
-
-var STATUS;
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), exports.STATUS = void 0, function(STATUS) {
-    STATUS[STATUS.INITIAL = 0] = "INITIAL", STATUS[STATUS.RUNNING = 1] = "RUNNING", 
-    STATUS[STATUS.PAUSE = 2] = "PAUSE";
-}(STATUS = exports.STATUS || (exports.STATUS = {}));
-//# sourceMappingURL=ticker.js.map

package/cjs/intreface/ticker.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/intreface/ticker.ts"],"names":[],"mappings":";;;AASA,IAAY,MAIX;AAJD,WAAY,MAAM;IAChB,yCAAW,CAAA;IACX,yCAAW,CAAA;IACX,qCAAS,CAAA;AACX,CAAC,EAJW,MAAM,GAAN,cAAM,KAAN,cAAM,QAIjB","file":"ticker.js","sourcesContent":["/**\n * Ticker Types for Animation Graph\n */\n\nimport type { EventEmitter } from '@visactor/vutils';\nimport type { ITimeline } from './timeline';\n\nexport type TickerMode = 'raf' | 'timeout' | 'manual';\n\nexport enum STATUS {\n  INITIAL = 0, // initial represents initial state\n  RUNNING = 1, // running represents executing\n  PAUSE = 2 // PAUSE represents tick continues but functions are not executed\n}\n\nexport interface ITickHandler {\n  /**\n   * Start executing tick\n   * @param interval Delay in ms\n   * @param cb Callback to execute\n   */\n  tick: (interval: number, cb: (handler: ITickHandler) => void) => void;\n  tickTo?: (t: number, cb: (handler: ITickHandler, params?: { once: boolean }) => void) => void;\n  getTime: () => number; // Get current time\n  release: () => void;\n}\n\nexport interface ITickerHandlerStatic {\n  new (): ITickHandler;\n}\n\nexport interface ITicker extends EventEmitter {\n  setFPS?: (fps: number) => void;\n  setInterval?: (interval: number) => void;\n  getFPS?: () => number;\n  getInterval?: () => number;\n  tick: (interval: number) => void;\n  tickAt?: (time: number) => void;\n  pause: () => boolean;\n  resume: () => boolean;\n  /**\n   * Start ticking, if force is true, start regardless;\n   * otherwise, don't start if timeline is empty\n   */\n  start: (force?: boolean) => boolean;\n  stop: () => void;\n  addTimeline: (timeline: ITimeline) => void;\n  remTimeline: (timeline: ITimeline) => void;\n  trySyncTickStatus: () => void;\n  getTimelines: () => ITimeline[];\n  release: () => void;\n\n  // Whether to automatically stop, default is true\n  autoStop: boolean;\n}\n"]}

package/cjs/intreface/timeline.d.ts

@@ -1,17 +0,0 @@
-import type { IAnimate } from './animate';
-export interface ITimeline {
-    id: number;
-    isGlobal?: boolean;
-    animateCount: number;
-    addAnimate: (animate: IAnimate) => void;
-    removeAnimate: (animate: IAnimate, release?: boolean) => void;
-    tick: (delta: number) => void;
-    clear: () => void;
-    pause: () => void;
-    resume: () => void;
-    getTotalDuration: () => number;
-    getPlaySpeed: () => number;
-    setPlaySpeed: (speed: number) => void;
-    getPlayState: () => 'playing' | 'paused' | 'stopped';
-    isRunning: () => boolean;
-}

package/cjs/intreface/timeline.js

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

package/cjs/intreface/timeline.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/intreface/timeline.ts"],"names":[],"mappings":"","file":"timeline.js","sourcesContent":["import type { IAnimate } from './animate';\n\nexport interface ITimeline {\n  id: number;\n  isGlobal?: boolean;\n  // 包含的动画数量（animate数组的数量），包含所有动画\n  animateCount: number;\n  // 添加动画\n  addAnimate: (animate: IAnimate) => void;\n  // 移除动画\n  removeAnimate: (animate: IAnimate, release?: boolean) => void;\n  // 更新动画\n  tick: (delta: number) => void;\n  // 清除动画\n  clear: () => void;\n  // 暂停动画\n  pause: () => void;\n  // 恢复动画\n  resume: () => void;\n  // 获取动画总时长\n  getTotalDuration: () => number;\n  // 获取动画的播放速度\n  getPlaySpeed: () => number;\n  // 设置动画的播放速度\n  setPlaySpeed: (speed: number) => void;\n  // 获取动画的播放状态\n  getPlayState: () => 'playing' | 'paused' | 'stopped';\n  // 获取动画是否正在运行\n  isRunning: () => boolean;\n}\n"]}

package/cjs/intreface/type.d.ts

@@ -1,13 +0,0 @@
-export declare enum AnimateStepType {
-    wait = "wait",
-    from = "from",
-    to = "to",
-    customAnimate = "customAnimate"
-}
-export declare enum AnimateStatus {
-    INITIAL = 0,
-    RUNNING = 1,
-    PAUSED = 2,
-    END = 3
-}
-export type IAnimateStepType = keyof typeof AnimateStepType;

package/cjs/intreface/type.js

@@ -1,15 +0,0 @@
-"use strict";
-
-var AnimateStepType, AnimateStatus;
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), exports.AnimateStatus = exports.AnimateStepType = void 0, function(AnimateStepType) {
-    AnimateStepType.wait = "wait", AnimateStepType.from = "from", AnimateStepType.to = "to", 
-    AnimateStepType.customAnimate = "customAnimate";
-}(AnimateStepType = exports.AnimateStepType || (exports.AnimateStepType = {})), 
-function(AnimateStatus) {
-    AnimateStatus[AnimateStatus.INITIAL = 0] = "INITIAL", AnimateStatus[AnimateStatus.RUNNING = 1] = "RUNNING", 
-    AnimateStatus[AnimateStatus.PAUSED = 2] = "PAUSED", AnimateStatus[AnimateStatus.END = 3] = "END";
-}(AnimateStatus = exports.AnimateStatus || (exports.AnimateStatus = {}));
-//# sourceMappingURL=type.js.map

package/cjs/intreface/type.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/intreface/type.ts"],"names":[],"mappings":";;;AAAA,IAAY,eAKX;AALD,WAAY,eAAe;IACzB,gCAAa,CAAA;IACb,gCAAa,CAAA;IACb,4BAAS,CAAA;IACT,kDAA+B,CAAA;AACjC,CAAC,EALW,eAAe,GAAf,uBAAe,KAAf,uBAAe,QAK1B;AAED,IAAY,aAKX;AALD,WAAY,aAAa;IACvB,uDAAW,CAAA;IACX,uDAAW,CAAA;IACX,qDAAU,CAAA;IACV,+CAAO,CAAA;AACT,CAAC,EALW,aAAa,GAAb,qBAAa,KAAb,qBAAa,QAKxB","file":"type.js","sourcesContent":["export enum AnimateStepType {\n  wait = 'wait',\n  from = 'from',\n  to = 'to',\n  customAnimate = 'customAnimate'\n}\n\nexport enum AnimateStatus {\n  INITIAL = 0,\n  RUNNING = 1,\n  PAUSED = 2,\n  END = 3\n}\n\nexport type IAnimateStepType = keyof typeof AnimateStepType;\n"]}

package/es/custom/label-animate.d.ts

@@ -1,4 +0,0 @@
-import { AComponentAnimate } from './custom-animate';
-export declare class LabelUpdate extends AComponentAnimate<any> {
-    onBind(): void;
-}

package/es/custom/label-animate.js

@@ -1,42 +0,0 @@
-var __rest = this && this.__rest || function(s, e) {
-    var t = {};
-    for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
-    if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
-        var i = 0;
-        for (p = Object.getOwnPropertySymbols(s); i < p.length; i++) e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
-    }
-    return t;
-};
-
-import { AComponentAnimate } from "./custom-animate";
-
-import { createComponentAnimator } from "../component";
-
-export class LabelUpdate extends AComponentAnimate {
-    onBind() {
-        const animator = createComponentAnimator(this.target);
-        this._animator = animator;
-        const duration = this.duration, easing = this.easing, {prevText: prevText, curText: curText, prevLabelLine: prevLabelLine, curLabelLine: curLabelLine} = this.params, diff = {};
-        for (const key in curText.attribute) prevText.attribute[key] !== curText.attribute[key] && (diff[key] = curText.attribute[key]);
-        const {text: text} = diff, rest = __rest(diff, [ "text" ]);
-        animator.animate(prevText, {
-            type: "to",
-            to: rest,
-            duration: duration,
-            easing: easing
-        }), animator.animate(prevText, {
-            type: "increaseCount",
-            to: {
-                text: curText.attribute.text
-            },
-            duration: duration,
-            easing: easing
-        }), prevLabelLine && animator.animate(prevLabelLine, {
-            type: "to",
-            to: curLabelLine.attribute,
-            duration: duration,
-            easing: easing
-        });
-    }
-}
-//# sourceMappingURL=label-animate.js.map

package/es/custom/label-animate.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/custom/label-animate.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAKvD,MAAM,OAAO,WAAY,SAAQ,iBAAsB;IACrD,MAAM;QACJ,MAAM,QAAQ,GAAG,uBAAuB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACtD,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;QAC1B,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC/B,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAE3B,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC;QACvE,MAAM,IAAI,GAAwB,EAAE,CAAC;QAErC,KAAK,MAAM,GAAG,IAAI,OAAO,CAAC,SAAS,EAAE;YACnC,IAAI,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE;gBACtD,IAAI,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;aACpC;SACF;QAED,MAAM,EAAE,IAAI,KAAc,IAAI,EAAb,IAAI,UAAK,IAAI,EAAxB,QAAiB,CAAO,CAAC;QAE/B,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE;YACzB,IAAI,EAAE,IAAI;YACV,EAAE,EAAE,IAAI;YACR,QAAQ;YACR,MAAM;SACP,CAAC,CAAC;QAEH,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE;YACzB,IAAI,EAAE,eAAe;YACrB,EAAE,EAAE;gBACF,IAAI,EAAE,OAAO,CAAC,SAAS,CAAC,IAAI;aAC7B;YACD,QAAQ;YACR,MAAM;SACP,CAAC,CAAC;QAEH,IAAI,aAAa,EAAE;YACjB,QAAQ,CAAC,OAAO,CAAC,aAAa,EAAE;gBAC9B,IAAI,EAAE,IAAI;gBACV,EAAE,EAAE,YAAY,CAAC,SAAS;gBAC1B,QAAQ;gBACR,MAAM;aACP,CAAC,CAAC;SACJ;IACH,CAAC;CACF","file":"label-animate.js","sourcesContent":["import { AComponentAnimate } from './custom-animate';\nimport { createComponentAnimator } from '../component';\n\n/**\n * LabelUpdate class handles the update animation for Label components\n */\nexport class LabelUpdate extends AComponentAnimate<any> {\n  onBind(): void {\n    const animator = createComponentAnimator(this.target);\n    this._animator = animator;\n    const duration = this.duration;\n    const easing = this.easing;\n\n    const { prevText, curText, prevLabelLine, curLabelLine } = this.params;\n    const diff: Record<string, any> = {};\n\n    for (const key in curText.attribute) {\n      if (prevText.attribute[key] !== curText.attribute[key]) {\n        diff[key] = curText.attribute[key];\n      }\n    }\n\n    const { text, ...rest } = diff;\n\n    animator.animate(prevText, {\n      type: 'to',\n      to: rest,\n      duration,\n      easing\n    });\n\n    animator.animate(prevText, {\n      type: 'increaseCount',\n      to: {\n        text: curText.attribute.text\n      },\n      duration,\n      easing\n    });\n\n    if (prevLabelLine) {\n      animator.animate(prevLabelLine, {\n        type: 'to',\n        to: curLabelLine.attribute,\n        duration,\n        easing\n      });\n    }\n  }\n}\n"]}

package/es/intreface/animate.d.ts

@@ -1,92 +0,0 @@
-import type { IGraphic } from '@visactor/vrender-core';
-import type { EasingType, EasingTypeFunc } from './easing';
-import type { AnimateStatus, IAnimateStepType } from './type';
-import type { ITimeline } from './timeline';
-export interface ICustomAnimate extends IStep {
-    type: IAnimateStepType;
-}
-export interface IStep {
-    type: IAnimateStepType;
-    prev?: IStep;
-    duration: number;
-    next?: IStep;
-    props?: Record<string, any>;
-    fromParsedProps?: Record<string, any>;
-    toParsedProps?: Record<string, any>;
-    fromProps?: Record<string, any>;
-    propKeys?: string[];
-    easing?: EasingTypeFunc;
-    append: (step: IStep) => void;
-    getLastProps: () => any;
-    animate: IAnimate;
-    setDuration: (duration: number, updateDownstream?: boolean) => void;
-    getDuration: () => number;
-    determineInterpolateUpdateFunction: () => void;
-    setStartTime: (time: number, updateDownstream?: boolean) => void;
-    getStartTime: () => number;
-    bind: (target: IGraphic, animate: IAnimate) => void;
-    onBind: () => void;
-    onFirstRun: () => void;
-    onStart: () => void;
-    onEnd: (cb?: (animate: IAnimate, step: IStep) => void) => void;
-    update: (end: boolean, ratio: number, out: Record<string, any>) => void;
-    onUpdate: (end: boolean, ratio: number, out: Record<string, any>) => void;
-    getEndProps: () => Record<string, any> | void;
-    getFromProps: () => Record<string, any> | void;
-    getMergedEndProps: () => Record<string, any> | void;
-    deleteSelfAttr: (key: string) => void;
-    stop: () => void;
-}
-export interface IAnimate {
-    readonly id: string | number;
-    status: AnimateStatus;
-    target: IGraphic;
-    priority: number;
-    interpolateUpdateFunction: ((from: Record<string, any>, to: Record<string, any>, ratio: number, step: IStep, target: IGraphic) => void) | null;
-    _onStart?: (() => void)[];
-    _onFrame?: ((step: IStep, ratio: number) => void)[];
-    _onEnd?: (() => void)[];
-    _onRemove?: (() => void)[];
-    getStartProps: () => Record<string, any>;
-    getEndProps: () => Record<string, any>;
-    setTimeline: (timeline: ITimeline) => void;
-    getTimeline: () => ITimeline;
-    readonly timeline: ITimeline;
-    bind: (target: IGraphic) => this;
-    to: (props: Record<string, any>, duration: number, easing: EasingType) => this;
-    from: (props: Record<string, any>, duration: number, easing: EasingType) => this;
-    pause: () => void;
-    resume: () => void;
-    onStart: (cb?: () => void) => void;
-    onEnd: (cb?: () => void) => void;
-    onFrame: (cb: (step: IStep, ratio: number) => void) => void;
-    onRemove: (cb?: () => void) => void;
-    preventAttr: (key: string) => void;
-    preventAttrs: (key: string[]) => void;
-    validAttr: (key: string) => boolean;
-    runCb: (cb: (a: IAnimate, step: IStep) => void) => IAnimate;
-    customInterpolate: (key: string, ratio: number, from: any, to: any, target: IGraphic, ret: Record<string, any>) => boolean;
-    play: (customAnimate: ICustomAnimate) => this;
-    getFromValue: () => Record<string, any>;
-    getToValue: () => Record<string, any>;
-    stop: (type?: 'start' | 'end' | Record<string, any>) => void;
-    release: () => void;
-    getDuration: () => number;
-    getTotalDuration: () => number;
-    getStartTime: () => number;
-    wait: (delay: number) => this;
-    afterAll: (list: IAnimate[]) => this;
-    after: (animate: IAnimate) => this;
-    parallel: (animate: IAnimate) => this;
-    getLoop: () => number;
-    loop: (n: number | boolean) => IAnimate;
-    bounce: (b: boolean) => IAnimate;
-    advance: (delta: number) => void;
-    startAt: (t: number) => IAnimate;
-    reSyncProps: () => void;
-    updateDuration: () => void;
-}
-export declare enum AnimateMode {
-    NORMAL = 0,
-    SET_ATTR_IMMEDIATELY = 1
-}

package/es/intreface/animate.js

@@ -1,6 +0,0 @@
-export var AnimateMode;
-
-!function(AnimateMode) {
-    AnimateMode[AnimateMode.NORMAL = 0] = "NORMAL", AnimateMode[AnimateMode.SET_ATTR_IMMEDIATELY = 1] = "SET_ATTR_IMMEDIATELY";
-}(AnimateMode || (AnimateMode = {}));
-//# sourceMappingURL=animate.js.map

package/es/intreface/animate.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/intreface/animate.ts"],"names":[],"mappings":"AAsKA,MAAM,CAAN,IAAY,WAGX;AAHD,WAAY,WAAW;IACrB,iDAAe,CAAA;IACf,6EAA6B,CAAA;AAC/B,CAAC,EAHW,WAAW,KAAX,WAAW,QAGtB","file":"animate.js","sourcesContent":["import type { IGraphic } from '@visactor/vrender-core';\nimport type { EasingType, EasingTypeFunc } from './easing';\nimport type { AnimateStatus, IAnimateStepType } from './type';\nimport type { ITimeline } from './timeline';\n\nexport interface ICustomAnimate extends IStep {\n  type: IAnimateStepType;\n}\n\nexport interface IStep {\n  type: IAnimateStepType;\n  prev?: IStep;\n  // 持续时间\n  duration: number;\n  // 链表，下一个\n  next?: IStep;\n  // 属性\n  props?: Record<string, any>;\n  // 解析后的属性（用于性能优化，避免每次tick都解析）\n  fromParsedProps?: Record<string, any>;\n  toParsedProps?: Record<string, any>;\n  fromProps?: Record<string, any>;\n  // 解析后的属性列表（用于性能优化，避免每次tick都解析）\n  propKeys?: string[];\n  // 缓动函数\n  easing?: EasingTypeFunc;\n\n  // 添加一个\n  append: (step: IStep) => void;\n  // 获取上一个props，用于完成这次的fromValue 和 toValue的插值\n  getLastProps: () => any;\n\n  animate: IAnimate;\n\n  // 设置持续时间\n  setDuration: (duration: number, updateDownstream?: boolean) => void;\n  // 获取持续时间\n  getDuration: () => number;\n  // 确定插值更新函数（在开始的时候就确定，避免每次tick都解析）\n  determineInterpolateUpdateFunction: () => void;\n\n  // 设置开始时间\n  setStartTime: (time: number, updateDownstream?: boolean) => void;\n  // 获取开始时间\n  getStartTime: () => number;\n\n  bind: (target: IGraphic, animate: IAnimate) => void;\n  // 在第一次绑定到Animate的时候触发\n  onBind: () => void;\n  // 第一次执行的时候调用\n  onFirstRun: () => void;\n  // 开始执行的时候调用（如果有循环，那每个周期都会调用）\n  onStart: () => void;\n  // 结束执行的时候调用（如果有循环，那每个周期都会调用）\n  onEnd: (cb?: (animate: IAnimate, step: IStep) => void) => void;\n  // 更新执行的时候调用（如果有循环，那每个周期都会调用）\n  update: (end: boolean, ratio: number, out: Record<string, any>) => void;\n  onUpdate: (end: boolean, ratio: number, out: Record<string, any>) => void;\n\n  getEndProps: () => Record<string, any> | void;\n  getFromProps: () => Record<string, any> | void;\n  getMergedEndProps: () => Record<string, any> | void;\n\n  // 屏蔽自身属性，会直接从props等内容里删除掉\n  deleteSelfAttr: (key: string) => void;\n\n  // 停止\n  stop: () => void;\n}\n\nexport interface IAnimate {\n  readonly id: string | number;\n  status: AnimateStatus;\n  target: IGraphic;\n  priority: number;\n  interpolateUpdateFunction:\n    | ((from: Record<string, any>, to: Record<string, any>, ratio: number, step: IStep, target: IGraphic) => void)\n    | null;\n\n  _onStart?: (() => void)[];\n  _onFrame?: ((step: IStep, ratio: number) => void)[];\n  _onEnd?: (() => void)[];\n  _onRemove?: (() => void)[];\n\n  getStartProps: () => Record<string, any>;\n  getEndProps: () => Record<string, any>;\n\n  // 设置timeline\n  setTimeline: (timeline: ITimeline) => void;\n  // 获取timeline\n  getTimeline: () => ITimeline;\n  readonly timeline: ITimeline;\n\n  bind: (target: IGraphic) => this;\n  to: (props: Record<string, any>, duration: number, easing: EasingType) => this;\n  from: (props: Record<string, any>, duration: number, easing: EasingType) => this;\n  pause: () => void;\n  resume: () => void;\n  onStart: (cb?: () => void) => void;\n  onEnd: (cb?: () => void) => void;\n  onFrame: (cb: (step: IStep, ratio: number) => void) => void;\n  onRemove: (cb?: () => void) => void;\n  // 屏蔽属性\n  preventAttr: (key: string) => void;\n  // 屏蔽属性\n  preventAttrs: (key: string[]) => void;\n  // 属性是否合法\n  validAttr: (key: string) => boolean;\n\n  runCb: (cb: (a: IAnimate, step: IStep) => void) => IAnimate;\n\n  // 自定义插值，返回false表示没有匹配上\n  customInterpolate: (\n    key: string,\n    ratio: number,\n    from: any,\n    to: any,\n    target: IGraphic,\n    ret: Record<string, any>\n  ) => boolean;\n  play: (customAnimate: ICustomAnimate) => this;\n\n  getFromValue: () => Record<string, any>;\n  getToValue: () => Record<string, any>;\n  // 停止，可以设置停止后设置target的属性为开始的值（fromValue），还是结束的值（toValue）\n  stop: (type?: 'start' | 'end' | Record<string, any>) => void;\n  /** 打上END标志，下一帧被删除 */\n  release: () => void;\n  // 获取持续的时长\n  getDuration: () => number;\n  getTotalDuration: () => number;\n  // 获取动画开始时间（注意并不是子动画的startAt）\n  getStartTime: () => number;\n  // 等待delay\n  wait: (delay: number) => this;\n\n  /* 动画编排 */\n  // 所有动画结束后执行\n  afterAll: (list: IAnimate[]) => this;\n  // 在某个动画结束后执行\n  after: (animate: IAnimate) => this;\n  // 并行执行\n  parallel: (animate: IAnimate) => this;\n\n  getLoop: () => number;\n\n  // 反转动画\n  // reversed: (r: boolean) => IAnimate;\n  // 循环动画\n  loop: (n: number | boolean) => IAnimate;\n  // 反弹动画\n  bounce: (b: boolean) => IAnimate;\n\n  advance: (delta: number) => void;\n\n  // 设置开始时间（startAt之前是完全不会进入动画生命周期的）\n  // 它和wait不一样，如果调用的是wait，wait过程中还算是一个动画阶段，只是空的阶段，而startAt之前是完全不会进入动画生命周期的\n  startAt: (t: number) => IAnimate;\n\n  // 重新同步和计算props，用于内部某些step发生了变更后，重新计算自身\n  reSyncProps: () => void;\n\n  // 更新duration\n  updateDuration: () => void;\n}\n\nexport enum AnimateMode {\n  NORMAL = 0b0000,\n  SET_ATTR_IMMEDIATELY = 0b0001\n}\n"]}

package/es/intreface/easing.d.ts

@@ -1,3 +0,0 @@
-export type EasingTypeStr = 'linear' | 'quadIn' | 'quadOut' | 'quadInOut' | 'quadInOut' | 'cubicIn' | 'cubicOut' | 'cubicInOut' | 'quartIn' | 'quartOut' | 'quartInOut' | 'quintIn' | 'quintOut' | 'quintInOut' | 'backIn' | 'backOut' | 'backInOut' | 'circIn' | 'circOut' | 'circInOut' | 'bounceOut' | 'bounceIn' | 'bounceInOut' | 'elasticIn' | 'elasticOut' | 'elasticInOut' | 'sineIn' | 'sineOut' | 'sineInOut' | 'expoIn' | 'expoOut' | 'expoInOut' | 'easeInOutQuad' | 'easeOutElastic' | 'easeInOutElastic' | '';
-export type EasingTypeFunc = (t: number) => number;
-export type EasingType = EasingTypeStr | EasingTypeFunc;

package/es/intreface/easing.js

@@ -1,2 +0,0 @@
-export { };
-//# sourceMappingURL=easing.js.map

package/es/intreface/easing.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/intreface/easing.ts"],"names":[],"mappings":"","file":"easing.js","sourcesContent":["export type EasingTypeStr =\n  | 'linear'\n  | 'quadIn'\n  | 'quadOut'\n  | 'quadInOut'\n  | 'quadInOut'\n  | 'cubicIn'\n  | 'cubicOut'\n  | 'cubicInOut'\n  | 'quartIn'\n  | 'quartOut'\n  | 'quartInOut'\n  | 'quintIn'\n  | 'quintOut'\n  | 'quintInOut'\n  | 'backIn'\n  | 'backOut'\n  | 'backInOut'\n  | 'circIn'\n  | 'circOut'\n  | 'circInOut'\n  | 'bounceOut'\n  | 'bounceIn'\n  | 'bounceInOut'\n  | 'elasticIn'\n  | 'elasticOut'\n  | 'elasticInOut'\n  | 'sineIn'\n  | 'sineOut'\n  | 'sineInOut'\n  | 'expoIn'\n  | 'expoOut'\n  | 'expoInOut'\n  // @since 0.21.0\n  | 'easeInOutQuad'\n  | 'easeOutElastic'\n  | 'easeInOutElastic'\n  | '';\nexport type EasingTypeFunc = (t: number) => number;\n\nexport type EasingType = EasingTypeStr | EasingTypeFunc;\n"]}

package/es/intreface/ticker.d.ts

@@ -1,37 +0,0 @@
-import type { EventEmitter } from '@visactor/vutils';
-import type { ITimeline } from './timeline';
-export type TickerMode = 'raf' | 'timeout' | 'manual';
-export declare enum STATUS {
-    INITIAL = 0,
-    RUNNING = 1,
-    PAUSE = 2
-}
-export interface ITickHandler {
-    tick: (interval: number, cb: (handler: ITickHandler) => void) => void;
-    tickTo?: (t: number, cb: (handler: ITickHandler, params?: {
-        once: boolean;
-    }) => void) => void;
-    getTime: () => number;
-    release: () => void;
-}
-export interface ITickerHandlerStatic {
-    new (): ITickHandler;
-}
-export interface ITicker extends EventEmitter {
-    setFPS?: (fps: number) => void;
-    setInterval?: (interval: number) => void;
-    getFPS?: () => number;
-    getInterval?: () => number;
-    tick: (interval: number) => void;
-    tickAt?: (time: number) => void;
-    pause: () => boolean;
-    resume: () => boolean;
-    start: (force?: boolean) => boolean;
-    stop: () => void;
-    addTimeline: (timeline: ITimeline) => void;
-    remTimeline: (timeline: ITimeline) => void;
-    trySyncTickStatus: () => void;
-    getTimelines: () => ITimeline[];
-    release: () => void;
-    autoStop: boolean;
-}

package/es/intreface/ticker.js

@@ -1,7 +0,0 @@
-export var STATUS;
-
-!function(STATUS) {
-    STATUS[STATUS.INITIAL = 0] = "INITIAL", STATUS[STATUS.RUNNING = 1] = "RUNNING", 
-    STATUS[STATUS.PAUSE = 2] = "PAUSE";
-}(STATUS || (STATUS = {}));
-//# sourceMappingURL=ticker.js.map

package/es/intreface/ticker.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/intreface/ticker.ts"],"names":[],"mappings":"AASA,MAAM,CAAN,IAAY,MAIX;AAJD,WAAY,MAAM;IAChB,yCAAW,CAAA;IACX,yCAAW,CAAA;IACX,qCAAS,CAAA;AACX,CAAC,EAJW,MAAM,KAAN,MAAM,QAIjB","file":"ticker.js","sourcesContent":["/**\n * Ticker Types for Animation Graph\n */\n\nimport type { EventEmitter } from '@visactor/vutils';\nimport type { ITimeline } from './timeline';\n\nexport type TickerMode = 'raf' | 'timeout' | 'manual';\n\nexport enum STATUS {\n  INITIAL = 0, // initial represents initial state\n  RUNNING = 1, // running represents executing\n  PAUSE = 2 // PAUSE represents tick continues but functions are not executed\n}\n\nexport interface ITickHandler {\n  /**\n   * Start executing tick\n   * @param interval Delay in ms\n   * @param cb Callback to execute\n   */\n  tick: (interval: number, cb: (handler: ITickHandler) => void) => void;\n  tickTo?: (t: number, cb: (handler: ITickHandler, params?: { once: boolean }) => void) => void;\n  getTime: () => number; // Get current time\n  release: () => void;\n}\n\nexport interface ITickerHandlerStatic {\n  new (): ITickHandler;\n}\n\nexport interface ITicker extends EventEmitter {\n  setFPS?: (fps: number) => void;\n  setInterval?: (interval: number) => void;\n  getFPS?: () => number;\n  getInterval?: () => number;\n  tick: (interval: number) => void;\n  tickAt?: (time: number) => void;\n  pause: () => boolean;\n  resume: () => boolean;\n  /**\n   * Start ticking, if force is true, start regardless;\n   * otherwise, don't start if timeline is empty\n   */\n  start: (force?: boolean) => boolean;\n  stop: () => void;\n  addTimeline: (timeline: ITimeline) => void;\n  remTimeline: (timeline: ITimeline) => void;\n  trySyncTickStatus: () => void;\n  getTimelines: () => ITimeline[];\n  release: () => void;\n\n  // Whether to automatically stop, default is true\n  autoStop: boolean;\n}\n"]}

package/es/intreface/timeline.d.ts

@@ -1,17 +0,0 @@
-import type { IAnimate } from './animate';
-export interface ITimeline {
-    id: number;
-    isGlobal?: boolean;
-    animateCount: number;
-    addAnimate: (animate: IAnimate) => void;
-    removeAnimate: (animate: IAnimate, release?: boolean) => void;
-    tick: (delta: number) => void;
-    clear: () => void;
-    pause: () => void;
-    resume: () => void;
-    getTotalDuration: () => number;
-    getPlaySpeed: () => number;
-    setPlaySpeed: (speed: number) => void;
-    getPlayState: () => 'playing' | 'paused' | 'stopped';
-    isRunning: () => boolean;
-}

package/es/intreface/timeline.js

@@ -1,2 +0,0 @@
-export { };
-//# sourceMappingURL=timeline.js.map

package/es/intreface/timeline.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/intreface/timeline.ts"],"names":[],"mappings":"","file":"timeline.js","sourcesContent":["import type { IAnimate } from './animate';\n\nexport interface ITimeline {\n  id: number;\n  isGlobal?: boolean;\n  // 包含的动画数量（animate数组的数量），包含所有动画\n  animateCount: number;\n  // 添加动画\n  addAnimate: (animate: IAnimate) => void;\n  // 移除动画\n  removeAnimate: (animate: IAnimate, release?: boolean) => void;\n  // 更新动画\n  tick: (delta: number) => void;\n  // 清除动画\n  clear: () => void;\n  // 暂停动画\n  pause: () => void;\n  // 恢复动画\n  resume: () => void;\n  // 获取动画总时长\n  getTotalDuration: () => number;\n  // 获取动画的播放速度\n  getPlaySpeed: () => number;\n  // 设置动画的播放速度\n  setPlaySpeed: (speed: number) => void;\n  // 获取动画的播放状态\n  getPlayState: () => 'playing' | 'paused' | 'stopped';\n  // 获取动画是否正在运行\n  isRunning: () => boolean;\n}\n"]}

package/es/intreface/type.d.ts

@@ -1,13 +0,0 @@
-export declare enum AnimateStepType {
-    wait = "wait",
-    from = "from",
-    to = "to",
-    customAnimate = "customAnimate"
-}
-export declare enum AnimateStatus {
-    INITIAL = 0,
-    RUNNING = 1,
-    PAUSED = 2,
-    END = 3
-}
-export type IAnimateStepType = keyof typeof AnimateStepType;

package/es/intreface/type.js

@@ -1,14 +0,0 @@
-export var AnimateStepType;
-
-!function(AnimateStepType) {
-    AnimateStepType.wait = "wait", AnimateStepType.from = "from", AnimateStepType.to = "to", 
-    AnimateStepType.customAnimate = "customAnimate";
-}(AnimateStepType || (AnimateStepType = {}));
-
-export var AnimateStatus;
-
-!function(AnimateStatus) {
-    AnimateStatus[AnimateStatus.INITIAL = 0] = "INITIAL", AnimateStatus[AnimateStatus.RUNNING = 1] = "RUNNING", 
-    AnimateStatus[AnimateStatus.PAUSED = 2] = "PAUSED", AnimateStatus[AnimateStatus.END = 3] = "END";
-}(AnimateStatus || (AnimateStatus = {}));
-//# sourceMappingURL=type.js.map

package/es/intreface/type.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/intreface/type.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,eAKX;AALD,WAAY,eAAe;IACzB,gCAAa,CAAA;IACb,gCAAa,CAAA;IACb,4BAAS,CAAA;IACT,kDAA+B,CAAA;AACjC,CAAC,EALW,eAAe,KAAf,eAAe,QAK1B;AAED,MAAM,CAAN,IAAY,aAKX;AALD,WAAY,aAAa;IACvB,uDAAW,CAAA;IACX,uDAAW,CAAA;IACX,qDAAU,CAAA;IACV,+CAAO,CAAA;AACT,CAAC,EALW,aAAa,KAAb,aAAa,QAKxB","file":"type.js","sourcesContent":["export enum AnimateStepType {\n  wait = 'wait',\n  from = 'from',\n  to = 'to',\n  customAnimate = 'customAnimate'\n}\n\nexport enum AnimateStatus {\n  INITIAL = 0,\n  RUNNING = 1,\n  PAUSED = 2,\n  END = 3\n}\n\nexport type IAnimateStepType = keyof typeof AnimateStepType;\n"]}