@easyv/charts 1.2.1 → 1.2.2

package/lib/components/Brush.js

@@ -1,202 +1,202 @@
-"use strict";
-
-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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = 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 left = {
-  position: 'relative',
-  width: 5,
-  height: '100%',
-  cursor: 'col-resize',
-  backgroundClip: 'content-box'
-};
-var center = {
-  flex: '1 1 0%',
-  height: '100%',
-  cursor: 'move'
-};
-var right = {
-  position: 'relative',
-  width: 5,
-  height: '100%',
-  cursor: 'col-resize',
-  backgroundClip: 'content-box'
-};
-var initialPosition = {
-  start: 0,
-  end: 0,
-  status: ''
-};
-
-var getValue = function getValue(x, min, max) {
-  return Math.max(min, Math.min(x, max));
-};
-
-var _default = function _default(_ref) {
-  var width = _ref.width,
-      _ref$config = _ref.config,
-      height = _ref$config.height,
-      background = _ref$config.background,
-      _ref$config$margin = _ref$config.margin,
-      marginLeft = _ref$config$margin.marginLeft,
-      marginRight = _ref$config$margin.marginRight,
-      _ref$config$detail = _ref$config.detail,
-      blockWidth = _ref$config$detail.width,
-      color = _ref$config$detail.color;
-
-  var _useState = (0, _react.useState)({
-    translateX: 0,
-    width: blockWidth
-  }),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
-  var availableWidth = width - marginLeft - marginRight;
-  var cache = (0, _react.useRef)(state);
-  var move = (0, _react.useCallback)(function (_ref2) {
-    var delta = _ref2.delta,
-        status = _ref2.status,
-        name = _ref2.name;
-    var _cache$current = cache.current,
-        width = _cache$current.width,
-        translateX = _cache$current.translateX;
-    var minWidth = 40;
-    var minX = 0;
-
-    switch (name) {
-      case 'center':
-        translateX = getValue(translateX + delta, minX, availableWidth - width);
-        break;
-
-      case 'left':
-        var tempWidth = width;
-        width = getValue(width + delta * -1, minWidth, translateX + width);
-        translateX = getValue(translateX + delta, minX, translateX + tempWidth - width);
-        break;
-
-      case 'right':
-        width = getValue(width + delta, minWidth, availableWidth - translateX);
-        break;
-    }
-
-    if (status === 'up') {
-      cache.current = {
-        width: width,
-        translateX: translateX
-      };
-    }
-
-    setState({
-      width: width,
-      translateX: translateX
-    });
-  }, [availableWidth]);
-  (0, _react.useEffect)(function () {}, [state]);
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginLeft: marginLeft,
-      marginRight: marginRight,
-      height: height,
-      background: background,
-      position: 'absolute',
-      bottom: 0,
-      width: availableWidth
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: 'flex',
-      justifyContent: 'space-between',
-      position: 'absolute',
-      top: 0,
-      left: 0,
-      transform: 'translate3d(' + state.translateX + 'px, 0, 0)',
-      height: '100%',
-      width: state.width + 'px',
-      backgroundColor: color
-    }
-  }, /*#__PURE__*/React.createElement(Move, {
-    style: left,
-    move: move,
-    name: "left"
-  }), /*#__PURE__*/React.createElement(Move, {
-    style: center,
-    move: move,
-    name: "center"
-  }), /*#__PURE__*/React.createElement(Move, {
-    style: right,
-    move: move,
-    name: "right"
-  })));
-};
-
-exports["default"] = _default;
-var Move = /*#__PURE__*/(0, _react.memo)(function (_ref3) {
-  var style = _ref3.style,
-      move = _ref3.move,
-      name = _ref3.name;
-
-  var _useState3 = (0, _react.useState)(initialPosition),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      position = _useState4[0],
-      setPosition = _useState4[1];
-
-  var documentOnMouseMove = (0, _react.useCallback)(function (e) {
-    // console.log('documentOnMouseMove');
-    setPosition(function (position) {
-      return _objectSpread(_objectSpread({}, position), {}, {
-        end: e.clientX,
-        status: 'move'
-      });
-    });
-  }, []);
-  var documentOnMouseUp = (0, _react.useCallback)(function (e) {
-    // console.log('documentOnMouseUp');
-    setPosition(function (position) {
-      return _objectSpread(_objectSpread({}, position), {}, {
-        end: e.clientX,
-        status: 'up'
-      });
-    });
-    document.removeEventListener('mousemove', documentOnMouseMove);
-    document.removeEventListener('mouseup', documentOnMouseUp);
-  }, []);
-  var onMouseDown = (0, _react.useCallback)(function (e) {
-    // console.log('onMouseDown');
-    setPosition({
-      end: e.clientX,
-      start: e.clientX,
-      status: 'down'
-    });
-    document.addEventListener('mousemove', documentOnMouseMove);
-    document.addEventListener('mouseup', documentOnMouseUp);
-  }, []);
-  (0, _react.useEffect)(function () {
-    var start = position.start,
-        end = position.end,
-        status = position.status;
-    move({
-      delta: end - start,
-      status: status,
-      name: name
-    });
-  }, [position, move, name]);
-  return /*#__PURE__*/React.createElement("div", {
-    style: style,
-    onMouseDown: onMouseDown
-  });
+"use strict";
+
+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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = 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 left = {
+  position: 'relative',
+  width: 5,
+  height: '100%',
+  cursor: 'col-resize',
+  backgroundClip: 'content-box'
+};
+var center = {
+  flex: '1 1 0%',
+  height: '100%',
+  cursor: 'move'
+};
+var right = {
+  position: 'relative',
+  width: 5,
+  height: '100%',
+  cursor: 'col-resize',
+  backgroundClip: 'content-box'
+};
+var initialPosition = {
+  start: 0,
+  end: 0,
+  status: ''
+};
+
+var getValue = function getValue(x, min, max) {
+  return Math.max(min, Math.min(x, max));
+};
+
+var _default = function _default(_ref) {
+  var width = _ref.width,
+      _ref$config = _ref.config,
+      height = _ref$config.height,
+      background = _ref$config.background,
+      _ref$config$margin = _ref$config.margin,
+      marginLeft = _ref$config$margin.marginLeft,
+      marginRight = _ref$config$margin.marginRight,
+      _ref$config$detail = _ref$config.detail,
+      blockWidth = _ref$config$detail.width,
+      color = _ref$config$detail.color;
+
+  var _useState = (0, _react.useState)({
+    translateX: 0,
+    width: blockWidth
+  }),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
+  var availableWidth = width - marginLeft - marginRight;
+  var cache = (0, _react.useRef)(state);
+  var move = (0, _react.useCallback)(function (_ref2) {
+    var delta = _ref2.delta,
+        status = _ref2.status,
+        name = _ref2.name;
+    var _cache$current = cache.current,
+        width = _cache$current.width,
+        translateX = _cache$current.translateX;
+    var minWidth = 40;
+    var minX = 0;
+
+    switch (name) {
+      case 'center':
+        translateX = getValue(translateX + delta, minX, availableWidth - width);
+        break;
+
+      case 'left':
+        var tempWidth = width;
+        width = getValue(width + delta * -1, minWidth, translateX + width);
+        translateX = getValue(translateX + delta, minX, translateX + tempWidth - width);
+        break;
+
+      case 'right':
+        width = getValue(width + delta, minWidth, availableWidth - translateX);
+        break;
+    }
+
+    if (status === 'up') {
+      cache.current = {
+        width: width,
+        translateX: translateX
+      };
+    }
+
+    setState({
+      width: width,
+      translateX: translateX
+    });
+  }, [availableWidth]);
+  (0, _react.useEffect)(function () {}, [state]);
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginLeft: marginLeft,
+      marginRight: marginRight,
+      height: height,
+      background: background,
+      position: 'absolute',
+      bottom: 0,
+      width: availableWidth
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      justifyContent: 'space-between',
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      transform: 'translate3d(' + state.translateX + 'px, 0, 0)',
+      height: '100%',
+      width: state.width + 'px',
+      backgroundColor: color
+    }
+  }, /*#__PURE__*/React.createElement(Move, {
+    style: left,
+    move: move,
+    name: "left"
+  }), /*#__PURE__*/React.createElement(Move, {
+    style: center,
+    move: move,
+    name: "center"
+  }), /*#__PURE__*/React.createElement(Move, {
+    style: right,
+    move: move,
+    name: "right"
+  })));
+};
+
+exports["default"] = _default;
+var Move = /*#__PURE__*/(0, _react.memo)(function (_ref3) {
+  var style = _ref3.style,
+      move = _ref3.move,
+      name = _ref3.name;
+
+  var _useState3 = (0, _react.useState)(initialPosition),
+      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+      position = _useState4[0],
+      setPosition = _useState4[1];
+
+  var documentOnMouseMove = (0, _react.useCallback)(function (e) {
+    // console.log('documentOnMouseMove');
+    setPosition(function (position) {
+      return _objectSpread(_objectSpread({}, position), {}, {
+        end: e.clientX,
+        status: 'move'
+      });
+    });
+  }, []);
+  var documentOnMouseUp = (0, _react.useCallback)(function (e) {
+    // console.log('documentOnMouseUp');
+    setPosition(function (position) {
+      return _objectSpread(_objectSpread({}, position), {}, {
+        end: e.clientX,
+        status: 'up'
+      });
+    });
+    document.removeEventListener('mousemove', documentOnMouseMove);
+    document.removeEventListener('mouseup', documentOnMouseUp);
+  }, []);
+  var onMouseDown = (0, _react.useCallback)(function (e) {
+    // console.log('onMouseDown');
+    setPosition({
+      end: e.clientX,
+      start: e.clientX,
+      status: 'down'
+    });
+    document.addEventListener('mousemove', documentOnMouseMove);
+    document.addEventListener('mouseup', documentOnMouseUp);
+  }, []);
+  (0, _react.useEffect)(function () {
+    var start = position.start,
+        end = position.end,
+        status = position.status;
+    move({
+      delta: end - start,
+      status: status,
+      name: name
+    });
+  }, [position, move, name]);
+  return /*#__PURE__*/React.createElement("div", {
+    style: style,
+    onMouseDown: onMouseDown
+  });
 });