@visactor/vchart 1.13.9-alpha.1 → 1.13.9-alpha.11

package/cjs/component/axis/interface/spec.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/axis/interface/spec.ts"],"names":[],"mappings":"","file":"spec.js","sourcesContent":["import type { AxisBreakProps, AxisItem, AxisItemStateStyle } from '@visactor/vrender-components';\nimport type { IAnimationSpec } from '../../../animation/spec';\nimport type {\n  Datum,\n  IFormatMethod,\n  IPadding,\n  IRectMarkSpec,\n  IRichTextFormatMethod,\n  IRuleMarkSpec,\n  ISymbolMarkSpec,\n  ITextMarkSpec,\n  StringOrNumber\n} from '../../../typings';\nimport type { IComponentSpec } from '../../base/interface';\nimport type { AxisType, IAxisItem, IBandAxisLayer, ITickCalculationCfg, StyleCallback } from './common';\nimport type { IBaseScale } from '@visactor/vscale';\n\nexport interface ICommonAxisSpec extends Omit<IComponentSpec, 'orient' | 'center'>, IAnimationSpec<string, string> {\n  /**\n   * 轴类型\n   */\n  type?: AxisType;\n  /**\n   * 是否显示坐标轴\n   * @default true\n   */\n  visible?: boolean;\n  /**\n   * 是否开启反向坐标轴。\n   * @default false\n   */\n  inverse?: boolean;\n  /**\n   * 轴刻度线配置\n   */\n  tick?: ITick;\n  /**\n   * 子刻度线配置\n   */\n  subTick?: ISubTick;\n\n  /**\n   * 是否开启动画，默认关闭\n   * @default false\n   */\n  animation?: boolean;\n\n  // 交互相关的配置\n  /**\n   * 是否开启 select 选中交互，默认关闭\n   * @default false\n   */\n  select?: boolean;\n  /**\n   * 是否开启 hover 悬浮交互，默认关闭\n   * @default false\n   */\n  hover?: boolean;\n\n  /**\n   * 是否开启轴数据采样，默认开启。\n   * 轴采样开启之后，会对轴数据进行采样显示，防止轴数据的重叠。\n   * 通过配置 `label.minGap` 可以控制轴标签之间的间距。\n   * @default true\n   * @since 1.1.0\n   */\n  sampling?: boolean;\n\n  /**\n   * 是否强制初始化 tick 数据，仅在 visible 为 false 时生效\n   * @default false\n   */\n  forceInitTick?: boolean;\n}\n\nexport type ILinearAxisBreakSpec = Omit<AxisBreakProps, 'rawRange'> & {\n  /**\n   * 截断标识之间的间距：\n   * 1. `number` 为像素值\n   * 2. `string` 为百分比相对值，如 '1%'\n   * @default 6\n   */\n  gap?: number | string;\n  /**\n   * 计算截断对应range的类型，根据长度或者记录数进行分段\n   * @since 1.12.12\n   */\n  scopeType?: 'count' | 'length';\n};\n\nexport interface ILinearAxisSpec {\n  // 线性轴数值范围配置\n  /** 最小值，**优先级高于 zero，nice** */\n  min?: number;\n  /** 最大值，**优先级高于 zero，nice** */\n  max?: number;\n\n  /**\n   * 最小值，当且仅当该值小于数据最小值时，才能生效\n   * 注意：不建议和配置`min`一起使用\n   * @since 1.11.0\n   */\n  softMin?: number | ((domain: number[]) => number);\n  /**\n   * 最大值，当且仅当该值大于数据最大值时，才能生效\n   * 注意：不建议和配置`max`一起使用\n   * @since 1.11.0\n   */\n  softMax?: number | ((domain: number[]) => number);\n\n  /** @deparated 线性轴数值范围配置（已弃用，请使用外层 min/max） */\n  range?: {\n    /** @deparated 最小值 */\n    min?: number;\n    /** @deparated 最大值 */\n    max?: number;\n  };\n\n  /**\n   * 是否根据数据将轴范围调整到相对规整的数值\n   * @default true\n   * @description 当配置了 min 和 max，该配置项失效\n   * @example 当配置了 max = 999, nice并不会将轴范围优化到1000\n   */\n  nice?: boolean;\n  /**\n   * nice效果的类型，是精度优先还是tickCount优先（比如tickCount为2那nice出来的精度就很低）\n   * @default undefined('tickCountFirst')\n   * @description 不配置就默认是tickCountFirst\n   * @example 数据范围是0~6000，如果tickCount为2，那么tickCountFirst出来的range就是[0, 10000], accurateFirst出来的range就是[0, 6000]但10000显示不了\n   */\n  niceType?: 'tickCountFirst' | 'accurateFirst';\n  /**\n   * 是否包含0值\n   * @default true\n   * @description 当配置了 min和 max，该配置项失效\n   */\n  zero?: boolean;\n  /**\n   * 轴范围按比例扩展\n   * @description 当配置了 min和 max，该配置项失效\n   */\n  expand?: {\n    /**\n     * 轴范围扩展的最小比例\n     */\n    min?: number;\n    /**\n     * 轴范围扩展的最大比例\n     */\n    max?: number;\n  };\n\n  /**\n   * 连续轴上的 dimension tooltip 数据筛选范围\n   * 如果配置为单个数字 d，则筛选区间为 [x0 - d, x0 + d]；如果配置为二元组 [d1, d2]，则筛选区间为 [x0 + d1, x0 + d2]\n   * 如果配置为函数 f, 函数的返回值将会作为数据筛选范围的值\n   * @since 1.4.0\n   */\n  tooltipFilterRange?: number | [number, number] | ((params: { scale: IBaseScale }) => number | [number, number]);\n  /**\n   * 轴截断配置，只对笛卡尔坐标系的 linear 轴生效\n   * @since 1.12.4\n   */\n  breaks?: ILinearAxisBreakSpec[];\n}\n\nexport interface IBandAxisSpec {\n  /**\n   * 是否去除 band 轴两端的留白，如果为 true，则两端的 padding 为 0，\n   * **并且 bandPadding、paddingInner 和 paddingOuter 的设置将被忽略**。\n   * @default false\n   * @since 1.7.0\n   */\n  trimPadding?: boolean;\n  /**\n   * 同时设置轴的 paddingInner 和 paddingOuter\n   * **因为有可能存在多层 scale( xField 设置成了数组，即分组场景），所以支持了数组类型，用于多层 scale 的 bandPadding 配置**\n   */\n  bandPadding?: number | number[];\n  /**\n   * band 轴的内边距\n   * ** 因为有可能存在多层 scale( xField 设置成了数组，即分组场景），所以支持了数组类型，用于多层 scale 的 paddingInner 配置**\n   * @default 0.1\n   */\n  paddingInner?: number | number[];\n  /**\n   * band 轴的外边距\n   * ** 因为有可能存在多层 scale( xField 设置成了数组，即分组场景），所以支持了数组类型，用于多层 scale 的 paddingOuter 配置**\n   * @default 0.3\n   */\n  paddingOuter?: number | number[];\n  /**\n   * 配置离散轴的数值范围\n   * @since 1.1.0\n   */\n  domain?: StringOrNumber[];\n  /**\n   * `bandPosition` 是一个可选参数，用于指定数据点在 band 轴上的位置。它的含义是确定数据点在 band 轴上的位置偏移量，相对于 band 轴的起始位置。\n   * `bandPosition` 的取值范围是从 0 到 1，其中 0 表示数据点位于 band 轴的起始位置，1 表示数据点位于 band 轴的结束位置。\n   * @default 0.5\n   */\n  bandPosition?: number;\n\n  /**\n   * 当存在多层分组场景时，是否展示所有的分组轴\n   * @default false\n   * @since 1.9.0\n   */\n  showAllGroupLayers?: boolean;\n  /**\n   * 每一层轴的配置\n   * layer[0] 为离坐标轴线最近的轴，当且仅当 `showAllGroupLayers` 配置开启生效。\n   * @since 1.9.0\n   */\n  layers?: IBandAxisLayer[];\n}\n// Grid 配置项\nexport interface IGrid extends IAxisItem<IRuleMarkSpec> {\n  /**\n   * 两个栅格线间的填充色\n   */\n  alternateColor?: string | string[];\n  /**\n   * grid 是否与 label 对齐，默认为 true，即对齐，配置为 false 则显示在前后两个刻度中间\n   * @default true\n   */\n  alignWithLabel?: boolean;\n  /**\n   * 网格线样式，支持回调\n   */\n  style?: IRuleMarkSpec | StyleCallback<IRuleMarkSpec | undefined>;\n  /**\n   * 快捷属性，也可以在 `style` 中配置，用于配置网格线的绘制顺序，默认为 50\n   * @default 50\n   * @since 1.4.0\n   */\n  zIndex?: number;\n}\n\n// 刻度线配置\nexport interface ITick extends IAxisItem<IRuleMarkSpec>, ITickCalculationCfg {\n  /**\n   * Length of tick lines\n   * 坐标轴刻度线的长度\n   * @default 4\n   */\n  tickSize?: number;\n  /**\n   * 刻度线朝向，默认朝外(坐标线包围盒外部)\n   * @default false\n   */\n  inside?: boolean;\n  /**\n   * tick 是否与 label 对齐，默认为 true，即对齐，配置为 false 则显示在前后两个刻度中间\n   * @default true\n   */\n  alignWithLabel?: boolean;\n  /**\n   * 刻度线样式设置，支持回调\n   */\n  style?: IRuleMarkSpec | StyleCallback<IRuleMarkSpec | undefined>;\n  /**\n   * 刻度线不同交互状态下的样式配置，支持：\n   * 1. hover\n   * 2. hover_reverse\n   * 3. selected\n   * 4. selected_reverse\n   */\n  state?: AxisItemStateStyle<IRuleMarkSpec>;\n  /**\n   * 用于 tick 的数据过滤\n   * @since 1.1.0\n   */\n  dataFilter?: (data: AxisItem[]) => AxisItem[];\n}\n\n// 子刻度线配置\nexport interface ISubTick extends IAxisItem<IRuleMarkSpec> {\n  /**\n   * TODO: 考虑下 log 轴，自刻度线之间的间距是不均匀的问题\n   * 子刻度个数\n   */\n  tickCount?: number;\n  /**\n   * 子刻度线朝向，默认朝外(坐标线包围盒外部)\n   * @default false\n   */\n  inside?: boolean;\n  /** 子刻度线的长度 */\n  tickSize?: number;\n  /**\n   * 子刻度线不同交互状态下的样式配置，支持：\n   * 1. hover\n   * 2. hover_reverse\n   * 3. selected\n   * 4. selected_reverse\n   */\n  state?: AxisItemStateStyle<IRuleMarkSpec>;\n}\n\n// 轴标签配置\nexport interface ILabel extends IAxisItem<ITextMarkSpec> {\n  /**\n   * 文本类型\n   * @deprecated 1.10.0 版本后，在 formatMethod 中返回 { type: 'rich', text: xxx}\n   * */\n  type?: 'text' | 'rich';\n  /**\n   * 轴标签内容格式化函数\n   * @param text 原始标签文本值\n   * @param datum 图形数据\n   * @returns 格式化后的文本\n   */\n  formatMethod?: IFormatMethod<[text: string | string[], datum?: Datum]>;\n  /**\n   * 格式化模板\n   * @description 可以通过类似 `{value:.2f}%` 的形式对指定数据字段进行格式化\n   * @since 1.10.0\n   */\n  formatter?: string | string[];\n  /** 标签同 tick 之间的间距 */\n  space?: number;\n  /**\n   * 标签朝向，默认朝外(坐标线包围盒外部)\n   * @default false\n   */\n  inside?: boolean;\n  /**\n   * 标签之间的最小间距（单位为像素），仅当轴采样开始时生效（`sampling: true`）。\n   * 该配置会影响轴采样的结果。\n   */\n  minGap?: number;\n  /**\n   * 文本样式设置\n   */\n  style?: ITextMarkSpec | StyleCallback<ITextMarkSpec | undefined>;\n  /**\n   * label 不同交互状态下的样式配置，支持：\n   * 1. hover\n   * 2. hover_reverse\n   * 3. selected\n   * 4. selected_reverse\n   */\n  state?: AxisItemStateStyle<ITextMarkSpec>;\n  /**\n   * 用于 label 的数据过滤\n   * @since 1.1.0\n   */\n  dataFilter?: (data: AxisItem[], layer: number) => AxisItem[];\n}\n\n// 轴线配置\nexport interface IDomainLine extends IAxisItem<IRuleMarkSpec> {\n  /**\n   * domainLine 在不同交互状态下的样式配置，支持：\n   * 1. hover\n   * 2. hover_reverse\n   * 3. selected\n   * 4. selected_reverse\n   */\n  state?: AxisItemStateStyle<IRuleMarkSpec>;\n}\n\n// 轴标题配置\nexport interface ITitle extends IAxisItem<ITextMarkSpec> {\n  /**\n   * 文本类型\n   * @deprecated 1.10.0 版本后，在 formatMethod 中返回 { type: 'rich', text: xxx}\n   * */\n  type?: 'text' | 'rich';\n  /**\n   * 轴标题内容，支持多种格式\n   * - 字符串或者数值\n   * - 字符串或者数值数组\n   */\n  text?: ITextMarkSpec['text'] | ReturnType<IRichTextFormatMethod<[]>>;\n  /**\n   * 标题的显示位置，直角坐标系默认 'middle'；\n   * 极坐标系的圆弧轴如果配置了内半径，则默认 'middle'，否则 'end'\n   */\n  position?: 'start' | 'middle' | 'end';\n  /**\n   * 标题距离坐标轴(轴线、刻度、标签共同构成的包围盒)的距离\n   */\n  space?: number;\n  /**\n   * 标题内边距配置\n   */\n  padding?: IPadding | number | number[];\n  /**\n   * 标题背景色设置\n   */\n  background?: IAxisItem<IRectMarkSpec> & {\n    /**\n     * 背景的交互状态样式配置\n     */\n    state?: AxisItemStateStyle<Partial<IRectMarkSpec>>;\n  };\n  /**\n   * TODO: 接入富文本\n   * 标题 shape 配置\n   */\n  shape?: IAxisItem<ISymbolMarkSpec> & {\n    /**\n     * shape 同标题文本之间的间距\n     */\n    space?: number;\n    /**\n     * shape 标记的交互状态样式配置\n     */\n    state?: AxisItemStateStyle<Partial<ISymbolMarkSpec>>;\n  };\n  /**\n   * 标题整体的旋转角度（如果标题配置了 background、shape 等属性的话，需要使用该属性进行整体的配置旋转）。\n   */\n  angle?: number;\n  /**\n   * text 文本的交互状态样式配置\n   */\n  state?: AxisItemStateStyle<Partial<ITextMarkSpec>>;\n}\n"]}
+{"version":3,"sources":["../src/component/axis/interface/spec.ts"],"names":[],"mappings":"","file":"spec.js","sourcesContent":["import type { AxisBreakProps, AxisItem, AxisItemStateStyle } from '@visactor/vrender-components';\nimport type { IAnimationSpec } from '../../../animation/spec';\nimport type {\n  Datum,\n  IFormatMethod,\n  IPadding,\n  IRectMarkSpec,\n  IRichTextFormatMethod,\n  IRuleMarkSpec,\n  ISymbolMarkSpec,\n  ITextMarkSpec,\n  StringOrNumber\n} from '../../../typings';\nimport type { IComponentSpec } from '../../base/interface';\nimport type { AxisType, IAxisItem, IBandAxisLayer, ITickCalculationCfg, StyleCallback } from './common';\nimport type { IBaseScale } from '@visactor/vscale';\nimport type { IVChart } from '../../../core';\n\nexport interface ICommonAxisSpec extends Omit<IComponentSpec, 'orient' | 'center'>, IAnimationSpec<string, string> {\n  /**\n   * 轴类型\n   */\n  type?: AxisType;\n  /**\n   * 是否显示坐标轴\n   * @default true\n   */\n  visible?: boolean;\n  /**\n   * 是否开启反向坐标轴。\n   * @default false\n   */\n  inverse?: boolean;\n  /**\n   * 轴刻度线配置\n   */\n  tick?: ITick;\n  /**\n   * 子刻度线配置\n   */\n  subTick?: ISubTick;\n\n  /**\n   * 是否开启动画，默认关闭\n   * @default false\n   */\n  animation?: boolean;\n\n  // 交互相关的配置\n  /**\n   * 是否开启 select 选中交互，默认关闭\n   * @default false\n   */\n  select?: boolean;\n  /**\n   * 是否开启 hover 悬浮交互，默认关闭\n   * @default false\n   */\n  hover?: boolean;\n\n  /**\n   * 是否开启轴数据采样，默认开启。\n   * 轴采样开启之后，会对轴数据进行采样显示，防止轴数据的重叠。\n   * 通过配置 `label.minGap` 可以控制轴标签之间的间距。\n   * @default true\n   * @since 1.1.0\n   */\n  sampling?: boolean;\n\n  /**\n   * 是否强制初始化 tick 数据，仅在 visible 为 false 时生效\n   * @default false\n   */\n  forceInitTick?: boolean;\n}\n\nexport type ILinearAxisBreakSpec = Omit<AxisBreakProps, 'rawRange'> & {\n  /**\n   * 截断标识之间的间距：\n   * 1. `number` 为像素值\n   * 2. `string` 为百分比相对值，如 '1%'\n   * @default 6\n   */\n  gap?: number | string;\n  /**\n   * 计算截断对应range的类型，根据长度或者记录数进行分段\n   * @since 1.12.12\n   */\n  scopeType?: 'count' | 'length';\n};\n\nexport interface ILinearAxisSpec {\n  // 线性轴数值范围配置\n  /** 最小值，**优先级高于 zero，nice** */\n  min?: number;\n  /** 最大值，**优先级高于 zero，nice** */\n  max?: number;\n\n  /**\n   * 最小值，当且仅当该值小于数据最小值时，才能生效\n   * 注意：不建议和配置`min`一起使用\n   * @since 1.11.0\n   */\n  softMin?: number | ((domain: number[]) => number);\n  /**\n   * 最大值，当且仅当该值大于数据最大值时，才能生效\n   * 注意：不建议和配置`max`一起使用\n   * @since 1.11.0\n   */\n  softMax?: number | ((domain: number[]) => number);\n\n  /** @deparated 线性轴数值范围配置（已弃用，请使用外层 min/max） */\n  range?: {\n    /** @deparated 最小值 */\n    min?: number;\n    /** @deparated 最大值 */\n    max?: number;\n  };\n\n  /**\n   * 是否根据数据将轴范围调整到相对规整的数值\n   * @default true\n   * @description 当配置了 min 和 max，该配置项失效\n   * @example 当配置了 max = 999, nice并不会将轴范围优化到1000\n   */\n  nice?: boolean;\n  /**\n   * nice效果的类型，是精度优先还是tickCount优先（比如tickCount为2那nice出来的精度就很低）\n   * @default undefined('tickCountFirst')\n   * @description 不配置就默认是tickCountFirst\n   * @example 数据范围是0~6000，如果tickCount为2，那么tickCountFirst出来的range就是[0, 10000], accurateFirst出来的range就是[0, 6000]但10000显示不了\n   */\n  niceType?: 'tickCountFirst' | 'accurateFirst';\n  /**\n   * 是否包含0值\n   * @default true\n   * @description 当配置了 min和 max，该配置项失效\n   */\n  zero?: boolean;\n  /**\n   * 轴范围按比例扩展\n   * @description 当配置了 min和 max，该配置项失效\n   */\n  expand?: {\n    /**\n     * 轴范围扩展的最小比例\n     */\n    min?: number;\n    /**\n     * 轴范围扩展的最大比例\n     */\n    max?: number;\n  };\n\n  /**\n   * 连续轴上的 dimension tooltip 数据筛选范围\n   * 如果配置为单个数字 d，则筛选区间为 [x0 - d, x0 + d]；如果配置为二元组 [d1, d2]，则筛选区间为 [x0 + d1, x0 + d2]\n   * 如果配置为函数 f, 函数的返回值将会作为数据筛选范围的值\n   * @since 1.4.0\n   */\n  tooltipFilterRange?: number | [number, number] | ((params: { scale: IBaseScale }) => number | [number, number]);\n  /**\n   * 轴截断配置，只对笛卡尔坐标系的 linear 轴生效\n   * @since 1.12.4\n   */\n  breaks?: ILinearAxisBreakSpec[];\n}\n\nexport interface IBandAxisSpec {\n  /**\n   * 是否去除 band 轴两端的留白，如果为 true，则两端的 padding 为 0，\n   * **并且 bandPadding、paddingInner 和 paddingOuter 的设置将被忽略**。\n   * @default false\n   * @since 1.7.0\n   */\n  trimPadding?: boolean;\n  /**\n   * 同时设置轴的 paddingInner 和 paddingOuter\n   * **因为有可能存在多层 scale( xField 设置成了数组，即分组场景），所以支持了数组类型，用于多层 scale 的 bandPadding 配置**\n   */\n  bandPadding?: number | number[];\n  /**\n   * band 轴的内边距\n   * ** 因为有可能存在多层 scale( xField 设置成了数组，即分组场景），所以支持了数组类型，用于多层 scale 的 paddingInner 配置**\n   * @default 0.1\n   */\n  paddingInner?: number | number[];\n  /**\n   * band 轴的外边距\n   * ** 因为有可能存在多层 scale( xField 设置成了数组，即分组场景），所以支持了数组类型，用于多层 scale 的 paddingOuter 配置**\n   * @default 0.3\n   */\n  paddingOuter?: number | number[];\n  /**\n   * 配置离散轴的数值范围\n   * @since 1.1.0\n   */\n  domain?: StringOrNumber[];\n  /**\n   * `bandPosition` 是一个可选参数，用于指定数据点在 band 轴上的位置。它的含义是确定数据点在 band 轴上的位置偏移量，相对于 band 轴的起始位置。\n   * `bandPosition` 的取值范围是从 0 到 1，其中 0 表示数据点位于 band 轴的起始位置，1 表示数据点位于 band 轴的结束位置。\n   * @default 0.5\n   */\n  bandPosition?: number;\n\n  /**\n   * 当存在多层分组场景时，是否展示所有的分组轴\n   * @default false\n   * @since 1.9.0\n   */\n  showAllGroupLayers?: boolean;\n  /**\n   * 每一层轴的配置\n   * layer[0] 为离坐标轴线最近的轴，当且仅当 `showAllGroupLayers` 配置开启生效。\n   * @since 1.9.0\n   */\n  layers?: IBandAxisLayer[];\n}\n// Grid 配置项\nexport interface IGrid extends IAxisItem<IRuleMarkSpec> {\n  /**\n   * 两个栅格线间的填充色\n   */\n  alternateColor?: string | string[];\n  /**\n   * grid 是否与 label 对齐，默认为 true，即对齐，配置为 false 则显示在前后两个刻度中间\n   * @default true\n   */\n  alignWithLabel?: boolean;\n  /**\n   * 网格线样式，支持回调\n   */\n  style?: IRuleMarkSpec | StyleCallback<IRuleMarkSpec | undefined>;\n  /**\n   * 快捷属性，也可以在 `style` 中配置，用于配置网格线的绘制顺序，默认为 50\n   * @default 50\n   * @since 1.4.0\n   */\n  zIndex?: number;\n}\n\n// 刻度线配置\nexport interface ITick extends IAxisItem<IRuleMarkSpec>, ITickCalculationCfg {\n  /**\n   * Length of tick lines\n   * 坐标轴刻度线的长度\n   * @default 4\n   */\n  tickSize?: number;\n  /**\n   * 刻度线朝向，默认朝外(坐标线包围盒外部)\n   * @default false\n   */\n  inside?: boolean;\n  /**\n   * tick 是否与 label 对齐，默认为 true，即对齐，配置为 false 则显示在前后两个刻度中间\n   * @default true\n   */\n  alignWithLabel?: boolean;\n  /**\n   * 刻度线样式设置，支持回调\n   */\n  style?: IRuleMarkSpec | StyleCallback<IRuleMarkSpec | undefined>;\n  /**\n   * 刻度线不同交互状态下的样式配置，支持：\n   * 1. hover\n   * 2. hover_reverse\n   * 3. selected\n   * 4. selected_reverse\n   */\n  state?: AxisItemStateStyle<IRuleMarkSpec>;\n  /**\n   * 用于 tick 的数据过滤\n   * @since 1.1.0\n   */\n  dataFilter?: (data: AxisItem[], context: { vchart: IVChart }) => AxisItem[];\n}\n\n// 子刻度线配置\nexport interface ISubTick extends IAxisItem<IRuleMarkSpec> {\n  /**\n   * TODO: 考虑下 log 轴，自刻度线之间的间距是不均匀的问题\n   * 子刻度个数\n   */\n  tickCount?: number;\n  /**\n   * 子刻度线朝向，默认朝外(坐标线包围盒外部)\n   * @default false\n   */\n  inside?: boolean;\n  /** 子刻度线的长度 */\n  tickSize?: number;\n  /**\n   * 子刻度线不同交互状态下的样式配置，支持：\n   * 1. hover\n   * 2. hover_reverse\n   * 3. selected\n   * 4. selected_reverse\n   */\n  state?: AxisItemStateStyle<IRuleMarkSpec>;\n}\n\n// 轴标签配置\nexport interface ILabel extends IAxisItem<ITextMarkSpec> {\n  /**\n   * 文本类型\n   * @deprecated 1.10.0 版本后，在 formatMethod 中返回 { type: 'rich', text: xxx}\n   * */\n  type?: 'text' | 'rich';\n  /**\n   * 轴标签内容格式化函数\n   * @param text 原始标签文本值\n   * @param datum 图形数据\n   * @returns 格式化后的文本\n   */\n  formatMethod?: IFormatMethod<[text: string | string[], datum?: Datum]>;\n  /**\n   * 格式化模板\n   * @description 可以通过类似 `{value:.2f}%` 的形式对指定数据字段进行格式化\n   * @since 1.10.0\n   */\n  formatter?: string | string[];\n  /** 标签同 tick 之间的间距 */\n  space?: number;\n  /**\n   * 标签朝向，默认朝外(坐标线包围盒外部)\n   * @default false\n   */\n  inside?: boolean;\n  /**\n   * 标签之间的最小间距（单位为像素），仅当轴采样开始时生效（`sampling: true`）。\n   * 该配置会影响轴采样的结果。\n   */\n  minGap?: number;\n  /**\n   * 文本样式设置\n   */\n  style?: ITextMarkSpec | StyleCallback<ITextMarkSpec | undefined>;\n  /**\n   * label 不同交互状态下的样式配置，支持：\n   * 1. hover\n   * 2. hover_reverse\n   * 3. selected\n   * 4. selected_reverse\n   */\n  state?: AxisItemStateStyle<ITextMarkSpec>;\n  /**\n   * 用于 label 的数据过滤\n   * @since 1.1.0\n   */\n  dataFilter?: (data: AxisItem[], layer: number, context: { vchart: IVChart }) => AxisItem[];\n}\n\n// 轴线配置\nexport interface IDomainLine extends IAxisItem<IRuleMarkSpec> {\n  /**\n   * domainLine 在不同交互状态下的样式配置，支持：\n   * 1. hover\n   * 2. hover_reverse\n   * 3. selected\n   * 4. selected_reverse\n   */\n  state?: AxisItemStateStyle<IRuleMarkSpec>;\n}\n\n// 轴标题配置\nexport interface ITitle extends IAxisItem<ITextMarkSpec> {\n  /**\n   * 文本类型\n   * @deprecated 1.10.0 版本后，在 formatMethod 中返回 { type: 'rich', text: xxx}\n   * */\n  type?: 'text' | 'rich';\n  /**\n   * 轴标题内容，支持多种格式\n   * - 字符串或者数值\n   * - 字符串或者数值数组\n   */\n  text?: ITextMarkSpec['text'] | ReturnType<IRichTextFormatMethod<[]>>;\n  /**\n   * 标题的显示位置，直角坐标系默认 'middle'；\n   * 极坐标系的圆弧轴如果配置了内半径，则默认 'middle'，否则 'end'\n   */\n  position?: 'start' | 'middle' | 'end';\n  /**\n   * 标题距离坐标轴(轴线、刻度、标签共同构成的包围盒)的距离\n   */\n  space?: number;\n  /**\n   * 标题内边距配置\n   */\n  padding?: IPadding | number | number[];\n  /**\n   * 标题背景色设置\n   */\n  background?: IAxisItem<IRectMarkSpec> & {\n    /**\n     * 背景的交互状态样式配置\n     */\n    state?: AxisItemStateStyle<Partial<IRectMarkSpec>>;\n  };\n  /**\n   * TODO: 接入富文本\n   * 标题 shape 配置\n   */\n  shape?: IAxisItem<ISymbolMarkSpec> & {\n    /**\n     * shape 同标题文本之间的间距\n     */\n    space?: number;\n    /**\n     * shape 标记的交互状态样式配置\n     */\n    state?: AxisItemStateStyle<Partial<ISymbolMarkSpec>>;\n  };\n  /**\n   * 标题整体的旋转角度（如果标题配置了 background、shape 等属性的话，需要使用该属性进行整体的配置旋转）。\n   */\n  angle?: number;\n  /**\n   * text 文本的交互状态样式配置\n   */\n  state?: AxisItemStateStyle<Partial<ITextMarkSpec>>;\n}\n"]}

package/cjs/component/data-zoom/data-zoom/interface.d.ts

@@ -1,4 +1,3 @@
-import type { IMarkSpec } from '../../../typings/spec';
 import type { IAreaMarkSpec, ILineMarkSpec, IRectMarkSpec, ISymbolMarkSpec, ITextMarkSpec } from '../../../typings/visual';
 import type { IComponentSpec } from '../../base/interface';
 import type { ComponentThemeWithDirection, IComponent } from '../../interface';
@@ -41,13 +40,13 @@ export interface IDataZoomSpec extends IDataZoomStyle, IDataFilterComponentSpec
     valueField?: string;
     startText?: {
         padding?: number;
-        style?: IMarkSpec<ITextMarkSpec>;
+        style?: ITextMarkSpec;
         formatMethod?: (text: string | number) => string | string[];
         formatter?: string | string[];
     };
     endText?: {
         padding?: number;
-        style?: IMarkSpec<ITextMarkSpec>;
+        style?: ITextMarkSpec;
         formatMethod?: (text: string | number) => string | string[];
         formatter?: string | string[];
     };

package/cjs/component/data-zoom/data-zoom/interface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/data-zoom/data-zoom/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IMarkSpec } from '../../../typings/spec';\nimport type {\n  IAreaMarkSpec,\n  ILineMarkSpec,\n  IRectMarkSpec,\n  ISymbolMarkSpec,\n  ITextMarkSpec\n} from '../../../typings/visual';\nimport type { IComponentSpec } from '../../base/interface';\nimport type { ComponentThemeWithDirection, IComponent } from '../../interface';\nimport type { IFilterMode, IDataFilterComponent, IDataFilterComponentSpec } from '../interface';\n\nexport type IDataZoom = IComponent & IDataFilterComponent;\n\n// TODO: 开放的状态样式配置较少，暂时不使用markSpec方式配置\nexport interface IDataZoomStyle {\n  /**\n   * 是否显示startText和endText\n   * @default 'auto' 鼠标hover在选中区域时才显示startText和endText\n   */\n  showDetail?: 'auto' | boolean;\n  /**\n   * 中间手柄样式\n   */\n  middleHandler?: {\n    /**\n     * 中间手柄是否可见\n     */\n    visible?: boolean;\n    /**\n     * 中间手柄的中点图标\n     */\n    icon?: ISymbolMarkSpec;\n    /**\n     * 中间手柄的背景矩形\n     */\n    background?: {\n      /**\n       * 中间手柄背景矩形的尺寸（当缩略轴为横向时，该尺寸代表高度；同理，当缩略轴为纵向时，该尺寸代表宽度）。\n       */\n      size?: number;\n    } & IRectMarkSpec;\n  };\n  /**\n   * 缩略轴的背景矩形\n   */\n  background?: {\n    /**\n     * 缩略轴背景矩形的尺寸（当缩略轴为横向时，该尺寸代表高度；同理，当缩略轴为纵向时，该尺寸代表宽度）\n     */\n    size?: number;\n  } & IRectMarkSpec;\n  /**\n   * 缩略轴的起点手柄\n   */\n  startHandler?: ISymbolMarkSpec;\n  /**\n   * 缩略轴的终点手柄\n   */\n  endHandler?: ISymbolMarkSpec;\n  /**\n   * 起点文字样式配置\n   */\n  startText?: {\n    /**\n     * 起点文字外边距配置\n     */\n    padding?: number;\n  } & ITextMarkSpec;\n  /**\n   * 终点文字样式配置\n   */\n  endText?: {\n    /**\n     * 终点文字外边距配置\n     */\n    padding?: number;\n  } & ITextMarkSpec;\n  /**\n   * 缩略轴的拖拽轨迹图元\n   */\n  dragMask?: IRectMarkSpec;\n  /**\n   * 缩略轴的选中部分对应的矩形样式配置\n   */\n  selectedBackground?: IRectMarkSpec;\n  /**\n   * 缩略轴的预览图表\n   */\n  backgroundChart?: {\n    /**\n     * 缩略轴的预览图表，line 样式配置\n     */\n    line?: ILineMarkSpec;\n    /**\n     * 缩略轴的预览图表，area 样式配置\n     */\n    area?: IAreaMarkSpec;\n  };\n  /**\n   * 缩略轴的选中部分预览图表样式配置\n   */\n  selectedBackgroundChart?: {\n    /**\n     * 缩略轴的选中部分，line 样式配置\n     */\n    line?: ILineMarkSpec;\n    /**\n     * 缩略轴的选中部分，area 样式配置\n     */\n    area?: IAreaMarkSpec;\n  };\n}\n\n/** spec */\nexport interface IDataZoomSpec extends IDataZoomStyle, IDataFilterComponentSpec {\n  /**\n   * 是否展示背景图\n   * @since 1.11.3\n   */\n  showBackgroundChart?: boolean;\n  /**\n   * 数据过滤模式\n   * 'filter' 为过滤数据从而达到缩放轴的效果, 'axis'为直接缩放轴, 不过滤数据\n   * 具体效果可参考: https://www.visactor.io/vchart/demo/sequence-chart/social-media-event?keyword=dataZoom\n   * @default 'filter' （dataZoom默认数据过滤模式）\n   */\n  filterMode?: IFilterMode;\n  /**\n   * 背景趋势线对应的字段\n   */\n  valueField?: string;\n  /**\n   * 起始点文字标签format格式配置\n   */\n  startText?: {\n    /**\n     * 起点文字外边距配置\n     */\n    padding?: number;\n    /**\n     * 起点文字文本样式配置\n     */\n    style?: IMarkSpec<ITextMarkSpec>;\n    /**\n     * 起点文字格式化配置，使用回调函数的形式配置。\n     */\n    formatMethod?: (text: string | number) => string | string[];\n    /**\n     * 格式化模板\n     * @description 可以通过类似 `{value:.2f}%` 的形式对指定数据字段进行格式化\n     * @since 1.10.0\n     */\n    formatter?: string | string[];\n  };\n  endText?: {\n    /**\n     * 终点文字外边距配置\n     */\n    padding?: number;\n    /**\n     * 终点文字文本样式配置\n     */\n    style?: IMarkSpec<ITextMarkSpec>;\n    /**\n     *\n     * 终点文字格式化配置, 使用回调函数的形式配置\n     */\n    formatMethod?: (text: string | number) => string | string[];\n    /**\n     * 格式化模板\n     * @description 可以通过类似 `{value:.2f}%` 的形式对指定数据字段进行格式化\n     * @since 1.10.0\n     */\n    formatter?: string | string[];\n  };\n  /**\n   * 是否开启框选, 如果不开启则支持selectedBackground拖拽（框选和拖拽两者互斥）\n   * @default false\n   */\n  brushSelect?: boolean;\n  /**\n   * 是否忽略轴上配置的固定 bandSize\n   * 如果置为 true，则 datazoom 可以任意改变轴的 bandSize。\n   * 但如果轴上配置了 bandSize 范围，则第一次渲染会保持 bandSize 在配置范围内。\n   * 该配置仅在 auto 设为 true 时生效。\n   * @since 1.7.0\n   */\n  ignoreBandSize?: boolean;\n\n  /**\n   * 背景图表节点压缩率, 如果不配置则默认将节点限制在10000个\n   * @since 1.10.0\n   */\n  tolerance?: number;\n}\n\nexport type IDataZoomCommonTheme = IComponentSpec &\n  IDataZoomStyle & {\n    /** 显示的位置 */\n    orient?: IDataZoomSpec['orient'];\n    /** 组件宽度 */\n    width?: IDataZoomSpec['width'];\n    /** 组件高度 */\n    height?: IDataZoomSpec['height'];\n    /**\n     * 是否开启框选, 如果不开启则支持selectedBackground拖拽（框选和拖拽两者互斥）\n     * @default false\n     */\n    brushSelect?: boolean;\n  };\n\nexport type IDataZoomTheme = ComponentThemeWithDirection<IDataZoomCommonTheme>;\n"]}
+{"version":3,"sources":["../src/component/data-zoom/data-zoom/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IMarkSpec } from '../../../typings/spec';\nimport type {\n  IAreaMarkSpec,\n  ILineMarkSpec,\n  IRectMarkSpec,\n  ISymbolMarkSpec,\n  ITextMarkSpec\n} from '../../../typings/visual';\nimport type { IComponentSpec } from '../../base/interface';\nimport type { ComponentThemeWithDirection, IComponent } from '../../interface';\nimport type { IFilterMode, IDataFilterComponent, IDataFilterComponentSpec } from '../interface';\n\nexport type IDataZoom = IComponent & IDataFilterComponent;\n\n// TODO: 开放的状态样式配置较少，暂时不使用markSpec方式配置\nexport interface IDataZoomStyle {\n  /**\n   * 是否显示startText和endText\n   * @default 'auto' 鼠标hover在选中区域时才显示startText和endText\n   */\n  showDetail?: 'auto' | boolean;\n  /**\n   * 中间手柄样式\n   */\n  middleHandler?: {\n    /**\n     * 中间手柄是否可见\n     */\n    visible?: boolean;\n    /**\n     * 中间手柄的中点图标\n     */\n    icon?: ISymbolMarkSpec;\n    /**\n     * 中间手柄的背景矩形\n     */\n    background?: {\n      /**\n       * 中间手柄背景矩形的尺寸（当缩略轴为横向时，该尺寸代表高度；同理，当缩略轴为纵向时，该尺寸代表宽度）。\n       */\n      size?: number;\n    } & IRectMarkSpec;\n  };\n  /**\n   * 缩略轴的背景矩形\n   */\n  background?: {\n    /**\n     * 缩略轴背景矩形的尺寸（当缩略轴为横向时，该尺寸代表高度；同理，当缩略轴为纵向时，该尺寸代表宽度）\n     */\n    size?: number;\n  } & IRectMarkSpec;\n  /**\n   * 缩略轴的起点手柄\n   */\n  startHandler?: ISymbolMarkSpec;\n  /**\n   * 缩略轴的终点手柄\n   */\n  endHandler?: ISymbolMarkSpec;\n  /**\n   * 起点文字样式配置\n   */\n  startText?: {\n    /**\n     * 起点文字外边距配置\n     */\n    padding?: number;\n  } & ITextMarkSpec;\n  /**\n   * 终点文字样式配置\n   */\n  endText?: {\n    /**\n     * 终点文字外边距配置\n     */\n    padding?: number;\n  } & ITextMarkSpec;\n  /**\n   * 缩略轴的拖拽轨迹图元\n   */\n  dragMask?: IRectMarkSpec;\n  /**\n   * 缩略轴的选中部分对应的矩形样式配置\n   */\n  selectedBackground?: IRectMarkSpec;\n  /**\n   * 缩略轴的预览图表\n   */\n  backgroundChart?: {\n    /**\n     * 缩略轴的预览图表，line 样式配置\n     */\n    line?: ILineMarkSpec;\n    /**\n     * 缩略轴的预览图表，area 样式配置\n     */\n    area?: IAreaMarkSpec;\n  };\n  /**\n   * 缩略轴的选中部分预览图表样式配置\n   */\n  selectedBackgroundChart?: {\n    /**\n     * 缩略轴的选中部分，line 样式配置\n     */\n    line?: ILineMarkSpec;\n    /**\n     * 缩略轴的选中部分，area 样式配置\n     */\n    area?: IAreaMarkSpec;\n  };\n}\n\n/** spec */\nexport interface IDataZoomSpec extends IDataZoomStyle, IDataFilterComponentSpec {\n  /**\n   * 是否展示背景图\n   * @since 1.11.3\n   */\n  showBackgroundChart?: boolean;\n  /**\n   * 数据过滤模式\n   * 'filter' 为过滤数据从而达到缩放轴的效果, 'axis'为直接缩放轴, 不过滤数据\n   * 具体效果可参考: https://www.visactor.io/vchart/demo/sequence-chart/social-media-event?keyword=dataZoom\n   * @default 'filter' （dataZoom默认数据过滤模式）\n   */\n  filterMode?: IFilterMode;\n  /**\n   * 背景趋势线对应的字段\n   */\n  valueField?: string;\n  /**\n   * 起始点文字标签format格式配置\n   */\n  startText?: {\n    /**\n     * 起点文字外边距配置\n     */\n    padding?: number;\n    /**\n     * 起点文字文本样式配置\n     */\n    style?: ITextMarkSpec;\n    /**\n     * 起点文字格式化配置，使用回调函数的形式配置。\n     */\n    formatMethod?: (text: string | number) => string | string[];\n    /**\n     * 格式化模板\n     * @description 可以通过类似 `{value:.2f}%` 的形式对指定数据字段进行格式化\n     * @since 1.10.0\n     */\n    formatter?: string | string[];\n  };\n  endText?: {\n    /**\n     * 终点文字外边距配置\n     */\n    padding?: number;\n    /**\n     * 终点文字文本样式配置\n     */\n    style?: ITextMarkSpec;\n    /**\n     *\n     * 终点文字格式化配置, 使用回调函数的形式配置\n     */\n    formatMethod?: (text: string | number) => string | string[];\n    /**\n     * 格式化模板\n     * @description 可以通过类似 `{value:.2f}%` 的形式对指定数据字段进行格式化\n     * @since 1.10.0\n     */\n    formatter?: string | string[];\n  };\n  /**\n   * 是否开启框选, 如果不开启则支持selectedBackground拖拽（框选和拖拽两者互斥）\n   * @default false\n   */\n  brushSelect?: boolean;\n  /**\n   * 是否忽略轴上配置的固定 bandSize\n   * 如果置为 true，则 datazoom 可以任意改变轴的 bandSize。\n   * 但如果轴上配置了 bandSize 范围，则第一次渲染会保持 bandSize 在配置范围内。\n   * 该配置仅在 auto 设为 true 时生效。\n   * @since 1.7.0\n   */\n  ignoreBandSize?: boolean;\n\n  /**\n   * 背景图表节点压缩率, 如果不配置则默认将节点限制在10000个\n   * @since 1.10.0\n   */\n  tolerance?: number;\n}\n\nexport type IDataZoomCommonTheme = IComponentSpec &\n  IDataZoomStyle & {\n    /** 显示的位置 */\n    orient?: IDataZoomSpec['orient'];\n    /** 组件宽度 */\n    width?: IDataZoomSpec['width'];\n    /** 组件高度 */\n    height?: IDataZoomSpec['height'];\n    /**\n     * 是否开启框选, 如果不开启则支持selectedBackground拖拽（框选和拖拽两者互斥）\n     * @default false\n     */\n    brushSelect?: boolean;\n  };\n\nexport type IDataZoomTheme = ComponentThemeWithDirection<IDataZoomCommonTheme>;\n"]}

