@nutui/nutui-react 2.0.24 → 2.1.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (98) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/esm/Avatar.js +1 -1
  3. package/dist/esm/AvatarCropper.js +0 -2
  4. package/dist/esm/BackTop/style/style.css +1 -1
  5. package/dist/esm/BackTop.js +2 -2
  6. package/dist/esm/Barrage/style/style.css +1 -1
  7. package/dist/esm/Button.js +1 -1
  8. package/dist/esm/Calendar/style/style.css +1 -1
  9. package/dist/esm/Calendar.js +2 -1
  10. package/dist/esm/CalendarCard.js +15 -14
  11. package/dist/esm/CalendarItem.js +1 -1
  12. package/dist/esm/CheckboxGroup.js +1 -1
  13. package/dist/esm/CircleProgress.js +1 -1
  14. package/dist/esm/DatePicker/style/style.css +1 -1
  15. package/dist/esm/FixedNav.js +2 -2
  16. package/dist/esm/Form.js +1 -1
  17. package/dist/esm/Grid.js +1 -1
  18. package/dist/esm/ImagePreview.js +4 -2
  19. package/dist/esm/InfiniteLoading.js +2 -2
  20. package/dist/esm/Loading.js +1 -1
  21. package/dist/esm/Menu.js +2 -2
  22. package/dist/esm/Picker/style/style.css +1 -1
  23. package/dist/esm/Picker.js +4 -1
  24. package/dist/esm/Price.js +1 -1
  25. package/dist/esm/Radio/style/style.css +1 -1
  26. package/dist/esm/RadioGroup.js +1 -1
  27. package/dist/esm/Range.js +1 -1
  28. package/dist/esm/Rate.js +2 -2
  29. package/dist/esm/SafeArea/style/css.js +1 -0
  30. package/dist/esm/SafeArea/style/index.js +2 -0
  31. package/dist/esm/SafeArea/style/style.css +1 -0
  32. package/dist/esm/SafeArea.js +6 -0
  33. package/dist/esm/SearchBar.js +2 -2
  34. package/dist/esm/ShortPassword.js +1 -1
  35. package/dist/esm/SideNavBar.js +1 -1
  36. package/dist/esm/Skeleton.js +1 -1
  37. package/dist/esm/Space.js +1 -1
  38. package/dist/esm/Step.js +1 -1
  39. package/dist/esm/Steps.js +1 -1
  40. package/dist/esm/TabPane.js +2 -2
  41. package/dist/esm/Tabbar.js +1 -1
  42. package/dist/esm/TextArea.js +1 -1
  43. package/dist/esm/Toast.js +3 -14
  44. package/dist/esm/Tour.js +1 -1
  45. package/dist/esm/Video.js +1 -1
  46. package/dist/esm/VirtualList.js +10 -3
  47. package/dist/esm/checkbox2.js +1 -1
  48. package/dist/esm/configprovider2.js +3 -3
  49. package/dist/esm/menuitem2.js +2 -2
  50. package/dist/esm/nutui-react.es.js +168 -166
  51. package/dist/esm/overlay2.js +1 -1
  52. package/dist/esm/radio2.js +1 -5
  53. package/dist/esm/safearea2.js +11 -0
  54. package/dist/esm/tabbaritem2.js +1 -1
  55. package/dist/esm/types/src/packages/button/button.d.ts +1 -1
  56. package/dist/esm/types/src/packages/button/button.taro.d.ts +1 -1
  57. package/dist/esm/types/src/packages/configprovider/types.d.ts +1 -1
  58. package/dist/esm/types/src/packages/nutui.react.build.d.ts +2 -1
  59. package/dist/esm/types/src/packages/nutui.react.d.ts +3 -1
  60. package/dist/esm/types/src/packages/nutui.react.scss.d.ts +1 -0
  61. package/dist/esm/types/src/packages/nutui.react.taro.d.ts +3 -1
  62. package/dist/esm/types/src/packages/nutui.react.taro.scss.d.ts +1 -0
  63. package/dist/esm/types/src/packages/nutui.taro.react.build.d.ts +2 -1
  64. package/dist/esm/types/src/packages/picker/doc.en.d.ts +3 -0
  65. package/dist/esm/types/src/packages/safearea/demo.d.ts +3 -0
  66. package/dist/esm/types/src/packages/safearea/demo.taro.d.ts +3 -0
  67. package/dist/esm/types/src/packages/safearea/index.d.ts +3 -0
  68. package/dist/esm/types/src/packages/safearea/index.taro.d.ts +3 -0
  69. package/dist/esm/types/src/packages/safearea/safearea.d.ts +6 -0
  70. package/dist/esm/types/src/packages/safearea/safearea.taro.d.ts +6 -0
  71. package/dist/esm/types/src/packages/toast/toast.d.ts +1 -1
  72. package/dist/locales/base.js +1 -1
  73. package/dist/locales/en-US.js +1 -1
  74. package/dist/locales/id-ID.js +1 -1
  75. package/dist/locales/tr-TR.js +1 -1
  76. package/dist/locales/zh-CN.js +4 -4
  77. package/dist/locales/zh-TW.js +1 -1
  78. package/dist/locales/zh-UG.js +1 -1
  79. package/dist/nutui.react.es.js +235 -189
  80. package/dist/nutui.react.umd.js +235 -189
  81. package/dist/packages/backtop/backtop.scss +7 -6
  82. package/dist/packages/barrage/barrage.scss +0 -1
  83. package/dist/packages/calendar/calendar.scss +1 -1
  84. package/dist/packages/picker/picker.scss +4 -5
  85. package/dist/packages/radio/radio.scss +1 -0
  86. package/dist/packages/safearea/safearea.scss +14 -0
  87. package/dist/style.css +1 -1
  88. package/dist/style.mjs +1 -1
  89. package/dist/styles/themes/default.scss +1 -0
  90. package/dist/styles/variables.scss +0 -4
  91. package/dist/types/index.d.ts +3 -1
  92. package/dist/types/packages/button/button.d.ts +1 -1
  93. package/dist/types/packages/configprovider/types.d.ts +1 -1
  94. package/dist/types/packages/infiniteloading/infiniteloading.d.ts +1 -1
  95. package/dist/types/packages/safearea/index.d.ts +3 -0
  96. package/dist/types/packages/safearea/safearea.d.ts +10 -0
  97. package/dist/types/packages/toast/toast.d.ts +1 -1
  98. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,23 @@
