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.
@@ -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,4 +1,4 @@
1
- import { Z as e } from "./CIg5yiwu.mjs";
1
+ import { Z as e } from "./BpLzP99j.mjs";
2
2
  const t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
3
3
  __proto__: null,
4
4
  ZfScaleContainer: e,
@@ -1,5 +1,5 @@
1
- import { shallowRef as Da, ref as Ma, defineComponent as La, reactive as Ua, unref as N, 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 "./CIg5yiwu.mjs";
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 L = P * _, k = n.min(L * 4, E);
1059
- if (L) {
1060
- for (var W = 0; W < L; W += _)
1061
- this._doProcessBlock(A, W);
1062
- h = A.splice(0, L), S.sigBytes -= k;
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, k);
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], L = (P << 25 | P >>> 7) ^ (P << 14 | P >>> 18) ^ P >>> 3, k = l[T - 2], W = (k << 15 | k >>> 17) ^ (k << 13 | k >>> 19) ^ k >>> 10;
1216
- l[T] = L + l[T - 7] + W + l[T - 16];
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 H = 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 + H + f[T] + l[T], Nt = J + V;
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) && q(t.constructor.isBuffer) && t.constructor.isBuffer(t);
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"), q = Ct("function"), Uo = Ct("number"), Ft = (t) => t !== null && typeof t == "object", Vu = (t) => t === !0 || t === !1, lt = (t) => {
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) && q(t.pipe), el = (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 || q(t.append) && ((e = It(t)) === "formdata" || // detect form-data instance
1261
- e === "object" && q(t.toString) && t.toString() === "[object FormData]"));
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 && q(o) ? t[a] = Mo(o, r) : t[a] = o;
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 (q(t) && ["arguments", "caller", "callee"].indexOf(r) !== -1)
1355
+ if (z(t) && ["arguments", "caller", "callee"].indexOf(r) !== -1)
1356
1356
  return !1;
1357
1357
  const n = t[r];
1358
- if (q(n)) {
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 && q(t.append) && t[Symbol.toStringTag] === "FormData" && t[Symbol.iterator]);
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) || q(t)) && q(t.then) && q(t.catch), p = {
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: q,
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", M = 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) {
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(H, V, J) {
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(H, le, n + 1, o);
3139
+ return ie(a, "quoteStyle") && (le.quoteStyle = a.quoteStyle), t(k, le, n + 1, o);
3140
3140
  }
3141
- return t(H, a, n + 1, o);
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(H, V) {
3175
- A.push(m(V, e, !0) + " => " + m(H, e));
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(H) {
3181
- E.push(m(H, e));
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", L = !T && M && Object(e) === e && M in e ? Gr.call(ue(e), 8, -1) : P ? "Object" : "", k = T || typeof e.constructor != "function" ? "" : e.constructor.name ? e.constructor.name + " " : "", W = k + (L || P ? "[" + Y.call(Zn.call([], L || [], P || []), ": ") + "] " : "");
3204
- return _.length === 0 ? W + "{}" : l ? W + "{" + Sr(_, l) + "}" : W + "{ " + Y.call(_, ", ") + " }";
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, "&quot;");
3214
3214
  }
3215
3215
  function wr(t) {
3216
- return ue(t) === "[object Array]" && (!M || !(typeof t == "object" && M in t));
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]" && (!M || !(typeof t == "object" && M in t));
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]" && (!M || !(typeof t == "object" && M in t));
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]" && (!M || !(typeof t == "object" && M in t));
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]" && (!M || !(typeof t == "object" && M in t));
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]" && (!M || !(typeof t == "object" && M in t));
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]" && (!M || !(typeof t == "object" && M in t));
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 L;
3676
+ var M;
3677
3677
  if (n === "comma" && Z(h))
3678
- v && u && (h = yt.maybeMap(h, u)), L = [{ value: h.length > 0 ? h.join(",") || null : void 0 }];
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
- L = f;
3680
+ M = f;
3681
3681
  else {
3682
- var k = Object.keys(h);
3683
- L = l ? k.sort(l) : k;
3682
+ var U = Object.keys(h);
3683
+ M = l ? U.sort(l) : U;
3684
3684
  }
3685
- var W = c ? r.replace(/\./g, "%2E") : r, H = o && Z(h) && h.length === 1 ? W + "[]" : W;
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 H + "[]";
3688
- for (var V = 0; V < L.length; ++V) {
3689
- var J = L[V], le = typeof J == "object" && typeof J.value < "u" ? J.value : h[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(H, ve) : H : H + (m ? "." + ve : "[" + ve + "]");
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
- }, z = (t, e, r) => (Jr(t, e, "read from private field"), r ? r.call(t) : e.get(t)), We = (t, e, r) => {
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 z(this, Ae) || it(this, Ae, this._getStorage(z(this, X).key) || {}), z(this, Ae);
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 z(this, X).handleGetStorage ? z(this, X).handleGetStorage(e) : z(this, ht).getItem(e) || {};
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 z(this, X).handleSetStorage ? z(this, X).handleSetStorage(e, r) : z(this, ht).setItem(e, r);
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 z(this, mt).call(this), Eu(n);
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
- z(this, mt).call(this);
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(z(this, X).key, this.storage);
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
- }, U = (t, e, r) => (Bd(t, e, "read from private field"), r ? r.call(t) : e.get(t)), Nd = (t, e, r) => {
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
- }, D;
4167
+ }, N;
4168
4168
  class xy {
4169
4169
  constructor() {
4170
- Nd(this, D, {});
4170
+ Nd(this, N, {});
4171
4171
  }
4172
4172
  keys() {
4173
- return Object.keys(U(this, D));
4173
+ return Object.keys(L(this, N));
4174
4174
  }
4175
4175
  listeners(e) {
4176
- return U(this, D)[e] || [];
4176
+ return L(this, N)[e] || [];
4177
4177
  }
4178
4178
  addEventListener(e, r) {
4179
- U(this, D)[e] || (U(this, D)[e] = []), U(this, D)[e].push(r);
4179
+ L(this, N)[e] || (L(this, N)[e] = []), L(this, N)[e].push(r);
4180
4180
  }
4181
4181
  removeEventListener(e, r) {
4182
- if (!U(this, D)[e] || !U(this, D)[e].length)
4182
+ if (!L(this, N)[e] || !L(this, N)[e].length)
4183
4183
  return;
4184
4184
  if (!r) {
4185
- delete U(this, D)[e];
4185
+ delete L(this, N)[e];
4186
4186
  return;
4187
4187
  }
4188
- const n = U(this, D)[e].indexOf(r);
4189
- n >= 0 && (U(this, D)[e].splice(n, 1), U(this, D)[e].length || delete U(this, D)[e]);
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 (!(!U(this, D)[e] || !U(this, D)[e].length))
4193
- for (const n of U(this, D)[e])
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
- D = /* @__PURE__ */ new WeakMap();
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: void 0,
4485
- appWidth: void 0,
4486
- appMinWidth: void 0,
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) => N(r).useScale ? (Xr(), Zr("div", {
4521
+ }), (o, a) => q(r).useScale ? (Xr(), Zr("div", {
4524
4522
  key: 0,
4525
- id: N(e).appId,
4526
- class: "app app112144"
4523
+ id: q(e).appId,
4524
+ class: "app"
4527
4525
  }, [
4528
- ka(N(za), {
4529
- width: N(r).appWidth,
4530
- height: N(r).appHeight,
4531
- "min-width": N(r).appMinWidth,
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", "min-width", "min-height", "mode"])
4537
+ }, 8, ["width", "height", "mode"])
4542
4538
  ], 8, vy)) : (Xr(), Zr("div", {
4543
4539
  key: 1,
4544
- id: N(e).appId,
4545
- class: "app app111211",
4540
+ id: q(e).appId,
4541
+ class: "app",
4546
4542
  style: Wa({
4547
- width: N(r).appWidth ? `${N(r).appWidth}px` : "",
4548
- height: N(r).appHeight ? `${N(r).appHeight}px` : "",
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-b8746877"]]), $y = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
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
@@ -1,4 +1,4 @@
1
- import { z as p, z as e } from "../chunks/BeqNJBVq.mjs";
1
+ import { z as p, z as e } from "../chunks/DCtof1rf.mjs";
2
2
  export {
3
3
  p as ZfApp,
4
4
  e as default
@@ -1,4 +1,4 @@
1
- import { Z as f, Z as o } from "../chunks/CIg5yiwu.mjs";
1
+ import { Z as f, Z as o } from "../chunks/BpLzP99j.mjs";
2
2
  export {
3
3
  f as ZfScaleContainer,
4
4
  o as default
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 | undefined;
82
+ appHeight: number;
83
83
  /** 项目宽度,用于计算缩放比例 */
84
- appWidth: number | undefined;
85
- /** 项目最小宽度,用于计算缩放比例 */
86
- appMinWidth?: number | undefined;
87
- /** 项目最小高度,用于计算缩放比例 */
88
- appMinHeight?: number | undefined;
84
+ appWidth: number;
89
85
  /** 是否使用缩放 */
90
86
  useScale: boolean;
91
- /** 是否拉伸缩放 */
92
- useStretch: boolean;
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?: number | undefined;
219
+ width: number;
224
220
  /** 高度 */
225
- height?: number | undefined;
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?: number | undefined;
232
+ width: number;
241
233
  /** 高度 */
242
- height?: number | undefined;
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
- minWidth: number;
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/BeqNJBVq.mjs";
2
- import { z as H, d as $, b as J } from "./chunks/BeqNJBVq.mjs";
3
- import { _ as d } from "./chunks/8_X11dDX.mjs";
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/CIg5yiwu.mjs";
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
@@ -2,7 +2,7 @@
2
2
  "name": "zf-dbs",
3
3
  "type": "module",
4
4
  "description": "",
5
- "version": "1.0.0",
5
+ "version": "1.1.0",
6
6
  "main": "./dist/index.mjs",
7
7
  "module": "./dist/index.mjs",
8
8
  "types": "./dist/index.d.ts",
@@ -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
- };