@visactor/vchart-extension 2.0.7-alpha.0 → 2.0.7-alpha.10

package/cjs/components/regression-line/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/regression-line/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC;AAClC,yCAAuB","file":"index.js","sourcesContent":["export * from './regression-line';\nexport * from './type';\n"]}

package/cjs/components/regression-line/regression-line.d.ts

@@ -0,0 +1,8 @@
+import { AbstractComponent } from '@visactor/vchart';
+import type { RegressionLineAttrs } from '../regression-line/type';
+export declare const REGRESSION_LINE = "regressionLine";
+export declare class RegressionLine extends AbstractComponent<Required<RegressionLineAttrs>> {
+    name: string;
+    protected render(): void;
+}
+export declare const registerRegressionLine: () => void;

package/cjs/components/regression-line/regression-line.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.registerRegressionLine = exports.RegressionLine = exports.REGRESSION_LINE = void 0;
+
+const vchart_1 = require("@visactor/vchart"), vchart_2 = require("@visactor/vchart"), vchart_3 = require("@visactor/vchart");
+
+exports.REGRESSION_LINE = "regressionLine";
+
+class RegressionLine extends vchart_1.AbstractComponent {
+    constructor() {
+        super(...arguments), this.name = exports.REGRESSION_LINE;
+    }
+    render() {
+        this.removeAllChild();
+        const {data: data, line: line = {}, label: label, name: name = "regression-line", confidenceInterval: confidenceInterval} = this.attribute;
+        (0, vchart_2.isEmpty)(data) || data.forEach((d => {
+            const {color: color} = d;
+            if (d.area && !1 !== (null == confidenceInterval ? void 0 : confidenceInterval.visible)) {
+                const areaShape = (0, vchart_1.createArea)(Object.assign(Object.assign({
+                    points: d.area
+                }, (0, vchart_2.isValid)(color) ? {
+                    fill: color,
+                    fillOpacity: .12
+                } : null), null == confidenceInterval ? void 0 : confidenceInterval.style));
+                areaShape.name = "scatter-regression-area", this.add(areaShape);
+            }
+            if (d.line && !1 !== (null == line ? void 0 : line.visible)) {
+                const lineShape = (0, vchart_1.createLine)(Object.assign(Object.assign({
+                    points: d.line,
+                    lineWidth: 1
+                }, (0, vchart_2.isValid)(color) ? {
+                    stroke: color
+                } : null), null == line ? void 0 : line.style));
+                lineShape.name = `${name}-curve`, this.add(lineShape);
+            }
+            const lastPoint = (0, vchart_2.last)(d.line);
+            if (label && !1 !== label.visible && label.text && lastPoint) {
+                const tag = (0, vchart_1.createText)(Object.assign(Object.assign(Object.assign({}, lastPoint), {
+                    text: label.text,
+                    textAlign: "end",
+                    textBaseline: "middle"
+                }), label.style));
+                tag.name = `${name}-label`, this.add(tag);
+            }
+        }));
+    }
+}
+
+exports.RegressionLine = RegressionLine;
+
+const registerRegressionLine = () => {
+    vchart_3.Factory.registerGraphicComponent(exports.REGRESSION_LINE, (attrs => new RegressionLine(attrs)));
+};
+
+exports.registerRegressionLine = registerRegressionLine;
+//# sourceMappingURL=regression-line.js.map

package/cjs/components/regression-line/regression-line.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/regression-line/regression-line.ts"],"names":[],"mappings":";;;AAAA,6CAAwG;AACxG,6CAA0D;AAC1D,6CAA2C;AAG9B,QAAA,eAAe,GAAG,gBAAgB,CAAC;AAEhD,MAAa,cAAe,SAAQ,0BAAgD;IAApF;;QACE,SAAI,GAAG,uBAAe,CAAC;IAoDzB,CAAC;IAnDW,MAAM;QACd,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,MAAM,EACJ,IAAI,EACJ,IAAI,GAAG,EAAE,EACT,KAAK,EACL,IAAI,GAAG,iBAAiB,EACxB,kBAAkB,EACnB,GAAG,IAAI,CAAC,SAAgC,CAAC;QAC1C,IAAI,IAAA,gBAAO,EAAC,IAAI,CAAC,EAAE;YACjB,OAAO;SACR;QAED,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YACf,MAAM,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;YACpB,IAAI,CAAC,CAAC,IAAI,IAAI,CAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,OAAO,MAAK,KAAK,EAAE;gBACnD,MAAM,SAAS,GAAG,IAAA,mBAAU,gCAC1B,MAAM,EAAE,CAAC,CAAC,IAAI,IACX,CAAC,IAAA,gBAAO,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAC5D,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,KAAK,EAC5B,CAAC;gBACH,SAAS,CAAC,IAAI,GAAG,yBAAyB,CAAC;gBAC3C,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;aACrB;YAED,IAAI,CAAC,CAAC,IAAI,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,MAAK,KAAK,EAAE;gBACrC,MAAM,SAAS,GAAG,IAAA,mBAAU,gCAC1B,MAAM,EAAE,CAAC,CAAC,IAAI,EACd,SAAS,EAAE,CAAC,IACT,CAAC,IAAA,gBAAO,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAC3C,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,EACd,CAAC;gBACH,SAAS,CAAC,IAAI,GAAG,GAAG,IAAI,QAAQ,CAAC;gBACjC,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;aACrB;YAED,MAAM,SAAS,GAAG,IAAA,aAAI,EAAC,CAAC,CAAC,IAAI,CAAC,CAAC;YAE/B,IAAI,KAAK,IAAI,KAAK,CAAC,OAAO,KAAK,KAAK,IAAI,KAAK,CAAC,IAAI,IAAI,SAAS,EAAE;gBAC/D,MAAM,GAAG,GAAG,IAAA,mBAAU,gDACjB,SAAS,KACZ,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EAAE,KAAK,EAChB,YAAY,EAAE,QAAQ,KACnB,KAAK,CAAC,KAAK,EACd,CAAC;gBACH,GAAG,CAAC,IAAI,GAAG,GAAG,IAAI,QAAQ,CAAC;gBAC3B,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;aACf;QACH,CAAC,CAAC,CAAC;IACL,CAAC;CACF;AArDD,wCAqDC;AAEM,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACzC,gBAAO,CAAC,wBAAwB,CAC9B,uBAAe,EACf,CAAC,KAAoC,EAAE,EAAE,CAAC,IAAI,cAAc,CAAC,KAAK,CAAwB,CAC3F,CAAC;AACJ,CAAC,CAAC;AALW,QAAA,sBAAsB,0BAKjC","file":"regression-line.js","sourcesContent":["import { AbstractComponent, type IGraphic, createText, createLine, createArea } from '@visactor/vchart';\nimport { isEmpty, isValid, last } from '@visactor/vchart';\nimport { Factory } from '@visactor/vchart';\nimport type { RegressionLineAttrs } from '../regression-line/type';\n\nexport const REGRESSION_LINE = 'regressionLine';\n\nexport class RegressionLine extends AbstractComponent<Required<RegressionLineAttrs>> {\n  name = REGRESSION_LINE;\n  protected render() {\n    this.removeAllChild();\n    const {\n      data,\n      line = {},\n      label,\n      name = 'regression-line',\n      confidenceInterval\n    } = this.attribute as RegressionLineAttrs;\n    if (isEmpty(data)) {\n      return;\n    }\n\n    data.forEach(d => {\n      const { color } = d;\n      if (d.area && confidenceInterval?.visible !== false) {\n        const areaShape = createArea({\n          points: d.area,\n          ...(isValid(color) ? { fill: color, fillOpacity: 0.12 } : null),\n          ...confidenceInterval?.style\n        });\n        areaShape.name = 'scatter-regression-area';\n        this.add(areaShape);\n      }\n\n      if (d.line && line?.visible !== false) {\n        const lineShape = createLine({\n          points: d.line,\n          lineWidth: 1,\n          ...(isValid(color) ? { stroke: color } : null),\n          ...line?.style\n        });\n        lineShape.name = `${name}-curve`;\n        this.add(lineShape);\n      }\n\n      const lastPoint = last(d.line);\n\n      if (label && label.visible !== false && label.text && lastPoint) {\n        const tag = createText({\n          ...lastPoint,\n          text: label.text,\n          textAlign: 'end',\n          textBaseline: 'middle',\n          ...label.style\n        });\n        tag.name = `${name}-label`;\n        this.add(tag);\n      }\n    });\n  }\n}\n\nexport const registerRegressionLine = () => {\n  Factory.registerGraphicComponent(\n    REGRESSION_LINE,\n    (attrs: Required<RegressionLineAttrs>) => new RegressionLine(attrs) as unknown as IGraphic\n  );\n};\n"]}

