@visactor/vseed 0.0.26 → 0.0.28

package/dist/umd/index.js

@@ -294,7 +294,7 @@
             defineLazy: ()=>defineLazy,
             esc: ()=>esc,
             escapeRegex: ()=>escapeRegex,
-            extend: ()=>util_extend,
+            extend: ()=>extend,
             finalizeIssue: ()=>finalizeIssue,
             floatSafeRemainder: ()=>floatSafeRemainder,
             getElementAtPath: ()=>getElementAtPath,
@@ -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
@@ -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;
@@ -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,
@@ -6918,345 +6969,20 @@
                     }))
             };
         };
-        function src_define(constructor, factory, prototype) {
-            constructor.prototype = factory.prototype = prototype;
-            prototype.constructor = constructor;
-        }
-        function extend(parent, definition) {
-            var prototype = Object.create(parent.prototype);
-            for(var key in definition)prototype[key] = definition[key];
-            return prototype;
-        }
-        function Color() {}
-        var darker = 0.7;
-        var brighter = 1 / darker;
-        var reI = "\\s*([+-]?\\d+)\\s*", reN = "\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)\\s*", reP = "\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)%\\s*", reHex = /^#([0-9a-f]{3,8})$/, reRgbInteger = new RegExp(`^rgb\\(${reI},${reI},${reI}\\)$`), reRgbPercent = new RegExp(`^rgb\\(${reP},${reP},${reP}\\)$`), reRgbaInteger = new RegExp(`^rgba\\(${reI},${reI},${reI},${reN}\\)$`), reRgbaPercent = new RegExp(`^rgba\\(${reP},${reP},${reP},${reN}\\)$`), reHslPercent = new RegExp(`^hsl\\(${reN},${reP},${reP}\\)$`), reHslaPercent = new RegExp(`^hsla\\(${reN},${reP},${reP},${reN}\\)$`);
-        var named = {
-            aliceblue: 0xf0f8ff,
-            antiquewhite: 0xfaebd7,
-            aqua: 0x00ffff,
-            aquamarine: 0x7fffd4,
-            azure: 0xf0ffff,
-            beige: 0xf5f5dc,
-            bisque: 0xffe4c4,
-            black: 0x000000,
-            blanchedalmond: 0xffebcd,
-            blue: 0x0000ff,
-            blueviolet: 0x8a2be2,
-            brown: 0xa52a2a,
-            burlywood: 0xdeb887,
-            cadetblue: 0x5f9ea0,
-            chartreuse: 0x7fff00,
-            chocolate: 0xd2691e,
-            coral: 0xff7f50,
-            cornflowerblue: 0x6495ed,
-            cornsilk: 0xfff8dc,
-            crimson: 0xdc143c,
-            cyan: 0x00ffff,
-            darkblue: 0x00008b,
-            darkcyan: 0x008b8b,
-            darkgoldenrod: 0xb8860b,
-            darkgray: 0xa9a9a9,
-            darkgreen: 0x006400,
-            darkgrey: 0xa9a9a9,
-            darkkhaki: 0xbdb76b,
-            darkmagenta: 0x8b008b,
-            darkolivegreen: 0x556b2f,
-            darkorange: 0xff8c00,
-            darkorchid: 0x9932cc,
-            darkred: 0x8b0000,
-            darksalmon: 0xe9967a,
-            darkseagreen: 0x8fbc8f,
-            darkslateblue: 0x483d8b,
-            darkslategray: 0x2f4f4f,
-            darkslategrey: 0x2f4f4f,
-            darkturquoise: 0x00ced1,
-            darkviolet: 0x9400d3,
-            deeppink: 0xff1493,
-            deepskyblue: 0x00bfff,
-            dimgray: 0x696969,
-            dimgrey: 0x696969,
-            dodgerblue: 0x1e90ff,
-            firebrick: 0xb22222,
-            floralwhite: 0xfffaf0,
-            forestgreen: 0x228b22,
-            fuchsia: 0xff00ff,
-            gainsboro: 0xdcdcdc,
-            ghostwhite: 0xf8f8ff,
-            gold: 0xffd700,
-            goldenrod: 0xdaa520,
-            gray: 0x808080,
-            green: 0x008000,
-            greenyellow: 0xadff2f,
-            grey: 0x808080,
-            honeydew: 0xf0fff0,
-            hotpink: 0xff69b4,
-            indianred: 0xcd5c5c,
-            indigo: 0x4b0082,
-            ivory: 0xfffff0,
-            khaki: 0xf0e68c,
-            lavender: 0xe6e6fa,
-            lavenderblush: 0xfff0f5,
-            lawngreen: 0x7cfc00,
-            lemonchiffon: 0xfffacd,
-            lightblue: 0xadd8e6,
-            lightcoral: 0xf08080,
-            lightcyan: 0xe0ffff,
-            lightgoldenrodyellow: 0xfafad2,
-            lightgray: 0xd3d3d3,
-            lightgreen: 0x90ee90,
-            lightgrey: 0xd3d3d3,
-            lightpink: 0xffb6c1,
-            lightsalmon: 0xffa07a,
-            lightseagreen: 0x20b2aa,
-            lightskyblue: 0x87cefa,
-            lightslategray: 0x778899,
-            lightslategrey: 0x778899,
-            lightsteelblue: 0xb0c4de,
-            lightyellow: 0xffffe0,
-            lime: 0x00ff00,
-            limegreen: 0x32cd32,
-            linen: 0xfaf0e6,
-            magenta: 0xff00ff,
-            maroon: 0x800000,
-            mediumaquamarine: 0x66cdaa,
-            mediumblue: 0x0000cd,
-            mediumorchid: 0xba55d3,
-            mediumpurple: 0x9370db,
-            mediumseagreen: 0x3cb371,
-            mediumslateblue: 0x7b68ee,
-            mediumspringgreen: 0x00fa9a,
-            mediumturquoise: 0x48d1cc,
-            mediumvioletred: 0xc71585,
-            midnightblue: 0x191970,
-            mintcream: 0xf5fffa,
-            mistyrose: 0xffe4e1,
-            moccasin: 0xffe4b5,
-            navajowhite: 0xffdead,
-            navy: 0x000080,
-            oldlace: 0xfdf5e6,
-            olive: 0x808000,
-            olivedrab: 0x6b8e23,
-            orange: 0xffa500,
-            orangered: 0xff4500,
-            orchid: 0xda70d6,
-            palegoldenrod: 0xeee8aa,
-            palegreen: 0x98fb98,
-            paleturquoise: 0xafeeee,
-            palevioletred: 0xdb7093,
-            papayawhip: 0xffefd5,
-            peachpuff: 0xffdab9,
-            peru: 0xcd853f,
-            pink: 0xffc0cb,
-            plum: 0xdda0dd,
-            powderblue: 0xb0e0e6,
-            purple: 0x800080,
-            rebeccapurple: 0x663399,
-            red: 0xff0000,
-            rosybrown: 0xbc8f8f,
-            royalblue: 0x4169e1,
-            saddlebrown: 0x8b4513,
-            salmon: 0xfa8072,
-            sandybrown: 0xf4a460,
-            seagreen: 0x2e8b57,
-            seashell: 0xfff5ee,
-            sienna: 0xa0522d,
-            silver: 0xc0c0c0,
-            skyblue: 0x87ceeb,
-            slateblue: 0x6a5acd,
-            slategray: 0x708090,
-            slategrey: 0x708090,
-            snow: 0xfffafa,
-            springgreen: 0x00ff7f,
-            steelblue: 0x4682b4,
-            tan: 0xd2b48c,
-            teal: 0x008080,
-            thistle: 0xd8bfd8,
-            tomato: 0xff6347,
-            turquoise: 0x40e0d0,
-            violet: 0xee82ee,
-            wheat: 0xf5deb3,
-            white: 0xffffff,
-            whitesmoke: 0xf5f5f5,
-            yellow: 0xffff00,
-            yellowgreen: 0x9acd32
-        };
-        src_define(Color, src_color_color, {
-            copy (channels) {
-                return Object.assign(new this.constructor, this, channels);
-            },
-            displayable () {
-                return this.rgb().displayable();
-            },
-            hex: color_formatHex,
-            formatHex: color_formatHex,
-            formatHex8: color_formatHex8,
-            formatHsl: color_formatHsl,
-            formatRgb: color_formatRgb,
-            toString: color_formatRgb
-        });
-        function color_formatHex() {
-            return this.rgb().formatHex();
-        }
-        function color_formatHex8() {
-            return this.rgb().formatHex8();
-        }
-        function color_formatHsl() {
-            return hslConvert(this).formatHsl();
-        }
-        function color_formatRgb() {
-            return this.rgb().formatRgb();
-        }
-        function src_color_color(format) {
-            var m, l;
-            format = (format + "").trim().toLowerCase();
-            return (m = reHex.exec(format)) ? (l = m[1].length, m = parseInt(m[1], 16), 6 === l ? rgbn(m) : 3 === l ? new Rgb(m >> 8 & 0xf | m >> 4 & 0xf0, m >> 4 & 0xf | 0xf0 & m, (0xf & m) << 4 | 0xf & m, 1) : 8 === l ? rgba(m >> 24 & 0xff, m >> 16 & 0xff, m >> 8 & 0xff, (0xff & m) / 0xff) : 4 === l ? rgba(m >> 12 & 0xf | m >> 8 & 0xf0, m >> 8 & 0xf | m >> 4 & 0xf0, m >> 4 & 0xf | 0xf0 & m, ((0xf & m) << 4 | 0xf & m) / 0xff) : null) : (m = reRgbInteger.exec(format)) ? new Rgb(m[1], m[2], m[3], 1) : (m = reRgbPercent.exec(format)) ? new Rgb(255 * m[1] / 100, 255 * m[2] / 100, 255 * m[3] / 100, 1) : (m = reRgbaInteger.exec(format)) ? rgba(m[1], m[2], m[3], m[4]) : (m = reRgbaPercent.exec(format)) ? rgba(255 * m[1] / 100, 255 * m[2] / 100, 255 * m[3] / 100, m[4]) : (m = reHslPercent.exec(format)) ? hsla(m[1], m[2] / 100, m[3] / 100, 1) : (m = reHslaPercent.exec(format)) ? hsla(m[1], m[2] / 100, m[3] / 100, m[4]) : named.hasOwnProperty(format) ? rgbn(named[format]) : "transparent" === format ? new Rgb(NaN, NaN, NaN, 0) : null;
-        }
-        function rgbn(n) {
-            return new Rgb(n >> 16 & 0xff, n >> 8 & 0xff, 0xff & n, 1);
-        }
-        function rgba(r, g, b, a) {
-            if (a <= 0) r = g = b = NaN;
-            return new Rgb(r, g, b, a);
-        }
-        function rgbConvert(o) {
-            if (!(o instanceof Color)) o = src_color_color(o);
-            if (!o) return new Rgb;
-            o = o.rgb();
-            return new Rgb(o.r, o.g, o.b, o.opacity);
-        }
-        function rgb(r, g, b, opacity) {
-            return 1 === arguments.length ? rgbConvert(r) : new Rgb(r, g, b, null == opacity ? 1 : opacity);
-        }
-        function Rgb(r, g, b, opacity) {
-            this.r = +r;
-            this.g = +g;
-            this.b = +b;
-            this.opacity = +opacity;
-        }
-        src_define(Rgb, rgb, extend(Color, {
-            brighter (k) {
-                k = null == k ? brighter : Math.pow(brighter, k);
-                return new Rgb(this.r * k, this.g * k, this.b * k, this.opacity);
-            },
-            darker (k) {
-                k = null == k ? darker : Math.pow(darker, k);
-                return new Rgb(this.r * k, this.g * k, this.b * k, this.opacity);
-            },
-            rgb () {
-                return this;
-            },
-            clamp () {
-                return new Rgb(clampi(this.r), clampi(this.g), clampi(this.b), clampa(this.opacity));
-            },
-            displayable () {
-                return -0.5 <= this.r && this.r < 255.5 && -0.5 <= this.g && this.g < 255.5 && -0.5 <= this.b && this.b < 255.5 && 0 <= this.opacity && this.opacity <= 1;
-            },
-            hex: rgb_formatHex,
-            formatHex: rgb_formatHex,
-            formatHex8: rgb_formatHex8,
-            formatRgb: rgb_formatRgb,
-            toString: rgb_formatRgb
-        }));
-        function rgb_formatHex() {
-            return `#${hex(this.r)}${hex(this.g)}${hex(this.b)}`;
-        }
-        function rgb_formatHex8() {
-            return `#${hex(this.r)}${hex(this.g)}${hex(this.b)}${hex((isNaN(this.opacity) ? 1 : this.opacity) * 255)}`;
-        }
-        function rgb_formatRgb() {
-            const a = clampa(this.opacity);
-            return `${1 === a ? "rgb(" : "rgba("}${clampi(this.r)}, ${clampi(this.g)}, ${clampi(this.b)}${1 === a ? ")" : `, ${a})`}`;
-        }
-        function clampa(opacity) {
-            return isNaN(opacity) ? 1 : Math.max(0, Math.min(1, opacity));
-        }
-        function clampi(value) {
-            return Math.max(0, Math.min(255, Math.round(value) || 0));
-        }
-        function hex(value) {
-            value = clampi(value);
-            return (value < 16 ? "0" : "") + value.toString(16);
-        }
-        function hsla(h, s, l, a) {
-            if (a <= 0) h = s = l = NaN;
-            else if (l <= 0 || l >= 1) h = s = NaN;
-            else if (s <= 0) h = NaN;
-            return new Hsl(h, s, l, a);
-        }
-        function hslConvert(o) {
-            if (o instanceof Hsl) return new Hsl(o.h, o.s, o.l, o.opacity);
-            if (!(o instanceof Color)) o = src_color_color(o);
-            if (!o) return new Hsl;
-            if (o instanceof Hsl) return o;
-            o = o.rgb();
-            var r = o.r / 255, g = o.g / 255, b = o.b / 255, min = Math.min(r, g, b), max = Math.max(r, g, b), h = NaN, s = max - min, l = (max + min) / 2;
-            if (s) {
-                h = r === max ? (g - b) / s + (g < b) * 6 : g === max ? (b - r) / s + 2 : (r - g) / s + 4;
-                s /= l < 0.5 ? max + min : 2 - max - min;
-                h *= 60;
-            } else s = l > 0 && l < 1 ? 0 : h;
-            return new Hsl(h, s, l, o.opacity);
-        }
-        function hsl(h, s, l, opacity) {
-            return 1 === arguments.length ? hslConvert(h) : new Hsl(h, s, l, null == opacity ? 1 : opacity);
-        }
-        function Hsl(h, s, l, opacity) {
-            this.h = +h;
-            this.s = +s;
-            this.l = +l;
-            this.opacity = +opacity;
-        }
-        src_define(Hsl, hsl, extend(Color, {
-            brighter (k) {
-                k = null == k ? brighter : Math.pow(brighter, k);
-                return new Hsl(this.h, this.s, this.l * k, this.opacity);
-            },
-            darker (k) {
-                k = null == k ? darker : Math.pow(darker, k);
-                return new Hsl(this.h, this.s, this.l * k, this.opacity);
-            },
-            rgb () {
-                var h = this.h % 360 + (this.h < 0) * 360, s = isNaN(h) || isNaN(this.s) ? 0 : this.s, l = this.l, m2 = l + (l < 0.5 ? l : 1 - l) * s, m1 = 2 * l - m2;
-                return new Rgb(hsl2rgb(h >= 240 ? h - 240 : h + 120, m1, m2), hsl2rgb(h, m1, m2), hsl2rgb(h < 120 ? h + 240 : h - 120, m1, m2), this.opacity);
-            },
-            clamp () {
-                return new Hsl(clamph(this.h), clampt(this.s), clampt(this.l), clampa(this.opacity));
-            },
-            displayable () {
-                return (0 <= this.s && this.s <= 1 || isNaN(this.s)) && 0 <= this.l && this.l <= 1 && 0 <= this.opacity && this.opacity <= 1;
-            },
-            formatHsl () {
-                const a = clampa(this.opacity);
-                return `${1 === a ? "hsl(" : "hsla("}${clamph(this.h)}, ${100 * clampt(this.s)}%, ${100 * clampt(this.l)}%${1 === a ? ")" : `, ${a})`}`;
-            }
-        }));
-        function clamph(value) {
-            value = (value || 0) % 360;
-            return value < 0 ? value + 360 : value;
-        }
-        function clampt(value) {
-            return Math.max(0, Math.min(1, value || 0));
-        }
-        function hsl2rgb(h, m1, m2) {
-            return (h < 60 ? m1 + (m2 - m1) * h / 60 : h < 180 ? m2 : h < 240 ? m1 + (m2 - m1) * (240 - h) / 60 : m1) * 255;
-        }
         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 = src_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,
@@ -7295,7 +7021,7 @@
             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,
@@ -7307,9 +7033,7 @@
                 ],
                 textAlign: 'center',
                 hover: {
-                    cellBgColor: src_color_color(hoverCellBgColor)?.copy({
-                        opacity: 1
-                    }).brighter(0.5).toString(),
+                    cellBgColor: hoverCellBgColor,
                     inlineRowBgColor: hoverInlineColor,
                     inlineColumnBgColor: hoverInlineColor
                 },
@@ -7345,7 +7069,7 @@
             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,
@@ -7357,9 +7081,7 @@
                 ],
                 textAlign: 'left',
                 hover: {
-                    cellBgColor: src_color_color(hoverCellBgColor)?.copy({
-                        opacity: 1
-                    }).brighter(0.5).toString(),
+                    cellBgColor: hoverCellBgColor,
                     inlineRowBgColor: hoverInlineColor,
                     inlineColumnBgColor: hoverInlineColor
                 },
@@ -7394,8 +7116,8 @@
             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,
@@ -7410,9 +7132,7 @@
                 ],
                 textAlign: 'left',
                 hover: {
-                    cellBgColor: src_color_color(hoverCellBgColor)?.copy({
-                        opacity: 1
-                    }).brighter(0.5).toString(),
+                    cellBgColor: hoverCellColor,
                     inlineRowBgColor: hoverInlineColor,
                     inlineColumnBgColor: hoverInlineColor
                 },
