sun-card-design 1.1.33 → 1.1.34

package/dist/pc/sun-card-design-pc.es2132.js

@@ -1,173 +1,299 @@
-import BoundingRect from "./sun-card-design-pc.es1974.js";
-import LRU from "./sun-card-design-pc.es2019.js";
-import { platformApi, DEFAULT_FONT } from "./sun-card-design-pc.es1760.js";
-var textWidthCache = {};
-function getWidth(text, font) {
-  font = font || DEFAULT_FONT;
-  var cacheOfFont = textWidthCache[font];
-  if (!cacheOfFont) {
-    cacheOfFont = textWidthCache[font] = new LRU(500);
-  }
-  var width = cacheOfFont.get(text);
-  if (width == null) {
-    width = platformApi.measureText(text, font).width;
-    cacheOfFont.put(text, width);
-  }
-  return width;
-}
-function innerGetBoundingRect(text, font, textAlign, textBaseline) {
-  var width = getWidth(text, font);
-  var height = getLineHeight(font);
-  var x = adjustTextX(0, width, textAlign);
-  var y = adjustTextY(0, height, textBaseline);
-  var rect = new BoundingRect(x, y, width, height);
-  return rect;
+import { isString, isDom, isFunction, isArray, each, bind, indexOf, retrieve2 } from "./sun-card-design-pc.es930.js";
+import { normalizeEvent } from "./sun-card-design-pc.es2001.js";
+import { transformLocalCoord } from "./sun-card-design-pc.es2138.js";
+import env from "./sun-card-design-pc.es936.js";
+import { convertToColorString, toCamelCase, normalizeCssArray } from "./sun-card-design-pc.es1927.js";
+import { toCSSVendorPrefix, getComputedStyle, shouldTooltipConfine, TRANSFORM_VENDOR, TRANSITION_VENDOR } from "./sun-card-design-pc.es2137.js";
+import { getPaddingFromTooltipModel } from "./sun-card-design-pc.es1975.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 getBoundingRect(text, font, textAlign, textBaseline) {
-  var textLines = ((text || "") + "").split("\n");
-  var len = textLines.length;
-  if (len === 1) {
-    return innerGetBoundingRect(textLines[0], font, textAlign, textBaseline);
+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 {
-    var uniondRect = new BoundingRect(0, 0, 0, 0);
-    for (var i = 0; i < textLines.length; i++) {
-      var rect = innerGetBoundingRect(textLines[i], font, textAlign, textBaseline);
-      i === 0 ? uniondRect.copy(rect) : uniondRect.union(rect);
-    }
-    return uniondRect;
+    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 adjustTextX(x, width, textAlign) {
-  if (textAlign === "right") {
-    x -= width;
-  } else if (textAlign === "center") {
-    x -= width / 2;
+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 x;
+  return CSS_TRANSITION_VENDOR + ":" + transitionText;
 }
-function adjustTextY(y, height, verticalAlign) {
-  if (verticalAlign === "middle") {
-    y -= height / 2;
-  } else if (verticalAlign === "bottom") {
-    y -= height;
+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]];
   }
-  return y;
+  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 getLineHeight(font) {
-  return getWidth("国", font);
+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);
+  });
+  return cssText.join(";");
 }
-function parsePercent(value, maxValue) {
-  if (typeof value === "string") {
-    if (value.lastIndexOf("%") >= 0) {
-      return parseFloat(value) / 100 * maxValue;
-    }
-    return parseFloat(value);
+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);
+  }
+  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");
   }
-  return value;
+  return cssText.join(";") + ";";
 }
