zf-dbs 1.1.0 → 2.0.1

package/dist/chunks/{CkOTGeqV.mjs → Ck0Cdfr_.mjs}

@@ -1,4 +1,4 @@
-import { Z as e } from "./BpLzP99j.mjs";
+import { Z as e } from "./DbOTUn3A.mjs";
 const t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   ZfScaleContainer: e,

package/dist/chunks/{BpLzP99j.mjs → DbOTUn3A.mjs}

@@ -1,29 +1,33 @@
-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";
-import { _ as S } from "./CHgC5LLL.mjs";
-const y = /* @__PURE__ */ v({
+import { defineComponent as v, ref as c, onMounted as w, onBeforeUnmount as $, computed as x, openBlock as _, createElementBlock as b, createElementVNode as E, normalizeStyle as F, unref as S, renderSlot as z, nextTick as O } from "vue";
+import { _ as y } from "./CHgC5LLL.mjs";
+const M = /* @__PURE__ */ v({
   __name: "zf-scale-container",
   props: {
     width: { default: void 0 },
     height: { default: void 0 },
     mode: { default: "aspectFit" }
   },
-  setup(u) {
-    const t = u, s = h(null), a = h(0), i = h(0), r = () => {
-      a.value = s.value?.clientWidth || 0, i.value = s.value?.clientHeight || 0;
+  setup(f) {
+    const t = f, r = c(null), a = c(0), i = c(0);
+    let s = !1;
+    const o = () => {
+      s || (s = !0, O(() => {
+        a.value = r.value?.clientWidth || 0, i.value = r.value?.clientHeight || 0, s = !1;
+      }));
     };
-    g(() => {
-      window.addEventListener("resize", r), w(r), r();
+    w(() => {
+      window.addEventListener("resize", o), o();
     }), $(() => {
-      window.removeEventListener("resize", r);
+      window.removeEventListener("resize", o);
     });
-    const f = {
+    const m = {
       // 自适应模式
       adaptive(e) {
-        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;
-        return p < t.width || d < t.height ? Math.abs(n - o) > 0.2 ? this.aspectFit() : this.scaleToFill() : {
-          width: `${p}px`,
-          height: `${d}px`,
-          transform: `scale(${c}, ${c}) translate(-50%, -50%)`,
+        const n = a.value / t.width, l = i.value / t.height, h = e ?? a.value < i.value, p = h ? n : l, d = h ? t.width : a.value / l, u = h ? i.value / n : t.height;
+        return d < t.width || u < t.height ? Math.abs(n - l) > 0.2 ? this.aspectFit() : this.scaleToFill() : {
+          width: `${d}px`,
+          height: `${u}px`,
+          transform: `scale(${p}, ${p}) translate(-50%, -50%)`,
           transformOrigin: "0 0",
           position: "absolute",
           top: "50%",
@@ -109,21 +113,21 @@ const y = /* @__PURE__ */ v({
           transform: "translate(-50%, -50%)"
         };
       }
-    }, m = x(() => f[t.mode]?.() ?? {});
+    }, g = x(() => m[t.mode]?.() ?? {});
     return (e, n) => (_(), b("div", {
       ref_key: "containerElement",
-      ref: s,
+      ref: r,
       class: "zf-scale-container"
     }, [
       E("div", {
         class: "zf-scale-wrapper",
-        style: F(z(m))
+        style: F(S(g))
       }, [
-        O(e.$slots, "default", {}, void 0, !0)
+        z(e.$slots, "default", {}, void 0, !0)
       ], 4)
     ], 512));
   }
-}), B = /* @__PURE__ */ S(y, [["__scopeId", "data-v-b6c691a2"]]);
+}), L = /* @__PURE__ */ y(M, [["__scopeId", "data-v-21eb743f"]]);
 export {
-  B as Z
+  L as Z
 };