@@ -7460,12 +7180,11 @@
             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: src_color_color(borderColor)?.copy({
-                    opacity: 0.15
-                }).toString()
+                cellBgColor: backgroundColor
             };
             return result;
         };
@@ -7491,6 +7210,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 +7224,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 +7244,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 +7282,7 @@
             _vseed;
             _advancedVSeed = null;
             _spec = null;
+            _performance = {};
             constructor(vseed){
                 this._vseed = vseed;
                 this._vseed.locale = vseed.locale || intl.getLocale();
@@ -7596,6 +7324,12 @@
             set spec(value) {
                 this._spec = value;
             }
+            get performance() {
+                return this._performance;
+            }
+            set performance(value) {
+                this._performance = value;
+            }
             static _advancedPipelineMap = {};
             static _specPipelineMap = {};
             static _customAdvancedPipe = {};
@@ -7830,8 +7564,11 @@
                 headerFontColor: '#21252c',
                 headerBackgroundColor: '#f6f7f9',
                 hoverBodyBackgroundColor: '#bedaff',
-                hoverHeaderBackgroundColor: '#D9DDE488',
-                selectedBorderColor: '#4080ff'
+                hoverBodyInlineBackgroundColor: '#bedaff33',
+                hoverHeaderBackgroundColor: '#D9DDE4',
+                hoverHeaderInlineBackgroundColor: '#D9DDE455',
+                selectedBorderColor: '#4080ffee',
+                selectedBackgroundColor: '#4080ff10'
             };
             return {
                 config: {
@@ -8149,8 +7886,11 @@
                 headerFontColor: '#fdfdfd',
                 headerBackgroundColor: '#36393e',
                 hoverBodyBackgroundColor: '#4284ff66',
-                hoverHeaderBackgroundColor: '#5f5f5f88',
-                selectedBorderColor: '#3073F2'
+                hoverBodyInlineBackgroundColor: '#4284ff10',
+                hoverHeaderBackgroundColor: '#6f7984cc',
+                hoverHeaderInlineBackgroundColor: '#4b4f54',
+                selectedBorderColor: '#3073F2',
+                selectedBackgroundColor: '#3073F210'
             };
             return {
                 config: {
@@ -8801,7 +8541,7 @@
             });
             return clone(schema, def);
         }
