@nutui/nutui-react 2.6.3 → 2.6.5

package/CHANGELOG.md

@@ -1,3 +1,29 @@
+# v2.6.5
+`2024-05-17`
+
+
+*🏡 chore(image): 官网taro的demo显示与h5不一致 (#2244) @Alex.huxiyang
+* :bug: fix(circleprogress): update demo (#2260) @Eiinu
+* :bug: fix: 移除 defaultProps(2) (#2254) @Eiinu
+* :bug: fix: 关于checkbox&tabs的doc与demo修改 (#2253) @Alex.huxiyang
+* :bug: fix(table): 修复部分由于场景下width未生效导致的一些问题 (#2241) @Alex.huxiyang
+* :bug: fix(menu): 选项文字很多时右侧箭头展示异常 (#2252) @Alex.huxiyang
+* :bug: fix(input): 修复特殊场景下自动清除失效问题 (#2240) @Eiinu
+
+
+# v2.6.4
+`2024-05-10`
+
+
+* 🏡 chore: 修改默认的微信基础库版本 (#2235) @eiinu
+* 🏡 chore(image): demo代码风格优化 (#2220) @Alex-huxiyang
+* 📖 docs(uploader): 文件上传编码使用提示 (#2224) @Alex-huxiyang
+* :bug: fix(imagePreview): 阻止关闭预览事件对父结构的非必要影响 (#2227) @Alex-huxiyang
+* :bug: fix(picker): 修复连续多次打开 picker 时显示值错误 (#2222) @eiinu
+* :bug: fix(virtualList): 修复部分场景onScroll不触发 (#2221) @Alex-huxiyang
+* :bug: fix: 移除 defaultProps (#2230) @eiinu
+
+
 # v2.6.3
 `2024-04-30`
 

package/dist/esm/ActionSheet.js

@@ -36,7 +36,6 @@ const ActionSheet = (props) => {
     )
   );
 };
-ActionSheet.defaultProps = defaultProps;
 ActionSheet.displayName = "NutActionSheet";
 export {
   ActionSheet as default

package/dist/esm/Address.js

@@ -124,7 +124,6 @@ const InternalAddress = (props, ref) => {
   ));
 };
 const Address = forwardRef(InternalAddress);
-Address.defaultProps = defaultProps;
 Address.displayName = "NutAddress";
 export {
   Address as default

package/dist/esm/Animate.js

@@ -29,7 +29,6 @@ const Animate = (props) => {
     React__default.createElement("div", Object.assign({ className: cls, onClick: handleClick }, rest), children)
   );
 };
-Animate.defaultProps = defaultProps;
 Animate.displayName = "NutAnimate";
 export {
   Animate as default

package/dist/esm/Avatar.js

@@ -50,8 +50,8 @@ const Avatar = (props) => {
     }
   };
   const errorEvent = () => {
-    if (props.onError) {
-      props.onError();
+    if (onError) {
+      onError();
     }
   };
   const clickAvatar = (e) => {
@@ -71,7 +71,6 @@ const Avatar = (props) => {
     showMax && React__default.createElement("div", { className: "text" }, ((_m = parent === null || parent === void 0 ? void 0 : parent.propAvatarGroup) === null || _m === void 0 ? void 0 : _m.maxContent) ? (_o = parent === null || parent === void 0 ? void 0 : parent.propAvatarGroup) === null || _o === void 0 ? void 0 : _o.maxContent : `+ ${avatarIndex - Number(((_p = parent === null || parent === void 0 ? void 0 : parent.propAvatarGroup) === null || _p === void 0 ? void 0 : _p.max) || 0)}`)
   ));
 };
-Avatar.defaultProps = defaultProps;
 Avatar.displayName = "NutAvatar";
 Avatar.Group = AvatarGroup__default;
 export {

package/dist/esm/AvatarCropper.js

@@ -299,7 +299,6 @@ const AvatarCropper = (props) => {
     CropperPopup()
   );
 };
-AvatarCropper.defaultProps = defaultProps;
 AvatarCropper.displayName = "NutAvatarCropper";
 export {
   AvatarCropper as default

package/dist/esm/AvatarGroup.js

@@ -19,7 +19,6 @@ const AvatarGroup = (props) => {
     React__default.createElement("div", { className: cls, style, ref: avatarGroupRef }, children)
   );
 };
-AvatarGroup.defaultProps = defaultProps;
 AvatarGroup.displayName = "NutAvatarGroup";
 export {
   AvatarGroup as default

package/dist/esm/BackTop.js

@@ -87,7 +87,6 @@ const BackTop = (props) => {
     goTop(e);
   } }, children || React__default.createElement(Top, { width: 19, height: 19, className: "nut-backtop-main" }));
 };
-BackTop.defaultProps = defaultProps;
 BackTop.displayName = "NutBackTop";
 export {
   BackTop as default

package/dist/esm/Barrage.js

@@ -85,7 +85,6 @@ const InternalBarrage = (props, ref) => {
   );
 };
 const Barrage = React__default.forwardRef(InternalBarrage);
-Barrage.defaultProps = defaultProps;
 Barrage.displayName = "NutBarrage";
 export {
   Barrage as default

package/dist/esm/Calendar.js

@@ -41,7 +41,6 @@ const Calendar = React__default.forwardRef((props, ref) => {
   };
   return React__default.createElement(React__default.Fragment, null, popup ? React__default.createElement(Popup__default, { className: "nut-calendar-popup", visible, position: "bottom", round: true, closeable: true, destroyOnClose: true, onOverlayClick: closePopup, onCloseIconClick: closePopup, style: { height: "83%" } }, renderItem()) : renderItem());
 });
-Calendar.defaultProps = defaultProps;
 Calendar.displayName = "NutCalendar";
 export {
   Calendar as default

package/dist/esm/CalendarCard.js

@@ -411,7 +411,6 @@ const CalendarCard = React__default.forwardRef((props, ref) => {
     renderContent()
   ) : null;
 });
-CalendarCard.defaultProps = defaultProps;
 CalendarCard.displayName = "NutCalendarCard";
 export {
   CalendarCard as default

package/dist/esm/CalendarItem.js

@@ -40,7 +40,7 @@ const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { type:
 } });
 const CalendarItem = React__default.forwardRef((props, ref) => {
   const { locale } = useConfig();
-  const { style, className, children, popup, type, autoBackfill, title, defaultValue, startDate, endDate, showToday, startText, endText, confirmText, showTitle, showSubTitle, scrollAnimation, firstDayOfWeek, disableDate, renderHeaderButtons, renderDay, renderDayTop, renderDayBottom, onConfirm, onUpdate, onDayClick, onPageChange } = Object.assign(Object.assign({}, defaultProps), props);
+  const { style, className, children, popup, type, autoBackfill, title, defaultValue, startDate, endDate, showToday, startText, endText, confirmText, showTitle, showSubTitle, scrollAnimation, firstDayOfWeek, disableDate, renderHeaderButtons, renderDay, renderDayTop, renderDayBottom, value, onConfirm, onUpdate, onDayClick, onPageChange } = Object.assign(Object.assign({}, defaultProps), props);
   const weekdays = locale.calendaritem.weekdays;
   const weeks = [
     ...weekdays.slice(firstDayOfWeek, 7),
@@ -72,7 +72,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     return void 0;
   };
   const [currentDate, setCurrentDate] = usePropsValue({
-    value: props.value,
+    value,
     defaultValue: resetDefaultValue(),
     finalValue: [],
     onChange: (val) => {
@@ -261,7 +261,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
       if (type === "range") {
         chooseDay({ day: defaultData[2], type: "active" }, monthsData[current.current], true);
         chooseDay({ day: defaultData[5], type: "active" }, monthsData[current.lastCurrent], true);
-      } else if (props.type === "week") {
+      } else if (type === "week") {
         chooseDay({ day: defaultData[2], type: "curr" }, monthsData[current.current], true);
       } else if (type === "multiple") {
         [...currentDate].forEach((item) => {
@@ -558,7 +558,6 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     )
   );
 });
-CalendarItem.defaultProps = defaultProps;
 CalendarItem.displayName = "NutCalendarItem";
 export {
   CalendarItem as default

package/dist/esm/Card.js

@@ -42,7 +42,6 @@ const Card = (props) => {
     )
   );
 };
-Card.defaultProps = defaultProps;
 Card.displayName = "NutCard";
 export {
   Card as default

package/dist/esm/Cell.js

@@ -34,7 +34,6 @@ const Cell = (props) => {
     (ctx === null || ctx === void 0 ? void 0 : ctx.divider) ? React__default.createElement("div", { className: `${classPrefix}-divider` }) : null
   );
 };
-Cell.defaultProps = defaultProps;
 Cell.displayName = "NutCell";
 Cell.Group = CellGroup__default;
 export {

package/dist/esm/CellGroup.js

@@ -19,7 +19,6 @@ const CellGroup = (props) => {
     )
   );
 };
-CellGroup.defaultProps = defaultProps;
 CellGroup.displayName = "NutCellGroup";
 export {
   CellGroup as default

package/dist/esm/CircleProgress.js

@@ -27,11 +27,10 @@ const CircleProgress = (props) => {
     return `M 50 50 m -45 0 a 45 45 0 1 ${isWise} 90 0  a 45 45 0 1 ${isWise} -90 0`;
   };
   const stop = () => {
-    if (!isObject(props.color)) {
+    if (!isObject(color)) {
       return;
     }
-    const color2 = props.color;
-    const colorArr = Object.keys(color2).sort((a, b) => parseFloat(a) - parseFloat(b));
+    const colorArr = Object.keys(color).sort((a, b) => parseFloat(a) - parseFloat(b));
     const stopArr = [];
     colorArr.forEach((item) => {
       const obj = {
@@ -39,7 +38,7 @@ const CircleProgress = (props) => {
         value: ""
       };
       obj.key = item;
-      obj.value = color2[item];
+      obj.value = color[item];
       stopArr.push(obj);
     });
     return stopArr;
@@ -63,7 +62,6 @@ const CircleProgress = (props) => {
     React__default.createElement("div", { className: "nut-circleprogress-text" }, children)
   );
 };
-CircleProgress.defaultProps = defaultProps;
 CircleProgress.displayName = "NutCircleProgress";
 export {
   CircleProgress as default

package/dist/esm/Col.js

@@ -26,7 +26,6 @@ const Col = (props) => {
     onClick && onClick(e, "col");
   } }, children);
 };
-Col.defaultProps = defaultProps;
 Col.displayName = "NutCol";
 export {
   Col as default

package/dist/esm/Collapse.js

@@ -55,7 +55,6 @@ const Collapse = (props) => {
     React__default.createElement("div", { className: classNames(classPrefix, className), style }, children)
   );
 };
-Collapse.defaultProps = defaultProps;
 Collapse.displayName = "NutCollapse";
 Collapse.Item = CollapseItem;
 export {

package/dist/esm/CountDown.js

@@ -197,7 +197,6 @@ const InternalCountDown = (props, ref) => {
   }));
 };
 const CountDown = React__default.forwardRef(InternalCountDown);
-CountDown.defaultProps = defaultProps;
 CountDown.displayName = "NutCountDown";
 export {
   CountDown as default

package/dist/esm/Divider.js

@@ -18,7 +18,6 @@ const Divider = (props) => {
   });
   return React__default.createElement("div", Object.assign({ className: `${classes} ${className || ""}`, style }, rest), children);
 };
-Divider.defaultProps = defaultProps;
 Divider.displayName = "NutDivider";
 export {
   Divider as default

package/dist/esm/Drag.js

@@ -37,7 +37,7 @@ const Drag = (props) => {
   const bind = useDrag(({ down, last, offset: [x, y] }) => {
     api.start({ x, y, immediate: down });
     if (last) {
-      if (props.direction !== "y" && props.attract) {
+      if (direction !== "y" && attract) {
         if (x < middleLine.current) {
           api.start({ x: boundaryState.left, y, immediate: down });
         } else {
@@ -63,7 +63,6 @@ const Drag = (props) => {
     React__default.createElement(animated.div, Object.assign({ style: currstyle }, bind()), children)
   );
 };
-Drag.defaultProps = defaultProps;
 Drag.displayName = "NutDrag";
 export {
   Drag as default

package/dist/esm/Elevator.js

@@ -173,7 +173,6 @@ const Elevator = (props) => {
     ) : null
   );
 };
-Elevator.defaultProps = defaultProps;
 Elevator.displayName = "NutElevator";
 Elevator.Context = elevatorContext;
 export {

package/dist/esm/Ellipsis.js

@@ -154,7 +154,6 @@ const Ellipsis = (props) => {
     ) : null
   );
 };
-Ellipsis.defaultProps = defaultProps;
 Ellipsis.displayName = "NutEllipsis";
 export {
   Ellipsis as default

package/dist/esm/Empty.js

@@ -53,7 +53,6 @@ const Empty = (props) => {
     children
   );
 };
-Empty.defaultProps = defaultProps;
 Empty.displayName = "NutEmpty";
 export {
   Empty as default

package/dist/esm/FixedNav.js

@@ -43,7 +43,6 @@ const FixedNav = (props) => {
     ))
   );
 };
-FixedNav.defaultProps = defaultProps;
 FixedNav.displayName = "NutFixedNav";
 export {
   FixedNav as default

package/dist/esm/Form.js

@@ -52,7 +52,6 @@ const Form = React__default.forwardRef((props, ref) => {
     )
   );
 });
-Form.defaultProps = defaultProps;
 Form.displayName = "NutForm";
 const InnerForm = Form;
 InnerForm.Item = FormItem;

package/dist/esm/Grid.js

@@ -46,7 +46,6 @@ const Grid = (props) => {
     }))
   );
 };
-Grid.defaultProps = defaultProps;
 Grid.displayName = "NutGrid";
 Grid.Item = GridItem;
 export {

package/dist/esm/Image.js

@@ -6,7 +6,7 @@ import { p as pxCheck } from "./px-check.js";
 const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { fit: "fill", position: "center", alt: "", width: "", height: "", error: true, loading: true, lazy: false });
 const classPrefix = "nut-image";
 const Image = (props) => {
-  const { className, style, src, fit, position, alt, width, height, radius, error, loading, lazy, onClick, onLoad, onError } = Object.assign(Object.assign({}, defaultProps), props);
+  const { className, style, src, fit, position, alt, width, height, radius, error, loading, lazy, draggable, onClick, onLoad, onError } = Object.assign(Object.assign({}, defaultProps), props);
   const [innerLoading, setInnerLoading] = useState(false);
   const [isError, setIsError] = useState(false);
   const [complete, setComplete] = useState(false);
@@ -114,12 +114,11 @@ const Image = (props) => {
     { className: classNames(classPrefix, className), style: containerStyle, onClick: (e) => {
       imageClick(e);
     } },
-    lazy ? React__default.createElement("img", { ref: imgRef, className: "nut-img lazyload", style: imgStyle, "data-src": src, alt, loading: "lazy", onLoad: handleLoad, onError: handleError, draggable: props.draggable }) : React__default.createElement("img", { ref: imgRef, className: "nut-img", style: imgStyle, src, alt, onLoad: handleLoad, onError: handleError, draggable: props.draggable }),
+    lazy ? React__default.createElement("img", { ref: imgRef, className: "nut-img lazyload", style: imgStyle, "data-src": src, alt, loading: "lazy", onLoad: handleLoad, onError: handleError, draggable }) : React__default.createElement("img", { ref: imgRef, className: "nut-img", style: imgStyle, src, alt, onLoad: handleLoad, onError: handleError, draggable }),
     renderLoading(),
     renderErrorImg()
   );
 };
-Image.defaultProps = defaultProps;
 Image.displayName = "NutImage";
 export {
   Image as default

package/dist/esm/ImagePreview.js

@@ -12,16 +12,15 @@ const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { image
 }, onClose: () => {
 } });
 const ImagePreview = (props) => {
-  const { className, style, images, videos, visible, defaultValue, indicatorColor, indicator, autoPlay, closeOnContentClick, closeIcon, closeIconPosition, onClose } = props;
+  const { value, className, style, images, videos, visible, defaultValue, indicatorColor, indicator, autoPlay, closeOnContentClick, closeIcon, closeIconPosition, onClose, onChange } = Object.assign(Object.assign({}, defaultProps), props);
   const classPrefix = "nut-imagepreview";
   const ref = useRef(null);
   const [innerNo, setInnerNo] = usePropsValue({
-    value: props.value,
+    value,
     defaultValue,
     finalValue: defaultValue,
     onChange: (val) => {
-      var _a;
-      (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, val);
+      onChange === null || onChange === void 0 ? void 0 : onChange(val);
     }
   });
   const [showPop, setShowPop] = useState(visible);
@@ -121,20 +120,20 @@ const ImagePreview = (props) => {
     return Math.hypot(Math.abs(second.x - first.x), Math.abs(second.y - first.y));
   };
   const slideChangeEnd = (page) => {
-    var _a;
     setActive(page + 1);
-    (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, page + 1);
+    onChange === null || onChange === void 0 ? void 0 : onChange(page + 1);
   };
-  const onCloseInner = () => {
+  const onCloseInner = (e) => {
+    e.stopPropagation();
     setShowPop(false);
     setActive(innerNo);
     scaleNow();
     onClose && onClose();
     setStore(Object.assign(Object.assign({}, store), { scale: 1 }));
   };
-  const closeOnImg = () => {
+  const closeOnImg = (e) => {
     if (closeOnContentClick) {
-      onCloseInner();
+      onCloseInner(e);
     }
   };
   const duration = typeof autoPlay === "string" ? parseInt(autoPlay) : autoPlay;
@@ -166,7 +165,6 @@ const ImagePreview = (props) => {
     closeIcon !== false ? React__default.createElement("div", { className: `${classPrefix}-close ${closeIconPosition}`, onClick: onCloseInner }, closeIcon === true ? React__default.createElement(Close, null) : closeIcon) : null
   );
 };
-ImagePreview.defaultProps = defaultProps;
 ImagePreview.displayName = "NutImagePreview";
 export {
   ImagePreview as default

package/dist/esm/Indicator.js

@@ -21,7 +21,6 @@ const Indicator = (props) => {
   };
   return React__default.createElement("div", Object.assign({ className: classNames(classPrefix, classes, className) }, rest), renderElement());
 };
-Indicator.defaultProps = defaultProps;
 Indicator.displayName = "NutIndicator";
 export {
   Indicator as default

package/dist/esm/InfiniteLoading.js

@@ -141,7 +141,6 @@ const InfiniteLoading = (props) => {
     React__default.createElement("div", { className: "nut-infinite-bottom" }, isInfiniting ? React__default.createElement("div", { className: "nut-infinite-bottom-tips" }, loadingText || locale.infiniteloading.loadText) : !hasMore && React__default.createElement("div", { className: "nut-infinite-bottom-tips" }, loadMoreText || locale.infiniteloading.loadMoreText))
   );
 };
-InfiniteLoading.defaultProps = defaultProps;
 InfiniteLoading.displayName = "NutInfiniteLoading";
 export {
   InfiniteLoading as default

package/dist/esm/Input.js

@@ -32,10 +32,10 @@ const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { type:
 const Input = forwardRef((props, ref) => {
   const rtl = useRtl();
   const { locale } = useConfig();
-  const _a = Object.assign(Object.assign({}, defaultProps), props), { type, name, placeholder, align, disabled, readOnly, maxLength, clearable, clearIcon, formatTrigger, autoFocus, style, className, onChange, onFocus, onClear, formatter, onClick, confirmType, defaultValue, value: _value } = _a, rest = __rest(_a, ["type", "name", "placeholder", "align", "disabled", "readOnly", "maxLength", "clearable", "clearIcon", "formatTrigger", "autoFocus", "style", "className", "onChange", "onFocus", "onClear", "formatter", "onClick", "confirmType", "defaultValue", "value"]);
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { type, name, placeholder, align, disabled, readOnly, maxLength, clearable, clearIcon, formatTrigger, autoFocus, style, className, onChange, onFocus, onClear, formatter, onClick, confirmType, defaultValue, value: _value, onCompositionStart, onCompositionEnd } = _a, rest = __rest(_a, ["type", "name", "placeholder", "align", "disabled", "readOnly", "maxLength", "clearable", "clearIcon", "formatTrigger", "autoFocus", "style", "className", "onChange", "onFocus", "onClear", "formatter", "onClick", "confirmType", "defaultValue", "value", "onCompositionStart", "onCompositionEnd"]);
   const [value, setValue] = usePropsValue({
-    value: props.value,
-    defaultValue: props.defaultValue,
+    value: _value,
+    defaultValue,
     finalValue: "",
     onChange
   });
@@ -126,15 +126,13 @@ const Input = forwardRef((props, ref) => {
     }, onChange: (e) => {
       handleInput(e.currentTarget.value);
     }, onCompositionStart: (e) => {
-      var _a2;
       composingRef.current = true;
-      (_a2 = props.onCompositionStart) === null || _a2 === void 0 ? void 0 : _a2.call(props, e);
+      onCompositionStart === null || onCompositionStart === void 0 ? void 0 : onCompositionStart(e);
     }, onCompositionEnd: (e) => {
-      var _a2;
       composingRef.current = false;
-      (_a2 = props.onCompositionEnd) === null || _a2 === void 0 ? void 0 : _a2.call(props, e);
+      onCompositionEnd === null || onCompositionEnd === void 0 ? void 0 : onCompositionEnd(e);
     } })),
-    clearable && !readOnly && active && value.length > 0 ? React__default.createElement("span", { style: { display: "flex", alignItems: "center" }, onClick: () => {
+    clearable && !readOnly && active && value.length > 0 ? React__default.createElement("span", { style: { display: "flex", alignItems: "center", cursor: "pointer" }, onClick: () => {
       if (!disabled) {
         setValue("");
         onClear && onClear("");
@@ -142,7 +140,6 @@ const Input = forwardRef((props, ref) => {
     } }, clearIcon || React__default.createElement(MaskClose, { className: "nut-input-clear" })) : null
   );
 });
-Input.defaultProps = defaultProps;
 Input.displayName = "NutInput";
 export {
   Input as default

package/dist/esm/InputNumber.js

@@ -151,7 +151,6 @@ const InputNumber = (props) => {
     )
   );
 };
-InputNumber.defaultProps = defaultProps;
 InputNumber.displayName = "NutInputNumber";
 export {
   InputNumber as default

package/dist/esm/Layout.js

@@ -4,7 +4,6 @@ const Layout = (props) => {
   Object.assign(Object.assign({}, defaultProps), props);
   return React__default.createElement("div", { className: "nut-layout" }, "Layout");
 };
-Layout.defaultProps = defaultProps;
 Layout.displayName = "NutLayout";
 export {
   Layout as default

package/dist/esm/Loading.js

@@ -23,7 +23,6 @@ const Loading = (props) => {
     children ? React__default.createElement("div", { className: `${classPrefix}-text` }, children) : ""
   );
 };
-Loading.defaultProps = defaultProps;
 Loading.displayName = "NutLoading";
 export {
   Loading as default

package/dist/esm/Menu/style/style.css

@@ -1 +1 @@
-.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, 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-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}[dir=rtl] .nut-overlay,.nut-rtl .nut-overlay{left:auto;right:0}.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-menu-container-content{padding:var(--nutui-menu-content-padding, 12px 24px);max-height:var(--nutui-menu-content-max-height, 214px);overflow-y:auto;display:flex;flex-wrap:wrap;background:var(--nutui-menu-content-background-color, var(--nutui-gray-1, #ffffff))}.nut-menu-container-content_fixed{width:100%;opacity:0;position:fixed}.nut-menu-container-item{display:flex;align-items:center;color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-font-size-3, 14px);padding:var(--nutui-menu-item-padding, 12px 0)}.nut-menu-container-item.active{font-weight:var(--nutui-menu-item-active-font-weight, var(--nutui-font-weight-bold, 500));color:var(--nutui-menu-item-active-color, var(--nutui-color-primary, #fa2c19))}.nut-menu-container-item .nut-icon{display:inline-flex;align-items:center;margin-right:var(--nutui-menu-item-icon-margin, 8px)}.nut-menu-container-wrap,.nut-menu-container-wrap-up{position:absolute;width:100%;z-index:var(--nutui-menu-container-z-index, 1000);overflow:hidden}.nut-menu-container-wrap-up{bottom:var(--nutui-menu-bar-line-height, 48px)}.overlay-fade-enter-active.nut-menu-container-overlay{top:auto;z-index:var(--nutui-menu-container-z-index, 1000)}.nut-menu-placeholder-element{position:fixed;top:-var(--nutui-menu-bar-line-height,48px);left:0;right:0;z-index:var(--nutui-menu-bar-opened-z-index, 1000);background-color:transparent}.nut-menu-placeholder-element.up{bottom:-var(--nutui-menu-bar-line-height,48px)}.nut-menu-container-down-enter{opacity:0;transform:translateY(-30px)}.nut-menu-container-down-enter-done{opacity:1;transform:translate(0);transition:all .1s}.nut-menu-container-down-exit{opacity:1;transition:all .1s}.nut-menu-container-down-exit-done{opacity:0;transition:all .1s}.nut-menu-container-up-enter{opacity:0;transform:translateY(30px)}.nut-menu-container-up-enter-done{opacity:1;transform:translate(0);transition:all .1s}.nut-menu-container-up-exit{opacity:1;transition:all .1s}.nut-menu-container-up-exit-done{opacity:0;transition:all .1s}[dir=rtl] .nut-menu-container-item .nut-icon,.nut-rtl .nut-menu-container-item .nut-icon{margin-right:0;margin-left:var(--nutui-menu-item-icon-margin, 8px)}[dir=rtl] .nut-menu-container .nut-icon,.nut-rtl .nut-menu-container .nut-icon{transform:rotateY(180deg)}.nut-menu{position:relative}.nut-menu.scroll-fixed{position:fixed;top:var(--nutui-menu-scroll-fixed-top, 0);z-index:var(--nutui-menu-scroll-fixed-z-index, 1000);width:100%}.nut-menu-bar{position:relative;display:flex;line-height:var(--nutui-menu-bar-line-height, 48px);background-color:var(--nutui-gray-1, #ffffff);box-shadow:var(--nutui-menu-bar-box-shadow, 0 2px 12px rgba(89, 89, 89, .12))}.nut-menu-bar.opened{z-index:var(--nutui-menu-bar-opened-z-index, 1000)}.nut-menu-title{flex:1;text-align:center;font-size:var(--nutui-menu-title-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-menu-title-color, var(--nutui-gray-7, #1a1a1a));min-width:0;display:flex;align-items:center;justify-content:center;max-width:100%}.nut-menu-title-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;padding:var(--nutui-menu-title-padding, 0 8px)}.nut-menu-title-icon{transition:all .2s linear}.nut-menu-title.active{color:var(--nutui-menu-item-active-color, var(--nutui-color-primary, #fa2c19))}.nut-menu-title.disabled{color:var(--nutui-menu-item-disabled-color, var(--nutui-color-text-disabled, #bfbfbf))}.nut-menu-title.active .nut-menu-title-icon{transform:rotate(180deg)}
+.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, 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-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}[dir=rtl] .nut-overlay,.nut-rtl .nut-overlay{left:auto;right:0}.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-menu-container-content{padding:var(--nutui-menu-content-padding, 12px 24px);max-height:var(--nutui-menu-content-max-height, 214px);overflow-y:auto;display:flex;flex-wrap:wrap;background:var(--nutui-menu-content-background-color, var(--nutui-gray-1, #ffffff))}.nut-menu-container-content_fixed{width:100%;opacity:0;position:fixed}.nut-menu-container-item{display:flex;align-items:center;color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-font-size-3, 14px);padding:var(--nutui-menu-item-padding, 12px 0)}.nut-menu-container-item.active{font-weight:var(--nutui-menu-item-active-font-weight, var(--nutui-font-weight-bold, 500));color:var(--nutui-menu-item-active-color, var(--nutui-color-primary, #fa2c19))}.nut-menu-container-item .nut-icon{display:inline-flex;align-items:center;margin-right:var(--nutui-menu-item-icon-margin, 8px);flex-shrink:0}.nut-menu-container-wrap,.nut-menu-container-wrap-up{position:absolute;width:100%;z-index:var(--nutui-menu-container-z-index, 1000);overflow:hidden}.nut-menu-container-wrap-up{bottom:var(--nutui-menu-bar-line-height, 48px)}.overlay-fade-enter-active.nut-menu-container-overlay{top:auto;z-index:var(--nutui-menu-container-z-index, 1000)}.nut-menu-placeholder-element{position:fixed;top:-var(--nutui-menu-bar-line-height,48px);left:0;right:0;z-index:var(--nutui-menu-bar-opened-z-index, 1000);background-color:transparent}.nut-menu-placeholder-element.up{bottom:-var(--nutui-menu-bar-line-height,48px)}.nut-menu-container-down-enter{opacity:0;transform:translateY(-30px)}.nut-menu-container-down-enter-done{opacity:1;transform:translate(0);transition:all .1s}.nut-menu-container-down-exit{opacity:1;transition:all .1s}.nut-menu-container-down-exit-done{opacity:0;transition:all .1s}.nut-menu-container-up-enter{opacity:0;transform:translateY(30px)}.nut-menu-container-up-enter-done{opacity:1;transform:translate(0);transition:all .1s}.nut-menu-container-up-exit{opacity:1;transition:all .1s}.nut-menu-container-up-exit-done{opacity:0;transition:all .1s}[dir=rtl] .nut-menu-container-item .nut-icon,.nut-rtl .nut-menu-container-item .nut-icon{margin-right:0;margin-left:var(--nutui-menu-item-icon-margin, 8px)}[dir=rtl] .nut-menu-container .nut-icon,.nut-rtl .nut-menu-container .nut-icon{transform:rotateY(180deg)}.nut-menu{position:relative}.nut-menu.scroll-fixed{position:fixed;top:var(--nutui-menu-scroll-fixed-top, 0);z-index:var(--nutui-menu-scroll-fixed-z-index, 1000);width:100%}.nut-menu-bar{position:relative;display:flex;line-height:var(--nutui-menu-bar-line-height, 48px);background-color:var(--nutui-gray-1, #ffffff);box-shadow:var(--nutui-menu-bar-box-shadow, 0 2px 12px rgba(89, 89, 89, .12))}.nut-menu-bar.opened{z-index:var(--nutui-menu-bar-opened-z-index, 1000)}.nut-menu-title{flex:1;text-align:center;font-size:var(--nutui-menu-title-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-menu-title-color, var(--nutui-gray-7, #1a1a1a));min-width:0;display:flex;align-items:center;justify-content:center;max-width:100%}.nut-menu-title-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;padding:var(--nutui-menu-title-padding, 0 8px)}.nut-menu-title-icon{flex-shrink:0;transition:all .2s linear}.nut-menu-title.active{color:var(--nutui-menu-item-active-color, var(--nutui-color-primary, #fa2c19))}.nut-menu-title.disabled{color:var(--nutui-menu-item-disabled-color, var(--nutui-color-text-disabled, #bfbfbf))}.nut-menu-title.active .nut-menu-title-icon{transform:rotate(180deg)}

package/dist/esm/Menu.js

@@ -108,7 +108,6 @@ const Menu = (props) => {
     cloneChildren()
   );
 };
-Menu.defaultProps = defaultProps;
 Menu.displayName = "NutMenu";
 Menu.Item = MenuItem;
 export {

package/dist/esm/MenuItem/style/style.css

@@ -1 +1 @@
-.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, 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-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}[dir=rtl] .nut-overlay,.nut-rtl .nut-overlay{left:auto;right:0}.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-menu-container-content{padding:var(--nutui-menu-content-padding, 12px 24px);max-height:var(--nutui-menu-content-max-height, 214px);overflow-y:auto;display:flex;flex-wrap:wrap;background:var(--nutui-menu-content-background-color, var(--nutui-gray-1, #ffffff))}.nut-menu-container-content_fixed{width:100%;opacity:0;position:fixed}.nut-menu-container-item{display:flex;align-items:center;color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-font-size-3, 14px);padding:var(--nutui-menu-item-padding, 12px 0)}.nut-menu-container-item.active{font-weight:var(--nutui-menu-item-active-font-weight, var(--nutui-font-weight-bold, 500));color:var(--nutui-menu-item-active-color, var(--nutui-color-primary, #fa2c19))}.nut-menu-container-item .nut-icon{display:inline-flex;align-items:center;margin-right:var(--nutui-menu-item-icon-margin, 8px)}.nut-menu-container-wrap,.nut-menu-container-wrap-up{position:absolute;width:100%;z-index:var(--nutui-menu-container-z-index, 1000);overflow:hidden}.nut-menu-container-wrap-up{bottom:var(--nutui-menu-bar-line-height, 48px)}.overlay-fade-enter-active.nut-menu-container-overlay{top:auto;z-index:var(--nutui-menu-container-z-index, 1000)}.nut-menu-placeholder-element{position:fixed;top:-var(--nutui-menu-bar-line-height,48px);left:0;right:0;z-index:var(--nutui-menu-bar-opened-z-index, 1000);background-color:transparent}.nut-menu-placeholder-element.up{bottom:-var(--nutui-menu-bar-line-height,48px)}.nut-menu-container-down-enter{opacity:0;transform:translateY(-30px)}.nut-menu-container-down-enter-done{opacity:1;transform:translate(0);transition:all .1s}.nut-menu-container-down-exit{opacity:1;transition:all .1s}.nut-menu-container-down-exit-done{opacity:0;transition:all .1s}.nut-menu-container-up-enter{opacity:0;transform:translateY(30px)}.nut-menu-container-up-enter-done{opacity:1;transform:translate(0);transition:all .1s}.nut-menu-container-up-exit{opacity:1;transition:all .1s}.nut-menu-container-up-exit-done{opacity:0;transition:all .1s}[dir=rtl] .nut-menu-container-item .nut-icon,.nut-rtl .nut-menu-container-item .nut-icon{margin-right:0;margin-left:var(--nutui-menu-item-icon-margin, 8px)}[dir=rtl] .nut-menu-container .nut-icon,.nut-rtl .nut-menu-container .nut-icon{transform:rotateY(180deg)}
+.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, 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-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}[dir=rtl] .nut-overlay,.nut-rtl .nut-overlay{left:auto;right:0}.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-menu-container-content{padding:var(--nutui-menu-content-padding, 12px 24px);max-height:var(--nutui-menu-content-max-height, 214px);overflow-y:auto;display:flex;flex-wrap:wrap;background:var(--nutui-menu-content-background-color, var(--nutui-gray-1, #ffffff))}.nut-menu-container-content_fixed{width:100%;opacity:0;position:fixed}.nut-menu-container-item{display:flex;align-items:center;color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-font-size-3, 14px);padding:var(--nutui-menu-item-padding, 12px 0)}.nut-menu-container-item.active{font-weight:var(--nutui-menu-item-active-font-weight, var(--nutui-font-weight-bold, 500));color:var(--nutui-menu-item-active-color, var(--nutui-color-primary, #fa2c19))}.nut-menu-container-item .nut-icon{display:inline-flex;align-items:center;margin-right:var(--nutui-menu-item-icon-margin, 8px);flex-shrink:0}.nut-menu-container-wrap,.nut-menu-container-wrap-up{position:absolute;width:100%;z-index:var(--nutui-menu-container-z-index, 1000);overflow:hidden}.nut-menu-container-wrap-up{bottom:var(--nutui-menu-bar-line-height, 48px)}.overlay-fade-enter-active.nut-menu-container-overlay{top:auto;z-index:var(--nutui-menu-container-z-index, 1000)}.nut-menu-placeholder-element{position:fixed;top:-var(--nutui-menu-bar-line-height,48px);left:0;right:0;z-index:var(--nutui-menu-bar-opened-z-index, 1000);background-color:transparent}.nut-menu-placeholder-element.up{bottom:-var(--nutui-menu-bar-line-height,48px)}.nut-menu-container-down-enter{opacity:0;transform:translateY(-30px)}.nut-menu-container-down-enter-done{opacity:1;transform:translate(0);transition:all .1s}.nut-menu-container-down-exit{opacity:1;transition:all .1s}.nut-menu-container-down-exit-done{opacity:0;transition:all .1s}.nut-menu-container-up-enter{opacity:0;transform:translateY(30px)}.nut-menu-container-up-enter-done{opacity:1;transform:translate(0);transition:all .1s}.nut-menu-container-up-exit{opacity:1;transition:all .1s}.nut-menu-container-up-exit-done{opacity:0;transition:all .1s}[dir=rtl] .nut-menu-container-item .nut-icon,.nut-rtl .nut-menu-container-item .nut-icon{margin-right:0;margin-left:var(--nutui-menu-item-icon-margin, 8px)}[dir=rtl] .nut-menu-container .nut-icon,.nut-rtl .nut-menu-container .nut-icon{transform:rotateY(180deg)}

package/dist/esm/NavBar.js

@@ -79,7 +79,6 @@ const NavBar = (props) => {
   const cls = classNames(classPrefix, classes, className);
   return React__default.createElement(React__default.Fragment, null, fixed && placeholder ? React__default.createElement("div", { className: `${classPrefix}-placeholder` }, renderWrapper()) : renderWrapper());
 };
-NavBar.defaultProps = defaultProps;
 NavBar.displayName = "NutNavBar";
 export {
   NavBar as default

package/dist/esm/NoticeBar.js

@@ -340,7 +340,6 @@ const NoticeBar = (props) => {
     ) : null
   );
 };
-NoticeBar.defaultProps = defaultProps;
 NoticeBar.displayName = "NutNoticeBar";
 export {
   NoticeBar as default

package/dist/esm/NumberKeyboard.js

@@ -5,7 +5,7 @@ import { ArrowDown } from "@nutui/icons-react";
 import Popup__default from "./Popup.js";
 import { useConfig } from "./ConfigProvider.js";
 import { C as ComponentDefaults } from "./typings.js";
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { visible: false, rightActions: "", type: "default", custom: [], random: false, onClose: () => {
+Object.assign(Object.assign({}, ComponentDefaults), { visible: false, rightActions: "", type: "default", custom: [], random: false, onClose: () => {
 } });
 const NumberKeyboard = (props) => {
   const { locale } = useConfig();
@@ -121,7 +121,6 @@ const NumberKeyboard = (props) => {
     )
   );
 };
-NumberKeyboard.defaultProps = defaultProps;
 NumberKeyboard.displayName = "NutNumberKeyboard";
 export {
   NumberKeyboard as default

package/dist/esm/Pagination.js

@@ -89,7 +89,6 @@ const Pagination = (props) => {
     )
   );
 };
-Pagination.defaultProps = defaultProps;
 Pagination.displayName = "NutPagination";
 export {
   Pagination as default