1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
| import { defineComponent, useSlots, shallowRef, computed, onBeforeUnmount, provide, toRef, openBlock, createElementBlock, unref, createBlock, createSlots, withCtx, createVNode, mergeProps, renderSlot, createCommentVNode } from 'vue';
| import '../../form/index.mjs';
| import { uploadContextKey } from './constants.mjs';
| import UploadList from './upload-list2.mjs';
| import UploadContent from './upload-content2.mjs';
| import { useHandlers } from './use-handlers.mjs';
| import { uploadProps } from './upload.mjs';
| import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
| import { useFormDisabled } from '../../form/src/hooks/use-form-common-props.mjs';
|
| const __default__ = defineComponent({
| name: "ElUpload"
| });
| const _sfc_main = /* @__PURE__ */ defineComponent({
| ...__default__,
| props: uploadProps,
| setup(__props, { expose }) {
| const props = __props;
| const slots = useSlots();
| const disabled = useFormDisabled();
| const uploadRef = shallowRef();
| const {
| abort,
| submit,
| clearFiles,
| uploadFiles,
| handleStart,
| handleError,
| handleRemove,
| handleSuccess,
| handleProgress
| } = useHandlers(props, uploadRef);
| const isPictureCard = computed(() => props.listType === "picture-card");
| const uploadContentProps = computed(() => ({
| ...props,
| fileList: uploadFiles.value,
| onStart: handleStart,
| onProgress: handleProgress,
| onSuccess: handleSuccess,
| onError: handleError,
| onRemove: handleRemove
| }));
| onBeforeUnmount(() => {
| uploadFiles.value.forEach(({ url }) => {
| if (url == null ? void 0 : url.startsWith("blob:"))
| URL.revokeObjectURL(url);
| });
| });
| provide(uploadContextKey, {
| accept: toRef(props, "accept")
| });
| expose({
| abort,
| submit,
| clearFiles,
| handleStart,
| handleRemove
| });
| return (_ctx, _cache) => {
| return openBlock(), createElementBlock("div", null, [
| unref(isPictureCard) && _ctx.showFileList ? (openBlock(), createBlock(UploadList, {
| key: 0,
| disabled: unref(disabled),
| "list-type": _ctx.listType,
| files: unref(uploadFiles),
| "handle-preview": _ctx.onPreview,
| onRemove: unref(handleRemove)
| }, createSlots({
| append: withCtx(() => [
| createVNode(UploadContent, mergeProps({
| ref_key: "uploadRef",
| ref: uploadRef
| }, unref(uploadContentProps)), {
| default: withCtx(() => [
| unref(slots).trigger ? renderSlot(_ctx.$slots, "trigger", { key: 0 }) : createCommentVNode("v-if", true),
| !unref(slots).trigger && unref(slots).default ? renderSlot(_ctx.$slots, "default", { key: 1 }) : createCommentVNode("v-if", true)
| ]),
| _: 3
| }, 16)
| ]),
| _: 2
| }, [
| _ctx.$slots.file ? {
| name: "default",
| fn: withCtx(({ file }) => [
| renderSlot(_ctx.$slots, "file", { file })
| ])
| } : void 0
| ]), 1032, ["disabled", "list-type", "files", "handle-preview", "onRemove"])) : createCommentVNode("v-if", true),
| !unref(isPictureCard) || unref(isPictureCard) && !_ctx.showFileList ? (openBlock(), createBlock(UploadContent, mergeProps({
| key: 1,
| ref_key: "uploadRef",
| ref: uploadRef
| }, unref(uploadContentProps)), {
| default: withCtx(() => [
| unref(slots).trigger ? renderSlot(_ctx.$slots, "trigger", { key: 0 }) : createCommentVNode("v-if", true),
| !unref(slots).trigger && unref(slots).default ? renderSlot(_ctx.$slots, "default", { key: 1 }) : createCommentVNode("v-if", true)
| ]),
| _: 3
| }, 16)) : createCommentVNode("v-if", true),
| _ctx.$slots.trigger ? renderSlot(_ctx.$slots, "default", { key: 2 }) : createCommentVNode("v-if", true),
| renderSlot(_ctx.$slots, "tip"),
| !unref(isPictureCard) && _ctx.showFileList ? (openBlock(), createBlock(UploadList, {
| key: 3,
| disabled: unref(disabled),
| "list-type": _ctx.listType,
| files: unref(uploadFiles),
| "handle-preview": _ctx.onPreview,
| onRemove: unref(handleRemove)
| }, createSlots({ _: 2 }, [
| _ctx.$slots.file ? {
| name: "default",
| fn: withCtx(({ file }) => [
| renderSlot(_ctx.$slots, "file", { file })
| ])
| } : void 0
| ]), 1032, ["disabled", "list-type", "files", "handle-preview", "onRemove"])) : createCommentVNode("v-if", true)
| ]);
| };
| }
| });
| var Upload = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/upload/src/upload.vue"]]);
|
| export { Upload as default };
| //# sourceMappingURL=upload2.mjs.map
|
|
