@nutui/nutui-react 2.0.0-beta.2 → 2.0.0-beta.3

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+# v2.0.0-beta.3
+`2023-06-30`
+
+* 🔨 chore: 增加组件名称调整的内容 (#1161) @oasis-cloud
+* 📖 docs: 统一升级文档中的修改的描述术语 (#1159) @xiaoyatong
+* :bug: fix: 修改migrate文档 (#1164) @junjun666
+* :bug: fix: 单元测试问题修复 (#1158) @Eiinu
+* 🛠 refactor: 调整 MenuItem CellGroup SwiperItem 使用方式为 Menu.Item Cell.Group… (#1160) @oasis-cloud
+
+
 # v2.0.0-beta.2
 `2023-06-28`
 

package/dist/esm/Avatar.js

@@ -29,6 +29,7 @@ import { My } from "@nutui/icons-react";
 import { A as AvatarContext } from "./context2.js";
 import Image from "./Image.js";
 import { C as ComponentDefaults } from "./typings.js";
+import AvatarGroup from "./AvatarGroup.js";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   size: "",
   shape: "round",
@@ -119,6 +120,7 @@ var Avatar = function Avatar2(props) {
 };
 Avatar.defaultProps = defaultProps;
 Avatar.displayName = "NutAvatar";
+Avatar.Group = AvatarGroup;
 export {
   Avatar as default
 };

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

@@ -1,2 +1,2 @@
-
+import '../../CellGroup/style'
 import '../../../packages/cell/cell.scss'

package/dist/esm/Cell/style/style.css

@@ -1 +1 @@
-.nut-cell{position:relative;display:flex;width:100%;line-height:var(--nutui-cell-line-height, 20px);padding:var(--nutui-cell-padding, 13px 16px);background-color:var(--nutui-cell-background-color, var(--nutui-gray-6, #ffffff));border-radius:var(--nutui-cell-border-radius, 6px);box-shadow:var(--nutui-cell-box-shadow, 0px 1px 7px 0px rgb(237, 238, 241));font-size:var(--nutui-cell-title-font-size, var(--nutui-font-size-2, 14px));color:var(--nutui-cell-title-color, var(--nutui-gray-1, #1a1a1a));margin:10px 0;box-sizing:border-box}.nut-cell__left{display:flex;flex-direction:column;flex:1}.nut-cell__description{font-size:var(--nutui-cell-description-font-size, var(--nutui-font-size-1, 12px));color:var(--nutui-cell-description-color, var(--nutui-gray-2, #757575))}.nut-cell__extra{display:inline-flex;justify-content:flex-end;align-items:center;flex:1;min-width:0;word-break:break-all;font-size:var(--nutui-cell-extra-font-size, var(--nutui-font-size-2, 14px));color:var(--nutui-cell-extra-color, var(--nutui-gray-2, #757575))}
+.nut-cell-group{display:block}.nut-cell-group__title{display:inherit;padding:var(--nutui-cell-group-title-padding, 0 10px);color:var(--nutui-cell-group-title-color, #909ca4);font-size:var(--nutui-cell-group-title-font-size, var(--nutui-font-size-2, 14px));line-height:var(--nutui-cell-group-title-line-height, 20px);margin-top:30px;margin-bottom:10px}.nut-cell-group__description{display:inherit;padding:var(--nutui-cell-group-description-padding, 0 10px);color:var(--nutui-cell-group-description-color, #909ca4);font-size:var(--nutui-cell-group-description-font-size, var(--nutui-font-size-1, 12px));line-height:var(--nutui-cell-group-description-line-height, 16px);margin-top:10px;margin-bottom:10px}.nut-cell-group__wrap{display:inherit;border-radius:var(--nutui-cell-border-radius, 6px);overflow:hidden;background-color:var(--nutui-cell-group-background-color, var(--nutui-gray-6, #ffffff));margin:10px 0}.nut-cell-group__wrap .nut-cell{margin:0;box-shadow:none;border-radius:0}.nut-cell-group__wrap--divider .nut-cell__divider{position:absolute;box-sizing:border-box;pointer-events:none;right:var(--nutui-cell-divider-right, 16px);bottom:0;left:var(--nutui-cell-divider-left, 16px);transform:scaleY(.5);border-top:var(--nutui-cell-divider-border-bottom, 2px solid #f5f6f7)}.nut-cell-group__wrap--divider .nut-cell:last-child .nut-cell__divider{border-top:0!important}.nut-cell{position:relative;display:flex;width:100%;line-height:var(--nutui-cell-line-height, 20px);padding:var(--nutui-cell-padding, 13px 16px);background-color:var(--nutui-cell-background-color, var(--nutui-gray-6, #ffffff));border-radius:var(--nutui-cell-border-radius, 6px);box-shadow:var(--nutui-cell-box-shadow, 0px 1px 7px 0px rgb(237, 238, 241));font-size:var(--nutui-cell-title-font-size, var(--nutui-font-size-2, 14px));color:var(--nutui-cell-title-color, var(--nutui-gray-1, #1a1a1a));margin:10px 0;box-sizing:border-box}.nut-cell__left{display:flex;flex-direction:column;flex:1}.nut-cell__description{font-size:var(--nutui-cell-description-font-size, var(--nutui-font-size-1, 12px));color:var(--nutui-cell-description-color, var(--nutui-gray-2, #757575))}.nut-cell__extra{display:inline-flex;justify-content:flex-end;align-items:center;flex:1;min-width:0;word-break:break-all;font-size:var(--nutui-cell-extra-font-size, var(--nutui-font-size-2, 14px));color:var(--nutui-cell-extra-color, var(--nutui-gray-2, #757575))}

package/dist/esm/Cell.js

@@ -25,6 +25,7 @@ function _objectSpread(target) {
 import React__default from "react";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings.js";
+import CellGroup from "./CellGroup.js";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   title: null,
   description: null,
@@ -68,6 +69,7 @@ var Cell = function Cell2(props) {
 };
 Cell.defaultProps = defaultProps;
 Cell.displayName = "NutCell";
+Cell.Group = CellGroup;
 export {
   Cell as default
 };

package/dist/esm/CellGroup.js

@@ -1,7 +1,50 @@
-import { C as CellGroup } from "./cellgroup2.js";
-import "react";
-import "classnames";
-import "./typings.js";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["children", "className", "style", "title", "description", "divider"];
+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), true).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 classNames from "classnames";
+import { C as ComponentDefaults } from "./typings.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  title: "",
+  description: "",
+  divider: true
+});
+var classPrefix = "nut-cell-group";
+var CellGroup = function CellGroup2(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, className = _defaultProps$props.className, style = _defaultProps$props.style, title = _defaultProps$props.title, description = _defaultProps$props.description, divider = _defaultProps$props.divider, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  return React__default.createElement("div", _objectSpread({
+    className: classNames(classPrefix, className)
+  }, rest), title ? React__default.createElement("div", {
+    className: "".concat(classPrefix, "__title")
+  }, title) : null, description ? React__default.createElement("div", {
+    className: "".concat(classPrefix, "__description")
+  }, description) : null, React__default.createElement("div", {
+    className: "".concat(classPrefix, "__wrap ").concat(divider ? "".concat(classPrefix, "__wrap--divider") : "")
+  }, children));
+};
+CellGroup.defaultProps = defaultProps;
+CellGroup.displayName = "NutCellGroup";
 export {
   CellGroup as default
 };

package/dist/esm/Form.js

@@ -27,7 +27,6 @@ function _objectSpread(target) {
 }
 import React__default, { useRef } from "react";
 import classNames from "classnames";
-import { C as CellGroup } from "./cellgroup2.js";
 import { C as Context, F as FormItem } from "./formitem2.js";
 import { C as ComponentDefaults } from "./typings.js";
 import Cell from "./Cell.js";
@@ -1255,7 +1254,7 @@ var Form = function Form2(props) {
       e.stopPropagation();
       resetFields();
     }
-  }, React__default.createElement(CellGroup, null, React__default.createElement(Context.Provider, {
+  }, React__default.createElement(Cell.Group, null, React__default.createElement(Context.Provider, {
     value: formInstance
   }, children), footer ? React__default.createElement(Cell, null, footer) : null));
 };

package/dist/esm/Menu.js

@@ -27,7 +27,12 @@ function _objectSpread(target) {
 import React__default, { useRef, useState, useEffect } from "react";
 import classNames from "classnames";
 import { ArrowUp2, ArrowDown2 } from "@nutui/icons-react";
+import { M as MenuItem } from "./menuitem2.js";
 import { C as ComponentDefaults } from "./typings.js";
+import "react-transition-group";
+import "./overlay2.js";
+import "./use-click-away.js";
+import "./index.js";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   activeColor: "",
   closeOnOverlayClick: true,
@@ -150,6 +155,7 @@ var Menu = function Menu2(props) {
 };
 Menu.defaultProps = defaultProps;
 Menu.displayName = "NutMenu";
+Menu.Item = MenuItem;
 export {
   Menu as default
 };

package/dist/esm/MenuItem.js

@@ -1,157 +1,12 @@
-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), true).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, { forwardRef, useState, useEffect, useImperativeHandle, useRef } from "react";
-import classNames from "classnames";
-import { CSSTransition } from "react-transition-group";
-import { Check } from "@nutui/icons-react";
-import { O as Overlay } from "./overlay2.js";
-import { u as useClickAway } from "./use-click-away.js";
-import { C as ComponentDefaults } from "./typings.js";
+import { M as MenuItem } from "./menuitem2.js";
+import "react";
+import "classnames";
+import "react-transition-group";
+import "@nutui/icons-react";
+import "./overlay2.js";
+import "./typings.js";
+import "./use-click-away.js";
 import "./index.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  columns: 1,
-  direction: "down",
-  icon: null,
-  activeTitleClass: "",
-  inactiveTitleClass: "",
-  onChange: function onChange(value) {
-    return void 0;
-  }
-});
-var MenuItem = forwardRef(function(props, ref) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, options = _defaultProps$props.options, value = _defaultProps$props.value, columns = _defaultProps$props.columns, title = _defaultProps$props.title, icon = _defaultProps$props.icon, direction = _defaultProps$props.direction, onChange2 = _defaultProps$props.onChange, activeTitleClass = _defaultProps$props.activeTitleClass, inactiveTitleClass = _defaultProps$props.inactiveTitleClass, closeOnClickAway = _defaultProps$props.closeOnClickAway, children = _defaultProps$props.children, activeColor = _defaultProps$props.activeColor, show = _defaultProps$props.show, parent = _defaultProps$props.parent, index = _defaultProps$props.index;
-  var _useState = useState(show), _useState2 = _slicedToArray(_useState, 2), _showPopup = _useState2[0], setShowPopup = _useState2[1];
-  var _useState3 = useState(value), _useState4 = _slicedToArray(_useState3, 2), _value = _useState4[0], setValue = _useState4[1];
-  useEffect(function() {
-    setShowPopup(show);
-  }, [show]);
-  useImperativeHandle(ref, function() {
-    return {
-      toggle: parent.toggleMenuItem
-    };
-  });
-  var getIconCName = function getIconCName2(optionVal, value2) {
-    var _classNames;
-    return classNames((_classNames = {}, _defineProperty(_classNames, activeTitleClass, optionVal === value2), _defineProperty(_classNames, inactiveTitleClass, optionVal !== value2), _classNames));
-  };
-  var setTitle = function setTitle2(text) {
-    if (!title) {
-      parent.updateTitle(text, index);
-    }
-  };
-  var handleClick = function handleClick2(item) {
-    parent.toggleMenuItem(index);
-    setTitle(item.text);
-    setValue(item.value);
-    onChange2 && onChange2(item);
-  };
-  var isShow = function isShow2() {
-    if (_showPopup)
-      return {};
-    return {
-      display: "none"
-    };
-  };
-  var getPosition = function getPosition2() {
-    return direction === "down" ? {
-      position: "absolute",
-      height: "".concat(window.innerHeight, "px")
-    } : {
-      position: "absolute",
-      bottom: "100%",
-      top: "auto",
-      height: "".concat(window.innerHeight, "px")
-    };
-  };
-  var micRef = useRef(null);
-  var targetSet = [micRef.current];
-  useClickAway(
-    function() {
-      parent.hideMenuItem(index);
-    },
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-    targetSet,
-    "click",
-    false,
-    _showPopup,
-    closeOnClickAway
-  );
-  return React__default.createElement("div", {
-    className: "nut-menu-item-container",
-    ref: micRef,
-    style: {
-      position: "absolute",
-      left: 0,
-      right: 0
-    }
-  }, React__default.createElement(Overlay, {
-    className: "nut-menu__overlay",
-    style: getPosition(),
-    lockScroll: parent.lockScroll,
-    visible: _showPopup,
-    closeOnOverlayClick: parent.closeOnOverlayClick,
-    onClick: function onClick() {
-      parent.closeOnOverlayClick && parent.toggleMenuItem(index);
-    }
-  }), React__default.createElement("div", {
-    className: classNames(className, {
-      "nut-menu-item__wrap": direction === "down",
-      "nut-menu-item__wrap-up": direction !== "down"
-    }),
-    style: _objectSpread(_objectSpread({}, style), isShow())
-  }, React__default.createElement(CSSTransition, {
-    "in": _showPopup,
-    timeout: 100,
-    classNames: direction === "down" ? "menu-item" : "menu-item-up"
-  }, React__default.createElement("div", {
-    className: "nut-menu-item__content"
-  }, options === null || options === void 0 ? void 0 : options.map(function(item) {
-    return React__default.createElement("div", {
-      className: "nut-menu-item__option ".concat(classNames({
-        active: item.value === _value
-      })),
-      key: item.text,
-      style: {
-        flexBasis: "".concat(100 / columns, "%")
-      },
-      onClick: function onClick() {
-        handleClick(item);
-      }
-    }, item.value === _value ? React__default.createElement("i", null, icon || React__default.createElement(Check, {
-      color: activeColor,
-      className: getIconCName(item.value, value)
-    })) : null, React__default.createElement("div", {
-      className: getIconCName(item.value, value),
-      style: {
-        color: "".concat(item.value === _value ? activeColor : "")
-      }
-    }, item.text));
-  }), children))));
-});
-MenuItem.defaultProps = defaultProps;
-MenuItem.displayName = "NutMenuItem";
 export {
   MenuItem as default
 };

package/dist/esm/Swiper.js

@@ -29,6 +29,7 @@ import classNames from "classnames";
 import { D as DataContext } from "./context4.js";
 import { g as getRect } from "./use-client-rect.js";
 import Indicator from "./Indicator.js";
+import SwiperItem from "./SwiperItem.js";
 var defaultProps = {
   width: (typeof window === "undefined" ? "undefined" : _typeof(window)) === "object" ? window.innerWidth : 375,
   height: 0,
@@ -447,6 +448,8 @@ var Swiper = React__default.forwardRef(function(props, ref) {
 });
 Swiper.defaultProps = defaultProps;
 Swiper.displayName = "NutSwiper";
+var InnerSwiper = Swiper;
+InnerSwiper.Item = SwiperItem;
 export {
-  Swiper as default
+  InnerSwiper as default
 };

package/dist/esm/menuitem2.js

@@ -0,0 +1,156 @@
+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), true).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, { forwardRef, useState, useEffect, useImperativeHandle, useRef } from "react";
+import classNames from "classnames";
+import { CSSTransition } from "react-transition-group";
+import { Check } from "@nutui/icons-react";
+import { O as Overlay } from "./overlay2.js";
+import { u as useClickAway } from "./use-click-away.js";
+import { C as ComponentDefaults } from "./typings.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  columns: 1,
+  direction: "down",
+  icon: null,
+  activeTitleClass: "",
+  inactiveTitleClass: "",
+  onChange: function onChange(value) {
+    return void 0;
+  }
+});
+var MenuItem = forwardRef(function(props, ref) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, options = _defaultProps$props.options, value = _defaultProps$props.value, columns = _defaultProps$props.columns, title = _defaultProps$props.title, icon = _defaultProps$props.icon, direction = _defaultProps$props.direction, onChange2 = _defaultProps$props.onChange, activeTitleClass = _defaultProps$props.activeTitleClass, inactiveTitleClass = _defaultProps$props.inactiveTitleClass, closeOnClickAway = _defaultProps$props.closeOnClickAway, children = _defaultProps$props.children, activeColor = _defaultProps$props.activeColor, show = _defaultProps$props.show, parent = _defaultProps$props.parent, index = _defaultProps$props.index;
+  var _useState = useState(show), _useState2 = _slicedToArray(_useState, 2), _showPopup = _useState2[0], setShowPopup = _useState2[1];
+  var _useState3 = useState(value), _useState4 = _slicedToArray(_useState3, 2), _value = _useState4[0], setValue = _useState4[1];
+  useEffect(function() {
+    setShowPopup(show);
+  }, [show]);
+  useImperativeHandle(ref, function() {
+    return {
+      toggle: parent.toggleMenuItem
+    };
+  });
+  var getIconCName = function getIconCName2(optionVal, value2) {
+    var _classNames;
+    return classNames((_classNames = {}, _defineProperty(_classNames, activeTitleClass, optionVal === value2), _defineProperty(_classNames, inactiveTitleClass, optionVal !== value2), _classNames));
+  };
+  var setTitle = function setTitle2(text) {
+    if (!title) {
+      parent.updateTitle(text, index);
+    }
+  };
+  var handleClick = function handleClick2(item) {
+    parent.toggleMenuItem(index);
+    setTitle(item.text);
+    setValue(item.value);
+    onChange2 && onChange2(item);
+  };
+  var isShow = function isShow2() {
+    if (_showPopup)
+      return {};
+    return {
+      display: "none"
+    };
+  };
+  var getPosition = function getPosition2() {
+    return direction === "down" ? {
+      position: "absolute",
+      height: "".concat(window.innerHeight, "px")
+    } : {
+      position: "absolute",
+      bottom: "100%",
+      top: "auto",
+      height: "".concat(window.innerHeight, "px")
+    };
+  };
+  var micRef = useRef(null);
+  var targetSet = [micRef.current];
+  useClickAway(
+    function() {
+      parent.hideMenuItem(index);
+    },
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    targetSet,
+    "click",
+    false,
+    _showPopup,
+    closeOnClickAway
+  );
+  return React__default.createElement("div", {
+    className: "nut-menu-item-container",
+    ref: micRef,
+    style: {
+      position: "absolute",
+      left: 0,
+      right: 0
+    }
+  }, React__default.createElement(Overlay, {
+    className: "nut-menu__overlay",
+    style: getPosition(),
+    lockScroll: parent.lockScroll,
+    visible: _showPopup,
+    closeOnOverlayClick: parent.closeOnOverlayClick,
+    onClick: function onClick() {
+      parent.closeOnOverlayClick && parent.toggleMenuItem(index);
+    }
+  }), React__default.createElement("div", {
+    className: classNames(className, {
+      "nut-menu-item__wrap": direction === "down",
+      "nut-menu-item__wrap-up": direction !== "down"
+    }),
+    style: _objectSpread(_objectSpread({}, style), isShow())
+  }, React__default.createElement(CSSTransition, {
+    "in": _showPopup,
+    timeout: 100,
+    classNames: direction === "down" ? "menu-item" : "menu-item-up"
+  }, React__default.createElement("div", {
+    className: "nut-menu-item__content"
+  }, options === null || options === void 0 ? void 0 : options.map(function(item) {
+    return React__default.createElement("div", {
+      className: "nut-menu-item__option ".concat(classNames({
+        active: item.value === _value
+      })),
+      key: item.text,
+      style: {
+        flexBasis: "".concat(100 / columns, "%")
+      },
+      onClick: function onClick() {
+        handleClick(item);
+      }
+    }, item.value === _value ? React__default.createElement("i", null, icon || React__default.createElement(Check, {
+      color: activeColor,
+      className: getIconCName(item.value, value)
+    })) : null, React__default.createElement("div", {
+      className: getIconCName(item.value, value),
+      style: {
+        color: "".concat(item.value === _value ? activeColor : "")
+      }
+    }, item.text));
+  }), children))));
+});
+MenuItem.defaultProps = defaultProps;
+MenuItem.displayName = "NutMenuItem";
+export {
+  MenuItem as M
+};

