@squirrel-cloud/ui-vue 0.4.35 → 0.4.36

package/dist/index.js

@@ -1,5 +1,5 @@
-import { defineComponent as R, computed as b, openBlock as v, createBlock as S, unref as r, normalizeClass as X, withCtx as N, resolveDynamicComponent as fe, createCommentVNode as P, createTextVNode as Oe, toDisplayString as Q, h as De, ref as T, watch as ie, createElementBlock as w, normalizeStyle as J, onMounted as le, onBeforeUnmount as ye, Transition as ke, withDirectives as re, createElementVNode as E, renderSlot as H, vShow as he, useSlots as Ne, createVNode as z, inject as me, shallowRef as ue, provide as Ce, toRef as oe, useModel as ae, vModelCheckbox as ut, mergeModels as Z, toRaw as ze, Fragment as se, renderList as pe, useAttrs as Ze, Teleport as ct, mergeProps as ve, withModifiers as be, nextTick as $e, vModelDynamic as zt, vModelText as Rt, render as Ve, cloneVNode as Lt, Text as It, Comment as At, vModelRadio as dt } from "vue";
-import { WarningFilled as ft, CloseFilled as pt, InfoFilled as st, CheckFilled as vt, JumpTo as Et, CaretUp as Mt, Loading as Ue, Check as mt, Close as Je, Bold as Pt, Italic as Dt, Underline as Ot, Strikethrough as Nt, Hide as ht, ListUl as Vt, ListOl as Ut, View as gt, ArrowLeft as bt, ArrowRight as yt, ZoomIn as Ft, ZoomOut as Ht, FlipHorizontal as jt, FlipVertical as Wt, Clockwise as Xt, Couterclockwise as Yt, FitSize as Kt, Fullscreen as Gt, Ellipsis as Zt, ArrowDown as Jt } from "@squirrel-cloud/icons-vue";
+import { defineComponent as R, computed as y, openBlock as v, createBlock as S, unref as r, normalizeClass as W, withCtx as N, resolveDynamicComponent as fe, createCommentVNode as P, createTextVNode as Oe, toDisplayString as J, h as De, ref as T, watch as ae, createElementBlock as w, normalizeStyle as Z, onMounted as ie, onBeforeUnmount as ye, Transition as ke, withDirectives as re, createElementVNode as E, renderSlot as F, vShow as he, useSlots as Ne, createVNode as z, inject as me, shallowRef as ue, provide as Ce, toRef as oe, useModel as le, vModelCheckbox as ut, mergeModels as G, toRaw as ze, Fragment as se, renderList as pe, useAttrs as Ze, Teleport as ct, mergeProps as ve, withModifiers as be, nextTick as $e, vModelDynamic as zt, vModelText as Rt, render as Ue, cloneVNode as Lt, Text as It, Comment as At, vModelRadio as dt } from "vue";
+import { WarningFilled as ft, CloseFilled as pt, InfoFilled as st, CheckFilled as vt, JumpTo as Et, CaretUp as Mt, Loading as Ve, Check as mt, Close as Je, Bold as Pt, Italic as Dt, Underline as Ot, Strikethrough as Nt, Hide as ht, ListUl as Ut, ListOl as Vt, View as gt, ArrowLeft as bt, ArrowRight as yt, ZoomIn as Ft, ZoomOut as Ht, FlipHorizontal as jt, FlipVertical as Wt, Clockwise as Xt, Couterclockwise as Yt, FitSize as Kt, Fullscreen as Gt, Ellipsis as Zt, ArrowDown as Jt } from "@squirrel-cloud/icons-vue";
 import Qt from "markdown-it";
 import { RouterLink as en } from "vue-router";
 import { autoUpdate as tn, computePosition as nn, offset as sn, flip as on, shift as an } from "@floating-ui/dom";
