@nutui/nutui-react-taro 2.3.0 → 2.3.2

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.2 Fri Dec 15 2023 18:55:55 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -3984,12 +3984,15 @@ Check the top-level render call using <` + t2 + ">.");
     const startY = React.useRef(0);
     const deltaX = React.useRef(0);
     const deltaY = React.useRef(0);
+    const delta = React.useRef(0);
     const offsetX = React.useRef(0);
     const offsetY = React.useRef(0);
     const direction = React.useRef("");
+    const touchTime = React.useRef(null);
     const isVertical = () => direction.current === "vertical";
     const isHorizontal = () => direction.current === "horizontal";
     const reset = () => {
+      touchTime.current = null;
       deltaX.current = 0;
       deltaY.current = 0;
       offsetX.current = 0;
@@ -3998,6 +4001,7 @@ Check the top-level render call using <` + t2 + ">.");
     };
     const start = (event) => {
       reset();
+      touchTime.current = Date.now();
       startX.current = event.touches[0].clientX;
       startY.current = event.touches[0].clientY;
     };
@@ -4007,6 +4011,7 @@ Check the top-level render call using <` + t2 + ">.");
       deltaY.current = touch.clientY - startY.current;
       offsetX.current = Math.abs(deltaX.current);
       offsetY.current = Math.abs(deltaY.current);
+      delta.current = isVertical() ? deltaY.current : deltaX.current;
       if (!direction.current) {
         direction.current = getDirection(offsetX.current, offsetY.current);
       }
@@ -4015,10 +4020,12 @@ Check the top-level render call using <` + t2 + ">.");
       move,
       start,
       reset,
+      touchTime,
       startX,
       startY,
       deltaX,
       deltaY,
+      delta,
       offsetX,
       offsetY,
       direction,
@@ -4783,7 +4790,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;
@@ -5106,7 +5113,7 @@ Check the top-level render call using <` + t2 + ">.");
             onClick: (event) => handleClick(item, event),
             key: item.id || index
           },
-          /* @__PURE__ */ React.createElement("img", { src: item.icon, alt: "" }),
+          React.isValidElement(item.icon) ? item.icon : /* @__PURE__ */ React.createElement("img", { src: item.icon, alt: "" }),
           /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-list-text` }, item.text),
           item.num && /* @__PURE__ */ React.createElement("div", { className: "b" }, item.num)
         );
@@ -5969,7 +5976,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 +6044,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 +6058,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,7 +6507,7 @@ 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(
+          return /* @__PURE__ */ React.createElement(Tabs.TabPane, { key: pane.paneKey, value: pane.paneKey }, /* @__PURE__ */ React.createElement(components.ScrollView, { className: classesPane, scrollY: true }, (_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 +6519,7 @@ Check the top-level render call using <` + t2 + ">.");
         ...popupProps,
         visible,
         position: "bottom",
+        style: { overflowY: "hidden" },
         round: true,
         closeIcon,
         closeable,
@@ -12441,7 +12449,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 +12468,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 +12588,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;
@@ -16507,10 +16515,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

@@ -34,7 +34,7 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    height: $cascader-item-height;
+    // height: $cascader-item-height;
     padding: $cascader-item-padding;
     margin: $cascader-item-margin;
     border-bottom: $cascader-item-border-bottom;

package/dist/packages/popup/popup.scss

@@ -1,7 +1,7 @@
 
 .nut-popup {
   position: fixed;
-  min-height: 32%;
+  min-height: 26%;
   max-height: 100%;
   overflow-y: auto;
   background-color: $overlay-content-bg-color;
@@ -13,7 +13,7 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    height: $popup-title-height;
+    // height: $popup-title-height;
     border-bottom: $popup-title-border-bottom;
     padding: $popup-title-padding;
     position: relative;

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;