@nutui/nutui-react-taro 2.3.0 → 2.3.1

package/dist/nutui.react.es.js

@@ -5,7 +5,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react-taro v2.3.0 Fri Dec 08 2023 19:20:06 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.3.1 Wed Dec 13 2023 16:29:12 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -4767,7 +4767,7 @@ const BackTop = (props) => {
         goTop(e2);
       }
     },
-    children || /* @__PURE__ */ React__default.createElement(a$1, { width: 19, height: 19, className: "nut-backtop-main" })
+    children || /* @__PURE__ */ React__default.createElement(a$1, { size: 19, className: "nut-backtop-main" })
   );
 };
 BackTop.defaultProps = defaultProps$1l;
@@ -5953,7 +5953,7 @@ const Tabs = (props) => {
             className: `${classPrefix$k}-titles-item-smile`,
             style: tabsActiveStyle
           },
-          /* @__PURE__ */ React__default.createElement(t$3, { color: activeColor, width: 40, height: 20 })
+          /* @__PURE__ */ React__default.createElement(t$3, { color: activeColor })
         ),
         /* @__PURE__ */ React__default.createElement(
           View,
@@ -6021,7 +6021,7 @@ const ExistRender = (props) => {
     e2.stopPropagation();
     onSwitch && onSwitch({ type: type4 === "exist" ? "custom" : "exist" });
   };
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("ul", { className: `${classPrefix2}-exist` }, existList.map((item, index) => {
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(ScrollView, { scrollY: true, style: { height: "100%" } }, /* @__PURE__ */ React__default.createElement("ul", { className: `${classPrefix2}-exist` }, existList.map((item, index) => {
     return /* @__PURE__ */ React__default.createElement(
       "li",
       {
@@ -6035,7 +6035,7 @@ const ExistRender = (props) => {
       item.selectedAddress ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, React__default.isValidElement(selectIcon) ? selectIcon : /* @__PURE__ */ React__default.createElement(m$6, { color: "#FA2C19" })) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, React__default.isValidElement(defaultIcon) ? defaultIcon : /* @__PURE__ */ React__default.createElement(n, null)),
       /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-exist-item-info` }, item.name && item.phone && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", null, item.name), /* @__PURE__ */ React__default.createElement("div", null, item.phone)), /* @__PURE__ */ React__default.createElement("div", null, item.provinceName + item.cityName + item.countyName + item.townName + item.addressDetail))
     );
-  })), (custom || custom && locale.address.chooseAnotherAddress) && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-footer`, onClick }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-footer-btn` }, custom)));
+  }))), (custom || custom && locale.address.chooseAnotherAddress) && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-footer`, onClick }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-footer-btn` }, custom)));
 };
 const formatTree = (tree, parent, config2) => tree.map((node) => {
   const {
@@ -6484,9 +6484,17 @@ const InternalCascader = (props, ref) => {
       },
       !state.initLoading && state.panes.length ? optionsData.map((pane) => {
         var _a;
-        return /* @__PURE__ */ React__default.createElement(Tabs.TabPane, { key: pane.paneKey, value: pane.paneKey }, /* @__PURE__ */ React__default.createElement("div", { className: classesPane }, (_a = pane.nodes) == null ? void 0 : _a.map(
-          (node, index) => renderItem(pane, node, index)
-        )));
+        return /* @__PURE__ */ React__default.createElement(Tabs.TabPane, { key: pane.paneKey, value: pane.paneKey }, /* @__PURE__ */ React__default.createElement(
+          ScrollView,
+          {
+            className: classesPane,
+            scrollY: true,
+            style: { height: "100%" }
+          },
+          (_a = pane.nodes) == null ? void 0 : _a.map(
+            (node, index) => renderItem(pane, node, index)
+          )
+        ));
       }) : /* @__PURE__ */ React__default.createElement(Tabs.TabPane, null, /* @__PURE__ */ React__default.createElement("div", { className: classesPane }))
     ));
   };
@@ -6496,6 +6504,7 @@ const InternalCascader = (props, ref) => {
       ...popupProps,
       visible,
       position: "bottom",
+      style: { overflowY: "hidden" },
       round: true,
       closeIcon,
       closeable,
@@ -12425,7 +12434,7 @@ const SearchBar = (props) => {
   const renderLeft = () => {
     if (!backable && !left2)
       return null;
-    return /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-left` }, backable ? /* @__PURE__ */ React__default.createElement(a$4, { size: "20" }) : left2);
+    return /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-left` }, backable ? /* @__PURE__ */ React__default.createElement(a$4, { size: "16" }) : left2);
   };
   const renderRightIn = () => {
     if (!rightIn)
@@ -12444,7 +12453,7 @@ const SearchBar = (props) => {
         className: `${classPrefix2}-clear  ${classPrefix2}-icon`,
         onClick: (e2) => clearaVal(e2)
       },
-      /* @__PURE__ */ React__default.createElement(e$3, { size: 20 })
+      /* @__PURE__ */ React__default.createElement(e$3, { size: 16 })
     );
   };
   const clearaVal = (event) => {
@@ -12564,7 +12573,7 @@ const ShortPassword = (props) => {
     },
     /* @__PURE__ */ React__default.createElement("div", { className: classNames(classPrefix2, className), style }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-title` }, title || locale.shortpassword.title), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-description` }, description || locale.shortpassword.description), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-input`, onClick: onFocus }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-input-site` }), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-input-fake` }, [...new Array(comLen).keys()].map((item, index) => {
       return /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-input-fake-li`, key: index }, inputValue.length > index && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, plain ? inputValue[index] : /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-input-fake-li-icon` })));
-    }))), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-message` }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-message-error` }, error), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-message-forget`, onClick: onTips }, tips || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(a$2, { width: 11, height: 11, style: { marginRight: "3px" } }), locale.shortpassword.tips))), !hideFooter && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-footer` }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-footer-cancel`, onClick: onCancel }, locale.cancel), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-footer-sure`, onClick: sure }, locale.confirm)))
+    }))), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-message` }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-message-error` }, error), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-message-forget`, onClick: onTips }, tips || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(a$2, { size: 11, style: { marginRight: "3px" } }), locale.shortpassword.tips))), !hideFooter && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-footer` }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-footer-cancel`, onClick: onCancel }, locale.cancel), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-footer-sure`, onClick: sure }, locale.confirm)))
   );
 };
 ShortPassword.defaultProps = defaultProps$O;
@@ -16384,7 +16393,7 @@ const defaultProps$t = {
   icon: null,
   iconSize: "20",
   msg: "",
-  duration: 2,
+  duration: 30,
   // 时长,duration为0则一直展示
   position: "center",
   type: "text",
@@ -16491,10 +16500,10 @@ const Toast = (props) => {
       return icon;
     }
     return {
-      success: /* @__PURE__ */ React__default.createElement(e, { color: "#ffffff", width: iconSize, height: iconSize }),
-      fail: /* @__PURE__ */ React__default.createElement(e$5, { color: "#ffffff", width: iconSize, height: iconSize }),
-      warn: /* @__PURE__ */ React__default.createElement(a$2, { color: "#ffffff", width: iconSize, height: iconSize }),
-      loading: /* @__PURE__ */ React__default.createElement(m$3, { color: "#ffffff", width: iconSize, height: iconSize })
+      success: /* @__PURE__ */ React__default.createElement(e, { color: "#ffffff", size: iconSize }),
+      fail: /* @__PURE__ */ React__default.createElement(e$5, { color: "#ffffff", size: iconSize }),
+      warn: /* @__PURE__ */ React__default.createElement(a$2, { color: "#ffffff", size: iconSize }),
+      loading: /* @__PURE__ */ React__default.createElement(m$3, { color: "#ffffff", size: iconSize })
     }[type4];
   };
   const classes = classNames({

package/dist/nutui.react.umd.js

@@ -8,7 +8,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react-taro v2.3.0 Fri Dec 08 2023 19:20:06 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.3.1 Wed Dec 13 2023 16:29:12 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -4783,7 +4783,7 @@ Check the top-level render call using <` + t2 + ">.");
           goTop(e2);
         }
       },
-      children || /* @__PURE__ */ React.createElement(a$1, { width: 19, height: 19, className: "nut-backtop-main" })
+      children || /* @__PURE__ */ React.createElement(a$1, { size: 19, className: "nut-backtop-main" })
     );
   };
   BackTop.defaultProps = defaultProps$1l;
@@ -5969,7 +5969,7 @@ Check the top-level render call using <` + t2 + ">.");
               className: `${classPrefix$k}-titles-item-smile`,
               style: tabsActiveStyle
             },
