@visactor/vseed 0.0.9 → 0.0.10

package/dist/index.js

@@ -639,6 +639,16 @@ const markStyle_markStyle = (advancedVSeed, context)=>{
         markStyle
     };
 };
+const annotation_annotation = (advancedVSeed, context)=>{
+    const { vseed } = context;
+    const annotation = external_remeda_pick(vseed, [
+        'annotationPoint'
+    ]);
+    return {
+        ...advancedVSeed,
+        annotation
+    };
+};
 const lineAdvancedPipeline = [
     initAdvancedVSeed,
     autoMeasures,
@@ -651,7 +661,8 @@ const lineAdvancedPipeline = [
     encodingXY,
     vchartBaseConfig,
     lineConfig,
-    vchartTheme
+    vchartTheme,
+    annotation_annotation
 ];
 const barAdvancedPipeline = [
     initAdvancedVSeed,
@@ -666,7 +677,8 @@ const barAdvancedPipeline = [
     barConfig,
     vchartBaseConfig,
     vchartTheme,
-    markStyle_markStyle
+    markStyle_markStyle,
+    annotation_annotation
 ];
 const barParallelAdvancedPipeline = [
     initAdvancedVSeed,
@@ -681,7 +693,8 @@ const barParallelAdvancedPipeline = [
     barParallelConfig,
     vchartBaseConfig,
     vchartTheme,
-    markStyle_markStyle
+    markStyle_markStyle,
+    annotation_annotation
 ];
 const barPercentAdvancedPipeline = [
     initAdvancedVSeed,
@@ -696,7 +709,8 @@ const barPercentAdvancedPipeline = [
     barPercentConfig,
     vchartBaseConfig,
     vchartTheme,
-    markStyle_markStyle
+    markStyle_markStyle,
+    annotation_annotation
 ];
 const columnAdvancedPipeline = [
     initAdvancedVSeed,
@@ -711,7 +725,8 @@ const columnAdvancedPipeline = [
     columnConfig,
     vchartBaseConfig,
     vchartTheme,
-    markStyle_markStyle
+    markStyle_markStyle,
+    annotation_annotation
 ];
 const columnParallelAdvancedPipeline = [
     initAdvancedVSeed,
@@ -726,7 +741,8 @@ const columnParallelAdvancedPipeline = [
     columnParallelConfig,
     vchartBaseConfig,
     vchartTheme,
-    markStyle_markStyle
+    markStyle_markStyle,
+    annotation_annotation
 ];
 const columnPercentAdvancedPipeline = [
     initAdvancedVSeed,
@@ -741,7 +757,8 @@ const columnPercentAdvancedPipeline = [
     columnPercentConfig,
     vchartBaseConfig,
     vchartTheme,
-    markStyle_markStyle
+    markStyle_markStyle,
+    annotation_annotation
 ];
 const areaAdvancedPipeline = [
     initAdvancedVSeed,
@@ -755,7 +772,8 @@ const areaAdvancedPipeline = [
     encodingXY,
     areaConfig,
     vchartBaseConfig,
-    vchartTheme
+    vchartTheme,
+    annotation_annotation
 ];
 const areaPercentAdvancedPipeline = [
     initAdvancedVSeed,
@@ -769,7 +787,8 @@ const areaPercentAdvancedPipeline = [
     encodingXY,
     areaPercentConfig,
     vchartBaseConfig,
-    vchartTheme
+    vchartTheme,
+    annotation_annotation
 ];
 const pieAdvancedPipeline = [
     initAdvancedVSeed,
@@ -783,7 +802,8 @@ const pieAdvancedPipeline = [
     encodingPolar,
     pieConfig,
     vchartBaseConfig,
-    vchartTheme
+    vchartTheme,
+    annotation_annotation
 ];
 const dataset_dataset = (spec, context)=>{
     const { advancedVSeed } = context;
@@ -1879,23 +1899,23 @@ const barStyle_barStyle = (spec, context)=>{
         ...result,
         bar: {
             style: {
-                fill: (datum, context)=>{
+                fill: barColor ? (datum, context)=>{
                     if (selector_selector(datum, barSelector)) return barColor;
                     return context.seriesColor(datum[encoding[0]?.group?.[0]]);
-                },
-                fillOpacity: (datum)=>{
+                } : void 0,
+                fillOpacity: barColorOpacity ? (datum)=>{
                     if (selector_selector(datum, barSelector)) return barColorOpacity;
                     return 1;
-                },
-                stroke: (datum, context)=>{
+                } : void 0,
+                stroke: barBorderColor ? (datum, context)=>{
                     if (selector_selector(datum, barSelector)) return barBorderColor;
                     return context.seriesColor(datum[encoding[0]?.group?.[0]]);
-                },
-                lineWidth: (datum)=>{
+                } : void 0,
+                lineWidth: barBorderWidth ? (datum)=>{
                     if (selector_selector(datum, barSelector)) return barBorderWidth;
                     return 0;
-                },
-                lineDash: (datum)=>{
+                } : void 0,
+                lineDash: barBorderStyle ? (datum)=>{
                     if (selector_selector(datum, barSelector)) {
                         if ('solid' === barBorderStyle) ;
                         else if ('dashed' === barBorderStyle) return [
@@ -1911,15 +1931,85 @@ const barStyle_barStyle = (spec, context)=>{
                         0,
                         0
                     ];
-                },
-                cornerRadius: (datum)=>{
+                } : void 0,
+                cornerRadius: barRadius ? (datum)=>{
                     if (selector_selector(datum, barSelector)) return barRadius;
                     return 0;
-                }
+                } : void 0
             }
         }
     };
 };
+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 = 'middle', backgroundBorderColor, backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundColor = '#212121', backgroundPadding = 4, backgroundVisible = true, offsetX = 0, offsetY = 0 } = annotationPoint;
+        const dataset = advancedVSeed.dataset.flat();
+        const selectedData = dataset.filter((datum)=>selector_selector(datum, selectorPoint));
+        return selectedData.map((datum)=>({
+                regionRelative: true,
+                position: (data, context)=>{
+                    const targetDatum = data.find((item)=>isSubset(datum, item));
+                    if (targetDatum) {
+                        const { x, y } = context.dataToPosition(targetDatum);
+                        const xBandWidth = context.scaleX?.bandwidth?.();
+                        const yBandWidth = context.scaleY?.bandwidth?.();
+                        if (xBandWidth) return {
+                            x: x,
+                            y: y
+                        };
+                        if (yBandWidth) return {
+                            x,
+                            y: y
+                        };
+                    }
+                },
+                itemLine: {
+                    visible: false
+                },
+                itemContent: {
+                    offsetY,
+                    offsetX,
+                    text: {
+                        visible: true,
+                        text: text,
+                        style: {
+                            textAlign: textAlign,
+                            textBaseline: textBaseline,
+                            fill: textColor,
+                            fontSize: textFontSize,
+                            fontWeight: textFontWeight
+                        },
+                        labelBackground: {
+                            visible: backgroundVisible,
+                            padding: backgroundPadding,
+                            style: {
+                                cornerRadius: backgroundBorderRadius ?? 4,
+                                fill: backgroundColor,
+                                stroke: backgroundBorderColor,
+                                strokeWidth: backgroundBorderWidth
+                            }
+                        }
+                    }
+                }
+            }));
+    });
+    return {
+        ...spec,
+        markPoint
+    };
+};
+const isSubset = (sub, obj)=>Object.entries(sub).every(([key, value])=>{
+        if ('string' == typeof value) return obj[key] === value;
+        if ('number' == typeof value) return obj[key] === value;
+        return true;
+    });
 const line_line = [
     initLine,
     color_color,
@@ -1929,7 +2019,8 @@ const line_line = [
     yLinear,
     label_label,
     tooltip_tooltip,
-    discreteLegend
+    discreteLegend,
+    annotationPoint_annotationPoint
 ];
 const pivotLine = [
     initPivot,
@@ -1944,7 +2035,8 @@ const pivotLine = [
         xBand,
         yLinear,
         label_label,
-        tooltip_tooltip
+        tooltip_tooltip,
+        annotationPoint_annotationPoint
     ]),
     pivotRowDimensions,
     pivotColumnDimensions,
@@ -1964,7 +2056,8 @@ const column = [
     label_label,
     tooltip_tooltip,
     discreteLegend,
-    barStyle_barStyle
+    barStyle_barStyle,
+    annotationPoint_annotationPoint
 ];
 const pivotColumn = [
     initPivot,
@@ -1981,7 +2074,8 @@ const pivotColumn = [
         yLinear,
         label_label,
         tooltip_tooltip,
-        barStyle_barStyle
+        barStyle_barStyle,
+        annotationPoint_annotationPoint
     ]),
     pivotRowDimensions,
     pivotColumnDimensions,
@@ -2000,7 +2094,8 @@ const columnParallel = [
     label_label,
     tooltip_tooltip,
     discreteLegend,
-    barStyle_barStyle
+    barStyle_barStyle,
+    annotationPoint_annotationPoint
 ];
 const pivotColumnParallel = [
     initPivot,
@@ -2016,7 +2111,8 @@ const pivotColumnParallel = [
         yLinear,
         label_label,
         tooltip_tooltip,
-        barStyle_barStyle
+        barStyle_barStyle,
+        annotationPoint_annotationPoint
     ]),
     pivotRowDimensions,
     pivotColumnDimensions,
@@ -2037,7 +2133,8 @@ const columnPercent = [
     label_label,
     tooltip_tooltip,
     discreteLegend,
-    barStyle_barStyle
+    barStyle_barStyle,
+    annotationPoint_annotationPoint
 ];
 const pivotColumnPercent = [
     initPivot,
@@ -2055,7 +2152,8 @@ const pivotColumnPercent = [
         yLinear,
         label_label,
         tooltip_tooltip,
-        barStyle_barStyle
+        barStyle_barStyle,
+        annotationPoint_annotationPoint
     ]),
     pivotRowDimensions,
     pivotColumnDimensions,
@@ -2074,7 +2172,8 @@ const bar = [
     label_label,
     tooltip_tooltip,
     discreteLegend,
-    barStyle_barStyle
+    barStyle_barStyle,
+    annotationPoint_annotationPoint
 ];
 const pivotBar = [
     initPivot,
@@ -2090,7 +2189,8 @@ const pivotBar = [
         label_label,
         label_label,
         tooltip_tooltip,
-        barStyle_barStyle
+        barStyle_barStyle,
+        annotationPoint_annotationPoint
     ]),
     pivotRowDimensions,
     pivotColumnDimensions,
@@ -2109,7 +2209,8 @@ const barParallel = [
     label_label,
     tooltip_tooltip,
     discreteLegend,
-    barStyle_barStyle
+    barStyle_barStyle,
+    annotationPoint_annotationPoint
 ];
 const pivotBarParallel = [
     initPivot,
@@ -2125,7 +2226,8 @@ const pivotBarParallel = [
         xLinear,
         label_label,
         tooltip_tooltip,
-        barStyle_barStyle
+        barStyle_barStyle,
+        annotationPoint_annotationPoint
     ]),
     pivotRowDimensions,
     pivotColumnDimensions,
@@ -2145,7 +2247,8 @@ const barPercent = [
     label_label,
     tooltip_tooltip,
     discreteLegend,
-    barStyle_barStyle
+    barStyle_barStyle,
+    annotationPoint_annotationPoint
 ];
 const pivotBarPercent = [
     initPivot,
@@ -2162,7 +2265,8 @@ const pivotBarPercent = [
         xLinear,
         label_label,
         tooltip_tooltip,
-        barStyle_barStyle
+        barStyle_barStyle,
+        annotationPoint_annotationPoint
     ]),
     pivotRowDimensions,
     pivotColumnDimensions,
@@ -2181,7 +2285,8 @@ const area_area = [
     yLinear,
     label_label,
     tooltip_tooltip,
-    discreteLegend
+    discreteLegend,
+    annotationPoint_annotationPoint
 ];
 const pivotArea = [
     initPivot,
@@ -2197,7 +2302,8 @@ const pivotArea = [
         xBand,
         yLinear,
         label_label,
-        tooltip_tooltip
+        tooltip_tooltip,
+        annotationPoint_annotationPoint
     ]),
     pivotRowDimensions,
     pivotColumnDimensions,
@@ -2217,7 +2323,8 @@ const areaPercent = [
     yLinear,
     label_label,
     tooltip_tooltip,
-    discreteLegend
+    discreteLegend,
+    annotationPoint_annotationPoint
 ];
 const pivotAreaPercent = [
     initPivot,
@@ -2234,7 +2341,8 @@ const pivotAreaPercent = [
         xBand,
         yLinear,
         label_label,
-        tooltip_tooltip
+        tooltip_tooltip,
+        annotationPoint_annotationPoint
     ]),
     pivotRowDimensions,
     pivotColumnDimensions,
@@ -2250,7 +2358,8 @@ const pie = [
     dataset_dataset,
     label_label,
     tooltip_tooltip,
-    discreteLegend
+    discreteLegend,
+    annotationPoint_annotationPoint
 ];
 const pivotPie = [
     initPivot,
@@ -2263,7 +2372,8 @@ const pivotPie = [
         background_backgroundColor,
         datasetPivotPlaceholder,
         label_label,
-        tooltip_tooltip
+        tooltip_tooltip,
+        annotationPoint_annotationPoint
     ]),
     pivotRowDimensions,
     pivotColumnDimensions,
@@ -3112,24 +3222,55 @@ const zBarStyle = z.object({
     selector: z.union([
         zSelector,
         zSelectors
-    ]),
-    barColor: z.string(),
-    barColorOpacity: z.number(),
-    barBorderColor: z.string(),
-    barBorderWidth: z.number(),
+    ]).optional(),
+    barColor: z.string().optional(),
+    barColorOpacity: z.number().optional(),
+    barBorderColor: z.string().optional(),
+    barBorderWidth: z.number().optional(),
     barBorderStyle: z.union([
         z.literal('solid'),
         z.literal('dashed'),
         z.literal('dotted')
-    ]),
+    ]).optional(),
     barRadius: z.union([
         z.number(),
         z.array(z.number())
-    ])
+    ]).optional()
 });
 const zMarkStyle = z.object({
     barStyle: zBarStyle.optional()
 });
-export { Builder, FoldMeasureId, FoldMeasureName, FoldMeasureValue, ORIGINAL_DATA, Separator, UnfoldDimensionGroup, areaAdvancedPipeline, areaPercentAdvancedPipeline, areaPercentSpecPipeline, areaSpecPipeline, barAdvancedPipeline, barParallelAdvancedPipeline, barParallelSpecPipeline, barPercentAdvancedPipeline, barPercentSpecPipeline, barSpecPipeline, columnAdvancedPipeline, columnParallelAdvancedPipeline, columnParallelSpecPipeline, columnPercentAdvancedPipeline, columnPercentSpecPipeline, columnSpecPipeline, darkTheme, dataReshapeFor1D1M, dataReshapeFor2D1M, execPipeline, foldMeasures, 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, zAxis, zBackgroundColor, zBarStyle, zBaseConfig, zChartType, zColor, zConfig, zCustomTheme, zCustomThemeConfig, zDataset, zDatasetReshapeInfo, zDatum, zDimension, zDimensions, zEncoding, zFoldInfo, zLabel, zLegend, zMarkStyle, zMeasure, zMeasureGroup, zMeasures, zTheme, zTooltip, zUnfoldInfo, zXBandAxis, zXLinearAxis, zYBandAxis, zYLinearAxis };
+const zAnnotationPoint = z.object({
+    selector: z.union([
+        zSelector,
+        zSelectors
+    ]),
+    text: z.string().or(z.array(z.string())).optional(),
+    textColor: z.string().default('#ffffff').optional(),
+    textFontSize: z.number().default(12).optional(),
+    textFontWeight: z.number().default(400).optional(),
+    textAlign: z["enum"]([
+        'left',
+        'right',
+        'center'
+    ]).default('center').optional(),
+    textBaseline: z["enum"]([
+        'top',
+        'middle',
+        'bottom'
+    ]).default('middle').optional(),
+    backgroundVisible: z.boolean().default(true).optional(),
+    backgroundColor: z.string().default('#212121').optional(),
+    backgroundBorderColor: z.string().optional(),
+    backgroundBorderWidth: z.number().default(1).optional(),
+    backgroundBorderRadius: z.number().default(4).optional(),
+    backgroundPadding: z.number().optional(),
+    offsetY: z.number().default(0).optional(),
+    offsetX: z.number().default(0).optional()
+});
+const zAnnotation = z.object({
+    annotationPoint: zAnnotationPoint.or(z.array(zAnnotationPoint)).optional()
+});
+export { Builder, FoldMeasureId, FoldMeasureName, FoldMeasureValue, ORIGINAL_DATA, Separator, UnfoldDimensionGroup, areaAdvancedPipeline, areaPercentAdvancedPipeline, areaPercentSpecPipeline, areaSpecPipeline, barAdvancedPipeline, barParallelAdvancedPipeline, barParallelSpecPipeline, barPercentAdvancedPipeline, barPercentSpecPipeline, barSpecPipeline, columnAdvancedPipeline, columnParallelAdvancedPipeline, columnParallelSpecPipeline, columnPercentAdvancedPipeline, columnPercentSpecPipeline, columnSpecPipeline, darkTheme, dataReshapeFor1D1M, dataReshapeFor2D1M, execPipeline, foldMeasures, 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, zAnnotationPoint, zAxis, zBackgroundColor, zBarStyle, zBaseConfig, zChartType, zColor, zConfig, zCustomTheme, zCustomThemeConfig, zDataset, zDatasetReshapeInfo, zDatum, zDimension, zDimensions, zEncoding, zFoldInfo, zLabel, zLegend, zMarkStyle, zMeasure, zMeasureGroup, zMeasures, zTheme, zTooltip, zUnfoldInfo, zXBandAxis, zXLinearAxis, zYBandAxis, zYLinearAxis };
 
 //# sourceMappingURL=index.js.map