@nutui/nutui-react 2.6.3 → 2.6.5

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/Row.js

@@ -25,7 +25,6 @@ const Row = (props) => {
     }
   }, children));
 };
-Row.defaultProps = defaultProps;
 Row.displayName = "NutRow";
 export {
   Row 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/SideNavBar.js

@@ -7,8 +7,8 @@ import { C as ComponentDefaults } from "./typings.js";
 const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { position: "left", width: "80%" });
 const SideNavBar = (props) => {
   const classPrefix = "nut-sidenavbar";
-  const _a = Object.assign(Object.assign({}, defaultProps), props), { title, visible, width, position, children, className, onClose } = _a, rest = __rest(_a, ["title", "visible", "width", "position", "children", "className", "onClose"]);
-  const indent = props.indent ? Number(props.indent) : 20;
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { title, visible, width, position, children, className, onClose, indent } = _a, rest = __rest(_a, ["title", "visible", "width", "position", "children", "className", "onClose", "indent"]);
+  const innerIndent = indent ? Number(indent) : 20;
   return React__default.createElement(
     Popup__default,
     { visible, style: { width, height: "100%" }, position, onClose },
@@ -23,14 +23,14 @@ const SideNavBar = (props) => {
           { className: `${classPrefix}-list sidenavbar-show`, onClick: handleClick },
           React__default.createElement(
             "div",
-            { className: `${classPrefix}-title ${classPrefix}-border-bt`, style: { paddingLeft: `${indent}px` } },
+            { className: `${classPrefix}-title ${classPrefix}-border-bt`, style: { paddingLeft: `${innerIndent}px` } },
             title,
             " ",
             React__default.createElement("i", { className: "arrow-icon arrow-down" })
           ),
           React__default.createElement(
             OffsetContext.Provider,
-            { value: indent },
+            { value: innerIndent },
             React__default.createElement("div", { className: `${classPrefix}-content` }, children)
           )
         )
@@ -38,7 +38,6 @@ const SideNavBar = (props) => {
     )
   );
 };
-SideNavBar.defaultProps = defaultProps;
 SideNavBar.displayName = "NutSideNavBar";
 export {
   SideNavBar as default

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

package/dist/esm/Skeleton.js

@@ -46,7 +46,6 @@ const Skeleton = (props) => {
     )
   ));
 };
-Skeleton.defaultProps = defaultProps;
 Skeleton.displayName = "NutSkeleton";
 export {
   Skeleton as default

package/dist/esm/Space.js

@@ -11,7 +11,6 @@ const Space = (props) => {
     return child !== null && child !== void 0 && React__default.createElement("div", { className: `${prefixCls}-item` }, child);
   }));
 };
-Space.defaultProps = defaultProps;
 Space.displayName = "NutSpace";
 export {
   Space as default

package/dist/esm/Step.js

@@ -48,7 +48,6 @@ const Step = (props) => {
     )
   );
 };
