@nutui/nutui-react-taro 3.0.20 → 3.0.22-cpp

package/dist/es/packages/numberkeyboard/numberkeyboard.js

@@ -17,9 +17,9 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     type: 'default',
     custom: [],
     random: false,
-    onClose: function() {}
+    onClose: function onClose() {}
 });
-export var NumberKeyboard = function(props) {
+export var NumberKeyboard = function NumberKeyboard(props) {
     var locale = useConfig().locale;
     var _mergeProps = mergeProps(defaultProps, props), title = _mergeProps.title, rightActions = _mergeProps.rightActions, confirmText = _mergeProps.confirmText, visible = _mergeProps.visible, type = _mergeProps.type, custom = _mergeProps.custom, random = _mergeProps.random, style = _mergeProps.style, className = _mergeProps.className, onChange = _mergeProps.onChange, onDelete = _mergeProps.onDelete, onClose = _mergeProps.onClose, onConfirm = _mergeProps.onConfirm, rest = _object_without_properties(_mergeProps, [
         "title",
@@ -37,7 +37,7 @@ export var NumberKeyboard = function(props) {
         "onConfirm"
     ]);
     var classPrefix = 'nut-numberkeyboard';
-    var getBasicKeys = function() {
+    var getBasicKeys = function getBasicKeys() {
         var keys = new Array(9).fill(0).map(function(_, index) {
             return {
                 id: String(index + 1),
@@ -48,7 +48,7 @@ export var NumberKeyboard = function(props) {
             return Math.random() > 0.5 ? 1 : -1;
         }) : keys;
     };
-    var getCustomKeys = function() {
+    var getCustomKeys = function getCustomKeys() {
         var customKeys = [
             {
                 id: 'close',
@@ -85,7 +85,7 @@ export var NumberKeyboard = function(props) {
         random,
         custom
     ]);
-    var DeleteIcon = function() {
+    var DeleteIcon = function DeleteIcon() {
         var style = {
             background: "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAnCAYAAABJ0cukAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozOUNBQTQ0MkY3RTMxMUVBQjIzNEJCQkYxNDZGQjg5OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozOUNBQTQ0M0Y3RTMxMUVBQjIzNEJCQkYxNDZGQjg5OCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjM5Q0FBNDQwRjdFMzExRUFCMjM0QkJCRjE0NkZCODk4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjM5Q0FBNDQxRjdFMzExRUFCMjM0QkJCRjE0NkZCODk4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+T12ahwAABClJREFUeNrUWVtIFFEY3pkdrbaCiAINK81VW3d2102pjKLtoXoJrNAswoeEXoyilx7sJXvIh6CHAoMg6yEfSpdECIqE0jCMbMm9qCVYUmR5S8huXmZO39nWOI7mzsy6uzqgM/vvzNnv+y/n/84ZjhBiWMwHF+kA+fn5y0ZHRzNwuTomgDnui9/vfzMvBJxWa7bE87W4tMbY8S8MhNz0BQLVugnY7fZdGORZPNNHJmSPUSf47QD/PN75z3NcpqD1IVEU8wC+dZojDIajyMu6WAG322zBmQf/7LzGnHeAdRtjmuAIKYoleMWxQnUEHA6HVZLldsb0m3oehdQQzzQSVILPJLIcYEw/4HkK/kG86yAsAZvNtgng3059hte/Gf56/uFCaGR8mIJdj3m2hzGNGAkpRM4vCPBzErBYLMko2A//DIQMoQ0WtgcCjWFnCVGswEzxCecqLc0y9Nyww2ariYhAbm7umgRB6GNM/QTgfT7fEzWD4t7dOK0D4TKAcrtcLkENeNx/gUoSpOnx4Gc9BHJyclZNjI8PMqY+judp2jSr1iuENDPi5fDX4WG32WxeogL81NGRIEk3NBNAh10uS9IIY/oIbxR6vd4WLXmJAq9Ayl1kTAUmk8mNyJrUgDfK8hFPV9dnTQSCHiLkO/Ndb8jzrXqKawYJQg4gsu6srKyV4cC/7ujo1CqneRSPxNh74PligPdE3PYVIDHuY6PRWCxPTp7VC35KSvwjwBpwdPP4gXYc86ZdZnr6Pf7S9HqexUs9z0qBLprz8wn+PzWRFknaKGsgjwlvCdLGH42GQ0lg+dqkMP+Enj+lF/yMWYgnJD1qEhhphOWgS2E2yQZDJWa/lEgIvGIa0D2HKJZGA7yiBgaZqO9AermdFstGXQR8fn+BootW4wfPRBE8zXmXoia2SYLgpsJRVwqBBJ2N+pnueRVhPR8l8MGCnaWw8wDCDSWQoasGQCKJnpjGcwkkKqMBfo7ZyQklQCOxWVcRg4QDXmhkSJRjsGvRAD8HCTuNhNPpXKtLzHn9/n0orBqm052GvL2lcfepTMs8PwsJqyRJRbrlNFpBCUBcYWaKE2h4tampqUtV6pP60HNtapuUksTY2NidiLcWUQPnMOhlxvQoITGxxOPxDIVdR2dnb/V2dr7Umn50/Q31261JC4UhUQYSVUxdtPCCUAK10RuvZeQ0LRQ2tD7fddxdyuT3TijJehATF/yinqmJ2wB+jCGRA11TH9xiXAwEQpG4i0gcZHLPjHSqF0Vx76IgEIpEA9a7+3H5K2RK4jnuPvTToXgR0LW9Htpap71iAzPVNsUIMH0XMdXkfLrfD9BdanifksiKW/5w3Emj3mcHBgb6kpKTn6KYzfBCehzg10H6lHPzMdIWq9U8znEpsXE6N4rTO9TjSGgPanG/pfwjwABn1PZcM5XI0AAAAABJRU5ErkJggg0KLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLTkwMjA5MzIyMjIxMzkzMzc2NzAwNjg0MC0tDQo=') no-repeat center",
             backgroundSize: '100% 100%',
@@ -96,13 +96,13 @@ export var NumberKeyboard = function(props) {
             style: style
         });
     };
-    var NumberKeyboardKey = function(props) {
+    var NumberKeyboardKey = function NumberKeyboardKey(props) {
         var item = props.item;
         var _useState = _sliced_to_array(useState(false), 2), active = _useState[0], setActive = _useState[1];
-        var onTouchStart = function() {
+        var onTouchStart = function onTouchStart() {
             setActive(true);
         };
-        var onTouchEnd = function(item) {
+        var onTouchEnd = function onTouchEnd(item) {
             setActive(false);
             switch(item.type){
                 case 'num':
@@ -122,7 +122,7 @@ export var NumberKeyboard = function(props) {
                     break;
             }
         };
-        var renderContent = function(item) {
+        var renderContent = function renderContent(item) {
             switch(item.type){
                 case 'num':
                 case 'custom':
@@ -150,13 +150,13 @@ export var NumberKeyboard = function(props) {
                 delete: item.type === 'delete',
                 confirm: item.type === 'confirm'
             }),
-            onTouchStart: function() {
+            onTouchStart: function onTouchStart1() {
                 return onTouchStart();
             },
-            onTouchEnd: function() {
+            onTouchEnd: function onTouchEnd1() {
                 return onTouchEnd(item);
             },
-            onTouchCancel: function() {
+            onTouchCancel: function onTouchCancel() {
                 return onTouchEnd(item);
             }
         }, renderContent(item)));

package/dist/es/packages/numberkeyboard/style/style.css

@@ -16,7 +16,7 @@
   /* #ifndef dynamic*/
   box-sizing: content-box;
   /* #endif */
-  padding: var(--nutui-popup-title-padding, 16px);
+  padding: var(--nutui-popup-title-padding, 11px);
   color: var(--nutui-color-title, #1a1a1a);
   font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
 }

package/dist/es/packages/numberkeyboard/style/style.harmony.css

@@ -71,7 +71,7 @@
   align-items: center;
   justify-content: center;
   border-bottom: var(--nutui-popup-title-border-bottom, 0);
-  padding: var(--nutui-popup-title-padding, 16px);
+  padding: var(--nutui-popup-title-padding, 11px);
   position: relative;
 }
 .nut-popup-title-wrapper {
@@ -84,7 +84,6 @@
   color: var(--nutui-color-title, #1a1a1a);
   font-weight: var(--nutui-font-weight-bold, 600);
   font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
-  line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
 }
 .nut-popup-title-description {
   color: var(--nutui-color-text, #505259);
@@ -96,13 +95,13 @@
 }
 .nut-popup-title-left {
   position: absolute;
-  top: var(--nutui-popup-title-padding, 16px);
-  left: var(--nutui-popup-title-padding, 16px);
+  top: var(--nutui-popup-title-padding, 11px);
+  left: var(--nutui-popup-title-padding, 11px);
 }
 .nut-popup-title-right {
   position: absolute;
-  top: var(--nutui-popup-title-padding, 16px);
-  right: var(--nutui-popup-title-padding, 16px);
+  top: var(--nutui-popup-title-padding, 11px);
+  right: var(--nutui-popup-title-padding, 11px);
   z-index: 1;
   width: var(--nutui-popup-icon-size, 20px);
   height: var(--nutui-popup-icon-size, 20px);
@@ -113,20 +112,22 @@
   opacity: 0.7;
 }
 .nut-popup-title-right-top-left {
-  top: var(--nutui-popup-title-padding, 16px);
-  left: var(--nutui-popup-title-padding, 16px);
+  top: var(--nutui-popup-title-padding, 11px);
+  left: var(--nutui-popup-title-padding, 11px);
 }
 .nut-popup-title-right-bottom-left {
-  bottom: var(--nutui-popup-title-padding, 16px);
-  left: var(--nutui-popup-title-padding, 16px);
+  bottom: var(--nutui-popup-title-padding, 11px);
+  left: var(--nutui-popup-title-padding, 11px);
 }
 .nut-popup-title-right-bottom-right {
-  right: var(--nutui-popup-title-padding, 16px);
-  bottom: var(--nutui-popup-title-padding, 16px);
+  right: var(--nutui-popup-title-padding, 11px);
+  bottom: var(--nutui-popup-title-padding, 11px);
 }
 .nut-popup-center {
   top: 50%;
   left: 50%;
+  right: auto;
+  bottom: auto;
   min-height: 10%;
   max-width: 295px;
   transform: translate(-50%, -50%);
@@ -137,6 +138,8 @@
 .nut-popup-bottom {
   bottom: 0;
   left: 0;
+  right: auto;
+  top: auto;
   width: 100%;
 }
 .nut-popup-bottom.nut-popup-round {
@@ -148,6 +151,8 @@
 .nut-popup-right {
   top: 0;
   right: 0;
+  left: auto;
+  bottom: auto;
   width: 100px;
   height: 100%;
 }
@@ -157,6 +162,8 @@
 .nut-popup-left {
   top: 0;
   left: 0;
+  right: auto;
+  bottom: auto;
   width: 100px;
   height: 100%;
 }
@@ -166,6 +173,8 @@
 .nut-popup-top {
   top: 0;
   left: 0;
+  right: auto;
+  bottom: auto;
   width: 100%;
 }
 .nut-popup-top.nut-popup-round {
@@ -242,6 +251,9 @@
   }
 }
 @keyframes popup-slide-top-exit {
+  from {
+    transform: translate3d(0, 0%, 0);
+  }
   to {
     transform: translate3d(0, -100%, 0);
   }
@@ -266,6 +278,9 @@
   }
 }
 @keyframes popup-slide-right-exit {
+  from {
+    transform: translate3d(0%, 0, 0);
+  }
   to {
     transform: translate3d(100%, 0, 0);
   }
@@ -290,6 +305,9 @@
   }
 }
 @keyframes slide-bottom-exit {
+  from {
+    transform: translate3d(0, 0%, 0);
+  }
   to {
     transform: translate3d(0, 100%, 0);
   }
@@ -314,6 +332,9 @@
   }
 }
 @keyframes popup-slide-left-exit {
+  from {
+    transform: translate3d(0%, 0, 0);
+  }
   to {
     transform: translate3d(-100%, 0, 0);
   }
@@ -339,27 +360,27 @@
 [dir=rtl] .nut-popup-title-left,
 .nut-rtl .nut-popup-title-left {
   left: auto;
-  right: var(--nutui-popup-title-padding, 16px);
+  right: var(--nutui-popup-title-padding, 11px);
 }
 [dir=rtl] .nut-popup-title-right,
 .nut-rtl .nut-popup-title-right {
   right: auto;
-  left: var(--nutui-popup-title-padding, 16px);
+  left: var(--nutui-popup-title-padding, 11px);
 }
 [dir=rtl] .nut-popup-title-right-top-left,
 .nut-rtl .nut-popup-title-right-top-left {
   left: auto;
-  right: var(--nutui-popup-title-padding, 16px);
+  right: var(--nutui-popup-title-padding, 11px);
 }
 [dir=rtl] .nut-popup-title-right-bottom-left,
 .nut-rtl .nut-popup-title-right-bottom-left {
   left: auto;
-  right: var(--nutui-popup-title-padding, 16px);
+  right: var(--nutui-popup-title-padding, 11px);
 }
 [dir=rtl] .nut-popup-title-right-bottom-right,
 .nut-rtl .nut-popup-title-right-bottom-right {
   right: auto;
-  left: var(--nutui-popup-title-padding, 16px);
+  left: var(--nutui-popup-title-padding, 11px);
 }
 [dir=rtl] .nut-popup-title .nut-icon-ArrowLeft,
 .nut-rtl .nut-popup-title .nut-icon-ArrowLeft {
@@ -396,7 +417,7 @@
   /* #ifndef dynamic*/
   box-sizing: content-box;
   /* #endif */
-  padding: var(--nutui-popup-title-padding, 16px);
+  padding: var(--nutui-popup-title-padding, 11px);
   color: var(--nutui-color-title, #1a1a1a);
   font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
 }

package/dist/es/packages/nutui.react.build.d.ts

@@ -192,6 +192,8 @@ import Video from "./video/index";
 export * from "./video/index";
 import VirtualList from "./virtuallist/index";
 export * from "./virtuallist/index";
+import QuickEnter from "./quickenter/index";
+export * from "./quickenter/index";
 import AvatarCropper from "./avatarcropper/index";
 export * from "./avatarcropper/index";
 import Barrage from "./barrage/index";
@@ -209,4 +211,4 @@ export * from "./watermark/index";
 export * from "../types";
 export * from "../utils/index";
 export * from "../hooks/index";
-export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Divider, Grid, GridItem, Layout, Col, Row, SafeArea, Space, Sticky, BackTop, Elevator, FixedNav, HoverButton, HoverButtonItem, NavBar, SideBar, SideBarItem, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, CalendarCard, Cascader, Checkbox, CheckboxGroup, DatePicker, DatePickerView, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, PickerView, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, ResultPage, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Lottie, Pagination, Price, Progress, Segmented, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, AvatarCropper, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark };
+export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Divider, Grid, GridItem, Layout, Col, Row, SafeArea, Space, Sticky, BackTop, Elevator, FixedNav, HoverButton, HoverButtonItem, NavBar, SideBar, SideBarItem, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, CalendarCard, Cascader, Checkbox, CheckboxGroup, DatePicker, DatePickerView, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, PickerView, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, ResultPage, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Lottie, Pagination, Price, Progress, Segmented, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, QuickEnter, AvatarCropper, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark };

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

@@ -192,6 +192,8 @@ import Video from "./video/index";
 export * from "./video/index";
 import VirtualList from "./virtuallist/index";
 export * from "./virtuallist/index";
+import QuickEnter from "./quickenter/index";
+export * from "./quickenter/index";
 import AvatarCropper from "./avatarcropper/index";
 export * from "./avatarcropper/index";
 import Barrage from "./barrage/index";
@@ -209,4 +211,4 @@ export * from "./watermark/index";
 export * from "../types";
 export * from "../utils/index";
 export * from "../hooks/index";
-export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Divider, Grid, GridItem, Layout, Col, Row, SafeArea, Space, Sticky, BackTop, Elevator, FixedNav, HoverButton, HoverButtonItem, NavBar, SideBar, SideBarItem, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, CalendarCard, Cascader, Checkbox, CheckboxGroup, DatePicker, DatePickerView, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, PickerView, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, ResultPage, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Lottie, Pagination, Price, Progress, Segmented, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, AvatarCropper, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark };
+export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Divider, Grid, GridItem, Layout, Col, Row, SafeArea, Space, Sticky, BackTop, Elevator, FixedNav, HoverButton, HoverButtonItem, NavBar, SideBar, SideBarItem, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, CalendarCard, Cascader, Checkbox, CheckboxGroup, DatePicker, DatePickerView, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, PickerView, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, ResultPage, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Lottie, Pagination, Price, Progress, Segmented, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, QuickEnter, AvatarCropper, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark };

package/dist/es/packages/overlay/overlay.js

@@ -3,23 +3,23 @@ import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import React, { useEffect, useState } from "react";
-import { CSSTransition } from "react-transition-group";
 import classNames from "classnames";
 import { View } from "@tarojs/components";
 import { ComponentDefaults } from "../../utils/typings";
 import { useLockScrollTaro } from "../../hooks/taro/use-lock-scoll";
+import ConfigurableCSSTransition from "../../utils/taro/ConfigurableCSSTransition";
 export var defaultOverlayProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     zIndex: 1000,
     duration: 300,
     closeOnOverlayClick: true,
     visible: false,
     lockScroll: true,
-    onClick: function() {},
-    afterShow: function() {},
-    afterClose: function() {}
+    onClick: function onClick() {},
+    afterShow: function afterShow() {},
+    afterClose: function afterClose() {}
 });
-export var Overlay = function(props) {
-    var _ref = _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 = _object_without_properties(_ref, [
+export var Overlay = function Overlay(props) {
+    var _$_object_spread = _object_spread({}, defaultOverlayProps, props), children = _$_object_spread.children, zIndex = _$_object_spread.zIndex, duration = _$_object_spread.duration, className = _$_object_spread.className, closeOnOverlayClick = _$_object_spread.closeOnOverlayClick, visible = _$_object_spread.visible, lockScroll = _$_object_spread.lockScroll, style = _$_object_spread.style, afterShow = _$_object_spread.afterShow, afterClose = _$_object_spread.afterClose, onClick = _$_object_spread.onClick, rest = _object_without_properties(_$_object_spread, [
         "children",
         "zIndex",
         "duration",
@@ -44,12 +44,12 @@ export var Overlay = function(props) {
     var styles = _object_spread({
         zIndex: zIndex
     }, style);
-    var handleClick = function(e) {
+    var handleClick = function handleClick(e) {
         if (closeOnOverlayClick) {
             onClick && onClick(e);
         }
     };
-    var renderOverlay = function() {
+    var renderOverlay = function renderOverlay() {
         return /*#__PURE__*/ React.createElement(View, _object_spread_props(_object_spread({
             ref: nodeRef,
             className: classes,
@@ -59,11 +59,11 @@ export var Overlay = function(props) {
             onClick: handleClick
         }), children);
     };
-    return /*#__PURE__*/ React.createElement(CSSTransition, {
+    return /*#__PURE__*/ React.createElement(ConfigurableCSSTransition, {
         nodeRef: nodeRef,
         classNames: "".concat(classPrefix, "-slide"),
         unmountOnExit: true,
-        timeout: duration,
+        timeout: Number(duration),
         in: innerVisible,
         onEntered: afterShow,
         onExited: afterClose

package/dist/es/packages/pagination/pagination.js

@@ -21,9 +21,9 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     itemSize: 5,
     ellipse: false
 });
-export var Pagination = function(props) {
+export var Pagination = function Pagination(props) {
     var locale = useConfig().locale;
-    var _ref = _object_spread({}, defaultProps, props), value = _ref.value, mode = _ref.mode, prev = _ref.prev, next = _ref.next, total = _ref.total, pageSize = _ref.pageSize, itemSize = _ref.itemSize, onChange = _ref.onChange, ellipse = _ref.ellipse, itemRender = _ref.itemRender, defaultValue = _ref.defaultValue, className = _ref.className, style = _ref.style, rest = _object_without_properties(_ref, [
+    var _$_object_spread = _object_spread({}, defaultProps, props), value = _$_object_spread.value, mode = _$_object_spread.mode, prev = _$_object_spread.prev, next = _$_object_spread.next, total = _$_object_spread.total, pageSize = _$_object_spread.pageSize, itemSize = _$_object_spread.itemSize, onChange = _$_object_spread.onChange, ellipse = _$_object_spread.ellipse, itemRender = _$_object_spread.itemRender, defaultValue = _$_object_spread.defaultValue, className = _$_object_spread.className, style = _$_object_spread.style, rest = _object_without_properties(_$_object_spread, [
         "value",
         "mode",
         "prev",
@@ -52,16 +52,16 @@ export var Pagination = function(props) {
         displayCount: itemSize,
         itemsPerPage: pageSize
     }), 2), pages = _usePagination[0], pageCount = _usePagination[1];
-    var handleClick = function(item) {
+    var handleClick = function handleClick(item) {
         if (item.selected) return;
         if (item.number > pageCount || item.number < 1) return;
         setCurrent(item.number);
     };
-    var prevPage = function() {
+    var prevPage = function prevPage() {
         var prev = current - 1;
         prev >= 1 && setCurrent(prev);
     };
-    var nextPage = function() {
+    var nextPage = function nextPage() {
         var next = current + 1;
         next <= pageCount && setCurrent(next);
     };
@@ -71,7 +71,7 @@ export var Pagination = function(props) {
         style: style
     }, (mode === 'multi' || mode === 'simple') && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(View, {
         className: classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix, "-prev"), true), _define_property(_obj, "".concat(classPrefix, "-simple-border"), mode !== 'multi'), _define_property(_obj, "".concat(classPrefix, "-prev-disabled"), current === 1), _obj)),
-        onClick: function() {
+        onClick: function onClick() {
             return prevPage();
         }
     }, addColorForHarmony(prev || locale.pagination.prev, current === 1 ? '#c2c4cc' : '#ff0f23')), mode === 'multi' && /*#__PURE__*/ React.createElement(View, {
@@ -81,7 +81,7 @@ export var Pagination = function(props) {
         return /*#__PURE__*/ React.createElement(View, {
             key: "".concat(index, "pagination"),
             className: classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix, "-item"), true), _define_property(_obj, "".concat(classPrefix, "-item-active"), item.selected), _obj)),
-            onClick: function() {
+            onClick: function onClick() {
                 handleClick(item);
             }
         }, itemRender ? itemRender(item, current) : item.text);
@@ -91,7 +91,7 @@ export var Pagination = function(props) {
         className: "".concat(classPrefix, "-simple")
     }, "".concat(current, "/").concat(pageCount))), /*#__PURE__*/ React.createElement(View, {
         className: classNames((_obj1 = {}, _define_property(_obj1, "".concat(classPrefix, "-next"), true), _define_property(_obj1, "".concat(classPrefix, "-next-disabled"), current >= pageCount), _obj1)),
-        onClick: function() {
+        onClick: function onClick() {
             return nextPage();
         }
     }, addColorForHarmony(next || locale.pagination.next, current >= pageCount ? '#c2c4cc' : '#ff0f23'))), mode === 'lite' && /*#__PURE__*/ React.createElement(View, {

package/dist/es/packages/picker/picker.js

@@ -21,9 +21,9 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     defaultValue: [],
     closeOnOverlayClick: true
 });
-var InternalPicker = function(props, ref) {
+var InternalPicker = function InternalPicker(props, ref) {
     var locale = useConfig().locale;
-    var _ref = _object_spread({}, defaultProps, props), children = _ref.children, visible = _ref.visible, title = _ref.title, _ref_options = _ref.options, options = _ref_options === void 0 ? [] : _ref_options, closeOnOverlayClick = _ref.closeOnOverlayClick, _ref_popupProps = _ref.popupProps, popupProps = _ref_popupProps === void 0 ? {} : _ref_popupProps, _ref_defaultValue = _ref.defaultValue, defaultValue = _ref_defaultValue === void 0 ? [] : _ref_defaultValue, className = _ref.className, style = _ref.style, threeDimensional = _ref.threeDimensional, duration = _ref.duration, onConfirm = _ref.onConfirm, onCancel = _ref.onCancel, onClose = _ref.onClose, onChange = _ref.onChange, rest = _object_without_properties(_ref, [
+    var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, visible = _$_object_spread.visible, title = _$_object_spread.title, _object_spread_options = _$_object_spread.options, options = _object_spread_options === void 0 ? [] : _object_spread_options, closeOnOverlayClick = _$_object_spread.closeOnOverlayClick, _object_spread_popupProps = _$_object_spread.popupProps, popupProps = _object_spread_popupProps === void 0 ? {} : _object_spread_popupProps, _object_spread_defaultValue = _$_object_spread.defaultValue, defaultValue = _object_spread_defaultValue === void 0 ? [] : _object_spread_defaultValue, className = _$_object_spread.className, style = _$_object_spread.style, threeDimensional = _$_object_spread.threeDimensional, duration = _$_object_spread.duration, onConfirm = _$_object_spread.onConfirm, onCancel = _$_object_spread.onCancel, onClose = _$_object_spread.onClose, onChange = _$_object_spread.onChange, rest = _object_without_properties(_$_object_spread, [
         "children",
         "visible",
         "title",
@@ -46,7 +46,7 @@ var InternalPicker = function(props, ref) {
         value: props.value,
         defaultValue: _to_consumable_array(defaultValue),
         finalValue: _to_consumable_array(defaultValue),
-        onChange: function(value) {
+        onChange: function onChange(value) {
             var _props_onConfirm;
             (_props_onConfirm = props.onConfirm) === null || _props_onConfirm === void 0 ? void 0 : _props_onConfirm.call(props, selectedOptionsRef.current, value);
         }
@@ -55,7 +55,7 @@ var InternalPicker = function(props, ref) {
         value: props.visible,
         defaultValue: false,
         finalValue: false,
-        onChange: function(v) {
+        onChange: function onChange(v) {
             if (!v) {
                 var _props_onClose;
                 (_props_onClose = props.onClose) === null || _props_onClose === void 0 ? void 0 : _props_onClose.call(props, selectedOptionsRef.current, innerValue);
@@ -63,10 +63,10 @@ var InternalPicker = function(props, ref) {
         }
     }), 2), innerVisible = _usePropsValue1[0], setInnerVisible = _usePropsValue1[1];
     var actions = {
-        open: function() {
+        open: function open() {
             setInnerVisible(true);
         },
-        close: function() {
+        close: function close() {
             setInnerVisible(false);
         }
     };
@@ -88,7 +88,7 @@ var InternalPicker = function(props, ref) {
         innerOptions,
         innerVisible
     ]);
-    var onChangeItem = function(param) {
+    var onChangeItem = function onChangeItem(param) {
         var value = param.value, index = param.index, selectedOptions = param.selectedOptions;
         if (selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.length) {
             selectedOptionsRef.current = selectedOptions;
@@ -102,7 +102,7 @@ var InternalPicker = function(props, ref) {
             index: index
         }));
     };
-    var onConfirmEvent = function() {
+    var onConfirmEvent = function onConfirmEvent() {
         var moving = false;
         refs.forEach(function(ref) {
             if (ref.moving) moving = true;
@@ -113,17 +113,17 @@ var InternalPicker = function(props, ref) {
             setInnerVisible(false);
         }
     };
-    var onCancelEvent = function() {
+    var onCancelEvent = function onCancelEvent() {
         setInnerValue(selectedValue);
         onCancel === null || onCancel === void 0 ? void 0 : onCancel();
         setInnerVisible(false);
     };
-    var renderTitleBar = function() {
+    var renderTitleBar = function renderTitleBar() {
         return /*#__PURE__*/ React.createElement(View, {
             className: "".concat(classPrefix, "-control")
         }, /*#__PURE__*/ React.createElement(View, {
             className: "".concat(classPrefix, "-cancel-btn"),
-            onClick: function(e) {
+            onClick: function onClick(e) {
                 e.stopPropagation();
                 onCancelEvent();
             }
@@ -131,13 +131,13 @@ var InternalPicker = function(props, ref) {
             className: "".concat(classPrefix, "-title")
         }, title || ''), /*#__PURE__*/ React.createElement(View, {
             className: "".concat(classPrefix, "-confirm-btn"),
-            onClick: function(e) {
+            onClick: function onClick(e) {
                 e.stopPropagation();
                 onConfirmEvent();
             }
         }, locale.confirm));
     };
-    var renderPickerElement = function() {
+    var renderPickerElement = function renderPickerElement() {
         return /*#__PURE__*/ React.createElement(View, _object_spread({
             className: classes,
             style: style
@@ -149,7 +149,7 @@ var InternalPicker = function(props, ref) {
             options: props.options,
             threeDimensional: threeDimensional,
             duration: duration,
-            onChange: function(param) {
+            onChange: function onChange(param) {
                 var value = param.value, index = param.index, selectedOptions = param.selectedOptions;
                 onChangeItem({
                     value: value,
@@ -162,7 +162,7 @@ var InternalPicker = function(props, ref) {
     return /*#__PURE__*/ React.createElement(React.Fragment, null, typeof children === 'function' && children(selectedValue), /*#__PURE__*/ React.createElement(Popup, _object_spread_props(_object_spread({}, popupProps), {
         visible: innerVisible,
         position: "bottom",
-        onOverlayClick: function() {
+        onOverlayClick: function onOverlayClick() {
             if (!closeOnOverlayClick) return;
             onCancelEvent();
         }

package/dist/es/packages/picker/style/style.css

@@ -10,7 +10,7 @@
   align-items: center;
   justify-content: space-between;
   height: var(--nutui-popup-title-height, 50px);
-  padding: var(--nutui-popup-title-padding, 16px);
+  padding: var(--nutui-popup-title-padding, 11px);
   box-sizing: border-box;
   font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-xl, 18px));
 }