@nutui/nutui-react 0.1.0-beta.1

package/dist/esm/AnimatingNumbers.js

@@ -0,0 +1,157 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["maxLen", "endNumber", "delaySpeed", "easeSpeed", "className", "thousands"];
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+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) { _defineProperty(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; }
+
+import React__default, { useRef, useEffect, Component } from 'react';
+import { c as cn } from './bem-893ad28d.js';
+import '@bem-react/classname';
+var defaultProps$1 = {
+  maxLen: 0,
+  endNumber: '',
+  delaySpeed: 300,
+  easeSpeed: 1,
+  thousands: false,
+  className: ''
+};
+
+var CountUp = function CountUp(props) {
+  var _defaultProps$1$props = _objectSpread(_objectSpread({}, defaultProps$1), props),
+      maxLen = _defaultProps$1$props.maxLen,
+      endNumber = _defaultProps$1$props.endNumber,
+      delaySpeed = _defaultProps$1$props.delaySpeed,
+      easeSpeed = _defaultProps$1$props.easeSpeed,
+      className = _defaultProps$1$props.className,
+      thousands = _defaultProps$1$props.thousands,
+      reset = _objectWithoutProperties(_defaultProps$1$props, _excluded);
+
+  var b = cn('countup');
+  var countupRef = useRef(null);
+  var timerRef = useRef(0);
+  var numbers = Array.from({
+    length: 10
+  }, function (v, i) {
+    return i;
+  });
+
+  var getShowNumber = function getShowNumber() {
+    var splitArr = endNumber.split('.');
+    var intNumber = maxLen && splitArr[0].length < maxLen ? (Array(maxLen).join('0') + splitArr[0]).slice(-maxLen) : splitArr[0];
+    var currNumber = "".concat(thousands ? intNumber.replace(/(\d)(?=(?:\d{3})+$)/g, '$1,') : intNumber).concat(splitArr[1] ? '.' : '').concat(splitArr[1] || '');
+    return currNumber.split('');
+  };
+
+  var numerArr = getShowNumber();
+
+  var setNumberTransform = function setNumberTransform() {
+    if (countupRef.current) {
+      var numberItems = countupRef.current.querySelectorAll('.nut-countup__number');
+      var numberFilterArr = numerArr.filter(function (item) {
+        return !isNaN(item);
+      });
+
+      for (var index in numberItems) {
+        if (!Object.prototype.hasOwnProperty.call(numberItems, index)) continue;
+        var elem = numberItems[Number(index)];
+        var idx = Number(numberFilterArr[Number(index)]);
+
+        if ((idx || idx == 0) && elem) {
+          // 计算规则：父元素和实际列表高度的百分比，分割成20等份
+          var transform = "translate(0, -".concat((idx == 0 ? 10 : idx) * 5, "%)");
+          elem.style.transform = transform;
+          elem.style.webkitTransform = transform;
+        }
+      }
+    }
+  };
+
+  var numberEaseStyle = {
+    transition: "transform ".concat(easeSpeed, "s ease-in-out")
+  };
+  useEffect(function () {
+    timerRef.current = window.setTimeout(function () {
+      setNumberTransform();
+    }, delaySpeed);
+    return function () {
+      window.clearTimeout(timerRef.current);
+    };
+  }, []);
+  useEffect(function () {
+    setNumberTransform();
+  }, [numerArr]);
+  return React__default.createElement("div", {
+    className: "".concat(b(), " ").concat(className),
+    ref: countupRef
+  }, React__default.createElement("ul", {
+    className: b('list')
+  }, numerArr.map(function (item, idx) {
+    return React__default.createElement("li", {
+      className: "".concat(b('listitem', {
+        number: !isNaN(item) ? true : false
+      })),
+      key: idx
+    }, !isNaN(item) ? React__default.createElement("span", {
+      className: b('number'),
+      style: numberEaseStyle
+    }, [].concat(_toConsumableArray(numbers), _toConsumableArray(numbers)).map(function (number, subidx) {
+      return React__default.createElement("span", {
+        key: subidx
+      }, number);
+    })) : React__default.createElement("span", {
+      className: b('separator')
+    }, item));
+  })));
+};
+
+CountUp.defaultProps = defaultProps$1;
+CountUp.displayName = 'NutCountUp';
+var defaultProps = {};
+
+var AnimatingNumbers = /*#__PURE__*/function (_Component) {
+  _inherits(AnimatingNumbers, _Component);
+
+  var _super = _createSuper(AnimatingNumbers);
+
+  function AnimatingNumbers(props) {
+    var _this;
+
+    _classCallCheck(this, AnimatingNumbers);
+
+    _this = _super.call(this, props);
+    _this.state = {};
+    return _this;
+  }
+
+  _createClass(AnimatingNumbers, [{
+    key: "render",
+    value: function render() {
+      return React__default.createElement("div", {
+        className: "nut-animatingnumbers"
+      });
+    }
+  }]);
+
+  return AnimatingNumbers;
+}(Component);
+
+_defineProperty(AnimatingNumbers, "defaultProps", defaultProps);
+
+_defineProperty(AnimatingNumbers, "displayName", 'NutAnimatingNumbers');
+
+_defineProperty(AnimatingNumbers, "CountUp", CountUp);
+
+AnimatingNumbers.CountUp = CountUp;
+export { AnimatingNumbers as default };

package/dist/esm/Avatar.js

@@ -0,0 +1,70 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children", "prefixCls", "size", "shape", "bgColor", "src", "icon", "className", "style"];
+
+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) { _defineProperty(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; }
+
+import React__default from 'react';
+import Icon from './Icon.js';
+import classNames from 'classnames';
+var defaultProps = {
+  size: 'normal',
+  icon: '',
+  shape: 'round',
+  bgColor: '#eee',
+  prefixCls: 'nut-avatar',
+  src: ''
+};
+
+var Avatar = function Avatar(props) {
+  var _classNames;
+
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+      children = _defaultProps$props.children,
+      prefixCls = _defaultProps$props.prefixCls,
+      size = _defaultProps$props.size,
+      shape = _defaultProps$props.shape,
+      bgColor = _defaultProps$props.bgColor,
+      src = _defaultProps$props.src,
+      icon = _defaultProps$props.icon,
+      className = _defaultProps$props.className,
+      style = _defaultProps$props.style,
+      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+
+  var sizeValue = ['large', 'normal', 'small'];
+  var classes = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls), true), _defineProperty(_classNames, 'avatar-' + size, true), _defineProperty(_classNames, 'avatar-' + shape, true), _classNames));
+  var cls = classNames(classes, className);
+
+  var styles = _objectSpread({
+    width: sizeValue.indexOf(size) > -1 ? '' : "".concat(size, "px"),
+    height: sizeValue.indexOf(size) > -1 ? '' : "".concat(size, "px"),
+    backgroundImage: src ? "url(".concat(src, ")") : '',
+    backgroundColor: "".concat(bgColor)
+  }, style);
+
+  var iconStyles = !!icon && !src ? icon : '';
+
+  var handleClick = function handleClick(e) {
+    if (props.onClick) {
+      props.onClick(e);
+    }
+  };
+
+  return React__default.createElement("div", _objectSpread(_objectSpread({
+    className: cls
+  }, rest), {}, {
+    style: styles,
+    onClick: handleClick
+  }), React__default.createElement(Icon, {
+    className: "icon",
+    name: iconStyles
+  }), children && React__default.createElement("span", {
+    className: "text"
+  }, children));
+};
+
+Avatar.defaultProps = defaultProps;
+Avatar.displayName = 'NutAvatar';
+export { Avatar as default };

