@nutui/nutui-react 2.6.1 → 2.6.3

package/dist/locales/zh-UG.js

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

package/dist/nutui.react.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.1 Fri Apr 19 2024 14:49:31 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.3 Tue Apr 30 2024 14:15:24 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -11399,7 +11399,6 @@ const Tabs = (props) => {
     finalValue: 0,
     onChange
   });
-  const [contentStyle, setContentStyle] = useState({});
   const titleItemsRef = useRef([]);
   const navRef = useRef(null);
   const scrollDirection = (nav, to2, duration2, direction2) => {
@@ -11480,13 +11479,17 @@ const Tabs = (props) => {
     color: activeType === "smile" ? activeColor : "",
     background: activeType === "line" ? activeColor : ""
   };
-  useEffect(() => {
+  const getContentStyle = () => {
     let index = titles.current.findIndex((t2) => t2.value == value);
     index = index < 0 ? 0 : index;
-    setContentStyle({
+    return {
       transform: direction === "horizontal" ? `translate3d(${rtl ? "" : "-"}${index * 100}%, 0, 0)` : `translate3d( 0,-${index * 100}%, 0)`,
       transitionDuration: `${duration}ms`
-    });
+    };
+  };
+  useEffect(() => {
+    let index = titles.current.findIndex((t2) => t2.value == value);
+    index = index < 0 ? 0 : index;
     setTimeout(() => {
       scrollIntoView(index);
     });
@@ -11541,7 +11544,7 @@ const Tabs = (props) => {
         item.title
       )
     );
-  })), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$j}-content-wrap` }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$j}-content`, style: contentStyle }, React__default.Children.map(children, (child, idx) => {
+  })), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$j}-content-wrap` }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$j}-content`, style: getContentStyle() }, React__default.Children.map(children, (child, idx) => {
     if (!React__default.isValidElement(child)) {
       return null;
     }
@@ -14656,10 +14659,23 @@ const DatePicker = (props) => {
         return result;
     }
   };
-  const compareDateChange = (currentDate, newDate) => {
+  const compareDateChange = (currentDate, newDate, selectedOptions, index) => {
     var _a;
     const isEqual2 = ((_a = new Date(currentDate)) == null ? void 0 : _a.getTime()) === (newDate == null ? void 0 : newDate.getTime());
-    newDate && isDate(newDate) && !isEqual2 && setSelectedDate(formatValue(newDate));
+    if (newDate && isDate(newDate)) {
+      if (!isEqual2) {
+        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();
@@ -14700,7 +14716,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);
@@ -14715,9 +14731,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) {
@@ -16549,7 +16564,7 @@ const InputNumber = (props) => {
     ...defaultProps$U,
     ...props
   };
-  const classes = classNames(classPrefix$g, {
+  const classes = classNames(classPrefix$g, className, {
     [`${classPrefix$g}-disabled`]: disabled
   });
   const [focused, setFocused] = useState(false);
@@ -18372,7 +18387,6 @@ const InternalSignature = (props, ref) => {
       default:
         dataurl = canvas.toDataURL("image/png");
     }
-    handleClearBtn();
     onConfirm && onConfirm(canvas, dataurl);
   };
   useImperativeHandle(ref, () => ({

package/dist/nutui.react.umd.js

@@ -2,7 +2,7 @@
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react"), require("react-dom")) : typeof define === "function" && define.amd ? define(["exports", "react", "react-dom"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory((global2.nutui = global2.nutui || {}, global2.nutui.react = {}), global2.React, global2.ReactDOM));
 })(this, function(exports2, React, ReactDOM) {
   "use strict";/*!
-* @nutui/nutui-react v2.6.1 Fri Apr 19 2024 14:49:31 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.3 Tue Apr 30 2024 14:15:24 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -11417,7 +11417,6 @@ Please add \`${key}Action\` when creating your handler.`);
       finalValue: 0,
       onChange
     });
-    const [contentStyle, setContentStyle] = React.useState({});
     const titleItemsRef = React.useRef([]);
     const navRef = React.useRef(null);
     const scrollDirection = (nav, to2, duration2, direction2) => {
@@ -11498,13 +11497,17 @@ Please add \`${key}Action\` when creating your handler.`);
       color: activeType === "smile" ? activeColor : "",
       background: activeType === "line" ? activeColor : ""
     };
-    React.useEffect(() => {
+    const getContentStyle = () => {
       let index = titles.current.findIndex((t2) => t2.value == value);
       index = index < 0 ? 0 : index;
-      setContentStyle({
+      return {
         transform: direction === "horizontal" ? `translate3d(${rtl ? "" : "-"}${index * 100}%, 0, 0)` : `translate3d( 0,-${index * 100}%, 0)`,
         transitionDuration: `${duration}ms`
-      });
+      };
+    };
+    React.useEffect(() => {
+      let index = titles.current.findIndex((t2) => t2.value == value);
+      index = index < 0 ? 0 : index;
       setTimeout(() => {
         scrollIntoView(index);
       });
@@ -11559,7 +11562,7 @@ Please add \`${key}Action\` when creating your handler.`);
           item.title
         )
       );
-    })), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$j}-content-wrap` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$j}-content`, style: contentStyle }, React.Children.map(children, (child, idx) => {
+    })), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$j}-content-wrap` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$j}-content`, style: getContentStyle() }, React.Children.map(children, (child, idx) => {
       if (!React.isValidElement(child)) {
         return null;
       }
@@ -14674,10 +14677,23 @@ Please add \`${key}Action\` when creating your handler.`);
           return result;
       }
     };
-    const compareDateChange = (currentDate, newDate) => {
+    const compareDateChange = (currentDate, newDate, selectedOptions, index) => {
       var _a;
       const isEqual2 = ((_a = new Date(currentDate)) == null ? void 0 : _a.getTime()) === (newDate == null ? void 0 : newDate.getTime());
-      newDate && isDate(newDate) && !isEqual2 && setSelectedDate(formatValue(newDate));
+      if (newDate && isDate(newDate)) {
+        if (!isEqual2) {
+          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();
@@ -14718,7 +14734,7 @@ Please add \`${key}Action\` when creating your handler.`);
         } 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);
@@ -14733,9 +14749,8 @@ Please add \`${key}Action\` when creating your handler.`);
           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) {
@@ -16567,7 +16582,7 @@ Please add \`${key}Action\` when creating your handler.`);
       ...defaultProps$U,
       ...props
     };
-    const classes = classNames(classPrefix$g, {
+    const classes = classNames(classPrefix$g, className, {
       [`${classPrefix$g}-disabled`]: disabled
     });
     const [focused, setFocused] = React.useState(false);
@@ -18390,7 +18405,6 @@ Please add \`${key}Action\` when creating your handler.`);
         default:
           dataurl = canvas.toDataURL("image/png");
       }
-      handleClearBtn();
       onConfirm && onConfirm(canvas, dataurl);
     };
     React.useImperativeHandle(ref, () => ({

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;
     }
   }
 }

package/dist/packages/tabpane/tabpane.scss

@@ -4,7 +4,7 @@
   display: block;
   background-color: $color-background-overlay;
   color: $color-title;
-  padding: 24px 20px;
+  padding: $tabs-tabpane-padding;
   box-sizing: border-box;
   overflow: auto;