@visactor/vchart-extension 1.13.5-alpha.7 → 1.13.5-alpha.8

package/cjs/index.js

@@ -17,6 +17,6 @@ var __createBinding = this && this.__createBinding || (Object.create ? function(
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), __exportStar(require("./charts/ranking-bar/ranking-bar"), exports), __exportStar(require("./charts/conversion-funnel"), exports), 
-__exportStar(require("./components/series-break"), exports), __exportStar(require("./components/bar-link"), exports), 
-__exportStar(require("./components/series-label"), exports);
+}), __exportStar(require("./charts/ranking-bar/ranking-bar"), exports), __exportStar(require("./charts/ranking-list/ranking-list"), exports), 
+__exportStar(require("./charts/conversion-funnel"), exports), __exportStar(require("./components/series-break"), exports), 
+__exportStar(require("./components/bar-link"), exports), __exportStar(require("./components/series-label"), exports);

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mEAAiD;AACjD,6DAA2C;AAE3C,4DAA0C;AAC1C,wDAAsC;AACtC,4DAA0C","file":"index.js","sourcesContent":["export * from './charts/ranking-bar/ranking-bar';\nexport * from './charts/conversion-funnel';\n\nexport * from './components/series-break';\nexport * from './components/bar-link';\nexport * from './components/series-label';\n"]}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mEAAiD;AACjD,qEAAmD;AACnD,6DAA2C;AAE3C,4DAA0C;AAC1C,wDAAsC;AACtC,4DAA0C","file":"index.js","sourcesContent":["export * from './charts/ranking-bar/ranking-bar';\nexport * from './charts/ranking-list/ranking-list';\nexport * from './charts/conversion-funnel';\n\nexport * from './components/series-break';\nexport * from './components/bar-link';\nexport * from './components/series-label';\n"]}

package/esm/charts/ranking-list/constant.d.ts

@@ -0,0 +1,2 @@
+import { IRankingListSpec } from './interface';
+export declare const defaultSpec: Omit<IRankingListSpec, 'type' | 'data' | 'xField' | 'yField'>;

package/esm/charts/ranking-list/constant.js

@@ -0,0 +1,70 @@
+export const defaultSpec = {
+    width: 400,
+    height: 225,
+    labelLayout: "top",
+    bar: {
+        height: 100,
+        style: {
+            cornerRadius: 5
+        }
+    },
+    barBackground: {
+        type: "rect",
+        style: {
+            fill: "rgba(255,255,255,0.1)",
+            cornerRadius: 5
+        }
+    },
+    rankingIcon: {
+        visible: !0,
+        style: {
+            fill: "rgba(253,253,253,0.5)",
+            size: 12
+        }
+    },
+    nameLabel: {
+        visible: !0,
+        style: {
+            fontSize: 20,
+            fontWeight: "normal",
+            fill: "rgba(255,255,255,0.7)",
+            textBaseline: "middle"
+        }
+    },
+    orderLabel: {
+        visible: !0,
+        style: {
+            fontSize: 20,
+            fontWeight: "normal",
+            fill: "rgba(255,255,255,0.7)",
+            textBaseline: "middle"
+        }
+    },
+    valueLabel: {
+        visible: !0,
+        style: {
+            fontSize: 14,
+            fontWeight: "normal",
+            fill: "rgba(255,255,255,1)",
+            textBaseline: "middle"
+        }
+    },
+    pageSize: 5,
+    scrollSize: 1,
+    animationAppear: {
+        enable: !0,
+        type: "grow",
+        duration: 1e3,
+        easing: "linear"
+    },
+    animationUpdate: {
+        enable: !0,
+        type: "grow",
+        duration: 1e3,
+        easing: "linear"
+    },
+    animationNormal: {
+        interval: 1e3
+    }
+};
+//# sourceMappingURL=constant.js.map

