@easyv/charts 1.4.25 → 1.4.26

package/lib/components/StackData.js

@@ -1,47 +1,37 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = require("react");
-
 var _hooks = require("../hooks");
-
 var _excluded = ["series"],
-    _excluded2 = ["config", "data"];
-
+  _excluded2 = ["config", "data"];
+/**
+ * 堆叠类，具体逻辑在useStackData(HOC)
+ */
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var _default = function _default(Component) {
   return /*#__PURE__*/(0, _react.memo)(function (_ref) {
     var _ref$config = _ref.config,
-        series = _ref$config.series,
-        config = (0, _objectWithoutProperties2["default"])(_ref$config, _excluded),
-        data = _ref.data,
-        props = (0, _objectWithoutProperties2["default"])(_ref, _excluded2);
-
+      series = _ref$config.series,
+      config = (0, _objectWithoutProperties2["default"])(_ref$config, _excluded),
+      data = _ref.data,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded2);
     var _config = (0, _hooks.useStackData)({
       series: series,
       data: data
     });
-
     return /*#__PURE__*/React.createElement(Component, (0, _extends2["default"])({}, props, {
       config: _objectSpread(_objectSpread({}, config), _config),
       data: data
     }));
   });
 };
-
 exports["default"] = _default;

package/lib/components/StereoBar.js

@@ -1,36 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof3 = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _d3v = require("d3v7");
-
 var _utils = require("../utils");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } /**
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             * 立体柱状图的柱子
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             */
 var getHighlightData = function getHighlightData(data, extent) {
   switch (extent) {
     case 'min':
@@ -42,7 +30,6 @@ var getHighlightData = function getHighlightData(data, extent) {
           flag: minData == item.data.y ? 'min' : ''
         });
       });
-
     case 'max':
       var maxData = (0, _d3v.max)(data, function (d) {
         return d.data.y;
@@ -52,18 +39,16 @@ var getHighlightData = function getHighlightData(data, extent) {
           flag: maxData == item.data.y ? 'max' : ''
         });
       });
-
     default:
       return data;
   }
 };
