@squirrel-cloud/ui-vue 0.5.3 → 0.5.5

package/dist/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as R, computed as y, openBlock as m, createBlock as S, unref as i, normalizeClass as W, withCtx as N, resolveDynamicComponent as fe, createCommentVNode as P, createTextVNode as De, toDisplayString as Q, h as Pe, ref as T, watch as oe, onMounted as se, createElementBlock as w, normalizeStyle as G, onBeforeUnmount as ye, Transition as we, withDirectives as ue, createElementVNode as E, renderSlot as F, vShow as he, useSlots as Oe, createVNode as z, inject as me, shallowRef as le, provide as Se, toRef as re, useModel as ie, vModelCheckbox as it, mergeModels as Z, toRaw as ze, Fragment as ae, renderList as pe, useAttrs as Ze, Teleport as ut, mergeProps as ve, withModifiers as be, nextTick as ke, vModelDynamic as Tt, vModelText as zt, render as Ne, cloneVNode as Rt, Text as Lt, Comment as It, vModelRadio as ct } from "vue";
+import { defineComponent as R, computed as y, openBlock as m, createBlock as S, unref as i, normalizeClass as W, withCtx as N, resolveDynamicComponent as fe, createCommentVNode as P, createTextVNode as De, toDisplayString as Q, h as Pe, ref as T, watch as se, onMounted as oe, createElementBlock as k, normalizeStyle as G, onBeforeUnmount as ye, Transition as ke, withDirectives as ue, createElementVNode as E, renderSlot as F, vShow as he, useSlots as Oe, createVNode as z, inject as me, shallowRef as le, provide as Se, toRef as re, useModel as ie, vModelCheckbox as it, mergeModels as Z, toRaw as ze, Fragment as ae, renderList as pe, useAttrs as Ze, Teleport as ut, mergeProps as ve, withModifiers as be, nextTick as we, vModelDynamic as Tt, vModelText as zt, render as Ne, cloneVNode as Rt, Text as Lt, Comment as It, vModelRadio as ct } from "vue";
 import { WarningFilled as dt, CloseFilled as ft, InfoFilled as nt, CheckFilled as pt, JumpTo as At, CaretUp as Et, Loading as Ue, Check as vt, Close as Ge, Bold as Mt, Italic as Pt, Underline as Dt, Strikethrough as Ot, Hide as mt, ListUl as Nt, ListOl as Ut, View as ht, ArrowLeft as gt, ArrowRight as bt, ZoomIn as Vt, ZoomOut as Ft, FlipHorizontal as Ht, FlipVertical as jt, Clockwise as Wt, Couterclockwise as Xt, FitSize as Yt, Fullscreen as Kt, Ellipsis as Zt, ArrowDown as Gt } from "@squirrel-cloud/icons-vue";
 import { autoUpdate as Qt, computePosition as Jt, offset as en, flip as tn, shift as nn } from "@floating-ui/dom";
 const Qe = {
@@ -180,7 +180,7 @@ function rn() {
     const d = [], u = { children: [] };
     let l = u;
     return t.forEach((r) => {
-      var M, I, L, V, j, te, ne, k, C, b, _, g;
+      var M, I, L, V, j, te, ne, w, C, b, _, g;
       const { type: p, children: h, content: v, attrs: f, tag: x, hidden: $, info: B } = r;
       switch (p) {
         case "heading_open":
@@ -261,7 +261,7 @@ function rn() {
           break;
         }
         case "image": {
-          (k = l.children) == null || k.push({
+          (w = l.children) == null || w.push({
             tag: (a == null ? void 0 : a[x]) ?? x,
             children: [],
             attrs: f ? Object.fromEntries(f) : {}
@@ -404,16 +404,16 @@ const { md2tokensAsync: dn, tokens2vueh: fn } = rn(), pn = "sq-article", vn = R(
   setup(c) {
     const o = T(null), s = y(() => ({
       hr: Re,
-      blur: kn,
+      blur: wn,
       img: Ye,
       fence: Yn,
       "input-checkbox": _t,
       ...c.customNodeMap
     }));
-    oe(
+    se(
       () => [c.md, c.text, c.customNodeMap, c.plugins],
       e
-    ), se(e);
+    ), oe(e);
     async function e() {
       if (!c.md) {
         o.value = Pe("article", { class: "sq-article" }, [
@@ -456,7 +456,7 @@ const { md2tokensAsync: dn, tokens2vueh: fn } = rn(), pn = "sq-article", vn = R(
         "--avatar-bg-color": d()
       };
     }), t = y(() => o.alt.charAt(0).toUpperCase());
-    oe(
+    se(
       () => o.src,
       () => {
         s.value = !0;
@@ -465,16 +465,16 @@ const { md2tokensAsync: dn, tokens2vueh: fn } = rn(), pn = "sq-article", vn = R(
     function a() {
       s.value = !1;
     }
-    return (d, u) => (m(), w("div", {
+    return (d, u) => (m(), k("div", {
       class: W(["sq-avatar", e.value]),
       style: G(n.value)
     }, [
-      o.src && s.value ? (m(), w("img", {
+      o.src && s.value ? (m(), k("img", {
         key: 0,
         src: o.src,
         alt: o.alt,
         onError: a
-      }, null, 40, mn)) : (m(), w("span", {
+      }, null, 40, mn)) : (m(), k("span", {
         key: 1,
         textContent: Q(t.value)
       }, null, 8, hn))
@@ -493,7 +493,7 @@ const { md2tokensAsync: dn, tokens2vueh: fn } = rn(), pn = "sq-article", vn = R(
   },
   setup(c) {
     const { throttle: o } = un(), s = o(u), e = new ResizeObserver(l), n = c, t = T(100), a = T(0), d = y(() => a.value > n.visibilityHeight);
-    se(() => {
+    oe(() => {
       var h;
       l(), s(), window.addEventListener("scroll", s);
       const p = document.querySelector(n.target) ?? document.body;
@@ -512,7 +512,7 @@ const { md2tokensAsync: dn, tokens2vueh: fn } = rn(), pn = "sq-article", vn = R(
     function r() {
       window.scrollTo({ top: 0, behavior: "smooth" });
     }
-    return (p, h) => (m(), S(we, {
+    return (p, h) => (m(), S(ke, {
       name: n.transition
     }, {
       default: N(() => {
@@ -523,7 +523,7 @@ const { md2tokensAsync: dn, tokens2vueh: fn } = rn(), pn = "sq-article", vn = R(
               class: "sq-backtop-wrap",
               onClick: r
             }, [
-              n.progress ? (m(), S(i(wo), {
+              n.progress ? (m(), S(i(ko), {
                 key: 0,
                 variant: "circle",
                 label: !1,
@@ -562,9 +562,9 @@ const { md2tokensAsync: dn, tokens2vueh: fn } = rn(), pn = "sq-article", vn = R(
       const d = [`is-${s.type}`];
       return s.dot && d.push("is-dot"), d;
     }), n = y(() => o.default ? "sup" : "div"), t = y(() => !s.dot && s.text || s.showZero ? !0 : s.count > 0), a = y(() => s.dot ? "" : s.text ? s.text : s.max && s.count > s.max ? `${s.max}+` : `${s.count}`);
-    return (d, u) => (m(), S(we, { name: "sq-zoom" }, {
+    return (d, u) => (m(), S(ke, { name: "sq-zoom" }, {
       default: N(() => [
-        i(o).default || t.value ? (m(), w("span", {
+        i(o).default || t.value ? (m(), k("span", {
           key: 0,
           class: W(["sq-badge", e.value]),
           style: G({ "--badge-color": s.color })
@@ -572,11 +572,11 @@ const { md2tokensAsync: dn, tokens2vueh: fn } = rn(), pn = "sq-article", vn = R(
           F(d.$slots, "default"),
           (m(), S(fe(n.value), { class: "sq-badge-label" }, {
             default: N(() => [
-              z(we, {
+              z(ke, {
                 name: i(o).default ? "sq-zoom" : ""
               }, {
                 default: N(() => [
-                  t.value ? (m(), w("span", {
+                  t.value ? (m(), k("span", {
                     key: 0,
                     class: "sq-badge-label-inner",
                     textContent: Q(a.value)
@@ -592,7 +592,7 @@ const { md2tokensAsync: dn, tokens2vueh: fn } = rn(), pn = "sq-article", vn = R(
       _: 3
     }));
   }
-}), $n = "sq-blur", kn = /* @__PURE__ */ R({
+}), $n = "sq-blur", wn = /* @__PURE__ */ R({
   name: $n,
   __name: "blur",
   setup(c) {
@@ -604,7 +604,7 @@ const { md2tokensAsync: dn, tokens2vueh: fn } = rn(), pn = "sq-article", vn = R(
     }));
   }
 });
-function wn(c) {
+function kn(c) {
   const { getOption: o } = Le(), s = me(Ae, void 0), e = me(xt, void 0), n = y(
     () => i(e) ? void 0 : c.text
   ), t = y(
@@ -878,11 +878,11 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
   },
   emits: ["click"],
   setup(c, { emit: o }) {
-    const s = o, e = c, { btnTextType: n, btnSize: t, btnType: a, btnRound: d, btnDisabled: u } = wn(e), l = y(() => {
+    const s = o, e = c, { btnTextType: n, btnSize: t, btnType: a, btnRound: d, btnDisabled: u } = kn(e), l = y(() => {
       const h = [], v = i(t), f = i(a), x = i(d), $ = i(n);
       return v !== "md" && h.push(`sq-button--${v}`), f && h.push(`is-${f}`), x && h.push("is-round"), $ && h.push("is-text"), $ && e.bg && h.push("has-bg"), h;
     }), r = y(() => e.loading ? Ue : e.icon), p = y(() => e.loading || i(u));
-    return (h, v) => (m(), w("button", {
+    return (h, v) => (m(), k("button", {
       class: W(["sq-button", l.value]),
       disabled: p.value,
       form: e.form,
@@ -900,7 +900,7 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
       }, 8, ["size"])
     ], 10, Rn));
   }
-}), In = { class: "sq-button-group" }, An = "sq-button-group", ka = /* @__PURE__ */ R({
+}), In = { class: "sq-button-group" }, An = "sq-button-group", wa = /* @__PURE__ */ R({
   name: An,
   __name: "button-group",
   props: {
@@ -919,7 +919,7 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
         round: re(o, "round"),
         disabled: re(o, "disabled")
       })
-    ), (s, e) => (m(), w("div", In, [
+    ), (s, e) => (m(), k("div", In, [
       F(s.$slots, "default")
     ]));
   }
@@ -929,7 +929,7 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
 }, Pn = ["textContent"], Dn = {
   key: 1,
   class: "sq-card-footer"
-}, On = "sq-card", wa = /* @__PURE__ */ R({
+}, On = "sq-card", ka = /* @__PURE__ */ R({
   name: On,
   __name: "card",
   props: {
@@ -938,8 +938,8 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
   },
   setup(c) {
     const o = Oe(), s = c;
-    return (e, n) => (m(), w("section", En, [
-      s.title || i(o).title ? (m(), w("div", Mn, [
+    return (e, n) => (m(), k("section", En, [
+      s.title || i(o).title ? (m(), k("div", Mn, [
         E("h2", {
           class: W({ "has-decorative": s.decorative }),
           textContent: Q(s.title)
@@ -947,7 +947,7 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
         F(e.$slots, "title")
       ])) : P("", !0),
       F(e.$slots, "default"),
-      i(o).footer ? (m(), w("div", Dn, [
+      i(o).footer ? (m(), k("div", Dn, [
         F(e.$slots, "footer")
       ])) : P("", !0)
     ]));
@@ -982,16 +982,16 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
       const v = [], f = i(n), x = i(t), $ = i(u);
       return f !== "md" && v.push(`sq-selection--${f}`), h.value && v.push("is-checked"), x && v.push("is-disabled"), $ && v.push(`is-${$}`), v;
     }), h = y(() => l ? i(l).list.includes(e.value) : r.value);
-    return oe(h, (v) => {
+    return se(h, (v) => {
       if (r.value !== v) {
         r.value = v;
         return;
       }
-    }), oe(r, (v) => {
+    }), se(r, (v) => {
       h.value !== v && l && l.value.toggleItem(e.value);
-    }), se(() => {
+    }), oe(() => {
       r.value = h.value;
-    }), (v, f) => (m(), w("label", {
+    }), (v, f) => (m(), k("label", {
       class: W(["sq-selection sq-checkbox", p.value])
     }, [
       ue(E("input", {
@@ -1006,7 +1006,7 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
       }, null, 40, Nn), [
         [it, r.value]
       ]),
-      i(u) !== "solid" ? (m(), w("span", {
+      i(u) !== "solid" ? (m(), k("span", {
         key: 0,
         class: W(["sq-checkbox-box", { "is-indeterminate": e.indeterminate && !h.value }])
       }, [
@@ -1015,7 +1015,7 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
           class: "sq-checkbox-inner"
         })) : P("", !0)
       ], 2)) : P("", !0),
-      e.label ? (m(), w("span", {
+      e.label ? (m(), k("span", {
         key: 1,
         class: "sq-selection-label",
         textContent: Q(e.label)
@@ -1054,7 +1054,7 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
         list: a,
         toggleItem: l
       })
-    ), oe(
+    ), se(
       () => t.value,
       (r) => {
         const p = r || [], h = [.../* @__PURE__ */ new Set([...p, a.value])];
@@ -1064,9 +1064,9 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
     function l(r) {
       a.value.includes(r) ? a.value = a.value.filter((p) => p !== r) : a.value.push(r), n("change", ze(a.value)), n("update:value", ze(a.value));
     }
-    return (r, p) => (m(), w("div", Fn, [
+    return (r, p) => (m(), k("div", Fn, [
       F(r.$slots, "default", {}, () => [
-        (m(!0), w(ae, null, pe(u.value, (h, v) => (m(), S(i(_t), {
+        (m(!0), k(ae, null, pe(u.value, (h, v) => (m(), S(i(_t), {
           key: v,
           disabled: h.disabled === !0,
           label: i(e)(h),
@@ -1088,19 +1088,19 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
       theme: e.theme,
       lang: e.lang
     }) : `<pre>${e.code}</pre>`);
-    return se(async () => {
+    return oe(async () => {
       if (n.value = await o(), !n.value) {
         console.warn("[squirrel-cloud/ui-vue] SqCode 组件代码高亮依赖 shiki");
         return;
       }
     }), ye(() => {
       s();
-    }), (a, d) => (m(), w("div", {
+    }), (a, d) => (m(), k("div", {
       class: "sq-code",
       innerHTML: t.value
     }, null, 8, Wn));
   }
-}), Kn = "sq-mask", kt = /* @__PURE__ */ R({
+}), Kn = "sq-mask", wt = /* @__PURE__ */ R({
   name: Kn,
   inheritAttrs: !1,
   __name: "mask",
@@ -1117,7 +1117,7 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
     const { nextZIndex: s } = Je(), e = Ze();
     let n;
     const t = o, a = c, d = T(0), u = T(!1), l = ie(c, "visible");
-    u.value = l.value, oe(l, (v) => {
+    u.value = l.value, se(l, (v) => {
       const f = document.scrollingElement;
       v ? (n = f.style.overflow, f.style.overflow = "hidden", d.value = s(), u.value = !0, document.addEventListener("keydown", r)) : (f.style.overflow = n, document.removeEventListener("keydown", r));
     }), ye(() => {
@@ -1141,7 +1141,7 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
       }) : v && (l.value = !1);
     }
     return (v, f) => (m(), S(ut, { to: "body" }, [
-      z(we, {
+      z(ke, {
         name: "sq-fade",
         onBeforeEnter: f[0] || (f[0] = (x) => t("open")),
         onAfterEnter: f[1] || (f[1] = (x) => t("opened")),
@@ -1149,7 +1149,7 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
         onAfterLeave: f[3] || (f[3] = (x) => t("closed"))
       }, {
         default: N(() => [
-          u.value ? ue((m(), w("div", ve({
+          u.value ? ue((m(), k("div", ve({
             key: 0,
             class: "sq-mask",
             style: { zIndex: d.value }
@@ -1224,7 +1224,7 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
     async function B() {
       d.value = !0, await x(t.onOk) && (u.value = !1);
     }
-    return (M, I) => (m(), S(i(kt), {
+    return (M, I) => (m(), S(i(wt), {
       visible: u.value,
       "onUpdate:visible": I[0] || (I[0] = (L) => u.value = L),
       "mask-closeable": t.maskCloseable,
@@ -1240,7 +1240,7 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
           class: W(["sq-dialog", [r.value, i(e).class]]),
           style: G(i(e).style)
         }, [
-          l.value ? (m(), w("div", Zn, [
+          l.value ? (m(), k("div", Zn, [
             p.value ? (m(), S(fe(p.value), {
               key: 0,
               class: "sq-dialog-header-icon"
@@ -1259,7 +1259,7 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
           E("div", Qn, [
             F(M.$slots, "default")
           ]),
-          t.footer ? (m(), w("div", Jn, [
+          t.footer ? (m(), k("div", Jn, [
             F(M.$slots, "footer", {}, () => [
               z(i(ee), ve(v.value, { onClick: $ }), {
                 default: N(() => [
@@ -1295,7 +1295,7 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
       const n = [`sq-divider--${s.direction}`];
       return ["none", "solid", "dotted", "dashed"].includes(s.variant) && n.push("is-thin"), o.default && s.direction !== "vertical" && n.push(`text-${s.orientation}`), n;
     });
-    return (n, t) => (m(), w("div", {
+    return (n, t) => (m(), k("div", {
       class: W(["sq-divider", e.value]),
       style: G({ "--divider-line-type": s.variant })
     }, [
@@ -1672,13 +1672,13 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
     ), M = y(
       () => typeof e.beforePreview == "function" ? e.beforePreview(f.value) : f.value
     );
-    se(() => {
+    oe(() => {
       document.addEventListener("selectionchange", V), document.addEventListener("click", j);
     }), ye(() => {
       document.removeEventListener("selectionchange", V), document.removeEventListener("click", j);
     });
     function I(_) {
-      _ === "edit" && ke(() => {
+      _ === "edit" && we(() => {
         var g;
         (g = r.value) == null || g.focus();
       });
@@ -1705,7 +1705,7 @@ const Rn = ["disabled", "form", "type"], Ln = "sq-button", ee = /* @__PURE__ */
             return;
         }
       if (_.key === "Enter") {
-        if (k(g)) {
+        if (w(g)) {
           _.preventDefault();
           const A = g.substring(0, g.indexOf("- "));
           if (q !== "- ") {
@@ -1760,7 +1760,7 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
       l.value.startOfRow = l.value.start - q, l.value.endOfRow = l.value.startOfRow + d.value.length, t.value = f.value.split(`
 `);
     }
-    function k(_) {
+    function w(_) {
       return _.replace("	", "").startsWith("- ");
     }
     function C(_) {
@@ -1768,19 +1768,19 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
     }
     function b(_, g = 0, q = 0) {
       a.value || (t.value = [..._], f.value = t.value.join(`
-`), l.value.start += g, l.value.end += q, l.value.startOfRow += g, l.value.endOfRow += q, s == null || s.focus(), a.value = !0, ke(() => {
+`), l.value.start += g, l.value.end += q, l.value.startOfRow += g, l.value.endOfRow += q, s == null || s.focus(), a.value = !0, we(() => {
         s == null || s.setSelectionRange(l.value.start, l.value.end), setTimeout(() => {
           a.value = !1;
         }, 100);
       }));
     }
-    return (_, g) => (m(), w("div", {
+    return (_, g) => (m(), k("div", {
       class: W(["sq-editor", x.value]),
       onClick: g[2] || (g[2] = be(() => {
       }, ["stop"]))
     }, [
       ue(E("div", gs, [
-        e.md ? (m(), w(ae, { key: 0 }, [
+        e.md ? (m(), k(ae, { key: 0 }, [
           E("div", bs, [
             z(os, {
               ref_key: "boldRef",
@@ -1886,8 +1886,8 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
       ])
     ], 2));
   }
-}), _s = ["textContent", "for"], $s = { class: "sq-form-item-content" }, ks = ["textContent"], ws = "sq-form-item", qs = /* @__PURE__ */ R({
-  name: ws,
+}), _s = ["textContent", "for"], $s = { class: "sq-form-item-content" }, ws = ["textContent"], ks = "sq-form-item", qs = /* @__PURE__ */ R({
+  name: ks,
   __name: "form-item",
   props: {
     label: {},
@@ -1904,22 +1904,22 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
       const u = [];
       return s.isRequired && u.push("is-required"), u;
     }), a = y(() => ["input", "switch", "select"].includes(s.type));
-    oe(
+    se(
       () => s.errorMsg,
       (u) => {
         u && (n.value = u);
       }
-    ), se(() => {
+    ), oe(() => {
       a.value && (e.value = `sq-form-item-${o()}`);
     });
     function d() {
       n.value = "";
     }
-    return (u, l) => (m(), w("div", {
+    return (u, l) => (m(), k("div", {
       class: "sq-form-item",
       style: G({ "--form-label-width": s.labelWidth })
     }, [
-      s.label || s.showLabel ? (m(), w("label", {
+      s.label || s.showLabel ? (m(), k("label", {
         key: 0,
         class: W(["sq-form-item-label", t.value]),
         textContent: Q(s.label),
@@ -1927,7 +1927,7 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
       }, null, 10, _s)) : P("", !0),
       E("div", $s, [
         F(u.$slots, "default"),
-        z(we, {
+        z(ke, {
           appear: "",
           name: "sq-zoom-top",
           onAfterLeave: d
@@ -1936,7 +1936,7 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
             ue(E("span", {
               class: "sq-form-item-check",
               textContent: Q(n.value)
-            }, null, 8, ks), [
+            }, null, 8, ws), [
               [he, s.errorMsg]
             ])
           ]),
@@ -1977,75 +1977,75 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
       })
     );
     const a = T({}), d = T([]), u = T({}), l = y(() => {
-      const k = [`is-${t.layout}`];
-      return t.size !== "md" && k.push(`sq-form--${t.size}`), t.requiredMark !== "hidden" && k.push(`required-${t.requiredMark}`), k;
+      const w = [`is-${t.layout}`];
+      return t.size !== "md" && w.push(`sq-form--${t.size}`), t.requiredMark !== "hidden" && w.push(`required-${t.requiredMark}`), w;
     }), r = y(() => ({
       "--form-label-width": t.labelWidth
     })), p = y(() => {
-      const k = t.step;
-      return k === void 0 ? t.items : t.items.filter((C) => C.step === void 0 ? C : Array.isArray(C.step) ? C.step.includes(k) : C.step === k);
+      const w = t.step;
+      return w === void 0 ? t.items : t.items.filter((C) => C.step === void 0 ? C : Array.isArray(C.step) ? C.step.includes(w) : C.step === w);
     });
-    se(() => {
+    oe(() => {
       e = structuredClone(ze(t.formData));
     });
-    function h(k) {
+    function h(w) {
       var C;
-      return (C = k.rule) == null ? void 0 : C.required;
+      return (C = w.rule) == null ? void 0 : C.required;
     }
-    function v(k) {
-      if (u.value[k]) return Ue;
-      if (d.value.includes(k)) return pt;
-      if (a.value[k])
+    function v(w) {
+      if (u.value[w]) return Ue;
+      if (d.value.includes(w)) return pt;
+      if (a.value[w])
         return t.invalidStatus === "error" ? ft : dt;
     }
-    async function f(k, C, b, _ = !0) {
+    async function f(w, C, b, _ = !0) {
       if (!b) return;
       const g = b.trigger ?? "change", q = Array.isArray(g) ? "array" : "string";
       if (C) {
         if (q === "array" && !g.includes(C)) return;
         if (q === "string" && g !== C) return;
       }
-      d.value = d.value.filter((A) => A !== k), j(k), u.value[k] = new AbortController(), await ke();
-      const O = t.formData[k];
+      d.value = d.value.filter((A) => A !== w), j(w), u.value[w] = new AbortController(), await we();
+      const O = t.formData[w];
       let H = !1;
       const X = b.validateType ?? "string";
-      return b.validateFunc ? H = await $(k, O, b, C) : X === "string" ? H = B(k, O, b) : X === "boolean" ? H = M(k, O, b) : X === "list" && (H = I(k, O, b)), _ && n("validate", k, H, ze(d.value)), u.value[k].signal.aborted || j(k), H;
+      return b.validateFunc ? H = await $(w, O, b, C) : X === "string" ? H = B(w, O, b) : X === "boolean" ? H = M(w, O, b) : X === "list" && (H = I(w, O, b)), _ && n("validate", w, H, ze(d.value)), u.value[w].signal.aborted || j(w), H;
     }
-    function x(k) {
-      if (a.value[k]) return t.invalidStatus;
+    function x(w) {
+      if (a.value[w]) return t.invalidStatus;
     }
-    async function $(k, C, b, _) {
-      const g = u.value[k].signal, q = await b.validateFunc(C, g, _);
+    async function $(w, C, b, _) {
+      const g = u.value[w].signal, q = await b.validateFunc(C, g, _);
       if (q === void 0) {
-        d.value = d.value.filter((O) => O !== k), delete a.value[k];
+        d.value = d.value.filter((O) => O !== w), delete a.value[w];
         return;
       }
-      return q === !0 ? V(k) : q === !1 ? L(k, "字段验证失败") : q ? L(k, q) : V(k), q === !0 || typeof q == "string" && !q;
+      return q === !0 ? V(w) : q === !1 ? L(w, "字段验证失败") : q ? L(w, q) : V(w), q === !0 || typeof q == "string" && !q;
     }
-    function B(k, C, b) {
-      return b.required && !C ? (L(k, b.requiredText ?? "字段必填"), !1) : b.pattern && C && !b.pattern.test(C) ? (L(k, b.patternText ?? "字段验证失败"), !1) : (V(k), !0);
+    function B(w, C, b) {
+      return b.required && !C ? (L(w, b.requiredText ?? "字段必填"), !1) : b.pattern && C && !b.pattern.test(C) ? (L(w, b.patternText ?? "字段验证失败"), !1) : (V(w), !0);
     }
-    function M(k, C, b) {
-      return b.required && C === void 0 ? (L(k, b.requiredText ?? "字段必填"), !1) : (V(k), !0);
+    function M(w, C, b) {
+      return b.required && C === void 0 ? (L(w, b.requiredText ?? "字段必填"), !1) : (V(w), !0);
     }
-    function I(k, C, b) {
-      return b.required && (!C || !C.length) ? (L(k, b.requiredText ?? "字段必填"), !1) : b.pattern && C && C.map((q) => q.toString()).map((q) => b.pattern.test(q)).includes(!1) ? (L(k, b.patternText ?? "字段验证失败"), !1) : (V(k), !0);
+    function I(w, C, b) {
+      return b.required && (!C || !C.length) ? (L(w, b.requiredText ?? "字段必填"), !1) : b.pattern && C && C.map((q) => q.toString()).map((q) => b.pattern.test(q)).includes(!1) ? (L(w, b.patternText ?? "字段验证失败"), !1) : (V(w), !0);
     }
-    function L(k, C) {
-      d.value = d.value.filter((b) => b !== k), a.value[k] = C;
+    function L(w, C) {
+      d.value = d.value.filter((b) => b !== w), a.value[w] = C;
     }
-    function V(k) {
-      d.value.push(k), delete a.value[k];
+    function V(w) {
+      d.value.push(w), delete a.value[w];
     }
-    function j(k) {
+    function j(w) {
       var C;
-      (C = u.value[k]) == null || C.abort(), delete u.value[k];
+      (C = u.value[w]) == null || C.abort(), delete u.value[w];
     }
     function te() {
       n("update:formData", structuredClone(e)), a.value = {}, d.value = [], n("validate", "SQFORM", !1, ze(d.value));
     }
-    function ne(k = !0) {
-      const b = (k ? t.items : p.value).filter(
+    function ne(w = !0) {
+      const b = (w ? t.items : p.value).filter(
         (_) => _.type !== "custom" && _.rule && !d.value.includes(_.binding)
       ).map((_) => {
         const g = _;
@@ -2053,13 +2053,13 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
       });
       return Promise.all(b).then((_) => (n("validate", "SQFORM", !_.includes(!1), ze(d.value)), _));
     }
-    return o({ resetFields: te, validate: ne }), (k, C) => (m(), w("form", {
+    return o({ resetFields: te, validate: ne }), (w, C) => (m(), k("form", {
       class: W(["sq-form", l.value]),
       style: G(r.value),
       onSubmit: C[0] || (C[0] = be(() => {
       }, ["prevent"]))
     }, [
-      (m(!0), w(ae, null, pe(p.value, (b, _) => (m(), S(qs, {
+      (m(!0), k(ae, null, pe(p.value, (b, _) => (m(), S(qs, {
         class: W(b.itemClass),
         type: b.type,
         key: _,
@@ -2115,7 +2115,7 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
             value: t.formData[b.binding],
             "onUpdate:value": (g) => t.formData[b.binding] = g,
             onChange: (g) => f(b.binding, "change", b.rule)
-          }), null, 16, ["name", "value", "onUpdate:value", "onChange"])) : F(k.$slots, b.slot, { key: 5 })
+          }), null, 16, ["name", "value", "onUpdate:value", "onChange"])) : F(w.$slots, b.slot, { key: 5 })
         ]),
         _: 2
       }, 1032, ["class", "type", "label-width", "label", "show-label", "is-required", "error-msg"]))), 128))
@@ -2150,12 +2150,12 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
       height: p.value ? void 0 : "var(--image-placeholder-height)",
       aspectRatio: p.value ? void 0 : n.aspectRatio
     }));
-    oe(
+    se(
       () => n.src,
       () => {
         d.value = !1, t.value = !1, a.value = n.src;
       }
-    ), se(() => {
+    ), oe(() => {
       s.observe(r.value);
     }), ye(() => {
       s.disconnect();
@@ -2176,20 +2176,20 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
     function $() {
       l.value = !0;
     }
-    return (B, M) => (m(), w("div", {
+    return (B, M) => (m(), k("div", {
       class: "sq-image",
       style: G(h.value),
       ref_key: "imgRef",
       ref: r
     }, [
-      z(we, { name: "sq-fade" }, {
+      z(ke, { name: "sq-fade" }, {
         default: N(() => [
-          t.value ? P("", !0) : (m(), w("div", Ss))
+          t.value ? P("", !0) : (m(), k("div", Ss))
         ]),
         _: 1
       }),
-      !d.value && u.value ? (m(), w("picture", Bs, [
-        (m(!0), w(ae, null, pe(n.source, (I, L) => (m(), w("source", {
+      !d.value && u.value ? (m(), k("picture", Bs, [
+        (m(!0), k(ae, null, pe(n.source, (I, L) => (m(), k("source", {
           key: L,
           srcset: I.src,
           media: I.media,
@@ -2204,14 +2204,14 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
           onError: f
         }, null, 44, zs)
       ])) : P("", !0),
-      !d.value && u.value && n.preview ? (m(), w("div", {
+      !d.value && u.value && n.preview ? (m(), k("div", {
         key: 1,
         class: "sq-image-control",
         onClick: $
       }, [
         z(i(ht))
       ])) : P("", !0),
-      d.value ? (m(), w("div", Rs, [
+      d.value ? (m(), k("div", Rs, [
         F(B.$slots, "error", {}, () => [
           M[1] || (M[1] = E("span", null, "图片加载失败", -1))
         ])
@@ -2271,7 +2271,7 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
         transition: V.value ? void 0 : "none"
       };
     });
-    function k() {
+    function w() {
       V.value = !0;
     }
     function C(Y) {
@@ -2323,7 +2323,7 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
       }
       V.value = !1;
       const _e = e.value, [Ee, Ce] = v(U, J);
-      e.value = Y, ke(() => {
+      e.value = Y, we(() => {
         const [je, We] = r(Ee, Ce, U, J, _e);
         n.value.x += je * 2, n.value.y += We * 2, V.value = !0;
       });
@@ -2346,7 +2346,7 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
     function He() {
       j.value = !1;
     }
-    return (Y, U) => (m(), S(i(kt), {
+    return (Y, U) => (m(), S(i(wt), {
       class: "sq-image-viewer-mask",
       visible: j.value,
       "onUpdate:visible": U[10] || (U[10] = (J) => j.value = J),
@@ -2356,7 +2356,7 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
       onPointermove: b,
       onPointerup: i(d),
       onTouchmovePassive: _,
-      onTouchend: U[11] || (U[11] = () => i(l)(k)),
+      onTouchend: U[11] || (U[11] = () => i(l)(w)),
       onClosed: q
     }, {
       default: N(() => [
@@ -2382,7 +2382,7 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
           icon: i(Ge),
           onClick: be(He, ["stop"])
         }, null, 8, ["icon"]),
-        $.srcList.length > 1 ? (m(), w(ae, { key: 0 }, [
+        $.srcList.length > 1 ? (m(), k(ae, { key: 0 }, [
           z(i(ee), {
             class: "sq-image-viewer-prev",
             round: "",
@@ -2398,7 +2398,7 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
             onClick: U[4] || (U[4] = (J) => O(1))
           }, null, 8, ["icon", "disabled"])
         ], 64)) : P("", !0),
-        $.toolbar ? (m(), w("div", {
+        $.toolbar ? (m(), k("div", {
           key: 1,
           class: "sq-image-viewer-toolbar",
           onClick: U[9] || (U[9] = be(() => {
@@ -2548,12 +2548,12 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
       marginInlineStart: `${t.value.x}px`,
       marginBlockStart: `${t.value.y}px`
     }));
-    oe(
+    se(
       () => $.aspectRatio,
       () => {
-        ke(I);
+        we(I);
       }
-    ), se(() => {
+    ), oe(() => {
       document.addEventListener("pointermove", V), document.addEventListener("pointerup", u);
     }), ye(() => {
       document.removeEventListener("pointermove", V), document.removeEventListener("pointerup", u);
@@ -2583,28 +2583,28 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
         let X = n.value * H;
         X = Math.min($.maxScale, X), X = Math.max(x, X);
         const A = (g.clientX + q.clientX) / 2, D = (g.clientY + q.clientY) / 2;
-        k(A, D, X), e.value = O;
+        w(A, D, X), e.value = O;
       }
     }
     function te(_, g) {
       if (n.value >= $.maxScale) return;
       const q = Math.min($.maxScale, n.value * (1 + 0.1));
-      k(_, g, q);
+      w(_, g, q);
     }
     function ne(_, g) {
       if (n.value <= x) return;
       const q = Math.max(x, n.value / (1 + 0.1));
-      k(_, g, q);
+      w(_, g, q);
     }
-    function k(_, g, q) {
+    function w(_, g, q) {
       const O = n.value, [H, X] = f(_, g);
-      n.value = q, ke(() => {
+      n.value = q, we(() => {
         const [A, D] = p(H, X, _, g, O);
         t.value.x += A * 2, t.value.y += D * 2, C();
       });
     }
     function C() {
-      ke(() => {
+      we(() => {
         const _ = a.value.getBoundingClientRect(), g = B.value.getBoundingClientRect(), q = _.left >= g.left, O = _.right <= g.right;
         q ? t.value.x -= (_.left - g.left) * 2 : O && (t.value.x += (g.right - _.right) * 2);
         const H = _.top >= g.top, X = _.bottom <= g.bottom;
@@ -2632,7 +2632,7 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
         K = void 0, D = void 0;
       });
     }
-    return o({ cropImageAsync: b }), (_, g) => (m(), w("div", {
+    return o({ cropImageAsync: b }), (_, g) => (m(), k("div", {
       class: "sq-image-crop",
       style: G({ "--image-crop-ratio": $.aspectRatio }),
       onWheel: be(L, ["prevent", "stop"]),
@@ -2649,7 +2649,7 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
         ref_key: "cropperRef",
         ref: B
       }, null, 4),
-      $.src ? (m(), w("img", {
+      $.src ? (m(), k("img", {
         key: 0,
         ref_key: "imgRef",
         ref: a,
@@ -2700,7 +2700,7 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
       () => t.type === "password" && i(I)
     ), V = y(() => t.clearable && i(I)), j = y(() => t.loading ? Ue : t.suffixIcon), te = y(
       () => i(L) || i(V) || i(j) || e.suffix
-    ), ne = y(() => t.loading || i(u)), k = y(() => {
+    ), ne = y(() => t.loading || i(u)), w = y(() => {
       if (t.type === "textarea")
         return i(ne) || i(l) ? "none" : t.resize;
     });
@@ -2730,17 +2730,17 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
       var A;
       h.value = !1, (A = f.value) == null || A.blur();
     }
-    return o({ focus: H, blur: X }), (A, D) => (m(), w("div", {
+    return o({ focus: H, blur: X }), (A, D) => (m(), k("div", {
       class: W(["sq-input", x.value]),
       onClick: g,
       onPointerdown: _
     }, [
-      M.value ? (m(), w("span", Ds, [
+      M.value ? (m(), k("span", Ds, [
         F(A.$slots, "prefix", {}, () => [
           (m(), S(fe(t.prefixIcon)))
         ])
       ])) : P("", !0),
-      t.type !== "textarea" ? ue((m(), w("input", {
+      t.type !== "textarea" ? ue((m(), k("input", {
         key: 1,
         class: "sq-input-inner",
         "onUpdate:modelValue": D[0] || (D[0] = (K) => p.value = K),
@@ -2764,10 +2764,10 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
         onChange: D[2] || (D[2] = (K) => n("change", K))
       }, null, 40, Os)), [
         [Tt, p.value]
-      ]) : ue((m(), w("textarea", {
+      ]) : ue((m(), k("textarea", {
         key: 2,
         class: "sq-input-inner",
-        style: G({ resize: k.value }),
+        style: G({ resize: w.value }),
         "onUpdate:modelValue": D[3] || (D[3] = (K) => p.value = K),
         id: i(r),
         disabled: ne.value,
@@ -2825,7 +2825,7 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
   emits: /* @__PURE__ */ Z(["click", "change"], ["update:active"]),
   setup(c, { emit: o }) {
     const { getText: s } = Ie(), e = o, n = c, t = T(!1), a = le(null), d = ie(c, "active"), u = y(() => [`sq-menu--${n.direction}`]);
-    se(async () => {
+    oe(async () => {
       try {
         const { RouterLink: p } = await import("vue-router");
         a.value = p, t.value = !0;
@@ -2839,10 +2839,10 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
     function r(p, h) {
       e("click", p.value, h), !(p.disabled || p.value === d.value) && (e("change", p.value), d.value = p.value);
     }
-    return (p, h) => (m(), w("menu", {
+    return (p, h) => (m(), k("menu", {
       class: W(["sq-menu", u.value])
     }, [
-      n.router && t.value ? (m(!0), w(ae, { key: 0 }, pe(n.items, (v) => (m(), S(fe(a.value), {
+      n.router && t.value ? (m(!0), k(ae, { key: 0 }, pe(n.items, (v) => (m(), S(fe(a.value), {
         custom: "",
         to: { name: v.value },
         key: v.value
@@ -2869,7 +2869,7 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
           ], 10, Fs)
         ]),
         _: 2
-      }, 1032, ["to"]))), 128)) : (m(!0), w(ae, { key: 1 }, pe(n.items, (v) => (m(), w("li", {
+      }, 1032, ["to"]))), 128)) : (m(!0), k(ae, { key: 1 }, pe(n.items, (v) => (m(), k("li", {
         class: W(["sq-menu-item", {
           "is-active": d.value === v.value,
           "is-disabled": v.disabled
@@ -2908,13 +2908,13 @@ ${ce}${K}`, te(_.target), b(t.value, qe, qe);
   },
   setup(c, { expose: o }) {
     const s = c, e = T(!0), n = y(() => s.type ? Qe[s.type] : void 0);
-    se(() => {
+    oe(() => {
       setTimeout(t, s.closeAfter);
     });
     function t() {
       e.value = !1;
     }
-    return o({ close: t }), (a, d) => (m(), S(we, {
+    return o({ close: t }), (a, d) => (m(), S(ke, {
       appear: "",
       name: "sq-zoom-top",
       onBeforeLeave: s.onClose,
@@ -3012,7 +3012,7 @@ const Ta = Ke, no = ["textContent"], so = "sq-message-box", oo = /* @__PURE__ */
   },
   setup(c, { expose: o }) {
     const s = c, e = T(!1);
-    se(() => {
+    oe(() => {
       e.value = !0;
     });
     function n() {
@@ -3121,8 +3121,8 @@ const Ta = Ke, no = ["textContent"], so = "sq-message-box", oo = /* @__PURE__ */
     const o = c, s = ie(c, "current"), e = (n) => {
       s.value = n;
     };
-    return (n, t) => (m(), w("div", co, [
-      (m(!0), w(ae, null, pe(o.list, (a) => (m(), w(ae, { key: a }, [
+    return (n, t) => (m(), k("div", co, [
+      (m(!0), k(ae, null, pe(o.list, (a) => (m(), k(ae, { key: a }, [
         a ? (m(), S(i(ee), {
           key: 0,
           type: s.value === a ? "primary" : void 0,
@@ -3204,8 +3204,8 @@ const Ta = Ke, no = ["textContent"], so = "sq-message-box", oo = /* @__PURE__ */
         }
       return u;
     });
-    return (d, u) => (m(), w("div", ho, [
-      (m(!0), w(ae, null, pe(a.value, (l, r) => (m(), S(fe(l), {
+    return (d, u) => (m(), k("div", ho, [
+      (m(!0), k(ae, null, pe(a.value, (l, r) => (m(), S(fe(l), {
         key: r,
         size: o.size,
         disabled: o.disabled,
@@ -3227,12 +3227,12 @@ const Ta = Ke, no = ["textContent"], so = "sq-message-box", oo = /* @__PURE__ */
       var t;
       const e = (t = o.default) == null ? void 0 : t.call(o, s);
       if (!e) return null;
-      const n = wt(e);
+      const n = kt(e);
       return n ? Rt(n, s) : null;
     };
   }
 });
-function wt(c) {
+function kt(c) {
   if (!c) return null;
   for (const o of c) {
     if (o !== null && typeof o == "object")
@@ -3243,7 +3243,7 @@ function wt(c) {
         case "svg":
           return rt(o);
         case ae:
-          return wt(o.children);
+          return kt(o.children);
         default:
           return o;
       }
@@ -3280,23 +3280,23 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
       const C = [];
       return p.shadow && C.push("has-shadow"), [C];
     });
-    oe(h, (C) => {
+    se(h, (C) => {
       if (C === l) return;
-      l = C, k();
+      l = C, w();
       const b = C ? p.showAfter : p.hideAfter;
       d = setTimeout(() => {
         x.value = C;
       }, b);
-    }), oe(x, (C) => {
+    }), se(x, (C) => {
       C ? (v.value = e(), ne(), u = Qt(
         $.value.$el,
         B.value,
         ne
       )) : u == null || u(), r("openChange", C);
-    }), se(() => {
+    }), oe(() => {
       ne();
     }), ye(() => {
-      k(), document.removeEventListener("click", te);
+      w(), document.removeEventListener("click", te);
     });
     function I() {
       p.trigger !== "hover" || p.disabled || j(!1);
@@ -3330,10 +3330,10 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
         top: `${q}px`
       };
     }
-    function k() {
+    function w() {
       d && (clearTimeout(d), d = void 0);
     }
-    return (C, b) => (m(), w(ae, null, [
+    return (C, b) => (m(), k(ae, null, [
       z(i(yo), {
         class: W(["sq-popover-trigger", i(n).class]),
         style: G(i(n).style),
@@ -3352,7 +3352,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
         to: "body",
         disabled: !p.teleported
       }, [
-        z(we, {
+        z(ke, {
           name: p.transition
         }, {
           default: N(() => [
@@ -3377,8 +3377,8 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
 }), _o = {
   key: 0,
   class: "sq-progress-label"
-}, $o = ["textContent"], ko = "sq-progress", wo = /* @__PURE__ */ R({
-  name: ko,
+}, $o = ["textContent"], wo = "sq-progress", ko = /* @__PURE__ */ R({
+  name: wo,
   __name: "progress",
   props: {
     value: {},
@@ -3411,7 +3411,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
       }
       return r;
     });
-    se(() => {
+    oe(() => {
       o.observe(n.value);
     }), ye(() => {
       o.disconnect();
@@ -3419,13 +3419,13 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
     function l() {
       e.value = n.value.getBoundingClientRect().width;
     }
-    return (r, p) => (m(), w("div", {
+    return (r, p) => (m(), k("div", {
       class: W(["sq-progress", t.value]),
       ref_key: "progressRef",
       ref: n,
       style: G(u.value)
     }, [
-      s.variant === "circle" ? (m(), w(ae, { key: 0 }, [
+      s.variant === "circle" ? (m(), k(ae, { key: 0 }, [
         p[0] || (p[0] = E("svg", {
           viewBox: "0 0 100 100",
           version: "1.1",
@@ -3442,7 +3442,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
             cy: "50"
           })
         ], -1)),
-        s.label ? (m(), w("div", _o, [
+        s.label ? (m(), k("div", _o, [
           F(r.$slots, "default", { percentage: a.value }, () => [
             E("span", {
               textContent: Q(d.value)
@@ -3484,18 +3484,18 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
       const f = [], x = i(n), $ = i(t), B = i(u);
       return x !== "md" && f.push(`sq-selection--${x}`), v.value && f.push("is-checked"), $ && f.push("is-disabled"), B && f.push(`is-${B}`), f;
     }), v = y(() => l ? i(l).checked === e.value : p.value);
-    return oe(r, (f) => {
+    return se(r, (f) => {
       p.value = f === e.value;
-    }), oe(v, (f) => {
+    }), se(v, (f) => {
       if (f ? r.value = e.value ?? "on" : r.value = void 0, p.value !== f) {
         p.value = f;
         return;
       }
-    }), oe(p, (f) => {
+    }), se(p, (f) => {
       v.value !== f && l && l.value.toggleItem(e.value);
-    }), se(() => {
+    }), oe(() => {
       p.value = v.value, r.value = p.value ? e.value ?? "on" : void 0;
-    }), (f, x) => (m(), w("label", {
+    }), (f, x) => (m(), k("label", {
       class: W(["sq-selection sq-radio", h.value])
     }, [
       ue(E("input", {
@@ -3510,8 +3510,8 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
       }, null, 40, qo), [
         [ct, r.value]
       ]),
-      i(u) !== "solid" ? (m(), w("span", Co)) : P("", !0),
-      e.label ? (m(), w("span", {
+      i(u) !== "solid" ? (m(), k("span", Co)) : P("", !0),
+      e.label ? (m(), k("span", {
         key: 1,
         class: "sq-selection-label",
         textContent: Q(e.label)
@@ -3550,7 +3550,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
         checked: a,
         toggleItem: l
       })
-    ), oe(
+    ), se(
       () => t.value,
       (r) => {
         r !== a.value && (a.value = r);
@@ -3559,9 +3559,9 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
     function l(r) {
       a.value = r, n("change", a.value), n("update:value", a.value);
     }
-    return (r, p) => (m(), w("div", zo, [
+    return (r, p) => (m(), k("div", zo, [
       F(r.$slots, "default", {}, () => [
-        (m(!0), w(ae, null, pe(u.value, (h, v) => (m(), S(i(To), {
+        (m(!0), k(ae, null, pe(u.value, (h, v) => (m(), S(i(To), {
           key: v,
           disabled: h.disabled === !0,
           label: i(e)(h),
@@ -3605,7 +3605,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
         toggleItem: h,
         updateThumb: v
       })
-    ), se(() => {
+    ), oe(() => {
       var f;
       d.value || (d.value = (f = u.value[0]) == null ? void 0 : f.value);
     });
@@ -3615,7 +3615,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
     function v(f) {
       a.value = f == null ? void 0 : f.offsetLeft, t.value = f == null ? void 0 : f.clientWidth;
     }
-    return (f, x) => (m(), w("div", {
+    return (f, x) => (m(), k("div", {
       class: W(["sq-segmented", l.value])
     }, [
       E("div", {
@@ -3623,7 +3623,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
         style: G(r.value)
       }, null, 4),
       F(f.$slots, "default", {}, () => [
-        (m(!0), w(ae, null, pe(u.value, ($) => (m(), S(i(Po), ve({
+        (m(!0), k(ae, null, pe(u.value, ($) => (m(), S(i(Po), ve({
           key: $.value
         }, { ref_for: !0 }, $), null, 16))), 128))
       ])
@@ -3643,12 +3643,12 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
       const p = [], h = i(s);
       return u.value && p.push("is-active"), h && p.push("is-disabled"), p;
     }), u = y(() => i(e).active === o.value), l = y(() => i(e).size !== "sm" ? "md" : "sm");
-    oe(u, (p) => {
+    se(u, (p) => {
       if (p) {
         if (t.value = o.value ?? "on", !e) return;
         e.value.updateThumb(a.value);
       } else t.value = void 0;
-    }), se(() => {
+    }), oe(() => {
       t.value = u.value ? o.value ?? "on" : void 0, !(!u.value || !e) && e.value.updateThumb(a.value);
     });
     function r() {
@@ -3656,7 +3656,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
     }
     return (p, h) => {
       var v;
-      return m(), w("label", {
+      return m(), k("label", {
         class: W(["sq-segmented-item", d.value]),
         ref_key: "itemRef",
         ref: a
@@ -3700,7 +3700,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
     function a(d) {
       !o || d.disabled || t.value || o.value.toggleItem(s.value);
     }
-    return (d, u) => (m(), w("li", {
+    return (d, u) => (m(), k("li", {
       class: W(n.value),
       onClick: u[0] || (u[0] = (l) => a(s))
     }, [
@@ -3744,9 +3744,9 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
         active: r,
         toggleItem: v
       })
-    ), oe(a, () => {
+    ), se(a, () => {
       e = u.value;
-    }), oe(r, f), se(() => {
+    }), se(r, f), se(() => t.items, f), oe(() => {
       f();
     });
     function h(L) {
@@ -3818,15 +3818,15 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
         }, null, 8, ["value", "disabled", "placeholder", "prefix-icon", "suffix-icon", "size", "round", "status", "autofocus", "clearable", "name", "form"])
       ]),
       default: N(() => [
-        p.value.length ? (m(), w("menu", {
+        p.value.length ? (m(), k("menu", {
           key: 1,
           onMousedown: V[2] || (V[2] = be(() => {
           }, ["prevent"]))
         }, [
-          (m(!0), w(ae, null, pe(p.value, (j) => (m(), S(Oo, ve({
+          (m(!0), k(ae, null, pe(p.value, (j) => (m(), S(Oo, ve({
             key: j.value
           }, { ref_for: !0 }, j), null, 16))), 128))
-        ], 32)) : (m(), w("div", {
+        ], 32)) : (m(), k("div", {
           key: 0,
           class: "sq-select-dropdown-empty",
           textContent: Q(t.emptyText),
@@ -3861,8 +3861,8 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
     const { getCssVar: s } = Fe(), e = { x: 0, y: 0 }, n = s("--sq-component-size-md"), t = parseInt(n), a = t / 2;
     let d = !1, u = 0, l = [0, 0];
     const r = o, p = c, h = T(0), v = le(null), f = ie(c, "value"), x = y(() => [`sq-swipe-${p.direction}`]), $ = y(() => {
-      const k = {}, C = p.direction === "horizontal" ? "left" : "top";
-      return k[C] = `${h.value}px`, k;
+      const w = {}, C = p.direction === "horizontal" ? "left" : "top";
+      return w[C] = `${h.value}px`, w;
     }), B = y(
       () => p.direction === "horizontal" ? "right" : "bottom"
     ), M = y(() => p.disabled ? void 0 : `linear-gradient(${[
@@ -3874,58 +3874,59 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
       `transparent ${h.value}px`,
       `#000 ${h.value + 1}px`
     ].join(",")})`);
-    oe(f, () => {
+    se(f, () => {
       d || L();
-    }), se(() => {
+    }), oe(() => {
       L(), document.addEventListener("pointermove", te), document.addEventListener("pointerup", j);
     }), ye(() => {
       document.removeEventListener("pointermove", te), document.removeEventListener("pointerup", j);
     });
     function L() {
-      const k = v.value.getBoundingClientRect(), C = f.value >= 0 && f.value <= 1 ? f.value : 0.5;
+      const w = v.value.getBoundingClientRect(), C = f.value >= 0 && f.value <= 1 ? f.value : 0.5;
       if (p.direction === "horizontal") {
-        l = [a, k.width - a];
-        const b = (k.width - t) * C;
+        l = [a, w.width - a];
+        const b = (w.width - t) * C;
         h.value = a + b;
       } else {
-        l = [a, k.height - a];
-        const b = (k.height - t) * C;
+        l = [a, w.height - a];
+        const b = (w.height - t) * C;
         h.value = a + b;
       }
       u = h.value;
     }
-    function V(k) {
-      d = !0, e.x = k.x, e.y = k.y;
+    function V(w) {
+      d = !0, e.x = w.x, e.y = w.y;
     }
     function j() {
       d = !1;
     }
-    function te(k) {
-      d && ne(k.x, k.y);
+    function te(w) {
+      d && ne(w.x, w.y);
     }
-    function ne(k, C) {
+    function ne(w, C) {
       let b = 0;
-      p.direction === "horizontal" ? (b = e.x - k, e.x = k) : (b = e.y - C, e.y = C);
+      p.direction === "horizontal" ? (b = e.x - w, e.x = w) : (b = e.y - C, e.y = C);
       const [_, g] = l;
       u -= b;
       const q = h.value;
       u < _ ? h.value = _ : u > g ? h.value = g : h.value = u, q !== h.value && (f.value = (h.value - a) / (g - _), r("change", h.value / (g + a)));
     }
-    return (k, C) => (m(), w("div", {
+    return (w, C) => (m(), k("div", {
       class: W(["sq-swipe", x.value]),
       ref_key: "swipeRef",
       ref: v
     }, [
-      F(k.$slots, "default", {}, () => [
+      F(w.$slots, "default", {}, () => [
         E("div", {
           class: "sq-swipe-top",
           style: G({ mask: M.value })
         }, [
-          F(k.$slots, "top", {}, () => [
+          F(w.$slots, "top", {}, () => [
             p.topSrc ? (m(), S(i(Ye), {
               key: 0,
               src: p.topSrc,
-              alt: p.topAlt
+              alt: p.topAlt,
+              preview: !1
             }, null, 8, ["src", "alt"])) : P("", !0)
           ])
         ], 4),
@@ -3933,11 +3934,12 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
           class: "sq-swipe-bottom",
           style: G({ mask: I.value })
         }, [
-          F(k.$slots, "bottom", {}, () => [
+          F(w.$slots, "bottom", {}, () => [
             p.bottomSrc ? (m(), S(i(Ye), {
               key: 0,
               src: p.bottomSrc,
-              alt: p.bottomAlt
+              alt: p.bottomAlt,
+              preview: !1
             }, null, 8, ["src", "alt"])) : P("", !0)
           ])
         ], 4)
@@ -3976,7 +3978,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
       const l = [], r = i(n), p = i(t);
       return r !== "md" && l.push(`sq-switch--${r}`), d.value && l.push("is-checked"), (p || e.loading) && l.push("is-disabled"), e.variant && l.push(`is-${e.variant}`), l;
     });
-    return (l, r) => (m(), w("label", {
+    return (l, r) => (m(), k("label", {
       class: W(["sq-switch", u.value])
     }, [
       ue(E("input", {
@@ -4034,7 +4036,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
       ...d.value,
       paddingInlineEnd: n.value ? "6px" : "0"
     }));
-    se(() => {
+    oe(() => {
       s.observe(t.value);
     }), ye(() => {
       s.disconnect();
@@ -4044,7 +4046,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
         n.value = !1;
         return;
       }
-      ke(() => {
+      we(() => {
         var x, $;
         const v = ((x = t.value) == null ? void 0 : x.clientHeight) ?? 0, f = (($ = t.value) == null ? void 0 : $.scrollHeight) ?? 0;
         n.value = f > v;
@@ -4068,7 +4070,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
     function h(v, f) {
       return typeof f.formatter == "function" ? f.formatter(v, v[f.binding]) : typeof v[f.binding] > "u" ? "" : v[f.binding];
     }
-    return (v, f) => (m(), w("div", {
+    return (v, f) => (m(), k("div", {
       class: W(["sq-table", a.value])
     }, [
       E("div", Go, [
@@ -4076,7 +4078,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
           class: "sq-table-header",
           style: G(u.value)
         }, [
-          (m(!0), w(ae, null, pe(e.cols, (x) => (m(), w("div", {
+          (m(!0), k(ae, null, pe(e.cols, (x) => (m(), k("div", {
             class: "sq-table-cell",
             style: G({ "justify-content": p(x.align) }),
             key: x.binding
@@ -4091,12 +4093,12 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
           ref_key: "bodyRef",
           ref: t
         }, [
-          (m(!0), w(ae, null, pe(e.data, (x, $) => (m(), w("div", {
+          (m(!0), k(ae, null, pe(e.data, (x, $) => (m(), k("div", {
             class: "sq-table-row",
             style: G(d.value),
             key: r(x, $)
           }, [
-            (m(!0), w(ae, null, pe(e.cols, (B, M) => (m(), w("div", {
+            (m(!0), k(ae, null, pe(e.cols, (B, M) => (m(), k("div", {
               class: W(["sq-table-cell", B.columnClass]),
               style: G({ "justify-content": p(B.align) }),
               key: `${B.binding}-${r(x, M)}`
@@ -4104,7 +4106,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
               typeof B.cellRender == "function" ? (m(), S(i(Zo), {
                 key: 0,
                 content: B.cellRender(x, x[B.binding])
-              }, null, 8, ["content"])) : (m(), w("span", {
+              }, null, 8, ["content"])) : (m(), k("span", {
                 key: 1,
                 textContent: Q(h(x, B))
               }, null, 8, Jo))
@@ -4113,7 +4115,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
         ], 512), [
           [he, e.data.length]
         ]),
-        e.data.length ? P("", !0) : (m(), w("div", ea, [
+        e.data.length ? P("", !0) : (m(), k("div", ea, [
           F(v.$slots, "empty", {}, () => [
             E("span", {
               textContent: Q(e.emptyText)
@@ -4187,7 +4189,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
     }), e = y(() => typeof o.ellipsis == "number" ? Number(Math.max(o.ellipsis, 1).toFixed(0)) : 1), n = y(
       () => o.ellipsis ? `--row-num: ${e.value}` : ""
     );
-    return (t, a) => (m(), w("span", {
+    return (t, a) => (m(), k("span", {
       class: W(["sq-text", s.value]),
       style: G(n.value)
     }, [
@@ -4206,7 +4208,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
       const e = [`align-${o.align}`];
       return o.variant && e.push(`is-${o.variant}`), e;
     });
-    return (e, n) => (m(), w("div", {
+    return (e, n) => (m(), k("div", {
       class: W(["sq-timeline", s.value])
     }, [
       F(e.$slots, "default")
@@ -4231,7 +4233,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
       const n = {};
       return o.color && (n["--timeline-dot-color"] = o.color), n;
     });
-    return (n, t) => (m(), w("div", {
+    return (n, t) => (m(), k("div", {
       class: W(["sq-timeline-item", s.value]),
       style: G(e.value)
     }, [
@@ -4239,12 +4241,12 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
         o.icon ? (m(), S(fe(o.icon), { key: 0 })) : P("", !0)
       ]),
       E("div", ia, [
-        o.title ? (m(), w("h2", {
+        o.title ? (m(), k("h2", {
           key: 0,
           class: "content-title",
           textContent: Q(o.title)
         }, null, 8, ua)) : P("", !0),
-        o.timestamp ? (m(), w("span", {
+        o.timestamp ? (m(), k("span", {
           key: 1,
           class: "content-time",
           textContent: Q(o.timestamp)
@@ -4334,7 +4336,7 @@ const xo = "sq-popover", qt = /* @__PURE__ */ R({
     function p() {
       t.value.value = "", t.value.files = null, e("change", []);
     }
-    return o({ clearFiles: p }), (h, v) => (m(), w("div", {
+    return o({ clearFiles: p }), (h, v) => (m(), k("div", {
       class: "sq-upload",
       onClick: d,
       onDragover: u,
@@ -4368,10 +4370,10 @@ export {
   _a as SqAvatar,
   $a as SqBacktop,
   lt as SqBadge,
-  kn as SqBlur,
+  wn as SqBlur,
   ee as SqButton,
-  ka as SqButtonGroup,
-  wa as SqCard,
+  wa as SqButtonGroup,
+  ka as SqCard,
   Ea as SqCheckTag,
   _t as SqCheckbox,
   jn as SqCheckboxGroup,
@@ -4389,7 +4391,7 @@ export {
   za as SqMessageBox,
   Ra as SqPagination,
   qt as SqPopover,
-  wo as SqProgress,
+  ko as SqProgress,
   To as SqRadio,
   Lo as SqRadioGroup,
   Ao as SqSegmented,