@visactor/vchart-extension 2.0.1 → 2.0.2

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

@@ -1,27 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1,69 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,74 +0,0 @@
-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

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

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

@@ -1 +0,0 @@
-{"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

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