@nutui/nutui-react-taro 2.6.1 → 2.6.3

package/dist/esm/nutui-react.es.js

@@ -23,18 +23,18 @@ import { S as S6 } from "./subsidenavbar.taro-ByxYpgfP.js";
 import { T } from "./tabbar.taro-CVp3ZaqP.js";
 import { T as T2 } from "./tabbaritem.taro-C_90fvMh.js";
 import { T as T3 } from "./tabpane.taro-BAe86j3t.js";
-import { T as T4 } from "./tabs.taro-A7pOK9IM.js";
-import { A } from "./address.taro-C7tIIp3x.js";
+import { T as T4 } from "./tabs.taro-B4XgogPx.js";
+import { A } from "./address.taro-C_wuRkKQ.js";
 import { C as C5 } from "./calendar.taro-DEsLc-lS.js";
 import { C as C6 } from "./calendaritem.taro-B8tN2DYa.js";
 import { C as C7 } from "./calendarcard.taro-C7P3oqAL.js";
-import { C as C8 } from "./cascader.taro-CFcAyFL-.js";
+import { C as C8 } from "./cascader.taro-B06E-RW5.js";
 import { C as C9, a as a2 } from "./checkbox.taro-CUpF7Afr.js";
-import { D as D2 } from "./datepicker.taro-Bgq3ZNDe.js";
+import { D as D2 } from "./datepicker.taro-DEwb5whP.js";
 import { default as default2 } from "./Form.js";
 import { F as F2 } from "./formitem.taro-DDNlpN_O.js";
 import { I as I2 } from "./input.taro-CAZ-rRMH.js";
-import { I as I3 } from "./inputnumber.taro-CQiAPZgS.js";
+import { I as I3 } from "./inputnumber.taro-HU_Ndna2.js";
 import { M } from "./menu.taro-J7oZoaGM.js";
 import { M as M2 } from "./menuitem.taro-CaI5vTha.js";
 import { N as N2 } from "./numberkeyboard.taro-DjxjkImT.js";
@@ -44,7 +44,7 @@ import { R as R3 } from "./range.taro-CsC41L60.js";
 import { R as R4 } from "./rate.taro-BABLqt4h.js";
 import { S as S7 } from "./searchbar.taro-PfVx6o-6.js";
 import { S as S8 } from "./shortpassword.taro-GkcE-e__.js";
-import { S as S9 } from "./signature.taro-KPm_xs66.js";
+import { S as S9 } from "./signature.taro-Bn9VNn62.js";
 import { S as S10 } from "./switch.taro-D1HgJoJz.js";
 import { T as T5 } from "./textarea.taro-BJIFCpKb.js";
 import { U } from "./uploader.taro-DMmTl0Cp.js";
@@ -72,7 +72,7 @@ import { C as C10 } from "./circleprogress.taro-CKSrzt8Q.js";
 import { C as C11 } from "./collapse.taro-BM0BsN30.js";
 import { C as C12 } from "./collapseitem.taro-D_m4VEdG.js";
 import { C as C13 } from "./countdown.taro-wopKr1Il.js";
-import { E as E3 } from "./ellipsis.taro-uVc3En9l.js";
+import { E as E3 } from "./ellipsis.taro-3gDXpBmX.js";
 import { I as I5 } from "./imagepreview.taro-BMlwAhT0.js";
 import { I as I6 } from "./indicator.taro-CpHZtD9p.js";
 import { P as P5 } from "./pagination.taro-DAK6ddag.js";

package/dist/esm/{signature.taro-KPm_xs66.js → signature.taro-Bn9VNn62.js}

@@ -55,7 +55,6 @@ const InternalSignature = (props, ref) => {
         fileType: props.type,
         canvasId: `${canvasId}`,
         success: (res2) => {
-          handleClearBtn();
           onConfirm && onConfirm(res2.tempFilePath);
         },
         fail: (res2) => {

package/dist/esm/{tabs.taro-A7pOK9IM.js → tabs.taro-B4XgogPx.js}

@@ -1,5 +1,5 @@
 import { _ as __rest } from "./tslib.es6-BZ8i9Q6l.js";
-import React__default, { useState, useRef, useEffect } from "react";
+import React__default, { useRef, useEffect, useState } from "react";
 import { View, ScrollView } from "@tarojs/components";
 import classNames from "classnames";
 import { JoySmile } from "@nutui/icons-react-taro";
@@ -23,7 +23,6 @@ const Tabs = (props) => {
     finalValue: 0,
     onChange
   });
-  const [contentStyle, setContentStyle] = useState({});
   const titleItemsRef = useRef([]);
   const navRef = useRef(null);
   const getTitles = () => {
@@ -129,13 +128,17 @@ const Tabs = (props) => {
       });
     });
   };