-        function util_extend(schema, shape) {
+        function extend(schema, shape) {
             if (!isPlainObject(shape)) throw new Error("Invalid input to extend: expected a plain object");
             const def = mergeDefs(schema._zod.def, {
                 get shape () {
@@ -12685,7 +12425,7 @@
                     ...inst._zod.def,
                     catchall: void 0
                 });
-            inst.extend = (incoming)=>util_extend(inst, incoming);
+            inst.extend = (incoming)=>extend(inst, incoming);
             inst.merge = (other)=>merge(inst, other);
             inst.pick = (mask)=>pick(inst, mask);
             inst.omit = (mask)=>omit(inst, mask);
@@ -13475,11 +13215,14 @@
             bodyFontColor: schemas_string().optional(),
             bodyBackgroundColor: schemas_string().optional(),
             hoverBodyBackgroundColor: schemas_string().optional(),
+            hoverBodyInlineBackgroundColor: schemas_string().optional(),
             headerFontSize: schemas_number().optional(),
             headerFontColor: schemas_string().optional(),
             headerBackgroundColor: schemas_string().optional(),
             hoverHeaderBackgroundColor: schemas_string().optional(),
-            selectedBorderColor: schemas_string().optional()
+            hoverHeaderInlineBackgroundColor: schemas_string().optional(),
+            selectedBorderColor: schemas_string().optional(),
+            selectedBackgroundColor: schemas_string().optional()
         });
         const zPivotTableConfig = zTableConfig;
         const zLineConfig = schemas_object({
@@ -19709,8 +19452,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 +19475,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 +19497,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 +19519,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 +19541,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 +19563,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 +19585,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 +19606,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 +19629,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 +19649,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 +19672,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(),