package/cjs/component/marker/mark-area/base-mark-area.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.BaseMarkArea = void 0;
 
-const utils_1 = require("../utils"), style_1 = require("../../../util/style"), base_marker_1 = require("../base-marker"), layout_1 = require("../../../constant/layout"), vutils_1 = require("@visactor/vutils");
+const utils_1 = require("../utils"), style_1 = require("../../../util/style"), base_marker_1 = require("../base-marker"), layout_1 = require("../../../constant/layout");
 
 class BaseMarkArea extends base_marker_1.BaseMarker {
     constructor() {
@@ -16,8 +16,8 @@ class BaseMarkArea extends base_marker_1.BaseMarker {
         return "polar" === markerSpec.coordinateType || doAngleProcess || doRadiusProcess || doRadAngProcess ? "polar" : "cartesian";
     }
     _createMarkerComponent() {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        const label = (0, vutils_1.array)(null !== (_a = this._spec.label) && void 0 !== _a ? _a : {}), markAreaAttrs = {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        const label = null !== (_a = this._spec.label) && void 0 !== _a ? _a : {}, markAreaAttrs = {
             zIndex: this.layoutZIndex,
             interactive: null === (_b = this._spec.interactive) || void 0 === _b || _b,
             hover: null === (_c = this._spec.interactive) || void 0 === _c || _c,
@@ -36,16 +36,13 @@ class BaseMarkArea extends base_marker_1.BaseMarker {
             endAngle: 0,
             areaStyle: (0, utils_1.transformStyle)((0, style_1.transformToGraphic)(null === (_e = this._spec.area) || void 0 === _e ? void 0 : _e.style), this._markerData, this._markAttributeContext),
             clipInRange: null !== (_f = this._spec.clip) && void 0 !== _f && _f,
-            label: label.map((labelItem => (0, utils_1.transformLabelAttributes)(labelItem, this._markerData, this._markAttributeContext))),
+            label: (0, utils_1.transformLabelAttributes)(label, this._markerData, this._markAttributeContext),
             state: {
                 area: (0, utils_1.transformState)(null === (_g = this._spec.area) || void 0 === _g ? void 0 : _g.state, this._markerData, this._markAttributeContext),
-                label: label.map((labelItem => (0, utils_1.transformState)(labelItem.state, this._markerData, this._markAttributeContext))),
-                labelBackground: label.map((labelItem => {
-                    var _a;
-                    return (0, utils_1.transformState)(null === (_a = labelItem.labelBackground) || void 0 === _a ? void 0 : _a.state, this._markerData, this._markAttributeContext);
-                }))
+                label: (0, utils_1.transformState)(null === (_h = this._spec.label) || void 0 === _h ? void 0 : _h.state, this._markerData, this._markAttributeContext),
+                labelBackground: (0, utils_1.transformState)(null === (_l = null === (_k = null === (_j = this._spec) || void 0 === _j ? void 0 : _j.label) || void 0 === _k ? void 0 : _k.labelBackground) || void 0 === _l ? void 0 : _l.state, this._markerData, this._markAttributeContext)
             },
-            animation: null !== (_h = this._spec.animation) && void 0 !== _h && _h,
+            animation: null !== (_m = this._spec.animation) && void 0 !== _m && _m,
             animationEnter: this._spec.animationEnter,
             animationExit: this._spec.animationExit,
             animationUpdate: this._spec.animationUpdate
@@ -53,10 +50,10 @@ class BaseMarkArea extends base_marker_1.BaseMarker {
         return this._newMarkAreaComponent(markAreaAttrs);
     }
     _markerLayout() {
-        var _a;
+        var _a, _b, _c, _d;
         const spec = this._spec, data = this._markerData, startRelativeSeries = this._startRelativeSeries, endRelativeSeries = this._endRelativeSeries, relativeSeries = this._relativeSeries, pointsAttr = this._computePointsAttr(), seriesData = this._getRelativeDataView().latestData, dataPoints = data ? data.latestData[0] && data.latestData[0].latestData ? data.latestData[0].latestData : data.latestData : seriesData;
         let limitRect;
-        if (spec.clip || (0, vutils_1.array)(spec.label).some((labelCfg => null == labelCfg ? void 0 : labelCfg.confine))) {
+        if (spec.clip || (null === (_a = spec.label) || void 0 === _a ? void 0 : _a.confine)) {
             const {minX: minX, maxX: maxX, minY: minY, maxY: maxY} = (0, utils_1.computeClipRange)([ startRelativeSeries.getRegion(), endRelativeSeries.getRegion(), relativeSeries.getRegion() ]);
             limitRect = {
                 x: minX,
@@ -65,21 +62,14 @@ class BaseMarkArea extends base_marker_1.BaseMarker {
                 height: maxY - minY
             };
         }
-        if (this._markerComponent) {
-            const prevLabelAttrs = (0, vutils_1.array)(null === (_a = this._markerComponent.attribute) || void 0 === _a ? void 0 : _a.label), specLabels = (0, 
-            vutils_1.array)(this._spec.label);
-            this._markerComponent.setAttributes(Object.assign(Object.assign({}, pointsAttr), {
-                label: prevLabelAttrs.map(((prevLabel, index) => {
-                    const specLabel = specLabels[index] || {};
-                    return Object.assign(Object.assign({}, prevLabel), {
-                        text: specLabel.formatMethod ? specLabel.formatMethod(dataPoints, seriesData) : null == prevLabel ? void 0 : prevLabel.text
-                    });
-                })),
-                limitRect: limitRect,
-                dx: this._layoutOffsetX,
-                dy: this._layoutOffsetY
-            }));
-        }
+        this._markerComponent && this._markerComponent.setAttributes(Object.assign(Object.assign({}, pointsAttr), {
+            label: Object.assign(Object.assign({}, null === (_b = this._markerComponent.attribute) || void 0 === _b ? void 0 : _b.label), {
+                text: this._spec.label.formatMethod ? this._spec.label.formatMethod(dataPoints, seriesData) : null === (_d = null === (_c = this._markerComponent.attribute) || void 0 === _c ? void 0 : _c.label) || void 0 === _d ? void 0 : _d.text
+            }),
+            limitRect: limitRect,
+            dx: this._layoutOffsetX,
+            dy: this._layoutOffsetY
+        }));
     }
     _initDataView() {
         const spec = this._spec, {doXProcess: doXProcess, doYProcess: doYProcess, doXYProcess: doXYProcess, doAngleProcess: doAngleProcess, doRadiusProcess: doRadiusProcess, doRadAngProcess: doRadAngProcess, doCoordinatesProcess: doCoordinatesProcess} = (0, 

package/cjs/component/marker/mark-area/base-mark-area.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/marker/mark-area/base-mark-area.ts"],"names":[],"mappings":"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","file":"base-mark-area.js","sourcesContent":["import type { IMarkArea, IMarkAreaSpec } from './interface';\nimport {\n  computeClipRange,\n  transformLabelAttributes,\n  transformState,\n  transformStyle,\n  getMarkAreaProcessInfo\n} from '../utils';\nimport type { MarkArcAreaAttrs, MarkAreaAttrs } from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport type { MarkArea as MarkAreaComponent, MarkArcArea as MarkArcAreaComponent } from '@visactor/vrender-components';\nimport { transformToGraphic } from '../../../util/style';\nimport { BaseMarker } from '../base-marker';\nimport { LayoutZIndex } from '../../../constant/layout';\nimport type { IGroup } from '@visactor/vrender-core';\nimport { array } from '@visactor/vutils';\nexport abstract class BaseMarkArea extends BaseMarker<IMarkAreaSpec> implements IMarkArea {\n  static specKey = 'markArea';\n  specKey = 'markArea';\n\n  layoutZIndex: number = LayoutZIndex.MarkArea;\n\n  // eslint-disable-next-line max-len\n  protected abstract _newMarkAreaComponent(\n    attr: MarkAreaAttrs | MarkArcAreaAttrs\n  ): MarkAreaComponent | MarkArcAreaComponent;\n  protected abstract _computePointsAttr(): any;\n\n  static _getMarkerCoordinateType(markerSpec: any): string {\n    const { doAngleProcess, doRadiusProcess, doRadAngProcess } = getMarkAreaProcessInfo(markerSpec);\n\n    if (markerSpec.coordinateType === 'polar' || doAngleProcess || doRadiusProcess || doRadAngProcess) {\n      return 'polar';\n    }\n    return 'cartesian';\n  }\n\n  protected _createMarkerComponent() {\n    const label = array(this._spec.label ?? {});\n    const markAreaAttrs: MarkAreaAttrs | MarkArcAreaAttrs = {\n      zIndex: this.layoutZIndex,\n      interactive: this._spec.interactive ?? true,\n      hover: this._spec.interactive ?? true,\n      select: this._spec.interactive ?? true,\n      points: [\n        {\n          x: 0,\n          y: 0\n        }\n      ],\n      center: {\n        x: 0,\n        y: 0\n      },\n      innerRadius: 0,\n      outerRadius: 0,\n      startAngle: 0,\n      endAngle: 0,\n      areaStyle: transformStyle(\n        transformToGraphic(this._spec.area?.style),\n        this._markerData,\n        this._markAttributeContext\n      ),\n      clipInRange: this._spec.clip ?? false,\n      label: label.map((labelItem: any) => {\n        return transformLabelAttributes(labelItem, this._markerData, this._markAttributeContext);\n      }),\n      state: {\n        area: transformState(this._spec.area?.state, this._markerData, this._markAttributeContext),\n        label: label.map((labelItem: any) => {\n          return transformState(labelItem.state, this._markerData, this._markAttributeContext);\n        }),\n        labelBackground: label.map((labelItem: any) => {\n          return transformState(labelItem.labelBackground?.state, this._markerData, this._markAttributeContext);\n        })\n      },\n      animation: this._spec.animation ?? false,\n      animationEnter: this._spec.animationEnter,\n      animationExit: this._spec.animationExit,\n      animationUpdate: this._spec.animationUpdate\n    };\n\n    const markArea = this._newMarkAreaComponent(markAreaAttrs);\n    return markArea as unknown as IGroup;\n  }\n\n  protected _markerLayout() {\n    const spec = this._spec as any;\n    const data = this._markerData;\n    const startRelativeSeries = this._startRelativeSeries;\n    const endRelativeSeries = this._endRelativeSeries;\n    const relativeSeries = this._relativeSeries;\n\n    const pointsAttr = this._computePointsAttr();\n\n    const seriesData = this._getRelativeDataView().latestData;\n    const dataPoints = data\n      ? data.latestData[0] && data.latestData[0].latestData\n        ? data.latestData[0].latestData\n        : data.latestData\n      : seriesData;\n\n    let limitRect;\n    if (spec.clip || array(spec.label).some(labelCfg => labelCfg?.confine)) {\n      const { minX, maxX, minY, maxY } = computeClipRange([\n        startRelativeSeries.getRegion(),\n        endRelativeSeries.getRegion(),\n        relativeSeries.getRegion()\n      ]);\n      limitRect = {\n        x: minX,\n        y: minY,\n        width: maxX - minX,\n        height: maxY - minY\n      };\n    }\n\n    if (this._markerComponent) {\n      const prevLabelAttrs = array(this._markerComponent.attribute?.label);\n      const specLabels = array(this._spec.label);\n\n      this._markerComponent.setAttributes({\n        ...pointsAttr,\n        label: prevLabelAttrs.map((prevLabel, index) => {\n          const specLabel = specLabels[index] || {};\n          return {\n            ...prevLabel,\n            text: specLabel.formatMethod\n              ? // type error here will be fixed in components\n                (specLabel.formatMethod(dataPoints, seriesData) as any)\n              : prevLabel?.text\n          };\n        }),\n        limitRect,\n        dx: this._layoutOffsetX,\n        dy: this._layoutOffsetY\n      } as any);\n    }\n  }\n\n  protected _initDataView(): void {\n    const spec = this._spec as any;\n    const {\n      doXProcess,\n      doYProcess,\n      doXYProcess,\n      doAngleProcess,\n      doRadiusProcess,\n      doRadAngProcess,\n      doCoordinatesProcess\n    } = getMarkAreaProcessInfo(spec);\n    if (\n      !doXProcess &&\n      !doYProcess &&\n      !doXYProcess &&\n      !doAngleProcess &&\n      !doRadiusProcess &&\n      !doRadAngProcess &&\n      !doCoordinatesProcess\n    ) {\n      return null;\n    }\n\n    this._initCommonDataView();\n  }\n}\n"]}
+{"version":3,"sources":["../src/component/marker/mark-area/base-mark-area.ts"],"names":[],"mappings":";;;AACA,oCAMkB;AAIlB,+CAAyD;AACzD,gDAA4C;AAC5C,qDAAwD;AAExD,MAAsB,YAAa,SAAQ,wBAAyB;IAApE;;QAEE,YAAO,GAAG,UAAU,CAAC;QAErB,iBAAY,GAAW,qBAAY,CAAC,QAAQ,CAAC;IAyI/C,CAAC;IAjIC,MAAM,CAAC,wBAAwB,CAAC,UAAe;QAC7C,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,eAAe,EAAE,GAAG,IAAA,8BAAsB,EAAC,UAAU,CAAC,CAAC;QAEhG,IAAI,UAAU,CAAC,cAAc,KAAK,OAAO,IAAI,cAAc,IAAI,eAAe,IAAI,eAAe,EAAE;YACjG,OAAO,OAAO,CAAC;SAChB;QACD,OAAO,WAAW,CAAC;IACrB,CAAC;IAES,sBAAsB;;QAC9B,MAAM,KAAK,GAAG,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,mCAAI,EAAE,CAAC;QACrC,MAAM,aAAa,GAAqC;YACtD,MAAM,EAAE,IAAI,CAAC,YAAY;YACzB,WAAW,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,WAAW,mCAAI,IAAI;YAC3C,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,WAAW,mCAAI,IAAI;YACrC,MAAM,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,WAAW,mCAAI,IAAI;YACtC,MAAM,EAAE;gBACN;oBACE,CAAC,EAAE,CAAC;oBACJ,CAAC,EAAE,CAAC;iBACL;aACF;YACD,MAAM,EAAE;gBACN,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,CAAC;aACL;YACD,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,CAAC;YACd,UAAU,EAAE,CAAC;YACb,QAAQ,EAAE,CAAC;YACX,SAAS,EAAE,IAAA,sBAAc,EACvB,IAAA,0BAAkB,EAAC,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,0CAAE,KAAK,CAAC,EAC1C,IAAI,CAAC,WAAW,EAChB,IAAI,CAAC,qBAAqB,CAC3B;YACD,WAAW,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,mCAAI,KAAK;YACrC,KAAK,EAAE,IAAA,gCAAwB,EAAC,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,qBAAqB,CAAC;YACpF,KAAK,EAAE;gBACL,IAAI,EAAE,IAAA,sBAAc,EAAC,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,0CAAE,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,qBAAqB,CAAC;gBAC1F,KAAK,EAAE,IAAA,sBAAc,EAAC,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,0CAAE,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,qBAAqB,CAAC;gBAC5F,eAAe,EAAE,IAAA,sBAAc,EAC7B,MAAA,MAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,KAAK,0CAAE,eAAe,0CAAE,KAAK,EACzC,IAAI,CAAC,WAAW,EAChB,IAAI,CAAC,qBAAqB,CAC3B;aACF;YACD,SAAS,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,mCAAI,KAAK;YACxC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc;YACzC,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa;YACvC,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,eAAe;SAC5C,CAAC;QAEF,MAAM,QAAQ,GAAG,IAAI,CAAC,qBAAqB,CAAC,aAAa,CAAC,CAAC;QAC3D,OAAO,QAA6B,CAAC;IACvC,CAAC;IAES,aAAa;;QACrB,MAAM,IAAI,GAAG,IAAI,CAAC,KAAY,CAAC;QAC/B,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC;QAC9B,MAAM,mBAAmB,GAAG,IAAI,CAAC,oBAAoB,CAAC;QACtD,MAAM,iBAAiB,GAAG,IAAI,CAAC,kBAAkB,CAAC;QAClD,MAAM,cAAc,GAAG,IAAI,CAAC,eAAe,CAAC;QAE5C,MAAM,UAAU,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAE7C,MAAM,UAAU,GAAG,IAAI,CAAC,oBAAoB,EAAE,CAAC,UAAU,CAAC;QAC1D,MAAM,UAAU,GAAG,IAAI;YACrB,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU;gBACnD,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU;gBAC/B,CAAC,CAAC,IAAI,CAAC,UAAU;YACnB,CAAC,CAAC,UAAU,CAAC;QAEf,IAAI,SAAS,CAAC;QACd,IAAI,IAAI,CAAC,IAAI,KAAI,MAAA,IAAI,CAAC,KAAK,0CAAE,OAAO,CAAA,EAAE;YACpC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,IAAA,wBAAgB,EAAC;gBAClD,mBAAmB,CAAC,SAAS,EAAE;gBAC/B,iBAAiB,CAAC,SAAS,EAAE;gBAC7B,cAAc,CAAC,SAAS,EAAE;aAC3B,CAAC,CAAC;YACH,SAAS,GAAG;gBACV,CAAC,EAAE,IAAI;gBACP,CAAC,EAAE,IAAI;gBACP,KAAK,EAAE,IAAI,GAAG,IAAI;gBAClB,MAAM,EAAE,IAAI,GAAG,IAAI;aACpB,CAAC;SACH;QAED,IAAI,IAAI,CAAC,gBAAgB,EAAE;YACzB,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,gCAC/B,UAAU,KACb,KAAK,kCACA,MAAA,IAAI,CAAC,gBAAgB,CAAC,SAAS,0CAAE,KAAK,KACzC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY;wBACjC,CAAC;4BACE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,UAAU,EAAE,UAAU,CAAS;wBAChE,CAAC,CAAC,MAAA,MAAA,IAAI,CAAC,gBAAgB,CAAC,SAAS,0CAAE,KAAK,0CAAE,IAAI,KAElD,SAAS,EACT,EAAE,EAAE,IAAI,CAAC,cAAc,EACvB,EAAE,EAAE,IAAI,CAAC,cAAc,GACjB,CAAC,CAAC;SACX;IACH,CAAC;IAES,aAAa;QACrB,MAAM,IAAI,GAAG,IAAI,CAAC,KAAY,CAAC;QAC/B,MAAM,EACJ,UAAU,EACV,UAAU,EACV,WAAW,EACX,cAAc,EACd,eAAe,EACf,eAAe,EACf,oBAAoB,EACrB,GAAG,IAAA,8BAAsB,EAAC,IAAI,CAAC,CAAC;QACjC,IACE,CAAC,UAAU;YACX,CAAC,UAAU;YACX,CAAC,WAAW;YACZ,CAAC,cAAc;YACf,CAAC,eAAe;YAChB,CAAC,eAAe;YAChB,CAAC,oBAAoB,EACrB;YACA,OAAO,IAAI,CAAC;SACb;QAED,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC7B,CAAC;;AA5IH,oCA6IC;AA5IQ,oBAAO,GAAG,UAAU,CAAC","file":"base-mark-area.js","sourcesContent":["import type { IMarkArea, IMarkAreaSpec } from './interface';\nimport {\n  computeClipRange,\n  transformLabelAttributes,\n  transformState,\n  transformStyle,\n  getMarkAreaProcessInfo\n} from '../utils';\nimport type { MarkArcAreaAttrs, MarkAreaAttrs } from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport type { MarkArea as MarkAreaComponent, MarkArcArea as MarkArcAreaComponent } from '@visactor/vrender-components';\nimport { transformToGraphic } from '../../../util/style';\nimport { BaseMarker } from '../base-marker';\nimport { LayoutZIndex } from '../../../constant/layout';\nimport type { IGroup } from '@visactor/vrender-core';\nexport abstract class BaseMarkArea extends BaseMarker<IMarkAreaSpec> implements IMarkArea {\n  static specKey = 'markArea';\n  specKey = 'markArea';\n\n  layoutZIndex: number = LayoutZIndex.MarkArea;\n\n  // eslint-disable-next-line max-len\n  protected abstract _newMarkAreaComponent(\n    attr: MarkAreaAttrs | MarkArcAreaAttrs\n  ): MarkAreaComponent | MarkArcAreaComponent;\n  protected abstract _computePointsAttr(): any;\n\n  static _getMarkerCoordinateType(markerSpec: any): string {\n    const { doAngleProcess, doRadiusProcess, doRadAngProcess } = getMarkAreaProcessInfo(markerSpec);\n\n    if (markerSpec.coordinateType === 'polar' || doAngleProcess || doRadiusProcess || doRadAngProcess) {\n      return 'polar';\n    }\n    return 'cartesian';\n  }\n\n  protected _createMarkerComponent() {\n    const label = this._spec.label ?? {};\n    const markAreaAttrs: MarkAreaAttrs | MarkArcAreaAttrs = {\n      zIndex: this.layoutZIndex,\n      interactive: this._spec.interactive ?? true,\n      hover: this._spec.interactive ?? true,\n      select: this._spec.interactive ?? true,\n      points: [\n        {\n          x: 0,\n          y: 0\n        }\n      ],\n      center: {\n        x: 0,\n        y: 0\n      },\n      innerRadius: 0,\n      outerRadius: 0,\n      startAngle: 0,\n      endAngle: 0,\n      areaStyle: transformStyle(\n        transformToGraphic(this._spec.area?.style),\n        this._markerData,\n        this._markAttributeContext\n      ),\n      clipInRange: this._spec.clip ?? false,\n      label: transformLabelAttributes(label, this._markerData, this._markAttributeContext),\n      state: {\n        area: transformState(this._spec.area?.state, this._markerData, this._markAttributeContext),\n        label: transformState(this._spec.label?.state, this._markerData, this._markAttributeContext),\n        labelBackground: transformState(\n          this._spec?.label?.labelBackground?.state,\n          this._markerData,\n          this._markAttributeContext\n        )\n      },\n      animation: this._spec.animation ?? false,\n      animationEnter: this._spec.animationEnter,\n      animationExit: this._spec.animationExit,\n      animationUpdate: this._spec.animationUpdate\n    };\n\n    const markArea = this._newMarkAreaComponent(markAreaAttrs);\n    return markArea as unknown as IGroup;\n  }\n\n  protected _markerLayout() {\n    const spec = this._spec as any;\n    const data = this._markerData;\n    const startRelativeSeries = this._startRelativeSeries;\n    const endRelativeSeries = this._endRelativeSeries;\n    const relativeSeries = this._relativeSeries;\n\n    const pointsAttr = this._computePointsAttr();\n\n    const seriesData = this._getRelativeDataView().latestData;\n    const dataPoints = data\n      ? data.latestData[0] && data.latestData[0].latestData\n        ? data.latestData[0].latestData\n        : data.latestData\n      : seriesData;\n\n    let limitRect;\n    if (spec.clip || spec.label?.confine) {\n      const { minX, maxX, minY, maxY } = computeClipRange([\n        startRelativeSeries.getRegion(),\n        endRelativeSeries.getRegion(),\n        relativeSeries.getRegion()\n      ]);\n      limitRect = {\n        x: minX,\n        y: minY,\n        width: maxX - minX,\n        height: maxY - minY\n      };\n    }\n\n    if (this._markerComponent) {\n      this._markerComponent.setAttributes({\n        ...pointsAttr,\n        label: {\n          ...this._markerComponent.attribute?.label,\n          text: this._spec.label.formatMethod\n            ? // type error here will be fixed in components\n              (this._spec.label.formatMethod(dataPoints, seriesData) as any)\n            : this._markerComponent.attribute?.label?.text\n        },\n        limitRect,\n        dx: this._layoutOffsetX,\n        dy: this._layoutOffsetY\n      } as any);\n    }\n  }\n\n  protected _initDataView(): void {\n    const spec = this._spec as any;\n    const {\n      doXProcess,\n      doYProcess,\n      doXYProcess,\n      doAngleProcess,\n      doRadiusProcess,\n      doRadAngProcess,\n      doCoordinatesProcess\n    } = getMarkAreaProcessInfo(spec);\n    if (\n      !doXProcess &&\n      !doYProcess &&\n      !doXYProcess &&\n      !doAngleProcess &&\n      !doRadiusProcess &&\n      !doRadAngProcess &&\n      !doCoordinatesProcess\n    ) {\n      return null;\n    }\n\n    this._initCommonDataView();\n  }\n}\n"]}

package/cjs/component/marker/mark-area/interface/theme.d.ts

@@ -1,10 +1,9 @@
 import type { IMarkAreaLabelPosition, IMarkCommonArcLabelPosition } from '@visactor/vrender-components';
 import type { IArcMarkSpec, IPolygonMarkSpec } from '../../../../typings';
 import type { IMarkerLabelWithoutRefSpec, IMarkerState } from '../../interface';
-export type IMarkAreaLabel = {
-    position?: keyof typeof IMarkAreaLabelPosition | IMarkCommonArcLabelPosition;
-} & IMarkerLabelWithoutRefSpec;
 export interface IMarkAreaTheme {
     area?: Partial<IMarkerState<IPolygonMarkSpec | IArcMarkSpec>>;
-    label?: IMarkAreaLabel | IMarkAreaLabel[];
+    label?: {
+        position?: keyof typeof IMarkAreaLabelPosition | IMarkCommonArcLabelPosition;
+    } & IMarkerLabelWithoutRefSpec;
 }

package/cjs/component/marker/mark-area/interface/theme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/marker/mark-area/interface/theme.ts"],"names":[],"mappings":"","file":"theme.js","sourcesContent":["import type { IMarkAreaLabelPosition, IMarkCommonArcLabelPosition } from '@visactor/vrender-components';\nimport type { IArcMarkSpec, IPolygonMarkSpec } from '../../../../typings';\nimport type { IMarkerLabelWithoutRefSpec, IMarkerState } from '../../interface';\n\nexport type IMarkAreaLabel = {\n  /**\n   * label整体 - 相对line的位置\n   */\n  position?: keyof typeof IMarkAreaLabelPosition | IMarkCommonArcLabelPosition;\n} & IMarkerLabelWithoutRefSpec;\n\nexport interface IMarkAreaTheme {\n  /**\n   * 标记区域的样式\n   */\n  area?: Partial<IMarkerState<IPolygonMarkSpec | IArcMarkSpec>>;\n  /**\n   * 标记区域的标签样式配置\n   */\n  label?: IMarkAreaLabel | IMarkAreaLabel[];\n}\n"]}
+{"version":3,"sources":["../src/component/marker/mark-area/interface/theme.ts"],"names":[],"mappings":"","file":"theme.js","sourcesContent":["import type { IMarkAreaLabelPosition, IMarkCommonArcLabelPosition } from '@visactor/vrender-components';\nimport type { IArcMarkSpec, IPolygonMarkSpec } from '../../../../typings';\nimport type { IMarkerLabelWithoutRefSpec, IMarkerState } from '../../interface';\n\nexport interface IMarkAreaTheme {\n  /**\n   * 标记区域的样式\n   */\n  area?: Partial<IMarkerState<IPolygonMarkSpec | IArcMarkSpec>>;\n  /**\n   * 标记区域的标签样式配置\n   */\n  label?: {\n    /**\n     * label整体 - 相对line的位置\n     */\n    position?: keyof typeof IMarkAreaLabelPosition | IMarkCommonArcLabelPosition;\n  } & IMarkerLabelWithoutRefSpec;\n}\n"]}

package/cjs/component/marker/mark-line/base-mark-line.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.BaseMarkLine = void 0;
 
-const vdataset_1 = require("@visactor/vdataset"), aggregation_1 = require("../../../data/transforms/aggregation"), utils_1 = require("../utils"), register_1 = require("../../../data/register"), style_1 = require("../../../util/style"), base_marker_1 = require("../base-marker"), regression_1 = require("../../../data/transforms/regression"), layout_1 = require("../../../constant/layout"), marker_filter_1 = require("../../../data/transforms/marker-filter"), vutils_1 = require("@visactor/vutils");
+const vdataset_1 = require("@visactor/vdataset"), aggregation_1 = require("../../../data/transforms/aggregation"), utils_1 = require("../utils"), register_1 = require("../../../data/register"), style_1 = require("../../../util/style"), base_marker_1 = require("../base-marker"), regression_1 = require("../../../data/transforms/regression"), layout_1 = require("../../../constant/layout"), marker_filter_1 = require("../../../data/transforms/marker-filter");
 
 class BaseMarkLine extends base_marker_1.BaseMarker {
     constructor() {
@@ -16,13 +16,12 @@ class BaseMarkLine extends base_marker_1.BaseMarker {
         return "polar" === markerSpec.coordinateType || doAngleProcess || doRadiusProcess || doAngRadRad1Process || doRadAngAng1Process || doRadAngProcess ? "polar" : "cartesian";
     }
     _createMarkerComponent() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
-        const {startSymbol: startSymbol = {}, endSymbol: endSymbol = {}} = this._spec, label = (0, 
-        vutils_1.array)(null !== (_a = this._spec.label) && void 0 !== _a ? _a : {}), markLineAttrs = {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
+        const {label: label = {}, startSymbol: startSymbol = {}, endSymbol: endSymbol = {}} = this._spec, markLineAttrs = {
             zIndex: this.layoutZIndex,
-            interactive: null === (_b = this._spec.interactive) || void 0 === _b || _b,
-            hover: null === (_c = this._spec.interactive) || void 0 === _c || _c,
-            select: null === (_d = this._spec.interactive) || void 0 === _d || _d,
+            interactive: null === (_a = this._spec.interactive) || void 0 === _a || _a,
+            hover: null === (_b = this._spec.interactive) || void 0 === _b || _b,
+            select: null === (_c = this._spec.interactive) || void 0 === _c || _c,
             points: [ {
                 x: 0,
                 y: 0
@@ -37,23 +36,17 @@ class BaseMarkLine extends base_marker_1.BaseMarker {
             radius: 0,
             startAngle: 0,
             endAngle: 0,
-            lineStyle: (0, utils_1.transformStyle)((0, style_1.transformToGraphic)(null === (_e = this._spec.line) || void 0 === _e ? void 0 : _e.style), this._markerData, this._markAttributeContext),
-            clipInRange: null !== (_f = this._spec.clip) && void 0 !== _f && _f,
-            label: label.map((labelItem => (0, utils_1.transformLabelAttributes)(labelItem, this._markerData, this._markAttributeContext))),
+            lineStyle: (0, utils_1.transformStyle)((0, style_1.transformToGraphic)(null === (_d = this._spec.line) || void 0 === _d ? void 0 : _d.style), this._markerData, this._markAttributeContext),
+            clipInRange: null !== (_e = this._spec.clip) && void 0 !== _e && _e,
+            label: (0, utils_1.transformLabelAttributes)(label, this._markerData, this._markAttributeContext),
             state: {
-                line: (0, utils_1.transformState)(null !== (_h = null === (_g = this._spec.line) || void 0 === _g ? void 0 : _g.state) && void 0 !== _h ? _h : {}, this._markerData, this._markAttributeContext),
-                lineStartSymbol: (0, utils_1.transformState)(null !== (_k = null === (_j = this._spec.startSymbol) || void 0 === _j ? void 0 : _j.state) && void 0 !== _k ? _k : {}, this._markerData, this._markAttributeContext),
-                lineEndSymbol: (0, utils_1.transformState)(null !== (_m = null === (_l = this._spec.endSymbol) || void 0 === _l ? void 0 : _l.state) && void 0 !== _m ? _m : {}, this._markerData, this._markAttributeContext),
-                label: label.map((labelItem => {
-                    var _a;
-                    return (0, utils_1.transformState)(null !== (_a = labelItem.state) && void 0 !== _a ? _a : {}, this._markerData, this._markAttributeContext);
-                })),
-                labelBackground: label.map((labelItem => {
-                    var _a, _b;
-                    return (0, utils_1.transformState)(null !== (_b = null === (_a = labelItem.labelBackground) || void 0 === _a ? void 0 : _a.state) && void 0 !== _b ? _b : {}, this._markerData, this._markAttributeContext);
-                }))
+                line: (0, utils_1.transformState)(null !== (_g = null === (_f = this._spec.line) || void 0 === _f ? void 0 : _f.state) && void 0 !== _g ? _g : {}, this._markerData, this._markAttributeContext),
+                lineStartSymbol: (0, utils_1.transformState)(null !== (_j = null === (_h = this._spec.startSymbol) || void 0 === _h ? void 0 : _h.state) && void 0 !== _j ? _j : {}, this._markerData, this._markAttributeContext),
+                lineEndSymbol: (0, utils_1.transformState)(null !== (_l = null === (_k = this._spec.endSymbol) || void 0 === _k ? void 0 : _k.state) && void 0 !== _l ? _l : {}, this._markerData, this._markAttributeContext),
+                label: (0, utils_1.transformState)(null !== (_p = null === (_o = null === (_m = this._spec) || void 0 === _m ? void 0 : _m.label) || void 0 === _o ? void 0 : _o.state) && void 0 !== _p ? _p : {}, this._markerData, this._markAttributeContext),
+                labelBackground: (0, utils_1.transformState)(null !== (_t = null === (_s = null === (_r = null === (_q = this._spec) || void 0 === _q ? void 0 : _q.label) || void 0 === _r ? void 0 : _r.labelBackground) || void 0 === _s ? void 0 : _s.state) && void 0 !== _t ? _t : {}, this._markerData, this._markAttributeContext)
             },
-            animation: null !== (_o = this._spec.animation) && void 0 !== _o && _o,
+            animation: null !== (_u = this._spec.animation) && void 0 !== _u && _u,
             animationEnter: this._spec.animationEnter,
             animationExit: this._spec.animationExit,
             animationUpdate: this._spec.animationUpdate
@@ -72,10 +65,10 @@ class BaseMarkLine extends base_marker_1.BaseMarker {
         return this._newMarkLineComponent(markLineAttrs);
     }
     _getUpdateMarkerAttrs() {
-        var _a, _b;
+        var _a, _b, _c, _d;
         const spec = this._spec, data = this._markerData, startRelativeSeries = this._startRelativeSeries, endRelativeSeries = this._endRelativeSeries, relativeSeries = this._relativeSeries, pointsAttr = this._computePointsAttr(), seriesData = relativeSeries.getViewData().latestData, dataPoints = data.latestData[0] && data.latestData[0].latestData ? data.latestData[0].latestData : data.latestData;
         let limitRect;
-        if (spec.clip || (0, vutils_1.array)(spec.label).some((labelCfg => null == labelCfg ? void 0 : labelCfg.confine))) {
+        if (spec.clip || (null === (_a = spec.label) || void 0 === _a ? void 0 : _a.confine)) {
             const {minX: minX, maxX: maxX, minY: minY, maxY: maxY} = (0, utils_1.computeClipRange)([ startRelativeSeries.getRegion(), endRelativeSeries.getRegion(), relativeSeries.getRegion() ]);
             limitRect = {
                 x: minX,
@@ -84,13 +77,9 @@ class BaseMarkLine extends base_marker_1.BaseMarker {
                 height: maxY - minY
             };
         }
-        const markerComponentAttr = null !== (_b = null === (_a = this._markerComponent) || void 0 === _a ? void 0 : _a.attribute) && void 0 !== _b ? _b : {}, prevLabelAttrs = (0, 
-        vutils_1.array)(markerComponentAttr.label), specLabels = (0, vutils_1.array)(this._spec.label), labelAttrs = prevLabelAttrs.map(((prevLabel, index) => {
-            const specLabel = specLabels[index] || {};
-            return Object.assign(Object.assign({}, prevLabel), {
-                text: specLabel.formatMethod ? specLabel.formatMethod(dataPoints, seriesData) : null == prevLabel ? void 0 : prevLabel.text
-            });
-        }));
+        const markerComponentAttr = null !== (_c = null === (_b = this._markerComponent) || void 0 === _b ? void 0 : _b.attribute) && void 0 !== _c ? _c : {}, labelAttrs = Object.assign(Object.assign({}, markerComponentAttr.label), {
+            text: this._spec.label.formatMethod ? this._spec.label.formatMethod(dataPoints, seriesData) : null === (_d = markerComponentAttr.label) || void 0 === _d ? void 0 : _d.text
+        });
         return Object.assign(Object.assign({}, pointsAttr), {
             label: labelAttrs,
             limitRect: limitRect,

package/cjs/component/marker/mark-line/base-mark-line.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/marker/mark-line/base-mark-line.ts"],"names":[],"mappings":"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","file":"base-mark-line.js","sourcesContent":["import { DataView } from '@visactor/vdataset';\nimport type { IMarkLine, IMarkLineSpec } from './interface';\nimport { markerAggregation } from '../../../data/transforms/aggregation';\nimport {\n  computeClipRange,\n  transformLabelAttributes,\n  transformState,\n  transformStyle,\n  getMarkLineProcessInfo\n} from '../utils';\nimport { registerDataSetInstanceTransform } from '../../../data/register';\nimport type { MarkArcLineAttrs, MarkLineAttrs } from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport type { MarkLine as MarkLineComponent, MarkArcLine as MarkArcLineComponent } from '@visactor/vrender-components';\nimport { transformToGraphic } from '../../../util/style';\nimport { BaseMarker } from '../base-marker';\nimport type { IGroup } from '@visactor/vrender-core';\nimport type { IMarkerSymbol } from '../interface';\nimport { markerRegression } from '../../../data/transforms/regression';\nimport { LayoutZIndex } from '../../../constant/layout';\nimport { markerFilter } from '../../../data/transforms/marker-filter';\nimport { array } from '@visactor/vutils';\n\nexport abstract class BaseMarkLine extends BaseMarker<IMarkLineSpec> implements IMarkLine {\n  static specKey = 'markLine';\n  specKey = 'markLine';\n  layoutZIndex: number = LayoutZIndex.MarkLine;\n\n  // eslint-disable-next-line max-len\n  protected abstract _newMarkLineComponent(\n    attr: MarkLineAttrs | MarkArcLineAttrs\n  ): MarkLineComponent | MarkArcLineComponent;\n  protected abstract _computePointsAttr(): any;\n\n  static _getMarkerCoordinateType(markerSpec: any): string {\n    const { doAngleProcess, doRadiusProcess, doAngRadRad1Process, doRadAngAng1Process, doRadAngProcess } =\n      getMarkLineProcessInfo(markerSpec);\n\n    if (\n      markerSpec.coordinateType === 'polar' ||\n      doAngleProcess ||\n      doRadiusProcess ||\n      doAngRadRad1Process ||\n      doRadAngAng1Process ||\n      doRadAngProcess\n    ) {\n      return 'polar';\n    }\n    return 'cartesian';\n  }\n\n  protected _createMarkerComponent() {\n    const { startSymbol = {} as IMarkerSymbol, endSymbol = {} as IMarkerSymbol } = this._spec as IMarkLineSpec;\n    const label = array(this._spec.label ?? {});\n\n    const markLineAttrs: MarkLineAttrs | MarkArcLineAttrs = {\n      zIndex: this.layoutZIndex,\n      interactive: this._spec.interactive ?? true,\n      hover: this._spec.interactive ?? true,\n      select: this._spec.interactive ?? true,\n      points: [\n        { x: 0, y: 0 },\n        { x: 0, y: 0 }\n      ],\n      center: {\n        x: 0,\n        y: 0\n      },\n      radius: 0,\n      startAngle: 0,\n      endAngle: 0,\n      lineStyle: transformStyle(\n        transformToGraphic(this._spec.line?.style),\n        this._markerData,\n        this._markAttributeContext\n      ),\n      clipInRange: this._spec.clip ?? false,\n      label: label.map(labelItem => {\n        return transformLabelAttributes(labelItem, this._markerData, this._markAttributeContext);\n      }),\n      state: {\n        line: transformState(this._spec.line?.state ?? {}, this._markerData, this._markAttributeContext),\n        lineStartSymbol: transformState(\n          this._spec.startSymbol?.state ?? {},\n          this._markerData,\n          this._markAttributeContext\n        ),\n        lineEndSymbol: transformState(this._spec.endSymbol?.state ?? {}, this._markerData, this._markAttributeContext),\n        label: label.map(labelItem => {\n          return transformState(labelItem.state ?? {}, this._markerData, this._markAttributeContext);\n        }),\n        labelBackground: label.map(labelItem => {\n          return transformState(labelItem.labelBackground?.state ?? {}, this._markerData, this._markAttributeContext);\n        })\n      },\n      animation: this._spec.animation ?? false,\n      animationEnter: this._spec.animationEnter,\n      animationExit: this._spec.animationExit,\n      animationUpdate: this._spec.animationUpdate\n    };\n\n    if (startSymbol.visible) {\n      markLineAttrs.startSymbol = {\n        ...startSymbol,\n        visible: true,\n        style: transformStyle(transformToGraphic(startSymbol.style), this._markerData, this._markAttributeContext)\n      };\n    } else {\n      markLineAttrs.startSymbol = {\n        visible: false\n      };\n    }\n\n    if (endSymbol.visible) {\n      markLineAttrs.endSymbol = {\n        ...endSymbol,\n        visible: true,\n        style: transformStyle(transformToGraphic(endSymbol.style), this._markerData, this._markAttributeContext)\n      };\n    } else {\n      markLineAttrs.endSymbol = {\n        visible: false\n      };\n    }\n    const markLine = this._newMarkLineComponent(markLineAttrs);\n    return markLine as unknown as IGroup;\n  }\n\n  protected _getUpdateMarkerAttrs() {\n    const spec = this._spec;\n    const data = this._markerData;\n    const startRelativeSeries = this._startRelativeSeries;\n    const endRelativeSeries = this._endRelativeSeries;\n    const relativeSeries = this._relativeSeries;\n\n    const pointsAttr = this._computePointsAttr();\n\n    const seriesData = relativeSeries.getViewData().latestData;\n    const dataPoints =\n      data.latestData[0] && data.latestData[0].latestData ? data.latestData[0].latestData : data.latestData;\n\n    let limitRect;\n    if (spec.clip || array(spec.label).some(labelCfg => labelCfg?.confine)) {\n      const { minX, maxX, minY, maxY } = computeClipRange([\n        startRelativeSeries.getRegion(),\n        endRelativeSeries.getRegion(),\n        relativeSeries.getRegion()\n      ]);\n      limitRect = {\n        x: minX,\n        y: minY,\n        width: maxX - minX,\n        height: maxY - minY\n      };\n    }\n    const markerComponentAttr = this._markerComponent?.attribute ?? {};\n    const prevLabelAttrs = array(markerComponentAttr.label);\n    const specLabels = array(this._spec.label);\n\n    const labelAttrs = prevLabelAttrs.map((prevLabel, index) => {\n      const specLabel = specLabels[index] || {};\n      return {\n        ...prevLabel,\n        text: specLabel.formatMethod ? (specLabel.formatMethod(dataPoints, seriesData) as any) : prevLabel?.text\n      };\n    });\n    return {\n      ...pointsAttr,\n      label: labelAttrs as MarkLineComponent['attribute']['label'],\n      limitRect,\n      dx: this._layoutOffsetX,\n      dy: this._layoutOffsetY\n    };\n  }\n\n  protected _markerLayout() {\n    const updateAttrs = this._getUpdateMarkerAttrs();\n    this._markerComponent?.setAttributes(updateAttrs);\n  }\n\n  protected _initDataView(): void {\n    const spec = this._spec;\n    const isCoordinateProcess = 'coordinates' in spec;\n\n    const {\n      doXProcess,\n      doYProcess,\n      doXYY1Process,\n      doYXX1Process,\n      doXYProcess,\n      doAngleProcess,\n      doRadiusProcess,\n      doAngRadRad1Process,\n      doRadAngAng1Process,\n      doRadAngProcess\n    } = getMarkLineProcessInfo(spec);\n    this._markerData = this._getRelativeDataView();\n\n    if (\n      !doXProcess &&\n      !doYProcess &&\n      !doXYY1Process &&\n      !doYXX1Process &&\n      !doXYProcess &&\n      !doAngleProcess &&\n      !doRadiusProcess &&\n      !doAngRadRad1Process &&\n      !doRadAngAng1Process &&\n      !doRadAngProcess &&\n      !isCoordinateProcess\n    ) {\n      return;\n    }\n\n    registerDataSetInstanceTransform(this._option.dataSet, 'markerAggregation', markerAggregation);\n    registerDataSetInstanceTransform(this._option.dataSet, 'markerRegression', markerRegression);\n    registerDataSetInstanceTransform(this._option.dataSet, 'markerFilter', markerFilter);\n\n    const { options, needAggr, needRegr, processData } = this._computeOptions();\n\n    const data = new DataView(this._option.dataSet);\n    data.parse([processData], {\n      type: 'dataview'\n    });\n    if (needAggr) {\n      data.transform({\n        type: 'markerAggregation',\n        options\n      });\n    }\n    if (needRegr) {\n      data.transform({\n        type: 'markerRegression',\n        options\n      });\n    }\n\n    data.transform({\n      type: 'markerFilter',\n      options: this._getAllRelativeSeries()\n    });\n\n    data.target.on('change', () => {\n      this._markerLayout();\n    });\n    this._markerData = data;\n  }\n}\n"]}
+{"version":3,"sources":["../src/component/marker/mark-line/base-mark-line.ts"],"names":[],"mappings":"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","file":"base-mark-line.js","sourcesContent":["import { DataView } from '@visactor/vdataset';\nimport type { IMarkLine, IMarkLineSpec } from './interface';\nimport { markerAggregation } from '../../../data/transforms/aggregation';\nimport {\n  computeClipRange,\n  transformLabelAttributes,\n  transformState,\n  transformStyle,\n  getMarkLineProcessInfo\n} from '../utils';\nimport { registerDataSetInstanceTransform } from '../../../data/register';\nimport type { MarkArcLineAttrs, MarkLineAttrs } from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport type { MarkLine as MarkLineComponent, MarkArcLine as MarkArcLineComponent } from '@visactor/vrender-components';\nimport { transformToGraphic } from '../../../util/style';\nimport { BaseMarker } from '../base-marker';\nimport type { IGroup } from '@visactor/vrender-core';\nimport type { IMarkerSymbol } from '../interface';\nimport { markerRegression } from '../../../data/transforms/regression';\nimport { LayoutZIndex } from '../../../constant/layout';\nimport { markerFilter } from '../../../data/transforms/marker-filter';\n\nexport abstract class BaseMarkLine extends BaseMarker<IMarkLineSpec> implements IMarkLine {\n  static specKey = 'markLine';\n  specKey = 'markLine';\n  layoutZIndex: number = LayoutZIndex.MarkLine;\n\n  // eslint-disable-next-line max-len\n  protected abstract _newMarkLineComponent(\n    attr: MarkLineAttrs | MarkArcLineAttrs\n  ): MarkLineComponent | MarkArcLineComponent;\n  protected abstract _computePointsAttr(): any;\n\n  static _getMarkerCoordinateType(markerSpec: any): string {\n    const { doAngleProcess, doRadiusProcess, doAngRadRad1Process, doRadAngAng1Process, doRadAngProcess } =\n      getMarkLineProcessInfo(markerSpec);\n\n    if (\n      markerSpec.coordinateType === 'polar' ||\n      doAngleProcess ||\n      doRadiusProcess ||\n      doAngRadRad1Process ||\n      doRadAngAng1Process ||\n      doRadAngProcess\n    ) {\n      return 'polar';\n    }\n    return 'cartesian';\n  }\n\n  protected _createMarkerComponent() {\n    const {\n      label = {},\n      startSymbol = {} as IMarkerSymbol,\n      endSymbol = {} as IMarkerSymbol\n    } = this._spec as IMarkLineSpec;\n\n    const markLineAttrs: MarkLineAttrs | MarkArcLineAttrs = {\n      zIndex: this.layoutZIndex,\n      interactive: this._spec.interactive ?? true,\n      hover: this._spec.interactive ?? true,\n      select: this._spec.interactive ?? true,\n      points: [\n        { x: 0, y: 0 },\n        { x: 0, y: 0 }\n      ],\n      center: {\n        x: 0,\n        y: 0\n      },\n      radius: 0,\n      startAngle: 0,\n      endAngle: 0,\n      lineStyle: transformStyle(\n        transformToGraphic(this._spec.line?.style),\n        this._markerData,\n        this._markAttributeContext\n      ),\n      clipInRange: this._spec.clip ?? false,\n      label: transformLabelAttributes(label, this._markerData, this._markAttributeContext),\n      state: {\n        line: transformState(this._spec.line?.state ?? {}, this._markerData, this._markAttributeContext),\n        lineStartSymbol: transformState(\n          this._spec.startSymbol?.state ?? {},\n          this._markerData,\n          this._markAttributeContext\n        ),\n        lineEndSymbol: transformState(this._spec.endSymbol?.state ?? {}, this._markerData, this._markAttributeContext),\n        label: transformState(this._spec?.label?.state ?? {}, this._markerData, this._markAttributeContext),\n        labelBackground: transformState(\n          this._spec?.label?.labelBackground?.state ?? {},\n          this._markerData,\n          this._markAttributeContext\n        )\n      },\n      animation: this._spec.animation ?? false,\n      animationEnter: this._spec.animationEnter,\n      animationExit: this._spec.animationExit,\n      animationUpdate: this._spec.animationUpdate\n    };\n\n    if (startSymbol.visible) {\n      markLineAttrs.startSymbol = {\n        ...startSymbol,\n        visible: true,\n        style: transformStyle(transformToGraphic(startSymbol.style), this._markerData, this._markAttributeContext)\n      };\n    } else {\n      markLineAttrs.startSymbol = {\n        visible: false\n      };\n    }\n\n    if (endSymbol.visible) {\n      markLineAttrs.endSymbol = {\n        ...endSymbol,\n        visible: true,\n        style: transformStyle(transformToGraphic(endSymbol.style), this._markerData, this._markAttributeContext)\n      };\n    } else {\n      markLineAttrs.endSymbol = {\n        visible: false\n      };\n    }\n    const markLine = this._newMarkLineComponent(markLineAttrs);\n    return markLine as unknown as IGroup;\n  }\n\n  protected _getUpdateMarkerAttrs() {\n    const spec = this._spec;\n    const data = this._markerData;\n    const startRelativeSeries = this._startRelativeSeries;\n    const endRelativeSeries = this._endRelativeSeries;\n    const relativeSeries = this._relativeSeries;\n\n    const pointsAttr = this._computePointsAttr();\n\n    const seriesData = relativeSeries.getViewData().latestData;\n    const dataPoints =\n      data.latestData[0] && data.latestData[0].latestData ? data.latestData[0].latestData : data.latestData;\n\n    let limitRect;\n    if (spec.clip || spec.label?.confine) {\n      const { minX, maxX, minY, maxY } = computeClipRange([\n        startRelativeSeries.getRegion(),\n        endRelativeSeries.getRegion(),\n        relativeSeries.getRegion()\n      ]);\n      limitRect = {\n        x: minX,\n        y: minY,\n        width: maxX - minX,\n        height: maxY - minY\n      };\n    }\n    const markerComponentAttr = this._markerComponent?.attribute ?? {};\n    const labelAttrs = {\n      ...markerComponentAttr.label,\n      text: this._spec.label.formatMethod\n        ? this._spec.label.formatMethod(dataPoints, seriesData)\n        : markerComponentAttr.label?.text\n    };\n\n    return {\n      ...pointsAttr,\n      label: labelAttrs as MarkLineComponent['attribute']['label'],\n      limitRect,\n      dx: this._layoutOffsetX,\n      dy: this._layoutOffsetY\n    };\n  }\n\n  protected _markerLayout() {\n    const updateAttrs = this._getUpdateMarkerAttrs();\n    this._markerComponent?.setAttributes(updateAttrs);\n  }\n\n  protected _initDataView(): void {\n    const spec = this._spec;\n    const isCoordinateProcess = 'coordinates' in spec;\n\n    const {\n      doXProcess,\n      doYProcess,\n      doXYY1Process,\n      doYXX1Process,\n      doXYProcess,\n      doAngleProcess,\n      doRadiusProcess,\n      doAngRadRad1Process,\n      doRadAngAng1Process,\n      doRadAngProcess\n    } = getMarkLineProcessInfo(spec);\n    this._markerData = this._getRelativeDataView();\n\n    if (\n      !doXProcess &&\n      !doYProcess &&\n      !doXYY1Process &&\n      !doYXX1Process &&\n      !doXYProcess &&\n      !doAngleProcess &&\n      !doRadiusProcess &&\n      !doAngRadRad1Process &&\n      !doRadAngAng1Process &&\n      !doRadAngProcess &&\n      !isCoordinateProcess\n    ) {\n      return;\n    }\n\n    registerDataSetInstanceTransform(this._option.dataSet, 'markerAggregation', markerAggregation);\n    registerDataSetInstanceTransform(this._option.dataSet, 'markerRegression', markerRegression);\n    registerDataSetInstanceTransform(this._option.dataSet, 'markerFilter', markerFilter);\n\n    const { options, needAggr, needRegr, processData } = this._computeOptions();\n\n    const data = new DataView(this._option.dataSet);\n    data.parse([processData], {\n      type: 'dataview'\n    });\n    if (needAggr) {\n      data.transform({\n        type: 'markerAggregation',\n        options\n      });\n    }\n    if (needRegr) {\n      data.transform({\n        type: 'markerRegression',\n        options\n      });\n    }\n\n    data.transform({\n      type: 'markerFilter',\n      options: this._getAllRelativeSeries()\n    });\n\n    data.target.on('change', () => {\n      this._markerLayout();\n    });\n    this._markerData = data;\n  }\n}\n"]}

package/cjs/component/marker/mark-line/cartesian-mark-line.js

@@ -32,7 +32,7 @@ class CartesianMarkLine extends base_mark_line_1.BaseMarkLine {
         };
     }
     _markerLayout() {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         const updateAttrs = this._getUpdateMarkerAttrs();
         if ("type-step" === this._spec.type) {
             const startRelativeSeries = this._startRelativeSeries, endRelativeSeries = this._endRelativeSeries, {multiSegment: multiSegment, mainSegmentIndex: mainSegmentIndex} = this._spec.line || {}, {connectDirection: connectDirection, expandDistance: expandDistance = 0} = this._spec;
@@ -47,7 +47,8 @@ class CartesianMarkLine extends base_mark_line_1.BaseMarkLine {
                     expandDistanceValue = Number(expandDistance.substring(0, expandDistance.length - 1)) * regionWidth / 100;
                 }
             } else expandDistanceValue = expandDistance;
-            const {points: points, limitRect: limitRect} = updateAttrs, joinPoints = (0, util_1.getInsertPoints)(points[0], points[1], connectDirection, expandDistanceValue);
+            const {points: points, label: label, limitRect: limitRect} = updateAttrs, joinPoints = (0, 
+            util_1.getInsertPoints)(points[0], points[1], connectDirection, expandDistanceValue);
             let labelPositionAttrs;
             labelPositionAttrs = multiSegment && (0, vutils_1.isValid)(mainSegmentIndex) ? {
                 position: "middle",
@@ -60,31 +61,26 @@ class CartesianMarkLine extends base_mark_line_1.BaseMarkLine {
             }, (0, util_1.getTextOffset)(points[0], points[1], connectDirection, expandDistanceValue)), {
                 refX: 0,
                 refY: 0
-            });
-            const markerComponentAttr = null !== (_b = null === (_a = this._markerComponent) || void 0 === _a ? void 0 : _a.attribute) && void 0 !== _b ? _b : {}, prevLabelAttrs = (0, 
-            vutils_1.array)(markerComponentAttr.label), label = (0, vutils_1.array)(null !== (_c = updateAttrs.label) && void 0 !== _c ? _c : {});
-            null === (_d = this._markerComponent) || void 0 === _d || _d.setAttributes({
+            }), (0, vutils_1.isValidNumber)(null === (_a = this._spec.label) || void 0 === _a ? void 0 : _a.refX) && (labelPositionAttrs.refX += this._spec.label.refX), 
+            (0, vutils_1.isValidNumber)(null === (_b = this._spec.label) || void 0 === _b ? void 0 : _b.refY) && (labelPositionAttrs.refY += this._spec.label.refY), 
+            (0, vutils_1.isValidNumber)(null === (_c = this._spec.label) || void 0 === _c ? void 0 : _c.dx) && (labelPositionAttrs.dx = (labelPositionAttrs.dx || 0) + this._spec.label.dx), 
+            (0, vutils_1.isValidNumber)(null === (_d = this._spec.label) || void 0 === _d ? void 0 : _d.dy) && (labelPositionAttrs.dy = (labelPositionAttrs.dy || 0) + this._spec.label.dy);
+            const markerComponentAttr = null !== (_f = null === (_e = this._markerComponent) || void 0 === _e ? void 0 : _e.attribute) && void 0 !== _f ? _f : {};
+            null === (_g = this._markerComponent) || void 0 === _g || _g.setAttributes({
                 points: multiSegment ? [ [ joinPoints[0], joinPoints[1] ], [ joinPoints[1], joinPoints[2] ], [ joinPoints[2], joinPoints[3] ] ] : joinPoints,
-                label: label.map(((labelItem, index) => {
-                    var _a;
-                    return (0, vutils_1.isValidNumber)(null == labelItem ? void 0 : labelItem.refX) && (labelPositionAttrs.refX += labelItem.refX), 
-                    (0, vutils_1.isValidNumber)(null == labelItem ? void 0 : labelItem.refY) && (labelPositionAttrs.refY += labelItem.refY), 
-                    (0, vutils_1.isValidNumber)(null == labelItem ? void 0 : labelItem.dx) && (labelPositionAttrs.dx = (labelPositionAttrs.dx || 0) + labelItem.dx), 
-                    (0, vutils_1.isValidNumber)(null == labelItem ? void 0 : labelItem.dy) && (labelPositionAttrs.dy = (labelPositionAttrs.dy || 0) + labelItem.dy), 
-                    Object.assign(Object.assign(Object.assign({}, labelItem), labelPositionAttrs), {
-                        textStyle: Object.assign(Object.assign({}, null === (_a = prevLabelAttrs[index]) || void 0 === _a ? void 0 : _a.textStyle), {
-                            textAlign: "center",
-                            textBaseline: "middle"
-                        })
-                    });
-                })),
+                label: Object.assign(Object.assign(Object.assign({}, label), labelPositionAttrs), {
+                    textStyle: Object.assign(Object.assign({}, markerComponentAttr.label.textStyle), {
+                        textAlign: "center",
+                        textBaseline: "middle"
+                    })
+                }),
                 limitRect: limitRect,
                 multiSegment: multiSegment,
                 mainSegmentIndex: mainSegmentIndex,
                 dx: this._layoutOffsetX,
                 dy: this._layoutOffsetY
             });
-        } else null === (_e = this._markerComponent) || void 0 === _e || _e.setAttributes(updateAttrs);
+        } else null === (_h = this._markerComponent) || void 0 === _h || _h.setAttributes(updateAttrs);
     }
     _computeOptions() {
         let options, processData = this._getRelativeDataView(), needAggr = !0, needRegr = !1;
@@ -140,13 +136,13 @@ class CartesianMarkLine extends base_mark_line_1.BaseMarkLine {
             }).transform({
                 type: "markerAggregation",
                 options: options
-            }), spec.process && "x" in spec.process && (options = [ this._processSpecByDims([ {
+            }), spec.process && (0, vutils_1.isValid)(spec.process.x) && (options = [ this._processSpecByDims([ {
                 dim: "x",
                 specValue: spec.process.x
-            } ]) ], needAggr = !0), spec.process && "y" in spec.process && (options = options = [ this._processSpecByDims([ {
+            } ]) ], needAggr = !0), spec.process && (0, vutils_1.isValid)(spec.process.y) && (options = options = [ this._processSpecByDims([ {
                 dim: "y",
                 specValue: spec.process.y
-            } ]) ], needAggr = !0), spec.process && "xy" in spec.process) {
+            } ]) ], needAggr = !0), spec.process && (0, vutils_1.isValid)(spec.process.xy)) {
                 const {xField: xField, yField: yField} = relativeSeries.getSpec();
                 options = {
                     fieldX: xField,