@nutui/nutui-react 2.6.4 → 2.6.5

package/CHANGELOG.md

@@ -1,9 +1,22 @@
+# 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
+* 🏡 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

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/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/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/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/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/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/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/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,9 +120,8 @@ 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 = (e) => {
     e.stopPropagation();
@@ -167,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/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

package/dist/esm/Popover.js

@@ -50,8 +50,7 @@ const Popover = (props) => {
     targetSet = [popoverRef.current, popoverContentRef.current];
   }
   useClickAway(() => {
-    var _a2;
-    (_a2 = props.onClick) === null || _a2 === void 0 ? void 0 : _a2.call(props);
+    onClick === null || onClick === void 0 ? void 0 : onClick();
     onClose === null || onClose === void 0 ? void 0 : onClose();
   }, targetSet, "touchstart", true, visible, closeOnOutsideClick);
   const scrollableParents = useMemo(() => {
@@ -129,7 +128,7 @@ const Popover = (props) => {
     const direction = location.split("-")[0];
     const skew = location.split("-")[1];
     const base = 16;
-    if (props.arrowOffset !== 0) {
+    if (arrowOffset !== 0) {
       const dir = rtl ? "right" : "left";
       const dir2 = rtl ? "left" : "right";
       if (["bottom", "top"].includes(direction)) {
@@ -158,12 +157,11 @@ const Popover = (props) => {
     return styles;
   };
   const handleSelect = (item, index) => {
-    var _a2;
     if (!item.disabled) {
       onSelect === null || onSelect === void 0 ? void 0 : onSelect(item, index);
     }
     if (closeOnActionClick) {
-      (_a2 = props.onClick) === null || _a2 === void 0 ? void 0 : _a2.call(props);
+      onClick === null || onClick === void 0 ? void 0 : onClick();
       onClose === null || onClose === void 0 ? void 0 : onClose();
     }
   };
@@ -171,8 +169,7 @@ const Popover = (props) => {
     React__default.Fragment,
     null,
     !targetId && React__default.createElement("div", { className: "nut-popover-wrapper", ref: popoverRef, onClick: () => {
-      var _a2;
-      (_a2 = props.onClick) === null || _a2 === void 0 ? void 0 : _a2.call(props);
+      onClick === null || onClick === void 0 ? void 0 : onClick();
       if (!visible) {
         onOpen === null || onOpen === void 0 ? void 0 : onOpen();
       } else {
@@ -210,7 +207,6 @@ const Popover = (props) => {
     ), document.body)
   );
 };
-Popover.defaultProps = defaultProps;
 Popover.displayName = "NutPopover";
 export {
   Popover as default

package/dist/esm/Price.js

@@ -53,7 +53,6 @@ const Price = (props) => {
     symbol && position === "after" ? renderSymbol() : null
   );
 };
-Price.defaultProps = defaultProps;
 Price.displayName = "NutPrice";
 export {
   Price as default

package/dist/esm/Progress.js

@@ -84,7 +84,6 @@ const Progress = (props) => {
     )
   );
 };
-Progress.defaultProps = defaultProps;
 Progress.displayName = "NutProgress";
 export {
   Progress as default

package/dist/esm/Range.js

@@ -258,7 +258,6 @@ const Range = (props) => {
     maxDescription !== null && React__default.createElement("div", { className: "max" }, maxDescription || max)
   );
 };
-Range.defaultProps = defaultProps;
 Range.displayName = "NutRange";
 export {
   Range as default

package/dist/esm/Rate.js

@@ -137,7 +137,6 @@ const Rate = (props) => {
     );
   }));
 };
-Rate.defaultProps = defaultProps;
 Rate.displayName = "NutRate";
 export {
   Rate as default

package/dist/esm/SearchBar.js

@@ -7,8 +7,8 @@ const SearchBar = (props) => {
   const classPrefix = "nut-searchbar";
   const { locale } = useConfig();
   const searchRef = useRef(null);
-  const [value, setValue] = useState(() => props.value);
-  const { placeholder, shape, className, disabled, maxLength, clearable, readOnly, autoFocus, backable, right, left, leftIn, rightIn, onChange, onFocus, onBlur, onClear, onSearch, onInputClick } = Object.assign(Object.assign({}, defaultProps), props);
+  const { value: outerValue, style, placeholder, shape, className, disabled, maxLength, clearable, readOnly, autoFocus, backable, right, left, leftIn, rightIn, onChange, onFocus, onBlur, onClear, onSearch, onInputClick } = Object.assign(Object.assign({}, defaultProps), props);
+  const [value, setValue] = useState(() => outerValue);
   const forceFocus = () => {
     const searchSelf = searchRef.current;
     searchSelf && searchSelf.focus();
@@ -29,13 +29,13 @@ const SearchBar = (props) => {
     onBlur && (onBlur === null || onBlur === void 0 ? void 0 : onBlur(value2, event));
   };
   useEffect(() => {
-    setValue(props.value);
-  }, [props.value]);
+    setValue(outerValue);
+  }, [outerValue]);
   useEffect(() => {
     autoFocus && forceFocus();
   }, [autoFocus]);
   const renderField = () => {
-    return React__default.createElement("input", { className: `${classPrefix}-input ${clearable ? `${classPrefix}-input-clear` : ""}`, ref: searchRef, style: Object.assign({}, props.style), value: value || "", placeholder: placeholder || locale.placeholder, disabled, readOnly, maxLength, onKeyDown: onKeydown, onChange: (e) => change(e), onFocus: (e) => focus(e), onBlur: (e) => blur(e), onClick: (e) => clickInput(e) });
+    return React__default.createElement("input", { className: `${classPrefix}-input ${clearable ? `${classPrefix}-input-clear` : ""}`, ref: searchRef, style, value: value || "", placeholder: placeholder || locale.placeholder, disabled, readOnly, maxLength, onKeyDown: onKeydown, onChange: (e) => change(e), onFocus: (e) => focus(e), onBlur: (e) => blur(e), onClick: (e) => clickInput(e) });
   };
   const clickInput = (e) => {
     onInputClick && onInputClick(e);
@@ -86,7 +86,7 @@ const SearchBar = (props) => {
   };
   return React__default.createElement(
     "div",
-    { className: `${classPrefix} ${disabled ? `${classPrefix}-disabled` : ""}  ${className || ""}`, style: Object.assign({}, props.style) },
+    { className: `${classPrefix} ${disabled ? `${classPrefix}-disabled` : ""}  ${className || ""}`, style },
     renderLeft(),
     React__default.createElement(
       "div",
@@ -99,7 +99,6 @@ const SearchBar = (props) => {
     renderRight()
   );
 };
-SearchBar.defaultProps = defaultProps;
 SearchBar.displayName = "NutSearchBar";
 export {
   SearchBar as default

package/dist/esm/ShortPassword.js

@@ -9,7 +9,7 @@ import { u as usePropsValue } from "./use-props-value.js";
 const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { value: "", visible: false, plain: false, hideFooter: true, length: 6, autoFocus: false });
 const InternalShortPassword = (props, ref) => {
   const { locale } = useConfig();
-  const _a = Object.assign(Object.assign({}, defaultProps), props), { title, description, tips, visible: deleteVisible, value, error, hideFooter, length, plain, style, className, closeable, autoFocus, onFocus, onChange, onConfirm, onTips, onCancel, onClose, onComplete, onOverlayClick, onCloseIconClick } = _a, rest = __rest(_a, ["title", "description", "tips", "visible", "value", "error", "hideFooter", "length", "plain", "style", "className", "closeable", "autoFocus", "onFocus", "onChange", "onConfirm", "onTips", "onCancel", "onClose", "onComplete", "onOverlayClick", "onCloseIconClick"]);
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { title, description, tips, visible: outerVisible, value, error, hideFooter, length, plain, style, className, closeable, autoFocus, onFocus, onChange, onConfirm, onTips, onCancel, onClose, onComplete, onOverlayClick, onCloseIconClick } = _a, rest = __rest(_a, ["title", "description", "tips", "visible", "value", "error", "hideFooter", "length", "plain", "style", "className", "closeable", "autoFocus", "onFocus", "onChange", "onConfirm", "onTips", "onCancel", "onClose", "onComplete", "onOverlayClick", "onCloseIconClick"]);
   const classPrefix = "nut-shortpassword";
   const comLen = useMemo(() => {
     return Math.min(Math.max(4, length || 4), 6);
@@ -18,7 +18,7 @@ const InternalShortPassword = (props, ref) => {
     return val.slice(0, comLen);
   };
   const [visible, setVisible] = usePropsValue({
-    value: props.visible,
+    value: outerVisible,
     defaultValue: false,
     finalValue: false
   });

package/dist/esm/Signature.js

@@ -113,7 +113,6 @@ const InternalSignature = (props, ref) => {
   );
 };
 const Signature = React__default.forwardRef(InternalSignature);
-Signature.defaultProps = defaultProps;
 Signature.displayName = "NutSignature";
 export {
   Signature as default