@squirrel-cloud/ui-vue 0.6.0 → 0.6.2

package/dist/index.js

@@ -1,13 +1,13 @@
-import { defineComponent as z, computed as y, openBlock as v, createBlock as C, unref as a, normalizeClass as j, withCtx as N, resolveDynamicComponent as ue, createCommentVNode as L, createTextVNode as Te, toDisplayString as X, createElementBlock as _, renderSlot as F, createElementVNode as B, ref as w, watch as te, normalizeStyle as K, onMounted as oe, onBeforeUnmount as ye, Transition as _e, withDirectives as re, vShow as ve, useSlots as Ae, createVNode as D, inject as pe, shallowRef as ce, provide as qe, toRef as ne, useModel as ie, vModelCheckbox as at, mergeModels as G, toRaw as ge, Fragment as se, renderList as de, useAttrs as Ke, Teleport as lt, mergeProps as fe, withModifiers as he, nextTick as Se, vModelDynamic as Ct, vModelText as wt, render as Pe, cloneVNode as St, Text as zt, Comment as Bt, vModelRadio as it } from "vue";
-import { WarningFilled as rt, CloseFilled as ut, InfoFilled as Qe, CheckFilled as ct, CaretUp as Mt, Loading as De, Check as dt, Close as Xe, View as ft, ArrowLeft as pt, ArrowRight as vt, ZoomIn as Lt, ZoomOut as Tt, FlipHorizontal as At, FlipVertical as It, Clockwise as Rt, Couterclockwise as Et, FitSize as Pt, Fullscreen as Dt, Hide as Nt, Ellipsis as Ft, ArrowDown as Ot } from "@squirrel-cloud/icons-vue";
-import { autoUpdate as Vt, computePosition as Ht, offset as Ut, flip as jt, shift as Wt } from "@floating-ui/dom";
+import { defineComponent as B, computed as y, openBlock as v, createBlock as q, unref as a, normalizeClass as j, withCtx as N, resolveDynamicComponent as re, createCommentVNode as L, createTextVNode as Te, toDisplayString as X, createElementBlock as _, renderSlot as F, createElementVNode as z, ref as w, watch as te, normalizeStyle as K, onMounted as oe, onBeforeUnmount as ye, Transition as _e, withDirectives as ue, vShow as ve, useSlots as Ae, createVNode as D, inject as fe, shallowRef as ce, provide as qe, toRef as ne, useModel as ie, vModelCheckbox as at, mergeModels as G, toRaw as ge, Fragment as se, renderList as de, useAttrs as Ke, Teleport as lt, mergeProps as pe, withModifiers as he, nextTick as Se, vModelDynamic as Ct, vModelText as wt, render as Pe, cloneVNode as St, Text as zt, Comment as Bt, vModelRadio as it } from "vue";
+import { WarningFilled as rt, CloseFilled as ut, InfoFilled as Qe, CheckFilled as ct, CaretUp as Mt, Loading as De, Check as dt, Close as Xe, View as pt, ArrowLeft as ft, ArrowRight as vt, ZoomIn as Lt, ZoomOut as Tt, FlipHorizontal as At, FlipVertical as It, Clockwise as Rt, Couterclockwise as Et, FitSize as Pt, Fullscreen as Dt, Hide as Nt, Ellipsis as Ft, ArrowDown as Vt } from "@squirrel-cloud/icons-vue";
+import { autoUpdate as Ot, computePosition as Ht, offset as Ut, flip as jt, shift as Wt } from "@floating-ui/dom";
 const Ge = {
   primary: Qe,
   success: ct,
   info: Qe,
   error: ut,
   warn: rt
-}, Yt = "sq-alert", Wo = /* @__PURE__ */ z({
+}, Yt = "sq-alert", jo = /* @__PURE__ */ B({
   name: Yt,
   __name: "Alert",
   props: {
@@ -21,17 +21,17 @@ const Ge = {
       const e = [];
       return n.type && e.push(`is-${n.type}`), e;
     }), t = y(() => n.icon ? n.icon : n.showIcon && n.type ? Ge[n.type] : void 0);
-    return (e, o) => (v(), C(a(be), {
+    return (e, o) => (v(), q(a(be), {
       class: j(["sq-alert", s.value])
     }, {
       default: N(() => [
-        t.value ? (v(), C(ue(t.value), { key: 0 })) : L("", !0),
+        t.value ? (v(), q(re(t.value), { key: 0 })) : L("", !0),
         Te(" " + X(n.text), 1)
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), Kt = { class: "sq-article" }, Xt = ["innerHTML"], Gt = "sq-article", Yo = /* @__PURE__ */ z({
+}), Kt = { class: "sq-article" }, Xt = ["innerHTML"], Gt = "sq-article", Wo = /* @__PURE__ */ B({
   name: Gt,
   __name: "Article",
   props: {
@@ -41,7 +41,7 @@ const Ge = {
     const n = i;
     return (s, t) => (v(), _("article", Kt, [
       F(s.$slots, "default", {}, () => [
-        B("div", {
+        z("div", {
           class: "sq-article-content",
           innerHTML: n.content
         }, null, 8, Xt)
@@ -86,8 +86,8 @@ function Zt() {
 }
 function Jt() {
   function i(n = [0.3, 0.8], s = [0.1, 0.3], t = [0, 360]) {
-    const { getRandomNum: e } = Qt(), o = e(n, 4), l = e(s, 4), f = e(t, 4);
-    return `oklch(${o} ${l} ${f})`;
+    const { getRandomNum: e } = Qt(), o = e(n, 4), l = e(s, 4), p = e(t, 4);
+    return `oklch(${o} ${l} ${p})`;
   }
   return {
     /**
@@ -135,11 +135,11 @@ function en() {
   function i(n, s) {
     const t = Object.keys(n), e = Object.keys(s);
     return t.length !== e.length ? !1 : t.every((o) => {
-      const l = n[o], f = s[o];
-      if (typeof l != typeof f) return !1;
-      if (Array.isArray(l) && Array.isArray(f)) {
-        const p = l.length === f.length, d = l.every((r, u) => r === f[u]);
-        return p && d;
+      const l = n[o], p = s[o];
+      if (typeof l != typeof p) return !1;
+      if (Array.isArray(l) && Array.isArray(p)) {
+        const f = l.length === p.length, d = l.every((r, c) => r === p[c]);
+        return f && d;
       }
       return n[o] === s[o];
     });
@@ -204,23 +204,23 @@ function an() {
       };
     const l = Ue[e];
     if (l !== void 0) {
-      const u = await l;
+      const c = await l;
       return me[e] = (me[e] ?? 0) + 1, {
         key: e,
-        highlighter: u
+        highlighter: c
       };
     }
-    const { createHighlighterCore: f } = await import("@shikijs/core"), { createJavaScriptRegexEngine: p } = await import("@shikijs/engine-javascript"), d = p(), r = new Promise((u) => {
+    const { createHighlighterCore: p } = await import("@shikijs/core"), { createJavaScriptRegexEngine: f } = await import("@shikijs/engine-javascript"), d = f(), r = new Promise((c) => {
       try {
-        f({
+        p({
           langs: s.map((h) => nn[h]()),
           themes: t.map((h) => sn[h]()),
           engine: d
         }).then((h) => {
-          u(h), Ee[e] = h, me[e] = (me[e] ?? 0) + 1, delete Ue[e];
+          c(h), Ee[e] = h, me[e] = (me[e] ?? 0) + 1, delete Ue[e];
         });
       } catch {
-        delete Ue[e], u(!1);
+        delete Ue[e], c(!1);
       }
     });
     return { key: e, highlighter: await r };
@@ -231,7 +231,7 @@ function an() {
   }
   return { getHighlighterAsync: i, releaseHighlighter: n };
 }
-const ln = ["src", "alt"], rn = ["textContent"], un = "sq-avatar", Ko = /* @__PURE__ */ z({
+const ln = ["src", "alt"], rn = ["textContent"], un = "sq-avatar", Yo = /* @__PURE__ */ B({
   name: un,
   __name: "Avatar",
   props: {
@@ -243,13 +243,13 @@ const ln = ["src", "alt"], rn = ["textContent"], un = "sq-avatar", Ko = /* @__PU
   },
   setup(i) {
     const n = i, s = w(!0), t = y(() => {
-      const f = [];
-      return n.size !== "md" && f.push(`sq-avatar--${n.size}`), n.round && f.push("is-round"), f;
+      const p = [];
+      return n.size !== "md" && p.push(`sq-avatar--${n.size}`), n.round && p.push("is-round"), p;
     }), e = y(() => {
       if (!n.randomColor) return;
-      const { getRandomColor: f } = Jt();
+      const { getRandomColor: p } = Jt();
       return {
-        "--avatar-bg-color": f()
+        "--avatar-bg-color": p()
       };
     }), o = y(() => n.alt.charAt(0).toUpperCase());
     te(
@@ -261,7 +261,7 @@ const ln = ["src", "alt"], rn = ["textContent"], un = "sq-avatar", Ko = /* @__PU
     function l() {
       s.value = !1;
     }
-    return (f, p) => (v(), _("div", {
+    return (p, f) => (v(), _("div", {
       class: j(["sq-avatar", t.value]),
       style: K(e.value)
     }, [
@@ -276,7 +276,7 @@ const ln = ["src", "alt"], rn = ["textContent"], un = "sq-avatar", Ko = /* @__PU
       }, null, 8, rn))
     ], 6));
   }
-}), cn = { class: "sq-backtop" }, dn = "sq-backtop", Xo = /* @__PURE__ */ z({
+}), cn = { class: "sq-backtop" }, dn = "sq-backtop", Ko = /* @__PURE__ */ B({
   name: dn,
   __name: "Backtop",
   props: {
@@ -288,61 +288,61 @@ const ln = ["src", "alt"], rn = ["textContent"], un = "sq-avatar", Ko = /* @__PU
     progressProps: {}
   },
   setup(i) {
-    const { throttle: n } = tn(), s = n(p), t = new ResizeObserver(d), e = i, o = w(100), l = w(0), f = y(() => l.value > e.visibilityHeight);
+    const { throttle: n } = tn(), s = n(f), t = new ResizeObserver(d), e = i, o = w(100), l = w(0), p = y(() => l.value > e.visibilityHeight);
     oe(() => {
       var h;
       d(), s(), window.addEventListener("scroll", s);
-      const u = document.querySelector(e.target) ?? document.body;
-      t.observe(u), (h = window.visualViewport) == null || h.addEventListener("resize", d);
+      const c = document.querySelector(e.target) ?? document.body;
+      t.observe(c), (h = window.visualViewport) == null || h.addEventListener("resize", d);
     }), ye(() => {
-      var u;
-      window.removeEventListener("scroll", s), t.disconnect(), (u = window.visualViewport) == null || u.removeEventListener("resize", d);
+      var c;
+      window.removeEventListener("scroll", s), t.disconnect(), (c = window.visualViewport) == null || c.removeEventListener("resize", d);
     });
-    function p() {
+    function f() {
       l.value = window.scrollY;
     }
     function d() {
-      const u = (document.scrollingElement ?? document.body).scrollHeight, h = window.innerHeight;
-      o.value = u - h;
+      const c = (document.scrollingElement ?? document.body).scrollHeight, h = window.innerHeight;
+      o.value = c - h;
     }
     function r() {
       window.scrollTo({ top: 0, behavior: "smooth" });
     }
-    return (u, h) => (v(), C(_e, {
+    return (c, h) => (v(), q(_e, {
       name: e.transition
     }, {
       default: N(() => {
-        var m, c, k;
+        var m, u, k;
         return [
-          re(B("div", cn, [
-            B("div", {
+          ue(z("div", cn, [
+            z("div", {
               class: "sq-backtop-wrap",
               onClick: r
             }, [
-              e.progress ? (v(), C(a(Gs), {
+              e.progress ? (v(), q(a(Zs), {
                 key: 0,
                 variant: "circle",
                 label: !1,
                 value: l.value,
                 max: o.value,
                 type: (m = e.progressProps) == null ? void 0 : m.type,
-                stroke: (c = e.progressProps) == null ? void 0 : c.stroke,
+                stroke: (u = e.progressProps) == null ? void 0 : u.stroke,
                 color: (k = e.progressProps) == null ? void 0 : k.color
               }, null, 8, ["value", "max", "type", "stroke", "color"])) : L("", !0),
-              F(u.$slots, "default", {}, () => [
-                (v(), C(ue(e.icon)))
+              F(c.$slots, "default", {}, () => [
+                (v(), q(re(e.icon)))
               ])
             ])
           ], 512), [
-            [ve, f.value]
+            [ve, p.value]
           ])
         ];
       }),
       _: 3
     }, 8, ["name"]));
   }
-}), fn = ["textContent"], pn = "sq-badge", nt = /* @__PURE__ */ z({
-  name: pn,
+}), pn = ["textContent"], fn = "sq-badge", nt = /* @__PURE__ */ B({
+  name: fn,
   __name: "Badge",
   props: {
     type: { default: "error" },
@@ -355,18 +355,18 @@ const ln = ["src", "alt"], rn = ["textContent"], un = "sq-avatar", Ko = /* @__PU
   },
   setup(i) {
     const n = Ae(), s = i, t = y(() => {
-      const f = [`is-${s.type}`];
-      return s.dot && f.push("is-dot"), f;
+      const p = [`is-${s.type}`];
+      return s.dot && p.push("is-dot"), p;
     }), e = y(() => n.default ? "sup" : "div"), o = y(() => !s.dot && s.text || s.showZero ? !0 : s.count > 0), l = y(() => s.dot ? "" : s.text ? s.text : s.max && s.count > s.max ? `${s.max}+` : `${s.count}`);
-    return (f, p) => (v(), C(_e, { name: "sq-zoom" }, {
+    return (p, f) => (v(), q(_e, { name: "sq-zoom" }, {
       default: N(() => [
         a(n).default || o.value ? (v(), _("span", {
           key: 0,
           class: j(["sq-badge", t.value]),
           style: K({ "--badge-color": s.color })
         }, [
-          F(f.$slots, "default"),
-          (v(), C(ue(e.value), { class: "sq-badge-label" }, {
+          F(p.$slots, "default"),
+          (v(), q(re(e.value), { class: "sq-badge-label" }, {
             default: N(() => [
               D(_e, {
                 name: a(n).default ? "sq-zoom" : ""
@@ -376,7 +376,7 @@ const ln = ["src", "alt"], rn = ["textContent"], un = "sq-avatar", Ko = /* @__PU
                     key: 0,
                     class: "sq-badge-label-inner",
                     textContent: X(l.value)
-                  }, null, 8, fn)) : L("", !0)
+                  }, null, 8, pn)) : L("", !0)
                 ]),
                 _: 1
               }, 8, ["name"])
@@ -388,11 +388,11 @@ const ln = ["src", "alt"], rn = ["textContent"], un = "sq-avatar", Ko = /* @__PU
       _: 3
     }));
   }
-}), vn = "sq-blur", Go = /* @__PURE__ */ z({
+}), vn = "sq-blur", Xo = /* @__PURE__ */ B({
   name: vn,
   __name: "Blur",
   setup(i) {
-    return (n, s) => (v(), C(a(be), { class: "sq-blur" }, {
+    return (n, s) => (v(), q(a(be), { class: "sq-blur" }, {
       default: N(() => [
         F(n.$slots, "default")
       ]),
@@ -401,7 +401,7 @@ const ln = ["src", "alt"], rn = ["textContent"], un = "sq-avatar", Ko = /* @__PU
   }
 });
 function mn(i) {
-  const { getOption: n } = ze(), s = pe(Me, void 0), t = pe(gt, void 0), e = y(
+  const { getOption: n } = ze(), s = fe(Me, void 0), t = fe(gt, void 0), e = y(
     () => a(t) ? void 0 : i.text
   ), o = y(
     () => {
@@ -418,7 +418,7 @@ function mn(i) {
       var d;
       return n((d = a(t)) == null ? void 0 : d.type, i.type);
     }
-  ), f = y(
+  ), p = y(
     () => {
       var d, r;
       return n(
@@ -427,21 +427,21 @@ function mn(i) {
         (r = a(s)) == null ? void 0 : r.round
       );
     }
-  ), p = y(
+  ), f = y(
     () => {
-      var d, r, u;
+      var d, r, c;
       return n(
         (d = a(s)) == null ? void 0 : d.disabled,
         (r = a(s)) == null ? void 0 : r.readonly,
-        (u = a(t)) == null ? void 0 : u.disabled,
+        (c = a(t)) == null ? void 0 : c.disabled,
         i.disabled
       );
     }
   );
-  return { btnTextType: e, btnSize: o, btnType: l, btnRound: f, btnDisabled: p };
+  return { btnTextType: e, btnSize: o, btnType: l, btnRound: p, btnDisabled: f };
 }
 function gn(i) {
-  const { getOption: n } = ze(), s = pe(Me, void 0), t = pe(ht, void 0), e = y(
+  const { getOption: n } = ze(), s = fe(Me, void 0), t = fe(ht, void 0), e = y(
     () => {
       var d, r;
       return n(
@@ -461,18 +461,18 @@ function gn(i) {
       var d;
       return n((d = a(t)) == null ? void 0 : d.name, i.name);
     }
-  ), f = y(
+  ), p = y(
     () => {
       var d;
       return n((d = a(t)) == null ? void 0 : d.variant, i.variant);
     }
-  ), p = y(
+  ), f = y(
     () => {
-      var d, r, u;
+      var d, r, c;
       return n(
         (d = a(s)) == null ? void 0 : d.disabled,
         (r = a(s)) == null ? void 0 : r.readonly,
-        (u = a(t)) == null ? void 0 : u.disabled,
+        (c = a(t)) == null ? void 0 : c.disabled,
         i.disabled
       );
     }
@@ -481,46 +481,46 @@ function gn(i) {
     checkboxSize: e,
     checkboxForm: o,
     checkboxName: l,
-    checkboxVariant: f,
-    checkboxDisabled: p,
+    checkboxVariant: p,
+    checkboxDisabled: f,
     groupContext: t
   };
 }
 function mt() {
   const i = { x: 0, y: 0 }, n = w(!1), s = w(1), t = w(), e = w({ x: 0, y: 0 }), o = ce(null);
-  function l(c) {
-    c.pointerType !== "touch" && (n.value = !0, i.x = c.x, i.y = c.y);
+  function l(u) {
+    u.pointerType !== "touch" && (n.value = !0, i.x = u.x, i.y = u.y);
   }
-  function f(c) {
-    c.pointerType !== "touch" && (n.value = !1);
+  function p(u) {
+    u.pointerType !== "touch" && (n.value = !1);
   }
-  function p(c) {
-    if (c.touches.length === 1)
-      n.value = !0, i.x = c.touches[0].screenX, i.y = c.touches[0].screenY;
-    else if (c.touches.length === 2) {
-      const k = c.touches.item(0), b = c.touches.item(1);
+  function f(u) {
+    if (u.touches.length === 1)
+      n.value = !0, i.x = u.touches[0].screenX, i.y = u.touches[0].screenY;
+    else if (u.touches.length === 2) {
+      const k = u.touches.item(0), b = u.touches.item(1);
       t.value = h(k, b);
     }
   }
-  function d(c) {
-    n.value = !1, t.value = void 0, c == null || c();
+  function d(u) {
+    n.value = !1, t.value = void 0, u == null || u();
   }
-  function r(c, k, b, q, R) {
-    const T = s.value / R, A = c * T, Y = k * T, [H, ee] = m(b, q);
+  function r(u, k, b, C, R) {
+    const T = s.value / R, A = u * T, Y = k * T, [H, ee] = m(b, C);
     return [H - A, ee - Y];
   }
-  function u(c, k) {
-    const b = c - i.x, q = k - i.y;
-    i.x = c, i.y = k;
-    const R = e.value.x + b * 2, T = e.value.y + q * 2;
+  function c(u, k) {
+    const b = u - i.x, C = k - i.y;
+    i.x = u, i.y = k;
+    const R = e.value.x + b * 2, T = e.value.y + C * 2;
     e.value.x = R, e.value.y = T;
   }
-  function h(c, k) {
-    const b = k.clientX - c.clientX, q = k.clientY - c.clientY;
-    return Math.sqrt(b * b + q * q);
+  function h(u, k) {
+    const b = k.clientX - u.clientX, C = k.clientY - u.clientY;
+    return Math.sqrt(b * b + C * C);
   }
-  function m(c, k) {
-    const { left: b, top: q } = o.value.getBoundingClientRect(), R = c - b, T = k - q;
+  function m(u, k) {
+    const { left: b, top: C } = o.value.getBoundingClientRect(), R = u - b, T = k - C;
     return [R, T];
   }
   return {
@@ -531,38 +531,38 @@ function mt() {
     transform: e,
     imgRef: o,
     handlePointerdown: l,
-    handlePointerup: f,
-    handleTouchstart: p,
+    handlePointerup: p,
+    handleTouchstart: f,
     handleTouchend: d,
     calcPointDiff: r,
-    moveImage: u,
+    moveImage: c,
     getLength: h,
     getImagePoint: m
   };
 }
 function hn(i) {
-  const { getOption: n } = ze(), s = pe(Me, void 0), t = pe(Je, void 0), e = y(
+  const { getOption: n } = ze(), s = fe(Me, void 0), t = fe(Je, void 0), e = y(
     () => {
-      var p;
-      return n(i.size, (p = a(s)) == null ? void 0 : p.size, "md");
+      var f;
+      return n(i.size, (f = a(s)) == null ? void 0 : f.size, "md");
     }
   ), o = y(
     () => {
-      var p;
-      return n(i.round, (p = a(s)) == null ? void 0 : p.round);
+      var f;
+      return n(i.round, (f = a(s)) == null ? void 0 : f.round);
     }
   ), l = y(
     () => {
-      var p;
-      return n((p = a(s)) == null ? void 0 : p.disabled, i.disabled);
+      var f;
+      return n((f = a(s)) == null ? void 0 : f.disabled, i.disabled);
     }
-  ), f = y(
+  ), p = y(
     () => {
-      var p;
-      return n((p = a(s)) == null ? void 0 : p.readonly, i.readonly);
+      var f;
+      return n((f = a(s)) == null ? void 0 : f.readonly, i.readonly);
     }
   );
-  return { inputSize: e, inputRound: o, inputDisabled: l, inputReadonly: f, id: t };
+  return { inputSize: e, inputRound: o, inputDisabled: l, inputReadonly: p, id: t };
 }
 function Be() {
   function i(n) {
@@ -577,7 +577,7 @@ function Be() {
   return { getText: i };
 }
 function yn(i) {
-  const { getOption: n } = ze(), s = pe(Me, void 0), t = pe(_t, void 0), e = y(
+  const { getOption: n } = ze(), s = fe(Me, void 0), t = fe(_t, void 0), e = y(
     () => {
       var d, r;
       return n(
@@ -597,18 +597,18 @@ function yn(i) {
       var d;
       return n((d = a(t)) == null ? void 0 : d.name, i.name);
     }
-  ), f = y(
+  ), p = y(
     () => {
       var d;
       return n((d = a(t)) == null ? void 0 : d.variant, i.variant);
     }
-  ), p = y(
+  ), f = y(
     () => {
-      var d, r, u;
+      var d, r, c;
       return n(
         (d = a(s)) == null ? void 0 : d.disabled,
         (r = a(s)) == null ? void 0 : r.readonly,
-        (u = a(t)) == null ? void 0 : u.disabled,
+        (c = a(t)) == null ? void 0 : c.disabled,
         i.disabled
       );
     }
@@ -617,13 +617,13 @@ function yn(i) {
     radioSize: e,
     radioForm: o,
     radioName: l,
-    radioVariant: f,
-    radioDisabled: p,
+    radioVariant: p,
+    radioDisabled: f,
     groupContext: t
   };
 }
 function bn(i) {
-  const { getOption: n } = ze(), s = pe(kt, void 0);
+  const { getOption: n } = ze(), s = fe(kt, void 0);
   return {
     segmentedDisabled: y(
       () => {
@@ -636,28 +636,28 @@ function bn(i) {
 }
 function xn() {
   return {
-    parentContext: pe(qt, void 0)
+    parentContext: fe(qt, void 0)
   };
 }
 function $n(i) {
-  const { getOption: n } = ze(), s = pe(Me, void 0), t = pe(Je, void 0), e = y(
+  const { getOption: n } = ze(), s = fe(Me, void 0), t = fe(Je, void 0), e = y(
     () => {
       var l;
       return n(i.size, (l = a(s)) == null ? void 0 : l.size, "md");
     }
   ), o = y(
     () => {
-      var l, f;
+      var l, p;
       return n(
         (l = a(s)) == null ? void 0 : l.disabled,
-        (f = a(s)) == null ? void 0 : f.readonly,
+        (p = a(s)) == null ? void 0 : p.readonly,
         i.disabled
       );
     }
   );
   return { switchSize: e, switchDisabled: o, id: t };
 }
-const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */ z({
+const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */ B({
   name: kn,
   __name: "Button",
   props: {
@@ -674,29 +674,29 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
   },
   emits: ["click"],
   setup(i, { emit: n }) {
-    const s = n, t = i, { btnTextType: e, btnSize: o, btnType: l, btnRound: f, btnDisabled: p } = mn(t), d = y(() => {
-      const h = [], m = a(o), c = a(l), k = a(f), b = a(e);
-      return m !== "md" && h.push(`sq-button--${m}`), c && h.push(`is-${c}`), k && h.push("is-round"), b && h.push("is-text"), b && t.bg && h.push("has-bg"), h;
-    }), r = y(() => t.loading ? De : t.icon), u = y(() => t.loading || a(p));
+    const s = n, t = i, { btnTextType: e, btnSize: o, btnType: l, btnRound: p, btnDisabled: f } = mn(t), d = y(() => {
+      const h = [], m = a(o), u = a(l), k = a(p), b = a(e);
+      return m !== "md" && h.push(`sq-button--${m}`), u && h.push(`is-${u}`), k && h.push("is-round"), b && h.push("is-text"), b && t.bg && h.push("has-bg"), h;
+    }), r = y(() => t.loading ? De : t.icon), c = y(() => t.loading || a(f));
     return (h, m) => (v(), _("button", {
       class: j(["sq-button", d.value]),
-      disabled: u.value,
+      disabled: c.value,
       form: t.form,
       type: t.nativeType,
-      onClick: m[0] || (m[0] = (c) => s("click", c))
+      onClick: m[0] || (m[0] = (u) => s("click", u))
     }, [
       D(a(be), {
         size: a(o) === "lg" ? "md" : a(o)
       }, {
         default: N(() => [
-          r.value ? (v(), C(ue(r.value), { key: 0 })) : L("", !0),
+          r.value ? (v(), q(re(r.value), { key: 0 })) : L("", !0),
           F(h.$slots, "default")
         ]),
         _: 3
       }, 8, ["size"])
     ], 10, _n));
   }
-}), qn = { class: "sq-button-group" }, Cn = "sq-button-group", Zo = /* @__PURE__ */ z({
+}), qn = { class: "sq-button-group" }, Cn = "sq-button-group", Go = /* @__PURE__ */ B({
   name: Cn,
   __name: "ButtonGroup",
   props: {
@@ -725,7 +725,7 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
 }, zn = ["textContent"], Bn = {
   key: 1,
   class: "sq-card-footer"
-}, Mn = "sq-card", Jo = /* @__PURE__ */ z({
+}, Mn = "sq-card", Zo = /* @__PURE__ */ B({
   name: Mn,
   __name: "Card",
   props: {
@@ -736,7 +736,7 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
     const n = Ae(), s = i;
     return (t, e) => (v(), _("section", wn, [
       s.title || a(n).title ? (v(), _("div", Sn, [
-        B("h2", {
+        z("h2", {
           class: j({ "has-decorative": s.decorative }),
           textContent: X(s.title)
         }, null, 10, zn),
@@ -748,7 +748,7 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
       ])) : L("", !0)
     ]));
   }
-}), Ln = ["autofocus", "name", "form", "value", "disabled"], Tn = ["textContent"], An = "sq-checkbox", In = /* @__PURE__ */ z({
+}), Ln = ["autofocus", "name", "form", "value", "disabled"], Tn = ["textContent"], An = "sq-checkbox", In = /* @__PURE__ */ B({
   name: An,
   __name: "Checkbox",
   props: /* @__PURE__ */ G({
@@ -771,12 +771,12 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
       checkboxSize: e,
       checkboxDisabled: o,
       checkboxForm: l,
-      checkboxName: f,
-      checkboxVariant: p,
+      checkboxName: p,
+      checkboxVariant: f,
       groupContext: d
-    } = gn(t), r = ie(i, "checked"), u = y(() => {
-      const m = [], c = a(e), k = a(o), b = a(p);
-      return c !== "md" && m.push(`sq-selection--${c}`), h.value && m.push("is-checked"), k && m.push("is-disabled"), b && m.push(`is-${b}`), m;
+    } = gn(t), r = ie(i, "checked"), c = y(() => {
+      const m = [], u = a(e), k = a(o), b = a(f);
+      return u !== "md" && m.push(`sq-selection--${u}`), h.value && m.push("is-checked"), k && m.push("is-disabled"), b && m.push(`is-${b}`), m;
     }), h = y(() => d ? a(d).list.includes(t.value) : r.value);
     return te(h, (m) => {
       if (r.value !== m) {
@@ -787,26 +787,26 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
       h.value !== m && d && d.value.toggleItem(t.value);
     }), oe(() => {
       r.value = h.value;
-    }), (m, c) => (v(), _("label", {
-      class: j(["sq-selection sq-checkbox", u.value])
+    }), (m, u) => (v(), _("label", {
+      class: j(["sq-selection sq-checkbox", c.value])
     }, [
-      re(B("input", {
+      ue(z("input", {
         type: "checkbox",
         autofocus: t.autofocus,
-        name: a(f),
+        name: a(p),
         form: a(l),
         value: t.value,
         disabled: a(o),
-        "onUpdate:modelValue": c[0] || (c[0] = (k) => r.value = k),
-        onChange: c[1] || (c[1] = (k) => s("change", r.value))
+        "onUpdate:modelValue": u[0] || (u[0] = (k) => r.value = k),
+        onChange: u[1] || (u[1] = (k) => s("change", r.value))
       }, null, 40, Ln), [
         [at, r.value]
       ]),
-      a(p) !== "solid" ? (v(), _("span", {
+      a(f) !== "solid" ? (v(), _("span", {
         key: 0,
         class: j(["sq-checkbox-box", { "is-indeterminate": t.indeterminate && !h.value }])
       }, [
-        h.value ? (v(), C(a(dt), {
+        h.value ? (v(), q(a(dt), {
           key: 0,
           class: "sq-checkbox-inner"
         })) : L("", !0)
@@ -818,7 +818,7 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
       }, null, 8, Tn)) : L("", !0)
     ], 2));
   }
-}), Rn = { class: "sq-checkbox-group sq-selection-group" }, En = "sq-checkbox-group", Pn = /* @__PURE__ */ z({
+}), Rn = { class: "sq-checkbox-group sq-selection-group" }, En = "sq-checkbox-group", Pn = /* @__PURE__ */ B({
   name: En,
   __name: "CheckboxGroup",
   props: {
@@ -832,7 +832,7 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
   },
   emits: ["change", "update:value"],
   setup(i, { emit: n }) {
-    const { nextId: s } = Ne(), { getText: t } = Be(), e = n, o = i, l = w(o.value ?? []), f = y(() => o.name ?? `sq-checkbox-${s()}`), p = y(() => o.items.map((r) => typeof r == "string" ? {
+    const { nextId: s } = Ne(), { getText: t } = Be(), e = n, o = i, l = w(o.value ?? []), p = y(() => o.name ?? `sq-checkbox-${s()}`), f = y(() => o.items.map((r) => typeof r == "string" ? {
       text: r,
       value: r
     } : typeof r == "number" ? {
@@ -843,7 +843,7 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
       ht,
       w({
         form: ne(o, "form"),
-        name: f,
+        name: p,
         disabled: ne(o, "disabled"),
         size: ne(o, "size"),
         variant: ne(o, "variant"),
@@ -853,16 +853,16 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
     ), te(
       () => o.value,
       (r) => {
-        const u = r || [], h = [.../* @__PURE__ */ new Set([...u, l.value])];
-        h.length === u.length && h.length === l.value.length || (l.value = u);
+        const c = r || [], h = [.../* @__PURE__ */ new Set([...c, l.value])];
+        h.length === c.length && h.length === l.value.length || (l.value = c);
       }
     );
     function d(r) {
-      l.value.includes(r) ? l.value = l.value.filter((u) => u !== r) : l.value.push(r), e("change", ge(l.value)), e("update:value", ge(l.value));
+      l.value.includes(r) ? l.value = l.value.filter((c) => c !== r) : l.value.push(r), e("change", ge(l.value)), e("update:value", ge(l.value));
     }
-    return (r, u) => (v(), _("div", Rn, [
+    return (r, c) => (v(), _("div", Rn, [
       F(r.$slots, "default", {}, () => [
-        (v(!0), _(se, null, de(p.value, (h, m) => (v(), C(a(In), {
+        (v(!0), _(se, null, de(f.value, (h, m) => (v(), q(a(In), {
           key: m,
           disabled: h.disabled === !0,
           label: a(t)(h),
@@ -871,7 +871,7 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
       ])
     ]));
   }
-}), ht = Symbol("checkbox-group-context-keys"), Dn = ["innerHTML"], Nn = "sq-code", Qo = /* @__PURE__ */ z({
+}), ht = Symbol("checkbox-group-context-keys"), Dn = ["innerHTML"], Nn = "sq-code", Jo = /* @__PURE__ */ B({
   name: Nn,
   __name: "Code",
   props: {
@@ -887,19 +887,19 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
       lang: e.lang
     }) : `<pre>${e.code}</pre>`);
     return oe(async () => {
-      const f = e.lang ? [e.lang] : void 0, p = e.theme ? [e.theme] : void 0, d = await n(f, p);
+      const p = e.lang ? [e.lang] : void 0, f = e.theme ? [e.theme] : void 0, d = await n(p, f);
       if (t = d.key, o.value = d.highlighter, !o.value) {
         console.warn("[squirrel-cloud/ui-vue] SqCode 组件代码高亮依赖 shiki");
         return;
       }
     }), ye(() => {
       t && s(t);
-    }), (f, p) => (v(), _("div", {
+    }), (p, f) => (v(), _("div", {
       class: "sq-code",
       innerHTML: l.value
     }, null, 8, Dn));
   }
-}), Fn = "sq-mask", yt = /* @__PURE__ */ z({
+}), Fn = "sq-mask", yt = /* @__PURE__ */ B({
   name: Fn,
   inheritAttrs: !1,
   __name: "Mask",
@@ -915,17 +915,17 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
   setup(i, { emit: n }) {
     const { nextZIndex: s } = Ze(), t = Ke();
     let e;
-    const o = n, l = i, f = w(0), p = w(!1), d = ie(i, "visible");
-    p.value = d.value, te(d, (m) => {
-      const c = document.scrollingElement;
-      m ? (e = c.style.overflow, c.style.overflow = "hidden", f.value = s(), p.value = !0, document.addEventListener("keydown", r)) : (c.style.overflow = e, document.removeEventListener("keydown", r));
+    const o = n, l = i, p = w(0), f = w(!1), d = ie(i, "visible");
+    f.value = d.value, te(d, (m) => {
+      const u = document.scrollingElement;
+      m ? (e = u.style.overflow, u.style.overflow = "hidden", p.value = s(), f.value = !0, document.addEventListener("keydown", r)) : (u.style.overflow = e, document.removeEventListener("keydown", r));
     }), ye(() => {
       document.removeEventListener("keydown", r);
     });
     function r(m) {
       m.key === "Escape" && l.keyboard && h();
     }
-    function u() {
+    function c() {
       l.maskCloseable && h();
     }
     function h() {
@@ -934,25 +934,25 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
         return;
       }
       const m = l.beforeClose();
-      m instanceof Promise ? m.then((c) => {
-        c && (d.value = !1);
+      m instanceof Promise ? m.then((u) => {
+        u && (d.value = !1);
       }).catch(() => {
       }) : m && (d.value = !1);
     }
-    return (m, c) => (v(), C(lt, { to: "body" }, [
+    return (m, u) => (v(), q(lt, { to: "body" }, [
       D(_e, {
         name: "sq-fade",
-        onBeforeEnter: c[0] || (c[0] = (k) => o("open")),
-        onAfterEnter: c[1] || (c[1] = (k) => o("opened")),
-        onBeforeLeave: c[2] || (c[2] = (k) => o("close")),
-        onAfterLeave: c[3] || (c[3] = (k) => o("closed"))
+        onBeforeEnter: u[0] || (u[0] = (k) => o("open")),
+        onAfterEnter: u[1] || (u[1] = (k) => o("opened")),
+        onBeforeLeave: u[2] || (u[2] = (k) => o("close")),
+        onAfterLeave: u[3] || (u[3] = (k) => o("closed"))
       }, {
         default: N(() => [
-          p.value ? re((v(), _("div", fe({
+          f.value ? ue((v(), _("div", pe({
             key: 0,
             class: "sq-mask",
-            style: { zIndex: f.value }
-          }, a(t), { onClick: u }), [
+            style: { zIndex: p.value }
+          }, a(t), { onClick: c }), [
             F(m.$slots, "default")
           ], 16)), [
             [ve, d.value]
@@ -962,14 +962,14 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
       })
     ]));
   }
-}), On = {
+}), Vn = {
   key: 0,
   class: "sq-dialog-header"
-}, Vn = ["textContent"], Hn = { class: "sq-dialog-body" }, Un = {
+}, On = { class: "sq-dialog-header-title" }, Hn = ["textContent"], Un = { class: "sq-dialog-body" }, jn = {
   key: 1,
   class: "sq-dialog-footer"
-}, jn = "sq-dialog", Wn = /* @__PURE__ */ z({
-  name: jn,
+}, Wn = "sq-dialog", Yn = /* @__PURE__ */ B({
+  name: Wn,
   inheritAttrs: !1,
   __name: "Dialog",
   props: /* @__PURE__ */ G({
@@ -991,25 +991,25 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
   }),
   emits: /* @__PURE__ */ G(["open", "opened", "close", "closed"], ["update:visible"]),
   setup(i, { emit: n }) {
-    const s = Ae(), t = Ke(), e = n, o = i, l = w(!1), f = w(!1), p = ie(i, "visible"), d = y(() => !!o.title || !!s.header), r = y(() => {
+    const s = Ae(), t = Ke(), e = n, o = i, l = w(!1), p = w(!1), f = ie(i, "visible"), d = y(() => !!o.title || !!s.header), r = y(() => {
       const R = [];
       return o.type && R.push(`is-${o.type}`), d.value && R.push("has-header"), [R];
-    }), u = y(() => o.type ? Ge[o.type] : void 0), h = y(() => ({
+    }), c = y(() => o.type ? Ge[o.type] : void 0), h = y(() => ({
       type: o.type ?? "primary",
-      loading: l.value && f.value,
-      disabled: l.value && !f.value,
+      loading: l.value && p.value,
+      disabled: l.value && !p.value,
       ...o.okButtonProps
     })), m = y(() => ({
       text: !0,
       bg: !0,
-      loading: l.value && !f.value,
-      disabled: l.value && f.value,
+      loading: l.value && !p.value,
+      disabled: l.value && p.value,
       ...o.cancelButtonProps
-    })), c = y(
-      () => h.value.loading || m.value.loading || !p.value
+    })), u = y(
+      () => h.value.loading || m.value.loading || !f.value
     );
     function k(R) {
-      if (c.value) return !1;
+      if (u.value) return !1;
       if (typeof R != "function") return !0;
       const T = R();
       return T instanceof Promise ? (l.value = !0, T.finally(() => {
@@ -1017,15 +1017,15 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
       })) : T;
     }
     async function b() {
-      if (c.value) return !1;
-      f.value = !1, await k(o.beforeClose) && (p.value = !1);
+      if (u.value) return !1;
+      p.value = !1, await k(o.beforeClose) && (f.value = !1);
     }
-    async function q() {
-      f.value = !0, await k(o.onOk) && (p.value = !1);
+    async function C() {
+      p.value = !0, await k(o.onOk) && (f.value = !1);
     }
-    return (R, T) => (v(), C(a(yt), {
-      visible: p.value,
-      "onUpdate:visible": T[0] || (T[0] = (A) => p.value = A),
+    return (R, T) => (v(), q(a(yt), {
+      visible: f.value,
+      "onUpdate:visible": T[0] || (T[0] = (A) => f.value = A),
       "mask-closeable": o.maskCloseable,
       keyboard: o.keyboard,
       "before-close": () => k(o.beforeClose),
@@ -1035,38 +1035,39 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
       onClosed: T[4] || (T[4] = (A) => e("closed"))
     }, {
       default: N(() => [
-        B("div", {
+        z("div", {
           class: j(["sq-dialog", [r.value, a(t).class]]),
           style: K(a(t).style)
         }, [
-          d.value ? (v(), _("div", On, [
-            u.value ? (v(), C(ue(u.value), {
-              key: 0,
-              class: "sq-dialog-header-icon"
-            })) : L("", !0),
+          d.value ? (v(), _("div", Vn, [
             F(R.$slots, "header", {}, () => [
-              B("span", {
-                class: "sq-dialog-header-title",
-                textContent: X(o.title)
-              }, null, 8, Vn)
+              z("span", On, [
+                c.value ? (v(), q(re(c.value), {
+                  key: 0,
+                  class: "sq-dialog-header-icon"
+                })) : L("", !0),
+                z("span", {
+                  textContent: X(o.title)
+                }, null, 8, Hn)
+              ])
             ]),
             D(a(Xe), {
               class: "sq-dialog-close",
               onClick: b
             })
           ])) : L("", !0),
-          B("div", Hn, [
+          z("div", Un, [
             F(R.$slots, "default")
           ]),
-          o.footer ? (v(), _("div", Un, [
+          o.footer ? (v(), _("div", jn, [
             F(R.$slots, "footer", {}, () => [
-              D(a(le), fe(m.value, { onClick: b }), {
+              D(a(le), pe(m.value, { onClick: b }), {
                 default: N(() => [
                   Te(X(o.cancelText), 1)
                 ]),
                 _: 1
               }, 16),
-              D(a(le), fe(h.value, { onClick: q }), {
+              D(a(le), pe(h.value, { onClick: C }), {
                 default: N(() => [
                   Te(X(o.okText), 1)
                 ]),
@@ -1079,8 +1080,8 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
       _: 3
     }, 8, ["visible", "mask-closeable", "keyboard", "before-close"]));
   }
-}), Yn = "sq-divider", je = /* @__PURE__ */ z({
-  name: Yn,
+}), Kn = "sq-divider", je = /* @__PURE__ */ B({
+  name: Kn,
   __name: "Divider",
   props: {
     direction: { default: "horizontal" },
@@ -1098,7 +1099,7 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
       class: j(["sq-divider", t.value]),
       style: K({ "--divider-line-type": s.variant })
     }, [
-      a(n).default && s.direction !== "vertical" ? (v(), C(a(be), {
+      a(n).default && s.direction !== "vertical" ? (v(), q(a(be), {
         key: 0,
         ellipsis: s.ellipsis,
         size: s.size
@@ -1110,8 +1111,8 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
       }, 8, ["ellipsis", "size"])) : L("", !0)
     ], 6));
   }
-}), Kn = ["textContent", "for"], Xn = { class: "sq-form-item-content" }, Gn = ["textContent"], Zn = "sq-form-item", Jn = /* @__PURE__ */ z({
-  name: Zn,
+}), Xn = ["textContent", "for"], Gn = { class: "sq-form-item-content" }, Zn = ["textContent"], Jn = "sq-form-item", Qn = /* @__PURE__ */ B({
+  name: Jn,
   __name: "FormItem",
   props: {
     label: {},
@@ -1125,21 +1126,21 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
     const { nextId: n } = Ne(), s = i, t = w(""), e = w("");
     qe(Je, t);
     const o = y(() => {
-      const p = [];
-      return s.isRequired && p.push("is-required"), p;
+      const f = [];
+      return s.isRequired && f.push("is-required"), f;
     }), l = y(() => ["input", "switch", "select"].includes(s.type));
     te(
       () => s.errorMsg,
-      (p) => {
-        p && (e.value = p);
+      (f) => {
+        f && (e.value = f);
       }
     ), oe(() => {
       l.value && (t.value = `sq-form-item-${n()}`);
     });
-    function f() {
+    function p() {
       e.value = "";
     }
-    return (p, d) => (v(), _("div", {
+    return (f, d) => (v(), _("div", {
       class: "sq-form-item",
       style: K({ "--form-label-width": s.labelWidth })
     }, [
@@ -1148,19 +1149,19 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
         class: j(["sq-form-item-label", o.value]),
         textContent: X(s.label),
         for: s.type !== "custom" ? t.value : void 0
-      }, null, 10, Kn)) : L("", !0),
-      B("div", Xn, [
-        F(p.$slots, "default"),
+      }, null, 10, Xn)) : L("", !0),
+      z("div", Gn, [
+        F(f.$slots, "default"),
         D(_e, {
           appear: "",
           name: "sq-zoom-top",
-          onAfterLeave: f
+          onAfterLeave: p
         }, {
           default: N(() => [
-            re(B("span", {
+            ue(z("span", {
               class: "sq-form-item-check",
               textContent: X(e.value)
-            }, null, 8, Gn), [
+            }, null, 8, Zn), [
               [ve, s.errorMsg]
             ])
           ]),
@@ -1169,8 +1170,8 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
       ])
     ], 4));
   }
-}), Qn = "sq-form", ea = /* @__PURE__ */ z({
-  name: Qn,
+}), es = "sq-form", Qo = /* @__PURE__ */ B({
+  name: es,
   __name: "Form",
   props: {
     round: { type: Boolean, default: void 0 },
@@ -1201,7 +1202,7 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
         readonly: ne(l, "readonly")
       })
     );
-    const f = w({}), p = w([]), d = w({}), r = w({}), u = y(() => {
+    const p = w({}), f = w([]), d = w({}), r = w({}), c = y(() => {
       const $ = [`is-${l.layout}`];
       return l.size !== "md" && $.push(`sq-form--${l.size}`), l.requiredMark !== "hidden" && $.push(`required-${l.requiredMark}`), $;
     }), h = y(() => ({
@@ -1229,14 +1230,14 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
     ), oe(() => {
       e = structuredClone(ge(l.formData)), r.value = structuredClone(ge(l.formData));
     });
-    function c($) {
+    function u($) {
       var x;
       return (x = $.rule) == null ? void 0 : x.required;
     }
     function k($) {
       if (d.value[$]) return De;
-      if (p.value.includes($)) return ct;
-      if (f.value[$])
+      if (f.value.includes($)) return ct;
+      if (p.value[$])
         return l.invalidStatus === "error" ? ut : rt;
     }
     async function b($, x, g, S = !0) {
@@ -1246,19 +1247,19 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
         if (W === "array" && !M.includes(x)) return;
         if (W === "string" && M !== x) return;
       }
-      p.value = p.value.filter((Q) => Q !== $), ae($), d.value[$] = new AbortController(), await Se();
+      f.value = f.value.filter((Q) => Q !== $), ae($), d.value[$] = new AbortController(), await Se();
       const J = r.value[$];
       let E = !1;
-      const O = g.validateType ?? "string";
-      return g.validateFunc ? E = await R($, J, g, x) : O === "string" ? E = T($, J, g) : O === "boolean" ? E = A($, J, g) : O === "list" && (E = Y($, J, g)), S && o("validate", $, E, ge(p.value)), d.value[$].signal.aborted || ae($), E;
+      const V = g.validateType ?? "string";
+      return g.validateFunc ? E = await R($, J, g, x) : V === "string" ? E = T($, J, g) : V === "boolean" ? E = A($, J, g) : V === "list" && (E = Y($, J, g)), S && o("validate", $, E, ge(f.value)), d.value[$].signal.aborted || ae($), E;
     }
-    function q($) {
-      if (f.value[$]) return l.invalidStatus;
+    function C($) {
+      if (p.value[$]) return l.invalidStatus;
     }
     async function R($, x, g, S) {
       const M = d.value[$].signal, W = await g.validateFunc(x, M, S);
       if (W === void 0) {
-        p.value = p.value.filter((J) => J !== $), delete f.value[$];
+        f.value = f.value.filter((J) => J !== $), delete p.value[$];
         return;
       }
       return W === !0 ? ee($) : W === !1 ? H($, "字段验证失败") : W ? H($, W) : ee($), W === !0 || typeof W == "string" && !W;
@@ -1273,57 +1274,57 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
       return g.required && (!x || !x.length) ? (H($, g.requiredText ?? "字段必填"), !1) : g.pattern && x && x.map((W) => W.toString()).map((W) => g.pattern.test(W)).includes(!1) ? (H($, g.patternText ?? "字段验证失败"), !1) : (ee($), !0);
     }
     function H($, x) {
-      p.value = p.value.filter((g) => g !== $), f.value[$] = x;
+      f.value = f.value.filter((g) => g !== $), p.value[$] = x;
     }
     function ee($) {
-      p.value.push($), delete f.value[$];
+      f.value.push($), delete p.value[$];
     }
     function ae($) {
       var x;
       (x = d.value[$]) == null || x.abort(), delete d.value[$];
     }
-    function V() {
-      o("update:formData", structuredClone(e)), f.value = {}, p.value = [], o("validate", "SQFORM", !1, ge(p.value));
+    function O() {
+      o("update:formData", structuredClone(e)), p.value = {}, f.value = [], o("validate", "SQFORM", !1, ge(f.value));
     }
     function P($ = !0) {
       const g = ($ ? l.items : m.value).filter(
-        (S) => S.type !== "custom" && S.rule && !p.value.includes(S.binding)
+        (S) => S.type !== "custom" && S.rule && !f.value.includes(S.binding)
       ).map((S) => {
         const M = S;
         return b(M.binding, void 0, M.rule, !1);
       });
-      return Promise.all(g).then((S) => (o("validate", "SQFORM", !S.includes(!1), ge(p.value)), S));
+      return Promise.all(g).then((S) => (o("validate", "SQFORM", !S.includes(!1), ge(f.value)), S));
     }
-    return n({ resetFields: V, validate: P }), ($, x) => (v(), _("form", {
-      class: j(["sq-form", u.value]),
+    return n({ resetFields: O, validate: P }), ($, x) => (v(), _("form", {
+      class: j(["sq-form", c.value]),
       style: K(h.value),
       onSubmit: x[0] || (x[0] = he(() => {
       }, ["prevent"]))
     }, [
-      (v(!0), _(se, null, de(m.value, (g, S) => (v(), C(Jn, {
+      (v(!0), _(se, null, de(m.value, (g, S) => (v(), q(Qn, {
         class: j(g.itemClass),
         type: g.type,
         key: S,
         "label-width": g.labelWidth,
         label: g.label,
         "show-label": g.showLabel && l.layout !== "vertical",
-        "is-required": c(g),
-        "error-msg": l.hasFeedback ? f.value[g.binding] : ""
+        "is-required": u(g),
+        "error-msg": l.hasFeedback ? p.value[g.binding] : ""
       }, {
         default: N(() => [
-          g.type === "input" ? (v(), C(a(bt), fe({
+          g.type === "input" ? (v(), q(a(bt), pe({
             key: 0,
             ref_for: !0
           }, g.props, {
             name: g.name,
-            status: q(g.binding),
+            status: C(g.binding),
             "suffix-icon": k(g.binding),
             value: r.value[g.binding],
             "onUpdate:value": (M) => r.value[g.binding] = M,
             onChange: (M) => b(g.binding, "change", g.rule),
             onInput: (M) => b(g.binding, "input", g.rule),
             onBlur: (M) => b(g.binding, "blur", g.rule)
-          }), null, 16, ["name", "status", "suffix-icon", "value", "onUpdate:value", "onChange", "onInput", "onBlur"])) : g.type === "checkbox" ? (v(), C(a(Pn), fe({
+          }), null, 16, ["name", "status", "suffix-icon", "value", "onUpdate:value", "onChange", "onInput", "onBlur"])) : g.type === "checkbox" ? (v(), q(a(Pn), pe({
             key: 1,
             ref_for: !0
           }, g.props, {
@@ -1331,7 +1332,7 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
             value: r.value[g.binding],
             "onUpdate:value": (M) => r.value[g.binding] = M,
             onChange: (M) => b(g.binding, "change", g.rule)
-          }), null, 16, ["name", "value", "onUpdate:value", "onChange"])) : g.type === "radio" ? (v(), C(a(oo), fe({
+          }), null, 16, ["name", "value", "onUpdate:value", "onChange"])) : g.type === "radio" ? (v(), q(a(ao), pe({
             key: 2,
             ref_for: !0
           }, g.props, {
@@ -1339,7 +1340,7 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
             value: r.value[g.binding],
             "onUpdate:value": (M) => r.value[g.binding] = M,
             onChange: (M) => b(g.binding, "change", g.rule)
-          }), null, 16, ["name", "value", "onUpdate:value", "onChange"])) : g.type === "switch" ? (v(), C(a(xo), fe({
+          }), null, 16, ["name", "value", "onUpdate:value", "onChange"])) : g.type === "switch" ? (v(), q(a($o), pe({
             key: 3,
             ref_for: !0
           }, g.props, {
@@ -1348,7 +1349,7 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
             checked: r.value[g.binding],
             "onUpdate:checked": (M) => r.value[g.binding] = M,
             onChange: (M) => b(g.binding, "change", g.rule)
-          }), null, 16, ["name", "loading", "checked", "onUpdate:checked", "onChange"])) : g.type === "select" ? (v(), C(a(vo), fe({
+          }), null, 16, ["name", "loading", "checked", "onUpdate:checked", "onChange"])) : g.type === "select" ? (v(), q(a(mo), pe({
             key: 4,
             ref_for: !0
           }, g.props, {
@@ -1362,17 +1363,17 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
       }, 1032, ["class", "type", "label-width", "label", "show-label", "is-required", "error-msg"]))), 128))
     ], 38));
   }
-}), Me = Symbol("form-context-keys"), Je = Symbol("form-item-id-keys"), es = {
+}), Me = Symbol("form-context-keys"), Je = Symbol("form-item-id-keys"), ts = {
   key: 0,
   class: "sq-image-mask"
-}, ts = {
+}, ns = {
   key: 0,
   class: "sq-image-picture"
-}, ns = ["srcset", "media", "type"], ss = ["crossorigin", "alt", "src"], os = {
+}, ss = ["srcset", "media", "type"], os = ["crossorigin", "alt", "src"], as = {
   key: 2,
   class: "sq-image-error"
-}, as = "sq-image", st = /* @__PURE__ */ z({
-  name: as,
+}, ls = "sq-image", st = /* @__PURE__ */ B({
+  name: ls,
   __name: "Image",
   props: {
     alt: { default: "图片" },
@@ -1387,37 +1388,37 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
   },
   emits: ["load", "error"],
   setup(i, { emit: n }) {
-    const s = new IntersectionObserver(k), t = n, e = i, o = w(!1), l = w(e.src), f = w(!1), p = w(!1), d = w(!1), r = ce(null), u = y(() => o.value && !f.value), h = y(() => ({
-      height: u.value ? void 0 : "var(--image-placeholder-height)",
-      aspectRatio: u.value ? void 0 : e.aspectRatio
+    const s = new IntersectionObserver(k), t = n, e = i, o = w(!1), l = w(e.src), p = w(!1), f = w(!1), d = w(!1), r = ce(null), c = y(() => o.value && !p.value), h = y(() => ({
+      height: c.value ? void 0 : "var(--image-placeholder-height)",
+      aspectRatio: c.value ? void 0 : e.aspectRatio
     }));
     te(
       () => e.src,
       () => {
-        f.value = !1, o.value = !1, l.value = e.src;
+        p.value = !1, o.value = !1, l.value = e.src;
       }
     ), oe(() => {
       s.observe(r.value);
     }), ye(() => {
       s.disconnect();
     });
-    function m(q) {
-      o.value = !0, t("load", q);
+    function m(C) {
+      o.value = !0, t("load", C);
     }
-    function c(q) {
+    function u(C) {
       if (l.value !== e.fallback && e.fallback) {
         l.value = e.fallback;
         return;
       }
-      f.value = !0, o.value = !0, t("error", q);
+      p.value = !0, o.value = !0, t("error", C);
     }
-    function k(q) {
-      q[0].isIntersecting && (p.value = !0, s.disconnect());
+    function k(C) {
+      C[0].isIntersecting && (f.value = !0, s.disconnect());
     }
     function b() {
       d.value = !0;
     }
-    return (q, R) => (v(), _("div", {
+    return (C, R) => (v(), _("div", {
       class: "sq-image",
       style: K(h.value),
       ref_key: "imgRef",
@@ -1425,39 +1426,39 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
     }, [
       D(_e, { name: "sq-fade" }, {
         default: N(() => [
-          o.value ? L("", !0) : (v(), _("div", es))
+          o.value ? L("", !0) : (v(), _("div", ts))
         ]),
         _: 1
       }),
-      !f.value && p.value ? (v(), _("picture", ts, [
+      !p.value && f.value ? (v(), _("picture", ns, [
         (v(!0), _(se, null, de(e.source, (T, A) => (v(), _("source", {
           key: A,
           srcset: T.src,
           media: T.media,
           type: T.type
-        }, null, 8, ns))), 128)),
-        B("img", {
+        }, null, 8, ss))), 128)),
+        z("img", {
           style: K({ objectFit: e.objectFit }),
           crossorigin: e.crossorigin,
           alt: e.alt,
           src: l.value,
           onLoad: m,
-          onError: c
-        }, null, 44, ss)
+          onError: u
+        }, null, 44, os)
       ])) : L("", !0),
-      !f.value && p.value && e.preview ? (v(), _("div", {
+      !p.value && f.value && e.preview ? (v(), _("div", {
         key: 1,
         class: "sq-image-control",
         onClick: b
       }, [
-        D(a(ft))
+        D(a(pt))
       ])) : L("", !0),
-      f.value ? (v(), _("div", os, [
-        F(q.$slots, "error", {}, () => [
-          R[1] || (R[1] = B("span", null, "图片加载失败", -1))
+      p.value ? (v(), _("div", as, [
+        F(C.$slots, "error", {}, () => [
+          R[1] || (R[1] = z("span", null, "图片加载失败", -1))
         ])
       ])) : L("", !0),
-      e.preview ? (v(), C(a(rs), {
+      e.preview ? (v(), q(a(us), {
         key: 3,
         "src-list": [l.value],
         visible: d.value,
@@ -1465,8 +1466,8 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
       }, null, 8, ["src-list", "visible"])) : L("", !0)
     ], 4));
   }
-}), ls = ["src"], is = "sq-image-viewer", rs = /* @__PURE__ */ z({
-  name: is,
+}), is = ["src"], rs = "sq-image-viewer", us = /* @__PURE__ */ B({
+  name: rs,
   __name: "ImageViewer",
   props: /* @__PURE__ */ G({
     srcList: {},
@@ -1491,17 +1492,17 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
       transform: e,
       imgRef: o,
       handlePointerdown: l,
-      handlePointerup: f,
-      handleTouchstart: p,
+      handlePointerup: p,
+      handleTouchstart: f,
       handleTouchend: d,
       calcPointDiff: r,
-      moveImage: u,
+      moveImage: c,
       getLength: h,
       getImagePoint: m
-    } = mt(), c = { x: 0, y: 0 };
+    } = mt(), u = { x: 0, y: 0 };
     let k = 0;
-    const b = i, q = w(!1), R = w(!1), T = w(0), A = w(0), Y = w(!0), H = ie(i, "visible"), ee = y(() => b.srcList[A.value]), ae = y(() => {
-      const U = q.value ? -1 : 1, I = R.value ? -1 : 1;
+    const b = i, C = w(!1), R = w(!1), T = w(0), A = w(0), Y = w(!0), H = ie(i, "visible"), ee = y(() => b.srcList[A.value]), ae = y(() => {
+      const U = C.value ? -1 : 1, I = R.value ? -1 : 1;
       return {
         transform: [
           `scale(${t.value * U}, ${t.value * I})`,
@@ -1512,36 +1513,36 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
         transition: Y.value ? void 0 : "none"
       };
     });
-    function V() {
+    function O() {
       Y.value = !0;
     }
     function P(U) {
       U.deltaY < 0 ? W(U.x, U.y) : J(U.x, U.y);
     }
     function $(U) {
-      !n.value || !b.moveable || U.pointerType === "touch" || u(U.x, U.y);
+      !n.value || !b.moveable || U.pointerType === "touch" || c(U.x, U.y);
     }
     function x(U) {
       if (U.touches.length === 1) {
         if (!n.value || !b.moveable) return;
         const I = U.touches[0];
-        u(I.screenX, I.screenY);
+        c(I.screenX, I.screenY);
       } else if (U.touches.length === 2) {
         if (!s.value) return;
         n.value = !1, Y.value = !1;
         const I = U.touches.item(0), Z = U.touches.item(1), xe = h(I, Z), Le = xe / s.value;
         let ke = t.value * Le;
         ke = Math.min(b.maxScale, ke), ke = Math.max(b.minScale, ke);
-        const Ve = (I.clientX + Z.clientX) / 2, He = (I.clientY + Z.clientY) / 2;
-        E(ke, Ve, He), s.value = xe;
+        const Oe = (I.clientX + Z.clientX) / 2, He = (I.clientY + Z.clientY) / 2;
+        E(ke, Oe, He), s.value = xe;
       }
     }
     function g(U) {
       const Z = U.target.getBoundingClientRect(), xe = window.innerWidth, Le = window.innerHeight;
-      c.x = xe / Z.width, c.y = Le / Z.height, k = Math.min(c.x, c.y), t.value = Math.min(k, 1);
+      u.x = xe / Z.width, u.y = Le / Z.height, k = Math.min(u.x, u.y), t.value = Math.min(k, 1);
     }
     function S() {
-      t.value = Math.min(c.x, c.y, 1), q.value = !1, R.value = !1, T.value = 0, e.value = { x: 0, y: 0 };
+      t.value = Math.min(u.x, u.y, 1), C.value = !1, R.value = !1, T.value = 0, e.value = { x: 0, y: 0 };
     }
     function M(U) {
       A.value += U;
@@ -1565,18 +1566,18 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
       Y.value = !1;
       const xe = t.value, [Le, ke] = m(I, Z);
       t.value = U, Se(() => {
-        const [Ve, He] = r(Le, ke, I, Z, xe);
-        e.value.x += Ve * 2, e.value.y += He * 2, Y.value = !0;
+        const [Oe, He] = r(Le, ke, I, Z, xe);
+        e.value.x += Oe * 2, e.value.y += He * 2, Y.value = !0;
       });
     }
-    function O() {
-      t.value = Math.min(c.x, c.y), e.value = { x: 0, y: 0 };
+    function V() {
+      t.value = Math.min(u.x, u.y), e.value = { x: 0, y: 0 };
     }
     function Q() {
       t.value = 1, e.value = { x: 0, y: 0 };
     }
     function Ce() {
-      q.value = !q.value;
+      C.value = !C.value;
     }
     function Ie() {
       R.value = !R.value;
@@ -1584,10 +1585,10 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
     function Re(U) {
       T.value += U;
     }
-    function Oe() {
+    function Ve() {
       H.value = !1;
     }
-    return (U, I) => (v(), C(a(yt), {
+    return (U, I) => (v(), q(a(yt), {
       class: "sq-image-viewer-mask",
       visible: H.value,
       "onUpdate:visible": I[10] || (I[10] = (Z) => H.value = Z),
@@ -1595,13 +1596,13 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
       "mask-closeable": b.maskCloseable,
       onWheelPassive: P,
       onPointermove: $,
-      onPointerup: a(f),
+      onPointerup: a(p),
       onTouchmovePassive: x,
-      onTouchend: I[11] || (I[11] = () => a(d)(V)),
+      onTouchend: I[11] || (I[11] = () => a(d)(O)),
       onClosed: S
     }, {
       default: N(() => [
-        B("img", {
+        z("img", {
           ref_key: "imgRef",
           ref: o,
           style: K(ae.value),
@@ -1615,19 +1616,19 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
             ["prevent"]
           )),
           onTouchstartPassive: I[2] || (I[2] = //@ts-ignore
-          (...Z) => a(p) && a(p)(...Z))
-        }, null, 44, ls),
+          (...Z) => a(f) && a(f)(...Z))
+        }, null, 44, is),
         D(a(le), {
           class: "sq-image-viewer-close",
           round: "",
           icon: a(Xe),
-          onClick: he(Oe, ["stop"])
+          onClick: he(Ve, ["stop"])
         }, null, 8, ["icon"]),
         b.srcList.length > 1 ? (v(), _(se, { key: 0 }, [
           D(a(le), {
             class: "sq-image-viewer-prev",
             round: "",
-            icon: a(pt),
+            icon: a(ft),
             disabled: A.value === 0,
             onClick: I[3] || (I[3] = (Z) => M(-1))
           }, null, 8, ["icon", "disabled"]),
@@ -1749,7 +1750,7 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
               D(a(le), {
                 text: "",
                 icon: a(Dt),
-                onClick: O
+                onClick: V
               }, null, 8, ["icon"])
             ]),
             _: 1
@@ -1759,8 +1760,8 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
       _: 1
     }, 8, ["visible", "keyboard", "mask-closeable", "onPointerup"]));
   }
-}), us = ["src"], cs = "sq-image-crop", ta = /* @__PURE__ */ z({
-  name: cs,
+}), cs = ["src"], ds = "sq-image-crop", ea = /* @__PURE__ */ B({
+  name: ds,
   __name: "ImageCrop",
   props: {
     aspectRatio: { default: 1 },
@@ -1774,17 +1775,17 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
       scale: e,
       transform: o,
       imgRef: l,
-      handlePointerdown: f,
-      handlePointerup: p,
+      handlePointerdown: p,
+      handlePointerup: f,
       handleTouchstart: d,
       handleTouchend: r,
-      calcPointDiff: u,
+      calcPointDiff: c,
       moveImage: h,
       getLength: m,
-      getImagePoint: c
+      getImagePoint: u
     } = mt();
     let k = 0;
-    const b = i, q = ce(null), R = y(() => ({
+    const b = i, C = ce(null), R = y(() => ({
       transform: `scale(${e.value})`,
       marginInlineStart: `${o.value.x}px`,
       marginBlockStart: `${o.value.y}px`
@@ -1795,15 +1796,15 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
         Se(T);
       }
     ), oe(() => {
-      document.addEventListener("pointermove", Y), document.addEventListener("pointerup", p);
+      document.addEventListener("pointermove", Y), document.addEventListener("pointerup", f);
     }), ye(() => {
-      document.removeEventListener("pointermove", Y), document.removeEventListener("pointerup", p);
+      document.removeEventListener("pointermove", Y), document.removeEventListener("pointerup", f);
     });
     function T() {
       const x = l.value;
       if (!x) return;
       o.value = { x: 0, y: 0 };
-      const g = q.value.getBoundingClientRect(), S = x.naturalWidth, M = x.naturalHeight, W = g.width / S, J = g.height / M;
+      const g = C.value.getBoundingClientRect(), S = x.naturalWidth, M = x.naturalHeight, W = g.width / S, J = g.height / M;
       k = Math.max(W, J), e.value = k;
     }
     function A(x) {
@@ -1823,30 +1824,30 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
         const g = x.touches.item(0), S = x.touches.item(1), M = m(g, S), W = M / t.value;
         let J = e.value * W;
         J = Math.min(b.maxScale, J), J = Math.max(k, J);
-        const E = (g.clientX + S.clientX) / 2, O = (g.clientY + S.clientY) / 2;
-        V(E, O, J), t.value = M;
+        const E = (g.clientX + S.clientX) / 2, V = (g.clientY + S.clientY) / 2;
+        O(E, V, J), t.value = M;
       }
     }
     function ee(x, g) {
       if (e.value >= b.maxScale) return;
       const S = Math.min(b.maxScale, e.value * (1 + 0.1));
-      V(x, g, S);
+      O(x, g, S);
     }
     function ae(x, g) {
       if (e.value <= k) return;
       const S = Math.max(k, e.value / (1 + 0.1));
-      V(x, g, S);
+      O(x, g, S);
     }
-    function V(x, g, S) {
-      const M = e.value, [W, J] = c(x, g);
+    function O(x, g, S) {
+      const M = e.value, [W, J] = u(x, g);
       e.value = S, Se(() => {
-        const [E, O] = u(W, J, x, g, M);
-        o.value.x += E * 2, o.value.y += O * 2, P();
+        const [E, V] = c(W, J, x, g, M);
+        o.value.x += E * 2, o.value.y += V * 2, P();
       });
     }
     function P() {
       Se(() => {
-        const x = l.value.getBoundingClientRect(), g = q.value.getBoundingClientRect(), S = x.left >= g.left, M = x.right <= g.right;
+        const x = l.value.getBoundingClientRect(), g = C.value.getBoundingClientRect(), S = x.left >= g.left, M = x.right <= g.right;
         S ? o.value.x -= (x.left - g.left) * 2 : M && (o.value.x += (g.right - x.right) * 2);
         const W = x.top >= g.top, J = x.bottom <= g.bottom;
         W ? o.value.y -= (x.top - g.top) * 2 : J && (o.value.y += (g.bottom - x.bottom) * 2);
@@ -1855,22 +1856,22 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
     async function $(x = "base64") {
       if (!b.src) return;
       const g = l.value.naturalWidth, S = l.value.naturalHeight, M = g / S, J = g > S && M < b.aspectRatio || g < S && M > b.aspectRatio ? g / S : 1, E = e.value / k / J;
-      let O = document.createElement("canvas");
-      O.style.display = "none", b.aspectRatio >= M ? (O.width = g, O.height = g / b.aspectRatio) : (O.width = S * b.aspectRatio, O.height = S);
-      let Q = O.getContext("2d");
-      const Ce = l.value.getBoundingClientRect(), Ie = q.value.getBoundingClientRect(), Re = (Ce.left - Ie.left) / e.value, Oe = (Ce.top - Ie.top) / e.value;
+      let V = document.createElement("canvas");
+      V.style.display = "none", b.aspectRatio >= M ? (V.width = g, V.height = g / b.aspectRatio) : (V.width = S * b.aspectRatio, V.height = S);
+      let Q = V.getContext("2d");
+      const Ce = l.value.getBoundingClientRect(), Ie = C.value.getBoundingClientRect(), Re = (Ce.left - Ie.left) / e.value, Ve = (Ce.top - Ie.top) / e.value;
       return Q == null || Q.drawImage(
         l.value,
         Re * E,
-        Oe * E,
+        Ve * E,
         g * E,
         S * E
       ), new Promise((U) => {
-        x === "base64" ? U(O.toDataURL("image/png")) : O == null || O.toBlob((I) => {
+        x === "base64" ? U(V.toDataURL("image/png")) : V == null || V.toBlob((I) => {
           U(I ?? void 0);
         }, "image/png");
       }).finally(() => {
-        Q = void 0, O = void 0;
+        Q = void 0, V = void 0;
       });
     }
     return n({ cropImageAsync: $ }), (x, g) => (v(), _("div", {
@@ -1878,17 +1879,17 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
       style: K({ "--image-crop-ratio": b.aspectRatio }),
       onWheel: he(A, ["prevent", "stop"]),
       onPointerdown: g[0] || (g[0] = //@ts-ignore
-      (...S) => a(f) && a(f)(...S)),
+      (...S) => a(p) && a(p)(...S)),
       onTouchstartPassive: g[1] || (g[1] = //@ts-ignore
       (...S) => a(d) && a(d)(...S)),
       onTouchmovePassive: H,
       onTouchend: g[2] || (g[2] = () => a(r)())
     }, [
-      B("div", {
+      z("div", {
         class: "sq-image-crop-cropper",
         style: K(`${b.aspectRatio > 1 ? "width" : "height"}: 100%`),
         ref_key: "cropperRef",
-        ref: q
+        ref: C
       }, null, 4),
       b.src ? (v(), _("img", {
         key: 0,
@@ -1897,14 +1898,14 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
         style: K(R.value),
         src: b.src,
         onLoad: T
-      }, null, 44, us)) : L("", !0)
+      }, null, 44, cs)) : L("", !0)
     ], 36));
   }
-}), ds = {
+}), ps = {
   key: 0,
   class: "sq-input-prefix"
-}, fs = ["id", "disabled", "readonly", "placeholder", "type", "maxlength", "minlength", "autocomplete", "name", "autofocus", "form", "inputmode"], ps = ["id", "disabled", "readonly", "placeholder", "type", "maxlength", "minlength", "autocomplete", "name", "autofocus", "form", "inputmode", "rows", "cols"], vs = { class: "sq-input-suffix" }, ms = "sq-input", bt = /* @__PURE__ */ z({
-  name: ms,
+}, fs = ["id", "disabled", "readonly", "placeholder", "type", "maxlength", "minlength", "autocomplete", "name", "autofocus", "form", "inputmode"], vs = ["id", "disabled", "readonly", "placeholder", "type", "maxlength", "minlength", "autocomplete", "name", "autofocus", "form", "inputmode", "rows", "cols"], ms = { class: "sq-input-suffix" }, gs = "sq-input", bt = /* @__PURE__ */ B({
+  name: gs,
   __name: "Input",
   props: /* @__PURE__ */ G({
     status: {},
@@ -1934,14 +1935,14 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
   }),
   emits: /* @__PURE__ */ G(["click", "focus", "blur", "input", "change", "clear"], ["update:value"]),
   setup(i, { expose: n, emit: s }) {
-    const t = Ae(), e = s, o = i, { inputSize: l, inputRound: f, inputDisabled: p, inputReadonly: d, id: r } = hn(o), u = ie(i, "value"), h = w(!1), m = w(!1), c = ce(null), k = y(() => {
-      const E = [], O = a(l), Q = a(f), Ce = a(ae);
-      return O !== "md" && E.push(`sq-input--${O}`), o.status && E.push(`is-${o.status}`), Q && E.push("is-round"), Ce && E.push("is-disabled"), E;
-    }), b = y(() => a(m) ? Nt : ft), q = y(() => a(m) ? "text" : o.type), R = y(() => t.prefix || o.prefixIcon), T = y(() => a(h) && a(u).length), A = y(
+    const t = Ae(), e = s, o = i, { inputSize: l, inputRound: p, inputDisabled: f, inputReadonly: d, id: r } = hn(o), c = ie(i, "value"), h = w(!1), m = w(!1), u = ce(null), k = y(() => {
+      const E = [], V = a(l), Q = a(p), Ce = a(ae);
+      return V !== "md" && E.push(`sq-input--${V}`), o.status && E.push(`is-${o.status}`), Q && E.push("is-round"), Ce && E.push("is-disabled"), E;
+    }), b = y(() => a(m) ? Nt : pt), C = y(() => a(m) ? "text" : o.type), R = y(() => t.prefix || o.prefixIcon), T = y(() => a(h) && a(c).length), A = y(
       () => o.type === "password" && a(T)
     ), Y = y(() => o.clearable && a(T)), H = y(() => o.loading ? De : o.suffixIcon), ee = y(
       () => a(A) || a(Y) || a(H) || t.suffix
-    ), ae = y(() => o.loading || a(p)), V = y(() => {
+    ), ae = y(() => o.loading || a(f)), O = y(() => {
       if (o.type === "textarea")
         return a(ae) || a(d) ? "none" : o.resize;
     });
@@ -1958,38 +1959,38 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
       e("click", E);
     }
     function S() {
-      u.value = "", e("clear");
+      c.value = "", e("clear");
     }
     function M() {
       m.value = !m.value;
     }
     function W() {
       var E;
-      (E = c.value) == null || E.focus();
+      (E = u.value) == null || E.focus();
     }
     function J() {
       var E;
-      h.value = !1, (E = c.value) == null || E.blur();
+      h.value = !1, (E = u.value) == null || E.blur();
     }
-    return n({ focus: W, blur: J }), (E, O) => (v(), _("div", {
+    return n({ focus: W, blur: J }), (E, V) => (v(), _("div", {
       class: j(["sq-input", k.value]),
       onClick: g,
       onPointerdown: x
     }, [
-      R.value ? (v(), _("span", ds, [
+      R.value ? (v(), _("span", ps, [
         F(E.$slots, "prefix", {}, () => [
-          (v(), C(ue(o.prefixIcon)))
+          (v(), q(re(o.prefixIcon)))
         ])
       ])) : L("", !0),
-      o.type !== "textarea" ? re((v(), _("input", {
+      o.type !== "textarea" ? ue((v(), _("input", {
         key: 1,
         class: "sq-input-inner",
-        "onUpdate:modelValue": O[0] || (O[0] = (Q) => u.value = Q),
+        "onUpdate:modelValue": V[0] || (V[0] = (Q) => c.value = Q),
         id: a(r),
         disabled: ae.value,
         readonly: a(d),
         placeholder: o.placeholder,
-        type: q.value,
+        type: C.value,
         maxlength: o.maxlength,
         minlength: o.minlength,
         autocomplete: o.autocomplete,
@@ -1998,23 +1999,23 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
         form: o.form,
         inputmode: o.inputmode,
         ref_key: "inputRef",
-        ref: c,
+        ref: u,
         onFocus: P,
         onBlur: $,
-        onInput: O[1] || (O[1] = (Q) => e("input", Q)),
-        onChange: O[2] || (O[2] = (Q) => e("change", Q))
+        onInput: V[1] || (V[1] = (Q) => e("input", Q)),
+        onChange: V[2] || (V[2] = (Q) => e("change", Q))
       }, null, 40, fs)), [
-        [Ct, u.value]
-      ]) : re((v(), _("textarea", {
+        [Ct, c.value]
+      ]) : ue((v(), _("textarea", {
         key: 2,
         class: "sq-input-inner",
-        style: K({ resize: V.value }),
-        "onUpdate:modelValue": O[3] || (O[3] = (Q) => u.value = Q),
+        style: K({ resize: O.value }),
+        "onUpdate:modelValue": V[3] || (V[3] = (Q) => c.value = Q),
         id: a(r),
         disabled: ae.value,
         readonly: a(d),
         placeholder: o.placeholder,
-        type: q.value,
+        type: C.value,
         maxlength: o.maxlength,
         minlength: o.minlength,
         autocomplete: o.autocomplete,
@@ -2025,35 +2026,35 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
         rows: o.rows,
         cols: o.cols,
         ref_key: "inputRef",
-        ref: c,
+        ref: u,
         onFocus: P,
         onBlur: $,
-        onInput: O[4] || (O[4] = (Q) => e("input", Q)),
-        onChange: O[5] || (O[5] = (Q) => e("change", Q))
-      }, null, 44, ps)), [
-        [wt, u.value]
+        onInput: V[4] || (V[4] = (Q) => e("input", Q)),
+        onChange: V[5] || (V[5] = (Q) => e("change", Q))
+      }, null, 44, vs)), [
+        [wt, c.value]
       ]),
-      re(B("span", vs, [
-        A.value ? (v(), C(ue(b.value), {
+      ue(z("span", ms, [
+        A.value ? (v(), q(re(b.value), {
           key: 0,
           class: "sq-input-suffix-pwd",
           onPointerdown: M
         }, null, 32)) : L("", !0),
-        Y.value ? (v(), C(a(Xe), {
+        Y.value ? (v(), q(a(Xe), {
           key: 1,
           class: "sq-input-suffix-clear",
           onPointerdown: S
         })) : L("", !0),
         F(E.$slots, "suffix", {}, () => [
-          H.value ? (v(), C(ue(H.value), { key: 0 })) : L("", !0)
+          H.value ? (v(), q(re(H.value), { key: 0 })) : L("", !0)
         ])
       ], 512), [
         [ve, ee.value]
       ])
     ], 34));
   }
-}), gs = ["onClick"], hs = ["textContent"], ys = ["onClick"], bs = ["textContent"], xs = "sq-menu", na = /* @__PURE__ */ z({
-  name: xs,
+}), hs = ["onClick"], ys = ["textContent"], bs = ["onClick"], xs = ["textContent"], $s = "sq-menu", ta = /* @__PURE__ */ B({
+  name: $s,
   __name: "Menu",
   props: /* @__PURE__ */ G({
     router: { type: Boolean },
@@ -2065,40 +2066,40 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
   }),
   emits: /* @__PURE__ */ G(["click", "change"], ["update:active"]),
   setup(i, { emit: n }) {
-    const { getText: s } = Be(), t = n, e = i, o = w(!1), l = ce(null), f = ie(i, "active"), p = y(() => [`sq-menu--${e.direction}`]);
+    const { getText: s } = Be(), t = n, e = i, o = w(!1), l = ce(null), p = ie(i, "active"), f = y(() => [`sq-menu--${e.direction}`]);
     oe(async () => {
       try {
-        const { RouterLink: u } = await import("vue-router");
-        l.value = u, o.value = !0;
+        const { RouterLink: c } = await import("vue-router");
+        l.value = c, o.value = !0;
       } catch {
         console.warn("[squirrel-cloud/ui-vue] SqMenu 组件路由依赖 vue-router"), o.value = !1;
       }
     });
-    function d(u, h) {
-      u.disabled || h();
+    function d(c, h) {
+      c.disabled || h();
     }
-    function r(u, h) {
-      t("click", u.value, h), !(u.disabled || u.value === f.value) && (t("change", u.value), f.value = u.value);
+    function r(c, h) {
+      t("click", c.value, h), !(c.disabled || c.value === p.value) && (t("change", c.value), p.value = c.value);
     }
-    return (u, h) => (v(), _("menu", {
-      class: j(["sq-menu", p.value])
+    return (c, h) => (v(), _("menu", {
+      class: j(["sq-menu", f.value])
     }, [
-      e.router && o.value ? (v(!0), _(se, { key: 0 }, de(e.items, (m) => (v(), C(ue(l.value), {
+      e.router && o.value ? (v(!0), _(se, { key: 0 }, de(e.items, (m) => (v(), q(re(l.value), {
         custom: "",
         to: { name: m.value },
         key: m.value
       }, {
-        default: N(({ navigate: c, isActive: k }) => [
-          B("li", {
+        default: N(({ navigate: u, isActive: k }) => [
+          z("li", {
             class: j(["sq-menu-item", { "is-active": k, "is-disabled": m.disabled }]),
-            onClick: (b) => d(m, c)
+            onClick: (b) => d(m, u)
           }, [
-            F(u.$slots, "default", fe({ ref_for: !0 }, m), () => [
-              m.icon ? (v(), C(ue(m.icon), { key: 0 })) : L("", !0),
-              B("span", {
+            F(c.$slots, "default", pe({ ref_for: !0 }, m), () => [
+              m.icon ? (v(), q(re(m.icon), { key: 0 })) : L("", !0),
+              z("span", {
                 textContent: X(a(s)(m))
-              }, null, 8, hs),
-              e.direction === "vertical" ? re((v(), C(a(nt), {
+              }, null, 8, ys),
+              e.direction === "vertical" ? ue((v(), q(a(nt), {
                 key: 1,
                 dot: "",
                 "show-zero": "",
@@ -2107,36 +2108,36 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
                 [ve, k]
               ]) : L("", !0)
             ])
-          ], 10, gs)
+          ], 10, hs)
         ]),
         _: 2
       }, 1032, ["to"]))), 128)) : (v(!0), _(se, { key: 1 }, de(e.items, (m) => (v(), _("li", {
         class: j(["sq-menu-item", {
-          "is-active": f.value === m.value,
+          "is-active": p.value === m.value,
           "is-disabled": m.disabled
         }]),
         key: m.value,
-        onClick: (c) => r(m, c)
+        onClick: (u) => r(m, u)
       }, [
-        F(u.$slots, "default", fe({ ref_for: !0 }, m), () => [
-          m.icon ? (v(), C(ue(m.icon), { key: 0 })) : L("", !0),
-          B("span", {
+        F(c.$slots, "default", pe({ ref_for: !0 }, m), () => [
+          m.icon ? (v(), q(re(m.icon), { key: 0 })) : L("", !0),
+          z("span", {
             textContent: X(a(s)(m))
-          }, null, 8, bs),
-          e.direction === "vertical" ? re((v(), C(a(nt), {
+          }, null, 8, xs),
+          e.direction === "vertical" ? ue((v(), q(a(nt), {
             key: 1,
             dot: "",
             "show-zero": "",
             type: "primary"
           }, null, 512)), [
-            [ve, f.value === m.value]
+            [ve, p.value === m.value]
           ]) : L("", !0)
         ])
-      ], 10, ys))), 128))
+      ], 10, bs))), 128))
     ], 2));
   }
-}), $s = ["id"], _s = ["textContent"], ks = "sq-message", qs = /* @__PURE__ */ z({
-  name: ks,
+}), _s = ["id"], ks = ["textContent"], qs = "sq-message", Cs = /* @__PURE__ */ B({
+  name: qs,
   __name: "Message",
   props: {
     message: {},
@@ -2155,44 +2156,44 @@ const _n = ["disabled", "form", "type"], kn = "sq-button", le = /* @__PURE__ */
     function o() {
       t.value = !1;
     }
-    return n({ close: o }), (l, f) => (v(), C(_e, {
+    return n({ close: o }), (l, p) => (v(), q(_e, {
       appear: "",
       name: "sq-zoom-top",
       onBeforeLeave: s.onClose,
       onAfterLeave: s.onDestroy
     }, {
       default: N(() => [
-        re(B("div", {
+        ue(z("div", {
           class: j(["sq-message", `is-${s.type}`]),
           id: s.id,
           style: K({ top: `${s.offsetTop}px` })
         }, [
           D(a(be), { class: "sq-message-inner" }, {
             default: N(() => [
-              s.type && e.value ? (v(), C(ue(e.value), {
+              s.type && e.value ? (v(), q(re(e.value), {
                 key: 0,
                 class: "sq-message-icon"
               })) : L("", !0),
-              B("div", {
+              z("div", {
                 class: "sq-message-content",
                 textContent: X(s.message)
-              }, null, 8, _s)
+              }, null, 8, ks)
             ]),
             _: 1
           })
-        ], 14, $s), [
+        ], 14, _s), [
           [ve, t.value]
         ])
       ]),
       _: 1
     }, 8, ["onBeforeLeave", "onAfterLeave"]));
   }
-}), { getCssVar: Cs } = Fe(), { nextZIndex: ws } = Ze(), we = [], Ss = ["primary", "success", "info", "warn", "error"], We = parseInt(Cs("--sq-padding-md"));
-let zs = 0;
+}), { getCssVar: ws } = Fe(), { nextZIndex: Ss } = Ze(), we = [], zs = ["primary", "success", "info", "warn", "error"], We = parseInt(ws("--sq-padding-md"));
+let Bs = 0;
 const Ye = (i = {}) => {
-  const n = `sq-message-${zs++}`;
+  const n = `sq-message-${Bs++}`;
   let s = document.querySelector(".sq-message-wrap");
-  s || (s = document.createElement("div"), s.classList.add("sq-message-wrap"), document.body.appendChild(s)), s.style.zIndex = ws().toString();
+  s || (s = document.createElement("div"), s.classList.add("sq-message-wrap"), document.body.appendChild(s)), s.style.zIndex = Ss().toString();
   let t = We;
   we.forEach((d) => {
     var r;
@@ -2211,33 +2212,33 @@ const Ye = (i = {}) => {
   e.onClose = () => {
     l == null || l();
     const d = we.findIndex(
-      (m) => m.vm.component.props.id === p.component.props.id
-    ), u = we.splice(d, 1)[0].vm.el.offsetHeight;
+      (m) => m.vm.component.props.id === f.component.props.id
+    ), c = we.splice(d, 1)[0].vm.el.offsetHeight;
     if (!(we.length < 1))
       for (const m of we) {
-        let c = Number(parseInt(m.vm.el.style.top));
-        c -= u, c -= We, m.vm.component.props.offsetTop = c;
+        let u = Number(parseInt(m.vm.el.style.top));
+        u -= c, u -= We, m.vm.component.props.offsetTop = u;
       }
   };
-  const f = e.onDestroy;
+  const p = e.onDestroy;
   e.onDestroy = () => {
-    f == null || f(), Pe(null, o), o.remove(), o = null;
+    p == null || p(), Pe(null, o), o.remove(), o = null;
   };
-  const p = D(qs, e);
-  return Pe(p, o), we.push({ vm: p }), s.appendChild(o.firstElementChild), {
+  const f = D(Cs, e);
+  return Pe(f, o), we.push({ vm: f }), s.appendChild(o.firstElementChild), {
     close: () => {
       var d, r;
-      (r = (d = p.component) == null ? void 0 : d.exposed) == null || r.close();
+      (r = (d = f.component) == null ? void 0 : d.exposed) == null || r.close();
     }
   };
 };
-Ss.forEach((i) => {
+zs.forEach((i) => {
   Ye[i] = (n = {}) => (typeof n == "string" && (n = {
     message: n
   }), Ye({ ...n, type: i }));
 });
-const sa = Ye, Bs = ["textContent"], Ms = "sq-message-box", Ls = /* @__PURE__ */ z({
-  name: Ms,
+const na = Ye, Ms = ["textContent"], Ls = "sq-message-box", Ts = /* @__PURE__ */ B({
+  name: Ls,
   __name: "MessageBox",
   props: {
     message: {},
@@ -2259,9 +2260,9 @@ const sa = Ye, Bs = ["textContent"], Ms = "sq-message-box", Ls = /* @__PURE__ */
     function e() {
       t.value = !1;
     }
-    return n({ close: e }), (o, l) => (v(), C(a(Wn), {
+    return n({ close: e }), (o, l) => (v(), q(a(Yn), {
       visible: t.value,
-      "onUpdate:visible": l[0] || (l[0] = (f) => t.value = f),
+      "onUpdate:visible": l[0] || (l[0] = (p) => t.value = p),
       type: s.type,
       "mask-closeable": s.maskCloseable,
       keyboard: s.keyboard,
@@ -2273,14 +2274,14 @@ const sa = Ye, Bs = ["textContent"], Ms = "sq-message-box", Ls = /* @__PURE__ */
       onClosed: s.onDestroy
     }, {
       default: N(() => [
-        B("span", {
+        z("span", {
           textContent: X(s.message)
-        }, null, 8, Bs)
+        }, null, 8, Ms)
       ]),
       _: 1
     }, 8, ["visible", "type", "mask-closeable", "keyboard", "ok-text", "cancel-text", "title", "before-close", "onOk", "onClosed"]));
   }
-}), Ts = (i, n = {}) => {
+}), As = (i, n = {}) => {
   const s = {
     type: "warn",
     message: i,
@@ -2291,17 +2292,17 @@ const sa = Ye, Bs = ["textContent"], Ms = "sq-message-box", Ls = /* @__PURE__ */
     t == null || t(), Pe(null, e), e.remove(), e = null;
   };
   let e = document.createElement("div");
-  const o = D(Ls, s);
+  const o = D(Ts, s);
   return Pe(o, e), {
     close: () => {
-      var l, f;
-      (f = (l = o.component) == null ? void 0 : l.exposed) == null || f.close();
+      var l, p;
+      (p = (l = o.component) == null ? void 0 : l.exposed) == null || p.close();
     }
   };
-}, oa = {
-  confirm: (i, n) => Ts(i, { title: "警告", ...n ?? {} })
-}, As = "sq-pagination-prev", Is = /* @__PURE__ */ z({
-  name: As,
+}, sa = {
+  confirm: (i, n) => As(i, { title: "警告", ...n ?? {} })
+}, Is = "sq-pagination-prev", Rs = /* @__PURE__ */ B({
+  name: Is,
   __name: "PaginationPrev",
   props: /* @__PURE__ */ G({
     disabled: { type: Boolean },
@@ -2316,15 +2317,15 @@ const sa = Ye, Bs = ["textContent"], Ms = "sq-message-box", Ls = /* @__PURE__ */
     const n = i, s = ie(i, "current"), t = (e) => {
       s.value += e;
     };
-    return (e, o) => (v(), C(a(le), {
-      icon: a(pt),
+    return (e, o) => (v(), q(a(le), {
+      icon: a(ft),
       size: n.size,
       disabled: s.value === 1 || n.disabled,
       onClick: o[0] || (o[0] = (l) => t(-1))
     }, null, 8, ["icon", "size", "disabled"]));
   }
-}), Rs = "sq-pagination-next", Es = /* @__PURE__ */ z({
-  name: Rs,
+}), Es = "sq-pagination-next", Ps = /* @__PURE__ */ B({
+  name: Es,
   __name: "PaginationNext",
   props: /* @__PURE__ */ G({
     disabled: { type: Boolean },
@@ -2339,15 +2340,15 @@ const sa = Ye, Bs = ["textContent"], Ms = "sq-message-box", Ls = /* @__PURE__ */
     const n = i, s = ie(i, "current"), t = (e) => {
       s.value += e;
     };
-    return (e, o) => (v(), C(a(le), {
+    return (e, o) => (v(), q(a(le), {
       icon: a(vt),
       size: n.size,
       disabled: s.value === n.maxPage || n.disabled,
       onClick: o[0] || (o[0] = (l) => t(1))
     }, null, 8, ["icon", "size", "disabled"]));
   }
-}), Ps = { class: "sq-pagination-pager" }, Ds = "sq-pagination-pager", Ns = /* @__PURE__ */ z({
-  name: Ds,
+}), Ds = { class: "sq-pagination-pager" }, Ns = "sq-pagination-pager", Fs = /* @__PURE__ */ B({
+  name: Ns,
   __name: "PaginationPager",
   props: /* @__PURE__ */ G({
     disabled: { type: Boolean },
@@ -2362,20 +2363,20 @@ const sa = Ye, Bs = ["textContent"], Ms = "sq-message-box", Ls = /* @__PURE__ */
     const n = i, s = ie(i, "current"), t = (e) => {
       s.value = e;
     };
-    return (e, o) => (v(), _("div", Ps, [
+    return (e, o) => (v(), _("div", Ds, [
       (v(!0), _(se, null, de(n.list, (l) => (v(), _(se, { key: l }, [
-        l ? (v(), C(a(le), {
+        l ? (v(), q(a(le), {
           key: 0,
           type: s.value === l ? "primary" : void 0,
           size: n.size,
           disabled: n.disabled,
-          onClick: (f) => t(l)
+          onClick: (p) => t(l)
         }, {
           default: N(() => [
             Te(X(l), 1)
           ]),
           _: 2
-        }, 1032, ["type", "size", "disabled", "onClick"])) : (v(), C(a(le), {
+        }, 1032, ["type", "size", "disabled", "onClick"])) : (v(), q(a(le), {
           key: 1,
           icon: a(Ft),
           size: n.size,
@@ -2384,8 +2385,8 @@ const sa = Ye, Bs = ["textContent"], Ms = "sq-message-box", Ls = /* @__PURE__ */
       ], 64))), 128))
     ]));
   }
-}), Fs = "sq-pagination-next", Os = /* @__PURE__ */ z({
-  name: Fs,
+}), Vs = "sq-pagination-next", Os = /* @__PURE__ */ B({
+  name: Vs,
   __name: "PaginationTotal",
   props: {
     size: {},
@@ -2393,17 +2394,17 @@ const sa = Ye, Bs = ["textContent"], Ms = "sq-message-box", Ls = /* @__PURE__ */
   },
   setup(i) {
     const n = i;
-    return (s, t) => (v(), C(a(be), {
+    return (s, t) => (v(), q(a(be), {
       size: n.size === "sm" ? "sm" : "md"
     }, {
       default: N(() => [
-        B("span", null, "共 " + X(n.total) + " 条", 1)
+        z("span", null, "共 " + X(n.total) + " 条", 1)
       ]),
       _: 1
     }, 8, ["size"]));
   }
-}), Vs = { class: "sq-pagination" }, Hs = "sq-pagination", aa = /* @__PURE__ */ z({
-  name: Hs,
+}), Hs = { class: "sq-pagination" }, Us = "sq-pagination", oa = /* @__PURE__ */ B({
+  name: Us,
   __name: "Pagination",
   props: /* @__PURE__ */ G({
     total: { default: 0 },
@@ -2420,33 +2421,33 @@ const sa = Ye, Bs = ["textContent"], Ms = "sq-message-box", Ls = /* @__PURE__ */
   emits: ["update:current", "update:pageSize"],
   setup(i) {
     const n = i, s = ie(i, "current"), t = ie(i, "pageSize"), e = y(() => Math.ceil(n.total / t.value) || 1), o = y(() => {
-      const f = [], p = Math.floor(n.pagerCount / 2) - 1;
-      let d = s.value - p, r = s.value + p;
-      d < 2 && (d = 2, r = d + p * 2), r > e.value - 1 && (r = e.value - 1, d = r - p * 2);
-      for (let u = 1; u <= e.value; u++)
-        u === 1 || u === e.value || u >= d && u <= r ? f.push(u) : (u === d - 1 || u === r + 1) && f.push(0);
-      return f;
+      const p = [], f = Math.floor(n.pagerCount / 2) - 1;
+      let d = s.value - f, r = s.value + f;
+      d < 2 && (d = 2, r = d + f * 2), r > e.value - 1 && (r = e.value - 1, d = r - f * 2);
+      for (let c = 1; c <= e.value; c++)
+        c === 1 || c === e.value || c >= d && c <= r ? p.push(c) : (c === d - 1 || c === r + 1) && p.push(0);
+      return p;
     }), l = y(() => {
-      const f = n.layout ?? ["prev", "pager", "next"], p = [];
-      for (const d of f)
+      const p = n.layout ?? ["prev", "pager", "next"], f = [];
+      for (const d of p)
         switch (d) {
           case "prev":
-            p.push(Is);
+            f.push(Rs);
             break;
           case "pager":
-            p.push(Ns);
+            f.push(Fs);
             break;
           case "next":
-            p.push(Es);
+            f.push(Ps);
             break;
           case "total":
-            p.push(Os);
+            f.push(Os);
             break;
         }
-      return p;
+      return f;
     });
-    return (f, p) => (v(), _("div", Vs, [
-      (v(!0), _(se, null, de(l.value, (d, r) => (v(), C(ue(d), {
+    return (p, f) => (v(), _("div", Hs, [
+      (v(!0), _(se, null, de(l.value, (d, r) => (v(), q(re(d), {
         key: r,
         size: n.size,
         disabled: n.disabled,
@@ -2454,12 +2455,12 @@ const sa = Ye, Bs = ["textContent"], Ms = "sq-message-box", Ls = /* @__PURE__ */
         "max-page": e.value,
         total: n.total,
         current: s.value,
-        "onUpdate:current": p[0] || (p[0] = (u) => s.value = u)
+        "onUpdate:current": f[0] || (f[0] = (c) => s.value = c)
       }, null, 40, ["size", "disabled", "list", "max-page", "total", "current"]))), 128))
     ]));
   }
-}), Us = "sq-only-child", js = /* @__PURE__ */ z({
-  name: Us,
+}), js = "sq-only-child", Ws = /* @__PURE__ */ B({
+  name: js,
   setup(i, {
     slots: n,
     attrs: s
@@ -2494,8 +2495,8 @@ function xt(i) {
 function ot(i) {
   return D("span", null, [i]);
 }
-const Ws = "sq-popover", $t = /* @__PURE__ */ z({
-  name: Ws,
+const Ys = "sq-popover", $t = /* @__PURE__ */ B({
+  name: Ys,
   __name: "Popover",
   props: /* @__PURE__ */ G({
     placement: { default: "top" },
@@ -2516,37 +2517,37 @@ const Ws = "sq-popover", $t = /* @__PURE__ */ z({
   emits: /* @__PURE__ */ G(["openChange"], ["update:visible"]),
   setup(i, { emit: n }) {
     const { getCssVar: s } = Fe(), { nextZIndex: t } = Ze(), e = Ke(), o = parseInt(s("--sq-padding-sm")), l = parseInt(s("--sq-padding-md"));
-    let f, p, d = !1;
-    const r = n, u = i, h = ie(i, "visible"), m = w(0), c = w({}), k = w(!1), b = ce(null), q = ce(null), R = y(() => {
+    let p, f, d = !1;
+    const r = n, c = i, h = ie(i, "visible"), m = w(0), u = w({}), k = w(!1), b = ce(null), C = ce(null), R = y(() => {
       const P = [];
-      return u.shadow && P.push("has-shadow"), [P];
+      return c.shadow && P.push("has-shadow"), [P];
     });
     te(h, (P) => {
       if (P === d) return;
-      d = P, V();
-      const $ = P ? u.showAfter : u.hideAfter;
-      f = setTimeout(() => {
+      d = P, O();
+      const $ = P ? c.showAfter : c.hideAfter;
+      p = setTimeout(() => {
         k.value = P;
       }, $);
     }), te(k, (P) => {
-      P ? (m.value = t(), ae(), p = Vt(
+      P ? (m.value = t(), ae(), f = Ot(
         b.value.$el,
-        q.value,
+        C.value,
         ae
-      )) : p == null || p(), r("openChange", P);
+      )) : f == null || f(), r("openChange", P);
     }), oe(() => {
       ae();
     }), ye(() => {
-      V(), document.removeEventListener("click", ee);
+      O(), document.removeEventListener("click", ee);
     });
     function T() {
-      u.trigger !== "hover" || u.disabled || H(!1);
+      c.trigger !== "hover" || c.disabled || H(!1);
     }
     function A() {
-      u.trigger === "hover" && ee();
+      c.trigger === "hover" && ee();
     }
     function Y(P) {
-      u.trigger === "click" && !u.disabled && !h.value && (P.stopPropagation(), H());
+      c.trigger === "click" && !c.disabled && !h.value && (P.stopPropagation(), H());
     }
     function H(P = !0) {
       h.value = !0, P && document.addEventListener("click", ee);
@@ -2556,26 +2557,26 @@ const Ws = "sq-popover", $t = /* @__PURE__ */ z({
     }
     async function ae() {
       var M, W;
-      const P = typeof ((M = b.value) == null ? void 0 : M.$el.getBoundingClientRect), $ = typeof ((W = q.value) == null ? void 0 : W.getBoundingClientRect);
+      const P = typeof ((M = b.value) == null ? void 0 : M.$el.getBoundingClientRect), $ = typeof ((W = C.value) == null ? void 0 : W.getBoundingClientRect);
       if (P !== "function" || $ !== "function") return;
-      const x = await Ht(b.value.$el, q.value, {
-        placement: u.placement,
+      const x = await Ht(b.value.$el, C.value, {
+        placement: c.placement,
         middleware: [
-          Ut(u.offset ?? o),
+          Ut(c.offset ?? o),
           jt(),
           Wt({ padding: l })
         ]
       }), { x: g, y: S } = x;
-      c.value = {
+      u.value = {
         left: `${g}px`,
         top: `${S}px`
       };
     }
-    function V() {
-      f && (clearTimeout(f), f = void 0);
+    function O() {
+      p && (clearTimeout(p), p = void 0);
     }
     return (P, $) => (v(), _(se, null, [
-      D(a(js), {
+      D(a(Ws), {
         class: j(["sq-popover-trigger", a(e).class]),
         style: K(a(e).style),
         ref_key: "triggerRef",
@@ -2589,19 +2590,19 @@ const Ws = "sq-popover", $t = /* @__PURE__ */ z({
         ]),
         _: 3
       }, 8, ["class", "style"]),
-      (v(), C(lt, {
+      (v(), q(lt, {
         to: "body",
-        disabled: !u.teleported
+        disabled: !c.teleported
       }, [
         D(_e, {
-          name: u.transition
+          name: c.transition
         }, {
           default: N(() => [
-            re(B("div", {
-              class: j(["sq-popover", [R.value, u.popoverClass]]),
-              style: K([{ ...c.value, zIndex: m.value }, u.popoverStyle]),
+            ue(z("div", {
+              class: j(["sq-popover", [R.value, c.popoverClass]]),
+              style: K([{ ...u.value, zIndex: m.value }, c.popoverStyle]),
               ref_key: "popverRef",
-              ref: q,
+              ref: C,
               onClick: $[0] || ($[0] = he(() => {
               }, ["stop"]))
             }, [
@@ -2615,11 +2616,11 @@ const Ws = "sq-popover", $t = /* @__PURE__ */ z({
       ], 8, ["disabled"]))
     ], 64));
   }
-}), Ys = {
+}), Ks = {
   key: 0,
   class: "sq-progress-label"
-}, Ks = ["textContent"], Xs = "sq-progress", Gs = /* @__PURE__ */ z({
-  name: Xs,
+}, Xs = ["textContent"], Gs = "sq-progress", Zs = /* @__PURE__ */ B({
+  name: Gs,
   __name: "Progress",
   props: {
     value: {},
@@ -2638,13 +2639,13 @@ const Ws = "sq-popover", $t = /* @__PURE__ */ z({
     }), l = y(() => {
       const r = s.max - s.min;
       return (s.value - s.min) * 100 / r;
-    }), f = y(() => `${Math.round(l.value * 10) / 10} %`), p = y(() => {
+    }), p = y(() => `${Math.round(l.value * 10) / 10} %`), f = y(() => {
       const r = {};
       if (r["--progress-stroke"] = `${s.stroke}px`, !s.variant)
         r["--progress-value"] = `${l.value}%`;
       else if (e.value) {
-        const u = 100 / t.value * s.stroke, h = (100 - u) / 2, m = Math.PI * h * 2, c = l.value / 100;
-        r["--progress-circle-r"] = `${h}px`, r["--progress-circle-l"] = `${m}px`, r["--progress-circle-stroke"] = `${u}px`, r["--progress-value"] = `${m * c}`, l.value === 0 && (r["--progress-circle-opaciry"] = "0");
+        const c = 100 / t.value * s.stroke, h = (100 - c) / 2, m = Math.PI * h * 2, u = l.value / 100;
+        r["--progress-circle-r"] = `${h}px`, r["--progress-circle-l"] = `${m}px`, r["--progress-circle-stroke"] = `${c}px`, r["--progress-value"] = `${m * u}`, l.value === 0 && (r["--progress-circle-opaciry"] = "0");
       }
       if (s.color) {
         const h = typeof s.color == "string" ? s.color : s.color(l.value);
@@ -2660,44 +2661,44 @@ const Ws = "sq-popover", $t = /* @__PURE__ */ z({
     function d() {
       t.value = e.value.getBoundingClientRect().width;
     }
-    return (r, u) => (v(), _("div", {
+    return (r, c) => (v(), _("div", {
       class: j(["sq-progress", o.value]),
       ref_key: "progressRef",
       ref: e,
-      style: K(p.value)
+      style: K(f.value)
     }, [
       s.variant === "circle" ? (v(), _(se, { key: 0 }, [
-        u[0] || (u[0] = B("svg", {
+        c[0] || (c[0] = z("svg", {
           viewBox: "0 0 100 100",
           version: "1.1",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          B("circle", {
+          z("circle", {
             class: "sq-progress-track",
             cx: "50",
             cy: "50"
           }),
-          B("circle", {
+          z("circle", {
             class: "sq-progress-path",
             cx: "50",
             cy: "50"
           })
         ], -1)),
-        s.label ? (v(), _("div", Ys, [
+        s.label ? (v(), _("div", Ks, [
           F(r.$slots, "default", { percentage: l.value }, () => [
-            B("span", {
-              textContent: X(f.value)
-            }, null, 8, Ks)
+            z("span", {
+              textContent: X(p.value)
+            }, null, 8, Xs)
           ])
         ])) : L("", !0)
       ], 64)) : L("", !0)
     ], 6));
   }
-}), Zs = ["autofocus", "name", "form", "value", "disabled"], Js = {
+}), Js = ["autofocus", "name", "form", "value", "disabled"], Qs = {
   key: 0,
   class: "sq-radio-box"
-}, Qs = ["textContent"], eo = "sq-radio", to = /* @__PURE__ */ z({
-  name: eo,
+}, eo = ["textContent"], to = "sq-radio", no = /* @__PURE__ */ B({
+  name: to,
   __name: "Radio",
   props: /* @__PURE__ */ G({
     form: {},
@@ -2718,49 +2719,49 @@ const Ws = "sq-popover", $t = /* @__PURE__ */ z({
       radioSize: e,
       radioDisabled: o,
       radioForm: l,
-      radioName: f,
-      radioVariant: p,
+      radioName: p,
+      radioVariant: f,
       groupContext: d
-    } = yn(t), r = w(), u = ie(i, "checked"), h = y(() => {
-      const c = [], k = a(e), b = a(o), q = a(p);
-      return k !== "md" && c.push(`sq-selection--${k}`), m.value && c.push("is-checked"), b && c.push("is-disabled"), q && c.push(`is-${q}`), c;
-    }), m = y(() => d ? a(d).checked === t.value : u.value);
-    return te(r, (c) => {
-      u.value = c === t.value;
-    }), te(m, (c) => {
-      if (c ? r.value = t.value ?? "on" : r.value = void 0, u.value !== c) {
-        u.value = c;
+    } = yn(t), r = w(), c = ie(i, "checked"), h = y(() => {
+      const u = [], k = a(e), b = a(o), C = a(f);
+      return k !== "md" && u.push(`sq-selection--${k}`), m.value && u.push("is-checked"), b && u.push("is-disabled"), C && u.push(`is-${C}`), u;
+    }), m = y(() => d ? a(d).checked === t.value : c.value);
+    return te(r, (u) => {
+      c.value = u === t.value;
+    }), te(m, (u) => {
+      if (u ? r.value = t.value ?? "on" : r.value = void 0, c.value !== u) {
+        c.value = u;
         return;
       }
-    }), te(u, (c) => {
-      m.value !== c && d && d.value.toggleItem(t.value);
+    }), te(c, (u) => {
+      m.value !== u && d && d.value.toggleItem(t.value);
     }), oe(() => {
-      u.value = m.value, r.value = u.value ? t.value ?? "on" : void 0;
-    }), (c, k) => (v(), _("label", {
+      c.value = m.value, r.value = c.value ? t.value ?? "on" : void 0;
+    }), (u, k) => (v(), _("label", {
       class: j(["sq-selection sq-radio", h.value])
     }, [
-      re(B("input", {
+      ue(z("input", {
         type: "radio",
         autofocus: t.autofocus,
-        name: a(f),
+        name: a(p),
         form: a(l),
         value: t.value,
         disabled: a(o),
         "onUpdate:modelValue": k[0] || (k[0] = (b) => r.value = b),
         onChange: k[1] || (k[1] = (b) => s("change", m.value))
-      }, null, 40, Zs), [
+      }, null, 40, Js), [
         [it, r.value]
       ]),
-      a(p) !== "solid" ? (v(), _("span", Js)) : L("", !0),
+      a(f) !== "solid" ? (v(), _("span", Qs)) : L("", !0),
       t.label ? (v(), _("span", {
         key: 1,
         class: "sq-selection-label",
         textContent: X(t.label)
-      }, null, 8, Qs)) : L("", !0)
+      }, null, 8, eo)) : L("", !0)
     ], 2));
   }
-}), no = { class: "sq-radio-group sq-selection-group" }, so = "sq-radio-group", oo = /* @__PURE__ */ z({
-  name: so,
+}), so = { class: "sq-radio-group sq-selection-group" }, oo = "sq-radio-group", ao = /* @__PURE__ */ B({
+  name: oo,
   __name: "RadioGroup",
   props: {
     items: { default: () => [] },
@@ -2773,7 +2774,7 @@ const Ws = "sq-popover", $t = /* @__PURE__ */ z({
   },
   emits: ["change", "update:value"],
   setup(i, { emit: n }) {
-    const { nextId: s } = Ne(), { getText: t } = Be(), e = n, o = i, l = w(o.value), f = y(() => o.name ?? `sq-radio-${s()}`), p = y(() => o.items.map((r) => typeof r == "string" ? {
+    const { nextId: s } = Ne(), { getText: t } = Be(), e = n, o = i, l = w(o.value), p = y(() => o.name ?? `sq-radio-${s()}`), f = y(() => o.items.map((r) => typeof r == "string" ? {
       text: r,
       value: r
     } : typeof r == "number" ? {
@@ -2784,7 +2785,7 @@ const Ws = "sq-popover", $t = /* @__PURE__ */ z({
       _t,
       w({
         form: ne(o, "form"),
-        name: f,
+        name: p,
         disabled: ne(o, "disabled"),
         size: ne(o, "size"),
         variant: ne(o, "variant"),
@@ -2800,9 +2801,9 @@ const Ws = "sq-popover", $t = /* @__PURE__ */ z({
     function d(r) {
       l.value = r, e("change", l.value), e("update:value", l.value);
     }
-    return (r, u) => (v(), _("div", no, [
+    return (r, c) => (v(), _("div", so, [
       F(r.$slots, "default", {}, () => [
-        (v(!0), _(se, null, de(p.value, (h, m) => (v(), C(a(to), {
+        (v(!0), _(se, null, de(f.value, (h, m) => (v(), q(a(no), {
           key: m,
           disabled: h.disabled === !0,
           label: a(t)(h),
@@ -2811,8 +2812,8 @@ const Ws = "sq-popover", $t = /* @__PURE__ */ z({
       ])
     ]));
   }
-}), _t = Symbol("radio-group-context-keys"), ao = "sq-segmented", la = /* @__PURE__ */ z({
-  name: ao,
+}), _t = Symbol("radio-group-context-keys"), lo = "sq-segmented", aa = /* @__PURE__ */ B({
+  name: lo,
   __name: "Segmented",
   props: /* @__PURE__ */ G({
     name: {},
@@ -2826,52 +2827,52 @@ const Ws = "sq-popover", $t = /* @__PURE__ */ z({
   }),
   emits: /* @__PURE__ */ G(["change", "update:value"], ["update:value"]),
   setup(i, { emit: n }) {
-    const { nextId: s } = Ne(), t = n, e = i, o = w(), l = w(), f = ie(i, "value"), p = y(() => e.items.map((c) => typeof c == "string" ? {
-      text: c,
-      value: c
-    } : c)), d = y(() => {
-      const c = [];
-      return e.size !== "md" && c.push(`sq-segmented--${e.size}`), e.round && c.push("is-round"), c;
+    const { nextId: s } = Ne(), t = n, e = i, o = w(), l = w(), p = ie(i, "value"), f = y(() => e.items.map((u) => typeof u == "string" ? {
+      text: u,
+      value: u
+    } : u)), d = y(() => {
+      const u = [];
+      return e.size !== "md" && u.push(`sq-segmented--${e.size}`), e.round && u.push("is-round"), u;
     }), r = y(() => {
-      const c = {};
-      return o.value && (c.width = `${o.value}px`), l.value && (c.left = `${l.value}px`), c;
-    }), u = y(() => e.name ?? `sq-segmented-${s()}`);
+      const u = {};
+      return o.value && (u.width = `${o.value}px`), l.value && (u.left = `${l.value}px`), u;
+    }), c = y(() => e.name ?? `sq-segmented-${s()}`);
     qe(
       kt,
       w({
-        name: u,
+        name: c,
         disabled: ne(e, "disabled"),
         size: ne(e, "size"),
-        active: f,
+        active: p,
         toggleItem: h,
         updateThumb: m
       })
     ), oe(() => {
-      var c;
-      f.value || (f.value = (c = p.value[0]) == null ? void 0 : c.value);
+      var u;
+      p.value || (p.value = (u = f.value[0]) == null ? void 0 : u.value);
     });
-    function h(c) {
-      f.value = c, t("change", c);
+    function h(u) {
+      p.value = u, t("change", u);
     }
-    function m(c) {
-      l.value = c == null ? void 0 : c.offsetLeft, o.value = c == null ? void 0 : c.clientWidth;
+    function m(u) {
+      l.value = u == null ? void 0 : u.offsetLeft, o.value = u == null ? void 0 : u.clientWidth;
     }
-    return (c, k) => (v(), _("div", {
+    return (u, k) => (v(), _("div", {
       class: j(["sq-segmented", d.value])
     }, [
-      B("div", {
+      z("div", {
         class: "sq-segmented-thumb",
         style: K(r.value)
       }, null, 4),
-      F(c.$slots, "default", {}, () => [
-        (v(!0), _(se, null, de(p.value, (b) => (v(), C(a(ro), fe({
+      F(u.$slots, "default", {}, () => [
+        (v(!0), _(se, null, de(f.value, (b) => (v(), q(a(uo), pe({
           key: b.value
         }, { ref_for: !0 }, b), null, 16))), 128))
       ])
     ], 2));
   }
-}), lo = ["name", "value", "disabled"], io = "sq-segmented-item", ro = /* @__PURE__ */ z({
-  name: io,
+}), io = ["name", "value", "disabled"], ro = "sq-segmented-item", uo = /* @__PURE__ */ B({
+  name: ro,
   __name: "SegmentedItem",
   props: {
     icon: {},
@@ -2880,42 +2881,42 @@ const Ws = "sq-popover", $t = /* @__PURE__ */ z({
     disabled: { type: Boolean }
   },
   setup(i) {
-    const n = i, { segmentedDisabled: s, parentContext: t } = bn(n), { getText: e } = Be(), o = w(), l = ce(null), f = y(() => {
-      const u = [], h = a(s);
-      return p.value && u.push("is-active"), h && u.push("is-disabled"), u;
-    }), p = y(() => a(t).active === n.value), d = y(() => a(t).size !== "sm" ? "md" : "sm");
-    te(p, (u) => {
-      if (u) {
+    const n = i, { segmentedDisabled: s, parentContext: t } = bn(n), { getText: e } = Be(), o = w(), l = ce(null), p = y(() => {
+      const c = [], h = a(s);
+      return f.value && c.push("is-active"), h && c.push("is-disabled"), c;
+    }), f = y(() => a(t).active === n.value), d = y(() => a(t).size !== "sm" ? "md" : "sm");
+    te(f, (c) => {
+      if (c) {
         if (o.value = n.value ?? "on", !t) return;
         t.value.updateThumb(l.value);
       } else o.value = void 0;
     }), oe(() => {
-      o.value = p.value ? n.value ?? "on" : void 0, !(!p.value || !t) && t.value.updateThumb(l.value);
+      o.value = f.value ? n.value ?? "on" : void 0, !(!f.value || !t) && t.value.updateThumb(l.value);
     });
     function r() {
       t && t.value.toggleItem(n.value);
     }
-    return (u, h) => {
+    return (c, h) => {
       var m;
       return v(), _("label", {
-        class: j(["sq-segmented-item", f.value]),
+        class: j(["sq-segmented-item", p.value]),
         ref_key: "itemRef",
         ref: l
       }, [
-        re(B("input", {
+        ue(z("input", {
           type: "radio",
           name: (m = a(t)) == null ? void 0 : m.name,
           value: n.value,
           disabled: a(s),
-          "onUpdate:modelValue": h[0] || (h[0] = (c) => o.value = c),
+          "onUpdate:modelValue": h[0] || (h[0] = (u) => o.value = u),
           onChange: r
-        }, null, 40, lo), [
+        }, null, 40, io), [
           [it, o.value]
         ]),
-        F(u.$slots, "default", {}, () => [
+        F(c.$slots, "default", {}, () => [
           D(a(be), { size: d.value }, {
             default: N(() => [
-              n.icon ? (v(), C(ue(n.icon), { key: 0 })) : L("", !0),
+              n.icon ? (v(), q(re(n.icon), { key: 0 })) : L("", !0),
               Te(" " + X(a(e)(n)), 1)
             ]),
             _: 1
@@ -2926,7 +2927,7 @@ const Ws = "sq-popover", $t = /* @__PURE__ */ z({
   }
 }), kt = Symbol(
   "segmented-context-keys"
-), uo = ["textContent"], co = /* @__PURE__ */ z({
+), co = ["textContent"], po = /* @__PURE__ */ B({
   __name: "SelectItem",
   props: {
     value: {},
@@ -2935,24 +2936,24 @@ const Ws = "sq-popover", $t = /* @__PURE__ */ z({
   },
   setup(i) {
     const { parentContext: n } = xn(), s = i, { getText: t } = Be(), e = y(() => {
-      const f = [];
-      return o.value && f.push("is-active"), s.disabled && f.push("is-disabled"), f;
+      const p = [];
+      return o.value && p.push("is-active"), s.disabled && p.push("is-disabled"), p;
     }), o = y(() => a(n).active === s.value);
-    function l(f) {
-      !n || f.disabled || o.value || n.value.toggleItem(s.value);
+    function l(p) {
+      !n || p.disabled || o.value || n.value.toggleItem(s.value);
     }
-    return (f, p) => (v(), _("li", {
+    return (p, f) => (v(), _("li", {
       class: j(e.value),
-      onClick: p[0] || (p[0] = (d) => l(s))
+      onClick: f[0] || (f[0] = (d) => l(s))
     }, [
-      B("span", {
+      z("span", {
         textContent: X(a(t)(s))
-      }, null, 8, uo),
-      o.value ? (v(), C(a(dt), { key: 0 })) : L("", !0)
+      }, null, 8, co),
+      o.value ? (v(), q(a(dt), { key: 0 })) : L("", !0)
     ], 2));
   }
-}), fo = ["textContent"], po = "sq-select", vo = /* @__PURE__ */ z({
-  name: po,
+}), fo = ["textContent"], vo = "sq-select", mo = /* @__PURE__ */ B({
+  name: vo,
   __name: "Select",
   props: /* @__PURE__ */ G({
     status: {},
@@ -2975,7 +2976,7 @@ const Ws = "sq-popover", $t = /* @__PURE__ */ z({
   setup(i, { emit: n }) {
     const { getText: s } = Be();
     let t = "";
-    const e = n, o = i, l = w(!1), f = w(), p = w(""), d = ce(null), r = ie(i, "value"), u = y(() => o.items.map((A) => typeof A == "string" ? {
+    const e = n, o = i, l = w(!1), p = w(), f = w(""), d = ce(null), r = ie(i, "value"), c = y(() => o.items.map((A) => typeof A == "string" ? {
       text: A,
       value: A
     } : A));
@@ -2986,26 +2987,26 @@ const Ws = "sq-popover", $t = /* @__PURE__ */ z({
         toggleItem: m
       })
     ), te(l, () => {
-      t = p.value;
-    }), te(r, c), te(() => o.items, c), oe(() => {
-      c();
+      t = f.value;
+    }), te(r, u), te(() => o.items, u), oe(() => {
+      u();
     });
     function h(A) {
       var H;
-      if (!A || typeof f.value < "u") return;
+      if (!A || typeof p.value < "u") return;
       const Y = (H = d.value) == null ? void 0 : H.$el;
-      f.value = Y.getBoundingClientRect().width;
+      p.value = Y.getBoundingClientRect().width;
     }
     function m(A) {
       l.value && (r.value = A, l.value = !1, e("select", A));
     }
-    function c() {
-      const A = u.value.find((Y) => Y.value === r.value);
+    function u() {
+      const A = c.value.find((Y) => Y.value === r.value);
       if (!A) {
-        p.value = "";
+        f.value = "";
         return;
       }
-      p.value = s(A);
+      f.value = s(A);
     }
     function k() {
       l.value = !0;
@@ -3013,35 +3014,35 @@ const Ws = "sq-popover", $t = /* @__PURE__ */ z({
     function b(A) {
       l.value = !0, e("focus", A);
     }
-    function q(A) {
+    function C(A) {
       l.value = !1, e("blur", A);
     }
     function R() {
       r.value = "", e("clear");
     }
     function T() {
-      p.value = t;
+      f.value = t;
     }
-    return (A, Y) => (v(), C(a($t), {
+    return (A, Y) => (v(), q(a($t), {
       class: j(["sq-select", { "dropdown-opened": l.value }]),
       placement: "bottom-start",
       trigger: "manual",
       "popover-class": "sq-select-dropdown",
       disabled: o.disabled,
       "hide-after": 100,
-      "popover-style": { width: `${f.value}px` },
+      "popover-style": { width: `${p.value}px` },
       visible: l.value,
       "onUpdate:visible": Y[3] || (Y[3] = (H) => l.value = H),
       onOpenChange: h
     }, {
       reference: N(() => [
         D(a(bt), {
-          value: p.value,
-          "onUpdate:value": Y[0] || (Y[0] = (H) => p.value = H),
+          value: f.value,
+          "onUpdate:value": Y[0] || (Y[0] = (H) => f.value = H),
           disabled: o.disabled,
           placeholder: o.placeholder,
           "prefix-icon": o.prefixIcon,
-          "suffix-icon": a(Ot),
+          "suffix-icon": a(Vt),
           size: o.size,
           round: o.round,
           status: o.status,
@@ -3053,18 +3054,18 @@ const Ws = "sq-popover", $t = /* @__PURE__ */ z({
           ref: d,
           onClick: k,
           onFocus: b,
-          onBlur: q,
+          onBlur: C,
           onClear: R,
           onInput: T
         }, null, 8, ["value", "disabled", "placeholder", "prefix-icon", "suffix-icon", "size", "round", "status", "autofocus", "clearable", "name", "form"])
       ]),
       default: N(() => [
-        u.value.length ? (v(), _("menu", {
+        c.value.length ? (v(), _("menu", {
           key: 1,
           onMousedown: Y[2] || (Y[2] = he(() => {
           }, ["prevent"]))
         }, [
-          (v(!0), _(se, null, de(u.value, (H) => (v(), C(co, fe({
+          (v(!0), _(se, null, de(c.value, (H) => (v(), q(po, pe({
             key: H.value
           }, { ref_for: !0 }, H), null, 16))), 128))
         ], 32)) : (v(), _("div", {
@@ -3080,8 +3081,8 @@ const Ws = "sq-popover", $t = /* @__PURE__ */ z({
   }
 }), qt = Symbol(
   "select-context-keys"
-), mo = "sq-swipe", ia = /* @__PURE__ */ z({
-  name: mo,
+), go = "sq-swipe", la = /* @__PURE__ */ B({
+  name: go,
   __name: "Swipe",
   props: /* @__PURE__ */ G({
     direction: { default: "horizontal" },
@@ -3100,106 +3101,106 @@ const Ws = "sq-popover", $t = /* @__PURE__ */ z({
   emits: /* @__PURE__ */ G(["change"], ["update:value"]),
   setup(i, { emit: n }) {
     const { getCssVar: s } = Fe(), t = { x: 0, y: 0 }, e = s("--sq-component-size-md"), o = parseInt(e), l = o / 2;
-    let f = !1, p = 0, d = [0, 0];
-    const r = n, u = i, h = w(0), m = ce(null), c = ie(i, "value"), k = y(() => [`sq-swipe-${u.direction}`]), b = y(() => {
-      const V = {}, P = u.direction === "horizontal" ? "left" : "top";
-      return V[P] = `${h.value}px`, V;
-    }), q = y(
-      () => u.direction === "horizontal" ? "right" : "bottom"
-    ), R = y(() => u.disabled ? void 0 : `linear-gradient(${[
-      `to ${q.value}`,
+    let p = !1, f = 0, d = [0, 0];
+    const r = n, c = i, h = w(0), m = ce(null), u = ie(i, "value"), k = y(() => [`sq-swipe-${c.direction}`]), b = y(() => {
+      const O = {}, P = c.direction === "horizontal" ? "left" : "top";
+      return O[P] = `${h.value}px`, O;
+    }), C = y(
+      () => c.direction === "horizontal" ? "right" : "bottom"
+    ), R = y(() => c.disabled ? void 0 : `linear-gradient(${[
+      `to ${C.value}`,
       `#000 ${h.value}px`,
       `transparent ${h.value + 1}px`
-    ].join(",")})`), T = y(() => u.disabled ? void 0 : `linear-gradient(${[
-      `to ${q.value}`,
+    ].join(",")})`), T = y(() => c.disabled ? void 0 : `linear-gradient(${[
+      `to ${C.value}`,
       `transparent ${h.value}px`,
       `#000 ${h.value + 1}px`
     ].join(",")})`);
-    te(c, () => {
-      f || A();
+    te(u, () => {
+      p || A();
     }), oe(() => {
       A(), document.addEventListener("pointermove", ee), document.addEventListener("pointerup", H);
     }), ye(() => {
       document.removeEventListener("pointermove", ee), document.removeEventListener("pointerup", H);
     });
     function A() {
-      const V = m.value.getBoundingClientRect(), P = c.value >= 0 && c.value <= 1 ? c.value : 0.5;
-      if (u.direction === "horizontal") {
-        d = [l, V.width - l];
-        const $ = (V.width - o) * P;
+      const O = m.value.getBoundingClientRect(), P = u.value >= 0 && u.value <= 1 ? u.value : 0.5;
+      if (c.direction === "horizontal") {
+        d = [l, O.width - l];
+        const $ = (O.width - o) * P;
         h.value = l + $;
       } else {
-        d = [l, V.height - l];
-        const $ = (V.height - o) * P;
+        d = [l, O.height - l];
+        const $ = (O.height - o) * P;
         h.value = l + $;
       }
-      p = h.value;
+      f = h.value;
     }
-    function Y(V) {
-      f = !0, t.x = V.x, t.y = V.y;
+    function Y(O) {
+      p = !0, t.x = O.x, t.y = O.y;
     }
     function H() {
-      f = !1;
+      p = !1;
     }
-    function ee(V) {
-      f && ae(V.x, V.y);
+    function ee(O) {
+      p && ae(O.x, O.y);
     }
-    function ae(V, P) {
+    function ae(O, P) {
       let $ = 0;
-      u.direction === "horizontal" ? ($ = t.x - V, t.x = V) : ($ = t.y - P, t.y = P);
+      c.direction === "horizontal" ? ($ = t.x - O, t.x = O) : ($ = t.y - P, t.y = P);
       const [x, g] = d;
-      p -= $;
+      f -= $;
       const S = h.value;
-      p < x ? h.value = x : p > g ? h.value = g : h.value = p, S !== h.value && (c.value = (h.value - l) / (g - x), r("change", h.value / (g + l)));
+      f < x ? h.value = x : f > g ? h.value = g : h.value = f, S !== h.value && (u.value = (h.value - l) / (g - x), r("change", h.value / (g + l)));
     }
-    return (V, P) => (v(), _("div", {
+    return (O, P) => (v(), _("div", {
       class: j(["sq-swipe", k.value]),
       ref_key: "swipeRef",
       ref: m
     }, [
-      F(V.$slots, "default", {}, () => [
-        B("div", {
+      F(O.$slots, "default", {}, () => [
+        z("div", {
           class: "sq-swipe-top",
           style: K({ mask: R.value })
         }, [
-          F(V.$slots, "top", {}, () => [
-            u.topSrc ? (v(), C(a(st), {
+          F(O.$slots, "top", {}, () => [
+            c.topSrc ? (v(), q(a(st), {
               key: 0,
-              src: u.topSrc,
-              alt: u.topAlt,
+              src: c.topSrc,
+              alt: c.topAlt,
               preview: !1
             }, null, 8, ["src", "alt"])) : L("", !0)
           ])
         ], 4),
-        B("div", {
+        z("div", {
           class: "sq-swipe-bottom",
           style: K({ mask: T.value })
         }, [
-          F(V.$slots, "bottom", {}, () => [
-            u.bottomSrc ? (v(), C(a(st), {
+          F(O.$slots, "bottom", {}, () => [
+            c.bottomSrc ? (v(), q(a(st), {
               key: 0,
-              src: u.bottomSrc,
-              alt: u.bottomAlt,
+              src: c.bottomSrc,
+              alt: c.bottomAlt,
               preview: !1
             }, null, 8, ["src", "alt"])) : L("", !0)
           ])
         ], 4)
       ]),
-      re(B("div", {
+      ue(z("div", {
         class: "sq-swipe-separator",
         style: K(b.value)
       }, [
-        B("button", {
+        z("button", {
           class: "sq-swipe-slider",
           onPointerdown: Y
         }, null, 32)
       ], 4), [
-        [ve, !u.disabled]
+        [ve, !c.disabled]
       ])
     ], 2));
   }
-}), go = ["id", "autofocus", "name", "form", "disabled"], ho = { class: "sq-switch-track" }, yo = { class: "sq-switch-thumb" }, bo = "sq-switch", xo = /* @__PURE__ */ z({
-  name: bo,
+}), ho = ["id", "autofocus", "name", "form", "disabled"], yo = { class: "sq-switch-track" }, bo = { class: "sq-switch-thumb" }, xo = "sq-switch", $o = /* @__PURE__ */ B({
+  name: xo,
   __name: "Switch",
   props: /* @__PURE__ */ G({
     form: {},
@@ -3215,48 +3216,38 @@ const Ws = "sq-popover", $t = /* @__PURE__ */ z({
   }),
   emits: /* @__PURE__ */ G(["change", "click"], ["update:checked"]),
   setup(i, { emit: n }) {
-    const s = n, t = i, { switchSize: e, switchDisabled: o, id: l } = $n(t), f = ie(i, "checked"), p = y(() => {
-      const d = [], r = a(e), u = a(o);
-      return r !== "md" && d.push(`sq-switch--${r}`), f.value && d.push("is-checked"), (u || t.loading) && d.push("is-disabled"), t.variant && d.push(`is-${t.variant}`), d;
+    const s = n, t = i, { switchSize: e, switchDisabled: o, id: l } = $n(t), p = ie(i, "checked"), f = y(() => {
+      const d = [], r = a(e), c = a(o);
+      return r !== "md" && d.push(`sq-switch--${r}`), p.value && d.push("is-checked"), (c || t.loading) && d.push("is-disabled"), t.variant && d.push(`is-${t.variant}`), d;
     });
     return (d, r) => (v(), _("label", {
-      class: j(["sq-switch", p.value])
+      class: j(["sq-switch", f.value])
     }, [
-      re(B("input", {
+      ue(z("input", {
         type: "checkbox",
-        "onUpdate:modelValue": r[0] || (r[0] = (u) => f.value = u),
+        "onUpdate:modelValue": r[0] || (r[0] = (c) => p.value = c),
         id: a(l),
         autofocus: t.autofocus,
         name: t.name,
         form: t.form,
         disabled: a(o) || t.loading,
-        onChange: r[1] || (r[1] = (u) => s("change", f.value, u)),
-        onClick: r[2] || (r[2] = (u) => s("click", f.value, u))
-      }, null, 40, go), [
-        [at, f.value]
+        onChange: r[1] || (r[1] = (c) => s("change", p.value, c)),
+        onClick: r[2] || (r[2] = (c) => s("click", p.value, c))
+      }, null, 40, ho), [
+        [at, p.value]
       ]),
-      B("span", ho, [
-        B("span", yo, [
-          t.loading ? (v(), C(a(De), { key: 0 })) : L("", !0)
+      z("span", yo, [
+        z("span", bo, [
+          t.loading ? (v(), q(a(De), { key: 0 })) : L("", !0)
         ])
       ])
     ], 2));
   }
-}), $o = "sq-vnode-renderer", _o = z({
-  name: $o,
-  props: {
-    content: {
-      type: Object
-    }
-  },
-  render() {
-    return this.content;
-  }
-}), ko = { class: "sq-table-wrap" }, qo = ["textContent"], Co = ["textContent"], wo = {
+}), _o = { class: "sq-table-wrap" }, ko = ["textContent"], qo = ["textContent"], Co = {
   key: 0,
   class: "sq-table-empty"
-}, So = ["textContent"], zo = "sq-table", ra = /* @__PURE__ */ z({
-  name: zo,
+}, wo = ["textContent"], So = "sq-table", ia = /* @__PURE__ */ B({
+  name: So,
   __name: "Table",
   props: {
     emptyText: { default: "暂无数据" },
@@ -3271,11 +3262,11 @@ const Ws = "sq-popover", $t = /* @__PURE__ */ z({
     const { getCssUnit: n } = Fe(), s = new ResizeObserver(d), t = i, e = w(!1), o = ce(null), l = y(() => {
       const m = [];
       return t.stripe && m.push("is-striped"), t.border && m.push("has-border"), m;
-    }), f = y(() => ({
+    }), p = y(() => ({
       gridTemplateColumns: t.cols.map((m) => m.width ? n(m.width) : "1fr").join(" ")
-    })), p = y(() => ({
-      ...f.value,
-      paddingInlineEnd: e.value ? "6px" : "0"
+    })), f = y(() => ({
+      ...p.value,
+      paddingInlineEnd: e.value ? "4px" : "0"
     }));
     oe(() => {
       s.observe(o.value);
@@ -3289,14 +3280,14 @@ const Ws = "sq-popover", $t = /* @__PURE__ */ z({
       }
       Se(() => {
         var k, b;
-        const m = ((k = o.value) == null ? void 0 : k.clientHeight) ?? 0, c = ((b = o.value) == null ? void 0 : b.scrollHeight) ?? 0;
-        e.value = c > m;
+        const m = ((k = o.value) == null ? void 0 : k.clientHeight) ?? 0, u = ((b = o.value) == null ? void 0 : b.scrollHeight) ?? 0;
+        e.value = u > m;
       });
     }
-    function r(m, c) {
-      return t.rowKey && m.hasOwnProperty(t.rowKey) ? m[t.rowKey] : c;
+    function r(m, u) {
+      return t.rowKey && Object.hasOwnProperty.call(m, t.rowKey) ? m[t.rowKey] : u;
     }
-    function u(m) {
+    function c(m) {
       switch (m) {
         case "left":
           return "flex-start";
@@ -3308,66 +3299,63 @@ const Ws = "sq-popover", $t = /* @__PURE__ */ z({
           return "flex-start";
       }
     }
-    function h(m, c) {
-      return typeof c.formatter == "function" ? c.formatter(m, m[c.binding]) : typeof m[c.binding] > "u" ? "" : m[c.binding];
+    function h(m, u) {
+      return u.binding ? typeof u.formatter == "function" ? u.formatter(m, m[u.binding]) || t.emptyValue : typeof m[u.binding] > "u" ? t.emptyValue : m[u.binding] : t.emptyValue;
     }
-    return (m, c) => (v(), _("div", {
+    return (m, u) => (v(), _("div", {
       class: j(["sq-table", l.value])
     }, [
-      B("div", ko, [
-        B("div", {
+      z("div", _o, [
+        z("div", {
           class: "sq-table-header",
-          style: K(p.value)
+          style: K(f.value)
         }, [
           (v(!0), _(se, null, de(t.cols, (k) => (v(), _("div", {
             class: "sq-table-cell",
-            style: K({ "justify-content": u(k.align) }),
-            key: k.binding
+            style: K({ "justify-content": c(k.align) }),
+            key: k.key
           }, [
-            B("span", {
+            z("span", {
               textContent: X(k.title)
-            }, null, 8, qo)
+            }, null, 8, ko)
           ], 4))), 128))
         ], 4),
-        re(B("div", {
+        ue(z("div", {
           class: "sq-table-body",
           ref_key: "bodyRef",
           ref: o
         }, [
           (v(!0), _(se, null, de(t.data, (k, b) => (v(), _("div", {
             class: "sq-table-row",
-            style: K(f.value),
+            style: K(p.value),
             key: r(k, b)
           }, [
-            (v(!0), _(se, null, de(t.cols, (q, R) => (v(), _("div", {
-              class: j(["sq-table-cell", q.columnClass]),
-              style: K({ "justify-content": u(q.align) }),
-              key: `${q.binding}-${r(k, R)}`
+            (v(!0), _(se, null, de(t.cols, (C, R) => (v(), _("div", {
+              class: j(["sq-table-cell", C.columnClass]),
+              style: K({ "justify-content": c(C.align) }),
+              key: `${C.key}-${r(k, R)}`
             }, [
-              typeof q.cellRender == "function" ? (v(), C(a(_o), {
-                key: 0,
-                content: q.cellRender(k, k[q.binding])
-              }, null, 8, ["content"])) : (v(), _("span", {
+              typeof C.cellRender == "function" ? (v(), q(re(C.cellRender(k)), { key: 0 })) : (v(), _("span", {
                 key: 1,
-                textContent: X(h(k, q))
-              }, null, 8, Co))
+                textContent: X(h(k, C))
+              }, null, 8, qo))
             ], 6))), 128))
           ], 4))), 128))
         ], 512), [
           [ve, t.data.length]
         ]),
-        t.data.length ? L("", !0) : (v(), _("div", wo, [
+        t.data.length ? L("", !0) : (v(), _("div", Co, [
           F(m.$slots, "empty", {}, () => [
-            B("span", {
+            z("span", {
               textContent: X(t.emptyText)
-            }, null, 8, So)
+            }, null, 8, wo)
           ])
         ]))
       ])
     ], 2));
   }
-}), Bo = "sq-tag", ua = /* @__PURE__ */ z({
-  name: Bo,
+}), zo = "sq-tag", ra = /* @__PURE__ */ B({
+  name: zo,
   __name: "Tag",
   props: {
     type: {},
@@ -3380,7 +3368,7 @@ const Ws = "sq-popover", $t = /* @__PURE__ */ z({
       const e = [];
       return n.size !== "md" && e.push(`sq-tag--${n.size}`), n.variant && n.type && e.push(`is-${n.variant}`), n.type && e.push(`is-${n.type}`), n.round && e.push("is-round"), e;
     }), t = y(() => n.size === "lg" ? "md" : "sm");
-    return (e, o) => (v(), C(a(be), {
+    return (e, o) => (v(), q(a(be), {
       class: j(["sq-tag", s.value]),
       size: t.value
     }, {
@@ -3390,8 +3378,8 @@ const Ws = "sq-popover", $t = /* @__PURE__ */ z({
       _: 3
     }, 8, ["class", "size"]));
   }
-}), Mo = "sq-check-tag", ca = /* @__PURE__ */ z({
-  name: Mo,
+}), Bo = "sq-check-tag", ua = /* @__PURE__ */ B({
+  name: Bo,
   __name: "CheckTag",
   props: {
     checked: { type: Boolean, default: !1 },
@@ -3405,10 +3393,10 @@ const Ws = "sq-popover", $t = /* @__PURE__ */ z({
       const l = [];
       return t.size !== "md" && l.push(`sq-tag--${t.size}`), t.type && l.push(`is-${t.type}`), t.round && l.push("is-round"), t.checked && l.push("is-checked"), l;
     }), o = y(() => t.size === "lg" ? "md" : "sm");
-    return (l, f) => (v(), C(a(be), {
+    return (l, p) => (v(), q(a(be), {
       class: j(["sq-check-tag", e.value]),
       size: o.value,
-      onClick: f[0] || (f[0] = (p) => s("change", !t.checked))
+      onClick: p[0] || (p[0] = (f) => s("change", !t.checked))
     }, {
       default: N(() => [
         F(l.$slots, "default")
@@ -3416,8 +3404,8 @@ const Ws = "sq-popover", $t = /* @__PURE__ */ z({
       _: 3
     }, 8, ["class", "size"]));
   }
-}), Lo = "sq-text", be = /* @__PURE__ */ z({
-  name: Lo,
+}), Mo = "sq-text", be = /* @__PURE__ */ B({
+  name: Mo,
   __name: "Text",
   props: {
     ellipsis: { type: [Boolean, Number], default: !1 },
@@ -3437,8 +3425,8 @@ const Ws = "sq-popover", $t = /* @__PURE__ */ z({
       F(o.$slots, "default")
     ], 6));
   }
-}), To = "sq-timeline", da = /* @__PURE__ */ z({
-  name: To,
+}), Lo = "sq-timeline", ca = /* @__PURE__ */ B({
+  name: Lo,
   __name: "Timeline",
   props: {
     align: { default: "left" },
@@ -3455,8 +3443,8 @@ const Ws = "sq-popover", $t = /* @__PURE__ */ z({
       F(t.$slots, "default")
     ], 2));
   }
-}), Ao = { class: "sq-timeline-dot" }, Io = { class: "sq-timeline-content" }, Ro = ["textContent"], Eo = ["textContent"], Po = { class: "content-info" }, Do = "sq-timeline-item", fa = /* @__PURE__ */ z({
-  name: Do,
+}), To = { class: "sq-timeline-dot" }, Ao = { class: "sq-timeline-content" }, Io = ["textContent"], Ro = ["textContent"], Eo = { class: "content-info" }, Po = "sq-timeline-item", da = /* @__PURE__ */ B({
+  name: Po,
   __name: "TimelineItem",
   props: {
     color: {},
@@ -3478,28 +3466,28 @@ const Ws = "sq-popover", $t = /* @__PURE__ */ z({
       class: j(["sq-timeline-item", s.value]),
       style: K(t.value)
     }, [
-      B("span", Ao, [
-        n.icon ? (v(), C(ue(n.icon), { key: 0 })) : L("", !0)
+      z("span", To, [
+        n.icon ? (v(), q(re(n.icon), { key: 0 })) : L("", !0)
       ]),
-      B("div", Io, [
+      z("div", Ao, [
         n.title ? (v(), _("h2", {
           key: 0,
           class: "content-title",
           textContent: X(n.title)
-        }, null, 8, Ro)) : L("", !0),
+        }, null, 8, Io)) : L("", !0),
         n.timestamp ? (v(), _("span", {
           key: 1,
           class: "content-time",
           textContent: X(n.timestamp)
-        }, null, 8, Eo)) : L("", !0),
-        B("div", Po, [
+        }, null, 8, Ro)) : L("", !0),
+        z("div", Eo, [
           F(e.$slots, "default")
         ])
       ])
     ], 6));
   }
-}), No = ["textContent"], Fo = "sq-tooltip", $e = /* @__PURE__ */ z({
-  name: Fo,
+}), Do = ["textContent"], No = "sq-tooltip", $e = /* @__PURE__ */ B({
+  name: No,
   __name: "Tooltip",
   props: {
     placement: {},
@@ -3515,7 +3503,7 @@ const Ws = "sq-popover", $t = /* @__PURE__ */ z({
       const t = ["sq-tooltip"], e = n.popoverClass;
       return Array.isArray(e) ? t.push(...e) : typeof e == "string" && t.push(e), t;
     });
-    return (t, e) => (v(), C(a($t), {
+    return (t, e) => (v(), q(a($t), {
       placement: n.placement,
       disabled: n.disabled,
       "show-after": 300,
@@ -3529,14 +3517,14 @@ const Ws = "sq-popover", $t = /* @__PURE__ */ z({
         F(t.$slots, "default")
       ]),
       default: N(() => [
-        B("span", {
+        z("span", {
           textContent: X(n.tip)
-        }, null, 8, No)
+        }, null, 8, Do)
       ]),
       _: 3
     }, 8, ["placement", "disabled", "popover-class", "teleported", "transition", "shadow"]));
   }
-}), Oo = ["name", "form", "disabled", "accept", "multiple"], Vo = "sq-upload", pa = /* @__PURE__ */ z({
+}), Fo = ["name", "form", "disabled", "accept", "multiple"], Vo = "sq-upload", pa = /* @__PURE__ */ B({
   name: Vo,
   __name: "Upload",
   props: {
@@ -3555,11 +3543,11 @@ const Ws = "sq-popover", $t = /* @__PURE__ */ z({
       var h;
       r(((h = o.value) == null ? void 0 : h.files) ?? void 0);
     }
-    function f(h) {
+    function p(h) {
       var m;
       h.target === o.value || e.disabled || (m = o.value) == null || m.click();
     }
-    function p(h) {
+    function f(h) {
       e.allowDrop && h.preventDefault();
     }
     function d(h) {
@@ -3567,23 +3555,23 @@ const Ws = "sq-popover", $t = /* @__PURE__ */ z({
       e.disabled || (e.allowDrop && h.preventDefault(), r(((m = h.dataTransfer) == null ? void 0 : m.files) ?? void 0));
     }
     function r(h) {
-      const m = h ?? new FileList(), c = [], k = e.max ? Math.min(m.length, e.max) : m.length;
+      const m = h ?? new FileList(), u = [], k = e.max ? Math.min(m.length, e.max) : m.length;
       for (let b = 0; b < k; b++) {
-        const q = m[b];
-        c.push(q);
+        const C = m[b];
+        u.push(C);
       }
-      t("change", c);
+      t("change", u);
     }
-    function u() {
+    function c() {
       o.value.value = "", o.value.files = null, t("change", []);
     }
-    return n({ clearFiles: u }), (h, m) => (v(), _("div", {
+    return n({ clearFiles: c }), (h, m) => (v(), _("div", {
       class: "sq-upload",
-      onClick: f,
-      onDragover: p,
+      onClick: p,
+      onDragover: f,
       onDrop: d
     }, [
-      B("input", {
+      z("input", {
         type: "file",
         ref_key: "inputRef",
         ref: o,
@@ -3593,7 +3581,7 @@ const Ws = "sq-popover", $t = /* @__PURE__ */ z({
         accept: e.accept,
         multiple: e.multiple,
         onChange: l
-      }, null, 40, Oo),
+      }, null, 40, Fo),
       F(h.$slots, "default")
     ], 32));
   }
@@ -3606,44 +3594,44 @@ export {
   _t as RadioGroupContextKeys,
   kt as SegmentedContextKeys,
   qt as SelectContextKeys,
-  Wo as SqAlert,
-  Yo as SqArticle,
-  Ko as SqAvatar,
-  Xo as SqBacktop,
+  jo as SqAlert,
+  Wo as SqArticle,
+  Yo as SqAvatar,
+  Ko as SqBacktop,
   nt as SqBadge,
-  Go as SqBlur,
+  Xo as SqBlur,
   le as SqButton,
-  Zo as SqButtonGroup,
-  Jo as SqCard,
-  ca as SqCheckTag,
+  Go as SqButtonGroup,
+  Zo as SqCard,
+  ua as SqCheckTag,
   In as SqCheckbox,
   Pn as SqCheckboxGroup,
-  Qo as SqCode,
-  Wn as SqDialog,
+  Jo as SqCode,
+  Yn as SqDialog,
   je as SqDivider,
-  ea as SqForm,
+  Qo as SqForm,
   st as SqImage,
-  ta as SqImageCrop,
-  rs as SqImageViewer,
+  ea as SqImageCrop,
+  us as SqImageViewer,
   bt as SqInput,
-  na as SqMenu,
-  sa as SqMessage,
-  oa as SqMessageBox,
-  aa as SqPagination,
+  ta as SqMenu,
+  na as SqMessage,
+  sa as SqMessageBox,
+  oa as SqPagination,
   $t as SqPopover,
-  Gs as SqProgress,
-  to as SqRadio,
-  oo as SqRadioGroup,
-  la as SqSegmented,
-  ro as SqSegmentedItem,
-  vo as SqSelect,
-  ia as SqSwipe,
-  xo as SqSwitch,
-  ra as SqTable,
-  ua as SqTag,
+  Zs as SqProgress,
+  no as SqRadio,
+  ao as SqRadioGroup,
+  aa as SqSegmented,
+  uo as SqSegmentedItem,
+  mo as SqSelect,
+  la as SqSwipe,
+  $o as SqSwitch,
+  ia as SqTable,
+  ra as SqTag,
   be as SqText,
-  da as SqTimeline,
-  fa as SqTimelineItem,
+  ca as SqTimeline,
+  da as SqTimelineItem,
   $e as SqTooltip,
   pa as SqUpload
 };