@nutui/nutui-react-taro 2.6.12 → 2.6.14

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

@@ -24,19 +24,19 @@ import { T } from "./tabbar.taro-CXk0zLdz.js";
 import { T as T2 } from "./tabbaritem.taro-BZNabTBp.js";
 import { T as T3 } from "./tabpane.taro-BAe86j3t.js";
 import { T as T4 } from "./tabs.taro-B2D3AtVV.js";
-import { A } from "./address.taro-CtVpobLw.js";
-import { C as C5 } from "./calendar.taro-DN6uEJw-.js";
-import { C as C6 } from "./calendaritem.taro-CiGznRkW.js";
+import { A } from "./address.taro-BYzOGUEN.js";
+import { C as C5 } from "./calendar.taro-Bf5owfGd.js";
+import { C as C6 } from "./calendaritem.taro-PLHReAvU.js";
 import { C as C7 } from "./calendarcard.taro-CbvCWF1k.js";
-import { C as C8 } from "./cascader.taro-y9_hSUSJ.js";
+import { C as C8 } from "./cascader.taro-jxe42b68.js";
 import { C as C9, a as a2 } from "./checkbox.taro-Dc054oRo.js";
 import { D as D2 } from "./datepicker.taro-DTyJrlhD.js";
 import { default as default2 } from "./Form.js";
-import { F as F2 } from "./formitem.taro-BsnxUebv.js";
+import { F as F2 } from "./formitem.taro-Dmt5-wxG.js";
 import { I as I2 } from "./input.taro-B_B1lJq2.js";
 import { I as I3 } from "./inputnumber.taro-WN5Drnyz.js";
-import { M } from "./menu.taro-JDg_-XpO.js";
-import { M as M2 } from "./menuitem.taro-BFfGgTms.js";
+import { M } from "./menu.taro-CrPdDbYM.js";
+import { M as M2 } from "./menuitem.taro-DMV3j4DK.js";
 import { N as N2 } from "./numberkeyboard.taro-BA0iCeGP.js";
 import { P } from "./picker.taro-CafNRRO5.js";
 import { R as R2, a as a3 } from "./radio.taro-BNSceequ.js";
@@ -51,9 +51,9 @@ import { U } from "./uploader.taro-CiamsRGo.js";
 import { A as A2 } from "./actionsheet.taro-CJjNsNrH.js";
 import { B as B3 } from "./badge.taro-BGaxpEYi.js";
 import { B as B4 } from "./dialog.taro-BW9D2Gsr.js";
-import { D as D3 } from "./drag.taro-CI7ZFwaM.js";
+import { D as D3 } from "./drag.taro-B_TO4Nnu.js";
 import { E as E2 } from "./empty.taro-CnwDznke.js";
-import { I as I4 } from "./infiniteloading.taro-g1RbqnSS.js";
+import { I as I4 } from "./infiniteloading.taro-DmDQKk_d.js";
 import { L as L2 } from "./loading.taro-n_qoNgCW.js";
 import { N as N3 } from "./noticebar.taro-CGUTg60Q.js";
 import { N as N4 } from "./notify.taro-jP7y9zMU.js";
@@ -73,7 +73,7 @@ import { C as C11 } from "./collapse.taro-wqL6MWZr.js";
 import { C as C12 } from "./collapseitem.taro-DjUx5Nx8.js";
 import { C as C13 } from "./countdown.taro-mKXeisK0.js";
 import { E as E3 } from "./ellipsis.taro-cMTr1Wcw.js";
-import { I as I5 } from "./imagepreview.taro-BLXFYocO.js";
+import { I as I5 } from "./imagepreview.taro-DtgQJEQ_.js";
 import { I as I6 } from "./indicator.taro-k8bxJf86.js";
 import { P as P5 } from "./pagination.taro-DdLO3OTc.js";
 import { P as P6 } from "./price.taro-DUW-OR83.js";

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.6.12 Fri Jul 05 2024 14:50:48 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.14 Fri Jul 19 2024 16:24:05 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.12 Fri Jul 05 2024 14:50:48 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.14 Fri Jul 19 2024 16:24:05 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.12 Fri Jul 05 2024 14:50:48 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.14 Fri Jul 19 2024 16:24:05 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.12 Fri Jul 05 2024 14:50:48 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.14 Fri Jul 19 2024 16:24:05 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.12 Fri Jul 05 2024 14:50:48 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.14 Fri Jul 19 2024 16:24:05 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.12 Fri Jul 05 2024 14:50:48 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.14 Fri Jul 19 2024 16:24:05 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.12 Fri Jul 05 2024 14:50:48 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.14 Fri Jul 19 2024 16:24:05 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.12 Fri Jul 05 2024 14:50:21 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.14 Fri Jul 19 2024 16:23:26 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -5720,7 +5720,7 @@ const InternalCascader = (props, ref) => {
   };
   const syncValue = async () => {
     const currentValue = innerValue;
-    if (currentValue === void 0 || currentValue !== defaultValue || !state.tree.nodes.length) {
+    if (currentValue === void 0 || ![defaultValue, value].includes(currentValue) || !state.tree.nodes.length) {
       return;
     }
     if (currentValue.length === 0) {
@@ -5752,7 +5752,7 @@ const InternalCascader = (props, ref) => {
         state.initLoading = false;
       }
     }
-    if (needToSync.length && currentValue === defaultValue) {
+    if (needToSync.length && [defaultValue, value].includes(currentValue)) {
       const pathNodes = state.tree.getPathNodesByValue(needToSync);
       pathNodes.forEach((node, index) => {
         state.tabsCursor = index;
@@ -6775,6 +6775,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     const scrollTop2 = e2.target.scrollTop;
     Taro.getEnv() === "WEB" && setScrollTop(scrollTop2);
     let current = Math.floor(scrollTop2 / avgHeight);
+    if (current < 0) return;
     if (!monthsData[current + 1]) return;
     const nextTop = monthsData[current + 1].scrollTop;
     const nextHeight = monthsData[current + 1].cssHeight;
@@ -9792,7 +9793,7 @@ class FormStore {
         this.store = values;
       }
     };
-    this.setFieldsValue = (newStore) => {
+    this.setFieldsValue = (newStore, needValidate = true) => {
       this.store = {
         ...this.store,
         ...newStore
@@ -9814,7 +9815,7 @@ class FormStore {
           item.entity.onStoreChange("update");
         }
       });
-      this.validateFields();
+      needValidate && this.validateFields();
     };
     this.setCallback = (callback) => {
       this.callbacks = {
@@ -10064,7 +10065,7 @@ const _FormItem = class _FormItem extends React__default.Component {
           if (this.props.getValueFromEvent) {
             next = this.props.getValueFromEvent(...args);
           }
-          setFieldsValue({ [name]: next });
+          setFieldsValue({ [name]: next }, false);
         }
       };
       const { validateTrigger } = this.props;
@@ -10797,18 +10798,20 @@ const MenuItem = forwardRef((props, ref) => {
               handleClick(item);
             }
           },
-          item.value === innerValue ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, icon || /* @__PURE__ */ React__default.createElement(
+          item.value === innerValue ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, icon ? React__default.cloneElement(icon, {
+            className: `nut-menu-container-item-icon ${icon.props.className || ""}`
+          }) : /* @__PURE__ */ React__default.createElement(
             g$3,
             {
               color: activeColor,
               size: 16,
-              className: getIconCName(item.value, value)
+              className: `nut-menu-container-item-icon ${getIconCName(item.value, value)}`
             }
           )) : null,
           /* @__PURE__ */ React__default.createElement(
             View,
             {
-              className: getIconCName(item.value, value),
+              className: `nut-menu-container-item-title ${getIconCName(item.value, value)}`,
               style: {
                 color: `${item.value === innerValue ? activeColor : ""}`
               }
@@ -13510,7 +13513,18 @@ const defaultProps$F = {
   className: "myDrag"
 };
 const Drag = (props) => {
-  const { attract, direction, boundary, children, className, style, ...reset } = {
+  const {
+    attract,
+    direction,
+    boundary,
+    onDrag,
+    onDragStart,
+    onDragEnd,
+    children,
+    className,
+    style,
+    ...reset
+  } = {
     ...defaultProps$F,
     ...props
   };
@@ -13545,7 +13559,7 @@ const Drag = (props) => {
     }
   };
   const touchStart = (e2) => {
-    e2.currentTarget;
+    onDragStart == null ? void 0 : onDragStart();
     const touches = e2.touches[0];
     axisCache.current = { x: touches.clientX, y: touches.clientY };
     transformCache.current = { x: translateX.current, y: translateY.current };
@@ -13557,6 +13571,9 @@ const Drag = (props) => {
       const y = touch.clientY - axisCache.current.y;
       translateX.current = x + transformCache.current.x;
       translateY.current = y + transformCache.current.y;
+      onDrag == null ? void 0 : onDrag({
+        offset: [translateX.current, translateY.current]
+      });
       if (translateX.current < boundaryState.left) {
         translateX.current = boundaryState.left;
       } else if (translateX.current > boundaryState.right) {
@@ -13572,6 +13589,9 @@ const Drag = (props) => {
     }
   };
   const touchEnd = (e2) => {
+    onDragEnd == null ? void 0 : onDragEnd({
+      offset: [translateX.current, translateY.current]
+    });
     if (direction !== "y" && attract && dragRef.current) {
       if (translateX.current < middleLine.current) {
         translateX.current = boundaryState.left;
@@ -13711,7 +13731,8 @@ const InfiniteLoading = (props) => {
     className,
     onRefresh,
     onLoadMore,
-    onScroll
+    onScroll,
+    ...rest
   } = {
     ...defaultProps$D,
     ...props
@@ -13814,7 +13835,8 @@ const InfiniteLoading = (props) => {
       onScrollToLower: lower,
       onTouchStart: touchStart,
       onTouchMove: touchMove,
-      onTouchEnd: touchEnd
+      onTouchEnd: touchEnd,
+      ...rest
     },
     /* @__PURE__ */ React__default.createElement("div", { className: "nut-infinite-top", ref: refreshTop, style: getStyle() }, /* @__PURE__ */ React__default.createElement("div", { className: "nut-infinite-top-tips" }, pullingText || locale.infiniteloading.pullRefreshText)),
     /* @__PURE__ */ React__default.createElement("div", { className: "nut-infinite-container" }, children),
@@ -16989,7 +17011,6 @@ const ImagePreview = (props) => {
         className: classNames(classPrefix2, className),
         style,
         ref,
-        onClick: closeOnImg,
         onTouchStart
       },
       /* @__PURE__ */ React__default.createElement(
@@ -17021,6 +17042,7 @@ const ImagePreview = (props) => {
               Video$1,
               {
                 src: item.source.src,
+                onClick: closeOnImg,
                 controls: item.options.controls,
                 autoplay: false,
                 loop: false,
@@ -17036,14 +17058,20 @@ const ImagePreview = (props) => {
                 key: index,
                 className: "nut-imagepreview-swiper-item"
               },
-              Taro.getEnv() === "WEB" ? /* @__PURE__ */ React__default.createElement(Image$1, { src: item.src, mode: "aspectFit" }) : /* @__PURE__ */ React__default.createElement(
-                Image$1,
+              "(",
+              /* @__PURE__ */ React__default.createElement(
+                Image$2,
                 {
                   src: item.src,
-                  mode: "aspectFit",
-                  showMenuByLongpress: !!showMenuByLongpress
+                  mode: "widthFix",
+                  onClick: closeOnImg,
+                  style: { width: "100%" },
+                  ...Taro.getEnv() !== "WEB" && {
+                    showMenuByLongpress
+                  }
                 }
-              )
+              ),
+              ")"
             );
           }) : []
         )

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.12 Fri Jul 05 2024 14:50:21 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.14 Fri Jul 19 2024 16:23:26 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -5736,7 +5736,7 @@
     };
     const syncValue = async () => {
       const currentValue = innerValue;
-      if (currentValue === void 0 || currentValue !== defaultValue || !state.tree.nodes.length) {
+      if (currentValue === void 0 || ![defaultValue, value].includes(currentValue) || !state.tree.nodes.length) {
         return;
       }
       if (currentValue.length === 0) {
@@ -5768,7 +5768,7 @@
           state.initLoading = false;
         }
       }
-      if (needToSync.length && currentValue === defaultValue) {
+      if (needToSync.length && [defaultValue, value].includes(currentValue)) {
         const pathNodes = state.tree.getPathNodesByValue(needToSync);
         pathNodes.forEach((node, index) => {
           state.tabsCursor = index;
@@ -6791,6 +6791,7 @@
       const scrollTop2 = e2.target.scrollTop;
       Taro.getEnv() === "WEB" && setScrollTop(scrollTop2);
       let current = Math.floor(scrollTop2 / avgHeight);
+      if (current < 0) return;
       if (!monthsData[current + 1]) return;
       const nextTop = monthsData[current + 1].scrollTop;
       const nextHeight = monthsData[current + 1].cssHeight;
@@ -9808,7 +9809,7 @@
           this.store = values;
         }
       };
-      this.setFieldsValue = (newStore) => {
+      this.setFieldsValue = (newStore, needValidate = true) => {
         this.store = {
           ...this.store,
           ...newStore
@@ -9830,7 +9831,7 @@
             item.entity.onStoreChange("update");
           }
         });
-        this.validateFields();
+        needValidate && this.validateFields();
       };
       this.setCallback = (callback) => {
         this.callbacks = {
@@ -10080,7 +10081,7 @@
             if (this.props.getValueFromEvent) {
               next = this.props.getValueFromEvent(...args);
             }
-            setFieldsValue({ [name]: next });
+            setFieldsValue({ [name]: next }, false);
           }
         };
         const { validateTrigger } = this.props;
@@ -10813,18 +10814,20 @@
                 handleClick(item);
               }
             },
-            item.value === innerValue ? /* @__PURE__ */ React.createElement(React.Fragment, null, icon || /* @__PURE__ */ React.createElement(
+            item.value === innerValue ? /* @__PURE__ */ React.createElement(React.Fragment, null, icon ? React.cloneElement(icon, {
+              className: `nut-menu-container-item-icon ${icon.props.className || ""}`
+            }) : /* @__PURE__ */ React.createElement(
               g$3,
               {
                 color: activeColor,
                 size: 16,
-                className: getIconCName(item.value, value)
+                className: `nut-menu-container-item-icon ${getIconCName(item.value, value)}`
               }
             )) : null,
             /* @__PURE__ */ React.createElement(
               components.View,
               {
-                className: getIconCName(item.value, value),
+                className: `nut-menu-container-item-title ${getIconCName(item.value, value)}`,
                 style: {
                   color: `${item.value === innerValue ? activeColor : ""}`
                 }
@@ -13526,7 +13529,18 @@
     className: "myDrag"
   };
   const Drag = (props) => {
-    const { attract, direction, boundary, children, className, style, ...reset } = {
+    const {
+      attract,
+      direction,
+      boundary,
+      onDrag,
+      onDragStart,
+      onDragEnd,
+      children,
+      className,
+      style,
+      ...reset
+    } = {
       ...defaultProps$F,
       ...props
     };
@@ -13561,7 +13575,7 @@
       }
     };
     const touchStart = (e2) => {
-      e2.currentTarget;
+      onDragStart == null ? void 0 : onDragStart();
       const touches = e2.touches[0];
       axisCache.current = { x: touches.clientX, y: touches.clientY };
       transformCache.current = { x: translateX.current, y: translateY.current };
@@ -13573,6 +13587,9 @@
         const y = touch.clientY - axisCache.current.y;
         translateX.current = x + transformCache.current.x;
         translateY.current = y + transformCache.current.y;
+        onDrag == null ? void 0 : onDrag({
+          offset: [translateX.current, translateY.current]
+        });
         if (translateX.current < boundaryState.left) {
           translateX.current = boundaryState.left;
         } else if (translateX.current > boundaryState.right) {
@@ -13588,6 +13605,9 @@
       }
     };
     const touchEnd = (e2) => {
+      onDragEnd == null ? void 0 : onDragEnd({
+        offset: [translateX.current, translateY.current]
+      });
       if (direction !== "y" && attract && dragRef.current) {
         if (translateX.current < middleLine.current) {
           translateX.current = boundaryState.left;
@@ -13727,7 +13747,8 @@
       className,
       onRefresh,
       onLoadMore,
-      onScroll
+      onScroll,
+      ...rest
     } = {
       ...defaultProps$D,
       ...props
@@ -13830,7 +13851,8 @@
         onScrollToLower: lower,
         onTouchStart: touchStart,
         onTouchMove: touchMove,
-        onTouchEnd: touchEnd
+        onTouchEnd: touchEnd,
+        ...rest
       },
       /* @__PURE__ */ React.createElement("div", { className: "nut-infinite-top", ref: refreshTop, style: getStyle() }, /* @__PURE__ */ React.createElement("div", { className: "nut-infinite-top-tips" }, pullingText || locale.infiniteloading.pullRefreshText)),
       /* @__PURE__ */ React.createElement("div", { className: "nut-infinite-container" }, children),
@@ -17005,7 +17027,6 @@
           className: classNames(classPrefix2, className),
           style,
           ref,
-          onClick: closeOnImg,
           onTouchStart
         },
         /* @__PURE__ */ React.createElement(
@@ -17037,6 +17058,7 @@
                 components.Video,
                 {
                   src: item.source.src,
+                  onClick: closeOnImg,
                   controls: item.options.controls,
                   autoplay: false,
                   loop: false,
@@ -17052,14 +17074,20 @@
                   key: index,
                   className: "nut-imagepreview-swiper-item"
                 },
-                Taro.getEnv() === "WEB" ? /* @__PURE__ */ React.createElement(Image$1, { src: item.src, mode: "aspectFit" }) : /* @__PURE__ */ React.createElement(
-                  Image$1,
+                "(",
+                /* @__PURE__ */ React.createElement(
+                  components.Image,
                   {
                     src: item.src,
-                    mode: "aspectFit",
-                    showMenuByLongpress: !!showMenuByLongpress
+                    mode: "widthFix",
+                    onClick: closeOnImg,
+                    style: { width: "100%" },
+                    ...Taro.getEnv() !== "WEB" && {
+                      showMenuByLongpress
+                    }
                   }
-                )
+                ),
+                ")"
               );
             }) : []
           )

package/dist/packages/empty/empty.scss

@@ -5,7 +5,7 @@
   flex-direction: column;
   justify-content: center;
   padding: $empty-padding;
-  background-color: $color-background-overlay;
+  background-color: $empty-background-color;
 
   &-image {
     width: $empty-image-size;

package/dist/packages/tabs/tabs.scss

@@ -11,6 +11,7 @@
   user-select: none;
   overflow: hidden;
   background: $tabs-titles-background-color;
+  scrollbar-width: none;
 
   &::-webkit-scrollbar {
     display: none;