@visactor/vchart 1.9.0-alpha.2 → 1.9.0

package/build/index.js

@@ -27391,15 +27391,16 @@
             reverseState: reverseState,
             isMultiple: isMultiple
           } = this.options;
-          e.element && this._marks && this._marks.includes(e.element.mark) ? e.element.hasState(state) ? "self" === this._resetType && (this._statedElements && (this._statedElements = this._statedElements.filter(el => el !== e.element)), this.updateStates(state, reverseState)) : (this._timer && clearTimeout(this._timer), e.element.addState(state), this._statedElements || (this._statedElements = []), isMultiple ? this._statedElements.push(e.element) : this._statedElements[0] = e.element, this.updateStates(state, reverseState), this.dispatchEvent("start", {
+          e.element && this._marks && this._marks.includes(e.element.mark) ? e.element.hasState(state) ? "self" === this._resetType && (this._statedElements = this.updateStates(this._statedElements && this._statedElements.filter(el => el !== e.element), this._statedElements, state, reverseState)) : (this._timer && clearTimeout(this._timer), e.element.addState(state), this._statedElements = this.updateStates(isMultiple && this._statedElements ? [...this._statedElements, e.element] : [e.element], this._statedElements, state, reverseState), this.dispatchEvent("start", {
             elements: this._statedElements,
             options: this.options
           }), "timeout" === this._resetType && (this._timer = setTimeout(() => {
             this.clearPrevElements();
           }, this.options.triggerOff))) : "view" === this._resetType && this._statedElements && this._statedElements.length && this.clearPrevElements();
         }, this.handleReset = e => {
+          if (!this._statedElements || !this._statedElements.length) return;
           const hasActiveElement = e.element && this._marks && this._marks.includes(e.element.mark);
-          this._statedElements && this._statedElements.length && ("view" !== this._resetType || hasActiveElement ? "self" === this._resetType && hasActiveElement && this.clearPrevElements() : this.clearPrevElements());
+          "view" !== this._resetType || hasActiveElement ? "self" === this._resetType && hasActiveElement && this.clearPrevElements() : this.clearPrevElements();
         }, this.options = Object.assign({}, ElementSelect.defaultOptions, options), this._marks = view.getMarksBySelector(this.options.selector), this._stateMarks = groupMarksByState(this._marks, [this.options.state, this.options.reverseState]);
       }
       getEvents() {
@@ -27430,23 +27431,28 @@
               blurState: blurState
             } = this.options;
             if (this._lastElement === e.element) return;
-            this._statedElements = [e.element], this.updateStates(highlightState, blurState), this._lastElement = e.element, this.dispatchEvent("start", {
+            this._statedElements = this.updateStates([e.element], this._statedElements, highlightState, blurState), this._lastElement = e.element, this.dispatchEvent("start", {
               elements: [e.element],
               options: this.options
             });
-          } else this._lastElement && this.clearPrevElements();
+          } else this._lastElement && "view" === this._resetType && this.clearPrevElements();
         }, this.handleReset = e => {
-          e.element && this._marks && this._marks.includes(e.element.mark) && this.clearPrevElements();
+          if (!this._statedElements || !this._statedElements.length) return;
+          const hasActiveElement = e.element && this._marks && this._marks.includes(e.element.mark);
+          "view" !== this._resetType || hasActiveElement ? "self" === this._resetType && hasActiveElement && this.clearPrevElements() : this.clearPrevElements();
         }, this.options = Object.assign({}, ElementHighlight.defaultOptions, options), this._marks = view.getMarksBySelector(this.options.selector), this._stateMarks = groupMarksByState(this._marks, [this.options.highlightState, this.options.blurState]);
       }
       getEvents() {
-        return [{
-          type: this.options.trigger,
-          handler: this.handleStart
-        }, {
-          type: this.options.triggerOff,
+        const triggerOff = this.options.triggerOff,
+          events = [{
+            type: this.options.trigger,
+            handler: this.handleStart
+          }];
+        let eventName = triggerOff;
+        return isString$1(triggerOff) && triggerOff.includes("view:") ? (eventName = triggerOff.replace("view:", ""), this._resetType = "view") : this._resetType = "self", events.push({
+          type: eventName,
           handler: this.handleReset
-        }];
+        }), events;
       }
       clearPrevElements() {
         const {
@@ -27456,7 +27462,7 @@
         this._lastElement && (this.clearAllStates(highlightState, blurState), this.dispatchEvent("reset", {
           elements: [this._lastElement],
           options: this.options
-        }), this._lastElement = null);
+        }), this._lastElement = null, this._statedElements = null);
       }
     }
     ElementHighlight.type = "element-highlight", ElementHighlight.defaultOptions = {
@@ -41748,12 +41754,37 @@
     }
 
     class ToggleStateMixin {
-      updateStates(state, reverseState) {
+      updateStates(newStatedElements, prevStatedElements, state, reverseState) {
+        return newStatedElements && newStatedElements.length ? (state && reverseState ? prevStatedElements && prevStatedElements.length ? (this.toggleReverseStateOfElements(newStatedElements, prevStatedElements, reverseState), this.toggleStateOfElements(newStatedElements, prevStatedElements, state)) : this.addBothStateOfElements(newStatedElements, state, reverseState) : state && (prevStatedElements && prevStatedElements.length ? this.toggleStateOfElements(newStatedElements, prevStatedElements, state) : this.addStateOfElements(newStatedElements, state)), newStatedElements) : null;
+      }
+      toggleReverseStateOfElements(newStatedElements, prevStatedElements, reverseState) {
+        prevStatedElements.forEach(element => {
+          reverseState && this._stateMarks[reverseState] && this._stateMarks[reverseState].includes(element.mark) && element.addState(reverseState);
+        }), newStatedElements.forEach(element => {
+          reverseState && this._stateMarks[reverseState] && this._stateMarks[reverseState].includes(element.mark) && element.removeState(reverseState);
+        });
+      }
+      toggleStateOfElements(newStatedElements, prevStatedElements, state) {
+        prevStatedElements.forEach(element => {
+          state && this._stateMarks[state] && this._stateMarks[state].includes(element.mark) && element.removeState(state);
+        }), newStatedElements.forEach(element => {
+          state && this._stateMarks[state] && this._stateMarks[state].includes(element.mark) && element.addState(state);
+        });
+      }
+      addBothStateOfElements(statedElements, state, reverseState) {
         this._marks.forEach(mark => {
           const hasReverse = reverseState && this._stateMarks[reverseState] && this._stateMarks[reverseState].includes(mark),
             hasState = state && this._stateMarks[state] && this._stateMarks[state].includes(mark);
           (hasReverse || hasState) && mark.elements.forEach(el => {
-            this._statedElements && this._statedElements.includes(el) ? (hasState && el.addState(state), hasReverse && el.removeState(reverseState)) : (hasState && el.removeState(state), hasReverse && el.addState(reverseState));
+            statedElements && statedElements.includes(el) ? hasState && el.addState(state) : hasReverse && el.addState(reverseState);
+          });
+        });
+      }
+      addStateOfElements(statedElements, state) {
+        this._marks.forEach(mark => {
+          const hasState = state && this._stateMarks[state] && this._stateMarks[state].includes(mark);
+          hasState && mark.elements.forEach(el => {
+            statedElements && statedElements.includes(el) && hasState && el.addState(state);
           });
         });
       }
@@ -41762,7 +41793,7 @@
           reverseState && this._stateMarks[reverseState] && this._stateMarks[reverseState].includes(mark) && mark.elements.forEach(el => {
             el.removeState(reverseState);
           }), state && this._stateMarks[state] && this._stateMarks[state].includes(mark) && mark.elements.forEach(el => {
-            el.removeState(state);
+            this._statedElements.includes(el) && el.removeState(state);
           });
         });
       }