-            /* @__PURE__ */ React.createElement(t$3, { color: activeColor, width: 40, height: 20 })
+            /* @__PURE__ */ React.createElement(t$3, { color: activeColor })
           ),
           /* @__PURE__ */ React.createElement(
             components.View,
@@ -6037,7 +6037,7 @@ Check the top-level render call using <` + t2 + ">.");
       e2.stopPropagation();
       onSwitch && onSwitch({ type: type2 === "exist" ? "custom" : "exist" });
     };
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("ul", { className: `${classPrefix2}-exist` }, existList.map((item, index) => {
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(components.ScrollView, { scrollY: true, style: { height: "100%" } }, /* @__PURE__ */ React.createElement("ul", { className: `${classPrefix2}-exist` }, existList.map((item, index) => {
       return /* @__PURE__ */ React.createElement(
         "li",
         {
@@ -6051,7 +6051,7 @@ Check the top-level render call using <` + t2 + ">.");
         item.selectedAddress ? /* @__PURE__ */ React.createElement(React.Fragment, null, React.isValidElement(selectIcon) ? selectIcon : /* @__PURE__ */ React.createElement(m$6, { color: "#FA2C19" })) : /* @__PURE__ */ React.createElement(React.Fragment, null, React.isValidElement(defaultIcon) ? defaultIcon : /* @__PURE__ */ React.createElement(n, null)),
         /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-exist-item-info` }, item.name && item.phone && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", null, item.name), /* @__PURE__ */ React.createElement("div", null, item.phone)), /* @__PURE__ */ React.createElement("div", null, item.provinceName + item.cityName + item.countyName + item.townName + item.addressDetail))
       );
-    })), (custom || custom && locale.address.chooseAnotherAddress) && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-footer`, onClick }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-footer-btn` }, custom)));
+    }))), (custom || custom && locale.address.chooseAnotherAddress) && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-footer`, onClick }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-footer-btn` }, custom)));
   };
   const formatTree = (tree, parent, config2) => tree.map((node) => {
     const {
@@ -6500,9 +6500,17 @@ Check the top-level render call using <` + t2 + ">.");
         },
         !state.initLoading && state.panes.length ? optionsData.map((pane) => {
           var _a;
-          return /* @__PURE__ */ React.createElement(Tabs.TabPane, { key: pane.paneKey, value: pane.paneKey }, /* @__PURE__ */ React.createElement("div", { className: classesPane }, (_a = pane.nodes) == null ? void 0 : _a.map(
-            (node, index) => renderItem(pane, node, index)
-          )));
+          return /* @__PURE__ */ React.createElement(Tabs.TabPane, { key: pane.paneKey, value: pane.paneKey }, /* @__PURE__ */ React.createElement(
+            components.ScrollView,
+            {
+              className: classesPane,
+              scrollY: true,
+              style: { height: "100%" }
+            },
+            (_a = pane.nodes) == null ? void 0 : _a.map(
+              (node, index) => renderItem(pane, node, index)
+            )
+          ));
         }) : /* @__PURE__ */ React.createElement(Tabs.TabPane, null, /* @__PURE__ */ React.createElement("div", { className: classesPane }))
       ));
     };
