@visactor/vchart 1.4.0-alpha.4 → 1.4.0-alpha.6

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

@@ -26,7 +26,7 @@ class MarkArea extends base_marker_1.BaseMarker {
         })), markAreas;
     }
     _createMarkerComponent() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
         const markArea = new vrender_components_1.MarkArea({
             zIndex: this.layoutZIndex,
             interactive: null !== (_a = this._spec.interactive) && void 0 !== _a && _a,
@@ -44,27 +44,28 @@ class MarkArea extends base_marker_1.BaseMarker {
                     visible: null === (_o = null === (_m = null === (_l = this._spec.label) || void 0 === _l ? void 0 : _l.labelBackground) || void 0 === _m ? void 0 : _m.visible) || void 0 === _o || _o
                 }),
                 textStyle: (0, style_1.transformToGraphic)(null === (_p = this._spec.label) || void 0 === _p ? void 0 : _p.style)
-            })
+            }),
+            clipInRange: null !== (_q = this._spec.clip) && void 0 !== _q && _q
         });
-        this._markerComponent = markArea, this._markerComponent.name = "markArea", this._markerComponent.id = null !== (_q = this._spec.id) && void 0 !== _q ? _q : `markArea-${this.id}`, 
+        this._markerComponent = markArea, this._markerComponent.name = "markArea", this._markerComponent.id = null !== (_r = this._spec.id) && void 0 !== _r ? _r : `markArea-${this.id}`, 
         this.getContainer().add(this._markerComponent);
     }
     _markerLayout() {
-        var _a, _b, _c, _d, _e, _f;
+        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 = null == spec ? void 0 : spec.autoRange) && void 0 !== _a && _a, isNeedClip = null !== (_b = null == spec ? void 0 : spec.clip) && void 0 !== _b && _b;
+        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);
         const dataPoints = data.latestData[0].latestData ? data.latestData[0].latestData : data.latestData;
