sun-card-design 1.1.16 → 1.1.18

package/dist/mobile/sun-card-design-mobile.es2124.js

@@ -1,132 +1,299 @@
-import { each as each$1, clone } from "./sun-card-design-mobile.es922.js";
-import VisualMapping from "./sun-card-design-mobile.es2069.js";
-import { getItemVisualFromData, setItemVisualFromData } from "./sun-card-design-mobile.es1739.js";
-var each = each$1;
-function hasKeys(obj) {
-  if (obj) {
-    for (var name_1 in obj) {
-      if (obj.hasOwnProperty(name_1)) {
-        return true;
-      }
-    }
+import { isString, isDom, isFunction, isArray, each, bind, indexOf, retrieve2 } from "./sun-card-design-mobile.es922.js";
+import { normalizeEvent } from "./sun-card-design-mobile.es2026.js";
+import { transformLocalCoord } from "./sun-card-design-mobile.es2130.js";
+import env from "./sun-card-design-mobile.es1718.js";
+import { convertToColorString, toCamelCase, normalizeCssArray } from "./sun-card-design-mobile.es1919.js";
+import { toCSSVendorPrefix, getComputedStyle, shouldTooltipConfine, TRANSFORM_VENDOR, TRANSITION_VENDOR } from "./sun-card-design-mobile.es2129.js";
+import { getPaddingFromTooltipModel } from "./sun-card-design-mobile.es2018.js";
+var CSS_TRANSITION_VENDOR = toCSSVendorPrefix(TRANSITION_VENDOR, "transition");
+var CSS_TRANSFORM_VENDOR = toCSSVendorPrefix(TRANSFORM_VENDOR, "transform");
+var gCssText = "position:absolute;display:block;border-style:solid;white-space:nowrap;z-index:9999999;" + (env.transform3dSupported ? "will-change:transform;" : "");
+function mirrorPos(pos) {
+  pos = pos === "left" ? "right" : pos === "right" ? "left" : pos === "top" ? "bottom" : "top";
+  return pos;
+}
+function assembleArrow(tooltipModel, borderColor, arrowPosition) {
+  if (!isString(arrowPosition) || arrowPosition === "inside") {
+    return "";
+  }
+  var backgroundColor = tooltipModel.get("backgroundColor");
+  var borderWidth = tooltipModel.get("borderWidth");
+  borderColor = convertToColorString(borderColor);
+  var arrowPos = mirrorPos(arrowPosition);
+  var arrowSize = Math.max(Math.round(borderWidth) * 1.5, 6);
+  var positionStyle = "";
+  var transformStyle = CSS_TRANSFORM_VENDOR + ":";
+  var rotateDeg;
+  if (indexOf(["left", "right"], arrowPos) > -1) {
+    positionStyle += "top:50%";
+    transformStyle += "translateY(-50%) rotate(" + (rotateDeg = arrowPos === "left" ? -225 : -45) + "deg)";
+  } else {
+    positionStyle += "left:50%";
+    transformStyle += "translateX(-50%) rotate(" + (rotateDeg = arrowPos === "top" ? 225 : 45) + "deg)";
   }
+  var rotateRadian = rotateDeg * Math.PI / 180;
+  var arrowWH = arrowSize + borderWidth;
+  var rotatedWH = arrowWH * Math.abs(Math.cos(rotateRadian)) + arrowWH * Math.abs(Math.sin(rotateRadian));
+  var arrowOffset = Math.round(((rotatedWH - Math.SQRT2 * borderWidth) / 2 + Math.SQRT2 * borderWidth - (rotatedWH - arrowWH) / 2) * 100) / 100;
+  positionStyle += ";" + arrowPos + ":-" + arrowOffset + "px";
+  var borderStyle = borderColor + " solid " + borderWidth + "px;";
+  var styleCss = ["position:absolute;width:" + arrowSize + "px;height:" + arrowSize + "px;z-index:-1;", positionStyle + ";" + transformStyle + ";", "border-bottom:" + borderStyle, "border-right:" + borderStyle, "background-color:" + backgroundColor + ";"];
+  return '<div style="' + styleCss.join("") + '"></div>';
 }
-function createVisualMappings(option, stateList, supplementVisualOption) {
-  var visualMappings = {};
-  each(stateList, function(state) {
-    var mappings = visualMappings[state] = createMappings();
-    each(option[state], function(visualData, visualType) {
-      if (!VisualMapping.isValidType(visualType)) {
-        return;
-      }
-      var mappingOption = {
-        type: visualType,
-        visual: visualData
-      };
-      supplementVisualOption && supplementVisualOption(mappingOption, state);
-      mappings[visualType] = new VisualMapping(mappingOption);
-      if (visualType === "opacity") {
-        mappingOption = clone(mappingOption);
-        mappingOption.type = "colorAlpha";
-        mappings.__hidden.__alphaForOpacity = new VisualMapping(mappingOption);
-      }
-    });
-  });
-  return visualMappings;
-  function createMappings() {
-    var Creater = function() {
-    };
-    Creater.prototype.__hidden = Creater.prototype;
-    var obj = new Creater();
-    return obj;
+function assembleTransition(duration, onlyFade) {
+  var transitionCurve = "cubic-bezier(0.23,1,0.32,1)";
+  var transitionOption = " " + duration / 2 + "s " + transitionCurve;
+  var transitionText = "opacity" + transitionOption + ",visibility" + transitionOption;
+  if (!onlyFade) {
+    transitionOption = " " + duration + "s " + transitionCurve;
+    transitionText += env.transformSupported ? "," + CSS_TRANSFORM_VENDOR + transitionOption : ",left" + transitionOption + ",top" + transitionOption;
   }
+  return CSS_TRANSITION_VENDOR + ":" + transitionText;
 }
-function replaceVisualOption(thisOption, newOption, keys) {
-  var has;
-  each$1(keys, function(key) {
-    if (newOption.hasOwnProperty(key) && hasKeys(newOption[key])) {
-      has = true;
-    }
-  });
-  has && each$1(keys, function(key) {
-    if (newOption.hasOwnProperty(key) && hasKeys(newOption[key])) {
-      thisOption[key] = clone(newOption[key]);
-    } else {
-      delete thisOption[key];
-    }
-  });
+function assembleTransform(x, y, toString) {
+  var x0 = x.toFixed(0) + "px";
+  var y0 = y.toFixed(0) + "px";
+  if (!env.transformSupported) {
+    return toString ? "top:" + y0 + ";left:" + x0 + ";" : [["top", y0], ["left", x0]];
+  }
+  var is3d = env.transform3dSupported;
+  var translate = "translate" + (is3d ? "3d" : "") + "(" + x0 + "," + y0 + (is3d ? ",0" : "") + ")";
+  return toString ? "top:0;left:0;" + CSS_TRANSFORM_VENDOR + ":" + translate + ";" : [["top", 0], ["left", 0], [TRANSFORM_VENDOR, translate]];
 }
-function applyVisual(stateList, visualMappings, data, getValueState, scope, dimension) {
-  var visualTypesMap = {};
-  each$1(stateList, function(state) {
-    var visualTypes = VisualMapping.prepareVisualTypes(visualMappings[state]);
-    visualTypesMap[state] = visualTypes;
+function assembleFont(textStyleModel) {
+  var cssText = [];
+  var fontSize = textStyleModel.get("fontSize");
+  var color = textStyleModel.getTextColor();
+  color && cssText.push("color:" + color);
+  cssText.push("font:" + textStyleModel.getFont());
+  var lineHeight = retrieve2(textStyleModel.get("lineHeight"), Math.round(fontSize * 3 / 2));
+  fontSize && cssText.push("line-height:" + lineHeight + "px");
+  var shadowColor = textStyleModel.get("textShadowColor");
+  var shadowBlur = textStyleModel.get("textShadowBlur") || 0;
+  var shadowOffsetX = textStyleModel.get("textShadowOffsetX") || 0;
+  var shadowOffsetY = textStyleModel.get("textShadowOffsetY") || 0;
+  shadowColor && shadowBlur && cssText.push("text-shadow:" + shadowOffsetX + "px " + shadowOffsetY + "px " + shadowBlur + "px " + shadowColor);
+  each(["decoration", "align"], function(name) {
+    var val = textStyleModel.get(name);
+    val && cssText.push("text-" + name + ":" + val);
   });
-  var dataIndex;
-  function getVisual(key) {
-    return getItemVisualFromData(data, dataIndex, key);
-  }
-  function setVisual(key, value) {
-    setItemVisualFromData(data, dataIndex, key, value);
+  return cssText.join(";");
+}
+function assembleCssText(tooltipModel, enableTransition, onlyFade) {
+  var cssText = [];
+  var transitionDuration = tooltipModel.get("transitionDuration");
+  var backgroundColor = tooltipModel.get("backgroundColor");
+  var shadowBlur = tooltipModel.get("shadowBlur");
+  var shadowColor = tooltipModel.get("shadowColor");
+  var shadowOffsetX = tooltipModel.get("shadowOffsetX");
+  var shadowOffsetY = tooltipModel.get("shadowOffsetY");
+  var textStyleModel = tooltipModel.getModel("textStyle");
+  var padding = getPaddingFromTooltipModel(tooltipModel, "html");
+  var boxShadow = shadowOffsetX + "px " + shadowOffsetY + "px " + shadowBlur + "px " + shadowColor;
+  cssText.push("box-shadow:" + boxShadow);
+  enableTransition && transitionDuration && cssText.push(assembleTransition(transitionDuration, onlyFade));
+  if (backgroundColor) {
+    cssText.push("background-color:" + backgroundColor);
   }
-  {
-    data.each(eachItem);
+  each(["width", "color", "radius"], function(name) {
+    var borderName = "border-" + name;
+    var camelCase = toCamelCase(borderName);
+    var val = tooltipModel.get(camelCase);
+    val != null && cssText.push(borderName + ":" + val + (name === "color" ? "" : "px"));
+  });
+  cssText.push(assembleFont(textStyleModel));
+  if (padding != null) {
+    cssText.push("padding:" + normalizeCssArray(padding).join("px ") + "px");
   }
-  function eachItem(valueOrIndex, index) {
-    dataIndex = valueOrIndex;
-    var rawDataItem = data.getRawDataItem(dataIndex);
-    if (rawDataItem && rawDataItem.visualMap === false) {
-      return;
+  return cssText.join(";") + ";";
+}
+function makeStyleCoord(out, zr, container, zrX, zrY) {
+  var zrPainter = zr && zr.painter;
+  if (container) {
+    var zrViewportRoot = zrPainter && zrPainter.getViewportRoot();
+    if (zrViewportRoot) {
+      transformLocalCoord(out, zrViewportRoot, container, zrX, zrY);
     }
-    var valueState = getValueState.call(scope, valueOrIndex);
-    var mappings = visualMappings[valueState];
-    var visualTypes = visualTypesMap[valueState];
-    for (var i = 0, len = visualTypes.length; i < len; i++) {
-      var type = visualTypes[i];
-      mappings[type] && mappings[type].applyVisual(valueOrIndex, getVisual, setVisual);
+  } else {
+    out[0] = zrX;
+    out[1] = zrY;
+    var viewportRootOffset = zrPainter && zrPainter.getViewportRootOffset();
+    if (viewportRootOffset) {
+      out[0] += viewportRootOffset.offsetLeft;
+      out[1] += viewportRootOffset.offsetTop;
     }
   }
+  out[2] = out[0] / zr.getWidth();
+  out[3] = out[1] / zr.getHeight();
 }
-function incrementalApplyVisual(stateList, visualMappings, getValueState, dim) {
-  var visualTypesMap = {};
-  each$1(stateList, function(state) {
-    var visualTypes = VisualMapping.prepareVisualTypes(visualMappings[state]);
-    visualTypesMap[state] = visualTypes;
-  });
-  return {
-    progress: function progress(params, data) {
-      var dimIndex;
-      if (dim != null) {
-        dimIndex = data.getDimensionIndex(dim);
+var TooltipHTMLContent = (
+  /** @class */
+  (function() {
+    function TooltipHTMLContent2(api, opt) {
+      this._show = false;
+      this._styleCoord = [0, 0, 0, 0];
+      this._enterable = true;
+      this._alwaysShowContent = false;
+      this._firstShow = true;
+      this._longHide = true;
+      if (env.wxa) {
+        return null;
+      }
+      var el = document.createElement("div");
+      el.domBelongToZr = true;
+      this.el = el;
+      var zr = this._zr = api.getZr();
+      var appendTo = opt.appendTo;
+      var container = appendTo && (isString(appendTo) ? document.querySelector(appendTo) : isDom(appendTo) ? appendTo : isFunction(appendTo) && appendTo(api.getDom()));
+      makeStyleCoord(this._styleCoord, zr, container, api.getWidth() / 2, api.getHeight() / 2);
+      (container || api.getDom()).appendChild(el);
+      this._api = api;
+      this._container = container;
+      var self = this;
+      el.onmouseenter = function() {
+        if (self._enterable) {
+          clearTimeout(self._hideTimeout);
+          self._show = true;
+        }
+        self._inContent = true;
+      };
+      el.onmousemove = function(e) {
+        e = e || window.event;
+        if (!self._enterable) {
+          var handler = zr.handler;
+          var zrViewportRoot = zr.painter.getViewportRoot();
+          normalizeEvent(zrViewportRoot, e, true);
+          handler.dispatch("mousemove", e);
+        }
+      };
+      el.onmouseleave = function() {
+        self._inContent = false;
+        if (self._enterable) {
+          if (self._show) {
+            self.hideLater(self._hideDelay);
+          }
+        }
+      };
+    }
+    TooltipHTMLContent2.prototype.update = function(tooltipModel) {
+      if (!this._container) {
+        var container = this._api.getDom();
+        var position = getComputedStyle(container, "position");
+        var domStyle = container.style;
+        if (domStyle.position !== "absolute" && position !== "absolute") {
+          domStyle.position = "relative";
+        }
       }
-      function getVisual(key) {
-        return getItemVisualFromData(data, dataIndex, key);
+      var alwaysShowContent = tooltipModel.get("alwaysShowContent");
+      alwaysShowContent && this._moveIfResized();
+      this._alwaysShowContent = alwaysShowContent;
+      this.el.className = tooltipModel.get("className") || "";
+    };
+    TooltipHTMLContent2.prototype.show = function(tooltipModel, nearPointColor) {
+      clearTimeout(this._hideTimeout);
+      clearTimeout(this._longHideTimeout);
+      var el = this.el;
+      var style = el.style;
+      var styleCoord = this._styleCoord;
+      if (!el.innerHTML) {
+        style.display = "none";
+      } else {
+        style.cssText = gCssText + assembleCssText(tooltipModel, !this._firstShow, this._longHide) + assembleTransform(styleCoord[0], styleCoord[1], true) + ("border-color:" + convertToColorString(nearPointColor) + ";") + (tooltipModel.get("extraCssText") || "") + (";pointer-events:" + (this._enterable ? "auto" : "none"));
       }
-      function setVisual(key, value2) {
-        setItemVisualFromData(data, dataIndex, key, value2);
+      this._show = true;
+      this._firstShow = false;
+      this._longHide = false;
+    };
+    TooltipHTMLContent2.prototype.setContent = function(content, markers, tooltipModel, borderColor, arrowPosition) {
+      var el = this.el;
+      if (content == null) {
+        el.innerHTML = "";
+        return;
       }
-      var dataIndex;
-      var store = data.getStore();
-      while ((dataIndex = params.next()) != null) {
-        var rawDataItem = data.getRawDataItem(dataIndex);
-        if (rawDataItem && rawDataItem.visualMap === false) {
-          continue;
+      var arrow = "";
+      if (isString(arrowPosition) && tooltipModel.get("trigger") === "item" && !shouldTooltipConfine(tooltipModel)) {
+        arrow = assembleArrow(tooltipModel, borderColor, arrowPosition);
+      }
+      if (isString(content)) {
+        el.innerHTML = content + arrow;
+      } else if (content) {
+        el.innerHTML = "";
+        if (!isArray(content)) {
+          content = [content];
+        }
+        for (var i = 0; i < content.length; i++) {
+          if (isDom(content[i]) && content[i].parentNode !== el) {
+            el.appendChild(content[i]);
+          }
         }
-        var value = dim != null ? store.get(dimIndex, dataIndex) : dataIndex;
-        var valueState = getValueState(value);
-        var mappings = visualMappings[valueState];
-        var visualTypes = visualTypesMap[valueState];
-        for (var i = 0, len = visualTypes.length; i < len; i++) {
-          var type = visualTypes[i];
-          mappings[type] && mappings[type].applyVisual(value, getVisual, setVisual);
+        if (arrow && el.childNodes.length) {
+          var arrowEl = document.createElement("div");
+          arrowEl.innerHTML = arrow;
+          el.appendChild(arrowEl);
         }
       }
-    }
-  };
-}
+    };
+    TooltipHTMLContent2.prototype.setEnterable = function(enterable) {
+      this._enterable = enterable;
+    };
+    TooltipHTMLContent2.prototype.getSize = function() {
+      var el = this.el;
+      return el ? [el.offsetWidth, el.offsetHeight] : [0, 0];
+    };
+    TooltipHTMLContent2.prototype.moveTo = function(zrX, zrY) {
+      if (!this.el) {
+        return;
+      }
+      var styleCoord = this._styleCoord;
+      makeStyleCoord(styleCoord, this._zr, this._container, zrX, zrY);
+      if (styleCoord[0] != null && styleCoord[1] != null) {
+        var style_1 = this.el.style;
+        var transforms = assembleTransform(styleCoord[0], styleCoord[1]);
+        each(transforms, function(transform) {
+          style_1[transform[0]] = transform[1];
+        });
+      }
+    };
+    TooltipHTMLContent2.prototype._moveIfResized = function() {
+      var ratioX = this._styleCoord[2];
+      var ratioY = this._styleCoord[3];
+      this.moveTo(ratioX * this._zr.getWidth(), ratioY * this._zr.getHeight());
+    };
+    TooltipHTMLContent2.prototype.hide = function() {
+      var _this = this;
+      var style = this.el.style;
+      style.visibility = "hidden";
+      style.opacity = "0";
+      env.transform3dSupported && (style.willChange = "");
+      this._show = false;
+      this._longHideTimeout = setTimeout(function() {
+        return _this._longHide = true;
+      }, 500);
+    };
+    TooltipHTMLContent2.prototype.hideLater = function(time) {
+      if (this._show && !(this._inContent && this._enterable) && !this._alwaysShowContent) {
+        if (time) {
+          this._hideDelay = time;
+          this._show = false;
+          this._hideTimeout = setTimeout(bind(this.hide, this), time);
+        } else {
+          this.hide();
+        }
+      }
+    };
+    TooltipHTMLContent2.prototype.isShow = function() {
+      return this._show;
+    };
+    TooltipHTMLContent2.prototype.dispose = function() {
+      clearTimeout(this._hideTimeout);
+      clearTimeout(this._longHideTimeout);
+      var parentNode = this.el.parentNode;
+      parentNode && parentNode.removeChild(this.el);
+      this.el = this._container = null;
+    };
+    return TooltipHTMLContent2;
+  })()
+);
 export {
-  applyVisual,
-  createVisualMappings,
-  incrementalApplyVisual,
-  replaceVisualOption
+  TooltipHTMLContent as default
 };

package/dist/mobile/sun-card-design-mobile.es2125.js

@@ -1,74 +1,153 @@
-import { contain } from "./sun-card-design-mobile.es2165.js";
-import BoundingRect from "./sun-card-design-mobile.es1961.js";
-import { linePolygonIntersect } from "./sun-card-design-mobile.es1756.js";
-function makeBrushCommonSelectorForSeries(area) {
-  var brushType = area.brushType;
-  var selectors = {
-    point: function(itemLayout) {
-      return selector[brushType].point(itemLayout, selectors, area);
-    },
-    rect: function(itemLayout) {
-      return selector[brushType].rect(itemLayout, selectors, area);
+import { isObject, each, bind } from "./sun-card-design-mobile.es922.js";
+import ZRText from "./sun-card-design-mobile.es1920.js";
+import { getPaddingFromTooltipModel } from "./sun-card-design-mobile.es2018.js";
+import { throwError } from "./sun-card-design-mobile.es1740.js";
+var TooltipRichContent = (
+  /** @class */
+  (function() {
+    function TooltipRichContent2(api) {
+      this._show = false;
+      this._styleCoord = [0, 0, 0, 0];
+      this._alwaysShowContent = false;
+      this._enterable = true;
+      this._zr = api.getZr();
+      makeStyleCoord(this._styleCoord, this._zr, api.getWidth() / 2, api.getHeight() / 2);
     }
-  };
-  return selectors;
-}
-var selector = {
-  lineX: getLineSelectors(0),
-  lineY: getLineSelectors(1),
-  rect: {
-    point: function(itemLayout, selectors, area) {
-      return itemLayout && area.boundingRect.contain(itemLayout[0], itemLayout[1]);
-    },
-    rect: function(itemLayout, selectors, area) {
-      return itemLayout && area.boundingRect.intersect(itemLayout);
-    }
-  },
-  polygon: {
-    point: function(itemLayout, selectors, area) {
-      return itemLayout && area.boundingRect.contain(itemLayout[0], itemLayout[1]) && contain(area.range, itemLayout[0], itemLayout[1]);
-    },
-    rect: function(itemLayout, selectors, area) {
-      var points = area.range;
-      if (!itemLayout || points.length <= 1) {
-        return false;
+    TooltipRichContent2.prototype.update = function(tooltipModel) {
+      var alwaysShowContent = tooltipModel.get("alwaysShowContent");
+      alwaysShowContent && this._moveIfResized();
+      this._alwaysShowContent = alwaysShowContent;
+    };
+    TooltipRichContent2.prototype.show = function() {
+      if (this._hideTimeout) {
+        clearTimeout(this._hideTimeout);
       }
-      var x = itemLayout.x;
-      var y = itemLayout.y;
-      var width = itemLayout.width;
-      var height = itemLayout.height;
-      var p = points[0];
-      if (contain(points, x, y) || contain(points, x + width, y) || contain(points, x, y + height) || contain(points, x + width, y + height) || BoundingRect.create(itemLayout).contain(p[0], p[1]) || linePolygonIntersect(x, y, x + width, y, points) || linePolygonIntersect(x, y, x, y + height, points) || linePolygonIntersect(x + width, y, x + width, y + height, points) || linePolygonIntersect(x, y + height, x + width, y + height, points)) {
-        return true;
+      this.el.show();
+      this._show = true;
+    };
+    TooltipRichContent2.prototype.setContent = function(content, markupStyleCreator, tooltipModel, borderColor, arrowPosition) {
+      var _this = this;
+      if (isObject(content)) {
+        throwError(process.env.NODE_ENV !== "production" ? "Passing DOM nodes as content is not supported in richText tooltip!" : "");
       }
-    }
-  }
-};
-function getLineSelectors(xyIndex) {
-  var xy = ["x", "y"];
-  var wh = ["width", "height"];
-  return {
-    point: function(itemLayout, selectors, area) {
-      if (itemLayout) {
-        var range = area.range;
-        var p = itemLayout[xyIndex];
-        return inLineRange(p, range);
+      if (this.el) {
+        this._zr.remove(this.el);
       }
-    },
-    rect: function(itemLayout, selectors, area) {
-      if (itemLayout) {
-        var range = area.range;
-        var layoutRange = [itemLayout[xy[xyIndex]], itemLayout[xy[xyIndex]] + itemLayout[wh[xyIndex]]];
-        layoutRange[1] < layoutRange[0] && layoutRange.reverse();
-        return inLineRange(layoutRange[0], range) || inLineRange(layoutRange[1], range) || inLineRange(range[0], layoutRange) || inLineRange(range[1], layoutRange);
+      var textStyleModel = tooltipModel.getModel("textStyle");
+      this.el = new ZRText({
+        style: {
+          rich: markupStyleCreator.richTextStyles,
+          text: content,
+          lineHeight: 22,
+          borderWidth: 1,
+          borderColor,
+          textShadowColor: textStyleModel.get("textShadowColor"),
+          fill: tooltipModel.get(["textStyle", "color"]),
+          padding: getPaddingFromTooltipModel(tooltipModel, "richText"),
+          verticalAlign: "top",
+          align: "left"
+        },
+        z: tooltipModel.get("z")
+      });
+      each(["backgroundColor", "borderRadius", "shadowColor", "shadowBlur", "shadowOffsetX", "shadowOffsetY"], function(propName) {
+        _this.el.style[propName] = tooltipModel.get(propName);
+      });
+      each(["textShadowBlur", "textShadowOffsetX", "textShadowOffsetY"], function(propName) {
+        _this.el.style[propName] = textStyleModel.get(propName) || 0;
+      });
+      this._zr.add(this.el);
+      var self = this;
+      this.el.on("mouseover", function() {
+        if (self._enterable) {
+          clearTimeout(self._hideTimeout);
+          self._show = true;
+        }
+        self._inContent = true;
+      });
+      this.el.on("mouseout", function() {
+        if (self._enterable) {
+          if (self._show) {
+            self.hideLater(self._hideDelay);
+          }
+        }
+        self._inContent = false;
+      });
+    };
+    TooltipRichContent2.prototype.setEnterable = function(enterable) {
+      this._enterable = enterable;
+    };
+    TooltipRichContent2.prototype.getSize = function() {
+      var el = this.el;
+      var bounding = this.el.getBoundingRect();
+      var shadowOuterSize = calcShadowOuterSize(el.style);
+      return [bounding.width + shadowOuterSize.left + shadowOuterSize.right, bounding.height + shadowOuterSize.top + shadowOuterSize.bottom];
+    };
+    TooltipRichContent2.prototype.moveTo = function(x, y) {
+      var el = this.el;
+      if (el) {
+        var styleCoord = this._styleCoord;
+        makeStyleCoord(styleCoord, this._zr, x, y);
+        x = styleCoord[0];
+        y = styleCoord[1];
+        var style = el.style;
+        var borderWidth = mathMaxWith0(style.borderWidth || 0);
+        var shadowOuterSize = calcShadowOuterSize(style);
+        el.x = x + borderWidth + shadowOuterSize.left;
+        el.y = y + borderWidth + shadowOuterSize.top;
+        el.markRedraw();
       }
-    }
+    };
+    TooltipRichContent2.prototype._moveIfResized = function() {
+      var ratioX = this._styleCoord[2];
+      var ratioY = this._styleCoord[3];
+      this.moveTo(ratioX * this._zr.getWidth(), ratioY * this._zr.getHeight());
+    };
+    TooltipRichContent2.prototype.hide = function() {
+      if (this.el) {
+        this.el.hide();
+      }
+      this._show = false;
+    };
+    TooltipRichContent2.prototype.hideLater = function(time) {
+      if (this._show && !(this._inContent && this._enterable) && !this._alwaysShowContent) {
+        if (time) {
+          this._hideDelay = time;
+          this._show = false;
+          this._hideTimeout = setTimeout(bind(this.hide, this), time);
+        } else {
+          this.hide();
+        }
+      }
+    };
+    TooltipRichContent2.prototype.isShow = function() {
+      return this._show;
+    };
+    TooltipRichContent2.prototype.dispose = function() {
+      this._zr.remove(this.el);
+    };
+    return TooltipRichContent2;
+  })()
+);
+function mathMaxWith0(val) {
+  return Math.max(0, val);
+}
+function calcShadowOuterSize(style) {
+  var shadowBlur = mathMaxWith0(style.shadowBlur || 0);
+  var shadowOffsetX = mathMaxWith0(style.shadowOffsetX || 0);
+  var shadowOffsetY = mathMaxWith0(style.shadowOffsetY || 0);
+  return {
+    left: mathMaxWith0(shadowBlur - shadowOffsetX),
+    right: mathMaxWith0(shadowBlur + shadowOffsetX),
+    top: mathMaxWith0(shadowBlur - shadowOffsetY),
+    bottom: mathMaxWith0(shadowBlur + shadowOffsetY)
   };
 }
-function inLineRange(p, range) {
-  return range[0] <= p && p <= range[1];
+function makeStyleCoord(out, zr, zrX, zrY) {
+  out[0] = zrX;
+  out[1] = zrY;
+  out[2] = out[0] / zr.getWidth();
+  out[3] = out[1] / zr.getHeight();
 }
 export {
-  selector as default,
-  makeBrushCommonSelectorForSeries
+  TooltipRichContent as default
 };