@visactor/vchart 1.6.7 → 1.7.0-alpha.1

package/esm/component/data-zoom/data-zoom/data-zoom.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/data-zoom/data-zoom/data-zoom.ts"],"names":[],"mappings":"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","file":"data-zoom.js","sourcesContent":["import { isArray, isBoolean, isNil, isNumber, isValid, uniqArray } from '@visactor/vutils';\nimport { mergeSpec } from '../../../util/spec/merge-spec';\nimport type { IComponentOption } from '../../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { ComponentTypeEnum } from '../../interface/type';\nimport { DataFilterBaseComponent } from '../data-filter-base-component';\n// eslint-disable-next-line no-duplicate-imports\nimport { DataZoom as DataZoomComponent } from '@visactor/vrender-components';\nimport { transformToGraphic } from '../../../util/style';\nimport type { IRectGraphicAttribute, INode, ISymbolGraphicAttribute, IGroup, IGraphic } from '@visactor/vrender-core';\nimport type { Datum } from '../../../typings';\nimport type { ILinearScale, IBaseScale } from '@visactor/vscale';\n// eslint-disable-next-line no-duplicate-imports\nimport { LinearScale, isContinuous, isDiscrete } from '@visactor/vscale';\nimport { ChartEvent, LayoutLevel, LayoutZIndex } from '../../../constant';\nimport type { IDataZoomSpec } from './interface';\nimport { IFilterMode } from '../constant';\nimport { Factory } from '../../../core/factory';\nimport type { IZoomable } from '../../../interaction/zoom';\nimport type { CartesianAxis } from '../../axis/cartesian';\n\nexport class DataZoom<T extends IDataZoomSpec = IDataZoomSpec> extends DataFilterBaseComponent<T> {\n  static type = ComponentTypeEnum.dataZoom;\n  type = ComponentTypeEnum.dataZoom;\n  name: string = ComponentTypeEnum.dataZoom;\n\n  layoutZIndex: number = LayoutZIndex.DataZoom;\n  layoutLevel: number = LayoutLevel.DataZoom;\n\n  // datazoom组件\n  protected _component!: DataZoomComponent;\n\n  protected _valueScale!: ILinearScale;\n\n  protected _backgroundSize!: number;\n  protected _middleHandlerSize!: number;\n  protected _startHandlerSize!: number;\n  protected _endHandlerSize!: number;\n\n  static createComponent(spec: any, options: IComponentOption) {\n    const compSpec = spec.dataZoom || options.defaultSpec;\n    if (isNil(compSpec)) {\n      return undefined;\n    }\n    if (!isArray(compSpec)) {\n      return new DataZoom(compSpec, { ...options, specKey: 'dataZoom' });\n    }\n    const zooms: DataZoom[] = [];\n    compSpec.forEach((s, i: number) => {\n      zooms.push(new DataZoom(s, { ...options, specIndex: i, specKey: 'dataZoom' }));\n    });\n    return zooms;\n  }\n\n  constructor(spec: T, options: IComponentOption) {\n    super(spec, {\n      ...options\n    });\n\n    this._valueField = 'y';\n    this._filterMode = spec.filterMode ?? IFilterMode.filter;\n  }\n\n  created() {\n    super.created();\n    this._initValueScale();\n  }\n\n  setAttrFromSpec() {\n    super.setAttrFromSpec();\n\n    if (isBoolean((this._spec as any).roam)) {\n      this._zoomAttr.enable = (this._spec as any).roam;\n      this._dragAttr.enable = (this._spec as any).roam;\n      this._scrollAttr.enable = (this._spec as any).roam;\n    }\n\n    if (this._zoomAttr.enable || this._dragAttr.enable || this._scrollAttr.enable) {\n      (this as unknown as IZoomable).initZoomable(this.event, this._option.mode);\n    }\n\n    // size相关\n    this._backgroundSize = this._spec.background?.size ?? 30;\n    this._middleHandlerSize = this._computeMiddleHandlerSize();\n    this._width = this._computeWidth();\n    this._height = this._computeHeight();\n    // startHandler和endHandler size如果没有配置，则默认跟随background宽 or 高\n    if (isNil(this._originalSpec?.startHandler?.style?.size)) {\n      this._spec.startHandler.style.size = this._isHorizontal\n        ? this._height - this._middleHandlerSize\n        : this._width - this._middleHandlerSize;\n    }\n    if (isNil(this._originalSpec?.endHandler?.style?.size)) {\n      this._spec.endHandler.style.size = this._isHorizontal\n        ? this._height - this._middleHandlerSize\n        : this._width - this._middleHandlerSize;\n    }\n    const startHandlerVisble = this._spec.startHandler.style.visible ?? true;\n    const endHandlerVisble = this._spec.endHandler.style.visible ?? true;\n    this._startHandlerSize = startHandlerVisble ? this._spec.startHandler.style.size : 0;\n    this._endHandlerSize = endHandlerVisble ? this._spec.endHandler.style.size : 0;\n  }\n\n  protected _prepareSpecBeforeMergingTheme(originalSpec: T): T {\n    const newSpec: T = {\n      ...originalSpec\n    };\n    // 为了减少主题更改造成的影响，如果用户在 spec 配置了主题默认关闭的 mark，则自动加上 visible: true\n    const { selectedBackgroundChart = {} } = newSpec;\n    const { line, area } = selectedBackgroundChart;\n    if (line || area) {\n      newSpec.selectedBackgroundChart = {\n        ...selectedBackgroundChart,\n        line:\n          line && line.visible !== false\n            ? {\n                ...line,\n                style: {\n                  ...line.style,\n                  visible: true // FIXME: visible 应该提到更上面，等 datazoom 支持\n                }\n              }\n            : line,\n        area:\n          area && area.visible !== false\n            ? {\n                ...area,\n                style: {\n                  ...area.style,\n                  visible: true // FIXME: visible 应该提到更上面，等 datazoom 支持\n                }\n              }\n            : area\n      };\n    }\n    return newSpec;\n  }\n\n  /** LifeCycle API**/\n  onLayoutEnd(ctx: any): void {\n    this._updateScaleRange();\n    super.onLayoutEnd(ctx);\n  }\n\n  protected _initValueScale() {\n    const domain = this._computeDomainOfValueScale();\n\n    if (domain) {\n      const valueScale = new LinearScale();\n      valueScale.domain(domain);\n      this._valueScale = valueScale;\n    }\n  }\n\n  protected _updateScaleRange() {\n    const handlerSize = (this._startHandlerSize + this._endHandlerSize) / 2;\n    if (!this._stateScale || !this._valueScale) {\n      return;\n    }\n\n    // visible为false时, 计算stateScale的兜底range\n    let stateScaleRange;\n    const defaultSize = this._isHorizontal\n      ? this.getLayoutRect().width - handlerSize\n      : this.getLayoutRect().height - handlerSize;\n    const defaultRange = (this._relatedAxisComponent as CartesianAxis<any>)?.getScale().range() ?? [0, defaultSize];\n\n    if (this._isHorizontal) {\n      stateScaleRange = this._visible ? [0, this._computeWidth() - handlerSize] : defaultRange;\n      this._stateScale.range(stateScaleRange);\n      this._valueScale.range([this._computeHeight() - this._middleHandlerSize, 0]);\n    } else if (this.layoutOrient === 'left') {\n      stateScaleRange = this._visible ? [0, this._computeHeight() - handlerSize] : defaultRange;\n      this._stateScale.range(stateScaleRange);\n      this._valueScale.range([this._computeWidth() - this._middleHandlerSize, 0]);\n    } else {\n      stateScaleRange = this._visible ? [0, this._computeHeight() - handlerSize] : defaultRange;\n      this._stateScale.range(stateScaleRange);\n      this._valueScale.range([0, this._computeWidth() - this._middleHandlerSize]);\n    }\n\n    if (this._component) {\n      this._component.setAttributes({\n        size: {\n          width: this._computeWidth(),\n          height: this._computeHeight()\n        },\n        position: {\n          x: this.getLayoutStartPoint().x,\n          y: this.getLayoutStartPoint().y\n        }\n      });\n    }\n  }\n\n  protected _computeDomainOfValueScale() {\n    const domain = this._data.getLatestData().map((d: any) => d[this._valueField]);\n\n    return domain.length ? [Math.min.apply(null, domain), Math.max.apply(null, domain)] : null;\n  }\n\n  protected _computeMiddleHandlerSize(): number {\n    let size = 0;\n    if (this._spec?.middleHandler?.visible) {\n      const middleHandlerIconSize = this._spec.middleHandler.icon.style.size ?? 8;\n      const middleHandlerBackSize = this._spec.middleHandler.background.size ?? 40;\n      size += Math.max(middleHandlerIconSize as number, middleHandlerBackSize);\n    }\n    return size;\n  }\n\n  protected _computeWidth(): number {\n    if (this._visible === false) {\n      return 0;\n    }\n\n    if (isNumber(this._spec.width)) {\n      return this._spec.width;\n    }\n\n    if (this._isHorizontal) {\n      return this.getLayoutRect().width;\n    }\n\n    return this._backgroundSize + this._middleHandlerSize;\n  }\n\n  protected _computeHeight(): number {\n    if (this._visible === false) {\n      return 0;\n    }\n\n    if (isNumber(this._spec.height)) {\n      return this._spec.height;\n    }\n\n    if (this._isHorizontal) {\n      return this._backgroundSize + this._middleHandlerSize;\n    }\n    return this.getLayoutRect().height - (this._startHandlerSize + this._endHandlerSize) / 2;\n  }\n\n  protected _isScaleValid(scale: IBaseScale | ILinearScale) {\n    if (!scale || !scale.domain()) {\n      return false;\n    }\n    const domain = scale.domain();\n    if (isContinuous(scale.type) && domain[0] === domain[1]) {\n      return false;\n    }\n    if (isDiscrete(scale.type) && uniqArray(domain).length === 1) {\n      return false;\n    }\n    return true;\n  }\n\n  protected _dataToPositionX = (datum: Datum): number => {\n    const offsetLeft = this._orient === 'left' ? this._middleHandlerSize : 0;\n    const offsetHandler = this._isHorizontal ? this._startHandlerSize / 2 : 0;\n    const xScale = this._isHorizontal ? this._stateScale : this._valueScale;\n    const xField = this._isHorizontal ? this._stateField : this._valueField;\n    return xScale.scale(datum[xField]) + this.getLayoutStartPoint().x + offsetLeft + offsetHandler;\n  };\n\n  protected _dataToPositionX2 = (datum: Datum): number => {\n    const offsetLeft = this._orient === 'left' ? this._middleHandlerSize : 0;\n    const offsetHandler = this._isHorizontal ? this._startHandlerSize / 2 : 0;\n    const xScale = this._isHorizontal ? this._stateScale : this._valueScale;\n    const min = xScale.domain()[0];\n    return xScale.scale(min) + this.getLayoutStartPoint().x + offsetLeft + offsetHandler;\n  };\n\n  protected _dataToPositionY = (datum: Datum): number => {\n    const offsetTop = this._isHorizontal ? this._middleHandlerSize : 0;\n    const offsetHandler = this._isHorizontal ? 0 : this._startHandlerSize / 2;\n    const yScale = this._isHorizontal ? this._valueScale : this._stateScale;\n    const yField = this._isHorizontal ? this._valueField : this._stateField;\n    return yScale.scale(datum[yField]) + this.getLayoutStartPoint().y + offsetTop + offsetHandler;\n  };\n\n  protected _dataToPositionY2 = (datum: Datum): number => {\n    const offsetTop = this._isHorizontal ? this._middleHandlerSize : 0;\n    const offsetHandler = this._isHorizontal ? 0 : this._startHandlerSize / 2;\n    const yScale = this._isHorizontal ? this._valueScale : this._stateScale;\n    const min = yScale.domain()[0];\n    return yScale.scale(min) + this.getLayoutStartPoint().y + offsetTop + offsetHandler;\n  };\n\n  protected _createOrUpdateComponent() {\n    if (!this._component && this._visible) {\n      const container = this.getContainer();\n      const xScale = this._isHorizontal ? this._stateScale : this._valueScale;\n      const yScale = this._isHorizontal ? this._valueScale : this._stateScale;\n      const isNeedPreview = this._isScaleValid(xScale) && this._isScaleValid(yScale);\n      this._component = new DataZoomComponent({\n        zIndex: this.layoutZIndex,\n        start: this._start,\n        end: this._end,\n        position: {\n          x: this.getLayoutStartPoint().x,\n          y: this.getLayoutStartPoint().y\n        },\n        orient: this._orient,\n        size: {\n          width: this.getLayoutRect().width,\n          height: this.getLayoutRect().height\n        },\n        showDetail: this._spec?.showDetail,\n        brushSelect: this._spec?.brushSelect ?? false,\n        zoomLock: this._spec?.zoomLock ?? false,\n        minSpan: this._minSpan,\n        maxSpan: this._maxSpan,\n        delayType: this._spec?.delayType,\n        delayTime: isValid(this._spec?.delayType) ? this._spec?.delayTime ?? 30 : 0,\n        realTime: this._spec?.realTime ?? true,\n        previewData: isNeedPreview && this._data.getLatestData(),\n        previewPointsX: isNeedPreview && this._dataToPositionX,\n        previewPointsY: isNeedPreview && this._dataToPositionY,\n        ...(this._getComponentAttrs() as any)\n      });\n\n      if (this._isHorizontal) {\n        isNeedPreview && this._component.setPreviewPointsY1(this._dataToPositionY2);\n      } else {\n        isNeedPreview && this._component.setPreviewPointsX1(this._dataToPositionX2);\n      }\n      this._component.setStatePointToData((state: number) => this._statePointToData(state));\n      this._component.setUpdateStateCallback((start: number, end: number) => {\n        this._handleChange(start, end);\n      });\n\n      container.add(this._component as unknown as INode);\n\n      this._updateScaleRange();\n    }\n  }\n\n  protected _handleChange(start: number, end: number, updateComponent?: boolean) {\n    super._handleChange(start, end, updateComponent);\n    if (updateComponent && this._component) {\n      this._component.setStartAndEnd(start, end);\n    }\n\n    this._start = start;\n    this._end = end;\n    const hasChange = this._handleStateChange(this._statePointToData(start), this._statePointToData(end));\n    if (hasChange) {\n      this.event.emit(ChartEvent.dataZoomChange, {\n        model: this,\n        value: {\n          filterData: this._filterMode !== IFilterMode.axis,\n          start,\n          end,\n          startValue: this._startValue,\n          endValue: this._endValue,\n          newDomain: this._newDomain\n        }\n      });\n    }\n  }\n\n  protected _handleDataCollectionChange() {\n    const data = this._data.getDataView();\n    data.reRunAllTransform();\n    this._component?.setPreviewData(data.latestData);\n\n    if (this._valueScale) {\n      const domain = this._computeDomainOfValueScale();\n\n      if (domain) {\n        this._valueScale.domain(domain);\n      }\n    }\n  }\n\n  protected _getComponentAttrs() {\n    return {\n      backgroundStyle: transformToGraphic(this._spec.background?.style) as unknown as IRectGraphicAttribute,\n      startHandlerStyle: transformToGraphic(this._spec.startHandler?.style) as unknown as ISymbolGraphicAttribute,\n      middleHandlerStyle: {\n        visible: this._spec.middleHandler?.visible ?? false,\n        icon: transformToGraphic(this._spec.middleHandler?.icon?.style) as unknown as ISymbolGraphicAttribute,\n        background: {\n          size: this._spec.middleHandler?.background?.size,\n          style: transformToGraphic(this._spec.middleHandler.background?.style)\n        } as any\n      },\n      endHandlerStyle: transformToGraphic(this._spec.endHandler?.style) as unknown as ISymbolGraphicAttribute,\n      startTextStyle: {\n        padding: this._spec.startText?.padding,\n        formatMethod: this._spec.startText?.formatMethod,\n        textStyle: transformToGraphic(this._spec.startText?.style)\n      } as unknown,\n      endTextStyle: {\n        padding: this._spec.endText?.padding,\n        formatMethod: this._spec.endText?.formatMethod,\n        textStyle: transformToGraphic(this._spec.endText?.style)\n      } as unknown,\n      selectedBackgroundStyle: transformToGraphic(\n        this._spec.selectedBackground.style\n      ) as unknown as IRectGraphicAttribute,\n      dragMaskStyle: transformToGraphic(this._spec.dragMask?.style) as unknown as IRectGraphicAttribute,\n      backgroundChartStyle: {\n        line: mergeSpec(transformToGraphic(this._spec.backgroundChart?.line?.style), { fill: false }),\n        area: {\n          curveType: 'basis',\n          visible: true,\n          ...transformToGraphic(this._spec.backgroundChart?.area?.style)\n        }\n      },\n      selectedBackgroundChartStyle: {\n        line: mergeSpec(transformToGraphic(this._spec.selectedBackgroundChart?.line?.style), { fill: false }),\n        area: {\n          curveType: 'basis',\n          visible: true,\n          ...transformToGraphic(this._spec.selectedBackgroundChart?.area?.style)\n        }\n      }\n    };\n  }\n\n  getVRenderComponents(): IGraphic[] {\n    return [this._component] as unknown as IGroup[];\n  }\n}\n\nexport const registerDataZoom = () => {\n  Factory.registerComponent(DataZoom.type, DataZoom);\n};\n"]}
+{"version":3,"sources":["../src/component/data-zoom/data-zoom/data-zoom.ts"],"names":[],"mappings":"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","file":"data-zoom.js","sourcesContent":["import { isArray, isBoolean, isNil, isNumber, isValid, uniqArray } from '@visactor/vutils';\nimport { mergeSpec } from '../../../util/spec/merge-spec';\nimport type { IComponentOption } from '../../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { ComponentTypeEnum } from '../../interface/type';\nimport { DataFilterBaseComponent } from '../data-filter-base-component';\n// eslint-disable-next-line no-duplicate-imports\nimport type { DataZoomAttributes } from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport { DataZoom as DataZoomComponent } from '@visactor/vrender-components';\nimport { transformToGraphic } from '../../../util/style';\nimport type { IRectGraphicAttribute, INode, ISymbolGraphicAttribute, IGroup, IGraphic } from '@visactor/vrender-core';\nimport type { Datum, ILayoutType } from '../../../typings';\nimport type { ILinearScale, IBaseScale } from '@visactor/vscale';\n// eslint-disable-next-line no-duplicate-imports\nimport { LinearScale, isContinuous, isDiscrete } from '@visactor/vscale';\nimport { ChartEvent, LayoutLevel, LayoutZIndex } from '../../../constant';\nimport type { IDataZoomSpec } from './interface';\nimport { IFilterMode } from '../constant';\nimport { Factory } from '../../../core/factory';\nimport type { IZoomable } from '../../../interaction/zoom';\nimport type { CartesianAxis } from '../../axis/cartesian';\n\nexport class DataZoom<T extends IDataZoomSpec = IDataZoomSpec> extends DataFilterBaseComponent<T> {\n  static type = ComponentTypeEnum.dataZoom;\n  type = ComponentTypeEnum.dataZoom;\n  name: string = ComponentTypeEnum.dataZoom;\n\n  layoutZIndex: number = LayoutZIndex.DataZoom;\n  layoutLevel: number = LayoutLevel.DataZoom;\n  layoutType: ILayoutType = 'region-relative';\n\n  // datazoom组件\n  protected _component!: DataZoomComponent;\n\n  protected _valueScale!: ILinearScale;\n\n  protected _backgroundSize!: number;\n  protected _middleHandlerSize!: number;\n  protected _startHandlerSize!: number;\n  protected _endHandlerSize!: number;\n\n  static createComponent(spec: any, options: IComponentOption) {\n    const compSpec = spec.dataZoom;\n    if (isNil(compSpec)) {\n      return undefined;\n    }\n    if (!isArray(compSpec)) {\n      return new DataZoom(compSpec, options);\n    }\n    const zooms: DataZoom[] = [];\n    compSpec.forEach((s, i: number) => {\n      zooms.push(new DataZoom(s, { ...options, specIndex: i }));\n    });\n    return zooms;\n  }\n\n  constructor(spec: T, options: IComponentOption) {\n    super(spec, options);\n\n    this._valueField = 'y';\n    this._filterMode = spec.filterMode ?? IFilterMode.filter;\n  }\n\n  created() {\n    super.created();\n    this._initValueScale();\n  }\n\n  setAttrFromSpec() {\n    super.setAttrFromSpec();\n\n    if (isBoolean((this._spec as any).roam)) {\n      this._zoomAttr.enable = (this._spec as any).roam;\n      this._dragAttr.enable = (this._spec as any).roam;\n      this._scrollAttr.enable = (this._spec as any).roam;\n    }\n\n    if (this._zoomAttr.enable || this._dragAttr.enable || this._scrollAttr.enable) {\n      (this as unknown as IZoomable).initZoomable(this.event, this._option.mode);\n    }\n\n    // size相关\n    this._backgroundSize = this._spec.background?.size ?? 30;\n    this._middleHandlerSize = this._computeMiddleHandlerSize();\n    this._width = this._computeWidth();\n    this._height = this._computeHeight();\n    // startHandler和endHandler size如果没有配置，则默认跟随background宽 or 高\n    if (isNil(this._originalSpec?.startHandler?.style?.size)) {\n      this._spec.startHandler.style.size = this._isHorizontal\n        ? this._height - this._middleHandlerSize\n        : this._width - this._middleHandlerSize;\n    }\n    if (isNil(this._originalSpec?.endHandler?.style?.size)) {\n      this._spec.endHandler.style.size = this._isHorizontal\n        ? this._height - this._middleHandlerSize\n        : this._width - this._middleHandlerSize;\n    }\n    const startHandlerVisble = this._spec.startHandler.style.visible ?? true;\n    const endHandlerVisble = this._spec.endHandler.style.visible ?? true;\n    this._startHandlerSize = startHandlerVisble ? this._spec.startHandler.style.size : 0;\n    this._endHandlerSize = endHandlerVisble ? this._spec.endHandler.style.size : 0;\n  }\n\n  protected _prepareSpecBeforeMergingTheme(originalSpec: T): T {\n    const newSpec: T = {\n      ...originalSpec\n    };\n    // 为了减少主题更改造成的影响，如果用户在 spec 配置了主题默认关闭的 mark，则自动加上 visible: true\n    const { selectedBackgroundChart = {} } = newSpec;\n    const { line, area } = selectedBackgroundChart;\n    if (line || area) {\n      newSpec.selectedBackgroundChart = {\n        ...selectedBackgroundChart,\n        line:\n          line && line.visible !== false\n            ? {\n                ...line,\n                style: {\n                  ...line.style,\n                  visible: true // FIXME: visible 应该提到更上面，等 datazoom 支持\n                }\n              }\n            : line,\n        area:\n          area && area.visible !== false\n            ? {\n                ...area,\n                style: {\n                  ...area.style,\n                  visible: true // FIXME: visible 应该提到更上面，等 datazoom 支持\n                }\n              }\n            : area\n      };\n    }\n    return newSpec;\n  }\n\n  /** LifeCycle API**/\n  onLayoutEnd(ctx: any): void {\n    this._updateScaleRange();\n    if (this._cacheVisibility !== false) {\n      super.onLayoutEnd(ctx);\n    }\n  }\n\n  protected _initValueScale() {\n    const domain = this._computeDomainOfValueScale();\n\n    if (domain) {\n      const valueScale = new LinearScale();\n      valueScale.domain(domain);\n      this._valueScale = valueScale;\n    }\n  }\n\n  protected _updateScaleRange() {\n    const handlerSize = (this._startHandlerSize + this._endHandlerSize) / 2;\n    if (!this._stateScale || !this._valueScale) {\n      return;\n    }\n\n    // visible为false时, 计算stateScale的兜底range\n    let stateScaleRange;\n    const defaultSize = this._isHorizontal\n      ? this.getLayoutRect().width - handlerSize\n      : this.getLayoutRect().height - handlerSize;\n    const defaultRange = (this._relatedAxisComponent as CartesianAxis<any>)?.getScale().range() ?? [0, defaultSize];\n\n    if (this._isHorizontal) {\n      stateScaleRange = this._visible ? [0, this._computeWidth() - handlerSize] : defaultRange;\n      this._stateScale.range(stateScaleRange);\n      this._valueScale.range([this._computeHeight() - this._middleHandlerSize, 0]);\n    } else if (this.layoutOrient === 'left') {\n      stateScaleRange = this._visible ? [0, this._computeHeight() - handlerSize] : defaultRange;\n      this._stateScale.range(stateScaleRange);\n      this._valueScale.range([this._computeWidth() - this._middleHandlerSize, 0]);\n    } else {\n      stateScaleRange = this._visible ? [0, this._computeHeight() - handlerSize] : defaultRange;\n      this._stateScale.range(stateScaleRange);\n      this._valueScale.range([0, this._computeWidth() - this._middleHandlerSize]);\n    }\n\n    if (this._component && this._cacheVisibility !== false) {\n      this._component.setAttributes({\n        size: {\n          width: this._computeWidth(),\n          height: this._computeHeight()\n        },\n        position: {\n          x: this.getLayoutStartPoint().x,\n          y: this.getLayoutStartPoint().y\n        }\n      });\n    }\n  }\n\n  protected _computeDomainOfValueScale() {\n    const domain = this._data.getLatestData().map((d: any) => d[this._valueField]);\n\n    return domain.length ? [Math.min.apply(null, domain), Math.max.apply(null, domain)] : null;\n  }\n\n  protected _computeMiddleHandlerSize(): number {\n    let size = 0;\n    if (this._spec?.middleHandler?.visible) {\n      const middleHandlerIconSize = this._spec.middleHandler.icon.style.size ?? 8;\n      const middleHandlerBackSize = this._spec.middleHandler.background.size ?? 40;\n      size += Math.max(middleHandlerIconSize as number, middleHandlerBackSize);\n    }\n    return size;\n  }\n\n  protected _computeWidth(): number {\n    if (this._visible === false) {\n      return 0;\n    }\n\n    if (isNumber(this._spec.width)) {\n      return this._spec.width;\n    }\n\n    if (this._isHorizontal) {\n      return this.getLayoutRect().width;\n    }\n\n    return this._backgroundSize + this._middleHandlerSize;\n  }\n\n  protected _computeHeight(): number {\n    if (this._visible === false) {\n      return 0;\n    }\n\n    if (isNumber(this._spec.height)) {\n      return this._spec.height;\n    }\n\n    if (this._isHorizontal) {\n      return this._backgroundSize + this._middleHandlerSize;\n    }\n    return this.getLayoutRect().height - (this._startHandlerSize + this._endHandlerSize) / 2;\n  }\n\n  protected _isScaleValid(scale: IBaseScale | ILinearScale) {\n    if (!scale || !scale.domain()) {\n      return false;\n    }\n    const domain = scale.domain();\n    if (isContinuous(scale.type) && domain[0] === domain[1]) {\n      return false;\n    }\n    if (isDiscrete(scale.type) && uniqArray(domain).length === 1) {\n      return false;\n    }\n    return true;\n  }\n\n  protected _dataToPositionX = (datum: Datum): number => {\n    const offsetLeft = this._orient === 'left' ? this._middleHandlerSize : 0;\n    const offsetHandler = this._isHorizontal ? this._startHandlerSize / 2 : 0;\n    const xScale = this._isHorizontal ? this._stateScale : this._valueScale;\n    const xField = this._isHorizontal ? this._stateField : this._valueField;\n    return xScale.scale(datum[xField]) + this.getLayoutStartPoint().x + offsetLeft + offsetHandler;\n  };\n\n  protected _dataToPositionX2 = (datum: Datum): number => {\n    const offsetLeft = this._orient === 'left' ? this._middleHandlerSize : 0;\n    const offsetHandler = this._isHorizontal ? this._startHandlerSize / 2 : 0;\n    const xScale = this._isHorizontal ? this._stateScale : this._valueScale;\n    const min = xScale.domain()[0];\n    return xScale.scale(min) + this.getLayoutStartPoint().x + offsetLeft + offsetHandler;\n  };\n\n  protected _dataToPositionY = (datum: Datum): number => {\n    const offsetTop = this._isHorizontal ? this._middleHandlerSize : 0;\n    const offsetHandler = this._isHorizontal ? 0 : this._startHandlerSize / 2;\n    const yScale = this._isHorizontal ? this._valueScale : this._stateScale;\n    const yField = this._isHorizontal ? this._valueField : this._stateField;\n    return yScale.scale(datum[yField]) + this.getLayoutStartPoint().y + offsetTop + offsetHandler;\n  };\n\n  protected _dataToPositionY2 = (datum: Datum): number => {\n    const offsetTop = this._isHorizontal ? this._middleHandlerSize : 0;\n    const offsetHandler = this._isHorizontal ? 0 : this._startHandlerSize / 2;\n    const yScale = this._isHorizontal ? this._valueScale : this._stateScale;\n    const min = yScale.domain()[0];\n    return yScale.scale(min) + this.getLayoutStartPoint().y + offsetTop + offsetHandler;\n  };\n\n  private _getAttrs(isNeedPreview: boolean) {\n    return {\n      zIndex: this.layoutZIndex,\n      start: this._start,\n      end: this._end,\n      position: {\n        x: this.getLayoutStartPoint().x,\n        y: this.getLayoutStartPoint().y\n      },\n      orient: this._orient,\n      size: {\n        width: this.getLayoutRect().width,\n        height: this.getLayoutRect().height\n      },\n      showDetail: this._spec?.showDetail,\n      brushSelect: this._spec?.brushSelect ?? false,\n      zoomLock: this._spec?.zoomLock ?? false,\n      minSpan: this._minSpan,\n      maxSpan: this._maxSpan,\n      delayType: this._spec?.delayType,\n      delayTime: isValid(this._spec?.delayType) ? this._spec?.delayTime ?? 30 : 0,\n      realTime: this._spec?.realTime ?? true,\n      previewData: isNeedPreview && this._data.getLatestData(),\n      previewPointsX: isNeedPreview && this._dataToPositionX,\n      previewPointsY: isNeedPreview && this._dataToPositionY,\n      ...(this._getComponentAttrs() as any)\n    } as DataZoomAttributes;\n  }\n\n  protected _createOrUpdateComponent() {\n    if (this._visible) {\n      const xScale = this._isHorizontal ? this._stateScale : this._valueScale;\n      const yScale = this._isHorizontal ? this._valueScale : this._stateScale;\n      const isNeedPreview = this._isScaleValid(xScale) && this._isScaleValid(yScale);\n      const attrs = this._getAttrs(isNeedPreview);\n      if (this._component) {\n        this._component.setAttributes(attrs);\n      } else {\n        const container = this.getContainer();\n        this._component = new DataZoomComponent(attrs);\n\n        if (this._isHorizontal) {\n          isNeedPreview && this._component.setPreviewPointsY1(this._dataToPositionY2);\n        } else {\n          isNeedPreview && this._component.setPreviewPointsX1(this._dataToPositionX2);\n        }\n        this._component.setStatePointToData((state: number) => this._statePointToData(state));\n        this._component.setUpdateStateCallback((start: number, end: number, tag?: string) => {\n          this._handleChange(start, end, undefined, tag);\n        });\n\n        container.add(this._component as unknown as INode);\n\n        this._updateScaleRange();\n      }\n    }\n  }\n\n  protected _handleChange(start: number, end: number, updateComponent?: boolean, tag?: string) {\n    super._handleChange(start, end, updateComponent);\n    if (updateComponent && this._component) {\n      this._component.setStartAndEnd(start, end);\n    }\n\n    this._start = start;\n    this._end = end;\n    const hasChange = this._handleStateChange(this._statePointToData(start), this._statePointToData(end), tag);\n    if (hasChange) {\n      this.event.emit(ChartEvent.dataZoomChange, {\n        model: this,\n        value: {\n          filterData: this._filterMode !== IFilterMode.axis,\n          start,\n          end,\n          startValue: this._startValue,\n          endValue: this._endValue,\n          newDomain: this._newDomain\n        }\n      });\n    }\n  }\n\n  protected _handleDataCollectionChange() {\n    const data = this._data.getDataView();\n    data.reRunAllTransform();\n    this._component?.setPreviewData(data.latestData);\n\n    if (this._valueScale) {\n      const domain = this._computeDomainOfValueScale();\n\n      if (domain) {\n        this._valueScale.domain(domain);\n      }\n    }\n  }\n\n  protected _getComponentAttrs() {\n    return {\n      backgroundStyle: transformToGraphic(this._spec.background?.style) as unknown as IRectGraphicAttribute,\n      startHandlerStyle: transformToGraphic(this._spec.startHandler?.style) as unknown as ISymbolGraphicAttribute,\n      middleHandlerStyle: {\n        visible: this._spec.middleHandler?.visible ?? false,\n        icon: transformToGraphic(this._spec.middleHandler?.icon?.style) as unknown as ISymbolGraphicAttribute,\n        background: {\n          size: this._spec.middleHandler?.background?.size,\n          style: transformToGraphic(this._spec.middleHandler.background?.style)\n        } as any\n      },\n      endHandlerStyle: transformToGraphic(this._spec.endHandler?.style) as unknown as ISymbolGraphicAttribute,\n      startTextStyle: {\n        padding: this._spec.startText?.padding,\n        formatMethod: this._spec.startText?.formatMethod,\n        textStyle: transformToGraphic(this._spec.startText?.style)\n      } as unknown,\n      endTextStyle: {\n        padding: this._spec.endText?.padding,\n        formatMethod: this._spec.endText?.formatMethod,\n        textStyle: transformToGraphic(this._spec.endText?.style)\n      } as unknown,\n      selectedBackgroundStyle: transformToGraphic(\n        this._spec.selectedBackground.style\n      ) as unknown as IRectGraphicAttribute,\n      dragMaskStyle: transformToGraphic(this._spec.dragMask?.style) as unknown as IRectGraphicAttribute,\n      backgroundChartStyle: {\n        line: mergeSpec(transformToGraphic(this._spec.backgroundChart?.line?.style), { fill: false }),\n        area: {\n          curveType: 'basis',\n          visible: true,\n          ...transformToGraphic(this._spec.backgroundChart?.area?.style)\n        }\n      },\n      selectedBackgroundChartStyle: {\n        line: mergeSpec(transformToGraphic(this._spec.selectedBackgroundChart?.line?.style), { fill: false }),\n        area: {\n          curveType: 'basis',\n          visible: true,\n          ...transformToGraphic(this._spec.selectedBackgroundChart?.area?.style)\n        }\n      }\n    };\n  }\n\n  getVRenderComponents(): IGraphic[] {\n    return [this._component] as unknown as IGroup[];\n  }\n}\n\nexport const registerDataZoom = () => {\n  Factory.registerComponent(DataZoom.type, DataZoom);\n};\n"]}

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

