@visactor/vseed 0.0.26 → 0.0.28

package/dist/index.cjs

@@ -2395,6 +2395,20 @@ const datasetPivot = (spec, context)=>{
         records: records
     };
 };
+const progressive = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { dataset } = advancedVSeed;
+    const size = dataset.length;
+    if (size < 5000) return result;
+    result.large = true;
+    result.largeThreshold = 5000;
+    result.progressiveStep = 400;
+    result.progressiveThreshold = 8000;
+    return result;
+};
 const initColumn = (spec, context)=>{
     const result = {
         ...spec
@@ -2618,7 +2632,7 @@ const initPie = (spec, context)=>{
     const { advancedVSeed } = context;
     const { encoding, dataset } = advancedVSeed;
     if (!encoding[0].angle || !encoding[0].radius || !encoding[0].group) return result;
-    const showStroke = dataset.length > 20;
+    const showStroke = dataset.length <= 30;
     result.type = 'pie';
     result.outerRadius = 0.8;
     result.innerRadius = 0;
@@ -2654,7 +2668,7 @@ const initDonut = (spec, context)=>{
     const { advancedVSeed } = context;
     const { encoding, dataset } = advancedVSeed;
     if (!encoding[0].angle || !encoding[0].radius || !encoding[0].group) return result;
-    const showStroke = dataset.length > 20;
+    const showStroke = dataset.length <= 30;
     result.type = 'pie';
     result.outerRadius = 0.8;
     result.innerRadius = 0.8 * result.outerRadius;
@@ -3377,7 +3391,7 @@ const tooltip_tooltip = (spec, context)=>{
         ...spec
     };
     const { advancedVSeed } = context;
-    const { measures, datasetReshapeInfo, chartType } = advancedVSeed;
+    const { measures, datasetReshapeInfo, chartType, locale } = advancedVSeed;
     const baseConfig = advancedVSeed.config[chartType];
     const { tooltip = {
         enable: true
@@ -3406,7 +3420,7 @@ const tooltip_tooltip = (spec, context)=>{
                             const formatter = createFormatter(format);
                             return formatter(value);
                         }
-                        if (autoFormat) return autoFormatter(value);
+                        if (autoFormat) return autoFormatter(value, locale);
                         return String(value);
                     }
                 }
@@ -3428,7 +3442,7 @@ const tooltip_tooltip = (spec, context)=>{
                             const formatter = createFormatter(format);
                             return formatter(value);
                         }
-                        if (autoFormat) return autoFormatter(value);
+                        if (autoFormat) return autoFormatter(value, locale);
                         return String(value);
                     }
                 }
@@ -4119,14 +4133,15 @@ const isDimensionSelector = (selector)=>'object' == typeof selector && null !==
     ].includes(selector.op));
 const barStyle_barStyle = (spec, context)=>{
     const { advancedVSeed } = context;
-    const { markStyle } = advancedVSeed;
+    const { markStyle, dataset } = advancedVSeed;
     const { barStyle } = markStyle;
+    const showStroke = dataset.length <= 100;
     const result = {
         ...spec,
         bar: {
             style: {
                 stroke: '#fff',
-                lineWidth: 1
+                lineWidth: showStroke ? 1 : 0
             },
             state: {
                 hover: {
@@ -4162,10 +4177,13 @@ const barStyle_barStyle = (spec, context)=>{
                 style: {
                     fill: barColor,
                     fillOpacity: barColorOpacity,
-                    stroke: barBorderColor,
-                    lineWidth: barBorderWidth,
-                    lineDash: lineDash,
-                    cornerRadius: barRadius
+                    cornerRadius: barRadius,
+                    innerBorder: {
+                        stroke: barBorderColor,
+                        lineWidth: barBorderWidth,
+                        distance: (barBorderWidth || 0) / 2,
+                        lineDash: lineDash
+                    }
                 }
             }
         };
@@ -4214,9 +4232,12 @@ const pointStyle_pointStyle = (spec, context)=>{
                     size: pointSize,
                     fill: pointColor,
                     fillOpacity: pointColorOpacity,
-                    stroke: pointBorderColor,
-                    lineWidth: pointBorderWidth,
-                    lineDash: lineDash
+                    innerBorder: {
+                        stroke: pointBorderColor,
+                        lineWidth: pointBorderWidth,
+                        distance: (pointBorderWidth || 0) / 2,
+                        lineDash: lineDash
+                    }
                 }
             }
         };
@@ -5034,6 +5055,7 @@ const line_line = [
     color_color,
     background_backgroundColor,
     datasetXY,
+    progressive,
     xBand,
     yLinear,
     label_label,
@@ -5058,6 +5080,7 @@ const pivotLine = [
         color_color,
         background_backgroundColor,
         datasetXY,
+        progressive,
         xBand,
         yLinear,
         label_label,
@@ -5085,6 +5108,7 @@ const column = [
     color_color,
     background_backgroundColor,
     datasetXY,
+    progressive,
     xBand,
     yLinear,
     label_label,
@@ -5109,6 +5133,7 @@ const pivotColumn = [
         color_color,
         background_backgroundColor,
         datasetXY,
+        progressive,
         xBand,
         yLinear,
         label_label,
@@ -5133,6 +5158,7 @@ const columnParallel = [
     color_color,
     background_backgroundColor,
     datasetXY,
+    progressive,
     xBand,
     yLinear,
     label_label,
@@ -5156,6 +5182,7 @@ const pivotColumnParallel = [
         color_color,
         background_backgroundColor,
         datasetXY,
+        progressive,
         xBand,
         yLinear,
         label_label,
@@ -5182,6 +5209,7 @@ const columnPercent = [
     background_backgroundColor,
     percent,
     datasetXY,
+    progressive,
     xBand,
     yLinear,
     label_label,
@@ -5207,6 +5235,7 @@ const pivotColumnPercent = [
         percent,
         background_backgroundColor,
         datasetXY,
+        progressive,
         xBand,
         yLinear,
         label_label,
@@ -5231,6 +5260,7 @@ const bar = [
     color_color,
     background_backgroundColor,
     datasetYX,
+    progressive,
     xLinear,
     yBand,
     label_label,
@@ -5254,6 +5284,7 @@ const pivotBar = [
         color_color,
         background_backgroundColor,
         datasetYX,
+        progressive,
         xLinear,
         yBand,
         label_label,
@@ -5279,6 +5310,7 @@ const barParallel = [
     color_color,
     background_backgroundColor,
     datasetYX,
+    progressive,
     xLinear,
     yBand,
     label_label,
@@ -5327,6 +5359,7 @@ const barPercent = [
     background_backgroundColor,
     percent,
     datasetYX,
+    progressive,
     xLinear,
     yBand,
     label_label,
@@ -5375,6 +5408,7 @@ const area_area = [
     color_color,
     background_backgroundColor,
     datasetXY,
+    progressive,
     xBand,
     yLinear,
     label_label,
@@ -5401,6 +5435,7 @@ const pivotArea = [
         background_backgroundColor,
         stackInverse,
         datasetXY,
+        progressive,
         xBand,
         yLinear,
         label_label,
@@ -5429,6 +5464,7 @@ const areaPercent = [
     background_backgroundColor,
     percent,
     datasetXY,
+    progressive,
     xBand,
     yLinear,
     label_label,
@@ -5455,6 +5491,7 @@ const pivotAreaPercent = [
         background_backgroundColor,
         percent,
         datasetXY,
+        progressive,
         xBand,
         yLinear,
         label_label,
@@ -5491,6 +5528,7 @@ const areaRange = [
         pointStateDimensionHover
     ]),
     datasetXY,
+    progressive,
     background_backgroundColor,
     xBand,
     yLinear,
@@ -5523,6 +5561,7 @@ const pivotAreaRange = [
         ]),
         background_backgroundColor,
         datasetXY,
+        progressive,
         xBand,
         yLinear,
         label_label,
@@ -5543,6 +5582,7 @@ const scatter = [
     color_color,
     background_backgroundColor,
     datasetXY,
+    progressive,
     xLinear,
     yLinear,
     label_label,
@@ -5567,6 +5607,7 @@ const pivotScatter = [
         color_color,
         background_backgroundColor,
         datasetXY,
+        progressive,
         xLinear,
         yLinear,
         label_label,
@@ -5592,6 +5633,7 @@ const pie = [
     color_color,
     background_backgroundColor,
     datasetXY,
+    progressive,
     label_label,
     tooltip_tooltip,
     discreteLegend,
@@ -5610,6 +5652,7 @@ const pivotPie = [
         color_color,
         background_backgroundColor,
         datasetXY,
+        progressive,
         label_label,
         tooltip_tooltip,
         annotationPoint_annotationPoint,
@@ -5629,6 +5672,7 @@ const donut = [
     color_color,
     background_backgroundColor,
     datasetXY,
+    progressive,
     label_label,
     tooltip_tooltip,
     discreteLegend,
@@ -5647,6 +5691,7 @@ const pivotDonut = [
         color_color,
         background_backgroundColor,
         datasetXY,
+        progressive,
         label_label,
         tooltip_tooltip,
         annotationPoint_annotationPoint,
@@ -5668,6 +5713,7 @@ const rose = [
     color_color,
     background_backgroundColor,
     datasetXY,
+    progressive,
     radiusAxis,
     angleAxis,
     label_label,
@@ -5687,6 +5733,7 @@ const pivotRose = [
         color_color,
         background_backgroundColor,
         datasetXY,
+        progressive,
         radiusAxis,
         angleAxis,
         label_label,
@@ -5706,6 +5753,7 @@ const roseParallel = [
     color_color,
     background_backgroundColor,
     datasetXY,
+    progressive,
     radiusAxis,
     angleAxis,
     label_label,
@@ -5728,6 +5776,7 @@ const pivotRoseParallel = [
         color_color,
         background_backgroundColor,
         datasetXY,
+        progressive,
         radiusAxis,
         angleAxis,
         label_label,
@@ -5750,6 +5799,7 @@ const radar = [
     color_color,
     background_backgroundColor,
     datasetXY,
+    progressive,
     radarAngleAxis,
     radarRadiusAxis,
     label_label,
@@ -5771,6 +5821,7 @@ const pivotRadar = [
         color_color,
         background_backgroundColor,
         datasetXY,
+        progressive,
         radarAngleAxis,
         radarRadiusAxis,
         label_label,
@@ -6087,23 +6138,20 @@ const pivotIndicators_pivotIndicators = (spec, context)=>{
             }))
     };
 };
-const external_d3_color_namespaceObject = require("d3-color");
 const bodyStyle = (spec, context)=>{
     const result = {
         ...spec
     };
     const { advancedVSeed } = context;
     const { customTheme, chartType } = advancedVSeed;
-    const themConfig = customTheme?.config?.[chartType];
-    if (!result.theme || !themConfig) return result;
-    const borderColor = themConfig.borderColor || 'rgb(224, 224, 224)';
-    const backgroundColor = themConfig.bodyBackgroundColor || '#fff';
-    const fontColor = themConfig.bodyFontColor || '#1B1F23';
-    const fontSize = themConfig.bodyFontSize || 12;
-    const hoverCellBgColor = themConfig.hoverBodyBackgroundColor || '#bedaff';
-    const hoverInlineColor = (0, external_d3_color_namespaceObject.color)(hoverCellBgColor)?.copy({
-        opacity: 0.2
-    }).toString();
+    const themeConfig = customTheme?.config?.[chartType];
+    if (!result.theme || !themeConfig) return result;
+    const borderColor = themeConfig.borderColor || 'rgb(224, 224, 224)';
+    const backgroundColor = themeConfig.bodyBackgroundColor || '#fff';
+    const fontColor = themeConfig.bodyFontColor || '#1B1F23';
+    const fontSize = themeConfig.bodyFontSize || 12;
+    const hoverCellBgColor = themeConfig.hoverBodyBackgroundColor || '#bedaff';
+    const hoverInlineColor = themeConfig.hoverBodyInlineBackgroundColor || '#bedaff';
     result.theme.bodyStyle = {
         borderColor: borderColor,
         borderLineWidth: 1,
@@ -6142,7 +6190,7 @@ const headerStyle = (spec, context)=>{
     const fontColor = themConfig.headerFontColor || '#1B1F23';
     const fontSize = themConfig.headerFontSize || 12;
     const hoverCellBgColor = themConfig.hoverHeaderBackgroundColor || '#bedaff';
-    const hoverInlineColor = themConfig.hoverHeaderBackgroundColor;
+    const hoverInlineColor = themConfig.hoverHeaderInlineBackgroundColor || '#bedaff';
     result.theme.headerStyle = {
         borderColor: borderColor,
         borderLineWidth: 1,
@@ -6154,9 +6202,7 @@ const headerStyle = (spec, context)=>{
         ],
         textAlign: 'center',
         hover: {
-            cellBgColor: (0, external_d3_color_namespaceObject.color)(hoverCellBgColor)?.copy({
-                opacity: 1
-            }).brighter(0.5).toString(),
+            cellBgColor: hoverCellBgColor,
             inlineRowBgColor: hoverInlineColor,
             inlineColumnBgColor: hoverInlineColor
         },
@@ -6192,7 +6238,7 @@ const rowHeaderStyle = (spec, context)=>{
     const fontColor = themConfig.headerFontColor || '#1B1F23';
     const fontSize = themConfig.headerFontSize || 12;
     const hoverCellBgColor = themConfig.hoverHeaderBackgroundColor || '#bedaff';
-    const hoverInlineColor = themConfig.hoverHeaderBackgroundColor;
+    const hoverInlineColor = themConfig.hoverBodyInlineBackgroundColor || '#bedaff';
     result.theme.rowHeaderStyle = {
         borderColor: borderColor,
         borderLineWidth: 1,
@@ -6204,9 +6250,7 @@ const rowHeaderStyle = (spec, context)=>{
         ],
         textAlign: 'left',
         hover: {
-            cellBgColor: (0, external_d3_color_namespaceObject.color)(hoverCellBgColor)?.copy({
-                opacity: 1
-            }).brighter(0.5).toString(),
+            cellBgColor: hoverCellBgColor,
             inlineRowBgColor: hoverInlineColor,
             inlineColumnBgColor: hoverInlineColor
         },
@@ -6241,8 +6285,8 @@ const cornerHeaderStyle = (spec, context)=>{
     const backgroundColor = themConfig.headerBackgroundColor || '#EEF1F5';
     const fontColor = themConfig.headerFontColor || '#1B1F23';
     const fontSize = themConfig.headerFontSize || 12;
-    const hoverCellBgColor = themConfig.hoverHeaderBackgroundColor || '#bedaff';
-    const hoverInlineColor = themConfig.hoverHeaderBackgroundColor;
+    const hoverInlineColor = themConfig.hoverHeaderInlineBackgroundColor;
+    const hoverCellColor = themConfig.hoverHeaderBackgroundColor;
     result.theme.cornerHeaderStyle = {
         borderColor: [
             borderColor,
@@ -6257,9 +6301,7 @@ const cornerHeaderStyle = (spec, context)=>{
         ],
         textAlign: 'left',
         hover: {
-            cellBgColor: (0, external_d3_color_namespaceObject.color)(hoverCellBgColor)?.copy({
-                opacity: 1
-            }).brighter(0.5).toString(),
+            cellBgColor: hoverCellColor,
             inlineRowBgColor: hoverInlineColor,
             inlineColumnBgColor: hoverInlineColor
         },
@@ -6307,12 +6349,11 @@ const selectionStyle = (spec, context)=>{
     const themConfig = customTheme?.config?.[chartType];
     if (!result.theme || !themConfig) return result;
     const borderColor = themConfig.selectedBorderColor || 'rgb(224, 224, 224)';
+    const backgroundColor = themConfig.selectedBackgroundColor || 'rgb(224, 224, 224, 0.5)';
     result.theme.selectionStyle = {
         cellBorderColor: borderColor,
         cellBorderLineWidth: 2,
-        cellBgColor: (0, external_d3_color_namespaceObject.color)(borderColor)?.copy({
-            opacity: 0.15
-        }).toString()
+        cellBgColor: backgroundColor
     };
     return result;
 };
@@ -6338,6 +6379,7 @@ const pivotTableSpecPipeline = [
     selectionStyle
 ];
 const buildAdvanced = (builder)=>{
+    const start = 'undefined' != typeof performance ? performance.now() : Date.now();
     const { chartType } = builder.vseed;
     if (!chartType) throw new Error('chartType is nil in buildAdvanced');
     const pipeline = builder.getAdvancedPipeline(chartType);
@@ -6351,9 +6393,13 @@ const buildAdvanced = (builder)=>{
     } catch (e) {
         console.error(e);
         throw new Error("buildAdvanced error, see error info in console");
+    } finally{
+        const end = 'undefined' != typeof performance ? performance.now() : Date.now();
+        builder.performance['buildAdvanced'] = `${(end - start).toFixed(4)}ms`;
     }
 };
 const buildSpec = (builder, advancedVSeed)=>{
+    const start = 'undefined' != typeof performance ? performance.now() : Date.now();
     const { chartType } = builder.vseed;
     if (!chartType) throw new Error('chartType is nil in buildSpec');
     const pipeline = builder.getSpecPipeline(chartType);
@@ -6367,6 +6413,9 @@ const buildSpec = (builder, advancedVSeed)=>{
     } catch (e) {
         console.error(e);
         throw new Error("buildSpec error, see error info in console");
+    } finally{
+        const end = 'undefined' != typeof performance ? performance.now() : Date.now();
+        builder.performance['buildSpec'] = `${(end - start).toFixed(4)}ms`;
     }
 };
 const build = (builder)=>{
@@ -6402,6 +6451,7 @@ class Builder {
     _vseed;
     _advancedVSeed = null;
     _spec = null;
+    _performance = {};
     constructor(vseed){
         this._vseed = vseed;
         this._vseed.locale = vseed.locale || intl.getLocale();
@@ -6443,6 +6493,12 @@ class Builder {
     set spec(value) {
         this._spec = value;
     }
+    get performance() {
+        return this._performance;
+    }
+    set performance(value) {
+        this._performance = value;
+    }
     static _advancedPipelineMap = {};
     static _specPipelineMap = {};
     static _customAdvancedPipe = {};
@@ -6677,8 +6733,11 @@ const lightTheme = ()=>{
         headerFontColor: '#21252c',
         headerBackgroundColor: '#f6f7f9',
         hoverBodyBackgroundColor: '#bedaff',
-        hoverHeaderBackgroundColor: '#D9DDE488',
-        selectedBorderColor: '#4080ff'
+        hoverBodyInlineBackgroundColor: '#bedaff33',
+        hoverHeaderBackgroundColor: '#D9DDE4',
+        hoverHeaderInlineBackgroundColor: '#D9DDE455',
+        selectedBorderColor: '#4080ffee',
+        selectedBackgroundColor: '#4080ff10'
     };
     return {
         config: {
@@ -6996,8 +7055,11 @@ const darkTheme = ()=>{
         headerFontColor: '#fdfdfd',
         headerBackgroundColor: '#36393e',
         hoverBodyBackgroundColor: '#4284ff66',
-        hoverHeaderBackgroundColor: '#5f5f5f88',
-        selectedBorderColor: '#3073F2'
+        hoverBodyInlineBackgroundColor: '#4284ff10',
+        hoverHeaderBackgroundColor: '#6f7984cc',
+        hoverHeaderInlineBackgroundColor: '#4b4f54',
+        selectedBorderColor: '#3073F2',
+        selectedBackgroundColor: '#3073F210'
     };
     return {
         config: {
@@ -7519,11 +7581,14 @@ const zTableConfig = external_zod_namespaceObject.z.object({
     bodyFontColor: external_zod_namespaceObject.z.string().optional(),
     bodyBackgroundColor: external_zod_namespaceObject.z.string().optional(),
     hoverBodyBackgroundColor: external_zod_namespaceObject.z.string().optional(),
+    hoverBodyInlineBackgroundColor: external_zod_namespaceObject.z.string().optional(),
     headerFontSize: external_zod_namespaceObject.z.number().optional(),
     headerFontColor: external_zod_namespaceObject.z.string().optional(),
     headerBackgroundColor: external_zod_namespaceObject.z.string().optional(),
     hoverHeaderBackgroundColor: external_zod_namespaceObject.z.string().optional(),
-    selectedBorderColor: external_zod_namespaceObject.z.string().optional()
+    hoverHeaderInlineBackgroundColor: external_zod_namespaceObject.z.string().optional(),
+    selectedBorderColor: external_zod_namespaceObject.z.string().optional(),
+    selectedBackgroundColor: external_zod_namespaceObject.z.string().optional()
 });
 const zPivotTableConfig = zTableConfig;
 const zLineConfig = external_zod_namespaceObject.z.object({
@@ -8044,8 +8109,8 @@ const zLine = external_zod_namespaceObject.z.object({
     sortAxis: zSortAxis.optional(),
     sortLegend: zSortLegend.optional(),
     theme: zTheme.optional(),
-    pointStyle: zPointStyle.optional(),
-    lineStyle: zLineStyle.optional(),
+    pointStyle: external_zod_namespaceObject.z.array(zPointStyle).or(zPointStyle).optional(),
+    lineStyle: external_zod_namespaceObject.z.array(zLineStyle).or(zLineStyle).optional(),
     annotationPoint: external_zod_namespaceObject.z.array(zAnnotationPoint).or(zAnnotationPoint).optional(),
     annotationVerticalLine: external_zod_namespaceObject.z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
     annotationHorizontalLine: external_zod_namespaceObject.z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
@@ -8067,7 +8132,7 @@ const zColumn = external_zod_namespaceObject.z.object({
     crosshairRect: zCrosshairRect.optional(),
     stackCornerRadius: zStackCornerRadius.optional(),
     theme: zTheme.optional(),
-    barStyle: zBarStyle.optional(),
+    barStyle: external_zod_namespaceObject.z.array(zBarStyle).or(zBarStyle).optional(),
     annotationPoint: external_zod_namespaceObject.z.array(zAnnotationPoint).or(zAnnotationPoint).optional(),
     annotationVerticalLine: external_zod_namespaceObject.z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
     annotationHorizontalLine: external_zod_namespaceObject.z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
@@ -8089,7 +8154,7 @@ const zColumnParallel = external_zod_namespaceObject.z.object({
     crosshairRect: zCrosshairRect.optional(),
     stackCornerRadius: zStackCornerRadius.optional(),
     theme: zTheme.optional(),
-    barStyle: zBarStyle.optional(),
+    barStyle: external_zod_namespaceObject.z.array(zBarStyle).or(zBarStyle).optional(),
     annotationPoint: external_zod_namespaceObject.z.array(zAnnotationPoint).or(zAnnotationPoint).optional(),
     annotationVerticalLine: external_zod_namespaceObject.z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
     annotationHorizontalLine: external_zod_namespaceObject.z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
@@ -8111,7 +8176,7 @@ const zColumnPercent = external_zod_namespaceObject.z.object({
     crosshairRect: zCrosshairRect.optional(),
     stackCornerRadius: zStackCornerRadius.optional(),
     theme: zTheme.optional(),
-    barStyle: zBarStyle.optional(),
+    barStyle: external_zod_namespaceObject.z.array(zBarStyle).or(zBarStyle).optional(),
     annotationPoint: external_zod_namespaceObject.z.array(zAnnotationPoint).or(zAnnotationPoint).optional(),
     annotationVerticalLine: external_zod_namespaceObject.z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
     annotationHorizontalLine: external_zod_namespaceObject.z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
@@ -8133,7 +8198,7 @@ const zBar = external_zod_namespaceObject.z.object({
     crosshairRect: zCrosshairRect.optional(),
     stackCornerRadius: zStackCornerRadius.optional(),
     theme: zTheme.optional(),
-    barStyle: zBarStyle.optional(),
+    barStyle: external_zod_namespaceObject.z.array(zBarStyle).or(zBarStyle).optional(),
     annotationPoint: external_zod_namespaceObject.z.array(zAnnotationPoint).or(zAnnotationPoint).optional(),
     annotationVerticalLine: external_zod_namespaceObject.z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
     annotationHorizontalLine: external_zod_namespaceObject.z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
@@ -8155,7 +8220,7 @@ const zBarParallel = external_zod_namespaceObject.z.object({
     crosshairRect: zCrosshairRect.optional(),
     stackCornerRadius: zStackCornerRadius.optional(),
     theme: zTheme.optional(),
-    barStyle: zBarStyle.optional(),
+    barStyle: external_zod_namespaceObject.z.array(zBarStyle).or(zBarStyle).optional(),
     annotationPoint: external_zod_namespaceObject.z.array(zAnnotationPoint).or(zAnnotationPoint).optional(),
     annotationVerticalLine: external_zod_namespaceObject.z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
     annotationHorizontalLine: external_zod_namespaceObject.z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
@@ -8177,7 +8242,7 @@ const zBarPercent = external_zod_namespaceObject.z.object({
     crosshairRect: zCrosshairRect.optional(),
     stackCornerRadius: zStackCornerRadius.optional(),
     theme: zTheme.optional(),
-    barStyle: zBarStyle.optional(),
+    barStyle: external_zod_namespaceObject.z.array(zBarStyle).or(zBarStyle).optional(),
     annotationPoint: external_zod_namespaceObject.z.array(zAnnotationPoint).or(zAnnotationPoint).optional(),
     annotationVerticalLine: external_zod_namespaceObject.z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
     annotationHorizontalLine: external_zod_namespaceObject.z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
@@ -8198,9 +8263,9 @@ const zArea = external_zod_namespaceObject.z.object({
     yAxis: zYLinearAxis.optional(),
     crosshairLine: zCrosshairLine.optional(),
     theme: zTheme.optional(),
-    pointStyle: zPointStyle.optional(),
-    lineStyle: zLineStyle.optional(),
-    areaStyle: zAreaStyle.optional(),
+    pointStyle: external_zod_namespaceObject.z.array(zPointStyle).or(zPointStyle).optional(),
+    lineStyle: external_zod_namespaceObject.z.array(zLineStyle).or(zLineStyle).optional(),
+    areaStyle: external_zod_namespaceObject.z.array(zAreaStyle).or(zAreaStyle).optional(),
     annotationPoint: external_zod_namespaceObject.z.array(zAnnotationPoint).or(zAnnotationPoint).optional(),
     annotationVerticalLine: external_zod_namespaceObject.z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
     annotationHorizontalLine: external_zod_namespaceObject.z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
@@ -8221,9 +8286,9 @@ const zAreaPercent = external_zod_namespaceObject.z.object({
     yAxis: zYLinearAxis.optional(),
     crosshairLine: zCrosshairLine.optional(),
     theme: zTheme.optional(),
-    pointStyle: zPointStyle.optional(),
-    lineStyle: zLineStyle.optional(),
-    areaStyle: zAreaStyle.optional(),
+    pointStyle: external_zod_namespaceObject.z.array(zPointStyle).or(zPointStyle).optional(),
+    lineStyle: external_zod_namespaceObject.z.array(zLineStyle).or(zLineStyle).optional(),
+    areaStyle: external_zod_namespaceObject.z.array(zAreaStyle).or(zAreaStyle).optional(),
     annotationPoint: external_zod_namespaceObject.z.array(zAnnotationPoint).or(zAnnotationPoint).optional(),
     annotationVerticalLine: external_zod_namespaceObject.z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
     annotationHorizontalLine: external_zod_namespaceObject.z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
@@ -8241,9 +8306,9 @@ const zAreaRange = external_zod_namespaceObject.z.object({
     yAxis: zYLinearAxis.optional(),
     crosshairLine: zCrosshairLine.optional(),
     theme: zTheme.optional(),
-    pointStyle: zPointStyle.optional(),
-    lineStyle: zLineStyle.optional(),
-    areaStyle: zAreaStyle.optional(),
+    pointStyle: external_zod_namespaceObject.z.array(zPointStyle).or(zPointStyle).optional(),
+    lineStyle: external_zod_namespaceObject.z.array(zLineStyle).or(zLineStyle).optional(),
+    areaStyle: external_zod_namespaceObject.z.array(zAreaStyle).or(zAreaStyle).optional(),
     annotationPoint: external_zod_namespaceObject.z.array(zAnnotationPoint).or(zAnnotationPoint).optional(),
     annotationVerticalLine: external_zod_namespaceObject.z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
     annotationHorizontalLine: external_zod_namespaceObject.z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
@@ -8264,7 +8329,7 @@ const zScatter = external_zod_namespaceObject.z.object({
     yAxis: zYLinearAxis.optional(),
     crosshairLine: zCrosshairLine.optional(),
     theme: zTheme.optional(),
-    pointStyle: zPointStyle.optional(),
+    pointStyle: external_zod_namespaceObject.z.array(zPointStyle).or(zPointStyle).optional(),
     annotationPoint: external_zod_namespaceObject.z.array(zAnnotationPoint).or(zAnnotationPoint).optional(),
     annotationVerticalLine: external_zod_namespaceObject.z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
     annotationHorizontalLine: external_zod_namespaceObject.z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),