package/dist/esm/types/src/packages/avatar/avatar.d.ts

@@ -1,5 +1,6 @@
 import React, { FunctionComponent } from 'react';
 import { BasicComponent } from '@/utils/typings';
+import AvatarGroup from '@/packages/avatargroup';
 export interface AvatarProps extends BasicComponent {
     size: string;
     icon: React.ReactNode;
@@ -13,4 +14,6 @@ export interface AvatarProps extends BasicComponent {
     onError: () => void;
 }
 export type AvatarShape = 'round' | 'square';
-export declare const Avatar: FunctionComponent<Partial<AvatarProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'>>;
+export declare const Avatar: FunctionComponent<Partial<AvatarProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'>> & {
+    Group: typeof AvatarGroup;
+};

package/dist/esm/types/src/packages/avatar/avatar.taro.d.ts

@@ -1,5 +1,6 @@
 import React, { FunctionComponent } from 'react';
 import { BasicComponent } from '@/utils/typings';
+import AvatarGroup from '@/packages/avatargroup/index.taro';
 export interface AvatarProps extends BasicComponent {
     size: string;
     icon: React.ReactNode;
@@ -13,4 +14,6 @@ export interface AvatarProps extends BasicComponent {
     onError: () => void;
 }
 export type AvatarShape = 'round' | 'square';
-export declare const Avatar: FunctionComponent<Partial<AvatarProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'>>;
+export declare const Avatar: FunctionComponent<Partial<AvatarProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'>> & {
+    Group: typeof AvatarGroup;
+};