-function calculateTextPosition(out, opts, rect) {
-  var textPosition = opts.position || "inside";
-  var distance = opts.distance != null ? opts.distance : 5;
-  var height = rect.height;
-  var width = rect.width;
-  var halfHeight = height / 2;
-  var x = rect.x;
-  var y = rect.y;
-  var textAlign = "left";
-  var textVerticalAlign = "top";
-  if (textPosition instanceof Array) {
-    x += parsePercent(textPosition[0], rect.width);
-    y += parsePercent(textPosition[1], rect.height);
-    textAlign = null;
-    textVerticalAlign = null;
+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);
+    }
   } else {
-    switch (textPosition) {
-      case "left":
-        x -= distance;
-        y += halfHeight;
-        textAlign = "right";
-        textVerticalAlign = "middle";
-        break;
-      case "right":
-        x += distance + width;
-        y += halfHeight;
-        textVerticalAlign = "middle";
-        break;
-      case "top":
-        x += width / 2;
-        y -= distance;
-        textAlign = "center";
-        textVerticalAlign = "bottom";
-        break;
-      case "bottom":
-        x += width / 2;
-        y += height + distance;
-        textAlign = "center";
-        break;
-      case "inside":
-        x += width / 2;
-        y += halfHeight;
-        textAlign = "center";
-        textVerticalAlign = "middle";
-        break;
-      case "insideLeft":
-        x += distance;
-        y += halfHeight;
-        textVerticalAlign = "middle";
-        break;
-      case "insideRight":
-        x += width - distance;
-        y += halfHeight;
-        textAlign = "right";
-        textVerticalAlign = "middle";
-        break;
-      case "insideTop":
-        x += width / 2;
-        y += distance;
-        textAlign = "center";
-        break;
-      case "insideBottom":
-        x += width / 2;
-        y += height - distance;
-        textAlign = "center";
-        textVerticalAlign = "bottom";
-        break;
-      case "insideTopLeft":
-        x += distance;
-        y += distance;
-        break;
-      case "insideTopRight":
-        x += width - distance;
-        y += distance;
-        textAlign = "right";
-        break;
-      case "insideBottomLeft":
-        x += distance;
-        y += height - distance;
-        textVerticalAlign = "bottom";
-        break;
-      case "insideBottomRight":
-        x += width - distance;
-        y += height - distance;
-        textAlign = "right";
-        textVerticalAlign = "bottom";
-        break;
+    out[0] = zrX;
+    out[1] = zrY;
+    var viewportRootOffset = zrPainter && zrPainter.getViewportRootOffset();
+    if (viewportRootOffset) {
+      out[0] += viewportRootOffset.offsetLeft;
+      out[1] += viewportRootOffset.offsetTop;
     }
   }
-  out = out || {};
-  out.x = x;
-  out.y = y;
-  out.align = textAlign;
-  out.verticalAlign = textVerticalAlign;
-  return out;
+  out[2] = out[0] / zr.getWidth();
+  out[3] = out[1] / zr.getHeight();
 }
+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";
+        }
+      }
+      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"));
+      }
+      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 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]);
+          }
+        }
+        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 {
-  adjustTextX,
-  adjustTextY,
-  calculateTextPosition,
-  getBoundingRect,
-  getLineHeight,
-  getWidth,
-  innerGetBoundingRect,
-  parsePercent
+  TooltipHTMLContent as default
 };

package/dist/pc/sun-card-design-pc.es2133.js

@@ -1,36 +1,153 @@
-import { getLayoutRect, box, positionElement } from "./sun-card-design-pc.es1771.js";
-import { normalizeCssArray } from "./sun-card-design-pc.es1932.js";
-import Rect from "./sun-card-design-pc.es1761.js";
-function layout(group, componentModel, api) {
-  var boxLayoutParams = componentModel.getBoxLayoutParams();
-  var padding = componentModel.get("padding");
-  var viewportSize = {
-    width: api.getWidth(),
-    height: api.getHeight()
+import { isObject, each, bind } from "./sun-card-design-pc.es930.js";
+import ZRText from "./sun-card-design-pc.es1928.js";
+import { getPaddingFromTooltipModel } from "./sun-card-design-pc.es1975.js";
+import { throwError } from "./sun-card-design-pc.es958.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);
+    }
+    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);
+      }
+      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!" : "");
+      }
+      if (this.el) {
+        this._zr.remove(this.el);
+      }
+      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)
   };
-  var rect = getLayoutRect(boxLayoutParams, viewportSize, padding);
-  box(componentModel.get("orient"), group, componentModel.get("itemGap"), rect.width, rect.height);
-  positionElement(group, boxLayoutParams, viewportSize, padding);
 }
-function makeBackground(rect, componentModel) {
-  var padding = normalizeCssArray(componentModel.get("padding"));
-  var style = componentModel.getItemStyle(["color", "opacity"]);
-  style.fill = componentModel.get("backgroundColor");
-  rect = new Rect({
-    shape: {
-      x: rect.x - padding[3],
-      y: rect.y - padding[0],
-      width: rect.width + padding[1] + padding[3],
-      height: rect.height + padding[0] + padding[2],
-      r: componentModel.get("borderRadius")
-    },
-    style,
-    silent: true,
-    z2: -1
-  });
-  return rect;
+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 {
-  layout,
-  makeBackground
+  TooltipRichContent as default
 };