@nutui/nutui-react-taro 2.7.0 → 2.7.2

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.7.0 Fri Nov 01 2024 16:04:37 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.7.2 Fri Dec 06 2024 16:21:35 GMT+0800 (中国标准时间)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -4196,6 +4196,21 @@
     return /* @__PURE__ */ React.createElement("div", { className: cls, style: styles, onClick: (e2) => goTop(e2) }, children || /* @__PURE__ */ React.createElement(N, { size: 19, className: "nut-backtop-main" }));
   };
   BackTop.displayName = "NutBackTop";
+  const idCounter = {};
+  function uniqueId(prefix = "$nut$") {
+    if (!idCounter[prefix]) {
+      idCounter[prefix] = 0;
+    }
+    const id = ++idCounter[prefix];
+    if (prefix === "$nut$") {
+      return `${id}`;
+    }
+    return `${prefix}${id}`;
+  }
+  function useUuid() {
+    const idRef = React.useRef(uniqueId());
+    return idRef.current;
+  }
   const elevatorContext = React.createContext({});
   const defaultProps$1i = {
     ...ComponentDefaults,
@@ -4227,6 +4242,7 @@
       ...defaultProps$1i,
       ...props
     };
+    const uuid = useUuid();
     const classPrefix2 = "nut-elevator";
     const listview = React.useRef(null);
     const initData = {
@@ -4263,7 +4279,7 @@
       state.current.listHeight.push(height2);
       for (let i2 = 0; i2 < state.current.listGroup.length; i2++) {
         const query = Taro.createSelectorQuery();
-        query.selectAll(`.${className} .nut-elevator-item-${i2}`).boundingClientRect();
+        query.selectAll(`.${classPrefix2}-${uuid} .nut-elevator-item-${i2}`).boundingClientRect();
         query.exec((res) => {
           if (res[0][0]) height2 += res[0][0].height;
           state.current.listHeight.push(height2);
@@ -4322,7 +4338,7 @@
     };
     const setListGroup = () => {
       if (listview.current) {
-        Taro.createSelectorQuery().selectAll(`.${className} .nut-elevator-list-item`).node((el) => {
+        Taro.createSelectorQuery().selectAll(`.${classPrefix2}-${uuid} .nut-elevator-list-item`).node((el) => {
           state.current.listGroup = [...Object.keys(el)];
           calculateHeight();
         }).exec();
@@ -4356,86 +4372,96 @@
         });
       }
     }, [listview]);
-    return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2} ${className}`, style, ...rest }, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: `${classPrefix2}-list`,
-        style: { height: Number.isNaN(+height) ? height : `${height}px` }
+        className: `${classPrefix2} ${className} ${classPrefix2}-${uuid}`,
+        style,
+        ...rest
       },
       /* @__PURE__ */ React.createElement(
-        components.ScrollView,
+        "div",
         {
-          scrollTop,
-          scrollY: true,
-          scrollWithAnimation: true,
-          scrollAnchoring: true,
-          className: `${classPrefix2}-list-inner`,
-          type: "list",
-          ref: listview,
-          onScroll: listViewScroll,
-          onTouchStart: (e2) => {
-            scrolling.current = false;
-          }
+          className: `${classPrefix2}-list`,
+          style: { height: Number.isNaN(+height) ? height : `${height}px` }
+        },
+        /* @__PURE__ */ React.createElement(
+          components.ScrollView,
+          {
+            scrollTop,
+            scrollY: true,
+            scrollWithAnimation: true,
+            scrollAnchoring: true,
+            className: `${classPrefix2}-list-inner`,
+            type: "list",
+            ref: listview,
+            onScroll: listViewScroll,
+            onTouchStart: (e2) => {
+              scrolling.current = false;
+            }
+          },
+          list.map((item, idx) => {
+            return /* @__PURE__ */ React.createElement(
+              "div",
+              {
+                className: `${classPrefix2}-list-item nut-elevator-item-${idx}`,
+                key: idx
+              },
+              /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-list-item-code` }, item[floorKey]),
+              /* @__PURE__ */ React.createElement(React.Fragment, null, item.list.map((subitem) => {
+                return /* @__PURE__ */ React.createElement(
+                  "div",
+                  {
+                    className: classNames({
+                      [`${classPrefix2}-list-item-name`]: true,
+                      [`${classPrefix2}-list-item-name-highcolor`]: currentData.id === subitem.id && currentKey === item[floorKey]
+                    }),
+                    key: subitem.id,
+                    onClick: () => handleClickItem(item[floorKey], subitem)
+                  },
+                  children ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(elevatorContext.Provider, { value: subitem }, children)) : subitem.name
+                );
+              }))
+            );
+          })
+        )
+      ),
+      showKeys ? /* @__PURE__ */ React.createElement(React.Fragment, null, list.length && scrollStart ? /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: classNames({
+            [`${classPrefix2}-code-current`]: true,
+            [`${classPrefix2}-code-current-current`]: true
+          })
         },
