@nutui/nutui-react 2.6.14 → 2.6.16

package/README.md

@@ -1,4 +1,3 @@
-
 <p align="center">
     <img alt="logo" src="https://img11.360buyimg.com/imagetools/jfs/t1/211965/25/7152/22022/61b16785E433119bb/aa41d7a9f7e823f3.png" width="150" style="margin-bottom: 10px;">
 </p>
@@ -36,27 +35,26 @@
 
 ---
 
-> Nut[nʌt]: the one Squirrel Scrat pursues resolutely for a lifetime and will never let go even if it causes a catastrophe from the animated film ***Ice Age***.
+> Nut[nʌt]: the one Squirrel Scrat pursues resolutely for a lifetime and will never let go even if it causes a catastrophe from the animated film **_Ice Age_**.
 
 [简体中文](./README_ZH.md) | English
 
 ## Features
 
-* 🚀 70+ High Quality Components
-* 📖 Based on JD APP 11.0 Visual Specifications
-* 🍭 Support Tree Shaking
-* 📖 Extensive Documentation and Demos
-* 💪 Written in TypeScript
-* 💪 Support SSR (Experimental)
-* 🍭 Support Custom Themes
-* 🍭 90%+ Unit Test Coverage
-* 📖 Provide Sketch Design Resources
-
-
+- 🚀 70+ High Quality Components
+- 📖 Based on JD APP 11.0 Visual Specifications
+- 🍭 Support Tree Shaking
+- 📖 Extensive Documentation and Demos
+- 💪 Written in TypeScript
+- 💪 Support SSR (Experimental)
+- 🍭 Support Custom Themes
+- 🍭 90%+ Unit Test Coverage
+- 📖 Provide Sketch Design Resources
 
 ## Running locally
 
 ### running with H5
+
 ```sh
 # Clone repository
 git clone https://github.com/jdf2e/nutui-react.git
@@ -72,7 +70,9 @@ pnpm run dev
 
 # visit in browser: http：http://localhost:3000 (you don't have to open it manually if you've run it in the browser again)
 ```
+
 ### running with mini-program
