labull-framework 1.0.4 → 1.1.0

package/dist/magic-block.js

@@ -1,4 +1,4 @@
-import { shallowRef as mo, ref as T, computed as N, defineComponent as xe, watch as jt, nextTick as sn, onMounted as fn, onBeforeUnmount as mn, openBlock as c, createElementBlock as d, normalizeStyle as bn, normalizeClass as J, unref as V, createElementVNode as l, toDisplayString as b, createCommentVNode as w, Fragment as S, renderList as q, withModifiers as on, getCurrentInstance as bo, createBlock as ho, createTextVNode as y, withDirectives as pt, vModelCheckbox as is, vModelText as oe, withKeys as vo, vShow as _e, createStaticVNode as go, vModelSelect as _o, vModelDynamic as yo } from "vue";
+import { shallowRef as mo, ref as A, computed as N, defineComponent as xe, watch as jt, nextTick as sn, onMounted as fn, onBeforeUnmount as mn, openBlock as c, createElementBlock as d, normalizeStyle as bn, normalizeClass as J, unref as V, createElementVNode as l, toDisplayString as b, createCommentVNode as w, Fragment as S, renderList as q, withModifiers as on, getCurrentInstance as bo, createBlock as ho, createTextVNode as y, withDirectives as pt, vModelCheckbox as is, vModelText as oe, withKeys as vo, vShow as _e, createStaticVNode as go, vModelSelect as _o, vModelDynamic as yo } from "vue";
 import { useRouter as as, useRoute as ko } from "vue-router";
 import { b as kt, c as re, A as $e, u as rs } from "./chunk-index-BVIJeFeJ.js";
 import { s as nd } from "./chunk-index-BVIJeFeJ.js";
@@ -309,7 +309,7 @@ function Po(n) {
   const e = n && typeof n == "object" && !Array.isArray(n) ? n : {}, s = $t(e.button, Ot) || null, i = e.closed === "escape" || e.closed === "backdrop" || e.closed === "host" ? e.closed : "button";
   return { button: s, values: vs(e.values), closed: i };
 }
-const Tt = mo([]), vn = T(!1);
+const Tt = mo([]), vn = A(!1);
 let Io = 0;
 const No = N(() => Tt.value[Tt.value.length - 1] ?? null);
 function qo() {
@@ -998,15 +998,15 @@ const Dl = ["data-magic-block", "data-magic-module"], jl = ["srcdoc", "title"],
     theme: { type: Boolean, default: !0 }
   },
   setup(n) {
-    const e = n, s = $o(), i = as(), { isStaff: r } = rs(), p = T(null), u = T(null), m = T(null), h = T(!1), v = T(0), _ = T(0);
+    const e = n, s = $o(), i = as(), { isStaff: r } = rs(), p = A(null), u = A(null), m = A(null), h = A(!1), v = A(0), _ = A(0);
     let k = null, g = null, x = null, R = null, D = null, L = null;
     const P = N(() => e.name.trim() || e.uuid), z = N(() => m.value?.state ?? ""), lt = N(() => z.value === "invalid" ? "校验不通过" : z.value === "draft" ? "未开发" : P.value), it = N(() => (m.value?.brief ?? "").trim() || (m.value?.name ?? "").trim() || P.value), gt = N(() => (m.value?.reason ?? "").trim()), xt = N(() => m.value?.issues ?? []), j = N(() => Math.max(_.value, v.value, 1)), Lt = N(() => ({ height: `${j.value}px` })), ft = N(() => {
-      const B = {};
-      for (const [O, H] of Object.entries(m.value?.files ?? {})) O !== bl && (B[O] = H);
-      return B;
+      const T = {};
+      for (const [O, H] of Object.entries(m.value?.files ?? {})) O !== bl && (T[O] = H);
+      return T;
     }), Et = N(() => z.value === "ok" && typeof ft.value[Kt] == "string");
     let E = null;
-    function A() {
+    function B() {
       if (!e.theme) return "";
       if (E !== null || (E = "", typeof document > "u")) return E;
       try {
@@ -1018,24 +1018,24 @@ const Dl = ["data-magic-block", "data-magic-module"], jl = ["srcdoc", "title"],
     }
     const $ = N(() => {
       if (!Et.value) return "";
-      const B = { bootstrap: fs, css: xo }, O = A();
-      return O && (B.themeCss = O), Es(ft.value, B);
+      const T = { bootstrap: fs, css: xo }, O = B();
+      return O && (T.themeCss = O), Es(ft.value, T);
     });
     function M() {
       return { key: s.key, path: s.path, params: s.params, query: s.query };
     }
-    async function mt(B) {
-      const O = i.resolve(B);
+    async function mt(T) {
+      const O = i.resolve(T);
       if (O.matched.length === 0) {
         const H = i.getRoutes().map((st) => st.path);
-        throw new Error(`这个应用里没有页面 ${B}。能跳的页面只有：${H.length > 0 ? H.join(" / ") : "（还没有配路由）"}`);
+        throw new Error(`这个应用里没有页面 ${T}。能跳的页面只有：${H.length > 0 ? H.join(" / ") : "（还没有配路由）"}`);
       }
-      return ln(B) || O.fullPath;
+      return ln(T) || O.fullPath;
     }
     function et() {
       x?.(), x = null;
-      const B = u.value;
-      B && (x = Pn(B, {
+      const T = u.value;
+      T && (x = Pn(T, {
         uuid: e.uuid,
         onHeight: (O) => {
           v.value = O;
@@ -1048,10 +1048,10 @@ const Dl = ["data-magic-block", "data-magic-module"], jl = ["srcdoc", "title"],
         onTabTitle: (O, H) => s.setTitle(O, H)
       }));
     }
-    function Wt(B) {
-      return Ho(B, {
+    function Wt(T) {
+      return Ho(T, {
         uuid: e.uuid,
-        buildDoc: (O) => wl(m.value?.files ?? {}, O, { bootstrap: Co, themeCss: A() }),
+        buildDoc: (O) => wl(m.value?.files ?? {}, O, { bootstrap: Co, themeCss: B() }),
         mountBridge: (O, H) => Pn(O, {
           uuid: e.uuid,
           onDone: H.onDone,
@@ -1065,27 +1065,27 @@ const Dl = ["data-magic-block", "data-magic-module"], jl = ["srcdoc", "title"],
       });
     }
     async function Zt() {
-      const B = e.uuid, O = await Cl([B]);
-      B === e.uuid && (m.value = O.find((H) => H.id === B) ?? null);
+      const T = e.uuid, O = await Cl([T]);
+      T === e.uuid && (m.value = O.find((H) => H.id === T) ?? null);
     }
     function ue() {
       window.dispatchEvent(new CustomEvent("magic-block:open-console", { detail: { uuid: e.uuid } }));
     }
-    function ce(B = !1) {
-      B && D?.(), D = Tl(e.uuid, s.key);
+    function ce(T = !1) {
+      T && D?.(), D = Tl(e.uuid, s.key);
     }
-    const bt = (B) => !us(B, i), nt = N(() => {
+    const bt = (T) => !us(T, i), nt = N(() => {
       if (!r.value) return "";
-      const B = pn(e.uuid, s.key, bt);
-      return B ? `管理员：切到还挂着这个块的标签 ${B}（点一下这一块会亮红框）` : "管理员：这个块只在这一条标签里挂着 —— 点一下会亮几秒红框";
+      const T = pn(e.uuid, s.key, bt);
+      return T ? `管理员：切到还挂着这个块的标签 ${T}（点一下这一块会亮红框）` : "管理员：这个块只在这一条标签里挂着 —— 点一下会亮几秒红框";
     });
     function U() {
       if (!r.value) return;
-      const B = pn(e.uuid, s.key, bt);
-      Cs(e.uuid), B && ln(B);
+      const T = pn(e.uuid, s.key, bt);
+      Cs(e.uuid), T && ln(T);
     }
-    function _t(B) {
-      let O = B.parentElement;
+    function _t(T) {
+      let O = T.parentElement;
       for (; O; ) {
         if (getComputedStyle(O).overflowY !== "visible" && O.clientHeight > 0) return O;
         O = O.parentElement;
@@ -1093,40 +1093,40 @@ const Dl = ["data-magic-block", "data-magic-module"], jl = ["srcdoc", "title"],
       return document.documentElement;
     }
     function at() {
-      const B = p.value;
-      if (!B) return 0;
-      const O = _t(B), H = getComputedStyle(O), st = parseFloat(H.paddingTop) || 0, Gt = parseFloat(H.paddingBottom) || 0, de = parseFloat(H.borderTopWidth) || 0, Y = O === document.documentElement, Ae = Y ? Math.max(0, window.innerHeight - st - Gt) : Math.max(0, O.clientHeight - st - Gt), Me = Y ? st : O.getBoundingClientRect().top + de + st, De = Y ? window.scrollY || 0 : O.scrollTop, je = B.getBoundingClientRect().top - Me + De;
+      const T = p.value;
+      if (!T) return 0;
+      const O = _t(T), H = getComputedStyle(O), st = parseFloat(H.paddingTop) || 0, Gt = parseFloat(H.paddingBottom) || 0, de = parseFloat(H.borderTopWidth) || 0, Y = O === document.documentElement, Ae = Y ? Math.max(0, window.innerHeight - st - Gt) : Math.max(0, O.clientHeight - st - Gt), Me = Y ? st : O.getBoundingClientRect().top + de + st, De = Y ? window.scrollY || 0 : O.scrollTop, je = T.getBoundingClientRect().top - Me + De;
       return Math.max(0, Math.floor(Ae - je));
     }
     function rt() {
       if (!s.active.value || !p.value) return;
-      const B = at();
-      B > 0 && Math.abs(B - _.value) > 1 && (_.value = B);
+      const T = at();
+      T > 0 && Math.abs(T - _.value) > 1 && (_.value = T);
     }
     function Z() {
       if (!p.value) return;
-      const B = _t(p.value);
-      k !== B && (k = B, g?.disconnect(), g = null), rt(), !(g || typeof ResizeObserver > "u") && (g = new ResizeObserver(() => rt()), g.observe(B));
+      const T = _t(p.value);
+      k !== T && (k = T, g?.disconnect(), g = null), rt(), !(g || typeof ResizeObserver > "u") && (g = new ResizeObserver(() => rt()), g.observe(T));
     }
     return jt(u, () => et()), jt($, () => {
       v.value = 0, _.value = 0, Z();
     }, { flush: "post" }), jt(() => e.uuid, () => {
       sn().then(() => Z());
-    }), jt(() => s.active.value, (B) => {
-      B && sn().then(() => {
+    }), jt(() => s.active.value, (T) => {
+      T && sn().then(() => {
         Z();
         const O = p.value;
         !O || !O.isConnected || O.offsetParent === null || h.value && O.scrollIntoView({ behavior: "smooth", block: "center" });
       });
-    }), jt(() => e.uuid, (B, O) => {
-      O && O !== B && Hn(O), v.value = 0, m.value = null, ce(!0), h.value = Qe() === e.uuid, Zt();
+    }), jt(() => e.uuid, (T, O) => {
+      O && O !== T && Hn(O), v.value = 0, m.value = null, ce(!0), h.value = Qe() === e.uuid, Zt();
     }), fn(() => {
       R = xl(() => void Zt()), L = Bl(() => {
         h.value = Qe() === e.uuid;
       }), h.value = Qe() === e.uuid, ce(), Z(), Zt();
     }), mn(() => {
       Hn(e.uuid), g?.disconnect(), g = null, R?.(), R = null, L?.(), L = null, D?.(), D = null, x?.(), x = null;
-    }), (B, O) => (c(), d("div", {
+    }), (T, O) => (c(), d("div", {
       ref_key: "el",
       ref: p,
       class: J(["mb", { "mb--admin": V(r), "mb--lit": V(r) && h.value }]),
@@ -2080,7 +2080,7 @@ const ki = { class: "mbc__head" }, $i = ["title"], wi = ["title"], xi = {
          两种情形共用它（前端声明了、手里却还没有那个文件夹 / 手里那个文件夹的清单 id 库里没有）
          —— 对用户是同一件事：这个块不在库里。 */
       "not-in-db": "不在数据库"
-    }, s = e["not-in-db"], { isStaff: i } = rs(), r = as(), { active: p } = wo(), u = (a) => !us(a, r), m = T(!1), h = T(""), v = T([]), _ = T(""), k = T(""), g = T(""), x = T([]), R = T(!1), D = T(!1), L = T("blocks"), P = T(""), z = T([]), lt = T(""), it = T(""), gt = T(""), xt = T(""), j = T(!1), Lt = T(!1), ft = T(!1), Et = T(!1), E = T(!1), A = T(null), $ = T(null), M = T("one"), mt = T(ce()), et = N(() => v.value.find((a) => a.id === mt.value) ?? null), Wt = () => M.value === "framework" ? { framework: !0 } : M.value === "all" ? {} : { blocks: [mt.value] }, Zt = N(() => M.value === "framework" ? "只铺框架文件（顶层那几份生成物 + example/）：workspace/ 里的块代码一个字节都不写、也不删" : M.value === "one" && !et.value ? "先在左边挑一个块（或者把范围改成「全部块」/「只铺框架文件」）" : "把库里的块铺到你选的文件夹");
+    }, s = e["not-in-db"], { isStaff: i } = rs(), r = as(), { active: p } = wo(), u = (a) => !us(a, r), m = A(!1), h = A(""), v = A([]), _ = A(""), k = A(""), g = A(""), x = A([]), R = A(!1), D = A(!1), L = A("blocks"), P = A(""), z = A([]), lt = A(""), it = A(""), gt = A(""), xt = A(""), j = A(!1), Lt = A(!1), ft = A(!1), Et = A(!1), E = A(!1), B = A(null), $ = A(null), M = A("one"), mt = A(ce()), et = N(() => v.value.find((a) => a.id === mt.value) ?? null), Wt = () => M.value === "framework" ? { framework: !0 } : M.value === "all" ? {} : { blocks: [mt.value] }, Zt = N(() => M.value === "framework" ? "只铺框架文件（顶层那几份生成物 + example/）：workspace/ 里的块代码一个字节都不写、也不删" : M.value === "one" && !et.value ? "先在左边挑一个块（或者把范围改成「全部块」/「只铺框架文件」）" : "把库里的块铺到你选的文件夹");
     function ue(a) {
       mt.value = a;
       try {
@@ -2098,12 +2098,12 @@ const ki = { class: "mbc__head" }, $i = ["title"], wi = ["title"], xi = {
     jt(v, (a) => {
       a.length !== 0 && (a.some((t) => t.id === mt.value) || ue(a[0].id));
     });
-    const bt = T(null), nt = T(""), U = T(null), _t = T({}), at = T([]), rt = T([]), Z = T(null), B = T({}), O = T(""), H = T(null);
+    const bt = A(null), nt = A(""), U = A(null), _t = A({}), at = A([]), rt = A([]), Z = A(null), T = A({}), O = A(""), H = A(null);
     async function st(a) {
       O.value = a;
       try {
         const t = await kt(`/magic-blocks/${encodeURIComponent(a)}/versions`);
-        B.value = { ...B.value, [a]: t.versions ?? [] };
+        T.value = { ...T.value, [a]: t.versions ?? [] };
       } catch (t) {
         ee(t, "读版本列表");
       } finally {
@@ -2117,13 +2117,13 @@ const ki = { class: "mbc__head" }, $i = ["title"], wi = ["title"], xi = {
     function de(a) {
       return a < 1024 ? `${a} B` : a < 1024 * 1024 ? `${Math.round(a / 1024)} KB` : `${(a / 1024 / 1024).toFixed(1)} MB`;
     }
-    const Y = T(null);
+    const Y = A(null);
     function Ae(a, t) {
       return `${String(t || "").replace(/[\\/:*?"<>|]/g, "").trim() || "block"}-${a}`;
     }
     const Me = (a) => ot(async () => {
       const t = Ae(a.id, a.name || a.module);
-      let o = A.value, f = null;
+      let o = B.value, f = null;
       if (o)
         try {
           f = await en(o, bt.value ?? await ze());
@@ -2160,7 +2160,7 @@ const ki = { class: "mbc__head" }, $i = ["title"], wi = ["title"], xi = {
         o = await o.getDirectoryHandle(f, { create: !0 });
       return { handle: o, name: `${a.name}/${t}` };
     }
-    const W = T(null), pe = T(!1), G = T({ active: !1, percent: 0, stage: "", failed: !1 }), Os = N(() => ({
+    const W = A(null), pe = A(!1), G = A({ active: !1, percent: 0, stage: "", failed: !1 }), Os = N(() => ({
       width: `${Math.max(0, Math.min(100, G.value.percent))}%`,
       background: G.value.failed ? "var(--sp-color-danger)" : "var(--sp-color-primary, var(--primary-color))"
     }));
@@ -2291,7 +2291,7 @@ ${o}` : o;
     const Cn = N(() => {
       const a = h.value.trim().toLowerCase();
       return v.value.filter((t) => Ks(t) ? a ? `${t.module} ${t.name} ${t.brief} ${t.detail ?? ""} ${t.id} v${t.version ?? ""} ${(t.tags ?? []).join(" ")}`.toLowerCase().includes(a) : !0 : !1);
-    }), be = N(() => (U.value?.blocks ?? []).filter((a) => a.canApply)), Pt = N(() => be.value.filter((a) => _t.value[a.id] === !0)), It = T(!1), yt = N(() => at.value.length + (U.value?.failures ?? []).length + rt.value.filter((a) => !a.ok).length), te = N(() => rt.value.filter((a) => !a.ok)), Ie = N(() => rt.value.filter((a) => a.ok).length), Ne = N(() => v.value.filter((a) => a.enabled === !1).length), Nt = N(() => (Z.value?.results ?? []).filter((a) => (a.verifyNotes ?? []).length > 0)), Mt = N(() => Nt.value.reduce((a, t) => a + (t.verifyNotes ?? []).length, 0)), ut = N(() => (Z.value?.results ?? []).filter((a) => a.probeRan !== !0).map((a) => a.name || a.id));
+    }), be = N(() => (U.value?.blocks ?? []).filter((a) => a.canApply)), Pt = N(() => be.value.filter((a) => _t.value[a.id] === !0)), It = A(!1), yt = N(() => at.value.length + (U.value?.failures ?? []).length + rt.value.filter((a) => !a.ok).length), te = N(() => rt.value.filter((a) => !a.ok)), Ie = N(() => rt.value.filter((a) => a.ok).length), Ne = N(() => v.value.filter((a) => a.enabled === !1).length), Nt = N(() => (Z.value?.results ?? []).filter((a) => (a.verifyNotes ?? []).length > 0)), Mt = N(() => Nt.value.reduce((a, t) => a + (t.verifyNotes ?? []).length, 0)), ut = N(() => (Z.value?.results ?? []).filter((a) => a.probeRan !== !0).map((a) => a.name || a.id));
     function Ws() {
       const a = /* @__PURE__ */ new Set(), t = [];
       for (const o of qe()) {
@@ -2440,7 +2440,7 @@ ${t.text}`).join(`
       }
     }, j), Bn = (a) => ot(async () => {
       const t = await tn();
-      a === "export" ? (A.value = t, $.value || ($.value = t)) : ($.value = t, A.value || (A.value = t)), g.value = a === "export" ? `导出目录：${t.name}${$.value === t ? "（读回目录也填成它了）" : ""}` : `读回目录：${t.name}`;
+      a === "export" ? (B.value = t, $.value || ($.value = t)) : ($.value = t, B.value || (B.value = t)), g.value = a === "export" ? `导出目录：${t.name}${$.value === t ? "（读回目录也填成它了）" : ""}` : `读回目录：${t.name}`;
     }, j);
     async function ze() {
       if (bt.value) return bt.value;
@@ -2454,8 +2454,8 @@ ${t.text}`).join(`
         throw new Error("还没挑块：上面选「仅这一个块」时要先在下拉里挑一个块（或者把范围改成「全部块」/「只铺框架文件」）");
       ft.value = !0, g.value = "", nt.value = "", Ue(), Le(), He.length = 0, he = performance.now(), Xt = null, Jt = null, G.value = { active: !0, percent: 0, stage: "准备…", failed: !1 };
       try {
-        const t = A.value ?? await tn();
-        A.value = t, $.value || ($.value = t);
+        const t = B.value ?? await tn();
+        B.value = t, $.value || ($.value = t);
         const o = Ft("/magic-blocks/export", Wt()), f = Ve(), C = bt.value ? en(t, bt.value) : null, I = await zt("取包", o);
         bt.value = I.rules, bi(t, I.rules);
         const Q = C ? await zt("数目录", C) : await zt("数目录", en(t, I.rules));
@@ -2639,7 +2639,7 @@ ${t.text}`).join(`
     }
     const An = () => ot(async () => {
       const a = $.value ?? await tn();
-      $.value = a, A.value || (A.value = a), Et.value = !0, g.value = "", at.value = [], rt.value = [], Le(), G.value = { active: !0, percent: 0, stage: "扫描本地目录…", failed: !1 };
+      $.value = a, B.value || (B.value = a), Et.value = !0, g.value = "", at.value = [], rt.value = [], Le(), G.value = { active: !0, percent: 0, stage: "扫描本地目录…", failed: !1 };
       const t = performance.now();
       let o = 0, f = 0;
       try {
@@ -3096,7 +3096,7 @@ ${t.text}`).join(`
                     t[105] || (t[105] = l("dt", null, "版本", -1)),
                     l("dd", null, [
                       y("v" + b(o.version || 1), 1),
-                      l("span", La, "（一共留着 " + b(o.versionCount ?? B.value[o.id]?.length ?? 1) + " 版）", 1)
+                      l("span", La, "（一共留着 " + b(o.versionCount ?? T.value[o.id]?.length ?? 1) + " 版）", 1)
                     ]),
                     t[106] || (t[106] = l("dt", null, "标签", -1)),
                     l("dd", null, [
@@ -3180,8 +3180,8 @@ ${t.text}`).join(`
                         onClick: (f) => st(o.id)
                       }, b(O.value === o.id ? "读版本中…" : "刷新版本"), 9, Ya)
                     ]),
-                    B.value[o.id] ? B.value[o.id].length > 0 ? (c(), d("ul", Za, [
-                      (c(!0), d(S, null, q(B.value[o.id], (f) => (c(), d("li", {
+                    T.value[o.id] ? T.value[o.id].length > 0 ? (c(), d("ul", Za, [
+                      (c(!0), d(S, null, q(T.value[o.id], (f) => (c(), d("li", {
                         key: f.number,
                         class: J({ "is-current": f.current })
                       }, [
@@ -3356,7 +3356,7 @@ ${t.text}`).join(`
                 class: "p-inputtext p-component mbc__grow mbc__mono",
                 type: "text",
                 readonly: "",
-                value: A.value ? A.value.name : "（还没选：点右边那个按钮选一个文件夹）"
+                value: B.value ? B.value.name : "（还没选：点右边那个按钮选一个文件夹）"
               }, null, 8, Or),
               l("button", {
                 class: "p-button p-button-sm p-button-outlined",
@@ -3409,7 +3409,7 @@ ${t.text}`).join(`
                 onClick: t[28] || (t[28] = (o) => An())
               }, b(Et.value ? "读回中…" : "读回改动"), 9, Hr)
             ]),
-            $.value && A.value && $.value.name !== A.value.name ? (c(), d("p", Kr, " 读回的是「" + b($.value.name) + "」（与导出目录「" + b(A.value.name) + "」不是同一个 —— 想同步就再选一次）。 ", 1)) : (c(), d("p", Vr, "读回目录默认跟着导出目录；要读别的文件夹就点「选择文件夹」单独选一个。")),
+            $.value && B.value && $.value.name !== B.value.name ? (c(), d("p", Kr, " 读回的是「" + b($.value.name) + "」（与导出目录「" + b(B.value.name) + "」不是同一个 —— 想同步就再选一次）。 ", 1)) : (c(), d("p", Vr, "读回目录默认跟着导出目录；要读别的文件夹就点「选择文件夹」单独选一个。")),
             l("div", Wr, [
               l("button", {
                 class: "p-button p-button-sm mbc__act-import",
@@ -3757,18 +3757,18 @@ ${t.text}`).join(`
 }, Kc = { class: "mbd__foot" }, Vc = ["onClick"], Wc = /* @__PURE__ */ xe({
   __name: "MagicBlockDialogs",
   setup(n) {
-    const { current: e } = qo(), s = T(null), i = T(null), r = T(null), p = T({}), u = T({}), m = T([]), h = /* @__PURE__ */ new Map(), v = T(0);
+    const { current: e } = qo(), s = A(null), i = A(null), r = A(null), p = A({}), u = A({}), m = A([]), h = /* @__PURE__ */ new Map(), v = A(0);
     let _ = null, k = null;
     const g = N(() => e.value?.options.mode === "html"), x = N(() => e.value?.options.fields ?? []), R = N(() => e.value?.options.buttons ?? []), D = N(() => {
-      const E = e.value?.options.size, A = {};
-      return E?.width && (A.width = E.width), E?.height ? A.height = E.height : g.value && v.value > 0 && (A.height = `min(${v.value}px, 90vh)`), A;
+      const E = {}, B = e.value?.options.size;
+      return !g.value || !B || (B.width && (E.width = B.width), B.height ? E.height = B.height : v.value > 0 && (E.height = `${v.value}px`)), E;
     }), L = N(() => e.value?.options.title || "弹窗");
-    jt(() => e.value?.id, (E, A) => {
-      A !== void 0 && h.set(A, { text: { ...p.value }, checked: { ...u.value } });
+    jt(() => e.value?.id, (E, B) => {
+      B !== void 0 && h.set(B, { text: { ...p.value }, checked: { ...u.value } });
       for (const M of [...h.keys()]) Fo(M) || h.delete(M);
       m.value = [], v.value = 0, P();
       const $ = E === void 0 ? void 0 : h.get(E);
-      p.value = $ ? { ...$.text } : Object.fromEntries(x.value.map((M) => [M.name, typeof M.value == "string" ? M.value : ""])), u.value = $ ? { ...$.checked } : Object.fromEntries(x.value.map((M) => [M.name, M.value === !0])), A === void 0 && (_ = document.activeElement ?? null), sn().then(() => {
+      p.value = $ ? { ...$.text } : Object.fromEntries(x.value.map((M) => [M.name, typeof M.value == "string" ? M.value : ""])), u.value = $ ? { ...$.checked } : Object.fromEntries(x.value.map((M) => [M.name, M.value === !0])), B === void 0 && (_ = document.activeElement ?? null), sn().then(() => {
         e.value && (z(), lt());
       });
     });
@@ -3776,8 +3776,8 @@ ${t.text}`).join(`
       k?.(), k = null;
     }
     function z() {
-      const E = e.value, A = r.value;
-      !E || !A || !E.mountBridge || (k = E.mountBridge(A, {
+      const E = e.value, B = r.value;
+      !E || !B || !E.mountBridge || (k = E.mountBridge(B, {
         onDone: ($) => {
           zo(E, $);
         },
@@ -3794,14 +3794,14 @@ ${t.text}`).join(`
     }
     function it() {
       const E = i.value;
-      return E ? [...E.querySelectorAll('a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])')].filter((A) => A.offsetParent !== null) : [];
+      return E ? [...E.querySelectorAll('a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])')].filter((B) => B.offsetParent !== null) : [];
     }
     function gt(E) {
-      const A = e.value;
-      if (!A) return;
+      const B = e.value;
+      if (!B) return;
       if (E.key === "Escape") {
         if (g.value) return;
-        E.preventDefault(), Xe(A, "escape");
+        E.preventDefault(), Xe(B, "escape");
         return;
       }
       if (E.key !== "Tab" || g.value) return;
@@ -3811,14 +3811,14 @@ ${t.text}`).join(`
       !E.shiftKey && et === mt ? (E.preventDefault(), M.focus()) : E.shiftKey && (et === M || et === i.value) && (E.preventDefault(), mt.focus());
     }
     function xt(E) {
-      const A = e.value;
-      !A || E.target !== s.value || Xe(A, "backdrop");
+      const B = e.value;
+      !B || E.target !== s.value || Xe(B, "backdrop");
     }
     function j(E) {
       E.target === s.value && E.preventDefault();
     }
-    function Lt(E, A) {
-      if (A.primary) {
+    function Lt(E, B) {
+      if (B.primary) {
         const $ = x.value.filter((M) => M.required && ft(M));
         if ($.length > 0) {
           m.value = $.map((et) => et.name);
@@ -3827,26 +3827,26 @@ ${t.text}`).join(`
           return;
         }
       }
-      Uo(E, A.id, Et());
+      Uo(E, B.id, Et());
     }
     function ft(E) {
       return E.type === "checkbox" ? u.value[E.name] !== !0 : (p.value[E.name] ?? "").trim() === "";
     }
     function Et() {
       const E = {};
-      for (const A of x.value) {
-        const $ = p.value[A.name] ?? "";
-        A.type === "checkbox" ? E[A.name] = u.value[A.name] === !0 : A.type === "number" ? E[A.name] = $.trim() === "" ? "" : Number($) : E[A.name] = $;
+      for (const B of x.value) {
+        const $ = p.value[B.name] ?? "";
+        B.type === "checkbox" ? E[B.name] = u.value[B.name] === !0 : B.type === "number" ? E[B.name] = $.trim() === "" ? "" : Number($) : E[B.name] = $;
       }
       return E;
     }
-    return jt(e, (E, A) => {
-      E || !A || (P(), _ && _.isConnected && _.focus(), _ = null);
+    return jt(e, (E, B) => {
+      E || !B || (P(), _ && _.isConnected && _.focus(), _ = null);
     }), fn(() => {
       zn(!0), window.addEventListener("keydown", gt);
     }), mn(() => {
       window.removeEventListener("keydown", gt), P(), zn(!1);
-    }), (E, A) => V(e) ? (c(), d("div", {
+    }), (E, B) => V(e) ? (c(), d("div", {
       key: 0,
       ref_key: "mask",
       ref: s,
@@ -3859,7 +3859,6 @@ ${t.text}`).join(`
         ref_key: "box",
         ref: i,
         class: J(["mbd__box", { "mbd__box--html": g.value }]),
-        style: bn(D.value),
         role: "dialog",
         "aria-modal": "true",
         "aria-label": g.value ? "块自己的弹窗" : L.value,
@@ -3870,10 +3869,11 @@ ${t.text}`).join(`
           ref_key: "frame",
           ref: r,
           class: "mbd__frame",
+          style: bn(D.value),
           srcdoc: V(e).doc,
           sandbox: "allow-scripts allow-forms allow-modals allow-popups allow-downloads",
           title: "magic block 的弹窗"
-        }, null, 8, Bc)) : (c(), d(S, { key: 1 }, [
+        }, null, 12, Bc)) : (c(), d(S, { key: 1 }, [
           l("header", Tc, [
             l("strong", Ac, b(V(e).options.title || "请确认"), 1),
             V(e).options.dismissible ? (c(), d("button", {
@@ -3882,7 +3882,7 @@ ${t.text}`).join(`
               type: "button",
               title: "关闭（Esc）",
               "aria-label": "关闭",
-              onClick: A[0] || (A[0] = ($) => V(Xe)(V(e), "escape"))
+              onClick: B[0] || (B[0] = ($) => V(Xe)(V(e), "escape"))
             }, "×")) : w("", !0)
           ]),
           V(e).options.body ? (c(), d("p", Mc, b(V(e).options.body), 1)) : w("", !0),
@@ -3946,10 +3946,10 @@ ${t.text}`).join(`
             }, b($.label), 11, Vc))), 128))
           ])
         ], 64))
-      ], 14, Sc)
+      ], 10, Sc)
     ], 544)) : w("", !0);
   }
-}), Zc = /* @__PURE__ */ hn(Wc, [["__scopeId", "data-v-34165f22"]]);
+}), Zc = /* @__PURE__ */ hn(Wc, [["__scopeId", "data-v-ccbd4127"]]);
 Object.assign(Ts, { [Bs]: !0 });
 export {
   $e as API_BASE,