@visactor/vchart 2.0.7-alpha.4 → 2.0.7-alpha.6

package/build/index.js

@@ -6171,6 +6171,87 @@
       return out;
     };
 
+    const boxplot = (data, options) => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+      const field = null == options ? void 0 : options.field;
+      if (!field) return [];
+      const groupField = null == options ? void 0 : options.groupField;
+      let whiskers = null !== (_a = null == options ? void 0 : options.whiskers) && void 0 !== _a ? _a : 1.5;
+      const includeValues = !!(null == options ? void 0 : options.includeValues),
+        names = null !== (_b = null == options ? void 0 : options.outputNames) && void 0 !== _b ? _b : {},
+        keyName = null !== (_c = names.key) && void 0 !== _c ? _c : isArray$1(groupField) ? null : null !== (_d = groupField) && void 0 !== _d ? _d : "key",
+        countName = null !== (_e = names.count) && void 0 !== _e ? _e : "count",
+        meanName = null !== (_f = names.mean) && void 0 !== _f ? _f : "mean",
+        q1Name = null !== (_g = names.q1) && void 0 !== _g ? _g : "q1",
+        medianName = null !== (_h = names.median) && void 0 !== _h ? _h : "median",
+        q3Name = null !== (_j = names.q3) && void 0 !== _j ? _j : "q3",
+        iqrName = null !== (_k = names.iqr) && void 0 !== _k ? _k : "iqr",
+        minName = null !== (_l = names.min) && void 0 !== _l ? _l : "min",
+        maxName = null !== (_m = names.max) && void 0 !== _m ? _m : "max",
+        lowerWhiskerName = null !== (_o = names.lowerWhisker) && void 0 !== _o ? _o : "lowerWhisker",
+        upperWhiskerName = null !== (_p = names.upperWhisker) && void 0 !== _p ? _p : "upperWhisker",
+        outliersName = null !== (_q = names.outliers) && void 0 !== _q ? _q : "outliers",
+        valuesName = null !== (_r = names.values) && void 0 !== _r ? _r : "values",
+        groups = new Map(),
+        rawValues = new Map(),
+        keyToGroup = new Map(),
+        n = data.length;
+      for (let i = 0; i < n; i++) {
+        const d = data[i],
+          v = d[field];
+        if (isNil$1(v)) continue;
+        const num = +v;
+        if (!Number.isFinite(num)) continue;
+        let key;
+        key = isArray$1(groupField) ? groupField.map(f => String(d[f])).join("||") : groupField ? String(d[groupField]) : "___all", groups.has(key) || (groups.set(key, []), includeValues && rawValues.set(key, []), isArray$1(groupField) ? keyToGroup.set(key, Object.fromEntries(groupField.map(f => [f, d[f]]))) : keyToGroup.set(key, groupField ? d[groupField] : null));
+        const arr = groups.get(key);
+        if (arr && arr.push(num), includeValues) {
+          const rv = rawValues.get(key);
+          rv && rv.push(d);
+        }
+      }
+      if (isArray$1(whiskers)) {
+        whiskers = [clamp$1(Math.min.apply(null, whiskers), 0, 1), clamp$1(Math.max.apply(null, whiskers), 0, 1)];
+      }
+      const out = [];
+      for (const [key, vals] of groups) {
+        if (!vals || 0 === vals.length) continue;
+        const sorted = vals.slice().sort((a, b) => a - b),
+          count = sorted.length,
+          dataMin = sorted[0],
+          dataMax = sorted[sorted.length - 1];
+        let sum = 0;
+        for (let i = 0; i < sorted.length; i++) sum += sorted[i];
+        const mean = sum / count,
+          q1 = quantileSorted(sorted, .25),
+          median = quantileSorted(sorted, .5),
+          q3 = quantileSorted(sorted, .75),
+          iqr = q3 - q1,
+          lowerBound = isArray$1(whiskers) ? quantileSorted(sorted, whiskers[0]) : q1 - whiskers * iqr,
+          upperBound = isArray$1(whiskers) ? quantileSorted(sorted, whiskers[1]) : q3 + whiskers * iqr;
+        let lowerWhisker = dataMin;
+        for (let i = 0; i < sorted.length; i++) if (sorted[i] >= lowerBound) {
+          lowerWhisker = sorted[i];
+          break;
+        }
+        let upperWhisker = dataMax;
+        for (let i = sorted.length - 1; i >= 0; i--) if (sorted[i] <= upperBound) {
+          upperWhisker = sorted[i];
+          break;
+        }
+        const outliers = [];
+        for (let i = 0; i < sorted.length; i++) (sorted[i] < lowerWhisker || sorted[i] > upperWhisker) && outliers.push(sorted[i]);
+        const obj = {},
+          representative = keyToGroup.get(key);
+        if (null !== keyName) obj[keyName] = representative;else if (isArray$1(groupField)) {
+          const groupObj = representative || {};
+          for (const f of groupField) obj[f] = groupObj[f];
+        }
+        obj[countName] = count, obj[meanName] = mean, obj[q1Name] = q1, obj[medianName] = median, obj[q3Name] = q3, obj[iqrName] = iqr, obj[minName] = dataMin, obj[maxName] = dataMax, obj[lowerWhiskerName] = lowerWhisker, obj[upperWhiskerName] = upperWhisker, obj[outliersName] = outliers, includeValues && (obj[valuesName] = rawValues.get(key) || []), out.push(obj);
+      }
+      return out;
+    };
+
     var EOL = {},
       EOF = {},
       QUOTE = 34,
@@ -54183,11 +54264,13 @@
             };
         }
         layoutItems(_chart, items, chartLayoutRect, chartViewBox) {
+            var _a, _b, _c;
             this._layoutInit(_chart, items, chartLayoutRect, chartViewBox);
             const recompute = {
                 recomputeWidth: this.recomputeWidth,
                 recomputeHeight: this.recomputeHeight
             };
+            const secondLayoutLeftRight = (_c = (_b = (_a = _chart === null || _chart === void 0 ? void 0 : _chart.getSpec()) === null || _a === void 0 ? void 0 : _a.layout) === null || _b === void 0 ? void 0 : _b.secondLayoutLeftRight) !== null && _c !== void 0 ? _c : false;
             this._layoutNormalItems(items, recompute);
             const layoutTemp = {
                 left: this.leftCurrent,
@@ -54196,8 +54279,8 @@
                 bottom: this.bottomCurrent
             };
             const { regionItems, relativeItems, relativeOverlapItems, allRelatives, overlapItems } = this._groupItems(items);
-            this.layoutRegionItems(regionItems, relativeItems, relativeOverlapItems, overlapItems, recompute);
-            this._processAutoIndent(regionItems, relativeItems, relativeOverlapItems, overlapItems, allRelatives, layoutTemp, recompute);
+            this.layoutRegionItems(regionItems, relativeItems, relativeOverlapItems, overlapItems, recompute, secondLayoutLeftRight);
+            this._processAutoIndent(regionItems, relativeItems, relativeOverlapItems, overlapItems, allRelatives, layoutTemp, recompute, secondLayoutLeftRight);
             this.layoutAbsoluteItems(items.filter(x => x.layoutType === 'absolute'));
             items.forEach(item => {
                 item.clearWillLayoutTag();
@@ -54209,7 +54292,7 @@
             top: { items: [], rect: { width: 0, height: 0 } },
             bottom: { items: [], rect: { width: 0, height: 0 } },
             z: { items: [], rect: { width: 0, height: 0 } }
-        }, allRelatives, layoutTemp, recompute) {
+        }, allRelatives, layoutTemp, recompute, secondLayoutLeftRight = false) {
             if (allRelatives.some(i => i.autoIndent)) {
                 const { top, bottom, left, right } = this._checkAutoIndent(allRelatives, layoutTemp);
                 if (top || bottom || left || right) {
@@ -54217,7 +54300,7 @@
                     this.bottomCurrent = layoutTemp.bottom - bottom;
                     this.leftCurrent = layoutTemp.left + left;
                     this.rightCurrent = layoutTemp.right - right;
-                    this.layoutRegionItems(regionItems, relativeItems, relativeOverlapItems, overlapItems, recompute);
+                    this.layoutRegionItems(regionItems, relativeItems, relativeOverlapItems, overlapItems, recompute, secondLayoutLeftRight);
                 }
             }
         }
@@ -54370,7 +54453,9 @@
             top: { items: [], rect: { width: 0, height: 0 } },
             bottom: { items: [], rect: { width: 0, height: 0 } },
             z: { items: [], rect: { width: 0, height: 0 } }
-        }, recompute) {
+        }, recompute, secondLayoutLeftRight = false) {
+            const leftBeforeLayout = this.leftCurrent;
+            const rightBeforeLayout = this.rightCurrent;
             let regionRelativeTotalWidth = this.rightCurrent - this.leftCurrent;
             let regionRelativeTotalHeight = this.bottomCurrent - this.topCurrent;
             regionRelativeItems
@@ -54389,6 +54474,16 @@
             this._layoutRelativeOverlap('top', overlapItems.top, recompute);
             this._layoutRelativeOverlap('bottom', overlapItems.bottom, recompute);
             regionRelativeTotalHeight = this.bottomCurrent - this.topCurrent;
+            if (secondLayoutLeftRight) {
+                this.leftCurrent = leftBeforeLayout;
+                this.rightCurrent = rightBeforeLayout;
+                regionRelativeItems
+                    .filter(x => x.layoutOrient === 'left' || x.layoutOrient === 'right')
+                    .forEach(item => {
+                    this._layoutRelativeItem(item, recompute);
+                });
+                regionRelativeTotalWidth = this.rightCurrent - this.leftCurrent;
+            }
             const { regionWidth, regionHeight } = this._layoutRegionItem(regionItems, regionRelativeTotalWidth, regionRelativeTotalHeight);
             regionRelativeItems.concat(regionRelativeOverlapItems).forEach(item => {
                 if (['left', 'right'].includes(item.layoutOrient)) {
@@ -56702,6 +56797,11 @@
                 plugin.onBeforeInitChart && plugin.onBeforeInitChart(this, chartSpec, actionSource);
             });
         }
+        onAfterInitChart(chartSpec, actionSource) {
+            this._plugins.forEach(plugin => {
+                plugin.onAfterInitChart && plugin.onAfterInitChart(this, chartSpec, actionSource);
+            });
+        }
         releaseAll() {
             super.releaseAll();
             this.globalInstance = null;
@@ -57789,6 +57889,7 @@
             if (!this._chart || !this._compiler) {
                 return false;
             }
+            this._chartPluginApply('onAfterInitChart', this._spec, actionSource);
             (_f = (_e = this._option.performanceHook) === null || _e === void 0 ? void 0 : _e.beforeCompileToVGrammar) === null || _f === void 0 ? void 0 : _f.call(_e, this);
             this._compiler.compile({ chart: this._chart, vChart: this }, option);
             (_h = (_g = this._option.performanceHook) === null || _g === void 0 ? void 0 : _g.afterCompileToVGrammar) === null || _h === void 0 ? void 0 : _h.call(_g, this);
@@ -58771,7 +58872,7 @@
         });
     };
 
-    const version = "2.0.7-alpha.4";
+    const version = "2.0.7-alpha.6";
 
     const addVChartProperty = (data, op) => {
         const context = op.beforeCall();
@@ -90028,6 +90129,7 @@
         registerDimensionEvents();
         registerDimensionHover();
         registerBoxplotSeries();
+        Factory.registerTransform('boxplot', boxplot);
         Factory.registerChart(BoxPlotChart.type, BoxPlotChart);
     };
 
