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