@nutui/nutui-react 2.6.4 → 2.6.6

package/CHANGELOG.md

@@ -1,9 +1,34 @@
+# v2.6.6
+`2024-05-24`
+
+
+*🏡 chore(tag): css样式变量修复 (#2279) @Alex.huxiyang
+*🏡 chore(deps): update dependency eslint-plugin-markdown to v5 (#2218) @renovate[bot]
+* 📖 docs(uploader): update (#2265) @Eiinu
+* :bug: fix(input): placeholder 无法设置空字符串 (#2282) @oasis
+* :bug: fix(imagepreview): 阻止冒泡，防止点击图片关闭 (#2281) @Alex.huxiyang
+* :bug: fix(FormItem): 修复initialValue属性初始化未被正确加入到Formstore中导致的问题 (#2247) @Alex.huxiyang
+
+
+# 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/style/style.css

@@ -1 +1 @@
-.nut-price{direction:ltr;font-size:var(--nutui-font-size-4, 16px);display:inline;color:var(--nutui-color-primary, #fa2c19)}.nut-price-line div{text-decoration:line-through;font-size:var(--nutui-price-line-font-size, 12px)!important;color:var(--nutui-price-line-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))!important}.nut-price-symbol,.nut-price-integer,.nut-price-decimal{display:inline-block}.nut-price-symbol{font-size:var(--nutui-price-symbol-medium-size, 14px);padding-right:var(--nutui-price-symbol-padding-right, 1px)}.nut-price-symbol-large{font-size:var(--nutui-price-symbol-big-size, 18px)}.nut-price-symbol-small{font-size:var(--nutui-price-symbol-small-size, 10px)}.nut-price-integer{font-size:var(--nutui-price-integer-medium-size, 16px)}.nut-price-integer-large{font-size:var(--nutui-price-integer-big-size, 24px)}.nut-price-integer-small{font-size:var(--nutui-price-integer-small-size, 12px)}.nut-price-decimal{font-size:var(--nutui-price-decimal-medium-size, 14px)}.nut-price-decimal-large{font-size:var(--nutui-price-decimal-big-size, 18px)}.nut-price-decimal-small{font-size:var(--nutui-price-decimal-small-size, 10px)}[dir=rtl] .nut-price-symbol,.nut-rtl .nut-price-symbol{padding-right:0;padding-left:var(--nutui-price-symbol-padding-right, 1px)}.nut-tag{padding:var(--nutui-tag-padding, 0px 2px);display:inline-flex;justify-content:center;align-items:center;font-size:var(--nutui-tag-font-size, var(--nutui-font-size-1, 10px));border-radius:var(--nutui-tag-border-radius, 2px);height:var(--nutui-tag-height, 14px);color:var(--nutui-tag-color, #ffffff);border:var(--nutui-tag-border-width, 1px) solid transparent}.nut-tag .nut-icon{vertical-align:middle;margin-left:4px}.nut-tag-default{background:var(--nutui-tag-background-color, var(--nutui-gray-7, #1a1a1a))}.nut-tag-default.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-primary{background:var(--nutui-tag-primary-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%))}.nut-tag-primary.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-info{background:var(--nutui-tag-info-background-color, var(--nutui-color-info, #1988fa))}.nut-tag-info.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-success{background:var(--nutui-tag-success-background-color, #4fc08d)}.nut-tag-success.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-danger{background:var(--nutui-tag-danger-background-color, var(--nutui-color-primary, #fa2c19))}.nut-tag-danger.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-warning{background:var(--nutui-tag-warning-background-color, var(--nutui-color-warning, rgb(255, 158, 13)))}.nut-tag-warning.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-round{border-radius:var(--nutui-tag-round-border-radius, 8px)}.nut-tag-mark{border-radius:var(--nutui-tag-mark-border-radius, 0 8px 8px 0)}.nut-tag-close{cursor:pointer}.nut-tag-custom-icon{display:inline-flex;align-items:center;justify-content:center}[dir=rtl] .nut-tag .nut-icon,.nut-rtl .nut-tag .nut-icon{margin-left:0;margin-right:4px}.nut-card{width:100%;display:flex;background-color:inherit;border-radius:var(--nutui-card-border-radius, 4px)}.nut-card-left{width:120px;height:120px;flex-shrink:0}.nut-card-left>img{display:block;width:100%;height:100%;border-radius:var(--nutui-card-border-radius, 4px)}.nut-card-right{flex:1;padding:0 10px 8px}.nut-card-right-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all;line-height:1.5;font-size:14px;color:var(--nutui-gray-7, #1a1a1a)}.nut-card-right-price{display:flex;align-items:center;height:18px;line-height:18px;margin-top:9px}.nut-card-right-price .nut-price .nut-price-big{font-size:18px}.nut-card-right-price .nut-price .nut-price-symbol,.nut-card-right-price .nut-price .nut-price-point,.nut-card-right-price .nut-price .nut-price-small{font-size:12px}.nut-card-right-price-origin.nut-price{margin-left:2px;color:#d2a448}.nut-card-right-price-origin.nut-price .nut-price-big,.nut-card-right-price-origin.nut-price .nut-price-symbol,.nut-card-right-price-origin.nut-price .nut-price-point,.nut-card-right-price-origin.nut-price .nut-price-small{font-size:12px}.nut-card-right-other{display:flex;align-items:center;padding:5px 0 2px}.nut-card-right-other .nut-tag{padding:0 2px;margin-right:5px;font-size:var(--nutui-font-size-1, 10px)}.nut-card-right-shop{display:flex;justify-content:space-between;align-items:center}.nut-card-right-shop-name{line-height:1.5;color:var(--nutui-gray-6, #595959);font-size:12px;padding-top:4px}[dir=rtl] .nut-card-right-price-origin.nut-price,.nut-rtl .nut-card-right-price-origin.nut-price{margin-left:0;margin-right:2px}[dir=rtl] .nut-card-right-other .nut-tag,.nut-rtl .nut-card-right-other .nut-tag{margin-right:0;margin-left:5px}
+.nut-price{direction:ltr;font-size:var(--nutui-font-size-4, 16px);display:inline;color:var(--nutui-color-primary, #fa2c19)}.nut-price-line div{text-decoration:line-through;font-size:var(--nutui-price-line-font-size, 12px)!important;color:var(--nutui-price-line-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))!important}.nut-price-symbol,.nut-price-integer,.nut-price-decimal{display:inline-block}.nut-price-symbol{font-size:var(--nutui-price-symbol-medium-size, 14px);padding-right:var(--nutui-price-symbol-padding-right, 1px)}.nut-price-symbol-large{font-size:var(--nutui-price-symbol-big-size, 18px)}.nut-price-symbol-small{font-size:var(--nutui-price-symbol-small-size, 10px)}.nut-price-integer{font-size:var(--nutui-price-integer-medium-size, 16px)}.nut-price-integer-large{font-size:var(--nutui-price-integer-big-size, 24px)}.nut-price-integer-small{font-size:var(--nutui-price-integer-small-size, 12px)}.nut-price-decimal{font-size:var(--nutui-price-decimal-medium-size, 14px)}.nut-price-decimal-large{font-size:var(--nutui-price-decimal-big-size, 18px)}.nut-price-decimal-small{font-size:var(--nutui-price-decimal-small-size, 10px)}[dir=rtl] .nut-price-symbol,.nut-rtl .nut-price-symbol{padding-right:0;padding-left:var(--nutui-price-symbol-padding-right, 1px)}.nut-tag{padding:var(--nutui-tag-padding, 0px 2px);display:inline-flex;justify-content:center;align-items:center;font-size:var(--nutui-tag-font-size, var(--nutui-font-size-1, 10px));border-radius:var(--nutui-tag-border-radius, 2px);height:var(--nutui-tag-height, 14px);color:var(--nutui-tag-color, #ffffff);border:var(--nutui-tag-border-width, 1px) solid transparent}.nut-tag .nut-icon{vertical-align:middle;margin-left:4px}.nut-tag-default{background:var(--nutui-tag-background-color, var(--nutui-gray-7, #1a1a1a))}.nut-tag-default.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-primary{background:var(--nutui-tag-primary-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%))}.nut-tag-primary.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-info{background:var(--nutui-tag-info-background-color, var(--nutui-color-info, #1988fa))}.nut-tag-info.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-success{background:var(--nutui-tag-success-background-color, #4fc08d)}.nut-tag-success.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-danger{background:var(--nutui-tag-danger-background-color, var(--nutui-color-danger, #fa2c19))}.nut-tag-danger.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-warning{background:var(--nutui-tag-warning-background-color, var(--nutui-color-warning, rgb(255, 158, 13)))}.nut-tag-warning.nut-tag-plain{color:var(--nutui-gray-7, #1a1a1a);background-color:#fff;border:var(--nutui-tag-border-width, 1px) solid var(--nutui-gray-7, #1a1a1a)}.nut-tag-round{border-radius:var(--nutui-tag-round-border-radius, 8px)}.nut-tag-mark{border-radius:var(--nutui-tag-mark-border-radius, 0 8px 8px 0)}.nut-tag-close{cursor:pointer}.nut-tag-custom-icon{display:inline-flex;align-items:center;justify-content:center}[dir=rtl] .nut-tag .nut-icon,.nut-rtl .nut-tag .nut-icon{margin-left:0;margin-right:4px}.nut-card{width:100%;display:flex;background-color:inherit;border-radius:var(--nutui-card-border-radius, 4px)}.nut-card-left{width:120px;height:120px;flex-shrink:0}.nut-card-left>img{display:block;width:100%;height:100%;border-radius:var(--nutui-card-border-radius, 4px)}.nut-card-right{flex:1;padding:0 10px 8px}.nut-card-right-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all;line-height:1.5;font-size:14px;color:var(--nutui-gray-7, #1a1a1a)}.nut-card-right-price{display:flex;align-items:center;height:18px;line-height:18px;margin-top:9px}.nut-card-right-price .nut-price .nut-price-big{font-size:18px}.nut-card-right-price .nut-price .nut-price-symbol,.nut-card-right-price .nut-price .nut-price-point,.nut-card-right-price .nut-price .nut-price-small{font-size:12px}.nut-card-right-price-origin.nut-price{margin-left:2px;color:#d2a448}.nut-card-right-price-origin.nut-price .nut-price-big,.nut-card-right-price-origin.nut-price .nut-price-symbol,.nut-card-right-price-origin.nut-price .nut-price-point,.nut-card-right-price-origin.nut-price .nut-price-small{font-size:12px}.nut-card-right-other{display:flex;align-items:center;padding:5px 0 2px}.nut-card-right-other .nut-tag{padding:0 2px;margin-right:5px;font-size:var(--nutui-font-size-1, 10px)}.nut-card-right-shop{display:flex;justify-content:space-between;align-items:center}.nut-card-right-shop-name{line-height:1.5;color:var(--nutui-gray-6, #595959);font-size:12px;padding-top:4px}[dir=rtl] .nut-card-right-price-origin.nut-price,.nut-rtl .nut-card-right-price-origin.nut-price{margin-left:0;margin-right:2px}[dir=rtl] .nut-card-right-other .nut-tag,.nut-rtl .nut-card-right-other .nut-tag{margin-right:0;margin-left:5px}

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();
@@ -134,6 +132,7 @@ const ImagePreview = (props) => {
     setStore(Object.assign(Object.assign({}, store), { scale: 1 }));
   };
   const closeOnImg = (e) => {
+    e.stopPropagation();
     if (closeOnContentClick) {
       onCloseInner(e);
     }
@@ -167,7 +166,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

@@ -28,14 +28,14 @@ function formatNumber(value, allowDot = true, allowMinus = true) {
   const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
   return value.replace(regExp, "");
 }
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { type: "text", name: "", placeholder: "", confirmType: "done", align: "left", required: false, disabled: false, readOnly: false, maxLength: 9999, clearable: false, clearIcon: null, formatTrigger: "onChange", autoFocus: false });
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { type: "text", name: "", placeholder: void 0, confirmType: "done", align: "left", required: false, disabled: false, readOnly: false, maxLength: 9999, clearable: false, clearIcon: null, formatTrigger: "onChange", autoFocus: false });
 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
   });
@@ -119,22 +119,20 @@ const Input = forwardRef((props, ref) => {
           "left"
         ) : align === "left" ? "right" : "center"
       ) : align
-    }, type: inputType(type), maxLength, placeholder: placeholder || locale.placeholder, disabled, readOnly, value, autoFocus, enterKeyHint: confirmType, onBlur: (e) => {
+    }, type: inputType(type), maxLength, placeholder: placeholder === void 0 ? locale.placeholder : placeholder, disabled, readOnly, value, autoFocus, enterKeyHint: confirmType, onBlur: (e) => {
       handleBlur(e);
     }, onFocus: (e) => {
       handleFocus(e);
     }, 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