@visactor/vchart 1.4.0-alpha.6 → 1.4.0-beta.1

package/cjs/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 { 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"]}
+{"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   * 1. `orient` 为 'top' 或者 'bottom' 时，默认为 'horizontal' 水平布局\n   * 2. `orient` 为 'left' 或者 'right' 时，默认为 'vertical' 垂直布局\n   */\n  layout?: 'horizontal' | 'vertical';\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/cjs/component/legend/util.d.ts

@@ -13,7 +13,7 @@ export declare function transformLegendTitleAttributes(title: ITitle): {
     };
     background?: {
         visible?: boolean;
-        style?: Omit<import("./interface").NoVisibleMarkStyle<import("../..").IRectMarkSpec>, "width" | "height" | "visible">;
+        style?: Omit<import("./interface").NoVisibleMarkStyle<import("../..").IRectMarkSpec>, "visible" | "width" | "height">;
     };
     text?: string | number | string[] | number[];
     visible?: boolean;

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

@@ -113,8 +113,9 @@ class BaseMarker extends base_1.BaseComponent {
         null;
     }
     clear() {
-        this._markerComponent && (this._container.removeChild(this._markerComponent), this._markerComponent = null), 
-        super.clear();
+        var _a;
+        this._markerComponent && (null === (_a = this.getContainer()) || void 0 === _a || _a.removeChild(this._markerComponent), 
+        this._markerComponent = null), super.clear();
     }
 }
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/marker/base-marker.ts"],"names":[],"mappings":"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","file":"base-marker.js","sourcesContent":["import type { DataView } from '@visactor/vdataset';\nimport { array } from '@visactor/vutils';\nimport { AGGR_TYPE } from '../../constant/marker';\nimport type { IOptionAggr } from '../../data/transforms/aggregation';\nimport type { IModelRenderOption } from '../../model/interface';\nimport type { LayoutItem } from '../../model/layout-item';\nimport type { IRegion } from '../../region/interface';\nimport type { ICartesianSeries } from '../../series/interface';\nimport type { StringOrNumber } from '../../typings';\nimport { BaseComponent } from '../base';\nimport type { IAggrType, IDataPointSpec, IDataPos, IDataPosCallback, IMarkerAxisSpec, IMarkerSpec } from './interface';\nimport type { IRegressType } from './mark-area/interface';\nimport type { IGraphic, INode } from '@visactor/vrender';\n\nexport abstract class BaseMarker<T extends IMarkerSpec & IMarkerAxisSpec> extends BaseComponent<T> {\n  layoutType: LayoutItem['layoutType'] = 'absolute';\n\n  protected _startRelativeSeries!: ICartesianSeries;\n  protected _endRelativeSeries!: ICartesianSeries;\n  protected _relativeSeries!: ICartesianSeries;\n\n  // marker 组件数据\n  protected _markerData!: DataView;\n  // marker 组件\n  protected _markerComponent!: any;\n\n  created() {\n    super.created();\n    // event\n    this.initEvent();\n    this._bindSeries();\n    this._initDataView();\n  }\n\n  private _isSpecAggr(spec: IDataPos | IDataPosCallback) {\n    return AGGR_TYPE.includes(spec as any);\n  }\n\n  private _getAllRelativeSeries() {\n    return {\n      getRelativeSeries: () => this._relativeSeries,\n      getStartRelativeSeries: () => this._startRelativeSeries,\n      getEndRelativeSeries: () => this._endRelativeSeries\n    };\n  }\n\n  protected _processSpecX(specX: IDataPos | IDataPosCallback) {\n    const relativeSeries = this._relativeSeries;\n    let processType: IAggrType | IRegressType;\n    if (this._isSpecAggr(specX)) {\n      processType = specX as unknown as IAggrType;\n      return {\n        x: {\n          field: relativeSeries.getSpec().xField,\n          aggrType: processType\n        },\n        ...this._getAllRelativeSeries()\n      };\n    }\n    return { x: specX, ...this._getAllRelativeSeries() };\n  }\n\n  protected _processSpecY(specY: IDataPos | IDataPosCallback) {\n    const relativeSeries = this._relativeSeries;\n    let processType: IAggrType | IRegressType;\n    if (this._isSpecAggr(specY)) {\n      processType = specY as unknown as IAggrType;\n      return {\n        y: {\n          field: relativeSeries.getSpec().yField,\n          aggrType: processType\n        },\n        ...this._getAllRelativeSeries()\n      };\n    }\n    return { y: specY, ...this._getAllRelativeSeries() };\n  }\n\n  protected _processSpecCoo(spec: any) {\n    const coordinates = spec.coordinates ?? array(spec.coordinate);\n    return coordinates.map((coordinate: IDataPointSpec) => {\n      const refRelativeSeries = this._getSeriesByIdOrIndex(\n        coordinate.refRelativeSeriesId,\n        coordinate.refRelativeSeriesIndex\n      );\n\n      const { xField, yField } = refRelativeSeries.getSpec();\n      const { [xField]: coordinateX, [yField]: coordinateY } = coordinate;\n      const option: IOptionAggr = {\n        x: undefined,\n        y: undefined,\n        ...this._getAllRelativeSeries()\n      };\n      if (this._isSpecAggr(coordinateX)) {\n        option.x = { field: xField, aggrType: coordinateX as IAggrType };\n      } else {\n        option.x = coordinateX;\n      }\n\n      if (this._isSpecAggr(coordinateY)) {\n        option.y = { field: yField, aggrType: coordinateY as IAggrType };\n      } else {\n        option.y = coordinateY;\n      }\n      option.getRefRelativeSeries = () => refRelativeSeries;\n      return option;\n    });\n  }\n\n  updateLayoutAttribute(): void {\n    const markerVisible = this._spec.visible ?? true;\n    if (markerVisible) {\n      // 创建marker组件\n      if (!this._markerComponent) {\n        this._createMarkerComponent();\n        // 代理 marker 组件上的事件\n        this._markerComponent.on('*', (event: any, type: string) =>\n          this._delegateEvent(this._markerComponent as unknown as IGraphic, event, type)\n        );\n      }\n      this._markerLayout();\n    }\n\n    super.updateLayoutAttribute();\n  }\n\n  protected _getSeriesByIdOrIndex(seriesUserId: StringOrNumber, seriesIndex: number) {\n    let series: ICartesianSeries;\n    series = this._option.getSeriesInUserIdOrIndex(array(seriesUserId), [seriesIndex])?.[0] as ICartesianSeries;\n    if (!series) {\n      series = this._relativeSeries ?? this.getFirstSeries();\n    }\n    return series;\n  }\n\n  protected _bindSeries() {\n    const spec = this._spec;\n    this._relativeSeries = this._getSeriesByIdOrIndex(spec.relativeSeriesId, spec.relativeSeriesIndex);\n    this._startRelativeSeries = this._getSeriesByIdOrIndex(spec.startRelativeSeriesId, spec.startRelativeSeriesIndex);\n    this._endRelativeSeries = this._getSeriesByIdOrIndex(spec.endRelativeSeriesId, spec.endRelativeSeriesIndex);\n  }\n\n  protected _computeClipRange(regions: IRegion[]) {\n    let minX = Infinity;\n    let maxX = -Infinity;\n    let minY = Infinity;\n    let maxY = -Infinity;\n    regions.forEach((region: IRegion) => {\n      if (region.getLayoutStartPoint().x < minX) {\n        minX = region.getLayoutStartPoint().x;\n      }\n      if (region.getLayoutStartPoint().x + region.getLayoutRect().width > maxX) {\n        maxX = region.getLayoutStartPoint().x + region.getLayoutRect().width;\n      }\n      if (region.getLayoutStartPoint().y < minY) {\n        minY = region.getLayoutStartPoint().y;\n      }\n      if (region.getLayoutStartPoint().y + region.getLayoutRect().height > maxY) {\n        maxY = region.getLayoutStartPoint().y + region.getLayoutRect().height;\n      }\n    });\n    return { minX, maxX, minY, maxY };\n  }\n\n  protected abstract _initDataView(): void;\n  protected abstract _createMarkerComponent(): void;\n  protected abstract _markerLayout(): void;\n\n  protected initEvent() {\n    // do nothing\n  }\n  onRender(ctx: IModelRenderOption): void {\n    // do nothing\n  }\n  changeRegions(regions: IRegion[]): void {\n    // do nothing\n  }\n\n  protected getFirstSeries(): ICartesianSeries {\n    for (let i = 0; i < this._regions.length; i++) {\n      const r = this._regions[i];\n      const series = r.getSeries();\n      for (let j = 0; j < series.length; j++) {\n        const s = series[j];\n        if (s) {\n          return s as ICartesianSeries;\n        }\n      }\n    }\n    this._option?.onError('need at least one series');\n    return null;\n  }\n\n  clear(): void {\n    if (this._markerComponent) {\n      this._container.removeChild(this._markerComponent as unknown as INode);\n      this._markerComponent = null;\n    }\n    super.clear();\n  }\n}\n"]}
+{"version":3,"sources":["../src/component/marker/base-marker.ts"],"names":[],"mappings":"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","file":"base-marker.js","sourcesContent":["import type { DataView } from '@visactor/vdataset';\nimport { array } from '@visactor/vutils';\nimport { AGGR_TYPE } from '../../constant/marker';\nimport type { IOptionAggr } from '../../data/transforms/aggregation';\nimport type { IModelRenderOption } from '../../model/interface';\nimport type { LayoutItem } from '../../model/layout-item';\nimport type { IRegion } from '../../region/interface';\nimport type { ICartesianSeries } from '../../series/interface';\nimport type { StringOrNumber } from '../../typings';\nimport { BaseComponent } from '../base';\nimport type { IAggrType, IDataPointSpec, IDataPos, IDataPosCallback, IMarkerAxisSpec, IMarkerSpec } from './interface';\nimport type { IRegressType } from './mark-area/interface';\nimport type { IGraphic, INode } from '@visactor/vrender';\n\nexport abstract class BaseMarker<T extends IMarkerSpec & IMarkerAxisSpec> extends BaseComponent<T> {\n  layoutType: LayoutItem['layoutType'] = 'absolute';\n\n  protected _startRelativeSeries!: ICartesianSeries;\n  protected _endRelativeSeries!: ICartesianSeries;\n  protected _relativeSeries!: ICartesianSeries;\n\n  // marker 组件数据\n  protected _markerData!: DataView;\n  // marker 组件\n  protected _markerComponent!: any;\n\n  created() {\n    super.created();\n    // event\n    this.initEvent();\n    this._bindSeries();\n    this._initDataView();\n  }\n\n  private _isSpecAggr(spec: IDataPos | IDataPosCallback) {\n    return AGGR_TYPE.includes(spec as any);\n  }\n\n  private _getAllRelativeSeries() {\n    return {\n      getRelativeSeries: () => this._relativeSeries,\n      getStartRelativeSeries: () => this._startRelativeSeries,\n      getEndRelativeSeries: () => this._endRelativeSeries\n    };\n  }\n\n  protected _processSpecX(specX: IDataPos | IDataPosCallback) {\n    const relativeSeries = this._relativeSeries;\n    let processType: IAggrType | IRegressType;\n    if (this._isSpecAggr(specX)) {\n      processType = specX as unknown as IAggrType;\n      return {\n        x: {\n          field: relativeSeries.getSpec().xField,\n          aggrType: processType\n        },\n        ...this._getAllRelativeSeries()\n      };\n    }\n    return { x: specX, ...this._getAllRelativeSeries() };\n  }\n\n  protected _processSpecY(specY: IDataPos | IDataPosCallback) {\n    const relativeSeries = this._relativeSeries;\n    let processType: IAggrType | IRegressType;\n    if (this._isSpecAggr(specY)) {\n      processType = specY as unknown as IAggrType;\n      return {\n        y: {\n          field: relativeSeries.getSpec().yField,\n          aggrType: processType\n        },\n        ...this._getAllRelativeSeries()\n      };\n    }\n    return { y: specY, ...this._getAllRelativeSeries() };\n  }\n\n  protected _processSpecCoo(spec: any) {\n    const coordinates = spec.coordinates ?? array(spec.coordinate);\n    return coordinates.map((coordinate: IDataPointSpec) => {\n      const refRelativeSeries = this._getSeriesByIdOrIndex(\n        coordinate.refRelativeSeriesId,\n        coordinate.refRelativeSeriesIndex\n      );\n\n      const { xField, yField } = refRelativeSeries.getSpec();\n      const { [xField]: coordinateX, [yField]: coordinateY } = coordinate;\n      const option: IOptionAggr = {\n        x: undefined,\n        y: undefined,\n        ...this._getAllRelativeSeries()\n      };\n      if (this._isSpecAggr(coordinateX)) {\n        option.x = { field: xField, aggrType: coordinateX as IAggrType };\n      } else {\n        option.x = coordinateX;\n      }\n\n      if (this._isSpecAggr(coordinateY)) {\n        option.y = { field: yField, aggrType: coordinateY as IAggrType };\n      } else {\n        option.y = coordinateY;\n      }\n      option.getRefRelativeSeries = () => refRelativeSeries;\n      return option;\n    });\n  }\n\n  updateLayoutAttribute(): void {\n    const markerVisible = this._spec.visible ?? true;\n    if (markerVisible) {\n      // 创建marker组件\n      if (!this._markerComponent) {\n        this._createMarkerComponent();\n        // 代理 marker 组件上的事件\n        this._markerComponent.on('*', (event: any, type: string) =>\n          this._delegateEvent(this._markerComponent as unknown as IGraphic, event, type)\n        );\n      }\n      this._markerLayout();\n    }\n\n    super.updateLayoutAttribute();\n  }\n\n  protected _getSeriesByIdOrIndex(seriesUserId: StringOrNumber, seriesIndex: number) {\n    let series: ICartesianSeries;\n    series = this._option.getSeriesInUserIdOrIndex(array(seriesUserId), [seriesIndex])?.[0] as ICartesianSeries;\n    if (!series) {\n      series = this._relativeSeries ?? this.getFirstSeries();\n    }\n    return series;\n  }\n\n  protected _bindSeries() {\n    const spec = this._spec;\n    this._relativeSeries = this._getSeriesByIdOrIndex(spec.relativeSeriesId, spec.relativeSeriesIndex);\n    this._startRelativeSeries = this._getSeriesByIdOrIndex(spec.startRelativeSeriesId, spec.startRelativeSeriesIndex);\n    this._endRelativeSeries = this._getSeriesByIdOrIndex(spec.endRelativeSeriesId, spec.endRelativeSeriesIndex);\n  }\n\n  protected _computeClipRange(regions: IRegion[]) {\n    let minX = Infinity;\n    let maxX = -Infinity;\n    let minY = Infinity;\n    let maxY = -Infinity;\n    regions.forEach((region: IRegion) => {\n      if (region.getLayoutStartPoint().x < minX) {\n        minX = region.getLayoutStartPoint().x;\n      }\n      if (region.getLayoutStartPoint().x + region.getLayoutRect().width > maxX) {\n        maxX = region.getLayoutStartPoint().x + region.getLayoutRect().width;\n      }\n      if (region.getLayoutStartPoint().y < minY) {\n        minY = region.getLayoutStartPoint().y;\n      }\n      if (region.getLayoutStartPoint().y + region.getLayoutRect().height > maxY) {\n        maxY = region.getLayoutStartPoint().y + region.getLayoutRect().height;\n      }\n    });\n    return { minX, maxX, minY, maxY };\n  }\n\n  protected abstract _initDataView(): void;\n  protected abstract _createMarkerComponent(): void;\n  protected abstract _markerLayout(): void;\n\n  protected initEvent() {\n    // do nothing\n  }\n  onRender(ctx: IModelRenderOption): void {\n    // do nothing\n  }\n  changeRegions(regions: IRegion[]): void {\n    // do nothing\n  }\n\n  protected getFirstSeries(): ICartesianSeries {\n    for (let i = 0; i < this._regions.length; i++) {\n      const r = this._regions[i];\n      const series = r.getSeries();\n      for (let j = 0; j < series.length; j++) {\n        const s = series[j];\n        if (s) {\n          return s as ICartesianSeries;\n        }\n      }\n    }\n    this._option?.onError('need at least one series');\n    return null;\n  }\n\n  clear(): void {\n    if (this._markerComponent) {\n      this.getContainer()?.removeChild(this._markerComponent as unknown as INode);\n      this._markerComponent = null;\n    }\n    super.clear();\n  }\n}\n"]}

package/cjs/component/player/player.js

@@ -45,15 +45,17 @@ class Player extends base_1.BaseComponent {
             return sliderHeight >= controllersHeight ? sliderHeight - controllersHeight : 0;
         }, this._initEvent = () => {
             this._option.globalInstance.on(constant_1.ChartEvent.rendered, (() => {
-                this._spec.auto && this._playerComponent.play();
+                var _a;
+                (null === (_a = this._spec) || void 0 === _a ? void 0 : _a.auto) && this._playerComponent.play();
             })), this._playerComponent.addEventListener(vrender_components_1.PlayerEventEnum.OnEnd, (() => {
+                var _a;
                 this.event.emit(constant_1.ChartEvent.playerEnd, {
                     model: this
                 }), this._alternate && "discrete" === this._spec.type && (this._direction = "default" === this._direction ? "reverse" : "default", 
                 this._playerComponent.setAttributes({
                     direction: this._direction,
                     dataIndex: "reverse" === this._direction ? this._specs.length - 2 : 1
-                })), this._spec.loop && this._playerComponent.play();
+                })), (null === (_a = this._spec) || void 0 === _a ? void 0 : _a.loop) && this._playerComponent.play();
             })), this._playerComponent.addEventListener(vrender_components_1.PlayerEventEnum.OnChange, (e => {
                 const {index: index} = e.detail, spec = this._specs[index];
                 (0, vutils_1.array)(spec.data).forEach((data => {
@@ -145,7 +147,9 @@ class Player extends base_1.BaseComponent {
     changeRegions(regions) {}
     onRender(ctx) {}
     clear() {
-        super.clear(), this._playerComponent = null;
+        var _a;
+        super.clear(), this._playerComponent && (null === (_a = this.getContainer()) || void 0 === _a || _a.removeChild(this._playerComponent)), 
+        this._playerComponent = null;
     }
     _computeLayoutRect(rect, width, height) {
         switch (this._orient) {

package/cjs/component/player/player.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/player/player.ts"],"names":[],"mappings":"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","file":"player.js","sourcesContent":["import type { INode } from '@visactor/vrender';\nimport type { ContinuousPlayerAttributes, DiscretePlayerAttributes } from '@visactor/vrender-components';\n\n// eslint-disable-next-line no-duplicate-imports\nimport { DiscretePlayer, ContinuousPlayer, PlayerEventEnum } from '@visactor/vrender-components';\nimport { isNumber, array, isEqual } from '@visactor/vutils';\n\nimport type { ILayoutRect, IModelRenderOption } from '../../model/interface';\nimport type { IRegion } from '../../region/interface';\nimport type { IComponentOption } from '../interface';\n\nimport type { DirectionType, IPlayer } from './interface';\n// eslint-disable-next-line no-duplicate-imports\nimport type { IComponent } from '../interface';\nimport type { IPoint, IOrientType } from '../../typings';\nimport type { IChartSpec, IDataValues } from '../..';\n\n// eslint-disable-next-line no-duplicate-imports\nimport { ComponentTypeEnum } from '../interface';\nimport { BaseComponent } from '../base';\nimport { isNil, isValidNumber } from '../../util';\nimport { transformContinuousSpecToAttrs, transformDiscreteSpecToAttrs } from './utils';\nimport { isHorizontal, isVertical } from './utils/orient';\nimport { ChartEvent, LayoutLevel, LayoutZIndex } from '../../constant';\n\nexport class Player extends BaseComponent<IPlayer> implements IComponent {\n  layoutZIndex: number = LayoutZIndex.Player;\n  layoutLevel: number = LayoutLevel.Player;\n\n  static type = ComponentTypeEnum.player;\n  type = ComponentTypeEnum.player;\n  specKey = 'player';\n  private _orient: IOrientType = 'bottom';\n  private _specs: Partial<IChartSpec>[];\n\n  private _playerComponent: DiscretePlayer | ContinuousPlayer;\n  private _cacheAttrs: ContinuousPlayerAttributes | DiscretePlayerAttributes;\n\n  private _direction: DirectionType;\n  private _alternate: boolean;\n  private _dx: number;\n  private _dy: number;\n  private _width: number;\n  private _height: number;\n  private _position: 'start' | 'middle' | 'end';\n\n  get orient() {\n    return this._orient;\n  }\n\n  get layoutOrient() {\n    return this._orient;\n  }\n\n  set layoutOrient(v: IOrientType) {\n    this._orient = v;\n  }\n\n  static createComponent = (spec: IChartSpec, options: IComponentOption) => {\n    const playerSpec = spec.player as IPlayer;\n    if (isNil(playerSpec) || playerSpec.visible === false) {\n      return null;\n    }\n    return new Player(playerSpec, options);\n  };\n\n  /**\n   * 设置Attr\n   */\n  setAttrFromSpec() {\n    super.setAttrFromSpec();\n    this._orient = this._spec.orient ?? 'bottom';\n    this._specs = this._spec.specs ?? [];\n    this._direction = this._spec.direction ?? 'default';\n    this._alternate = this._spec.alternate ?? false;\n    this._dx = this._spec.dx ?? 0;\n    this._dy = this._spec.dy ?? 0;\n    this._position = this._spec.position ?? 'middle';\n  }\n\n  /**\n   * 计算组件位置(布局的左上角起点)\n   * @param pos\n   */\n  setLayoutStartPosition(pos: Partial<IPoint>) {\n    super.setLayoutStartPosition(pos);\n    if (isValidNumber(pos.x)) {\n      const offsetX = isVertical(this._orient) ? pos.x + this._sliderExceededSize() / 2 : pos.x;\n      this._playerComponent && this._playerComponent.setAttribute('x', offsetX);\n    }\n    if (isValidNumber(pos.y)) {\n      const offsetY = isHorizontal(this._orient) ? pos.y + this._sliderExceededSize() / 2 : pos.y;\n      this._playerComponent && this._playerComponent.setAttribute('y', offsetY);\n    }\n  }\n\n  /**\n   * 计算组件占用的bound box\n   * @param rect\n   * @returns\n   */\n  _boundsInRect(rect: ILayoutRect, fullSpace: ILayoutRect) {\n    this._width = this._computeWidth(rect);\n    this._height = this._computeHeight(rect);\n    this._dx = this._computeDx(fullSpace);\n    this._dy = this._computeDy(fullSpace);\n\n    const bounds = this._computeLayoutRect(rect, this._width, this._height);\n\n    this._createOrUpdatePlayerComponent();\n\n    return bounds;\n  }\n\n  changeRegions(regions: IRegion[]): void {\n    // do nothing\n  }\n\n  onRender(ctx: IModelRenderOption): void {\n    // do nothing\n  }\n\n  clear(): void {\n    super.clear();\n    this._playerComponent = null;\n  }\n\n  /**\n   * 播放器属性\n   */\n  private _getPlayerAttrs = () => {\n    const type = this._spec.type;\n    const layoutAttrs = {\n      size: {\n        width: this._width,\n        height: this._height\n      },\n      dx: this._spec.dx ?? 0 + this._dx,\n      dy: this._spec.dy ?? 0 + this._dy\n    };\n    // 离散类型Attrs\n    if (type === 'discrete') {\n      return { ...transformDiscreteSpecToAttrs(this._spec, this._specs), ...layoutAttrs };\n    }\n    // 连续类型Attrs\n    return { ...transformContinuousSpecToAttrs(this._spec, this._specs), ...layoutAttrs };\n  };\n\n  /**\n   * 创建或更新播放器组件\n   */\n  private _createOrUpdatePlayerComponent = () => {\n    const attrs = { ...this._getPlayerAttrs() };\n    const container = this.getContainer();\n    if (this._playerComponent) {\n      if (!isEqual(attrs, this._cacheAttrs)) {\n        this._cacheAttrs = attrs;\n        this._playerComponent.setAttributes(attrs);\n      }\n    } else {\n      if (attrs.type === 'discrete') {\n        this._playerComponent = new DiscretePlayer(attrs);\n      } else {\n        this._playerComponent = new ContinuousPlayer(attrs);\n      }\n\n      this._cacheAttrs = attrs;\n      this._playerComponent.name = `player`;\n\n      container.add(this._playerComponent as unknown as INode);\n\n      this._initEvent();\n    }\n  };\n\n  /**\n   * 计算起点\n   */\n  private _computeLayoutRect(rect: ILayoutRect, width: number, height: number) {\n    switch (this._orient) {\n      case 'top': {\n        return { x1: 0, y1: 0, x2: width, y2: height };\n      }\n      case 'right': {\n        return { x1: rect.width - width, y1: 0, x2: rect.width, y2: rect.height };\n      }\n      case 'left': {\n        return { x1: 0, y1: 0, x2: width, y2: height };\n      }\n      case 'bottom':\n      default: {\n        return { x1: 0, y1: rect.height - height, x2: rect.width, y2: rect.height };\n      }\n    }\n  }\n\n  /**\n   * 计算组件宽度\n   */\n  private _computeWidth(rect: ILayoutRect) {\n    // 若设置的是数值则直接返回\n    if (isNumber(this._spec.width)) {\n      return Math.min(rect.width, Number(this._spec.width));\n    }\n\n    if (isVertical(this._orient)) {\n      return this._maxSize();\n    }\n    return rect.width;\n  }\n\n  /**\n   * 计算组件高度\n   */\n  private _computeHeight(rect: ILayoutRect) {\n    // 若设置的是数值则直接返回\n    if (isNumber(this._spec.height)) {\n      this._height = this._spec.height;\n      return Math.min(rect.height, Number(this._spec.height));\n    }\n\n    if (isHorizontal(this._orient)) {\n      return this._maxSize();\n    }\n    return rect.height;\n  }\n\n  /**\n   * 计算x方向的偏移, 用于实现对齐\n   */\n  private _computeDx(rect: ILayoutRect) {\n    // 垂直时, x不偏移\n    if (isVertical(this._orient)) {\n      return 0;\n    }\n\n    // start\n    if (this._position === 'start') {\n      return 0;\n    }\n    // middle\n    else if (this._position === 'middle') {\n      return (rect.width - this._width) / 2;\n    }\n    // end\n    return rect.width - this._width;\n  }\n\n  /**\n   * 计算y方向的偏移, 用于实现对齐\n   */\n  private _computeDy(rect: ILayoutRect) {\n    // 水平时, y不偏移\n    if (isHorizontal(this._orient)) {\n      return 0;\n    }\n\n    // start\n    if (this._position === 'start') {\n      return 0;\n    }\n    // middle\n    else if (this._position === 'middle') {\n      return (rect.height - this._height) / 2;\n    }\n\n    // end\n    return rect.height - this._height;\n  }\n\n  /**\n   * 播放器宽度取计算子组件中最高的一个\n   */\n  private _maxSize = () => {\n    return Math.max(\n      ...array(this._spec.controller.start?.style?.size),\n      ...array(this._spec.controller.pause?.style?.size),\n      ...array(this._spec.controller.backward?.style?.size),\n      ...array(this._spec.controller.forward?.style?.size),\n      (isVertical(this._orient) ? this._spec.slider.railStyle.width : this._spec.slider.railStyle.height) ?? 10\n    );\n  };\n\n  /**\n   * 滑动条超过按钮的高度\n   */\n  private _sliderExceededSize = () => {\n    const sliderHeight =\n      (isVertical(this._orient) ? this._spec.slider.railStyle.width : this._spec.slider.railStyle.height) ?? 10;\n    const controllersHeight = Math.max(\n      ...array(this._spec.controller.start?.style?.size),\n      ...array(this._spec.controller.pause?.style?.size),\n      ...array(this._spec.controller.backward?.style?.size),\n      ...array(this._spec.controller.forward?.style?.size)\n    );\n    if (sliderHeight >= controllersHeight) {\n      return sliderHeight - controllersHeight;\n    }\n    return 0;\n  };\n\n  /**\n   * 事件\n   */\n  private _initEvent = () => {\n    // 自动播放\n    this._option.globalInstance.on(ChartEvent.rendered, () => {\n      if (this._spec.auto) {\n        this._playerComponent.play();\n      }\n    });\n\n    // 循环播放 与 交替方向\n    this._playerComponent.addEventListener(PlayerEventEnum.OnEnd, () => {\n      this.event.emit(ChartEvent.playerEnd, { model: this });\n\n      // 交替方向, 仅离散轴支持\n      if (this._alternate && this._spec.type === 'discrete') {\n        this._direction = this._direction === 'default' ? 'reverse' : 'default';\n        this._playerComponent.setAttributes({\n          direction: this._direction,\n          dataIndex: this._direction === 'reverse' ? this._specs.length - 2 : 1\n        });\n      }\n\n      // 循环播放\n      if (this._spec.loop) {\n        this._playerComponent.play();\n      }\n    });\n\n    // 数据更新\n    this._playerComponent.addEventListener(PlayerEventEnum.OnChange, (e: { detail: { index: number } }) => {\n      // 更新data\n      const { index } = e.detail;\n      const spec = this._specs[index];\n      (array(spec.data) as IDataValues[]).forEach(data => {\n        this._option?.globalInstance?.updateData(data.id, data.values);\n      });\n\n      this.event.emit(ChartEvent.playerChange, {\n        model: this,\n        value: {\n          spec: spec,\n          index: index,\n          specs: this._specs\n        }\n      });\n    });\n\n    // 后退\n    this._playerComponent.addEventListener(PlayerEventEnum.OnBackward, (e: { detail: { index: number } }) => {\n      const { index } = e.detail;\n      const spec = this._specs[index];\n      this.event.emit(ChartEvent.playerBackward, {\n        model: this,\n        value: {\n          spec: spec,\n          index: index,\n          specs: this._specs\n        }\n      });\n    });\n\n    // 前进\n    this._playerComponent.addEventListener(PlayerEventEnum.OnForward, (e: { detail: { index: number } }) => {\n      const { index } = e.detail;\n      const spec = this._specs[index];\n      this.event.emit(ChartEvent.playerForward, {\n        model: this,\n        value: {\n          spec: spec,\n          index: index,\n          specs: this._specs\n        }\n      });\n    });\n\n    // 播放\n    this._playerComponent.addEventListener(PlayerEventEnum.OnPlay, (e: { detail: { index: number } }) => {\n      const { index } = e.detail;\n      const spec = this._specs[index];\n      this.event.emit(ChartEvent.playerPlay, {\n        model: this,\n        value: {\n          spec: spec,\n          index: index,\n          specs: this._specs\n        }\n      });\n    });\n\n    // 暂停\n    this._playerComponent.addEventListener(PlayerEventEnum.OnPause, (e: { detail: { index: number } }) => {\n      const { index } = e.detail;\n      const spec = this._specs[index];\n      this.event.emit(ChartEvent.playerPause, {\n        model: this,\n        value: {\n          spec: spec,\n          index: index,\n          specs: this._specs\n        }\n      });\n    });\n  };\n}\n"]}
+{"version":3,"sources":["../src/component/player/player.ts"],"names":[],"mappings":"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","file":"player.js","sourcesContent":["import type { INode } from '@visactor/vrender';\nimport type { ContinuousPlayerAttributes, DiscretePlayerAttributes } from '@visactor/vrender-components';\n\n// eslint-disable-next-line no-duplicate-imports\nimport { DiscretePlayer, ContinuousPlayer, PlayerEventEnum } from '@visactor/vrender-components';\nimport { isNumber, array, isEqual } from '@visactor/vutils';\n\nimport type { ILayoutRect, IModelRenderOption } from '../../model/interface';\nimport type { IRegion } from '../../region/interface';\nimport type { IComponentOption } from '../interface';\n\nimport type { DirectionType, IPlayer } from './interface';\n// eslint-disable-next-line no-duplicate-imports\nimport type { IComponent } from '../interface';\nimport type { IPoint, IOrientType } from '../../typings';\nimport type { IChartSpec, IDataValues } from '../..';\n\n// eslint-disable-next-line no-duplicate-imports\nimport { ComponentTypeEnum } from '../interface';\nimport { BaseComponent } from '../base';\nimport { isNil, isValidNumber } from '../../util';\nimport { transformContinuousSpecToAttrs, transformDiscreteSpecToAttrs } from './utils';\nimport { isHorizontal, isVertical } from './utils/orient';\nimport { ChartEvent, LayoutLevel, LayoutZIndex } from '../../constant';\n\nexport class Player extends BaseComponent<IPlayer> implements IComponent {\n  layoutZIndex: number = LayoutZIndex.Player;\n  layoutLevel: number = LayoutLevel.Player;\n\n  static type = ComponentTypeEnum.player;\n  type = ComponentTypeEnum.player;\n  specKey = 'player';\n  private _orient: IOrientType = 'bottom';\n  private _specs: Partial<IChartSpec>[];\n\n  private _playerComponent: DiscretePlayer | ContinuousPlayer;\n  private _cacheAttrs: ContinuousPlayerAttributes | DiscretePlayerAttributes;\n\n  private _direction: DirectionType;\n  private _alternate: boolean;\n  private _dx: number;\n  private _dy: number;\n  private _width: number;\n  private _height: number;\n  private _position: 'start' | 'middle' | 'end';\n\n  get orient() {\n    return this._orient;\n  }\n\n  get layoutOrient() {\n    return this._orient;\n  }\n\n  set layoutOrient(v: IOrientType) {\n    this._orient = v;\n  }\n\n  static createComponent = (spec: IChartSpec, options: IComponentOption) => {\n    const playerSpec = spec.player as IPlayer;\n    if (isNil(playerSpec) || playerSpec.visible === false) {\n      return null;\n    }\n    return new Player(playerSpec, options);\n  };\n\n  /**\n   * 设置Attr\n   */\n  setAttrFromSpec() {\n    super.setAttrFromSpec();\n    this._orient = this._spec.orient ?? 'bottom';\n    this._specs = this._spec.specs ?? [];\n    this._direction = this._spec.direction ?? 'default';\n    this._alternate = this._spec.alternate ?? false;\n    this._dx = this._spec.dx ?? 0;\n    this._dy = this._spec.dy ?? 0;\n    this._position = this._spec.position ?? 'middle';\n  }\n\n  /**\n   * 计算组件位置(布局的左上角起点)\n   * @param pos\n   */\n  setLayoutStartPosition(pos: Partial<IPoint>) {\n    super.setLayoutStartPosition(pos);\n    if (isValidNumber(pos.x)) {\n      const offsetX = isVertical(this._orient) ? pos.x + this._sliderExceededSize() / 2 : pos.x;\n      this._playerComponent && this._playerComponent.setAttribute('x', offsetX);\n    }\n    if (isValidNumber(pos.y)) {\n      const offsetY = isHorizontal(this._orient) ? pos.y + this._sliderExceededSize() / 2 : pos.y;\n      this._playerComponent && this._playerComponent.setAttribute('y', offsetY);\n    }\n  }\n\n  /**\n   * 计算组件占用的bound box\n   * @param rect\n   * @returns\n   */\n  _boundsInRect(rect: ILayoutRect, fullSpace: ILayoutRect) {\n    this._width = this._computeWidth(rect);\n    this._height = this._computeHeight(rect);\n    this._dx = this._computeDx(fullSpace);\n    this._dy = this._computeDy(fullSpace);\n\n    const bounds = this._computeLayoutRect(rect, this._width, this._height);\n\n    this._createOrUpdatePlayerComponent();\n\n    return bounds;\n  }\n\n  changeRegions(regions: IRegion[]): void {\n    // do nothing\n  }\n\n  onRender(ctx: IModelRenderOption): void {\n    // do nothing\n  }\n\n  clear(): void {\n    super.clear();\n    if (this._playerComponent) {\n      this.getContainer()?.removeChild(this._playerComponent as unknown as INode);\n    }\n    this._playerComponent = null;\n  }\n\n  /**\n   * 播放器属性\n   */\n  private _getPlayerAttrs = () => {\n    const type = this._spec.type;\n    const layoutAttrs = {\n      size: {\n        width: this._width,\n        height: this._height\n      },\n      dx: this._spec.dx ?? 0 + this._dx,\n      dy: this._spec.dy ?? 0 + this._dy\n    };\n    // 离散类型Attrs\n    if (type === 'discrete') {\n      return { ...transformDiscreteSpecToAttrs(this._spec, this._specs), ...layoutAttrs };\n    }\n    // 连续类型Attrs\n    return { ...transformContinuousSpecToAttrs(this._spec, this._specs), ...layoutAttrs };\n  };\n\n  /**\n   * 创建或更新播放器组件\n   */\n  private _createOrUpdatePlayerComponent = () => {\n    const attrs = { ...this._getPlayerAttrs() };\n    const container = this.getContainer();\n    if (this._playerComponent) {\n      if (!isEqual(attrs, this._cacheAttrs)) {\n        this._cacheAttrs = attrs;\n        this._playerComponent.setAttributes(attrs);\n      }\n    } else {\n      if (attrs.type === 'discrete') {\n        this._playerComponent = new DiscretePlayer(attrs);\n      } else {\n        this._playerComponent = new ContinuousPlayer(attrs);\n      }\n\n      this._cacheAttrs = attrs;\n      this._playerComponent.name = `player`;\n\n      container.add(this._playerComponent as unknown as INode);\n\n      this._initEvent();\n    }\n  };\n\n  /**\n   * 计算起点\n   */\n  private _computeLayoutRect(rect: ILayoutRect, width: number, height: number) {\n    switch (this._orient) {\n      case 'top': {\n        return { x1: 0, y1: 0, x2: width, y2: height };\n      }\n      case 'right': {\n        return { x1: rect.width - width, y1: 0, x2: rect.width, y2: rect.height };\n      }\n      case 'left': {\n        return { x1: 0, y1: 0, x2: width, y2: height };\n      }\n      case 'bottom':\n      default: {\n        return { x1: 0, y1: rect.height - height, x2: rect.width, y2: rect.height };\n      }\n    }\n  }\n\n  /**\n   * 计算组件宽度\n   */\n  private _computeWidth(rect: ILayoutRect) {\n    // 若设置的是数值则直接返回\n    if (isNumber(this._spec.width)) {\n      return Math.min(rect.width, Number(this._spec.width));\n    }\n\n    if (isVertical(this._orient)) {\n      return this._maxSize();\n    }\n    return rect.width;\n  }\n\n  /**\n   * 计算组件高度\n   */\n  private _computeHeight(rect: ILayoutRect) {\n    // 若设置的是数值则直接返回\n    if (isNumber(this._spec.height)) {\n      this._height = this._spec.height;\n      return Math.min(rect.height, Number(this._spec.height));\n    }\n\n    if (isHorizontal(this._orient)) {\n      return this._maxSize();\n    }\n    return rect.height;\n  }\n\n  /**\n   * 计算x方向的偏移, 用于实现对齐\n   */\n  private _computeDx(rect: ILayoutRect) {\n    // 垂直时, x不偏移\n    if (isVertical(this._orient)) {\n      return 0;\n    }\n\n    // start\n    if (this._position === 'start') {\n      return 0;\n    }\n    // middle\n    else if (this._position === 'middle') {\n      return (rect.width - this._width) / 2;\n    }\n    // end\n    return rect.width - this._width;\n  }\n\n  /**\n   * 计算y方向的偏移, 用于实现对齐\n   */\n  private _computeDy(rect: ILayoutRect) {\n    // 水平时, y不偏移\n    if (isHorizontal(this._orient)) {\n      return 0;\n    }\n\n    // start\n    if (this._position === 'start') {\n      return 0;\n    }\n    // middle\n    else if (this._position === 'middle') {\n      return (rect.height - this._height) / 2;\n    }\n\n    // end\n    return rect.height - this._height;\n  }\n\n  /**\n   * 播放器宽度取计算子组件中最高的一个\n   */\n  private _maxSize = () => {\n    return Math.max(\n      ...array(this._spec.controller.start?.style?.size),\n      ...array(this._spec.controller.pause?.style?.size),\n      ...array(this._spec.controller.backward?.style?.size),\n      ...array(this._spec.controller.forward?.style?.size),\n      (isVertical(this._orient) ? this._spec.slider.railStyle.width : this._spec.slider.railStyle.height) ?? 10\n    );\n  };\n\n  /**\n   * 滑动条超过按钮的高度\n   */\n  private _sliderExceededSize = () => {\n    const sliderHeight =\n      (isVertical(this._orient) ? this._spec.slider.railStyle.width : this._spec.slider.railStyle.height) ?? 10;\n    const controllersHeight = Math.max(\n      ...array(this._spec.controller.start?.style?.size),\n      ...array(this._spec.controller.pause?.style?.size),\n      ...array(this._spec.controller.backward?.style?.size),\n      ...array(this._spec.controller.forward?.style?.size)\n    );\n    if (sliderHeight >= controllersHeight) {\n      return sliderHeight - controllersHeight;\n    }\n    return 0;\n  };\n\n  /**\n   * 事件\n   */\n  private _initEvent = () => {\n    // 自动播放\n    this._option.globalInstance.on(ChartEvent.rendered, () => {\n      if (this._spec?.auto) {\n        this._playerComponent.play();\n      }\n    });\n\n    // 循环播放 与 交替方向\n    this._playerComponent.addEventListener(PlayerEventEnum.OnEnd, () => {\n      this.event.emit(ChartEvent.playerEnd, { model: this });\n\n      // 交替方向, 仅离散轴支持\n      if (this._alternate && this._spec.type === 'discrete') {\n        this._direction = this._direction === 'default' ? 'reverse' : 'default';\n        this._playerComponent.setAttributes({\n          direction: this._direction,\n          dataIndex: this._direction === 'reverse' ? this._specs.length - 2 : 1\n        });\n      }\n\n      // 循环播放\n      if (this._spec?.loop) {\n        this._playerComponent.play();\n      }\n    });\n\n    // 数据更新\n    this._playerComponent.addEventListener(PlayerEventEnum.OnChange, (e: { detail: { index: number } }) => {\n      // 更新data\n      const { index } = e.detail;\n      const spec = this._specs[index];\n      (array(spec.data) as IDataValues[]).forEach(data => {\n        this._option?.globalInstance?.updateData(data.id, data.values);\n      });\n\n      this.event.emit(ChartEvent.playerChange, {\n        model: this,\n        value: {\n          spec: spec,\n          index: index,\n          specs: this._specs\n        }\n      });\n    });\n\n    // 后退\n    this._playerComponent.addEventListener(PlayerEventEnum.OnBackward, (e: { detail: { index: number } }) => {\n      const { index } = e.detail;\n      const spec = this._specs[index];\n      this.event.emit(ChartEvent.playerBackward, {\n        model: this,\n        value: {\n          spec: spec,\n          index: index,\n          specs: this._specs\n        }\n      });\n    });\n\n    // 前进\n    this._playerComponent.addEventListener(PlayerEventEnum.OnForward, (e: { detail: { index: number } }) => {\n      const { index } = e.detail;\n      const spec = this._specs[index];\n      this.event.emit(ChartEvent.playerForward, {\n        model: this,\n        value: {\n          spec: spec,\n          index: index,\n          specs: this._specs\n        }\n      });\n    });\n\n    // 播放\n    this._playerComponent.addEventListener(PlayerEventEnum.OnPlay, (e: { detail: { index: number } }) => {\n      const { index } = e.detail;\n      const spec = this._specs[index];\n      this.event.emit(ChartEvent.playerPlay, {\n        model: this,\n        value: {\n          spec: spec,\n          index: index,\n          specs: this._specs\n        }\n      });\n    });\n\n    // 暂停\n    this._playerComponent.addEventListener(PlayerEventEnum.OnPause, (e: { detail: { index: number } }) => {\n      const { index } = e.detail;\n      const spec = this._specs[index];\n      this.event.emit(ChartEvent.playerPause, {\n        model: this,\n        value: {\n          spec: spec,\n          index: index,\n          specs: this._specs\n        }\n      });\n    });\n  };\n}\n"]}

package/cjs/component/title/title.d.ts

@@ -22,10 +22,9 @@ export declare class Title extends BaseComponent<ITitleSpec> implements ITitle {
     constructor(spec: ITitleSpec, options: IComponentOption);
     static createComponent(spec: any, options: IComponentOption): Title | Title[];
     onRender(ctx: any): void;
-    updateSpec(spec: any): {
+    _compareSpec(): {
         change: boolean;
         reMake: boolean;
-        reMakeData: boolean;
         reRender: boolean;
         reSize: boolean;
         reCompile: boolean;

package/cjs/component/title/title.js

@@ -37,10 +37,10 @@ class Title extends base_1.BaseComponent {
         })), titles;
     }
     onRender(ctx) {}
-    updateSpec(spec) {
-        const originalSpec = this._originalSpec, result = super.updateSpec(spec);
-        return originalSpec.orient !== spec.orient && (result.reMake = !0), result.change = !0, 
-        result.reRender = !0, result;
+    _compareSpec() {
+        const result = super._compareSpec();
+        return this._originalSpec.orient !== this._spec.orient && (result.reMake = !0), 
+        result.change = !0, result.reRender = !0, result;
     }
     changeRegions(regions) {}
     update(ctx) {}
@@ -107,8 +107,9 @@ class Title extends base_1.BaseComponent {
         return this._cacheAttrs = attrs, this._titleComponent;
     }
     clear() {
-        this._titleComponent && (this._container.removeChild(this._titleComponent), this._titleComponent = null), 
-        this._cacheAttrs = null, super.clear();
+        var _a;
+        this._titleComponent && (null === (_a = this.getContainer()) || void 0 === _a || _a.removeChild(this._titleComponent), 
+        this._titleComponent = null), this._cacheAttrs = null, super.clear();
     }
 }
 

package/cjs/component/title/title.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/title/title.ts"],"names":[],"mappings":"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","file":"title.js","sourcesContent":["import { BaseComponent } from '../base';\nimport { ComponentTypeEnum } from '../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport type { IComponentOption } from '../interface';\nimport { isArray, isValidNumber, isValidOrient } from '../../util';\nimport type { ITitle, ITitleSpec, ITitleTheme } from './interface';\nimport type { IRegion } from '../../region/interface';\nimport type { ILayoutRect } from '../../model/interface';\nimport { Title as TitleComponents } from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport type { TitleAttrs } from '@visactor/vrender-components';\nimport type { IGraphic, IGroup, INode } from '@visactor/vrender';\nimport type { IPoint, IOrientType } from '../../typings';\nimport { isEqual } from '@visactor/vutils';\nimport type { LayoutItem } from '../../model/layout-item';\nimport { LayoutLevel, LayoutZIndex } from '../../constant';\n\nexport class Title extends BaseComponent<ITitleSpec> implements ITitle {\n  static type = ComponentTypeEnum.title;\n  type = ComponentTypeEnum.title;\n\n  layoutType: LayoutItem['layoutType'] = 'normal';\n  layoutZIndex: LayoutItem['layoutZIndex'] = LayoutZIndex.Title;\n  layoutLevel: number = LayoutLevel.Title;\n\n  protected declare _theme: ITitleTheme;\n\n  protected _orient: IOrientType = 'top';\n\n  private _titleComponent: TitleComponents;\n  private _cacheAttrs: TitleAttrs;\n\n  get orient() {\n    return this._orient;\n  }\n\n  get layoutOrient() {\n    return this._layoutOrient;\n  }\n\n  set layoutOrient(v: IOrientType) {\n    this._orient = v;\n    this._layoutOrient = v;\n  }\n\n  constructor(spec: ITitleSpec, options: IComponentOption) {\n    super(spec, {\n      ...options\n    });\n    this._orient = isValidOrient(spec.orient) ? spec.orient : 'top';\n    this._layoutOrient = this._orient;\n  }\n\n  static createComponent(spec: any, options: IComponentOption) {\n    const titleSpec = spec.title;\n    if (!titleSpec || titleSpec.visible === false) {\n      return null;\n    }\n    if (!isArray(titleSpec)) {\n      return new Title(titleSpec, { ...options, specKey: 'title' });\n    }\n    const titles: Title[] = [];\n    titleSpec.forEach((s: any, i: number) => {\n      if (s.visible !== false) {\n        titles.push(new Title(s, { ...options, specIndex: i, specKey: 'title' }));\n      }\n    });\n    return titles;\n  }\n\n  onRender(ctx: any): void {\n    // do nothing\n  }\n\n  /**\n   * updateSpec\n   */\n  updateSpec(spec: any) {\n    const originalSpec = this._originalSpec;\n    const result = super.updateSpec(spec);\n    if (originalSpec.orient !== spec.orient) {\n      result.reMake = true;\n    }\n\n    result.change = true;\n    result.reRender = true;\n    return result;\n  }\n\n  // region\n  changeRegions(regions: IRegion[]): void {\n    // do nothing\n  }\n\n  update(ctx: IComponentOption) {\n    // TODO\n  }\n\n  resize(ctx: IComponentOption) {\n    // TODO\n  }\n\n  setLayoutStartPosition(pos: Partial<IPoint>): void {\n    const { x, y } = pos;\n    if (isValidNumber(x)) {\n      this._titleComponent && this._titleComponent.setAttribute('x', x);\n    }\n    if (isValidNumber(y)) {\n      this._titleComponent && this._titleComponent.setAttribute('y', y);\n    }\n    super.setLayoutStartPosition({ x, y });\n  }\n\n  _boundsInRect(rect: ILayoutRect) {\n    let result: Partial<ILayoutRect> = {};\n    this.setLayoutRect(rect);\n\n    const attrs = this._getTitleAttrs();\n    this._createOrUpdateTitleComponent(attrs);\n\n    result = this._getTitleLayoutRect();\n    const { x, y } = this.getLayoutStartPoint();\n    return {\n      x1: x,\n      y1: y,\n      x2: x + result.width,\n      y2: y + result.height\n    };\n  }\n\n  private _getTitleLayoutRect() {\n    const titleBounds = this._titleComponent.AABBBounds;\n    const width = this._spec.width ? this._spec.width : isValidNumber(titleBounds.width()) ? titleBounds.width() : 0;\n    const height = this._spec.height\n      ? this._spec.height\n      : isValidNumber(titleBounds.height())\n      ? titleBounds.height()\n      : 0;\n    return {\n      width,\n      height\n    };\n  }\n\n  private _getTitleAttrs() {\n    // 当 width 小于 0 时，设置为 0，负数场景容易引起不可预知的问题\n    const realWidth = Math.max(0, this._spec.width ?? this.getLayoutRect().width);\n    return {\n      text: this._spec.text ?? '',\n      subtext: this._spec.subtext ?? '',\n      x: this._spec.x ?? 0,\n      y: this._spec.y ?? 0,\n      width: realWidth,\n      height: this._spec.height,\n      minWidth: this._spec.minWidth,\n      maxWidth: this._spec.maxWidth,\n      minHeight: this._spec.minHeight,\n      maxHeight: this._spec.maxHeight,\n      padding: this._spec.innerPadding,\n      align: this._spec.align ?? 'left',\n      verticalAlign: this._spec.verticalAlign ?? 'top',\n      textStyle: {\n        width: realWidth,\n        ...this._spec.textStyle\n      },\n      subtextStyle: {\n        width: realWidth,\n        ...this._spec.subtextStyle\n      }\n    } as TitleAttrs;\n  }\n\n  private _createOrUpdateTitleComponent(attrs: TitleAttrs): TitleComponents {\n    if (this._titleComponent) {\n      if (!isEqual(attrs, this._cacheAttrs)) {\n        this._titleComponent.setAttributes(attrs);\n      }\n    } else {\n      const container = this.getContainer();\n      const title = new TitleComponents(attrs);\n      title.name = 'title';\n      container.add(title as unknown as INode);\n      this._titleComponent = title;\n      // 代理 title 组件上的事件\n      title.on('*', (event: any, type: string) => this._delegateEvent(title as unknown as IGraphic, event, type));\n    }\n    this._cacheAttrs = attrs;\n    return this._titleComponent;\n  }\n\n  clear(): void {\n    if (this._titleComponent) {\n      this._container.removeChild(this._titleComponent as unknown as IGroup);\n      this._titleComponent = null;\n    }\n    this._cacheAttrs = null;\n    super.clear();\n  }\n}\n"]}
+{"version":3,"sources":["../src/component/title/title.ts"],"names":[],"mappings":"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","file":"title.js","sourcesContent":["import { BaseComponent } from '../base';\nimport { ComponentTypeEnum } from '../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport type { IComponentOption } from '../interface';\nimport { isArray, isValidNumber, isValidOrient } from '../../util';\nimport type { ITitle, ITitleSpec, ITitleTheme } from './interface';\nimport type { IRegion } from '../../region/interface';\nimport type { ILayoutRect } from '../../model/interface';\nimport { Title as TitleComponents } from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport type { TitleAttrs } from '@visactor/vrender-components';\nimport type { IGraphic, IGroup, INode } from '@visactor/vrender';\nimport type { IPoint, IOrientType } from '../../typings';\nimport { isEqual } from '@visactor/vutils';\nimport type { LayoutItem } from '../../model/layout-item';\nimport { LayoutLevel, LayoutZIndex } from '../../constant';\n\nexport class Title extends BaseComponent<ITitleSpec> implements ITitle {\n  static type = ComponentTypeEnum.title;\n  type = ComponentTypeEnum.title;\n\n  layoutType: LayoutItem['layoutType'] = 'normal';\n  layoutZIndex: LayoutItem['layoutZIndex'] = LayoutZIndex.Title;\n  layoutLevel: number = LayoutLevel.Title;\n\n  protected declare _theme: ITitleTheme;\n\n  protected _orient: IOrientType = 'top';\n\n  private _titleComponent: TitleComponents;\n  private _cacheAttrs: TitleAttrs;\n\n  get orient() {\n    return this._orient;\n  }\n\n  get layoutOrient() {\n    return this._layoutOrient;\n  }\n\n  set layoutOrient(v: IOrientType) {\n    this._orient = v;\n    this._layoutOrient = v;\n  }\n\n  constructor(spec: ITitleSpec, options: IComponentOption) {\n    super(spec, {\n      ...options\n    });\n    this._orient = isValidOrient(spec.orient) ? spec.orient : 'top';\n    this._layoutOrient = this._orient;\n  }\n\n  static createComponent(spec: any, options: IComponentOption) {\n    const titleSpec = spec.title;\n    if (!titleSpec || titleSpec.visible === false) {\n      return null;\n    }\n    if (!isArray(titleSpec)) {\n      return new Title(titleSpec, { ...options, specKey: 'title' });\n    }\n    const titles: Title[] = [];\n    titleSpec.forEach((s: any, i: number) => {\n      if (s.visible !== false) {\n        titles.push(new Title(s, { ...options, specIndex: i, specKey: 'title' }));\n      }\n    });\n    return titles;\n  }\n\n  onRender(ctx: any): void {\n    // do nothing\n  }\n\n  /**\n   * updateSpec\n   */\n  _compareSpec() {\n    const result = super._compareSpec();\n    if (this._originalSpec.orient !== this._spec.orient) {\n      result.reMake = true;\n    }\n\n    result.change = true;\n    result.reRender = true;\n    return result;\n  }\n\n  // region\n  changeRegions(regions: IRegion[]): void {\n    // do nothing\n  }\n\n  update(ctx: IComponentOption) {\n    // TODO\n  }\n\n  resize(ctx: IComponentOption) {\n    // TODO\n  }\n\n  setLayoutStartPosition(pos: Partial<IPoint>): void {\n    const { x, y } = pos;\n    if (isValidNumber(x)) {\n      this._titleComponent && this._titleComponent.setAttribute('x', x);\n    }\n    if (isValidNumber(y)) {\n      this._titleComponent && this._titleComponent.setAttribute('y', y);\n    }\n    super.setLayoutStartPosition({ x, y });\n  }\n\n  _boundsInRect(rect: ILayoutRect) {\n    let result: Partial<ILayoutRect> = {};\n    this.setLayoutRect(rect);\n\n    const attrs = this._getTitleAttrs();\n    this._createOrUpdateTitleComponent(attrs);\n\n    result = this._getTitleLayoutRect();\n    const { x, y } = this.getLayoutStartPoint();\n    return {\n      x1: x,\n      y1: y,\n      x2: x + result.width,\n      y2: y + result.height\n    };\n  }\n\n  private _getTitleLayoutRect() {\n    const titleBounds = this._titleComponent.AABBBounds;\n    const width = this._spec.width ? this._spec.width : isValidNumber(titleBounds.width()) ? titleBounds.width() : 0;\n    const height = this._spec.height\n      ? this._spec.height\n      : isValidNumber(titleBounds.height())\n      ? titleBounds.height()\n      : 0;\n    return {\n      width,\n      height\n    };\n  }\n\n  private _getTitleAttrs() {\n    // 当 width 小于 0 时，设置为 0，负数场景容易引起不可预知的问题\n    const realWidth = Math.max(0, this._spec.width ?? this.getLayoutRect().width);\n    return {\n      text: this._spec.text ?? '',\n      subtext: this._spec.subtext ?? '',\n      x: this._spec.x ?? 0,\n      y: this._spec.y ?? 0,\n      width: realWidth,\n      height: this._spec.height,\n      minWidth: this._spec.minWidth,\n      maxWidth: this._spec.maxWidth,\n      minHeight: this._spec.minHeight,\n      maxHeight: this._spec.maxHeight,\n      padding: this._spec.innerPadding,\n      align: this._spec.align ?? 'left',\n      verticalAlign: this._spec.verticalAlign ?? 'top',\n      textStyle: {\n        width: realWidth,\n        ...this._spec.textStyle\n      },\n      subtextStyle: {\n        width: realWidth,\n        ...this._spec.subtextStyle\n      }\n    } as TitleAttrs;\n  }\n\n  private _createOrUpdateTitleComponent(attrs: TitleAttrs): TitleComponents {\n    if (this._titleComponent) {\n      if (!isEqual(attrs, this._cacheAttrs)) {\n        this._titleComponent.setAttributes(attrs);\n      }\n    } else {\n      const container = this.getContainer();\n      const title = new TitleComponents(attrs);\n      title.name = 'title';\n      container.add(title as unknown as INode);\n      this._titleComponent = title;\n      // 代理 title 组件上的事件\n      title.on('*', (event: any, type: string) => this._delegateEvent(title as unknown as IGraphic, event, type));\n    }\n    this._cacheAttrs = attrs;\n    return this._titleComponent;\n  }\n\n  clear(): void {\n    if (this._titleComponent) {\n      this.getContainer()?.removeChild(this._titleComponent as unknown as IGroup);\n      this._titleComponent = null;\n    }\n    this._cacheAttrs = null;\n    super.clear();\n  }\n}\n"]}

package/cjs/component/tooltip/handler/base.d.ts

@@ -1,5 +1,6 @@
 import type { Options } from './constants';
 import type { Maybe } from '../../../typings';
+import { TooltipPositionMode } from '../../../typings';
 import type { TooltipData, IToolTipActual, TooltipActiveType, ITooltipHandler, ITooltipPattern, ITooltipPositionActual, TooltipPosition } from '../../../typings/tooltip';
 import type { Tooltip } from '../tooltip';
 import type { ITooltipSpec, TooltipHandlerParams } from '../interface';
@@ -41,7 +42,7 @@ export declare abstract class BaseTooltipHandler implements ITooltipHandler {
     protected _throttle(callback: any): (...args: unknown[]) => unknown;
     protected _getDefaultOption(): Options;
     protected _getActualTooltipContent: (pattern: ITooltipPattern, data: TooltipData, params: TooltipHandlerParams) => IToolTipActual;
-    protected _getActualTooltipPosition: (actualTooltip: IToolTipActual, position: TooltipPosition | undefined, params: TooltipHandlerParams, tooltipParentElement: HTMLElement, changePositionOnly: boolean) => ITooltipPositionActual;
+    protected _getActualTooltipPosition: (actualTooltip: IToolTipActual, position: TooltipPosition | undefined, positionMode: TooltipPositionMode | undefined, params: TooltipHandlerParams, tooltipParentElement: HTMLElement, changePositionOnly: boolean) => ITooltipPositionActual;
     protected _getTooltipBoxSize(actualTooltip: IToolTipActual, changePositionOnly: boolean): IContainerSize | undefined;
     protected _getStyle(): Partial<ITooltipStyle>;
     protected _getParentElement(spec: ITooltipSpec): HTMLElement;

package/cjs/component/tooltip/handler/base.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.BaseTooltipHandler = void 0;
 
-const base_1 = require("../../../constant/base"), constants_1 = require("./constants"), util_1 = require("../../../util"), tooltip_1 = require("../../../typings/tooltip"), utils_1 = require("./utils"), interface_1 = require("../interface"), style_1 = require("./utils/style"), vutils_1 = require("@visactor/vutils"), attribute_1 = require("./utils/attribute");
+const base_1 = require("../../../constant/base"), constants_1 = require("./constants"), typings_1 = require("../../../typings"), util_1 = require("../../../util"), utils_1 = require("./utils"), interface_1 = require("../interface"), style_1 = require("./utils/style"), vutils_1 = require("@visactor/vutils"), attribute_1 = require("./utils/attribute");
 
 class BaseTooltipHandler {
     get id() {
@@ -20,7 +20,7 @@ class BaseTooltipHandler {
             return params.changePositionOnly && (null === (_a = this._cacheActualTooltip) || void 0 === _a ? void 0 : _a.activeType) === activeType || (changePositionOnly = !1, 
             this._cacheViewSpec = void 0, this._cacheActualTooltip = void 0), changePositionOnly && this._cacheViewSpec && this._cacheActualTooltip ? this.changeTooltipPosition(changePositionOnly, this._cacheActualTooltip, this._cacheViewSpec, activeType, data, params) : this.changeTooltip(!0, params, changePositionOnly, activeType, data);
         }, this._changeTooltip = (visible, params, changePositionOnly, activeType, data) => {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
             const tooltipSpec = this._component.getSpec();
             if (!tooltipSpec) return interface_1.TooltipResult.failed;
             if (!visible) return this._cacheViewSpec = void 0, this._cacheActualTooltip = void 0, 
@@ -36,10 +36,10 @@ class BaseTooltipHandler {
             if (!pattern) return interface_1.TooltipResult.failed;
             let actualTooltip;
             return changePositionOnly && this._cacheActualTooltip ? actualTooltip = this._cacheActualTooltip : (actualTooltip = this._getActualTooltipContent(pattern, data, params), 
-            pattern.updateTitle && (actualTooltip.title = pattern.updateTitle(actualTooltip.title, data, params)), 
-            pattern.updateContent && (actualTooltip.content = pattern.updateContent(actualTooltip.content, data, params))), 
-            (0, util_1.isNil)(null === (_g = actualTooltip.title) || void 0 === _g ? void 0 : _g.key) && (0, 
-            util_1.isNil)(null === (_h = actualTooltip.title) || void 0 === _h ? void 0 : _h.value) && !(null === (_j = actualTooltip.content) || void 0 === _j ? void 0 : _j.length) ? interface_1.TooltipResult.failed : (this._cacheActualTooltip = actualTooltip, 
+            actualTooltip.title = null !== (_h = null === (_g = pattern.updateTitle) || void 0 === _g ? void 0 : _g.call(pattern, actualTooltip.title, data, params)) && void 0 !== _h ? _h : actualTooltip.title, 
+            actualTooltip.content = null !== (_k = null === (_j = pattern.updateContent) || void 0 === _j ? void 0 : _j.call(pattern, actualTooltip.content, data, params)) && void 0 !== _k ? _k : actualTooltip.content), 
+            (0, util_1.isNil)(null === (_l = actualTooltip.title) || void 0 === _l ? void 0 : _l.key) && (0, 
+            util_1.isNil)(null === (_m = actualTooltip.title) || void 0 === _m ? void 0 : _m.value) && !(null === (_o = actualTooltip.content) || void 0 === _o ? void 0 : _o.length) ? interface_1.TooltipResult.failed : (this._cacheActualTooltip = actualTooltip, 
             this._changeTooltipPosition(!!changePositionOnly, actualTooltip, spec, activeType, data, params));
         }, this._changeTooltipPosition = (changePositionOnly, actualTooltip, spec, activeType, data, params) => {
             var _a, _b, _c;
@@ -47,7 +47,8 @@ class BaseTooltipHandler {
             if (spec.handler) return null !== (_c = null === (_b = (_a = spec.handler).showTooltip) || void 0 === _b ? void 0 : _b.call(_a, activeType, data, params)) && void 0 !== _c ? _c : interface_1.TooltipResult.success;
             const pattern = spec[activeType];
             if (!pattern) return interface_1.TooltipResult.failed;
-            const position = this._getActualTooltipPosition(actualTooltip, (0, utils_1.getTooltipPatternValue)(pattern.position, data, params), params, this._getParentElement(spec), changePositionOnly);
+            const position = this._getActualTooltipPosition(actualTooltip, (0, utils_1.getTooltipPatternValue)(pattern.position, data, params), (0, 
+            utils_1.getTooltipPatternValue)(pattern.positionMode, data, params), params, this._getParentElement(spec), changePositionOnly);
             actualTooltip.position = position, pattern.updatePosition && (actualTooltip.position = pattern.updatePosition(actualTooltip.position, data, params));
             let tooltipVisible = !1 !== (null == pattern ? void 0 : pattern.visible);
             return data && "pointerout" !== event.type && actualTooltip.visible && (actualTooltip.title || actualTooltip.content) || (tooltipVisible = !1), 
@@ -62,7 +63,7 @@ class BaseTooltipHandler {
                 visible: !!(0, util_1.isValid)(tooltipContent) && !1 !== patternVisible,
                 activeType: pattern.activeType
             });
-        }, this._getActualTooltipPosition = (actualTooltip, position, params, tooltipParentElement, changePositionOnly) => {
+        }, this._getActualTooltipPosition = (actualTooltip, position, positionMode, params, tooltipParentElement, changePositionOnly) => {
             var _a, _b, _c, _d, _e, _f;
             const event = params.event, {width: tooltipBoxWidth = 0, height: tooltipBoxHeight = 0} = null !== (_a = this._getTooltipBoxSize(actualTooltip, changePositionOnly)) && void 0 !== _a ? _a : {}, invalidPosition = {
                 x: 1 / 0,
@@ -70,71 +71,148 @@ class BaseTooltipHandler {
             }, {offsetX: offsetX, offsetY: offsetY} = this._option, tooltipSpec = this._component.getSpec();
             if (!tooltipSpec) return invalidPosition;
             const isCanvas = "canvas" === tooltipSpec.renderMode, canvasRect = null === (_b = null == params ? void 0 : params.chart) || void 0 === _b ? void 0 : _b.getCanvasRect(), canvasWidth = null !== (_c = null == canvasRect ? void 0 : canvasRect.width) && void 0 !== _c ? _c : base_1.DEFAULT_CHART_WIDTH, canvasHeight = null !== (_d = null == canvasRect ? void 0 : canvasRect.height) && void 0 !== _d ? _d : base_1.DEFAULT_CHART_HEIGHT;
-            let left, top, right, bottom, x, y, isFixedPosition = !1;
+            let isFixedPosition = !1;
+            const containerSize = {
+                width: 0,
+                height: 0
+            };
+            let relativePosOffset = {
+                x: 0,
+                y: 0
+            }, tooltipParentElementRect = {
+                x: 0,
+                y: 0
+            }, chartElementScale = 1, tooltipParentElementScale = 1;
+            if ((0, util_1.isTrueBrowser)(this._env) && !tooltipSpec.confine) {
+                if (containerSize.width = window.innerWidth, containerSize.height = window.innerHeight, 
+                !isCanvas) {
+                    tooltipParentElementRect = null !== (_e = null == tooltipParentElement ? void 0 : tooltipParentElement.getBoundingClientRect()) && void 0 !== _e ? _e : invalidPosition;
+                    const chartElement = null !== (_f = this._compiler.getCanvas()) && void 0 !== _f ? _f : this._chartContainer, chartElementRect = null == chartElement ? void 0 : chartElement.getBoundingClientRect();
+                    relativePosOffset = {
+                        x: chartElementRect.x - tooltipParentElementRect.x,
+                        y: chartElementRect.y - tooltipParentElementRect.y
+                    }, chartElementScale = (0, utils_1.getScale)(chartElement, chartElementRect), tooltipParentElementScale = (0, 
+                    utils_1.getScale)(tooltipParentElement, tooltipParentElementRect);
+                }
+            } else containerSize.width = canvasWidth, containerSize.height = canvasHeight;
+            const tooltipSizeScale = tooltipParentElementScale / chartElementScale;
+            let left, top, right, bottom, x, y;
             if ((0, vutils_1.isObject)(position)) {
                 const {left: posLeft, right: posRight, top: posTop, bottom: posBottom} = position;
                 left = (0, utils_1.getActualTooltipPositionValue)(posLeft, event), top = (0, utils_1.getActualTooltipPositionValue)(posTop, event), 
                 right = (0, utils_1.getActualTooltipPositionValue)(posRight, event), bottom = (0, 
                 utils_1.getActualTooltipPositionValue)(posBottom, event);
-            } else if ((0, util_1.isValid)(position) && "mark" === actualTooltip.activeType) {
+            } else if ((0, util_1.isValid)(position) && positionMode !== typings_1.TooltipPositionMode.pointer && "mark" === actualTooltip.activeType) {
                 isFixedPosition = !0;
                 const element = params.item, model = params.model, bounds = null == element ? void 0 : element.getBounds(), startPoint = null == model ? void 0 : model.getLayoutStartPoint();
                 if (bounds && startPoint) {
                     let {x1: x1, y1: y1, x2: x2, y2: y2} = bounds;
                     switch (x1 += startPoint.x, x2 += startPoint.x, y1 += startPoint.y, y2 += startPoint.y, 
-                    position) {
-                      case tooltip_1.TooltipFixedPosition.left:
-                        left = x1 - tooltipBoxWidth - offsetX, top = (y1 + y2) / 2 - tooltipBoxHeight / 2;
+                    (0, utils_1.getHorizontalPositionType)(position)) {
+                      case "left":
+                        left = x1 - tooltipBoxWidth * tooltipSizeScale - offsetX;
                         break;
 
-                      case tooltip_1.TooltipFixedPosition.right:
-                        left = x2 + offsetX, top = (y1 + y2) / 2 - tooltipBoxHeight / 2;
+                      case "right":
+                        left = x2 + offsetX;
                         break;
 
-                      case tooltip_1.TooltipFixedPosition.top:
-                        left = (x1 + x2) / 2 - tooltipBoxWidth / 2, top = y1 - tooltipBoxHeight - offsetY;
+                      case "middle":
+                        left = (x1 + x2) / 2 - tooltipBoxWidth * tooltipSizeScale / 2;
+                    }
+                    switch ((0, utils_1.getVerticalPositionType)(position)) {
+                      case "top":
+                        top = y1 - tooltipBoxHeight * tooltipSizeScale - offsetY;
                         break;
 
-                      case tooltip_1.TooltipFixedPosition.bottom:
-                        left = (x1 + x2) / 2 - tooltipBoxWidth / 2, top = y2 + offsetY;
+                      case "bottom":
+                        top = y2 + offsetY;
                         break;
 
-                      case tooltip_1.TooltipFixedPosition.inside:
-                        left = (x1 + x2) / 2 - tooltipBoxWidth / 2, top = (y1 + y2) / 2 - tooltipBoxHeight / 2;
+                      case "middle":
+                        top = (y1 + y2) / 2 - tooltipBoxHeight * tooltipSizeScale / 2;
                     }
                 }
             }
-            const containerSize = {
-                width: 0,
-                height: 0
-            }, getDefaultPointValue = (defaultValue = 0) => ({
-                x: defaultValue,
-                y: defaultValue
-            });
-            let relativePosOffset = getDefaultPointValue(), tooltipParentElementRect = getDefaultPointValue(), chartElementScale = 1, tooltipParentElementScale = 1;
-            if ((0, util_1.isTrueBrowser)(this._env) && !tooltipSpec.confine) {
-                if (containerSize.width = window.innerWidth, containerSize.height = window.innerHeight, 
-                !isCanvas) {
-                    tooltipParentElementRect = null !== (_e = null == tooltipParentElement ? void 0 : tooltipParentElement.getBoundingClientRect()) && void 0 !== _e ? _e : invalidPosition;
-                    const chartElement = null !== (_f = this._compiler.getCanvas()) && void 0 !== _f ? _f : this._chartContainer, chartElementRect = null == chartElement ? void 0 : chartElement.getBoundingClientRect();
-                    relativePosOffset = {
-                        x: chartElementRect.x - tooltipParentElementRect.x,
-                        y: chartElementRect.y - tooltipParentElementRect.y
-                    }, chartElementScale = (0, utils_1.getScale)(chartElement, chartElementRect), tooltipParentElementScale = (0, 
-                    utils_1.getScale)(tooltipParentElement, tooltipParentElementRect);
-                }
-            } else containerSize.width = canvasWidth, containerSize.height = canvasHeight;
             const {canvasX: canvasX, canvasY: canvasY} = event;
-            x = (0, vutils_1.isValidNumber)(left) ? left : (0, vutils_1.isValidNumber)(right) ? canvasWidth - tooltipBoxWidth - right : canvasX + offsetX, 
-            y = (0, vutils_1.isValidNumber)(top) ? top : (0, vutils_1.isValidNumber)(bottom) ? canvasHeight - tooltipBoxHeight - bottom : canvasY + offsetY, 
+            if ((0, vutils_1.isValidNumber)(left)) x = left; else if ((0, vutils_1.isValidNumber)(right)) x = canvasWidth - tooltipBoxWidth * tooltipSizeScale - right; else {
+                const x0 = canvasX;
+                switch ((0, utils_1.getHorizontalPositionType)(position, "right")) {
+                  case "middle":
+                    x = x0 - tooltipBoxWidth * tooltipSizeScale / 2;
+                    break;
+
+                  case "left":
+                    x = x0 - tooltipBoxWidth * tooltipSizeScale - offsetX;
+                    break;
+
+                  case "right":
+                    x = x0 + offsetX;
+                }
+            }
+            if ((0, vutils_1.isValidNumber)(top)) y = top; else if ((0, vutils_1.isValidNumber)(bottom)) y = canvasHeight - tooltipBoxHeight * tooltipSizeScale - bottom; else {
+                const y0 = canvasY;
+                switch ((0, utils_1.getVerticalPositionType)(position, "bottom")) {
+                  case "middle":
+                    y = y0 - tooltipBoxHeight * tooltipSizeScale / 2;
+                    break;
+
+                  case "top":
+                    y = y0 - tooltipBoxHeight * tooltipSizeScale - offsetY;
+                    break;
+
+                  case "bottom":
+                    y = y0 + offsetY;
+                }
+            }
             x *= chartElementScale, y *= chartElementScale, (0, util_1.isTrueBrowser)(this._env) && (x += relativePosOffset.x, 
             y += relativePosOffset.y), x /= tooltipParentElementScale, y /= tooltipParentElementScale;
-            const {width: containerWidth, height: containerHeight} = containerSize;
-            return (x + tooltipBoxWidth) * tooltipParentElementScale + tooltipParentElementRect.x > containerWidth && (isFixedPosition ? x = (containerWidth - tooltipParentElementRect.x) / tooltipParentElementScale - tooltipBoxWidth : x -= 2 * offsetX + tooltipBoxWidth), 
-            (y + tooltipBoxHeight) * tooltipParentElementScale + tooltipParentElementRect.y > containerHeight && (isFixedPosition ? y = (containerHeight - tooltipParentElementRect.y) / tooltipParentElementScale - tooltipBoxHeight : y -= 2 * offsetY + tooltipBoxHeight), 
-            x * tooltipParentElementScale + tooltipParentElementRect.x < 0 && (x = 0 - tooltipParentElementRect.x / tooltipParentElementScale), 
-            y * tooltipParentElementScale + tooltipParentElementRect.y < 0 && (y = 0 - tooltipParentElementRect.y / tooltipParentElementScale), 
-            {
+            const {width: containerWidth, height: containerHeight} = containerSize, isLeftOut = () => x * tooltipParentElementScale + tooltipParentElementRect.x < 0, isRightOut = () => (x + tooltipBoxWidth) * tooltipParentElementScale + tooltipParentElementRect.x > containerWidth, isTopOut = () => y * tooltipParentElementScale + tooltipParentElementRect.y < 0, isBottomOut = () => (y + tooltipBoxHeight) * tooltipParentElementScale + tooltipParentElementRect.y > containerHeight, detectLeftFirst = () => {
+                isLeftOut() && (isFixedPosition ? x = -tooltipParentElementRect.x / tooltipParentElementScale : "middle" === (0, 
+                utils_1.getHorizontalPositionType)(position, "right") ? x += offsetX + tooltipBoxWidth / 2 : x += 2 * offsetX + tooltipBoxWidth);
+            }, detectLeftLast = () => {
+                isLeftOut() && (x = -tooltipParentElementRect.x / tooltipParentElementScale);
+            }, detectRightFirst = () => {
+                isRightOut() && (isFixedPosition ? x = (containerWidth - tooltipParentElementRect.x) / tooltipParentElementScale - tooltipBoxWidth : "middle" === (0, 
+                utils_1.getHorizontalPositionType)(position, "right") ? x -= offsetX + tooltipBoxWidth / 2 : x -= 2 * offsetX + tooltipBoxWidth);
+            }, detectRightLast = () => {
+                isRightOut() && (x = (containerWidth - tooltipParentElementRect.x) / tooltipParentElementScale - tooltipBoxWidth);
+            }, detectTopFirst = () => {
+                isTopOut() && (isFixedPosition ? y = -tooltipParentElementRect.y / tooltipParentElementScale : "middle" === (0, 
+                utils_1.getVerticalPositionType)(position, "bottom") ? y += offsetY + tooltipBoxHeight / 2 : y += 2 * offsetY + tooltipBoxHeight);
+            }, detectTopLast = () => {
+                isTopOut() && (y = 0 - tooltipParentElementRect.y / tooltipParentElementScale);
+            }, detectBottomFirst = () => {
+                isBottomOut() && (isFixedPosition ? y = (containerHeight - tooltipParentElementRect.y) / tooltipParentElementScale - tooltipBoxHeight : "middle" === (0, 
+                utils_1.getVerticalPositionType)(position, "bottom") ? y -= offsetY + tooltipBoxHeight / 2 : y -= 2 * offsetY + tooltipBoxHeight);
+            }, detectBottomLast = () => {
+                isBottomOut() && (y = (containerHeight - tooltipParentElementRect.y) / tooltipParentElementScale - tooltipBoxHeight);
+            };
+            switch ((0, utils_1.getHorizontalPositionType)(position, "right")) {
+              case "middle":
+                isLeftOut() ? (detectLeftFirst(), detectRightLast()) : (detectRightFirst(), detectLeftLast());
+                break;
+
+              case "left":
+                detectLeftFirst(), detectRightLast();
+                break;
+
+              case "right":
+                detectRightFirst(), detectLeftLast();
+            }
+            switch ((0, utils_1.getVerticalPositionType)(position, "bottom")) {
+              case "middle":
+                isTopOut() ? (detectTopFirst(), detectBottomLast()) : (detectBottomFirst(), detectTopLast());
+                break;
+
+              case "top":
+                detectTopFirst(), detectBottomLast();
+                break;
+
+              case "bottom":
+                detectBottomFirst(), detectTopLast();
+            }
+            return {
                 x: x,
                 y: y
             };