tvcharts 0.8.95 → 0.8.96

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/echarts.js CHANGED
@@ -60847,6 +60847,9 @@ var LabelsView2 = class extends Chart_default {
60847
60847
  super(...arguments);
60848
60848
  this.type = LabelsView2.type;
60849
60849
  }
60850
+ init(ecModel, api2) {
60851
+ api2.getZr().on("mousedown", this._hideTip, this);
60852
+ }
60850
60853
  render(seriesModel, ecModel, api2) {
60851
60854
  const data = seriesModel.getData();
60852
60855
  this.seriesModel = seriesModel;
@@ -61008,6 +61011,18 @@ var LabelsView2 = class extends Chart_default {
61008
61011
  this._isTooltipOpen = true;
61009
61012
  }, 300);
61010
61013
  }
61014
+ _hideTip(e2) {
61015
+ if (e2.target && typeof inner12(e2.target).index === "number") {
61016
+ return;
61017
+ }
61018
+ if (this._isTooltipOpen) {
61019
+ this.api.dispatchAction({
61020
+ type: "hideTipText",
61021
+ escapeConnect: true
61022
+ });
61023
+ this._isTooltipOpen = false;
61024
+ }
61025
+ }
61011
61026
  _mouseout() {
61012
61027
  this._clearTimer();
61013
61028
  if (this._isTooltipOpen) {
@@ -61031,6 +61046,9 @@ var LabelsView2 = class extends Chart_default {
61031
61046
  this._textGroup = null;
61032
61047
  this._toolTipGroup && this._toolTipGroup.removeAll();
61033
61048
  this._toolTipGroup = null;
61049
+ if (this.api) {
61050
+ this.api.getZr()?.off("mousedown", this._hideTip);
61051
+ }
61034
61052
  this.seriesModel = null;
61035
61053
  this.api = null;
61036
61054
  }
@@ -72627,8 +72645,8 @@ var TooltipTextHtmlContent = class {
72627
72645
  style.transform = "translateX(-50%)";
72628
72646
  triangleStyle = "transform: translateX(-50%) translateY(-50%) rotate(45deg); position: absolute; top: 0px;";
72629
72647
  }
72630
- el.innerHTML = `<div>
72631
- <div style="min-width: 32px; padding: 2px 8px; color: #fff; background-color: rgb(42, 46, 57); font-size: 12px; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.08) 0px 6px 16px 0px, rgba(0, 0, 0, 0.12) 0px 3px 6px -4px, rgba(0, 0, 0, 0.05) 0px 9px 28px 8px; white-space: pre;">${text}</div>
72648
+ el.innerHTML = `<div style="max-width:300px">
72649
+ <div style="min-width: 32px; padding: 2px 8px; color: #fff; background-color: rgb(42, 46, 57); font-size: 12px; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.08) 0px 6px 16px 0px, rgba(0, 0, 0, 0.12) 0px 3px 6px -4px, rgba(0, 0, 0, 0.05) 0px 9px 28px 8px; white-space: pre-wrap;">${text}</div>
72632
72650
  <div style="width: 6px; height: 6px; ${triangleStyle} left: 50%; background-color: rgb(42, 46, 57);"></div>
72633
72651
  </div>`;
72634
72652
  }