iking-web-ui-pro 0.1.11 → 0.1.13
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/dist/IkUploadImage/ik.index.es.js +169 -167
- package/dist/IkUploadImage/ik.index.umd.js +1 -1
- package/dist/IkUploadImage/style.css +1 -1
- package/dist/index.es.js +35018 -35016
- package/dist/index.umd.js +76 -76
- package/dist/src/components/IkUploadImage/index.d.ts +289 -1
- package/dist/src/components/IkUploadImage/src/index.vue.d.ts +132 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { ElUpload as
|
|
3
|
-
import { _ as
|
|
4
|
-
const
|
|
1
|
+
import { defineComponent as g, openBlock as c, createElementBlock as _, createElementVNode as s, mergeModels as I, useModel as Y, watch as ee, computed as b, ref as z, Fragment as U, createVNode as n, unref as r, normalizeClass as $, createSlots as te, withCtx as h, renderSlot as le, toDisplayString as L, withDirectives as E, createTextVNode as ae, vShow as H, createCommentVNode as k, renderList as se, normalizeStyle as oe, createBlock as ne, pushScopeId as re, popScopeId as ue } from "vue";
|
|
2
|
+
import { ElUpload as ie, ElIcon as x, ElImage as ce, ElImageViewer as de } from "element-plus";
|
|
3
|
+
import { _ as _e, ikFile as pe } from "iking-utils-pro";
|
|
4
|
+
const ve = (l, u) => {
|
|
5
5
|
if (l.install = (o) => {
|
|
6
|
-
for (const
|
|
7
|
-
o.component(
|
|
6
|
+
for (const m of [l, ...Object.values(u ?? {})])
|
|
7
|
+
o.component(m.name, m);
|
|
8
8
|
}, u)
|
|
9
|
-
for (const [o,
|
|
10
|
-
l[o] =
|
|
9
|
+
for (const [o, m] of Object.entries(u))
|
|
10
|
+
l[o] = m;
|
|
11
11
|
return l;
|
|
12
12
|
};
|
|
13
13
|
/*! Element Plus Icons Vue v2.3.1 */
|
|
14
|
-
var
|
|
14
|
+
var he = /* @__PURE__ */ g({
|
|
15
15
|
name: "Close",
|
|
16
16
|
__name: "close",
|
|
17
17
|
setup(l) {
|
|
18
|
-
return (u, o) => (
|
|
18
|
+
return (u, o) => (c(), _("svg", {
|
|
19
19
|
xmlns: "http://www.w3.org/2000/svg",
|
|
20
20
|
viewBox: "0 0 1024 1024"
|
|
21
21
|
}, [
|
|
@@ -25,11 +25,11 @@ var de = /* @__PURE__ */ m({
|
|
|
25
25
|
})
|
|
26
26
|
]));
|
|
27
27
|
}
|
|
28
|
-
}),
|
|
28
|
+
}), me = he, fe = /* @__PURE__ */ g({
|
|
29
29
|
name: "Delete",
|
|
30
30
|
__name: "delete",
|
|
31
31
|
setup(l) {
|
|
32
|
-
return (u, o) => (
|
|
32
|
+
return (u, o) => (c(), _("svg", {
|
|
33
33
|
xmlns: "http://www.w3.org/2000/svg",
|
|
34
34
|
viewBox: "0 0 1024 1024"
|
|
35
35
|
}, [
|
|
@@ -39,11 +39,11 @@ var de = /* @__PURE__ */ m({
|
|
|
39
39
|
})
|
|
40
40
|
]));
|
|
41
41
|
}
|
|
42
|
-
}),
|
|
42
|
+
}), ge = fe, we = /* @__PURE__ */ g({
|
|
43
43
|
name: "Download",
|
|
44
44
|
__name: "download",
|
|
45
45
|
setup(l) {
|
|
46
|
-
return (u, o) => (
|
|
46
|
+
return (u, o) => (c(), _("svg", {
|
|
47
47
|
xmlns: "http://www.w3.org/2000/svg",
|
|
48
48
|
viewBox: "0 0 1024 1024"
|
|
49
49
|
}, [
|
|
@@ -53,11 +53,11 @@ var de = /* @__PURE__ */ m({
|
|
|
53
53
|
})
|
|
54
54
|
]));
|
|
55
55
|
}
|
|
56
|
-
}),
|
|
56
|
+
}), ye = we, xe = /* @__PURE__ */ g({
|
|
57
57
|
name: "Plus",
|
|
58
58
|
__name: "plus",
|
|
59
59
|
setup(l) {
|
|
60
|
-
return (u, o) => (
|
|
60
|
+
return (u, o) => (c(), _("svg", {
|
|
61
61
|
xmlns: "http://www.w3.org/2000/svg",
|
|
62
62
|
viewBox: "0 0 1024 1024"
|
|
63
63
|
}, [
|
|
@@ -67,11 +67,11 @@ var de = /* @__PURE__ */ m({
|
|
|
67
67
|
})
|
|
68
68
|
]));
|
|
69
69
|
}
|
|
70
|
-
}),
|
|
70
|
+
}), ze = xe, ke = /* @__PURE__ */ g({
|
|
71
71
|
name: "Refresh",
|
|
72
72
|
__name: "refresh",
|
|
73
73
|
setup(l) {
|
|
74
|
-
return (u, o) => (
|
|
74
|
+
return (u, o) => (c(), _("svg", {
|
|
75
75
|
xmlns: "http://www.w3.org/2000/svg",
|
|
76
76
|
viewBox: "0 0 1024 1024"
|
|
77
77
|
}, [
|
|
@@ -81,11 +81,11 @@ var de = /* @__PURE__ */ m({
|
|
|
81
81
|
})
|
|
82
82
|
]));
|
|
83
83
|
}
|
|
84
|
-
}),
|
|
84
|
+
}), Ce = ke, be = /* @__PURE__ */ g({
|
|
85
85
|
name: "ZoomIn",
|
|
86
86
|
__name: "zoom-in",
|
|
87
87
|
setup(l) {
|
|
88
|
-
return (u, o) => (
|
|
88
|
+
return (u, o) => (c(), _("svg", {
|
|
89
89
|
xmlns: "http://www.w3.org/2000/svg",
|
|
90
90
|
viewBox: "0 0 1024 1024"
|
|
91
91
|
}, [
|
|
@@ -95,13 +95,13 @@ var de = /* @__PURE__ */ m({
|
|
|
95
95
|
})
|
|
96
96
|
]));
|
|
97
97
|
}
|
|
98
|
-
}),
|
|
99
|
-
const
|
|
98
|
+
}), $e = be;
|
|
99
|
+
const j = (l, u) => {
|
|
100
100
|
const o = l.__vccOpts || l;
|
|
101
|
-
for (const [
|
|
102
|
-
o[
|
|
101
|
+
for (const [m, w] of u)
|
|
102
|
+
o[m] = w;
|
|
103
103
|
return o;
|
|
104
|
-
},
|
|
104
|
+
}, Le = {}, Ve = {
|
|
105
105
|
t: "1686214149488",
|
|
106
106
|
class: "icon",
|
|
107
107
|
viewBox: "0 0 1024 1024",
|
|
@@ -110,7 +110,7 @@ const U = (l, u) => {
|
|
|
110
110
|
"p-id": "8490",
|
|
111
111
|
width: "200",
|
|
112
112
|
height: "200"
|
|
113
|
-
},
|
|
113
|
+
}, Me = /* @__PURE__ */ s(
|
|
114
114
|
"path",
|
|
115
115
|
{
|
|
116
116
|
d: "M369.569592 512.011256c0-14.328333-11.010775-25.945929-24.591071-25.945929L86.980515 486.065328c-13.580297 0-24.591071 11.618619-24.591071 25.945929 0 14.33038 11.010775 25.947975 24.591071 25.947975l257.998005 0C358.55984 537.959232 369.569592 526.341636 369.569592 512.011256z",
|
|
@@ -119,7 +119,7 @@ const U = (l, u) => {
|
|
|
119
119
|
null,
|
|
120
120
|
-1
|
|
121
121
|
/* HOISTED */
|
|
122
|
-
),
|
|
122
|
+
), Se = /* @__PURE__ */ s(
|
|
123
123
|
"path",
|
|
124
124
|
{
|
|
125
125
|
d: "M937.019485 486.064304 679.020456 486.064304c-13.580297 0-24.591071 11.618619-24.591071 25.945929 0 14.33038 11.010775 25.947975 24.591071 25.947975l257.999029 0c13.580297 0 24.590048-11.618619 24.590048-25.947975C961.609533 497.682923 950.598758 486.064304 937.019485 486.064304z",
|
|
@@ -128,7 +128,7 @@ const U = (l, u) => {
|
|
|
128
128
|
null,
|
|
129
129
|
-1
|
|
130
130
|
/* HOISTED */
|
|
131
|
-
),
|
|
131
|
+
), Be = /* @__PURE__ */ s(
|
|
132
132
|
"path",
|
|
133
133
|
{
|
|
134
134
|
d: "M512.011768 62.389956c-13.580297 0-24.590048 11.618619-24.590048 25.945929l0 257.170151c0 14.329357 11.010775 25.946952 24.590048 25.946952s24.591071-11.618619 24.591071-25.946952L536.602839 88.335884C536.602839 74.008574 525.591041 62.389956 512.011768 62.389956z",
|
|
@@ -137,7 +137,7 @@ const U = (l, u) => {
|
|
|
137
137
|
null,
|
|
138
138
|
-1
|
|
139
139
|
/* HOISTED */
|
|
140
|
-
),
|
|
140
|
+
), Ie = /* @__PURE__ */ s(
|
|
141
141
|
"path",
|
|
142
142
|
{
|
|
143
143
|
d: "M512.011768 652.544967c-13.580297 0-24.590048 11.618619-24.590048 25.946952l0 257.169127c0 14.33038 11.010775 25.947975 24.590048 25.947975s24.591071-11.618619 24.591071-25.947975L536.602839 678.491918C536.602839 664.162562 525.591041 652.544967 512.011768 652.544967z",
|
|
@@ -146,7 +146,7 @@ const U = (l, u) => {
|
|
|
146
146
|
null,
|
|
147
147
|
-1
|
|
148
148
|
/* HOISTED */
|
|
149
|
-
),
|
|
149
|
+
), Ue = /* @__PURE__ */ s(
|
|
150
150
|
"path",
|
|
151
151
|
{
|
|
152
152
|
d: "M377.001865 413.125085c4.744048 4.737908 10.818393 7.082302 16.882506 7.082302 6.519484 0 13.039991-2.724041 17.879206-8.134261 9.317203-10.414187 8.885368-26.834158-0.9967-36.678364L228.341057 193.559391c-9.832949-9.830903-25.406646-9.388834-34.760688 1.050935-9.317203 10.414187-8.885368 26.834158 0.9967 36.678364L377.001865 413.125085z",
|
|
@@ -155,7 +155,7 @@ const U = (l, u) => {
|
|
|
155
155
|
null,
|
|
156
156
|
-1
|
|
157
157
|
/* HOISTED */
|
|
158
|
-
),
|
|
158
|
+
), Ee = /* @__PURE__ */ s(
|
|
159
159
|
"path",
|
|
160
160
|
{
|
|
161
161
|
d: "M646.997112 610.873892c-9.846252-9.831926-25.419949-9.388834-34.761712 1.051959-9.317203 10.414187-8.885368 26.834158 0.997724 36.678364l182.41354 181.834348c4.743024 4.738931 10.818393 7.083326 16.881482 7.083326 6.520507 0 13.039991-2.723018 17.879206-8.134261 9.317203-10.41521 8.886391-26.834158-0.9967-36.678364L646.997112 610.873892z",
|
|
@@ -164,7 +164,7 @@ const U = (l, u) => {
|
|
|
164
164
|
null,
|
|
165
165
|
-1
|
|
166
166
|
/* HOISTED */
|
|
167
|
-
),
|
|
167
|
+
), He = /* @__PURE__ */ s(
|
|
168
168
|
"path",
|
|
169
169
|
{
|
|
170
170
|
d: "M630.114606 420.207387c6.064113 0 12.139481-2.344395 16.882506-7.082302l182.425819-181.836395c9.882068-9.844206 10.313903-26.264177 0.9967-36.678364-9.341762-10.43977-24.915459-10.882861-34.760688-1.050935L613.233124 375.394762c-9.882068 9.844206-10.314926 26.264177-0.997724 36.678364C617.074615 417.483346 623.595123 420.207387 630.114606 420.207387z",
|
|
@@ -173,7 +173,7 @@ const U = (l, u) => {
|
|
|
173
173
|
null,
|
|
174
174
|
-1
|
|
175
175
|
/* HOISTED */
|
|
176
|
-
),
|
|
176
|
+
), je = /* @__PURE__ */ s(
|
|
177
177
|
"path",
|
|
178
178
|
{
|
|
179
179
|
d: "M377.025401 610.873892 194.600605 792.710286c-9.881045 9.844206-10.313903 26.263154-0.9967 36.678364 4.839215 5.411243 11.358699 8.134261 17.879206 8.134261 6.064113 0 12.138458-2.344395 16.881482-7.083326l182.425819-181.834348c9.881045-9.844206 10.313903-26.264177 0.9967-36.678364C402.469909 601.485057 386.872676 601.041966 377.025401 610.873892z",
|
|
@@ -182,40 +182,40 @@ const U = (l, u) => {
|
|
|
182
182
|
null,
|
|
183
183
|
-1
|
|
184
184
|
/* HOISTED */
|
|
185
|
-
),
|
|
186
|
-
be,
|
|
187
|
-
$e,
|
|
188
|
-
Le,
|
|
189
|
-
Ve,
|
|
190
|
-
Se,
|
|
185
|
+
), Ae = [
|
|
191
186
|
Me,
|
|
187
|
+
Se,
|
|
192
188
|
Be,
|
|
193
|
-
Ie
|
|
189
|
+
Ie,
|
|
190
|
+
Ue,
|
|
191
|
+
Ee,
|
|
192
|
+
He,
|
|
193
|
+
je
|
|
194
194
|
];
|
|
195
|
-
function
|
|
196
|
-
return
|
|
195
|
+
function De(l, u) {
|
|
196
|
+
return c(), _("svg", Ve, Ae);
|
|
197
197
|
}
|
|
198
|
-
const
|
|
198
|
+
const Ne = /* @__PURE__ */ j(Le, [["render", De]]), A = (l) => (re("data-v-ab402184"), l = l(), ue(), l), Oe = {
|
|
199
199
|
key: 1,
|
|
200
200
|
class: "upload-btn"
|
|
201
|
-
},
|
|
201
|
+
}, Re = { class: "tip" }, Fe = { class: "loading-statu" }, Pe = { class: "operate-btn" }, Te = { key: 0 }, Ge = {
|
|
202
202
|
class: "el-upload-list el-upload-list--picture-card",
|
|
203
203
|
style: { float: "left" }
|
|
204
|
-
},
|
|
204
|
+
}, Je = ["onClick"], We = /* @__PURE__ */ A(() => /* @__PURE__ */ s(
|
|
205
205
|
"span",
|
|
206
206
|
{ class: "error" },
|
|
207
207
|
"上传错误",
|
|
208
208
|
-1
|
|
209
209
|
/* HOISTED */
|
|
210
|
-
)),
|
|
210
|
+
)), Ze = /* @__PURE__ */ A(() => /* @__PURE__ */ s(
|
|
211
211
|
"p",
|
|
212
212
|
null,
|
|
213
213
|
"点击重新上传",
|
|
214
214
|
-1
|
|
215
215
|
/* HOISTED */
|
|
216
|
-
)),
|
|
216
|
+
)), qe = ["src"], Ke = { class: "demo-image__preview" }, Qe = /* @__PURE__ */ g({
|
|
217
217
|
__name: "index",
|
|
218
|
-
props: {
|
|
218
|
+
props: /* @__PURE__ */ I({
|
|
219
219
|
// 显示的文字
|
|
220
220
|
title: {
|
|
221
221
|
type: String,
|
|
@@ -283,92 +283,94 @@ const He = /* @__PURE__ */ U(ke, [["render", Ee]]), E = (l) => (ae("data-v-d42bc
|
|
|
283
283
|
tipText: {
|
|
284
284
|
type: String,
|
|
285
285
|
default: ""
|
|
286
|
-
}
|
|
287
|
-
|
|
286
|
+
}
|
|
287
|
+
}, {
|
|
288
288
|
modelValue: {
|
|
289
289
|
type: Array,
|
|
290
290
|
default: () => []
|
|
291
|
-
}
|
|
292
|
-
|
|
293
|
-
|
|
291
|
+
},
|
|
292
|
+
modelModifiers: {}
|
|
293
|
+
}),
|
|
294
|
+
emits: /* @__PURE__ */ I(["delete", "success"], ["update:modelValue"]),
|
|
294
295
|
setup(l, { emit: u }) {
|
|
295
|
-
const o = l,
|
|
296
|
-
var t;
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
296
|
+
const o = l, m = Y(l, "modelValue"), w = (e) => {
|
|
297
|
+
var t, i;
|
|
298
|
+
const a = ((t = v.url) == null ? void 0 : t.startsWith("http")) || ((i = v.url) == null ? void 0 : i.startsWith("blob"));
|
|
299
|
+
return Array.isArray(e) ? e.map((p) => ({
|
|
300
|
+
...p,
|
|
301
|
+
__url: a ? p.url : `${o.loadUrl}${p.url}`
|
|
302
|
+
})) : e ? [{ url: e, __url: a ? e : `${o.loadUrl}${e}` }] : [];
|
|
303
|
+
};
|
|
304
|
+
ee(
|
|
303
305
|
() => o.modelValue,
|
|
304
306
|
(e) => {
|
|
305
|
-
|
|
307
|
+
d.value = w(e);
|
|
306
308
|
},
|
|
307
309
|
{ deep: !0 }
|
|
308
310
|
);
|
|
309
|
-
const
|
|
311
|
+
const V = u, D = b(() => o.size), f = z(null), d = z(w(o.modelValue)), y = z([]), C = z(!1), M = z(0), N = b(
|
|
310
312
|
() => o.tipText || `最多可上传${o.limit}张图片, 每张图片不能超过${o.size}MB`
|
|
311
|
-
),
|
|
312
|
-
|
|
313
|
-
},
|
|
314
|
-
var t,
|
|
315
|
-
e.status = "ready", a !== void 0 &&
|
|
316
|
-
},
|
|
317
|
-
var
|
|
318
|
-
const t =
|
|
319
|
-
let
|
|
320
|
-
for (;
|
|
321
|
-
(
|
|
322
|
-
},
|
|
323
|
-
|
|
324
|
-
},
|
|
325
|
-
|
|
313
|
+
), O = (e, a) => {
|
|
314
|
+
d.value = _e.cloneDeep(w(a)), m.value = d.value.filter((t) => t.status === "success");
|
|
315
|
+
}, R = (e) => !(!(e.type === "image/jpeg" || e.type === "image/png") || !(e.size / 1024 / 1024 < D.value)), F = () => !1, P = (e, a) => {
|
|
316
|
+
var t, i;
|
|
317
|
+
e.status = "ready", a !== void 0 && y.value.splice(a, 1), (t = f.value) == null || t.handleStart(e.raw), (i = f.value) == null || i.submit();
|
|
318
|
+
}, T = (e, a) => {
|
|
319
|
+
var S, B;
|
|
320
|
+
const t = d.value.length, i = o.limit - t;
|
|
321
|
+
let p = 0;
|
|
322
|
+
for (; p < i && p < e.length; )
|
|
323
|
+
(S = f.value) == null || S.handleStart(e[p]), (B = f.value) == null || B.submit(), p++;
|
|
324
|
+
}, G = (e, a, t) => {
|
|
325
|
+
V("success", e, a, t);
|
|
326
|
+
}, J = (e, a, t) => {
|
|
327
|
+
y.value.push({
|
|
326
328
|
...a,
|
|
327
329
|
__url: a.url
|
|
328
330
|
});
|
|
329
|
-
}, T = (e) => {
|
|
330
|
-
k.value = !0, L.value = c.value.findIndex((a) => a.url === e.url);
|
|
331
|
-
}, G = (e) => {
|
|
332
|
-
ie.downloadByOnlineUrl(e.__url || e.url, e.name);
|
|
333
|
-
}, J = (e) => {
|
|
334
|
-
var a;
|
|
335
|
-
(a = h.value) == null || a.abort(e);
|
|
336
331
|
}, W = (e) => {
|
|
332
|
+
C.value = !0, M.value = d.value.findIndex((a) => a.url === e.url);
|
|
333
|
+
}, Z = (e) => {
|
|
334
|
+
pe.downloadByOnlineUrl(e.__url || e.url, e.name);
|
|
335
|
+
}, q = (e) => {
|
|
336
|
+
var a;
|
|
337
|
+
(a = f.value) == null || a.abort(e);
|
|
338
|
+
}, K = (e) => {
|
|
337
339
|
var a;
|
|
338
|
-
e.status !== "success" &&
|
|
339
|
-
},
|
|
340
|
-
|
|
341
|
-
},
|
|
342
|
-
return (e, a) => (
|
|
343
|
-
|
|
340
|
+
e.status !== "success" && q(e), (a = f.value) == null || a.handleRemove(e), d.value = d.value.filter((t) => t.uid !== e.uid), V("delete", e);
|
|
341
|
+
}, Q = (e, a) => {
|
|
342
|
+
y.value.splice(a, 1);
|
|
343
|
+
}, X = b(() => o.multiple ? d.value.length + y.value.length < o.limit : d.value.length + y.value.length === 0);
|
|
344
|
+
return (e, a) => (c(), _(
|
|
345
|
+
U,
|
|
344
346
|
null,
|
|
345
347
|
[
|
|
346
|
-
n(r(
|
|
347
|
-
class:
|
|
348
|
+
n(r(ie), {
|
|
349
|
+
class: $(["ik-image-upload", { preview: l.preview, "hide-upload": !X.value }]),
|
|
348
350
|
ref_key: "refUpload",
|
|
349
|
-
ref:
|
|
351
|
+
ref: f,
|
|
350
352
|
"list-type": "picture-card",
|
|
351
353
|
accept: l.accept,
|
|
352
354
|
action: l.action,
|
|
353
355
|
headers: l.headers,
|
|
354
356
|
data: l.data,
|
|
355
|
-
"file-list":
|
|
356
|
-
"onUpdate:fileList": a[0] || (a[0] = (t) =>
|
|
357
|
+
"file-list": d.value,
|
|
358
|
+
"onUpdate:fileList": a[0] || (a[0] = (t) => d.value = t),
|
|
357
359
|
multiple: l.multiple,
|
|
358
360
|
limit: l.limit,
|
|
359
|
-
"on-change":
|
|
360
|
-
"before-upload":
|
|
361
|
-
"before-remove":
|
|
362
|
-
"on-exceed":
|
|
363
|
-
"on-success":
|
|
364
|
-
"on-error":
|
|
361
|
+
"on-change": O,
|
|
362
|
+
"before-upload": R,
|
|
363
|
+
"before-remove": F,
|
|
364
|
+
"on-exceed": T,
|
|
365
|
+
"on-success": G,
|
|
366
|
+
"on-error": J,
|
|
365
367
|
drag: ""
|
|
366
|
-
},
|
|
367
|
-
trigger:
|
|
368
|
-
e.$slots.trigger ?
|
|
369
|
-
n(r(
|
|
370
|
-
default:
|
|
371
|
-
n(r(
|
|
368
|
+
}, te({
|
|
369
|
+
trigger: h(() => [
|
|
370
|
+
e.$slots.trigger ? le(e.$slots, "trigger", { key: 0 }, void 0, !0) : (c(), _("div", Oe, [
|
|
371
|
+
n(r(x), null, {
|
|
372
|
+
default: h(() => [
|
|
373
|
+
n(r(ze))
|
|
372
374
|
]),
|
|
373
375
|
_: 1
|
|
374
376
|
/* STABLE */
|
|
@@ -376,27 +378,27 @@ const He = /* @__PURE__ */ U(ke, [["render", Ee]]), E = (l) => (ae("data-v-d42bc
|
|
|
376
378
|
s(
|
|
377
379
|
"span",
|
|
378
380
|
null,
|
|
379
|
-
|
|
381
|
+
L(l.title),
|
|
380
382
|
1
|
|
381
383
|
/* TEXT */
|
|
382
384
|
)
|
|
383
385
|
]))
|
|
384
386
|
]),
|
|
385
|
-
file:
|
|
387
|
+
file: h(({ file: t }) => [
|
|
386
388
|
s(
|
|
387
389
|
"div",
|
|
388
390
|
{
|
|
389
|
-
class:
|
|
391
|
+
class: $(["load-list", { loading: t.status === "uploading" }]),
|
|
390
392
|
"element-loading-background": "var(--ik-upload-bg)"
|
|
391
393
|
},
|
|
392
394
|
[
|
|
393
|
-
|
|
395
|
+
E(s(
|
|
394
396
|
"div",
|
|
395
|
-
|
|
397
|
+
Fe,
|
|
396
398
|
[
|
|
397
|
-
n(
|
|
398
|
-
|
|
399
|
-
" 上传" +
|
|
399
|
+
n(Ne),
|
|
400
|
+
ae(
|
|
401
|
+
" 上传" + L(t.percentage) + "% ",
|
|
400
402
|
1
|
|
401
403
|
/* TEXT */
|
|
402
404
|
)
|
|
@@ -404,46 +406,46 @@ const He = /* @__PURE__ */ U(ke, [["render", Ee]]), E = (l) => (ae("data-v-d42bc
|
|
|
404
406
|
512
|
|
405
407
|
/* NEED_PATCH */
|
|
406
408
|
), [
|
|
407
|
-
[
|
|
409
|
+
[H, t.status === "uploading"]
|
|
408
410
|
]),
|
|
409
|
-
|
|
410
|
-
n(r(
|
|
411
|
+
k(` <img :src="file.url" alt="" :style="{ 'object-fit': fit }" /> `),
|
|
412
|
+
n(r(ce), {
|
|
411
413
|
style: { width: "100%", height: "100%" },
|
|
412
414
|
src: t.__url || t.url,
|
|
413
415
|
"zoom-rate": 1.2,
|
|
414
416
|
"initial-index": 0,
|
|
415
417
|
fit: "contain"
|
|
416
418
|
}, null, 8, ["src"]),
|
|
417
|
-
s("span",
|
|
419
|
+
s("span", Pe, [
|
|
418
420
|
s("span", null, [
|
|
419
|
-
n(r(
|
|
420
|
-
onClick: (
|
|
421
|
+
n(r(x), {
|
|
422
|
+
onClick: (i) => W(t)
|
|
421
423
|
}, {
|
|
422
|
-
default:
|
|
423
|
-
n(r(
|
|
424
|
+
default: h(() => [
|
|
425
|
+
n(r($e))
|
|
424
426
|
]),
|
|
425
427
|
_: 2
|
|
426
428
|
/* DYNAMIC */
|
|
427
429
|
}, 1032, ["onClick"])
|
|
428
430
|
]),
|
|
429
431
|
s("span", null, [
|
|
430
|
-
n(r(
|
|
431
|
-
onClick: (
|
|
432
|
+
n(r(x), {
|
|
433
|
+
onClick: (i) => Z(t)
|
|
432
434
|
}, {
|
|
433
|
-
default:
|
|
434
|
-
n(r(
|
|
435
|
+
default: h(() => [
|
|
436
|
+
n(r(ye))
|
|
435
437
|
]),
|
|
436
438
|
_: 2
|
|
437
439
|
/* DYNAMIC */
|
|
438
440
|
}, 1032, ["onClick"])
|
|
439
441
|
]),
|
|
440
|
-
l.preview ?
|
|
441
|
-
n(r(
|
|
442
|
+
l.preview ? k("v-if", !0) : (c(), _("span", Te, [
|
|
443
|
+
n(r(x), {
|
|
442
444
|
type: "warning",
|
|
443
|
-
onClick: (
|
|
445
|
+
onClick: (i) => K(t)
|
|
444
446
|
}, {
|
|
445
|
-
default:
|
|
446
|
-
n(r(
|
|
447
|
+
default: h(() => [
|
|
448
|
+
n(r(ge))
|
|
447
449
|
]),
|
|
448
450
|
_: 2
|
|
449
451
|
/* DYNAMIC */
|
|
@@ -455,21 +457,21 @@ const He = /* @__PURE__ */ U(ke, [["render", Ee]]), E = (l) => (ae("data-v-d42bc
|
|
|
455
457
|
/* CLASS */
|
|
456
458
|
)
|
|
457
459
|
]),
|
|
458
|
-
default:
|
|
459
|
-
s("ul",
|
|
460
|
-
(
|
|
461
|
-
|
|
460
|
+
default: h(() => [
|
|
461
|
+
s("ul", Ge, [
|
|
462
|
+
(c(!0), _(
|
|
463
|
+
U,
|
|
462
464
|
null,
|
|
463
|
-
|
|
465
|
+
se(y.value, (t, i) => (c(), _("li", {
|
|
464
466
|
class: "el-upload-list__item",
|
|
465
467
|
key: t.uid
|
|
466
468
|
}, [
|
|
467
469
|
s("span", null, [
|
|
468
|
-
n(r(
|
|
469
|
-
onClick: (
|
|
470
|
+
n(r(x), {
|
|
471
|
+
onClick: (p) => Q(t, i)
|
|
470
472
|
}, {
|
|
471
|
-
default:
|
|
472
|
-
n(r(
|
|
473
|
+
default: h(() => [
|
|
474
|
+
n(r(me))
|
|
473
475
|
]),
|
|
474
476
|
_: 2
|
|
475
477
|
/* DYNAMIC */
|
|
@@ -478,34 +480,34 @@ const He = /* @__PURE__ */ U(ke, [["render", Ee]]), E = (l) => (ae("data-v-d42bc
|
|
|
478
480
|
s(
|
|
479
481
|
"div",
|
|
480
482
|
{
|
|
481
|
-
class:
|
|
483
|
+
class: $(["load-list", {
|
|
482
484
|
loading: t.status === "uploading",
|
|
483
485
|
fail: t.status === "fail"
|
|
484
486
|
}]),
|
|
485
487
|
"element-loading-background": "var(--ik-upload-bg)"
|
|
486
488
|
},
|
|
487
489
|
[
|
|
488
|
-
|
|
490
|
+
E(s("div", {
|
|
489
491
|
class: "loading-statu",
|
|
490
|
-
onClick: (
|
|
492
|
+
onClick: (p) => P(t, i)
|
|
491
493
|
}, [
|
|
492
|
-
n(r(
|
|
493
|
-
default:
|
|
494
|
-
n(r(
|
|
494
|
+
n(r(x), { size: 24 }, {
|
|
495
|
+
default: h(() => [
|
|
496
|
+
n(r(Ce))
|
|
495
497
|
]),
|
|
496
498
|
_: 1
|
|
497
499
|
/* STABLE */
|
|
498
500
|
}),
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
], 8,
|
|
502
|
-
[
|
|
501
|
+
We,
|
|
502
|
+
Ze
|
|
503
|
+
], 8, Je), [
|
|
504
|
+
[H, t.status === "fail"]
|
|
503
505
|
]),
|
|
504
506
|
s("img", {
|
|
505
507
|
src: t.__url,
|
|
506
508
|
alt: "",
|
|
507
|
-
style:
|
|
508
|
-
}, null, 12,
|
|
509
|
+
style: oe({ "object-fit": l.fit })
|
|
510
|
+
}, null, 12, qe)
|
|
509
511
|
],
|
|
510
512
|
2
|
|
511
513
|
/* CLASS */
|
|
@@ -521,11 +523,11 @@ const He = /* @__PURE__ */ U(ke, [["render", Ee]]), E = (l) => (ae("data-v-d42bc
|
|
|
521
523
|
}, [
|
|
522
524
|
l.tip ? {
|
|
523
525
|
name: "tip",
|
|
524
|
-
fn:
|
|
526
|
+
fn: h(() => [
|
|
525
527
|
s(
|
|
526
528
|
"span",
|
|
527
|
-
|
|
528
|
-
|
|
529
|
+
Re,
|
|
530
|
+
L(N.value),
|
|
529
531
|
1
|
|
530
532
|
/* TEXT */
|
|
531
533
|
)
|
|
@@ -533,18 +535,18 @@ const He = /* @__PURE__ */ U(ke, [["render", Ee]]), E = (l) => (ae("data-v-d42bc
|
|
|
533
535
|
key: "0"
|
|
534
536
|
} : void 0
|
|
535
537
|
]), 1032, ["class", "accept", "action", "headers", "data", "file-list", "multiple", "limit"]),
|
|
536
|
-
|
|
537
|
-
s("div",
|
|
538
|
-
|
|
538
|
+
k(" 文件预览 "),
|
|
539
|
+
s("div", Ke, [
|
|
540
|
+
C.value ? (c(), ne(r(de), {
|
|
539
541
|
key: 0,
|
|
540
542
|
"lock-scroll": "",
|
|
541
543
|
"hide-on-click-modal": "",
|
|
542
544
|
onClose: a[1] || (a[1] = () => {
|
|
543
|
-
|
|
545
|
+
C.value = !1;
|
|
544
546
|
}),
|
|
545
|
-
"url-list":
|
|
546
|
-
"initial-index":
|
|
547
|
-
}, null, 8, ["url-list", "initial-index"])) :
|
|
547
|
+
"url-list": w(d.value).map((t) => t.__url),
|
|
548
|
+
"initial-index": M.value
|
|
549
|
+
}, null, 8, ["url-list", "initial-index"])) : k("v-if", !0)
|
|
548
550
|
])
|
|
549
551
|
],
|
|
550
552
|
64
|
|
@@ -552,8 +554,8 @@ const He = /* @__PURE__ */ U(ke, [["render", Ee]]), E = (l) => (ae("data-v-d42bc
|
|
|
552
554
|
));
|
|
553
555
|
}
|
|
554
556
|
});
|
|
555
|
-
const
|
|
557
|
+
const Xe = /* @__PURE__ */ j(Qe, [["__scopeId", "data-v-ab402184"]]), lt = ve(Xe);
|
|
556
558
|
export {
|
|
557
|
-
|
|
558
|
-
|
|
559
|
+
lt as IkUploadImage,
|
|
560
|
+
lt as default
|
|
559
561
|
};
|