@das-fed/ui 6.4.0-hot.6 → 6.4.0-hot.8
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/esm-map.json +4 -1
- package/package.json +5 -6
- package/packages/business-components/change-pwd/src/hooks/use-changePwd.d.ts +16 -1
- package/packages/business-components/device-panel/index.js +14144 -14216
- package/packages/business-components/device-panel/index.js.gz +0 -0
- package/packages/business-components/device-panel/src/components/drag-resize/index.vue.d.ts +129 -0
- package/packages/business-components/device-panel/src/components/drag-resize/type.d.ts +83 -0
- package/packages/business-components/device-panel/style.css +1 -1
- package/packages/business-components/device-panel/style.css.gz +0 -0
- package/packages/business-components/echarts/index.d.ts +199 -0
- package/packages/business-components/echarts/index.js +6959 -6863
- package/packages/business-components/echarts/index.js.gz +0 -0
- package/packages/business-components/echarts/src/Index.vue.d.ts +24 -0
- package/packages/business-components/echarts/src/type.d.ts +19 -0
- package/packages/business-components/echarts/style.css +1 -0
- package/packages/business-components/import-button/hooks/file.d.ts +1 -1
- package/packages/business-components/import-button/index.d.ts +3 -0
- package/packages/business-components/import-button/index.js +33 -32
- package/packages/business-components/import-button/index.js.gz +0 -0
- package/packages/business-components/import-button/src/App.vue.d.ts +1 -0
- package/packages/business-components/import-button/style.css +1 -1
- package/packages/business-components/model-table-dialog/index.js +156 -135
- package/packages/business-components/model-table-dialog/index.js.gz +0 -0
- package/packages/business-components/model-table-dialog/style.css +1 -1
- package/packages/business-components/model-table-dialog/style.css.gz +0 -0
- package/packages/business-components/process-form/App.vue.d.ts +6 -0
- package/packages/business-components/process-form/api-service/formPreView.d.ts +16 -0
- package/packages/business-components/process-form/apis.d.ts +4 -0
- package/packages/business-components/process-form/index.d.ts +12 -0
- package/packages/business-components/process-form/index.js +1414 -1000
- package/packages/business-components/process-form/index.js.gz +0 -0
- package/packages/business-components/process-form/src/hooks/useForm.d.ts +16 -1
- package/packages/business-components/process-form/src/hooks/useSelector.d.ts +3 -1
- package/packages/business-components/process-form/src/widgets/base/radio.vue.d.ts +6 -2
- package/packages/business-components/process-form/src/widgets/store.d.ts +2 -0
- package/packages/business-components/process-form/style.css +1 -1
- package/packages/business-components/process-form/type.d.ts +2 -0
- package/packages/business-components/urgent-panel/index.d.ts +2 -1
- package/packages/business-components/urgent-panel/index.js +1505 -1586
- package/packages/business-components/urgent-panel/index.js.gz +0 -0
- package/packages/business-components/urgent-panel/src/components/drag-resize/index.vue.d.ts +129 -0
- package/packages/business-components/urgent-panel/src/components/drag-resize/type.d.ts +83 -0
- package/packages/business-components/urgent-panel/style.css +1 -1
- package/packages/business-components/urgent-panel/style.css.gz +0 -0
- package/packages/components/calendar/index.js +219 -220
- package/packages/components/calendar/index.js.gz +0 -0
- package/packages/components/form/index.d.ts +35 -1
- package/packages/components/form/index.js +76 -40
- package/packages/components/form/index.js.gz +0 -0
- package/packages/components/form/src/Index.vue.d.ts +3 -0
- package/packages/components/form/src/type.d.ts +3 -0
- package/packages/components/form/src/utils/flat-form-item.d.ts +1 -0
- package/packages/components/form/style.css +1 -1
- package/packages/components/image-viewer/index.js +362 -329
- package/packages/components/image-viewer/index.js.gz +0 -0
- package/packages/components/image-viewer/src/hooks/use-handler-url-name.d.ts +3 -0
- package/packages/components/image-viewer/src/hooks/use-imageViewer.d.ts +4 -2
- package/packages/components/image-viewer/style.css +1 -1
- package/packages/components/image-viewer/style.css.gz +0 -0
- package/packages/components/menu-aside/index.d.ts +1 -0
- package/packages/components/menu-aside/index.js +55 -52
- package/packages/components/menu-aside/index.js.gz +0 -0
- package/packages/components/menu-aside/src/Index.vue.d.ts +1 -0
- package/packages/components/menu-aside/style.css +1 -1
- package/packages/components/menu-aside/style.css.gz +0 -0
- package/packages/components/table/index.d.ts +35 -1
- package/packages/components/table/index.js +575 -571
- package/packages/components/table/index.js.gz +0 -0
- package/packages/components/table/src/Table.vue.d.ts +3 -0
- package/packages/components/table/src/type.d.ts +3 -0
- package/packages/components/table/style.css +1 -1
- package/packages/components/table/style.css.gz +0 -0
- package/packages/components/table/theme/index.d.ts +2 -0
|
@@ -1,283 +1,299 @@
|
|
|
1
1
|
import '@das-fed/ui/packages/components/image-viewer/style.css';
|
|
2
|
-
import { withInstall as
|
|
3
|
-
import { setThemeRule as
|
|
4
|
-
import { computed as
|
|
5
|
-
import { ElImageViewer as
|
|
6
|
-
import { Upload as
|
|
7
|
-
import { vDasTooltip as
|
|
8
|
-
import { DasImageUpload as
|
|
9
|
-
import { DasSpin as
|
|
10
|
-
import { DasAudioVideo as
|
|
11
|
-
import { DasIconDownload as
|
|
12
|
-
import { DasIconChange as
|
|
13
|
-
import { DasIconDelete as
|
|
14
|
-
import { useModelValue as
|
|
15
|
-
import { DasMessage as
|
|
16
|
-
import { getConfig as
|
|
17
|
-
import { i18n as
|
|
18
|
-
import { iotMinio as
|
|
19
|
-
import { useFile as
|
|
20
|
-
import { getUserInfo as
|
|
21
|
-
import { pureImageSrc as
|
|
2
|
+
import { withInstall as Se } from "@das-fed/utils/with-install/index";
|
|
3
|
+
import { setThemeRule as Qe } from "@das-fed/web/packages/theme/index";
|
|
4
|
+
import { ref as oe, computed as U, watch as Re, createApp as De, defineComponent as Ue, openBlock as g, createElementBlock as B, createElementVNode as K, normalizeStyle as $, withDirectives as k, createVNode as q, unref as e, normalizeClass as _, withCtx as Y, createBlock as S, vShow as Q, createCommentVNode as f, isRef as re, createTextVNode as le, toDisplayString as ue, Fragment as ce, renderList as de, pushScopeId as Pe, popScopeId as be } from "vue";
|
|
5
|
+
import { ElImageViewer as Je, ElImage as me } from "element-plus";
|
|
6
|
+
import { Upload as ge } from "ant-design-vue";
|
|
7
|
+
import { vDasTooltip as pe } from "@das-fed/ui/packages/components/text-tooltip/index";
|
|
8
|
+
import { DasImageUpload as Ae } from "@das-fed/ui/packages/components/image-upload/index";
|
|
9
|
+
import { DasSpin as fe } from "@das-fed/ui/packages/components/spin/index";
|
|
10
|
+
import { DasAudioVideo as ee } from "@das-fed/ui/packages/components/audio-video/index";
|
|
11
|
+
import { DasIconDownload as ve } from "@das-fed/ui/packages/icons/download/index";
|
|
12
|
+
import { DasIconChange as we } from "@das-fed/ui/packages/icons/change/index";
|
|
13
|
+
import { DasIconDelete as he } from "@das-fed/ui/packages/icons/delete/index";
|
|
14
|
+
import { useModelValue as Ee } from "@das-fed/utils/vue";
|
|
15
|
+
import { DasMessage as ne } from "@das-fed/ui/packages/components/message/index";
|
|
16
|
+
import { getConfig as Ie } from "@das-fed/utils/config";
|
|
17
|
+
import { i18n as te } from "@das-fed/web/packages/i18n/index";
|
|
18
|
+
import { iotMinio as Ce } from "@das-fed/utils/api-services/modules/iot";
|
|
19
|
+
import { useFile as Te } from "@das-fed/utils/api-services/modules/file";
|
|
20
|
+
import { getUserInfo as Ve } from "@das-fed/utils/common-info";
|
|
21
|
+
import { pureImageSrc as Ne } from "@das-fed/utils/pure-image-src";
|
|
22
22
|
import "ant-design-vue/es/upload/style/css";
|
|
23
23
|
import "element-plus/es/components/image/style/css";
|
|
24
24
|
import "element-plus/es/components/image-viewer/style/css";
|
|
25
25
|
import "@das-fed/ui/packages/global/theme";
|
|
26
|
-
const
|
|
26
|
+
const ie = "data:image/png;base64,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", Me = (t, o) => {
|
|
27
27
|
const s = new Image();
|
|
28
28
|
s.setAttribute("crossOrigin", "Anonymous"), s.onload = function() {
|
|
29
|
-
let
|
|
30
|
-
const
|
|
31
|
-
|
|
32
|
-
let
|
|
33
|
-
const
|
|
34
|
-
|
|
29
|
+
let a = document.createElement("canvas");
|
|
30
|
+
const r = a.getContext("2d");
|
|
31
|
+
a.width = s.width, a.height = s.height, r.drawImage(s, 0, 0, s.width, s.height), a.toBlob((m) => {
|
|
32
|
+
let v = URL.createObjectURL(m), c = document.createElement("a"), R = new MouseEvent("click");
|
|
33
|
+
const w = t.substring(t.lastIndexOf(".")).toLowerCase();
|
|
34
|
+
c.download = o || `default${w}`, c.href = v, c.dispatchEvent(R), URL.revokeObjectURL(v);
|
|
35
35
|
});
|
|
36
36
|
}, s.src = t + "?v=" + Date.now();
|
|
37
|
-
},
|
|
37
|
+
}, Le = (t, o) => {
|
|
38
38
|
t && fetch(t).then((s) => s.blob()).then((s) => {
|
|
39
|
-
const
|
|
40
|
-
document.body.appendChild(
|
|
41
|
-
const
|
|
42
|
-
|
|
39
|
+
const a = document.createElement("a");
|
|
40
|
+
document.body.appendChild(a), a.style.display = "none";
|
|
41
|
+
const r = window.URL.createObjectURL(s);
|
|
42
|
+
a.href = r, a.download = o, a.click(), document.body.removeChild(a), window.URL.revokeObjectURL(r);
|
|
43
43
|
});
|
|
44
|
-
},
|
|
44
|
+
}, Ke = (t) => {
|
|
45
45
|
const o = (t == null ? void 0 : t.minioTokenApi) ?? "token";
|
|
46
|
-
return
|
|
47
|
-
},
|
|
48
|
-
const t =
|
|
46
|
+
return Ce.get(o, (s) => (s.headers || (s.headers = {}), t != null && t.baseUrl && (s.baseURL = t.baseUrl), s));
|
|
47
|
+
}, Oe = (t) => Ce.post("put-object", (o) => (o.headers || (o.headers = {}), t && (o.baseURL = t), o.headers["Content-Type"] = "multipart/form-data", o)), Fe = () => {
|
|
48
|
+
const t = Ve();
|
|
49
49
|
return t ? t.tenantId : "";
|
|
50
|
-
},
|
|
51
|
-
const { baseUrl: o, serviceName: s, pathPrefix:
|
|
52
|
-
const [A, l] = await
|
|
50
|
+
}, je = (t) => {
|
|
51
|
+
const { baseUrl: o, serviceName: s, pathPrefix: a, bucketName: r, minioTokenApi: m, autoContentType: v } = t, c = async () => {
|
|
52
|
+
const [A, l] = await Ke({ baseUrl: o, minioTokenApi: m })().run();
|
|
53
53
|
return A ? { stauts: !1 } : { status: !0, data: l };
|
|
54
|
-
}, { generateUniqueName:
|
|
54
|
+
}, { generateUniqueName: R } = Te();
|
|
55
55
|
return { upload: async (A, l = {}) => {
|
|
56
|
-
const
|
|
57
|
-
if (!
|
|
58
|
-
const
|
|
59
|
-
accessKeyId:
|
|
60
|
-
secretAccessKey:
|
|
61
|
-
sessionToken:
|
|
56
|
+
const h = await c();
|
|
57
|
+
if (!h.status) return;
|
|
58
|
+
const P = A.name, C = h.data, N = a || Fe(), M = P.substring(P.lastIndexOf(".")).toLowerCase(), O = t.randomName ? `${R("")}${M}` : R(P), F = s ? `${N}/${s}/${O}` : `${N}/${O}`, j = {
|
|
59
|
+
accessKeyId: C.accessKeyId,
|
|
60
|
+
secretAccessKey: C.secretAccessKey,
|
|
61
|
+
sessionToken: C.sessionToken,
|
|
62
62
|
file: A,
|
|
63
|
-
bucketName:
|
|
64
|
-
filePath:
|
|
63
|
+
bucketName: r || "business",
|
|
64
|
+
filePath: F,
|
|
65
65
|
isThumbnail: !0,
|
|
66
|
-
autoContentType:
|
|
66
|
+
autoContentType: v === !0 ? !0 : void 0,
|
|
67
67
|
...l
|
|
68
|
-
}, [
|
|
69
|
-
return
|
|
68
|
+
}, [H, z] = await Oe(o)(j).run();
|
|
69
|
+
return H ? "error" : z.value;
|
|
70
70
|
} };
|
|
71
|
-
},
|
|
71
|
+
}, He = () => ({ size2B: (o) => {
|
|
72
72
|
isNaN(Number(o)) ? o = o.toString() : o = o + "M";
|
|
73
|
-
const s = Number(o.slice(0, -1)),
|
|
74
|
-
M:
|
|
75
|
-
K:
|
|
73
|
+
const s = Number(o.slice(0, -1)), a = o[o.length - 1].toUpperCase(), r = 1024, m = {
|
|
74
|
+
M: r * r,
|
|
75
|
+
K: r,
|
|
76
76
|
B: 1
|
|
77
77
|
};
|
|
78
|
-
return { finalSize: s *
|
|
79
|
-
} }),
|
|
80
|
-
if (
|
|
81
|
-
const
|
|
82
|
-
return s +
|
|
83
|
-
} }),
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
78
|
+
return { finalSize: s * m[a], sizeText: o };
|
|
79
|
+
} }), ze = (t) => ({ handlerImageSrc: (s, a) => {
|
|
80
|
+
if (a.startsWith("http")) return a;
|
|
81
|
+
const r = t.useOriginUrl ? a : Ne(a);
|
|
82
|
+
return s + r;
|
|
83
|
+
} }), Ge = async (t) => await ye(t), qe = async (t) => {
|
|
84
|
+
Ie();
|
|
85
|
+
let o = [];
|
|
86
|
+
for (const s of t) {
|
|
87
|
+
const a = await ye(s);
|
|
88
|
+
o.push(a);
|
|
89
|
+
}
|
|
90
|
+
return o;
|
|
91
|
+
}, ye = async (t) => {
|
|
92
|
+
if (!t) return "";
|
|
93
|
+
const o = t.split("/"), s = /\.(mp3|aac|wav|ogg|flac|wma|m4a|alff|mp4|avi|mov|wmv|flv|mkv|mpeg|webm|jpg|jpeg|png|gif|svg)$/i, a = o.find((r) => s.test(r));
|
|
94
|
+
if (a) {
|
|
95
|
+
const r = a.split("."), m = r.length;
|
|
96
|
+
return r[m - 2].length > 21 && (r[m - 2] = r[m - 2].slice(0, -21)), r.join(".");
|
|
97
|
+
} else
|
|
98
|
+
return "";
|
|
99
|
+
}, Ye = (t, o) => {
|
|
100
|
+
const s = Ie(), a = Ee(t, "modelValue"), r = Ee(t, "status"), { upload: m } = je(t), { size2B: v } = He(), { handlerImageSrc: c } = ze(t), R = oe(""), w = oe([]), A = [".mp4", ".avi", ".mkv", ".mov", ".wmv", ".flv", ".mpeg", ".webm"], l = [".mp3", ".wav", ".aac", ".flac", ".ogg", ".alff", ".wma", ".m4a"], h = U(() => t.baseUrl ? t.baseUrl : process.env.NODE_ENV === "production" ? "" : s.baseURL || ""), P = (n) => {
|
|
101
|
+
if (n) {
|
|
102
|
+
const u = n.substring(n.lastIndexOf(".")).toLowerCase();
|
|
103
|
+
if (A.includes(u)) return "isVideo";
|
|
104
|
+
if (l.includes(u)) return "isAudio";
|
|
89
105
|
}
|
|
90
106
|
return "isImg";
|
|
91
|
-
},
|
|
92
|
-
var
|
|
107
|
+
}, C = U(() => {
|
|
108
|
+
var n;
|
|
93
109
|
if (t.acceptVideo || t.acceptAudio) {
|
|
94
|
-
let
|
|
95
|
-
return t.acceptVideo && (
|
|
110
|
+
let u = t.accept ? (n = t.accept) == null ? void 0 : n.split(",") : [];
|
|
111
|
+
return t.acceptVideo && (u = [...u, ...A]), t.acceptAudio && (u = [...u, ...l]), u.join(",");
|
|
96
112
|
} else
|
|
97
113
|
return t.accept;
|
|
98
|
-
}),
|
|
99
|
-
const
|
|
100
|
-
if (typeof
|
|
101
|
-
return
|
|
102
|
-
for (const
|
|
103
|
-
|
|
104
|
-
return
|
|
105
|
-
}),
|
|
114
|
+
}), N = U(() => r.value === "uploading"), M = oe(0), O = (n) => N.value ? M.value === n : !1, F = U(() => a.value ? [c(h.value, a.value)] : []), j = U(() => a.value ? a.value.map((n) => [c(h.value, n)]) : []), H = U(() => t.status !== "info" && (t.needDeleteBtn || t.needChangeBtn) || t.needDownloadBtn), z = U(() => t.status !== "info" && t.needDeleteBtn || t.needDownloadBtn), X = U(() => {
|
|
115
|
+
const n = [], u = t.previewBtnConfig;
|
|
116
|
+
if (typeof u == "boolean")
|
|
117
|
+
return u ? ["zoom_in", "zoom_out", "turn_left", "turn_right", "full_screen"] : [];
|
|
118
|
+
for (const D in u)
|
|
119
|
+
u[D] && n.push(D);
|
|
120
|
+
return n;
|
|
121
|
+
}), T = () => {
|
|
106
122
|
setTimeout(() => {
|
|
107
|
-
const
|
|
108
|
-
|
|
123
|
+
const n = document.querySelector(".el-image-viewer__wrapper");
|
|
124
|
+
n == null || n.classList.add("das-image-viewer-preview-btn-groups"), n == null || n.classList.add(...X.value);
|
|
109
125
|
}, 0);
|
|
110
|
-
},
|
|
111
|
-
t.limitNum === 1 ? (
|
|
112
|
-
},
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
return "";
|
|
120
|
-
}, J = (a, r) => {
|
|
121
|
-
var S;
|
|
122
|
-
o("downloadImage", a);
|
|
123
|
-
let E = "";
|
|
124
|
-
t.limitNum === 1 ? E = t.imageName || V(a) : E = ((S = t.imageName) == null ? void 0 : S[r]) || V(a), l(a) === "isImg" ? De(u(A.value, a), E) : Ue(u(A.value, a), E);
|
|
125
|
-
}, G = async (a) => {
|
|
126
|
-
var E, S;
|
|
126
|
+
}, V = (n, u) => {
|
|
127
|
+
t.limitNum === 1 ? (a.value = "", o("update:modelValue", ""), o("deleteImage", n)) : (a.value.splice(u, 1), o("update:modelValue", a.value), o("deleteImage", n));
|
|
128
|
+
}, W = (n, u = 0) => {
|
|
129
|
+
var Z;
|
|
130
|
+
o("downloadImage", n);
|
|
131
|
+
let D = "";
|
|
132
|
+
t.limitNum === 1 ? D = t.imageName || R.value : D = ((Z = t.imageName) == null ? void 0 : Z[u]) || w.value[u], P(n) === "isImg" ? Me(c(h.value, n), D) : Le(c(h.value, n), D);
|
|
133
|
+
}, x = async (n, u) => {
|
|
134
|
+
var Z, se;
|
|
127
135
|
if (t.maxSize) {
|
|
128
|
-
const { finalSize:
|
|
129
|
-
if (
|
|
130
|
-
const
|
|
131
|
-
return
|
|
136
|
+
const { finalSize: I, sizeText: y } = v(t.maxSize);
|
|
137
|
+
if (n.size > I) {
|
|
138
|
+
const b = !t.acceptAudio && !t.acceptVideo ? te(`上传的图片大小不能超过${y}的JPG、JPEG、PNG、GIF、SVG文件`).value : te(`上传的文件大小不能超过${y}的${(Z = C.value) == null ? void 0 : Z.toUpperCase()}文件`).value, L = t.errorMessage || b;
|
|
139
|
+
return ne.warning(L), !1;
|
|
132
140
|
}
|
|
133
141
|
}
|
|
134
|
-
const
|
|
135
|
-
o("update:status", "uploading"), o("image-upload",
|
|
136
|
-
const
|
|
137
|
-
return
|
|
142
|
+
const D = async (I) => {
|
|
143
|
+
M.value = I, o("update:status", "uploading"), o("image-upload", n);
|
|
144
|
+
const y = await m(n);
|
|
145
|
+
return y === "error" ? (o("update:status", "error"), !1) : (o("upload-success", n, a.value), t.limitNum === 1 ? a.value = y : a.value[I] = y, o("update:modelValue", a.value), o("update:status", "normal"), !1);
|
|
138
146
|
};
|
|
139
147
|
if (t.customCheck) {
|
|
140
|
-
const
|
|
141
|
-
if (
|
|
142
|
-
return new Promise(async (
|
|
143
|
-
let
|
|
148
|
+
const I = t.customCheck(n);
|
|
149
|
+
if (I instanceof Promise)
|
|
150
|
+
return new Promise(async (y, b) => {
|
|
151
|
+
let L;
|
|
144
152
|
try {
|
|
145
|
-
|
|
153
|
+
L = await I.then();
|
|
146
154
|
} catch {
|
|
147
|
-
|
|
155
|
+
L = !1;
|
|
148
156
|
}
|
|
149
|
-
|
|
157
|
+
L ? D(u) : b(!1);
|
|
150
158
|
});
|
|
151
|
-
if (!
|
|
152
|
-
} else if (
|
|
159
|
+
if (!I) return !1;
|
|
160
|
+
} else if (C.value)
|
|
153
161
|
if (!t.acceptAudio && !t.acceptVideo) {
|
|
154
|
-
const
|
|
155
|
-
let
|
|
156
|
-
return
|
|
162
|
+
const I = C.value.split(",").map((y) => {
|
|
163
|
+
let b = y.trim().slice(1);
|
|
164
|
+
return b === "svg" && (b = "svg+xml"), `image/${b}`;
|
|
157
165
|
}) ?? [];
|
|
158
|
-
if (
|
|
159
|
-
const
|
|
160
|
-
`上传的图片格式只能是${
|
|
166
|
+
if (I.includes("image/jpg") && !I.includes("image/jpeg") && I.push("image/jpeg"), !I.includes(n.type)) {
|
|
167
|
+
const y = t.errorMessage || te(
|
|
168
|
+
`上传的图片格式只能是${C.value.toUpperCase().replaceAll(".", "").replaceAll(",", "、")}格式`
|
|
161
169
|
).value;
|
|
162
|
-
return
|
|
170
|
+
return ne.warning(y), !1;
|
|
163
171
|
}
|
|
164
172
|
} else {
|
|
165
|
-
const
|
|
166
|
-
let
|
|
167
|
-
return
|
|
168
|
-
}) ?? [],
|
|
169
|
-
if (![...
|
|
170
|
-
const
|
|
171
|
-
return
|
|
173
|
+
const I = C.value.split(",").map((J) => {
|
|
174
|
+
let G = J.trim().slice(1);
|
|
175
|
+
return G === "svg" && (G = "svg+xml"), `image/${G}`;
|
|
176
|
+
}) ?? [], y = A.map((J) => `video/${J.split(".")[1]}`) ?? [], b = l.map((J) => `audio/${J.split(".")[1]}`) ?? [], L = A.map((J) => `audio/${J.split(".")[1]}`) ?? [];
|
|
177
|
+
if (![...I, ...y, ...b, ...L].includes(n.type)) {
|
|
178
|
+
const J = t.errorMessage || te(`上传的文件格式只能是${(se = C.value) == null ? void 0 : se.toUpperCase()}格式`).value;
|
|
179
|
+
return ne.warning(J), !1;
|
|
172
180
|
}
|
|
173
181
|
}
|
|
174
|
-
return
|
|
175
|
-
},
|
|
176
|
-
o("update:status", "uploading"), o("image-upload",
|
|
177
|
-
const
|
|
178
|
-
o("upload-success",
|
|
179
|
-
},
|
|
180
|
-
if (
|
|
182
|
+
return D(u);
|
|
183
|
+
}, i = async (n) => {
|
|
184
|
+
t.limitNum !== 1 && (M.value = a.length), o("update:status", "uploading"), o("image-upload", n);
|
|
185
|
+
const u = await m(n);
|
|
186
|
+
o("upload-success", n, u), t.limitNum === 1 ? E(u) : p(u);
|
|
187
|
+
}, E = (n) => {
|
|
188
|
+
if (n === "error") {
|
|
181
189
|
o("update:status", "error");
|
|
182
190
|
return;
|
|
183
191
|
}
|
|
184
|
-
|
|
185
|
-
},
|
|
186
|
-
if (
|
|
192
|
+
a.value = n, o("update:modelValue", a.value), o("update:status", "normal");
|
|
193
|
+
}, p = (n) => {
|
|
194
|
+
if (n === "error") {
|
|
187
195
|
o("update:status", "error");
|
|
188
196
|
return;
|
|
189
197
|
}
|
|
190
|
-
|
|
198
|
+
a.value.push(n), o("update:modelValue", a.value), o("update:status", "normal");
|
|
191
199
|
};
|
|
192
|
-
return {
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
200
|
+
return Re(a, async () => {
|
|
201
|
+
const n = t.limitNum ?? 1;
|
|
202
|
+
n === 1 && a.value ? R.value = await Ge(a.value) : n > 1 && a.value.length > 0 && (w.value = await qe(a.value));
|
|
203
|
+
}, {
|
|
204
|
+
deep: !0,
|
|
205
|
+
immediate: !0
|
|
206
|
+
}), {
|
|
207
|
+
url: a,
|
|
208
|
+
singlePreviewList: F,
|
|
209
|
+
multiPreviewList: j,
|
|
210
|
+
isAccept: C,
|
|
211
|
+
loading: N,
|
|
212
|
+
uploadStatus: r,
|
|
213
|
+
previewBtns: X,
|
|
214
|
+
operateShow: H,
|
|
215
|
+
operateShow_Multi: z,
|
|
216
|
+
singlePreviewName: R,
|
|
217
|
+
multiPreviewName: w,
|
|
218
|
+
getFileType: P,
|
|
219
|
+
delImg: V,
|
|
220
|
+
changeAssets: x,
|
|
221
|
+
uploadImg: i,
|
|
222
|
+
onDownload: W,
|
|
223
|
+
handleImageClick: T,
|
|
224
|
+
isLoadingMulti: O
|
|
209
225
|
};
|
|
210
|
-
},
|
|
211
|
-
var
|
|
212
|
-
const { __IN_DAS_MICRO_APP: s, __DAS_MAIN_APP_HREF:
|
|
213
|
-
if (!s || !
|
|
214
|
-
const { origin:
|
|
215
|
-
(
|
|
216
|
-
},
|
|
217
|
-
sendMessageToMainApp:
|
|
226
|
+
}, Ze = (t, o) => {
|
|
227
|
+
var m;
|
|
228
|
+
const { __IN_DAS_MICRO_APP: s, __DAS_MAIN_APP_HREF: a } = window;
|
|
229
|
+
if (!s || !a) return;
|
|
230
|
+
const { origin: r } = new URL(a);
|
|
231
|
+
(m = window.top) == null || m.postMessage({ type: t, data: o }, r);
|
|
232
|
+
}, Be = "proxy-image-viewer", ae = {
|
|
233
|
+
sendMessageToMainApp: Ze,
|
|
218
234
|
// @ts-ignore
|
|
219
235
|
isMicroApp: () => window.__IN_DAS_MICRO_APP && window.top !== window.self,
|
|
220
236
|
addEventFromMicroApp: () => {
|
|
221
237
|
window.addEventListener("message", (t) => {
|
|
222
238
|
const { type: o, data: s } = t.data;
|
|
223
|
-
if (o !==
|
|
224
|
-
const
|
|
225
|
-
|
|
226
|
-
const { previewList:
|
|
227
|
-
urlList:
|
|
239
|
+
if (o !== Be) return;
|
|
240
|
+
const a = document.createElement("div");
|
|
241
|
+
a.classList.add("das-image-viewer-preview-btn-groups");
|
|
242
|
+
const { previewList: r, previewBtns: m } = s, v = De(Je, {
|
|
243
|
+
urlList: r,
|
|
228
244
|
onClose: () => {
|
|
229
|
-
|
|
245
|
+
v.unmount(), document.body.removeChild(a);
|
|
230
246
|
}
|
|
231
247
|
});
|
|
232
|
-
document.body.appendChild(
|
|
233
|
-
const
|
|
234
|
-
|
|
248
|
+
document.body.appendChild(a), v.mount(a), setTimeout(() => {
|
|
249
|
+
const c = document.querySelector(".el-image-viewer__wrapper");
|
|
250
|
+
c == null || c.classList.add("das-image-viewer-preview-btn-groups"), c == null || c.classList.add(...m);
|
|
235
251
|
}, 0);
|
|
236
252
|
});
|
|
237
253
|
}
|
|
238
254
|
};
|
|
239
|
-
|
|
240
|
-
const
|
|
255
|
+
ae.addEventFromMicroApp();
|
|
256
|
+
const Xe = (t) => {
|
|
241
257
|
const { handleImageClickProxy: o, previewBtns: s } = t;
|
|
242
|
-
return { needPreviewImage:
|
|
243
|
-
if (
|
|
244
|
-
let
|
|
245
|
-
Array.isArray(
|
|
246
|
-
previewList:
|
|
258
|
+
return { needPreviewImage: U(() => !t.needPreview || ae.isMicroApp() ? !1 : t.needPreview), handleImageClick: (m) => {
|
|
259
|
+
if (!ae.isMicroApp()) return o();
|
|
260
|
+
let v = [];
|
|
261
|
+
Array.isArray(m) && v.push(...m), typeof m == "string" && v.push(m), ae.sendMessageToMainApp(Be, {
|
|
262
|
+
previewList: v,
|
|
247
263
|
previewBtns: s.value
|
|
248
264
|
});
|
|
249
265
|
} };
|
|
250
|
-
},
|
|
266
|
+
}, ke = (t) => (Pe("data-v-4c3c3da7"), t = t(), be(), t), We = {
|
|
251
267
|
key: 0,
|
|
252
268
|
class: "das-ui-image-viewer-container"
|
|
253
|
-
},
|
|
269
|
+
}, xe = {
|
|
254
270
|
class: "no-data-img",
|
|
255
|
-
src:
|
|
271
|
+
src: ie,
|
|
256
272
|
alt: ""
|
|
257
|
-
},
|
|
273
|
+
}, $e = { class: "image-name" }, _e = {
|
|
258
274
|
key: 1,
|
|
259
275
|
class: "das-ui-image-viewer-groups"
|
|
260
|
-
},
|
|
261
|
-
/* @__PURE__ */
|
|
276
|
+
}, et = { class: "image-name" }, tt = { class: "das-ui-image-viewer-container" }, at = /* @__PURE__ */ ke(() => /* @__PURE__ */ K("div", { class: "das-ui-image-viewer" }, [
|
|
277
|
+
/* @__PURE__ */ K("img", {
|
|
262
278
|
class: "no-data-img",
|
|
263
|
-
src:
|
|
279
|
+
src: ie,
|
|
264
280
|
alt: ""
|
|
265
281
|
})
|
|
266
|
-
], -1)),
|
|
267
|
-
|
|
268
|
-
],
|
|
282
|
+
], -1)), ot = [
|
|
283
|
+
at
|
|
284
|
+
], nt = {
|
|
269
285
|
key: 1,
|
|
270
286
|
class: "das-ui-image-viewer-container"
|
|
271
|
-
},
|
|
287
|
+
}, it = { class: "das-ui-image-viewer" }, st = {
|
|
272
288
|
key: 2,
|
|
273
289
|
class: "das-ui-image-viewer"
|
|
274
|
-
},
|
|
290
|
+
}, rt = /* @__PURE__ */ ke(() => /* @__PURE__ */ K("img", {
|
|
275
291
|
class: "no-data-img",
|
|
276
|
-
src:
|
|
292
|
+
src: ie,
|
|
277
293
|
alt: ""
|
|
278
|
-
}, null, -1)),
|
|
279
|
-
|
|
280
|
-
],
|
|
294
|
+
}, null, -1)), lt = [
|
|
295
|
+
rt
|
|
296
|
+
], ut = /* @__PURE__ */ Ue({
|
|
281
297
|
__name: "Index",
|
|
282
298
|
props: {
|
|
283
299
|
style: { default: "" },
|
|
@@ -313,274 +329,291 @@ const Oe = (t) => {
|
|
|
313
329
|
},
|
|
314
330
|
emits: ["update:modelValue", "update:status", "downloadImage", "image-upload", "upload-success", "deleteImage"],
|
|
315
331
|
setup(t, { emit: o }) {
|
|
316
|
-
const s = t,
|
|
317
|
-
const
|
|
332
|
+
const s = t, a = o, r = U(() => {
|
|
333
|
+
const E = [
|
|
318
334
|
s.needDownloadBtn,
|
|
319
335
|
s.limitNum === 1 && l.value !== "info" && s.needChangeBtn,
|
|
320
336
|
l.value !== "info" && s.needDeleteBtn
|
|
321
|
-
].filter((
|
|
322
|
-
let
|
|
323
|
-
return
|
|
324
|
-
"justify-content":
|
|
337
|
+
].filter((d) => d).length;
|
|
338
|
+
let p = "center";
|
|
339
|
+
return E === 2 && (p = "space-around"), E === 3 && (p = "space-between"), {
|
|
340
|
+
"justify-content": p
|
|
325
341
|
};
|
|
326
|
-
}),
|
|
342
|
+
}), m = U(() => s.mode === "view" ? !1 : c.value ? l.value === "error" : l.value !== "info"), v = (i) => {
|
|
327
343
|
i.stopPropagation();
|
|
328
344
|
}, {
|
|
329
|
-
url:
|
|
330
|
-
isAccept:
|
|
331
|
-
singlePreviewList:
|
|
345
|
+
url: c,
|
|
346
|
+
isAccept: R,
|
|
347
|
+
singlePreviewList: w,
|
|
332
348
|
multiPreviewList: A,
|
|
333
349
|
uploadStatus: l,
|
|
334
|
-
loading:
|
|
335
|
-
previewBtns:
|
|
336
|
-
operateShow:
|
|
337
|
-
operateShow_Multi:
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
350
|
+
loading: h,
|
|
351
|
+
previewBtns: P,
|
|
352
|
+
operateShow: C,
|
|
353
|
+
operateShow_Multi: N,
|
|
354
|
+
singlePreviewName: M,
|
|
355
|
+
multiPreviewName: O,
|
|
356
|
+
delImg: F,
|
|
357
|
+
changeAssets: j,
|
|
358
|
+
uploadImg: H,
|
|
359
|
+
onDownload: z,
|
|
360
|
+
handleImageClick: X,
|
|
361
|
+
getFileType: T,
|
|
362
|
+
isLoadingMulti: V
|
|
363
|
+
} = Ye(s, a), { needPreviewImage: W, handleImageClick: x } = Xe({
|
|
346
364
|
needPreview: s.needPreview,
|
|
347
|
-
handleImageClickProxy:
|
|
348
|
-
previewBtns:
|
|
365
|
+
handleImageClickProxy: X,
|
|
366
|
+
previewBtns: P
|
|
349
367
|
});
|
|
350
|
-
return (i,
|
|
351
|
-
|
|
368
|
+
return (i, E) => i.limitNum === 1 ? (g(), B("div", We, [
|
|
369
|
+
K("div", {
|
|
352
370
|
class: "das-ui-image-viewer",
|
|
353
|
-
style:
|
|
371
|
+
style: $(i.style)
|
|
354
372
|
}, [
|
|
355
|
-
|
|
356
|
-
class:
|
|
373
|
+
k(q(e(fe), {
|
|
374
|
+
class: _([{ "loading-border": e(h) }]),
|
|
357
375
|
type: "component",
|
|
358
|
-
spinning: e(
|
|
376
|
+
spinning: e(h)
|
|
359
377
|
}, {
|
|
360
|
-
default:
|
|
361
|
-
e(
|
|
378
|
+
default: Y(() => [
|
|
379
|
+
e(T)(e(w)[0]) === "isImg" ? k((g(), S(e(me), {
|
|
362
380
|
key: 0,
|
|
363
|
-
class:
|
|
381
|
+
class: _(["image-context", [e(P)]]),
|
|
364
382
|
"preview-teleported": !0,
|
|
365
|
-
src: e(
|
|
366
|
-
"preview-src-list": e(
|
|
383
|
+
src: e(w)[0],
|
|
384
|
+
"preview-src-list": e(W) ? e(w) : void 0,
|
|
367
385
|
"initial-index": 0,
|
|
368
386
|
fit: i.imageFit,
|
|
369
|
-
onClick:
|
|
387
|
+
onClick: E[0] || (E[0] = (p) => e(x)(e(w)))
|
|
370
388
|
}, null, 8, ["class", "src", "preview-src-list", "fit"])), [
|
|
371
|
-
[
|
|
372
|
-
]) :
|
|
373
|
-
e(
|
|
389
|
+
[Q, !e(h)]
|
|
390
|
+
]) : f("", !0),
|
|
391
|
+
e(T)(e(w)[0]) === "isVideo" ? k((g(), S(e(ee), {
|
|
374
392
|
key: 1,
|
|
375
393
|
mode: e(l) === "info" || i.mode === "view" ? "view" : "normal",
|
|
376
|
-
src: e(
|
|
394
|
+
src: e(w)[0],
|
|
377
395
|
needPreview: i.needPreview,
|
|
378
396
|
width: "100%",
|
|
379
397
|
height: "100%",
|
|
380
398
|
"player-props": { videoWidth: i.videoWidth, videoHeight: i.videoHeight },
|
|
381
399
|
fullPath: ""
|
|
382
400
|
}, null, 8, ["mode", "src", "needPreview", "player-props"])), [
|
|
383
|
-
[
|
|
384
|
-
]) :
|
|
385
|
-
e(
|
|
401
|
+
[Q, !e(h)]
|
|
402
|
+
]) : f("", !0),
|
|
403
|
+
e(T)(e(w)[0]) === "isAudio" ? k((g(), S(e(ee), {
|
|
386
404
|
key: 2,
|
|
387
405
|
mode: e(l) === "info" || i.mode === "view" ? "view" : "normal",
|
|
388
|
-
src: e(
|
|
406
|
+
src: e(w)[0],
|
|
389
407
|
needPreview: i.needPreview,
|
|
390
408
|
width: "100%",
|
|
391
409
|
height: "100%",
|
|
392
410
|
type: "audio",
|
|
393
411
|
fullPath: ""
|
|
394
412
|
}, null, 8, ["mode", "src", "needPreview"])), [
|
|
395
|
-
[
|
|
396
|
-
]) :
|
|
397
|
-
e(
|
|
413
|
+
[Q, !e(h)]
|
|
414
|
+
]) : f("", !0),
|
|
415
|
+
!e(h) && e(C) ? (g(), B("div", {
|
|
398
416
|
key: 3,
|
|
399
417
|
class: "operate-container",
|
|
400
|
-
style:
|
|
401
|
-
onClick:
|
|
418
|
+
style: $(r.value),
|
|
419
|
+
onClick: v
|
|
402
420
|
}, [
|
|
403
|
-
i.needDownloadBtn ? (
|
|
421
|
+
i.needDownloadBtn ? (g(), S(e(ve), {
|
|
404
422
|
key: 0,
|
|
405
423
|
class: "operate-btn",
|
|
406
424
|
size: "medium",
|
|
407
425
|
"icon-color": "#fff",
|
|
408
|
-
onClick:
|
|
409
|
-
})) :
|
|
410
|
-
e(l) !== "info" && i.needChangeBtn ? (
|
|
426
|
+
onClick: E[1] || (E[1] = (p) => e(z)(e(c)))
|
|
427
|
+
})) : f("", !0),
|
|
428
|
+
e(l) !== "info" && i.needChangeBtn ? (g(), S(e(ge), {
|
|
411
429
|
key: 1,
|
|
412
|
-
"before-upload": e(
|
|
413
|
-
accept: e(
|
|
430
|
+
"before-upload": (p) => e(j)(p, 0),
|
|
431
|
+
accept: e(R)
|
|
414
432
|
}, {
|
|
415
|
-
itemRender:
|
|
416
|
-
default:
|
|
417
|
-
|
|
433
|
+
itemRender: Y(({ file: p, actions: d }) => []),
|
|
434
|
+
default: Y(() => [
|
|
435
|
+
q(e(we), {
|
|
418
436
|
class: "operate-btn m-t-6",
|
|
419
437
|
"icon-color": "#fff",
|
|
420
438
|
size: "medium"
|
|
421
439
|
})
|
|
422
440
|
]),
|
|
423
441
|
_: 1
|
|
424
|
-
}, 8, ["before-upload", "accept"])) :
|
|
425
|
-
e(l) !== "info" && i.needDeleteBtn ? (
|
|
442
|
+
}, 8, ["before-upload", "accept"])) : f("", !0),
|
|
443
|
+
e(l) !== "info" && i.needDeleteBtn ? (g(), S(e(he), {
|
|
426
444
|
key: 2,
|
|
427
445
|
class: "operate-btn",
|
|
428
446
|
"icon-color": "#fff",
|
|
429
447
|
size: "medium",
|
|
430
|
-
onClick:
|
|
431
|
-
})) :
|
|
432
|
-
], 4)) :
|
|
448
|
+
onClick: E[2] || (E[2] = (p) => e(F)(e(c)))
|
|
449
|
+
})) : f("", !0)
|
|
450
|
+
], 4)) : f("", !0)
|
|
433
451
|
]),
|
|
434
452
|
_: 1
|
|
435
453
|
}, 8, ["class", "spinning"]), [
|
|
436
|
-
[
|
|
454
|
+
[Q, e(c) && i.status !== "error"]
|
|
437
455
|
]),
|
|
438
|
-
|
|
456
|
+
k(q(e(Ae), {
|
|
439
457
|
status: e(l),
|
|
440
|
-
"onUpdate:status":
|
|
458
|
+
"onUpdate:status": E[3] || (E[3] = (p) => re(l) ? l.value = p : null),
|
|
441
459
|
"max-size": i.maxSize,
|
|
442
460
|
accept: i.accept,
|
|
443
461
|
acceptVideo: i.acceptVideo,
|
|
444
462
|
message: i.message,
|
|
445
463
|
acceptAudio: i.acceptAudio,
|
|
446
464
|
autoContentType: i.autoContentType,
|
|
447
|
-
onImageUpload: e(
|
|
465
|
+
onImageUpload: e(H),
|
|
448
466
|
"custom-check": i.customCheck,
|
|
449
467
|
"error-message": i.errorMessage
|
|
450
468
|
}, null, 8, ["status", "max-size", "accept", "acceptVideo", "message", "acceptAudio", "autoContentType", "onImageUpload", "custom-check", "error-message"]), [
|
|
451
|
-
[
|
|
469
|
+
[Q, m.value]
|
|
452
470
|
]),
|
|
453
|
-
|
|
454
|
-
[
|
|
471
|
+
k(K("img", xe, null, 512), [
|
|
472
|
+
[Q, !e(c) && (e(l) === "info" || i.mode === "view")]
|
|
455
473
|
])
|
|
456
474
|
], 4),
|
|
457
|
-
|
|
458
|
-
|
|
475
|
+
k((g(), B("div", $e, [
|
|
476
|
+
le(ue(s.imageName || e(M)), 1)
|
|
459
477
|
])), [
|
|
460
|
-
[
|
|
461
|
-
[e(
|
|
478
|
+
[Q, e(c) && i.showImageName && (e(l) === "normal" || e(l) === "info")],
|
|
479
|
+
[e(pe)]
|
|
462
480
|
])
|
|
463
|
-
])) : (
|
|
464
|
-
(
|
|
465
|
-
var
|
|
466
|
-
return
|
|
467
|
-
key:
|
|
481
|
+
])) : (g(), B("div", _e, [
|
|
482
|
+
(g(!0), B(ce, null, de(e(c), (p, d) => {
|
|
483
|
+
var n;
|
|
484
|
+
return g(), B("div", {
|
|
485
|
+
key: d,
|
|
468
486
|
class: "das-ui-image-viewer-container"
|
|
469
487
|
}, [
|
|
470
|
-
|
|
488
|
+
K("div", {
|
|
471
489
|
class: "das-ui-image-viewer",
|
|
472
|
-
style:
|
|
490
|
+
style: $(i.style)
|
|
473
491
|
}, [
|
|
474
|
-
|
|
475
|
-
class:
|
|
492
|
+
k(q(e(fe), {
|
|
493
|
+
class: _([{ "loading-border": e(V)(d) }]),
|
|
476
494
|
type: "component",
|
|
477
|
-
spinning: e(
|
|
495
|
+
spinning: e(V)(d)
|
|
478
496
|
}, {
|
|
479
|
-
default:
|
|
480
|
-
e(
|
|
497
|
+
default: Y(() => [
|
|
498
|
+
e(T)(e(A)[d][0]) === "isImg" ? k((g(), S(e(me), {
|
|
481
499
|
key: 0,
|
|
482
|
-
class:
|
|
483
|
-
src: e(A)[
|
|
500
|
+
class: _(["image-context", [e(P)]]),
|
|
501
|
+
src: e(A)[d][0],
|
|
484
502
|
"preview-teleported": !0,
|
|
485
|
-
"preview-src-list": e(
|
|
486
|
-
"initial-index":
|
|
487
|
-
onClick: (
|
|
503
|
+
"preview-src-list": e(W) ? e(A)[d] : void 0,
|
|
504
|
+
"initial-index": d,
|
|
505
|
+
onClick: (u) => e(x)(e(A)[d]),
|
|
488
506
|
fit: "cover"
|
|
489
507
|
}, null, 8, ["class", "src", "preview-src-list", "initial-index", "onClick"])), [
|
|
490
|
-
[
|
|
491
|
-
]) :
|
|
492
|
-
e(
|
|
508
|
+
[Q, !e(V)(d)]
|
|
509
|
+
]) : f("", !0),
|
|
510
|
+
e(T)(e(A)[d][0]) === "isVideo" ? k((g(), S(e(ee), {
|
|
493
511
|
key: 1,
|
|
494
512
|
mode: e(l) === "info" || i.mode === "view" ? "view" : "normal",
|
|
495
|
-
src: e(A)[
|
|
513
|
+
src: e(A)[d][0],
|
|
496
514
|
needPreview: i.needPreview,
|
|
497
515
|
width: "100%",
|
|
498
516
|
height: "100%",
|
|
499
517
|
fullPath: "",
|
|
500
518
|
"player-props": { videoWidth: i.videoWidth, videoHeight: i.videoHeight }
|
|
501
519
|
}, null, 8, ["mode", "src", "needPreview", "player-props"])), [
|
|
502
|
-
[
|
|
503
|
-
]) :
|
|
504
|
-
e(
|
|
520
|
+
[Q, !e(V)(d)]
|
|
521
|
+
]) : f("", !0),
|
|
522
|
+
e(T)(e(A)[d][0]) === "isAudio" ? k((g(), S(e(ee), {
|
|
505
523
|
key: 2,
|
|
506
524
|
mode: e(l) === "info" || i.mode === "view" ? "view" : "normal",
|
|
507
|
-
src: e(A)[
|
|
525
|
+
src: e(A)[d][0],
|
|
508
526
|
needPreview: i.needPreview,
|
|
509
527
|
width: "100%",
|
|
510
528
|
height: "100%",
|
|
511
529
|
type: "audio",
|
|
512
530
|
fullPath: ""
|
|
513
531
|
}, null, 8, ["mode", "src", "needPreview"])), [
|
|
514
|
-
[
|
|
515
|
-
]) :
|
|
516
|
-
e(
|
|
532
|
+
[Q, !e(V)(d)]
|
|
533
|
+
]) : f("", !0),
|
|
534
|
+
!e(h) && e(N) ? (g(), B("div", {
|
|
517
535
|
key: 3,
|
|
518
536
|
class: "operate-container",
|
|
519
|
-
style:
|
|
537
|
+
style: $(r.value)
|
|
520
538
|
}, [
|
|
521
|
-
i.needDownloadBtn ? (
|
|
539
|
+
i.needDownloadBtn ? (g(), S(e(ve), {
|
|
522
540
|
key: 0,
|
|
523
541
|
class: "operate-btn",
|
|
524
542
|
size: "medium",
|
|
525
543
|
"icon-color": "#fff",
|
|
526
|
-
onClick: (
|
|
527
|
-
}, null, 8, ["onClick"])) :
|
|
528
|
-
e(l) !== "info" && i.
|
|
544
|
+
onClick: (u) => e(z)(p, d)
|
|
545
|
+
}, null, 8, ["onClick"])) : f("", !0),
|
|
546
|
+
e(l) !== "info" && i.needChangeBtn ? (g(), S(e(ge), {
|
|
529
547
|
key: 1,
|
|
548
|
+
"before-upload": (u) => e(j)(u, d),
|
|
549
|
+
accept: e(R)
|
|
550
|
+
}, {
|
|
551
|
+
itemRender: Y(({ file: u, actions: D }) => []),
|
|
552
|
+
default: Y(() => [
|
|
553
|
+
q(e(we), {
|
|
554
|
+
class: "operate-btn m-t-6",
|
|
555
|
+
"icon-color": "#fff",
|
|
556
|
+
size: "medium"
|
|
557
|
+
})
|
|
558
|
+
]),
|
|
559
|
+
_: 2
|
|
560
|
+
}, 1032, ["before-upload", "accept"])) : f("", !0),
|
|
561
|
+
e(l) !== "info" && i.needDeleteBtn ? (g(), S(e(he), {
|
|
562
|
+
key: 2,
|
|
530
563
|
class: "operate-btn",
|
|
531
564
|
"icon-color": "#fff",
|
|
532
565
|
size: "medium",
|
|
533
|
-
onClick: (
|
|
534
|
-
}, null, 8, ["onClick"])) :
|
|
535
|
-
], 4)) :
|
|
566
|
+
onClick: (u) => e(F)(p, d)
|
|
567
|
+
}, null, 8, ["onClick"])) : f("", !0)
|
|
568
|
+
], 4)) : f("", !0)
|
|
536
569
|
]),
|
|
537
570
|
_: 2
|
|
538
571
|
}, 1032, ["class", "spinning"]), [
|
|
539
|
-
[
|
|
572
|
+
[Q, p]
|
|
540
573
|
])
|
|
541
574
|
], 4),
|
|
542
|
-
|
|
543
|
-
|
|
575
|
+
k((g(), B("div", et, [
|
|
576
|
+
le(ue(((n = s.imageName) == null ? void 0 : n[d]) || e(O)[d]), 1)
|
|
544
577
|
])), [
|
|
545
|
-
[
|
|
546
|
-
[e(
|
|
578
|
+
[Q, p && i.showImageName && !e(V)(d)],
|
|
579
|
+
[e(pe)]
|
|
547
580
|
])
|
|
548
581
|
]);
|
|
549
582
|
}), 128)),
|
|
550
|
-
i.mode === "view" ? (
|
|
551
|
-
i.mode === "upload" && e(l) !== "info" && e(
|
|
552
|
-
|
|
553
|
-
|
|
583
|
+
i.mode === "view" ? (g(!0), B(ce, { key: 0 }, de(i.limitNum - e(c).length, (p) => (g(), B("div", tt, ot))), 256)) : f("", !0),
|
|
584
|
+
i.mode === "upload" && e(l) !== "info" && e(c).length < i.limitNum ? (g(), B("div", nt, [
|
|
585
|
+
K("div", it, [
|
|
586
|
+
q(e(Ae), {
|
|
554
587
|
status: e(l),
|
|
555
|
-
"onUpdate:status":
|
|
588
|
+
"onUpdate:status": E[4] || (E[4] = (p) => re(l) ? l.value = p : null),
|
|
556
589
|
"max-size": i.maxSize,
|
|
557
590
|
accept: i.accept,
|
|
558
591
|
acceptVideo: i.acceptVideo,
|
|
559
592
|
acceptAudio: i.acceptAudio,
|
|
560
593
|
message: i.message,
|
|
561
|
-
onImageUpload: e(
|
|
594
|
+
onImageUpload: e(H),
|
|
562
595
|
"custom-check": i.customCheck,
|
|
563
596
|
"error-message": i.errorMessage
|
|
564
597
|
}, null, 8, ["status", "max-size", "accept", "acceptVideo", "acceptAudio", "message", "onImageUpload", "custom-check", "error-message"])
|
|
565
598
|
])
|
|
566
|
-
])) :
|
|
567
|
-
e(l) === "info" && e(
|
|
599
|
+
])) : f("", !0),
|
|
600
|
+
e(l) === "info" && e(c).length === 0 ? (g(), B("div", st, lt)) : f("", !0)
|
|
568
601
|
]));
|
|
569
602
|
}
|
|
570
|
-
}),
|
|
603
|
+
}), ct = (t, o) => {
|
|
571
604
|
const s = t.__vccOpts || t;
|
|
572
|
-
for (const [
|
|
573
|
-
s[
|
|
605
|
+
for (const [a, r] of o)
|
|
606
|
+
s[a] = r;
|
|
574
607
|
return s;
|
|
575
|
-
},
|
|
608
|
+
}, dt = /* @__PURE__ */ ct(ut, [["__scopeId", "data-v-4c3c3da7"]]), mt = {
|
|
576
609
|
"--das-ui-image-viewer-bg-color": { light: "rgba(0, 0, 0, 0.5)" },
|
|
577
610
|
"--das-ui-image-viewer-btn-hover": { light: "#87A9FF" },
|
|
578
611
|
"--das-ui-image-viewer-btn-active": { light: "#276FF5" }
|
|
579
|
-
},
|
|
580
|
-
|
|
612
|
+
}, Lt = Se(dt);
|
|
613
|
+
Qe(mt);
|
|
581
614
|
export {
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
615
|
+
Lt as DasImageViewer,
|
|
616
|
+
Lt as default,
|
|
617
|
+
je as minioUpload,
|
|
618
|
+
He as useCalculateSize
|
|
586
619
|
};
|