-Step.defaultProps = defaultProps;
 Step.displayName = "NutStep";
 export {
   Step as default

package/dist/esm/Steps.js

@@ -13,7 +13,7 @@ const Steps = (props) => {
   const classPrefix = `nut-steps`;
   const classes = classNames(classPrefix, {
     [`${classPrefix}-${direction}`]: true,
-    [`${classPrefix}-dot`]: !!props.dot
+    [`${classPrefix}-dot`]: !!dot
   }, className);
   return React__default.createElement(
     DataContext.Provider,
@@ -21,7 +21,6 @@ const Steps = (props) => {
     React__default.createElement("div", Object.assign({ className: classes }, restProps), children)
   );
 };
-Steps.defaultProps = defaultProps;
 Steps.displayName = "NutSteps";
 export {
   Steps as default

package/dist/esm/Sticky.js

@@ -131,7 +131,6 @@ const Sticky = (props) => {
     React__default.createElement("div", { className: "nut-sticky-box", ref: stickyRef, style: stickyStyle }, children)
   );
 };
-Sticky.defaultProps = defaultProps;
 Sticky.displayName = "NutSticky";
 export {
   Sticky as default

package/dist/esm/Switch.js

@@ -30,7 +30,6 @@ const Switch = (props) => {
     )
   );
 };
-Switch.defaultProps = defaultProps;
 Switch.displayName = "NutSwitch";
 export {
   Switch as default

package/dist/esm/Tabbar.js

@@ -36,7 +36,6 @@ const Tabbar = (props) => {
     (fixed || safeArea) && React__default.createElement("div", { className: `${classPrefix}-safe-area` })
   );
 };
-Tabbar.defaultProps = defaultProps;
 Tabbar.displayName = "NutTabbar";
 Tabbar.Item = TabbarItem;
 export {

package/dist/esm/Table/style/style.css

@@ -1 +1 @@
-.nut-table{overflow:hidden;position:relative}.nut-table-wrapper{display:flex;width:100%;flex-direction:column;font-size:var(--nutui-font-size-3, 14px);color:var(--nutui-gray-7, #1a1a1a);overflow-y:auto;overflow-x:hidden;position:relative;border:1px solid var(--nutui-table-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-table-wrapper-sticky{overflow-x:auto}.nut-table-main{display:table;overflow-x:auto;color:var(--nutui-gray-7, #1a1a1a);background-color:var(--nutui-gray-1, #ffffff);table-layout:fixed;width:max-content;min-width:100%;position:relative}.nut-table-main-striped .nut-table-main-head-tr{background-color:var(--nutui-table-tr-even-bg-color, var(--nutui-gray-3, #f6f6f6))}.nut-table-main-striped .nut-table-main-body-tr:nth-child(odd){background-color:var(--nutui-table-tr-odd-bg-color, #ffffff)}.nut-table-main-striped .nut-table-main-body-tr:nth-child(2n){background-color:var(--nutui-table-tr-even-bg-color, var(--nutui-gray-3, #f6f6f6))}.nut-table-main-head,.nut-table-main-body{background:inherit}.nut-table-main-head-tr,.nut-table-main-body-tr{display:table-row;background:inherit}.nut-table-main-head-tr:last-child .nut-table-main-body-tr-td,.nut-table-main-body-tr:last-child .nut-table-main-body-tr-td{border-bottom:none}.nut-table-main-head-tr-th,.nut-table-main-body-tr-th{display:table-cell;padding:var(--nutui-table-cols-padding, 10px);table-layout:fixed;background:inherit;position:sticky;top:0}.nut-table-main-head-tr-th.nut-table-fixed-left,.nut-table-main-head-tr-th.nut-table-fixed-right,.nut-table-main-body-tr-th.nut-table-fixed-left,.nut-table-main-body-tr-th.nut-table-fixed-right{z-index:4}.nut-table-main-head-tr-th:last-child,.nut-table-main-body-tr-th:last-child{border-right:none}.nut-table-main-head-tr-td,.nut-table-main-body-tr-td{display:table-cell;padding:var(--nutui-table-cols-padding, 10px);table-layout:fixed;background:inherit}.nut-table-main-head-tr-td:last-child,.nut-table-main-body-tr-td:last-child{border-right:none}.nut-table-main-head-tr-td-nodata,.nut-table-main-body-tr-td-nodata{display:flex;height:50px;align-items:center;justify-content:center}.nut-table-main-head-tr-border,.nut-table-main-body-tr-border{border-right:1px solid var(--nutui-table-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)));border-bottom:1px solid var(--nutui-table-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-table-main-head-tr-alignleft,.nut-table-main-head-tr-align,.nut-table-main-body-tr-alignleft,.nut-table-main-body-tr-align{text-align:start}.nut-table-main-head-tr-aligncenter,.nut-table-main-body-tr-aligncenter{text-align:center}.nut-table-main-head-tr-alignright,.nut-table-main-body-tr-alignright{text-align:end}.nut-table-main-head{display:table-header-group}.nut-table-main-body{display:table-row-group}.nut-table-sticky-left,.nut-table-sticky-right{position:absolute;top:0;width:8px;bottom:-1px;overflow-x:hidden;overflow-y:hidden;box-shadow:none;touch-action:none;pointer-events:none;z-index:3;background:transparent}.nut-table-sticky-left{left:1px;box-shadow:var(--nutui-table-sticky-left-shadow, 4px 0 8px 0 rgba(0, 0, 0, .1))}.nut-table-sticky-right{right:1px;box-shadow:var(--nutui-table-sticky-right-shadow, -4px 0 8px 0 rgba(0, 0, 0, .1))}.nut-table-fixed-left,.nut-table-fixed-right{position:sticky;z-index:2}.nut-table-fixed-left.h5-div,.nut-table-fixed-right.h5-div{padding:var(--nutui-table-cols-padding, 10px) 0}.nut-table-fixed-left-last{border-right:none}.nut-table-summary{color:var(--nutui-gray-7, #1a1a1a);background-color:var(--nutui-gray-1, #ffffff);display:flex;align-items:center;justify-content:center;height:30px;padding:var(--nutui-table-cols-padding, 10px);position:relative;z-index:5}[dir=rtl] .nut-table-main-head-tr-th:last-child,[dir=rtl] .nut-table-main-body-tr-th:last-child,.nut-rtl .nut-table-main-head-tr-th:last-child,.nut-rtl .nut-table-main-body-tr-th:last-child{border-right:none;border-left:none}[dir=rtl] .nut-table-main-head-tr-td:last-child,[dir=rtl] .nut-table-main-body-tr-td:last-child,.nut-rtl .nut-table-main-head-tr-td:last-child,.nut-rtl .nut-table-main-body-tr-td:last-child{border-right:none;border-left:none}[dir=rtl] .nut-table-main-head-tr-border,[dir=rtl] .nut-table-main-body-tr-border,.nut-rtl .nut-table-main-head-tr-border,.nut-rtl .nut-table-main-body-tr-border{border-right:none;border-left:1px solid var(--nutui-table-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}[dir=rtl] .nut-table-main-head-tr-alignleft,[dir=rtl] .nut-table-main-head-tr-align,[dir=rtl] .nut-table-main-body-tr-alignleft,[dir=rtl] .nut-table-main-body-tr-align,.nut-rtl .nut-table-main-head-tr-alignleft,.nut-rtl .nut-table-main-head-tr-align,.nut-rtl .nut-table-main-body-tr-alignleft,.nut-rtl .nut-table-main-body-tr-align{text-align:right}[dir=rtl] .nut-table-main-head-tr-alignright,[dir=rtl] .nut-table-main-body-tr-alignright,.nut-rtl .nut-table-main-head-tr-alignright,.nut-rtl .nut-table-main-body-tr-alignright{text-align:left}[dir=rtl] .nut-table-sticky-left,.nut-rtl .nut-table-sticky-left{left:auto;right:1px;box-shadow:var(--nutui-table-sticky-right-shadow, -4px 0 8px 0 rgba(0, 0, 0, .1))}[dir=rtl] .nut-table-sticky-right,.nut-rtl .nut-table-sticky-right{right:auto;left:1px;box-shadow:var(--nutui-table-sticky-left-shadow, 4px 0 8px 0 rgba(0, 0, 0, .1))}[dir=rtl] .nut-table-fixed-left-last,.nut-rtl .nut-table-fixed-left-last{border-right:none;border-left:none}
+.nut-table{overflow:hidden;position:relative;word-wrap:break-word;word-break:break-all}.nut-table-wrapper{display:flex;width:100%;flex-direction:column;font-size:var(--nutui-font-size-3, 14px);color:var(--nutui-gray-7, #1a1a1a);overflow-y:auto;overflow-x:hidden;position:relative;border:1px solid var(--nutui-table-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-table-wrapper-sticky{overflow-x:auto}.nut-table-main{display:table;overflow-x:auto;color:var(--nutui-gray-7, #1a1a1a);background-color:var(--nutui-gray-1, #ffffff);table-layout:fixed;width:max-content;min-width:100%;position:relative}.nut-table-main-striped .nut-table-main-head-tr{background-color:var(--nutui-table-tr-even-bg-color, var(--nutui-gray-3, #f6f6f6))}.nut-table-main-striped .nut-table-main-body-tr:nth-child(odd){background-color:var(--nutui-table-tr-odd-bg-color, #ffffff)}.nut-table-main-striped .nut-table-main-body-tr:nth-child(2n){background-color:var(--nutui-table-tr-even-bg-color, var(--nutui-gray-3, #f6f6f6))}.nut-table-main-head,.nut-table-main-body{background:inherit}.nut-table-main-head-tr,.nut-table-main-body-tr{display:table-row;background:inherit}.nut-table-main-head-tr:last-child .nut-table-main-body-tr-td,.nut-table-main-body-tr:last-child .nut-table-main-body-tr-td{border-bottom:none}.nut-table-main-head-tr-th,.nut-table-main-body-tr-th{display:table-cell;padding:var(--nutui-table-cols-padding, 10px);table-layout:fixed;background:inherit;position:sticky;top:0}.nut-table-main-head-tr-th.nut-table-fixed-left,.nut-table-main-head-tr-th.nut-table-fixed-right,.nut-table-main-body-tr-th.nut-table-fixed-left,.nut-table-main-body-tr-th.nut-table-fixed-right{z-index:4}.nut-table-main-head-tr-th:last-child,.nut-table-main-body-tr-th:last-child{border-right:none}.nut-table-main-head-tr-td,.nut-table-main-body-tr-td{display:table-cell;padding:var(--nutui-table-cols-padding, 10px);table-layout:fixed;background:inherit}.nut-table-main-head-tr-td:last-child,.nut-table-main-body-tr-td:last-child{border-right:none}.nut-table-main-head-tr-td-nodata,.nut-table-main-body-tr-td-nodata{display:flex;height:50px;align-items:center;justify-content:center}.nut-table-main-head-tr-border,.nut-table-main-body-tr-border{border-right:1px solid var(--nutui-table-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)));border-bottom:1px solid var(--nutui-table-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-table-main-head-tr-alignleft,.nut-table-main-head-tr-align,.nut-table-main-body-tr-alignleft,.nut-table-main-body-tr-align{text-align:start}.nut-table-main-head-tr-aligncenter,.nut-table-main-body-tr-aligncenter{text-align:center}.nut-table-main-head-tr-alignright,.nut-table-main-body-tr-alignright{text-align:end}.nut-table-main-head{display:table-header-group}.nut-table-main-body{display:table-row-group}.nut-table-sticky-left,.nut-table-sticky-right{position:absolute;top:0;width:8px;bottom:-1px;overflow-x:hidden;overflow-y:hidden;box-shadow:none;touch-action:none;pointer-events:none;z-index:3;background:transparent}.nut-table-sticky-left{left:1px;box-shadow:var(--nutui-table-sticky-left-shadow, 4px 0 8px 0 rgba(0, 0, 0, .1))}.nut-table-sticky-right{right:1px;box-shadow:var(--nutui-table-sticky-right-shadow, -4px 0 8px 0 rgba(0, 0, 0, .1))}.nut-table-fixed-left,.nut-table-fixed-right{position:sticky;z-index:2}.nut-table-fixed-left.h5-div,.nut-table-fixed-right.h5-div{padding:var(--nutui-table-cols-padding, 10px) 0}.nut-table-fixed-left-last{border-right:none}.nut-table-summary{color:var(--nutui-gray-7, #1a1a1a);background-color:var(--nutui-gray-1, #ffffff);display:flex;align-items:center;justify-content:center;height:30px;padding:var(--nutui-table-cols-padding, 10px);position:relative;z-index:5}[dir=rtl] .nut-table-main-head-tr-th:last-child,[dir=rtl] .nut-table-main-body-tr-th:last-child,.nut-rtl .nut-table-main-head-tr-th:last-child,.nut-rtl .nut-table-main-body-tr-th:last-child{border-right:none;border-left:none}[dir=rtl] .nut-table-main-head-tr-td:last-child,[dir=rtl] .nut-table-main-body-tr-td:last-child,.nut-rtl .nut-table-main-head-tr-td:last-child,.nut-rtl .nut-table-main-body-tr-td:last-child{border-right:none;border-left:none}[dir=rtl] .nut-table-main-head-tr-border,[dir=rtl] .nut-table-main-body-tr-border,.nut-rtl .nut-table-main-head-tr-border,.nut-rtl .nut-table-main-body-tr-border{border-right:none;border-left:1px solid var(--nutui-table-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}[dir=rtl] .nut-table-main-head-tr-alignleft,[dir=rtl] .nut-table-main-head-tr-align,[dir=rtl] .nut-table-main-body-tr-alignleft,[dir=rtl] .nut-table-main-body-tr-align,.nut-rtl .nut-table-main-head-tr-alignleft,.nut-rtl .nut-table-main-head-tr-align,.nut-rtl .nut-table-main-body-tr-alignleft,.nut-rtl .nut-table-main-body-tr-align{text-align:right}[dir=rtl] .nut-table-main-head-tr-alignright,[dir=rtl] .nut-table-main-body-tr-alignright,.nut-rtl .nut-table-main-head-tr-alignright,.nut-rtl .nut-table-main-body-tr-alignright{text-align:left}[dir=rtl] .nut-table-sticky-left,.nut-rtl .nut-table-sticky-left{left:auto;right:1px;box-shadow:var(--nutui-table-sticky-right-shadow, -4px 0 8px 0 rgba(0, 0, 0, .1))}[dir=rtl] .nut-table-sticky-right,.nut-rtl .nut-table-sticky-right{right:auto;left:1px;box-shadow:var(--nutui-table-sticky-left-shadow, 4px 0 8px 0 rgba(0, 0, 0, .1))}[dir=rtl] .nut-table-fixed-left-last,.nut-rtl .nut-table-fixed-left-last{border-right:none;border-left:none}

package/dist/esm/Table.js

@@ -106,7 +106,7 @@ const Table = (props) => {
   };
   const cellClasses = (item) => {
     return {
-      [`${headerClassPrefix}-border`]: props.bordered,
+      [`${headerClassPrefix}-border`]: bordered,
       [`${headerClassPrefix}-align${item.align ? item.align : ""}`]: true
     };
   };
@@ -167,7 +167,6 @@ const Table = (props) => {
     (summary || innerValue.length === 0) && React__default.createElement("div", { className: `${classPrefix}-summary` }, summary || noData)
   );
 };
-Table.defaultProps = defaultProps;
 Table.displayName = "NutTable";
 export {
   Table as default

package/dist/esm/Tag.js

@@ -48,7 +48,6 @@ const Tag = (props) => {
     } })
   ) : React__default.createElement("div", { className: classes, style: Object.assign(Object.assign({}, style), getStyle()), onClick: (e) => handleClick(e) }, children && React__default.createElement("span", { className: `${classPrefix}-text` }, children)));
 };
-Tag.defaultProps = defaultProps;
 Tag.displayName = "NutTag";
 export {
   Tag as default

package/dist/esm/TextArea.js

@@ -76,7 +76,6 @@ const TextArea = (props) => {
     )
   );
 };