@@ -50,10 +50,15 @@ export interface IDataZoomSpec extends IDataZoomStyle, IDataFilterComponentSpec
         formatMethod?: (text: string | number) => string | string[];
     };
     brushSelect?: boolean;
+    ignoreBandSize?: boolean;
 }
-export type IDataZoomTheme = IComponentSpec & IDataZoomStyle & {
+export type IDataZoomCommonTheme = IComponentSpec & IDataZoomStyle & {
     orient?: IDataZoomSpec['orient'];
     width?: IDataZoomSpec['width'];
     height?: IDataZoomSpec['height'];
     brushSelect?: boolean;
 };
+export type IDataZoomTheme = IDataZoomCommonTheme & {
+    horizontal?: Omit<IDataZoomCommonTheme, 'orient'>;
+    vertical?: Omit<IDataZoomCommonTheme, 'orient'>;
+};

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/data-zoom/data-zoom/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IMarkSpec } from '../../../typings/spec';\nimport type {\n  IAreaMarkSpec,\n  ILineMarkSpec,\n  IRectMarkSpec,\n  ISymbolMarkSpec,\n  ITextMarkSpec\n} from '../../../typings/visual';\nimport type { IComponentSpec } from '../../base/interface';\nimport type { IComponent } from '../../interface';\nimport type { IFilterMode } from '../constant';\nimport type { IDataFilterComponentSpec } from '../interface';\n\nexport type IDataZoom = IComponent;\n\n// TODO: 开放的状态样式配置较少，暂时不使用markSpec方式配置\nexport interface IDataZoomStyle {\n  /**\n   * 是否显示startText和endText\n   * @default 'auto' 鼠标hover在选中区域时才显示startText和endText\n   */\n  showDetail?: 'auto' | boolean;\n\n  middleHandler?: {\n    visible?: boolean;\n    icon?: ISymbolMarkSpec;\n    background?: {\n      size?: number;\n    } & IRectMarkSpec;\n  };\n  background?: {\n    size?: number;\n  } & IRectMarkSpec;\n  startHandler?: ISymbolMarkSpec;\n  endHandler?: ISymbolMarkSpec;\n  startText?: {\n    padding?: number;\n  } & ITextMarkSpec;\n  endText?: {\n    padding?: number;\n  } & ITextMarkSpec;\n  dragMask?: IRectMarkSpec;\n  selectedBackground?: IRectMarkSpec;\n  backgroundChart?: {\n    line?: ILineMarkSpec;\n    area?: IAreaMarkSpec;\n  };\n  selectedBackgroundChart?: {\n    line?: ILineMarkSpec;\n    area?: IAreaMarkSpec;\n  };\n}\n\n/** spec */\nexport interface IDataZoomSpec extends IDataZoomStyle, IDataFilterComponentSpec {\n  /**\n   * 数据过滤模式\n   * @default 'filter' （dataZoom默认数据过滤模式）\n   * 详细可参考：https://echarts.apache.org/zh/option.html#dataZoom-slider.filterMode）\n   */\n  filterMode?: IFilterMode;\n  /**\n   * 背景趋势线对应的字段\n   */\n  valueField?: string;\n  /**\n   * 起始点文字标签format格式配置\n   */\n  startText?: {\n    padding?: number;\n    style?: IMarkSpec<ITextMarkSpec>;\n    formatMethod?: (text: string | number) => string | string[];\n  };\n  endText?: {\n    padding?: number;\n    style?: IMarkSpec<ITextMarkSpec>;\n    formatMethod?: (text: string | number) => string | string[];\n  };\n  /**\n   * 是否开启框选, 如果不开启则支持selectedBackground拖拽（框选和拖拽两者互斥）\n   * @default false\n   */\n  brushSelect?: boolean;\n}\n\nexport type IDataZoomTheme = IComponentSpec &\n  IDataZoomStyle & {\n    /** 显示的位置 */\n    orient?: IDataZoomSpec['orient'];\n    /** 组件宽度 */\n    width?: IDataZoomSpec['width'];\n    /** 组件高度 */\n    height?: IDataZoomSpec['height'];\n    /**\n     * 是否开启框选, 如果不开启则支持selectedBackground拖拽（框选和拖拽两者互斥）\n     * @default false\n     */\n    brushSelect?: boolean;\n  };\n"]}
+{"version":3,"sources":["../src/component/data-zoom/data-zoom/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IMarkSpec } from '../../../typings/spec';\nimport type {\n  IAreaMarkSpec,\n  ILineMarkSpec,\n  IRectMarkSpec,\n  ISymbolMarkSpec,\n  ITextMarkSpec\n} from '../../../typings/visual';\nimport type { IComponentSpec } from '../../base/interface';\nimport type { IComponent } from '../../interface';\nimport type { IFilterMode } from '../constant';\nimport type { IDataFilterComponentSpec } from '../interface';\n\nexport type IDataZoom = IComponent;\n\n// TODO: 开放的状态样式配置较少，暂时不使用markSpec方式配置\nexport interface IDataZoomStyle {\n  /**\n   * 是否显示startText和endText\n   * @default 'auto' 鼠标hover在选中区域时才显示startText和endText\n   */\n  showDetail?: 'auto' | boolean;\n\n  middleHandler?: {\n    visible?: boolean;\n    icon?: ISymbolMarkSpec;\n    background?: {\n      size?: number;\n    } & IRectMarkSpec;\n  };\n  background?: {\n    size?: number;\n  } & IRectMarkSpec;\n  startHandler?: ISymbolMarkSpec;\n  endHandler?: ISymbolMarkSpec;\n  startText?: {\n    padding?: number;\n  } & ITextMarkSpec;\n  endText?: {\n    padding?: number;\n  } & ITextMarkSpec;\n  dragMask?: IRectMarkSpec;\n  selectedBackground?: IRectMarkSpec;\n  backgroundChart?: {\n    line?: ILineMarkSpec;\n    area?: IAreaMarkSpec;\n  };\n  selectedBackgroundChart?: {\n    line?: ILineMarkSpec;\n    area?: IAreaMarkSpec;\n  };\n}\n\n/** spec */\nexport interface IDataZoomSpec extends IDataZoomStyle, IDataFilterComponentSpec {\n  /**\n   * 数据过滤模式\n   * @default 'filter' （dataZoom默认数据过滤模式）\n   * 详细可参考：https://echarts.apache.org/zh/option.html#dataZoom-slider.filterMode）\n   */\n  filterMode?: IFilterMode;\n  /**\n   * 背景趋势线对应的字段\n   */\n  valueField?: string;\n  /**\n   * 起始点文字标签format格式配置\n   */\n  startText?: {\n    padding?: number;\n    style?: IMarkSpec<ITextMarkSpec>;\n    formatMethod?: (text: string | number) => string | string[];\n  };\n  endText?: {\n    padding?: number;\n    style?: IMarkSpec<ITextMarkSpec>;\n    formatMethod?: (text: string | number) => string | string[];\n  };\n  /**\n   * 是否开启框选, 如果不开启则支持selectedBackground拖拽（框选和拖拽两者互斥）\n   * @default false\n   */\n  brushSelect?: boolean;\n  /**\n   * 是否忽略轴上配置的固定 bandSize\n   * 如果置为 true，则 datazoom 可以任意改变轴的 bandSize。\n   * 但如果轴上配置了 bandSize 范围，则第一次渲染会保持 bandSize 在配置范围内。\n   * 该配置仅在 auto 设为 true 时生效。\n   * @since 1.7.0\n   */\n  ignoreBandSize?: boolean;\n}\n\nexport type IDataZoomCommonTheme = IComponentSpec &\n  IDataZoomStyle & {\n    /** 显示的位置 */\n    orient?: IDataZoomSpec['orient'];\n    /** 组件宽度 */\n    width?: IDataZoomSpec['width'];\n    /** 组件高度 */\n    height?: IDataZoomSpec['height'];\n    /**\n     * 是否开启框选, 如果不开启则支持selectedBackground拖拽（框选和拖拽两者互斥）\n     * @default false\n     */\n    brushSelect?: boolean;\n  };\n\nexport type IDataZoomTheme = IDataZoomCommonTheme /* 通用主题，留作兼容 */ & {\n  /** 横向主题 */\n  horizontal?: Omit<IDataZoomCommonTheme, 'orient'>;\n  /** 纵向主题 */\n  vertical?: Omit<IDataZoomCommonTheme, 'orient'>;\n};\n"]}