-
 var getAttr = function getAttr(_ref) {
   var isVertical = _ref.isVertical,
-      seriesWidth = _ref.seriesWidth,
-      length = _ref.length,
-      x = _ref.x,
-      y = _ref.y;
+    seriesWidth = _ref.seriesWidth,
+    length = _ref.length,
+    x = _ref.x,
+    y = _ref.y;
   if (isVertical) return {
     width: length,
     height: seriesWidth,
@@ -77,53 +62,48 @@ var getAttr = function getAttr(_ref) {
     height: length
   };
 };
-
 var getBorderRadius = function getBorderRadius(_ref2) {
   var isVertical = _ref2.isVertical,
-      positive = _ref2.positive,
-      seriesWidth = _ref2.seriesWidth;
+    positive = _ref2.positive,
+    seriesWidth = _ref2.seriesWidth;
   return isVertical ? positive ? '0px ' + seriesWidth + 'px ' + seriesWidth + 'px 0' : seriesWidth + 'px 0 0 ' + seriesWidth + 'px' : positive ? seriesWidth / 2 + 'px ' + seriesWidth / 2 + 'px 0 0' : '0 0 ' + seriesWidth / 2 + 'px ' + seriesWidth / 2 + 'px';
 };
-
 var _default = /*#__PURE__*/(0, _react.memo)(function (_ref3) {
   var triggerClick = _ref3.triggerClick,
-      _ref3$config = _ref3.config,
-      _ref3$config$pattern = _ref3$config.pattern,
-      pattern = _ref3$config$pattern === void 0 ? {} : _ref3$config$pattern,
-      _ref3$config$seriesIn = _ref3$config.seriesIntervalWidth,
-      paddingInner = _ref3$config$seriesIn === void 0 ? 0 : _ref3$config$seriesIn,
-      _ref3$config$paddingI = _ref3$config.paddingInner,
-      paddingOuter = _ref3$config$paddingI === void 0 ? 0 : _ref3$config$paddingI,
-      style = _ref3$config.style,
-      fill = _ref3$config.fill,
-      _ref3$config$highligh = _ref3$config.highlight,
-      showHighlight = _ref3$config$highligh.show,
-      extent = _ref3$config$highligh.extent,
-      highlightFill = _ref3$config$highligh.fill,
-      id = _ref3$config.id,
-      _ref3$bandLength = _ref3.bandLength,
-      bandLength = _ref3$bandLength === void 0 ? 0 : _ref3$bandLength,
-      data = _ref3.data,
-      _ref3$xAxis = _ref3.xAxis,
-      xScaler = _ref3$xAxis.scaler,
-      step = _ref3$xAxis.step,
-      direction = _ref3$xAxis.direction,
-      yScaler = _ref3.yAxis.scaler,
-      fieldName = _ref3.fieldName;
+    _ref3$config = _ref3.config,
+    _ref3$config$pattern = _ref3$config.pattern,
+    pattern = _ref3$config$pattern === void 0 ? {} : _ref3$config$pattern,
+    _ref3$config$seriesIn = _ref3$config.seriesIntervalWidth,
+    paddingInner = _ref3$config$seriesIn === void 0 ? 0 : _ref3$config$seriesIn,
+    _ref3$config$paddingI = _ref3$config.paddingInner,
+    paddingOuter = _ref3$config$paddingI === void 0 ? 0 : _ref3$config$paddingI,
+    style = _ref3$config.style,
+    fill = _ref3$config.fill,
+    _ref3$config$highligh = _ref3$config.highlight,
+    showHighlight = _ref3$config$highligh.show,
+    extent = _ref3$config$highligh.extent,
+    highlightFill = _ref3$config$highligh.fill,
+    id = _ref3$config.id,
+    _ref3$bandLength = _ref3.bandLength,
+    bandLength = _ref3$bandLength === void 0 ? 0 : _ref3$bandLength,
+    data = _ref3.data,
+    _ref3$xAxis = _ref3.xAxis,
+    xScaler = _ref3$xAxis.scaler,
+    step = _ref3$xAxis.step,
+    direction = _ref3$xAxis.direction,
+    yScaler = _ref3.yAxis.scaler,
+    fieldName = _ref3.fieldName;
   if (!data.length) return null;
-
   var _getSeriesInfo = (0, _utils.getSeriesInfo)({
-    step: step,
-    bandLength: bandLength,
-    paddingInner: paddingInner,
-    paddingOuter: paddingOuter
-  }),
-      seriesWidth = _getSeriesInfo.seriesWidth,
-      seriesStep = _getSeriesInfo.seriesStep,
-      seriesStart = _getSeriesInfo.seriesStart;
-
+      step: step,
+      bandLength: bandLength,
+      paddingInner: paddingInner,
+      paddingOuter: paddingOuter
+    }),
+    seriesWidth = _getSeriesInfo.seriesWidth,
+    seriesStep = _getSeriesInfo.seriesStep,
+    seriesStart = _getSeriesInfo.seriesStart;
   var _data = showHighlight ? getHighlightData(data, extent) : data;
-
   var isVertical = direction === 'vertical';
   var highlightColor = parseMultiColorToSVG(highlightFill, 'highlight_gradient_' + id + '_' + fieldName);
   var color = parseMultiColorToSVG(fill, 'gradient_' + id + '_' + fieldName);
@@ -153,16 +133,15 @@ var _default = /*#__PURE__*/(0, _react.memo)(function (_ref3) {
     slope: "0.7"
   }))), highlightColor.def, color.def), _data.map(function (_ref4, i) {
     var flag = _ref4.flag,
-        index = _ref4.index,
-        _ref4$bound = (0, _slicedToArray2["default"])(_ref4.bound, 2),
-        start = _ref4$bound[0],
-        end = _ref4$bound[1],
-        data = _ref4.data,
-        _ref4$data = _ref4.data,
-        x = _ref4$data.x,
-        y = _ref4$data.y,
-        s = _ref4$data.s;
-
+      index = _ref4.index,
+      _ref4$bound = (0, _slicedToArray2["default"])(_ref4.bound, 2),
+      start = _ref4$bound[0],
+      end = _ref4$bound[1],
+      data = _ref4.data,
+      _ref4$data = _ref4.data,
+      x = _ref4$data.x,
+      y = _ref4$data.y,
+      s = _ref4$data.s;
     var y1 = yScaler(isVertical ? end : start);
     var y2 = yScaler(isVertical ? start : end);
     var positionX = xScaler(x) - step / 2 + seriesStart + index * seriesStep;
@@ -184,17 +163,15 @@ var _default = /*#__PURE__*/(0, _react.memo)(function (_ref3) {
     })));
   }));
 });
-
 exports["default"] = _default;
-
 var Column3DSkin = function Column3DSkin(props) {
   var width = props.width,
-      height = props.height,
-      x = props.x,
-      y = props.y,
-      color = props.color,
-      _props$opacity = props.opacity,
-      opacity = _props$opacity === void 0 ? 1 : _props$opacity;
+    height = props.height,
+    x = props.x,
+    y = props.y,
+    color = props.color,
+    _props$opacity = props.opacity,
+    opacity = _props$opacity === void 0 ? 1 : _props$opacity;
   return /*#__PURE__*/_react["default"].createElement("g", {
     style: {
       transform: "skew(0deg, 23deg)",
@@ -231,75 +208,61 @@ var Column3DSkin = function Column3DSkin(props) {
       transform: "skew(-45deg) translate(0, -".concat(width / 2, "px)")
     }
   }));
-}; //以下都是为了解析multicolor
-
+};
 
