@nutui/nutui-react 1.3.11-beta.0 → 1.3.12-beta.0

package/CHANGELOG.md

@@ -1,3 +1,16 @@
+# v1.3.12
+`2022-11-23`
+
+* :bug: fix: children 无数据时不展示cell，应在顶层判断 (#482) @xiaoyatong
+* :sparkles: chore: pulltorefresh 删除取用 console (#480) @oasis-cloud
+* :bug: fix: taro:h5启动时textare组件change时间获取数据报错问题修复 (#479) @vickyYe
+* :sparkles: feat: add form (#470) @xiaoyatong
+* :bug: fix: taro 包不需要依赖 react-router-dom (#475) @oasis-cloud
+* :bug: fix: calendar taro中Popup组件与h5中属性不一致问题 (#468) @Phyzait
+* :bug: fix: Cell组件当children为空数组时不渲染Cell组件问题 (#466) @cuicuiworld
+* :sparkles: feat: range组件新增描述属性 (#471) @simpleStyle
+* :bug: fix: textarea组件字数统计不准确问题修改，兼容emoji (#467) @vickyYe
+
 # v1.3.11
 `2022-11-16`
 

package/dist/esm/Cell.js

@@ -1,109 +1,8 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "click", "onClick", "title", "subTitle", "desc", "descTextAlign", "isLink", "icon", "roundRadius", "url", "to", "replace", "center", "size", "className", "iconSlot", "linkSlot", "iconClassPrefix", "iconFontClassName"];
-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 Icon from './Icon.js';
-import { C as ComponentDefaults } from './typings-1c5f2628.js';
+import { C as Cell } from './cell-c8781626.js';
+export { C as default } from './cell-c8781626.js';
+import 'react';
+import 'react-router-dom';
+import './bem-893ad28d.js';
 import '@bem-react/classname';
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  title: null,
-  subTitle: null,
-  desc: '',
-  descTextAlign: 'right',
-  isLink: false,
-  icon: '',
-  roundRadius: '6px',
-  url: '',
-  to: '',
-  replace: false,
-  center: false,
-  size: '',
-  className: '',
-  iconSlot: null,
-  linkSlot: null,
-  click: function click(event) {},
-  onClick: function onClick(event) {}
-});
-var Cell = function Cell(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    children = _defaultProps$props.children,
-    click = _defaultProps$props.click,
-    onClick = _defaultProps$props.onClick,
-    title = _defaultProps$props.title,
-    subTitle = _defaultProps$props.subTitle,
-    desc = _defaultProps$props.desc,
-    descTextAlign = _defaultProps$props.descTextAlign,
-    isLink = _defaultProps$props.isLink,
-    icon = _defaultProps$props.icon,
-    roundRadius = _defaultProps$props.roundRadius,
-    url = _defaultProps$props.url,
-    to = _defaultProps$props.to,
-    replace = _defaultProps$props.replace,
-    center = _defaultProps$props.center,
-    size = _defaultProps$props.size,
-    className = _defaultProps$props.className,
-    iconSlot = _defaultProps$props.iconSlot,
-    linkSlot = _defaultProps$props.linkSlot,
-    iconClassPrefix = _defaultProps$props.iconClassPrefix,
-    iconFontClassName = _defaultProps$props.iconFontClassName,
-    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var b = cn('cell');
-  var history = useHistory();
-  var handleClick = function handleClick(event) {
-    click(event);
-    onClick(event);
-    if (to && history) {
-      history[replace ? 'replace' : 'push'](to);
-    } else if (url) {
-      replace ? window.location.replace(url) : window.location.href = url;
-    }
-  };
-  var baseStyle = {
-    borderRadius: Number.isNaN(Number(roundRadius)) ? String(roundRadius) : "".concat(roundRadius, "px")
-  };
-  var styles = title || subTitle || icon ? {} : {
-    textAlign: descTextAlign,
-    flex: 1
-  };
-  return React__default.createElement("div", _objectSpread({
-    className: "".concat(b({
-      clickable: !!(isLink || to),
-      center: center,
-      large: size === 'large'
-    }, [className]), " "),
-    onClick: function onClick(event) {
-      return handleClick(event);
-    },
-    style: baseStyle
-  }, rest), children || React__default.createElement(React__default.Fragment, null, icon || iconSlot ? React__default.createElement("div", {
-    className: b('icon')
-  }, iconSlot || (icon ? React__default.createElement(Icon, {
-    classPrefix: iconClassPrefix,
-    fontClassName: iconFontClassName,
-    name: icon,
-    className: "icon"
-  }) : null)) : null, title || subTitle ? React__default.createElement("div", {
-    className: "".concat(b('title'))
-  }, title ? React__default.createElement("div", {
-    className: b('maintitle')
-  }, title) : null, subTitle ? React__default.createElement("div", {
-    className: b('subtitle')
-  }, subTitle) : null) : null, desc ? React__default.createElement("div", {
-    className: b('value', {
-      alone: !title && !subTitle
-    }),
-    style: styles
-  }, desc) : null, !linkSlot && (isLink || to) ? React__default.createElement(Icon, {
-    classPrefix: iconClassPrefix,
-    fontClassName: iconFontClassName,
-    name: "right",
-    className: b('link')
-  }) : linkSlot));
-};
-Cell.defaultProps = defaultProps;
-Cell.displayName = 'NutCell';
-export { Cell as default };
+import './Icon.js';
+import './typings-1c5f2628.js';

package/dist/esm/CellGroup.js

@@ -1,35 +1,5 @@
-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 { c as cn } from './bem-893ad28d.js';
+import { C as CellGroup } from './cellgroup-3402f96c.js';
+export { C as default } from './cellgroup-3402f96c.js';
+import 'react';
+import './bem-893ad28d.js';
 import '@bem-react/classname';
-var defaultProps = {
-  title: '',
-  desc: '',
-  className: '',
-  titleSlot: null,
-  descSlot: null
-};
-var CellGroup = function CellGroup(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    children = _defaultProps$props.children,
-    className = _defaultProps$props.className,
-    title = _defaultProps$props.title,
-    desc = _defaultProps$props.desc,
-    titleSlot = _defaultProps$props.titleSlot,
-    descSlot = _defaultProps$props.descSlot;
-  var b = cn('cell-group');
-  return React__default.createElement("div", {
-    className: b(null, [className])
-  }, titleSlot || React__default.createElement(React__default.Fragment, null, title ? React__default.createElement("div", {
-    className: b('title')
-  }, title) : null), descSlot || React__default.createElement(React__default.Fragment, null, desc ? React__default.createElement("div", {
-    className: b('desc')
-  }, desc) : null), React__default.createElement("div", {
-    className: b('wrap')
-  }, children));
-};
-CellGroup.defaultProps = defaultProps;
-CellGroup.displayName = 'NutCellGroup';
-export { CellGroup as default };

package/dist/esm/Form/style/index.js

@@ -0,0 +1,2 @@
+
+import '../../../packages/form/form.scss'

package/dist/esm/Form.js

@@ -0,0 +1,188 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["children", "onFinish", "onFinishFailed", "labelPosition", "starPositon"];
+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 } from 'react';
+import { C as CellGroup } from './cellgroup-3402f96c.js';
+import { F as FormItemContext, a as FormItem } from './formitem-46d4aca3.js';
+import Schema from 'async-validator';
+import { C as ComponentDefaults } from './typings-1c5f2628.js';
+import './bem-893ad28d.js';
+import '@bem-react/classname';
+import './cell-c8781626.js';
+import 'react-router-dom';
+import './Icon.js';
+
+/**
+ * 用于存储表单的数据
+ */
+var FormStore = /*#__PURE__*/_createClass(
+// 存放表单中所有的数据 eg. {password: "ddd",username: "123"}
+// 所有的组件实例
+// 成功和失败的回调
+
+function FormStore() {
+  var _this = this;
+  _classCallCheck(this, FormStore);
+  _defineProperty(this, "store", {});
+  _defineProperty(this, "fieldEntities", []);
+  _defineProperty(this, "callbacks", {});
+  _defineProperty(this, "errList", []);
+  _defineProperty(this, "registerField", function (field) {
+    _this.fieldEntities.push(field);
+    return function () {
+      _this.fieldEntities = _this.fieldEntities.filter(function (item) {
+        return item != field;
+      });
+      delete _this.store[field.props.name];
+    };
+  });
+  _defineProperty(this, "getFieldValue", function (name) {
+    return _this.store[name];
+  });
+  _defineProperty(this, "setFieldsValue", function (newStore) {
+    _this.store = _objectSpread(_objectSpread({}, _this.store), newStore);
+    _this.fieldEntities.forEach(function (enetity) {
+      var name = enetity.props.name;
+      Object.keys(newStore).forEach(function (key) {
+        if (key === name) {
+          enetity.onStoreChange();
+        }
+      });
+    });
+  });
+  _defineProperty(this, "validate", function () {
+    var err = [];
+    _this.errList.length = 0;
+    _this.fieldEntities.forEach(function (entity) {
+      var _entity$props = entity.props,
+        name = _entity$props.name,
+        _entity$props$rules = _entity$props.rules,
+        rules = _entity$props$rules === void 0 ? [] : _entity$props$rules;
+      var descriptor = {};
+      if (rules.length) {
+        // 多条校验规则
+        if (rules.length > 1) {
+          descriptor[name] = [];
+          rules.map(function (v) {
+            descriptor[name].push(v);
+          });
+        } else {
+          descriptor[name] = rules[0];
+        }
+      }
+      var validator = new Schema(descriptor);
+      validator.validate(_defineProperty({}, name, _this.store[name]), function (errors) {
+        if (errors) {
+          var _this$errList;
+          err.push.apply(err, _toConsumableArray(errors));
+          (_this$errList = _this.errList).push.apply(_this$errList, _toConsumableArray(errors));
+          // 表单项更新
+        }
+
+        entity.onStoreChange();
+      });
+    });
+    return err;
+  });
+  _defineProperty(this, "setCallback", function (callback) {
+    _this.callbacks = _objectSpread(_objectSpread({}, _this.callbacks), callback);
+  });
+  _defineProperty(this, "submit", function () {
+    var err = _this.validate();
+    if (err.length === 0) {
+      var _this$callbacks$onFin, _this$callbacks;
+      (_this$callbacks$onFin = (_this$callbacks = _this.callbacks).onFinish) === null || _this$callbacks$onFin === void 0 ? void 0 : _this$callbacks$onFin.call(_this$callbacks, _this.store);
+    } else if (err.length > 0) {
+      var _this$callbacks$onFin2, _this$callbacks2;
+      (_this$callbacks$onFin2 = (_this$callbacks2 = _this.callbacks).onFinishFailed) === null || _this$callbacks$onFin2 === void 0 ? void 0 : _this$callbacks$onFin2.call(_this$callbacks2, err);
+    }
+  });
+  _defineProperty(this, "resetFields", function () {});
+  _defineProperty(this, "getForm", function () {
+    return {
+      setCallback: _this.setCallback,
+      registerField: _this.registerField,
+      getFieldValue: _this.getFieldValue,
+      setFieldsValue: _this.setFieldsValue,
+      submit: _this.submit,
+      store: _this.store,
+      errList: _this.errList,
+      fieldEntities: _this.fieldEntities
+    };
+  });
+  this.callbacks = {
+    onFinish: function onFinish(value) {},
+    onFinishFailed: function onFinishFailed() {}
+  };
+}
+/**
+ * 注册组件实例
+ * @param field
+ */);
+
+var useForm = function useForm(form) {
+  var formRef = useRef();
+  if (!formRef.current) {
+    if (form) {
+      formRef.current = form;
+    } else {
+      var formStore = new FormStore();
+      formRef.current = formStore.getForm();
+    }
+  }
+  return [formRef.current];
+};
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  className: '',
+  style: undefined,
+  form: {},
+  labelPosition: 'Right',
+  formGroupTitle: '',
+  onFinish: function onFinish(obj) {},
+  onFinishFailed: function onFinishFailed(value) {},
+  starPositon: 'Left'
+});
+var PositionInfo = {
+  Top: 'form-layout-top',
+  Left: 'form-layout-left',
+  Right: 'form-layout-right'
+};
+var Form = function Form(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    children = _defaultProps$props.children,
+    onFinish = _defaultProps$props.onFinish,
+    onFinishFailed = _defaultProps$props.onFinishFailed,
+    labelPosition = _defaultProps$props.labelPosition,
+    starPositon = _defaultProps$props.starPositon,
+    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var _useForm = useForm(),
+    _useForm2 = _slicedToArray(_useForm, 1),
+    formInstance = _useForm2[0];
+  formInstance.starPositon = starPositon;
+  var setCallback = formInstance.setCallback,
+    submit = formInstance.submit;
+  setCallback({
+    onFinish: onFinish,
+    onFinishFailed: onFinishFailed
+  });
+  return React__default.createElement("form", {
+    className: "nut-form ".concat(PositionInfo[labelPosition], " ").concat(props.className),
+    style: props.style,
+    onSubmit: function onSubmit(e) {
+      e.preventDefault();
+      submit();
+    }
+  }, React__default.createElement(CellGroup, null, React__default.createElement(FormItemContext.Provider, {
+    value: formInstance
+  }, children)));
+};
+Form.defaultProps = defaultProps;
+Form.displayName = 'NutForm';
+Form.Item = FormItem;
+export { Form as default };

package/dist/esm/FormItem/style/index.js

@@ -0,0 +1,2 @@
+
+import '../../../packages/formitem/formitem.scss'

package/dist/esm/FormItem.js

@@ -0,0 +1,9 @@
+import { a as FormItem } from './formitem-46d4aca3.js';
+export { a as default } from './formitem-46d4aca3.js';
+import 'react';
+import './cell-c8781626.js';
+import 'react-router-dom';
+import './bem-893ad28d.js';
+import '@bem-react/classname';
+import './Icon.js';
+import './typings-1c5f2628.js';

package/dist/esm/Range.js

@@ -41,7 +41,10 @@ var Range = function Range(props) {
     dragEnd = _defaultProps$props.dragEnd,
     onChange = _defaultProps$props.onChange,
     onDragStart = _defaultProps$props.onDragStart,
-    onDragEnd = _defaultProps$props.onDragEnd;
+    onDragEnd = _defaultProps$props.onDragEnd,
+    minDesc = _defaultProps$props.minDesc,
+    maxDesc = _defaultProps$props.maxDesc,
+    curValueDesc = _defaultProps$props.curValueDesc;
   var _defaultProps$props2 = _objectSpread(_objectSpread({}, defaultProps), props),
     min = _defaultProps$props2.min,
     max = _defaultProps$props2.max,
@@ -313,7 +316,7 @@ var Range = function Range(props) {
     className: "".concat(containerName)
   }, !hiddenRange ? React__default.createElement("div", {
     className: "min"
-  }, +min) : null, React__default.createElement("div", {
+  }, minDesc || +min) : null, React__default.createElement("div", {
     ref: root,
     style: wrapperStyle(),
     className: "".concat(rangeName),
@@ -368,7 +371,7 @@ var Range = function Range(props) {
       style: buttonStyle()
     }, !hiddenTag ? React__default.createElement("div", {
       className: "number"
-    }, curValue(index)) : null));
+    }, curValueDesc || curValue(index)) : null));
   }) : React__default.createElement("div", {
     role: "slider",
     className: "nut-range-button-wrapper",
@@ -397,9 +400,9 @@ var Range = function Range(props) {
     style: buttonStyle()
   }, !hiddenTag ? React__default.createElement("div", {
     className: "number"
-  }, curValue()) : null)))), !hiddenRange ? React__default.createElement("div", {
+  }, curValueDesc || curValue()) : null)))), !hiddenRange ? React__default.createElement("div", {
     className: "max"
-  }, +max) : null);
+  }, maxDesc || +max) : null);
 };
 Range.defaultProps = defaultProps;
 Range.displayName = 'NutRange';

package/dist/esm/TextArea.js

@@ -1,4 +1,5 @@
 import _typeof from "@babel/runtime/helpers/typeof";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 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; }
@@ -43,13 +44,11 @@ var TextArea = function TextArea(props) {
     SetInputValue = _useState2[1];
   var textareaRef = useRef(null);
   useEffect(function () {
-    if (defaultValue) {
-      var initValue = defaultValue;
-      if (maxlength && initValue.length > Number(maxlength)) {
-        initValue = initValue.substring(0, Number(maxlength));
-      }
-      SetInputValue(initValue);
+    var initValue = defaultValue;
+    if (initValue && maxlength && _toConsumableArray(initValue).length > Number(maxlength)) {
+      initValue = initValue.substring(0, Number(maxlength));
     }
+    SetInputValue(initValue);
     if (autosize) {
       setTimeout(function () {
         setContentHeight();
@@ -85,7 +84,7 @@ var TextArea = function TextArea(props) {
   };
   var textChange = function textChange(event) {
     var text = event.target;
-    if (maxlength && text.value.length > Number(maxlength)) {
+    if (maxlength && _toConsumableArray(text.value).length > Number(maxlength)) {
       text.value = text.value.substring(0, Number(maxlength));
     }
     SetInputValue(text.value);
@@ -131,7 +130,7 @@ var TextArea = function TextArea(props) {
     placeholder: placeholder || locale.placeholder
   }), limitshow ? React__default.createElement("div", {
     className: textareaBem('limit')
-  }, inputValue.length, "/", maxlength < 0 ? 0 : maxlength) : null);
+  }, _toConsumableArray(inputValue).length, "/", maxlength < 0 ? 0 : maxlength) : null);
 };
 TextArea.defaultProps = defaultProps;
 TextArea.displayName = 'NutTextArea';

package/dist/esm/cell-c8781626.js

@@ -0,0 +1,108 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["children", "click", "onClick", "title", "subTitle", "desc", "descTextAlign", "isLink", "icon", "roundRadius", "url", "to", "replace", "center", "size", "className", "iconSlot", "linkSlot", "iconClassPrefix", "iconFontClassName"];
+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 Icon from './Icon.js';
+import { C as ComponentDefaults } from './typings-1c5f2628.js';
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  title: null,
+  subTitle: null,
+  desc: '',
+  descTextAlign: 'right',
+  isLink: false,
+  icon: '',
+  roundRadius: '6px',
+  url: '',
+  to: '',
+  replace: false,
+  center: false,
+  size: '',
+  className: '',
+  iconSlot: null,
+  linkSlot: null,
+  click: function click(event) {},
+  onClick: function onClick(event) {}
+});
+var Cell = function Cell(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    children = _defaultProps$props.children,
+    click = _defaultProps$props.click,
+    onClick = _defaultProps$props.onClick,
+    title = _defaultProps$props.title,
+    subTitle = _defaultProps$props.subTitle,
+    desc = _defaultProps$props.desc,
+    descTextAlign = _defaultProps$props.descTextAlign,
+    isLink = _defaultProps$props.isLink,
+    icon = _defaultProps$props.icon,
+    roundRadius = _defaultProps$props.roundRadius,
+    url = _defaultProps$props.url,
+    to = _defaultProps$props.to,
+    replace = _defaultProps$props.replace,
+    center = _defaultProps$props.center,
+    size = _defaultProps$props.size,
+    className = _defaultProps$props.className,
+    iconSlot = _defaultProps$props.iconSlot,
+    linkSlot = _defaultProps$props.linkSlot,
+    iconClassPrefix = _defaultProps$props.iconClassPrefix,
+    iconFontClassName = _defaultProps$props.iconFontClassName,
+    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var b = cn('cell');
+  var history = useHistory();
+  var handleClick = function handleClick(event) {
+    click(event);
+    onClick(event);
+    if (to && history) {
+      history[replace ? 'replace' : 'push'](to);
+    } else if (url) {
+      replace ? window.location.replace(url) : window.location.href = url;
+    }
+  };
+  var baseStyle = {
+    borderRadius: Number.isNaN(Number(roundRadius)) ? String(roundRadius) : "".concat(roundRadius, "px")
+  };
+  var styles = title || subTitle || icon ? {} : {
+    textAlign: descTextAlign,
+    flex: 1
+  };
+  return React__default.createElement("div", _objectSpread({
+    className: "".concat(b({
+      clickable: !!(isLink || to),
+      center: center,
+      large: size === 'large'
+    }, [className]), " "),
+    onClick: function onClick(event) {
+      return handleClick(event);
+    },
+    style: baseStyle
+  }, rest), children || React__default.createElement(React__default.Fragment, null, icon || iconSlot ? React__default.createElement("div", {
+    className: b('icon')
+  }, iconSlot || (icon ? React__default.createElement(Icon, {
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
+    name: icon,
+    className: "icon"
+  }) : null)) : null, title || subTitle ? React__default.createElement("div", {
+    className: "".concat(b('title'))
+  }, title ? React__default.createElement("div", {
+    className: b('maintitle')
+  }, title) : null, subTitle ? React__default.createElement("div", {
+    className: b('subtitle')
+  }, subTitle) : null) : null, desc ? React__default.createElement("div", {
+    className: b('value', {
+      alone: !title && !subTitle
+    }),
+    style: styles
+  }, desc) : null, !linkSlot && (isLink || to) ? React__default.createElement(Icon, {
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
+    name: "right",
+    className: b('link')
+  }) : linkSlot));
+};
+Cell.defaultProps = defaultProps;
+Cell.displayName = 'NutCell';
+export { Cell as C };

package/dist/esm/cellgroup-3402f96c.js

@@ -0,0 +1,34 @@
+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 { c as cn } from './bem-893ad28d.js';
+var defaultProps = {
+  title: '',
+  desc: '',
+  className: '',
+  titleSlot: null,
+  descSlot: null
+};
+var CellGroup = function CellGroup(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    children = _defaultProps$props.children,
+    className = _defaultProps$props.className,
+    title = _defaultProps$props.title,
+    desc = _defaultProps$props.desc,
+    titleSlot = _defaultProps$props.titleSlot,
+    descSlot = _defaultProps$props.descSlot;
+  var b = cn('cell-group');
+  return React__default.createElement("div", {
+    className: b(null, [className])
+  }, titleSlot || React__default.createElement(React__default.Fragment, null, title ? React__default.createElement("div", {
+    className: b('title')
+  }, title) : null), descSlot || React__default.createElement(React__default.Fragment, null, desc ? React__default.createElement("div", {
+    className: b('desc')
+  }, desc) : null), React__default.createElement("div", {
+    className: b('wrap')
+  }, children));
+};
+CellGroup.defaultProps = defaultProps;
+CellGroup.displayName = 'NutCellGroup';
+export { CellGroup as C };