@nutui/nutui-react 2.6.15 → 2.6.17

package/CHANGELOG.md

@@ -1,20 +1,51 @@
-# v2.6.15
-`2024-07-26`
+# v2.6.17
+`2024-08-30`
+
+
+* 🏡 chore(form): form demo (#2528)
+* 📖 docs(readme): fix pnpm run dev weapp jd dir (#2514)
+* :sparkles: feat(cell): add clickable prop to support click style feedback (#2527)
+* :sparkles: feat(image-preview): 增加索引字段，用于预览内容排序 (#2519)
+* :bug: fix(tabs.taro.tsx): 解决在不需要滚动的时候，切换tab产生tab位置错乱的问题  (#2554)
+* :bug: fix(uploader): beforeUpload should trigger every time before uploading (#2553)
+* :bug: fix(PullToRefresh): 修复PullToRefresh组件disabled属性在taro中无效的问题 (#2538)
+* :bug: fix(uploader): ios 下无法回显的问题修复 (#2550)
+* :bug: fix(uploader): sizeType prop didnot work when weapp || jd (#2526)
+
+
+# v2.6.16
+
+`2024-08-03`
+
+- 📖 docs(card): correct doc (#2504) @Alex-huxiyang
+- :sparkles: feat(menu): menu-item 组件增加标题icon自定义方式 (#2488) @zhangming
+- :sparkles: feat(form): Form.Item 增加 align 属性 (#2492) @zhangming
+- :bug: fix(inputNumber): correct onChange, onOverlimit event triggering timing when async & sync (#2509) @Alex-huxiyang
+- :bug: fix(uploader): xhrBeforeUpload判断错误 (#2507) @Alex-huxiyang
+- :bug: fix(swiper): correct onChange ts type (#2493) @Alex-huxiyang
+- 🪵 refactor(numberkeyboard): optimize code & correct defaultProps (#2508) @Alex-huxiyang
+- 🏡 chore(cell): unify ts type & docs (#2496) @Alex-huxiyang
+- 🏡 chore(deps): update vitest monorepo to v2 (major) (#2439) @renovate[bot]
+- 🏡 chore(deps): update dependency glob to v11 (#2438) @renovate[bot]
+- 🏡 chore(deps): update dependency inquirer to v10 (#2420) @renovate[bot]
+- 🏡 chore(deps): update dependency marked to v13 (#2358) @renovate[bot]
 
+# v2.6.15
 
-* 🏡 chore: run md-table-format when git commit changes (#2484) @Alex-huxiyang
-* :sparkles: feat(menu): allow custom classnames for Menu and dynamic titles (#2480) @Alex-huxiyang
-* :sparkles: feat(watermark): support multi-line text (#2477) @xiaoyatong
-* :bug: fix: move defaultprops (#2482) @xiaoyatong
-* :bug: fix: snapshot update (#2481) @Alex-huxiyang
-* :bug: fix(uploader): image 居中展示 (#2475) @xiaoyatong
-* :bug: fix(infiniteLoading): rest 导致事件无法触发 (#2474) @oasis-cloud
-* :bug: fix: sticky 构建时类型错误 @oasis-cloud
-* :bug: fix(uploader): images should display when they've been successfully uploaded  (#2448) @Alex-huxiyang
-* :bug: fix: 修复日历进行快捷选择日期时 点击确认获取的是上一次的日期 (#2436) @yangqianlu
-* 🪵 refactor: table (#2473) @zanyuki-jd
-* 🪵 refactor: sticky (#2468) @oasis-cloud
+`2024-07-26`
 
+- 🏡 chore: run md-table-format when git commit changes (#2484) @Alex-huxiyang
+- :sparkles: feat(menu): allow custom classnames for Menu and dynamic titles (#2480) @Alex-huxiyang
+- :sparkles: feat(watermark): support multi-line text (#2477) @xiaoyatong
+- :bug: fix: move defaultprops (#2482) @xiaoyatong
+- :bug: fix: snapshot update (#2481) @Alex-huxiyang
+- :bug: fix(uploader): image 居中展示 (#2475) @xiaoyatong
+- :bug: fix(infiniteLoading): rest 导致事件无法触发 (#2474) @oasis-cloud
+- :bug: fix: sticky 构建时类型错误 @oasis-cloud
+- :bug: fix(uploader): images should display when they've been successfully uploaded (#2448) @Alex-huxiyang
+- :bug: fix: 修复日历进行快捷选择日期时 点击确认获取的是上一次的日期 (#2436) @yangqianlu
+- 🪵 refactor: table (#2473) @zanyuki-jd
+- 🪵 refactor: sticky (#2468) @oasis-cloud
 
 # v2.6.14
 

package/README.md

@@ -84,11 +84,11 @@ cd nutui-react
 pnpm install
 
 # Start development
-# dir：src/sites/mobile-taro/dist/weapp
+# dir：packages/nutui-taro-demo/dist/weapp
 pnpm run dev:taro:weapp
 
 # OR run as jd mini-program
-# dir：src/sites/mobile-taro/dist/jd
+# dir：packages/nutui-taro-demo/dist/jd
 pnpm run dev:taro:jd
 ```
 

package/dist/esm/Cell/style/style.css

@@ -1 +1 @@
-.nut-cell-group{display:block}.nut-cell-group-title{display:inherit;padding:var(--nutui-cell-group-title-padding, 0 10px);color:var(--nutui-cell-group-title-color, var(--nutui-gray-7, #1a1a1a));font-size:var(--nutui-cell-group-title-font-size, var(--nutui-font-size-3, 14px));line-height:var(--nutui-cell-group-title-line-height, 20px);margin-top:30px;margin-bottom:10px}.nut-cell-group-description{display:inherit;padding:var(--nutui-cell-group-description-padding, 0 10px);color:var(--nutui-cell-group-description-color, var(--nutui-gray-6, #595959));font-size:var(--nutui-cell-group-description-font-size, var(--nutui-font-size-2, 12px));line-height:var(--nutui-cell-group-description-line-height, 16px);margin-top:10px;margin-bottom:10px}.nut-cell-group-wrap{display:inherit;border-radius:var(--nutui-cell-border-radius, 6px);overflow:hidden;background-color:var(--nutui-cell-group-background-color, var(--nutui-gray-1, #ffffff));margin:var(--nutui-cell-group-wrap-margin, 10px 0)}.nut-cell-group-wrap .nut-cell{margin:0;box-shadow:none;border-radius:0}.nut-cell-group-wrap-divider .nut-cell-divider{position:absolute;box-sizing:border-box;pointer-events:none;right:var(--nutui-cell-divider-right, 16px);bottom:0;left:var(--nutui-cell-divider-left, 16px);transform:scaleY(.5);border-top:var(--nutui-cell-divider-border-bottom, 2px solid var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-cell-group-wrap-divider .nut-cell:last-child .nut-cell-divider{border-top:0!important}[dir=rtl] .nut-cell-group-wrap-divider .nut-cell-divider,.nut-rtl .nut-cell-group-wrap-divider .nut-cell-divider{left:var(--nutui-cell-divider-right, 16px);right:var(--nutui-cell-divider-left, 16px)}.nut-cell{position:relative;display:flex;width:100%;line-height:var(--nutui-cell-line-height, 20px);padding:var(--nutui-cell-padding, 13px 16px);background-color:var(--nutui-cell-background-color, var(--nutui-gray-1, #ffffff));border-radius:var(--nutui-cell-border-radius, 6px);box-shadow:var(--nutui-cell-box-shadow, 0px 1px 7px 0px rgb(237, 238, 241));font-size:var(--nutui-cell-title-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-cell-title-color, var(--nutui-gray-7, #1a1a1a));margin:10px 0;box-sizing:border-box}.nut-cell-left{display:flex;flex-direction:column;flex:1}.nut-cell-description{font-size:var(--nutui-cell-description-font-size, var(--nutui-font-size-2, 12px));color:var(--nutui-cell-description-color, var(--nutui-gray-6, #595959))}.nut-cell-extra{display:inline-flex;justify-content:flex-end;align-items:center;flex:1;min-width:0;word-break:break-all;font-size:var(--nutui-cell-extra-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-cell-extra-color, var(--nutui-gray-6, #595959))}
+.nut-cell-group{display:block}.nut-cell-group-title{display:inherit;padding:var(--nutui-cell-group-title-padding, 0 10px);color:var(--nutui-cell-group-title-color, var(--nutui-gray-7, #1a1a1a));font-size:var(--nutui-cell-group-title-font-size, var(--nutui-font-size-3, 14px));line-height:var(--nutui-cell-group-title-line-height, 20px);margin-top:30px;margin-bottom:10px}.nut-cell-group-description{display:inherit;padding:var(--nutui-cell-group-description-padding, 0 10px);color:var(--nutui-cell-group-description-color, var(--nutui-gray-6, #595959));font-size:var(--nutui-cell-group-description-font-size, var(--nutui-font-size-2, 12px));line-height:var(--nutui-cell-group-description-line-height, 16px);margin-top:10px;margin-bottom:10px}.nut-cell-group-wrap{display:inherit;border-radius:var(--nutui-cell-border-radius, 6px);overflow:hidden;background-color:var(--nutui-cell-group-background-color, var(--nutui-gray-1, #ffffff));margin:var(--nutui-cell-group-wrap-margin, 10px 0)}.nut-cell-group-wrap .nut-cell{margin:0;box-shadow:none;border-radius:0}.nut-cell-group-wrap-divider .nut-cell-divider{position:absolute;box-sizing:border-box;pointer-events:none;right:var(--nutui-cell-divider-right, 16px);bottom:0;left:var(--nutui-cell-divider-left, 16px);transform:scaleY(.5);border-top:var(--nutui-cell-divider-border-bottom, 2px solid var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-cell-group-wrap-divider .nut-cell:last-child .nut-cell-divider{border-top:0!important}[dir=rtl] .nut-cell-group-wrap-divider .nut-cell-divider,.nut-rtl .nut-cell-group-wrap-divider .nut-cell-divider{left:var(--nutui-cell-divider-right, 16px);right:var(--nutui-cell-divider-left, 16px)}.nut-cell{position:relative;display:flex;width:100%;line-height:var(--nutui-cell-line-height, 20px);padding:var(--nutui-cell-padding, 13px 16px);background-color:var(--nutui-cell-background-color, var(--nutui-gray-1, #ffffff));border-radius:var(--nutui-cell-border-radius, 6px);box-shadow:var(--nutui-cell-box-shadow, 0px 1px 7px 0px rgb(237, 238, 241));font-size:var(--nutui-cell-title-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-cell-title-color, var(--nutui-gray-7, #1a1a1a));margin:10px 0;box-sizing:border-box}.nut-cell-left{display:flex;flex-direction:column;flex:1}.nut-cell-description{font-size:var(--nutui-cell-description-font-size, var(--nutui-font-size-2, 12px));color:var(--nutui-cell-description-color, var(--nutui-gray-6, #595959))}.nut-cell-extra{display:inline-flex;justify-content:flex-end;align-items:center;flex:1;min-width:0;word-break:break-all;font-size:var(--nutui-cell-extra-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-cell-extra-color, var(--nutui-gray-6, #595959))}.nut-cell:active:before{opacity:.1}.nut-cell-clickable{cursor:pointer}.nut-cell-clickable:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--nutui-gray-7, #1a1a1a);border:inherit;border-color:var(--nutui-gray-7, #1a1a1a);border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}

package/dist/esm/Cell.js

@@ -4,12 +4,12 @@ import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings.js";
 import CellGroup__default from "./CellGroup.js";
 import { C as CellGroupContext } from "./context.js";
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { title: null, description: null, extra: null, radius: "6px", align: "flex-start", onClick: (event) => {
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { title: null, description: null, extra: null, radius: "6px", align: "flex-start", clickable: false, onClick: (event) => {
 } });
 const classPrefix = "nut-cell";
 const Cell = (props) => {
   const ctx = useContext(CellGroupContext);
-  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, onClick, title, description, extra, radius, align, className, style } = _a, rest = __rest(_a, ["children", "onClick", "title", "description", "extra", "radius", "align", "className", "style"]);
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, clickable, onClick, title, description, extra, radius, align, className, style } = _a, rest = __rest(_a, ["children", "clickable", "onClick", "title", "description", "extra", "radius", "align", "className", "style"]);
   const handleClick = (event) => {
     onClick(event);
   };
@@ -19,7 +19,7 @@ const Cell = (props) => {
   };
   return React__default.createElement(
     "div",
-    Object.assign({ className: classNames(classPrefix, className), onClick: (event) => handleClick(event), style: baseStyle }, rest),
+    Object.assign({ className: `${classNames(classPrefix, className, clickable ? `${classPrefix}-clickable` : "")}`, onClick: (event) => handleClick(event), style: baseStyle }, rest),
     children || React__default.createElement(
       React__default.Fragment,
       null,

package/dist/esm/Form/style/style.css

@@ -1 +1 @@
-.nut-cell-group{display:block}.nut-cell-group-title{display:inherit;padding:var(--nutui-cell-group-title-padding, 0 10px);color:var(--nutui-cell-group-title-color, var(--nutui-gray-7, #1a1a1a));font-size:var(--nutui-cell-group-title-font-size, var(--nutui-font-size-3, 14px));line-height:var(--nutui-cell-group-title-line-height, 20px);margin-top:30px;margin-bottom:10px}.nut-cell-group-description{display:inherit;padding:var(--nutui-cell-group-description-padding, 0 10px);color:var(--nutui-cell-group-description-color, var(--nutui-gray-6, #595959));font-size:var(--nutui-cell-group-description-font-size, var(--nutui-font-size-2, 12px));line-height:var(--nutui-cell-group-description-line-height, 16px);margin-top:10px;margin-bottom:10px}.nut-cell-group-wrap{display:inherit;border-radius:var(--nutui-cell-border-radius, 6px);overflow:hidden;background-color:var(--nutui-cell-group-background-color, var(--nutui-gray-1, #ffffff));margin:var(--nutui-cell-group-wrap-margin, 10px 0)}.nut-cell-group-wrap .nut-cell{margin:0;box-shadow:none;border-radius:0}.nut-cell-group-wrap-divider .nut-cell-divider{position:absolute;box-sizing:border-box;pointer-events:none;right:var(--nutui-cell-divider-right, 16px);bottom:0;left:var(--nutui-cell-divider-left, 16px);transform:scaleY(.5);border-top:var(--nutui-cell-divider-border-bottom, 2px solid var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-cell-group-wrap-divider .nut-cell:last-child .nut-cell-divider{border-top:0!important}[dir=rtl] .nut-cell-group-wrap-divider .nut-cell-divider,.nut-rtl .nut-cell-group-wrap-divider .nut-cell-divider{left:var(--nutui-cell-divider-right, 16px);right:var(--nutui-cell-divider-left, 16px)}.nut-cell{position:relative;display:flex;width:100%;line-height:var(--nutui-cell-line-height, 20px);padding:var(--nutui-cell-padding, 13px 16px);background-color:var(--nutui-cell-background-color, var(--nutui-gray-1, #ffffff));border-radius:var(--nutui-cell-border-radius, 6px);box-shadow:var(--nutui-cell-box-shadow, 0px 1px 7px 0px rgb(237, 238, 241));font-size:var(--nutui-cell-title-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-cell-title-color, var(--nutui-gray-7, #1a1a1a));margin:10px 0;box-sizing:border-box}.nut-cell-left{display:flex;flex-direction:column;flex:1}.nut-cell-description{font-size:var(--nutui-cell-description-font-size, var(--nutui-font-size-2, 12px));color:var(--nutui-cell-description-color, var(--nutui-gray-6, #595959))}.nut-cell-extra{display:inline-flex;justify-content:flex-end;align-items:center;flex:1;min-width:0;word-break:break-all;font-size:var(--nutui-cell-extra-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-cell-extra-color, var(--nutui-gray-6, #595959))}.nut-form-item{display:flex}.nut-form-item.error.line:before{border-bottom:1px solid var(--nutui-form-item-error-line-color, var(--nutui-color-primary, #fa2c19));transform:scaleX(1);transition:transform .2s cubic-bezier(0,0,.2,1) 0ms}.nut-form-item-label{font-size:var(--nutui-form-item-label-font-size, var(--nutui-font-size-3, 14px));font-weight:400;width:var(--nutui-form-item-label-width, 90px);margin-right:var(--nutui-form-item-label-margin-right, 10px);flex:none!important;display:inline-block!important;word-wrap:break-word;text-align:var(--nutui-form-item-label-text-align, left)}.nut-form-item-label .required:before{content:"*";color:var(--nutui-form-item-required-color, var(--nutui-color-primary, #fa2c19));margin-right:var(--nutui-form-item-required-margin-right, 4px)}.nut-form-item-body{flex:1;display:flex!important;flex-direction:column}.nut-form-item-body-slots{text-align:var(--nutui-form-item-body-slots-text-align, left)}.nut-form-item-body-slots .nut-input{padding:0;border:0}.nut-form-item-body-slots .nut-input-text{font-size:var(--nutui-form-item-body-font-size, var(--nutui-font-size-3, 14px));text-align:var(--nutui-form-item-body-input-text-align, left);color:var(--nutui-gray-7, #1a1a1a);width:100%;outline:0 none;border:0;text-decoration:none;background:transparent}.nut-form-item-body-slots .nut-range-container{min-height:24px}.nut-form-item-body-slots .nut-textarea{padding:0!important}.nut-form-item-body-slots .nut-textarea .nut-textarea-textarea{font:inherit;text-align:var(--nutui-form-item-body-input-text-align, left)}.nut-form-item-body-tips{text-align:var(--nutui-form-item-tip-text-align, left);font-size:var(--nutui-form-item-tip-font-size, var(--nutui-font-size-1, 10px));color:var(--nutui-form-item-error-message-color, var(--nutui-color-primary, #fa2c19))}[dir=rtl] .nut-form-item-label,.nut-rtl .nut-form-item-label{text-align:right;margin-right:0;margin-left:var(--nutui-form-item-label-margin-right, 10px)}[dir=rtl] .nut-form-item-label .required:before,.nut-rtl .nut-form-item-label .required:before{margin-right:0;margin-left:var(--nutui-form-item-required-margin-right, 4px)}[dir=rtl] .nut-form-item-body-slots,.nut-rtl .nut-form-item-body-slots{text-align:right}[dir=rtl] .nut-form-item-body-slots .nut-icon-ArrowRight,[dir=rtl] .nut-form-item-body-slots .nut-icon-ArrowLeft,.nut-rtl .nut-form-item-body-slots .nut-icon-ArrowRight,.nut-rtl .nut-form-item-body-slots .nut-icon-ArrowLeft{transform:rotateY(180deg)}[dir=rtl] .nut-form-item-body-slots .nut-input-text,.nut-rtl .nut-form-item-body-slots .nut-input-text,[dir=rtl] .nut-form-item-body-slots .nut-textarea-textarea,.nut-rtl .nut-form-item-body-slots .nut-textarea-textarea,[dir=rtl] .nut-form-item-tips,.nut-rtl .nut-form-item-tips{text-align:right}.form-layout-right .nut-form-item-label{text-align:right;padding-right:24px;white-space:nowrap}.form-layout-left .nut-form-item-label{position:relative;text-align:left;padding-left:12px;white-space:nowrap}.form-layout-left .nut-form-item-label .required{display:block;line-height:1.5;position:absolute;left:.1em}.form-layout-top .nut-form-item{flex-direction:column;align-items:flex-start;white-space:nowrap}.form-layout-top .nut-form-item-label{padding-bottom:4px;display:block;padding-right:24px}.form-layout-top .nut-form-item-body{margin-left:0;width:100%}[dir=rtl] .form-layout-right .nut-form-item-label,.nut-rtl .form-layout-right .nut-form-item-label{text-align:left;padding-right:0;padding-left:24px}[dir=rtl] .form-layout-left .nut-form-item-label,.nut-rtl .form-layout-left .nut-form-item-label{text-align:right;padding-left:0;padding-right:12px}[dir=rtl] .form-layout-left .nut-form-item-label .required,.nut-rtl .form-layout-left .nut-form-item-label .required{left:auto;right:.1em}[dir=rtl] .form-layout-top .nut-form-item-label,.nut-rtl .form-layout-top .nut-form-item-label{padding-right:0;padding-left:24px}[dir=rtl] .form-layout-top .nut-form-item-body,.nut-rtl .form-layout-top .nut-form-item-body{margin-left:0;margin-right:0}
+.nut-cell-group{display:block}.nut-cell-group-title{display:inherit;padding:var(--nutui-cell-group-title-padding, 0 10px);color:var(--nutui-cell-group-title-color, var(--nutui-gray-7, #1a1a1a));font-size:var(--nutui-cell-group-title-font-size, var(--nutui-font-size-3, 14px));line-height:var(--nutui-cell-group-title-line-height, 20px);margin-top:30px;margin-bottom:10px}.nut-cell-group-description{display:inherit;padding:var(--nutui-cell-group-description-padding, 0 10px);color:var(--nutui-cell-group-description-color, var(--nutui-gray-6, #595959));font-size:var(--nutui-cell-group-description-font-size, var(--nutui-font-size-2, 12px));line-height:var(--nutui-cell-group-description-line-height, 16px);margin-top:10px;margin-bottom:10px}.nut-cell-group-wrap{display:inherit;border-radius:var(--nutui-cell-border-radius, 6px);overflow:hidden;background-color:var(--nutui-cell-group-background-color, var(--nutui-gray-1, #ffffff));margin:var(--nutui-cell-group-wrap-margin, 10px 0)}.nut-cell-group-wrap .nut-cell{margin:0;box-shadow:none;border-radius:0}.nut-cell-group-wrap-divider .nut-cell-divider{position:absolute;box-sizing:border-box;pointer-events:none;right:var(--nutui-cell-divider-right, 16px);bottom:0;left:var(--nutui-cell-divider-left, 16px);transform:scaleY(.5);border-top:var(--nutui-cell-divider-border-bottom, 2px solid var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-cell-group-wrap-divider .nut-cell:last-child .nut-cell-divider{border-top:0!important}[dir=rtl] .nut-cell-group-wrap-divider .nut-cell-divider,.nut-rtl .nut-cell-group-wrap-divider .nut-cell-divider{left:var(--nutui-cell-divider-right, 16px);right:var(--nutui-cell-divider-left, 16px)}.nut-cell{position:relative;display:flex;width:100%;line-height:var(--nutui-cell-line-height, 20px);padding:var(--nutui-cell-padding, 13px 16px);background-color:var(--nutui-cell-background-color, var(--nutui-gray-1, #ffffff));border-radius:var(--nutui-cell-border-radius, 6px);box-shadow:var(--nutui-cell-box-shadow, 0px 1px 7px 0px rgb(237, 238, 241));font-size:var(--nutui-cell-title-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-cell-title-color, var(--nutui-gray-7, #1a1a1a));margin:10px 0;box-sizing:border-box}.nut-cell-left{display:flex;flex-direction:column;flex:1}.nut-cell-description{font-size:var(--nutui-cell-description-font-size, var(--nutui-font-size-2, 12px));color:var(--nutui-cell-description-color, var(--nutui-gray-6, #595959))}.nut-cell-extra{display:inline-flex;justify-content:flex-end;align-items:center;flex:1;min-width:0;word-break:break-all;font-size:var(--nutui-cell-extra-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-cell-extra-color, var(--nutui-gray-6, #595959))}.nut-cell:active:before{opacity:.1}.nut-cell-clickable{cursor:pointer}.nut-cell-clickable:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--nutui-gray-7, #1a1a1a);border:inherit;border-color:var(--nutui-gray-7, #1a1a1a);border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}.nut-form-item{display:flex}.nut-form-item.error.line:before{border-bottom:1px solid var(--nutui-form-item-error-line-color, var(--nutui-color-primary, #fa2c19));transform:scaleX(1);transition:transform .2s cubic-bezier(0,0,.2,1) 0ms}.nut-form-item-label{font-size:var(--nutui-form-item-label-font-size, var(--nutui-font-size-3, 14px));font-weight:400;width:var(--nutui-form-item-label-width, 90px);margin-right:var(--nutui-form-item-label-margin-right, 10px);flex:none!important;display:inline-block!important;word-wrap:break-word;text-align:var(--nutui-form-item-label-text-align, left)}.nut-form-item-label .required:before{content:"*";color:var(--nutui-form-item-required-color, var(--nutui-color-primary, #fa2c19));margin-right:var(--nutui-form-item-required-margin-right, 4px)}.nut-form-item-body{flex:1;display:flex!important;flex-direction:column}.nut-form-item-body-slots{text-align:var(--nutui-form-item-body-slots-text-align, left)}.nut-form-item-body-slots .nut-input{padding:0;border:0}.nut-form-item-body-slots .nut-input-text{font-size:var(--nutui-form-item-body-font-size, var(--nutui-font-size-3, 14px));text-align:var(--nutui-form-item-body-input-text-align, left);color:var(--nutui-gray-7, #1a1a1a);width:100%;outline:0 none;border:0;text-decoration:none;background:transparent}.nut-form-item-body-slots .nut-range-container{min-height:24px}.nut-form-item-body-slots .nut-textarea{padding:0!important}.nut-form-item-body-slots .nut-textarea .nut-textarea-textarea{font:inherit;text-align:var(--nutui-form-item-body-input-text-align, left)}.nut-form-item-body-tips{text-align:var(--nutui-form-item-tip-text-align, left);font-size:var(--nutui-form-item-tip-font-size, var(--nutui-font-size-1, 10px));color:var(--nutui-form-item-error-message-color, var(--nutui-color-primary, #fa2c19))}[dir=rtl] .nut-form-item-label,.nut-rtl .nut-form-item-label{text-align:right;margin-right:0;margin-left:var(--nutui-form-item-label-margin-right, 10px)}[dir=rtl] .nut-form-item-label .required:before,.nut-rtl .nut-form-item-label .required:before{margin-right:0;margin-left:var(--nutui-form-item-required-margin-right, 4px)}[dir=rtl] .nut-form-item-body-slots,.nut-rtl .nut-form-item-body-slots{text-align:right}[dir=rtl] .nut-form-item-body-slots .nut-icon-ArrowRight,[dir=rtl] .nut-form-item-body-slots .nut-icon-ArrowLeft,.nut-rtl .nut-form-item-body-slots .nut-icon-ArrowRight,.nut-rtl .nut-form-item-body-slots .nut-icon-ArrowLeft{transform:rotateY(180deg)}[dir=rtl] .nut-form-item-body-slots .nut-input-text,.nut-rtl .nut-form-item-body-slots .nut-input-text,[dir=rtl] .nut-form-item-body-slots .nut-textarea-textarea,.nut-rtl .nut-form-item-body-slots .nut-textarea-textarea,[dir=rtl] .nut-form-item-tips,.nut-rtl .nut-form-item-tips{text-align:right}.form-layout-right .nut-form-item-label{text-align:right;padding-right:24px;white-space:nowrap}.form-layout-left .nut-form-item-label{position:relative;text-align:left;padding-left:12px;white-space:nowrap}.form-layout-left .nut-form-item-label .required{display:block;line-height:1.5;position:absolute;left:.1em}.form-layout-top .nut-form-item{flex-direction:column;align-items:flex-start;white-space:nowrap}.form-layout-top .nut-form-item-label{padding-bottom:4px;display:block;padding-right:24px}.form-layout-top .nut-form-item-body{margin-left:0;width:100%}[dir=rtl] .form-layout-right .nut-form-item-label,.nut-rtl .form-layout-right .nut-form-item-label{text-align:left;padding-right:0;padding-left:24px}[dir=rtl] .form-layout-left .nut-form-item-label,.nut-rtl .form-layout-left .nut-form-item-label{text-align:right;padding-left:0;padding-right:12px}[dir=rtl] .form-layout-left .nut-form-item-label .required,.nut-rtl .form-layout-left .nut-form-item-label .required{left:auto;right:.1em}[dir=rtl] .form-layout-top .nut-form-item-label,.nut-rtl .form-layout-top .nut-form-item-label{padding-right:0;padding-left:24px}[dir=rtl] .form-layout-top .nut-form-item-body,.nut-rtl .form-layout-top .nut-form-item-body{margin-left:0;margin-right:0}

package/dist/esm/ImagePreview.js

@@ -143,19 +143,28 @@ const ImagePreview = (props) => {
     { visible: showPop, className: `${classPrefix}-pop`, style: { width: "100%" }, onClick: onCloseInner },
     React__default.createElement("div", { className: classNames(classPrefix, className), style, ref, onTouchStart }, showPop ? React__default.createElement(Swiper__default, { autoPlay: !!duration, duration, className: `${classPrefix}-swiper`, loop: true, style: {
       "--nutui-indicator-color": indicatorColor
-    }, direction: "horizontal", onChange: (page) => slideChangeEnd(page), defaultValue: innerNo && (innerNo > maxNo ? maxNo - 1 : innerNo - 1), indicator }, (videos && videos.length > 0 ? videos.map((item, index) => {
-      return React__default.createElement(
-        SwiperItem__default,
-        { key: index },
-        React__default.createElement(Video__default, { source: item.source, options: item.options, onClick: closeOnImg })
-      );
-    }) : []).concat(images && images.length > 0 ? images.map((item, index) => {
-      return React__default.createElement(
-        SwiperItem__default,
-        { key: index },
-        React__default.createElement(Image__default, { src: item.src, draggable: false, onClick: closeOnImg })
-      );
-    }) : [])) : null),
+    }, direction: "horizontal", onChange: (page) => slideChangeEnd(page), defaultValue: innerNo && (innerNo > maxNo ? maxNo - 1 : innerNo - 1), indicator }, (videos !== null && videos !== void 0 ? videos : []).map((item) => ({ type: "video", data: item })).concat((images !== null && images !== void 0 ? images : []).map((item) => ({ type: "image", data: item }))).sort((a, b) => {
+      var _a, _b, _c, _d;
+      return ((_b = (_a = a.data) === null || _a === void 0 ? void 0 : _a.index) !== null && _b !== void 0 ? _b : 0) - ((_d = (_c = b.data) === null || _c === void 0 ? void 0 : _c.index) !== null && _d !== void 0 ? _d : 0);
+    }).map((item, index) => {
+      if (item.type === "video") {
+        const { source, options } = item.data;
+        return React__default.createElement(
+          SwiperItem__default,
+          { key: index },
+          React__default.createElement(Video__default, { source, options, onClick: closeOnImg })
+        );
+      }
+      if (item.type === "image") {
+        const { src } = item.data;
+        return React__default.createElement(
+          SwiperItem__default,
+          { key: index },
+          React__default.createElement(Image__default, { src, draggable: false, onClick: closeOnImg })
+        );
+      }
+      return null;
+    })) : null),
     pagination ? React__default.createElement(
       "div",
       { className: `${classPrefix}-index` },

package/dist/esm/InputNumber.js

@@ -98,6 +98,18 @@ const InputNumber = (props) => {
       return null;
     return text;
   };
+  const clampValue = (valueStr) => {
+    if (valueStr === null)
+      return defaultValue;
+    const val = Number(parseFloat(valueStr || "0").toFixed(digits));
+    return Math.max(Number(min), Math.min(Number(max), val));
+  };
+  const handleValueChange = (valueStr, e) => {
+    const val = clampValue(valueStr);
+    if (val !== Number(shadowValue)) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(val, e);
+    }
+  };
   const handleInputChange = (e) => {
     setInputValue(e.target.value);
     const valueStr = parseValue(e.target.value);
@@ -108,24 +120,29 @@ const InputNumber = (props) => {
         setShadowValue(defaultValue);
       }
     } else {
-      setShadowValue(valueStr);
-    }
-    if (!async) {
-      onChange === null || onChange === void 0 ? void 0 : onChange(parseFloat(valueStr || "0").toFixed(digits), e);
+      setShadowValue(clampValue(valueStr));
     }
+    !async && handleValueChange(valueStr, e);
   };
   const handleFocus = (e) => {
     setFocused(true);
     setInputValue(shadowValue !== void 0 && shadowValue !== null ? bound(Number(shadowValue), Number(min), Number(max)).toString() : "");
-    onFocus && onFocus(e);
+    onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
   };
   const handleBlur = (e) => {
     setFocused(false);
-    onBlur && onBlur(e);
-    if (async) {
-      const valueStr = parseValue(e.target.value);
-      onChange === null || onChange === void 0 ? void 0 : onChange(parseFloat(valueStr || "0").toFixed(digits), e);
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+    const valueStr = parseValue(e.target.value);
+    if (valueStr === null) {
+      if (allowEmpty) {
+        setShadowValue(null);
+      } else {
+        setShadowValue(defaultValue);
+      }
+    } else {
+      setShadowValue(clampValue(valueStr));
     }
+    async && handleValueChange(valueStr, e);
   };
   return React__default.createElement(
     "div",

package/dist/esm/Menu.js

@@ -68,7 +68,7 @@ const Menu = (props) => {
   const menuTitle = () => {
     return React__default.Children.map(children, (child, index) => {
       if (React__default.isValidElement(child)) {
-        const { title, options, value, defaultValue, disabled, direction } = child.props;
+        const { title, titleIcon, options, value, defaultValue, disabled, direction } = child.props;
         const selected = options === null || options === void 0 ? void 0 : options.filter((option) => option.value === (value !== void 0 ? value : defaultValue));
         const finallyTitle = () => {
           if (title)
@@ -79,6 +79,13 @@ const Menu = (props) => {
             return selected[0].text;
           return "";
         };
+        const finallyIcon = () => {
+          if (titleIcon)
+            return titleIcon;
+          if (icon)
+            return icon;
+          return direction === "up" ? React__default.createElement(ArrowUp, { className: "nut-menu-title-icon", width: "12px", height: "12px" }) : React__default.createElement(ArrowDown, { className: "nut-menu-title-icon", width: "12px", height: "12px" });
+        };
         return React__default.createElement(
           "div",
           { className: classNames("nut-menu-title", `nut-menu-title-${index}`, {
@@ -91,7 +98,7 @@ const Menu = (props) => {
             !disabled && toggleMenuItem(index);
           } },
           React__default.createElement("div", { className: "nut-menu-title-text" }, finallyTitle()),
-          icon || (direction === "up" ? React__default.createElement(ArrowUp, { className: "nut-menu-title-icon", width: "12px", height: "12px" }) : React__default.createElement(ArrowDown, { className: "nut-menu-title-icon", width: "12px", height: "12px" }))
+          finallyIcon()
         );
       }
       return null;

package/dist/esm/NumberKeyboard.js

@@ -5,11 +5,11 @@ import { ArrowDown } from "@nutui/icons-react";
 import Popup__default from "./Popup.js";
 import { useConfig } from "./ConfigProvider.js";
 import { C as ComponentDefaults } from "./typings.js";
-Object.assign(Object.assign({}, ComponentDefaults), { visible: false, rightActions: "", type: "default", custom: [], random: false, onClose: () => {
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { visible: false, rightActions: "", type: "default", custom: [], random: false, onClose: () => {
 } });
 const NumberKeyboard = (props) => {
   const { locale } = useConfig();
-  const { title, rightActions, confirmText, visible, type, custom, random, style, className, onChange, onDelete, onClose, onConfirm } = props, rest = __rest(props, ["title", "rightActions", "confirmText", "visible", "type", "custom", "random", "style", "className", "onChange", "onDelete", "onClose", "onConfirm"]);
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { title, rightActions, confirmText, visible, type, custom, random, style, className, onChange, onDelete, onClose, onConfirm } = _a, rest = __rest(_a, ["title", "rightActions", "confirmText", "visible", "type", "custom", "random", "style", "className", "onChange", "onDelete", "onClose", "onConfirm"]);
   const classPrefix = "nut-numberkeyboard";
   const getBasicKeys = () => {
     const keys = new Array(9).fill(0).map((_, index) => {
@@ -55,41 +55,52 @@ const NumberKeyboard = (props) => {
     };
     const onTouchEnd = (item2) => {
       setActive(false);
-      if (item2.type === "num" || item2.type === "custom") {
-        onChange && onChange(item2.id);
+      switch (item2.type) {
+        case "num":
+        case "custom":
+          onChange === null || onChange === void 0 ? void 0 : onChange(item2.id);
+          break;
+        case "close":
+          onClose === null || onClose === void 0 ? void 0 : onClose();
+          break;
+        case "delete":
+          onDelete === null || onDelete === void 0 ? void 0 : onDelete();
+          break;
+        case "confirm":
+          onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm();
+          break;
       }
-      if (item2.type === "close") {
-        onClose && onClose();
-      }
-      if (item2.type === "delete") {
-        onDelete && onDelete();
-      }
-      if (item2.type === "confirm") {
-        onConfirm && onConfirm();
+    };
+    const renderContent = (item2) => {
+      switch (item2.type) {
+        case "num":
+        case "custom":
+          return React__default.createElement("div", null, item2.id);
+        case "delete":
+          return React__default.createElement(DeleteIcon, null);
+        case "close":
+          return React__default.createElement(ArrowDown, { width: 18, height: 18 });
+        case "confirm":
+          return React__default.createElement(React__default.Fragment, null, confirmText || locale.done);
+        default:
+          return null;
       }
     };
     return React__default.createElement(
       "div",
       { key: item.id, className: `${classPrefix}-body-wrapper` },
-      React__default.createElement(
-        "div",
-        { className: classNames({
-          key: true,
-          active,
-          close: item.type === "close",
-          delete: item.type === "delete",
-          confirm: item.type === "confirm"
-        }), onTouchStart: () => onTouchStart(), onTouchEnd: () => onTouchEnd(item), onTouchCancel: () => onTouchEnd(item) },
-        (item.type === "num" || item.type === "custom") && React__default.createElement("div", null, item.id),
-        item.type === "delete" && React__default.createElement(DeleteIcon, null),
-        item.type === "close" && React__default.createElement(ArrowDown, { width: 18, height: 18 }),
-        item.type === "confirm" && React__default.createElement(React__default.Fragment, null, confirmText || locale.done)
-      )
+      React__default.createElement("div", { className: classNames({
+        key: true,
+        active,
+        close: item.type === "close",
+        delete: item.type === "delete",
+        confirm: item.type === "confirm"
+      }), onTouchStart: () => onTouchStart(), onTouchEnd: () => onTouchEnd(item), onTouchCancel: () => onTouchEnd(item) }, renderContent(item))
     );
   };
   return React__default.createElement(
     Popup__default,
-    Object.assign({ visible, position: "bottom", onOverlayClick: onClose, onCloseIconClick: onClose, zIndex: 9999, overlayStyle: { backgroundColor: "rgba(0, 0, 0, 0)" } }, rest),
+    Object.assign({}, rest, { visible, position: "bottom", onOverlayClick: onClose, onCloseIconClick: onClose, zIndex: 9999, overlayStyle: { backgroundColor: "rgba(0, 0, 0, 0)" } }),
     React__default.createElement(
       "div",
       { className: classNames(classPrefix, className), style },

package/dist/esm/Uploader.js

@@ -8,6 +8,7 @@ import { C as ComponentDefaults } from "./typings.js";
 import Button__default from "./Button.js";
 import { u as usePropsValue } from "./use-props-value.js";
 import Progress__default from "./Progress.js";
+import Image__default from "./Image.js";
 class UploadOptions {
   constructor() {
     this.url = "";
@@ -110,7 +111,7 @@ const Preview = ({ fileList, previewType, deletable, onDeleteItem, handleItemCli
           renderIcon(item),
           React__default.createElement("div", { className: "nut-uploader-preview-progress-msg" }, item.message)
         ),
-        ((_a = item.type) === null || _a === void 0 ? void 0 : _a.includes("image")) ? React__default.createElement(React__default.Fragment, null, item.url && React__default.createElement("img", { className: "nut-uploader-preview-img-c", style: { objectFit: "fill" }, src: item.url, alt: "", onClick: () => handleItemClick(item, index) })) : React__default.createElement(React__default.Fragment, null, previewUrl ? React__default.createElement("img", { className: "nut-uploader-preview-img-c", src: previewUrl, alt: "", onClick: () => handleItemClick(item, index) }) : React__default.createElement(
+        ((_a = item.type) === null || _a === void 0 ? void 0 : _a.includes("image")) ? React__default.createElement(React__default.Fragment, null, item.url && React__default.createElement(Image__default, { className: "nut-uploader-preview-img-c", style: { objectFit: "fill" }, src: item.url, alt: "", onClick: () => handleItemClick(item, index) })) : React__default.createElement(React__default.Fragment, null, previewUrl ? React__default.createElement(Image__default, { className: "nut-uploader-preview-img-c", src: previewUrl, alt: "", onClick: () => handleItemClick(item, index) }) : React__default.createElement(
           "div",
           { className: "nut-uploader-preview-img-file" },
           React__default.createElement(
@@ -340,14 +341,15 @@ const InternalUploader = (props, ref) => {
     });
   };
   const fileChange = (event) => {
-    if (disabled) {
+    if (disabled)
       return;
-    }
     const $el = event.target;
     const { files } = $el;
     if (beforeUpload) {
       beforeUpload(new Array().slice.call(files)).then((f) => {
         const _files = filterFiles(new Array().slice.call(f));
+        if (!_files.length)
+          $el.value = "";
         readFile(_files);
       });
     } else {

package/dist/esm/formitem2.js

@@ -107,12 +107,12 @@ class FormStore {
       return errs;
     });
     this.submit = () => __awaiter(this, void 0, void 0, function* () {
-      var _b, _c, _d, _e;
+      var _a, _b, _c, _d;
       const errors = yield this.validateFields();
       if (errors.length === 0) {
-        (_c = (_b = this.callbacks).onFinish) === null || _c === void 0 ? void 0 : _c.call(_b, this.store);
+        (_b = (_a = this.callbacks).onFinish) === null || _b === void 0 ? void 0 : _b.call(_a, this.store);
       } else if (errors.length > 0) {
-        (_e = (_d = this.callbacks).onFinishFailed) === null || _e === void 0 ? void 0 : _e.call(_d, this.store, errors);
+        (_d = (_c = this.callbacks).onFinishFailed) === null || _d === void 0 ? void 0 : _d.call(_c, this.store, errors);
       }
     });
     this.resetFields = () => {
@@ -260,7 +260,7 @@ class FormItem extends React__default.Component {
       }
     };
     this.renderLayout = (childNode) => {
-      const { label, name, required, rules, className, style, errorMessageAlign } = Object.assign(Object.assign({}, defaultProps), this.props);
+      const { label, name, required, rules, className, style, errorMessageAlign, align } = Object.assign(Object.assign({}, defaultProps), this.props);
       const requiredInRules = rules === null || rules === void 0 ? void 0 : rules.some((rule) => rule.required);
       const item = name ? this.context.errors[name] : [];
       const { starPosition } = this.context;
@@ -274,7 +274,7 @@ class FormItem extends React__default.Component {
       );
       return React__default.createElement(
         Cell__default,
-        { className: `nut-form-item ${className}`, style, onClick: (e) => this.props.onClick && this.props.onClick(e, this.componentRef) },
+        { className: `nut-form-item ${className}`, style, align, onClick: (e) => this.props.onClick && this.props.onClick(e, this.componentRef) },
         label ? React__default.createElement("div", { className: "nut-cell-title nut-form-item-label" }, renderLabel) : null,
         React__default.createElement(
           "div",

package/dist/esm/menuitem2.js

@@ -7,7 +7,7 @@ import { u as useClickAway } from "./use-click-away.js";
 import { C as ComponentDefaults } from "./typings.js";
 import { u as usePropsValue } from "./use-props-value.js";
 import { g as getScrollParent } from "./get-scroll-parent.js";
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { columns: 1, direction: "down", icon: null, closeOnClickAway: true, activeTitleClass: "", inactiveTitleClass: "", onChange: (value) => void 0 });
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { titleIcon: null, columns: 1, direction: "down", icon: null, closeOnClickAway: true, activeTitleClass: "", inactiveTitleClass: "", onChange: (value) => void 0 });
 const MenuItem = forwardRef((props, ref) => {
   const { className, style, options, value, defaultValue, columns, title, icon, direction, onChange, activeTitleClass, inactiveTitleClass, closeOnClickAway, children, activeColor, show, parent, index } = Object.assign(Object.assign({}, defaultProps), props);
   const [showPopup, setShowPopup] = useState(show);

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.15 Fri Jul 26 2024 15:21:32 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.17 Fri Aug 30 2024 14:11:49 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.15 Fri Jul 26 2024 15:21:32 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.17 Fri Aug 30 2024 14:11:49 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.15 Fri Jul 26 2024 15:21:32 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.17 Fri Aug 30 2024 14:11:49 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.15 Fri Jul 26 2024 15:21:32 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.17 Fri Aug 30 2024 14:11:49 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.15 Fri Jul 26 2024 15:21:32 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.17 Fri Aug 30 2024 14:11:49 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.15 Fri Jul 26 2024 15:21:32 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.17 Fri Aug 30 2024 14:11:49 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.15 Fri Jul 26 2024 15:21:32 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.17 Fri Aug 30 2024 14:11:49 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */