@nutui/nutui-react 3.0.0-beta.8 → 3.0.0

package/dist/cjs/packages/nutui.react.build.js

@@ -156,6 +156,9 @@ _export(exports, {
     Loading: function() {
         return _loading.default;
     },
+    Lottie: function() {
+        return _lottie.default;
+    },
     Menu: function() {
         return _menu.default;
     },
@@ -183,6 +186,9 @@ _export(exports, {
     Picker: function() {
         return _picker.default;
     },
+    PickerView: function() {
+        return _pickerview.default;
+    },
     Popover: function() {
         return _popover.default;
     },
@@ -228,6 +234,9 @@ _export(exports, {
     ShortPassword: function() {
         return _shortpassword.default;
     },
+    SideBar: function() {
+        return _sidebar.default;
+    },
     SideNavBar: function() {
         return _sidenavbar.default;
     },
@@ -324,11 +333,11 @@ var _cellgroup = /*#__PURE__*/ _interop_require_default._(_export_star._(require
 var _configprovider = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./configprovider"), exports));
 var _image = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./image"), exports));
 var _overlay = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./overlay"), exports));
-var _col = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./col"), exports));
 var _divider = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./divider"), exports));
 var _grid = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./grid"), exports));
 var _griditem = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./griditem"), exports));
 var _layout = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./layout"), exports));
+var _col = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./col"), exports));
 var _row = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./row"), exports));
 var _space = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./space"), exports));
 var _sticky = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./sticky"), exports));
@@ -340,6 +349,7 @@ var _hoverbutton = /*#__PURE__*/ _interop_require_default._(_export_star._(requi
 var _hoverbuttonitem = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./hoverbuttonitem"), exports));
 var _navbar = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./navbar"), exports));
 var _sidenavbar = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./sidenavbar"), exports));
+var _sidebar = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./sidebar"), exports));
 var _sidenavbaritem = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./sidenavbaritem"), exports));
 var _subsidenavbar = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./subsidenavbar"), exports));
 var _tabbar = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./tabbar"), exports));
@@ -362,6 +372,7 @@ var _menu = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./m
 var _menuitem = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./menuitem"), exports));
 var _numberkeyboard = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./numberkeyboard"), exports));
 var _picker = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./picker"), exports));
+var _pickerview = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./pickerview"), exports));
 var _radio = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./radio"), exports));
 var _radiogroup = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./radiogroup"), exports));
 var _range = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./range"), exports));
@@ -400,6 +411,7 @@ var _countdown = /*#__PURE__*/ _interop_require_default._(_export_star._(require
 var _ellipsis = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./ellipsis"), exports));
 var _imagepreview = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./imagepreview"), exports));
 var _indicator = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./indicator"), exports));
+var _lottie = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./lottie"), exports));
 var _pagination = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./pagination"), exports));
 var _segmented = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./segmented"), exports));
 var _price = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./price"), exports));

package/dist/cjs/packages/nutui.react.d.ts

@@ -10,8 +10,6 @@ import Image from "./image";
 export * from '@/packages/image';
 import Overlay from "./overlay";
 export * from '@/packages/overlay';
-import Col from "./col";
-export * from '@/packages/col';
 import Divider from "./divider";
 export * from '@/packages/divider';
 import Grid from "./grid";
@@ -20,6 +18,8 @@ import GridItem from "./griditem";
 export * from '@/packages/griditem';
 import Layout from "./layout";
 export * from '@/packages/layout';
+import Col from "./col";
+export * from '@/packages/col';
 import Row from "./row";
 export * from '@/packages/row';
 import Space from "./space";
@@ -42,6 +42,8 @@ import NavBar from "./navbar";
 export * from '@/packages/navbar';
 import SideNavBar from "./sidenavbar";
 export * from '@/packages/sidenavbar';
+import SideBar from "./sidebar";
+export * from '@/packages/sidebar';
 import SideNavBarItem from "./sidenavbaritem";
 export * from '@/packages/sidenavbaritem';
 import SubSideNavBar from "./subsidenavbar";
@@ -86,6 +88,8 @@ import NumberKeyboard from "./numberkeyboard";
 export * from '@/packages/numberkeyboard';
 import Picker from "./picker";
 export * from '@/packages/picker';
+import PickerView from "./pickerview";
+export * from '@/packages/pickerview';
 import Radio from "./radio";
 export * from '@/packages/radio';
 import RadioGroup from "./radiogroup";
@@ -162,6 +166,8 @@ import ImagePreview from "./imagepreview";
 export * from '@/packages/imagepreview';
 import Indicator from "./indicator";
 export * from '@/packages/indicator';
+import Lottie from "./lottie";
+export * from '@/packages/lottie';
 import Pagination from "./pagination";
 export * from '@/packages/pagination';
 import Segmented from "./segmented";
@@ -208,11 +214,11 @@ import "./cellgroup/cellgroup.scss";
 import "./configprovider/configprovider.scss";
 import "./image/image.scss";
 import "./overlay/overlay.scss";
-import "./col/col.scss";
 import "./divider/divider.scss";
 import "./grid/grid.scss";
 import "./griditem/griditem.scss";
 import "./layout/layout.scss";
+import "./col/col.scss";
 import "./row/row.scss";
 import "./space/space.scss";
 import "./sticky/sticky.scss";
@@ -224,6 +230,7 @@ import "./hoverbutton/hoverbutton.scss";
 import "./hoverbuttonitem/hoverbuttonitem.scss";
 import "./navbar/navbar.scss";
 import "./sidenavbar/sidenavbar.scss";
+import "./sidebar/sidebar.scss";
 import "./sidenavbaritem/sidenavbaritem.scss";
 import "./subsidenavbar/subsidenavbar.scss";
 import "./tabbar/tabbar.scss";
@@ -246,6 +253,7 @@ import "./menu/menu.scss";
 import "./menuitem/menuitem.scss";
 import "./numberkeyboard/numberkeyboard.scss";
 import "./picker/picker.scss";
+import "./pickerview/pickerview.scss";
 import "./radio/radio.scss";
 import "./radiogroup/radiogroup.scss";
 import "./range/range.scss";
@@ -284,6 +292,7 @@ import "./countdown/countdown.scss";
 import "./ellipsis/ellipsis.scss";
 import "./imagepreview/imagepreview.scss";
 import "./indicator/indicator.scss";
+import "./lottie/lottie.scss";
 import "./pagination/pagination.scss";
 import "./segmented/segmented.scss";
 import "./price/price.scss";
@@ -304,4 +313,4 @@ import "./timeselect/timeselect.scss";
 import "./trendarrow/trendarrow.scss";
 import "./watermark/watermark.scss";
 import "./avatarcropper/avatarcropper.scss";
-export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Col, Divider, Grid, GridItem, Layout, Row, Space, Sticky, SafeArea, BackTop, Elevator, FixedNav, HoverButton, HoverButtonItem, NavBar, SideNavBar, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, CalendarCard, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, ResultPage, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Pagination, Segmented, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark, AvatarCropper };
+export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Divider, Grid, GridItem, Layout, Col, Row, Space, Sticky, SafeArea, BackTop, Elevator, FixedNav, HoverButton, HoverButtonItem, NavBar, SideNavBar, SideBar, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, CalendarCard, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, PickerView, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, ResultPage, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Lottie, Pagination, Segmented, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark, AvatarCropper };

package/dist/cjs/packages/nutui.react.js

@@ -156,6 +156,9 @@ _export(exports, {
     Loading: function() {
         return _loading.default;
     },
+    Lottie: function() {
+        return _lottie.default;
+    },
     Menu: function() {
         return _menu.default;
     },
@@ -183,6 +186,9 @@ _export(exports, {
     Picker: function() {
         return _picker.default;
     },
+    PickerView: function() {
+        return _pickerview.default;
+    },
     Popover: function() {
         return _popover.default;
     },
@@ -228,6 +234,9 @@ _export(exports, {
     ShortPassword: function() {
         return _shortpassword.default;
     },
+    SideBar: function() {
+        return _sidebar.default;
+    },
     SideNavBar: function() {
         return _sidenavbar.default;
     },
@@ -324,11 +333,11 @@ var _cellgroup = /*#__PURE__*/ _interop_require_default._(_export_star._(require
 var _configprovider = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./configprovider"), exports));
 var _image = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./image"), exports));
 var _overlay = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./overlay"), exports));
-var _col = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./col"), exports));
 var _divider = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./divider"), exports));
 var _grid = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./grid"), exports));
 var _griditem = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./griditem"), exports));
 var _layout = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./layout"), exports));
+var _col = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./col"), exports));
 var _row = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./row"), exports));
 var _space = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./space"), exports));
 var _sticky = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./sticky"), exports));
@@ -340,6 +349,7 @@ var _hoverbutton = /*#__PURE__*/ _interop_require_default._(_export_star._(requi
 var _hoverbuttonitem = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./hoverbuttonitem"), exports));
 var _navbar = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./navbar"), exports));
 var _sidenavbar = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./sidenavbar"), exports));
+var _sidebar = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./sidebar"), exports));
 var _sidenavbaritem = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./sidenavbaritem"), exports));
 var _subsidenavbar = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./subsidenavbar"), exports));
 var _tabbar = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./tabbar"), exports));
@@ -362,6 +372,7 @@ var _menu = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./m
 var _menuitem = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./menuitem"), exports));
 var _numberkeyboard = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./numberkeyboard"), exports));
 var _picker = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./picker"), exports));
+var _pickerview = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./pickerview"), exports));
 var _radio = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./radio"), exports));
 var _radiogroup = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./radiogroup"), exports));
 var _range = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./range"), exports));
@@ -400,6 +411,7 @@ var _countdown = /*#__PURE__*/ _interop_require_default._(_export_star._(require
 var _ellipsis = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./ellipsis"), exports));
 var _imagepreview = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./imagepreview"), exports));
 var _indicator = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./indicator"), exports));
+var _lottie = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./lottie"), exports));
 var _pagination = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./pagination"), exports));
 var _segmented = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./segmented"), exports));
 var _price = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./price"), exports));
@@ -426,11 +438,11 @@ require("./cellgroup/cellgroup.scss");
 require("./configprovider/configprovider.scss");
 require("./image/image.scss");
 require("./overlay/overlay.scss");
-require("./col/col.scss");
 require("./divider/divider.scss");
 require("./grid/grid.scss");
 require("./griditem/griditem.scss");
 require("./layout/layout.scss");
+require("./col/col.scss");
 require("./row/row.scss");
 require("./space/space.scss");
 require("./sticky/sticky.scss");
@@ -442,6 +454,7 @@ require("./hoverbutton/hoverbutton.scss");
 require("./hoverbuttonitem/hoverbuttonitem.scss");
 require("./navbar/navbar.scss");
 require("./sidenavbar/sidenavbar.scss");
+require("./sidebar/sidebar.scss");
 require("./sidenavbaritem/sidenavbaritem.scss");
 require("./subsidenavbar/subsidenavbar.scss");
 require("./tabbar/tabbar.scss");
@@ -464,6 +477,7 @@ require("./menu/menu.scss");
 require("./menuitem/menuitem.scss");
 require("./numberkeyboard/numberkeyboard.scss");
 require("./picker/picker.scss");
+require("./pickerview/pickerview.scss");
 require("./radio/radio.scss");
 require("./radiogroup/radiogroup.scss");
 require("./range/range.scss");
@@ -502,6 +516,7 @@ require("./countdown/countdown.scss");
 require("./ellipsis/ellipsis.scss");
 require("./imagepreview/imagepreview.scss");
 require("./indicator/indicator.scss");
+require("./lottie/lottie.scss");
 require("./pagination/pagination.scss");
 require("./segmented/segmented.scss");
 require("./price/price.scss");

package/dist/cjs/packages/nutui.react.scss.d.ts

@@ -4,11 +4,11 @@ import "./cellgroup/cellgroup.scss";
 import "./configprovider/configprovider.scss";
 import "./image/image.scss";
 import "./overlay/overlay.scss";
-import "./col/col.scss";
 import "./divider/divider.scss";
 import "./grid/grid.scss";
 import "./griditem/griditem.scss";
 import "./layout/layout.scss";
+import "./col/col.scss";
 import "./row/row.scss";
 import "./space/space.scss";
 import "./sticky/sticky.scss";
@@ -20,6 +20,7 @@ import "./hoverbutton/hoverbutton.scss";
 import "./hoverbuttonitem/hoverbuttonitem.scss";
 import "./navbar/navbar.scss";
 import "./sidenavbar/sidenavbar.scss";
+import "./sidebar/sidebar.scss";
 import "./sidenavbaritem/sidenavbaritem.scss";
 import "./subsidenavbar/subsidenavbar.scss";
 import "./tabbar/tabbar.scss";
@@ -42,6 +43,7 @@ import "./menu/menu.scss";
 import "./menuitem/menuitem.scss";
 import "./numberkeyboard/numberkeyboard.scss";
 import "./picker/picker.scss";
+import "./pickerview/pickerview.scss";
 import "./radio/radio.scss";
 import "./radiogroup/radiogroup.scss";
 import "./range/range.scss";
@@ -80,6 +82,7 @@ import "./countdown/countdown.scss";
 import "./ellipsis/ellipsis.scss";
 import "./imagepreview/imagepreview.scss";
 import "./indicator/indicator.scss";
+import "./lottie/lottie.scss";
 import "./pagination/pagination.scss";
 import "./segmented/segmented.scss";
 import "./price/price.scss";

package/dist/cjs/packages/nutui.react.scss.js

@@ -8,11 +8,11 @@ require("./cellgroup/cellgroup.scss");
 require("./configprovider/configprovider.scss");
 require("./image/image.scss");
 require("./overlay/overlay.scss");
-require("./col/col.scss");
 require("./divider/divider.scss");
 require("./grid/grid.scss");
 require("./griditem/griditem.scss");
 require("./layout/layout.scss");
+require("./col/col.scss");
 require("./row/row.scss");
 require("./space/space.scss");
 require("./sticky/sticky.scss");
@@ -24,6 +24,7 @@ require("./hoverbutton/hoverbutton.scss");
 require("./hoverbuttonitem/hoverbuttonitem.scss");
 require("./navbar/navbar.scss");
 require("./sidenavbar/sidenavbar.scss");
+require("./sidebar/sidebar.scss");
 require("./sidenavbaritem/sidenavbaritem.scss");
 require("./subsidenavbar/subsidenavbar.scss");
 require("./tabbar/tabbar.scss");
@@ -46,6 +47,7 @@ require("./menu/menu.scss");
 require("./menuitem/menuitem.scss");
 require("./numberkeyboard/numberkeyboard.scss");
 require("./picker/picker.scss");
+require("./pickerview/pickerview.scss");
 require("./radio/radio.scss");
 require("./radiogroup/radiogroup.scss");
 require("./range/range.scss");
@@ -84,6 +86,7 @@ require("./countdown/countdown.scss");
 require("./ellipsis/ellipsis.scss");
 require("./imagepreview/imagepreview.scss");
 require("./indicator/indicator.scss");
+require("./lottie/lottie.scss");
 require("./pagination/pagination.scss");
 require("./segmented/segmented.scss");
 require("./price/price.scss");

package/dist/cjs/packages/overlay/index.d.ts

@@ -1,3 +1,3 @@
 import { Overlay } from './overlay';
-export type { OverlayProps } from './overlay';
+export type { OverlayProps } from './types';
 export default Overlay;

package/dist/cjs/packages/overlay/overlay.d.ts

@@ -1,14 +1,4 @@
-import React, { FunctionComponent, MouseEvent } from 'react';
-import { BasicComponent } from "../../utils/typings";
-export interface OverlayProps extends BasicComponent {
-    zIndex: number;
-    duration: number;
-    closeOnOverlayClick: boolean;
-    visible: boolean;
-    lockScroll: boolean | 'strict';
-    onClick: (event: MouseEvent) => void;
-    afterShow: () => void;
-    afterClose: () => void;
-}
+import React, { FunctionComponent } from 'react';
+import { OverlayProps } from './types';
 export declare const defaultOverlayProps: OverlayProps;
 export declare const Overlay: FunctionComponent<Partial<OverlayProps> & React.HTMLAttributes<HTMLDivElement>>;

package/dist/cjs/packages/overlay/overlay.js

@@ -26,14 +26,16 @@ var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _reacttransitiongroup = require("react-transition-group");
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _typings = require("../../utils/typings");
-var _uselockscroll = require("../../utils/use-lock-scroll");
+var _uselockscroll = require("../../hooks/use-lock-scroll");
 var defaultOverlayProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
     zIndex: 1000,
     duration: 300,
     closeOnOverlayClick: true,
     visible: false,
     lockScroll: true,
-    onClick: function onClick(event) {}
+    onClick: function onClick() {},
+    afterShow: function afterShow() {},
+    afterClose: function afterClose() {}
 });
 var Overlay = function Overlay(props) {
     var _ref = (0, _object_spread._)({}, defaultOverlayProps, props), children = _ref.children, zIndex = _ref.zIndex, duration = _ref.duration, className = _ref.className, closeOnOverlayClick = _ref.closeOnOverlayClick, visible = _ref.visible, lockScroll = _ref.lockScroll, style = _ref.style, afterShow = _ref.afterShow, afterClose = _ref.afterClose, onClick = _ref.onClick, rest = (0, _object_without_properties._)(_ref, [
@@ -49,41 +51,33 @@ var Overlay = function Overlay(props) {
         "afterClose",
         "onClick"
     ]);
-    var classPrefix = "nut-overlay";
+    var classPrefix = 'nut-overlay';
     var _useState = (0, _sliced_to_array._)((0, _react.useState)(visible), 2), innerVisible = _useState[0], setInnerVisible = _useState[1];
     var nodeRef = (0, _react.useRef)(null);
     (0, _react.useEffect)(function() {
-        if (visible) {
-            setInnerVisible(true);
-        } else {
-            setInnerVisible(false);
-        }
+        setInnerVisible(visible);
     }, [
         visible
     ]);
     var shouldLockScroll = !innerVisible ? false : lockScroll;
     (0, _uselockscroll.useLockScroll)(nodeRef, shouldLockScroll);
     var classes = (0, _classnames.default)(classPrefix, className);
-    var styles = (0, _object_spread._)({}, style);
+    var styles = (0, _object_spread_props._)((0, _object_spread._)({}, style), {
+        zIndex: zIndex
+    });
     var handleClick = function handleClick(e) {
         if (closeOnOverlayClick) {
             onClick && onClick(e);
         }
     };
-    var onHandleOpened = function onHandleOpened(e) {
-        afterShow && afterShow();
-    };
-    var onHandleClosed = function onHandleClosed(e) {
-        afterClose && afterClose();
-    };
     return /*#__PURE__*/ _react.default.createElement(_reacttransitiongroup.CSSTransition, {
         nodeRef: nodeRef,
         classNames: "".concat(classPrefix, "-slide"),
         unmountOnExit: true,
         timeout: duration,
         in: innerVisible,
-        onEntered: onHandleOpened,
-        onExited: onHandleClosed
+        onEntered: afterShow,
+        onExited: afterClose
     }, /*#__PURE__*/ _react.default.createElement("div", (0, _object_spread_props._)((0, _object_spread._)({
         ref: nodeRef,
         className: classes,

package/dist/cjs/packages/overlay/style/overlay.scss

@@ -1,10 +1,5 @@
 .nut-overlay {
-  /* #ifdef rn */
-  position: absolute;
-  /* #endif */
-  /* #ifndef rn */
   position: fixed;
-  /* #endif */
   top: 0;
   left: 0;
   bottom: 0;
@@ -15,12 +10,6 @@
   z-index: $overlay-zIndex;
 }
 
-[dir='rtl'] .nut-overlay,
-.nut-rtl .nut-overlay {
-  left: auto;
-  right: 0;
-}
-
 .nut-overflow-hidden {
   overflow: hidden !important;
 }
@@ -67,3 +56,9 @@
     animation-duration: $overlay-animation-duration;
   }
 }
+
+[dir='rtl'] .nut-overlay,
+.nut-rtl .nut-overlay {
+  left: auto;
+  right: 0;
+}

package/dist/cjs/packages/overlay/style/style.css

@@ -3,12 +3,7 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-overlay {
-  /* #ifdef rn */
-  position: absolute;
-  /* #endif */
-  /* #ifndef rn */
   position: fixed;
-  /* #endif */
   top: 0;
   left: 0;
   bottom: 0;
@@ -19,12 +14,6 @@
   z-index: var(--nutui-overlay-zIndex, 1000);
 }
 
-[dir=rtl] .nut-overlay,
-.nut-rtl .nut-overlay {
-  left: auto;
-  right: 0;
-}
-
 .nut-overflow-hidden {
   overflow: hidden !important;
 }
@@ -60,4 +49,10 @@
   animation-fill-mode: both;
   animation-name: nut-fade-out;
   animation-duration: var(--nutui-overlay-animation-duration, 0.3s);
+}
+
+[dir=rtl] .nut-overlay,
+.nut-rtl .nut-overlay {
+  left: auto;
+  right: 0;
 }

package/dist/cjs/packages/overlay/types.d.ts

@@ -0,0 +1,11 @@
+import { BasicComponent } from "../../utils/typings";
+export interface OverlayProps extends BasicComponent {
+    zIndex: number;
+    duration: number;
+    closeOnOverlayClick: boolean;
+    visible: boolean;
+    lockScroll: boolean;
+    onClick: (event: React.MouseEvent) => void;
+    afterShow: () => void;
+    afterClose: () => void;
+}

package/dist/cjs/packages/overlay/types.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/dist/cjs/packages/pagination/pagination.js

@@ -18,7 +18,7 @@ var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _configprovider = require("../configprovider");
-var _usepropsvalue = require("../../utils/use-props-value");
+var _usepropsvalue = require("../../hooks/use-props-value");
 var _typings = require("../../utils/typings");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
     defaultValue: 1,

package/dist/cjs/packages/pagination/style/style.css

@@ -75,7 +75,7 @@
   display: flex;
   flex-direction: row;
   align-items: center;
-  color: var(--nutui-color-primary-text, #ffffff);
+  color: #ffffff;
   background-color: var(--nutui-pagination-lite-background-color, rgba(0, 0, 0, 0.45));
   border-radius: var(--nutui-pagination-lite-radius, var(--nutui-radius-xs, 4px));
 }

package/dist/cjs/packages/picker/index.d.ts

@@ -1,4 +1,3 @@
 import Picker from './picker';
-export type { PickerOption } from './types';
-export type { PickerProps } from './picker';
+export type { PickerProps } from './types';
 export default Picker;

package/dist/cjs/packages/picker/picker.d.ts

@@ -1,27 +1,4 @@
-import React, { RefObject } from 'react';
-import { PopupProps } from "../popup/popup";
-import { PickerOption } from './types';
-import { BasicComponent } from "../../utils/typings";
-export type PickerActions = {
-    open: () => void;
-    close: () => void;
-};
-export interface PickerProps extends Omit<BasicComponent, 'children'> {
-    visible?: boolean | undefined;
-    title?: string;
-    options: (PickerOption | PickerOption[])[];
-    value?: (number | string)[];
-    defaultValue?: (number | string)[];
-    threeDimensional?: boolean;
-    duration: number | string;
-    closeOnOverlayClick: boolean;
-    popupProps: Partial<Omit<PopupProps, 'title' | 'onClose' | 'closeOnOverlayClick'>>;
-    onConfirm?: (selectedOptions: PickerOption[], selectedValue: (string | number)[]) => void;
-    onCancel?: () => void;
-    onClose?: (selectedOptions: PickerOption[], selectedValue: (string | number)[]) => void;
-    afterClose?: (selectedOptions: PickerOption[], selectedValue: (string | number)[], pickerRef: RefObject<HTMLDivElement>) => void;
-    onChange?: (selectedOptions: PickerOption[], selectedValue: (string | number)[], columnIndex: number) => void;
-    children?: any;
-}
-declare const Picker: React.ForwardRefExoticComponent<Partial<PickerProps> & React.RefAttributes<unknown>>;
+import React from 'react';
+import { PickerActions, PickerProps } from './types';
+declare const Picker: React.ForwardRefExoticComponent<Partial<PickerProps> & React.RefAttributes<PickerActions>>;
 export default Picker;