+//以下都是为了解析multicolor
 function pointRotate(point, center, angle) {
   var x = point[0],
-      y = point[1],
-      rx = center[0],
-      ry = center[1],
-      cos = Math.cos(angle),
-      sin = Math.sin(angle);
+    y = point[1],
+    rx = center[0],
+    ry = center[1],
+    cos = Math.cos(angle),
+    sin = Math.sin(angle);
   var x0 = (x - rx) * cos - (y - ry) * sin + rx;
   var y0 = (x - rx) * sin + (y - ry) * cos + ry;
   return [x0, y0];
 }
-
 var AngleTransfromRatio = 180 / Math.PI;
-
 function deg2rad(deg) {
   return deg / AngleTransfromRatio;
 }
-
 function deepCopy(obj) {
   if ((0, _typeof2["default"])(obj) == 'object') {
     var o;
-
     if (Array.isArray(obj)) {
       o = [];
-
       for (var i = 0; i < obj.length; i++) {
         o.push(deepCopy(obj[i]));
       }
     } else {
       o = {};
-
       for (var _i = 0, _Object$keys = Object.keys(obj); _i < _Object$keys.length; _i++) {
         var k = _Object$keys[_i];
         o[k] = deepCopy(obj[k]);
       }
     }
-
     return o;
   } else {
     return obj;
   }
 }
-
 function parseMultiColorToSVG(config, id) {
   if (config.type == 'linear') {
     var _config$linear = config.linear,
-        stops = _config$linear.stops,
-        opacity = _config$linear.opacity;
+      stops = _config$linear.stops,
+      opacity = _config$linear.opacity;
     var start = [0, 0.5],
-        end = [1, 0.5];
+      end = [1, 0.5];
     var angle = config.linear.angle + 90;
-
     if (angle) {
       var center = [0.5, 0.5];
       start = pointRotate(start, center, deg2rad(angle));
       end = pointRotate(end, center, deg2rad(angle));
     }
-
     var _stops = deepCopy(stops); //深度复制再排序防止修改props
-
-
     _stops.sort(function (a, b) {
       return a.offset - b.offset;
     }); //必须排序才能渲染出来
-
-
     return {
       fill: "url(#".concat(id, ")"),
       def: /*#__PURE__*/_react["default"].createElement('linearGradient', {
@@ -325,14 +288,11 @@ function parseMultiColorToSVG(config, id) {
     };
   }
 }
-
 function getTopColor(stops, angle) {
   var a = angle % 360;
-
   if (a < 0) {
     a = 360 + a;
   }
-
   if (a >= 90 && a < 270) {
     return stops[stops.length - 1].color;
   } else {

package/lib/components/TextOverflow.js

@@ -1,35 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _Marquee = _interopRequireDefault(require("./Marquee"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
+/**
+ * 文本溢出组件
+ * eg: <TextOverflow  type={溢出形式} value={文本内容} speed={跑马灯速度} style={额外样式}></Marquee>
+ */
 var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var type = props.type,
-      value = props.value,
-      style = props.style,
-      _props$speed = props.speed,
-      speed = _props$speed === void 0 ? 5 : _props$speed;
-
+    value = props.value,
+    style = props.style,
+    _props$speed = props.speed,
+    speed = _props$speed === void 0 ? 5 : _props$speed;
   var getTextOverflow = function getTextOverflow(type) {
     switch (type) {
       case 'ellipsis':
@@ -38,26 +31,21 @@ var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef
           textOverflow: 'ellipsis',
           whiteSpace: 'nowrap'
         };
-
       case 'break-word':
         return {
           wordBreak: 'break-all',
           wordWrap: 'break-word',
           whiteSpace: "pre-line"
         };
-
       case 'marquee':
         return {
           whiteSpace: 'nowrap'
         };
-
       default:
         return {};
     }
   };
-
   var styles = _objectSpread(_objectSpread({}, getTextOverflow(type)), style);
-
   var textDom = document.createElement("div");
   textDom.innerHTML = value;
   var text = textDom.innerText;
@@ -75,5 +63,4 @@ var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef
     }
   });
 }));
-
 exports["default"] = _default;

package/lib/components/Tooltip.js

@@ -1,71 +1,62 @@
 "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); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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;
+    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", {
@@ -102,26 +93,22 @@ var _default = /*#__PURE__*/(0, _react.memo)(function (_ref) {
     }, font)
   }, x), data.map(function (_ref2, index) {
     var showY = _ref2.showY,
-        s = _ref2.s;
-
+      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;
-
+        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;
+      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',
@@ -153,5 +140,4 @@ var _default = /*#__PURE__*/(0, _react.memo)(function (_ref) {
     }, tmp.get(s))));
   })));
 });
-
 exports["default"] = _default;