-TextArea.defaultProps = defaultProps;
 TextArea.displayName = "NutTextArea";
 export {
   TextArea as default

package/dist/esm/TimeDetail.js

@@ -31,7 +31,6 @@ const TimeDetail = (props) => {
     active: isActive(item[optionKey.valueKey])
   }), key: item[optionKey.valueKey], onClick: () => onSelect(item) }, item[optionKey.textKey])));
 };
-TimeDetail.defaultProps = defaultProps;
 TimeDetail.displayName = "NutTimeDetail";
 export {
   TimeDetail as default

package/dist/esm/TimeSelect.js

@@ -93,7 +93,6 @@ const TimeSelect = (props) => {
     )
   );
 };
-TimeSelect.defaultProps = defaultProps;
 TimeSelect.displayName = "NutTimeSelect";
 export {
   TimeSelect as default

package/dist/esm/Tour.js

@@ -132,7 +132,6 @@ const Tour = (props) => {
     })
   );
 };
-Tour.defaultProps = defaultProps;
 Tour.displayName = "NutTour";
 export {
   Tour as default

package/dist/esm/TrendArrow.js

@@ -51,7 +51,6 @@ const TrendArrow = (props) => {
     left && renderContent(!left)
   );
 };
-TrendArrow.defaultProps = defaultProps;
 TrendArrow.displayName = "NutTrendArrow";
 export {
   TrendArrow as default

package/dist/esm/Uploader.js

@@ -270,7 +270,7 @@ const InternalUploader = (props, ref) => {
       });
     };
     const task = new Upload(uploadOption);
-    if (props.autoUpload) {
+    if (autoUpload) {
       task.upload();
     } else {
       uploadQueue.push(new Promise((resolve, reject) => {
@@ -307,7 +307,7 @@ const InternalUploader = (props, ref) => {
     });
   };
   const filterFiles = (files) => {
-    const maximum = props.maxCount * 1;
+    const maximum = maxCount * 1;
     const oversizes = new Array();
     const filterFile = files.filter((file) => {
       if (file.size > maxFileSize) {
@@ -397,7 +397,6 @@ const InternalUploader = (props, ref) => {
   );
 };
 const Uploader = React__default.forwardRef(InternalUploader);
-Uploader.defaultProps = defaultProps;
 Uploader.displayName = "NutUploader";
 export {
   Uploader as default

package/dist/esm/Video.js

@@ -59,7 +59,6 @@ const Video = (props) => {
     )
   );
 };
-Video.defaultProps = defaultProps;
 Video.displayName = "NutVideo";
 export {
   Video as default

package/dist/esm/VirtualList.js

@@ -249,7 +249,6 @@ const VirtualList = (props) => {
     )
   );
 };
-VirtualList.defaultProps = defaultProps;
 VirtualList.displayName = "NutVirtualList";
 export {
   VirtualList as default

package/dist/esm/WaterMark.js

@@ -56,7 +56,6 @@ const WaterMark = (props) => {
   };
   return React__default.createElement("div", { className: cls, style: Object.assign({ zIndex, backgroundSize: `${gapX + width}px`, backgroundImage: `url('${base64Url}')` }, style) });
 };
-WaterMark.defaultProps = defaultProps;
 WaterMark.displayName = "NutWaterMark";
 export {
   WaterMark as default

package/dist/esm/badge2.js

@@ -61,7 +61,6 @@ const Badge = (props) => {
     !isIcon() && React__default.createElement("div", { className: contentClasses, style: getStyle() }, content())
   );
 };
-Badge.defaultProps = defaultProps;
 Badge.displayName = "NutBadge";
 export {
   Badge as B

package/dist/esm/cascader2.js

@@ -124,7 +124,7 @@ const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { activ
 }, onPathChange: () => {
 } });
 const InternalCascader = (props, ref) => {
-  const { className, style, activeColor, activeIcon, popup, popupProps = {}, visible, options, value, defaultValue, optionKey, format, closeable, closeIconPosition, closeIcon, lazy, onLoad, onClose, onChange, onPathChange } = Object.assign(Object.assign({}, defaultProps), props);
+  const { className, style, activeColor, activeIcon, popup, popupProps = {}, visible, options, value, defaultValue, optionKey, format, closeable, closeIconPosition, closeIcon, lazy, title, left, onLoad, onClose, onChange, onPathChange } = Object.assign(Object.assign({}, defaultProps), props);
   const [tabvalue, setTabvalue] = useState("c1");
   const [optionsData, setOptionsData] = useState([]);
   const isLazy = () => state.configs.lazy && Boolean(state.configs.onLoad);
@@ -134,7 +134,7 @@ const InternalCascader = (props, ref) => {
     finalValue: defaultValue
   });
   const [innerVisible, setInnerVisible] = usePropsValue({
-    value: props.visible,
+    value: visible,
     defaultValue: void 0,
     finalValue: false
   });
@@ -403,15 +403,14 @@ const InternalCascader = (props, ref) => {
     closeIcon,
     closeable,
     closeIconPosition,
-    title: popup && props.title,
-    left: props.left,
+    title: popup && title,
+    left,
     // todo 只关闭，不处理逻辑。和popup的逻辑不一致。关闭时需要增加是否要处理回调
     onOverlayClick: closePopup,
     onCloseIconClick: closePopup
   }), renderTabs()) : renderTabs());
 };
 const Cascader = React__default.forwardRef(InternalCascader);
-Cascader.defaultProps = defaultProps;
 Cascader.displayName = "NutCascader";
 export {
   Cascader as C

package/dist/esm/checkbox2.js

@@ -16,8 +16,8 @@ const Checkbox = (props) => {
   let { labelPosition } = others, rest = __rest(others, ["labelPosition"]);
   const ctx = useContext(Context);
   let [innerChecked, setChecked] = usePropsValue({
-    value: props.checked,
-    defaultValue: props.defaultChecked,
+    value: checked,
+    defaultValue: defaultChecked,
     finalValue: defaultChecked,
     onChange
   });
@@ -129,7 +129,6 @@ const Checkbox = (props) => {
     [`${classPrefix}-reverse`]: labelPosition === "left"
   }, className) }, rest, { onClick: handleClick }), renderCheckboxItem());
 };
-Checkbox.defaultProps = defaultProps;
 Checkbox.displayName = "NutCheckBox";
 Checkbox.Group = CheckboxGroup__default;
 export {

package/dist/esm/collapseitem2.js

@@ -91,7 +91,6 @@ const CollapseItem = (props) => {
     )
   );
 };
-CollapseItem.defaultProps = defaultProps;
 CollapseItem.displayName = "NutCollapseItem";
 export {
   CollapseItem as C,

package/dist/esm/griditem2.js

@@ -69,7 +69,6 @@ const GridItem = (props) => {
     )
   );
 };
-GridItem.defaultProps = defaultProps;
 GridItem.displayName = "NutGridItem";
 export {
   GridItem as G,

package/dist/esm/menuitem2.js

@@ -145,7 +145,6 @@ const MenuItem = forwardRef((props, ref) => {
     )
   );
 });
-MenuItem.defaultProps = defaultProps;
 MenuItem.displayName = "NutMenuItem";
 export {
   MenuItem as M

package/dist/esm/overlay2.js

@@ -87,7 +87,7 @@ const Overlay = (props) => {
       setInnerVisible(false);
     }
   }, [visible]);
-  useLockScroll(nodeRef, !!props.lockScroll && innerVisible);
+  useLockScroll(nodeRef, !!lockScroll && innerVisible);
   const classes = classNames(classPrefix, className);
   const styles = Object.assign({}, style);
   const handleClick = (e) => {
@@ -111,7 +111,6 @@ const Overlay = (props) => {
     )
   );
 };
-Overlay.defaultProps = defaultOverlayProps;
 Overlay.displayName = "NutOverlay";
 export {
   Overlay as O,

package/dist/esm/popup2.js

@@ -138,7 +138,6 @@ const Popup = (props) => {
   }, [position, transition]);
   return React__default.createElement(React__default.Fragment, null, renderToContainer(portal, renderNode()));
 };
-Popup.defaultProps = defaultProps;
 Popup.displayName = "NutPopup";
 export {
   Popup as P

package/dist/esm/safearea2.js

@@ -4,6 +4,7 @@ const classPrefix = "nut-safe-area";
 const SafeArea = (props) => {
   return React__default.createElement("div", { className: classNames(classPrefix, `${classPrefix}-position-${props.position}`) });
 };
+SafeArea.displayName = "NutSafeArea";
 export {
   SafeArea as S
 };

package/dist/esm/tabs2.js

@@ -11,10 +11,10 @@ const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { tabSt
 const classPrefix = "nut-tabs";
 const Tabs = (props) => {
   const rtl = useRtl();
-  const _a = Object.assign(Object.assign({}, defaultProps), props), { activeColor, tabStyle, direction, activeType, duration, align, title, children, onClick, onChange, className, autoHeight } = _a, rest = __rest(_a, ["activeColor", "tabStyle", "direction", "activeType", "duration", "align", "title", "children", "onClick", "onChange", "className", "autoHeight"]);
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { activeColor, tabStyle, direction, activeType, duration, align, title, children, onClick, onChange, className, autoHeight, value: outerValue, defaultValue: outerDefaultValue } = _a, rest = __rest(_a, ["activeColor", "tabStyle", "direction", "activeType", "duration", "align", "title", "children", "onClick", "onChange", "className", "autoHeight", "value", "defaultValue"]);
   const [value, setValue] = usePropsValue({
-    value: props.value,
-    defaultValue: props.defaultValue,
+    value: outerValue,
+    defaultValue: outerDefaultValue,
     finalValue: 0,
     onChange
   });
@@ -44,13 +44,13 @@ const Tabs = (props) => {
     }
     const title2 = titleItem[index];
     let to = 0;
-    if (props.direction === "vertical") {
+    if (direction === "vertical") {
       const runTop = title2.offsetTop - nav.offsetTop + 10;
       to = runTop - (nav.offsetHeight - title2.offsetHeight) / 2;
     } else {
       to = title2.offsetLeft - (nav.offsetWidth - title2.offsetWidth) / 2;
     }
-    scrollDirection(nav, to, immediate ? 0 : 0.3, props.direction);
+    scrollDirection(nav, to, immediate ? 0 : 0.3, direction);
   };
   const getTitles = () => {
     const titles2 = [];
@@ -156,7 +156,6 @@ const Tabs = (props) => {
     )
   );
 };
-Tabs.defaultProps = defaultProps;
 Tabs.displayName = "NutTabs";
 Tabs.TabPane = TabPane__default;
 export {

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.3 Tue Apr 30 2024 14:15:52 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.5 Fri May 17 2024 15:43:25 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.3 Tue Apr 30 2024 14:15:52 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.5 Fri May 17 2024 15:43:25 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/id-ID.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.3 Tue Apr 30 2024 14:15:52 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.5 Fri May 17 2024 15:43:25 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/tr-TR.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.3 Tue Apr 30 2024 14:15:52 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.5 Fri May 17 2024 15:43:25 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.3 Tue Apr 30 2024 14:15:52 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.5 Fri May 17 2024 15:43:25 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */