@nutui/nutui-react 1.2.3-beta.3 → 1.3.0

package/CHANGELOG.md

@@ -1,3 +1,31 @@
+## v1.3.0
+`2022-08-24`
+
+* :sparkles: chore: Taro support (#240) @xiaoyatong
+* :sparkles: chore: support react18 (#224) @oasis-cloud
+* :sparkles: chore: noticebar (#233) @vickyYe
+* :sparkles: feat: add SideNavBar (#198) @mangov587
+* :sparkles: feat: add Table (#185) @yangjinjun3
+* :sparkles: feat: popover 功能补齐与单元测试 (#219) @yangxiaolu1993
+* :sparkles: feat: notify 增加props+国际化文档 (#221) @vickyYe
+* :sparkles: feat: icon 组件增加自定义字体新方案，增加 fontClassName 属性 (#232) @oasis-cloud
+* :sparkles: feat: toast 组件props补齐+国际化，input组件issue问题修改 (#214) @vickyYe
+* :sparkles: feat: shortpassword 优化demo，增加单元测试，增加国际化 (#222) @Drjingfubo
+* :sparkles: feat: fixednav 单元测试 (#217) @Ymm0008
+* :sparkles: feat: timeselect (#216) @shadow-Fiend
+* :sparkles: feat: layout props补齐，单元测试 (#208) @Ymm0008
+* :sparkles: feat: Address 组件功能补齐-添加默认选中项；单元测试添加 (#207) @yangxiaolu1993
+* :sparkles: feat: popup 增加指定节点挂载与多层堆叠功能 (#197) @love_forever
+* :sparkles: feat: Swiper 组件能力补齐，新增demo，添加国际化文档 (#196) @lkjh3214
+* :bug: fix: checkbox 组件的全选 demo 无法高亮全选按钮 (#239) @oasis-cloud
+* :bug: fix: 解决Picker滚动结束延迟触发事件问题 (#218) @yangxiaolu1993
+* :bug: fix: radio 组件 demo 中自定义尺寸文案错误 (#231) @oasis-cloud
+* :bug: fix: radio 组件 demo 中自定义图标展示错误 (#230) @oasis-cloud
+* :bug: fix: checkbox 全选 demo 中的错误 (#229) @oasis-cloud
+* :bug: fix: vite 构建 umd 文件时 banner 插入错误 @oasis-cloud
+* :bug: fix: 修复Infiniteloading 组件 pullTxt、loadTxt 和 loadMoreTxt 参数无效 (#227) @junjun666
+* :bug: fix: radio 组件选中后可以取消的问题 (#211) @oasis-cloud
+
 ## v1.2.2
 `2022-08-10`
 

package/dist/esm/Avatar.js

@@ -72,8 +72,8 @@ var Avatar = function Avatar(props) {
     height: sizeValue.indexOf(size) > -1 ? '' : "".concat(size, "px"),
     backgroundColor: "".concat(bgColor),
     color: "".concat(color),
-    marginLeft: avatarIndex != 1 && parent !== null && parent !== void 0 && (_parent$propAvatarGro3 = parent.propAvatarGroup) !== null && _parent$propAvatarGro3 !== void 0 && _parent$propAvatarGro3.span ? "".concat(parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro4 = parent.propAvatarGroup) === null || _parent$propAvatarGro4 === void 0 ? void 0 : _parent$propAvatarGro4.span, "px") : '',
-    zIndex: (parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro5 = parent.propAvatarGroup) === null || _parent$propAvatarGro5 === void 0 ? void 0 : _parent$propAvatarGro5.zIndex) == 'right' ? "".concat(Math.abs(maxSum - avatarIndex)) : ''
+    marginLeft: avatarIndex !== 1 && parent !== null && parent !== void 0 && (_parent$propAvatarGro3 = parent.propAvatarGroup) !== null && _parent$propAvatarGro3 !== void 0 && _parent$propAvatarGro3.span ? "".concat(parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro4 = parent.propAvatarGroup) === null || _parent$propAvatarGro4 === void 0 ? void 0 : _parent$propAvatarGro4.span, "px") : '',
+    zIndex: (parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro5 = parent.propAvatarGroup) === null || _parent$propAvatarGro5 === void 0 ? void 0 : _parent$propAvatarGro5.zIndex) === 'right' ? "".concat(Math.abs(maxSum - avatarIndex)) : ''
   }, style);
 
   var maxStyles = {
@@ -95,17 +95,19 @@ var Avatar = function Avatar(props) {
     var _avatarRef$current, _avatarRef$current$da, _parent$propAvatarGro8;
 
     for (var i = 0; i < children.length; i++) {
-      if (children[i] && children[i].classList && children[i].classList[0] == 'nut-avatar') {
+      console.log('child', children[i], children[i].classList);
+
+      if (children[i] && children[i].classList && children[i].classList[0] === 'nut-avatar') {
         children[i].setAttribute('data-index', i + 1);
       }
     }
 
-    var index = avatarRef === null || avatarRef === void 0 ? void 0 : (_avatarRef$current = avatarRef.current) === null || _avatarRef$current === void 0 ? void 0 : (_avatarRef$current$da = _avatarRef$current.dataset) === null || _avatarRef$current$da === void 0 ? void 0 : _avatarRef$current$da.index;
+    var index = Number(avatarRef === null || avatarRef === void 0 ? void 0 : (_avatarRef$current = avatarRef.current) === null || _avatarRef$current === void 0 ? void 0 : (_avatarRef$current$da = _avatarRef$current.dataset) === null || _avatarRef$current$da === void 0 ? void 0 : _avatarRef$current$da.index);
     var maxCount = parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro8 = parent.propAvatarGroup) === null || _parent$propAvatarGro8 === void 0 ? void 0 : _parent$propAvatarGro8.maxCount;
     setMaxSum(children.length);
     setAvatarIndex(index);
 
-    if (index == children.length && index != maxCount && children.length > maxCount) {
+    if (index === children.length && index !== maxCount && children.length > maxCount) {
       setShowMax(true);
     }
   };

package/dist/esm/CalendarItem.js

@@ -138,7 +138,7 @@ var CalendarItem = function CalendarItem(props) {
         return "".concat(state.dayPrefix, "-disabled");
       }
 
-      if (state.isRange && Array.isArray(state.currDate) && Object.values(state.currDate).length == 2 && Utils.compareDate(state.currDate[0], currDate) && Utils.compareDate(currDate, state.currDate[1])) {
+      if (state.isRange && Array.isArray(state.currDate) && Object.values(state.currDate).length === 2 && Utils.compareDate(state.currDate[0], currDate) && Utils.compareDate(currDate, state.currDate[1])) {
         return "".concat(state.dayPrefix, "-choose");
       }
 
@@ -149,7 +149,7 @@ var CalendarItem = function CalendarItem(props) {
   };
 
   var isActive = function isActive(day, month) {
-    return state.isRange && day.type == 'curr' && getClass(day, month) == 'calendar-month-day-active';
+    return state.isRange && day.type === 'curr' && getClass(day, month) === 'calendar-month-day-active';
   };
 
   var isCurrDay = function isCurrDay(month, day) {
@@ -158,7 +158,7 @@ var CalendarItem = function CalendarItem(props) {
   };
 
   var confirm = function confirm() {
-    if (state.isRange && state.chooseData.length == 2 || !state.isRange) {
+    if (state.isRange && state.chooseData.length === 2 || !state.isRange) {
       onChoose && onChoose(state.chooseData);
 
       if (poppable) {
@@ -168,7 +168,7 @@ var CalendarItem = function CalendarItem(props) {
   };
 
   var chooseDay = function chooseDay(day, month, isFirst, isRange) {
-    if (getClass(day, month, isRange) != "".concat(state.dayPrefix, "-disabled")) {
+    if (getClass(day, month, isRange) !== "".concat(state.dayPrefix, "-disabled")) {
       var days = _toConsumableArray(month.curData);
 
       days = isRange ? days.splice(3) : days.splice(0, 3);
@@ -188,7 +188,7 @@ var CalendarItem = function CalendarItem(props) {
           Array.isArray(state.currDate) && state.currDate.unshift(days[3]);
         }
 
-        if (state.chooseData.length == 2 || !state.chooseData.length) {
+        if (state.chooseData.length === 2 || !state.chooseData.length) {
           state.chooseData = _toConsumableArray(days);
         } else if (Utils.compareDate(state.chooseData[3], days[3])) {
           state.chooseData = [_toConsumableArray(state.chooseData), _toConsumableArray(days)];
@@ -215,24 +215,28 @@ var CalendarItem = function CalendarItem(props) {
 
 
   var isEndTip = function isEndTip(day, month) {
+    if (isStartTip(day, month)) {
+      return false;
+    }
+
     return isActive(day, month);
   }; // 获取当前月数据
 
 
   var getCurrData = function getCurrData(type) {
-    var monthData = type == 'prev' ? state.monthsData[0] : state.monthsData[state.monthsData.length - 1];
+    var monthData = type === 'prev' ? state.monthsData[0] : state.monthsData[state.monthsData.length - 1];
     var year = parseInt(monthData.curData[0]);
     var month = parseInt(monthData.curData[1].toString().replace(/^0/, ''));
 
     switch (type) {
       case 'prev':
-        month == 1 && (year -= 1);
-        month = month == 1 ? 12 : --month;
+        month === 1 && (year -= 1);
+        month = month === 1 ? 12 : --month;
         break;
 
       case 'next':
-        month == 12 && (year += 1);
-        month = month == 12 ? 1 : ++month;
+        month === 12 && (year += 1);
+        month = month === 12 ? 1 : ++month;
         break;
     }
 
@@ -242,7 +246,7 @@ var CalendarItem = function CalendarItem(props) {
 
   var getDaysStatus = function getDaysStatus(days, type) {
     // 修复：当某个月的1号是周日时，月份下方会空出来一行
-    if (type == 'prev' && days >= 7) {
+    if (type === 'prev' && days >= 7) {
       days -= 7;
     }
 
@@ -268,7 +272,7 @@ var CalendarItem = function CalendarItem(props) {
       monthData: [].concat(_toConsumableArray(getDaysStatus(preMonthDays, 'prev')), _toConsumableArray(getDaysStatus(currMonthDays, 'curr')))
     };
 
-    if (type == 'next') {
+    if (type === 'next') {
       if (!state.endData || !Utils.compareDate("".concat(state.endData[0], "-").concat(state.endData[1], "-").concat(Utils.getMonthDays(state.endData[0], state.endData[1])), "".concat(curData[0], "-").concat(curData[1], "-").concat(curData[2]))) {
         state.monthsData.push(monthInfo);
       }
@@ -344,7 +348,7 @@ var CalendarItem = function CalendarItem(props) {
         updateMove = -offsetHeight + h;
       }
 
-      if (offsetHeight <= h && state.monthsData.length == 1) {
+      if (offsetHeight <= h && state.monthsData.length === 1) {
         updateMove = 0;
       }
 
@@ -358,7 +362,7 @@ var CalendarItem = function CalendarItem(props) {
         updateMove = -offsetHeight + h - 100;
       }
 
-      if (updateMove < 0 && updateMove < -100 && state.monthsData.length == 1) {
+      if (updateMove < 0 && updateMove < -100 && state.monthsData.length === 1) {
         updateMove = -100;
       }
 
@@ -536,7 +540,7 @@ var CalendarItem = function CalendarItem(props) {
         className: "calendar-curr-tips"
       }, locale.calendaritem.today) : '', isStartTip(day, month) ? React__default.createElement("div", {
         className: "calendar-day-tip"
-      }, locale.calendaritem.start) : isEndTip(day, month) ? React__default.createElement("div", {
+      }, locale.calendaritem.start) : '', isEndTip(day, month) ? React__default.createElement("div", {
         className: "calendar-day-tip"
       }, locale.calendaritem.end) : '');
     }))));

package/dist/esm/CheckboxGroup.js

@@ -49,7 +49,6 @@ var CheckboxGroup = React__default.forwardRef(function (props, ref) {
           var childrenLabel = [];
           React__default.Children.map(children, function (child) {
             var childProps = child.props;
-            console.log(child);
             childrenLabel.push(childProps.label || child.children);
           });
           setInnerValue(childrenLabel);

package/dist/esm/Drag.js

@@ -94,7 +94,7 @@ var Drag = function Drag(props) {
     });
 
     if (last) {
-      if (props.direction != 'y' && props.attract) {
+      if (props.direction !== 'y' && props.attract) {
         if (x < middleLine.current) {
           api.start({
             x: boundaryState.left,

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

@@ -1,2 +1,3 @@
+
 
 require('../../../packages/icon/icon.scss')

package/dist/esm/Icon.js

@@ -1,5 +1,5 @@
-import { I as Icon } from './icon-62bd7379.js';
-export { I as default } from './icon-62bd7379.js';
+import { I as Icon } from './icon-8dc4de10.js';
+export { I as default } from './icon-8dc4de10.js';
 import 'react';
 import './bem-893ad28d.js';
 import '@bem-react/classname';

package/dist/esm/Infiniteloading.js

@@ -104,6 +104,7 @@ var Infiniteloading = function Infiniteloading(props) {
 
       setIsInfiniting(true);
       loadMore && loadMore(infiniteDone);
+      return true;
     });
   };
 
@@ -155,7 +156,7 @@ var Infiniteloading = function Infiniteloading(props) {
   };
 
   var requestAniFrame = function requestAniFrame() {
-    return window.requestAnimationFrame || window.webkitRequestAnimationFrame || function (callback) {
+    return window.requestAnimationFrame || window.webkitRequestAnimationFrame || function fn(callback) {
       window.setTimeout(callback, 1000 / 60);
     };
   };
@@ -197,7 +198,7 @@ var Infiniteloading = function Infiniteloading(props) {
 
     beforeScrollTop.current = resScrollTop;
     scrollChange && scrollChange(resScrollTop);
-    return offsetDistance <= threshold && direction == 'down';
+    return offsetDistance <= threshold && direction === 'down';
   };
 
   return React__default.createElement("div", _objectSpread({
@@ -217,7 +218,7 @@ var Infiniteloading = function Infiniteloading(props) {
     name: pullIcon
   }), React__default.createElement("span", {
     className: "top-text"
-  }, locale.infiniteloading.pullRefreshText || pullTxt))), React__default.createElement("div", {
+  }, pullTxt || locale.infiniteloading.pullRefreshText))), React__default.createElement("div", {
     className: "nut-infinite-container"
   }, children), React__default.createElement("div", {
     className: "nut-infinite-bottom"
@@ -228,9 +229,9 @@ var Infiniteloading = function Infiniteloading(props) {
     name: loadIcon
   }), React__default.createElement("div", {
     className: "bottom-text"
-  }, locale.infiniteloading.loadText || loadTxt)) : !hasMore && React__default.createElement("div", {
+  }, loadTxt || locale.infiniteloading.loadText)) : !hasMore && React__default.createElement("div", {
     className: "tips"
-  }, locale.infiniteloading.loadMoreText || loadMoreTxt)));
+  }, loadMoreTxt || locale.infiniteloading.loadMoreText)));
 };
 
 Infiniteloading.defaultProps = defaultProps;

package/dist/esm/Input.js

@@ -181,7 +181,7 @@ var Input = function Input(props) {
     var trigger = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'onChange';
     var val = value;
 
-    if (type === 'digit') {
+    if (type === 'digit' || type === 'tel') {
       val = formatNumber(val, false, false);
     }
 
@@ -189,6 +189,12 @@ var Input = function Input(props) {
       val = formatNumber(val, true, true);
     }
 
+    if (type === 'tel' && !formatter) {
+      var regTel = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;
+      var regNumber = /[^-0-9]/g;
+      val = !regTel.test(val) && val.length > 11 ? val.substring(0, 11) : val.replace(regNumber, '');
+    }
+
     if (formatter && trigger === formatTrigger) {
       val = formatter(val);
     }
@@ -356,7 +362,7 @@ var Input = function Input(props) {
     className: "nut-input-clear",
     name: clearIcon,
     size: clearSize,
-    click: function click(e) {
+    onClick: function onClick(e) {
       handleClear(e);
     }
   }) : null, rightIcon && rightIcon.length > 0 ? React__default.createElement("div", {

package/dist/esm/InputNumber.js

@@ -89,16 +89,16 @@ var InputNumber = function InputNumber(props) {
   };
 
   var emitChange = function emitChange(value, e) {
-    var output_value = fixedDecimalPlaces(value);
-    change && change(output_value, e);
+    var outputValue = fixedDecimalPlaces(value);
+    change && change(outputValue, e);
 
     if (!isAsync) {
-      if (Number(output_value) < Number(min)) {
+      if (Number(outputValue) < Number(min)) {
         setInputValue(Number(min));
-      } else if (Number(output_value) > Number(max)) {
+      } else if (Number(outputValue) > Number(max)) {
         setInputValue(Number(max));
       } else {
-        setInputValue(output_value);
+        setInputValue(outputValue);
       }
     }
   };
@@ -107,8 +107,8 @@ var InputNumber = function InputNumber(props) {
     reduce && reduce(e);
 
     if (reduceAllow()) {
-      var output_value = Number(inputValue) - Number(step);
-      emitChange(output_value, e);
+      var outputValue = Number(inputValue) - Number(step);
+      emitChange(outputValue, e);
     } else {
       overlimit && overlimit(e);
     }
@@ -118,8 +118,8 @@ var InputNumber = function InputNumber(props) {
     add && add(e);
 
     if (addAllow()) {
-      var output_value = Number(inputValue) + Number(step);
-      emitChange(output_value, e);
+      var outputValue = Number(inputValue) + Number(step);
+      emitChange(outputValue, e);
     } else {
       overlimit && overlimit(e);
     }
@@ -167,7 +167,7 @@ var InputNumber = function InputNumber(props) {
     className: iconMinusClasses,
     size: buttonSize,
     name: "minus",
-    click: reduceNumber
+    onClick: reduceNumber
   }), React__default.createElement("input", {
     type: "number",
     min: min,
@@ -185,7 +185,7 @@ var InputNumber = function InputNumber(props) {
     className: iconAddClasses,
     size: buttonSize,
     name: "plus",
-    click: addNumber
+    onClick: addNumber
   }));
 };
 

package/dist/esm/NoticeBar.js

@@ -24,7 +24,7 @@ var defaultProps = {
   color: '',
   background: '',
   delay: 1,
-  scrollable: true,
+  scrollable: null,
   speed: 50
 };
 
@@ -101,6 +101,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') {
@@ -131,12 +136,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;
     });
   };
 
@@ -161,8 +168,10 @@ var NoticeBar = function NoticeBar(props) {
 
       var wrapW = wrap.current.getBoundingClientRect().width;
       var offsetW = content.current.getBoundingClientRect().width;
+      var canScroll = scrollable == null ? offsetW > wrapW : scrollable;
+      SetIsCanScroll(canScroll);
 
-      if (scrollable && offsetW > wrapW) {
+      if (canScroll) {
         SetWrapWidth(wrapW);
         SetOffsetW(offsetW);
         SetDuration(offsetW / speed);
@@ -170,7 +179,7 @@ var NoticeBar = function NoticeBar(props) {
       } else {
         SetAnimationClass('');
       }
-    });
+    }, 0);
   };
 
   var handleClick = function handleClick(event) {
@@ -249,19 +258,47 @@ var NoticeBar = function NoticeBar(props) {
     close && close(scrollList[0]);
   };
 
+  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');
@@ -274,34 +311,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", {
@@ -313,16 +350,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.js

@@ -106,11 +106,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, {
@@ -118,7 +121,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: {
@@ -170,8 +175,11 @@ var options = {
   msg: '',
   id: '',
   duration: 3000,
+  color: '',
   type: 'danger',
   className: '',
+  position: 'top',
+  isWrapTeleport: true,
   onClosed: function onClosed() {},
   onClick: function onClick() {}
 };
@@ -188,6 +196,12 @@ function getInstance(props, callback) {
 }
 
 function notice(opts) {
+  // function close() {
+  //   if (messageInstance) {
+  //     messageInstance.destroy()
+  //     messageInstance = null
+  //   }
+  // }
   opts = _objectSpread(_objectSpread({}, options), opts);
   getInstance(opts, function (notification) {
     messageInstance = notification;

package/dist/esm/Picker.js

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-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; }
 
@@ -23,8 +23,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` 时，执行惯性滑动
 
@@ -71,7 +74,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;
 
@@ -152,7 +155,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');
     }
@@ -272,6 +275,7 @@ var InternalPicker = function InternalPicker(props, ref) {
       className = props.className,
       style = props.style,
       threeDimensional = props.threeDimensional,
+      swipeDuration = props.swipeDuration,
       rest = _objectWithoutProperties(props, _excluded);
 
   var _useState9 = useState([]),
@@ -494,6 +498,7 @@ var InternalPicker = function InternalPicker(props, ref) {
       chooseItem: function chooseItem(value, index) {
         return _chooseItem(value, index);
       },
+      swipeDuration: swipeDuration,
       key: index,
       keyIndex: index
     });