@visactor/vseed 0.1.36 → 0.1.37

package/dist/umd/index.js

@@ -122,9 +122,9 @@
             tableAdvancedPipeline: ()=>tableAdvancedPipeline,
             zMeasureTree: ()=>zMeasureTree,
             zStackCornerRadius: ()=>zStackCornerRadius,
-            zRose: ()=>zRose,
             registerRose: ()=>registerRose,
             zPivotChartGridConfig: ()=>zPivotChartGridConfig,
+            zRose: ()=>zRose,
             registerTable: ()=>registerTable,
             isMeasureGroup: ()=>isMeasureGroup,
             autoFormatter: ()=>autoFormatter,
@@ -199,11 +199,12 @@
             pieAdvancedPipeline: ()=>pieAdvancedPipeline,
             zDualMeasures: ()=>zDualMeasures,
             isTable: ()=>isTable,
+            zBarMaxWidth: ()=>zBarMaxWidth,
             zDonut: ()=>zDonut,
-            zFunnelTransform: ()=>zFunnelTransform,
             XEncoding: ()=>XEncoding,
             findFirstMeasure: ()=>findFirstMeasure,
             scatterAdvancedPipeline: ()=>scatterAdvancedPipeline,
+            zFunnelTransform: ()=>zFunnelTransform,
             zRoseConfig: ()=>zRoseConfig,
             zScatterMeasures: ()=>zScatterMeasures,
             zAnnotation: ()=>zAnnotation,
@@ -283,6 +284,7 @@
             zCustomTheme: ()=>zCustomTheme,
             zTableConfig: ()=>zTableConfig,
             zColumnPercentConfig: ()=>zColumnPercentConfig,
+            zBarGapInGroup: ()=>zBarGapInGroup,
             ChartTypeEnum: ()=>ChartTypeEnum,
             zVSeed: ()=>zVSeed,
             radarAdvancedPipeline: ()=>radarAdvancedPipeline,
@@ -3356,7 +3358,7 @@
             return formatter(percentValue);
         };
         const buildLabel = (label, vseedMeasures = [], vseedDimensions = [], advancedVSeedDimensions, advancedVSeedMeasures, encoding, foldInfoList)=>{
-            const { enable, wrap, showValue, showValuePercent, showDimension, labelOverlap, labelColorSmartInvert, labelColor, labelFontSize, labelFontWeight, labelBackgroundColor, labelPosition, autoFormat, numFormat = {} } = label;
+            const { enable, wrap, showValue, showValuePercent, showDimension, labelOverlap, labelColorSmartInvert, labelStroke, labelColor, labelFontSize, labelFontWeight, labelBackgroundColor, labelPosition, autoFormat, numFormat = {} } = label;
             const hasDimLabelEncoding = vseedDimensions.some((item)=>encoding.label?.includes(item.id));
             const labelDims = T(hasDimLabelEncoding ? vseedDimensions.filter((item)=>encoding.label?.includes(item.id)) : showDimension ? advancedVSeedDimensions.filter((d)=>d.id !== MeasureName) : [], (item)=>item.id);
             const labelMeas = T(vseedMeasures.filter((item)=>encoding.label?.includes(item.id)), (item)=>item.id);
@@ -3391,6 +3393,7 @@
                 },
                 position: labelPosition,
                 style: {
+                    stroke: labelStroke,
                     fill: labelColor,
                     fontSize: labelFontSize,
                     fontWeight: labelFontWeight,
@@ -4599,7 +4602,9 @@
                 'xAxis',
                 'yAxis',
                 'crosshairRect',
-                'stackCornerRadius'
+                'stackCornerRadius',
+                'barMaxWidth',
+                'barGapInGroup'
             ]);
             const config = replaceNullToUndefined(pickedConfig);
             result.config = {
@@ -4675,6 +4680,16 @@
                 }
             };
         };