package/cjs/components/regression-line/type.d.ts

@@ -0,0 +1,30 @@
+import type { IAreaGraphicAttribute, IGroupGraphicAttribute, ILineGraphicAttribute, ITextGraphicAttribute } from '@visactor/vchart';
+export interface RegressionLineData {
+    color?: string;
+    line: {
+        x: number;
+        y: number;
+    }[];
+    area?: {
+        x: number;
+        y: number;
+        y1: number;
+    }[];
+}
+export interface RegressionLineAttrs extends IGroupGraphicAttribute {
+    name?: string;
+    line?: {
+        visible?: boolean;
+        style?: ILineGraphicAttribute;
+    };
+    label?: {
+        visible?: boolean;
+        text: string;
+        style?: ITextGraphicAttribute;
+    };
+    confidenceInterval?: {
+        visible?: boolean;
+        style?: IAreaGraphicAttribute;
+    };
+    data: RegressionLineData[];
+}

package/cjs/components/regression-line/type.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+//# sourceMappingURL=type.js.map

package/cjs/components/regression-line/type.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/regression-line/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type {\n  IAreaGraphicAttribute,\n  IGroupGraphicAttribute,\n  ILineGraphicAttribute,\n  ITextGraphicAttribute\n} from '@visactor/vchart';\n\n/**\n * 回归线数据格式\n */\nexport interface RegressionLineData {\n  /**\n   * 颜色值\n   */\n  color?: string;\n  /**\n   * 回归线数据点\n   */\n  line: { x: number; y: number }[];\n  /**\n   * 置信区间数据点\n   */\n  area?: { x: number; y: number; y1: number }[];\n}\n\nexport interface RegressionLineAttrs extends IGroupGraphicAttribute {\n  /**\n   * 用于区分的名称\n   */\n  name?: string;\n  /**\n   * 回归线配置\n   */\n  line?: {\n    /**\n     * 是否显示系列标签\n     * @default true\n     */\n    visible?: boolean;\n    /**\n     * 线样式\n     */\n    style?: ILineGraphicAttribute;\n  };\n  /**\n   * 回归线公式标签\n   */\n  label?: {\n    /**\n     * 是否显示标签\n     */\n    visible?: boolean;\n    /**\n     * 标签文本\n     */\n    text: string;\n    /**\n     * 标签样式\n     */\n    style?: ITextGraphicAttribute;\n  };\n  /**\n   * 置信区间\n   */\n  confidenceInterval?: {\n    visible?: boolean;\n    style?: IAreaGraphicAttribute;\n  };\n\n  data: RegressionLineData[];\n}\n"]}

package/cjs/components/scatter-regression-line/index.d.ts

@@ -0,0 +1,25 @@
+import type { ISpec } from '@visactor/vchart';
+import type { ScatterRegressionLineSpec } from './type';
+import type { RegressionLineData } from '../regression-line/type';
+export declare function getScatterRegressionLineConfig(type: 'linear' | 'logisitc' | 'lowess' | 'polynomial', config: Omit<ScatterRegressionLineSpec, 'visible' | 'type'>): {
+    type: string;
+    componentType: string;
+    interactive: boolean;
+    style: {
+        data: (datum: any, ctx: any) => RegressionLineData[];
+        line: {
+            visible?: boolean;
+            style?: import("@visactor/vchart").ILineGraphicAttribute;
+        };
+        confidenceInterval: {
+            visible?: boolean;
+            style?: import("@visactor/vchart").IAreaGraphicAttribute;
+        };
+        label: {
+            visible?: boolean;
+            text: string;
+            style?: import("@visactor/vchart").ITextGraphicAttribute;
+        };
+    };
+};
+export declare function appendScatterRegressionLineConfig(chartSpec: ISpec, spec?: ScatterRegressionLineSpec | ScatterRegressionLineSpec[]): void;

package/cjs/components/scatter-regression-line/index.js