-  useEffect(() => {
+  const getContentStyle = () => {
     let index = titles.current.findIndex((t) => String(t.value) === String(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((t) => String(t.value) === String(value));
+    index = index < 0 ? 0 : index;
     scrollIntoView(index);
   }, [value]);
   const tabChange = (item, index) => {
@@ -176,7 +179,7 @@ const Tabs = (props) => {
     React__default.createElement(
       View,
       { className: `${classPrefix}-content-wrap` },
-      React__default.createElement(View, { className: `${classPrefix}-content`, style: contentStyle }, React__default.Children.map(children, (child, idx) => {
+      React__default.createElement(View, { className: `${classPrefix}-content`, style: getContentStyle() }, React__default.Children.map(children, (child, idx) => {
         if (!React__default.isValidElement(child)) {
           return null;
         }

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.6.1 Fri Apr 19 2024 14:47:41 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.3 Tue Apr 30 2024 14:13:52 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-taro v2.6.1 Fri Apr 19 2024 14:47:41 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.3 Tue Apr 30 2024 14:13:52 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/id-ID.js

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

package/dist/locales/tr-TR.js

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

package/dist/locales/zh-CN.js

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

package/dist/locales/zh-TW.js

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

package/dist/locales/zh-UG.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.6.1 Fri Apr 19 2024 14:47:41 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.3 Tue Apr 30 2024 14:13: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-taro v2.6.1 Fri Apr 19 2024 14:47:10 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.3 Tue Apr 30 2024 14:13:14 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -5256,7 +5256,6 @@ const Tabs = (props) => {
     finalValue: 0,
     onChange
   });
-  const [contentStyle, setContentStyle] = useState({});
   const titleItemsRef = useRef([]);
   const navRef = useRef(null);
   const getTitles = () => {
@@ -5366,15 +5365,21 @@ const Tabs = (props) => {
       });
     });
   };
-  useEffect(() => {
+  const getContentStyle = () => {
     let index = titles.current.findIndex(
       (t) => String(t.value) === String(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(
+      (t) => String(t.value) === String(value)
+    );
+    index = index < 0 ? 0 : index;
     scrollIntoView(index);
   }, [value]);
   const tabChange = (item, index) => {
@@ -5446,7 +5451,7 @@ const Tabs = (props) => {
         )
       );
     }))
-  ), /* @__PURE__ */ React__default.createElement(View, { className: `${classPrefix$k}-content-wrap` }, /* @__PURE__ */ React__default.createElement(View, { className: `${classPrefix$k}-content`, style: contentStyle }, React__default.Children.map(children, (child, idx) => {
+  ), /* @__PURE__ */ React__default.createElement(View, { className: `${classPrefix$k}-content-wrap` }, /* @__PURE__ */ React__default.createElement(View, { className: `${classPrefix$k}-content`, style: getContentStyle() }, React__default.Children.map(children, (child, idx) => {
     if (!React__default.isValidElement(child)) {
       return null;
     }
@@ -8619,10 +8624,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();
@@ -8663,7 +8681,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);
@@ -8678,9 +8696,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) {
@@ -10541,7 +10558,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);
@@ -12261,7 +12278,6 @@ const InternalSignature = (props, ref) => {
         fileType: props.type,
         canvasId: `${canvasId}`,
         success: (res2) => {
-          handleClearBtn();
           onConfirm && onConfirm(res2.tempFilePath);
         },
         fail: (res2) => {
@@ -16547,7 +16563,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();

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.1 Fri Apr 19 2024 14:47:10 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.3 Tue Apr 30 2024 14:13:14 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -5272,7 +5272,6 @@
       finalValue: 0,
       onChange
     });
-    const [contentStyle, setContentStyle] = React.useState({});
     const titleItemsRef = React.useRef([]);
     const navRef = React.useRef(null);
     const getTitles = () => {
@@ -5382,15 +5381,21 @@
         });
       });
     };
-    React.useEffect(() => {
+    const getContentStyle = () => {
       let index = titles.current.findIndex(
         (t) => String(t.value) === String(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(
+        (t) => String(t.value) === String(value)
+      );
+      index = index < 0 ? 0 : index;
       scrollIntoView(index);
     }, [value]);
     const tabChange = (item, index) => {
@@ -5462,7 +5467,7 @@
           )
         );
       }))
-    ), /* @__PURE__ */ React.createElement(components.View, { className: `${classPrefix$k}-content-wrap` }, /* @__PURE__ */ React.createElement(components.View, { className: `${classPrefix$k}-content`, style: contentStyle }, React.Children.map(children, (child, idx) => {
+    ), /* @__PURE__ */ React.createElement(components.View, { className: `${classPrefix$k}-content-wrap` }, /* @__PURE__ */ React.createElement(components.View, { className: `${classPrefix$k}-content`, style: getContentStyle() }, React.Children.map(children, (child, idx) => {
       if (!React.isValidElement(child)) {
         return null;
       }
@@ -8635,10 +8640,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();
@@ -8679,7 +8697,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);
@@ -8694,9 +8712,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) {
@@ -10557,7 +10574,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);
@@ -12277,7 +12294,6 @@
           fileType: props.type,
           canvasId: `${canvasId}`,
           success: (res2) => {
-            handleClearBtn();
             onConfirm && onConfirm(res2.tempFilePath);
           },
           fail: (res2) => {
@@ -16563,7 +16579,7 @@
             bsize * 0.4,
             bsize * 0.75
           ];
-          if (rootContain.current) {
+          if (rootContain.current && rootContain.current.style) {
             rootContain.current.style.fontSize = `${bsize}px`;
           }
           calcEllipse();

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;