@visactor/vseed 0.0.26 → 0.0.27

package/dist/builder/builder/builder.d.ts

@@ -3,6 +3,7 @@ export declare class Builder implements VSeedBuilder {
     private _vseed;
     private _advancedVSeed;
     private _spec;
+    private _performance;
     constructor(vseed: VSeed);
     build: () => Spec;
     buildSpec: (advanced: AdvancedVSeed) => Spec;
@@ -13140,6 +13141,8 @@ export declare class Builder implements VSeedBuilder {
     } | null);
     get spec(): Spec | null;
     set spec(value: Spec | null);
+    get performance(): Record<string, string | number>;
+    set performance(value: Record<string, string | number>);
     static _advancedPipelineMap: Partial<Record<ChartType, AdvancedPipeline>>;
     static _specPipelineMap: Partial<Record<ChartType, SpecPipeline>>;
     static _customAdvancedPipe: Partial<Record<ChartType, AdvancedPipe>>;

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,
@@ -6338,6 +6389,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 +6403,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 +6423,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 +6461,7 @@ class Builder {
     _vseed;
     _advancedVSeed = null;
     _spec = null;
+    _performance = {};
     constructor(vseed){
         this._vseed = vseed;
         this._vseed.locale = vseed.locale || intl.getLocale();
@@ -6443,6 +6503,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 = {};
@@ -8044,8 +8110,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 +8133,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 +8155,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 +8177,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 +8199,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 +8221,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 +8243,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 +8264,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 +8287,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 +8307,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 +8330,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(),