package/esm/charts/ranking-list/constant.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/ranking-list/constant.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,WAAW,GAAkE;IACxF,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,WAAW,EAAE,KAAK;IAClB,GAAG,EAAE;QACH,MAAM,EAAE,GAAG;QACX,KAAK,EAAE;YACL,YAAY,EAAE,CAAC;SAChB;KACF;IACD,aAAa,EAAE;QACb,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE;YACL,IAAI,EAAE,uBAAuB;YAC7B,YAAY,EAAE,CAAC;SAChB;KACF;IACD,WAAW,EAAE;QACX,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YACL,IAAI,EAAE,uBAAuB;YAC7B,IAAI,EAAE,EAAE;SACT;KACF;IACD,SAAS,EAAE;QACT,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YAEL,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,QAAQ;YACpB,IAAI,EAAE,uBAAuB;YAC7B,YAAY,EAAE,QAAQ;SACvB;KACF;IACD,UAAU,EAAE;QACV,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YAEL,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,QAAQ;YACpB,IAAI,EAAE,uBAAuB;YAC7B,YAAY,EAAE,QAAQ;SACvB;KACF;IACD,UAAU,EAAE;QACV,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YAEL,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,QAAQ;YACpB,IAAI,EAAE,qBAAqB;YAC3B,YAAY,EAAE,QAAQ;SACvB;KACF;IACD,QAAQ,EAAE,CAAC;IACX,UAAU,EAAE,CAAC;IACb,eAAe,EAAE;QACf,MAAM,EAAE,IAAI;QACZ,IAAI,EAAE,MAAM;QACZ,QAAQ,EAAE,IAAI;QACd,MAAM,EAAE,QAAQ;KACjB;IACD,eAAe,EAAE;QACf,MAAM,EAAE,IAAI;QACZ,IAAI,EAAE,MAAM;QACZ,QAAQ,EAAE,IAAI;QACd,MAAM,EAAE,QAAQ;KACjB;IACD,eAAe,EAAE;QAGf,QAAQ,EAAE,IAAI;KAEf;CACF,CAAC","file":"constant.js","sourcesContent":["import { IRankingListSpec } from './interface';\n\nexport const defaultSpec: Omit<IRankingListSpec, 'type' | 'data' | 'xField' | 'yField'> = {\n  width: 400,\n  height: 225,\n  labelLayout: 'top',\n  bar: {\n    height: 100,\n    style: {\n      cornerRadius: 5\n    }\n  },\n  barBackground: {\n    type: 'rect',\n    style: {\n      fill: 'rgba(255,255,255,0.1)',\n      cornerRadius: 5\n    }\n  },\n  rankingIcon: {\n    visible: true,\n    style: {\n      fill: 'rgba(253,253,253,0.5)',\n      size: 12\n    }\n  },\n  nameLabel: {\n    visible: true,\n    style: {\n      // fontFamily: ''\n      fontSize: 20,\n      fontWeight: 'normal',\n      fill: 'rgba(255,255,255,0.7)',\n      textBaseline: 'middle'\n    }\n  },\n  orderLabel: {\n    visible: true,\n    style: {\n      // fontFamily: ''\n      fontSize: 20,\n      fontWeight: 'normal',\n      fill: 'rgba(255,255,255,0.7)',\n      textBaseline: 'middle'\n    }\n  },\n  valueLabel: {\n    visible: true,\n    style: {\n      // fontFamily: ''\n      fontSize: 14,\n      fontWeight: 'normal',\n      fill: 'rgba(255,255,255,1)',\n      textBaseline: 'middle'\n    }\n  },\n  pageSize: 5,\n  scrollSize: 1,\n  animationAppear: {\n    enable: true,\n    type: 'grow',\n    duration: 1000,\n    easing: 'linear'\n  },\n  animationUpdate: {\n    enable: true,\n    type: 'grow',\n    duration: 1000,\n    easing: 'linear'\n  },\n  animationNormal: {\n    // enable: true,\n    // type: 'scroll',\n    interval: 1000\n    // easing: 'linear'\n  }\n};\n"]}

package/esm/charts/ranking-list/interface.d.ts

@@ -0,0 +1,73 @@
+import { IMarkStateSpec, IMarkStateStyleSpec } from '@visactor/vchart';
+import { StateValue } from '@visactor/vchart/src/compile/mark';
+import { Datum } from '@visactor/vchart/src/typings/common';
+import { ITextGraphicAttribute, ISymbolGraphicAttribute, IRectGraphicAttribute, EasingType } from '@visactor/vrender-core';
+type IRankingListData = Datum[];
+export interface IRankingListSpec {
+    type: 'rankingList';
+    data: IRankingListData;
+    xField: string;
+    yField: string;
+    width?: number;
+    height?: number;
+    labelLayout?: 'top' | 'bothEnd';
+    bar?: {
+        height?: number;
+        style?: IRectGraphicAttribute;
+        state?: Record<StateValue, IMarkStateSpec<IRectGraphicAttribute> | IMarkStateStyleSpec<IRectGraphicAttribute>>;
+    };
+    barBackground?: {
+        visible?: boolean;
+        type?: string;
+        style?: ISymbolGraphicAttribute | IRectGraphicAttribute;
+        state?: Record<StateValue, IMarkStateSpec<ISymbolGraphicAttribute | IRectGraphicAttribute> | IMarkStateStyleSpec<ISymbolGraphicAttribute | IRectGraphicAttribute>>;
+    };
+    rankingIcon?: {
+        visible?: boolean;
+        style?: ISymbolGraphicAttribute;
+        state?: Record<StateValue, IMarkStateSpec<ISymbolGraphicAttribute> | IMarkStateStyleSpec<ISymbolGraphicAttribute>>;
+    };
+    decorateHaloIcons?: [
+        {
+            visible?: boolean;
+            style?: ISymbolGraphicAttribute;
+            state?: Record<StateValue, IMarkStateSpec<ISymbolGraphicAttribute> | IMarkStateStyleSpec<ISymbolGraphicAttribute>>;
+        }
+    ];
+    orderLabel?: {
+        visible?: boolean;
+        style?: ITextGraphicAttribute;
+        formatMethod?: (text: string, datum: Datum) => string;
+        state?: Record<StateValue, IMarkStateSpec<ITextGraphicAttribute> | IMarkStateStyleSpec<ITextGraphicAttribute>>;
+    };
+    nameLabel?: {
+        visible?: boolean;
+        style?: ITextGraphicAttribute;
+        formatMethod?: (text: string, datum: Datum) => string;
+        state?: Record<StateValue, IMarkStateSpec<ITextGraphicAttribute> | IMarkStateStyleSpec<ITextGraphicAttribute>>;
+    };
+    valueLabel?: {
+        visible?: boolean;
+        style?: ITextGraphicAttribute;
+        formatMethod?: (text: string, datum: Datum) => string;
+        state?: Record<StateValue, IMarkStateSpec<ITextGraphicAttribute> | IMarkStateStyleSpec<ITextGraphicAttribute>>;
+    };
+    pageSize?: number;
+    scrollSize?: number;
+    animationAppear?: {
+        enable?: boolean;
+        type?: 'grow';
+        duration?: number;
+        easing?: EasingType;
+    };
+    animationUpdate?: {
+        enable?: boolean;
+        type?: 'grow';
+        duration?: number;
+        easing?: EasingType;
+    };
+    animationNormal?: {
+        interval?: number;
+    };
+}
+export {};

package/esm/charts/ranking-list/interface.js

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

package/esm/charts/ranking-list/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/ranking-list/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import { IMarkStateSpec, IMarkStateStyleSpec } from '@visactor/vchart';\nimport { StateValue } from '@visactor/vchart/src/compile/mark';\nimport { Datum } from '@visactor/vchart/src/typings/common';\nimport {\n  ITextGraphicAttribute,\n  ISymbolGraphicAttribute,\n  IRectGraphicAttribute,\n  EasingType\n} from '@visactor/vrender-core';\n\ntype IRankingListData = Datum[];\n\nexport interface IRankingListSpec {\n  /**\n   * 图表类型\n   */\n  type: 'rankingList';\n  /**\n   * 数据\n   */\n  data: IRankingListData;\n  /**\n   * x轴字段\n   */\n  xField: string;\n  /**\n   * y轴字段\n   */\n  yField: string;\n  width?: number;\n  height?: number;\n  /**\n   * 标签布局\n   * @default 'top'\n   */\n  labelLayout?: 'top' | 'bothEnd';\n  /**\n   * 柱样式\n   */\n  bar?: {\n    height?: number;\n    style?: IRectGraphicAttribute;\n    state?: Record<StateValue, IMarkStateSpec<IRectGraphicAttribute> | IMarkStateStyleSpec<IRectGraphicAttribute>>;\n  };\n  /**\n   * 柱图背景\n   */\n  barBackground?: {\n    visible?: boolean;\n    type?: string;\n    style?: ISymbolGraphicAttribute | IRectGraphicAttribute;\n    state?: Record<\n      StateValue,\n      | IMarkStateSpec<ISymbolGraphicAttribute | IRectGraphicAttribute>\n      | IMarkStateStyleSpec<ISymbolGraphicAttribute | IRectGraphicAttribute>\n    >;\n  };\n  /**\n   * 排名图标\n   */\n  rankingIcon?: {\n    visible?: boolean;\n    style?: ISymbolGraphicAttribute;\n    state?: Record<StateValue, IMarkStateSpec<ISymbolGraphicAttribute> | IMarkStateStyleSpec<ISymbolGraphicAttribute>>;\n  };\n  /**\n   * 装饰图元\n   */\n  decorateHaloIcons?: [\n    {\n      visible?: boolean;\n      // type?: 'circle' | 'square' | 'emptyCircle' | 'diamond' | 'halo' | 'concentric' | 'custom';\n      style?: ISymbolGraphicAttribute;\n      state?: Record<\n        StateValue,\n        IMarkStateSpec<ISymbolGraphicAttribute> | IMarkStateStyleSpec<ISymbolGraphicAttribute>\n      >;\n    }\n  ];\n  /**\n   * 排名序号\n   */\n  orderLabel?: {\n    visible?: boolean;\n    style?: ITextGraphicAttribute;\n    formatMethod?: (text: string, datum: Datum) => string;\n    state?: Record<StateValue, IMarkStateSpec<ITextGraphicAttribute> | IMarkStateStyleSpec<ITextGraphicAttribute>>;\n  };\n  /**\n   * 名称标签(yField对应的标签)\n   */\n  nameLabel?: {\n    visible?: boolean;\n    style?: ITextGraphicAttribute;\n    formatMethod?: (text: string, datum: Datum) => string;\n    state?: Record<StateValue, IMarkStateSpec<ITextGraphicAttribute> | IMarkStateStyleSpec<ITextGraphicAttribute>>;\n  };\n  /**\n   * 值标签(xField对应的标签)\n   */\n  valueLabel?: {\n    visible?: boolean;\n    style?: ITextGraphicAttribute;\n    formatMethod?: (text: string, datum: Datum) => string;\n    state?: Record<StateValue, IMarkStateSpec<ITextGraphicAttribute> | IMarkStateStyleSpec<ITextGraphicAttribute>>;\n  };\n  /**\n   * 每页行数\n   */\n  pageSize?: number;\n  /**\n   * 滚动行数\n   */\n  scrollSize?: number;\n  /**\n   * 排行榜动画效果的定义和普通图表不甚相同\n   * animationNormal动画代表由player控制其更新数据时执行的滚动效果的动画, 本质上是由普通图表的 update + enter + exit 共同构成的\n   */\n  /**\n   * 出现动画\n   */\n  animationAppear?: {\n    /**\n     * 是否开启\n     * @default true\n     */\n    enable?: boolean;\n    /**\n     * 动画类型\n     * @default 'grow'\n     * 'grow' 伸展\n     */\n    type?: 'grow';\n    /**\n     * 动画时长\n     */\n    duration?: number;\n    /**\n     * 动画缓动效果\n     */\n    easing?: EasingType;\n  };\n\n  /**\n   * 更新动画\n   */\n  animationUpdate?: {\n    /**\n     * 是否开启\n     * @default true\n     */\n    enable?: boolean;\n    /**\n     * 动画类型\n     * @default 'grow'\n     * 'grow' 伸展\n     */\n    type?: 'grow';\n    /**\n     * 动画时长\n     */\n    duration?: number;\n    /**\n     * 动画缓动效果\n     */\n    easing?: EasingType;\n  };\n\n  /**\n   * 循环滚动动画\n   */\n  animationNormal?: {\n    // /**\n    //  * 是否开启\n    //  * @default true\n    //  */\n    // enable?: boolean;\n    // /**\n    //  * 动画类型\n    //  * @default 'scroll'\n    //  * 'scroll' 伸展\n    //  */\n    // type?: 'scroll';\n    /**\n     * 动画间隔\n     */\n    interval?: number;\n  };\n}\n"]}

package/esm/charts/ranking-list/ranking-list-transformer.d.ts

@@ -0,0 +1,458 @@
+import { Datum } from '@visactor/vchart/src/typings';
+import type { IRankingListSpec } from './interface';
+import { CommonChartSpecTransformer } from '@visactor/vchart';
+import { TextMeasure } from '@visactor/vutils';
+export declare class RankingListChartSpecTransformer extends CommonChartSpecTransformer {
+    protected nameLabelTextMeasure: TextMeasure<any>;
+    protected valueLabelTextMeasure: TextMeasure<any>;
+    protected orderLabelTextMeasure: TextMeasure<any>;
+    protected originalData: Datum[];
+    protected originalSpec: IRankingListSpec;
+    protected dataSpecs: any[];
+    protected formatMap: {
+        [key: string]: (text: string, ctx: any) => string;
+    };
+    protected orderCount: number;
+    transformSpec(spec: any): void;
+    normalizeSpec(spec: any): void;
+    upgradeTextMeasure(spec: any): void;
+    upgradeFormatMap(spec: any): void;
+    processData(spec: any): void;
+    transformBaseSpec(spec: any): void;
+    transformAnimationSpec(spec: any): void;
+    transformAxesSpec(spec: any): void;
+    generateBarBackground(spec: any): {
+        type: any;
+        dataId: string;
+        visible: boolean;
+        dataKey: string;
+        zIndex: number;
+        state: any;
+        style: any;
+        animation: boolean;
+        animationEnter: boolean | {
+            type: string;
+            options: {
+                direction: string;
+                orient: string;
+                excludeChannels: string[];
+                point: (datum: Datum, element: IElement) => {
+                    y: any;
+                };
+            };
+            duration: number;
+            easing: import("@visactor/vrender-core").EasingType;
+        };
+        animationExit: boolean | {
+            type: string;
+            options: {
+                direction: string;
+                orient: string;
+                point: (datum: Datum, element: IElement) => {
+                    y: number;
+                };
+            };
+            duration: number;
+            easing: import("@visactor/vrender-core").EasingType;
+        };
+        animationAppear: boolean | {
+            type: string;
+            oneByOne: boolean;
+            duration: number;
+            easing: import("@visactor/vrender-core").EasingType;
+            options: {};
+            channel?: undefined;
+        } | {
+            channel: {
+                x: {
+                    from: number;
+                    to: (datum: Datum, element: IElement) => any;
+                };
+                opacity?: undefined;
+            };
+            duration: number;
+            easing: import("@visactor/vrender-core").EasingType;
+            type?: undefined;
+            oneByOne?: undefined;
+            options?: undefined;
+        } | {
+            channel: {
+                opacity: {
+                    from: number;
+                    to: number;
+                };
+                x?: undefined;
+            };
+            duration: number;
+            easing: import("@visactor/vrender-core").EasingType;
+            type?: undefined;
+            oneByOne?: undefined;
+            options?: undefined;
+        };
+        animationUpdate: boolean | {
+            duration: number;
+            easing: import("@visactor/vrender-core").EasingType;
+        };
+    };
+    generateDecorateHaloIcons(spec: any): any;
+    generateRankingIcon(spec: any): {
+        type: string;
+        dataId: string;
+        visible: boolean;
+        dataKey: string;
+        state: any;
+        style: any;
+        animation: boolean;
+        animationEnter: boolean | {
+            type: string;
+            options: {
+                direction: string;
+                orient: string;
+                excludeChannels: string[];
+                point: (datum: Datum, element: IElement) => {
+                    y: any;
+                };
+            };
+            duration: number;
+            easing: import("@visactor/vrender-core").EasingType;
+        };
+        animationExit: boolean | {
+            type: string;
+            options: {
+                direction: string;
+                orient: string;
+                point: (datum: Datum, element: IElement) => {
+                    y: number;
+                };
+            };
+            duration: number;
+            easing: import("@visactor/vrender-core").EasingType;
+        };
+        animationAppear: boolean | {
+            type: string;
+            oneByOne: boolean;
+            duration: number;
+            easing: import("@visactor/vrender-core").EasingType;
+            options: {};
+            channel?: undefined;
+        } | {
+            channel: {
+                x: {
+                    from: number;
+                    to: (datum: Datum, element: IElement) => any;
+                };
+                opacity?: undefined;
+            };
+            duration: number;
+            easing: import("@visactor/vrender-core").EasingType;
+            type?: undefined;
+            oneByOne?: undefined;
+            options?: undefined;
+        } | {
+            channel: {
+                opacity: {
+                    from: number;
+                    to: number;
+                };
+                x?: undefined;
+            };
+            duration: number;
+            easing: import("@visactor/vrender-core").EasingType;
+            type?: undefined;
+            oneByOne?: undefined;
+            options?: undefined;
+        };
+        animationUpdate: boolean | {
+            duration: number;
+            easing: import("@visactor/vrender-core").EasingType;
+        };
+    };
+    generateNameLabel(spec: any): {
+        type: string;
+        dataId: string;
+        dataKey: string;
+        state: any;
+        style: any;
+        animation: boolean;
+        animationEnter: boolean | {
+            type: string;
+            options: {
+                direction: string;
+                orient: string;
+                excludeChannels: string[];
+                point: (datum: Datum, element: IElement) => {
+                    y: any;
+                };
+            };
+            duration: number;
+            easing: import("@visactor/vrender-core").EasingType;
+        };
+        animationExit: boolean | {
+            type: string;
+            options: {
+                direction: string;
+                orient: string;
+                point: (datum: Datum, element: IElement) => {
+                    y: number;
+                };
+            };
+            duration: number;
+            easing: import("@visactor/vrender-core").EasingType;
+        };
+        animationAppear: boolean | {
+            type: string;
+            oneByOne: boolean;
+            duration: number;
+            easing: import("@visactor/vrender-core").EasingType;
+            options: {};
+            channel?: undefined;
+        } | {
+            channel: {
+                x: {
+                    from: number;
+                    to: (datum: Datum, element: IElement) => any;
+                };
+                opacity?: undefined;
+            };
+            duration: number;
+            easing: import("@visactor/vrender-core").EasingType;
+            type?: undefined;
+            oneByOne?: undefined;
+            options?: undefined;
+        } | {
+            channel: {
+                opacity: {
+                    from: number;
+                    to: number;
+                };
+                x?: undefined;
+            };
+            duration: number;
+            easing: import("@visactor/vrender-core").EasingType;
+            type?: undefined;
+            oneByOne?: undefined;
+            options?: undefined;
+        };
+        animationUpdate: boolean | {
+            duration: number;
+            easing: import("@visactor/vrender-core").EasingType;
+        };
+    };
+    generateOrderLabel(spec: any): {
+        type: string;
+        dataId: string;
+        dataKey: string;
+        state: any;
+        style: any;
+        animation: boolean;
+        animationEnter: boolean | {
+            type: string;
+            options: {
+                direction: string;
+                orient: string;
+                excludeChannels: string[];
+                point: (datum: Datum, element: IElement) => {
+                    y: any;
+                };
+            };
+            duration: number;
+            easing: import("@visactor/vrender-core").EasingType;
+        };
+        animationExit: boolean | {
+            type: string;
+            options: {
+                direction: string;
+                orient: string;
+                point: (datum: Datum, element: IElement) => {
+                    y: number;
+                };
+            };
+            duration: number;
+            easing: import("@visactor/vrender-core").EasingType;
+        };
+        animationAppear: boolean | {
+            type: string;
+            oneByOne: boolean;
+            duration: number;
+            easing: import("@visactor/vrender-core").EasingType;
+            options: {};
+            channel?: undefined;
+        } | {
+            channel: {
+                x: {
+                    from: number;
+                    to: (datum: Datum, element: IElement) => any;
+                };
+                opacity?: undefined;
+            };
+            duration: number;
+            easing: import("@visactor/vrender-core").EasingType;
+            type?: undefined;
+            oneByOne?: undefined;
+            options?: undefined;
+        } | {
+            channel: {
+                opacity: {
+                    from: number;
+                    to: number;
+                };
+                x?: undefined;
+            };
+            duration: number;
+            easing: import("@visactor/vrender-core").EasingType;
+            type?: undefined;
+            oneByOne?: undefined;
+            options?: undefined;
+        };
+        animationUpdate: boolean | {
+            duration: number;
+            easing: import("@visactor/vrender-core").EasingType;
+        };
+    };
+    generateValueLabel(spec: any): {
+        type: string;
+        dataId: string;
+        visible: boolean;
+        dataKey: string;
+        state: any;
+        style: any;
+        animation: boolean;
+        animationEnter: boolean | {
+            type: string;
+            options: {
+                direction: string;
+                orient: string;
+                excludeChannels: string[];
+                point: (datum: Datum, element: IElement) => {
+                    y: any;
+                };
+            };
+            duration: number;
+            easing: import("@visactor/vrender-core").EasingType;
+        };
+        animationExit: boolean | {
+            type: string;
+            options: {
+                direction: string;
+                orient: string;
+                point: (datum: Datum, element: IElement) => {
+                    y: number;
+                };
+            };
+            duration: number;
+            easing: import("@visactor/vrender-core").EasingType;
+        };
+        animationAppear: boolean | {
+            type: string;
+            oneByOne: boolean;
+            duration: number;
+            easing: import("@visactor/vrender-core").EasingType;
+            options: {};
+            channel?: undefined;
+        } | {
+            channel: {
+                x: {
+                    from: number;
+                    to: (datum: Datum, element: IElement) => any;
+                };
+                opacity?: undefined;
+            };
+            duration: number;
+            easing: import("@visactor/vrender-core").EasingType;
+            type?: undefined;
+            oneByOne?: undefined;
+            options?: undefined;
+        } | {
+            channel: {
+                opacity: {
+                    from: number;
+                    to: number;
+                };
+                x?: undefined;
+            };
+            duration: number;
+            easing: import("@visactor/vrender-core").EasingType;
+            type?: undefined;
+            oneByOne?: undefined;
+            options?: undefined;
+        };
+        animationUpdate: boolean | {
+            duration: number;
+            easing: import("@visactor/vrender-core").EasingType;
+        };
+    };
+    transformPaddingSpec(spec: any): void;
+    paginateDataArr: (spec: IRankingListSpec) => {
+        orderCount: number;
+        result: {
+            [key: string]: Datum[];
+        };
+    };
+    processRankingData: (spec: IRankingListSpec) => any[];
+    getMaxDataLabelLens(spec: IRankingListSpec, field: string, textMeasure: TextMeasure<any>): number;
+    formatDatum(field: string, datum: Datum): any;
+    getLabelWidth(padding: number, width: number): number;
+    getAnimationExit(spec: IRankingListSpec): false | {
+        type: string;
+        options: {
+            direction: string;
+            orient: string;
+            point: (datum: Datum, element: IElement) => {
+                y: number;
+            };
+        };
+        duration: number;
+        easing: import("@visactor/vrender-core").EasingType;
+    };
+    getAnimationEnter(spec: IRankingListSpec): false | {
+        type: string;
+        options: {
+            direction: string;
+            orient: string;
+            excludeChannels: string[];
+            point: (datum: Datum, element: IElement) => {
+                y: any;
+            };
+        };
+        duration: number;
+        easing: import("@visactor/vrender-core").EasingType;
+    };
+    getAnimationAppear(spec: IRankingListSpec, markType: 'rect' | 'text' | 'symbol' | 'barBack'): false | {
+        type: string;
+        oneByOne: boolean;
+        duration: number;
+        easing: import("@visactor/vrender-core").EasingType;
+        options: {};
+        channel?: undefined;
+    } | {
+        channel: {
+            x: {
+                from: number;
+                to: (datum: Datum, element: IElement) => any;
+            };
+            opacity?: undefined;
+        };
+        duration: number;
+        easing: import("@visactor/vrender-core").EasingType;
+        type?: undefined;
+        oneByOne?: undefined;
+        options?: undefined;
+    } | {
+        channel: {
+            opacity: {
+                from: number;
+                to: number;
+            };
+            x?: undefined;
+        };
+        duration: number;
+        easing: import("@visactor/vrender-core").EasingType;
+        type?: undefined;
+        oneByOne?: undefined;
+        options?: undefined;
+    };
+    getAnimationUpdate(spec: IRankingListSpec): false | {
+        duration: number;
+        easing: import("@visactor/vrender-core").EasingType;
+    };
+}