@visactor/vchart 1.6.7 → 1.7.0-alpha.1

package/cjs/component/marker/base-marker.d.ts

@@ -1,19 +1,21 @@
 import type { DataView } from '@visactor/vdataset';
 import type { IModelRenderOption } from '../../model/interface';
-import type { LayoutItem } from '../../model/layout-item';
 import type { IRegion } from '../../region/interface';
 import type { ICartesianSeries } from '../../series/interface';
-import type { StringOrNumber } from '../../typings';
+import type { ILayoutRect, ILayoutType, IRect, StringOrNumber } from '../../typings';
 import { BaseComponent } from '../base/base-component';
 import type { IAggrType, IDataPos, IDataPosCallback, IMarkerAxisSpec, IMarkerSpec } from './interface';
 import type { IGraphic } from '@visactor/vrender-core';
 export declare abstract class BaseMarker<T extends IMarkerSpec & IMarkerAxisSpec> extends BaseComponent<T> {
-    layoutType: LayoutItem['layoutType'];
+    layoutType: ILayoutType | 'none';
     protected _startRelativeSeries: ICartesianSeries;
     protected _endRelativeSeries: ICartesianSeries;
     protected _relativeSeries: ICartesianSeries;
+    getRelativeSeries(): ICartesianSeries;
     protected _markerData: DataView;
     protected _markerComponent: any;
+    protected _layoutOffsetX: number;
+    protected _layoutOffsetY: number;
     created(): void;
     private _isSpecAggr;
     private _getAllRelativeSeries;
@@ -45,6 +47,7 @@ export declare abstract class BaseMarker<T extends IMarkerSpec & IMarkerAxisSpec
         getEndRelativeSeries: () => ICartesianSeries;
         y: IDataPos | IDataPosCallback;
     };
+    protected _processSpecXY(specX: IDataPos | IDataPosCallback, specY: IDataPos | IDataPosCallback): any;
     protected _processSpecCoo(spec: any): any;
     updateLayoutAttribute(): void;
     protected _getSeriesByIdOrIndex(seriesUserId: StringOrNumber, seriesIndex: number): ICartesianSeries;
@@ -63,4 +66,5 @@ export declare abstract class BaseMarker<T extends IMarkerSpec & IMarkerAxisSpec
     changeRegions(regions: IRegion[]): void;
     protected getFirstSeries(): ICartesianSeries;
     getVRenderComponents(): IGraphic[];
+    onLayoutStart(layoutRect: IRect, chartViewRect: ILayoutRect, ctx: any): void;
 }

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

@@ -4,11 +4,14 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.BaseMarker = void 0;
 
