@visactor/vseed 0.0.15 → 0.0.16

package/dist/index.d.ts

@@ -4,3 +4,4 @@ export * from './pipeline';
 export * from './dataReshape';
 export * from './theme';
 export * from './i18n';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA"}

package/dist/index.js

@@ -2,7 +2,7 @@ import { clone as external_remeda_clone, groupBy, isArray, isEmpty, isNullish, i
 import { z } from "zod";
 const initAdvancedVSeed = (advancedVSeed, context)=>{
     const { vseed } = context;
-    const { chartType = 'table' } = vseed;
+    const { chartType } = vseed;
     return {
         ...advancedVSeed,
         chartType
@@ -588,9 +588,9 @@ const encodingXY = (advancedVSeed)=>{
     };
     const { datasetReshapeInfo, dimensions } = advancedVSeed;
     if (!datasetReshapeInfo || !dimensions) return result;
+    const isZeroDimension = 0 === dimensions.length;
     const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
         const { foldInfo, unfoldInfo } = cur;
-        const isZeroDimension = 0 === dimensions.length;
         const x = [
             isZeroDimension ? foldInfo.measureName : dimensions[0].id
         ];
@@ -624,9 +624,9 @@ const encodingYX = (advancedVSeed)=>{
     };
     const { datasetReshapeInfo, dimensions } = advancedVSeed;
     if (!datasetReshapeInfo || !dimensions) return result;
+    const isZeroDimension = 0 === dimensions.length;
     const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
         const { foldInfo, unfoldInfo } = cur;
-        const isZeroDimension = 0 === dimensions.length;
         const y = [
             isZeroDimension ? foldInfo.measureName : dimensions[0].id
         ];
@@ -654,7 +654,44 @@ const encodingYX = (advancedVSeed)=>{
         encoding
     };
 };
-const encodingPolar = (advancedVSeed)=>{
+const encodingRose = (advancedVSeed)=>{
+    const result = {
+        ...advancedVSeed
+    };
+    const { datasetReshapeInfo, dimensions, measures } = advancedVSeed;
+    if (!datasetReshapeInfo || !dimensions || !measures) return result;
+    const is1D1M = 1 === dimensions.length && 1 === measures.length;
+    const isZeroDimension = 0 === dimensions.length;
+    const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
+        const { foldInfo, unfoldInfo } = cur;
+        const radius = [
+            foldInfo.measureValue
+        ];
+        const angle = [
+            isZeroDimension ? foldInfo.measureName : dimensions[0].id
+        ];
+        const group = [
+            is1D1M ? dimensions[0].id : unfoldInfo.groupId
+        ];
+        const color = [
+            is1D1M ? dimensions[0].id : unfoldInfo.groupId
+        ];
+        return [
+            ...prev,
+            {
+                angle,
+                radius,
+                group,
+                color
+            }
+        ];
+    }, []);
+    return {
+        ...result,
+        encoding
+    };
+};
+const encodingPie = (advancedVSeed)=>{
     const result = {
         ...advancedVSeed
     };
@@ -769,6 +806,9 @@ const barParallelConfig = columnConfig;
 const barPercentConfig = columnConfig;
 const columnParallelConfig = columnConfig;
 const columnPercentConfig = columnConfig;
+const donutConfig = pieConfig;
+const roseConfig = pieConfig;
+const roseParallelConfig = pieConfig;
 const vchartTheme = (advancedVSeed, context)=>{
     const { customTheme, vseed } = context;
     const { theme = 'light', chartType } = vseed;
@@ -997,12 +1037,62 @@ const pieAdvancedPipeline = [
     ], [
         pivotReshapeTo1D1M
     ]),
-    encodingPolar,
+    encodingPie,
     pieConfig,
     vchartBaseConfig,
     vchartTheme,
     annotation_annotation
 ];
+const donutAdvancedPipeline = [
+    initAdvancedVSeed,
+    locale_locale,
+    autoMeasures,
+    autoDimensions,
+    pivotAdapter([
+        reshapeTo1D1M
+    ], [
+        pivotReshapeTo1D1M
+    ]),
+    encodingPie,
+    donutConfig,
+    vchartBaseConfig,
+    vchartTheme,
+    annotation_annotation
+];
+const roseAdvancedPipeline = [
+    initAdvancedVSeed,
+    locale_locale,
+    autoMeasures,
+    autoDimensions,
+    pivotAdapter([
+        reshapeTo2D1M
+    ], [
+        pivotReshapeTo2D1M
+    ]),
+    encodingRose,
+    roseConfig,
+    vchartBaseConfig,
+    vchartTheme,
+    markStyle_markStyle,
+    annotation_annotation
+];
+const roseParallelAdvancedPipeline = [
+    initAdvancedVSeed,
+    locale_locale,
+    autoMeasures,
+    autoDimensions,
+    pivotAdapter([
+        reshapeTo2D1M
+    ], [
+        pivotReshapeTo2D1M
+    ]),
+    encodingRose,
+    roseParallelConfig,
+    vchartBaseConfig,
+    vchartTheme,
+    markStyle_markStyle,
+    annotation_annotation
+];
 const dataset_dataset = (spec, context)=>{
     const { advancedVSeed } = context;
     return {
@@ -1052,6 +1142,7 @@ const initColumn = (spec, context)=>{
             clip: true
         }
     ];
+    result.animation = true;
     return result;
 };
 const initBar = (spec, context)=>{
@@ -1072,6 +1163,7 @@ const initBar = (spec, context)=>{
             clip: true
         }
     ];
+    result.animation = true;
     return result;
 };
 const initBarParallel = (spec, context)=>{
@@ -1096,6 +1188,7 @@ const initBarParallel = (spec, context)=>{
             clip: true
         }
     ];
+    result.animation = true;
     return result;
 };
 const initArea = (spec, context)=>{
@@ -1116,6 +1209,7 @@ const initArea = (spec, context)=>{
             clip: true
         }
     ];
+    result.animation = true;
     return result;
 };
 const initLine = (spec, context)=>{
@@ -1136,6 +1230,7 @@ const initLine = (spec, context)=>{
             clip: true
         }
     ];
+    result.animation = true;
     return result;
 };
 const initColumnParallel = (spec, context)=>{
@@ -1160,6 +1255,7 @@ const initColumnParallel = (spec, context)=>{
             clip: true
         }
     ];
+    result.animation = true;
     return result;
 };
 const initPie = (spec, context)=>{
@@ -1181,6 +1277,123 @@ const initPie = (spec, context)=>{
             clip: true
         }
     ];
+    result.pie = {
+        style: {
+            stroke: '#ffffff',
+            lineWidth: 1
+        },
+        state: {
+            hover: {
+                centerOffset: 5,
+                outerRadius: 1.1 * result.outerRadius
+            }
+        }
+    };
+    result.animation = true;
+    return result;
+};
+const initDonut = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { encoding } = advancedVSeed;
+    if (!encoding[0].angle || !encoding[0].radius || !encoding[0].group) return result;
+    result.type = 'pie';
+    result.outerRadius = 0.8;
+    result.innerRadius = 0.8 * result.outerRadius;
+    result.valueField = encoding[0].radius[0];
+    result.categoryField = encoding[0].angle[0];
+    result.seriesField = encoding[0].group[0];
+    result.padding = 0;
+    result.region = [
+        {
+            clip: true
+        }
+    ];
+    result.pie = {
+        style: {
+            stroke: '#ffffff',
+            lineWidth: 1
+        },
+        state: {
+            hover: {
+                outerRadius: 1.1 * result.outerRadius
+            }
+        }
+    };
+    result.animation = true;
+    return result;
+};
+const initRose = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { encoding, dataset, datasetReshapeInfo } = advancedVSeed;
+    const { foldInfo } = datasetReshapeInfo[0];
+    if (!encoding[0].radius || !encoding[0].angle || !encoding[0].group) return result;
+    result.type = 'rose';
+    result.categoryField = encoding[0].angle[0];
+    result.valueField = encoding[0].radius[0];
+    result.seriesField = encoding[0].group[0];
+    result.padding = 0;
+    result.outerRadius = 0.9;
+    result.innerRadius = 0;
+    const hasNegativeValue = dataset.flat().find((d)=>d[foldInfo.measureValue] < 0);
+    if (hasNegativeValue) result.innerRadius = 0.05;
+    result.rose = {
+        style: {
+            stroke: '#ffffff',
+            lineWidth: 1
+        },
+        state: {
+            hover: {
+                lineWidth: 1,
+                fillOpacity: 0.75
+            }
+        }
+    };
+    result.region = [
+        {
+            clip: true
+        }
+    ];
+    result.animation = true;
+    return result;
+};
+const initRoseParallel = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { encoding, datasetReshapeInfo, dataset } = advancedVSeed;
+    const { unfoldInfo, foldInfo } = datasetReshapeInfo[0];
+    if (!encoding[0].radius || !encoding[0].angle || !encoding[0].group) return result;
+    result.type = 'rose';
+    result.categoryField = [
+        encoding[0].angle[0],
+        unfoldInfo.groupName
+    ];
+    result.valueField = encoding[0].radius[0];
+    result.seriesField = encoding[0].group[0];
+    result.padding = 0;
+    result.outerRadius = 0.9;
+    result.innerRadius = 0;
+    const hasNegativeValue = dataset.flat().find((d)=>d[foldInfo.measureValue] < 0);
+    if (hasNegativeValue) result.innerRadius = 0.05;
+    result.rose = {
+        style: {
+            stroke: '#ffffff',
+            lineWidth: 1
+        }
+    };
+    result.region = [
+        {
+            clip: true
+        }
+    ];
+    result.animation = true;
     return result;
 };
 const initPivot = (spec)=>{
@@ -1189,6 +1402,7 @@ const initPivot = (spec)=>{
     };
     return {
         ...result,
+        animation: true,
         rows: [],
         columns: [],
         indicators: [],
@@ -1551,6 +1765,79 @@ const yLinear = (spec, context)=>{
     ];
     return result;
 };
+const radiusAxis = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { dimensions, measures } = advancedVSeed;
+    if (!dimensions || !measures) return spec;
+    const is0D = 0 === dimensions.length;
+    const is1M1D = 1 === dimensions.length && 1 === measures.length;
+    const showAxis = !(is0D || is1M1D);
+    if (!result.axes) result.axes = [];
+    result.axes.push({
+        orient: 'radius',
+        visible: showAxis,
+        zero: true,
+        nice: !!showAxis,
+        grid: {
+            visible: showAxis
+        },
+        tick: {
+            visible: showAxis
+        },
+        label: {
+            visible: showAxis
+        },
+        domainLine: {
+            visible: showAxis
+        }
+    });
+    return result;
+};
+const angleAxis = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { dimensions, measures } = advancedVSeed;
+    if (!dimensions || !measures) return spec;
+    const is0D = 0 === dimensions.length;
+    const is1M1D = 1 === dimensions.length && 1 === measures.length;
+    const showAxis = !(is0D || is1M1D);
+    if (!result.axes) result.axes = [];
+    result.axes.push({
+        orient: 'angle',
+        visible: showAxis,
+        zero: true,
+        nice: !!showAxis,
+        paddingInner: showAxis ? [
+            0.15,
+            0.1
+        ] : [
+            0,
+            0
+        ],
+        paddingOuter: showAxis ? [
+            0.075,
+            0.1
+        ] : [
+            0,
+            0
+        ],
+        grid: {
+            visible: showAxis
+        },
+        domainLine: {
+            visible: showAxis
+        },
+        tick: {
+            visible: showAxis
+        }
+    });
+    return result;
+};
 const percent = (spec, context)=>{
     const result = {
         ...spec
@@ -3547,6 +3834,129 @@ const pivotPie = [
 const pieSpecPipeline = [
     pivotAdapter_pivotAdapter(pie, pivotPie)
 ];
+const donut = [
+    initDonut,
+    color_color,
+    background_backgroundColor,
+    dataset_dataset,
+    label_label,
+    tooltip_tooltip,
+    discreteLegend,
+    annotationPoint_annotationPoint,
+    annotationVerticalLine_annotationVerticalLine,
+    annotationHorizontalLine_annotationHorizontalLine,
+    annotationArea_annotationArea
+];
+const pivotDonut = [
+    initPivot,
+    pivotGridStyle,
+    pivotIndicators_pivotIndicatorsAsRow,
+    datasetPivot,
+    pivotIndicators([
+        initDonut,
+        color_color,
+        background_backgroundColor,
+        datasetPivotPlaceholder,
+        label_label,
+        tooltip_tooltip,
+        annotationPoint_annotationPoint,
+        annotationVerticalLine_annotationVerticalLine,
+        annotationHorizontalLine_annotationHorizontalLine,
+        annotationArea_annotationArea
+    ]),
+    pivotRowDimensions,
+    pivotColumnDimensions,
+    pivotDiscreteLegend
+];
+const donutSpecPipeline = [
+    pivotAdapter_pivotAdapter(donut, pivotDonut)
+];
+const rose = [
+    initRose,
+    stackCornerRadius_stackCornerRadius,
+    stackInverse,
+    color_color,
+    background_backgroundColor,
+    dataset_dataset,
+    radiusAxis,
+    angleAxis,
+    label_label,
+    tooltip_tooltip,
+    verticalCrosshairRect,
+    discreteLegend
+];
+const pivotRose = [
+    initPivot,
+    pivotGridStyle,
+    pivotIndicators_pivotIndicatorsAsRow,
+    datasetPivot,
+    pivotIndicators([
+        initRose,
+        stackCornerRadius_stackCornerRadius,
+        stackInverse,
+        color_color,
+        background_backgroundColor,
+        datasetPivotPlaceholder,
+        radiusAxis,
+        angleAxis,
+        label_label,
+        tooltip_tooltip,
+        verticalCrosshairRect
+    ]),
+    pivotRowDimensions,
+    pivotColumnDimensions,
+    pivotDiscreteLegend
+];
+const roseSpecPipeline = [
+    pivotAdapter_pivotAdapter(rose, pivotRose)
+];
+const roseParallel = [
+    initRoseParallel,
+    stackCornerRadius_stackCornerRadius,
+    color_color,
+    background_backgroundColor,
+    dataset_dataset,
+    radiusAxis,
+    angleAxis,
+    label_label,
+    tooltip_tooltip,
+    discreteLegend,
+    verticalCrosshairRect,
+    barStyle_barStyle,
+    annotationPoint_annotationPoint,
+    annotationVerticalLine_annotationVerticalLine,
+    annotationHorizontalLine_annotationHorizontalLine,
+    annotationAreaBand
+];
+const pivotRoseParallel = [
+    initPivot,
+    pivotGridStyle,
+    pivotIndicators_pivotIndicatorsAsRow,
+    datasetPivot,
+    pivotIndicators([
+        initRoseParallel,
+        stackCornerRadius_stackCornerRadius,
+        color_color,
+        background_backgroundColor,
+        datasetPivotPlaceholder,
+        radiusAxis,
+        angleAxis,
+        label_label,
+        tooltip_tooltip,
+        verticalCrosshairRect,
+        barStyle_barStyle,
+        annotationPoint_annotationPoint,
+        annotationVerticalLine_annotationVerticalLine,
+        annotationHorizontalLine_annotationHorizontalLine,
+        annotationAreaBand
+    ]),
+    pivotRowDimensions,
+    pivotColumnDimensions,
+    pivotDiscreteLegend
+];
+const roseParallelSpecPipeline = [
+    pivotAdapter_pivotAdapter(roseParallel, pivotRoseParallel)
+];
 const buildAdvanced = (builder)=>{
     const { chartType } = builder.vseed;
     if (!chartType) throw new Error('chartType is nil in buildAdvanced');
@@ -3665,6 +4075,18 @@ const registerPie = ()=>{
     Builder._advancedPipelineMap.pie = pieAdvancedPipeline;
     Builder._specPipelineMap.pie = pieSpecPipeline;
 };
+const registerDonut = ()=>{
+    Builder._advancedPipelineMap.donut = donutAdvancedPipeline;
+    Builder._specPipelineMap.donut = donutSpecPipeline;
+};
+const registerRose = ()=>{
+    Builder._advancedPipelineMap.rose = roseAdvancedPipeline;
+    Builder._specPipelineMap.rose = roseSpecPipeline;
+};
+const registerRoseParallel = ()=>{
+    Builder._advancedPipelineMap.roseParallel = roseParallelAdvancedPipeline;
+    Builder._specPipelineMap.roseParallel = roseParallelSpecPipeline;
+};
 const darkTheme = ()=>{
     const linearAxis = {
         nice: true,
@@ -4135,7 +4557,7 @@ const registerLightTheme = ()=>{
 const registerDarkTheme = ()=>{
     registerCustomTheme('dark', darkTheme());
 };
-const all_registerAll = ()=>{
+const registerAll = ()=>{
     registerLine();
     registerColumn();
     registerColumnParallel();
@@ -4146,6 +4568,9 @@ const all_registerAll = ()=>{
     registerArea();
     registerAreaPercent();
     registerPie();
+    registerDonut();
+    registerRose();
+    registerRoseParallel();
     registerLightTheme();
     registerDarkTheme();
 };
@@ -4162,6 +4587,7 @@ const zChartType = z["enum"]([
     'area',
     'areaPercent',
     'rose',
+    'roseParallel',
     'pie',
     'donut',
     'dualAxis'
@@ -4521,9 +4947,10 @@ const zConfig = z.object({
         yAxis: zYLinearAxis.optional(),
         crosshairLine: zCrosshairLine.optional()
     }).optional(),
+    rose: z.object({}).optional(),
+    roseParallel: z.object({}).optional(),
     pie: z.object({}).optional(),
     donut: z.object({}).optional(),
-    rose: z.object({}).optional(),
     dualAxis: z.object({}).optional(),
     table: z.object({}).optional(),
     pivotTable: z.object({}).optional()
@@ -5068,6 +5495,6 @@ const zVSeed = z.discriminatedUnion('chartType', [
     zAreaPercent,
     zPie
 ]);
-export { Builder, FoldMeasureId, FoldMeasureName, FoldMeasureValue, ORIGINAL_DATA, Separator, UnfoldDimensionGroup, UnfoldDimensionGroupId, areaAdvancedPipeline, areaPercentAdvancedPipeline, areaPercentSpecPipeline, areaSpecPipeline, autoFormatter, autoNumFormatter, barAdvancedPipeline, barParallelAdvancedPipeline, barParallelSpecPipeline, barPercentAdvancedPipeline, barPercentSpecPipeline, barSpecPipeline, columnAdvancedPipeline, columnParallelAdvancedPipeline, columnParallelSpecPipeline, columnPercentAdvancedPipeline, columnPercentSpecPipeline, columnSpecPipeline, createFormatter, createNumFormatter, darkTheme, dataReshapeFor1D1M, dataReshapeFor2D1M, execPipeline, findMeasureById, foldMeasures, i18n, intl, isPivotChart, isVChart, isVTable, lightTheme, lineAdvancedPipeline, lineSpecPipeline, pieAdvancedPipeline, pieSpecPipeline, all_registerAll as registerAll, registerArea, registerAreaPercent, registerBar, registerBarParallel, registerBarPercent, registerColumn, registerColumnParallel, registerColumnPercent, registerCustomTheme, registerDarkTheme, registerLightTheme, registerLine, unfoldDimensions, zAnnotation, zAnnotationArea, zAnnotationHorizontalLine, zAnnotationPoint, zAnnotationVerticalLine, zAreaStyle, zAxis, zBackgroundColor, zBarStyle, zBaseConfig, zChartType, zColor, zConfig, zCrosshairLine, zCrosshairRect, zCustomTheme, zCustomThemeConfig, zDataset, zDatasetReshapeInfo, zDatum, zDimension, zDimensions, zEncoding, zFoldInfo, zLabel, zLegend, zLineStyle, zMarkStyle, zMeasure, zMeasureGroup, zMeasures, zNumFormat, zPointStyle, zStackCornerRadius, zTheme, zTooltip, zUnfoldInfo, zVSeed, zXBandAxis, zXLinearAxis, zYBandAxis, zYLinearAxis };
+export { Builder, FoldMeasureId, FoldMeasureName, FoldMeasureValue, ORIGINAL_DATA, Separator, UnfoldDimensionGroup, UnfoldDimensionGroupId, areaAdvancedPipeline, areaPercentAdvancedPipeline, areaPercentSpecPipeline, areaSpecPipeline, autoFormatter, autoNumFormatter, barAdvancedPipeline, barParallelAdvancedPipeline, barParallelSpecPipeline, barPercentAdvancedPipeline, barPercentSpecPipeline, barSpecPipeline, columnAdvancedPipeline, columnParallelAdvancedPipeline, columnParallelSpecPipeline, columnPercentAdvancedPipeline, columnPercentSpecPipeline, columnSpecPipeline, createFormatter, createNumFormatter, darkTheme, dataReshapeFor1D1M, dataReshapeFor2D1M, donutAdvancedPipeline, donutSpecPipeline, execPipeline, findMeasureById, foldMeasures, i18n, intl, isPivotChart, isVChart, isVTable, lightTheme, lineAdvancedPipeline, lineSpecPipeline, pieAdvancedPipeline, pieSpecPipeline, registerAll, registerArea, registerAreaPercent, registerBar, registerBarParallel, registerBarPercent, registerColumn, registerColumnParallel, registerColumnPercent, registerCustomTheme, registerDarkTheme, registerLightTheme, registerLine, roseAdvancedPipeline, roseParallelAdvancedPipeline, roseParallelSpecPipeline, roseSpecPipeline, unfoldDimensions, zAnnotation, zAnnotationArea, zAnnotationHorizontalLine, zAnnotationPoint, zAnnotationVerticalLine, zAreaStyle, zAxis, zBackgroundColor, zBarStyle, zBaseConfig, zChartType, zColor, zConfig, zCrosshairLine, zCrosshairRect, zCustomTheme, zCustomThemeConfig, zDataset, zDatasetReshapeInfo, zDatum, zDimension, zDimensions, zEncoding, zFoldInfo, zLabel, zLegend, zLineStyle, zMarkStyle, zMeasure, zMeasureGroup, zMeasures, zNumFormat, zPointStyle, zStackCornerRadius, zTheme, zTooltip, zUnfoldInfo, zVSeed, zXBandAxis, zXLinearAxis, zYBandAxis, zYLinearAxis };
 
 //# sourceMappingURL=index.js.map