@visactor/vseed 0.1.8 → 0.1.9

package/dist/esm/pipeline/spec/chart/pipeline/rose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipeline/rose.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipeline/rose.ts"],"sourcesContent":["import type { SpecPipeline } from 'src/types'\nimport {\n  datasetXY,\n  backgroundColor,\n  label,\n  tooltip,\n  discreteLegend,\n  color,\n  pivotAdapter,\n  initPivot,\n  datasetPivot,\n  pivotIndicators,\n  pivotDiscreteLegend,\n  pivotIndicatorsAsRow,\n  pivotGridStyle,\n  pivotRowDimensions,\n  pivotColumnDimensions,\n  stackInverse,\n  verticalCrosshairRect,\n  stackCornerRadius,\n  initRose,\n  radiusAxis,\n  angleAxis,\n  progressive,\n  linearColor,\n  colorAdapter,\n  pivotColorLegend,\n  colorLegend,\n  roseStyle,\n  colorRoseStyleFill,\n} from '../pipes'\n\nconst rose: SpecPipeline = [\n  initRose,\n  stackCornerRadius,\n  stackInverse,\n  colorAdapter(color, linearColor),\n  backgroundColor,\n  datasetXY,\n  progressive,\n  angleAxis,\n  radiusAxis,\n  verticalCrosshairRect,\n  colorRoseStyleFill(roseStyle),\n  colorAdapter(discreteLegend, colorLegend),\n  label,\n  tooltip,\n]\n\nconst pivotRose: SpecPipeline = [\n  initPivot,\n  pivotGridStyle,\n  pivotIndicatorsAsRow,\n  datasetPivot,\n  pivotIndicators([\n    initRose,\n    stackCornerRadius,\n    stackInverse,\n    colorAdapter(color, linearColor),\n    backgroundColor,\n    datasetXY,\n    progressive,\n    radiusAxis,\n    angleAxis,\n    verticalCrosshairRect,\n    colorRoseStyleFill(roseStyle),\n    label,\n    tooltip,\n  ]),\n  pivotRowDimensions,\n  pivotColumnDimensions,\n  colorAdapter(pivotDiscreteLegend, pivotColorLegend),\n]\n\nexport const roseSpecPipeline = [pivotAdapter(rose, pivotRose)]\n"],"names":["rose","initRose","stackCornerRadius","stackInverse","colorAdapter","color","linearColor","backgroundColor","datasetXY","progressive","angleAxis","radiusAxis","verticalCrosshairRect","colorRoseStyleFill","roseStyle","discreteLegend","colorLegend","label","tooltip","pivotRose","initPivot","pivotGridStyle","pivotIndicatorsAsRow","datasetPivot","pivotIndicators","pivotRowDimensions","pivotColumnDimensions","pivotDiscreteLegend","pivotColorLegend","roseSpecPipeline","pivotAdapter"],"mappings":";AAgCA,MAAMA,OAAqB;IACzBC;IACAC;IACAC;IACAC,aAAaC,OAAOC;IACpBC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC,mBAAmBC;IACnBV,aAAaW,gBAAgBC;IAC7BC;IACAC;CACD;AAED,MAAMC,YAA0B;IAC9BC;IACAC;IACAC;IACAC;IACAC,gBAAgB;QACdvB;QACAC;QACAC;QACAC,aAAaC,OAAOC;QACpBC;QACAC;QACAC;QACAE;QACAD;QACAE;QACAC,mBAAmBC;QACnBG;QACAC;KACD;IACDO;IACAC;IACAtB,aAAauB,qBAAqBC;CACnC;AAEM,MAAMC,mBAAmB;IAACC,aAAa9B,MAAMmB;CAAW"}

package/dist/esm/pipeline/spec/chart/pipeline/roseParallel.js

@@ -0,0 +1,53 @@
+import { angleAxis, annotationAreaBand, annotationHorizontalLine, annotationPoint, annotationVerticalLine, backgroundColor, color, colorAdapter, colorLegend, colorRoseStyleFill, datasetPivot, datasetXY, discreteLegend, initPivot, initRoseParallel, label, linearColor, pivotAdapter, pivotColorLegend, pivotColumnDimensions, pivotDiscreteLegend, pivotGridStyle, pivotIndicators, pivotIndicatorsAsRow, pivotRowDimensions, progressive, radiusAxis, roseStyle, stackCornerRadius, tooltip, verticalCrosshairRect } from "../pipes/index.js";
+const roseParallel = [
+    initRoseParallel,
+    stackCornerRadius,
+    colorAdapter(color, linearColor),
+    backgroundColor,
+    datasetXY,
+    progressive,
+    radiusAxis,
+    angleAxis,
+    colorRoseStyleFill(roseStyle),
+    colorAdapter(discreteLegend, colorLegend),
+    label,
+    tooltip,
+    verticalCrosshairRect,
+    annotationPoint,
+    annotationVerticalLine,
+    annotationHorizontalLine,
+    annotationAreaBand
+];
+const pivotRoseParallel = [
+    initPivot,
+    pivotGridStyle,
+    pivotIndicatorsAsRow,
+    datasetPivot,
+    pivotIndicators([
+        initRoseParallel,
+        stackCornerRadius,
+        colorAdapter(color, linearColor),
+        backgroundColor,
+        datasetXY,
+        progressive,
+        radiusAxis,
+        angleAxis,
+        verticalCrosshairRect,
+        colorRoseStyleFill(roseStyle),
+        label,
+        tooltip,
+        annotationPoint,
+        annotationVerticalLine,
+        annotationHorizontalLine,
+        annotationAreaBand
+    ]),
+    pivotRowDimensions,
+    pivotColumnDimensions,
+    colorAdapter(pivotDiscreteLegend, pivotColorLegend)
+];
+const roseParallelSpecPipeline = [
+    pivotAdapter(roseParallel, pivotRoseParallel)
+];
+export { roseParallelSpecPipeline };
+
+//# sourceMappingURL=roseParallel.js.map

