@easyv/charts 1.1.7 → 1.2.1

package/lib/components/ChartContainer.js

@@ -1,59 +1,59 @@
-"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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-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 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;
-  return /*#__PURE__*/_react["default"].createElement("svg", {
-    className: "__easyv-svg",
-    width: width,
-    height: height,
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave,
-    onMouseOut: onMouseOut,
-    onClick: onClick,
-    onMouseMove: onMouseMove,
-    ref: ref,
-    style: _objectSpread({
-      position: 'absolute',
-      width: width,
-      height: height
-    }, style)
-  }, /*#__PURE__*/_react["default"].createElement("g", {
-    transform: 'translate(' + marginLeft + ', ' + marginTop + ')'
-  }, children));
-}));
-
+"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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+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 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;
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    className: "__easyv-svg",
+    width: width,
+    height: height,
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
+    onMouseOut: onMouseOut,
+    onClick: onClick,
+    onMouseMove: onMouseMove,
+    ref: ref,
+    style: _objectSpread({
+      position: 'absolute',
+      width: width,
+      height: height
+    }, style)
+  }, /*#__PURE__*/_react["default"].createElement("g", {
+    transform: 'translate(' + marginLeft + ', ' + marginTop + ')'
+  }, children));
+}));
+
 exports["default"] = _default;

package/lib/components/ConicalGradient.js

