@easyv/charts 1.8.13 → 1.8.15

package/lib/components/PieChart.js

@@ -947,6 +947,7 @@ var Label = function Label(_ref10) {
     _ref10$config$value = _ref10$config.value,
     showValue = _ref10$config$value.show,
     valueFont = _ref10$config$value.font,
+    valueSameColor = _ref10$config$value.sameColor,
     _ref10$config$value$s = _ref10$config$value.suffix,
     showSuffix = _ref10$config$value$s.show,
     text = _ref10$config$value$s.text,
@@ -956,6 +957,7 @@ var Label = function Label(_ref10) {
     suffixTranslateY = _ref10$config$value$s2.y,
     _ref10$config$percent = _ref10$config.percent,
     showPercent = _ref10$config$percent.show,
+    percentSameColor = _ref10$config$percent.sameColor,
     percentFont = _ref10$config$percent.font,
     precision = _ref10$config$percent.precision,
     _ref10$iosStyle = _ref10.iosStyle,
@@ -1048,7 +1050,9 @@ var Label = function Label(_ref10) {
         "float": mode == "horizontal" ? "left" : "none"
       })
     }), showValue && /*#__PURE__*/_react["default"].createElement("span", {
-      style: (0, _utils.getFontStyle)(valueFont)
+      style: _objectSpread(_objectSpread({}, (0, _utils.getFontStyle)(valueFont)), {}, {
+        "color": valueSameColor ? pure : valueFont.color
+      })
     }, data.y, showSuffix && /*#__PURE__*/_react["default"].createElement("span", {
       style: {
         position: "relative",
@@ -1057,7 +1061,9 @@ var Label = function Label(_ref10) {
         top: suffixTranslateY
       }
     }, text)), showPercent && /*#__PURE__*/_react["default"].createElement("span", {
-      style: (0, _utils.getFontStyle)(percentFont)
+      style: _objectSpread(_objectSpread({}, (0, _utils.getFontStyle)(percentFont)), {}, {
+        "color": percentSameColor ? pure : percentFont.color
+      })
     }, (_showValue ? "（" : "") + percent + "%" + (_showValue ? "）" : "")))));
   }));
 };
@@ -1203,7 +1209,8 @@ var RingLabel = function RingLabel(_ref12) {
       })
     }), showValue && /*#__PURE__*/_react["default"].createElement("span", {
       style: _objectSpread(_objectSpread({}, (0, _utils.getFontStyle)(valueFont)), {}, {
-        transform: getTranslate(valueTranslate, x3 >= 0)
+        transform: getTranslate(valueTranslate, x3 >= 0),
+        "color": valueSameColor ? pure : valueFont.color
       })
     }, realData.y, showSuffix && /*#__PURE__*/_react["default"].createElement("span", {
       style: {
@@ -1214,7 +1221,8 @@ var RingLabel = function RingLabel(_ref12) {
       }
     }, text)), showPercent && /*#__PURE__*/_react["default"].createElement("span", {
       style: _objectSpread(_objectSpread({}, (0, _utils.getFontStyle)(percentFont)), {}, {
-        transform: getTranslate(percentTranslate, x3 >= 0)
+        transform: getTranslate(percentTranslate, x3 >= 0),
+        "color": percentSameColor ? pure : percentFont.color
       })
     }, (_showValue ? "（" : "") + percent + "%" + (_showValue ? "）" : "")))));
   }));

package/lib/components/pieTooltip.js

