@nutui/nutui 4.3.0-beta.6 → 4.3.1
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 +47 -0
- package/README.md +1 -1
- package/dist/nutui.es.js +1 -1
- package/dist/nutui.js +5939 -6035
- package/dist/nutui.umd.js +1 -1
- package/dist/packages/actionsheet/ActionSheet.js +0 -2
- package/dist/packages/address/Address.js +0 -3
- package/dist/packages/addresslist/AddressList.js +0 -4
- package/dist/packages/audio/Audio.js +0 -3
- package/dist/packages/audiooperate/AudioOperate.js +0 -4
- package/dist/packages/avatar/Avatar.js +0 -1
- package/dist/packages/avatarcropper/AvatarCropper.js +1 -2
- package/dist/packages/button/Button.js +17 -18
- package/dist/packages/calendar/Calendar.js +0 -6
- package/dist/packages/calendarcard/CalendarCard.js +6 -26
- package/dist/packages/calendaritem/CalendarItem.js +0 -2
- package/dist/packages/card/Card.js +0 -1
- package/dist/packages/cascader/Cascader.js +0 -9
- package/dist/packages/checkbox/Checkbox.js +4 -2
- package/dist/packages/collapse/Collapse.js +40 -28
- package/dist/packages/collapseitem/CollapseItem.js +112 -125
- package/dist/packages/comment/Comment.js +0 -5
- package/dist/packages/common-LvGbU-A3.js +13 -0
- package/dist/packages/countdown/Countdown.js +3 -4
- package/dist/packages/datepicker/DatePicker.js +0 -4
- package/dist/packages/dialog/Dialog.js +0 -4
- package/dist/packages/ecard/Ecard.js +0 -4
- package/dist/packages/empty/Empty.js +0 -2
- package/dist/packages/fixednav/FixedNav.js +0 -2
- package/dist/packages/form/Form.js +161 -157
- package/dist/packages/formitem/FormItem.js +76 -107
- package/dist/packages/grid/Grid.js +0 -1
- package/dist/packages/imagepreview/ImagePreview.js +1 -5
- package/dist/packages/{index-rf29bejW.js → index-cp6Ms_Qe.js} +1 -1
- package/dist/packages/{index.vue_vue_type_script_lang-MJYVRFbp.js → index.vue_vue_type_script_lang-w2sgcysj.js} +6 -4
- package/dist/packages/infiniteloading/InfiniteLoading.js +0 -1
- package/dist/packages/input/Input.js +10 -7
- package/dist/packages/inputnumber/InputNumber.js +12 -8
- package/dist/packages/invoice/Invoice.js +10 -21
- package/dist/packages/list/List.js +1 -1
- package/dist/packages/locale/lang/index.js +0 -1
- package/dist/packages/menu/Menu.js +1 -1
- package/dist/packages/menuitem/MenuItem.js +0 -2
- package/dist/packages/noticebar/Noticebar.js +9 -10
- package/dist/packages/notify/Notify.js +0 -3
- package/dist/packages/numberkeyboard/NumberKeyboard.js +0 -4
- package/dist/packages/pagination/Pagination.js +0 -2
- package/dist/packages/picker/Picker.js +10 -5
- package/dist/packages/popover/Popover.js +88 -89
- package/dist/packages/popover/index.css +1 -1
- package/dist/packages/popover/index.scss +3 -12
- package/dist/packages/popup/Popup.js +0 -4
- package/dist/packages/pullrefresh/PullRefresh.js +0 -1
- package/dist/packages/radio/Radio.js +1 -6
- package/dist/packages/radiogroup/RadioGroup.js +0 -3
- package/dist/packages/range/Range.js +11 -8
- package/dist/packages/rate/Rate.js +6 -3
- package/dist/packages/searchbar/Searchbar.js +5 -4
- package/dist/packages/shortpassword/ShortPassword.js +0 -3
- package/dist/packages/signature/Signature.js +0 -4
- package/dist/packages/sku/Sku.js +5 -9
- package/dist/packages/sticky/Sticky.js +1 -1
- package/dist/packages/switch/Switch.js +5 -3
- package/dist/packages/table/Table.js +0 -2
- package/dist/packages/tabs/Tabs.js +1 -2
- package/dist/packages/textarea/Textarea.js +7 -6
- package/dist/packages/timepannel/TimePannel.js +2 -2
- package/dist/packages/timeselect/TimeSelect.js +0 -4
- package/dist/packages/toast/Toast.js +3 -3
- package/dist/packages/tour/Tour.js +1 -5
- package/dist/packages/tour/index.css +1 -1
- package/dist/packages/uploader/Uploader.js +7 -5
- package/dist/packages/video/Video.js +0 -2
- package/dist/smartips/web-types.json +12 -3
- package/dist/style.css +1 -1
- package/dist/types/__VUE/address/index.vue.d.ts +43 -3
- package/dist/types/__VUE/calendarcard/calendar-card.vue.d.ts +59 -57
- package/dist/types/__VUE/calendarcard/index.d.ts +1 -0
- package/dist/types/__VUE/collapse/collapse.vue.d.ts +60 -0
- package/dist/types/__VUE/collapse/index.d.ts +6 -0
- package/dist/types/__VUE/collapse/types.d.ts +3 -2
- package/dist/types/__VUE/collapseitem/collapse-item.vue.d.ts +201 -0
- package/dist/types/__VUE/collapseitem/index.d.ts +5 -0
- package/dist/types/__VUE/countdown/index.vue.d.ts +23 -1
- package/dist/types/__VUE/fixednav/index.vue.d.ts +2 -2
- package/dist/types/__VUE/form/common.d.ts +2 -30
- package/dist/types/__VUE/form/form.vue.d.ts +80 -0
- package/dist/types/__VUE/form/index.d.ts +6 -0
- package/dist/types/__VUE/form/types.d.ts +12 -4
- package/dist/types/__VUE/formitem/form-item.vue.d.ts +97 -0
- package/dist/types/__VUE/formitem/index.d.ts +5 -0
- package/dist/types/__VUE/input/index.vue.d.ts +2 -1
- package/dist/types/__VUE/inputnumber/index.vue.d.ts +1 -0
- package/dist/types/__VUE/noticebar/index.vue.d.ts +4 -3
- package/dist/types/__VUE/noticebar/types.d.ts +1 -0
- package/dist/types/__VUE/picker/index.vue.d.ts +1 -0
- package/dist/types/__VUE/picker/types.d.ts +1 -0
- package/dist/types/__VUE/picker/usePicker.d.ts +1 -0
- package/dist/types/__VUE/popover/index.vue.d.ts +0 -1
- package/dist/types/__VUE/popover/type.d.ts +7 -0
- package/dist/types/__VUE/range/index.vue.d.ts +1 -1
- package/dist/types/__VUE/rate/index.vue.d.ts +1 -0
- package/dist/types/__VUE/searchbar/index.vue.d.ts +1 -0
- package/dist/types/__VUE/skeleton/index.vue.d.ts +3 -3
- package/dist/types/__VUE/sku/components/SkuStepper.vue.d.ts +1 -1
- package/dist/types/__VUE/sku/index.vue.d.ts +1 -1
- package/dist/types/__VUE/table/index.vue.d.ts +4 -4
- package/dist/types/__VUE/tabs/index.vue.d.ts +4 -4
- package/dist/types/__VUE/textarea/index.vue.d.ts +1 -0
- package/dist/types/__VUE/toast/index.vue.d.ts +21 -1
- package/dist/types/index.d.ts +9 -5
- package/dist/types/utils/index.d.ts +1 -0
- package/package.json +1 -1
- package/dist/types/__VUE/collapse/index.vue.d.ts +0 -39
- package/dist/types/__VUE/collapseitem/index.vue.d.ts +0 -212
- package/dist/types/__VUE/form/index.vue.d.ts +0 -58
- package/dist/types/__VUE/formitem/index.vue.d.ts +0 -134
- package/dist/types/__VUE/formitem/types.d.ts +0 -11
|
@@ -44,11 +44,10 @@ import { JoySmile } from "@nutui/icons-vue";
|
|
|
44
44
|
import { c as createComponent } from "../component-TCzwHGVq.js";
|
|
45
45
|
import { T as TypeOfFun } from "../util-4Jkyw4BJ.js";
|
|
46
46
|
import { p as pxCheck } from "../pxCheck-OnXlN1NC.js";
|
|
47
|
-
import { u as useRect } from "../index-
|
|
47
|
+
import { u as useRect } from "../index-cp6Ms_Qe.js";
|
|
48
48
|
import { r as requestAniFrame } from "../raf-MQjoO-Ag.js";
|
|
49
49
|
import { u as useTouch } from "../index-084nl_oE.js";
|
|
50
50
|
import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
|
|
51
|
-
import "../index-xDfQLRen.js";
|
|
52
51
|
const useTabContentTouch = (props, tabMethods, taro, useTaroRect) => {
|
|
53
52
|
const tabsContentRef = ref();
|
|
54
53
|
const tabsContentRefRect = ref({ width: 0, height: 0 });
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import { ref, computed, onMounted, nextTick, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, toDisplayString, createCommentVNode } from "vue";
|
|
1
|
+
import { toRef, ref, computed, onMounted, nextTick, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, toDisplayString, createCommentVNode } from "vue";
|
|
2
2
|
import { c as createComponent } from "../component-TCzwHGVq.js";
|
|
3
3
|
import { u as useLocale } from "../index-s3RgMhc7.js";
|
|
4
|
+
import { u as useFormDisabled } from "../common-LvGbU-A3.js";
|
|
4
5
|
import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
|
|
5
|
-
import "@nutui/nutui/dist/packages/locale/lang";
|
|
6
|
-
import "../util-4Jkyw4BJ.js";
|
|
7
6
|
const { create } = createComponent("textarea");
|
|
8
7
|
const cN = "NutTextarea";
|
|
9
8
|
const _sfc_main = create({
|
|
@@ -51,13 +50,14 @@ const _sfc_main = create({
|
|
|
51
50
|
},
|
|
52
51
|
emits: ["update:modelValue", "change", "blur", "focus"],
|
|
53
52
|
setup(props, { emit }) {
|
|
53
|
+
const disabled = useFormDisabled(toRef(props, "disabled"));
|
|
54
54
|
const translate = useLocale(cN);
|
|
55
55
|
const textareaRef = ref();
|
|
56
56
|
const classes = computed(() => {
|
|
57
57
|
const prefixCls = "nut-textarea";
|
|
58
58
|
return {
|
|
59
59
|
[prefixCls]: true,
|
|
60
|
-
[`${prefixCls}--disabled`]:
|
|
60
|
+
[`${prefixCls}--disabled`]: disabled.value
|
|
61
61
|
};
|
|
62
62
|
});
|
|
63
63
|
onMounted(() => {
|
|
@@ -117,14 +117,14 @@ const _sfc_main = create({
|
|
|
117
117
|
}
|
|
118
118
|
};
|
|
119
119
|
const focus = (event) => {
|
|
120
|
-
if (
|
|
120
|
+
if (disabled.value)
|
|
121
121
|
return;
|
|
122
122
|
if (props.readonly)
|
|
123
123
|
return;
|
|
124
124
|
emit("focus", event);
|
|
125
125
|
};
|
|
126
126
|
const blur = (event) => {
|
|
127
|
-
if (
|
|
127
|
+
if (disabled.value)
|
|
128
128
|
return;
|
|
129
129
|
if (props.readonly)
|
|
130
130
|
return;
|
|
@@ -146,6 +146,7 @@ const _sfc_main = create({
|
|
|
146
146
|
textareaRef,
|
|
147
147
|
classes,
|
|
148
148
|
styles,
|
|
149
|
+
disabled,
|
|
149
150
|
change,
|
|
150
151
|
focus,
|
|
151
152
|
blur,
|
|
@@ -34,7 +34,7 @@ const _sfc_main = create({
|
|
|
34
34
|
}
|
|
35
35
|
},
|
|
36
36
|
emits: ["change"],
|
|
37
|
-
setup: (props,
|
|
37
|
+
setup: (props, { emit }) => {
|
|
38
38
|
const currentKey = inject("currentKey");
|
|
39
39
|
const state = reactive({
|
|
40
40
|
currentKey
|
|
@@ -47,7 +47,7 @@ const _sfc_main = create({
|
|
|
47
47
|
};
|
|
48
48
|
});
|
|
49
49
|
const handlePannel = (pannelKey) => {
|
|
50
|
-
|
|
50
|
+
emit("change", pannelKey);
|
|
51
51
|
};
|
|
52
52
|
return __spreadProps(__spreadValues({}, toRefs(state)), {
|
|
53
53
|
classes,
|
|
@@ -3,10 +3,6 @@ import { c as createComponent } from "../component-TCzwHGVq.js";
|
|
|
3
3
|
import { N as NutPopup } from "../index-wY4t0zYt.js";
|
|
4
4
|
import { u as useLocale } from "../index-s3RgMhc7.js";
|
|
5
5
|
import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
|
|
6
|
-
import "@nutui/icons-vue";
|
|
7
|
-
import "../overlay/Overlay.js";
|
|
8
|
-
import "../util-4Jkyw4BJ.js";
|
|
9
|
-
import "@nutui/nutui/dist/packages/locale/lang";
|
|
10
6
|
const { create } = createComponent("time-select");
|
|
11
7
|
const cN = "NutTimeSelect";
|
|
12
8
|
const _sfc_main = create({
|
|
@@ -23,7 +23,6 @@ import { r as renderIcon } from "../renderIcon--EgZu5_5.js";
|
|
|
23
23
|
import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
|
|
24
24
|
import { C as CreateComponent } from "../mountComponent-uInXoTMp.js";
|
|
25
25
|
import { Success, Failure, Tips, Loading } from "@nutui/icons-vue";
|
|
26
|
-
import "../util-4Jkyw4BJ.js";
|
|
27
26
|
const { create } = createComponent("toast");
|
|
28
27
|
const _sfc_main = create({
|
|
29
28
|
components: {},
|
|
@@ -107,7 +106,7 @@ const _sfc_main = create({
|
|
|
107
106
|
const show = () => {
|
|
108
107
|
clearTimer();
|
|
109
108
|
if (props.duration) {
|
|
110
|
-
timer = setTimeout(() => {
|
|
109
|
+
timer = window.setTimeout(() => {
|
|
111
110
|
hide();
|
|
112
111
|
}, props.duration);
|
|
113
112
|
}
|
|
@@ -151,8 +150,9 @@ const _sfc_main = create({
|
|
|
151
150
|
return ["nut-toast-icon-wrapper", { "nut-toast-icon-no-animation": !props.loadingRotate }];
|
|
152
151
|
});
|
|
153
152
|
const onAfterLeave = () => {
|
|
153
|
+
var _a;
|
|
154
154
|
clearTimer();
|
|
155
|
-
props.unmount(props.id);
|
|
155
|
+
(_a = props.unmount) == null ? void 0 : _a.call(props, props.id);
|
|
156
156
|
props.onClose && props.onClose();
|
|
157
157
|
};
|
|
158
158
|
return {
|
|
@@ -19,14 +19,10 @@ var __spreadValues = (a, b) => {
|
|
|
19
19
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
20
|
import { reactive, ref, computed, onMounted, watch, toRefs, nextTick, resolveComponent, openBlock, createElementBlock, normalizeClass, withDirectives, createElementVNode, vShow, Fragment, renderList, normalizeStyle, createCommentVNode, createVNode, withCtx, renderSlot, toDisplayString } from "vue";
|
|
21
21
|
import { c as createComponent } from "../component-TCzwHGVq.js";
|
|
22
|
-
import { u as useRect } from "../index-
|
|
22
|
+
import { u as useRect } from "../index-cp6Ms_Qe.js";
|
|
23
23
|
import { Close } from "@nutui/icons-vue";
|
|
24
24
|
import NutPopover from "../popover/Popover.js";
|
|
25
25
|
import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
|
|
26
|
-
import "../renderIcon--EgZu5_5.js";
|
|
27
|
-
import "../util-4Jkyw4BJ.js";
|
|
28
|
-
import "../index-wY4t0zYt.js";
|
|
29
|
-
import "../overlay/Overlay.js";
|
|
30
26
|
const { create } = createComponent("tour");
|
|
31
27
|
const _sfc_main = create({
|
|
32
28
|
components: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.overlay-fade-enter-active,.overlay-fade-leave-active{transition-property:opacity;transition-timing-function:ease}.overlay-fade-enter-from,.overlay-fade-leave-to{opacity:0}.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nut-overlay-bg-color, rgba(0, 0, 0, 0.7))}.nut-overflow-hidden{overflow:hidden !important}.nut-theme-dark .nut-popup{background:var(--nut-dark-background2, #1b1b1b)}.nut-theme-dark .nut-popup__close-icon{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-popup-slide-center-enter-active,.nut-popup-slide-center-leave-active{transition-property:opacity;transition-timing-function:ease}.nut-popup-slide-center-enter-from,.nut-popup-slide-center-leave-to{opacity:0}.nut-popup-slide-top-enter-from,.nut-popup-slide-top-leave-active{transform:translate(0, -100%)}.nut-popup-slide-right-enter-from,.nut-popup-slide-right-leave-active{transform:translate(100%, 0)}.nut-popup-slide-bottom-enter-from,.nut-popup-slide-bottom-leave-active{transform:translate(0, 100%)}.nut-popup-slide-left-enter-from,.nut-popup-slide-left-leave-active{transform:translate(-100%, 0)}.nut-popup--center{top:50%;left:50%;transform:translate(-50%, -50%)}.nut-popup--center.round{border-radius:var(--nut-popup-border-radius, 20px)}.nut-popup--bottom{bottom:0;left:0;width:100%}.nut-popup--bottom.round{border-radius:var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px) 0 0}.nut-popup--bottom--safebottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.nut-popup--right{top:0;right:0}.nut-popup--right.round{border-radius:var(--nut-popup-border-radius, 20px) 0 0 var(--nut-popup-border-radius, 20px)}.nut-popup--left{top:0;left:0}.nut-popup--left.round{border-radius:0 var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px) 0}.nut-popup--top{top:0;left:0;width:100%}.nut-popup--top.round{border-radius:0 0 var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px)}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nut-white, #fff);-webkit-overflow-scrolling:touch}.nut-popup__close-icon{position:absolute !important;z-index:1;color:#969799;font-size:18px;cursor:pointer;width:30px;height:30px;line-height:30px;text-align:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nut-popup-close-icon-margin, 16px);left:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nut-popup-close-icon-margin, 16px);right:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nut-popup-close-icon-margin, 16px);left:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nut-popup-close-icon-margin, 16px);bottom:var(--nut-popup-close-icon-margin, 16px)}.nut-popover{position:absolute;display:inline-block;word-break:normal}.nut-popover .nut-popover-arrow{position:absolute;width:0;height:0;border:8px solid rgba(0,0,0,0)}.nut-popover .nut-popover-arrow-top{bottom:0;border-top-color:var(--nut-popover-white-background-color, rgb(255, 255, 255));border-bottom-width:0;margin-bottom:-8px}.nut-popover .nut-popover-arrow-bottom{top:0px;border-bottom-color:var(--nut-popover-white-background-color, rgb(255, 255, 255));border-top-width:0;margin-top:-8px}.nut-popover .nut-popover-arrow-bottom.nut-popover-arrow--bottom{left:50%;transform:translateX(-50%)}.nut-popover .nut-popover-arrow-bottom.nut-popover-arrow--bottom-start{left:16px;transform:translateX(0%)}.nut-popover .nut-popover-arrow-bottom.nut-popover-arrow--bottom-end{right:16px;transform:translateX(0%)}.nut-popover .nut-popover-arrow-left{right:0px;border-left-color:var(--nut-popover-white-background-color, rgb(255, 255, 255));border-right-width:0;margin-right:-8px}.nut-popover .nut-popover-arrow-left.nut-popover-arrow--left{top:50%;transform:translateY(-50%)}.nut-popover .nut-popover-arrow-left.nut-popover-arrow--left-start{top:16px;transform:translateY(0%)}.nut-popover .nut-popover-arrow-left.nut-popover-arrow--left-end{bottom:16px;transform:translateY(0%)}.nut-popover .nut-popover-arrow-right{left:0px;border-right-color:var(--nut-popover-white-background-color, rgb(255, 255, 255));border-left-width:0;margin-left:-8px}.nut-popover .nut-popover-arrow-right.nut-popover-arrow--right{top:50%;transform:translateY(-50%)}.nut-popover .nut-popover-arrow-right.nut-popover-arrow--right-start{top:16px;transform:translateY(0%)}.nut-popover .nut-popover-arrow-right.nut-popover-arrow--right-end{bottom:16px;transform:translateY(0%)}.nut-popover .nut-popover-content{position:absolute;z-index:9999;background:#fff;border-radius:5px;font-size:14px;font-weight:normal;color:#333;box-shadow:0 2px 12px rgba(50,50,51,.1215686275);opacity:1;transition:opacity .15s,transform .15s;max-height:initial;overflow-y:initial}.nut-popover .nut-popover-content-group{display:block;height:100%;width:100%}.nut-popover .nut-popover-content .nut-popover-menu-item{display:
|
|
1
|
+
.overlay-fade-enter-active,.overlay-fade-leave-active{transition-property:opacity;transition-timing-function:ease}.overlay-fade-enter-from,.overlay-fade-leave-to{opacity:0}.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nut-overlay-bg-color, rgba(0, 0, 0, 0.7))}.nut-overflow-hidden{overflow:hidden !important}.nut-theme-dark .nut-popup{background:var(--nut-dark-background2, #1b1b1b)}.nut-theme-dark .nut-popup__close-icon{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-popup-slide-center-enter-active,.nut-popup-slide-center-leave-active{transition-property:opacity;transition-timing-function:ease}.nut-popup-slide-center-enter-from,.nut-popup-slide-center-leave-to{opacity:0}.nut-popup-slide-top-enter-from,.nut-popup-slide-top-leave-active{transform:translate(0, -100%)}.nut-popup-slide-right-enter-from,.nut-popup-slide-right-leave-active{transform:translate(100%, 0)}.nut-popup-slide-bottom-enter-from,.nut-popup-slide-bottom-leave-active{transform:translate(0, 100%)}.nut-popup-slide-left-enter-from,.nut-popup-slide-left-leave-active{transform:translate(-100%, 0)}.nut-popup--center{top:50%;left:50%;transform:translate(-50%, -50%)}.nut-popup--center.round{border-radius:var(--nut-popup-border-radius, 20px)}.nut-popup--bottom{bottom:0;left:0;width:100%}.nut-popup--bottom.round{border-radius:var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px) 0 0}.nut-popup--bottom--safebottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.nut-popup--right{top:0;right:0}.nut-popup--right.round{border-radius:var(--nut-popup-border-radius, 20px) 0 0 var(--nut-popup-border-radius, 20px)}.nut-popup--left{top:0;left:0}.nut-popup--left.round{border-radius:0 var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px) 0}.nut-popup--top{top:0;left:0;width:100%}.nut-popup--top.round{border-radius:0 0 var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px)}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nut-white, #fff);-webkit-overflow-scrolling:touch}.nut-popup__close-icon{position:absolute !important;z-index:1;color:#969799;font-size:18px;cursor:pointer;width:30px;height:30px;line-height:30px;text-align:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nut-popup-close-icon-margin, 16px);left:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nut-popup-close-icon-margin, 16px);right:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nut-popup-close-icon-margin, 16px);left:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nut-popup-close-icon-margin, 16px);bottom:var(--nut-popup-close-icon-margin, 16px)}.nut-popover{position:absolute;display:inline-block;word-break:normal}.nut-popover .nut-popover-arrow{position:absolute;width:0;height:0;border:8px solid rgba(0,0,0,0)}.nut-popover .nut-popover-arrow-top{bottom:0;border-top-color:var(--nut-popover-white-background-color, rgb(255, 255, 255));border-bottom-width:0;margin-bottom:-8px}.nut-popover .nut-popover-arrow-bottom{top:0px;border-bottom-color:var(--nut-popover-white-background-color, rgb(255, 255, 255));border-top-width:0;margin-top:-8px}.nut-popover .nut-popover-arrow-bottom.nut-popover-arrow--bottom{left:50%;transform:translateX(-50%)}.nut-popover .nut-popover-arrow-bottom.nut-popover-arrow--bottom-start{left:16px;transform:translateX(0%)}.nut-popover .nut-popover-arrow-bottom.nut-popover-arrow--bottom-end{right:16px;transform:translateX(0%)}.nut-popover .nut-popover-arrow-left{right:0px;border-left-color:var(--nut-popover-white-background-color, rgb(255, 255, 255));border-right-width:0;margin-right:-8px}.nut-popover .nut-popover-arrow-left.nut-popover-arrow--left{top:50%;transform:translateY(-50%)}.nut-popover .nut-popover-arrow-left.nut-popover-arrow--left-start{top:16px;transform:translateY(0%)}.nut-popover .nut-popover-arrow-left.nut-popover-arrow--left-end{bottom:16px;transform:translateY(0%)}.nut-popover .nut-popover-arrow-right{left:0px;border-right-color:var(--nut-popover-white-background-color, rgb(255, 255, 255));border-left-width:0;margin-left:-8px}.nut-popover .nut-popover-arrow-right.nut-popover-arrow--right{top:50%;transform:translateY(-50%)}.nut-popover .nut-popover-arrow-right.nut-popover-arrow--right-start{top:16px;transform:translateY(0%)}.nut-popover .nut-popover-arrow-right.nut-popover-arrow--right-end{bottom:16px;transform:translateY(0%)}.nut-popover .nut-popover-content{position:absolute;z-index:9999;background:#fff;border-radius:5px;font-size:14px;font-weight:normal;color:#333;box-shadow:0 2px 12px rgba(50,50,51,.1215686275);opacity:1;transition:opacity .15s,transform .15s;max-height:initial;overflow-y:initial}.nut-popover .nut-popover-content-group{display:block;height:100%;width:100%}.nut-popover .nut-popover-content .nut-popover-menu-item{display:flex;align-items:center;padding:8px;border-bottom:1px solid var(--nut-popover-border-bottom-color, rgb(229, 229, 229))}.nut-popover .nut-popover-content .nut-popover-menu-item:first-child{margin-top:15px}.nut-popover .nut-popover-content .nut-popover-menu-item:last-child{margin-bottom:2px;border-bottom:none}.nut-popover .nut-popover-content .nut-popover-menu-item .nut-popover-item-img{vertical-align:top;margin-right:3px}.nut-popover .nut-popover-content .nut-popover-menu-item .nut-popover-menu-item-name{width:100%;text-align:center;word-break:keep-all}.nut-popover .nut-popover-content .nut-popover-menu-item.nut-popover-menu-disabled{color:var(--nut-popover-disable-color, rgb(154, 155, 157));cursor:not-allowed}.nut-popover .nut-popover-content--top .nut-popover-arrow--top{left:50%;transform:translateX(-50%)}.nut-popover .nut-popover-content--top-end{right:0}.nut-popover .nut-popover-content--top-end .nut-popover-arrow--top-end{right:16px;transform:translateX(0%)}.nut-popover .nut-popover-content--top-start{left:0}.nut-popover .nut-popover-content--top-start .nut-popover-arrow--top-start{left:16px;transform:translateX(0%)}.nut-popover .nut-popover-content--bottom-end{right:0}.nut-popover .nut-popover-content--left-end{bottom:0}.nut-popover .nut-popover-content--left-start{top:0}.nut-popover .nut-popover-content--right-end{bottom:0}.nut-popover .nut-popover-content--right-start{top:0}.nut-popover--dark .nut-popover-content{background:var(--nut-popover-dark-background-color, rgb(75, 76, 77));color:var(--nut-popover-white-background-color, rgb(255, 255, 255))}.nut-popover--dark .nut-popover-content--bottom .nut-popover-arrow,.nut-popover--dark .nut-popover-content--bottom-start .nut-popover-arrow,.nut-popover--dark .nut-popover-content--bottom-end .nut-popover-arrow{border-bottom-color:var(--nut-popover-dark-background-color, rgb(75, 76, 77))}.nut-popover--dark .nut-popover-content--top .nut-popover-arrow,.nut-popover--dark .nut-popover-content--top-start .nut-popover-arrow,.nut-popover--dark .nut-popover-content--top-end .nut-popover-arrow{border-top-color:var(--nut-popover-dark-background-color, rgb(75, 76, 77))}.nut-popover--dark .nut-popover-content--left .nut-popover-arrow,.nut-popover--dark .nut-popover-content--left-start .nut-popover-arrow,.nut-popover--dark .nut-popover-content--left-end .nut-popover-arrow{border-left-color:var(--nut-popover-dark-background-color, rgb(75, 76, 77))}.nut-popover--dark .nut-popover-content--right .nut-popover-arrow,.nut-popover--dark .nut-popover-content--right-start .nut-popover-arrow,.nut-popover--dark .nut-popover-content--right-end .nut-popover-arrow{border-right-color:var(--nut-popover-dark-background-color, rgb(75, 76, 77))}.nut-popover-enter-from,.nut-popover-leave-active{transform:scale(0.8);opacity:0}.nut-popover-enter-active{transition-timing-function:ease-out}.nut-popover-leave-active{transition-timing-function:ease-in}.nut-popover-content-bg{position:fixed;height:100%;width:100%;top:0;left:0;background:rgba(0,0,0,0);z-index:1999}.nut-popover-wrapper{display:inline-block}.nut-tour-mask{position:fixed;width:100px;height:50px;box-shadow:0px 0px 0px 150vh rgba(0,0,0,.5);border-radius:10px;z-index:1002}.nut-tour-mask-none{box-shadow:none}.nut-tour-mask-hidden{opacity:0}.nut-tour-content{display:block;padding:10px 12px;min-width:200px}.nut-tour-content-top{display:block;text-align:right}.nut-tour-content-top-close{width:10px;height:10px}.nut-tour-content-inner{margin:10px 0px;font-size:14px}.nut-tour-content-bottom{margin-top:10px;display:flex;justify-content:space-between}.nut-tour-content-bottom-init{margin-left:10px}.nut-tour-content-bottom-operate{display:flex;justify-content:flex-end}.nut-tour-content-bottom-operate-btn{display:inline-block;border:1px solid var(--nut-disable-color, #cccccc);margin-left:4px;padding:2px 4px;font-size:12px;border-radius:4px;color:var(--nut-text-color, #808080)}.nut-tour-content-bottom-operate-btn.active{color:#fff;border:0;background:var(--nut-primary-color, #fa2c19)}.nut-tour-content-tile .nut-tour-content-inner{margin:0}.nut-tour-masked{position:fixed;width:100vh;height:100vh;z-index:2000;top:0;left:0;background:rgba(0,0,0,0)}
|
|
@@ -4,15 +4,14 @@ var __publicField = (obj, key, value) => {
|
|
|
4
4
|
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
5
5
|
return value;
|
|
6
6
|
};
|
|
7
|
-
import { ref, watch, h, reactive, resolveComponent, openBlock, createElementBlock, renderSlot, createBlock, resolveDynamicComponent, createCommentVNode, Fragment, renderList, normalizeClass, createElementVNode, toDisplayString, createVNode } from "vue";
|
|
7
|
+
import { toRef, ref, watch, h, reactive, resolveComponent, openBlock, createElementBlock, renderSlot, createBlock, resolveDynamicComponent, createCommentVNode, Fragment, renderList, normalizeClass, createElementVNode, toDisplayString, createVNode } from "vue";
|
|
8
8
|
import { c as createComponent } from "../component-TCzwHGVq.js";
|
|
9
9
|
import { f as funInterceptor } from "../Interceptor-WYVtGbGC.js";
|
|
10
10
|
import NutProgress from "../progress/Progress.js";
|
|
11
11
|
import { Photograph, Failure, Loading, Del, Link } from "@nutui/icons-vue";
|
|
12
12
|
import { u as useLocale } from "../index-s3RgMhc7.js";
|
|
13
|
+
import { u as useFormDisabled } from "../common-LvGbU-A3.js";
|
|
13
14
|
import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
|
|
14
|
-
import "../util-4Jkyw4BJ.js";
|
|
15
|
-
import "@nutui/nutui/dist/packages/locale/lang";
|
|
16
15
|
class UploadOptions {
|
|
17
16
|
constructor() {
|
|
18
17
|
__publicField(this, "url", "");
|
|
@@ -153,6 +152,7 @@ const _sfc_main = create({
|
|
|
153
152
|
"fileItemClick"
|
|
154
153
|
],
|
|
155
154
|
setup(props, { emit }) {
|
|
155
|
+
const disabled = useFormDisabled(toRef(props, "disabled"));
|
|
156
156
|
const translate = useLocale(cN);
|
|
157
157
|
const fileList = ref(props.fileList);
|
|
158
158
|
const uploadQueue = ref([]);
|
|
@@ -169,7 +169,7 @@ const _sfc_main = create({
|
|
|
169
169
|
accept: props.accept,
|
|
170
170
|
multiple: props.multiple,
|
|
171
171
|
name: props.name,
|
|
172
|
-
disabled:
|
|
172
|
+
disabled: disabled.value
|
|
173
173
|
};
|
|
174
174
|
if (props.capture) {
|
|
175
175
|
params.capture = "camera";
|
|
@@ -312,6 +312,8 @@ const _sfc_main = create({
|
|
|
312
312
|
});
|
|
313
313
|
};
|
|
314
314
|
const onDelete = (file, index2) => {
|
|
315
|
+
if (disabled.value)
|
|
316
|
+
return;
|
|
315
317
|
clearUploadQueue(index2);
|
|
316
318
|
funInterceptor(props.beforeDelete, {
|
|
317
319
|
args: [file, fileList.value],
|
|
@@ -319,7 +321,7 @@ const _sfc_main = create({
|
|
|
319
321
|
});
|
|
320
322
|
};
|
|
321
323
|
const onChange = (event) => {
|
|
322
|
-
if (props.disabled) {
|
|
324
|
+
if (props.disabled || disabled.value) {
|
|
323
325
|
return;
|
|
324
326
|
}
|
|
325
327
|
const $el = event.target;
|
|
@@ -21,8 +21,6 @@ import { reactive, ref, computed, watch, nextTick, onMounted, toRefs, openBlock,
|
|
|
21
21
|
import { c as createComponent } from "../component-TCzwHGVq.js";
|
|
22
22
|
import { u as useLocale } from "../index-s3RgMhc7.js";
|
|
23
23
|
import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
|
|
24
|
-
import "@nutui/nutui/dist/packages/locale/lang";
|
|
25
|
-
import "../util-4Jkyw4BJ.js";
|
|
26
24
|
function throttle(fn, delay) {
|
|
27
25
|
let timer = null;
|
|
28
26
|
let startTime = Date.now();
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
|
|
3
3
|
"framework": "vue",
|
|
4
4
|
"name": "NutUI",
|
|
5
|
-
"version": "4.3.
|
|
5
|
+
"version": "4.3.1",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
8
8
|
"tags": [
|
|
@@ -2652,6 +2652,15 @@
|
|
|
2652
2652
|
"kind": "expression"
|
|
2653
2653
|
}
|
|
2654
2654
|
},
|
|
2655
|
+
{
|
|
2656
|
+
"name": "disabled",
|
|
2657
|
+
"default": "`false`",
|
|
2658
|
+
"description": "禁用表单下的所有数据录入组件",
|
|
2659
|
+
"value": {
|
|
2660
|
+
"type": "boolean",
|
|
2661
|
+
"kind": "expression"
|
|
2662
|
+
}
|
|
2663
|
+
},
|
|
2655
2664
|
{
|
|
2656
2665
|
"name": "label-position",
|
|
2657
2666
|
"default": "`left`",
|
|
@@ -3787,7 +3796,7 @@
|
|
|
3787
3796
|
},
|
|
3788
3797
|
{
|
|
3789
3798
|
"name": "scrollable",
|
|
3790
|
-
"default": "
|
|
3799
|
+
"default": "-",
|
|
3791
3800
|
"description": "是否可以滚动",
|
|
3792
3801
|
"value": {
|
|
3793
3802
|
"type": "boolean",
|
|
@@ -4164,7 +4173,7 @@
|
|
|
4164
4173
|
},
|
|
4165
4174
|
{
|
|
4166
4175
|
"name": "field-names",
|
|
4167
|
-
"default": "`{ text: 'text', value: 'value', children: 'children' }`",
|
|
4176
|
+
"default": "`{ text: 'text', value: 'value', children: 'children', className: 'className' }`",
|
|
4168
4177
|
"description": "自定义 columns 中的字段",
|
|
4169
4178
|
"value": {
|
|
4170
4179
|
"type": "object",
|