@visactor/vchart 1.3.0-beta.9 → 1.3.0

package/esm/component/legend/base-legend.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/legend/base-legend.ts"],"names":[],"mappings":"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","file":"base-legend.js","sourcesContent":["import { isNil, isEqual } from '@visactor/vutils';\nimport type { DataView } from '@visactor/vdataset';\nimport type { IRegion } from '../../region/interface';\nimport { BaseComponent } from '../base';\nimport type { IEffect, ILayoutRect } from '../../model/interface';\nimport type { LayoutItem } from '../../model/layout-item';\n// eslint-disable-next-line no-duplicate-imports\nimport type { IOrientType, IPoint, StringOrNumber } from '../../typings';\nimport { ChartEvent, LayoutLevel, LayoutZIndex } from '../../constant';\nimport { isValid, merge, isValidOrient, array, eachSeries, isValidNumber } from '../../util';\nimport { CompilableData } from '../../compile/data';\n// eslint-disable-next-line no-duplicate-imports\nimport type { ILegend, ILegendCommonSpec } from './interface';\nimport type { IGroup } from '@visactor/vrender';\n\nexport abstract class BaseLegend<T extends ILegendCommonSpec> extends BaseComponent<T> implements ILegend {\n  layoutType: LayoutItem['layoutType'] = 'normal';\n  layoutZIndex: LayoutItem['layoutZIndex'] = LayoutZIndex.Legend;\n  layoutLevel: number = LayoutLevel.Legend;\n\n  protected _orient: IOrientType = 'left';\n  get orient() {\n    return this._orient;\n  }\n\n  protected _visible: boolean = true;\n  get visible() {\n    return this._visible;\n  }\n\n  protected _position: 'start' | 'middle' | 'end' = 'middle';\n  get position() {\n    return this._position;\n  }\n\n  get layoutOrient() {\n    return this._orient;\n  }\n  set layoutOrient(v: IOrientType) {\n    this._orient = v;\n  }\n\n  protected _legendData!: CompilableData;\n  /**\n   * 获取图例数据\n   * @returns 图例的数据\n   */\n  getLegendData() {\n    return this._legendData.getLatestData();\n  }\n\n  protected _selectedData: StringOrNumber[] = [];\n  /**\n   * getSelectedData\n   */\n  getSelectedData() {\n    return this._selectedData;\n  }\n\n  protected _legendComponent: IGroup;\n  private _cacheAttrs: any;\n\n  effect: IEffect = {\n    onSelectedDataChange: () => {\n      eachSeries(\n        this._regions,\n        s => {\n          s.getViewDataFilter()?.markRunning();\n        },\n        {\n          userId: this._seriesUserId,\n          specIndex: this._seriesIndex\n        }\n      );\n      eachSeries(\n        this._regions,\n        s => {\n          s.reFilterViewData();\n        },\n        {\n          userId: this._seriesUserId,\n          specIndex: this._seriesIndex\n        }\n      );\n    }\n  };\n  // 与系列的关联关系\n  // 优先级：id > index\n  // 最终结果：series & region取交集\n  protected _seriesUserId?: StringOrNumber[];\n  protected _seriesIndex?: number[];\n  protected _regionUserId?: StringOrNumber[];\n  protected _regionUserIndex?: number[];\n\n  setAttrFromSpec() {\n    super.setAttrFromSpec();\n\n    this._orient = isValidOrient(this._spec.orient) ? this._spec.orient : 'left';\n    this._position = this._spec.position ?? 'middle';\n    this._visible = this._spec.visible !== false;\n\n    const { regionId, regionIndex, seriesId, seriesIndex } = this._spec;\n\n    isValid(seriesId) && (this._seriesUserId = array(seriesId));\n    isValid(regionId) && (this._regionUserId = array(regionId));\n    isValid(seriesIndex) && (this._seriesIndex = array(seriesIndex));\n    isValid(regionIndex) && (this._regionUserIndex = array(regionIndex));\n    this._regions = this._option.getRegionsInUserIdOrIndex(this._regionUserId, this._regionUserIndex);\n  }\n\n  created() {\n    super.created();\n    // data\n    this.initData();\n  }\n\n  /** LifeCycle API**/\n  onRender(ctx: any): void {\n    // do nothing\n  }\n\n  /** Update API **/\n  updateSpec(spec: any) {\n    const originalSpec = this._originalSpec;\n    const result = super.updateSpec(spec);\n    result.reRender = true;\n    if (spec.orient !== originalSpec.orient) {\n      result.reMake = true;\n      return result;\n    }\n    result.reMake = true;\n\n    return result;\n  }\n\n  // reInit() {\n  //   super.reInit();\n  // }\n\n  changeRegions(regions: IRegion[]): void {\n    // do nothing\n  }\n\n  protected abstract _initLegendData(): DataView;\n  protected abstract _initSelectedData(): void;\n  protected abstract _getLegendAttributes(rect: ILayoutRect): any;\n  protected abstract _getLegendConstructor(): any;\n  protected abstract _initEvent(): void;\n\n  protected initData() {\n    const legendData = this._initLegendData();\n    legendData.target.addListener('change', this._initSelectedData.bind(this));\n    this._legendData = new CompilableData(this._option, legendData);\n\n    this._initSelectedData();\n    eachSeries(\n      this._regions,\n      s => {\n        s.event.on(ChartEvent.rawDataStatisticsUpdate, { filter: ({ model }) => model?.id === s.id }, () => {\n          this._legendData.getDataView().reRunAllTransform();\n        });\n      },\n      {\n        userId: this._seriesUserId,\n        specIndex: this._seriesIndex\n      }\n    );\n  }\n\n  setSelectedData(selectedData: StringOrNumber[]) {\n    const lastData = this._selectedData;\n    if (isNil(selectedData) || JSON.stringify(lastData) === JSON.stringify(selectedData)) {\n      return;\n    }\n    this._selectedData = [...selectedData];\n    // 更新数据\n    this.effect.onSelectedDataChange?.();\n    this.event.emit(ChartEvent.legendSelectedDataChange, { model: this });\n\n    // 更新图例样式\n    (this._legendComponent as unknown as any)?.setSelected(this._selectedData);\n  }\n\n  setLayoutStartPosition(pos: Partial<IPoint>): void {\n    super.setLayoutStartPosition(pos);\n\n    if (this._legendComponent) {\n      const { x, y } = pos;\n      if (isValidNumber(x * y)) {\n        this._legendComponent.setAttributes({ x, y });\n      }\n    }\n  }\n\n  boundsInRect(rect: ILayoutRect, fullSpace: ILayoutRect) {\n    if (!this._visible) {\n      return { x1: 0, y1: 0, x2: 0, y2: 0 };\n    }\n    const result = { x1: this.getLayoutStartPoint().x, y1: this.getLayoutStartPoint().y, x2: 0, y2: 0 };\n    const attrs = this._getLegendAttributes(rect);\n    if (this._legendComponent) {\n      if (!isEqual(attrs, this._cacheAttrs)) {\n        this._legendComponent.setAttributes(\n          merge({}, attrs, {\n            defaultSelected: this._selectedData // 图表 resize 之后应该保留上次筛选的结果\n          })\n        );\n      }\n    } else {\n      const legendConstructor = this._getLegendConstructor();\n      const legend = new legendConstructor(\n        merge({}, attrs, {\n          defaultSelected: this._selectedData\n        })\n      );\n      legend.name = 'legend';\n      this._legendComponent = legend;\n      const container = this.getContainer();\n      container.add(legend);\n\n      // 绑定事件\n      this._initEvent();\n\n      // 代理 legend 上的事件\n      legend.on('*', (event: any, type: string) => this._delegateEvent(this._legendComponent, event, type));\n    }\n    this._cacheAttrs = attrs;\n\n    const width = isFinite(this._legendComponent.AABBBounds.width()) ? this._legendComponent.AABBBounds.width() : 0;\n    const height = isFinite(this._legendComponent.AABBBounds.height()) ? this._legendComponent.AABBBounds.height() : 0;\n\n    // 调整位置\n    const layout = this.layoutOrient === 'bottom' || this.layoutOrient === 'top' ? 'horizontal' : 'vertical';\n    const position = this._position;\n    const { width: rectWidth, height: rectHeight } = fullSpace;\n    let offsetX = 0;\n    let offsetY = 0;\n    if (layout === 'horizontal') {\n      if (position === 'middle') {\n        offsetX = (rectWidth - width) / 2;\n      } else if (position === 'end') {\n        offsetX = rectWidth - width;\n      }\n    } else {\n      if (position === 'middle') {\n        offsetY = (rectHeight - height) / 2;\n      } else if (position === 'end') {\n        offsetY = rectHeight - height;\n      }\n    }\n    this._legendComponent.setAttributes({\n      dx: offsetX,\n      dy: offsetY\n    });\n\n    result.x2 = result.x1 + width;\n    result.y2 = result.y1 + height;\n    return result;\n  }\n\n  clear(): void {\n    if (this._legendComponent) {\n      this._container.removeChild(this._legendComponent);\n      this._legendComponent = null;\n    }\n    this._cacheAttrs = null;\n    super.clear();\n  }\n}\n"]}
+{"version":3,"sources":["../src/component/legend/base-legend.ts"],"names":[],"mappings":"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","file":"base-legend.js","sourcesContent":["import { isNil, isEqual } from '@visactor/vutils';\nimport type { DataView } from '@visactor/vdataset';\nimport type { IRegion } from '../../region/interface';\nimport { BaseComponent } from '../base';\nimport type { IEffect, ILayoutRect } from '../../model/interface';\nimport type { LayoutItem } from '../../model/layout-item';\n// eslint-disable-next-line no-duplicate-imports\nimport type { IOrientType, IPoint, StringOrNumber } from '../../typings';\nimport { ChartEvent, LayoutLevel, LayoutZIndex } from '../../constant';\nimport { isValid, mergeSpec, isValidOrient, array, eachSeries, isValidNumber } from '../../util';\nimport { CompilableData } from '../../compile/data';\n// eslint-disable-next-line no-duplicate-imports\nimport type { ILegend, ILegendCommonSpec } from './interface';\nimport type { IGroup } from '@visactor/vrender';\n\nexport abstract class BaseLegend<T extends ILegendCommonSpec> extends BaseComponent<T> implements ILegend {\n  layoutType: LayoutItem['layoutType'] = 'normal';\n  layoutZIndex: LayoutItem['layoutZIndex'] = LayoutZIndex.Legend;\n  layoutLevel: number = LayoutLevel.Legend;\n\n  protected _orient: IOrientType = 'left';\n  get orient() {\n    return this._orient;\n  }\n\n  protected _visible: boolean = true;\n  get visible() {\n    return this._visible;\n  }\n\n  protected _position: 'start' | 'middle' | 'end' = 'middle';\n  get position() {\n    return this._position;\n  }\n\n  get layoutOrient() {\n    return this._orient;\n  }\n  set layoutOrient(v: IOrientType) {\n    this._orient = v;\n  }\n\n  protected _legendData!: CompilableData;\n  /**\n   * 获取图例数据\n   * @returns 图例的数据\n   */\n  getLegendData() {\n    return this._legendData.getLatestData();\n  }\n\n  protected _selectedData: StringOrNumber[] = [];\n  /**\n   * getSelectedData\n   */\n  getSelectedData() {\n    return this._selectedData;\n  }\n\n  protected _legendComponent: IGroup;\n  private _cacheAttrs: any;\n\n  effect: IEffect = {\n    onSelectedDataChange: () => {\n      eachSeries(\n        this._regions,\n        s => {\n          s.getViewDataFilter()?.markRunning();\n        },\n        {\n          userId: this._seriesUserId,\n          specIndex: this._seriesIndex\n        }\n      );\n      eachSeries(\n        this._regions,\n        s => {\n          s.reFilterViewData();\n        },\n        {\n          userId: this._seriesUserId,\n          specIndex: this._seriesIndex\n        }\n      );\n    }\n  };\n  // 与系列的关联关系\n  // 优先级：id > index\n  // 最终结果：series & region取交集\n  protected _seriesUserId?: StringOrNumber[];\n  protected _seriesIndex?: number[];\n  protected _regionUserId?: StringOrNumber[];\n  protected _regionUserIndex?: number[];\n\n  setAttrFromSpec() {\n    super.setAttrFromSpec();\n\n    this._orient = isValidOrient(this._spec.orient) ? this._spec.orient : 'left';\n    this._position = this._spec.position ?? 'middle';\n    this._visible = this._spec.visible !== false;\n\n    const { regionId, regionIndex, seriesId, seriesIndex } = this._spec;\n\n    isValid(seriesId) && (this._seriesUserId = array(seriesId));\n    isValid(regionId) && (this._regionUserId = array(regionId));\n    isValid(seriesIndex) && (this._seriesIndex = array(seriesIndex));\n    isValid(regionIndex) && (this._regionUserIndex = array(regionIndex));\n    this._regions = this._option.getRegionsInUserIdOrIndex(this._regionUserId, this._regionUserIndex);\n  }\n\n  created() {\n    super.created();\n    // data\n    this.initData();\n  }\n\n  /** LifeCycle API**/\n  onRender(ctx: any): void {\n    // do nothing\n  }\n\n  /** Update API **/\n  updateSpec(spec: any) {\n    const originalSpec = this._originalSpec;\n    const result = super.updateSpec(spec);\n    result.reRender = true;\n    if (spec.orient !== originalSpec.orient) {\n      result.reMake = true;\n      return result;\n    }\n    return result;\n  }\n\n  // reInit() {\n  //   super.reInit();\n  // }\n\n  changeRegions(regions: IRegion[]): void {\n    // do nothing\n  }\n\n  protected abstract _initLegendData(): DataView;\n  protected abstract _initSelectedData(): void;\n  protected abstract _getLegendAttributes(rect: ILayoutRect): any;\n  protected abstract _getLegendConstructor(): any;\n  protected abstract _initEvent(): void;\n\n  protected initData() {\n    const legendData = this._initLegendData();\n    legendData.target.addListener('change', this._initSelectedData.bind(this));\n    this._legendData = new CompilableData(this._option, legendData);\n\n    this._initSelectedData();\n    eachSeries(\n      this._regions,\n      s => {\n        s.event.on(ChartEvent.rawDataStatisticsUpdate, { filter: ({ model }) => model?.id === s.id }, () => {\n          this._legendData.getDataView().reRunAllTransform();\n        });\n      },\n      {\n        userId: this._seriesUserId,\n        specIndex: this._seriesIndex\n      }\n    );\n  }\n\n  setSelectedData(selectedData: StringOrNumber[]) {\n    const lastData = this._selectedData;\n    if (isNil(selectedData) || JSON.stringify(lastData) === JSON.stringify(selectedData)) {\n      return;\n    }\n    this._selectedData = [...selectedData];\n    // 更新数据\n    this.effect.onSelectedDataChange?.();\n    this.event.emit(ChartEvent.legendSelectedDataChange, { model: this });\n\n    // 更新图例样式\n    (this._legendComponent as unknown as any)?.setSelected(this._selectedData);\n  }\n\n  setLayoutStartPosition(pos: Partial<IPoint>): void {\n    super.setLayoutStartPosition(pos);\n\n    if (this._legendComponent) {\n      const { x, y } = pos;\n      if (isValidNumber(x * y)) {\n        this._legendComponent.setAttributes({ x, y });\n      }\n    }\n  }\n\n  boundsInRect(rect: ILayoutRect, fullSpace: ILayoutRect) {\n    if (!this._visible) {\n      return { x1: 0, y1: 0, x2: 0, y2: 0 };\n    }\n    const result = { x1: this.getLayoutStartPoint().x, y1: this.getLayoutStartPoint().y, x2: 0, y2: 0 };\n    const attrs = this._getLegendAttributes(rect);\n    if (this._legendComponent) {\n      if (!isEqual(attrs, this._cacheAttrs)) {\n        this._legendComponent.setAttributes(\n          mergeSpec({}, attrs, {\n            defaultSelected: this._selectedData // 图表 resize 之后应该保留上次筛选的结果\n          })\n        );\n      }\n    } else {\n      const legendConstructor = this._getLegendConstructor();\n      const legend = new legendConstructor(\n        mergeSpec({}, attrs, {\n          defaultSelected: this._selectedData\n        })\n      );\n      legend.name = 'legend';\n      this._legendComponent = legend;\n      const container = this.getContainer();\n      container.add(legend);\n\n      // 绑定事件\n      this._initEvent();\n\n      // 代理 legend 上的事件\n      legend.on('*', (event: any, type: string) => this._delegateEvent(this._legendComponent, event, type));\n    }\n    this._cacheAttrs = attrs;\n\n    const width = isFinite(this._legendComponent.AABBBounds.width()) ? this._legendComponent.AABBBounds.width() : 0;\n    const height = isFinite(this._legendComponent.AABBBounds.height()) ? this._legendComponent.AABBBounds.height() : 0;\n\n    // 调整位置\n    const layout = this.layoutOrient === 'bottom' || this.layoutOrient === 'top' ? 'horizontal' : 'vertical';\n    const position = this._position;\n    const { width: rectWidth, height: rectHeight } = fullSpace;\n    let offsetX = 0;\n    let offsetY = 0;\n    if (layout === 'horizontal') {\n      if (position === 'middle') {\n        offsetX = (rectWidth - width) / 2;\n      } else if (position === 'end') {\n        offsetX = rectWidth - width;\n      }\n    } else {\n      if (position === 'middle') {\n        offsetY = (rectHeight - height) / 2;\n      } else if (position === 'end') {\n        offsetY = rectHeight - height;\n      }\n    }\n    this._legendComponent.setAttributes({\n      dx: offsetX,\n      dy: offsetY\n    });\n\n    result.x2 = result.x1 + width;\n    result.y2 = result.y1 + height;\n    return result;\n  }\n\n  clear(): void {\n    if (this._legendComponent) {\n      this._container.removeChild(this._legendComponent);\n      this._legendComponent = null;\n    }\n    this._cacheAttrs = null;\n    super.clear();\n  }\n}\n"]}