@@ -6512,6 +6520,7 @@ Check the top-level render call using <` + t2 + ">.");
         ...popupProps,
         visible,
         position: "bottom",
+        style: { overflowY: "hidden" },
         round: true,
         closeIcon,
         closeable,
@@ -12441,7 +12450,7 @@ Check the top-level render call using <` + t2 + ">.");
     const renderLeft = () => {
       if (!backable && !left2)
         return null;
-      return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-left` }, backable ? /* @__PURE__ */ React.createElement(a$4, { size: "20" }) : left2);
+      return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-left` }, backable ? /* @__PURE__ */ React.createElement(a$4, { size: "16" }) : left2);
     };
     const renderRightIn = () => {
       if (!rightIn)
@@ -12460,7 +12469,7 @@ Check the top-level render call using <` + t2 + ">.");
           className: `${classPrefix2}-clear  ${classPrefix2}-icon`,
           onClick: (e2) => clearaVal(e2)
         },
-        /* @__PURE__ */ React.createElement(e$3, { size: 20 })
+        /* @__PURE__ */ React.createElement(e$3, { size: 16 })
       );
     };
     const clearaVal = (event) => {
@@ -12580,7 +12589,7 @@ Check the top-level render call using <` + t2 + ">.");
       },
       /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix2, className), style }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-title` }, title || locale.shortpassword.title), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-description` }, description || locale.shortpassword.description), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-input`, onClick: onFocus }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-input-site` }), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-input-fake` }, [...new Array(comLen).keys()].map((item, index) => {
         return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-input-fake-li`, key: index }, inputValue.length > index && /* @__PURE__ */ React.createElement(React.Fragment, null, plain ? inputValue[index] : /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-input-fake-li-icon` })));
-      }))), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-message` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-message-error` }, error), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-message-forget`, onClick: onTips }, tips || /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(a$2, { width: 11, height: 11, style: { marginRight: "3px" } }), locale.shortpassword.tips))), !hideFooter && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-footer` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-footer-cancel`, onClick: onCancel }, locale.cancel), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-footer-sure`, onClick: sure }, locale.confirm)))
+      }))), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-message` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-message-error` }, error), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-message-forget`, onClick: onTips }, tips || /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(a$2, { size: 11, style: { marginRight: "3px" } }), locale.shortpassword.tips))), !hideFooter && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-footer` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-footer-cancel`, onClick: onCancel }, locale.cancel), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-footer-sure`, onClick: sure }, locale.confirm)))
     );
   };
   ShortPassword.defaultProps = defaultProps$O;
@@ -16400,7 +16409,7 @@ Check the top-level render call using <` + t2 + ">.");
     icon: null,
     iconSize: "20",
     msg: "",
-    duration: 2,
+    duration: 30,
     // 时长,duration为0则一直展示
     position: "center",
     type: "text",
@@ -16507,10 +16516,10 @@ Check the top-level render call using <` + t2 + ">.");
         return icon;
       }
       return {
-        success: /* @__PURE__ */ React.createElement(e, { color: "#ffffff", width: iconSize, height: iconSize }),
-        fail: /* @__PURE__ */ React.createElement(e$5, { color: "#ffffff", width: iconSize, height: iconSize }),
-        warn: /* @__PURE__ */ React.createElement(a$2, { color: "#ffffff", width: iconSize, height: iconSize }),
-        loading: /* @__PURE__ */ React.createElement(m$3, { color: "#ffffff", width: iconSize, height: iconSize })
+        success: /* @__PURE__ */ React.createElement(e, { color: "#ffffff", size: iconSize }),
+        fail: /* @__PURE__ */ React.createElement(e$5, { color: "#ffffff", size: iconSize }),
+        warn: /* @__PURE__ */ React.createElement(a$2, { color: "#ffffff", size: iconSize }),
+        loading: /* @__PURE__ */ React.createElement(m$3, { color: "#ffffff", size: iconSize })
       }[type2];
     };
     const classes = classNames({

package/dist/packages/cascader/cascader.scss

@@ -16,6 +16,11 @@
     white-space: nowrap;
   }
 
+  .nut-tabs-content {
+    overflow: hidden;
+    max-height: 372px;
+  }
+
   .nut-tabpane {
     padding: 0;
     background: $color-background-overlay;

package/dist/packages/searchbar/searchbar.scss

@@ -44,7 +44,9 @@
 
   &-left {
     margin-right: $searchbar-gap;
-    & > * {
+    & > div,
+    & > span,
+    & > svg {
       margin-right: $searchbar-gap;
       &:last-child {
         margin-right: 0;
@@ -55,7 +57,9 @@
   &-right {
     margin-left: $searchbar-gap;
 
-    & > * {
+    & > div,
+    & > span,
+    & > svg {
       margin-left: $searchbar-gap;
 
       &:first-child {

package/dist/packages/tabs/tabs.scss

@@ -87,7 +87,7 @@
 
       .nut-icon {
         position: absolute;
-        font-size: 12px;
+        font-size: 20px;
         width: 100%;
         height: 100%;
         color: $color-primary;
@@ -248,8 +248,8 @@
       }
 
       .nut-tabs-titles-item-smile {
-        right: -5px;
-        bottom: 2%;
+        right: -6px;
+        bottom: -2%;
         left: auto;
         width: 40px;
         height: 20px;