@easyv/charts 1.2.0 → 1.2.1

package/lib/components/Carousel.js

@@ -1,165 +1,165 @@
-"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 _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 = _interopRequireWildcard(require("react"));
-
-var _d3v = require("d3v7");
-
-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 initialState = {
-  currentIndex: null,
-  trigger: ''
-};
-var carouselState = {
-  currentIndex: 0,
-  trigger: 'carousel'
-};
-var defaultAnimation = {
-  on: false,
-  interval: 0,
-  interactive: '',
-  current: {
-    heighten: 0,
-    opacity: 100
-  }
-};
-/**
- * 饼图类图表轮播逻辑，用来管理currentIndex，及回调逻辑（HOC）
- */
-
-var _default = function _default(Component) {
-  return /*#__PURE__*/(0, _react.memo)(function (_ref) {
-    var _ref$config = _ref.config,
-        animation = _ref$config.animation,
-        config = (0, _objectWithoutProperties2["default"])(_ref$config, ["animation"]),
-        _ref$data = _ref.data,
-        data = _ref$data === void 0 ? [] : _ref$data,
-        rest = (0, _objectWithoutProperties2["default"])(_ref, ["config", "data"]);
-    var dataLength = data.length;
-
-    var _animation = Object.assign({}, defaultAnimation, animation);
-
-    var on = _animation.on,
-        interval = _animation.interval,
-        interactive = _animation.interactive;
-
-    var _useState = (0, _react.useState)(on ? carouselState : initialState),
-        _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-        state = _useState2[0],
-        setState = _useState2[1];
-
-    var timer = (0, _react.useRef)(null);
-    var animationOn = on && interval && dataLength;
-    var carousel = (0, _react.useCallback)(function () {
-      if (animationOn) {
-        timer.current = (0, _d3v.interval)(function () {
-          setState(function (_ref2) {
-            var currentIndex = _ref2.currentIndex;
-            var tmp = (currentIndex == null ? 0 : +currentIndex) + 1;
-            return {
-              currentIndex: tmp >= dataLength ? 0 : tmp,
-              trigger: 'carousel'
-            };
-          });
-        }, interval * 1000);
-      } else {
-        timer.current = null;
-        setState({
-          currentIndex: null,
-          trigger: ''
-        });
-      }
-    }, [animationOn, interval, dataLength]);
-    (0, _react.useEffect)(function () {
-      carousel && carousel();
-      return function () {
-        timer.current && timer.current.stop();
-      };
-    }, [carousel]);
-    var onEvent = (0, _react.useCallback)(function (_ref3) {
-      var currentIndex = _ref3.currentIndex,
-          type = _ref3.type;
-
-      switch (interactive) {
-        case true:
-        case 'click':
-          if (type == 'onClick') {
-            timer.current && timer.current.stop();
-            animationOn && carousel();
-            setState({
-              trigger: type,
-              currentIndex: currentIndex
-            });
-          }
-
-          break;
-
-        case 'hover':
-          if (type == 'onMouseEnter') {
-            setState({
-              trigger: type,
-              currentIndex: currentIndex
-            });
-            timer.current && timer.current.stop();
-          } else if (type == 'onMouseLeave') {
-            animationOn && carousel();
-          }
-
-          break;
-
-        case false:
-        case '':
-          break;
-
-        case 'carousel':
-        default:
-          setState({
-            trigger: type,
-            currentIndex: currentIndex
-          });
-          break;
-      }
-    }, [interactive, animationOn, carousel]);
-
-    if (!animationOn) {
-      return /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({}, rest, {
-        state: state,
-        onEvent: onEvent,
-        config: _objectSpread(_objectSpread({}, config), {}, {
-          animation: _animation
-        }),
-        data: data
-      }));
-    }
-
-    return /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({}, rest, {
-      state: state,
-      onEvent: onEvent,
-      config: _objectSpread(_objectSpread({}, config), {}, {
-        animation: _animation
-      }),
-      data: data
-    }));
-  });
-};
-
+"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 _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 = _interopRequireWildcard(require("react"));
+
+var _d3v = require("d3v7");
+
+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 initialState = {
+  currentIndex: null,
+  trigger: ''
+};
+var carouselState = {
+  currentIndex: 0,
+  trigger: 'carousel'
+};
+var defaultAnimation = {
+  on: false,
+  interval: 0,
+  interactive: '',
+  current: {
+    heighten: 0,
+    opacity: 100
+  }
+};
+/**
+ * 饼图类图表轮播逻辑，用来管理currentIndex，及回调逻辑（HOC）
+ */
+
+var _default = function _default(Component) {
+  return /*#__PURE__*/(0, _react.memo)(function (_ref) {
+    var _ref$config = _ref.config,
+        animation = _ref$config.animation,
+        config = (0, _objectWithoutProperties2["default"])(_ref$config, ["animation"]),
+        _ref$data = _ref.data,
+        data = _ref$data === void 0 ? [] : _ref$data,
+        rest = (0, _objectWithoutProperties2["default"])(_ref, ["config", "data"]);
+    var dataLength = data.length;
+
+    var _animation = Object.assign({}, defaultAnimation, animation);
+
+    var on = _animation.on,
+        interval = _animation.interval,
+        interactive = _animation.interactive;
+
+    var _useState = (0, _react.useState)(on ? carouselState : initialState),
+        _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+        state = _useState2[0],
+        setState = _useState2[1];
+
+    var timer = (0, _react.useRef)(null);
+    var animationOn = on && interval && dataLength;
+    var carousel = (0, _react.useCallback)(function () {
+      if (animationOn) {
+        timer.current = (0, _d3v.interval)(function () {
+          setState(function (_ref2) {
+            var currentIndex = _ref2.currentIndex;
+            var tmp = (currentIndex == null ? 0 : +currentIndex) + 1;
+            return {
+              currentIndex: tmp >= dataLength ? 0 : tmp,
+              trigger: 'carousel'
+            };
+          });
+        }, interval * 1000);
+      } else {
+        timer.current = null;
+        setState({
+          currentIndex: null,
+          trigger: ''
+        });
+      }
+    }, [animationOn, interval, dataLength]);
+    (0, _react.useEffect)(function () {
+      carousel && carousel();
+      return function () {
+        timer.current && timer.current.stop();
+      };
+    }, [carousel]);
+    var onEvent = (0, _react.useCallback)(function (_ref3) {
+      var currentIndex = _ref3.currentIndex,
+          type = _ref3.type;
+
+      switch (interactive) {
+        case true:
+        case 'click':
+          if (type == 'onClick') {
+            timer.current && timer.current.stop();
+            animationOn && carousel();
+            setState({
+              trigger: type,
+              currentIndex: currentIndex
+            });
+          }
+
+          break;
+
+        case 'hover':
+          if (type == 'onMouseEnter') {
+            setState({
+              trigger: type,
+              currentIndex: currentIndex
+            });
+            timer.current && timer.current.stop();
+          } else if (type == 'onMouseLeave') {
+            animationOn && carousel();
+          }
+
+          break;
+
+        case false:
+        case '':
+          break;
+
+        case 'carousel':
+        default:
+          setState({
+            trigger: type,
+            currentIndex: currentIndex
+          });
+          break;
+      }
+    }, [interactive, animationOn, carousel]);
+
+    if (!animationOn) {
+      return /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({}, rest, {
+        state: state,
+        onEvent: onEvent,
+        config: _objectSpread(_objectSpread({}, config), {}, {
+          animation: _animation
+        }),
+        data: data
+      }));
+    }
+
+    return /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({}, rest, {
+      state: state,
+      onEvent: onEvent,
+      config: _objectSpread(_objectSpread({}, config), {}, {
+        animation: _animation
+      }),
+      data: data
+    }));
+  });
+};
+
 exports["default"] = _default;

