@nutui/nutui-react 2.6.16 → 2.6.18

package/CHANGELOG.md

@@ -1,20 +1,49 @@
-# v2.6.16
-`2024-08-03`
+# v2.6.18
+`2024-09-06`
+
+
+* 🏡 chore: remove deprecated (#2573)
+* 🏡 chore(deps): update dependency marked to v14 (#2532)
+* :sparkles: feat: demos for popup & dialog (#2574)
+* :sparkles: feat: beforeupload (#2567)
+* :bug: fix: remove icons defaultprops (#2571)
+* :bug: fix(input): type props didnot work when equals number|digit (#2563)
+* :bug: fix: dialog
+* :bug: fix(sticky): should rerender when zIndex changes (#2572)
+* :bug: fix(sticky): rerender sticky when threshold change (#2564)
+* :bug: fix(deps): update dependency jscodeshift to v17 (#2534)
+
 
+# v2.6.17
 
-* 📖 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]
+`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
 

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/Sticky.js

@@ -38,6 +38,9 @@ const Sticky = (props) => {
     [position]: `${threshold}px`,
     zIndex
   });
+  useEffect(() => {
+    setStickyStyle(Object.assign(Object.assign({}, stickyStyle), { [position]: `${threshold}px`, zIndex }));
+  }, [threshold, position, zIndex]);
   const [rootStyle, setRootStyle] = useState({});
   const getElement = useCallback(() => {
     return getScrollParent(rootRef.current);

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.18 Fri Sep 06 2024 18:47:08 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.18 Fri Sep 06 2024 18:47:08 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.18 Fri Sep 06 2024 18:47:08 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.18 Fri Sep 06 2024 18:47:08 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.18 Fri Sep 06 2024 18:47:08 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.18 Fri Sep 06 2024 18:47:08 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.18 Fri Sep 06 2024 18:47:08 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */