@easyv/charts 1.2.5 → 1.2.8

package/lib/hooks/index.js

@@ -5,46 +5,46 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "useFilterData", {
+Object.defineProperty(exports, "useAnimateData", {
   enumerable: true,
   get: function get() {
-    return _useFilterData["default"];
+    return _useAnimateData["default"];
   }
 });
-Object.defineProperty(exports, "useStackData", {
+Object.defineProperty(exports, "useAxes", {
   enumerable: true,
   get: function get() {
-    return _useStackData["default"];
+    return _useAxes["default"];
   }
 });
-Object.defineProperty(exports, "useAxes", {
+Object.defineProperty(exports, "useCarouselAxisX", {
   enumerable: true,
   get: function get() {
-    return _useAxes["default"];
+    return _useCarouselAxisX["default"];
   }
 });
-Object.defineProperty(exports, "useTooltip", {
+Object.defineProperty(exports, "useExtentData", {
   enumerable: true,
   get: function get() {
-    return _useTooltip["default"];
+    return _useExtentData["default"];
   }
 });
-Object.defineProperty(exports, "useAnimateData", {
+Object.defineProperty(exports, "useFilterData", {
   enumerable: true,
   get: function get() {
-    return _useAnimateData["default"];
+    return _useFilterData["default"];
   }
 });
-Object.defineProperty(exports, "useCarouselAxisX", {
+Object.defineProperty(exports, "useStackData", {
   enumerable: true,
   get: function get() {
-    return _useCarouselAxisX["default"];
+    return _useStackData["default"];
   }
 });
-Object.defineProperty(exports, "useExtentData", {
+Object.defineProperty(exports, "useTooltip", {
   enumerable: true,
   get: function get() {
-    return _useExtentData["default"];
+    return _useTooltip["default"];
   }
 });
 

package/lib/hooks/useAnimateData.js

@@ -15,9 +15,9 @@ var _react = require("react");
 
 var _popmotion = require("popmotion");
 
-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 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 = 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; }
+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; }
 
 /**
  * 图表数据动画

package/lib/hooks/useAxes.js

@@ -17,9 +17,9 @@ var _utils = require("../utils");
 
 var _utils2 = require("@easyv/utils/lib/common/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 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 = 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; }
+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 scales = {
   linear: _d3Scale.scaleLinear,

package/lib/hooks/useCarouselAxisX.js

@@ -17,9 +17,9 @@ var _react = require("react");
 
 var _popmotion = require("popmotion");
 
-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 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 = 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; }
+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 initialState = {
   currentIndex: null,

package/lib/hooks/useExtentData.js

@@ -19,9 +19,9 @@ var _d3v = require("d3v7");
 
 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 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 = 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; }
+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 stackData = function stackData(data, series) {
   var dataMap = (0, _d3v.group)(data, function (d) {
@@ -125,5 +125,6 @@ var getDomain = function getDomain(_ref2, _ref3) {
 
   var min = _ref3.min,
       max = _ref3.max;
+  console.log([min !== '' ? +min : min1, max !== '' ? +max : max1]);
   return [min !== '' ? +min : min1, max !== '' ? +max : max1];
 };

package/lib/hooks/useFilterData.js

@@ -13,11 +13,11 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _react = require("react");
 
-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 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 = 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; }
+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; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { 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 = o[Symbol.iterator](); }, 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 _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); }
 

package/lib/hooks/useStackData.js

@@ -19,15 +19,17 @@ var _d3v = require("d3v7");
 
 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; }
+var _excluded = ["name"];
 
-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; }
+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 getSeriesMap = function getSeriesMap(series) {
   var seriesMap = new Map();
   series.forEach(function (_ref) {
     var name = _ref.name,
-        rest = (0, _objectWithoutProperties2["default"])(_ref, ["name"]);
+        rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
     seriesMap.set(name, _objectSpread(_objectSpread({}, rest), {}, {
       name: name,
       data: []

package/lib/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _typeof = require("@babel/runtime/helpers/typeof");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -82,4 +82,8 @@ Object.keys(_utils3).forEach(function (key) {
       return _utils3[key];
     }
   });
-});
+});
+
+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; }

package/lib/utils/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.band = band;
-exports.getDataWithPercent = exports.sortPie = exports.getDomPath = exports.filterChildren = exports.getChildren = exports.isValidHttpUrl = exports.getBandSeriesStepAndWidth = exports.getBandwidth = exports.getBandBackground = exports.getCurrentStack = exports.resetStacks = exports.seriesYOrZ = exports.dataYOrZ = exports.getStacks = exports.getColorList = exports.getIcon = exports.getTranslate2d = exports.getTranslate3d = exports.getMargin = exports.getFontStyle = exports.getMousePos = exports.identity = exports.getGridCoord = exports.getTickCoord = exports.getTicksOfAxis = exports.getBreakWord = exports.dateFormat = void 0;
+exports.sortPie = exports.seriesYOrZ = exports.resetStacks = exports.reduceConfig = exports.isValidHttpUrl = exports.identity = exports.getTranslate3d = exports.getTranslate2d = exports.getTicksOfAxis = exports.getTickCoord = exports.getStacks = exports.getMousePos = exports.getMargin = exports.getIcon = exports.getGridCoord = exports.getFontStyle = exports.getDomPath = exports.getDataWithPercent = exports.getCurrentStack = exports.getColorList = exports.getChildren = exports.getBreakWord = exports.getBandwidth = exports.getBandSeriesStepAndWidth = exports.getBandBackground = exports.filterChildren = exports.dateFormat = exports.dataYOrZ = void 0;
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
@@ -26,9 +26,12 @@ var _server = require("react-dom/server");
 
 var _svgPoints = require("svg-points");
 
-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; }
+var _excluded = ["backgroundSize"],
+    _excluded2 = ["vote", "value"];
 
-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; }
+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 defaultSize = 10;
 var defaultBackground = '#000000';
@@ -590,7 +593,7 @@ var getBandBackground = function getBandBackground(pattern, fill) {
 
   var _pattern$backgroundSi = pattern.backgroundSize,
       backgroundSize = _pattern$backgroundSi === void 0 ? '100% 100%' : _pattern$backgroundSi,
-      _pattern = (0, _objectWithoutProperties2["default"])(pattern, ["backgroundSize"]);
+      _pattern = (0, _objectWithoutProperties2["default"])(pattern, _excluded);
 
   return 'center top / ' + backgroundSize + ' url("data:image/svg+xml,' + encodeURIComponent((0, _server.renderToStaticMarkup)( /*#__PURE__*/React.createElement(SvgBackground, {
     fill: fill,
@@ -814,7 +817,7 @@ var getDataWithPercent = function getDataWithPercent() {
   var tmp = votesPerQuota.map(function (_ref28, index) {
     var vote = _ref28.vote,
         value = _ref28.value,
-        data = (0, _objectWithoutProperties2["default"])(_ref28, ["vote", "value"]);
+        data = (0, _objectWithoutProperties2["default"])(_ref28, _excluded2);
 
     var obj = _objectSpread(_objectSpread({}, data), {}, {
       value: value,
@@ -830,4 +833,24 @@ var getDataWithPercent = function getDataWithPercent() {
   return tmp;
 };
 
-exports.getDataWithPercent = getDataWithPercent;
+exports.getDataWithPercent = getDataWithPercent;
+var excludeTypes = ['array', 'object', 'group', 'modal', 'colors'];
+
+var reduceConfig = function reduceConfig() {
+  var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+
+  if (!Array.isArray(config)) {
+    return config;
+  }
+
+  var output = {};
+
+  for (var i = 0, len = config.length; i < len; i++) {
+    var type = config[i]._type;
+    output[config[i]._name] = type && !excludeTypes.includes(type) ? config[i]._value : reduceConfig(config[i]._value);
+  }
+
+  return output;
+};
+
+exports.reduceConfig = reduceConfig;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easyv/charts",
-  "version": "1.2.5",
+  "version": "1.2.8",
   "description": "",
   "main": "lib/index.js",
   "scripts": {

package/src/components/BaseLine.js

@@ -0,0 +1,83 @@
+/**
+ * 参考线
+ */
+import React, { memo } from 'react';
+import { getFontStyle } from '../utils';
+
+export default memo(
+  ({
+    width,
+    height,
+    baseLineOri: orientation,
+    config: {
+      dataStyle: {
+        data: {
+          show: dataShow,
+          dataStyle,
+          translate: dataTranslate
+        },
+        label: {
+          label,
+          show: labelShow,
+          textStyle,
+          translate: labelTranslate,
+        }
+      },
+      line: {
+        color,
+        lineType,
+        lineWidth,
+        margin: {
+          marginLeft,
+          marginRight
+        },
+        strokeDasharray,
+      },
+    },
+    yAxis: { scaler: yScaler },
+    data
+  }) => {
+    if (!data.value) return null;
+    console.log(orientation, 'orientation')
+    const x1 = orientation == 'left' ? yScaler(data.value) : marginLeft,
+      x2 = orientation == 'left' ? yScaler(data.value) : width - marginRight,
+      y1 = orientation == 'left' ? marginLeft : yScaler(data.value),
+      y2 = orientation == 'left' ? height - marginRight : yScaler(data.value);
+    return (
+      <>
+        <g className='__easyv-baseLine' >
+          <line
+            x1={x1}
+            x2={x2}
+            y1={y1}
+            y2={y2}
+            stroke={color}
+            fill='none'
+            strokeDasharray={lineType === 'dash' ? strokeDasharray : null}
+            strokeWidth={lineWidth}
+          />
+        </g>
+        {labelShow &&
+          <foreignObject
+            width={100}
+            height={100}
+            x={x2 + labelTranslate.x}
+            y={y2 - textStyle.fontSize + labelTranslate.y}>
+            <div>
+              <span style={{ ...getFontStyle(textStyle) }}>{label}</span>
+            </div>
+          </foreignObject>}
+        {dataShow &&
+          <foreignObject
+            width={100}
+            height={100}
+            x={x2 + dataTranslate.x}
+            y={y2 + dataTranslate.y}>
+            <div>
+              <span style={{ ...getFontStyle(dataStyle) }}>{data.value}</span>
+            </div>
+          </foreignObject>}
+      </>
+    );
+  }
+);

package/src/components/CartesianChart.js

@@ -24,6 +24,7 @@ import {
   Brush,
   Label,
   Mapping,
+  BaseLine
 } from '.';
 
 const Chart = memo(
@@ -41,6 +42,11 @@ const Chart = memo(
       },
       series,
       tooltip,
+      baseLine: {
+        orientation:baseLineOri,
+        config: baseLineConfig = {},
+        data: baseLineData = []
+      },
       tooltip: {
         config: tooltipConfig = {},
         config: { auto, manual, indicator = {} } = {},
@@ -49,7 +55,7 @@ const Chart = memo(
     },
     style,
     data,
-    filterData,
+    filterData
   }) => {
     const context = useContext(chartContext);
     const {
@@ -95,10 +101,10 @@ const Chart = memo(
     const indicatorAttr = isVertical
       ? { width: chartWidth, height: indicatorWidth, y: position }
       : {
-          height: chartHeight,
-          width: indicatorWidth,
-          x: position,
-        };
+        height: chartHeight,
+        width: indicatorWidth,
+        x: position,
+      };
 
     const onInteraction = useCallback(
       (e) => {
@@ -167,6 +173,20 @@ const Chart = memo(
               )
             );
           })}
+          {baseLineData && baseLineData.length > 0 && baseLineData.map((item, index) => {
+            const { line: { yOrZ } } = baseLineConfig[index];
+            const yAxis = axes.get(yOrZ);
+            return (
+              yAxis && (<BaseLine
+                height={height}
+                width={width}
+                key={index}
+                config={baseLineConfig[index]}
+                baseLineOri={baseLineOri}
+                yAxis={yAxis}
+                data={item} />)
+            )
+          })}
         </ChartContainer>
         <Legend {...legend} filterData={filterData} series={series} />
         {showTooltip && (

package/src/components/Line.js

@@ -38,7 +38,8 @@ const Area = ({
     const areaGen = d3Area()
       .x(({ data: { x } }) => xScaler(x))
       .y1(({ data: { y } }) => yScaler(y))
-      .y0(height)
+      // .y0(height)
+      .y0(({})=>yScaler(0))
       .defined(defined);
     curve && areaGen.curve(curveCatmullRom.alpha(tension));
     curve && areaGen.curve(curveMonotoneX);

package/src/components/PieChart.js

@@ -469,18 +469,7 @@ const Component = memo(
               strokeWidth={outerDecorate.width}
             />
             {_arcs.map(
-              (
-                {
-                  id,
-                  value,
-                  series,
-                  arc,
-                  innerRadius,
-                  outerRadius,
-                  index: dataIndex,
-                },
-                index
-              ) => {
+              ({ id, value, series, arc, innerRadius, outerRadius }, index) => {
                 const arcWidth = outerRadius - innerRadius;
                 const path = arc
                   .innerRadius(centerRadius)
@@ -498,7 +487,7 @@ const Component = memo(
                         strokeDashoffset: dashLength,
                         animationDelay: `${index * 2000}ms`,
                       }}
-                      data-index={dataIndex}
+                      data-index={index}
                       onClick={onClick}
                       onMouseEnter={onMouseEnter}
                       onMouseLeave={onMouseLeave}
@@ -605,7 +594,7 @@ const Component = memo(
                 return (
                   <Fragment key={index}>
                     <path
-                      data-index={dataIndex}
+                      data-index={index}
                       onClick={onClick}
                       onMouseEnter={onMouseEnter}
                       onMouseLeave={onMouseLeave}
@@ -619,7 +608,7 @@ const Component = memo(
                       //装饰物2，产生于每个弧的外部
                       decorate2 && decorate2.show && (
                         <path
-                          data-index={dataIndex}
+                          data-index={index}
                           onClick={onClick}
                           onMouseEnter={onMouseEnter}
                           onMouseLeave={onMouseLeave}

package/src/components/index.js

@@ -22,6 +22,7 @@ import ConicalGradient from './ConicalGradient';
 import CartesianChart from './CartesianChart';
 import PieChart from './PieChart';
 import TextOverflow from './TextOverflow';
+import BaseLine from './BaseLine';
 
 const Area = Line;
 export {
@@ -50,4 +51,5 @@ export {
   TextOverflow,
   Chart,
   ConicalGradient,
+  BaseLine,
 };

package/src/utils/index.js

@@ -86,16 +86,16 @@ const getIcon = (type, icon) => {
     case 'line':
       return icon
         ? {
-            ...defaultLineIcon,
-            ...icon,
-          }
+          ...defaultLineIcon,
+          ...icon,
+        }
         : defaultLineIcon;
     default:
       return icon
         ? {
-            ...defaultIcon,
-            ...icon,
-          }
+          ...defaultIcon,
+          ...icon,
+        }
         : defaultIcon;
   }
 };
@@ -663,6 +663,24 @@ const getDataWithPercent = (data = [], precision = 0) => {
   return tmp;
 };
 
+
+const excludeTypes = ['array', 'object', 'group', 'modal', 'colors'];
+const reduceConfig = (config = []) => {
+  if (!Array.isArray(config)) {
+    return config;
+  }
+  let output = {};
+  for (let i = 0, len = config.length; i < len; i++) {
+    let type = config[i]._type;
+
+    output[config[i]._name] =
+      type && !excludeTypes.includes(type)
+        ? config[i]._value
+        : reduceConfig(config[i]._value);
+  }
+  return output;
+}
+
 export {
   dateFormat,
   getBreakWord,
@@ -692,4 +710,5 @@ export {
   getDomPath,
   sortPie,
   getDataWithPercent,
+  reduceConfig,
 };