package/dist/esm/BackTop.js

@@ -0,0 +1,152 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+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) { _defineProperty(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; }
+
+import React__default, { useState, useEffect } from 'react';
+import { I as Icon } from './icon-63c0d58f.js';
+import './bem-893ad28d.js';
+import '@bem-react/classname';
+var defaultProps = {
+  bottom: 20,
+  right: 10,
+  elId: '',
+  distance: 200,
+  zIndex: 10,
+  isAnimation: true,
+  duration: 1000
+};
+
+var BackTop = function BackTop(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+      children = _defaultProps$props.children,
+      bottom = _defaultProps$props.bottom,
+      right = _defaultProps$props.right,
+      elId = _defaultProps$props.elId,
+      distance = _defaultProps$props.distance,
+      zIndex = _defaultProps$props.zIndex,
+      isAnimation = _defaultProps$props.isAnimation,
+      className = _defaultProps$props.className,
+      duration = _defaultProps$props.duration,
+      style = _defaultProps$props.style,
+      backTopClick = _defaultProps$props.backTopClick;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      backTop = _useState2[0],
+      SetBackTop = _useState2[1];
+
+  var _useState3 = useState(0),
+      _useState4 = _slicedToArray(_useState3, 2),
+      scrollTop = _useState4[0],
+      SetScrollTop = _useState4[1];
+
+  var startTime = 0;
+  var scrollEl = elId ? document.getElementById(elId) : window; //初始化
+
+  useEffect(function () {
+    init();
+    return function () {
+      return removeEventListener();
+    };
+  }, []);
+
+  var init = function init() {
+    if (elId && document.getElementById(elId)) {
+      scrollEl = document.getElementById(elId);
+    }
+
+    addEventListener();
+    initCancelAniFrame();
+  };
+
+  var scrollListener = function scrollListener() {
+    var top = null;
+
+    if (scrollEl instanceof Window) {
+      top = scrollEl.pageYOffset;
+      SetScrollTop(top);
+    } else {
+      top = scrollEl.scrollTop;
+      SetScrollTop(top);
+    }
+
+    var showBtn = top >= distance;
+    SetBackTop(showBtn);
+  };
+
+  var scroll = function scroll() {
+    var y = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+
+    if (scrollEl instanceof Window) {
+      window.scrollTo(0, y);
+    } else {
+      scrollEl.scrollTop = y;
+    }
+  };
+
+  var scrollAnimation = function scrollAnimation() {
+    var cid = requestAniFrame()(function fn() {
+      var t = duration - Math.max(0, startTime - +new Date() + duration);
+      var y = t * -scrollTop / duration + scrollTop;
+      scroll(y);
+      cid = requestAniFrame()(fn);
+
+      if (t == duration || y == 0) {
+        window.cancelAnimationFrame(cid);
+      }
+    });
+  };
+
+  var initCancelAniFrame = function initCancelAniFrame() {
+    window.cancelAnimationFrame = window.webkitCancelAnimationFrame;
+  }; //防频
+
+
+  var requestAniFrame = function requestAniFrame() {
+    return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function (callback) {
+      window.setTimeout(callback, 1000 / 60);
+    };
+  }; //监听事件
+
+
+  function addEventListener() {
+    scrollEl.addEventListener('scroll', scrollListener, false);
+    scrollEl.addEventListener('resize', scrollListener, false);
+  } //移除监听事件
+
+
+  function removeEventListener() {
+    scrollEl.removeEventListener('scroll', scrollListener, false);
+    scrollEl.removeEventListener('resize', scrollListener, false);
+  } //返回顶部点击事件
+
+
+  var goTop = function goTop(e) {
+    backTopClick(e);
+    var otime = +new Date();
+    startTime = otime;
+    isAnimation && duration > 0 ? scrollAnimation() : scroll();
+  };
+
+  var backTopClass = {
+    right: "".concat(right, "px"),
+    bottom: "".concat(bottom, "px"),
+    zIndex: zIndex
+  };
+  return React__default.createElement("div", {
+    className: "nut-backtop ".concat(backTop ? 'show' : '', " ").concat(className ? className : ''),
+    style: _objectSpread(_objectSpread({}, backTopClass), style),
+    onClick: goTop
+  }, children ? children : React__default.createElement(Icon, {
+    size: "19px",
+    className: "nut-backtop-main",
+    name: "top"
+  }));
+};
+
+BackTop.defaultProps = defaultProps;
+BackTop.displayName = 'NutBackTop';
+export { BackTop as default };

package/dist/esm/Badge.js

@@ -0,0 +1,70 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+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) { _defineProperty(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; }
+
+import React__default from 'react';
+import Icon from './Icon.js';
+var defaultProps = {
+  value: '',
+  dot: false,
+  max: 10000,
+  top: '0',
+  right: '0',
+  zIndex: '0',
+  color: '',
+  icons: ''
+};
+
+var Badge = function Badge(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+      value = _defaultProps$props.value,
+      children = _defaultProps$props.children,
+      dot = _defaultProps$props.dot,
+      max = _defaultProps$props.max,
+      top = _defaultProps$props.top,
+      right = _defaultProps$props.right,
+      zIndex = _defaultProps$props.zIndex,
+      color = _defaultProps$props.color,
+      icons = _defaultProps$props.icons;
+
+  var content = function content() {
+    if (dot) return;
+    var value = props.value;
+    var max = props.max;
+
+    if (typeof value === 'number' && typeof max === 'number') {
+      return max < value ? "".concat(max, "+") : value;
+    }
+
+    return value;
+  };
+
+  var getStyle = function getStyle() {
+    var style = {};
+    style.top = "".concat(top, "px");
+    style.right = "".concat(right, "px");
+    style.zIndex = zIndex;
+    style.background = color;
+    return style;
+  };
+
+  return React__default.createElement("div", {
+    className: "nut-badge"
+  }, icons != '' && React__default.createElement("div", {
+    className: "slot-icons"
+  }, React__default.createElement(Icon, {
+    className: "_icon",
+    name: icons,
+    color: "#ffffff",
+    size: "12"
+  })), React__default.createElement("div", null, children), React__default.createElement("div", {
+    className: "".concat(dot ? 'is-dot' : '', " nut-badge__content sup"),
+    style: getStyle()
+  }, content()));
+};
+
+Badge.defaultProps = defaultProps;
+Badge.displayName = 'NutBadge';
+export { Badge as default };

package/dist/esm/Barrage.js

@@ -0,0 +1,101 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className", "frequency", "loop", "barrageList", "speeds", "rows", "top"];
+
+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) { _defineProperty(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; }
+
+import React__default, { useRef, useImperativeHandle, useEffect } from 'react';
+import classNames from 'classnames';
+import { c as cn } from './bem-893ad28d.js';
+import '@bem-react/classname';
+var defaultProps = {
+  barrageList: [],
+  frequency: 500,
+  loop: true,
+  speeds: 2000,
+  rows: 3,
+  top: 10
+};
+
+var InternalBarrage = function InternalBarrage(props, ref) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+      className = _defaultProps$props.className,
+      frequency = _defaultProps$props.frequency,
+      loop = _defaultProps$props.loop,
+      barrageList = _defaultProps$props.barrageList,
+      speeds = _defaultProps$props.speeds,
+      rows = _defaultProps$props.rows,
+      top = _defaultProps$props.top,
+      restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
+
+  var barrageBody = useRef(null);
+  var barrageContainer = useRef(null);
+  var barrageCWidth = useRef(0);
+  var timer = useRef(0);
+  var index = useRef(0);
+  var b = cn('barrage');
+  var classes = classNames(className, b(''));
+  useImperativeHandle(ref, function () {
+    return {
+      add: function add(word) {
+        var _index = index.current % barrageList.length;
+
+        barrageList.splice(_index, 0, word);
+      }
+    };
+  });
+  useEffect(function () {
+    if (barrageBody.current) {
+      barrageCWidth.current = barrageBody.current.offsetWidth;
+      run();
+    }
+
+    return function () {
+      clearInterval(timer.current);
+    };
+  }, []);
+
+  var run = function run() {
+    clearInterval(timer.current);
+    timer.current = setInterval(function () {
+      play();
+      run();
+    }, frequency);
+  };
+
+  var play = function play() {
+    var _index = loop ? index.current % barrageList.length : index.current;
+
+    var el = document.createElement("div");
+    el.innerHTML = barrageList[_index];
+    el.classList.add('barrage-item');
+    barrageContainer.current.appendChild(el);
+    var width = el.offsetWidth;
+    var height = el.offsetHeight;
+    el.classList.add('move');
+    el.style.animationDuration = "".concat(speeds, "ms");
+    el.style.top = _index % rows * (height + top) + 20 + 'px';
+    el.style.width = width + 20 + 'px';
+    el.style.setProperty('--move-distance', "-".concat(barrageCWidth.current, "px"));
+    el.dataset.index = "".concat(_index);
+    el.addEventListener('animationend', function () {
+      barrageContainer.current.removeChild(el);
+    });
+    index.current++;
+  };
+
+  return React__default.createElement("div", _objectSpread({
+    className: classes,
+    ref: barrageBody
+  }, restProps), React__default.createElement("div", {
+    ref: barrageContainer,
+    className: "bContainer"
+  }));
+};
+
+var Barrage = React__default.forwardRef(InternalBarrage);
+Barrage.defaultProps = defaultProps;
+Barrage.displayName = 'NutBarrage';
+export { Barrage as default };

package/dist/esm/Button.js

@@ -0,0 +1,4 @@
+import { B as Button } from './button-345fb015.js';
+export { B as default } from './button-345fb015.js';
+import 'react';
+import './Icon.js';

package/dist/esm/Cell.js

@@ -0,0 +1,92 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children", "click", "isLink", "to", "url", "replace", "className", "descTextAlign", "desc", "icon", "title", "subTitle", "extra"];
+
+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) { _defineProperty(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; }
+
+import React__default from 'react';
+import { useHistory } from 'react-router-dom';
+import { c as cn } from './bem-893ad28d.js';
+import { I as Icon } from './icon-63c0d58f.js';
+import '@bem-react/classname';
+var defaultProps = {
+  title: '',
+  subTitle: '',
+  desc: '',
+  descTextAlign: 'right',
+  isLink: false,
+  to: '',
+  replace: false,
+  url: '',
+  icon: '',
+  className: '',
+  extra: '',
+  click: function click(event) {}
+};
+
+var Cell = function Cell(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+      children = _defaultProps$props.children,
+      click = _defaultProps$props.click,
+      isLink = _defaultProps$props.isLink,
+      to = _defaultProps$props.to,
+      url = _defaultProps$props.url,
+      replace = _defaultProps$props.replace,
+      className = _defaultProps$props.className,
+      descTextAlign = _defaultProps$props.descTextAlign,
+      desc = _defaultProps$props.desc,
+      icon = _defaultProps$props.icon,
+      title = _defaultProps$props.title,
+      subTitle = _defaultProps$props.subTitle,
+      extra = _defaultProps$props.extra,
+      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+
+  var b = cn('cell');
+  var history = useHistory();
+
+  var handleClick = function handleClick(event) {
+    click(event);
+
+    if (to && history) {
+      history[replace ? 'replace' : 'push'](to);
+    } else if (url) {
+      replace ? location.replace(url) : location.href = url;
+    }
+  };
+
+  var styles = title || subTitle || icon ? {} : {
+    textAlign: descTextAlign,
+    flex: 1
+  };
+  return React__default.createElement("div", _objectSpread({
+    className: "".concat(b({
+      clickable: isLink || to ? true : false
+    }, [className]), " "),
+    onClick: function onClick(event) {
+      return handleClick(event);
+    }
+  }, rest), children ? children : React__default.createElement(React__default.Fragment, null, title || subTitle || icon ? React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
+    className: "".concat(b('title', {
+      icon: icon ? true : false
+    }))
+  }, icon ? React__default.createElement(Icon, {
+    name: icon,
+    className: "".concat(b('icon'))
+  }) : null, subTitle ? React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
+    className: b('maintitle')
+  }, title), React__default.createElement("div", {
+    className: b('subtitle')
+  }, subTitle)) : React__default.createElement(React__default.Fragment, null, title))) : null, desc ? React__default.createElement("div", {
+    className: b('desc'),
+    style: styles
+  }, desc) : null), extra ? extra : null, !extra && (isLink || to) ? React__default.createElement(Icon, {
+    name: "right",
+    className: b('link')
+  }) : null);
+};
+
+Cell.defaultProps = defaultProps;
+Cell.displayName = 'NutCell';
+export { Cell as default };