tvcharts 0.8.67 → 0.8.69

package/lib/chart/playbackOrder/PlaybackHtmlContent.js

@@ -146,7 +146,7 @@ var TooltipHTMLContent = /** @class */function () {
       title = formatAmount(totalSize_1) + " @ " + (totalPrice_1 / orders.length).toFixed(precision) + " avg price";
     }
     var primaryColor = isUp ? "--primary-color" : "--color-kl-red";
-    el.innerHTML = "<div style=\"padding-left: 4px;border-left: 4px solid var(" + primaryColor + ");width: 290px;z-index: 10;border-radius: 6px;background: var(--container-bg);box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px 0px;color: var(--title-color);\">\n        <div style=\"padding: 16px 12px;\"><div style=\"display: flex; align-items: center; margin-bottom: 12px;\">\n        <div style=\"height: 20px; border-radius: 50px; min-width: 20px; margin-right: 8px; text-align: center; background-color: var(" + primaryColor + "); font-size: 12px; color: #fff;line-height:20px;\">" + orders.length + "</div>\n        <div style=\"font-weight: 600; font-size: 18px;\">\u4E70\u5165</div></div><div style=\"font-size: 13px; margin-bottom: 12px;\">" + title + "</div>\n        " + ordersHtml + "\n        </div>\n        </div>\n        ";
+    el.innerHTML = "<div style=\"padding-left: 4px;border-left: 4px solid var(" + primaryColor + ");width: 290px;z-index: 10;border-radius: 6px;background: var(--container-bg);box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px 0px;color: var(--title-color);\">\n        <div style=\"padding: 16px 12px;\"><div style=\"display: flex; align-items: center; margin-bottom: 12px;\">\n        <div style=\"height: 20px; border-radius: 50px; min-width: 20px; margin-right: 8px; text-align: center; background-color: var(" + primaryColor + "); font-size: 12px; color: #fff;line-height:20px;\">" + orders.length + "</div>\n        <div style=\"font-weight: 600; font-size: 18px;\">" + (isUp ? '买入' : '卖出') + "</div></div><div style=\"font-size: 13px; margin-bottom: 12px;\">" + title + "</div>\n        " + ordersHtml + "\n        </div>\n        </div>\n        ";
     console.log("====", el.clientHeight, el.clientWidth);
     if (x + el.clientWidth > this._container.clientWidth) {
       style.left = x - el.clientWidth - margin + 'px';

package/lib/chart/playbackOrder/PlaybackOrderView.js

@@ -69,7 +69,7 @@ var PlaybackOrderView = /** @class */function (_super) {
     this._renderHover();
     if (!this.htmlContent) {
       this.htmlContent = new PlaybackHtmlContent(api);
-      api.getZr().on('click', this._clickGlobal, this);
+      api.getZr().on('mousedown', this._clickGlobal, this);
     }
     var clipPath = seriesModel.get('clip', true) && createClipPath(seriesModel.coordinateSystem, false, seriesModel);
     if (clipPath) {
@@ -149,6 +149,13 @@ var PlaybackOrderView = /** @class */function (_super) {
     // PENDING make `0.1` configurable, for example, `clipTolerance`?
     return coordSys && coordSys.getArea && coordSys.getArea(.1);
   };
+  PlaybackOrderView.prototype._mouseDown = function (e) {
+    var obj = inner(e.target);
+    if (!obj) {
+      return;
+    }
+    e.cancelBubble = true;
+  };
   PlaybackOrderView.prototype._mouseClick = function (e) {
     var obj = inner(e.target);
     if (!obj) {
@@ -217,6 +224,7 @@ var PlaybackOrderView = /** @class */function (_super) {
       this.group.on('mouseover', this._mouseover, this);
       this.group.on('mouseout', this._mouseout, this);
       this.group.on('click', this._mouseClick, this);
+      this.group.on('mousedown', this._mouseDown, this);
     } else {
       this._symbolGroup.removeAll();
     }
@@ -292,7 +300,7 @@ var PlaybackOrderView = /** @class */function (_super) {
   PlaybackOrderView.prototype.dispose = function (ecModel, api) {
     this.remove(ecModel, api);
     this.htmlContent.dispose();
-    api.getZr().off('click', this._clickGlobal);
+    api.getZr().off('mousedown', this._clickGlobal);
     this.htmlContent = null;
     // this._lineGroup.removeAll();
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tvcharts",
-  "version": "0.8.67",
+  "version": "0.8.69",
   "description": "基于echarts5.5.0二次开发",
   "license": "Apache-2.0",
   "keywords": [

package/types/src/chart/playbackOrder/PlaybackOrderView.d.ts

@@ -16,6 +16,7 @@ declare class PlaybackOrderView extends ChartView {
     _renderHover(): void;
     _clickGlobal(): void;
     _getClipShape(seriesModel: PlaybackOrderSeriesModel): import("../../coord/CoordinateSystem").CoordinateSystemClipArea;
+    _mouseDown(e: any): void;
     _mouseClick(e: any): void;
     _mouseover(e: any): void;
     _mouseout(): void;