-        list.map((item, idx) => {
+        list[codeIndex][floorKey]
+      ) : null, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-bars` }, /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: `${classPrefix2}-bars-inner`,
+          onTouchStart: (event) => touchStart(event),
+          onTouchMove: (event) => touchMove(event),
+          onTouchEnd: touchEnd,
+          style: { touchAction: "pan-y" }
+        },
+        list.map((item, index) => {
           return /* @__PURE__ */ React.createElement(
             "div",
             {
-              className: `${classPrefix2}-list-item nut-elevator-item-${idx}`,
-              key: idx
+              className: classNames({
+                [`${classPrefix2}-bars-inner-item`]: true,
+                [`${classPrefix2}-bars-inner-item-active`]: item[floorKey] === list[codeIndex][floorKey]
+              }),
+              "data-index": index,
+              key: index,
+              onClick: () => handleClickIndex(item[floorKey])
             },
-            /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-list-item-code` }, item[floorKey]),
-            /* @__PURE__ */ React.createElement(React.Fragment, null, item.list.map((subitem) => {
-              return /* @__PURE__ */ React.createElement(
-                "div",
-                {
-                  className: classNames({
-                    [`${classPrefix2}-list-item-name`]: true,
-                    [`${classPrefix2}-list-item-name-highcolor`]: currentData.id === subitem.id && currentKey === item[floorKey]
-                  }),
-                  key: subitem.id,
-                  onClick: () => handleClickItem(item[floorKey], subitem)
-                },
-                children ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(elevatorContext.Provider, { value: subitem }, children)) : subitem.name
-              );
-            }))
+            item[floorKey]
           );
         })