package/dist/esm/pipeline/spec/chart/pipeline/roseParallel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipeline/roseParallel.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipeline/roseParallel.ts"],"sourcesContent":["import type { SpecPipeline } from 'src/types'\nimport {\n  datasetXY,\n  backgroundColor,\n  label,\n  tooltip,\n  discreteLegend,\n  color,\n  pivotIndicators,\n  initPivot,\n  datasetPivot,\n  pivotAdapter,\n  pivotDiscreteLegend,\n  pivotIndicatorsAsRow,\n  pivotGridStyle,\n  pivotRowDimensions,\n  pivotColumnDimensions,\n  annotationPoint,\n  annotationVerticalLine,\n  annotationHorizontalLine,\n  annotationAreaBand,\n  verticalCrosshairRect,\n  stackCornerRadius,\n  initRoseParallel,\n  radiusAxis,\n  angleAxis,\n  progressive,\n  pivotColorLegend,\n  colorAdapter,\n  linearColor,\n  colorLegend,\n  roseStyle,\n  colorRoseStyleFill,\n} from '../pipes'\n\nconst roseParallel: SpecPipeline = [\n  initRoseParallel,\n  stackCornerRadius,\n  colorAdapter(color, linearColor),\n  backgroundColor,\n  datasetXY,\n  progressive,\n  radiusAxis,\n  angleAxis,\n  colorRoseStyleFill(roseStyle),\n  colorAdapter(discreteLegend, colorLegend),\n  label,\n  tooltip,\n  verticalCrosshairRect,\n  annotationPoint,\n  annotationVerticalLine,\n  annotationHorizontalLine,\n  annotationAreaBand,\n]\n\nconst pivotRoseParallel: SpecPipeline = [\n  initPivot,\n  pivotGridStyle,\n  pivotIndicatorsAsRow,\n  datasetPivot,\n  pivotIndicators([\n    initRoseParallel,\n    stackCornerRadius,\n    colorAdapter(color, linearColor),\n    backgroundColor,\n    datasetXY,\n    progressive,\n    radiusAxis,\n    angleAxis,\n    verticalCrosshairRect,\n    colorRoseStyleFill(roseStyle),\n    label,\n    tooltip,\n    annotationPoint,\n    annotationVerticalLine,\n    annotationHorizontalLine,\n    annotationAreaBand,\n  ]),\n  pivotRowDimensions,\n  pivotColumnDimensions,\n  colorAdapter(pivotDiscreteLegend, pivotColorLegend),\n]\n\nexport const roseParallelSpecPipeline: SpecPipeline = [pivotAdapter(roseParallel, pivotRoseParallel)]\n"],"names":["roseParallel","initRoseParallel","stackCornerRadius","colorAdapter","color","linearColor","backgroundColor","datasetXY","progressive","radiusAxis","angleAxis","colorRoseStyleFill","roseStyle","discreteLegend","colorLegend","label","tooltip","verticalCrosshairRect","annotationPoint","annotationVerticalLine","annotationHorizontalLine","annotationAreaBand","pivotRoseParallel","initPivot","pivotGridStyle","pivotIndicatorsAsRow","datasetPivot","pivotIndicators","pivotRowDimensions","pivotColumnDimensions","pivotDiscreteLegend","pivotColorLegend","roseParallelSpecPipeline","pivotAdapter"],"mappings":";AAmCA,MAAMA,eAA6B;IACjCC;IACAC;IACAC,aAAaC,OAAOC;IACpBC;IACAC;IACAC;IACAC;IACAC;IACAC,mBAAmBC;IACnBT,aAAaU,gBAAgBC;IAC7BC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;CACD;AAED,MAAMC,oBAAkC;IACtCC;IACAC;IACAC;IACAC;IACAC,gBAAgB;QACd1B;QACAC;QACAC,aAAaC,OAAOC;QACpBC;QACAC;QACAC;QACAC;QACAC;QACAO;QACAN,mBAAmBC;QACnBG;QACAC;QACAE;QACAC;QACAC;QACAC;KACD;IACDO;IACAC;IACA1B,aAAa2B,qBAAqBC;CACnC;AAEM,MAAMC,2BAAyC;IAACC,aAAajC,cAAcsB;CAAmB"}

package/dist/esm/pipeline/spec/chart/pipeline/scatter.js

@@ -0,0 +1,55 @@
+import { annotationArea, annotationHorizontalLine, annotationPoint, annotationVerticalLine, backgroundColor, color, colorAdapter, colorLegend, colorPointStyleFill, datasetPivot, datasetScatter, discreteLegend, horizontalCrosshairLine, initPivot, initScatter, label, linearColor, pivotAdapter, pivotColorLegend, pivotColumnDimensions, pivotDiscreteLegend, pivotGridStyle, pivotIndicators, pivotIndicatorsAsRow, pivotRowDimensions, pointStateHover, pointStyle, progressive, tooltipScatter, verticalCrosshairLine, xLinear, yLinear } from "../pipes/index.js";
+const scatter = [
+    initScatter,
+    colorAdapter(color, linearColor),
+    backgroundColor,
+    datasetScatter,
+    progressive,
+    xLinear,
+    yLinear,
+    label,
+    tooltipScatter,
+    colorAdapter(discreteLegend, colorLegend),
+    verticalCrosshairLine,
+    horizontalCrosshairLine,
+    colorPointStyleFill(pointStyle),
+    pointStateHover,
+    annotationPoint,
+    annotationVerticalLine,
+    annotationHorizontalLine,
+    annotationArea
+];
+const pivotScatter = [
+    initPivot,
+    pivotGridStyle,
+    pivotIndicatorsAsRow,
+    datasetPivot,
+    pivotIndicators([
+        initScatter,
+        colorAdapter(color, linearColor),
+        backgroundColor,
+        datasetScatter,
+        progressive,
+        xLinear,
+        yLinear,
+        label,
+        tooltipScatter,
+        verticalCrosshairLine,
+        horizontalCrosshairLine,
+        colorPointStyleFill(pointStyle),
+        pointStateHover,
+        annotationPoint,
+        annotationVerticalLine,
+        annotationHorizontalLine,
+        annotationArea
+    ]),
+    pivotRowDimensions,
+    pivotColumnDimensions,
+    colorAdapter(pivotDiscreteLegend, pivotColorLegend)
+];
+const scatterSpecPipeline = [
+    pivotAdapter(scatter, pivotScatter)
+];
+export { scatterSpecPipeline };
+
+//# sourceMappingURL=scatter.js.map

package/dist/esm/pipeline/spec/chart/pipeline/scatter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipeline/scatter.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipeline/scatter.ts"],"sourcesContent":["import type { SpecPipeline } from 'src/types'\nimport {\n  yLinear,\n  backgroundColor,\n  label,\n  tooltipScatter,\n  discreteLegend,\n  color,\n  initPivot,\n  datasetPivot,\n  pivotDiscreteLegend,\n  pivotIndicators,\n  pivotAdapter,\n  pivotIndicatorsAsRow,\n  pivotGridStyle,\n  pivotColumnDimensions,\n  pivotRowDimensions,\n  annotationPoint,\n  annotationVerticalLine,\n  annotationHorizontalLine,\n  annotationArea,\n  pointStyle,\n  verticalCrosshairLine,\n  xLinear,\n  horizontalCrosshairLine,\n  pointStateHover,\n  initScatter,\n  progressive,\n  datasetScatter,\n  linearColor,\n  colorAdapter,\n  colorPointStyleFill,\n  colorLegend,\n  pivotColorLegend,\n} from '../pipes'\n\nconst scatter: SpecPipeline = [\n  initScatter,\n  colorAdapter(color, linearColor),\n  backgroundColor,\n  datasetScatter,\n  progressive,\n  xLinear,\n  yLinear,\n  label,\n  tooltipScatter,\n  colorAdapter(discreteLegend, colorLegend),\n  verticalCrosshairLine,\n  horizontalCrosshairLine,\n  colorPointStyleFill(pointStyle),\n  pointStateHover,\n  annotationPoint,\n  annotationVerticalLine,\n  annotationHorizontalLine,\n  annotationArea,\n]\n\nconst pivotScatter: SpecPipeline = [\n  initPivot,\n  pivotGridStyle,\n  pivotIndicatorsAsRow,\n  datasetPivot,\n  pivotIndicators([\n    initScatter,\n    colorAdapter(color, linearColor),\n    backgroundColor,\n    datasetScatter,\n    progressive,\n    xLinear,\n    yLinear,\n    label,\n    tooltipScatter,\n    verticalCrosshairLine,\n    horizontalCrosshairLine,\n    colorPointStyleFill(pointStyle),\n    pointStateHover,\n    annotationPoint,\n    annotationVerticalLine,\n    annotationHorizontalLine,\n    annotationArea,\n  ]),\n  pivotRowDimensions,\n  pivotColumnDimensions,\n  colorAdapter(pivotDiscreteLegend, pivotColorLegend),\n]\n\nexport const scatterSpecPipeline: SpecPipeline = [pivotAdapter(scatter, pivotScatter)]\n"],"names":["scatter","initScatter","colorAdapter","color","linearColor","backgroundColor","datasetScatter","progressive","xLinear","yLinear","label","tooltipScatter","discreteLegend","colorLegend","verticalCrosshairLine","horizontalCrosshairLine","colorPointStyleFill","pointStyle","pointStateHover","annotationPoint","annotationVerticalLine","annotationHorizontalLine","annotationArea","pivotScatter","initPivot","pivotGridStyle","pivotIndicatorsAsRow","datasetPivot","pivotIndicators","pivotRowDimensions","pivotColumnDimensions","pivotDiscreteLegend","pivotColorLegend","scatterSpecPipeline","pivotAdapter"],"mappings":";AAoCA,MAAMA,UAAwB;IAC5BC;IACAC,aAAaC,OAAOC;IACpBC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAT,aAAaU,gBAAgBC;IAC7BC;IACAC;IACAC,oBAAoBC;IACpBC;IACAC;IACAC;IACAC;IACAC;CACD;AAED,MAAMC,eAA6B;IACjCC;IACAC;IACAC;IACAC;IACAC,gBAAgB;QACd3B;QACAC,aAAaC,OAAOC;QACpBC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAG;QACAC;QACAC,oBAAoBC;QACpBC;QACAC;QACAC;QACAC;QACAC;KACD;IACDO;IACAC;IACA5B,aAAa6B,qBAAqBC;CACnC;AAEM,MAAMC,sBAAoC;IAACC,aAAalC,SAASuB;CAAc"}

