@easyv/charts 1.4.15 → 1.4.16

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);
@@ -130,15 +111,11 @@ var _default = function _default(_ref) {
 /**
  * ConicalGradient
  */
-
-
 exports["default"] = _default;
-
 function ConicalGradient() {
   this._offsets = [];
   this._colors = [];
 }
-
 ConicalGradient.prototype = {
   /**
    * addColorStop
@@ -148,19 +125,15 @@ ConicalGradient.prototype = {
    */
   addColorStop: function addColorStop(offset, color) {
     this._offsets.push(offset);
-
     this._colors.push(color);
-
     return this;
   },
-
   /**
    * _offsetsReverse (array.forEach callback)
    */
   _offsetsReverse: function _offsetsReverse(offset, index, array) {
     array[index] = 1 - offset;
   },
-
   /**
    * fill
    *
@@ -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/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;

package/lib/components/Indicator.js

@@ -4,18 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 /**
  * 轴类图表移上去的指示框背景
  */
 var _default = function _default(_ref) {
   var color = _ref.color,
-      height = _ref.height,
-      width = _ref.width,
-      _ref$x = _ref.x,
-      x = _ref$x === void 0 ? 0 : _ref$x,
-      _ref$y = _ref.y,
-      y = _ref$y === void 0 ? 0 : _ref$y;
+    height = _ref.height,
+    width = _ref.width,
+    _ref$x = _ref.x,
+    x = _ref$x === void 0 ? 0 : _ref$x,
+    _ref$y = _ref.y,
+    y = _ref$y === void 0 ? 0 : _ref$y;
   return /*#__PURE__*/React.createElement("rect", {
     width: width,
     height: height,
@@ -25,5 +24,4 @@ var _default = function _default(_ref) {
     stroke: "none"
   });
 };
-
 exports["default"] = _default;