@easyv/charts 1.4.29 → 1.4.31

package/lib/components/Lighter.js

@@ -1,40 +1,54 @@
 "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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _d3v = require("d3v7");
+
 var _utils = require("../utils");
+
 var _svgPathProperties = require("svg-path-properties");
+
 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; }
-/**
- * 区域图发光跟踪路径
+
+/**
+ * 区域图发光跟踪路径
  */
 var _default = function _default(_ref) {
   var d = _ref.path,
-    config = _ref.config,
-    _ref$config = _ref.config,
-    curveLength = _ref$config.length,
-    width = _ref$config.width,
-    fill = _ref$config.fill,
-    unitStep = _ref$config.unitStep;
+      config = _ref.config,
+      _ref$config = _ref.config,
+      curveLength = _ref$config.length,
+      width = _ref$config.width,
+      fill = _ref$config.fill,
+      unitStep = _ref$config.unitStep;
   var pointIndexRef = (0, _react.useRef)(0);
   var raf = (0, _react.useRef)(null);
+
   var _useState = (0, _react.useState)([]),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    points = _useState2[0],
-    setPoints = _useState2[1];
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      points = _useState2[0],
+      setPoints = _useState2[1];
+
   var _useState3 = (0, _react.useState)(null),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    lighter = _useState4[0],
-    setLighter = _useState4[1];
+      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+      lighter = _useState4[0],
+      setLighter = _useState4[1];
+
   var pointLength = points.length;
   var totalLength = getLength(pointLength, curveLength);
   var easingFunc = easing.linear;
@@ -44,6 +58,7 @@ var _default = function _default(_ref) {
   var drawLigher = (0, _react.useCallback)(function () {
     var STEP = 2;
     var LOOP = false;
+
     if (lighter && lighter.children) {
       var currentPointLength = pointIndexRef.current;
       var pointIndex = currentPointLength >= totalLength ? LOOP ? curveLength : 0 : currentPointLength + unitStep + Math.floor(easingFunc(pointIndexRef.current / totalLength) * STEP);
@@ -54,22 +69,26 @@ var _default = function _default(_ref) {
       drawCircle(Array.from(lighter.children), [].concat((0, _toConsumableArray2["default"])(points.slice(startIndex, endIndex)), (0, _toConsumableArray2["default"])(overstepPoints)), interpolateList);
       pointIndexRef.current = pointIndex;
     }
+
     raf.current = requestAnimationFrame(drawLigher);
   }, [lighter, totalLength, curveLength, unitStep, points, interpolateList]);
   (0, _react.useEffect)(function () {
     var path = new _svgPathProperties.svgPathProperties(d);
     var totalLength = path.getTotalLength();
     var points = [];
+
     for (var i = 0; i < totalLength; i++) {
       var _path$getPointAtLengt = path.getPointAtLength(i),
-        x = _path$getPointAtLengt.x,
-        y = _path$getPointAtLengt.y;
+          x = _path$getPointAtLengt.x,
+          y = _path$getPointAtLengt.y;
+
       points.push({
         index: i,
         x: x,
         y: y
       });
     }
+
     setPoints(points);
   }, [d, config]);
   (0, _react.useEffect)(function () {
@@ -82,7 +101,7 @@ var _default = function _default(_ref) {
     ref: setLighter
   }, points.map(function (_ref2, index) {
     var x = _ref2.x,
-      y = _ref2.y;
+        y = _ref2.y;
     return /*#__PURE__*/_react["default"].createElement("circle", {
       cx: x,
       cy: y,
@@ -92,30 +111,35 @@ var _default = function _default(_ref) {
     });
   }));
 };
+
 exports["default"] = _default;
+
 var drawCircle = function drawCircle(children, points, interpolateList) {
-  var pointLength = points.length;
-  // const [startPoint] = points;
+  var pointLength = points.length; // const [startPoint] = points;
   // const startIndex = startPoint ? startPoint.index : 0;
+
   children.forEach(function (child, index) {
     var pointIndex = points.findIndex(function (_ref3) {
       var i = _ref3.index;
       return i == index;
     });
-    child.setAttribute('fill', pointIndex > -1 ? getColor(pointIndex / pointLength,
-    //TODO: 颜色插值尚需完善
+    child.setAttribute('fill', pointIndex > -1 ? getColor(pointIndex / pointLength, //TODO: 颜色插值尚需完善
     interpolateList) : 'none');
   });
 };
+
 var getColor = function getColor(x, interpolateList) {
   return interpolateList(x);
 };
+
 var getLength = function getLength(pointLength, length) {
   if (length > pointLength) {
     return pointLength * 2;
   }
+
   return pointLength + length;
 };
+
 var getColorsInterpolate = function getColorsInterpolate(colors) {
   var length = colors.length;
   if (!!(length < 2)) return (0, _d3v.scaleLinear)().domain([0, 1]).range([colors[0].color || '#000', colors[0].color || '#000']);
@@ -126,6 +150,7 @@ var getColorsInterpolate = function getColorsInterpolate(colors) {
   }));
   return linear;
 };
+
 var easing = {
   linear: function linear() {
     return 0;
@@ -143,13 +168,17 @@ var easing = {
     return k < 0.5 ? 0.5 * (1 - easing.easeIn(1 - 2 * k)) : 0.5 * easing.easeIn(k * 2 - 1) + 0.5;
   }
 };
+
 var getPointIndex = function getPointIndex(pointIndex, pointLength, curveLength) {
   var index = pointIndex - curveLength;
+
   if (index < 0) {
     return 0;
   }
+
   if (index >= pointLength) {
     return pointLength - 1;
   }
+
   return index;
 };

package/lib/components/Line.js

@@ -1,34 +1,48 @@
 "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 _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _d3v = require("d3v7");
+
 var _utils = require("../utils");
+
 var _ = require(".");
+
 var _excluded = ["data"];
-/**
- * 折线图
- */
+
 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; }
+
 var defined = function defined(d) {
   return d.data.y != null;
 };
+
 var getLineData = function getLineData(data, connectNulls) {
   return connectNulls ? data.map(function (_ref) {
     var data = _ref.data,
-      item = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+        item = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
     return _objectSpread(_objectSpread({}, item), {}, {
       data: _objectSpread(_objectSpread({}, data), {}, {
         y: +data.y
@@ -36,25 +50,28 @@ var getLineData = function getLineData(data, connectNulls) {
     });
   }) : data;
 };
+
 var Area = function Area(_ref2) {
   var data = _ref2.data,
-    config = _ref2.config,
-    _ref2$config = _ref2.config,
-    id = _ref2$config.id,
-    fill = _ref2$config.fill,
-    type = _ref2$config.type,
-    url = _ref2$config.url,
-    opacity = _ref2$config.opacity,
-    _ref2$config$size = _ref2$config.size,
-    patternW = _ref2$config$size.width,
-    patternH = _ref2$config$size.height,
-    curve = _ref2$config.curve,
-    tension = _ref2$config.tension,
-    xScaler = _ref2.xScaler,
-    yScaler = _ref2.yScaler;
+      config = _ref2.config,
+      _ref2$config = _ref2.config,
+      id = _ref2$config.id,
+      fill = _ref2$config.fill,
+      type = _ref2$config.type,
+      url = _ref2$config.url,
+      opacity = _ref2$config.opacity,
+      _ref2$config$size = _ref2$config.size,
+      patternW = _ref2$config$size.width,
+      patternH = _ref2$config$size.height,
+      curve = _ref2$config.curve,
+      tension = _ref2$config.tension,
+      xScaler = _ref2.xScaler,
+      yScaler = _ref2.yScaler;
+
   var _yScaler$range = yScaler.range(),
-    _yScaler$range2 = (0, _slicedToArray2["default"])(_yScaler$range, 1),
-    height = _yScaler$range2[0];
+      _yScaler$range2 = (0, _slicedToArray2["default"])(_yScaler$range, 1),
+      height = _yScaler$range2[0];
+
   var area = (0, _react.useMemo)(function () {
     return (0, _utils.getColorList)(fill);
   }, [fill]);
@@ -65,8 +82,7 @@ var Area = function Area(_ref2) {
     }).y1(function (_ref4) {
       var y = _ref4.data.y;
       return yScaler(y);
-    })
-    // .y0(height)
+    }) // .y0(height)
     .y0(function (_ref5) {
       (0, _objectDestructuringEmpty2["default"])(_ref5);
       return yScaler(0);
@@ -95,25 +111,26 @@ var Area = function Area(_ref2) {
     rotate: 0
   })));
 };
+
 var _default = /*#__PURE__*/(0, _react.memo)(function (_ref6) {
   var type = _ref6.type,
-    _ref6$config$line = _ref6.config.line,
-    lineType = _ref6$config$line.type,
-    lineWidth = _ref6$config$line.lineWidth,
-    curve = _ref6$config$line.curve,
-    tension = _ref6$config$line.tension,
-    connectNulls = _ref6$config$line.connectNulls,
-    lineShadow = _ref6$config$line.lineShadow,
-    lighter = _ref6$config$line.lighter,
-    _ref6$line = _ref6.line,
-    lineId = _ref6$line.id,
-    stroke = _ref6$line.stroke,
-    area = _ref6.area,
-    data = _ref6.data,
-    _ref6$xAxis = _ref6.xAxis,
-    xScaler = _ref6$xAxis.scaler,
-    direction = _ref6$xAxis.direction,
-    yScaler = _ref6.yAxis.scaler;
+      _ref6$config$line = _ref6.config.line,
+      lineType = _ref6$config$line.type,
+      lineWidth = _ref6$config$line.lineWidth,
+      curve = _ref6$config$line.curve,
+      tension = _ref6$config$line.tension,
+      connectNulls = _ref6$config$line.connectNulls,
+      lineShadow = _ref6$config$line.lineShadow,
+      lighter = _ref6$config$line.lighter,
+      _ref6$line = _ref6.line,
+      lineId = _ref6$line.id,
+      stroke = _ref6$line.stroke,
+      area = _ref6.area,
+      data = _ref6.data,
+      _ref6$xAxis = _ref6.xAxis,
+      xScaler = _ref6$xAxis.scaler,
+      direction = _ref6$xAxis.direction,
+      yScaler = _ref6.yAxis.scaler;
   if (!data.length) return null;
   var ticks = xScaler.domain();
   var sortData = (0, _react.useMemo)(function () {
@@ -127,9 +144,11 @@ var _default = /*#__PURE__*/(0, _react.memo)(function (_ref6) {
       return ticks.indexOf(a) - ticks.indexOf(b);
     });
   }, [data, ticks]);
+
   var _data = (0, _react.useMemo)(function () {
     return getLineData(sortData, connectNulls);
   }, [sortData, connectNulls]);
+
   var lineGen = (0, _react.useMemo)(function () {
     var isVertical = direction === 'vertical';
     var lineGen = (isVertical ? (0, _d3v.line)().y(function (_ref10) {
@@ -177,4 +196,5 @@ var _default = /*#__PURE__*/(0, _react.memo)(function (_ref6) {
     config: lighter
   }));
 });
+
 exports["default"] = _default;

package/lib/components/LinearGradient.js

@@ -1,27 +1,32 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-/**
- * svg渐变滤镜
+
+/**
+ * svg渐变滤镜
  */
 var _default = function _default(_ref) {
   var id = _ref.id,
-    colors = _ref.colors,
-    _ref$rotate = _ref.rotate,
-    rotate = _ref$rotate === void 0 ? 0 : _ref$rotate,
-    gradientUnits = _ref.gradientUnits,
-    _ref$position = _ref.position,
-    _ref$position2 = _ref$position === void 0 ? [0, 0, 0, 1] : _ref$position,
-    _ref$position3 = (0, _slicedToArray2["default"])(_ref$position2, 4),
-    x1 = _ref$position3[0],
-    y1 = _ref$position3[1],
-    x2 = _ref$position3[2],
-    y2 = _ref$position3[3];
+      colors = _ref.colors,
+      _ref$rotate = _ref.rotate,
+      rotate = _ref$rotate === void 0 ? 0 : _ref$rotate,
+      gradientUnits = _ref.gradientUnits,
+      _ref$position = _ref.position;
+  _ref$position = _ref$position === void 0 ? [0, 0, 0, 1] : _ref$position;
+
+  var _ref$position2 = (0, _slicedToArray2["default"])(_ref$position, 4),
+      x1 = _ref$position2[0],
+      y1 = _ref$position2[1],
+      x2 = _ref$position2[2],
+      y2 = _ref$position2[3];
+
   return /*#__PURE__*/React.createElement("linearGradient", {
     x1: x1,
     y1: y1,
@@ -32,9 +37,9 @@ var _default = function _default(_ref) {
     gradientTransform: 'rotate(' + rotate + ', .5, .5)'
   }, colors.map(function (_ref2, index) {
     var offset = _ref2.offset,
-      color = _ref2.color,
-      _ref2$stopOpacity = _ref2.stopOpacity,
-      stopOpacity = _ref2$stopOpacity === void 0 ? 1 : _ref2$stopOpacity;
+        color = _ref2.color,
+        _ref2$stopOpacity = _ref2.stopOpacity,
+        stopOpacity = _ref2$stopOpacity === void 0 ? 1 : _ref2$stopOpacity;
     return /*#__PURE__*/React.createElement("stop", {
       key: index,
       offset: offset,
@@ -43,4 +48,5 @@ var _default = function _default(_ref) {
     });
   }));
 };
+
 exports["default"] = _default;

package/lib/components/Mapping.js

@@ -1,35 +1,52 @@
 "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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _react = require("react");
+
 var _d3v = require("d3v7");
+
 var _excluded = ["series"],
-  _excluded2 = ["config", "data"];
+    _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; }
+
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
 var groupBySeriesData = function groupBySeriesData(data) {
   var groupBySeries = (0, _d3v.group)(data, function (d) {
     return d.s;
   });
   var tmp = [];
+
   var _iterator = _createForOfIteratorHelper(groupBySeries.entries()),
-    _step;
+      _step;
+
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
       var _step$value = (0, _slicedToArray2["default"])(_step.value, 2),
-        key = _step$value[0],
-        value = _step$value[1];
+          key = _step$value[0],
+          value = _step$value[1];
+
       tmp.push({
         key: key,
         value: value
@@ -40,24 +57,28 @@ var groupBySeriesData = function groupBySeriesData(data) {
   } finally {
     _iterator.f();
   }
+
   return tmp;
 };
+
 var isValidData = function isValidData(data) {
   return !!(Array.isArray(data) && data.filter(function (obj) {
     return Object.prototype.toString.call(obj) === '[object Object]' && Object.keys(obj).length !== 0;
   }).length > 0);
 };
+
 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),
-      originData = _ref.data,
-      rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded2);
+        series = _ref$config.series,
+        config = (0, _objectWithoutProperties2["default"])(_ref$config, _excluded),
+        originData = _ref.data,
+        rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded2);
     var data = (0, _react.useMemo)(function () {
       if (!isValidData(originData)) return [];
       return groupBySeriesData(originData);
     }, [originData]);
+
     var _series = (0, _react.useMemo)(function () {
       if (!!data.length) {
         var seriesLength = series.length;
@@ -66,6 +87,7 @@ var _default = function _default(Component) {
           return !fieldName;
         });
         var tmp = new Map();
+
         if (!!noName) {
           data.forEach(function (_ref3, index) {
             var key = _ref3.key;
@@ -77,6 +99,7 @@ var _default = function _default(Component) {
           });
           return tmp;
         }
+
         var lastSeries = series[seriesLength - 1];
         data.forEach(function (_ref4) {
           var key = _ref4.key;
@@ -95,6 +118,7 @@ var _default = function _default(Component) {
         return tmp;
       }
     }, [series, data]);
+
     return !!data.length && /*#__PURE__*/React.createElement(Component, (0, _extends2["default"])({}, rest, {
       data: originData,
       config: _objectSpread(_objectSpread({}, config), {}, {
@@ -103,4 +127,5 @@ var _default = function _default(Component) {
     }));
   });
 };
+
 exports["default"] = _default;

package/lib/components/Marquee.js

@@ -1,37 +1,47 @@
 "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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 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: <Marquee value={文本内容} speed={跑马灯速度} style={额外样式}></Marquee>
- */
+
 var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var value = props.value,
-    style = props.style,
-    _props$speed = props.speed,
-    speed = _props$speed === void 0 ? 5 : _props$speed;
+      style = props.style,
+      _props$speed = props.speed,
+      speed = _props$speed === void 0 ? 5 : _props$speed;
   var rootRef = ref || (0, _react.useRef)();
   var target = (0, _react.useRef)(null);
   var observe = (0, _react.useRef)(null);
   var speed_ = (0, _react.useRef)(0); //这里必须用一个ref绑定speed，否则animation中获取不到最新的speed
+
   var timer = (0, _react.useRef)();
+
   var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    overflow = _useState2[0],
-    setOverflow = _useState2[1];
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      overflow = _useState2[0],
+      setOverflow = _useState2[1];
+
   speed_.current = speed;
+
   var startAnimation = function startAnimation(lineWidth) {
     var animation = function animation(timestamp) {
       var frame = Math.round(timestamp * speed_.current % (lineWidth * 100) / 100);
@@ -39,24 +49,28 @@ var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef
       target.current.nextSibling.style.transform = "translate(-".concat(frame, "px,0px)");
       timer.current = requestAnimationFrame(animation);
     };
+
     timer.current = requestAnimationFrame(animation);
   };
+
   (0, _react.useEffect)(function () {
     //初始化观察器，利用观察器来监视组件可视区域变化
     observe.current = new IntersectionObserver(function (entries) {
       var entrie = entries[0];
+
       if (entrie.boundingClientRect.width <= entrie.rootBounds.width) {
         //表示文字全部可视
         cancelAnimationFrame(timer.current || 0);
         target.current.style.transform = "translate(0px,0px)"; //重置偏移
+
         setOverflow(false);
         return;
       } else {
         //否则文本溢出
         if (!overflow) {
           cancelAnimationFrame(timer.current || 0);
-          startAnimation(entrie.target.offsetWidth);
-          //startAnimation(entrie.boundingClientRect.width);
+          startAnimation(entrie.target.offsetWidth); //startAnimation(entrie.boundingClientRect.width);
+
           setOverflow(true);
         }
       }
@@ -66,8 +80,9 @@ var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef
       threshold: new Array(101).fill(0).map(function (d, i) {
         return i / 100;
       }) //这里设置了[0-1]之间所有的阈值，保证每一帧的变化都能被观察到
-    });
-    // start observing
+
+    }); // start observing
+
     observe.current.observe(target.current);
     return function () {
       cancelAnimationFrame(timer.current || 0);
@@ -99,4 +114,5 @@ var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef
     });
   }));
 }));
+
 exports["default"] = _default;