@visactor/vrender-core 0.22.14 → 0.22.15-alpha.1

package/es/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["// import 'core-js/proposals/reflect-metadata';\nimport './modules';\n\nexport * from './container';\nexport * from './core/global';\nexport * from './graphic';\nexport * from './modules';\nexport * from './create';\nexport * from './event';\nexport * from './interface';\nexport * from './render';\nexport * from './render/contributions/render/base-render';\nexport * from './canvas';\nexport * from './core';\nexport * from './core/light';\nexport * from './core/camera';\nexport * from './picker';\nexport * from './animate';\nexport * from './resource-loader/loader';\nexport * from './color-string';\nexport * from './factory';\n\n/* export common */\nexport * from './common/text';\nexport * from './common/bezier-utils';\nexport * from './common/bounds-context';\nexport * from './common/seg-context';\nexport * from './common/custom-path2d';\nexport * from './common/segment';\nexport * from './common/canvas-utils';\nexport * from './common/contribution-provider';\nexport * from './common/generator';\nexport * from './common/utils';\nexport * from './common/shape/arc';\nexport * from './common/shape/rect';\nexport * from './common/matrix';\nexport * from './common/simplify';\n\nexport * from './common/path-svg';\nexport * from './common/render-curve';\nexport * from './common/render-area';\nexport * from './common/render-command-list';\nexport * from './common/sort';\nexport * from './common/morphing-utils';\nexport * from './common/split-path';\nexport * from './common/enums';\nexport * from './common/generator';\nexport * from './common/event-transformer';\nexport * from './plugins/constants';\nexport * from './plugins/builtin-plugin/richtext-edit-plugin';\nexport * from './allocator/matrix-allocate';\nexport * from './allocator/canvas-allocate';\nexport * from './allocator/graphic-allocate';\nexport * from './common/contribution-provider';\n\nexport * from './animate/default-ticker';\nexport { wrapCanvas, wrapContext } from './canvas/util';\nexport * from './common/xml';\nexport * from './common/inversify-lite';\nexport * from './constants';\nexport * from './application';\nexport * from './env-check';\n\nexport * from './render/contributions/render/arc-module';\nexport * from './render/contributions/render/rect-module';\nexport * from './render/contributions/render/line-module';\nexport * from './render/contributions/render/area-module';\nexport * from './render/contributions/render/symbol-module';\nexport * from './render/contributions/render/circle-module';\nexport * from './render/contributions/render/text-module';\nexport * from './render/contributions/render/path-module';\nexport * from './render/contributions/render/polygon-module';\nexport * from './render/contributions/render/star-module';\nexport * from './render/contributions/render/glyph-module';\nexport * from './render/contributions/render/richtext-module';\nexport * from './render/contributions/render/image-module';\nexport * from './render/contributions/render/rect3d-module';\nexport * from './render/contributions/render/arc3d-module';\nexport * from './render/contributions/render/pyramid3d-module';\n\nexport * from './register/register-arc';\nexport * from './register/register-arc3d';\nexport * from './register/register-area';\nexport * from './register/register-circle';\nexport * from './register/register-glyph';\nexport * from './register/register-group';\nexport * from './register/register-image';\nexport * from './register/register-line';\nexport * from './register/register-path';\nexport * from './register/register-polygon';\nexport * from './register/register-star';\nexport * from './register/register-pyramid3d';\nexport * from './register/register-rect';\nexport * from './register/register-rect3d';\nexport * from './register/register-richtext';\nexport * from './register/register-symbol';\nexport * from './register/register-text';\nexport * from './register/register-shadowRoot';\nexport * from './register/register-wraptext';\n\n// plugin\nexport * from './plugins/builtin-plugin/html-attribute-plugin';\nexport * from './plugins/builtin-plugin/react-attribute-plugin';\nexport * from './plugins/builtin-plugin/3dview-transform-plugin';\nexport * from './plugins/builtin-plugin/flex-layout-plugin';\n\nexport * from './animate/easing-func';\nexport * from './plugins/builtin-plugin/edit-module';\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["// import 'core-js/proposals/reflect-metadata';\nimport './modules';\n\nexport * from './container';\nexport * from './core/global';\nexport * from './graphic';\nexport * from './modules';\nexport * from './create';\nexport * from './event';\nexport * from './interface';\nexport * from './render';\nexport * from './render/contributions/render/base-render';\nexport * from './canvas';\nexport * from './core';\nexport * from './core/light';\nexport * from './core/camera';\nexport * from './picker';\nexport * from './resource-loader/loader';\nexport * from './color-string';\nexport * from './factory';\n\n/* export common */\nexport * from './common/text';\nexport * from './common/bezier-utils';\nexport * from './common/bounds-context';\nexport * from './common/seg-context';\nexport * from './common/custom-path2d';\nexport * from './common/segment';\nexport * from './common/canvas-utils';\nexport * from './common/contribution-provider';\nexport * from './common/generator';\nexport * from './common/utils';\nexport * from './common/shape/arc';\nexport * from './common/shape/rect';\nexport * from './common/matrix';\nexport * from './common/simplify';\nexport * from './common/diff';\n\nexport * from './common/path-svg';\nexport * from './common/render-curve';\nexport * from './common/render-area';\nexport * from './common/render-command-list';\nexport * from './common/sort';\nexport * from './common/morphing-utils';\nexport * from './common/split-path';\nexport * from './common/enums';\nexport * from './common/generator';\nexport * from './common/performance-raf';\nexport * from './common/event-transformer';\nexport * from './plugins/constants';\nexport * from './plugins/builtin-plugin/richtext-edit-plugin';\nexport * from './allocator/matrix-allocate';\nexport * from './allocator/canvas-allocate';\nexport * from './allocator/graphic-allocate';\nexport * from './common/contribution-provider';\n\nexport { wrapCanvas, wrapContext } from './canvas/util';\nexport * from './common/xml';\nexport * from './common/inversify-lite';\nexport * from './constants';\nexport * from './application';\nexport * from './env-check';\n\nexport * from './render/contributions/render/arc-module';\nexport * from './render/contributions/render/rect-module';\nexport * from './render/contributions/render/line-module';\nexport * from './render/contributions/render/area-module';\nexport * from './render/contributions/render/symbol-module';\nexport * from './render/contributions/render/circle-module';\nexport * from './render/contributions/render/text-module';\nexport * from './render/contributions/render/path-module';\nexport * from './render/contributions/render/polygon-module';\nexport * from './render/contributions/render/star-module';\nexport * from './render/contributions/render/glyph-module';\nexport * from './render/contributions/render/richtext-module';\nexport * from './render/contributions/render/image-module';\nexport * from './render/contributions/render/rect3d-module';\nexport * from './render/contributions/render/arc3d-module';\nexport * from './render/contributions/render/pyramid3d-module';\n\nexport * from './register/register-arc';\nexport * from './register/register-arc3d';\nexport * from './register/register-area';\nexport * from './register/register-circle';\nexport * from './register/register-glyph';\nexport * from './register/register-group';\nexport * from './register/register-image';\nexport * from './register/register-line';\nexport * from './register/register-path';\nexport * from './register/register-polygon';\nexport * from './register/register-star';\nexport * from './register/register-pyramid3d';\nexport * from './register/register-rect';\nexport * from './register/register-rect3d';\nexport * from './register/register-richtext';\nexport * from './register/register-symbol';\nexport * from './register/register-text';\nexport * from './register/register-shadowRoot';\nexport * from './register/register-wraptext';\n\n// plugin\nexport * from './plugins/builtin-plugin/html-attribute-plugin';\nexport * from './plugins/builtin-plugin/react-attribute-plugin';\nexport * from './plugins/builtin-plugin/3dview-transform-plugin';\nexport * from './plugins/builtin-plugin/flex-layout-plugin';\n\nexport * from './plugins/builtin-plugin/edit-module';\n\n// export const morphPath = {};\n// export const multiToOneMorph = {};\n// export const oneToMultiMorph = {};\n// export class ACustomAnimate {}\n// export const AnimateGroup = {};\n// export const Animate = {};\n// export const defaultTicker = {};\n"]}

package/es/interface/animate.d.ts

@@ -1,160 +1 @@
-import type { EventEmitter } from '@visactor/vutils';
-import type { AnimateMode, AnimateStatus, AnimateStepType } from '../common/enums';
-import type { Releaseable } from './common';
-import type { IGraphic } from './graphic';
-export interface Timeline {
-    AnimateList: IAnimate[];
-}
-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;
-export type IAnimateStepType = keyof typeof AnimateStepType;
-export interface IStep {
-    type: IAnimateStepType;
-    prev?: IStep;
-    duration: number;
-    position: number;
-    next?: IStep;
-    props?: any;
-    parsedProps?: any;
-    propKeys?: string[];
-    easing?: EasingTypeFunc;
-    customAnimate?: ICustomAnimate;
-    append: (step: IStep) => void;
-    getLastProps: () => any;
-}
-export interface IStepConfig {
-    tempProps?: boolean;
-    noPreventAttrs?: boolean;
-}
-export interface IAnimateTarget {
-    onAnimateBind?: (animte: IAnimate | ISubAnimate) => void;
-    onAddStep?: (step: IStep) => void;
-    onStep: (subAnimate: ISubAnimate, animate: IAnimate, step: IStep, ratio: number, end: boolean) => void;
-    stepInterpolate: (subAnimate: ISubAnimate, animate: IAnimate, nextAttributes: Record<string, any>, step: IStep, ratio: number, end: boolean, nextProps: Record<string, any>, lastProps?: Record<string, any>, nextParsedProps?: any, propKeys?: string[]) => void;
-    getComputedAttribute: (name: string) => any;
-    getDefaultAttribute: (name: string) => any;
-    onStop: (props?: Record<string, any>) => void;
-    animates: Map<string | number, IAnimate>;
-    [key: string]: any;
-}
-export interface ICustomAnimate {
-    duration: number;
-    easing: EasingType;
-    step?: IStep;
-    mode?: AnimateMode;
-    bind: (target: IAnimateTarget, subAni: ISubAnimate) => void;
-    onBind: () => void;
-    onFirstRun: () => void;
-    onStart: () => void;
-    onEnd: () => void;
-    onUpdate: (end: boolean, ratio: number, out: Record<string, any>) => void;
-    update: (end: boolean, ratio: number, out: Record<string, any>) => void;
-    getEndProps: () => Record<string, any> | void;
-    getFromProps: () => Record<string, any> | void;
-    getMergedEndProps: () => Record<string, any> | void;
-}
-export interface IAnimate {
-    readonly id: string | number;
-    status: AnimateStatus;
-    interpolateFunc: (key: string, ratio: number, from: any, to: any, nextAttributes: any) => boolean;
-    _onStart?: (() => void)[];
-    _onFrame?: ((step: IStep, ratio: number) => void)[];
-    _onEnd?: (() => void)[];
-    _onRemove?: (() => void)[];
-    getStartProps: () => Record<string, any>;
-    getEndProps: () => Record<string, any>;
-    setTimeline: (timeline: ITimeline) => void;
-    readonly timeline: ITimeline;
-    bind: (target: IAnimateTarget) => this;
-    to: (props: Record<string, any>, duration: number, easing: EasingType, params?: IStepConfig) => this;
-    from: (props: Record<string, any>, duration: number, easing: EasingType, params?: IStepConfig) => this;
-    pause: () => void;
-    resume: () => void;
-    onStart: (cb: () => void) => void;
-    onEnd: (cb: () => void) => void;
-    onFrame: (cb: (step: IStep, ratio: number) => 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: IAnimateTarget, ret: Record<string, any>) => boolean;
-    play: (customAnimate: ICustomAnimate) => this;
-    stop: (type?: 'start' | 'end' | Record<string, any>) => void;
-    release: () => void;
-    getDuration: () => number;
-    getStartTime: () => number;
-    wait: (delay: number) => this;
-    afterAll: (list: IAnimate[]) => this;
-    after: (animate: IAnimate) => this;
-    parallel: (animate: IAnimate) => this;
-    reversed: (r: boolean) => IAnimate;
-    loop: (n: number) => IAnimate;
-    bounce: (b: boolean) => IAnimate;
-    nextAnimate?: IAnimate;
-    prevAnimate?: IAnimate;
-    advance: (delta: number) => void;
-    startAt: (t: number) => IAnimate;
-}
-export interface ISubAnimate {
-    getLastStep: () => IStep;
-    animate: IAnimate;
-    getLastPropByName: (name: string, step: IStep) => any;
-}
-export interface BaseAnimateConfig {
-    id?: number | string;
-    interpolate?: (key: string, ratio: number, from: any, to: any, nextAttributes: any) => boolean;
-    onStart?: () => void;
-    onFrame?: (step: IStep, ratio: number) => void;
-    onEnd?: () => void;
-    onRemove?: () => void;
-}
-export interface MorphingAnimateConfig extends Omit<BaseAnimateConfig, 'interpolate'> {
-    duration?: number;
-    easing?: EasingType;
-    delay?: number;
-}
-export interface MultiMorphingAnimateConfig extends MorphingAnimateConfig {
-    splitPath?: 'clone' | ((graphic: IGraphic, count: number, needAppend?: boolean) => IGraphic[]);
-    individualDelay?: (index: number, count: number, fromGraphic: IGraphic, toGraphic: IGraphic) => number;
-}
-export interface ITimeline {
-    id: number;
-    animateCount: number;
-    addAnimate: (animate: IAnimate) => void;
-    removeAnimate: (animate: IAnimate, release?: boolean) => void;
-    tick: (delta: number) => void;
-    clear: () => void;
-    pause: () => void;
-    resume: () => void;
-}
-export interface ITickHandler extends Releaseable {
-    avaliable: () => boolean;
-    tick: (interval: number, cb: (handler: ITickHandler) => void) => void;
-    tickTo?: (t: number, cb: (handler: ITickHandler, params?: {
-        once: boolean;
-    }) => void) => void;
-    getTime: () => number;
-}
-export interface ITickerHandlerStatic {
-    Avaliable: () => boolean;
-    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/interface/animate.js

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

package/es/interface/animate.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/interface/animate.ts"],"names":[],"mappings":"","file":"animate.js","sourcesContent":["import type { EventEmitter } from '@visactor/vutils';\nimport type { AnimateMode, AnimateStatus, AnimateStepType } from '../common/enums';\nimport type { Releaseable } from './common';\nimport type { IGraphic } from './graphic';\n\n// export type EasingType = (...args: any) => any;\n\n// export declare class Easing {\n//   static linear(t: number): number;\n//   static none(): typeof Easing.linear;\n//   /**\n//    * 获取缓动函数，amount指示这个缓动函数的插值方式\n//    * @param amount\n//    * @returns\n//    */\n//   static get(amount: number): (t: number) => number;\n//   static getPowIn(pow: number): (t: number) => number;\n//   static getPowOut(pow: number): (t: number) => number;\n//   static getPowInOut(pow: number): (t: number) => number;\n//   static quadIn: (t: number) => number;\n//   static quadOut: (t: number) => number;\n//   static quadInOut: (t: number) => number;\n//   static cubicIn: (t: number) => number;\n//   static cubicOut: (t: number) => number;\n//   static cubicInOut: (t: number) => number;\n//   static quartIn: (t: number) => number;\n//   static quartOut: (t: number) => number;\n//   static quartInOut: (t: number) => number;\n//   static quintIn: (t: number) => number;\n//   static quintOut: (t: number) => number;\n//   static quintInOut: (t: number) => number;\n//   static getBackIn(amount: number): (t: number) => number;\n//   static getBackOut(amount: number): (t: number) => number;\n//   static getBackInOut(amount: number): (t: number) => number;\n//   static backIn: (t: number) => number;\n//   static backOut: (t: number) => number;\n//   static backInOut: (t: number) => number;\n//   static circIn(t: number): number;\n//   static circOut(t: number): number;\n//   static circInOut(t: number): number;\n//   static bounceOut(t: number): number;\n//   static bounceIn(t: number): number;\n//   static bounceInOut(t: number): number;\n//   static getElasticIn(amplitude: number, period: number): (t: number) => number;\n//   static getElasticOut(amplitude: number, period: number): (t: number) => number;\n//   static getElasticInOut(amplitude: number, period: number): (t: number) => number;\n//   static elasticIn: (t: number) => number;\n//   static elasticOut: (t: number) => number;\n//   static elasticInOut: (t: number) => number;\n// }\n\n// timeline管理一堆的animate，多个timeline互不影响\n// timeline主要作用是基于layer层面的整体管理\n// 每个layer默认带有一个timeline\nexport interface Timeline {\n  AnimateList: IAnimate[];\n}\n\ntype IStopType = 'end' | 'start' | 'current';\n\n// TODO: 提供options配置可序列化\ninterface AnimateSpecItem {\n  type: 'to' | 'delay' | 'stop' | 'any';\n  params: any[];\n}\n\nexport 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\nexport type IAnimateStepType = keyof typeof AnimateStepType;\n\nexport interface IStep {\n  type: IAnimateStepType;\n  prev?: IStep;\n  // 持续时间\n  duration: number;\n  // 在animate中的位置\n  position: number;\n  next?: IStep;\n  props?: any;\n  parsedProps?: any;\n  propKeys?: string[];\n  easing?: EasingTypeFunc;\n  customAnimate?: ICustomAnimate;\n\n  append: (step: IStep) => void;\n  getLastProps: () => any;\n}\n\nexport interface IStepConfig {\n  tempProps?: boolean; // props为临时props，可以直接使用不用拷贝\n  noPreventAttrs?: boolean;\n}\n\nexport interface IAnimateTarget {\n  onAnimateBind?: (animte: IAnimate | ISubAnimate) => void;\n  // 添加动画step的时候调用\n  onAddStep?: (step: IStep) => void;\n  // step时调用\n  onStep: (subAnimate: ISubAnimate, animate: IAnimate, step: IStep, ratio: number, end: boolean) => void;\n  // 插值函数\n  stepInterpolate: (\n    subAnimate: ISubAnimate,\n    animate: IAnimate,\n    nextAttributes: Record<string, any>,\n    step: IStep,\n    ratio: number,\n    end: boolean,\n    nextProps: Record<string, any>,\n    lastProps?: Record<string, any>,\n    nextParsedProps?: any,\n    propKeys?: string[]\n  ) => void;\n  // 获取属性\n  getComputedAttribute: (name: string) => any;\n  // 获取默认属性\n  getDefaultAttribute: (name: string) => any;\n  onStop: (props?: Record<string, any>) => void;\n  animates: Map<string | number, IAnimate>;\n  [key: string]: any;\n}\n\nexport interface ICustomAnimate {\n  duration: number;\n  easing: EasingType;\n  step?: IStep;\n  mode?: AnimateMode;\n\n  bind: (target: IAnimateTarget, subAni: ISubAnimate) => void;\n  // 在第一次调用的时候触发\n  onBind: () => void;\n  // 第一次执行的时候调用\n  onFirstRun: () => void;\n  // 开始执行的时候调用（如果有循环，那每个周期都会调用）\n  onStart: () => void;\n  // 结束执行的时候调用（如果有循环，那每个周期都会调用）\n  onEnd: () => void;\n  onUpdate: (end: boolean, ratio: number, out: Record<string, any>) => void;\n  update: (end: boolean, ratio: number, out: Record<string, any>) => void;\n  getEndProps: () => Record<string, any> | void;\n  getFromProps: () => Record<string, any> | void;\n  getMergedEndProps: () => Record<string, any> | void;\n}\n\n// 每一个animate绑定一个graphic，用于描述这个graphic的动画内容\n// 在timeline层面，animate相当于是一段timeslice\nexport interface IAnimate {\n  readonly id: string | number;\n  status: AnimateStatus;\n\n  interpolateFunc: (key: string, ratio: number, from: any, to: any, nextAttributes: any) => boolean;\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  setTimeline: (timeline: ITimeline) => void;\n  // getTimeline: () => ITimeline;\n  readonly timeline: ITimeline;\n\n  bind: (target: IAnimateTarget) => this;\n  to: (props: Record<string, any>, duration: number, easing: EasingType, params?: IStepConfig) => this;\n  from: (props: Record<string, any>, duration: number, easing: EasingType, params?: IStepConfig) => 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  // 屏蔽属性\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: IAnimateTarget,\n    ret: Record<string, any>\n  ) => boolean;\n  //\n  play: (customAnimate: ICustomAnimate) => this;\n\n  // 获取该属性的上一个值\n  // getLastPropByName: (name: string, step: IStep) => any;\n  // delay: (duration: number) => IAnimate;\n  stop: (type?: 'start' | 'end' | Record<string, any>) => void;\n  /** 打上END标志，下一帧被删除 */\n  release: () => void;\n  // 获取持续的时长\n  getDuration: () => number;\n  // 获取动画开始时间（注意并不是子动画的startAt）\n  getStartTime: () => number;\n  // done: (cb: (_: any) => any) => IAnimate;\n  // pause: () => IAnimate;\n  // spec: (spec: AnimateSpecItem[]) => IAnimate;\n  // start: () => void; // 有start方法，避免动画提前开始（VGrammar需要时间处理数据）\n  wait: (delay: number) => this;\n\n  // // 编排\n  afterAll: (list: IAnimate[]) => this;\n  after: (animate: IAnimate) => this;\n  parallel: (animate: IAnimate) => this;\n\n  // // timislice (getter)\n  // startTime: number;\n  // endTime: number;\n  // startTimes: number[];\n  // endTimes: number[];\n\n  // // 高级参数，frame到frameEnd之间可以进行reverse，loop，bounce效果\n  // frame: () => IAnimate;\n  // frameEnd: () => IAnimate;\n  reversed: (r: boolean) => IAnimate;\n  loop: (n: number) => IAnimate;\n  bounce: (b: boolean) => IAnimate;\n\n  nextAnimate?: IAnimate;\n  prevAnimate?: IAnimate;\n\n  advance: (delta: number) => void;\n\n  startAt: (t: number) => IAnimate;\n\n  // // 语法糖\n  // create: (duration: number) => IAnimate;\n  // fadeIn: (duration: number) => IAnimate;\n}\n\nexport interface ISubAnimate {\n  getLastStep: () => IStep;\n  animate: IAnimate;\n  // 获取该属性的上一个值\n  getLastPropByName: (name: string, step: IStep) => any;\n}\n\n// rect.animate().abc().to({}, 1000).delay(1000).frame().to().delay().to().frameEnd().loop().bounce()\n\nexport interface BaseAnimateConfig {\n  id?: number | string;\n  interpolate?: (key: string, ratio: number, from: any, to: any, nextAttributes: any) => boolean;\n  onStart?: () => void;\n  onFrame?: (step: IStep, ratio: number) => void;\n  onEnd?: () => void;\n  onRemove?: () => void;\n}\n\n// VGrammar和 vrender命名不一致，好尴尬\nexport interface MorphingAnimateConfig extends Omit<BaseAnimateConfig, 'interpolate'> {\n  duration?: number;\n  easing?: EasingType; // 统一到easing\n  delay?: number;\n}\n\nexport interface MultiMorphingAnimateConfig extends MorphingAnimateConfig {\n  splitPath?: 'clone' | ((graphic: IGraphic, count: number, needAppend?: boolean) => IGraphic[]);\n  individualDelay?: (index: number, count: number, fromGraphic: IGraphic, toGraphic: IGraphic) => number;\n}\n\nexport interface ITimeline {\n  id: number;\n  animateCount: number;\n  addAnimate: (animate: IAnimate) => void;\n  removeAnimate: (animate: IAnimate, release?: boolean) => void;\n  tick: (delta: number) => void;\n  clear: () => void;\n  pause: () => void;\n  resume: () => void;\n}\n\nexport interface ITickHandler extends Releaseable {\n  avaliable: () => boolean;\n  /**\n   * 开始执行tick\n   * @param interval 延时 ms\n   * @param cb 执行的回调\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; // 获取时间\n}\n\nexport interface ITickerHandlerStatic {\n  Avaliable: () => boolean;\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   * 开启tick，force为true强制开启，否则如果timeline为空则不开启\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\n  release: () => void;\n\n  // 是否自动停止，默认为true\n  autoStop: boolean;\n}\n"]}
+{"version":3,"sources":["../src/interface/animate.ts"],"names":[],"mappings":"","file":"animate.js","sourcesContent":["// import type { EventEmitter } from '@visactor/vutils';\n// import type { AnimateStepType } from '../common/enums';\n// import type { Releaseable } from './common';\n// import type { IGraphic } from './graphic';\n\n// enum AnimateStatus {\n//   INITIAL = 0,\n//   RUNNING = 1,\n//   PAUSED = 2,\n//   END = 3\n// }\n\n// enum AnimateMode {\n//   NORMAL = 0b0000,\n//   SET_ATTR_IMMEDIATELY = 0b0001\n// }\n\n// // export type EasingType = (...args: any) => any;\n\n// // export declare class Easing {\n// //   static linear(t: number): number;\n// //   static none(): typeof Easing.linear;\n// //   /**\n// //    * 获取缓动函数，amount指示这个缓动函数的插值方式\n// //    * @param amount\n// //    * @returns\n// //    */\n// //   static get(amount: number): (t: number) => number;\n// //   static getPowIn(pow: number): (t: number) => number;\n// //   static getPowOut(pow: number): (t: number) => number;\n// //   static getPowInOut(pow: number): (t: number) => number;\n// //   static quadIn: (t: number) => number;\n// //   static quadOut: (t: number) => number;\n// //   static quadInOut: (t: number) => number;\n// //   static cubicIn: (t: number) => number;\n// //   static cubicOut: (t: number) => number;\n// //   static cubicInOut: (t: number) => number;\n// //   static quartIn: (t: number) => number;\n// //   static quartOut: (t: number) => number;\n// //   static quartInOut: (t: number) => number;\n// //   static quintIn: (t: number) => number;\n// //   static quintOut: (t: number) => number;\n// //   static quintInOut: (t: number) => number;\n// //   static getBackIn(amount: number): (t: number) => number;\n// //   static getBackOut(amount: number): (t: number) => number;\n// //   static getBackInOut(amount: number): (t: number) => number;\n// //   static backIn: (t: number) => number;\n// //   static backOut: (t: number) => number;\n// //   static backInOut: (t: number) => number;\n// //   static circIn(t: number): number;\n// //   static circOut(t: number): number;\n// //   static circInOut(t: number): number;\n// //   static bounceOut(t: number): number;\n// //   static bounceIn(t: number): number;\n// //   static bounceInOut(t: number): number;\n// //   static getElasticIn(amplitude: number, period: number): (t: number) => number;\n// //   static getElasticOut(amplitude: number, period: number): (t: number) => number;\n// //   static getElasticInOut(amplitude: number, period: number): (t: number) => number;\n// //   static elasticIn: (t: number) => number;\n// //   static elasticOut: (t: number) => number;\n// //   static elasticInOut: (t: number) => number;\n// // }\n\n// // timeline管理一堆的animate，多个timeline互不影响\n// // timeline主要作用是基于layer层面的整体管理\n// // 每个layer默认带有一个timeline\n// export interface Timeline {\n//   AnimateList: IAnimate[];\n// }\n\n// type IStopType = 'end' | 'start' | 'current';\n\n// // TODO: 提供options配置可序列化\n// interface AnimateSpecItem {\n//   type: 'to' | 'delay' | 'stop' | 'any';\n//   params: any[];\n// }\n\n// 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//   | '';\n// export type EasingTypeFunc = (t: number) => number;\n\n// export type EasingType = EasingTypeStr | EasingTypeFunc;\n\n// export type IAnimateStepType = keyof typeof AnimateStepType;\n\n// export interface IStep {\n//   type: IAnimateStepType;\n//   prev?: IStep;\n//   // 持续时间\n//   duration: number;\n//   // 在animate中的位置\n//   position: number;\n//   next?: IStep;\n//   props?: any;\n//   parsedProps?: any;\n//   propKeys?: string[];\n//   easing?: EasingTypeFunc;\n//   customAnimate?: ICustomAnimate;\n\n//   append: (step: IStep) => void;\n//   getLastProps: () => any;\n// }\n\n// export interface IStepConfig {\n//   tempProps?: boolean; // props为临时props，可以直接使用不用拷贝\n//   noPreventAttrs?: boolean;\n// }\n\n// export interface IAnimateTarget {\n//   onAnimateBind?: (animte: IAnimate | ISubAnimate) => void;\n//   // 获取属性\n//   getComputedAttribute: (name: string) => any;\n//   // 获取默认属性\n//   getDefaultAttribute: (name: string) => any;\n//   onStop: (props?: Record<string, any>) => void;\n//   animates: Map<string | number, IAnimate>;\n//   [key: string]: any;\n// }\n\n// export interface ICustomAnimate {\n//   duration: number;\n//   easing: EasingType;\n//   step?: IStep;\n//   mode?: AnimateMode;\n\n//   bind: (target: IAnimateTarget, subAni: ISubAnimate) => void;\n//   // 在第一次调用的时候触发\n//   onBind: () => void;\n//   // 第一次执行的时候调用\n//   onFirstRun: () => void;\n//   // 开始执行的时候调用（如果有循环，那每个周期都会调用）\n//   onStart: () => void;\n//   // 结束执行的时候调用（如果有循环，那每个周期都会调用）\n//   onEnd: () => void;\n//   onUpdate: (end: boolean, ratio: number, out: Record<string, any>) => void;\n//   update: (end: boolean, ratio: number, out: Record<string, any>) => void;\n//   getEndProps: () => Record<string, any> | void;\n//   getFromProps: () => Record<string, any> | void;\n//   getMergedEndProps: () => Record<string, any> | void;\n// }\n\n// export type IAnimateConstructor = new (...args: any[]) => IAnimate;\n\n// // 每一个animate绑定一个graphic，用于描述这个graphic的动画内容\n// // 在timeline层面，animate相当于是一段timeslice\n// export interface IAnimate {\n//   readonly id: string | number;\n//   status: AnimateStatus;\n\n//   interpolateFunc: (key: string, ratio: number, from: any, to: any, nextAttributes: any) => boolean;\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//   setTimeline: (timeline: ITimeline) => void;\n//   // getTimeline: () => ITimeline;\n//   readonly timeline: ITimeline;\n\n//   bind: (target: IAnimateTarget) => this;\n//   to: (props: Record<string, any>, duration: number, easing: EasingType, params?: IStepConfig) => this;\n//   from: (props: Record<string, any>, duration: number, easing: EasingType, params?: IStepConfig) => 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: IAnimateTarget,\n//     ret: Record<string, any>\n//   ) => boolean;\n//   //\n//   play: (customAnimate: ICustomAnimate) => this;\n\n//   // 获取该属性的上一个值\n//   // getLastPropByName: (name: string, step: IStep) => any;\n//   // delay: (duration: number) => IAnimate;\n//   stop: (type?: 'start' | 'end' | Record<string, any>) => void;\n//   /** 打上END标志，下一帧被删除 */\n//   release: () => void;\n//   // 获取持续的时长\n//   getDuration: () => number;\n//   // 获取动画开始时间（注意并不是子动画的startAt）\n//   getStartTime: () => number;\n//   // done: (cb: (_: any) => any) => IAnimate;\n//   // pause: () => IAnimate;\n//   // spec: (spec: AnimateSpecItem[]) => IAnimate;\n//   // start: () => void; // 有start方法，避免动画提前开始（VGrammar需要时间处理数据）\n//   wait: (delay: number) => this;\n\n//   // // 编排\n//   afterAll: (list: IAnimate[]) => this;\n//   after: (animate: IAnimate) => this;\n//   parallel: (animate: IAnimate) => this;\n\n//   // // timislice (getter)\n//   // startTime: number;\n//   // endTime: number;\n//   // startTimes: number[];\n//   // endTimes: number[];\n\n//   // // 高级参数，frame到frameEnd之间可以进行reverse，loop，bounce效果\n//   // frame: () => IAnimate;\n//   // frameEnd: () => IAnimate;\n//   reversed: (r: boolean) => IAnimate;\n//   loop: (n: number) => IAnimate;\n//   bounce: (b: boolean) => IAnimate;\n\n//   nextAnimate?: IAnimate;\n//   prevAnimate?: IAnimate;\n\n//   advance: (delta: number) => void;\n\n//   startAt: (t: number) => IAnimate;\n\n//   // // 语法糖\n//   // create: (duration: number) => IAnimate;\n//   // fadeIn: (duration: number) => IAnimate;\n// }\n\n// export interface ISubAnimate {\n//   getLastStep: () => IStep;\n//   animate: IAnimate;\n//   // 获取该属性的上一个值\n//   getLastPropByName: (name: string, step: IStep) => any;\n// }\n\n// // rect.animate().abc().to({}, 1000).delay(1000).frame().to().delay().to().frameEnd().loop().bounce()\n\n// export interface BaseAnimateConfig {\n//   id?: number | string;\n//   interpolate?: (key: string, ratio: number, from: any, to: any, nextAttributes: any) => boolean;\n//   onStart?: () => void;\n//   onFrame?: (step: IStep, ratio: number) => void;\n//   onEnd?: () => void;\n//   onRemove?: () => void;\n// }\n\n// // VGrammar和 vrender命名不一致，好尴尬\n// export interface MorphingAnimateConfig extends Omit<BaseAnimateConfig, 'interpolate'> {\n//   duration?: number;\n//   easing?: EasingType; // 统一到easing\n//   delay?: number;\n// }\n\n// export interface MultiMorphingAnimateConfig extends MorphingAnimateConfig {\n//   splitPath?: 'clone' | ((graphic: IGraphic, count: number, needAppend?: boolean) => IGraphic[]);\n//   individualDelay?: (index: number, count: number, fromGraphic: IGraphic, toGraphic: IGraphic) => number;\n// }\n\n// export interface ITimeline {\n//   id: number;\n//   animateCount: number;\n//   isGlobal: boolean;\n//   addAnimate: (animate: IAnimate) => void;\n//   removeAnimate: (animate: IAnimate, release?: boolean) => void;\n//   tick: (delta: number) => void;\n//   clear: () => void;\n//   pause: () => void;\n//   resume: () => void;\n// }\n\n// export type ITimelineConstructor = new (...args: any[]) => ITimeline;\n\n// export type ITickerConstructor = new (...args: any[]) => ITicker;\n\n// export interface ITickHandler extends Releaseable {\n//   avaliable: () => boolean;\n//   /**\n//    * 开始执行tick\n//    * @param interval 延时 ms\n//    * @param cb 执行的回调\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; // 获取时间\n// }\n\n// export interface ITickerHandlerStatic {\n//   Avaliable: () => boolean;\n//   new (): ITickHandler;\n// }\n\n// export 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//    * 开启tick，force为true强制开启，否则如果timeline为空则不开启\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\n//   release: () => void;\n\n//   // 是否自动停止，默认为true\n//   autoStop: boolean;\n// }\n"]}

package/es/interface/animation/animate.d.ts

@@ -0,0 +1,117 @@
+import type { IGraphic } from '../graphic';
+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
+}
+export interface IAnimateTarget {
+    onAnimateBind?: (animte: IAnimate) => void;
+    getComputedAttribute: (name: string) => any;
+    getDefaultAttribute: (name: string) => any;
+    onStop: (props?: Record<string, any>) => void;
+    animates: Map<string | number, IAnimate>;
+    [key: string]: any;
+}
+export interface BaseAnimateConfig {
+    id?: number | string;
+    interpolate?: (key: string, ratio: number, from: any, to: any, nextAttributes: any) => boolean;
+    onStart?: () => void;
+    onFrame?: (step: IStep, ratio: number) => void;
+    onEnd?: () => void;
+    onRemove?: () => void;
+}
+export interface MorphingAnimateConfig extends Omit<BaseAnimateConfig, 'interpolate'> {
+    duration?: number;
+    easing?: EasingType;
+    delay?: number;
+}
+export interface MultiMorphingAnimateConfig extends MorphingAnimateConfig {
+    splitPath?: 'clone' | ((graphic: IGraphic, count: number, needAppend?: boolean) => IGraphic[]);
+    individualDelay?: (index: number, count: number, fromGraphic: IGraphic, toGraphic: IGraphic) => number;
+}

package/es/interface/animation/animate.js

@@ -0,0 +1,6 @@
+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/interface/animation/animate.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/animation/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 '../graphic';\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\nexport interface IAnimateTarget {\n  onAnimateBind?: (animte: IAnimate) => void;\n  // 获取属性\n  getComputedAttribute: (name: string) => any;\n  // 获取默认属性\n  getDefaultAttribute: (name: string) => any;\n  onStop: (props?: Record<string, any>) => void;\n  animates: Map<string | number, IAnimate>;\n  [key: string]: any;\n}\n\nexport interface BaseAnimateConfig {\n  id?: number | string;\n  interpolate?: (key: string, ratio: number, from: any, to: any, nextAttributes: any) => boolean;\n  onStart?: () => void;\n  onFrame?: (step: IStep, ratio: number) => void;\n  onEnd?: () => void;\n  onRemove?: () => void;\n}\n\nexport interface MorphingAnimateConfig extends Omit<BaseAnimateConfig, 'interpolate'> {\n  duration?: number;\n  easing?: EasingType; // 统一到easing\n  delay?: number;\n}\n\nexport interface MultiMorphingAnimateConfig extends MorphingAnimateConfig {\n  splitPath?: 'clone' | ((graphic: IGraphic, count: number, needAppend?: boolean) => IGraphic[]);\n  individualDelay?: (index: number, count: number, fromGraphic: IGraphic, toGraphic: IGraphic) => number;\n}\n"]}

package/es/interface/animation/easing.d.ts

@@ -0,0 +1,3 @@
+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/interface/animation/easing.js

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

package/es/interface/animation/easing.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/animation/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/interface/animation/index.d.ts

@@ -0,0 +1,5 @@
+export * from './animate';
+export * from './ticker';
+export * from './timeline';
+export * from './type';
+export * from './easing';

package/es/interface/animation/index.js

@@ -0,0 +1,10 @@
+export * from "./animate";
+
+export * from "./ticker";
+
+export * from "./timeline";
+
+export * from "./type";
+
+export * from "./easing";
+//# sourceMappingURL=index.js.map

package/es/interface/animation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/animation/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC","file":"index.js","sourcesContent":["export * from './animate';\nexport * from './ticker';\nexport * from './timeline';\nexport * from './type';\nexport * from './easing';\n"]}

package/es/interface/animation/ticker.d.ts

@@ -0,0 +1,39 @@
+import type { EventEmitter } from '@visactor/vutils';
+import type { ITimeline } from './timeline';
+import type { IStage } from '../stage';
+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;
+    bindStage: (stage: IStage) => void;
+    autoStop: boolean;
+}

package/es/{animate/Ticker/type.js → interface/animation/ticker.js}

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

package/es/interface/animation/ticker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/animation/ticker.ts"],"names":[],"mappings":"AAUA,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';\nimport type { IStage } from '../stage';\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  bindStage: (stage: IStage) => void;\n\n  // Whether to automatically stop, default is true\n  autoStop: boolean;\n}\n"]}

package/es/interface/animation/timeline.d.ts

@@ -0,0 +1,17 @@
+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/interface/animation/timeline.js

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

package/es/interface/animation/timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/animation/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/interface/animation/type.d.ts

@@ -0,0 +1,13 @@
+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/interface/animation/type.js

@@ -0,0 +1,14 @@
+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/interface/animation/type.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interface/animation/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"]}

package/es/interface/context.d.ts

@@ -81,6 +81,7 @@ export interface IContext2d extends Releaseable {
     [key: string]: any;
     getCanvas: () => ICanvas;
     getContext: () => any;
+    reset: (setTransform?: boolean) => void;
     setTransformForCurrent: (force?: boolean) => void;
     currentMatrix: IMatrix;
     clear: () => void;