@visactor/vchart 1.9.0-alpha.0 → 1.9.0-alpha.1

package/esm/series/bar/interface.d.ts

@@ -13,7 +13,7 @@ export interface IBarSeriesSpec extends ICartesianSeriesSpec, IAnimationSpec<Bar
     xField?: string | string[];
     yField?: string | string[];
     [SeriesMarkNameEnum.bar]?: IMarkSpec<IRectMarkSpec>;
-    [SeriesMarkNameEnum.barBackground]?: IMarkSpec<IRectMarkSpec>;
+    [SeriesMarkNameEnum.barBackground]?: IMarkSpec<IRectMarkSpec> & IBarBackgroundSpec;
     [SeriesMarkNameEnum.label]?: Omit<ILabelSpec, 'position'> & {
         position?: Functional<'outside' | 'top' | 'bottom' | 'left' | 'right' | 'inside' | 'inside-top' | 'inside-bottom' | 'inside-right' | 'inside-left' | 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left'>;
     };
@@ -23,9 +23,12 @@ export interface IBarSeriesSpec extends ICartesianSeriesSpec, IAnimationSpec<Bar
     barGapInGroup?: number | string | (number | string)[];
     barMinHeight?: number;
 }
+export interface IBarBackgroundSpec {
+    fieldLevel?: number;
+}
 export interface IBarSeriesTheme extends ICartesianSeriesTheme {
     [SeriesMarkNameEnum.bar]?: Partial<IMarkTheme<IRectMarkSpec>>;
-    [SeriesMarkNameEnum.barBackground]?: IMarkSpec<IRectMarkSpec>;
+    [SeriesMarkNameEnum.barBackground]?: Partial<IMarkTheme<IRectMarkSpec>> & IBarBackgroundSpec;
     barWidth?: number;
     barMinWidth?: number;
     barMaxWidth?: number;

package/esm/series/bar/interface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/series/bar/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { ICartesianSeriesSpec, ICartesianSeriesTheme } from '../cartesian/interface';\nimport type { IMarkSpec, IMarkTheme } from '../../typings/spec/common';\nimport type { IRect3dMarkSpec, IRectMarkSpec } from '../../typings/visual';\nimport type { IAnimationSpec } from '../../animation/spec';\nimport type { BarAppearPreset } from './animation';\nimport type { ILabelSpec } from '../../component/label';\nimport type { IDataSamping, IMarkProgressiveConfig } from '../../mark/interface';\nimport type { SeriesMarkNameEnum } from '../interface/type';\nimport type { Functional } from '@visactor/vrender-components';\n\ntype BarMarks = 'bar';\n\nexport interface IBarSeriesSpec\n  extends ICartesianSeriesSpec,\n    IAnimationSpec<BarMarks, BarAppearPreset>,\n    IMarkProgressiveConfig,\n    IDataSamping {\n  /**\n   *  系列类型\n   */\n  type: 'bar';\n  /**\n   * x轴字段\n   */\n  xField?: string | string[];\n  /**\n   * y轴字段\n   */\n  yField?: string | string[];\n  /**\n   * 图元配置\n   */\n  [SeriesMarkNameEnum.bar]?: IMarkSpec<IRectMarkSpec>;\n  /**\n   * 柱状背景图元\n   * @since 1.6.0\n   */\n  [SeriesMarkNameEnum.barBackground]?: IMarkSpec<IRectMarkSpec>;\n  /** 标签配置*/\n  [SeriesMarkNameEnum.label]?: Omit<ILabelSpec, 'position'> & {\n    /**\n     * 标签位置\n     * @since 1.6.0\n     * 支持'top-right' | 'top-left'| 'bottom-right' | 'bottom-left'，以及函数形式配置\n     * */\n    position?: Functional<\n      | 'outside'\n      | 'top'\n      | 'bottom'\n      | 'left'\n      | 'right'\n      | 'inside'\n      | 'inside-top'\n      | 'inside-bottom'\n      | 'inside-right'\n      | 'inside-left'\n      | 'top-right'\n      | 'top-left'\n      | 'bottom-right'\n      | 'bottom-left'\n    >;\n  };\n  /**\n   * 柱体宽度，可以设置绝对的像素值，也可以使用百分比（如 '10%'）\n   * 1. number 类型，表示像素值\n   * 2. string 类型，百分比用法，如 '10%'，该值为对应最后一个分组字段对应的 scale 的 bandWidth 占比(因为柱子是等宽的，所以采用最后一层分组的 scale)\n   */\n  barWidth?: number | string;\n  /**\n   * 柱体最小宽度，可以设置绝对的像素值，也可以使用百分比（如 '10%'）\n   * 1. number 类型，表示像素值\n   * 2. string 类型，百分比用法，如 '10%'，该值为对应最后一个分组字段对应的 scale 的 bandWidth 占比(因为柱子是等宽的，所以采用最后一层分组的 scale)\n   */\n  barMinWidth?: number | string;\n  /**\n   * 柱体最大宽度，可以设置绝对的像素值，也可以使用百分比（如 '10%'）\n   * 1. number 类型，表示像素值\n   * 2. string 类型，百分比用法，如 '10%'，该值为对应最后一个分组字段对应的 scale 的 bandWidth 占比(因为柱子是等宽的，所以采用最后一层分组的 scale)\n   */\n  barMaxWidth?: number | string;\n  /**\n   * 分组柱图中各个分组内的柱子间距，可以设置绝对的像素值，也可以使用百分比（如 '10%'）。\n   * 当存在多层分组时，可以使用数组来设置不同层级的间距，如 [10, '20%']，表示第一层分组的间距为 10px，第二层分组的间距为 '20%'。\n   * 如果 barGapInGroup 的数组个数小于分组层数，则后面的分组间距使用最后一个值。\n   * 1. number 类型，表示像素值\n   * 2. string 类型，百分比用法，如 '10%'，该值为对应最后一个分组字段对应的 scale 的 bandWidth 占比(因为柱子是等宽的，所以采用最后一层分组的 scale)\n   * @since 1.2.0\n   */\n  barGapInGroup?: number | string | (number | string)[];\n\n  /**\n   * 柱条最小高度，可用于防止某数据项的值过小的视觉调整。\n   * @since 1.4.0\n   */\n  barMinHeight?: number;\n}\n\nexport interface IBarSeriesTheme extends ICartesianSeriesTheme {\n  [SeriesMarkNameEnum.bar]?: Partial<IMarkTheme<IRectMarkSpec>>;\n  /**\n   * 柱状背景图元\n   * @since 1.6.0\n   */\n  [SeriesMarkNameEnum.barBackground]?: IMarkSpec<IRectMarkSpec>;\n  /**\n   * 柱体宽度\n   */\n  barWidth?: number;\n  /**\n   * 柱体最小宽度\n   */\n  barMinWidth?: number;\n  /**\n   * 柱体最大宽度\n   */\n  barMaxWidth?: number;\n}\n\nexport type IBar3dSeriesSpec = {\n  type: 'bar3d';\n} & Omit<IBarSeriesSpec, 'type'> &\n  ICartesianSeriesSpec &\n  IAnimationSpec<BarMarks, BarAppearPreset>;\n\nexport interface IBar3dSeriesTheme extends ICartesianSeriesTheme {\n  [SeriesMarkNameEnum.bar3d]?: Partial<IMarkTheme<IRect3dMarkSpec>>;\n}\n"]}
+{"version":3,"sources":["../src/series/bar/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { ICartesianSeriesSpec, ICartesianSeriesTheme } from '../cartesian/interface';\nimport type { IMarkSpec, IMarkTheme } from '../../typings/spec/common';\nimport type { IRect3dMarkSpec, IRectMarkSpec } from '../../typings/visual';\nimport type { IAnimationSpec } from '../../animation/spec';\nimport type { BarAppearPreset } from './animation';\nimport type { ILabelSpec } from '../../component/label';\nimport type { IDataSamping, IMarkProgressiveConfig } from '../../mark/interface';\nimport type { SeriesMarkNameEnum } from '../interface/type';\nimport type { Functional } from '@visactor/vrender-components';\n\ntype BarMarks = 'bar';\n\nexport interface IBarSeriesSpec\n  extends ICartesianSeriesSpec,\n    IAnimationSpec<BarMarks, BarAppearPreset>,\n    IMarkProgressiveConfig,\n    IDataSamping {\n  /**\n   *  系列类型\n   */\n  type: 'bar';\n  /**\n   * x轴字段\n   */\n  xField?: string | string[];\n  /**\n   * y轴字段\n   */\n  yField?: string | string[];\n  /**\n   * 图元配置\n   */\n  [SeriesMarkNameEnum.bar]?: IMarkSpec<IRectMarkSpec>;\n  /**\n   * 柱状背景图元\n   * @since 1.6.0\n   */\n  [SeriesMarkNameEnum.barBackground]?: IMarkSpec<IRectMarkSpec> & IBarBackgroundSpec;\n  /** 标签配置*/\n  [SeriesMarkNameEnum.label]?: Omit<ILabelSpec, 'position'> & {\n    /**\n     * 标签位置\n     * @since 1.6.0\n     * 支持'top-right' | 'top-left'| 'bottom-right' | 'bottom-left'，以及函数形式配置\n     * */\n    position?: Functional<\n      | 'outside'\n      | 'top'\n      | 'bottom'\n      | 'left'\n      | 'right'\n      | 'inside'\n      | 'inside-top'\n      | 'inside-bottom'\n      | 'inside-right'\n      | 'inside-left'\n      | 'top-right'\n      | 'top-left'\n      | 'bottom-right'\n      | 'bottom-left'\n    >;\n  };\n  /**\n   * 柱体宽度，可以设置绝对的像素值，也可以使用百分比（如 '10%'）\n   * 1. number 类型，表示像素值\n   * 2. string 类型，百分比用法，如 '10%'，该值为对应最后一个分组字段对应的 scale 的 bandWidth 占比(因为柱子是等宽的，所以采用最后一层分组的 scale)\n   */\n  barWidth?: number | string;\n  /**\n   * 柱体最小宽度，可以设置绝对的像素值，也可以使用百分比（如 '10%'）\n   * 1. number 类型，表示像素值\n   * 2. string 类型，百分比用法，如 '10%'，该值为对应最后一个分组字段对应的 scale 的 bandWidth 占比(因为柱子是等宽的，所以采用最后一层分组的 scale)\n   */\n  barMinWidth?: number | string;\n  /**\n   * 柱体最大宽度，可以设置绝对的像素值，也可以使用百分比（如 '10%'）\n   * 1. number 类型，表示像素值\n   * 2. string 类型，百分比用法，如 '10%'，该值为对应最后一个分组字段对应的 scale 的 bandWidth 占比(因为柱子是等宽的，所以采用最后一层分组的 scale)\n   */\n  barMaxWidth?: number | string;\n  /**\n   * 分组柱图中各个分组内的柱子间距，可以设置绝对的像素值，也可以使用百分比（如 '10%'）。\n   * 当存在多层分组时，可以使用数组来设置不同层级的间距，如 [10, '20%']，表示第一层分组的间距为 10px，第二层分组的间距为 '20%'。\n   * 如果 barGapInGroup 的数组个数小于分组层数，则后面的分组间距使用最后一个值。\n   * 1. number 类型，表示像素值\n   * 2. string 类型，百分比用法，如 '10%'，该值为对应最后一个分组字段对应的 scale 的 bandWidth 占比(因为柱子是等宽的，所以采用最后一层分组的 scale)\n   * @since 1.2.0\n   */\n  barGapInGroup?: number | string | (number | string)[];\n\n  /**\n   * 柱条最小高度，可用于防止某数据项的值过小的视觉调整。\n   * @since 1.4.0\n   */\n  barMinHeight?: number;\n}\n\nexport interface IBarBackgroundSpec {\n  /**\n   * 决定柱状背景图元是否显示在组的层级上，以及显示在哪个层级上。\n   * 例如：在分组柱状图中，xField 为 `['A', 'B', 'C']`，如果配置为 0，则以 'A' 划分的每个组对应一个整体的 barBackground；如果配置为 1，则以 'B' 划分的每个组对应一个整体的 barBackground；如果配置为 2，则每个柱条对应一个 barBackground。\n   * @since 1.9.0\n   */\n  fieldLevel?: number;\n}\n\nexport interface IBarSeriesTheme extends ICartesianSeriesTheme {\n  [SeriesMarkNameEnum.bar]?: Partial<IMarkTheme<IRectMarkSpec>>;\n  /**\n   * 柱状背景图元\n   * @since 1.6.0\n   */\n  [SeriesMarkNameEnum.barBackground]?: Partial<IMarkTheme<IRectMarkSpec>> & IBarBackgroundSpec;\n  /**\n   * 柱体宽度\n   */\n  barWidth?: number;\n  /**\n   * 柱体最小宽度\n   */\n  barMinWidth?: number;\n  /**\n   * 柱体最大宽度\n   */\n  barMaxWidth?: number;\n}\n\nexport type IBar3dSeriesSpec = {\n  type: 'bar3d';\n} & Omit<IBarSeriesSpec, 'type'> &\n  ICartesianSeriesSpec &\n  IAnimationSpec<BarMarks, BarAppearPreset>;\n\nexport interface IBar3dSeriesTheme extends ICartesianSeriesTheme {\n  [SeriesMarkNameEnum.bar3d]?: Partial<IMarkTheme<IRect3dMarkSpec>>;\n}\n"]}

package/esm/series/base/base-series-transformer.js

@@ -23,8 +23,7 @@ export class BaseSeriesSpecTransformer extends BaseModelSpecTransformer {
         return mergeSpec({}, theme, themeWithDirection);
     }
     transformSpec(spec, chartSpec, chartSpecInfo) {
-        this._transformSpec(spec, chartSpec, chartSpecInfo);
-        const result = this._initTheme(spec, chartSpec);
+        const result = super.transformSpec(spec, chartSpec, chartSpecInfo);
         return this._transformLabelSpec(result.spec), Object.assign(Object.assign({}, result), {
             markLabelSpec: this.markLabelSpec
         });

package/esm/series/base/base-series-transformer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/series/base/base-series-transformer.ts"],"names":[],"mappings":"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","file":"base-series-transformer.js","sourcesContent":["import type { IChartSpecInfo } from '../../chart/interface';\nimport type { ILabelSpec, TransformedLabelSpec } from '../../component/label';\nimport type { ILabelMark } from '../../mark/label';\nimport type { IBaseModelSpecTransformerResult } from '../../model/interface';\nimport { BaseModelSpecTransformer } from '../../model/base-model-transformer';\nimport type { ISeriesSpec } from '../../typings';\nimport { array, get, isValid, mergeSpec, transformSeriesThemeToMerge } from '../../util';\nimport type { SeriesMarkNameEnum } from '../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport type { ISeries } from '../interface';\nimport { getDirectionFromSeriesSpec } from '../util/spec';\n\nexport class BaseSeriesSpecTransformer<T extends ISeriesSpec, K> extends BaseModelSpecTransformer<T, K> {\n  markLabelSpec: Partial<Record<SeriesMarkNameEnum, TransformedLabelSpec[]>> = {};\n\n  getLabelSpec(markName: string) {\n    return this.markLabelSpec[markName];\n  }\n\n  setLabelSpec(markName: string, label: TransformedLabelSpec | TransformedLabelSpec[]) {\n    this.markLabelSpec[markName] = array(label);\n  }\n\n  addLabelSpec(markName: string, label: TransformedLabelSpec, head = false) {\n    if (!this.markLabelSpec[markName]) {\n      this.markLabelSpec[markName] = [];\n    }\n    if (head) {\n      // 排序靠前的 label 优先布局，尽可能避免碰撞隐藏\n      this.markLabelSpec[markName].unshift(label);\n    } else {\n      this.markLabelSpec[markName].push(label);\n    }\n  }\n\n  getTheme(spec: T, chartSpec: any): K {\n    const direction = getDirectionFromSeriesSpec(spec);\n    const chartTheme = this._option?.getTheme();\n    const { markByName, mark } = chartTheme;\n    const type = this._option.type;\n    const theme = transformSeriesThemeToMerge(get(chartTheme, `series.${type}`), type, mark, markByName);\n    const themeWithDirection = transformSeriesThemeToMerge(\n      get(chartTheme, `series.${type}_${direction}`),\n      `${type}_${direction}`,\n      mark,\n      markByName\n    );\n    return mergeSpec({}, theme, themeWithDirection);\n  }\n\n  /** 不建议重写该方法，最好重写对应子步骤 */\n  transformSpec(spec: T, chartSpec: any, chartSpecInfo?: IChartSpecInfo): IBaseModelSpecTransformerResult<T, K> {\n    this._transformSpec(spec, chartSpec, chartSpecInfo);\n    const result = this._initTheme(spec, chartSpec);\n    this._transformLabelSpec(result.spec);\n    return {\n      ...result,\n      markLabelSpec: this.markLabelSpec\n    };\n  }\n\n  protected _transformLabelSpec(spec: T) {\n    // empty\n  }\n\n  protected _addMarkLabelSpec<V extends ISeries = ISeries>(\n    spec: T,\n    markName: SeriesMarkNameEnum,\n    labelSpecKey: keyof T = 'label' as any,\n    styleHandlerName: keyof V = 'initLabelMarkStyle',\n    hasAnimation?: boolean,\n    head?: boolean\n  ): void {\n    const labelSpec = spec?.[labelSpecKey] as ILabelSpec;\n    if (labelSpec?.visible) {\n      this.addLabelSpec(\n        markName,\n        {\n          animation: hasAnimation ?? spec.animation,\n          ...labelSpec,\n          getStyleHandler: (series: V) => (series[styleHandlerName] as any)?.bind(series)\n        } as TransformedLabelSpec,\n        head\n      );\n    }\n  }\n\n  protected _getDefaultSpecFromChart(chartSpec: any): any {\n    const spec = (super._getDefaultSpecFromChart(chartSpec) as any) ?? {};\n    const { outerRadius, innerRadius } = chartSpec;\n    if (isValid(outerRadius)) {\n      spec.outerRadius = outerRadius;\n    }\n    if (isValid(innerRadius)) {\n      spec.innerRadius = innerRadius;\n    }\n    return Object.keys(spec).length > 0 ? spec : undefined;\n  }\n}\n"]}
+{"version":3,"sources":["../src/series/base/base-series-transformer.ts"],"names":[],"mappings":"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","file":"base-series-transformer.js","sourcesContent":["import type { IChartSpecInfo } from '../../chart/interface';\nimport type { ILabelSpec, TransformedLabelSpec } from '../../component/label';\nimport type { IBaseModelSpecTransformerResult } from '../../model/interface';\nimport { BaseModelSpecTransformer } from '../../model/base-model-transformer';\nimport type { ISeriesSpec } from '../../typings';\nimport { array, get, isValid, mergeSpec, transformSeriesThemeToMerge } from '../../util';\nimport type { SeriesMarkNameEnum } from '../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport type { ISeries } from '../interface';\nimport { getDirectionFromSeriesSpec } from '../util/spec';\n\nexport class BaseSeriesSpecTransformer<T extends ISeriesSpec, K> extends BaseModelSpecTransformer<T, K> {\n  markLabelSpec: Partial<Record<SeriesMarkNameEnum, TransformedLabelSpec[]>> = {};\n\n  getLabelSpec(markName: string) {\n    return this.markLabelSpec[markName];\n  }\n\n  setLabelSpec(markName: string, label: TransformedLabelSpec | TransformedLabelSpec[]) {\n    this.markLabelSpec[markName] = array(label);\n  }\n\n  addLabelSpec(markName: string, label: TransformedLabelSpec, head = false) {\n    if (!this.markLabelSpec[markName]) {\n      this.markLabelSpec[markName] = [];\n    }\n    if (head) {\n      // 排序靠前的 label 优先布局，尽可能避免碰撞隐藏\n      this.markLabelSpec[markName].unshift(label);\n    } else {\n      this.markLabelSpec[markName].push(label);\n    }\n  }\n\n  getTheme(spec: T, chartSpec: any): K {\n    const direction = getDirectionFromSeriesSpec(spec);\n    const chartTheme = this._option?.getTheme();\n    const { markByName, mark } = chartTheme;\n    const type = this._option.type;\n    const theme = transformSeriesThemeToMerge(get(chartTheme, `series.${type}`), type, mark, markByName);\n    const themeWithDirection = transformSeriesThemeToMerge(\n      get(chartTheme, `series.${type}_${direction}`),\n      `${type}_${direction}`,\n      mark,\n      markByName\n    );\n    return mergeSpec({}, theme, themeWithDirection);\n  }\n\n  /** 不建议重写该方法，最好重写对应子步骤 */\n  transformSpec(spec: T, chartSpec: any, chartSpecInfo?: IChartSpecInfo): IBaseModelSpecTransformerResult<T, K> {\n    const result = super.transformSpec(spec, chartSpec, chartSpecInfo);\n    this._transformLabelSpec(result.spec);\n    return {\n      ...result,\n      markLabelSpec: this.markLabelSpec\n    };\n  }\n\n  protected _transformLabelSpec(spec: T) {\n    // empty\n  }\n\n  protected _addMarkLabelSpec<V extends ISeries = ISeries>(\n    spec: T,\n    markName: SeriesMarkNameEnum,\n    labelSpecKey: keyof T = 'label' as any,\n    styleHandlerName: keyof V = 'initLabelMarkStyle',\n    hasAnimation?: boolean,\n    head?: boolean\n  ): void {\n    const labelSpec = spec?.[labelSpecKey] as ILabelSpec;\n    if (labelSpec?.visible) {\n      this.addLabelSpec(\n        markName,\n        {\n          animation: hasAnimation ?? spec.animation,\n          ...labelSpec,\n          getStyleHandler: (series: V) => (series[styleHandlerName] as any)?.bind(series)\n        } as TransformedLabelSpec,\n        head\n      );\n    }\n  }\n\n  protected _getDefaultSpecFromChart(chartSpec: any): any {\n    const spec = (super._getDefaultSpecFromChart(chartSpec) as any) ?? {};\n    const { outerRadius, innerRadius } = chartSpec;\n    if (isValid(outerRadius)) {\n      spec.outerRadius = outerRadius;\n    }\n    if (isValid(innerRadius)) {\n      spec.innerRadius = innerRadius;\n    }\n    return Object.keys(spec).length > 0 ? spec : undefined;\n  }\n}\n"]}

package/esm/series/base/base-series.d.ts

@@ -7,12 +7,12 @@ import { BaseModel } from '../../model/base-model';
 import type { ISeriesOption, ISeries, ISeriesMarkInitOption, ISeriesStackData, ISeriesTooltipHelper, SeriesMarkMap, ISeriesMarkInfo, ISeriesSpecInfo } from '../interface';
 import type { IModelEvaluateOption, IModelRenderOption } from '../../model/interface';
 import type { AddVChartPropertyContext } from '../../data/transforms/add-property';
-import type { ITrigger } from '../../interaction/interface';
 import type { StatisticOperations } from '../../data/transforms/dimension-statistics';
 import { SeriesData } from './series-data';
 import type { IGroupMark } from '../../mark/group';
-import type { ISeriesMarkAttributeContext } from '../../compile/mark';
+import { STATE_VALUE_ENUM, type ISeriesMarkAttributeContext } from '../../compile/mark';
 import { BaseSeriesSpecTransformer } from './base-series-transformer';
+import type { EventType } from '@visactor/vgrammar-core';
 export declare abstract class BaseSeries<T extends ISeriesSpec> extends BaseModel<T> implements ISeries {
     readonly specKey: string;
     readonly type: string;
@@ -23,8 +23,6 @@ export declare abstract class BaseSeries<T extends ISeriesSpec> extends BaseMode
     static readonly transformerConstructor: typeof BaseSeriesSpecTransformer;
     readonly transformerConstructor: any;
     getSpecInfo: () => ISeriesSpecInfo;
-    protected _trigger: ITrigger;
-    getTrigger(): ITrigger;
     protected _option: ISeriesOption;
     readonly coordinate: CoordinateType;
     protected _region: IRegion;
@@ -76,6 +74,7 @@ export declare abstract class BaseSeries<T extends ISeriesSpec> extends BaseMode
     getInvalidType(): IInvalidType;
     setInvalidType(t: IInvalidType): void;
     protected _markAttributeContext: ISeriesMarkAttributeContext;
+    getMarkAttributeContext(): ISeriesMarkAttributeContext;
     constructor(spec: T, options: ISeriesOption);
     created(): void;
     protected _buildMarkAttributeContext(): void;
@@ -122,11 +121,39 @@ export declare abstract class BaseSeries<T extends ISeriesSpec> extends BaseMode
     setValueFieldToStackOffsetSilhouette(): void;
     abstract getActiveMarks(): IMark[];
     initRootMark(): void;
-    protected _initExtensionMark(): void;
+    protected _initExtensionMark(options: {
+        hasAnimation: boolean;
+    }): void;
     private _createExtensionMark;
     protected _updateExtensionMarkSpec(lastSpec?: any): void;
     getStackData(): ISeriesStackData;
-    initTrigger(): void;
+    protected _parseDefaultInteractionConfig(mainMarks?: IMark[]): ({
+        seriesId: number;
+        regionId: number;
+        selector: string[];
+        type: string;
+        trigger: EventType;
+        resetTrigger: EventType;
+        blurState: STATE_VALUE_ENUM;
+        highlightState: STATE_VALUE_ENUM;
+        reverseState?: undefined;
+        state?: undefined;
+        isMultiple?: undefined;
+    } | {
+        type: string;
+        seriesId: number;
+        regionId: number;
+        selector: string[];
+        trigger: EventType;
+        resetTrigger: EventType;
+        reverseState: STATE_VALUE_ENUM;
+        state: STATE_VALUE_ENUM;
+        isMultiple: boolean;
+        blurState?: undefined;
+        highlightState?: undefined;
+    })[];
+    protected _parseInteractionConfig(mainMarks?: IMark[]): void;
+    initInteraction(): void;
     initAnimation(): void;
     initMarkState(): void;
     initSeriesStyleState(): void;
@@ -195,4 +222,5 @@ export declare abstract class BaseSeries<T extends ISeriesSpec> extends BaseMode
     getMarkInfoList(): import("../../model/interface").IModelMarkInfo[];
     protected _getInvalidConnectType(): "none" | "zero" | "connect";
     protected _getInvalidDefined: (datum: Datum) => boolean;
+    protected _getRelatedComponentSpecInfo(specKey: string): import("../../model/interface").IModelSpecInfo<any>[];
 }

package/esm/series/base/base-series.js

@@ -20,8 +20,6 @@ import { mergeSpec } from "../../util/spec/merge-spec";
 
 import { addVChartProperty } from "../../data/transforms/add-property";
 
-import { Trigger } from "../../interaction/trigger";
-
 import { registerDataSetInstanceTransform } from "../../data/register";
 
 import { BaseSeriesTooltipHelper } from "./tooltip-helper";
@@ -36,7 +34,9 @@ import { SeriesData } from "./series-data";
 
 import { addDataKey, initKeyMap } from "../../data/transforms/data-key";
 
-import { array, isEqual, isNil, isValid, isBoolean, isString, isFunction, isArray, isValidNumber } from "@visactor/vutils";
+import { STATE_VALUE_ENUM } from "../../compile/mark";
+
+import { array, isEqual, isNil, isValid, isBoolean, isString, isFunction, isArray, isValidNumber, isObject } from "@visactor/vutils";
 
 import { ColorOrdinalScale } from "../../scale/color-ordinal-scale";
 
@@ -46,10 +46,9 @@ import { animationConfig, userAnimationConfig, isAnimationEnabledForSeries } fro
 
 import { BaseSeriesSpecTransformer } from "./base-series-transformer";
 
+import { getDefaultInteractionConfigByMode } from "../../interaction/config";
+
 export class BaseSeries extends BaseModel {
-    getTrigger() {
-        return this._trigger;
-    }
     getRegion() {
         return this._region;
     }
@@ -113,6 +112,9 @@ export class BaseSeries extends BaseModel {
         var _a;
         this._invalidType = t, null === (_a = this.getViewData()) || void 0 === _a || _a.reRunAllTransform();
     }
+    getMarkAttributeContext() {
+        return this._markAttributeContext;
+    }
     constructor(spec, options) {
         var _a;
         super(spec, options), this.specKey = "series", this.type = "series", this.layoutType = "absolute", 
@@ -138,9 +140,12 @@ export class BaseSeries extends BaseModel {
         super.created(), this._buildMarkAttributeContext(), this.initData(), this.initGroups(), 
         this.initStatisticalData(), this.event.emit(ChartEvent.afterInitData, {
             model: this
-        }), this.initTrigger(), this.initRootMark(), this.initMark(), this._initExtensionMark(), 
-        this.initMarkStyle(), this.initMarkState(), isAnimationEnabledForSeries(this) && this.initAnimation(), 
-        this.afterInitMark(), this.initEvent(), this.event.emit(ChartEvent.afterInitEvent, {
+        }), this.initRootMark(), this.initMark();
+        const hasAnimation = isAnimationEnabledForSeries(this);
+        this._initExtensionMark({
+            hasAnimation: hasAnimation
+        }), this.initMarkStyle(), this.initMarkState(), hasAnimation && this.initAnimation(), 
+        this.initInteraction(), this.afterInitMark(), this.initEvent(), this.event.emit(ChartEvent.afterInitEvent, {
             model: this
         });
     }
@@ -202,12 +207,16 @@ export class BaseSeries extends BaseModel {
         this._data && this._statisticViewData();
     }
     getRawDataStatisticsByField(field, isNumeric) {
-        var _a;
+        var _a, _b;
         if (this._rawStatisticsCache || (this._rawStatisticsCache = {}), !this._rawStatisticsCache[field]) {
-            this._viewDataStatistics && (!this._viewDataFilter || this._viewDataFilter.transformsArr.length <= 1) && this.getViewData().transformsArr.length <= 1 && (null === (_a = this._viewDataStatistics.latestData) || void 0 === _a ? void 0 : _a[field]) ? this._rawStatisticsCache[field] = this._viewDataStatistics.latestData[field] : this._rawData && (this._rawStatisticsCache[field] = dimensionStatisticsOfSimpleData(this._rawData.latestData, [ {
-                key: field,
-                operations: isNumeric ? [ "min", "max" ] : [ "values" ]
-            } ])[field]);
+            if (this._viewDataStatistics && (!this._viewDataFilter || this._viewDataFilter.transformsArr.length <= 1) && this.getViewData().transformsArr.length <= 1 && (null === (_a = this._viewDataStatistics.latestData) || void 0 === _a ? void 0 : _a[field])) this._rawStatisticsCache[field] = this._viewDataStatistics.latestData[field]; else if (this._rawData) {
+                const fieldInfo = null === (_b = this._rawData.getFields()) || void 0 === _b ? void 0 : _b[field];
+                fieldInfo && fieldInfo.lockStatisticsByDomain && fieldInfo.domain ? (this._rawStatisticsCache[field] = {}, 
+                isNumeric ? (this._rawStatisticsCache[field].min = Math.min(fieldInfo.domain), this._rawStatisticsCache[field].max = Math.max(fieldInfo.domain)) : this._rawStatisticsCache[field].values = fieldInfo.domain) : this._rawStatisticsCache[field] = dimensionStatisticsOfSimpleData(this._rawData.latestData, [ {
+                    key: field,
+                    operations: isNumeric ? [ "min", "max" ] : [ "values" ]
+                } ])[field];
+            }
         }
         return this._rawStatisticsCache[field];
     }
@@ -341,13 +350,13 @@ export class BaseSeries extends BaseModel {
             dataView: !1
         }), this._rootMark.setZIndex(this.layoutZIndex);
     }
-    _initExtensionMark() {
+    _initExtensionMark(options) {
         var _a;
         this._spec.extensionMark && (null === (_a = this._spec.extensionMark) || void 0 === _a || _a.forEach(((m, i) => {
-            this._createExtensionMark(m, null, `${PREFIX}_series_${this.id}_extensionMark`, i);
+            this._createExtensionMark(m, null, `${PREFIX}_series_${this.id}_extensionMark`, i, options);
         })));
     }
-    _createExtensionMark(spec, parentMark, namePrefix, index) {
+    _createExtensionMark(spec, parentMark, namePrefix, index, options) {
         var _a;
         const mark = this._createMark({
             type: spec.type,
@@ -359,14 +368,17 @@ export class BaseSeries extends BaseModel {
             dataView: !1,
             customShape: null == spec ? void 0 : spec.customShape
         });
-        if (!mark) return;
-        const config = animationConfig({}, userAnimationConfig(spec.type, spec, this._markAttributeContext));
-        if (mark.setAnimationConfig(config), "group" === spec.type) namePrefix = `${namePrefix}_${index}`, 
-        null === (_a = spec.children) || void 0 === _a || _a.forEach(((s, i) => {
-            this._createExtensionMark(s, mark, namePrefix, i);
-        })); else if (!(parentMark || isNil(spec.dataId) && isNil(spec.dataIndex))) {
-            const dataView = this._option.getSeriesData(spec.dataId, spec.dataIndex);
-            dataView === this._rawData ? mark.setDataView(this.getViewData(), this.getViewDataProductId()) : mark.setDataView(dataView);
+        if (mark) {
+            if (options.hasAnimation) {
+                const config = animationConfig({}, userAnimationConfig(spec.type, spec, this._markAttributeContext));
+                mark.setAnimationConfig(config);
+            }
+            if ("group" === spec.type) namePrefix = `${namePrefix}_${index}`, null === (_a = spec.children) || void 0 === _a || _a.forEach(((s, i) => {
+                this._createExtensionMark(s, mark, namePrefix, i, options);
+            })); else if (!(parentMark || isNil(spec.dataId) && isNil(spec.dataIndex))) {
+                const dataView = this._option.getSeriesData(spec.dataId, spec.dataIndex);
+                dataView === this._rawData ? mark.setDataView(this.getViewData(), this.getViewDataProductId()) : mark.setDataView(dataView);
+            }
         }
     }
     _updateExtensionMarkSpec(lastSpec) {
@@ -384,15 +396,63 @@ export class BaseSeries extends BaseModel {
         var _a;
         return null === (_a = this._viewStackData) || void 0 === _a ? void 0 : _a.latestData;
     }
-    initTrigger() {
-        const triggerSpec = {
-            hover: this._spec.hover,
-            select: this._spec.select
-        }, triggerOptions = Object.assign(Object.assign({}, this._option), {
-            model: this,
-            interaction: this._region.interaction
-        });
-        this._trigger = new Trigger(triggerSpec, triggerOptions);
+    _parseDefaultInteractionConfig(mainMarks) {
+        var _a;
+        if (!(null == mainMarks ? void 0 : mainMarks.length)) return [];
+        const defaultConfig = getDefaultInteractionConfigByMode(this._option.mode);
+        let finalHoverSpec = Object.assign({}, null == defaultConfig ? void 0 : defaultConfig.hover), finalSelectSpec = Object.assign({}, null == defaultConfig ? void 0 : defaultConfig.select);
+        const hoverSpec = this._spec.hover;
+        isBoolean(hoverSpec) ? finalHoverSpec.enable = hoverSpec : isObject(hoverSpec) && (finalHoverSpec.enable = !0, 
+        finalHoverSpec = mergeSpec(finalHoverSpec, hoverSpec));
+        const selectSpec = this._spec.select;
+        isBoolean(selectSpec) ? finalSelectSpec.enable = selectSpec : isObject(selectSpec) && (finalSelectSpec.enable = !0, 
+        finalSelectSpec = mergeSpec(finalSelectSpec, selectSpec));
+        const res = [];
+        return finalHoverSpec.enable && res.push({
+            seriesId: this.id,
+            regionId: this._region.id,
+            selector: mainMarks.map((mark => `#${mark.getProductId()}`)),
+            type: "element-highlight",
+            trigger: finalHoverSpec.trigger,
+            resetTrigger: finalHoverSpec.triggerOff,
+            blurState: STATE_VALUE_ENUM.STATE_HOVER_REVERSE,
+            highlightState: STATE_VALUE_ENUM.STATE_HOVER
+        }), finalSelectSpec.enable && res.push({
+            type: "element-select",
+            seriesId: this.id,
+            regionId: this._region.id,
+            selector: mainMarks.map((mark => `#${mark.getProductId()}`)),
+            trigger: finalSelectSpec.trigger,
+            resetTrigger: null !== (_a = finalSelectSpec.triggerOff) && void 0 !== _a ? _a : "empty",
+            reverseState: STATE_VALUE_ENUM.STATE_SELECTED_REVERSE,
+            state: STATE_VALUE_ENUM.STATE_SELECTED,
+            isMultiple: "multiple" === finalSelectSpec.mode
+        }), res;
+    }
+    _parseInteractionConfig(mainMarks) {
+        const compiler = this.getCompiler();
+        if (!compiler) return;
+        const {interactions: interactions} = this._spec, res = this._parseDefaultInteractionConfig(mainMarks);
+        res && res.length && res.forEach((interaction => {
+            compiler.addInteraction(interaction);
+        })), interactions && interactions.length && interactions.forEach((interaction => {
+            const selectors = [];
+            interaction.markIds ? this.getMarks().filter((mark => {
+                interaction.markIds.includes(mark.getProductId()) && selectors.push(`#${mark.getProductId()}`);
+            })) : interaction.markNames ? this.getMarks().forEach((mark => {
+                interaction.markNames.includes(mark.name) && selectors.push(`#${mark.getProductId()}`);
+            })) : (null == mainMarks ? void 0 : mainMarks.length) && mainMarks.forEach((mark => {
+                selectors.push(`#${mark.getProductId()}`);
+            })), selectors.length && compiler.addInteraction(Object.assign(Object.assign({}, interaction), {
+                selector: selectors,
+                seriesId: this.id,
+                regionId: this._region.id
+            }));
+        }));
+    }
+    initInteraction() {
+        const marks = this.getMarksWithoutRoot();
+        this._parseInteractionConfig(marks);
     }
     initAnimation() {}
     initMarkState() {
@@ -460,11 +520,11 @@ export class BaseSeries extends BaseModel {
     }
     initEvent() {
         var _a, _b, _c;
-        this._trigger.init(), null === (_b = null === (_a = this._data) || void 0 === _a ? void 0 : _a.getDataView()) || void 0 === _b || _b.target.addListener("change", this.viewDataUpdate.bind(this)), 
+        null === (_b = null === (_a = this._data) || void 0 === _a ? void 0 : _a.getDataView()) || void 0 === _b || _b.target.addListener("change", this.viewDataUpdate.bind(this)), 
         null === (_c = this._viewDataStatistics) || void 0 === _c || _c.target.addListener("change", this.viewDataStatisticsUpdate.bind(this));
     }
     _releaseEvent() {
-        super._releaseEvent(), this._trigger.release();
+        super._releaseEvent(), this.getCompiler().removeInteraction(this.id);
     }
     initTooltip() {
         this._tooltipHelper = new BaseSeriesTooltipHelper(this);
@@ -571,7 +631,7 @@ export class BaseSeries extends BaseModel {
     onMarkTreePositionUpdate(marks) {}
     _createMark(markInfo, option = {}) {
         var _a, _b, _c, _d;
-        const {key: key, groupKey: groupKey, skipBeforeLayouted: skipBeforeLayouted, themeSpec: themeSpec = {}, markSpec: markSpec, dataView: dataView, dataProductId: dataProductId, parent: parent, isSeriesMark: isSeriesMark, depend: depend, progressive: progressive, support3d: support3d = this._spec.support3d || !!this._spec.zField, morph: morph = !1, customShape: customShape} = option, m = super._createMark(markInfo, {
+        const {key: key, groupKey: groupKey, skipBeforeLayouted: skipBeforeLayouted, themeSpec: themeSpec = {}, markSpec: markSpec, dataView: dataView, dataProductId: dataProductId, parent: parent, isSeriesMark: isSeriesMark, depend: depend, progressive: progressive, support3d: support3d = this._spec.support3d || !!this._spec.zField, morph: morph = !1, customShape: customShape, stateSort: stateSort} = option, m = super._createMark(markInfo, {
             key: null != key ? key : this._getDataIdKey(),
             support3d: support3d,
             seriesId: this.id,
@@ -585,10 +645,11 @@ export class BaseSeries extends BaseModel {
             m.setSkipBeforeLayouted(!0)) : !1 !== dataView && m.setDataView(dataView, dataProductId), 
             isBoolean(skipBeforeLayouted) && m.setSkipBeforeLayouted(skipBeforeLayouted), isValid(depend) && m.setDepend(...array(depend));
             const spec = this.getSpec() || {};
-            m.setMorph(morph), m.setMorphKey((null === (_b = spec.morph) || void 0 === _b ? void 0 : _b.morphKey) || `${this._specIndex}`), 
+            m.setMorph(morph), m.setMorphKey((null === (_b = spec.morph) || void 0 === _b ? void 0 : _b.morphKey) || `${this.getSpecIndex()}`), 
             m.setMorphElementKey(null !== (_d = null === (_c = spec.morph) || void 0 === _c ? void 0 : _c.morphElementKey) && void 0 !== _d ? _d : option.defaultMorphElementKey), 
             isNil(progressive) || m.setProgressiveConfig(progressive), isNil(groupKey) || m.setGroupKey(groupKey), 
-            customShape && m.setCustomizedShapeCallback(customShape), this.initMarkStyleWithSpec(m, mergeSpec({}, themeSpec, markSpec || spec[m.name]));
+            customShape && m.setCustomizedShapeCallback(customShape), stateSort && m.setStateSortCallback(stateSort), 
+            this.initMarkStyleWithSpec(m, mergeSpec({}, themeSpec, markSpec || spec[m.name]));
         }
         return m;
     }
@@ -640,6 +701,11 @@ export class BaseSeries extends BaseModel {
     _getInvalidConnectType() {
         return "zero" === this._invalidType ? "zero" : "link" === this._invalidType ? "connect" : "none";
     }
+    _getRelatedComponentSpecInfo(specKey) {
+        var _a;
+        const specIndex = this.getSpecIndex(), relatedComponent = null === (_a = this._option.getSpecInfo().component[specKey]) || void 0 === _a ? void 0 : _a.filter((componentInfo => componentInfo.seriesIndexes.includes(specIndex)));
+        return null != relatedComponent ? relatedComponent : [];
+    }
 }
 
 BaseSeries.mark = baseSeriesMark, BaseSeries.transformerConstructor = BaseSeriesSpecTransformer;