@nutui/nutui-react-taro 1.2.2-beta.0 → 1.3.0-beta.5

package/dist/esm/{noticebar.taro-70193e5e.js → noticebar.taro-ae593896.js}

@@ -9,7 +9,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import React__default, { useRef, useState, useEffect } from 'react';
 import classNames from 'classnames';
-import { I as Icon } from './icon-62bd7379.js';
+import { I as Icon } from './icon-8dc4de10.js';
 import { c as cn } from './bem-893ad28d.js';
 var defaultProps = {
   // 滚动方向  across 横向 vertical 纵向
@@ -25,7 +25,7 @@ var defaultProps = {
   color: '',
   background: '',
   delay: 1,
-  scrollable: true,
+  scrollable: null,
   speed: 50
 };
 
@@ -102,6 +102,11 @@ var NoticeBar = function NoticeBar(props) {
       timer = _useState18[0],
       SetTimer = _useState18[1];
 
+  var _useState19 = useState(null),
+      _useState20 = _slicedToArray(_useState19, 2),
+      isCanScroll = _useState20[0],
+      SetIsCanScroll = _useState20[1];
+
   useState(0);
   useEffect(function () {
     if (direction === 'vertical') {
@@ -132,12 +137,14 @@ var NoticeBar = function NoticeBar(props) {
 
   var cloneChild = function cloneChild(listItem, listIndex) {
     return React__default.Children.map(children, function (child, index) {
-      if (child && index == listIndex) {
+      if (child && index === listIndex) {
         return React__default.cloneElement(child, {
           key: listIndex,
           children: listItem
         });
       }
+
+      return null;
     });
   };
 
@@ -156,7 +163,7 @@ var NoticeBar = function NoticeBar(props) {
     }
 
     setTimeout( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var wrapRes, wrapW, contentRes, offsetW;
+      var warpRes, contentRes, wrapW, offsetW, canScroll;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
@@ -173,16 +180,18 @@ var NoticeBar = function NoticeBar(props) {
               return wrap.current.getBoundingClientRect();
 
             case 4:
-              wrapRes = _context.sent;
-              wrapW = wrapRes.width;
-              _context.next = 8;
+              warpRes = _context.sent;
+              _context.next = 7;
               return content.current.getBoundingClientRect();
 
-            case 8:
+            case 7:
               contentRes = _context.sent;
+              wrapW = warpRes.width;
               offsetW = contentRes.width;
+              canScroll = scrollable == null ? offsetW > wrapW : scrollable;
+              SetIsCanScroll(canScroll);
 
-              if (scrollable && offsetW > wrapW) {
+              if (canScroll) {
                 SetWrapWidth(wrapW);
                 SetOffsetW(offsetW);
                 SetDuration(offsetW / speed);
@@ -191,13 +200,13 @@ var NoticeBar = function NoticeBar(props) {
                 SetAnimationClass('');
               }
 
-            case 11:
+            case 13:
             case "end":
               return _context.stop();
           }
         }
       }, _callee);
-    })));
+    })), 0);
   };
 
   var handleClick = function handleClick(event) {
@@ -274,27 +283,49 @@ var NoticeBar = function NoticeBar(props) {
 
   var handleClickIcon = function handleClickIcon() {
     close && close(scrollList[0]);
-  }; // const iconShow = () => {
-  //   if (leftIcon === 'close') {
-  //     return false
-  //   }
-  //   return true
-  // }
+  };
+
+  var iconShow = function iconShow() {
+    if (leftIcon === 'close') {
+      return false;
+    }
+
+    return true;
+  };
+
+  var iconBg = function iconBg() {
+    var iconBg = '';
+
+    if (leftIcon) {
+      iconBg = leftIcon;
+    }
 
+    return iconBg;
+  };
+
+  var isEllipsis = function isEllipsis() {
+    if (isCanScroll == null) {
+      return wrapable;
+    }
+
+    return !isCanScroll && !wrapable;
+  };
 
   var contentStyle = {
-    paddingLeft: firstRound ? 0 : "".concat(wrapWidth, "px"),
-    animationDelay: "".concat(firstRound ? props.delay : 0, "s"),
-    animationDuration: "".concat(duration, "s")
+    // paddingLeft: firstRound ? 0 : `${wrapWidth}px`,
+    animationDelay: "".concat(firstRound ? delay : 0, "s"),
+    animationDuration: "".concat(duration, "s"),
+    transform: "translateX(".concat(firstRound ? 0 : "".concat(wrapWidth, "px"), ")")
   };
   var barStyle = {
     color: color,
     background: background,
-    height: direction == 'vertical' ? "".concat(height, "px") : ''
+    height: direction === 'vertical' ? "".concat(height, "px") : ''
   };
+  var duringTime = ~~(height / speed / 4);
   var horseLampStyle = {
     transform: complexAm ? "translateY(".concat(distance, "px)") : '',
-    transition: animate ? "all ".concat(~~(height / speed / 4), "s") : '',
+    transition: animate ? "all ".concat(duringTime === 0 ? ~~(height / speed) : duringTime, "s") : '',
     marginTop: animate ? "-".concat(height, "px") : ''
   };
   var b = cn('noticebar');
@@ -307,34 +338,34 @@ var NoticeBar = function NoticeBar(props) {
   return React__default.createElement("div", {
     className: "".concat(b(), " ").concat(className || ''),
     style: style
-  }, showNoticeBar && direction == 'across' ? React__default.createElement("div", {
+  }, showNoticeBar && direction === 'across' ? React__default.createElement("div", {
     className: noticebarClass,
     style: barStyle,
     onClick: handleClick
-  }, React__default.createElement("div", {
+  }, iconShow() ? React__default.createElement("div", {
     className: "left-icon",
     style: {
-      backgroundImage: "url(".concat(leftIcon || '', ")")
+      backgroundImage: "url(".concat(iconBg() || '', ")")
     }
-  }, !leftIcon ? React__default.createElement(Icon, {
+  }, !iconBg() ? React__default.createElement(Icon, {
     name: "notice",
     size: "16",
     color: color
-  }) : null), React__default.createElement("div", {
+  }) : null) : null, React__default.createElement("div", {
     ref: wrap,
     className: "wrap"
   }, React__default.createElement("div", {
     ref: content,
-    className: "content ".concat(animationClass, " ").concat(!scrollable && !wrapable && 'nut-ellipsis'),
+    className: "content ".concat(animationClass, " ").concat(isEllipsis() && 'nut-ellipsis'),
     style: contentStyle,
     onAnimationEnd: onAnimationEnd
-  }, children, text)), closeMode ? React__default.createElement("div", {
+  }, children, text)), closeMode || rightIcon ? React__default.createElement("div", {
     className: "right-icon",
     onClick: onClickIcon
   }, React__default.createElement(Icon, {
-    name: "close",
+    name: rightIcon || 'close',
     color: color
-  })) : null) : scrollList.current.length > 0 && direction == 'vertical' ? React__default.createElement("div", {
+  })) : null) : null, scrollList.current.length > 0 && direction === 'vertical' ? React__default.createElement("div", {
     className: "nut-noticebar-vertical",
     style: barStyle
   }, children ? React__default.createElement("div", {
@@ -346,16 +377,18 @@ var NoticeBar = function NoticeBar(props) {
     className: "horseLamp_list",
     style: horseLampStyle
   }, scrollList.current.map(function (item, index) {
-    return React__default.createElement("li", {
-      className: "horseLamp_list_item",
-      style: {
-        height: height
-      },
-      key: index,
-      onClick: function onClick() {
-        go(item);
-      }
-    }, item);
+    return (// eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
+      React__default.createElement("li", {
+        className: "horseLamp_list_item",
+        style: {
+          height: height
+        },
+        key: index,
+        onClick: function onClick() {
+          go(item);
+        }
+      }, item)
+    );
   })), React__default.createElement("div", {
     className: "go",
     onClick: function onClick() {

package/dist/esm/{notify.taro-837a878b.js → notify.taro-95b5f97e.js}

@@ -105,11 +105,14 @@ var Notification = /*#__PURE__*/function (_React$PureComponent) {
           color = _this$props.color,
           background = _this$props.background,
           type = _this$props.type,
-          className = _this$props.className;
+          className = _this$props.className,
+          position = _this$props.position,
+          isWrapTeleport = _this$props.isWrapTeleport;
       this.state;
       cn('notify');
       var classes = classNames(_defineProperty({
-        'popup-top': true,
+        'popup-top': position === 'top',
+        'popup-bottom': position === 'bottom',
         'nut-notify': true
       }, "nut-notify--".concat(type), true));
       return React.createElement(React.Fragment, null, React.createElement(CSSTransition, {
@@ -117,7 +120,9 @@ var Notification = /*#__PURE__*/function (_React$PureComponent) {
         timeout: 300,
         classNames: "fade",
         unmountOnExit: true,
-        appear: true
+        appear: true,
+        position: position,
+        isWrapTeleport: isWrapTeleport
       }, React.createElement("div", {
         className: "".concat(classes, " ").concat(className),
         style: {
@@ -169,8 +174,11 @@ var options = {
   msg: '',
   id: '',
   duration: 3000,
+  color: '',
   type: 'danger',
   className: '',
+  position: 'top',
+  isWrapTeleport: true,
   onClosed: function onClosed() {},
   onClick: function onClick() {}
 };
@@ -187,7 +195,12 @@ function getInstance(props, callback) {
 }
 
 function notice(opts) {
-  debugger;
+  // function close() {
+  //   if (messageInstance) {
+  //     messageInstance.destroy()
+  //     messageInstance = null
+  //   }
+  // }
   opts = _objectSpread(_objectSpread({}, options), opts);
   getInstance(opts, function (notification) {
     messageInstance = notification;
@@ -197,6 +210,8 @@ function notice(opts) {
 var errorMsg = function errorMsg(msg) {
   if (!msg) {
     console.warn('[NutUI Notify]: msg不能为空');
+  } else {
+    console.log('ok');
   }
 };
 

package/dist/esm/{numberkeyboard.taro-a80cec74.js → numberkeyboard.taro-71b2e0eb.js}

@@ -9,7 +9,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React__default, { useState, useEffect } from 'react';
 import classNames from 'classnames';
 import { c as cn } from './bem-893ad28d.js';
-import { P as Popup } from './popup-15922d84.js';
+import { P as Popup } from './popup-67173ec6.js';
 import { u as useConfig } from './configprovider-18657611.js';
 var defaultProps = {
   confirmText: '',

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

@@ -1,98 +1,102 @@
-export { B as Button } from './button.taro-90c8bb93.js';
-export { C as Cell } from './cell.taro-8080af48.js';
+export { B as Button } from './button.taro-d5968f9d.js';
+export { C as Cell } from './cell.taro-3bb1b0f2.js';
 export { C as CellGroup } from './cellgroup.taro-8c87bf08.js';
-export { I as Icon } from './icon.taro-bf130544.js';
+export { I as Icon } from './icon.taro-1d0d4fb7.js';
 export { O as Overlay } from './overlay.taro-a784329e.js';
-export { P as Popup } from './popup.taro-897e35fd.js';
+export { P as Popup } from './popup.taro-a89dd3a1.js';
 export { C as ConfigProvider } from './configprovider.taro-98343012.js';
 export { L as Layout } from './layout.taro-358f014f.js';
-export { C as Col } from './col.taro-ff3af36f.js';
-export { R as Row } from './row.taro-7afb510a.js';
-export { D as Divider } from './divider.taro-beaec14a.js';
-export { N as NavBar } from './navbar.taro-f2ba2cf4.js';
-export { F as FixedNav } from './fixednav.taro-5b473df6.js';
+export { C as Col } from './col.taro-2a437387.js';
+export { R as Row } from './row.taro-cec13a7e.js';
+export { D as Divider } from './divider.taro-5236fe6a.js';
+export { N as NavBar } from './navbar.taro-f2eae6a6.js';
+export { F as FixedNav } from './fixednav.taro-ca94fd6a.js';
 export { T as Tabbar } from './tabbar.taro-da72fa2c.js';
-export { T as TabbarItem } from './tabbaritem.taro-898becb1.js';
-export { E as Elevator } from './elevator.taro-e37a3fbb.js';
+export { T as TabbarItem } from './tabbaritem.taro-a88d3ae7.js';
+export { E as Elevator } from './elevator.taro-15b0d8c2.js';
 export { P as Pagination } from './pagination.taro-abc4a71e.js';
-export { T as Tabs } from './tabs.taro-56a953f6.js';
-export { T as TabPane } from './tabpane.taro-24514060.js';
+export { T as Tabs } from './tabs.taro-d1e85ea5.js';
+export { T as TabPane } from './tabpane.taro-95aa185b.js';
 export { I as Indicator } from './indicator.taro-183ea169.js';
-export { R as Range } from './range.taro-41ced357.js';
-export { C as Calendar } from './calendar.taro-d3a90861.js';
-export { C as Checkbox } from './checkbox.taro-7267be92.js';
-export { C as CheckboxGroup } from './checkboxgroup.taro-bc16131f.js';
-export { D as DatePicker } from './datepicker.taro-f7c8ef80.js';
-export { I as InputNumber } from './inputnumber.taro-4ec2bfb6.js';
-export { I as Input } from './input.taro-b6927020.js';
-export { R as Radio } from './radio.taro-923d91bc.js';
-export { R as RadioGroup } from './radiogroup.taro-f2401b7a.js';
-export { R as Rate } from './rate.taro-3d6edec3.js';
-export { C as CalendarItem } from './calendaritem.taro-bbe4a226.js';
-export { P as Picker } from './picker.taro-c05b1930.js';
-export { S as ShortPassword } from './shortpassword.taro-aad27ce9.js';
-export { T as TextArea } from './textarea.taro-5d4efaf0.js';
-export { U as Uploader } from './uploader.taro-5fab7e14.js';
-export { S as SearchBar } from './searchbar.taro-b05ef5a8.js';
-export { N as NumberKeyboard } from './numberkeyboard.taro-a80cec74.js';
-export { A as ActionSheet } from './actionsheet.taro-4ae40ea0.js';
-export { B as BackTop } from './backtop.taro-65dccd86.js';
-export { D as Drag } from './drag.taro-7c0493f8.js';
-export { D as Dialog } from './dialog.taro-57f6fc2e.js';
-export { I as Infiniteloading } from './infiniteloading.taro-abf15a17.js';
-export { N as Notify } from './notify.taro-837a878b.js';
+export { S as SideNavBar } from './sidenavbar.taro-36f1e118.js';
+export { S as SubSideNavBar } from './subsidenavbar.taro-2c1fcf16.js';
+export { S as SideNavBarItem } from './sidenavbaritem.taro-77e077f4.js';
+export { R as Range } from './range.taro-034fcf7a.js';
+export { C as Calendar } from './calendar.taro-4b2103c1.js';
+export { C as Checkbox } from './checkbox.taro-6fbc4b3c.js';
+export { C as CheckboxGroup } from './checkboxgroup.taro-3d380042.js';
+export { D as DatePicker } from './datepicker.taro-c1249537.js';
+export { I as InputNumber } from './inputnumber.taro-75662231.js';
+export { I as Input } from './input.taro-2e31ebbb.js';
+export { R as Radio } from './radio.taro-32cb0172.js';
+export { R as RadioGroup } from './radiogroup-e698d3df.js';
+export { R as Rate } from './rate.taro-a0b21714.js';
+export { C as CalendarItem } from './calendaritem.taro-fe84d94b.js';
+export { P as Picker } from './picker.taro-0eb8bfa3.js';
+export { S as ShortPassword } from './shortpassword.taro-ce46b9cd.js';
+export { T as TextArea } from './textarea.taro-0c40e966.js';
+export { U as Uploader } from './uploader.taro-ece83a00.js';
+export { S as SearchBar } from './searchbar.taro-4c6091cb.js';
+export { N as NumberKeyboard } from './numberkeyboard.taro-71b2e0eb.js';
+export { A as ActionSheet } from './actionsheet.taro-f4d407b0.js';
+export { B as BackTop } from './backtop.taro-0e2e3946.js';
+export { D as Drag } from './drag.taro-56e8c87a.js';
+export { D as Dialog } from './dialog.taro-5b850861.js';
+export { I as Infiniteloading } from './infiniteloading.taro-d2c0ca14.js';
+export { N as Notify } from './notify.taro-95b5f97e.js';
 export { S as Switch } from './switch.taro-be5eb823.js';
-export { T as Toast } from './toast.taro-b7ff92f1.js';
+export { T as Toast } from './toast.taro-48539c09.js';
 export { C as CircleProgress } from './circleprogress.taro-1a38e1c6.js';
-export { N as NoticeBar } from './noticebar.taro-70193e5e.js';
+export { N as NoticeBar } from './noticebar.taro-ae593896.js';
 export { S as Steps } from './steps.taro-943f4fbb.js';
-export { S as Step } from './step.taro-33775bf4.js';
-export { S as Swiper } from './swiper.taro-624d2cf2.js';
-export { S as SwiperItem } from './swiperitem.taro-984e3ebb.js';
-export { A as Avatar } from './avatar.taro-5dafffdc.js';
-export { A as AvatarGroup } from './avatargroup.taro-a39282b3.js';
+export { S as Step } from './step-9a048771.js';
+export { S as Swiper } from './swiper.taro-59bf2777.js';
+export { S as SwiperItem } from './swiperitem-d00e7513.js';
+export { A as Avatar } from './avatar.taro-0a0472fd.js';
+export { A as AvatarGroup } from './avatargroup-65173caa.js';
 export { P as Price } from './price.taro-97393d8f.js';
-export { B as Badge } from './badge.taro-8c001377.js';
-export { T as Tag } from './tag.taro-77cf134f.js';
-export { P as Popover } from './popover.taro-3b06163e.js';
-export { S as Skeleton } from './skeleton.taro-b2831f6f.js';
+export { B as Badge } from './badge.taro-eeac9de8.js';
+export { T as Tag } from './tag.taro-3bbbb557.js';
+export { P as Popover } from './popover.taro-4c102df6.js';
+export { S as Skeleton } from './skeleton.taro-5934c7d7.js';
 export { C as CountDown } from './countdown.taro-cd6a1bd4.js';
-export { C as Collapse } from './collapse.taro-5fac953d.js';
-export { C as CollapseItem } from './collapseitem.taro-179cf530.js';
-export { A as AnimatingNumbers } from './animatingnumbers.taro-cda438cc.js';
-export { E as Empty } from './empty.taro-c7ccac8a.js';
+export { C as Collapse } from './collapse.taro-72e58ba2.js';
+export { C as CollapseItem } from './collapseitem-5556ec54.js';
+export { A as AnimatingNumbers } from './animatingnumbers.taro-877baa98.js';
+export { E as Empty } from './empty.taro-6f86eda5.js';
 export { V as VirtualList } from './virtuallist.taro-2ff1a5ad.js';
+export { T as Table } from './table.taro-49009dfc.js';
 export { V as Video } from './video-c1090c92.js';
-export { P as Progress } from './progress.taro-51bcdd4f.js';
-export { A as Address } from './address.taro-82a8fa11.js';
-export { B as Barrage } from './barrage.taro-f1139b9c.js';
-export { S as Signature } from './signature.taro-454c5413.js';
-export { C as Card } from './card.taro-c4f88500.js';
+export { P as Progress } from './progress.taro-dd93ac38.js';
+export { A as Address } from './address.taro-a1092e30.js';
+export { B as Barrage } from './barrage.taro-efac8422.js';
+export { S as Signature } from './signature.taro-45aedfa9.js';
+export { C as Card } from './card.taro-0861c7b3.js';
 export { T as TimePannel } from './timepannel.taro-2d54b3db.js';
 export { T as TimeDetail } from './timedetail.taro-0e31b4a5.js';
-export { T as TimeSelect } from './timeselect.taro-e4c97354.js';
+export { T as TimeSelect } from './timeselect.taro-c35d3490.js';
 import 'react';
-import './icon-62bd7379.js';
+import './icon-8dc4de10.js';
 import './bem-893ad28d.js';
 import '@bem-react/classname';
 import 'react-router-dom';
 import '@tarojs/taro';
 import 'classnames';
+import 'react-dom';
 import 'react-transition-group';
 import './overlay-ed3eb37d.js';
 import './zh-CN-f5124686.js';
 import './UserContext-be8097d2.js';
 import './configprovider-18657611.js';
-import './index-31152350.js';
-import './Notification-b09c89e8.js';
-import 'react-dom';
-import './popup-15922d84.js';
+import './popup-67173ec6.js';
+import './offsetContext-0e3d04b3.js';
+import './useTouch-a2ea68c6.js';
+import './Notification-dccc7625.js';
 import './raf-3fbb5f92.js';
-import './pickerSlot-c8f5343e.js';
-import './context-aa058329.js';
+import './pickerSlot-f8e4e542.js';
 import '@use-gesture/react';
 import '@react-spring/web';
-import './button-9b1f3219.js';
+import './button-521a516b.js';
 import './UserContext-68f62e66.js';
 import './UserContext-b4181162.js';
 import './AvatarContext-7153ad2b.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/esm/{picker.taro-c05b1930.js → picker.taro-0eb8bfa3.js}

@@ -2,15 +2,15 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["isVisible", "title", "listData", "defaultValueData", "onConfirm", "onClose", "onCloseUpdate", "onChange", "className", "style", "threeDimensional"];
+var _excluded = ["isVisible", "title", "listData", "defaultValueData", "onConfirm", "onClose", "onCloseUpdate", "onChange", "className", "style", "threeDimensional", "swipeDuration"];
 
 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, useRef, useEffect } from 'react';
-import { P as Popup } from './popup-15922d84.js';
-import { P as PickerSlot } from './pickerSlot-c8f5343e.js';
+import { P as Popup } from './popup-67173ec6.js';
+import { P as PickerSlot } from './pickerSlot-f8e4e542.js';
 import { u as useConfig } from './configprovider-18657611.js';
 import { c as cn } from './bem-893ad28d.js';
 
@@ -30,6 +30,7 @@ var InternalPicker = function InternalPicker(props, ref) {
       className = props.className,
       style = props.style,
       threeDimensional = props.threeDimensional,
+      swipeDuration = props.swipeDuration,
       rest = _objectWithoutProperties(props, _excluded);
 
   var _useState = useState([]),
@@ -208,8 +209,8 @@ var InternalPicker = function InternalPicker(props, ref) {
     var data = [];
     var normalData = normalListData();
     setColumnsList(normalData);
-    normalData.map(function (item) {
-      data.push(item[0].value);
+    normalData.length > 0 && normalData.map(function (item) {
+      item[0] && data.push(item[0].value);
       return item;
     });
 
@@ -252,6 +253,7 @@ var InternalPicker = function InternalPicker(props, ref) {
       chooseItem: function chooseItem(value, index) {
         return _chooseItem(value, index);
       },
+      swipeDuration: swipeDuration,
       key: index,
       keyIndex: index
     });

package/dist/esm/{pickerSlot-c8f5343e.js → pickerSlot-f8e4e542.js}

@@ -1,6 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React__default, { useState, useRef, useEffect } from 'react';
-import { u as useTouch } from './index-31152350.js';
+import { u as useTouch } from './useTouch-a2ea68c6.js';
 
 var InternalPickerSlot = function InternalPickerSlot(props, ref) {
   var _props$keyIndex = props.keyIndex,
@@ -10,8 +10,11 @@ var InternalPickerSlot = function InternalPickerSlot(props, ref) {
       listData = _props$listData === void 0 ? [] : _props$listData,
       _props$threeDimension = props.threeDimensional,
       threeDimensional = _props$threeDimension === void 0 ? true : _props$threeDimension,
+      _props$swipeDuration = props.swipeDuration,
+      swipeDuration = _props$swipeDuration === void 0 ? 1000 : _props$swipeDuration,
       chooseItem = props.chooseItem;
-  var touch = useTouch(); // 触发惯性滑动条件:
+  var touch = useTouch();
+  var DEFAULT_DURATION = 200; // 触发惯性滑动条件:
   // 在手指离开屏幕时，如果和上一次 move 时的间隔小于 `MOMENTUM_TIME` 且 move
   // 距离大于 `MOMENTUM_DISTANCE` 时，执行惯性滑动
 
@@ -58,7 +61,7 @@ var InternalPickerSlot = function InternalPickerSlot(props, ref) {
   var setTransform = function setTransform() {
     var translateY = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
     var type = arguments.length > 1 ? arguments[1] : undefined;
-    var time = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1000;
+    var time = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : DEFAULT_DURATION;
     var deg = arguments.length > 3 ? arguments[3] : undefined;
     var nTime = time;
 
@@ -139,7 +142,7 @@ var InternalPickerSlot = function InternalPickerSlot(props, ref) {
     if (moveTime <= INERTIA_TIME && Math.abs(move) > INERTIA_DISTANCE) {
       // 惯性滚动
       var distance = momentum(move, moveTime);
-      setMove(distance, 'end', moveTime + 1000);
+      setMove(distance, 'end', +swipeDuration);
     } else {
       setMove(move, 'end');
     }
@@ -228,12 +231,12 @@ var InternalPickerSlot = function InternalPickerSlot(props, ref) {
         transform: "rotate3d(1, 0, 0, ".concat(-rotation * (index + 1), "deg) translate3d(0px, 0px, 104px)")
       },
       key: item.value ? item.value : index
-    }, item.text ? item.text : item);
+    }, React__default.createElement(React__default.Fragment, null, item.text ? item.text : item));
   }), !threeDimensional && listData.map(function (item, index) {
     return React__default.createElement("div", {
       className: "nut-picker-roller-item-tile",
       key: item.value ? item.value : index
-    }, item.text ? item.text : item);
+    }, React__default.createElement(React__default.Fragment, null, item.text ? item.text : item));
   })), React__default.createElement("div", {
     className: "nut-picker-mask"
   }), React__default.createElement("div", {