@nutui/nutui-react 2.7.1 → 2.7.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +26 -10
- package/dist/esm/Form/style/style.css +1 -1
- package/dist/esm/Form.js +3 -3
- package/dist/esm/FormItem/style/style.css +1 -1
- package/dist/esm/Table/style/style.css +1 -1
- package/dist/esm/Uploader/style/style.css +1 -1
- package/dist/esm/Uploader.js +4 -2
- package/dist/esm/formitem2.js +136 -76
- package/dist/locales/base.js +1 -1
- package/dist/locales/en-US.js +1 -1
- package/dist/locales/id-ID.js +1 -1
- package/dist/locales/tr-TR.js +1 -1
- package/dist/locales/zh-CN.js +1 -1
- package/dist/locales/zh-TW.js +1 -1
- package/dist/locales/zh-UG.js +1 -1
- package/dist/nutui.react.es.js +171 -101
- package/dist/nutui.react.umd.js +171 -101
- package/dist/packages/form/form.scss +0 -68
- package/dist/packages/formitem/formitem.scss +90 -21
- package/dist/packages/table/table.scss +1 -0
- package/dist/packages/uploader/uploader.scss +2 -1
- package/dist/style.css +1 -1
- package/dist/types/packages/form/form.d.ts +10 -0
- package/dist/types/packages/form/form.taro.d.ts +2 -0
- package/dist/types/packages/form/types.d.ts +2 -1
- package/dist/types/packages/formitem/formitem.d.ts +1 -0
- package/dist/types/packages/formitem/formitem.taro.d.ts +1 -0
- package/dist/types/utils/merge.d.ts +1 -0
- package/dist/types/utils/to-array.d.ts +1 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,16 +1,32 @@
|
|
|
1
|
+
# v2.7.2
|
|
2
|
+
`2024-12-06`
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
* 🏡 chore(uploader): use scss variable (#2825)
|
|
6
|
+
* 🏡 chore: migrate to v3
|
|
7
|
+
* 📖 docs(infiniteloading): remove deprecated usage (#2801)
|
|
8
|
+
* :sparkles: feat(form): add validateTrigger, setFieldValue and disabled (#2772)
|
|
9
|
+
* :sparkles: feat(elevator): 采用唯一ID，避免未传入 className 导致的报错 (#2834)
|
|
10
|
+
* :bug: fix: 解决微信小程序滚动报错问题 (#2833)
|
|
11
|
+
* :bug: fix(uploader): 修复选择多个文件上传只会上传一个文件的问题 (#2807)
|
|
12
|
+
* :bug: fix: Uploade 组件无法预览图片 (#2822)
|
|
13
|
+
* :bug: fix(deps): update dependency vitest to v2 (#2697)
|
|
14
|
+
* :bug: fix(Table): 给个默认背景色，解决在小程序中固定列与滚动内列混合 (#2789)
|
|
15
|
+
|
|
16
|
+
|
|
1
17
|
# v2.7.1
|
|
2
|
-
`2024-11-22`
|
|
3
18
|
|
|
4
|
-
|
|
5
|
-
* :bug: fix(toast): load dependent CSS (#2776)
|
|
6
|
-
* :bug: fix(Form): Form 组件文档 demo 中 Switch 组件使用问题 (#2774)
|
|
7
|
-
* :bug: fix(textarea): handle undefined placeholder explicitly (#2748)
|
|
8
|
-
* 🏡 chore: jdesign 主题 (#2703)
|
|
9
|
-
* 🏡 chore: ci optimize (#2692)
|
|
10
|
-
* 🏡 chore: ci (#2690)
|
|
11
|
-
* 📖 docs(infiniteLoading): optimize target description (#2770)
|
|
12
|
-
* 📖 docs: 官方主题入口 (#2634)
|
|
19
|
+
`2024-11-22`
|
|
13
20
|
|
|
21
|
+
- :bug: fix(popup): display should not trigger the scrollview to update (#2773)
|
|
22
|
+
- :bug: fix(toast): load dependent CSS (#2776)
|
|
23
|
+
- :bug: fix(Form): Form 组件文档 demo 中 Switch 组件使用问题 (#2774)
|
|
24
|
+
- :bug: fix(textarea): handle undefined placeholder explicitly (#2748)
|
|
25
|
+
- 🏡 chore: jdesign 主题 (#2703)
|
|
26
|
+
- 🏡 chore: ci optimize (#2692)
|
|
27
|
+
- 🏡 chore: ci (#2690)
|
|
28
|
+
- 📖 docs(infiniteLoading): optimize target description (#2770)
|
|
29
|
+
- 📖 docs: 官方主题入口 (#2634)
|
|
14
30
|
|
|
15
31
|
# v2.7.0
|
|
16
32
|
|
|
@@ -1 +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: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
|
|
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: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-disabled{opacity:.4;pointer-events:none}.nut-form-item-label{display:flex;flex-direction:row;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:0 0 auto;word-wrap:break-word;text-align:var(--nutui-form-item-label-text-align, left)}.nut-form-item-label-required{color:var(--nutui-form-item-required-color, var(--nutui-color-primary, #fa2c19));margin-right:var(--nutui-form-item-required-margin-right, 4px);display:block;position:absolute;left:-.8em}.nut-form-item .nut-form-item-labeltxt{font-size:12px;height:10px;position:relative}.nut-form-item-body{flex:1;display:flex;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}.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}.nut-form-item-label-right{justify-content:flex-end;padding-right:24px;white-space:nowrap}.nut-form-item-label-left{position:relative;padding-left:12px;white-space:nowrap}.nut-form-item-label-left-required{display:block;line-height:1.5;position:absolute;left:.1em}.nut-form-item-top{flex-direction:column;align-items:flex-start;white-space:nowrap}.nut-form-item-label-top{display:block;padding-bottom:4px;padding-right:24px}.nut-form-item-body-top{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/Form.js
CHANGED
|
@@ -3,7 +3,7 @@ import classNames from "classnames";
|
|
|
3
3
|
import { u as useForm, S as SECRET, C as Context, F as FormItem } from "./formitem2.js";
|
|
4
4
|
import { C as ComponentDefaults } from "./typings.js";
|
|
5
5
|
import Cell__default from "./Cell.js";
|
|
6
|
-
const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { labelPosition: "right", starPosition: "left", divider: false, onFinish: (values) => {
|
|
6
|
+
const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { labelPosition: "right", starPosition: "left", disabled: false, divider: false, validateTrigger: "onChange", onFinish: (values) => {
|
|
7
7
|
}, onFinishFailed: (values, errorFields) => {
|
|
8
8
|
} });
|
|
9
9
|
const PositionInfo = {
|
|
@@ -13,7 +13,7 @@ const PositionInfo = {
|
|
|
13
13
|
};
|
|
14
14
|
const Form = React__default.forwardRef((props, ref) => {
|
|
15
15
|
const classPrefix = "nut-form";
|
|
16
|
-
const { className, style, footer, children, initialValues, divider, onFinish, onFinishFailed, labelPosition, starPosition, form } = Object.assign(Object.assign({}, defaultProps), props);
|
|
16
|
+
const { className, style, footer, children, initialValues, divider, disabled, onFinish, onFinishFailed, validateTrigger, labelPosition, starPosition, form } = Object.assign(Object.assign({}, defaultProps), props);
|
|
17
17
|
let formInstance;
|
|
18
18
|
if (form !== void 0) {
|
|
19
19
|
formInstance = form;
|
|
@@ -47,7 +47,7 @@ const Form = React__default.forwardRef((props, ref) => {
|
|
|
47
47
|
React__default.createElement(
|
|
48
48
|
Cell__default.Group,
|
|
49
49
|
{ divider },
|
|
50
|
-
React__default.createElement(Context.Provider, { value: formInstance }, children),
|
|
50
|
+
React__default.createElement(Context.Provider, { value: { formInstance, labelPosition, disabled, validateTrigger } }, children),
|
|
51
51
|
footer ? React__default.createElement(Cell__default, { className: `${classPrefix}-footer` }, footer) : null
|
|
52
52
|
)
|
|
53
53
|
);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-form-item{display:flex}.nut-form-item
|
|
1
|
+
.nut-form-item{display:flex}.nut-form-item-disabled{opacity:.4;pointer-events:none}.nut-form-item-label{display:flex;flex-direction:row;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:0 0 auto;word-wrap:break-word;text-align:var(--nutui-form-item-label-text-align, left)}.nut-form-item-label-required{color:var(--nutui-form-item-required-color, var(--nutui-color-primary, #fa2c19));margin-right:var(--nutui-form-item-required-margin-right, 4px);display:block;position:absolute;left:-.8em}.nut-form-item .nut-form-item-labeltxt{font-size:12px;height:10px;position:relative}.nut-form-item-body{flex:1;display:flex;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}.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}.nut-form-item-label-right{justify-content:flex-end;padding-right:24px;white-space:nowrap}.nut-form-item-label-left{position:relative;padding-left:12px;white-space:nowrap}.nut-form-item-label-left-required{display:block;line-height:1.5;position:absolute;left:.1em}.nut-form-item-top{flex-direction:column;align-items:flex-start;white-space:nowrap}.nut-form-item-label-top{display:block;padding-bottom:4px;padding-right:24px}.nut-form-item-body-top{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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-table{overflow:hidden;position:relative;word-wrap:break-word;word-break:break-all}.nut-table-wrapper{display:flex;width:100%;flex-direction:column;font-size:var(--nutui-font-size-3, 14px);color:var(--nutui-gray-7, #1a1a1a);overflow-y:auto;overflow-x:hidden;position:relative;border:1px solid var(--nutui-table-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-table-wrapper-sticky{overflow-x:auto}.nut-table-main{display:table;overflow-x:auto;color:var(--nutui-gray-7, #1a1a1a);background-color:var(--nutui-gray-1, #ffffff);table-layout:fixed;width:max-content;min-width:100%;position:relative}.nut-table-main-striped .nut-table-main-head-tr{background-color:var(--nutui-table-tr-even-bg-color, var(--nutui-gray-3, #f6f6f6))}.nut-table-main-striped .nut-table-main-body-tr:nth-child(odd){background-color:var(--nutui-table-tr-odd-bg-color, #ffffff)}.nut-table-main-striped .nut-table-main-body-tr:nth-child(2n){background-color:var(--nutui-table-tr-even-bg-color, var(--nutui-gray-3, #f6f6f6))}.nut-table-main-head,.nut-table-main-body{background:inherit}.nut-table-main-head-tr,.nut-table-main-body-tr{display:table-row;background:inherit}.nut-table-main-head-tr:last-child .nut-table-main-body-tr-td,.nut-table-main-body-tr:last-child .nut-table-main-body-tr-td{border-bottom:none}.nut-table-main-head-tr-th,.nut-table-main-body-tr-th{display:table-cell;padding:var(--nutui-table-cols-padding, 10px);table-layout:fixed;background:inherit;position:sticky;top:0}.nut-table-main-head-tr-th.nut-table-fixed-left,.nut-table-main-head-tr-th.nut-table-fixed-right,.nut-table-main-body-tr-th.nut-table-fixed-left,.nut-table-main-body-tr-th.nut-table-fixed-right{z-index:4}.nut-table-main-head-tr-th:last-child,.nut-table-main-body-tr-th:last-child{border-right:none}.nut-table-main-head-tr-td,.nut-table-main-body-tr-td{display:table-cell;padding:var(--nutui-table-cols-padding, 10px);table-layout:fixed;background:inherit}.nut-table-main-head-tr-td:last-child,.nut-table-main-body-tr-td:last-child{border-right:none}.nut-table-main-head-tr-td-nodata,.nut-table-main-body-tr-td-nodata{display:flex;height:50px;align-items:center;justify-content:center}.nut-table-main-head-tr-border,.nut-table-main-body-tr-border{border-right:1px solid var(--nutui-table-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)));border-bottom:1px solid var(--nutui-table-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-table-main-head-tr-alignleft,.nut-table-main-head-tr-align,.nut-table-main-body-tr-alignleft,.nut-table-main-body-tr-align{text-align:start}.nut-table-main-head-tr-aligncenter,.nut-table-main-body-tr-aligncenter{text-align:center}.nut-table-main-head-tr-alignright,.nut-table-main-body-tr-alignright{text-align:end}.nut-table-main-head{display:table-header-group}.nut-table-main-body{display:table-row-group}.nut-table-sticky-left,.nut-table-sticky-right{position:absolute;top:0;width:8px;bottom:-1px;overflow-x:hidden;overflow-y:hidden;box-shadow:none;touch-action:none;pointer-events:none;z-index:3;background:transparent}.nut-table-sticky-left{left:1px;box-shadow:var(--nutui-table-sticky-left-shadow, 4px 0 8px 0 rgba(0, 0, 0, .1))}.nut-table-sticky-right{right:1px;box-shadow:var(--nutui-table-sticky-right-shadow, -4px 0 8px 0 rgba(0, 0, 0, .1))}.nut-table-fixed-left,.nut-table-fixed-right{position:sticky;z-index:2}.nut-table-fixed-left.h5-div,.nut-table-fixed-right.h5-div{padding:var(--nutui-table-cols-padding, 10px) 0}.nut-table-fixed-left-last{border-right:none}.nut-table-summary{color:var(--nutui-gray-7, #1a1a1a);background-color:var(--nutui-gray-1, #ffffff);display:flex;align-items:center;justify-content:center;height:30px;padding:var(--nutui-table-cols-padding, 10px);position:relative;z-index:5}[dir=rtl] .nut-table-main-head-tr-th:last-child,[dir=rtl] .nut-table-main-body-tr-th:last-child,.nut-rtl .nut-table-main-head-tr-th:last-child,.nut-rtl .nut-table-main-body-tr-th:last-child{border-right:none;border-left:none}[dir=rtl] .nut-table-main-head-tr-td:last-child,[dir=rtl] .nut-table-main-body-tr-td:last-child,.nut-rtl .nut-table-main-head-tr-td:last-child,.nut-rtl .nut-table-main-body-tr-td:last-child{border-right:none;border-left:none}[dir=rtl] .nut-table-main-head-tr-border,[dir=rtl] .nut-table-main-body-tr-border,.nut-rtl .nut-table-main-head-tr-border,.nut-rtl .nut-table-main-body-tr-border{border-right:none;border-left:1px solid var(--nutui-table-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}[dir=rtl] .nut-table-main-head-tr-alignleft,[dir=rtl] .nut-table-main-head-tr-align,[dir=rtl] .nut-table-main-body-tr-alignleft,[dir=rtl] .nut-table-main-body-tr-align,.nut-rtl .nut-table-main-head-tr-alignleft,.nut-rtl .nut-table-main-head-tr-align,.nut-rtl .nut-table-main-body-tr-alignleft,.nut-rtl .nut-table-main-body-tr-align{text-align:right}[dir=rtl] .nut-table-main-head-tr-alignright,[dir=rtl] .nut-table-main-body-tr-alignright,.nut-rtl .nut-table-main-head-tr-alignright,.nut-rtl .nut-table-main-body-tr-alignright{text-align:left}[dir=rtl] .nut-table-sticky-left,.nut-rtl .nut-table-sticky-left{left:auto;right:1px;box-shadow:var(--nutui-table-sticky-right-shadow, -4px 0 8px 0 rgba(0, 0, 0, .1))}[dir=rtl] .nut-table-sticky-right,.nut-rtl .nut-table-sticky-right{right:auto;left:1px;box-shadow:var(--nutui-table-sticky-left-shadow, 4px 0 8px 0 rgba(0, 0, 0, .1))}[dir=rtl] .nut-table-fixed-left-last,.nut-rtl .nut-table-fixed-left-last{border-right:none;border-left:none}
|
|
1
|
+
.nut-table{overflow:hidden;position:relative;word-wrap:break-word;word-break:break-all}.nut-table-wrapper{display:flex;width:100%;flex-direction:column;font-size:var(--nutui-font-size-3, 14px);color:var(--nutui-gray-7, #1a1a1a);overflow-y:auto;overflow-x:hidden;position:relative;border:1px solid var(--nutui-table-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-table-wrapper-sticky{overflow-x:auto}.nut-table-main{display:table;overflow-x:auto;color:var(--nutui-gray-7, #1a1a1a);background-color:var(--nutui-gray-1, #ffffff);table-layout:fixed;width:max-content;min-width:100%;position:relative}.nut-table-main-striped .nut-table-main-head-tr{background-color:var(--nutui-table-tr-even-bg-color, var(--nutui-gray-3, #f6f6f6))}.nut-table-main-striped .nut-table-main-body-tr:nth-child(odd){background-color:var(--nutui-table-tr-odd-bg-color, #ffffff)}.nut-table-main-striped .nut-table-main-body-tr:nth-child(2n){background-color:var(--nutui-table-tr-even-bg-color, var(--nutui-gray-3, #f6f6f6))}.nut-table-main-head,.nut-table-main-body{background:inherit}.nut-table-main-head-tr,.nut-table-main-body-tr{display:table-row;background:inherit}.nut-table-main-head-tr:last-child .nut-table-main-body-tr-td,.nut-table-main-body-tr:last-child .nut-table-main-body-tr-td{border-bottom:none}.nut-table-main-head-tr-th,.nut-table-main-body-tr-th{display:table-cell;padding:var(--nutui-table-cols-padding, 10px);table-layout:fixed;background:inherit;position:sticky;top:0}.nut-table-main-head-tr-th.nut-table-fixed-left,.nut-table-main-head-tr-th.nut-table-fixed-right,.nut-table-main-body-tr-th.nut-table-fixed-left,.nut-table-main-body-tr-th.nut-table-fixed-right{z-index:4;background-color:#fff}.nut-table-main-head-tr-th:last-child,.nut-table-main-body-tr-th:last-child{border-right:none}.nut-table-main-head-tr-td,.nut-table-main-body-tr-td{display:table-cell;padding:var(--nutui-table-cols-padding, 10px);table-layout:fixed;background:inherit}.nut-table-main-head-tr-td:last-child,.nut-table-main-body-tr-td:last-child{border-right:none}.nut-table-main-head-tr-td-nodata,.nut-table-main-body-tr-td-nodata{display:flex;height:50px;align-items:center;justify-content:center}.nut-table-main-head-tr-border,.nut-table-main-body-tr-border{border-right:1px solid var(--nutui-table-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)));border-bottom:1px solid var(--nutui-table-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-table-main-head-tr-alignleft,.nut-table-main-head-tr-align,.nut-table-main-body-tr-alignleft,.nut-table-main-body-tr-align{text-align:start}.nut-table-main-head-tr-aligncenter,.nut-table-main-body-tr-aligncenter{text-align:center}.nut-table-main-head-tr-alignright,.nut-table-main-body-tr-alignright{text-align:end}.nut-table-main-head{display:table-header-group}.nut-table-main-body{display:table-row-group}.nut-table-sticky-left,.nut-table-sticky-right{position:absolute;top:0;width:8px;bottom:-1px;overflow-x:hidden;overflow-y:hidden;box-shadow:none;touch-action:none;pointer-events:none;z-index:3;background:transparent}.nut-table-sticky-left{left:1px;box-shadow:var(--nutui-table-sticky-left-shadow, 4px 0 8px 0 rgba(0, 0, 0, .1))}.nut-table-sticky-right{right:1px;box-shadow:var(--nutui-table-sticky-right-shadow, -4px 0 8px 0 rgba(0, 0, 0, .1))}.nut-table-fixed-left,.nut-table-fixed-right{position:sticky;z-index:2}.nut-table-fixed-left.h5-div,.nut-table-fixed-right.h5-div{padding:var(--nutui-table-cols-padding, 10px) 0}.nut-table-fixed-left-last{border-right:none}.nut-table-summary{color:var(--nutui-gray-7, #1a1a1a);background-color:var(--nutui-gray-1, #ffffff);display:flex;align-items:center;justify-content:center;height:30px;padding:var(--nutui-table-cols-padding, 10px);position:relative;z-index:5}[dir=rtl] .nut-table-main-head-tr-th:last-child,[dir=rtl] .nut-table-main-body-tr-th:last-child,.nut-rtl .nut-table-main-head-tr-th:last-child,.nut-rtl .nut-table-main-body-tr-th:last-child{border-right:none;border-left:none}[dir=rtl] .nut-table-main-head-tr-td:last-child,[dir=rtl] .nut-table-main-body-tr-td:last-child,.nut-rtl .nut-table-main-head-tr-td:last-child,.nut-rtl .nut-table-main-body-tr-td:last-child{border-right:none;border-left:none}[dir=rtl] .nut-table-main-head-tr-border,[dir=rtl] .nut-table-main-body-tr-border,.nut-rtl .nut-table-main-head-tr-border,.nut-rtl .nut-table-main-body-tr-border{border-right:none;border-left:1px solid var(--nutui-table-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}[dir=rtl] .nut-table-main-head-tr-alignleft,[dir=rtl] .nut-table-main-head-tr-align,[dir=rtl] .nut-table-main-body-tr-alignleft,[dir=rtl] .nut-table-main-body-tr-align,.nut-rtl .nut-table-main-head-tr-alignleft,.nut-rtl .nut-table-main-head-tr-align,.nut-rtl .nut-table-main-body-tr-alignleft,.nut-rtl .nut-table-main-body-tr-align{text-align:right}[dir=rtl] .nut-table-main-head-tr-alignright,[dir=rtl] .nut-table-main-body-tr-alignright,.nut-rtl .nut-table-main-head-tr-alignright,.nut-rtl .nut-table-main-body-tr-alignright{text-align:left}[dir=rtl] .nut-table-sticky-left,.nut-rtl .nut-table-sticky-left{left:auto;right:1px;box-shadow:var(--nutui-table-sticky-right-shadow, -4px 0 8px 0 rgba(0, 0, 0, .1))}[dir=rtl] .nut-table-sticky-right,.nut-rtl .nut-table-sticky-right{right:auto;left:1px;box-shadow:var(--nutui-table-sticky-left-shadow, 4px 0 8px 0 rgba(0, 0, 0, .1))}[dir=rtl] .nut-table-fixed-left-last,.nut-rtl .nut-table-fixed-left-last{border-right:none;border-left:none}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-progress{display:flex;align-items:center;position:relative;width:100%}.nut-progress-outer{flex:auto;border-radius:var(--nutui-progress-border-radius, 12px);height:var(--nutui-progress-height, 10px);background:var(--nutui-progress-background, var(--nutui-gray-3, #f6f6f6))}.nut-progress-outer .nut-progress-active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--nutui-progress-border-radius, 12px);animation:progressActive 2s ease-in-out infinite}.nut-progress-inner{height:100%;display:flex;flex-direction:column;justify-content:center;transition:all .4s;border-radius:var(--nutui-progress-border-radius, 12px);background:var(--nutui-progress-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%))}.nut-progress-text{display:flex;align-items:center;position:absolute;top:var(--nutui-progress-text-position-top, -4px);bottom:var(--nutui-progress-text-position-bottom, -4px);transition:all .4s;transform:translate(-50%)}.nut-progress-text-inner{display:flex;align-items:center;height:100%;width:100%;color:var(--nutui-progress-text-color, var(--nutui-color-primary-text, #ffffff));padding:var(--nutui-progress-text-padding, 0 5px);border-radius:var(--nutui-progress-text-border-radius, 5px);font-size:var(--nutui-progress-text-font-size, 9px);line-height:1;background:var(--nutui-progress-text-background, var(--nutui-progress-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%)))}@keyframes progressActive{0%{background:#ffffff1a;width:0}20%{background:#ffffff80;width:0}to{background:#fff0;width:100%}}[dir=rtl] .nut-progress-text,.nut-rtl .nut-progress-text{transform:translate(50%)}.nut-uploader{position:relative;display:flex;flex-wrap:wrap}.nut-uploader-slot{position:relative}.nut-uploader-upload{position:relative;display:flex;align-items:center;justify-content:center;background:var(--nutui-uploader-background, var(--nutui-gray-3, #f6f6f6));width:var(--nutui-uploader-image-width, 100px);height:var(--nutui-uploader-image-height, 100px);border:var(--nutui-uploader-image-border, 0px);border-radius:var(--nutui-uploader-image-border-radius, 4px)}.nut-uploader-icon{display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--nutui-uploader-image-color, var(--nutui-gray-5, #8c8c8c))}.nut-uploader-icon i,.nut-uploader-icon .nut-icon{color:var(--nutui-uploader-image-color, var(--nutui-gray-5, #8c8c8c));margin-bottom:var(--nutui-uploader-image-icon-margin-bottom, 6px)}.nut-uploader-icon-tip{font-size:var(--nutui-uploader-image-icon-tip-font-size, 12px)}.nut-uploader-input{position:absolute!important;top:0;left:0;width:100%!important;height:100%!important;overflow:hidden;cursor:pointer;opacity:0}.nut-uploader-input:disabled{cursor:not-allowed}.nut-uploader-upload-disabled{background:var(--nutui-uploader-background-disabled, var(--nutui-gray-3, #f6f6f6));color:var(--nutui-uploader-image-disabled, var(--nutui-color-text-disabled, #bfbfbf))}.nut-uploader-upload-disabled .nut-uploader-icon i,.nut-uploader-upload-disabled .nut-uploader-icon .nut-icon{color:var(--nutui-uploader-image-disabled, var(--nutui-color-text-disabled, #bfbfbf));margin-bottom:var(--nutui-uploader-image-icon-margin-bottom, 6px)}.nut-uploader-preview{position:relative;margin-right:var(--nutui-uploader-preview-margin-right, 10px);margin-bottom:var(--nutui-uploader-preview-margin-bottom, 10px);border-radius:var(--nutui-uploader-image-border-radius, 4px);box-shadow:0 2px 10px #0000001a}.nut-uploader-preview-progress{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:var(--nutui-uploader-preview-progress-background, var(--nutui-black-10, rgba(0, 0, 0, .7)));border-radius:var(--nutui-uploader-image-border-radius, 4px)}.nut-uploader-preview-progress i{margin-bottom:var(--nutui-uploader-image-icon-margin-bottom, 6px)}.nut-uploader-preview-progress-msg{color:var(--nutui-gray-5, #8c8c8c);font-size:12px}.nut-uploader-preview.list{width:100%;margin-right:0;margin-bottom:0;margin-top:10px;box-shadow:0 2px 10px #00000003}.nut-uploader-preview-list{width:100%;height:32px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background-color:var(--nutui-gray-2, #f8f8f8)}.nut-uploader-preview-list .nut-uploader-preview-img-file-name{display:flex;align-items:center;-webkit-line-clamp:1;padding:2px;height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nut-uploader-preview-list .nut-progress{position:absolute;left:0;right:0;bottom:0}.nut-uploader-preview-list .nut-progress .nut-progress-outer{height:2px!important}.nut-uploader-preview .close{position:absolute;right:var(--nutui-uploader-preview-close-right, 0px);top:var(--nutui-uploader-preview-close-top, 0px);transform:translate(50%,-50%);z-index:1}.nut-uploader-preview-img{position:relative;width:var(--nutui-uploader-image-width, 100px);height:var(--nutui-uploader-image-height, 100px);border-radius:var(--nutui-uploader-image-border-radius, 4px);overflow:hidden}.nut-uploader-preview-img i{color:var(--nutui-gray-7, #1a1a1a)}.nut-uploader-preview-img .tips{position:absolute;bottom:0;left:0;font-size:12px;color:#fff;text-align:center;box-sizing:border-box;height:var(--nutui-uploader-preview-tips-height, 24px);line-height:var(--nutui-uploader-preview-tips-height, 24px);border-radius:var(--nutui-uploader-image-border-radius, 4px);border-top-left-radius:0;border-top-right-radius:0;padding:var(--nutui-uploader-preview-tips-padding, 0 5px);background:var(--nutui-uploader-preview-tips-background, var(--nutui-black-7));width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-uploader-preview-img-c{display:flex;justify-content:center;align-items:center;height:
|
|
1
|
+
.nut-progress{display:flex;align-items:center;position:relative;width:100%}.nut-progress-outer{flex:auto;border-radius:var(--nutui-progress-border-radius, 12px);height:var(--nutui-progress-height, 10px);background:var(--nutui-progress-background, var(--nutui-gray-3, #f6f6f6))}.nut-progress-outer .nut-progress-active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--nutui-progress-border-radius, 12px);animation:progressActive 2s ease-in-out infinite}.nut-progress-inner{height:100%;display:flex;flex-direction:column;justify-content:center;transition:all .4s;border-radius:var(--nutui-progress-border-radius, 12px);background:var(--nutui-progress-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%))}.nut-progress-text{display:flex;align-items:center;position:absolute;top:var(--nutui-progress-text-position-top, -4px);bottom:var(--nutui-progress-text-position-bottom, -4px);transition:all .4s;transform:translate(-50%)}.nut-progress-text-inner{display:flex;align-items:center;height:100%;width:100%;color:var(--nutui-progress-text-color, var(--nutui-color-primary-text, #ffffff));padding:var(--nutui-progress-text-padding, 0 5px);border-radius:var(--nutui-progress-text-border-radius, 5px);font-size:var(--nutui-progress-text-font-size, 9px);line-height:1;background:var(--nutui-progress-text-background, var(--nutui-progress-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%)))}@keyframes progressActive{0%{background:#ffffff1a;width:0}20%{background:#ffffff80;width:0}to{background:#fff0;width:100%}}[dir=rtl] .nut-progress-text,.nut-rtl .nut-progress-text{transform:translate(50%)}.nut-uploader{position:relative;display:flex;flex-wrap:wrap}.nut-uploader-slot{position:relative}.nut-uploader-upload{position:relative;display:flex;align-items:center;justify-content:center;background:var(--nutui-uploader-background, var(--nutui-gray-3, #f6f6f6));width:var(--nutui-uploader-image-width, 100px);height:var(--nutui-uploader-image-height, 100px);border:var(--nutui-uploader-image-border, 0px);border-radius:var(--nutui-uploader-image-border-radius, 4px)}.nut-uploader-icon{display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--nutui-uploader-image-color, var(--nutui-gray-5, #8c8c8c))}.nut-uploader-icon i,.nut-uploader-icon .nut-icon{color:var(--nutui-uploader-image-color, var(--nutui-gray-5, #8c8c8c));margin-bottom:var(--nutui-uploader-image-icon-margin-bottom, 6px)}.nut-uploader-icon-tip{font-size:var(--nutui-uploader-image-icon-tip-font-size, 12px)}.nut-uploader-input{position:absolute!important;top:0;left:0;width:100%!important;height:100%!important;overflow:hidden;cursor:pointer;opacity:0}.nut-uploader-input:disabled{cursor:not-allowed}.nut-uploader-upload-disabled{background:var(--nutui-uploader-background-disabled, var(--nutui-gray-3, #f6f6f6));color:var(--nutui-uploader-image-disabled, var(--nutui-color-text-disabled, #bfbfbf))}.nut-uploader-upload-disabled .nut-uploader-icon i,.nut-uploader-upload-disabled .nut-uploader-icon .nut-icon{color:var(--nutui-uploader-image-disabled, var(--nutui-color-text-disabled, #bfbfbf));margin-bottom:var(--nutui-uploader-image-icon-margin-bottom, 6px)}.nut-uploader-preview{position:relative;margin-right:var(--nutui-uploader-preview-margin-right, 10px);margin-bottom:var(--nutui-uploader-preview-margin-bottom, 10px);border-radius:var(--nutui-uploader-image-border-radius, 4px);box-shadow:0 2px 10px #0000001a}.nut-uploader-preview-progress{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:var(--nutui-uploader-preview-progress-background, var(--nutui-black-10, rgba(0, 0, 0, .7)));border-radius:var(--nutui-uploader-image-border-radius, 4px)}.nut-uploader-preview-progress i{margin-bottom:var(--nutui-uploader-image-icon-margin-bottom, 6px)}.nut-uploader-preview-progress-msg{color:var(--nutui-gray-5, #8c8c8c);font-size:12px}.nut-uploader-preview.list{width:100%;margin-right:0;margin-bottom:0;margin-top:10px;box-shadow:0 2px 10px #00000003}.nut-uploader-preview-list{width:100%;height:32px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background-color:var(--nutui-gray-2, #f8f8f8)}.nut-uploader-preview-list .nut-uploader-preview-img-file-name{display:flex;align-items:center;-webkit-line-clamp:1;padding:2px;height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nut-uploader-preview-list .nut-progress{position:absolute;left:0;right:0;bottom:0}.nut-uploader-preview-list .nut-progress .nut-progress-outer{height:2px!important}.nut-uploader-preview .close{position:absolute;right:var(--nutui-uploader-preview-close-right, 0px);top:var(--nutui-uploader-preview-close-top, 0px);transform:translate(50%,-50%);z-index:1}.nut-uploader-preview-img{position:relative;width:var(--nutui-uploader-image-width, 100px);height:var(--nutui-uploader-image-height, 100px);border-radius:var(--nutui-uploader-image-border-radius, 4px);overflow:hidden}.nut-uploader-preview-img i{color:var(--nutui-gray-7, #1a1a1a)}.nut-uploader-preview-img .tips{position:absolute;bottom:0;left:0;font-size:12px;color:#fff;text-align:center;box-sizing:border-box;height:var(--nutui-uploader-preview-tips-height, 24px);line-height:var(--nutui-uploader-preview-tips-height, 24px);border-radius:var(--nutui-uploader-image-border-radius, 4px);border-top-left-radius:0;border-top-right-radius:0;padding:var(--nutui-uploader-preview-tips-padding, 0 5px);background:var(--nutui-uploader-preview-tips-background, var(--nutui-black-7));width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-uploader-preview-img-c{display:flex;justify-content:center;align-items:center;width:var(--nutui-uploader-image-width, 100px);height:var(--nutui-uploader-image-height, 100px);position:initial;border-radius:var(--nutui-uploader-image-border-radius, 4px)}.nut-uploader-preview-img-file{height:100%;width:100%;display:flex;align-items:center;justify-content:center;transition:all .3s}.nut-uploader-preview-img-file-name{display:flex;width:90%;font-size:12px;color:var(--nutui-gray-6, #595959);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all}.nut-uploader-preview-img-file-name.error{color:red!important}.nut-uploader-preview-img-file-name.success{color:#1890ff!important}.nut-uploader-preview-img-file-name .nut-icon-Link{flex-shrink:0}[dir=rtl] .nut-uploader-input,.nut-rtl .nut-uploader-input{left:auto;right:0}[dir=rtl] .nut-uploader-preview,.nut-rtl .nut-uploader-preview{margin-right:0;margin-left:var(--nutui-uploader-preview-margin-right, 10px)}[dir=rtl] .nut-uploader-preview-progress,.nut-rtl .nut-uploader-preview-progress{left:auto;right:0}[dir=rtl] .nut-uploader-preview.list,.nut-rtl .nut-uploader-preview.list{margin-right:0;margin-left:0}[dir=rtl] .nut-uploader-preview .close,.nut-rtl .nut-uploader-preview .close{right:auto;left:var(--nutui-uploader-preview-close-right, 0px);transform:translate(-50%,-50%)}[dir=rtl] .nut-uploader-preview-img .tips,.nut-rtl .nut-uploader-preview-img .tips{left:auto;right:0}
|
package/dist/esm/Uploader.js
CHANGED
|
@@ -284,6 +284,7 @@ const InternalUploader = (props, ref) => {
|
|
|
284
284
|
}
|
|
285
285
|
};
|
|
286
286
|
const readFile = (files) => {
|
|
287
|
+
const results = [];
|
|
287
288
|
files.forEach((file, index) => {
|
|
288
289
|
var _a2;
|
|
289
290
|
const formData = new FormData();
|
|
@@ -300,13 +301,14 @@ const InternalUploader = (props, ref) => {
|
|
|
300
301
|
const reader = new FileReader();
|
|
301
302
|
reader.onload = (event) => {
|
|
302
303
|
fileItem.url = event.target.result;
|
|
303
|
-
|
|
304
|
+
results.push(fileItem);
|
|
304
305
|
};
|
|
305
306
|
reader.readAsDataURL(file);
|
|
306
307
|
} else {
|
|
307
|
-
|
|
308
|
+
results.push(fileItem);
|
|
308
309
|
}
|
|
309
310
|
});
|
|
311
|
+
setFileList([...fileList, ...results]);
|
|
310
312
|
};
|
|
311
313
|
const filterFiles = (files) => {
|
|
312
314
|
const maximum = maxCount * 1;
|
package/dist/esm/formitem2.js
CHANGED
|
@@ -4,6 +4,27 @@ import { C as ComponentDefaults } from "./typings.js";
|
|
|
4
4
|
import { a as __awaiter } from "./tslib.es6.js";
|
|
5
5
|
import Schema from "async-validator";
|
|
6
6
|
const Context = createContext({});
|
|
7
|
+
function merge(...objects) {
|
|
8
|
+
const result = Array.isArray(objects[0]) ? [] : {};
|
|
9
|
+
function mergeHelper(obj, path = []) {
|
|
10
|
+
for (const [key, value] of Object.entries(obj)) {
|
|
11
|
+
const newPath = [...path, key];
|
|
12
|
+
if (Array.isArray(value)) {
|
|
13
|
+
result[key] = [...value];
|
|
14
|
+
} else if (typeof value === "object" && value !== null) {
|
|
15
|
+
if (path.some((p) => p === value))
|
|
16
|
+
continue;
|
|
17
|
+
if (!result[key])
|
|
18
|
+
result[key] = {};
|
|
19
|
+
mergeHelper(value, newPath);
|
|
20
|
+
} else {
|
|
21
|
+
result[key] = value;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
objects.filter((obj) => !!obj).forEach((obj) => mergeHelper(obj));
|
|
26
|
+
return result;
|
|
27
|
+
}
|
|
7
28
|
const SECRET = "NUT_FORM_INTERNAL";
|
|
8
29
|
class FormStore {
|
|
9
30
|
constructor() {
|
|
@@ -36,14 +57,16 @@ class FormStore {
|
|
|
36
57
|
});
|
|
37
58
|
return fieldsValue;
|
|
38
59
|
};
|
|
39
|
-
this.setInitialValues = (
|
|
60
|
+
this.setInitialValues = (initialValues, init) => {
|
|
61
|
+
this.initialValues = initialValues || {};
|
|
40
62
|
if (init) {
|
|
41
|
-
|
|
42
|
-
this.
|
|
63
|
+
const nextStore = merge(initialValues, this.store);
|
|
64
|
+
this.updateStore(nextStore);
|
|
43
65
|
}
|
|
44
66
|
};
|
|
45
|
-
this.setFieldsValue = (newStore
|
|
46
|
-
|
|
67
|
+
this.setFieldsValue = (newStore) => {
|
|
68
|
+
const nextStore = merge(this.store, newStore);
|
|
69
|
+
this.updateStore(nextStore);
|
|
47
70
|
this.fieldEntities.forEach((entity) => {
|
|
48
71
|
const { name } = entity.props;
|
|
49
72
|
Object.keys(newStore).forEach((key) => {
|
|
@@ -61,49 +84,61 @@ class FormStore {
|
|
|
61
84
|
item.entity.onStoreChange("update");
|
|
62
85
|
}
|
|
63
86
|
});
|
|
64
|
-
|
|
87
|
+
};
|
|
88
|
+
this.setFieldValue = (name, value) => {
|
|
89
|
+
const store = {
|
|
90
|
+
[name]: value
|
|
91
|
+
};
|
|
92
|
+
this.setFieldsValue(store);
|
|
65
93
|
};
|
|
66
94
|
this.setCallback = (callback) => {
|
|
67
95
|
this.callbacks = Object.assign(Object.assign({}, this.callbacks), callback);
|
|
68
96
|
};
|
|
69
|
-
this.
|
|
97
|
+
this.validateEntities = (entity, errs) => __awaiter(this, void 0, void 0, function* () {
|
|
70
98
|
var _a;
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
filterEntitys = this.fieldEntities;
|
|
76
|
-
} else {
|
|
77
|
-
filterEntitys = this.fieldEntities.filter(({ props: { name } }) => nameList.includes(name));
|
|
99
|
+
const { name, rules = [] } = entity.props;
|
|
100
|
+
if (!name) {
|
|
101
|
+
console.warn("Form field missing name property");
|
|
102
|
+
return;
|
|
78
103
|
}
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
descriptor[name]
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
} else {
|
|
89
|
-
descriptor[name] = rules[0];
|
|
90
|
-
}
|
|
104
|
+
const descriptor = {};
|
|
105
|
+
if (rules.length) {
|
|
106
|
+
if (rules.length > 1) {
|
|
107
|
+
descriptor[name] = [];
|
|
108
|
+
rules.forEach((v) => {
|
|
109
|
+
descriptor[name].push(v);
|
|
110
|
+
});
|
|
111
|
+
} else {
|
|
112
|
+
descriptor[name] = rules[0];
|
|
91
113
|
}
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
114
|
+
}
|
|
115
|
+
const validator = new Schema(descriptor);
|
|
116
|
+
try {
|
|
117
|
+
yield validator.validate({ [name]: (_a = this.store) === null || _a === void 0 ? void 0 : _a[name] });
|
|
118
|
+
} catch ({ errors }) {
|
|
119
|
+
if (errors) {
|
|
120
|
+
errs.push(...errors);
|
|
121
|
+
this.errors[name] = errors;
|
|
122
|
+
}
|
|
123
|
+
} finally {
|
|
124
|
+
if (!errs || errs.length === 0) {
|
|
125
|
+
this.errors[name] = [];
|
|
104
126
|
}
|
|
105
|
-
entity.onStoreChange("validate");
|
|
106
127
|
}
|
|
128
|
+
entity.onStoreChange("validate");
|
|
129
|
+
});
|
|
130
|
+
this.validateFields = (nameList) => __awaiter(this, void 0, void 0, function* () {
|
|
131
|
+
let filterEntities = [];
|
|
132
|
+
this.errors.length = 0;
|
|
133
|
+
if (!nameList || nameList.length === 0) {
|
|
134
|
+
filterEntities = this.fieldEntities;
|
|
135
|
+
} else {
|
|
136
|
+
filterEntities = this.fieldEntities.filter(({ props: { name } }) => nameList.includes(name));
|
|
137
|
+
}
|
|
138
|
+
const errs = [];
|
|
139
|
+
yield Promise.all(filterEntities.map((entity) => __awaiter(this, void 0, void 0, function* () {
|
|
140
|
+
yield this.validateEntities(entity, errs);
|
|
141
|
+
})));
|
|
107
142
|
return errs;
|
|
108
143
|
});
|
|
109
144
|
this.submit = () => __awaiter(this, void 0, void 0, function* () {
|
|
@@ -117,7 +152,8 @@ class FormStore {
|
|
|
117
152
|
});
|
|
118
153
|
this.resetFields = () => {
|
|
119
154
|
this.errors.length = 0;
|
|
120
|
-
|
|
155
|
+
const nextStore = merge({}, this.initialValues);
|
|
156
|
+
this.updateStore(nextStore);
|
|
121
157
|
this.fieldEntities.forEach((entity) => {
|
|
122
158
|
entity.onStoreChange("reset");
|
|
123
159
|
});
|
|
@@ -152,6 +188,7 @@ class FormStore {
|
|
|
152
188
|
getFieldValue: this.getFieldValue,
|
|
153
189
|
getFieldsValue: this.getFieldsValue,
|
|
154
190
|
setFieldsValue: this.setFieldsValue,
|
|
191
|
+
setFieldValue: this.setFieldValue,
|
|
155
192
|
resetFields: this.resetFields,
|
|
156
193
|
validateFields: this.validateFields,
|
|
157
194
|
submit: this.submit,
|
|
@@ -166,6 +203,9 @@ class FormStore {
|
|
|
166
203
|
}
|
|
167
204
|
};
|
|
168
205
|
}
|
|
206
|
+
updateStore(nextStore) {
|
|
207
|
+
this.store = nextStore;
|
|
208
|
+
}
|
|
169
209
|
}
|
|
170
210
|
const useForm = (form) => {
|
|
171
211
|
const formRef = useRef();
|
|
@@ -188,20 +228,28 @@ function isForwardRefComponent(component) {
|
|
|
188
228
|
}
|
|
189
229
|
).$$typeof === component.type.$$typeof;
|
|
190
230
|
}
|
|
191
|
-
|
|
231
|
+
function toArray(value) {
|
|
232
|
+
if (value === void 0 || value === null) {
|
|
233
|
+
return [];
|
|
234
|
+
}
|
|
235
|
+
return Array.isArray(value) ? value : [value];
|
|
236
|
+
}
|
|
237
|
+
const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { required: false, name: "", label: "", rules: [{ required: false, message: "" }], errorMessageAlign: "left", shouldUpdate: false, noStyle: false });
|
|
192
238
|
class FormItem extends React__default.Component {
|
|
193
239
|
constructor(props) {
|
|
194
240
|
super(props);
|
|
195
241
|
this.getControlled = (children) => {
|
|
196
242
|
var _a;
|
|
197
|
-
const { setFieldsValue, getFieldValue } = this.context;
|
|
198
|
-
const { dispatch } = this.context.getInternal(SECRET);
|
|
243
|
+
const { setFieldsValue, getFieldValue } = this.context.formInstance;
|
|
244
|
+
const { dispatch } = this.context.formInstance.getInternal(SECRET);
|
|
199
245
|
const { name = "" } = this.props;
|
|
200
246
|
if ((_a = children === null || children === void 0 ? void 0 : children.props) === null || _a === void 0 ? void 0 : _a.defaultValue) {
|
|
201
|
-
|
|
247
|
+
if (process.env.NODE_ENV !== "production") {
|
|
248
|
+
console.warn("[NutUI] FormItem:", "请通过 initialValue 设置初始值，而不是 defaultValue");
|
|
249
|
+
}
|
|
202
250
|
}
|
|
203
251
|
const fieldValue = getFieldValue(name);
|
|
204
|
-
const controlled = Object.assign(Object.assign({}, children.props), { [this.props.valuePropName || "value"]: fieldValue !== void 0 ? fieldValue : this.props.initialValue, [this.props.trigger || "onChange"]: (...args) => {
|
|
252
|
+
const controlled = Object.assign(Object.assign({}, children.props), { className: children.props.className, [this.props.valuePropName || "value"]: fieldValue !== void 0 ? fieldValue : this.props.initialValue, [this.props.trigger || "onChange"]: (...args) => {
|
|
205
253
|
const originOnChange = children.props[this.props.trigger || "onChange"];
|
|
206
254
|
if (originOnChange) {
|
|
207
255
|
originOnChange(...args);
|
|
@@ -210,26 +258,24 @@ class FormItem extends React__default.Component {
|
|
|
210
258
|
if (this.props.getValueFromEvent) {
|
|
211
259
|
next = this.props.getValueFromEvent(...args);
|
|
212
260
|
}
|
|
213
|
-
setFieldsValue({ [name]: next }
|
|
261
|
+
setFieldsValue({ [name]: next });
|
|
214
262
|
} });
|
|
215
263
|
const { validateTrigger } = this.props;
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
});
|
|
232
|
-
}
|
|
264
|
+
const mergedValidateTrigger = validateTrigger || this.context.validateTrigger;
|
|
265
|
+
const validateTriggers = toArray(mergedValidateTrigger);
|
|
266
|
+
validateTriggers.forEach((trigger) => {
|
|
267
|
+
const originTrigger = controlled[trigger];
|
|
268
|
+
controlled[trigger] = (...args) => {
|
|
269
|
+
if (originTrigger) {
|
|
270
|
+
originTrigger(...args);
|
|
271
|
+
}
|
|
272
|
+
if (this.props.rules && this.props.rules.length) {
|
|
273
|
+
dispatch({
|
|
274
|
+
name: this.props.name
|
|
275
|
+
});
|
|
276
|
+
}
|
|
277
|
+
};
|
|
278
|
+
});
|
|
233
279
|
if (isForwardRefComponent(children)) {
|
|
234
280
|
controlled.ref = (componentInstance) => {
|
|
235
281
|
const originRef = children.ref;
|
|
@@ -253,7 +299,7 @@ class FormItem extends React__default.Component {
|
|
|
253
299
|
};
|
|
254
300
|
this.onStoreChange = (type) => {
|
|
255
301
|
if (type === "reset") {
|
|
256
|
-
this.context.errors[this.props.name] = [];
|
|
302
|
+
this.context.formInstance.errors[this.props.name] = [];
|
|
257
303
|
this.refresh();
|
|
258
304
|
} else {
|
|
259
305
|
this.forceUpdate();
|
|
@@ -262,23 +308,27 @@ class FormItem extends React__default.Component {
|
|
|
262
308
|
this.renderLayout = (childNode) => {
|
|
263
309
|
const { label, name, required, rules, className, style, errorMessageAlign, align } = Object.assign(Object.assign({}, defaultProps), this.props);
|
|
264
310
|
const requiredInRules = rules === null || rules === void 0 ? void 0 : rules.some((rule) => rule.required);
|
|
265
|
-
const item = name ? this.context.errors[name] : [];
|
|
266
|
-
const { starPosition } = this.context;
|
|
267
|
-
const renderStar = (required || requiredInRules) && React__default.createElement("
|
|
311
|
+
const item = name ? this.context.formInstance.errors[name] : [];
|
|
312
|
+
const { starPosition } = this.context.formInstance;
|
|
313
|
+
const renderStar = (required || requiredInRules) && React__default.createElement("div", { className: "nut-form-item-label-required required" }, "*");
|
|
268
314
|
const renderLabel = React__default.createElement(
|
|
269
315
|
React__default.Fragment,
|
|
270
316
|
null,
|
|
271
|
-
|
|
272
|
-
|
|
317
|
+
React__default.createElement(
|
|
318
|
+
"span",
|
|
319
|
+
{ className: "nut-form-item-labeltxt" },
|
|
320
|
+
starPosition === "left" ? renderStar : null,
|
|
321
|
+
label
|
|
322
|
+
),
|
|
273
323
|
starPosition === "right" ? renderStar : null
|
|
274
324
|
);
|
|
275
325
|
return React__default.createElement(
|
|
276
326
|
Cell__default,
|
|
277
|
-
{ className:
|
|
278
|
-
label ? React__default.createElement("div", { className:
|
|
327
|
+
{ className: `${this.getClassNameWithDirection("nut-form-item")} ${className}`, style, align, onClick: (e) => this.props.onClick && this.props.onClick(e, this.componentRef) },
|
|
328
|
+
label ? React__default.createElement("div", { className: `nut-cell-title ${this.getClassNameWithDirection("nut-form-item-label")}` }, renderLabel) : null,
|
|
279
329
|
React__default.createElement(
|
|
280
330
|
"div",
|
|
281
|
-
{ className:
|
|
331
|
+
{ className: `nut-cell-value ${this.getClassNameWithDirection("nut-form-item-body")}` },
|
|
282
332
|
React__default.createElement("div", { className: "nut-form-item-body-slots" }, childNode),
|
|
283
333
|
item && item.length > 0 && React__default.createElement("div", { className: "nut-form-item-body-tips", style: { textAlign: errorMessageAlign } }, item[0].message)
|
|
284
334
|
)
|
|
@@ -290,11 +340,11 @@ class FormItem extends React__default.Component {
|
|
|
290
340
|
};
|
|
291
341
|
}
|
|
292
342
|
componentDidMount() {
|
|
293
|
-
const { store = {}, setInitialValues } = this.context.getInternal(SECRET);
|
|
343
|
+
const { store = {}, setInitialValues } = this.context.formInstance.getInternal(SECRET);
|
|
294
344
|
if (this.props.initialValue && this.props.name && !Object.keys(store).includes(this.props.name)) {
|
|
295
345
|
setInitialValues(Object.assign(Object.assign({}, store), { [this.props.name]: this.props.initialValue }), true);
|
|
296
346
|
}
|
|
297
|
-
const { registerField, registerUpdate } = this.context.getInternal(SECRET);
|
|
347
|
+
const { registerField, registerUpdate } = this.context.formInstance.getInternal(SECRET);
|
|
298
348
|
this.cancelRegister = registerField(this);
|
|
299
349
|
this.eventOff = registerUpdate(this, this.props.shouldUpdate);
|
|
300
350
|
}
|
|
@@ -306,6 +356,12 @@ class FormItem extends React__default.Component {
|
|
|
306
356
|
this.eventOff();
|
|
307
357
|
}
|
|
308
358
|
}
|
|
359
|
+
getClassNameWithDirection(className) {
|
|
360
|
+
if (className && this.context.labelPosition) {
|
|
361
|
+
return `${className} ${className}-${this.context.labelPosition}`;
|
|
362
|
+
}
|
|
363
|
+
return className;
|
|
364
|
+
}
|
|
309
365
|
render() {
|
|
310
366
|
const { children } = this.props;
|
|
311
367
|
const child = Array.isArray(children) ? children[0] : children;
|
|
@@ -313,9 +369,13 @@ class FormItem extends React__default.Component {
|
|
|
313
369
|
if (!this.props.shouldUpdate) {
|
|
314
370
|
returnChildNode = React__default.cloneElement(child, this.getControlled(child));
|
|
315
371
|
} else {
|
|
316
|
-
returnChildNode = child(this.context);
|
|
372
|
+
returnChildNode = child(this.context.formInstance);
|
|
317
373
|
}
|
|
318
|
-
return React__default.createElement(
|
|
374
|
+
return React__default.createElement(
|
|
375
|
+
React__default.Fragment,
|
|
376
|
+
{ key: this.state.resetCount },
|
|
377
|
+
React__default.createElement("div", { className: this.context.disabled ? "nut-form-item-disabled" : "" }, this.props.noStyle ? returnChildNode : this.renderLayout(returnChildNode))
|
|
378
|
+
);
|
|
319
379
|
}
|
|
320
380
|
}
|
|
321
381
|
FormItem.defaultProps = defaultProps;
|
package/dist/locales/base.js
CHANGED
package/dist/locales/en-US.js
CHANGED
package/dist/locales/id-ID.js
CHANGED
package/dist/locales/tr-TR.js
CHANGED
package/dist/locales/zh-CN.js
CHANGED
package/dist/locales/zh-TW.js
CHANGED
package/dist/locales/zh-UG.js
CHANGED