@das-fed/ui 7.0.5-test.12 → 7.0.5-test.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +5 -5
- package/packages/business-components/video-dialog/index.d.ts +10 -0
- package/packages/business-components/video-dialog/index.js +60 -58
- package/packages/business-components/video-dialog/index.js.gz +0 -0
- package/packages/business-components/video-dialog/src/index.vue.d.ts +2 -0
- package/packages/business-components/video-dialog/src/type.d.ts +2 -0
- package/packages/components/dialog/index.js +19 -18
- package/packages/components/dialog/index.js.gz +0 -0
- package/packages/components/dialog/style.css +1 -1
- package/packages/components/dialog/style.css.gz +0 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@das-fed/ui",
|
|
3
|
-
"version": "7.0.5-test.
|
|
3
|
+
"version": "7.0.5-test.13",
|
|
4
4
|
"description": "",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./index.js",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"@antv/x6-plugin-snapline": "^2.1.7",
|
|
27
27
|
"@antv/x6-plugin-transform": "^2.1.8",
|
|
28
28
|
"@antv/x6-vue-shape": "^2.1.2",
|
|
29
|
-
"@das-fed/cli": "7.0.5-test.
|
|
29
|
+
"@das-fed/cli": "7.0.5-test.13",
|
|
30
30
|
"@element-plus/icons-vue": "^2.3.1",
|
|
31
31
|
"@types/lodash": "^4.14.194",
|
|
32
32
|
"@types/lodash-es": "^4.17.9",
|
|
@@ -56,9 +56,9 @@
|
|
|
56
56
|
"vue-tsc": "^2.0.29"
|
|
57
57
|
},
|
|
58
58
|
"dependencies": {
|
|
59
|
-
"@das-fed/ui": "7.0.5-test.
|
|
60
|
-
"@das-fed/utils": "7.0.5-test.
|
|
61
|
-
"@das-fed/web": "7.0.5-test.
|
|
59
|
+
"@das-fed/ui": "7.0.5-test.13",
|
|
60
|
+
"@das-fed/utils": "7.0.5-test.13",
|
|
61
|
+
"@das-fed/web": "7.0.5-test.13",
|
|
62
62
|
"@types/markdown-it": "^14.1.2",
|
|
63
63
|
"@wangeditor-next/editor": "5.6.31",
|
|
64
64
|
"@wangeditor-next/editor-for-vue": "5.1.14",
|
|
@@ -5,6 +5,8 @@ declare const DasVideoDialog: import("@das-fed/utils").SFCWithInstall<import("vu
|
|
|
5
5
|
}>, {
|
|
6
6
|
baseURL: string;
|
|
7
7
|
visible: boolean;
|
|
8
|
+
draggable: boolean;
|
|
9
|
+
resizable: boolean;
|
|
8
10
|
gridNum: number;
|
|
9
11
|
deviceList: import("./src/type.js").Device[];
|
|
10
12
|
isHls: boolean;
|
|
@@ -17,6 +19,8 @@ declare const DasVideoDialogRef: () => import("vue").Ref<import("vue").CreateCom
|
|
|
17
19
|
}, import("vue").PublicProps, {
|
|
18
20
|
baseURL: string;
|
|
19
21
|
visible: boolean;
|
|
22
|
+
draggable: boolean;
|
|
23
|
+
resizable: boolean;
|
|
20
24
|
gridNum: number;
|
|
21
25
|
deviceList: import("./src/type.js").Device[];
|
|
22
26
|
isHls: boolean;
|
|
@@ -33,6 +37,8 @@ declare const DasVideoDialogRef: () => import("vue").Ref<import("vue").CreateCom
|
|
|
33
37
|
}>, {}, {}, {}, {}, {
|
|
34
38
|
baseURL: string;
|
|
35
39
|
visible: boolean;
|
|
40
|
+
draggable: boolean;
|
|
41
|
+
resizable: boolean;
|
|
36
42
|
gridNum: number;
|
|
37
43
|
deviceList: import("./src/type.js").Device[];
|
|
38
44
|
isHls: boolean;
|
|
@@ -44,6 +50,8 @@ declare const DasVideoDialogRef: () => import("vue").Ref<import("vue").CreateCom
|
|
|
44
50
|
}, import("vue").PublicProps, {
|
|
45
51
|
baseURL: string;
|
|
46
52
|
visible: boolean;
|
|
53
|
+
draggable: boolean;
|
|
54
|
+
resizable: boolean;
|
|
47
55
|
gridNum: number;
|
|
48
56
|
deviceList: import("./src/type.js").Device[];
|
|
49
57
|
isHls: boolean;
|
|
@@ -60,6 +68,8 @@ declare const DasVideoDialogRef: () => import("vue").Ref<import("vue").CreateCom
|
|
|
60
68
|
}>, {}, {}, {}, {}, {
|
|
61
69
|
baseURL: string;
|
|
62
70
|
visible: boolean;
|
|
71
|
+
draggable: boolean;
|
|
72
|
+
resizable: boolean;
|
|
63
73
|
gridNum: number;
|
|
64
74
|
deviceList: import("./src/type.js").Device[];
|
|
65
75
|
isHls: boolean;
|
|
@@ -39,14 +39,14 @@ function Ue(...t) {
|
|
|
39
39
|
if (Ne(t[0]) || Array.isArray(t[0]) ? ([e, i, r] = t, n = Oe) : [n, e, i, r] = t, !n)
|
|
40
40
|
return Fe;
|
|
41
41
|
Array.isArray(e) || (e = [e]), Array.isArray(i) || (i = [i]);
|
|
42
|
-
const o = [],
|
|
42
|
+
const o = [], c = () => {
|
|
43
43
|
o.forEach((a) => a()), o.length = 0;
|
|
44
44
|
}, g = (a, p, k, b) => (a.addEventListener(p, k, b), () => a.removeEventListener(p, k, b)), u = N(() => [ie(n), ne(r)], ([a, p]) => {
|
|
45
|
-
|
|
46
|
-
}, { immediate: !0, flush: "post" }),
|
|
47
|
-
u(),
|
|
45
|
+
c(), a && o.push(...e.flatMap((k) => i.map((b) => g(a, k, b, p))));
|
|
46
|
+
}, { immediate: !0, flush: "post" }), s = () => {
|
|
47
|
+
u(), c();
|
|
48
48
|
};
|
|
49
|
-
return le(
|
|
49
|
+
return le(s), s;
|
|
50
50
|
}
|
|
51
51
|
function $e(t, n = !1) {
|
|
52
52
|
const e = w(), i = () => e.value = !!t();
|
|
@@ -98,18 +98,18 @@ const Z = [
|
|
|
98
98
|
];
|
|
99
99
|
function ae(t, n = {}) {
|
|
100
100
|
const { document: e = De, autoExit: i = !1 } = n, r = t || (e == null ? void 0 : e.querySelector("html")), o = w(!1);
|
|
101
|
-
let
|
|
101
|
+
let c = Z[0];
|
|
102
102
|
const g = $e(() => {
|
|
103
103
|
if (e) {
|
|
104
104
|
for (const S of Z)
|
|
105
105
|
if (S[1] in e)
|
|
106
|
-
return
|
|
106
|
+
return c = S, !0;
|
|
107
107
|
} else
|
|
108
108
|
return !1;
|
|
109
109
|
return !1;
|
|
110
|
-
}), [u,
|
|
110
|
+
}), [u, s, a, , p] = c;
|
|
111
111
|
async function k() {
|
|
112
|
-
g.value && (e != null && e[a] && await e[
|
|
112
|
+
g.value && (e != null && e[a] && await e[s](), o.value = !1);
|
|
113
113
|
}
|
|
114
114
|
async function b() {
|
|
115
115
|
if (!g.value)
|
|
@@ -180,25 +180,25 @@ const Ve = /* @__PURE__ */ D({
|
|
|
180
180
|
},
|
|
181
181
|
emits: ["itemClick"],
|
|
182
182
|
setup(t, { emit: n }) {
|
|
183
|
-
ve((
|
|
183
|
+
ve((s) => ({
|
|
184
184
|
a769b0be: u.value
|
|
185
185
|
}));
|
|
186
|
-
const e = t, i = n, r = w(), { toggle: o } = ae(r),
|
|
186
|
+
const e = t, i = n, r = w(), { toggle: o } = ae(r), c = () => {
|
|
187
187
|
o();
|
|
188
188
|
}, g = () => {
|
|
189
189
|
i("itemClick");
|
|
190
190
|
}, u = P(() => `calc(100% / ${Math.sqrt(e.gridNum)})`);
|
|
191
|
-
return (
|
|
191
|
+
return (s, a) => (v(), F(
|
|
192
192
|
"div",
|
|
193
193
|
{
|
|
194
194
|
ref_key: "containerRef",
|
|
195
195
|
ref: r,
|
|
196
196
|
class: fe(["wrapper", { "is-active": e.active }]),
|
|
197
|
-
onDblclick: a[0] || (a[0] = (p) =>
|
|
197
|
+
onDblclick: a[0] || (a[0] = (p) => c()),
|
|
198
198
|
onClick: a[1] || (a[1] = (p) => g())
|
|
199
199
|
},
|
|
200
200
|
[
|
|
201
|
-
oe(
|
|
201
|
+
oe(s.$slots, "default", {}, void 0, !0)
|
|
202
202
|
],
|
|
203
203
|
34
|
|
204
204
|
/* CLASS, NEED_HYDRATION */
|
|
@@ -221,7 +221,7 @@ const Ve = /* @__PURE__ */ D({
|
|
|
221
221
|
const e = t, i = n, r = (o) => {
|
|
222
222
|
i("update:activeIndex", o);
|
|
223
223
|
};
|
|
224
|
-
return (o,
|
|
224
|
+
return (o, c) => (v(), F("div", Me, [
|
|
225
225
|
I(' :active="index === activeIndex" '),
|
|
226
226
|
(v(!0), F(
|
|
227
227
|
B,
|
|
@@ -229,7 +229,7 @@ const Ve = /* @__PURE__ */ D({
|
|
|
229
229
|
me(e.gridNum, (g, u) => (v(), R(je, {
|
|
230
230
|
active: !1,
|
|
231
231
|
"grid-num": e.gridNum,
|
|
232
|
-
onItemClick: (
|
|
232
|
+
onItemClick: (s) => r(u)
|
|
233
233
|
}, {
|
|
234
234
|
default: y(() => [
|
|
235
235
|
o.showFn(u) ? oe(o.$slots, "default", {
|
|
@@ -256,7 +256,7 @@ const Ve = /* @__PURE__ */ D({
|
|
|
256
256
|
"div",
|
|
257
257
|
{
|
|
258
258
|
class: "direction-control",
|
|
259
|
-
onDblclick: o[9] || (o[9] = h((
|
|
259
|
+
onDblclick: o[9] || (o[9] = h((c) => c.stopPropagation(), ["stop"]))
|
|
260
260
|
},
|
|
261
261
|
[
|
|
262
262
|
f(l(_), {
|
|
@@ -265,7 +265,7 @@ const Ve = /* @__PURE__ */ D({
|
|
|
265
265
|
default: y(() => [
|
|
266
266
|
m("div", {
|
|
267
267
|
class: "icon icon-top-left",
|
|
268
|
-
onClick: o[0] || (o[0] = h((
|
|
268
|
+
onClick: o[0] || (o[0] = h((c) => i("leftUp"), ["stop"]))
|
|
269
269
|
})
|
|
270
270
|
]),
|
|
271
271
|
_: 1
|
|
@@ -277,7 +277,7 @@ const Ve = /* @__PURE__ */ D({
|
|
|
277
277
|
default: y(() => [
|
|
278
278
|
m("div", {
|
|
279
279
|
class: "icon icon-top",
|
|
280
|
-
onClick: o[1] || (o[1] = h((
|
|
280
|
+
onClick: o[1] || (o[1] = h((c) => i("up"), ["stop"]))
|
|
281
281
|
})
|
|
282
282
|
]),
|
|
283
283
|
_: 1
|
|
@@ -289,7 +289,7 @@ const Ve = /* @__PURE__ */ D({
|
|
|
289
289
|
default: y(() => [
|
|
290
290
|
m("div", {
|
|
291
291
|
class: "icon icon-top-right",
|
|
292
|
-
onClick: o[2] || (o[2] = h((
|
|
292
|
+
onClick: o[2] || (o[2] = h((c) => i("rightUp"), ["stop"]))
|
|
293
293
|
})
|
|
294
294
|
]),
|
|
295
295
|
_: 1
|
|
@@ -301,7 +301,7 @@ const Ve = /* @__PURE__ */ D({
|
|
|
301
301
|
default: y(() => [
|
|
302
302
|
m("div", {
|
|
303
303
|
class: "icon icon-left",
|
|
304
|
-
onClick: o[3] || (o[3] = h((
|
|
304
|
+
onClick: o[3] || (o[3] = h((c) => i("left"), ["stop"]))
|
|
305
305
|
})
|
|
306
306
|
]),
|
|
307
307
|
_: 1
|
|
@@ -313,7 +313,7 @@ const Ve = /* @__PURE__ */ D({
|
|
|
313
313
|
default: y(() => [
|
|
314
314
|
m("div", {
|
|
315
315
|
class: "icon icon-auto",
|
|
316
|
-
onClick: o[4] || (o[4] = h((
|
|
316
|
+
onClick: o[4] || (o[4] = h((c) => i("auto"), ["stop"]))
|
|
317
317
|
})
|
|
318
318
|
]),
|
|
319
319
|
_: 1
|
|
@@ -325,7 +325,7 @@ const Ve = /* @__PURE__ */ D({
|
|
|
325
325
|
default: y(() => [
|
|
326
326
|
m("div", {
|
|
327
327
|
class: "icon icon-right",
|
|
328
|
-
onClick: o[5] || (o[5] = h((
|
|
328
|
+
onClick: o[5] || (o[5] = h((c) => i("right"), ["stop"]))
|
|
329
329
|
})
|
|
330
330
|
]),
|
|
331
331
|
_: 1
|
|
@@ -337,7 +337,7 @@ const Ve = /* @__PURE__ */ D({
|
|
|
337
337
|
default: y(() => [
|
|
338
338
|
m("div", {
|
|
339
339
|
class: "icon icon-bottom-left",
|
|
340
|
-
onClick: o[6] || (o[6] = h((
|
|
340
|
+
onClick: o[6] || (o[6] = h((c) => i("leftDown"), ["stop"]))
|
|
341
341
|
})
|
|
342
342
|
]),
|
|
343
343
|
_: 1
|
|
@@ -349,7 +349,7 @@ const Ve = /* @__PURE__ */ D({
|
|
|
349
349
|
default: y(() => [
|
|
350
350
|
m("div", {
|
|
351
351
|
class: "icon icon-bottom",
|
|
352
|
-
onClick: o[7] || (o[7] = h((
|
|
352
|
+
onClick: o[7] || (o[7] = h((c) => i("down"), ["stop"]))
|
|
353
353
|
})
|
|
354
354
|
]),
|
|
355
355
|
_: 1
|
|
@@ -361,7 +361,7 @@ const Ve = /* @__PURE__ */ D({
|
|
|
361
361
|
default: y(() => [
|
|
362
362
|
m("div", {
|
|
363
363
|
class: "icon icon-bottom-right",
|
|
364
|
-
onClick: o[8] || (o[8] = h((
|
|
364
|
+
onClick: o[8] || (o[8] = h((c) => i("rightDown"), ["stop"]))
|
|
365
365
|
})
|
|
366
366
|
]),
|
|
367
367
|
_: 1
|
|
@@ -400,16 +400,16 @@ const Ve = /* @__PURE__ */ D({
|
|
|
400
400
|
"direction-control": import("@das-fed/ui/packages/icons/direction-control"),
|
|
401
401
|
screenshot: import("@das-fed/ui/packages/icons/screenshot")
|
|
402
402
|
});
|
|
403
|
-
const r = w(!0), o = w(),
|
|
403
|
+
const r = w(!0), o = w(), c = w(!1), g = w(), u = P(() => {
|
|
404
404
|
var d;
|
|
405
405
|
return (d = g.value) == null ? void 0 : d.video;
|
|
406
|
-
}),
|
|
406
|
+
}), s = w(!1), a = w(!0), p = (d) => {
|
|
407
407
|
o.value = d, !e.isHls && o.value.on(window.mpegts.Events.ERROR, (E) => {
|
|
408
408
|
});
|
|
409
409
|
}, k = () => {
|
|
410
410
|
r.value = !r.value, i("handleClick", r.value ? "MUTE" : "UNMUTE"), o.value && (o.value.muted = r.value);
|
|
411
411
|
}, b = () => {
|
|
412
|
-
|
|
412
|
+
c.value = !c.value;
|
|
413
413
|
}, z = w(""), S = () => {
|
|
414
414
|
const d = document.createElement("canvas");
|
|
415
415
|
if (i("handleClick", "SCREENSHOT"), u.value) {
|
|
@@ -431,7 +431,7 @@ const Ve = /* @__PURE__ */ D({
|
|
|
431
431
|
() => u.value,
|
|
432
432
|
() => {
|
|
433
433
|
u.value && u.value.addEventListener("ended", () => {
|
|
434
|
-
|
|
434
|
+
s.value = !0, e.type === "playback" && (a.value = !1);
|
|
435
435
|
});
|
|
436
436
|
}
|
|
437
437
|
), N(
|
|
@@ -623,7 +623,7 @@ const Ve = /* @__PURE__ */ D({
|
|
|
623
623
|
)
|
|
624
624
|
])
|
|
625
625
|
]),
|
|
626
|
-
|
|
626
|
+
c.value ? (v(), R(Ge, {
|
|
627
627
|
key: 2,
|
|
628
628
|
onChange: V
|
|
629
629
|
})) : I("v-if", !0)
|
|
@@ -687,10 +687,10 @@ const dt = /* @__PURE__ */ D({
|
|
|
687
687
|
source: i,
|
|
688
688
|
isHls: r,
|
|
689
689
|
baseURL: o
|
|
690
|
-
} = ge(t),
|
|
690
|
+
} = ge(t), c = w(!1), g = w(""), u = async () => {
|
|
691
691
|
var b;
|
|
692
692
|
if (!((b = e.value) != null && b.deviceId)) return;
|
|
693
|
-
|
|
693
|
+
c.value = !0;
|
|
694
694
|
const [p, k] = await st({
|
|
695
695
|
productId: e.value.productId,
|
|
696
696
|
deviceId: e.value.deviceId,
|
|
@@ -700,8 +700,8 @@ const dt = /* @__PURE__ */ D({
|
|
|
700
700
|
let z = r.value ? "httpHlsStreamURL" : "wsFlvStreamURL";
|
|
701
701
|
g.value = ut(k == null ? void 0 : k[z]);
|
|
702
702
|
}
|
|
703
|
-
|
|
704
|
-
},
|
|
703
|
+
c.value = !1;
|
|
704
|
+
}, s = (p) => {
|
|
705
705
|
ee({
|
|
706
706
|
productId: e.value.productId,
|
|
707
707
|
deviceId: e.value.deviceId,
|
|
@@ -726,8 +726,8 @@ const dt = /* @__PURE__ */ D({
|
|
|
726
726
|
deep: !0
|
|
727
727
|
}), () => f(B, null, [n.default({
|
|
728
728
|
videoUrl: g.value,
|
|
729
|
-
loading:
|
|
730
|
-
onDirectionControl:
|
|
729
|
+
loading: c.value,
|
|
730
|
+
onDirectionControl: s,
|
|
731
731
|
onZoomControl: a,
|
|
732
732
|
isHls: r.value
|
|
733
733
|
})]);
|
|
@@ -738,24 +738,24 @@ function pt(t) {
|
|
|
738
738
|
toggle: i,
|
|
739
739
|
isFullscreen: r,
|
|
740
740
|
exit: o
|
|
741
|
-
} = ae(e),
|
|
741
|
+
} = ae(e), c = (s, a) => {
|
|
742
742
|
r.value && o();
|
|
743
|
-
}, g = (
|
|
743
|
+
}, g = (s) => {
|
|
744
744
|
var a;
|
|
745
|
-
(a = t == null ? void 0 : t.handleClick) == null || a.call(t,
|
|
745
|
+
(a = t == null ? void 0 : t.handleClick) == null || a.call(t, s);
|
|
746
746
|
};
|
|
747
747
|
return {
|
|
748
748
|
render: () => f(Qe, {
|
|
749
749
|
ref: e,
|
|
750
750
|
gridNum: t.gridNum,
|
|
751
751
|
activeIndex: n.value,
|
|
752
|
-
"onUpdate:activeIndex": (
|
|
753
|
-
showFn: (
|
|
752
|
+
"onUpdate:activeIndex": (s) => n.value = s,
|
|
753
|
+
showFn: (s) => !!t.deviceList[s]
|
|
754
754
|
}, {
|
|
755
755
|
default: ({
|
|
756
|
-
index:
|
|
756
|
+
index: s
|
|
757
757
|
}) => {
|
|
758
|
-
const a = t.deviceList[
|
|
758
|
+
const a = t.deviceList[s], p = t.source, k = t.isHls, b = t.baseURL;
|
|
759
759
|
return f(dt, {
|
|
760
760
|
deviceInfo: a,
|
|
761
761
|
baseURL: b,
|
|
@@ -774,7 +774,7 @@ function pt(t) {
|
|
|
774
774
|
isFullscreen: r.value,
|
|
775
775
|
videoUrl: z,
|
|
776
776
|
title: a.deviceName,
|
|
777
|
-
onClose: () =>
|
|
777
|
+
onClose: () => c(),
|
|
778
778
|
onDirectionControl: S,
|
|
779
779
|
onZoomControl: V,
|
|
780
780
|
onHandleClick: g,
|
|
@@ -795,7 +795,8 @@ const vt = /* @__PURE__ */ D({
|
|
|
795
795
|
gridNum: { default: 4 },
|
|
796
796
|
source: {},
|
|
797
797
|
isHls: { type: Boolean, default: !1 },
|
|
798
|
-
|
|
798
|
+
draggable: { type: Boolean, default: !0 },
|
|
799
|
+
resizable: { type: Boolean, default: !0 },
|
|
799
800
|
dialogTitle: { default: "" },
|
|
800
801
|
baseURL: { default: "/api/device-relation/deviceproject/v1/project/device/video" },
|
|
801
802
|
handleClick: {}
|
|
@@ -804,23 +805,23 @@ const vt = /* @__PURE__ */ D({
|
|
|
804
805
|
setup(t, { emit: n }) {
|
|
805
806
|
const e = t, i = P(() => e.dialogTitle || C("视频监控")), r = n, o = P({
|
|
806
807
|
get: () => e.visible,
|
|
807
|
-
set: (
|
|
808
|
-
}), { render:
|
|
809
|
-
let
|
|
808
|
+
set: (s) => r("update:visible", s)
|
|
809
|
+
}), { render: c, toggleFullscreen: g } = pt(e), u = P(() => {
|
|
810
|
+
let s = {};
|
|
810
811
|
switch (e.gridNum) {
|
|
811
812
|
case 1:
|
|
812
|
-
|
|
813
|
+
s = { width: "933px", height: "595px" };
|
|
813
814
|
break;
|
|
814
815
|
case 4:
|
|
815
|
-
|
|
816
|
+
s = { width: "933px", height: "595px" };
|
|
816
817
|
break;
|
|
817
818
|
case 9:
|
|
818
|
-
|
|
819
|
+
s = { width: "1370px", height: "840px" };
|
|
819
820
|
break;
|
|
820
821
|
}
|
|
821
|
-
return
|
|
822
|
+
return s;
|
|
822
823
|
});
|
|
823
|
-
return (
|
|
824
|
+
return (s, a) => (v(), R(l(he), ye({
|
|
824
825
|
size: "mini",
|
|
825
826
|
title: i.value,
|
|
826
827
|
"custom-class": "das-linakge-video-dialog",
|
|
@@ -831,9 +832,10 @@ const vt = /* @__PURE__ */ D({
|
|
|
831
832
|
"close-on-press-escape": !1,
|
|
832
833
|
modal: !1,
|
|
833
834
|
"header-style": { display: "flex", justifyContent: "space-between", alignItems: "center" },
|
|
834
|
-
|
|
835
|
+
draggable: s.draggable,
|
|
836
|
+
resizable: s.resizable,
|
|
835
837
|
dialogStyle: u.value
|
|
836
|
-
},
|
|
838
|
+
}, s.$attrs), {
|
|
837
839
|
header: y(() => [
|
|
838
840
|
m("div", null, [
|
|
839
841
|
m(
|
|
@@ -859,11 +861,11 @@ const vt = /* @__PURE__ */ D({
|
|
|
859
861
|
}, 8, ["content"])
|
|
860
862
|
]),
|
|
861
863
|
default: y(() => [
|
|
862
|
-
o.value ? (v(), R(l(
|
|
864
|
+
o.value ? (v(), R(l(c), { key: 0 })) : I("v-if", !0)
|
|
863
865
|
]),
|
|
864
866
|
_: 1
|
|
865
867
|
/* STABLE */
|
|
866
|
-
}, 16, ["title", "modelValue", "resizable", "dialogStyle"]));
|
|
868
|
+
}, 16, ["title", "modelValue", "draggable", "resizable", "dialogStyle"]));
|
|
867
869
|
}
|
|
868
870
|
}), ft = {
|
|
869
871
|
加载中: { "zh-CN": "加载中", en: "Loading", _appCode: "framework" },
|
|
Binary file
|
|
@@ -32,13 +32,13 @@ const le = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAV4AAADICAYAAACgY4nwAA
|
|
|
32
32
|
addEventFromMainApp: Ce,
|
|
33
33
|
getMicroAppContainerRect: () => window.__DAS_MICRO_APP_CONTAINER_RECT || { top: 0, left: 0 }
|
|
34
34
|
}, q = {}, Ne = (a) => {
|
|
35
|
-
const o = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), { dialogWidth: A, dialogHeight: l } = a || {}, t = v(0), i = v(0), r = v(null), s = v(null),
|
|
35
|
+
const o = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), { dialogWidth: A, dialogHeight: l } = a || {}, t = v(0), i = v(0), r = v(null), s = v(null), b = h(() => {
|
|
36
36
|
const n = {
|
|
37
37
|
right: `${t.value}px`,
|
|
38
38
|
top: `${i.value}px`
|
|
39
39
|
};
|
|
40
40
|
return r.value && (n.maxWidth = `${r.value}px`), s.value && (n.maxHeight = `${s.value}px`), n;
|
|
41
|
-
}),
|
|
41
|
+
}), K = async (n) => {
|
|
42
42
|
let c = n.x / 2, F = n.y / 2;
|
|
43
43
|
r.value = null, s.value = null;
|
|
44
44
|
let w = A.value, p = l.value;
|
|
@@ -50,10 +50,10 @@ const le = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAV4AAADICAYAAACgY4nwAA
|
|
|
50
50
|
}, B = () => {
|
|
51
51
|
t.value = 0, i.value = 0, r.value = null, s.value = null;
|
|
52
52
|
}, X = S.addEventFromMainApp("resize");
|
|
53
|
-
return { instanceId: o, microAppStyle:
|
|
53
|
+
return { instanceId: o, microAppStyle: b, microAppMaxWidth: r, microAppMaxHeight: s, onOpen: async () => {
|
|
54
54
|
const n = S.getMicroAppContainerRect();
|
|
55
|
-
|
|
56
|
-
window.__DAS_MICRO_APP_CONTAINER_RECT = c,
|
|
55
|
+
K(n), X.listen((c) => {
|
|
56
|
+
window.__DAS_MICRO_APP_CONTAINER_RECT = c, K(c);
|
|
57
57
|
}), q[o] = !0, S.setMainAppOverlay(!0);
|
|
58
58
|
}, onClose: (n) => {
|
|
59
59
|
q[o] && delete q[o], Object.keys(q).length === 0 && S.setMainAppOverlay(n ?? !1), X.remove(), setTimeout(() => {
|
|
@@ -87,7 +87,7 @@ const le = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAV4AAADICAYAAACgY4nwAA
|
|
|
87
87
|
const r = document.createElement("div");
|
|
88
88
|
r.style.cssText = `position:absolute; ${i.style} cursor:${i.cursor}; user-select:none;`, r.className = `resize-handle-${i.direction}`, A.appendChild(r), r.onmousedown = (s) => {
|
|
89
89
|
A.style.willChange = "width, height, left, top", s.preventDefault(), s.preventDefault(), document.body.style.cursor = i.cursor, document.body.style.userSelect = "none";
|
|
90
|
-
const
|
|
90
|
+
const b = s.clientX, K = s.clientY, B = A.offsetWidth, X = A.offsetHeight, L = A.offsetLeft, M = A.offsetTop;
|
|
91
91
|
A.style.margin = "0px", A.style.marginLeft = `${L}px`, A.style.marginTop = `${M}px`;
|
|
92
92
|
const n = window.getComputedStyle(A), c = parseFloat(n.marginLeft) || 0, F = parseFloat(n.marginTop) || 0, w = 460, p = 360, j = () => ({
|
|
93
93
|
w: document.documentElement.clientWidth,
|
|
@@ -97,7 +97,7 @@ const le = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAV4AAADICAYAAACgY4nwAA
|
|
|
97
97
|
const P = (C) => {
|
|
98
98
|
y || (y = requestAnimationFrame(() => {
|
|
99
99
|
C.preventDefault();
|
|
100
|
-
const T = C.clientX, H = C.clientY, N = T -
|
|
100
|
+
const T = C.clientX, H = C.clientY, N = T - b, Y = H - K, { w: _, h: e } = j();
|
|
101
101
|
let d = B, f = X;
|
|
102
102
|
if (i.direction.includes("r")) {
|
|
103
103
|
d = B + N;
|
|
@@ -145,10 +145,10 @@ const le = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAV4AAADICAYAAACgY4nwAA
|
|
|
145
145
|
}, Ee = ["src"], ze = {
|
|
146
146
|
key: 0,
|
|
147
147
|
class: "das-dialog-box"
|
|
148
|
-
},
|
|
148
|
+
}, be = {
|
|
149
149
|
key: 0,
|
|
150
150
|
class: "das-dialog__feed-img"
|
|
151
|
-
},
|
|
151
|
+
}, Ke = ["src"], He = {
|
|
152
152
|
name: "DasDialog"
|
|
153
153
|
}, Ve = /* @__PURE__ */ re({
|
|
154
154
|
...He,
|
|
@@ -172,7 +172,7 @@ const le = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAV4AAADICAYAAACgY4nwAA
|
|
|
172
172
|
closeOnClickModal: { type: Boolean, default: !1 },
|
|
173
173
|
closeOnPressEscape: { type: Boolean, default: !0 },
|
|
174
174
|
loading: { type: Boolean, default: !1 },
|
|
175
|
-
resizable: { type: Boolean, default: !
|
|
175
|
+
resizable: { type: Boolean, default: !0 }
|
|
176
176
|
}, {
|
|
177
177
|
modelValue: {},
|
|
178
178
|
modelModifiers: {}
|
|
@@ -181,7 +181,7 @@ const le = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAV4AAADICAYAAACgY4nwAA
|
|
|
181
181
|
setup(a, { emit: o }) {
|
|
182
182
|
const A = Oe, l = ce(a, "modelValue");
|
|
183
183
|
let t = a;
|
|
184
|
-
const i = o, r = h(() => t.customClass), s = h(() => t.type),
|
|
184
|
+
const i = o, r = h(() => t.customClass), s = h(() => t.type), b = {
|
|
185
185
|
mini: {
|
|
186
186
|
width: 460,
|
|
187
187
|
height: 360
|
|
@@ -202,14 +202,14 @@ const le = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAV4AAADICAYAAACgY4nwAA
|
|
|
202
202
|
width: 1170,
|
|
203
203
|
height: 689
|
|
204
204
|
}
|
|
205
|
-
},
|
|
205
|
+
}, K = v(340), B = v(460), X = v(368), L = v(368), M = h(() => {
|
|
206
206
|
var d, f, D, u;
|
|
207
|
-
let e =
|
|
207
|
+
let e = b[t.size].width;
|
|
208
208
|
return t.type == "feedback" && (e = B.value), t.type == "notice" && (e = X.value), t.width && (e = t.width), typeof e == "string" && ((d = e == null ? void 0 : e.endsWith) != null && d.call(e, "px") && (e = Number(e.replace("px", ""))), (f = e == null ? void 0 : e.endsWith) != null && f.call(e, "vh") && (e = Number(e.replace("vh", "")) * document.documentElement.clientHeight), (D = e == null ? void 0 : e.endsWith) != null && D.call(e, "vw") && (e = Number(e.replace("vw", "")) * document.documentElement.clientWidth), (u = e == null ? void 0 : e.endsWith) != null && u.call(e, "%") && (e = Number(e.replace("%", "")) * document.documentElement.clientWidth), e = Number(e)), e;
|
|
209
209
|
}), n = h(() => {
|
|
210
210
|
var d, f, D, u;
|
|
211
|
-
let e =
|
|
212
|
-
return t.type == "feedback" && (e =
|
|
211
|
+
let e = b[t.size].height;
|
|
212
|
+
return t.type == "feedback" && (e = K.value), t.type == "notice" && (e = L.value), t.height && (e = t.height), typeof e == "string" && ((d = e == null ? void 0 : e.endsWith) != null && d.call(e, "px") && (e = Number(e.replace("px", ""))), (f = e == null ? void 0 : e.endsWith) != null && f.call(e, "vh") && (e = Number(e.replace("vh", "")) * document.documentElement.clientHeight), (D = e == null ? void 0 : e.endsWith) != null && D.call(e, "vw") && (e = Number(e.replace("vw", "")) * document.documentElement.clientWidth), (u = e == null ? void 0 : e.endsWith) != null && u.call(e, "%") && (e = Number(e.replace("%", "")) * document.documentElement.clientHeight), e = Number(e)), e;
|
|
213
213
|
}), c = v(n.value);
|
|
214
214
|
te(n, (e) => {
|
|
215
215
|
c.value = e;
|
|
@@ -285,6 +285,7 @@ const le = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAV4AAADICAYAAACgY4nwAA
|
|
|
285
285
|
"close-on-press-escape": g(t).closeOnPressEscape,
|
|
286
286
|
style: [F.value, g(C)],
|
|
287
287
|
class: ["das-ui-dialog", [r.value, s.value]],
|
|
288
|
+
draggable: "",
|
|
288
289
|
onOpen: Y,
|
|
289
290
|
onClose: _
|
|
290
291
|
}), {
|
|
@@ -341,12 +342,12 @@ const le = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAV4AAADICAYAAACgY4nwAA
|
|
|
341
342
|
style: k(e.bodyStyle)
|
|
342
343
|
},
|
|
343
344
|
[
|
|
344
|
-
s.value == "feedback" && e.isFeedbackImg ? (x(), O("div",
|
|
345
|
+
s.value == "feedback" && e.isFeedbackImg ? (x(), O("div", be, [
|
|
345
346
|
V(e.$slots, "feedbackImg", {}, () => [
|
|
346
347
|
R("img", {
|
|
347
348
|
src: y.value,
|
|
348
349
|
alt: ""
|
|
349
|
-
}, null, 8,
|
|
350
|
+
}, null, 8, Ke)
|
|
350
351
|
], !0)
|
|
351
352
|
])) : z("v-if", !0),
|
|
352
353
|
V(e.$slots, "default", {}, void 0, !0)
|
|
@@ -434,7 +435,7 @@ const le = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAV4AAADICAYAAACgY4nwAA
|
|
|
434
435
|
for (const [l, t] of o)
|
|
435
436
|
A[l] = t;
|
|
436
437
|
return A;
|
|
437
|
-
}, Me = /* @__PURE__ */ We(Ve, [["__scopeId", "data-v-
|
|
438
|
+
}, Me = /* @__PURE__ */ We(Ve, [["__scopeId", "data-v-42665b1e"]]), Te = {
|
|
438
439
|
"--das-ui-dialog-title": Z("--das-ui-color-normal"),
|
|
439
440
|
// 弹框-头-字体颜色
|
|
440
441
|
"--das-ui-dialog-border": "#D9D9D9",
|
|
Binary file
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.das-ui-dialog[data-v-
|
|
1
|
+
.das-ui-dialog[data-v-42665b1e] .el-dialog{display:flex;flex-direction:column}.das-ui-dialog[data-v-42665b1e] .el-dialog .el-dialog__header{margin:0;padding:0}.das-ui-dialog[data-v-42665b1e] .el-dialog .el-dialog__header .el-dialog__headerbtn{top:0;width:50px}.das-ui-dialog[data-v-42665b1e] .el-dialog .el-dialog__body{flex:1;height:100%;overflow:hidden;padding:0}.das-ui-dialog[data-v-42665b1e] .el-dialog .el-dialog__footer{padding:0}.das-ui-dialog .das-dialog-box[data-v-42665b1e]{height:100%;width:100%;display:flex;flex-direction:column}.das-ui-dialog.basic[data-v-42665b1e] .el-dialog__header .el-dialog__headerbtn{height:var(--das-ui-dialog-basic-header-height)}.das-ui-dialog.basic .das-dialog__header[data-v-42665b1e]{height:var(--das-ui-dialog-basic-header-height);line-height:var(--das-ui-dialog-basic-header-height);padding:0 50px 0 20px;border-bottom:1px solid var(--das-ui-dialog-border);color:var(--das-ui-dialog-title);font-size:18px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.das-ui-dialog.basic .das-dialog__body[data-v-42665b1e]{padding:var(--das-ui-dialog-basic-cont-padding);color:var(--das-ui-dislog-basic-cont-color);height:100%}.das-ui-dialog.basic .das-dialog__body .das-dialog__body-cont[data-v-42665b1e]{height:100%}.das-ui-dialog.basic .das-dialog__footer[data-v-42665b1e]{text-align:center;height:50px;line-height:50px;box-sizing:content-box;border-top:1px solid var(--das-ui-dialog-border)}.das-ui-dialog.feedback[data-v-42665b1e] .el-dialog__header .el-dialog__headerbtn{height:var(--das-ui-dialog-feedback-header-height)}.das-ui-dialog.feedback .das-dialog__header[data-v-42665b1e]{height:var(--das-ui-dialog-feedback-header-height);line-height:var(--das-ui-dialog-feedback-header-height);border-bottom:0;padding:0 50px 0 38px;color:var(--das-ui-dialog-title);font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative}.das-ui-dialog.feedback .das-dialog__header[data-v-42665b1e]:before{content:"";position:absolute;top:50%;left:24px;width:6px;height:6px;border-radius:50%;transform:translateY(-50%)}.das-ui-dialog.feedback .das-dialog__header.primary[data-v-42665b1e]:before,.das-ui-dialog.feedback .das-dialog__header.delete[data-v-42665b1e]:before{background-color:var(--das-ui-color-primary)}.das-ui-dialog.feedback .das-dialog__header.warning[data-v-42665b1e]:before{background-color:var(--das-ui-color-warning)}.das-ui-dialog.feedback .das-dialog__header.danger[data-v-42665b1e]:before{background-color:var(--das-ui-color-danger)}.das-ui-dialog.feedback .das-dialog__header.success[data-v-42665b1e]:before{background-color:var(--das-ui-color-success)}.das-ui-dialog.feedback .das-dialog__body[data-v-42665b1e]{padding:0px var(--das-ui-dialog-feedback-cont-padding);color:var(--das-ui-dislog-feedback-cont-color);text-align:center;height:100%}.das-ui-dialog.feedback .das-dialog__body .das-dialog__feed-img[data-v-42665b1e]{margin:0 auto 12px;overflow:hidden;width:var(--das-ui-dialog-feedback-icon-width);height:var(--das-ui-dialog-feedback-icon-height);display:flex;justify-content:center}.das-ui-dialog.feedback .das-dialog__body .das-dialog__feed-img img[data-v-42665b1e]{max-width:100%;max-height:100%}.das-ui-dialog.feedback .das-dialog__footer[data-v-42665b1e]{border-top:0;text-align:center;padding:32px 0;line-height:28px;height:28px;box-sizing:content-box}.das-ui-dialog.notice[data-v-42665b1e]{width:368px}.das-ui-dialog.notice[data-v-42665b1e] .el-dialog__header .el-dialog__headerbtn{height:50px}.das-ui-dialog.notice .das-dialog__header[data-v-42665b1e]{text-align:center;font-size:16px;font-weight:700;color:var(--das-ui-dialog-title);border-bottom:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.das-ui-dialog.notice .das-dialog__header .das-dialog__notice-bg[data-v-42665b1e]{width:100%;height:96px;margin-bottom:12px;border:none}.das-ui-dialog.notice .das-dialog__header .das-dialog__notice-bg img[data-v-42665b1e]{width:100%;height:100%;border:none}.das-ui-dialog.notice .das-dialog__body[data-v-42665b1e]{color:var(--das-ui-dislog-notice-cont-color);font-size:var(--das-ui-dialog-notice-cont-font-size);padding:12px var(--das-ui-dialog-notice-cont-padding) 0;height:100%}.das-ui-dialog.notice .das-dialog__footer[data-v-42665b1e]{border-top:0;text-align:center;padding:24px}.el-dialog{display:flex;flex-direction:column}.el-dialog .el-dialog__header{margin:0;padding:0}.el-dialog .el-dialog__header .el-dialog__headerbtn{top:0;width:50px}.el-dialog .el-dialog__body{flex:1;height:100%;overflow:hidden;padding:0}.el-dialog .el-dialog__footer{padding:0}.el-dialog .das-dialog-box{height:100%;width:100%;display:flex;flex-direction:column}.el-dialog.basic:deep(.el-dialog__header) .el-dialog__headerbtn{height:var(--das-ui-dialog-basic-header-height)}.el-dialog.basic .das-dialog__header{height:var(--das-ui-dialog-basic-header-height);line-height:var(--das-ui-dialog-basic-header-height);padding:0 50px 0 20px;border-bottom:1px solid var(--das-ui-dialog-border);color:var(--das-ui-dialog-title);font-size:18px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.el-dialog.basic .das-dialog__body{padding:var(--das-ui-dialog-basic-cont-padding);color:var(--das-ui-dislog-basic-cont-color);height:100%}.el-dialog.basic .das-dialog__body .das-dialog__body-cont{height:100%}.el-dialog.basic .das-dialog__footer{text-align:center;height:50px;line-height:50px;box-sizing:content-box;border-top:1px solid var(--das-ui-dialog-border)}.el-dialog.feedback:deep(.el-dialog__header) .el-dialog__headerbtn{height:var(--das-ui-dialog-feedback-header-height)}.el-dialog.feedback .das-dialog__header{height:var(--das-ui-dialog-feedback-header-height);line-height:var(--das-ui-dialog-feedback-header-height);border-bottom:0;padding:0 50px 0 38px;color:var(--das-ui-dialog-title);font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative}.el-dialog.feedback .das-dialog__header:before{content:"";position:absolute;top:50%;left:24px;width:6px;height:6px;border-radius:50%;transform:translateY(-50%)}.el-dialog.feedback .das-dialog__header.primary:before,.el-dialog.feedback .das-dialog__header.delete:before{background-color:var(--das-ui-color-primary)}.el-dialog.feedback .das-dialog__header.warning:before{background-color:var(--das-ui-color-warning)}.el-dialog.feedback .das-dialog__header.danger:before{background-color:var(--das-ui-color-danger)}.el-dialog.feedback .das-dialog__header.success:before{background-color:var(--das-ui-color-success)}.el-dialog.feedback .das-dialog__body{padding:0px var(--das-ui-dialog-feedback-cont-padding);color:var(--das-ui-dislog-feedback-cont-color);text-align:center;height:100%}.el-dialog.feedback .das-dialog__body .das-dialog__feed-img{margin:0 auto 12px;overflow:hidden;width:var(--das-ui-dialog-feedback-icon-width);height:var(--das-ui-dialog-feedback-icon-height);display:flex;justify-content:center}.el-dialog.feedback .das-dialog__body .das-dialog__feed-img img{max-width:100%;max-height:100%}.el-dialog.feedback .das-dialog__footer{border-top:0;text-align:center;padding:32px 0}.el-dialog.notice{width:368px}.el-dialog.notice:deep(.el-dialog__header) .el-dialog__headerbtn{height:50px}.el-dialog.notice .das-dialog__header{text-align:center;font-size:16px;font-weight:700;color:var(--das-ui-dialog-title);border-bottom:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.el-dialog.notice .das-dialog__header .das-dialog__notice-bg{width:100%;height:96px;margin-bottom:12px;border:none}.el-dialog.notice .das-dialog__header .das-dialog__notice-bg img{width:100%;height:100%;border:none}.el-dialog.notice .das-dialog__body{color:var(--das-ui-dislog-notice-cont-color);font-size:var(--das-ui-dialog-notice-cont-font-size);padding:12px var(--das-ui-dialog-notice-cont-padding) 0;height:100%}.el-dialog.notice .das-dialog__footer{border-top:0;text-align:center;padding:24px}
|
|
Binary file
|