@visactor/vchart 2.0.11-alpha.8 → 2.0.12-alpha.0

package/build/index.es.js

@@ -61672,7 +61672,7 @@ const lookup = (data, opt) => {
     });
 };
 
-const version = "2.0.10";
+const version = "2.0.11";
 
 const addVChartProperty = (data, op) => {
     const context = op.beforeCall();
@@ -75963,7 +75963,7 @@ var BOX_PLOT_TOOLTIP_KEYS;
 
 const foldOutlierData = (data, op) => {
     const result = [];
-    const { outliersField, dimensionField } = op;
+    const { outliersField, dimensionField, seriesField } = op;
     const latestData = data[0].latestData || [];
     latestData.forEach((d) => {
         let outlierValues = d[outliersField];
@@ -75977,6 +75977,9 @@ const foldOutlierData = (data, op) => {
             dimensionField.forEach(field => {
                 resData[field] = d[field];
             });
+            if (isValid$1(seriesField)) {
+                resData[seriesField] = d[seriesField];
+            }
             return resData;
         }));
     });
@@ -76347,7 +76350,11 @@ class BoxPlotMark extends GlyphMark {
                 median: { type: 'line', defaultAttributes: { x: 0, y: 0 } }
             };
             this._positionChannels = BOX_PLOT_CHANNELS;
-            this._channelEncoder = null;
+            this._channelEncoder = {
+                boxStroke: (val) => ({ box: { stroke: val } }),
+                medianStroke: (val) => ({ median: { stroke: val } }),
+                boxCornerRadius: (val) => ({ box: { cornerRadius: val } })
+            };
             this._positionEncoder = (glyphAttrs, datum, g) => {
                 var _a;
                 const { x = g.attribute.x, y = g.attribute.y, boxWidth = g.attribute.boxWidth, boxHeight = g.attribute.boxHeight, ruleWidth = g.attribute.ruleWidth, ruleHeight = g.attribute.ruleHeight, q1 = g.attribute.q1, q3 = g.attribute.q3, min = g.attribute.min, max = g.attribute.max, median = g.attribute.median, angle } = glyphAttrs;
@@ -76823,14 +76830,13 @@ class BoxPlotSeries extends CartesianSeries {
         if (this._outliersField) {
             this._outlierMark = this._createMark(BoxPlotSeries.mark.outlier, {
                 key: DEFAULT_DATA_INDEX,
-                groupKey: this._seriesField,
-                dataView: this._outlierDataView.getDataView(),
-                dataProductId: this._outlierDataView.getProductId()
+                groupKey: this._seriesField
             });
+            this._outlierMark.setData(this._outlierData);
         }
     }
     initMarkStyle() {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f;
         const boxPlotMark = this._boxPlotMark;
         if (boxPlotMark) {
             const commonBoxplotStyles = {
@@ -76864,8 +76870,9 @@ class BoxPlotSeries extends CartesianSeries {
         const outlierMark = this._outlierMark;
         if (outlierMark) {
             this.setMarkStyle(outlierMark, {
-                fill: (_d = (_c = this._outliersStyle) === null || _c === void 0 ? void 0 : _c.fill) !== null && _d !== void 0 ? _d : this.getColorAttribute(),
-                size: isNumber$1((_e = this._outliersStyle) === null || _e === void 0 ? void 0 : _e.size) ? this._outliersStyle.size : DEFAULT_OUTLIER_SIZE
+                fill: (_e = (_d = (_c = this._outliersStyle) === null || _c === void 0 ? void 0 : _c.fill) !== null && _d !== void 0 ? _d : this._boxFillColor) !== null && _e !== void 0 ? _e : this.getColorAttribute(),
+                stroke: this.getColorAttribute(),
+                size: isNumber$1((_f = this._outliersStyle) === null || _f === void 0 ? void 0 : _f.size) ? this._outliersStyle.size : DEFAULT_OUTLIER_SIZE
             }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
         }
     }
@@ -76942,7 +76949,8 @@ class BoxPlotSeries extends CartesianSeries {
             type: 'foldOutlierData',
             options: {
                 dimensionField: this._direction === "horizontal" ? this._fieldY : this._fieldX,
-                outliersField: this._outliersField
+                outliersField: this._outliersField,
+                seriesField: this._seriesField
             }
         });
         outlierDataView.transform({
@@ -76952,12 +76960,17 @@ class BoxPlotSeries extends CartesianSeries {
                 call: addDataKey
             }
         }, false);
-        this._outlierDataView = new CompilableData(this._option, outlierDataView);
+        this._outlierData = new CompilableData(this._option, outlierDataView);
     }
     compileData() {
         var _a;
         super.compileData();
-        (_a = this._outlierDataView) === null || _a === void 0 ? void 0 : _a.compile();
+        (_a = this._outlierData) === null || _a === void 0 ? void 0 : _a.compile();
+    }
+    viewDataUpdate(d) {
+        var _a;
+        super.viewDataUpdate(d);
+        (_a = this._outlierData) === null || _a === void 0 ? void 0 : _a.updateData();
     }
     init(option) {
         super.init(option);
@@ -77079,10 +77092,6 @@ class BoxPlotSeries extends CartesianSeries {
         }
         return fields;
     }
-    onEvaluateEnd(ctx) {
-        super.onEvaluateEnd(ctx);
-        this._outlierDataView.updateData();
-    }
     getDefaultShapeType() {
         return 'square';
     }

package/build/index.js

@@ -61678,7 +61678,7 @@
         });
     };
 
