@visactor/vchart 1.1.0-beta.5 → 1.1.0-beta.6

package/README.md

@@ -77,12 +77,12 @@ $ rush run -p @visactor/vchart -s test
 
 ## 🔗 Related Links
 
-- [Homepage](https://visactor.io/vchart)
-- [VCharts Gallery](todo)
-- [VChart Tutorials](todo)
-- [VChart Options](todo)
-- [VChart API](todo)
-- [VGrammar](https://visactor.io/vgrammar)
-- [VRender](https://visactor.io/vrender)
-- [FAQ](todo)
+- [Homepage](https://www.visactor.io/vchart)
+- [VCharts Gallery](https://www.visactor.io/vchart/example)
+- [VChart Tutorials](https://www.visactor.io/vchart/guide/tutorial_docs/VChart_Website_Guide)
+- [VChart Options](https://www.visactor.io/vchart/option/)
+- [VChart API](https://www.visactor.io/vchart/api/API/vchart)
+- [VGrammar](https://www.visactor.io/vgrammar)
+- [VRender](https://www.visactor.io/vrender)
+- [FAQ](https://www.visactor.io/vchart/guide/tutorial_docs/FAQ)
 - [CodeSandbox Template](https://codesandbox.io/s/the-template-of-visactor-vchart-vl84ww?file=/src/index.ts) for bug reports

package/build/index.js

@@ -6845,12 +6845,33 @@
           l.target.addListener(event, callAd);
         }), this._callMap.set(call, callAd);
       }
+      allDataViewAddListener(event, call) {
+        this.multipleDataViewAddListener(Object.values(this.dataViewMap), event, call);
+      }
       multipleDataViewRemoveListener(list, event, call) {
         const callAd = this._callMap.get(call);
         callAd && list.forEach(l => {
           l.target.removeListener(event, callAd);
         }), this._callMap.delete(call);
       }
+      multipleDataViewUpdateInParse(newData) {
+        newData.forEach(d => {
+          var _a;
+          return null === (_a = this.getDataView(d.name)) || void 0 === _a ? void 0 : _a.markRunning();
+        }), newData.forEach(d => {
+          var _a;
+          return null === (_a = this.getDataView(d.name)) || void 0 === _a ? void 0 : _a.parseNewData(d.data, d.options);
+        });
+      }
+      multipleDataViewUpdateInRawData(newData) {
+        newData.forEach(d => {
+          var _a;
+          return null === (_a = this.getDataView(d.name)) || void 0 === _a ? void 0 : _a.markRunning();
+        }), newData.forEach(d => {
+          var _a;
+          return null === (_a = this.getDataView(d.name)) || void 0 === _a ? void 0 : _a.updateRawData(d.data, d.options);
+        });
+      }
       destroy() {
         this.transformMap = null, this.parserMap = null, this.dataViewMap = null, this._callMap = null, this.target.removeAllListeners();
       }
@@ -47918,7 +47939,9 @@
         ChartEvent["playerForward"] = "playerForward";
         ChartEvent["playerBackward"] = "playerBackward";
         ChartEvent["scrollBarChange"] = "scrollBarChange";
+        ChartEvent["brushStart"] = "brushStart";
         ChartEvent["brushChange"] = "brushChange";
+        ChartEvent["brushEnd"] = "brushEnd";
         ChartEvent["legendSelectedDataChange"] = "legendSelectedDataChange";
         ChartEvent["legendFilter"] = "legendFilter";
         ChartEvent["legendItemClick"] = "legendItemClick";
@@ -54131,7 +54154,7 @@
     VChart.useMark([ComponentMark, GroupMark]);
     Factory.registerRegion('region', Region);
     Factory.registerLayout('base', Layout);
-    const version = "1.1.0-beta.5";
+    const version = "1.1.0-beta.6";
 
     var SeriesMarkNameEnum;
     (function (SeriesMarkNameEnum) {
@@ -60390,7 +60413,7 @@
                 label: labelPosition === PositionEnum.bothEnd ? undefined : merge$1({}, this._spec.label),
                 isSeriesMark: true
             });
-            if (labelPosition === PositionEnum.bothEnd) {
+            if (this._spec.label?.visible !== false && labelPosition === PositionEnum.bothEnd) {
                 if (this._spec.label?.minLabel?.visible !== false) {
                     this._minLabelMark = this._createMark(RangeColumnSeries.mark.minLabel, {
                         markSpec: this._spec.label?.minLabel
@@ -76697,6 +76720,22 @@
             this._bindLinkedSeries();
             this._initNeedOperatedItem();
         }
+        _extendDataInBrush(elementsMap) {
+            const data = [];
+            for (const brushName in elementsMap) {
+                for (const elementKey in elementsMap[brushName]) {
+                    data.push(elementsMap[brushName][elementKey].data[0]);
+                }
+            }
+            return data;
+        }
+        _extendDatumOutOfBrush(elementsMap) {
+            const data = [];
+            for (const elementKey in elementsMap) {
+                data.push(elementsMap[elementKey].data[0]);
+            }
+            return data;
+        }
         _createBrushComponent(region, componentIndex) {
             const seriesRegionStartX = region.getLayoutStartPoint().x;
             const seriesRegionEndX = seriesRegionStartX + region.getLayoutRect().width;
@@ -76725,11 +76764,25 @@
                 }
                 this._reconfigItem(operateMask, region);
                 this._reconfigLinkedItem(operateMask, region);
-                this.event.emit(ChartEvent.brushChange, {
+                let eventType = ChartEvent.brushChange;
+                if (operateType === 'brushStart' || operateType === 'brushDown') {
+                    eventType = ChartEvent.brushStart;
+                }
+                else if (operateType === 'brushEnd' || operateType === 'brushMaskUp') {
+                    eventType = ChartEvent.brushEnd;
+                }
+                else {
+                    eventType = ChartEvent.brushChange;
+                }
+                this.event.emit(eventType, {
                     model: this,
                     value: {
                         operateType,
                         operateRegion: region,
+                        inBrushData: this._extendDataInBrush(this._inBrushElementsMap),
+                        outOfBrushData: this._extendDatumOutOfBrush(this._outOfBrushElementsMap),
+                        linkInBrushData: this._extendDataInBrush(this._linkedInBrushElementsMap),
+                        linkOutOfBrushData: this._extendDatumOutOfBrush(this._linkedOutOfBrushElementsMap),
                         inBrushElementsMap: this._inBrushElementsMap,
                         outOfBrushElementsMap: this._outOfBrushElementsMap,
                         linkedInBrushElementsMap: this._linkedInBrushElementsMap,
@@ -76780,6 +76833,7 @@
                         graphicItem.removeState('inBrush');
                         graphicItem.addState('outOfBrush');
                         this._outOfBrushElementsMap[el.key] = el;
+                        delete this._inBrushElementsMap[operateMask.name][el.key];
                     }
                 });
             });
@@ -76951,6 +77005,16 @@
         }
     }
 
+    var IOperateType;
+    (function (IOperateType) {
+        IOperateType["brushStart"] = "brushStart";
+        IOperateType["brushEnd"] = "brushEnd";
+        IOperateType["brushMaskUp"] = "brushMaskUp";
+        IOperateType["brushing"] = "brushing";
+        IOperateType["brushMaskDown"] = "brushMaskDown";
+        IOperateType["brushMaskMove"] = "brushMaskMove";
+    })(IOperateType || (IOperateType = {}));
+
     function overlap$1(a, b, sep = 0) {
         return sep > Math.max(b.x1 - a.x2, a.x1 - b.x2, b.y1 - a.y2, a.y1 - b.y2);
     }
@@ -84615,7 +84679,7 @@
         }
         _getStyle() {
             const tooltipSpec = this._component.getSpec();
-            const { style = {}, maxWidth, minWidth, enterable, transitionDuration } = tooltipSpec;
+            const { style = {}, enterable, transitionDuration } = tooltipSpec;
             const { panel: { backgroundColor, border, shadow, padding }, titleLabel, shape, keyLabel, valueLabel, spaceRow } = style;
             const panelStyle = {
                 lineWidth: border?.width ?? 0,
@@ -84650,8 +84714,6 @@
                 key: getTextAttributes(keyLabel, globalTheme),
                 value: getTextAttributes(valueLabel, globalTheme),
                 padding,
-                minWidth,
-                maxWidth,
                 spaceRow,
                 enterable,
                 transitionDuration
@@ -84687,7 +84749,7 @@
         return defaultStr ?? 'initial';
     };
     function getDomStyles(style, attributeCache) {
-        const { panel: { fill: fillColor, shadow, shadowBlur, shadowColor, shadowOffsetX, shadowOffsetY, shadowSpread, cornerRadius, stroke: strokeColor, lineWidth = 0 }, padding, key, value, title, shape, maxWidth, minWidth, enterable, spaceRow, transitionDuration } = style;
+        const { panel: { fill: fillColor, shadow, shadowBlur, shadowColor, shadowOffsetX, shadowOffsetY, shadowSpread, cornerRadius, stroke: strokeColor, lineWidth = 0 }, padding, key, value, title, shape, enterable, spaceRow, transitionDuration } = style;
         const backgroundColor = fillColor;
         const styles = {
             panel: {
@@ -84704,8 +84766,6 @@
                 boxShadow: shadow
                     ? `${shadowOffsetX}px ${shadowOffsetY}px ${shadowBlur}px ${shadowSpread}px ${shadowColor}`
                     : 'initial',
-                maxWidth: getPixelPropertyStr(maxWidth),
-                minWidth: getPixelPropertyStr(minWidth),
                 pointerEvents: enterable ? 'auto' : 'none',
                 transitionDuration: transitionDuration ? `${transitionDuration}ms` : 'initial',
                 transitionProperty: transitionDuration ? 'transform' : 'initial',