-const vutils_1 = require("@visactor/vutils"), marker_1 = require("../../constant/marker"), base_component_1 = require("../base/base-component");
+const vutils_1 = require("@visactor/vutils"), marker_1 = require("../../constant/marker"), base_component_1 = require("../base/base-component"), space_1 = require("../../util/space");
 
 class BaseMarker extends base_component_1.BaseComponent {
     constructor() {
-        super(...arguments), this.layoutType = "absolute";
+        super(...arguments), this.layoutType = "none", this._layoutOffsetX = 0, this._layoutOffsetY = 0;
+    }
+    getRelativeSeries() {
+        return this._relativeSeries;
     }
     created() {
         super.created(), this.initEvent(), this._bindSeries(), this._initDataView();
@@ -25,43 +28,59 @@ class BaseMarker extends base_component_1.BaseComponent {
     }
     _processSpecX(specX) {
         const relativeSeries = this._relativeSeries;
-        let processType;
-        return this._isSpecAggr(specX) ? (processType = specX, Object.assign({
+        return this._isSpecAggr(specX) ? Object.assign({
             x: {
                 field: relativeSeries.getSpec().xField,
-                aggrType: processType
+                aggrType: specX
             }
-        }, this._getAllRelativeSeries())) : Object.assign({
+        }, this._getAllRelativeSeries()) : Object.assign({
             x: specX
         }, this._getAllRelativeSeries());
     }
     _processSpecY(specY) {
         const relativeSeries = this._relativeSeries;
-        let processType;
-        return this._isSpecAggr(specY) ? (processType = specY, Object.assign({
+        return this._isSpecAggr(specY) ? Object.assign({
             y: {
                 field: relativeSeries.getSpec().yField,
-                aggrType: processType
+                aggrType: specY
             }
-        }, this._getAllRelativeSeries())) : Object.assign({
+        }, this._getAllRelativeSeries()) : Object.assign({
             y: specY
         }, this._getAllRelativeSeries());
     }
+    _processSpecXY(specX, specY) {
+        const result = Object.assign({}, this._getAllRelativeSeries()), relativeSeries = this._relativeSeries;
+        return this._isSpecAggr(specX) ? result.x = {
+            field: relativeSeries.getSpec().xField,
+            aggrType: specX
+        } : result.x = specX, this._isSpecAggr(specY) ? result.y = {
+            field: relativeSeries.getSpec().yField,
+            aggrType: specY
+        } : result.y = specY, result;
+    }
     _processSpecCoo(spec) {
         var _a;
         return (null !== (_a = spec.coordinates) && void 0 !== _a ? _a : (0, vutils_1.array)(spec.coordinate)).map((coordinate => {
-            const refRelativeSeries = this._getSeriesByIdOrIndex(coordinate.refRelativeSeriesId, coordinate.refRelativeSeriesIndex), {xField: xField, yField: yField} = refRelativeSeries.getSpec(), {[xField]: coordinateX, [yField]: coordinateY} = coordinate, option = Object.assign({
+            const refRelativeSeries = this._getSeriesByIdOrIndex(coordinate.refRelativeSeriesId, coordinate.refRelativeSeriesIndex), {xField: xField, yField: yField} = refRelativeSeries.getSpec(), {xFieldDim: xFieldDim, xFieldIndex: xFieldIndex, yFieldDim: yFieldDim, yFieldIndex: yFieldIndex} = coordinate;
+            let bindXField = xField;
+            (0, vutils_1.isValid)(xFieldIndex) && (bindXField = (0, vutils_1.array)(xField)[xFieldIndex]), 
+            xFieldDim && (0, vutils_1.array)(xField).includes(xFieldDim) && (bindXField = xFieldDim);
+            let bindYField = yField;
+            (0, vutils_1.isValid)(yFieldIndex) && (bindYField = (0, vutils_1.array)(yField)[yFieldIndex]), 
+            yFieldDim && (0, vutils_1.array)(yField).includes(yFieldDim) && (bindYField = yFieldDim);
+            const option = Object.assign({
                 x: void 0,
                 y: void 0
             }, this._getAllRelativeSeries());
-            return this._isSpecAggr(coordinateX) ? option.x = {
-                field: xField,
-                aggrType: coordinateX
-            } : option.x = coordinateX, this._isSpecAggr(coordinateY) ? option.y = {
-                field: yField,
-                aggrType: coordinateY
-            } : option.y = coordinateY, option.getRefRelativeSeries = () => refRelativeSeries, 
-            option;
+            return this._isSpecAggr(coordinate[bindXField]) ? option.x = {
+                field: bindXField,
+                aggrType: coordinate[bindXField]
+            } : option.x = (0, vutils_1.array)(bindXField).map((field => coordinate[field])), 
+            this._isSpecAggr(coordinate[bindYField]) ? option.y = {
+                field: bindYField,
+                aggrType: coordinate[bindYField]
+            } : option.y = (0, vutils_1.array)(bindYField).map((field => coordinate[field])), 
+            option.getRefRelativeSeries = () => refRelativeSeries, option;
         }));
     }
     updateLayoutAttribute() {
@@ -115,6 +134,11 @@ class BaseMarker extends base_component_1.BaseComponent {
     getVRenderComponents() {
         return [ this._markerComponent ];
     }
+    onLayoutStart(layoutRect, chartViewRect, ctx) {
+        (0, vutils_1.isNil)(this._spec.offsetX) || (this._layoutOffsetX = (0, space_1.calcLayoutNumber)(this._spec.offsetX, chartViewRect.width, chartViewRect)), 
+        (0, vutils_1.isNil)(this._spec.offsetY) || (this._layoutOffsetY = (0, space_1.calcLayoutNumber)(this._spec.offsetY, chartViewRect.height, chartViewRect)), 
+        super.onLayoutStart(layoutRect, chartViewRect, ctx);
+    }
 }
 
 exports.BaseMarker = BaseMarker;

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/base-component';\nimport type { IAggrType, IDataPointSpec, IDataPos, IDataPosCallback, IMarkerAxisSpec, IMarkerSpec } from './interface';\nimport type { IRegressType } from './mark-area/interface';\nimport type { IGraphic, IGroup } from '@visactor/vrender-core';\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  getVRenderComponents(): IGraphic[] {\n    return [this._markerComponent] as unknown as IGroup[];\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, isFunction, isValid, isNil } from '@visactor/vutils';\nimport { AGGR_TYPE } from '../../constant/marker';\nimport type { IOptionAggr } from '../../data/transforms/aggregation';\nimport type { IModelRenderOption } from '../../model/interface';\nimport type { IRegion } from '../../region/interface';\nimport type { ICartesianSeries } from '../../series/interface';\nimport type { ILayoutRect, ILayoutType, IRect, StringOrNumber } from '../../typings';\nimport { BaseComponent } from '../base/base-component';\nimport type { IAggrType, IDataPointSpec, IDataPos, IDataPosCallback, IMarkerAxisSpec, IMarkerSpec } from './interface';\nimport type { IGraphic, IGroup } from '@visactor/vrender-core';\nimport { calcLayoutNumber } from '../../util/space';\n\nexport abstract class BaseMarker<T extends IMarkerSpec & IMarkerAxisSpec> extends BaseComponent<T> {\n  layoutType: ILayoutType | 'none' = 'none';\n\n  protected _startRelativeSeries!: ICartesianSeries;\n  protected _endRelativeSeries!: ICartesianSeries;\n  protected _relativeSeries!: ICartesianSeries;\n  getRelativeSeries() {\n    return this._relativeSeries;\n  }\n\n  // marker 组件数据\n  protected _markerData!: DataView;\n  // marker 组件\n  protected _markerComponent!: any;\n\n  protected _layoutOffsetX: number = 0;\n  protected _layoutOffsetY: number = 0;\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    if (this._isSpecAggr(specX)) {\n      return {\n        x: {\n          field: relativeSeries.getSpec().xField,\n          aggrType: specX as unknown as IAggrType\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    if (this._isSpecAggr(specY)) {\n      return {\n        y: {\n          field: relativeSeries.getSpec().yField,\n          aggrType: specY as unknown as IAggrType\n        },\n        ...this._getAllRelativeSeries()\n      };\n    }\n    return { y: specY, ...this._getAllRelativeSeries() };\n  }\n\n  protected _processSpecXY(specX: IDataPos | IDataPosCallback, specY: IDataPos | IDataPosCallback) {\n    const result: any = {\n      ...this._getAllRelativeSeries()\n    };\n    const relativeSeries = this._relativeSeries;\n    if (this._isSpecAggr(specX)) {\n      result.x = {\n        field: relativeSeries.getSpec().xField,\n        aggrType: specX as unknown as IAggrType\n      };\n    } else {\n      result.x = specX;\n    }\n\n    if (this._isSpecAggr(specY)) {\n      result.y = {\n        field: relativeSeries.getSpec().yField,\n        aggrType: specY as unknown as IAggrType\n      };\n    } else {\n      result.y = specY;\n    }\n\n    return result;\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 { xFieldDim, xFieldIndex, yFieldDim, yFieldIndex } = coordinate;\n      let bindXField = xField;\n      if (isValid(xFieldIndex)) {\n        bindXField = array(xField)[xFieldIndex];\n      }\n      if (xFieldDim && array(xField).includes(xFieldDim)) {\n        bindXField = xFieldDim;\n      }\n\n      let bindYField = yField;\n      if (isValid(yFieldIndex)) {\n        bindYField = array(yField)[yFieldIndex];\n      }\n      if (yFieldDim && array(yField).includes(yFieldDim)) {\n        bindYField = yFieldDim;\n      }\n\n      // const { [xField]: coordinateX, [yField]: coordinateY } = coordinate;\n      const option: IOptionAggr = {\n        x: undefined,\n        y: undefined,\n        ...this._getAllRelativeSeries()\n      };\n\n      if (this._isSpecAggr(coordinate[bindXField])) {\n        option.x = { field: bindXField, aggrType: coordinate[bindXField] as IAggrType };\n      } else {\n        option.x = array(bindXField).map(field => coordinate[field]);\n      }\n\n      if (this._isSpecAggr(coordinate[bindYField])) {\n        option.y = { field: bindYField, aggrType: coordinate[bindYField] as IAggrType };\n      } else {\n        option.y = array(bindYField).map(field => coordinate[field]);\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  getVRenderComponents(): IGraphic[] {\n    return [this._markerComponent] as unknown as IGroup[];\n  }\n\n  onLayoutStart(layoutRect: IRect, chartViewRect: ILayoutRect, ctx: any): void {\n    // offset\n    if (!isNil(this._spec.offsetX)) {\n      this._layoutOffsetX = calcLayoutNumber(this._spec.offsetX, chartViewRect.width, chartViewRect);\n    }\n    if (!isNil(this._spec.offsetY)) {\n      this._layoutOffsetY = calcLayoutNumber(this._spec.offsetY, chartViewRect.height, chartViewRect);\n    }\n    super.onLayoutStart(layoutRect, chartViewRect, ctx);\n  }\n}\n"]}

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

@@ -1,18 +1,27 @@
-import type { IPadding, IPointLike } from '@visactor/vutils';
+import type { IPadding } from '@visactor/vutils';
 import type { SymbolType } from '@visactor/vrender-core';
 import type { IRectMarkSpec, ISymbolMarkSpec, ITextMarkSpec, StringOrNumber } from '../../typings';
 import type { IComponentSpec } from '../base/interface';
 import type { Datum } from '@visactor/vrender-components';
 export type IAggrType = 'sum' | 'average' | 'min' | 'max' | 'variance' | 'standardDeviation' | 'median';
-export type IDataPos = string | number | IAggrType;
+export type IDataPos = StringOrNumber | IAggrType;
 export type IDataPosCallback = (relativeSeriesData: any, startRelativeSeriesData: any, endRelativeSeriesData: any) => IDataPos;
 export type IDataPointSpec = {
     [key: string]: IDataPos;
     refRelativeSeriesIndex?: number;
     refRelativeSeriesId?: StringOrNumber;
+    xFieldIndex?: number;
+    xFieldDim?: string;
+    yFieldIndex?: number;
+    yFieldDim?: string;
+};
+type Point = {
+    x: number;
+    y: number;
 };
 export type IMarkerPositionsSpec = {
-    positions: IPointLike[];
+    positions: Point[];
+    regionRelative?: boolean;
 };
 export type IMarkerLabelWithoutRefSpec = {
     visible?: boolean;
@@ -22,7 +31,7 @@ export type IMarkerLabelWithoutRefSpec = {
     labelBackground?: {
         visible?: boolean;
         padding?: IPadding | number[] | number;
-        style: Omit<IRectMarkSpec, 'visible'>;
+        style?: Omit<IRectMarkSpec, 'visible'>;
     };
     text?: string | string[] | number | number[];
     formatMethod?: (markData: Datum[], seriesData: Datum[]) => string | string[] | number | number[];
@@ -56,6 +65,7 @@ export interface IMarkerSpec extends IComponentSpec {
     interactive?: boolean;
     autoRange?: boolean;
     clip?: boolean;
+    name?: string;
 }
 export interface IMarkerSymbol extends IMarkerRef {
     visible: boolean;
@@ -63,3 +73,4 @@ export interface IMarkerSymbol extends IMarkerRef {
     size?: number;
     style?: Omit<ISymbolMarkSpec, 'visible'>;
 }
+export {};

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/marker/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IPadding, IPointLike } from '@visactor/vutils';\nimport type { SymbolType } from '@visactor/vrender-core';\nimport type { IRectMarkSpec, ISymbolMarkSpec, ITextMarkSpec, StringOrNumber } from '../../typings';\nimport type { IComponentSpec } from '../base/interface';\nimport type { Datum } from '@visactor/vrender-components';\n\nexport type IAggrType = 'sum' | 'average' | 'min' | 'max' | 'variance' | 'standardDeviation' | 'median';\nexport type IDataPos = string | number | IAggrType;\nexport type IDataPosCallback = (\n  relativeSeriesData: any,\n  startRelativeSeriesData: any,\n  endRelativeSeriesData: any\n) => IDataPos;\nexport type IDataPointSpec = {\n  [key: string]: IDataPos;\n  /**\n   * 具体某个数据元素关联的series（仅在标注目标：数据元素下有效）\n   */\n  refRelativeSeriesIndex?: number;\n  refRelativeSeriesId?: StringOrNumber;\n};\nexport type IMarkerPositionsSpec = {\n  positions: IPointLike[];\n};\n\nexport type IMarkerLabelWithoutRefSpec = {\n  visible?: boolean;\n  /**\n   * label整体 - 是否自动旋转\n   */\n  autoRotate?: boolean;\n  /**\n   * label整体 - 最小宽度，像素值\n   * @default 30\n   */\n  minWidth?: number;\n  /**\n   * label整体 - 最大宽度，像素值。当文字超过最大宽度时，会自动省略。\n   */\n  maxWidth?: number;\n  /**\n   * label整体 - 背景面板配置\n   */\n  labelBackground?: {\n    visible?: boolean;\n    /**\n     * 内部边距\n     */\n    padding?: IPadding | number[] | number;\n    /**\n     * 背景面板样式\n     */\n    style: Omit<IRectMarkSpec, 'visible'>;\n  };\n  /**\n   * label文本 - 文本内容，如果需要进行换行，则使用数组形式，如 ['abc', '123']\n   */\n  text?: string | string[] | number | number[];\n  /**\n   * label文本 - 文本格式化\n   * @param markData 组成标注的数据\n   * @param seriesData 标注关联的数据\n   * @returns 格式化后的文本\n   */\n  formatMethod?: (markData: Datum[], seriesData: Datum[]) => string | string[] | number | number[];\n  /**\n   * label文本 - 文本样式\n   */\n  style?: Omit<ITextMarkSpec, 'visible'>;\n\n  /**\n   * label文本 - 文本前 mark 图元\n   */\n  shape?: {\n    visible?: boolean;\n    style: Omit<ISymbolMarkSpec, 'visible'>;\n  };\n  /**\n   * label文本 - shape 同文本之间的间距\n   */\n  space?: number;\n\n  /**\n   * 是否自动调整 label 使其展示在 marker 可见区域内。\n   * @default false\n   * @since 1.4.0\n   */\n  confine?: boolean;\n  /**\n   * 水平方向的偏移\n   */\n  dx?: number;\n  /**\n   * 垂直方向的偏移\n   */\n  dy?: number;\n};\n\nexport type IMarkerLabelSpec = IMarkerLabelWithoutRefSpec & IMarkerRef;\n\nexport interface IMarkerRef {\n  /**\n   * label or symbol 相对line平行方向上的偏移\n   */\n  refX?: number;\n  /**\n   * label or symbol 相对line正交方向上的偏移\n   */\n  refY?: number;\n  /**\n   * label or symbol 相对默认角度的偏移 （label跟随line的角度做自动旋转时，默认按照line的平行向量作为初始角度）\n   */\n  refAngle?: number;\n}\n\nexport interface IMarkerAxisSpec {\n  /**\n   * 起点和终点关联的series（仅在标注目标：坐标空间下有效）\n   */\n  startRelativeSeriesIndex?: number;\n  endRelativeSeriesIndex?: number;\n  startRelativeSeriesId?: string;\n  endRelativeSeriesId?: string;\n  /**\n   * 被标注数据关联的series\n   */\n  relativeRelativeSeriesIndex?: number;\n}\n\nexport interface IMarkerSpec extends IComponentSpec {\n  /**\n   * 标注数据关联的series\n   */\n  relativeSeriesIndex?: number;\n  relativeSeriesId?: number | string;\n  /**\n   * marker组件是否可见\n   * @default true\n   */\n  visible?: boolean;\n  /**\n   * marker组件是否可交互\n   * @default false\n   */\n  interactive?: boolean;\n  /**\n   * marker组件是否自动拓展轴范围\n   * @default false\n   * @since 1.1.0\n   */\n  autoRange?: boolean;\n  /**\n   * marker组件超出图表区域是否被裁剪\n   * @default false\n   * @since 1.3.0\n   */\n  clip?: boolean;\n}\n\nexport interface IMarkerSymbol extends IMarkerRef {\n  /** 是否展示 symbol */\n  visible: boolean;\n  /**\n   * symbol 形状，默认为带左右方向的箭头\n   */\n  symbolType?: SymbolType;\n  /**\n   * symbol 大小\n   */\n  size?: number;\n  style?: Omit<ISymbolMarkSpec, 'visible'>;\n}\n"]}
+{"version":3,"sources":["../src/component/marker/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IPadding } from '@visactor/vutils';\nimport type { SymbolType } from '@visactor/vrender-core';\nimport type { IRectMarkSpec, ISymbolMarkSpec, ITextMarkSpec, StringOrNumber } from '../../typings';\nimport type { IComponentSpec } from '../base/interface';\nimport type { Datum } from '@visactor/vrender-components';\n\nexport type IAggrType = 'sum' | 'average' | 'min' | 'max' | 'variance' | 'standardDeviation' | 'median';\nexport type IDataPos = StringOrNumber | IAggrType;\nexport type IDataPosCallback = (\n  relativeSeriesData: any,\n  startRelativeSeriesData: any,\n  endRelativeSeriesData: any\n) => IDataPos;\nexport type IDataPointSpec = {\n  [key: string]: IDataPos;\n  /**\n   * 具体某个数据元素关联的series（仅在标注目标：数据元素下有效）\n   */\n  refRelativeSeriesIndex?: number;\n  refRelativeSeriesId?: StringOrNumber;\n  /**\n   * 指定使用 xField 上的那个维度索引，因为 xField 字段有可能会包含多个维度，比如分组场景\n   * @default 0\n   * @since 1.7.0\n   */\n  xFieldIndex?: number;\n  /**\n   * 指定使用 xField 上的维度名称，因为 xField 字段有可能会包含多个维度，比如分组场景。\n   * `xFieldIndex` 和 `xFieldDim` 声明一个即可，同时声明则 `xFieldDim` 优先级更高。\n   * @since 1.7.0\n   */\n  xFieldDim?: string;\n  /**\n   * 指定使用 yField 上的那个维度索引，因为 yField 字段有可能会包含多个维度，比如分组场景。\n   * @default 0\n   * @since 1.7.0\n   */\n  yFieldIndex?: number;\n  /**\n   * 指定使用 yField 上的维度名称，因为 yField 字段有可能会包含多个维度，比如分组场景。\n   * `yFieldIndex` 和 `yFieldDim` 声明一个即可，同时声明则 `yFieldDim` 优先级更高。\n   * @since 1.7.0\n   */\n  yFieldDim?: string;\n};\n\ntype Point = {\n  x: number;\n  y: number;\n};\nexport type IMarkerPositionsSpec = {\n  positions: Point[];\n  /**\n   * 是否为相对 region 的坐标，默认为 false，即相对画布的坐标\n   * @default false\n   * @since 1.7.0\n   */\n  regionRelative?: boolean;\n};\n\nexport type IMarkerLabelWithoutRefSpec = {\n  visible?: boolean;\n  /**\n   * label整体 - 是否自动旋转\n   */\n  autoRotate?: boolean;\n  /**\n   * label整体 - 最小宽度，像素值\n   * @default 30\n   */\n  minWidth?: number;\n  /**\n   * label整体 - 最大宽度，像素值。当文字超过最大宽度时，会自动省略。\n   */\n  maxWidth?: number;\n  /**\n   * label整体 - 背景面板配置\n   */\n  labelBackground?: {\n    visible?: boolean;\n    /**\n     * 内部边距\n     */\n    padding?: IPadding | number[] | number;\n    /**\n     * 背景面板样式\n     */\n    style?: Omit<IRectMarkSpec, 'visible'>;\n  };\n  /**\n   * label文本 - 文本内容，如果需要进行换行，则使用数组形式，如 ['abc', '123']\n   */\n  text?: string | string[] | number | number[];\n  /**\n   * label文本 - 文本格式化\n   * @param markData 组成标注的数据\n   * @param seriesData 标注关联的数据\n   * @returns 格式化后的文本\n   */\n  formatMethod?: (markData: Datum[], seriesData: Datum[]) => string | string[] | number | number[];\n  /**\n   * label文本 - 文本样式\n   */\n  style?: Omit<ITextMarkSpec, 'visible'>;\n\n  /**\n   * label文本 - 文本前 mark 图元\n   */\n  shape?: {\n    visible?: boolean;\n    style: Omit<ISymbolMarkSpec, 'visible'>;\n  };\n  /**\n   * label文本 - shape 同文本之间的间距\n   */\n  space?: number;\n\n  /**\n   * 是否自动调整 label 使其展示在 marker 可见区域内。\n   * @default false\n   * @since 1.4.0\n   */\n  confine?: boolean;\n  /**\n   * 水平方向的偏移\n   */\n  dx?: number;\n  /**\n   * 垂直方向的偏移\n   */\n  dy?: number;\n};\n\nexport type IMarkerLabelSpec = IMarkerLabelWithoutRefSpec & IMarkerRef;\n\nexport interface IMarkerRef {\n  /**\n   * label or symbol 相对line平行方向上的偏移\n   */\n  refX?: number;\n  /**\n   * label or symbol 相对line正交方向上的偏移\n   */\n  refY?: number;\n  /**\n   * label or symbol 相对默认角度的偏移 （label跟随line的角度做自动旋转时，默认按照line的平行向量作为初始角度）\n   */\n  refAngle?: number;\n}\n\nexport interface IMarkerAxisSpec {\n  /**\n   * 起点和终点关联的series（仅在标注目标：坐标空间下有效）\n   */\n  startRelativeSeriesIndex?: number;\n  endRelativeSeriesIndex?: number;\n  startRelativeSeriesId?: string;\n  endRelativeSeriesId?: string;\n  /**\n   * 被标注数据关联的series\n   */\n  relativeRelativeSeriesIndex?: number;\n}\n\nexport interface IMarkerSpec extends IComponentSpec {\n  /**\n   * 标注数据关联的series\n   */\n  relativeSeriesIndex?: number;\n  relativeSeriesId?: number | string;\n  /**\n   * marker组件是否可见\n   * @default true\n   */\n  visible?: boolean;\n  /**\n   * marker组件是否可交互\n   * @default false\n   */\n  interactive?: boolean;\n  /**\n   * marker组件是否自动拓展轴范围\n   * @default false\n   * @since 1.1.0\n   */\n  autoRange?: boolean;\n  /**\n   * marker组件超出图表区域是否被裁剪\n   * @default false\n   * @since 1.3.0\n   */\n  clip?: boolean;\n\n  /**\n   * 标注组件的名称标识\n   * @since 1.7.0\n   */\n  name?: string;\n}\n\nexport interface IMarkerSymbol extends IMarkerRef {\n  /** 是否展示 symbol */\n  visible: boolean;\n  /**\n   * symbol 形状，默认为带左右方向的箭头\n   */\n  symbolType?: SymbolType;\n  /**\n   * symbol 大小\n   */\n  size?: number;\n  style?: Omit<ISymbolMarkSpec, 'visible'>;\n}\n"]}

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

@@ -3,7 +3,7 @@ import type { IMarkerPositionsSpec, IDataPointSpec, IDataPos, IMarkerSpec, IMark
 import type { IMarkAreaTheme } from './theme';
 export type IMarkArea = IComponent;
 export type IRegressType = 'regression';
-export type IMarkAreaSpec = IMarkerSpec & (IMarkAreaXSpec | IMarkAreaYSpec | IMarkAreaCoordinateSpec | IMarkAreaPositionsSpec) & IMarkAreaTheme;
+export type IMarkAreaSpec = IMarkerSpec & (IMarkAreaXSpec | IMarkAreaYSpec | (IMarkAreaXSpec & IMarkAreaYSpec) | IMarkAreaCoordinateSpec | IMarkAreaPositionsSpec) & IMarkAreaTheme;
 export interface IMarkAreaXSpec extends IMarkerAxisSpec {
     x: IDataPos | IDataPosCallback;
     x1: IDataPos | IDataPosCallback;

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/marker/mark-area/interface/spec.ts"],"names":[],"mappings":"","file":"spec.js","sourcesContent":["import type { IComponent } from '../../../interface';\nimport type {\n  IMarkerPositionsSpec,\n  IDataPointSpec,\n  IDataPos,\n  IMarkerSpec,\n  IMarkerAxisSpec,\n  IDataPosCallback\n} from '../../interface';\nimport type { IMarkAreaTheme } from './theme';\n\nexport type IMarkArea = IComponent;\n\nexport type IRegressType = 'regression';\n\nexport type IMarkAreaSpec = IMarkerSpec &\n  (\n    | IMarkAreaXSpec // 标注目标：笛卡尔坐标系坐标空间\n    | IMarkAreaYSpec // 标注目标：笛卡尔坐标系坐标空间\n    // | IMarkAreaAngleSpec // TODO: 标注目标：极坐标系坐标空间\n    // | IMarkAreaRadiusSpec // TODO: 标注目标：极坐标系坐标空间\n    | IMarkAreaCoordinateSpec // 标注目标：数据元素\n    | IMarkAreaPositionsSpec\n  ) &\n  IMarkAreaTheme; // 标注目标：任意位置\n\nexport interface IMarkAreaXSpec extends IMarkerAxisSpec {\n  /**\n   * x轴上的参考线。可以配置参考线在x轴上的值，或者聚合计算类型\n   */\n  x: IDataPos | IDataPosCallback;\n  x1: IDataPos | IDataPosCallback;\n}\n\nexport interface IMarkAreaYSpec extends IMarkerAxisSpec {\n  /**\n   * y轴上的参考线。可以配置参考线在y轴上的值，或者聚合计算类型\n   */\n  y: IDataPos | IDataPosCallback;\n  y1: IDataPos | IDataPosCallback;\n}\n\nexport interface IMarkAreaAngleSpec extends IMarkerAxisSpec {\n  /**\n   * todo: angle轴上的参考线。可以配置参考线在angle轴上的值，或者聚合计算类型\n   */\n  startAngle: IDataPos | IDataPosCallback;\n  endAngle: IDataPos | IDataPosCallback;\n}\n\nexport interface IMarkAreaRadiusSpec extends IMarkerAxisSpec {\n  /**\n   * todo: radius轴上的参考线。可以配置参考线在radius轴上的值，或者聚合计算类型\n   */\n  startRadius: IDataPos | IDataPosCallback;\n  endRadius: IDataPos | IDataPosCallback;\n}\n\nexport type IMarkAreaCoordinateSpec = {\n  /**\n   * 指定数据点的参考线。基于指定数据点进行参考线的绘制，可以对数据点进行数据处理\n   */\n  coordinates: IDataPointSpec[];\n};\n\n/**\n * 指定坐标点的参考线。基于指定坐标进行参考线的绘制\n */\nexport type IMarkAreaPositionsSpec = IMarkerPositionsSpec;\n"]}
+{"version":3,"sources":["../src/component/marker/mark-area/interface/spec.ts"],"names":[],"mappings":"","file":"spec.js","sourcesContent":["import type { IComponent } from '../../../interface';\nimport type {\n  IMarkerPositionsSpec,\n  IDataPointSpec,\n  IDataPos,\n  IMarkerSpec,\n  IMarkerAxisSpec,\n  IDataPosCallback\n} from '../../interface';\nimport type { IMarkAreaTheme } from './theme';\n\nexport type IMarkArea = IComponent;\n\nexport type IRegressType = 'regression';\n\nexport type IMarkAreaSpec = IMarkerSpec &\n  (\n    | IMarkAreaXSpec // 标注目标：笛卡尔坐标系坐标空间\n    | IMarkAreaYSpec // 标注目标：笛卡尔坐标系坐标空间\n    | (IMarkAreaXSpec & IMarkAreaYSpec)\n    // | IMarkAreaAngleSpec // TODO: 标注目标：极坐标系坐标空间\n    // | IMarkAreaRadiusSpec // TODO: 标注目标：极坐标系坐标空间\n    | IMarkAreaCoordinateSpec // 标注目标：数据元素\n    | IMarkAreaPositionsSpec\n  ) &\n  IMarkAreaTheme; // 标注目标：任意位置\n\nexport interface IMarkAreaXSpec extends IMarkerAxisSpec {\n  /**\n   * x轴上的参考线。可以配置参考线在x轴上的值，或者聚合计算类型\n   * 可以将 x 配置为 '15%' 百分比的形式，用于表示将 x 绘制在 marker 所在 region 横轴（从左往右）的百分之 15 位置处\n   */\n  x: IDataPos | IDataPosCallback;\n  x1: IDataPos | IDataPosCallback;\n}\n\nexport interface IMarkAreaYSpec extends IMarkerAxisSpec {\n  /**\n   * y轴上的参考线。可以配置参考线在y轴上的值，或者聚合计算类型\n   * 可以将 y 配置为 '15%' 百分比的形式，用于表示将 y 绘制在 marker 所在 region 纵轴（从上到下）的百分之 15 位置处\n   */\n  y: IDataPos | IDataPosCallback;\n  y1: IDataPos | IDataPosCallback;\n}\n\nexport interface IMarkAreaAngleSpec extends IMarkerAxisSpec {\n  /**\n   * todo: angle轴上的参考线。可以配置参考线在angle轴上的值，或者聚合计算类型\n   */\n  startAngle: IDataPos | IDataPosCallback;\n  endAngle: IDataPos | IDataPosCallback;\n}\n\nexport interface IMarkAreaRadiusSpec extends IMarkerAxisSpec {\n  /**\n   * todo: radius轴上的参考线。可以配置参考线在radius轴上的值，或者聚合计算类型\n   */\n  startRadius: IDataPos | IDataPosCallback;\n  endRadius: IDataPos | IDataPosCallback;\n}\n\nexport type IMarkAreaCoordinateSpec = {\n  /**\n   * 指定数据点的参考线。基于指定数据点进行参考线的绘制，可以对数据点进行数据处理\n   */\n  coordinates: IDataPointSpec[];\n};\n\n/**\n * 指定坐标点的参考线。基于指定坐标进行参考线的绘制\n */\nexport type IMarkAreaPositionsSpec = IMarkerPositionsSpec;\n"]}

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

@@ -3,13 +3,11 @@ import type { IComponentOption } from '../../interface';
 import { ComponentTypeEnum } from '../../interface/type';
 import { MarkArea as MarkAreaComponent } from '@visactor/vrender-components';
 import { BaseMarker } from '../base-marker';
-import type { LayoutItem } from '../../../model/layout-item';
 export declare class MarkArea extends BaseMarker<IMarkAreaSpec & IMarkAreaTheme> implements IMarkArea {
     static type: ComponentTypeEnum;
     type: ComponentTypeEnum;
     name: string;
-    layoutZIndex: LayoutItem['layoutZIndex'];
-    static speckey: string;
+    layoutZIndex: number;
     protected _theme: IMarkAreaTheme;
     protected _markerComponent: MarkAreaComponent;
     static createComponent(spec: any, options: IComponentOption): MarkArea | MarkArea[];

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

@@ -12,21 +12,18 @@ class MarkArea extends base_marker_1.BaseMarker {
         this.layoutZIndex = constant_1.LayoutZIndex.MarkArea;
     }
     static createComponent(spec, options) {
-        const markAreaSpec = spec.markArea || options.defaultSpec;
+        const markAreaSpec = spec.markArea;
         if ((0, vutils_1.isEmpty)(markAreaSpec)) return;
-        if (!(0, vutils_1.isArray)(markAreaSpec) && !1 !== markAreaSpec.visible) return new MarkArea(markAreaSpec, Object.assign(Object.assign({}, options), {
-            specKey: MarkArea.speckey
-        }));
+        if (!(0, vutils_1.isArray)(markAreaSpec) && !1 !== markAreaSpec.visible) return new MarkArea(markAreaSpec, options);
         const markAreas = [];
         return markAreaSpec.forEach(((m, i) => {
             !1 !== m.visible && markAreas.push(new MarkArea(m, Object.assign(Object.assign({}, options), {
-                specIndex: i,
-                specKey: MarkArea.speckey
+                specIndex: i
             })));
         })), markAreas;
     }
     _createMarkerComponent() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
         const markArea = new vrender_components_1.MarkArea({
             zIndex: this.layoutZIndex,
             interactive: null !== (_a = this._spec.interactive) && void 0 !== _a && _a,
@@ -47,20 +44,35 @@ class MarkArea extends base_marker_1.BaseMarker {
             }),
             clipInRange: null !== (_q = this._spec.clip) && void 0 !== _q && _q
         });
-        this._markerComponent = markArea, this._markerComponent.name = "markArea", this._markerComponent.id = null !== (_r = this._spec.id) && void 0 !== _r ? _r : `markArea-${this.id}`, 
+        this._markerComponent = markArea, this._markerComponent.name = null !== (_r = this._spec.name) && void 0 !== _r ? _r : this.type, 
+        this._markerComponent.id = null !== (_s = this._spec.id) && void 0 !== _s ? _s : `${this.type}-${this.id}`, 
         this.getContainer().add(this._markerComponent);
     }
     _markerLayout() {
         var _a, _b, _c, _d, _e, _f, _g, _h;
         const spec = this._spec, data = this._markerData, startRelativeSeries = this._startRelativeSeries, endRelativeSeries = this._endRelativeSeries, relativeSeries = this._relativeSeries, isXLayout = (0, 
         vutils_1.isValid)(spec.x) && (0, vutils_1.isValid)(spec.x1), isYLayout = (0, vutils_1.isValid)(spec.y) && (0, 
-        vutils_1.isValid)(spec.y1), isCoordinateLayout = (0, vutils_1.isValid)(spec.coordinates), isPositionLayout = (0, 
-        vutils_1.isValid)(spec.positions), autoRange = null !== (_a = spec.autoRange) && void 0 !== _a && _a;
+        vutils_1.isValid)(spec.y1), isXYLayout = isXLayout && isYLayout, isCoordinateLayout = (0, 
+        vutils_1.isValid)(spec.coordinates), isPositionLayout = (0, vutils_1.isValid)(spec.positions), autoRange = null !== (_a = spec.autoRange) && void 0 !== _a && _a;
         let points = [], lines = [];
-        isXLayout ? (lines = (0, utils_1.xLayout)(data, startRelativeSeries, endRelativeSeries, relativeSeries, autoRange), 
-        points = [ ...lines[0], lines[1][1], lines[1][0] ]) : isYLayout ? (lines = (0, utils_1.yLayout)(data, startRelativeSeries, endRelativeSeries, relativeSeries, autoRange), 
-        points = [ ...lines[0], lines[1][1], lines[1][0] ]) : isCoordinateLayout ? points = (0, 
-        utils_1.coordinateLayout)(data, relativeSeries, autoRange) : isPositionLayout && (points = spec.positions);
+        if (isXYLayout) lines = (0, utils_1.xyLayout)(data, startRelativeSeries, endRelativeSeries, relativeSeries, autoRange), 
+        points = [ {
+            x: lines[0][0].x,
+            y: lines[1][0].y
+        }, lines[0][0], {
+            x: lines[1][0].x,
+            y: lines[0][0].y
+        }, lines[1][0] ]; else if (isXLayout) lines = (0, utils_1.xyLayout)(data, startRelativeSeries, endRelativeSeries, relativeSeries, autoRange), 
+        points = [ ...lines[0], lines[1][1], lines[1][0] ]; else if (isYLayout) lines = (0, 
+        utils_1.xyLayout)(data, startRelativeSeries, endRelativeSeries, relativeSeries, autoRange), 
+        points = [ ...lines[0], lines[1][1], lines[1][0] ]; else if (isCoordinateLayout) points = (0, 
+        utils_1.coordinateLayout)(data, relativeSeries, autoRange); else if (isPositionLayout) if (spec.regionRelative) {
+            const region = relativeSeries.getRegion(), {x: regionStartX, y: regionStartY} = region.getLayoutStartPoint();
+            points = spec.positions.map((point => ({
+                x: point.x + regionStartX,
+                y: point.y + regionStartY
+            })));
+        } else points = spec.positions;
         const seriesData = this._relativeSeries.getViewData().latestData, dataPoints = data ? data.latestData[0].latestData ? data.latestData[0].latestData : data.latestData : seriesData;
         let limitRect;
         if (spec.clip || (null === (_b = spec.label) || void 0 === _b ? void 0 : _b.confine)) {
@@ -78,19 +90,20 @@ class MarkArea extends base_marker_1.BaseMarker {
                 text: this._spec.label.formatMethod ? this._spec.label.formatMethod(dataPoints, seriesData) : null === (_h = null === (_g = null === (_f = this._markerComponent) || void 0 === _f ? void 0 : _f.attribute) || void 0 === _g ? void 0 : _g.label) || void 0 === _h ? void 0 : _h.text
             }),
             limitRect: limitRect,
-            dx: this.layoutOffsetX,
-            dy: this.layoutOffsetY
+            dx: this._layoutOffsetX,
+            dy: this._layoutOffsetY
         });
     }
     _initDataView() {
         const spec = this._spec, relativeSeries = this._relativeSeries, isXProcess = (0, 
         vutils_1.isValid)(spec.x) && (0, vutils_1.isValid)(spec.x1), isYProcess = (0, vutils_1.isValid)(spec.y) && (0, 
-        vutils_1.isValid)(spec.y1), isCoordinateProcess = (0, vutils_1.isValid)(spec.coordinates);
+        vutils_1.isValid)(spec.y1), isXYProcess = isXProcess && isYProcess, isCoordinateProcess = (0, 
+        vutils_1.isValid)(spec.coordinates);
         if (!isXProcess && !isYProcess && !isCoordinateProcess) return null;
         let options;
         (0, register_1.registerDataSetInstanceTransform)(this._option.dataSet, "markerAggregation", aggregation_1.markerAggregation), 
         (0, register_1.registerDataSetInstanceTransform)(this._option.dataSet, "markerRegression", regression_1.markerRegression), 
-        isXProcess ? options = [ this._processSpecX(spec.x), this._processSpecX(spec.x1) ] : isYProcess ? options = [ this._processSpecY(spec.y), this._processSpecY(spec.y1) ] : isCoordinateProcess && (options = this._processSpecCoo(spec));
+        isXYProcess ? options = [ this._processSpecXY(spec.x, spec.y), this._processSpecXY(spec.x1, spec.y1) ] : isXProcess ? options = [ this._processSpecX(spec.x), this._processSpecX(spec.x1) ] : isYProcess ? options = [ this._processSpecY(spec.y), this._processSpecY(spec.y1) ] : isCoordinateProcess && (options = this._processSpecCoo(spec));
         const data = new vdataset_1.DataView(this._option.dataSet, {
             name: `${this.type}_${this.id}_data`
         });
@@ -105,8 +118,7 @@ class MarkArea extends base_marker_1.BaseMarker {
     }
 }
 
-exports.MarkArea = MarkArea, MarkArea.type = type_1.ComponentTypeEnum.markArea, 
-MarkArea.speckey = "markArea";
+exports.MarkArea = MarkArea, MarkArea.type = type_1.ComponentTypeEnum.markArea;
 
 const registerMarkArea = () => {
     factory_1.Factory.registerComponent(MarkArea.type, MarkArea);

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/marker/mark-area/mark-area.ts"],"names":[],"mappings":"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","file":"mark-area.js","sourcesContent":["import { DataView } from '@visactor/vdataset';\nimport type { IMarkArea, IMarkAreaSpec, IMarkAreaTheme } from './interface';\nimport type { IComponentOption } from '../../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { ComponentTypeEnum } from '../../interface/type';\nimport type { IOptionAggr } from '../../../data/transforms/aggregation';\n// eslint-disable-next-line no-duplicate-imports\nimport { markerAggregation } from '../../../data/transforms/aggregation';\nimport { xLayout, yLayout, coordinateLayout } from '../utils';\nimport { registerDataSetInstanceTransform } from '../../../data/register';\nimport { MarkArea as MarkAreaComponent } from '@visactor/vrender-components';\nimport type { IPointLike } from '@visactor/vutils';\n// eslint-disable-next-line no-duplicate-imports\nimport { isEmpty, isValid, isArray } from '@visactor/vutils';\nimport { transformToGraphic } from '../../../util/style';\nimport { BaseMarker } from '../base-marker';\nimport { LayoutZIndex } from '../../../constant';\nimport type { LayoutItem } from '../../../model/layout-item';\nimport type { INode } from '@visactor/vrender-core';\n// eslint-disable-next-line no-duplicate-imports\nimport { markerRegression } from '../../../data/transforms/regression';\nimport { Factory } from '../../../core/factory';\n\nexport class MarkArea extends BaseMarker<IMarkAreaSpec & IMarkAreaTheme> implements IMarkArea {\n  static type = ComponentTypeEnum.markArea;\n  type = ComponentTypeEnum.markArea;\n  name: string = ComponentTypeEnum.markArea;\n\n  layoutZIndex: LayoutItem['layoutZIndex'] = LayoutZIndex.MarkArea;\n\n  static speckey = 'markArea';\n\n  protected declare _theme: IMarkAreaTheme;\n\n  // markArea组件\n  protected declare _markerComponent: MarkAreaComponent;\n\n  static createComponent(spec: any, options: IComponentOption) {\n    const markAreaSpec = spec.markArea || options.defaultSpec;\n    if (isEmpty(markAreaSpec)) {\n      return undefined;\n    }\n    if (!isArray(markAreaSpec) && markAreaSpec.visible !== false) {\n      return new MarkArea(markAreaSpec, { ...options, specKey: MarkArea.speckey });\n    }\n    const markAreas: MarkArea[] = [];\n    markAreaSpec.forEach((m: any, i: number) => {\n      if (m.visible !== false) {\n        markAreas.push(new MarkArea(m, { ...options, specIndex: i, specKey: MarkArea.speckey }));\n      }\n    });\n    return markAreas;\n  }\n\n  protected _createMarkerComponent() {\n    const markArea = new MarkAreaComponent({\n      zIndex: this.layoutZIndex,\n      interactive: this._spec.interactive ?? false,\n      points: [\n        {\n          x: 0,\n          y: 0\n        }\n      ],\n      areaStyle: transformToGraphic(this._spec.area?.style),\n      label: {\n        ...this._spec.label,\n        padding: this._spec.label?.labelBackground?.padding,\n        shape: {\n          ...transformToGraphic(this._spec.label?.shape),\n          visible: this._spec.label?.shape?.visible ?? false\n        },\n        panel: {\n          ...transformToGraphic(this._spec.label?.labelBackground?.style),\n          visible: this._spec.label?.labelBackground?.visible ?? true\n        },\n        textStyle: transformToGraphic(this._spec.label?.style)\n      },\n      clipInRange: this._spec.clip ?? false\n    });\n    this._markerComponent = markArea;\n    this._markerComponent.name = 'markArea';\n    this._markerComponent.id = this._spec.id ?? `markArea-${this.id}`;\n    this.getContainer().add(this._markerComponent as unknown as INode);\n  }\n\n  protected _markerLayout() {\n    const spec = this._spec as any;\n    const data = this._markerData;\n    const startRelativeSeries = this._startRelativeSeries;\n    const endRelativeSeries = this._endRelativeSeries;\n    const relativeSeries = this._relativeSeries;\n\n    const isXLayout = isValid(spec.x) && isValid(spec.x1);\n    const isYLayout = isValid(spec.y) && isValid(spec.y1);\n    const isCoordinateLayout = isValid(spec.coordinates);\n    const isPositionLayout = isValid(spec.positions);\n    const autoRange = spec.autoRange ?? false;\n\n    let points: IPointLike[] = [];\n    let lines: [IPointLike, IPointLike][] = [];\n    if (isXLayout) {\n      lines = xLayout(data, startRelativeSeries, endRelativeSeries, relativeSeries, autoRange);\n      points = [...lines[0], lines[1][1], lines[1][0]];\n    } else if (isYLayout) {\n      lines = yLayout(data, startRelativeSeries, endRelativeSeries, relativeSeries, autoRange);\n      points = [...lines[0], lines[1][1], lines[1][0]];\n    } else if (isCoordinateLayout) {\n      points = coordinateLayout(data, relativeSeries, autoRange);\n    } else if (isPositionLayout) {\n      points = spec.positions;\n    }\n\n    const seriesData = this._relativeSeries.getViewData().latestData;\n    const dataPoints = data\n      ? data.latestData[0].latestData\n        ? data.latestData[0].latestData\n        : data.latestData\n      : seriesData;\n\n    let limitRect;\n    if (spec.clip || spec.label?.confine) {\n      const { minX, maxX, minY, maxY } = this._computeClipRange([\n        startRelativeSeries.getRegion(),\n        endRelativeSeries.getRegion(),\n        relativeSeries.getRegion()\n      ]);\n      limitRect = {\n        x: minX,\n        y: minY,\n        width: maxX - minX,\n        height: maxY - minY\n      };\n    }\n\n    this._markerComponent?.setAttributes({\n      points: points,\n      label: {\n        ...this._markerComponent?.attribute?.label,\n        text: this._spec.label.formatMethod\n          ? this._spec.label.formatMethod(dataPoints, seriesData)\n          : this._markerComponent?.attribute?.label?.text\n      },\n      limitRect,\n      dx: this.layoutOffsetX,\n      dy: this.layoutOffsetY\n    });\n  }\n\n  protected _initDataView(): void {\n    const spec = this._spec as any;\n    const relativeSeries = this._relativeSeries;\n    const isXProcess = isValid(spec.x) && isValid(spec.x1);\n    const isYProcess = isValid(spec.y) && isValid(spec.y1);\n    const isCoordinateProcess = isValid(spec.coordinates);\n    if (!isXProcess && !isYProcess && !isCoordinateProcess) {\n      return null;\n    }\n\n    let options: IOptionAggr[];\n\n    registerDataSetInstanceTransform(this._option.dataSet, 'markerAggregation', markerAggregation);\n    registerDataSetInstanceTransform(this._option.dataSet, 'markerRegression', markerRegression);\n\n    if (isXProcess) {\n      options = [this._processSpecX(spec.x), this._processSpecX(spec.x1)];\n    } else if (isYProcess) {\n      options = [this._processSpecY(spec.y), this._processSpecY(spec.y1)];\n    } else if (isCoordinateProcess) {\n      options = this._processSpecCoo(spec);\n    }\n\n    const data = new DataView(this._option.dataSet, { name: `${this.type}_${this.id}_data` });\n    data.parse([relativeSeries.getViewData()], {\n      type: 'dataview'\n    });\n    data.transform({\n      type: 'markerAggregation',\n      options\n    });\n\n    data.target.on('change', () => {\n      this._markerLayout();\n    });\n    this._markerData = data;\n  }\n}\n\nexport const registerMarkArea = () => {\n  Factory.registerComponent(MarkArea.type, MarkArea);\n};\n"]}
+{"version":3,"sources":["../src/component/marker/mark-area/mark-area.ts"],"names":[],"mappings":"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","file":"mark-area.js","sourcesContent":["import { DataView } from '@visactor/vdataset';\nimport type { IMarkArea, IMarkAreaSpec, IMarkAreaTheme } from './interface';\nimport type { IComponentOption } from '../../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { ComponentTypeEnum } from '../../interface/type';\nimport type { IOptionAggr } from '../../../data/transforms/aggregation';\n// eslint-disable-next-line no-duplicate-imports\nimport { markerAggregation } from '../../../data/transforms/aggregation';\nimport { coordinateLayout, xyLayout } from '../utils';\nimport { registerDataSetInstanceTransform } from '../../../data/register';\nimport { MarkArea as MarkAreaComponent } from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport { isEmpty, isValid, isArray } from '@visactor/vutils';\nimport { transformToGraphic } from '../../../util/style';\nimport { BaseMarker } from '../base-marker';\nimport { LayoutZIndex } from '../../../constant';\nimport type { INode } from '@visactor/vrender-core';\n// eslint-disable-next-line no-duplicate-imports\nimport { markerRegression } from '../../../data/transforms/regression';\nimport { Factory } from '../../../core/factory';\nimport type { IPoint } from '../../../typings';\n\nexport class MarkArea extends BaseMarker<IMarkAreaSpec & IMarkAreaTheme> implements IMarkArea {\n  static type = ComponentTypeEnum.markArea;\n  type = ComponentTypeEnum.markArea;\n  name: string = ComponentTypeEnum.markArea;\n\n  layoutZIndex: number = LayoutZIndex.MarkArea;\n\n  protected declare _theme: IMarkAreaTheme;\n\n  // markArea组件\n  protected declare _markerComponent: MarkAreaComponent;\n\n  static createComponent(spec: any, options: IComponentOption) {\n    const markAreaSpec = spec.markArea;\n    if (isEmpty(markAreaSpec)) {\n      return undefined;\n    }\n    if (!isArray(markAreaSpec) && markAreaSpec.visible !== false) {\n      return new MarkArea(markAreaSpec, options);\n    }\n    const markAreas: MarkArea[] = [];\n    markAreaSpec.forEach((m: any, i: number) => {\n      if (m.visible !== false) {\n        markAreas.push(new MarkArea(m, { ...options, specIndex: i }));\n      }\n    });\n    return markAreas;\n  }\n\n  protected _createMarkerComponent() {\n    const markArea = new MarkAreaComponent({\n      zIndex: this.layoutZIndex,\n      interactive: this._spec.interactive ?? false,\n      points: [\n        {\n          x: 0,\n          y: 0\n        }\n      ],\n      areaStyle: transformToGraphic(this._spec.area?.style),\n      label: {\n        ...this._spec.label,\n        padding: this._spec.label?.labelBackground?.padding,\n        shape: {\n          ...transformToGraphic(this._spec.label?.shape),\n          visible: this._spec.label?.shape?.visible ?? false\n        },\n        panel: {\n          ...transformToGraphic(this._spec.label?.labelBackground?.style),\n          visible: this._spec.label?.labelBackground?.visible ?? true\n        },\n        textStyle: transformToGraphic(this._spec.label?.style)\n      },\n      clipInRange: this._spec.clip ?? false\n    });\n    this._markerComponent = markArea;\n    this._markerComponent.name = this._spec.name ?? this.type;\n    this._markerComponent.id = this._spec.id ?? `${this.type}-${this.id}`;\n    this.getContainer().add(this._markerComponent as unknown as INode);\n  }\n\n  protected _markerLayout() {\n    const spec = this._spec as any;\n    const data = this._markerData;\n    const startRelativeSeries = this._startRelativeSeries;\n    const endRelativeSeries = this._endRelativeSeries;\n    const relativeSeries = this._relativeSeries;\n\n    const isXLayout = isValid(spec.x) && isValid(spec.x1);\n    const isYLayout = isValid(spec.y) && isValid(spec.y1);\n    const isXYLayout = isXLayout && isYLayout;\n    const isCoordinateLayout = isValid(spec.coordinates);\n    const isPositionLayout = isValid(spec.positions);\n    const autoRange = spec.autoRange ?? false;\n\n    let points: IPoint[] = [];\n    let lines: IPoint[][] = [];\n    if (isXYLayout) {\n      lines = xyLayout(data, startRelativeSeries, endRelativeSeries, relativeSeries, autoRange);\n      // 格式为 [[{x, y}], [{x, y}]]\n      // 顺序为左小角开始逆时针绘制\n      points = [\n        {\n          x: lines[0][0].x,\n          y: lines[1][0].y\n        },\n        lines[0][0],\n        {\n          x: lines[1][0].x,\n          y: lines[0][0].y\n        },\n        lines[1][0]\n      ];\n    } else if (isXLayout) {\n      lines = xyLayout(data, startRelativeSeries, endRelativeSeries, relativeSeries, autoRange);\n      points = [...lines[0], lines[1][1], lines[1][0]];\n    } else if (isYLayout) {\n      lines = xyLayout(data, startRelativeSeries, endRelativeSeries, relativeSeries, autoRange);\n      points = [...lines[0], lines[1][1], lines[1][0]];\n    } else if (isCoordinateLayout) {\n      points = coordinateLayout(data, relativeSeries, autoRange);\n    } else if (isPositionLayout) {\n      if (spec.regionRelative) {\n        const region = relativeSeries.getRegion();\n        const { x: regionStartX, y: regionStartY } = region.getLayoutStartPoint();\n        points = spec.positions.map((point: IPoint) => {\n          return {\n            x: point.x + regionStartX,\n            y: point.y + regionStartY\n          };\n        });\n      } else {\n        points = spec.positions;\n      }\n    }\n\n    const seriesData = this._relativeSeries.getViewData().latestData;\n    const dataPoints = data\n      ? data.latestData[0].latestData\n        ? data.latestData[0].latestData\n        : data.latestData\n      : seriesData;\n\n    let limitRect;\n    if (spec.clip || spec.label?.confine) {\n      const { minX, maxX, minY, maxY } = this._computeClipRange([\n        startRelativeSeries.getRegion(),\n        endRelativeSeries.getRegion(),\n        relativeSeries.getRegion()\n      ]);\n      limitRect = {\n        x: minX,\n        y: minY,\n        width: maxX - minX,\n        height: maxY - minY\n      };\n    }\n\n    this._markerComponent?.setAttributes({\n      points: points,\n      label: {\n        ...this._markerComponent?.attribute?.label,\n        text: this._spec.label.formatMethod\n          ? this._spec.label.formatMethod(dataPoints, seriesData)\n          : this._markerComponent?.attribute?.label?.text\n      },\n      limitRect,\n      dx: this._layoutOffsetX,\n      dy: this._layoutOffsetY\n    });\n  }\n\n  protected _initDataView(): void {\n    const spec = this._spec as any;\n    const relativeSeries = this._relativeSeries;\n    const isXProcess = isValid(spec.x) && isValid(spec.x1);\n    const isYProcess = isValid(spec.y) && isValid(spec.y1);\n    const isXYProcess = isXProcess && isYProcess;\n    const isCoordinateProcess = isValid(spec.coordinates);\n    if (!isXProcess && !isYProcess && !isCoordinateProcess) {\n      return null;\n    }\n\n    let options: IOptionAggr[];\n\n    registerDataSetInstanceTransform(this._option.dataSet, 'markerAggregation', markerAggregation);\n    registerDataSetInstanceTransform(this._option.dataSet, 'markerRegression', markerRegression);\n\n    if (isXYProcess) {\n      options = [this._processSpecXY(spec.x, spec.y), this._processSpecXY(spec.x1, spec.y1)];\n    } else if (isXProcess) {\n      options = [this._processSpecX(spec.x), this._processSpecX(spec.x1)];\n    } else if (isYProcess) {\n      options = [this._processSpecY(spec.y), this._processSpecY(spec.y1)];\n    } else if (isCoordinateProcess) {\n      options = this._processSpecCoo(spec);\n    }\n\n    const data = new DataView(this._option.dataSet, { name: `${this.type}_${this.id}_data` });\n    data.parse([relativeSeries.getViewData()], {\n      type: 'dataview'\n    });\n    data.transform({\n      type: 'markerAggregation',\n      options\n    });\n\n    data.target.on('change', () => {\n      this._markerLayout();\n    });\n    this._markerData = data;\n  }\n}\n\nexport const registerMarkArea = () => {\n  Factory.registerComponent(MarkArea.type, MarkArea);\n};\n"]}

package/cjs/component/marker/mark-line/interface/spec.d.ts

@@ -2,8 +2,7 @@ import type { IComponent } from '../../../interface';
 import type { IAggrType, IMarkerPositionsSpec, IDataPointSpec, IMarkerSpec, IMarkerAxisSpec, IDataPos, IDataPosCallback, IMarkerLabelSpec } from '../../interface';
 import type { IRegressType } from '../../mark-area/interface';
 import type { IMarkLineTheme } from './theme';
-import type { ILineMarkSpec } from '../../../../typings';
-import type { IPointLike } from '@visactor/vutils';
+import type { ILineMarkSpec, IPoint } from '../../../../typings';
 export type IMarkLine = IComponent;
 export type IMarkLineSpec = (IMarkerSpec & (IMarkLineXSpec | IMarkLineYSpec | IMarkLineCoordinateSpec | IMarkLinePositionsSpec) & IMarkLineTheme) | IStepMarkLineSpec;
 export interface IMarkLineXSpec extends IMarkerAxisSpec {
@@ -32,7 +31,7 @@ export type IMarkLinePositionsSpec = IMarkerPositionsSpec;
 export type IStepMarkLineSpec = IMarkerSpec & {
     type: 'type-step';
     connectDirection: 'top' | 'bottom' | 'left' | 'right';
-    expandDistance?: number;
+    expandDistance?: number | string;
     label?: IMarkerLabelSpec;
     line?: {
         multiSegment?: boolean;
@@ -49,5 +48,5 @@ export type IStepMarkLineSpec = IMarkerSpec & {
         xy: IRegressType;
     };
 } | {
-    positions: [IPointLike, IPointLike];
+    positions: [IPoint, IPoint];
 });

package/cjs/component/marker/mark-line/interface/spec.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/marker/mark-line/interface/spec.ts"],"names":[],"mappings":"","file":"spec.js","sourcesContent":["import type { IComponent } from '../../../interface';\nimport type {\n  IAggrType,\n  IMarkerPositionsSpec,\n  IDataPointSpec,\n  IMarkerSpec,\n  IMarkerAxisSpec,\n  IDataPos,\n  IDataPosCallback,\n  IMarkerLabelSpec\n} from '../../interface';\nimport type { IRegressType } from '../../mark-area/interface';\nimport type { IMarkLineTheme } from './theme';\nimport type { ILineMarkSpec } from '../../../../typings';\nimport type { IPointLike } from '@visactor/vutils';\n\nexport type IMarkLine = IComponent;\n\nexport type IMarkLineSpec =\n  | (IMarkerSpec &\n      (\n        | IMarkLineXSpec // 标注目标：笛卡尔坐标系坐标空间\n        | IMarkLineYSpec // 标注目标：笛卡尔坐标系坐标空间\n        // | IMarkLineAngleSpec // TODO: 标注目标：极坐标系坐标空间\n        // | IMarkLineRadiusSpec // TODO: 标注目标：极坐标系坐标空间\n        | IMarkLineCoordinateSpec // 标注目标：数据元素\n        | IMarkLinePositionsSpec\n      ) &\n      IMarkLineTheme)\n  | IStepMarkLineSpec; // 标注目标：任意位置\n\nexport interface IMarkLineXSpec extends IMarkerAxisSpec {\n  /**\n   * x轴上的参考线。可以配置参考线在x轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算\n   */\n  x: IDataPos | IDataPosCallback;\n}\n\nexport interface IMarkLineYSpec extends IMarkerAxisSpec {\n  /**\n   * y轴上的参考线。可以配置参考线在y轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算\n   */\n  y: IDataPos | IDataPosCallback;\n}\n\nexport interface IMarkLineAngleSpec extends IMarkerAxisSpec {\n  /**\n   * todo: angle轴上的参考线。可以配置参考线在angle轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算\n   */\n  angle: IDataPos | IDataPosCallback;\n}\n\nexport interface IMarkLineRadiusSpec extends IMarkerAxisSpec {\n  /**\n   * todo: radius轴上的参考线。可以配置参考线在radius轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算\n   */\n  radius: IDataPos | IDataPosCallback;\n}\n\nexport type IMarkLineCoordinateSpec = {\n  /**\n   * 指定数据点的参考线。基于指定数据点进行参考线的绘制，可以对数据点进行数据处理\n   */\n  coordinates: IDataPointSpec[];\n  /**\n   * 数据点的处理方法。 如果不配置则按照coordinate数组直接连接成line。\n   */\n  process?:\n    | {\n        x: IAggrType;\n      }\n    | {\n        y: IAggrType;\n      }\n    | {\n        xy: IRegressType; // FIXME: xy属性名称不太合理，可能需调整\n      };\n};\n/**\n * 指定坐标点的参考线。基于指定坐标进行参考线的绘制\n */\nexport type IMarkLinePositionsSpec = IMarkerPositionsSpec;\n\nexport type IStepMarkLineSpec = IMarkerSpec & {\n  /**\n   * 指定辅助线的连接类型，step 的连接方式为由交替的水平线和处置线组成的\n   */\n  type: 'type-step';\n  /**\n   * 线的链接方向\n   */\n  connectDirection: 'top' | 'bottom' | 'left' | 'right';\n  /**\n   * 在连接方向的扩展距离\n   */\n  expandDistance?: number;\n\n  label?: IMarkerLabelSpec;\n  line?: {\n    /**\n     * 是否对 points 进行多段处理，默认为 false，即直接将所有的点连接成线。\n     * 如果需要进行多段处理，需要将 points 属性配置为 Point[][] 类型\n     * @default false\n     */\n    multiSegment?: boolean;\n    /**\n     * 在 `multiSegment` 属性开启的前提下，用于声明那一段线段用来作为主线段，如果不声明，默认全段为主线段\n     */\n    mainSegmentIndex?: number;\n    /**\n     * 当进行多段配置时，可以通过数组的方式传入\n     */\n    style?: ILineMarkSpec | ILineMarkSpec[];\n  };\n} & Omit<IMarkLineTheme, 'label' | 'line'> &\n  (\n    | {\n        /**\n         * 指定数据点的参考线。基于指定数据点进行参考线的绘制，可以对数据点进行数据处理\n         */\n        coordinates: [IDataPointSpec, IDataPointSpec];\n        /**\n         * 数据点的处理方法。 如果不配置则按照coordinate数组直接连接成line。\n         */\n        process?:\n          | {\n              x: IAggrType;\n            }\n          | {\n              y: IAggrType;\n            }\n          | {\n              xy: IRegressType; // FIXME: xy属性名称不太合理，可能需调整\n            };\n      }\n    | {\n        positions: [IPointLike, IPointLike];\n      }\n  );\n"]}
+{"version":3,"sources":["../src/component/marker/mark-line/interface/spec.ts"],"names":[],"mappings":"","file":"spec.js","sourcesContent":["import type { IComponent } from '../../../interface';\nimport type {\n  IAggrType,\n  IMarkerPositionsSpec,\n  IDataPointSpec,\n  IMarkerSpec,\n  IMarkerAxisSpec,\n  IDataPos,\n  IDataPosCallback,\n  IMarkerLabelSpec\n} from '../../interface';\nimport type { IRegressType } from '../../mark-area/interface';\nimport type { IMarkLineTheme } from './theme';\nimport type { ILineMarkSpec, IPoint } from '../../../../typings';\n\nexport type IMarkLine = IComponent;\n\nexport type IMarkLineSpec =\n  | (IMarkerSpec &\n      (\n        | IMarkLineXSpec // 标注目标：笛卡尔坐标系坐标空间\n        | IMarkLineYSpec // 标注目标：笛卡尔坐标系坐标空间\n        // | IMarkLineAngleSpec // TODO: 标注目标：极坐标系坐标空间\n        // | IMarkLineRadiusSpec // TODO: 标注目标：极坐标系坐标空间\n        | IMarkLineCoordinateSpec // 标注目标：数据元素\n        | IMarkLinePositionsSpec\n      ) &\n      IMarkLineTheme)\n  | IStepMarkLineSpec; // 标注目标：任意位置\n\nexport interface IMarkLineXSpec extends IMarkerAxisSpec {\n  /**\n   * x轴上的参考线。可以配置参考线在x轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * 可以将 x 配置为 '15%' 百分比的形式，用于表示将 x 绘制在 marker 所在 region 横轴（从左往右）的百分之 15 位置处\n   */\n  x: IDataPos | IDataPosCallback;\n}\n\nexport interface IMarkLineYSpec extends IMarkerAxisSpec {\n  /**\n   * y轴上的参考线。可以配置参考线在y轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算\n   * 可以将 y 配置为 '15%' 百分比的形式，用于表示将 x 绘制在 marker 所在 region 纵轴（从上到下）的百分之 15 位置处\n   */\n  y: IDataPos | IDataPosCallback;\n}\n\nexport interface IMarkLineAngleSpec extends IMarkerAxisSpec {\n  /**\n   * todo: angle轴上的参考线。可以配置参考线在angle轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算\n   */\n  angle: IDataPos | IDataPosCallback;\n}\n\nexport interface IMarkLineRadiusSpec extends IMarkerAxisSpec {\n  /**\n   * todo: radius轴上的参考线。可以配置参考线在radius轴上的值，或者聚合计算类型，或者以回调的形式通过数据自行计算\n   */\n  radius: IDataPos | IDataPosCallback;\n}\n\nexport type IMarkLineCoordinateSpec = {\n  /**\n   * 指定数据点的参考线。基于指定数据点进行参考线的绘制，可以对数据点进行数据处理\n   */\n  coordinates: IDataPointSpec[];\n  /**\n   * 数据点的处理方法。 如果不配置则按照coordinate数组直接连接成line。\n   */\n  process?:\n    | {\n        x: IAggrType;\n      }\n    | {\n        y: IAggrType;\n      }\n    | {\n        xy: IRegressType; // FIXME: xy属性名称不太合理，可能需调整\n      };\n};\n/**\n * 指定坐标点的参考线。基于指定坐标进行参考线的绘制\n */\nexport type IMarkLinePositionsSpec = IMarkerPositionsSpec;\n\nexport type IStepMarkLineSpec = IMarkerSpec & {\n  /**\n   * 指定辅助线的连接类型，step 的连接方式为由交替的水平线和处置线组成的\n   */\n  type: 'type-step';\n  /**\n   * 线的链接方向\n   */\n  connectDirection: 'top' | 'bottom' | 'left' | 'right';\n  /**\n   * 在连接方向的扩展距离。\n   * number 类型为像素值\n   * string 类型为百分比，相对于 region 区域宽度/高度的百分比，如 '30%'\n   */\n  expandDistance?: number | string;\n\n  label?: IMarkerLabelSpec;\n  line?: {\n    /**\n     * 是否对 points 进行多段处理，默认为 false，即直接将所有的点连接成线。\n     * 如果需要进行多段处理，需要将 points 属性配置为 Point[][] 类型\n     * @default false\n     */\n    multiSegment?: boolean;\n    /**\n     * 在 `multiSegment` 属性开启的前提下，用于声明那一段线段用来作为主线段，如果不声明，默认全段为主线段\n     */\n    mainSegmentIndex?: number;\n    /**\n     * 当进行多段配置时，可以通过数组的方式传入\n     */\n    style?: ILineMarkSpec | ILineMarkSpec[];\n  };\n} & Omit<IMarkLineTheme, 'label' | 'line'> &\n  (\n    | {\n        /**\n         * 指定数据点的参考线。基于指定数据点进行参考线的绘制，可以对数据点进行数据处理\n         */\n        coordinates: [IDataPointSpec, IDataPointSpec];\n        /**\n         * 数据点的处理方法。 如果不配置则按照coordinate数组直接连接成line。\n         */\n        process?:\n          | {\n              x: IAggrType;\n            }\n          | {\n              y: IAggrType;\n            }\n          | {\n              xy: IRegressType; // FIXME: xy属性名称不太合理，可能需调整\n            };\n      }\n    | {\n        positions: [IPoint, IPoint];\n      }\n  );\n"]}

package/cjs/component/marker/mark-line/mark-line.d.ts

@@ -3,13 +3,11 @@ import type { IComponentOption } from '../../interface';
 import { ComponentTypeEnum } from '../../interface/type';
 import { MarkLine as MarkLineComponent } from '@visactor/vrender-components';
 import { BaseMarker } from '../base-marker';
-import type { LayoutItem } from '../../../model/layout-item';
 export declare class MarkLine extends BaseMarker<IMarkLineSpec & IMarkLineTheme> implements IMarkLine {
     static type: ComponentTypeEnum;
     type: ComponentTypeEnum;
     name: string;
-    layoutZIndex: LayoutItem['layoutZIndex'];
-    static speckey: string;
+    layoutZIndex: number;
     protected _theme: IMarkLineTheme;
     protected _markerComponent: MarkLineComponent;
     static createComponent(spec: any, options: IComponentOption): MarkLine | MarkLine[];