@nutui/nutui-react 2.6.11 → 2.6.12

package/CHANGELOG.md

@@ -1,3 +1,16 @@
+# v2.6.12
+`2024-07-05`
+
+
+* :sparkles: feat: add pagination whether to show pages in imagepreview (#2411) @xiaoyatong
+* :bug: fix(uploader): pre-upload pmage preview bug (#2416) @Alex-huxiyang
+* :bug: fix(taro-form-demo): 点击演示demo表单内的重置会触发提交表单事件bug修复 (#2415) @Skedush
+* :bug: fix(form): validator 中的 value 类型更新为 any (#2406) @oasis-cloud
+* :bug: fix(uploader): 京东小程序中可上传时可选择图片和视频 (#2410) @xueshufive
+* :bug: fix(avatarcropper): 报错 (#2364) @Alex-huxiyang
+* :bug: fix(form): setFields未触发校验 (#2400) @Alex-huxiyang
+
+
 # v2.6.11
 `2024-06-28`
 
@@ -65,12 +78,12 @@
 `2024-05-17`
 
 
-*🏡 chore(image): 官网taro的demo显示与h5不一致 (#2244) @Alex.huxiyang
+*🏡 chore(image): 官网taro的demo显示与h5不一致 (#2244) @Alex-huxiyang
 * :bug: fix(circleprogress): update demo (#2260) @Eiinu
 * :bug: fix: 移除 defaultProps(2) (#2254) @Eiinu
-* :bug: fix: 关于checkbox&tabs的doc与demo修改 (#2253) @Alex.huxiyang
-* :bug: fix(table): 修复部分由于场景下width未生效导致的一些问题 (#2241) @Alex.huxiyang
-* :bug: fix(menu): 选项文字很多时右侧箭头展示异常 (#2252) @Alex.huxiyang
+* :bug: fix: 关于checkbox&tabs的doc与demo修改 (#2253) @Alex-huxiyang
+* :bug: fix(table): 修复部分由于场景下width未生效导致的一些问题 (#2241) @Alex-huxiyang
+* :bug: fix(menu): 选项文字很多时右侧箭头展示异常 (#2252) @Alex-huxiyang
 * :bug: fix(input): 修复特殊场景下自动清除失效问题 (#2240) @Eiinu
 
 

package/dist/esm/ImagePreview.js

@@ -8,11 +8,11 @@ import Swiper__default from "./Swiper.js";
 import SwiperItem__default from "./SwiperItem.js";
 import { C as ComponentDefaults } from "./typings.js";
 import { u as usePropsValue } from "./use-props-value.js";
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { images: [], videos: [], visible: false, autoPlay: 3e3, defaultValue: 0, closeOnContentClick: false, indicator: false, indicatorColor: "#fff", closeIcon: false, closeIconPosition: "top-right", onChange: (value) => {
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { images: [], videos: [], visible: false, autoPlay: 3e3, defaultValue: 0, closeOnContentClick: false, pagination: true, indicator: false, indicatorColor: "#fff", closeIcon: false, closeIconPosition: "top-right", onChange: (value) => {
 }, onClose: () => {
 } });
 const ImagePreview = (props) => {
-  const { value, className, style, images, videos, visible, defaultValue, indicatorColor, indicator, autoPlay, closeOnContentClick, closeIcon, closeIconPosition, onClose, onChange } = Object.assign(Object.assign({}, defaultProps), props);
+  const { value, className, style, images, videos, visible, defaultValue, indicatorColor, pagination, indicator, autoPlay, closeOnContentClick, closeIcon, closeIconPosition, onClose, onChange } = Object.assign(Object.assign({}, defaultProps), props);
   const classPrefix = "nut-imagepreview";
   const ref = useRef(null);
   const [innerNo, setInnerNo] = usePropsValue({
@@ -156,13 +156,13 @@ const ImagePreview = (props) => {
         React__default.createElement(Image__default, { src: item.src, draggable: false })
       );
     }) : [])) : null),
-    React__default.createElement(
+    pagination ? React__default.createElement(
       "div",
       { className: `${classPrefix}-index` },
       active,
       "/",
       (images ? images.length : 0) + (videos ? videos.length : 0)
-    ),
+    ) : null,
     closeIcon !== false ? React__default.createElement("div", { className: `${classPrefix}-close ${closeIconPosition}`, onClick: onCloseInner }, closeIcon === true ? React__default.createElement(Close, null) : closeIcon) : null
   );
 };

package/dist/esm/Uploader.js

@@ -188,8 +188,7 @@ const InternalUploader = (props, ref) => {
       setUploadQueue(uploadQueue);
     } else {
       setUploadQueue([]);
-      fileList.splice(0, fileList.length);
-      setFileList([...fileList]);
+      setFileList([]);
     }
   };
   const clearInputValue = (el) => {
@@ -296,13 +295,11 @@ const InternalUploader = (props, ref) => {
         const reader = new FileReader();
         reader.onload = (event) => {
           fileItem.url = event.target.result;
-          fileList.push(fileItem);
-          setFileList([...fileList]);
+          setFileList([...fileList, fileItem]);
         };
         reader.readAsDataURL(file);
       } else {
-        fileList.push(fileItem);
-        setFileList([...fileList]);
+        setFileList([...fileList, fileItem]);
       }
     });
   };

package/dist/esm/formitem2.js

@@ -61,6 +61,7 @@ class FormStore {
           item.entity.onStoreChange("update");
         }
       });
+      this.validateFields();
     };
     this.setCallback = (callback) => {
       this.callbacks = Object.assign(Object.assign({}, this.callbacks), callback);

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.11 Fri Jun 28 2024 15:19:08 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.12 Fri Jul 05 2024 14:48:45 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 v2.6.11 Fri Jun 28 2024 15:19:08 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.12 Fri Jul 05 2024 14:48:45 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 v2.6.11 Fri Jun 28 2024 15:19:08 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.12 Fri Jul 05 2024 14:48:45 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 v2.6.11 Fri Jun 28 2024 15:19:08 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.12 Fri Jul 05 2024 14:48:45 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 v2.6.11 Fri Jun 28 2024 15:19:08 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.12 Fri Jul 05 2024 14:48:45 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 v2.6.11 Fri Jun 28 2024 15:19:08 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.12 Fri Jul 05 2024 14:48:45 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 v2.6.11 Fri Jun 28 2024 15:19:08 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.12 Fri Jul 05 2024 14:48:45 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 v2.6.11 Fri Jun 28 2024 15:18:39 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.12 Fri Jul 05 2024 14:48:13 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -13703,6 +13703,7 @@ class FormStore {
           item.entity.onStoreChange("update");
         }
       });
+      this.validateFields();
     };
     this.setCallback = (callback) => {
       this.callbacks = {
@@ -16695,8 +16696,7 @@ const InternalUploader = (props, ref) => {
       setUploadQueue(uploadQueue);
     } else {
       setUploadQueue([]);
-      fileList.splice(0, fileList.length);
-      setFileList([...fileList]);
+      setFileList([]);
     }
   };
   const clearInputValue = (el) => {
@@ -16809,13 +16809,11 @@ const InternalUploader = (props, ref) => {
         const reader = new FileReader();
         reader.onload = (event) => {
           fileItem.url = event.target.result;
-          fileList.push(fileItem);
-          setFileList([...fileList]);
+          setFileList([...fileList, fileItem]);
         };
         reader.readAsDataURL(file);
       } else {
-        fileList.push(fileItem);
-        setFileList([...fileList]);
+        setFileList([...fileList, fileItem]);
       }
     });
   };
@@ -20951,6 +20949,7 @@ const defaultProps$f = {
   autoPlay: 3e3,
   defaultValue: 0,
   closeOnContentClick: false,
+  pagination: true,
   indicator: false,
   indicatorColor: "#fff",
   closeIcon: false,
@@ -20970,6 +20969,7 @@ const ImagePreview = (props) => {
     visible,
     defaultValue,
     indicatorColor,
+    pagination,
     indicator,
     autoPlay,
     closeOnContentClick,
@@ -21158,7 +21158,7 @@ const ImagePreview = (props) => {
         )
       ) : null
     ),
-    /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-index` }, active, "/", (images ? images.length : 0) + (videos ? videos.length : 0)),
+    pagination ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-index` }, active, "/", (images ? images.length : 0) + (videos ? videos.length : 0)) : null,
     closeIcon !== false ? /* @__PURE__ */ React__default.createElement(
       "div",
       {

package/dist/nutui.react.umd.js

@@ -2,7 +2,7 @@
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react"), require("react-dom")) : typeof define === "function" && define.amd ? define(["exports", "react", "react-dom"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2.nutui = {}, global2.React, global2.ReactDOM));
 })(this, function(exports2, React, ReactDOM) {
   "use strict";/*!
-* @nutui/nutui-react v2.6.11 Fri Jun 28 2024 15:18:39 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.12 Fri Jul 05 2024 14:48:13 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -13721,6 +13721,7 @@
             item.entity.onStoreChange("update");
           }
         });
+        this.validateFields();
       };
       this.setCallback = (callback) => {
         this.callbacks = {
@@ -16713,8 +16714,7 @@
         setUploadQueue(uploadQueue);
       } else {
         setUploadQueue([]);
-        fileList.splice(0, fileList.length);
-        setFileList([...fileList]);
+        setFileList([]);
       }
     };
     const clearInputValue = (el) => {
@@ -16827,13 +16827,11 @@
           const reader = new FileReader();
           reader.onload = (event) => {
             fileItem.url = event.target.result;
-            fileList.push(fileItem);
-            setFileList([...fileList]);
+            setFileList([...fileList, fileItem]);
           };
           reader.readAsDataURL(file);
         } else {
-          fileList.push(fileItem);
-          setFileList([...fileList]);
+          setFileList([...fileList, fileItem]);
         }
       });
     };
@@ -20969,6 +20967,7 @@
     autoPlay: 3e3,
     defaultValue: 0,
     closeOnContentClick: false,
+    pagination: true,
     indicator: false,
     indicatorColor: "#fff",
     closeIcon: false,
@@ -20988,6 +20987,7 @@
       visible,
       defaultValue,
       indicatorColor,
+      pagination,
       indicator,
       autoPlay,
       closeOnContentClick,
@@ -21176,7 +21176,7 @@
           )
         ) : null
       ),
-      /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-index` }, active, "/", (images ? images.length : 0) + (videos ? videos.length : 0)),
+      pagination ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-index` }, active, "/", (images ? images.length : 0) + (videos ? videos.length : 0)) : null,
       closeIcon !== false ? /* @__PURE__ */ React.createElement(
         "div",
         {

package/dist/types/packages/form/usewatch.d.ts

@@ -0,0 +1,2 @@
+import { FormInstance, NamePath } from './types';
+export declare function useWatch(namePath: NamePath, form: FormInstance): undefined;

package/dist/types/packages/formitem/types.d.ts

@@ -6,7 +6,7 @@ export interface FormItemRuleWithoutValidator {
     message?: string;
 }
 export interface FormItemRule extends FormItemRuleWithoutValidator {
-    validator?: (ruleCfg: FormItemRuleWithoutValidator, value: string) => boolean | string | Promise<boolean | string>;
+    validator?: (ruleCfg: FormItemRuleWithoutValidator, value: any) => boolean | string | Promise<boolean | string>;
 }
 export interface BaseFormField {
     /**

package/dist/types/packages/imagepreview/imagepreview.d.ts

@@ -49,6 +49,11 @@ export interface ImagePreviewProps extends BasicComponent {
     */
     closeOnContentClick: boolean
     /**
+    * 分页是否展示
+    * @default true
+    */
+    pagination: boolean
+    /**
     * 分页指示器是否展示
     * @default false
     */

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

@@ -20,6 +20,7 @@ export interface ImagePreviewProps extends BasicComponent {
     value?: number;
     defaultValue: number;
     closeOnContentClick: boolean;
+    pagination: boolean;
     indicator: boolean;
     indicatorColor: string;
     closeIcon: boolean | ReactNode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui-react",
-  "version": "2.6.11",
+  "version": "2.6.12",
   "style": "dist/style.css",
   "main": "dist/nutui.react.umd.js",
   "module": "dist/esm/nutui-react.es.js",