@nutui/nutui-react 2.6.14 → 2.6.15

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

@@ -81,10 +81,10 @@ const Menu = (props) => {
         };
         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;

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(

package/dist/esm/Uploader/style/style.css

@@ -1 +1 @@
-.nut-progress{display:flex;align-items:center;position:relative;width:100%}.nut-progress-outer{flex:auto;border-radius:var(--nutui-progress-border-radius, 12px);height:var(--nutui-progress-height, 10px);background:var(--nutui-progress-background, var(--nutui-gray-3, #f6f6f6))}.nut-progress-outer .nut-progress-active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--nutui-progress-border-radius, 12px);animation:progressActive 2s ease-in-out infinite}.nut-progress-inner{height:100%;display:flex;flex-direction:column;justify-content:center;transition:all .4s;border-radius:var(--nutui-progress-border-radius, 12px);background:var(--nutui-progress-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%))}.nut-progress-text{display:flex;align-items:center;position:absolute;top:var(--nutui-progress-text-position-top, -4px);bottom:var(--nutui-progress-text-position-bottom, -4px);transition:all .4s;transform:translate(-50%)}.nut-progress-text-inner{display:flex;align-items:center;height:100%;width:100%;color:var(--nutui-progress-text-color, var(--nutui-color-primary-text, #ffffff));padding:var(--nutui-progress-text-padding, 0 5px);border-radius:var(--nutui-progress-text-border-radius, 5px);font-size:var(--nutui-progress-text-font-size, 9px);line-height:1;background:var(--nutui-progress-text-background, var(--nutui-progress-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%)))}@keyframes progressActive{0%{background:#ffffff1a;width:0}20%{background:#ffffff80;width:0}to{background:#fff0;width:100%}}[dir=rtl] .nut-progress-text,.nut-rtl .nut-progress-text{transform:translate(50%)}.nut-uploader{position:relative;display:flex;flex-wrap:wrap}.nut-uploader-slot{position:relative}.nut-uploader-upload{position:relative;display:flex;align-items:center;justify-content:center;background:var(--nutui-uploader-background, var(--nutui-gray-3, #f6f6f6));width:var(--nutui-uploader-image-width, 100px);height:var(--nutui-uploader-image-height, 100px);border:var(--nutui-uploader-image-border, 0px);border-radius:var(--nutui-uploader-image-border-radius, 4px)}.nut-uploader-icon{display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--nutui-uploader-image-color, var(--nutui-gray-5, #8c8c8c))}.nut-uploader-icon i,.nut-uploader-icon .nut-icon{color:var(--nutui-uploader-image-color, var(--nutui-gray-5, #8c8c8c));margin-bottom:var(--nutui-uploader-image-icon-margin-bottom, 6px)}.nut-uploader-icon-tip{font-size:var(--nutui-uploader-image-icon-tip-font-size, 12px)}.nut-uploader-input{position:absolute!important;top:0;left:0;width:100%!important;height:100%!important;overflow:hidden;cursor:pointer;opacity:0}.nut-uploader-input:disabled{cursor:not-allowed}.nut-uploader-upload-disabled{background:var(--nutui-uploader-background-disabled, var(--nutui-gray-3, #f6f6f6));color:var(--nutui-uploader-image-disabled, var(--nutui-color-text-disabled, #bfbfbf))}.nut-uploader-upload-disabled .nut-uploader-icon i,.nut-uploader-upload-disabled .nut-uploader-icon .nut-icon{color:var(--nutui-uploader-image-disabled, var(--nutui-color-text-disabled, #bfbfbf));margin-bottom:var(--nutui-uploader-image-icon-margin-bottom, 6px)}.nut-uploader-preview{position:relative;margin-right:var(--nutui-uploader-preview-margin-right, 10px);margin-bottom:var(--nutui-uploader-preview-margin-bottom, 10px);border-radius:var(--nutui-uploader-image-border-radius, 4px);box-shadow:0 2px 10px #0000001a}.nut-uploader-preview-progress{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:var(--nutui-uploader-preview-progress-background, var(--nutui-black-10, rgba(0, 0, 0, .7)));border-radius:var(--nutui-uploader-image-border-radius, 4px)}.nut-uploader-preview-progress i{margin-bottom:var(--nutui-uploader-image-icon-margin-bottom, 6px)}.nut-uploader-preview-progress-msg{color:var(--nutui-gray-5, #8c8c8c);font-size:12px}.nut-uploader-preview.list{width:100%;margin-right:0;margin-bottom:0;margin-top:10px;box-shadow:0 2px 10px #00000003}.nut-uploader-preview-list{width:100%;height:32px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background-color:var(--nutui-gray-2, #f8f8f8)}.nut-uploader-preview-list .nut-uploader-preview-img-file-name{display:flex;align-items:center;-webkit-line-clamp:1;padding:2px;height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nut-uploader-preview-list .nut-progress{position:absolute;left:0;right:0;bottom:0}.nut-uploader-preview-list .nut-progress .nut-progress-outer{height:2px!important}.nut-uploader-preview .close{position:absolute;right:var(--nutui-uploader-preview-close-right, 0px);top:var(--nutui-uploader-preview-close-top, 0px);transform:translate(50%,-50%);z-index:1}.nut-uploader-preview-img{position:relative;width:var(--nutui-uploader-image-width, 100px);height:var(--nutui-uploader-image-height, 100px);border-radius:var(--nutui-uploader-image-border-radius, 4px);overflow:hidden}.nut-uploader-preview-img i{color:var(--nutui-gray-7, #1a1a1a)}.nut-uploader-preview-img .tips{position:absolute;bottom:0;left:0;font-size:12px;color:#fff;text-align:center;box-sizing:border-box;height:var(--nutui-uploader-preview-tips-height, 24px);line-height:var(--nutui-uploader-preview-tips-height, 24px);border-radius:var(--nutui-uploader-image-border-radius, 4px);border-top-left-radius:0;border-top-right-radius:0;padding:var(--nutui-uploader-preview-tips-padding, 0 5px);background:var(--nutui-uploader-preview-tips-background, var(--nutui-black-7));width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-uploader-preview-img-c{width:100%;height:100%;position:initial;border-radius:var(--nutui-uploader-image-border-radius, 4px)}.nut-uploader-preview-img-file{height:100%;width:100%;display:flex;align-items:center;justify-content:center;transition:all .3s}.nut-uploader-preview-img-file-name{display:flex;width:90%;font-size:12px;color:var(--nutui-gray-6, #595959);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all}.nut-uploader-preview-img-file-name.error{color:red!important}.nut-uploader-preview-img-file-name.success{color:#1890ff!important}.nut-uploader-preview-img-file-name .nut-icon-Link{flex-shrink:0}[dir=rtl] .nut-uploader-input,.nut-rtl .nut-uploader-input{left:auto;right:0}[dir=rtl] .nut-uploader-preview,.nut-rtl .nut-uploader-preview{margin-right:0;margin-left:var(--nutui-uploader-preview-margin-right, 10px)}[dir=rtl] .nut-uploader-preview-progress,.nut-rtl .nut-uploader-preview-progress{left:auto;right:0}[dir=rtl] .nut-uploader-preview.list,.nut-rtl .nut-uploader-preview.list{margin-right:0;margin-left:0}[dir=rtl] .nut-uploader-preview .close,.nut-rtl .nut-uploader-preview .close{right:auto;left:var(--nutui-uploader-preview-close-right, 0px);transform:translate(-50%,-50%)}[dir=rtl] .nut-uploader-preview-img .tips,.nut-rtl .nut-uploader-preview-img .tips{left:auto;right:0}
+.nut-progress{display:flex;align-items:center;position:relative;width:100%}.nut-progress-outer{flex:auto;border-radius:var(--nutui-progress-border-radius, 12px);height:var(--nutui-progress-height, 10px);background:var(--nutui-progress-background, var(--nutui-gray-3, #f6f6f6))}.nut-progress-outer .nut-progress-active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--nutui-progress-border-radius, 12px);animation:progressActive 2s ease-in-out infinite}.nut-progress-inner{height:100%;display:flex;flex-direction:column;justify-content:center;transition:all .4s;border-radius:var(--nutui-progress-border-radius, 12px);background:var(--nutui-progress-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%))}.nut-progress-text{display:flex;align-items:center;position:absolute;top:var(--nutui-progress-text-position-top, -4px);bottom:var(--nutui-progress-text-position-bottom, -4px);transition:all .4s;transform:translate(-50%)}.nut-progress-text-inner{display:flex;align-items:center;height:100%;width:100%;color:var(--nutui-progress-text-color, var(--nutui-color-primary-text, #ffffff));padding:var(--nutui-progress-text-padding, 0 5px);border-radius:var(--nutui-progress-text-border-radius, 5px);font-size:var(--nutui-progress-text-font-size, 9px);line-height:1;background:var(--nutui-progress-text-background, var(--nutui-progress-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%)))}@keyframes progressActive{0%{background:#ffffff1a;width:0}20%{background:#ffffff80;width:0}to{background:#fff0;width:100%}}[dir=rtl] .nut-progress-text,.nut-rtl .nut-progress-text{transform:translate(50%)}.nut-uploader{position:relative;display:flex;flex-wrap:wrap}.nut-uploader-slot{position:relative}.nut-uploader-upload{position:relative;display:flex;align-items:center;justify-content:center;background:var(--nutui-uploader-background, var(--nutui-gray-3, #f6f6f6));width:var(--nutui-uploader-image-width, 100px);height:var(--nutui-uploader-image-height, 100px);border:var(--nutui-uploader-image-border, 0px);border-radius:var(--nutui-uploader-image-border-radius, 4px)}.nut-uploader-icon{display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--nutui-uploader-image-color, var(--nutui-gray-5, #8c8c8c))}.nut-uploader-icon i,.nut-uploader-icon .nut-icon{color:var(--nutui-uploader-image-color, var(--nutui-gray-5, #8c8c8c));margin-bottom:var(--nutui-uploader-image-icon-margin-bottom, 6px)}.nut-uploader-icon-tip{font-size:var(--nutui-uploader-image-icon-tip-font-size, 12px)}.nut-uploader-input{position:absolute!important;top:0;left:0;width:100%!important;height:100%!important;overflow:hidden;cursor:pointer;opacity:0}.nut-uploader-input:disabled{cursor:not-allowed}.nut-uploader-upload-disabled{background:var(--nutui-uploader-background-disabled, var(--nutui-gray-3, #f6f6f6));color:var(--nutui-uploader-image-disabled, var(--nutui-color-text-disabled, #bfbfbf))}.nut-uploader-upload-disabled .nut-uploader-icon i,.nut-uploader-upload-disabled .nut-uploader-icon .nut-icon{color:var(--nutui-uploader-image-disabled, var(--nutui-color-text-disabled, #bfbfbf));margin-bottom:var(--nutui-uploader-image-icon-margin-bottom, 6px)}.nut-uploader-preview{position:relative;margin-right:var(--nutui-uploader-preview-margin-right, 10px);margin-bottom:var(--nutui-uploader-preview-margin-bottom, 10px);border-radius:var(--nutui-uploader-image-border-radius, 4px);box-shadow:0 2px 10px #0000001a}.nut-uploader-preview-progress{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:var(--nutui-uploader-preview-progress-background, var(--nutui-black-10, rgba(0, 0, 0, .7)));border-radius:var(--nutui-uploader-image-border-radius, 4px)}.nut-uploader-preview-progress i{margin-bottom:var(--nutui-uploader-image-icon-margin-bottom, 6px)}.nut-uploader-preview-progress-msg{color:var(--nutui-gray-5, #8c8c8c);font-size:12px}.nut-uploader-preview.list{width:100%;margin-right:0;margin-bottom:0;margin-top:10px;box-shadow:0 2px 10px #00000003}.nut-uploader-preview-list{width:100%;height:32px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background-color:var(--nutui-gray-2, #f8f8f8)}.nut-uploader-preview-list .nut-uploader-preview-img-file-name{display:flex;align-items:center;-webkit-line-clamp:1;padding:2px;height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nut-uploader-preview-list .nut-progress{position:absolute;left:0;right:0;bottom:0}.nut-uploader-preview-list .nut-progress .nut-progress-outer{height:2px!important}.nut-uploader-preview .close{position:absolute;right:var(--nutui-uploader-preview-close-right, 0px);top:var(--nutui-uploader-preview-close-top, 0px);transform:translate(50%,-50%);z-index:1}.nut-uploader-preview-img{position:relative;width:var(--nutui-uploader-image-width, 100px);height:var(--nutui-uploader-image-height, 100px);border-radius:var(--nutui-uploader-image-border-radius, 4px);overflow:hidden}.nut-uploader-preview-img i{color:var(--nutui-gray-7, #1a1a1a)}.nut-uploader-preview-img .tips{position:absolute;bottom:0;left:0;font-size:12px;color:#fff;text-align:center;box-sizing:border-box;height:var(--nutui-uploader-preview-tips-height, 24px);line-height:var(--nutui-uploader-preview-tips-height, 24px);border-radius:var(--nutui-uploader-image-border-radius, 4px);border-top-left-radius:0;border-top-right-radius:0;padding:var(--nutui-uploader-preview-tips-padding, 0 5px);background:var(--nutui-uploader-preview-tips-background, var(--nutui-black-7));width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-uploader-preview-img-c{display:flex;justify-content:center;align-items:center;height:100%;position:initial;border-radius:var(--nutui-uploader-image-border-radius, 4px)}.nut-uploader-preview-img-file{height:100%;width:100%;display:flex;align-items:center;justify-content:center;transition:all .3s}.nut-uploader-preview-img-file-name{display:flex;width:90%;font-size:12px;color:var(--nutui-gray-6, #595959);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all}.nut-uploader-preview-img-file-name.error{color:red!important}.nut-uploader-preview-img-file-name.success{color:#1890ff!important}.nut-uploader-preview-img-file-name .nut-icon-Link{flex-shrink:0}[dir=rtl] .nut-uploader-input,.nut-rtl .nut-uploader-input{left:auto;right:0}[dir=rtl] .nut-uploader-preview,.nut-rtl .nut-uploader-preview{margin-right:0;margin-left:var(--nutui-uploader-preview-margin-right, 10px)}[dir=rtl] .nut-uploader-preview-progress,.nut-rtl .nut-uploader-preview-progress{left:auto;right:0}[dir=rtl] .nut-uploader-preview.list,.nut-rtl .nut-uploader-preview.list{margin-right:0;margin-left:0}[dir=rtl] .nut-uploader-preview .close,.nut-rtl .nut-uploader-preview .close{right:auto;left:var(--nutui-uploader-preview-close-right, 0px);transform:translate(-50%,-50%)}[dir=rtl] .nut-uploader-preview-img .tips,.nut-rtl .nut-uploader-preview-img .tips{left:auto;right:0}

package/dist/esm/Uploader.js

@@ -1,5 +1,5 @@
 import { _ as __rest } from "./tslib.es6.js";
-import React__default, { useState, useImperativeHandle } from "react";
+import React__default, { useRef, useState, useEffect, useImperativeHandle } from "react";
 import classNames from "classnames";
 import { Failure, Link, Del, Loading, Photograph } from "@nutui/icons-react";
 import { useConfig } from "./ConfigProvider.js";
@@ -161,6 +161,7 @@ const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { url:
 } });
 const InternalUploader = (props, ref) => {
   const { locale } = useConfig();
+  const fileListRef = useRef([]);
   const _a = Object.assign(Object.assign({}, defaultProps), props), { children, uploadIcon, uploadLabel, name, accept, defaultValue, value, previewType, fit, disabled, multiple, url, previewUrl, headers, timeout, method, xhrState, withCredentials, data, preview, deletable, maxCount, capture, maxFileSize, className, autoUpload, clearInput, onStart, onDelete, onChange, onFileItemClick, onProgress, onSuccess, onUpdate, onFailure, onOversize, beforeUpload, beforeXhrUpload, beforeDelete } = _a, restProps = __rest(_a, ["children", "uploadIcon", "uploadLabel", "name", "accept", "defaultValue", "value", "previewType", "fit", "disabled", "multiple", "url", "previewUrl", "headers", "timeout", "method", "xhrState", "withCredentials", "data", "preview", "deletable", "maxCount", "capture", "maxFileSize", "className", "autoUpload", "clearInput", "onStart", "onDelete", "onChange", "onFileItemClick", "onProgress", "onSuccess", "onUpdate", "onFailure", "onOversize", "beforeUpload", "beforeXhrUpload", "beforeDelete"]);
   const [fileList, setFileList] = usePropsValue({
     value,
@@ -172,6 +173,9 @@ const InternalUploader = (props, ref) => {
   });
   const [uploadQueue, setUploadQueue] = useState([]);
   const classes = classNames(className, "nut-uploader");
+  useEffect(() => {
+    fileListRef.current = fileList;
+  }, [fileList]);
   useImperativeHandle(ref, () => ({
     submit: () => {
       Promise.all(uploadQueue).then((res) => {
@@ -215,28 +219,28 @@ const InternalUploader = (props, ref) => {
     }
     uploadOption.onStart = (option) => {
       clearUploadQueue(index);
-      setFileList(fileList.map((item) => {
+      setFileList(fileListRef.current.map((item) => {
         if (item.uid === fileItem.uid) {
           item.status = "ready";
           item.message = locale.uploader.readyUpload;
         }
         return item;
       }));
-      onStart && onStart(option);
+      onStart === null || onStart === void 0 ? void 0 : onStart(option);
     };
     uploadOption.onProgress = (e, option) => {
-      setFileList(fileList.map((item) => {
+      setFileList(fileListRef.current.map((item) => {
         if (item.uid === fileItem.uid) {
           item.status = UPLOADING;
           item.message = locale.uploader.uploading;
           item.percentage = (e.loaded / e.total * 100).toFixed(0);
-          onProgress && onProgress({ e, option, percentage: item.percentage });
+          onProgress === null || onProgress === void 0 ? void 0 : onProgress({ e, option, percentage: item.percentage });
         }
         return item;
       }));
     };
     uploadOption.onSuccess = (responseText, option) => {
-      const list = fileList.map((item) => {
+      const list = fileListRef.current.map((item) => {
         if (item.uid === fileItem.uid) {
           item.status = SUCCESS;
           item.message = locale.uploader.success;
@@ -253,7 +257,7 @@ const InternalUploader = (props, ref) => {
       });
     };
     uploadOption.onFailure = (responseText, option) => {
-      const list = fileList.map((item) => {
+      const list = fileListRef.current.map((item) => {
         if (item.uid === fileItem.uid) {
           item.status = ERROR;
           item.message = locale.uploader.error;
@@ -313,9 +317,7 @@ const InternalUploader = (props, ref) => {
       }
       return true;
     });
-    if (oversizes.length) {
-      onOversize && onOversize(files);
-    }
+    oversizes.length && (onOversize === null || onOversize === void 0 ? void 0 : onOversize(files));
     if (filterFile.length > maximum) {
       filterFile.splice(maximum, filterFile.length - maximum);
     }
@@ -352,7 +354,6 @@ const InternalUploader = (props, ref) => {
       const _files = filterFiles(new Array().slice.call(files));
       readFile(_files);
     }
-    setFileList(fileList);
     if (clearInput) {
       clearInputValue($el);
     }

package/dist/esm/WaterMark.js

@@ -2,10 +2,10 @@ import React__default, { useState, useEffect } from "react";
 import classNames from "classnames";
 import { useConfig } from "./ConfigProvider.js";
 import { C as ComponentDefaults } from "./typings.js";
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { content: "", fullPage: true, zIndex: 2e3, gapX: 24, gapY: 48, width: 120, height: 64, image: "", imageWidth: 120, imageHeight: 64, rotate: -22, color: "rgba(0,0,0,.15)", fontStyle: "normal", fontWeight: "normal", fontSize: 14 });
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { content: "", fullPage: true, zIndex: 2e3, gapX: 24, gapY: 48, width: 120, height: 64, startX: 0, startY: 0, image: "", imageWidth: 120, imageHeight: 64, rotate: -22, color: "rgba(0,0,0,.15)", fontStyle: "normal", fontWeight: "normal", fontSize: 14 });
 const WaterMark = (props) => {
   const { locale } = useConfig();
-  const { content, fullPage, zIndex, className, gapX, gapY, width, height, image, imageWidth, imageHeight, rotate, color, fontStyle, fontFamily, fontWeight, fontSize, style } = Object.assign(Object.assign({}, defaultProps), props);
+  const { content, fullPage, zIndex, className, gapX, gapY, startX, startY, width, height, image, imageWidth, imageHeight, rotate, color, fontStyle, fontFamily, fontWeight, fontSize, style } = Object.assign(Object.assign({}, defaultProps), props);
   const [base64Url, setBase64Url] = useState("");
   const classPrefix = "nut-watermark";
   const classes = classNames(classPrefix, {
@@ -46,7 +46,7 @@ const WaterMark = (props) => {
         const markSize = Number(fontSize) * ratio;
         ctx.font = `${fontStyle} normal ${fontWeight} ${markSize}px/${markHeight}px ${fontFamily}`;
         ctx.fillStyle = color;
-        ctx.fillText(content, 0, 0);
+        ctx.fillText(content, startX, startY);
         ctx.restore();
         setBase64Url(canvas.toDataURL());
       }

package/dist/esm/radio2.js

@@ -86,7 +86,6 @@ const Radio = (props) => {
     [`${classPrefix}-reverse`]: labelPosition === "left"
   }, className), style, onClick: handleClick }, rest), renderRadioItem());
 };
-Radio.defaultProps = defaultProps;
 Radio.displayName = "NutRadio";
 Radio.Group = RadioGroup__default;
 export {

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.14 Fri Jul 19 2024 16:21:59 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.15 Fri Jul 26 2024 15:21:32 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.14 Fri Jul 19 2024 16:21:59 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.15 Fri Jul 26 2024 15:21:32 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */