geekplus-digital-ui 0.1.20 → 0.1.21
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/components/copy/src/copy.css +1 -1
- package/components/copy/src/copy.vue.js +1 -1
- package/components/fold-text/src/fold-text.css +1 -1
- package/components/fold-text/src/fold-text.vue.js +5 -5
- package/components/upload/src/upload.css +1 -1
- package/components/upload/src/upload.vue.js +198 -210
- package/components/upload/src/upload2.css +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.d-copy[data-v-
|
|
1
|
+
.d-copy[data-v-b4c0bee4] .el-link__inner{gap:4px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.d-fold-text[data-v-
|
|
1
|
+
.d-fold-text[data-v-53a3b28a]{display:flex;flex-direction:column;overflow-wrap:break-word}.d-fold-text .text-content[data-v-53a3b28a]{white-space:pre-wrap}.d-fold-text .text-content.line-clamp[data-v-53a3b28a]{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.d-fold-text .text-link[data-v-53a3b28a]{display:flex}.d-fold-text .text-link[data-v-53a3b28a] .el-link__inner{gap:4px}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ref as s, computed as C, onMounted as h, openBlock as n, createElementBlock as p, createElementVNode as d, normalizeStyle as
|
|
1
|
+
import { ref as s, computed as C, onMounted as h, openBlock as n, createElementBlock as p, createElementVNode as d, normalizeStyle as b, normalizeClass as w, renderSlot as F, createBlock as f, unref as e, withCtx as r, toDisplayString as c, createVNode as a, createCommentVNode as B } from "vue";
|
|
2
2
|
import { useResizeObserver as D } from "@vueuse/core";
|
|
3
3
|
import { ElLink as v } from "element-plus";
|
|
4
4
|
import "../../index.js";
|
|
@@ -38,10 +38,10 @@ const z = { class: "d-fold-text" }, R = {
|
|
|
38
38
|
d("div", {
|
|
39
39
|
ref_key: "textRef",
|
|
40
40
|
ref: t,
|
|
41
|
-
class:
|
|
42
|
-
style:
|
|
41
|
+
class: w(["text-content", k.value]),
|
|
42
|
+
style: b({ "-webkit-line-clamp": i.lineClamp })
|
|
43
43
|
}, [
|
|
44
|
-
|
|
44
|
+
F(_.$slots, "default", {}, void 0, !0)
|
|
45
45
|
], 6),
|
|
46
46
|
i.showFold && u.value ? (n(), p("div", R, [
|
|
47
47
|
l.value ? (n(), f(e(v), {
|
|
@@ -80,7 +80,7 @@ const z = { class: "d-fold-text" }, R = {
|
|
|
80
80
|
])) : B("", !0)
|
|
81
81
|
]));
|
|
82
82
|
}
|
|
83
|
-
}), G = /* @__PURE__ */ N(S, [["__scopeId", "data-v-
|
|
83
|
+
}), G = /* @__PURE__ */ N(S, [["__scopeId", "data-v-53a3b28a"]]);
|
|
84
84
|
export {
|
|
85
85
|
G as default
|
|
86
86
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.d-upload[data-v-
|
|
1
|
+
.d-upload[data-v-5e32dcf8]{line-height:normal}.d-upload .header[data-v-5e32dcf8]{display:flex;width:100%;align-items:center;gap:8px}.d-upload .header .el-button[data-v-5e32dcf8]{margin:0}.d-upload.is-list[data-v-5e32dcf8],.d-upload.is-list .list[data-v-5e32dcf8]{display:flex;flex-direction:column;gap:8px}.d-upload.is-list .list .list-item .file-row[data-v-5e32dcf8]{position:relative;display:flex;align-items:center;gap:4px}.d-upload.is-list .list .list-item .file-row[data-v-5e32dcf8] .el-link{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.d-upload.is-list .list .list-item .file-row[data-v-5e32dcf8] .el-link .el-link__inner{display:inline}.d-upload.is-list .list .list-item .file-row .remove-icon[data-v-5e32dcf8]{cursor:pointer;display:none;color:var(--el-text-color-secondary)}.d-upload.is-list .list .list-item .file-row:hover .remove-icon[data-v-5e32dcf8]{display:block}.d-upload.is-card[data-v-5e32dcf8],.d-upload.is-card .card[data-v-5e32dcf8]{display:flex;flex-wrap:wrap;gap:8px}.d-upload.is-card .card .card-item[data-v-5e32dcf8]{display:flex;justify-content:center;align-items:center;font-size:16px;border:1px solid var(--el-border-color);border-radius:4px;overflow:hidden;position:relative;cursor:pointer}.d-upload.is-card .card .card-item .card-cover[data-v-5e32dcf8]{display:flex;justify-content:center;align-items:center;gap:12px;position:absolute;top:0;left:0;width:100%;height:100%;background:var(--el-overlay-color);opacity:0}.d-upload.is-card .card .card-item .card-cover .d-icon[data-v-5e32dcf8]{color:var(--el-color-white)}.d-upload.is-card .card .card-item .card-cover[data-v-5e32dcf8]:hover{opacity:1}.d-upload.is-card .card .el-image[data-v-5e32dcf8]{width:100%;height:100%}.d-upload .expand-toggle[data-v-5e32dcf8]{display:flex;width:100%}.d-upload .expand-toggle[data-v-5e32dcf8] .el-link__inner{gap:4px}.d-upload .tip[data-v-5e32dcf8]{width:100%;font-size:12px;margin:0;color:var(--el-text-color-regular)}
|
|
@@ -1,35 +1,35 @@
|
|
|
1
|
-
import { useModel as
|
|
1
|
+
import { useModel as pe, ref as y, computed as m, reactive as De, watch as Ee, onMounted as Ie, onBeforeUnmount as Ne, openBlock as o, createElementBlock as f, normalizeClass as Be, createVNode as d, unref as n, createBlock as c, createCommentVNode as p, withCtx as u, createElementVNode as S, createTextVNode as A, toDisplayString as k, normalizeStyle as z, Fragment as j, renderList as fe, withModifiers as me, mergeModels as ve } from "vue";
|
|
2
2
|
import "../../../hooks/index.js";
|
|
3
|
-
import { useFormItem as
|
|
3
|
+
import { useFormItem as $e, ElMessageBox as je, ElMessage as H, ElUpload as He, ElImageViewer as Pe, ElDialog as Re, ElButton as P, ElImage as qe, ElProgress as ye, ElLink as R } from "element-plus";
|
|
4
4
|
import "../../index.js";
|
|
5
|
-
import { isFunction as
|
|
6
|
-
import { saveAs as
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
import
|
|
5
|
+
import { isFunction as Oe } from "lodash-es";
|
|
6
|
+
import { saveAs as Ke } from "file-saver";
|
|
7
|
+
import Xe from "../../icons/angle-down-light.vue.js";
|
|
8
|
+
import Ge from "../../icons/angle-up-light.vue.js";
|
|
9
|
+
import Je from "../../icons/circle-play-light.vue.js";
|
|
10
|
+
import Qe from "../../icons/circle-xmark-light.vue.js";
|
|
11
|
+
import We from "../../icons/download-light.vue.js";
|
|
12
|
+
import Ye from "../../icons/eye-light.vue.js";
|
|
13
|
+
import Ze from "../../icons/file-light.vue.js";
|
|
14
|
+
import et from "../../icons/plus-light.vue.js";
|
|
15
|
+
import tt from "../../icons/trash-light.vue.js";
|
|
16
16
|
import './upload2.css';import './upload.css';/* empty css */
|
|
17
17
|
/* empty css */
|
|
18
|
-
import
|
|
19
|
-
import { useLocale as
|
|
20
|
-
import { useActivated as
|
|
21
|
-
import { DIcon as
|
|
22
|
-
const
|
|
23
|
-
key:
|
|
24
|
-
|
|
25
|
-
},
|
|
18
|
+
import lt from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
19
|
+
import { useLocale as at } from "../../../hooks/use-locale/index.js";
|
|
20
|
+
import { useActivated as ot } from "../../../hooks/use-activated/index.js";
|
|
21
|
+
import { DIcon as g } from "../../icon/index.js";
|
|
22
|
+
const nt = { class: "d-upload__preview" }, st = ["src"], rt = {
|
|
23
|
+
key: 2,
|
|
24
|
+
class: "header"
|
|
25
|
+
}, ut = ["onClick"], it = { class: "card-cover" }, dt = ["innerHTML"], ct = { class: "file-row" }, pt = {
|
|
26
26
|
key: 6,
|
|
27
27
|
class: "expand-toggle"
|
|
28
28
|
}, ft = /* @__PURE__ */ Object.assign({
|
|
29
29
|
name: "DUpload"
|
|
30
30
|
}, {
|
|
31
31
|
__name: "upload",
|
|
32
|
-
props: /* @__PURE__ */
|
|
32
|
+
props: /* @__PURE__ */ ve({
|
|
33
33
|
domain: {
|
|
34
34
|
type: String,
|
|
35
35
|
required: !0
|
|
@@ -103,17 +103,17 @@ const ot = { class: "d-upload__preview" }, nt = ["src"], st = { key: 2 }, it = {
|
|
|
103
103
|
},
|
|
104
104
|
uploadingCountModifiers: {}
|
|
105
105
|
}),
|
|
106
|
-
emits: /* @__PURE__ */
|
|
107
|
-
setup(
|
|
108
|
-
const
|
|
109
|
-
width:
|
|
110
|
-
height:
|
|
111
|
-
})), Se = m(() =>
|
|
112
|
-
maxHeight:
|
|
113
|
-
overflow: "auto"
|
|
106
|
+
emits: /* @__PURE__ */ ve(["change", "success"], ["update:modelValue", "update:uploadingCount"]),
|
|
107
|
+
setup(h, { emit: ge }) {
|
|
108
|
+
const l = h, q = ge, O = pe(h, "modelValue"), he = pe(h, "uploadingCount"), K = ["jpg", "jpeg", "png", "gif"], ke = ["mp4"], s = y([]), F = y(!1), w = y(!1), V = y(0), D = y([]), L = y(""), x = y(!1), X = y(null), G = y(null), { t: i } = at(), we = ot(), { formItem: xe } = $e(), J = m(() => x.value ? s.value : s.value.slice(0, l.maxShow)), E = m(() => s.value.length > 0), b = m(() => !l.disabled && !Q.value), _ = m(() => l.showType === "list"), _e = m(() => b.value && _.value || l.showDownloadAll && E.value), Q = m(() => s.value.length >= l.maxNumber), Ce = m(() => _.value ? "is-list" : "is-card"), W = m(() => l.format.length ? l.format.map((t) => t.toUpperCase()) : []), Y = m(() => ({
|
|
109
|
+
width: l.size,
|
|
110
|
+
height: l.size
|
|
111
|
+
})), Se = m(() => l.format.map((t) => `.${t}`).join(",")), Z = m(() => ({
|
|
112
|
+
maxHeight: l.scrollHeight,
|
|
113
|
+
overflow: l.scrollHeight ? "auto" : void 0
|
|
114
114
|
})), Le = m(() => {
|
|
115
|
-
const t =
|
|
116
|
-
return
|
|
115
|
+
const t = l.format.length && l.format.every((e) => K.includes(e)), a = [];
|
|
116
|
+
return l.maxSize && !t && a.push(i("d.upload.lessThan", { size: l.maxSize })), l.format.length && a.push(i("d.upload.format", { format: l.format.join("/") })), l.pasteable && a.push(i("d.upload.pasteable")), a.join(i("d.upload.comma"));
|
|
117
117
|
}), be = (t) => {
|
|
118
118
|
s.value.some((e) => e.status === "uploading") || (s.value = t?.map((e) => ({
|
|
119
119
|
id: e.id,
|
|
@@ -121,140 +121,140 @@ const ot = { class: "d-upload__preview" }, nt = ["src"], st = { key: 2 }, it = {
|
|
|
121
121
|
docName: e.name || e.docName,
|
|
122
122
|
url: e.url || e.docUrl,
|
|
123
123
|
docUrl: e.url || e.docUrl,
|
|
124
|
-
type:
|
|
125
|
-
docType:
|
|
124
|
+
type: l.docType || e.type || e.docType,
|
|
125
|
+
docType: l.docType || e.type || e.docType,
|
|
126
126
|
status: "success"
|
|
127
|
-
})) || [],
|
|
128
|
-
},
|
|
127
|
+
})) || [], M());
|
|
128
|
+
}, I = (t) => {
|
|
129
129
|
if (t) {
|
|
130
|
-
const
|
|
131
|
-
return
|
|
130
|
+
const a = t.split(".");
|
|
131
|
+
return a[a.length - 1].toLowerCase();
|
|
132
132
|
}
|
|
133
133
|
return "";
|
|
134
|
-
},
|
|
135
|
-
|
|
134
|
+
}, C = (t) => K.includes(I(t.name)), T = (t) => ke.includes(I(t.name)), U = (t) => t?.status === "success", ee = (t) => !l.disabled && U(t), te = () => {
|
|
135
|
+
X.value?.$el.querySelector("input")?.click();
|
|
136
136
|
}, Te = (t) => {
|
|
137
|
-
if (V.value = 0, D.value = [], L.value = "",
|
|
138
|
-
const
|
|
139
|
-
V.value =
|
|
137
|
+
if (V.value = 0, D.value = [], L.value = "", C(t)) {
|
|
138
|
+
const a = s.value.filter((e) => C(e));
|
|
139
|
+
V.value = a.findIndex((e) => e.url === t.url), D.value = a.map((e) => e.url), F.value = !0;
|
|
140
140
|
}
|
|
141
141
|
T(t) && (L.value = t.url, w.value = !0);
|
|
142
142
|
}, le = () => {
|
|
143
|
-
|
|
143
|
+
G.value?.pause(), w.value = !1;
|
|
144
144
|
}, ae = (t) => {
|
|
145
|
-
const
|
|
146
|
-
const
|
|
147
|
-
|
|
145
|
+
const a = () => {
|
|
146
|
+
const r = s.value.indexOf(t);
|
|
147
|
+
r !== -1 && (s.value.splice(r, 1), M(), oe(t));
|
|
148
148
|
}, e = async () => {
|
|
149
149
|
if (!U(t)) {
|
|
150
|
-
|
|
150
|
+
a();
|
|
151
151
|
return;
|
|
152
152
|
}
|
|
153
|
-
|
|
153
|
+
a();
|
|
154
154
|
};
|
|
155
|
-
|
|
155
|
+
je.confirm(i("d.upload.deleteConfirm"), i("d.upload.tip"), {
|
|
156
156
|
type: "warning"
|
|
157
157
|
}).then(async () => {
|
|
158
158
|
await e();
|
|
159
159
|
}).catch(() => {
|
|
160
160
|
});
|
|
161
|
-
}, Ue = (t,
|
|
162
|
-
H.success(
|
|
163
|
-
},
|
|
164
|
-
const e =
|
|
161
|
+
}, Ue = (t, a) => {
|
|
162
|
+
H.success(i("d.upload.fileSuccess", { file: t.name })), q("success", t, a, s.value);
|
|
163
|
+
}, Me = (t, a) => {
|
|
164
|
+
const e = I(t.name);
|
|
165
165
|
if (e) {
|
|
166
|
-
const
|
|
167
|
-
if (W.value.length && !W.value.includes(
|
|
168
|
-
return
|
|
166
|
+
const r = e.toUpperCase();
|
|
167
|
+
if (W.value.length && !W.value.includes(r))
|
|
168
|
+
return a || H.error(i("d.upload.fileFormat", { file: t.name, format: l.format.join("/") })), !1;
|
|
169
169
|
}
|
|
170
170
|
return !0;
|
|
171
|
-
},
|
|
172
|
-
if (!
|
|
171
|
+
}, Ae = (t) => t.size > l.maxSize * 1024 * 1024 ? (H.error(i("d.upload.fileLessThan", { file: t.name, size: l.maxSize })), !1) : !0, ze = (t, a) => {
|
|
172
|
+
if (!a)
|
|
173
173
|
return;
|
|
174
|
-
const { loaded: e = 0, total:
|
|
175
|
-
|
|
174
|
+
const { loaded: e = 0, total: r = 0 } = t || {};
|
|
175
|
+
r > 0 && (a.percentage = Math.floor(e / r * 100));
|
|
176
176
|
}, oe = (t) => {
|
|
177
|
-
|
|
178
|
-
},
|
|
179
|
-
|
|
180
|
-
}, ne = (t,
|
|
177
|
+
O.value = s.value, q("change", t, s.value), xe?.validate("change");
|
|
178
|
+
}, M = () => {
|
|
179
|
+
he.value = s.value.filter((t) => t.status === "uploading").length;
|
|
180
|
+
}, ne = (t, a) => (Me(t, a) && Ae(t) && Fe(t), !1), Fe = async (t) => {
|
|
181
181
|
if (Q.value)
|
|
182
182
|
return !1;
|
|
183
|
-
x.value ||
|
|
184
|
-
const
|
|
185
|
-
|
|
186
|
-
const e =
|
|
183
|
+
x.value || N();
|
|
184
|
+
const a = new FormData();
|
|
185
|
+
a.append("file", t);
|
|
186
|
+
const e = De({
|
|
187
187
|
status: "uploading",
|
|
188
188
|
percentage: 0,
|
|
189
189
|
name: t.name
|
|
190
190
|
});
|
|
191
|
-
s.value.push(e),
|
|
192
|
-
const
|
|
191
|
+
s.value.push(e), M();
|
|
192
|
+
const r = () => s.value.indexOf(e);
|
|
193
193
|
try {
|
|
194
|
-
const { data: v } = await
|
|
195
|
-
url:
|
|
194
|
+
const { data: v } = await l.axios({
|
|
195
|
+
url: l.url,
|
|
196
196
|
method: "post",
|
|
197
|
-
data:
|
|
198
|
-
onUploadProgress: (
|
|
199
|
-
}),
|
|
200
|
-
if (
|
|
197
|
+
data: a,
|
|
198
|
+
onUploadProgress: ($) => ze($, e)
|
|
199
|
+
}), B = v?.data || v;
|
|
200
|
+
if (B && r() !== -1) {
|
|
201
201
|
const {
|
|
202
|
-
id:
|
|
203
|
-
name:
|
|
204
|
-
url:
|
|
205
|
-
type:
|
|
206
|
-
} =
|
|
202
|
+
id: $,
|
|
203
|
+
name: ie,
|
|
204
|
+
url: de,
|
|
205
|
+
type: ce
|
|
206
|
+
} = B;
|
|
207
207
|
Object.assign(e, {
|
|
208
|
-
id:
|
|
209
|
-
name:
|
|
210
|
-
docName:
|
|
211
|
-
url:
|
|
212
|
-
docUrl:
|
|
213
|
-
type:
|
|
214
|
-
docType:
|
|
208
|
+
id: $,
|
|
209
|
+
name: ie,
|
|
210
|
+
docName: ie,
|
|
211
|
+
url: l.domain + de,
|
|
212
|
+
docUrl: l.domain + de,
|
|
213
|
+
type: l.docType || ce,
|
|
214
|
+
docType: l.docType || ce,
|
|
215
215
|
status: "success"
|
|
216
|
-
}), Ue(
|
|
217
|
-
} else
|
|
216
|
+
}), Ue(B, e);
|
|
217
|
+
} else r() !== -1 && s.value.splice(r(), 1);
|
|
218
218
|
} catch {
|
|
219
|
-
|
|
219
|
+
r() !== -1 && s.value.splice(r(), 1);
|
|
220
220
|
} finally {
|
|
221
|
-
|
|
221
|
+
M(), oe(e);
|
|
222
222
|
}
|
|
223
223
|
}, se = (t) => {
|
|
224
|
-
t?.url &&
|
|
225
|
-
},
|
|
224
|
+
t?.url && Ke(t.url, t.name);
|
|
225
|
+
}, N = () => {
|
|
226
226
|
x.value = !x.value;
|
|
227
|
-
},
|
|
228
|
-
if (!
|
|
227
|
+
}, re = (t) => {
|
|
228
|
+
if (!l.pasteable || l.disabled || !we.value)
|
|
229
229
|
return;
|
|
230
|
-
const
|
|
231
|
-
for (let e = 0; e <
|
|
232
|
-
const v =
|
|
230
|
+
const a = t.clipboardData?.items || [];
|
|
231
|
+
for (let e = 0; e < a.length; e++) {
|
|
232
|
+
const v = a[e].getAsFile();
|
|
233
233
|
v && ne(v, !0);
|
|
234
234
|
}
|
|
235
|
-
},
|
|
236
|
-
!
|
|
237
|
-
},
|
|
238
|
-
|
|
235
|
+
}, ue = (t) => {
|
|
236
|
+
!E.value || !t?.url || (C(t) || T(t) ? Te(t) : se(t));
|
|
237
|
+
}, Ve = () => {
|
|
238
|
+
Oe(l.downloadAllMethod) ? l.downloadAllMethod(s.value) : s.value.forEach((t) => {
|
|
239
239
|
se(t);
|
|
240
240
|
});
|
|
241
241
|
};
|
|
242
|
-
return
|
|
243
|
-
|
|
242
|
+
return Ee(
|
|
243
|
+
O,
|
|
244
244
|
(t) => {
|
|
245
245
|
be(t);
|
|
246
246
|
},
|
|
247
247
|
{ immediate: !0 }
|
|
248
|
-
),
|
|
249
|
-
document.addEventListener("paste",
|
|
250
|
-
}),
|
|
251
|
-
document.removeEventListener("paste",
|
|
252
|
-
}), (t,
|
|
253
|
-
class:
|
|
248
|
+
), Ie(() => {
|
|
249
|
+
document.addEventListener("paste", re);
|
|
250
|
+
}), Ne(() => {
|
|
251
|
+
document.removeEventListener("paste", re);
|
|
252
|
+
}), (t, a) => (o(), f("div", {
|
|
253
|
+
class: Be(["d-upload", Ce.value])
|
|
254
254
|
}, [
|
|
255
|
-
d(n(
|
|
255
|
+
d(n(He), {
|
|
256
256
|
ref_key: "uploadRef",
|
|
257
|
-
ref:
|
|
257
|
+
ref: X,
|
|
258
258
|
style: { display: "none" },
|
|
259
259
|
"show-file-list": !1,
|
|
260
260
|
"file-list": s.value,
|
|
@@ -264,222 +264,210 @@ const ot = { class: "d-upload__preview" }, nt = ["src"], st = { key: 2 }, it = {
|
|
|
264
264
|
multiple: "",
|
|
265
265
|
action: "/"
|
|
266
266
|
}, null, 8, ["file-list", "accept"]),
|
|
267
|
-
|
|
267
|
+
F.value ? (o(), c(n(Pe), {
|
|
268
268
|
key: 0,
|
|
269
269
|
"url-list": D.value,
|
|
270
270
|
"initial-index": V.value,
|
|
271
271
|
"hide-on-click-modal": "",
|
|
272
272
|
teleported: "",
|
|
273
|
-
onClose:
|
|
273
|
+
onClose: a[0] || (a[0] = (e) => F.value = !1)
|
|
274
274
|
}, null, 8, ["url-list", "initial-index"])) : p("", !0),
|
|
275
275
|
w.value ? (o(), c(n(Re), {
|
|
276
276
|
key: 1,
|
|
277
277
|
modelValue: w.value,
|
|
278
|
-
"onUpdate:modelValue":
|
|
279
|
-
title: n(
|
|
278
|
+
"onUpdate:modelValue": a[1] || (a[1] = (e) => w.value = e),
|
|
279
|
+
title: n(i)("d.upload.preview"),
|
|
280
280
|
width: "1200px",
|
|
281
281
|
"align-center": "",
|
|
282
282
|
"before-close": le,
|
|
283
283
|
"append-to-body": ""
|
|
284
284
|
}, {
|
|
285
|
-
footer:
|
|
286
|
-
d(n(
|
|
287
|
-
default:
|
|
288
|
-
|
|
285
|
+
footer: u(() => [
|
|
286
|
+
d(n(P), { onClick: le }, {
|
|
287
|
+
default: u(() => [
|
|
288
|
+
A(k(n(i)("d.upload.close")), 1)
|
|
289
289
|
]),
|
|
290
290
|
_: 1
|
|
291
291
|
})
|
|
292
292
|
]),
|
|
293
|
-
default:
|
|
294
|
-
|
|
293
|
+
default: u(() => [
|
|
294
|
+
S("div", nt, [
|
|
295
295
|
L.value ? (o(), f("video", {
|
|
296
296
|
key: 0,
|
|
297
297
|
ref_key: "videoRef",
|
|
298
|
-
ref:
|
|
298
|
+
ref: G,
|
|
299
299
|
src: L.value,
|
|
300
300
|
controls: "",
|
|
301
301
|
class: "preview-video"
|
|
302
|
-
}, null, 8,
|
|
302
|
+
}, null, 8, st)) : p("", !0)
|
|
303
303
|
])
|
|
304
304
|
]),
|
|
305
305
|
_: 1
|
|
306
306
|
}, 8, ["modelValue", "title"])) : p("", !0),
|
|
307
|
-
|
|
308
|
-
|
|
307
|
+
_e.value ? (o(), f("div", rt, [
|
|
308
|
+
b.value && _.value ? (o(), c(n(P), {
|
|
309
309
|
key: 0,
|
|
310
310
|
onClick: te
|
|
311
311
|
}, {
|
|
312
|
-
default:
|
|
313
|
-
|
|
312
|
+
default: u(() => [
|
|
313
|
+
A(k(n(i)("d.upload.upload")), 1)
|
|
314
314
|
]),
|
|
315
315
|
_: 1
|
|
316
316
|
})) : p("", !0),
|
|
317
|
-
|
|
317
|
+
h.showDownloadAll && E.value ? (o(), c(n(P), {
|
|
318
318
|
key: 1,
|
|
319
319
|
type: "primary",
|
|
320
320
|
link: "",
|
|
321
|
-
onClick:
|
|
321
|
+
onClick: Ve
|
|
322
322
|
}, {
|
|
323
|
-
default:
|
|
324
|
-
|
|
323
|
+
default: u(() => [
|
|
324
|
+
A(k(n(i)("d.upload.downloadAll")), 1)
|
|
325
325
|
]),
|
|
326
326
|
_: 1
|
|
327
327
|
})) : p("", !0)
|
|
328
328
|
])) : p("", !0),
|
|
329
|
-
|
|
329
|
+
_.value ? p("", !0) : (o(), f("div", {
|
|
330
330
|
key: 3,
|
|
331
331
|
class: "card",
|
|
332
|
-
style:
|
|
332
|
+
style: z(Z.value)
|
|
333
333
|
}, [
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
type: "primary",
|
|
337
|
-
link: "",
|
|
338
|
-
onClick: ue
|
|
339
|
-
}, {
|
|
340
|
-
default: r(() => [
|
|
341
|
-
S(k(n(u)("d.upload.downloadAll")), 1)
|
|
342
|
-
]),
|
|
343
|
-
_: 1
|
|
344
|
-
})
|
|
345
|
-
])) : p("", !0),
|
|
346
|
-
(o(!0), f(R, null, me(E.value, (e, i) => (o(), f("div", {
|
|
347
|
-
key: e.id || `${e.name}-${i}`,
|
|
334
|
+
(o(!0), f(j, null, fe(J.value, (e, r) => (o(), f("div", {
|
|
335
|
+
key: e.id || `${e.name}-${r}`,
|
|
348
336
|
class: "card-item",
|
|
349
|
-
style:
|
|
350
|
-
onClick: (v) =>
|
|
337
|
+
style: z(Y.value),
|
|
338
|
+
onClick: (v) => ue(e)
|
|
351
339
|
}, [
|
|
352
|
-
U(e) ? (o(), f(
|
|
353
|
-
|
|
340
|
+
U(e) ? (o(), f(j, { key: 0 }, [
|
|
341
|
+
C(e) ? (o(), c(n(qe), {
|
|
354
342
|
key: 0,
|
|
355
343
|
src: e.url,
|
|
356
344
|
fit: "cover"
|
|
357
|
-
}, null, 8, ["src"])) : T(e) ? (o(), c(n(
|
|
358
|
-
default:
|
|
359
|
-
d(
|
|
345
|
+
}, null, 8, ["src"])) : T(e) ? (o(), c(n(g), { key: 1 }, {
|
|
346
|
+
default: u(() => [
|
|
347
|
+
d(Je)
|
|
360
348
|
]),
|
|
361
349
|
_: 1
|
|
362
|
-
})) : (o(), c(n(
|
|
363
|
-
default:
|
|
364
|
-
d(
|
|
350
|
+
})) : (o(), c(n(g), { key: 2 }, {
|
|
351
|
+
default: u(() => [
|
|
352
|
+
d(Ze)
|
|
365
353
|
]),
|
|
366
354
|
_: 1
|
|
367
355
|
})),
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
default:
|
|
371
|
-
d(
|
|
356
|
+
S("div", it, [
|
|
357
|
+
C(e) || T(e) ? (o(), c(n(g), { key: 0 }, {
|
|
358
|
+
default: u(() => [
|
|
359
|
+
d(Ye)
|
|
372
360
|
]),
|
|
373
361
|
_: 1
|
|
374
|
-
})) : (o(), c(n(
|
|
375
|
-
default:
|
|
376
|
-
d(
|
|
362
|
+
})) : (o(), c(n(g), { key: 1 }, {
|
|
363
|
+
default: u(() => [
|
|
364
|
+
d(We)
|
|
377
365
|
]),
|
|
378
366
|
_: 1
|
|
379
367
|
})),
|
|
380
|
-
ee(e) ? (o(), c(n(
|
|
368
|
+
ee(e) ? (o(), c(n(g), {
|
|
381
369
|
key: 2,
|
|
382
|
-
onClick:
|
|
370
|
+
onClick: me((v) => ae(e), ["stop"])
|
|
383
371
|
}, {
|
|
384
|
-
default:
|
|
385
|
-
d(
|
|
372
|
+
default: u(() => [
|
|
373
|
+
d(tt)
|
|
386
374
|
]),
|
|
387
375
|
_: 1
|
|
388
376
|
}, 8, ["onClick"])) : p("", !0)
|
|
389
377
|
])
|
|
390
|
-
], 64)) : (o(), c(n(
|
|
378
|
+
], 64)) : (o(), c(n(ye), {
|
|
391
379
|
key: 1,
|
|
392
380
|
style: { width: "80%" },
|
|
393
381
|
percentage: e.percentage,
|
|
394
382
|
"stroke-width": 5,
|
|
395
383
|
"show-text": !1
|
|
396
384
|
}, null, 8, ["percentage"]))
|
|
397
|
-
], 12,
|
|
398
|
-
|
|
399
|
-
key:
|
|
385
|
+
], 12, ut))), 128)),
|
|
386
|
+
b.value ? (o(), f("div", {
|
|
387
|
+
key: 0,
|
|
400
388
|
class: "card-item",
|
|
401
|
-
style:
|
|
389
|
+
style: z(Y.value),
|
|
402
390
|
onClick: te
|
|
403
391
|
}, [
|
|
404
|
-
d(n(
|
|
405
|
-
default:
|
|
406
|
-
d(
|
|
392
|
+
d(n(g), null, {
|
|
393
|
+
default: u(() => [
|
|
394
|
+
d(et)
|
|
407
395
|
]),
|
|
408
396
|
_: 1
|
|
409
397
|
})
|
|
410
398
|
], 4)) : p("", !0)
|
|
411
399
|
], 4)),
|
|
412
|
-
|
|
400
|
+
b.value && h.showTip ? (o(), f("p", {
|
|
413
401
|
key: 4,
|
|
414
402
|
class: "tip",
|
|
415
403
|
innerHTML: Le.value
|
|
416
404
|
}, null, 8, dt)) : p("", !0),
|
|
417
|
-
|
|
405
|
+
_.value ? (o(), f("div", {
|
|
418
406
|
key: 5,
|
|
419
|
-
style:
|
|
407
|
+
style: z(Z.value),
|
|
420
408
|
class: "list"
|
|
421
409
|
}, [
|
|
422
|
-
(o(!0), f(
|
|
423
|
-
key: e.id || `${e.name}-${
|
|
410
|
+
(o(!0), f(j, null, fe(J.value, (e, r) => (o(), f("div", {
|
|
411
|
+
key: e.id || `${e.name}-${r}`,
|
|
424
412
|
class: "list-item"
|
|
425
413
|
}, [
|
|
426
|
-
|
|
427
|
-
d(n(
|
|
414
|
+
S("div", ct, [
|
|
415
|
+
d(n(R), {
|
|
428
416
|
type: "primary",
|
|
429
417
|
underline: "never",
|
|
430
|
-
onClick: (v) =>
|
|
418
|
+
onClick: (v) => ue(e)
|
|
431
419
|
}, {
|
|
432
|
-
default:
|
|
433
|
-
|
|
420
|
+
default: u(() => [
|
|
421
|
+
A(k(e.name), 1)
|
|
434
422
|
]),
|
|
435
423
|
_: 2
|
|
436
424
|
}, 1032, ["onClick"]),
|
|
437
|
-
ee(e) ? (o(), c(n(
|
|
425
|
+
ee(e) ? (o(), c(n(g), {
|
|
438
426
|
key: 0,
|
|
439
427
|
class: "remove-icon",
|
|
440
|
-
onClick:
|
|
428
|
+
onClick: me((v) => ae(e), ["stop"])
|
|
441
429
|
}, {
|
|
442
|
-
default:
|
|
443
|
-
d(
|
|
430
|
+
default: u(() => [
|
|
431
|
+
d(Qe)
|
|
444
432
|
]),
|
|
445
433
|
_: 1
|
|
446
434
|
}, 8, ["onClick"])) : p("", !0)
|
|
447
435
|
]),
|
|
448
|
-
U(e) ? p("", !0) : (o(), c(n(
|
|
436
|
+
U(e) ? p("", !0) : (o(), c(n(ye), {
|
|
449
437
|
key: 0,
|
|
450
438
|
percentage: e.percentage,
|
|
451
439
|
"stroke-width": 8
|
|
452
440
|
}, null, 8, ["percentage"]))
|
|
453
441
|
]))), 128))
|
|
454
442
|
], 4)) : p("", !0),
|
|
455
|
-
s.value.length >
|
|
456
|
-
x.value ? (o(), c(n(
|
|
443
|
+
s.value.length > h.maxShow ? (o(), f("div", pt, [
|
|
444
|
+
x.value ? (o(), c(n(R), {
|
|
457
445
|
key: 0,
|
|
458
446
|
type: "primary",
|
|
459
447
|
underline: "never",
|
|
460
|
-
onClick:
|
|
448
|
+
onClick: N
|
|
461
449
|
}, {
|
|
462
|
-
default:
|
|
463
|
-
|
|
464
|
-
d(n(
|
|
465
|
-
default:
|
|
466
|
-
d(
|
|
450
|
+
default: u(() => [
|
|
451
|
+
S("span", null, k(n(i)("d.upload.collapse")), 1),
|
|
452
|
+
d(n(g), null, {
|
|
453
|
+
default: u(() => [
|
|
454
|
+
d(Ge)
|
|
467
455
|
]),
|
|
468
456
|
_: 1
|
|
469
457
|
})
|
|
470
458
|
]),
|
|
471
459
|
_: 1
|
|
472
|
-
})) : (o(), c(n(
|
|
460
|
+
})) : (o(), c(n(R), {
|
|
473
461
|
key: 1,
|
|
474
462
|
type: "primary",
|
|
475
463
|
underline: "never",
|
|
476
|
-
onClick:
|
|
464
|
+
onClick: N
|
|
477
465
|
}, {
|
|
478
|
-
default:
|
|
479
|
-
|
|
480
|
-
d(n(
|
|
481
|
-
default:
|
|
482
|
-
d(
|
|
466
|
+
default: u(() => [
|
|
467
|
+
S("span", null, k(n(i)("d.upload.expand")), 1),
|
|
468
|
+
d(n(g), null, {
|
|
469
|
+
default: u(() => [
|
|
470
|
+
d(Xe)
|
|
483
471
|
]),
|
|
484
472
|
_: 1
|
|
485
473
|
})
|
|
@@ -489,7 +477,7 @@ const ot = { class: "d-upload__preview" }, nt = ["src"], st = { key: 2 }, it = {
|
|
|
489
477
|
])) : p("", !0)
|
|
490
478
|
], 2));
|
|
491
479
|
}
|
|
492
|
-
}), Et = /* @__PURE__ */
|
|
480
|
+
}), Et = /* @__PURE__ */ lt(ft, [["__scopeId", "data-v-5e32dcf8"]]);
|
|
493
481
|
export {
|
|
494
482
|
Et as default
|
|
495
483
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.d-upload__preview{height:calc(80vh -
|
|
1
|
+
.d-upload__preview{height:calc(80vh - 120px);display:flex;justify-content:center}.d-upload__preview .preview-video{max-width:100%;height:100%}
|