@@ -1,203 +1,203 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PieTooltip = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _utils = require("../utils");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var PieTooltip = exports.PieTooltip = /*#__PURE__*/(0, _react.memo)(function (props) {
-  var mousePos = props.mousePos,
-    domRef = props.domRef,
-    pieCenter = props.pieCenter,
-    _props$config$tip = props.config.tip,
-    _props$config$tip$dat = _props$config$tip.data,
-    lineHeight = _props$config$tip$dat.lineHeight,
-    iconSize = _props$config$tip$dat.iconSize,
-    name = _props$config$tip$dat.name,
-    _props$config$tip$dat2 = _props$config$tip$dat.value,
-    valueIsShow = _props$config$tip$dat2.show,
-    valueFont = _props$config$tip$dat2.fontStyle,
-    valueSuffix = _props$config$tip$dat2.suffix,
-    valueSuffixIsShow = _props$config$tip$dat2.suffix.show,
-    _props$config$tip$dat3 = _props$config$tip$dat.percentage,
-    percentageIsShow = _props$config$tip$dat3.show,
-    percentageFont = _props$config$tip$dat3.fontStyle,
-    percentageSuffix = _props$config$tip$dat3.suffix,
-    percentageSuffixIsShow = _props$config$tip$dat3.suffix.show,
-    precision = _props$config$tip$dat3.precision,
-    image = _props$config$tip.image,
-    margin = _props$config$tip.margin,
-    _props$config$tip$siz = _props$config$tip.size,
-    tipWidth = _props$config$tip$siz.width,
-    tipHeight = _props$config$tip$siz.height,
-    translateTip = _props$config$tip.translate,
-    data = props.data,
-    series = props.series;
-  var screenRef = domRef.current.getBoundingClientRect();
-  var Item = function Item() {
-    var _data$data = data.data,
-      s = _data$data.s,
-      y = _data$data.y,
-      percent = data.percent;
-    var _find = (0, _toConsumableArray2["default"])(series.values()).find(function (series) {
-        return series.name == s;
-      }),
-      type = _find.type,
-      icon = _find.icon,
-      displayName = _find.displayName;
-    var renderSuffix = function renderSuffix(suffix) {
-      var content = suffix.content,
-        suffiixFont = suffix.font,
-        suffixTranslate = suffix.translate;
-      return /*#__PURE__*/_react["default"].createElement("span", {
-        style: _objectSpread(_objectSpread({}, (0, _utils.getFontStyle)(suffiixFont)), {}, {
-          display: "inline-block",
-          transform: (0, _utils.getTranslate3d)(suffixTranslate)
-        })
-      }, content);
-    };
-    var _icon = (0, _utils.getIcon)(type, icon);
-    return /*#__PURE__*/_react["default"].createElement("dd", {
-      style: {
-        display: 'flex',
-        justifyContent: 'space-between',
-        lineHeight: lineHeight + 'px'
-      }
-    }, /*#__PURE__*/_react["default"].createElement("span", {
-      style: {
-        // border: '1px solid red',
-        display: 'flex',
-        alignItems: 'center',
-        gap: icon.iconGap
-      }
-    }, /*#__PURE__*/_react["default"].createElement("span", {
-      style: _objectSpread(_objectSpread({}, _icon), {}, {
-        width: iconSize + 'px',
-        height: iconSize + 'px'
-      })
-    }), /*#__PURE__*/_react["default"].createElement("span", {
-      style: (0, _utils.getFontStyle)(name)
-    }, displayName || s)), valueIsShow && /*#__PURE__*/_react["default"].createElement("span", {
-      style: (0, _utils.getFontStyle)(valueFont)
-    }, y, valueSuffixIsShow && renderSuffix(valueSuffix)), percentageIsShow && /*#__PURE__*/_react["default"].createElement("span", {
-      style: (0, _utils.getFontStyle)(percentageFont)
-    }, Number(percent).toFixed(precision), percentageSuffixIsShow && renderSuffix(percentageSuffix)));
-  };
-  var getBigScreenScale = function getBigScreenScale() {
-    // 优先使用全局提供的方法
-    if (typeof window.getScreenScale === 'function') {
-      try {
-        var _result = window.getScreenScale();
-        if (Array.isArray(_result) && _result.length >= 6) {
-          return _result;
-        }
-      } catch (e) {
-        console.error('调用全局 getScreenScale 出错:', e);
-      }
-    }
-
-    // 获取容器元素
-    var bigscreenDom = document.getElementById('bigscreen-container');
-
-    // 元素不存在时的处理
-    if (!bigscreenDom) {
-      console.warn('未找到 bigscreen-container 元素，使用视口尺寸');
-      return [1, 1, window.innerWidth, window.innerHeight, 0, 0];
-    }
-
-    // 确保元素可见（未被隐藏）
-    var isVisible = window.getComputedStyle(bigscreenDom).display !== 'none' && window.getComputedStyle(bigscreenDom).visibility !== 'hidden';
-    if (!isVisible) {
-      console.warn('bigscreen-container 元素不可见，使用视口尺寸');
-      return [1, 1, window.innerWidth, window.innerHeight, 0, 0];
-    }
-
-    // 获取元素的布局矩形（最可靠的尺寸获取方式）
-    var rect = bigscreenDom.getBoundingClientRect();
-
-    // 提取基础尺寸（从布局矩形获取，不受样式影响）
-    var screenWidth = rect.width || window.innerWidth;
-    var screenHeight = rect.height || window.innerHeight;
-    var screenLeft = rect.left || 0;
-    var screenTop = rect.top || 0;
-
-    // 处理缩放
-    var scaleX = 1;
-    var scaleY = 1;
-    try {
-      var computedStyle = window.getComputedStyle(bigscreenDom);
-      var transform = computedStyle.transform;
-      if (transform && transform !== 'none') {
-        // 解析 transform matrix
-        var matrix = new DOMMatrix(transform);
-        scaleX = matrix.a; // 缩放X因子
-        scaleY = matrix.d; // 缩放Y因子
-      }
-    } catch (e) {
-      console.error('解析缩放样式出错:', e);
-    }
-
-    // 最终返回值（确保不会有undefined）
-    var result = [isNaN(scaleX) ? 1 : scaleX, isNaN(scaleY) ? 1 : scaleY, isNaN(screenWidth) ? window.innerWidth : screenWidth, isNaN(screenHeight) ? window.innerHeight : screenHeight, isNaN(screenLeft) ? 0 : screenLeft, isNaN(screenTop) ? 0 : screenTop];
-    return result;
-  };
-  var _getBigScreenScale = getBigScreenScale(),
-    _getBigScreenScale2 = (0, _slicedToArray2["default"])(_getBigScreenScale, 6),
-    scaleX = _getBigScreenScale2[0],
-    scaleY = _getBigScreenScale2[1],
-    screenWidth = _getBigScreenScale2[2],
-    screenHeight = _getBigScreenScale2[3],
-    screenLeft = _getBigScreenScale2[4],
-    screenTop = _getBigScreenScale2[5];
-  var x = mousePos.x,
-    y = mousePos.y;
-  var mouseX = x / scaleX;
-  var mouseY = y / scaleY;
-  var centerX = pieCenter.x,
-    centerY = pieCenter.y;
-  var getTipPos = function getTipPos() {
-    var tipPosMap = {
-      rightTop: "translate(".concat((screenRef.x + translateTip.x + tipWidth) / scaleX + mouseX - screenLeft / scaleX > screenWidth / scaleX ? mouseX - tipWidth - translateTip.x : mouseX + translateTip.x, "px,").concat((screenRef.y - translateTip.y - tipHeight) / scaleY + mouseY - screenTop / scaleY < 0 ? mouseY + translateTip.y : mouseY - tipHeight - translateTip.y, "px)"),
-      leftTop: "translate(".concat((screenRef.x - translateTip.x - tipWidth) / scaleX + mouseX - screenLeft / scaleX < 0 ? mouseX + translateTip.x : mouseX - translateTip.x - tipWidth, "px,").concat((screenRef.y - translateTip.y - tipHeight) / scaleY + mouseY - screenTop / scaleY < 0 ? mouseY + translateTip.y : mouseY - tipHeight - translateTip.y, "px)"),
-      leftBottom: "translate(".concat((screenRef.x - translateTip.x - tipWidth) / scaleX + mouseX - screenLeft / scaleX < 0 ? mouseX + translateTip.x : mouseX - translateTip.x - tipWidth, "px,").concat((screenRef.y + translateTip.y + tipHeight) / scaleY + mouseY - screenTop / scaleY > screenHeight / scaleY ? mouseY - translateTip.y - tipHeight : mouseY + translateTip.y, "px)"),
-      rightBottom: "translate(".concat((screenRef.x + translateTip.x + tipWidth) / scaleX + mouseX - screenLeft / scaleX > screenWidth / scaleX ? mouseX - tipWidth - translateTip.x : mouseX + translateTip.x, "px,").concat((screenRef.y + translateTip.y + tipHeight) / scaleY + mouseY - screenTop / scaleY > screenHeight / scaleY ? mouseY - translateTip.y - tipHeight : mouseY + translateTip.y, "px)")
-    };
-    if (mouseX < centerX && mouseY < centerY) {
-      return tipPosMap.leftTop;
-    } else if (mouseX > centerX && mouseY < centerY) {
-      return tipPosMap.rightTop;
-    } else if (mouseX >= centerX && mouseY >= centerY) {
-      return tipPosMap.rightBottom;
-    } else {
-      return tipPosMap.leftBottom;
-    }
-  };
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "__easyv-tooltip",
-    style: {
-      pointerEvents: 'none',
-      transform: getTipPos(mousePos, pieCenter),
-      width: tipWidth,
-      height: tipHeight,
-      padding: (0, _utils.getMargin)(margin),
-      background: image ? '50% 50% / 100% 100% no-repeat url(' + window.appConfig.ASSETS_URL + image + ')' : 'rgba(48, 55, 66, 0.85)'
-    }
-  }, /*#__PURE__*/_react["default"].createElement("dl", {
-    style: {
-      display: 'flex',
-      flexDirection: 'column',
-      justifyContent: 'space-between',
-      height: '100%'
-    }
-  }, Item()));
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PieTooltip = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _utils = require("../utils");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var PieTooltip = exports.PieTooltip = /*#__PURE__*/(0, _react.memo)(function (props) {
+  var mousePos = props.mousePos,
+    domRef = props.domRef,
+    pieCenter = props.pieCenter,
+    _props$config$tip = props.config.tip,
+    _props$config$tip$dat = _props$config$tip.data,
+    lineHeight = _props$config$tip$dat.lineHeight,
+    iconSize = _props$config$tip$dat.iconSize,
+    name = _props$config$tip$dat.name,
+    _props$config$tip$dat2 = _props$config$tip$dat.value,
+    valueIsShow = _props$config$tip$dat2.show,
+    valueFont = _props$config$tip$dat2.fontStyle,
+    valueSuffix = _props$config$tip$dat2.suffix,
+    valueSuffixIsShow = _props$config$tip$dat2.suffix.show,
+    _props$config$tip$dat3 = _props$config$tip$dat.percentage,
+    percentageIsShow = _props$config$tip$dat3.show,
+    percentageFont = _props$config$tip$dat3.fontStyle,
+    percentageSuffix = _props$config$tip$dat3.suffix,
+    percentageSuffixIsShow = _props$config$tip$dat3.suffix.show,
+    precision = _props$config$tip$dat3.precision,
+    image = _props$config$tip.image,
+    margin = _props$config$tip.margin,
+    _props$config$tip$siz = _props$config$tip.size,
+    tipWidth = _props$config$tip$siz.width,
+    tipHeight = _props$config$tip$siz.height,
+    translateTip = _props$config$tip.translate,
+    data = props.data,
+    series = props.series;
+  var screenRef = domRef.current.getBoundingClientRect();
+  var Item = function Item() {
+    var _data$data = data.data,
+      s = _data$data.s,
+      y = _data$data.y,
+      percent = data.percent;
+    var _find = (0, _toConsumableArray2["default"])(series.values()).find(function (series) {
+        return series.name == s;
+      }),
+      type = _find.type,
+      icon = _find.icon,
+      displayName = _find.displayName;
+    var renderSuffix = function renderSuffix(suffix) {
+      var content = suffix.content,
+        suffiixFont = suffix.font,
+        suffixTranslate = suffix.translate;
+      return /*#__PURE__*/_react["default"].createElement("span", {
+        style: _objectSpread(_objectSpread({}, (0, _utils.getFontStyle)(suffiixFont)), {}, {
+          display: "inline-block",
+          transform: (0, _utils.getTranslate3d)(suffixTranslate)
+        })
+      }, content);
+    };
+    var _icon = (0, _utils.getIcon)(type, icon);
+    return /*#__PURE__*/_react["default"].createElement("dd", {
+      style: {
+        display: 'flex',
+        justifyContent: 'space-between',
+        lineHeight: lineHeight + 'px'
+      }
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      style: {
+        // border: '1px solid red',
+        display: 'flex',
+        alignItems: 'center',
+        gap: icon.iconGap
+      }
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      style: _objectSpread(_objectSpread({}, _icon), {}, {
+        width: iconSize + 'px',
+        height: iconSize + 'px'
+      })
+    }), /*#__PURE__*/_react["default"].createElement("span", {
+      style: (0, _utils.getFontStyle)(name)
+    }, displayName || s)), valueIsShow && /*#__PURE__*/_react["default"].createElement("span", {
+      style: (0, _utils.getFontStyle)(valueFont)
+    }, y, valueSuffixIsShow && renderSuffix(valueSuffix)), percentageIsShow && /*#__PURE__*/_react["default"].createElement("span", {
+      style: (0, _utils.getFontStyle)(percentageFont)
+    }, Number(percent).toFixed(precision), percentageSuffixIsShow && renderSuffix(percentageSuffix)));
+  };
+  var getBigScreenScale = function getBigScreenScale() {
+    // 优先使用全局提供的方法
+    if (typeof window.getScreenScale === 'function') {
+      try {
+        var _result = window.getScreenScale();
+        if (Array.isArray(_result) && _result.length >= 6) {
+          return _result;
+        }
+      } catch (e) {
+        console.error('调用全局 getScreenScale 出错:', e);
+      }
+    }
+
+    // 获取容器元素
+    var bigscreenDom = document.getElementById('bigscreen-container');
+
+    // 元素不存在时的处理
+    if (!bigscreenDom) {
+      console.warn('未找到 bigscreen-container 元素，使用视口尺寸');
+      return [1, 1, window.innerWidth, window.innerHeight, 0, 0];
+    }
+
+    // 确保元素可见（未被隐藏）
+    var isVisible = window.getComputedStyle(bigscreenDom).display !== 'none' && window.getComputedStyle(bigscreenDom).visibility !== 'hidden';
+    if (!isVisible) {
+      console.warn('bigscreen-container 元素不可见，使用视口尺寸');
+      return [1, 1, window.innerWidth, window.innerHeight, 0, 0];
+    }
+
+    // 获取元素的布局矩形（最可靠的尺寸获取方式）
+    var rect = bigscreenDom.getBoundingClientRect();
+
+    // 提取基础尺寸（从布局矩形获取，不受样式影响）
+    var screenWidth = rect.width || window.innerWidth;
+    var screenHeight = rect.height || window.innerHeight;
+    var screenLeft = rect.left || 0;
+    var screenTop = rect.top || 0;
+
+    // 处理缩放
+    var scaleX = 1;
+    var scaleY = 1;
+    try {
+      var computedStyle = window.getComputedStyle(bigscreenDom);
+      var transform = computedStyle.transform;
+      if (transform && transform !== 'none') {
+        // 解析 transform matrix
+        var matrix = new DOMMatrix(transform);
+        scaleX = matrix.a; // 缩放X因子
+        scaleY = matrix.d; // 缩放Y因子
+      }
+    } catch (e) {
+      console.error('解析缩放样式出错:', e);
+    }
+
+    // 最终返回值（确保不会有undefined）
+    var result = [isNaN(scaleX) ? 1 : scaleX, isNaN(scaleY) ? 1 : scaleY, isNaN(screenWidth) ? window.innerWidth : screenWidth, isNaN(screenHeight) ? window.innerHeight : screenHeight, isNaN(screenLeft) ? 0 : screenLeft, isNaN(screenTop) ? 0 : screenTop];
+    return result;
+  };
+  var _getBigScreenScale = getBigScreenScale(),
+    _getBigScreenScale2 = (0, _slicedToArray2["default"])(_getBigScreenScale, 6),
+    scaleX = _getBigScreenScale2[0],
+    scaleY = _getBigScreenScale2[1],
+    screenWidth = _getBigScreenScale2[2],
+    screenHeight = _getBigScreenScale2[3],
+    screenLeft = _getBigScreenScale2[4],
+    screenTop = _getBigScreenScale2[5];
+  var x = mousePos.x,
+    y = mousePos.y;
+  var mouseX = x / scaleX;
+  var mouseY = y / scaleY;
+  var centerX = pieCenter.x,
+    centerY = pieCenter.y;
+  var getTipPos = function getTipPos() {
+    var tipPosMap = {
+      rightTop: "translate(".concat((screenRef.x + translateTip.x + tipWidth) / scaleX + mouseX - screenLeft / scaleX > screenWidth / scaleX ? mouseX - tipWidth - translateTip.x : mouseX + translateTip.x, "px,").concat((screenRef.y - translateTip.y - tipHeight) / scaleY + mouseY - screenTop / scaleY < 0 ? mouseY + translateTip.y : mouseY - tipHeight - translateTip.y, "px)"),
+      leftTop: "translate(".concat((screenRef.x - translateTip.x - tipWidth) / scaleX + mouseX - screenLeft / scaleX < 0 ? mouseX + translateTip.x : mouseX - translateTip.x - tipWidth, "px,").concat((screenRef.y - translateTip.y - tipHeight) / scaleY + mouseY - screenTop / scaleY < 0 ? mouseY + translateTip.y : mouseY - tipHeight - translateTip.y, "px)"),
+      leftBottom: "translate(".concat((screenRef.x - translateTip.x - tipWidth) / scaleX + mouseX - screenLeft / scaleX < 0 ? mouseX + translateTip.x : mouseX - translateTip.x - tipWidth, "px,").concat((screenRef.y + translateTip.y + tipHeight) / scaleY + mouseY - screenTop / scaleY > screenHeight / scaleY ? mouseY - translateTip.y - tipHeight : mouseY + translateTip.y, "px)"),
+      rightBottom: "translate(".concat((screenRef.x + translateTip.x + tipWidth) / scaleX + mouseX - screenLeft / scaleX > screenWidth / scaleX ? mouseX - tipWidth - translateTip.x : mouseX + translateTip.x, "px,").concat((screenRef.y + translateTip.y + tipHeight) / scaleY + mouseY - screenTop / scaleY > screenHeight / scaleY ? mouseY - translateTip.y - tipHeight : mouseY + translateTip.y, "px)")
+    };
+    if (mouseX < centerX && mouseY < centerY) {
+      return tipPosMap.leftTop;
+    } else if (mouseX > centerX && mouseY < centerY) {
+      return tipPosMap.rightTop;
+    } else if (mouseX >= centerX && mouseY >= centerY) {
+      return tipPosMap.rightBottom;
+    } else {
+      return tipPosMap.leftBottom;
+    }
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "__easyv-tooltip",
+    style: {
+      pointerEvents: 'none',
+      transform: getTipPos(mousePos, pieCenter),
+      width: tipWidth,
+      height: tipHeight,
+      padding: (0, _utils.getMargin)(margin),
+      background: image ? '50% 50% / 100% 100% no-repeat url(' + window.appConfig.ASSETS_URL + image + ')' : 'rgba(48, 55, 66, 0.85)'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("dl", {
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      justifyContent: 'space-between',
+      height: '100%'
+    }
+  }, Item()));
 });