@easyv/charts 1.4.29 → 1.4.31

package/lib/components/Chart.js

@@ -1,69 +1,82 @@
 "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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _context = require("../context");
+
 var _ = require(".");
+
 var _excluded = ["id", "type", "config", "config", "data", "onRelative", "emit", "emitEvent"];
-/**
- * 总入口，通过外面传进来的type来确定渲染哪种图表，饼环图表为“pie”，否则为轴类图表
- */
+
 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 getCallbackData = function getCallbackData(action, callbacks, data) {
-  var callbackData;
+  var callbackData = {};
+
   if (callbacks && Array.isArray(callbacks) && callbacks.length && data) {
     callbacks.forEach(function (_ref) {
       var origin = _ref.origin,
-        target = _ref.target,
-        _action = _ref.actions;
+          target = _ref.target,
+          _action = _ref.actions;
+
       if (action === _action) {
-        callbackData = {};
         callbackData[target] = data[origin];
       }
     });
   }
+
   return callbackData;
 };
+
 var Chart = /*#__PURE__*/(0, _react.memo)(function (_ref2) {
   var id = _ref2.id,
-    type = _ref2.type,
-    config = _ref2.config,
-    _ref2$config = _ref2.config,
-    _ref2$config$chart = _ref2$config.chart,
-    _ref2$config$chart$di = _ref2$config$chart.dimension.chartDimension,
-    height = _ref2$config$chart$di.height,
-    width = _ref2$config$chart$di.width,
-    _ref2$config$chart$ma = _ref2$config$chart.margin,
-    marginRight = _ref2$config$chart$ma.marginRight,
-    marginLeft = _ref2$config$chart$ma.marginLeft,
-    marginBottom = _ref2$config$chart$ma.marginBottom,
-    marginTop = _ref2$config$chart$ma.marginTop,
-    interaction = _ref2$config.interaction,
-    data = _ref2.data,
-    onRelative = _ref2.onRelative,
-    emit = _ref2.emit,
-    emitEvent = _ref2.emitEvent,
-    props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
+      type = _ref2.type,
+      config = _ref2.config,
+      _ref2$config = _ref2.config,
+      _ref2$config$chart = _ref2$config.chart,
+      _ref2$config$chart$di = _ref2$config$chart.dimension.chartDimension,
+      height = _ref2$config$chart$di.height,
+      width = _ref2$config$chart$di.width,
+      _ref2$config$chart$ma = _ref2$config$chart.margin,
+      marginRight = _ref2$config$chart$ma.marginRight,
+      marginLeft = _ref2$config$chart$ma.marginLeft,
+      marginBottom = _ref2$config$chart$ma.marginBottom,
+      marginTop = _ref2$config$chart$ma.marginTop,
+      interaction = _ref2$config.interaction,
+      data = _ref2.data,
+      onRelative = _ref2.onRelative,
+      emit = _ref2.emit,
+      emitEvent = _ref2.emitEvent,
+      props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
   var svg = /*#__PURE__*/(0, _react.createRef)();
   var chartWidth = width - marginLeft - marginRight;
   var chartHeight = height - marginTop - marginBottom;
   var triggerOnRelative = (0, _react.useCallback)(function (action, data) {
     if (!interaction) return;
     var callbacks = interaction.callbacks,
-      remoteControls = interaction.remoteControls;
+        remoteControls = interaction.remoteControls;
     var callbackData = getCallbackData(action, callbacks, data);
+
     if (callbackData) {
       onRelative && onRelative(id, callbackData);
       remoteControls && emitEvent && remoteControls.forEach(function (o) {
         var control = JSON.parse(o.control);
+
         if (control.screen && control.type && control.type === 'callback') {
           emitEvent({
             screen: control.screen,

package/lib/components/ChartContainer.js

@@ -1,37 +1,45 @@
 "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 _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; } /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             * svg外框
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             */
+
+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 event = function event() {};
+
 var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var width = _ref.width,
-    height = _ref.height,
-    marginLeft = _ref.marginLeft,
-    marginTop = _ref.marginTop,
-    style = _ref.style,
-    children = _ref.children,
-    _ref$onMouseEnter = _ref.onMouseEnter,
-    onMouseEnter = _ref$onMouseEnter === void 0 ? event : _ref$onMouseEnter,
-    _ref$onMouseLeave = _ref.onMouseLeave,
-    onMouseLeave = _ref$onMouseLeave === void 0 ? event : _ref$onMouseLeave,
-    _ref$onClick = _ref.onClick,
-    onClick = _ref$onClick === void 0 ? event : _ref$onClick,
-    _ref$onMouseMove = _ref.onMouseMove,
-    onMouseMove = _ref$onMouseMove === void 0 ? event : _ref$onMouseMove,
-    _ref$onMouseOut = _ref.onMouseOut,
-    onMouseOut = _ref$onMouseOut === void 0 ? event : _ref$onMouseOut;
+      height = _ref.height,
+      marginLeft = _ref.marginLeft,
+      marginTop = _ref.marginTop,
+      style = _ref.style,
+      children = _ref.children,
+      _ref$onMouseEnter = _ref.onMouseEnter,
+      onMouseEnter = _ref$onMouseEnter === void 0 ? event : _ref$onMouseEnter,
+      _ref$onMouseLeave = _ref.onMouseLeave,
+      onMouseLeave = _ref$onMouseLeave === void 0 ? event : _ref$onMouseLeave,
+      _ref$onClick = _ref.onClick,
+      onClick = _ref$onClick === void 0 ? event : _ref$onClick,
+      _ref$onMouseMove = _ref.onMouseMove,
+      onMouseMove = _ref$onMouseMove === void 0 ? event : _ref$onMouseMove,
+      _ref$onMouseOut = _ref.onMouseOut,
+      onMouseOut = _ref$onMouseOut === void 0 ? event : _ref$onMouseOut;
   return /*#__PURE__*/_react["default"].createElement("svg", {
     className: "__easyv-svg",
     width: width,
@@ -52,4 +60,5 @@ var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef
     transform: "translate(" + marginLeft + ", " + marginTop + ")"
   }, children));
 }));
+
 exports["default"] = _default;

package/lib/components/ConicalGradient.js

@@ -1,56 +1,72 @@
 "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 _react = _interopRequireWildcard(require("react"));
+
 var _d3v = require("d3v7");
+
 var _utils = require("@easyv/utils/lib/common/utils");
+
 var _indexModule = _interopRequireDefault(require("../css/index.module.css"));
+
 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 width = _ref.width,
-    height = _ref.height,
-    centerX = _ref.centerX,
-    centerY = _ref.centerY,
-    radius = _ref.radius,
-    _ref$config = _ref.config,
-    show = _ref$config.show,
-    innerRadius = _ref$config.innerRadius,
-    outerRadius = _ref$config.outerRadius,
-    opacity = _ref$config.opacity,
-    speed = _ref$config.speed,
-    direction = _ref$config.direction,
-    arcs = _ref.arcs;
+      height = _ref.height,
+      centerX = _ref.centerX,
+      centerY = _ref.centerY,
+      radius = _ref.radius,
+      _ref$config = _ref.config,
+      show = _ref$config.show,
+      innerRadius = _ref$config.innerRadius,
+      outerRadius = _ref$config.outerRadius,
+      opacity = _ref$config.opacity,
+      speed = _ref$config.speed,
+      direction = _ref$config.direction,
+      arcs = _ref.arcs;
   if (!show) return null;
+
   var _useState = (0, _react.useState)(null),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    canvas = _useState2[0],
-    setCanvas = _useState2[1];
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      canvas = _useState2[0],
+      setCanvas = _useState2[1];
+
   (0, _react.useEffect)(function () {
     if (arcs && arcs.length > 0 && canvas && canvas.getContext('2d')) {
       var _radius = radius * devicePixelRatio;
+
       var context = canvas.getContext('2d');
       context.clearRect(0, 0, width * devicePixelRatio, height * devicePixelRatio);
       context.save();
       context.translate(centerX * devicePixelRatio, centerY * devicePixelRatio);
       context.beginPath();
-      var _arc = (0, _d3v.arc)().innerRadius(innerRadius * _radius).outerRadius(outerRadius * _radius)
-      // .padAngle(axis.pole.padAngle)
+
+      var _arc = (0, _d3v.arc)().innerRadius(innerRadius * _radius).outerRadius(outerRadius * _radius) // .padAngle(axis.pole.padAngle)
       // .cornerRadius(axis.pole.cornerRadius)
       .context(context);
+
       arcs.forEach(function (element) {
         var startAngle = element.arc.startAngle()();
         var endAngle = element.arc.endAngle()();
+
         _arc.startAngle(startAngle).endAngle(endAngle)();
+
         context.fillStyle = 'rgba(255, 255, 255, 0)';
         context.fill();
       });
@@ -59,18 +75,20 @@ var _default = function _default(_ref) {
       var conic = new ConicalGradient();
       arcs.reduce(function (reduced, _ref2) {
         var percent = _ref2.percent,
-          _ref2$series$color = _ref2.series.color,
-          type = _ref2$series$color.type,
-          pure = _ref2$series$color.pure,
-          stops = _ref2$series$color.linear.stops;
+            _ref2$series$color = _ref2.series.color,
+            type = _ref2$series$color.type,
+            pure = _ref2$series$color.pure,
+            stops = _ref2$series$color.linear.stops;
         var result = reduced + percent / 100;
         var color = type == 'pure' ? pure : stops[0].color;
+
         if (!!color) {
           var _converColor = (0, _utils.converColor)(color, 1),
-            r = _converColor.r,
-            g = _converColor.g,
-            b = _converColor.b,
-            a = _converColor.a;
+              r = _converColor.r,
+              g = _converColor.g,
+              b = _converColor.b,
+              a = _converColor.a;
+
           conic.addColorStop(reduced, {
             r: r,
             g: g,
@@ -84,6 +102,7 @@ var _default = function _default(_ref) {
             a: a
           });
         }
+
         return result;
       }, 0);
       conic.fill(context, 0, 0, _radius, 0, 2 * Math.PI, false);
@@ -108,42 +127,50 @@ var _default = function _default(_ref) {
     }
   });
 };
-/**
- * ConicalGradient
+/**
+ * ConicalGradient
  */
+
+
 exports["default"] = _default;
+
 function ConicalGradient() {
   this._offsets = [];
   this._colors = [];
 }
+
 ConicalGradient.prototype = {
-  /**
-   * addColorStop
-   *
-   * @param {Number} offset
-   * @param {Array} color RGBA值
+  /**
+   * addColorStop
+   *
+   * @param {Number} offset
+   * @param {Array} color RGBA值
    */
   addColorStop: function addColorStop(offset, color) {
     this._offsets.push(offset);
+
     this._colors.push(color);
+
     return this;
   },
-  /**
-   * _offsetsReverse (array.forEach callback)
+
+  /**
+   * _offsetsReverse (array.forEach callback)
    */
   _offsetsReverse: function _offsetsReverse(offset, index, array) {
     array[index] = 1 - offset;
   },
-  /**
-   * fill
-   *
-   * @param {Number} context
-   * @param {Number} x
-   * @param {Number} y
-   * @param {Number} radius
-   * @param {Number} startAngle
-   * @param {Number} endAngle
-   * @param {Boolean} anticlockwise
+
+  /**
+   * fill
+   *
+   * @param {Number} context
+   * @param {Number} x
+   * @param {Number} y
+   * @param {Number} radius
+   * @param {Number} startAngle
+   * @param {Number} endAngle
+   * @param {Boolean} anticlockwise
    */
   fill: function fill(context, x, y, radius, startAngle, endAngle, anticlockwise) {
     var offsets = this._offsets;
@@ -154,6 +181,7 @@ ConicalGradient.prototype = {
     startAngle %= TWO_PI;
     if (endAngle < 0) endAngle = endAngle % TWO_PI + TWO_PI;
     endAngle %= TWO_PI;
+
     if (anticlockwise) {
       // 逆时针
       var swap = startAngle;
@@ -163,9 +191,11 @@ ConicalGradient.prototype = {
       offsets.reverse();
       offsets.forEach(this._offsetsReverse);
     }
+
     if (startAngle > endAngle || Math.abs(endAngle - startAngle) < 0.0001) {
       endAngle += TWO_PI;
     }
+
     var colorsLength = colors.length;
     var currentColorIndex = 0;
     var currentColor = colors[currentColorIndex];
@@ -178,21 +208,22 @@ ConicalGradient.prototype = {
     var arcStartAngle = startAngle;
     var arcEndAngle;
     var r1 = currentColor.r,
-      g1 = currentColor.g,
-      b1 = currentColor.b,
-      a1 = currentColor.a,
-      r2 = nextColor.r,
-      g2 = nextColor.g,
-      b2 = nextColor.b,
-      a2 = nextColor.a;
+        g1 = currentColor.g,
+        b1 = currentColor.b,
+        a1 = currentColor.a,
+        r2 = nextColor.r,
+        g2 = nextColor.g,
+        b2 = nextColor.b,
+        a2 = nextColor.a;
     if (!a1 && a1 !== 0) a1 = 1;
     if (!a2 && a2 !== 0) a2 = 1;
     var rd = r2 - r1,
-      gd = g2 - g1,
-      bd = b2 - b1,
-      ad = a2 - a1;
+        gd = g2 - g1,
+        bd = b2 - b1,
+        ad = a2 - a1;
     var t, r, g, b, a;
     context.save();
+
     for (var i = 0, n = 1 / totalAngleDeg; i < 1; i += n) {
       if (i >= currentOffset) {
         currentColorIndex++;
@@ -221,6 +252,7 @@ ConicalGradient.prototype = {
         currentOffset = offsets[currentColorIndex];
         offsetDist = currentOffset - prevOffset;
       }
+
       t = (i - prevOffset) / offsetDist;
       r = rd * t + r1 & 255;
       g = gd * t + g1 & 255;
@@ -235,6 +267,7 @@ ConicalGradient.prototype = {
       context.fill();
       arcStartAngle += stepAngleRad;
     }
+
     context.restore();
     return this;
   }

package/lib/components/Control.js

@@ -1,34 +1,49 @@
 "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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _d3Scale = require("d3-scale");
+
 var _excluded = ["Component", "yOrZ"];
+
 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 _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$props = props.props,
-    control = _props$props.control,
-    axes = _props$props.axes,
-    series = _props$props.series,
-    xLineRange = _props$props.xLineRange,
-    yLineRange = _props$props.yLineRange,
-    marginTop = _props$props.marginTop,
-    axisX = _props$props.axisX,
-    bandLength = _props$props.bandLength;
+      control = _props$props.control,
+      axes = _props$props.axes,
+      series = _props$props.series,
+      xLineRange = _props$props.xLineRange,
+      yLineRange = _props$props.yLineRange,
+      marginTop = _props$props.marginTop,
+      axisX = _props$props.axisX,
+      bandLength = _props$props.bandLength;
+
   var _axisX = _objectSpread(_objectSpread({}, axisX), {}, {
     scaler: axisX.controlDragScaler
   });
+
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("foreignObject", {
     style: {
       width: xLineRange,
@@ -42,11 +57,11 @@ var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef
     height: "100%"
   }, series.map(function (_ref, index) {
     var Component = _ref.Component,
-      yOrZ = _ref.yOrZ,
-      config = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+        yOrZ = _ref.yOrZ,
+        config = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
     var yAxis = axes.get(yOrZ);
-    var cloneYAxis = JSON.parse(JSON.stringify(yAxis));
-    //todo range
+    var cloneYAxis = JSON.parse(JSON.stringify(yAxis)); //todo range
+
     cloneYAxis.scaler = (0, _d3Scale.scaleLinear)().domain(yAxis.domain).range([control.height, 0]);
     return yAxis && Component && /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({
       key: index
@@ -62,4 +77,5 @@ var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef
     fill: control.drag.color
   }))));
 }));
+
 exports["default"] = _default;

package/lib/components/ExtentData.js

@@ -1,30 +1,37 @@
 "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 _react = require("react");
+
 var _hooks = require("../hooks");
+
 var _excluded = ["axes", "series"],
-  _excluded2 = ["config", "data"];
-/**
- * 计算X/Y/Z轴的domain，具体的逻辑在useExtentData(HOC)
- */
+    _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; }
+
 var _default = function _default(Component) {
   return /*#__PURE__*/(0, _react.memo)(function (_ref) {
     var _ref$config = _ref.config,
-      axes = _ref$config.axes,
-      series = _ref$config.series,
-      config = (0, _objectWithoutProperties2["default"])(_ref$config, _excluded),
-      data = _ref.data,
-      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded2);
+        axes = _ref$config.axes,
+        series = _ref$config.series,
+        config = (0, _objectWithoutProperties2["default"])(_ref$config, _excluded),
+        data = _ref.data,
+        props = (0, _objectWithoutProperties2["default"])(_ref, _excluded2);
     return /*#__PURE__*/React.createElement(Component, (0, _extends2["default"])({}, props, {
       config: _objectSpread(_objectSpread({}, config), {}, {
         axes: (0, _hooks.useExtentData)({
@@ -38,4 +45,5 @@ var _default = function _default(Component) {
     }));
   });
 };
+
 exports["default"] = _default;

package/lib/components/FilterData.js

@@ -1,39 +1,49 @@
 "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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _react = require("react");
+
 var _hooks = require("../hooks");
+
 var _excluded = ["series"],
-  _excluded2 = ["config", "data"];
-/**
- * 点击图例进行数据筛选，具体逻辑在useFilterData(HOC)
- */
+    _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; }
+
 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),
-      data = _ref.data,
-      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded2);
+        series = _ref$config.series,
+        config = (0, _objectWithoutProperties2["default"])(_ref$config, _excluded),
+        data = _ref.data,
+        props = (0, _objectWithoutProperties2["default"])(_ref, _excluded2);
+
     var _useFilterData = (0, _hooks.useFilterData)({
-        series: series,
-        data: data
-      }),
-      _useFilterData2 = (0, _slicedToArray2["default"])(_useFilterData, 2),
-      _useFilterData2$ = _useFilterData2[0],
-      _series = _useFilterData2$.series,
-      filteredData = _useFilterData2$.data,
-      filterData = _useFilterData2[1];
+      series: series,
+      data: data
+    }),
+        _useFilterData2 = (0, _slicedToArray2["default"])(_useFilterData, 2),
+        _useFilterData2$ = _useFilterData2[0],
+        _series = _useFilterData2$.series,
+        filteredData = _useFilterData2$.data,
+        filterData = _useFilterData2[1];
+
     return /*#__PURE__*/React.createElement(Component, (0, _extends2["default"])({}, props, {
       config: _objectSpread(_objectSpread({}, config), {}, {
         series: _series
@@ -43,4 +53,5 @@ var _default = function _default(Component) {
     }));
   });
 };
+
 exports["default"] = _default;