@visactor/vseed 0.0.9 → 0.0.10

package/dist/index.cjs

@@ -41,6 +41,7 @@ __webpack_require__.d(__webpack_exports__, {
     columnPercentAdvancedPipeline: ()=>columnPercentAdvancedPipeline,
     zAxis: ()=>zAxis,
     isVTable: ()=>isVTable,
+    zAnnotation: ()=>zAnnotation,
     columnSpecPipeline: ()=>columnSpecPipeline,
     UnfoldDimensionGroup: ()=>UnfoldDimensionGroup,
     zDatasetReshapeInfo: ()=>zDatasetReshapeInfo,
@@ -54,9 +55,10 @@ __webpack_require__.d(__webpack_exports__, {
     columnParallelSpecPipeline: ()=>columnParallelSpecPipeline,
     zLabel: ()=>zLabel,
     registerColumn: ()=>registerColumn,
-    zDimension: ()=>zDimension,
+    zAnnotationPoint: ()=>zAnnotationPoint,
     lightTheme: ()=>lightTheme,
     registerColumnParallel: ()=>registerColumnParallel,
+    zDimension: ()=>zDimension,
     isPivotChart: ()=>isPivotChart,
     zCustomTheme: ()=>zCustomTheme,
     zXBandAxis: ()=>zXBandAxis,
@@ -86,8 +88,8 @@ __webpack_require__.d(__webpack_exports__, {
     foldMeasures: ()=>foldMeasures,
     dataReshapeFor2D1M: ()=>dataReshapeFor2D1M,
     registerLightTheme: ()=>registerLightTheme,
-    zChartType: ()=>zChartType,
     registerDarkTheme: ()=>registerDarkTheme,
+    zChartType: ()=>zChartType,
     barParallelAdvancedPipeline: ()=>barParallelAdvancedPipeline,
     FoldMeasureValue: ()=>FoldMeasureValue,
     barPercentSpecPipeline: ()=>barPercentSpecPipeline,
@@ -744,6 +746,16 @@ const markStyle_markStyle = (advancedVSeed, context)=>{
         markStyle
     };
 };
+const annotation_annotation = (advancedVSeed, context)=>{
+    const { vseed } = context;
+    const annotation = (0, external_remeda_namespaceObject.pick)(vseed, [
+        'annotationPoint'
+    ]);
+    return {
+        ...advancedVSeed,
+        annotation
+    };
+};
 const lineAdvancedPipeline = [
     initAdvancedVSeed,
     autoMeasures,
@@ -756,7 +768,8 @@ const lineAdvancedPipeline = [
     encodingXY,
     vchartBaseConfig,
     lineConfig,
-    vchartTheme
+    vchartTheme,
+    annotation_annotation
 ];
 const barAdvancedPipeline = [
     initAdvancedVSeed,
@@ -771,7 +784,8 @@ const barAdvancedPipeline = [
     barConfig,
     vchartBaseConfig,
     vchartTheme,
-    markStyle_markStyle
+    markStyle_markStyle,
+    annotation_annotation
 ];
 const barParallelAdvancedPipeline = [
     initAdvancedVSeed,
@@ -786,7 +800,8 @@ const barParallelAdvancedPipeline = [
     barParallelConfig,
     vchartBaseConfig,
     vchartTheme,
-    markStyle_markStyle
+    markStyle_markStyle,
+    annotation_annotation
 ];
 const barPercentAdvancedPipeline = [
     initAdvancedVSeed,
@@ -801,7 +816,8 @@ const barPercentAdvancedPipeline = [
     barPercentConfig,
     vchartBaseConfig,
     vchartTheme,
-    markStyle_markStyle
+    markStyle_markStyle,
+    annotation_annotation
 ];
 const columnAdvancedPipeline = [
     initAdvancedVSeed,
@@ -816,7 +832,8 @@ const columnAdvancedPipeline = [
     columnConfig,
     vchartBaseConfig,
     vchartTheme,
-    markStyle_markStyle
+    markStyle_markStyle,
+    annotation_annotation
 ];
 const columnParallelAdvancedPipeline = [
     initAdvancedVSeed,
@@ -831,7 +848,8 @@ const columnParallelAdvancedPipeline = [
     columnParallelConfig,
     vchartBaseConfig,
     vchartTheme,
-    markStyle_markStyle
+    markStyle_markStyle,
+    annotation_annotation
 ];
 const columnPercentAdvancedPipeline = [
     initAdvancedVSeed,
@@ -846,7 +864,8 @@ const columnPercentAdvancedPipeline = [
     columnPercentConfig,
     vchartBaseConfig,
     vchartTheme,
-    markStyle_markStyle
+    markStyle_markStyle,
+    annotation_annotation
 ];
 const areaAdvancedPipeline = [
     initAdvancedVSeed,
@@ -860,7 +879,8 @@ const areaAdvancedPipeline = [
     encodingXY,
     areaConfig,
     vchartBaseConfig,
-    vchartTheme
+    vchartTheme,
+    annotation_annotation
 ];
 const areaPercentAdvancedPipeline = [
     initAdvancedVSeed,
@@ -874,7 +894,8 @@ const areaPercentAdvancedPipeline = [
     encodingXY,
     areaPercentConfig,
     vchartBaseConfig,
-    vchartTheme
+    vchartTheme,
+    annotation_annotation
 ];
 const pieAdvancedPipeline = [
     initAdvancedVSeed,
@@ -888,7 +909,8 @@ const pieAdvancedPipeline = [
     encodingPolar,
     pieConfig,
     vchartBaseConfig,
-    vchartTheme
+    vchartTheme,
+    annotation_annotation
 ];
 const dataset_dataset = (spec, context)=>{
     const { advancedVSeed } = context;
@@ -1984,23 +2006,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 [
@@ -2016,15 +2038,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,
@@ -2034,7 +2126,8 @@ const line_line = [
     yLinear,
     label_label,
     tooltip_tooltip,
-    discreteLegend
+    discreteLegend,
+    annotationPoint_annotationPoint
 ];
 const pivotLine = [
     initPivot,
@@ -2049,7 +2142,8 @@ const pivotLine = [
         xBand,
         yLinear,
         label_label,
-        tooltip_tooltip
+        tooltip_tooltip,
+        annotationPoint_annotationPoint
     ]),
     pivotRowDimensions,
     pivotColumnDimensions,
@@ -2069,7 +2163,8 @@ const column = [
     label_label,
     tooltip_tooltip,
     discreteLegend,
-    barStyle_barStyle
+    barStyle_barStyle,
+    annotationPoint_annotationPoint
 ];
 const pivotColumn = [
     initPivot,
@@ -2086,7 +2181,8 @@ const pivotColumn = [
         yLinear,
         label_label,
         tooltip_tooltip,
-        barStyle_barStyle
+        barStyle_barStyle,
+        annotationPoint_annotationPoint
     ]),
     pivotRowDimensions,
     pivotColumnDimensions,
@@ -2105,7 +2201,8 @@ const columnParallel = [
     label_label,
     tooltip_tooltip,
     discreteLegend,
-    barStyle_barStyle
+    barStyle_barStyle,
+    annotationPoint_annotationPoint
 ];
 const pivotColumnParallel = [
     initPivot,
@@ -2121,7 +2218,8 @@ const pivotColumnParallel = [
         yLinear,
         label_label,
         tooltip_tooltip,
-        barStyle_barStyle
+        barStyle_barStyle,
+        annotationPoint_annotationPoint
     ]),
     pivotRowDimensions,
     pivotColumnDimensions,
@@ -2142,7 +2240,8 @@ const columnPercent = [
     label_label,
     tooltip_tooltip,
     discreteLegend,
-    barStyle_barStyle
+    barStyle_barStyle,
+    annotationPoint_annotationPoint
 ];
 const pivotColumnPercent = [
     initPivot,
@@ -2160,7 +2259,8 @@ const pivotColumnPercent = [
         yLinear,
         label_label,
         tooltip_tooltip,
-        barStyle_barStyle
+        barStyle_barStyle,
+        annotationPoint_annotationPoint
     ]),
     pivotRowDimensions,
     pivotColumnDimensions,
@@ -2179,7 +2279,8 @@ const bar = [
     label_label,
     tooltip_tooltip,
     discreteLegend,
-    barStyle_barStyle
+    barStyle_barStyle,
+    annotationPoint_annotationPoint
 ];
 const pivotBar = [
     initPivot,
@@ -2195,7 +2296,8 @@ const pivotBar = [
         label_label,
         label_label,
         tooltip_tooltip,
-        barStyle_barStyle
+        barStyle_barStyle,
+        annotationPoint_annotationPoint
     ]),
     pivotRowDimensions,
     pivotColumnDimensions,
@@ -2214,7 +2316,8 @@ const barParallel = [
     label_label,
     tooltip_tooltip,
     discreteLegend,
-    barStyle_barStyle
+    barStyle_barStyle,
+    annotationPoint_annotationPoint
 ];
 const pivotBarParallel = [
     initPivot,
@@ -2230,7 +2333,8 @@ const pivotBarParallel = [
         xLinear,
         label_label,
         tooltip_tooltip,
-        barStyle_barStyle
+        barStyle_barStyle,
+        annotationPoint_annotationPoint
     ]),
     pivotRowDimensions,
     pivotColumnDimensions,
@@ -2250,7 +2354,8 @@ const barPercent = [
     label_label,
     tooltip_tooltip,
     discreteLegend,
-    barStyle_barStyle
+    barStyle_barStyle,
+    annotationPoint_annotationPoint
 ];
 const pivotBarPercent = [
     initPivot,
@@ -2267,7 +2372,8 @@ const pivotBarPercent = [
         xLinear,
         label_label,
         tooltip_tooltip,
-        barStyle_barStyle
+        barStyle_barStyle,
+        annotationPoint_annotationPoint
     ]),
     pivotRowDimensions,
     pivotColumnDimensions,
@@ -2286,7 +2392,8 @@ const area_area = [
     yLinear,
     label_label,
     tooltip_tooltip,
-    discreteLegend
+    discreteLegend,
+    annotationPoint_annotationPoint
 ];
 const pivotArea = [
     initPivot,
@@ -2302,7 +2409,8 @@ const pivotArea = [
         xBand,
         yLinear,
         label_label,
-        tooltip_tooltip
+        tooltip_tooltip,
+        annotationPoint_annotationPoint
     ]),
     pivotRowDimensions,
     pivotColumnDimensions,
@@ -2322,7 +2430,8 @@ const areaPercent = [
     yLinear,
     label_label,
     tooltip_tooltip,
-    discreteLegend
+    discreteLegend,
+    annotationPoint_annotationPoint
 ];
 const pivotAreaPercent = [
     initPivot,
@@ -2339,7 +2448,8 @@ const pivotAreaPercent = [
         xBand,
         yLinear,
         label_label,
-        tooltip_tooltip
+        tooltip_tooltip,
+        annotationPoint_annotationPoint
     ]),
     pivotRowDimensions,
     pivotColumnDimensions,
@@ -2355,7 +2465,8 @@ const pie = [
     dataset_dataset,
     label_label,
     tooltip_tooltip,
-    discreteLegend
+    discreteLegend,
+    annotationPoint_annotationPoint
 ];
 const pivotPie = [
     initPivot,
@@ -2368,7 +2479,8 @@ const pivotPie = [
         background_backgroundColor,
         datasetPivotPlaceholder,
         label_label,
-        tooltip_tooltip
+        tooltip_tooltip,
+        annotationPoint_annotationPoint
     ]),
     pivotRowDimensions,
     pivotColumnDimensions,
@@ -3218,24 +3330,55 @@ const zBarStyle = external_zod_namespaceObject.z.object({
     selector: external_zod_namespaceObject.z.union([
         zSelector,
         zSelectors
-    ]),
-    barColor: external_zod_namespaceObject.z.string(),
-    barColorOpacity: external_zod_namespaceObject.z.number(),
-    barBorderColor: external_zod_namespaceObject.z.string(),
-    barBorderWidth: external_zod_namespaceObject.z.number(),
+    ]).optional(),
+    barColor: external_zod_namespaceObject.z.string().optional(),
+    barColorOpacity: external_zod_namespaceObject.z.number().optional(),
+    barBorderColor: external_zod_namespaceObject.z.string().optional(),
+    barBorderWidth: external_zod_namespaceObject.z.number().optional(),
     barBorderStyle: external_zod_namespaceObject.z.union([
         external_zod_namespaceObject.z.literal('solid'),
         external_zod_namespaceObject.z.literal('dashed'),
         external_zod_namespaceObject.z.literal('dotted')
-    ]),
+    ]).optional(),
     barRadius: external_zod_namespaceObject.z.union([
         external_zod_namespaceObject.z.number(),
         external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.number())
-    ])
+    ]).optional()
 });
 const zMarkStyle = external_zod_namespaceObject.z.object({
     barStyle: zBarStyle.optional()
 });
+const zAnnotationPoint = external_zod_namespaceObject.z.object({
+    selector: external_zod_namespaceObject.z.union([
+        zSelector,
+        zSelectors
+    ]),
+    text: external_zod_namespaceObject.z.string().or(external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.string())).optional(),
+    textColor: external_zod_namespaceObject.z.string().default('#ffffff').optional(),
+    textFontSize: external_zod_namespaceObject.z.number().default(12).optional(),
+    textFontWeight: external_zod_namespaceObject.z.number().default(400).optional(),
+    textAlign: external_zod_namespaceObject.z["enum"]([
+        'left',
+        'right',
+        'center'
+    ]).default('center').optional(),
+    textBaseline: external_zod_namespaceObject.z["enum"]([
+        'top',
+        'middle',
+        'bottom'
+    ]).default('middle').optional(),
+    backgroundVisible: external_zod_namespaceObject.z.boolean().default(true).optional(),
+    backgroundColor: external_zod_namespaceObject.z.string().default('#212121').optional(),
+    backgroundBorderColor: external_zod_namespaceObject.z.string().optional(),
+    backgroundBorderWidth: external_zod_namespaceObject.z.number().default(1).optional(),
+    backgroundBorderRadius: external_zod_namespaceObject.z.number().default(4).optional(),
+    backgroundPadding: external_zod_namespaceObject.z.number().optional(),
+    offsetY: external_zod_namespaceObject.z.number().default(0).optional(),
+    offsetX: external_zod_namespaceObject.z.number().default(0).optional()
+});
+const zAnnotation = external_zod_namespaceObject.z.object({
+    annotationPoint: zAnnotationPoint.or(external_zod_namespaceObject.z.array(zAnnotationPoint)).optional()
+});
 exports.Builder = __webpack_exports__.Builder;
 exports.FoldMeasureId = __webpack_exports__.FoldMeasureId;
 exports.FoldMeasureName = __webpack_exports__.FoldMeasureName;
@@ -3286,6 +3429,8 @@ exports.registerDarkTheme = __webpack_exports__.registerDarkTheme;
 exports.registerLightTheme = __webpack_exports__.registerLightTheme;
 exports.registerLine = __webpack_exports__.registerLine;
 exports.unfoldDimensions = __webpack_exports__.unfoldDimensions;
+exports.zAnnotation = __webpack_exports__.zAnnotation;
+exports.zAnnotationPoint = __webpack_exports__.zAnnotationPoint;
 exports.zAxis = __webpack_exports__.zAxis;
 exports.zBackgroundColor = __webpack_exports__.zBackgroundColor;
 exports.zBarStyle = __webpack_exports__.zBarStyle;
@@ -3366,6 +3511,8 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "registerLightTheme",
     "registerLine",
     "unfoldDimensions",
+    "zAnnotation",
+    "zAnnotationPoint",
     "zAxis",
     "zBackgroundColor",
     "zBarStyle",