+
 ```sh
 # Clone repository
 git clone https://github.com/jdf2e/nutui-react.git
@@ -96,12 +96,11 @@ pnpm run dev:taro:jd
 
 > If you are using AMD environment or build tools such as Webpack, Vite, etc., we recommend using the `es` version. If it is a non-module environment (such as direct reference through the `<script>` tag), it is recommended to use the `umd` compressed version.
 
-* es **nutui.es.js**
-
-* umd **nutui.umd.js**
+- es **nutui.es.js**
 
+- umd **nutui.umd.js**
 
-##  Links
+## Links
 
 <ul>
     <li>
@@ -126,33 +125,30 @@ pnpm run dev:taro:jd
     </li>
 </ul>
 
-
 ## Communication
 
 | Version | WeChat Group | JD Dongdong Group |
-| --- | --- |--- |
+| --- | --- | --- |
 | [NutUI React](https://github.com/jdf2e/nutui-react/issues) | <img src="https://storage.360buyimg.com/imgtools/17c67beff6-4acf07c0-609c-11ed-a6ef-69df15b605e4.png" width="100" /> Reply 「NutUI-React」 after following | 1025679314 |
 | [NutUI x Taro](https://github.com/jdf2e/nutui/issues) | <img src="https://camo.githubusercontent.com/db4276b4ee4b443158195e943e9e678cb4d2afb7580f70d4d817ef0a90413aec/687474703a2f2f73746f726167652e333630627579696d672e636f6d2f7461726f2d6a642d636f6d2f7374617469632f636f6e746163745f7461726f5f6e757475695f71722e706e67" width="100" />Reply 「NutUI-React」 after following | 1022545110 |
 
-
 ## Join Us
 
 #### NutUI Community
 
-[*Welcome To NutUI-React  Community*](https://github.com/jdf2e/nutui-react/discussions/348)
+[_Welcome To NutUI-React Community_](https://github.com/jdf2e/nutui-react/discussions/348)
 
 #### Contribute to NutUI
 
 There are some choices of contributing to NutUI as follows, solving issues, fixing bugs, adding new components, i18n, UI customization, platform and cross-end adaptation, etc.
 
-You are very welcome to contribute code to NutUI. Before your pull requests, please read [*NutUI Developer Contributing Guide*](https://github.com/jdf2e/nutui-react/discussions/348)。
-
+You are very welcome to contribute code to NutUI. Before your pull requests, please read [_NutUI Developer Contributing Guide_](https://github.com/jdf2e/nutui-react/discussions/348)。
 
 ## Issue & Discussion
 
 [Report issues to NutUI](https://nutui.jd.com/nutui-issue-helper/?repo=jdf2e/nutui-react&lang=zh-cn)
 
-> It is highly recommended to read [*How To Ask Questions The Smart Way*](https://github.com/ryanhanwu/, [*How To Ask Questions Of GitHub Community*](https://github.com/seajs/seajs/issues/545) and [*How to Report Bugs Effectively*](https://www.chiark.greenend.org.uk/~sgtatham/bugs.html), then you can get understanding and help more easily.
+> It is highly recommended to read [*How To Ask Questions The Smart Way*](https://github.com/ryanhanwu/, [_How To Ask Questions Of GitHub Community_](https://github.com/seajs/seajs/issues/545) and [_How to Report Bugs Effectively_](https://www.chiark.greenend.org.uk/~sgtatham/bugs.html), then you can get understanding and help more easily.
 
 [NutUI Discussion](https://github.com/jdf2e/nutui-react/discussions)
 
@@ -162,13 +158,11 @@ If you have any ideas, questions or suggestions, you can share your opinions her
 
 Thanks to all the following [developers](https://github.com/jdf2e/nutui-react/graphs/contributors)。 who have contributed code to NutUI.
 
-
 <a href="https://github.com/jdf2e/nutui-react/graphs/contributors">
   <img src="https://contrib.rocks/image?repo=jdf2e/nutui-react" alt="contributors"/>
 </a>
 
-
-## Stargazers 
+## Stargazers
 
 [![Stargazers repo roster for @jdf2e/nutui-react](https://reporoster.com/stars/jdf2e/nutui-react)](https://github.com/jdf2e/nutui-react/stargazers)
 
@@ -184,7 +178,6 @@ Thanks to all the following [developers](https://github.com/jdf2e/nutui-react/gr
 
 NutUI follows [Angular Style Commit Message Conventions](https://gist.github.com/stephenparish/9941e89d80e2bc58a153). The up-to-date release notes are available on [Release](https://github.com/jdf2e/nutui-react/releases)
 
-
 ## Open Source License
 
 This project is based on **MIT** protocol

package/dist/esm/Audio.js

@@ -27,16 +27,16 @@ const Audio = (props) => {
     percent: 0,
     duration: "00:00:00",
     second: 0,
-    hanMuted: props.muted,
-    playing: props.autoPlay,
+    hanMuted: muted,
+    playing: autoPlay,
     handPlaying: false
   });
   const classPrefix = "nut-audio";
   const handleEnded = (e) => {
-    if (props.loop) {
+    if (loop) {
       console.warn(locale.audio.tips || "onPlayEnd事件在loop=false时才会触发");
     } else {
-      props.onEnd && props.onEnd(e);
+      onEnd === null || onEnd === void 0 ? void 0 : onEnd(e);
     }
   };
   function watch() {
@@ -75,25 +75,25 @@ const Audio = (props) => {
     if (statusRef.current.currentTime > 0 && AudioRef.current) {
       statusRef.current.currentTime--;
       AudioRef.current.currentTime = statusRef.current.currentTime;
-      props.onBack && props.onBack(AudioRef.current);
+      onBack === null || onBack === void 0 ? void 0 : onBack(AudioRef.current);
     }
   };
   const handleForward = () => {
     if (AudioRef.current) {
       statusRef.current.currentTime++;
       AudioRef.current.currentTime = statusRef.current.currentTime;
-      props.onForward && props.onForward(AudioRef.current);
+      onForward === null || onForward === void 0 ? void 0 : onForward(AudioRef.current);
     }
   };
   const handleMute = () => {
     if (AudioRef.current) {
       AudioRef.current.muted = !AudioRef.current.muted;
-      props.onMute && props.onMute(AudioRef.current);
+      onMute === null || onMute === void 0 ? void 0 : onMute(AudioRef.current);
     }
   };
   const handlePause = (e) => {
     setPlaying(false);
-    props.onPause && props.onPause(e);
+    onPause === null || onPause === void 0 ? void 0 : onPause(e);
   };
   const formatSeconds = (value) => {
     if (!value) {
@@ -151,12 +151,12 @@ const Audio = (props) => {
   };
   const handleCanplay = (e) => {
     setIsCanPlay(true);
-    if (props.autoPlay && !playing) {
+    if (autoPlay && !playing) {
       AudioRef && AudioRef.current && AudioRef.current.play();
     }
     if (AudioRef.current) {
       statusRef.current.second = AudioRef.current.duration || 0;
-      props.onCanPlay && props.onCanPlay(e);
+      onCanPlay === null || onCanPlay === void 0 ? void 0 : onCanPlay(e);
     }
   };
   const onTimeupdate = (e) => {
@@ -178,7 +178,6 @@ const Audio = (props) => {
     )
   );
 };
-Audio.defaultProps = defaultProps;
 Audio.displayName = "NutAudio";
 export {
   Audio as default

package/dist/esm/CalendarItem.js

@@ -307,8 +307,10 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
   };
   useEffect(() => {
     setCurrentDate(resetDefaultValue() || []);
-    popup && resetRender();
   }, [defaultValue]);
+  useEffect(() => {
+    popup && resetRender();
+  }, [currentDate]);
   const scrollToDate = (date) => {
     if (Utils.compareDate(date, propStartDate)) {
       date = propStartDate;

package/dist/esm/CheckboxGroup.js

@@ -17,7 +17,7 @@ const defaultProps = {
 };
 const classPrefix = "nut-checkboxgroup";
 const CheckboxGroup = React__default.forwardRef((props, ref) => {
-  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, className, disabled, list, onChange, value, defaultValue, max, min, onLimit, labelPosition, direction, options } = _a, rest = __rest(_a, ["children", "className", "disabled", "list", "onChange", "value", "defaultValue", "max", "min", "onLimit", "labelPosition", "direction", "options"]);
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, className, disabled, list, value, defaultValue, max, min, labelPosition, direction, options, onChange, onLimit } = _a, rest = __rest(_a, ["children", "className", "disabled", "list", "value", "defaultValue", "max", "min", "labelPosition", "direction", "options", "onChange", "onLimit"]);
   useImperativeHandle(ref, () => ({
     toggle(state) {
       if (state === false) {
@@ -42,8 +42,8 @@ const CheckboxGroup = React__default.forwardRef((props, ref) => {
     }
   }));
   const [_value, setValue] = usePropsValue({
-    value: props.value,
-    defaultValue: props.defaultValue,
+    value,
+    defaultValue,
     finalValue: [],
     onChange
   });
@@ -80,12 +80,11 @@ const CheckboxGroup = React__default.forwardRef((props, ref) => {
       }
     } },
     React__default.createElement("div", Object.assign({ className: classNames(classPrefix, {
-      [`nut-checkboxgroup-${props.direction}`]: props.direction,
+      [`nut-checkboxgroup-${direction}`]: direction,
       [`nut-checkboxgroup-list`]: list
     }, className) }, rest), (options === null || options === void 0 ? void 0 : options.length) ? renderOptions() : children)
   );
 });
-CheckboxGroup.defaultProps = defaultProps;
 CheckboxGroup.displayName = "NutCheckboxGroup";
 export {
   CheckboxGroup as default

package/dist/esm/DatePicker.js

@@ -131,7 +131,7 @@ const DatePicker = (props) => {
       if (!isEqual) {
         setSelectedDate(formatValue(newDate));
       }
-      props.onChange && props.onChange(selectedOptions, [
+      onChange === null || onChange === void 0 ? void 0 : onChange(selectedOptions, [
         String(newDate.getFullYear()),
         String(newDate.getMonth() + 1),
         String(newDate.getDate())
@@ -202,8 +202,8 @@ const DatePicker = (props) => {
     }
     pickerValue[columnIndex] = (_a2 = arr[index]) === null || _a2 === void 0 ? void 0 : _a2.value;
     setPickerValue([...pickerValue]);
-    if (props.filter && props.filter(type2, arr)) {
-      return props.filter(type2, arr);
+    if (filter === null || filter === void 0 ? void 0 : filter(type2, arr)) {
+      return filter === null || filter === void 0 ? void 0 : filter(type2, arr);
     }
     return arr;
   };
@@ -242,7 +242,6 @@ const DatePicker = (props) => {
   }, [selectedDate, startDate, endDate]);
   return React__default.createElement("div", Object.assign({ className: `nut-datepicker ${className}`, style }, rest), pickerOptions.length && React__default.createElement(Picker__default, Object.assign({}, pickerProps, { title, visible, options: pickerOptions, onClose, onCancel, value: pickerValue, onConfirm: (options, value) => onConfirm && onConfirm(options, value), onChange: (options, value, index) => handlePickerChange(options, value, index), threeDimensional })));
 };
-DatePicker.defaultProps = defaultProps;
 DatePicker.displayName = "NutDatePicker";
 export {
   DatePicker as default

package/dist/esm/Dialog.js

@@ -122,7 +122,7 @@ const Content = (props) => {
   );
 };
 Content.displayName = "NutContent";
-const defaultDialogProps = Object.assign(Object.assign(Object.assign({}, ComponentDefaults), { overlay: true, overlayStyle: {}, overlayClassName: "", onCancel: () => {
+Object.assign(Object.assign(Object.assign({}, ComponentDefaults), { overlay: true, overlayStyle: {}, overlayClassName: "", onCancel: () => {
 }, onClose: () => {
 }, onOverlayClick: (e) => true }), defaultOverlayProps);
 const DialogWrap = (props) => {
@@ -145,7 +145,6 @@ const DialogWrap = (props) => {
     )
   );
 };
-DialogWrap.defaultProps = defaultDialogProps;
 DialogWrap.displayName = "NutDialogWrap";
 const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { confirmText: "", cancelText: "", overlay: true, closeOnOverlayClick: true, hideConfirmButton: false, hideCancelButton: false, disableConfirmButton: false, footerDirection: "horizontal", lockScroll: true, closeIconPosition: "bottom", closeIcon: false, beforeCancel: () => true, beforeClose: () => true });
 const BaseDialog = (props, ref) => {

package/dist/esm/InputNumber.js

@@ -98,6 +98,18 @@ const InputNumber = (props) => {
       return null;
     return text;
   };
+  const clampValue = (valueStr) => {
+    if (valueStr === null)
+      return defaultValue;
+    const val = Number(parseFloat(valueStr || "0").toFixed(digits));
+    return Math.max(Number(min), Math.min(Number(max), val));
+  };
+  const handleValueChange = (valueStr, e) => {
+    const val = clampValue(valueStr);
+    if (val !== Number(shadowValue)) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(val, e);
+    }
+  };
   const handleInputChange = (e) => {
     setInputValue(e.target.value);
     const valueStr = parseValue(e.target.value);
@@ -108,24 +120,29 @@ const InputNumber = (props) => {
         setShadowValue(defaultValue);
       }
     } else {
-      setShadowValue(valueStr);
-    }
-    if (!async) {
-      onChange === null || onChange === void 0 ? void 0 : onChange(parseFloat(valueStr || "0").toFixed(digits), e);
+      setShadowValue(clampValue(valueStr));
     }
+    !async && handleValueChange(valueStr, e);
   };
   const handleFocus = (e) => {
     setFocused(true);
     setInputValue(shadowValue !== void 0 && shadowValue !== null ? bound(Number(shadowValue), Number(min), Number(max)).toString() : "");
-    onFocus && onFocus(e);
+    onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
   };
   const handleBlur = (e) => {
     setFocused(false);
-    onBlur && onBlur(e);
-    if (async) {
-      const valueStr = parseValue(e.target.value);
-      onChange === null || onChange === void 0 ? void 0 : onChange(parseFloat(valueStr || "0").toFixed(digits), e);
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+    const valueStr = parseValue(e.target.value);
+    if (valueStr === null) {
+      if (allowEmpty) {
+        setShadowValue(null);
+      } else {
+        setShadowValue(defaultValue);
+      }
+    } else {
+      setShadowValue(clampValue(valueStr));
     }
+    async && handleValueChange(valueStr, e);
   };
   return React__default.createElement(
     "div",

package/dist/esm/Menu.js

@@ -68,7 +68,7 @@ const Menu = (props) => {
   const menuTitle = () => {
     return React__default.Children.map(children, (child, index) => {
       if (React__default.isValidElement(child)) {
-        const { title, options, value, defaultValue, disabled, direction } = child.props;
+        const { title, titleIcon, options, value, defaultValue, disabled, direction } = child.props;
         const selected = options === null || options === void 0 ? void 0 : options.filter((option) => option.value === (value !== void 0 ? value : defaultValue));
         const finallyTitle = () => {
           if (title)
@@ -79,19 +79,26 @@ const Menu = (props) => {
             return selected[0].text;
           return "";
         };
+        const finallyIcon = () => {
+          if (titleIcon)
+            return titleIcon;
+          if (icon)
+            return icon;
+          return direction === "up" ? React__default.createElement(ArrowUp, { className: "nut-menu-title-icon", width: "12px", height: "12px" }) : React__default.createElement(ArrowDown, { className: "nut-menu-title-icon", width: "12px", height: "12px" });
+        };
         return React__default.createElement(
           "div",
-          { className: classNames("nut-menu-title ", {
+          { className: classNames("nut-menu-title", `nut-menu-title-${index}`, {
             active: showMenuItem[index],
             disabled
-          }, className), style: { color: showMenuItem[index] ? activeColor : "" }, key: index, onClick: (e) => {
+          }), style: { color: showMenuItem[index] ? activeColor : "" }, key: index, onClick: (e) => {
             e.stopPropagation();
             if ((!options || !options.length) && !child.props.children)
               return;
             !disabled && toggleMenuItem(index);
           } },
           React__default.createElement("div", { className: "nut-menu-title-text" }, finallyTitle()),
-          icon || (direction === "up" ? React__default.createElement(ArrowUp, { className: "nut-menu-title-icon", width: "12px", height: "12px" }) : React__default.createElement(ArrowDown, { className: "nut-menu-title-icon", width: "12px", height: "12px" }))
+          finallyIcon()
         );
       }
       return null;

package/dist/esm/NumberKeyboard.js

@@ -5,11 +5,11 @@ import { ArrowDown } from "@nutui/icons-react";
 import Popup__default from "./Popup.js";
 import { useConfig } from "./ConfigProvider.js";
 import { C as ComponentDefaults } from "./typings.js";
-Object.assign(Object.assign({}, ComponentDefaults), { visible: false, rightActions: "", type: "default", custom: [], random: false, onClose: () => {
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { visible: false, rightActions: "", type: "default", custom: [], random: false, onClose: () => {
 } });
 const NumberKeyboard = (props) => {
   const { locale } = useConfig();
-  const { title, rightActions, confirmText, visible, type, custom, random, style, className, onChange, onDelete, onClose, onConfirm } = props, rest = __rest(props, ["title", "rightActions", "confirmText", "visible", "type", "custom", "random", "style", "className", "onChange", "onDelete", "onClose", "onConfirm"]);
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { title, rightActions, confirmText, visible, type, custom, random, style, className, onChange, onDelete, onClose, onConfirm } = _a, rest = __rest(_a, ["title", "rightActions", "confirmText", "visible", "type", "custom", "random", "style", "className", "onChange", "onDelete", "onClose", "onConfirm"]);
   const classPrefix = "nut-numberkeyboard";
   const getBasicKeys = () => {
     const keys = new Array(9).fill(0).map((_, index) => {
@@ -55,41 +55,52 @@ const NumberKeyboard = (props) => {
     };
     const onTouchEnd = (item2) => {
       setActive(false);
-      if (item2.type === "num" || item2.type === "custom") {
-        onChange && onChange(item2.id);
+      switch (item2.type) {
+        case "num":
+        case "custom":
+          onChange === null || onChange === void 0 ? void 0 : onChange(item2.id);
+          break;
+        case "close":
+          onClose === null || onClose === void 0 ? void 0 : onClose();
+          break;
+        case "delete":
+          onDelete === null || onDelete === void 0 ? void 0 : onDelete();
+          break;
+        case "confirm":
+          onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm();
+          break;
       }
-      if (item2.type === "close") {
-        onClose && onClose();
-      }
-      if (item2.type === "delete") {
-        onDelete && onDelete();
-      }
-      if (item2.type === "confirm") {
-        onConfirm && onConfirm();
+    };
+    const renderContent = (item2) => {
+      switch (item2.type) {
+        case "num":
+        case "custom":
+          return React__default.createElement("div", null, item2.id);
+        case "delete":
+          return React__default.createElement(DeleteIcon, null);
+        case "close":
+          return React__default.createElement(ArrowDown, { width: 18, height: 18 });
+        case "confirm":
+          return React__default.createElement(React__default.Fragment, null, confirmText || locale.done);
+        default:
+          return null;
       }
     };
     return React__default.createElement(
       "div",
       { key: item.id, className: `${classPrefix}-body-wrapper` },
-      React__default.createElement(
-        "div",
-        { className: classNames({
-          key: true,
-          active,
-          close: item.type === "close",
-          delete: item.type === "delete",
-          confirm: item.type === "confirm"
-        }), onTouchStart: () => onTouchStart(), onTouchEnd: () => onTouchEnd(item), onTouchCancel: () => onTouchEnd(item) },
-        (item.type === "num" || item.type === "custom") && React__default.createElement("div", null, item.id),
-        item.type === "delete" && React__default.createElement(DeleteIcon, null),
-        item.type === "close" && React__default.createElement(ArrowDown, { width: 18, height: 18 }),
-        item.type === "confirm" && React__default.createElement(React__default.Fragment, null, confirmText || locale.done)
-      )
+      React__default.createElement("div", { className: classNames({
+        key: true,
+        active,
+        close: item.type === "close",
+        delete: item.type === "delete",
+        confirm: item.type === "confirm"
+      }), onTouchStart: () => onTouchStart(), onTouchEnd: () => onTouchEnd(item), onTouchCancel: () => onTouchEnd(item) }, renderContent(item))
     );
   };
   return React__default.createElement(
     Popup__default,
-    Object.assign({ visible, position: "bottom", onOverlayClick: onClose, onCloseIconClick: onClose, zIndex: 9999, overlayStyle: { backgroundColor: "rgba(0, 0, 0, 0)" } }, rest),
+    Object.assign({}, rest, { visible, position: "bottom", onOverlayClick: onClose, onCloseIconClick: onClose, zIndex: 9999, overlayStyle: { backgroundColor: "rgba(0, 0, 0, 0)" } }),
     React__default.createElement(
       "div",
       { className: classNames(classPrefix, className), style },

package/dist/esm/PullToRefresh.js

@@ -190,7 +190,6 @@ const PullToRefresh = (p) => {
     React__default.createElement("div", { className: `${classPrefix}-content` }, props.children)
   );
 };
-PullToRefresh.defaultProps = defaultProps;
 PullToRefresh.displayName = "NutPullToRefresh";
 export {
   PullToRefresh as default

package/dist/esm/RadioGroup.js

@@ -44,7 +44,6 @@ const RadioGroup = React__default.forwardRef((props, ref) => {
     }, className) }, rest), (options === null || options === void 0 ? void 0 : options.length) ? renderOptionsChildren() : children)
   );
 });
-RadioGroup.defaultProps = defaultProps;
 RadioGroup.displayName = "NutRadioGroup";
 export {
   RadioGroup as default

package/dist/esm/Sticky.js

@@ -45,14 +45,15 @@ const Sticky = (props) => {
   useEffect(() => {
     if (position === "top")
       return;
-    const containerEle = container === null || container === void 0 ? void 0 : container.current;
-    if (!rootRef.current && !containerEle)
+    const containerEle = container && container.current;
+    const rootEle = rootRef.current;
+    const stickyEle = stickyRef.current;
+    if (!rootEle && !containerEle)
       return;
-    const rootRect = getRect(rootRef.current);
+    const rootRect = getRect(rootEle);
     const containerRect = getRect(containerEle);
     const clientHeight = document.documentElement.clientHeight;
-    const stCurrent = stickyRef.current;
-    const stickyRect = getRect(stCurrent);
+    const stickyRect = getRect(stickyEle);
     let fixed = clientHeight - threshold < rootRect.bottom;
     if (containerEle) {
       fixed = containerRect.bottom > clientHeight - threshold - stickyRect.height && clientHeight - threshold - stickyRect.height > containerRect.top;
@@ -64,17 +65,16 @@ const Sticky = (props) => {
     setIsFixed(fixed);
   }, [position, container, threshold]);
   const handleScroll = useCallback(() => {
-    const containerEle = container === null || container === void 0 ? void 0 : container.current;
-    if (!rootRef.current && !containerEle)
+    const containerEle = container && container.current;
+    const rootEle = rootRef.current;
+    const stickyEle = stickyRef.current;
+    if (!rootEle && !containerEle)
       return;
-    const rootRect = getRect(rootRef.current);
-    const stCurrent = stickyRef.current;
-    const stickyRect = getRect(stCurrent);
+    const rootRect = getRect(rootEle);
+    const stickyRect = getRect(stickyEle);
     const containerRect = getRect(containerEle);
     if (rootRect.height) {
-      setRootStyle((prev) => {
-        return Object.assign(Object.assign({}, prev), { height: rootRect.height });
-      });
+      setRootStyle((prev) => Object.assign(Object.assign({}, prev), { height: rootRect.height }));
     }
     const getFixed = () => {
       let fixed2 = false;
@@ -90,22 +90,16 @@ const Sticky = (props) => {
       };
     };
     const getTransform = () => {
-      if (position === "top") {
-        if (containerEle) {
-          const diff = containerRect.bottom - threshold - stickyRect.height;
-          const transform = diff < 0 ? diff : 0;
-          return { transform: `translate3d(0, ${transform}px, 0)` };
-        }
-        return {};
+      if (position === "top" && containerEle) {
+        const diff = containerRect.bottom - threshold - stickyRect.height;
+        const transform = diff < 0 ? diff : 0;
+        return { transform: `translate3d(0, ${transform}px, 0)` };
       }
-      if (position === "bottom") {
-        if (containerEle) {
-          const clientHeight = document.documentElement.clientHeight;
-          const diff = containerRect.bottom - (clientHeight - threshold);
-          const transform = diff < 0 ? diff : 0;
-          return { transform: `translate3d(0, ${transform}px, 0)` };
-        }
-        return {};
+      if (position === "bottom" && containerEle) {
+        const clientHeight = document.documentElement.clientHeight;
+        const diff = containerRect.bottom - (clientHeight - threshold);
+        const transform = diff < 0 ? diff : 0;
+        return { transform: `translate3d(0, ${transform}px, 0)` };
       }
       return {};
     };
@@ -120,9 +114,9 @@ const Sticky = (props) => {
   });
   useEffect(() => {
     const el = getElement();
-    el.addEventListener("scroll", handleScroll, false);
+    el === null || el === void 0 ? void 0 : el.addEventListener("scroll", handleScroll, false);
     return () => {
-      el.removeEventListener("scroll", handleScroll);
+      el === null || el === void 0 ? void 0 : el.removeEventListener("scroll", handleScroll);
     };
   }, [getElement, handleScroll]);
   return React__default.createElement(

package/dist/esm/Swipe.js

@@ -168,7 +168,6 @@ const Swipe = forwardRef((props, instanceRef) => {
     )
   );
 });
-Swipe.defaultProps = defaultProps;
 Swipe.displayName = "NutSwipe";
 export {
   Swipe as default

package/dist/esm/Swiper.js

@@ -325,7 +325,6 @@ const Swiper = React__default.forwardRef((props, ref) => {
     renderIndicator()
   );
 });
-Swiper.defaultProps = defaultProps;
 Swiper.displayName = "NutSwiper";
 const InnerSwiper = Swiper;
 InnerSwiper.Item = SwiperItem__default;

package/dist/esm/SwiperItem.js

@@ -9,7 +9,6 @@ const SwiperItem = (props) => {
   const classes = classNames(classPrefix, className);
   return React__default.createElement("div", { className: classes, onClick: props.onClick, style }, children);
 };
-SwiperItem.defaultProps = defaultProps;
 SwiperItem.displayName = "NutSwiperItem";
 export {
   SwiperItem as default

package/dist/esm/Table.js

@@ -130,17 +130,18 @@ const Table = (props) => {
     });
   };
   const renderBodyTds = (item, rowIndex) => {
-    const { rowRender } = item;
-    if (rowRender && typeof rowRender === "function") {
-      return rowRender(item, rowIndex);
-    }
     return sortDataItem().map(([value, render]) => {
       return React__default.createElement("div", { className: classNames(`${bodyClassPrefix}-td`, cellClasses(getColumnItem(value)), getStickyClass(value)), key: value, style: getStickyStyle(value) }, typeof item[value] === "function" || typeof render === "function" ? React__default.createElement("div", null, render ? render(item, rowIndex) : item[value](item)) : item[value]);
     });
   };
   const renderBodyTrs = () => {
     return innerValue.map((item, index) => {
-      return React__default.createElement("div", { className: bodyClassPrefix, key: index }, renderBodyTds(item, index));
+      const inner = renderBodyTds(item, index);
+      const { rowRender } = item;
+      if (rowRender && typeof rowRender === "function") {
+        return rowRender(item, index, { inner });
+      }
+      return React__default.createElement("div", { className: bodyClassPrefix, key: index }, inner);
     });
   };
   return React__default.createElement(