@visactor/vseed 0.0.25 → 0.0.27

package/dist/umd/index.js

@@ -3201,6 +3201,20 @@
                 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
@@ -3255,7 +3269,7 @@
             result.direction = 'horizontal';
             result.yField = [
                 encoding[0].y[0],
-                unfoldInfo.groupName
+                unfoldInfo.groupId
             ];
             result.xField = encoding[0].x[0];
             result.seriesField = encoding[0].group[0];
@@ -3404,7 +3418,7 @@
             result.direction = 'vertical';
             result.xField = [
                 encoding[0].x[0],
-                unfoldInfo.groupName
+                unfoldInfo.groupId
             ];
             result.yField = encoding[0].y[0];
             result.seriesField = encoding[0].group[0];
@@ -3424,7 +3438,7 @@
             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;
@@ -3460,7 +3474,7 @@
             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;
@@ -3535,7 +3549,7 @@
             result.type = 'rose';
             result.categoryField = [
                 encoding[0].angle[0],
-                unfoldInfo.groupName
+                unfoldInfo.groupId
             ];
             result.valueField = encoding[0].radius[0];
             result.seriesField = encoding[0].group[0];
@@ -4186,7 +4200,7 @@
                 ...spec
             };
             const { advancedVSeed } = context;
-            const { measures, datasetReshapeInfo, chartType } = advancedVSeed;
+            const { measures, datasetReshapeInfo, chartType, locale } = advancedVSeed;
             const baseConfig = advancedVSeed.config[chartType];
             const { tooltip = {
                 enable: true
@@ -4215,7 +4229,7 @@
                                     const formatter = createFormatter(format);
                                     return formatter(value);
                                 }
-                                if (autoFormat) return autoFormatter(value);
+                                if (autoFormat) return autoFormatter(value, locale);
                                 return String(value);
                             }
                         }
@@ -4237,7 +4251,7 @@
                                     const formatter = createFormatter(format);
                                     return formatter(value);
                                 }
-                                if (autoFormat) return autoFormatter(value);
+                                if (autoFormat) return autoFormatter(value, locale);
                                 return String(value);
                             }
                         }
@@ -4928,14 +4942,15 @@
             ].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: {
@@ -4971,10 +4986,13 @@
                         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
+                            }
                         }
                     }
                 };
@@ -5023,9 +5041,12 @@
                             size: pointSize,
                             fill: pointColor,
                             fillOpacity: pointColorOpacity,
-                            stroke: pointBorderColor,
-                            lineWidth: pointBorderWidth,
-                            lineDash: lineDash
+                            innerBorder: {
+                                stroke: pointBorderColor,
+                                lineWidth: pointBorderWidth,
+                                distance: (pointBorderWidth || 0) / 2,
+                                lineDash: lineDash
+                            }
                         }
                     }
                 };
@@ -5865,6 +5886,7 @@
             color_color,
             background_backgroundColor,
             datasetXY,
+            progressive,
             xBand,
             yLinear,
             label_label,
@@ -5889,6 +5911,7 @@
                 color_color,
                 background_backgroundColor,
                 datasetXY,
+                progressive,
                 xBand,
                 yLinear,
                 label_label,
@@ -5916,6 +5939,7 @@
             color_color,
             background_backgroundColor,
             datasetXY,
+            progressive,
             xBand,
             yLinear,
             label_label,
@@ -5940,6 +5964,7 @@
                 color_color,
                 background_backgroundColor,
                 datasetXY,
+                progressive,
                 xBand,
                 yLinear,
                 label_label,
@@ -5964,6 +5989,7 @@
             color_color,
             background_backgroundColor,
             datasetXY,
+            progressive,
             xBand,
             yLinear,
             label_label,
@@ -5987,6 +6013,7 @@
                 color_color,
                 background_backgroundColor,
                 datasetXY,
+                progressive,
                 xBand,
                 yLinear,
                 label_label,
@@ -6013,6 +6040,7 @@
             background_backgroundColor,
             percent,
             datasetXY,
+            progressive,
             xBand,
             yLinear,
             label_label,
@@ -6038,6 +6066,7 @@
                 percent,
                 background_backgroundColor,
                 datasetXY,
+                progressive,
                 xBand,
                 yLinear,
                 label_label,
@@ -6062,6 +6091,7 @@
             color_color,
             background_backgroundColor,
             datasetYX,
+            progressive,
             xLinear,
             yBand,
             label_label,
@@ -6085,6 +6115,7 @@
                 color_color,
                 background_backgroundColor,
                 datasetYX,
+                progressive,
                 xLinear,
                 yBand,
                 label_label,
@@ -6110,6 +6141,7 @@
             color_color,
             background_backgroundColor,
             datasetYX,
+            progressive,
             xLinear,
             yBand,
             label_label,
