@easyv/charts 1.2.1 → 1.2.4

package/lib/components/Line.js

@@ -1,182 +1,188 @@
-"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 _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(".");
-
-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 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, ["data"]);
-    return _objectSpread(_objectSpread({}, item), {}, {
-      data: _objectSpread(_objectSpread({}, data), {}, {
-        y: +data.y
-      })
-    });
-  }) : 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;
-
-  var _yScaler$range = yScaler.range(),
-      _yScaler$range2 = (0, _slicedToArray2["default"])(_yScaler$range, 1),
-      height = _yScaler$range2[0];
-
-  var area = (0, _react.useMemo)(function () {
-    return (0, _utils.getColorList)(fill);
-  }, [fill]);
-  var areaGen = (0, _react.useMemo)(function () {
-    var areaGen = (0, _d3v.area)().x(function (_ref3) {
-      var x = _ref3.data.x;
-      return xScaler(x);
-    }).y1(function (_ref4) {
-      var y = _ref4.data.y;
-      return yScaler(y);
-    }).y0(height).defined(defined);
-    curve && areaGen.curve(_d3v.curveCatmullRom.alpha(tension));
-    curve && areaGen.curve(_d3v.curveMonotoneX);
-    return areaGen;
-  }, [xScaler, yScaler, curve, tension]);
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("path", {
-    d: areaGen(data),
-    stroke: "none",
-    fill: 'url(#' + id + ')'
-  }), /*#__PURE__*/_react["default"].createElement("defs", null, type && type == 'pattern' ? /*#__PURE__*/_react["default"].createElement("pattern", {
-    id: id,
-    patternUnits: "userSpaceOnUse",
-    width: patternW,
-    height: patternH
-  }, url && /*#__PURE__*/_react["default"].createElement("image", {
-    opacity: opacity,
-    width: patternW,
-    height: patternH,
-    xlinkHref: window.appConfig.ASSETS_URL + url
-  })) : /*#__PURE__*/_react["default"].createElement(_.LinearGradient, {
-    id: id,
-    colors: area,
-    rotate: 0
-  })));
-};
-
-var _default = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
-  var type = _ref5.type,
-      _ref5$config$line = _ref5.config.line,
-      lineType = _ref5$config$line.type,
-      lineWidth = _ref5$config$line.lineWidth,
-      curve = _ref5$config$line.curve,
-      tension = _ref5$config$line.tension,
-      connectNulls = _ref5$config$line.connectNulls,
-      lighter = _ref5$config$line.lighter,
-      _ref5$line = _ref5.line,
-      lineId = _ref5$line.id,
-      stroke = _ref5$line.stroke,
-      area = _ref5.area,
-      data = _ref5.data,
-      _ref5$xAxis = _ref5.xAxis,
-      xScaler = _ref5$xAxis.scaler,
-      direction = _ref5$xAxis.direction,
-      yScaler = _ref5.yAxis.scaler;
-  if (!data.length) return null;
-  var ticks = xScaler.domain();
-  var sortData = (0, _react.useMemo)(function () {
-    var usefulData = data.filter(function (_ref6) {
-      var x = _ref6.data.x;
-      return ticks.indexOf(x) > -1;
-    });
-    return usefulData.sort(function (_ref7, _ref8) {
-      var a = _ref7.data.x;
-      var b = _ref8.data.x;
-      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 (_ref9) {
-      var x = _ref9.data.x;
-      return xScaler(x);
-    }).x(function (_ref10) {
-      var y = _ref10.data.y;
-      return yScaler(y);
-    }) : (0, _d3v.line)().x(function (_ref11) {
-      var x = _ref11.data.x;
-      return xScaler(x);
-    }).y(function (_ref12) {
-      var y = _ref12.data.y;
-      return yScaler(y);
-    })).defined(defined);
-    curve && lineGen.curve(_d3v.curveCatmullRom.alpha(tension));
-    curve && lineGen.curve(_d3v.curveMonotoneX);
-    return lineGen;
-  }, [direction, xScaler, yScaler, tension, curve]);
-  var path = lineGen(_data);
-  var showLighter = lighter && lighter.show;
-  return /*#__PURE__*/_react["default"].createElement("g", {
-    className: "__easyv-line"
-  }, /*#__PURE__*/_react["default"].createElement("path", {
-    d: path,
-    stroke: stroke,
-    fill: "none",
-    strokeDasharray: lineType === 'dash' ? '3 3' : null,
-    strokeWidth: lineWidth
-  }), type == 'area' && /*#__PURE__*/_react["default"].createElement(Area, {
-    data: _data,
-    config: _objectSpread(_objectSpread({}, area), {}, {
-      curve: curve,
-      tension: tension
-    }),
-    xScaler: xScaler,
-    yScaler: yScaler
-  }), showLighter && /*#__PURE__*/_react["default"].createElement(_.Lighter, {
-    path: path,
-    config: lighter
-  }));
-});
-
+"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 _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);
+    return _objectSpread(_objectSpread({}, item), {}, {
+      data: _objectSpread(_objectSpread({}, data), {}, {
+        y: +data.y
+      })
+    });
+  }) : 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;
+
+  var _yScaler$range = yScaler.range(),
+      _yScaler$range2 = (0, _slicedToArray2["default"])(_yScaler$range, 1),
+      height = _yScaler$range2[0];
+
+  var area = (0, _react.useMemo)(function () {
+    return (0, _utils.getColorList)(fill);
+  }, [fill]);
+  var areaGen = (0, _react.useMemo)(function () {
+    var areaGen = (0, _d3v.area)().x(function (_ref3) {
+      var x = _ref3.data.x;
+      return xScaler(x);
+    }).y1(function (_ref4) {
+      var y = _ref4.data.y;
+      return yScaler(y);
+    }).y0(height).defined(defined);
+    curve && areaGen.curve(_d3v.curveCatmullRom.alpha(tension));
+    curve && areaGen.curve(_d3v.curveMonotoneX);
+    return areaGen;
+  }, [xScaler, yScaler, curve, tension]);
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("path", {
+    d: areaGen(data),
+    stroke: "none",
+    fill: 'url(#' + id + ')'
+  }), /*#__PURE__*/_react["default"].createElement("defs", null, type && type == 'pattern' ? /*#__PURE__*/_react["default"].createElement("pattern", {
+    id: id,
+    patternUnits: "userSpaceOnUse",
+    width: patternW,
+    height: patternH
+  }, url && /*#__PURE__*/_react["default"].createElement("image", {
+    opacity: opacity,
+    width: patternW,
+    height: patternH,
+    xlinkHref: window.appConfig.ASSETS_URL + url
+  })) : /*#__PURE__*/_react["default"].createElement(_.LinearGradient, {
+    id: id,
+    colors: area,
+    rotate: 0
+  })));
+};
+
+var _default = /*#__PURE__*/(0, _react.memo)(function (_ref5) {
+  var type = _ref5.type,
+      _ref5$config$line = _ref5.config.line,
+      lineType = _ref5$config$line.type,
+      lineWidth = _ref5$config$line.lineWidth,
+      curve = _ref5$config$line.curve,
+      tension = _ref5$config$line.tension,
+      connectNulls = _ref5$config$line.connectNulls,
+      lighter = _ref5$config$line.lighter,
+      _ref5$line = _ref5.line,
+      lineId = _ref5$line.id,
+      stroke = _ref5$line.stroke,
+      area = _ref5.area,
+      data = _ref5.data,
+      _ref5$xAxis = _ref5.xAxis,
+      xScaler = _ref5$xAxis.scaler,
+      direction = _ref5$xAxis.direction,
+      yScaler = _ref5.yAxis.scaler;
+  if (!data.length) return null;
+  var ticks = xScaler.domain();
+  var sortData = (0, _react.useMemo)(function () {
+    var usefulData = data.filter(function (_ref6) {
+      var x = _ref6.data.x;
+      return ticks.indexOf(x) > -1;
+    });
+    return usefulData.sort(function (_ref7, _ref8) {
+      var a = _ref7.data.x;
+      var b = _ref8.data.x;
+      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 (_ref9) {
+      var x = _ref9.data.x;
+      return xScaler(x);
+    }).x(function (_ref10) {
+      var y = _ref10.data.y;
+      return yScaler(y);
+    }) : (0, _d3v.line)().x(function (_ref11) {
+      var x = _ref11.data.x;
+      return xScaler(x);
+    }).y(function (_ref12) {
+      var y = _ref12.data.y;
+      return yScaler(y);
+    })).defined(defined);
+    curve && lineGen.curve(_d3v.curveCatmullRom.alpha(tension));
+    curve && lineGen.curve(_d3v.curveMonotoneX);
+    return lineGen;
+  }, [direction, xScaler, yScaler, tension, curve]);
+  var path = lineGen(_data);
+  var showLighter = lighter && lighter.show;
+  return /*#__PURE__*/_react["default"].createElement("g", {
+    className: "__easyv-line"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    d: path,
+    stroke: stroke,
+    fill: "none",
+    strokeDasharray: lineType === 'dash' ? '3 3' : null,
+    strokeWidth: lineWidth
+  }), type == 'area' && /*#__PURE__*/_react["default"].createElement(Area, {
+    data: _data,
+    config: _objectSpread(_objectSpread({}, area), {}, {
+      curve: curve,
+      tension: tension
+    }),
+    xScaler: xScaler,
+    yScaler: yScaler
+  }), showLighter && /*#__PURE__*/_react["default"].createElement(_.Lighter, {
+    path: path,
+    config: lighter
+  }));
+});
+
 exports["default"] = _default;

package/lib/components/LinearGradient.js

@@ -9,8 +9,8 @@ exports["default"] = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
-/**
- * svg渐变滤镜
+/**
+ * svg渐变滤镜
  */
 var _default = function _default(_ref) {
   var id = _ref.id,