@visactor/vchart-extension 1.12.18 → 1.12.19

package/esm/components/bar-link/util.js

@@ -0,0 +1,178 @@
+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;
+};
+
+import { STACK_FIELD_END } from "@visactor/vchart";
+
+import { array } from "@visactor/vutils";
+
+import { BAR_LINK } from "./constant";
+
+export function groupBarsByFields(elements, groupFields) {
+    var _a;
+    const result = {};
+    for (let i = 0; i < elements.length; i++) {
+        const item = elements[i], itemData = null === (_a = item.data) || void 0 === _a ? void 0 : _a[0], groupKey = groupFields.map((field => itemData[field])).join("-");
+        result[groupKey] || (result[groupKey] = []), result[groupKey].push(item);
+    }
+    return result;
+}
+
+export function getLinkData(currentElement, nextElement, config) {
+    const {isHorizontal: isHorizontal, isXAxisInverse: isXAxisInverse, isYAxisInverse: isYAxisInverse, linkType: linkType, doFill: doFill, regionStartX: regionStartX, regionStartY: regionStartY} = config, currentBarGraphic = currentElement.getGraphicItem(), nextBarGraphic = nextElement.getGraphicItem(), currentBarBounds = currentBarGraphic.AABBBounds, nextBarBounds = nextBarGraphic.AABBBounds;
+    let linePoints, areaPoints;
+    return isHorizontal ? (linePoints = [ {
+        x: (currentBarBounds.x1 + currentBarBounds.x2) / 2 + regionStartX,
+        y: currentBarBounds.y1 + regionStartY
+    }, {
+        x: (nextBarBounds.x1 + nextBarBounds.x2) / 2 + regionStartX,
+        y: nextBarBounds.y2 + regionStartY
+    } ], isXAxisInverse ? ("total" === linkType && (linePoints = [ {
+        x: currentBarBounds.x1 + regionStartX,
+        y: currentBarBounds.y1 + regionStartY
+    }, {
+        x: nextBarBounds.x1 + regionStartX,
+        y: nextBarBounds.y2 + regionStartY
+    } ]), doFill && (areaPoints = [ {
+        x: currentBarBounds.x1 + regionStartX,
+        x1: currentBarBounds.x2 + regionStartX,
+        y: currentBarBounds.y1 + regionStartY
+    }, {
+        x: nextBarBounds.x1 + regionStartX,
+        x1: nextBarBounds.x2 + regionStartX,
+        y: nextBarBounds.y2 + regionStartY
+    } ])) : ("total" === linkType && (linePoints = [ {
+        x: currentBarBounds.x2 + regionStartX,
+        y: currentBarBounds.y1 + regionStartY
+    }, {
+        x: nextBarBounds.x2 + regionStartX,
+        y: nextBarBounds.y2 + regionStartY
+    } ]), doFill && (areaPoints = [ {
+        x: currentBarBounds.x2 + regionStartX,
+        x1: currentBarBounds.x1 + regionStartX,
+        y: currentBarBounds.y1 + regionStartY
+    }, {
+        x: nextBarBounds.x2 + regionStartX,
+        x1: nextBarBounds.x1 + regionStartX,
+        y: nextBarBounds.y2 + regionStartY
+    } ]))) : (linePoints = [ {
+        x: currentBarBounds.x2 + regionStartX,
+        y: (currentBarBounds.y1 + currentBarBounds.y2) / 2 + regionStartY
+    }, {
+        x: nextBarBounds.x1 + regionStartX,
+        y: (nextBarBounds.y1 + nextBarBounds.y2) / 2 + regionStartY
+    } ], isYAxisInverse ? ("total" === linkType && (linePoints = [ {
+        x: currentBarBounds.x2 + regionStartX,
+        y: currentBarBounds.y2 + regionStartY
+    }, {
+        x: nextBarBounds.x1 + regionStartX,
+        y: nextBarBounds.y2 + regionStartY
+    } ]), doFill && (areaPoints = [ {
+        x: currentBarBounds.x2 + regionStartX,
+        y: currentBarBounds.y2 + regionStartY,
+        y1: currentBarBounds.y1 + regionStartY
+    }, {
+        x: nextBarBounds.x1 + regionStartX,
+        y: nextBarBounds.y2 + regionStartY,
+        y1: nextBarBounds.y1 + regionStartY
+    } ])) : ("total" === linkType && (linePoints = [ {
+        x: currentBarBounds.x2 + regionStartX,
+        y: currentBarBounds.y1 + regionStartY
+    }, {
+        x: nextBarBounds.x1 + regionStartX,
+        y: nextBarBounds.y1 + regionStartY
+    } ]), doFill && (areaPoints = [ {
+        x: currentBarBounds.x2 + regionStartX,
+        y: currentBarBounds.y1 + regionStartY,
+        y1: currentBarBounds.y2 + regionStartY
+    }, {
+        x: nextBarBounds.x1 + regionStartX,
+        y: nextBarBounds.y1 + regionStartY,
+        y1: nextBarBounds.y2 + regionStartY
+    } ]))), {
+        areaPoints: areaPoints,
+        linePoints: linePoints,
+        data: [ currentElement.data[0], nextElement.data[0] ],
+        color: currentBarGraphic.attribute.fill
+    };
+}
+
+export function getBarLinkConfig(style = {}, extraStyle) {
+    const {linkType: linkType = "total", doFill: doFill} = style, rest = __rest(style, [ "linkType", "doFill" ]);
+    return {
+        type: "component",
+        componentType: BAR_LINK,
+        zIndex: 500,
+        interactive: !1,
+        style: Object.assign(Object.assign({
+            data: (datum, context) => {
+                const {vchart: vchart} = context, regions = vchart.getChart().getAllRegions(), linkLineData = [];
+                return regions.forEach((region => {
+                    const barSeriesArr = region.getSeries().filter((s => "bar" === s.type)), {x: regionStartX, y: regionStartY} = region.getLayoutStartPoint();
+                    if (barSeriesArr.length) {
+                        const groupFields = barSeriesArr[0].getGroupFields(), allBarElements = [];
+                        barSeriesArr.forEach((barSeries => {
+                            var _a, _b;
+                            (null === (_b = null === (_a = barSeries.getMarkInName("bar")) || void 0 === _a ? void 0 : _a.getProduct()) || void 0 === _b ? void 0 : _b.elements).forEach((barElement => {
+                                allBarElements.push(barElement);
+                            }));
+                        }));
+                        const groupData = groupBarsByFields(allBarElements, groupFields);
+                        Object.values(groupData).forEach((groupedValues => {
+                            groupedValues.sort(((prev, curr) => prev.data[0][STACK_FIELD_END] - curr.data[0][STACK_FIELD_END]));
+                        }));
+                        const barSeries = barSeriesArr[0], isHorizontal = "horizontal" === barSeries.direction, isYAxisInverse = barSeries.getYAxisHelper().isInverse(), isXAxisInverse = barSeries.getXAxisHelper().isInverse(), groupValues = Object.values(groupData);
+                        if (groupValues.length) if (isHorizontal) {
+                            groupValues[0][0].getGraphicItem().AABBBounds.y1 < groupValues[groupValues.length - 1][0].getGraphicItem().AABBBounds.y1 && groupValues.reverse();
+                        } else {
+                            groupValues[0][0].getGraphicItem().AABBBounds.x1 > groupValues[groupValues.length - 1][0].getGraphicItem().AABBBounds.x1 && groupValues.reverse();
+                        }
+                        for (let index = 0; index < groupValues.length - 1; index++) {
+                            const currentValues = groupValues[index], nextValues = groupValues[index + 1];
+                            if (currentValues.forEach(((element, elementIndex) => {
+                                var _a;
+                                const linkData = getLinkData(element, null !== (_a = nextValues[elementIndex]) && void 0 !== _a ? _a : nextValues[nextValues.length - 1], {
+                                    isHorizontal: isHorizontal,
+                                    isXAxisInverse: isXAxisInverse,
+                                    isYAxisInverse: isYAxisInverse,
+                                    doFill: doFill,
+                                    linkType: linkType,
+                                    regionStartX: regionStartX,
+                                    regionStartY: regionStartY
+                                });
+                                linkLineData.push(linkData);
+                            })), currentValues.length < nextValues.length) {
+                                const lastElementOfCurrentElement = currentValues[currentValues.length - 1];
+                                for (let i = currentValues.length; i < nextValues.length; i++) {
+                                    const linkData = getLinkData(lastElementOfCurrentElement, nextValues[i], {
+                                        isHorizontal: isHorizontal,
+                                        isXAxisInverse: isXAxisInverse,
+                                        isYAxisInverse: isYAxisInverse,
+                                        doFill: doFill,
+                                        linkType: linkType,
+                                        regionStartX: regionStartX,
+                                        regionStartY: regionStartY
+                                    });
+                                    linkLineData.push(linkData);
+                                }
+                            }
+                        }
+                    }
+                })), linkLineData;
+            },
+            linkType: linkType
+        }, rest), extraStyle)
+    };
+}
+
+export function appendBarLinkConfig(rawSpec, barLinkSpec) {
+    rawSpec.customMark = array(rawSpec.customMark).filter((obj => obj.componentType !== BAR_LINK)), 
+    rawSpec.customMark.push(getBarLinkConfig(barLinkSpec));
+}
+//# sourceMappingURL=util.js.map