package/esm/component/data-zoom/scroll-bar/interface.d.ts

@@ -1,4 +1,4 @@
-import type { ILayoutItemSpec } from '../../../model/interface';
+import type { ILayoutItemSpec } from '../../../layout/interface';
 import type { IPadding } from '../../../typings';
 import type { IRectMarkSpec } from '../../../typings/visual';
 import type { IFilterMode } from '../constant';
@@ -14,10 +14,14 @@ export interface IScrollBarSpec extends IDataFilterComponentSpec, IScrollBarStyl
     range?: [number, number];
     limitRange?: [number, number];
 }
-export type IScrollBarTheme = ILayoutItemSpec & IScrollBarStyle & {
+export type IScrollBarCommonTheme = ILayoutItemSpec & IScrollBarStyle & {
     orient?: IScrollBarSpec['orient'];
     width?: IScrollBarSpec['width'];
     height?: IScrollBarSpec['height'];
     round?: IScrollBarSpec['round'];
     innerPadding?: IScrollBarSpec['innerPadding'];
 };
+export type IScrollBarTheme = IScrollBarCommonTheme & {
+    horizontal?: Omit<IScrollBarCommonTheme, 'orient'>;
+    vertical?: Omit<IScrollBarCommonTheme, 'orient'>;
+};

package/esm/component/data-zoom/scroll-bar/interface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/data-zoom/scroll-bar/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { ILayoutItemSpec } from '../../../model/interface';\nimport type { IPadding } from '../../../typings';\nimport type { IRectMarkSpec } from '../../../typings/visual';\nimport type { IFilterMode } from '../constant';\nimport type { IDataFilterComponentSpec } from '../interface';\n\nexport interface IScrollBarStyle {\n  /**\n   * 滚动条轨道样式。\n   */\n  rail?: Omit<IRectMarkSpec, 'width' | 'height'>;\n  /**\n   * 滚动条滑块样式。\n   */\n  slider?: Omit<IRectMarkSpec, 'width' | 'height'>;\n}\n\nexport interface IScrollBarSpec extends IDataFilterComponentSpec, IScrollBarStyle {\n  /**\n   * 数据过滤模式\n   * @default 'axis' (scrollBar默认视口裁剪模式)\n   * 详细可参考：https://echarts.apache.org/zh/option.html#dataZoom-slider.filterMode）\n   */\n  filterMode?: IFilterMode;\n  /** 滑块是否圆角。 */\n  round?: boolean;\n  /**\n   * 滚动条内边距，影响滑轨的实际可用空间 [top, right, bottom, left]\n   */\n  innerPadding?: number | number[] | IPadding;\n  /** 滑块当前的可视范围，数值为 0 - 1 */\n  range?: [number, number];\n  /**\n   * 滑块限制的滚动范围，数值为 0 - 1\n   */\n  limitRange?: [number, number];\n}\n\nexport type IScrollBarTheme = ILayoutItemSpec &\n  IScrollBarStyle & {\n    /** 显示的位置 */\n    orient?: IScrollBarSpec['orient'];\n    /** 组件宽度 */\n    width?: IScrollBarSpec['width'];\n    /** 组件高度 */\n    height?: IScrollBarSpec['height'];\n    /** 滑块是否圆角。 */\n    round?: IScrollBarSpec['round'];\n    /**\n     * 滚动条内边距，影响滑轨的实际可用空间 [top, right, bottom, left]\n     */\n    innerPadding?: IScrollBarSpec['innerPadding'];\n  };\n"]}
+{"version":3,"sources":["../src/component/data-zoom/scroll-bar/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { ILayoutItemSpec } from '../../../layout/interface';\nimport type { IPadding } from '../../../typings';\nimport type { IRectMarkSpec } from '../../../typings/visual';\nimport type { IFilterMode } from '../constant';\nimport type { IDataFilterComponentSpec } from '../interface';\n\nexport interface IScrollBarStyle {\n  /**\n   * 滚动条轨道样式。\n   */\n  rail?: Omit<IRectMarkSpec, 'width' | 'height'>;\n  /**\n   * 滚动条滑块样式。\n   */\n  slider?: Omit<IRectMarkSpec, 'width' | 'height'>;\n}\n\nexport interface IScrollBarSpec extends IDataFilterComponentSpec, IScrollBarStyle {\n  /**\n   * 数据过滤模式\n   * @default 'axis' (scrollBar默认视口裁剪模式)\n   * 详细可参考：https://echarts.apache.org/zh/option.html#dataZoom-slider.filterMode）\n   */\n  filterMode?: IFilterMode;\n  /** 滑块是否圆角。 */\n  round?: boolean;\n  /**\n   * 滚动条内边距，影响滑轨的实际可用空间 [top, right, bottom, left]\n   */\n  innerPadding?: number | number[] | IPadding;\n  /** 滑块当前的可视范围，数值为 0 - 1 */\n  range?: [number, number];\n  /**\n   * 滑块限制的滚动范围，数值为 0 - 1\n   */\n  limitRange?: [number, number];\n}\n\nexport type IScrollBarCommonTheme = ILayoutItemSpec &\n  IScrollBarStyle & {\n    /** 显示的位置 */\n    orient?: IScrollBarSpec['orient'];\n    /** 组件宽度 */\n    width?: IScrollBarSpec['width'];\n    /** 组件高度 */\n    height?: IScrollBarSpec['height'];\n    /** 滑块是否圆角。 */\n    round?: IScrollBarSpec['round'];\n    /**\n     * 滚动条内边距，影响滑轨的实际可用空间 [top, right, bottom, left]\n     */\n    innerPadding?: IScrollBarSpec['innerPadding'];\n  };\n\nexport type IScrollBarTheme = IScrollBarCommonTheme /* 通用主题，留作兼容 */ & {\n  /** 横向主题 */\n  horizontal?: Omit<IScrollBarCommonTheme, 'orient'>;\n  /** 纵向主题 */\n  vertical?: Omit<IScrollBarCommonTheme, 'orient'>;\n};\n"]}

package/esm/component/data-zoom/scroll-bar/scroll-bar.d.ts

@@ -5,12 +5,14 @@ import type { ScrollBarAttributes } from '@visactor/vrender-components';
 import { ScrollBar as ScrollBarComponent } from '@visactor/vrender-components';
 import type { IGraphic } from '@visactor/vrender-core';
 import type { IScrollBarSpec } from './interface';
+import type { ILayoutType } from '../../../typings/layout';
 export declare class ScrollBar<T extends IScrollBarSpec = IScrollBarSpec> extends DataFilterBaseComponent<T> {
     static type: ComponentTypeEnum;
     type: ComponentTypeEnum;
     name: string;
     layoutZIndex: number;
     layoutLevel: number;
+    layoutType: ILayoutType;
     protected _component: ScrollBarComponent;
     static createComponent(spec: any, options: IComponentOption): ScrollBar<any> | ScrollBar<IScrollBarSpec>[];
     constructor(spec: T, options: IComponentOption);
@@ -19,6 +21,7 @@ export declare class ScrollBar<T extends IScrollBarSpec = IScrollBarSpec> extend
     protected _updateScaleRange(): void;
     protected _computeWidth(): number;
     protected _computeHeight(): number;
+    private _getAttrs;
     protected _createOrUpdateComponent(): void;
     protected _handleChange(start: number, end: number, updateComponent?: boolean): void;
     protected _handleDataCollectionChange(): void;

package/esm/component/data-zoom/scroll-bar/scroll-bar.js

@@ -18,24 +18,21 @@ import { Factory } from "../../../core/factory";
 
 export class ScrollBar extends DataFilterBaseComponent {
     static createComponent(spec, options) {
-        const compSpec = spec.scrollBar || options.defaultSpec;
+        const compSpec = spec.scrollBar;
         if (isNil(compSpec)) return;
-        if (!isArray(compSpec)) return new ScrollBar(compSpec, Object.assign(Object.assign({}, options), {
-            specKey: "scrollBar"
-        }));
+        if (!isArray(compSpec)) return new ScrollBar(compSpec, options);
         const zooms = [];
         return compSpec.forEach(((s, i) => {
             zooms.push(new ScrollBar(s, Object.assign(Object.assign({}, options), {
-                specIndex: i,
-                specKey: "scrollBar"
+                specIndex: i
             })));
         })), zooms;
     }
     constructor(spec, options) {
         var _a;
-        super(spec, Object.assign({}, options)), this.type = ComponentTypeEnum.scrollBar, 
-        this.name = ComponentTypeEnum.scrollBar, this.layoutZIndex = LayoutZIndex.DataZoom, 
-        this.layoutLevel = LayoutLevel.DataZoom, this._filterMode = null !== (_a = spec.filterMode) && void 0 !== _a ? _a : IFilterMode.axis;
+        super(spec, options), this.type = ComponentTypeEnum.scrollBar, this.name = ComponentTypeEnum.scrollBar, 
+        this.layoutZIndex = LayoutZIndex.DataZoom, this.layoutLevel = LayoutLevel.DataZoom, 
+        this.layoutType = "region-relative", this._filterMode = null !== (_a = spec.filterMode) && void 0 !== _a ? _a : IFilterMode.axis;
     }
     setAttrFromSpec() {
         super.setAttrFromSpec(), isBoolean(this._spec.roam) && (this._zoomAttr.enable = !1, 
@@ -61,22 +58,26 @@ export class ScrollBar extends DataFilterBaseComponent {
     _computeHeight() {
         return isNumber(this._spec.height) ? this._spec.height : this._isHorizontal ? SCROLL_BAR_DEFAULT_SIZE : this.getLayoutRect().height;
     }
-    _createOrUpdateComponent() {
+    _getAttrs() {
         var _a, _b, _c, _d, _e, _f;
-        if (!this._component) {
+        return Object.assign({
+            zIndex: this.layoutZIndex,
+            x: this.getLayoutStartPoint().x,
+            y: this.getLayoutStartPoint().y,
+            width: this.getLayoutRect().width,
+            height: this.getLayoutRect().height,
+            range: [ this._start, this._end ],
+            direction: this._isHorizontal ? "horizontal" : "vertical",
+            delayType: null === (_a = this._spec) || void 0 === _a ? void 0 : _a.delayType,
+            delayTime: isValid(null === (_b = this._spec) || void 0 === _b ? void 0 : _b.delayType) ? null !== (_d = null === (_c = this._spec) || void 0 === _c ? void 0 : _c.delayTime) && void 0 !== _d ? _d : 30 : 0,
+            realTime: null === (_f = null === (_e = this._spec) || void 0 === _e ? void 0 : _e.realTime) || void 0 === _f || _f
+        }, this._getComponentAttrs());
+    }
+    _createOrUpdateComponent() {
+        const attrs = this._getAttrs();
+        if (this._component) this._component.setAttributes(attrs); else {
             const container = this.getContainer();
-            this._component = new ScrollBarComponent(Object.assign({
-                zIndex: this.layoutZIndex,
-                x: this.getLayoutStartPoint().x,
-                y: this.getLayoutStartPoint().y,
-                width: this.getLayoutRect().width,
-                height: this.getLayoutRect().height,
-                range: [ this._start, this._end ],
-                direction: this._isHorizontal ? "horizontal" : "vertical",
-                delayType: null === (_a = this._spec) || void 0 === _a ? void 0 : _a.delayType,
-                delayTime: isValid(null === (_b = this._spec) || void 0 === _b ? void 0 : _b.delayType) ? null !== (_d = null === (_c = this._spec) || void 0 === _c ? void 0 : _c.delayTime) && void 0 !== _d ? _d : 30 : 0,
-                realTime: null === (_f = null === (_e = this._spec) || void 0 === _e ? void 0 : _e.realTime) || void 0 === _f || _f
-            }, this._getComponentAttrs())), this._component.addEventListener("scroll", (e => {
+            this._component = new ScrollBarComponent(attrs), this._component.addEventListener("scroll", (e => {
                 const value = e.detail.value;
                 this._handleChange(value[0], value[1]);
             })), container.add(this._component);

package/esm/component/data-zoom/scroll-bar/scroll-bar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/data-zoom/scroll-bar/scroll-bar.ts"],"names":[],"mappings":"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","file":"scroll-bar.js","sourcesContent":["import { isArray, isBoolean, isEmpty, isNil, isNumber, isValid } from '@visactor/vutils';\nimport type { IComponentOption } from '../../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { ComponentTypeEnum } from '../../interface/type';\nimport { DataFilterBaseComponent } from '../data-filter-base-component';\nimport type { ScrollBarAttributes } from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport { ScrollBar as ScrollBarComponent } from '@visactor/vrender-components';\nimport { transformToGraphic } from '../../../util/style';\nimport type { IRectGraphicAttribute, INode, IGroup, IGraphic } from '@visactor/vrender-core';\nimport { ChartEvent, LayoutLevel, LayoutZIndex } from '../../../constant';\nimport { SCROLL_BAR_DEFAULT_SIZE } from '../../../constant/scroll-bar';\nimport type { IScrollBarSpec } from './interface';\nimport { IFilterMode } from '../constant';\nimport { Factory } from '../../../core/factory';\nimport type { IZoomable } from '../../../interaction/zoom';\n\nexport class ScrollBar<T extends IScrollBarSpec = IScrollBarSpec> extends DataFilterBaseComponent<T> {\n  static type = ComponentTypeEnum.scrollBar;\n  type = ComponentTypeEnum.scrollBar;\n  name: string = ComponentTypeEnum.scrollBar;\n\n  layoutZIndex: number = LayoutZIndex.DataZoom;\n  layoutLevel: number = LayoutLevel.DataZoom;\n\n  // datazoom组件\n  protected _component!: ScrollBarComponent;\n\n  static createComponent(spec: any, options: IComponentOption) {\n    const compSpec = spec.scrollBar || options.defaultSpec;\n    if (isNil(compSpec)) {\n      return undefined;\n    }\n    if (!isArray(compSpec)) {\n      return new ScrollBar(compSpec, { ...options, specKey: 'scrollBar' });\n    }\n    const zooms: ScrollBar[] = [];\n    compSpec.forEach((s, i: number) => {\n      zooms.push(new ScrollBar(s, { ...options, specIndex: i, specKey: 'scrollBar' }));\n    });\n    return zooms;\n  }\n\n  constructor(spec: T, options: IComponentOption) {\n    super(spec as any, {\n      ...options\n    });\n    this._filterMode = spec.filterMode ?? IFilterMode.axis;\n  }\n\n  setAttrFromSpec() {\n    super.setAttrFromSpec();\n    // roam兼容逻辑\n    if (isBoolean((this._spec as any).roam)) {\n      this._zoomAttr.enable = false; // 对于之前的逻辑而言，只要配置了roam，zoom始终不打开\n      this._dragAttr.enable = (this._spec as any).roam;\n      this._scrollAttr.enable = (this._spec as any).roam;\n    }\n    if (this._zoomAttr.enable || this._dragAttr.enable || this._scrollAttr.enable) {\n      (this as unknown as IZoomable).initZoomable(this.event, this._option.mode);\n    }\n  }\n\n  /** LifeCycle API**/\n  onLayoutEnd(ctx: any): void {\n    this._updateScaleRange();\n    this.effect.onZoomChange?.();\n    super.onLayoutEnd(ctx);\n  }\n\n  protected _updateScaleRange() {\n    if (this._component) {\n      this._component.setAttributes({\n        x: this.getLayoutStartPoint().x,\n        y: this.getLayoutStartPoint().y,\n        width: this.getLayoutRect().width,\n        height: this.getLayoutRect().height\n      });\n    }\n  }\n\n  protected _computeWidth(): number {\n    if (isNumber(this._spec.width)) {\n      return this._spec.width;\n    }\n\n    if (this._isHorizontal) {\n      return this.getLayoutRect().width;\n    }\n    // default value\n    return SCROLL_BAR_DEFAULT_SIZE;\n  }\n\n  protected _computeHeight(): number {\n    if (isNumber(this._spec.height)) {\n      return this._spec.height;\n    }\n\n    // default value\n    if (!this._isHorizontal) {\n      return this.getLayoutRect().height;\n    }\n\n    return SCROLL_BAR_DEFAULT_SIZE;\n  }\n\n  protected _createOrUpdateComponent() {\n    if (!this._component) {\n      const container = this.getContainer();\n      this._component = new ScrollBarComponent({\n        zIndex: this.layoutZIndex,\n        x: this.getLayoutStartPoint().x,\n        y: this.getLayoutStartPoint().y,\n        width: this.getLayoutRect().width,\n        height: this.getLayoutRect().height,\n        range: [this._start, this._end],\n        direction: this._isHorizontal ? 'horizontal' : 'vertical',\n        delayType: this._spec?.delayType,\n        delayTime: isValid(this._spec?.delayType) ? this._spec?.delayTime ?? 30 : 0,\n        realTime: this._spec?.realTime ?? true,\n        ...this._getComponentAttrs()\n      });\n      // 绑定事件，防抖，防止频繁触发\n      this._component.addEventListener('scroll', (e: any) => {\n        const value = e.detail.value;\n        this._handleChange(value[0], value[1]);\n      });\n      container.add(this._component as unknown as INode);\n    }\n  }\n\n  protected _handleChange(start: number, end: number, updateComponent?: boolean) {\n    super._handleChange(start, end, updateComponent);\n    if (updateComponent && this._component) {\n      this._component.setAttribute('range', [start, end]);\n    }\n\n    this._start = start;\n    this._end = end;\n    const hasChange = this._handleStateChange(this._statePointToData(start), this._statePointToData(end));\n    if (hasChange) {\n      this.event.emit(ChartEvent.scrollBarChange, {\n        model: this,\n        value: {\n          filterData: this._filterMode !== IFilterMode.axis,\n          start: this._start,\n          end: this._end,\n          startValue: this._startValue,\n          endValue: this._endValue,\n          newDomain: this._newDomain\n        }\n      });\n    }\n  }\n\n  protected _handleDataCollectionChange() {\n    // do nothing\n  }\n\n  protected _initCommonEvent() {\n    super._initCommonEvent();\n    if (this._component) {\n      this._component.on('scroll', (e: any) => {\n        const value = e.detail.value;\n        this._handleChange(value[0], value[1]);\n      });\n    }\n  }\n\n  protected _getComponentAttrs() {\n    const { rail, slider, innerPadding } = this._spec;\n    const attrs: Partial<ScrollBarAttributes> = {};\n\n    if (!isNil(innerPadding)) {\n      attrs.padding = innerPadding;\n    }\n\n    if (!isEmpty(rail?.style)) {\n      attrs.railStyle = transformToGraphic(rail.style) as unknown as IRectGraphicAttribute;\n    }\n    if (!isEmpty(slider?.style)) {\n      attrs.sliderStyle = transformToGraphic(slider.style) as unknown as IRectGraphicAttribute;\n    }\n    return attrs;\n  }\n\n  getVRenderComponents(): IGraphic[] {\n    return [this._component] as unknown as IGroup[];\n  }\n}\n\nexport const registerScrollBar = () => {\n  Factory.registerComponent(ScrollBar.type, ScrollBar);\n};\n"]}
+{"version":3,"sources":["../src/component/data-zoom/scroll-bar/scroll-bar.ts"],"names":[],"mappings":"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","file":"scroll-bar.js","sourcesContent":["import { isArray, isBoolean, isEmpty, isNil, isNumber, isValid } from '@visactor/vutils';\nimport type { IComponentOption } from '../../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { ComponentTypeEnum } from '../../interface/type';\nimport { DataFilterBaseComponent } from '../data-filter-base-component';\nimport type { ScrollBarAttributes } from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport { ScrollBar as ScrollBarComponent } from '@visactor/vrender-components';\nimport { transformToGraphic } from '../../../util/style';\nimport type { IRectGraphicAttribute, INode, IGroup, IGraphic } from '@visactor/vrender-core';\nimport { ChartEvent, LayoutLevel, LayoutZIndex } from '../../../constant';\nimport { SCROLL_BAR_DEFAULT_SIZE } from '../../../constant/scroll-bar';\nimport type { IScrollBarSpec } from './interface';\nimport { IFilterMode } from '../constant';\nimport { Factory } from '../../../core/factory';\nimport type { IZoomable } from '../../../interaction/zoom';\nimport type { ILayoutType } from '../../../typings/layout';\n\nexport class ScrollBar<T extends IScrollBarSpec = IScrollBarSpec> extends DataFilterBaseComponent<T> {\n  static type = ComponentTypeEnum.scrollBar;\n  type = ComponentTypeEnum.scrollBar;\n  name: string = ComponentTypeEnum.scrollBar;\n\n  layoutZIndex: number = LayoutZIndex.DataZoom;\n  layoutLevel: number = LayoutLevel.DataZoom;\n  layoutType: ILayoutType = 'region-relative';\n\n  // datazoom组件\n  protected _component!: ScrollBarComponent;\n\n  static createComponent(spec: any, options: IComponentOption) {\n    const compSpec = spec.scrollBar;\n    if (isNil(compSpec)) {\n      return undefined;\n    }\n    if (!isArray(compSpec)) {\n      return new ScrollBar(compSpec, options);\n    }\n    const zooms: ScrollBar[] = [];\n    compSpec.forEach((s, i: number) => {\n      zooms.push(new ScrollBar(s, { ...options, specIndex: i }));\n    });\n    return zooms;\n  }\n\n  constructor(spec: T, options: IComponentOption) {\n    super(spec as any, options);\n    this._filterMode = spec.filterMode ?? IFilterMode.axis;\n  }\n\n  setAttrFromSpec() {\n    super.setAttrFromSpec();\n    // roam兼容逻辑\n    if (isBoolean((this._spec as any).roam)) {\n      this._zoomAttr.enable = false; // 对于之前的逻辑而言，只要配置了roam，zoom始终不打开\n      this._dragAttr.enable = (this._spec as any).roam;\n      this._scrollAttr.enable = (this._spec as any).roam;\n    }\n    if (this._zoomAttr.enable || this._dragAttr.enable || this._scrollAttr.enable) {\n      (this as unknown as IZoomable).initZoomable(this.event, this._option.mode);\n    }\n  }\n\n  /** LifeCycle API**/\n  onLayoutEnd(ctx: any): void {\n    this._updateScaleRange();\n    this.effect.onZoomChange?.();\n    super.onLayoutEnd(ctx);\n  }\n\n  protected _updateScaleRange() {\n    if (this._component) {\n      this._component.setAttributes({\n        x: this.getLayoutStartPoint().x,\n        y: this.getLayoutStartPoint().y,\n        width: this.getLayoutRect().width,\n        height: this.getLayoutRect().height\n      });\n    }\n  }\n\n  protected _computeWidth(): number {\n    if (isNumber(this._spec.width)) {\n      return this._spec.width;\n    }\n\n    if (this._isHorizontal) {\n      return this.getLayoutRect().width;\n    }\n    // default value\n    return SCROLL_BAR_DEFAULT_SIZE;\n  }\n\n  protected _computeHeight(): number {\n    if (isNumber(this._spec.height)) {\n      return this._spec.height;\n    }\n\n    // default value\n    if (!this._isHorizontal) {\n      return this.getLayoutRect().height;\n    }\n\n    return SCROLL_BAR_DEFAULT_SIZE;\n  }\n\n  private _getAttrs() {\n    return {\n      zIndex: this.layoutZIndex,\n      x: this.getLayoutStartPoint().x,\n      y: this.getLayoutStartPoint().y,\n      width: this.getLayoutRect().width,\n      height: this.getLayoutRect().height,\n      range: [this._start, this._end],\n      direction: this._isHorizontal ? 'horizontal' : 'vertical',\n      delayType: this._spec?.delayType,\n      delayTime: isValid(this._spec?.delayType) ? this._spec?.delayTime ?? 30 : 0,\n      realTime: this._spec?.realTime ?? true,\n      ...this._getComponentAttrs()\n    } as ScrollBarAttributes;\n  }\n\n  protected _createOrUpdateComponent() {\n    const attrs = this._getAttrs();\n    if (this._component) {\n      this._component.setAttributes(attrs);\n    } else {\n      const container = this.getContainer();\n      this._component = new ScrollBarComponent(attrs);\n      // 绑定事件，防抖，防止频繁触发\n      this._component.addEventListener('scroll', (e: any) => {\n        const value = e.detail.value;\n        this._handleChange(value[0], value[1]);\n      });\n      container.add(this._component as unknown as INode);\n    }\n  }\n\n  protected _handleChange(start: number, end: number, updateComponent?: boolean) {\n    super._handleChange(start, end, updateComponent);\n    if (updateComponent && this._component) {\n      this._component.setAttribute('range', [start, end]);\n    }\n\n    this._start = start;\n    this._end = end;\n    const hasChange = this._handleStateChange(this._statePointToData(start), this._statePointToData(end));\n    if (hasChange) {\n      this.event.emit(ChartEvent.scrollBarChange, {\n        model: this,\n        value: {\n          filterData: this._filterMode !== IFilterMode.axis,\n          start: this._start,\n          end: this._end,\n          startValue: this._startValue,\n          endValue: this._endValue,\n          newDomain: this._newDomain\n        }\n      });\n    }\n  }\n\n  protected _handleDataCollectionChange() {\n    // do nothing\n  }\n\n  protected _initCommonEvent() {\n    super._initCommonEvent();\n    if (this._component) {\n      this._component.on('scroll', (e: any) => {\n        const value = e.detail.value;\n        this._handleChange(value[0], value[1]);\n      });\n    }\n  }\n\n  protected _getComponentAttrs() {\n    const { rail, slider, innerPadding } = this._spec;\n    const attrs: Partial<ScrollBarAttributes> = {};\n\n    if (!isNil(innerPadding)) {\n      attrs.padding = innerPadding;\n    }\n\n    if (!isEmpty(rail?.style)) {\n      attrs.railStyle = transformToGraphic(rail.style) as unknown as IRectGraphicAttribute;\n    }\n    if (!isEmpty(slider?.style)) {\n      attrs.sliderStyle = transformToGraphic(slider.style) as unknown as IRectGraphicAttribute;\n    }\n    return attrs;\n  }\n\n  getVRenderComponents(): IGraphic[] {\n    return [this._component] as unknown as IGroup[];\n  }\n}\n\nexport const registerScrollBar = () => {\n  Factory.registerComponent(ScrollBar.type, ScrollBar);\n};\n"]}

package/esm/component/data-zoom/util.d.ts

@@ -1,3 +1,6 @@
+import type { IModelOption } from '../../model/interface';
+import { type IOrientType } from '../../typings';
+import type { ComponentTypeEnum } from '../interface';
 export interface IDataFilterWithNewDomainOption {
     getNewDomain: () => any[];
     isContinuous: () => boolean;
@@ -17,3 +20,4 @@ export interface IDataFilterComputeDomainOption {
     };
 }
 export declare const dataFilterComputeDomain: (data: Array<any>, op: IDataFilterComputeDomainOption) => any[];
+export declare const getDataFilterTheme: (orient: IOrientType, type: ComponentTypeEnum, option: Partial<IModelOption>) => any;

package/esm/component/data-zoom/util.js

@@ -1,4 +1,10 @@
-import { array, isNil } from "../../util";
+import { Direction } from "../../typings";
+
+import { array, isNil, mergeSpec } from "../../util";
+
+import { getComponentThemeFromOption } from "../util";
+
+import { getDirectionByOrient } from "../axis/cartesian/util";
 
 export const dataFilterWithNewDomain = (data, op) => {
     const {getNewDomain: getNewDomain, isContinuous: isContinuous, field: field} = op, datumField = field(), newDomain = getNewDomain();
@@ -29,4 +35,10 @@ export const dataFilterComputeDomain = (data, op) => {
         valueField && (res[valueField] = resultObj[d]), resultData.push(res);
     })), resultData;
 };
+
+export const getDataFilterTheme = (orient, type, option) => {
+    const theme = getComponentThemeFromOption(type, option), directionTheme = theme[getDirectionByOrient(orient)], finalTheme = mergeSpec({}, theme, directionTheme);
+    return delete finalTheme[Direction.horizontal], delete finalTheme[Direction.vertical], 
+    finalTheme;
+};
 //# sourceMappingURL=util.js.map

package/esm/component/data-zoom/util.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/data-zoom/util.ts"],"names":[],"mappings":"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","file":"util.js","sourcesContent":["import { array, isNil } from '../../util';\nimport type { DataView } from '@visactor/vdataset';\n\nexport interface IDataFilterWithNewDomainOption {\n  getNewDomain: () => any[];\n  isContinuous: () => boolean;\n  field: () => string;\n}\n\n/**\n * 保证数据筛选的结果全都在坐标轴的新domain范围中，防止出现point数据因为超出domain范围而绘制在原点的情况\n */\nexport const dataFilterWithNewDomain = (data: Array<any>, op: IDataFilterWithNewDomainOption) => {\n  const { getNewDomain, isContinuous, field } = op;\n  const datumField = field();\n  const newDomain = getNewDomain();\n  if (isNil(newDomain) || isNil(datumField)) {\n    return data;\n  }\n  if (newDomain.length === 0) {\n    return [];\n  }\n\n  let filter = null;\n  if (isContinuous()) {\n    filter = (d: any) => d[datumField] >= newDomain[0] && d[datumField] <= newDomain[1];\n  } else {\n    filter = (d: any) => {\n      // 这里d[f] + ''的原因是：数据是number类型的，但轴声明为band轴，domain会强制将number => string，所以filter的时候要将data中的number => string\n      return newDomain.indexOf(d[datumField] + '') >= 0 || newDomain.indexOf(d[datumField]) >= 0;\n    };\n  }\n\n  return data.filter(filter);\n};\n\nexport interface IDataFilterComputeDomainOption {\n  input: {\n    dataCollection: any[];\n    stateFields: string[];\n    valueFields: string[];\n    method: 'sum'; // todo: 也许可以提供多种数据统计方法 @chensiji\n  };\n  output: {\n    stateField: string;\n    valueField: string;\n  };\n}\n\nexport const dataFilterComputeDomain = (data: Array<any>, op: IDataFilterComputeDomainOption) => {\n  const { stateFields, valueFields, dataCollection } = op.input;\n  const { stateField, valueField } = op.output;\n  const resultObj = {};\n  const resultData: any[] = [];\n\n  dataCollection.forEach((dv: DataView, i) => {\n    if (isNil(stateFields[i])) {\n      return;\n    }\n    // 按照用户指定的domain进行排序(这里不通过getRawDataStatistics来取是因为时机不对，此时getRawDataStatistics还没有正确结果)\n    const stateFieldInfo = dv.getFields()?.[stateFields[i]];\n    if (stateFieldInfo && stateFieldInfo.lockStatisticsByDomain) {\n      stateFieldInfo.domain.forEach((d: any) => {\n        resultObj[d] = 0;\n      });\n    }\n    dv.latestData.forEach((d: any) => {\n      // 针对rangeColumn等xField为数组形式的图表，需要将xField的所有value都记录下来\n      array(stateFields[i]).forEach(state => {\n        if (!isNil(d[state])) {\n          if (isNil(resultObj[d[state]])) {\n            resultObj[d[state]] = 0;\n          }\n          if (!isNil(valueFields[i])) {\n            // 传进来的d[yFields[i]]可能是stringnumber\n            // 传进来的d[yFields[i]]可能是普通的字符串，这时计数按1计算（其实相当于计算数据条数）\n            resultObj[d[state]] += isNaN(parseFloat(d[valueFields[i]])) ? 1 : parseFloat(d[valueFields[i]]);\n          }\n        }\n      });\n    });\n  });\n  Object.keys(resultObj).forEach((d, i) => {\n    const res = { [stateField]: d };\n\n    if (valueField) {\n      res[valueField] = resultObj[d];\n    }\n\n    resultData.push(res);\n  });\n\n  return resultData;\n};\n"]}
+{"version":3,"sources":["../src/component/data-zoom/util.ts"],"names":[],"mappings":"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","file":"util.js","sourcesContent":["import type { IModelOption } from '../../model/interface';\nimport { Direction, type IOrientType } from '../../typings';\nimport { array, isNil, mergeSpec } from '../../util';\nimport type { DataView } from '@visactor/vdataset';\nimport type { ComponentTypeEnum } from '../interface';\nimport { getComponentThemeFromOption } from '../util';\nimport { getDirectionByOrient } from '../axis/cartesian/util';\n\nexport interface IDataFilterWithNewDomainOption {\n  getNewDomain: () => any[];\n  isContinuous: () => boolean;\n  field: () => string;\n}\n\n/**\n * 保证数据筛选的结果全都在坐标轴的新domain范围中，防止出现point数据因为超出domain范围而绘制在原点的情况\n */\nexport const dataFilterWithNewDomain = (data: Array<any>, op: IDataFilterWithNewDomainOption) => {\n  const { getNewDomain, isContinuous, field } = op;\n  const datumField = field();\n  const newDomain = getNewDomain();\n  if (isNil(newDomain) || isNil(datumField)) {\n    return data;\n  }\n  if (newDomain.length === 0) {\n    return [];\n  }\n\n  let filter = null;\n  if (isContinuous()) {\n    filter = (d: any) => d[datumField] >= newDomain[0] && d[datumField] <= newDomain[1];\n  } else {\n    filter = (d: any) => {\n      // 这里d[f] + ''的原因是：数据是number类型的，但轴声明为band轴，domain会强制将number => string，所以filter的时候要将data中的number => string\n      return newDomain.indexOf(d[datumField] + '') >= 0 || newDomain.indexOf(d[datumField]) >= 0;\n    };\n  }\n\n  return data.filter(filter);\n};\n\nexport interface IDataFilterComputeDomainOption {\n  input: {\n    dataCollection: any[];\n    stateFields: string[];\n    valueFields: string[];\n    method: 'sum'; // todo: 也许可以提供多种数据统计方法 @chensiji\n  };\n  output: {\n    stateField: string;\n    valueField: string;\n  };\n}\n\nexport const dataFilterComputeDomain = (data: Array<any>, op: IDataFilterComputeDomainOption) => {\n  const { stateFields, valueFields, dataCollection } = op.input;\n  const { stateField, valueField } = op.output;\n  const resultObj = {};\n  const resultData: any[] = [];\n\n  dataCollection.forEach((dv: DataView, i) => {\n    if (isNil(stateFields[i])) {\n      return;\n    }\n    // 按照用户指定的domain进行排序(这里不通过getRawDataStatistics来取是因为时机不对，此时getRawDataStatistics还没有正确结果)\n    const stateFieldInfo = dv.getFields()?.[stateFields[i]];\n    if (stateFieldInfo && stateFieldInfo.lockStatisticsByDomain) {\n      stateFieldInfo.domain.forEach((d: any) => {\n        resultObj[d] = 0;\n      });\n    }\n    dv.latestData.forEach((d: any) => {\n      // 针对rangeColumn等xField为数组形式的图表，需要将xField的所有value都记录下来\n      array(stateFields[i]).forEach(state => {\n        if (!isNil(d[state])) {\n          if (isNil(resultObj[d[state]])) {\n            resultObj[d[state]] = 0;\n          }\n          if (!isNil(valueFields[i])) {\n            // 传进来的d[yFields[i]]可能是stringnumber\n            // 传进来的d[yFields[i]]可能是普通的字符串，这时计数按1计算（其实相当于计算数据条数）\n            resultObj[d[state]] += isNaN(parseFloat(d[valueFields[i]])) ? 1 : parseFloat(d[valueFields[i]]);\n          }\n        }\n      });\n    });\n  });\n  Object.keys(resultObj).forEach((d, i) => {\n    const res = { [stateField]: d };\n\n    if (valueField) {\n      res[valueField] = resultObj[d];\n    }\n\n    resultData.push(res);\n  });\n\n  return resultData;\n};\n\nexport const getDataFilterTheme = (orient: IOrientType, type: ComponentTypeEnum, option: Partial<IModelOption>) => {\n  const theme = getComponentThemeFromOption(type, option);\n  const directionTheme = theme[getDirectionByOrient(orient)];\n  const finalTheme = mergeSpec({}, theme, directionTheme);\n\n  delete finalTheme[Direction.horizontal];\n  delete finalTheme[Direction.vertical];\n  return finalTheme;\n};\n"]}

package/esm/component/geo/geo-coordinate.d.ts

@@ -1,6 +1,6 @@
 import type { IPoint } from '../../typings/coordinate';
 import { Projection } from './projection';
-import type { IEffect, IModelLayoutOption, IModelRenderOption, ILayoutItem } from '../../model/interface';
+import type { IEffect, IModelLayoutOption, IModelRenderOption } from '../../model/interface';
 import type { IComponentOption } from '../interface';
 import { ComponentTypeEnum } from '../interface/type';
 import { BaseComponent } from '../base/base-component';
@@ -13,7 +13,8 @@ export declare class GeoCoordinate extends BaseComponent<IGeoRegionSpec> impleme
     static type: ComponentTypeEnum;
     type: ComponentTypeEnum;
     name: string;
-    layoutType: ILayoutItem['layoutType'];
+    layoutType: 'none';
+    protected layoutZIndex: number;
     _longitudeField?: string;
     get longitudeField(): string;
     _latitudeField?: string;

package/esm/component/geo/geo-coordinate.js

@@ -1,3 +1,5 @@
+import { LayoutZIndex } from "./../../constant/index";
+
 import { Projection } from "./projection";
 
 import { ComponentTypeEnum } from "../interface/type";
@@ -27,7 +29,7 @@ export function projectionName(key, id) {
 export class GeoCoordinate extends BaseComponent {
     constructor() {
         super(...arguments), this.type = ComponentTypeEnum.geoCoordinate, this.name = ComponentTypeEnum.geoCoordinate, 
-        this.layoutType = "absolute", this._projectionSpec = {
+        this.layoutType = "none", this.layoutZIndex = LayoutZIndex.Mark, this._projectionSpec = {
             name: projectionName(this.type, this.id),
             type: "mercator"
         }, this._actualScale = 1, this._evaluated = !1, this._lastHeight = 0, this._lastWidth = 0,