@visactor/vseed 0.1.40 → 0.1.42

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

@@ -1,4 +1,4 @@
-import { backgroundColor, color, colorAdapter, colorLegend, colorRoseStyleFill, datasetPivot, datasetXY, discreteLegend, initPivot, initRose, labelPie, linearColor, pivotAdapter, pivotColorLegend, pivotColumnDimensions, pivotDiscreteLegend, pivotGridStyle, pivotHideIndicatorName, pivotIndicators, pivotIndicatorsAsRow, pivotRowDimensions, progressive, radiusAxis, roseStyle, stackCornerRadius, stackInverse, tooltip, verticalCrosshairRect } from "../pipes/index.js";
+import { addRegionPadding, backgroundColor, color, colorAdapter, colorLegend, colorRoseStyleFill, datasetPivot, datasetXY, discreteLegend, initPivot, initRose, labelPie, linearColor, pivotAdapter, pivotColorLegend, pivotColumnDimensions, pivotDiscreteLegend, pivotGridStyle, pivotHideIndicatorName, pivotIndicators, pivotIndicatorsAsRow, pivotRowDimensions, pivotTitle, progressive, radiusAxis, roseStyle, stackCornerRadius, stackInverse, tooltip, verticalCrosshairRect } from "../pipes/index.js";
 const rose = [
     initRose,
     stackCornerRadius,
@@ -22,6 +22,7 @@ const pivotRose = [
     datasetPivot,
     pivotIndicators([
         initRose,
+        addRegionPadding,
         stackCornerRadius,
         stackInverse,
         colorAdapter(color, linearColor),
@@ -36,6 +37,7 @@ const pivotRose = [
     ]),
     pivotRowDimensions,
     pivotColumnDimensions,
+    pivotTitle,
     colorAdapter(pivotDiscreteLegend, pivotColorLegend)
 ];
 const roseSpecPipeline = [

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

@@ -1 +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  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  progressive,\n  linearColor,\n  colorAdapter,\n  pivotColorLegend,\n  colorLegend,\n  roseStyle,\n  colorRoseStyleFill,\n  labelPie,\n  pivotHideIndicatorName,\n} from '../pipes'\n\nconst rose: SpecPipeline = [\n  initRose,\n  stackCornerRadius,\n  stackInverse,\n  colorAdapter(color, linearColor),\n  backgroundColor,\n  datasetXY,\n  progressive,\n  radiusAxis,\n  verticalCrosshairRect,\n  colorRoseStyleFill(roseStyle),\n  colorAdapter(discreteLegend, colorLegend),\n  labelPie,\n  tooltip,\n]\n\nconst pivotRose: SpecPipeline = [\n  initPivot,\n  pivotGridStyle,\n  pivotIndicatorsAsRow,\n  pivotHideIndicatorName,\n  datasetPivot,\n  pivotIndicators([\n    initRose,\n    stackCornerRadius,\n    stackInverse,\n    colorAdapter(color, linearColor),\n    backgroundColor,\n    datasetXY,\n    progressive,\n    radiusAxis,\n    verticalCrosshairRect,\n    colorRoseStyleFill(roseStyle),\n    labelPie,\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","radiusAxis","verticalCrosshairRect","colorRoseStyleFill","roseStyle","discreteLegend","colorLegend","labelPie","tooltip","pivotRose","initPivot","pivotGridStyle","pivotIndicatorsAsRow","pivotHideIndicatorName","datasetPivot","pivotIndicators","pivotRowDimensions","pivotColumnDimensions","pivotDiscreteLegend","pivotColorLegend","roseSpecPipeline","pivotAdapter"],"mappings":";AAgCA,MAAMA,OAAqB;IACzBC;IACAC;IACAC;IACAC,aAAaC,OAAOC;IACpBC;IACAC;IACAC;IACAC;IACAC;IACAC,mBAAmBC;IACnBT,aAAaU,gBAAgBC;IAC7BC;IACAC;CACD;AAED,MAAMC,YAA0B;IAC9BC;IACAC;IACAC;IACAC;IACAC;IACAC,gBAAgB;QACdvB;QACAC;QACAC;QACAC,aAAaC,OAAOC;QACpBC;QACAC;QACAC;QACAC;QACAC;QACAC,mBAAmBC;QACnBG;QACAC;KACD;IACDQ;IACAC;IACAtB,aAAauB,qBAAqBC;CACnC;AAEM,MAAMC,mBAAmB;IAACC,aAAa9B,MAAMkB;CAAW"}
+{"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  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  progressive,\n  linearColor,\n  colorAdapter,\n  pivotColorLegend,\n  colorLegend,\n  roseStyle,\n  colorRoseStyleFill,\n  labelPie,\n  pivotHideIndicatorName,\n  pivotTitle,\n  addRegionPadding,\n} from '../pipes'\n\nconst rose: SpecPipeline = [\n  initRose,\n  stackCornerRadius,\n  stackInverse,\n  colorAdapter(color, linearColor),\n  backgroundColor,\n  datasetXY,\n  progressive,\n  radiusAxis,\n  verticalCrosshairRect,\n  colorRoseStyleFill(roseStyle),\n  colorAdapter(discreteLegend, colorLegend),\n  labelPie,\n  tooltip,\n]\n\nconst pivotRose: SpecPipeline = [\n  initPivot,\n  pivotGridStyle,\n  pivotIndicatorsAsRow,\n  pivotHideIndicatorName,\n  datasetPivot,\n  pivotIndicators([\n    initRose,\n    addRegionPadding,\n    stackCornerRadius,\n    stackInverse,\n    colorAdapter(color, linearColor),\n    backgroundColor,\n    datasetXY,\n    progressive,\n    radiusAxis,\n    verticalCrosshairRect,\n    colorRoseStyleFill(roseStyle),\n    labelPie,\n    tooltip,\n  ]),\n  pivotRowDimensions,\n  pivotColumnDimensions,\n  pivotTitle,\n  colorAdapter(pivotDiscreteLegend, pivotColorLegend),\n]\n\nexport const roseSpecPipeline = [pivotAdapter(rose, pivotRose)]\n"],"names":["rose","initRose","stackCornerRadius","stackInverse","colorAdapter","color","linearColor","backgroundColor","datasetXY","progressive","radiusAxis","verticalCrosshairRect","colorRoseStyleFill","roseStyle","discreteLegend","colorLegend","labelPie","tooltip","pivotRose","initPivot","pivotGridStyle","pivotIndicatorsAsRow","pivotHideIndicatorName","datasetPivot","pivotIndicators","addRegionPadding","pivotRowDimensions","pivotColumnDimensions","pivotTitle","pivotDiscreteLegend","pivotColorLegend","roseSpecPipeline","pivotAdapter"],"mappings":";AAkCA,MAAMA,OAAqB;IACzBC;IACAC;IACAC;IACAC,aAAaC,OAAOC;IACpBC;IACAC;IACAC;IACAC;IACAC;IACAC,mBAAmBC;IACnBT,aAAaU,gBAAgBC;IAC7BC;IACAC;CACD;AAED,MAAMC,YAA0B;IAC9BC;IACAC;IACAC;IACAC;IACAC;IACAC,gBAAgB;QACdvB;QACAwB;QACAvB;QACAC;QACAC,aAAaC,OAAOC;QACpBC;QACAC;QACAC;QACAC;QACAC;QACAC,mBAAmBC;QACnBG;QACAC;KACD;IACDS;IACAC;IACAC;IACAxB,aAAayB,qBAAqBC;CACnC;AAEM,MAAMC,mBAAmB;IAACC,aAAahC,MAAMkB;CAAW"}

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

@@ -1,4 +1,4 @@
-import { annotationAreaBand, annotationHorizontalLine, annotationPoint, annotationVerticalLine, backgroundColor, color, colorAdapter, colorLegend, colorRoseStyleFill, datasetPivot, datasetXY, discreteLegend, initPivot, initRoseParallel, labelPie, linearColor, pivotAdapter, pivotColorLegend, pivotColumnDimensions, pivotDiscreteLegend, pivotGridStyle, pivotHideIndicatorName, pivotIndicators, pivotIndicatorsAsRow, pivotRowDimensions, progressive, radiusAxis, roseStyle, stackCornerRadius, tooltip, verticalCrosshairRect } from "../pipes/index.js";
+import { addRegionPadding, annotationAreaBand, annotationHorizontalLine, annotationPoint, annotationVerticalLine, backgroundColor, color, colorAdapter, colorLegend, colorRoseStyleFill, datasetPivot, datasetXY, discreteLegend, initPivot, initRoseParallel, labelPie, linearColor, pivotAdapter, pivotColorLegend, pivotColumnDimensions, pivotDiscreteLegend, pivotGridStyle, pivotHideIndicatorName, pivotIndicators, pivotIndicatorsAsRow, pivotRowDimensions, pivotTitle, progressive, radiusAxis, roseStyle, stackCornerRadius, tooltip, verticalCrosshairRect } from "../pipes/index.js";
 const roseParallel = [
     initRoseParallel,
     stackCornerRadius,
@@ -25,6 +25,7 @@ const pivotRoseParallel = [
     datasetPivot,
     pivotIndicators([
         initRoseParallel,
+        addRegionPadding,
         stackCornerRadius,
         colorAdapter(color, linearColor),
         backgroundColor,
@@ -42,6 +43,7 @@ const pivotRoseParallel = [
     ]),
     pivotRowDimensions,
     pivotColumnDimensions,
+    pivotTitle,
     colorAdapter(pivotDiscreteLegend, pivotColorLegend)
 ];
 const roseParallelSpecPipeline = [

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

@@ -1 +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  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  progressive,\n  pivotColorLegend,\n  colorAdapter,\n  linearColor,\n  colorLegend,\n  roseStyle,\n  colorRoseStyleFill,\n  labelPie,\n  pivotHideIndicatorName,\n} from '../pipes'\n\nconst roseParallel: SpecPipeline = [\n  initRoseParallel,\n  stackCornerRadius,\n  colorAdapter(color, linearColor),\n  backgroundColor,\n  datasetXY,\n  progressive,\n  radiusAxis,\n  colorRoseStyleFill(roseStyle),\n  colorAdapter(discreteLegend, colorLegend),\n  labelPie,\n  tooltip,\n  verticalCrosshairRect,\n  annotationPoint,\n  annotationVerticalLine,\n  annotationHorizontalLine,\n  annotationAreaBand,\n]\n\nconst pivotRoseParallel: SpecPipeline = [\n  initPivot,\n  pivotGridStyle,\n  pivotIndicatorsAsRow,\n  pivotHideIndicatorName,\n  datasetPivot,\n  pivotIndicators([\n    initRoseParallel,\n    stackCornerRadius,\n    colorAdapter(color, linearColor),\n    backgroundColor,\n    datasetXY,\n    progressive,\n    radiusAxis,\n    verticalCrosshairRect,\n    colorRoseStyleFill(roseStyle),\n    labelPie,\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","colorRoseStyleFill","roseStyle","discreteLegend","colorLegend","labelPie","tooltip","verticalCrosshairRect","annotationPoint","annotationVerticalLine","annotationHorizontalLine","annotationAreaBand","pivotRoseParallel","initPivot","pivotGridStyle","pivotIndicatorsAsRow","pivotHideIndicatorName","datasetPivot","pivotIndicators","pivotRowDimensions","pivotColumnDimensions","pivotDiscreteLegend","pivotColorLegend","roseParallelSpecPipeline","pivotAdapter"],"mappings":";AAmCA,MAAMA,eAA6B;IACjCC;IACAC;IACAC,aAAaC,OAAOC;IACpBC;IACAC;IACAC;IACAC;IACAC,mBAAmBC;IACnBR,aAAaS,gBAAgBC;IAC7BC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;CACD;AAED,MAAMC,oBAAkC;IACtCC;IACAC;IACAC;IACAC;IACAC;IACAC,gBAAgB;QACd1B;QACAC;QACAC,aAAaC,OAAOC;QACpBC;QACAC;QACAC;QACAC;QACAO;QACAN,mBAAmBC;QACnBG;QACAC;QACAE;QACAC;QACAC;QACAC;KACD;IACDQ;IACAC;IACA1B,aAAa2B,qBAAqBC;CACnC;AAEM,MAAMC,2BAAyC;IAACC,aAAajC,cAAcqB;CAAmB"}
+{"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  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  progressive,\n  pivotColorLegend,\n  colorAdapter,\n  linearColor,\n  colorLegend,\n  roseStyle,\n  colorRoseStyleFill,\n  labelPie,\n  pivotHideIndicatorName,\n  pivotTitle,\n  addRegionPadding,\n} from '../pipes'\n\nconst roseParallel: SpecPipeline = [\n  initRoseParallel,\n  stackCornerRadius,\n  colorAdapter(color, linearColor),\n  backgroundColor,\n  datasetXY,\n  progressive,\n  radiusAxis,\n  colorRoseStyleFill(roseStyle),\n  colorAdapter(discreteLegend, colorLegend),\n  labelPie,\n  tooltip,\n  verticalCrosshairRect,\n  annotationPoint,\n  annotationVerticalLine,\n  annotationHorizontalLine,\n  annotationAreaBand,\n]\n\nconst pivotRoseParallel: SpecPipeline = [\n  initPivot,\n  pivotGridStyle,\n  pivotIndicatorsAsRow,\n  pivotHideIndicatorName,\n  datasetPivot,\n  pivotIndicators([\n    initRoseParallel,\n    addRegionPadding,\n    stackCornerRadius,\n    colorAdapter(color, linearColor),\n    backgroundColor,\n    datasetXY,\n    progressive,\n    radiusAxis,\n    verticalCrosshairRect,\n    colorRoseStyleFill(roseStyle),\n    labelPie,\n    tooltip,\n    annotationPoint,\n    annotationVerticalLine,\n    annotationHorizontalLine,\n    annotationAreaBand,\n  ]),\n  pivotRowDimensions,\n  pivotColumnDimensions,\n  pivotTitle,\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","colorRoseStyleFill","roseStyle","discreteLegend","colorLegend","labelPie","tooltip","verticalCrosshairRect","annotationPoint","annotationVerticalLine","annotationHorizontalLine","annotationAreaBand","pivotRoseParallel","initPivot","pivotGridStyle","pivotIndicatorsAsRow","pivotHideIndicatorName","datasetPivot","pivotIndicators","addRegionPadding","pivotRowDimensions","pivotColumnDimensions","pivotTitle","pivotDiscreteLegend","pivotColorLegend","roseParallelSpecPipeline","pivotAdapter"],"mappings":";AAqCA,MAAMA,eAA6B;IACjCC;IACAC;IACAC,aAAaC,OAAOC;IACpBC;IACAC;IACAC;IACAC;IACAC,mBAAmBC;IACnBR,aAAaS,gBAAgBC;IAC7BC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;CACD;AAED,MAAMC,oBAAkC;IACtCC;IACAC;IACAC;IACAC;IACAC;IACAC,gBAAgB;QACd1B;QACA2B;QACA1B;QACAC,aAAaC,OAAOC;QACpBC;QACAC;QACAC;QACAC;QACAO;QACAN,mBAAmBC;QACnBG;QACAC;QACAE;QACAC;QACAC;QACAC;KACD;IACDS;IACAC;IACAC;IACA5B,aAAa6B,qBAAqBC;CACnC;AAEM,MAAMC,2BAAyC;IAACC,aAAanC,cAAcqB;CAAmB"}

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

@@ -1,4 +1,4 @@
-import { annotationArea, annotationHorizontalLine, annotationPoint, annotationVerticalLine, backgroundColor, color, colorAdapter, colorLegend, colorPointStyleFill, datasetPivot, datasetScatter, discreteLegend, horizontalCrosshairLine, initPivot, initScatter, labelScatter, linearColor, pivotAdapter, pivotColorLegend, pivotColumnDimensions, pivotDiscreteLegend, pivotGridStyle, pivotIndicators, pivotIndicatorsAsRow, pivotRowDimensions, pointStateHover, pointStyle, progressive, scatterSize, tooltipScatter, verticalCrosshairLine, xLinear, yLinear } from "../pipes/index.js";
+import { annotationArea, annotationHorizontalLine, annotationPoint, annotationVerticalLine, backgroundColor, color, colorAdapter, colorLegend, colorPointStyleFill, datasetPivot, datasetScatter, discreteLegend, horizontalCrosshairLine, initPivot, initScatter, labelScatter, linearColor, linearRegressionLine, logisticRegressionLine, lowessRegressionLine, pivotAdapter, pivotAxisStyle, pivotColorLegend, pivotColumnDimensions, pivotDiscreteLegend, pivotGridStyle, pivotIndicators, pivotIndicatorsAsRow, pivotRowDimensions, pivotTitle, pointStateHover, pointStyle, polynomialRegressionLine, progressive, scatterSize, tooltipScatter, verticalCrosshairLine, xLinear, yLinear } from "../pipes/index.js";
 const scatter = [
     initScatter,
     colorAdapter(color, linearColor),
@@ -18,7 +18,11 @@ const scatter = [
     annotationPoint,
     annotationVerticalLine,
     annotationHorizontalLine,
-    annotationArea
+    annotationArea,
+    linearRegressionLine,
+    lowessRegressionLine,
+    polynomialRegressionLine,
+    logisticRegressionLine
 ];
 const pivotScatter = [
     initPivot,
@@ -32,7 +36,7 @@ const pivotScatter = [
         datasetScatter,
         progressive,
         xLinear,
-        yLinear,
+        pivotAxisStyle(yLinear),
         scatterSize,
         labelScatter,
         tooltipScatter,
@@ -43,10 +47,13 @@ const pivotScatter = [
         annotationPoint,
         annotationVerticalLine,
         annotationHorizontalLine,
-        annotationArea
+        annotationArea,
+        linearRegressionLine,
+        lowessRegressionLine
     ]),
     pivotRowDimensions,
     pivotColumnDimensions,
+    pivotTitle,
     colorAdapter(pivotDiscreteLegend, pivotColorLegend)
 ];
 const scatterSpecPipeline = [

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

@@ -1 +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  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  labelScatter,\n  scatterSize,\n} from '../pipes'\n\nconst scatter: SpecPipeline = [\n  initScatter,\n  colorAdapter(color, linearColor),\n  backgroundColor,\n  datasetScatter,\n  progressive,\n  xLinear,\n  yLinear,\n  scatterSize,\n  labelScatter,\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    scatterSize,\n    labelScatter,\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","scatterSize","labelScatter","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":";AAqCA,MAAMA,UAAwB;IAC5BC;IACAC,aAAaC,OAAOC;IACpBC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAV,aAAaW,gBAAgBC;IAC7BC;IACAC;IACAC,oBAAoBC;IACpBC;IACAC;IACAC;IACAC;IACAC;CACD;AAED,MAAMC,eAA6B;IACjCC;IACAC;IACAC;IACAC;IACAC,gBAAgB;QACd5B;QACAC,aAAaC,OAAOC;QACpBC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAG;QACAC;QACAC,oBAAoBC;QACpBC;QACAC;QACAC;QACAC;QACAC;KACD;IACDO;IACAC;IACA7B,aAAa8B,qBAAqBC;CACnC;AAEM,MAAMC,sBAAoC;IAACC,aAAanC,SAASwB;CAAc"}
+{"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  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  labelScatter,\n  scatterSize,\n  linearRegressionLine,\n  lowessRegressionLine,\n  polynomialRegressionLine,\n  logisticRegressionLine,\n  pivotAxisStyle,\n  pivotTitle,\n} from '../pipes'\n\nconst scatter: SpecPipeline = [\n  initScatter,\n  colorAdapter(color, linearColor),\n  backgroundColor,\n  datasetScatter,\n  progressive,\n  xLinear,\n  yLinear,\n  scatterSize,\n  labelScatter,\n  tooltipScatter,\n  colorAdapter(discreteLegend, colorLegend),\n  verticalCrosshairLine,\n  horizontalCrosshairLine,\n  colorPointStyleFill(pointStyle),\n  pointStateHover,\n  annotationPoint,\n  annotationVerticalLine,\n  annotationHorizontalLine,\n  annotationArea,\n  linearRegressionLine,\n  lowessRegressionLine,\n  polynomialRegressionLine,\n  logisticRegressionLine,\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    pivotAxisStyle(yLinear),\n    scatterSize,\n    labelScatter,\n    tooltipScatter,\n    verticalCrosshairLine,\n    horizontalCrosshairLine,\n    colorPointStyleFill(pointStyle),\n    pointStateHover,\n    annotationPoint,\n    annotationVerticalLine,\n    annotationHorizontalLine,\n    annotationArea,\n    linearRegressionLine,\n    lowessRegressionLine,\n  ]),\n  pivotRowDimensions,\n  pivotColumnDimensions,\n  pivotTitle,\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","scatterSize","labelScatter","tooltipScatter","discreteLegend","colorLegend","verticalCrosshairLine","horizontalCrosshairLine","colorPointStyleFill","pointStyle","pointStateHover","annotationPoint","annotationVerticalLine","annotationHorizontalLine","annotationArea","linearRegressionLine","lowessRegressionLine","polynomialRegressionLine","logisticRegressionLine","pivotScatter","initPivot","pivotGridStyle","pivotIndicatorsAsRow","datasetPivot","pivotIndicators","pivotAxisStyle","pivotRowDimensions","pivotColumnDimensions","pivotTitle","pivotDiscreteLegend","pivotColorLegend","scatterSpecPipeline","pivotAdapter"],"mappings":";AA2CA,MAAMA,UAAwB;IAC5BC;IACAC,aAAaC,OAAOC;IACpBC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAV,aAAaW,gBAAgBC;IAC7BC;IACAC;IACAC,oBAAoBC;IACpBC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;CACD;AAED,MAAMC,eAA6B;IACjCC;IACAC;IACAC;IACAC;IACAC,gBAAgB;QACdhC;QACAC,aAAaC,OAAOC;QACpBC;QACAC;QACAC;QACAC;QACA0B,eAAezB;QACfC;QACAC;QACAC;QACAG;QACAC;QACAC,oBAAoBC;QACpBC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;KACD;IACDU;IACAC;IACAC;IACAnC,aAAaoC,qBAAqBC;CACnC;AAEM,MAAMC,sBAAoC;IAACC,aAAazC,SAAS4B;CAAc"}

package/dist/esm/pipeline/spec/chart/pipes/annotation/index.d.ts

@@ -3,3 +3,4 @@ export { annotationVerticalLine } from './annotationVerticalLine';
 export { annotationHorizontalLine } from './annotationHorizontalLine';
 export { annotationArea } from './annotationArea';
 export { annotationAreaBand } from './annotationAreaBand';
+export { splitLine } from './splitLine';

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

@@ -3,4 +3,5 @@ import { annotationVerticalLine } from "./annotationVerticalLine.js";
 import { annotationHorizontalLine } from "./annotationHorizontalLine.js";
 import { annotationArea } from "./annotationArea.js";
 import { annotationAreaBand } from "./annotationAreaBand.js";
-export { annotationArea, annotationAreaBand, annotationHorizontalLine, annotationPoint, annotationVerticalLine };
+import { splitLine } from "./splitLine.js";
+export { annotationArea, annotationAreaBand, annotationHorizontalLine, annotationPoint, annotationVerticalLine, splitLine };

package/dist/esm/pipeline/spec/chart/pipes/annotation/splitLine.d.ts

@@ -0,0 +1,2 @@
+import type { SpecPipe } from '../../../../../types';
+export declare const splitLine: SpecPipe;

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

@@ -0,0 +1,172 @@
+import { Color, array } from "@visactor/vutils";
+import { isNullish, isNumber, isPlainObject } from "remeda";
+const splitLine = (spec, context)=>{
+    const { advancedVSeed } = context;
+    const { annotation, chartType, datasetReshapeInfo } = advancedVSeed;
+    if (!annotation || !annotation.annotationHorizontalLine) return spec;
+    const baseConfig = advancedVSeed.config[chartType];
+    const splitLineConfig = array(annotation.annotationHorizontalLine).find((item)=>!!item.splitLine);
+    const splitValue = +splitLineConfig?.yValue;
+    if (Number.isNaN(splitValue) || !isNumber(splitValue)) return spec;
+    const result = {
+        ...spec
+    };
+    const colorTheme = baseConfig?.color ?? {};
+    const colorConfig = {
+        positiveColor: colorTheme.positiveColor || 'red',
+        negativeColor: colorTheme.negativeColor || 'green',
+        ...isPlainObject(splitLineConfig?.splitLine) ? splitLineConfig?.splitLine : {}
+    };
+    const groupMark = {
+        type: 'group',
+        name: 'annotationHorizontalLine-splitLine',
+        zIndex: 300,
+        style: {
+            splitConfig: (datum, ctx)=>{
+                const vchart = ctx.vchart;
+                const chart = vchart.getChart();
+                const lineSeries = chart.getAllSeries().find((s)=>'line' === s.type || 'area' === s.type);
+                if (!lineSeries) return;
+                const lineMark = lineSeries.getMarkInName('line') ?? lineSeries.getMarkInName('area');
+                if (!lineMark) return;
+                const lineGraphics = lineMark.getGraphics();
+                if (!lineGraphics || 1 !== lineGraphics.length || !lineGraphics[0]) return;
+                const points = lineGraphics[0].attribute.points ?? [];
+                if (lineGraphics[0].attribute.segments?.length) lineGraphics[0].attribute.segments.forEach((seg)=>{
+                    seg.points.forEach((pt)=>{
+                        points.push({
+                            x: pt.x,
+                            y: pt.y
+                        });
+                    });
+                });
+                if (!points || !points.length) return;
+                const splitCoordinate = lineSeries.getYAxisHelper().getScale(0).scale(splitValue);
+                const minY = Math.min(...points.map((p)=>p.y));
+                const maxY = Math.max(...points.map((p)=>p.y));
+                const ratio = (splitCoordinate - minY) / (maxY - minY);
+                const lineStroke = {
+                    gradient: 'linear',
+                    x0: 0,
+                    x1: 0,
+                    y0: 0,
+                    y1: 1,
+                    stops: [
+                        {
+                            color: colorConfig.positiveColor,
+                            offset: 0
+                        },
+                        {
+                            color: colorConfig.positiveColor,
+                            offset: ratio
+                        },
+                        {
+                            color: colorConfig.negativeColor,
+                            offset: ratio + 0.0000001
+                        },
+                        {
+                            color: colorConfig.negativeColor,
+                            offset: 1
+                        }
+                    ]
+                };
+                const areaFill = {
+                    gradient: 'linear',
+                    x0: 0,
+                    x1: 0,
+                    y0: 0,
+                    y1: 1,
+                    stops: [
+                        {
+                            color: colorConfig.positiveColor,
+                            offset: 0
+                        },
+                        {
+                            color: new Color(colorConfig.positiveColor).setOpacity(0).toRGBA(),
+                            offset: ratio
+                        },
+                        {
+                            offset: ratio + 0.0000001,
+                            color: new Color(colorConfig.negativeColor).setOpacity(0).toRGBA()
+                        },
+                        {
+                            color: colorConfig.negativeColor,
+                            offset: 1
+                        }
+                    ]
+                };
+                const attrs = {
+                    segments: null,
+                    points
+                };
+                if ('area' === lineGraphics[0].type) {
+                    attrs.stroke = lineStroke;
+                    attrs.fill = areaFill;
+                } else attrs.stroke = lineStroke;
+                lineGraphics[0].setAttributes(attrs);
+                lineGraphics[0].setFinalAttributes?.(attrs);
+                const start = lineSeries.getRegion().getLayoutStartPoint();
+                return {
+                    points: points.map((entry)=>({
+                            x: entry.x + start.x,
+                            y: entry.y + start.y
+                        })),
+                    splitCoordinate,
+                    areaFill,
+                    lineStroke
+                };
+            }
+        },
+        children: [
+            {
+                type: 'area',
+                interactive: false,
+                zIndex: 500,
+                style: {
+                    fillOpacity: 0.5,
+                    points: (datum, ctx, opt)=>{
+                        const parentNode = opt.mark?._product?.parent;
+                        if (parentNode?.attribute?.splitConfig) {
+                            const { points, splitCoordinate } = parentNode.attribute.splitConfig;
+                            return points.map((entry)=>({
+                                    ...entry,
+                                    y1: splitCoordinate
+                                }));
+                        }
+                        return [];
+                    },
+                    fill: (datum, ctx, opt)=>{
+                        const parentNode = opt.mark?._product?.parent;
+                        if (parentNode?.attribute?.splitConfig) {
+                            const { areaFill } = parentNode.attribute.splitConfig;
+                            return areaFill;
+                        }
+                    }
+                }
+            }
+        ]
+    };
+    if (!result.customMark) result.customMark = [];
+    result.customMark.push(groupMark);
+    const seriesSpec = 'line' === result.type || 'area' === result.type ? result : result.series?.find((s)=>'line' === s.type || 'area' === s.type);
+    if (seriesSpec) {
+        if (!seriesSpec.point) seriesSpec.point = {};
+        if (!seriesSpec.line) seriesSpec.line = {};
+        if (!seriesSpec.point.style) seriesSpec.point.style = {};
+        if (!seriesSpec.line.style) seriesSpec.line.style = {};
+        const measureValueKey = datasetReshapeInfo[0].foldInfo.measureValue;
+        seriesSpec.point.style.fill = (datum)=>{
+            console.log(datum);
+            return datum?.[measureValueKey] >= splitValue ? colorConfig.positiveColor : colorConfig.negativeColor;
+        };
+        seriesSpec.line.style.stroke = (datum)=>datum?.[measureValueKey] >= splitValue ? colorConfig.positiveColor : colorConfig.negativeColor;
+        if (seriesSpec.label && seriesSpec.label.visible && isNullish(seriesSpec.label.style?.fill)) seriesSpec.label.style = {
+            ...seriesSpec.label.style,
+            fill: (datum)=>datum?.[measureValueKey] >= splitValue ? colorConfig.positiveColor : colorConfig.negativeColor
+        };
+    }
+    return result;
+};
+export { splitLine };
+
+//# sourceMappingURL=splitLine.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/annotation/splitLine.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/annotation/splitLine.ts"],"sourcesContent":["import type { ICartesianSeries, IChart, ILineChartSpec, IVChart } from '@visactor/vchart'\nimport { array, Color as VUtilColor } from '@visactor/vutils'\nimport { isNullish, isNumber, isPlainObject } from 'remeda'\nimport type { AnnotationHorizontalLine, SpecPipe, Color } from 'src/types'\n\ninterface SplitConfig {\n  points: { x: number; y: number }[]\n  splitCoordinate: number\n  lineStroke: {\n    gradient: string\n    x0: number\n    x1: number\n    y0: number\n    y1: number\n    stops: {\n      color: string\n      offset: number\n    }[]\n  }\n  areaFill: {\n    gradient: string\n    x0: number\n    x1: number\n    y0: number\n    y1: number\n    stops: {\n      color: string\n      offset: number\n    }[]\n  }\n}\n\nexport const splitLine: SpecPipe = (spec, context) => {\n  const { advancedVSeed } = context\n  const { annotation, chartType, datasetReshapeInfo } = advancedVSeed\n\n  if (!annotation || !annotation.annotationHorizontalLine) {\n    return spec\n  }\n  const baseConfig = advancedVSeed.config[chartType] as { color: Color }\n\n  const splitLineConfig = array(annotation.annotationHorizontalLine).find(\n    (item) => !!(item as AnnotationHorizontalLine).splitLine,\n  ) as AnnotationHorizontalLine | undefined\n\n  const splitValue = +(splitLineConfig?.yValue as number | string)\n\n  if (Number.isNaN(splitValue) || !isNumber(splitValue)) {\n    return spec\n  }\n  const result = { ...spec } as Partial<ILineChartSpec>\n  const colorTheme = baseConfig?.color ?? {}\n  const colorConfig = {\n    positiveColor: colorTheme.positiveColor || 'red',\n    negativeColor: colorTheme.negativeColor || 'green',\n    ...(isPlainObject(splitLineConfig?.splitLine) ? splitLineConfig?.splitLine : {}),\n  }\n\n  const groupMark = {\n    type: 'group',\n    name: 'annotationHorizontalLine-splitLine',\n    zIndex: 300,\n    style: {\n      splitConfig: (datum: any, ctx: any) => {\n        const vchart = ctx.vchart as IVChart\n        const chart = vchart.getChart() as IChart\n        const lineSeries = chart.getAllSeries().find((s) => s.type === 'line' || s.type === 'area') as ICartesianSeries\n\n        if (!lineSeries) {\n          return\n        }\n        const lineMark = lineSeries.getMarkInName('line') ?? lineSeries.getMarkInName('area')\n\n        if (!lineMark) {\n          return\n        }\n        const lineGraphics = lineMark.getGraphics()\n\n        if (!lineGraphics || lineGraphics.length !== 1 || !lineGraphics[0]) {\n          return\n        }\n        const points = ((lineGraphics[0].attribute as any).points ?? []) as { x: number; y: number }[]\n\n        if ((lineGraphics[0].attribute as any).segments?.length) {\n          ;((lineGraphics[0].attribute as any).segments as any[]).forEach(\n            (seg: { points: { x: number; y: number }[] }) => {\n              seg.points.forEach((pt: { x: number; y: number }) => {\n                points.push({ x: pt.x, y: pt.y })\n              })\n            },\n          )\n        }\n\n        if (!points || !points.length) {\n          return\n        }\n        const splitCoordinate = lineSeries.getYAxisHelper().getScale!(0).scale(splitValue)\n        const minY = Math.min(...points.map((p) => p.y))\n        const maxY = Math.max(...points.map((p) => p.y))\n        const ratio = (splitCoordinate - minY) / (maxY - minY)\n        const lineStroke = {\n          gradient: 'linear',\n          x0: 0,\n          x1: 0,\n          y0: 0,\n          y1: 1,\n          stops: [\n            {\n              color: colorConfig.positiveColor,\n              offset: 0,\n            },\n            {\n              color: colorConfig.positiveColor,\n              offset: ratio,\n            },\n            {\n              color: colorConfig.negativeColor,\n              offset: ratio + 0.0000001,\n            },\n            {\n              color: colorConfig.negativeColor,\n              offset: 1,\n            },\n          ],\n        }\n        const areaFill = {\n          gradient: 'linear',\n          x0: 0,\n          x1: 0,\n          y0: 0,\n          y1: 1,\n          stops: [\n            {\n              color: colorConfig.positiveColor,\n              offset: 0,\n            },\n            {\n              color: new VUtilColor(colorConfig.positiveColor).setOpacity(0).toRGBA(),\n              offset: ratio,\n            },\n            {\n              offset: ratio + 0.0000001,\n              color: new VUtilColor(colorConfig.negativeColor).setOpacity(0).toRGBA(),\n            },\n            {\n              color: colorConfig.negativeColor,\n              offset: 1,\n            },\n          ],\n        }\n        const attrs: any = {\n          segments: null,\n          points,\n        }\n\n        if (lineGraphics[0].type === 'area') {\n          attrs.stroke = lineStroke\n          attrs.fill = areaFill\n        } else {\n          attrs.stroke = lineStroke\n        }\n\n        lineGraphics[0].setAttributes(attrs as unknown as Record<string, any>)\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n        lineGraphics[0].setFinalAttributes?.(attrs)\n        const start = lineSeries.getRegion().getLayoutStartPoint()\n\n        return {\n          points: points.map((entry) => ({ x: entry.x + start.x, y: entry.y + start.y })),\n          splitCoordinate,\n          areaFill,\n          lineStroke,\n        } as SplitConfig\n      },\n    },\n    children: [\n      {\n        type: 'area',\n        interactive: false,\n        zIndex: 500,\n        style: {\n          fillOpacity: 0.5,\n          points: (datum: any, ctx: any, opt: any) => {\n            const parentNode = opt.mark?._product?.parent\n\n            if (parentNode?.attribute?.splitConfig) {\n              const { points, splitCoordinate } = parentNode.attribute.splitConfig as SplitConfig\n\n              return points.map((entry: { x: number; y: number }) => {\n                return {\n                  ...entry,\n                  y1: splitCoordinate,\n                }\n              })\n            }\n\n            return []\n          },\n          fill: (datum: any, ctx: any, opt: any) => {\n            const parentNode = opt.mark?._product?.parent\n\n            if (parentNode?.attribute?.splitConfig) {\n              const { areaFill } = parentNode.attribute.splitConfig as SplitConfig\n\n              return areaFill\n            }\n\n            return\n          },\n        },\n      },\n    ],\n  }\n\n  if (!result.customMark) {\n    result.customMark = []\n  }\n\n  ;(result.customMark as any[]).push(groupMark)\n\n  const seriesSpec =\n    result.type === 'line' || result.type === 'area'\n      ? result\n      : result.series?.find((s) => s.type === 'line' || s.type === 'area')\n\n  if (seriesSpec) {\n    if (!seriesSpec.point) {\n      seriesSpec.point = {}\n    }\n    if (!seriesSpec.line) {\n      seriesSpec.line = {}\n    }\n\n    if (!seriesSpec.point.style) {\n      seriesSpec.point.style = {}\n    }\n    if (!seriesSpec.line.style) {\n      seriesSpec.line.style = {}\n    }\n\n    const measureValueKey = datasetReshapeInfo[0].foldInfo.measureValue\n\n    seriesSpec.point.style.fill = (datum) => {\n      console.log(datum)\n      return datum?.[measureValueKey] >= splitValue ? colorConfig.positiveColor : colorConfig.negativeColor\n    }\n    seriesSpec.line.style.stroke = (datum) => {\n      return datum?.[measureValueKey] >= splitValue ? colorConfig.positiveColor : colorConfig.negativeColor\n    }\n    if (seriesSpec.label && (seriesSpec.label as any).visible && isNullish((seriesSpec.label as any).style?.fill)) {\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n      ;(seriesSpec.label as any).style = {\n        ...(seriesSpec.label as any).style,\n        fill: (datum: any) => {\n          return datum?.[measureValueKey] >= splitValue ? colorConfig.positiveColor : colorConfig.negativeColor\n        },\n      }\n    }\n  }\n\n  return result\n}\n"],"names":["splitLine","spec","context","advancedVSeed","annotation","chartType","datasetReshapeInfo","baseConfig","splitLineConfig","array","item","splitValue","Number","isNumber","result","colorTheme","colorConfig","isPlainObject","groupMark","datum","ctx","vchart","chart","lineSeries","s","lineMark","lineGraphics","points","seg","pt","splitCoordinate","minY","Math","p","maxY","ratio","lineStroke","areaFill","VUtilColor","attrs","start","entry","opt","parentNode","seriesSpec","measureValueKey","console","isNullish"],"mappings":"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"}

package/dist/esm/pipeline/spec/chart/pipes/index.d.ts

@@ -17,3 +17,4 @@ export * from './dual';
 export * from './size';
 export * from './barWidth';
 export * from './regressionLine';
+export * from './region';

package/dist/esm/pipeline/spec/chart/pipes/index.js

@@ -17,3 +17,4 @@ export * from "./dual/index.js";
 export * from "./size/index.js";
 export * from "./barWidth/index.js";
 export * from "./regressionLine/index.js";
+export * from "./region/index.js";

package/dist/esm/pipeline/spec/chart/pipes/init/pivot.js

@@ -29,7 +29,7 @@ const initPivot = (spec)=>{
             isShowOverflowTextTooltip: true
         },
         corner: {
-            titleOnDimension: 'all'
+            titleOnDimension: 'row'
         },
         animationAppear: {
             duration: 600,

package/dist/esm/pipeline/spec/chart/pipes/init/pivot.js.map

@@ -1 +1 @@
-{"version":3,"file":"pipeline/spec/chart/pipes/init/pivot.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/init/pivot.ts"],"sourcesContent":["import type { PivotChartConstructorOptions } from '@visactor/vtable'\nimport type { SpecPipe } from 'src/types'\n\nexport const initPivot: SpecPipe = (spec) => {\n  const result = { ...spec } as PivotChartConstructorOptions\n\n  return {\n    ...result,\n    animation: true,\n    rows: [],\n    columns: [],\n    indicators: [],\n    records: [],\n    widthMode: 'standard',\n    autoFillWidth: true,\n    defaultHeaderColWidth: 'auto',\n    defaultColWidth: 200,\n\n    heightMode: 'standard',\n    autoFillHeight: true,\n    defaultRowHeight: 100,\n    defaultHeaderRowHeight: 'auto',\n\n    indicatorsAsCol: false,\n    select: {\n      highlightMode: 'cell',\n      headerSelectMode: 'inline',\n    },\n    hover: {\n      highlightMode: 'cross',\n    },\n    tooltip: {\n      isShowOverflowTextTooltip: true,\n    },\n    corner: {\n      titleOnDimension: 'all',\n    },\n    animationAppear: {\n      duration: 600,\n      type: 'all',\n      direction: 'row',\n    },\n  }\n}\n"],"names":["initPivot","spec","result"],"mappings":"AAGO,MAAMA,YAAsB,CAACC;IAClC,MAAMC,SAAS;QAAE,GAAGD,IAAI;IAAC;IAEzB,OAAO;QACL,GAAGC,MAAM;QACT,WAAW;QACX,MAAM,EAAE;QACR,SAAS,EAAE;QACX,YAAY,EAAE;QACd,SAAS,EAAE;QACX,WAAW;QACX,eAAe;QACf,uBAAuB;QACvB,iBAAiB;QAEjB,YAAY;QACZ,gBAAgB;QAChB,kBAAkB;QAClB,wBAAwB;QAExB,iBAAiB;QACjB,QAAQ;YACN,eAAe;YACf,kBAAkB;QACpB;QACA,OAAO;YACL,eAAe;QACjB;QACA,SAAS;YACP,2BAA2B;QAC7B;QACA,QAAQ;YACN,kBAAkB;QACpB;QACA,iBAAiB;YACf,UAAU;YACV,MAAM;YACN,WAAW;QACb;IACF;AACF"}
+{"version":3,"file":"pipeline/spec/chart/pipes/init/pivot.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/init/pivot.ts"],"sourcesContent":["import type { PivotChartConstructorOptions } from '@visactor/vtable'\nimport type { SpecPipe } from 'src/types'\n\nexport const initPivot: SpecPipe = (spec) => {\n  const result = { ...spec } as PivotChartConstructorOptions\n\n  return {\n    ...result,\n    animation: true,\n    rows: [],\n    columns: [],\n    indicators: [],\n    records: [],\n    widthMode: 'standard',\n    autoFillWidth: true,\n    defaultHeaderColWidth: 'auto',\n    defaultColWidth: 200,\n\n    heightMode: 'standard',\n    autoFillHeight: true,\n    defaultRowHeight: 100,\n    defaultHeaderRowHeight: 'auto',\n\n    indicatorsAsCol: false,\n    select: {\n      highlightMode: 'cell',\n      headerSelectMode: 'inline',\n    },\n    hover: {\n      highlightMode: 'cross',\n    },\n    tooltip: {\n      isShowOverflowTextTooltip: true,\n    },\n    corner: {\n      titleOnDimension: 'row',\n    },\n    animationAppear: {\n      duration: 600,\n      type: 'all',\n      direction: 'row',\n    },\n  }\n}\n"],"names":["initPivot","spec","result"],"mappings":"AAGO,MAAMA,YAAsB,CAACC;IAClC,MAAMC,SAAS;QAAE,GAAGD,IAAI;IAAC;IAEzB,OAAO;QACL,GAAGC,MAAM;QACT,WAAW;QACX,MAAM,EAAE;QACR,SAAS,EAAE;QACX,YAAY,EAAE;QACd,SAAS,EAAE;QACX,WAAW;QACX,eAAe;QACf,uBAAuB;QACvB,iBAAiB;QAEjB,YAAY;QACZ,gBAAgB;QAChB,kBAAkB;QAClB,wBAAwB;QAExB,iBAAiB;QACjB,QAAQ;YACN,eAAe;YACf,kBAAkB;QACpB;QACA,OAAO;YACL,eAAe;QACjB;QACA,SAAS;YACP,2BAA2B;QAC7B;QACA,QAAQ;YACN,kBAAkB;QACpB;QACA,iBAAiB;YACf,UAAU;YACV,MAAM;YACN,WAAW;QACb;IACF;AACF"}

package/dist/esm/pipeline/spec/chart/pipes/pivotChart/index.d.ts

@@ -4,3 +4,5 @@ export { pivotGridStyle } from './pivotGridStyle';
 export { pivotColumnDimensions } from './pivotColumnDimensions';
 export { pivotRowDimensions } from './pivotRowDimensions';
 export { pivotHideIndicatorName } from './pivotHideIndicatorName';
+export { pivotAxisStyle } from './pivotAxisStyle';
+export { pivotTitle } from './pivotTitle';

package/dist/esm/pipeline/spec/chart/pipes/pivotChart/index.js

@@ -4,4 +4,6 @@ import { pivotGridStyle } from "./pivotGridStyle.js";
 import { pivotColumnDimensions } from "./pivotColumnDimensions.js";
 import { pivotRowDimensions } from "./pivotRowDimensions.js";
 import { pivotHideIndicatorName } from "./pivotHideIndicatorName.js";
-export { pivotAdapter, pivotColumnDimensions, pivotGridStyle, pivotHideIndicatorName, pivotIndicators, pivotIndicatorsAsCol, pivotIndicatorsAsRow, pivotRowDimensions };
+import { pivotAxisStyle } from "./pivotAxisStyle.js";
+import { pivotTitle } from "./pivotTitle.js";
+export { pivotAdapter, pivotAxisStyle, pivotColumnDimensions, pivotGridStyle, pivotHideIndicatorName, pivotIndicators, pivotIndicatorsAsCol, pivotIndicatorsAsRow, pivotRowDimensions, pivotTitle };

package/dist/esm/pipeline/spec/chart/pipes/pivotChart/pivotAxisStyle.d.ts

@@ -0,0 +1,2 @@
+import type { SpecPipe } from '../../../../../types';
+export declare const pivotAxisStyle: (axisStyle: SpecPipe) => SpecPipe;

package/dist/esm/pipeline/spec/chart/pipes/pivotChart/pivotAxisStyle.js

@@ -0,0 +1,13 @@
+const pivotAxisStyle = (axisStyle)=>(spec, context)=>{
+        const result = axisStyle(spec, context);
+        if (result.axes) result.axes.forEach((axis)=>{
+            axis.domainLine = {
+                visible: false
+            };
+            if (axis.grid && axis.grid.visible && axis.grid.style) axis.grid.style.strokeOpacity = 0.3;
+        });
+        return result;
+    };
+export { pivotAxisStyle };
+
+//# sourceMappingURL=pivotAxisStyle.js.map

package/dist/esm/pipeline/spec/chart/pipes/pivotChart/pivotAxisStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipeline/spec/chart/pipes/pivotChart/pivotAxisStyle.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/pivotChart/pivotAxisStyle.ts"],"sourcesContent":["import type { ILineChartSpec } from '@visactor/vchart'\nimport type { SpecPipe } from 'src/types'\n\nexport const pivotAxisStyle = (axisStyle: SpecPipe): SpecPipe => {\n  return (spec, context) => {\n    const result = axisStyle(spec, context) as ILineChartSpec\n\n    if (result.axes) {\n      result.axes.forEach((axis: any) => {\n        axis.domainLine = {\n          visible: false,\n        }\n\n        if (axis.grid && axis.grid.visible && axis.grid.style) {\n          axis.grid.style.strokeOpacity = 0.3\n        }\n      })\n    }\n\n    return result\n  }\n}\n"],"names":["pivotAxisStyle","axisStyle","spec","context","result","axis"],"mappings":"AAGO,MAAMA,iBAAiB,CAACC,YACtB,CAACC,MAAMC;QACZ,MAAMC,SAASH,UAAUC,MAAMC;QAE/B,IAAIC,OAAO,IAAI,EACbA,OAAO,IAAI,CAAC,OAAO,CAAC,CAACC;YACnBA,KAAK,UAAU,GAAG;gBAChB,SAAS;YACX;YAEA,IAAIA,KAAK,IAAI,IAAIA,KAAK,IAAI,CAAC,OAAO,IAAIA,KAAK,IAAI,CAAC,KAAK,EACnDA,KAAK,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG;QAEpC;QAGF,OAAOD;IACT"}

package/dist/esm/pipeline/spec/chart/pipes/pivotChart/pivotGridStyle.js

@@ -2,13 +2,14 @@ import { isCombination, isPivot } from "../../../../utils/index.js";
 import { isNullish } from "remeda";
 const pivotGridStyle = (spec, context)=>{
     const { vseed, advancedVSeed } = context;
-    const { config, chartType } = advancedVSeed;
+    const { config, chartType, dimensions } = advancedVSeed;
     const themConfig = config?.[chartType]?.pivotGrid ?? {};
     const onlyCombination = !isPivot(vseed) && isCombination(vseed);
     const result = {
         ...spec
     };
     const transparent = 'rgba(0,0,0,0)';
+    const hasColumnDimension = dimensions.some((dim)=>'column' === dim.encoding);
     const borderColor = themConfig.borderColor ?? '#e3e5eb';
     const bodyFontColor = themConfig.bodyFontColor ?? '#141414';
     const headerFontColor = themConfig.headerFontColor ?? '#21252c';
@@ -26,12 +27,12 @@ const pivotGridStyle = (spec, context)=>{
             bodyStyle: {
                 borderColor,
                 color: bodyFontColor,
-                borderLineWidth: [
-                    1,
-                    outlineBorderLineWidth,
-                    0,
-                    1
-                ],
+                borderLineWidth: (arg)=>[
+                        0 === arg.row ? outlineBorderLineWidth : 1,
+                        outlineBorderLineWidth,
+                        0,
+                        0 === arg.col ? outlineBorderLineWidth : 1
+                    ],
                 bgColor: transparent,
                 hover: {
                     cellBgColor: 'transparent'
@@ -40,12 +41,12 @@ const pivotGridStyle = (spec, context)=>{
             headerStyle: {
                 borderColor,
                 fontSize: 12,
-                borderLineWidth: [
-                    outlineBorderLineWidth,
-                    outlineBorderLineWidth,
-                    1,
-                    1
-                ],
+                borderLineWidth: (arg)=>[
+                        outlineBorderLineWidth,
+                        outlineBorderLineWidth,
+                        1,
+                        0 === arg.col ? outlineBorderLineWidth : 1
+                    ],
                 color: headerFontColor,
                 textAlign: 'center',
                 bgColor: headerBackgroundColor,
@@ -65,12 +66,12 @@ const pivotGridStyle = (spec, context)=>{
                     0,
                     4
                 ],
-                borderLineWidth: [
-                    1,
-                    1,
-                    1,
-                    outlineBorderLineWidth
-                ],
+                borderLineWidth: (arg)=>[
+                        0 === arg.row ? outlineBorderLineWidth : 1,
+                        1,
+                        0,
+                        outlineBorderLineWidth
+                    ],
                 bgColor: headerBackgroundColor,
                 hover: {
                     cellBgColor: hoverHeaderBackgroundColor,
@@ -98,13 +99,7 @@ const pivotGridStyle = (spec, context)=>{
                 ],
                 bgColor: headerBackgroundColor,
                 frameStyle: {
-                    borderColor,
-                    borderLineWidth: [
-                        outlineBorderLineWidth,
-                        0,
-                        0,
-                        outlineBorderLineWidth
-                    ]
+                    borderColor
                 },
                 hover: {
                     cellBgColor: hoverHeaderBackgroundColor,
@@ -118,9 +113,9 @@ const pivotGridStyle = (spec, context)=>{
                 frameStyle: {
                     borderColor,
                     borderLineWidth: [
+                        outlineBorderLineWidth,
                         outlineBorderLineWidth,
                         1,
-                        0,
                         1
                     ]
                 },
@@ -132,7 +127,7 @@ const pivotGridStyle = (spec, context)=>{
             cornerLeftBottomCellStyle: {
                 borderColor,
                 borderLineWidth: [
-                    1,
+                    outlineBorderLineWidth,
                     0,
                     outlineBorderLineWidth,
                     outlineBorderLineWidth
@@ -153,14 +148,19 @@ const pivotGridStyle = (spec, context)=>{
             },
             cornerRightBottomCellStyle: {
                 borderColor,
-                borderLineWidth: 0,
                 bgColor: headerBackgroundColor,
+                borderLineWidth: [
+                    1,
+                    outlineBorderLineWidth,
+                    outlineBorderLineWidth,
+                    1
+                ],
                 frameStyle: {
                     borderColor,
                     borderLineWidth: [
                         1,
-                        1,
-                        1,
+                        outlineBorderLineWidth,
+                        outlineBorderLineWidth,
                         1
                     ]
                 },
@@ -170,9 +170,15 @@ const pivotGridStyle = (spec, context)=>{
             },
             rightFrozenStyle: {
                 borderColor,
-                borderLineWidth: 1,
                 bgColor: headerBackgroundColor,
+                borderLineWidth: (arg)=>[
+                        0 === arg.row || hasColumnDimension && 1 === arg.row ? outlineBorderLineWidth : 1,
+                        outlineBorderLineWidth,
+                        0,
+                        1
+                    ],
                 hover: {
+                    borderLineWidth: 0,
                     cellBgColor: hoverHeaderBackgroundColor
                 }
             },