@easyv/charts 1.2.1 → 1.2.2

package/lib/components/Band.js

@@ -1,174 +1,174 @@
-"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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _d3v = require("d3v7");
-
-var _utils = require("../utils");
-
-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 getHighlightData = function getHighlightData(data, extent) {
-  switch (extent) {
-    case 'min':
-      var minData = (0, _d3v.min)(data, function (d) {
-        return d.data.y;
-      });
-      return data.map(function (item) {
-        return _objectSpread(_objectSpread({}, item), {}, {
-          flag: minData == item.data.y ? 'min' : ''
-        });
-      });
-
-    case 'max':
-      var maxData = (0, _d3v.max)(data, function (d) {
-        return d.data.y;
-      });
-      return data.map(function (item) {
-        return _objectSpread(_objectSpread({}, item), {}, {
-          flag: maxData == item.data.y ? 'max' : ''
-        });
-      });
-
-    default:
-      return data;
-  }
-};
-
-var getAttr = function getAttr(_ref) {
-  var isVertical = _ref.isVertical,
-      seriesWidth = _ref.seriesWidth,
-      length = _ref.length,
-      x = _ref.x,
-      y = _ref.y;
-  if (isVertical) return {
-    width: length,
-    height: seriesWidth,
-    x: y,
-    y: x
-  };
-  return {
-    x: x,
-    y: y,
-    width: seriesWidth,
-    height: length
-  };
-};
-
-var getBorderRadius = function getBorderRadius(_ref2) {
-  var isVertical = _ref2.isVertical,
-      positive = _ref2.positive,
-      seriesWidth = _ref2.seriesWidth;
-  return isVertical ? positive ? '0px ' + seriesWidth + 'px ' + seriesWidth + 'px 0' : seriesWidth + 'px 0 0 ' + seriesWidth + 'px' : positive ? seriesWidth / 2 + 'px ' + seriesWidth / 2 + 'px 0 0' : '0 0 ' + seriesWidth / 2 + 'px ' + seriesWidth / 2 + 'px';
-};
-
-var _default = /*#__PURE__*/(0, _react.memo)(function (_ref3) {
-  var triggerClick = _ref3.triggerClick,
-      _ref3$config = _ref3.config,
-      _ref3$config$pattern = _ref3$config.pattern,
-      pattern = _ref3$config$pattern === void 0 ? {} : _ref3$config$pattern,
-      _ref3$config$seriesIn = _ref3$config.seriesIntervalWidth,
-      paddingInner = _ref3$config$seriesIn === void 0 ? 0 : _ref3$config$seriesIn,
-      _ref3$config$paddingI = _ref3$config.paddingInner,
-      paddingOuter = _ref3$config$paddingI === void 0 ? 0 : _ref3$config$paddingI,
-      style = _ref3$config.style,
-      fillType = _ref3$config.fillType,
-      url = _ref3$config.url,
-      size = _ref3$config.size,
-      fill = _ref3$config.fill,
-      opacity = _ref3$config.opacity,
-      _ref3$config$highligh = _ref3$config.highlight,
-      showHighlight = _ref3$config$highligh.show,
-      extent = _ref3$config$highligh.extent,
-      highlightFill = _ref3$config$highligh.fill,
-      _ref3$bandLength = _ref3.bandLength,
-      bandLength = _ref3$bandLength === void 0 ? 0 : _ref3$bandLength,
-      data = _ref3.data,
-      _ref3$xAxis = _ref3.xAxis,
-      xScaler = _ref3$xAxis.scaler,
-      step = _ref3$xAxis.step,
-      direction = _ref3$xAxis.direction,
-      yScaler = _ref3.yAxis.scaler;
-  if (!data.length) return null;
-  var bandwidth = (0, _utils.getBandwidth)(step, paddingOuter);
-
-  var _getBandSeriesStepAnd = (0, _utils.getBandSeriesStepAndWidth)({
-    width: bandwidth,
-    paddingInner: paddingInner,
-    bandLength: bandLength
-  }),
-      seriesStep = _getBandSeriesStepAnd.seriesStep,
-      seriesWidth = _getBandSeriesStepAnd.seriesWidth;
-
-  var _data = showHighlight ? getHighlightData(data, extent) : data;
-
-  var offset = (seriesWidth + paddingInner * seriesStep) * bandLength - paddingInner * seriesStep;
-  var isVertical = direction === 'vertical';
-  return /*#__PURE__*/_react["default"].createElement("g", {
-    className: "__easyv-band"
-  }, _data.map(function (_ref4, i) {
-    var flag = _ref4.flag,
-        index = _ref4.index,
-        _ref4$bound = (0, _slicedToArray2["default"])(_ref4.bound, 2),
-        start = _ref4$bound[0],
-        end = _ref4$bound[1],
-        data = _ref4.data,
-        _ref4$data = _ref4.data,
-        x = _ref4$data.x,
-        y = _ref4$data.y,
-        s = _ref4$data.s;
-
-    var y1 = yScaler(isVertical ? end : start);
-    var y2 = yScaler(isVertical ? start : end);
-    var positionX = xScaler(x) + seriesStep * index - offset / 2;
-    if (isNaN(positionX)) return null;
-    var positionY = y < 0 ? y1 : y2;
-    var attr = getAttr({
-      isVertical: isVertical,
-      x: positionX,
-      y: positionY,
-      length: Math.abs(y1 - y2),
-      seriesWidth: seriesWidth
-    });
-    return /*#__PURE__*/_react["default"].createElement("foreignObject", (0, _extends2["default"])({
-      key: i
-    }, attr, {
-      onClick: triggerClick,
-      "data-data": JSON.stringify(data)
-    }), /*#__PURE__*/_react["default"].createElement("div", {
-      style: {
-        width: '100%',
-        height: '100%',
-
-        /** Safari Bug **/
-        position: 'fixed',
-        opacity: fillType == 'pattern' ? opacity : 1,
-        background: fillType == 'pattern' ? "50% 50% / ".concat(size.width, "px ").concat(size.height, "px repeat ") + 'url(' + url + ')' : (0, _utils.getBandBackground)(pattern, extent === flag ? highlightFill : fill),
-        borderRadius: style == 'square' ? '0 0 0 0' : getBorderRadius({
-          isVertical: isVertical,
-          positive: y > 0,
-          seriesWidth: seriesWidth
-        })
-      }
-    }));
-  }));
-});
-
+"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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _d3v = require("d3v7");
+
+var _utils = require("../utils");
+
+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 getHighlightData = function getHighlightData(data, extent) {
+  switch (extent) {
+    case 'min':
+      var minData = (0, _d3v.min)(data, function (d) {
+        return d.data.y;
+      });
+      return data.map(function (item) {
+        return _objectSpread(_objectSpread({}, item), {}, {
+          flag: minData == item.data.y ? 'min' : ''
+        });
+      });
+
+    case 'max':
+      var maxData = (0, _d3v.max)(data, function (d) {
+        return d.data.y;
+      });
+      return data.map(function (item) {
+        return _objectSpread(_objectSpread({}, item), {}, {
+          flag: maxData == item.data.y ? 'max' : ''
+        });
+      });
+
+    default:
+      return data;
+  }
+};
+
+var getAttr = function getAttr(_ref) {
+  var isVertical = _ref.isVertical,
+      seriesWidth = _ref.seriesWidth,
+      length = _ref.length,
+      x = _ref.x,
+      y = _ref.y;
+  if (isVertical) return {
+    width: length,
+    height: seriesWidth,
+    x: y,
+    y: x
+  };
+  return {
+    x: x,
+    y: y,
+    width: seriesWidth,
+    height: length
+  };
+};
+
+var getBorderRadius = function getBorderRadius(_ref2) {
+  var isVertical = _ref2.isVertical,
+      positive = _ref2.positive,
+      seriesWidth = _ref2.seriesWidth;
+  return isVertical ? positive ? '0px ' + seriesWidth + 'px ' + seriesWidth + 'px 0' : seriesWidth + 'px 0 0 ' + seriesWidth + 'px' : positive ? seriesWidth / 2 + 'px ' + seriesWidth / 2 + 'px 0 0' : '0 0 ' + seriesWidth / 2 + 'px ' + seriesWidth / 2 + 'px';
+};
+
+var _default = /*#__PURE__*/(0, _react.memo)(function (_ref3) {
+  var triggerClick = _ref3.triggerClick,
+      _ref3$config = _ref3.config,
+      _ref3$config$pattern = _ref3$config.pattern,
+      pattern = _ref3$config$pattern === void 0 ? {} : _ref3$config$pattern,
+      _ref3$config$seriesIn = _ref3$config.seriesIntervalWidth,
+      paddingInner = _ref3$config$seriesIn === void 0 ? 0 : _ref3$config$seriesIn,
+      _ref3$config$paddingI = _ref3$config.paddingInner,
+      paddingOuter = _ref3$config$paddingI === void 0 ? 0 : _ref3$config$paddingI,
+      style = _ref3$config.style,
+      fillType = _ref3$config.fillType,
+      url = _ref3$config.url,
+      size = _ref3$config.size,
+      fill = _ref3$config.fill,
+      opacity = _ref3$config.opacity,
+      _ref3$config$highligh = _ref3$config.highlight,
+      showHighlight = _ref3$config$highligh.show,
+      extent = _ref3$config$highligh.extent,
+      highlightFill = _ref3$config$highligh.fill,
+      _ref3$bandLength = _ref3.bandLength,
+      bandLength = _ref3$bandLength === void 0 ? 0 : _ref3$bandLength,
+      data = _ref3.data,
+      _ref3$xAxis = _ref3.xAxis,
+      xScaler = _ref3$xAxis.scaler,
+      step = _ref3$xAxis.step,
+      direction = _ref3$xAxis.direction,
+      yScaler = _ref3.yAxis.scaler;
+  if (!data.length) return null;
+  var bandwidth = (0, _utils.getBandwidth)(step, paddingOuter);
+
+  var _getBandSeriesStepAnd = (0, _utils.getBandSeriesStepAndWidth)({
+    width: bandwidth,
+    paddingInner: paddingInner,
+    bandLength: bandLength
+  }),
+      seriesStep = _getBandSeriesStepAnd.seriesStep,
+      seriesWidth = _getBandSeriesStepAnd.seriesWidth;
+
+  var _data = showHighlight ? getHighlightData(data, extent) : data;
+
+  var offset = (seriesWidth + paddingInner * seriesStep) * bandLength - paddingInner * seriesStep;
+  var isVertical = direction === 'vertical';
+  return /*#__PURE__*/_react["default"].createElement("g", {
+    className: "__easyv-band"
+  }, _data.map(function (_ref4, i) {
+    var flag = _ref4.flag,
+        index = _ref4.index,
+        _ref4$bound = (0, _slicedToArray2["default"])(_ref4.bound, 2),
+        start = _ref4$bound[0],
+        end = _ref4$bound[1],
+        data = _ref4.data,
+        _ref4$data = _ref4.data,
+        x = _ref4$data.x,
+        y = _ref4$data.y,
+        s = _ref4$data.s;
+
+    var y1 = yScaler(isVertical ? end : start);
+    var y2 = yScaler(isVertical ? start : end);
+    var positionX = xScaler(x) + seriesStep * index - offset / 2;
+    if (isNaN(positionX)) return null;
+    var positionY = y < 0 ? y1 : y2;
+    var attr = getAttr({
+      isVertical: isVertical,
+      x: positionX,
+      y: positionY,
+      length: Math.abs(y1 - y2),
+      seriesWidth: seriesWidth
+    });
+    return /*#__PURE__*/_react["default"].createElement("foreignObject", (0, _extends2["default"])({
+      key: i
+    }, attr, {
+      onClick: triggerClick,
+      "data-data": JSON.stringify(data)
+    }), /*#__PURE__*/_react["default"].createElement("div", {
+      style: {
+        width: '100%',
+        height: '100%',
+
+        /** Safari Bug **/
+        position: 'fixed',
+        opacity: fillType == 'pattern' ? opacity : 1,
+        background: fillType == 'pattern' ? "50% 50% / ".concat(size.width, "px ").concat(size.height, "px repeat ") + 'url(' + url + ')' : (0, _utils.getBandBackground)(pattern, extent === flag ? highlightFill : fill),
+        borderRadius: style == 'square' ? '0 0 0 0' : getBorderRadius({
+          isVertical: isVertical,
+          positive: y > 0,
+          seriesWidth: seriesWidth
+        })
+      }
+    }));
+  }));
+});
+
 exports["default"] = _default;