-        let clipRange;
-        if (isNeedClip) {
+        let limitRect;
+        if (spec.clip || (null === (_b = spec.label) || void 0 === _b ? void 0 : _b.confine)) {
             const {minX: minX, maxX: maxX, minY: minY, maxY: maxY} = this._computeClipRange([ startRelativeSeries.getRegion(), endRelativeSeries.getRegion(), relativeSeries.getRegion() ]);
-            clipRange = {
+            limitRect = {
                 x: minX,
                 y: minY,
                 width: maxX - minX,
@@ -73,10 +74,12 @@ class MarkArea extends base_marker_1.BaseMarker {
         }
         null === (_c = this._markerComponent) || void 0 === _c || _c.setAttributes({
             points: points,
-            label: Object.assign(Object.assign({}, null === (_d = this._markerComponent.attribute) || void 0 === _d ? void 0 : _d.label), {
-                text: this._spec.label.formatMethod ? this._spec.label.formatMethod(dataPoints) : null === (_f = null === (_e = this._markerComponent.attribute) || void 0 === _e ? void 0 : _e.label) || void 0 === _f ? void 0 : _f.text
+            label: Object.assign(Object.assign({}, null === (_e = null === (_d = this._markerComponent) || void 0 === _d ? void 0 : _d.attribute) || void 0 === _e ? void 0 : _e.label), {
+                text: this._spec.label.formatMethod ? this._spec.label.formatMethod(dataPoints, this._relativeSeries.getViewData().latestData) : 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
             }),
-            clipRange: clipRange
+            limitRect: limitRect,
+            dx: this.layoutOffsetX,
+            dy: this.layoutOffsetY
         });
     }
     _initDataView() {

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 { isNil, isArray } from '../../../util';\nimport type { IComponentOption } from '../../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { ComponentTypeEnum } from '../../interface';\nimport type { IOptionAggrs } 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';\nimport { isValid } from '@visactor/vutils';\nimport { transformToGraphic } from '../../../util/style';\nimport type { IOptionRegr } from '../../../data/transforms/regression';\nimport { BaseMarker } from '../base-marker';\nimport { LayoutZIndex } from '../../../constant';\nimport type { LayoutItem } from '../../../model/layout-item';\nimport type { INode } from '@visactor/vrender';\n// eslint-disable-next-line no-duplicate-imports\nimport { markerRegression } from '../../../data/transforms/regression';\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 (isNil(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    });\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    const isNeedClip = spec?.clip ?? 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 dataPoints = data.latestData[0].latestData ? data.latestData[0].latestData : data.latestData;\n    let clipRange;\n    if (isNeedClip) {\n      const { minX, maxX, minY, maxY } = this._computeClipRange([\n        startRelativeSeries.getRegion(),\n        endRelativeSeries.getRegion(),\n        relativeSeries.getRegion()\n      ]);\n      clipRange = {\n        x: minX,\n        y: minY,\n        width: maxX - minX,\n        height: maxY - minY\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)\n          : this._markerComponent.attribute?.label?.text\n      },\n      clipRange\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: IOptionAggrs | IOptionRegr;\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);\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"]}
+{"version":3,"sources":["../src/component/marker/mark-area/mark-area.ts"],"names":[],"mappings":";;;AAAA,iDAA8C;AAE9C,wCAA+C;AAG/C,+CAAoD;AAGpD,sEAAyE;AACzE,oCAA8D;AAC9D,qDAA0E;AAC1E,qEAA6E;AAE7E,6CAA2C;AAC3C,+CAAyD;AAEzD,gDAA4C;AAC5C,gDAAiD;AAIjD,oEAAuE;AAEvE,MAAa,QAAS,SAAQ,wBAA0C;IAAxE;;QAEE,SAAI,GAAG,6BAAiB,CAAC,QAAQ,CAAC;QAClC,SAAI,GAAW,6BAAiB,CAAC,QAAQ,CAAC;QAE1C,iBAAY,GAA+B,uBAAY,CAAC,QAAQ,CAAC;IAyJnE,CAAC;IAhJC,MAAM,CAAC,eAAe,CAAC,IAAS,EAAE,OAAyB;QACzD,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,IAAI,OAAO,CAAC,WAAW,CAAC;QAC1D,IAAI,IAAA,YAAK,EAAC,YAAY,CAAC,EAAE;YACvB,OAAO,SAAS,CAAC;SAClB;QACD,IAAI,CAAC,IAAA,cAAO,EAAC,YAAY,CAAC,IAAI,YAAY,CAAC,OAAO,KAAK,KAAK,EAAE;YAC5D,OAAO,IAAI,QAAQ,CAAC,YAAY,kCAAO,OAAO,KAAE,OAAO,EAAE,QAAQ,CAAC,OAAO,IAAG,CAAC;SAC9E;QACD,MAAM,SAAS,GAAe,EAAE,CAAC;QACjC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAM,EAAE,CAAS,EAAE,EAAE;YACzC,IAAI,CAAC,CAAC,OAAO,KAAK,KAAK,EAAE;gBACvB,SAAS,CAAC,IAAI,CAAC,IAAI,QAAQ,CAAC,CAAC,kCAAO,OAAO,KAAE,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,QAAQ,CAAC,OAAO,IAAG,CAAC,CAAC;aAC1F;QACH,CAAC,CAAC,CAAC;QACH,OAAO,SAAS,CAAC;IACnB,CAAC;IAES,sBAAsB;;QAC9B,MAAM,QAAQ,GAAG,IAAI,6BAAiB,CAAC;YACrC,MAAM,EAAE,IAAI,CAAC,YAAY;YACzB,WAAW,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,WAAW,mCAAI,KAAK;YAC5C,MAAM,EAAE;gBACN;oBACE,CAAC,EAAE,CAAC;oBACJ,CAAC,EAAE,CAAC;iBACL;aACF;YACD,SAAS,EAAE,IAAA,0BAAkB,EAAC,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,0CAAE,KAAK,CAAC;YACrD,KAAK,kCACA,IAAI,CAAC,KAAK,CAAC,KAAK,KACnB,OAAO,EAAE,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,0CAAE,eAAe,0CAAE,OAAO,EACnD,KAAK,kCACA,IAAA,0BAAkB,EAAC,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,0CAAE,KAAK,CAAC,KAC9C,OAAO,EAAE,MAAA,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,0CAAE,KAAK,0CAAE,OAAO,mCAAI,KAAK,KAEpD,KAAK,kCACA,IAAA,0BAAkB,EAAC,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,0CAAE,eAAe,0CAAE,KAAK,CAAC,KAC/D,OAAO,EAAE,MAAA,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,0CAAE,eAAe,0CAAE,OAAO,mCAAI,IAAI,KAE7D,SAAS,EAAE,IAAA,0BAAkB,EAAC,MAAA,IAAI,CAAC,KAAK,CAAC,KAAK,0CAAE,KAAK,CAAC,GACvD;YACD,WAAW,EAAE,MAAA,IAAI,CAAC,KAAK,CAAC,IAAI,mCAAI,KAAK;SACtC,CAAC,CAAC;QACH,IAAI,CAAC,gBAAgB,GAAG,QAAQ,CAAC;QACjC,IAAI,CAAC,gBAAgB,CAAC,IAAI,GAAG,UAAU,CAAC;QACxC,IAAI,CAAC,gBAAgB,CAAC,EAAE,GAAG,MAAA,IAAI,CAAC,KAAK,CAAC,EAAE,mCAAI,YAAY,IAAI,CAAC,EAAE,EAAE,CAAC;QAClE,IAAI,CAAC,YAAY,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,gBAAoC,CAAC,CAAC;IACrE,CAAC;IAES,aAAa;;QACrB,MAAM,IAAI,GAAG,IAAI,CAAC,KAAY,CAAC;QAC/B,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,SAAS,GAAG,IAAA,gBAAO,EAAC,IAAI,CAAC,CAAC,CAAC,IAAI,IAAA,gBAAO,EAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACtD,MAAM,SAAS,GAAG,IAAA,gBAAO,EAAC,IAAI,CAAC,CAAC,CAAC,IAAI,IAAA,gBAAO,EAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACtD,MAAM,kBAAkB,GAAG,IAAA,gBAAO,EAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACrD,MAAM,gBAAgB,GAAG,IAAA,gBAAO,EAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACjD,MAAM,SAAS,GAAG,MAAA,IAAI,CAAC,SAAS,mCAAI,KAAK,CAAC;QAE1C,IAAI,MAAM,GAAiB,EAAE,CAAC;QAC9B,IAAI,KAAK,GAA+B,EAAE,CAAC;QAC3C,IAAI,SAAS,EAAE;YACb,KAAK,GAAG,IAAA,eAAO,EAAC,IAAI,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,cAAc,EAAE,SAAS,CAAC,CAAC;YACzF,MAAM,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SAClD;aAAM,IAAI,SAAS,EAAE;YACpB,KAAK,GAAG,IAAA,eAAO,EAAC,IAAI,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,cAAc,EAAE,SAAS,CAAC,CAAC;YACzF,MAAM,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SAClD;aAAM,IAAI,kBAAkB,EAAE;YAC7B,MAAM,GAAG,IAAA,wBAAgB,EAAC,IAAI,EAAE,cAAc,EAAE,SAAS,CAAC,CAAC;SAC5D;aAAM,IAAI,gBAAgB,EAAE;YAC3B,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC;SACzB;QAED,MAAM,UAAU,GAAG,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;QAEnG,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,IAAI,CAAC,iBAAiB,CAAC;gBACxD,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;QAED,MAAA,IAAI,CAAC,gBAAgB,0CAAE,aAAa,CAAC;YACnC,MAAM,EAAE,MAAM;YACd,KAAK,kCACA,MAAA,MAAA,IAAI,CAAC,gBAAgB,0CAAE,SAAS,0CAAE,KAAK,KAC1C,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY;oBACjC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC;oBAC1F,CAAC,CAAC,MAAA,MAAA,MAAA,IAAI,CAAC,gBAAgB,0CAAE,SAAS,0CAAE,KAAK,0CAAE,IAAI,GAClD;YACD,SAAS;YACT,EAAE,EAAE,IAAI,CAAC,aAAa;YACtB,EAAE,EAAE,IAAI,CAAC,aAAa;SACvB,CAAC,CAAC;IACL,CAAC;IAES,aAAa;QACrB,MAAM,IAAI,GAAG,IAAI,CAAC,KAAY,CAAC;QAC/B,MAAM,cAAc,GAAG,IAAI,CAAC,eAAe,CAAC;QAC5C,MAAM,UAAU,GAAG,IAAA,gBAAO,EAAC,IAAI,CAAC,CAAC,CAAC,IAAI,IAAA,gBAAO,EAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACvD,MAAM,UAAU,GAAG,IAAA,gBAAO,EAAC,IAAI,CAAC,CAAC,CAAC,IAAI,IAAA,gBAAO,EAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACvD,MAAM,mBAAmB,GAAG,IAAA,gBAAO,EAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACtD,IAAI,CAAC,UAAU,IAAI,CAAC,UAAU,IAAI,CAAC,mBAAmB,EAAE;YACtD,OAAO,IAAI,CAAC;SACb;QAED,IAAI,OAAsB,CAAC;QAE3B,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;QAE7F,IAAI,UAAU,EAAE;YACd,OAAO,GAAG,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;SACrE;aAAM,IAAI,UAAU,EAAE;YACrB,OAAO,GAAG,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;SACrE;aAAM,IAAI,mBAAmB,EAAE;YAC9B,OAAO,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;SACtC;QAED,MAAM,IAAI,GAAG,IAAI,mBAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAChD,IAAI,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,WAAW,EAAE,CAAC,EAAE;YACzC,IAAI,EAAE,UAAU;SACjB,CAAC,CAAC;QACH,IAAI,CAAC,SAAS,CAAC;YACb,IAAI,EAAE,mBAAmB;YACzB,OAAO;SACR,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;;AA7JH,4BA8JC;AA7JQ,aAAI,GAAG,6BAAiB,CAAC,QAAQ,CAAC;AAMlC,gBAAO,GAAG,UAAU,CAAC","file":"mark-area.js","sourcesContent":["import { DataView } from '@visactor/vdataset';\nimport type { IMarkArea, IMarkAreaSpec, IMarkAreaTheme } from './interface';\nimport { isNil, isArray } from '../../../util';\nimport type { IComponentOption } from '../../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { ComponentTypeEnum } from '../../interface';\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';\nimport { isValid } from '@visactor/vutils';\nimport { transformToGraphic } from '../../../util/style';\nimport type { IOptionRegr } from '../../../data/transforms/regression';\nimport { BaseMarker } from '../base-marker';\nimport { LayoutZIndex } from '../../../constant';\nimport type { LayoutItem } from '../../../model/layout-item';\nimport type { INode } from '@visactor/vrender';\n// eslint-disable-next-line no-duplicate-imports\nimport { markerRegression } from '../../../data/transforms/regression';\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 (isNil(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 dataPoints = 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 } = 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, this._relativeSeries.getViewData().latestData)\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);\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"]}

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

@@ -1,9 +1,11 @@
 import type { IComponent } from '../../../interface';
-import type { IAggrType, IMarkerPositionsSpec, IDataPointSpec, IMarkerSpec, IMarkerAxisSpec, IDataPos, IDataPosCallback } 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';
 export type IMarkLine = IComponent;
-export type IMarkLineSpec = IMarkerSpec & (IMarkLineXSpec | IMarkLineYSpec | IMarkLineCoordinateSpec | IMarkLinePositionsSpec) & IMarkLineTheme;
+export type IMarkLineSpec = (IMarkerSpec & (IMarkLineXSpec | IMarkLineYSpec | IMarkLineCoordinateSpec | IMarkLinePositionsSpec) & IMarkLineTheme) | IStepMarkLineSpec;
 export interface IMarkLineXSpec extends IMarkerAxisSpec {
     x: IDataPos | IDataPosCallback;
 }
@@ -27,3 +29,25 @@ export type IMarkLineCoordinateSpec = {
     };
 };
 export type IMarkLinePositionsSpec = IMarkerPositionsSpec;
+export type IStepMarkLineSpec = IMarkerSpec & {
+    type: 'type-step';
+    connectDirection: 'top' | 'bottom' | 'left' | 'right';
+    expandDistance?: number;
+    label?: IMarkerLabelSpec;
+    line?: {
+        multiSegment?: boolean;
+        mainSegmentIndex?: number;
+        style?: ILineMarkSpec | ILineMarkSpec[];
+    };
+} & Omit<IMarkLineTheme, 'label' | 'line'> & ({
+    coordinates: [IDataPointSpec, IDataPointSpec];
+    process?: {
+        x: IAggrType;
+    } | {
+        y: IAggrType;
+    } | {
+        xy: IRegressType;
+    };
+} | {
+    positions: [IPointLike, IPointLike];
+});

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} from '../../interface';\nimport type { IRegressType } from '../../mark-area/interface';\nimport type { IMarkLineTheme } from './theme';\n\nexport type IMarkLine = IComponent;\n\nexport type IMarkLineSpec = IMarkerSpec &\n  (\n    | IMarkLineXSpec // 标注目标：笛卡尔坐标系坐标空间\n    | IMarkLineYSpec // 标注目标：笛卡尔坐标系坐标空间\n    // | IMarkLineAngleSpec // TODO: 标注目标：极坐标系坐标空间\n    // | IMarkLineRadiusSpec // TODO: 标注目标：极坐标系坐标空间\n    | IMarkLineCoordinateSpec // 标注目标：数据元素\n    | IMarkLinePositionsSpec\n  ) &\n  IMarkLineTheme; // 标注目标：任意位置\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"]}
+{"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"]}

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

@@ -8,6 +8,6 @@ export interface IMarkLineTheme {
     label?: {
         position?: IMarkLineLabelPosition;
     } & IMarkerLabelSpec;
-    startSymbol: IMarkerSymbol;
-    endSymbol: IMarkerSymbol;
+    startSymbol?: IMarkerSymbol;
+    endSymbol?: IMarkerSymbol;
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/marker/mark-line/interface/theme.ts"],"names":[],"mappings":"","file":"theme.js","sourcesContent":["import type { IMarkLineLabelPosition } from '@visactor/vrender-components';\nimport type { ILineMarkSpec } from '../../../../typings';\nimport type { IMarkerLabelSpec, IMarkerSymbol } from '../../interface';\n\nexport interface IMarkLineTheme {\n  line?: {\n    style?: ILineMarkSpec;\n  };\n\n  label?: {\n    /**\n     * label整体 - 相对line的位置\n     */\n    position?: IMarkLineLabelPosition;\n  } & IMarkerLabelSpec;\n\n  startSymbol: IMarkerSymbol;\n\n  endSymbol: IMarkerSymbol;\n}\n"]}
+{"version":3,"sources":["../src/component/marker/mark-line/interface/theme.ts"],"names":[],"mappings":"","file":"theme.js","sourcesContent":["import type { IMarkLineLabelPosition } from '@visactor/vrender-components';\nimport type { ILineMarkSpec } from '../../../../typings';\nimport type { IMarkerLabelSpec, IMarkerSymbol } from '../../interface';\n\nexport interface IMarkLineTheme {\n  line?: {\n    style?: ILineMarkSpec;\n  };\n\n  label?: {\n    /**\n     * label整体 - 相对line的位置\n     */\n    position?: IMarkLineLabelPosition;\n  } & IMarkerLabelSpec;\n\n  startSymbol?: IMarkerSymbol;\n\n  endSymbol?: IMarkerSymbol;\n}\n"]}

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.MarkLine = void 0;
 
-const vdataset_1 = require("@visactor/vdataset"), util_1 = require("../../../util"), interface_1 = require("../../interface"), aggregation_1 = require("../../../data/transforms/aggregation"), utils_1 = require("../utils"), register_1 = require("../../../data/register"), vrender_components_1 = require("@visactor/vrender-components"), vutils_1 = require("@visactor/vutils"), style_1 = require("../../../util/style"), base_marker_1 = require("../base-marker"), regression_1 = require("../../../data/transforms/regression"), constant_1 = require("../../../constant");
+const vdataset_1 = require("@visactor/vdataset"), util_1 = require("../../../util"), interface_1 = require("../../interface"), aggregation_1 = require("../../../data/transforms/aggregation"), utils_1 = require("../utils"), register_1 = require("../../../data/register"), vrender_components_1 = require("@visactor/vrender-components"), vutils_1 = require("@visactor/vutils"), style_1 = require("../../../util/style"), base_marker_1 = require("../base-marker"), regression_1 = require("../../../data/transforms/regression"), constant_1 = require("../../../constant"), util_2 = require("./util");
 
 class MarkLine extends base_marker_1.BaseMarker {
     constructor() {
@@ -26,7 +26,7 @@ class MarkLine extends base_marker_1.BaseMarker {
         })), markLines;
     }
     _createMarkerComponent() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
         const markLine = new vrender_components_1.MarkLine({
             zIndex: this.layoutZIndex,
             interactive: null !== (_a = this._spec.interactive) && void 0 !== _a && _a,
@@ -37,7 +37,7 @@ class MarkLine extends base_marker_1.BaseMarker {
                 x: 0,
                 y: 0
             } ],
-            lineStyle: (0, style_1.transformToGraphic)(null === (_b = this._spec) || void 0 === _b ? void 0 : _b.line.style),
+            lineStyle: null === (_b = this._spec) || void 0 === _b ? void 0 : _b.line.style,
             startSymbol: Object.assign(Object.assign({}, null === (_c = this._spec) || void 0 === _c ? void 0 : _c.startSymbol), {
                 visible: null === (_d = this._spec.startSymbol) || void 0 === _d ? void 0 : _d.visible,
                 style: (0, style_1.transformToGraphic)(null === (_e = this._spec.startSymbol) || void 0 === _e ? void 0 : _e.style)
@@ -55,52 +55,85 @@ class MarkLine extends base_marker_1.BaseMarker {
                     visible: null === (_t = null === (_s = null === (_r = this._spec.label) || void 0 === _r ? void 0 : _r.labelBackground) || void 0 === _s ? void 0 : _s.visible) || void 0 === _t || _t
                 }),
                 textStyle: (0, style_1.transformToGraphic)(null === (_u = this._spec.label) || void 0 === _u ? void 0 : _u.style)
-            })
+            }),
+            clipInRange: null !== (_v = this._spec.clip) && void 0 !== _v && _v
         });