@@ -6158,6 +6190,7 @@
             background_backgroundColor,
             percent,
             datasetYX,
+            progressive,
             xLinear,
             yBand,
             label_label,
@@ -6206,6 +6239,7 @@
             color_color,
             background_backgroundColor,
             datasetXY,
+            progressive,
             xBand,
             yLinear,
             label_label,
@@ -6232,6 +6266,7 @@
                 background_backgroundColor,
                 stackInverse,
                 datasetXY,
+                progressive,
                 xBand,
                 yLinear,
                 label_label,
@@ -6260,6 +6295,7 @@
             background_backgroundColor,
             percent,
             datasetXY,
+            progressive,
             xBand,
             yLinear,
             label_label,
@@ -6286,6 +6322,7 @@
                 background_backgroundColor,
                 percent,
                 datasetXY,
+                progressive,
                 xBand,
                 yLinear,
                 label_label,
@@ -6322,6 +6359,7 @@
                 pointStateDimensionHover
             ]),
             datasetXY,
+            progressive,
             background_backgroundColor,
             xBand,
             yLinear,
@@ -6354,6 +6392,7 @@
                 ]),
                 background_backgroundColor,
                 datasetXY,
+                progressive,
                 xBand,
                 yLinear,
                 label_label,
@@ -6374,6 +6413,7 @@
             color_color,
             background_backgroundColor,
             datasetXY,
+            progressive,
             xLinear,
             yLinear,
             label_label,
@@ -6398,6 +6438,7 @@
                 color_color,
                 background_backgroundColor,
                 datasetXY,
+                progressive,
                 xLinear,
                 yLinear,
                 label_label,
@@ -6423,6 +6464,7 @@
             color_color,
             background_backgroundColor,
             datasetXY,
+            progressive,
             label_label,
             tooltip_tooltip,
             discreteLegend,
@@ -6441,6 +6483,7 @@
                 color_color,
                 background_backgroundColor,
                 datasetXY,
+                progressive,
                 label_label,
                 tooltip_tooltip,
                 annotationPoint_annotationPoint,
@@ -6460,6 +6503,7 @@
             color_color,
             background_backgroundColor,
             datasetXY,
+            progressive,
             label_label,
             tooltip_tooltip,
             discreteLegend,
@@ -6478,6 +6522,7 @@
                 color_color,
                 background_backgroundColor,
                 datasetXY,
+                progressive,
                 label_label,
                 tooltip_tooltip,
                 annotationPoint_annotationPoint,
@@ -6499,6 +6544,7 @@
             color_color,
             background_backgroundColor,
             datasetXY,
+            progressive,
             radiusAxis,
             angleAxis,
             label_label,
@@ -6518,6 +6564,7 @@
                 color_color,
                 background_backgroundColor,
                 datasetXY,
+                progressive,
                 radiusAxis,
                 angleAxis,
                 label_label,
@@ -6537,6 +6584,7 @@
             color_color,
             background_backgroundColor,
             datasetXY,
+            progressive,
             radiusAxis,
             angleAxis,
             label_label,
@@ -6559,6 +6607,7 @@
                 color_color,
                 background_backgroundColor,
                 datasetXY,
+                progressive,
                 radiusAxis,
                 angleAxis,
                 label_label,
@@ -6581,6 +6630,7 @@
             color_color,
             background_backgroundColor,
             datasetXY,
+            progressive,
             radarAngleAxis,
             radarRadiusAxis,
             label_label,
@@ -6602,6 +6652,7 @@
                 color_color,
                 background_backgroundColor,
                 datasetXY,
+                progressive,
                 radarAngleAxis,
                 radarRadiusAxis,
                 label_label,
@@ -7491,6 +7542,7 @@
             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);
@@ -7504,9 +7556,13 @@
             } 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);
@@ -7520,6 +7576,9 @@
             } 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)=>{
@@ -7555,6 +7614,7 @@
             _vseed;
             _advancedVSeed = null;
             _spec = null;
+            _performance = {};
             constructor(vseed){
                 this._vseed = vseed;
                 this._vseed.locale = vseed.locale || intl.getLocale();
@@ -7596,6 +7656,12 @@
             set spec(value) {
                 this._spec = value;
             }
+            get performance() {
+                return this._performance;
+            }
+            set performance(value) {
+                this._performance = value;
+            }
             static _advancedPipelineMap = {};
             static _specPipelineMap = {};
             static _customAdvancedPipe = {};
@@ -19709,8 +19775,8 @@
             sortAxis: zSortAxis.optional(),
             sortLegend: zSortLegend.optional(),
             theme: zTheme.optional(),
-            pointStyle: zPointStyle.optional(),
-            lineStyle: zLineStyle.optional(),
+            pointStyle: schemas_array(zPointStyle).or(zPointStyle).optional(),
+            lineStyle: schemas_array(zLineStyle).or(zLineStyle).optional(),
             annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).optional(),
             annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
             annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
@@ -19732,7 +19798,7 @@
             crosshairRect: zCrosshairRect.optional(),
             stackCornerRadius: zStackCornerRadius.optional(),
             theme: zTheme.optional(),
-            barStyle: zBarStyle.optional(),
+            barStyle: schemas_array(zBarStyle).or(zBarStyle).optional(),
             annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).optional(),
             annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
             annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
