@nutui/nutui-react 2.6.16 → 2.6.17

package/CHANGELOG.md

@@ -1,20 +1,34 @@
-# v2.6.16
-`2024-08-03`
+# 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)
 
 
-* 📖 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.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
 

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/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 = () => {

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.16 Sat Aug 03 2024 09:50:31 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.16 Sat Aug 03 2024 09:50:31 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.16 Sat Aug 03 2024 09:50:31 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.16 Sat Aug 03 2024 09:50:31 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.16 Sat Aug 03 2024 09:50:31 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.16 Sat Aug 03 2024 09:50:31 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.16 Sat Aug 03 2024 09:50:31 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/nutui.react.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.16 Sat Aug 03 2024 09:49:59 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.17 Fri Aug 30 2024 14:11:24 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -653,6 +653,7 @@ const defaultProps$1s = {
   extra: null,
   radius: "6px",
   align: "flex-start",
+  clickable: false,
   onClick: (event) => {
   }
 };
@@ -661,6 +662,7 @@ const Cell = (props) => {
   const ctx2 = useContext(CellGroupContext);
   const {
     children,
+    clickable,
     onClick,
     title,
     description,
@@ -688,7 +690,7 @@ const Cell = (props) => {
   return /* @__PURE__ */ React__default.createElement(
     "div",
     {
-      className: classNames(classPrefix$q, className),
+      className: `${classNames(classPrefix$q, className, clickable ? `${classPrefix$q}-clickable` : "")}`,
       onClick: (event) => handleClick2(event),
       style: baseStyle,
       ...rest
@@ -2048,7 +2050,7 @@ function _objectWithoutPropertiesLoose$3(r, e2) {
   if (null == r) return {};
   var t2 = {};
   for (var n2 in r) if ({}.hasOwnProperty.call(r, n2)) {
-    if (e2.indexOf(n2) >= 0) continue;
+    if (e2.includes(n2)) continue;
     t2[n2] = r[n2];
   }
   return t2;
@@ -16585,7 +16587,7 @@ const Preview = ({
         }
       ),
       previewType === "picture" && !children && /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader-preview-img" }, item.status === "ready" ? /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader-preview-progress" }, /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader-preview-progress-msg" }, item.message)) : item.status !== "success" && /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader-preview-progress" }, renderIcon(item), /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader-preview-progress-msg" }, item.message)), ((_a = item.type) == null ? void 0 : _a.includes("image")) ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, item.url && /* @__PURE__ */ React__default.createElement(
-        "img",
+        Image$1,
         {
           className: "nut-uploader-preview-img-c",
           style: { objectFit: "fill" },
@@ -16594,7 +16596,7 @@ const Preview = ({
           onClick: () => handleItemClick(item, index)
         }
       )) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, previewUrl ? /* @__PURE__ */ React__default.createElement(
-        "img",
+        Image$1,
         {
           className: "nut-uploader-preview-img-c",
           src: previewUrl,
@@ -16900,15 +16902,14 @@ const InternalUploader = (props, ref) => {
     });
   };
   const fileChange = (event) => {
-    if (disabled) {
-      return;
-    }
+    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);
         }
       );
@@ -21201,27 +21202,31 @@ const ImagePreview = (props) => {
           defaultValue: innerNo && (innerNo > maxNo ? maxNo - 1 : innerNo - 1),
           indicator
         },
-        (videos && videos.length > 0 ? videos.map((item, index) => {
-          return /* @__PURE__ */ React__default.createElement(SwiperItem, { key: index }, /* @__PURE__ */ React__default.createElement(
-            Video,
-            {
-              source: item.source,
-              options: item.options,
-              onClick: closeOnImg
-            }
-          ));
-        }) : []).concat(
-          images && images.length > 0 ? images.map((item, index) => {
+        (videos ?? []).map(
+          (item) => ({ type: "video", data: item })
+        ).concat(
+          (images ?? []).map((item) => ({ type: "image", data: item }))
+        ).sort((a2, b) => {
+          var _a, _b;
+          return (((_a = a2.data) == null ? void 0 : _a.index) ?? 0) - (((_b = b.data) == null ? void 0 : _b.index) ?? 0);
+        }).map((item, index) => {
+          if (item.type === "video") {
+            const { source, options: options2 } = item.data;
             return /* @__PURE__ */ React__default.createElement(SwiperItem, { key: index }, /* @__PURE__ */ React__default.createElement(
-              Image$1,
+              Video,
               {
-                src: item.src,
-                draggable: false,
+                source,
+                options: options2,
                 onClick: closeOnImg
               }
             ));
-          }) : []
-        )
+          }
+          if (item.type === "image") {
+            const { src } = item.data;
+            return /* @__PURE__ */ React__default.createElement(SwiperItem, { key: index }, /* @__PURE__ */ React__default.createElement(Image$1, { src, draggable: false, onClick: closeOnImg }));
+          }
+          return null;
+        })
       ) : null
     ),
     pagination ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-index` }, active, "/", (images ? images.length : 0) + (videos ? videos.length : 0)) : null,

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.16 Sat Aug 03 2024 09:49:59 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.17 Fri Aug 30 2024 14:11:24 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -671,6 +671,7 @@
     extra: null,
     radius: "6px",
     align: "flex-start",
+    clickable: false,
     onClick: (event) => {
     }
   };
@@ -679,6 +680,7 @@
     const ctx2 = React.useContext(CellGroupContext);
     const {
       children,
+      clickable,
       onClick,
       title,
       description,
@@ -706,7 +708,7 @@
     return /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: classNames(classPrefix$q, className),
+        className: `${classNames(classPrefix$q, className, clickable ? `${classPrefix$q}-clickable` : "")}`,
         onClick: (event) => handleClick2(event),
         style: baseStyle,
         ...rest
@@ -2066,7 +2068,7 @@
     if (null == r) return {};
     var t2 = {};
     for (var n2 in r) if ({}.hasOwnProperty.call(r, n2)) {
-      if (e2.indexOf(n2) >= 0) continue;
+      if (e2.includes(n2)) continue;
       t2[n2] = r[n2];
     }
     return t2;
@@ -16603,7 +16605,7 @@
           }
         ),
         previewType === "picture" && !children && /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-preview-img" }, item.status === "ready" ? /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-preview-progress" }, /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-preview-progress-msg" }, item.message)) : item.status !== "success" && /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-preview-progress" }, renderIcon(item), /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-preview-progress-msg" }, item.message)), ((_a = item.type) == null ? void 0 : _a.includes("image")) ? /* @__PURE__ */ React.createElement(React.Fragment, null, item.url && /* @__PURE__ */ React.createElement(
-          "img",
+          Image$1,
           {
             className: "nut-uploader-preview-img-c",
             style: { objectFit: "fill" },
@@ -16612,7 +16614,7 @@
             onClick: () => handleItemClick(item, index)
           }
         )) : /* @__PURE__ */ React.createElement(React.Fragment, null, previewUrl ? /* @__PURE__ */ React.createElement(
-          "img",
+          Image$1,
           {
             className: "nut-uploader-preview-img-c",
             src: previewUrl,
@@ -16918,15 +16920,14 @@
       });
     };
     const fileChange = (event) => {
-      if (disabled) {
-        return;
-      }
+      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);
           }
         );
@@ -21219,27 +21220,31 @@
             defaultValue: innerNo && (innerNo > maxNo ? maxNo - 1 : innerNo - 1),
             indicator
           },
-          (videos && videos.length > 0 ? videos.map((item, index) => {
-            return /* @__PURE__ */ React.createElement(SwiperItem, { key: index }, /* @__PURE__ */ React.createElement(
-              Video,
-              {
-                source: item.source,
-                options: item.options,
-                onClick: closeOnImg
-              }
-            ));
-          }) : []).concat(
-            images && images.length > 0 ? images.map((item, index) => {
+          (videos ?? []).map(
+            (item) => ({ type: "video", data: item })
+          ).concat(
+            (images ?? []).map((item) => ({ type: "image", data: item }))
+          ).sort((a2, b) => {
+            var _a, _b;
+            return (((_a = a2.data) == null ? void 0 : _a.index) ?? 0) - (((_b = b.data) == null ? void 0 : _b.index) ?? 0);
+          }).map((item, index) => {
+            if (item.type === "video") {
+              const { source, options: options2 } = item.data;
               return /* @__PURE__ */ React.createElement(SwiperItem, { key: index }, /* @__PURE__ */ React.createElement(
-                Image$1,
+                Video,
                 {
-                  src: item.src,
-                  draggable: false,
+                  source,
+                  options: options2,
                   onClick: closeOnImg
                 }
               ));
-            }) : []
-          )
+            }
+            if (item.type === "image") {
+              const { src } = item.data;
+              return /* @__PURE__ */ React.createElement(SwiperItem, { key: index }, /* @__PURE__ */ React.createElement(Image$1, { src, draggable: false, onClick: closeOnImg }));
+            }
+            return null;
+          })
         ) : null
       ),
       pagination ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-index` }, active, "/", (images ? images.length : 0) + (videos ? videos.length : 0)) : null,

package/dist/packages/cell/cell.scss

@@ -34,4 +34,24 @@
     font-size: $cell-extra-font-size;
     color: $cell-extra-color;
   }
+  &:active::before {
+    opacity: 0.1;
+  }
+  &-clickable {
+    cursor: pointer;
+    &::before {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      width: 100%;
+      height: 100%;
+      background-color: $black;
+      border: inherit;
+      border-color: $black;
+      border-radius: inherit;
+      transform: translate(-50%, -50%);
+      opacity: 0;
+      content: ' ';
+    }
+  }
 }