package/dist/esm/pipeline/spec/chart/pipes/annotation/annotationArea.js

@@ -0,0 +1,133 @@
+import { selector } from "../../../../../dataSelector/index.js";
+import { isSubset } from "./utils.js";
+import { ANNOTATION_Z_INDEX } from "../../../../utils/constant.js";
+const annotationArea_annotationArea = (spec, context)=>{
+    const { advancedVSeed } = context;
+    const { annotation } = advancedVSeed;
+    if (!annotation || !annotation.annotationArea) return spec;
+    const { annotationArea } = annotation;
+    const annotationAreaList = Array.isArray(annotationArea) ? annotationArea : [
+        annotationArea
+    ];
+    const positionMap = {
+        top: 'insideTop',
+        topRight: 'insideTopRight',
+        topLeft: 'insideTopLeft',
+        bottom: 'insideBottom',
+        bottomLeft: 'insideBottomLeft',
+        bottomRight: 'insideBottomRight',
+        left: 'insideLeft',
+        right: 'insideRight'
+    };
+    const markArea = annotationAreaList.flatMap((annotationArea)=>{
+        const { selector: selectorPoint, text = '', textPosition = 'top', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'top', textBackgroundVisible = true, textBackgroundColor = '#191d24', textBackgroundBorderColor = '#191d24', textBackgroundBorderWidth = 1, textBackgroundBorderRadius = 4, textBackgroundPadding = 4, areaColor = '#888888', areaColorOpacity = 0.15, areaBorderColor = '#888888', areaBorderRadius = 4, areaBorderWidth = 1, outerPadding = 4 } = annotationArea;
+        const dataset = advancedVSeed.dataset.flat();
+        const selectedData = selectorPoint ? dataset.filter((datum)=>selector(datum, selectorPoint)) : [];
+        const labelPosition = positionMap[textPosition || 'top'];
+        const isBottom = labelPosition.toLocaleLowerCase().includes('bottom');
+        return {
+            zIndex: ANNOTATION_Z_INDEX,
+            regionRelative: true,
+            positions: (data, context)=>{
+                const positionData = data.filter((item)=>selectedData.some((datum)=>isSubset(datum, item)));
+                const xyList = positionData.map((datum)=>context.dataToPosition(datum));
+                const yAxisHelper = context.getYAxisHelper();
+                const xAxisHelper = context.getXAxisHelper();
+                if ('function' == typeof xAxisHelper?.getBandwidth) {
+                    const yScale = yAxisHelper.getScale();
+                    const minX = Math.min(...xyList.map((item)=>item.x)) - (outerPadding || 4);
+                    const maxX = Math.max(...xyList.map((item)=>item.x)) + (outerPadding || 4);
+                    const minY = Math.min(...yScale.range());
+                    const maxY = Math.max(...yScale.range());
+                    return [
+                        {
+                            x: minX,
+                            y: minY
+                        },
+                        {
+                            x: maxX,
+                            y: minY
+                        },
+                        {
+                            x: maxX,
+                            y: maxY
+                        },
+                        {
+                            x: minX,
+                            y: maxY
+                        }
+                    ];
+                }
+                if ('function' == typeof yAxisHelper?.getBandwidth) {
+                    const xScale = xAxisHelper.getScale();
+                    const minY = Math.min(...xyList.map((item)=>item.y)) - (outerPadding || 4);
+                    const maxY = Math.max(...xyList.map((item)=>item.y)) + (outerPadding || 4);
+                    const minX = Math.min(...xScale.range());
+                    const maxX = Math.max(...xScale.range());
+                    return [
+                        {
+                            x: minX,
+                            y: minY
+                        },
+                        {
+                            x: maxX,
+                            y: minY
+                        },
+                        {
+                            x: maxX,
+                            y: maxY
+                        },
+                        {
+                            x: minX,
+                            y: maxY
+                        }
+                    ];
+                }
+                return [];
+            },
+            label: {
+                position: labelPosition,
+                visible: true,
+                text: text,
+                style: {
+                    dy: isBottom ? 2 * -(textFontSize || 12) : textFontSize,
+                    textAlign: textAlign,
+                    textBaseline: textBaseline,
+                    fill: textColor,
+                    stroke: textBackgroundColor,
+                    lineWidth: 1,
+                    fontSize: textFontSize,
+                    fontWeight: textFontWeight
+                },
+                labelBackground: {
+                    visible: textBackgroundVisible,
+                    padding: textBackgroundPadding,
+                    style: {
+                        dy: isBottom ? 2 * -(textFontSize || 12) : textFontSize,
+                        cornerRadius: textBackgroundBorderRadius ?? 4,
+                        fill: textBackgroundColor,
+                        stroke: textBackgroundBorderColor,
+                        lineWidth: textBackgroundBorderWidth
+                    }
+                }
+            },
+            area: {
+                style: {
+                    visible: true,
+                    fill: areaColor,
+                    fillOpacity: areaColorOpacity,
+                    stroke: areaBorderColor,
+                    lineWidth: areaBorderWidth,
+                    cornerRadius: areaBorderRadius
+                }
+            }
+        };
+    });
+    return {
+        ...spec,
+        markArea: markArea
+    };
+};
+export { annotationArea_annotationArea as annotationArea };
+
+//# sourceMappingURL=annotationArea.js.map