@@ -0,0 +1,103 @@
+"use strict";
+
+var __rest = this && this.__rest || function(s, e) {
+    var t = {};
+    for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
+    if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
+        var i = 0;
+        for (p = Object.getOwnPropertySymbols(s); i < p.length; i++) e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
+    }
+    return t;
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.appendScatterRegressionLineConfig = exports.getScatterRegressionLineConfig = void 0;
+
+const vchart_1 = require("@visactor/vchart"), vchart_2 = require("@visactor/vchart"), regression_line_1 = require("../regression-line/regression-line"), getRegressionByType = (type, data, x = (d => d.x), y = (d => d.y), degree) => {
+    switch (type) {
+      case "logisitc":
+        return (0, vchart_1.regressionLogistic)(data, x, y);
+
+      case "lowess":
+        return (0, vchart_1.regressionLowess)(data, x, y);
+
+      case "polynomial":
+        return (0, vchart_1.regressionPolynomial)(data, x, y, {
+            degree: degree
+        });
+
+      default:
+        return (0, vchart_1.regressionLinear)(data, x, y);
+    }
+};
+
+function getScatterRegressionLineConfig(type, config) {
+    const {color: color, line: line, confidenceInterval: confidenceInterval, label: label} = config;
+    return {
+        type: "component",
+        componentType: regression_line_1.REGRESSION_LINE,
+        interactive: !1,
+        style: {
+            data: (datum, ctx) => {
+                const series = ctx.vchart.getChart().getAllSeries().filter((s => s.type === vchart_2.SeriesTypeEnum.scatter)), regressionData = [];
+                return series && series.length && series.forEach((s => {
+                    var _a, _b;
+                    const start = s.getRegion().getLayoutStartPoint(), rect = s.getRegion().getLayoutRect(), yClamper = (0, 
+                    vchart_1.clamper)(start.y, start.y + rect.height), colorAttrOptions = s.getColorAttribute(), groups = s.getSeriesKeys(), data = s.getViewData().latestData, fieldX = null === (_a = s.fieldX) || void 0 === _a ? void 0 : _a[0], fieldY = null === (_b = s.fieldY) || void 0 === _b ? void 0 : _b[0];
+                    fieldX && fieldY && data && !(data.length <= 2) && groups.forEach((group => {
+                        var _a;
+                        const groupData = data.filter((d => d[null == colorAttrOptions ? void 0 : colorAttrOptions.field] === group));
+                        if (!groupData.length) return;
+                        const {evaluateGrid: evaluateGrid, confidenceInterval: confidenceInterval} = getRegressionByType(type, groupData, (datum => null == datum ? void 0 : datum[fieldX]), (datum => null == datum ? void 0 : datum[fieldY]), config.polynomialDegree), N = Math.max(3, Math.floor(groupData.length / 4)), lineData = evaluateGrid(N), confidenceData = confidenceInterval(N);
+                        regressionData.push({
+                            color: null != color ? color : null === (_a = null == colorAttrOptions ? void 0 : colorAttrOptions.scale) || void 0 === _a ? void 0 : _a.scale(group),
+                            line: lineData.map((ld => {
+                                const d = {
+                                    [fieldX]: ld.x,
+                                    [fieldY]: ld.y
+                                };
+                                return {
+                                    x: s.dataToPositionX(d) + start.x,
+                                    y: yClamper("logisitc" === type ? start.y + rect.height * (1 - ld.y) : s.dataToPositionY(d) + start.y)
+                                };
+                            })),
+                            area: confidenceData.map((c => {
+                                const d = {
+                                    [fieldX]: c.x,
+                                    [fieldY]: c.lower
+                                };
+                                return {
+                                    x: s.dataToPositionX(d) + start.x,
+                                    y: yClamper(s.dataToPositionY(d) + start.y),
+                                    y1: yClamper(s.dataToPositionY({
+                                        [fieldY]: c.upper
+                                    }) + start.y)
+                                };
+                            }))
+                        });
+                    }));
+                })), regressionData;
+            },
+            line: line,
+            confidenceInterval: confidenceInterval,
+            label: label
+        }
+    };
+}
+
+function appendScatterRegressionLineConfig(chartSpec, spec) {
+    var _a, _b;
+    spec || (spec = null !== (_a = (0, vchart_1.get)(chartSpec, regression_line_1.REGRESSION_LINE)) && void 0 !== _a ? _a : (0, 
+    vchart_1.get)(null === (_b = chartSpec.series) || void 0 === _b ? void 0 : _b.find((s => s.type === vchart_2.SeriesTypeEnum.scatter)), regression_line_1.REGRESSION_LINE));
+    (0, vchart_1.array)(spec).forEach((s => {
+        if (!1 !== s.visible) {
+            chartSpec.customMark || (chartSpec.customMark = []);
+            const {type: type} = s, rest = __rest(s, [ "type" ]);
+            chartSpec.customMark.push(getScatterRegressionLineConfig(type, rest));
+        }
+    }));
+}
+
+exports.getScatterRegressionLineConfig = getScatterRegressionLineConfig, exports.appendScatterRegressionLineConfig = appendScatterRegressionLineConfig;
+//# sourceMappingURL=index.js.map

package/cjs/components/scatter-regression-line/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/scatter-regression-line/index.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["/**\n * @description 散点图回归线组件\n * @author kangxiaoting\n */\nimport {\n  array,\n  clamper,\n  get,\n  regressionLinear,\n  regressionLogistic,\n  regressionLowess,\n  regressionPolynomial\n} from '@visactor/vchart';\nimport type { Datum, ICartesianSeries, ISpec } from '@visactor/vchart';\nimport { SeriesTypeEnum } from '@visactor/vchart';\nimport type { ScatterRegressionLineSpec } from './type';\nimport type { RegressionLineData } from '../regression-line/type';\nimport { REGRESSION_LINE } from '../regression-line/regression-line';\n\nconst getRegressionByType = (\n  type: 'linear' | 'logisitc' | 'lowess' | 'polynomial',\n  data: any[],\n  x: (d: any) => number = d => d.x,\n  y: (d: any) => number = d => d.y,\n  degree?: number\n) => {\n  switch (type) {\n    case 'logisitc':\n      return regressionLogistic(data, x, y);\n    case 'lowess':\n      return regressionLowess(data, x, y);\n    case 'polynomial':\n      return regressionPolynomial(data, x, y, { degree });\n    default:\n      return regressionLinear(data, x, y);\n  }\n};\n\n/**\n * 获取系列标签的 spec 配置\n * @param position 显示位置\n * @param config 系列标签的样式配置\n * @returns\n */\nexport function getScatterRegressionLineConfig(\n  type: 'linear' | 'logisitc' | 'lowess' | 'polynomial',\n  config: Omit<ScatterRegressionLineSpec, 'visible' | 'type'>\n) {\n  const { color, line, confidenceInterval, label } = config;\n  return {\n    type: 'component',\n    componentType: REGRESSION_LINE,\n    interactive: false,\n    style: {\n      data: (datum: any, ctx: any) => {\n        const vchart = ctx.vchart;\n        const chart = vchart.getChart();\n        const series = chart.getAllSeries().filter((s: any) => s.type === SeriesTypeEnum.scatter) as ICartesianSeries[];\n        const regressionData: RegressionLineData[] = [];\n\n        // 必须存在散点图系列\n        if (series && series.length) {\n          series.forEach(s => {\n            const start = s.getRegion().getLayoutStartPoint();\n            const rect = s.getRegion().getLayoutRect();\n            const yClamper = clamper(start.y, start.y + rect.height);\n            const colorAttrOptions = s.getColorAttribute();\n            const groups = s.getSeriesKeys();\n            const data = s.getViewData().latestData;\n            const fieldX = s.fieldX?.[0];\n            const fieldY = s.fieldY?.[0];\n\n            if (!fieldX || !fieldY || !data || data.length <= 2) {\n              return;\n            }\n\n            groups.forEach(group => {\n              const groupData = data.filter((d: Datum) => d[colorAttrOptions?.field] === group);\n\n              if (!groupData.length) {\n                return;\n              }\n              const { evaluateGrid, confidenceInterval } = getRegressionByType(\n                type,\n                groupData,\n                (datum: Datum) => datum?.[fieldX],\n                (datum: Datum) => datum?.[fieldY],\n                config.polynomialDegree\n              );\n              const N = Math.max(3, Math.floor(groupData.length / 4));\n              const lineData = evaluateGrid(N);\n              const confidenceData = confidenceInterval(N);\n\n              regressionData.push({\n                color: color ?? colorAttrOptions?.scale?.scale(group),\n                line: lineData.map((ld: Datum) => {\n                  const d = { [fieldX]: ld.x, [fieldY]: ld.y };\n                  return {\n                    x: s.dataToPositionX(d) + start.x,\n                    y: yClamper(\n                      type === 'logisitc' ? start.y + rect.height * (1 - ld.y) : s.dataToPositionY(d) + start.y\n                    )\n                  };\n                }),\n                area: confidenceData.map((c: Datum) => {\n                  const d = { [fieldX]: c.x, [fieldY]: c.lower };\n                  return {\n                    x: s.dataToPositionX(d) + start.x,\n                    y: yClamper(s.dataToPositionY(d) + start.y),\n                    y1: yClamper(s.dataToPositionY({ [fieldY]: c.upper }) + start.y)\n                  };\n                })\n              });\n            });\n          });\n        }\n\n        return regressionData;\n      },\n      line,\n      confidenceInterval,\n      label\n    }\n  };\n}\n\nexport function appendScatterRegressionLineConfig(\n  chartSpec: ISpec,\n  spec?: ScatterRegressionLineSpec | ScatterRegressionLineSpec[]\n) {\n  if (!spec) {\n    spec =\n      get(chartSpec, REGRESSION_LINE) ??\n      get(\n        chartSpec.series?.find(s => s.type === SeriesTypeEnum.scatter),\n        REGRESSION_LINE\n      );\n  }\n\n  const specs = array(spec);\n\n  specs.forEach((s: ScatterRegressionLineSpec) => {\n    if (s.visible !== false) {\n      if (!(chartSpec as any).customMark) {\n        (chartSpec as any).customMark = [];\n      }\n\n      const { type, ...rest } = s;\n      (chartSpec as any).customMark.push(getScatterRegressionLineConfig(type, rest));\n    }\n  });\n}\n"]}

package/cjs/components/scatter-regression-line/type.d.ts

@@ -0,0 +1,9 @@
+import type { RegressionLineAttrs } from '../regression-line/type';
+export interface ScatterRegressionLineAttrs extends RegressionLineAttrs {
+    type: 'linear' | 'logisitc' | 'lowess' | 'polynomial';
+    polynomialDegree?: number;
+}
+export interface ScatterRegressionLineSpec extends Partial<Pick<ScatterRegressionLineAttrs, 'type' | 'polynomialDegree' | 'line' | 'label' | 'confidenceInterval'>> {
+    visible?: boolean;
+    color?: string;
+}

package/cjs/components/scatter-regression-line/type.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+//# sourceMappingURL=type.js.map

package/cjs/components/scatter-regression-line/type.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/scatter-regression-line/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type { RegressionLineAttrs } from '../regression-line/type';\n\nexport interface ScatterRegressionLineAttrs extends RegressionLineAttrs {\n  type: 'linear' | 'logisitc' | 'lowess' | 'polynomial';\n  /**\n   * 多项式回归的阶数，仅当 type 为 polynomial 时有效\n   */\n  polynomialDegree?: number;\n}\n\nexport interface ScatterRegressionLineSpec\n  extends Partial<\n    Pick<ScatterRegressionLineAttrs, 'type' | 'polynomialDegree' | 'line' | 'label' | 'confidenceInterval'>\n  > {\n  /**\n   * 是否显示回归线\n   */\n  visible?: boolean;\n  /**\n   * 主色，可以不设置，默认取散点图系列颜色\n   */\n  color?: string;\n}\n"]}

package/cjs/components/series-break/series-break.d.ts

