@nutui/nutui-react 1.2.2 → 1.2.3-beta.2

package/dist/esm/Radio.js

@@ -76,7 +76,15 @@ var Radio = function Radio(props) {
   };
 
   var color = function color() {
-    return !disabledStatement ? checkedStatement ? 'nut-radio__icon' : 'nut-radio__icon--unchecked' : 'nut-radio__icon--disable';
+    if (disabledStatement) {
+      return 'nut-radio__icon--disable';
+    }
+
+    if (checkedStatement) {
+      return 'nut-radio__icon';
+    }
+
+    return 'nut-radio__icon--unchecked';
   };
 
   var renderIcon = function renderIcon() {
@@ -90,10 +98,22 @@ var Radio = function Radio(props) {
     });
   };
 
+  var renderRadioItem = function renderRadioItem() {
+    if (shape === 'button') {
+      return renderButton();
+    }
+
+    if (reverseState) {
+      return [renderLabel(), renderIcon()];
+    }
+
+    return [renderIcon(), renderLabel()];
+  };
+
   var handleClick = function handleClick(e) {
-    if (disabledStatement) return;
+    if (disabledStatement || checkedStatement) return;
     setCheckedStatement(!checkedStatement);
-    props.onChange && props.onChange(e);
+    onChange && onChange(e);
     context && context.onChange(valueStatement);
   };
 
@@ -101,7 +121,7 @@ var Radio = function Radio(props) {
   return React__default.createElement("div", _objectSpread({
     className: "nut-radio ".concat(className),
     onClick: handleClick
-  }, rest), props.shape == 'button' ? renderButton() : reverseState ? [renderLabel(), renderIcon()] : [renderIcon(), renderLabel()]);
+  }, rest), renderRadioItem());
 };
 
 Radio.defaultProps = defaultProps;

package/dist/esm/Row.js

