@easyv/charts 1.4.16 → 1.4.17

package/lib/components/StackData.js

@@ -1,37 +1,47 @@
 "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"];
-/**
- * 堆叠类，具体逻辑在useStackData(HOC)
- */
+    _excluded2 = ["config", "data"];
+
 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,24 +1,36 @@
 "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':
@@ -30,6 +42,7 @@ 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;
@@ -39,16 +52,18 @@ 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,
@@ -62,48 +77,53 @@ 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);
@@ -133,15 +153,16 @@ 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;
@@ -163,15 +184,17 @@ 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)",
@@ -208,61 +231,75 @@ 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', {
@@ -288,11 +325,14 @@ 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,28 +1,35 @@
 "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':
@@ -31,21 +38,29 @@ 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;
   return type == 'marquee' ? /*#__PURE__*/_react["default"].createElement(_Marquee["default"], {
     value: value,
     speed: speed,
@@ -54,10 +69,11 @@ var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef
   }) : /*#__PURE__*/_react["default"].createElement("div", {
     style: styles,
     ref: ref,
-    title: type == "ellipsis" ? value.replace(/<\/?.+?>/g, "") || undefined : undefined,
+    title: type == "ellipsis" ? text || undefined : undefined,
     dangerouslySetInnerHTML: {
       __html: value
     }
   });
 }));
+
 exports["default"] = _default;

package/lib/components/Tooltip.js

@@ -1,62 +1,71 @@
 "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", {
@@ -93,22 +102,26 @@ 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',
@@ -140,4 +153,5 @@ var _default = /*#__PURE__*/(0, _react.memo)(function (_ref) {
     }, tmp.get(s))));
   })));
 });
+
 exports["default"] = _default;

package/lib/components/index.js

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -155,30 +156,56 @@ Object.defineProperty(exports, "Tooltip", {
     return _Tooltip["default"];
   }
 });
+
 var _Mapping = _interopRequireDefault(require("./Mapping"));
+
 var _AnimateData = _interopRequireDefault(require("./AnimateData"));
+
 var _FilterData = _interopRequireDefault(require("./FilterData"));
+
 var _ExtentData = _interopRequireDefault(require("./ExtentData"));
+
 var _StackData = _interopRequireDefault(require("./StackData"));
+
 var _ChartContainer = _interopRequireDefault(require("./ChartContainer"));
+
 var _Legend = _interopRequireDefault(require("./Legend"));
+
 var _Axis = _interopRequireDefault(require("./Axis"));
+
 var _Tooltip = _interopRequireDefault(require("./Tooltip"));
+
 var _Indicator = _interopRequireDefault(require("./Indicator"));
+
 var _Band = _interopRequireDefault(require("./Band"));
+
 var _Lighter = _interopRequireDefault(require("./Lighter"));
+
 var _Line = _interopRequireDefault(require("./Line"));
+
 var _Background = _interopRequireDefault(require("./Background"));
+
 var _LinearGradient = _interopRequireDefault(require("./LinearGradient"));
+
 var _Brush = _interopRequireDefault(require("./Brush"));
+
 var _Label = _interopRequireDefault(require("./Label"));
+
 var _StereoBar = _interopRequireDefault(require("./StereoBar"));
+
 var _Carousel = _interopRequireDefault(require("./Carousel"));
+
 var _Chart = _interopRequireDefault(require("./Chart"));
+
 var _ConicalGradient = _interopRequireDefault(require("./ConicalGradient"));
+
 var _CartesianChart = _interopRequireDefault(require("./CartesianChart"));
+
 var _PieChart = _interopRequireDefault(require("./PieChart"));
+
 var _TextOverflow = _interopRequireDefault(require("./TextOverflow"));
+
 var _BaseLine = _interopRequireDefault(require("./BaseLine"));
+
 var Area = _Line["default"];
 exports.Area = Area;