@easyv/charts 1.4.16 → 1.4.17

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);
@@ -111,11 +130,15 @@ var _default = function _default(_ref) {
 /**
  * ConicalGradient
  */
+
+
 exports["default"] = _default;
+
 function ConicalGradient() {
   this._offsets = [];
   this._colors = [];
 }
+
 ConicalGradient.prototype = {
   /**
    * addColorStop
@@ -125,15 +148,19 @@ 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
    *
@@ -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/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;

package/lib/components/Indicator.js

@@ -4,17 +4,18 @@ 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,
@@ -24,4 +25,5 @@ var _default = function _default(_ref) {
     stroke: "none"
   });
 };
+
 exports["default"] = _default;