@visactor/vchart 1.11.0-alpha.2 → 1.11.0-alpha.3

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

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.registerMarkArea = exports.CartesianMarkArea = void 0;
+
+const type_1 = require("../../interface/type"), utils_1 = require("../utils"), vrender_components_1 = require("@visactor/vrender-components"), vutils_1 = require("@visactor/vutils"), factory_1 = require("../../../core/factory"), base_mark_area_1 = require("./base-mark-area");
+
+class CartesianMarkArea extends base_mark_area_1.BaseMarkArea {
+    constructor() {
+        super(...arguments), this.type = type_1.ComponentTypeEnum.markArea, this.name = type_1.ComponentTypeEnum.markArea, 
+        this.coordinateType = "cartesian";
+    }
+    _newMarkAreaComponent(attr) {
+        return new vrender_components_1.MarkArea(attr);
+    }
+    _computePointsAttr() {
+        var _a;
+        const spec = this._spec, data = this._markerData, startRelativeSeries = this._startRelativeSeries, endRelativeSeries = this._endRelativeSeries, relativeSeries = this._relativeSeries, {doXProcess: doXProcess, doYProcess: doYProcess, doXYProcess: doXYProcess, doCoordinatesProcess: doCoordinatesProcess} = (0, 
+        utils_1.getMarkAreaProcessInfo)(spec), isPositionLayout = (0, vutils_1.isValid)(spec.positions), autoRange = null !== (_a = spec.autoRange) && void 0 !== _a && _a;
+        let points = [], lines = [];
+        if (doXYProcess) {
+            lines = (0, utils_1.xyLayout)(data, startRelativeSeries, endRelativeSeries, relativeSeries, autoRange);
+            const [start, end] = lines;
+            start && start.length && end && end.length && (points = [ {
+                x: start[0].x,
+                y: end[0].y
+            }, start[0], {
+                x: end[0].x,
+                y: start[0].y
+            }, end[0] ]);
+        } else if (doXProcess || doYProcess) {
+            lines = (0, utils_1.xyLayout)(data, startRelativeSeries, endRelativeSeries, relativeSeries, autoRange);
+            const [start, end] = lines;
+            start && start.length && end && end.length && (points = [ ...start, end[1], end[0] ]);
+        } else doCoordinatesProcess ? points = (0, utils_1.cartesianCoordinateLayout)(data, relativeSeries, autoRange, spec.coordinatesOffset) : isPositionLayout && (points = (0, 
+        utils_1.positionLayout)(spec.positions, relativeSeries, spec.regionRelative));
+        return {
+            points: points
+        };
+    }
+    _computeOptions() {
+        const spec = this._spec, {doXProcess: doXProcess, doYProcess: doYProcess, doXYProcess: doXYProcess, doCoordinatesProcess: doCoordinatesProcess} = (0, 
+        utils_1.getMarkAreaProcessInfo)(spec);
+        let options;
+        return doXYProcess ? options = [ this._processSpecByDims([ {
+            dim: "x",
+            specValue: spec.x
+        }, {
+            dim: "y",
+            specValue: spec.y
+        } ]), this._processSpecByDims([ {
+            dim: "x",
+            specValue: spec.x1
+        }, {
+            dim: "y",
+            specValue: spec.y1
+        } ]) ] : doXProcess ? options = [ this._processSpecByDims([ {
+            dim: "x",
+            specValue: spec.x
+        } ]), this._processSpecByDims([ {
+            dim: "x",
+            specValue: spec.x1
+        } ]) ] : doYProcess ? options = [ this._processSpecByDims([ {
+            dim: "y",
+            specValue: spec.y
+        } ]), this._processSpecByDims([ {
+            dim: "y",
+            specValue: spec.y1
+        } ]) ] : doCoordinatesProcess && (options = this._processSpecCoo(spec)), {
+            options: options
+        };
+    }
+}
+
+exports.CartesianMarkArea = CartesianMarkArea, CartesianMarkArea.type = type_1.ComponentTypeEnum.markArea, 
+CartesianMarkArea.coordinateType = "cartesian";
+
+const registerMarkArea = () => {
+    factory_1.Factory.registerComponent(CartesianMarkArea.type, CartesianMarkArea), 
+    (0, vrender_components_1.registerMarkAreaAnimate)();
+};
+
+exports.registerMarkArea = registerMarkArea;
+//# sourceMappingURL=cartesian-mark-area.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/marker/mark-area/cartesian-mark-area.ts"],"names":[],"mappings":"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","file":"cartesian-mark-area.js","sourcesContent":["import { ComponentTypeEnum } from '../../interface/type';\nimport type { IOptionAggr } from '../../../data/transforms/aggregation';\nimport { cartesianCoordinateLayout, getMarkAreaProcessInfo, positionLayout, xyLayout } from '../utils';\nimport type { MarkAreaAttrs } from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport { MarkArea as MarkAreaComponent, registerMarkAreaAnimate } from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport { isValid } from '@visactor/vutils';\nimport { Factory } from '../../../core/factory';\nimport type { IPoint } from '../../../typings';\nimport type { IMarkProcessOptions } from '../interface';\nimport { BaseMarkArea } from './base-mark-area';\n\nexport class CartesianMarkArea extends BaseMarkArea {\n  static type = ComponentTypeEnum.markArea;\n  type = ComponentTypeEnum.markArea;\n  name: string = ComponentTypeEnum.markArea;\n  static coordinateType = 'cartesian';\n  coordinateType = 'cartesian';\n\n  protected _newMarkAreaComponent(attr: MarkAreaAttrs): MarkAreaComponent {\n    return new MarkAreaComponent(attr);\n  }\n\n  protected _computePointsAttr() {\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 { doXProcess, doYProcess, doXYProcess, doCoordinatesProcess } = getMarkAreaProcessInfo(spec);\n\n    const isPositionLayout = isValid(spec.positions);\n    const autoRange = spec.autoRange ?? false;\n\n    let points: IPoint[] = [];\n    let lines: IPoint[][] = [];\n    if (doXYProcess) {\n      lines = xyLayout(data, startRelativeSeries, endRelativeSeries, relativeSeries, autoRange);\n      // 格式为 [[{x, y}], [{x, y}]]\n      // 顺序为左下角开始逆时针绘制\n      const [start, end] = lines;\n      if (start && start.length && end && end.length) {\n        points = [\n          {\n            x: start[0].x,\n            y: end[0].y\n          },\n          start[0],\n          {\n            x: end[0].x,\n            y: start[0].y\n          },\n          end[0]\n        ];\n      }\n    } else if (doXProcess || doYProcess) {\n      lines = xyLayout(data, startRelativeSeries, endRelativeSeries, relativeSeries, autoRange);\n      const [start, end] = lines;\n      if (start && start.length && end && end.length) {\n        points = [...start, end[1], end[0]];\n      }\n    } else if (doCoordinatesProcess) {\n      points = cartesianCoordinateLayout(data, relativeSeries, autoRange, spec.coordinatesOffset);\n    } else if (isPositionLayout) {\n      points = positionLayout(spec.positions, relativeSeries, spec.regionRelative);\n    }\n\n    return { points };\n  }\n\n  protected _computeOptions(): IMarkProcessOptions {\n    const spec = this._spec as any;\n    const { doXProcess, doYProcess, doXYProcess, doCoordinatesProcess } = getMarkAreaProcessInfo(spec);\n\n    let options: IOptionAggr[];\n    if (doXYProcess) {\n      options = [\n        this._processSpecByDims([\n          { dim: 'x', specValue: spec.x },\n          { dim: 'y', specValue: spec.y }\n        ]),\n        this._processSpecByDims([\n          { dim: 'x', specValue: spec.x1 },\n          { dim: 'y', specValue: spec.y1 }\n        ])\n      ];\n    } else if (doXProcess) {\n      options = [\n        this._processSpecByDims([{ dim: 'x', specValue: spec.x }]),\n        this._processSpecByDims([{ dim: 'x', specValue: spec.x1 }])\n      ];\n    } else if (doYProcess) {\n      options = [\n        this._processSpecByDims([{ dim: 'y', specValue: spec.y }]),\n        this._processSpecByDims([{ dim: 'y', specValue: spec.y1 }])\n      ];\n    } else if (doCoordinatesProcess) {\n      options = this._processSpecCoo(spec);\n    }\n    return { options };\n  }\n}\n\nexport const registerMarkArea = () => {\n  Factory.registerComponent(CartesianMarkArea.type, CartesianMarkArea);\n  registerMarkAreaAnimate();\n};\n"]}

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

@@ -1,2 +1,3 @@
-export * from './mark-area';
+export * from './cartesian-mark-area';
+export * from './polar-mark-area';
 export * from './interface';

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

@@ -17,5 +17,6 @@ var __createBinding = this && this.__createBinding || (Object.create ? function(
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), __exportStar(require("./mark-area"), exports), __exportStar(require("./interface"), exports);
+}), __exportStar(require("./cartesian-mark-area"), exports), __exportStar(require("./polar-mark-area"), exports), 
+__exportStar(require("./interface"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/marker/mark-area/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,8CAA4B","file":"index.js","sourcesContent":["export * from './mark-area';\nexport * from './interface';\n"]}
+{"version":3,"sources":["../src/component/marker/mark-area/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wDAAsC;AACtC,oDAAkC;AAClC,8CAA4B","file":"index.js","sourcesContent":["export * from './cartesian-mark-area';\nexport * from './polar-mark-area';\nexport * from './interface';\n"]}

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

@@ -1,9 +1,10 @@
+import type { BaseMarkerAnimation, CommonMarkAreaAnimationType } from '@visactor/vrender-components';
 import type { IComponent } from '../../../interface';
 import type { IMarkerPositionsSpec, IDataPointSpec, IDataPos, IMarkerSpec, IDataPosCallback, IMarkerCrossSeriesSpec, OffsetPoint } from '../../interface';
 import type { IMarkAreaTheme } from './theme';
 export type IMarkArea = IComponent;
 export type IRegressType = 'regression';
-export type IMarkAreaSpec = IMarkerSpec & (IMarkAreaXSpec | IMarkAreaYSpec | IMarkAreaXYSpec | IMarkAreaCoordinateSpec | IMarkerPositionsSpec) & IMarkAreaTheme;
+export type IMarkAreaSpec = IMarkerSpec & (IMarkAreaXSpec | IMarkAreaYSpec | IMarkAreaXYSpec | IMarkAreaAngleSpec | IMarkAreaRadiusSpec | IMarkAreaAngleRadiusSpec | IMarkAreaCoordinateSpec | IMarkerPositionsSpec) & IMarkAreaTheme & BaseMarkerAnimation<CommonMarkAreaAnimationType>;
 export interface IMarkAreaXSpec extends IMarkerCrossSeriesSpec {
     x: IDataPos | IDataPosCallback;
     x1: IDataPos | IDataPosCallback;
@@ -18,6 +19,20 @@ export interface IMarkAreaXYSpec extends IMarkerCrossSeriesSpec {
     y: IDataPos | IDataPosCallback;
     y1: IDataPos | IDataPosCallback;
 }
+export interface IMarkAreaAngleSpec extends IMarkerCrossSeriesSpec {
+    angle: IDataPos | IDataPosCallback;
+    angle1: IDataPos | IDataPosCallback;
+}
+export interface IMarkAreaRadiusSpec extends IMarkerCrossSeriesSpec {
+    radius: IDataPos | IDataPosCallback;
+    radius1: IDataPos | IDataPosCallback;
+}
+export interface IMarkAreaAngleRadiusSpec extends IMarkerCrossSeriesSpec {
+    angle: IDataPos | IDataPosCallback;
+    angle1: IDataPos | IDataPosCallback;
+    radius: IDataPos | IDataPosCallback;
+    radius1: IDataPos | IDataPosCallback;
+}
 export type IMarkAreaCoordinateSpec = {
     coordinates: IDataPointSpec[];
     coordinatesOffset?: OffsetPoint[];

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  IDataPosCallback,\n  IMarkerCrossSeriesSpec,\n  OffsetPoint\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    | IMarkAreaXYSpec // 标注目标：笛卡尔坐标系坐标空间\n    | IMarkAreaCoordinateSpec // 标注目标：数据元素\n    | IMarkerPositionsSpec\n  ) &\n  IMarkAreaTheme; // 标注目标：任意位置\n\nexport interface IMarkAreaXSpec extends IMarkerCrossSeriesSpec {\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 IMarkerCrossSeriesSpec {\n  /**\n   * y轴上的参考线。可以配置参考线在y轴上的值，或者聚合计算类型\n   * 可以将 y 配置为 '15%' 百分比的形式，用于表示将 y 绘制在 marker 所在 region 纵轴（从上到下）的百分之 15 位置处\n   */\n  y: IDataPos | IDataPosCallback;\n  y1: IDataPos | IDataPosCallback;\n}\n\nexport interface IMarkAreaXYSpec extends IMarkerCrossSeriesSpec {\n  /**\n   * x轴上的参考线。可以配置参考线在x轴上的值，或者聚合计算类型\n   * 可以将 x 配置为 '15%' 百分比的形式，用于表示将 x 绘制在 marker 所在 region 横轴（从左往右）的百分之 15 位置处\n   */\n  x: IDataPos | IDataPosCallback;\n  x1: IDataPos | IDataPosCallback;\n  /**\n   * y轴上的参考线。可以配置参考线在y轴上的值，或者聚合计算类型\n   * 可以将 y 配置为 '15%' 百分比的形式，用于表示将 y 绘制在 marker 所在 region 纵轴（从上到下）的百分之 15 位置处\n   */\n  y: IDataPos | IDataPosCallback;\n  y1: IDataPos | IDataPosCallback;\n}\n\nexport type IMarkAreaCoordinateSpec = {\n  /**\n   * 指定数据点的参考线。基于指定数据点进行参考线的绘制，可以对数据点进行数据处理\n   */\n  coordinates: IDataPointSpec[];\n\n  /**\n   * 对每个数据点转化后的画布坐标点进行偏移，该偏移值可以是像素值，也可以是 string 类型，如 '20%' 代表百分比\n   * 每个元素对应一个坐标点的偏移量\n   * @since 1.7.3\n   */\n  coordinatesOffset?: OffsetPoint[];\n};\n"]}
+{"version":3,"sources":["../src/component/marker/mark-area/interface/spec.ts"],"names":[],"mappings":"","file":"spec.js","sourcesContent":["import type { BaseMarkerAnimation, CommonMarkAreaAnimationType } from '@visactor/vrender-components';\nimport type { IComponent } from '../../../interface';\nimport type {\n  IMarkerPositionsSpec,\n  IDataPointSpec,\n  IDataPos,\n  IMarkerSpec,\n  IDataPosCallback,\n  IMarkerCrossSeriesSpec,\n  OffsetPoint\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   * 标注目标：笛卡尔坐标系坐标空间\n   */\n  (| IMarkAreaXSpec\n    | IMarkAreaYSpec\n    | IMarkAreaXYSpec\n    /**\n     * 标注目标：极坐标系坐标空间\n     * @since 1.11.0\n     */\n    | IMarkAreaAngleSpec\n    | IMarkAreaRadiusSpec\n    | IMarkAreaAngleRadiusSpec\n    /**\n     * 标注目标：数据元素\n     */\n    | IMarkAreaCoordinateSpec\n    | IMarkerPositionsSpec\n  ) &\n  IMarkAreaTheme &\n  /**\n   * 动画配置\n   * @since 1.11.0\n   */\n  BaseMarkerAnimation<CommonMarkAreaAnimationType>; // 标注目标：任意位置\n\nexport interface IMarkAreaXSpec extends IMarkerCrossSeriesSpec {\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 IMarkerCrossSeriesSpec {\n  /**\n   * y轴上的参考线。可以配置参考线在y轴上的值，或者聚合计算类型\n   * 可以将 y 配置为 '15%' 百分比的形式，用于表示将 y 绘制在 marker 所在 region 纵轴（从上到下）的百分之 15 位置处\n   */\n  y: IDataPos | IDataPosCallback;\n  y1: IDataPos | IDataPosCallback;\n}\n\nexport interface IMarkAreaXYSpec extends IMarkerCrossSeriesSpec {\n  /**\n   * x轴上的参考线。可以配置参考线在x轴上的值，或者聚合计算类型\n   * 可以将 x 配置为 '15%' 百分比的形式，用于表示将 x 绘制在 marker 所在 region 横轴（从左往右）的百分之 15 位置处\n   */\n  x: IDataPos | IDataPosCallback;\n  x1: IDataPos | IDataPosCallback;\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 IMarkerCrossSeriesSpec {\n  /**\n   * 极坐标系下, angle 轴上位置，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * @since 1.11.0\n   */\n  angle: IDataPos | IDataPosCallback;\n  /**\n   * 极坐标系下, angle 轴上位置，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * @since 1.11.0\n   */\n  angle1: IDataPos | IDataPosCallback;\n}\n\nexport interface IMarkAreaRadiusSpec extends IMarkerCrossSeriesSpec {\n  /**\n   * 极坐标系下,  radius 轴上位置， 或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * @since 1.11.0\n   */\n  radius: IDataPos | IDataPosCallback;\n  /**\n   * 极坐标系下,  radius 轴上位置， 或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * @since 1.11.0\n   */\n  radius1: IDataPos | IDataPosCallback;\n}\n\nexport interface IMarkAreaAngleRadiusSpec extends IMarkerCrossSeriesSpec {\n  /**\n   * 极坐标系下, angle 轴上位置，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * @since 1.11.0\n   */\n  angle: IDataPos | IDataPosCallback;\n  /**\n   * 极坐标系下, angle 轴上位置，或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * @since 1.11.0\n   */\n  angle1: IDataPos | IDataPosCallback;\n  /**\n   * 极坐标系下,  radius 轴上位置， 或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * @since 1.11.0\n   */\n  radius: IDataPos | IDataPosCallback;\n  /**\n   * 极坐标系下,  radius 轴上位置， 或者聚合计算类型，或者以回调的形式通过数据自行计算。\n   * @since 1.11.0\n   */\n  radius1: IDataPos | IDataPosCallback;\n}\n\nexport type IMarkAreaCoordinateSpec = {\n  /**\n   * 指定数据点的参考线。基于指定数据点进行参考线的绘制，可以对数据点进行数据处理\n   */\n  coordinates: IDataPointSpec[];\n\n  /**\n   * 对每个数据点转化后的画布坐标点进行偏移，该偏移值可以是像素值，也可以是 string 类型，如 '20%' 代表百分比\n   * 每个元素对应一个坐标点的偏移量\n   * @since 1.7.3\n   */\n  coordinatesOffset?: OffsetPoint[];\n};\n"]}

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

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

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

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

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

@@ -0,0 +1,25 @@
+import { ComponentTypeEnum } from '../../interface/type';
+import type { MarkArcAreaAttrs, MarkAreaAttrs } from '@visactor/vrender-components';
+import { MarkArcArea as MarkArcAreaComponent, MarkArea as MarkAreaComponent } from '@visactor/vrender-components';
+import type { IPoint, IPolarPoint } from '../../../typings';
+import { BaseMarkArea } from './base-mark-area';
+import type { IMarkProcessOptions } from '../interface';
+export declare class PolarMarkArea extends BaseMarkArea {
+    static type: ComponentTypeEnum;
+    type: ComponentTypeEnum;
+    name: string;
+    static coordinateType: string;
+    coordinateType: string;
+    protected _markerComponent: MarkArcAreaComponent;
+    protected _newMarkAreaComponent(attr: MarkArcAreaAttrs | MarkAreaAttrs): MarkArcAreaComponent | MarkAreaComponent;
+    protected _computePointsAttr(): {
+        points?: IPoint[] | IPolarPoint[];
+        innerRadius?: number;
+        outerRadius?: number;
+        startAngle?: number;
+        endAngle?: number;
+        center?: IPoint;
+    };
+    protected _computeOptions(): IMarkProcessOptions;
+}
+export declare const registerPolarMarkArea: () => void;

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

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.registerPolarMarkArea = exports.PolarMarkArea = void 0;
+
+const type_1 = require("../../interface/type"), utils_1 = require("../utils"), vrender_components_1 = require("@visactor/vrender-components"), factory_1 = require("../../../core/factory"), base_mark_area_1 = require("./base-mark-area"), vutils_1 = require("@visactor/vutils");
+
+class PolarMarkArea extends base_mark_area_1.BaseMarkArea {
+    constructor() {
+        super(...arguments), this.type = type_1.ComponentTypeEnum.polarMarkArea, this.name = type_1.ComponentTypeEnum.polarMarkArea, 
+        this.coordinateType = "polar";
+    }
+    _newMarkAreaComponent(attr) {
+        const {doRadiusProcess: doRadiusProcess, doAngleProcess: doAngleProcess, doRadAngProcess: doRadAngProcess} = (0, 
+        utils_1.getMarkAreaProcessInfo)(this._spec);
+        return doAngleProcess || doRadiusProcess || doRadAngProcess ? new vrender_components_1.MarkArcArea(attr) : new vrender_components_1.MarkArea(attr);
+    }
+    _computePointsAttr() {
+        var _a;
+        const spec = this._spec, data = this._markerData, startRelativeSeries = this._startRelativeSeries, endRelativeSeries = this._endRelativeSeries, relativeSeries = this._relativeSeries, {doAngleProcess: doAngleProcess, doRadiusProcess: doRadiusProcess, doRadAngProcess: doRadAngProcess, doCoordinatesProcess: doCoordinatesProcess} = (0, 
+        utils_1.getMarkAreaProcessInfo)(spec), autoRange = null !== (_a = spec.autoRange) && void 0 !== _a && _a;
+        let points, pointsAttr = {};
+        const center = {
+            x: this._relativeSeries.getRegion().getLayoutStartPoint().x + this._relativeSeries.angleAxisHelper.center().x,
+            y: this._relativeSeries.getRegion().getLayoutStartPoint().y + this._relativeSeries.angleAxisHelper.center().y
+        };
+        if (doAngleProcess || doRadiusProcess || doRadAngProcess) {
+            const polarLines = (0, utils_1.polarLayout)(data, startRelativeSeries, endRelativeSeries, relativeSeries, autoRange);
+            doRadAngProcess ? pointsAttr = {
+                innerRadius: polarLines[0][0].radius,
+                outerRadius: polarLines[1][0].radius,
+                startAngle: polarLines[0][0].angle,
+                endAngle: polarLines[1][0].angle,
+                center: center
+            } : doAngleProcess ? pointsAttr = {
+                innerRadius: 0,
+                outerRadius: Math.abs(polarLines[0][0].radius),
+                startAngle: polarLines[0][1].angle,
+                endAngle: polarLines[1][1].angle,
+                center: center
+            } : doRadiusProcess && (pointsAttr = {
+                innerRadius: polarLines[0][0].radius,
+                outerRadius: polarLines[1][0].radius,
+                startAngle: polarLines[0][0].angle,
+                endAngle: polarLines[1][1].angle,
+                center: center
+            });
+        } else doCoordinatesProcess && (points = (0, utils_1.polarCoordinateLayout)(data, relativeSeries, autoRange), 
+        pointsAttr = {
+            points: points.map((point => (0, vutils_1.polarToCartesian)(center, point.radius, point.angle)))
+        });
+        return pointsAttr;
+    }
+    _computeOptions() {
+        const spec = this._spec, {doAngleProcess: doAngleProcess, doRadiusProcess: doRadiusProcess, doRadAngProcess: doRadAngProcess, doCoordinatesProcess: doCoordinatesProcess} = (0, 
+        utils_1.getMarkAreaProcessInfo)(spec);
+        let options;
+        return doRadAngProcess ? options = [ this._processSpecByDims([ {
+            dim: "angle",
+            specValue: spec.angle
+        }, {
+            dim: "radius",
+            specValue: spec.radius
+        } ]), this._processSpecByDims([ {
+            dim: "angle",
+            specValue: spec.angle1
+        }, {
+            dim: "radius",
+            specValue: spec.radius1
+        } ]) ] : doAngleProcess ? options = [ this._processSpecByDims([ {
+            dim: "angle",
+            specValue: spec.angle
+        }, {
+            dim: "radius",
+            specValue: spec.radius
+        } ]), this._processSpecByDims([ {
+            dim: "angle",
+            specValue: spec.angle1
+        }, {
+            dim: "radius",
+            specValue: spec.radius
+        } ]) ] : doRadiusProcess ? options = [ this._processSpecByDims([ {
+            dim: "radius",
+            specValue: spec.radius
+        } ]), this._processSpecByDims([ {
+            dim: "radius",
+            specValue: spec.radius1
+        } ]) ] : doCoordinatesProcess && (options = this._processSpecCoo(spec)), {
+            options: options
+        };
+    }
+}
+
+exports.PolarMarkArea = PolarMarkArea, PolarMarkArea.type = type_1.ComponentTypeEnum.polarMarkArea, 
+PolarMarkArea.coordinateType = "polar";
+
+const registerPolarMarkArea = () => {
+    factory_1.Factory.registerComponent(PolarMarkArea.type, PolarMarkArea), (0, vrender_components_1.registerMarkArcAreaAnimate)(), 
+    (0, vrender_components_1.registerMarkAreaAnimate)();
+};
+
+exports.registerPolarMarkArea = registerPolarMarkArea;
+//# sourceMappingURL=polar-mark-area.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/marker/mark-area/polar-mark-area.ts"],"names":[],"mappings":"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","file":"polar-mark-area.js","sourcesContent":["import { ComponentTypeEnum } from '../../interface/type';\nimport type { IOptionAggr } from '../../../data/transforms/aggregation';\nimport { getMarkAreaProcessInfo, polarCoordinateLayout, polarLayout } from '../utils';\nimport type { MarkArcAreaAttrs, MarkAreaAttrs } from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport {\n  MarkArcArea as MarkArcAreaComponent,\n  MarkArea as MarkAreaComponent,\n  registerMarkArcAreaAnimate,\n  registerMarkAreaAnimate\n} from '@visactor/vrender-components';\nimport { Factory } from '../../../core/factory';\nimport type { IPoint, IPolarPoint } from '../../../typings';\nimport type { IPolarSeries } from 'src/series';\nimport { BaseMarkArea } from './base-mark-area';\nimport type { IMarkProcessOptions } from '../interface';\nimport { polarToCartesian } from '@visactor/vutils';\n\nexport class PolarMarkArea extends BaseMarkArea {\n  static type = ComponentTypeEnum.polarMarkArea;\n  type = ComponentTypeEnum.polarMarkArea;\n  name: string = ComponentTypeEnum.polarMarkArea;\n  static coordinateType = 'polar';\n  coordinateType = 'polar';\n\n  protected declare _markerComponent: MarkArcAreaComponent;\n\n  protected _newMarkAreaComponent(attr: MarkArcAreaAttrs | MarkAreaAttrs): MarkArcAreaComponent | MarkAreaComponent {\n    const { doRadiusProcess, doAngleProcess, doRadAngProcess } = getMarkAreaProcessInfo(this._spec as any);\n    const isArcArea = doAngleProcess || doRadiusProcess || doRadAngProcess;\n    return isArcArea\n      ? new MarkArcAreaComponent(attr as MarkArcAreaAttrs)\n      : new MarkAreaComponent(attr as MarkAreaAttrs);\n  }\n\n  protected _computePointsAttr() {\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    const { doAngleProcess, doRadiusProcess, doRadAngProcess, doCoordinatesProcess } = getMarkAreaProcessInfo(spec);\n\n    const autoRange = spec.autoRange ?? false;\n\n    let points: IPolarPoint[];\n    let pointsAttr: {\n      points?: IPoint[] | IPolarPoint[];\n      innerRadius?: number;\n      outerRadius?: number;\n      startAngle?: number;\n      endAngle?: number;\n      center?: IPoint;\n    } = {};\n    const center = {\n      x:\n        this._relativeSeries.getRegion().getLayoutStartPoint().x +\n        (this._relativeSeries as IPolarSeries).angleAxisHelper.center().x,\n      y:\n        this._relativeSeries.getRegion().getLayoutStartPoint().y +\n        (this._relativeSeries as IPolarSeries).angleAxisHelper.center().y\n    };\n\n    if (doAngleProcess || doRadiusProcess || doRadAngProcess) {\n      const polarLines = polarLayout(\n        data,\n        startRelativeSeries as IPolarSeries,\n        endRelativeSeries as IPolarSeries,\n        relativeSeries as IPolarSeries,\n        autoRange\n      );\n      if (doRadAngProcess) {\n        pointsAttr = {\n          innerRadius: polarLines[0][0].radius,\n          outerRadius: polarLines[1][0].radius,\n          startAngle: polarLines[0][0].angle,\n          endAngle: polarLines[1][0].angle,\n          center\n        };\n      } else if (doAngleProcess) {\n        pointsAttr = {\n          innerRadius: 0,\n          outerRadius: Math.abs(polarLines[0][0].radius),\n          startAngle: polarLines[0][1].angle,\n          endAngle: polarLines[1][1].angle,\n          center\n        };\n      } else if (doRadiusProcess) {\n        pointsAttr = {\n          innerRadius: polarLines[0][0].radius,\n          outerRadius: polarLines[1][0].radius,\n          startAngle: polarLines[0][0].angle,\n          endAngle: polarLines[1][1].angle,\n          center\n        };\n      }\n    } else if (doCoordinatesProcess) {\n      points = polarCoordinateLayout(data, relativeSeries as IPolarSeries, autoRange);\n      pointsAttr = {\n        points: points.map(point => {\n          return polarToCartesian(center, point.radius, point.angle);\n        })\n      };\n    }\n\n    return pointsAttr;\n  }\n\n  protected _computeOptions(): IMarkProcessOptions {\n    const spec = this._spec as any;\n    const { doAngleProcess, doRadiusProcess, doRadAngProcess, doCoordinatesProcess } = getMarkAreaProcessInfo(spec);\n\n    let options: IOptionAggr[];\n    if (doRadAngProcess) {\n      options = [\n        this._processSpecByDims([\n          { dim: 'angle', specValue: spec.angle },\n          { dim: 'radius', specValue: spec.radius }\n        ]),\n        this._processSpecByDims([\n          { dim: 'angle', specValue: spec.angle1 },\n          { dim: 'radius', specValue: spec.radius1 }\n        ])\n      ];\n    } else if (doAngleProcess) {\n      options = [\n        this._processSpecByDims([\n          { dim: 'angle', specValue: spec.angle },\n          { dim: 'radius', specValue: spec.radius }\n        ]),\n        this._processSpecByDims([\n          { dim: 'angle', specValue: spec.angle1 },\n          { dim: 'radius', specValue: spec.radius }\n        ])\n      ];\n    } else if (doRadiusProcess) {\n      options = [\n        this._processSpecByDims([{ dim: 'radius', specValue: spec.radius }]),\n        this._processSpecByDims([{ dim: 'radius', specValue: spec.radius1 }])\n      ];\n    } else if (doCoordinatesProcess) {\n      options = this._processSpecCoo(spec);\n    }\n\n    return { options };\n  }\n}\n\nexport const registerPolarMarkArea = () => {\n  Factory.registerComponent(PolarMarkArea.type, PolarMarkArea);\n  registerMarkArcAreaAnimate();\n  registerMarkAreaAnimate();\n};\n"]}

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

@@ -0,0 +1,18 @@
+import type { IMarkLine, IMarkLineSpec } from './interface';
+import type { MarkArcLineAttrs, MarkLineAttrs } from '@visactor/vrender-components';
+import type { MarkLine as MarkLineComponent, MarkArcLine as MarkArcLineComponent } from '@visactor/vrender-components';
+import { BaseMarker } from '../base-marker';
+import type { IGroup } from '@visactor/vrender-core';
+import type { IMarkProcessOptions } from '../interface';
+export declare abstract class BaseMarkLine extends BaseMarker<IMarkLineSpec> implements IMarkLine {
+    static specKey: string;
+    specKey: string;
+    layoutZIndex: number;
+    protected abstract _newMarkLineComponent(attr: MarkLineAttrs | MarkArcLineAttrs): MarkLineComponent | MarkArcLineComponent;
+    protected abstract _computePointsAttr(): any;
+    protected abstract _computeOptions(): IMarkProcessOptions;
+    static _getMarkerCoordinateType(markerSpec: any): string;
+    protected _createMarkerComponent(): IGroup;
+    protected _markerLayout(): void;
+    protected _initDataView(): void;
+}

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

@@ -0,0 +1,116 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.BaseMarkLine = void 0;
+
+const vdataset_1 = require("@visactor/vdataset"), aggregation_1 = require("../../../data/transforms/aggregation"), utils_1 = require("../utils"), register_1 = require("../../../data/register"), style_1 = require("../../../util/style"), base_marker_1 = require("../base-marker"), regression_1 = require("../../../data/transforms/regression"), constant_1 = require("../../../constant"), marker_filter_1 = require("../../../data/transforms/marker-filter");
+
+class BaseMarkLine extends base_marker_1.BaseMarker {
+    constructor() {
+        super(...arguments), this.specKey = "markLine", this.layoutZIndex = constant_1.LayoutZIndex.MarkLine;
+    }
+    static _getMarkerCoordinateType(markerSpec) {
+        const {doAngleProcess: doAngleProcess, doRadiusProcess: doRadiusProcess, doAngRadRad1Process: doAngRadRad1Process, doRadAngAng1Process: doRadAngAng1Process, doRadAngProcess: doRadAngProcess} = (0, 
+        utils_1.getMarkLineProcessInfo)(markerSpec);
+        return "polar" === markerSpec.coordinateType || doAngleProcess || doRadiusProcess || doAngRadRad1Process || doRadAngAng1Process || doRadAngProcess ? "polar" : "cartesian";
+    }
+    _createMarkerComponent() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
+        const {label: label = {}, startSymbol: startSymbol = {}, endSymbol: endSymbol = {}} = this._spec, markLineAttrs = {
+            zIndex: this.layoutZIndex,
+            interactive: null === (_a = this._spec.interactive) || void 0 === _a || _a,
+            hover: null === (_b = this._spec.interactive) || void 0 === _b || _b,
+            select: null === (_c = this._spec.interactive) || void 0 === _c || _c,
+            points: [ {
+                x: 0,
+                y: 0
+            }, {
+                x: 0,
+                y: 0
+            } ],
+            center: {
+                x: 0,
+                y: 0
+            },
+            radius: 0,
+            startAngle: 0,
+            endAngle: 0,
+            lineStyle: (0, utils_1.transformStyle)((0, style_1.transformToGraphic)(null === (_d = this._spec.line) || void 0 === _d ? void 0 : _d.style), this._markerData),
+            clipInRange: null !== (_e = this._spec.clip) && void 0 !== _e && _e,
+            label: (0, utils_1.transformLabelAttributes)(label, this._markerData),
+            state: {
+                line: (0, utils_1.transformState)(null !== (_g = null === (_f = this._spec.line) || void 0 === _f ? void 0 : _f.state) && void 0 !== _g ? _g : {}, this._markerData),
+                lineStartSymbol: (0, utils_1.transformState)(null !== (_j = null === (_h = this._spec.startSymbol) || void 0 === _h ? void 0 : _h.state) && void 0 !== _j ? _j : {}, this._markerData),
+                lineEndSymbol: (0, utils_1.transformState)(null !== (_l = null === (_k = this._spec.endSymbol) || void 0 === _k ? void 0 : _k.state) && void 0 !== _l ? _l : {}, this._markerData),
+                label: (0, utils_1.transformState)(null !== (_p = null === (_o = null === (_m = this._spec) || void 0 === _m ? void 0 : _m.label) || void 0 === _o ? void 0 : _o.state) && void 0 !== _p ? _p : {}, this._markerData),
+                labelBackground: (0, utils_1.transformState)(null !== (_t = null === (_s = null === (_r = null === (_q = this._spec) || void 0 === _q ? void 0 : _q.label) || void 0 === _r ? void 0 : _r.labelBackground) || void 0 === _s ? void 0 : _s.state) && void 0 !== _t ? _t : {}, this._markerData)
+            },
+            animation: null !== (_u = this._spec.animation) && void 0 !== _u && _u,
+            animationEnter: this._spec.animationEnter,
+            animationExit: this._spec.animationExit,
+            animationUpdate: this._spec.animationUpdate
+        };
+        startSymbol.visible ? markLineAttrs.startSymbol = Object.assign(Object.assign({}, startSymbol), {
+            visible: !0,
+            style: (0, style_1.transformToGraphic)(startSymbol.style)
+        }) : markLineAttrs.startSymbol = {
+            visible: !1
+        }, endSymbol.visible ? markLineAttrs.endSymbol = Object.assign(Object.assign({}, endSymbol), {
+            visible: !0,
+            style: (0, style_1.transformToGraphic)(endSymbol.style)
+        }) : markLineAttrs.endSymbol = {
+            visible: !1
+        };
+        return this._newMarkLineComponent(markLineAttrs);
+    }
+    _markerLayout() {
+        var _a, _b, _c, _d, _e;
+        const spec = this._spec, data = this._markerData, startRelativeSeries = this._startRelativeSeries, endRelativeSeries = this._endRelativeSeries, relativeSeries = this._relativeSeries, pointsAttr = this._computePointsAttr(), seriesData = relativeSeries.getViewData().latestData, dataPoints = data.latestData[0] && data.latestData[0].latestData ? data.latestData[0].latestData : data.latestData;
+        let limitRect;
+        if (spec.clip || (null === (_a = spec.label) || void 0 === _a ? void 0 : _a.confine)) {
+            const {minX: minX, maxX: maxX, minY: minY, maxY: maxY} = (0, utils_1.computeClipRange)([ startRelativeSeries.getRegion(), endRelativeSeries.getRegion(), relativeSeries.getRegion() ]);
+            limitRect = {
+                x: minX,
+                y: minY,
+                width: maxX - minX,
+                height: maxY - minY
+            };
+        }
+        const markerComponentAttr = null !== (_c = null === (_b = this._markerComponent) || void 0 === _b ? void 0 : _b.attribute) && void 0 !== _c ? _c : {}, labelAttrs = Object.assign(Object.assign({}, markerComponentAttr.label), {
+            text: this._spec.label.formatMethod ? this._spec.label.formatMethod(dataPoints, seriesData) : null === (_d = markerComponentAttr.label) || void 0 === _d ? void 0 : _d.text
+        });
+        null === (_e = this._markerComponent) || void 0 === _e || _e.setAttributes(Object.assign(Object.assign({}, pointsAttr), {
+            label: labelAttrs,
+            limitRect: limitRect,
+            dx: this._layoutOffsetX,
+            dy: this._layoutOffsetY
+        }));
+    }
+    _initDataView() {
+        const spec = this._spec, isCoordinateProcess = "coordinates" in spec, {doXProcess: doXProcess, doYProcess: doYProcess, doXYY1Process: doXYY1Process, doYXX1Process: doYXX1Process, doXYProcess: doXYProcess, doAngleProcess: doAngleProcess, doRadiusProcess: doRadiusProcess, doAngRadRad1Process: doAngRadRad1Process, doRadAngAng1Process: doRadAngAng1Process, doRadAngProcess: doRadAngProcess} = (0, 
+        utils_1.getMarkLineProcessInfo)(spec);
+        if (this._markerData = this._getRelativeDataView(), !(doXProcess || doYProcess || doXYY1Process || doYXX1Process || doXYProcess || doAngleProcess || doRadiusProcess || doAngRadRad1Process || doRadAngAng1Process || doRadAngProcess || isCoordinateProcess)) return;
+        (0, register_1.registerDataSetInstanceTransform)(this._option.dataSet, "markerAggregation", aggregation_1.markerAggregation), 
+        (0, register_1.registerDataSetInstanceTransform)(this._option.dataSet, "markerRegression", regression_1.markerRegression), 
+        (0, register_1.registerDataSetInstanceTransform)(this._option.dataSet, "markerFilter", marker_filter_1.markerFilter);
+        const {options: options, needAggr: needAggr, needRegr: needRegr, processData: processData} = this._computeOptions(), data = new vdataset_1.DataView(this._option.dataSet);
+        data.parse([ processData ], {
+            type: "dataview"
+        }), needAggr && data.transform({
+            type: "markerAggregation",
+            options: options
+        }), needRegr && data.transform({
+            type: "markerRegression",
+            options: options
+        }), data.transform({
+            type: "markerFilter",
+            options: this._getAllRelativeSeries()
+        }), data.target.on("change", (() => {
+            this._markerLayout();
+        })), this._markerData = data;
+    }
+}
+
+exports.BaseMarkLine = BaseMarkLine, BaseMarkLine.specKey = "markLine";
+//# sourceMappingURL=base-mark-line.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/marker/mark-line/base-mark-line.ts"],"names":[],"mappings":";;;AAAA,iDAA8C;AAE9C,sEAAyE;AACzE,oCAMkB;AAClB,qDAA0E;AAI1E,+CAAyD;AACzD,gDAA4C;AAG5C,oEAAuE;AACvE,gDAAiD;AACjD,0EAAsE;AAEtE,MAAsB,YAAa,SAAQ,wBAAyB;IAApE;;QAEE,YAAO,GAAG,UAAU,CAAC;QACrB,iBAAY,GAAW,uBAAY,CAAC,QAAQ,CAAC;IA2M/C,CAAC;IAlMC,MAAM,CAAC,wBAAwB,CAAC,UAAe;QAC7C,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,eAAe,EAAE,GAClG,IAAA,8BAAsB,EAAC,UAAU,CAAC,CAAC;QAErC,IACE,UAAU,CAAC,cAAc,KAAK,OAAO;YACrC,cAAc;YACd,eAAe;YACf,mBAAmB;YACnB,mBAAmB;YACnB,eAAe,EACf;YACA,OAAO,OAAO,CAAC;SAChB;QACD,OAAO,WAAW,CAAC;IACrB,CAAC;IAES,sBAAsB;;QAC9B,MAAM,EACJ,KAAK,GAAG,EAAE,EACV,WAAW,GAAG,EAAmB,EACjC,SAAS,GAAG,EAAmB,EAChC,GAAG,IAAI,CAAC,KAAsB,CAAC;QAEhC,MAAM,aAAa,GAAqC;YACtD,MAAM,EAAE,IAAI,CAAC,YAAY;YACzB,WAAW,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,WAAW,mCAAI,IAAI;YAC3C,KAAK,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,WAAW,mCAAI,IAAI;YACrC,MAAM,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,WAAW,mCAAI,IAAI;YACtC,MAAM,EAAE;gBACN,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;gBACd,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;aACf;YACD,MAAM,EAAE;gBACN,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,CAAC;aACL;YACD,MAAM,EAAE,CAAC;YACT,UAAU,EAAE,CAAC;YACb,QAAQ,EAAE,CAAC;YACX,SAAS,EAAE,IAAA,sBAAc,EAAC,IAAA,0BAAkB,EAAC,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,0CAAE,KAAK,CAAC,EAAE,IAAI,CAAC,WAAW,CAAC;YACvF,WAAW,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,mCAAI,KAAK;YACrC,KAAK,EAAE,IAAA,gCAAwB,EAAC,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC;YACxD,KAAK,EAAE;gBACL,IAAI,EAAE,IAAA,sBAAc,EAAC,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,0CAAE,KAAK,mCAAI,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC;gBACpE,eAAe,EAAE,IAAA,sBAAc,EAAC,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,WAAW,0CAAE,KAAK,mCAAI,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC;gBACtF,aAAa,EAAE,IAAA,sBAAc,EAAC,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,0CAAE,KAAK,mCAAI,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC;gBAClF,KAAK,EAAE,IAAA,sBAAc,EAAC,MAAA,MAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,KAAK,0CAAE,KAAK,mCAAI,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC;gBACvE,eAAe,EAAE,IAAA,sBAAc,EAAC,MAAA,MAAA,MAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,KAAK,0CAAE,eAAe,0CAAE,KAAK,mCAAI,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC;aACnG;YACD,SAAS,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,mCAAI,KAAK;YACxC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc;YACzC,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa;YACvC,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,eAAe;SAC5C,CAAC;QAEF,IAAI,WAAW,CAAC,OAAO,EAAE;YACvB,aAAa,CAAC,WAAW,mCACpB,WAAW,KACd,OAAO,EAAE,IAAI,EACb,KAAK,EAAE,IAAA,0BAAkB,EAAC,WAAW,CAAC,KAAK,CAAC,GAC7C,CAAC;SACH;aAAM;YACL,aAAa,CAAC,WAAW,GAAG;gBAC1B,OAAO,EAAE,KAAK;aACf,CAAC;SACH;QAED,IAAI,SAAS,CAAC,OAAO,EAAE;YACrB,aAAa,CAAC,SAAS,mCAClB,SAAS,KACZ,OAAO,EAAE,IAAI,EACb,KAAK,EAAE,IAAA,0BAAkB,EAAC,SAAS,CAAC,KAAK,CAAC,GAC3C,CAAC;SACH;aAAM;YACL,aAAa,CAAC,SAAS,GAAG;gBACxB,OAAO,EAAE,KAAK;aACf,CAAC;SACH;QACD,MAAM,QAAQ,GAAG,IAAI,CAAC,qBAAqB,CAAC,aAAa,CAAC,CAAC;QAC3D,OAAO,QAA6B,CAAC;IACvC,CAAC;IAES,aAAa;;QACrB,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC;QACxB,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC;QAC9B,MAAM,mBAAmB,GAAG,IAAI,CAAC,oBAAoB,CAAC;QACtD,MAAM,iBAAiB,GAAG,IAAI,CAAC,kBAAkB,CAAC;QAClD,MAAM,cAAc,GAAG,IAAI,CAAC,eAAe,CAAC;QAE5C,MAAM,UAAU,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAE7C,MAAM,UAAU,GAAG,cAAc,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC;QAC3D,MAAM,UAAU,GACd,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC;QAExG,IAAI,SAAS,CAAC;QACd,IAAI,IAAI,CAAC,IAAI,KAAI,MAAA,IAAI,CAAC,KAAK,0CAAE,OAAO,CAAA,EAAE;YACpC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,IAAA,wBAAgB,EAAC;gBAClD,mBAAmB,CAAC,SAAS,EAAE;gBAC/B,iBAAiB,CAAC,SAAS,EAAE;gBAC7B,cAAc,CAAC,SAAS,EAAE;aAC3B,CAAC,CAAC;YACH,SAAS,GAAG;gBACV,CAAC,EAAE,IAAI;gBACP,CAAC,EAAE,IAAI;gBACP,KAAK,EAAE,IAAI,GAAG,IAAI;gBAClB,MAAM,EAAE,IAAI,GAAG,IAAI;aACpB,CAAC;SACH;QACD,MAAM,mBAAmB,GAAG,MAAA,MAAA,IAAI,CAAC,gBAAgB,0CAAE,SAAS,mCAAI,EAAE,CAAC;QACnE,MAAM,UAAU,mCACX,mBAAmB,CAAC,KAAK,KAC5B,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY;gBACjC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,UAAU,EAAE,UAAU,CAAC;gBACvD,CAAC,CAAC,MAAA,mBAAmB,CAAC,KAAK,0CAAE,IAAI,GACpC,CAAC;QAEF,MAAA,IAAI,CAAC,gBAAgB,0CAAE,aAAa,iCAC/B,UAAU,KACb,KAAK,EAAE,UAAqD,EAC5D,SAAS,EACT,EAAE,EAAE,IAAI,CAAC,cAAc,EACvB,EAAE,EAAE,IAAI,CAAC,cAAc,IACvB,CAAC;IACL,CAAC;IAES,aAAa;QACrB,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC;QACxB,MAAM,mBAAmB,GAAG,aAAa,IAAI,IAAI,CAAC;QAElD,MAAM,EACJ,UAAU,EACV,UAAU,EACV,aAAa,EACb,aAAa,EACb,WAAW,EACX,cAAc,EACd,eAAe,EACf,mBAAmB,EACnB,mBAAmB,EACnB,eAAe,EAChB,GAAG,IAAA,8BAAsB,EAAC,IAAI,CAAC,CAAC;QACjC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAE/C,IACE,CAAC,UAAU;YACX,CAAC,UAAU;YACX,CAAC,aAAa;YACd,CAAC,aAAa;YACd,CAAC,WAAW;YACZ,CAAC,cAAc;YACf,CAAC,eAAe;YAChB,CAAC,mBAAmB;YACpB,CAAC,mBAAmB;YACpB,CAAC,eAAe;YAChB,CAAC,mBAAmB,EACpB;YACA,OAAO;SACR;QAED,IAAA,2CAAgC,EAAC,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,mBAAmB,EAAE,+BAAiB,CAAC,CAAC;QAC/F,IAAA,2CAAgC,EAAC,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,kBAAkB,EAAE,6BAAgB,CAAC,CAAC;QAC7F,IAAA,2CAAgC,EAAC,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,EAAE,4BAAY,CAAC,CAAC;QAErF,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAE5E,MAAM,IAAI,GAAG,IAAI,mBAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAChD,IAAI,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,EAAE;YACxB,IAAI,EAAE,UAAU;SACjB,CAAC,CAAC;QACH,IAAI,QAAQ,EAAE;YACZ,IAAI,CAAC,SAAS,CAAC;gBACb,IAAI,EAAE,mBAAmB;gBACzB,OAAO;aACR,CAAC,CAAC;SACJ;QACD,IAAI,QAAQ,EAAE;YACZ,IAAI,CAAC,SAAS,CAAC;gBACb,IAAI,EAAE,kBAAkB;gBACxB,OAAO;aACR,CAAC,CAAC;SACJ;QAED,IAAI,CAAC,SAAS,CAAC;YACb,IAAI,EAAE,cAAc;YACpB,OAAO,EAAE,IAAI,CAAC,qBAAqB,EAAE;SACtC,CAAC,CAAC;QAEH,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,EAAE;YAC5B,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;IAC1B,CAAC;;AA7MH,oCA8MC;AA7MQ,oBAAO,GAAG,UAAU,CAAC","file":"base-mark-line.js","sourcesContent":["import { DataView } from '@visactor/vdataset';\nimport type { IMarkLine, IMarkLineSpec } from './interface';\nimport { markerAggregation } from '../../../data/transforms/aggregation';\nimport {\n  computeClipRange,\n  transformLabelAttributes,\n  transformState,\n  transformStyle,\n  getMarkLineProcessInfo\n} from '../utils';\nimport { registerDataSetInstanceTransform } from '../../../data/register';\nimport type { MarkArcLineAttrs, MarkLineAttrs } from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport type { MarkLine as MarkLineComponent, MarkArcLine as MarkArcLineComponent } from '@visactor/vrender-components';\nimport { transformToGraphic } from '../../../util/style';\nimport { BaseMarker } from '../base-marker';\nimport type { IGroup } from '@visactor/vrender-core';\nimport type { IMarkProcessOptions, IMarkerSymbol } from '../interface';\nimport { markerRegression } from '../../../data/transforms/regression';\nimport { LayoutZIndex } from '../../../constant';\nimport { markerFilter } from '../../../data/transforms/marker-filter';\n\nexport abstract class BaseMarkLine extends BaseMarker<IMarkLineSpec> implements IMarkLine {\n  static specKey = 'markLine';\n  specKey = 'markLine';\n  layoutZIndex: number = LayoutZIndex.MarkLine;\n\n  // eslint-disable-next-line max-len\n  protected abstract _newMarkLineComponent(\n    attr: MarkLineAttrs | MarkArcLineAttrs\n  ): MarkLineComponent | MarkArcLineComponent;\n  protected abstract _computePointsAttr(): any;\n  protected abstract _computeOptions(): IMarkProcessOptions;\n\n  static _getMarkerCoordinateType(markerSpec: any): string {\n    const { doAngleProcess, doRadiusProcess, doAngRadRad1Process, doRadAngAng1Process, doRadAngProcess } =\n      getMarkLineProcessInfo(markerSpec);\n\n    if (\n      markerSpec.coordinateType === 'polar' ||\n      doAngleProcess ||\n      doRadiusProcess ||\n      doAngRadRad1Process ||\n      doRadAngAng1Process ||\n      doRadAngProcess\n    ) {\n      return 'polar';\n    }\n    return 'cartesian';\n  }\n\n  protected _createMarkerComponent() {\n    const {\n      label = {},\n      startSymbol = {} as IMarkerSymbol,\n      endSymbol = {} as IMarkerSymbol\n    } = this._spec as IMarkLineSpec;\n\n    const markLineAttrs: MarkLineAttrs | MarkArcLineAttrs = {\n      zIndex: this.layoutZIndex,\n      interactive: this._spec.interactive ?? true,\n      hover: this._spec.interactive ?? true,\n      select: this._spec.interactive ?? true,\n      points: [\n        { x: 0, y: 0 },\n        { x: 0, y: 0 }\n      ],\n      center: {\n        x: 0,\n        y: 0\n      },\n      radius: 0,\n      startAngle: 0,\n      endAngle: 0,\n      lineStyle: transformStyle(transformToGraphic(this._spec.line?.style), this._markerData),\n      clipInRange: this._spec.clip ?? false,\n      label: transformLabelAttributes(label, this._markerData),\n      state: {\n        line: transformState(this._spec.line?.state ?? {}, this._markerData),\n        lineStartSymbol: transformState(this._spec.startSymbol?.state ?? {}, this._markerData),\n        lineEndSymbol: transformState(this._spec.endSymbol?.state ?? {}, this._markerData),\n        label: transformState(this._spec?.label?.state ?? {}, this._markerData),\n        labelBackground: transformState(this._spec?.label?.labelBackground?.state ?? {}, this._markerData)\n      },\n      animation: this._spec.animation ?? false,\n      animationEnter: this._spec.animationEnter,\n      animationExit: this._spec.animationExit,\n      animationUpdate: this._spec.animationUpdate\n    };\n\n    if (startSymbol.visible) {\n      markLineAttrs.startSymbol = {\n        ...startSymbol,\n        visible: true,\n        style: transformToGraphic(startSymbol.style)\n      };\n    } else {\n      markLineAttrs.startSymbol = {\n        visible: false\n      };\n    }\n\n    if (endSymbol.visible) {\n      markLineAttrs.endSymbol = {\n        ...endSymbol,\n        visible: true,\n        style: transformToGraphic(endSymbol.style)\n      };\n    } else {\n      markLineAttrs.endSymbol = {\n        visible: false\n      };\n    }\n    const markLine = this._newMarkLineComponent(markLineAttrs);\n    return markLine as unknown as IGroup;\n  }\n\n  protected _markerLayout() {\n    const spec = this._spec;\n    const data = this._markerData;\n    const startRelativeSeries = this._startRelativeSeries;\n    const endRelativeSeries = this._endRelativeSeries;\n    const relativeSeries = this._relativeSeries;\n\n    const pointsAttr = this._computePointsAttr();\n\n    const seriesData = relativeSeries.getViewData().latestData;\n    const dataPoints =\n      data.latestData[0] && data.latestData[0].latestData ? data.latestData[0].latestData : data.latestData;\n\n    let limitRect;\n    if (spec.clip || spec.label?.confine) {\n      const { minX, maxX, minY, maxY } = computeClipRange([\n        startRelativeSeries.getRegion(),\n        endRelativeSeries.getRegion(),\n        relativeSeries.getRegion()\n      ]);\n      limitRect = {\n        x: minX,\n        y: minY,\n        width: maxX - minX,\n        height: maxY - minY\n      };\n    }\n    const markerComponentAttr = this._markerComponent?.attribute ?? {};\n    const labelAttrs = {\n      ...markerComponentAttr.label,\n      text: this._spec.label.formatMethod\n        ? this._spec.label.formatMethod(dataPoints, seriesData)\n        : markerComponentAttr.label?.text\n    };\n\n    this._markerComponent?.setAttributes({\n      ...pointsAttr,\n      label: labelAttrs as MarkLineComponent['attribute']['label'],\n      limitRect,\n      dx: this._layoutOffsetX,\n      dy: this._layoutOffsetY\n    });\n  }\n\n  protected _initDataView(): void {\n    const spec = this._spec;\n    const isCoordinateProcess = 'coordinates' in spec;\n\n    const {\n      doXProcess,\n      doYProcess,\n      doXYY1Process,\n      doYXX1Process,\n      doXYProcess,\n      doAngleProcess,\n      doRadiusProcess,\n      doAngRadRad1Process,\n      doRadAngAng1Process,\n      doRadAngProcess\n    } = getMarkLineProcessInfo(spec);\n    this._markerData = this._getRelativeDataView();\n\n    if (\n      !doXProcess &&\n      !doYProcess &&\n      !doXYY1Process &&\n      !doYXX1Process &&\n      !doXYProcess &&\n      !doAngleProcess &&\n      !doRadiusProcess &&\n      !doAngRadRad1Process &&\n      !doRadAngAng1Process &&\n      !doRadAngProcess &&\n      !isCoordinateProcess\n    ) {\n      return;\n    }\n\n    registerDataSetInstanceTransform(this._option.dataSet, 'markerAggregation', markerAggregation);\n    registerDataSetInstanceTransform(this._option.dataSet, 'markerRegression', markerRegression);\n    registerDataSetInstanceTransform(this._option.dataSet, 'markerFilter', markerFilter);\n\n    const { options, needAggr, needRegr, processData } = this._computeOptions();\n\n    const data = new DataView(this._option.dataSet);\n    data.parse([processData], {\n      type: 'dataview'\n    });\n    if (needAggr) {\n      data.transform({\n        type: 'markerAggregation',\n        options\n      });\n    }\n    if (needRegr) {\n      data.transform({\n        type: 'markerRegression',\n        options\n      });\n    }\n\n    data.transform({\n      type: 'markerFilter',\n      options: this._getAllRelativeSeries()\n    });\n\n    data.target.on('change', () => {\n      this._markerLayout();\n    });\n    this._markerData = data;\n  }\n}\n"]}

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

@@ -0,0 +1,20 @@
+import { ComponentTypeEnum } from '../../interface/type';
+import { type MarkLineAttrs, MarkLine as MarkLineComponent } from '@visactor/vrender-components';
+import type { IMarkProcessOptions } from '../interface';
+import type { IPoint } from '../../../typings';
+import { BaseMarkLine } from './base-mark-line';
+export declare class CartesianMarkLine extends BaseMarkLine {
+    static type: ComponentTypeEnum;
+    type: ComponentTypeEnum;
+    name: string;
+    static coordinateType: string;
+    coordinateType: string;
+    protected _markerComponent: MarkLineComponent;
+    protected _newMarkLineComponent(attr: MarkLineAttrs): MarkLineComponent;
+    protected _computePointsAttr(): {
+        points: IPoint[];
+    };
+    protected _markerLayout(): void;
+    protected _computeOptions(): IMarkProcessOptions;
+}
+export declare const registerMarkLine: () => void;