package/lib/components/Chart.js

@@ -1,112 +1,112 @@
-"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 _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(".");
-
-/**
- * 总入口，通过外面传进来的type来确定渲染哪种图表，饼环图表为“pie”，否则为轴类图表
- */
-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;
-      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, ["id", "type", "config", "config", "data", "onRelative", "emit", "emitEvent"]);
-  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;
-    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,
-            type: 'callback',
-            callbackData: callbackData
-          });
-        }
-      });
-    }
-  }, [onRelative, emitEvent, JSON.stringify(interaction)]);
-  var onEmit = (0, _react.useCallback)(function () {
-    var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'click';
-    var data = arguments.length > 1 ? arguments[1] : undefined;
-    return emit && emit(type, data);
-  }, [emit]);
-  var context = (0, _react.useMemo)(function () {
-    return {
-      id: id,
-      width: chartWidth,
-      height: chartHeight,
-      triggerOnRelative: triggerOnRelative,
-      svg: svg,
-      onEmit: onEmit
-    };
-  }, [id, chartWidth, chartHeight, triggerOnRelative, svg, onEmit]);
-  return /*#__PURE__*/_react["default"].createElement(_context.chartContext.Provider, {
-    value: context
-  }, type == 'pie' ? /*#__PURE__*/_react["default"].createElement(_.PieChart, (0, _extends2["default"])({
-    id: id,
-    config: config,
-    data: data
-  }, props)) : /*#__PURE__*/_react["default"].createElement(_.CartesianChart, (0, _extends2["default"])({
-    id: id,
-    config: config,
-    data: data
-  }, props)));
-});
-var _default = Chart;
+"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 _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(".");
+
+/**
+ * 总入口，通过外面传进来的type来确定渲染哪种图表，饼环图表为“pie”，否则为轴类图表
+ */
+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;
+      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, ["id", "type", "config", "config", "data", "onRelative", "emit", "emitEvent"]);
+  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;
+    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,
+            type: 'callback',
+            callbackData: callbackData
+          });
+        }
+      });
+    }
+  }, [onRelative, emitEvent, JSON.stringify(interaction)]);
+  var onEmit = (0, _react.useCallback)(function () {
+    var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'click';
+    var data = arguments.length > 1 ? arguments[1] : undefined;
+    return emit && emit(type, data);
+  }, [emit]);
+  var context = (0, _react.useMemo)(function () {
+    return {
+      id: id,
+      width: chartWidth,
+      height: chartHeight,
+      triggerOnRelative: triggerOnRelative,
+      svg: svg,
+      onEmit: onEmit
+    };
+  }, [id, chartWidth, chartHeight, triggerOnRelative, svg, onEmit]);
+  return /*#__PURE__*/_react["default"].createElement(_context.chartContext.Provider, {
+    value: context
+  }, type == 'pie' ? /*#__PURE__*/_react["default"].createElement(_.PieChart, (0, _extends2["default"])({
+    id: id,
+    config: config,
+    data: data
+  }, props)) : /*#__PURE__*/_react["default"].createElement(_.CartesianChart, (0, _extends2["default"])({
+    id: id,
+    config: config,
+    data: data
+  }, props)));
+});
+var _default = Chart;
 exports["default"] = _default;