package/esm/components/bar-link/util.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/bar-link/util.ts"],"names":[],"mappings":"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","file":"util.js","sourcesContent":["import type { IElement } from '@visactor/vgrammar-core';\nimport type { Dict, IPointLike } from '@visactor/vutils';\nimport type { BarLinkAttrs, BarLinkDatum } from './type';\nimport type { ICartesianSeries, ISpec } from '@visactor/vchart';\nimport { STACK_FIELD_END } from '@visactor/vchart';\nimport { array } from '@visactor/vutils';\nimport { BAR_LINK } from './constant';\n\nexport function groupBarsByFields(elements: IElement[], groupFields: string[]) {\n  const result: Dict<IElement[]> = {};\n  for (let i = 0; i < elements.length; i++) {\n    const item = elements[i];\n    const itemData = item.data?.[0];\n    const groupKey = groupFields.map(field => itemData[field]).join('-');\n    if (!result[groupKey]) {\n      result[groupKey] = [];\n    }\n    result[groupKey].push(item);\n  }\n  return result;\n}\n\nexport function getLinkData(\n  currentElement: IElement,\n  nextElement: IElement,\n  config: {\n    isHorizontal: boolean;\n    isXAxisInverse: boolean;\n    isYAxisInverse: boolean;\n    linkType: string;\n    doFill: boolean;\n    regionStartX: number;\n    regionStartY: number;\n  }\n): BarLinkDatum {\n  const { isHorizontal, isXAxisInverse, isYAxisInverse, linkType, doFill, regionStartX, regionStartY } = config;\n  const currentBarGraphic = currentElement.getGraphicItem();\n  const nextBarGraphic = nextElement.getGraphicItem();\n  const currentBarBounds = currentBarGraphic.AABBBounds;\n  const nextBarBounds = nextBarGraphic.AABBBounds;\n\n  let linePoints: [IPointLike, IPointLike];\n  let areaPoints: [IPointLike, IPointLike];\n\n  if (isHorizontal) {\n    linePoints = [\n      {\n        x: (currentBarBounds.x1 + currentBarBounds.x2) / 2 + regionStartX,\n        y: currentBarBounds.y1 + regionStartY\n      },\n      {\n        x: (nextBarBounds.x1 + nextBarBounds.x2) / 2 + regionStartX,\n        y: nextBarBounds.y2 + regionStartY\n      }\n    ];\n    if (isXAxisInverse) {\n      if (linkType === 'total') {\n        linePoints = [\n          {\n            x: currentBarBounds.x1 + regionStartX,\n            y: currentBarBounds.y1 + regionStartY\n          },\n          {\n            x: nextBarBounds.x1 + regionStartX,\n            y: nextBarBounds.y2 + regionStartY\n          }\n        ];\n      }\n\n      if (doFill) {\n        areaPoints = [\n          {\n            x: currentBarBounds.x1 + regionStartX,\n            x1: currentBarBounds.x2 + regionStartX,\n            y: currentBarBounds.y1 + regionStartY\n          },\n          {\n            x: nextBarBounds.x1 + regionStartX,\n            x1: nextBarBounds.x2 + regionStartX,\n            y: nextBarBounds.y2 + regionStartY\n          }\n        ];\n      }\n    } else {\n      if (linkType === 'total') {\n        linePoints = [\n          {\n            x: currentBarBounds.x2 + regionStartX,\n            y: currentBarBounds.y1 + regionStartY\n          },\n          {\n            x: nextBarBounds.x2 + regionStartX,\n            y: nextBarBounds.y2 + regionStartY\n          }\n        ];\n      }\n\n      if (doFill) {\n        areaPoints = [\n          {\n            x: currentBarBounds.x2 + regionStartX,\n            x1: currentBarBounds.x1 + regionStartX,\n            y: currentBarBounds.y1 + regionStartY\n          },\n          {\n            x: nextBarBounds.x2 + regionStartX,\n            x1: nextBarBounds.x1 + regionStartX,\n            y: nextBarBounds.y2 + regionStartY\n          }\n        ];\n      }\n    }\n  } else {\n    linePoints = [\n      {\n        x: currentBarBounds.x2 + regionStartX,\n        y: (currentBarBounds.y1 + currentBarBounds.y2) / 2 + regionStartY\n      },\n      {\n        x: nextBarBounds.x1 + regionStartX,\n        y: (nextBarBounds.y1 + nextBarBounds.y2) / 2 + regionStartY\n      }\n    ];\n\n    if (isYAxisInverse) {\n      if (linkType === 'total') {\n        linePoints = [\n          {\n            x: currentBarBounds.x2 + regionStartX,\n            y: currentBarBounds.y2 + regionStartY\n          },\n          {\n            x: nextBarBounds.x1 + regionStartX,\n            y: nextBarBounds.y2 + regionStartY\n          }\n        ];\n      }\n      if (doFill) {\n        areaPoints = [\n          {\n            x: currentBarBounds.x2 + regionStartX,\n            y: currentBarBounds.y2 + regionStartY,\n            y1: currentBarBounds.y1 + regionStartY\n          },\n          {\n            x: nextBarBounds.x1 + regionStartX,\n            y: nextBarBounds.y2 + regionStartY,\n            y1: nextBarBounds.y1 + regionStartY\n          }\n        ];\n      }\n    } else {\n      if (linkType === 'total') {\n        linePoints = [\n          {\n            x: currentBarBounds.x2 + regionStartX,\n            y: currentBarBounds.y1 + regionStartY\n          },\n          {\n            x: nextBarBounds.x1 + regionStartX,\n            y: nextBarBounds.y1 + regionStartY\n          }\n        ];\n      }\n      if (doFill) {\n        areaPoints = [\n          {\n            x: currentBarBounds.x2 + regionStartX,\n            y: currentBarBounds.y1 + regionStartY,\n            y1: currentBarBounds.y2 + regionStartY\n          },\n          {\n            x: nextBarBounds.x1 + regionStartX,\n            y: nextBarBounds.y1 + regionStartY,\n            y1: nextBarBounds.y2 + regionStartY\n          }\n        ];\n      }\n    }\n  }\n\n  return {\n    // points,\n    areaPoints,\n    linePoints,\n    data: [currentElement.data[0], nextElement.data[0]],\n    color: currentBarGraphic.attribute.fill as string\n  };\n}\n\nexport function getBarLinkConfig(\n  style: Pick<BarLinkAttrs, 'areaStyle' | 'label' | 'linkStyle' | 'styleMap' | 'doFill' | 'linkType'> = {},\n  extraStyle?: any\n) {\n  const { linkType = 'total', doFill, ...rest } = style;\n  return {\n    type: 'component',\n    componentType: BAR_LINK,\n    zIndex: 500, // 需要处于 region 上层\n    interactive: false,\n    style: {\n      data: (datum: any, context: any) => {\n        const { vchart } = context;\n        const regions = vchart.getChart().getAllRegions();\n        const linkLineData: BarLinkDatum[] = [];\n        regions.forEach((region: any) => {\n          // 获取所有 bar 系列\n          const barSeriesArr = region\n            .getSeries()\n            .filter((s: ICartesianSeries) => s.type === 'bar') as ICartesianSeries[];\n          const { x: regionStartX, y: regionStartY } = region.getLayoutStartPoint();\n          if (barSeriesArr.length) {\n            const groupFields = barSeriesArr[0].getGroupFields();\n            const allBarElements: IElement[] = [];\n            barSeriesArr.forEach(barSeries => {\n              const barGraphicElements = barSeries.getMarkInName('bar')?.getProduct()?.elements;\n              barGraphicElements.forEach(barElement => {\n                allBarElements.push(barElement);\n              });\n            });\n            // 按照 xField/yField 进行分组\n            const groupData = groupBarsByFields(allBarElements, groupFields);\n\n            // 对同组内的图形进行排序\n            Object.values(groupData).forEach((groupedValues: IElement[]) => {\n              groupedValues.sort((prev: IElement, curr: IElement) => {\n                return prev.data[0][STACK_FIELD_END] - curr.data[0][STACK_FIELD_END];\n              });\n            });\n\n            const barSeries = barSeriesArr[0];\n            const isHorizontal = barSeries.direction === 'horizontal';\n            const isYAxisInverse = barSeries.getYAxisHelper().isInverse();\n            const isXAxisInverse = barSeries.getXAxisHelper().isInverse();\n\n            const groupValues: IElement[][] = Object.values(groupData);\n\n            // 根据每组图形：\n            // 1. 水平，每组图形的 y1 进行由小到大排序，保证图形顺序\n            // 2. 垂直，每组图形的 x1 进行由小到大排序，保证图形顺序\n            if (groupValues.length) {\n              if (isHorizontal) {\n                const firstElementPosY = groupValues[0][0].getGraphicItem().AABBBounds.y1;\n                const lastElementPosY = groupValues[groupValues.length - 1][0].getGraphicItem().AABBBounds.y1;\n                if (firstElementPosY < lastElementPosY) {\n                  groupValues.reverse();\n                }\n              } else {\n                const firstElementPosX = groupValues[0][0].getGraphicItem().AABBBounds.x1;\n                const lastElementPosX = groupValues[groupValues.length - 1][0].getGraphicItem().AABBBounds.x1;\n                if (firstElementPosX > lastElementPosX) {\n                  groupValues.reverse();\n                }\n              }\n            }\n\n            for (let index = 0; index < groupValues.length - 1; index++) {\n              const currentValues: IElement[] = groupValues[index];\n              const nextValues: IElement[] = groupValues[index + 1];\n\n              currentValues.forEach((element, elementIndex) => {\n                const nextElement = nextValues[elementIndex] ?? nextValues[nextValues.length - 1];\n\n                const linkData = getLinkData(element, nextElement, {\n                  isHorizontal,\n                  isXAxisInverse,\n                  isYAxisInverse,\n                  doFill,\n                  linkType,\n                  regionStartX,\n                  regionStartY\n                });\n\n                linkLineData.push(linkData);\n              });\n\n              if (currentValues.length < nextValues.length) {\n                // 如果当前组的个数小于下一个组的个数，用当前组的最后一个元素去链接下一组剩余的图形\n                // 使用当前组的最后一个元素去链接下一组剩余的图形\n                const lastElementOfCurrentElement = currentValues[currentValues.length - 1];\n                for (let i = currentValues.length; i < nextValues.length; i++) {\n                  const nextElement = nextValues[i];\n\n                  const linkData = getLinkData(lastElementOfCurrentElement, nextElement, {\n                    isHorizontal,\n                    isXAxisInverse,\n                    isYAxisInverse,\n                    doFill,\n                    linkType,\n                    regionStartX,\n                    regionStartY\n                  });\n\n                  linkLineData.push(linkData);\n                }\n              }\n            }\n          }\n        });\n\n        return linkLineData;\n      },\n      linkType,\n      ...rest,\n      ...extraStyle\n    }\n  };\n}\n\nexport function appendBarLinkConfig(\n  rawSpec: ISpec,\n  barLinkSpec?: Pick<BarLinkAttrs, 'areaStyle' | 'label' | 'linkStyle' | 'styleMap' | 'doFill' | 'linkType'>\n) {\n  // 判断 editorSpec 中是否有 barLink，有则添加 customMark\n  (rawSpec as any).customMark = array((rawSpec as any).customMark).filter((obj: any) => obj.componentType !== BAR_LINK);\n  (rawSpec as any).customMark.push(getBarLinkConfig(barLinkSpec));\n}\n"]}

package/esm/components/series-break/constant.d.ts

@@ -0,0 +1 @@
+export declare const SERIES_BREAK = "seriesBreak";

package/esm/components/series-break/constant.js

@@ -0,0 +1,2 @@
+export const SERIES_BREAK = "seriesBreak";
+//# sourceMappingURL=constant.js.map

package/esm/components/series-break/constant.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/series-break/constant.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAC","file":"constant.js","sourcesContent":["export const SERIES_BREAK = 'seriesBreak';\n"]}

package/esm/components/series-break/index.d.ts

@@ -0,0 +1,4 @@
+export { registerSeriesBreak, SeriesBreakComponent } from './series-break';
+export { getSeriesBreakConfig, appendSeriesBreakConfig } from './util';
+export * from './type';
+export * from './constant';

package/esm/components/series-break/index.js

@@ -0,0 +1,8 @@
+export { registerSeriesBreak, SeriesBreakComponent } from "./series-break";
+
+export { getSeriesBreakConfig, appendSeriesBreakConfig } from "./util";
+
+export * from "./type";
+
+export * from "./constant";
+//# sourceMappingURL=index.js.map

package/esm/components/series-break/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/series-break/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAO,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,QAAQ,CAAC;AACvE,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC","file":"index.js","sourcesContent":["export { registerSeriesBreak, SeriesBreakComponent } from './series-break';\nexport { getSeriesBreakConfig, appendSeriesBreakConfig } from './util';\nexport * from './type';\nexport * from './constant';\n"]}

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

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

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

@@ -0,0 +1,115 @@
+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;
+};
+
+import { AbstractComponent } from "@visactor/vrender-components";
+
+import { Factory } from "@visactor/vgrammar-core";
+
+import { createGroup, createPath } from "@visactor/vrender-core";
+
+import { isEmpty, isNumberClose, isValid } from "@visactor/vutils";
+
+import { SERIES_BREAK } from "./constant";
+
+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);
+    path.push(`M ${startX} ${startY}`);
+    for (let i = 0; i <= numZigzags; i++) {
+        const x = isVertical ? startX + (i % 2 == 0 ? deltaX : -deltaX) : startX + i * size * 2, y = isVertical ? startY + i * size * 2 : i % 2 == 0 ? startY - deltaY : startY + deltaY;
+        path.push(`L ${x} ${y}`);
+    }
+    return path.push(`L ${isVertical ? startX : endX} ${isVertical ? endY : startY}`), 
+    path.join(" ");
+}
+
+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 (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);
+        }
+    })), needAppend && prevData.push(newEntry);
+};
+
+export class SeriesBreakComponent extends AbstractComponent {
+    constructor() {
+        super(...arguments), this.name = SERIES_BREAK;
+    }
+    render() {
+        this.removeAllChild();
+        const {data: data = []} = this.attribute;
+        if (isEmpty(data)) return;
+        const verticalData = [], horizontalData = [];
+        data.forEach((breakData => {
+            const {start: start, end: end} = breakData, isVertical = start.x === end.x;
+            checkOverlap(isVertical ? verticalData : horizontalData, breakData);
+        })), [ ...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 = createGroup({}), isVertical = start.x === end.x;
+            let startPathStart, startPathEnd, endPathStart, endPathEnd;
+            isVertical ? (startPathStart = {
+                x: start.x - gap / 2,
+                y: start.y
+            }, startPathEnd = {
+                x: end.x - gap / 2,
+                y: end.y
+            }, endPathStart = {
+                x: start.x + gap / 2,
+                y: start.y
+            }, endPathEnd = {
+                x: end.x + gap / 2,
+                y: end.y
+            }) : (startPathStart = {
+                x: start.x,
+                y: start.y - gap / 2
+            }, startPathEnd = {
+                x: end.x,
+                y: end.y - gap / 2
+            }, endPathStart = {
+                x: start.x,
+                y: start.y + gap / 2
+            }, endPathEnd = {
+                x: end.x,
+                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(createPath(Object.assign(Object.assign({
+                path: startPath,
+                stroke: "#000",
+                lineWidth: 1
+            }, style), {
+                pickable: !1,
+                zIndex: 1
+            }))), breakGroup.add(createPath(Object.assign(Object.assign({
+                path: endPath,
+                stroke: "#000",
+                lineWidth: 1
+            }, style), {
+                pickable: !1,
+                zIndex: 1
+            }))), breakGroup.add(createPath({
+                path: centerPath,
+                stroke: "#fff",
+                lineWidth: gap,
+                pickable: !1,
+                zIndex: 0
+            })), breakGroup.name = "series-break", breakGroup.data = rest, isValid(rest.axisId) && (breakGroup.id = `${null !== (_a = rest.axisId) && void 0 !== _a ? _a : ""}_${id}`), 
+            this.add(breakGroup);
+        }));
+    }
+}
+
+export const registerSeriesBreak = () => {
+    Factory.registerGraphicComponent("seriesBreak", (attrs => new SeriesBreakComponent(attrs)));
+};
+//# sourceMappingURL=series-break.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["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 { AbstractComponent, Point } from '@visactor/vrender-components';\nimport { Factory } from '@visactor/vgrammar-core';\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';\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/esm/components/series-break/type.d.ts

