zf-dbs 1.0.0 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunks/BpLzP99j.mjs +129 -0
- package/dist/chunks/{8_X11dDX.mjs → CkOTGeqV.mjs} +1 -1
- package/dist/chunks/{BeqNJBVq.mjs → DCtof1rf.mjs} +85 -91
- package/dist/components/zf-app.mjs +1 -1
- package/dist/components/zf-scale-container.mjs +1 -1
- package/dist/index.d.ts +11 -25
- package/dist/index.mjs +4 -4
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/dist/chunks/CIg5yiwu.mjs +0 -114
|
@@ -0,0 +1,129 @@
|
|
|
1
|
+
import { defineComponent as v, ref as h, onMounted as g, nextTick as w, onBeforeUnmount as $, computed as x, openBlock as _, createElementBlock as b, createElementVNode as E, normalizeStyle as F, unref as z, renderSlot as O } from "vue";
|
|
2
|
+
import { _ as S } from "./CHgC5LLL.mjs";
|
|
3
|
+
const y = /* @__PURE__ */ v({
|
|
4
|
+
__name: "zf-scale-container",
|
|
5
|
+
props: {
|
|
6
|
+
width: { default: void 0 },
|
|
7
|
+
height: { default: void 0 },
|
|
8
|
+
mode: { default: "aspectFit" }
|
|
9
|
+
},
|
|
10
|
+
setup(u) {
|
|
11
|
+
const t = u, s = h(null), a = h(0), i = h(0), r = () => {
|
|
12
|
+
a.value = s.value?.clientWidth || 0, i.value = s.value?.clientHeight || 0;
|
|
13
|
+
};
|
|
14
|
+
g(() => {
|
|
15
|
+
window.addEventListener("resize", r), w(r), r();
|
|
16
|
+
}), $(() => {
|
|
17
|
+
window.removeEventListener("resize", r);
|
|
18
|
+
});
|
|
19
|
+
const f = {
|
|
20
|
+
// 自适应模式
|
|
21
|
+
adaptive(e) {
|
|
22
|
+
const n = a.value / t.width, o = i.value / t.height, l = e ?? a.value < i.value, c = l ? n : o, p = l ? t.width : a.value / o, d = l ? i.value / n : t.height;
|
|
23
|
+
return p < t.width || d < t.height ? Math.abs(n - o) > 0.2 ? this.aspectFit() : this.scaleToFill() : {
|
|
24
|
+
width: `${p}px`,
|
|
25
|
+
height: `${d}px`,
|
|
26
|
+
transform: `scale(${c}, ${c}) translate(-50%, -50%)`,
|
|
27
|
+
transformOrigin: "0 0",
|
|
28
|
+
position: "absolute",
|
|
29
|
+
top: "50%",
|
|
30
|
+
left: "50%"
|
|
31
|
+
};
|
|
32
|
+
},
|
|
33
|
+
adaptiveX() {
|
|
34
|
+
return this.adaptive(!1);
|
|
35
|
+
},
|
|
36
|
+
adaptiveY() {
|
|
37
|
+
return this.adaptive(!0);
|
|
38
|
+
},
|
|
39
|
+
// 缩放模式,不保持纵横比缩放图片,使图片的宽高完全拉伸至填满元素
|
|
40
|
+
scaleToFill() {
|
|
41
|
+
const e = a.value / t.width, n = i.value / t.height;
|
|
42
|
+
return {
|
|
43
|
+
width: `${t.width}px`,
|
|
44
|
+
height: `${t.height}px`,
|
|
45
|
+
transform: `scale(${e}, ${n})`,
|
|
46
|
+
transformOrigin: "0 0"
|
|
47
|
+
};
|
|
48
|
+
},
|
|
49
|
+
// 保持纵横比缩放模式
|
|
50
|
+
aspectFit() {
|
|
51
|
+
const e = Math.min(a.value / t.width, i.value / t.height);
|
|
52
|
+
return {
|
|
53
|
+
width: `${t.width}px`,
|
|
54
|
+
height: `${t.height}px`,
|
|
55
|
+
transform: `scale(${e}, ${e}) translate(-50%, -50%)`,
|
|
56
|
+
transformOrigin: "0 0",
|
|
57
|
+
position: "absolute",
|
|
58
|
+
top: "50%",
|
|
59
|
+
left: "50%"
|
|
60
|
+
};
|
|
61
|
+
},
|
|
62
|
+
// 保持纵横比缩放模式
|
|
63
|
+
aspectFill() {
|
|
64
|
+
const e = Math.max(a.value / t.width, i.value / t.height);
|
|
65
|
+
return {
|
|
66
|
+
width: `${t.width}px`,
|
|
67
|
+
height: `${t.height}px`,
|
|
68
|
+
transform: `scale(${e}, ${e}) translate(-50%, -50%)`,
|
|
69
|
+
transformOrigin: "0 0",
|
|
70
|
+
position: "absolute",
|
|
71
|
+
top: "50%",
|
|
72
|
+
left: "50%"
|
|
73
|
+
};
|
|
74
|
+
},
|
|
75
|
+
// 宽度不变,高度自动变化,保持原图宽高比不变,只保证图片的宽度能完全显示出来。
|
|
76
|
+
widthFix() {
|
|
77
|
+
const e = a.value / t.width;
|
|
78
|
+
return {
|
|
79
|
+
width: `${t.width}px`,
|
|
80
|
+
height: `${t.height}px`,
|
|
81
|
+
transform: `scale(${e}, ${e}) translate(-50%, -50%)`,
|
|
82
|
+
transformOrigin: "0 0",
|
|
83
|
+
position: "absolute",
|
|
84
|
+
top: "50%",
|
|
85
|
+
left: "50%"
|
|
86
|
+
};
|
|
87
|
+
},
|
|
88
|
+
// 高度不变,宽度自动变化,保持原图宽高比不变,只保证图片的高度能完全显示出来。
|
|
89
|
+
heightFix() {
|
|
90
|
+
const e = i.value / t.height;
|
|
91
|
+
return {
|
|
92
|
+
width: `${t.width}px`,
|
|
93
|
+
height: `${t.height}px`,
|
|
94
|
+
transform: `scale(${e}, ${e}) translate(-50%, -50%)`,
|
|
95
|
+
transformOrigin: "0 0",
|
|
96
|
+
position: "absolute",
|
|
97
|
+
top: "50%",
|
|
98
|
+
left: "50%"
|
|
99
|
+
};
|
|
100
|
+
},
|
|
101
|
+
// 裁剪模式,不缩放图片,只显示图片的中间区域。
|
|
102
|
+
center() {
|
|
103
|
+
return {
|
|
104
|
+
width: `${t.width}px`,
|
|
105
|
+
height: `${t.height}px`,
|
|
106
|
+
position: "absolute",
|
|
107
|
+
top: "50%",
|
|
108
|
+
left: "50%",
|
|
109
|
+
transform: "translate(-50%, -50%)"
|
|
110
|
+
};
|
|
111
|
+
}
|
|
112
|
+
}, m = x(() => f[t.mode]?.() ?? {});
|
|
113
|
+
return (e, n) => (_(), b("div", {
|
|
114
|
+
ref_key: "containerElement",
|
|
115
|
+
ref: s,
|
|
116
|
+
class: "zf-scale-container"
|
|
117
|
+
}, [
|
|
118
|
+
E("div", {
|
|
119
|
+
class: "zf-scale-wrapper",
|
|
120
|
+
style: F(z(m))
|
|
121
|
+
}, [
|
|
122
|
+
O(e.$slots, "default", {}, void 0, !0)
|
|
123
|
+
], 4)
|
|
124
|
+
], 512));
|
|
125
|
+
}
|
|
126
|
+
}), B = /* @__PURE__ */ S(y, [["__scopeId", "data-v-b6c691a2"]]);
|
|
127
|
+
export {
|
|
128
|
+
B as Z
|
|
129
|
+
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { shallowRef as Da, ref as Ma, defineComponent as La, reactive as Ua, unref as
|
|
2
|
-
import { Z as za } from "./
|
|
1
|
+
import { shallowRef as Da, ref as Ma, defineComponent as La, reactive as Ua, unref as q, openBlock as Xr, createElementBlock as Zr, createVNode as ka, withCtx as Ha, createElementVNode as Yr, renderSlot as en, normalizeStyle as Wa } from "vue";
|
|
2
|
+
import { Z as za } from "./BpLzP99j.mjs";
|
|
3
3
|
import { _ as qa } from "./CHgC5LLL.mjs";
|
|
4
4
|
function Ga() {
|
|
5
5
|
this.__data__ = [], this.size = 0;
|
|
@@ -1055,13 +1055,13 @@ function Wu() {
|
|
|
1055
1055
|
_process: function(y) {
|
|
1056
1056
|
var h, S = this._data, A = S.words, E = S.sigBytes, _ = this.blockSize, T = _ * 4, P = E / T;
|
|
1057
1057
|
y ? P = n.ceil(P) : P = n.max((P | 0) - this._minBufferSize, 0);
|
|
1058
|
-
var
|
|
1059
|
-
if (
|
|
1060
|
-
for (var
|
|
1061
|
-
this._doProcessBlock(A,
|
|
1062
|
-
h = A.splice(0,
|
|
1058
|
+
var M = P * _, U = n.min(M * 4, E);
|
|
1059
|
+
if (M) {
|
|
1060
|
+
for (var H = 0; H < M; H += _)
|
|
1061
|
+
this._doProcessBlock(A, H);
|
|
1062
|
+
h = A.splice(0, M), S.sigBytes -= U;
|
|
1063
1063
|
}
|
|
1064
|
-
return new l.init(h,
|
|
1064
|
+
return new l.init(h, U);
|
|
1065
1065
|
},
|
|
1066
1066
|
/**
|
|
1067
1067
|
* Creates a copy of this object.
|
|
@@ -1212,10 +1212,10 @@ function Wu() {
|
|
|
1212
1212
|
if (T < 16)
|
|
1213
1213
|
l[T] = b[g + T] | 0;
|
|
1214
1214
|
else {
|
|
1215
|
-
var P = l[T - 15],
|
|
1216
|
-
l[T] =
|
|
1215
|
+
var P = l[T - 15], M = (P << 25 | P >>> 7) ^ (P << 14 | P >>> 18) ^ P >>> 3, U = l[T - 2], H = (U << 15 | U >>> 17) ^ (U << 13 | U >>> 19) ^ U >>> 10;
|
|
1216
|
+
l[T] = M + l[T - 7] + H + l[T - 16];
|
|
1217
1217
|
}
|
|
1218
|
-
var
|
|
1218
|
+
var k = S & A ^ ~S & E, V = v & w ^ v & y ^ w & y, J = (v << 30 | v >>> 2) ^ (v << 19 | v >>> 13) ^ (v << 10 | v >>> 22), le = (S << 26 | S >>> 6) ^ (S << 21 | S >>> 11) ^ (S << 7 | S >>> 25), ve = _ + le + k + f[T] + l[T], Nt = J + V;
|
|
1219
1219
|
_ = E, E = A, A = S, S = h + ve | 0, h = y, y = w, w = v, v = ve + Nt | 0;
|
|
1220
1220
|
}
|
|
1221
1221
|
d[0] = d[0] + v | 0, d[1] = d[1] + w | 0, d[2] = d[2] + y | 0, d[3] = d[3] + h | 0, d[4] = d[4] + S | 0, d[5] = d[5] + A | 0, d[6] = d[6] + E | 0, d[7] = d[7] + _ | 0;
|
|
@@ -1243,22 +1243,22 @@ const { toString: zu } = Object.prototype, { getPrototypeOf: Nr } = Object, It =
|
|
|
1243
1243
|
return t[r] || (t[r] = r.slice(8, -1).toLowerCase());
|
|
1244
1244
|
})(/* @__PURE__ */ Object.create(null)), re = (t) => (t = t.toLowerCase(), (e) => It(e) === t), Ct = (t) => (e) => typeof e === t, { isArray: De } = Array, Ze = Ct("undefined");
|
|
1245
1245
|
function qu(t) {
|
|
1246
|
-
return t !== null && !Ze(t) && t.constructor !== null && !Ze(t.constructor) &&
|
|
1246
|
+
return t !== null && !Ze(t) && t.constructor !== null && !Ze(t.constructor) && z(t.constructor.isBuffer) && t.constructor.isBuffer(t);
|
|
1247
1247
|
}
|
|
1248
1248
|
const Lo = re("ArrayBuffer");
|
|
1249
1249
|
function Gu(t) {
|
|
1250
1250
|
let e;
|
|
1251
1251
|
return typeof ArrayBuffer < "u" && ArrayBuffer.isView ? e = ArrayBuffer.isView(t) : e = t && t.buffer && Lo(t.buffer), e;
|
|
1252
1252
|
}
|
|
1253
|
-
const Ku = Ct("string"),
|
|
1253
|
+
const Ku = Ct("string"), z = Ct("function"), Uo = Ct("number"), Ft = (t) => t !== null && typeof t == "object", Vu = (t) => t === !0 || t === !1, lt = (t) => {
|
|
1254
1254
|
if (It(t) !== "object")
|
|
1255
1255
|
return !1;
|
|
1256
1256
|
const e = Nr(t);
|
|
1257
1257
|
return (e === null || e === Object.prototype || Object.getPrototypeOf(e) === null) && !(Symbol.toStringTag in t) && !(Symbol.iterator in t);
|
|
1258
|
-
}, Ju = re("Date"), Qu = re("File"), Xu = re("Blob"), Zu = re("FileList"), Yu = (t) => Ft(t) &&
|
|
1258
|
+
}, Ju = re("Date"), Qu = re("File"), Xu = re("Blob"), Zu = re("FileList"), Yu = (t) => Ft(t) && z(t.pipe), el = (t) => {
|
|
1259
1259
|
let e;
|
|
1260
|
-
return t && (typeof FormData == "function" && t instanceof FormData ||
|
|
1261
|
-
e === "object" &&
|
|
1260
|
+
return t && (typeof FormData == "function" && t instanceof FormData || z(t.append) && ((e = It(t)) === "formdata" || // detect form-data instance
|
|
1261
|
+
e === "object" && z(t.toString) && t.toString() === "[object FormData]"));
|
|
1262
1262
|
}, tl = re("URLSearchParams"), rl = (t) => t.trim ? t.trim() : t.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "");
|
|
1263
1263
|
function Ye(t, e, { allOwnKeys: r = !1 } = {}) {
|
|
1264
1264
|
if (t === null || typeof t > "u")
|
|
@@ -1294,7 +1294,7 @@ function fr() {
|
|
|
1294
1294
|
return e;
|
|
1295
1295
|
}
|
|
1296
1296
|
const nl = (t, e, r, { allOwnKeys: n } = {}) => (Ye(e, (o, a) => {
|
|
1297
|
-
r &&
|
|
1297
|
+
r && z(o) ? t[a] = Mo(o, r) : t[a] = o;
|
|
1298
1298
|
}, { allOwnKeys: n }), t), ol = (t) => (t.charCodeAt(0) === 65279 && (t = t.slice(1)), t), al = (t, e, r, n) => {
|
|
1299
1299
|
t.prototype = Object.create(e.prototype, n), t.prototype.constructor = t, Object.defineProperty(t, "super", {
|
|
1300
1300
|
value: e.prototype
|
|
@@ -1352,10 +1352,10 @@ const nl = (t, e, r, { allOwnKeys: n } = {}) => (Ye(e, (o, a) => {
|
|
|
1352
1352
|
}), Object.defineProperties(t, n);
|
|
1353
1353
|
}, hl = (t) => {
|
|
1354
1354
|
zo(t, (e, r) => {
|
|
1355
|
-
if (
|
|
1355
|
+
if (z(t) && ["arguments", "caller", "callee"].indexOf(r) !== -1)
|
|
1356
1356
|
return !1;
|
|
1357
1357
|
const n = t[r];
|
|
1358
|
-
if (
|
|
1358
|
+
if (z(n)) {
|
|
1359
1359
|
if (e.enumerable = !1, "writable" in e) {
|
|
1360
1360
|
e.writable = !1;
|
|
1361
1361
|
return;
|
|
@@ -1385,7 +1385,7 @@ const nl = (t, e, r, { allOwnKeys: n } = {}) => (Ye(e, (o, a) => {
|
|
|
1385
1385
|
return r;
|
|
1386
1386
|
};
|
|
1387
1387
|
function wl(t) {
|
|
1388
|
-
return !!(t &&
|
|
1388
|
+
return !!(t && z(t.append) && t[Symbol.toStringTag] === "FormData" && t[Symbol.iterator]);
|
|
1389
1389
|
}
|
|
1390
1390
|
const Sl = (t) => {
|
|
1391
1391
|
const e = new Array(10), r = (n, o) => {
|
|
@@ -1404,7 +1404,7 @@ const Sl = (t) => {
|
|
|
1404
1404
|
return n;
|
|
1405
1405
|
};
|
|
1406
1406
|
return r(t, 0);
|
|
1407
|
-
}, El = re("AsyncFunction"), Al = (t) => t && (Ft(t) ||
|
|
1407
|
+
}, El = re("AsyncFunction"), Al = (t) => t && (Ft(t) || z(t)) && z(t.then) && z(t.catch), p = {
|
|
1408
1408
|
isArray: De,
|
|
1409
1409
|
isArrayBuffer: Lo,
|
|
1410
1410
|
isBuffer: qu,
|
|
@@ -1420,7 +1420,7 @@ const Sl = (t) => {
|
|
|
1420
1420
|
isFile: Qu,
|
|
1421
1421
|
isBlob: Xu,
|
|
1422
1422
|
isRegExp: yl,
|
|
1423
|
-
isFunction:
|
|
1423
|
+
isFunction: z,
|
|
1424
1424
|
isStream: Yu,
|
|
1425
1425
|
isURLSearchParams: tl,
|
|
1426
1426
|
isTypedArray: ul,
|
|
@@ -3075,7 +3075,7 @@ var Jf = ua, Qf = Me, qn = Vf, Xf = Jf(), Gn = ca, Kn = tt, Zf = Qf("%Math.floor
|
|
|
3075
3075
|
var ep = sa.exports, la = Me, fa = ep, tp = fa(la("String.prototype.indexOf")), rp = function(e, r) {
|
|
3076
3076
|
var n = la(e, !!r);
|
|
3077
3077
|
return typeof n == "function" && tp(e, ".prototype.") > -1 ? fa(n) : n;
|
|
3078
|
-
}, zr = typeof Map == "function" && Map.prototype, Qt = Object.getOwnPropertyDescriptor && zr ? Object.getOwnPropertyDescriptor(Map.prototype, "size") : null, _t = zr && Qt && typeof Qt.get == "function" ? Qt.get : null, Vn = zr && Map.prototype.forEach, qr = typeof Set == "function" && Set.prototype, Xt = Object.getOwnPropertyDescriptor && qr ? Object.getOwnPropertyDescriptor(Set.prototype, "size") : null, xt = qr && Xt && typeof Xt.get == "function" ? Xt.get : null, Jn = qr && Set.prototype.forEach, np = typeof WeakMap == "function" && WeakMap.prototype, Ke = np ? WeakMap.prototype.has : null, op = typeof WeakSet == "function" && WeakSet.prototype, Ve = op ? WeakSet.prototype.has : null, ap = typeof WeakRef == "function" && WeakRef.prototype, Qn = ap ? WeakRef.prototype.deref : null, ip = Boolean.prototype.valueOf, sp = Object.prototype.toString, cp = Function.prototype.toString, up = String.prototype.match, Gr = String.prototype.slice, se = String.prototype.replace, lp = String.prototype.toUpperCase, Xn = String.prototype.toLowerCase, pa = RegExp.prototype.test, Zn = Array.prototype.concat, Y = Array.prototype.join, fp = Array.prototype.slice, Yn = Math.floor, gr = typeof BigInt == "function" ? BigInt.prototype.valueOf : null, Zt = Object.getOwnPropertySymbols, vr = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? Symbol.prototype.toString : null, Ie = typeof Symbol == "function" && typeof Symbol.iterator == "object",
|
|
3078
|
+
}, zr = typeof Map == "function" && Map.prototype, Qt = Object.getOwnPropertyDescriptor && zr ? Object.getOwnPropertyDescriptor(Map.prototype, "size") : null, _t = zr && Qt && typeof Qt.get == "function" ? Qt.get : null, Vn = zr && Map.prototype.forEach, qr = typeof Set == "function" && Set.prototype, Xt = Object.getOwnPropertyDescriptor && qr ? Object.getOwnPropertyDescriptor(Set.prototype, "size") : null, xt = qr && Xt && typeof Xt.get == "function" ? Xt.get : null, Jn = qr && Set.prototype.forEach, np = typeof WeakMap == "function" && WeakMap.prototype, Ke = np ? WeakMap.prototype.has : null, op = typeof WeakSet == "function" && WeakSet.prototype, Ve = op ? WeakSet.prototype.has : null, ap = typeof WeakRef == "function" && WeakRef.prototype, Qn = ap ? WeakRef.prototype.deref : null, ip = Boolean.prototype.valueOf, sp = Object.prototype.toString, cp = Function.prototype.toString, up = String.prototype.match, Gr = String.prototype.slice, se = String.prototype.replace, lp = String.prototype.toUpperCase, Xn = String.prototype.toLowerCase, pa = RegExp.prototype.test, Zn = Array.prototype.concat, Y = Array.prototype.join, fp = Array.prototype.slice, Yn = Math.floor, gr = typeof BigInt == "function" ? BigInt.prototype.valueOf : null, Zt = Object.getOwnPropertySymbols, vr = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? Symbol.prototype.toString : null, Ie = typeof Symbol == "function" && typeof Symbol.iterator == "object", D = typeof Symbol == "function" && Symbol.toStringTag && (typeof Symbol.toStringTag === Ie || !0) ? Symbol.toStringTag : null, da = Object.prototype.propertyIsEnumerable, eo = (typeof Reflect == "function" ? Reflect.getPrototypeOf : Object.getPrototypeOf) || ([].__proto__ === Array.prototype ? function(t) {
|
|
3079
3079
|
return t.__proto__;
|
|
3080
3080
|
} : null);
|
|
3081
3081
|
function to(t, e) {
|
|
@@ -3131,14 +3131,14 @@ var br = Do, ro = br.custom, no = ha(ro) ? ro : null, pp = function t(e, r, n, o
|
|
|
3131
3131
|
o = [];
|
|
3132
3132
|
else if (ma(o, e) >= 0)
|
|
3133
3133
|
return "[Circular]";
|
|
3134
|
-
function m(
|
|
3134
|
+
function m(k, V, J) {
|
|
3135
3135
|
if (V && (o = fp.call(o), o.push(V)), J) {
|
|
3136
3136
|
var le = {
|
|
3137
3137
|
depth: a.depth
|
|
3138
3138
|
};
|
|
3139
|
-
return ie(a, "quoteStyle") && (le.quoteStyle = a.quoteStyle), t(
|
|
3139
|
+
return ie(a, "quoteStyle") && (le.quoteStyle = a.quoteStyle), t(k, le, n + 1, o);
|
|
3140
3140
|
}
|
|
3141
|
-
return t(
|
|
3141
|
+
return t(k, a, n + 1, o);
|
|
3142
3142
|
}
|
|
3143
3143
|
if (typeof e == "function" && !oo(e)) {
|
|
3144
3144
|
var b = Sp(e), g = nt(e, m);
|
|
@@ -3171,14 +3171,14 @@ var br = Do, ro = br.custom, no = ha(ro) ? ro : null, pp = function t(e, r, n, o
|
|
|
3171
3171
|
}
|
|
3172
3172
|
if (Ep(e)) {
|
|
3173
3173
|
var A = [];
|
|
3174
|
-
return Vn && Vn.call(e, function(
|
|
3175
|
-
A.push(m(V, e, !0) + " => " + m(
|
|
3174
|
+
return Vn && Vn.call(e, function(k, V) {
|
|
3175
|
+
A.push(m(V, e, !0) + " => " + m(k, e));
|
|
3176
3176
|
}), ao("Map", _t.call(e), A, l);
|
|
3177
3177
|
}
|
|
3178
3178
|
if (_p(e)) {
|
|
3179
3179
|
var E = [];
|
|
3180
|
-
return Jn && Jn.call(e, function(
|
|
3181
|
-
E.push(m(
|
|
3180
|
+
return Jn && Jn.call(e, function(k) {
|
|
3181
|
+
E.push(m(k, e));
|
|
3182
3182
|
}), ao("Set", xt.call(e), E, l);
|
|
3183
3183
|
}
|
|
3184
3184
|
if (Ap(e))
|
|
@@ -3200,8 +3200,8 @@ var br = Do, ro = br.custom, no = ha(ro) ? ro : null, pp = function t(e, r, n, o
|
|
|
3200
3200
|
if (e === _e)
|
|
3201
3201
|
return "{ [object globalThis] }";
|
|
3202
3202
|
if (!yp(e) && !oo(e)) {
|
|
3203
|
-
var _ = nt(e, m), T = eo ? eo(e) === Object.prototype : e instanceof Object || e.constructor === Object, P = e instanceof Object ? "" : "null prototype",
|
|
3204
|
-
return _.length === 0 ?
|
|
3203
|
+
var _ = nt(e, m), T = eo ? eo(e) === Object.prototype : e instanceof Object || e.constructor === Object, P = e instanceof Object ? "" : "null prototype", M = !T && D && Object(e) === e && D in e ? Gr.call(ue(e), 8, -1) : P ? "Object" : "", U = T || typeof e.constructor != "function" ? "" : e.constructor.name ? e.constructor.name + " " : "", H = U + (M || P ? "[" + Y.call(Zn.call([], M || [], P || []), ": ") + "] " : "");
|
|
3204
|
+
return _.length === 0 ? H + "{}" : l ? H + "{" + Sr(_, l) + "}" : H + "{ " + Y.call(_, ", ") + " }";
|
|
3205
3205
|
}
|
|
3206
3206
|
return String(e);
|
|
3207
3207
|
};
|
|
@@ -3213,25 +3213,25 @@ function dp(t) {
|
|
|
3213
3213
|
return se.call(String(t), /"/g, """);
|
|
3214
3214
|
}
|
|
3215
3215
|
function wr(t) {
|
|
3216
|
-
return ue(t) === "[object Array]" && (!
|
|
3216
|
+
return ue(t) === "[object Array]" && (!D || !(typeof t == "object" && D in t));
|
|
3217
3217
|
}
|
|
3218
3218
|
function yp(t) {
|
|
3219
|
-
return ue(t) === "[object Date]" && (!
|
|
3219
|
+
return ue(t) === "[object Date]" && (!D || !(typeof t == "object" && D in t));
|
|
3220
3220
|
}
|
|
3221
3221
|
function oo(t) {
|
|
3222
|
-
return ue(t) === "[object RegExp]" && (!
|
|
3222
|
+
return ue(t) === "[object RegExp]" && (!D || !(typeof t == "object" && D in t));
|
|
3223
3223
|
}
|
|
3224
3224
|
function hp(t) {
|
|
3225
|
-
return ue(t) === "[object Error]" && (!
|
|
3225
|
+
return ue(t) === "[object Error]" && (!D || !(typeof t == "object" && D in t));
|
|
3226
3226
|
}
|
|
3227
3227
|
function mp(t) {
|
|
3228
|
-
return ue(t) === "[object String]" && (!
|
|
3228
|
+
return ue(t) === "[object String]" && (!D || !(typeof t == "object" && D in t));
|
|
3229
3229
|
}
|
|
3230
3230
|
function gp(t) {
|
|
3231
|
-
return ue(t) === "[object Number]" && (!
|
|
3231
|
+
return ue(t) === "[object Number]" && (!D || !(typeof t == "object" && D in t));
|
|
3232
3232
|
}
|
|
3233
3233
|
function vp(t) {
|
|
3234
|
-
return ue(t) === "[object Boolean]" && (!
|
|
3234
|
+
return ue(t) === "[object Boolean]" && (!D || !(typeof t == "object" && D in t));
|
|
3235
3235
|
}
|
|
3236
3236
|
function ha(t) {
|
|
3237
3237
|
if (Ie)
|
|
@@ -3673,22 +3673,22 @@ var va = Me, Le = rp, Ip = pp, Cp = tt, ot = va("%WeakMap%", !0), at = va("%Map%
|
|
|
3673
3673
|
var P = [];
|
|
3674
3674
|
if (typeof h > "u")
|
|
3675
3675
|
return P;
|
|
3676
|
-
var
|
|
3676
|
+
var M;
|
|
3677
3677
|
if (n === "comma" && Z(h))
|
|
3678
|
-
v && u && (h = yt.maybeMap(h, u)),
|
|
3678
|
+
v && u && (h = yt.maybeMap(h, u)), M = [{ value: h.length > 0 ? h.join(",") || null : void 0 }];
|
|
3679
3679
|
else if (Z(f))
|
|
3680
|
-
|
|
3680
|
+
M = f;
|
|
3681
3681
|
else {
|
|
3682
|
-
var
|
|
3683
|
-
|
|
3682
|
+
var U = Object.keys(h);
|
|
3683
|
+
M = l ? U.sort(l) : U;
|
|
3684
3684
|
}
|
|
3685
|
-
var
|
|
3685
|
+
var H = c ? r.replace(/\./g, "%2E") : r, k = o && Z(h) && h.length === 1 ? H + "[]" : H;
|
|
3686
3686
|
if (a && Z(h) && h.length === 0)
|
|
3687
|
-
return
|
|
3688
|
-
for (var V = 0; V <
|
|
3689
|
-
var J =
|
|
3687
|
+
return k + "[]";
|
|
3688
|
+
for (var V = 0; V < M.length; ++V) {
|
|
3689
|
+
var J = M[V], le = typeof J == "object" && typeof J.value < "u" ? J.value : h[J];
|
|
3690
3690
|
if (!(s && le === null)) {
|
|
3691
|
-
var ve = m && c ? J.replace(/\./g, "%2E") : J, Nt = Z(h) ? typeof n == "function" ? n(
|
|
3691
|
+
var ve = m && c ? J.replace(/\./g, "%2E") : J, Nt = Z(h) ? typeof n == "function" ? n(k, ve) : k : k + (m ? "." + ve : "[" + ve + "]");
|
|
3692
3692
|
y.set(e, A);
|
|
3693
3693
|
var Qr = Sa();
|
|
3694
3694
|
Qr.set(nr, y), Aa(P, t(
|
|
@@ -4041,7 +4041,7 @@ let $a = Pa;
|
|
|
4041
4041
|
var Jr = (t, e, r) => {
|
|
4042
4042
|
if (!e.has(t))
|
|
4043
4043
|
throw TypeError("Cannot " + r);
|
|
4044
|
-
},
|
|
4044
|
+
}, W = (t, e, r) => (Jr(t, e, "read from private field"), r ? r.call(t) : e.get(t)), We = (t, e, r) => {
|
|
4045
4045
|
if (e.has(t))
|
|
4046
4046
|
throw TypeError("Cannot add the same private member more than once");
|
|
4047
4047
|
e instanceof WeakSet ? e.add(t) : e.set(t, r);
|
|
@@ -4051,25 +4051,25 @@ class Ra {
|
|
|
4051
4051
|
We(this, ze), We(this, ht, new Ta()), We(this, Ae, void 0), We(this, X, void 0), We(this, mt, Nu(or(this, ze, gt), 200)), typeof e == "string" ? it(this, X, { key: e }) : it(this, X, e);
|
|
4052
4052
|
}
|
|
4053
4053
|
get storage() {
|
|
4054
|
-
return
|
|
4054
|
+
return W(this, Ae) || it(this, Ae, this._getStorage(W(this, X).key) || {}), W(this, Ae);
|
|
4055
4055
|
}
|
|
4056
4056
|
get length() {
|
|
4057
4057
|
return Object.keys(this.storage).length;
|
|
4058
4058
|
}
|
|
4059
4059
|
_getStorage(e) {
|
|
4060
|
-
return
|
|
4060
|
+
return W(this, X).handleGetStorage ? W(this, X).handleGetStorage(e) : W(this, ht).getItem(e) || {};
|
|
4061
4061
|
}
|
|
4062
4062
|
_setStorage(e, r) {
|
|
4063
|
-
return
|
|
4063
|
+
return W(this, X).handleSetStorage ? W(this, X).handleSetStorage(e, r) : W(this, ht).setItem(e, r);
|
|
4064
4064
|
}
|
|
4065
4065
|
getItem(e, r) {
|
|
4066
4066
|
const n = Ad(this.storage, e, r);
|
|
4067
|
-
return
|
|
4067
|
+
return W(this, mt).call(this), Eu(n);
|
|
4068
4068
|
}
|
|
4069
4069
|
setItem(e, r, n) {
|
|
4070
4070
|
if (_d(this.storage, e, r), n?.ensure)
|
|
4071
4071
|
return or(this, ze, gt).call(this);
|
|
4072
|
-
|
|
4072
|
+
W(this, mt).call(this);
|
|
4073
4073
|
}
|
|
4074
4074
|
removeItem(e, r) {
|
|
4075
4075
|
return this.setItem(e, void 0, r);
|
|
@@ -4082,7 +4082,7 @@ class Ra {
|
|
|
4082
4082
|
}
|
|
4083
4083
|
}
|
|
4084
4084
|
ht = /* @__PURE__ */ new WeakMap(), Ae = /* @__PURE__ */ new WeakMap(), X = /* @__PURE__ */ new WeakMap(), mt = /* @__PURE__ */ new WeakMap(), ze = /* @__PURE__ */ new WeakSet(), gt = function() {
|
|
4085
|
-
return this._setStorage(
|
|
4085
|
+
return this._setStorage(W(this, X).key, this.storage);
|
|
4086
4086
|
};
|
|
4087
4087
|
var Cd = Object.defineProperty, Fd = (t, e, r) => e in t ? Cd(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, Ia = (t, e, r) => (Fd(t, typeof e != "symbol" ? e + "" : e, r), r);
|
|
4088
4088
|
function vt(t) {
|
|
@@ -4160,37 +4160,37 @@ let jd = Ca;
|
|
|
4160
4160
|
var Bd = (t, e, r) => {
|
|
4161
4161
|
if (!e.has(t))
|
|
4162
4162
|
throw TypeError("Cannot " + r);
|
|
4163
|
-
},
|
|
4163
|
+
}, L = (t, e, r) => (Bd(t, e, "read from private field"), r ? r.call(t) : e.get(t)), Nd = (t, e, r) => {
|
|
4164
4164
|
if (e.has(t))
|
|
4165
4165
|
throw TypeError("Cannot add the same private member more than once");
|
|
4166
4166
|
e instanceof WeakSet ? e.add(t) : e.set(t, r);
|
|
4167
|
-
},
|
|
4167
|
+
}, N;
|
|
4168
4168
|
class xy {
|
|
4169
4169
|
constructor() {
|
|
4170
|
-
Nd(this,
|
|
4170
|
+
Nd(this, N, {});
|
|
4171
4171
|
}
|
|
4172
4172
|
keys() {
|
|
4173
|
-
return Object.keys(
|
|
4173
|
+
return Object.keys(L(this, N));
|
|
4174
4174
|
}
|
|
4175
4175
|
listeners(e) {
|
|
4176
|
-
return
|
|
4176
|
+
return L(this, N)[e] || [];
|
|
4177
4177
|
}
|
|
4178
4178
|
addEventListener(e, r) {
|
|
4179
|
-
|
|
4179
|
+
L(this, N)[e] || (L(this, N)[e] = []), L(this, N)[e].push(r);
|
|
4180
4180
|
}
|
|
4181
4181
|
removeEventListener(e, r) {
|
|
4182
|
-
if (!
|
|
4182
|
+
if (!L(this, N)[e] || !L(this, N)[e].length)
|
|
4183
4183
|
return;
|
|
4184
4184
|
if (!r) {
|
|
4185
|
-
delete
|
|
4185
|
+
delete L(this, N)[e];
|
|
4186
4186
|
return;
|
|
4187
4187
|
}
|
|
4188
|
-
const n =
|
|
4189
|
-
n >= 0 && (
|
|
4188
|
+
const n = L(this, N)[e].indexOf(r);
|
|
4189
|
+
n >= 0 && (L(this, N)[e].splice(n, 1), L(this, N)[e].length || delete L(this, N)[e]);
|
|
4190
4190
|
}
|
|
4191
4191
|
dispatchEvent(e, ...r) {
|
|
4192
|
-
if (!(!
|
|
4193
|
-
for (const n of
|
|
4192
|
+
if (!(!L(this, N)[e] || !L(this, N)[e].length))
|
|
4193
|
+
for (const n of L(this, N)[e])
|
|
4194
4194
|
n(...r);
|
|
4195
4195
|
}
|
|
4196
4196
|
on(e, r) {
|
|
@@ -4204,7 +4204,7 @@ class xy {
|
|
|
4204
4204
|
return this.addEventListener(e, n);
|
|
4205
4205
|
}
|
|
4206
4206
|
}
|
|
4207
|
-
|
|
4207
|
+
N = /* @__PURE__ */ new WeakMap();
|
|
4208
4208
|
var Dd = (t, e, r) => new Promise((n, o) => {
|
|
4209
4209
|
var a = (c) => {
|
|
4210
4210
|
try {
|
|
@@ -4481,12 +4481,10 @@ const Tt = Ma(null);
|
|
|
4481
4481
|
function Py(t) {
|
|
4482
4482
|
const e = {
|
|
4483
4483
|
appTitle: "zf-dbs template",
|
|
4484
|
-
appHeight:
|
|
4485
|
-
appWidth:
|
|
4486
|
-
|
|
4487
|
-
appMinHeight: void 0,
|
|
4484
|
+
appHeight: 1920,
|
|
4485
|
+
appWidth: 1080,
|
|
4486
|
+
scaleMode: "adaptiveX",
|
|
4488
4487
|
useScale: !0,
|
|
4489
|
-
useStretch: !1,
|
|
4490
4488
|
useUE: !1,
|
|
4491
4489
|
sign: void 0,
|
|
4492
4490
|
pollingInterval: 3e5,
|
|
@@ -4520,17 +4518,15 @@ const vy = ["id"], by = { class: "app__view" }, wy = ["id"], Sy = { class: "app_
|
|
|
4520
4518
|
});
|
|
4521
4519
|
return window.addEventListener("resize", () => {
|
|
4522
4520
|
n.width = window.innerWidth, n.height = window.innerHeight;
|
|
4523
|
-
}), (o, a) =>
|
|
4521
|
+
}), (o, a) => q(r).useScale ? (Xr(), Zr("div", {
|
|
4524
4522
|
key: 0,
|
|
4525
|
-
id:
|
|
4526
|
-
class: "app
|
|
4523
|
+
id: q(e).appId,
|
|
4524
|
+
class: "app"
|
|
4527
4525
|
}, [
|
|
4528
|
-
ka(
|
|
4529
|
-
width:
|
|
4530
|
-
height:
|
|
4531
|
-
|
|
4532
|
-
"min-height": N(r).appMinHeight,
|
|
4533
|
-
mode: N(r).useStretch ? "scaleToFill" : "aspectFit"
|
|
4526
|
+
ka(q(za), {
|
|
4527
|
+
width: q(r).appWidth,
|
|
4528
|
+
height: q(r).appHeight,
|
|
4529
|
+
mode: q(r).scaleMode
|
|
4534
4530
|
}, {
|
|
4535
4531
|
default: Ha(() => [
|
|
4536
4532
|
Yr("div", by, [
|
|
@@ -4538,16 +4534,14 @@ const vy = ["id"], by = { class: "app__view" }, wy = ["id"], Sy = { class: "app_
|
|
|
4538
4534
|
])
|
|
4539
4535
|
]),
|
|
4540
4536
|
_: 3
|
|
4541
|
-
}, 8, ["width", "height", "
|
|
4537
|
+
}, 8, ["width", "height", "mode"])
|
|
4542
4538
|
], 8, vy)) : (Xr(), Zr("div", {
|
|
4543
4539
|
key: 1,
|
|
4544
|
-
id:
|
|
4545
|
-
class: "app
|
|
4540
|
+
id: q(e).appId,
|
|
4541
|
+
class: "app",
|
|
4546
4542
|
style: Wa({
|
|
4547
|
-
width:
|
|
4548
|
-
height:
|
|
4549
|
-
minWidth: N(r).appMinWidth ? `${N(r).appMinWidth}px` : "",
|
|
4550
|
-
minHeight: N(r).appMinHeight ? `${N(r).appMinHeight}px` : ""
|
|
4543
|
+
width: q(r).appWidth ? `${q(r).appWidth}px` : "",
|
|
4544
|
+
height: q(r).appHeight ? `${q(r).appHeight}px` : ""
|
|
4551
4545
|
})
|
|
4552
4546
|
}, [
|
|
4553
4547
|
Yr("div", Sy, [
|
|
@@ -4555,7 +4549,7 @@ const vy = ["id"], by = { class: "app__view" }, wy = ["id"], Sy = { class: "app_
|
|
|
4555
4549
|
])
|
|
4556
4550
|
], 12, wy));
|
|
4557
4551
|
}
|
|
4558
|
-
}), po = /* @__PURE__ */ qa(Ey, [["__scopeId", "data-v-
|
|
4552
|
+
}), po = /* @__PURE__ */ qa(Ey, [["__scopeId", "data-v-75727f79"]]), $y = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
4559
4553
|
__proto__: null,
|
|
4560
4554
|
ZfApp: po,
|
|
4561
4555
|
default: po
|
package/dist/index.d.ts
CHANGED
|
@@ -79,17 +79,13 @@ export declare interface AppConfig {
|
|
|
79
79
|
/** 项目名称 */
|
|
80
80
|
appTitle: string;
|
|
81
81
|
/** 项目高度,用于计算缩放比例(非必要不要修改,通过修改宽度来适配) */
|
|
82
|
-
appHeight: number
|
|
82
|
+
appHeight: number;
|
|
83
83
|
/** 项目宽度,用于计算缩放比例 */
|
|
84
|
-
appWidth: number
|
|
85
|
-
/** 项目最小宽度,用于计算缩放比例 */
|
|
86
|
-
appMinWidth?: number | undefined;
|
|
87
|
-
/** 项目最小高度,用于计算缩放比例 */
|
|
88
|
-
appMinHeight?: number | undefined;
|
|
84
|
+
appWidth: number;
|
|
89
85
|
/** 是否使用缩放 */
|
|
90
86
|
useScale: boolean;
|
|
91
|
-
/**
|
|
92
|
-
|
|
87
|
+
/** 缩放模式 */
|
|
88
|
+
scaleMode?: 'adaptive' | 'adaptiveX' | 'adaptiveY' | 'scaleToFill' | 'aspectFit' | 'aspectFill';
|
|
93
89
|
/** 是否嵌入到 UE 中 */
|
|
94
90
|
useUE: boolean;
|
|
95
91
|
/** 配置签名 */
|
|
@@ -220,15 +216,11 @@ export declare const ZfApp: __VLS_WithTemplateSlots<DefineComponent< {}, {},
|
|
|
220
216
|
|
|
221
217
|
export declare const ZfScaleContainer: __VLS_WithTemplateSlots_2<DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
222
218
|
/** 宽度 */
|
|
223
|
-
width
|
|
219
|
+
width: number;
|
|
224
220
|
/** 高度 */
|
|
225
|
-
height
|
|
226
|
-
/** 最小宽度 */
|
|
227
|
-
minWidth?: number | undefined;
|
|
228
|
-
/** 最小高度 */
|
|
229
|
-
minHeight?: number | undefined;
|
|
221
|
+
height: number;
|
|
230
222
|
/** 裁剪、缩放的模式 */
|
|
231
|
-
mode?: "center" | "scaleToFill" | "aspectFit" | "aspectFill" | "widthFix" | "heightFix" | undefined;
|
|
223
|
+
mode?: "center" | "adaptive" | "adaptiveX" | "adaptiveY" | "scaleToFill" | "aspectFit" | "aspectFill" | "widthFix" | "heightFix" | undefined;
|
|
232
224
|
}>, {
|
|
233
225
|
width: undefined;
|
|
234
226
|
height: undefined;
|
|
@@ -237,15 +229,11 @@ minHeight: undefined;
|
|
|
237
229
|
mode: string;
|
|
238
230
|
}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
239
231
|
/** 宽度 */
|
|
240
|
-
width
|
|
232
|
+
width: number;
|
|
241
233
|
/** 高度 */
|
|
242
|
-
height
|
|
243
|
-
/** 最小宽度 */
|
|
244
|
-
minWidth?: number | undefined;
|
|
245
|
-
/** 最小高度 */
|
|
246
|
-
minHeight?: number | undefined;
|
|
234
|
+
height: number;
|
|
247
235
|
/** 裁剪、缩放的模式 */
|
|
248
|
-
mode?: "center" | "scaleToFill" | "aspectFit" | "aspectFill" | "widthFix" | "heightFix" | undefined;
|
|
236
|
+
mode?: "center" | "adaptive" | "adaptiveX" | "adaptiveY" | "scaleToFill" | "aspectFit" | "aspectFill" | "widthFix" | "heightFix" | undefined;
|
|
249
237
|
}>, {
|
|
250
238
|
width: undefined;
|
|
251
239
|
height: undefined;
|
|
@@ -255,9 +243,7 @@ mode: string;
|
|
|
255
243
|
}>>>, {
|
|
256
244
|
width: number;
|
|
257
245
|
height: number;
|
|
258
|
-
|
|
259
|
-
minHeight: number;
|
|
260
|
-
mode: "center" | "scaleToFill" | "aspectFit" | "aspectFill" | "widthFix" | "heightFix";
|
|
246
|
+
mode: "center" | "adaptive" | "adaptiveX" | "adaptiveY" | "scaleToFill" | "aspectFit" | "aspectFill" | "widthFix" | "heightFix";
|
|
261
247
|
}, {}>, {
|
|
262
248
|
default?(_: {}): any;
|
|
263
249
|
}>;
|
package/dist/index.mjs
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { u as c, a as i, g as a, m as p, t as f, _ as g } from "./chunks/
|
|
2
|
-
import { z as H, d as $, b as J } from "./chunks/
|
|
3
|
-
import { _ as d } from "./chunks/
|
|
1
|
+
import { u as c, a as i, g as a, m as p, t as f, _ as g } from "./chunks/DCtof1rf.mjs";
|
|
2
|
+
import { z as H, d as $, b as J } from "./chunks/DCtof1rf.mjs";
|
|
3
|
+
import { _ as d } from "./chunks/CkOTGeqV.mjs";
|
|
4
4
|
import { _ as h } from "./chunks/BHHE86vT.mjs";
|
|
5
5
|
import { z as R } from "./chunks/BHHE86vT.mjs";
|
|
6
6
|
import { reactive as m, watch as _, onMounted as v, onUnmounted as w, computed as b } from "vue";
|
|
7
7
|
import { ElNotification as y } from "element-plus";
|
|
8
|
-
import { Z as B } from "./chunks/
|
|
8
|
+
import { Z as B } from "./chunks/BpLzP99j.mjs";
|
|
9
9
|
const U = function(e) {
|
|
10
10
|
return e;
|
|
11
11
|
};
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.zf-scale-container[data-v-2176caf3]{position:relative;z-index:1;display:block;width:100%;height:100%;overflow:hidden}.zf-scale-wrapper[data-v-2176caf3]{position:relative;width:100%;height:100%;z-index:1}html,body{display:block;width:100%;height:100vh;min-height:100vh;margin:0;padding:0;color:#fff;font-size:14px;font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif;background-color:#323a41}::-webkit-scrollbar{width:0;height:0}::-webkit-scrollbar-thumb{background:#0000001a}::-webkit-scrollbar-track{background:#0000000d}img{user-select:none!important;pointer-events:none;image-rendering:optimize-contrast}.app[data-v-b8746877]{width:100%;height:100vh}.app__view[data-v-b8746877]{width:100%;height:100%;box-shadow:0 0 30px #000c}:root{--el-color-white:#ffffff;--el-color-black:#000000;--el-color-primary-rgb:64,158,255;--el-color-success-rgb:103,194,58;--el-color-warning-rgb:230,162,60;--el-color-danger-rgb:245,108,108;--el-color-error-rgb:245,108,108;--el-color-info-rgb:144,147,153;--el-font-size-extra-large:20px;--el-font-size-large:18px;--el-font-size-medium:16px;--el-font-size-base:14px;--el-font-size-small:13px;--el-font-size-extra-small:12px;--el-font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;--el-font-weight-primary:500;--el-font-line-height-primary:24px;--el-index-normal:1;--el-index-top:1000;--el-index-popper:2000;--el-border-radius-base:4px;--el-border-radius-small:2px;--el-border-radius-round:20px;--el-border-radius-circle:100%;--el-transition-duration:.3s;--el-transition-duration-fast:.2s;--el-transition-function-ease-in-out-bezier:cubic-bezier(.645,.045,.355,1);--el-transition-function-fast-bezier:cubic-bezier(.23,1,.32,1);--el-transition-all:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);--el-transition-fade:opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-md-fade:transform var(--el-transition-duration) var(--el-transition-function-fast-bezier),opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-fade-linear:opacity var(--el-transition-duration-fast) linear;--el-transition-border:border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-box-shadow:box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-color:color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-component-size-large:40px;--el-component-size:32px;--el-component-size-small:24px}:root{color-scheme:light;--el-color-primary:#409eff;--el-color-primary-light-3:#79bbff;--el-color-primary-light-5:#a0cfff;--el-color-primary-light-7:#c6e2ff;--el-color-primary-light-8:#d9ecff;--el-color-primary-light-9:#ecf5ff;--el-color-primary-dark-2:#337ecc;--el-color-success:#67c23a;--el-color-success-light-3:#95d475;--el-color-success-light-5:#b3e19d;--el-color-success-light-7:#d1edc4;--el-color-success-light-8:#e1f3d8;--el-color-success-light-9:#f0f9eb;--el-color-success-dark-2:#529b2e;--el-color-warning:#e6a23c;--el-color-warning-light-3:#eebe77;--el-color-warning-light-5:#f3d19e;--el-color-warning-light-7:#f8e3c5;--el-color-warning-light-8:#faecd8;--el-color-warning-light-9:#fdf6ec;--el-color-warning-dark-2:#b88230;--el-color-danger:#f56c6c;--el-color-danger-light-3:#f89898;--el-color-danger-light-5:#fab6b6;--el-color-danger-light-7:#fcd3d3;--el-color-danger-light-8:#fde2e2;--el-color-danger-light-9:#fef0f0;--el-color-danger-dark-2:#c45656;--el-color-error:#f56c6c;--el-color-error-light-3:#f89898;--el-color-error-light-5:#fab6b6;--el-color-error-light-7:#fcd3d3;--el-color-error-light-8:#fde2e2;--el-color-error-light-9:#fef0f0;--el-color-error-dark-2:#c45656;--el-color-info:#909399;--el-color-info-light-3:#b1b3b8;--el-color-info-light-5:#c8c9cc;--el-color-info-light-7:#dedfe0;--el-color-info-light-8:#e9e9eb;--el-color-info-light-9:#f4f4f5;--el-color-info-dark-2:#73767a;--el-bg-color:#ffffff;--el-bg-color-page:#f2f3f5;--el-bg-color-overlay:#ffffff;--el-text-color-primary:#303133;--el-text-color-regular:#606266;--el-text-color-secondary:#909399;--el-text-color-placeholder:#a8abb2;--el-text-color-disabled:#c0c4cc;--el-border-color:#dcdfe6;--el-border-color-light:#e4e7ed;--el-border-color-lighter:#ebeef5;--el-border-color-extra-light:#f2f6fc;--el-border-color-dark:#d4d7de;--el-border-color-darker:#cdd0d6;--el-fill-color:#f0f2f5;--el-fill-color-light:#f5f7fa;--el-fill-color-lighter:#fafafa;--el-fill-color-extra-light:#fafcff;--el-fill-color-dark:#ebedf0;--el-fill-color-darker:#e6e8eb;--el-fill-color-blank:#ffffff;--el-box-shadow:0px 12px 32px 4px rgba(0,0,0,.04),0px 8px 20px rgba(0,0,0,.08);--el-box-shadow-light:0px 0px 12px rgba(0,0,0,.12);--el-box-shadow-lighter:0px 0px 6px rgba(0,0,0,.12);--el-box-shadow-dark:0px 16px 48px 16px rgba(0,0,0,.08),0px 12px 32px rgba(0,0,0,.12),0px 8px 16px -8px rgba(0,0,0,.16);--el-disabled-bg-color:var(--el-fill-color-light);--el-disabled-text-color:var(--el-text-color-placeholder);--el-disabled-border-color:var(--el-border-color-light);--el-overlay-color:rgba(0,0,0,.8);--el-overlay-color-light:rgba(0,0,0,.7);--el-overlay-color-lighter:rgba(0,0,0,.5);--el-mask-color:rgba(255,255,255,.9);--el-mask-color-extra-light:rgba(255,255,255,.3);--el-border-width:1px;--el-border-style:solid;--el-border-color-hover:var(--el-text-color-disabled);--el-border:var(--el-border-width) var(--el-border-style) var(--el-border-color);--el-svg-monochrome-grey:var(--el-border-color)}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.el-fade-in-linear-enter-from,.el-fade-in-linear-leave-to{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-fade-in-enter-from,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-from,.el-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top;transition:var(--el-transition-md-fade)}.el-zoom-in-top-enter-active[data-popper-placement^=top],.el-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.el-zoom-in-top-enter-from,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transform-origin:center bottom;transition:var(--el-transition-md-fade)}.el-zoom-in-bottom-enter-from,.el-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;transform:scale(1);transform-origin:top left;transition:var(--el-transition-md-fade)}.el-zoom-in-left-enter-from,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45)}.collapse-transition{transition:var(--el-transition-duration) height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.el-collapse-transition-enter-active,.el-collapse-transition-leave-active{transition:var(--el-transition-duration) max-height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--el-transition-duration) width ease-in-out,var(--el-transition-duration) padding-left ease-in-out,var(--el-transition-duration) padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter-from,.el-list-leave-to{opacity:0;transform:translateY(-30px)}.el-list-leave-active{position:absolute!important}.el-opacity-transition{transition:opacity var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-icon-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@-webkit-keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.el-icon{--color:inherit;align-items:center;display:inline-flex;height:1em;justify-content:center;line-height:1em;position:relative;width:1em;fill:currentColor;color:var(--color);font-size:inherit}.el-icon.is-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.el-icon svg{height:1em;width:1em}.el-notification{--el-notification-width:330px;--el-notification-padding:14px 26px 14px 13px;--el-notification-radius:8px;--el-notification-shadow:var(--el-box-shadow-light);--el-notification-border-color:var(--el-border-color-lighter);--el-notification-icon-size:24px;--el-notification-close-font-size:var(--el-message-close-size,16px);--el-notification-group-margin-left:13px;--el-notification-group-margin-right:8px;--el-notification-content-font-size:var(--el-font-size-base);--el-notification-content-color:var(--el-text-color-regular);--el-notification-title-font-size:16px;--el-notification-title-color:var(--el-text-color-primary);--el-notification-close-color:var(--el-text-color-secondary);--el-notification-close-hover-color:var(--el-text-color-regular);background-color:var(--el-bg-color-overlay);border:1px solid var(--el-notification-border-color);border-radius:var(--el-notification-radius);box-shadow:var(--el-notification-shadow);box-sizing:border-box;display:flex;overflow:hidden;overflow-wrap:break-word;padding:var(--el-notification-padding);position:fixed;transition:opacity var(--el-transition-duration),transform var(--el-transition-duration),left var(--el-transition-duration),right var(--el-transition-duration),top .4s,bottom var(--el-transition-duration);width:var(--el-notification-width);z-index:9999}.el-notification.right{right:16px}.el-notification.left{left:16px}.el-notification__group{margin-left:var(--el-notification-group-margin-left);margin-right:var(--el-notification-group-margin-right)}.el-notification__title{color:var(--el-notification-title-color);font-size:var(--el-notification-title-font-size);font-weight:700;line-height:var(--el-notification-icon-size);margin:0}.el-notification__content{color:var(--el-notification-content-color);font-size:var(--el-notification-content-font-size);line-height:24px;margin:6px 0 0}.el-notification__content p{margin:0}.el-notification .el-notification__icon{font-size:var(--el-notification-icon-size);height:var(--el-notification-icon-size);width:var(--el-notification-icon-size)}.el-notification .el-notification__closeBtn{color:var(--el-notification-close-color);cursor:pointer;font-size:var(--el-notification-close-font-size);position:absolute;right:15px;top:18px}.el-notification .el-notification__closeBtn:hover{color:var(--el-notification-close-hover-color)}.el-notification .el-notification--success{--el-notification-icon-color:var(--el-color-success);color:var(--el-notification-icon-color)}.el-notification .el-notification--info{--el-notification-icon-color:var(--el-color-info);color:var(--el-notification-icon-color)}.el-notification .el-notification--warning{--el-notification-icon-color:var(--el-color-warning);color:var(--el-notification-icon-color)}.el-notification .el-notification--error{--el-notification-icon-color:var(--el-color-error);color:var(--el-notification-icon-color)}.el-notification-fade-enter-from.right{right:0;transform:translate(100%)}.el-notification-fade-enter-from.left{left:0;transform:translate(-100%)}.el-notification-fade-leave-to{opacity:0}
|
|
1
|
+
@charset "UTF-8";.zf-scale-container[data-v-b6c691a2]{position:relative;z-index:1;display:block;width:100%;height:100%;overflow:hidden}.zf-scale-wrapper[data-v-b6c691a2]{position:relative;width:100%;height:100%;z-index:1}html,body{display:block;width:100%;height:100vh;min-height:100vh;margin:0;padding:0;color:#fff;font-size:14px;font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif;background-color:#323a41}::-webkit-scrollbar{width:0;height:0}::-webkit-scrollbar-thumb{background:#0000001a}::-webkit-scrollbar-track{background:#0000000d}img{user-select:none!important;pointer-events:none;image-rendering:optimize-contrast}.app[data-v-75727f79]{width:100%;height:100vh}.app__view[data-v-75727f79]{width:100%;height:100%;box-shadow:0 0 30px #000c}:root{--el-color-white:#ffffff;--el-color-black:#000000;--el-color-primary-rgb:64,158,255;--el-color-success-rgb:103,194,58;--el-color-warning-rgb:230,162,60;--el-color-danger-rgb:245,108,108;--el-color-error-rgb:245,108,108;--el-color-info-rgb:144,147,153;--el-font-size-extra-large:20px;--el-font-size-large:18px;--el-font-size-medium:16px;--el-font-size-base:14px;--el-font-size-small:13px;--el-font-size-extra-small:12px;--el-font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;--el-font-weight-primary:500;--el-font-line-height-primary:24px;--el-index-normal:1;--el-index-top:1000;--el-index-popper:2000;--el-border-radius-base:4px;--el-border-radius-small:2px;--el-border-radius-round:20px;--el-border-radius-circle:100%;--el-transition-duration:.3s;--el-transition-duration-fast:.2s;--el-transition-function-ease-in-out-bezier:cubic-bezier(.645,.045,.355,1);--el-transition-function-fast-bezier:cubic-bezier(.23,1,.32,1);--el-transition-all:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);--el-transition-fade:opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-md-fade:transform var(--el-transition-duration) var(--el-transition-function-fast-bezier),opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-fade-linear:opacity var(--el-transition-duration-fast) linear;--el-transition-border:border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-box-shadow:box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-color:color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-component-size-large:40px;--el-component-size:32px;--el-component-size-small:24px}:root{color-scheme:light;--el-color-primary:#409eff;--el-color-primary-light-3:#79bbff;--el-color-primary-light-5:#a0cfff;--el-color-primary-light-7:#c6e2ff;--el-color-primary-light-8:#d9ecff;--el-color-primary-light-9:#ecf5ff;--el-color-primary-dark-2:#337ecc;--el-color-success:#67c23a;--el-color-success-light-3:#95d475;--el-color-success-light-5:#b3e19d;--el-color-success-light-7:#d1edc4;--el-color-success-light-8:#e1f3d8;--el-color-success-light-9:#f0f9eb;--el-color-success-dark-2:#529b2e;--el-color-warning:#e6a23c;--el-color-warning-light-3:#eebe77;--el-color-warning-light-5:#f3d19e;--el-color-warning-light-7:#f8e3c5;--el-color-warning-light-8:#faecd8;--el-color-warning-light-9:#fdf6ec;--el-color-warning-dark-2:#b88230;--el-color-danger:#f56c6c;--el-color-danger-light-3:#f89898;--el-color-danger-light-5:#fab6b6;--el-color-danger-light-7:#fcd3d3;--el-color-danger-light-8:#fde2e2;--el-color-danger-light-9:#fef0f0;--el-color-danger-dark-2:#c45656;--el-color-error:#f56c6c;--el-color-error-light-3:#f89898;--el-color-error-light-5:#fab6b6;--el-color-error-light-7:#fcd3d3;--el-color-error-light-8:#fde2e2;--el-color-error-light-9:#fef0f0;--el-color-error-dark-2:#c45656;--el-color-info:#909399;--el-color-info-light-3:#b1b3b8;--el-color-info-light-5:#c8c9cc;--el-color-info-light-7:#dedfe0;--el-color-info-light-8:#e9e9eb;--el-color-info-light-9:#f4f4f5;--el-color-info-dark-2:#73767a;--el-bg-color:#ffffff;--el-bg-color-page:#f2f3f5;--el-bg-color-overlay:#ffffff;--el-text-color-primary:#303133;--el-text-color-regular:#606266;--el-text-color-secondary:#909399;--el-text-color-placeholder:#a8abb2;--el-text-color-disabled:#c0c4cc;--el-border-color:#dcdfe6;--el-border-color-light:#e4e7ed;--el-border-color-lighter:#ebeef5;--el-border-color-extra-light:#f2f6fc;--el-border-color-dark:#d4d7de;--el-border-color-darker:#cdd0d6;--el-fill-color:#f0f2f5;--el-fill-color-light:#f5f7fa;--el-fill-color-lighter:#fafafa;--el-fill-color-extra-light:#fafcff;--el-fill-color-dark:#ebedf0;--el-fill-color-darker:#e6e8eb;--el-fill-color-blank:#ffffff;--el-box-shadow:0px 12px 32px 4px rgba(0,0,0,.04),0px 8px 20px rgba(0,0,0,.08);--el-box-shadow-light:0px 0px 12px rgba(0,0,0,.12);--el-box-shadow-lighter:0px 0px 6px rgba(0,0,0,.12);--el-box-shadow-dark:0px 16px 48px 16px rgba(0,0,0,.08),0px 12px 32px rgba(0,0,0,.12),0px 8px 16px -8px rgba(0,0,0,.16);--el-disabled-bg-color:var(--el-fill-color-light);--el-disabled-text-color:var(--el-text-color-placeholder);--el-disabled-border-color:var(--el-border-color-light);--el-overlay-color:rgba(0,0,0,.8);--el-overlay-color-light:rgba(0,0,0,.7);--el-overlay-color-lighter:rgba(0,0,0,.5);--el-mask-color:rgba(255,255,255,.9);--el-mask-color-extra-light:rgba(255,255,255,.3);--el-border-width:1px;--el-border-style:solid;--el-border-color-hover:var(--el-text-color-disabled);--el-border:var(--el-border-width) var(--el-border-style) var(--el-border-color);--el-svg-monochrome-grey:var(--el-border-color)}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.el-fade-in-linear-enter-from,.el-fade-in-linear-leave-to{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-fade-in-enter-from,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-from,.el-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top;transition:var(--el-transition-md-fade)}.el-zoom-in-top-enter-active[data-popper-placement^=top],.el-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.el-zoom-in-top-enter-from,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transform-origin:center bottom;transition:var(--el-transition-md-fade)}.el-zoom-in-bottom-enter-from,.el-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;transform:scale(1);transform-origin:top left;transition:var(--el-transition-md-fade)}.el-zoom-in-left-enter-from,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45)}.collapse-transition{transition:var(--el-transition-duration) height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.el-collapse-transition-enter-active,.el-collapse-transition-leave-active{transition:var(--el-transition-duration) max-height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--el-transition-duration) width ease-in-out,var(--el-transition-duration) padding-left ease-in-out,var(--el-transition-duration) padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter-from,.el-list-leave-to{opacity:0;transform:translateY(-30px)}.el-list-leave-active{position:absolute!important}.el-opacity-transition{transition:opacity var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-icon-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@-webkit-keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.el-icon{--color:inherit;align-items:center;display:inline-flex;height:1em;justify-content:center;line-height:1em;position:relative;width:1em;fill:currentColor;color:var(--color);font-size:inherit}.el-icon.is-loading{-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}.el-icon svg{height:1em;width:1em}.el-notification{--el-notification-width:330px;--el-notification-padding:14px 26px 14px 13px;--el-notification-radius:8px;--el-notification-shadow:var(--el-box-shadow-light);--el-notification-border-color:var(--el-border-color-lighter);--el-notification-icon-size:24px;--el-notification-close-font-size:var(--el-message-close-size,16px);--el-notification-group-margin-left:13px;--el-notification-group-margin-right:8px;--el-notification-content-font-size:var(--el-font-size-base);--el-notification-content-color:var(--el-text-color-regular);--el-notification-title-font-size:16px;--el-notification-title-color:var(--el-text-color-primary);--el-notification-close-color:var(--el-text-color-secondary);--el-notification-close-hover-color:var(--el-text-color-regular);background-color:var(--el-bg-color-overlay);border:1px solid var(--el-notification-border-color);border-radius:var(--el-notification-radius);box-shadow:var(--el-notification-shadow);box-sizing:border-box;display:flex;overflow:hidden;overflow-wrap:break-word;padding:var(--el-notification-padding);position:fixed;transition:opacity var(--el-transition-duration),transform var(--el-transition-duration),left var(--el-transition-duration),right var(--el-transition-duration),top .4s,bottom var(--el-transition-duration);width:var(--el-notification-width);z-index:9999}.el-notification.right{right:16px}.el-notification.left{left:16px}.el-notification__group{margin-left:var(--el-notification-group-margin-left);margin-right:var(--el-notification-group-margin-right)}.el-notification__title{color:var(--el-notification-title-color);font-size:var(--el-notification-title-font-size);font-weight:700;line-height:var(--el-notification-icon-size);margin:0}.el-notification__content{color:var(--el-notification-content-color);font-size:var(--el-notification-content-font-size);line-height:24px;margin:6px 0 0}.el-notification__content p{margin:0}.el-notification .el-notification__icon{font-size:var(--el-notification-icon-size);height:var(--el-notification-icon-size);width:var(--el-notification-icon-size)}.el-notification .el-notification__closeBtn{color:var(--el-notification-close-color);cursor:pointer;font-size:var(--el-notification-close-font-size);position:absolute;right:15px;top:18px}.el-notification .el-notification__closeBtn:hover{color:var(--el-notification-close-hover-color)}.el-notification .el-notification--success{--el-notification-icon-color:var(--el-color-success);color:var(--el-notification-icon-color)}.el-notification .el-notification--info{--el-notification-icon-color:var(--el-color-info);color:var(--el-notification-icon-color)}.el-notification .el-notification--warning{--el-notification-icon-color:var(--el-color-warning);color:var(--el-notification-icon-color)}.el-notification .el-notification--error{--el-notification-icon-color:var(--el-color-error);color:var(--el-notification-icon-color)}.el-notification-fade-enter-from.right{right:0;transform:translate(100%)}.el-notification-fade-enter-from.left{left:0;transform:translate(-100%)}.el-notification-fade-leave-to{opacity:0}
|
package/package.json
CHANGED
package/dist/chunks/CIg5yiwu.mjs
DELETED
|
@@ -1,114 +0,0 @@
|
|
|
1
|
-
import { defineComponent as c, ref as s, onMounted as f, nextTick as m, onBeforeUnmount as u, computed as p, openBlock as g, createElementBlock as w, createElementVNode as v, normalizeStyle as $, unref as x, renderSlot as _ } from "vue";
|
|
2
|
-
import { _ as E } from "./CHgC5LLL.mjs";
|
|
3
|
-
const b = /* @__PURE__ */ c({
|
|
4
|
-
__name: "zf-scale-container",
|
|
5
|
-
props: {
|
|
6
|
-
width: { default: void 0 },
|
|
7
|
-
height: { default: void 0 },
|
|
8
|
-
minWidth: { default: void 0 },
|
|
9
|
-
minHeight: { default: void 0 },
|
|
10
|
-
mode: { default: "aspectFit" }
|
|
11
|
-
},
|
|
12
|
-
setup(h) {
|
|
13
|
-
const e = h, r = s(null), n = s(0), a = s(0), l = () => {
|
|
14
|
-
n.value = r.value?.clientWidth || 0, a.value = r.value?.clientHeight || 0;
|
|
15
|
-
};
|
|
16
|
-
f(() => {
|
|
17
|
-
window.addEventListener("resize", l), m(l), l();
|
|
18
|
-
}), u(() => {
|
|
19
|
-
window.removeEventListener("resize", l);
|
|
20
|
-
});
|
|
21
|
-
const d = p(() => {
|
|
22
|
-
if (!e.width || !e.height) {
|
|
23
|
-
let t = 1;
|
|
24
|
-
e.width ? t = n.value / e.width : e.height && (t = a.value / e.height);
|
|
25
|
-
let i = e.width ?? n.value / t, o = e.height ?? a.value / t;
|
|
26
|
-
return e.minWidth && i < e.minWidth && (i = e.minWidth, o = o * (e.minWidth / i)), e.minHeight && o < e.minHeight && (o = e.minHeight, i = i * (e.minHeight / o)), t = Math.min(n.value / i, a.value / o), {
|
|
27
|
-
width: `${i}px`,
|
|
28
|
-
height: `${o}px`,
|
|
29
|
-
transform: `scale(${t}, ${t}) translate(-50%, -50%)`,
|
|
30
|
-
transformOrigin: "0 0",
|
|
31
|
-
position: "absolute",
|
|
32
|
-
top: "50%",
|
|
33
|
-
left: "50%"
|
|
34
|
-
};
|
|
35
|
-
} else if (e.mode === "scaleToFill") {
|
|
36
|
-
const t = n.value / e.width, i = a.value / e.height;
|
|
37
|
-
return {
|
|
38
|
-
width: `${e.width}px`,
|
|
39
|
-
height: `${e.height}px`,
|
|
40
|
-
transform: `scale(${t}, ${i})`,
|
|
41
|
-
transformOrigin: "0 0"
|
|
42
|
-
};
|
|
43
|
-
} else if (e.mode === "aspectFit") {
|
|
44
|
-
const t = Math.min(n.value / e.width, a.value / e.height);
|
|
45
|
-
return {
|
|
46
|
-
width: `${e.width}px`,
|
|
47
|
-
height: `${e.height}px`,
|
|
48
|
-
transform: `scale(${t}, ${t}) translate(-50%, -50%)`,
|
|
49
|
-
transformOrigin: "0 0",
|
|
50
|
-
position: "absolute",
|
|
51
|
-
top: "50%",
|
|
52
|
-
left: "50%"
|
|
53
|
-
};
|
|
54
|
-
} else if (e.mode === "aspectFill") {
|
|
55
|
-
const t = Math.max(n.value / e.width, a.value / e.height);
|
|
56
|
-
return {
|
|
57
|
-
width: `${e.width}px`,
|
|
58
|
-
height: `${e.height}px`,
|
|
59
|
-
transform: `scale(${t}, ${t}) translate(-50%, -50%)`,
|
|
60
|
-
transformOrigin: "0 0",
|
|
61
|
-
position: "absolute",
|
|
62
|
-
top: "50%",
|
|
63
|
-
left: "50%"
|
|
64
|
-
};
|
|
65
|
-
} else if (e.mode === "widthFix") {
|
|
66
|
-
const t = n.value / e.width;
|
|
67
|
-
return {
|
|
68
|
-
width: `${e.width}px`,
|
|
69
|
-
height: `${e.height}px`,
|
|
70
|
-
transform: `scale(${t}, ${t}) translate(-50%, -50%)`,
|
|
71
|
-
transformOrigin: "0 0",
|
|
72
|
-
position: "absolute",
|
|
73
|
-
top: "50%",
|
|
74
|
-
left: "50%"
|
|
75
|
-
};
|
|
76
|
-
} else if (e.mode === "heightFix") {
|
|
77
|
-
const t = a.value / e.height;
|
|
78
|
-
return {
|
|
79
|
-
width: `${e.width}px`,
|
|
80
|
-
height: `${e.height}px`,
|
|
81
|
-
transform: `scale(${t}, ${t}) translate(-50%, -50%)`,
|
|
82
|
-
transformOrigin: "0 0",
|
|
83
|
-
position: "absolute",
|
|
84
|
-
top: "50%",
|
|
85
|
-
left: "50%"
|
|
86
|
-
};
|
|
87
|
-
} else if (e.mode === "center")
|
|
88
|
-
return {
|
|
89
|
-
width: `${e.width}px`,
|
|
90
|
-
height: `${e.height}px`,
|
|
91
|
-
position: "absolute",
|
|
92
|
-
top: "50%",
|
|
93
|
-
left: "50%",
|
|
94
|
-
transform: "translate(-50%, -50%)"
|
|
95
|
-
};
|
|
96
|
-
return {};
|
|
97
|
-
});
|
|
98
|
-
return (t, i) => (g(), w("div", {
|
|
99
|
-
ref_key: "containerElement",
|
|
100
|
-
ref: r,
|
|
101
|
-
class: "zf-scale-container"
|
|
102
|
-
}, [
|
|
103
|
-
v("div", {
|
|
104
|
-
class: "zf-scale-wrapper",
|
|
105
|
-
style: $(x(d))
|
|
106
|
-
}, [
|
|
107
|
-
_(t.$slots, "default", {}, void 0, !0)
|
|
108
|
-
], 4)
|
|
109
|
-
], 512));
|
|
110
|
-
}
|
|
111
|
-
}), z = /* @__PURE__ */ E(b, [["__scopeId", "data-v-2176caf3"]]);
|
|
112
|
-
export {
|
|
113
|
-
z as Z
|
|
114
|
-
};
|