@@ -90262,7 +90364,12 @@
     }
 
     function getLegendAttributes(spec, rect) {
-        const { title = {}, item = {}, pager = {}, background = {}, type, id, visible, orient, position, data, filter, regionId, regionIndex, seriesIndex, seriesId, padding } = spec, restSpec = __rest$e(spec, ["title", "item", "pager", "background", "type", "id", "visible", "orient", "position", "data", "filter", "regionId", "regionIndex", "seriesIndex", "seriesId", "padding"]);
+        const restSpec = __rest$e(spec, ["title", "item", "pager", "background", "type", "id", "visible", "orient", "position", "data", "filter", "regionId", "regionIndex", "seriesIndex", "seriesId", "padding"]);
+        let { title = {}, item = {}, pager = {}, background = {} } = spec;
+        title = cloneDeep(title);
+        item = cloneDeep(item);
+        pager = cloneDeep(pager);
+        background = cloneDeep(background);
         const attrs = restSpec;
         if (title.visible) {
             attrs.title = transformLegendTitleAttributes(title);
@@ -92262,7 +92369,7 @@
                     return;
                 }
                 this.clearOutEvent();
-                this.hide();
+                this.hideCrosshair();
             };
             this._handleTooltipShow = (params) => {
                 const tooltipData = params.tooltipData;
@@ -92284,7 +92391,7 @@
             };
             this._handleTooltipHideOrRelease = () => {
                 this.clearOutEvent();
-                this.hide();
+                this.hideCrosshair();
             };
             this.enable = true;
             this.showDefault = true;
