@nutui/nutui-react-taro 2.6.0 → 2.6.2

package/dist/nutui.react.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.6.0 Fri Apr 12 2024 16:18:09 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.2 Fri Apr 26 2024 15:05:09 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -305,7 +305,7 @@ const defaultProps$1v = {
 };
 const classPrefix$r = "nut-cell-group";
 const CellGroup = (props) => {
-  const { children, className, style, title, description, divider, ...rest } = {
+  const { children, className, title, description, divider, ...rest } = {
     ...defaultProps$1v,
     ...props
   };
@@ -8606,10 +8606,23 @@ const DatePicker = (props) => {
         return result;
     }
   };
-  const compareDateChange = (currentDate, newDate) => {
+  const compareDateChange = (currentDate, newDate, selectedOptions, index) => {
     var _a;
     const isEqual = ((_a = new Date(currentDate)) == null ? void 0 : _a.getTime()) === (newDate == null ? void 0 : newDate.getTime());
-    newDate && isDate(newDate) && !isEqual && setSelectedDate(formatValue(newDate));
+    if (newDate && isDate(newDate)) {
+      if (!isEqual) {
+        setSelectedDate(formatValue(newDate));
+      }
+      props.onChange && props.onChange(
+        selectedOptions,
+        [
+          String(newDate.getFullYear()),
+          String(newDate.getMonth() + 1),
+          String(newDate.getDate())
+        ],
+        index
+      );
+    }
   };
   const handlePickerChange = (selectedOptions, selectedValue, index) => {
     const rangeType = type4.toLocaleLowerCase();
@@ -8650,7 +8663,7 @@ const DatePicker = (props) => {
       } else if (rangeType === "datehour") {
         date4 = new Date(year, month, day, Number(formatDate[3]));
       }
-      compareDateChange(selectedDate, date4);
+      compareDateChange(selectedDate, date4, selectedOptions, index);
     } else {
       const [hour, minute, seconds] = selectedValue;
       const currentDate = new Date(selectedDate);
@@ -8665,9 +8678,8 @@ const DatePicker = (props) => {
         Number(minute),
         rangeType === "time" ? Number(seconds) : 0
       );
-      compareDateChange(selectedDate, date4);
+      compareDateChange(selectedDate, date4, selectedOptions, index);
     }
-    props.onChange && props.onChange(selectedOptions, selectedValue, index);
   };
   const formatOption = (type22, value) => {
     if (formatter) {
@@ -10528,7 +10540,7 @@ const InputNumber = (props) => {
     ...defaultProps$W,
     ...props
   };
-  const classes = classNames(classPrefix$h, {
+  const classes = classNames(classPrefix$h, className, {
     [`${classPrefix$h}-disabled`]: disabled
   });
   const [focused, setFocused] = useState(false);
@@ -12248,7 +12260,6 @@ const InternalSignature = (props, ref) => {
         fileType: props.type,
         canvasId: `${canvasId}`,
         success: (res2) => {
-          handleClearBtn();
           onConfirm && onConfirm(res2.tempFilePath);
         },
         fail: (res2) => {
@@ -16534,7 +16545,7 @@ const Ellipsis = (props) => {
           bsize * 0.4,
           bsize * 0.75
         ];
-        if (rootContain.current) {
+        if (rootContain.current && rootContain.current.style) {
           rootContain.current.style.fontSize = `${bsize}px`;
         }
         calcEllipse();
@@ -16806,14 +16817,20 @@ const Swiper = forwardRef((props, ref) => {
     ...props
   };
   const [current, setCurrent] = useState(defaultValue);
-  const childrenCount = useRef(Children.toArray(children).length);
+  const childrenCount = useMemo$1(() => {
+    let c2 = 0;
+    React__default.Children.map(children, (child, index) => {
+      c2 += 1;
+    });
+    return c2;
+  }, [children]);
   useEffect(() => {
     setCurrent(defaultValue);
   }, [defaultValue]);
   const renderIndicator = () => {
     if (React__default.isValidElement(indicator))
       return indicator;
-    if (indicator === true) {
+    if (indicator) {
       return /* @__PURE__ */ React__default.createElement(
         "div",
         {
@@ -16826,7 +16843,7 @@ const Swiper = forwardRef((props, ref) => {
           Indicator,
           {
             current,
-            total: childrenCount.current,
+            total: childrenCount,
             direction
           }
         )
@@ -16843,16 +16860,16 @@ const Swiper = forwardRef((props, ref) => {
     },
     next: () => {
       if (loop) {
-        setCurrent((current + 1) % childrenCount.current);
+        setCurrent((current + 1) % childrenCount);
       } else {
-        setCurrent(current + 1 >= childrenCount.current ? current : current + 1);
+        setCurrent(current + 1 >= childrenCount ? current : current + 1);
       }
     },
     prev: () => {
       if (loop) {
         let next = current - 1;
-        next = next < 0 ? childrenCount.current + next : next;
-        setCurrent(next % childrenCount.current);
+        next = next < 0 ? childrenCount + next : next;
+        setCurrent(next % childrenCount);
       } else {
         setCurrent(current - 1 <= 0 ? 0 : current - 1);
       }

package/dist/nutui.react.umd.js

@@ -2,7 +2,7 @@
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react"), require("@tarojs/taro"), require("@tarojs/components"), require("react-dom")) : typeof define === "function" && define.amd ? define(["exports", "react", "@tarojs/taro", "@tarojs/components", "react-dom"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory((global2.nutui = global2.nutui || {}, global2.nutui.react = {}), global2.React, global2.Taro, global2.components, global2.ReactDOM));
 })(this, function(exports2, React, Taro, components, ReactDOM) {
   "use strict";/*!
-* @nutui/nutui-react-taro v2.6.0 Fri Apr 12 2024 16:18:09 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.2 Fri Apr 26 2024 15:05:09 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -321,7 +321,7 @@
   };
   const classPrefix$r = "nut-cell-group";
   const CellGroup = (props) => {
-    const { children, className, style, title, description, divider, ...rest } = {
+    const { children, className, title, description, divider, ...rest } = {
       ...defaultProps$1v,
       ...props
     };
@@ -8622,10 +8622,23 @@
           return result;
       }
     };
-    const compareDateChange = (currentDate, newDate) => {
+    const compareDateChange = (currentDate, newDate, selectedOptions, index) => {
       var _a;
       const isEqual = ((_a = new Date(currentDate)) == null ? void 0 : _a.getTime()) === (newDate == null ? void 0 : newDate.getTime());
-      newDate && isDate(newDate) && !isEqual && setSelectedDate(formatValue(newDate));
+      if (newDate && isDate(newDate)) {
+        if (!isEqual) {
+          setSelectedDate(formatValue(newDate));
+        }
+        props.onChange && props.onChange(
+          selectedOptions,
+          [
+            String(newDate.getFullYear()),
+            String(newDate.getMonth() + 1),
+            String(newDate.getDate())
+          ],
+          index
+        );
+      }
     };
     const handlePickerChange = (selectedOptions, selectedValue, index) => {
       const rangeType = type2.toLocaleLowerCase();
@@ -8666,7 +8679,7 @@
         } else if (rangeType === "datehour") {
           date2 = new Date(year, month, day, Number(formatDate[3]));
         }
-        compareDateChange(selectedDate, date2);
+        compareDateChange(selectedDate, date2, selectedOptions, index);
       } else {
         const [hour, minute, seconds] = selectedValue;
         const currentDate = new Date(selectedDate);
@@ -8681,9 +8694,8 @@
           Number(minute),
           rangeType === "time" ? Number(seconds) : 0
         );
-        compareDateChange(selectedDate, date2);
+        compareDateChange(selectedDate, date2, selectedOptions, index);
       }
-      props.onChange && props.onChange(selectedOptions, selectedValue, index);
     };
     const formatOption = (type22, value) => {
       if (formatter) {
@@ -10544,7 +10556,7 @@
       ...defaultProps$W,
       ...props
     };
-    const classes = classNames(classPrefix$h, {
+    const classes = classNames(classPrefix$h, className, {
       [`${classPrefix$h}-disabled`]: disabled
     });
     const [focused, setFocused] = React.useState(false);
@@ -12264,7 +12276,6 @@
           fileType: props.type,
           canvasId: `${canvasId}`,
           success: (res2) => {
-            handleClearBtn();
             onConfirm && onConfirm(res2.tempFilePath);
           },
           fail: (res2) => {
@@ -16550,7 +16561,7 @@
             bsize * 0.4,
             bsize * 0.75
           ];
-          if (rootContain.current) {
+          if (rootContain.current && rootContain.current.style) {
             rootContain.current.style.fontSize = `${bsize}px`;
           }
           calcEllipse();
@@ -16822,14 +16833,20 @@
       ...props
     };
     const [current, setCurrent] = React.useState(defaultValue);
-    const childrenCount = React.useRef(React.Children.toArray(children).length);
+    const childrenCount = React.useMemo(() => {
+      let c2 = 0;
+      React.Children.map(children, (child, index) => {
+        c2 += 1;
+      });
+      return c2;
+    }, [children]);
     React.useEffect(() => {
       setCurrent(defaultValue);
     }, [defaultValue]);
     const renderIndicator = () => {
       if (React.isValidElement(indicator))
         return indicator;
-      if (indicator === true) {
+      if (indicator) {
         return /* @__PURE__ */ React.createElement(
           "div",
           {
@@ -16842,7 +16859,7 @@
             Indicator,
             {
               current,
-              total: childrenCount.current,
+              total: childrenCount,
               direction
             }
           )
@@ -16859,16 +16876,16 @@
       },
       next: () => {
         if (loop) {
-          setCurrent((current + 1) % childrenCount.current);
+          setCurrent((current + 1) % childrenCount);
         } else {
-          setCurrent(current + 1 >= childrenCount.current ? current : current + 1);
+          setCurrent(current + 1 >= childrenCount ? current : current + 1);
         }
       },
       prev: () => {
         if (loop) {
           let next = current - 1;
-          next = next < 0 ? childrenCount.current + next : next;
-          setCurrent(next % childrenCount.current);
+          next = next < 0 ? childrenCount + next : next;
+          setCurrent(next % childrenCount);
         } else {
           setCurrent(current - 1 <= 0 ? 0 : current - 1);
         }

package/dist/packages/badge/badge.scss

@@ -55,7 +55,7 @@
   &-dot {
     width: $badge-dot-width;
     height: $badge-dot-width;
-    border: $badge-border;
+    border: $badge-dot-border;
     border-radius: $badge-dot-width;
     padding: 0;
   }

package/dist/packages/cellgroup/cellgroup.scss

@@ -26,7 +26,7 @@
     border-radius: $cell-border-radius;
     overflow: hidden;
     background-color: $cell-group-background-color;
-    margin: 10px 0;
+    margin: $cell-group-wrap-margin;
 
     .nut-cell {
       margin: 0;

package/dist/packages/fixednav/fixednav.scss

@@ -7,8 +7,10 @@
   right: 0;
 
   &.active {
-    .nut-icon {
-      transform: rotate(180deg);
+    .nut-fixednav-btn{
+      .nut-icon {
+        transform: rotate(180deg);
+      }
     }
 
     .nut-fixednav-list {

package/dist/packages/navbar/navbar.scss

@@ -129,6 +129,7 @@
       flex: 1;
       justify-content: flex-start;
       padding: 0 8px;
+      text-align: left;
     }
   }
 }