@@ -21,12 +21,15 @@ var Row = function Row(props) {
       justify = _defaultProps$props.justify,
       align = _defaultProps$props.align,
       wrap = _defaultProps$props.wrap,
-      gutter = _defaultProps$props.gutter;
+      gutter = _defaultProps$props.gutter,
+      _onClick = _defaultProps$props.onClick;
 
   var prefixCls = 'nut-row';
 
   var getClass = function getClass(prefix, type) {
-    return prefix ? type ? "nut-row-".concat(prefix, "-").concat(type) : '' : "nut-row-".concat(type);
+    var classType = type ? "nut-row-".concat(prefix, "-").concat(type) : '';
+    var className = prefix ? classType : "nut-row-".concat(type);
+    return className;
   };
 
   var getClasses = function getClasses() {
@@ -39,7 +42,10 @@ var Row = function Row(props) {
   return React__default.createElement(DataContext.Provider, {
     value: parentRow
   }, React__default.createElement('div', {
-    className: getClasses()
+    className: getClasses(),
+    onClick: function onClick(e) {
+      _onClick && _onClick(e, 'row');
+    }
   }, children));
 };
 

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

@@ -0,0 +1,2 @@
+
+require('../../../packages/sidenavbar/sidenavbar.scss')

package/dist/esm/SideNavBar.js

@@ -0,0 +1,65 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["title", "visible", "width", "position", "children", "className", "showhead", "handleClose"];
+
+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 { useConfig } from './ConfigProvider.js';
+import Popup from './Popup.js';
+import { h as handleClick, O as OffsetContext } from './offsetContext-0e3d04b3.js';
+var defaultProps = {
+  showhead: false,
+  position: 'left',
+  width: '80%'
+};
+
+var SideNavBar = function SideNavBar(props) {
+  useConfig();
+
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+      title = _defaultProps$props.title,
+      visible = _defaultProps$props.visible,
+      width = _defaultProps$props.width,
+      position = _defaultProps$props.position,
+      children = _defaultProps$props.children,
+      className = _defaultProps$props.className,
+      showhead = _defaultProps$props.showhead,
+      handleClose = _defaultProps$props.handleClose,
+      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+
+  var offset = props.offset ? Number(props.offset) : 20;
+  return React__default.createElement(Popup, {
+    visible: visible,
+    style: {
+      width: width,
+      height: '100%'
+    },
+    position: position,
+    onClose: handleClose
+  }, React__default.createElement("div", _objectSpread({
+    className: className ? "".concat(className, " nut-sidenavbar") : 'nut-sidenavbar'
+  }, rest), React__default.createElement("div", {
+    className: "nut-sidenavbar__content"
+  }, React__default.createElement("div", {
+    className: "nut-sidenavbar__list nutShow",
+    onClick: handleClick
+  }, React__default.createElement("div", {
+    className: "nut-sidenavbar__title border-bt ",
+    style: {
+      paddingLeft: "".concat(offset, "px")
+    }
+  }, title, " ", React__default.createElement("i", {
+    className: "arrow-icon arrow-down"
+  })), React__default.createElement(OffsetContext.Provider, {
+    value: offset
+  }, React__default.createElement("div", {
+    className: "nut-sidenavbar__content"
+  }, children))))));
+};
+
+SideNavBar.defaultProps = defaultProps;
+SideNavBar.displayName = 'NutSideNavBar';
+export { SideNavBar as default };

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

@@ -0,0 +1,2 @@
+
+require('../../../packages/sidenavbaritem/sidenavbaritem.scss')

package/dist/esm/SideNavBarItem.js

@@ -0,0 +1,32 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["title", "ikey", "children", "click"];
+
+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';
+
+var SideNavBarItem = function SideNavBarItem(props) {
+  var title = props.title,
+      ikey = props.ikey,
+      children = props.children,
+      click = props.click,
+      rest = _objectWithoutProperties(props, _excluded);
+
+  var clickFn = function clickFn(e) {
+    e.stopPropagation();
+    click && click({
+      title: title,
+      ikey: ikey
+    });
+  };
+
+  return React__default.createElement("div", _objectSpread({
+    className: "nut-subsidenavbar__item border-bt",
+    onClick: clickFn
+  }, rest), title);
+};
+
+export { SideNavBarItem as default };

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

@@ -0,0 +1,2 @@
+
+require('../../../packages/subsidenavbar/subsidenavbar.scss')

package/dist/esm/SubSideNavBar.js

@@ -0,0 +1,94 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["title", "ikey", "children", "titleClick", "open"];
+
+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, { useContext, useRef, useCallback, useEffect } from 'react';
+import { O as OffsetContext, h as handleClick } from './offsetContext-0e3d04b3.js';
+var defaultProps = {
+  open: true
+};
+
+var SubSideNavBar = function SubSideNavBar(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+      title = _defaultProps$props.title,
+      ikey = _defaultProps$props.ikey,
+      children = _defaultProps$props.children,
+      titleClick = _defaultProps$props.titleClick,
+      open = _defaultProps$props.open,
+      rest = _objectWithoutProperties(_defaultProps$props, _excluded); // const offset = props.offset ? Number(props.offset) : 20
+
+
+  var offset = useContext(OffsetContext);
+  console.log('offset>>>>>>>', offset);
+  var listRef = useRef(null);
+  var setListLevel = useCallback(function (nodeList) {
+    var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+    var titleClass = nodeList[0].className;
+
+    if (titleClass.includes('nut-subsidenavbar__title')) {
+      // const left = 15 + offset * level
+      var left = offset * (level + 1);
+      nodeList[0].style.paddingLeft = "".concat(left, "px");
+    }
+
+    var childNodes = nodeList[1] && nodeList[1].children && Array.from(nodeList[1].children).filter(function (item) {
+      return item.nodeType !== 3 && item.nodeType !== 8;
+    });
+    childNodes.forEach(function (item) {
+      var itemClass = item.className;
+
+      if (itemClass.includes('nut-subsidenavbar__item')) {
+        // const left = 15 + offset * (level + 1)
+        var _left = offset * (level + 2);
+
+        item.style.paddingLeft = "".concat(_left, "px");
+      }
+
+      if (itemClass.includes('nut-subsidenavbar__list')) {
+        var _level = item.getAttribute('level') ? Number(item.getAttribute('level')) : 1;
+
+        _level += 1;
+        item.setAttribute('level', _level.toString());
+        item.children && setListLevel(item.children, _level);
+      }
+    });
+  }, [offset]);
+
+  var clickFn = function clickFn(e) {
+    handleClick(e);
+    var currentClass = e.currentTarget.className;
+    var isShow = currentClass.includes('nutShow');
+    titleClick && titleClick({
+      title: title,
+      ikey: ikey,
+      isShow: isShow
+    });
+  };
+
+  useEffect(function () {
+    var _listRef$current, _listRef$current2;
+
+    var childNodes = (_listRef$current = listRef.current) === null || _listRef$current === void 0 ? void 0 : _listRef$current.children;
+    (_listRef$current2 = listRef.current) === null || _listRef$current2 === void 0 ? void 0 : _listRef$current2.setAttribute('level', '1');
+    childNodes && setListLevel(childNodes);
+  }, [setListLevel]);
+  var divClass = open ? 'nut-subsidenavbar__list  nutShow' : 'nut-subsidenavbar__list  nutHide';
+  var iconClass = open ? 'arrow-icon arrow-down' : 'arrow-icon arrow-up';
+  return React__default.createElement("div", _objectSpread({
+    className: divClass,
+    ref: listRef,
+    onClick: clickFn
+  }, rest), React__default.createElement("div", {
+    className: "nut-subsidenavbar__title border-bt"
+  }, title, " ", React__default.createElement("i", {
+    className: iconClass
+  })), React__default.createElement("div", {
+    className: "nut-subsidenavbar__content"
+  }, children));
+};
+
+export { SubSideNavBar as default };

package/dist/esm/Swiper.js

@@ -2,7 +2,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _typeof from "@babel/runtime/helpers/typeof";
-var _excluded = ["children", "direction", "className", "pageContent", "onChange", "initPage", "paginationColor", "paginationVisible", "touchable", "isPreventDefault", "isStopPropagation", "autoPlay"];
+var _excluded = ["children", "direction", "className", "pageContent", "onChange", "initPage", "paginationColor", "paginationVisible", "touchable", "isPreventDefault", "isStopPropagation", "autoPlay", "isCenter"];
 
 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; }
 
@@ -26,6 +26,7 @@ var defaultProps = {
   touchable: true,
   isPreventDefault: true,
   isStopPropagation: true,
+  isCenter: false,
   className: ''
 };
 var DISTANCE = 5;
@@ -46,6 +47,7 @@ var Swiper = React__default.forwardRef(function (props, ref) {
       isPreventDefault = propSwiper.isPreventDefault,
       isStopPropagation = propSwiper.isStopPropagation,
       autoPlay = propSwiper.autoPlay,
+      isCenter = propSwiper.isCenter,
       rest = _objectWithoutProperties(propSwiper, _excluded);
 
   var container = useRef(null);
@@ -65,7 +67,8 @@ var Swiper = React__default.forwardRef(function (props, ref) {
   var _useState = useState(null),
       _useState2 = _slicedToArray(_useState, 2),
       rect = _useState2[0],
-      setRect = _useState2[1];
+      setRect = _useState2[1]; // eslint-disable-next-line prefer-const
+
 
   var _useState3 = useState(0),
       _useState4 = _slicedToArray(_useState3, 2),
@@ -265,7 +268,6 @@ var Swiper = React__default.forwardRef(function (props, ref) {
     }
 
     active = targetActive;
-    offset = targetOffset;
     setActive(targetActive);
     setOffset(targetOffset);
     getStyle(targetOffset);
@@ -360,7 +362,18 @@ var Swiper = React__default.forwardRef(function (props, ref) {
   var getStyle = function getStyle() {
     var moveOffset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : offset;
     var target = innerRef.current;
-    target.style.transform = "translate3D".concat(!isVertical ? "(".concat(moveOffset, "px,0,0)") : "(0,".concat(moveOffset, "px,0)"));
+    var _offset = 0;
+
+    if (!isCenter) {
+      _offset = moveOffset;
+    } else {
+      var _size = isVertical ? height : width;
+
+      var val = isVertical ? rect.height - _size : rect.width - _size;
+      _offset = moveOffset + (active === childCount - 1 && !props.loop ? -val / 2 : val / 2);
+    }
+
+    target.style.transform = "translate3D".concat(!isVertical ? "(".concat(_offset, "px,0,0)") : "(0,".concat(_offset, "px,0)"));
     target.style.transitionDuration = "".concat(_swiper.current.moving ? 0 : props.duration, "ms");
     target.style[isVertical ? 'height' : 'width'] = "".concat(Number(size) * childCount, "px");
     target.style[isVertical ? 'width' : 'height'] = "".concat(isVertical ? width : height, "px");
@@ -396,10 +409,14 @@ var Swiper = React__default.forwardRef(function (props, ref) {
     _swiper.current.moving = false;
 
     if (isShouldMove && touch.stateDirection === props.direction) {
-      var _offset = isVertical ? touch.offsetY : touch.offsetX;
+      var _offset2 = isVertical ? touch.offsetY : touch.offsetX;
 
       if (props.loop) {
-        pace = _offset > 0 ? touch.delta > 0 ? -1 : 1 : 0;
+        if (_offset2 > 0) {
+          pace = touch.delta > 0 ? -1 : 1;
+        } else {
+          pace = 0;
+        }
       } else {
         pace = -Math[touch.delta > 0 ? 'ceil' : 'floor'](touch.delta / size);
       }
@@ -483,8 +500,13 @@ var Swiper = React__default.forwardRef(function (props, ref) {
       target.removeEventListener('touchend', onTouchEnd, false);
     };
   });
+  useEffect(function () {
+    return function () {
+      stopAutoPlay();
+    };
+  }, []);
 
-  var style = function style(index) {
+  var itemStyle = function itemStyle(index) {
     var style = {};
 
     var _direction = propSwiper.direction || direction;
@@ -522,16 +544,19 @@ var Swiper = React__default.forwardRef(function (props, ref) {
   }, React__default.Children.map(childs, function (child, index) {
     return React__default.createElement("div", {
       className: b('item-wrapper'),
-      style: style(index),
+      style: itemStyle(index),
       key: index
     }, child);
   })), propSwiper.paginationVisible && !('pageContent' in propSwiper) ? React__default.createElement("div", {
     className: classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(b('pagination')), true), _defineProperty(_classNames2, "".concat(b('pagination-vertical')), isVertical), _classNames2))
   }, React__default.Children.map(childs, function (item, index) {
+    var _classNames3;
+
     return React__default.createElement("i", {
-      style: {
-        backgroundColor: (active + childCount) % childCount === index ? propSwiper.paginationColor : '#ddd'
-      },
+      style: (active + childCount) % childCount === index ? {
+        backgroundColor: propSwiper.paginationColor
+      } : undefined,
+      className: classNames((_classNames3 = {}, _defineProperty(_classNames3, "".concat(b('pagination-item')), true), _defineProperty(_classNames3, "active", (active + childCount) % childCount === index), _classNames3)),
       key: index
     });
   })) : React__default.createElement("div", null, pageContent)));

package/dist/esm/SwiperItem.js

@@ -1,11 +1,10 @@
-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, { useContext, useState, useImperativeHandle } from 'react';
+import React__default, { useContext } from 'react';
 import classNames from 'classnames';
 import { D as DataContext } from './UserContext-b4181162.js';
 import { c as cn } from './bem-893ad28d.js';
@@ -20,21 +19,8 @@ var SwiperItem = React__default.forwardRef(function (props, ref) {
       direction = _props.direction,
       size = _props.size;
   var parent = useContext(DataContext);
-
-  var _useState = useState(0),
-      _useState2 = _slicedToArray(_useState, 2),
-      offset = _useState2[0],
-      setOffset = _useState2[1];
-
   var b = cn('swiper-item');
   var classes = classNames(b(''));
-  useImperativeHandle(ref, function () {
-    return {
-      changeOffset: function changeOffset(num) {
-        setOffset(num);
-      }
-    };
-  });
 
   var style = function style() {
     var style = {};

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

@@ -0,0 +1,2 @@
+
+require('../../../packages/table/table.scss')

package/dist/esm/Table.js

@@ -0,0 +1,154 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children", "className", "style", "columns", "data", "bordered", "summary", "striped", "noData", "onSorter"];
+
+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 classNames from 'classnames';
+import { c as cn } from './bem-893ad28d.js';
+import Icon from './Icon.js';
+import { useConfig } from './ConfigProvider.js';
+import '@bem-react/classname';
+var defaultProps = {
+  className: '',
+  style: {},
+  columns: [],
+  data: [],
+  bordered: true,
+  striped: false,
+  noData: '无数据'
+};
+
+var Table = function Table(props) {
+  var _useConfig = useConfig(),
+      locale = _useConfig.locale;
+
+  defaultProps.noData = locale.noData;
+
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+      children = _defaultProps$props.children,
+      className = _defaultProps$props.className,
+      style = _defaultProps$props.style,
+      columns = _defaultProps$props.columns,
+      data = _defaultProps$props.data,
+      bordered = _defaultProps$props.bordered,
+      summary = _defaultProps$props.summary,
+      striped = _defaultProps$props.striped,
+      noData = _defaultProps$props.noData,
+      onSorter = _defaultProps$props.onSorter,
+      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+
+  var _useState = useState(data),
+      _useState2 = _slicedToArray(_useState, 2),
+      curData = _useState2[0],
+      setCurData = _useState2[1];
+
+  useEffect(function () {
+    if (data && String(data) !== String(curData)) {
+      setCurData(data);
+    }
+  }, [data]);
+  var b = cn('table');
+  var classes = classNames({});
+  var cls = classNames(b(), classes, className);
+
+  var handleSorterClick = function handleSorterClick(item) {
+    if (item.sorter) {
+      onSorter && onSorter(item, curData);
+
+      if (typeof item.sorter === 'function') {
+        setCurData(curData.sort(item.sorter));
+      } else {
+        setCurData(item.sorter === 'default' ? curData.sort() : curData);
+      }
+    }
+  };
+
+  var cellClasses = function cellClasses(item) {
+    return _defineProperty({
+      'nut-table__main__head__tr--border': props.bordered
+    }, "nut-table__main__head__tr--align".concat(item.align ? item.align : ''), true);
+  };
+
+  var getColumnItem = function getColumnItem(value) {
+    return columns.filter(function (item) {
+      return item.key === value;
+    })[0];
+  };
+
+  var renderHeadCells = function renderHeadCells() {
+    return columns.map(function (item, index) {
+      return React__default.createElement("span", {
+        className: classNames('nut-table__main__head__tr__th', cellClasses(item)),
+        key: item.key,
+        onClick: function onClick() {
+          return handleSorterClick(item);
+        }
+      }, item.title, item.sorter && React__default.createElement(Icon, {
+        name: "down-arrow",
+        size: "12px"
+      }));
+    });
+  };
+
+  var sortDataItem = function sortDataItem() {
+    return columns.map(function (columns) {
+      return [columns.key, columns.render];
+    });
+  };
+
+  var renderBodyTds = function renderBodyTds(item) {
+    return sortDataItem().map(function (_ref2, index) {
+      var _ref3 = _slicedToArray(_ref2, 2),
+          value = _ref3[0],
+          render = _ref3[1];
+
+      return React__default.createElement("span", {
+        className: classNames('nut-table__main__body__tr__td', cellClasses(getColumnItem(value))),
+        key: value
+      }, typeof item[value] === 'function' || typeof render === 'function' ? React__default.createElement("div", null, render ? render(item) : item[value](item)) : item[value]);
+    });
+  };
+
+  var renderBoyTrs = function renderBoyTrs() {
+    return curData.map(function (item, index) {
+      return React__default.createElement("div", {
+        className: "nut-table__main__body__tr",
+        key: index
+      }, renderBodyTds(item));
+    });
+  };
+
+  return React__default.createElement("div", _objectSpread({
+    className: cls,
+    style: style
+  }, rest), React__default.createElement("div", {
+    className: classNames('nut-table__main', {
+      'nut-table__main--striped': striped
+    })
+  }, React__default.createElement("div", {
+    className: "nut-table__main__head"
+  }, React__default.createElement("div", {
+    className: "nut-table__main__head__tr"
+  }, renderHeadCells())), React__default.createElement("div", {
+    className: "nut-table__main__body"
+  }, renderBoyTrs())), summary && React__default.createElement("div", {
+    className: "nut-table__summary"
+  }, React__default.createElement("span", {
+    className: "nut-table__summary__text"
+  }, summary)), curData.length === 0 && React__default.createElement("div", {
+    className: "nut-table__nodata"
+  }, React__default.createElement("div", {
+    className: "nut-table__nodata"
+  }, React__default.createElement("div", {
+    className: "nut-table__nodata__text"
+  }, noData))));
+};
+
+Table.defaultProps = defaultProps;
+Table.displayName = 'NutTable';
+export { Table as default };

package/dist/esm/nutui-react.es.js

@@ -18,6 +18,9 @@ export { default as Pagination } from './Pagination.js';
 export { default as Tabs } from './Tabs.js';
 export { default as TabPane } from './TabPane.js';
 export { default as Indicator } from './Indicator.js';
+export { default as SideNavBar } from './SideNavBar.js';
+export { default as SubSideNavBar } from './SubSideNavBar.js';
+export { default as SideNavBarItem } from './SideNavBarItem.js';
 export { default as Range } from './Range.js';
 export { default as Calendar } from './Calendar.js';
 export { default as Checkbox } from './Checkbox.js';
@@ -62,6 +65,7 @@ export { default as CollapseItem } from './CollapseItem.js';
 export { default as AnimatingNumbers } from './AnimatingNumbers.js';
 export { default as Empty } from './Empty.js';
 export { default as VirtualList } from './VirtualList.js';
+export { default as Table } from './Table.js';
 export { default as Video } from './Video.js';
 export { default as Progress } from './Progress.js';
 export { default as Address } from './Address.js';

package/dist/esm/offsetContext-0e3d04b3.js

@@ -0,0 +1,19 @@
+import { createContext } from 'react';
+
+var handleClick = function handleClick(e) {
+  e.stopPropagation();
+  var isIcon = e.target.className.includes('arrow-icon');
+  var isTitle = e.target.className.includes('__title') || isIcon;
+  var currentClass = e.currentTarget.className;
+  var isShow = currentClass.includes('nutShow');
+  var arrowIcon = e.currentTarget.querySelector('.arrow-icon');
+  var iconClass = arrowIcon.className;
+
+  if (isTitle) {
+    e.currentTarget.className = isShow ? currentClass.replace('nutShow', 'nutHide') : currentClass.replace('nutHide', 'nutShow');
+    arrowIcon.className = isShow ? iconClass.replace('arrow-down', 'arrow-up') : iconClass.replace('arrow-up', 'arrow-down');
+  }
+};
+
+var OffsetContext = createContext(20);
+export { OffsetContext as O, handleClick as h };

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.2.2 Wed Aug 10 2022 14:56:00 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.2.3-beta.1 Wed Aug 17 2022 09:36:02 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.2.2 Wed Aug 10 2022 14:56:00 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.2.3-beta.1 Wed Aug 17 2022 09:36:02 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/id-ID.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.2.2 Wed Aug 10 2022 14:56:00 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.2.3-beta.1 Wed Aug 17 2022 09:36:02 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */