@visactor/vchart 2.0.10 → 2.0.11-alpha.1

package/build/index.es.js

@@ -61412,7 +61412,8 @@ class VChart {
             getSpecInfo: () => { var _a; return (_a = this._specInfo) !== null && _a !== void 0 ? _a : {}; },
             layout: this._option.layout,
             onError: this._onError,
-            disableTriggerEvent: this._option.disableTriggerEvent === true
+            disableTriggerEvent: this._option.disableTriggerEvent === true,
+            componentShowContent: this._option.componentShowContent
         };
     }
 }
@@ -61531,7 +61532,7 @@ const lookup = (data, opt) => {
     });
 };
 
-const version = "2.0.10";
+const version = "2.0.11-alpha.1";
 
 const addVChartProperty = (data, op) => {
     const context = op.beforeCall();
@@ -69367,7 +69368,7 @@ class BaseChart extends CompilableBase {
     _setModelOption() {
     }
     constructor(spec, option) {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         super(option);
         this.type = 'chart';
         this.id = createID();
@@ -69498,7 +69499,7 @@ class BaseChart extends CompilableBase {
         this._event = new Event$1(option.eventDispatcher, option.mode);
         this._dataSet = option.dataSet;
         this._chartData = new ChartData(this._dataSet);
-        this._modelOption = Object.assign(Object.assign({}, option), { mode: this._option.mode, map: this._idMap, getChartLayoutRect: () => this._layoutRect, getChartViewRect: () => this._viewRect, getChart: () => this, globalScale: this._globalScale, onError: (_b = this._option) === null || _b === void 0 ? void 0 : _b.onError, disableTriggerEvent: ((_c = this._option) === null || _c === void 0 ? void 0 : _c.disableTriggerEvent) === true, getSeriesData: this._chartData.getSeriesData.bind(this._chartData), dispatchEvent: (eType, params) => this._option.globalInstance.event.emit(eType, params) });
+        this._modelOption = Object.assign(Object.assign({}, option), { mode: this._option.mode, map: this._idMap, getChartLayoutRect: () => this._layoutRect, getChartViewRect: () => this._viewRect, getChart: () => this, globalScale: this._globalScale, onError: (_b = this._option) === null || _b === void 0 ? void 0 : _b.onError, disableTriggerEvent: ((_c = this._option) === null || _c === void 0 ? void 0 : _c.disableTriggerEvent) === true, componentShowContent: (_d = this._option) === null || _d === void 0 ? void 0 : _d.componentShowContent, getSeriesData: this._chartData.getSeriesData.bind(this._chartData), dispatchEvent: (eType, params) => this._option.globalInstance.event.emit(eType, params) });
         if (this._setModelOption) {
             this._setModelOption();
         }
@@ -95881,7 +95882,10 @@ class Tooltip extends BaseComponent {
             for (let i = 0, len = supportedTooltip.length; i < len; i++) {
                 const type = supportedTooltip[i];
                 const res = this.processor[type] ? this._showTooltipByMouseEvent(type, mouseEventData, params, isClick) : false;
-                if (res) {
+                if (res === 'unShowByOption') {
+                    success[type] = 'unShowByOption';
+                }
+                else {
                     success[type] = true;
                     break;
                 }
@@ -95895,7 +95899,11 @@ class Tooltip extends BaseComponent {
                 }
             }
             if (!success.mark && !success.group && (!success.dimension || isNil$1(dimensionInfo))) {
-                this._handleChartMouseOut(params);
+                if (success.mark !== 'unShowByOption' &&
+                    success.dimension !== 'unShowByOption' &&
+                    success.group !== 'unShowByOption') {
+                    this._handleChartMouseOut(params);
+                }
             }
             else {
                 this._initEventOfTooltipContent();
@@ -95903,6 +95911,9 @@ class Tooltip extends BaseComponent {
         };
         this._showTooltipByMouseEvent = (activeType, mouseEventData, params, isClick, useCache) => {
             var _a;
+            if (!this._showContentByEvent(activeType)) {
+                return 'unShowByOption';
+            }
             const processor = this.processor[activeType];
             if (!processor.shouldHandleTooltip(params, mouseEventData.tooltipInfo[activeType])) {
                 return false;
@@ -96160,6 +96171,19 @@ class Tooltip extends BaseComponent {
         }
         return throttle(callback, wait);
     }
+    _showContentByEvent(activeType) {
+        var _a;
+        if ((_a = this._option) === null || _a === void 0 ? void 0 : _a.componentShowContent) {
+            if (this._option.componentShowContent.tooltip === false) {
+                return false;
+            }
+            if (isObject$2(this._option.componentShowContent.tooltip) &&
+                this._option.componentShowContent.tooltip[activeType] === false) {
+                return false;
+            }
+        }
+        return true;
+    }
     reInit(spec) {
         var _a, _b, _c;
         super.reInit(spec);
@@ -96515,6 +96539,10 @@ class BaseCrossHair extends BaseComponent {
         }
     }
     _registerEvent(eventName, isOut, click) {
+        var _a;
+        if (((_a = this._option.componentShowContent) === null || _a === void 0 ? void 0 : _a.crosshair) === false) {
+            return;
+        }
         const handler = isOut ? this._handleOutEvent : click ? this._handleClickInEvent : this._handleHoverInEvent;
         const cfg = isOut ? { level: Event_Bubble_Level.chart } : { source: Event_Source_Type.chart };
         if (isArray$1(eventName)) {

package/build/index.js

@@ -61418,7 +61418,8 @@
                 getSpecInfo: () => { var _a; return (_a = this._specInfo) !== null && _a !== void 0 ? _a : {}; },
                 layout: this._option.layout,
                 onError: this._onError,
-                disableTriggerEvent: this._option.disableTriggerEvent === true
+                disableTriggerEvent: this._option.disableTriggerEvent === true,
+                componentShowContent: this._option.componentShowContent
             };
         }
     }
@@ -61537,7 +61538,7 @@
         });
     };
 
-    const version = "2.0.10";
+    const version = "2.0.11-alpha.1";
 
     const addVChartProperty = (data, op) => {
         const context = op.beforeCall();
@@ -69373,7 +69374,7 @@
         _setModelOption() {
         }
         constructor(spec, option) {
-            var _a, _b, _c;
+            var _a, _b, _c, _d;
             super(option);
             this.type = 'chart';
             this.id = createID();
@@ -69504,7 +69505,7 @@
             this._event = new Event$1(option.eventDispatcher, option.mode);
             this._dataSet = option.dataSet;
             this._chartData = new ChartData(this._dataSet);
-            this._modelOption = Object.assign(Object.assign({}, option), { mode: this._option.mode, map: this._idMap, getChartLayoutRect: () => this._layoutRect, getChartViewRect: () => this._viewRect, getChart: () => this, globalScale: this._globalScale, onError: (_b = this._option) === null || _b === void 0 ? void 0 : _b.onError, disableTriggerEvent: ((_c = this._option) === null || _c === void 0 ? void 0 : _c.disableTriggerEvent) === true, getSeriesData: this._chartData.getSeriesData.bind(this._chartData), dispatchEvent: (eType, params) => this._option.globalInstance.event.emit(eType, params) });
+            this._modelOption = Object.assign(Object.assign({}, option), { mode: this._option.mode, map: this._idMap, getChartLayoutRect: () => this._layoutRect, getChartViewRect: () => this._viewRect, getChart: () => this, globalScale: this._globalScale, onError: (_b = this._option) === null || _b === void 0 ? void 0 : _b.onError, disableTriggerEvent: ((_c = this._option) === null || _c === void 0 ? void 0 : _c.disableTriggerEvent) === true, componentShowContent: (_d = this._option) === null || _d === void 0 ? void 0 : _d.componentShowContent, getSeriesData: this._chartData.getSeriesData.bind(this._chartData), dispatchEvent: (eType, params) => this._option.globalInstance.event.emit(eType, params) });
             if (this._setModelOption) {
                 this._setModelOption();
             }
@@ -95887,7 +95888,10 @@
                 for (let i = 0, len = supportedTooltip.length; i < len; i++) {
                     const type = supportedTooltip[i];
                     const res = this.processor[type] ? this._showTooltipByMouseEvent(type, mouseEventData, params, isClick) : false;
-                    if (res) {
+                    if (res === 'unShowByOption') {
+                        success[type] = 'unShowByOption';
+                    }
+                    else {
                         success[type] = true;
                         break;
                     }
@@ -95901,7 +95905,11 @@
                     }
                 }
                 if (!success.mark && !success.group && (!success.dimension || isNil$1(dimensionInfo))) {
-                    this._handleChartMouseOut(params);
+                    if (success.mark !== 'unShowByOption' &&
+                        success.dimension !== 'unShowByOption' &&
+                        success.group !== 'unShowByOption') {
+                        this._handleChartMouseOut(params);
+                    }
                 }
                 else {
                     this._initEventOfTooltipContent();
@@ -95909,6 +95917,9 @@
             };
             this._showTooltipByMouseEvent = (activeType, mouseEventData, params, isClick, useCache) => {
                 var _a;
+                if (!this._showContentByEvent(activeType)) {
+                    return 'unShowByOption';
+                }
                 const processor = this.processor[activeType];
                 if (!processor.shouldHandleTooltip(params, mouseEventData.tooltipInfo[activeType])) {
                     return false;
@@ -96166,6 +96177,19 @@
             }
             return throttle(callback, wait);
         }
+        _showContentByEvent(activeType) {
+            var _a;
+            if ((_a = this._option) === null || _a === void 0 ? void 0 : _a.componentShowContent) {
+                if (this._option.componentShowContent.tooltip === false) {
+                    return false;
+                }
+                if (isObject$2(this._option.componentShowContent.tooltip) &&
+                    this._option.componentShowContent.tooltip[activeType] === false) {
+                    return false;
+                }
+            }
+            return true;
+        }
         reInit(spec) {
             var _a, _b, _c;
             super.reInit(spec);
@@ -96521,6 +96545,10 @@
             }
         }
         _registerEvent(eventName, isOut, click) {
+            var _a;
+            if (((_a = this._option.componentShowContent) === null || _a === void 0 ? void 0 : _a.crosshair) === false) {
+                return;
+            }
             const handler = isOut ? this._handleOutEvent : click ? this._handleClickInEvent : this._handleHoverInEvent;
             const cfg = isOut ? { level: Event_Bubble_Level.chart } : { source: Event_Source_Type.chart };
             if (isArray$1(eventName)) {