-        this._markerComponent = markLine, this._markerComponent.name = "markLine", this._markerComponent.id = null !== (_v = this._spec.id) && void 0 !== _v ? _v : `markLine-${this.id}`, 
+        this._markerComponent = markLine, this._markerComponent.name = "markLine", this._markerComponent.id = null !== (_w = this._spec.id) && void 0 !== _w ? _w : `markLine-${this.id}`, 
         this.getContainer().add(this._markerComponent);
     }
     _markerLayout() {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
         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.coordinates) && (0, vutils_1.isValid)(spec.process) && (0, 
         vutils_1.isValid)(spec.process.x), isYLayout = (0, vutils_1.isValid)(spec.y) || (0, 
         vutils_1.isValid)(spec.coordinates) && (0, vutils_1.isValid)(spec.process) && (0, 
         vutils_1.isValid)(spec.process.y), isCoordinateLayout = (0, vutils_1.isValid)(spec.coordinates) && (!(0, 
         vutils_1.isValid)(spec.process) || "process" in spec && "xy" in spec.process), isPositionLayout = (0, 
-        vutils_1.isValid)(spec.positions), autoRange = null !== (_a = null == spec ? void 0 : spec.autoRange) && void 0 !== _a && _a, isNeedClip = null !== (_b = null == spec ? void 0 : spec.clip) && void 0 !== _b && _b;
+        vutils_1.isValid)(spec.positions), autoRange = null !== (_a = spec.autoRange) && void 0 !== _a && _a;
         let points = [];
         isXLayout ? points = (0, utils_1.xLayout)(data, startRelativeSeries, endRelativeSeries, relativeSeries, autoRange)[0] : isYLayout ? points = (0, 
         utils_1.yLayout)(data, startRelativeSeries, endRelativeSeries, relativeSeries, autoRange)[0] : isCoordinateLayout ? points = (0, 
         utils_1.coordinateLayout)(data, relativeSeries, autoRange) : isPositionLayout && (points = spec.positions);
-        const dataPoints = data.latestData[0].latestData ? data.latestData[0].latestData : data.latestData;
-        let clipRange;
-        if (isNeedClip) {
+        const dataPoints = data.latestData[0].latestData ? data.latestData[0].latestData : data.latestData, seriesData = this._relativeSeries.getViewData().latestData;
+        let limitRect;
+        if (spec.clip || (null === (_b = spec.label) || void 0 === _b ? void 0 : _b.confine)) {
             const {minX: minX, maxX: maxX, minY: minY, maxY: maxY} = this._computeClipRange([ startRelativeSeries.getRegion(), endRelativeSeries.getRegion(), relativeSeries.getRegion() ]);
-            clipRange = {
+            limitRect = {
                 x: minX,
                 y: minY,
                 width: maxX - minX,
                 height: maxY - minY
             };
         }
-        null === (_c = this._markerComponent) || void 0 === _c || _c.setAttributes({
+        const labelAttrs = Object.assign(Object.assign({}, null === (_d = null === (_c = this._markerComponent) || void 0 === _c ? void 0 : _c.attribute) || void 0 === _d ? void 0 : _d.label), {
+            text: this._spec.label.formatMethod ? this._spec.label.formatMethod(dataPoints, seriesData) : null === (_g = null === (_f = null === (_e = this._markerComponent) || void 0 === _e ? void 0 : _e.attribute) || void 0 === _f ? void 0 : _f.label) || void 0 === _g ? void 0 : _g.text
+        });
+        if ("type-step" === this._spec.type) {
+            const {multiSegment: multiSegment, mainSegmentIndex: mainSegmentIndex} = this._spec.line || {}, {connectDirection: connectDirection, expandDistance: expandDistance = 0} = this._spec, joinPoints = (0, 
+            util_2.getInsertPoints)(points[0], points[1], connectDirection, expandDistance);
+            let labelPositionAttrs;
+            labelPositionAttrs = multiSegment && (0, vutils_1.isValid)(mainSegmentIndex) ? {
+                position: "middle",
+                autoRotate: !1,
+                refX: 0,
+                refY: 0
+            } : Object.assign(Object.assign({
+                position: "start",
+                autoRotate: !1
+            }, (0, util_2.getTextOffset)(points[0], points[1], connectDirection, expandDistance)), {
+                efX: 0,
+                refY: 0
+            }), null === (_h = this._markerComponent) || void 0 === _h || _h.setAttributes({
+                points: multiSegment ? [ [ joinPoints[0], joinPoints[1] ], [ joinPoints[1], joinPoints[2] ], [ joinPoints[2], joinPoints[3] ] ] : joinPoints,
+                label: Object.assign(Object.assign(Object.assign({}, labelAttrs), labelPositionAttrs), {
+                    textStyle: Object.assign(Object.assign({}, null === (_k = null === (_j = this._markerComponent) || void 0 === _j ? void 0 : _j.attribute) || void 0 === _k ? void 0 : _k.label.textStyle), {
+                        textAlign: "center",
+                        textBaseline: "middle"
+                    })
+                }),
+                limitRect: limitRect,
+                multiSegment: multiSegment,
+                mainSegmentIndex: mainSegmentIndex,
+                dx: this.layoutOffsetX,
+                dy: this.layoutOffsetY
+            });
+        } else null === (_l = this._markerComponent) || void 0 === _l || _l.setAttributes({
             points: points,
-            label: Object.assign(Object.assign({}, null === (_d = this._markerComponent.attribute) || void 0 === _d ? void 0 : _d.label), {
-                text: this._spec.label.formatMethod ? this._spec.label.formatMethod(dataPoints) : null === (_f = null === (_e = this._markerComponent.attribute) || void 0 === _e ? void 0 : _e.label) || void 0 === _f ? void 0 : _f.text
-            }),
-            clipRange: clipRange
+            label: labelAttrs,
+            limitRect: limitRect,
+            dx: this.layoutOffsetX,
+            dy: this.layoutOffsetY
         });
     }
     _initDataView() {
         const spec = this._spec, relativeSeries = this._relativeSeries, isXProcess = "x" in spec, isYProcess = "y" in spec, isCoordinateProcess = "coordinates" in spec;
         if (!isXProcess && !isYProcess && !isCoordinateProcess) return;
         let options, processData, needAgggr = !1, needRegr = !1;
-        (0, register_1.registerDataSetInstanceTransform)(this._option.dataSet, "markerAggregation", aggregation_1.markerAggregation), 
+        if ((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) ], processData = relativeSeries.getViewData(), 
-        needAgggr = !0) : isYProcess ? (options = [ this._processSpecY(spec.y) ], processData = relativeSeries.getViewData(), 
-        needAgggr = !0) : isCoordinateProcess && (options = this._processSpecCoo(spec), 
+        isXProcess) options = [ this._processSpecX(spec.x) ], processData = relativeSeries.getViewData(), 
+        needAgggr = !0; else if (isYProcess) options = [ this._processSpecY(spec.y) ], processData = relativeSeries.getViewData(), 
+        needAgggr = !0; else if (isCoordinateProcess && (options = this._processSpecCoo(spec), 
         processData = new vdataset_1.DataView(this._option.dataSet).parse([ relativeSeries.getViewData() ], {
             type: "dataview"
         }).transform({
@@ -108,10 +141,13 @@ class MarkLine extends base_marker_1.BaseMarker {
             options: options
         }), spec.process && "x" in spec.process && (options = [ this._processSpecX(spec.process.x) ], 
         needAgggr = !0), spec.process && "y" in spec.process && (options = [ this._processSpecY(spec.process.y) ], 
-        needAgggr = !0), spec.process && "xy" in spec.process && (options = {
-            fieldX: relativeSeries.getSpec().xField,
-            fieldY: relativeSeries.getSpec().yField
-        }, needRegr = !0));
+        needAgggr = !0), spec.process && "xy" in spec.process)) {
+            const {xField: xField, yField: yField} = relativeSeries.getSpec();
+            options = {
+                fieldX: xField,
+                fieldY: yField
+            }, needRegr = !0;
+        }
         const data = new vdataset_1.DataView(this._option.dataSet);
         data.parse([ processData ], {
             type: "dataview"

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/marker/mark-line/mark-line.ts"],"names":[],"mappings":"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","file":"mark-line.js","sourcesContent":["import { DataView } from '@visactor/vdataset';\nimport type { IMarkLine, IMarkLineSpec, IMarkLineTheme } from './interface';\nimport { isNil, isArray } from '../../../util';\nimport type { IComponentOption } from '../../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { ComponentTypeEnum } from '../../interface';\nimport type { IOptionAggrs } 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 { MarkLine as MarkLineComponent } from '@visactor/vrender-components';\nimport type { IPointLike } from '@visactor/vutils';\n// eslint-disable-next-line no-duplicate-imports\nimport { isValid } from '@visactor/vutils';\nimport { transformToGraphic } from '../../../util/style';\nimport { BaseMarker } from '../base-marker';\nimport type { INode } from '@visactor/vrender';\nimport type { LayoutItem } from '../../../model/layout-item';\nimport type { IDataPos } from '../interface';\nimport type { IOptionRegr } from '../../../data/transforms/regression';\n// eslint-disable-next-line no-duplicate-imports\nimport { markerRegression } from '../../../data/transforms/regression';\nimport { LayoutZIndex } from '../../../constant';\nimport type { IRegion } from '../../../region/interface';\n\nexport class MarkLine extends BaseMarker<IMarkLineSpec & IMarkLineTheme> implements IMarkLine {\n  static type = ComponentTypeEnum.markLine;\n  type = ComponentTypeEnum.markLine;\n  name: string = ComponentTypeEnum.markLine;\n\n  layoutZIndex: LayoutItem['layoutZIndex'] = LayoutZIndex.MarkLine;\n\n  static speckey = 'markLine';\n\n  protected declare _theme: IMarkLineTheme;\n\n  protected declare _markerComponent: MarkLineComponent;\n\n  static createComponent(spec: any, options: IComponentOption) {\n    const markLineSpec = spec.markLine || options.defaultSpec;\n    if (isNil(markLineSpec)) {\n      return undefined;\n    }\n    if (!isArray(markLineSpec) && markLineSpec.visible !== false) {\n      return new MarkLine(markLineSpec, { ...options, specKey: MarkLine.speckey });\n    }\n    const markLines: MarkLine[] = [];\n    markLineSpec.forEach((m: any, i: number) => {\n      if (m.visible !== false) {\n        markLines.push(new MarkLine(m, { ...options, specIndex: i, specKey: MarkLine.speckey }));\n      }\n    });\n    return markLines;\n  }\n\n  protected _createMarkerComponent() {\n    const markLine = new MarkLineComponent({\n      zIndex: this.layoutZIndex,\n      interactive: this._spec.interactive ?? false,\n      points: [\n        {\n          x: 0,\n          y: 0\n        },\n        {\n          x: 0,\n          y: 0\n        }\n      ],\n      lineStyle: transformToGraphic(this._spec?.line.style),\n      startSymbol: {\n        ...this._spec?.startSymbol,\n        visible: this._spec.startSymbol?.visible,\n        style: transformToGraphic(this._spec.startSymbol?.style)\n      },\n      endSymbol: {\n        ...this._spec?.endSymbol,\n        visible: this._spec.endSymbol?.visible,\n        style: transformToGraphic(this._spec.endSymbol?.style)\n      },\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    });\n    this._markerComponent = markLine;\n    this._markerComponent.name = 'markLine';\n    this._markerComponent.id = this._spec.id ?? `markLine-${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    // eslint-disable-next-line max-len\n    const isXLayout =\n      isValid(spec.x) || (isValid(spec.coordinates) && isValid(spec.process) && isValid(spec.process.x));\n    // eslint-disable-next-line max-len\n    const isYLayout =\n      isValid(spec.y) || (isValid(spec.coordinates) && isValid(spec.process) && isValid(spec.process.y));\n    const isCoordinateLayout =\n      isValid(spec.coordinates) && (!isValid(spec.process) || ('process' in spec && 'xy' in spec.process));\n    const isPositionLayout = isValid(spec.positions);\n    const autoRange = spec?.autoRange ?? false;\n    const isNeedClip = spec?.clip ?? false;\n\n    let points: IPointLike[] = [];\n    if (isXLayout) {\n      points = xLayout(data, startRelativeSeries, endRelativeSeries, relativeSeries, autoRange)[0];\n    } else if (isYLayout) {\n      points = yLayout(data, startRelativeSeries, endRelativeSeries, relativeSeries, autoRange)[0];\n    } else if (isCoordinateLayout) {\n      points = coordinateLayout(data, relativeSeries, autoRange);\n    } else if (isPositionLayout) {\n      points = spec.positions;\n    }\n\n    const dataPoints = data.latestData[0].latestData ? data.latestData[0].latestData : data.latestData;\n    let clipRange;\n    if (isNeedClip) {\n      const { minX, maxX, minY, maxY } = this._computeClipRange([\n        startRelativeSeries.getRegion(),\n        endRelativeSeries.getRegion(),\n        relativeSeries.getRegion()\n      ]);\n      clipRange = {\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)\n          : this._markerComponent.attribute?.label?.text\n      },\n      clipRange\n    });\n  }\n\n  protected _initDataView(): void {\n    const spec = this._spec;\n    const relativeSeries = this._relativeSeries;\n    const isXProcess = 'x' in spec;\n    const isYProcess = 'y' in spec;\n    const isCoordinateProcess = 'coordinates' in spec;\n\n    if (!isXProcess && !isYProcess && !isCoordinateProcess) {\n      return;\n    }\n\n    let options: IOptionAggrs | IOptionRegr;\n    let processData: DataView;\n    let needAgggr: boolean = false;\n    let needRegr: boolean = false;\n\n    registerDataSetInstanceTransform(this._option.dataSet, 'markerAggregation', markerAggregation);\n    // eslint-disable-next-line no-undef\n    registerDataSetInstanceTransform(this._option.dataSet, 'markerRegression', markerRegression);\n\n    if (isXProcess) {\n      options = [this._processSpecX(spec.x as unknown as IDataPos)];\n      processData = relativeSeries.getViewData();\n      needAgggr = true;\n    } else if (isYProcess) {\n      options = [this._processSpecY(spec.y as unknown as IDataPos)];\n      processData = relativeSeries.getViewData();\n      needAgggr = true;\n    } else if (isCoordinateProcess) {\n      options = this._processSpecCoo(spec);\n\n      processData = new DataView(this._option.dataSet)\n        .parse([relativeSeries.getViewData()], {\n          type: 'dataview'\n        })\n        .transform({\n          type: 'markerAggregation',\n          options\n        });\n      if (spec.process && 'x' in spec.process) {\n        options = [this._processSpecX(spec.process.x as unknown as IDataPos)];\n        needAgggr = true;\n      }\n      if (spec.process && 'y' in spec.process) {\n        options = [this._processSpecY(spec.process.y as unknown as IDataPos)];\n        needAgggr = true;\n      }\n      if (spec.process && 'xy' in spec.process) {\n        options = {\n          fieldX: relativeSeries.getSpec().xField,\n          fieldY: relativeSeries.getSpec().yField\n        };\n        needRegr = true;\n      }\n    }\n\n    const data = new DataView(this._option.dataSet);\n    data.parse([processData], {\n      type: 'dataview'\n    });\n    if (needAgggr) {\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.target.on('change', () => {\n      this._markerLayout();\n    });\n    this._markerData = data;\n  }\n}\n"]}
+{"version":3,"sources":["../src/component/marker/mark-line/mark-line.ts"],"names":[],"mappings":"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","file":"mark-line.js","sourcesContent":["import { DataView } from '@visactor/vdataset';\nimport type { IMarkLine, IMarkLineSpec, IMarkLineTheme, IStepMarkLineSpec } from './interface';\nimport { isNil, isArray } from '../../../util';\nimport type { IComponentOption } from '../../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { ComponentTypeEnum } from '../../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport type { IOptionAggr } from '../../../data/transforms/aggregation';\nimport { markerAggregation } from '../../../data/transforms/aggregation';\nimport { xLayout, yLayout, coordinateLayout } from '../utils';\nimport { registerDataSetInstanceTransform } from '../../../data/register';\nimport { MarkLine as MarkLineComponent } from '@visactor/vrender-components';\nimport type { IPointLike } from '@visactor/vutils';\n// eslint-disable-next-line no-duplicate-imports\nimport { isValid } from '@visactor/vutils';\nimport { transformToGraphic } from '../../../util/style';\nimport { BaseMarker } from '../base-marker';\nimport type { INode } from '@visactor/vrender';\nimport type { LayoutItem } from '../../../model/layout-item';\nimport type { IDataPos } from '../interface';\nimport type { IOptionRegr } from '../../../data/transforms/regression';\n// eslint-disable-next-line no-duplicate-imports\nimport { markerRegression } from '../../../data/transforms/regression';\nimport { LayoutZIndex } from '../../../constant';\nimport { getInsertPoints, getTextOffset } from './util';\n\nexport class MarkLine extends BaseMarker<IMarkLineSpec & IMarkLineTheme> implements IMarkLine {\n  static type = ComponentTypeEnum.markLine;\n  type = ComponentTypeEnum.markLine;\n  name: string = ComponentTypeEnum.markLine;\n\n  layoutZIndex: LayoutItem['layoutZIndex'] = LayoutZIndex.MarkLine;\n\n  static speckey = 'markLine';\n\n  protected declare _theme: IMarkLineTheme;\n\n  protected declare _markerComponent: MarkLineComponent;\n\n  static createComponent(spec: any, options: IComponentOption) {\n    const markLineSpec = spec.markLine || options.defaultSpec;\n    if (isNil(markLineSpec)) {\n      return undefined;\n    }\n    if (!isArray(markLineSpec) && markLineSpec.visible !== false) {\n      return new MarkLine(markLineSpec, { ...options, specKey: MarkLine.speckey });\n    }\n    const markLines: MarkLine[] = [];\n    markLineSpec.forEach((m: any, i: number) => {\n      if (m.visible !== false) {\n        markLines.push(new MarkLine(m, { ...options, specIndex: i, specKey: MarkLine.speckey }));\n      }\n    });\n    return markLines;\n  }\n\n  protected _createMarkerComponent() {\n    const markLine = new MarkLineComponent({\n      zIndex: this.layoutZIndex,\n      interactive: this._spec.interactive ?? false,\n      points: [\n        {\n          x: 0,\n          y: 0\n        },\n        {\n          x: 0,\n          y: 0\n        }\n      ],\n      lineStyle: this._spec?.line.style as unknown as any,\n      startSymbol: {\n        ...this._spec?.startSymbol,\n        visible: this._spec.startSymbol?.visible,\n        style: transformToGraphic(this._spec.startSymbol?.style)\n      },\n      endSymbol: {\n        ...this._spec?.endSymbol,\n        visible: this._spec.endSymbol?.visible,\n        style: transformToGraphic(this._spec.endSymbol?.style)\n      },\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 = markLine;\n    this._markerComponent.name = 'markLine';\n    this._markerComponent.id = this._spec.id ?? `markLine-${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    // eslint-disable-next-line max-len\n    const isXLayout =\n      isValid(spec.x) || (isValid(spec.coordinates) && isValid(spec.process) && isValid(spec.process.x));\n    // eslint-disable-next-line max-len\n    const isYLayout =\n      isValid(spec.y) || (isValid(spec.coordinates) && isValid(spec.process) && isValid(spec.process.y));\n    const isCoordinateLayout =\n      isValid(spec.coordinates) && (!isValid(spec.process) || ('process' in spec && 'xy' in spec.process));\n    const isPositionLayout = isValid(spec.positions);\n    const autoRange = spec.autoRange ?? false;\n\n    let points: IPointLike[] = [];\n    if (isXLayout) {\n      points = xLayout(data, startRelativeSeries, endRelativeSeries, relativeSeries, autoRange)[0];\n    } else if (isYLayout) {\n      points = yLayout(data, startRelativeSeries, endRelativeSeries, relativeSeries, autoRange)[0];\n    } else if (isCoordinateLayout) {\n      points = coordinateLayout(data, relativeSeries, autoRange);\n    } else if (isPositionLayout) {\n      points = spec.positions;\n    }\n\n    const dataPoints = data.latestData[0].latestData ? data.latestData[0].latestData : data.latestData;\n    const seriesData = this._relativeSeries.getViewData().latestData;\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    const labelAttrs = {\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\n    if ((this._spec as IStepMarkLineSpec).type === 'type-step') {\n      const { multiSegment, mainSegmentIndex } = (this._spec as IStepMarkLineSpec).line || {};\n      const { connectDirection, expandDistance = 0 } = this._spec as IStepMarkLineSpec;\n\n      const joinPoints = getInsertPoints(points[0], points[1], connectDirection, expandDistance);\n\n      let labelPositionAttrs: any;\n      if (multiSegment && isValid(mainSegmentIndex)) {\n        // 如果用户配置了主线段，则不进行 label 的偏移处理，直接显示在主线段中间\n        labelPositionAttrs = {\n          position: 'middle',\n          autoRotate: false,\n          refX: 0,\n          refY: 0\n        };\n      } else {\n        labelPositionAttrs = {\n          position: 'start',\n          autoRotate: false,\n          ...getTextOffset(points[0], points[1], connectDirection, expandDistance),\n          efX: 0,\n          refY: 0\n        };\n      }\n\n      this._markerComponent?.setAttributes({\n        points: multiSegment\n          ? [\n              [joinPoints[0], joinPoints[1]],\n              [joinPoints[1], joinPoints[2]],\n              [joinPoints[2], joinPoints[3]]\n            ]\n          : joinPoints,\n        label: {\n          ...labelAttrs,\n          ...labelPositionAttrs,\n          textStyle: {\n            ...this._markerComponent?.attribute?.label.textStyle,\n            textAlign: 'center',\n            textBaseline: 'middle'\n          }\n        },\n        limitRect,\n        multiSegment,\n        mainSegmentIndex,\n        dx: this.layoutOffsetX,\n        dy: this.layoutOffsetY\n      });\n    } else {\n      this._markerComponent?.setAttributes({\n        points: points,\n        label: labelAttrs,\n        limitRect,\n        dx: this.layoutOffsetX,\n        dy: this.layoutOffsetY\n      });\n    }\n  }\n\n  protected _initDataView(): void {\n    const spec = this._spec;\n    const relativeSeries = this._relativeSeries;\n    const isXProcess = 'x' in spec;\n    const isYProcess = 'y' in spec;\n    const isCoordinateProcess = 'coordinates' in spec;\n\n    if (!isXProcess && !isYProcess && !isCoordinateProcess) {\n      return;\n    }\n\n    let options: IOptionAggr[] | IOptionRegr;\n    let processData: DataView;\n    let needAgggr: boolean = false;\n    let needRegr: boolean = false;\n\n    registerDataSetInstanceTransform(this._option.dataSet, 'markerAggregation', markerAggregation);\n    // eslint-disable-next-line no-undef\n    registerDataSetInstanceTransform(this._option.dataSet, 'markerRegression', markerRegression);\n\n    if (isXProcess) {\n      options = [this._processSpecX(spec.x as unknown as IDataPos)];\n      processData = relativeSeries.getViewData();\n      needAgggr = true;\n    } else if (isYProcess) {\n      options = [this._processSpecY(spec.y as unknown as IDataPos)];\n      processData = relativeSeries.getViewData();\n      needAgggr = true;\n    } else if (isCoordinateProcess) {\n      options = this._processSpecCoo(spec);\n\n      processData = new DataView(this._option.dataSet)\n        .parse([relativeSeries.getViewData()], {\n          type: 'dataview'\n        })\n        .transform({\n          type: 'markerAggregation',\n          options\n        });\n      if (spec.process && 'x' in spec.process) {\n        options = [this._processSpecX(spec.process.x as unknown as IDataPos)];\n        needAgggr = true;\n      }\n      if (spec.process && 'y' in spec.process) {\n        options = [this._processSpecY(spec.process.y as unknown as IDataPos)];\n        needAgggr = true;\n      }\n      if (spec.process && 'xy' in spec.process) {\n        const { xField, yField } = relativeSeries.getSpec();\n        options = {\n          fieldX: xField,\n          fieldY: yField\n        };\n        needRegr = true;\n      }\n    }\n\n    const data = new DataView(this._option.dataSet);\n    data.parse([processData], {\n      type: 'dataview'\n    });\n    if (needAgggr) {\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.target.on('change', () => {\n      this._markerLayout();\n    });\n    this._markerData = data;\n  }\n}\n"]}

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

@@ -0,0 +1,9 @@
+import type { IPointLike } from '@visactor/vutils';
+export declare function getInsertPoints(start: IPointLike, end: IPointLike, direction: 'top' | 'bottom' | 'left' | 'right', offset?: number): IPointLike[];
+export declare function getTextOffset(start: IPointLike, end: IPointLike, direction: 'top' | 'bottom' | 'left' | 'right', offset?: number): {
+    dx: number;
+    dy: number;
+} | {
+    dx?: undefined;
+    dy?: undefined;
+};

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

@@ -0,0 +1,69 @@
+"use strict";
+
+function getInsertPoints(start, end, direction, offset = 0) {
+    const points = [], dy = start.y - end.y, dx = start.x - end.x;
+    switch (direction) {
+      case "top":
+        points.push(start), points.push({
+            x: start.x,
+            y: dy > 0 ? start.y - offset - Math.abs(dy) : start.y - offset
+        }), points.push({
+            x: end.x,
+            y: dy > 0 ? end.y - offset : end.y - offset - Math.abs(dy)
+        }), points.push(end);
+        break;
+
+      case "bottom":
+        points.push(start), points.push({
+            x: start.x,
+            y: dy < 0 ? start.y + offset + Math.abs(dy) : start.y + offset
+        }), points.push({
+            x: end.x,
+            y: dy < 0 ? end.y + offset : end.y + offset + Math.abs(dy)
+        }), points.push(end);
+        break;
+
+      case "left":
+        points.push(start), points.push({
+            x: dx > 0 ? start.x - offset - Math.abs(dx) : start.x - offset,
+            y: start.y
+        }), points.push({
+            x: dx > 0 ? end.x - offset : end.x - offset - Math.abs(dx),
+            y: end.y
+        }), points.push(end);
+        break;
+
+      case "right":
+        points.push(start), points.push({
+            x: dx > 0 ? start.x + offset : start.x + offset + Math.abs(dx),
+            y: start.y
+        }), points.push({
+            x: dx > 0 ? end.x + offset + Math.abs(dx) : end.x + offset,
+            y: end.y
+        }), points.push(end);
+    }
+    return points;
+}
+
+function getTextOffset(start, end, direction, offset = 0) {
+    const dy = start.y - end.y, dx = start.x - end.x;
+    return "bottom" === direction ? {
+        dx: dx > 0 ? -dx / 2 : Math.abs(dx / 2),
+        dy: dy > 0 ? offset : Math.abs(dy) + offset
+    } : "top" === direction ? {
+        dx: dx > 0 ? -Math.abs(dx / 2) : +Math.abs(dx / 2),
+        dy: dy > 0 ? -(Math.abs(dy) + offset) : -offset
+    } : "left" === direction ? {
+        dx: dx > 0 ? -dx - offset : -offset,
+        dy: dy > 0 ? -dy / 2 : Math.abs(dy / 2)
+    } : "right" === direction ? {
+        dx: dx > 0 ? offset : Math.abs(dx) + offset,
+        dy: dy > 0 ? -dy / 2 : Math.abs(dy / 2)
+    } : {};
+}
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.getTextOffset = exports.getInsertPoints = void 0, exports.getInsertPoints = getInsertPoints, 
+exports.getTextOffset = getTextOffset;
+//# sourceMappingURL=util.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/marker/mark-line/util.ts"],"names":[],"mappings":"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","file":"util.js","sourcesContent":["import type { IPointLike } from '@visactor/vutils';\n\nexport function getInsertPoints(\n  start: IPointLike,\n  end: IPointLike,\n  direction: 'top' | 'bottom' | 'left' | 'right',\n  offset: number = 0\n) {\n  const points: IPointLike[] = [];\n  const dy = start.y - end.y;\n  const dx = start.x - end.x;\n\n  switch (direction) {\n    case 'top':\n      points.push(start);\n      points.push({\n        x: start.x,\n        y: dy > 0 ? start.y - offset - Math.abs(dy) : start.y - offset\n      });\n      points.push({\n        x: end.x,\n        y: dy > 0 ? end.y - offset : end.y - offset - Math.abs(dy)\n      });\n      points.push(end);\n      break;\n    case 'bottom':\n      points.push(start);\n      points.push({ x: start.x, y: dy < 0 ? start.y + offset + Math.abs(dy) : start.y + offset });\n      points.push({ x: end.x, y: dy < 0 ? end.y + offset : end.y + offset + Math.abs(dy) });\n      points.push(end);\n      break;\n    case 'left':\n      points.push(start);\n      points.push({\n        x: dx > 0 ? start.x - offset - Math.abs(dx) : start.x - offset,\n        y: start.y\n      });\n      points.push({\n        x: dx > 0 ? end.x - offset : end.x - offset - Math.abs(dx),\n        y: end.y\n      });\n      points.push(end);\n      break;\n    case 'right':\n      points.push(start);\n      points.push({\n        x: dx > 0 ? start.x + offset : start.x + offset + Math.abs(dx),\n        y: start.y\n      });\n      points.push({\n        x: dx > 0 ? end.x + offset + Math.abs(dx) : end.x + offset,\n        y: end.y\n      });\n      points.push(end);\n      break;\n    default:\n      break;\n  }\n  return points;\n}\n\nexport function getTextOffset(\n  start: IPointLike,\n  end: IPointLike,\n  direction: 'top' | 'bottom' | 'left' | 'right',\n  offset: number = 0\n) {\n  const dy = start.y - end.y;\n  const dx = start.x - end.x;\n\n  if (direction === 'bottom') {\n    return {\n      dx: dx > 0 ? -dx / 2 : Math.abs(dx / 2),\n      dy: dy > 0 ? offset : Math.abs(dy) + offset\n    };\n  }\n\n  if (direction === 'top') {\n    return {\n      dx: dx > 0 ? -Math.abs(dx / 2) : +Math.abs(dx / 2),\n      dy: dy > 0 ? -(Math.abs(dy) + offset) : -offset\n    };\n  }\n\n  if (direction === 'left') {\n    return {\n      dx: dx > 0 ? -dx - offset : -offset,\n      dy: dy > 0 ? -(dy / 2) : Math.abs(dy / 2)\n    };\n  }\n\n  if (direction === 'right') {\n    return {\n      dx: dx > 0 ? offset : Math.abs(dx) + offset,\n      dy: dy > 0 ? -(dy / 2) : Math.abs(dy / 2)\n    };\n  }\n\n  return {};\n}\n"]}

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

@@ -26,7 +26,7 @@ class MarkPoint extends base_marker_1.BaseMarker {
         })), markPoints;
     }
     _createMarkerComponent() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5;
         const markPoint = new vrender_components_1.MarkPoint({
             zIndex: this.layoutZIndex,
             interactive: null !== (_a = this._spec.interactive) && void 0 !== _a && _a,
@@ -51,35 +51,38 @@ class MarkPoint extends base_marker_1.BaseMarker {
                     textStyle: (0, style_1.transformToGraphic)(null === (_1 = null === (_0 = this._spec.itemContent) || void 0 === _0 ? void 0 : _0.text) || void 0 === _1 ? void 0 : _1.style)
                 }),
                 richTextStyle: null === (_3 = null === (_2 = this._spec.itemContent) || void 0 === _2 ? void 0 : _2.richText) || void 0 === _3 ? void 0 : _3.style
-            }, this._spec.itemContent)
+            }, this._spec.itemContent),
+            clipInRange: null !== (_4 = this._spec.clip) && void 0 !== _4 && _4
         });
