btt-ui 1.0.37 → 1.0.39
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.
|
@@ -141,4 +141,51 @@
|
|
|
141
141
|
border-radius: 4px;
|
|
142
142
|
cursor: pointer;
|
|
143
143
|
margin-bottom: 10px;
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
.k-upload-file-progress {
|
|
147
|
+
position: absolute;
|
|
148
|
+
top: 0;
|
|
149
|
+
left: 0;
|
|
150
|
+
z-index: 9999;
|
|
151
|
+
background: rgba(0, 0, 0, 0.5);
|
|
152
|
+
width: 100%;
|
|
153
|
+
height: 100%;
|
|
154
|
+
display: flex;
|
|
155
|
+
justify-content: center;
|
|
156
|
+
padding-top: 160px;
|
|
157
|
+
}
|
|
158
|
+
.k-upload-file-progress .text {
|
|
159
|
+
background: #427fe5;
|
|
160
|
+
height: 50px;
|
|
161
|
+
padding: 0 16px;
|
|
162
|
+
display: flex;
|
|
163
|
+
align-items: center;
|
|
164
|
+
color: #fff;
|
|
165
|
+
font-size: 14px;
|
|
166
|
+
border-radius: 5px;
|
|
167
|
+
box-shadow: 0 2px 8px #6c95d7;
|
|
168
|
+
padding-left: 39px;
|
|
169
|
+
position: relative;
|
|
170
|
+
}
|
|
171
|
+
.k-upload-file-progress .text::after {
|
|
172
|
+
content: "";
|
|
173
|
+
position: absolute;
|
|
174
|
+
width: 19px;
|
|
175
|
+
height: 19px;
|
|
176
|
+
background: url(data:image/png;base64,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) no-repeat;
|
|
177
|
+
background-size: auto 100%;
|
|
178
|
+
top: 15px;
|
|
179
|
+
left: 15px;
|
|
180
|
+
animation: rotateCircle 1s linear forwards infinite;
|
|
181
|
+
transform-origin: center center;
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
@keyframes rotateCircle {
|
|
185
|
+
0% {
|
|
186
|
+
transform: rotate(0);
|
|
187
|
+
}
|
|
188
|
+
100% {
|
|
189
|
+
transform: rotate(360deg);
|
|
190
|
+
}
|
|
144
191
|
}
|
|
@@ -1,16 +1,19 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { Icon as
|
|
1
|
+
import { defineComponent as V, ref as b, reactive as q, watch as R, openBlock as l, createElementBlock as s, renderSlot as m, createElementVNode as c, createVNode as w, unref as f, withModifiers as x, createCommentVNode as u, createBlock as z, Fragment as p, normalizeClass as $, renderList as A, toDisplayString as d, createTextVNode as O, Teleport as U, nextTick as Z } from "vue";
|
|
2
|
+
import { Icon as y } from "../../icon/index.mjs";
|
|
3
3
|
import "./style/index.css";
|
|
4
|
-
import { uploadImg as
|
|
5
|
-
import { Dragger as
|
|
6
|
-
import { ZoomIn as
|
|
7
|
-
const
|
|
4
|
+
import { uploadImg as G } from "./uploadFile2.mjs";
|
|
5
|
+
import { Dragger as H } from "../../directives/drag.mjs";
|
|
6
|
+
import { ZoomIn as J } from "../../directives/zoomIn.mjs";
|
|
7
|
+
const K = { class: "k-upload-file-wrapper" }, P = { key: 0 }, Q = { class: "upload-btn-section" }, W = { class: "btn-box" }, X = { class: "img-sec-box" }, Y = ["src"], _ = { class: "img-wrapper" }, ee = ["src", "title"], te = ["src", "title"], ie = ["src", "title"], le = ["onClick"], se = ["onClick"], oe = { class: "k-file-extensions-desc" }, re = {
|
|
8
8
|
key: 0,
|
|
9
9
|
class: "error-tip"
|
|
10
|
-
},
|
|
10
|
+
}, ne = { key: 0 }, ue = {
|
|
11
|
+
key: 0,
|
|
12
|
+
class: "k-upload-file-progress"
|
|
13
|
+
}, ae = V({
|
|
11
14
|
name: "k-upload-file"
|
|
12
|
-
}),
|
|
13
|
-
...
|
|
15
|
+
}), ke = V({
|
|
16
|
+
...ae,
|
|
14
17
|
props: {
|
|
15
18
|
data: {
|
|
16
19
|
type: Array,
|
|
@@ -50,88 +53,98 @@ const Z = { class: "k-upload-file-wrapper" }, G = { key: 0 }, H = { class: "uplo
|
|
|
50
53
|
successCode: {
|
|
51
54
|
type: Number,
|
|
52
55
|
default: 200
|
|
56
|
+
},
|
|
57
|
+
loadingFileMaxSize: {
|
|
58
|
+
type: Number,
|
|
59
|
+
default: 20
|
|
53
60
|
}
|
|
54
61
|
},
|
|
55
62
|
emits: ["limitError", "success", "deleteSuccess", "fileSizeError"],
|
|
56
|
-
setup(r, { expose:
|
|
57
|
-
const
|
|
58
|
-
let
|
|
59
|
-
const a = r;
|
|
60
|
-
|
|
61
|
-
const
|
|
63
|
+
setup(r, { expose: B, emit: N }) {
|
|
64
|
+
const v = b();
|
|
65
|
+
let g;
|
|
66
|
+
const F = b(!1), a = r;
|
|
67
|
+
let j = a.maxSize * 1024 * 1024;
|
|
68
|
+
const T = a.loadingFileMaxSize * 1024 * 1024, h = N, i = q({
|
|
62
69
|
fileList: new Array(),
|
|
63
70
|
errFiles: new Array()
|
|
64
71
|
});
|
|
65
|
-
i.fileList = a.data,
|
|
72
|
+
i.fileList = a.data, R(() => a.data, (e) => {
|
|
66
73
|
i.fileList = e;
|
|
67
74
|
}, { deep: !0 });
|
|
68
|
-
const
|
|
69
|
-
|
|
75
|
+
const D = (e) => {
|
|
76
|
+
for (let o = 0; o < e.length; o++)
|
|
77
|
+
e[o].size > T && (F.value = !0);
|
|
78
|
+
}, C = () => {
|
|
79
|
+
g && g.hide(), G({
|
|
70
80
|
acceptType: a.accept,
|
|
71
81
|
limit: a.limit,
|
|
72
|
-
maxSize:
|
|
82
|
+
maxSize: j,
|
|
73
83
|
success: async (e) => {
|
|
74
|
-
i.errFiles = new Array();
|
|
75
|
-
let
|
|
84
|
+
a.requestApi && D(e), i.errFiles = new Array();
|
|
85
|
+
let o = new Array();
|
|
76
86
|
if (a.requestApi) {
|
|
77
87
|
let t = await a.requestApi(a.params, e);
|
|
78
88
|
if (t.code == a.successCode) {
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
89
|
+
F.value && (F.value = !1);
|
|
90
|
+
for (let n = 0; n < t.data.length; n++)
|
|
91
|
+
o.push(t.data[n]);
|
|
92
|
+
o.forEach((n) => {
|
|
93
|
+
n.name = n.fileOriginName, n.type = "image/" + n.fileSuffix;
|
|
94
|
+
}), S(o);
|
|
82
95
|
} else
|
|
83
96
|
console.log(t.msg);
|
|
84
97
|
} else {
|
|
85
98
|
for (let t = 0; t < e.length; t++)
|
|
86
|
-
e[t].url = window.URL.createObjectURL(e[t]),
|
|
87
|
-
|
|
99
|
+
e[t].url = window.URL.createObjectURL(e[t]), o.push(e[t]);
|
|
100
|
+
S(o);
|
|
88
101
|
}
|
|
89
102
|
},
|
|
90
103
|
limitError: (e) => {
|
|
91
|
-
|
|
104
|
+
h("limitError"), i.errFiles = new Array();
|
|
92
105
|
},
|
|
93
106
|
fileSizeError: (e) => {
|
|
94
|
-
i.errFiles = e,
|
|
107
|
+
i.errFiles = e, h("fileSizeError", e);
|
|
95
108
|
}
|
|
96
109
|
});
|
|
97
|
-
},
|
|
98
|
-
a.limit == 1 ? (i.fileList = e, a.type == "image" &&
|
|
99
|
-
|
|
100
|
-
})) : i.fileList = [...i.fileList, ...e],
|
|
110
|
+
}, S = (e) => {
|
|
111
|
+
a.limit == 1 ? (i.fileList = e, a.type == "image" && Z(() => {
|
|
112
|
+
g ? g.updateSrc(k(i.fileList[0].url)) : g = new J(v.value, { type: "margin" });
|
|
113
|
+
})) : i.fileList = [...i.fileList, ...e], h("success", i.fileList);
|
|
101
114
|
};
|
|
102
|
-
function
|
|
103
|
-
const
|
|
104
|
-
for (let t = 0; t <
|
|
105
|
-
const
|
|
106
|
-
if (
|
|
107
|
-
return
|
|
115
|
+
function I(e) {
|
|
116
|
+
const o = document.cookie.split("; ");
|
|
117
|
+
for (let t = 0; t < o.length; t++) {
|
|
118
|
+
const n = o[t].split("=");
|
|
119
|
+
if (n[0] === e)
|
|
120
|
+
return n[1];
|
|
108
121
|
}
|
|
109
122
|
return "";
|
|
110
123
|
}
|
|
111
|
-
const
|
|
112
|
-
let
|
|
113
|
-
i.fileList.splice(e, 1),
|
|
124
|
+
const k = (e) => a.hasToken ? `${e}?token=${I("bearer")}` : e, E = (e) => {
|
|
125
|
+
let o = i.fileList[e];
|
|
126
|
+
i.fileList.splice(e, 1), h("deleteSuccess", { deleteFile: o, result: i.fileList });
|
|
114
127
|
}, L = (e) => {
|
|
115
|
-
new
|
|
128
|
+
new H(e.target, { type: "margin", list: i.fileList }).build();
|
|
116
129
|
};
|
|
117
|
-
return
|
|
130
|
+
return B({
|
|
118
131
|
clearFiles: () => {
|
|
119
132
|
i.fileList = new Array();
|
|
120
133
|
},
|
|
121
|
-
deleteFile:
|
|
122
|
-
}), (e,
|
|
123
|
-
r.isView ? u("", !0) :
|
|
124
|
-
r.type == "file" ? (l(), s("div",
|
|
125
|
-
c("span", { onClick:
|
|
126
|
-
|
|
127
|
-
c("div",
|
|
128
|
-
c("div",
|
|
129
|
-
w(y
|
|
134
|
+
deleteFile: E
|
|
135
|
+
}), (e, o) => (l(), s("div", K, [
|
|
136
|
+
r.isView ? u("", !0) : m(e.$slots, "default", { key: 0 }, () => [
|
|
137
|
+
r.type == "file" ? (l(), s("div", P, [
|
|
138
|
+
c("span", { onClick: C }, [
|
|
139
|
+
m(e.$slots, "icon", {}, () => [
|
|
140
|
+
c("div", Q, [
|
|
141
|
+
c("div", W, [
|
|
142
|
+
w(f(y), {
|
|
130
143
|
name: "download",
|
|
131
144
|
color: "#cccccc",
|
|
132
145
|
size: "20"
|
|
133
146
|
}),
|
|
134
|
-
|
|
147
|
+
o[1] || (o[1] = c("span", null, "\u4E0A\u4F20\u9644\u4EF6", -1))
|
|
135
148
|
])
|
|
136
149
|
])
|
|
137
150
|
])
|
|
@@ -139,33 +152,33 @@ const Z = { class: "k-upload-file-wrapper" }, G = { key: 0 }, H = { class: "uplo
|
|
|
139
152
|
])) : (l(), s("div", {
|
|
140
153
|
key: 1,
|
|
141
154
|
class: "btn-file-image",
|
|
142
|
-
onClick:
|
|
155
|
+
onClick: x(C, ["stop"])
|
|
143
156
|
}, [
|
|
144
|
-
c("div",
|
|
157
|
+
c("div", X, [
|
|
145
158
|
i.fileList.length > 0 && r.limit == 1 ? (l(), s("img", {
|
|
146
159
|
key: 0,
|
|
147
|
-
src:
|
|
160
|
+
src: k(i.fileList[0].url),
|
|
148
161
|
ref_key: "imgRef",
|
|
149
|
-
ref:
|
|
150
|
-
}, null, 8,
|
|
162
|
+
ref: v
|
|
163
|
+
}, null, 8, Y)) : u("", !0)
|
|
151
164
|
]),
|
|
152
165
|
!r.isView && i.fileList.length > 0 && r.limit == 1 ? (l(), s("span", {
|
|
153
166
|
key: 0,
|
|
154
167
|
class: "k-file-icon-close",
|
|
155
|
-
onClick:
|
|
168
|
+
onClick: o[0] || (o[0] = x((t) => E(0), ["stop"]))
|
|
156
169
|
}, [
|
|
157
|
-
w(y
|
|
170
|
+
w(f(y), {
|
|
158
171
|
name: "close",
|
|
159
172
|
size: "12"
|
|
160
173
|
})
|
|
161
174
|
])) : u("", !0),
|
|
162
|
-
|
|
163
|
-
i.fileList.length == 0 && r.limit == 1 ? (l(),
|
|
175
|
+
m(e.$slots, "icon", {}, () => [
|
|
176
|
+
i.fileList.length == 0 && r.limit == 1 ? (l(), z(f(y), {
|
|
164
177
|
key: 0,
|
|
165
178
|
name: "plus",
|
|
166
179
|
color: "#409eff"
|
|
167
180
|
})) : u("", !0),
|
|
168
|
-
r.limit > 1 ? (l(),
|
|
181
|
+
r.limit > 1 ? (l(), z(f(y), {
|
|
169
182
|
key: 1,
|
|
170
183
|
name: "plus",
|
|
171
184
|
color: "#409eff"
|
|
@@ -173,86 +186,91 @@ const Z = { class: "k-upload-file-wrapper" }, G = { key: 0 }, H = { class: "uplo
|
|
|
173
186
|
])
|
|
174
187
|
]))
|
|
175
188
|
]),
|
|
176
|
-
|
|
189
|
+
m(e.$slots, "files", {
|
|
177
190
|
data: i.fileList
|
|
178
191
|
}, () => [
|
|
179
|
-
r.type == "image" && r.limit > 1 ? (l(), s(
|
|
192
|
+
r.type == "image" && r.limit > 1 ? (l(), s(p, { key: 0 }, [
|
|
180
193
|
i.fileList.length > 0 ? (l(), s("ul", {
|
|
181
194
|
key: 0,
|
|
182
|
-
class:
|
|
195
|
+
class: $(["k-image-list", { "can-edit": !r.isView }])
|
|
183
196
|
}, [
|
|
184
|
-
(l(!0), s(
|
|
185
|
-
c("div",
|
|
197
|
+
(l(!0), s(p, null, A(i.fileList, (t, n) => (l(), s("li", { key: n }, [
|
|
198
|
+
c("div", _, [
|
|
186
199
|
t.type == "image/webp" ? (l(), s("img", {
|
|
187
200
|
key: 0,
|
|
188
|
-
src:
|
|
201
|
+
src: k(t.url),
|
|
189
202
|
onClick: L,
|
|
190
203
|
title: t.name
|
|
191
|
-
}, null, 8,
|
|
204
|
+
}, null, 8, ee)) : t.type == "image/png" ? (l(), s("img", {
|
|
192
205
|
key: 1,
|
|
193
|
-
src:
|
|
206
|
+
src: k(t.url),
|
|
194
207
|
onClick: L,
|
|
195
208
|
title: t.name
|
|
196
|
-
}, null, 8,
|
|
209
|
+
}, null, 8, te)) : t.type == "image/jpg" || t.type == "image/jpeg" ? (l(), s("img", {
|
|
197
210
|
key: 2,
|
|
198
|
-
src:
|
|
211
|
+
src: k(t.url),
|
|
199
212
|
onClick: L,
|
|
200
213
|
title: t.name
|
|
201
|
-
}, null, 8,
|
|
214
|
+
}, null, 8, ie)) : u("", !0)
|
|
202
215
|
]),
|
|
203
216
|
r.isView ? u("", !0) : (l(), s("span", {
|
|
204
217
|
key: 0,
|
|
205
218
|
class: "k-file-icon-close",
|
|
206
|
-
onClick: (
|
|
219
|
+
onClick: (M) => E(n)
|
|
207
220
|
}, [
|
|
208
|
-
w(y
|
|
221
|
+
w(f(y), {
|
|
209
222
|
name: "close",
|
|
210
223
|
size: "12"
|
|
211
224
|
})
|
|
212
|
-
], 8,
|
|
225
|
+
], 8, le))
|
|
213
226
|
]))), 128))
|
|
214
227
|
], 2)) : u("", !0)
|
|
215
228
|
], 64)) : u("", !0),
|
|
216
|
-
r.type == "file" ? (l(), s(
|
|
229
|
+
r.type == "file" ? (l(), s(p, { key: 1 }, [
|
|
217
230
|
i.fileList.length > 0 ? (l(), s("ul", {
|
|
218
231
|
key: 0,
|
|
219
|
-
class:
|
|
232
|
+
class: $(["k-file-list", { "can-edit": !r.isView }])
|
|
220
233
|
}, [
|
|
221
|
-
(l(!0), s(
|
|
222
|
-
|
|
223
|
-
c("span", null,
|
|
234
|
+
(l(!0), s(p, null, A(i.fileList, (t, n) => (l(), s("li", { key: n }, [
|
|
235
|
+
m(e.$slots, "file", { data: t }, () => [
|
|
236
|
+
c("span", null, d(t.name), 1),
|
|
224
237
|
r.isView ? u("", !0) : (l(), s("span", {
|
|
225
238
|
key: 0,
|
|
226
239
|
class: "k-file-icon-close",
|
|
227
|
-
onClick: (
|
|
240
|
+
onClick: (M) => E(n)
|
|
228
241
|
}, [
|
|
229
|
-
w(y
|
|
242
|
+
w(f(y), {
|
|
230
243
|
name: "close",
|
|
231
244
|
size: "12"
|
|
232
245
|
})
|
|
233
|
-
], 8,
|
|
246
|
+
], 8, se))
|
|
234
247
|
])
|
|
235
248
|
]))), 128))
|
|
236
249
|
], 2)) : u("", !0)
|
|
237
250
|
], 64)) : u("", !0)
|
|
238
251
|
]),
|
|
239
|
-
|
|
240
|
-
c("div",
|
|
252
|
+
m(e.$slots, "tip", {}, () => [
|
|
253
|
+
c("div", oe, "\u652F\u6301\u7684" + d(r.type == "file" ? "\u6587\u4EF6" : "\u56FE\u7247") + "\u683C\u5F0F\u6709\uFF1A" + d(r.accept.join(",")) + ",\u6700\u591A\u4E0A\u4F20" + d(r.limit) + "\u4E2A\u6587\u4EF6," + d(r.type == "file" ? "\u5355\u4E2A\u6587\u4EF6" : "\u5355\u5F20\u56FE\u7247") + "\u4E0D\u80FD\u5927\u4E8E" + d(r.maxSize) + "MB", 1)
|
|
241
254
|
]),
|
|
242
|
-
|
|
255
|
+
m(e.$slots, "sizeError", {
|
|
243
256
|
data: i.errFiles
|
|
244
257
|
}, () => [
|
|
245
|
-
i.errFiles.length > 0 ? (l(), s("div",
|
|
246
|
-
c("span", null, " \u8D85\u51FA\u5927\u5C0F\u9650\u5236\u7684" +
|
|
247
|
-
(l(!0), s(
|
|
248
|
-
|
|
249
|
-
|
|
258
|
+
i.errFiles.length > 0 ? (l(), s("div", re, [
|
|
259
|
+
c("span", null, " \u8D85\u51FA\u5927\u5C0F\u9650\u5236\u7684" + d(r.type == "file" ? "\u6587\u4EF6" : "\u56FE\u7247") + "\u6709\uFF1A", 1),
|
|
260
|
+
(l(!0), s(p, null, A(i.errFiles, (t, n) => (l(), s("span", { key: n }, [
|
|
261
|
+
n > 0 ? (l(), s("span", ne, ", ")) : u("", !0),
|
|
262
|
+
O(" " + d(t.name), 1)
|
|
250
263
|
]))), 128))
|
|
251
264
|
])) : u("", !0)
|
|
252
|
-
])
|
|
265
|
+
]),
|
|
266
|
+
(l(), z(U, { to: "body" }, [
|
|
267
|
+
F.value ? (l(), s("div", ue, [...o[2] || (o[2] = [
|
|
268
|
+
c("div", { class: "text" }, "\u6587\u4EF6\u4E0A\u4F20\u4E2D,\u8BF7\u8010\u5FC3\u7B49\u5F85...", -1)
|
|
269
|
+
])])) : u("", !0)
|
|
270
|
+
]))
|
|
253
271
|
]));
|
|
254
272
|
}
|
|
255
273
|
});
|
|
256
274
|
export {
|
|
257
|
-
|
|
275
|
+
ke as default
|
|
258
276
|
};
|
|
@@ -141,4 +141,51 @@
|
|
|
141
141
|
border-radius: 4px;
|
|
142
142
|
cursor: pointer;
|
|
143
143
|
margin-bottom: 10px;
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
.k-upload-file-progress {
|
|
147
|
+
position: absolute;
|
|
148
|
+
top: 0;
|
|
149
|
+
left: 0;
|
|
150
|
+
z-index: 9999;
|
|
151
|
+
background: rgba(0, 0, 0, 0.5);
|
|
152
|
+
width: 100%;
|
|
153
|
+
height: 100%;
|
|
154
|
+
display: flex;
|
|
155
|
+
justify-content: center;
|
|
156
|
+
padding-top: 160px;
|
|
157
|
+
}
|
|
158
|
+
.k-upload-file-progress .text {
|
|
159
|
+
background: #427fe5;
|
|
160
|
+
height: 50px;
|
|
161
|
+
padding: 0 16px;
|
|
162
|
+
display: flex;
|
|
163
|
+
align-items: center;
|
|
164
|
+
color: #fff;
|
|
165
|
+
font-size: 14px;
|
|
166
|
+
border-radius: 5px;
|
|
167
|
+
box-shadow: 0 2px 8px #6c95d7;
|
|
168
|
+
padding-left: 39px;
|
|
169
|
+
position: relative;
|
|
170
|
+
}
|
|
171
|
+
.k-upload-file-progress .text::after {
|
|
172
|
+
content: "";
|
|
173
|
+
position: absolute;
|
|
174
|
+
width: 19px;
|
|
175
|
+
height: 19px;
|
|
176
|
+
background: url(data:image/png;base64,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) no-repeat;
|
|
177
|
+
background-size: auto 100%;
|
|
178
|
+
top: 15px;
|
|
179
|
+
left: 15px;
|
|
180
|
+
animation: rotateCircle 1s linear forwards infinite;
|
|
181
|
+
transform-origin: center center;
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
@keyframes rotateCircle {
|
|
185
|
+
0% {
|
|
186
|
+
transform: rotate(0);
|
|
187
|
+
}
|
|
188
|
+
100% {
|
|
189
|
+
transform: rotate(360deg);
|
|
190
|
+
}
|
|
144
191
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("../../icon/index.js");require("./style/index.css");const h=require("./uploadFile2.js"),L=require("../../directives/drag.js"),v=require("../../directives/zoomIn.js"),w={class:"k-upload-file-wrapper"},z={key:0},A={class:"upload-btn-section"},b={class:"btn-box"},x={class:"img-sec-box"},D=["src"],$={class:"img-wrapper"},j=["src","title"],I=["src","title"],q=["src","title"],M=["onClick"],T=["onClick"],O={class:"k-file-extensions-desc"},R={key:0,class:"error-tip"},U={key:0},P={key:0,class:"k-upload-file-progress"},Z=e.defineComponent({name:"k-upload-file"}),G=e.defineComponent({...Z,props:{data:{type:Array,default:()=>[]},isView:{type:Boolean,default:!0},accept:{type:Array,default:[".png",".jpg",".jpeg",".webp",".xls",".pdf",".xlsx",".docx"]},requestApi:{type:Function},limit:{type:Number,default:1},type:{type:String,default:"image"},params:{type:Object,default:{}},hasToken:{type:Boolean,default:!1},maxSize:{type:Number,default:10},successCode:{type:Number,default:200},loadingFileMaxSize:{type:Number,default:20}},emits:["limitError","success","deleteSuccess","fileSizeError"],setup(n,{expose:E,emit:B}){const f=e.ref();let a;const m=e.ref(!1),c=n;let F=c.maxSize*1024*1024;const V=c.loadingFileMaxSize*1024*1024,d=B,o=e.reactive({fileList:new Array,errFiles:new Array});o.fileList=c.data,e.watch(()=>c.data,t=>{o.fileList=t},{deep:!0});const C=t=>{for(let i=0;i<t.length;i++)t[i].size>V&&(m.value=!0)},g=()=>{a&&a.hide(),h.uploadImg({acceptType:c.accept,limit:c.limit,maxSize:F,success:async t=>{c.requestApi&&C(t),o.errFiles=new Array;let i=new Array;if(c.requestApi){let l=await c.requestApi(c.params,t);if(l.code==c.successCode){m.value&&(m.value=!1);for(let r=0;r<l.data.length;r++)i.push(l.data[r]);i.forEach(r=>{r.name=r.fileOriginName,r.type="image/"+r.fileSuffix}),y(i)}else console.log(l.msg)}else{for(let l=0;l<t.length;l++)t[l].url=window.URL.createObjectURL(t[l]),i.push(t[l]);y(i)}},limitError:t=>{d("limitError"),o.errFiles=new Array},fileSizeError:t=>{o.errFiles=t,d("fileSizeError",t)}})},y=t=>{c.limit==1?(o.fileList=t,c.type=="image"&&e.nextTick(()=>{a?a.updateSrc(u(o.fileList[0].url)):a=new v.ZoomIn(f.value,{type:"margin"})})):o.fileList=[...o.fileList,...t],d("success",o.fileList)};function N(t){const i=document.cookie.split("; ");for(let l=0;l<i.length;l++){const r=i[l].split("=");if(r[0]===t)return r[1]}return""}const u=t=>c.hasToken?`${t}?token=${N("bearer")}`:t,k=t=>{let i=o.fileList[t];o.fileList.splice(t,1),d("deleteSuccess",{deleteFile:i,result:o.fileList})},p=t=>{new L.Dragger(t.target,{type:"margin",list:o.fileList}).build()};return E({clearFiles:()=>{o.fileList=new Array},deleteFile:k}),(t,i)=>(e.openBlock(),e.createElementBlock("div",w,[n.isView?e.createCommentVNode("",!0):e.renderSlot(t.$slots,"default",{key:0},()=>[n.type=="file"?(e.openBlock(),e.createElementBlock("div",z,[e.createElementVNode("span",{onClick:g},[e.renderSlot(t.$slots,"icon",{},()=>[e.createElementVNode("div",A,[e.createElementVNode("div",b,[e.createVNode(e.unref(s.Icon),{name:"download",color:"#cccccc",size:"20"}),i[1]||(i[1]=e.createElementVNode("span",null,"\u4E0A\u4F20\u9644\u4EF6",-1))])])])])])):(e.openBlock(),e.createElementBlock("div",{key:1,class:"btn-file-image",onClick:e.withModifiers(g,["stop"])},[e.createElementVNode("div",x,[o.fileList.length>0&&n.limit==1?(e.openBlock(),e.createElementBlock("img",{key:0,src:u(o.fileList[0].url),ref_key:"imgRef",ref:f},null,8,D)):e.createCommentVNode("",!0)]),!n.isView&&o.fileList.length>0&&n.limit==1?(e.openBlock(),e.createElementBlock("span",{key:0,class:"k-file-icon-close",onClick:i[0]||(i[0]=e.withModifiers(l=>k(0),["stop"]))},[e.createVNode(e.unref(s.Icon),{name:"close",size:"12"})])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"icon",{},()=>[o.fileList.length==0&&n.limit==1?(e.openBlock(),e.createBlock(e.unref(s.Icon),{key:0,name:"plus",color:"#409eff"})):e.createCommentVNode("",!0),n.limit>1?(e.openBlock(),e.createBlock(e.unref(s.Icon),{key:1,name:"plus",color:"#409eff"})):e.createCommentVNode("",!0)])]))]),e.renderSlot(t.$slots,"files",{data:o.fileList},()=>[n.type=="image"&&n.limit>1?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.fileList.length>0?(e.openBlock(),e.createElementBlock("ul",{key:0,class:e.normalizeClass(["k-image-list",{"can-edit":!n.isView}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.fileList,(l,r)=>(e.openBlock(),e.createElementBlock("li",{key:r},[e.createElementVNode("div",$,[l.type=="image/webp"?(e.openBlock(),e.createElementBlock("img",{key:0,src:u(l.url),onClick:p,title:l.name},null,8,j)):l.type=="image/png"?(e.openBlock(),e.createElementBlock("img",{key:1,src:u(l.url),onClick:p,title:l.name},null,8,I)):l.type=="image/jpg"||l.type=="image/jpeg"?(e.openBlock(),e.createElementBlock("img",{key:2,src:u(l.url),onClick:p,title:l.name},null,8,q)):e.createCommentVNode("",!0)]),n.isView?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:"k-file-icon-close",onClick:S=>k(r)},[e.createVNode(e.unref(s.Icon),{name:"close",size:"12"})],8,M))]))),128))],2)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),n.type=="file"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[o.fileList.length>0?(e.openBlock(),e.createElementBlock("ul",{key:0,class:e.normalizeClass(["k-file-list",{"can-edit":!n.isView}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.fileList,(l,r)=>(e.openBlock(),e.createElementBlock("li",{key:r},[e.renderSlot(t.$slots,"file",{data:l},()=>[e.createElementVNode("span",null,e.toDisplayString(l.name),1),n.isView?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:"k-file-icon-close",onClick:S=>k(r)},[e.createVNode(e.unref(s.Icon),{name:"close",size:"12"})],8,T))])]))),128))],2)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)]),e.renderSlot(t.$slots,"tip",{},()=>[e.createElementVNode("div",O,"\u652F\u6301\u7684"+e.toDisplayString(n.type=="file"?"\u6587\u4EF6":"\u56FE\u7247")+"\u683C\u5F0F\u6709\uFF1A"+e.toDisplayString(n.accept.join(","))+",\u6700\u591A\u4E0A\u4F20"+e.toDisplayString(n.limit)+"\u4E2A\u6587\u4EF6,"+e.toDisplayString(n.type=="file"?"\u5355\u4E2A\u6587\u4EF6":"\u5355\u5F20\u56FE\u7247")+"\u4E0D\u80FD\u5927\u4E8E"+e.toDisplayString(n.maxSize)+"MB",1)]),e.renderSlot(t.$slots,"sizeError",{data:o.errFiles},()=>[o.errFiles.length>0?(e.openBlock(),e.createElementBlock("div",R,[e.createElementVNode("span",null," \u8D85\u51FA\u5927\u5C0F\u9650\u5236\u7684"+e.toDisplayString(n.type=="file"?"\u6587\u4EF6":"\u56FE\u7247")+"\u6709\uFF1A",1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.errFiles,(l,r)=>(e.openBlock(),e.createElementBlock("span",{key:r},[r>0?(e.openBlock(),e.createElementBlock("span",U,", ")):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(l.name),1)]))),128))])):e.createCommentVNode("",!0)]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[m.value?(e.openBlock(),e.createElementBlock("div",P,[...i[2]||(i[2]=[e.createElementVNode("div",{class:"text"},"\u6587\u4EF6\u4E0A\u4F20\u4E2D,\u8BF7\u8010\u5FC3\u7B49\u5F85...",-1)])])):e.createCommentVNode("",!0)]))]))}});exports.default=G;
|