@easyv/charts 1.2.0 → 1.2.1

package/lib/components/Legend.js

@@ -1,155 +1,155 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _utils = require("../utils");
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var defaultFont = {
-  fontStyle: 'normal',
-  fontWeight: 'normal'
-};
-
-var _default = /*#__PURE__*/(0, _react.memo)(function (_ref) {
-  var series = _ref.series,
-      config = _ref.config,
-      _ref$config = _ref.config,
-      show = _ref$config.show,
-      _ref$config$order = _ref$config.order,
-      order = _ref$config$order === void 0 ? '' : _ref$config$order,
-      interactive = _ref$config.interactive,
-      _ref$config$layout = _ref$config.layout,
-      _ref$config$layout$al = _ref$config$layout.alignment,
-      alignment = _ref$config$layout$al === void 0 ? 'right center' : _ref$config$layout$al,
-      gridTemplateColumns = _ref$config$layout.gridTemplateColumns,
-      _ref$config$layout$gr = _ref$config$layout.gridGap,
-      gridColumnGap = _ref$config$layout$gr.gridColumnGap,
-      gridRowGap = _ref$config$layout$gr.gridRowGap,
-      _ref$config$layout$tr = _ref$config$layout.translate,
-      x = _ref$config$layout$tr.x,
-      y = _ref$config$layout$tr.y,
-      _ref$config$font = _ref$config.font;
-  _ref$config$font = _ref$config$font === void 0 ? defaultFont : _ref$config$font;
-  var italic = _ref$config$font.italic,
-      bold = _ref$config$font.bold,
-      font = (0, _objectWithoutProperties2["default"])(_ref$config$font, ["italic", "bold"]),
-      _ref$config$unselect = _ref$config.unselect;
-  _ref$config$unselect = _ref$config$unselect === void 0 ? {} : _ref$config$unselect;
-  var _ref$config$unselect$ = _ref$config$unselect.opacity,
-      opacity = _ref$config$unselect$ === void 0 ? 1 : _ref$config$unselect$,
-      filterData = _ref.filterData,
-      formatter = _ref.formatter;
-  if (!show) return null;
-
-  var _series = (0, _utils.sortPie)(series, order);
-
-  var _alignment$split = alignment.split(' '),
-      _alignment$split2 = (0, _slicedToArray2["default"])(_alignment$split, 2),
-      _alignment = _alignment$split2[0],
-      position = _alignment$split2[1];
-
-  var length = _series.length;
-  var onClick = (0, _react.useCallback)(function (e) {
-    var dataset = e.currentTarget.dataset;
-    var name = dataset.name;
-    filterData && interactive && filterData(name);
-  }, [interactive, filterData]);
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "__easyv-legend-wrapper",
-    style: _objectSpread({
-      position: 'absolute',
-      height: 'auto',
-      display: 'flex',
-      transform: 'translate3d(' + x + 'px, ' + y + 'px, 0px)'
-    }, getPosition(position, _alignment))
-  }, /*#__PURE__*/_react["default"].createElement("ul", {
-    style: {
-      display: 'grid',
-      gridGap: gridRowGap + 'px ' + gridColumnGap + 'px',
-      gridTemplateColumns: 'repeat(' + Math.min(gridTemplateColumns, length) + ', 1fr)'
-    }
-  }, _series.map(function (series, index) {
-    var type = series.type,
-        name = series.name,
-        displayName = series.displayName,
-        icon = series.icon,
-        selected = series.selected;
-
-    var _icon = (0, _utils.getIcon)(type, icon);
-
-    return /*#__PURE__*/_react["default"].createElement("li", {
-      key: index,
-      onClick: onClick,
-      "data-name": name,
-      style: {
-        display: 'flex',
-        opacity: selected === false ? opacity / 100 : 1,
-        alignItems: 'center',
-        gap: _icon.gap
-      }
-    }, formatter ? formatter(series, config) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
-      style: _icon
-    }), /*#__PURE__*/_react["default"].createElement("span", {
-      style: _objectSpread(_objectSpread({}, font), {}, {
-        fontStyle: italic ? 'italic' : 'normal',
-        fontWeight: bold ? 'bold' : 'normal'
-      })
-    }, displayName || name)));
-  })));
-});
-
-exports["default"] = _default;
-
-var getPosition = function getPosition(position, alignment) {
-  switch (position) {
-    case 'top':
-      return {
-        left: 0,
-        right: 0,
-        top: 5,
-        justifyContent: alignment === 'center' ? 'center' : alignment === 'left' ? 'flex-start' : 'flex-end'
-      };
-
-    case 'right':
-      return {
-        top: 0,
-        bottom: 0,
-        right: 10,
-        alignItems: alignment === 'center' ? 'center' : alignment === 'left' ? 'flex-start' : 'flex-end'
-      };
-
-    case 'left':
-      return {
-        top: 0,
-        bottom: 0,
-        left: 10,
-        alignItems: alignment === 'center' ? 'center' : alignment === 'left' ? 'flex-start' : 'flex-end'
-      };
-
-    default:
-      return {
-        left: 0,
-        right: 0,
-        bottom: 5,
-        justifyContent: alignment === 'center' ? 'center' : alignment === 'left' ? 'flex-start' : 'flex-end'
-      };
-  }
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _utils = require("../utils");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var defaultFont = {
+  fontStyle: 'normal',
+  fontWeight: 'normal'
+};
+
+var _default = /*#__PURE__*/(0, _react.memo)(function (_ref) {
+  var series = _ref.series,
+      config = _ref.config,
+      _ref$config = _ref.config,
+      show = _ref$config.show,
+      _ref$config$order = _ref$config.order,
+      order = _ref$config$order === void 0 ? '' : _ref$config$order,
+      interactive = _ref$config.interactive,
+      _ref$config$layout = _ref$config.layout,
+      _ref$config$layout$al = _ref$config$layout.alignment,
+      alignment = _ref$config$layout$al === void 0 ? 'right center' : _ref$config$layout$al,
+      gridTemplateColumns = _ref$config$layout.gridTemplateColumns,
+      _ref$config$layout$gr = _ref$config$layout.gridGap,
+      gridColumnGap = _ref$config$layout$gr.gridColumnGap,
+      gridRowGap = _ref$config$layout$gr.gridRowGap,
+      _ref$config$layout$tr = _ref$config$layout.translate,
+      x = _ref$config$layout$tr.x,
+      y = _ref$config$layout$tr.y,
+      _ref$config$font = _ref$config.font;
+  _ref$config$font = _ref$config$font === void 0 ? defaultFont : _ref$config$font;
+  var italic = _ref$config$font.italic,
+      bold = _ref$config$font.bold,
+      font = (0, _objectWithoutProperties2["default"])(_ref$config$font, ["italic", "bold"]),
+      _ref$config$unselect = _ref$config.unselect;
+  _ref$config$unselect = _ref$config$unselect === void 0 ? {} : _ref$config$unselect;
+  var _ref$config$unselect$ = _ref$config$unselect.opacity,
+      opacity = _ref$config$unselect$ === void 0 ? 1 : _ref$config$unselect$,
+      filterData = _ref.filterData,
+      formatter = _ref.formatter;
+  if (!show) return null;
+
+  var _series = (0, _utils.sortPie)(series, order);
+
+  var _alignment$split = alignment.split(' '),
+      _alignment$split2 = (0, _slicedToArray2["default"])(_alignment$split, 2),
+      _alignment = _alignment$split2[0],
+      position = _alignment$split2[1];
+
+  var length = _series.length;
+  var onClick = (0, _react.useCallback)(function (e) {
+    var dataset = e.currentTarget.dataset;
+    var name = dataset.name;
+    filterData && interactive && filterData(name);
+  }, [interactive, filterData]);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "__easyv-legend-wrapper",
+    style: _objectSpread({
+      position: 'absolute',
+      height: 'auto',
+      display: 'flex',
+      transform: 'translate3d(' + x + 'px, ' + y + 'px, 0px)'
+    }, getPosition(position, _alignment))
+  }, /*#__PURE__*/_react["default"].createElement("ul", {
+    style: {
+      display: 'grid',
+      gridGap: gridRowGap + 'px ' + gridColumnGap + 'px',
+      gridTemplateColumns: 'repeat(' + Math.min(gridTemplateColumns, length) + ', 1fr)'
+    }
+  }, _series.map(function (series, index) {
+    var type = series.type,
+        name = series.name,
+        displayName = series.displayName,
+        icon = series.icon,
+        selected = series.selected;
+
+    var _icon = (0, _utils.getIcon)(type, icon);
+
+    return /*#__PURE__*/_react["default"].createElement("li", {
+      key: index,
+      onClick: onClick,
+      "data-name": name,
+      style: {
+        display: 'flex',
+        opacity: selected === false ? opacity / 100 : 1,
+        alignItems: 'center',
+        gap: _icon.gap
+      }
+    }, formatter ? formatter(series, config) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
+      style: _icon
+    }), /*#__PURE__*/_react["default"].createElement("span", {
+      style: _objectSpread(_objectSpread({}, font), {}, {
+        fontStyle: italic ? 'italic' : 'normal',
+        fontWeight: bold ? 'bold' : 'normal'
+      })
+    }, displayName || name)));
+  })));
+});
+
+exports["default"] = _default;
+
+var getPosition = function getPosition(position, alignment) {
+  switch (position) {
+    case 'top':
+      return {
+        left: 0,
+        right: 0,
+        top: 5,
+        justifyContent: alignment === 'center' ? 'center' : alignment === 'left' ? 'flex-start' : 'flex-end'
+      };
+
+    case 'right':
+      return {
+        top: 0,
+        bottom: 0,
+        right: 10,
+        alignItems: alignment === 'center' ? 'center' : alignment === 'left' ? 'flex-start' : 'flex-end'
+      };
+
+    case 'left':
+      return {
+        top: 0,
+        bottom: 0,
+        left: 10,
+        alignItems: alignment === 'center' ? 'center' : alignment === 'left' ? 'flex-start' : 'flex-end'
+      };
+
+    default:
+      return {
+        left: 0,
+        right: 0,
+        bottom: 5,
+        justifyContent: alignment === 'center' ? 'center' : alignment === 'left' ? 'flex-start' : 'flex-end'
+      };
+  }
 };

package/lib/components/Lighter.js

@@ -1,180 +1,180 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-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");
-
-/**
- * 区域图发光跟踪路径
- */
-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;
-  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];
-
-  var _useState3 = (0, _react.useState)(null),
-      _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;
-  var interpolateList = (0, _react.useMemo)(function () {
-    return getColorsInterpolate((0, _utils.getColorList)(fill));
-  }, [fill]);
-  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);
-      var overstep = pointIndex - pointLength;
-      var startIndex = getPointIndex(pointIndex, pointLength, curveLength);
-      var endIndex = getPointIndex(pointIndex + curveLength, pointLength, curveLength);
-      var overstepPoints = LOOP && overstep > 0 ? points.slice(0, overstep) : [];
-      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;
-
-      points.push({
-        index: i,
-        x: x,
-        y: y
-      });
-    }
-
-    setPoints(points);
-  }, [d, config]);
-  (0, _react.useEffect)(function () {
-    raf.current = requestAnimationFrame(drawLigher);
-    return function () {
-      cancelAnimationFrame(raf.current);
-    };
-  }, [drawLigher]);
-  return /*#__PURE__*/_react["default"].createElement("g", {
-    ref: setLighter
-  }, points.map(function (_ref2, index) {
-    var x = _ref2.x,
-        y = _ref2.y;
-    return /*#__PURE__*/_react["default"].createElement("circle", {
-      cx: x,
-      cy: y,
-      key: index,
-      r: width,
-      fill: "none"
-    });
-  }));
-};
-
-exports["default"] = _default;
-
-var drawCircle = function drawCircle(children, points, interpolateList) {
-  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: 颜色插值尚需完善
-    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']);
-  var linear = (0, _d3v.scaleLinear)().domain(colors.map(function (d) {
-    return d.offset;
-  })).range(colors.map(function (d) {
-    return d.color;
-  }));
-  return linear;
-};
-
-var easing = {
-  linear: function linear() {
-    return 0;
-  },
-  easeIn: function easeIn(k) {
-    return Math.pow(k, 3);
-  },
-  easeOut: function easeOut(k) {
-    return 1 - easing.easeIn(1 - k);
-  },
-  easeInOut: function easeInOut(k) {
-    return k < 0.5 ? easing.easeIn(k * 2) / 2 : 1 - easing.easeIn(2 - 2 * k) / 2;
-  },
-  easeOutIn: function easeOutIn(k) {
-    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;
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+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");
+
+/**
+ * 区域图发光跟踪路径
+ */
+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;
+  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];
+
+  var _useState3 = (0, _react.useState)(null),
+      _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;
+  var interpolateList = (0, _react.useMemo)(function () {
+    return getColorsInterpolate((0, _utils.getColorList)(fill));
+  }, [fill]);
+  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);
+      var overstep = pointIndex - pointLength;
+      var startIndex = getPointIndex(pointIndex, pointLength, curveLength);
+      var endIndex = getPointIndex(pointIndex + curveLength, pointLength, curveLength);
+      var overstepPoints = LOOP && overstep > 0 ? points.slice(0, overstep) : [];
+      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;
+
+      points.push({
+        index: i,
+        x: x,
+        y: y
+      });
+    }
+
+    setPoints(points);
+  }, [d, config]);
+  (0, _react.useEffect)(function () {
+    raf.current = requestAnimationFrame(drawLigher);
+    return function () {
+      cancelAnimationFrame(raf.current);
+    };
+  }, [drawLigher]);
+  return /*#__PURE__*/_react["default"].createElement("g", {
+    ref: setLighter
+  }, points.map(function (_ref2, index) {
+    var x = _ref2.x,
+        y = _ref2.y;
+    return /*#__PURE__*/_react["default"].createElement("circle", {
+      cx: x,
+      cy: y,
+      key: index,
+      r: width,
+      fill: "none"
+    });
+  }));
+};
+
+exports["default"] = _default;
+
+var drawCircle = function drawCircle(children, points, interpolateList) {
+  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: 颜色插值尚需完善
+    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']);
+  var linear = (0, _d3v.scaleLinear)().domain(colors.map(function (d) {
+    return d.offset;
+  })).range(colors.map(function (d) {
+    return d.color;
+  }));
+  return linear;
+};
+
+var easing = {
+  linear: function linear() {
+    return 0;
+  },
+  easeIn: function easeIn(k) {
+    return Math.pow(k, 3);
+  },
+  easeOut: function easeOut(k) {
+    return 1 - easing.easeIn(1 - k);
+  },
+  easeInOut: function easeInOut(k) {
+    return k < 0.5 ? easing.easeIn(k * 2) / 2 : 1 - easing.easeIn(2 - 2 * k) / 2;
+  },
+  easeOutIn: function easeOutIn(k) {
+    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;
 };