-      )
-    ), showKeys ? /* @__PURE__ */ React.createElement(React.Fragment, null, list.length && scrollStart ? /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: classNames({
-          [`${classPrefix2}-code-current`]: true,
-          [`${classPrefix2}-code-current-current`]: true
-        })
-      },
-      list[codeIndex][floorKey]
-    ) : null, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-bars` }, /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: `${classPrefix2}-bars-inner`,
-        onTouchStart: (event) => touchStart(event),
-        onTouchMove: (event) => touchMove(event),
-        onTouchEnd: touchEnd,
-        style: { touchAction: "pan-y" }
-      },
-      list.map((item, index) => {
-        return /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            className: classNames({
-              [`${classPrefix2}-bars-inner-item`]: true,
-              [`${classPrefix2}-bars-inner-item-active`]: item[floorKey] === list[codeIndex][floorKey]
-            }),
-            "data-index": index,
-            key: index,
-            onClick: () => handleClickIndex(item[floorKey])
-          },
-          item[floorKey]
-        );
-      })
-    ))) : null, sticky && scrollY > 0 ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-list-fixed` }, /* @__PURE__ */ React.createElement("span", { className: `${classPrefix2}-list-fixed-title` }, list[codeIndex][floorKey])) : null);
+      ))) : null,
+      sticky && scrollY > 0 ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-list-fixed` }, /* @__PURE__ */ React.createElement("span", { className: `${classPrefix2}-list-fixed-title` }, list[codeIndex][floorKey])) : null
+    );
   };
   Elevator.displayName = "NutElevator";
   Elevator.Context = elevatorContext;
@@ -4795,7 +4821,7 @@
       );
     };
     const renderNode = () => {
-      return /* @__PURE__ */ React.createElement(React.Fragment, null, overlay ? /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ React.createElement(components.View, { catchMove: true }, overlay ? /* @__PURE__ */ React.createElement(
         Overlay,
         {
           style: overlayStyles,
@@ -4806,7 +4832,7 @@
           duration,
           onClick: onHandleClickOverlay
         }
-      ) : null, /* @__PURE__ */ React.createElement(React.Fragment, null, renderPop()));
+      ) : null, renderPop());
     };
     React.useEffect(() => {
       visible && open2();
@@ -5221,21 +5247,6 @@
     };
   }
   const requestAniFrame$1 = requestAniFrame();
-  const idCounter = {};
-  function uniqueId(prefix = "$nut$") {
-    if (!idCounter[prefix]) {
-      idCounter[prefix] = 0;
-    }
-    const id = ++idCounter[prefix];
-    if (prefix === "$nut$") {
-      return `${id}`;
-    }
-    return `${prefix}${id}`;
-  }
-  function useUuid() {
-    const idRef = React.useRef(uniqueId());
-    return idRef.current;
-  }
   const defaultProps$18 = {
     ...ComponentDefaults,
     tabStyle: {},
@@ -9845,6 +9856,25 @@
   Schema.warning = warning;
   Schema.messages = messages;
   Schema.validators = validators;
+  function merge(...objects) {
+    const result = Array.isArray(objects[0]) ? [] : {};
+    function mergeHelper(obj, path = []) {
+      for (const [key, value] of Object.entries(obj)) {
+        const newPath = [...path, key];
+        if (Array.isArray(value)) {
+          result[key] = [...value];
+        } else if (typeof value === "object" && value !== null) {
+          if (path.some((p) => p === value)) continue;
+          if (!result[key]) result[key] = {};
+          mergeHelper(value, newPath);
+        } else {
+          result[key] = value;
+        }
+      }
+    }
+    objects.filter((obj) => !!obj).forEach((obj) => mergeHelper(obj));
+    return result;
+  }
   const SECRET = "NUT_FORM_INTERNAL";
   class FormStore {
     constructor() {
@@ -9877,17 +9907,16 @@
         });
         return fieldsValue;
       };
-      this.setInitialValues = (values, init) => {
+      this.setInitialValues = (initialValues, init) => {
+        this.initialValues = initialValues || {};
         if (init) {
-          this.initialValues = values;
-          this.store = values;
+          const nextStore = merge(initialValues, this.store);
+          this.updateStore(nextStore);
         }
       };
-      this.setFieldsValue = (newStore, needValidate = true) => {
-        this.store = {
-          ...this.store,
-          ...newStore
-        };
+      this.setFieldsValue = (newStore) => {
+        const nextStore = merge(this.store, newStore);
+        this.updateStore(nextStore);
         this.fieldEntities.forEach((entity) => {
           const { name } = entity.props;
           Object.keys(newStore).forEach((key) => {
@@ -9905,7 +9934,12 @@
             item.entity.onStoreChange("update");
           }
         });
-        needValidate && this.validateFields();
+      };
+      this.setFieldValue = (name, value) => {
+        const store = {
+          [name]: value
+        };
+        this.setFieldsValue(store);
       };
       this.setCallback = (callback) => {
         this.callbacks = {
@@ -9916,6 +9950,10 @@
       this.validateEntities = async (entity, errs) => {
         var _a;
         const { name, rules: rules2 = [] } = entity.props;
+        if (!name) {
+          console.warn("Form field missing name property");
+          return;
+        }
         const descriptor = {};
         if (rules2.length) {
           if (rules2.length > 1) {
@@ -9971,7 +10009,8 @@
       };
       this.resetFields = () => {
         this.errors.length = 0;
-        this.store = this.initialValues;
+        const nextStore = merge({}, this.initialValues);
+        this.updateStore(nextStore);
         this.fieldEntities.forEach((entity) => {
           entity.onStoreChange("reset");
         });
@@ -10006,6 +10045,7 @@
           getFieldValue: this.getFieldValue,
           getFieldsValue: this.getFieldsValue,
           setFieldsValue: this.setFieldsValue,
+          setFieldValue: this.setFieldValue,
           resetFields: this.resetFields,
           validateFields: this.validateFields,
           submit: this.submit,
@@ -10020,6 +10060,9 @@
         }
       };
     }
+    updateStore(nextStore) {
+      this.store = nextStore;
+    }
   }
   const useForm = (form) => {
     const formRef = React.useRef();
@@ -10037,7 +10080,9 @@
     ...ComponentDefaults,
     labelPosition: "right",
     starPosition: "left",
+    disabled: false,
     divider: false,
+    validateTrigger: "onChange",
     onFinish: (values) => {
     },
     onFinishFailed: (values, errorFields) => {
@@ -10058,8 +10103,10 @@
         children,
         initialValues,
         divider,
+        disabled,
         onFinish,
         onFinishFailed,
+        validateTrigger,
         labelPosition,
         starPosition,
         form
@@ -10087,7 +10134,7 @@
         mountRef.current = true;
       }
       return /* @__PURE__ */ React.createElement(
-        "form",
+        components.Form,
         {
           className: classNames(
             classPrefix2,
@@ -10106,7 +10153,13 @@
             resetFields();
           }
         },
-        /* @__PURE__ */ React.createElement(Cell.Group, { divider }, /* @__PURE__ */ React.createElement(Context.Provider, { value: formInstance }, children), footer ? /* @__PURE__ */ React.createElement(Cell, { className: `${classPrefix2}-footer` }, footer) : null)
+        /* @__PURE__ */ React.createElement(Cell.Group, { divider }, /* @__PURE__ */ React.createElement(
+          Context.Provider,
+          {
+            value: { formInstance, labelPosition, disabled, validateTrigger }
+          },
+          children
+        ), footer ? /* @__PURE__ */ React.createElement(Cell, { className: `${classPrefix2}-footer` }, footer) : null)
       );
     }
   );
@@ -10120,6 +10173,12 @@
       }
     ).$$typeof === component.type.$$typeof;
   }
+  function toArray(value) {
+    if (value === void 0 || value === null) {
+      return [];
+    }
+    return Array.isArray(value) ? value : [value];
+  }
   const defaultProps$X = {
     ...ComponentDefaults,
     required: false,
@@ -10127,7 +10186,6 @@
     label: "",
     rules: [{ required: false, message: "" }],
     errorMessageAlign: "left",
-    validateTrigger: "onChange",
     shouldUpdate: false,
     noStyle: false
   };
@@ -10136,15 +10194,21 @@
       super(props);
       this.getControlled = (children) => {
         var _a;
-        const { setFieldsValue, getFieldValue } = this.context;
-        const { dispatch } = this.context.getInternal(SECRET);
+        const { setFieldsValue, getFieldValue } = this.context.formInstance;
+        const { dispatch } = this.context.formInstance.getInternal(SECRET);
         const { name = "" } = this.props;
         if ((_a = children == null ? void 0 : children.props) == null ? void 0 : _a.defaultValue) {
-          console.warn("通过 initialValue 设置初始值");
+          if (process.env.NODE_ENV !== "production") {
+            console.warn(
+              "[NutUI] FormItem:",
+              "请通过 initialValue 设置初始值，而不是 defaultValue"
+            );
+          }
         }
         const fieldValue = getFieldValue(name);
         const controlled = {
           ...children.props,
+          className: children.props.className,
           [this.props.valuePropName || "value"]: fieldValue !== void 0 ? fieldValue : this.props.initialValue,
           [this.props.trigger || "onChange"]: (...args) => {
             const originOnChange = children.props[this.props.trigger || "onChange"];
@@ -10155,27 +10219,25 @@
             if (this.props.getValueFromEvent) {
               next = this.props.getValueFromEvent(...args);
             }
-            setFieldsValue({ [name]: next }, false);
+            setFieldsValue({ [name]: next });
           }
         };
         const { validateTrigger } = this.props;
-        let validateTriggers = [this.props.trigger || "onChange"];
-        if (validateTrigger) {
-          validateTriggers = typeof validateTrigger === "string" ? [validateTrigger] : [...validateTrigger];
-          validateTriggers.forEach((trigger) => {
-            const originTrigger = controlled[trigger];
-            controlled[trigger] = (...args) => {
-              if (originTrigger) {
-                originTrigger(...args);
-              }
-              if (this.props.rules && this.props.rules.length) {
-                dispatch({
-                  name: this.props.name
-                });
-              }
-            };
-          });
-        }
+        const mergedValidateTrigger = validateTrigger || this.context.validateTrigger;
+        const validateTriggers = toArray(mergedValidateTrigger);
+        validateTriggers.forEach((trigger) => {
+          const originTrigger = controlled[trigger];
+          controlled[trigger] = (...args) => {
+            if (originTrigger) {
+              originTrigger(...args);
+            }
+            if (this.props.rules && this.props.rules.length) {
+              dispatch({
+                name: this.props.name
+              });
+            }
+          };
+        });
         if (isForwardRefComponent(children)) {
           controlled.ref = (componentInstance) => {
             const originRef = children.ref;
@@ -10199,7 +10261,7 @@
       };
       this.onStoreChange = (type2) => {
         if (type2 === "reset") {
-          this.context.errors[this.props.name] = [];
+          this.context.formInstance.errors[this.props.name] = [];
           this.refresh();
         } else {
           this.forceUpdate();
@@ -10214,37 +10276,50 @@
           rules: rules2,
           className,
           style,
-          align,
-          errorMessageAlign
+          errorMessageAlign,
+          align
         } = {
           ...defaultProps$X,
           ...this.props
         };
         const requiredInRules = rules2 == null ? void 0 : rules2.some((rule) => rule.required);
-        const item = name ? this.context.errors[name] : [];
-        const { starPosition } = this.context;
-        const renderStar = (required2 || requiredInRules) && /* @__PURE__ */ React.createElement("i", { className: "required" });
-        const renderLabel = /* @__PURE__ */ React.createElement(React.Fragment, null, starPosition === "left" ? renderStar : null, label, starPosition === "right" ? renderStar : null);
+        const item = name ? this.context.formInstance.errors[name] : [];
+        const { starPosition } = this.context.formInstance;
+        const renderStar = (required2 || requiredInRules) && /* @__PURE__ */ React.createElement(components.Text, { className: "nut-form-item-label-required required" }, "*");
+        const renderLabel = /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(components.Text, { className: "nut-form-item-labeltxt" }, starPosition === "left" ? renderStar : null, label), starPosition === "right" ? renderStar : null);
         return /* @__PURE__ */ React.createElement(
           Cell,
           {
-            className: `nut-form-item ${className}`,
+            className: `${this.getClassNameWithDirection("nut-form-item")} ${className}`,
             style,
             align,
             onClick: (e2) => this.props.onClick && this.props.onClick(e2, this.componentRef)
           },
-          label ? /* @__PURE__ */ React.createElement("div", { className: "nut-cell-title nut-form-item-label" }, renderLabel) : null,
-          /* @__PURE__ */ React.createElement("div", { className: "nut-cell-value nut-form-item-body" }, /* @__PURE__ */ React.createElement("div", { className: "nut-form-item-body-slots" }, childNode), /* @__PURE__ */ React.createElement(
-            "div",
+          label ? /* @__PURE__ */ React.createElement(
+            components.View,
             {
-              className: "nut-form-item-body-tips",
-              style: {
-                textAlign: errorMessageAlign,
-                display: (item == null ? void 0 : item.length) ? "initial" : "none"
-              }
+              className: `nut-cell-title ${this.getClassNameWithDirection("nut-form-item-label")}`
+            },
+            renderLabel
+          ) : null,
+          /* @__PURE__ */ React.createElement(
+            components.View,
+            {
+              className: `nut-cell-value ${this.getClassNameWithDirection("nut-form-item-body")}`
             },
-            (_a = item == null ? void 0 : item[0]) == null ? void 0 : _a.message
-          ))
+            /* @__PURE__ */ React.createElement(components.View, { className: "nut-form-item-body-slots" }, childNode),
+            /* @__PURE__ */ React.createElement(
+              components.View,
+              {
+                className: "nut-form-item-body-tips",
+                style: {
+                  textAlign: errorMessageAlign,
+                  display: (item == null ? void 0 : item.length) ? "initial" : "none"
+                }
+              },
+              (_a = item == null ? void 0 : item[0]) == null ? void 0 : _a.message
+            )
+          )
         );
       };
       this.componentRef = React.createRef();
@@ -10253,14 +10328,14 @@
       };
     }
     componentDidMount() {
-      const { store = {}, setInitialValues } = this.context.getInternal(SECRET);
+      const { store = {}, setInitialValues } = this.context.formInstance.getInternal(SECRET);
       if (this.props.initialValue && this.props.name && !Object.keys(store).includes(this.props.name)) {
         setInitialValues(
           { ...store, [this.props.name]: this.props.initialValue },
           true
         );
       }
-      const { registerField, registerUpdate } = this.context.getInternal(SECRET);
+      const { registerField, registerUpdate } = this.context.formInstance.getInternal(SECRET);
       this.cancelRegister = registerField(this);
       this.eventOff = registerUpdate(this, this.props.shouldUpdate);
     }
@@ -10272,6 +10347,12 @@
         this.eventOff();
       }
     }
+    getClassNameWithDirection(className) {
+      if (className && this.context.labelPosition) {
+        return `${className} ${className}-${this.context.labelPosition}`;
+      }
+      return className;
+    }
     render() {
       const { children } = this.props;
       const child = Array.isArray(children) ? children[0] : children;
@@ -10282,9 +10363,16 @@
           this.getControlled(child)
         );
       } else {
-        returnChildNode = child(this.context);
+        returnChildNode = child(this.context.formInstance);
       }
-      return /* @__PURE__ */ React.createElement(React.Fragment, { key: this.state.resetCount }, this.props.noStyle ? returnChildNode : this.renderLayout(returnChildNode));
+      return /* @__PURE__ */ React.createElement(React.Fragment, { key: this.state.resetCount }, /* @__PURE__ */ React.createElement(
+        components.View,
+        {
+          className: this.context.disabled ? "nut-form-item-disabled" : "",
+          catchMove: this.context.disabled
+        },
+        this.props.noStyle ? returnChildNode : this.renderLayout(returnChildNode)
+      ));
     }
   };
   _FormItem.defaultProps = defaultProps$X;
@@ -12432,7 +12520,6 @@
     defaultValue: "",
     showCount: false,
     maxLength: 140,
-    placeholder: "",
     readOnly: false,
     disabled: false,
     autoSize: false
@@ -12524,7 +12611,7 @@
           onFocus: (e2) => handleFocus(e2),
           autoHeight: autoSize,
           maxlength: maxLength,
-          placeholder: placeholder || locale.placeholder,
+          placeholder: placeholder === void 0 ? locale.placeholder : placeholder,
           ...rest
         }
       ),
@@ -13167,6 +13254,7 @@
       }
     };
     const readFile = (files) => {
+      const results = [];
       files.forEach((file, index) => {
         var _a, _b;
         let fileType = file.type;
@@ -13202,8 +13290,9 @@
           fileItem.url = fileType === "video" ? file.thumbTempFilePath : filepath;
         }
         executeUpload(fileItem, index);
-        setFileList([...fileList, fileItem]);
+        results.push(fileItem);
       });
+      setFileList([...fileList, ...results]);
     };
     const filterFiles = (files) => {
       const maximum = maxCount * 1;