tvcharts 0.8.75 → 0.8.77

package/dist/echarts.js

@@ -24806,11 +24806,9 @@ var ECharts = class extends Eventful_default {
     const extend2 = scale4.getExtent();
     const axis = xAxisModal.axis;
     const lastIndex = extend2[1];
-    const minLength = extend2[0] - extend2[1];
     const axisWidth = axis.getExtent()[1];
     const startX = Math.max(axis.dataToCoord(startIndex), 0);
     const endX = Math.min(axis.dataToCoord(lastIndex), axisWidth);
-    console.log("%c [ minLength ]-1359", "font-size:13px; background:pink; color:#bf2c9f;", xAxisModal, minLength, startIndex, extend2[1]);
     return (endX - startX) / scale4.barSpace + 0.5;
   }
   getViewOfComponentModel(componentModel) {
@@ -25249,7 +25247,6 @@ var ECharts = class extends Eventful_default {
     }
   }
   scrollByDistance(distance2, animationDuration) {
-    console.log("%c [ distance ]-2002", "font-size:13px; background:pink; color:#bf2c9f;", distance2);
     const xAxisModal = this._model.getComponent("xAxis", 0);
     const scale4 = xAxisModal.axis.scale;
     const duration = isNumber(animationDuration) && animationDuration > 0 ? animationDuration : 0;
@@ -68839,6 +68836,9 @@ var GraphicComponentView2 = class extends Component_default2 {
         return;
       }
       const elOption = item;
+      if (elOption.style) {
+        el.attr("style", elOption.style);
+      }
       if (elOption.x || elOption.y) {
         el.attr({x: elOption.x, y: elOption.y});
       }
@@ -72131,18 +72131,26 @@ var TooltipTextHtmlContent = class {
     this._api = api2;
     this._container = container;
   }
-  show({x, y, text}) {
+  show({x, y, text, position: position2 = "top"}) {
     const el = this.el;
     const style = el.style;
     style.position = "absolute";
-    style.top = y - margin2 + "px";
     style.left = x + "px";
     style.visibility = "visible";
     style.opacity = "1";
-    style.transform = "translateX(-50%) translateY(-100%)";
+    const isTop = position2 === "top";
+    let triangleStyle = "transform: translateX(-50%) translateY(50%) rotate(45deg); position: absolute; bottom: 0px;";
+    if (isTop) {
+      style.top = y - margin2 + "px";
+      style.transform = "translateX(-50%) translateY(-100%)";
+    } else {
+      style.top = y + margin2 + "px";
+      style.transform = "translateX(-50%) translateY(100%)";
+      triangleStyle = "transform: translateX(-50%) translateY(-50%) rotate(45deg); position: absolute; top: 0px;";
+    }
     el.innerHTML = `<div>
-        <div style="min-width: 32px; padding: 2px 8px; color: #fff; background-color: rgb(42, 46, 57); font-size: 14px; 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;">${text}</div>
-        <div style="width: 6px; height: 6px; transform: translateX(-50%) translateY(50%) rotate(45deg); position: absolute; bottom: 0px; left: 50%; background-color: rgb(42, 46, 57);"></div>
+        <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;">${text}</div>
+        <div style="width: 6px; height: 6px; ${triangleStyle} left: 50%; background-color: rgb(42, 46, 57);"></div>
         </div>`;
   }
   getSize() {
@@ -72183,6 +72191,7 @@ var TooltipView2 = class extends Component_default2 {
     }
     const tooltipModel = ecModel.getComponent("tooltip");
     const renderMode = this._renderMode = getTooltipRenderMode(tooltipModel.get("renderMode"));
+    api2.getZr().on("mousedown", this._hideTip, this);
     this._tooltipContent = renderMode === "richText" ? new TooltipRichContent_default(api2) : new TooltipHTMLContent_default(api2, {
       appendTo: tooltipModel.get("appendToBody", true) ? "body" : tooltipModel.get("appendTo", true)
     });
@@ -72197,6 +72206,9 @@ var TooltipView2 = class extends Component_default2 {
     this._ecModel = ecModel;
     this._api = api2;
     this._keepShowPoint(tooltipModel, ecModel);
+    if (this._lastTipTextPayload) {
+      this.showTipText(tooltipModel, ecModel, api2, this._lastTipTextPayload);
+    }
     if (!tooltipModel.get("showContent")) {
       return;
     }
@@ -72572,6 +72584,11 @@ var TooltipView2 = class extends Component_default2 {
     tooltipContent.show(tooltipModel, nearPointColor);
     this._updatePosition(tooltipModel, positionExpr, x, y, tooltipContent, params, el);
   }
+  _hideTip() {
+    if (this._lastTipTextPayload) {
+      this.hideTipText();
+    }
+  }
   _getNearestPoint(point, tooltipDataParams, trigger3, borderColor) {
     if (trigger3 === "axis" || isArray(tooltipDataParams)) {
       return {
@@ -72719,9 +72736,36 @@ var TooltipView2 = class extends Component_default2 {
     }
   }
   showTipText(tooltipModel, ecModel, api2, payload) {
-    this._tooltipText.show(payload);
+    let x = payload.x;
+    let y = payload.y;
+    const {position: position2 = "top", time, price, text} = payload;
+    if (!x || !y) {
+      const mainSeriesModal = ecModel.getMainSeries();
+      if (!mainSeriesModal) {
+        return;
+      }
+      const coordSys = mainSeriesModal.coordinateSystem;
+      if (price != void 0) {
+        const yAxisModel = coordSys.getAxis("y");
+        y = yAxisModel.toGlobalCoord(yAxisModel.dataToCoord(price));
+      }
+      if (time != void 0) {
+        const xAxisModal = coordSys.getAxis("x");
+        const scale4 = xAxisModal.model.axis.scale;
+        const ordinalMeta = scale4.getOrdinalMeta();
+        const dataIndex = typeof time === "number" ? time : ordinalMeta.getOrdinal(time) ?? ordinalMeta.getClosestTime(time);
+        const data = mainSeriesModal.getData();
+        const price2 = data.getByRawIndex(position2 === "top" ? "highest" : "", dataIndex);
+        const yAxisModel = coordSys.getAxis("y");
+        y = yAxisModel.toGlobalCoord(yAxisModel.dataToCoord(price2));
+        x = xAxisModal.toGlobalCoord(xAxisModal.dataToCoord(dataIndex));
+      }
+      this._lastTipTextPayload = payload;
+    }
+    this._tooltipText.show({text, x, y, position: position2});
   }
-  hideTipText(tooltipModel, ecModel, api2, payload) {
+  hideTipText() {
+    this._lastTipTextPayload = null;
     this._tooltipText.hide();
   }
   dispose(ecModel, api2) {
@@ -72733,6 +72777,7 @@ var TooltipView2 = class extends Component_default2 {
       this._pointEl = null;
       this._lastPoint = [];
     }
+    api2.getZr().off("mousedown", this._hideTip);
     clear(this, "_updatePosition");
     this._tooltipContent.dispose();
     this._tooltipText.dispose();
@@ -75813,6 +75858,7 @@ var PlaybackOrderView4 = class extends Component_default2 {
             x,
             y
           });
+          this.mousemoveTPSL = true;
         }, 500);
       };
       stopCloseEl2.onmouseout = () => {
@@ -75821,6 +75867,7 @@ var PlaybackOrderView4 = class extends Component_default2 {
           type: "hideTipText",
           escapeConnect: true
         });
+        this.mousemoveTPSL = false;
         stopCloseRect.attr("invisible", true);
       };
       stopCloseEl2.onclick = () => {
@@ -75985,16 +76032,21 @@ var PlaybackOrderView4 = class extends Component_default2 {
         return;
       }
       this.group.remove(this.stopProfitGroup);
-      this.stopProfitLabelEl = null;
       this.stopProfitGroup = null;
     } else {
       if (!this.stopLossGroup) {
         return;
       }
       this.group.remove(this.stopLossGroup);
-      this.stopLossLabelEl = null;
       this.stopLossGroup = null;
     }
+    if (this.mousemoveTPSL) {
+      this.api.dispatchAction({
+        type: "hideTipText",
+        escapeConnect: true
+      });
+      this.mousemoveTPSL = false;
+    }
   }
   renderLabels() {
     const rect = this.rect;
@@ -76051,6 +76103,7 @@ var PlaybackOrderView4 = class extends Component_default2 {
       textElList.push(this.stopProfitLabelEl);
     } else if (this.stopProfitLabelEl) {
       group.remove(this.stopProfitLabelEl);
+      this.stopProfitLabelEl = null;
     }
     if (this.stopLossGroup) {
       if (!this.stopLossLabelEl) {
@@ -76075,6 +76128,7 @@ var PlaybackOrderView4 = class extends Component_default2 {
       textElList.push(this.stopLossLabelEl);
     } else if (this.stopLossLabelEl) {
       group.remove(this.stopLossLabelEl);
+      this.stopLossLabelEl = null;
     }
     this.labels = textElList;
     const markLabelModal = this.ecModel.getComponent("markLabel");
@@ -76099,6 +76153,12 @@ var PlaybackOrderView4 = class extends Component_default2 {
     if (!this.orderGroup) {
       return;
     }
+    if (this.mouseSelected || this.selected) {
+      this.api.dispatchAction({
+        type: "hideTipText",
+        escapeConnect: true
+      });
+    }
     this.orderLabelEl = null;
     this.stopProfitLabelEl = null;
     this.stopLossLabelEl = null;