-    const version = "2.0.10";
+    const version = "2.0.11";
 
     const addVChartProperty = (data, op) => {
         const context = op.beforeCall();
@@ -75969,7 +75969,7 @@
 
     const foldOutlierData = (data, op) => {
         const result = [];
-        const { outliersField, dimensionField } = op;
+        const { outliersField, dimensionField, seriesField } = op;
         const latestData = data[0].latestData || [];
         latestData.forEach((d) => {
             let outlierValues = d[outliersField];
@@ -75983,6 +75983,9 @@
                 dimensionField.forEach(field => {
                     resData[field] = d[field];
                 });
+                if (isValid$1(seriesField)) {
+                    resData[seriesField] = d[seriesField];
+                }
                 return resData;
             }));
         });
@@ -76353,7 +76356,11 @@
                     median: { type: 'line', defaultAttributes: { x: 0, y: 0 } }
                 };
                 this._positionChannels = BOX_PLOT_CHANNELS;
-                this._channelEncoder = null;
+                this._channelEncoder = {
+                    boxStroke: (val) => ({ box: { stroke: val } }),
+                    medianStroke: (val) => ({ median: { stroke: val } }),
+                    boxCornerRadius: (val) => ({ box: { cornerRadius: val } })
+                };
                 this._positionEncoder = (glyphAttrs, datum, g) => {
                     var _a;
                     const { x = g.attribute.x, y = g.attribute.y, boxWidth = g.attribute.boxWidth, boxHeight = g.attribute.boxHeight, ruleWidth = g.attribute.ruleWidth, ruleHeight = g.attribute.ruleHeight, q1 = g.attribute.q1, q3 = g.attribute.q3, min = g.attribute.min, max = g.attribute.max, median = g.attribute.median, angle } = glyphAttrs;
@@ -76829,14 +76836,13 @@
             if (this._outliersField) {
                 this._outlierMark = this._createMark(BoxPlotSeries.mark.outlier, {
                     key: DEFAULT_DATA_INDEX,
-                    groupKey: this._seriesField,
-                    dataView: this._outlierDataView.getDataView(),
-                    dataProductId: this._outlierDataView.getProductId()
+                    groupKey: this._seriesField
                 });
+                this._outlierMark.setData(this._outlierData);
             }
         }
         initMarkStyle() {
-            var _a, _b, _c, _d, _e;
+            var _a, _b, _c, _d, _e, _f;
             const boxPlotMark = this._boxPlotMark;
             if (boxPlotMark) {
                 const commonBoxplotStyles = {
@@ -76870,8 +76876,9 @@
             const outlierMark = this._outlierMark;
             if (outlierMark) {
                 this.setMarkStyle(outlierMark, {
-                    fill: (_d = (_c = this._outliersStyle) === null || _c === void 0 ? void 0 : _c.fill) !== null && _d !== void 0 ? _d : this.getColorAttribute(),
-                    size: isNumber$1((_e = this._outliersStyle) === null || _e === void 0 ? void 0 : _e.size) ? this._outliersStyle.size : DEFAULT_OUTLIER_SIZE
+                    fill: (_e = (_d = (_c = this._outliersStyle) === null || _c === void 0 ? void 0 : _c.fill) !== null && _d !== void 0 ? _d : this._boxFillColor) !== null && _e !== void 0 ? _e : this.getColorAttribute(),
+                    stroke: this.getColorAttribute(),
+                    size: isNumber$1((_f = this._outliersStyle) === null || _f === void 0 ? void 0 : _f.size) ? this._outliersStyle.size : DEFAULT_OUTLIER_SIZE
                 }, exports.STATE_VALUE_ENUM.STATE_NORMAL, exports.AttributeLevel.Series);
             }
         }
@@ -76948,7 +76955,8 @@
                 type: 'foldOutlierData',
                 options: {
                     dimensionField: this._direction === "horizontal" ? this._fieldY : this._fieldX,
-                    outliersField: this._outliersField
+                    outliersField: this._outliersField,
+                    seriesField: this._seriesField
                 }
             });
             outlierDataView.transform({
@@ -76958,12 +76966,17 @@
                     call: addDataKey
                 }
             }, false);
-            this._outlierDataView = new CompilableData(this._option, outlierDataView);
+            this._outlierData = new CompilableData(this._option, outlierDataView);
         }
         compileData() {
             var _a;
             super.compileData();
-            (_a = this._outlierDataView) === null || _a === void 0 ? void 0 : _a.compile();
+            (_a = this._outlierData) === null || _a === void 0 ? void 0 : _a.compile();
+        }
+        viewDataUpdate(d) {
+            var _a;
+            super.viewDataUpdate(d);
+            (_a = this._outlierData) === null || _a === void 0 ? void 0 : _a.updateData();
         }
         init(option) {
             super.init(option);
@@ -77085,10 +77098,6 @@
             }
             return fields;
         }
-        onEvaluateEnd(ctx) {
-            super.onEvaluateEnd(ctx);
-            this._outlierDataView.updateData();
-        }
         getDefaultShapeType() {
             return 'square';
         }