@@ -0,0 +1,14 @@
+import { Point } from '@visactor/vrender-components';
+import { IGroupGraphicAttribute, ILineGraphicAttribute } from '@visactor/vrender-core';
+export type SeriesBreakData = {
+    start: Point;
+    end: Point;
+    size?: number;
+    gap?: number;
+    style?: ILineGraphicAttribute;
+    axisId: string;
+    data: [number, number];
+};
+export interface SeriesBreakAttrs extends IGroupGraphicAttribute {
+    data: SeriesBreakData[];
+}

package/esm/components/series-break/type.js

@@ -0,0 +1,2 @@
+export { };
+//# sourceMappingURL=type.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["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"]}

package/esm/components/series-break/util.d.ts

@@ -0,0 +1,13 @@
+import type { ILinearAxisSpec } from '@visactor/vchart/esm/component/axis';
+import { ISpec } from '@visactor/vchart';
+import { SeriesBreakData } from './type';
+export declare function getSeriesBreakConfig(axesSpec: ILinearAxisSpec[], axesIndex?: number[]): {
+    type: string;
+    componentType: string;
+    interactive: boolean;
+    zIndex: number;
+    style: {
+        data: (datum: any, ctx: any) => SeriesBreakData[];
+    };
+};
+export declare const appendSeriesBreakConfig: (rawSpec: ISpec) => boolean;