+        const barMaxWidth_barMaxWidth = (spec, context)=>{
+            const { advancedVSeed, vseed } = context;
+            const { chartType } = vseed;
+            const barMaxWidth = advancedVSeed.config?.[chartType]?.barMaxWidth;
+            if (!chunk_JK3VNB42_n(barMaxWidth)) return {
+                ...spec,
+                barMaxWidth
+            };
+            return spec;
+        };
         const stackInverse = (spec)=>{
             const result = {
                 ...spec
@@ -4953,6 +4968,7 @@
         const column = [
             initColumn,
             stackCornerRadius_stackCornerRadius,
+            barMaxWidth_barMaxWidth,
             stackInverse,
             colorAdapter(color_color, linearColor),
             background_backgroundColor,
@@ -5138,9 +5154,21 @@
             result.animation = true;
             return result;
         };
+        const barGapInGroup_barGapInGroup = (spec, context)=>{
+            const { advancedVSeed, vseed } = context;
+            const { chartType } = vseed;
+            const barGapInGroup = advancedVSeed.config?.[chartType]?.barGapInGroup;
+            if (!chunk_JK3VNB42_n(barGapInGroup)) return {
+                ...spec,
+                barGapInGroup
+            };
+            return spec;
+        };
         const columnParallel = [
             initColumnParallel,
             stackCornerRadius_stackCornerRadius,
+            barMaxWidth_barMaxWidth,
+            barGapInGroup_barGapInGroup,
             colorAdapter(color_color, linearColor),
             background_backgroundColor,
             datasetXY,
@@ -5232,6 +5260,7 @@
             initColumn,
             stackCornerRadius_stackCornerRadius,
             stackInverse,
+            barMaxWidth_barMaxWidth,
             colorAdapter(color_color, linearColor),
             background_backgroundColor,
             percent,
@@ -5673,6 +5702,7 @@
         const bar = [
             initBar,
             stackCornerRadius_stackCornerRadius,
+            barMaxWidth_barMaxWidth,
             colorAdapter(color_color, linearColor),
             background_backgroundColor,
             datasetYX,
@@ -5785,6 +5815,8 @@
         const barParallel = [
             initBarParallel,
             stackCornerRadius_stackCornerRadius,
+            barMaxWidth_barMaxWidth,
+            barGapInGroup_barGapInGroup,
             colorAdapter(color_color, linearColor),
             background_backgroundColor,
             datasetYX,
@@ -5867,6 +5899,7 @@
         const barPercent = [
             initBar,
             stackCornerRadius_stackCornerRadius,
+            barMaxWidth_barMaxWidth,
             colorAdapter(color_color, linearColor),
             background_backgroundColor,
             percent,
@@ -7109,7 +7142,9 @@
                 'primaryYAxis',
                 'secondaryYAxis',
                 'crosshairLine',
-                'crosshairRect'
+                'crosshairRect',
+                'barGapInGroup',
+                'barMaxWidth'
             ]);
             const config = replaceNullToUndefined(pickedConfig);
             result.config = {
@@ -7731,6 +7766,8 @@
                 labelPrimary,
                 tooltipPrimary,
                 progressive,
+                barMaxWidth_barMaxWidth,
+                barGapInGroup_barGapInGroup,
                 colorBarStyleFill(barStyle_barStyle),
                 colorPointStyleFill(pointStyle_pointStyle),
                 pointStateDimensionHover,
@@ -7743,6 +7780,8 @@
                 labelSecondary,
                 tooltipSecondary,
                 progressive,
+                barMaxWidth_barMaxWidth,
+                barGapInGroup_barGapInGroup,
                 colorBarStyleFill(barStyle_barStyle),
                 colorPointStyleFill(pointStyle_pointStyle),
                 pointStateDimensionHover,
@@ -7774,6 +7813,8 @@
                     labelPrimary,
                     tooltipPrimary,
                     progressive,
+                    barMaxWidth_barMaxWidth,
+                    barGapInGroup_barGapInGroup,
                     colorBarStyleFill(barStyle_barStyle),
                     colorPointStyleFill(pointStyle_pointStyle),
                     pointStateDimensionHover,
@@ -7786,6 +7827,8 @@
                     labelSecondary,
                     tooltipSecondary,
                     progressive,
+                    barMaxWidth_barMaxWidth,
+                    barGapInGroup_barGapInGroup,
                     colorBarStyleFill(barStyle_barStyle),
                     colorPointStyleFill(pointStyle_pointStyle),
                     pointStateDimensionHover,
@@ -9296,6 +9339,14 @@
                 labelColorSmartInvert: false,
                 labelOverlap: true
             });
+        const getDarkLabel = ()=>({
+                ...getDefaultLabel(),
+                labelStroke: '#21252C'
+            });
+        const getLightLabel = ()=>({
+                ...getDefaultLabel(),
+                labelStroke: '#fff'
+            });
         const getDefaultLegend = ()=>({
                 enable: true,
                 border: true,
@@ -9519,48 +9570,48 @@
                     lineWidth: 1
                 }
             });
-        const getLightAnnotationPoint = ()=>({
-                textColor: '#ffffff',
+        const getDefaultAnnotationPoint = ()=>({
                 textBackgroundVisible: true,
-                textBackgroundColor: '#364159',
-                textBackgroundBorderColor: '#3641594d',
                 textFontSize: 12,
                 textFontWeight: 400,
                 textBackgroundBorderRadius: 4,
                 textBackgroundBorderWidth: 1,
                 textBackgroundPadding: 2
             });
-        const getLightAnnotationHorizontalLine = ()=>({
-                lineColor: '#BCC1CB',
+        const getLightAnnotationPoint = ()=>({
+                ...getDefaultAnnotationPoint(),
+                textColor: '#ffffff',
+                textBackgroundColor: '#364159',
+                textBackgroundBorderColor: '#3641594d'
+            });
+        const getDefaultAnnotationLine = ()=>({
+                lineVisible: true,
                 lineWidth: 1,
                 lineStyle: 'solid',
-                lineVisible: true,
-                textColor: '#ffffff',
                 textFontSize: 12,
                 textFontWeight: 400,
                 startSymbolVisible: true,
                 endSymbolVisible: false,
                 textBackgroundVisible: true,
-                textBackgroundColor: '#BCC1CB',
-                textBackgroundBorderColor: '#BCC1CB',
                 textBackgroundBorderWidth: 1,
                 textBackgroundBorderRadius: 0,
                 textBackgroundPadding: 2
             });
-        const getLightAnnotationVerticalLine = ()=>getLightAnnotationHorizontalLine();
-        const getLightAnnotationArea = ()=>({
+        const getLightAnnotationHorizontalLine = ()=>({
+                ...getDefaultAnnotationLine(),
+                lineColor: '#BCC1CB',
                 textColor: '#ffffff',
+                textBackgroundColor: '#BCC1CB',
+                textBackgroundBorderColor: '#BCC1CB'
+            });
+        const getLightAnnotationVerticalLine = ()=>getLightAnnotationHorizontalLine();
+        const getDefaultAnnotationArea = ()=>({
                 textFontSize: 12,
                 textFontWeight: 400,
                 textBackgroundVisible: true,
-                textBackgroundColor: '#BCC1CB',
-                textBackgroundBorderColor: '#BCC1CB',
                 textBackgroundBorderWidth: 1,
                 textBackgroundBorderRadius: 0,
                 textBackgroundPadding: 4,
-                areaColor: '#BCC1CB',
-                areaColorOpacity: 0.12,
-                areaBorderColor: '#BCC1CB',
                 areaBorderWidth: 0,
                 areaBorderRadius: 0,
                 areaLineDash: [
@@ -9569,6 +9620,15 @@
                 ],
                 outerPadding: 4
             });
+        const getLightAnnotationArea = ()=>({
+                ...getDefaultAnnotationArea(),
+                textColor: '#ffffff',
+                textBackgroundColor: '#BCC1CB',
+                textBackgroundBorderColor: '#BCC1CB',
+                areaColor: '#BCC1CB',
+                areaColorOpacity: 0.12,
+                areaBorderColor: '#BCC1CB'
+            });
         const getLightAnnotation = ()=>({
                 annotationPoint: getLightAnnotationPoint(),
                 annotationHorizontalLine: getLightAnnotationHorizontalLine(),
@@ -9576,52 +9636,27 @@
                 annotationArea: getLightAnnotationArea()
             });
         const getDarkAnnotationPoint = ()=>({
+                ...getDefaultAnnotationPoint(),
                 textColor: '#4B4F54',
-                textBackgroundVisible: true,
                 textBackgroundColor: '#ffffff',
-                textBackgroundBorderColor: '#ffffff',
-                textFontSize: 12,
-                textFontWeight: 400,
-                textBackgroundBorderRadius: 4,
-                textBackgroundBorderWidth: 1,
-                textBackgroundPadding: 2
+                textBackgroundBorderColor: '#ffffff'
             });
         const getDarkAnnotationHorizontalLine = ()=>({
+                ...getDefaultAnnotationLine(),
                 lineColor: '#55595F',
-                lineWidth: 1,
-                lineStyle: 'solid',
-                lineVisible: true,
-                textFontSize: 12,
-                textFontWeight: 400,
-                textBackgroundVisible: true,
                 textColor: '#E2E3E6',
                 textBackgroundColor: '#55595F',
-                textBackgroundBorderColor: '#55595F',
-                textBackgroundBorderWidth: 1,
-                textBackgroundBorderRadius: 0,
-                textBackgroundPadding: 2
+                textBackgroundBorderColor: '#55595F'
             });
         const getDarkAnnotationVerticalLine = ()=>getDarkAnnotationHorizontalLine();
         const getDarkAnnotationArea = ()=>({
+                ...getDefaultAnnotationArea(),
                 textColor: '#E2E3E6',
-                textFontSize: 12,
-                textFontWeight: 400,
-                textBackgroundVisible: true,
                 textBackgroundColor: '#55595F',
                 textBackgroundBorderColor: '#55595F',
-                textBackgroundBorderWidth: 1,
-                textBackgroundBorderRadius: 0,
-                textBackgroundPadding: 4,
                 areaColor: '#E2E3E6',
                 areaColorOpacity: 0.15,
-                areaBorderColor: '#E2E3E6',
-                areaBorderWidth: 0,
-                areaBorderRadius: 0,
-                areaLineDash: [
-                    2,
-                    2
-                ],
-                outerPadding: 4
+                areaBorderColor: '#E2E3E6'
             });
         const getDarkAnnotation = ()=>({
                 annotationPoint: getDarkAnnotationPoint(),
@@ -9664,7 +9699,7 @@
             const baseConfig = {
                 backgroundColor: 'transparent',
                 color: getLightColor(),
-                label: getDefaultLabel(),
+                label: getLightLabel(),
                 legend: getDefaultLegend(),
                 tooltip: getDefaultTooltip()
             };
@@ -9914,7 +9949,7 @@
             const baseConfig = {
                 backgroundColor: 'transparent',
                 color: getDarkColor(),
-                label: getDefaultLabel(),
+                label: getDarkLabel(),
                 legend: getDefaultLegend(),
                 tooltip: getDefaultTooltip()
             };
@@ -14200,6 +14235,8 @@
             0,
             0
         ]);
+        const zBarMaxWidth = schemas_number().or(schemas_string());
+        const zBarGapInGroup = schemas_number().or(schemas_string());
         const zColumnConfig = schemas_object({
             backgroundColor: zBackgroundColor.nullish(),
             label: zLabel.nullish(),
@@ -14210,6 +14247,8 @@
             yAxis: zYLinearAxis.nullish(),
             crosshairRect: zCrosshairRect.nullish(),
             stackCornerRadius: zStackCornerRadius.nullish(),
+            barMaxWidth: zBarMaxWidth.nullish(),
+            barGapInGroup: zBarGapInGroup.nullish(),
             pivotGrid: zPivotChartGridConfig.nullish(),
             annotation: zAnnotationConfig.nullish()
         });
@@ -14589,6 +14628,7 @@
             yAxis: zYLinearAxis.nullish(),
             crosshairRect: zCrosshairRect.nullish(),
             stackCornerRadius: zStackCornerRadius.nullish(),
+            barMaxWidth: zBarMaxWidth.nullish(),
             theme: zTheme.nullish(),
             barStyle: schemas_array(zBarStyle).or(zBarStyle).nullish(),
             annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).nullish(),
@@ -14612,6 +14652,8 @@
             yAxis: zYLinearAxis.nullish(),
             crosshairRect: zCrosshairRect.nullish(),
             stackCornerRadius: zStackCornerRadius.nullish(),
+            barMaxWidth: zBarMaxWidth.nullish(),
+            barGapInGroup: zBarGapInGroup.nullish(),
             theme: zTheme.nullish(),
             barStyle: schemas_array(zBarStyle).or(zBarStyle).nullish(),
             annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).nullish(),
@@ -14635,6 +14677,7 @@
             yAxis: zYLinearAxis.nullish(),
             crosshairRect: zCrosshairRect.nullish(),
             stackCornerRadius: zStackCornerRadius.nullish(),
+            barMaxWidth: zBarMaxWidth.nullish(),
             theme: zTheme.nullish(),
             barStyle: schemas_array(zBarStyle).or(zBarStyle).nullish(),
             annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).nullish(),
@@ -14658,6 +14701,7 @@
             yAxis: zYBandAxis.nullish(),
             crosshairRect: zCrosshairRect.nullish(),
             stackCornerRadius: zStackCornerRadius.nullish(),
+            barMaxWidth: zBarMaxWidth.nullish(),
             theme: zTheme.nullish(),
             barStyle: schemas_array(zBarStyle).or(zBarStyle).nullish(),
             annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).nullish(),
@@ -14681,6 +14725,8 @@
             yAxis: zYBandAxis.nullish(),
             crosshairRect: zCrosshairRect.nullish(),
             stackCornerRadius: zStackCornerRadius.nullish(),
+            barMaxWidth: zBarMaxWidth.nullish(),
+            barGapInGroup: zBarGapInGroup.nullish(),
             theme: zTheme.nullish(),
             barStyle: schemas_array(zBarStyle).or(zBarStyle).nullish(),
             annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).nullish(),
@@ -14704,6 +14750,7 @@
             yAxis: zYBandAxis.nullish(),
             crosshairRect: zCrosshairRect.nullish(),
             stackCornerRadius: zStackCornerRadius.nullish(),
+            barMaxWidth: zBarMaxWidth.nullish(),
             theme: zTheme.nullish(),
             barStyle: schemas_array(zBarStyle).or(zBarStyle).nullish(),
             annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).nullish(),
@@ -14805,6 +14852,8 @@
             sort: zSort.nullish(),
             sortLegend: zSortLegend.nullish(),
             theme: zTheme.nullish(),
+            barMaxWidth: zBarMaxWidth.nullish(),
+            barGapInGroup: zBarGapInGroup.nullish(),
             barStyle: schemas_array(zBarStyle).or(zBarStyle).nullish(),
             pointStyle: schemas_array(zPointStyle).or(zPointStyle).nullish(),
             lineStyle: schemas_array(zLineStyle).or(zLineStyle).nullish(),