@@ -1,5 +1,5 @@
-import { AbstractComponent } from '@visactor/vrender-components';
-import { SeriesBreakAttrs } from './type';
+import { AbstractComponent } from '@visactor/vchart';
+import type { SeriesBreakAttrs } from './type';
 export declare class SeriesBreakComponent extends AbstractComponent<Required<SeriesBreakAttrs>> {
     name: string;
     protected render(): void;

package/cjs/components/series-break/series-break.js

@@ -14,7 +14,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.registerSeriesBreak = exports.SeriesBreakComponent = void 0;
 
-const vrender_components_1 = require("@visactor/vrender-components"), vrender_core_1 = require("@visactor/vrender-core"), vutils_1 = require("@visactor/vutils"), constant_1 = require("./constant"), vchart_1 = require("@visactor/vchart");
+const vchart_1 = require("@visactor/vchart"), vchart_2 = require("@visactor/vchart"), constant_1 = require("./constant"), vchart_3 = require("@visactor/vchart");
 
 function generateZigzagPath(start, end, size, angle, isVertical = !1) {
     const path = [], {x: startX, y: startY} = start, {x: endX, y: endY} = end, numZigzags = isVertical ? Math.floor((endY - startY) / (2 * size)) : Math.floor((endX - startX) / (2 * size)), angleRad = Math.PI / 180 * angle, deltaX = size * Math.cos(angleRad), deltaY = size * Math.sin(angleRad);
@@ -31,7 +31,7 @@ const checkOverlap = (prevData, newEntry) => {
     const {start: start, end: end} = newEntry, isVertical = start.x === end.x, equalDim = isVertical ? "x" : "y", diffDim = isVertical ? "y" : "x";
     let needAppend = !0;
     prevData.length && prevData.forEach((prevEntry => {
-        if ((0, vutils_1.isNumberClose)(prevEntry.start[equalDim], start[equalDim])) {
+        if ((0, vchart_2.isNumberClose)(prevEntry.start[equalDim], start[equalDim])) {
             const minDim = Math.min(start[diffDim], end[diffDim]), maxDim = Math.max(start[diffDim], end[diffDim]), prevMinDim = Math.min(prevEntry.start[diffDim], prevEntry.end[diffDim]), prevMaxDim = Math.max(prevEntry.start[diffDim], prevEntry.end[diffDim]);
             if (!(maxDim < prevMinDim - 1e-6 || minDim > prevMaxDim + 1e-6)) return prevEntry.start[diffDim] = Math.min(prevMinDim, minDim), 
             prevEntry.end[diffDim] = Math.max(prevMaxDim, maxDim), void (needAppend = !1);
@@ -39,14 +39,14 @@ const checkOverlap = (prevData, newEntry) => {
     })), needAppend && prevData.push(newEntry);
 };
 
-class SeriesBreakComponent extends vrender_components_1.AbstractComponent {
+class SeriesBreakComponent extends vchart_1.AbstractComponent {
     constructor() {
         super(...arguments), this.name = constant_1.SERIES_BREAK;
     }
     render() {
         this.removeAllChild();
         const {data: data = []} = this.attribute;
-        if ((0, vutils_1.isEmpty)(data)) return;
+        if ((0, vchart_2.isEmpty)(data)) return;
         const verticalData = [], horizontalData = [];
         data.forEach((breakData => {
             const {start: start, end: end} = breakData, isVertical = start.x === end.x;
@@ -54,7 +54,7 @@ class SeriesBreakComponent extends vrender_components_1.AbstractComponent {
         })), [ ...verticalData, ...horizontalData ].forEach(((breakData, id) => {
             var _a;
             const {start: start, end: end, size: size = 4, gap: gap = 5, style: style = {}} = breakData, rest = __rest(breakData, [ "start", "end", "size", "gap", "style" ]), breakGroup = (0, 
-            vrender_core_1.createGroup)({}), isVertical = start.x === end.x;
+            vchart_1.createGroup)({}), isVertical = start.x === end.x;
             let startPathStart, startPathEnd, endPathStart, endPathEnd;
             isVertical ? (startPathStart = {
                 x: start.x - gap / 2,
@@ -82,27 +82,27 @@ class SeriesBreakComponent extends vrender_components_1.AbstractComponent {
                 y: end.y + gap / 2
             });
             const startPath = generateZigzagPath(startPathStart, startPathEnd, size, isVertical ? 75 : 15, isVertical), centerPath = generateZigzagPath(start, end, size, isVertical ? 75 : 15, isVertical), endPath = generateZigzagPath(endPathStart, endPathEnd, size, isVertical ? 75 : 15, isVertical);
-            breakGroup.add((0, vrender_core_1.createPath)(Object.assign(Object.assign({
+            breakGroup.add((0, vchart_1.createPath)(Object.assign(Object.assign({
                 path: startPath,
                 stroke: "#000",
                 lineWidth: 1
             }, style), {
                 pickable: !1,
                 zIndex: 1
-            }))), breakGroup.add((0, vrender_core_1.createPath)(Object.assign(Object.assign({
+            }))), breakGroup.add((0, vchart_1.createPath)(Object.assign(Object.assign({
                 path: endPath,
                 stroke: "#000",
                 lineWidth: 1
             }, style), {
                 pickable: !1,
                 zIndex: 1
-            }))), breakGroup.add((0, vrender_core_1.createPath)({
+            }))), breakGroup.add((0, vchart_1.createPath)({
                 path: centerPath,
                 stroke: "#fff",
                 lineWidth: gap,
                 pickable: !1,
                 zIndex: 0
-            })), breakGroup.name = "series-break", breakGroup.data = rest, (0, vutils_1.isValid)(rest.axisId) && (breakGroup.id = `${null !== (_a = rest.axisId) && void 0 !== _a ? _a : ""}_${id}`), 
+            })), breakGroup.name = "series-break", breakGroup.data = rest, (0, vchart_2.isValid)(rest.axisId) && (breakGroup.id = `${null !== (_a = rest.axisId) && void 0 !== _a ? _a : ""}_${id}`), 
             this.add(breakGroup);
         }));
     }
@@ -111,7 +111,7 @@ class SeriesBreakComponent extends vrender_components_1.AbstractComponent {
 exports.SeriesBreakComponent = SeriesBreakComponent;
 
 const registerSeriesBreak = () => {
-    vchart_1.Factory.registerGraphicComponent("seriesBreak", (attrs => new SeriesBreakComponent(attrs)));
+    vchart_3.Factory.registerGraphicComponent("seriesBreak", (attrs => new SeriesBreakComponent(attrs)));
 };
 
 exports.registerSeriesBreak = registerSeriesBreak;

package/cjs/components/series-break/series-break.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/series-break/series-break.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAKA,qEAAwE;AAExE,yDAA2E;AAC3E,6CAAmE;AACnE,yCAA0C;AAC1C,6CAA2C;AAY3C,SAAS,kBAAkB,CAAC,KAAY,EAAE,GAAU,EAAE,IAAY,EAAE,KAAa,EAAE,UAAU,GAAG,KAAK;IACnG,MAAM,IAAI,GAAG,EAAE,CAAC;IAChB,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACvC,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,GAAG,CAAC;IAGjC,MAAM,UAAU,GAAG,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC;IAGpH,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC;IACzC,MAAM,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACzC,MAAM,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAGzC,IAAI,CAAC,IAAI,CAAC,KAAK,MAAM,IAAI,MAAM,EAAE,CAAC,CAAC;IAEnC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,UAAU,EAAE,CAAC,EAAE,EAAE;QACpC,MAAM,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC;QACzF,MAAM,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,GAAG,MAAM,CAAC;QAC/F,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;KAC1B;IAGD,IAAI,CAAC,IAAI,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,IAAI,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC;IAE3E,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACxB,CAAC;AAED,MAAM,YAAY,GAAG,CAAC,QAA2B,EAAE,QAAyB,EAAE,EAAE;IAC9E,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,QAAQ,CAAC;IAChC,MAAM,UAAU,GAAG,KAAK,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;IACrC,MAAM,QAAQ,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IACxC,MAAM,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IACvC,IAAI,UAAU,GAAG,IAAI,CAAC;IACtB,MAAM,GAAG,GAAG,IAAI,CAAC;IAEjB,IAAI,QAAQ,CAAC,MAAM,EAAE;QACnB,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;YAC3B,IAAI,IAAA,sBAAa,EAAC,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE;gBAE7D,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC;gBACtD,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC;gBACtD,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC;gBAC9E,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC;gBAC9E,MAAM,UAAU,GAAG,CAAC,CAAC,MAAM,GAAG,UAAU,GAAG,GAAG,IAAI,MAAM,GAAG,UAAU,GAAG,GAAG,CAAC,CAAC;gBAE7E,IAAI,UAAU,EAAE;oBACd,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;oBACxD,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;oBACtD,UAAU,GAAG,KAAK,CAAC;oBACnB,OAAO;iBACR;aACF;QACH,CAAC,CAAC,CAAC;KACJ;IAED,IAAI,UAAU,EAAE;QACd,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;KACzB;AACH,CAAC,CAAC;AAEF,MAAa,oBAAqB,SAAQ,sCAA6C;IAAvF;;QACE,SAAI,GAAG,uBAAY,CAAC;IA0GtB,CAAC;IAzGW,MAAM;QACd,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,MAAM,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,IAAI,CAAC,SAA6B,CAAC;QACzD,IAAI,IAAA,gBAAO,EAAC,IAAI,CAAC,EAAE;YACjB,OAAO;SACR;QAED,MAAM,YAAY,GAAsB,EAAE,CAAC;QAC3C,MAAM,cAAc,GAAsB,EAAE,CAAC;QAE7C,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;YACvB,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,SAAS,CAAC;YACjC,MAAM,UAAU,GAAG,KAAK,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;YAErC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC;QACtE,CAAC,CAAC,CAAC;QAEH,CAAC,GAAG,YAAY,EAAE,GAAG,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE,EAAE,EAAE;;YAC7D,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,GAAG,CAAC,EAAE,GAAG,GAAG,CAAC,EAAE,KAAK,GAAG,EAAE,KAAc,SAAS,EAAlB,IAAI,UAAK,SAAS,EAAlE,wCAAsD,CAAY,CAAC;YACzE,MAAM,UAAU,GAAG,IAAA,0BAAW,EAAC,EAAE,CAAC,CAAC;YACnC,MAAM,UAAU,GAAG,KAAK,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;YAErC,IAAI,cAAc,CAAC;YACnB,IAAI,YAAY,CAAC;YACjB,IAAI,YAAY,CAAC;YACjB,IAAI,UAAU,CAAC;YACf,IAAI,UAAU,EAAE;gBACd,cAAc,GAAG;oBACf,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC;oBACpB,CAAC,EAAE,KAAK,CAAC,CAAC;iBACX,CAAC;gBACF,YAAY,GAAG;oBACb,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC;oBAClB,CAAC,EAAE,GAAG,CAAC,CAAC;iBACT,CAAC;gBACF,YAAY,GAAG;oBACb,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC;oBACpB,CAAC,EAAE,KAAK,CAAC,CAAC;iBACX,CAAC;gBACF,UAAU,GAAG;oBACX,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC;oBAClB,CAAC,EAAE,GAAG,CAAC,CAAC;iBACT,CAAC;aACH;iBAAM;gBACL,cAAc,GAAG;oBACf,CAAC,EAAE,KAAK,CAAC,CAAC;oBACV,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC;iBACrB,CAAC;gBACF,YAAY,GAAG;oBACb,CAAC,EAAE,GAAG,CAAC,CAAC;oBACR,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC;iBACnB,CAAC;gBACF,YAAY,GAAG;oBACb,CAAC,EAAE,KAAK,CAAC,CAAC;oBACV,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC;iBACrB,CAAC;gBACF,UAAU,GAAG;oBACX,CAAC,EAAE,GAAG,CAAC,CAAC;oBACR,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC;iBACnB,CAAC;aACH;YAED,MAAM,SAAS,GAAG,kBAAkB,CAAC,cAAc,EAAE,YAAY,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,UAAU,CAAC,CAAC;YAC3G,MAAM,UAAU,GAAG,kBAAkB,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,UAAU,CAAC,CAAC;YAC1F,MAAM,OAAO,GAAG,kBAAkB,CAAC,YAAY,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,UAAU,CAAC,CAAC;YACrG,UAAU,CAAC,GAAG,CACZ,IAAA,yBAAU,gCACR,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,CAAC,IACT,KAAK,KACR,QAAQ,EAAE,KAAK,EACf,MAAM,EAAE,CAAC,IACT,CACH,CAAC;YACF,UAAU,CAAC,GAAG,CACZ,IAAA,yBAAU,gCACR,IAAI,EAAE,OAAO,EACb,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,CAAC,IACT,KAAK,KACR,QAAQ,EAAE,KAAK,EACf,MAAM,EAAE,CAAC,IACT,CACH,CAAC;YACF,UAAU,CAAC,GAAG,CACZ,IAAA,yBAAU,EAAC;gBACT,IAAI,EAAE,UAAU;gBAChB,MAAM,EAAE,MAAM;gBACd,SAAS,EAAE,GAAG;gBACd,QAAQ,EAAE,KAAK;gBACf,MAAM,EAAE,CAAC;aACV,CAAC,CACH,CAAC;YAEF,UAAU,CAAC,IAAI,GAAG,cAAc,CAAC;YACjC,UAAU,CAAC,IAAI,GAAG,IAAI,CAAC;YAEvB,IAAI,IAAA,gBAAO,EAAC,IAAI,CAAC,MAAM,CAAC,EAAE;gBACxB,UAAU,CAAC,EAAE,GAAG,GAAG,MAAA,IAAI,CAAC,MAAM,mCAAI,EAAE,IAAI,EAAE,EAAE,CAAC;aAC9C;YAED,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;IACL,CAAC;CACF;AA3GD,oDA2GC;AAEM,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,gBAAO,CAAC,wBAAwB,CAC9B,aAAa,EACb,CAAC,KAAiC,EAAE,EAAE,CAAC,IAAI,oBAAoB,CAAC,KAAK,CAAwB,CAC9F,CAAC;AACJ,CAAC,CAAC;AALW,QAAA,mBAAmB,uBAK9B","file":"series-break.js","sourcesContent":["/**\n * @description vchart 自定义组件，用于实现 bar、area、line 这些图形的截断图形生成\n * @author zhangweixing\n */\n\nimport { AbstractComponent, Point } from '@visactor/vrender-components';\nimport { SeriesBreakAttrs, SeriesBreakData } from './type';\nimport { createGroup, createPath, IGraphic } from '@visactor/vrender-core';\nimport { isEmpty, isNumberClose, isValid } from '@visactor/vutils';\nimport { SERIES_BREAK } from './constant';\nimport { Factory } from '@visactor/vchart';\n\n/**\n * 求锯齿的路径（一个锯齿由向上和向下的两个线段组成）\n * @param start 锯齿的起始点\n * @param end 锯齿的结束点\n * @param size 锯齿的高度\n * @param angle 锯齿的角度\n * @param gap 两条锯齿的间距\n * @param isVertical 是否垂直\n * @returns\n */\nfunction generateZigzagPath(start: Point, end: Point, size: number, angle: number, isVertical = false) {\n  const path = [];\n  const { x: startX, y: startY } = start;\n  const { x: endX, y: endY } = end;\n\n  // 计算锯齿的数量\n  const numZigzags = isVertical ? Math.floor((endY - startY) / (size * 2)) : Math.floor((endX - startX) / (size * 2));\n\n  // 计算倾斜角度的增量\n  const angleRad = (Math.PI / 180) * angle; // 转换为弧度\n  const deltaX = size * Math.cos(angleRad);\n  const deltaY = size * Math.sin(angleRad);\n\n  // 添加第一条锯齿的起始点\n  path.push(`M ${startX} ${startY}`);\n\n  for (let i = 0; i <= numZigzags; i++) {\n    const x = isVertical ? startX + (i % 2 === 0 ? deltaX : -deltaX) : startX + i * size * 2;\n    const y = isVertical ? startY + i * size * 2 : i % 2 === 0 ? startY - deltaY : startY + deltaY;\n    path.push(`L ${x} ${y}`);\n  }\n\n  // 添加第一条锯齿的结束点\n  path.push(`L ${isVertical ? startX : endX} ${isVertical ? endY : startY}`);\n\n  return path.join(' ');\n}\n\nconst checkOverlap = (prevData: SeriesBreakData[], newEntry: SeriesBreakData) => {\n  const { start, end } = newEntry;\n  const isVertical = start.x === end.x;\n  const equalDim = isVertical ? 'x' : 'y';\n  const diffDim = isVertical ? 'y' : 'x';\n  let needAppend = true;\n  const EPS = 1e-6;\n\n  if (prevData.length) {\n    prevData.forEach(prevEntry => {\n      if (isNumberClose(prevEntry.start[equalDim], start[equalDim])) {\n        // 判断是否有重叠，有重叠取交集\n        const minDim = Math.min(start[diffDim], end[diffDim]);\n        const maxDim = Math.max(start[diffDim], end[diffDim]);\n        const prevMinDim = Math.min(prevEntry.start[diffDim], prevEntry.end[diffDim]);\n        const prevMaxDim = Math.max(prevEntry.start[diffDim], prevEntry.end[diffDim]);\n        const hasOverlap = !(maxDim < prevMinDim - EPS || minDim > prevMaxDim + EPS);\n\n        if (hasOverlap) {\n          prevEntry.start[diffDim] = Math.min(prevMinDim, minDim);\n          prevEntry.end[diffDim] = Math.max(prevMaxDim, maxDim);\n          needAppend = false;\n          return;\n        }\n      }\n    });\n  }\n\n  if (needAppend) {\n    prevData.push(newEntry);\n  }\n};\n\nexport class SeriesBreakComponent extends AbstractComponent<Required<SeriesBreakAttrs>> {\n  name = SERIES_BREAK;\n  protected render() {\n    this.removeAllChild();\n    const { data = [] } = this.attribute as SeriesBreakAttrs;\n    if (isEmpty(data)) {\n      return;\n    }\n    // 去除重叠数据\n    const verticalData: SeriesBreakData[] = [];\n    const horizontalData: SeriesBreakData[] = [];\n\n    data.forEach(breakData => {\n      const { start, end } = breakData;\n      const isVertical = start.x === end.x;\n\n      checkOverlap(isVertical ? verticalData : horizontalData, breakData);\n    });\n\n    [...verticalData, ...horizontalData].forEach((breakData, id) => {\n      const { start, end, size = 4, gap = 5, style = {}, ...rest } = breakData;\n      const breakGroup = createGroup({});\n      const isVertical = start.x === end.x;\n\n      let startPathStart;\n      let startPathEnd;\n      let endPathStart;\n      let endPathEnd;\n      if (isVertical) {\n        startPathStart = {\n          x: start.x - gap / 2,\n          y: start.y\n        };\n        startPathEnd = {\n          x: end.x - gap / 2,\n          y: end.y\n        };\n        endPathStart = {\n          x: start.x + gap / 2,\n          y: start.y\n        };\n        endPathEnd = {\n          x: end.x + gap / 2,\n          y: end.y\n        };\n      } else {\n        startPathStart = {\n          x: start.x,\n          y: start.y - gap / 2\n        };\n        startPathEnd = {\n          x: end.x,\n          y: end.y - gap / 2\n        };\n        endPathStart = {\n          x: start.x,\n          y: start.y + gap / 2\n        };\n        endPathEnd = {\n          x: end.x,\n          y: end.y + gap / 2\n        };\n      }\n\n      const startPath = generateZigzagPath(startPathStart, startPathEnd, size, isVertical ? 75 : 15, isVertical);\n      const centerPath = generateZigzagPath(start, end, size, isVertical ? 75 : 15, isVertical);\n      const endPath = generateZigzagPath(endPathStart, endPathEnd, size, isVertical ? 75 : 15, isVertical);\n      breakGroup.add(\n        createPath({\n          path: startPath,\n          stroke: '#000',\n          lineWidth: 1,\n          ...style,\n          pickable: false,\n          zIndex: 1\n        })\n      );\n      breakGroup.add(\n        createPath({\n          path: endPath,\n          stroke: '#000',\n          lineWidth: 1,\n          ...style,\n          pickable: false,\n          zIndex: 1\n        })\n      );\n      breakGroup.add(\n        createPath({\n          path: centerPath,\n          stroke: '#fff',\n          lineWidth: gap,\n          pickable: false,\n          zIndex: 0\n        })\n      );\n\n      breakGroup.name = 'series-break';\n      breakGroup.data = rest;\n\n      if (isValid(rest.axisId)) {\n        breakGroup.id = `${rest.axisId ?? ''}_${id}`;\n      }\n\n      this.add(breakGroup);\n    });\n  }\n}\n\nexport const registerSeriesBreak = () => {\n  Factory.registerGraphicComponent(\n    'seriesBreak',\n    (attrs: Required<SeriesBreakAttrs>) => new SeriesBreakComponent(attrs) as unknown as IGraphic\n  );\n};\n"]}
+{"version":3,"sources":["../src/components/series-break/series-break.ts"],"names":[],"mappings":"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","file":"series-break.js","sourcesContent":["/**\n * @description vchart 自定义组件，用于实现 bar、area、line 这些图形的截断图形生成\n * @author zhangweixing\n */\n\nimport type { Point, IGraphic } from '@visactor/vchart';\nimport { AbstractComponent, createGroup, createPath } from '@visactor/vchart';\nimport type { SeriesBreakAttrs, SeriesBreakData } from './type';\nimport { isEmpty, isNumberClose, isValid } from '@visactor/vchart';\nimport { SERIES_BREAK } from './constant';\nimport { Factory } from '@visactor/vchart';\n\n/**\n * 求锯齿的路径（一个锯齿由向上和向下的两个线段组成）\n * @param start 锯齿的起始点\n * @param end 锯齿的结束点\n * @param size 锯齿的高度\n * @param angle 锯齿的角度\n * @param gap 两条锯齿的间距\n * @param isVertical 是否垂直\n * @returns\n */\nfunction generateZigzagPath(start: Point, end: Point, size: number, angle: number, isVertical = false) {\n  const path = [];\n  const { x: startX, y: startY } = start;\n  const { x: endX, y: endY } = end;\n\n  // 计算锯齿的数量\n  const numZigzags = isVertical ? Math.floor((endY - startY) / (size * 2)) : Math.floor((endX - startX) / (size * 2));\n\n  // 计算倾斜角度的增量\n  const angleRad = (Math.PI / 180) * angle; // 转换为弧度\n  const deltaX = size * Math.cos(angleRad);\n  const deltaY = size * Math.sin(angleRad);\n\n  // 添加第一条锯齿的起始点\n  path.push(`M ${startX} ${startY}`);\n\n  for (let i = 0; i <= numZigzags; i++) {\n    const x = isVertical ? startX + (i % 2 === 0 ? deltaX : -deltaX) : startX + i * size * 2;\n    const y = isVertical ? startY + i * size * 2 : i % 2 === 0 ? startY - deltaY : startY + deltaY;\n    path.push(`L ${x} ${y}`);\n  }\n\n  // 添加第一条锯齿的结束点\n  path.push(`L ${isVertical ? startX : endX} ${isVertical ? endY : startY}`);\n\n  return path.join(' ');\n}\n\nconst checkOverlap = (prevData: SeriesBreakData[], newEntry: SeriesBreakData) => {\n  const { start, end } = newEntry;\n  const isVertical = start.x === end.x;\n  const equalDim = isVertical ? 'x' : 'y';\n  const diffDim = isVertical ? 'y' : 'x';\n  let needAppend = true;\n  const EPS = 1e-6;\n\n  if (prevData.length) {\n    prevData.forEach(prevEntry => {\n      if (isNumberClose(prevEntry.start[equalDim], start[equalDim])) {\n        // 判断是否有重叠，有重叠取交集\n        const minDim = Math.min(start[diffDim], end[diffDim]);\n        const maxDim = Math.max(start[diffDim], end[diffDim]);\n        const prevMinDim = Math.min(prevEntry.start[diffDim], prevEntry.end[diffDim]);\n        const prevMaxDim = Math.max(prevEntry.start[diffDim], prevEntry.end[diffDim]);\n        const hasOverlap = !(maxDim < prevMinDim - EPS || minDim > prevMaxDim + EPS);\n\n        if (hasOverlap) {\n          prevEntry.start[diffDim] = Math.min(prevMinDim, minDim);\n          prevEntry.end[diffDim] = Math.max(prevMaxDim, maxDim);\n          needAppend = false;\n          return;\n        }\n      }\n    });\n  }\n\n  if (needAppend) {\n    prevData.push(newEntry);\n  }\n};\n\nexport class SeriesBreakComponent extends AbstractComponent<Required<SeriesBreakAttrs>> {\n  name = SERIES_BREAK;\n  protected render() {\n    this.removeAllChild();\n    const { data = [] } = this.attribute as SeriesBreakAttrs;\n    if (isEmpty(data)) {\n      return;\n    }\n    // 去除重叠数据\n    const verticalData: SeriesBreakData[] = [];\n    const horizontalData: SeriesBreakData[] = [];\n\n    data.forEach(breakData => {\n      const { start, end } = breakData;\n      const isVertical = start.x === end.x;\n\n      checkOverlap(isVertical ? verticalData : horizontalData, breakData);\n    });\n\n    [...verticalData, ...horizontalData].forEach((breakData, id) => {\n      const { start, end, size = 4, gap = 5, style = {}, ...rest } = breakData;\n      const breakGroup = createGroup({});\n      const isVertical = start.x === end.x;\n\n      let startPathStart;\n      let startPathEnd;\n      let endPathStart;\n      let endPathEnd;\n      if (isVertical) {\n        startPathStart = {\n          x: start.x - gap / 2,\n          y: start.y\n        };\n        startPathEnd = {\n          x: end.x - gap / 2,\n          y: end.y\n        };\n        endPathStart = {\n          x: start.x + gap / 2,\n          y: start.y\n        };\n        endPathEnd = {\n          x: end.x + gap / 2,\n          y: end.y\n        };\n      } else {\n        startPathStart = {\n          x: start.x,\n          y: start.y - gap / 2\n        };\n        startPathEnd = {\n          x: end.x,\n          y: end.y - gap / 2\n        };\n        endPathStart = {\n          x: start.x,\n          y: start.y + gap / 2\n        };\n        endPathEnd = {\n          x: end.x,\n          y: end.y + gap / 2\n        };\n      }\n\n      const startPath = generateZigzagPath(startPathStart, startPathEnd, size, isVertical ? 75 : 15, isVertical);\n      const centerPath = generateZigzagPath(start, end, size, isVertical ? 75 : 15, isVertical);\n      const endPath = generateZigzagPath(endPathStart, endPathEnd, size, isVertical ? 75 : 15, isVertical);\n      breakGroup.add(\n        createPath({\n          path: startPath,\n          stroke: '#000',\n          lineWidth: 1,\n          ...style,\n          pickable: false,\n          zIndex: 1\n        })\n      );\n      breakGroup.add(\n        createPath({\n          path: endPath,\n          stroke: '#000',\n          lineWidth: 1,\n          ...style,\n          pickable: false,\n          zIndex: 1\n        })\n      );\n      breakGroup.add(\n        createPath({\n          path: centerPath,\n          stroke: '#fff',\n          lineWidth: gap,\n          pickable: false,\n          zIndex: 0\n        })\n      );\n\n      breakGroup.name = 'series-break';\n      breakGroup.data = rest;\n\n      if (isValid(rest.axisId)) {\n        breakGroup.id = `${rest.axisId ?? ''}_${id}`;\n      }\n\n      this.add(breakGroup);\n    });\n  }\n}\n\nexport const registerSeriesBreak = () => {\n  Factory.registerGraphicComponent(\n    'seriesBreak',\n    (attrs: Required<SeriesBreakAttrs>) => new SeriesBreakComponent(attrs) as unknown as IGraphic\n  );\n};\n"]}

package/cjs/components/series-break/type.d.ts

@@ -1,5 +1,4 @@
-import { Point } from '@visactor/vrender-components';
-import { IGroupGraphicAttribute, ILineGraphicAttribute } from '@visactor/vrender-core';
+import type { IGroupGraphicAttribute, ILineGraphicAttribute, Point } from '@visactor/vchart';
 export type SeriesBreakData = {
     start: Point;
     end: Point;

package/cjs/components/series-break/type.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/series-break/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import { Point } from '@visactor/vrender-components';\nimport { IGroupGraphicAttribute, ILineGraphicAttribute } from '@visactor/vrender-core';\n\nexport type SeriesBreakData = {\n  /**\n   * 起始点\n   */\n  start: Point;\n  /**\n   * 结束点\n   */\n  end: Point;\n  /**\n   * 锯齿的大小\n   * @default 4\n   */\n  size?: number;\n  /**\n   * 两条平行的锯齿的间距\n   * @default 5\n   */\n  gap?: number;\n  /**\n   * 截断样式\n   */\n  style?: ILineGraphicAttribute;\n  /**\n   * 轴截断关联的坐标轴 id\n   */\n  axisId: string;\n  /**\n   * 当前轴截断的数据范围\n   */\n  data: [number, number];\n};\n\nexport interface SeriesBreakAttrs extends IGroupGraphicAttribute {\n  data: SeriesBreakData[];\n}\n"]}
+{"version":3,"sources":["../src/components/series-break/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type { IGroupGraphicAttribute, ILineGraphicAttribute, Point } from '@visactor/vchart';\n\nexport type SeriesBreakData = {\n  /**\n   * 起始点\n   */\n  start: Point;\n  /**\n   * 结束点\n   */\n  end: Point;\n  /**\n   * 锯齿的大小\n   * @default 4\n   */\n  size?: number;\n  /**\n   * 两条平行的锯齿的间距\n   * @default 5\n   */\n  gap?: number;\n  /**\n   * 截断样式\n   */\n  style?: ILineGraphicAttribute;\n  /**\n   * 轴截断关联的坐标轴 id\n   */\n  axisId: string;\n  /**\n   * 当前轴截断的数据范围\n   */\n  data: [number, number];\n};\n\nexport interface SeriesBreakAttrs extends IGroupGraphicAttribute {\n  data: SeriesBreakData[];\n}\n"]}

package/cjs/components/series-break/util.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.appendSeriesBreakConfig = exports.getSeriesBreakConfig = void 0;
 
-const vutils_1 = require("@visactor/vutils"), element_1 = require("../../utils/element"), math_1 = require("../../utils/math"), constant_1 = require("./constant"), barOffset = 2, lineOffset = 10, areaOffset = 0;
+const vchart_1 = require("@visactor/vchart"), element_1 = require("../../utils/element"), math_1 = require("../../utils/math"), constant_1 = require("./constant"), barOffset = 2, lineOffset = 10, areaOffset = 0;
 
 function getSeriesBreakConfig(axesSpec, axesIndex) {
     return {
@@ -17,12 +17,12 @@ function getSeriesBreakConfig(axesSpec, axesIndex) {
                 const seriesBreakData = [], chart = ctx.vchart.getChart(), isHorizontal = "horizontal" === chart.getAllSeries()[0].direction;
                 return axesSpec.forEach(((spec, index) => {
                     var _a, _b;
-                    const axisId = spec.id, axisModel = (0, vutils_1.isValid)(axisId) ? chart.getComponentByUserId(axisId) : axesIndex && (0, 
-                    vutils_1.isValid)(axesIndex[index]) ? chart.getComponentByIndex("axes", axesIndex[index]) : null === (_a = chart.getComponentsByKey("axes").filter((axis => axis.getSpec().breaks === spec.breaks))) || void 0 === _a ? void 0 : _a[0];
+                    const axisId = spec.id, axisModel = (0, vchart_1.isValid)(axisId) ? chart.getComponentByUserId(axisId) : axesIndex && (0, 
+                    vchart_1.isValid)(axesIndex[index]) ? chart.getComponentByIndex("axes", axesIndex[index]) : null === (_a = chart.getComponentsByKey("axes").filter((axis => axis.getSpec().breaks === spec.breaks))) || void 0 === _a ? void 0 : _a[0];
                     if (!axisModel) return;
                     const parsedAxisId = null != axisId ? axisId : `${axisModel.type}-${axisModel.id}`, regionBounds = (0, 
                     element_1.getAllRegionBounds)(axisModel.getRegions());
-                    (0, vutils_1.array)(null === (_b = axisModel._break) || void 0 === _b ? void 0 : _b.breaks).forEach((breakConfig => {
+                    (0, vchart_1.array)(null === (_b = axisModel._break) || void 0 === _b ? void 0 : _b.breaks).forEach((breakConfig => {
                         const {range: range, breakSymbol: breakSymbol, gap: gap = 5} = breakConfig, pos1 = axisModel.valueToPosition(range[0]), pos2 = axisModel.valueToPosition(range[1]), posY = (pos1 + pos2) / 2 + (isHorizontal ? regionBounds.x1 : regionBounds.y1);
                         chart.getAllSeries().forEach((s => {
                             if ("bar" === s.type || "waterfall" === s.type) {
@@ -170,8 +170,8 @@ function getSeriesBreakConfig(axesSpec, axesIndex) {
 function getIntersectionsFromLineAndPolyline(line, points) {
     const intersections = [];
     for (let index = 1; index < points.length; index++) {
-        const intersection = (0, vutils_1.getIntersectPoint)([ line.start.x, line.start.y ], [ line.end.x, line.end.y ], [ points[index].x, points[index].y ], [ points[index - 1].x, points[index - 1].y ]);
-        intersection && !intersections.find((point => (0, math_1.isNumberEqual)(vutils_1.PointService.distancePP({
+        const intersection = (0, vchart_1.getIntersectPoint)([ line.start.x, line.start.y ], [ line.end.x, line.end.y ], [ points[index].x, points[index].y ], [ points[index - 1].x, points[index - 1].y ]);
+        intersection && !intersections.find((point => (0, math_1.isNumberEqual)(vchart_1.PointService.distancePP({
             x: point[0],
             y: point[1]
         }, {
@@ -237,7 +237,7 @@ const appendSeriesBreakConfig = rawSpec => {
     var _a;
     if (null === (_a = rawSpec.axes) || void 0 === _a ? void 0 : _a.length) {
         const breakedAxes = rawSpec.axes.filter((axis => axis.breaks && axis.breaks.length && !1 !== axis.visible));
-        if (breakedAxes.length) return rawSpec.customMark = (0, vutils_1.array)(rawSpec.customMark).filter((obj => obj.componentType !== constant_1.SERIES_BREAK)), 
+        if (breakedAxes.length) return rawSpec.customMark = (0, vchart_1.array)(rawSpec.customMark).filter((obj => obj.componentType !== constant_1.SERIES_BREAK)), 
         rawSpec.customMark.push(getSeriesBreakConfig(breakedAxes, breakedAxes.map((axisSpec => rawSpec.axes.indexOf(axisSpec))))), 
         !0;
     }