@@ -19754,7 +19820,7 @@
             crosshairRect: zCrosshairRect.optional(),
             stackCornerRadius: zStackCornerRadius.optional(),
             theme: zTheme.optional(),
-            barStyle: zBarStyle.optional(),
+            barStyle: schemas_array(zBarStyle).or(zBarStyle).optional(),
             annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).optional(),
             annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
             annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
@@ -19776,7 +19842,7 @@
             crosshairRect: zCrosshairRect.optional(),
             stackCornerRadius: zStackCornerRadius.optional(),
             theme: zTheme.optional(),
-            barStyle: zBarStyle.optional(),
+            barStyle: schemas_array(zBarStyle).or(zBarStyle).optional(),
             annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).optional(),
             annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
             annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
@@ -19798,7 +19864,7 @@
             crosshairRect: zCrosshairRect.optional(),
             stackCornerRadius: zStackCornerRadius.optional(),
             theme: zTheme.optional(),
-            barStyle: zBarStyle.optional(),
+            barStyle: schemas_array(zBarStyle).or(zBarStyle).optional(),
             annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).optional(),
             annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
             annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
@@ -19820,7 +19886,7 @@
             crosshairRect: zCrosshairRect.optional(),
             stackCornerRadius: zStackCornerRadius.optional(),
             theme: zTheme.optional(),
-            barStyle: zBarStyle.optional(),
+            barStyle: schemas_array(zBarStyle).or(zBarStyle).optional(),
             annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).optional(),
             annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
             annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
@@ -19842,7 +19908,7 @@
             crosshairRect: zCrosshairRect.optional(),
             stackCornerRadius: zStackCornerRadius.optional(),
             theme: zTheme.optional(),
-            barStyle: zBarStyle.optional(),
+            barStyle: schemas_array(zBarStyle).or(zBarStyle).optional(),
             annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).optional(),
             annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
             annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
@@ -19863,9 +19929,9 @@
             yAxis: zYLinearAxis.optional(),
             crosshairLine: zCrosshairLine.optional(),
             theme: zTheme.optional(),
-            pointStyle: zPointStyle.optional(),
-            lineStyle: zLineStyle.optional(),
-            areaStyle: zAreaStyle.optional(),
+            pointStyle: schemas_array(zPointStyle).or(zPointStyle).optional(),
+            lineStyle: schemas_array(zLineStyle).or(zLineStyle).optional(),
+            areaStyle: schemas_array(zAreaStyle).or(zAreaStyle).optional(),
             annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).optional(),
             annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
             annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
@@ -19886,9 +19952,9 @@
             yAxis: zYLinearAxis.optional(),
             crosshairLine: zCrosshairLine.optional(),
             theme: zTheme.optional(),
-            pointStyle: zPointStyle.optional(),
-            lineStyle: zLineStyle.optional(),
-            areaStyle: zAreaStyle.optional(),
+            pointStyle: schemas_array(zPointStyle).or(zPointStyle).optional(),
+            lineStyle: schemas_array(zLineStyle).or(zLineStyle).optional(),
+            areaStyle: schemas_array(zAreaStyle).or(zAreaStyle).optional(),
             annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).optional(),
             annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
             annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
@@ -19906,9 +19972,9 @@
             yAxis: zYLinearAxis.optional(),
             crosshairLine: zCrosshairLine.optional(),
             theme: zTheme.optional(),
-            pointStyle: zPointStyle.optional(),
-            lineStyle: zLineStyle.optional(),
-            areaStyle: zAreaStyle.optional(),
+            pointStyle: schemas_array(zPointStyle).or(zPointStyle).optional(),
+            lineStyle: schemas_array(zLineStyle).or(zLineStyle).optional(),
+            areaStyle: schemas_array(zAreaStyle).or(zAreaStyle).optional(),
             annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).optional(),
             annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
             annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
@@ -19929,7 +19995,7 @@
             yAxis: zYLinearAxis.optional(),
             crosshairLine: zCrosshairLine.optional(),
             theme: zTheme.optional(),
-            pointStyle: zPointStyle.optional(),
+            pointStyle: schemas_array(zPointStyle).or(zPointStyle).optional(),
             annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).optional(),
             annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
             annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),