@nutui/nutui-react-taro 2.7.15-beta.1 → 2.7.16-beta.0

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+# v2.7.15
+
+`2026-03-09`
+
+- 🏡 chore: 升级版本
+- :sparkles: feat: 调整button圆角、dialog内边间距 (#3321)
+- :bug: fix: uploader上传组件taro版本h5端支持文件选择 (#3424)
+- :bug: fix(uploader): 修复H5上传 (#3421)
+- :bug: fix(form): setFieldValue与setFieldsValue 重复触发notifyWatch (#3228)
+
 # v2.7.14
 
 `2025-04-30`

package/dist/esm/Calendar.js

@@ -1,4 +1,4 @@
-import { C as Calendar } from "./calendar.taro-C-5Lmq9i.js";
+import { C as Calendar } from "./calendar.taro-DzEStrql.js";
 export {
   Calendar as default
 };

package/dist/esm/CalendarItem.js

@@ -1,4 +1,4 @@
-import { C as CalendarItem } from "./calendaritem.taro-B0QA0q4N.js";
+import { C as CalendarItem } from "./calendaritem.taro-DT5xXwyk.js";
 export {
   CalendarItem as default
 };

package/dist/esm/Radio.js

@@ -1,4 +1,4 @@
-import { R as Radio } from "./radio.taro-M2in687s.js";
+import { R as Radio } from "./radio.taro-BCsQcVdu.js";
 export {
   Radio as default
 };

package/dist/esm/RadioGroup.js

@@ -1,4 +1,4 @@
-import { a as RadioGroup } from "./radio.taro-M2in687s.js";
+import { a as RadioGroup } from "./radio.taro-BCsQcVdu.js";
 export {
   RadioGroup as default
 };

package/dist/esm/Uploader.js

@@ -1,4 +1,4 @@
-import { U as Uploader } from "./uploader.taro-S9pOua4j.js";
+import { U as Uploader } from "./uploader.taro-D3zeUFqf.js";
 export {
   Uploader as default
 };

package/dist/esm/{calendar.taro-C-5Lmq9i.js → calendar.taro-DzEStrql.js}

@@ -1,6 +1,6 @@
 import React__default, { useState, useRef, useEffect } from "react";
 import { P as Popup } from "./popup.taro-JynjcLCn.js";
-import { s as splitDate, g as getPreMonths, a as getMonths, b as getPreQuarters, c as getQuarters, d as getNextQuarters, C as CalendarItem } from "./calendaritem.taro-B0QA0q4N.js";
+import { s as splitDate, g as getPreMonths, a as getMonths, b as getPreQuarters, c as getQuarters, d as getNextQuarters, C as CalendarItem } from "./calendaritem.taro-DT5xXwyk.js";
 import classNames from "classnames";
 import Taro from "@tarojs/taro";
 import { View, ScrollView } from "@tarojs/components";

package/dist/esm/{calendaritem.taro-B0QA0q4N.js → calendaritem.taro-DT5xXwyk.js}

@@ -246,6 +246,9 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
   const [state] = useState({
     currDateArray: []
   });
+  const isSameRange = (range, start, end) => {
+    return range[0] === start && range[1] === end;
+  };
   const resetDefaultValue = () => {
     if (defaultValue || Array.isArray(defaultValue) && defaultValue.length > 0) {
       return type !== "single" ? [...defaultValue] : defaultValue;
@@ -323,7 +326,9 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
       start = 0;
       end = monthNum + 2;
     }
-    setMonthDefaultRange([start, end]);
+    setMonthDefaultRange((range) => {
+      return isSameRange(range, start, end) ? range : [start, end];
+    });
     setTranslateY(monthsData[start].scrollTop);
     setReachedYearMonthInfo(current);
   };
@@ -462,8 +467,10 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
         viewHeight = getMonthsRef().clientHeight;
         getMonthsPanel().style.height = `${containerHeight}px`;
         const currTop = monthsData[current].scrollTop;
-        getMonthsRef().scrollTop = currTop;
-        setScrollTop(currTop);
+        const maxScrollTop = getMonthsRef().scrollHeight - getMonthsRef().clientHeight;
+        const targetScrollTop = Math.min(currTop, maxScrollTop);
+        getMonthsRef().scrollTop = targetScrollTop;
+        setScrollTop(targetScrollTop);
         nextTick(() => setScrollWithAnimation(true));
       }
     });
@@ -543,6 +550,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     if (monthsData.length <= 1)
       return;
     const scrollTop2 = e.target.scrollTop;
+    console.log("🚀 ~ monthsViewScroll ~ scrollTop:", scrollTop2);
     Taro.getEnv() === "WEB" && setScrollTop(scrollTop2);
     let current = Math.floor(scrollTop2 / avgHeight);
     if (current < 0)

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

@@ -25,8 +25,8 @@ import { T as T2 } from "./tabbaritem.taro-BPe2bsMQ.js";
 import { T as T3 } from "./tabpane.taro-B8CBhFle.js";
 import { T as T4 } from "./tabs.taro-xLGG_Fux.js";
 import { A } from "./address.taro-C1ibsNFa.js";
-import { C as C5 } from "./calendar.taro-C-5Lmq9i.js";
-import { C as C6 } from "./calendaritem.taro-B0QA0q4N.js";
+import { C as C5 } from "./calendar.taro-DzEStrql.js";
+import { C as C6 } from "./calendaritem.taro-DT5xXwyk.js";
 import { C as C7 } from "./calendarcard.taro-Cp3yzc6h.js";
 import { C as C8 } from "./cascader.taro-D8z5VSBF.js";
 import { C as C9, a as a2 } from "./checkbox.taro-CgqJyhrh.js";
@@ -39,7 +39,7 @@ import { M } from "./menu.taro-9N8A5UoN.js";
 import { M as M2 } from "./menuitem.taro-CnsORm5-.js";
 import { N as N2 } from "./numberkeyboard.taro-blGUntGo.js";
 import { P } from "./picker.taro-Ctc0Wt4S.js";
-import { R as R2, a as a3 } from "./radio.taro-M2in687s.js";
+import { R as R2, a as a3 } from "./radio.taro-BCsQcVdu.js";
 import { R as R3 } from "./range.taro-C5SuX_2b.js";
 import { R as R4 } from "./rate.taro-DsDMiRHd.js";
 import { S as S7 } from "./searchbar.taro-B7UhNlBh.js";
@@ -47,7 +47,7 @@ import { S as S8 } from "./shortpassword.taro--atvsdZp.js";
 import { S as S9 } from "./signature.taro-BW4eiGIR.js";
 import { S as S10 } from "./switch.taro-CdBmDo18.js";
 import { T as T5 } from "./textarea.taro-CGMI5QNw.js";
-import { U } from "./uploader.taro-S9pOua4j.js";
+import { U } from "./uploader.taro-D3zeUFqf.js";
 import { A as A2 } from "./actionsheet.taro-kMhbV73n.js";
 import { B as B3 } from "./badge.taro-W8s89KAj.js";
 import { B as B4 } from "./dialog.taro-1Vukbvap.js";

package/dist/esm/{radio.taro-M2in687s.js → radio.taro-BCsQcVdu.js}

@@ -16,7 +16,7 @@ const classPrefix = "nut-radiogroup";
 const RadioGroup = React__default.forwardRef((props, ref) => {
   const _a = Object.assign(Object.assign({}, defaultProps$1), props), { children, className, value, defaultValue, onChange, shape, labelPosition, direction, options, disabled } = _a, rest = __rest(_a, ["children", "className", "value", "defaultValue", "onChange", "shape", "labelPosition", "direction", "options", "disabled"]);
   const cls = classNames(classPrefix, {
-    [`${classPrefix}-${props.direction}`]: props.direction
+    [`${classPrefix}-${direction}`]: direction
   }, className);
   const [val2State, setVal2State] = usePropsValue({
     defaultValue: props.defaultValue,

package/dist/esm/{uploader.taro-S9pOua4j.js → uploader.taro-D3zeUFqf.js}

@@ -138,6 +138,105 @@ class FileItem {
     this.formData = {};
   }
 }
+const chooseFile = (options) => {
+  const shouldBeObjectNative = (options2) => {
+    const isObject2 = options2 !== null && typeof options2 === "object" && !Array.isArray(options2);
+    if (!isObject2) {
+      return {
+        flag: false,
+        msg: "parameter should be Object"
+      };
+    }
+    return {
+      flag: true,
+      msg: ""
+    };
+  };
+  const isObject = shouldBeObjectNative(options);
+  if (!isObject.flag) {
+    const res2 = { errMsg: `taroChooseFile:fail ${isObject.msg}` };
+    console.error(res2.errMsg);
+    return Promise.reject(res2);
+  }
+  const { count = 1, success, fail, complete, imageId = "taroChooseFile", sourceType = ["album", "camera"] } = options;
+  const res = {
+    tempFilePaths: [],
+    tempFiles: [],
+    errMsg: ""
+  };
+  const handleSuccess = (data = {}, resolve = Promise.resolve.bind(Promise)) => {
+    if (!data.errMsg) {
+      data.errMsg = "taroChooseFile:ok";
+    }
+    typeof success === "function" && success(data);
+    typeof complete === "function" && complete(data);
+    return resolve(data);
+  };
+  const handleFail = (data = {}, reject = Promise.reject.bind(Promise)) => {
+    if (!data.errMsg) {
+      data.errMsg = "taroChooseFile:fail";
+    } else {
+      data.errMsg = `taroChooseFile:fail ${data.errMsg}`;
+    }
+    console.error(data.errMsg);
+    typeof fail === "function" && fail(data);
+    typeof complete === "function" && complete(data);
+    return reject(data);
+  };
+  const sourceTypeString = sourceType && sourceType.toString();
+  const acceptableSourceType = ["user", "environment", "camera"];
+  if (count && typeof count !== "number") {
+    res.errMsg = `parameter error: count should be number, but got ${typeof count}`;
+    return handleFail(res);
+  }
+  const el = document.getElementById(imageId);
+  if (!el) {
+    res.errMsg = "taroChooseFile:fail element not found";
+    return handleFail(res);
+  }
+  if (count > 1) {
+    el.setAttribute("multiple", "multiple");
+  } else {
+    el.removeAttribute("multiple");
+  }
+  if (acceptableSourceType.indexOf(sourceTypeString) > -1) {
+    el.setAttribute("capture", sourceTypeString);
+  } else {
+    el.removeAttribute("capture");
+  }
+  return new Promise((resolve) => {
+    if (el) {
+      const evt = new MouseEvent("click", {
+        bubbles: true,
+        cancelable: true,
+        view: window
+      });
+      el.dispatchEvent(evt);
+      el.onchange = (e) => {
+        const target = e.target;
+        if (target) {
+          const files = target.files || [];
+          const arr = Array.from(files);
+          arr.forEach((item) => {
+            const blob = new Blob([item], {
+              type: item.type
+            });
+            const url = URL.createObjectURL(blob);
+            res.tempFilePaths.push(url);
+            res.tempFiles.push({
+              path: url,
+              size: item.size,
+              type: item.type,
+              originalFileObj: item
+            });
+          });
+          handleSuccess(res, resolve);
+          target.value = "";
+        }
+      };
+    }
+  });
+};
 const Preview = ({ fileList, previewType, deletable, onDeleteItem, handleItemClick, previewUrl, deleteIcon, children }) => {
   const renderIcon = (item) => {
     if (item.status === ERROR) {
@@ -206,7 +305,7 @@ const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { url:
 } });
 const InternalUploader = (props, ref) => {
   const { locale } = useConfig();
-  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, uploadIcon, deleteIcon, uploadLabel, accept, name, camera, defaultValue, value, previewType, fit, disabled, multiple, url, previewUrl, headers, timeout, method, xhrState, data, preview, deletable, maxCount, maxFileSize, mediaType, className, autoUpload, sizeType, sourceType, maxDuration, onStart, onDelete, onChange, onFileItemClick, onProgress, onSuccess, onUpdate, onFailure, onOversize, beforeUpload, beforeXhrUpload, beforeDelete } = _a, restProps = __rest(_a, ["children", "uploadIcon", "deleteIcon", "uploadLabel", "accept", "name", "camera", "defaultValue", "value", "previewType", "fit", "disabled", "multiple", "url", "previewUrl", "headers", "timeout", "method", "xhrState", "data", "preview", "deletable", "maxCount", "maxFileSize", "mediaType", "className", "autoUpload", "sizeType", "sourceType", "maxDuration", "onStart", "onDelete", "onChange", "onFileItemClick", "onProgress", "onSuccess", "onUpdate", "onFailure", "onOversize", "beforeUpload", "beforeXhrUpload", "beforeDelete"]);
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, uploadIcon, deleteIcon, uploadLabel, accept, name, camera, defaultValue, value, previewType, fit, disabled, multiple, url, previewUrl, headers, timeout, method, xhrState, data, preview, deletable, maxCount, maxFileSize, mediaType, className, autoUpload, sizeType, sourceType, maxDuration, onStart, onDelete, onChange, onFileItemClick, onProgress, onSuccess, onUpdate, onFailure, onOversize, beforeUpload, beforeXhrUpload, beforeDelete, needChooseFile } = _a, restProps = __rest(_a, ["children", "uploadIcon", "deleteIcon", "uploadLabel", "accept", "name", "camera", "defaultValue", "value", "previewType", "fit", "disabled", "multiple", "url", "previewUrl", "headers", "timeout", "method", "xhrState", "data", "preview", "deletable", "maxCount", "maxFileSize", "mediaType", "className", "autoUpload", "sizeType", "sourceType", "maxDuration", "onStart", "onDelete", "onChange", "onFileItemClick", "onProgress", "onSuccess", "onUpdate", "onFailure", "onOversize", "beforeUpload", "beforeXhrUpload", "beforeDelete", "needChooseFile"]);
   const [fileList, setFileList] = usePropsValue({
     value,
     defaultValue,
@@ -244,20 +343,29 @@ const InternalUploader = (props, ref) => {
     if (disabled) {
       return;
     }
-    if (Taro.getEnv() === "WEB") {
-      const el = document.getElementById("taroChooseImage");
+    if (Taro.getEnv() === "WEB" && needChooseFile) {
+      const el = document.getElementById("taroChooseFile");
       if (el) {
         el === null || el === void 0 ? void 0 : el.setAttribute("accept", accept);
       } else {
         const obj = document.createElement("input");
         obj.setAttribute("type", "file");
-        obj.setAttribute("id", "taroChooseImage");
+        obj.setAttribute("id", "taroChooseFile");
         obj.setAttribute("accept", accept);
         obj.setAttribute("style", "position: fixed; top: -4000px; left: -3000px; z-index: -300;");
         document.body.appendChild(obj);
       }
-    }
-    if (["WEAPP", "JD"].includes(getEnv()) && chooseMedia) {
+      chooseFile({
+        count: multiple ? maxCount * 1 - fileList.length : 1,
+        // 可以指定是原图还是压缩图，默认二者都有
+        sizeType,
+        sourceType,
+        success: onChangeImage,
+        fail: (res) => {
+          onFailure && onFailure(res);
+        }
+      });
+    } else if (["WEAPP", "JD", "WEB"].includes(getEnv()) && chooseMedia) {
       chooseMedia({
         count: multiple ? maxCount * 1 - fileList.length : 1,
         /** 文件类型 */

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.7.15-beta.1 Tue Feb 10 2026 22:25:15 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.7.16-beta.0 Fri May 22 2026 21:54:55 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.7.15-beta.1 Tue Feb 10 2026 22:25:15 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.7.16-beta.0 Fri May 22 2026 21:54:55 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.7.15-beta.1 Tue Feb 10 2026 22:25:15 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.7.16-beta.0 Fri May 22 2026 21:54:55 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.7.15-beta.1 Tue Feb 10 2026 22:25:15 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.7.16-beta.0 Fri May 22 2026 21:54:55 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.7.15-beta.1 Tue Feb 10 2026 22:25:15 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.7.16-beta.0 Fri May 22 2026 21:54:55 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.7.15-beta.1 Tue Feb 10 2026 22:25:15 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.7.16-beta.0 Fri May 22 2026 21:54:55 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.7.15-beta.1 Tue Feb 10 2026 22:25:15 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.7.16-beta.0 Fri May 22 2026 21:54:55 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.7.15-beta.1 Tue Feb 10 2026 22:24:45 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.7.16-beta.0 Fri May 22 2026 21:54:20 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -6584,6 +6584,9 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
   const [state] = useState({
     currDateArray: []
   });
+  const isSameRange = (range3, start, end) => {
+    return range3[0] === start && range3[1] === end;
+  };
   const resetDefaultValue = () => {
     if (defaultValue || Array.isArray(defaultValue) && defaultValue.length > 0) {
       return type4 !== "single" ? [...defaultValue] : defaultValue;
@@ -6666,7 +6669,9 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
       start = 0;
       end = monthNum + 2;
     }
-    setMonthDefaultRange([start, end]);
+    setMonthDefaultRange((range3) => {
+      return isSameRange(range3, start, end) ? range3 : [start, end];
+    });
     setTranslateY(monthsData[start].scrollTop);
     setReachedYearMonthInfo(current);
   };
@@ -6813,8 +6818,10 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
         viewHeight = getMonthsRef().clientHeight;
         getMonthsPanel().style.height = `${containerHeight}px`;
         const currTop = monthsData[current].scrollTop;
-        getMonthsRef().scrollTop = currTop;
-        setScrollTop(currTop);
+        const maxScrollTop = getMonthsRef().scrollHeight - getMonthsRef().clientHeight;
+        const targetScrollTop = Math.min(currTop, maxScrollTop);
+        getMonthsRef().scrollTop = targetScrollTop;
+        setScrollTop(targetScrollTop);
         nextTick(() => setScrollWithAnimation(true));
       }
     });
@@ -6891,6 +6898,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
   const monthsViewScroll = (e2) => {
     if (monthsData.length <= 1) return;
     const scrollTop2 = e2.target.scrollTop;
+    console.log("🚀 ~ monthsViewScroll ~ scrollTop:", scrollTop2);
     Taro.getEnv() === "WEB" && setScrollTop(scrollTop2);
     let current = Math.floor(scrollTop2 / avgHeight);
     if (current < 0) return;
@@ -11849,7 +11857,7 @@ const RadioGroup = React__default.forwardRef(
     const cls = classNames(
       classPrefix$g,
       {
-        [`${classPrefix$g}-${props.direction}`]: props.direction
+        [`${classPrefix$g}-${direction}`]: direction
       },
       className
     );
@@ -13246,6 +13254,112 @@ class FileItem {
     this.formData = {};
   }
 }
+const chooseFile = (options) => {
+  const shouldBeObjectNative = (options2) => {
+    const isObject22 = options2 !== null && typeof options2 === "object" && !Array.isArray(options2);
+    if (!isObject22) {
+      return {
+        flag: false,
+        msg: "parameter should be Object"
+      };
+    }
+    return {
+      flag: true,
+      msg: ""
+    };
+  };
+  const isObject2 = shouldBeObjectNative(options);
+  if (!isObject2.flag) {
+    const res2 = { errMsg: `taroChooseFile:fail ${isObject2.msg}` };
+    console.error(res2.errMsg);
+    return Promise.reject(res2);
+  }
+  const {
+    count = 1,
+    success,
+    fail,
+    complete,
+    imageId = "taroChooseFile",
+    sourceType = ["album", "camera"]
+  } = options;
+  const res = {
+    tempFilePaths: [],
+    tempFiles: [],
+    errMsg: ""
+  };
+  const handleSuccess = (data = {}, resolve = Promise.resolve.bind(Promise)) => {
+    if (!data.errMsg) {
+      data.errMsg = "taroChooseFile:ok";
+    }
+    typeof success === "function" && success(data);
+    typeof complete === "function" && complete(data);
+    return resolve(data);
+  };
+  const handleFail = (data = {}, reject = Promise.reject.bind(Promise)) => {
+    if (!data.errMsg) {
+      data.errMsg = "taroChooseFile:fail";
+    } else {
+      data.errMsg = `taroChooseFile:fail ${data.errMsg}`;
+    }
+    console.error(data.errMsg);
+    typeof fail === "function" && fail(data);
+    typeof complete === "function" && complete(data);
+    return reject(data);
+  };
+  const sourceTypeString = sourceType && sourceType.toString();
+  const acceptableSourceType = ["user", "environment", "camera"];
+  if (count && typeof count !== "number") {
+    res.errMsg = `parameter error: count should be number, but got ${typeof count}`;
+    return handleFail(res);
+  }
+  const el = document.getElementById(imageId);
+  if (!el) {
+    res.errMsg = "taroChooseFile:fail element not found";
+    return handleFail(res);
+  }
+  if (count > 1) {
+    el.setAttribute("multiple", "multiple");
+  } else {
+    el.removeAttribute("multiple");
+  }
+  if (acceptableSourceType.indexOf(sourceTypeString) > -1) {
+    el.setAttribute("capture", sourceTypeString);
+  } else {
+    el.removeAttribute("capture");
+  }
+  return new Promise((resolve) => {
+    if (el) {
+      const evt = new MouseEvent("click", {
+        bubbles: true,
+        cancelable: true,
+        view: window
+      });
+      el.dispatchEvent(evt);
+      el.onchange = (e2) => {
+        const target = e2.target;
+        if (target) {
+          const files = target.files || [];
+          const arr = Array.from(files);
+          arr.forEach((item) => {
+            const blob = new Blob([item], {
+              type: item.type
+            });
+            const url2 = URL.createObjectURL(blob);
+            res.tempFilePaths.push(url2);
+            res.tempFiles.push({
+              path: url2,
+              size: item.size,
+              type: item.type,
+              originalFileObj: item
+            });
+          });
+          handleSuccess(res, resolve);
+          target.value = "";
+        }
+      };
+    }
+  });
+};
 const defaultProps$I = {
   ...ComponentDefaults,
   percent: 0,
@@ -13557,6 +13671,7 @@ const InternalUploader = (props, ref) => {
     beforeUpload,
     beforeXhrUpload,
     beforeDelete,
+    needChooseFile,
     ...restProps
   } = { ...defaultProps$H, ...props };
   const [fileList, setFileList] = usePropsValue({
@@ -13596,14 +13711,14 @@ const InternalUploader = (props, ref) => {
     if (disabled) {
       return;
     }
-    if (Taro.getEnv() === "WEB") {
-      const el = document.getElementById("taroChooseImage");
+    if (Taro.getEnv() === "WEB" && needChooseFile) {
+      const el = document.getElementById("taroChooseFile");
       if (el) {
         el == null ? void 0 : el.setAttribute("accept", accept);
       } else {
         const obj = document.createElement("input");
         obj.setAttribute("type", "file");
-        obj.setAttribute("id", "taroChooseImage");
+        obj.setAttribute("id", "taroChooseFile");
         obj.setAttribute("accept", accept);
         obj.setAttribute(
           "style",
@@ -13611,8 +13726,17 @@ const InternalUploader = (props, ref) => {
         );
         document.body.appendChild(obj);
       }
-    }
-    if (["WEAPP", "JD"].includes(getEnv()) && chooseMedia) {
+      chooseFile({
+        count: multiple ? maxCount * 1 - fileList.length : 1,
+        // 可以指定是原图还是压缩图，默认二者都有
+        sizeType,
+        sourceType,
+        success: onChangeImage,
+        fail: (res) => {
+          onFailure && onFailure(res);
+        }
+      });
+    } else if (["WEAPP", "JD", "WEB"].includes(getEnv()) && chooseMedia) {
       chooseMedia({
         count: multiple ? maxCount * 1 - fileList.length : 1,
         /** 文件类型 */

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.15-beta.1 Tue Feb 10 2026 22:24:45 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.7.16-beta.0 Fri May 22 2026 21:54:20 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -6600,6 +6600,9 @@
     const [state] = React.useState({
       currDateArray: []
     });
+    const isSameRange = (range2, start, end) => {
+      return range2[0] === start && range2[1] === end;
+    };
     const resetDefaultValue = () => {
       if (defaultValue || Array.isArray(defaultValue) && defaultValue.length > 0) {
         return type2 !== "single" ? [...defaultValue] : defaultValue;
@@ -6682,7 +6685,9 @@
         start = 0;
         end = monthNum + 2;
       }
-      setMonthDefaultRange([start, end]);
+      setMonthDefaultRange((range2) => {
+        return isSameRange(range2, start, end) ? range2 : [start, end];
+      });
       setTranslateY(monthsData[start].scrollTop);
       setReachedYearMonthInfo(current);
     };
@@ -6829,8 +6834,10 @@
           viewHeight = getMonthsRef().clientHeight;
           getMonthsPanel().style.height = `${containerHeight}px`;
           const currTop = monthsData[current].scrollTop;
-          getMonthsRef().scrollTop = currTop;
-          setScrollTop(currTop);
+          const maxScrollTop = getMonthsRef().scrollHeight - getMonthsRef().clientHeight;
+          const targetScrollTop = Math.min(currTop, maxScrollTop);
+          getMonthsRef().scrollTop = targetScrollTop;
+          setScrollTop(targetScrollTop);
           Taro.nextTick(() => setScrollWithAnimation(true));
         }
       });
@@ -6907,6 +6914,7 @@
     const monthsViewScroll = (e2) => {
       if (monthsData.length <= 1) return;
       const scrollTop2 = e2.target.scrollTop;
+      console.log("🚀 ~ monthsViewScroll ~ scrollTop:", scrollTop2);
       Taro.getEnv() === "WEB" && setScrollTop(scrollTop2);
       let current = Math.floor(scrollTop2 / avgHeight);
       if (current < 0) return;
@@ -11865,7 +11873,7 @@
       const cls = classNames(
         classPrefix$g,
         {
-          [`${classPrefix$g}-${props.direction}`]: props.direction
+          [`${classPrefix$g}-${direction}`]: direction
         },
         className
       );
@@ -13262,6 +13270,112 @@
       this.formData = {};
     }
   }
+  const chooseFile = (options) => {
+    const shouldBeObjectNative = (options2) => {
+      const isObject22 = options2 !== null && typeof options2 === "object" && !Array.isArray(options2);
+      if (!isObject22) {
+        return {
+          flag: false,
+          msg: "parameter should be Object"
+        };
+      }
+      return {
+        flag: true,
+        msg: ""
+      };
+    };
+    const isObject2 = shouldBeObjectNative(options);
+    if (!isObject2.flag) {
+      const res2 = { errMsg: `taroChooseFile:fail ${isObject2.msg}` };
+      console.error(res2.errMsg);
+      return Promise.reject(res2);
+    }
+    const {
+      count = 1,
+      success,
+      fail,
+      complete,
+      imageId = "taroChooseFile",
+      sourceType = ["album", "camera"]
+    } = options;
+    const res = {
+      tempFilePaths: [],
+      tempFiles: [],
+      errMsg: ""
+    };
+    const handleSuccess = (data = {}, resolve = Promise.resolve.bind(Promise)) => {
+      if (!data.errMsg) {
+        data.errMsg = "taroChooseFile:ok";
+      }
+      typeof success === "function" && success(data);
+      typeof complete === "function" && complete(data);
+      return resolve(data);
+    };
+    const handleFail = (data = {}, reject = Promise.reject.bind(Promise)) => {
+      if (!data.errMsg) {
+        data.errMsg = "taroChooseFile:fail";
+      } else {
+        data.errMsg = `taroChooseFile:fail ${data.errMsg}`;
+      }
+      console.error(data.errMsg);
+      typeof fail === "function" && fail(data);
+      typeof complete === "function" && complete(data);
+      return reject(data);
+    };
+    const sourceTypeString = sourceType && sourceType.toString();
+    const acceptableSourceType = ["user", "environment", "camera"];
+    if (count && typeof count !== "number") {
+      res.errMsg = `parameter error: count should be number, but got ${typeof count}`;
+      return handleFail(res);
+    }
+    const el = document.getElementById(imageId);
+    if (!el) {
+      res.errMsg = "taroChooseFile:fail element not found";
+      return handleFail(res);
+    }
+    if (count > 1) {
+      el.setAttribute("multiple", "multiple");
+    } else {
+      el.removeAttribute("multiple");
+    }
+    if (acceptableSourceType.indexOf(sourceTypeString) > -1) {
+      el.setAttribute("capture", sourceTypeString);
+    } else {
+      el.removeAttribute("capture");
+    }
+    return new Promise((resolve) => {
+      if (el) {
+        const evt = new MouseEvent("click", {
+          bubbles: true,
+          cancelable: true,
+          view: window
+        });
+        el.dispatchEvent(evt);
+        el.onchange = (e2) => {
+          const target = e2.target;
+          if (target) {
+            const files = target.files || [];
+            const arr = Array.from(files);
+            arr.forEach((item) => {
+              const blob = new Blob([item], {
+                type: item.type
+              });
+              const url = URL.createObjectURL(blob);
+              res.tempFilePaths.push(url);
+              res.tempFiles.push({
+                path: url,
+                size: item.size,
+                type: item.type,
+                originalFileObj: item
+              });
+            });
+            handleSuccess(res, resolve);
+            target.value = "";
+          }
+        };
+      }
+    });
+  };
   const defaultProps$I = {
     ...ComponentDefaults,
     percent: 0,
@@ -13573,6 +13687,7 @@
       beforeUpload,
       beforeXhrUpload,
       beforeDelete,
+      needChooseFile,
       ...restProps
     } = { ...defaultProps$H, ...props };
     const [fileList, setFileList] = usePropsValue({
@@ -13612,14 +13727,14 @@
       if (disabled) {
         return;
       }
-      if (Taro.getEnv() === "WEB") {
-        const el = document.getElementById("taroChooseImage");
+      if (Taro.getEnv() === "WEB" && needChooseFile) {
+        const el = document.getElementById("taroChooseFile");
         if (el) {
           el == null ? void 0 : el.setAttribute("accept", accept);
         } else {
           const obj = document.createElement("input");
           obj.setAttribute("type", "file");
-          obj.setAttribute("id", "taroChooseImage");
+          obj.setAttribute("id", "taroChooseFile");
           obj.setAttribute("accept", accept);
           obj.setAttribute(
             "style",
@@ -13627,8 +13742,17 @@
           );
           document.body.appendChild(obj);
         }
-      }
-      if (["WEAPP", "JD"].includes(Taro.getEnv()) && Taro.chooseMedia) {
+        chooseFile({
+          count: multiple ? maxCount * 1 - fileList.length : 1,
+          // 可以指定是原图还是压缩图，默认二者都有
+          sizeType,
+          sourceType,
+          success: onChangeImage,
+          fail: (res) => {
+            onFailure && onFailure(res);
+          }
+        });
+      } else if (["WEAPP", "JD", "WEB"].includes(Taro.getEnv()) && Taro.chooseMedia) {
         Taro.chooseMedia({
           count: multiple ? maxCount * 1 - fileList.length : 1,
           /** 文件类型 */

package/dist/types/packages/uploader/chooseFile.d.ts

@@ -0,0 +1,4 @@
+/**
+ * 从本地选择文件。
+ */
+export declare const chooseFile: (options: any) => any;

package/dist/types/packages/uploader/uploader.taro.d.ts

@@ -97,7 +97,11 @@ export interface UploaderProps extends BasicComponent {
     * @default file
     */
     name: string
-    accept: string;
+    /**
+    * H5 端 input 的 accept 属性，用于限制选择的文件类型（仅 H5 端生效）
+    * @default *
+    */
+    accept: string
     /**
     * 是否禁用文件上传
     * @default false
@@ -228,6 +232,11 @@ export interface UploaderProps extends BasicComponent {
     * @default -
     */
     onFileItemClick?: (file: FileItem, index: number) => void
+    /**
+    * 是否在 H5 端使用原生 input 选择文件（配合 accept 自定义文件类型，仅 H5 端生效）
+    * @default false
+    */
+    needChooseFile?: boolean
 }
 export declare const Uploader: React.ForwardRefExoticComponent<Partial<UploaderProps> & {
     children?: React.ReactNode | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui-react-taro",
-  "version": "2.7.15-beta.1",
+  "version": "2.7.16-beta.0",
   "style": "dist/style.css",
   "main": "dist/nutui.react.umd.js",
   "module": "dist/esm/nutui-react.es.js",