@@ -19,16 +19,16 @@ const Qe = {
     text: {}
   },
   setup(u) {
-    const o = u, s = b(() => {
+    const o = u, s = y(() => {
       const n = [];
       return o.type && n.push(`is-${o.type}`), n;
-    }), e = b(() => o.icon ? o.icon : o.showIcon && o.type ? Qe[o.type] : void 0);
+    }), e = y(() => o.icon ? o.icon : o.showIcon && o.type ? Qe[o.type] : void 0);
     return (n, t) => (v(), S(r(xe), {
-      class: X(["sq-alert", s.value])
+      class: W(["sq-alert", s.value])
     }, {
       default: N(() => [
         e.value ? (v(), S(fe(e.value), { key: 0 })) : P("", !0),
-        Oe(" " + Q(o.text), 1)
+        Oe(" " + J(o.text), 1)
       ]),
       _: 1
     }, 8, ["class"]));
@@ -203,7 +203,7 @@ function dn() {
     const c = [], d = { children: [] };
     let l = d;
     return t.forEach((i) => {
-      var M, I, L, U, W, ne, F, k, C, y, x, g;
+      var M, I, L, V, j, te, ne, k, C, b, x, g;
       const { type: p, children: m, content: h, attrs: f, tag: _, hidden: $, info: B } = i;
       switch (p) {
         case "heading_open":
@@ -229,8 +229,8 @@ function dn() {
             attrs: f ? Object.fromEntries(f) : {}
           };
           if (p === "link_open") {
-            const O = i.attrGet("href") ?? "", j = document.location.origin;
-            O != null && O.startsWith("http") && !O.includes(j) && (q.attrs.target = "_blank", q.attrs.rel = "noopener noreferrer", q.attrs.dataOuter = "", (M = q.children) == null || M.push({ tag: Et }));
+            const O = i.attrGet("href") ?? "", H = document.location.origin;
+            O != null && O.startsWith("http") && !O.includes(H) && (q.attrs.target = "_blank", q.attrs.rel = "noopener noreferrer", q.attrs.dataOuter = "", (M = q.children) == null || M.push({ tag: Et }));
           }
           if (p === "table_open") {
             const O = {
@@ -264,7 +264,7 @@ function dn() {
           break;
         }
         case "code_inline": {
-          (U = l.children) == null || U.push({
+          (V = l.children) == null || V.push({
             tag: (a == null ? void 0 : a[_]) ?? _,
             children: [h],
             attrs: f ? Object.fromEntries(f) : {}
@@ -274,13 +274,13 @@ function dn() {
         case "inline": {
           if (m) {
             const q = e(m, a);
-            (W = l.children) == null || W.push(...q ?? []);
+            (j = l.children) == null || j.push(...q ?? []);
           } else
-            (ne = l.children) == null || ne.push(h);
+            (te = l.children) == null || te.push(h);
           break;
         }
         case "text": {
-          h !== "" && ((F = l.children) == null || F.push(h));
+          h !== "" && ((ne = l.children) == null || ne.push(h));
           break;
         }
         case "image": {
@@ -302,18 +302,18 @@ function dn() {
           break;
         }
         case "hr": {
-          (y = l.children) == null || y.push({
+          (b = l.children) == null || b.push({
             tag: (a == null ? void 0 : a[_]) ?? _
           });
           break;
         }
         case "input": {
-          const q = f ? Object.fromEntries(f) : {}, O = q.type ?? "text", j = `${_}-${O}`, Y = {
-            tag: (a == null ? void 0 : a[j]) ?? _,
+          const q = f ? Object.fromEntries(f) : {}, O = q.type ?? "text", H = `${_}-${O}`, X = {
+            tag: (a == null ? void 0 : a[H]) ?? _,
             children: [],
             attrs: q
           };
-          O === "checkbox" && (Y.attrs.value = `task-list-${lt}`, lt++), (x = l.children) == null || x.push(Y);
+          O === "checkbox" && (X.attrs.value = `task-list-${lt}`, lt++), (x = l.children) == null || x.push(X);
           break;
         }
         case "html_inline": {
@@ -322,15 +322,15 @@ function dn() {
           else {
             const q = h.match(/^<(\w+)/);
             if (!q) return;
-            const O = q[1], j = {
+            const O = q[1], H = {
               tag: (a == null ? void 0 : a[O]) ?? O,
               children: []
-            }, Y = h.match(/<[^>]+>/);
-            if (Y) {
-              const A = Y[0], D = {};
-              A.replace(/(\w+)=["']?([^"'\s>]+)["']?/g, (G, ce, ge) => (D[ce] = ge, "")), Object.keys(D).length > 0 && (j.attrs = D);
+            }, X = h.match(/<[^>]+>/);
+            if (X) {
+              const A = X[0], D = {};
+              A.replace(/(\w+)=["']?([^"'\s>]+)["']?/g, (K, ce, ge) => (D[ce] = ge, "")), Object.keys(D).length > 0 && (H.attrs = D);
             }
-            (g = l.children) == null || g.push(j), c.push(l), l = j;
+            (g = l.children) == null || g.push(H), c.push(l), l = H;
           }
           break;
         }
@@ -420,7 +420,7 @@ const { md2tokens: vn, tokens2vueh: mn } = dn(), hn = "sq-article", gn = R({
     }
   },
   setup(u) {
-    const o = b(() => ({
+    const o = y(() => ({
       hr: Re,
       blur: Cn,
       img: Ke,
@@ -457,17 +457,17 @@ const { md2tokens: vn, tokens2vueh: mn } = dn(), hn = "sq-article", gn = R({
     size: { default: "md" }
   },
   setup(u) {
-    const o = u, s = T(!0), e = b(() => {
+    const o = u, s = T(!0), e = y(() => {
       const c = [];
       return o.size !== "md" && c.push(`sq-avatar--${o.size}`), o.round && c.push("is-round"), c;
-    }), n = b(() => {
+    }), n = y(() => {
       if (!o.randomColor) return;
       const { getRandomColor: c } = rn();
       return {
         "--avatar-bg-color": c()
       };
-    }), t = b(() => o.alt.charAt(0).toUpperCase());
-    ie(
+    }), t = y(() => o.alt.charAt(0).toUpperCase());
+    ae(
       () => o.src,
       () => {
         s.value = !0;
@@ -477,8 +477,8 @@ const { md2tokens: vn, tokens2vueh: mn } = dn(), hn = "sq-article", gn = R({
       s.value = !1;
     }
     return (c, d) => (v(), w("div", {
-      class: X(["sq-avatar", e.value]),
-      style: J(n.value)
+      class: W(["sq-avatar", e.value]),
+      style: Z(n.value)
     }, [
       o.src && s.value ? (v(), w("img", {
         key: 0,
@@ -487,7 +487,7 @@ const { md2tokens: vn, tokens2vueh: mn } = dn(), hn = "sq-article", gn = R({
         onError: a
       }, null, 40, bn)) : (v(), w("span", {
         key: 1,
-        textContent: Q(t.value)
+        textContent: J(t.value)
       }, null, 8, yn))
     ], 6));
   }
@@ -503,8 +503,8 @@ const { md2tokens: vn, tokens2vueh: mn } = dn(), hn = "sq-article", gn = R({
     progressProps: {}
   },
   setup(u) {
-    const { throttle: o } = fn(), s = o(d), e = new ResizeObserver(l), n = u, t = T(100), a = T(0), c = b(() => a.value > n.visibilityHeight);
-    le(() => {
+    const { throttle: o } = fn(), s = o(d), e = new ResizeObserver(l), n = u, t = T(100), a = T(0), c = y(() => a.value > n.visibilityHeight);
+    ie(() => {
       var m;
       l(), s(), window.addEventListener("scroll", s);
       const p = document.querySelector(n.target) ?? document.body;
@@ -544,7 +544,7 @@ const { md2tokens: vn, tokens2vueh: mn } = dn(), hn = "sq-article", gn = R({
                 stroke: (f = n.progressProps) == null ? void 0 : f.stroke,
                 color: (_ = n.progressProps) == null ? void 0 : _.color
               }, null, 8, ["value", "max", "type", "stroke", "color"])) : P("", !0),
-              H(p.$slots, "default", {}, () => [
+              F(p.$slots, "default", {}, () => [
                 (v(), S(fe(n.icon)))
               ])
             ])
@@ -569,18 +569,18 @@ const { md2tokens: vn, tokens2vueh: mn } = dn(), hn = "sq-article", gn = R({
     dot: { type: Boolean }
   },
   setup(u) {
-    const o = Ne(), s = u, e = b(() => {
+    const o = Ne(), s = u, e = y(() => {
       const c = [`is-${s.type}`];
       return s.dot && c.push("is-dot"), c;
-    }), n = b(() => o.default ? "sup" : "div"), t = b(() => !s.dot && s.text || s.showZero ? !0 : s.count > 0), a = b(() => s.dot ? "" : s.text ? s.text : s.max && s.count > s.max ? `${s.max}+` : `${s.count}`);
+    }), n = y(() => o.default ? "sup" : "div"), t = y(() => !s.dot && s.text || s.showZero ? !0 : s.count > 0), a = y(() => s.dot ? "" : s.text ? s.text : s.max && s.count > s.max ? `${s.max}+` : `${s.count}`);
     return (c, d) => (v(), S(ke, { name: "sq-zoom" }, {
       default: N(() => [
         r(o).default || t.value ? (v(), w("span", {
           key: 0,
-          class: X(["sq-badge", e.value]),
-          style: J({ "--badge-color": s.color })
+          class: W(["sq-badge", e.value]),
+          style: Z({ "--badge-color": s.color })
         }, [
-          H(c.$slots, "default"),
+          F(c.$slots, "default"),
           (v(), S(fe(n.value), { class: "sq-badge-label" }, {
             default: N(() => [
               z(ke, {
@@ -590,7 +590,7 @@ const { md2tokens: vn, tokens2vueh: mn } = dn(), hn = "sq-article", gn = R({
                   t.value ? (v(), w("span", {
                     key: 0,
                     class: "sq-badge-label-inner",
-                    textContent: Q(a.value)
+                    textContent: J(a.value)
                   }, null, 8, kn)) : P("", !0)
                 ]),
                 _: 1
@@ -609,16 +609,16 @@ const { md2tokens: vn, tokens2vueh: mn } = dn(), hn = "sq-article", gn = R({
   setup(u) {
     return (o, s) => (v(), S(r(xe), { class: "sq-blur" }, {
       default: N(() => [
-        H(o.$slots, "default")
+        F(o.$slots, "default")
       ]),
       _: 3
     }));
   }
 });
 function Sn(u) {
-  const { getOption: o } = Le(), s = me(Ee, void 0), e = me(_t, void 0), n = b(
+  const { getOption: o } = Le(), s = me(Ee, void 0), e = me(_t, void 0), n = y(
     () => r(e) ? void 0 : u.text
-  ), t = b(
+  ), t = y(
     () => {
       var l, i;
       return o(
@@ -628,12 +628,12 @@ function Sn(u) {
         "md"
       );
     }
-  ), a = b(
+  ), a = y(
     () => {
       var l;
       return o((l = r(e)) == null ? void 0 : l.type, u.type);
     }
-  ), c = b(
+  ), c = y(
     () => {
       var l, i;
       return o(
@@ -642,7 +642,7 @@ function Sn(u) {
         (i = r(s)) == null ? void 0 : i.round
       );
     }
-  ), d = b(
+  ), d = y(
     () => {
       var l, i, p;
       return o(
@@ -656,7 +656,7 @@ function Sn(u) {
   return { btnTextType: n, btnSize: t, btnType: a, btnRound: c, btnDisabled: d };
 }
 function Bn(u) {
-  const { getOption: o } = Le(), s = me(Ee, void 0), e = me(kt, void 0), n = b(
+  const { getOption: o } = Le(), s = me(Ee, void 0), e = me(kt, void 0), n = y(
     () => {
       var l, i;
       return o(
@@ -666,22 +666,22 @@ function Bn(u) {
         "md"
       );
     }
-  ), t = b(
+  ), t = y(
     () => {
       var l;
       return o((l = r(e)) == null ? void 0 : l.form, u.form);
     }
-  ), a = b(
+  ), a = y(
     () => {
       var l;
       return o((l = r(e)) == null ? void 0 : l.name, u.name);
     }
-  ), c = b(
+  ), c = y(
     () => {
       var l;
       return o((l = r(e)) == null ? void 0 : l.variant, u.variant);
     }
-  ), d = b(
+  ), d = y(
     () => {
       var l, i, p;
       return o(
@@ -721,8 +721,8 @@ function xt() {
     o.value = !1, e.value = void 0, f == null || f();
   }
   function i(f, _, $, B, M) {
-    const I = s.value / M, L = f * I, U = _ * I, [W, ne] = h($, B);
-    return [W - L, ne - U];
+    const I = s.value / M, L = f * I, V = _ * I, [j, te] = h($, B);
+    return [j - L, te - V];
   }
   function p(f, _) {
     const $ = f - u.x, B = _ - u.y;
@@ -756,22 +756,22 @@ function xt() {
   };
 }
 function Tn(u) {
-  const { getOption: o } = Le(), s = me(Ee, void 0), e = me(tt, void 0), n = b(
+  const { getOption: o } = Le(), s = me(Ee, void 0), e = me(tt, void 0), n = y(
     () => {
       var d;
       return o(u.size, (d = r(s)) == null ? void 0 : d.size, "md");
     }
-  ), t = b(
+  ), t = y(
     () => {
       var d;
       return o(u.round, (d = r(s)) == null ? void 0 : d.round);
     }
-  ), a = b(
+  ), a = y(
     () => {
       var d;
       return o((d = r(s)) == null ? void 0 : d.disabled, u.disabled);
     }
-  ), c = b(
+  ), c = y(
     () => {
       var d;
       return o((d = r(s)) == null ? void 0 : d.readonly, u.readonly);
@@ -792,7 +792,7 @@ function Ae() {
   return { getText: u };
 }
 function zn(u) {
-  const { getOption: o } = Le(), s = me(Ee, void 0), e = me(St, void 0), n = b(
+  const { getOption: o } = Le(), s = me(Ee, void 0), e = me(St, void 0), n = y(
     () => {
       var l, i;
       return o(
@@ -802,22 +802,22 @@ function zn(u) {
         "md"
       );
     }
-  ), t = b(
+  ), t = y(
     () => {
       var l;
       return o((l = r(e)) == null ? void 0 : l.form, u.form);
     }
-  ), a = b(
+  ), a = y(
     () => {
       var l;
       return o((l = r(e)) == null ? void 0 : l.name, u.name);
     }
-  ), c = b(
+  ), c = y(
     () => {
       var l;
       return o((l = r(e)) == null ? void 0 : l.variant, u.variant);
     }
-  ), d = b(
+  ), d = y(
     () => {
       var l, i, p;
       return o(
@@ -840,7 +840,7 @@ function zn(u) {
 function Rn(u) {
   const { getOption: o } = Le(), s = me(Bt, void 0);
   return {
-    segmentedDisabled: b(
+    segmentedDisabled: y(
       () => {
         var n;
         return o((n = r(s)) == null ? void 0 : n.disabled, u.disabled);
@@ -855,12 +855,12 @@ function Ln() {
   };
 }
 function In(u) {
-  const { getOption: o } = Le(), s = me(Ee, void 0), e = me(tt, void 0), n = b(
+  const { getOption: o } = Le(), s = me(Ee, void 0), e = me(tt, void 0), n = y(
     () => {
       var a;
       return o(u.size, (a = r(s)) == null ? void 0 : a.size, "md");
     }
-  ), t = b(
+  ), t = y(
     () => {
       var a, c;
       return o(
@@ -872,7 +872,7 @@ function In(u) {
   );
   return { switchSize: n, switchDisabled: t, id: e };
 }
-const An = ["disabled", "form", "type"], En = "sq-button", te = /* @__PURE__ */ R({
+const An = ["disabled", "form", "type"], En = "sq-button", ee = /* @__PURE__ */ R({
   name: En,
   __name: "button",
   props: {
@@ -889,12 +889,12 @@ const An = ["disabled", "form", "type"], En = "sq-button", te = /* @__PURE__ */
   },
   emits: ["click"],
   setup(u, { emit: o }) {
-    const s = o, e = u, { btnTextType: n, btnSize: t, btnType: a, btnRound: c, btnDisabled: d } = Sn(e), l = b(() => {
+    const s = o, e = u, { btnTextType: n, btnSize: t, btnType: a, btnRound: c, btnDisabled: d } = Sn(e), l = y(() => {
       const m = [], h = r(t), f = r(a), _ = r(c), $ = r(n);
       return h !== "md" && m.push(`sq-button--${h}`), f && m.push(`is-${f}`), _ && m.push("is-round"), $ && m.push("is-text"), $ && e.bg && m.push("has-bg"), m;
-    }), i = b(() => e.loading ? Ue : e.icon), p = b(() => e.loading || r(d));
+    }), i = y(() => e.loading ? Ve : e.icon), p = y(() => e.loading || r(d));
     return (m, h) => (v(), w("button", {
-      class: X(["sq-button", l.value]),
+      class: W(["sq-button", l.value]),
       disabled: p.value,
       form: e.form,
       type: e.nativeType,
@@ -905,7 +905,7 @@ const An = ["disabled", "form", "type"], En = "sq-button", te = /* @__PURE__ */
       }, {
         default: N(() => [
           i.value ? (v(), S(fe(i.value), { key: 0 })) : P("", !0),
-          H(m.$slots, "default")
+          F(m.$slots, "default")
         ]),
         _: 3
       }, 8, ["size"])
@@ -931,17 +931,17 @@ const An = ["disabled", "form", "type"], En = "sq-button", te = /* @__PURE__ */
         disabled: oe(o, "disabled")
       })
     ), (s, e) => (v(), w("div", Mn, [
-      H(s.$slots, "default")
+      F(s.$slots, "default")
     ]));
   }
 }), _t = Symbol("button-group-context-keys"), Dn = { class: "sq-card" }, On = {
   key: 0,
   class: "sq-card-header"
-}, Nn = ["textContent"], Vn = {
+}, Nn = ["textContent"], Un = {
   key: 1,
   class: "sq-card-footer"
-}, Un = "sq-card", Ta = /* @__PURE__ */ R({
-  name: Un,
+}, Vn = "sq-card", Ta = /* @__PURE__ */ R({
+  name: Vn,
   __name: "card",
   props: {
     title: {},
@@ -952,21 +952,21 @@ const An = ["disabled", "form", "type"], En = "sq-button", te = /* @__PURE__ */
     return (e, n) => (v(), w("section", Dn, [
       s.title || r(o).title ? (v(), w("div", On, [
         E("h2", {
-          class: X({ "has-decorative": s.decorative }),
-          textContent: Q(s.title)
+          class: W({ "has-decorative": s.decorative }),
+          textContent: J(s.title)
         }, null, 10, Nn),
-        H(e.$slots, "title")
+        F(e.$slots, "title")
       ])) : P("", !0),
-      H(e.$slots, "default"),
-      r(o).footer ? (v(), w("div", Vn, [
-        H(e.$slots, "footer")
+      F(e.$slots, "default"),
+      r(o).footer ? (v(), w("div", Un, [
+        F(e.$slots, "footer")
       ])) : P("", !0)
     ]));
   }
 }), Fn = ["autofocus", "name", "form", "value", "disabled"], Hn = ["textContent"], jn = "sq-checkbox", $t = /* @__PURE__ */ R({
   name: jn,
   __name: "checkbox",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ G({
     form: {},
     name: {},
     disabled: { type: Boolean, default: void 0 },
@@ -980,7 +980,7 @@ const An = ["disabled", "form", "type"], En = "sq-button", te = /* @__PURE__ */
     checked: { type: Boolean, default: !1 },
     checkedModifiers: {}
   }),
-  emits: /* @__PURE__ */ Z(["change"], ["update:checked"]),
+  emits: /* @__PURE__ */ G(["change"], ["update:checked"]),
   setup(u, { emit: o }) {
     const s = o, e = u, {
       checkboxSize: n,
@@ -989,21 +989,21 @@ const An = ["disabled", "form", "type"], En = "sq-button", te = /* @__PURE__ */
       checkboxName: c,
       checkboxVariant: d,
       groupContext: l
-    } = Bn(e), i = ae(u, "checked"), p = b(() => {
+    } = Bn(e), i = le(u, "checked"), p = y(() => {
       const h = [], f = r(n), _ = r(t), $ = r(d);
       return f !== "md" && h.push(`sq-selection--${f}`), m.value && h.push("is-checked"), _ && h.push("is-disabled"), $ && h.push(`is-${$}`), h;
-    }), m = b(() => l ? r(l).list.includes(e.value) : i.value);
-    return ie(m, (h) => {
+    }), m = y(() => l ? r(l).list.includes(e.value) : i.value);
+    return ae(m, (h) => {
       if (i.value !== h) {
         i.value = h;
         return;
       }
-    }), ie(i, (h) => {
+    }), ae(i, (h) => {
       m.value !== h && l && l.value.toggleItem(e.value);
-    }), le(() => {
+    }), ie(() => {
       i.value = m.value;
     }), (h, f) => (v(), w("label", {
-      class: X(["sq-selection sq-checkbox", p.value])
+      class: W(["sq-selection sq-checkbox", p.value])
     }, [
       re(E("input", {
         type: "checkbox",
@@ -1019,7 +1019,7 @@ const An = ["disabled", "form", "type"], En = "sq-button", te = /* @__PURE__ */
       ]),
       r(d) !== "solid" ? (v(), w("span", {
         key: 0,
-        class: X(["sq-checkbox-box", { "is-indeterminate": e.indeterminate && !m.value }])
+        class: W(["sq-checkbox-box", { "is-indeterminate": e.indeterminate && !m.value }])
       }, [
         m.value ? (v(), S(r(mt), {
           key: 0,
@@ -1029,7 +1029,7 @@ const An = ["disabled", "form", "type"], En = "sq-button", te = /* @__PURE__ */
       e.label ? (v(), w("span", {
         key: 1,
         class: "sq-selection-label",
-        textContent: Q(e.label)
+        textContent: J(e.label)
       }, null, 8, Hn)) : P("", !0)
     ], 2));
   }
@@ -1047,7 +1047,7 @@ const An = ["disabled", "form", "type"], En = "sq-button", te = /* @__PURE__ */
   },
   emits: ["change", "update:value"],
   setup(u, { emit: o }) {
-    const { nextId: s } = Fe(), { getText: e } = Ae(), n = o, t = u, a = T(t.value ?? []), c = b(() => t.name ?? `sq-checkbox-${s()}`), d = b(() => t.items.map((i) => typeof i == "string" ? {
+    const { nextId: s } = Fe(), { getText: e } = Ae(), n = o, t = u, a = T(t.value ?? []), c = y(() => t.name ?? `sq-checkbox-${s()}`), d = y(() => t.items.map((i) => typeof i == "string" ? {
       text: i,
       value: i
     } : typeof i == "number" ? {
@@ -1065,7 +1065,7 @@ const An = ["disabled", "form", "type"], En = "sq-button", te = /* @__PURE__ */
         list: a,
         toggleItem: l
       })
-    ), ie(
+    ), ae(
       () => t.value,
       (i) => {
         const p = i || [], m = [.../* @__PURE__ */ new Set([...p, a.value])];
@@ -1076,7 +1076,7 @@ const An = ["disabled", "form", "type"], En = "sq-button", te = /* @__PURE__ */
       a.value.includes(i) ? a.value = a.value.filter((p) => p !== i) : a.value.push(i), n("change", ze(a.value)), n("update:value", ze(a.value));
     }
     return (i, p) => (v(), w("div", Wn, [
-      H(i.$slots, "default", {}, () => [
+      F(i.$slots, "default", {}, () => [
         (v(!0), w(se, null, pe(d.value, (m, h) => (v(), S(r($t), {
           key: h,
           disabled: m.disabled === !0,
@@ -1096,7 +1096,7 @@ const An = ["disabled", "form", "type"], En = "sq-button", te = /* @__PURE__ */
   },
   setup(u) {
     const { getHighlighterAsync: o, releaseHighlighter: s } = pn(), e = u, n = T("");
-    return le(async () => {
+    return ie(async () => {
       const t = await o();
       n.value = t.codeToHtml(e.code, {
         theme: e.theme,
@@ -1113,7 +1113,7 @@ const An = ["disabled", "form", "type"], En = "sq-button", te = /* @__PURE__ */
   name: Jn,
   inheritAttrs: !1,
   __name: "mask",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ G({
     keyboard: { type: Boolean, default: !0 },
     maskCloseable: { type: Boolean },
     beforeClose: {}
@@ -1121,12 +1121,12 @@ const An = ["disabled", "form", "type"], En = "sq-button", te = /* @__PURE__ */
     visible: { type: Boolean, default: !1 },
     visibleModifiers: {}
   }),
-  emits: /* @__PURE__ */ Z(["open", "opened", "close", "closed"], ["update:visible"]),
+  emits: /* @__PURE__ */ G(["open", "opened", "close", "closed"], ["update:visible"]),
   setup(u, { emit: o }) {
     const { nextZIndex: s } = et(), e = Ze();
     let n;
-    const t = o, a = u, c = T(0), d = T(!1), l = ae(u, "visible");
-    d.value = l.value, ie(l, (h) => {
+    const t = o, a = u, c = T(0), d = T(!1), l = le(u, "visible");
+    d.value = l.value, ae(l, (h) => {
       const f = document.scrollingElement;
       h ? (n = f.style.overflow, f.style.overflow = "hidden", c.value = s(), d.value = !0, document.addEventListener("keydown", i)) : (f.style.overflow = n, document.removeEventListener("keydown", i));
     }), ye(() => {
@@ -1163,7 +1163,7 @@ const An = ["disabled", "form", "type"], En = "sq-button", te = /* @__PURE__ */
             class: "sq-mask",
             style: { zIndex: c.value }
           }, r(e), { onClick: p }), [
-            H(h.$slots, "default")
+            F(h.$slots, "default")
           ], 16)), [
             [he, l.value]
           ]) : P("", !0)
@@ -1182,7 +1182,7 @@ const An = ["disabled", "form", "type"], En = "sq-button", te = /* @__PURE__ */
   name: ss,
   inheritAttrs: !1,
   __name: "dialog",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ G({
     type: {},
     title: {},
     okText: { default: "确认" },
@@ -1199,23 +1199,23 @@ const An = ["disabled", "form", "type"], En = "sq-button", te = /* @__PURE__ */
     visible: { type: Boolean, default: !1 },
     visibleModifiers: {}
   }),
-  emits: /* @__PURE__ */ Z(["open", "opened", "close", "closed"], ["update:visible"]),
+  emits: /* @__PURE__ */ G(["open", "opened", "close", "closed"], ["update:visible"]),
   setup(u, { emit: o }) {
-    const s = Ne(), e = Ze(), n = o, t = u, a = T(!1), c = T(!1), d = ae(u, "visible"), l = b(() => !!t.title || !!s.header), i = b(() => {
+    const s = Ne(), e = Ze(), n = o, t = u, a = T(!1), c = T(!1), d = le(u, "visible"), l = y(() => !!t.title || !!s.header), i = y(() => {
       const M = [];
       return t.type && M.push(`is-${t.type}`), l.value && M.push("has-header"), [M];
-    }), p = b(() => t.type ? Qe[t.type] : void 0), m = b(() => ({
+    }), p = y(() => t.type ? Qe[t.type] : void 0), m = y(() => ({
       type: t.type ?? "primary",
       loading: a.value && c.value,
       disabled: a.value && !c.value,
       ...t.okButtonProps
-    })), h = b(() => ({
+    })), h = y(() => ({
       text: !0,
       bg: !0,
       loading: a.value && !c.value,
       disabled: a.value && c.value,
       ...t.cancelButtonProps
-    })), f = b(
+    })), f = y(
       () => m.value.loading || h.value.loading || !d.value
     );
     function _(M) {
@@ -1246,18 +1246,18 @@ const An = ["disabled", "form", "type"], En = "sq-button", te = /* @__PURE__ */
     }, {
       default: N(() => [
         E("div", {
-          class: X(["sq-dialog", [i.value, r(e).class]]),
-          style: J(r(e).style)
+          class: W(["sq-dialog", [i.value, r(e).class]]),
+          style: Z(r(e).style)
         }, [
           l.value ? (v(), w("div", Qn, [
             p.value ? (v(), S(fe(p.value), {
               key: 0,
               class: "sq-dialog-header-icon"
             })) : P("", !0),
-            H(M.$slots, "header", {}, () => [
+            F(M.$slots, "header", {}, () => [
               E("span", {
                 class: "sq-dialog-header-title",
-                textContent: Q(t.title)
+                textContent: J(t.title)
               }, null, 8, es)
             ]),
             z(r(Je), {
@@ -1266,19 +1266,19 @@ const An = ["disabled", "form", "type"], En = "sq-button", te = /* @__PURE__ */
             })
           ])) : P("", !0),
           E("div", ts, [
-            H(M.$slots, "default")
+            F(M.$slots, "default")
           ]),
           t.footer ? (v(), w("div", ns, [
-            H(M.$slots, "footer", {}, () => [
-              z(r(te), ve(h.value, { onClick: $ }), {
+            F(M.$slots, "footer", {}, () => [
+              z(r(ee), ve(h.value, { onClick: $ }), {
                 default: N(() => [
-                  Oe(Q(t.cancelText), 1)
+                  Oe(J(t.cancelText), 1)
                 ]),
                 _: 1
               }, 16),
-              z(r(te), ve(m.value, { onClick: B }), {
+              z(r(ee), ve(m.value, { onClick: B }), {
                 default: N(() => [
-                  Oe(Q(t.okText), 1)
+                  Oe(J(t.okText), 1)
                 ]),
                 _: 1
               }, 16)
@@ -1300,13 +1300,13 @@ const An = ["disabled", "form", "type"], En = "sq-button", te = /* @__PURE__ */
     size: {}
   },
   setup(u) {
-    const o = Ne(), s = u, e = b(() => {
+    const o = Ne(), s = u, e = y(() => {
       const n = [`sq-divider--${s.direction}`];
       return ["none", "solid", "dotted", "dashed"].includes(s.variant) && n.push("is-thin"), o.default && s.direction !== "vertical" && n.push(`text-${s.orientation}`), n;
     });
     return (n, t) => (v(), w("div", {
-      class: X(["sq-divider", e.value]),
-      style: J({ "--divider-line-type": s.variant })
+      class: W(["sq-divider", e.value]),
+      style: Z({ "--divider-line-type": s.variant })
     }, [
       r(o).default && s.direction !== "vertical" ? (v(), S(r(xe), {
         key: 0,
@@ -1314,7 +1314,7 @@ const An = ["disabled", "form", "type"], En = "sq-button", te = /* @__PURE__ */
         size: s.size
       }, {
         default: N(() => [
-          H(n.$slots, "default")
+          F(n.$slots, "default")
         ]),
         _: 3
       }, 8, ["ellipsis", "size"])) : P("", !0)
@@ -1352,7 +1352,7 @@ const An = ["disabled", "form", "type"], En = "sq-button", te = /* @__PURE__ */
       disabled: n.disabled
     }, {
       default: N(() => [
-        z(r(te), {
+        z(r(ee), {
           text: "",
           icon: r(Pt),
           disabled: n.disabled,
@@ -1402,7 +1402,7 @@ const An = ["disabled", "form", "type"], En = "sq-button", te = /* @__PURE__ */
       disabled: n.disabled
     }, {
       default: N(() => [
-        z(r(te), {
+        z(r(ee), {
           text: "",
           icon: r(Dt),
           disabled: n.disabled,
@@ -1444,7 +1444,7 @@ const An = ["disabled", "form", "type"], En = "sq-button", te = /* @__PURE__ */
       disabled: n.disabled
     }, {
       default: N(() => [
-        z(r(te), {
+        z(r(ee), {
           text: "",
           icon: r(Ot),
           disabled: n.disabled,
@@ -1482,7 +1482,7 @@ const An = ["disabled", "form", "type"], En = "sq-button", te = /* @__PURE__ */
       disabled: e.disabled
     }, {
       default: N(() => [
-        z(r(te), {
+        z(r(ee), {
           text: "",
           icon: r(Nt),
           disabled: e.disabled,
@@ -1524,7 +1524,7 @@ const An = ["disabled", "form", "type"], En = "sq-button", te = /* @__PURE__ */
       disabled: e.disabled
     }, {
       default: N(() => [
-        z(r(te), {
+        z(r(ee), {
           text: "",
           icon: r(ht),
           disabled: e.disabled,
@@ -1574,9 +1574,9 @@ const An = ["disabled", "form", "type"], En = "sq-button", te = /* @__PURE__ */
       disabled: e.disabled
     }, {
       default: N(() => [
-        z(r(te), {
+        z(r(ee), {
           text: "",
-          icon: r(Vt),
+          icon: r(Ut),
           disabled: e.disabled,
           onClick: n
         }, null, 8, ["icon", "disabled"])
@@ -1629,9 +1629,9 @@ const An = ["disabled", "form", "type"], En = "sq-button", te = /* @__PURE__ */
       disabled: e.disabled
     }, {
       default: N(() => [
-        z(r(te), {
+        z(r(ee), {
           text: "",
-          icon: r(Ut),
+          icon: r(Vt),
           disabled: e.disabled,
           onClick: n
         }, null, 8, ["icon", "disabled"])
@@ -1642,7 +1642,7 @@ const An = ["disabled", "form", "type"], En = "sq-button", te = /* @__PURE__ */
 }), xs = { class: "sq-editor-body" }, _s = { class: "sq-editor-toolbar" }, $s = { class: "sq-editor-control" }, ks = "sq-editor", za = /* @__PURE__ */ R({
   name: ks,
   __name: "editor",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ G({
     round: { type: Boolean },
     disabled: { type: Boolean },
     placeholder: {},
@@ -1670,21 +1670,21 @@ const An = ["disabled", "form", "type"], En = "sq-button", te = /* @__PURE__ */
     let s;
     const e = u, n = T("edit"), t = T([]), a = T(!1), c = T(""), d = T(), l = T({}), i = ue(null), p = ue(null), m = ue(null), h = ue(
       null
-    ), f = ae(u, "value"), _ = b(() => {
+    ), f = le(u, "value"), _ = y(() => {
       const x = [];
       return e.size !== "md" && x.push(`sq-editor--${e.size}`), e.round && x.push("is-round"), x;
-    }), $ = b(
+    }), $ = y(
       () => c.value.length && !c.value.includes(`
 `) && c.value !== "	" && !e.disabled
-    ), B = b(
+    ), B = y(
       () => d.value !== void 0 && !c.value.length && !e.disabled
-    ), M = b(
+    ), M = y(
       () => typeof e.beforePreview == "function" ? e.beforePreview(f.value) : f.value
     );
-    le(() => {
-      document.addEventListener("selectionchange", U), document.addEventListener("click", W);
+    ie(() => {
+      document.addEventListener("selectionchange", V), document.addEventListener("click", j);
     }), ye(() => {
-      document.removeEventListener("selectionchange", U), document.removeEventListener("click", W);
+      document.removeEventListener("selectionchange", V), document.removeEventListener("click", j);
     });
     function I(x) {
       x === "edit" && $e(() => {
@@ -1693,12 +1693,12 @@ const An = ["disabled", "form", "type"], En = "sq-button", te = /* @__PURE__ */
       });
     }
     function L(x) {
-      var O, j, Y;
+      var O, H, X;
       const g = t.value[d.value], q = (g == null ? void 0 : g.replace("	", "")) ?? "";
       if (x.key === "Tab") {
         x.preventDefault();
         const A = g.substring(0, l.value.startOfRow), D = g.substring(l.value.endOfRow);
-        t.value[d.value] = `${A}	${D}`, y(t.value, 1, 1);
+        t.value[d.value] = `${A}	${D}`, b(t.value, 1, 1);
         return;
       }
       if (x.ctrlKey)
@@ -1707,10 +1707,10 @@ const An = ["disabled", "form", "type"], En = "sq-button", te = /* @__PURE__ */
             (O = p.value) == null || O.setBold();
             return;
           case "I":
-            (j = m.value) == null || j.setItalic();
+            (H = m.value) == null || H.setItalic();
             return;
           case "U":
-            x.preventDefault(), (Y = h.value) == null || Y.setUnderline();
+            x.preventDefault(), (X = h.value) == null || X.setUnderline();
             return;
         }
       if (x.key === "Enter") {
@@ -1718,49 +1718,49 @@ const An = ["disabled", "form", "type"], En = "sq-button", te = /* @__PURE__ */
           x.preventDefault();
           const A = g.substring(0, g.indexOf("- "));
           if (q !== "- ") {
-            const G = 3 + A.length;
+            const K = 3 + A.length;
             t.value[d.value] = `${g}
-${A}- `, ne(x.target), y(t.value, G, G);
+${A}- `, te(x.target), b(t.value, K, K);
             return;
           }
           const D = 2 + A.length;
-          t.value[d.value] = g.substring(D), y(t.value, -D, -D);
+          t.value[d.value] = g.substring(D), b(t.value, -D, -D);
           return;
         }
         if (C(g)) {
           x.preventDefault();
-          const A = q.match(/^\d+\.\s/)[0], G = `${parseInt(A) + 1}. `, ce = g.substring(0, g.indexOf(A));
+          const A = q.match(/^\d+\.\s/)[0], K = `${parseInt(A) + 1}. `, ce = g.substring(0, g.indexOf(A));
           if (q !== A) {
-            const we = G.length + ce.length + 1;
+            const we = K.length + ce.length + 1;
             t.value[d.value] = `${g}
-${ce}${G}`, ne(x.target), y(t.value, we, we);
+${ce}${K}`, te(x.target), b(t.value, we, we);
             return;
           }
           const ge = A.length + ce.length;
-          t.value[d.value] = g.substring(ge), y(t.value, -ge, -ge);
+          t.value[d.value] = g.substring(ge), b(t.value, -ge, -ge);
           return;
         }
       }
     }
-    function U(x) {
+    function V(x) {
       var q;
       const g = window.getSelection();
       (g == null ? void 0 : g.focusNode) === ((q = i.value) == null ? void 0 : q.$el) && (s = x.target, !((s == null ? void 0 : s.selectionStart) === void 0 || (s == null ? void 0 : s.selectionEnd) === void 0) && (l.value.start = (s == null ? void 0 : s.selectionStart) ?? 0, l.value.end = (s == null ? void 0 : s.selectionEnd) ?? 0, c.value = f.value.substring(
         l.value.start,
         l.value.end
-      ), F()));
+      ), ne()));
     }
-    function W() {
+    function j() {
       c.value = "", d.value = void 0;
     }
-    function ne(x) {
+    function te(x) {
       const g = x.selectionStart, O = f.value.substring(0, g ?? 0).split(`
-`).length + 1, j = x.scrollTop, Y = window.getComputedStyle(x), A = parseFloat(Y.lineHeight), D = parseFloat(Y.height), ce = parseFloat(Y.paddingBlockStart) + A * O;
-      D + j > ce || requestAnimationFrame(() => {
+`).length + 1, H = x.scrollTop, X = window.getComputedStyle(x), A = parseFloat(X.lineHeight), D = parseFloat(X.height), ce = parseFloat(X.paddingBlockStart) + A * O;
+      D + H > ce || requestAnimationFrame(() => {
         x.scrollTo({ top: ce - D });
       });
     }
-    function F() {
+    function ne() {
       const x = s.selectionStart, g = f.value.substring(0, x ?? 0);
       d.value = g.split(`
 `).length - 1;
@@ -1775,7 +1775,7 @@ ${ce}${G}`, ne(x.target), y(t.value, we, we);
     function C(x) {
       return /^\d+\.\s+/.test(x.replace("	", ""));
     }
-    function y(x, g = 0, q = 0) {
+    function b(x, g = 0, q = 0) {
       a.value || (t.value = [...x], f.value = t.value.join(`
 `), l.value.start += g, l.value.end += q, l.value.startOfRow += g, l.value.endOfRow += q, s == null || s.focus(), a.value = !0, $e(() => {
         s == null || s.setSelectionRange(l.value.start, l.value.end), setTimeout(() => {
@@ -1784,7 +1784,7 @@ ${ce}${G}`, ne(x.target), y(t.value, we, we);
       }));
     }
     return (x, g) => (v(), w("div", {
-      class: X(["sq-editor", _.value]),
+      class: W(["sq-editor", _.value]),
       onClick: g[2] || (g[2] = be(() => {
       }, ["stop"]))
     }, [
@@ -1799,7 +1799,7 @@ ${ce}${G}`, ne(x.target), y(t.value, we, we);
               "selected-val": c.value,
               "selected-row": d.value,
               "select-info": l.value,
-              onUpdateText: y
+              onUpdateText: b
             }, null, 8, ["disabled", "rows", "selected-val", "selected-row", "select-info"]),
             z(us, {
               ref_key: "italicRef",
@@ -1809,7 +1809,7 @@ ${ce}${G}`, ne(x.target), y(t.value, we, we);
               "selected-val": c.value,
               "selected-row": d.value,
               "select-info": l.value,
-              onUpdateText: y
+              onUpdateText: b
             }, null, 8, ["disabled", "rows", "selected-val", "selected-row", "select-info"]),
             z(ds, {
               ref_key: "underlineRef",
@@ -1819,7 +1819,7 @@ ${ce}${G}`, ne(x.target), y(t.value, we, we);
               "selected-val": c.value,
               "selected-row": d.value,
               "select-info": l.value,
-              onUpdateText: y
+              onUpdateText: b
             }, null, 8, ["disabled", "rows", "selected-val", "selected-row", "select-info"]),
             z(ps, {
               disabled: !$.value,
@@ -1827,7 +1827,7 @@ ${ce}${G}`, ne(x.target), y(t.value, we, we);
               "selected-val": c.value,
               "selected-row": d.value,
               "select-info": l.value,
-              onUpdateText: y
+              onUpdateText: b
             }, null, 8, ["disabled", "rows", "selected-val", "selected-row", "select-info"]),
             z(ms, {
               disabled: !$.value,
@@ -1835,7 +1835,7 @@ ${ce}${G}`, ne(x.target), y(t.value, we, we);
               "selected-val": c.value,
               "selected-row": d.value,
               "select-info": l.value,
-              onUpdateText: y
+              onUpdateText: b
             }, null, 8, ["disabled", "rows", "selected-val", "selected-row", "select-info"]),
             z(r(Re), { direction: "vertical" }),
             z(gs, {
@@ -1844,7 +1844,7 @@ ${ce}${G}`, ne(x.target), y(t.value, we, we);
               "selected-val": c.value,
               "selected-row": d.value,
               "select-info": l.value,
-              onUpdateText: y
+              onUpdateText: b
             }, null, 8, ["disabled", "rows", "selected-val", "selected-row", "select-info"]),
             z(ys, {
               disabled: !B.value,
@@ -1852,13 +1852,13 @@ ${ce}${G}`, ne(x.target), y(t.value, we, we);
               "selected-val": c.value,
               "selected-row": d.value,
               "select-info": l.value,
-              onUpdateText: y
+              onUpdateText: b
             }, null, 8, ["disabled", "rows", "selected-val", "selected-row", "select-info"])
           ]),
           z(r(Re))
         ], 64)) : P("", !0),
         z(r(nt), {
-          class: X({ "has-shadow": !e.md }),
+          class: W({ "has-shadow": !e.md }),
           ref_key: "inputRef",
           ref: i,
           type: "textarea",
@@ -1891,7 +1891,7 @@ ${ce}${G}`, ne(x.target), y(t.value, we, we);
           "onUpdate:value": g[1] || (g[1] = (q) => n.value = q),
           onChange: I
         }, null, 8, ["size", "round", "disabled", "value"]),
-        H(x.$slots, "control")
+        F(x.$slots, "control")
       ])
     ], 2));
   }
@@ -1909,16 +1909,16 @@ ${ce}${G}`, ne(x.target), y(t.value, we, we);
   setup(u) {
     const { nextId: o } = Fe(), s = u, e = T(""), n = T("");
     Ce(tt, e);
-    const t = b(() => {
+    const t = y(() => {
       const d = [];
       return s.isRequired && d.push("is-required"), d;
-    }), a = b(() => ["input", "switch", "select"].includes(s.type));
-    ie(
+    }), a = y(() => ["input", "switch", "select"].includes(s.type));
+    ae(
       () => s.errorMsg,
       (d) => {
         d && (n.value = d);
       }
-    ), le(() => {
+    ), ie(() => {
       a.value && (e.value = `sq-form-item-${o()}`);
     });
     function c() {
@@ -1926,16 +1926,16 @@ ${ce}${G}`, ne(x.target), y(t.value, we, we);
     }
     return (d, l) => (v(), w("div", {
       class: "sq-form-item",
-      style: J({ "--form-label-width": s.labelWidth })
+      style: Z({ "--form-label-width": s.labelWidth })
     }, [
       s.label || s.showLabel ? (v(), w("label", {
         key: 0,
-        class: X(["sq-form-item-label", t.value]),
-        textContent: Q(s.label),
+        class: W(["sq-form-item-label", t.value]),
+        textContent: J(s.label),
         for: s.type !== "custom" ? e.value : void 0
       }, null, 10, ws)) : P("", !0),
       E("div", qs, [
-        H(d.$slots, "default"),
+        F(d.$slots, "default"),
         z(ke, {
           appear: "",
           name: "sq-zoom-top",
@@ -1944,7 +1944,7 @@ ${ce}${G}`, ne(x.target), y(t.value, we, we);
           default: N(() => [
             re(E("span", {
               class: "sq-form-item-check",
-              textContent: Q(n.value)
+              textContent: J(n.value)
             }, null, 8, Cs), [
               [he, s.errorMsg]
             ])
@@ -1985,16 +1985,16 @@ ${ce}${G}`, ne(x.target), y(t.value, we, we);
         readonly: oe(t, "readonly")
       })
     );
-    const a = T({}), c = T([]), d = T({}), l = b(() => {
+    const a = T({}), c = T([]), d = T({}), l = y(() => {
       const k = [`is-${t.layout}`];
       return t.size !== "md" && k.push(`sq-form--${t.size}`), t.requiredMark !== "hidden" && k.push(`required-${t.requiredMark}`), k;
-    }), i = b(() => ({
+    }), i = y(() => ({
       "--form-label-width": t.labelWidth
-    })), p = b(() => {
+    })), p = y(() => {
       const k = t.step;
       return k === void 0 ? t.items : t.items.filter((C) => C.step === void 0 ? C : Array.isArray(C.step) ? C.step.includes(k) : C.step === k);
     });
-    le(() => {
+    ie(() => {
       e = structuredClone(ze(t.formData));
     });
     function m(k) {
@@ -2002,129 +2002,129 @@ ${ce}${G}`, ne(x.target), y(t.value, we, we);
       return (C = k.rule) == null ? void 0 : C.required;
     }
     function h(k) {
-      if (d.value[k]) return Ue;
+      if (d.value[k]) return Ve;
       if (c.value.includes(k)) return vt;
       if (a.value[k])
         return t.invalidStatus === "error" ? pt : ft;
     }
-    async function f(k, C, y, x = !0) {
-      if (!y) return;
-      const g = y.trigger ?? "change", q = Array.isArray(g) ? "array" : "string";
+    async function f(k, C, b, x = !0) {
+      if (!b) return;
+      const g = b.trigger ?? "change", q = Array.isArray(g) ? "array" : "string";
       if (C) {
         if (q === "array" && !g.includes(C)) return;
         if (q === "string" && g !== C) return;
       }
-      c.value = c.value.filter((A) => A !== k), W(k), d.value[k] = new AbortController(), await $e();
+      c.value = c.value.filter((A) => A !== k), j(k), d.value[k] = new AbortController(), await $e();
       const O = t.formData[k];
-      let j = !1;
-      const Y = y.validateType ?? "string";
-      return y.validateFunc ? j = await $(k, O, y, C) : Y === "string" ? j = B(k, O, y) : Y === "boolean" ? j = M(k, O, y) : Y === "list" && (j = I(k, O, y)), x && n("validate", k, j, ze(c.value)), d.value[k].signal.aborted || W(k), j;
+      let H = !1;
+      const X = b.validateType ?? "string";
+      return b.validateFunc ? H = await $(k, O, b, C) : X === "string" ? H = B(k, O, b) : X === "boolean" ? H = M(k, O, b) : X === "list" && (H = I(k, O, b)), x && n("validate", k, H, ze(c.value)), d.value[k].signal.aborted || j(k), H;
     }
     function _(k) {
       if (a.value[k]) return t.invalidStatus;
     }
-    async function $(k, C, y, x) {
-      const g = d.value[k].signal, q = await y.validateFunc(C, g, x);
+    async function $(k, C, b, x) {
+      const g = d.value[k].signal, q = await b.validateFunc(C, g, x);
       if (q === void 0) {
         c.value = c.value.filter((O) => O !== k), delete a.value[k];
         return;
       }
-      return q === !0 ? U(k) : q === !1 ? L(k, "字段验证失败") : q ? L(k, q) : U(k), q === !0 || typeof q == "string" && !q;
+      return q === !0 ? V(k) : q === !1 ? L(k, "字段验证失败") : q ? L(k, q) : V(k), q === !0 || typeof q == "string" && !q;
     }
-    function B(k, C, y) {
-      return y.required && !C ? (L(k, y.requiredText ?? "字段必填"), !1) : y.pattern && C && !y.pattern.test(C) ? (L(k, y.patternText ?? "字段验证失败"), !1) : (U(k), !0);
+    function B(k, C, b) {
+      return b.required && !C ? (L(k, b.requiredText ?? "字段必填"), !1) : b.pattern && C && !b.pattern.test(C) ? (L(k, b.patternText ?? "字段验证失败"), !1) : (V(k), !0);
     }
-    function M(k, C, y) {
-      return y.required && C === void 0 ? (L(k, y.requiredText ?? "字段必填"), !1) : (U(k), !0);
+    function M(k, C, b) {
+      return b.required && C === void 0 ? (L(k, b.requiredText ?? "字段必填"), !1) : (V(k), !0);
     }
-    function I(k, C, y) {
-      return y.required && (!C || !C.length) ? (L(k, y.requiredText ?? "字段必填"), !1) : y.pattern && C && C.map((q) => q.toString()).map((q) => y.pattern.test(q)).includes(!1) ? (L(k, y.patternText ?? "字段验证失败"), !1) : (U(k), !0);
+    function I(k, C, b) {
+      return b.required && (!C || !C.length) ? (L(k, b.requiredText ?? "字段必填"), !1) : b.pattern && C && C.map((q) => q.toString()).map((q) => b.pattern.test(q)).includes(!1) ? (L(k, b.patternText ?? "字段验证失败"), !1) : (V(k), !0);
     }
     function L(k, C) {
-      c.value = c.value.filter((y) => y !== k), a.value[k] = C;
+      c.value = c.value.filter((b) => b !== k), a.value[k] = C;
     }
-    function U(k) {
+    function V(k) {
       c.value.push(k), delete a.value[k];
     }
-    function W(k) {
+    function j(k) {
       var C;
       (C = d.value[k]) == null || C.abort(), delete d.value[k];
     }
-    function ne() {
+    function te() {
       n("update:formData", structuredClone(e)), a.value = {}, c.value = [], n("validate", "SQFORM", !1, ze(c.value));
     }
-    function F(k = !0) {
-      const y = (k ? t.items : p.value).filter(
+    function ne(k = !0) {
+      const b = (k ? t.items : p.value).filter(
         (x) => x.type !== "custom" && x.rule && !c.value.includes(x.binding)
       ).map((x) => {
         const g = x;
         return f(g.binding, void 0, g.rule, !1);
       });
-      return Promise.all(y).then((x) => (n("validate", "SQFORM", !x.includes(!1), ze(c.value)), x));
+      return Promise.all(b).then((x) => (n("validate", "SQFORM", !x.includes(!1), ze(c.value)), x));
     }
-    return o({ resetFields: ne, validate: F }), (k, C) => (v(), w("form", {
-      class: X(["sq-form", l.value]),
-      style: J(i.value),
+    return o({ resetFields: te, validate: ne }), (k, C) => (v(), w("form", {
+      class: W(["sq-form", l.value]),
+      style: Z(i.value),
       onSubmit: C[0] || (C[0] = be(() => {
       }, ["prevent"]))
     }, [
-      (v(!0), w(se, null, pe(p.value, (y, x) => (v(), S(Bs, {
-        class: X(y.itemClass),
-        type: y.type,
+      (v(!0), w(se, null, pe(p.value, (b, x) => (v(), S(Bs, {
+        class: W(b.itemClass),
+        type: b.type,
         key: x,
-        "label-width": y.labelWidth,
-        label: y.label,
-        "show-label": y.showLabel && t.layout !== "vertical",
-        "is-required": m(y),
-        "error-msg": t.hasFeedback ? a.value[y.binding] : ""
+        "label-width": b.labelWidth,
+        label: b.label,
+        "show-label": b.showLabel && t.layout !== "vertical",
+        "is-required": m(b),
+        "error-msg": t.hasFeedback ? a.value[b.binding] : ""
       }, {
         default: N(() => [
-          y.type === "input" ? (v(), S(r(nt), ve({
+          b.type === "input" ? (v(), S(r(nt), ve({
             key: 0,
             ref_for: !0
-          }, y.props, {
-            name: y.name,
-            status: _(y.binding),
-            "suffix-icon": h(y.binding),
-            value: t.formData[y.binding],
-            "onUpdate:value": (g) => t.formData[y.binding] = g,
-            onChange: (g) => f(y.binding, "change", y.rule),
-            onInput: (g) => f(y.binding, "input", y.rule),
-            onBlur: (g) => f(y.binding, "blur", y.rule)
-          }), null, 16, ["name", "status", "suffix-icon", "value", "onUpdate:value", "onChange", "onInput", "onBlur"])) : y.type === "checkbox" ? (v(), S(r(Yn), ve({
+          }, b.props, {
+            name: b.name,
+            status: _(b.binding),
+            "suffix-icon": h(b.binding),
+            value: t.formData[b.binding],
+            "onUpdate:value": (g) => t.formData[b.binding] = g,
+            onChange: (g) => f(b.binding, "change", b.rule),
+            onInput: (g) => f(b.binding, "input", b.rule),
+            onBlur: (g) => f(b.binding, "blur", b.rule)
+          }), null, 16, ["name", "status", "suffix-icon", "value", "onUpdate:value", "onChange", "onInput", "onBlur"])) : b.type === "checkbox" ? (v(), S(r(Yn), ve({
             key: 1,
             ref_for: !0
-          }, y.props, {
-            name: y.name,
-            value: t.formData[y.binding],
-            "onUpdate:value": (g) => t.formData[y.binding] = g,
-            onChange: (g) => f(y.binding, "change", y.rule)
-          }), null, 16, ["name", "value", "onUpdate:value", "onChange"])) : y.type === "radio" ? (v(), S(r(Eo), ve({
+          }, b.props, {
+            name: b.name,
+            value: t.formData[b.binding],
+            "onUpdate:value": (g) => t.formData[b.binding] = g,
+            onChange: (g) => f(b.binding, "change", b.rule)
+          }), null, 16, ["name", "value", "onUpdate:value", "onChange"])) : b.type === "radio" ? (v(), S(r(Eo), ve({
             key: 2,
             ref_for: !0
-          }, y.props, {
-            name: y.name,
-            value: t.formData[y.binding],
-            "onUpdate:value": (g) => t.formData[y.binding] = g,
-            onChange: (g) => f(y.binding, "change", y.rule)
-          }), null, 16, ["name", "value", "onUpdate:value", "onChange"])) : y.type === "switch" ? (v(), S(r(Zo), ve({
+          }, b.props, {
+            name: b.name,
+            value: t.formData[b.binding],
+            "onUpdate:value": (g) => t.formData[b.binding] = g,
+            onChange: (g) => f(b.binding, "change", b.rule)
+          }), null, 16, ["name", "value", "onUpdate:value", "onChange"])) : b.type === "switch" ? (v(), S(r(Zo), ve({
             key: 3,
             ref_for: !0
-          }, y.props, {
-            name: y.name,
-            loading: d.value[y.binding] !== void 0,
-            checked: t.formData[y.binding],
-            "onUpdate:checked": (g) => t.formData[y.binding] = g,
-            onChange: (g) => f(y.binding, "change", y.rule)
-          }), null, 16, ["name", "loading", "checked", "onUpdate:checked", "onChange"])) : y.type === "select" ? (v(), S(r(jo), ve({
+          }, b.props, {
+            name: b.name,
+            loading: d.value[b.binding] !== void 0,
+            checked: t.formData[b.binding],
+            "onUpdate:checked": (g) => t.formData[b.binding] = g,
+            onChange: (g) => f(b.binding, "change", b.rule)
+          }), null, 16, ["name", "loading", "checked", "onUpdate:checked", "onChange"])) : b.type === "select" ? (v(), S(r(jo), ve({
             key: 4,
             ref_for: !0
-          }, y.props, {
-            name: y.name,
-            value: t.formData[y.binding],
-            "onUpdate:value": (g) => t.formData[y.binding] = g,
-            onChange: (g) => f(y.binding, "change", y.rule)
-          }), null, 16, ["name", "value", "onUpdate:value", "onChange"])) : H(k.$slots, y.slot, { key: 5 })
+          }, b.props, {
+            name: b.name,
+            value: t.formData[b.binding],
+            "onUpdate:value": (g) => t.formData[b.binding] = g,
+            onChange: (g) => f(b.binding, "change", b.rule)
+          }), null, 16, ["name", "value", "onUpdate:value", "onChange"])) : F(k.$slots, b.slot, { key: 5 })
         ]),
         _: 2
       }, 1032, ["class", "type", "label-width", "label", "show-label", "is-required", "error-msg"]))), 128))
@@ -2155,16 +2155,16 @@ ${ce}${G}`, ne(x.target), y(t.value, we, we);
   },
   emits: ["load", "error"],
   setup(u, { emit: o }) {
-    const s = new IntersectionObserver(_), e = o, n = u, t = T(!1), a = T(n.src), c = T(!1), d = T(!1), l = T(!1), i = ue(null), p = b(() => t.value && !c.value), m = b(() => ({
+    const s = new IntersectionObserver(_), e = o, n = u, t = T(!1), a = T(n.src), c = T(!1), d = T(!1), l = T(!1), i = ue(null), p = y(() => t.value && !c.value), m = y(() => ({
       height: p.value ? void 0 : "var(--image-placeholder-height)",
       aspectRatio: p.value ? void 0 : n.aspectRatio
     }));
-    ie(
+    ae(
       () => n.src,
       () => {
         c.value = !1, t.value = !1, a.value = n.src;
       }
-    ), le(() => {
+    ), ie(() => {
       s.observe(i.value);
     }), ye(() => {
       s.disconnect();
@@ -2187,7 +2187,7 @@ ${ce}${G}`, ne(x.target), y(t.value, we, we);
     }
     return (B, M) => (v(), w("div", {
       class: "sq-image",
-      style: J(m.value),
+      style: Z(m.value),
       ref_key: "imgRef",
       ref: i
     }, [
@@ -2205,7 +2205,7 @@ ${ce}${G}`, ne(x.target), y(t.value, we, we);
           type: I.type
         }, null, 8, Ls))), 128)),
         E("img", {
-          style: J({ objectFit: n.objectFit }),
+          style: Z({ objectFit: n.objectFit }),
           crossorigin: n.crossorigin,
           alt: n.alt,
           src: a.value,
@@ -2221,7 +2221,7 @@ ${ce}${G}`, ne(x.target), y(t.value, we, we);
         z(r(gt))
       ])) : P("", !0),
       c.value ? (v(), w("div", As, [
-        H(B.$slots, "error", {}, () => [
+        F(B.$slots, "error", {}, () => [
           M[1] || (M[1] = E("span", null, "图片加载失败", -1))
         ])
       ])) : P("", !0),
@@ -2236,7 +2236,7 @@ ${ce}${G}`, ne(x.target), y(t.value, we, we);
 }), Ms = ["src"], Ps = "sq-image-viewer", Ds = /* @__PURE__ */ R({
   name: Ps,
   __name: "image-viewer",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ G({
     srcList: {},
     toolbar: { type: Boolean, default: !0 },
     minScale: { default: 0.5 },
@@ -2268,79 +2268,79 @@ ${ce}${G}`, ne(x.target), y(t.value, we, we);
       getImagePoint: h
     } = xt(), f = { x: 0, y: 0 };
     let _ = 0;
-    const $ = u, B = T(!1), M = T(!1), I = T(0), L = T(0), U = T(!0), W = ae(u, "visible"), ne = b(() => $.srcList[L.value]), F = b(() => {
-      const K = B.value ? -1 : 1, V = M.value ? -1 : 1;
+    const $ = u, B = T(!1), M = T(!1), I = T(0), L = T(0), V = T(!0), j = le(u, "visible"), te = y(() => $.srcList[L.value]), ne = y(() => {
+      const Y = B.value ? -1 : 1, U = M.value ? -1 : 1;
       return {
         transform: [
-          `scale(${e.value * K}, ${e.value * V})`,
+          `scale(${e.value * Y}, ${e.value * U})`,
           `rotate(${I.value}deg)`
         ].join(" "),
         marginInlineStart: `${n.value.x}px`,
         marginBlockStart: `${n.value.y}px`,
-        transition: U.value ? void 0 : "none"
+        transition: V.value ? void 0 : "none"
       };
     });
     function k() {
-      U.value = !0;
+      V.value = !0;
     }
-    function C(K) {
-      K.deltaY < 0 ? j(K.x, K.y) : Y(K.x, K.y);
+    function C(Y) {
+      Y.deltaY < 0 ? H(Y.x, Y.y) : X(Y.x, Y.y);
     }
-    function y(K) {
-      !o.value || !$.moveable || K.pointerType === "touch" || p(K.x, K.y);
+    function b(Y) {
+      !o.value || !$.moveable || Y.pointerType === "touch" || p(Y.x, Y.y);
     }
-    function x(K) {
-      if (K.touches.length === 1) {
+    function x(Y) {
+      if (Y.touches.length === 1) {
         if (!o.value || !$.moveable) return;
-        const V = K.touches[0];
-        p(V.screenX, V.screenY);
-      } else if (K.touches.length === 2) {
+        const U = Y.touches[0];
+        p(U.screenX, U.screenY);
+      } else if (Y.touches.length === 2) {
         if (!s.value) return;
-        o.value = !1, U.value = !1;
-        const V = K.touches.item(0), ee = K.touches.item(1), _e = m(V, ee), Me = _e / s.value;
+        o.value = !1, V.value = !1;
+        const U = Y.touches.item(0), Q = Y.touches.item(1), _e = m(U, Q), Me = _e / s.value;
         let qe = e.value * Me;
         qe = Math.min($.maxScale, qe), qe = Math.max($.minScale, qe);
-        const We = (V.clientX + ee.clientX) / 2, Xe = (V.clientY + ee.clientY) / 2;
+        const We = (U.clientX + Q.clientX) / 2, Xe = (U.clientY + Q.clientY) / 2;
         A(qe, We, Xe), s.value = _e;
       }
     }
-    function g(K) {
-      const ee = K.target.getBoundingClientRect(), _e = window.innerWidth, Me = window.innerHeight;
-      f.x = _e / ee.width, f.y = Me / ee.height, _ = Math.min(f.x, f.y), e.value = Math.min(_, 1);
+    function g(Y) {
+      const Q = Y.target.getBoundingClientRect(), _e = window.innerWidth, Me = window.innerHeight;
+      f.x = _e / Q.width, f.y = Me / Q.height, _ = Math.min(f.x, f.y), e.value = Math.min(_, 1);
     }
     function q() {
       e.value = Math.min(f.x, f.y, 1), B.value = !1, M.value = !1, I.value = 0, n.value = { x: 0, y: 0 };
     }
-    function O(K) {
-      L.value += K;
+    function O(Y) {
+      L.value += Y;
     }
-    function j(K, V) {
+    function H(Y, U) {
       if (e.value >= $.maxScale) return;
-      const ee = Math.min($.maxScale, e.value * (1 + $.scaleStep));
-      A(ee, K, V);
-    }
-    function Y(K, V) {
-      const ee = Math.min(_, $.minScale);
-      if (e.value <= ee) return;
-      const _e = Math.max(ee, e.value / (1 + $.scaleStep));
-      A(_e, K, V);
-    }
-    function A(K, V, ee) {
-      if (!V || !ee) {
-        e.value = K;
+      const Q = Math.min($.maxScale, e.value * (1 + $.scaleStep));
+      A(Q, Y, U);
+    }
+    function X(Y, U) {
+      const Q = Math.min(_, $.minScale);
+      if (e.value <= Q) return;
+      const _e = Math.max(Q, e.value / (1 + $.scaleStep));
+      A(_e, Y, U);
+    }
+    function A(Y, U, Q) {
+      if (!U || !Q) {
+        e.value = Y;
         return;
       }
-      U.value = !1;
-      const _e = e.value, [Me, qe] = h(V, ee);
-      e.value = K, $e(() => {
-        const [We, Xe] = i(Me, qe, V, ee, _e);
-        n.value.x += We * 2, n.value.y += Xe * 2, U.value = !0;
+      V.value = !1;
+      const _e = e.value, [Me, qe] = h(U, Q);
+      e.value = Y, $e(() => {
+        const [We, Xe] = i(Me, qe, U, Q, _e);
+        n.value.x += We * 2, n.value.y += Xe * 2, V.value = !0;
       });
     }
     function D() {
       e.value = Math.min(f.x, f.y), n.value = { x: 0, y: 0 };
     }
-    function G() {
+    function K() {
       e.value = 1, n.value = { x: 0, y: 0 };
     }
     function ce() {
@@ -2349,68 +2349,68 @@ ${ce}${G}`, ne(x.target), y(t.value, we, we);
     function ge() {
       M.value = !M.value;
     }
-    function we(K) {
-      I.value += K;
+    function we(Y) {
+      I.value += Y;
     }
     function je() {
-      W.value = !1;
+      j.value = !1;
     }
-    return (K, V) => (v(), S(r(wt), {
+    return (Y, U) => (v(), S(r(wt), {
       class: "sq-image-viewer-mask",
-      visible: W.value,
-      "onUpdate:visible": V[10] || (V[10] = (ee) => W.value = ee),
+      visible: j.value,
+      "onUpdate:visible": U[10] || (U[10] = (Q) => j.value = Q),
       keyboard: $.keyboard,
       "mask-closeable": $.maskCloseable,
       onWheelPassive: C,
-      onPointermove: y,
+      onPointermove: b,
       onPointerup: r(c),
       onTouchmovePassive: x,
-      onTouchend: V[11] || (V[11] = () => r(l)(k)),
+      onTouchend: U[11] || (U[11] = () => r(l)(k)),
       onClosed: q
     }, {
       default: N(() => [
         E("img", {
           ref_key: "imgRef",
           ref: t,
-          style: J(F.value),
-          src: ne.value,
-          onClick: V[0] || (V[0] = be(() => {
+          style: Z(ne.value),
+          src: te.value,
+          onClick: U[0] || (U[0] = be(() => {
           }, ["stop"])),
           onLoad: g,
-          onPointerdown: V[1] || (V[1] = be(
+          onPointerdown: U[1] || (U[1] = be(
             //@ts-ignore
-            (...ee) => r(a) && r(a)(...ee),
+            (...Q) => r(a) && r(a)(...Q),
             ["prevent"]
           )),
-          onTouchstartPassive: V[2] || (V[2] = //@ts-ignore
-          (...ee) => r(d) && r(d)(...ee))
+          onTouchstartPassive: U[2] || (U[2] = //@ts-ignore
+          (...Q) => r(d) && r(d)(...Q))
         }, null, 44, Ms),
-        z(r(te), {
+        z(r(ee), {
           class: "sq-image-viewer-close",
           round: "",
           icon: r(Je),
           onClick: be(je, ["stop"])
         }, null, 8, ["icon"]),
         $.srcList.length > 1 ? (v(), w(se, { key: 0 }, [
-          z(r(te), {
+          z(r(ee), {
             class: "sq-image-viewer-prev",
             round: "",
             icon: r(bt),
             disabled: L.value === 0,
-            onClick: V[3] || (V[3] = (ee) => O(-1))
+            onClick: U[3] || (U[3] = (Q) => O(-1))
           }, null, 8, ["icon", "disabled"]),
-          z(r(te), {
+          z(r(ee), {
             class: "sq-image-viewer-next",
             round: "",
             icon: r(yt),
             disabled: L.value === $.srcList.length - 1,
-            onClick: V[4] || (V[4] = (ee) => O(1))
+            onClick: U[4] || (U[4] = (Q) => O(1))
           }, null, 8, ["icon", "disabled"])
         ], 64)) : P("", !0),
         $.toolbar ? (v(), w("div", {
           key: 1,
           class: "sq-image-viewer-toolbar",
-          onClick: V[9] || (V[9] = be(() => {
+          onClick: U[9] || (U[9] = be(() => {
           }, ["stop"]))
         }, [
           z(r(de), {
@@ -2418,11 +2418,11 @@ ${ce}${G}`, ne(x.target), y(t.value, we, we);
             shadow: !1
           }, {
             default: N(() => [
-              z(r(te), {
+              z(r(ee), {
                 text: "",
                 icon: r(Ft),
                 disabled: r(e) >= $.maxScale,
-                onClick: V[5] || (V[5] = () => j())
+                onClick: U[5] || (U[5] = () => H())
               }, null, 8, ["icon", "disabled"])
             ]),
             _: 1
@@ -2432,11 +2432,11 @@ ${ce}${G}`, ne(x.target), y(t.value, we, we);
             shadow: !1
           }, {
             default: N(() => [
-              z(r(te), {
+              z(r(ee), {
                 text: "",
                 icon: r(Ht),
                 disabled: r(e) <= $.minScale,
-                onClick: V[6] || (V[6] = () => Y())
+                onClick: U[6] || (U[6] = () => X())
               }, null, 8, ["icon", "disabled"])
             ]),
             _: 1
@@ -2447,7 +2447,7 @@ ${ce}${G}`, ne(x.target), y(t.value, we, we);
             shadow: !1
           }, {
             default: N(() => [
-              z(r(te), {
+              z(r(ee), {
                 text: "",
                 icon: r(jt),
                 onClick: ce
@@ -2460,7 +2460,7 @@ ${ce}${G}`, ne(x.target), y(t.value, we, we);
             shadow: !1
           }, {
             default: N(() => [
-              z(r(te), {
+              z(r(ee), {
                 text: "",
                 icon: r(Wt),
                 onClick: ge
@@ -2474,10 +2474,10 @@ ${ce}${G}`, ne(x.target), y(t.value, we, we);
             shadow: !1
           }, {
             default: N(() => [
-              z(r(te), {
+              z(r(ee), {
                 text: "",
                 icon: r(Xt),
-                onClick: V[7] || (V[7] = (ee) => we(90))
+                onClick: U[7] || (U[7] = (Q) => we(90))
               }, null, 8, ["icon"])
             ]),
             _: 1
@@ -2487,10 +2487,10 @@ ${ce}${G}`, ne(x.target), y(t.value, we, we);
             shadow: !1
           }, {
             default: N(() => [
-              z(r(te), {
+              z(r(ee), {
                 text: "",
                 icon: r(Yt),
-                onClick: V[8] || (V[8] = (ee) => we(-90))
+                onClick: U[8] || (U[8] = (Q) => we(-90))
               }, null, 8, ["icon"])
             ]),
             _: 1
@@ -2501,10 +2501,10 @@ ${ce}${G}`, ne(x.target), y(t.value, we, we);
             shadow: !1
           }, {
             default: N(() => [
-              z(r(te), {
+              z(r(ee), {
                 text: "",
                 icon: r(Kt),
-                onClick: G
+                onClick: K
               }, null, 8, ["icon"])
             ]),
             _: 1
@@ -2514,7 +2514,7 @@ ${ce}${G}`, ne(x.target), y(t.value, we, we);
             shadow: !1
           }, {
             default: N(() => [
-              z(r(te), {
+              z(r(ee), {
                 text: "",
                 icon: r(Gt),
                 onClick: D
@@ -2552,35 +2552,35 @@ ${ce}${G}`, ne(x.target), y(t.value, we, we);
       getImagePoint: f
     } = xt();
     let _ = 0;
-    const $ = u, B = ue(null), M = b(() => ({
+    const $ = u, B = ue(null), M = y(() => ({
       transform: `scale(${n.value})`,
       marginInlineStart: `${t.value.x}px`,
       marginBlockStart: `${t.value.y}px`
     }));
-    ie(
+    ae(
       () => $.aspectRatio,
       () => {
         $e(I);
       }
-    ), le(() => {
-      document.addEventListener("pointermove", U), document.addEventListener("pointerup", d);
+    ), ie(() => {
+      document.addEventListener("pointermove", V), document.addEventListener("pointerup", d);
     }), ye(() => {
-      document.removeEventListener("pointermove", U), document.removeEventListener("pointerup", d);
+      document.removeEventListener("pointermove", V), document.removeEventListener("pointerup", d);
     });
     function I() {
       const x = a.value;
       if (!x) return;
       t.value = { x: 0, y: 0 };
-      const g = B.value.getBoundingClientRect(), q = x.naturalWidth, O = x.naturalHeight, j = g.width / q, Y = g.height / O;
-      _ = Math.max(j, Y), n.value = _;
+      const g = B.value.getBoundingClientRect(), q = x.naturalWidth, O = x.naturalHeight, H = g.width / q, X = g.height / O;
+      _ = Math.max(H, X), n.value = _;
     }
     function L(x) {
-      x.deltaY < 0 ? ne(x.x, x.y) : F(x.x, x.y);
+      x.deltaY < 0 ? te(x.x, x.y) : ne(x.x, x.y);
     }
-    function U(x) {
+    function V(x) {
       !s.value || x.pointerType === "touch" || (m(x.x, x.y), C());
     }
-    function W(x) {
+    function j(x) {
       if (x.touches.length === 1) {
         if (!s.value) return;
         const g = x.touches[0];
@@ -2588,27 +2588,27 @@ ${ce}${G}`, ne(x.target), y(t.value, we, we);
       } else if (x.touches.length === 2) {
         if (!e.value) return;
         s.value = !1;
-        const g = x.touches.item(0), q = x.touches.item(1), O = h(g, q), j = O / e.value;
-        let Y = n.value * j;
-        Y = Math.min($.maxScale, Y), Y = Math.max(_, Y);
+        const g = x.touches.item(0), q = x.touches.item(1), O = h(g, q), H = O / e.value;
+        let X = n.value * H;
+        X = Math.min($.maxScale, X), X = Math.max(_, X);
         const A = (g.clientX + q.clientX) / 2, D = (g.clientY + q.clientY) / 2;
-        k(A, D, Y), e.value = O;
+        k(A, D, X), e.value = O;
       }
     }
-    function ne(x, g) {
+    function te(x, g) {
       if (n.value >= $.maxScale) return;
       const q = Math.min($.maxScale, n.value * (1 + 0.1));
       k(x, g, q);
     }
-    function F(x, g) {
+    function ne(x, g) {
       if (n.value <= _) return;
       const q = Math.max(_, n.value / (1 + 0.1));
       k(x, g, q);
     }
     function k(x, g, q) {
-      const O = n.value, [j, Y] = f(x, g);
+      const O = n.value, [H, X] = f(x, g);
       n.value = q, $e(() => {
-        const [A, D] = p(j, Y, x, g, O);
+        const [A, D] = p(H, X, x, g, O);
         t.value.x += A * 2, t.value.y += D * 2, C();
       });
     }
@@ -2616,45 +2616,45 @@ ${ce}${G}`, ne(x.target), y(t.value, we, we);
       $e(() => {
         const x = a.value.getBoundingClientRect(), g = B.value.getBoundingClientRect(), q = x.left >= g.left, O = x.right <= g.right;
         q ? t.value.x -= (x.left - g.left) * 2 : O && (t.value.x += (g.right - x.right) * 2);
-        const j = x.top >= g.top, Y = x.bottom <= g.bottom;
-        j ? t.value.y -= (x.top - g.top) * 2 : Y && (t.value.y += (g.bottom - x.bottom) * 2);
+        const H = x.top >= g.top, X = x.bottom <= g.bottom;
+        H ? t.value.y -= (x.top - g.top) * 2 : X && (t.value.y += (g.bottom - x.bottom) * 2);
       });
     }
-    async function y(x = "base64") {
+    async function b(x = "base64") {
       if (!$.src) return;
-      const g = a.value.naturalWidth, q = a.value.naturalHeight, O = g / q, Y = g > q && O < $.aspectRatio || g < q && O > $.aspectRatio ? g / q : 1, A = n.value / _ / Y;
+      const g = a.value.naturalWidth, q = a.value.naturalHeight, O = g / q, X = g > q && O < $.aspectRatio || g < q && O > $.aspectRatio ? g / q : 1, A = n.value / _ / X;
       let D = document.createElement("canvas");
       D.style.display = "none", $.aspectRatio >= O ? (D.width = g, D.height = g / $.aspectRatio) : (D.width = q * $.aspectRatio, D.height = q);
-      let G = D.getContext("2d");
+      let K = D.getContext("2d");
       const ce = a.value.getBoundingClientRect(), ge = B.value.getBoundingClientRect(), we = (ce.left - ge.left) / n.value, je = (ce.top - ge.top) / n.value;
-      return G == null || G.drawImage(
+      return K == null || K.drawImage(
         a.value,
         we * A,
         je * A,
         g * A,
         q * A
-      ), new Promise((K) => {
-        x === "base64" ? K(D.toDataURL("image/png")) : D == null || D.toBlob((V) => {
-          K(V ?? void 0);
+      ), new Promise((Y) => {
+        x === "base64" ? Y(D.toDataURL("image/png")) : D == null || D.toBlob((U) => {
+          Y(U ?? void 0);
         }, "image/png");
       }).finally(() => {
-        G = void 0, D = void 0;
+        K = void 0, D = void 0;
       });
     }
-    return o({ cropImageAsync: y }), (x, g) => (v(), w("div", {
+    return o({ cropImageAsync: b }), (x, g) => (v(), w("div", {
       class: "sq-image-crop",
-      style: J({ "--image-crop-ratio": $.aspectRatio }),
+      style: Z({ "--image-crop-ratio": $.aspectRatio }),
       onWheel: be(L, ["prevent", "stop"]),
       onPointerdown: g[0] || (g[0] = //@ts-ignore
       (...q) => r(c) && r(c)(...q)),
       onTouchstartPassive: g[1] || (g[1] = //@ts-ignore
       (...q) => r(l) && r(l)(...q)),
-      onTouchmovePassive: W,
+      onTouchmovePassive: j,
       onTouchend: g[2] || (g[2] = () => r(i)())
     }, [
       E("div", {
         class: "sq-image-crop-cropper",
-        style: J(`${$.aspectRatio > 1 ? "width" : "height"}: 100%`),
+        style: Z(`${$.aspectRatio > 1 ? "width" : "height"}: 100%`),
         ref_key: "cropperRef",
         ref: B
       }, null, 4),
@@ -2662,19 +2662,19 @@ ${ce}${G}`, ne(x.target), y(t.value, we, we);
         key: 0,
         ref_key: "imgRef",
         ref: a,
-        style: J(M.value),
+        style: Z(M.value),
         src: $.src,
         onLoad: I
       }, null, 44, Os)) : P("", !0)
     ], 36));
   }
-}), Vs = {
+}), Us = {
   key: 0,
   class: "sq-input-prefix"
-}, Us = ["id", "disabled", "readonly", "placeholder", "type", "maxlength", "minlength", "autocomplete", "name", "autofocus", "form", "inputmode"], Fs = ["id", "disabled", "readonly", "placeholder", "type", "maxlength", "minlength", "autocomplete", "name", "autofocus", "form", "inputmode", "rows", "cols"], Hs = { class: "sq-input-suffix" }, js = "sq-input", nt = /* @__PURE__ */ R({
+}, Vs = ["id", "disabled", "readonly", "placeholder", "type", "maxlength", "minlength", "autocomplete", "name", "autofocus", "form", "inputmode"], Fs = ["id", "disabled", "readonly", "placeholder", "type", "maxlength", "minlength", "autocomplete", "name", "autofocus", "form", "inputmode", "rows", "cols"], Hs = { class: "sq-input-suffix" }, js = "sq-input", nt = /* @__PURE__ */ R({
   name: js,
   __name: "input",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ G({
     status: {},
     round: { type: Boolean, default: void 0 },
     prefixIcon: {},
@@ -2700,27 +2700,27 @@ ${ce}${G}`, ne(x.target), y(t.value, we, we);
     value: { default: "" },
     valueModifiers: {}
   }),
-  emits: /* @__PURE__ */ Z(["click", "focus", "blur", "input", "change", "clear"], ["update:value"]),
+  emits: /* @__PURE__ */ G(["click", "focus", "blur", "input", "change", "clear"], ["update:value"]),
   setup(u, { expose: o, emit: s }) {
-    const e = Ne(), n = s, t = u, { inputSize: a, inputRound: c, inputDisabled: d, inputReadonly: l, id: i } = Tn(t), p = ae(u, "value"), m = T(!1), h = T(!1), f = ue(null), _ = b(() => {
-      const A = [], D = r(a), G = r(c), ce = r(F);
-      return D !== "md" && A.push(`sq-input--${D}`), t.status && A.push(`is-${t.status}`), G && A.push("is-round"), ce && A.push("is-disabled"), A;
-    }), $ = b(() => r(h) ? ht : gt), B = b(() => r(h) ? "text" : t.type), M = b(() => e.prefix || t.prefixIcon), I = b(() => r(m) && r(p).length), L = b(
+    const e = Ne(), n = s, t = u, { inputSize: a, inputRound: c, inputDisabled: d, inputReadonly: l, id: i } = Tn(t), p = le(u, "value"), m = T(!1), h = T(!1), f = ue(null), _ = y(() => {
+      const A = [], D = r(a), K = r(c), ce = r(ne);
+      return D !== "md" && A.push(`sq-input--${D}`), t.status && A.push(`is-${t.status}`), K && A.push("is-round"), ce && A.push("is-disabled"), A;
+    }), $ = y(() => r(h) ? ht : gt), B = y(() => r(h) ? "text" : t.type), M = y(() => e.prefix || t.prefixIcon), I = y(() => r(m) && r(p).length), L = y(
       () => t.type === "password" && r(I)
-    ), U = b(() => t.clearable && r(I)), W = b(() => t.loading ? Ue : t.suffixIcon), ne = b(
-      () => r(L) || r(U) || r(W) || e.suffix
-    ), F = b(() => t.loading || r(d)), k = b(() => {
+    ), V = y(() => t.clearable && r(I)), j = y(() => t.loading ? Ve : t.suffixIcon), te = y(
+      () => r(L) || r(V) || r(j) || e.suffix
+    ), ne = y(() => t.loading || r(d)), k = y(() => {
       if (t.type === "textarea")
-        return r(F) || r(l) ? "none" : t.resize;
+        return r(ne) || r(l) ? "none" : t.resize;
     });
     function C(A) {
       n("focus", A), !r(l) && (m.value = !0);
     }
-    function y(A) {
+    function b(A) {
       n("blur", A), !r(l) && (m.value = !1);
     }
     function x() {
-      setTimeout(j);
+      setTimeout(H);
     }
     function g(A) {
       n("click", A);
@@ -2731,30 +2731,30 @@ ${ce}${G}`, ne(x.target), y(t.value, we, we);
     function O() {
       h.value = !h.value;
     }
-    function j() {
+    function H() {
       var A;
       (A = f.value) == null || A.focus();
     }
-    function Y() {
+    function X() {
       var A;
       m.value = !1, (A = f.value) == null || A.blur();
     }
-    return o({ focus: j, blur: Y }), (A, D) => (v(), w("div", {
-      class: X(["sq-input", _.value]),
+    return o({ focus: H, blur: X }), (A, D) => (v(), w("div", {
+      class: W(["sq-input", _.value]),
       onClick: g,
       onPointerdown: x
     }, [
-      M.value ? (v(), w("span", Vs, [
-        H(A.$slots, "prefix", {}, () => [
+      M.value ? (v(), w("span", Us, [
+        F(A.$slots, "prefix", {}, () => [
           (v(), S(fe(t.prefixIcon)))
         ])
       ])) : P("", !0),
       t.type !== "textarea" ? re((v(), w("input", {
         key: 1,
         class: "sq-input-inner",
-        "onUpdate:modelValue": D[0] || (D[0] = (G) => p.value = G),
+        "onUpdate:modelValue": D[0] || (D[0] = (K) => p.value = K),
         id: r(i),
-        disabled: F.value,
+        disabled: ne.value,
         readonly: r(l),
         placeholder: t.placeholder,
         type: B.value,
@@ -2768,18 +2768,18 @@ ${ce}${G}`, ne(x.target), y(t.value, we, we);
         ref_key: "inputRef",
         ref: f,
         onFocus: C,
-        onBlur: y,
-        onInput: D[1] || (D[1] = (G) => n("input", G)),
-        onChange: D[2] || (D[2] = (G) => n("change", G))
-      }, null, 40, Us)), [
+        onBlur: b,
+        onInput: D[1] || (D[1] = (K) => n("input", K)),
+        onChange: D[2] || (D[2] = (K) => n("change", K))
+      }, null, 40, Vs)), [
         [zt, p.value]
       ]) : re((v(), w("textarea", {
         key: 2,
         class: "sq-input-inner",
-        style: J({ resize: k.value }),
-        "onUpdate:modelValue": D[3] || (D[3] = (G) => p.value = G),
+        style: Z({ resize: k.value }),
+        "onUpdate:modelValue": D[3] || (D[3] = (K) => p.value = K),
         id: r(i),
-        disabled: F.value,
+        disabled: ne.value,
         readonly: r(l),
         placeholder: t.placeholder,
         type: B.value,
@@ -2795,9 +2795,9 @@ ${ce}${G}`, ne(x.target), y(t.value, we, we);
         ref_key: "inputRef",
         ref: f,
         onFocus: C,
-        onBlur: y,
-        onInput: D[4] || (D[4] = (G) => n("input", G)),
-        onChange: D[5] || (D[5] = (G) => n("change", G))
+        onBlur: b,
+        onInput: D[4] || (D[4] = (K) => n("input", K)),
+        onChange: D[5] || (D[5] = (K) => n("change", K))
       }, null, 44, Fs)), [
         [Rt, p.value]
       ]),
@@ -2807,23 +2807,23 @@ ${ce}${G}`, ne(x.target), y(t.value, we, we);
           class: "sq-input-suffix-pwd",
           onPointerdown: O
         }, null, 32)) : P("", !0),
-        U.value ? (v(), S(r(Je), {
+        V.value ? (v(), S(r(Je), {
           key: 1,
           class: "sq-input-suffix-clear",
           onPointerdown: q
         })) : P("", !0),
-        H(A.$slots, "suffix", {}, () => [
-          W.value ? (v(), S(fe(W.value), { key: 0 })) : P("", !0)
+        F(A.$slots, "suffix", {}, () => [
+          j.value ? (v(), S(fe(j.value), { key: 0 })) : P("", !0)
         ])
       ], 512), [
-        [he, ne.value]
+        [he, te.value]
       ])
     ], 34));
   }
 }), Ws = ["onClick"], Xs = ["textContent"], Ys = ["onClick"], Ks = ["textContent"], Gs = "sq-menu", Ia = /* @__PURE__ */ R({
   name: Gs,
   __name: "menu",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ G({
     router: { type: Boolean },
     items: {},
     direction: { default: "vertical" }
@@ -2831,9 +2831,9 @@ ${ce}${G}`, ne(x.target), y(t.value, we, we);
     active: {},
     activeModifiers: {}
   }),
-  emits: /* @__PURE__ */ Z(["click", "change"], ["update:active"]),
+  emits: /* @__PURE__ */ G(["click", "change"], ["update:active"]),
   setup(u, { emit: o }) {
-    const { getText: s } = Ae(), e = o, n = u, t = ae(u, "active"), a = b(() => [`sq-menu--${n.direction}`]);
+    const { getText: s } = Ae(), e = o, n = u, t = le(u, "active"), a = y(() => [`sq-menu--${n.direction}`]);
     function c(l, i) {
       l.disabled || i();
     }
@@ -2841,7 +2841,7 @@ ${ce}${G}`, ne(x.target), y(t.value, we, we);
       e("click", l.value, i), !(l.disabled || l.value === t.value) && (e("change", l.value), t.value = l.value);
     }
     return (l, i) => (v(), w("menu", {
-      class: X(["sq-menu", a.value])
+      class: W(["sq-menu", a.value])
     }, [
       n.router ? (v(!0), w(se, { key: 0 }, pe(n.items, (p) => (v(), S(r(en), {
         custom: "",
@@ -2850,13 +2850,13 @@ ${ce}${G}`, ne(x.target), y(t.value, we, we);
       }, {
         default: N(({ navigate: m, isActive: h }) => [
           E("li", {
-            class: X(["sq-menu-item", { "is-active": h, "is-disabled": p.disabled }]),
+            class: W(["sq-menu-item", { "is-active": h, "is-disabled": p.disabled }]),
             onClick: (f) => c(p, m)
           }, [
-            H(l.$slots, "default", ve({ ref_for: !0 }, p), () => [
+            F(l.$slots, "default", ve({ ref_for: !0 }, p), () => [
               p.icon ? (v(), S(fe(p.icon), { key: 0 })) : P("", !0),
               E("span", {
-                textContent: Q(r(s)(p))
+                textContent: J(r(s)(p))
               }, null, 8, Xs),
               n.direction === "vertical" ? re((v(), S(r(it), {
                 key: 1,
@@ -2871,17 +2871,17 @@ ${ce}${G}`, ne(x.target), y(t.value, we, we);
         ]),
         _: 2
       }, 1032, ["to"]))), 128)) : (v(!0), w(se, { key: 1 }, pe(n.items, (p) => (v(), w("li", {
-        class: X(["sq-menu-item", {
+        class: W(["sq-menu-item", {
           "is-active": t.value === p.value,
           "is-disabled": p.disabled
         }]),
         key: p.value,
         onClick: (m) => d(p, m)
       }, [
-        H(l.$slots, "default", ve({ ref_for: !0 }, p), () => [
+        F(l.$slots, "default", ve({ ref_for: !0 }, p), () => [
           p.icon ? (v(), S(fe(p.icon), { key: 0 })) : P("", !0),
           E("span", {
-            textContent: Q(r(s)(p))
+            textContent: J(r(s)(p))
           }, null, 8, Ks),
           n.direction === "vertical" ? re((v(), S(r(it), {
             key: 1,
@@ -2908,8 +2908,8 @@ ${ce}${G}`, ne(x.target), y(t.value, we, we);
     id: {}
   },
   setup(u, { expose: o }) {
-    const s = u, e = T(!0), n = b(() => s.type ? Qe[s.type] : void 0);
-    le(() => {
+    const s = u, e = T(!0), n = y(() => s.type ? Qe[s.type] : void 0);
+    ie(() => {
       setTimeout(t, s.closeAfter);
     });
     function t() {
@@ -2923,9 +2923,9 @@ ${ce}${G}`, ne(x.target), y(t.value, we, we);
     }, {
       default: N(() => [
         re(E("div", {
-          class: X(["sq-message", `is-${s.type}`]),
+          class: W(["sq-message", `is-${s.type}`]),
           id: s.id,
-          style: J({ top: `${s.offsetTop}px` })
+          style: Z({ top: `${s.offsetTop}px` })
         }, [
           z(r(xe), { class: "sq-message-inner" }, {
             default: N(() => [
@@ -2935,7 +2935,7 @@ ${ce}${G}`, ne(x.target), y(t.value, we, we);
               })) : P("", !0),
               E("div", {
                 class: "sq-message-content",
-                textContent: Q(s.message)
+                textContent: J(s.message)
               }, null, 8, Js)
             ]),
             _: 1
@@ -2981,10 +2981,10 @@ const Ge = (u = {}) => {
   };
   const c = n.onDestroy;
   n.onDestroy = () => {
-    c == null || c(), Ve(null, t), t.remove(), t = null;
+    c == null || c(), Ue(null, t), t.remove(), t = null;
   };
   const d = z(eo, n);
-  return Ve(d, t), Te.push({ vm: d }), s.appendChild(t.firstElementChild), {
+  return Ue(d, t), Te.push({ vm: d }), s.appendChild(t.firstElementChild), {
     close: () => {
       var l, i;
       (i = (l = d.component) == null ? void 0 : l.exposed) == null || i.close();
@@ -3013,7 +3013,7 @@ const Aa = Ge, ao = ["textContent"], lo = "sq-message-box", io = /* @__PURE__ */
   },
   setup(u, { expose: o }) {
     const s = u, e = T(!1);
-    le(() => {
+    ie(() => {
       e.value = !0;
     });
     function n() {
@@ -3034,7 +3034,7 @@ const Aa = Ge, ao = ["textContent"], lo = "sq-message-box", io = /* @__PURE__ */
     }, {
       default: N(() => [
         E("span", {
-          textContent: Q(s.message)
+          textContent: J(s.message)
         }, null, 8, ao)
       ]),
       _: 1
@@ -3048,11 +3048,11 @@ const Aa = Ge, ao = ["textContent"], lo = "sq-message-box", io = /* @__PURE__ */
     ...o
   }, e = s.onDestroy;
   s.onDestroy = () => {
-    e == null || e(), Ve(null, n), n.remove(), n = null;
+    e == null || e(), Ue(null, n), n.remove(), n = null;
   };
   let n = document.createElement("div");
   const t = z(io, s);
-  return Ve(t, n), {
+  return Ue(t, n), {
     close: () => {
       var a, c;
       (c = (a = t.component) == null ? void 0 : a.exposed) == null || c.close();
@@ -3063,7 +3063,7 @@ const Aa = Ge, ao = ["textContent"], lo = "sq-message-box", io = /* @__PURE__ */
 }, uo = "sq-pagination-prev", co = /* @__PURE__ */ R({
   name: uo,
   __name: "pagination-prev",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ G({
     disabled: { type: Boolean },
     size: {},
     maxPage: {}
@@ -3073,10 +3073,10 @@ const Aa = Ge, ao = ["textContent"], lo = "sq-message-box", io = /* @__PURE__ */
   }),
   emits: ["update:current"],
   setup(u) {
-    const o = u, s = ae(u, "current"), e = (n) => {
+    const o = u, s = le(u, "current"), e = (n) => {
       s.value += n;
     };
-    return (n, t) => (v(), S(r(te), {
+    return (n, t) => (v(), S(r(ee), {
       icon: r(bt),
       size: o.size,
       disabled: s.value === 1 || o.disabled,
@@ -3086,7 +3086,7 @@ const Aa = Ge, ao = ["textContent"], lo = "sq-message-box", io = /* @__PURE__ */
 }), fo = "sq-pagination-next", po = /* @__PURE__ */ R({
   name: fo,
   __name: "pagination-next",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ G({
     disabled: { type: Boolean },
     size: {},
     maxPage: {}
@@ -3096,10 +3096,10 @@ const Aa = Ge, ao = ["textContent"], lo = "sq-message-box", io = /* @__PURE__ */
   }),
   emits: ["update:current"],
   setup(u) {
-    const o = u, s = ae(u, "current"), e = (n) => {
+    const o = u, s = le(u, "current"), e = (n) => {
       s.value += n;
     };
-    return (n, t) => (v(), S(r(te), {
+    return (n, t) => (v(), S(r(ee), {
       icon: r(yt),
       size: o.size,
       disabled: s.value === o.maxPage || o.disabled,
@@ -3109,7 +3109,7 @@ const Aa = Ge, ao = ["textContent"], lo = "sq-message-box", io = /* @__PURE__ */
 }), vo = { class: "sq-pagination-pager" }, mo = "sq-pagination-pager", ho = /* @__PURE__ */ R({
   name: mo,
   __name: "pagination-pager",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ G({
     disabled: { type: Boolean },
     size: {},
     list: {}
@@ -3119,12 +3119,12 @@ const Aa = Ge, ao = ["textContent"], lo = "sq-message-box", io = /* @__PURE__ */
   }),
   emits: ["update:current"],
   setup(u) {
-    const o = u, s = ae(u, "current"), e = (n) => {
+    const o = u, s = le(u, "current"), e = (n) => {
       s.value = n;
     };
     return (n, t) => (v(), w("div", vo, [
       (v(!0), w(se, null, pe(o.list, (a) => (v(), w(se, { key: a }, [
-        a ? (v(), S(r(te), {
+        a ? (v(), S(r(ee), {
           key: 0,
           type: s.value === a ? "primary" : void 0,
           size: o.size,
@@ -3132,10 +3132,10 @@ const Aa = Ge, ao = ["textContent"], lo = "sq-message-box", io = /* @__PURE__ */
           onClick: (c) => e(a)
         }, {
           default: N(() => [
-            Oe(Q(a), 1)
+            Oe(J(a), 1)
           ]),
           _: 2
-        }, 1032, ["type", "size", "disabled", "onClick"])) : (v(), S(r(te), {
+        }, 1032, ["type", "size", "disabled", "onClick"])) : (v(), S(r(ee), {
           key: 1,
           icon: r(Zt),
           size: o.size,
@@ -3157,7 +3157,7 @@ const Aa = Ge, ao = ["textContent"], lo = "sq-message-box", io = /* @__PURE__ */
       size: o.size === "sm" ? "sm" : "md"
     }, {
       default: N(() => [
-        E("span", null, "共 " + Q(o.total) + " 条", 1)
+        E("span", null, "共 " + J(o.total) + " 条", 1)
       ]),
       _: 1
     }, 8, ["size"]));
@@ -3165,7 +3165,7 @@ const Aa = Ge, ao = ["textContent"], lo = "sq-message-box", io = /* @__PURE__ */
 }), yo = { class: "sq-pagination" }, xo = "sq-pagination", Ma = /* @__PURE__ */ R({
   name: xo,
   __name: "pagination",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ G({
     total: { default: 0 },
     disabled: { type: Boolean, default: !1 },
     size: {},
@@ -3179,14 +3179,14 @@ const Aa = Ge, ao = ["textContent"], lo = "sq-message-box", io = /* @__PURE__ */
   }),
   emits: ["update:current", "update:pageSize"],
   setup(u) {
-    const o = u, s = ae(u, "current"), e = ae(u, "pageSize"), n = b(() => Math.ceil(o.total / e.value) || 1), t = b(() => {
+    const o = u, s = le(u, "current"), e = le(u, "pageSize"), n = y(() => Math.ceil(o.total / e.value) || 1), t = y(() => {
       const c = [], d = Math.floor(o.pagerCount / 2) - 1;
       let l = s.value - d, i = s.value + d;
       l < 2 && (l = 2, i = l + d * 2), i > n.value - 1 && (i = n.value - 1, l = i - d * 2);
       for (let p = 1; p <= n.value; p++)
         p === 1 || p === n.value || p >= l && p <= i ? c.push(p) : (p === l - 1 || p === i + 1) && c.push(0);
       return c;
-    }), a = b(() => {
+    }), a = y(() => {
       const c = o.layout ?? ["prev", "pager", "next"], d = [];
       for (const l of c)
         switch (l) {
@@ -3257,7 +3257,7 @@ function rt(u) {
 const ko = "sq-popover", Ct = /* @__PURE__ */ R({
   name: ko,
   __name: "popover",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ G({
     placement: { default: "top" },
     offset: {},
     teleported: { type: Boolean, default: !0 },
@@ -3273,51 +3273,51 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
     visible: { type: Boolean, default: !1 },
     visibleModifiers: {}
   }),
-  emits: /* @__PURE__ */ Z(["openChange"], ["update:visible"]),
+  emits: /* @__PURE__ */ G(["openChange"], ["update:visible"]),
   setup(u, { emit: o }) {
     const { getCssVar: s } = He(), { nextZIndex: e } = et(), n = Ze(), t = parseInt(s("--sq-padding-sm")), a = parseInt(s("--sq-padding-md"));
     let c, d, l = !1;
-    const i = o, p = u, m = ae(u, "visible"), h = T(0), f = T({}), _ = T(!1), $ = ue(null), B = ue(null), M = b(() => {
+    const i = o, p = u, m = le(u, "visible"), h = T(0), f = T({}), _ = T(!1), $ = ue(null), B = ue(null), M = y(() => {
       const C = [];
       return p.shadow && C.push("has-shadow"), [C];
     });
-    ie(m, (C) => {
+    ae(m, (C) => {
       if (C === l) return;
       l = C, k();
-      const y = C ? p.showAfter : p.hideAfter;
+      const b = C ? p.showAfter : p.hideAfter;
       c = setTimeout(() => {
         _.value = C;
-      }, y);
-    }), ie(_, (C) => {
-      C ? (h.value = e(), F(), d = tn(
+      }, b);
+    }), ae(_, (C) => {
+      C ? (h.value = e(), ne(), d = tn(
         $.value.$el,
         B.value,
-        F
+        ne
       )) : d == null || d(), i("openChange", C);
-    }), le(() => {
-      F();
+    }), ie(() => {
+      ne();
     }), ye(() => {
-      k(), document.removeEventListener("click", ne);
+      k(), document.removeEventListener("click", te);
     });
     function I() {
-      p.trigger !== "hover" || p.disabled || W(!1);
+      p.trigger !== "hover" || p.disabled || j(!1);
     }
     function L() {
-      p.trigger === "hover" && ne();
+      p.trigger === "hover" && te();
     }
-    function U(C) {
-      p.trigger === "click" && !p.disabled && !m.value && (C.stopPropagation(), W());
+    function V(C) {
+      p.trigger === "click" && !p.disabled && !m.value && (C.stopPropagation(), j());
     }
-    function W(C = !0) {
-      m.value = !0, C && document.addEventListener("click", ne);
+    function j(C = !0) {
+      m.value = !0, C && document.addEventListener("click", te);
     }
-    function ne() {
-      m.value = !1, document.removeEventListener("click", ne);
+    function te() {
+      m.value = !1, document.removeEventListener("click", te);
     }
-    async function F() {
-      var O, j;
-      const C = typeof ((O = $.value) == null ? void 0 : O.$el.getBoundingClientRect), y = typeof ((j = B.value) == null ? void 0 : j.getBoundingClientRect);
-      if (C !== "function" || y !== "function") return;
+    async function ne() {
+      var O, H;
+      const C = typeof ((O = $.value) == null ? void 0 : O.$el.getBoundingClientRect), b = typeof ((H = B.value) == null ? void 0 : H.getBoundingClientRect);
+      if (C !== "function" || b !== "function") return;
       const x = await nn($.value.$el, B.value, {
         placement: p.placement,
         middleware: [
@@ -3334,18 +3334,18 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
     function k() {
       c && (clearTimeout(c), c = void 0);
     }
-    return (C, y) => (v(), w(se, null, [
+    return (C, b) => (v(), w(se, null, [
       z(r($o), {
-        class: X(["sq-popover-trigger", r(n).class]),
-        style: J(r(n).style),
+        class: W(["sq-popover-trigger", r(n).class]),
+        style: Z(r(n).style),
         ref_key: "triggerRef",
         ref: $,
         onMouseenter: I,
         onMouseleave: L,
-        onClick: U
+        onClick: V
       }, {
         default: N(() => [
-          H(C.$slots, "reference")
+          F(C.$slots, "reference")
         ]),
         _: 3
       }, 8, ["class", "style"]),
@@ -3358,14 +3358,14 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
         }, {
           default: N(() => [
             re(E("div", {
-              class: X(["sq-popover", [M.value, p.popoverClass]]),
-              style: J([{ ...f.value, zIndex: h.value }, p.popoverStyle]),
+              class: W(["sq-popover", [M.value, p.popoverClass]]),
+              style: Z([{ ...f.value, zIndex: h.value }, p.popoverStyle]),
               ref_key: "popverRef",
               ref: B,
-              onClick: y[0] || (y[0] = be(() => {
+              onClick: b[0] || (b[0] = be(() => {
               }, ["stop"]))
             }, [
-              H(C.$slots, "default")
+              F(C.$slots, "default")
             ], 6), [
               [he, _.value]
             ])
@@ -3392,13 +3392,13 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
     label: { type: Boolean, default: !0 }
   },
   setup(u) {
-    const o = new ResizeObserver(l), s = u, e = T(100), n = ue(null), t = b(() => {
+    const o = new ResizeObserver(l), s = u, e = T(100), n = ue(null), t = y(() => {
       const i = [];
       return s.color || i.push(`is-${s.type}`), s.variant && i.push(`is-${s.variant}`), i;
-    }), a = b(() => {
+    }), a = y(() => {
       const i = s.max - s.min;
       return (s.value - s.min) * 100 / i;
-    }), c = b(() => `${Math.round(a.value * 10) / 10} %`), d = b(() => {
+    }), c = y(() => `${Math.round(a.value * 10) / 10} %`), d = y(() => {
       const i = {};
       if (i["--progress-stroke"] = `${s.stroke}px`, !s.variant)
         i["--progress-value"] = `${a.value}%`;
@@ -3412,7 +3412,7 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
       }
       return i;
     });
-    le(() => {
+    ie(() => {
       o.observe(n.value);
     }), ye(() => {
       o.disconnect();
@@ -3421,10 +3421,10 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
       e.value = n.value.getBoundingClientRect().width;
     }
     return (i, p) => (v(), w("div", {
-      class: X(["sq-progress", t.value]),
+      class: W(["sq-progress", t.value]),
       ref_key: "progressRef",
       ref: n,
-      style: J(d.value)
+      style: Z(d.value)
     }, [
       s.variant === "circle" ? (v(), w(se, { key: 0 }, [
         p[0] || (p[0] = E("svg", {
@@ -3444,9 +3444,9 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
           })
         ], -1)),
         s.label ? (v(), w("div", wo, [
-          H(i.$slots, "default", { percentage: a.value }, () => [
+          F(i.$slots, "default", { percentage: a.value }, () => [
             E("span", {
-              textContent: Q(c.value)
+              textContent: J(c.value)
             }, null, 8, qo)
           ])
         ])) : P("", !0)
@@ -3459,7 +3459,7 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
 }, zo = ["textContent"], Ro = "sq-radio", Lo = /* @__PURE__ */ R({
   name: Ro,
   __name: "radio",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ G({
     form: {},
     name: {},
     disabled: { type: Boolean, default: void 0 },
@@ -3472,7 +3472,7 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
     checked: { type: Boolean, default: !1 },
     checkedModifiers: {}
   }),
-  emits: /* @__PURE__ */ Z(["change"], ["update:checked"]),
+  emits: /* @__PURE__ */ G(["change"], ["update:checked"]),
   setup(u, { emit: o }) {
     const s = o, e = u, {
       radioSize: n,
@@ -3481,23 +3481,23 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
       radioName: c,
       radioVariant: d,
       groupContext: l
-    } = zn(e), i = T(), p = ae(u, "checked"), m = b(() => {
+    } = zn(e), i = T(), p = le(u, "checked"), m = y(() => {
       const f = [], _ = r(n), $ = r(t), B = r(d);
       return _ !== "md" && f.push(`sq-selection--${_}`), h.value && f.push("is-checked"), $ && f.push("is-disabled"), B && f.push(`is-${B}`), f;
-    }), h = b(() => l ? r(l).checked === e.value : p.value);
-    return ie(i, (f) => {
+    }), h = y(() => l ? r(l).checked === e.value : p.value);
+    return ae(i, (f) => {
       p.value = f === e.value;
-    }), ie(h, (f) => {
+    }), ae(h, (f) => {
       if (f ? i.value = e.value ?? "on" : i.value = void 0, p.value !== f) {
         p.value = f;
         return;
       }
-    }), ie(p, (f) => {
+    }), ae(p, (f) => {
       h.value !== f && l && l.value.toggleItem(e.value);
-    }), le(() => {
+    }), ie(() => {
       p.value = h.value, i.value = p.value ? e.value ?? "on" : void 0;
     }), (f, _) => (v(), w("label", {
-      class: X(["sq-selection sq-radio", m.value])
+      class: W(["sq-selection sq-radio", m.value])
     }, [
       re(E("input", {
         type: "radio",
@@ -3515,7 +3515,7 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
       e.label ? (v(), w("span", {
         key: 1,
         class: "sq-selection-label",
-        textContent: Q(e.label)
+        textContent: J(e.label)
       }, null, 8, zo)) : P("", !0)
     ], 2));
   }
@@ -3533,7 +3533,7 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
   },
   emits: ["change", "update:value"],
   setup(u, { emit: o }) {
-    const { nextId: s } = Fe(), { getText: e } = Ae(), n = o, t = u, a = T(t.value), c = b(() => t.name ?? `sq-radio-${s()}`), d = b(() => t.items.map((i) => typeof i == "string" ? {
+    const { nextId: s } = Fe(), { getText: e } = Ae(), n = o, t = u, a = T(t.value), c = y(() => t.name ?? `sq-radio-${s()}`), d = y(() => t.items.map((i) => typeof i == "string" ? {
       text: i,
       value: i
     } : typeof i == "number" ? {
@@ -3551,7 +3551,7 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
         checked: a,
         toggleItem: l
       })
-    ), ie(
+    ), ae(
       () => t.value,
       (i) => {
         i !== a.value && (a.value = i);
@@ -3561,7 +3561,7 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
       a.value = i, n("change", a.value), n("update:value", a.value);
     }
     return (i, p) => (v(), w("div", Io, [
-      H(i.$slots, "default", {}, () => [
+      F(i.$slots, "default", {}, () => [
         (v(!0), w(se, null, pe(d.value, (m, h) => (v(), S(r(Lo), {
           key: h,
           disabled: m.disabled === !0,
@@ -3574,7 +3574,7 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
 }), St = Symbol("radio-group-context-keys"), Mo = "sq-segmented", Po = /* @__PURE__ */ R({
   name: Mo,
   __name: "segmented",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ G({
     name: {},
     size: { default: "md" },
     disabled: { type: Boolean, default: void 0 },
@@ -3584,18 +3584,18 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
     value: { default: "" },
     valueModifiers: {}
   }),
-  emits: /* @__PURE__ */ Z(["change", "update:value"], ["update:value"]),
+  emits: /* @__PURE__ */ G(["change", "update:value"], ["update:value"]),
   setup(u, { emit: o }) {
-    const { nextId: s } = Fe(), e = o, n = u, t = T(), a = T(), c = ae(u, "value"), d = b(() => n.items.map((f) => typeof f == "string" ? {
+    const { nextId: s } = Fe(), e = o, n = u, t = T(), a = T(), c = le(u, "value"), d = y(() => n.items.map((f) => typeof f == "string" ? {
       text: f,
       value: f
-    } : f)), l = b(() => {
+    } : f)), l = y(() => {
       const f = [];
       return n.size !== "md" && f.push(`sq-segmented--${n.size}`), n.round && f.push("is-round"), f;
-    }), i = b(() => {
+    }), i = y(() => {
       const f = {};
       return t.value && (f.width = `${t.value}px`), a.value && (f.left = `${a.value}px`), f;
-    }), p = b(() => n.name ?? `sq-segmented-${s()}`);
+    }), p = y(() => n.name ?? `sq-segmented-${s()}`);
     Ce(
       Bt,
       T({
@@ -3606,7 +3606,7 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
         toggleItem: m,
         updateThumb: h
       })
-    ), le(() => {
+    ), ie(() => {
       var f;
       c.value || (c.value = (f = d.value[0]) == null ? void 0 : f.value);
     });
@@ -3617,13 +3617,13 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
       a.value = f == null ? void 0 : f.offsetLeft, t.value = f == null ? void 0 : f.clientWidth;
     }
     return (f, _) => (v(), w("div", {
-      class: X(["sq-segmented", l.value])
+      class: W(["sq-segmented", l.value])
     }, [
       E("div", {
         class: "sq-segmented-thumb",
-        style: J(i.value)
+        style: Z(i.value)
       }, null, 4),
-      H(f.$slots, "default", {}, () => [
+      F(f.$slots, "default", {}, () => [
         (v(!0), w(se, null, pe(d.value, ($) => (v(), S(r(No), ve({
           key: $.value
         }, { ref_for: !0 }, $), null, 16))), 128))
@@ -3640,16 +3640,16 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
     disabled: { type: Boolean }
   },
   setup(u) {
-    const o = u, { segmentedDisabled: s, parentContext: e } = Rn(o), { getText: n } = Ae(), t = T(), a = ue(null), c = b(() => {
+    const o = u, { segmentedDisabled: s, parentContext: e } = Rn(o), { getText: n } = Ae(), t = T(), a = ue(null), c = y(() => {
       const p = [], m = r(s);
       return d.value && p.push("is-active"), m && p.push("is-disabled"), p;
-    }), d = b(() => r(e).active === o.value), l = b(() => r(e).size !== "sm" ? "md" : "sm");
-    ie(d, (p) => {
+    }), d = y(() => r(e).active === o.value), l = y(() => r(e).size !== "sm" ? "md" : "sm");
+    ae(d, (p) => {
       if (p) {
         if (t.value = o.value ?? "on", !e) return;
         e.value.updateThumb(a.value);
       } else t.value = void 0;
-    }), le(() => {
+    }), ie(() => {
       t.value = d.value ? o.value ?? "on" : void 0, !(!d.value || !e) && e.value.updateThumb(a.value);
     });
     function i() {
@@ -3658,7 +3658,7 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
     return (p, m) => {
       var h;
       return v(), w("label", {
-        class: X(["sq-segmented-item", c.value]),
+        class: W(["sq-segmented-item", c.value]),
         ref_key: "itemRef",
         ref: a
       }, [
@@ -3672,11 +3672,11 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
         }, null, 40, Do), [
           [dt, t.value]
         ]),
-        H(p.$slots, "default", {}, () => [
+        F(p.$slots, "default", {}, () => [
           z(r(xe), { size: l.value }, {
             default: N(() => [
               o.icon ? (v(), S(fe(o.icon), { key: 0 })) : P("", !0),
-              Oe(" " + Q(r(n)(o)), 1)
+              Oe(" " + J(r(n)(o)), 1)
             ]),
             _: 1
           }, 8, ["size"])
@@ -3686,7 +3686,7 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
   }
 }), Bt = Symbol(
   "segmented-context-keys"
-), Vo = ["textContent"], Uo = /* @__PURE__ */ R({
+), Uo = ["textContent"], Vo = /* @__PURE__ */ R({
   __name: "select-item",
   props: {
     value: {},
@@ -3694,27 +3694,27 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
     disabled: { type: Boolean }
   },
   setup(u) {
-    const { parentContext: o } = Ln(), s = u, { getText: e } = Ae(), n = b(() => {
+    const { parentContext: o } = Ln(), s = u, { getText: e } = Ae(), n = y(() => {
       const c = [];
       return t.value && c.push("is-active"), s.disabled && c.push("is-disabled"), c;
-    }), t = b(() => r(o).active === s.value);
+    }), t = y(() => r(o).active === s.value);
     function a(c) {
       !o || c.disabled || t.value || o.value.toggleItem(s.value);
     }
     return (c, d) => (v(), w("li", {
-      class: X(n.value),
+      class: W(n.value),
       onClick: d[0] || (d[0] = (l) => a(s))
     }, [
       E("span", {
-        textContent: Q(r(e)(s))
-      }, null, 8, Vo),
+        textContent: J(r(e)(s))
+      }, null, 8, Uo),
       t.value ? (v(), S(r(mt), { key: 0 })) : P("", !0)
     ], 2));
   }
 }), Fo = ["textContent"], Ho = "sq-select", jo = /* @__PURE__ */ R({
   name: Ho,
   __name: "select",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ G({
     status: {},
     round: { type: Boolean, default: void 0 },
     prefixIcon: {},
@@ -3731,11 +3731,11 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
     value: { default: "" },
     valueModifiers: {}
   }),
-  emits: /* @__PURE__ */ Z(["focus", "blur", "select", "clear"], ["update:value"]),
+  emits: /* @__PURE__ */ G(["focus", "blur", "select", "clear"], ["update:value"]),
   setup(u, { emit: o }) {
     const { getText: s } = Ae();
     let e = "";
-    const n = o, t = u, a = T(!1), c = T(), d = T(""), l = ue(null), i = ae(u, "value"), p = b(() => t.items.map((L) => typeof L == "string" ? {
+    const n = o, t = u, a = T(!1), c = T(), d = T(""), l = ue(null), i = le(u, "value"), p = y(() => t.items.map((L) => typeof L == "string" ? {
       text: L,
       value: L
     } : L));
@@ -3745,22 +3745,22 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
         active: i,
         toggleItem: h
       })
-    ), ie(a, () => {
+    ), ae(a, () => {
       e = d.value;
-    }), ie(i, f), le(() => {
+    }), ae(i, f), ie(() => {
       f();
     });
     function m(L) {
-      var W;
+      var j;
       if (!L || typeof c.value < "u") return;
-      const U = (W = l.value) == null ? void 0 : W.$el;
-      c.value = U.getBoundingClientRect().width;
+      const V = (j = l.value) == null ? void 0 : j.$el;
+      c.value = V.getBoundingClientRect().width;
     }
     function h(L) {
       a.value && (i.value = L, a.value = !1, n("select", L));
     }
     function f() {
-      const L = p.value.find((U) => U.value === i.value);
+      const L = p.value.find((V) => V.value === i.value);
       if (!L) {
         d.value = "";
         return;
@@ -3782,8 +3782,8 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
     function I() {
       d.value = e;
     }
-    return (L, U) => (v(), S(r(Ct), {
-      class: X(["sq-select", { "dropdown-opened": a.value }]),
+    return (L, V) => (v(), S(r(Ct), {
+      class: W(["sq-select", { "dropdown-opened": a.value }]),
       placement: "bottom-start",
       trigger: "manual",
       "popover-class": "sq-select-dropdown",
@@ -3791,13 +3791,13 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
       "hide-after": 100,
       "popover-style": { width: `${c.value}px` },
       visible: a.value,
-      "onUpdate:visible": U[3] || (U[3] = (W) => a.value = W),
+      "onUpdate:visible": V[3] || (V[3] = (j) => a.value = j),
       onOpenChange: m
     }, {
       reference: N(() => [
         z(r(nt), {
           value: d.value,
-          "onUpdate:value": U[0] || (U[0] = (W) => d.value = W),
+          "onUpdate:value": V[0] || (V[0] = (j) => d.value = j),
           disabled: t.disabled,
           placeholder: t.placeholder,
           "prefix-icon": t.prefixIcon,
@@ -3821,17 +3821,17 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
       default: N(() => [
         p.value.length ? (v(), w("menu", {
           key: 1,
-          onMousedown: U[2] || (U[2] = be(() => {
+          onMousedown: V[2] || (V[2] = be(() => {
           }, ["prevent"]))
         }, [
-          (v(!0), w(se, null, pe(p.value, (W) => (v(), S(Uo, ve({
-            key: W.value
-          }, { ref_for: !0 }, W), null, 16))), 128))
+          (v(!0), w(se, null, pe(p.value, (j) => (v(), S(Vo, ve({
+            key: j.value
+          }, { ref_for: !0 }, j), null, 16))), 128))
         ], 32)) : (v(), w("div", {
           key: 0,
           class: "sq-select-dropdown-empty",
-          textContent: Q(t.emptyText),
-          onMousedown: U[1] || (U[1] = be(() => {
+          textContent: J(t.emptyText),
+          onMousedown: V[1] || (V[1] = be(() => {
           }, ["prevent", "stop"]))
         }, null, 40, Fo))
       ]),
@@ -3843,7 +3843,7 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
 ), Wo = "sq-swipe", Pa = /* @__PURE__ */ R({
   name: Wo,
   __name: "swipe",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ G({
     direction: { default: "horizontal" },
     topSrc: {},
     bottomSrc: {},
@@ -3857,67 +3857,72 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
     },
     valueModifiers: {}
   }),
-  emits: /* @__PURE__ */ Z(["change"], ["update:value"]),
+  emits: /* @__PURE__ */ G(["change"], ["update:value"]),
   setup(u, { emit: o }) {
     const { getCssVar: s } = He(), e = { x: 0, y: 0 }, n = s("--sq-component-size-md"), t = parseInt(n), a = t / 2;
     let c = !1, d = 0, l = [0, 0];
-    const i = o, p = u, m = T(0), h = ue(null), f = ae(u, "value"), _ = b(() => [`sq-swipe-${p.direction}`]), $ = b(() => {
-      const F = {}, k = p.direction === "horizontal" ? "left" : "top";
-      return F[k] = `${m.value}px`, F;
-    }), B = b(
+    const i = o, p = u, m = T(0), h = ue(null), f = le(u, "value"), _ = y(() => [`sq-swipe-${p.direction}`]), $ = y(() => {
+      const k = {}, C = p.direction === "horizontal" ? "left" : "top";
+      return k[C] = `${m.value}px`, k;
+    }), B = y(
       () => p.direction === "horizontal" ? "right" : "bottom"
-    ), M = b(() => p.disabled ? void 0 : `linear-gradient(${[
+    ), M = y(() => p.disabled ? void 0 : `linear-gradient(${[
       `to ${B.value}`,
       `#000 ${m.value}px`,
       `transparent ${m.value + 1}px`
-    ].join(",")})`), I = b(() => p.disabled ? void 0 : `linear-gradient(${[
+    ].join(",")})`), I = y(() => p.disabled ? void 0 : `linear-gradient(${[
       `to ${B.value}`,
       `transparent ${m.value}px`,
       `#000 ${m.value + 1}px`
     ].join(",")})`);
-    le(() => {
-      const F = h.value.getBoundingClientRect(), k = f.value >= 0 && f.value <= 1 ? f.value : 0.5;
+    ae(f, () => {
+      c || L();
+    }), ie(() => {
+      L(), document.addEventListener("pointermove", te), document.addEventListener("pointerup", j);
+    }), ye(() => {
+      document.removeEventListener("pointermove", te), document.removeEventListener("pointerup", j);
+    });
+    function L() {
+      const k = h.value.getBoundingClientRect(), C = f.value >= 0 && f.value <= 1 ? f.value : 0.5;
       if (p.direction === "horizontal") {
-        l = [a, F.width - a];
-        const C = (F.width - t) * k;
-        m.value = a + C;
+        l = [a, k.width - a];
+        const b = (k.width - t) * C;
+        m.value = a + b;
       } else {
-        l = [a, F.height - a];
-        const C = (F.height - t) * k;
-        m.value = a + C;
+        l = [a, k.height - a];
+        const b = (k.height - t) * C;
+        m.value = a + b;
       }
-      d = m.value, document.addEventListener("pointermove", W), document.addEventListener("pointerup", U);
-    }), ye(() => {
-      document.removeEventListener("pointermove", W), document.removeEventListener("pointerup", U);
-    });
-    function L(F) {
-      c = !0, e.x = F.x, e.y = F.y;
+      d = m.value;
     }
-    function U() {
+    function V(k) {
+      c = !0, e.x = k.x, e.y = k.y;
+    }
+    function j() {
       c = !1;
     }
-    function W(F) {
-      c && ne(F.x, F.y);
+    function te(k) {
+      c && ne(k.x, k.y);
     }
-    function ne(F, k) {
-      let C = 0;
-      p.direction === "horizontal" ? (C = e.x - F, e.x = F) : (C = e.y - k, e.y = k);
-      const [y, x] = l;
-      d -= C;
-      const g = m.value;
-      d < y ? m.value = y : d > x ? m.value = x : m.value = d, g !== m.value && (f.value = (m.value - a) / (x - y), i("change", m.value / (x + a)));
+    function ne(k, C) {
+      let b = 0;
+      p.direction === "horizontal" ? (b = e.x - k, e.x = k) : (b = e.y - C, e.y = C);
+      const [x, g] = l;
+      d -= b;
+      const q = m.value;
+      d < x ? m.value = x : d > g ? m.value = g : m.value = d, q !== m.value && (f.value = (m.value - a) / (g - x), i("change", m.value / (g + a)));
     }
-    return (F, k) => (v(), w("div", {
-      class: X(["sq-swipe", _.value]),
+    return (k, C) => (v(), w("div", {
+      class: W(["sq-swipe", _.value]),
       ref_key: "swipeRef",
       ref: h
     }, [
-      H(F.$slots, "default", {}, () => [
+      F(k.$slots, "default", {}, () => [
         E("div", {
           class: "sq-swipe-top",
-          style: J({ mask: M.value })
+          style: Z({ mask: M.value })
         }, [
-          H(F.$slots, "top", {}, () => [
+          F(k.$slots, "top", {}, () => [
             p.topSrc ? (v(), S(r(Ke), {
               key: 0,
               src: p.topSrc,
@@ -3927,9 +3932,9 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
         ], 4),
         E("div", {
           class: "sq-swipe-bottom",
-          style: J({ mask: I.value })
+          style: Z({ mask: I.value })
         }, [
-          H(F.$slots, "bottom", {}, () => [
+          F(k.$slots, "bottom", {}, () => [
             p.bottomSrc ? (v(), S(r(Ke), {
               key: 0,
               src: p.bottomSrc,
@@ -3940,11 +3945,11 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
       ]),
       re(E("div", {
         class: "sq-swipe-separator",
-        style: J($.value)
+        style: Z($.value)
       }, [
         E("button", {
           class: "sq-swipe-slider",
-          onPointerdown: L
+          onPointerdown: V
         }, null, 32)
       ], 4), [
         [he, !p.disabled]
@@ -3954,7 +3959,7 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
 }), Xo = ["id", "autofocus", "name", "form", "disabled"], Yo = { class: "sq-switch-track" }, Ko = { class: "sq-switch-thumb" }, Go = "sq-switch", Zo = /* @__PURE__ */ R({
   name: Go,
   __name: "switch",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ G({
     form: {},
     name: {},
     disabled: { type: Boolean },
@@ -3966,14 +3971,14 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
     checked: { type: Boolean, default: !1 },
     checkedModifiers: {}
   }),
-  emits: /* @__PURE__ */ Z(["change", "click"], ["update:checked"]),
+  emits: /* @__PURE__ */ G(["change", "click"], ["update:checked"]),
   setup(u, { emit: o }) {
-    const s = o, e = u, { switchSize: n, switchDisabled: t, id: a } = In(e), c = ae(u, "checked"), d = b(() => {
+    const s = o, e = u, { switchSize: n, switchDisabled: t, id: a } = In(e), c = le(u, "checked"), d = y(() => {
       const l = [], i = r(n), p = r(t);
       return i !== "md" && l.push(`sq-switch--${i}`), c.value && l.push("is-checked"), (p || e.loading) && l.push("is-disabled"), e.variant && l.push(`is-${e.variant}`), l;
     });
     return (l, i) => (v(), w("label", {
-      class: X(["sq-switch", d.value])
+      class: W(["sq-switch", d.value])
     }, [
       re(E("input", {
         type: "checkbox",
@@ -3990,7 +3995,7 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
       ]),
       E("span", Yo, [
         E("span", Ko, [
-          e.loading ? (v(), S(r(Ue), { key: 0 })) : P("", !0)
+          e.loading ? (v(), S(r(Ve), { key: 0 })) : P("", !0)
         ])
       ])
     ], 2));
@@ -4021,16 +4026,16 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
     cols: { default: () => [] }
   },
   setup(u) {
-    const { getCssUnit: o } = He(), s = new ResizeObserver(l), e = u, n = T(!1), t = ue(null), a = b(() => {
+    const { getCssUnit: o } = He(), s = new ResizeObserver(l), e = u, n = T(!1), t = ue(null), a = y(() => {
       const h = [];
       return e.stripe && h.push("is-striped"), e.border && h.push("has-border"), h;
-    }), c = b(() => ({
+    }), c = y(() => ({
       gridTemplateColumns: e.cols.map((h) => h.width ? o(h.width) : "1fr").join(" ")
-    })), d = b(() => ({
+    })), d = y(() => ({
       ...c.value,
       paddingInlineEnd: n.value ? "6px" : "0"
     }));
-    le(() => {
+    ie(() => {
       s.observe(t.value);
     }), ye(() => {
       s.disconnect();
@@ -4065,20 +4070,20 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
       return typeof f.formatter == "function" ? f.formatter(h, h[f.binding]) : typeof h[f.binding] > "u" ? "" : h[f.binding];
     }
     return (h, f) => (v(), w("div", {
-      class: X(["sq-table", a.value])
+      class: W(["sq-table", a.value])
     }, [
       E("div", ea, [
         E("div", {
           class: "sq-table-header",
-          style: J(d.value)
+          style: Z(d.value)
         }, [
           (v(!0), w(se, null, pe(e.cols, (_) => (v(), w("div", {
             class: "sq-table-cell",
-            style: J({ "justify-content": p(_.align) }),
+            style: Z({ "justify-content": p(_.align) }),
             key: _.binding
           }, [
             E("span", {
-              textContent: Q(_.title)
+              textContent: J(_.title)
             }, null, 8, ta)
           ], 4))), 128))
         ], 4),
@@ -4089,12 +4094,12 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
         }, [
           (v(!0), w(se, null, pe(e.data, (_, $) => (v(), w("div", {
             class: "sq-table-row",
-            style: J(c.value),
+            style: Z(c.value),
             key: i(_, $)
           }, [
             (v(!0), w(se, null, pe(e.cols, (B, M) => (v(), w("div", {
-              class: X(["sq-table-cell", B.columnClass]),
-              style: J({ "justify-content": p(B.align) }),
+              class: W(["sq-table-cell", B.columnClass]),
+              style: Z({ "justify-content": p(B.align) }),
               key: `${B.binding}-${i(_, M)}`
             }, [
               typeof B.cellRender == "function" ? (v(), S(r(Qo), {
@@ -4102,7 +4107,7 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
                 content: B.cellRender(_, _[B.binding])
               }, null, 8, ["content"])) : (v(), w("span", {
                 key: 1,
-                textContent: Q(m(_, B))
+                textContent: J(m(_, B))
               }, null, 8, na))
             ], 6))), 128))
           ], 4))), 128))
@@ -4110,9 +4115,9 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
           [he, e.data.length]
         ]),
         e.data.length ? P("", !0) : (v(), w("div", sa, [
-          H(h.$slots, "empty", {}, () => [
+          F(h.$slots, "empty", {}, () => [
             E("span", {
-              textContent: Q(e.emptyText)
+              textContent: J(e.emptyText)
             }, null, 8, oa)
           ])
         ]))
@@ -4129,16 +4134,16 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
     size: { default: "md" }
   },
   setup(u) {
-    const o = u, s = b(() => {
+    const o = u, s = y(() => {
       const n = [];
       return o.size !== "md" && n.push(`sq-tag--${o.size}`), o.variant && o.type && n.push(`is-${o.variant}`), o.type && n.push(`is-${o.type}`), o.round && n.push("is-round"), n;
-    }), e = b(() => o.size === "lg" ? "md" : "sm");
+    }), e = y(() => o.size === "lg" ? "md" : "sm");
     return (n, t) => (v(), S(r(xe), {
-      class: X(["sq-tag", s.value]),
+      class: W(["sq-tag", s.value]),
       size: e.value
     }, {
       default: N(() => [
-        H(n.$slots, "default")
+        F(n.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "size"]));
@@ -4154,17 +4159,17 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
   },
   emits: ["change"],
   setup(u, { emit: o }) {
-    const s = o, e = u, n = b(() => {
+    const s = o, e = u, n = y(() => {
       const a = [];
       return e.size !== "md" && a.push(`sq-tag--${e.size}`), e.type && a.push(`is-${e.type}`), e.round && a.push("is-round"), e.checked && a.push("is-checked"), a;
-    }), t = b(() => e.size === "lg" ? "md" : "sm");
+    }), t = y(() => e.size === "lg" ? "md" : "sm");
     return (a, c) => (v(), S(r(xe), {
-      class: X(["sq-check-tag", n.value]),
+      class: W(["sq-check-tag", n.value]),
       size: t.value,
       onClick: c[0] || (c[0] = (d) => s("change", !e.checked))
     }, {
       default: N(() => [
-        H(a.$slots, "default")
+        F(a.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "size"]));
@@ -4177,20 +4182,20 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
     size: { default: "md" }
   },
   setup(u) {
-    const o = u, s = b(() => {
+    const o = u, s = y(() => {
       const t = [];
       return o.size !== "md" && t.push(`sq-text--${o.size}`), o.ellipsis !== void 0 && o.ellipsis !== !1 && t.push(e.value > 1 ? "multi-line" : "single-line"), t;
-    }), e = b(() => typeof o.ellipsis == "number" ? Number(Math.max(o.ellipsis, 1).toFixed(0)) : 1), n = b(
+    }), e = y(() => typeof o.ellipsis == "number" ? Number(Math.max(o.ellipsis, 1).toFixed(0)) : 1), n = y(
       () => o.ellipsis ? `--row-num: ${e.value}` : ""
     );
     return (t, a) => (v(), w("span", {
-      class: X(["sq-text", s.value]),
-      style: J(n.value)
+      class: W(["sq-text", s.value]),
+      style: Z(n.value)
     }, [
-      H(t.$slots, "default")
+      F(t.$slots, "default")
     ], 6));
   }
-}), ua = "sq-timeline", Va = /* @__PURE__ */ R({
+}), ua = "sq-timeline", Ua = /* @__PURE__ */ R({
   name: ua,
   __name: "timeline",
   props: {
@@ -4198,17 +4203,17 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
     variant: {}
   },
   setup(u) {
-    const o = u, s = b(() => {
+    const o = u, s = y(() => {
       const e = [`align-${o.align}`];
       return o.variant && e.push(`is-${o.variant}`), e;
     });
     return (e, n) => (v(), w("div", {
-      class: X(["sq-timeline", s.value])
+      class: W(["sq-timeline", s.value])
     }, [
-      H(e.$slots, "default")
+      F(e.$slots, "default")
     ], 2));
   }
-}), ca = { class: "sq-timeline-dot" }, da = { class: "sq-timeline-content" }, fa = ["textContent"], pa = ["textContent"], va = { class: "content-info" }, ma = "sq-timeline-item", Ua = /* @__PURE__ */ R({
+}), ca = { class: "sq-timeline-dot" }, da = { class: "sq-timeline-content" }, fa = ["textContent"], pa = ["textContent"], va = { class: "content-info" }, ma = "sq-timeline-item", Va = /* @__PURE__ */ R({
   name: ma,
   __name: "timeline-item",
   props: {
@@ -4220,16 +4225,16 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
     title: {}
   },
   setup(u) {
-    const o = u, s = b(() => {
+    const o = u, s = y(() => {
       const n = [];
       return o.type && n.push(`is-${o.type}`), o.hollow && n.push("is-hollow"), n;
-    }), e = b(() => {
+    }), e = y(() => {
       const n = {};
       return o.color && (n["--timeline-dot-color"] = o.color), n;
     });
     return (n, t) => (v(), w("div", {
-      class: X(["sq-timeline-item", s.value]),
-      style: J(e.value)
+      class: W(["sq-timeline-item", s.value]),
+      style: Z(e.value)
     }, [
       E("span", ca, [
         o.icon ? (v(), S(fe(o.icon), { key: 0 })) : P("", !0)
@@ -4238,15 +4243,15 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
         o.title ? (v(), w("h2", {
           key: 0,
           class: "content-title",
-          textContent: Q(o.title)
+          textContent: J(o.title)
         }, null, 8, fa)) : P("", !0),
         o.timestamp ? (v(), w("span", {
           key: 1,
           class: "content-time",
-          textContent: Q(o.timestamp)
+          textContent: J(o.timestamp)
         }, null, 8, pa)) : P("", !0),
         E("div", va, [
-          H(n.$slots, "default")
+          F(n.$slots, "default")
         ])
       ])
     ], 6));
@@ -4264,7 +4269,7 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
     popoverClass: {}
   },
   setup(u) {
-    const o = u, s = b(() => {
+    const o = u, s = y(() => {
       const e = ["sq-tooltip"], n = o.popoverClass;
       return Array.isArray(n) ? e.push(...n) : typeof n == "string" && e.push(n), e;
     });
@@ -4279,11 +4284,11 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
       shadow: o.shadow
     }, {
       reference: N(() => [
-        H(e.$slots, "default")
+        F(e.$slots, "default")
       ]),
       default: N(() => [
         E("span", {
-          textContent: Q(o.tip)
+          textContent: J(o.tip)
         }, null, 8, ha)
       ]),
       _: 3
@@ -4347,7 +4352,7 @@ const ko = "sq-popover", Ct = /* @__PURE__ */ R({
         multiple: n.multiple,
         onChange: a
       }, null, 40, ba),
-      H(m.$slots, "default")
+      F(m.$slots, "default")
     ], 32));
   }
 });
@@ -4365,7 +4370,7 @@ export {
   Sa as SqBacktop,
   it as SqBadge,
   Cn as SqBlur,
-  te as SqButton,
+  ee as SqButton,
   Ba as SqButtonGroup,
   Ta as SqCard,
   Na as SqCheckTag,
@@ -4396,8 +4401,8 @@ export {
   Da as SqTable,
   Oa as SqTag,
   xe as SqText,
-  Va as SqTimeline,
-  Ua as SqTimelineItem,
+  Ua as SqTimeline,
+  Va as SqTimelineItem,
   de as SqTooltip,
   Fa as SqUpload
 };