package/esm/component/legend/continuous/util.js

@@ -10,21 +10,23 @@ var __rest = this && this.__rest || function(s, e) {
 
 import { ColorContinuousLegend, SizeContinuousLegend } from "@visactor/vrender-components";
 
-import { isEmpty, merge, isValid } from "@visactor/vutils";
+import { isEmpty, isValid } from "@visactor/vutils";
+
+import { mergeSpec } from "../../../util";
 
 import { transformComponentStyle, transformToGraphic } from "../../../util/style";
 
 import { transformLegendTitleAttributes } from "../util";
 
 export function getContinuousLegendAttributes(spec) {
-    const _a = merge({}, spec), {title: title = {}, handler: handler = {}, rail: rail = {}, track: track = {}, startText: startText, endText: endText, handlerText: handlerText, sizeBackground: sizeBackground, background: background = {}, type: type, id: id, visible: visible, orient: orient, position: position, data: data, defaultSelected: defaultSelected, field: field, filter: filter, regionId: regionId, regionIndex: regionIndex, seriesIndex: seriesIndex, seriesId: seriesId, padding: padding} = _a, attrs = __rest(_a, [ "title", "handler", "rail", "track", "startText", "endText", "handlerText", "sizeBackground", "background", "type", "id", "visible", "orient", "position", "data", "defaultSelected", "field", "filter", "regionId", "regionIndex", "seriesIndex", "seriesId", "padding" ]);
+    const _a = mergeSpec({}, spec), {title: title = {}, handler: handler = {}, rail: rail = {}, track: track = {}, startText: startText, endText: endText, handlerText: handlerText, sizeBackground: sizeBackground, background: background = {}, type: type, id: id, visible: visible, orient: orient, position: position, data: data, defaultSelected: defaultSelected, field: field, filter: filter, regionId: regionId, regionIndex: regionIndex, seriesIndex: seriesIndex, seriesId: seriesId, padding: padding} = _a, attrs = __rest(_a, [ "title", "handler", "rail", "track", "startText", "endText", "handlerText", "sizeBackground", "background", "type", "id", "visible", "orient", "position", "data", "defaultSelected", "field", "filter", "regionId", "regionIndex", "seriesIndex", "seriesId", "padding" ]);
     return title.visible && (attrs.title = transformLegendTitleAttributes(title)), attrs.showHandler = !1 !== handler.visible, 
     isEmpty(handler.style) || (attrs.handlerStyle = transformToGraphic(handler.style)), 
     isValid(rail.width) && (attrs.railWidth = rail.width), isValid(rail.height) && (attrs.railHeight = rail.height), 
     isEmpty(rail.style) || (attrs.railStyle = transformToGraphic(rail.style)), isEmpty(track.style) || (attrs.trackStyle = transformToGraphic(track.style)), 
     attrs.startText = transformComponentStyle(startText), attrs.endText = transformComponentStyle(endText), 
     attrs.handlerText = transformComponentStyle(handlerText), isEmpty(sizeBackground) || (attrs.sizeBackground = transformToGraphic(sizeBackground)), 
-    background.visible && !isEmpty(background.style) && (merge(attrs, background.style), 
+    background.visible && !isEmpty(background.style) && (mergeSpec(attrs, background.style), 
     isValid(background.padding) && (attrs.padding = background.padding)), attrs;
 }
 

package/esm/component/legend/continuous/util.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/legend/continuous/util.ts"],"names":[],"mappings":"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","file":"util.js","sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport type { IColorLegendSpec, ISizeLegendSpec } from './interface';\nimport { ColorContinuousLegend, SizeContinuousLegend } from '@visactor/vrender-components';\nimport { isEmpty, merge, isValid } from '@visactor/vutils';\nimport { transformComponentStyle, transformToGraphic } from '../../../util/style';\nimport { transformLegendTitleAttributes } from '../util';\n\n// 获取连续图例组件属性\nexport function getContinuousLegendAttributes(spec: IColorLegendSpec | ISizeLegendSpec) {\n  const {\n    // 需要进行样式转换的属性\n    title = {},\n    handler = {},\n    rail = {},\n    track = {},\n    startText,\n    endText,\n    handlerText,\n    sizeBackground,\n    background = {},\n\n    // 以下不属于 legend 需要的属性，单独拿出来以免污染传递给组件的属性\n    type,\n    id,\n    visible,\n    orient,\n    position,\n    data,\n    defaultSelected,\n    field,\n    filter,\n    regionId,\n    regionIndex,\n    seriesIndex,\n    seriesId,\n    padding, // vchart 布局模块已经处理了\n\n    ...restSpec\n  } = merge({}, spec);\n\n  const attrs = restSpec;\n\n  // transform title\n  if (title.visible) {\n    attrs.title = transformLegendTitleAttributes(title);\n  }\n\n  // handlerStyle\n  attrs.showHandler = handler.visible !== false;\n  if (!isEmpty(handler.style)) {\n    attrs.handlerStyle = transformToGraphic(handler.style);\n  }\n  if (isValid(rail.width)) {\n    attrs.railWidth = rail.width;\n  }\n  if (isValid(rail.height)) {\n    attrs.railHeight = rail.height;\n  }\n  if (!isEmpty(rail.style)) {\n    attrs.railStyle = transformToGraphic(rail.style);\n  }\n  if (!isEmpty(track.style)) {\n    attrs.trackStyle = transformToGraphic(track.style);\n  }\n\n  attrs.startText = transformComponentStyle(startText);\n  attrs.endText = transformComponentStyle(endText);\n  attrs.handlerText = transformComponentStyle(handlerText);\n\n  if (!isEmpty(sizeBackground)) {\n    attrs.sizeBackground = transformToGraphic(sizeBackground);\n  }\n\n  if (background.visible && !isEmpty(background.style)) {\n    merge(attrs, background.style);\n    if (isValid(background.padding)) {\n      attrs.padding = background.padding;\n    }\n  }\n\n  return attrs;\n}\n\nexport function isContinuousLegend(type: string) {\n  return type === 'color' || type === 'size';\n}\n\nexport const ContinuousLegendMap = {\n  color: ColorContinuousLegend,\n  size: SizeContinuousLegend\n};\n"]}
+{"version":3,"sources":["../src/component/legend/continuous/util.ts"],"names":[],"mappings":"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","file":"util.js","sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport type { IColorLegendSpec, ISizeLegendSpec } from './interface';\nimport { ColorContinuousLegend, SizeContinuousLegend } from '@visactor/vrender-components';\nimport { isEmpty, isValid } from '@visactor/vutils';\nimport { mergeSpec } from '../../../util';\nimport { transformComponentStyle, transformToGraphic } from '../../../util/style';\nimport { transformLegendTitleAttributes } from '../util';\n\n// 获取连续图例组件属性\nexport function getContinuousLegendAttributes(spec: IColorLegendSpec | ISizeLegendSpec) {\n  const {\n    // 需要进行样式转换的属性\n    title = {},\n    handler = {},\n    rail = {},\n    track = {},\n    startText,\n    endText,\n    handlerText,\n    sizeBackground,\n    background = {},\n\n    // 以下不属于 legend 需要的属性，单独拿出来以免污染传递给组件的属性\n    type,\n    id,\n    visible,\n    orient,\n    position,\n    data,\n    defaultSelected,\n    field,\n    filter,\n    regionId,\n    regionIndex,\n    seriesIndex,\n    seriesId,\n    padding, // vchart 布局模块已经处理了\n\n    ...restSpec\n  } = mergeSpec({}, spec);\n\n  const attrs = restSpec;\n\n  // transform title\n  if (title.visible) {\n    attrs.title = transformLegendTitleAttributes(title);\n  }\n\n  // handlerStyle\n  attrs.showHandler = handler.visible !== false;\n  if (!isEmpty(handler.style)) {\n    attrs.handlerStyle = transformToGraphic(handler.style);\n  }\n  if (isValid(rail.width)) {\n    attrs.railWidth = rail.width;\n  }\n  if (isValid(rail.height)) {\n    attrs.railHeight = rail.height;\n  }\n  if (!isEmpty(rail.style)) {\n    attrs.railStyle = transformToGraphic(rail.style);\n  }\n  if (!isEmpty(track.style)) {\n    attrs.trackStyle = transformToGraphic(track.style);\n  }\n\n  attrs.startText = transformComponentStyle(startText);\n  attrs.endText = transformComponentStyle(endText);\n  attrs.handlerText = transformComponentStyle(handlerText);\n\n  if (!isEmpty(sizeBackground)) {\n    attrs.sizeBackground = transformToGraphic(sizeBackground);\n  }\n\n  if (background.visible && !isEmpty(background.style)) {\n    mergeSpec(attrs, background.style);\n    if (isValid(background.padding)) {\n      attrs.padding = background.padding;\n    }\n  }\n\n  return attrs;\n}\n\nexport function isContinuousLegend(type: string) {\n  return type === 'color' || type === 'size';\n}\n\nexport const ContinuousLegendMap = {\n  color: ColorContinuousLegend,\n  size: SizeContinuousLegend\n};\n"]}

package/esm/component/legend/discrete/interface.d.ts

@@ -2,6 +2,8 @@ import type { IRectMarkSpec, ISymbolMarkSpec, ITextMarkSpec } from '../../../typ
 import type { DiscreteLegendAttrs, LegendItemDatum, LegendItem } from '@visactor/vrender-components';
 import type { ILegendCommonSpec, NoVisibleMarkStyle } from '../interface';
 import type { StringOrNumber } from '../../../typings';
+import type { IBaseScale } from '@visactor/vscale';
+import type { IGlobalScale } from '../../../scale/interface';
 export type formatterCallback = (text: StringOrNumber, item: LegendItemDatum, index: number) => any;
 export type LegendItemStyleValue<T> = T | ((item: LegendItemDatum, isSelected: boolean, index: number, allItems: LegendItemDatum[]) => T);
 export type LegendItemStyle<T> = {
@@ -50,7 +52,7 @@ export type IPager = {
 } & Omit<DiscreteLegendAttrs['pager'], 'textStyle' | 'handler'>;
 export type IDiscreteLegendSpec = ILegendCommonSpec & {
     type?: 'discrete';
-    data?: (data: LegendItemDatum[]) => LegendItemDatum[];
+    data?: (data: LegendItemDatum[], colorScale: IBaseScale, globalScale: IGlobalScale) => LegendItemDatum[];
     item?: IItem;
     pager?: IPager;
     scaleName?: string;

package/esm/component/legend/discrete/interface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/legend/discrete/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IRectMarkSpec, ISymbolMarkSpec, ITextMarkSpec } from '../../../typings/visual';\nimport type { DiscreteLegendAttrs, LegendItemDatum, LegendItem } from '@visactor/vrender-components';\nimport type { ILegendCommonSpec, NoVisibleMarkStyle } from '../interface';\nimport type { StringOrNumber } from '../../../typings';\n\nexport type formatterCallback = (text: StringOrNumber, item: LegendItemDatum, index: number) => any;\nexport type LegendItemStyleValue<T> =\n  | T\n  | ((item: LegendItemDatum, isSelected: boolean, index: number, allItems: LegendItemDatum[]) => T);\nexport type LegendItemStyle<T> = {\n  /**\n   * 样式配置\n   */\n  style?: T;\n  /**\n   * 状态样式配置\n   */\n  state?: {\n    /**\n     * 选中态\n     */\n    selected?: T;\n    /**\n     * 非选中态\n     */\n    unSelected?: T;\n    /**\n     * 选中态 hover\n     */\n    selectedHover?: T;\n    /**\n     * 非选中态 hover\n     */\n    unSelectedHover?: T;\n  };\n};\n\nexport type IItem = {\n  /**\n   * 图例项背景配置\n   */\n  background?: {\n    /**\n     * 是否展示图例项背景\n     */\n    visible?: boolean;\n  } & LegendItemStyle<LegendItemStyleValue<NoVisibleMarkStyle<IRectMarkSpec>>>;\n  /**\n   * 图例项的 shape 图标的配置\n   */\n  shape?: {\n    /**\n     * 图例项的 shape 图标\n     */\n    visible?: boolean;\n    /** shape 同后面 label 的间距 */\n    space?: number;\n  } & LegendItemStyle<LegendItemStyleValue<Partial<NoVisibleMarkStyle<ISymbolMarkSpec>>>>;\n  /**\n   * 图例项的 label 文本配置\n   */\n  label?: {\n    /**\n     * 图例项 label 同后面 value 的间距\n     */\n    space?: number;\n    /**\n     * 格式化文本函数\n     */\n    formatMethod?: formatterCallback;\n  } & LegendItemStyle<LegendItemStyleValue<NoVisibleMarkStyle<ITextMarkSpec>>>;\n  /**\n   * 图例项 value 配置\n   */\n  value?: {\n    /** value 同后面元素的间距 */\n    space?: number;\n    /**\n     * 是否右对齐显示，仅当设置图例项宽度 itemWidth 时生效\n     * 默认为 false，\n     */\n    alignRight?: boolean;\n    /**\n     * 格式化文本函数\n     */\n    formatMethod?: formatterCallback;\n  } & LegendItemStyle<LegendItemStyleValue<NoVisibleMarkStyle<ITextMarkSpec>>>;\n  /**\n   * 聚焦按钮配置\n   */\n  focusIconStyle?: NoVisibleMarkStyle<ISymbolMarkSpec>;\n  /**\n   * 图例项的最大宽度，默认为 null。\n   * 可使用百分比，表示显示区域的宽度占比。\n   */\n  maxWidth?: number | string;\n  /**\n   * 图例项的宽度, 默认自动计算。\n   * 可使用百分比，表示显示区域的宽度占比。\n   */\n  width?: number | string;\n  /**\n   * 图例的高度，默认自动计算。\n   * 可使用百分比，表示显示区域的高度占比。\n   */\n  height?: number | string;\n} & Omit<LegendItem, 'background' | 'shape' | 'label' | 'value' | 'focusIconStyle' | 'width' | 'height' | 'maxWidth'>;\n\nexport type IPager = {\n  /**\n   * 文本样式配置\n   */\n  textStyle?: Partial<NoVisibleMarkStyle<ITextMarkSpec>>;\n  handler?: {\n    /**\n     * 按钮同文本内容区的间距，默认为 8\n     */\n    space?: number;\n    /**\n     * 上一页按钮形状\n     */\n    preShape?: string;\n    /**\n     * 下一页按钮形状\n     */\n    nextShape?: string;\n    style?: Omit<NoVisibleMarkStyle<ISymbolMarkSpec>, 'symbolType'>;\n    state?: {\n      /**\n       * hover 状态下的样式\n       */\n      hover?: Omit<NoVisibleMarkStyle<ISymbolMarkSpec>, 'symbolType'>;\n      /**\n       * 不可用状态样式\n       */\n      disable?: Omit<NoVisibleMarkStyle<ISymbolMarkSpec>, 'symbolType'>;\n    };\n  };\n} & Omit<DiscreteLegendAttrs['pager'], 'textStyle' | 'handler'>;\n\n/** spec */\nexport type IDiscreteLegendSpec = ILegendCommonSpec & {\n  type?: 'discrete';\n  /**\n   * 在原始图例绘制数据的基础上，进行自定义，比如可以自定义 value 值\n   * @param data 图例的绘制数据\n   * @returns\n   */\n  data?: (data: LegendItemDatum[]) => LegendItemDatum[];\n\n  /** 图例项配置 */\n  item?: IItem;\n\n  /**\n   * 翻页器配置\n   */\n  pager?: IPager;\n\n  /**\n   * scaleName must match the id of the scale configured in **scales**\n   */\n  scaleName?: string;\n  /**\n   * After the legend is bound to the scale, the dimension associated with the series data and the legend can be configured through field.\n   * If the field is not configured, the first item of fields in the domain of scale is used by default\n   * If the domain of the scale is not dependent on data statistics, series.getSeriesField() is used by default\n   */\n  field?: string;\n} & Omit<DiscreteLegendAttrs, 'layout' | 'title' | 'items' | 'item' | 'pager'>;\n\n// theme 主题相关配置\nexport type IDiscreteLegendTheme = Omit<\n  IDiscreteLegendSpec,\n  'type' | 'data' | 'regionIndex' | 'regionId' | 'seriesIndex' | 'seriesId' | 'id' | 'defaultSelected'\n>;\n"]}
+{"version":3,"sources":["../src/component/legend/discrete/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IRectMarkSpec, ISymbolMarkSpec, ITextMarkSpec } from '../../../typings/visual';\nimport type { DiscreteLegendAttrs, LegendItemDatum, LegendItem } from '@visactor/vrender-components';\nimport type { ILegendCommonSpec, NoVisibleMarkStyle } from '../interface';\nimport type { StringOrNumber } from '../../../typings';\nimport type { IBaseScale } from '@visactor/vscale';\nimport type { IGlobalScale } from '../../../scale/interface';\n\nexport type formatterCallback = (text: StringOrNumber, item: LegendItemDatum, index: number) => any;\nexport type LegendItemStyleValue<T> =\n  | T\n  | ((item: LegendItemDatum, isSelected: boolean, index: number, allItems: LegendItemDatum[]) => T);\nexport type LegendItemStyle<T> = {\n  /**\n   * 样式配置\n   */\n  style?: T;\n  /**\n   * 状态样式配置\n   */\n  state?: {\n    /**\n     * 选中态\n     */\n    selected?: T;\n    /**\n     * 非选中态\n     */\n    unSelected?: T;\n    /**\n     * 选中态 hover\n     */\n    selectedHover?: T;\n    /**\n     * 非选中态 hover\n     */\n    unSelectedHover?: T;\n  };\n};\n\nexport type IItem = {\n  /**\n   * 图例项背景配置\n   */\n  background?: {\n    /**\n     * 是否展示图例项背景\n     */\n    visible?: boolean;\n  } & LegendItemStyle<LegendItemStyleValue<NoVisibleMarkStyle<IRectMarkSpec>>>;\n  /**\n   * 图例项的 shape 图标的配置\n   */\n  shape?: {\n    /**\n     * 图例项的 shape 图标\n     */\n    visible?: boolean;\n    /** shape 同后面 label 的间距 */\n    space?: number;\n  } & LegendItemStyle<LegendItemStyleValue<Partial<NoVisibleMarkStyle<ISymbolMarkSpec>>>>;\n  /**\n   * 图例项的 label 文本配置\n   */\n  label?: {\n    /**\n     * 图例项 label 同后面 value 的间距\n     */\n    space?: number;\n    /**\n     * 格式化文本函数\n     */\n    formatMethod?: formatterCallback;\n  } & LegendItemStyle<LegendItemStyleValue<NoVisibleMarkStyle<ITextMarkSpec>>>;\n  /**\n   * 图例项 value 配置\n   */\n  value?: {\n    /** value 同后面元素的间距 */\n    space?: number;\n    /**\n     * 是否右对齐显示，仅当设置图例项宽度 itemWidth 时生效\n     * 默认为 false，\n     */\n    alignRight?: boolean;\n    /**\n     * 格式化文本函数\n     */\n    formatMethod?: formatterCallback;\n  } & LegendItemStyle<LegendItemStyleValue<NoVisibleMarkStyle<ITextMarkSpec>>>;\n  /**\n   * 聚焦按钮配置\n   */\n  focusIconStyle?: NoVisibleMarkStyle<ISymbolMarkSpec>;\n  /**\n   * 图例项的最大宽度，默认为 null。\n   * 可使用百分比，表示显示区域的宽度占比。\n   */\n  maxWidth?: number | string;\n  /**\n   * 图例项的宽度, 默认自动计算。\n   * 可使用百分比，表示显示区域的宽度占比。\n   */\n  width?: number | string;\n  /**\n   * 图例的高度，默认自动计算。\n   * 可使用百分比，表示显示区域的高度占比。\n   */\n  height?: number | string;\n} & Omit<LegendItem, 'background' | 'shape' | 'label' | 'value' | 'focusIconStyle' | 'width' | 'height' | 'maxWidth'>;\n\nexport type IPager = {\n  /**\n   * 文本样式配置\n   */\n  textStyle?: Partial<NoVisibleMarkStyle<ITextMarkSpec>>;\n  handler?: {\n    /**\n     * 按钮同文本内容区的间距，默认为 8\n     */\n    space?: number;\n    /**\n     * 上一页按钮形状\n     */\n    preShape?: string;\n    /**\n     * 下一页按钮形状\n     */\n    nextShape?: string;\n    style?: Omit<NoVisibleMarkStyle<ISymbolMarkSpec>, 'symbolType'>;\n    state?: {\n      /**\n       * hover 状态下的样式\n       */\n      hover?: Omit<NoVisibleMarkStyle<ISymbolMarkSpec>, 'symbolType'>;\n      /**\n       * 不可用状态样式\n       */\n      disable?: Omit<NoVisibleMarkStyle<ISymbolMarkSpec>, 'symbolType'>;\n    };\n  };\n} & Omit<DiscreteLegendAttrs['pager'], 'textStyle' | 'handler'>;\n\n/** spec */\nexport type IDiscreteLegendSpec = ILegendCommonSpec & {\n  type?: 'discrete';\n  /**\n   * 在原始图例绘制数据的基础上，进行自定义，比如可以自定义 value 值\n   * @param data 图例的绘制数据\n   * @param colorScale 全局颜色映射 scale\n   * @param globalScale 图表上所有的 scale\n   * @returns\n   */\n  data?: (data: LegendItemDatum[], colorScale: IBaseScale, globalScale: IGlobalScale) => LegendItemDatum[];\n\n  /** 图例项配置 */\n  item?: IItem;\n\n  /**\n   * 翻页器配置\n   */\n  pager?: IPager;\n\n  /**\n   * scaleName must match the id of the scale configured in **scales**\n   */\n  scaleName?: string;\n  /**\n   * After the legend is bound to the scale, the dimension associated with the series data and the legend can be configured through field.\n   * If the field is not configured, the first item of fields in the domain of scale is used by default\n   * If the domain of the scale is not dependent on data statistics, series.getSeriesField() is used by default\n   */\n  field?: string;\n} & Omit<DiscreteLegendAttrs, 'layout' | 'title' | 'items' | 'item' | 'pager'>;\n\n// theme 主题相关配置\nexport type IDiscreteLegendTheme = Omit<\n  IDiscreteLegendSpec,\n  'type' | 'data' | 'regionIndex' | 'regionId' | 'seriesIndex' | 'seriesId' | 'id' | 'defaultSelected'\n>;\n"]}

package/esm/component/legend/discrete/legend.js

@@ -132,7 +132,7 @@ export class DiscreteLegend extends BaseLegend {
     _getLegendItems() {
         const originData = (this._legendData.getLatestData() || []).map((datum => {
             var _a;
-            const fill = datum.style("fill"), stroke = datum.style("stroke"), lineWidth = datum.style("lineWidth"), symbolType = datum.style("symbolType"), fillOpacity = datum.style("fillOpacity"), strokeOpacity = datum.style("strokeOpacity"), opacity = datum.style("opacity"), texture = datum.style("texture"), textureColor = datum.style("textureColor"), outerBorder = datum.style("outerBorder"), innerBorder = datum.style("innerBorder");
+            const fill = datum.style("fill") || datum.style("stroke"), stroke = datum.style("stroke"), lineWidth = datum.style("lineWidth"), symbolType = datum.style("symbolType"), fillOpacity = datum.style("fillOpacity"), strokeOpacity = datum.style("strokeOpacity"), opacity = datum.style("opacity"), texture = datum.style("texture"), textureColor = datum.style("textureColor"), outerBorder = datum.style("outerBorder"), innerBorder = datum.style("innerBorder");
             return {
                 label: datum.key,
                 shape: {
@@ -151,7 +151,7 @@ export class DiscreteLegend extends BaseLegend {
                 }
             };
         }));
-        return isFunction(this._spec.data) ? this._spec.data(originData) : originData;
+        return isFunction(this._spec.data) ? this._spec.data(originData, this._option.globalScale.getScale("color"), this._option.globalScale) : originData;
     }
 }
 

package/esm/component/legend/discrete/legend.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/legend/discrete/legend.ts"],"names":[],"mappings":"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","file":"legend.js","sourcesContent":["import { isFunction, isNil, isValidNumber } from '@visactor/vutils';\nimport { DataView } from '@visactor/vdataset';\nimport type { IDiscreteLegendSpec, IDiscreteLegendTheme } from './interface';\n// eslint-disable-next-line no-duplicate-imports\nimport type { ISeries } from '../../../series/interface';\nimport type { IModelInitOption, ILayoutRect } from '../../../model/interface';\nimport type { IComponentOption } from '../../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { ComponentTypeEnum } from '../../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { getLegendAttributes } from './util';\nimport { registerDataSetInstanceTransform } from '../../../data/register';\nimport { isArray, eachSeries, get, getFieldAlias, isDataDomainSpec } from '../../../util';\n// eslint-disable-next-line no-duplicate-imports\nimport { LegendEvent } from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport { DiscreteLegend as LegendComponent } from '@visactor/vrender-components';\nimport type { ILegend } from '../interface';\nimport { discreteLegendDataMake, discreteLegendFilter } from '../../../data/transforms/legend-data/discrete';\nimport { BaseLegend } from '../base-legend';\nimport { ChartEvent } from '../../../constant';\n\nexport class DiscreteLegend extends BaseLegend<IDiscreteLegendSpec> {\n  static type = ComponentTypeEnum.discreteLegend;\n  type = ComponentTypeEnum.discreteLegend;\n  name: string = ComponentTypeEnum.discreteLegend;\n\n  protected declare _theme: IDiscreteLegendTheme;\n\n  static createComponent(spec: any, options: IComponentOption) {\n    const legendSpec = spec.legends || options.defaultSpec;\n    if (!legendSpec) {\n      return undefined;\n    }\n    if (!isArray(legendSpec)) {\n      if (!legendSpec.type || legendSpec.type === 'discrete') {\n        return new DiscreteLegend(legendSpec, {\n          ...options,\n          specIndex: 0,\n          specKey: 'legends'\n        });\n      }\n      return undefined;\n    }\n    const legends: ILegend[] = [];\n    legendSpec.forEach((s: IDiscreteLegendSpec, i: number) => {\n      if (!s.type || s.type === 'discrete') {\n        legends.push(new DiscreteLegend(s, { ...options, specIndex: i, specKey: 'legends' }));\n      }\n    });\n    return legends;\n  }\n\n  init(option: IModelInitOption): void {\n    super.init(option);\n    eachSeries(\n      this._regions,\n      s => {\n        s.addViewDataFilter({\n          type: 'discreteLegendFilter',\n          options: {\n            selected: () => this._selectedData,\n            field: () => this._getSeriesLegendField(s),\n            data: () => this._legendData.getLatestData().map((obj: any) => obj.key)\n          }\n        });\n      },\n      {\n        userId: this._seriesUserId,\n        specIndex: this._seriesIndex\n      }\n    );\n  }\n\n  protected _initLegendData(): DataView {\n    registerDataSetInstanceTransform(this._option.dataSet, 'discreteLegendFilter', discreteLegendFilter);\n    registerDataSetInstanceTransform(this._option.dataSet, 'discreteLegendDataMake', discreteLegendDataMake);\n    const legendData = new DataView(this._option.dataSet);\n    legendData.transform({\n      type: 'discreteLegendDataMake',\n      options: {\n        series: () => {\n          return this._regions.reduce((pre, r) => {\n            pre.push(...r.getSeries());\n            return pre;\n          }, [] as ISeries[]);\n        },\n        seriesField: (s: ISeries) => this._getSeriesLegendField(s)\n      }\n    });\n\n    return legendData;\n  }\n\n  protected _getSeriesLegendField(s: ISeries) {\n    const defaultField = s.getSeriesField();\n    if (!this._spec.scaleName) {\n      return defaultField;\n    }\n    if (!s.getRawData()) {\n      return defaultField;\n    }\n    const scaleSpec = this._option.globalScale.getScaleSpec(this._spec.scaleName);\n    if (!scaleSpec) {\n      return defaultField;\n    }\n    if (this._spec.field) {\n      return this._spec.field;\n    }\n    if (!isDataDomainSpec(scaleSpec.domain)) {\n      return defaultField;\n    }\n    const seriesData = scaleSpec.domain.find(d => d.dataId === s.getRawData().name);\n    if (!seriesData) {\n      return defaultField;\n    }\n    return seriesData.fields?.[0] ?? defaultField;\n  }\n\n  protected _initSelectedData(): void {\n    if (this._spec.defaultSelected) {\n      this._selectedData = [...this._spec.defaultSelected];\n    } else {\n      this._selectedData = this._legendData.getLatestData().map((d: any) => d.key);\n    }\n  }\n\n  private _addDefaultTitleText(attrs: any) {\n    if (attrs.title?.visible && isNil(attrs.title.text) && isNil(attrs.title.style?.text)) {\n      // 默认使用第0个系列的 seriesField 别名\n      const series = this._regions?.[0]?.getSeries()[0];\n      if (!series) {\n        return;\n      }\n      // 如果没有别名继续保持 空字符串\n      attrs.title.text = getFieldAlias(series.getRawData(), series.getSeriesField());\n    }\n  }\n\n  protected _getLegendAttributes(rect: ILayoutRect) {\n    const layout = this.layoutOrient === 'bottom' || this.layoutOrient === 'top' ? 'horizontal' : 'vertical';\n    const attrs = {\n      layout,\n      items: this._getLegendItems(),\n      zIndex: this.layoutZIndex,\n      maxWidth: rect.width,\n      maxHeight: rect.height,\n      ...getLegendAttributes(this._spec, rect)\n    };\n    this._addDefaultTitleText(attrs);\n    return attrs;\n  }\n\n  protected _getLegendConstructor() {\n    return LegendComponent;\n  }\n\n  protected _initEvent() {\n    if (this._legendComponent) {\n      const doFilter = this._spec.filter !== false;\n      this._legendComponent.addEventListener(LegendEvent.legendItemClick, (e: any) => {\n        const selectedData = get(e, 'detail.currentSelected');\n        doFilter && this.setSelectedData(selectedData);\n        this.event.emit(ChartEvent.legendItemClick, { model: this, value: selectedData, event: e });\n      });\n\n      this._legendComponent.addEventListener(LegendEvent.legendItemHover, (e: any) => {\n        const detail = get(e, 'detail');\n        this.event.emit(ChartEvent.legendItemHover, { model: this, value: detail, event: e });\n      });\n\n      this._legendComponent.addEventListener(LegendEvent.legendItemUnHover, (e: any) => {\n        const detail = get(e, 'detail');\n        this.event.emit(ChartEvent.legendItemUnHover, { model: this, value: detail, event: e });\n      });\n    }\n  }\n\n  private _getLegendItems() {\n    const originData = (this._legendData.getLatestData() || []).map((datum: any) => {\n      const fill = datum.style('fill');\n      const stroke = datum.style('stroke');\n      const lineWidth = datum.style('lineWidth');\n      const symbolType = datum.style('symbolType');\n      const fillOpacity = datum.style('fillOpacity');\n      const strokeOpacity = datum.style('strokeOpacity');\n      const opacity = datum.style('opacity');\n      const texture = datum.style('texture');\n      const textureColor = datum.style('textureColor');\n      const outerBorder = datum.style('outerBorder');\n      const innerBorder = datum.style('innerBorder');\n\n      return {\n        label: datum.key,\n        shape: {\n          fill,\n          symbolType: symbolType ?? datum.shapeType ?? 'circle',\n          stroke: lineWidth === 0 || fill === stroke ? null : stroke,\n          fillOpacity: isValidNumber(fillOpacity) ? fillOpacity : 1,\n          strokeOpacity: isValidNumber(strokeOpacity) ? strokeOpacity : 1,\n          opacity: isValidNumber(opacity) ? opacity : 1,\n          texture: texture,\n          texturePadding: texture ? 1 : null,\n          textureSize: texture ? 4 : null,\n          textureColor,\n          innerBorder,\n          outerBorder\n        }\n      };\n    });\n    return isFunction(this._spec.data) ? this._spec.data(originData) : originData;\n  }\n}\n"]}
+{"version":3,"sources":["../src/component/legend/discrete/legend.ts"],"names":[],"mappings":"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","file":"legend.js","sourcesContent":["import { isFunction, isNil, isValidNumber } from '@visactor/vutils';\nimport { DataView } from '@visactor/vdataset';\nimport type { IDiscreteLegendSpec, IDiscreteLegendTheme } from './interface';\n// eslint-disable-next-line no-duplicate-imports\nimport type { ISeries } from '../../../series/interface';\nimport type { IModelInitOption, ILayoutRect } from '../../../model/interface';\nimport type { IComponentOption } from '../../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { ComponentTypeEnum } from '../../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { getLegendAttributes } from './util';\nimport { registerDataSetInstanceTransform } from '../../../data/register';\nimport { isArray, eachSeries, get, getFieldAlias, isDataDomainSpec } from '../../../util';\n// eslint-disable-next-line no-duplicate-imports\nimport { LegendEvent } from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport { DiscreteLegend as LegendComponent } from '@visactor/vrender-components';\nimport type { ILegend } from '../interface';\nimport { discreteLegendDataMake, discreteLegendFilter } from '../../../data/transforms/legend-data/discrete';\nimport { BaseLegend } from '../base-legend';\nimport { ChartEvent } from '../../../constant';\n\nexport class DiscreteLegend extends BaseLegend<IDiscreteLegendSpec> {\n  static type = ComponentTypeEnum.discreteLegend;\n  type = ComponentTypeEnum.discreteLegend;\n  name: string = ComponentTypeEnum.discreteLegend;\n\n  protected declare _theme: IDiscreteLegendTheme;\n\n  static createComponent(spec: any, options: IComponentOption) {\n    const legendSpec = spec.legends || options.defaultSpec;\n    if (!legendSpec) {\n      return undefined;\n    }\n    if (!isArray(legendSpec)) {\n      if (!legendSpec.type || legendSpec.type === 'discrete') {\n        return new DiscreteLegend(legendSpec, {\n          ...options,\n          specIndex: 0,\n          specKey: 'legends'\n        });\n      }\n      return undefined;\n    }\n    const legends: ILegend[] = [];\n    legendSpec.forEach((s: IDiscreteLegendSpec, i: number) => {\n      if (!s.type || s.type === 'discrete') {\n        legends.push(new DiscreteLegend(s, { ...options, specIndex: i, specKey: 'legends' }));\n      }\n    });\n    return legends;\n  }\n\n  init(option: IModelInitOption): void {\n    super.init(option);\n    eachSeries(\n      this._regions,\n      s => {\n        s.addViewDataFilter({\n          type: 'discreteLegendFilter',\n          options: {\n            selected: () => this._selectedData,\n            field: () => this._getSeriesLegendField(s),\n            data: () => this._legendData.getLatestData().map((obj: any) => obj.key)\n          }\n        });\n      },\n      {\n        userId: this._seriesUserId,\n        specIndex: this._seriesIndex\n      }\n    );\n  }\n\n  protected _initLegendData(): DataView {\n    registerDataSetInstanceTransform(this._option.dataSet, 'discreteLegendFilter', discreteLegendFilter);\n    registerDataSetInstanceTransform(this._option.dataSet, 'discreteLegendDataMake', discreteLegendDataMake);\n    const legendData = new DataView(this._option.dataSet);\n    legendData.transform({\n      type: 'discreteLegendDataMake',\n      options: {\n        series: () => {\n          return this._regions.reduce((pre, r) => {\n            pre.push(...r.getSeries());\n            return pre;\n          }, [] as ISeries[]);\n        },\n        seriesField: (s: ISeries) => this._getSeriesLegendField(s)\n      }\n    });\n\n    return legendData;\n  }\n\n  protected _getSeriesLegendField(s: ISeries) {\n    const defaultField = s.getSeriesField();\n    if (!this._spec.scaleName) {\n      return defaultField;\n    }\n    if (!s.getRawData()) {\n      return defaultField;\n    }\n    const scaleSpec = this._option.globalScale.getScaleSpec(this._spec.scaleName);\n    if (!scaleSpec) {\n      return defaultField;\n    }\n\n    // field是只在图例指定了scale的情况下生效\n    if (this._spec.field) {\n      return this._spec.field;\n    }\n\n    if (!isDataDomainSpec(scaleSpec.domain)) {\n      return defaultField;\n    }\n    const seriesData = scaleSpec.domain.find(d => d.dataId === s.getRawData().name);\n    if (!seriesData) {\n      return defaultField;\n    }\n    return seriesData.fields?.[0] ?? defaultField;\n  }\n\n  protected _initSelectedData(): void {\n    if (this._spec.defaultSelected) {\n      this._selectedData = [...this._spec.defaultSelected];\n    } else {\n      this._selectedData = this._legendData.getLatestData().map((d: any) => d.key);\n    }\n  }\n\n  private _addDefaultTitleText(attrs: any) {\n    if (attrs.title?.visible && isNil(attrs.title.text) && isNil(attrs.title.style?.text)) {\n      // 默认使用第0个系列的 seriesField 别名\n      const series = this._regions?.[0]?.getSeries()[0];\n      if (!series) {\n        return;\n      }\n      // 如果没有别名继续保持 空字符串\n      attrs.title.text = getFieldAlias(series.getRawData(), series.getSeriesField());\n    }\n  }\n\n  protected _getLegendAttributes(rect: ILayoutRect) {\n    const layout = this.layoutOrient === 'bottom' || this.layoutOrient === 'top' ? 'horizontal' : 'vertical';\n    const attrs = {\n      layout,\n      items: this._getLegendItems(),\n      zIndex: this.layoutZIndex,\n      maxWidth: rect.width,\n      maxHeight: rect.height,\n      ...getLegendAttributes(this._spec, rect)\n    };\n    this._addDefaultTitleText(attrs);\n    return attrs;\n  }\n\n  protected _getLegendConstructor() {\n    return LegendComponent;\n  }\n\n  protected _initEvent() {\n    if (this._legendComponent) {\n      const doFilter = this._spec.filter !== false;\n      this._legendComponent.addEventListener(LegendEvent.legendItemClick, (e: any) => {\n        const selectedData = get(e, 'detail.currentSelected');\n        doFilter && this.setSelectedData(selectedData);\n        this.event.emit(ChartEvent.legendItemClick, { model: this, value: selectedData, event: e });\n      });\n\n      this._legendComponent.addEventListener(LegendEvent.legendItemHover, (e: any) => {\n        const detail = get(e, 'detail');\n        this.event.emit(ChartEvent.legendItemHover, { model: this, value: detail, event: e });\n      });\n\n      this._legendComponent.addEventListener(LegendEvent.legendItemUnHover, (e: any) => {\n        const detail = get(e, 'detail');\n        this.event.emit(ChartEvent.legendItemUnHover, { model: this, value: detail, event: e });\n      });\n    }\n  }\n\n  private _getLegendItems() {\n    const originData = (this._legendData.getLatestData() || []).map((datum: any) => {\n      const fill = datum.style('fill') || datum.style('stroke');\n      const stroke = datum.style('stroke');\n      const lineWidth = datum.style('lineWidth');\n      const symbolType = datum.style('symbolType');\n      const fillOpacity = datum.style('fillOpacity');\n      const strokeOpacity = datum.style('strokeOpacity');\n      const opacity = datum.style('opacity');\n      const texture = datum.style('texture');\n      const textureColor = datum.style('textureColor');\n      const outerBorder = datum.style('outerBorder');\n      const innerBorder = datum.style('innerBorder');\n\n      return {\n        label: datum.key,\n        shape: {\n          fill,\n          symbolType: symbolType ?? datum.shapeType ?? 'circle',\n          stroke: lineWidth === 0 || fill === stroke ? null : stroke,\n          fillOpacity: isValidNumber(fillOpacity) ? fillOpacity : 1,\n          strokeOpacity: isValidNumber(strokeOpacity) ? strokeOpacity : 1,\n          opacity: isValidNumber(opacity) ? opacity : 1,\n          texture: texture,\n          texturePadding: texture ? 1 : null,\n          textureSize: texture ? 4 : null,\n          textureColor,\n          innerBorder,\n          outerBorder\n        }\n      };\n    });\n    return isFunction(this._spec.data)\n      ? this._spec.data(originData, this._option.globalScale.getScale('color'), this._option.globalScale)\n      : originData;\n  }\n}\n"]}

package/esm/component/legend/discrete/util.js

@@ -8,16 +8,16 @@ var __rest = this && this.__rest || function(s, e) {
     return t;
 };
 
-import { isEmpty, isValid, merge } from "@visactor/vutils";
+import { isEmpty, isValid } from "@visactor/vutils";
 
-import { isPercent } from "../../../util";
+import { isPercent, mergeSpec } from "../../../util";
 
 import { transformComponentStyle, transformToGraphic } from "../../../util/style";
 
 import { transformLegendTitleAttributes } from "../util";
 
 export function getLegendAttributes(spec, rect) {
-    const _a = merge({}, spec), {title: title = {}, item: item = {}, pager: pager = {}, background: background = {}, type: type, id: id, visible: visible, orient: orient, position: position, data: data, filter: filter, regionId: regionId, regionIndex: regionIndex, seriesIndex: seriesIndex, seriesId: seriesId, padding: padding} = _a, attrs = __rest(_a, [ "title", "item", "pager", "background", "type", "id", "visible", "orient", "position", "data", "filter", "regionId", "regionIndex", "seriesIndex", "seriesId", "padding" ]);
+    const _a = mergeSpec({}, spec), {title: title = {}, item: item = {}, pager: pager = {}, background: background = {}, type: type, id: id, visible: visible, orient: orient, position: position, data: data, filter: filter, regionId: regionId, regionIndex: regionIndex, seriesIndex: seriesIndex, seriesId: seriesId, padding: padding} = _a, attrs = __rest(_a, [ "title", "item", "pager", "background", "type", "id", "visible", "orient", "position", "data", "filter", "regionId", "regionIndex", "seriesIndex", "seriesId", "padding" ]);
     return title.visible && (attrs.title = transformLegendTitleAttributes(title)), isEmpty(item.focusIconStyle) || transformToGraphic(item.focusIconStyle), 
     item.shape = transformComponentStyle(item.shape), item.label = transformComponentStyle(item.label), 
     item.value = transformComponentStyle(item.value), item.background = transformComponentStyle(item.background), 
@@ -25,7 +25,7 @@ export function getLegendAttributes(spec, rect) {
     isPercent(item.width) && (item.width = Number(item.width.substring(0, item.width.length - 1)) * rect.width / 100), 
     isPercent(item.height) && (item.height = Number(item.height.substring(0, item.height.length - 1)) * rect.width / 100), 
     attrs.item = item, isEmpty(pager.textStyle) || transformToGraphic(pager.textStyle), 
-    transformComponentStyle(pager.handler), attrs.pager = pager, background.visible && !isEmpty(background.style) && (merge(attrs, background.style), 
+    transformComponentStyle(pager.handler), attrs.pager = pager, background.visible && !isEmpty(background.style) && (mergeSpec(attrs, background.style), 
     isValid(background.padding) && (attrs.padding = background.padding)), attrs;
 }
 //# sourceMappingURL=util.js.map

package/esm/component/legend/discrete/util.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/legend/discrete/util.ts"],"names":[],"mappings":"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","file":"util.js","sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport { isEmpty, isValid, merge } from '@visactor/vutils';\nimport type { ILayoutRect } from '../../../model/interface';\nimport { isPercent } from '../../../util';\nimport { transformComponentStyle, transformToGraphic } from '../../../util/style';\nimport { transformLegendTitleAttributes } from '../util';\nimport type { IDiscreteLegendSpec } from './interface';\n\nexport function getLegendAttributes(spec: IDiscreteLegendSpec, rect: ILayoutRect) {\n  const {\n    // 需要进行样式转换的属性\n    title = {},\n    item = {},\n    pager = {},\n    background = {},\n\n    // 以下不属于 legend 需要的属性，单独拿出来以免污染传递给组件的属性\n    type,\n    id,\n    visible,\n    orient,\n    position,\n    data,\n    filter,\n    regionId,\n    regionIndex,\n    seriesIndex,\n    seriesId,\n    padding, // vchart 布局模块已经处理了\n\n    ...restSpec\n  } = merge({}, spec);\n\n  const attrs: any = restSpec;\n\n  // transform title\n  if (title.visible) {\n    attrs.title = transformLegendTitleAttributes(title);\n  }\n\n  // transform item\n  if (!isEmpty(item.focusIconStyle)) {\n    transformToGraphic(item.focusIconStyle);\n  }\n  item.shape = transformComponentStyle(item.shape);\n  item.label = transformComponentStyle(item.label);\n  item.value = transformComponentStyle(item.value);\n  item.background = transformComponentStyle(item.background);\n\n  if (isPercent(item.maxWidth)) {\n    item.maxWidth = (Number(item.maxWidth.substring(0, item.maxWidth.length - 1)) * rect.width) / 100;\n  }\n  if (isPercent(item.width)) {\n    item.width = (Number(item.width.substring(0, item.width.length - 1)) * rect.width) / 100;\n  }\n  if (isPercent(item.height)) {\n    item.height = (Number(item.height.substring(0, item.height.length - 1)) * rect.width) / 100;\n  }\n  attrs.item = item;\n\n  // transform pager\n  if (!isEmpty(pager.textStyle)) {\n    transformToGraphic(pager.textStyle);\n  }\n  transformComponentStyle(pager.handler);\n  attrs.pager = pager;\n\n  if (background.visible && !isEmpty(background.style)) {\n    merge(attrs, background.style);\n    if (isValid(background.padding)) {\n      attrs.padding = background.padding;\n    }\n  }\n\n  return attrs;\n}\n"]}
+{"version":3,"sources":["../src/component/legend/discrete/util.ts"],"names":[],"mappings":"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","file":"util.js","sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport { isEmpty, isValid } from '@visactor/vutils';\nimport type { ILayoutRect } from '../../../model/interface';\nimport { isPercent, mergeSpec } from '../../../util';\nimport { transformComponentStyle, transformToGraphic } from '../../../util/style';\nimport { transformLegendTitleAttributes } from '../util';\nimport type { IDiscreteLegendSpec } from './interface';\n\nexport function getLegendAttributes(spec: IDiscreteLegendSpec, rect: ILayoutRect) {\n  const {\n    // 需要进行样式转换的属性\n    title = {},\n    item = {},\n    pager = {},\n    background = {},\n\n    // 以下不属于 legend 需要的属性，单独拿出来以免污染传递给组件的属性\n    type,\n    id,\n    visible,\n    orient,\n    position,\n    data,\n    filter,\n    regionId,\n    regionIndex,\n    seriesIndex,\n    seriesId,\n    padding, // vchart 布局模块已经处理了\n\n    ...restSpec\n  } = mergeSpec({}, spec);\n\n  const attrs: any = restSpec;\n\n  // transform title\n  if (title.visible) {\n    attrs.title = transformLegendTitleAttributes(title);\n  }\n\n  // transform item\n  if (!isEmpty(item.focusIconStyle)) {\n    transformToGraphic(item.focusIconStyle);\n  }\n  item.shape = transformComponentStyle(item.shape);\n  item.label = transformComponentStyle(item.label);\n  item.value = transformComponentStyle(item.value);\n  item.background = transformComponentStyle(item.background);\n\n  if (isPercent(item.maxWidth)) {\n    item.maxWidth = (Number(item.maxWidth.substring(0, item.maxWidth.length - 1)) * rect.width) / 100;\n  }\n  if (isPercent(item.width)) {\n    item.width = (Number(item.width.substring(0, item.width.length - 1)) * rect.width) / 100;\n  }\n  if (isPercent(item.height)) {\n    item.height = (Number(item.height.substring(0, item.height.length - 1)) * rect.width) / 100;\n  }\n  attrs.item = item;\n\n  // transform pager\n  if (!isEmpty(pager.textStyle)) {\n    transformToGraphic(pager.textStyle);\n  }\n  transformComponentStyle(pager.handler);\n  attrs.pager = pager;\n\n  if (background.visible && !isEmpty(background.style)) {\n    mergeSpec(attrs, background.style);\n    if (isValid(background.padding)) {\n      attrs.padding = background.padding;\n    }\n  }\n\n  return attrs;\n}\n"]}

package/esm/component/legend/interface.d.ts

@@ -1,7 +1,7 @@
 import type { LegendTitle } from '@visactor/vrender-components';
 import type { Datum, IOrientType, IPadding, IRectMarkSpec, ISymbolMarkSpec, ITextMarkSpec, StringOrNumber } from '../../typings';
 import type { IComponent } from '../interface';
-import type { IModelSpec } from '../../model/interface';
+import type { IComponentSpec } from '../base/interface';
 export type ILegend = IComponent & {
     getLegendData: () => Datum[];
     getSelectedData: () => StringOrNumber[];
@@ -32,8 +32,4 @@ export type ILegendCommonSpec = {
         padding?: IPadding | number | number[];
         style?: Omit<NoVisibleMarkStyle<IRectMarkSpec>, 'visible' | 'width' | 'height'>;
     };
-    regionIndex?: number | number[];
-    regionId?: StringOrNumber | StringOrNumber[];
-    seriesIndex?: number | number[];
-    seriesId?: StringOrNumber | StringOrNumber[];
-} & Omit<IModelSpec, 'orient'>;
+} & Omit<IComponentSpec, 'orient'>;

package/esm/component/legend/interface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/legend/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { LegendTitle } from '@visactor/vrender-components';\nimport type {\n  Datum,\n  IOrientType,\n  IPadding,\n  IRectMarkSpec,\n  ISymbolMarkSpec,\n  ITextMarkSpec,\n  StringOrNumber\n} from '../../typings';\nimport type { IComponent } from '../interface';\nimport type { IModelSpec } from '../../model/interface';\n\nexport type ILegend = IComponent & {\n  getLegendData: () => Datum[];\n  getSelectedData: () => StringOrNumber[];\n  setSelectedData: (d: StringOrNumber[]) => void;\n};\n\nexport type NoVisibleMarkStyle<T> = Omit<T, 'visible'>;\n\nexport type ITitle = {\n  /** 标题文本样式 */\n  textStyle?: NoVisibleMarkStyle<ITextMarkSpec>;\n  /**\n   * @deprecated 请使用 textStyle 配置文本样式\n   */\n  style?: NoVisibleMarkStyle<ITextMarkSpec>;\n  /** 文本前 mark 图元 */\n  shape?: {\n    /**\n     * 是否展示 shape\n     */\n    visible?: boolean;\n    /**\n     * shape 同 文本的间距\n     */\n    space?: number;\n    style?: NoVisibleMarkStyle<ISymbolMarkSpec>;\n  };\n  /**\n   * 标题的背景面板配置\n   */\n  background?: {\n    /**\n     * 是否绘制背景层\n     */\n    visible?: boolean;\n    /**\n     * 背景层样式\n     */\n    style?: Omit<NoVisibleMarkStyle<IRectMarkSpec>, 'visible' | 'width' | 'height'>;\n  };\n} & Omit<LegendTitle, 'textStyle' | 'style' | 'background'>;\n\n// 图例组件通用配置\nexport type ILegendCommonSpec = {\n  /**\n   * 是否显示图例\n   * @default true\n   */\n  visible?: boolean;\n  /**\n   * 图例位置\n   * @default 'left'\n   */\n  orient?: IOrientType;\n  /**\n   * 图例在当前行列的对齐方式，起始 | 居中 | 末尾\n   * @default 'middle'\n   */\n  position?: 'start' | 'middle' | 'end';\n\n  /**\n   * 是否进行数据筛选，默认为 true\n   */\n  filter?: boolean;\n\n  /**\n   * 图例标题配置\n   */\n  title?: ITitle;\n\n  /**\n   * 图例背景配置\n   */\n  background?: {\n    /**\n     * 是否绘制背景层\n     */\n    visible?: boolean;\n    /**\n     * 背景内边距\n     */\n    padding?: IPadding | number | number[];\n    /**\n     * 背景层样式\n     */\n    style?: Omit<NoVisibleMarkStyle<IRectMarkSpec>, 'visible' | 'width' | 'height'>;\n  };\n\n  /**\n   * 图例关联的region索引\n   * @default 0\n   */\n  regionIndex?: number | number[];\n  /**\n   * 图例关联的region id\n   */\n  regionId?: StringOrNumber | StringOrNumber[];\n  /**\n   * 图例关联的系列索引\n   */\n  seriesIndex?: number | number[];\n  /**\n   * 图例关联的系列id\n   */\n  seriesId?: StringOrNumber | StringOrNumber[];\n} & Omit<IModelSpec, 'orient'>;\n"]}
+{"version":3,"sources":["../src/component/legend/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { LegendTitle } from '@visactor/vrender-components';\nimport type {\n  Datum,\n  IOrientType,\n  IPadding,\n  IRectMarkSpec,\n  ISymbolMarkSpec,\n  ITextMarkSpec,\n  StringOrNumber\n} from '../../typings';\nimport type { IComponent } from '../interface';\nimport type { IComponentSpec } from '../base/interface';\n\nexport type ILegend = IComponent & {\n  getLegendData: () => Datum[];\n  getSelectedData: () => StringOrNumber[];\n  setSelectedData: (d: StringOrNumber[]) => void;\n};\n\nexport type NoVisibleMarkStyle<T> = Omit<T, 'visible'>;\n\nexport type ITitle = {\n  /** 标题文本样式 */\n  textStyle?: NoVisibleMarkStyle<ITextMarkSpec>;\n  /**\n   * @deprecated 请使用 textStyle 配置文本样式\n   */\n  style?: NoVisibleMarkStyle<ITextMarkSpec>;\n  /** 文本前 mark 图元 */\n  shape?: {\n    /**\n     * 是否展示 shape\n     */\n    visible?: boolean;\n    /**\n     * shape 同 文本的间距\n     */\n    space?: number;\n    style?: NoVisibleMarkStyle<ISymbolMarkSpec>;\n  };\n  /**\n   * 标题的背景面板配置\n   */\n  background?: {\n    /**\n     * 是否绘制背景层\n     */\n    visible?: boolean;\n    /**\n     * 背景层样式\n     */\n    style?: Omit<NoVisibleMarkStyle<IRectMarkSpec>, 'visible' | 'width' | 'height'>;\n  };\n} & Omit<LegendTitle, 'textStyle' | 'style' | 'background'>;\n\n// 图例组件通用配置\nexport type ILegendCommonSpec = {\n  /**\n   * 是否显示图例\n   * @default true\n   */\n  visible?: boolean;\n  /**\n   * 图例位置\n   * @default 'left'\n   */\n  orient?: IOrientType;\n  /**\n   * 图例在当前行列的对齐方式，起始 | 居中 | 末尾\n   * @default 'middle'\n   */\n  position?: 'start' | 'middle' | 'end';\n\n  /**\n   * 是否进行数据筛选，默认为 true\n   */\n  filter?: boolean;\n\n  /**\n   * 图例标题配置\n   */\n  title?: ITitle;\n\n  /**\n   * 图例背景配置\n   */\n  background?: {\n    /**\n     * 是否绘制背景层\n     */\n    visible?: boolean;\n    /**\n     * 背景内边距\n     */\n    padding?: IPadding | number | number[];\n    /**\n     * 背景层样式\n     */\n    style?: Omit<NoVisibleMarkStyle<IRectMarkSpec>, 'visible' | 'width' | 'height'>;\n  };\n} & Omit<IComponentSpec, 'orient'>;\n"]}

package/esm/component/legend/util.js

@@ -1,4 +1,6 @@
-import { isEmpty, merge } from "@visactor/vutils";
+import { isEmpty } from "@visactor/vutils";
+
+import { mergeSpec } from "../../util";
 
 import { transformToGraphic } from "../../util/style";
 
@@ -6,7 +8,7 @@ export function transformLegendTitleAttributes(title) {
     var _a, _b;
     const transformedTitle = Object.assign({}, title);
     return isEmpty(title.style) || (transformedTitle.textStyle = transformToGraphic(title.style)), 
-    isEmpty(title.textStyle) || merge(transformedTitle.textStyle, transformToGraphic(title.textStyle)), 
+    isEmpty(title.textStyle) || mergeSpec(transformedTitle.textStyle, transformToGraphic(title.textStyle)), 
     (null === (_a = title.shape) || void 0 === _a ? void 0 : _a.style) && transformToGraphic(transformedTitle.shape.style), 
     (null === (_b = title.background) || void 0 === _b ? void 0 : _b.style) && transformToGraphic(transformedTitle.background.style), 
     transformedTitle;

package/esm/component/legend/util.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/legend/util.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAEtD,MAAM,UAAU,8BAA8B,CAAC,KAAa;;IAC1D,MAAM,gBAAgB,qBACjB,KAAK,CACT,CAAC;IACF,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;QACzB,gBAAgB,CAAC,SAAS,GAAG,kBAAkB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;KAC9D;IACD,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE;QAC7B,KAAK,CAAC,gBAAgB,CAAC,SAAS,EAAE,kBAAkB,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;KACxE;IAED,IAAI,MAAA,KAAK,CAAC,KAAK,0CAAE,KAAK,EAAE;QACtB,kBAAkB,CAAC,gBAAgB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;KAClD;IAED,IAAI,MAAA,KAAK,CAAC,UAAU,0CAAE,KAAK,EAAE;QAC3B,kBAAkB,CAAC,gBAAgB,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;KACvD;IACD,OAAO,gBAAgB,CAAC;AAC1B,CAAC;AAOD,MAAM,UAAU,SAAS,CAAC,IAAuB;IAC/C,OAAO,IAAI,CAAC,MAAM,KAAK,QAAQ,IAAI,IAAI,CAAC,MAAM,KAAK,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC;AACvF,CAAC","file":"util.js","sourcesContent":["import type { ILegendCommonSpec, ITitle } from './interface';\nimport { isEmpty, merge } from '@visactor/vutils';\nimport { transformToGraphic } from '../../util/style';\n\nexport function transformLegendTitleAttributes(title: ITitle) {\n  const transformedTitle = {\n    ...title\n  };\n  if (!isEmpty(title.style)) {\n    transformedTitle.textStyle = transformToGraphic(title.style);\n  }\n  if (!isEmpty(title.textStyle)) {\n    merge(transformedTitle.textStyle, transformToGraphic(title.textStyle));\n  }\n\n  if (title.shape?.style) {\n    transformToGraphic(transformedTitle.shape.style);\n  }\n\n  if (title.background?.style) {\n    transformToGraphic(transformedTitle.background.style);\n  }\n  return transformedTitle;\n}\n\n/**\n * 根据图例 spec.orient 参数判断是水平还是垂直布局\n * @param spec\n * @returns\n */\nexport function getLayout(spec: ILegendCommonSpec) {\n  return spec.orient === 'bottom' || spec.orient === 'top' ? 'horizontal' : 'vertical';\n}\n"]}
+{"version":3,"sources":["../src/component/legend/util.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAEtD,MAAM,UAAU,8BAA8B,CAAC,KAAa;;IAC1D,MAAM,gBAAgB,qBACjB,KAAK,CACT,CAAC;IACF,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;QACzB,gBAAgB,CAAC,SAAS,GAAG,kBAAkB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;KAC9D;IACD,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE;QAC7B,SAAS,CAAC,gBAAgB,CAAC,SAAS,EAAE,kBAAkB,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;KAC5E;IAED,IAAI,MAAA,KAAK,CAAC,KAAK,0CAAE,KAAK,EAAE;QACtB,kBAAkB,CAAC,gBAAgB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;KAClD;IAED,IAAI,MAAA,KAAK,CAAC,UAAU,0CAAE,KAAK,EAAE;QAC3B,kBAAkB,CAAC,gBAAgB,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;KACvD;IACD,OAAO,gBAAgB,CAAC;AAC1B,CAAC;AAOD,MAAM,UAAU,SAAS,CAAC,IAAuB;IAC/C,OAAO,IAAI,CAAC,MAAM,KAAK,QAAQ,IAAI,IAAI,CAAC,MAAM,KAAK,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC;AACvF,CAAC","file":"util.js","sourcesContent":["import type { ILegendCommonSpec, ITitle } from './interface';\nimport { isEmpty } from '@visactor/vutils';\nimport { mergeSpec } from '../../util';\nimport { transformToGraphic } from '../../util/style';\n\nexport function transformLegendTitleAttributes(title: ITitle) {\n  const transformedTitle = {\n    ...title\n  };\n  if (!isEmpty(title.style)) {\n    transformedTitle.textStyle = transformToGraphic(title.style);\n  }\n  if (!isEmpty(title.textStyle)) {\n    mergeSpec(transformedTitle.textStyle, transformToGraphic(title.textStyle));\n  }\n\n  if (title.shape?.style) {\n    transformToGraphic(transformedTitle.shape.style);\n  }\n\n  if (title.background?.style) {\n    transformToGraphic(transformedTitle.background.style);\n  }\n  return transformedTitle;\n}\n\n/**\n * 根据图例 spec.orient 参数判断是水平还是垂直布局\n * @param spec\n * @returns\n */\nexport function getLayout(spec: ILegendCommonSpec) {\n  return spec.orient === 'bottom' || spec.orient === 'top' ? 'horizontal' : 'vertical';\n}\n"]}

package/esm/component/marker/interface.d.ts

@@ -1,7 +1,7 @@
 import type { IPadding, IPointLike } from '@visactor/vutils';
 import type { SymbolType } from '@visactor/vrender';
-import type { IModelSpec } from '../../model/interface';
 import type { IRectMarkSpec, ISymbolMarkSpec, ITextMarkSpec, StringOrNumber } from '../../typings';
+import type { IComponentSpec } from '../base/interface';
 export type IAggrType = 'sum' | 'average' | 'min' | 'max' | 'variance' | 'standardDeviation' | 'median';
 export type IDataPos = string | number | IAggrType;
 export type IDataPosCallback = (relativeSeriesData: any, startRelativeSeriesData: any, endRelativeSeriesData: any) => IDataPos;
@@ -44,7 +44,7 @@ export interface IMarkerAxisSpec {
     endRelativeSeriesId?: string;
     relativeRelativeSeriesIndex?: number;
 }
-export interface IMarkerSpec extends IModelSpec {
+export interface IMarkerSpec extends IComponentSpec {
     relativeSeriesIndex?: number;
     relativeSeriesId?: number;
     visible?: boolean;

package/esm/component/marker/interface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/marker/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IPadding, IPointLike } from '@visactor/vutils';\nimport type { SymbolType } from '@visactor/vrender';\nimport type { IModelSpec } from '../../model/interface';\nimport type { IRectMarkSpec, ISymbolMarkSpec, ITextMarkSpec, StringOrNumber } from '../../typings';\n\nexport type IAggrType = 'sum' | 'average' | 'min' | 'max' | 'variance' | 'standardDeviation' | 'median';\nexport type IDataPos = string | number | IAggrType;\nexport type IDataPosCallback = (\n  relativeSeriesData: any,\n  startRelativeSeriesData: any,\n  endRelativeSeriesData: any\n) => IDataPos;\nexport type IDataPointSpec = {\n  [key: string]: IDataPos;\n  /**\n   * 具体某个数据元素关联的series（仅在标注目标：数据元素下有效）\n   */\n  refRelativeSeriesIndex?: number;\n  refRelativeSeriesId?: StringOrNumber;\n};\nexport type IMarkerPositionsSpec = {\n  positions: IPointLike[];\n};\n\nexport type IMarkerLabelSpec = {\n  visible?: boolean;\n  /**\n   * label整体 - 是否自动旋转\n   */\n  autoRotate?: boolean;\n  /**\n   * label整体 - 最小宽度，像素值\n   * @default 30\n   */\n  minWidth?: number;\n  /**\n   * label整体 - 最大宽度，像素值。当文字超过最大宽度时，会自动省略。\n   */\n  maxWidth?: number;\n  /**\n   * label整体 - 背景面板配置\n   */\n  labelBackground?: {\n    visible?: boolean;\n    /**\n     * 内部边距\n     */\n    padding?: IPadding;\n    style: Omit<IRectMarkSpec, 'visible'>;\n  };\n  /**\n   * label文本 - 文本内容，如果需要进行换行，则使用数组形式，如 ['abc', '123']\n   */\n  text?: string | string[] | number | number[];\n  /**\n   * label文本 - 文本格式化\n   * @param datum marker组件聚合或回归计算后的数据值\n   * @returns 格式化后的文本\n   */\n  formatMethod?: (datum: IDataPos) => string | string[] | number | number[];\n  /**\n   * label文本 - 文本样式\n   */\n  style?: Omit<ITextMarkSpec, 'visible'>;\n\n  /**\n   * label文本 - 文本前 mark 图元\n   */\n  shape?: {\n    visible?: boolean;\n    style: Omit<ISymbolMarkSpec, 'visible'>;\n  };\n  /**\n   * label文本 - shape 同文本之间的间距\n   */\n  space?: number;\n} & IMarkerRef;\n\nexport interface IMarkerRef {\n  /**\n   * label or symbol 相对line平行方向上的偏移\n   */\n  refX?: number;\n  /**\n   * label or symbol 相对line正交方向上的偏移\n   */\n  refY?: number;\n  /**\n   * label or symbol 相对默认角度的偏移 （label跟随line的角度做自动旋转时，默认按照line的平行向量作为初始角度）\n   */\n  refAngle?: number;\n}\n\nexport interface IMarkerAxisSpec {\n  /**\n   * 起点和终点关联的series（仅在标注目标：坐标空间下有效）\n   */\n  startRelativeSeriesIndex?: number;\n  endRelativeSeriesIndex?: number;\n  startRelativeSeriesId?: string;\n  endRelativeSeriesId?: string;\n  /**\n   * 被标注数据关联的series\n   */\n  relativeRelativeSeriesIndex?: number;\n}\n\nexport interface IMarkerSpec extends IModelSpec {\n  /**\n   * 标注数据关联的series\n   */\n  relativeSeriesIndex?: number;\n  relativeSeriesId?: number;\n  /**\n   * marker组件是否可见\n   * @default true\n   */\n  visible?: boolean;\n  /**\n   * marker组件是否可交互\n   * @default false\n   */\n  interactive?: boolean;\n  /**\n   * marker组件是否自动拓展轴范围\n   * @default false\n   * @since 1.1.0\n   */\n  autoRange?: boolean;\n  /**\n   * marker组件超出图表区域是否被裁剪\n   * @default false\n   * @since 1.3.0\n   */\n  clip?: boolean;\n}\n\nexport interface IMarkerSymbol extends IMarkerRef {\n  /** 是否展示 symbol */\n  visible: boolean;\n  /**\n   * symbol 形状，默认为带左右方向的箭头\n   */\n  symbolType?: SymbolType;\n  /**\n   * symbol 大小\n   */\n  size?: number;\n  style?: Omit<ISymbolMarkSpec, 'visible'>;\n}\n"]}
+{"version":3,"sources":["../src/component/marker/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IPadding, IPointLike } from '@visactor/vutils';\nimport type { SymbolType } from '@visactor/vrender';\nimport type { IModelSpec } from '../../model/interface';\nimport type { IRectMarkSpec, ISymbolMarkSpec, ITextMarkSpec, StringOrNumber } from '../../typings';\nimport type { IComponentSpec } from '../base/interface';\n\nexport type IAggrType = 'sum' | 'average' | 'min' | 'max' | 'variance' | 'standardDeviation' | 'median';\nexport type IDataPos = string | number | IAggrType;\nexport type IDataPosCallback = (\n  relativeSeriesData: any,\n  startRelativeSeriesData: any,\n  endRelativeSeriesData: any\n) => IDataPos;\nexport type IDataPointSpec = {\n  [key: string]: IDataPos;\n  /**\n   * 具体某个数据元素关联的series（仅在标注目标：数据元素下有效）\n   */\n  refRelativeSeriesIndex?: number;\n  refRelativeSeriesId?: StringOrNumber;\n};\nexport type IMarkerPositionsSpec = {\n  positions: IPointLike[];\n};\n\nexport type IMarkerLabelSpec = {\n  visible?: boolean;\n  /**\n   * label整体 - 是否自动旋转\n   */\n  autoRotate?: boolean;\n  /**\n   * label整体 - 最小宽度，像素值\n   * @default 30\n   */\n  minWidth?: number;\n  /**\n   * label整体 - 最大宽度，像素值。当文字超过最大宽度时，会自动省略。\n   */\n  maxWidth?: number;\n  /**\n   * label整体 - 背景面板配置\n   */\n  labelBackground?: {\n    visible?: boolean;\n    /**\n     * 内部边距\n     */\n    padding?: IPadding;\n    style: Omit<IRectMarkSpec, 'visible'>;\n  };\n  /**\n   * label文本 - 文本内容，如果需要进行换行，则使用数组形式，如 ['abc', '123']\n   */\n  text?: string | string[] | number | number[];\n  /**\n   * label文本 - 文本格式化\n   * @param datum marker组件聚合或回归计算后的数据值\n   * @returns 格式化后的文本\n   */\n  formatMethod?: (datum: IDataPos) => string | string[] | number | number[];\n  /**\n   * label文本 - 文本样式\n   */\n  style?: Omit<ITextMarkSpec, 'visible'>;\n\n  /**\n   * label文本 - 文本前 mark 图元\n   */\n  shape?: {\n    visible?: boolean;\n    style: Omit<ISymbolMarkSpec, 'visible'>;\n  };\n  /**\n   * label文本 - shape 同文本之间的间距\n   */\n  space?: number;\n} & IMarkerRef;\n\nexport interface IMarkerRef {\n  /**\n   * label or symbol 相对line平行方向上的偏移\n   */\n  refX?: number;\n  /**\n   * label or symbol 相对line正交方向上的偏移\n   */\n  refY?: number;\n  /**\n   * label or symbol 相对默认角度的偏移 （label跟随line的角度做自动旋转时，默认按照line的平行向量作为初始角度）\n   */\n  refAngle?: number;\n}\n\nexport interface IMarkerAxisSpec {\n  /**\n   * 起点和终点关联的series（仅在标注目标：坐标空间下有效）\n   */\n  startRelativeSeriesIndex?: number;\n  endRelativeSeriesIndex?: number;\n  startRelativeSeriesId?: string;\n  endRelativeSeriesId?: string;\n  /**\n   * 被标注数据关联的series\n   */\n  relativeRelativeSeriesIndex?: number;\n}\n\nexport interface IMarkerSpec extends IComponentSpec {\n  /**\n   * 标注数据关联的series\n   */\n  relativeSeriesIndex?: number;\n  relativeSeriesId?: number;\n  /**\n   * marker组件是否可见\n   * @default true\n   */\n  visible?: boolean;\n  /**\n   * marker组件是否可交互\n   * @default false\n   */\n  interactive?: boolean;\n  /**\n   * marker组件是否自动拓展轴范围\n   * @default false\n   * @since 1.1.0\n   */\n  autoRange?: boolean;\n  /**\n   * marker组件超出图表区域是否被裁剪\n   * @default false\n   * @since 1.3.0\n   */\n  clip?: boolean;\n}\n\nexport interface IMarkerSymbol extends IMarkerRef {\n  /** 是否展示 symbol */\n  visible: boolean;\n  /**\n   * symbol 形状，默认为带左右方向的箭头\n   */\n  symbolType?: SymbolType;\n  /**\n   * symbol 大小\n   */\n  size?: number;\n  style?: Omit<ISymbolMarkSpec, 'visible'>;\n}\n"]}

package/esm/component/poptip/interface.d.ts

@@ -0,0 +1,15 @@
+import type { PopTipAttributes } from '@visactor/vrender-components';
+import type { IColorKey } from '../../theme/color-scheme/interface';
+export interface IPoptipTheme extends Omit<PopTipAttributes, 'titleStyle' | 'contentStyle' | 'panel'> {
+    titleStyle?: Partial<Omit<PopTipAttributes['titleStyle'], 'fill'>> & {
+        fill?: PopTipAttributes['titleStyle']['fill'] | IColorKey;
+    };
+    contentStyle?: Partial<Omit<PopTipAttributes['contentStyle'], 'fill'>> & {
+        fill?: PopTipAttributes['contentStyle']['fill'] | IColorKey;
+    };
+    panel?: Partial<Omit<PopTipAttributes['panel'], 'fill' | 'stroke' | 'shadowColor'>> & {
+        fill?: PopTipAttributes['panel']['fill'] | IColorKey;
+        stroke?: PopTipAttributes['panel']['stroke'] | IColorKey;
+        shadowColor?: PopTipAttributes['panel']['shadowColor'] | IColorKey;
+    };
+}

package/esm/component/poptip/interface.js

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

package/esm/component/poptip/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/poptip/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { PopTipAttributes } from '@visactor/vrender-components';\nimport type { IColorKey } from '../../theme/color-scheme/interface';\n\nexport interface IPoptipTheme extends Omit<PopTipAttributes, 'titleStyle' | 'contentStyle' | 'panel'> {\n  titleStyle?: Partial<Omit<PopTipAttributes['titleStyle'], 'fill'>> & {\n    fill?: PopTipAttributes['titleStyle']['fill'] | IColorKey;\n  };\n  contentStyle?: Partial<Omit<PopTipAttributes['contentStyle'], 'fill'>> & {\n    fill?: PopTipAttributes['contentStyle']['fill'] | IColorKey;\n  };\n  panel?: Partial<Omit<PopTipAttributes['panel'], 'fill' | 'stroke' | 'shadowColor'>> & {\n    fill?: PopTipAttributes['panel']['fill'] | IColorKey;\n    stroke?: PopTipAttributes['panel']['stroke'] | IColorKey;\n    shadowColor?: PopTipAttributes['panel']['shadowColor'] | IColorKey;\n  };\n}\n"]}

package/esm/component/title/interface/spec.d.ts

@@ -1,8 +1,8 @@
 import type { IComponent } from '../../interface';
 import type { ITextGraphicAttribute, IRichTextCharacter, RichTextWordBreak } from '@visactor/vrender';
-import type { IModelSpec } from '../../../model/interface';
 import type { IOrientType, IPadding, StringOrNumber } from '../../../typings';
-export interface ITitleSpec extends Omit<IModelSpec, 'orient'> {
+import type { IComponentSpec } from '../../base/interface';
+export interface ITitleSpec extends Omit<IComponentSpec, 'orient'> {
     visible?: boolean;
     orient?: IOrientType;
     text: Text | Text[];

package/esm/component/title/interface/spec.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/title/interface/spec.ts"],"names":[],"mappings":"","file":"spec.js","sourcesContent":["import type { IComponent } from '../../interface';\nimport type { ITextGraphicAttribute, IRichTextCharacter, RichTextWordBreak } from '@visactor/vrender';\nimport type { IModelSpec } from '../../../model/interface';\nimport type { IOrientType, IPadding, StringOrNumber } from '../../../typings';\n\nexport interface ITitleSpec extends Omit<IModelSpec, 'orient'> {\n  /**\n   * 是否显示标题\n   */\n  visible?: boolean;\n  /**\n   * Title位置\n   * @default 'top'\n   */\n  orient?: IOrientType;\n  /**\n   * 主标题内容\n   */\n  text: Text | Text[];\n  /**\n   * 副标题内容\n   */\n  subtext?: Text | Text[];\n  /**\n   * 标题左上角x坐标像素值\n   */\n  x?: number;\n  /**\n   * 标题左上角y坐标像素值\n   */\n  y?: number;\n  /**\n   * 标题宽度\n   */\n  width?: number;\n  /**\n   * 标题高度\n   */\n  height?: number;\n  /**\n   * 最小宽度，像素值\n   */\n  minWidth?: number;\n  /**\n   * 最大宽度，像素值。当文字超过最大宽度时，会自动省略。\n   */\n  maxWidth?: number;\n  /**\n   * 最小高度，像素值\n   */\n  minHeight?: number;\n  /**\n   * 最大高度，像素值\n   */\n  maxHeight?: number;\n  /**\n   * 标题的边距留白\n   */\n  innerPadding?: IPadding | number | number[];\n  /**\n   * 文字水平对齐方式\n   * 'left' | 'center' | 'right'\n   */\n  align?: string;\n  /**\n   * 文字垂直对齐方式\n   * 'top' | 'middle' | 'bottom'\n   */\n  verticalAlign?: string;\n  /**\n   * 主标题样式\n   */\n  textStyle?: {\n    width?: number;\n    height?: number;\n    /**\n     * 文字水平对齐方式\n     * 'left' | 'center' | 'right'\n     */\n    align?: string;\n    /**\n     * 文字垂直对齐方式\n     * 'top' | 'middle' | 'bottom'\n     */\n    verticalAlign?: string;\n    /**\n     * 折行方式\n     * 'break-word' | 'break-all'\n     */\n    wordBreak?: RichTextWordBreak;\n    /**\n     * 按照宽度限制自动折行或显示省略号(maxLineWidth)\n     * 默认设置为title宽度\n     */\n    maxLineWidth?: number;\n    /**\n     * 高度限制控制显示内容及省略号(heightLimit)\n     */\n    heightLimit?: number;\n    /**\n     * 按照行数限制显示内容及省略号(lineClamp)\n     */\n    lineClamp?: number;\n    /**\n     * 富文本配置\n     */\n    character?: IRichTextCharacter[];\n  } & Partial<ITextGraphicAttribute>;\n  /**\n   * 副标题样式\n   */\n  subtextStyle?: {\n    /** 指定宽度 */\n    width?: number;\n    /** 指定高度 */\n    height?: number;\n    /**\n     * 文字水平对齐方式\n     * 'left' | 'center' | 'right'\n     */\n    align?: string;\n    /**\n     * 文字垂直对齐方式\n     * 'top' | 'middle' | 'bottom'\n     */\n    verticalAlign?: string;\n    /**\n     * 折行方式\n     * 'break-word' | 'break-all'\n     */\n    wordBreak?: RichTextWordBreak;\n    /**\n     * 按照宽度限制自动折行或显示省略号(maxLineWidth)\n     * 默认设置为title宽度\n     */\n    maxLineWidth?: number;\n    /**\n     * 高度限制控制显示内容及省略号(heightLimit)\n     */\n    heightLimit?: number;\n    /**\n     * 按照行数限制显示内容及省略号(lineClamp)\n     */\n    lineClamp?: number;\n    /**\n     * 富文本配置\n     */\n    character?: IRichTextCharacter[];\n  } & Partial<ITextGraphicAttribute>;\n}\n\nexport type Text = StringOrNumber;\n\nexport type ITitle = IComponent;\n"]}
+{"version":3,"sources":["../src/component/title/interface/spec.ts"],"names":[],"mappings":"","file":"spec.js","sourcesContent":["import type { IComponent } from '../../interface';\nimport type { ITextGraphicAttribute, IRichTextCharacter, RichTextWordBreak } from '@visactor/vrender';\nimport type { IOrientType, IPadding, StringOrNumber } from '../../../typings';\nimport type { IComponentSpec } from '../../base/interface';\n\nexport interface ITitleSpec extends Omit<IComponentSpec, 'orient'> {\n  /**\n   * 是否显示标题\n   */\n  visible?: boolean;\n  /**\n   * Title位置\n   * @default 'top'\n   */\n  orient?: IOrientType;\n  /**\n   * 主标题内容\n   */\n  text: Text | Text[];\n  /**\n   * 副标题内容\n   */\n  subtext?: Text | Text[];\n  /**\n   * 标题左上角x坐标像素值\n   */\n  x?: number;\n  /**\n   * 标题左上角y坐标像素值\n   */\n  y?: number;\n  /**\n   * 标题宽度\n   */\n  width?: number;\n  /**\n   * 标题高度\n   */\n  height?: number;\n  /**\n   * 最小宽度，像素值\n   */\n  minWidth?: number;\n  /**\n   * 最大宽度，像素值。当文字超过最大宽度时，会自动省略。\n   */\n  maxWidth?: number;\n  /**\n   * 最小高度，像素值\n   */\n  minHeight?: number;\n  /**\n   * 最大高度，像素值\n   */\n  maxHeight?: number;\n  /**\n   * 标题的边距留白\n   */\n  innerPadding?: IPadding | number | number[];\n  /**\n   * 文字水平对齐方式\n   * 'left' | 'center' | 'right'\n   */\n  align?: string;\n  /**\n   * 文字垂直对齐方式\n   * 'top' | 'middle' | 'bottom'\n   */\n  verticalAlign?: string;\n  /**\n   * 主标题样式\n   */\n  textStyle?: {\n    width?: number;\n    height?: number;\n    /**\n     * 文字水平对齐方式\n     * 'left' | 'center' | 'right'\n     */\n    align?: string;\n    /**\n     * 文字垂直对齐方式\n     * 'top' | 'middle' | 'bottom'\n     */\n    verticalAlign?: string;\n    /**\n     * 折行方式\n     * 'break-word' | 'break-all'\n     */\n    wordBreak?: RichTextWordBreak;\n    /**\n     * 按照宽度限制自动折行或显示省略号(maxLineWidth)\n     * 默认设置为title宽度\n     */\n    maxLineWidth?: number;\n    /**\n     * 高度限制控制显示内容及省略号(heightLimit)\n     */\n    heightLimit?: number;\n    /**\n     * 按照行数限制显示内容及省略号(lineClamp)\n     */\n    lineClamp?: number;\n    /**\n     * 富文本配置\n     */\n    character?: IRichTextCharacter[];\n  } & Partial<ITextGraphicAttribute>;\n  /**\n   * 副标题样式\n   */\n  subtextStyle?: {\n    /** 指定宽度 */\n    width?: number;\n    /** 指定高度 */\n    height?: number;\n    /**\n     * 文字水平对齐方式\n     * 'left' | 'center' | 'right'\n     */\n    align?: string;\n    /**\n     * 文字垂直对齐方式\n     * 'top' | 'middle' | 'bottom'\n     */\n    verticalAlign?: string;\n    /**\n     * 折行方式\n     * 'break-word' | 'break-all'\n     */\n    wordBreak?: RichTextWordBreak;\n    /**\n     * 按照宽度限制自动折行或显示省略号(maxLineWidth)\n     * 默认设置为title宽度\n     */\n    maxLineWidth?: number;\n    /**\n     * 高度限制控制显示内容及省略号(heightLimit)\n     */\n    heightLimit?: number;\n    /**\n     * 按照行数限制显示内容及省略号(lineClamp)\n     */\n    lineClamp?: number;\n    /**\n     * 富文本配置\n     */\n    character?: IRichTextCharacter[];\n  } & Partial<ITextGraphicAttribute>;\n}\n\nexport type Text = StringOrNumber;\n\nexport type ITitle = IComponent;\n"]}

package/esm/component/tooltip/handler/dom/model/content-column-model.js

@@ -1,4 +1,4 @@
-import { isNumber, isString, merge, toNumber } from "@visactor/vutils";
+import { isNumber, isString, toNumber } from "@visactor/vutils";
 
 import { defaultKeyStyle, defaultContentColumnStyle, defaultValueStyle, defaultAdaptiveKeyStyle, defaultShapeStyle } from "./style-constants";
 
@@ -12,6 +12,8 @@ import { TOOLTIP_EMPTY_STRING } from "../../constants";
 
 import { getPixelPropertyStr } from "../util";
 
+import { mergeSpec } from "../../../../../util";
+
 export class ContentColumnModel extends BaseTooltipModel {
     constructor(parent, option, className, childIndex) {
         super(parent, option, childIndex), this.className = className;
@@ -41,22 +43,22 @@ export class ContentColumnModel extends BaseTooltipModel {
     setStyle() {
         var _a, _b, _c, _d;
         const tooltipStyle = this._option.getTooltipStyle();
-        super.setStyle(merge({}, defaultContentColumnStyle, tooltipStyle.content, this._getContentColumnStyle()));
+        super.setStyle(mergeSpec({}, defaultContentColumnStyle, tooltipStyle.content, this._getContentColumnStyle()));
         const renderContent = null !== (_b = null === (_a = this._option.getTooltipActual()) || void 0 === _a ? void 0 : _a.content) && void 0 !== _b ? _b : [], contentAttributes = null !== (_d = null === (_c = this._option.getTooltipAttributes()) || void 0 === _c ? void 0 : _c.content) && void 0 !== _d ? _d : [];
         renderContent.forEach(((line, i) => {
             var _a, _b, _c, _d, _e;
             let childStyle = {};
             if ("key-box" === this.className) {
                 const {key: key, isKeyAdaptive: isKeyAdaptive} = line;
-                childStyle = merge({}, isKeyAdaptive ? defaultAdaptiveKeyStyle : defaultKeyStyle, Object.assign(Object.assign({
+                childStyle = mergeSpec({}, isKeyAdaptive ? defaultAdaptiveKeyStyle : defaultKeyStyle, Object.assign(Object.assign({
                     height: getPixelPropertyStr(contentAttributes[i].height)
                 }, tooltipStyle.keyColumn.common), null === (_a = tooltipStyle.keyColumn.items) || void 0 === _a ? void 0 : _a[i]));
                 isString(key) && "" !== (null === (_b = null == key ? void 0 : key.trim) || void 0 === _b ? void 0 : _b.call(key)) || isNumber(key) || childStyle.visibility ? childStyle.visibility = "visible" : childStyle.visibility = "hidden", 
                 this.children[i].setStyle(childStyle);
-            } else "value-box" === this.className ? (childStyle = merge({}, defaultValueStyle, Object.assign(Object.assign({
+            } else "value-box" === this.className ? (childStyle = mergeSpec({}, defaultValueStyle, Object.assign(Object.assign({
                 height: getPixelPropertyStr(contentAttributes[i].height)
             }, tooltipStyle.valueColumn.common), null === (_c = tooltipStyle.valueColumn.items) || void 0 === _c ? void 0 : _c[i])), 
-            this.children[i].setStyle(childStyle)) : "shape-box" === this.className && (childStyle = merge({}, defaultShapeStyle, Object.assign(Object.assign({
+            this.children[i].setStyle(childStyle)) : "shape-box" === this.className && (childStyle = mergeSpec({}, defaultShapeStyle, Object.assign(Object.assign({
                 height: getPixelPropertyStr(contentAttributes[i].height)
             }, tooltipStyle.shapeColumn.common), null === (_d = tooltipStyle.shapeColumn.items) || void 0 === _d ? void 0 : _d[i])), 
             null === (_e = this.children[i]) || void 0 === _e || _e.setStyle(childStyle, this._getShapeSvgOption(line, i)));