@nutui/nutui-react-taro 2.6.13 → 2.6.14

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v2.6.14
+`2024-07-19`
+
+
+* :sparkles: feat(menuitem): 新增css类名，增强自定义样式能力 (#2443) @Alex-huxiyang
+* :sparkles: feat(empty): add css variable nutui-empty-background-color (#2451) @Alex-huxiyang
+* :sparkles: feat(infiniteLoading): 继承 scrollView 的 props 类型 (#2441) @oasis-cloud
+* :bug: fix(cascader): 初始化设置value未成功选中 (#2435) @Alex-huxiyang
+* :bug: fix(swiper): display abnormal when dir = 'rtl' (#2454) @Alex-huxiyang
+* :bug: fix(form): 兼容校验时机 (#2437) @Alex-huxiyang
+* :bug: fix(form): 在FromInstance增加validateFields方法的定义 (#2450) @jinjl
+
+
+# v2.6.13
+`2024-07-12`
+
+
+* :sparkles: feat: tabs滚动条兼容火狐浏览器 (#2431) @JoanneXu6677
+* :sparkles: feat(drag):  add the ability to support onDrag, onDragStart, onDragEnd callbacks (#2418) @Alex-huxiyang
+* :bug: fix(formItem): validateTrigger无法正确触发校验 (#2433) @Alex-huxiyang
+* :bug: fix: 日历组件滚动到顶部时 出现空白问题 (#2409) @522109452
+* :bug: fix(imagepreview): 无法在预期情景正确关闭图片的异常 (#2421) @Alex-huxiyang
+
+
 # v2.6.12
 `2024-07-05`
 

package/dist/esm/Address.js

@@ -1,4 +1,4 @@
-import { A as Address } from "./address.taro-CtVpobLw.js";
+import { A as Address } from "./address.taro-BYzOGUEN.js";
 export {
   Address as default
 };

package/dist/esm/Cascader.js

@@ -1,4 +1,4 @@
-import { C as Cascader } from "./cascader.taro-y9_hSUSJ.js";
+import { C as Cascader } from "./cascader.taro-jxe42b68.js";
 export {
   Cascader as default
 };

package/dist/esm/Empty/style/style.css

@@ -1 +1 @@
-.nut-empty{box-sizing:border-box;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:var(--nutui-empty-padding, 32px 40px);background-color:var(--nutui-gray-1, #ffffff)}.nut-empty-image{width:var(--nutui-empty-image-size, 160px);height:var(--nutui-empty-image-size, 160px)}.nut-empty-image .img{width:100%;height:100%}.nut-empty-image img,.nut-empty-image image{width:100%;height:100%}.nut-empty-title{margin-top:var(--nutui-empty-title-margin-top, 0px);margin-bottom:var(--nutui-empty-title-margin-bottom, 8px);color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-font-size-3, 14px);line-height:var(--nutui-empty-title-line-height, var(--nutui-font-size-3, 14px))}.nut-empty-description{margin-top:var(--nutui-empty-description-margin-top, 0px);color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-font-size-2, 12px);line-height:var(--nutui-empty-description-line-height, 1.2)}.nut-empty-small .nut-empty-image{width:var(--nutui-empty-image-small-size, 120px);height:var(--nutui-empty-image-small-size, 120px)}.nut-empty-actions{display:flex;margin-top:16px}.nut-empty-actions .nut-button.nut-empty-actions-left,.nut-empty-actions .nut-button.nut-empty-actions-right{height:28px;padding:0 12px;font-weight:400}.nut-empty-actions .nut-button.nut-empty-actions-left{margin-right:16px}[dir=rtl] .nut-empty-actions .nut-button.nut-empty-actions-left,.nut-rtl .nut-empty-actions .nut-button.nut-empty-actions-left{margin-right:0;margin-left:16px}
+.nut-empty{box-sizing:border-box;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:var(--nutui-empty-padding, 32px 40px);background-color:var(--nutui-empty-background-color, #fff)}.nut-empty-image{width:var(--nutui-empty-image-size, 160px);height:var(--nutui-empty-image-size, 160px)}.nut-empty-image .img{width:100%;height:100%}.nut-empty-image img,.nut-empty-image image{width:100%;height:100%}.nut-empty-title{margin-top:var(--nutui-empty-title-margin-top, 0px);margin-bottom:var(--nutui-empty-title-margin-bottom, 8px);color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-font-size-3, 14px);line-height:var(--nutui-empty-title-line-height, var(--nutui-font-size-3, 14px))}.nut-empty-description{margin-top:var(--nutui-empty-description-margin-top, 0px);color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-font-size-2, 12px);line-height:var(--nutui-empty-description-line-height, 1.2)}.nut-empty-small .nut-empty-image{width:var(--nutui-empty-image-small-size, 120px);height:var(--nutui-empty-image-small-size, 120px)}.nut-empty-actions{display:flex;margin-top:16px}.nut-empty-actions .nut-button.nut-empty-actions-left,.nut-empty-actions .nut-button.nut-empty-actions-right{height:28px;padding:0 12px;font-weight:400}.nut-empty-actions .nut-button.nut-empty-actions-left{margin-right:16px}[dir=rtl] .nut-empty-actions .nut-button.nut-empty-actions-left,.nut-rtl .nut-empty-actions .nut-button.nut-empty-actions-left{margin-right:0;margin-left:16px}

package/dist/esm/Form.js

@@ -1,6 +1,6 @@
 import React__default from "react";
 import classNames from "classnames";
-import { u as useForm, S as SECRET, C as Context, F as FormItem } from "./formitem.taro-tLWeQ0P5.js";
+import { u as useForm, S as SECRET, C as Context, F as FormItem } from "./formitem.taro-Dmt5-wxG.js";
 import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
 import { C as Cell } from "./cell.taro-CVFlcls2.js";
 const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { labelPosition: "right", starPosition: "left", divider: false, onFinish: (values) => {

package/dist/esm/FormItem.js

@@ -1,4 +1,4 @@
-import { F as FormItem } from "./formitem.taro-tLWeQ0P5.js";
+import { F as FormItem } from "./formitem.taro-Dmt5-wxG.js";
 export {
   FormItem as default
 };

package/dist/esm/InfiniteLoading.js

@@ -1,4 +1,4 @@
-import { I as InfiniteLoading } from "./infiniteloading.taro-g1RbqnSS.js";
+import { I as InfiniteLoading } from "./infiniteloading.taro-DmDQKk_d.js";
 export {
   InfiniteLoading as default
 };

package/dist/esm/Menu.js

@@ -1,4 +1,4 @@
-import { M as Menu } from "./menu.taro-JDg_-XpO.js";
+import { M as Menu } from "./menu.taro-CrPdDbYM.js";
 export {
   Menu as default
 };

package/dist/esm/MenuItem.js

@@ -1,4 +1,4 @@
-import { M as MenuItem } from "./menuitem.taro-BFfGgTms.js";
+import { M as MenuItem } from "./menuitem.taro-DMV3j4DK.js";
 export {
   MenuItem as default
 };

package/dist/esm/{address.taro-CtVpobLw.js → address.taro-BYzOGUEN.js}

@@ -4,7 +4,7 @@ import { Check, Location, ArrowLeft } from "@nutui/icons-react-taro";
 import { P as Popup } from "./popup.taro-CR3JyuJV.js";
 import { ScrollView } from "@tarojs/components";
 import { u as useConfig } from "./configprovider.taro-DA4GDDFu.js";
-import { C as Cascader } from "./cascader.taro-y9_hSUSJ.js";
+import { C as Cascader } from "./cascader.taro-jxe42b68.js";
 import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
 import { u as usePropsValue } from "./use-props-value-SH9krhkx.js";
 const defaultProps$2 = {

package/dist/esm/{cascader.taro-y9_hSUSJ.js → cascader.taro-jxe42b68.js}

@@ -209,7 +209,7 @@ const InternalCascader = (props, ref) => {
   });
   const syncValue = () => __awaiter(void 0, void 0, void 0, function* () {
     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) {
@@ -237,7 +237,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;

package/dist/esm/{formitem.taro-tLWeQ0P5.js → formitem.taro-Dmt5-wxG.js}

@@ -42,7 +42,7 @@ class FormStore {
         this.store = values;
       }
     };
-    this.setFieldsValue = (newStore) => {
+    this.setFieldsValue = (newStore, needValidate = true) => {
       this.store = Object.assign(Object.assign({}, this.store), newStore);
       this.fieldEntities.forEach((entity) => {
         const { name } = entity.props;
@@ -61,6 +61,7 @@ class FormStore {
           item.entity.onStoreChange("update");
         }
       });
+      needValidate && this.validateFields();
     };
     this.setCallback = (callback) => {
       this.callbacks = Object.assign(Object.assign({}, this.callbacks), callback);
@@ -212,7 +213,7 @@ 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;
       let validateTriggers = [this.props.trigger || "onChange"];

package/dist/esm/{infiniteloading.taro-g1RbqnSS.js → infiniteloading.taro-DmDQKk_d.js}

@@ -1,4 +1,4 @@
-import { a as __awaiter } from "./tslib.es6-iWu3F_1J.js";
+import { _ as __rest, a as __awaiter } from "./tslib.es6-iWu3F_1J.js";
 import React__default, { useState, useRef, useEffect } from "react";
 import classNames from "classnames";
 import { ScrollView } from "@tarojs/components";
@@ -9,7 +9,7 @@ const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { type:
 const classPrefix = `nut-infiniteloading`;
 const InfiniteLoading = (props) => {
   const { locale } = useConfig();
-  const { children, type, hasMore, threshold, target, pullRefresh, pullingText, loadingText, loadMoreText, className, onRefresh, onLoadMore, onScroll } = Object.assign(Object.assign({}, defaultProps), props);
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, type, hasMore, threshold, target, pullRefresh, pullingText, loadingText, loadMoreText, className, onRefresh, onLoadMore, onScroll } = _a, rest = __rest(_a, ["children", "type", "hasMore", "threshold", "target", "pullRefresh", "pullingText", "loadingText", "loadMoreText", "className", "onRefresh", "onLoadMore", "onScroll"]);
   const [isInfiniting, setIsInfiniting] = useState(false);
   const [topDisScoll, setTopDisScoll] = useState(0);
   const refreshTop = useRef(null);
@@ -29,8 +29,8 @@ const InfiniteLoading = (props) => {
   const getScrollHeight = () => {
     const parentElement = getParentElement("scroller");
     parentElement.boundingClientRect((rect) => {
-      var _a;
-      scrollHeight.current = (_a = rect === null || rect === void 0 ? void 0 : rect.height) !== null && _a !== void 0 ? _a : 0;
+      var _a2;
+      scrollHeight.current = (_a2 = rect === null || rect === void 0 ? void 0 : rect.height) !== null && _a2 !== void 0 ? _a2 : 0;
     }).exec();
   };
   const getStyle = () => {
@@ -51,8 +51,8 @@ const InfiniteLoading = (props) => {
     isTouching.current = false;
   };
   const scrollAction = (e) => {
-    var _a;
-    scrollTop.current = (_a = e.target) === null || _a === void 0 ? void 0 : _a.scrollTop;
+    var _a2;
+    scrollTop.current = (_a2 = e.target) === null || _a2 === void 0 ? void 0 : _a2.scrollTop;
     if (e.target.scrollTop <= 0) {
       e.target.scrollTop = 0;
     }
@@ -99,7 +99,7 @@ const InfiniteLoading = (props) => {
   });
   return React__default.createElement(
     ScrollView,
-    { className: classes, scrollY: true, id: "scroller", type: "list", style: { height: "100%" }, onScroll: scrollAction, onScrollToLower: lower, onTouchStart: touchStart, onTouchMove: touchMove, onTouchEnd: touchEnd },
+    Object.assign({ className: classes, scrollY: true, id: "scroller", type: "list", style: { height: "100%" }, onScroll: scrollAction, onScrollToLower: lower, onTouchStart: touchStart, onTouchMove: touchMove, onTouchEnd: touchEnd }, rest),
     React__default.createElement(
       "div",
       { className: "nut-infinite-top", ref: refreshTop, style: getStyle() },

package/dist/esm/{menu.taro-JDg_-XpO.js → menu.taro-CrPdDbYM.js}

@@ -2,7 +2,7 @@ import { _ as __rest } from "./tslib.es6-iWu3F_1J.js";
 import React__default, { useRef, useState, useEffect } from "react";
 import classNames from "classnames";
 import { ArrowUp, ArrowDown } from "@nutui/icons-react-taro";
-import { M as MenuItem } from "./menuitem.taro-BFfGgTms.js";
+import { M as MenuItem } from "./menuitem.taro-DMV3j4DK.js";
 import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
 const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { activeColor: "", closeOnOverlayClick: true, scrollFixed: false, lockScroll: true, overlay: true, icon: null, onOpen: (index, from) => {
 }, onClose: (index, from) => {

package/dist/esm/{menuitem.taro-BFfGgTms.js → menuitem.taro-DMV3j4DK.js}

@@ -132,8 +132,10 @@ const MenuItem = forwardRef((props, ref) => {
               }, onClick: () => {
                 handleClick(item);
               } },
-              item.value === innerValue ? React__default.createElement(React__default.Fragment, null, icon || React__default.createElement(Check, { color: activeColor, size: 16, className: getIconCName(item.value, value) })) : null,
-              React__default.createElement(View, { className: getIconCName(item.value, value), style: {
+              item.value === innerValue ? React__default.createElement(React__default.Fragment, null, icon ? React__default.cloneElement(icon, {
+                className: `nut-menu-container-item-icon ${icon.props.className || ""}`
+              }) : React__default.createElement(Check, { color: activeColor, size: 16, className: `nut-menu-container-item-icon ${getIconCName(item.value, value)}` })) : null,
+              React__default.createElement(View, { className: `nut-menu-container-item-title ${getIconCName(item.value, value)}`, style: {
                 color: `${item.value === innerValue ? activeColor : ""}`
               } }, item.text)
             );

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 { 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-tLWeQ0P5.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";
@@ -53,7 +53,7 @@ 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-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";

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.6.13 Fri Jul 12 2024 13:58:19 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.13 Fri Jul 12 2024 13:58:19 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.13 Fri Jul 12 2024 13:58:19 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.13 Fri Jul 12 2024 13:58:19 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.13 Fri Jul 12 2024 13:58:19 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.13 Fri Jul 12 2024 13:58:19 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.13 Fri Jul 12 2024 13:58:19 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.13 Fri Jul 12 2024 13:57:50 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;
@@ -9793,7 +9793,7 @@ class FormStore {
         this.store = values;
       }
     };
-    this.setFieldsValue = (newStore) => {
+    this.setFieldsValue = (newStore, needValidate = true) => {
       this.store = {
         ...this.store,
         ...newStore
@@ -9815,6 +9815,7 @@ class FormStore {
           item.entity.onStoreChange("update");
         }
       });
+      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 : ""}`
               }
@@ -13728,7 +13731,8 @@ const InfiniteLoading = (props) => {
     className,
     onRefresh,
     onLoadMore,
-    onScroll
+    onScroll,
+    ...rest
   } = {
     ...defaultProps$D,
     ...props
@@ -13831,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),

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.13 Fri Jul 12 2024 13:57:50 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;
@@ -9809,7 +9809,7 @@
           this.store = values;
         }
       };
-      this.setFieldsValue = (newStore) => {
+      this.setFieldsValue = (newStore, needValidate = true) => {
         this.store = {
           ...this.store,
           ...newStore
@@ -9831,6 +9831,7 @@
             item.entity.onStoreChange("update");
           }
         });
+        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 : ""}`
                 }
@@ -13744,7 +13747,8 @@
       className,
       onRefresh,
       onLoadMore,
-      onScroll
+      onScroll,
+      ...rest
     } = {
       ...defaultProps$D,
       ...props
@@ -13847,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),

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;