abl-ui 0.3.54 → 0.3.55

package/lib/abl-ui.es.js

@@ -1,4 +1,4 @@
-import { openBlock as r, createElementBlock as u, normalizeStyle as M, renderSlot as N, createElementVNode as c, normalizeClass as z, createTextVNode as Y, toDisplayString as T, createCommentVNode as O, createStaticVNode as Ct, Fragment as F, renderList as ne, createVNode as re, useSlots as Ee, ref as x, provide as be, onMounted as we, watch as fe, withDirectives as X, vShow as Q, defineComponent as St, toRefs as Te, computed as E, inject as Ve, reactive as Ce, unref as ae, createBlock as ie, Transition as pe, withCtx as oe, render as tt, getCurrentInstance as ot, onBeforeUnmount as Ue, onUpdated as st, onBeforeMount as Vt, Teleport as Xe, pushScopeId as xe, popScopeId as $e, withModifiers as q, watchEffect as Ye, resolveDynamicComponent as Bt, mergeProps as Be, useAttrs as Zt, nextTick as ke, onUnmounted as Lt, resolveDirective as Qt, createSlots as el, vModelDynamic as tl, normalizeProps as vt, guardReactiveProps as ll, withKeys as It, vModelText as At, toRaw as et } from "vue";
+import { openBlock as r, createElementBlock as u, normalizeStyle as M, renderSlot as N, createElementVNode as c, normalizeClass as z, createTextVNode as Y, toDisplayString as T, createCommentVNode as O, createStaticVNode as Ct, Fragment as F, renderList as ne, createVNode as re, useSlots as Ee, ref as x, provide as be, onMounted as we, watch as ue, withDirectives as X, vShow as Q, defineComponent as St, toRefs as Te, computed as E, inject as Ve, reactive as Ce, unref as ae, createBlock as ie, Transition as pe, withCtx as oe, render as tt, getCurrentInstance as ot, onBeforeUnmount as Ue, onUpdated as st, onBeforeMount as Vt, Teleport as Xe, pushScopeId as xe, popScopeId as $e, withModifiers as q, watchEffect as Ye, resolveDynamicComponent as Bt, mergeProps as Be, useAttrs as Zt, nextTick as ke, onUnmounted as Lt, resolveDirective as Qt, createSlots as el, vModelDynamic as tl, normalizeProps as vt, guardReactiveProps as ll, withKeys as It, vModelText as At, toRaw as et } from "vue";
 const G = (e, l) => {
   const t = e.__vccOpts || e;
   for (const [a, n] of l)
@@ -82,15 +82,15 @@ const ul = { class: "abl-table" }, dl = { class: "gridtable" }, fl = { class: "t
   setup(e, { emit: l }) {
     const t = e, a = {
       height: t.height ? t.height + "px" : "auto"
-    }, n = (o) => {
-      let s = document.getElementsByClassName("table-fixed-column--left");
-      o.target.scrollLeft > 0 ? [...s].forEach((i) => {
+    }, n = (s) => {
+      let o = document.getElementsByClassName("table-fixed-column--left");
+      s.target.scrollLeft > 0 ? [...o].forEach((i) => {
         i.classList.add("box-shadow");
-      }) : [...s].forEach((i) => {
+      }) : [...o].forEach((i) => {
         i.classList.remove("box-shadow");
       });
     };
-    return (o, s) => (r(), u("section", null, [
+    return (s, o) => (r(), u("section", null, [
       c("div", ul, [
         c("div", {
           class: z(["table__inner-wrapper", e.border ? "has-table-border" : ""]),
@@ -174,7 +174,7 @@ const yl = { class: "abl-tabs" }, _l = {
   emits: ["tabClick", "update:modelValue"],
   setup(e, { emit: l }) {
     var b;
-    const t = l, a = Ee(), n = e, o = x({}), s = x(), i = x([]), d = x(), f = x(0), g = x(!1), v = x(!1), p = x(!0);
+    const t = l, a = Ee(), n = e, s = x({}), o = x(), i = x([]), d = x(), f = x(0), g = x(!1), v = x(!1), p = x(!0);
     (b = a.default()) == null || b.map(({ props: _, children: A }) => {
       if (_) {
         const { title: S, value: k, icon: y, afterIcon: L } = _;
@@ -198,7 +198,7 @@ const yl = { class: "abl-tabs" }, _l = {
     const m = (_, A) => {
       var k, y;
       const S = g.value ? ((k = _ == null ? void 0 : _.target) == null ? void 0 : k.offsetLeft) + 10 : (y = _ == null ? void 0 : _.target) == null ? void 0 : y.offsetLeft;
-      o.value = {
+      s.value = {
         transform: `translateX(${S}px)`,
         width: _.target.clientWidth + "px"
       }, f.value = A, t("update:modelValue", A), t("tabClick", A);
@@ -216,14 +216,14 @@ const yl = { class: "abl-tabs" }, _l = {
       w();
     });
     const w = () => {
-      if (!s.value)
+      if (!o.value)
         return;
       let _ = 0;
       i.value.map((y, L) => {
         y.value == n.modelValue && (_ = L);
       });
-      const A = s.value[_], S = g.value ? A.offsetLeft + 10 : A == null ? void 0 : A.offsetLeft;
-      o.value = {
+      const A = o.value[_], S = g.value ? A.offsetLeft + 10 : A == null ? void 0 : A.offsetLeft;
+      s.value = {
         transform: `translateX(${S}px)`,
         width: A.clientWidth + "px"
       };
@@ -233,7 +233,7 @@ const yl = { class: "abl-tabs" }, _l = {
         ((L = y.target) == null ? void 0 : L.scrollLeft) + ((I = y.target) == null ? void 0 : I.offsetWidth) >= ((j = y.target) == null ? void 0 : j.scrollWidth) - 1 && (p.value = !1, S.value = !0), y.target.scrollLeft == 0 && (p.value = !0, S.value = !1);
       });
     };
-    return fe(() => n.modelValue, async () => {
+    return ue(() => n.modelValue, async () => {
       f.value = n.modelValue, w();
     }, {
       immediate: !0
@@ -253,7 +253,7 @@ const yl = { class: "abl-tabs" }, _l = {
               key: k.title,
               ref_for: !0,
               ref_key: "tabs",
-              ref: s,
+              ref: o,
               onClick: (y) => m(y, k.value)
             }, [
               k.icon ? (r(), u("i", {
@@ -267,10 +267,10 @@ const yl = { class: "abl-tabs" }, _l = {
               }, null, 2)) : O("", !0)
             ], 10, xl))), 128))
           ]),
-          (S = o.value) != null && S.width ? (r(), u("div", {
+          (S = s.value) != null && S.width ? (r(), u("div", {
             key: 0,
             class: "bottom-line",
-            style: M(o.value)
+            style: M(s.value)
           }, [
             c("div", {
               class: "bottom-line-inner",
@@ -342,10 +342,10 @@ const yl = { class: "abl-tabs" }, _l = {
   setup(e, { emit: l }) {
     const t = e, a = l, n = () => {
       t.disabled || (t.modelValue === t.activeValue ? (a("update:modelValue", t.inactiveValue), a("change", t.inactiveValue)) : t.modelValue === t.inactiveValue ? (a("update:modelValue", t.activeValue), a("change", t.activeValue)) : (a("update:modelValue", !t.modelValue), a("change", !t.modelValue)));
-    }, { disabled: o, size: s } = Te(t), i = E(() => ({
+    }, { disabled: s, size: o } = Te(t), i = E(() => ({
       "abl-switch-checked": t.modelValue == t.activeValue,
-      "abl-switch-disabled": o.value,
-      [`abl-switch-${s.value}`]: s.value
+      "abl-switch-disabled": s.value,
+      [`abl-switch-${o.value}`]: o.value
     }));
     return (d, f) => (r(), u("div", {
       class: z(["abl-switch", i.value]),
@@ -383,14 +383,14 @@ const Ll = {
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: l }) {
-    const t = e, a = l, n = Ve("radioGroupKey", void 0), o = E(() => !!n), s = E(
-      () => o.value ? n.modelValue : t.modelValue
+    const t = e, a = l, n = Ve("radioGroupKey", void 0), s = E(() => !!n), o = E(
+      () => s.value ? n.modelValue : t.modelValue
     ), i = E(
       () => t.disabled ? t.disabled : n == null ? void 0 : n.disabled
     ), d = E(() => t.size ? t.size : n == null ? void 0 : n.size), f = () => {
-      i.value || (o.value ? n.changeEvent(t.label) : (a("update:modelValue", t.label), a("change", t.label)));
+      i.value || (s.value ? n.changeEvent(t.label) : (a("update:modelValue", t.label), a("change", t.label)));
     }, g = E(() => ({
-      "is-checked": s.value === t.label,
+      "is-checked": o.value === t.label,
       "is-disabled": i.value,
       [`abl-radio-${d.value}`]: d.value
     }));
@@ -432,8 +432,8 @@ const Ll = {
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: l }) {
-    const t = e, a = l, n = (o) => {
-      a("update:modelValue", o), a("change", o);
+    const t = e, a = l, n = (s) => {
+      a("update:modelValue", s), a("change", s);
     };
     return be(
       "radioGroupKey",
@@ -441,8 +441,8 @@ const Ll = {
         ...Te(t),
         changeEvent: n
       })
-    ), (o, s) => (r(), u("div", Al, [
-      N(o.$slots, "default")
+    ), (s, o) => (r(), u("div", Al, [
+      N(s.$slots, "default")
     ], 512));
   }
 }), Nl = ["data-title", "value", "icon"], Ol = {
@@ -467,7 +467,7 @@ const Ll = {
       updataIndex: (n) => {
         t.value = n;
       }
-    }), (n, o) => X((r(), u("div", {
+    }), (n, s) => X((r(), u("div", {
       "data-title": e.title,
       value: e.value,
       icon: e.icon
@@ -508,8 +508,8 @@ const Ml = { class: "message-text" }, El = {
       t.value = !0;
     });
     const a = () => {
-      const o = document.getElementById("abl-message-wrapper");
-      tt(null, o);
+      const s = document.getElementById("abl-message-wrapper");
+      tt(null, s);
     }, n = {
       warning: {
         icon: "icon-abl-jinggao",
@@ -540,7 +540,7 @@ const Ml = { class: "message-text" }, El = {
         top: l.top + "px"
       }
     };
-    return (o, s) => (r(), ie(pe, null, {
+    return (s, o) => (r(), ie(pe, null, {
       default: oe(() => [
         t.value ? (r(), u("div", {
           key: 0,
@@ -569,8 +569,8 @@ let Ae = null;
 typeof window < "u" && typeof document < "u" && (Ae = document.createElement("div"), Ae.setAttribute("class", "abl-message-wrapper"), Ae.setAttribute("id", "abl-message-wrapper"), document.body.appendChild(Ae));
 let mt = null;
 const it = ({ text: e, type: l, duration: t, top: a, showClose: n }) => {
-  const o = re(Pl, { text: e, type: l, top: a, showClose: n });
-  tt(o, Ae), clearTimeout(mt), mt = setTimeout(() => {
+  const s = re(Pl, { text: e, type: l, top: a, showClose: n });
+  tt(s, Ae), clearTimeout(mt), mt = setTimeout(() => {
     tt(null, Ae);
   }, t || 2e3);
 };
@@ -662,7 +662,7 @@ const Dl = (e) => (xe("data-v-ba44b355"), e = e(), $e(), e), Fl = { class: "abl-
   setup(e, { emit: l }) {
     const t = l, a = ot(), n = (m) => {
       a && (a.appContext.config.globalProperties.$lockCount = m || 0);
-    }, o = e, s = () => {
+    }, s = e, o = () => {
       document.body.style.overflow = "hidden", document.body.style.touchAction = "none";
       const m = a.appContext.config.globalProperties.$lockCount || 0;
       n(m + 1);
@@ -670,18 +670,18 @@ const Dl = (e) => (xe("data-v-ba44b355"), e = e(), $e(), e), Fl = { class: "abl-
       a.appContext.config.globalProperties.$lockCount > 0 && n((a.appContext.config.globalProperties.$lockCount || 0) - 1), (a.appContext.config.globalProperties.$lockCount || 0) <= 0 && (document.body.style.overflow = "", document.body.style.touchAction = "");
     };
     Ue(() => {
-      o.modelValue && i();
+      s.modelValue && i();
     }), st(() => {
-      o.modelValue ? s() : i();
+      s.modelValue ? o() : i();
     }), Vt(() => {
-      o.modelValue && s();
+      s.modelValue && o();
     });
-    const d = E(() => o.disabled || o.appendTo === "self"), f = E(() => [
-      o.direction == "left" ? { top: 0, left: 0, width: o.width, height: "100%", zIndex: o.zIndex + 2 } : o.direction == "top" ? { top: 0, left: 0, width: "100%", height: o.height, zIndex: o.zIndex + 2 } : o.direction == "right" ? { top: 0, right: 0, width: o.width, height: "100%", zIndex: o.zIndex + 2 } : o.direction == "bottom" ? { bottom: 0, left: 0, width: "100%", height: o.height, zIndex: o.zIndex + 2 } : {}
-    ]), g = E(() => `slide-${o.direction}`), v = () => {
-      o.maskClosable && p();
+    const d = E(() => s.disabled || s.appendTo === "self"), f = E(() => [
+      s.direction == "left" ? { top: 0, left: 0, width: s.width, height: "100%", zIndex: s.zIndex + 2 } : s.direction == "top" ? { top: 0, left: 0, width: "100%", height: s.height, zIndex: s.zIndex + 2 } : s.direction == "right" ? { top: 0, right: 0, width: s.width, height: "100%", zIndex: s.zIndex + 2 } : s.direction == "bottom" ? { bottom: 0, left: 0, width: "100%", height: s.height, zIndex: s.zIndex + 2 } : {}
+    ]), g = E(() => `slide-${s.direction}`), v = () => {
+      s.maskClosable && p();
     }, p = () => {
-      typeof o.beforeClose == "function" ? o.beforeClose() : (t("update:modelValue", !1), t("close"));
+      typeof s.beforeClose == "function" ? s.beforeClose() : (t("update:modelValue", !1), t("close"));
     };
     return (m, h) => (r(), ie(Xe, { to: "body" }, [
       re(pe, {
@@ -693,7 +693,7 @@ const Dl = (e) => (xe("data-v-ba44b355"), e = e(), $e(), e), Fl = { class: "abl-
             key: 0,
             class: "abl-drawer-mask",
             onClick: v,
-            style: M(`z-index: ${o.zIndex}`)
+            style: M(`z-index: ${s.zIndex}`)
           }, null, 4)) : d.value ? N(m.$slots, "default", { key: 1 }, void 0, !0) : O("", !0)
         ]),
         _: 3
@@ -705,8 +705,8 @@ const Dl = (e) => (xe("data-v-ba44b355"), e = e(), $e(), e), Fl = { class: "abl-
         default: oe(() => [
           e.modelValue ? (r(), u("div", {
             key: 0,
-            class: z(["abl-drawer", e.customClass, `abl-drawer-${o.direction}`, e.round && "abl-drawer-round", o.class]),
-            style: M(`z-index: ${o.zIndex + 1}`)
+            class: z(["abl-drawer", e.customClass, `abl-drawer-${s.direction}`, e.round && "abl-drawer-round", s.class]),
+            style: M(`z-index: ${s.zIndex + 1}`)
           }, [
             c("div", {
               class: "abl-drawer-content-wrapper",
@@ -853,18 +853,18 @@ const ta = {
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: l }) {
-    const t = e, a = l, n = Ve("checkboxGroupKey", void 0), o = E(() => !!n), s = E(
-      () => o.value ? d.value.indexOf(t.label) > -1 && !t.indeterminate : d.value && !t.indeterminate
+    const t = e, a = l, n = Ve("checkboxGroupKey", void 0), s = E(() => !!n), o = E(
+      () => s.value ? d.value.indexOf(t.label) > -1 && !t.indeterminate : d.value && !t.indeterminate
     ), i = E(() => t.disabled || (n == null ? void 0 : n.disabled)), d = E(
-      () => o.value ? n.modelValue : t.modelValue
+      () => s.value ? n.modelValue : t.modelValue
     ), f = E(() => ({
-      "is-checked": s.value,
+      "is-checked": o.value,
       "is-disabled": i.value,
       "is-indeterminate": t.indeterminate
     })), g = () => {
       if (!i.value) {
         let v = d.value;
-        if (o.value) {
+        if (s.value) {
           const p = v.indexOf(t.label);
           p > -1 ? v.splice(p, 1) : v.push(t.label), v = [...v], n.changeEvent(v);
         } else
@@ -904,8 +904,8 @@ const ta = {
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: l }) {
-    const t = e, a = l, n = (o) => {
-      a("update:modelValue", o), a("change", o);
+    const t = e, a = l, n = (s) => {
+      a("update:modelValue", s), a("change", s);
     };
     return be(
       "checkboxGroupKey",
@@ -913,8 +913,8 @@ const ta = {
         ...Te(t),
         changeEvent: n
       })
-    ), (o, s) => (r(), u("label", sa, [
-      N(o.$slots, "default")
+    ), (s, o) => (r(), u("label", sa, [
+      N(s.$slots, "default")
     ]));
   }
 });
@@ -969,19 +969,19 @@ const ra = { class: "abl-dialog__header" }, ua = { class: "abl-dialog__title" },
   setup(e, { emit: l }) {
     const t = ot(), a = e, n = (v) => {
       t && (t.appContext.config.globalProperties.$lockCount = v || 0);
-    }, o = () => {
+    }, s = () => {
       document.body.style.overflow = "hidden", document.body.style.touchAction = "none";
       const v = t.appContext.config.globalProperties.$lockCount || 0;
       n(v + 1);
-    }, s = () => {
+    }, o = () => {
       t.appContext.config.globalProperties.$lockCount > 0 && n((t.appContext.config.globalProperties.$lockCount || 0) - 1), (t.appContext.config.globalProperties.$lockCount || 0) <= 0 && (document.body.style.overflow = "", document.body.style.touchAction = "");
     };
     Ue(() => {
-      a.modelValue && s();
+      a.modelValue && o();
     }), st(() => {
-      a.modelValue ? o() : s();
+      a.modelValue ? s() : o();
     }), Vt(() => {
-      a.modelValue && o();
+      a.modelValue && s();
     });
     const i = l, d = () => {
       a.beforeClose || (i("update:modelValue", !1), i("close"));
@@ -1071,9 +1071,9 @@ function rt(e) {
 }
 function ga(e, l, t) {
   t === void 0 && (t = !1);
-  const a = De(e), n = rt(e), o = ct(n);
-  let s = n === "x" ? a === (t ? "end" : "start") ? "right" : "left" : a === "start" ? "bottom" : "top";
-  return l.reference[o] > l.floating[o] && (s = We(s)), [s, We(s)];
+  const a = De(e), n = rt(e), s = ct(n);
+  let o = n === "x" ? a === (t ? "end" : "start") ? "right" : "left" : a === "start" ? "bottom" : "top";
+  return l.reference[s] > l.floating[s] && (o = We(o)), [o, We(o)];
 }
 function ba(e) {
   const l = We(e);
@@ -1083,22 +1083,22 @@ function at(e) {
   return e.replace(/start|end/g, (l) => ha[l]);
 }
 function ya(e, l, t) {
-  const a = ["left", "right"], n = ["right", "left"], o = ["top", "bottom"], s = ["bottom", "top"];
+  const a = ["left", "right"], n = ["right", "left"], s = ["top", "bottom"], o = ["bottom", "top"];
   switch (e) {
     case "top":
     case "bottom":
       return t ? l ? n : a : l ? a : n;
     case "left":
     case "right":
-      return l ? o : s;
+      return l ? s : o;
     default:
       return [];
   }
 }
 function _a(e, l, t, a) {
   const n = De(e);
-  let o = ya(Le(e), t === "start", a);
-  return n && (o = o.map((s) => s + "-" + n), l && (o = o.concat(o.map(at)))), o;
+  let s = ya(Le(e), t === "start", a);
+  return n && (s = s.map((o) => o + "-" + n), l && (s = s.concat(s.map(at)))), s;
 }
 function We(e) {
   return e.replace(/left|right|bottom|top/g, (l) => ma[l]);
@@ -1134,7 +1134,7 @@ function ht(e, l, t) {
     reference: a,
     floating: n
   } = e;
-  const o = Ke(l), s = rt(l), i = ct(s), d = Le(l), f = o === "y", g = a.x + a.width / 2 - n.width / 2, v = a.y + a.height / 2 - n.height / 2, p = a[i] / 2 - n[i] / 2;
+  const s = Ke(l), o = rt(l), i = ct(o), d = Le(l), f = s === "y", g = a.x + a.width / 2 - n.width / 2, v = a.y + a.height / 2 - n.height / 2, p = a[i] / 2 - n[i] / 2;
   let m;
   switch (d) {
     case "top":
@@ -1169,10 +1169,10 @@ function ht(e, l, t) {
   }
   switch (De(l)) {
     case "start":
-      m[s] -= p * (t && f ? -1 : 1);
+      m[o] -= p * (t && f ? -1 : 1);
       break;
     case "end":
-      m[s] += p * (t && f ? -1 : 1);
+      m[o] += p * (t && f ? -1 : 1);
       break;
   }
   return m;
@@ -1181,10 +1181,10 @@ const xa = async (e, l, t) => {
   const {
     placement: a = "bottom",
     strategy: n = "absolute",
-    middleware: o = [],
-    platform: s
-  } = t, i = o.filter(Boolean), d = await (s.isRTL == null ? void 0 : s.isRTL(l));
-  let f = await s.getElementRects({
+    middleware: s = [],
+    platform: o
+  } = t, i = s.filter(Boolean), d = await (o.isRTL == null ? void 0 : o.isRTL(l));
+  let f = await o.getElementRects({
     reference: e,
     floating: l,
     strategy: n
@@ -1209,7 +1209,7 @@ const xa = async (e, l, t) => {
       strategy: n,
       middlewareData: m,
       rects: f,
-      platform: s,
+      platform: o,
       elements: {
         reference: e,
         floating: l
@@ -1221,7 +1221,7 @@ const xa = async (e, l, t) => {
         ...m[w],
         ...S
       }
-    }, k && h <= 50 && (h++, typeof k == "object" && (k.placement && (p = k.placement), k.rects && (f = k.rects === !0 ? await s.getElementRects({
+    }, k && h <= 50 && (h++, typeof k == "object" && (k.placement && (p = k.placement), k.rects && (f = k.rects === !0 ? await o.getElementRects({
       reference: e,
       floating: l,
       strategy: n
@@ -1244,8 +1244,8 @@ async function Ot(e, l) {
   const {
     x: a,
     y: n,
-    platform: o,
-    rects: s,
+    platform: s,
+    rects: o,
     elements: i,
     strategy: d
   } = e, {
@@ -1254,22 +1254,22 @@ async function Ot(e, l) {
     elementContext: v = "floating",
     altBoundary: p = !1,
     padding: m = 0
-  } = Pe(l, e), h = Nt(m), w = i[p ? v === "floating" ? "reference" : "floating" : v], b = qe(await o.getClippingRect({
-    element: (t = await (o.isElement == null ? void 0 : o.isElement(w))) == null || t ? w : w.contextElement || await (o.getDocumentElement == null ? void 0 : o.getDocumentElement(i.floating)),
+  } = Pe(l, e), h = Nt(m), w = i[p ? v === "floating" ? "reference" : "floating" : v], b = qe(await s.getClippingRect({
+    element: (t = await (s.isElement == null ? void 0 : s.isElement(w))) == null || t ? w : w.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(i.floating)),
     boundary: f,
     rootBoundary: g,
     strategy: d
   })), _ = v === "floating" ? {
-    ...s.floating,
+    ...o.floating,
     x: a,
     y: n
-  } : s.reference, A = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(i.floating)), S = await (o.isElement == null ? void 0 : o.isElement(A)) ? await (o.getScale == null ? void 0 : o.getScale(A)) || {
+  } : o.reference, A = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(i.floating)), S = await (s.isElement == null ? void 0 : s.isElement(A)) ? await (s.getScale == null ? void 0 : s.getScale(A)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, k = qe(o.convertOffsetParentRelativeRectToViewportRelativeRect ? await o.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, k = qe(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: i,
     rect: _,
     offsetParent: A,
@@ -1290,8 +1290,8 @@ const $a = (e) => ({
       x: t,
       y: a,
       placement: n,
-      rects: o,
-      platform: s,
+      rects: s,
+      platform: o,
       elements: i,
       middlewareData: d
     } = l, {
@@ -1303,10 +1303,10 @@ const $a = (e) => ({
     const v = Nt(g), p = {
       x: t,
       y: a
-    }, m = rt(n), h = ct(m), $ = await s.getDimensions(f), w = m === "y", b = w ? "top" : "left", _ = w ? "bottom" : "right", A = w ? "clientHeight" : "clientWidth", S = o.reference[h] + o.reference[m] - p[m] - o.floating[h], k = p[m] - o.reference[m], y = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(f));
+    }, m = rt(n), h = ct(m), $ = await o.getDimensions(f), w = m === "y", b = w ? "top" : "left", _ = w ? "bottom" : "right", A = w ? "clientHeight" : "clientWidth", S = s.reference[h] + s.reference[m] - p[m] - s.floating[h], k = p[m] - s.reference[m], y = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(f));
     let L = y ? y[A] : 0;
-    (!L || !await (s.isElement == null ? void 0 : s.isElement(y))) && (L = i.floating[A] || o.floating[h]);
-    const I = S / 2 - k / 2, j = L / 2 - $[h] / 2 - 1, H = Re(v[b], j), P = Re(v[_], j), U = H, ee = L - $[h] - P, K = L / 2 - $[h] / 2 + I, J = lt(U, K, ee), Z = !d.arrow && De(n) != null && K !== J && o.reference[h] / 2 - (K < U ? H : P) - $[h] / 2 < 0, te = Z ? K < U ? K - U : K - ee : 0;
+    (!L || !await (o.isElement == null ? void 0 : o.isElement(y))) && (L = i.floating[A] || s.floating[h]);
+    const I = S / 2 - k / 2, j = L / 2 - $[h] / 2 - 1, H = Re(v[b], j), P = Re(v[_], j), U = H, ee = L - $[h] - P, K = L / 2 - $[h] / 2 + I, J = lt(U, K, ee), Z = !d.arrow && De(n) != null && K !== J && s.reference[h] / 2 - (K < U ? H : P) - $[h] / 2 < 0, te = Z ? K < U ? K - U : K - ee : 0;
     return {
       [m]: p[m] + te,
       data: {
@@ -1327,8 +1327,8 @@ const $a = (e) => ({
       var t, a;
       const {
         placement: n,
-        middlewareData: o,
-        rects: s,
+        middlewareData: s,
+        rects: o,
         initialPlacement: i,
         platform: d,
         elements: f
@@ -1341,14 +1341,14 @@ const $a = (e) => ({
         flipAlignment: $ = !0,
         ...w
       } = Pe(e, l);
-      if ((t = o.arrow) != null && t.alignmentOffset)
+      if ((t = s.arrow) != null && t.alignmentOffset)
         return {};
       const b = Le(n), _ = Le(i) === i, A = await (d.isRTL == null ? void 0 : d.isRTL(f.floating)), S = p || (_ || !$ ? [We(i)] : ba(i));
       !p && h !== "none" && S.push(..._a(i, $, h, A));
       const k = [i, ...S], y = await Ot(l, w), L = [];
-      let I = ((a = o.flip) == null ? void 0 : a.overflows) || [];
+      let I = ((a = s.flip) == null ? void 0 : a.overflows) || [];
       if (g && L.push(y[b]), v) {
-        const U = ga(n, s, A);
+        const U = ga(n, o, A);
         L.push(y[U[0]], y[U[1]]);
       }
       if (I = [...I, {
@@ -1356,7 +1356,7 @@ const $a = (e) => ({
         overflows: L
       }], !L.every((U) => U <= 0)) {
         var j, H;
-        const U = (((j = o.flip) == null ? void 0 : j.index) || 0) + 1, ee = k[U];
+        const U = (((j = s.flip) == null ? void 0 : j.index) || 0) + 1, ee = k[U];
         if (ee)
           return {
             data: {
@@ -1396,7 +1396,7 @@ async function Ca(e, l) {
     placement: t,
     platform: a,
     elements: n
-  } = e, o = await (a.isRTL == null ? void 0 : a.isRTL(n.floating)), s = Le(t), i = De(t), d = Ke(t) === "y", f = ["left", "top"].includes(s) ? -1 : 1, g = o && d ? -1 : 1, v = Pe(l, e);
+  } = e, s = await (a.isRTL == null ? void 0 : a.isRTL(n.floating)), o = Le(t), i = De(t), d = Ke(t) === "y", f = ["left", "top"].includes(o) ? -1 : 1, g = s && d ? -1 : 1, v = Pe(l, e);
   let {
     mainAxis: p,
     crossAxis: m,
@@ -1427,16 +1427,16 @@ const Sa = function(e) {
       var t, a;
       const {
         x: n,
-        y: o,
-        placement: s,
+        y: s,
+        placement: o,
         middlewareData: i
       } = l, d = await Ca(l, e);
-      return s === ((t = i.offset) == null ? void 0 : t.placement) && (a = i.arrow) != null && a.alignmentOffset ? {} : {
+      return o === ((t = i.offset) == null ? void 0 : t.placement) && (a = i.arrow) != null && a.alignmentOffset ? {} : {
         x: n + d.x,
-        y: o + d.y,
+        y: s + d.y,
         data: {
           ...d,
-          placement: s
+          placement: o
         }
       };
     }
@@ -1451,8 +1451,8 @@ const Sa = function(e) {
         y: a,
         placement: n
       } = l, {
-        mainAxis: o = !0,
-        crossAxis: s = !1,
+        mainAxis: s = !0,
+        crossAxis: o = !1,
         limiter: i = {
           fn: (w) => {
             let {
@@ -1471,11 +1471,11 @@ const Sa = function(e) {
         y: a
       }, g = await Ot(l, d), v = Ke(Le(n)), p = Rt(v);
       let m = f[p], h = f[v];
-      if (o) {
+      if (s) {
         const w = p === "y" ? "top" : "left", b = p === "y" ? "bottom" : "right", _ = m + g[w], A = m - g[b];
         m = lt(_, m, A);
       }
-      if (s) {
+      if (o) {
         const w = v === "y" ? "top" : "left", b = v === "y" ? "bottom" : "right", _ = h + g[w], A = h - g[b];
         h = lt(_, h, A);
       }
@@ -1523,14 +1523,14 @@ function Fe(e) {
     overflowX: t,
     overflowY: a,
     display: n
-  } = ue(e);
+  } = de(e);
   return /auto|scroll|overlay|hidden|clip/.test(l + a + t) && !["inline", "contents"].includes(n);
 }
 function Ba(e) {
   return ["table", "td", "th"].includes(_e(e));
 }
 function ut(e) {
-  const l = dt(), t = ue(e);
+  const l = dt(), t = de(e);
   return t.transform !== "none" || t.perspective !== "none" || (t.containerType ? t.containerType !== "normal" : !1) || !l && (t.backdropFilter ? t.backdropFilter !== "none" : !1) || !l && (t.filter ? t.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((a) => (t.willChange || "").includes(a)) || ["paint", "layout", "strict", "content"].some((a) => (t.contain || "").includes(a));
 }
 function La(e) {
@@ -1548,7 +1548,7 @@ function dt() {
 function Ge(e) {
   return ["html", "body", "#document"].includes(_e(e));
 }
-function ue(e) {
+function de(e) {
   return ce(e).getComputedStyle(e);
 }
 function Je(e) {
@@ -1579,14 +1579,14 @@ function Et(e) {
 function Me(e, l, t) {
   var a;
   l === void 0 && (l = []), t === void 0 && (t = !0);
-  const n = Et(e), o = n === ((a = e.ownerDocument) == null ? void 0 : a.body), s = ce(n);
-  return o ? l.concat(s, s.visualViewport || [], Fe(n) ? n : [], s.frameElement && t ? Me(s.frameElement) : []) : l.concat(n, Me(n, [], t));
+  const n = Et(e), s = n === ((a = e.ownerDocument) == null ? void 0 : a.body), o = ce(n);
+  return s ? l.concat(o, o.visualViewport || [], Fe(n) ? n : [], o.frameElement && t ? Me(o.frameElement) : []) : l.concat(n, Me(n, [], t));
 }
 function Tt(e) {
-  const l = ue(e);
+  const l = de(e);
   let t = parseFloat(l.width) || 0, a = parseFloat(l.height) || 0;
-  const n = ve(e), o = n ? e.offsetWidth : t, s = n ? e.offsetHeight : a, i = He(t) !== o || He(a) !== s;
-  return i && (t = o, a = s), {
+  const n = ve(e), s = n ? e.offsetWidth : t, o = n ? e.offsetHeight : a, i = He(t) !== s || He(a) !== o;
+  return i && (t = s, a = o), {
     width: t,
     height: a,
     $: i
@@ -1602,11 +1602,11 @@ function ze(e) {
   const t = l.getBoundingClientRect(), {
     width: a,
     height: n,
-    $: o
+    $: s
   } = Tt(l);
-  let s = (o ? He(t.width) : t.width) / a, i = (o ? He(t.height) : t.height) / n;
-  return (!s || !Number.isFinite(s)) && (s = 1), (!i || !Number.isFinite(i)) && (i = 1), {
-    x: s,
+  let o = (s ? He(t.width) : t.width) / a, i = (s ? He(t.height) : t.height) / n;
+  return (!o || !Number.isFinite(o)) && (o = 1), (!i || !Number.isFinite(i)) && (i = 1), {
+    x: o,
     y: i
   };
 }
@@ -1623,16 +1623,16 @@ function Aa(e, l, t) {
 }
 function Ie(e, l, t, a) {
   l === void 0 && (l = !1), t === void 0 && (t = !1);
-  const n = e.getBoundingClientRect(), o = ft(e);
-  let s = ye(1);
-  l && (a ? he(a) && (s = ze(a)) : s = ze(e));
-  const i = Aa(o, t, a) ? Pt(o) : ye(0);
-  let d = (n.left + i.x) / s.x, f = (n.top + i.y) / s.y, g = n.width / s.x, v = n.height / s.y;
-  if (o) {
-    const p = ce(o), m = a && he(a) ? ce(a) : a;
+  const n = e.getBoundingClientRect(), s = ft(e);
+  let o = ye(1);
+  l && (a ? he(a) && (o = ze(a)) : o = ze(e));
+  const i = Aa(s, t, a) ? Pt(s) : ye(0);
+  let d = (n.left + i.x) / o.x, f = (n.top + i.y) / o.y, g = n.width / o.x, v = n.height / o.y;
+  if (s) {
+    const p = ce(s), m = a && he(a) ? ce(a) : a;
     let h = p, $ = h.frameElement;
     for (; $ && a && m !== h; ) {
-      const w = ze($), b = $.getBoundingClientRect(), _ = ue($), A = b.left + ($.clientLeft + parseFloat(_.paddingLeft)) * w.x, S = b.top + ($.clientTop + parseFloat(_.paddingTop)) * w.y;
+      const w = ze($), b = $.getBoundingClientRect(), _ = de($), A = b.left + ($.clientLeft + parseFloat(_.paddingLeft)) * w.x, S = b.top + ($.clientTop + parseFloat(_.paddingTop)) * w.y;
       d *= w.x, f *= w.y, g *= w.x, v *= w.y, d += A, f += S, h = ce($), $ = h.frameElement;
     }
   }
@@ -1660,15 +1660,15 @@ function Ra(e) {
     offsetParent: a,
     strategy: n
   } = e;
-  const o = n === "fixed", s = ge(a), i = l ? Dt(l.floating) : !1;
-  if (a === s || i && o)
+  const s = n === "fixed", o = ge(a), i = l ? Dt(l.floating) : !1;
+  if (a === o || i && s)
     return t;
   let d = {
     scrollLeft: 0,
     scrollTop: 0
   }, f = ye(1);
   const g = ye(0), v = ve(a);
-  if ((v || !v && !o) && ((_e(a) !== "body" || Fe(s)) && (d = Je(a)), ve(a))) {
+  if ((v || !v && !s) && ((_e(a) !== "body" || Fe(o)) && (d = Je(a)), ve(a))) {
     const p = Ie(a);
     f = ze(a), g.x = p.x + a.clientLeft, g.y = p.y + a.clientTop;
   }
@@ -1686,35 +1686,35 @@ function Ft(e) {
   return Ie(ge(e)).left + Je(e).scrollLeft;
 }
 function Oa(e) {
-  const l = ge(e), t = Je(e), a = e.ownerDocument.body, n = Se(l.scrollWidth, l.clientWidth, a.scrollWidth, a.clientWidth), o = Se(l.scrollHeight, l.clientHeight, a.scrollHeight, a.clientHeight);
-  let s = -t.scrollLeft + Ft(e);
+  const l = ge(e), t = Je(e), a = e.ownerDocument.body, n = Se(l.scrollWidth, l.clientWidth, a.scrollWidth, a.clientWidth), s = Se(l.scrollHeight, l.clientHeight, a.scrollHeight, a.clientHeight);
+  let o = -t.scrollLeft + Ft(e);
   const i = -t.scrollTop;
-  return ue(a).direction === "rtl" && (s += Se(l.clientWidth, a.clientWidth) - n), {
+  return de(a).direction === "rtl" && (o += Se(l.clientWidth, a.clientWidth) - n), {
     width: n,
-    height: o,
-    x: s,
+    height: s,
+    x: o,
     y: i
   };
 }
 function Ma(e, l) {
   const t = ce(e), a = ge(e), n = t.visualViewport;
-  let o = a.clientWidth, s = a.clientHeight, i = 0, d = 0;
+  let s = a.clientWidth, o = a.clientHeight, i = 0, d = 0;
   if (n) {
-    o = n.width, s = n.height;
+    s = n.width, o = n.height;
     const f = dt();
     (!f || f && l === "fixed") && (i = n.offsetLeft, d = n.offsetTop);
   }
   return {
-    width: o,
-    height: s,
+    width: s,
+    height: o,
     x: i,
     y: d
   };
 }
 function Ea(e, l) {
-  const t = Ie(e, !0, l === "fixed"), a = t.top + e.clientTop, n = t.left + e.clientLeft, o = ve(e) ? ze(e) : ye(1), s = e.clientWidth * o.x, i = e.clientHeight * o.y, d = n * o.x, f = a * o.y;
+  const t = Ie(e, !0, l === "fixed"), a = t.top + e.clientTop, n = t.left + e.clientLeft, s = ve(e) ? ze(e) : ye(1), o = e.clientWidth * s.x, i = e.clientHeight * s.y, d = n * s.x, f = a * s.y;
   return {
-    width: s,
+    width: o,
     height: i,
     x: d,
     y: f
@@ -1740,18 +1740,18 @@ function bt(e, l, t) {
 }
 function jt(e, l) {
   const t = Ne(e);
-  return t === l || !he(t) || Ge(t) ? !1 : ue(t).position === "fixed" || jt(t, l);
+  return t === l || !he(t) || Ge(t) ? !1 : de(t).position === "fixed" || jt(t, l);
 }
 function Ta(e, l) {
   const t = l.get(e);
   if (t)
     return t;
   let a = Me(e, [], !1).filter((i) => he(i) && _e(i) !== "body"), n = null;
-  const o = ue(e).position === "fixed";
-  let s = o ? Ne(e) : e;
-  for (; he(s) && !Ge(s); ) {
-    const i = ue(s), d = ut(s);
-    !d && i.position === "fixed" && (n = null), (o ? !d && !n : !d && i.position === "static" && !!n && ["absolute", "fixed"].includes(n.position) || Fe(s) && !d && jt(e, s)) ? a = a.filter((g) => g !== s) : n = i, s = Ne(s);
+  const s = de(e).position === "fixed";
+  let o = s ? Ne(e) : e;
+  for (; he(o) && !Ge(o); ) {
+    const i = de(o), d = ut(o);
+    !d && i.position === "fixed" && (n = null), (s ? !d && !n : !d && i.position === "static" && !!n && ["absolute", "fixed"].includes(n.position) || Fe(o) && !d && jt(e, o)) ? a = a.filter((g) => g !== o) : n = i, o = Ne(o);
   }
   return l.set(e, a), a;
 }
@@ -1762,7 +1762,7 @@ function Pa(e) {
     rootBoundary: a,
     strategy: n
   } = e;
-  const s = [...t === "clippingAncestors" ? Ta(l, this._c) : [].concat(t), a], i = s[0], d = s.reduce((f, g) => {
+  const o = [...t === "clippingAncestors" ? Ta(l, this._c) : [].concat(t), a], i = o[0], d = o.reduce((f, g) => {
     const v = bt(l, g, n);
     return f.top = Se(v.top, f.top), f.right = Re(v.right, f.right), f.bottom = Re(v.bottom, f.bottom), f.left = Se(v.left, f.left), f;
   }, bt(l, i, n));
@@ -1784,37 +1784,37 @@ function Da(e) {
   };
 }
 function Fa(e, l, t) {
-  const a = ve(l), n = ge(l), o = t === "fixed", s = Ie(e, !0, o, l);
+  const a = ve(l), n = ge(l), s = t === "fixed", o = Ie(e, !0, s, l);
   let i = {
     scrollLeft: 0,
     scrollTop: 0
   };
   const d = ye(0);
-  if (a || !a && !o)
+  if (a || !a && !s)
     if ((_e(l) !== "body" || Fe(n)) && (i = Je(l)), a) {
-      const v = Ie(l, !0, o, l);
+      const v = Ie(l, !0, s, l);
       d.x = v.x + l.clientLeft, d.y = v.y + l.clientTop;
     } else
       n && (d.x = Ft(n));
-  const f = s.left + i.scrollLeft - d.x, g = s.top + i.scrollTop - d.y;
+  const f = o.left + i.scrollLeft - d.x, g = o.top + i.scrollTop - d.y;
   return {
     x: f,
     y: g,
-    width: s.width,
-    height: s.height
+    width: o.width,
+    height: o.height
   };
 }
 function yt(e, l) {
-  return !ve(e) || ue(e).position === "fixed" ? null : l ? l(e) : e.offsetParent;
+  return !ve(e) || de(e).position === "fixed" ? null : l ? l(e) : e.offsetParent;
 }
 function Ht(e, l) {
   const t = ce(e);
   if (!ve(e) || Dt(e))
     return t;
   let a = yt(e, l);
-  for (; a && Ba(a) && ue(a).position === "static"; )
+  for (; a && Ba(a) && de(a).position === "static"; )
     a = yt(a, l);
-  return a && (_e(a) === "html" || _e(a) === "body" && ue(a).position === "static" && !ut(a)) ? t : a || La(e) || t;
+  return a && (_e(a) === "html" || _e(a) === "body" && de(a).position === "static" && !ut(a)) ? t : a || La(e) || t;
 }
 const ja = async function(e) {
   const l = this.getOffsetParent || Ht, t = this.getDimensions;
@@ -1828,7 +1828,7 @@ const ja = async function(e) {
   };
 };
 function Ha(e) {
-  return ue(e).direction === "rtl";
+  return de(e).direction === "rtl";
 }
 const Wa = {
   convertOffsetParentRelativeRectToViewportRelativeRect: Ra,
@@ -1845,12 +1845,12 @@ const Wa = {
 function qa(e, l) {
   let t = null, a;
   const n = ge(e);
-  function o() {
+  function s() {
     var i;
     clearTimeout(a), (i = t) == null || i.disconnect(), t = null;
   }
-  function s(i, d) {
-    i === void 0 && (i = !1), d === void 0 && (d = 1), o();
+  function o(i, d) {
+    i === void 0 && (i = !1), d === void 0 && (d = 1), s();
     const {
       left: f,
       top: g,
@@ -1868,9 +1868,9 @@ function qa(e, l) {
       const y = k[0].intersectionRatio;
       if (y !== d) {
         if (!A)
-          return s();
-        y ? s(!1, y) : a = setTimeout(() => {
-          s(!1, 1e-7);
+          return o();
+        y ? o(!1, y) : a = setTimeout(() => {
+          o(!1, 1e-7);
         }, 100);
       }
       A = !1;
@@ -1886,25 +1886,25 @@ function qa(e, l) {
     }
     t.observe(e);
   }
-  return s(!0), o;
+  return o(!0), s;
 }
 function Ua(e, l, t, a) {
   a === void 0 && (a = {});
   const {
     ancestorScroll: n = !0,
-    ancestorResize: o = !0,
-    elementResize: s = typeof ResizeObserver == "function",
+    ancestorResize: s = !0,
+    elementResize: o = typeof ResizeObserver == "function",
     layoutShift: i = typeof IntersectionObserver == "function",
     animationFrame: d = !1
-  } = a, f = ft(e), g = n || o ? [...f ? Me(f) : [], ...Me(l)] : [];
+  } = a, f = ft(e), g = n || s ? [...f ? Me(f) : [], ...Me(l)] : [];
   g.forEach((b) => {
     n && b.addEventListener("scroll", t, {
       passive: !0
-    }), o && b.addEventListener("resize", t);
+    }), s && b.addEventListener("resize", t);
   });
   const v = f && i ? qa(f, t) : null;
   let p = -1, m = null;
-  s && (m = new ResizeObserver((b) => {
+  o && (m = new ResizeObserver((b) => {
     let [_] = b;
     _ && _.target === f && m && (m.unobserve(l), cancelAnimationFrame(p), p = requestAnimationFrame(() => {
       var A;
@@ -1920,7 +1920,7 @@ function Ua(e, l, t, a) {
   return t(), () => {
     var b;
     g.forEach((_) => {
-      n && _.removeEventListener("scroll", t), o && _.removeEventListener("resize", t);
+      n && _.removeEventListener("scroll", t), s && _.removeEventListener("resize", t);
     }), v == null || v(), (b = m) == null || b.disconnect(), m = null, d && cancelAnimationFrame(h);
   };
 }
@@ -1928,18 +1928,18 @@ const Xa = Va, Ya = ka, Ka = $a, _t = (e, l, t) => {
   const a = /* @__PURE__ */ new Map(), n = {
     platform: Wa,
     ...t
-  }, o = {
+  }, s = {
     ...n.platform,
     _c: a
   };
   return xa(e, l, {
     ...n,
-    platform: o
+    platform: s
   });
 }, Ga = ({ middleware: e, placement: l, strategy: t }, a) => {
-  const n = x(), o = x(), s = x(), i = x({}), d = {
-    x: o,
-    y: s,
+  const n = x(), s = x(), o = x(), i = x({}), d = {
+    x: s,
+    y: o,
     placement: l,
     strategy: t,
     middlewareData: i
@@ -2034,7 +2034,7 @@ const Za = ["data-side"], Wt = {
     const t = e, a = x(), n = E(() => {
       const y = [Xa(), Ya(), Sa(10)];
       return t.showArrow && y.push(Ka({ element: a.value })), y;
-    }), o = x(t.placement), s = x(t.strategy), i = x(t.hover), {
+    }), s = x(t.placement), o = x(t.strategy), i = x(t.hover), {
       visible: d,
       open: f,
       close: g
@@ -2063,7 +2063,7 @@ const Za = ["data-side"], Wt = {
       y: w,
       contentRef: b,
       middlewareData: _
-    } = Ga({ middleware: n, placement: o, strategy: s }, p), A = E(() => o.value.split("-")[0]), S = E(() => ({ left: $.value + "px", top: w.value + "px", zIndex: t.zIndex })), k = E(() => {
+    } = Ga({ middleware: n, placement: s, strategy: o }, p), A = E(() => s.value.split("-")[0]), S = E(() => ({ left: $.value + "px", top: w.value + "px", zIndex: t.zIndex })), k = E(() => {
       if (!t.showArrow)
         return {};
       const { arrow: y } = ae(_);
@@ -2141,7 +2141,7 @@ const Za = ["data-side"], Wt = {
     }
   },
   setup(e, { expose: l }) {
-    const t = e, o = {
+    const t = e, s = {
       effect: {
         type: String,
         default: "dark"
@@ -2214,7 +2214,7 @@ const Za = ["data-side"], Wt = {
         type: String,
         default: ""
       }
-    }, s = Zt(), i = x(), d = (m, h) => h.reduce(($, w) => ($[w] = m[w], $), {}), f = E(() => ({ ...s, ...d(t, Object.keys(o)) }));
+    }, o = Zt(), i = x(), d = (m, h) => h.reduce(($, w) => ($[w] = m[w], $), {}), f = E(() => ({ ...o, ...d(t, Object.keys(s)) }));
     function g() {
       i.value.update();
     }
@@ -2304,18 +2304,18 @@ const Ze = (e) => (xe("data-v-bc247383"), e = e(), $e(), e), en = ["onClick"], t
   emits: ["update:modelValue", "change", "hoverChange"],
   setup(e, { emit: l }) {
     const t = e, a = x(t.modelValue), n = x();
-    fe(
+    ue(
       () => t.modelValue,
       (p) => {
         a.value = p;
       }
     );
-    const o = l, s = (p) => {
-      n.value = null, p !== t.modelValue ? (o("change", p), o("update:modelValue", p)) : t.allowClear ? (n.value = p, o("change", 0), o("update:modelValue", 0)) : o("change", p);
+    const s = l, o = (p) => {
+      n.value = null, p !== t.modelValue ? (s("change", p), s("update:modelValue", p)) : t.allowClear ? (n.value = p, s("change", 0), s("update:modelValue", 0)) : s("change", p);
     }, i = (p) => {
-      a.value = p, o("hoverChange", p);
+      a.value = p, s("hoverChange", p);
     }, d = (p) => {
-      a.value = p, o("hoverChange", p);
+      a.value = p, s("hoverChange", p);
     }, f = () => {
       n.value = null;
     }, g = () => {
@@ -2331,13 +2331,13 @@ const Ze = (e) => (xe("data-v-bc247383"), e = e(), $e(), e), en = ["onClick"], t
       (r(!0), u(F, null, ne(e.count, (h) => (r(), u("div", {
         class: z(["abl-rate-star", { "abl-rate-star-half": e.allowHalf && a.value >= h - 0.5 && a.value < h, "abl-rate-star-full": a.value >= h, "temp-gray": !e.allowHalf && n.value === h }]),
         style: M(`margin-right: ${h !== e.count ? e.gap : 0}px;`),
-        onClick: ($) => e.allowHalf ? v($) : s(h),
+        onClick: ($) => e.allowHalf ? v($) : o(h),
         key: h
       }, [
         e.allowHalf ? (r(), u("div", {
           key: 0,
           class: z(["abl-rate-star-first", { "temp-gray-first": n.value === h - 0.5 }]),
-          onClick: q(($) => s(h - 0.5), ["stop"]),
+          onClick: q(($) => o(h - 0.5), ["stop"]),
           onMouseenter: ($) => i(h - 0.5),
           onMouseleave: f
         }, [
@@ -2369,7 +2369,7 @@ const Ze = (e) => (xe("data-v-bc247383"), e = e(), $e(), e), en = ["onClick"], t
         ], 42, tn)) : O("", !0),
         c("div", {
           class: z(["abl-rate-star-second", { "temp-gray-second": n.value === h }]),
-          onClick: q(($) => s(h), ["stop"]),
+          onClick: q(($) => o(h), ["stop"]),
           onMouseenter: ($) => d(h),
           onMouseleave: f
         }, [
@@ -2425,14 +2425,14 @@ const vn = {
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: l }) {
-    const t = e, a = x(0), n = () => (a.value++, a.value), o = l, s = (i) => {
-      o("update:modelValue", i), o("change", i);
+    const t = e, a = x(0), n = () => (a.value++, a.value), s = l, o = (i) => {
+      s("update:modelValue", i), s("change", i);
     };
     return be(
       "CollapseKey",
       Ce({
         ...Te(t),
-        changeEvent: s
+        changeEvent: o
       })
     ), be("getChildIndex", n), (i, d) => (r(), u("view", {
       class: "abl-collapse__wrap",
@@ -2487,7 +2487,7 @@ const hn = { class: "abl-collapse__title" }, gn = { key: 0 }, bn = { class: "ico
   },
   emits: ["change"],
   setup(e, { emit: l }) {
-    const t = typeof window < "u" && typeof document < "u", a = x(), n = e, o = Ve("getChildIndex"), s = o == null ? void 0 : o(), i = x(null), d = x(0), f = Ve("CollapseKey", void 0), g = E(() => f.modelValue), v = E(() => f.iconType), p = E(() => Array.isArray(g.value) ? g.value.includes(n.name) : g.value === n.name), m = () => {
+    const t = typeof window < "u" && typeof document < "u", a = x(), n = e, s = Ve("getChildIndex"), o = s == null ? void 0 : s(), i = x(null), d = x(0), f = Ve("CollapseKey", void 0), g = E(() => f.modelValue), v = E(() => f.iconType), p = E(() => Array.isArray(g.value) ? g.value.includes(n.name) : g.value === n.name), m = () => {
       $();
     }, h = () => {
       if (p.value)
@@ -2507,7 +2507,7 @@ const hn = { class: "abl-collapse__title" }, gn = { key: 0 }, bn = { class: "ico
     }), st(() => {
       m();
     }), (w, b) => (r(), u("div", {
-      class: z(["abl-collapse-item", p.value && "abl-collapse-item__expand", e.isBorder && ae(s) > 1 && "abl-collapse-item__border"])
+      class: z(["abl-collapse-item", p.value && "abl-collapse-item__expand", e.isBorder && ae(o) > 1 && "abl-collapse-item__border"])
     }, [
       c("div", {
         onClick: b[0] || (b[0] = (_) => h(!p.value)),
@@ -2589,7 +2589,7 @@ const wn = { class: "abl-progress-text" }, xn = {
   },
   setup(e) {
     const l = e, t = E(() => typeof l.width == "number" ? l.width + "px" : l.width), a = E(() => typeof l.strokeColor == "string" ? l.strokeColor : `linear-gradient(to ${l.strokeColor.direction || "right"}, ${l.strokeColor["0%"] || l.strokeColor.from}, ${l.strokeColor["100%"] || l.strokeColor.to})`), n = E(() => l.format(`${l.percent > 100 ? 100 : l.percent}`));
-    return (o, s) => (r(), u("div", {
+    return (s, o) => (r(), u("div", {
       class: "abl-progress-line",
       style: M(`width: ${t.value};`)
     }, [
@@ -2609,7 +2609,7 @@ const wn = { class: "abl-progress-text" }, xn = {
       }, {
         default: oe(() => [
           c("span", wn, [
-            N(o.$slots, "format", { percent: e.percent }, () => [
+            N(s.$slots, "format", { percent: e.percent }, () => [
               Y(T(n.value), 1)
             ], !0)
           ])
@@ -2810,7 +2810,7 @@ const Rn = /* @__PURE__ */ c("div", {
   },
   emits: ["close"],
   setup(e, { emit: l }) {
-    const t = typeof window < "u" && typeof document < "u", a = e, n = E(() => a.previewSrcList.length), o = x(Array(n.value).fill(!1)), s = x(a.initialIndex), i = x(1), d = x(0), f = x(0), g = x(0), v = x(0), p = x(0), m = l, h = (H, P) => {
+    const t = typeof window < "u" && typeof document < "u", a = e, n = E(() => a.previewSrcList.length), s = x(Array(n.value).fill(!1)), o = x(a.initialIndex), i = x(1), d = x(0), f = x(0), g = x(0), v = x(0), p = x(0), m = l, h = (H, P) => {
       let U, ee;
       try {
         U = H.toString().split(".")[1].length;
@@ -2825,11 +2825,11 @@ const Rn = /* @__PURE__ */ c("div", {
       const K = Math.max(U, ee), J = Math.pow(10, K);
       return H = Math.round(H * J), P = Math.round(P * J), (H + P) / J;
     }, $ = (H) => {
-      o.value[H] = !0;
+      s.value[H] = !0;
     }, w = (H) => {
-      s.value = (s.value + 1) % n.value;
+      o.value = (o.value + 1) % n.value;
     }, b = (H) => {
-      s.value = (s.value - 1 + n.value) % n.value;
+      o.value = (o.value - 1 + n.value) % n.value;
     }, _ = () => {
       i.value + a.zoomRate > a.maxScale ? i.value = a.maxScale : i.value = h(i.value, a.zoomRate);
     }, A = () => {
@@ -2899,10 +2899,10 @@ const Rn = /* @__PURE__ */ c("div", {
                   }, null, 44, On),
                   N(H.$slots, "default"),
                   e.showProgress ? (r(), u("div", Mn, [
-                    c("div", En, T(`${s.value + 1}/${n.value}`), 1)
+                    c("div", En, T(`${o.value + 1}/${n.value}`), 1)
                   ])) : O("", !0)
                 ])), [
-                  [Q, s.value === ee]
+                  [Q, o.value === ee]
                 ])), 128))
               ], 4),
               n.value > 1 ? (r(), u(F, { key: 0 }, [
@@ -2996,9 +2996,9 @@ const lo = { class: "abl-image-wrap" }, ao = ["src"], Yt = {
     }
   },
   setup(e, { expose: l }) {
-    const t = e, a = x(!1), n = x(!1), o = x(null);
+    const t = e, a = x(!1), n = x(!1), s = x(null);
     x("");
-    const s = () => {
+    const o = () => {
       a.value = !0;
     }, i = () => {
       var v;
@@ -3028,16 +3028,16 @@ const lo = { class: "abl-image-wrap" }, ao = ["src"], Yt = {
         }, [
           t.lazy ? X((r(), u("img", Be({
             key: 0,
-            onLoad: s,
+            onLoad: o,
             ref_key: "imgRef",
-            ref: o
+            ref: s
           }, g), null, 16)), [
             [m, e.src]
           ]) : (r(), u("img", Be({
             key: 1,
-            onLoad: s,
+            onLoad: o,
             ref_key: "imgRef",
-            ref: o,
+            ref: s,
             src: e.src
           }, g), null, 16, ao))
         ], 4),
@@ -3122,11 +3122,11 @@ const no = {
   },
   setup(e) {
     const l = e, t = (n) => {
-      const { rowWidth: o } = l;
-      return o === wt && n === +l.row - 1 ? so : Array.isArray(o) ? o[n] : o;
+      const { rowWidth: s } = l;
+      return s === wt && n === +l.row - 1 ? so : Array.isArray(s) ? s[n] : s;
     }, a = E(() => Array(+l.row).fill(""));
-    return (n, o) => {
-      var s;
+    return (n, s) => {
+      var o;
       return r(), u("div", {
         class: z(["abl-skeleton", e.animate && "abl-skeleton-animate"])
       }, [
@@ -3139,7 +3139,7 @@ const no = {
               key: 0,
               width: "40%"
             })) : O("", !0),
-            ((s = a.value) == null ? void 0 : s.length) > 0 ? (r(!0), u(F, { key: 1 }, ne(a.value, (i, d) => (r(), ie(nt, {
+            ((o = a.value) == null ? void 0 : o.length) > 0 ? (r(!0), u(F, { key: 1 }, ne(a.value, (i, d) => (r(), ie(nt, {
               width: t(d)
             }, null, 8, ["width"]))), 256)) : O("", !0)
           ])
@@ -3251,19 +3251,19 @@ const vo = (e) => (xe("data-v-b0efe321"), e = e(), $e(), e), mo = ["onClick"], h
   emits: ["open", "close"],
   setup(e, { emit: l }) {
     var k;
-    const t = l, a = Ee(), n = typeof window < "u" && typeof document < "u", o = e, s = x([]);
+    const t = l, a = Ee(), n = typeof window < "u" && typeof document < "u", s = e, o = x([]);
     (k = a.default()) == null || k.forEach((y) => {
       const { props: L } = y;
       if (L) {
         const { title: I, disabled: j } = L;
-        s.value.push({
+        o.value.push({
           title: I,
           disabled: j
         });
       }
     });
     const i = x(), d = x(), f = x(!1), g = x(0), v = x(""), p = x(!1), m = (y) => typeof y == "number" ? y + "px" : y;
-    fe(
+    ue(
       () => f.value,
       (y) => {
         n && (y ? document.body.classList.add("abl-overflow-hidden") : document.body.classList.remove("abl-overflow-hidden"));
@@ -3274,11 +3274,11 @@ const vo = (e) => (xe("data-v-b0efe321"), e = e(), $e(), e), mo = ["onClick"], h
       }
     );
     const h = (y, L) => {
-      if (!s.value[L].disabled) {
-        if (L === v.value && o.closeOnClickSelf) {
+      if (!o.value[L].disabled) {
+        if (L === v.value && s.closeOnClickSelf) {
           w(), setTimeout(() => {
             d.value.children[L].style.display = "none";
-          }, o.duration);
+          }, s.duration);
           return;
         }
         p.value = !0, $(L);
@@ -3298,9 +3298,9 @@ const vo = (e) => (xe("data-v-b0efe321"), e = e(), $e(), e), mo = ["onClick"], h
       const { top: y, bottom: L } = (I = i == null ? void 0 : i.value) == null ? void 0 : I.getBoundingClientRect();
       L > 0 && (g.value = L - 1);
     }, _ = () => {
-      o.closeOnClickMask && w();
+      s.closeOnClickMask && w();
     }, A = Ce({
-      ...Te(o),
+      ...Te(s),
       onClose: w,
       current: v
     }), S = po(() => {
@@ -3321,7 +3321,7 @@ const vo = (e) => (xe("data-v-b0efe321"), e = e(), $e(), e), mo = ["onClick"], h
         ref_key: "dropdownMenuRef",
         ref: i
       }, [
-        (r(!0), u(F, null, ne(s.value, (I, j) => (r(), u("div", {
+        (r(!0), u(F, null, ne(o.value, (I, j) => (r(), u("div", {
           class: "abl-dropdown-menu__item",
           key: j,
           onClick: q((H) => h(I, j), ["stop"])
@@ -3431,8 +3431,8 @@ const $o = (e) => (xe("data-v-046e593c"), e = e(), $e(), e), ko = ["active"], Co
   setup(e, { emit: l }) {
     const t = Ve(Lo), a = x(!1);
     t != null && t.activeColor || x("#2979ff"), t != null && t.inactiveColor || x("#606266");
-    const n = e, o = l, s = (i) => {
-      t == null || t.onClose(), o("update:modelValue", i), o("change", i);
+    const n = e, s = l, o = (i) => {
+      t == null || t.onClose(), s("update:modelValue", i), s("change", i);
     };
     return (i, d) => (r(), u("div", {
       class: "abl-dropdown-item",
@@ -3446,7 +3446,7 @@ const $o = (e) => (xe("data-v-046e593c"), e = e(), $e(), e), ko = ["active"], Co
         c("div", Co, [
           (r(!0), u(F, null, ne(e.options, (f, g) => (r(), ie(Ut, {
             title: f.text,
-            onClick: (v) => s(f.value),
+            onClick: (v) => o(f.value),
             class: z(["abl-dropdown-item__option", n.modelValue === f.value && "abl-dropdown-item__option--active"])
           }, el({ _: 2 }, [
             n.modelValue === f.value ? {
@@ -3537,15 +3537,15 @@ const Mo = {
   },
   emits: ["update:modelValue", "focus", "blur", "clear"],
   setup(e, { expose: l, emit: t }) {
-    const a = e, n = t, o = x(), s = x(a.autofocus), i = x(!0), d = x(a.type), f = x(!1), g = E({
+    const a = e, n = t, s = x(), o = x(a.autofocus), i = x(!0), d = x(a.type), f = x(!1), g = E({
       get: () => a.modelValue,
       set: (b) => {
         n("update:modelValue", b);
       }
     }), v = () => {
-      s.value = !0, n("focus");
+      o.value = !0, n("focus");
     }, p = () => {
-      s.value = !1, n("blur");
+      o.value = !1, n("blur");
     }, m = () => {
       g.value = "", n("clear");
     }, h = () => {
@@ -3560,20 +3560,20 @@ const Mo = {
     return l({
       blur: () => {
         var b;
-        return (b = o.value) == null ? void 0 : b.blur();
+        return (b = s.value) == null ? void 0 : b.blur();
       },
       focus: () => {
         var b;
-        return (b = o.value) == null ? void 0 : b.focus();
+        return (b = s.value) == null ? void 0 : b.focus();
       },
       clear: m,
-      input: () => o.value
+      input: () => s.value
     }), (b, _) => (r(), u("div", {
       class: z(["abl-input", { "is-disabled": e.disabled }, { "abl-input-group": b.$slots.addonBefore || e.addonBefore || b.$slots.addonAfter || e.addonAfter }])
     }, [
       b.$slots.addonBefore || e.addonBefore ? (r(), u("span", Mo, T(e.addonBefore), 1)) : O("", !0),
       c("div", {
-        class: z(["abl-input__wrapper", { "is-focus": s.value }]),
+        class: z(["abl-input__wrapper", { "is-focus": o.value }]),
         onMouseenter: $,
         onMouseleave: w
       }, [
@@ -3586,7 +3586,7 @@ const Mo = {
         ])) : O("", !0),
         X(c("input", Be({
           ref_key: "inputRef",
-          ref: o,
+          ref: s,
           "onUpdate:modelValue": _[0] || (_[0] = (A) => g.value = A),
           class: "abl-input__inner",
           type: d.value,
@@ -3781,7 +3781,7 @@ const pt = (e) => (xe("data-v-12e7e74b"), e = e(), $e(), e), es = { class: "abl-
   },
   emits: ["update:fileList", "change", "remove"],
   setup(e, { emit: l }) {
-    const t = e, a = x([]), n = x(1), o = x(Array(t.maxCount).fill(!1)), s = x(), i = x();
+    const t = e, a = x([]), n = x(1), s = x(Array(t.maxCount).fill(!1)), o = x(), i = x();
     Ye(() => {
       d();
     });
@@ -3798,20 +3798,20 @@ const pt = (e) => (xe("data-v-12e7e74b"), e = e(), $e(), e), es = { class: "abl-
         const I = y.length;
         for (let j = 0; j < I && k + j <= t.maxCount; j++)
           h(y[j], k + j);
-        s.value[k].value = "";
+        o.value[k].value = "";
       }
     }, v = (S) => {
-      s.value[S].click();
+      o.value[S].click();
     }, p = (S, k) => {
       const y = S.target.files;
       if (y != null && y.length) {
         const L = y.length;
         for (let I = 0; I < L && k + I < t.maxCount; I++)
           h(y[I], k + I);
-        s.value[k].value = "";
+        o.value[k].value = "";
       }
     }, m = l, h = function(S, k) {
-      t.beforeUpload(S) ? (t.maxCount > n.value && n.value++, t.uploadMode === "base64" && (o.value[k] = !0, $(S, k)), t.uploadMode === "custom" && (o.value[k] = !0, w(S, k))) : ke(() => {
+      t.beforeUpload(S) ? (t.maxCount > n.value && n.value++, t.uploadMode === "base64" && (s.value[k] = !0, $(S, k)), t.uploadMode === "custom" && (s.value[k] = !0, w(S, k))) : ke(() => {
         A(t.errorInfo);
       });
     }, $ = (S, k) => {
@@ -3823,7 +3823,7 @@ const pt = (e) => (xe("data-v-12e7e74b"), e = e(), $e(), e), es = { class: "abl-
       }, y.onerror = function(L) {
         console.log("读取错误 onerror:", L);
       }, y.onprogress = function(L) {
-        L.loaded === L.total && (o.value[k] = !1);
+        L.loaded === L.total && (s.value[k] = !1);
       }, y.onload = function(L) {
         var I;
         a.value.push({
@@ -3839,7 +3839,7 @@ const pt = (e) => (xe("data-v-12e7e74b"), e = e(), $e(), e), es = { class: "abl-
       }).catch((y) => {
         t.maxCount > 1 && (n.value = a.value.length + 1), A(y);
       }).finally(() => {
-        o.value[k] = !1;
+        s.value[k] = !1;
       });
     }, b = (S, k) => {
       if (f(k)) {
@@ -3872,7 +3872,7 @@ const pt = (e) => (xe("data-v-12e7e74b"), e = e(), $e(), e), es = { class: "abl-
             c("input", {
               ref_for: !0,
               ref_key: "uploadInput",
-              ref: s,
+              ref: o,
               type: "file",
               onClick: k[0] || (k[0] = q(() => {
               }, ["stop"])),
@@ -3890,7 +3890,7 @@ const pt = (e) => (xe("data-v-12e7e74b"), e = e(), $e(), e), es = { class: "abl-
               ])
             ])
           ], 42, ls), [
-            [Q, !o.value[y - 1] && !a.value[y - 1]]
+            [Q, !s.value[y - 1] && !a.value[y - 1]]
           ]),
           X(c("div", ss, [
             re(Gt, {
@@ -3900,7 +3900,7 @@ const pt = (e) => (xe("data-v-12e7e74b"), e = e(), $e(), e), es = { class: "abl-
               size: "small"
             }, null, 8, ["tip"])
           ], 512), [
-            [Q, o.value[y - 1]]
+            [Q, s.value[y - 1]]
           ]),
           a.value[y - 1] ? (r(), u("div", is, [
             f(a.value[y - 1].url) ? (r(), ie(Yt, {
@@ -4015,62 +4015,52 @@ const gs = { class: "abl-select-warpper-content" }, bs = { class: "abl-select-ha
   emits: ["update:modelValue", "change"],
   setup(e, { emit: l }) {
     var V;
-    const t = ot(), a = Ee(), n = E(() => !!(t != null && t.slots.name)), o = E(() => !!(t != null && t.slots.option)), s = e;
-    s == null || s.options.map((C) => {
-      C.name = C[s.parames.name], C.value = C[s.parames.value];
-    });
-    let i = s != null && s.options ? s == null ? void 0 : s.options : [];
-    s.type == "single" ? s == null || s.options.map((C) => {
-      C.value == s.modelValue && (C.selected = !0);
-    }) : s == null || s.options.map((C) => {
-      s.modelValue.map((B) => {
-        C.value == B && (C.selected = !0);
-      });
-    });
+    const t = ot(), a = Ee(), n = E(() => !!(t != null && t.slots.name)), s = E(() => !!(t != null && t.slots.option)), o = e;
+    let i = o != null && o.options ? o == null ? void 0 : o.options : [];
     const d = l, f = Ce({
       effect: "light",
       pure: !0,
       trigger: "click",
       transitionName: "abl-select-menu"
-    }), g = x(""), v = x(), p = x(null), m = x(""), h = x(), $ = x(s.modelValue), w = x(!1), b = E(() => {
+    }), g = x(""), v = x(), p = x(null), m = x(""), h = x(), $ = x(o.modelValue), w = x(!1), b = E(() => {
       var B;
       return { width: (((B = v.value) == null ? void 0 : B.getBoundingClientRect().width) || 0) + "px" };
     }), _ = Ce({
-      list: s == null ? void 0 : s.options
+      list: o == null ? void 0 : o.options
     }), A = x(!1), S = x(
-      s.search && m.value === "focus" && A.value
-    ), k = x(s.disabled), y = x(s.mode === "tag"), L = x(""), I = Ce(
-      (V = s == null ? void 0 : s.options) == null ? void 0 : V.filter((C) => C.selected === !0)
+      o.search && m.value === "focus" && A.value
+    ), k = x(o.disabled), y = x(o.mode === "tag"), L = x(""), I = Ce(
+      (V = o == null ? void 0 : o.options) == null ? void 0 : V.filter((C) => C.selected === !0)
     ), j = () => (a == null ? void 0 : a.default) && (a == null ? void 0 : a.default()) || [], H = () => {
       var C;
       try {
         a.default && (_.list = [], (C = a.default()) == null || C.map((B) => {
           var R;
           if (B.props) {
-            const { value: W, name: D, img: le, iconColor: de } = B.props;
+            const { value: W, name: D, img: le, iconColor: fe } = B.props;
             _.list.push({
               value: W,
               name: D,
               img: le,
-              iconColor: de
+              iconColor: fe
             }), $.value === W && I.push({
               value: W,
               name: D,
               img: le,
-              iconColor: de
+              iconColor: fe
             });
           } else
             ((R = B == null ? void 0 : B.children) == null ? void 0 : R.length) > 0 && B.children.map((W) => {
-              const { value: D, name: le, img: de, iconColor: me } = W.props;
+              const { value: D, name: le, img: fe, iconColor: me } = W.props;
               _.list.push({
                 value: D,
                 name: le,
-                img: de,
+                img: fe,
                 iconColor: me
               }), $.value === D && (I.splice(0, I.length), I.push({
                 value: D,
                 name: le,
-                img: de,
+                img: fe,
                 iconColor: me
               }));
             });
@@ -4079,7 +4069,7 @@ const gs = { class: "abl-select-warpper-content" }, bs = { class: "abl-select-ha
         console.log(B);
       }
     };
-    fe(j, (C) => {
+    ue(j, (C) => {
       ke(() => {
         H();
       });
@@ -4099,7 +4089,7 @@ const gs = { class: "abl-select-warpper-content" }, bs = { class: "abl-select-ha
         _.list = B;
       }
     }, U = (C) => {
-      s.disabled || (A.value = !0, C.stopPropagation(), m.value === "focus" ? m.value = "blur" : m.value = "focus", setTimeout(() => {
+      o.disabled || (A.value = !0, C.stopPropagation(), m.value === "focus" ? m.value = "blur" : m.value = "focus", setTimeout(() => {
         const B = document.querySelector("#abl-select .abl-options-item-active");
         B == null || B.scrollIntoView({
           behavior: "auto",
@@ -4108,7 +4098,7 @@ const gs = { class: "abl-select-warpper-content" }, bs = { class: "abl-select-ha
       }, 100));
     }, ee = (C, B) => {
       var W;
-      if (s.disabled)
+      if (o.disabled)
         return;
       if (C.name == g.value) {
         h.value.close();
@@ -4116,7 +4106,7 @@ const gs = { class: "abl-select-warpper-content" }, bs = { class: "abl-select-ha
       }
       A.value = !1, B.stopPropagation(), (W = p.value) == null || W.blur();
       let R = null;
-      if (s.type === "single")
+      if (o.type === "single")
         m.value = "blur", I[0] && I[0].value === C.value ? I.shift() : I[0] = C, R = C.value;
       else {
         R || (R = []);
@@ -4141,30 +4131,40 @@ const gs = { class: "abl-select-warpper-content" }, bs = { class: "abl-select-ha
     }, te = () => {
       _.list = i, w.value = !0;
     }, se = () => {
-      s.type == "single" ? (d("update:modelValue", ""), d("change", "")) : (d("update:modelValue", []), d("change", [])), I.splice(0, I.length);
+      o.type == "single" ? (d("update:modelValue", ""), d("change", "")) : (d("update:modelValue", []), d("change", [])), I.splice(0, I.length);
     };
-    return fe(
+    return ue(
       A,
       (C) => {
-        S.value = s.search && m.value === "focus" && C;
+        S.value = o.search && m.value === "focus" && C;
       },
       { immediate: !0, deep: !0 }
-    ), fe(
+    ), ue(
       I,
       (C) => {
         C.length == 0 ? g.value = "" : g.value = C.map((B) => B == null ? void 0 : B.name).join(",");
       },
       { immediate: !0, deep: !0 }
-    ), we(() => {
-      fe(m, (C) => {
+    ), ue(() => o == null ? void 0 : o.options, () => {
+      o == null || o.options.map((C) => {
+        C.name = C[o.parames.name], C.value = C[o.parames.value];
+      }), i = o == null ? void 0 : o.options, o.type == "single" ? o == null || o.options.map((C) => {
+        C.value == o.modelValue && (C.selected = !0);
+      }) : o == null || o.options.map((C) => {
+        o.modelValue.map((B) => {
+          C.value == B && (C.selected = !0);
+        });
+      }), _.list = o == null ? void 0 : o.options;
+    }, { immediate: !0, deep: !0 }), we(() => {
+      ue(m, (C) => {
         var B, R;
-        C === "focus" ? (B = p.value) == null || B.focus() : (R = p.value) == null || R.blur(), S.value = s.search && C === "focus" && A;
+        C === "focus" ? (B = p.value) == null || B.focus() : (R = p.value) == null || R.blur(), S.value = o.search && C === "focus" && A;
       }), document.body.addEventListener("click", () => {
         m.value = "blur";
       });
-    }), fe(() => s.modelValue, async () => {
-      $.value = s.modelValue, $.value == "" && (g.value = "", I.splice(0, 1)), _.list.map((C) => {
-        C.value == s.modelValue && (I.splice(0, I.length), I.push({
+    }), ue(() => o.modelValue, async () => {
+      $.value = o.modelValue, $.value == "" && (g.value = "", I.splice(0, 1)), _.list.map((C) => {
+        C.value == o.modelValue && (I.splice(0, I.length), I.push({
           value: C.value,
           name: C.name,
           img: C.img,
@@ -4192,7 +4192,7 @@ const gs = { class: "abl-select-warpper-content" }, bs = { class: "abl-select-ha
             style: M(b.value),
             id: "abl-select"
           }, [
-            o.value ? (r(), u(F, { key: 1 }, [
+            s.value ? (r(), u(F, { key: 1 }, [
               _.list.length > 0 ? (r(!0), u(F, { key: 0 }, ne(_.list, (R, W) => (r(), u("div", {
                 class: z(["abl-select-options-item", I.some((D) => D.value === R.value) ? "abl-options-item-active" : ""]),
                 key: R.name + R.value + "slot",
@@ -4284,7 +4284,7 @@ const gs = { class: "abl-select-warpper-content" }, bs = { class: "abl-select-ha
                 X(c("i", Cs, null, 512), [
                   [Q, m.value === "focus"]
                 ]),
-                s.clearable ? (r(), u("i", {
+                o.clearable ? (r(), u("i", {
                   key: 0,
                   class: "iconfont-abl icon-abl-close",
                   onClick: q(se, ["stop"])
@@ -4297,7 +4297,7 @@ const gs = { class: "abl-select-warpper-content" }, bs = { class: "abl-select-ha
       }, 16, ["disabled", "zIndex", "popperClass"])
     ], 512));
   }
-}, xt = /* @__PURE__ */ G(As, [["__scopeId", "data-v-88adc9aa"]]);
+}, xt = /* @__PURE__ */ G(As, [["__scopeId", "data-v-c9f7874e"]]);
 const zs = { class: "abl-header" }, Rs = { class: "abl-title" }, Ns = { class: "abl-extra" }, Os = { key: 0 }, Ms = ["colspan"], Es = { key: 1 }, Ts = {
   __name: "index",
   props: {
@@ -4342,14 +4342,14 @@ const zs = { class: "abl-header" }, Rs = { class: "abl-title" }, Ns = { class: "
     }
   },
   setup(e) {
-    const l = e, t = x(l.col), a = x(), n = x(), o = x(), s = x(), i = x([]), d = E(() => i.value.length);
+    const l = e, t = x(l.col), a = x(), n = x(), s = x(), o = x(), i = x([]), d = E(() => i.value.length);
     Ye(() => {
       a.value && (l.bordered ? n.value = Array.from(a.value.children).filter((p) => p.className === "abl-desc-item-bordered") : n.value = Array.from(a.value.children).filter((p) => p.className === "abl-desc-item"));
-    }, { flush: "post" }), fe(n, (p) => {
+    }, { flush: "post" }), ue(n, (p) => {
       i.value = [], ke(() => {
         f(p, t.value);
       });
-    }), fe(t, (p) => {
+    }), ue(t, (p) => {
       i.value = [], ke(() => {
         f(n.value, p);
       });
@@ -4374,7 +4374,7 @@ const zs = { class: "abl-header" }, Rs = { class: "abl-title" }, Ns = { class: "
             const A = Array.from(_.element.children), S = A[0].cloneNode(!0);
             S.colSpan = 1, v(S, l.labelStyle), v(S, JSON.parse(_.element.dataset.labelStyle));
             const k = A[1].cloneNode(!0);
-            k.colSpan = _.span * 2 - 1, v(k, l.contentStyle), v(k, JSON.parse(_.element.dataset.contentStyle)), s.value[b].appendChild(S), s.value[b].appendChild(k);
+            k.colSpan = _.span * 2 - 1, v(k, l.contentStyle), v(k, JSON.parse(_.element.dataset.contentStyle)), o.value[b].appendChild(S), o.value[b].appendChild(k);
           });
         });
       }) : ke(() => {
@@ -4382,7 +4382,7 @@ const zs = { class: "abl-header" }, Rs = { class: "abl-title" }, Ns = { class: "
           const _ = Array.from(w.children), A = _[0];
           v(A, l.labelStyle), v(A, JSON.parse(w.dataset.labelStyle));
           const S = _[1];
-          v(S, l.contentStyle), v(S, JSON.parse(w.dataset.contentStyle)), o.value[b].appendChild(w);
+          v(S, l.contentStyle), v(S, JSON.parse(w.dataset.contentStyle)), s.value[b].appendChild(w);
         });
       });
     }
@@ -4425,7 +4425,7 @@ const zs = { class: "abl-header" }, Rs = { class: "abl-title" }, Ns = { class: "
             d.value ? (r(!0), u(F, { key: 0 }, ne(d.value, (h) => (r(), u("tr", {
               ref_for: !0,
               ref_key: "rows",
-              ref: s,
+              ref: o,
               class: "tr-bordered",
               key: h
             }))), 128)) : O("", !0)
@@ -4434,7 +4434,7 @@ const zs = { class: "abl-header" }, Rs = { class: "abl-title" }, Ns = { class: "
               (r(!0), u(F, null, ne(h, (w, b) => (r(), u("td", {
                 ref_for: !0,
                 ref_key: "cols",
-                ref: o,
+                ref: s,
                 class: "abl-item-td",
                 colspan: w.span,
                 key: b
@@ -4509,13 +4509,13 @@ function Ys(e, l) {
   return e > l && e > $t ? "horizontal" : l > e && l > $t ? "vertical" : "";
 }
 function Ks() {
-  const e = x(0), l = x(0), t = x(0), a = x(0), n = x(0), o = x(0), s = x(0), i = x(0), d = x(""), f = () => d.value === "vertical", g = () => d.value === "horizontal", v = () => {
-    n.value = 0, o.value = 0, s.value = 0, i.value = 0, d.value = "";
+  const e = x(0), l = x(0), t = x(0), a = x(0), n = x(0), s = x(0), o = x(0), i = x(0), d = x(""), f = () => d.value === "vertical", g = () => d.value === "horizontal", v = () => {
+    n.value = 0, s.value = 0, o.value = 0, i.value = 0, d.value = "";
   };
   return {
     move: (h) => {
       const $ = h.type.startsWith("touch") ? h.touches[0] : h;
-      n.value = $.clientX - e.value, o.value = $.clientY - l.value, t.value = $.clientX, a.value = $.clientY, s.value = Math.abs(n.value), i.value = Math.abs(o.value), d.value || (d.value = Ys(s.value, i.value));
+      n.value = $.clientX - e.value, s.value = $.clientY - l.value, t.value = $.clientX, a.value = $.clientY, o.value = Math.abs(n.value), i.value = Math.abs(s.value), d.value || (d.value = Ys(o.value, i.value));
     },
     start: (h) => {
       v(), console.log(h.clientX), e.value = h.type.startsWith("touch") ? h.touches[0].clientX : h.clientX, l.value = h.type.startsWith("touch") ? h.touches[0].clientY : h.clientY;
@@ -4526,8 +4526,8 @@ function Ks() {
     moveX: t,
     moveY: a,
     deltaX: n,
-    deltaY: o,
-    offsetX: s,
+    deltaY: s,
+    offsetX: o,
     offsetY: i,
     direction: d,
     isVertical: f,
@@ -4628,7 +4628,7 @@ const Jt = (e) => (xe("data-v-349f6091"), e = e(), $e(), e), Js = {
   ],
   setup(e, { emit: l }) {
     const t = e, a = l, n = x(0);
-    let o, s;
+    let s, o;
     const i = x(), d = x(), f = Ks();
     x(), x(), x([]);
     const g = E(() => {
@@ -4676,10 +4676,10 @@ const Jt = (e) => (xe("data-v-349f6091"), e = e(), $e(), e), Js = {
         D = me, le = Oe;
       } else
         le = B;
-      let de = V <= +le && V >= D;
+      let fe = V <= +le && V >= D;
       return {
         [`${C}-text`]: !0,
-        [`${C}-text-active`]: de
+        [`${C}-text-active`]: fe
       };
     }, y = (V) => {
       const { min: C, vertical: B } = t;
@@ -4703,7 +4703,7 @@ const Jt = (e) => (xe("data-v-349f6091"), e = e(), $e(), e), Js = {
       const { min: C, max: B, step: R } = t;
       return V = Math.max(+C, Math.min(V, +B)), Math.round(V / +R) * +R;
     }, j = (V, C) => JSON.stringify(V) === JSON.stringify(C), H = (V) => V[0] > V[1] ? V.slice(0).reverse() : V, P = (V, C) => {
-      b(V) ? V = H(V).map(I) : V = I(V), j(V, t.modelValue) || a("update:modelValue", V), C && !j(V, o) && a("change", V);
+      b(V) ? V = H(V).map(I) : V = I(V), j(V, t.modelValue) || a("update:modelValue", V), C && !j(V, s) && a("change", V);
     }, U = (V) => {
       if (t.disabled || d.value === "draging")
         return;
@@ -4713,8 +4713,8 @@ const Jt = (e) => (xe("data-v-349f6091"), e = e(), $e(), e), Js = {
       t.vertical && (W = V.clientY - R.top, D = R.height);
       const le = Number(C) + W / D * v.value;
       if (b(B)) {
-        const [de, me] = B, Oe = (de + me) / 2;
-        le <= Oe ? (n.value = 0, P([le, me], !0)) : (n.value = 1, P([de, le], !0));
+        const [fe, me] = B, Oe = (fe + me) / 2;
+        le <= Oe ? (n.value = 0, P([le, me], !0)) : (n.value = 1, P([fe, le], !0));
       } else
         P(le, !0);
       setTimeout(() => {
@@ -4723,16 +4723,16 @@ const Jt = (e) => (xe("data-v-349f6091"), e = e(), $e(), e), Js = {
     }, ee = () => {
       w.value = !1;
     }, K = (V) => {
-      t.disabled || (f.start(V), s = t.modelValue, b(s) ? o = s.map(I) : o = I(s), d.value = "start");
+      t.disabled || (f.start(V), o = t.modelValue, b(o) ? s = o.map(I) : s = I(o), d.value = "start");
     }, J = (V) => {
       if (t.disabled)
         return;
       d.value === "start" && a("dragStart"), f.move(V), d.value = "draging", V.type.startsWith("touch") && (w.value = !0);
       const C = kt(i);
       let B = f.deltaX.value, R = C.width, W = B / R * v.value;
-      t.vertical && (B = f.deltaY.value, R = C.height, W = B / R * v.value), b(o) ? s[n.value] = o[n.value] + W : s = o + W, P(s);
+      t.vertical && (B = f.deltaY.value, R = C.height, W = B / R * v.value), b(s) ? o[n.value] = s[n.value] + W : o = s + W, P(o);
     }, Z = (V) => {
-      t.disabled || d.value === "draging" && (P(s, !0), a("dragEnd"), window.removeEventListener("mousemove", J), window.removeEventListener("touchmove", J), window.removeEventListener("mouseup", Z), window.removeEventListener("touchend", Z), window.removeEventListener("contextmenu", Z), V.type.startsWith("touch") && (w.value = !1), setTimeout(() => {
+      t.disabled || d.value === "draging" && (P(o, !0), a("dragEnd"), window.removeEventListener("mousemove", J), window.removeEventListener("touchmove", J), window.removeEventListener("mouseup", Z), window.removeEventListener("touchend", Z), window.removeEventListener("contextmenu", Z), V.type.startsWith("touch") && (w.value = !1), setTimeout(() => {
         d.value = "";
       }));
     }, te = (V) => {
@@ -4892,10 +4892,10 @@ const si = { class: "abl-pagination-wrap" }, ii = {
   },
   emits: ["change", "jump", "update:current"],
   setup(e, { emit: l }) {
-    const t = e, a = Ee(), n = x(t.current), o = x(!1), s = x(!1), i = E(() => Math.ceil(t.total / t.pageSize)), d = E(() => g(n.value).filter(
+    const t = e, a = Ee(), n = x(t.current), s = x(!1), o = x(!1), i = E(() => Math.ceil(t.total / t.pageSize)), d = E(() => g(n.value).filter(
       (h) => h !== 1 && h !== i.value
     )), f = l;
-    fe(n, (h) => {
+    ue(n, (h) => {
       f("update:current", h), f("change", h, t.pageSize);
     });
     const g = (h) => {
@@ -4903,7 +4903,7 @@ const si = { class: "abl-pagination-wrap" }, ii = {
         start: h - w,
         end: h + w
       };
-      b.start < 1 && (b.end = b.end + (1 - b.start), b.start = 1), b.end > i.value && (b.start = b.start - (b.end - i.value), b.end = i.value), b.start < 1 && (b.start = 1), b.start > 1 ? o.value = !0 : o.value = !1, b.end < i.value ? s.value = !0 : s.value = !1;
+      b.start < 1 && (b.end = b.end + (1 - b.start), b.start = 1), b.end > i.value && (b.start = b.start - (b.end - i.value), b.end = i.value), b.start < 1 && (b.start = 1), b.start > 1 ? s.value = !0 : s.value = !1, b.end < i.value ? o.value = !0 : o.value = !1;
       for (let _ = b.start; _ <= b.end; _++)
         $.push(_);
       return $;
@@ -4948,7 +4948,7 @@ const si = { class: "abl-pagination-wrap" }, ii = {
           ref: "forward",
           onClick: v
         }, di, 512), [
-          [Q, o.value && d.value[0] - 1 > 1]
+          [Q, s.value && d.value[0] - 1 > 1]
         ]),
         (r(!0), u(F, null, ne(d.value, (w, b) => (r(), u("li", {
           class: z(["abl-pagination-item", { active: n.value === w }]),
@@ -4967,7 +4967,7 @@ const si = { class: "abl-pagination-wrap" }, ii = {
           ref: "backward",
           onClick: p
         }, mi, 512), [
-          [Q, s.value && d.value[d.value.length - 1] + 1 < i.value]
+          [Q, o.value && d.value[d.value.length - 1] + 1 < i.value]
         ]),
         X(c("li", {
           class: z(["abl-pagination-item", { active: n.value === i.value }]),
@@ -5020,9 +5020,9 @@ const bi = { class: "abl-search" }, yi = { class: "abl-search__wrapper" }, _i =
       set: (d) => {
         t("update:modelValue", d);
       }
-    }), o = () => {
+    }), s = () => {
       n.value = "";
-    }, s = () => {
+    }, o = () => {
       t("search");
     }, i = () => {
       t("cancel");
@@ -5031,10 +5031,10 @@ const bi = { class: "abl-search" }, yi = { class: "abl-search__wrapper" }, _i =
       c("div", yi, [
         c("i", {
           class: "iconfont-abl icon-abl-sousuo",
-          onClick: s
+          onClick: o
         }),
         X(c("input", {
-          onKeyup: It(s, ["enter"]),
+          onKeyup: It(o, ["enter"]),
           ref: "inputRef",
           "onUpdate:modelValue": f[0] || (f[0] = (g) => n.value = g),
           class: "abl-seacrh__inner",
@@ -5044,7 +5044,7 @@ const bi = { class: "abl-search" }, yi = { class: "abl-search__wrapper" }, _i =
         ]),
         X(c("i", {
           class: "iconfont-abl icon-abl-untitled96",
-          onClick: q(o, ["stop"])
+          onClick: q(s, ["stop"])
         }, null, 512), [
           [Q, n.value]
         ])
@@ -5099,8 +5099,8 @@ const Si = { class: "abl-breadcrumb__item" }, Vi = {
       const n = typeof t.to == "object" ? t.to.path : t.to;
       t.replace ? window.location.replace(n) : window.location.href = n;
     };
-    return (n, o) => {
-      var s;
+    return (n, s) => {
+      var o;
       return r(), u("span", Si, [
         c("span", {
           class: z(["abl-breadcrumb__inner", {
@@ -5110,7 +5110,7 @@ const Si = { class: "abl-breadcrumb__item" }, Vi = {
         }, [
           N(n.$slots, "default")
         ], 2),
-        (s = ae(l)) != null && s.separatorIcon ? (r(), u("i", Vi, [
+        (o = ae(l)) != null && o.separatorIcon ? (r(), u("i", Vi, [
           (r(), ie(Bt(ae(l).separatorIcon)))
         ])) : (r(), u("span", Bi, T(ae(l).separator), 1))
       ]);