@@ -92352,17 +92459,20 @@
             return this._limitBounds;
         }
         _showDefaultCrosshairBySpec() {
+            let hasDefaultCrosshair = false;
             Object.keys(this._stateByField).forEach(field => {
                 const fieldSpec = this._spec[field];
                 if (fieldSpec && fieldSpec.visible && fieldSpec.defaultSelect) {
                     const { axisIndex = 0, datum } = fieldSpec.defaultSelect;
                     const axis = this._option.getComponentsByKey('axes').find(c => c.getSpecIndex() === axisIndex);
                     if (axis) {
+                        hasDefaultCrosshair = true;
                         this._stateByField[field].currentValue.clear();
                         this._stateByField[field].currentValue.set(axisIndex, { axis, datum });
                     }
                 }
             });
+            return hasDefaultCrosshair;
         }
         _updateVisibleCrosshair() {
             let hasVisible = false;
@@ -92381,8 +92491,8 @@
         }
         _showDefaultCrosshair() {
             if (this.showDefault) {
-                this._showDefaultCrosshairBySpec();
-                this.layoutByValue(false);
+                const hasDefault = this._showDefaultCrosshairBySpec();
+                hasDefault && this.layoutByValue(false);
             }
             else {
                 this._updateVisibleCrosshair();
@@ -101916,6 +102026,79 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         registerChartPlugin(MediaQuery);
     };
 
+    const MIN_ZOOM = 0.1;
+    const MAX_ZOOM = 10;
+    class ChartResizeZoomPlugin extends BasePlugin {
+        constructor() {
+            super(ChartResizeZoomPlugin.type);
+            this.type = 'ChartResizeZoomPlugin';
+            this._zoom = 1;
+            this._onWheel = (e) => {
+                e.preventDefault();
+                e.stopImmediatePropagation();
+                const zoom = Math.pow(1.005, -e.deltaY * Math.pow(16, e.deltaMode) * 0.2 * this._rate);
+                const center = { x: e.offsetX, y: e.offsetY };
+                this.zoom(zoom, center);
+            };
+        }
+        onAfterInitChart(service, chartSpec) {
+            var _a, _b, _c, _d, _e;
+            const chart = service.globalInstance;
+            const spec = (_b = (_a = chart.getSpec()) === null || _a === void 0 ? void 0 : _a[ChartResizeZoomPlugin.specKey]) !== null && _b !== void 0 ? _b : { enabled: false };
+            if (spec.enabled !== true) {
+                return;
+            }
+            this._minZoom = (_c = spec.min) !== null && _c !== void 0 ? _c : MIN_ZOOM;
+            this._maxZoom = (_d = spec.max) !== null && _d !== void 0 ? _d : MAX_ZOOM;
+            this._rate = (_e = spec.rate) !== null && _e !== void 0 ? _e : 0.1;
+            this._container = chart.getContainer();
+            this._triggerEvent = getDefaultTriggerEventByMode(service.globalInstance.getChart().getOption().mode).zoom;
+            if (this._container && this._triggerEvent) {
+                this._container.addEventListener(this._triggerEvent, this._onWheel);
+            }
+        }
+        zoom(zoom, pointerPos) {
+            const vchart = this.service.globalInstance;
+            if (!vchart) {
+                return;
+            }
+            const oldZoom = this._zoom;
+            let tempZoom = this._zoom * zoom;
+            if ((tempZoom <= this._minZoom && zoom < 1) || (tempZoom >= this._maxZoom && zoom > 1)) {
+                if (tempZoom <= this._minZoom && this._zoom > this._minZoom) {
+                    tempZoom = this._minZoom;
+                }
+                else if (tempZoom >= this._maxZoom && this._zoom < this._maxZoom) {
+                    tempZoom = this._maxZoom;
+                }
+                else {
+                    return;
+                }
+            }
+            if (tempZoom === oldZoom) {
+                return;
+            }
+            const actualZoomRatio = tempZoom / oldZoom;
+            this._zoom = tempZoom;
+            vchart.resize(vchart.getCurrentSize().width * this._zoom, vchart.getCurrentSize().height * this._zoom);
+            if (pointerPos && this._container) {
+                const { scrollLeft, scrollTop } = this._container;
+                this._container.scrollLeft = scrollLeft + pointerPos.x * (actualZoomRatio - 1);
+                this._container.scrollTop = scrollTop + pointerPos.y * (actualZoomRatio - 1);
+            }
+        }
+        release() {
+            if (this._container && this._triggerEvent) {
+                this._container.removeEventListener(this._triggerEvent, this._onWheel);
+            }
+        }
+    }
+    ChartResizeZoomPlugin.specKey = 'resizeZoom';
+    ChartResizeZoomPlugin.type = 'ChartResizeZoomPlugin';
+    const registerChartResizeZoomPlugin = () => {
+        registerChartPlugin(ChartResizeZoomPlugin);
+    };
+
     function registerStateTransition() {
         const animationTransitionRegistry = AnimationTransitionRegistry.getInstance();
         animationTransitionRegistry.registerTransition('update', '*', () => ({
@@ -102345,6 +102528,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     exports.CartesianSeries = CartesianSeries;
     exports.CartesianSymlogAxis = CartesianSymlogAxis;
     exports.CartesianTimeAxis = CartesianTimeAxis;
+    exports.ChartResizeZoomPlugin = ChartResizeZoomPlugin;
     exports.CirclePackingChart = CirclePackingChart;
     exports.CirclePackingSeries = CirclePackingSeries;
     exports.CircularProgressChart = CircularProgressChart;
@@ -102596,6 +102780,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     exports.registerCartesianSymlogAxis = registerCartesianSymlogAxis;
     exports.registerCartesianTimeAxis = registerCartesianTimeAxis;
     exports.registerChartPlugin = registerChartPlugin;
+    exports.registerChartResizeZoomPlugin = registerChartResizeZoomPlugin;
     exports.registerCirclePackingChart = registerCirclePackingChart;
     exports.registerCirclePackingSeries = registerCirclePackingSeries;
     exports.registerCircularProgressChart = registerCircularProgressChart;