@visactor/vseed 0.0.26 → 0.0.28

package/dist/index.js

@@ -1,5 +1,4 @@
 import { clone, groupBy, isArray, isEmpty, isNullish, isNumber, isString, mergeDeep, omit, pick, sort, unique } from "remeda";
-import { color as external_d3_color_color } from "d3-color";
 import zod, { z } from "zod";
 const initAdvancedVSeed = (advancedVSeed, context)=>{
     const { vseed } = context;
@@ -2167,6 +2166,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
@@ -2390,7 +2403,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;
@@ -2426,7 +2439,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;
@@ -3149,7 +3162,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
@@ -3178,7 +3191,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);
                     }
                 }
@@ -3200,7 +3213,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);
                     }
                 }
@@ -3891,14 +3904,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: {
@@ -3934,10 +3948,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
+                    }
                 }
             }
         };
@@ -3986,9 +4003,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
+                    }
                 }
             }
         };
@@ -4806,6 +4826,7 @@ const line_line = [
     color_color,
     background_backgroundColor,
     datasetXY,
+    progressive,
     xBand,
     yLinear,
     label_label,
@@ -4830,6 +4851,7 @@ const pivotLine = [
         color_color,
         background_backgroundColor,
         datasetXY,
+        progressive,
         xBand,
         yLinear,
         label_label,
@@ -4857,6 +4879,7 @@ const column = [
     color_color,
     background_backgroundColor,
     datasetXY,
+    progressive,
     xBand,
     yLinear,
     label_label,
@@ -4881,6 +4904,7 @@ const pivotColumn = [
         color_color,
         background_backgroundColor,
         datasetXY,
+        progressive,
         xBand,
         yLinear,
         label_label,
@@ -4905,6 +4929,7 @@ const columnParallel = [
     color_color,
     background_backgroundColor,
     datasetXY,
+    progressive,
     xBand,
     yLinear,
     label_label,
@@ -4928,6 +4953,7 @@ const pivotColumnParallel = [
         color_color,
         background_backgroundColor,
         datasetXY,
+        progressive,
         xBand,
         yLinear,
         label_label,
@@ -4954,6 +4980,7 @@ const columnPercent = [
     background_backgroundColor,
     percent,
     datasetXY,
+    progressive,
     xBand,
     yLinear,
     label_label,
@@ -4979,6 +5006,7 @@ const pivotColumnPercent = [
         percent,
         background_backgroundColor,
         datasetXY,
+        progressive,
         xBand,
         yLinear,
         label_label,
@@ -5003,6 +5031,7 @@ const bar = [
     color_color,
     background_backgroundColor,
     datasetYX,
+    progressive,
     xLinear,
     yBand,
     label_label,
@@ -5026,6 +5055,7 @@ const pivotBar = [
         color_color,
         background_backgroundColor,
         datasetYX,
+        progressive,
         xLinear,
         yBand,
         label_label,
@@ -5051,6 +5081,7 @@ const barParallel = [
     color_color,
     background_backgroundColor,
     datasetYX,
+    progressive,
     xLinear,
     yBand,
     label_label,
@@ -5099,6 +5130,7 @@ const barPercent = [
     background_backgroundColor,
     percent,
     datasetYX,
+    progressive,
     xLinear,
     yBand,
     label_label,
@@ -5147,6 +5179,7 @@ const area_area = [
     color_color,
     background_backgroundColor,
     datasetXY,
+    progressive,
     xBand,
     yLinear,
     label_label,
@@ -5173,6 +5206,7 @@ const pivotArea = [
         background_backgroundColor,
         stackInverse,
         datasetXY,
+        progressive,
         xBand,
         yLinear,
         label_label,
@@ -5201,6 +5235,7 @@ const areaPercent = [
     background_backgroundColor,
     percent,
     datasetXY,
+    progressive,
     xBand,
     yLinear,
     label_label,
@@ -5227,6 +5262,7 @@ const pivotAreaPercent = [
         background_backgroundColor,
         percent,
         datasetXY,
+        progressive,
         xBand,
         yLinear,
         label_label,
@@ -5263,6 +5299,7 @@ const areaRange = [
         pointStateDimensionHover
     ]),
     datasetXY,
+    progressive,
     background_backgroundColor,
     xBand,
     yLinear,
@@ -5295,6 +5332,7 @@ const pivotAreaRange = [
         ]),
         background_backgroundColor,
         datasetXY,
+        progressive,
         xBand,
         yLinear,
         label_label,
@@ -5315,6 +5353,7 @@ const scatter = [
     color_color,
     background_backgroundColor,
     datasetXY,
+    progressive,
     xLinear,
     yLinear,
     label_label,
@@ -5339,6 +5378,7 @@ const pivotScatter = [
         color_color,
         background_backgroundColor,
         datasetXY,
+        progressive,
         xLinear,
         yLinear,
         label_label,
@@ -5364,6 +5404,7 @@ const pie = [
     color_color,
     background_backgroundColor,
     datasetXY,
+    progressive,
     label_label,
     tooltip_tooltip,
     discreteLegend,
@@ -5382,6 +5423,7 @@ const pivotPie = [
         color_color,
         background_backgroundColor,
         datasetXY,
+        progressive,
         label_label,
         tooltip_tooltip,
         annotationPoint_annotationPoint,
@@ -5401,6 +5443,7 @@ const donut = [
     color_color,
     background_backgroundColor,
     datasetXY,
+    progressive,
     label_label,
     tooltip_tooltip,
     discreteLegend,
@@ -5419,6 +5462,7 @@ const pivotDonut = [
         color_color,
         background_backgroundColor,
         datasetXY,
+        progressive,
         label_label,
         tooltip_tooltip,
         annotationPoint_annotationPoint,
@@ -5440,6 +5484,7 @@ const rose = [
     color_color,
     background_backgroundColor,
     datasetXY,
+    progressive,
     radiusAxis,
     angleAxis,
     label_label,
@@ -5459,6 +5504,7 @@ const pivotRose = [
         color_color,
         background_backgroundColor,
         datasetXY,
+        progressive,
         radiusAxis,
         angleAxis,
         label_label,
@@ -5478,6 +5524,7 @@ const roseParallel = [
     color_color,
     background_backgroundColor,
     datasetXY,
+    progressive,
     radiusAxis,
     angleAxis,
     label_label,
@@ -5500,6 +5547,7 @@ const pivotRoseParallel = [
         color_color,
         background_backgroundColor,
         datasetXY,
+        progressive,
         radiusAxis,
         angleAxis,
         label_label,
@@ -5522,6 +5570,7 @@ const radar = [
     color_color,
     background_backgroundColor,
     datasetXY,
+    progressive,
     radarAngleAxis,
     radarRadiusAxis,
     label_label,
@@ -5543,6 +5592,7 @@ const pivotRadar = [
         color_color,
         background_backgroundColor,
         datasetXY,
+        progressive,
         radarAngleAxis,
         radarRadiusAxis,
         label_label,
@@ -5865,16 +5915,14 @@ const bodyStyle = (spec, context)=>{
     };
     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 = external_d3_color_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,
@@ -5913,7 +5961,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,
@@ -5925,9 +5973,7 @@ const headerStyle = (spec, context)=>{
         ],
         textAlign: 'center',
         hover: {
-            cellBgColor: external_d3_color_color(hoverCellBgColor)?.copy({
-                opacity: 1
-            }).brighter(0.5).toString(),
+            cellBgColor: hoverCellBgColor,
             inlineRowBgColor: hoverInlineColor,
             inlineColumnBgColor: hoverInlineColor
         },
@@ -5963,7 +6009,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,
@@ -5975,9 +6021,7 @@ const rowHeaderStyle = (spec, context)=>{
         ],
         textAlign: 'left',
         hover: {
-            cellBgColor: external_d3_color_color(hoverCellBgColor)?.copy({
-                opacity: 1
-            }).brighter(0.5).toString(),
+            cellBgColor: hoverCellBgColor,
             inlineRowBgColor: hoverInlineColor,
             inlineColumnBgColor: hoverInlineColor
         },
@@ -6012,8 +6056,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,
@@ -6028,9 +6072,7 @@ const cornerHeaderStyle = (spec, context)=>{
         ],
         textAlign: 'left',
         hover: {
-            cellBgColor: external_d3_color_color(hoverCellBgColor)?.copy({
-                opacity: 1
-            }).brighter(0.5).toString(),
+            cellBgColor: hoverCellColor,
             inlineRowBgColor: hoverInlineColor,
             inlineColumnBgColor: hoverInlineColor
         },
@@ -6078,12 +6120,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: external_d3_color_color(borderColor)?.copy({
-            opacity: 0.15
-        }).toString()
+        cellBgColor: backgroundColor
     };
     return result;
 };
@@ -6109,6 +6150,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);
@@ -6122,9 +6164,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);
@@ -6138,6 +6184,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)=>{
@@ -6173,6 +6222,7 @@ class Builder {
     _vseed;
     _advancedVSeed = null;
     _spec = null;
+    _performance = {};
     constructor(vseed){
         this._vseed = vseed;
         this._vseed.locale = vseed.locale || intl.getLocale();
@@ -6214,6 +6264,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 = {};
@@ -6447,8 +6503,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: {
@@ -6753,8 +6812,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: {
@@ -7288,11 +7350,14 @@ const zTableConfig = z.object({
     bodyFontColor: z.string().optional(),
     bodyBackgroundColor: z.string().optional(),
     hoverBodyBackgroundColor: z.string().optional(),
+    hoverBodyInlineBackgroundColor: z.string().optional(),
     headerFontSize: z.number().optional(),
     headerFontColor: z.string().optional(),
     headerBackgroundColor: z.string().optional(),
     hoverHeaderBackgroundColor: z.string().optional(),
-    selectedBorderColor: z.string().optional()
+    hoverHeaderInlineBackgroundColor: z.string().optional(),
+    selectedBorderColor: z.string().optional(),
+    selectedBackgroundColor: z.string().optional()
 });
 const zPivotTableConfig = zTableConfig;
 const zLineConfig = z.object({
@@ -7813,8 +7878,8 @@ const zLine = z.object({
     sortAxis: zSortAxis.optional(),
     sortLegend: zSortLegend.optional(),
     theme: zTheme.optional(),
-    pointStyle: zPointStyle.optional(),
-    lineStyle: zLineStyle.optional(),
+    pointStyle: z.array(zPointStyle).or(zPointStyle).optional(),
+    lineStyle: z.array(zLineStyle).or(zLineStyle).optional(),
     annotationPoint: z.array(zAnnotationPoint).or(zAnnotationPoint).optional(),
     annotationVerticalLine: z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
     annotationHorizontalLine: z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
@@ -7836,7 +7901,7 @@ const zColumn = z.object({
     crosshairRect: zCrosshairRect.optional(),
     stackCornerRadius: zStackCornerRadius.optional(),
     theme: zTheme.optional(),
-    barStyle: zBarStyle.optional(),
+    barStyle: z.array(zBarStyle).or(zBarStyle).optional(),
     annotationPoint: z.array(zAnnotationPoint).or(zAnnotationPoint).optional(),
     annotationVerticalLine: z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
     annotationHorizontalLine: z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
@@ -7858,7 +7923,7 @@ const zColumnParallel = z.object({
     crosshairRect: zCrosshairRect.optional(),
     stackCornerRadius: zStackCornerRadius.optional(),
     theme: zTheme.optional(),
-    barStyle: zBarStyle.optional(),
+    barStyle: z.array(zBarStyle).or(zBarStyle).optional(),
     annotationPoint: z.array(zAnnotationPoint).or(zAnnotationPoint).optional(),
     annotationVerticalLine: z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
     annotationHorizontalLine: z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
@@ -7880,7 +7945,7 @@ const zColumnPercent = z.object({
     crosshairRect: zCrosshairRect.optional(),
     stackCornerRadius: zStackCornerRadius.optional(),
     theme: zTheme.optional(),
-    barStyle: zBarStyle.optional(),
+    barStyle: z.array(zBarStyle).or(zBarStyle).optional(),
     annotationPoint: z.array(zAnnotationPoint).or(zAnnotationPoint).optional(),
     annotationVerticalLine: z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
     annotationHorizontalLine: z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
@@ -7902,7 +7967,7 @@ const zBar = z.object({
     crosshairRect: zCrosshairRect.optional(),
     stackCornerRadius: zStackCornerRadius.optional(),
     theme: zTheme.optional(),
-    barStyle: zBarStyle.optional(),
+    barStyle: z.array(zBarStyle).or(zBarStyle).optional(),
     annotationPoint: z.array(zAnnotationPoint).or(zAnnotationPoint).optional(),
     annotationVerticalLine: z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
     annotationHorizontalLine: z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
@@ -7924,7 +7989,7 @@ const zBarParallel = z.object({
     crosshairRect: zCrosshairRect.optional(),
     stackCornerRadius: zStackCornerRadius.optional(),
     theme: zTheme.optional(),
-    barStyle: zBarStyle.optional(),
+    barStyle: z.array(zBarStyle).or(zBarStyle).optional(),
     annotationPoint: z.array(zAnnotationPoint).or(zAnnotationPoint).optional(),
     annotationVerticalLine: z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
     annotationHorizontalLine: z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
@@ -7946,7 +8011,7 @@ const zBarPercent = z.object({
     crosshairRect: zCrosshairRect.optional(),
     stackCornerRadius: zStackCornerRadius.optional(),
     theme: zTheme.optional(),
-    barStyle: zBarStyle.optional(),
+    barStyle: z.array(zBarStyle).or(zBarStyle).optional(),
     annotationPoint: z.array(zAnnotationPoint).or(zAnnotationPoint).optional(),
     annotationVerticalLine: z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
     annotationHorizontalLine: z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
@@ -7967,9 +8032,9 @@ const zArea = z.object({
     yAxis: zYLinearAxis.optional(),
     crosshairLine: zCrosshairLine.optional(),
     theme: zTheme.optional(),
-    pointStyle: zPointStyle.optional(),
-    lineStyle: zLineStyle.optional(),
-    areaStyle: zAreaStyle.optional(),
+    pointStyle: z.array(zPointStyle).or(zPointStyle).optional(),
+    lineStyle: z.array(zLineStyle).or(zLineStyle).optional(),
+    areaStyle: z.array(zAreaStyle).or(zAreaStyle).optional(),
     annotationPoint: z.array(zAnnotationPoint).or(zAnnotationPoint).optional(),
     annotationVerticalLine: z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
     annotationHorizontalLine: z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
@@ -7990,9 +8055,9 @@ const zAreaPercent = z.object({
     yAxis: zYLinearAxis.optional(),
     crosshairLine: zCrosshairLine.optional(),
     theme: zTheme.optional(),
-    pointStyle: zPointStyle.optional(),
-    lineStyle: zLineStyle.optional(),
-    areaStyle: zAreaStyle.optional(),
+    pointStyle: z.array(zPointStyle).or(zPointStyle).optional(),
+    lineStyle: z.array(zLineStyle).or(zLineStyle).optional(),
+    areaStyle: z.array(zAreaStyle).or(zAreaStyle).optional(),
     annotationPoint: z.array(zAnnotationPoint).or(zAnnotationPoint).optional(),
     annotationVerticalLine: z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
     annotationHorizontalLine: z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
@@ -8010,9 +8075,9 @@ const zAreaRange = z.object({
     yAxis: zYLinearAxis.optional(),
     crosshairLine: zCrosshairLine.optional(),
     theme: zTheme.optional(),
-    pointStyle: zPointStyle.optional(),
-    lineStyle: zLineStyle.optional(),
-    areaStyle: zAreaStyle.optional(),
+    pointStyle: z.array(zPointStyle).or(zPointStyle).optional(),
+    lineStyle: z.array(zLineStyle).or(zLineStyle).optional(),
+    areaStyle: z.array(zAreaStyle).or(zAreaStyle).optional(),
     annotationPoint: z.array(zAnnotationPoint).or(zAnnotationPoint).optional(),
     annotationVerticalLine: z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
     annotationHorizontalLine: z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
@@ -8033,7 +8098,7 @@ const zScatter = z.object({
     yAxis: zYLinearAxis.optional(),
     crosshairLine: zCrosshairLine.optional(),
     theme: zTheme.optional(),
-    pointStyle: zPointStyle.optional(),
+    pointStyle: z.array(zPointStyle).or(zPointStyle).optional(),
     annotationPoint: z.array(zAnnotationPoint).or(zAnnotationPoint).optional(),
     annotationVerticalLine: z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
     annotationHorizontalLine: z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),