-        this._markerComponent = markPoint, this._markerComponent.name = "markPoint", this._markerComponent.id = null !== (_4 = this._spec.id) && void 0 !== _4 ? _4 : `markPoint-${this.id}`, 
+        this._markerComponent = markPoint, this._markerComponent.name = "markPoint", this._markerComponent.id = null !== (_5 = this._spec.id) && void 0 !== _5 ? _5 : `markPoint-${this.id}`, 
         this.getContainer().add(this._markerComponent);
     }
     _markerLayout() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-        const spec = this._spec, data = this._markerData, relativeSeries = this._relativeSeries, isCoordinateLayout = "coordinate" in spec, isPositionLayout = "position" in spec, autoRange = null !== (_a = null == spec ? void 0 : spec.autoRange) && void 0 !== _a && _a, isNeedClip = null !== (_b = null == spec ? void 0 : spec.clip) && void 0 !== _b && _b;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        const spec = this._spec, data = this._markerData, relativeSeries = this._relativeSeries, isCoordinateLayout = "coordinate" in spec, isPositionLayout = "position" in spec, autoRange = null !== (_a = null == spec ? void 0 : spec.autoRange) && void 0 !== _a && _a;
         let point;
         isCoordinateLayout ? point = (0, utils_1.coordinateLayout)(data, relativeSeries, autoRange)[0] : isPositionLayout && (point = spec.position);
         const dataPoints = data.latestData[0].latestData ? data.latestData[0].latestData : data.latestData;