package/dist/esm/pipeline/spec/chart/pipes/annotation/annotationArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/annotation/annotationArea.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/annotation/annotationArea.ts"],"sourcesContent":["import type { ICartesianSeries, ILineChartSpec } from '@visactor/vchart'\nimport { selector } from '../../../../../dataSelector'\nimport type { Datum, SpecPipe } from 'src/types'\nimport { isSubset } from './utils'\nimport { ANNOTATION_Z_INDEX } from '../../../../utils/constant'\n\nexport const annotationArea: SpecPipe = (spec, context) => {\n  const { advancedVSeed } = context\n  const { annotation } = advancedVSeed\n\n  if (!annotation || !annotation.annotationArea) {\n    return spec\n  }\n\n  const { annotationArea } = annotation\n  const annotationAreaList = Array.isArray(annotationArea) ? annotationArea : [annotationArea]\n\n  const positionMap = {\n    top: 'insideTop',\n    topRight: 'insideTopRight',\n    topLeft: 'insideTopLeft',\n    bottom: 'insideBottom',\n    bottomLeft: 'insideBottomLeft',\n    bottomRight: 'insideBottomRight',\n    left: 'insideLeft',\n    right: 'insideRight',\n  }\n\n  const markArea = annotationAreaList.flatMap((annotationArea) => {\n    const {\n      selector: selectorPoint,\n      text = '',\n      textPosition = 'top',\n      textColor = '#ffffff',\n      textFontSize = 12,\n      textFontWeight = 400,\n      textAlign = 'center',\n      textBaseline = 'top',\n\n      textBackgroundVisible = true,\n      textBackgroundColor = '#191d24',\n      textBackgroundBorderColor = '#191d24',\n      textBackgroundBorderWidth = 1,\n      textBackgroundBorderRadius = 4,\n      textBackgroundPadding = 4,\n\n      areaColor = '#888888',\n      areaColorOpacity = 0.15,\n      areaBorderColor = '#888888',\n      areaBorderRadius = 4,\n      areaBorderWidth = 1,\n\n      outerPadding = 4,\n    } = annotationArea\n\n    const dataset = advancedVSeed.dataset.flat()\n    const selectedData = selectorPoint ? dataset.filter((datum) => selector(datum, selectorPoint)) : []\n\n    const labelPosition = positionMap[textPosition || 'top']\n    const isBottom = labelPosition.toLocaleLowerCase().includes('bottom')\n\n    return {\n      zIndex: ANNOTATION_Z_INDEX,\n      regionRelative: true,\n      positions: (data: Datum[], context: ICartesianSeries) => {\n        const positionData = data.filter((item) => selectedData.some((datum) => isSubset(datum, item)))\n        const xyList = positionData.map((datum) => context.dataToPosition(datum) as { x: number; y: number })\n\n        const yAxisHelper = context.getYAxisHelper() as unknown as {\n          getBandwidth: (depth?: number) => number\n          getScale: () => {\n            range: () => number[]\n          }\n        }\n        const xAxisHelper = context.getXAxisHelper() as unknown as {\n          getBandwidth: (depth?: number) => number\n          getScale: () => {\n            range: () => number[]\n          }\n        }\n\n        if (typeof xAxisHelper?.getBandwidth === 'function') {\n          const yScale = yAxisHelper.getScale()\n\n          const minX = Math.min(...xyList.map((item) => item.x)) - (outerPadding || 4)\n          const maxX = Math.max(...xyList.map((item) => item.x)) + (outerPadding || 4)\n          const minY = Math.min(...yScale.range())\n          const maxY = Math.max(...yScale.range())\n          return [\n            // 左上\n            {\n              x: minX,\n              y: minY,\n            },\n            // 右上\n            {\n              x: maxX,\n              y: minY,\n            },\n            // 右下\n            {\n              x: maxX,\n              y: maxY,\n            },\n            // 左下\n            {\n              x: minX,\n              y: maxY,\n            },\n          ]\n        }\n\n        if (typeof yAxisHelper?.getBandwidth === 'function') {\n          const xScale = xAxisHelper.getScale()\n\n          const minY = Math.min(...xyList.map((item) => item.y)) - (outerPadding || 4)\n          const maxY = Math.max(...xyList.map((item) => item.y)) + (outerPadding || 4)\n          const minX = Math.min(...xScale.range())\n          const maxX = Math.max(...xScale.range())\n\n          return [\n            // 左上\n            {\n              x: minX,\n              y: minY,\n            },\n            // 右上\n            {\n              x: maxX,\n              y: minY,\n            },\n            // 右下\n            {\n              x: maxX,\n              y: maxY,\n            },\n            // 左下\n            {\n              x: minX,\n              y: maxY,\n            },\n          ]\n        }\n\n        return []\n      },\n      label: {\n        position: labelPosition,\n        visible: true,\n        text: text,\n        style: {\n          dy: isBottom ? -(textFontSize || 12) * 2 : textFontSize,\n          textAlign: textAlign,\n          textBaseline: textBaseline,\n          fill: textColor,\n          stroke: textBackgroundColor,\n          lineWidth: 1,\n          fontSize: textFontSize,\n          fontWeight: textFontWeight,\n        },\n\n        labelBackground: {\n          visible: textBackgroundVisible,\n          padding: textBackgroundPadding,\n          style: {\n            dy: isBottom ? -(textFontSize || 12) * 2 : textFontSize,\n            cornerRadius: textBackgroundBorderRadius ?? 4,\n            fill: textBackgroundColor,\n            stroke: textBackgroundBorderColor,\n            lineWidth: textBackgroundBorderWidth,\n          },\n        },\n      },\n      area: {\n        style: {\n          visible: true,\n          fill: areaColor,\n          fillOpacity: areaColorOpacity,\n          stroke: areaBorderColor,\n          lineWidth: areaBorderWidth,\n          cornerRadius: areaBorderRadius,\n        },\n      },\n    }\n  }) as ILineChartSpec['markArea']\n\n  return {\n    ...spec,\n    markArea: markArea,\n  }\n}\n"],"names":["annotationArea","spec","context","advancedVSeed","annotation","annotationAreaList","Array","positionMap","markArea","selectorPoint","text","textPosition","textColor","textFontSize","textFontWeight","textAlign","textBaseline","textBackgroundVisible","textBackgroundColor","textBackgroundBorderColor","textBackgroundBorderWidth","textBackgroundBorderRadius","textBackgroundPadding","areaColor","areaColorOpacity","areaBorderColor","areaBorderRadius","areaBorderWidth","outerPadding","dataset","selectedData","datum","selector","labelPosition","isBottom","ANNOTATION_Z_INDEX","data","positionData","item","isSubset","xyList","yAxisHelper","xAxisHelper","yScale","minX","Math","maxX","minY","maxY","xScale"],"mappings":"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"}

package/dist/esm/pipeline/spec/chart/pipes/annotation/annotationAreaBand.js

@@ -0,0 +1,135 @@
+import { selector } from "../../../../../dataSelector/index.js";
+import { isSubset } from "./utils.js";
+import { ANNOTATION_Z_INDEX } from "../../../../utils/constant.js";
+const annotationAreaBand = (spec, context)=>{
+    const { advancedVSeed } = context;
+    const { annotation } = advancedVSeed;
+    if (!annotation || !annotation.annotationArea) return spec;
+    const { annotationArea } = annotation;
+    const annotationAreaList = Array.isArray(annotationArea) ? annotationArea : [
+        annotationArea
+    ];
+    const positionMap = {
+        top: 'insideTop',
+        topRight: 'insideTopRight',
+        topLeft: 'insideTopLeft',
+        bottom: 'insideBottom',
+        bottomLeft: 'insideBottomLeft',
+        bottomRight: 'insideBottomRight',
+        left: 'insideLeft',
+        right: 'insideRight'
+    };
+    const markArea = annotationAreaList.flatMap((annotationArea)=>{
+        const { selector: selectorPoint, text = '', textPosition = 'top', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'top', textBackgroundVisible = true, textBackgroundColor = '#191d24', textBackgroundBorderColor = '#191d24', textBackgroundBorderWidth = 1, textBackgroundBorderRadius = 4, textBackgroundPadding = 4, areaColor = '#888888', areaColorOpacity = 0.15, areaBorderColor = '#888888', areaBorderRadius = 4, areaBorderWidth = 1, outerPadding = 4 } = annotationArea;
+        const dataset = advancedVSeed.dataset.flat();
+        const selectedData = selectorPoint ? dataset.filter((datum)=>selector(datum, selectorPoint)) : [];
+        return {
+            zIndex: ANNOTATION_Z_INDEX,
+            regionRelative: true,
+            positions: (data, context)=>{
+                const positionData = data.filter((item)=>selectedData.some((datum)=>isSubset(datum, item)));
+                const xyList = positionData.map((datum)=>context.dataToPosition(datum));
+                const yAxisHelper = context.getYAxisHelper();
+                const xAxisHelper = context.getXAxisHelper();
+                if ('function' == typeof xAxisHelper?.getBandwidth) {
+                    const depth = context.fieldX.length ?? 0;
+                    const xBandWidth = xAxisHelper?.getBandwidth?.(depth - 1);
+                    const yScale = yAxisHelper.getScale();
+                    const minX = Math.min(...xyList.map((item)=>item.x)) - (outerPadding || 4);
+                    const maxX = Math.max(...xyList.map((item)=>item.x)) + xBandWidth + (outerPadding || 4);
+                    const minY = Math.min(...yScale.range());
+                    const maxY = Math.max(...yScale.range());
+                    return [
+                        {
+                            x: minX,
+                            y: minY
+                        },
+                        {
+                            x: maxX,
+                            y: minY
+                        },
+                        {
+                            x: maxX,
+                            y: maxY
+                        },
+                        {
+                            x: minX,
+                            y: maxY
+                        }
+                    ];
+                }
+                if ('function' == typeof yAxisHelper?.getBandwidth) {
+                    const depth = context.fieldY.length ?? 0;
+                    const yBandWidth = yAxisHelper?.getBandwidth?.(depth - 1);
+                    const xScale = xAxisHelper.getScale();
+                    const minY = Math.min(...xyList.map((item)=>item.y)) - (outerPadding || 4);
+                    const maxY = Math.max(...xyList.map((item)=>item.y)) + yBandWidth + (outerPadding || 4);
+                    const minX = Math.min(...xScale.range());
+                    const maxX = Math.max(...xScale.range());
+                    return [
+                        {
+                            x: minX,
+                            y: minY
+                        },
+                        {
+                            x: maxX,
+                            y: minY
+                        },
+                        {
+                            x: maxX,
+                            y: maxY
+                        },
+                        {
+                            x: minX,
+                            y: maxY
+                        }
+                    ];
+                }
+                return [];
+            },
+            label: {
+                position: positionMap[textPosition || 'top'],
+                visible: true,
+                text: text,
+                style: {
+                    dy: textFontSize,
+                    textAlign: textAlign,
+                    textBaseline: textBaseline,
+                    stroke: textBackgroundColor,
+                    lineWidth: 1,
+                    fill: textColor,
+                    fontSize: textFontSize,
+                    fontWeight: textFontWeight
+                },
+                labelBackground: {
+                    visible: textBackgroundVisible,
+                    padding: textBackgroundPadding,
+                    style: {
+                        dy: textFontSize,
+                        cornerRadius: textBackgroundBorderRadius ?? 4,
+                        fill: textBackgroundColor,
+                        stroke: textBackgroundBorderColor,
+                        lineWidth: textBackgroundBorderWidth
+                    }
+                }
+            },
+            area: {
+                style: {
+                    visible: true,
+                    fill: areaColor,
+                    fillOpacity: areaColorOpacity,
+                    stroke: areaBorderColor,
+                    lineWidth: areaBorderWidth,
+                    cornerRadius: areaBorderRadius
+                }
+            }
+        };
+    });
+    return {
+        ...spec,
+        markArea: markArea
+    };
+};
+export { annotationAreaBand };
+
+//# sourceMappingURL=annotationAreaBand.js.map

package/dist/esm/pipeline/spec/chart/pipes/annotation/annotationAreaBand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/annotation/annotationAreaBand.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/annotation/annotationAreaBand.ts"],"sourcesContent":["import type { ICartesianSeries, ILineChartSpec } from '@visactor/vchart'\nimport { selector } from '../../../../../dataSelector'\nimport type { Datum, SpecPipe } from 'src/types'\nimport { isSubset } from './utils'\nimport { ANNOTATION_Z_INDEX } from '../../../../utils/constant'\n\nexport const annotationAreaBand: SpecPipe = (spec, context) => {\n  const { advancedVSeed } = context\n  const { annotation } = advancedVSeed\n\n  if (!annotation || !annotation.annotationArea) {\n    return spec\n  }\n\n  const { annotationArea } = annotation\n  const annotationAreaList = Array.isArray(annotationArea) ? annotationArea : [annotationArea]\n\n  const positionMap = {\n    top: 'insideTop',\n    topRight: 'insideTopRight',\n    topLeft: 'insideTopLeft',\n    bottom: 'insideBottom',\n    bottomLeft: 'insideBottomLeft',\n    bottomRight: 'insideBottomRight',\n    left: 'insideLeft',\n    right: 'insideRight',\n  }\n\n  const markArea = annotationAreaList.flatMap((annotationArea) => {\n    const {\n      selector: selectorPoint,\n      text = '',\n      textPosition = 'top',\n      textColor = '#ffffff',\n      textFontSize = 12,\n      textFontWeight = 400,\n      textAlign = 'center',\n      textBaseline = 'top',\n\n      textBackgroundVisible = true,\n      textBackgroundColor = '#191d24',\n      textBackgroundBorderColor = '#191d24',\n      textBackgroundBorderWidth = 1,\n      textBackgroundBorderRadius = 4,\n      textBackgroundPadding = 4,\n\n      areaColor = '#888888',\n      areaColorOpacity = 0.15,\n      areaBorderColor = '#888888',\n      areaBorderRadius = 4,\n      areaBorderWidth = 1,\n\n      outerPadding = 4,\n    } = annotationArea\n\n    const dataset = advancedVSeed.dataset.flat()\n    const selectedData = selectorPoint ? dataset.filter((datum) => selector(datum, selectorPoint)) : []\n\n    return {\n      zIndex: ANNOTATION_Z_INDEX,\n      regionRelative: true,\n      positions: (data: Datum[], context: ICartesianSeries) => {\n        const positionData = data.filter((item) => selectedData.some((datum) => isSubset(datum, item)))\n        const xyList = positionData.map((datum) => context.dataToPosition(datum) as { x: number; y: number })\n\n        const yAxisHelper = context.getYAxisHelper() as unknown as {\n          getBandwidth: (depth?: number) => number\n          getScale: () => {\n            range: () => number[]\n          }\n        }\n        const xAxisHelper = context.getXAxisHelper() as unknown as {\n          getBandwidth: (depth?: number) => number\n          getScale: () => {\n            range: () => number[]\n          }\n        }\n\n        if (typeof xAxisHelper?.getBandwidth === 'function') {\n          const depth = context.fieldX.length ?? 0\n          const xBandWidth = xAxisHelper?.getBandwidth?.(depth - 1)\n          const yScale = yAxisHelper.getScale()\n\n          const minX = Math.min(...xyList.map((item) => item.x)) - (outerPadding || 4)\n          const maxX = Math.max(...xyList.map((item) => item.x)) + xBandWidth + (outerPadding || 4)\n          const minY = Math.min(...yScale.range())\n          const maxY = Math.max(...yScale.range())\n\n          return [\n            // 左上\n            {\n              x: minX,\n              y: minY,\n            },\n            // 右上\n            {\n              x: maxX,\n              y: minY,\n            },\n            // 右下\n            {\n              x: maxX,\n              y: maxY,\n            },\n            // 左下\n            {\n              x: minX,\n              y: maxY,\n            },\n          ]\n        }\n\n        if (typeof yAxisHelper?.getBandwidth === 'function') {\n          const depth = context.fieldY.length ?? 0\n          const yBandWidth = yAxisHelper?.getBandwidth?.(depth - 1)\n          const xScale = xAxisHelper.getScale()\n\n          const minY = Math.min(...xyList.map((item) => item.y)) - (outerPadding || 4)\n          const maxY = Math.max(...xyList.map((item) => item.y)) + yBandWidth + (outerPadding || 4)\n          const minX = Math.min(...xScale.range())\n          const maxX = Math.max(...xScale.range())\n\n          return [\n            // 左上\n            {\n              x: minX,\n              y: minY,\n            },\n            // 右上\n            {\n              x: maxX,\n              y: minY,\n            },\n            // 右下\n            {\n              x: maxX,\n              y: maxY,\n            },\n            // 左下\n            {\n              x: minX,\n              y: maxY,\n            },\n          ]\n        }\n\n        return []\n      },\n      label: {\n        position: positionMap[textPosition || 'top'],\n        visible: true,\n        text: text,\n        style: {\n          dy: textFontSize,\n          textAlign: textAlign,\n          textBaseline: textBaseline,\n          stroke: textBackgroundColor,\n          lineWidth: 1,\n          fill: textColor,\n          fontSize: textFontSize,\n          fontWeight: textFontWeight,\n        },\n\n        labelBackground: {\n          visible: textBackgroundVisible,\n          padding: textBackgroundPadding,\n          style: {\n            dy: textFontSize,\n            cornerRadius: textBackgroundBorderRadius ?? 4,\n            fill: textBackgroundColor,\n            stroke: textBackgroundBorderColor,\n            lineWidth: textBackgroundBorderWidth,\n          },\n        },\n      },\n      area: {\n        style: {\n          visible: true,\n          fill: areaColor,\n          fillOpacity: areaColorOpacity,\n          stroke: areaBorderColor,\n          lineWidth: areaBorderWidth,\n          cornerRadius: areaBorderRadius,\n        },\n      },\n    }\n  }) as ILineChartSpec['markArea']\n\n  return {\n    ...spec,\n    markArea: markArea,\n  }\n}\n"],"names":["annotationAreaBand","spec","context","advancedVSeed","annotation","annotationArea","annotationAreaList","Array","positionMap","markArea","selectorPoint","text","textPosition","textColor","textFontSize","textFontWeight","textAlign","textBaseline","textBackgroundVisible","textBackgroundColor","textBackgroundBorderColor","textBackgroundBorderWidth","textBackgroundBorderRadius","textBackgroundPadding","areaColor","areaColorOpacity","areaBorderColor","areaBorderRadius","areaBorderWidth","outerPadding","dataset","selectedData","datum","selector","ANNOTATION_Z_INDEX","data","positionData","item","isSubset","xyList","yAxisHelper","xAxisHelper","depth","xBandWidth","yScale","minX","Math","maxX","minY","maxY","yBandWidth","xScale"],"mappings":"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"}

package/dist/esm/pipeline/spec/chart/pipes/annotation/annotationHorizontalLine.js

@@ -0,0 +1,104 @@
+import { selector } from "../../../../../dataSelector/index.js";
+import { isArray, isNumber, isString } from "remeda";
+import { ANNOTATION_Z_INDEX } from "../../../../utils/constant.js";
+const annotationHorizontalLine_annotationHorizontalLine = (spec, context)=>{
+    const { advancedVSeed } = context;
+    const { annotation, datasetReshapeInfo } = advancedVSeed;
+    const { foldInfo, unfoldInfo } = datasetReshapeInfo[0];
+    if (!annotation || !annotation.annotationHorizontalLine) return spec;
+    const { annotationHorizontalLine } = annotation;
+    const annotationHorizontalLineList = Array.isArray(annotationHorizontalLine) ? annotationHorizontalLine : [
+        annotationHorizontalLine
+    ];
+    const positionMap = {
+        outsideStart: 'start',
+        outsideEnd: 'end',
+        outsideMiddle: 'middle',
+        insideStart: 'insideStartTop',
+        insideMiddle: 'insideMiddleTop',
+        insideEnd: 'insideEndTop'
+    };
+    const markLine = annotationHorizontalLineList.flatMap((annotationHorizontalLine)=>{
+        const { selector: selectorPoint, yValue, text = '', textPosition = 'insideEnd', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'right', textBaseline = 'top', lineColor = '#212121', lineStyle = 'dashed', lineVisible = true, lineWidth = 1, textBackgroundVisible = true, textBackgroundColor = '#212121', textBackgroundBorderColor = '#212121', textBackgroundBorderRadius = 4, textBackgroundBorderWidth = 1, textBackgroundPadding = 2 } = annotationHorizontalLine;
+        const dataset = advancedVSeed.dataset.flat();
+        const generateOneMarkLine = (y)=>({
+                y,
+                zIndex: ANNOTATION_Z_INDEX,
+                line: {
+                    style: {
+                        visible: lineVisible,
+                        stroke: lineColor,
+                        lineStyle: lineStyle,
+                        lineWidth: lineWidth,
+                        lineDash: 'dashed' === lineStyle ? [
+                            5,
+                            2
+                        ] : 'dotted' === lineStyle ? [
+                            2,
+                            5
+                        ] : [
+                            0
+                        ]
+                    }
+                },
+                label: {
+                    text: text,
+                    position: positionMap[textPosition || 'insideEnd'],
+                    style: {
+                        visible: true,
+                        dy: textFontSize,
+                        stroke: textBackgroundColor,
+                        lineWidth: 1,
+                        textAlign: textAlign,
+                        textBaseline: textBaseline,
+                        fill: textColor,
+                        fontSize: textFontSize,
+                        fontWeight: textFontWeight
+                    },
+                    labelBackground: {
+                        visible: textBackgroundVisible,
+                        padding: textBackgroundPadding,
+                        style: {
+                            dy: textFontSize,
+                            cornerRadius: textBackgroundBorderRadius ?? 4,
+                            fill: textBackgroundColor,
+                            stroke: textBackgroundBorderColor,
+                            lineWidth: textBackgroundBorderWidth
+                        }
+                    }
+                },
+                endSymbol: {
+                    visible: true,
+                    size: 10 + (lineWidth || 1),
+                    style: {
+                        dx: -4,
+                        fill: lineColor
+                    }
+                }
+            });
+        if (!selectorPoint && isArray(yValue) || isString(yValue) || isNumber(yValue)) {
+            const yValueArr = Array.isArray(yValue) ? yValue : [
+                yValue
+            ];
+            return yValueArr.map(generateOneMarkLine);
+        }
+        const selectedData = selectorPoint ? dataset.filter((datum)=>selector(datum, selectorPoint)) : [];
+        return selectedData.map((datum)=>{
+            if (datum[unfoldInfo.encodingY]) return generateOneMarkLine(datum[unfoldInfo.encodingY]);
+            if (datum[foldInfo.measureValue]) return generateOneMarkLine(datum[foldInfo.measureValue]);
+            return {};
+        });
+    });
+    const specMarkLine = spec.markLine || [];
+    const newMarkLine = [
+        ...specMarkLine,
+        ...markLine || []
+    ];
+    return {
+        ...spec,
+        markLine: newMarkLine
+    };
+};
+export { annotationHorizontalLine_annotationHorizontalLine as annotationHorizontalLine };
+
+//# sourceMappingURL=annotationHorizontalLine.js.map

package/dist/esm/pipeline/spec/chart/pipes/annotation/annotationHorizontalLine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/annotation/annotationHorizontalLine.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/annotation/annotationHorizontalLine.ts"],"sourcesContent":["import type { ILineChartSpec, IMarkLineSpec } from '@visactor/vchart'\nimport { selector } from '../../../../../dataSelector'\nimport type { SpecPipe } from 'src/types'\nimport { isArray, isNumber, isString } from 'remeda'\nimport { ANNOTATION_Z_INDEX } from '../../../../utils/constant'\n\nexport const annotationHorizontalLine: SpecPipe = (spec, context) => {\n  const { advancedVSeed } = context\n  const { annotation, datasetReshapeInfo } = advancedVSeed\n  const { foldInfo, unfoldInfo } = datasetReshapeInfo[0]\n\n  if (!annotation || !annotation.annotationHorizontalLine) {\n    return spec\n  }\n\n  const { annotationHorizontalLine } = annotation\n  const annotationHorizontalLineList = Array.isArray(annotationHorizontalLine)\n    ? annotationHorizontalLine\n    : [annotationHorizontalLine]\n\n  const positionMap = {\n    outsideStart: 'start',\n    outsideEnd: 'end',\n    outsideMiddle: 'middle',\n    insideStart: 'insideStartTop',\n    insideMiddle: 'insideMiddleTop',\n    insideEnd: 'insideEndTop',\n  }\n\n  const markLine = annotationHorizontalLineList.flatMap((annotationHorizontalLine) => {\n    const {\n      selector: selectorPoint,\n      yValue,\n      text = '',\n      textPosition = 'insideEnd',\n      textColor = '#ffffff',\n      textFontSize = 12,\n      textFontWeight = 400,\n      textAlign = 'right',\n      textBaseline = 'top',\n\n      lineColor = '#212121',\n      lineStyle = 'dashed',\n      lineVisible = true,\n      lineWidth = 1,\n\n      textBackgroundVisible = true,\n      textBackgroundColor = '#212121',\n      textBackgroundBorderColor = '#212121',\n      textBackgroundBorderRadius = 4,\n      textBackgroundBorderWidth = 1,\n      textBackgroundPadding = 2,\n    } = annotationHorizontalLine\n\n    const dataset = advancedVSeed.dataset.flat()\n\n    const generateOneMarkLine = (y: string | number) => {\n      return {\n        y,\n        zIndex: ANNOTATION_Z_INDEX,\n        line: {\n          style: {\n            visible: lineVisible,\n            stroke: lineColor,\n            lineStyle: lineStyle,\n            lineWidth: lineWidth,\n            lineDash: lineStyle === 'dashed' ? [5, 2] : lineStyle === 'dotted' ? [2, 5] : [0],\n          },\n        },\n        label: {\n          text: text,\n          position: positionMap[textPosition || 'insideEnd'],\n          style: {\n            visible: true,\n            dy: textFontSize,\n            stroke: textBackgroundColor,\n            lineWidth: 1,\n            textAlign: textAlign,\n            textBaseline: textBaseline,\n            fill: textColor,\n            fontSize: textFontSize,\n            fontWeight: textFontWeight,\n          },\n          labelBackground: {\n            visible: textBackgroundVisible,\n            padding: textBackgroundPadding,\n            style: {\n              dy: textFontSize,\n              cornerRadius: textBackgroundBorderRadius ?? 4,\n              fill: textBackgroundColor,\n              stroke: textBackgroundBorderColor,\n              lineWidth: textBackgroundBorderWidth,\n            },\n          },\n        },\n        endSymbol: {\n          visible: true,\n          size: 10 + (lineWidth || 1),\n          style: {\n            dx: -4,\n            fill: lineColor,\n          },\n        },\n      }\n    }\n    if ((!selectorPoint && isArray(yValue)) || isString(yValue) || isNumber(yValue)) {\n      const yValueArr = Array.isArray(yValue) ? yValue : [yValue]\n      return yValueArr.map(generateOneMarkLine)\n    }\n\n    const selectedData = selectorPoint ? dataset.filter((datum) => selector(datum, selectorPoint)) : []\n\n    return selectedData.map((datum) => {\n      if (datum[unfoldInfo.encodingY]) {\n        return generateOneMarkLine(datum[unfoldInfo.encodingY] as string)\n      }\n      if (datum[foldInfo.measureValue]) {\n        return generateOneMarkLine(datum[foldInfo.measureValue] as string)\n      }\n      return {}\n    })\n  }) as IMarkLineSpec[]\n  const specMarkLine = ((spec as ILineChartSpec).markLine as IMarkLineSpec[]) || []\n  const newMarkLine = [...specMarkLine, ...(markLine || [])]\n  return {\n    ...spec,\n    markLine: newMarkLine,\n  }\n}\n"],"names":["annotationHorizontalLine","spec","context","advancedVSeed","annotation","datasetReshapeInfo","foldInfo","unfoldInfo","annotationHorizontalLineList","Array","positionMap","markLine","selectorPoint","yValue","text","textPosition","textColor","textFontSize","textFontWeight","textAlign","textBaseline","lineColor","lineStyle","lineVisible","lineWidth","textBackgroundVisible","textBackgroundColor","textBackgroundBorderColor","textBackgroundBorderRadius","textBackgroundBorderWidth","textBackgroundPadding","dataset","generateOneMarkLine","y","ANNOTATION_Z_INDEX","isArray","isString","isNumber","yValueArr","selectedData","datum","selector","specMarkLine","newMarkLine"],"mappings":";;;AAMO,MAAMA,oDAAqC,CAACC,MAAMC;IACvD,MAAM,EAAEC,aAAa,EAAE,GAAGD;IAC1B,MAAM,EAAEE,UAAU,EAAEC,kBAAkB,EAAE,GAAGF;IAC3C,MAAM,EAAEG,QAAQ,EAAEC,UAAU,EAAE,GAAGF,kBAAkB,CAAC,EAAE;IAEtD,IAAI,CAACD,cAAc,CAACA,WAAW,wBAAwB,EACrD,OAAOH;IAGT,MAAM,EAAED,wBAAwB,EAAE,GAAGI;IACrC,MAAMI,+BAA+BC,MAAM,OAAO,CAACT,4BAC/CA,2BACA;QAACA;KAAyB;IAE9B,MAAMU,cAAc;QAClB,cAAc;QACd,YAAY;QACZ,eAAe;QACf,aAAa;QACb,cAAc;QACd,WAAW;IACb;IAEA,MAAMC,WAAWH,6BAA6B,OAAO,CAAC,CAACR;QACrD,MAAM,EACJ,UAAUY,aAAa,EACvBC,MAAM,EACNC,OAAO,EAAE,EACTC,eAAe,WAAW,EAC1BC,YAAY,SAAS,EACrBC,eAAe,EAAE,EACjBC,iBAAiB,GAAG,EACpBC,YAAY,OAAO,EACnBC,eAAe,KAAK,EAEpBC,YAAY,SAAS,EACrBC,YAAY,QAAQ,EACpBC,cAAc,IAAI,EAClBC,YAAY,CAAC,EAEbC,wBAAwB,IAAI,EAC5BC,sBAAsB,SAAS,EAC/BC,4BAA4B,SAAS,EACrCC,6BAA6B,CAAC,EAC9BC,4BAA4B,CAAC,EAC7BC,wBAAwB,CAAC,EAC1B,GAAG9B;QAEJ,MAAM+B,UAAU5B,cAAc,OAAO,CAAC,IAAI;QAE1C,MAAM6B,sBAAsB,CAACC,IACpB;gBACLA;gBACA,QAAQC;gBACR,MAAM;oBACJ,OAAO;wBACL,SAASX;wBACT,QAAQF;wBACR,WAAWC;wBACX,WAAWE;wBACX,UAAUF,AAAc,aAAdA,YAAyB;4BAAC;4BAAG;yBAAE,GAAGA,AAAc,aAAdA,YAAyB;4BAAC;4BAAG;yBAAE,GAAG;4BAAC;yBAAE;oBACnF;gBACF;gBACA,OAAO;oBACL,MAAMR;oBACN,UAAUJ,WAAW,CAACK,gBAAgB,YAAY;oBAClD,OAAO;wBACL,SAAS;wBACT,IAAIE;wBACJ,QAAQS;wBACR,WAAW;wBACX,WAAWP;wBACX,cAAcC;wBACd,MAAMJ;wBACN,UAAUC;wBACV,YAAYC;oBACd;oBACA,iBAAiB;wBACf,SAASO;wBACT,SAASK;wBACT,OAAO;4BACL,IAAIb;4BACJ,cAAcW,8BAA8B;4BAC5C,MAAMF;4BACN,QAAQC;4BACR,WAAWE;wBACb;oBACF;gBACF;gBACA,WAAW;oBACT,SAAS;oBACT,MAAM,KAAML,CAAAA,aAAa;oBACzB,OAAO;wBACL,IAAI;wBACJ,MAAMH;oBACR;gBACF;YACF;QAEF,IAAK,CAACT,iBAAiBuB,QAAQtB,WAAYuB,SAASvB,WAAWwB,SAASxB,SAAS;YAC/E,MAAMyB,YAAY7B,MAAM,OAAO,CAACI,UAAUA,SAAS;gBAACA;aAAO;YAC3D,OAAOyB,UAAU,GAAG,CAACN;QACvB;QAEA,MAAMO,eAAe3B,gBAAgBmB,QAAQ,MAAM,CAAC,CAACS,QAAUC,SAASD,OAAO5B,kBAAkB,EAAE;QAEnG,OAAO2B,aAAa,GAAG,CAAC,CAACC;YACvB,IAAIA,KAAK,CAACjC,WAAW,SAAS,CAAC,EAC7B,OAAOyB,oBAAoBQ,KAAK,CAACjC,WAAW,SAAS,CAAC;YAExD,IAAIiC,KAAK,CAAClC,SAAS,YAAY,CAAC,EAC9B,OAAO0B,oBAAoBQ,KAAK,CAAClC,SAAS,YAAY,CAAC;YAEzD,OAAO,CAAC;QACV;IACF;IACA,MAAMoC,eAAiBzC,KAAwB,QAAQ,IAAwB,EAAE;IACjF,MAAM0C,cAAc;WAAID;WAAkB/B,YAAY,EAAE;KAAE;IAC1D,OAAO;QACL,GAAGV,IAAI;QACP,UAAU0C;IACZ;AACF"}

package/dist/esm/pipeline/spec/chart/pipes/annotation/annotationPoint.js

@@ -0,0 +1,70 @@
+import { selector } from "../../../../../dataSelector/index.js";
+import { isSubset } from "./utils.js";
+import { ANNOTATION_Z_INDEX } from "../../../../utils/constant.js";
+const annotationPoint_annotationPoint = (spec, context)=>{
+    const { advancedVSeed } = context;
+    const { annotation } = advancedVSeed;
+    if (!annotation || !annotation.annotationPoint) return spec;
+    const { annotationPoint } = annotation;
+    const annotationPointList = Array.isArray(annotationPoint) ? annotationPoint : [
+        annotationPoint
+    ];
+    const markPoint = annotationPointList.flatMap((annotationPoint)=>{
+        const { selector: selectorPoint, text = '', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'top', textBackgroundBorderColor, textBackgroundBorderRadius = 4, textBackgroundBorderWidth = 1, textBackgroundColor = '#212121', textBackgroundPadding = 2, textBackgroundVisible = true, offsetX = 0, offsetY = 0 } = annotationPoint;
+        const dataset = advancedVSeed.dataset.flat();
+        const selectedData = selectorPoint ? dataset.filter((datum)=>selector(datum, selectorPoint)) : [];
+        return selectedData.map((datum)=>({
+                zIndex: ANNOTATION_Z_INDEX,
+                regionRelative: true,
+                position: (data, context)=>{
+                    const targetDatum = data.find((item)=>isSubset(datum, item));
+                    if (targetDatum) {
+                        const { x, y } = context.dataToPosition(targetDatum);
+                        return {
+                            x,
+                            y
+                        };
+                    }
+                },
+                itemLine: {
+                    visible: false
+                },
+                itemContent: {
+                    offsetY,
+                    offsetX,
+                    text: {
+                        text: text,
+                        style: {
+                            visible: true,
+                            textAlign: textAlign,
+                            textBaseline: textBaseline,
+                            fill: textColor,
+                            stroke: textBackgroundColor,
+                            lineWidth: 1,
+                            fontSize: textFontSize,
+                            fontWeight: textFontWeight,
+                            dy: textFontSize
+                        },
+                        labelBackground: {
+                            visible: textBackgroundVisible,
+                            padding: textBackgroundPadding,
+                            style: {
+                                cornerRadius: textBackgroundBorderRadius ?? 4,
+                                fill: textBackgroundColor,
+                                stroke: textBackgroundBorderColor,
+                                lineWidth: textBackgroundBorderWidth,
+                                dy: textFontSize
+                            }
+                        }
+                    }
+                }
+            }));
+    });
+    return {
+        ...spec,
+        markPoint
+    };
+};
+export { annotationPoint_annotationPoint as annotationPoint };
+
+//# sourceMappingURL=annotationPoint.js.map