@@ -54224,11 +54255,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return this._spec || {};
         }
         getSpecPath() {
-            return this._option.specPath;
+            var _a;
+            return (_a = this._option) === null || _a === void 0 ? void 0 : _a.specPath;
         }
         getSpecInfoPath() {
-            var _a;
-            return (_a = this._option.specInfoPath) !== null && _a !== void 0 ? _a : this._option.specPath;
+            var _a, _b, _c;
+            return (_b = (_a = this._option) === null || _a === void 0 ? void 0 : _a.specInfoPath) !== null && _b !== void 0 ? _b : (_c = this._option) === null || _c === void 0 ? void 0 : _c.specPath;
         }
         getData() {
             return this._data;
@@ -58695,7 +58727,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         registerChartPlugin(MediaQuery);
     };
 
-    const version = "1.9.0-alpha.2";
+    const version = "1.9.0";
 
     const addVChartProperty = (data, op) => {
         const context = op.beforeCall();
@@ -59335,8 +59367,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return {
                 hover: {
                     enable: true,
-                    trigger: 'pointerover',
-                    triggerOff: 'pointerout'
+                    trigger: 'pointermove',
+                    triggerOff: 'view:pointerleave'
                 },
                 select: {
                     enable: true,
@@ -59348,8 +59380,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return {
                 hover: {
                     enable: true,
-                    trigger: ['pointerdown', 'pointerover'],
-                    triggerOff: 'pointerout'
+                    trigger: ['pointerdown', 'pointermove'],
+                    triggerOff: 'view:pointerleave'
                 },
                 select: {
                     enable: true,
@@ -59893,7 +59925,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     selector: mainMarks.map(mark => `#${mark.getProductId()}`),
                     type: 'element-highlight',
                     trigger: finalHoverSpec.trigger,
-                    resetTrigger: finalHoverSpec.triggerOff,
+                    triggerOff: finalHoverSpec.triggerOff,
                     blurState: STATE_VALUE_ENUM.STATE_HOVER_REVERSE,
                     highlightState: STATE_VALUE_ENUM.STATE_HOVER
                 });
@@ -59905,7 +59937,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     regionId: this._region.id,
                     selector: mainMarks.map(mark => `#${mark.getProductId()}`),
                     trigger: finalSelectSpec.trigger,
-                    resetTrigger: ((_a = finalSelectSpec.triggerOff) !== null && _a !== void 0 ? _a : 'empty'),
+                    triggerOff: ((_a = finalSelectSpec.triggerOff) !== null && _a !== void 0 ? _a : 'empty'),
                     reverseState: STATE_VALUE_ENUM.STATE_SELECTED_REVERSE,
                     state: STATE_VALUE_ENUM.STATE_SELECTED,
                     isMultiple: finalSelectSpec.mode === 'multiple'
@@ -81570,19 +81602,22 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 if (!depth) {
                     this._dataFieldText = s.getFieldAlias(field[0]);
                 }
-                const seriesData = (_c = s.getViewDataStatistics) === null || _c === void 0 ? void 0 : _c.call(s);
                 if (field) {
-                    field.forEach(f => {
-                        var _a;
-                        if (rawData) {
+                    const viewData = s.getViewData();
+                    if (rawData) {
+                        field.forEach(f => {
                             data.push(s.getRawDataStatisticsByField(f, false));
-                        }
-                        else {
+                        });
+                    }
+                    else if (viewData && viewData.latestData && viewData.latestData.length) {
+                        const seriesData = (_c = s.getViewDataStatistics) === null || _c === void 0 ? void 0 : _c.call(s);
+                        field.forEach(f => {
+                            var _a;
                             if ((_a = seriesData === null || seriesData === void 0 ? void 0 : seriesData.latestData) === null || _a === void 0 ? void 0 : _a[f]) {
                                 data.push(seriesData.latestData[f]);
                             }
-                        }
-                    });
+                        });
+                    }
                 }
             }, {
                 userId: this._seriesUserId,
@@ -81994,11 +82029,17 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         computeLinearDomain(data) {
             const domain = [];
-            data.forEach(d => {
-                const { min, max } = d;
-                domain[0] = domain[0] === undefined ? min : Math.min(domain[0], min);
-                domain[1] = domain[1] === undefined ? max : Math.max(domain[1], max);
-            });
+            if (data.length) {
+                data.forEach(d => {
+                    const { min, max } = d;
+                    domain[0] = domain[0] === undefined ? min : Math.min(domain[0], min);
+                    domain[1] = domain[1] === undefined ? max : Math.max(domain[1], max);
+                });
+            }
+            else {
+                domain[0] = 0;
+                domain[1] = 0;
+            }
             this.expandDomain(domain);
             this.includeZero(domain);
             this.setDomainMinMax(domain);
@@ -82246,6 +82287,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
         }
         computeBandDomain(data) {
+            if (!data.length) {
+                return [];
+            }
             if (data.length === 1) {
                 return data[0].values;
             }
@@ -82753,19 +82797,22 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 if (!depth) {
                     this._dataFieldText = s.getFieldAlias(field[0]);
                 }
-                const seriesData = (_c = s.getViewDataStatistics) === null || _c === void 0 ? void 0 : _c.call(s);
                 if (field) {
-                    field.forEach(f => {
-                        var _a;
-                        if (rawData) {
+                    const viewData = s.getViewData();
+                    if (rawData) {
+                        field.forEach(f => {
                             data.push(s.getRawDataStatisticsByField(f, false));
-                        }
-                        else {
+                        });
+                    }
+                    else if (viewData && viewData.latestData && viewData.latestData.length) {
+                        const seriesData = (_c = s.getViewDataStatistics) === null || _c === void 0 ? void 0 : _c.call(s);
+                        field.forEach(f => {
+                            var _a;
                             if ((_a = seriesData === null || seriesData === void 0 ? void 0 : seriesData.latestData) === null || _a === void 0 ? void 0 : _a[f]) {
                                 data.push(seriesData.latestData[f]);
                             }
-                        }
-                    });
+                        });
+                    }
                 }
             }, {
                 userId: this._seriesUserId,
@@ -82923,7 +82970,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 innerRadius, startAngle: this._startAngle, endAngle: this._endAngle });
             const attrs = Object.assign(Object.assign({}, commonAttrs), { title: {
                     text: this._spec.title.text || this._dataFieldText
-                }, items: items.length ? [items] : [], orient: 'angle' });
+                }, items, orient: 'angle' });
             if (this._spec.grid.visible) {
                 attrs.grid = Object.assign({ type: 'line', smoothLink: true, items: items[0] }, commonAttrs);
             }
@@ -82941,7 +82988,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const commonAttrs = Object.assign(Object.assign({}, this.getLayoutStartPoint()), { start: startPoint, end: endPoint, verticalFactor: -1 });
             const attrs = Object.assign(Object.assign({}, commonAttrs), { title: {
                     text: this._spec.title.text || this._dataFieldText
-                }, items: items.length ? [items] : [], orient: 'radius' });
+                }, items, orient: 'radius' });
             if ((_a = this._spec.grid) === null || _a === void 0 ? void 0 : _a.visible) {
                 attrs.grid = Object.assign({ items: items[0], type: ((_b = this._spec.grid) === null || _b === void 0 ? void 0 : _b.smooth) ? 'circle' : 'polygon', center, closed: true, sides: (_c = this._getRelatedAngleAxis()) === null || _c === void 0 ? void 0 : _c.tickValues().length, startAngle: this._startAngle, endAngle: this._endAngle }, commonAttrs);
             }