-        let clipRange;
-        if (isNeedClip) {
+        let limitRect;
+        if (spec.clip) {
             const {minX: minX, maxX: maxX, minY: minY, maxY: maxY} = this._computeClipRange([ relativeSeries.getRegion() ]);
-            clipRange = {
+            limitRect = {
                 x: minX,
                 y: minY,
                 width: maxX - minX,
                 height: maxY - minY
             };
         }
-        null === (_c = this._markerComponent) || void 0 === _c || _c.setAttributes({
+        null === (_b = this._markerComponent) || void 0 === _b || _b.setAttributes({
             position: point,
-            itemContent: Object.assign(Object.assign({}, null === (_d = this._markerComponent.attribute) || void 0 === _d ? void 0 : _d.itemContent), {
-                textStyle: Object.assign(Object.assign({}, null === (_f = null === (_e = this._markerComponent.attribute) || void 0 === _e ? void 0 : _e.itemContent) || void 0 === _f ? void 0 : _f.textStyle), {
-                    text: (null === (_g = this._spec.itemContent.text) || void 0 === _g ? void 0 : _g.formatMethod) ? this._spec.itemContent.text.formatMethod(dataPoints) : null === (_k = null === (_j = null === (_h = this._markerComponent.attribute) || void 0 === _h ? void 0 : _h.itemContent) || void 0 === _j ? void 0 : _j.textStyle) || void 0 === _k ? void 0 : _k.text
+            itemContent: Object.assign(Object.assign({}, null === (_d = null === (_c = this._markerComponent) || void 0 === _c ? void 0 : _c.attribute) || void 0 === _d ? void 0 : _d.itemContent), {
+                textStyle: Object.assign(Object.assign({}, null === (_g = null === (_f = null === (_e = this._markerComponent) || void 0 === _e ? void 0 : _e.attribute) || void 0 === _f ? void 0 : _f.itemContent) || void 0 === _g ? void 0 : _g.textStyle), {
+                    text: (null === (_h = this._spec.itemContent.text) || void 0 === _h ? void 0 : _h.formatMethod) ? this._spec.itemContent.text.formatMethod(dataPoints, this._relativeSeries.getViewData().latestData) : null === (_m = null === (_l = null === (_k = null === (_j = this._markerComponent) || void 0 === _j ? void 0 : _j.attribute) || void 0 === _k ? void 0 : _k.itemContent) || void 0 === _l ? void 0 : _l.textStyle) || void 0 === _m ? void 0 : _m.text
                 })
             }),
-            clipRange: clipRange
+            limitRect: limitRect,
+            dx: this.layoutOffsetX,
+            dy: this.layoutOffsetY
         });
     }
     _initDataView() {