@visactor/vchart-extension 2.0.0-alpha.0 → 2.0.0-alpha.1

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

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.defaultSpec = void 0;
+
+const cornerRadius = 5, animationDuration = 1e3, fontSize = 20, pageSize = 5, scrollSize = 1, primaryFontColor = "#21252c", shadowColor = "rgba(33,37,44,0.1)";
+
+exports.defaultSpec = {
+    labelLayout: "top",
+    bar: {
+        style: {
+            cornerRadius: 5
+        }
+    },
+    barBackground: {
+        type: "rect",
+        style: {
+            fill: shadowColor,
+            cornerRadius: 5
+        }
+    },
+    rankingIcon: {
+        visible: !0,
+        style: {
+            fill: "#21252c",
+            size: 20
+        }
+    },
+    nameLabel: {
+        visible: !0,
+        style: {
+            fontSize: 20,
+            fontWeight: "normal",
+            fill: "#21252c",
+            textBaseline: "middle"
+        }
+    },
+    orderLabel: {
+        visible: !0,
+        style: {
+            fontSize: 20,
+            fontWeight: "normal",
+            fill: "#21252c",
+            textBaseline: "middle"
+        }
+    },
+    valueLabel: {
+        visible: !0,
+        style: {
+            fontSize: 20,
+            fontWeight: "normal",
+            fill: "#21252c",
+            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/cjs/charts/ranking-list/constant.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/ranking-list/constant.ts"],"names":[],"mappings":";;;AAEA,MAAM,YAAY,GAAG,CAAC,CAAC;AACvB,MAAM,iBAAiB,GAAG,IAAI,CAAC;AAC/B,MAAM,QAAQ,GAAG,EAAE,CAAC;AACpB,MAAM,QAAQ,GAAG,CAAC,CAAC;AACnB,MAAM,UAAU,GAAG,CAAC,CAAC;AAGrB,MAAM,gBAAgB,GAAG,SAAS,CAAC;AACnC,MAAM,WAAW,GAAG,oBAAoB,CAAC;AAE5B,QAAA,WAAW,GAAkE;IACxF,WAAW,EAAE,KAAK;IAClB,GAAG,EAAE;QACH,KAAK,EAAE;YACL,YAAY;SACb;KACF;IACD,aAAa,EAAE;QACb,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE;YACL,IAAI,EAAE,WAAW;YACjB,YAAY;SACb;KACF;IACD,WAAW,EAAE;QACX,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YACL,IAAI,EAAE,gBAAgB;YACtB,IAAI,EAAE,QAAQ;SACf;KACF;IACD,SAAS,EAAE;QACT,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YAEL,QAAQ,EAAE,QAAQ;YAClB,UAAU,EAAE,QAAQ;YACpB,IAAI,EAAE,gBAAgB;YACtB,YAAY,EAAE,QAAQ;SACvB;KACF;IACD,UAAU,EAAE;QACV,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YAEL,QAAQ,EAAE,QAAQ;YAClB,UAAU,EAAE,QAAQ;YACpB,IAAI,EAAE,gBAAgB;YACtB,YAAY,EAAE,QAAQ;SACvB;KACF;IACD,UAAU,EAAE;QACV,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YAEL,QAAQ,EAAE,QAAQ;YAClB,UAAU,EAAE,QAAQ;YACpB,IAAI,EAAE,gBAAgB;YACtB,YAAY,EAAE,QAAQ;SACvB;KACF;IACD,QAAQ;IACR,UAAU;IACV,eAAe,EAAE;QACf,MAAM,EAAE,IAAI;QACZ,IAAI,EAAE,MAAM;QACZ,QAAQ,EAAE,iBAAiB;QAC3B,MAAM,EAAE,QAAQ;KACjB;IACD,eAAe,EAAE;QACf,MAAM,EAAE,IAAI;QACZ,IAAI,EAAE,MAAM;QACZ,QAAQ,EAAE,iBAAiB;QAC3B,MAAM,EAAE,QAAQ;KACjB;IACD,eAAe,EAAE;QAGf,QAAQ,EAAE,iBAAiB;KAE5B;CACF,CAAC","file":"constant.js","sourcesContent":["import { IRankingListSpec } from './interface';\n\nconst cornerRadius = 5;\nconst animationDuration = 1000;\nconst fontSize = 20;\nconst pageSize = 5;\nconst scrollSize = 1;\n\n// from: packages/vchart/src/theme/builtin/light/color-scheme.ts\nconst primaryFontColor = '#21252c';\nconst shadowColor = 'rgba(33,37,44,0.1)';\n\nexport const defaultSpec: Omit<IRankingListSpec, 'type' | 'data' | 'xField' | 'yField'> = {\n  labelLayout: 'top',\n  bar: {\n    style: {\n      cornerRadius\n    }\n  },\n  barBackground: {\n    type: 'rect',\n    style: {\n      fill: shadowColor,\n      cornerRadius\n    }\n  },\n  rankingIcon: {\n    visible: true,\n    style: {\n      fill: primaryFontColor,\n      size: fontSize\n    }\n  },\n  nameLabel: {\n    visible: true,\n    style: {\n      // fontFamily: ''\n      fontSize: fontSize,\n      fontWeight: 'normal',\n      fill: primaryFontColor,\n      textBaseline: 'middle'\n    }\n  },\n  orderLabel: {\n    visible: true,\n    style: {\n      // fontFamily: ''\n      fontSize: fontSize,\n      fontWeight: 'normal',\n      fill: primaryFontColor,\n      textBaseline: 'middle'\n    }\n  },\n  valueLabel: {\n    visible: true,\n    style: {\n      // fontFamily: ''\n      fontSize: fontSize,\n      fontWeight: 'normal',\n      fill: primaryFontColor,\n      textBaseline: 'middle'\n    }\n  },\n  pageSize,\n  scrollSize,\n  animationAppear: {\n    enable: true,\n    type: 'grow',\n    duration: animationDuration,\n    easing: 'linear'\n  },\n  animationUpdate: {\n    enable: true,\n    type: 'grow',\n    duration: animationDuration,\n    easing: 'linear'\n  },\n  animationNormal: {\n    // enable: true,\n    // type: 'scroll',\n    interval: animationDuration\n    // easing: 'linear'\n  }\n};\n"]}

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

@@ -0,0 +1,74 @@
+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;
+        customTransformSpec?: (spec: any) => void;
+    };
+    animationUpdate?: {
+        enable?: boolean;
+        type?: 'grow';
+        duration?: number;
+        easing?: EasingType;
+    };
+    animationNormal?: {
+        interval?: number;
+    };
+}
+export {};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/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     * @param spec 经过rankingList转化后的vchart原始spec\n     * @description 获取vchart原始spec, 并根据业务自行添加转换逻辑\n     */\n    customTransformSpec?: (spec: any) => void;\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/cjs/charts/ranking-list/ranking-list-transformer.d.ts

@@ -0,0 +1,460 @@
+import type { Datum } from '@visactor/vchart/src/typings';
+import type { IRankingListSpec } from './interface';
+import type { IMarkGraphic } from '@visactor/vchart';
+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;
+    protected isSpecValid(spec: any): boolean;
+    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, graphic: IMarkGraphic) => {
+                    y: any;
+                };
+            };
+            duration: number;
+            easing: import("@visactor/vrender-core").EasingType;
+        };
+        animationExit: boolean | {
+            type: string;
+            options: {
+                direction: string;
+                orient: string;
+                point: (datum: Datum, graphic: IMarkGraphic) => {
+                    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, graphic: IMarkGraphic) => 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, graphic: IMarkGraphic) => {
+                    y: any;
+                };
+            };
+            duration: number;
+            easing: import("@visactor/vrender-core").EasingType;
+        };
+        animationExit: boolean | {
+            type: string;
+            options: {
+                direction: string;
+                orient: string;
+                point: (datum: Datum, graphic: IMarkGraphic) => {
+                    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, graphic: IMarkGraphic) => 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, graphic: IMarkGraphic) => {
+                    y: any;
+                };
+            };
+            duration: number;
+            easing: import("@visactor/vrender-core").EasingType;
+        };
+        animationExit: boolean | {
+            type: string;
+            options: {
+                direction: string;
+                orient: string;
+                point: (datum: Datum, graphic: IMarkGraphic) => {
+                    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, graphic: IMarkGraphic) => 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, graphic: IMarkGraphic) => {
+                    y: any;
+                };
+            };
+            duration: number;
+            easing: import("@visactor/vrender-core").EasingType;
+        };
+        animationExit: boolean | {
+            type: string;
+            options: {
+                direction: string;
+                orient: string;
+                point: (datum: Datum, graphic: IMarkGraphic) => {
+                    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, graphic: IMarkGraphic) => 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, graphic: IMarkGraphic) => {
+                    y: any;
+                };
+            };
+            duration: number;
+            easing: import("@visactor/vrender-core").EasingType;
+        };
+        animationExit: boolean | {
+            type: string;
+            options: {
+                direction: string;
+                orient: string;
+                point: (datum: Datum, graphic: IMarkGraphic) => {
+                    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, graphic: IMarkGraphic) => 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, graphic: IMarkGraphic) => {
+                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, graphic: IMarkGraphic) => {
+                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, graphic: IMarkGraphic) => 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;
+    };
+}