@@ -1,265 +1,265 @@
-"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 _react = _interopRequireWildcard(require("react"));
-
-var _d3v = require("d3v7");
-
-var _utils = require("@easyv/utils/lib/common/utils");
-
-var _indexModule = _interopRequireDefault(require("../css/index.module.css"));
-
-/**
- * 饼图装饰内圈
- */
-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;
-  if (!show) return null;
-
-  var _useState = (0, _react.useState)(null),
-      _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)
-      // .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();
-      });
-      context.clip();
-      context.rotate(-Math.PI / 2);
-      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;
-        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;
-
-          conic.addColorStop(reduced, {
-            r: r,
-            g: g,
-            b: b,
-            a: 0
-          });
-          conic.addColorStop(result, {
-            r: r,
-            g: g,
-            b: b,
-            a: a
-          });
-        }
-
-        return result;
-      }, 0);
-      conic.fill(context, 0, 0, _radius, 0, 2 * Math.PI, false);
-      context.restore();
-    }
-  }, [canvas, radius, arcs, innerRadius, outerRadius]);
-  return /*#__PURE__*/_react["default"].createElement("canvas", {
-    className: direction == 'clockwise' ? _indexModule["default"].rotateClockwise : _indexModule["default"].rotateCounterClockwise,
-    ref: setCanvas,
-    width: width * devicePixelRatio,
-    height: height * devicePixelRatio,
-    style: {
-      opacity: opacity / 100,
-      width: width,
-      height: height,
-      pointerEvents: 'none',
-      position: 'absolute',
-      animationTimingFunction: 'linear',
-      animationDuration: speed + 's',
-      animationIterationCount: 'infinite',
-      transformOrigin: centerX + 'px ' + centerY + 'px'
-    }
-  });
-};
-/**
- * ConicalGradient
- */
-
-
-exports["default"] = _default;
-
-function ConicalGradient() {
-  this._offsets = [];
-  this._colors = [];
-}
-
-ConicalGradient.prototype = {
-  /**
-   * 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: 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: function fill(context, x, y, radius, startAngle, endAngle, anticlockwise) {
-    var offsets = this._offsets;
-    var colors = this._colors;
-    var PI = Math.PI;
-    var TWO_PI = PI * 2;
-    if (startAngle < 0) startAngle = startAngle % TWO_PI + TWO_PI;
-    startAngle %= TWO_PI;
-    if (endAngle < 0) endAngle = endAngle % TWO_PI + TWO_PI;
-    endAngle %= TWO_PI;
-
-    if (anticlockwise) {
-      // 逆时针
-      var swap = startAngle;
-      startAngle = endAngle;
-      endAngle = swap;
-      colors.reverse();
-      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];
-    var nextColor = colors[currentColorIndex];
-    var prevOffset = 0;
-    var currentOffset = offsets[currentColorIndex];
-    var offsetDist = currentOffset - prevOffset;
-    var totalAngleDeg = (endAngle - startAngle) * 180 / PI;
-    var stepAngleRad = (endAngle - startAngle) / totalAngleDeg;
-    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;
-    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;
-    var t, r, g, b, a;
-    context.save();
-
-    for (var i = 0, n = 1 / totalAngleDeg; i < 1; i += n) {
-      if (i >= currentOffset) {
-        currentColorIndex++;
-        currentColor = nextColor;
-        r1 = currentColor.r;
-        g1 = currentColor.g;
-        b1 = currentColor.b;
-        a1 = currentColor.a;
-        if (!a1 && a1 !== 0) a1 = 1;
-        nextColor = colors[currentColorIndex];
-        r2 = nextColor.r;
-        g2 = nextColor.g;
-        b2 = nextColor.b;
-        a2 = nextColor.a;
-        if (!a2 && a2 !== 0) a2 = 1;
-        rd = r2 - r1;
-        gd = g2 - g1;
-        bd = b2 - b1;
-        ad = a2 - a1;
-        prevOffset = currentOffset;
-        currentOffset = offsets[currentColorIndex];
-        offsetDist = currentOffset - prevOffset;
-      }
-
-      t = (i - prevOffset) / offsetDist;
-      r = rd * t + r1 & 255;
-      g = gd * t + g1 & 255;
-      b = bd * t + b1 & 255;
-      a = ad * t + a1;
-      arcEndAngle = arcStartAngle + stepAngleRad;
-      context.fillStyle = 'rgba(' + r + ',' + g + ',' + b + ',' + a + ')';
-      context.beginPath();
-      context.moveTo(x, y);
-      context.arc(x, y, radius, arcStartAngle - 0.02, arcEndAngle, false);
-      context.closePath();
-      context.fill();
-      arcStartAngle += stepAngleRad;
-    }
-
-    context.restore();
-    return this;
-  }
+"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 _react = _interopRequireWildcard(require("react"));
+
+var _d3v = require("d3v7");
+
+var _utils = require("@easyv/utils/lib/common/utils");
+
+var _indexModule = _interopRequireDefault(require("../css/index.module.css"));
+
+/**
+ * 饼图装饰内圈
+ */
+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;
+  if (!show) return null;
+
+  var _useState = (0, _react.useState)(null),
+      _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)
+      // .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();
+      });
+      context.clip();
+      context.rotate(-Math.PI / 2);
+      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;
+        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;
+
+          conic.addColorStop(reduced, {
+            r: r,
+            g: g,
+            b: b,
+            a: 0
+          });
+          conic.addColorStop(result, {
+            r: r,
+            g: g,
+            b: b,
+            a: a
+          });
+        }
+
+        return result;
+      }, 0);
+      conic.fill(context, 0, 0, _radius, 0, 2 * Math.PI, false);
+      context.restore();
+    }
+  }, [canvas, radius, arcs, innerRadius, outerRadius]);
+  return /*#__PURE__*/_react["default"].createElement("canvas", {
+    className: direction == 'clockwise' ? _indexModule["default"].rotateClockwise : _indexModule["default"].rotateCounterClockwise,
+    ref: setCanvas,
+    width: width * devicePixelRatio,
+    height: height * devicePixelRatio,
+    style: {
+      opacity: opacity / 100,
+      width: width,
+      height: height,
+      pointerEvents: 'none',
+      position: 'absolute',
+      animationTimingFunction: 'linear',
+      animationDuration: speed + 's',
+      animationIterationCount: 'infinite',
+      transformOrigin: centerX + 'px ' + centerY + 'px'
+    }
+  });
+};
+/**
+ * ConicalGradient
+ */
+
+
+exports["default"] = _default;
+
+function ConicalGradient() {
+  this._offsets = [];
+  this._colors = [];
+}
+
+ConicalGradient.prototype = {
+  /**
+   * 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: 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: function fill(context, x, y, radius, startAngle, endAngle, anticlockwise) {
+    var offsets = this._offsets;
+    var colors = this._colors;
+    var PI = Math.PI;
+    var TWO_PI = PI * 2;
+    if (startAngle < 0) startAngle = startAngle % TWO_PI + TWO_PI;
+    startAngle %= TWO_PI;
+    if (endAngle < 0) endAngle = endAngle % TWO_PI + TWO_PI;
+    endAngle %= TWO_PI;
+
+    if (anticlockwise) {
+      // 逆时针
+      var swap = startAngle;
+      startAngle = endAngle;
+      endAngle = swap;
+      colors.reverse();
+      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];
+    var nextColor = colors[currentColorIndex];
+    var prevOffset = 0;
+    var currentOffset = offsets[currentColorIndex];
+    var offsetDist = currentOffset - prevOffset;
+    var totalAngleDeg = (endAngle - startAngle) * 180 / PI;
+    var stepAngleRad = (endAngle - startAngle) / totalAngleDeg;
+    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;
+    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;
+    var t, r, g, b, a;
+    context.save();
+
+    for (var i = 0, n = 1 / totalAngleDeg; i < 1; i += n) {
+      if (i >= currentOffset) {
+        currentColorIndex++;
+        currentColor = nextColor;
+        r1 = currentColor.r;
+        g1 = currentColor.g;
+        b1 = currentColor.b;
+        a1 = currentColor.a;
+        if (!a1 && a1 !== 0) a1 = 1;
+        nextColor = colors[currentColorIndex];
+        r2 = nextColor.r;
+        g2 = nextColor.g;
+        b2 = nextColor.b;
+        a2 = nextColor.a;
+        if (!a2 && a2 !== 0) a2 = 1;
+        rd = r2 - r1;
+        gd = g2 - g1;
+        bd = b2 - b1;
+        ad = a2 - a1;
+        prevOffset = currentOffset;
+        currentOffset = offsets[currentColorIndex];
+        offsetDist = currentOffset - prevOffset;
+      }
+
+      t = (i - prevOffset) / offsetDist;
+      r = rd * t + r1 & 255;
+      g = gd * t + g1 & 255;
+      b = bd * t + b1 & 255;
+      a = ad * t + a1;
+      arcEndAngle = arcStartAngle + stepAngleRad;
+      context.fillStyle = 'rgba(' + r + ',' + g + ',' + b + ',' + a + ')';
+      context.beginPath();
+      context.moveTo(x, y);
+      context.arc(x, y, radius, arcStartAngle - 0.02, arcEndAngle, false);
+      context.closePath();
+      context.fill();
+      arcStartAngle += stepAngleRad;
+    }
+
+    context.restore();
+    return this;
+  }
 };