1
+ # v2.1.0
2
+ `2023-11-17`
3
+
4
+ * :sparkles: feat(Button): size 增加可选值 mini (#1617) @Eiinu
5
+ * :sparkles: feat(calendarcard): 增加自定义 className (#1636) @Eiinu
6
+ * :sparkles: feat(infiniteLoading): 通过scrolltolower触发加载事件 (#1633) @oasis-cloud
7
+ * :sparkles: feat(safearea): 新增安全区组件 (#1642) @oasis-cloud
8
+ * :sparkles: feat(toast): 通过 config 方法设置内容区的className (#1632) @oasis-cloud
9
+ * :sparkles: feat: uploader taro h5 支持 video (#1605) @xiaoyatong
10
+ * :bug: fix(infiniteloading): onloadmore 无法获取最新的 state (#1644) @oasis-cloud
11
+ * :bug: fix: change text in locales (#1634) @xiaoyatong
12
+ * :bug: fix: picker and datepicker theme config at taro and indicator css at taro (#1615) @xiaoyatong
13
+ * :bug: fix: 日历close样式，可自定义样式；修改弹幕样式；更名CircleClose为Failure、Issue 为 Tips (#1648) @xiaoyatong
14
+ * :bug: fix: 🐛 修复swipe存在点击事件时,触发onTouchStart,获取到rightRect为null导致的报错问题 (#1608) @Levidcd
15
+ * 🚀 perf: radio reverse and demos (#1631) @xiaoyatong
16
+ * 🛠 refactor(classname): 调整 classname 的顺序 (#1637) @oasis-cloud
17
+ * 📖 docs(cell): 增加卡片类型的 demo (#1639) @oasis-cloud
18
+ * 📖 docs(sideNavBar): handleClose 改为 onClose (#1635) @haitao
19
+
20
+
1
21
  # v2.0.24
2
22
  `2023-11-10`
3
23
 
package/dist/esm/Avatar.js CHANGED
@@ -56,7 +56,7 @@ var Avatar = function Avatar2(props) {
56
56
  width: sizeValue.indexOf(size) > -1 ? "" : "".concat(size, "px"),
57
57
  height: sizeValue.indexOf(size) > -1 ? "" : "".concat(size, "px"),
58
58
  backgroundColor: "".concat(background),
59
- color: "".concat(color),
59
+ color,
60
60
  marginLeft: avatarIndex !== 1 && parent !== null && parent !== void 0 && (_parent$propAvatarGro3 = parent.propAvatarGroup) !== null && _parent$propAvatarGro3 !== void 0 && _parent$propAvatarGro3.gap ? "".concat(parent === null || parent === void 0 || (_parent$propAvatarGro4 = parent.propAvatarGroup) === null || _parent$propAvatarGro4 === void 0 ? void 0 : _parent$propAvatarGro4.gap, "px") : "",
61
61
  zIndex: (parent === null || parent === void 0 || (_parent$propAvatarGro5 = parent.propAvatarGroup) === null || _parent$propAvatarGro5 === void 0 ? void 0 : _parent$propAvatarGro5.level) === "right" ? "".concat(Math.abs(maxSum - avatarIndex)) : ""
62
62
  }, style);
package/dist/esm/AvatarCropper.js CHANGED
@@ -39,10 +39,8 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
39
39
  type: "danger",
40
40
  key: "cancel"
41
41
  }, "取消"), React__default.createElement(Button, {
42
- type: "info",
43
42
  key: "reset"
44
43
  }, "重置"), React__default.createElement(Button, {
45
- type: "warning",
46
44
  key: "rotate"
47
45
  }, "旋转"), React__default.createElement(Button, {
48
46
  type: "success",
package/dist/esm/BackTop/style/style.css CHANGED
@@ -1 +1 @@
1
- .nut-backtop{display:none;position:fixed}.nut-backtop.show{width:40px;height:40px;background:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);border:1px solid var(--nutui-backtop-border-color, #e0e0e0);border-radius:50%;display:flex;align-items:center;justify-content:center}.nut-backtop.show :active{background:rgba(0,0,0,.1)}.nut-backtop-main{transition:all .2s ease-in-out}
1
+ .nut-backtop{display:none;position:fixed}.nut-backtop.show{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);border:1px solid var(--nutui-backtop-border-color, #e0e0e0);border-radius:50%}.nut-backtop.show:active{background:rgba(0,0,0,.1)}.nut-backtop-main{transition:all .2s ease-in-out}
package/dist/esm/BackTop.js CHANGED
@@ -117,9 +117,9 @@ var BackTop = function BackTop2(props) {
117
117
  zIndex
118
118
  };
119
119
  return React__default.createElement("div", {
120
- className: classNames(classPrefix, className, {
120
+ className: classNames(classPrefix, {
121
121
  show: backTop
122
- }),
122
+ }, className),
123
123
  style: styles,
124
124
  onClick: function onClick2(e) {
125
125
  goTop(e);
package/dist/esm/Barrage/style/style.css CHANGED
@@ -1 +1 @@
1
- .nut-barrage{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;box-sizing:border-box;background-color:var(--nutui-gray-4, #f4f4f4);color:var(--nutui-gray-1, #1a1a1a)}.nut-barrage .barrage-item{width:120px;display:block;position:absolute;right:0;padding:3px 25px;border-radius:50px;font-size:12px;text-align:center;white-space:pre;transform:translate(100%);background:linear-gradient(to right,var(--nutui-gray-3, #bfbfbf),rgba(0,0,0,0));box-sizing:border-box}.nut-barrage .barrage-item.move{will-change:transform;animation-name:moving;animation-timing-function:linear;animation-play-state:running}@keyframes moving{0%{transform:translate(100%)}to{transform:translate(var(--move-distance))}}@-webkit-keyframes moving{0%{-webkit-transform:translateX(100%)}to{transform:translate(var(--move-distance))}}
1
+ .nut-barrage{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;box-sizing:border-box;background-color:var(--nutui-gray-4, #f4f4f4);color:var(--nutui-gray-1, #1a1a1a)}.nut-barrage .barrage-item{display:block;position:absolute;right:0;padding:3px 25px;border-radius:50px;font-size:12px;text-align:center;white-space:pre;transform:translate(100%);background:linear-gradient(to right,var(--nutui-gray-3, #bfbfbf),rgba(0,0,0,0));box-sizing:border-box}.nut-barrage .barrage-item.move{will-change:transform;animation-name:moving;animation-timing-function:linear;animation-play-state:running}@keyframes moving{0%{transform:translate(100%)}to{transform:translate(var(--move-distance))}}@-webkit-keyframes moving{0%{-webkit-transform:translateX(100%)}to{transform:translate(var(--move-distance))}}
package/dist/esm/Button.js CHANGED
@@ -68,7 +68,7 @@ var Button = React__default.forwardRef(function(props, ref) {
68
68
  return React__default.createElement("button", _objectSpread(_objectSpread({}, rest), {}, {
69
69
  ref,
70
70
  type: nativeType,
71
- className: classNames(prefixCls, className, props.type ? "".concat(prefixCls, "--").concat(type) : null, props.fill ? "".concat(prefixCls, "--").concat(fill) : null, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "--").concat(size), size), _defineProperty(_classNames, "".concat(prefixCls, "--").concat(shape), shape), _defineProperty(_classNames, "".concat(prefixCls, "--block"), block), _defineProperty(_classNames, "".concat(prefixCls, "--disabled"), disabled), _defineProperty(_classNames, "".concat(prefixCls, "--loading"), loading), _classNames)),
71
+ className: classNames(prefixCls, props.type ? "".concat(prefixCls, "--").concat(type) : null, props.fill ? "".concat(prefixCls, "--").concat(fill) : null, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "--").concat(size), size), _defineProperty(_classNames, "".concat(prefixCls, "--").concat(shape), shape), _defineProperty(_classNames, "".concat(prefixCls, "--block"), block), _defineProperty(_classNames, "".concat(prefixCls, "--disabled"), disabled), _defineProperty(_classNames, "".concat(prefixCls, "--loading"), loading), _classNames), className),
72
72
  style: _objectSpread(_objectSpread({}, getStyle()), style),
73
73
  onClick: function onClick3(e) {
74
74
  return handleClick(e);
package/dist/esm/Calendar/style/style.css CHANGED
@@ -1 +1 @@
1
- .nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup-title{display:flex;align-items:center;justify-content:center;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);padding:var(--nutui-popup-title-padding, 15px);font-weight:var(--nutui-font-weight-bold, 400);line-height:var(--nutui-popup-title-line-height, 18px);font-size:var(--nutui-popup-title-font-size, 18px);border-bottom:var(--nutui-popup-title-border-bottom, 0)}.nut-popup-left-icon{position:absolute;top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-overflow-hidden{overflow:hidden!important}.nut-calendar{position:relative;display:flex;flex-direction:column;flex:1;font-size:var(--nutui-calendar-base-font-size, var(--nutui-font-size-3, 16px));background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);overflow:hidden;height:100%}.nut-calendar.nut-calendar-title .nut-calendar-header .calendar-title{font-size:var(--nutui-calendar-base-font-size, var(--nutui-font-size-3, 16px))}.nut-calendar .nut-calendar-taro{height:60vh}.nut-calendar .popup-box{height:100%}.nut-calendar ::-webkit-scrollbar{display:none}.nut-calendar-header{display:flex;flex-direction:column;text-align:center}.nut-calendar-title{font-size:var(--nutui-calendar-title-font-size, var(--nutui-font-size-4, 18px));font-weight:var(--nutui-calendar-title-font-weight, 500);line-height:44px}.nut-calendar-sub-title{padding:7px 0;line-height:22px;font-size:var(--nutui-calendar-sub-title-font-size, var(--nutui-font-size-2, 14px))}.nut-calendar-header-buttons{height:var(--nutui-calendar-header-height, 24px)}.nut-calendar-weeks{display:flex;align-items:center;justify-content:space-around;height:36px;border-radius:0 0 12px 12px;box-shadow:0 4px 10px #0000000f}.nut-calendar-week-item:first-of-type,.nut-calendar-week-item:last-of-type{color:var(--nutui-calendar-day67-color, var(--nutui-brand-color, #fa2c19))}.nut-calendar-content{flex:1;width:100%;display:block;overflow-y:auto}.nut-calendar-pannel{position:relative;width:100%;height:auto;display:block;box-sizing:border-box}.nut-calendar-pannel .calendar-loading-tip{height:50px;line-height:50px;text-align:center;position:absolute;top:-50px;left:0;right:0;font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-gray-2, #757575)}.nut-calendar-month{display:flex;flex-direction:column;text-align:center}.nut-calendar-month-title{height:23px;line-height:23px;margin:8px 0}.nut-calendar-days{overflow:hidden}.nut-calendar-day{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;float:left;width:var(--nutui-calendar-day-width, 14.28%);height:var(--nutui-calendar-day-height, 60px);font-weight:var(--nutui-calendar-day-font-weight, 500);margin-bottom:4px}.nut-calendar-day:nth-child(7n),.nut-calendar-day:nth-child(7n+1){color:var(--nutui-calendar-day67-color, var(--nutui-brand-color, #fa2c19))}.nut-calendar-day-info-curr,.nut-calendar-day-info{position:absolute;bottom:5px;width:100%;font-size:12px;line-height:14px}.nut-calendar-day-info-top{position:absolute;width:100%;top:5px}.nut-calendar-day-info-bottom{position:absolute;width:100%;bottom:5px}.nut-calendar-day-active{background-color:var(--nutui-calendar-active-background-color, var(--nutui-brand-color, #fa2c19));color:var(--nutui-brand-text-color, #ffffff)!important;border-radius:var(--nutui-calendar-day-active-border-radius, 4px)}.nut-calendar-day-active.active-start{border-radius:0;border-top-left-radius:var(--nutui-calendar-day-active-border-radius, 4px);border-bottom-left-radius:var(--nutui-calendar-day-active-border-radius, 4px)}.nut-calendar-day-active.active-end{border-radius:0;border-top-right-radius:var(--nutui-calendar-day-active-border-radius, 4px);border-bottom-right-radius:var(--nutui-calendar-day-active-border-radius, 4px)}.nut-calendar-day-active .nut-calendar-day-info{color:var(--nutui-brand-text-color, #ffffff)}.nut-calendar-day-disabled{color:var(--nutui-calendar-disable-color, var(--nutui-gray-3, #bfbfbf))!important}.nut-calendar-day-disabled .nut-calendar-day-info-curr{display:none}.nut-calendar-day-choose-disabled{background-color:var(--nutui-calendar-choose-disable-background-color, rgba(191, 191, 191, .09));color:var(--nutui-calendar-disable-color, var(--nutui-gray-3, #bfbfbf))!important}.nut-calendar-day-choose-disabled .nut-calendar-day-info-curr{display:none}.nut-calendar-day-choose{background-color:var(--nutui-calendar-choose-background-color, rgba(250, 44, 25, .09));color:var(--nutui-calendar-choose-color, var(--nutui-brand-color, #fa2c19))}.nut-calendar-footer{display:flex;width:100%;flex-direction:column;background-color:var(--nutui-gray-6, #ffffff)}.nut-calendar-footer .calendar-confirm-btn{height:44px;margin:10px 18px;border-radius:22px;background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);color:var(--nutui-brand-text-color, #ffffff);text-align:center;line-height:44px}.nut-popup__close-icon{top:7px!important}
1
+ .nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup-title{display:flex;align-items:center;justify-content:center;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);padding:var(--nutui-popup-title-padding, 15px);font-weight:var(--nutui-font-weight-bold, 400);line-height:var(--nutui-popup-title-line-height, 18px);font-size:var(--nutui-popup-title-font-size, 18px);border-bottom:var(--nutui-popup-title-border-bottom, 0)}.nut-popup-left-icon{position:absolute;top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-overflow-hidden{overflow:hidden!important}.nut-calendar{position:relative;display:flex;flex-direction:column;flex:1;font-size:var(--nutui-calendar-base-font-size, var(--nutui-font-size-3, 16px));background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);overflow:hidden;height:100%}.nut-calendar.nut-calendar-title .nut-calendar-header .calendar-title{font-size:var(--nutui-calendar-base-font-size, var(--nutui-font-size-3, 16px))}.nut-calendar .nut-calendar-taro{height:60vh}.nut-calendar .popup-box{height:100%}.nut-calendar ::-webkit-scrollbar{display:none}.nut-calendar-header{display:flex;flex-direction:column;text-align:center}.nut-calendar-title{font-size:var(--nutui-calendar-title-font-size, var(--nutui-font-size-4, 18px));font-weight:var(--nutui-calendar-title-font-weight, 500);line-height:44px}.nut-calendar-sub-title{padding:7px 0;line-height:22px;font-size:var(--nutui-calendar-sub-title-font-size, var(--nutui-font-size-2, 14px))}.nut-calendar-header-buttons{height:var(--nutui-calendar-header-height, 24px)}.nut-calendar-weeks{display:flex;align-items:center;justify-content:space-around;height:36px;border-radius:0 0 12px 12px;box-shadow:0 4px 10px #0000000f}.nut-calendar-week-item:first-of-type,.nut-calendar-week-item:last-of-type{color:var(--nutui-calendar-day67-color, var(--nutui-brand-color, #fa2c19))}.nut-calendar-content{flex:1;width:100%;display:block;overflow-y:auto}.nut-calendar-pannel{position:relative;width:100%;height:auto;display:block;box-sizing:border-box}.nut-calendar-pannel .calendar-loading-tip{height:50px;line-height:50px;text-align:center;position:absolute;top:-50px;left:0;right:0;font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-gray-2, #757575)}.nut-calendar-month{display:flex;flex-direction:column;text-align:center}.nut-calendar-month-title{height:23px;line-height:23px;margin:8px 0}.nut-calendar-days{overflow:hidden}.nut-calendar-day{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;float:left;width:var(--nutui-calendar-day-width, 14.28%);height:var(--nutui-calendar-day-height, 60px);font-weight:var(--nutui-calendar-day-font-weight, 500);margin-bottom:4px}.nut-calendar-day:nth-child(7n),.nut-calendar-day:nth-child(7n+1){color:var(--nutui-calendar-day67-color, var(--nutui-brand-color, #fa2c19))}.nut-calendar-day-info-curr,.nut-calendar-day-info{position:absolute;bottom:5px;width:100%;font-size:12px;line-height:14px}.nut-calendar-day-info-top{position:absolute;width:100%;top:5px}.nut-calendar-day-info-bottom{position:absolute;width:100%;bottom:5px}.nut-calendar-day-active{background-color:var(--nutui-calendar-active-background-color, var(--nutui-brand-color, #fa2c19));color:var(--nutui-brand-text-color, #ffffff)!important;border-radius:var(--nutui-calendar-day-active-border-radius, 4px)}.nut-calendar-day-active.active-start{border-radius:0;border-top-left-radius:var(--nutui-calendar-day-active-border-radius, 4px);border-bottom-left-radius:var(--nutui-calendar-day-active-border-radius, 4px)}.nut-calendar-day-active.active-end{border-radius:0;border-top-right-radius:var(--nutui-calendar-day-active-border-radius, 4px);border-bottom-right-radius:var(--nutui-calendar-day-active-border-radius, 4px)}.nut-calendar-day-active .nut-calendar-day-info{color:var(--nutui-brand-text-color, #ffffff)}.nut-calendar-day-disabled{color:var(--nutui-calendar-disable-color, var(--nutui-gray-3, #bfbfbf))!important}.nut-calendar-day-disabled .nut-calendar-day-info-curr{display:none}.nut-calendar-day-choose-disabled{background-color:var(--nutui-calendar-choose-disable-background-color, rgba(191, 191, 191, .09));color:var(--nutui-calendar-disable-color, var(--nutui-gray-3, #bfbfbf))!important}.nut-calendar-day-choose-disabled .nut-calendar-day-info-curr{display:none}.nut-calendar-day-choose{background-color:var(--nutui-calendar-choose-background-color, rgba(250, 44, 25, .09));color:var(--nutui-calendar-choose-color, var(--nutui-brand-color, #fa2c19))}.nut-calendar-footer{display:flex;width:100%;flex-direction:column;background-color:var(--nutui-gray-6, #ffffff)}.nut-calendar-footer .calendar-confirm-btn{height:44px;margin:10px 18px;border-radius:22px;background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);color:var(--nutui-brand-text-color, #ffffff);text-align:center;line-height:44px}.nut-calendar-popup .nut-popup__close-icon{top:7px!important}
package/dist/esm/Calendar.js CHANGED
@@ -120,6 +120,7 @@ var Calendar = React__default.forwardRef(function(props, ref) {
120
120
  });
121
121
  };
122
122
  return React__default.createElement(React__default.Fragment, null, popup ? React__default.createElement(Popup, {
123
+ className: "nut-calendar-popup",
123
124
  visible,
124
125
  position: "bottom",
125
126
  round: true,
@@ -128,7 +129,7 @@ var Calendar = React__default.forwardRef(function(props, ref) {
128
129
  onOverlayClick: closePopup,
129
130
  onCloseIconClick: closePopup,
130
131
  style: {
131
- height: "85vh"
132
+ height: "83%"
132
133
  }
133
134
  }, renderItem()) : renderItem());
134
135
  });
package/dist/esm/CalendarCard.js CHANGED
@@ -179,9 +179,10 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
179
179
  type: "single",
180
180
  firstDayOfWeek: 0
181
181
  });
182
+ var prefixCls = "nut-calendarcard";
182
183
  var CalendarCard = React__default.forwardRef(function(props, ref) {
183
184
  var _useConfig = useConfig(), locale = _useConfig.locale;
184
- var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), style = _defaultProps$props.style, type = _defaultProps$props.type, value = _defaultProps$props.value, defaultValue = _defaultProps$props.defaultValue, firstDayOfWeek = _defaultProps$props.firstDayOfWeek, startDate = _defaultProps$props.startDate, endDate = _defaultProps$props.endDate, disableDay = _defaultProps$props.disableDay, renderDay = _defaultProps$props.renderDay, renderDayTop = _defaultProps$props.renderDayTop, renderDayBottom = _defaultProps$props.renderDayBottom, onDayClick = _defaultProps$props.onDayClick, onPageChange = _defaultProps$props.onPageChange, onChange = _defaultProps$props.onChange;
185
+ var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), style = _defaultProps$props.style, className = _defaultProps$props.className, type = _defaultProps$props.type, value = _defaultProps$props.value, defaultValue = _defaultProps$props.defaultValue, firstDayOfWeek = _defaultProps$props.firstDayOfWeek, startDate = _defaultProps$props.startDate, endDate = _defaultProps$props.endDate, disableDay = _defaultProps$props.disableDay, renderDay = _defaultProps$props.renderDay, renderDayTop = _defaultProps$props.renderDayTop, renderDayBottom = _defaultProps$props.renderDayBottom, onDayClick = _defaultProps$props.onDayClick, onPageChange = _defaultProps$props.onPageChange, onChange = _defaultProps$props.onChange;
185
186
  var _useState = useState(function() {
186
187
  var date = new Date(Date.now());
187
188
  var val = value || defaultValue;
@@ -433,9 +434,9 @@ var CalendarCard = React__default.forwardRef(function(props, ref) {
433
434
  var monthTitle = locale.calendaritem.monthTitle;
434
435
  var renderHeader = function renderHeader2() {
435
436
  return React__default.createElement("div", {
436
- className: "nut-calendarcard-header"
437
+ className: "".concat(prefixCls, "-header")
437
438
  }, React__default.createElement("div", {
438
- className: "nut-calendarcard-header-left"
439
+ className: "".concat(prefixCls, "-header-left")
439
440
  }, React__default.createElement("div", {
440
441
  className: "double-left",
441
442
  onClick: function onClick() {
@@ -447,9 +448,9 @@ var CalendarCard = React__default.forwardRef(function(props, ref) {
447
448
  return jump(-1);
448
449
  }
449
450
  }, React__default.createElement(Left, null))), React__default.createElement("div", {
450
- className: "nut-calendarcard-header-title"
451
+ className: "".concat(prefixCls, "-header-title")
451
452
  }, monthTitle(month.year, month.month)), React__default.createElement("div", {
452
- className: "nut-calendarcard-header-right"
453
+ className: "".concat(prefixCls, "-header-right")
453
454
  }, React__default.createElement("div", {
454
455
  className: "right",
455
456
  onClick: function onClick() {
@@ -473,36 +474,36 @@ var CalendarCard = React__default.forwardRef(function(props, ref) {
473
474
  }), _useState8 = _slicedToArray(_useState7, 1), weekHeader = _useState8[0];
474
475
  var renderContent = function renderContent2() {
475
476
  return React__default.createElement("div", {
476
- className: "nut-calendarcard-content"
477
+ className: "".concat(prefixCls, "-content")
477
478
  }, React__default.createElement("div", {
478
- className: "nut-calendarcard-days"
479
+ className: "".concat(prefixCls, "-days")
479
480
  }, weekHeader.map(function(day) {
480
481
  return React__default.createElement("div", {
481
- className: classNames("nut-calendarcard-day", "header", {
482
+ className: classNames("".concat(prefixCls, "-day"), "header", {
482
483
  weekend: day.key === 0 || day.key === 6
483
484
  }),
484
485
  key: day.key
485
486
  }, day.name);
486
487
  })), React__default.createElement("div", {
487
- className: "nut-calendarcard-days"
488
+ className: "".concat(prefixCls, "-days")
488
489
  }, days.map(function(day) {
489
490
  return React__default.createElement("div", {
490
- className: classNames("nut-calendarcard-day", day.type, getClasses(day)),
491
+ className: classNames("".concat(prefixCls, "-day"), day.type, getClasses(day)),
491
492
  key: "".concat(day.year, "-").concat(day.month, "-").concat(day.date),
492
493
  onClick: function onClick() {
493
494
  return handleDayClick(day);
494
495
  }
495
496
  }, React__default.createElement("div", {
496
- className: "nut-calendarcard-day-top"
497
+ className: "".concat(prefixCls, "-day-top")
497
498
  }, renderDayTop ? renderDayTop(day) : ""), React__default.createElement("div", {
498
- className: "nut-calendarcard-day-inner"
499
+ className: "".concat(prefixCls, "-day-inner")
499
500
  }, renderDay ? renderDay(day) : day.date), React__default.createElement("div", {
500
- className: "nut-calendarcard-day-bottom"
501
+ className: "".concat(prefixCls, "-day-bottom")
501
502
  }, renderDayBottom ? renderDayBottom(day) : ""));
502
503
  })));
503
504
  };
504
505
  return days.length > 0 ? React__default.createElement("div", {
505
- className: "nut-calendarcard",
506
+ className: classNames(prefixCls, className),
506
507
  style
507
508
  }, renderHeader(), renderContent()) : null;
508
509
  });
package/dist/esm/CalendarItem.js CHANGED
@@ -529,7 +529,7 @@ var CalendarItem = React__default.forwardRef(function(props, ref) {
529
529
  }
530
530
  }
531
531
  };
532
- var classes = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "-title"), !popup), _defineProperty(_classNames, "".concat(classPrefix, "-nofooter"), !!autoBackfill), _classNames), className, classPrefix);
532
+ var classes = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "-title"), !popup), _defineProperty(_classNames, "".concat(classPrefix, "-nofooter"), !!autoBackfill), _classNames), classPrefix, className);
533
533
  var headerClasses = classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(classPrefix, "-header"), true), _defineProperty(_classNames2, "".concat(classPrefix, "-header-title"), !popup), _classNames2));
534
534
  var isStartTip = function isStartTip2(day, month) {
535
535
  return (type === "range" || type === "week") && day.type === "active" && isStart(getCurrDate(day, month), currentDate);
package/dist/esm/CheckboxGroup.js CHANGED
@@ -107,7 +107,7 @@ var CheckboxGroup = React__default.forwardRef(function(props, ref) {
107
107
  }
108
108
  }
109
109
  }, React__default.createElement("div", _objectSpread({
110
- className: classNames(classPrefix, className, _defineProperty({}, "nut-checkboxgroup--".concat(props.direction), props.direction))
110
+ className: classNames(classPrefix, _defineProperty({}, "nut-checkboxgroup--".concat(props.direction), props.direction), className)
111
111
  }, rest), options !== null && options !== void 0 && options.length ? renderOptions() : children));
112
112
  });
113
113
  CheckboxGroup.defaultProps = defaultProps;
package/dist/esm/CircleProgress.js CHANGED
@@ -38,7 +38,7 @@ var classPrefix = "nut-circleprogress";
38
38
  var CircleProgress = function CircleProgress2(props) {
39
39
  var _stop;
40
40
  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, percent = _defaultProps$props.percent, className = _defaultProps$props.className, radius = _defaultProps$props.radius, clockwise = _defaultProps$props.clockwise, strokeWidth = _defaultProps$props.strokeWidth, color = _defaultProps$props.color, background = _defaultProps$props.background, style = _defaultProps$props.style, strokeLinecap = _defaultProps$props.strokeLinecap, restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
41
- var classes = classNames(className, classPrefix);
41
+ var classes = classNames(classPrefix, className);
42
42
  var refRandomId = Math.random().toString(36).slice(-8);
43
43
  var styles = _objectSpread({
44
44
  height: "".concat(Number(radius) * 2, "px"),
package/dist/esm/DatePicker/style/style.css CHANGED
@@ -1 +1 @@
1
- .nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup-title{display:flex;align-items:center;justify-content:center;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);padding:var(--nutui-popup-title-padding, 15px);font-weight:var(--nutui-font-weight-bold, 400);line-height:var(--nutui-popup-title-line-height, 18px);font-size:var(--nutui-popup-title-font-size, 18px);border-bottom:var(--nutui-popup-title-border-bottom, 0)}.nut-popup-left-icon{position:absolute;top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-overflow-hidden{overflow:hidden!important}.nut-picker{background-color:var(--nutui-gray-6, #ffffff);width:100%}.nut-picker__control{display:flex;height:56px;font-size:16px;align-items:center;justify-content:space-between;padding:var(--nutui-picker-bar-button-padding, 0 15px)}.nut-picker__cancel-btn{color:var(--nutui-picker-cancel-color, #808080);font-size:var(--nutui-picker-bar-cancel-font-size, 14px)}.nut-picker__confirm-btn{color:var(--nutui-picker-ok-color, var(--nutui-brand-color, #fa2c19));font-size:var(--nutui-picker-bar-ok-font-size, 14px)}.nut-picker__title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:var(--nutui-picker-bar-title-color, var(--nutui-gray-1, #1a1a1a));font-size:var(--nutui-picker-bar-title-font-size, 16px);font-weight:var(--nutui-picker-bar-title-font-weight, normal)}.nut-picker__panel{display:flex;position:relative}.nut-picker-indicator{position:absolute;top:108px;height:var(--nutui-picker-item-height, 36px);width:100%;border:var(--nutui-picker-item-active-line-border, 1px solid #d8d8d8);border-left:0;border-right:0;color:var(--nutui-picker-item-text-color, var(--nutui-gray-1, #1a1a1a));font-size:var(--nutui-picker-item-text-font-size, 14px);z-index:3}.nut-picker-indicator-jdapp{height:var(--nutui-picker-item-height, 36px);border:0}.nut-picker-indicator-jdapp:before,.nut-picker-indicator-jdapp:after{border:var(--nutui-picker-item-active-line-border, 1px solid #d8d8d8);border-left:0;border-right:0}.nut-picker-list{flex:1;position:relative;height:var(--nutui-picker-list-height, 252px);overflow:hidden;text-align:center}.nut-picker-list-panel{transform-style:preserve-3d}.nut-picker-mask{position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--picker-mask-bg-img, linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)), linear-gradient(0deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)));background-position:top,bottom;background-size:100% 108px;background-repeat:no-repeat;z-index:3}.nut-picker-view-panel{height:var(--nutui-picker-list-height, 252px);flex-grow:1}.nut-picker-content,.nut-picker-roller{position:absolute;top:108px;width:100%;height:var(--nutui-picker-item-height, 36px)}.nut-picker-content{background:#fff;z-index:2;overflow:hidden}.nut-picker-item,.nut-picker-roller-item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:var(--nutui-picker-item-height, 36px);line-height:var(--nutui-picker-item-height, 36px);color:var(--nutui-picker-item-text-color, var(--nutui-gray-1, #1a1a1a));font-size:var(--nutui-picker-item-text-font-size, 14px);text-align:center}.nut-picker-item{font-size:16px;background:#fff}.nut-picker-roller{z-index:1;transform-style:preserve-3d}.nut-picker-roller-item{backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;position:absolute;top:0;width:100%;color:var(--nutui-gray-1, #1a1a1a)}.nut-picker-roller-item-title{display:block;width:100%;height:36px;line-height:36px;text-align:center;color:var(--nutui-gray-1, #1a1a1a);font-size:var(--nutui-picker-bar-title-font-size, 16px)}.nut-picker-roller-item-hidden{visibility:hidden;opacity:0}.nut-picker-placeholder{height:1px}
1
+ .nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup-title{display:flex;align-items:center;justify-content:center;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);padding:var(--nutui-popup-title-padding, 15px);font-weight:var(--nutui-font-weight-bold, 400);line-height:var(--nutui-popup-title-line-height, 18px);font-size:var(--nutui-popup-title-font-size, 18px);border-bottom:var(--nutui-popup-title-border-bottom, 0)}.nut-popup-left-icon{position:absolute;top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-overflow-hidden{overflow:hidden!important}.nut-picker{background-color:var(--nutui-gray-6, #ffffff);width:100%}.nut-picker__control{display:flex;height:56px;font-size:16px;align-items:center;justify-content:space-between;padding:var(--nutui-picker-bar-button-padding, 0 15px)}.nut-picker__cancel-btn{color:var(--nutui-picker-cancel-color, #808080);font-size:var(--nutui-picker-bar-cancel-font-size, 14px)}.nut-picker__confirm-btn{color:var(--nutui-picker-ok-color, var(--nutui-brand-color, #fa2c19));font-size:var(--nutui-picker-bar-ok-font-size, 14px)}.nut-picker__title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:var(--nutui-picker-bar-title-color, var(--nutui-gray-1, #1a1a1a));font-size:var(--nutui-picker-bar-title-font-size, 16px);font-weight:var(--nutui-picker-bar-title-font-weight, normal)}.nut-picker__panel{display:flex;position:relative}.nut-picker-indicator{position:absolute;top:108px;height:var(--nutui-picker-item-height, 36px);width:100%;border:var(--nutui-picker-item-active-line-border, 1px solid #d8d8d8);border-left:0;border-right:0;color:var(--nutui-picker-item-text-color, var(--nutui-gray-1, #1a1a1a));font-size:var(--nutui-picker-item-text-font-size, 14px);z-index:3}.nut-picker-indicator-taro{height:var(--nutui-picker-item-height, 36px);border:0}.nut-picker-indicator-taro:before,.nut-picker-indicator-taro:after{border:var(--nutui-picker-item-active-line-border, 1px solid #d8d8d8);border-left:0;border-right:0}.nut-picker-list{flex:1;position:relative;height:var(--nutui-picker-list-height, 252px);overflow:hidden;text-align:center}.nut-picker-list-panel{transform-style:preserve-3d}.nut-picker-mask{position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--picker-mask-bg-img, linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)), linear-gradient(0deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)));background-position:top,bottom;background-size:100% 108px;background-repeat:no-repeat;z-index:3}.nut-picker-view-panel{height:var(--nutui-picker-list-height, 252px);flex-grow:1}.nut-picker-content,.nut-picker-roller{position:absolute;top:108px;width:100%;height:var(--nutui-picker-item-height, 36px)}.nut-picker-content{background:#fff;z-index:2;overflow:hidden}.nut-picker-item,.nut-picker-roller-item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:var(--nutui-picker-item-height, 36px);line-height:var(--nutui-picker-item-height, 36px);color:var(--nutui-picker-item-text-color, var(--nutui-gray-1, #1a1a1a));font-size:var(--nutui-picker-item-text-font-size, 14px);text-align:center}.nut-picker-item{font-size:16px;background:#fff}.nut-picker-roller{z-index:1;transform-style:preserve-3d}.nut-picker-roller-item{backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;position:absolute;top:0;width:100%}.nut-picker-roller-item-title{display:block;width:100%;height:var(--nutui-picker-item-height, 36px);line-height:var(--nutui-picker-item-height, 36px);text-align:center;color:var(--nutui-picker-item-text-color, var(--nutui-gray-1, #1a1a1a));font-size:var(--nutui-picker-bar-title-font-size, 16px)}.nut-picker-roller-item-hidden{visibility:hidden;opacity:0}.nut-picker-placeholder{height:1px}
package/dist/esm/FixedNav.js CHANGED
@@ -41,9 +41,9 @@ var FixedNav = function FixedNav2(props) {
41
41
  var _useConfig = useConfig(), locale = _useConfig.locale;
42
42
  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, overlay = _defaultProps$props.overlay, visible = _defaultProps$props.visible, list = _defaultProps$props.list, activeText = _defaultProps$props.activeText, inactiveText = _defaultProps$props.inactiveText, position = _defaultProps$props.position, onChange = _defaultProps$props.onChange, onSelect = _defaultProps$props.onSelect, type = _defaultProps$props.type, children = _defaultProps$props.children, style = _defaultProps$props.style, content = _defaultProps$props.content, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
43
43
  var classPrefix = "nut-fixednav";
44
- var classes = classNames({
44
+ var classes = classNames(classPrefix, {
45
45
  active: visible
46
- }, type, className, classPrefix);
46
+ }, type, className);
47
47
  var handleClick = function handleClick2(item, event) {
48
48
  onSelect(item, event);
49
49
  };
package/dist/esm/Form.js CHANGED
@@ -67,7 +67,7 @@ var Form = React__default.forwardRef(function(props, ref) {
67
67
  mountRef.current = true;
68
68
  }
69
69
  return React__default.createElement("form", {
70
- className: classNames(classPrefix, className, PositionInfo[labelPosition]),
70
+ className: classNames(classPrefix, PositionInfo[labelPosition], className),
71
71
  style,
72
72
  onSubmit: function onSubmit(e) {
73
73
  e.preventDefault();
package/dist/esm/Grid.js CHANGED
@@ -40,7 +40,7 @@ var Grid = function Grid2(props) {
40
40
  var childrenDom = React__default.Children.toArray(children);
41
41
  var classPrefix = "nut-grid";
42
42
  var rootClass = function rootClass2() {
43
- return classNames(className, classPrefix, _defineProperty({}, "".concat(classPrefix, "__border"), !gap));
43
+ return classNames(classPrefix, _defineProperty({}, "".concat(classPrefix, "__border"), !gap), className);
44
44
  };
45
45
  var rootStyle = function rootStyle2() {
46
46
  var styleSelf = {};
package/dist/esm/ImagePreview.js CHANGED
@@ -22,6 +22,7 @@ function _objectSpread(e) {
22
22
  return e;
23
23
  }
24
24
  import React__default, { useRef, useState, useEffect } from "react";
25
+ import classNames from "classnames";
25
26
  import Popup from "./Popup.js";
26
27
  import Image from "./Image.js";
27
28
  import Video from "./Video.js";
@@ -44,7 +45,7 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
44
45
  }
45
46
  });
46
47
  var ImagePreview = function ImagePreview2(props) {
47
- var images = props.images, videos = props.videos, visible = props.visible, defaultValue = props.defaultValue, indicatorColor = props.indicatorColor, indicator = props.indicator, autoPlay = props.autoPlay, closeOnContentClick = props.closeOnContentClick, onClose2 = props.onClose;
48
+ var className = props.className, style = props.style, images = props.images, videos = props.videos, visible = props.visible, defaultValue = props.defaultValue, indicatorColor = props.indicatorColor, indicator = props.indicator, autoPlay = props.autoPlay, closeOnContentClick = props.closeOnContentClick, onClose2 = props.onClose;
48
49
  var classPrefix = "nut-imagepreview";
49
50
  var ref = useRef(null);
50
51
  var _usePropsValue = usePropsValue({
@@ -177,7 +178,8 @@ var ImagePreview = function ImagePreview2(props) {
177
178
  },
178
179
  onClick: onCloseInner
179
180
  }, React__default.createElement("div", {
180
- className: classPrefix,
181
+ className: classNames(classPrefix, className),
182
+ style,
181
183
  ref,
182
184
  onClick: closeOnImg,
183
185
  onTouchStart
package/dist/esm/InfiniteLoading.js CHANGED
@@ -47,7 +47,7 @@ var InfiniteLoading = function InfiniteLoading2(props) {
47
47
  var refreshMaxH = useRef(0);
48
48
  var y = useRef(0);
49
49
  var distance = useRef(0);
50
- var classes = classNames(className, classPrefix);
50
+ var classes = classNames(classPrefix, className);
51
51
  useEffect(function() {
52
52
  if (target && document.getElementById(target)) {
53
53
  scrollEl.current = document.getElementById(target);
@@ -58,7 +58,7 @@ var InfiniteLoading = function InfiniteLoading2(props) {
58
58
  return function() {
59
59
  scrollEl.current.removeEventListener("scroll", handleScroll, capture);
60
60
  };
61
- }, [hasMore, isInfiniting]);
61
+ }, [hasMore, isInfiniting, onLoadMore]);
62
62
  useEffect(function() {
63
63
  var element = scroller.current;
64
64
  element.addEventListener("touchmove", touchMove, {
package/dist/esm/Loading.js CHANGED
@@ -40,7 +40,7 @@ var Loading = function Loading2(props) {
40
40
  var classPrefix = "nut-loading";
41
41
  var CurLoadingIcon = loadingMap[rest.type] || Loading1;
42
42
  return React__default.createElement("div", {
43
- className: classNames(classPrefix, className, direction === "vertical" ? "".concat(classPrefix, "-vertical") : ""),
43
+ className: classNames(classPrefix, direction === "vertical" ? "".concat(classPrefix, "-vertical") : "", className),
44
44
  style
45
45
  }, React__default.createElement("div", {
46
46
  className: "".concat(classPrefix, "-icon-box")
package/dist/esm/Menu.js CHANGED
@@ -131,10 +131,10 @@ var Menu = function Menu2(props) {
131
131
  return "";
132
132
  };
133
133
  return React__default.createElement("div", {
134
- className: classNames("nut-menu__item ", className, {
134
+ className: classNames("nut-menu__item ", {
135
135
  active: showMenuItem[index],
136
136
  disabled
137
- }),
137
+ }, className),
138
138
  style: {
139
139
  color: showMenuItem[index] ? activeColor : ""
140
140
  },
package/dist/esm/Picker/style/style.css CHANGED
@@ -1 +1 @@
1
- .nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup-title{display:flex;align-items:center;justify-content:center;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);padding:var(--nutui-popup-title-padding, 15px);font-weight:var(--nutui-font-weight-bold, 400);line-height:var(--nutui-popup-title-line-height, 18px);font-size:var(--nutui-popup-title-font-size, 18px);border-bottom:var(--nutui-popup-title-border-bottom, 0)}.nut-popup-left-icon{position:absolute;top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-overflow-hidden{overflow:hidden!important}.nut-picker{background-color:var(--nutui-gray-6, #ffffff);width:100%}.nut-picker__control{display:flex;height:56px;font-size:16px;align-items:center;justify-content:space-between;padding:var(--nutui-picker-bar-button-padding, 0 15px)}.nut-picker__cancel-btn{color:var(--nutui-picker-cancel-color, #808080);font-size:var(--nutui-picker-bar-cancel-font-size, 14px)}.nut-picker__confirm-btn{color:var(--nutui-picker-ok-color, var(--nutui-brand-color, #fa2c19));font-size:var(--nutui-picker-bar-ok-font-size, 14px)}.nut-picker__title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:var(--nutui-picker-bar-title-color, var(--nutui-gray-1, #1a1a1a));font-size:var(--nutui-picker-bar-title-font-size, 16px);font-weight:var(--nutui-picker-bar-title-font-weight, normal)}.nut-picker__panel{display:flex;position:relative}.nut-picker-indicator{position:absolute;top:108px;height:var(--nutui-picker-item-height, 36px);width:100%;border:var(--nutui-picker-item-active-line-border, 1px solid #d8d8d8);border-left:0;border-right:0;color:var(--nutui-picker-item-text-color, var(--nutui-gray-1, #1a1a1a));font-size:var(--nutui-picker-item-text-font-size, 14px);z-index:3}.nut-picker-indicator-jdapp{height:var(--nutui-picker-item-height, 36px);border:0}.nut-picker-indicator-jdapp:before,.nut-picker-indicator-jdapp:after{border:var(--nutui-picker-item-active-line-border, 1px solid #d8d8d8);border-left:0;border-right:0}.nut-picker-list{flex:1;position:relative;height:var(--nutui-picker-list-height, 252px);overflow:hidden;text-align:center}.nut-picker-list-panel{transform-style:preserve-3d}.nut-picker-mask{position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--picker-mask-bg-img, linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)), linear-gradient(0deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)));background-position:top,bottom;background-size:100% 108px;background-repeat:no-repeat;z-index:3}.nut-picker-view-panel{height:var(--nutui-picker-list-height, 252px);flex-grow:1}.nut-picker-content,.nut-picker-roller{position:absolute;top:108px;width:100%;height:var(--nutui-picker-item-height, 36px)}.nut-picker-content{background:#fff;z-index:2;overflow:hidden}.nut-picker-item,.nut-picker-roller-item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:var(--nutui-picker-item-height, 36px);line-height:var(--nutui-picker-item-height, 36px);color:var(--nutui-picker-item-text-color, var(--nutui-gray-1, #1a1a1a));font-size:var(--nutui-picker-item-text-font-size, 14px);text-align:center}.nut-picker-item{font-size:16px;background:#fff}.nut-picker-roller{z-index:1;transform-style:preserve-3d}.nut-picker-roller-item{backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;position:absolute;top:0;width:100%;color:var(--nutui-gray-1, #1a1a1a)}.nut-picker-roller-item-title{display:block;width:100%;height:36px;line-height:36px;text-align:center;color:var(--nutui-gray-1, #1a1a1a);font-size:var(--nutui-picker-bar-title-font-size, 16px)}.nut-picker-roller-item-hidden{visibility:hidden;opacity:0}.nut-picker-placeholder{height:1px}
1
+ .nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup-title{display:flex;align-items:center;justify-content:center;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);padding:var(--nutui-popup-title-padding, 15px);font-weight:var(--nutui-font-weight-bold, 400);line-height:var(--nutui-popup-title-line-height, 18px);font-size:var(--nutui-popup-title-font-size, 18px);border-bottom:var(--nutui-popup-title-border-bottom, 0)}.nut-popup-left-icon{position:absolute;top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-overflow-hidden{overflow:hidden!important}.nut-picker{background-color:var(--nutui-gray-6, #ffffff);width:100%}.nut-picker__control{display:flex;height:56px;font-size:16px;align-items:center;justify-content:space-between;padding:var(--nutui-picker-bar-button-padding, 0 15px)}.nut-picker__cancel-btn{color:var(--nutui-picker-cancel-color, #808080);font-size:var(--nutui-picker-bar-cancel-font-size, 14px)}.nut-picker__confirm-btn{color:var(--nutui-picker-ok-color, var(--nutui-brand-color, #fa2c19));font-size:var(--nutui-picker-bar-ok-font-size, 14px)}.nut-picker__title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:var(--nutui-picker-bar-title-color, var(--nutui-gray-1, #1a1a1a));font-size:var(--nutui-picker-bar-title-font-size, 16px);font-weight:var(--nutui-picker-bar-title-font-weight, normal)}.nut-picker__panel{display:flex;position:relative}.nut-picker-indicator{position:absolute;top:108px;height:var(--nutui-picker-item-height, 36px);width:100%;border:var(--nutui-picker-item-active-line-border, 1px solid #d8d8d8);border-left:0;border-right:0;color:var(--nutui-picker-item-text-color, var(--nutui-gray-1, #1a1a1a));font-size:var(--nutui-picker-item-text-font-size, 14px);z-index:3}.nut-picker-indicator-taro{height:var(--nutui-picker-item-height, 36px);border:0}.nut-picker-indicator-taro:before,.nut-picker-indicator-taro:after{border:var(--nutui-picker-item-active-line-border, 1px solid #d8d8d8);border-left:0;border-right:0}.nut-picker-list{flex:1;position:relative;height:var(--nutui-picker-list-height, 252px);overflow:hidden;text-align:center}.nut-picker-list-panel{transform-style:preserve-3d}.nut-picker-mask{position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--picker-mask-bg-img, linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)), linear-gradient(0deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)));background-position:top,bottom;background-size:100% 108px;background-repeat:no-repeat;z-index:3}.nut-picker-view-panel{height:var(--nutui-picker-list-height, 252px);flex-grow:1}.nut-picker-content,.nut-picker-roller{position:absolute;top:108px;width:100%;height:var(--nutui-picker-item-height, 36px)}.nut-picker-content{background:#fff;z-index:2;overflow:hidden}.nut-picker-item,.nut-picker-roller-item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:var(--nutui-picker-item-height, 36px);line-height:var(--nutui-picker-item-height, 36px);color:var(--nutui-picker-item-text-color, var(--nutui-gray-1, #1a1a1a));font-size:var(--nutui-picker-item-text-font-size, 14px);text-align:center}.nut-picker-item{font-size:16px;background:#fff}.nut-picker-roller{z-index:1;transform-style:preserve-3d}.nut-picker-roller-item{backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;position:absolute;top:0;width:100%}.nut-picker-roller-item-title{display:block;width:100%;height:var(--nutui-picker-item-height, 36px);line-height:var(--nutui-picker-item-height, 36px);text-align:center;color:var(--nutui-picker-item-text-color, var(--nutui-gray-1, #1a1a1a));font-size:var(--nutui-picker-bar-title-font-size, 16px)}.nut-picker-roller-item-hidden{visibility:hidden;opacity:0}.nut-picker-placeholder{height:1px}
package/dist/esm/Picker.js CHANGED
@@ -27,6 +27,7 @@ function _objectSpread(e) {
27
27
  import React__default, { useState, useRef, useEffect, useImperativeHandle } from "react";
28
28
  import classNames from "classnames";
29
29
  import { P as Popup } from "./popup2.js";
30
+ import { S as SafeArea } from "./safearea2.js";
30
31
  import { u as useTouch } from "./use-touch.js";
31
32
  import { p as passiveSupported } from "./supports-passive.js";
32
33
  import { useConfig } from "./ConfigProvider.js";
@@ -494,7 +495,9 @@ var InternalPicker = function InternalPicker2(props, ref) {
494
495
  key: index,
495
496
  keyIndex: index
496
497
  });
497
- })))));
498
+ }))), React__default.createElement(SafeArea, {
499
+ position: "bottom"
500
+ })));
498
501
  };
499
502
  var Picker = React__default.forwardRef(InternalPicker);
500
503
  var Picker$1 = Picker;
package/dist/esm/Price.js CHANGED
@@ -80,7 +80,7 @@ var Price = function Price2(props) {
80
80
  });
81
81
  };
82
82
  return React__default.createElement("div", _objectSpread({
83
- className: "".concat(classPrefix, " ").concat(className, " ").concat(line ? "".concat(classPrefix, "--line") : ""),
83
+ className: "".concat(classPrefix, " ").concat(line ? "".concat(classPrefix, "--line") : "", " ").concat(className),
84
84
  style
85
85
  }, rest), symbol && position === "before" ? renderSymbol() : null, React__default.createElement("div", {
86
86
  className: "".concat(classPrefix, "__integer ").concat(classPrefix, "__integer-").concat(size)
package/dist/esm/Radio/style/style.css CHANGED
@@ -1 +1 @@
1
- .nut-radiogroup .nut-radio{margin:var(--nutui-radiogroup-radio-margin, 0 20px 5px 0)}.nut-radiogroup .nut-radio__label{margin:var(--nutui-radiogroup-radio-label-margin, 0 5px 0 5px)}.nut-radiogroup .nut-radio__button{background-color:#f6f7f9}.nut-radiogroup--vertical .nut-radio.nut-radio--reverse{width:100%;justify-content:space-between}.nut-radiogroup--vertical .nut-radio__button{border:1px solid #f6f7f9}.nut-radiogroup--vertical .nut-radio__button--active{border-color:var(--nutui-radio-label-button-border-color, var(--nutui-brand-color, #fa2c19));background-color:var(--nutui-radio-label-button-background, rgba(250, 44, 25, .05))}.nut-radiogroup--horizontal .nut-radio{display:inline-flex}.nut-radiogroup--horizontal .nut-radio__button{border:1px solid var(--nutui-gray-6, #ffffff)}.nut-radiogroup--horizontal .nut-radio__button--active{border-color:var(--nutui-radio-label-button-border-color, var(--nutui-brand-color, #fa2c19));background-color:var(--nutui-radio-label-button-background, rgba(250, 44, 25, .05))}.nut-radiogroup .nut-radio__button--active.nut-radio__button--disabled{background:var(--nutui-radio-button-disabled-active-background, rgba(0, 0, 0, .15));color:var(--nutui-radio-button-disabled-active-color, rgba(0, 0, 0, .25));border:1px solid var(--nutui-radio-button-disabled-active-border-color, rgba(211, 211, 211, .15))}.nut-radio{display:flex;align-items:center;flex-shrink:0}.nut-radio:last-child{margin-bottom:0!important;margin-right:0!important}.nut-radio.nut-radio--reverse .nut-radio__label{margin-right:var(--nutui-radio-label-margin-left, 6px);margin-left:0}.nut-radio__button{display:inline-flex;align-items:center;padding:var(--nutui-radio-button-padding, 5px 18px);font-size:var(--nutui-radio-button-font-size, 12px);background:#f6f7f9;border-radius:var(--nutui-radio-button-border-radius, 15px);color:var(--nutui-radio-label-font-color, var(--nutui-gray-1, #1a1a1a));box-sizing:border-box;border:1px solid #f6f7f9}.nut-radio__button--active{background:var(--nutui-radio-label-button-background, rgba(250, 44, 25, .05));color:var(--nutui-radio-label-font-active-color, var(--nutui-brand-color, #fa2c19));border:1px solid var(--nutui-radio-label-button-border-color, var(--nutui-brand-color, #fa2c19))}.nut-radio__button--disabled{color:var(--nutui-radio-label-disable-color, var(--nutui-gray-3, #bfbfbf));border:1px solid #f6f7f9}.nut-radio .nut-radio__button--active.nut-radio__button--disabled{background:var(--nutui-radio-button-disabled-active-background, rgba(0, 0, 0, .15));color:var(--nutui-radio-button-disabled-active-color, rgba(0, 0, 0, .25));border:1px solid var(--nutui-radio-button-disabled-active-border-color, rgba(211, 211, 211, .15))}.nut-radio__label{margin-left:var(--nutui-radio-label-margin-left, 6px);font-size:var(--nutui-radio-label-font-size, 14px);color:var(--nutui-radio-label-font-color, var(--nutui-gray-1, #1a1a1a))}.nut-radio__label--disabled{color:var(--nutui-radio-label-disable-color, var(--nutui-gray-3, #bfbfbf))}.nut-radio__icon{color:var(--nutui-radio-label-font-active-color, var(--nutui-brand-color, #fa2c19));transition-duration:.3s;transition-property:color,border-color,background-color;font-size:var(--nutui-radio-icon-font-size, 18px)}.nut-radio__icon--unchecked{color:var(--nutui-radio-icon-disable-color, var(--nutui-gray-2, #757575))}.nut-radio__icon--disable{color:var(--nutui-radio-icon-disable-color2, var(--nutui-gray-3, #bfbfbf))}
1
+ .nut-radiogroup .nut-radio{margin:var(--nutui-radiogroup-radio-margin, 0 20px 5px 0)}.nut-radiogroup .nut-radio__label{margin:var(--nutui-radiogroup-radio-label-margin, 0 5px 0 5px)}.nut-radiogroup .nut-radio__button{background-color:#f6f7f9}.nut-radiogroup--vertical .nut-radio.nut-radio--reverse{width:100%;justify-content:space-between}.nut-radiogroup--vertical .nut-radio__button{border:1px solid #f6f7f9}.nut-radiogroup--vertical .nut-radio__button--active{border-color:var(--nutui-radio-label-button-border-color, var(--nutui-brand-color, #fa2c19));background-color:var(--nutui-radio-label-button-background, rgba(250, 44, 25, .05))}.nut-radiogroup--horizontal .nut-radio{display:inline-flex}.nut-radiogroup--horizontal .nut-radio__button{border:1px solid var(--nutui-gray-6, #ffffff)}.nut-radiogroup--horizontal .nut-radio__button--active{border-color:var(--nutui-radio-label-button-border-color, var(--nutui-brand-color, #fa2c19));background-color:var(--nutui-radio-label-button-background, rgba(250, 44, 25, .05))}.nut-radiogroup .nut-radio__button--active.nut-radio__button--disabled{background:var(--nutui-radio-button-disabled-active-background, rgba(0, 0, 0, .15));color:var(--nutui-radio-button-disabled-active-color, rgba(0, 0, 0, .25));border:1px solid var(--nutui-radio-button-disabled-active-border-color, rgba(211, 211, 211, .15))}.nut-radio{display:flex;align-items:center;flex-shrink:0}.nut-radio:last-child{margin-bottom:0!important;margin-right:0!important}.nut-radio.nut-radio--reverse{flex-direction:row-reverse}.nut-radio.nut-radio--reverse .nut-radio__label{margin-right:var(--nutui-radio-label-margin-left, 6px);margin-left:0}.nut-radio__button{display:inline-flex;align-items:center;padding:var(--nutui-radio-button-padding, 5px 18px);font-size:var(--nutui-radio-button-font-size, 12px);background:#f6f7f9;border-radius:var(--nutui-radio-button-border-radius, 15px);color:var(--nutui-radio-label-font-color, var(--nutui-gray-1, #1a1a1a));box-sizing:border-box;border:1px solid #f6f7f9}.nut-radio__button--active{background:var(--nutui-radio-label-button-background, rgba(250, 44, 25, .05));color:var(--nutui-radio-label-font-active-color, var(--nutui-brand-color, #fa2c19));border:1px solid var(--nutui-radio-label-button-border-color, var(--nutui-brand-color, #fa2c19))}.nut-radio__button--disabled{color:var(--nutui-radio-label-disable-color, var(--nutui-gray-3, #bfbfbf));border:1px solid #f6f7f9}.nut-radio .nut-radio__button--active.nut-radio__button--disabled{background:var(--nutui-radio-button-disabled-active-background, rgba(0, 0, 0, .15));color:var(--nutui-radio-button-disabled-active-color, rgba(0, 0, 0, .25));border:1px solid var(--nutui-radio-button-disabled-active-border-color, rgba(211, 211, 211, .15))}.nut-radio__label{margin-left:var(--nutui-radio-label-margin-left, 6px);font-size:var(--nutui-radio-label-font-size, 14px);color:var(--nutui-radio-label-font-color, var(--nutui-gray-1, #1a1a1a))}.nut-radio__label--disabled{color:var(--nutui-radio-label-disable-color, var(--nutui-gray-3, #bfbfbf))}.nut-radio__icon{color:var(--nutui-radio-label-font-active-color, var(--nutui-brand-color, #fa2c19));transition-duration:.3s;transition-property:color,border-color,background-color;font-size:var(--nutui-radio-icon-font-size, 18px)}.nut-radio__icon--unchecked{color:var(--nutui-radio-icon-disable-color, var(--nutui-gray-2, #757575))}.nut-radio__icon--disable{color:var(--nutui-radio-icon-disable-color2, var(--nutui-gray-3, #bfbfbf))}
package/dist/esm/RadioGroup.js CHANGED
@@ -73,7 +73,7 @@ var RadioGroup = React__default.forwardRef(function(props, ref) {
73
73
  }
74
74
  }
75
75
  }, React__default.createElement("div", _objectSpread({
76
- className: classNames(classPrefix, className, _defineProperty({}, "".concat(classPrefix, "--").concat(props.direction), props.direction))
76
+ className: classNames(classPrefix, _defineProperty({}, "".concat(classPrefix, "--").concat(props.direction), props.direction), className)
77
77
  }, rest), options !== null && options !== void 0 && options.length ? renderOptionsChildren() : children));
78
78
  });
79
79
  RadioGroup.defaultProps = defaultProps;
package/dist/esm/Range.js CHANGED
@@ -72,7 +72,7 @@ var Range = function Range2(props) {
72
72
  return max - min;
73
73
  };
74
74
  var classes = classNames(classPrefix, (_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "-disabled"), disabled), _defineProperty(_classNames, "".concat(classPrefix, "-vertical"), vertical), _classNames));
75
- var containerClasses = classNames("".concat(classPrefix, "-container"), className, _defineProperty({}, "".concat(classPrefix, "-container-vertical"), vertical));
75
+ var containerClasses = classNames("".concat(classPrefix, "-container"), _defineProperty({}, "".concat(classPrefix, "-container-vertical"), vertical), className);
76
76
  var markClassName = useCallback(function(mark) {
77
77
  var classPrefix2 = "nut-range-mark";
78
78
  var lowerBound = min;
package/dist/esm/Rate.js CHANGED
@@ -76,10 +76,10 @@ var Rate = function Rate2(props) {
76
76
  setScore(value2);
77
77
  };
78
78
  return React__default.createElement("div", {
79
- className: classNames(classPrefix, className, {
79
+ className: classNames(classPrefix, {
80
80
  disabled,
81
81
  readonly: readOnly
82
- }),
82
+ }, className),
83
83
  style
84
84
  }, countArray.map(function(n) {
85
85
  return React__default.createElement("div", {
package/dist/esm/SafeArea/style/css.js ADDED
@@ -0,0 +1 @@
1
+ import './style.css'
package/dist/esm/SafeArea/style/index.js ADDED
@@ -0,0 +1,2 @@
1
+
2
+ import '../../../packages/safearea/safearea.scss'
package/dist/esm/SafeArea/style/style.css ADDED
@@ -0,0 +1 @@
1
+ .nut-safe-area{display:block;width:100%}.nut-safe-area-position-top{padding-top:calc(env(safe-area-inset-top) * var(--nutui-safe-area-multiple, 1))}.nut-safe-area-position-bottom{padding-bottom:calc(env(safe-area-inset-bottom) * var(--nutui-safe-area-multiple, 1))}
package/dist/esm/SafeArea.js ADDED
@@ -0,0 +1,6 @@
1
+ import { S as SafeArea } from "./safearea2.js";
2
+ import "react";
3
+ import "classnames";
4
+ export {
5
+ SafeArea as default
6
+ };
package/dist/esm/SearchBar.js CHANGED
@@ -22,7 +22,7 @@ function _objectSpread(e) {
22
22
  return e;
23
23
  }
24
24
  import React__default, { useRef, useState, useEffect } from "react";
25
- import { Search, CircleClose } from "@nutui/icons-react";
25
+ import { Search, Failure } from "@nutui/icons-react";
26
26
  import { useConfig } from "./ConfigProvider.js";
27
27
  import { C as ComponentDefaults } from "./typings.js";
28
28
  var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
@@ -136,7 +136,7 @@ var SearchBar = function SearchBar2(props) {
136
136
  onClick: function onClick(e) {
137
137
  return clearaVal(e);
138
138
  }
139
- }, React__default.createElement(CircleClose, {
139
+ }, React__default.createElement(Failure, {
140
140
  color: "#555",
141
141
  width: 12,
142
142
  height: 12
package/dist/esm/ShortPassword.js CHANGED
@@ -79,7 +79,7 @@ var ShortPassword = function ShortPassword2(props) {
79
79
  onOverlayClick: onClose,
80
80
  onCloseIconClick: onClose
81
81
  }, rest), React__default.createElement("div", {
82
- className: classNames(className, classPrefix),
82
+ className: classNames(classPrefix, className),
83
83
  style
84
84
  }, React__default.createElement("div", {
85
85
  className: "".concat(classPrefix, "__title")
package/dist/esm/SideNavBar.js CHANGED
@@ -44,7 +44,7 @@ var SideNavBar = function SideNavBar2(props) {
44
44
  position,
45
45
  onClose
46
46
  }, React__default.createElement("div", _objectSpread({
47
- className: classNames(className, classPrefix)
47
+ className: classNames(classPrefix, className)
48
48
  }, rest), React__default.createElement("div", {
49
49
  className: "".concat(classPrefix, "__content")
50
50
  }, React__default.createElement("div", {