@easyv/charts 1.4.25 → 1.4.26

package/lib/components/Chart.js

@@ -1,79 +1,66 @@
 "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(callbacks, data) {
   var callbackData;
-
   if (callbacks && Array.isArray(callbacks) && callbacks.length && data) {
     callbackData = {};
     callbacks.forEach(function (_ref) {
       var origin = _ref.origin,
-          target = _ref.target;
+        target = _ref.target;
       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 (data) {
     if (!interaction) return;
     var callbacks = interaction.callbacks,
-        remoteControls = interaction.remoteControls;
+      remoteControls = interaction.remoteControls;
     var callbackData = getCallbackData(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,45 +1,37 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _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; }
-
+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外框
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             */
 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,
@@ -60,5 +52,4 @@ var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef
     transform: "translate(" + marginLeft + ", " + marginTop + ")"
   }, children));
 }));
-
 exports["default"] = _default;

package/lib/components/ConicalGradient.js

@@ -1,72 +1,56 @@
 "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();
       });
@@ -75,20 +59,18 @@ 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,
@@ -102,7 +84,6 @@ var _default = function _default(_ref) {
             a: a
           });
         }
-
         return result;
       }, 0);
       conic.fill(context, 0, 0, _radius, 0, 2 * Math.PI, false);
@@ -127,50 +108,42 @@ 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;
@@ -181,7 +154,6 @@ ConicalGradient.prototype = {
     startAngle %= TWO_PI;
     if (endAngle < 0) endAngle = endAngle % TWO_PI + TWO_PI;
     endAngle %= TWO_PI;
-
     if (anticlockwise) {
       // 逆时针
       var swap = startAngle;
@@ -191,11 +163,9 @@ 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];
@@ -208,22 +178,21 @@ 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++;
@@ -252,7 +221,6 @@ ConicalGradient.prototype = {
         currentOffset = offsets[currentColorIndex];
         offsetDist = currentOffset - prevOffset;
       }
-
       t = (i - prevOffset) / offsetDist;
       r = rd * t + r1 & 255;
       g = gd * t + g1 & 255;
@@ -267,7 +235,6 @@ ConicalGradient.prototype = {
       context.fill();
       arcStartAngle += stepAngleRad;
     }
-
     context.restore();
     return this;
   }

package/lib/components/Control.js

@@ -1,49 +1,34 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _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,
@@ -57,11 +42,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
@@ -77,5 +62,4 @@ var _default = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef
     fill: control.drag.color
   }))));
 }));
-
 exports["default"] = _default;

package/lib/components/ExtentData.js

@@ -1,37 +1,30 @@
 "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"];
-
+  _excluded2 = ["config", "data"];
+/**
+ * 计算X/Y/Z轴的domain，具体的逻辑在useExtentData(HOC)
+ */
 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)({
@@ -45,5 +38,4 @@ var _default = function _default(Component) {
     }));
   });
 };
-
 exports["default"] = _default;

package/lib/components/FilterData.js

@@ -1,49 +1,39 @@
 "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"];
-
+  _excluded2 = ["config", "data"];
+/**
+ * 点击图例进行数据筛选，具体逻辑在useFilterData(HOC)
+ */
 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
@@ -53,5 +43,4 @@ var _default = function _default(Component) {
     }));
   });
 };
-
 exports["default"] = _default;