package/dist/esm/types/src/packages/cell/cell.d.ts

@@ -1,5 +1,6 @@
 import React, { FunctionComponent, ReactNode } from 'react';
 import { BasicComponent } from '@/utils/typings';
+import CellGroup from '@/packages/cellgroup';
 export interface CellProps extends BasicComponent {
     title: ReactNode;
     description: ReactNode;
@@ -8,4 +9,6 @@ export interface CellProps extends BasicComponent {
     align: string;
     onClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
 }
-export declare const Cell: FunctionComponent<Partial<CellProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>>;
+export declare const Cell: FunctionComponent<Partial<CellProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>> & {
+    Group: typeof CellGroup;
+};

package/dist/esm/types/src/packages/cell/cell.taro.d.ts

@@ -1,5 +1,6 @@
 import React, { FunctionComponent, ReactNode } from 'react';
 import { BasicComponent } from '@/utils/typings';
+import { CellGroup } from '@/packages/cellgroup/cellgroup.taro';
 export interface CellProps extends BasicComponent {
     title: ReactNode;
     description: ReactNode;
@@ -8,4 +9,6 @@ export interface CellProps extends BasicComponent {
     align: string;
     onClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
 }
-export declare const Cell: FunctionComponent<Partial<CellProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>>;
+export declare const Cell: FunctionComponent<Partial<CellProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>> & {
+    Group: typeof CellGroup;
+};

package/dist/esm/types/src/packages/menu/menu.d.ts

@@ -1,4 +1,5 @@
 import React, { FunctionComponent } from 'react';
+import { MenuItem } from '@/packages/menuitem/menuitem';
 import { BasicComponent } from '@/utils/typings';
 export interface MenuProps extends BasicComponent {
     activeColor: string;
@@ -8,4 +9,6 @@ export interface MenuProps extends BasicComponent {
     icon: React.ReactNode;
     children: React.ReactNode;
 }
-export declare const Menu: FunctionComponent<Partial<MenuProps>>;
+export declare const Menu: FunctionComponent<Partial<MenuProps>> & {
+    Item: typeof MenuItem;
+};

package/dist/esm/types/src/packages/menu/menu.taro.d.ts

@@ -1,4 +1,5 @@
 import React, { FunctionComponent } from 'react';
+import { MenuItem } from '@/packages/menuitem/menuitem.taro';
 import { BasicComponent } from '@/utils/typings';
 export interface MenuProps extends BasicComponent {
     activeColor: string;
@@ -8,4 +9,6 @@ export interface MenuProps extends BasicComponent {
     icon: React.ReactNode;
     children: React.ReactNode;
 }
-export declare const Menu: FunctionComponent<Partial<MenuProps>>;
+export declare const Menu: FunctionComponent<Partial<MenuProps>> & {
+    Item: typeof MenuItem;
+};

package/dist/esm/types/src/packages/swiper/index.d.ts

@@ -1,3 +1,9 @@
-import { Swiper } from './swiper';
+import React from 'react';
+import { SwiperProps, SwiperRef } from './swiper';
+import SwiperItem from '@/packages/swiperitem';
 export type { SwiperProps, SwiperRef } from './swiper';
-export default Swiper;
+type CompoundedComponent = React.ForwardRefExoticComponent<Partial<SwiperProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> & React.RefAttributes<SwiperRef>> & {
+    Item: typeof SwiperItem;
+};
+declare const InnerSwiper: CompoundedComponent;
+export default InnerSwiper;

package/dist/esm/types/src/packages/swiper/index.taro.d.ts

@@ -1,3 +1,9 @@
-import { Swiper } from './swiper.taro';
+import React from 'react';
+import { SwiperProps } from './swiper.taro';
+import SwiperItem from '@/packages/swiperitem/index.taro';
 export type { SwiperProps } from './swiper.taro';
-export default Swiper;
+type CompoundedComponent = React.ForwardRefExoticComponent<Partial<SwiperProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> & React.RefAttributes<any>> & {
+    Item: typeof SwiperItem;
+};
+declare const InnerSwiper: CompoundedComponent;
+export default InnerSwiper;

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.0-beta.2 Wed Jun 28 2023 16:06:48 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-beta.3 Fri Jun 30 2023 14:21:23 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.0-beta.2 Wed Jun 28 2023 16:06:48 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-beta.3 Fri Jun 30 2023 14:21:23 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/id-ID.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.0-beta.2 Wed Jun 28 2023 16:06:48 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-beta.3 Fri Jun 30 2023 14:21:23 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/tr-TR.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.0-beta.2 Wed Jun 28 2023 16:06:48 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-beta.3 Fri Jun 30 2023 14:21:23 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.0.0-beta.2 Wed Jun 28 2023 16:06:48 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-beta.3 Fri Jun 30 2023 14:21:23 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */