@easyv/charts 1.2.0 → 1.2.1

package/lib/components/Tooltip.js

@@ -1,156 +1,156 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = require("react");
-
-var _utils = require("../utils");
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var _default = /*#__PURE__*/(0, _react.memo)(function (_ref) {
-  var position = _ref.x,
-      x = _ref.tickName,
-      marginLeft = _ref.marginLeft,
-      marginTop = _ref.marginTop,
-      data = _ref.data,
-      series = _ref.series,
-      _ref$config$tip = _ref.config.tip,
-      _ref$config$tip$data = _ref$config$tip.data,
-      xAxis = _ref$config$tip$data.xAxis,
-      _ref$config$tip$data$ = _ref$config$tip$data.xAxis,
-      align = _ref$config$tip$data$.align,
-      font = _ref$config$tip$data$.font,
-      translateXAxis = _ref$config$tip$data$.translate,
-      dataConfig = _ref$config$tip$data.data,
-      _ref$config$tip$data$2 = _ref$config$tip$data.data,
-      lineHeight = _ref$config$tip$data$2.lineHeight,
-      iconSize = _ref$config$tip$data$2.iconSize,
-      name = _ref$config$tip$data$2.name,
-      value = _ref$config$tip$data$2.value,
-      suffix = _ref$config$tip$data$2.suffix,
-      image = _ref$config$tip.image,
-      margin = _ref$config$tip.margin,
-      _ref$config$tip$size = _ref$config$tip.size,
-      tipWidth = _ref$config$tip$size.width,
-      tipHeight = _ref$config$tip$size.height,
-      translateTip = _ref$config$tip.translate,
-      formatter = _ref.formatter,
-      isVertical = _ref.isVertical,
-      width = _ref.width,
-      height = _ref.height;
-  var tipPosition = (0, _react.useMemo)(function () {
-    var translate3d = isVertical ? _objectSpread(_objectSpread({}, translateTip), {}, {
-      y: translateTip.y + position + marginTop
-    }) : _objectSpread(_objectSpread({}, translateTip), {}, {
-      x: translateTip.x + position + marginLeft
-    });
-
-    if (translate3d.x + tipWidth > width) {
-      var newPositon = position + marginLeft - tipWidth - translateTip.x;
-      translate3d.x = newPositon >= 0 ? newPositon : 0;
-    }
-
-    if (translate3d.y + tipHeight > height) {
-      var _newPositon = position + marginTop - tipHeight - translateTip.y;
-
-      translate3d.y = _newPositon <= 0 ? _newPositon : height - tipHeight;
-    }
-
-    return (0, _utils.getTranslate3d)(translate3d);
-  }, [width, height, marginLeft, marginTop, position, tipWidth, tipHeight, translateTip]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "__easyv-tooltip",
-    style: _objectSpread({
-      pointerEvents: 'none',
-      transform: tipPosition,
-      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)'
-    }, (0, _utils.getFontStyle)(font))
-  }, formatter ? formatter({
-    series: series,
-    x: {
-      x: x,
-      config: xAxis
-    },
-    data: {
-      data: data,
-      config: dataConfig
-    }
-  }) : /*#__PURE__*/React.createElement("dl", {
-    style: {
-      display: 'flex',
-      flexDirection: 'column',
-      justifyContent: 'space-between',
-      height: '100%'
-    }
-  }, /*#__PURE__*/React.createElement("dt", {
-    style: _objectSpread({
-      textAlign: align,
-      transform: (0, _utils.getTranslate3d)(translateXAxis)
-    }, font)
-  }, x), data.map(function (_ref2, index) {
-    var showY = _ref2.showY,
-        s = _ref2.s;
-
-    var _series$find = series.find(function (series) {
-      return series.name == s;
-    }),
-        type = _series$find.type,
-        icon = _series$find.icon,
-        displayName = _series$find.displayName;
-
-    var showSuffix = suffix.show,
-        content = suffix.content,
-        suffiixFont = suffix.font,
-        suffixTranslate = suffix.translate;
-    var tmp = new Map();
-    Object.values(content).forEach(function (item) {
-      tmp.set(item['suffix'].name, item['suffix'].suffix);
-    });
-
-    var _icon = (0, _utils.getIcon)(type, icon);
-
-    return /*#__PURE__*/React.createElement("dd", {
-      style: {
-        display: 'flex',
-        justifyContent: 'space-between',
-        lineHeight: lineHeight + 'px'
-      },
-      key: index
-    }, /*#__PURE__*/React.createElement("span", {
-      style: {
-        border: '1px solid red',
-        display: 'flex',
-        alignItems: 'center',
-        gap: icon.iconGap
-      }
-    }, /*#__PURE__*/React.createElement("span", {
-      style: _objectSpread(_objectSpread({}, _icon), {}, {
-        width: iconSize + 'px',
-        height: iconSize + 'px'
-      })
-    }), /*#__PURE__*/React.createElement("span", {
-      style: (0, _utils.getFontStyle)(name)
-    }, displayName || s)), /*#__PURE__*/React.createElement("span", {
-      style: (0, _utils.getFontStyle)(value)
-    }, showY, showSuffix && /*#__PURE__*/React.createElement("span", {
-      style: _objectSpread(_objectSpread({}, (0, _utils.getFontStyle)(suffiixFont)), {}, {
-        transform: (0, _utils.getTranslate3d)(suffixTranslate)
-      })
-    }, tmp.get(s))));
-  })));
-});
-
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = require("react");
+
+var _utils = require("../utils");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var _default = /*#__PURE__*/(0, _react.memo)(function (_ref) {
+  var position = _ref.x,
+      x = _ref.tickName,
+      marginLeft = _ref.marginLeft,
+      marginTop = _ref.marginTop,
+      data = _ref.data,
+      series = _ref.series,
+      _ref$config$tip = _ref.config.tip,
+      _ref$config$tip$data = _ref$config$tip.data,
+      xAxis = _ref$config$tip$data.xAxis,
+      _ref$config$tip$data$ = _ref$config$tip$data.xAxis,
+      align = _ref$config$tip$data$.align,
+      font = _ref$config$tip$data$.font,
+      translateXAxis = _ref$config$tip$data$.translate,
+      dataConfig = _ref$config$tip$data.data,
+      _ref$config$tip$data$2 = _ref$config$tip$data.data,
+      lineHeight = _ref$config$tip$data$2.lineHeight,
+      iconSize = _ref$config$tip$data$2.iconSize,
+      name = _ref$config$tip$data$2.name,
+      value = _ref$config$tip$data$2.value,
+      suffix = _ref$config$tip$data$2.suffix,
+      image = _ref$config$tip.image,
+      margin = _ref$config$tip.margin,
+      _ref$config$tip$size = _ref$config$tip.size,
+      tipWidth = _ref$config$tip$size.width,
+      tipHeight = _ref$config$tip$size.height,
+      translateTip = _ref$config$tip.translate,
+      formatter = _ref.formatter,
+      isVertical = _ref.isVertical,
+      width = _ref.width,
+      height = _ref.height;
+  var tipPosition = (0, _react.useMemo)(function () {
+    var translate3d = isVertical ? _objectSpread(_objectSpread({}, translateTip), {}, {
+      y: translateTip.y + position + marginTop
+    }) : _objectSpread(_objectSpread({}, translateTip), {}, {
+      x: translateTip.x + position + marginLeft
+    });
+
+    if (translate3d.x + tipWidth > width) {
+      var newPositon = position + marginLeft - tipWidth - translateTip.x;
+      translate3d.x = newPositon >= 0 ? newPositon : 0;
+    }
+
+    if (translate3d.y + tipHeight > height) {
+      var _newPositon = position + marginTop - tipHeight - translateTip.y;
+
+      translate3d.y = _newPositon <= 0 ? _newPositon : height - tipHeight;
+    }
+
+    return (0, _utils.getTranslate3d)(translate3d);
+  }, [width, height, marginLeft, marginTop, position, tipWidth, tipHeight, translateTip]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "__easyv-tooltip",
+    style: _objectSpread({
+      pointerEvents: 'none',
+      transform: tipPosition,
+      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)'
+    }, (0, _utils.getFontStyle)(font))
+  }, formatter ? formatter({
+    series: series,
+    x: {
+      x: x,
+      config: xAxis
+    },
+    data: {
+      data: data,
+      config: dataConfig
+    }
+  }) : /*#__PURE__*/React.createElement("dl", {
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      justifyContent: 'space-between',
+      height: '100%'
+    }
+  }, /*#__PURE__*/React.createElement("dt", {
+    style: _objectSpread({
+      textAlign: align,
+      transform: (0, _utils.getTranslate3d)(translateXAxis)
+    }, font)
+  }, x), data.map(function (_ref2, index) {
+    var showY = _ref2.showY,
+        s = _ref2.s;
+
+    var _series$find = series.find(function (series) {
+      return series.name == s;
+    }),
+        type = _series$find.type,
+        icon = _series$find.icon,
+        displayName = _series$find.displayName;
+
+    var showSuffix = suffix.show,
+        content = suffix.content,
+        suffiixFont = suffix.font,
+        suffixTranslate = suffix.translate;
+    var tmp = new Map();
+    Object.values(content).forEach(function (item) {
+      tmp.set(item['suffix'].name, item['suffix'].suffix);
+    });
+
+    var _icon = (0, _utils.getIcon)(type, icon);
+
+    return /*#__PURE__*/React.createElement("dd", {
+      style: {
+        display: 'flex',
+        justifyContent: 'space-between',
+        lineHeight: lineHeight + 'px'
+      },
+      key: index
+    }, /*#__PURE__*/React.createElement("span", {
+      style: {
+        border: '1px solid red',
+        display: 'flex',
+        alignItems: 'center',
+        gap: icon.iconGap
+      }
+    }, /*#__PURE__*/React.createElement("span", {
+      style: _objectSpread(_objectSpread({}, _icon), {}, {
+        width: iconSize + 'px',
+        height: iconSize + 'px'
+      })
+    }), /*#__PURE__*/React.createElement("span", {
+      style: (0, _utils.getFontStyle)(name)
+    }, displayName || s)), /*#__PURE__*/React.createElement("span", {
+      style: (0, _utils.getFontStyle)(value)
+    }, showY, showSuffix && /*#__PURE__*/React.createElement("span", {
+      style: _objectSpread(_objectSpread({}, (0, _utils.getFontStyle)(suffiixFont)), {}, {
+        transform: (0, _utils.getTranslate3d)(suffixTranslate)
+      })
+    }, tmp.get(s))));
+  })));
+});
+
 exports["default"] = _default;