@easyv/charts 1.4.25 → 1.4.26

package/lib/components/Lighter.js

@@ -1,54 +1,40 @@
 "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;
@@ -58,7 +44,6 @@ 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);
@@ -69,26 +54,22 @@ 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 () {
@@ -101,7 +82,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,
@@ -111,35 +92,30 @@ 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']);
@@ -150,7 +126,6 @@ var getColorsInterpolate = function getColorsInterpolate(colors) {
   }));
   return linear;
 };
-
 var easing = {
   linear: function linear() {
     return 0;
@@ -168,17 +143,13 @@ 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,48 +1,34 @@
 "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
@@ -50,28 +36,25 @@ 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]);
@@ -82,7 +65,8 @@ 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);
@@ -111,26 +95,25 @@ 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 () {
@@ -144,11 +127,9 @@ 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) {
@@ -196,5 +177,4 @@ var _default = /*#__PURE__*/(0, _react.memo)(function (_ref6) {
     config: lighter
   }));
 });
-
 exports["default"] = _default;

package/lib/components/LinearGradient.js

@@ -1,32 +1,27 @@
 "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$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];
-
+    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];
   return /*#__PURE__*/React.createElement("linearGradient", {
     x1: x1,
     y1: y1,
@@ -37,9 +32,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,
@@ -48,5 +43,4 @@ var _default = function _default(_ref) {
     });
   }));
 };
-
 exports["default"] = _default;

package/lib/components/Mapping.js

@@ -1,52 +1,35 @@
 "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
@@ -57,28 +40,24 @@ 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;
@@ -87,7 +66,6 @@ var _default = function _default(Component) {
           return !fieldName;
         });
         var tmp = new Map();
-
         if (!!noName) {
           data.forEach(function (_ref3, index) {
             var key = _ref3.key;
@@ -99,7 +77,6 @@ var _default = function _default(Component) {
           });
           return tmp;
         }
-
         var lastSeries = series[seriesLength - 1];
         data.forEach(function (_ref4) {
           var key = _ref4.key;
@@ -118,7 +95,6 @@ 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), {}, {
@@ -127,5 +103,4 @@ var _default = function _default(Component) {
     }));
   });
 };
-
 exports["default"] = _default;

package/lib/components/Marquee.js

@@ -1,47 +1,37 @@
 "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);
@@ -49,28 +39,24 @@ 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);
         }
       }
@@ -80,9 +66,8 @@ 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);
@@ -114,5 +99,4 @@ var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef
     });
   }));
 }));
-
 exports["default"] = _default;