@visactor/vchart-extension 2.0.2 → 2.0.3-alpha.1

package/esm/charts/ranking-bar/ranking-bar.js

@@ -0,0 +1,27 @@
+import { VChart, BaseChart } from "@visactor/vchart";
+
+import { RankingBarChartSpecTransformer } from "./ranking-bar-transformer";
+
+export class RankingBar extends BaseChart {
+    constructor() {
+        super(...arguments), this.type = "rankingBar", this.transformerConstructor = RankingBarChartSpecTransformer;
+    }
+    init() {
+        this.isValid() && super.init();
+    }
+    isValid() {
+        var _a, _b, _c, _d;
+        const {xField: xField, yField: yField, timeField: timeField, data: data} = this._spec;
+        return xField && yField && timeField ? !!data || (null === (_d = (_c = this._option).onError) || void 0 === _d || _d.call(_c, "Data is required"), 
+        !1) : (null === (_b = (_a = this._option).onError) || void 0 === _b || _b.call(_a, "Missing Required Config: `xField`, `yField`, `timeField` "), 
+        !1);
+    }
+}
+
+RankingBar.type = "rankingBar", RankingBar.view = "singleDefault", RankingBar.transformerConstructor = RankingBarChartSpecTransformer;
+
+export const registerRankingBarChart = option => {
+    const vchartConstructor = (null == option ? void 0 : option.VChart) || VChart;
+    vchartConstructor && vchartConstructor.useChart([ RankingBar ]);
+};
+//# sourceMappingURL=ranking-bar.js.map

package/esm/charts/ranking-bar/ranking-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/ranking-bar/ranking-bar.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,8BAA8B,EAAE,MAAM,2BAA2B,CAAC;AAE3E,MAAM,OAAO,UAAW,SAAQ,SAAyC;IAAzE;;QACE,SAAI,GAAG,YAAY,CAAC;QAOX,2BAAsB,GAAG,8BAA8B,CAAC;IAqBnE,CAAC;IAnBC,IAAI;QACF,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE;YACnB,OAAO;SACR;QACD,KAAK,CAAC,IAAI,EAAE,CAAC;IACf,CAAC;IAES,OAAO;;QACf,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACvD,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE;YACpC,MAAA,MAAA,IAAI,CAAC,OAAO,EAAC,OAAO,mDAAG,2DAA2D,CAAC,CAAC;YACpF,OAAO,KAAK,CAAC;SACd;QACD,IAAI,CAAC,IAAI,EAAE;YACT,MAAA,MAAA,IAAI,CAAC,OAAO,EAAC,OAAO,mDAAG,kBAAkB,CAAC,CAAC;YAC3C,OAAO,KAAK,CAAC;SACd;QACD,OAAO,IAAI,CAAC;IACd,CAAC;;AA1BM,eAAI,GAAG,YAAY,CAAC;AACX,eAAI,GAAW,eAAe,CAAC;AAI/B,iCAAsB,GAAG,8BAA8B,CAAC;AAwB1E,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,MAAmC,EAAE,EAAE;IAC7E,MAAM,iBAAiB,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,KAAI,MAAM,CAAC;IACnD,IAAI,iBAAiB,EAAE;QACrB,iBAAiB,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;KAC1C;AACH,CAAC,CAAC","file":"ranking-bar.js","sourcesContent":["import { IRankingBarSpec } from './interface';\nimport { VChart, BaseChart } from '@visactor/vchart';\nimport { RankingBarChartSpecTransformer } from './ranking-bar-transformer';\n\nexport class RankingBar extends BaseChart<Omit<IRankingBarSpec, 'color'>> {\n  type = 'rankingBar';\n  static type = 'rankingBar';\n  static readonly view: string = 'singleDefault';\n\n  declare _spec: IRankingBarSpec;\n\n  static readonly transformerConstructor = RankingBarChartSpecTransformer;\n  readonly transformerConstructor = RankingBarChartSpecTransformer;\n\n  init() {\n    if (!this.isValid()) {\n      return;\n    }\n    super.init();\n  }\n\n  protected isValid() {\n    const { xField, yField, timeField, data } = this._spec;\n    if (!xField || !yField || !timeField) {\n      this._option.onError?.('Missing Required Config: `xField`, `yField`, `timeField` ');\n      return false;\n    }\n    if (!data) {\n      this._option.onError?.('Data is required');\n      return false;\n    }\n    return true;\n  }\n}\n\nexport const registerRankingBarChart = (option?: { VChart?: typeof VChart }) => {\n  const vchartConstructor = option?.VChart || VChart;\n  if (vchartConstructor) {\n    vchartConstructor.useChart([RankingBar]);\n  }\n};\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,69 @@
+const cornerRadius = 5, animationDuration = 1e3, fontSize = 20, pageSize = 5, scrollSize = 1, primaryFontColor = "#21252c", shadowColor = "rgba(33,37,44,0.1)";
+
+export const 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/esm/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;AAEzC,MAAM,CAAC,MAAM,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/esm/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/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":["../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/esm/charts/ranking-list/ranking-list-transformer.d.ts

@@ -0,0 +1,466 @@
+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;
+                excludeChannels: 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;
+                excludeChannels: 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;
+                excludeChannels: 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;
+                excludeChannels: 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;
+                excludeChannels: 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;
+            excludeChannels: 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;
+    };
+}