@hinen/pro-element-plus 1.7.16 → 1.7.17

package/dist/index.js

@@ -1,5 +1,5 @@
-import { getCurrentScope as br, onScopeDispose as yr, onMounted as je, nextTick as He, watch as Z, getCurrentInstance as Ke, hasInjectionContext as hr, inject as Ot, toValue as H, computed as F, ref as k, shallowRef as R, watchEffect as _e, unref as p, defineComponent as _, useCssVars as wr, createBlock as A, openBlock as $, withCtx as b, resolveDynamicComponent as ze, mergeProps as O, renderSlot as S, createElementBlock as x, createElementVNode as q, useSlots as Se, onBeforeUnmount as $r, createSlots as z, normalizeClass as ke, toDisplayString as ne, createVNode as j, normalizeProps as N, guardReactiveProps as V, renderList as L, Fragment as le, createCommentVNode as ee, warn as Oo, createTextVNode as me, provide as Sr, withDirectives as tt, withModifiers as _t, vShow as zt, toRef as Ro, readonly as Fo, customRef as Ao, useId as ko, h as dt, onActivated as Io, onDeactivated as Do, resolveComponent as Cr } from "vue";
-import { ElTooltip as Rt, formItemProps as jo, ElFormItem as Tr, ElIcon as Ae, inputProps as Bo, inputEmits as Mo, ElInput as Lo, inputNumberProps as No, inputNumberEmits as Vo, ElInputNumber as _o, selectProps as ht, ElSelect as Pr, ElOptionGroup as Er, ElOption as rt, checkboxGroupProps as zo, checkboxGroupEmits as xo, ElCheckboxGroup as Wo, ElCheckbox as Ho, radioGroupProps as Go, radioGroupEmits as Uo, ElRadioGroup as qo, ElRadio as Ko, switchProps as Qo, switchEmits as Yo, ElSwitch as Xo, cascaderProps as Jo, cascaderEmits as Zo, ElCascader as en, datePickerProps as tn, ElDatePicker as rn, timePickerDefaultProps as on, ElTimePicker as nn, inputTagProps as ln, inputTagEmits as an, ElInputTag as sn, ElTreeSelect as Ft, rateProps as un, rateEmits as fn, ElRate as dn, autocompleteProps as pn, autocompleteEmits as cn, ElAutocomplete as mn, formProps as vn, formEmits as gn, useLocale as Be, useFormItem as bn, DEFAULT_FORMATS_DATEPICKER as yn, DEFAULT_FORMATS_DATE as hn, DEFAULT_FORMATS_TIME as wn, ElForm as xt, ElButton as he, ElTableColumn as $n, ElTable as Sn, ElEmpty as Wt, vLoading as Cn, ElAffix as Tn, ElPagination as Ht, ElTag as Pn, dialogProps as En, dialogEmits as On, ElDialog as Rn, ElScrollbar as Fn, imageProps as An, imageEmits as kn, ElImage as In, drawerProps as Dn, drawerEmits as jn, ElDrawer as Bn } from "element-plus";
+import { getCurrentScope as br, onScopeDispose as yr, onMounted as je, nextTick as He, watch as Z, getCurrentInstance as Ke, hasInjectionContext as hr, inject as Ot, toValue as W, computed as R, ref as k, shallowRef as F, watchEffect as _e, unref as p, defineComponent as _, useCssVars as wr, createBlock as A, openBlock as $, withCtx as b, resolveDynamicComponent as ze, mergeProps as O, renderSlot as S, createElementBlock as x, createElementVNode as q, useSlots as Se, onBeforeUnmount as $r, createSlots as z, normalizeClass as ke, toDisplayString as ne, createVNode as j, normalizeProps as N, guardReactiveProps as V, renderList as L, Fragment as le, createCommentVNode as ee, warn as Oo, createTextVNode as me, provide as Sr, withDirectives as tt, withModifiers as _t, vShow as zt, toRef as Ro, readonly as Fo, customRef as Ao, useId as ko, h as pt, onActivated as Io, onDeactivated as Do, resolveComponent as Cr } from "vue";
+import { ElTooltip as Rt, formItemProps as jo, ElFormItem as Tr, ElIcon as Ae, inputProps as Bo, inputEmits as Mo, ElInput as Lo, inputNumberProps as No, inputNumberEmits as Vo, ElInputNumber as _o, selectProps as wt, ElSelect as Pr, ElOptionGroup as Er, ElOption as rt, checkboxGroupProps as zo, checkboxGroupEmits as xo, ElCheckboxGroup as Wo, ElCheckbox as Ho, radioGroupProps as Go, radioGroupEmits as Uo, ElRadioGroup as qo, ElRadio as Ko, switchProps as Qo, switchEmits as Yo, ElSwitch as Xo, cascaderProps as Jo, cascaderEmits as Zo, ElCascader as en, datePickerProps as tn, ElDatePicker as rn, timePickerDefaultProps as on, ElTimePicker as nn, inputTagProps as ln, inputTagEmits as an, ElInputTag as sn, ElTreeSelect as Ft, rateProps as un, rateEmits as fn, ElRate as dn, autocompleteProps as pn, autocompleteEmits as cn, ElAutocomplete as mn, formProps as vn, formEmits as gn, useLocale as Be, useFormItem as bn, DEFAULT_FORMATS_DATEPICKER as yn, DEFAULT_FORMATS_DATE as hn, DEFAULT_FORMATS_TIME as wn, ElForm as xt, ElButton as he, ElTableColumn as $n, ElTable as Sn, ElEmpty as Wt, vLoading as Cn, ElAffix as Tn, ElPagination as Ht, ElTag as Pn, dialogProps as En, dialogEmits as On, ElDialog as Rn, ElScrollbar as Fn, imageProps as An, imageEmits as kn, ElImage as In, drawerProps as Dn, drawerEmits as jn, ElDrawer as Bn } from "element-plus";
 import { css as Or } from "@emotion/css";
 import Je from "dayjs";
 import { useQuery as Mn } from "@pinia/colada";
@@ -95,12 +95,12 @@ const Ln = {
 function At(e) {
   return br() ? (yr(e), !0) : !1;
 }
-const pt = /* @__PURE__ */ new WeakMap(), _n = (...e) => {
+const ct = /* @__PURE__ */ new WeakMap(), _n = (...e) => {
   var t;
   const n = e[0], r = (t = Ke()) == null ? void 0 : t.proxy;
   if (r == null && !hr())
     throw new Error("injectLocal must be called in setup");
-  return r && pt.has(r) && n in pt.get(r) ? pt.get(r)[n] : Ot(...e);
+  return r && ct.has(r) && n in ct.get(r) ? ct.get(r)[n] : Ot(...e);
 }, zn = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
 const xn = (e) => e != null, Wn = Object.prototype.toString, Rr = (e) => Wn.call(e) === "[object Object]", Gt = () => {
@@ -120,11 +120,11 @@ function Gn(e, t = {}) {
   };
   let a;
   return (l) => {
-    const s = H(e), d = H(t.maxWait);
-    return n && i(n), s <= 0 || d !== void 0 && d <= 0 ? (r && (i(r), r = null), Promise.resolve(l())) : new Promise((v, g) => {
-      u = t.rejectOnCancel ? g : v, a = l, d && !r && (r = setTimeout(() => {
+    const s = W(e), f = W(t.maxWait);
+    return n && i(n), s <= 0 || f !== void 0 && f <= 0 ? (r && (i(r), r = null), Promise.resolve(l())) : new Promise((v, g) => {
+      u = t.rejectOnCancel ? g : v, a = l, f && !r && (r = setTimeout(() => {
         n && i(n), r = null, v(a());
-      }, d)), n = setTimeout(() => {
+      }, f)), n = setTimeout(() => {
         r && i(r), r = null, v(l());
       }, s);
     });
@@ -161,30 +161,30 @@ function Kn(e, t, n) {
 const Me = zn ? window : void 0;
 function pe(e) {
   var t;
-  const n = H(e);
+  const n = W(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
 function Ie(...e) {
   const t = [], n = () => {
     t.forEach((o) => o()), t.length = 0;
-  }, r = (o, l, s, d) => (o.addEventListener(l, s, d), () => o.removeEventListener(l, s, d)), u = F(() => {
-    const o = xe(H(e[0])).filter((l) => l != null);
+  }, r = (o, l, s, f) => (o.addEventListener(l, s, f), () => o.removeEventListener(l, s, f)), u = R(() => {
+    const o = xe(W(e[0])).filter((l) => l != null);
     return o.every((l) => typeof l != "string") ? o : void 0;
   }), i = Kn(
     () => {
       var o, l;
       return [
         (l = (o = u.value) == null ? void 0 : o.map((s) => pe(s))) != null ? l : [Me].filter((s) => s != null),
-        xe(H(u.value ? e[1] : e[0])),
+        xe(W(u.value ? e[1] : e[0])),
         xe(p(u.value ? e[2] : e[1])),
         // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        H(u.value ? e[3] : e[2])
+        W(u.value ? e[3] : e[2])
       ];
     },
-    ([o, l, s, d]) => {
+    ([o, l, s, f]) => {
       if (n(), !(o != null && o.length) || !(l != null && l.length) || !(s != null && s.length))
         return;
-      const v = Rr(d) ? { ...d } : d;
+      const v = Rr(f) ? { ...f } : f;
       t.push(
         ...o.flatMap(
           (g) => l.flatMap(
@@ -200,22 +200,22 @@ function Ie(...e) {
   return At(n), a;
 }
 function Qn() {
-  const e = R(!1), t = Ke();
+  const e = F(!1), t = Ke();
   return t && je(() => {
     e.value = !0;
   }, t), e;
 }
 function It(e) {
   const t = Qn();
-  return F(() => (t.value, !!e()));
+  return R(() => (t.value, !!e()));
 }
 function Fr(e, t, n = {}) {
   const { window: r = Me, ...u } = n;
   let i;
   const a = It(() => r && "MutationObserver" in r), o = () => {
     i && (i.disconnect(), i = void 0);
-  }, l = F(() => {
-    const g = H(e), w = xe(g).map(pe).filter(xn);
+  }, l = R(() => {
+    const g = W(e), w = xe(g).map(pe).filter(xn);
     return new Set(w);
   }), s = Z(
     () => l.value,
@@ -223,13 +223,13 @@ function Fr(e, t, n = {}) {
       o(), a.value && g.size && (i = new MutationObserver(t), g.forEach((w) => i.observe(w, u)));
     },
     { immediate: !0, flush: "post" }
-  ), d = () => i == null ? void 0 : i.takeRecords(), v = () => {
+  ), f = () => i == null ? void 0 : i.takeRecords(), v = () => {
     s(), o();
   };
   return At(v), {
     isSupported: a,
     stop: v,
-    takeRecords: d
+    takeRecords: f
   };
 }
 const Yn = Symbol("vueuse-ssr-width");
@@ -238,30 +238,30 @@ function Xn() {
   return typeof e == "number" ? e : void 0;
 }
 function Jn(e, t = {}) {
-  const { window: n = Me, ssrWidth: r = Xn() } = t, u = It(() => n && "matchMedia" in n && typeof n.matchMedia == "function"), i = k(typeof r == "number"), a = R(), o = R(!1), l = (s) => {
+  const { window: n = Me, ssrWidth: r = Xn() } = t, u = It(() => n && "matchMedia" in n && typeof n.matchMedia == "function"), i = k(typeof r == "number"), a = F(), o = F(!1), l = (s) => {
     o.value = s.matches;
   };
   return _e(() => {
     if (i.value) {
       i.value = !u.value;
-      const s = H(e).split(",");
-      o.value = s.some((d) => {
-        const v = d.includes("not all"), g = d.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), w = d.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
+      const s = W(e).split(",");
+      o.value = s.some((f) => {
+        const v = f.includes("not all"), g = f.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), w = f.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
         let T = !!(g || w);
         return g && T && (T = r >= Ut(g[1])), w && T && (T = r <= Ut(w[1])), v ? !T : T;
       });
       return;
     }
-    u.value && (a.value = n.matchMedia(H(e)), o.value = a.value.matches);
-  }), Ie(a, "change", l, { passive: !0 }), F(() => o.value);
+    u.value && (a.value = n.matchMedia(W(e)), o.value = a.value.matches);
+  }), Ie(a, "change", l, { passive: !0 }), R(() => o.value);
 }
 function Dt(e, t, n = {}) {
   const { window: r = Me, ...u } = n;
   let i;
   const a = It(() => r && "ResizeObserver" in r), o = () => {
     i && (i.disconnect(), i = void 0);
-  }, l = F(() => {
-    const v = H(e);
+  }, l = R(() => {
+    const v = W(e);
     return Array.isArray(v) ? v.map((g) => pe(g)) : [pe(v)];
   }), s = Z(
     l,
@@ -273,35 +273,35 @@ function Dt(e, t, n = {}) {
       }
     },
     { immediate: !0, flush: "post" }
-  ), d = () => {
+  ), f = () => {
     o(), s();
   };
-  return At(d), {
+  return At(f), {
     isSupported: a,
-    stop: d
+    stop: f
   };
 }
-function wt(e, t = {}) {
+function ot(e, t = {}) {
   const {
     reset: n = !0,
     windowResize: r = !0,
     windowScroll: u = !0,
     immediate: i = !0,
     updateTiming: a = "sync"
-  } = t, o = R(0), l = R(0), s = R(0), d = R(0), v = R(0), g = R(0), w = R(0), T = R(0);
+  } = t, o = F(0), l = F(0), s = F(0), f = F(0), v = F(0), g = F(0), w = F(0), T = F(0);
   function C() {
-    const f = pe(e);
-    if (!f) {
-      n && (o.value = 0, l.value = 0, s.value = 0, d.value = 0, v.value = 0, g.value = 0, w.value = 0, T.value = 0);
+    const d = pe(e);
+    if (!d) {
+      n && (o.value = 0, l.value = 0, s.value = 0, f.value = 0, v.value = 0, g.value = 0, w.value = 0, T.value = 0);
       return;
     }
-    const y = f.getBoundingClientRect();
-    o.value = y.height, l.value = y.bottom, s.value = y.left, d.value = y.right, v.value = y.top, g.value = y.width, w.value = y.x, T.value = y.y;
+    const y = d.getBoundingClientRect();
+    o.value = y.height, l.value = y.bottom, s.value = y.left, f.value = y.right, v.value = y.top, g.value = y.width, w.value = y.x, T.value = y.y;
   }
   function P() {
     a === "sync" ? C() : a === "next-frame" && requestAnimationFrame(() => C());
   }
-  return Dt(e, P), Z(() => pe(e), (f) => !f && P()), Fr(e, P, {
+  return Dt(e, P), Z(() => pe(e), (d) => !d && P()), Fr(e, P, {
     attributeFilter: ["style", "class"]
   }), u && Ie("scroll", P, { capture: !0, passive: !0 }), r && Ie("resize", P, { passive: !0 }), kt(() => {
     i && P();
@@ -309,7 +309,7 @@ function wt(e, t = {}) {
     height: o,
     bottom: l,
     left: s,
-    right: d,
+    right: f,
     top: v,
     width: g,
     x: w,
@@ -318,7 +318,7 @@ function wt(e, t = {}) {
   };
 }
 function Zn(e, t = { width: 0, height: 0 }, n = {}) {
-  const { window: r = Me, box: u = "content-box" } = n, i = F(() => {
+  const { window: r = Me, box: u = "content-box" } = n, i = R(() => {
     var v, g;
     return (g = (v = pe(e)) == null ? void 0 : v.namespaceURI) == null ? void 0 : g.includes("svg");
   }), a = k(t.width), o = k(t.height), { stop: l } = Dt(
@@ -349,13 +349,13 @@ function Zn(e, t = { width: 0, height: 0 }, n = {}) {
       a.value = v ? t.width : 0, o.value = v ? t.height : 0;
     }
   );
-  function d() {
+  function f() {
     l(), s();
   }
   return {
     width: a,
     height: o,
-    stop: d
+    stop: f
   };
 }
 function el(e = {}) {
@@ -376,8 +376,8 @@ function el(e = {}) {
       } else i ? (o.value = t.innerWidth, l.value = t.innerHeight) : (o.value = t.document.documentElement.clientWidth, l.value = t.document.documentElement.clientHeight);
   };
   s(), kt(s);
-  const d = { passive: !0 };
-  if (Ie("resize", s, d), t && a === "visual" && t.visualViewport && Ie(t.visualViewport, "resize", s, d), u) {
+  const f = { passive: !0 };
+  if (Ie("resize", s, f), t && a === "visual" && t.visualViewport && Ie(t.visualViewport, "resize", s, f), u) {
     const v = Jn("(orientation: portrait)");
     Z(v, () => s());
   }
@@ -392,7 +392,7 @@ const tl = /* @__PURE__ */ _({
     wr((o) => ({
       "7a7a879f": o.lineClamp
     }));
-    const t = e, n = k(null), r = k(!0), u = k(""), i = F(() => t.disabled || r.value);
+    const t = e, n = k(null), r = k(!0), u = k(""), i = R(() => t.disabled || r.value);
     Dt(n, (o) => {
       for (const l of o) {
         const s = l.target;
@@ -410,7 +410,7 @@ const tl = /* @__PURE__ */ _({
         subtree: !0
       }
     );
-    const a = F(
+    const a = R(
       () => {
         var o;
         return t.tooltip || u.value || ((o = n.value) == null ? void 0 : o.textContent) || "";
@@ -594,7 +594,7 @@ const wl = {
       C && (i.value = C.scrollWidth > C.clientWidth);
     }, s = () => {
       i.value && (a.value = !0);
-    }, d = () => {
+    }, f = () => {
       a.value = !1;
     }, v = (C) => {
       u.value = C, o && (o.disconnect(), o = null), C && (o = new ResizeObserver(() => {
@@ -608,8 +608,8 @@ const wl = {
       validateMessage: (w = r.value) == null ? void 0 : w.validateMessage,
       validateState: (T = r.value) == null ? void 0 : T.validateState,
       validate: (C, P) => {
-        var f, y;
-        return (y = (f = r.value) == null ? void 0 : f.validate) == null ? void 0 : y.call(f, C, P);
+        var d, y;
+        return (y = (d = r.value) == null ? void 0 : d.validate) == null ? void 0 : y.call(d, C, P);
       },
       clearValidate: () => {
         var C, P;
@@ -623,16 +623,16 @@ const wl = {
       ref_key: "formItemRef",
       ref: r
     }, p(G)(C.$props, ["tooltip", "htmlFor"]), { for: C.htmlFor }), z({
-      error: b(({ error: f }) => [
+      error: b(({ error: d }) => [
         q("div", {
           class: "pel-form-item-error-wrap",
           onMouseenter: s,
-          onMouseleave: d
+          onMouseleave: f
         }, [
           q("div", {
             ref: v,
             class: ke(["pel-form-item-error-content", { "is-truncated": i.value }])
-          }, ne(f), 3)
+          }, ne(d), 3)
         ], 32)
       ]),
       default: b(() => [
@@ -642,10 +642,10 @@ const wl = {
     }, [
       n.label || C.tooltip ? {
         name: "label",
-        fn: b(({ label: f }) => [
+        fn: b(({ label: d }) => [
           C.tooltip ? ($(), x("div", wl, [
-            S(C.$slots, "label", { label: f }, () => [
-              q("span", null, ne(f), 1)
+            S(C.$slots, "label", { label: d }, () => [
+              q("span", null, ne(d), 1)
             ]),
             j(p(Rt), N(V(p(ll)(C.tooltip))), {
               default: b(() => [
@@ -660,7 +660,7 @@ const wl = {
             }, 16)
           ])) : S(C.$slots, "label", {
             key: 1,
-            label: f
+            label: d
           })
         ]),
         key: "0"
@@ -717,7 +717,7 @@ const wl = {
   props: $l,
   emits: Sl,
   setup(e, { expose: t, emit: n }) {
-    const r = n, u = R(), i = R();
+    const r = n, u = F(), i = F();
     return t({
       formItem: u,
       field: i
@@ -739,8 +739,8 @@ const wl = {
         }), z({ _: 2 }, [
           L(p(G)(a.$slots, ["error", "label"]), (l, s) => ({
             name: s,
-            fn: b((d) => [
-              S(a.$slots, s, N(V(d)))
+            fn: b((f) => [
+              S(a.$slots, s, N(V(f)))
             ])
           }))
         ]), 1040)
@@ -749,8 +749,8 @@ const wl = {
     }, [
       L(p(re)(a.$slots, ["error", "label"]), (l, s) => ({
         name: s,
-        fn: b((d) => [
-          S(a.$slots, s, N(V(d)))
+        fn: b((f) => [
+          S(a.$slots, s, N(V(f)))
         ])
       }))
     ]), 1040));
@@ -761,7 +761,7 @@ const wl = {
   props: Tl,
   emits: Pl,
   setup(e, { expose: t, emit: n }) {
-    const r = n, u = R(), i = R();
+    const r = n, u = F(), i = F();
     return t({
       formItem: u,
       field: i
@@ -782,8 +782,8 @@ const wl = {
         }), z({ _: 2 }, [
           L(p(G)(a.$slots, ["label", "error"]), (l, s) => ({
             name: s,
-            fn: b((d) => [
-              S(a.$slots, s, N(V(d)))
+            fn: b((f) => [
+              S(a.$slots, s, N(V(f)))
             ])
           }))
         ]), 1040)
@@ -792,16 +792,16 @@ const wl = {
     }, [
       L(p(re)(a.$slots, ["label", "error"]), (l, s) => ({
         name: s,
-        fn: b((d) => [
-          S(a.$slots, s, N(V(d)))
+        fn: b((f) => [
+          S(a.$slots, s, N(V(f)))
         ])
       }))
     ]), 1040));
   }
 }), Ir = {
-  ...ht,
+  ...wt,
   fitInputWidth: {
-    ...ht.fitInputWidth,
+    ...wt.fitInputWidth,
     default: !0
   },
   options: Array
@@ -831,7 +831,7 @@ const wl = {
         var r;
         (r = n.value) == null || r.blur();
       },
-      selectedLabel: F(() => {
+      selectedLabel: R(() => {
         var r;
         return (r = n.value) == null ? void 0 : r.selectedLabel;
       })
@@ -948,10 +948,10 @@ const wl = {
   props: Rl,
   emits: Fl,
   setup(e, { expose: t, emit: n }) {
-    const r = e, u = n, i = F(() => r.options ? r.options : r.valueEnum ? Object.entries(r.valueEnum).map(([l, s]) => ({
+    const r = e, u = n, i = R(() => r.options ? r.options : r.valueEnum ? Object.entries(r.valueEnum).map(([l, s]) => ({
       label: s,
       value: l
-    })) : []), a = R(), o = R();
+    })) : []), a = F(), o = F();
     return t({
       formItem: a,
       field: o
@@ -965,19 +965,19 @@ const wl = {
           ref: o
         }, p(ie)(l.$props, ["options", "valueEnum"]), {
           options: i.value,
-          "onUpdate:modelValue": s[0] || (s[0] = (d) => u("update:modelValue", d)),
-          onChange: s[1] || (s[1] = (d) => u("change", d)),
-          onFocus: s[2] || (s[2] = (d) => u("focus", d)),
-          onBlur: s[3] || (s[3] = (d) => u("blur", d)),
-          onClear: s[4] || (s[4] = (d) => u("clear")),
-          onPopupScroll: s[5] || (s[5] = (d) => u("popup-scroll", d)),
-          onRemoveTag: s[6] || (s[6] = (d) => u("remove-tag", d)),
-          onVisibleChange: s[7] || (s[7] = (d) => u("visible-change", d))
+          "onUpdate:modelValue": s[0] || (s[0] = (f) => u("update:modelValue", f)),
+          onChange: s[1] || (s[1] = (f) => u("change", f)),
+          onFocus: s[2] || (s[2] = (f) => u("focus", f)),
+          onBlur: s[3] || (s[3] = (f) => u("blur", f)),
+          onClear: s[4] || (s[4] = (f) => u("clear")),
+          onPopupScroll: s[5] || (s[5] = (f) => u("popup-scroll", f)),
+          onRemoveTag: s[6] || (s[6] = (f) => u("remove-tag", f)),
+          onVisibleChange: s[7] || (s[7] = (f) => u("visible-change", f))
         }), z({ _: 2 }, [
           l.$slots.default ? {
             name: "default",
-            fn: b(({ options: d }) => [
-              S(l.$slots, "default", { options: d })
+            fn: b(({ options: f }) => [
+              S(l.$slots, "default", { options: f })
             ]),
             key: "0"
           } : void 0,
@@ -1025,9 +1025,9 @@ const wl = {
           } : void 0,
           l.$slots["input-label"] ? {
             name: "label",
-            fn: b(({ label: d, value: v }) => [
+            fn: b(({ label: f, value: v }) => [
               S(l.$slots, "input-label", {
-                label: d,
+                label: f,
                 value: v
               })
             ]),
@@ -1037,7 +1037,7 @@ const wl = {
       ]),
       _: 2
     }, [
-      L(p(re)(l.$props, ["label", "error"]), (d, v) => ({
+      L(p(re)(l.$props, ["label", "error"]), (f, v) => ({
         name: v,
         fn: b((g) => [
           S(l.$slots, v, N(V(g)))
@@ -1078,10 +1078,10 @@ const wl = {
   props: Il,
   emits: Dl,
   setup(e, { expose: t, emit: n }) {
-    const r = e, u = n, i = F(() => r.options ? r.options : r.valueEnum ? Object.entries(r.valueEnum).map(([l, s]) => ({
+    const r = e, u = n, i = R(() => r.options ? r.options : r.valueEnum ? Object.entries(r.valueEnum).map(([l, s]) => ({
       label: s,
       value: l
-    })) : []), a = R(), o = R();
+    })) : []), a = F(), o = F();
     return t({
       formItem: a,
       field: o
@@ -1095,10 +1095,10 @@ const wl = {
           ref: o
         }, p(ie)(l.$props, ["valueEnum", "options"]), {
           options: i.value,
-          "onUpdate:modelValue": s[0] || (s[0] = (d) => u("update:modelValue", d)),
-          onChange: s[1] || (s[1] = (d) => u("change", d))
+          "onUpdate:modelValue": s[0] || (s[0] = (f) => u("update:modelValue", f)),
+          onChange: s[1] || (s[1] = (f) => u("change", f))
         }), z({ _: 2 }, [
-          L(p(G)(l.$slots, ["label", "error"]), (d, v) => ({
+          L(p(G)(l.$slots, ["label", "error"]), (f, v) => ({
             name: v,
             fn: b((g) => [
               S(l.$slots, v, N(V(g)))
@@ -1108,7 +1108,7 @@ const wl = {
       ]),
       _: 2
     }, [
-      L(p(re)(l.$slots, ["label", "error"]), (d, v) => ({
+      L(p(re)(l.$slots, ["label", "error"]), (f, v) => ({
         name: v,
         fn: b((g) => [
           S(l.$slots, v, N(V(g)))
@@ -1149,10 +1149,10 @@ const wl = {
   props: Ml,
   emits: Ll,
   setup(e, { expose: t, emit: n }) {
-    const r = e, u = n, i = F(() => r.options ? r.options : r.valueEnum ? Object.entries(r.valueEnum).map(([l, s]) => ({
+    const r = e, u = n, i = R(() => r.options ? r.options : r.valueEnum ? Object.entries(r.valueEnum).map(([l, s]) => ({
       label: s,
       value: l
-    })) : []), a = R(), o = R();
+    })) : []), a = F(), o = F();
     return t({
       formItem: a,
       field: o
@@ -1166,10 +1166,10 @@ const wl = {
           ref: o
         }, p(ie)(l.$props, ["options", "valueEnum"]), {
           options: i.value,
-          "onUpdate:modelValue": s[0] || (s[0] = (d) => u("update:modelValue", d)),
-          onChange: s[1] || (s[1] = (d) => u("change", d))
+          "onUpdate:modelValue": s[0] || (s[0] = (f) => u("update:modelValue", f)),
+          onChange: s[1] || (s[1] = (f) => u("change", f))
         }), z({ _: 2 }, [
-          L(p(G)(l.$slots, ["label", "error"]), (d, v) => ({
+          L(p(G)(l.$slots, ["label", "error"]), (f, v) => ({
             name: v,
             fn: b((g) => [
               S(l.$slots, v, N(V(g)))
@@ -1179,7 +1179,7 @@ const wl = {
       ]),
       _: 2
     }, [
-      L(p(re)(l.$slots, ["label", "error"]), (d, v) => ({
+      L(p(re)(l.$slots, ["label", "error"]), (f, v) => ({
         name: v,
         fn: b((g) => [
           S(l.$slots, v, N(V(g)))
@@ -1193,7 +1193,7 @@ const wl = {
   props: Vl,
   emits: _l,
   setup(e, { expose: t, emit: n }) {
-    const r = n, u = R(), i = R();
+    const r = n, u = F(), i = F();
     return t({
       formItem: u,
       field: i
@@ -1212,8 +1212,8 @@ const wl = {
         }), z({ _: 2 }, [
           L(p(G)(a.$slots, ["label", "error"]), (l, s) => ({
             name: s,
-            fn: b((d) => [
-              S(a.$slots, s, N(V(d)))
+            fn: b((f) => [
+              S(a.$slots, s, N(V(f)))
             ])
           }))
         ]), 1040)
@@ -1222,8 +1222,8 @@ const wl = {
     }, [
       L(p(re)(a.$slots, ["label", "error"]), (l, s) => ({
         name: s,
-        fn: b((d) => [
-          S(a.$slots, s, N(V(d)))
+        fn: b((f) => [
+          S(a.$slots, s, N(V(f)))
         ])
       }))
     ]), 1040));
@@ -1239,7 +1239,7 @@ const wl = {
   setup(e, { expose: t, emit: n }) {
     const r = n;
     Se();
-    const u = R(), i = R();
+    const u = F(), i = F();
     return t({
       formItem: u,
       field: i
@@ -1263,8 +1263,8 @@ const wl = {
         }), z({ _: 2 }, [
           L(p(G)(a.$slots, ["error", "label"]), (l, s) => ({
             name: s,
-            fn: b((d) => [
-              S(a.$slots, s, N(V(d)))
+            fn: b((f) => [
+              S(a.$slots, s, N(V(f)))
             ])
           }))
         ]), 1040)
@@ -1273,8 +1273,8 @@ const wl = {
     }, [
       L(p(re)(a.$slots, ["error", "label"]), (l, s) => ({
         name: s,
-        fn: b((d) => [
-          S(a.$slots, s, N(V(d)))
+        fn: b((f) => [
+          S(a.$slots, s, N(V(f)))
         ])
       }))
     ]), 1040));
@@ -1294,7 +1294,7 @@ const wl = {
   props: Gl,
   emits: Ul,
   setup(e, { expose: t, emit: n }) {
-    const r = n, u = R(), i = R(), a = (...o) => {
+    const r = n, u = F(), i = F(), a = (...o) => {
       r("panel-change", ...o);
     };
     return t({
@@ -1318,20 +1318,20 @@ const wl = {
           onVisibleChange: l[6] || (l[6] = (s) => r("visible-change", s)),
           onPanelChange: a
         }), z({ _: 2 }, [
-          L(p(G)(o.$slots, ["label", "error"]), (s, d) => ({
-            name: d,
+          L(p(G)(o.$slots, ["label", "error"]), (s, f) => ({
+            name: f,
             fn: b((v) => [
-              S(o.$slots, d, N(V(v)))
+              S(o.$slots, f, N(V(v)))
             ])
           }))
         ]), 1040)
       ]),
       _: 2
     }, [
-      L(p(re)(o.$slots, ["label", "error"]), (s, d) => ({
-        name: d,
+      L(p(re)(o.$slots, ["label", "error"]), (s, f) => ({
+        name: f,
         fn: b((v) => [
-          S(o.$slots, d, N(V(v)))
+          S(o.$slots, f, N(V(v)))
         ])
       }))
     ]), 1040));
@@ -1349,7 +1349,7 @@ const wl = {
   props: Kl,
   emits: Ql,
   setup(e, { expose: t, emit: n }) {
-    const r = n, u = R(), i = R();
+    const r = n, u = F(), i = F();
     return t({
       formItem: u,
       field: i
@@ -1371,8 +1371,8 @@ const wl = {
         }), z({ _: 2 }, [
           L(p(G)(a.$slots, ["error", "label"]), (l, s) => ({
             name: s,
-            fn: b((d) => [
-              S(a.$slots, s, N(V(d)))
+            fn: b((f) => [
+              S(a.$slots, s, N(V(f)))
             ])
           }))
         ]), 1040)
@@ -1381,8 +1381,8 @@ const wl = {
     }, [
       L(p(re)(a.$slots, ["error", "label"]), (l, s) => ({
         name: s,
-        fn: b((d) => [
-          S(a.$slots, s, N(V(d)))
+        fn: b((f) => [
+          S(a.$slots, s, N(V(f)))
         ])
       }))
     ]), 1040));
@@ -1395,7 +1395,7 @@ const wl = {
   setup(e, { expose: t, emit: n }) {
     const r = n;
     Se();
-    const u = R(), i = R();
+    const u = F(), i = F();
     return t({
       formItem: u,
       field: i
@@ -1419,8 +1419,8 @@ const wl = {
         }), z({ _: 2 }, [
           L(p(G)(a.$slots, ["error", "label"]), (l, s) => ({
             name: s,
-            fn: b((d) => [
-              S(a.$slots, s, N(V(d)))
+            fn: b((f) => [
+              S(a.$slots, s, N(V(f)))
             ])
           }))
         ]), 1040)
@@ -1429,8 +1429,8 @@ const wl = {
     }, [
       L(p(re)(a.$slots, ["error", "label"]), (l, s) => ({
         name: s,
-        fn: b((d) => [
-          S(a.$slots, s, N(V(d)))
+        fn: b((f) => [
+          S(a.$slots, s, N(V(f)))
         ])
       }))
     ]), 1040));
@@ -1444,7 +1444,7 @@ const wl = {
   props: ea,
   emits: ta,
   setup(e, { expose: t, emit: n }) {
-    const r = n, u = R(), i = R();
+    const r = n, u = F(), i = F();
     return t({
       formItem: u,
       field: i
@@ -1481,8 +1481,8 @@ const wl = {
         }), z({ _: 2 }, [
           L(p(G)(a.$slots, ["error", "label"]), (l, s) => ({
             name: s,
-            fn: b((d) => [
-              S(a.$slots, s, N(V(d)))
+            fn: b((f) => [
+              S(a.$slots, s, N(V(f)))
             ])
           }))
         ]), 1040)
@@ -1491,8 +1491,8 @@ const wl = {
     }, [
       L(p(re)(a.$slots, ["error", "label"]), (l, s) => ({
         name: s,
-        fn: b((d) => [
-          S(a.$slots, s, N(V(d)))
+        fn: b((f) => [
+          S(a.$slots, s, N(V(f)))
         ])
       }))
     ]), 1040));
@@ -1503,7 +1503,7 @@ const wl = {
   props: oa,
   emits: na,
   setup(e, { expose: t, emit: n }) {
-    const r = n, u = R(), i = R();
+    const r = n, u = F(), i = F();
     return t({
       formItem: u,
       field: i
@@ -1524,8 +1524,8 @@ const wl = {
     }, [
       L(p(re)(a.$props, ["label", "error"]), (l, s) => ({
         name: s,
-        fn: b((d) => [
-          S(a.$slots, s, N(V(d)))
+        fn: b((f) => [
+          S(a.$slots, s, N(V(f)))
         ])
       }))
     ]), 1040));
@@ -1539,7 +1539,7 @@ const wl = {
   props: la,
   emits: aa,
   setup(e, { expose: t, emit: n }) {
-    const r = n, u = R(), i = R();
+    const r = n, u = F(), i = F();
     return t({
       formItem: u,
       field: i
@@ -1562,8 +1562,8 @@ const wl = {
         }), z({ _: 2 }, [
           L(p(G)(a.$slots, ["label", "error"]), (l, s) => ({
             name: s,
-            fn: b((d) => [
-              S(a.$slots, s, N(V(d)))
+            fn: b((f) => [
+              S(a.$slots, s, N(V(f)))
             ])
           }))
         ]), 1040)
@@ -1572,8 +1572,8 @@ const wl = {
     }, [
       L(p(re)(a.$slots, ["label", "error"]), (l, s) => ({
         name: s,
-        fn: b((d) => [
-          S(a.$slots, s, N(V(d)))
+        fn: b((f) => [
+          S(a.$slots, s, N(V(f)))
         ])
       }))
     ]), 1040));
@@ -1601,7 +1601,7 @@ function Qe(e) {
 function Ge(e) {
   return e != null && typeof e == "object";
 }
-var ot = Array.isArray;
+var nt = Array.isArray;
 function _r(e) {
   var t = typeof e;
   return e != null && (t == "object" || t == "function");
@@ -1613,8 +1613,8 @@ function zr(e) {
   var t = Qe(e);
   return t == ya || t == ha || t == ba || t == wa;
 }
-var ct = ve["__core-js_shared__"], Kt = function() {
-  var e = /[^.]+$/.exec(ct && ct.keys && ct.keys.IE_PROTO || "");
+var mt = ve["__core-js_shared__"], Kt = function() {
+  var e = /[^.]+$/.exec(mt && mt.keys && mt.keys.IE_PROTO || "");
   return e ? "Symbol(src)_1." + e : "";
 }();
 function $a(e) {
@@ -1698,15 +1698,15 @@ function hs(e) {
     return e(t);
   };
 }
-var Ur = typeof exports == "object" && exports && !exports.nodeType && exports, We = Ur && typeof module == "object" && module && !module.nodeType && module, ws = We && We.exports === Ur, mt = ws && Nr.process, Jt = function() {
+var Ur = typeof exports == "object" && exports && !exports.nodeType && exports, We = Ur && typeof module == "object" && module && !module.nodeType && module, ws = We && We.exports === Ur, vt = ws && Nr.process, Jt = function() {
   try {
     var e = We && We.require && We.require("util").types;
-    return e || mt && mt.binding && mt.binding("util");
+    return e || vt && vt.binding && vt.binding("util");
   } catch {
   }
 }(), Zt = Jt && Jt.isTypedArray, qr = Zt ? hs(Zt) : ys, $s = Object.prototype, Ss = $s.hasOwnProperty;
 function Cs(e, t) {
-  var n = ot(e), r = !n && Ha(e), u = !n && !r && St(e), i = !n && !r && !u && qr(e), a = n || r || u || i, o = a ? _a(e.length, String) : [], l = o.length;
+  var n = nt(e), r = !n && Ha(e), u = !n && !r && St(e), i = !n && !r && !u && qr(e), a = n || r || u || i, o = a ? _a(e.length, String) : [], l = o.length;
   for (var s in e)
     Ss.call(e, s) && !(a && // Safari 9 has enumerable `arguments.length` in strict mode.
     (s == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
@@ -1774,7 +1774,7 @@ Pe.prototype.set = _s;
 function zs() {
   this.__data__ = [], this.size = 0;
 }
-function at(e, t) {
+function st(e, t) {
   for (var n = e.length; n--; )
     if (xr(e[n][0], t))
       return n;
@@ -1782,21 +1782,21 @@ function at(e, t) {
 }
 var xs = Array.prototype, Ws = xs.splice;
 function Hs(e) {
-  var t = this.__data__, n = at(t, e);
+  var t = this.__data__, n = st(t, e);
   if (n < 0)
     return !1;
   var r = t.length - 1;
   return n == r ? t.pop() : Ws.call(t, n, 1), --this.size, !0;
 }
 function Gs(e) {
-  var t = this.__data__, n = at(t, e);
+  var t = this.__data__, n = st(t, e);
   return n < 0 ? void 0 : t[n][1];
 }
 function Us(e) {
-  return at(this.__data__, e) > -1;
+  return st(this.__data__, e) > -1;
 }
 function qs(e, t) {
-  var n = this.__data__, r = at(n, e);
+  var n = this.__data__, r = st(n, e);
   return r < 0 ? (++this.size, n.push([e, t])) : n[r][1] = t, this;
 }
 function ge(e) {
@@ -1823,22 +1823,22 @@ function Qs(e) {
   var t = typeof e;
   return t == "string" || t == "number" || t == "symbol" || t == "boolean" ? e !== "__proto__" : e === null;
 }
-function st(e, t) {
+function it(e, t) {
   var n = e.__data__;
   return Qs(t) ? n[typeof t == "string" ? "string" : "hash"] : n.map;
 }
 function Ys(e) {
-  var t = st(this, e).delete(e);
+  var t = it(this, e).delete(e);
   return this.size -= t ? 1 : 0, t;
 }
 function Xs(e) {
-  return st(this, e).get(e);
+  return it(this, e).get(e);
 }
 function Js(e) {
-  return st(this, e).has(e);
+  return it(this, e).has(e);
 }
 function Zs(e, t) {
-  var n = st(this, e), r = n.size;
+  var n = it(this, e), r = n.size;
   return n.set(e, t), this.size += n.size == r ? 0 : 1, this;
 }
 function Oe(e) {
@@ -1908,7 +1908,7 @@ var ui = Object.prototype, fi = ui.propertyIsEnumerable, er = Object.getOwnPrope
 } : ii;
 function pi(e, t, n) {
   var r = t(e);
-  return ot(e) ? r : ei(r, n(e));
+  return nt(e) ? r : ei(r, n(e));
 }
 function tr(e) {
   return pi(e, Fs, di);
@@ -1938,13 +1938,13 @@ function wi(e) {
 function $i(e) {
   return this.__data__.has(e);
 }
-function nt(e) {
+function lt(e) {
   var t = -1, n = e == null ? 0 : e.length;
   for (this.__data__ = new Oe(); ++t < n; )
     this.add(e[t]);
 }
-nt.prototype.add = nt.prototype.push = wi;
-nt.prototype.has = $i;
+lt.prototype.add = lt.prototype.push = wi;
+lt.prototype.has = $i;
 function Si(e, t) {
   for (var n = -1, r = e == null ? 0 : e.length; ++n < r; )
     if (t(e[n], n, e))
@@ -1959,10 +1959,10 @@ function Kr(e, t, n, r, u, i) {
   var a = n & Ti, o = e.length, l = t.length;
   if (o != l && !(a && l > o))
     return !1;
-  var s = i.get(e), d = i.get(t);
-  if (s && d)
-    return s == t && d == e;
-  var v = -1, g = !0, w = n & Pi ? new nt() : void 0;
+  var s = i.get(e), f = i.get(t);
+  if (s && f)
+    return s == t && f == e;
+  var v = -1, g = !0, w = n & Pi ? new lt() : void 0;
   for (i.set(e, t), i.set(t, e); ++v < o; ) {
     var T = e[v], C = t[v];
     if (r)
@@ -1974,8 +1974,8 @@ function Kr(e, t, n, r, u, i) {
       break;
     }
     if (w) {
-      if (!Si(t, function(f, y) {
-        if (!Ci(w, y) && (T === f || u(T, f, n, r, i)))
+      if (!Si(t, function(d, y) {
+        if (!Ci(w, y) && (T === d || u(T, d, n, r, i)))
           return w.push(y);
       })) {
         g = !1;
@@ -2000,7 +2000,7 @@ function Oi(e) {
     n[++t] = r;
   }), n;
 }
-var Ri = 1, Fi = 2, Ai = "[object Boolean]", ki = "[object Date]", Ii = "[object Error]", Di = "[object Map]", ji = "[object Number]", Bi = "[object RegExp]", Mi = "[object Set]", Li = "[object String]", Ni = "[object Symbol]", Vi = "[object ArrayBuffer]", _i = "[object DataView]", ir = De ? De.prototype : void 0, vt = ir ? ir.valueOf : void 0;
+var Ri = 1, Fi = 2, Ai = "[object Boolean]", ki = "[object Date]", Ii = "[object Error]", Di = "[object Map]", ji = "[object Number]", Bi = "[object RegExp]", Mi = "[object Set]", Li = "[object String]", Ni = "[object Symbol]", Vi = "[object ArrayBuffer]", _i = "[object DataView]", ir = De ? De.prototype : void 0, gt = ir ? ir.valueOf : void 0;
 function zi(e, t, n, r, u, i, a) {
   switch (n) {
     case _i:
@@ -2028,18 +2028,18 @@ function zi(e, t, n, r, u, i, a) {
       if (s)
         return s == t;
       r |= Fi, a.set(e, t);
-      var d = Kr(o(e), o(t), r, u, i, a);
-      return a.delete(e), d;
+      var f = Kr(o(e), o(t), r, u, i, a);
+      return a.delete(e), f;
     case Ni:
-      if (vt)
-        return vt.call(e) == vt.call(t);
+      if (gt)
+        return gt.call(e) == gt.call(t);
   }
   return !1;
 }
 var xi = 1, Wi = Object.prototype, Hi = Wi.hasOwnProperty;
 function Gi(e, t, n, r, u, i) {
-  var a = n & xi, o = tr(e), l = o.length, s = tr(t), d = s.length;
-  if (l != d && !a)
+  var a = n & xi, o = tr(e), l = o.length, s = tr(t), f = s.length;
+  if (l != f && !a)
     return !1;
   for (var v = l; v--; ) {
     var g = o[v];
@@ -2053,10 +2053,10 @@ function Gi(e, t, n, r, u, i) {
   i.set(e, t), i.set(t, e);
   for (var P = a; ++v < l; ) {
     g = o[v];
-    var f = e[g], y = t[g];
+    var d = e[g], y = t[g];
     if (r)
-      var h = a ? r(y, f, g, t, e, i) : r(f, y, g, e, t, i);
-    if (!(h === void 0 ? f === y || u(f, y, n, r, i) : h)) {
+      var h = a ? r(y, d, g, t, e, i) : r(d, y, g, e, t, i);
+    if (!(h === void 0 ? d === y || u(d, y, n, r, i) : h)) {
       C = !1;
       break;
     }
@@ -2070,18 +2070,18 @@ function Gi(e, t, n, r, u, i) {
 }
 var Ui = 1, ur = "[object Arguments]", fr = "[object Array]", Ze = "[object Object]", qi = Object.prototype, dr = qi.hasOwnProperty;
 function Ki(e, t, n, r, u, i) {
-  var a = ot(e), o = ot(t), l = a ? fr : ye(e), s = o ? fr : ye(t);
+  var a = nt(e), o = nt(t), l = a ? fr : ye(e), s = o ? fr : ye(t);
   l = l == ur ? Ze : l, s = s == ur ? Ze : s;
-  var d = l == Ze, v = s == Ze, g = l == s;
+  var f = l == Ze, v = s == Ze, g = l == s;
   if (g && St(e)) {
     if (!St(t))
       return !1;
-    a = !0, d = !1;
+    a = !0, f = !1;
   }
-  if (g && !d)
+  if (g && !f)
     return i || (i = new we()), a || qr(e) ? Kr(e, t, n, r, u, i) : zi(e, t, l, n, r, u, i);
   if (!(n & Ui)) {
-    var w = d && dr.call(e, "__wrapped__"), T = v && dr.call(t, "__wrapped__");
+    var w = f && dr.call(e, "__wrapped__"), T = v && dr.call(t, "__wrapped__");
     if (w || T) {
       var C = w ? e.value() : e, P = T ? t.value() : t;
       return i || (i = new we()), u(C, P, n, r, i);
@@ -2114,12 +2114,12 @@ const Yi = Object.prototype.hasOwnProperty, pr = (e, t) => Yi.call(e, t), Yr = (
     type: i,
     required: !!r,
     validator: n || a ? (s) => {
-      let d = !1, v = [];
-      if (n && (v = Array.from(n), pr(e, "default") && v.push(u), d || (d = v.includes(s))), a && (d || (d = a(s))), !d && v.length > 0) {
+      let f = !1, v = [];
+      if (n && (v = Array.from(n), pr(e, "default") && v.push(u), f || (f = v.includes(s))), a && (f || (f = a(s))), !f && v.length > 0) {
         const g = [...new Set(v)].map((w) => JSON.stringify(w)).join(", ");
         Oo(`Invalid prop: validation failed. Expected one of [${g}], got value ${JSON.stringify(s)}.`);
       }
-      return d;
+      return f;
     } : void 0,
     [Jr]: !0
   };
@@ -2392,7 +2392,7 @@ const Zr = 20, Et = {
   search: (e) => !0,
   reset: () => !0,
   collapsed: (e) => !0
-}, to = 576, ro = 768, oo = 992, no = 1200, lo = 1600, ao = `@media (min-width: ${to}px)`, so = `@media (min-width: ${ro}px)`, io = `@media (min-width: ${oo}px)`, uo = `@media (min-width: ${no}px)`, fo = `@media (min-width: ${lo}px)`, lt = (e) => typeof e == "number" ? {
+}, to = 576, ro = 768, oo = 992, no = 1200, lo = 1600, ao = `@media (min-width: ${to}px)`, so = `@media (min-width: ${ro}px)`, io = `@media (min-width: ${oo}px)`, uo = `@media (min-width: ${no}px)`, fo = `@media (min-width: ${lo}px)`, at = (e) => typeof e == "number" ? {
   xs: e,
   sm: e,
   md: e,
@@ -2400,7 +2400,7 @@ const Zr = 20, Et = {
   xl: e,
   xxl: e
 } : e, fu = (e) => {
-  const t = lt(e);
+  const t = at(e);
   return Or`
     margin-left: -${t.xs / 2}px;
     margin-right: -${t.xs / 2}px;
@@ -2431,7 +2431,7 @@ const Zr = 20, Et = {
     }
   `;
 }, cr = (e, t) => {
-  const n = lt(e), r = lt(t);
+  const n = at(e), r = at(t);
   return Or`
     padding-left: ${n.xs / 2}px;
     padding-right: ${n.xs / 2}px;
@@ -2467,7 +2467,7 @@ const Zr = 20, Et = {
       width: calc(${r.xxl} * 100%);
     }
   `;
-}, mr = (e, t) => lt(t)[e], du = (e) => e == null || e === "" ? !1 : Array.isArray(e) ? e.length > 0 : !0, po = "QUERY_FORM_CONTEXT", pu = /* @__PURE__ */ _({
+}, mr = (e, t) => at(t)[e], du = (e) => e == null || e === "" ? !1 : Array.isArray(e) ? e.length > 0 : !0, po = "QUERY_FORM_CONTEXT", pu = /* @__PURE__ */ _({
   __name: "TagContent",
   props: {
     itemProps: {
@@ -2487,39 +2487,39 @@ const Zr = 20, Et = {
         immediate: !0
       }
     );
-    const i = F(() => {
-      var s, d, v, g, w, T, C;
+    const i = R(() => {
+      var s, f, v, g, w, T, C;
       const a = t.itemProps, o = r == null ? void 0 : r.fieldValue, l = a.valueType;
       if (l === "checkbox" || l === "radio") {
-        const { options: P, valueEnum: f } = a;
+        const { options: P, valueEnum: d } = a;
         return Array.isArray(o) ? o.map(
           (y) => {
             var h;
-            return ((h = P == null ? void 0 : P.find((B) => B.value === y)) == null ? void 0 : h.label) || (f == null ? void 0 : f[y]) || y;
+            return ((h = P == null ? void 0 : P.find((B) => B.value === y)) == null ? void 0 : h.label) || (d == null ? void 0 : d[y]) || y;
           }
-        ).join(", ") : ((s = P == null ? void 0 : P.find((y) => y.value === o)) == null ? void 0 : s.label) || (f == null ? void 0 : f[o]) || o;
+        ).join(", ") : ((s = P == null ? void 0 : P.find((y) => y.value === o)) == null ? void 0 : s.label) || (d == null ? void 0 : d[o]) || o;
       }
       if (l === "tag")
         return o == null ? void 0 : o.join(", ");
       if (l === "switch") {
-        const { activeText: P, inactiveText: f, activeValue: y, inactiveValue: h } = a;
-        return o === y ? P : o === h ? f : n(o ? "el.switch.on" : "el.switch.off");
+        const { activeText: P, inactiveText: d, activeValue: y, inactiveValue: h } = a;
+        return o === y ? P : o === h ? d : n(o ? "el.switch.on" : "el.switch.off");
       }
       if (l === "date") {
-        const { format: P, type: f } = a, y = P ?? (yn[f || "date"] || hn);
+        const { format: P, type: d } = a, y = P ?? (yn[d || "date"] || hn);
         return Array.isArray(o) ? o.map((h) => Je(h).format(y)).join(" ~ ") : Je(o).format(y);
       }
       if (l === "time") {
-        const { format: P } = a, f = P ?? wn;
-        return Array.isArray(o) ? o.map((y) => Je(y).format(f)).join(" ~ ") : Je(o).format(f);
+        const { format: P } = a, d = P ?? wn;
+        return Array.isArray(o) ? o.map((y) => Je(y).format(d)).join(" ~ ") : Je(o).format(d);
       }
       if (l === "cascade") {
-        const P = (v = (d = u == null ? void 0 : u.formItemRefs.value) == null ? void 0 : d[a.prop]) == null ? void 0 : v.field, f = (g = P == null ? void 0 : P.getCheckedNodes) == null ? void 0 : g.call(P, !1);
-        return (w = f == null ? void 0 : f.map((y) => y.text)) == null ? void 0 : w.join(", ");
+        const P = (v = (f = u == null ? void 0 : u.formItemRefs.value) == null ? void 0 : f[a.prop]) == null ? void 0 : v.field, d = (g = P == null ? void 0 : P.getCheckedNodes) == null ? void 0 : g.call(P, !1);
+        return (w = d == null ? void 0 : d.map((y) => y.text)) == null ? void 0 : w.join(", ");
       }
       if (l === "select") {
-        const P = (C = (T = u == null ? void 0 : u.formItemRefs.value) == null ? void 0 : T[a.prop]) == null ? void 0 : C.field, f = P == null ? void 0 : P.selectedLabel;
-        return Array.isArray(f) ? f.join(", ") : f;
+        const P = (C = (T = u == null ? void 0 : u.formItemRefs.value) == null ? void 0 : T[a.prop]) == null ? void 0 : C.field, d = P == null ? void 0 : P.selectedLabel;
+        return Array.isArray(d) ? d.join(", ") : d;
       }
       return o;
     });
@@ -2540,7 +2540,7 @@ const Zr = 20, Et = {
   props: iu,
   emits: uu,
   setup(e, { expose: t, emit: n }) {
-    const r = e, u = n, { t: i } = Be(), a = k(r.defaultCollapsed), o = k(null), l = k(Y(r.initialValues)), s = k(Y(r.initialValues)), d = R({}), { width: v } = el(), g = F(() => v.value < to ? "xs" : v.value < ro ? "sm" : v.value < oo ? "md" : v.value < no ? "lg" : v.value < lo ? "xl" : "xxl"), w = {
+    const r = e, u = n, { t: i } = Be(), a = k(r.defaultCollapsed), o = k(null), l = k(Y(r.initialValues)), s = k(Y(r.initialValues)), f = F({}), { width: v } = el(), g = R(() => v.value < to ? "xs" : v.value < ro ? "sm" : v.value < oo ? "md" : v.value < no ? "lg" : v.value < lo ? "xl" : "xxl"), w = {
       cascade: Hl,
       checkbox: jl,
       date: ql,
@@ -2553,33 +2553,33 @@ const Zr = 20, Et = {
       time: Yl,
       tree: ra,
       autocomplete: sa
-    }, T = F(() => fu(r.gutter)), C = F(
+    }, T = R(() => fu(r.gutter)), C = R(
       () => cr(r.gutter, r.width)
-    ), P = F(() => {
+    ), P = R(() => {
       var M;
       if (!((M = r.items) != null && M.length))
         return [];
       if (!r.collapsable || !a.value)
         return r.items.map((K) => K.prop);
       let D = 0;
-      const W = [];
+      const H = [];
       for (let K = 0; K < r.items.length; K++) {
         const ue = r.items[K];
         if (D += mr(g.value, ue.width ?? r.width), D > r.defaultCollapsedRows)
           break;
-        W.push(ue);
+        H.push(ue);
       }
-      return W.map((K) => K.prop);
-    }), f = F(
+      return H.map((K) => K.prop);
+    }), d = R(
       () => {
         var D;
         return ((D = r.items) == null ? void 0 : D.filter(
-          (W) => !P.value.includes(W.prop) && du(l.value[W.prop])
+          (H) => !P.value.includes(H.prop) && du(l.value[H.prop])
         )) ?? [];
       }
-    ), y = F(() => {
-      var W;
-      return !r.collapsable || !((W = r.items) != null && W.length) ? !1 : r.items.reduce(
+    ), y = R(() => {
+      var H;
+      return !r.collapsable || !((H = r.items) != null && H.length) ? !1 : r.items.reduce(
         (M, K) => M + mr(g.value, K.width ?? r.width),
         0
       ) > r.defaultCollapsedRows;
@@ -2594,8 +2594,8 @@ const Zr = 20, Et = {
       "defaultCollapsedRows"
     ]), X = () => {
       var D;
-      (D = o.value) == null || D.validate((W) => {
-        W && (s.value = Y(be(l.value)), u("search", s.value));
+      (D = o.value) == null || D.validate((H) => {
+        H && (s.value = Y(be(l.value)), u("search", s.value));
       });
     }, I = () => {
       u("reset"), r.searchOnReset && X();
@@ -2612,7 +2612,7 @@ const Zr = 20, Et = {
         deep: !0
       }
     ), Sr(po, {
-      formItemRefs: d
+      formItemRefs: f
     }), t({
       resetFields(...D) {
         o.value.resetFields(...D), s.value = Y(be(l.value));
@@ -2635,11 +2635,11 @@ const Zr = 20, Et = {
       restore() {
         l.value = Y(s.value);
       },
-      setFormData(D, W) {
-        const M = (W == null ? void 0 : W.merge) ?? !0, K = (W == null ? void 0 : W.setShadow) ?? !0, ue = M ? { ...Y(be(l.value)), ...Y(be(D)) } : Y(be(D));
+      setFormData(D, H) {
+        const M = (H == null ? void 0 : H.merge) ?? !0, K = (H == null ? void 0 : H.setShadow) ?? !0, ue = M ? { ...Y(be(l.value)), ...Y(be(D)) } : Y(be(D));
         l.value = ue, K && (s.value = Y(be(ue)));
       }
-    }), (D, W) => ($(), x(le, null, [
+    }), (D, H) => ($(), x(le, null, [
       j(p(xt), O({
         ref_key: "formRef",
         ref: o,
@@ -2649,7 +2649,7 @@ const Zr = 20, Et = {
         }]
       }, B(D.$props), {
         model: l.value,
-        onValidate: W[1] || (W[1] = (...M) => u("validate", ...M)),
+        onValidate: H[1] || (H[1] = (...M) => u("validate", ...M)),
         onSubmit: _t(X, ["prevent"]),
         onReset: _t(I, ["prevent"])
       }), {
@@ -2664,7 +2664,7 @@ const Zr = 20, Et = {
               ($(), A(ze(w[M.valueType ?? "text"]), O({
                 ref_for: !0,
                 ref: (K) => {
-                  d.value[M.prop] = K;
+                  f.value[M.prop] = K;
                 }
               }, p(G)(M, ["valueType", "colClassName"]), {
                 modelValue: l.value[M.prop],
@@ -2685,7 +2685,7 @@ const Zr = 20, Et = {
                 type: "primary",
                 link: "",
                 class: "pel-query-form-collapse-button",
-                onClick: W[0] || (W[0] = (M) => a.value = !a.value)
+                onClick: H[0] || (H[0] = (M) => a.value = !a.value)
               }, {
                 default: b(() => [
                   me(ne(a.value ? p(i)("el.QueryForm.expand") : p(i)("el.QueryForm.collapse")) + " ", 1),
@@ -2728,7 +2728,7 @@ const Zr = 20, Et = {
         "hide-required-asterisk": ""
       }, {
         default: b(() => [
-          ($(!0), x(le, null, L(f.value, (M) => ($(), A(p(oe), {
+          ($(!0), x(le, null, L(d.value, (M) => ($(), A(p(oe), {
             key: M.prop,
             prop: M.prop,
             label: M.label,
@@ -2777,11 +2777,11 @@ const Zr = 20, Et = {
         ]),
         _: 1
       }, 8, ["model", "rules", "validate-on-rule-change"]), [
-        [zt, f.value.length]
+        [zt, d.value.length]
       ])
     ], 64));
   }
-}), Fe = (e) => e === !1 ? void 0 : e.defaultCurrentPage ?? 1, gt = (e) => e === !1 ? void 0 : e.defaultPageSize ?? Zr, mu = (e) => typeof e == "object" && e !== null && "window" in e && e.window === e, vu = (e, t, n = 0) => {
+}), Fe = (e) => e === !1 ? void 0 : e.defaultCurrentPage ?? 1, bt = (e) => e === !1 ? void 0 : e.defaultPageSize ?? Zr, mu = (e) => typeof e == "object" && e !== null && "window" in e && e.window === e, vu = (e, t, n = 0) => {
   const r = t.getBoundingClientRect().top;
   if (mu(e))
     return (e.scrollY || e.document.documentElement.scrollTop || 0) + r - n;
@@ -2867,30 +2867,30 @@ function Ou(e, t, n) {
 const Bt = mo ? window : void 0;
 function Te(e) {
   var t;
-  const n = H(e);
+  const n = W(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
 function Ru(...e) {
   const t = [], n = () => {
     t.forEach((o) => o()), t.length = 0;
-  }, r = (o, l, s, d) => (o.addEventListener(l, s, d), () => o.removeEventListener(l, s, d)), u = F(() => {
-    const o = et(H(e[0])).filter((l) => l != null);
+  }, r = (o, l, s, f) => (o.addEventListener(l, s, f), () => o.removeEventListener(l, s, f)), u = R(() => {
+    const o = et(W(e[0])).filter((l) => l != null);
     return o.every((l) => typeof l != "string") ? o : void 0;
   }), i = Ou(
     () => {
       var o, l;
       return [
         (l = (o = u.value) == null ? void 0 : o.map((s) => Te(s))) != null ? l : [Bt].filter((s) => s != null),
-        et(H(u.value ? e[1] : e[0])),
+        et(W(u.value ? e[1] : e[0])),
         et(p(u.value ? e[2] : e[1])),
         // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        H(u.value ? e[3] : e[2])
+        W(u.value ? e[3] : e[2])
       ];
     },
-    ([o, l, s, d]) => {
+    ([o, l, s, f]) => {
       if (n(), !(o != null && o.length) || !(l != null && l.length) || !(s != null && s.length))
         return;
-      const v = $u(d) ? { ...d } : d;
+      const v = $u(f) ? { ...f } : f;
       t.push(
         ...o.flatMap(
           (g) => l.flatMap(
@@ -2906,22 +2906,22 @@ function Ru(...e) {
   return jt(n), a;
 }
 function Fu() {
-  const e = R(!1), t = Ke();
+  const e = F(!1), t = Ke();
   return t && je(() => {
     e.value = !0;
   }, t), e;
 }
 function Au(e) {
   const t = Fu();
-  return F(() => (t.value, !!e()));
+  return R(() => (t.value, !!e()));
 }
 function ku(e, t, n = {}) {
   const { window: r = Bt, ...u } = n;
   let i;
   const a = Au(() => r && "ResizeObserver" in r), o = () => {
     i && (i.disconnect(), i = void 0);
-  }, l = F(() => {
-    const v = H(e);
+  }, l = R(() => {
+    const v = W(e);
     return Array.isArray(v) ? v.map((g) => Te(g)) : [Te(v)];
   }), s = Z(
     l,
@@ -2933,19 +2933,19 @@ function ku(e, t, n = {}) {
       }
     },
     { immediate: !0, flush: "post" }
-  ), d = () => {
+  ), f = () => {
     o(), s();
   };
-  return jt(d), {
+  return jt(f), {
     isSupported: a,
-    stop: d
+    stop: f
   };
 }
 function Iu(e, t = { width: 0, height: 0 }, n = {}) {
-  const { window: r = Bt, box: u = "content-box" } = n, i = F(() => {
+  const { window: r = Bt, box: u = "content-box" } = n, i = R(() => {
     var v, g;
     return (g = (v = Te(e)) == null ? void 0 : v.namespaceURI) == null ? void 0 : g.includes("svg");
-  }), a = R(t.width), o = R(t.height), { stop: l } = ku(
+  }), a = F(t.width), o = F(t.height), { stop: l } = ku(
     e,
     ([v]) => {
       const g = u === "border-box" ? v.borderBoxSize : u === "content-box" ? v.contentBoxSize : v.devicePixelContentBoxSize;
@@ -2973,13 +2973,13 @@ function Iu(e, t = { width: 0, height: 0 }, n = {}) {
       a.value = v ? t.width : 0, o.value = v ? t.height : 0;
     }
   );
-  function d() {
+  function f() {
     l(), s();
   }
   return {
     width: a,
     height: o,
-    stop: d
+    stop: f
   };
 }
 const Du = {
@@ -2989,7 +2989,7 @@ const Du = {
     Z([i, a], ([o, l]) => r({ width: o, height: l }));
   }
 };
-function bt(e) {
+function yt(e) {
   return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
 }
 function vo(e) {
@@ -3005,15 +3005,15 @@ function ju(e) {
   const t = e || window.event, n = t.target;
   return vo(n) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
 }
-const yt = /* @__PURE__ */ new WeakMap();
+const ht = /* @__PURE__ */ new WeakMap();
 function Bu(e, t = !1) {
-  const n = R(t);
+  const n = F(t);
   let r = null, u = "";
   Z(Tu(e), (o) => {
-    const l = bt(H(o));
+    const l = yt(W(o));
     if (l) {
       const s = l;
-      if (yt.get(s) || yt.set(s, s.style.overflow), s.style.overflow !== "hidden" && (u = s.style.overflow), s.style.overflow === "hidden")
+      if (ht.get(s) || ht.set(s, s.style.overflow), s.style.overflow !== "hidden" && (u = s.style.overflow), s.style.overflow === "hidden")
         return n.value = !0;
       if (n.value)
         return s.style.overflow = "hidden";
@@ -3022,7 +3022,7 @@ function Bu(e, t = !1) {
     immediate: !0
   });
   const i = () => {
-    const o = bt(H(e));
+    const o = yt(W(e));
     !o || n.value || (vr && (r = Ru(
       o,
       "touchmove",
@@ -3032,10 +3032,10 @@ function Bu(e, t = !1) {
       { passive: !1 }
     )), o.style.overflow = "hidden", n.value = !0);
   }, a = () => {
-    const o = bt(H(e));
-    !o || !n.value || (vr && (r == null || r()), o.style.overflow = u, yt.delete(o), n.value = !1);
+    const o = yt(W(e));
+    !o || !n.value || (vr && (r == null || r()), o.style.overflow = u, ht.delete(o), n.value = !1);
   };
-  return jt(a), F({
+  return jt(a), R({
     get() {
       return n.value;
     },
@@ -3046,7 +3046,7 @@ function Bu(e, t = !1) {
 }
 function Mu() {
   let e = !1;
-  const t = R(!1);
+  const t = F(!1);
   return (n, r) => {
     if (t.value = r.value, e)
       return;
@@ -3057,11 +3057,11 @@ function Mu() {
 }
 Mu();
 var gr;
-const it = typeof window < "u";
-it && ((gr = window == null ? void 0 : window.navigator) != null && gr.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+const ut = typeof window < "u";
+ut && ((gr = window == null ? void 0 : window.navigator) != null && gr.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
 const Lu = (e) => typeof e == "number", Nu = (e) => Yr(e) ? !Number.isNaN(Number(e)) : !1, Vu = (e, t) => {
   var n;
-  if (!it || !e || !t)
+  if (!ut || !e || !t)
     return "";
   let r = Zi(t);
   r === "float" && (r = "cssFloat");
@@ -3084,7 +3084,7 @@ function _u(e, t = "px") {
     return e;
 }
 const zu = (e, t) => {
-  if (!it)
+  if (!ut)
     return !1;
   const n = {
     undefined: "overflow",
@@ -3093,7 +3093,7 @@ const zu = (e, t) => {
   }[String(t)], r = Vu(e, n);
   return ["scroll", "auto", "overlay"].some((u) => r.includes(u));
 }, go = (e, t) => {
-  if (!it)
+  if (!ut)
     return;
   let n = e;
   for (; n; ) {
@@ -3107,26 +3107,26 @@ const zu = (e, t) => {
 }, xu = (e, t) => {
   const n = document.createElement("div");
   n.classList.add("el-table__fixed-header-placeholder");
-  const r = F(
+  const r = R(
     () => {
-      var f;
-      return (f = e.value) == null ? void 0 : f.$refs.headerWrapper;
+      var d;
+      return (d = e.value) == null ? void 0 : d.$refs.headerWrapper;
     }
-  ), u = F(
+  ), u = R(
     () => {
-      var f;
-      return (f = e.value) == null ? void 0 : f.$refs.tableWrapper;
+      var d;
+      return (d = e.value) == null ? void 0 : d.$refs.tableWrapper;
     }
-  ), i = R(), a = F(
+  ), i = F(), a = R(
     () => {
-      var f;
-      return ((f = e.value) == null ? void 0 : f.resizeState.headerHeight) ?? 0;
+      var d;
+      return ((d = e.value) == null ? void 0 : d.resizeState.headerHeight) ?? 0;
     }
   ), {
     top: o,
     width: l,
     update: s
-  } = wt(n, { windowScroll: !1 }), d = wt(u), v = F(() => H(t.disabled)), g = k(!1), w = k(0), T = k(0);
+  } = ot(n, { windowScroll: !1 }), f = ot(u), v = R(() => W(t.disabled)), g = k(!1), w = k(0), T = k(0);
   _e(() => {
     n.style.cssText = g.value ? `height: ${a.value}px` : "";
   }), _e(() => {
@@ -3135,7 +3135,7 @@ const zu = (e, t) => {
       r.value.style.cssText = "", r.value.classList.remove("el-table__header-fixed");
       return;
     }
-    const f = H(t.offset), y = f ? _u(f) : 0, h = `position: fixed; width: ${l.value}px; top: ${y}; transform: ${T.value ? `translateY(${T.value}px)` : ""}`;
+    const d = W(t.offset), y = d ? _u(d) : 0, h = `position: fixed; width: ${l.value}px; top: ${y}; transform: ${T.value ? `translateY(${T.value}px)` : ""}`;
     r.value.style.cssText = h, r.value.classList.add("el-table__header-fixed");
   });
   const C = () => {
@@ -3145,43 +3145,51 @@ const zu = (e, t) => {
     }
     if (!i.value) return;
     w.value = i.value instanceof Window ? document.documentElement.scrollTop : i.value.scrollTop || 0;
-    const f = H(t.offset) ?? 0, y = f + a.value, h = d.bottom.value - y;
-    g.value = f > o.value && d.bottom.value > 0, T.value = h < 0 ? h : 0;
+    const d = W(t.offset) ?? 0, y = d + a.value, h = f.bottom.value - y;
+    g.value = d > o.value && f.bottom.value > 0, T.value = h < 0 ? h : 0;
   }, P = async () => {
     s();
   };
   return je(() => {
     var y, h;
-    const f = (y = e.value) == null ? void 0 : y.$el;
-    f && ((h = f.querySelector(".el-table__inner-wrapper")) == null || h.insertAdjacentElement("afterbegin", n), i.value = go(n, !0), s());
+    const d = (y = e.value) == null ? void 0 : y.$el;
+    d && ((h = d.querySelector(".el-table__inner-wrapper")) == null || h.insertAdjacentElement("afterbegin", n), i.value = go(n, !0), s());
   }), _e(C), Ie(i, "scroll", P), {
-    isHeaderPlaceholderScrollTopOutside: F(
-      () => (H(t.offset) ?? 0) > o.value
+    isHeaderPlaceholderScrollTopOutside: R(
+      () => (W(t.offset) ?? 0) > o.value
     )
   };
 }, Wu = (e, t) => {
   const { height: n } = Zn(() => {
-    var o;
-    return (o = t.affix.value) == null ? void 0 : o.$el;
-  }), r = F(
+    var f;
+    return (f = t.affix.value) == null ? void 0 : f.$el;
+  }), r = R(
     () => {
-      var o, l, s;
-      return (s = (l = (o = e.value) == null ? void 0 : o.$refs.scrollBarRef) == null ? void 0 : l.wrapRef) == null ? void 0 : s.nextElementSibling;
+      var f, v, g;
+      return (g = (v = (f = e.value) == null ? void 0 : f.$refs.scrollBarRef) == null ? void 0 : v.wrapRef) == null ? void 0 : g.nextElementSibling;
     }
-  ), { top: u, bottom: i } = wt(() => {
-    var o;
-    return (o = e.value) == null ? void 0 : o.$el;
-  }), a = F(() => typeof window > "u" ? !1 : i.value > 0 && u.value < window.innerHeight);
+  ), u = R(
+    () => {
+      var f, v;
+      return (v = (f = e.value) == null ? void 0 : f.$el) == null ? void 0 : v.querySelector(".el-table__header-wrapper");
+    }
+  ), { top: i, bottom: a } = ot(() => {
+    var f;
+    return (f = e.value) == null ? void 0 : f.$el;
+  }), { bottom: o } = ot(() => u.value), l = R(() => typeof window > "u" ? !1 : a.value > 0 && i.value < window.innerHeight), s = R(() => {
+    var g;
+    return typeof window > "u" ? !1 : u.value ? window.innerHeight - n.value - Number(W(t.offset) || 0) - (((g = r.value) == null ? void 0 : g.clientHeight) ?? 0) >= o.value : !0;
+  });
   return _e(() => {
     if (!r.value) return;
-    if (H(t.disabled)) {
+    if (W(t.disabled)) {
       r.value.classList.remove("fixed");
       return;
     }
-    H(t.fixed) && a.value ? r.value.classList.add("fixed") : r.value.classList.remove("fixed");
+    W(t.fixed) && l.value && s.value ? r.value.classList.add("fixed") : r.value.classList.remove("fixed");
   }), {
-    footerHeight: F(() => `${n.value}px`),
-    footerOffset: F(() => `${H(t.offset)}px`)
+    footerHeight: R(() => `${n.value}px`),
+    footerOffset: R(() => `${W(t.offset)}px`)
   };
 }, Hu = {
   ref: "dataTableContainerRef",
@@ -3197,9 +3205,9 @@ const zu = (e, t) => {
       "170097c2": p(B),
       "22ff6b2e": p(X)
     }));
-    const r = hu(), u = r == null ? void 0 : r.renderDataTableError, i = r == null ? void 0 : r.renderDataTableEmpty, a = e, o = n, l = Se(), s = ko(), d = `dataTable_${s}`, { t: v } = Be(), g = R(null), w = R(null), T = R(null), C = k(!1), P = k(!1), f = R(
+    const r = hu(), u = r == null ? void 0 : r.renderDataTableError, i = r == null ? void 0 : r.renderDataTableEmpty, a = e, o = n, l = Se(), s = ko(), f = `dataTable_${s}`, { t: v } = Be(), g = F(null), w = F(null), T = F(null), C = k(!1), P = k(!1), d = F(
       Y(a.form.initialValues ?? {})
-    ), y = R(a.defaultSort), { isHeaderPlaceholderScrollTopOutside: h } = xu(w, {
+    ), y = F(a.defaultSort), { isHeaderPlaceholderScrollTopOutside: h } = xu(w, {
       disabled: () => !a.fixedHeader,
       offset: () => a.fixedHeaderOffset
     }), { footerHeight: B, footerOffset: X } = Wu(w, {
@@ -3207,21 +3215,21 @@ const zu = (e, t) => {
       disabled: () => !a.fixedFooter,
       offset: () => a.fixedFooterOffset,
       affix: T
-    }), I = k(Fe(a.pagination)), J = k(gt(a.pagination)), D = k(!0), W = k([]), M = () => {
+    }), I = k(Fe(a.pagination)), J = k(bt(a.pagination)), D = k(!0), H = k([]), M = () => {
       var c;
       (c = w.value) == null || c.clearSelection();
     }, K = (c) => {
-      W.value = c, o("selectionChange", c);
+      H.value = c, o("selectionChange", c);
     }, {
       data: ue,
       refresh: bo,
-      refetch: ut,
+      refetch: ft,
       isLoading: yo,
       error: ho
     } = Mn({
       enabled: () => a.data || !D.value ? !1 : typeof a.enabled == "boolean" ? a.enabled : typeof a.enabled == "function" ? a.enabled(
         {
-          ...f.value,
+          ...d.value,
           currentPage: I.value,
           pageSize: J.value
         },
@@ -3231,7 +3239,7 @@ const zu = (e, t) => {
         if (a.data)
           return [s];
         const c = {
-          ...f.value,
+          ...d.value,
           currentPage: I.value,
           pageSize: J.value
         }, m = [s, c, y.value ?? {}];
@@ -3242,7 +3250,7 @@ const zu = (e, t) => {
         return (c = a.queryFn) == null ? void 0 : c.call(
           a,
           {
-            ...f.value,
+            ...d.value,
             currentPage: I.value,
             pageSize: J.value
           },
@@ -3254,7 +3262,7 @@ const zu = (e, t) => {
         return (c = a.initialData) == null ? void 0 : c.call(
           a,
           {
-            ...f.value,
+            ...d.value,
             currentPage: I.value,
             pageSize: J.value
           },
@@ -3267,7 +3275,7 @@ const zu = (e, t) => {
           a,
           c,
           {
-            ...f.value,
+            ...d.value,
             currentPage: I.value,
             pageSize: J.value
           },
@@ -3279,14 +3287,14 @@ const zu = (e, t) => {
       refetchOnMount: a.refetchOnMount,
       refetchOnReconnect: a.refetchOnReconnect,
       refetchOnWindowFocus: a.refetchOnWindowFocus
-    }), ft = F(() => {
+    }), dt = R(() => {
       var c;
       return a.data ? a.data : (c = ue.value) != null && c.data ? ue.value.data : [];
-    }), Mt = F((c) => typeof a.pagination == "object" && a.pagination.total !== void 0 ? a.pagination.total : a.data ? a.data.length : ue.value ? ue.value.total : c ?? 0), wo = F(() => {
+    }), Mt = R((c) => typeof a.pagination == "object" && a.pagination.total !== void 0 ? a.pagination.total : a.data ? a.data.length : ue.value ? ue.value.total : c ?? 0), wo = R(() => {
       var c;
       return ho.value || ((c = ue.value) == null ? void 0 : c.success) === !1;
-    }), $o = F(() => a.loading || yo.value), Lt = F(
-      () => H(a.columns).filter((c) => !c.hideInForm && c.prop).sort((c, m) => (c.formItemOrder ?? 99) - (m.formItemOrder ?? 99)).map(
+    }), $o = R(() => a.loading || yo.value), Lt = R(
+      () => W(a.columns).filter((c) => !c.hideInForm && c.prop).sort((c, m) => (c.formItemOrder ?? 99) - (m.formItemOrder ?? 99)).map(
         ({ prop: c, label: m, valueType: Q, valueEnum: E, formItemProps: de }) => ({
           prop: c,
           label: m,
@@ -3316,11 +3324,11 @@ const zu = (e, t) => {
           Ce = c.formatter(E, de, ce, Xe);
         else if (c.valueEnum) {
           const fe = c.valueEnum[ce];
-          typeof fe == "string" ? Ce = fe : fe && (Ce = dt(Pn, G(fe, ["label"]), () => fe.label));
+          typeof fe == "string" ? Ce = fe : fe && (Ce = pt(Pn, G(fe, ["label"]), () => fe.label));
         }
         if (c.ellipsis) {
           const fe = c.ellipsis === !0 ? {} : c.ellipsis;
-          return dt(
+          return pt(
             Ar,
             {
               ...lu,
@@ -3337,10 +3345,10 @@ const zu = (e, t) => {
         }
         return Ve(Ce);
       }, ...m };
-    }, Co = F(
-      () => H(a.columns).filter((c) => !c.hideInTable).map((c) => {
+    }, Co = R(
+      () => W(a.columns).filter((c) => !c.hideInTable).map((c) => {
         const m = {};
-        return c.renderCell && (m.default = (Q) => Ve(c.renderCell(Q))), c.renderHeaderCell && (m.header = (Q) => Ve(c.renderHeaderCell(Q))), c.renderFilterIcon && (m.filterIcon = (Q) => Ve(c.renderFilterIcon(Q))), dt(
+        return c.renderCell && (m.default = (Q) => Ve(c.renderCell(Q))), c.renderHeaderCell && (m.header = (Q) => Ve(c.renderHeaderCell(Q))), c.renderFilterIcon && (m.filterIcon = (Q) => Ve(c.renderFilterIcon(Q))), pt(
           $n,
           {
             key: c.prop,
@@ -3350,7 +3358,7 @@ const zu = (e, t) => {
         );
       })
     ), To = (c) => {
-      Qi(c, f.value) || (f.value = c, I.value = Fe(a.pagination)), a.forceRefetchOnSearch && ut();
+      Qi(c, d.value) || (d.value = c, I.value = Fe(a.pagination)), a.forceRefetchOnSearch && ft();
     }, Po = (c) => {
       o("sortChange", c), c.order === null && (y.value = void 0), y.value = {
         prop: c.prop,
@@ -3389,7 +3397,7 @@ const zu = (e, t) => {
       Ye(), (c = g.value) == null || c.restore();
     };
     Z(
-      f,
+      d,
       (c) => {
         o("searchParamsChange", c);
       },
@@ -3427,7 +3435,7 @@ const zu = (e, t) => {
       }),
       resetForm: Re((...c) => {
         var m, Q;
-        (m = g.value) == null || m.resetFields(...c), f.value = ((Q = g.value) == null ? void 0 : Q.getFormData()) ?? Y(a.form.initialValues ?? {}), I.value = Fe(a.pagination);
+        (m = g.value) == null || m.resetFields(...c), d.value = ((Q = g.value) == null ? void 0 : Q.getFormData()) ?? Y(a.form.initialValues ?? {}), I.value = Fe(a.pagination);
       }),
       scrollToFormField: Re((...c) => {
         var m;
@@ -3503,9 +3511,9 @@ const zu = (e, t) => {
       refetch() {
         if (a.data)
           throw new Error("refetch is not supported when props.data is defined");
-        return ut();
+        return ft();
       },
-      getDataSource: () => ft.value,
+      getDataSource: () => dt.value,
       setCurrentPage: (c) => {
         var m;
         I.value = c, Ye(), (m = g.value) == null || m.restore();
@@ -3518,23 +3526,23 @@ const zu = (e, t) => {
       getPageSize: () => J.value,
       getSortParams: () => y.value,
       resetPagination: () => {
-        I.value = Fe(a.pagination), J.value = gt(a.pagination);
+        I.value = Fe(a.pagination), J.value = bt(a.pagination);
       },
       resetAll: () => {
         var c, m;
-        (c = g.value) == null || c.resetFields(), f.value = ((m = g.value) == null ? void 0 : m.getFormData()) ?? Y(a.form.initialValues ?? {}), I.value = Fe(a.pagination), J.value = gt(a.pagination), y.value = a.defaultSort;
+        (c = g.value) == null || c.resetFields(), d.value = ((m = g.value) == null ? void 0 : m.getFormData()) ?? Y(a.form.initialValues ?? {}), I.value = Fe(a.pagination), J.value = bt(a.pagination), y.value = a.defaultSort;
       },
       getFormData: () => {
         var c;
         return (c = g.value) == null ? void 0 : c.getFormData();
       },
-      getSearchParams: () => f.value,
+      getSearchParams: () => d.value,
       setSearchParams: (c, m) => {
         var fe;
-        const Q = (m == null ? void 0 : m.merge) ?? !0, E = (m == null ? void 0 : m.resetPagination) ?? !0, de = (m == null ? void 0 : m.restoreForm) ?? !0, ce = m == null ? void 0 : m.refetch, Xe = Q ? { ...Y(f.value), ...Y(c) } : Y(c);
-        f.value = Xe, E && (I.value = Fe(a.pagination)), de && ((fe = g.value) == null || fe.setFormData(Xe, { merge: !1, setShadow: !0 }));
+        const Q = (m == null ? void 0 : m.merge) ?? !0, E = (m == null ? void 0 : m.resetPagination) ?? !0, de = (m == null ? void 0 : m.restoreForm) ?? !0, ce = m == null ? void 0 : m.refetch, Xe = Q ? { ...Y(d.value), ...Y(c) } : Y(c);
+        d.value = Xe, E && (I.value = Fe(a.pagination)), de && ((fe = g.value) == null || fe.setFormData(Xe, { merge: !1, setShadow: !0 }));
         const Ce = typeof ce == "boolean" ? ce : a.forceRefetchOnSearch;
-        !a.data && Ce && ut();
+        !a.data && Ce && ft();
       },
       setFormData: Re((c, m) => {
         var Q;
@@ -3558,14 +3566,14 @@ const zu = (e, t) => {
           S(c.$slots, "toolbar")
         ], 2)) : ee("", !0),
         S(c.$slots, "selectionBar", {
-          selection: W.value,
+          selection: H.value,
           clear: M
         }, () => [
-          a.selectionBar && W.value.length > 0 ? ($(), x("div", O({
+          a.selectionBar && H.value.length > 0 ? ($(), x("div", O({
             key: 0,
             class: "pel-data-table-selection-bar"
           }, p(Rr)(a.selectionBar) ? a.selectionBar : {}), [
-            q("span", null, ne(p(v)("el.DataTable.selectedRows", { length: W.value.length })), 1),
+            q("span", null, ne(p(v)("el.DataTable.selectedRows", { length: H.value.length })), 1),
             j(Q, {
               type: "text",
               onClick: M
@@ -3577,7 +3585,7 @@ const zu = (e, t) => {
             })
           ], 16)) : ee("", !0)
         ]),
-        tt(($(), x("div", { id: d }, [
+        tt(($(), x("div", { id: f }, [
           tt(($(), A(p(Sn), O(
             {
               ref_key: "tableRef",
@@ -3608,7 +3616,7 @@ const zu = (e, t) => {
               "fixedHeaderOffset"
             ]),
             {
-              data: ft.value,
+              data: dt.value,
               onSortChange: Po,
               onSelect: m[1] || (m[1] = (...E) => o("select", ...E)),
               onSelectAll: m[2] || (m[2] = (...E) => o("selectAll", ...E)),
@@ -3658,13 +3666,13 @@ const zu = (e, t) => {
           ]), 1040, ["data"])), [
             [p(Cn), $o.value]
           ]),
-          !c.hidePaginationWhenEmpty || ft.value.length ? ($(), x(le, { key: 0 }, [
+          !c.hidePaginationWhenEmpty || dt.value.length ? ($(), x(le, { key: 0 }, [
             c.fixedFooter && C.value ? ($(), A(p(Tn), {
               key: 0,
               ref_key: "footerAffix",
               ref: T,
               position: "bottom",
-              target: `#${d}`,
+              target: `#${f}`,
               offset: c.fixedFooterOffset,
               "z-index": 4,
               onChange: m[20] || (m[20] = (E) => P.value = E)
@@ -3755,25 +3763,25 @@ const zu = (e, t) => {
       default: u,
       footer: i,
       ...a
-    } = Se(), { t: o } = Be(), l = k(null), s = k(null), d = k(!0), v = k(!0), g = k(
-      new IntersectionObserver((f) => {
-        f.forEach(({ isIntersecting: y, target: h }) => {
+    } = Se(), { t: o } = Be(), l = k(null), s = k(null), f = k(!0), v = k(!0), g = k(
+      new IntersectionObserver((d) => {
+        d.forEach(({ isIntersecting: y, target: h }) => {
           const { role: B } = h.dataset;
-          B === "top-sentinel" ? d.value = y : B === "bottom-sentinel" && (v.value = y);
+          B === "top-sentinel" ? f.value = y : B === "bottom-sentinel" && (v.value = y);
         });
       })
     ), w = () => {
       r("opened"), l.value && g.value.observe(l.value), s.value && g.value.observe(s.value);
     }, T = () => {
-      r("closed"), d.value = !0, v.value = !0, g.value.disconnect();
-    }, C = F(
+      r("closed"), f.value = !0, v.value = !0, g.value.disconnect();
+    }, C = R(
       () => $e(
         {
-          "el-dialog__header-shadow": !d.value
+          "el-dialog__header-shadow": !f.value
         },
         n.headerClass
       )
-    ), P = F(
+    ), P = R(
       () => $e(
         {
           "el-dialog__footer-shadow": !v.value
@@ -3781,35 +3789,35 @@ const zu = (e, t) => {
         n.footerClass
       )
     );
-    return (f, y) => ($(), A(p(Rn), {
-      "model-value": f.modelValue,
-      title: f.title,
-      width: f.width,
-      fullscreen: f.fullscreen,
-      top: f.top,
-      modal: f.modal,
-      "modal-class": f.modalClass,
+    return (d, y) => ($(), A(p(Rn), {
+      "model-value": d.modelValue,
+      title: d.title,
+      width: d.width,
+      fullscreen: d.fullscreen,
+      top: d.top,
+      modal: d.modal,
+      "modal-class": d.modalClass,
       "header-class": C.value,
-      "body-class": f.bodyClass,
+      "body-class": d.bodyClass,
       "footer-class": P.value,
-      "append-to-body": f.appendToBody,
-      "append-to": f.appendTo,
-      "lock-scroll": f.lockScroll,
-      "open-delay": f.openDelay,
-      "close-delay": f.closeDelay,
-      "close-on-click-modal": f.closeOnClickModal,
-      "close-on-press-escape": f.closeOnPressEscape,
-      "show-close": f.showClose,
-      "before-close": f.beforeClose,
-      draggable: f.draggable,
-      overflow: f.overflow,
-      center: f.center,
-      "align-center": f.alignCenter,
-      "destroy-on-close": f.destroyOnClose,
-      "close-icon": f.closeIcon,
-      "z-index": f.zIndex,
-      "header-aria-level": f.headerAriaLevel,
-      class: ke(p($e)(!f.width && f.size && `el-dialog__${f.size}`)),
+      "append-to-body": d.appendToBody,
+      "append-to": d.appendTo,
+      "lock-scroll": d.lockScroll,
+      "open-delay": d.openDelay,
+      "close-delay": d.closeDelay,
+      "close-on-click-modal": d.closeOnClickModal,
+      "close-on-press-escape": d.closeOnPressEscape,
+      "show-close": d.showClose,
+      "before-close": d.beforeClose,
+      draggable: d.draggable,
+      overflow: d.overflow,
+      center: d.center,
+      "align-center": d.alignCenter,
+      "destroy-on-close": d.destroyOnClose,
+      "close-icon": d.closeIcon,
+      "z-index": d.zIndex,
+      "header-aria-level": d.headerAriaLevel,
+      class: ke(p($e)(!d.width && d.size && `el-dialog__${d.size}`)),
       onClose: y[2] || (y[2] = (h) => r("close")),
       onCloseAutoFocus: y[3] || (y[3] = (h) => r("closeAutoFocus")),
       onClosed: T,
@@ -3819,24 +3827,24 @@ const zu = (e, t) => {
       "onUpdate:modelValue": y[6] || (y[6] = (h) => r("update:modelValue", h))
     }, z({
       footer: b(() => [
-        S(f.$slots, "footer", {}, () => [
-          f.footer ? ($(), x("div", qu, [
-            j(p(he), O(f.cancelButtonProps, {
+        S(d.$slots, "footer", {}, () => [
+          d.footer ? ($(), x("div", qu, [
+            j(p(he), O(d.cancelButtonProps, {
               onClick: y[0] || (y[0] = (h) => r("cancel"))
             }), {
               default: b(() => [
-                me(ne(f.cancelText ?? p(o)("el.Modal.cancel")), 1)
+                me(ne(d.cancelText ?? p(o)("el.Modal.cancel")), 1)
               ]),
               _: 1
             }, 16),
             j(p(he), O({
-              type: f.okType,
-              loading: f.confirmLoading
-            }, f.okButtonProps, {
+              type: d.okType,
+              loading: d.confirmLoading
+            }, d.okButtonProps, {
               onClick: y[1] || (y[1] = (h) => r("ok"))
             }), {
               default: b(() => [
-                me(ne(f.okText ?? p(o)("el.Modal.confirm")), 1)
+                me(ne(d.okText ?? p(o)("el.Modal.confirm")), 1)
               ]),
               _: 1
             }, 16, ["type", "loading"])
@@ -3856,7 +3864,7 @@ const zu = (e, t) => {
                 "data-role": "top-sentinel",
                 style: { height: "16px" }
               }, null, 512),
-              S(f.$slots, "default", N(V(h))),
+              S(d.$slots, "default", N(V(h))),
               q("div", {
                 ref_key: "bottomSentinel",
                 ref: s,
@@ -3872,12 +3880,12 @@ const zu = (e, t) => {
       L(a, (h, B) => ({
         name: B,
         fn: b((X) => [
-          S(f.$slots, B, N(V(X)))
+          S(d.$slots, B, N(V(X)))
         ])
       }))
     ]), 1032, ["model-value", "title", "width", "fullscreen", "top", "modal", "modal-class", "header-class", "body-class", "footer-class", "append-to-body", "append-to", "lock-scroll", "open-delay", "close-delay", "close-on-click-modal", "close-on-press-escape", "show-close", "before-close", "draggable", "overflow", "center", "align-center", "destroy-on-close", "close-icon", "z-index", "header-aria-level", "class"]));
   }
-}), Ku = G(ht, [
+}), Ku = G(wt, [
   "filterMethod",
   "remoteMethod",
   "remoteShowSuffix",
@@ -3910,26 +3918,26 @@ const zu = (e, t) => {
   props: Qu,
   emits: Yu,
   setup(e, { expose: t, emit: n }) {
-    const r = (f, y) => f ? y.label.includes(f) : !0, u = e, i = n, a = Se(), o = k(), l = k(""), s = k([]), d = k(!1), v = F(
+    const r = (d, y) => d ? y.label.includes(d) : !0, u = e, i = n, a = Se(), o = k(), l = k(""), s = k([]), f = k(!1), v = R(
       () => u.filterable === !0 || u.filterable === "remote"
-    ), g = F(() => {
-      let f;
-      return u.options ? f = u.options : u.valueEnum ? f = Object.entries(u.valueEnum).map(
+    ), g = R(() => {
+      let d;
+      return u.options ? d = u.options : u.valueEnum ? d = Object.entries(u.valueEnum).map(
         ([y, h]) => ({
           label: h,
           value: y
         })
-      ) : f = s.value, u.filterable === "remote" ? f : f.filter(
+      ) : d = s.value, u.filterable === "remote" ? d : d.filter(
         (y) => (u.filterOption ?? r)(l.value, y)
       );
     }), w = qn(
-      async (f, y) => {
+      async (d, y) => {
         try {
-          d.value = !0;
-          const h = await u.request(f, y);
+          f.value = !0;
+          const h = await u.request(d, y);
           s.value = h;
         } finally {
-          d.value = !1;
+          f.value = !1;
         }
       },
       () => u.debounceTime,
@@ -3940,14 +3948,14 @@ const zu = (e, t) => {
         () => u.filterable === "remote" ? l.value : "",
         () => u.params
       ],
-      async ([f, y]) => {
-        u.options || u.valueEnum || u.request && w(f, y);
+      async ([d, y]) => {
+        u.options || u.valueEnum || u.request && w(d, y);
       },
       {
         immediate: !0
       }
     );
-    const T = (f) => G(f, [
+    const T = (d) => G(d, [
       "filterOption",
       "disableOption",
       "request",
@@ -3957,25 +3965,25 @@ const zu = (e, t) => {
       "params",
       "loading",
       "filterable"
-    ]), C = (f) => {
-      l.value = f ?? "";
-    }, P = (f) => f ? typeof f == "object" ? f[u.valueKey] : f : "";
-    return Z(l, (f) => {
-      i("search", f);
+    ]), C = (d) => {
+      l.value = d ?? "";
+    }, P = (d) => d ? typeof d == "object" ? d[u.valueKey] : d : "";
+    return Z(l, (d) => {
+      i("search", d);
     }), t({
       focus: () => {
-        var f;
-        (f = o.value) == null || f.focus();
+        var d;
+        (d = o.value) == null || d.focus();
       },
       blur: () => {
-        var f;
-        (f = o.value) == null || f.blur();
+        var d;
+        (d = o.value) == null || d.blur();
       }
-    }), (f, y) => ($(), A(p(Pr), O({
+    }), (d, y) => ($(), A(p(Pr), O({
       ref_key: "selectRef",
       ref: o
     }, T(u), {
-      loading: f.loading || d.value,
+      loading: d.loading || f.value,
       filterable: v.value,
       "filter-method": C,
       "onUpdate:modelValue": y[0] || (y[0] = (h) => i("update:modelValue", h)),
@@ -3988,14 +3996,14 @@ const zu = (e, t) => {
       onVisibleChange: y[7] || (y[7] = (h) => i("visible-change", h))
     }), z({
       default: b(() => [
-        S(f.$slots, "default", { options: g.value }, () => [
+        S(d.$slots, "default", { options: g.value }, () => [
           ($(!0), x(le, null, L(g.value, (h) => {
             var B, X;
             return $(), x(le, null, [
               h.options ? ($(), A(p(Er), {
                 key: `group-${h.label}`,
                 label: h.label,
-                disabled: ((B = f.disableOption) == null ? void 0 : B.call(f, l.value, h)) ?? h.disabled
+                disabled: ((B = d.disableOption) == null ? void 0 : B.call(d, l.value, h)) ?? h.disabled
               }, {
                 default: b(() => [
                   ($(!0), x(le, null, L(h.options, (I) => {
@@ -4004,10 +4012,10 @@ const zu = (e, t) => {
                       key: `group-option-${P(I.value)}`,
                       label: I.label,
                       value: I.value ?? I.label,
-                      disabled: ((J = f.disableOption) == null ? void 0 : J.call(f, l.value, I)) ?? I.disabled
+                      disabled: ((J = d.disableOption) == null ? void 0 : J.call(d, l.value, I)) ?? I.disabled
                     }, {
                       default: b(() => [
-                        a.option ? S(f.$slots, "option", O({
+                        a.option ? S(d.$slots, "option", O({
                           key: 0,
                           ref_for: !0
                         }, I)) : ee("", !0)
@@ -4021,10 +4029,10 @@ const zu = (e, t) => {
                 key: `option-${P(h.value)}`,
                 label: h.label,
                 value: h.value ?? h.label,
-                disabled: ((X = f.disableOption) == null ? void 0 : X.call(f, l.value, h)) ?? h.disabled
+                disabled: ((X = d.disableOption) == null ? void 0 : X.call(d, l.value, h)) ?? h.disabled
               }, {
                 default: b(() => [
-                  a.option ? S(f.$slots, "option", O({
+                  a.option ? S(d.$slots, "option", O({
                     key: 0,
                     ref_for: !0
                   }, h)) : ee("", !0)
@@ -4040,49 +4048,49 @@ const zu = (e, t) => {
       a.header ? {
         name: "header",
         fn: b(() => [
-          S(f.$slots, "header")
+          S(d.$slots, "header")
         ]),
         key: "0"
       } : void 0,
       a.footer ? {
         name: "footer",
         fn: b(() => [
-          S(f.$slots, "footer")
+          S(d.$slots, "footer")
         ]),
         key: "1"
       } : void 0,
       a.prefix ? {
         name: "prefix",
         fn: b(() => [
-          S(f.$slots, "prefix")
+          S(d.$slots, "prefix")
         ]),
         key: "2"
       } : void 0,
       a.empty ? {
         name: "empty",
         fn: b(() => [
-          S(f.$slots, "empty")
+          S(d.$slots, "empty")
         ]),
         key: "3"
       } : void 0,
       a.loading ? {
         name: "loading",
         fn: b(() => [
-          S(f.$slots, "loading")
+          S(d.$slots, "loading")
         ]),
         key: "4"
       } : void 0,
       a.tag ? {
         name: "tag",
         fn: b((h) => [
-          S(f.$slots, "tag", N(V(h)))
+          S(d.$slots, "tag", N(V(h)))
         ]),
         key: "5"
       } : void 0,
       a.label ? {
         name: "label",
         fn: b(({ label: h, value: B }) => [
-          S(f.$slots, "label", {
+          S(d.$slots, "label", {
             label: h,
             value: B
           })
@@ -4121,11 +4129,11 @@ const zu = (e, t) => {
   props: Xu,
   emits: Ju,
   setup(e, { emit: t }) {
-    const { t: n } = Be(), r = e, u = t, i = k(), a = F(() => {
+    const { t: n } = Be(), r = e, u = t, i = k(), a = R(() => {
       if (!i.value || !r.src) return r.src;
       const l = r.src.includes("?") ? "&" : "?";
       return `${r.src}${l}ts=${i.value}`;
-    }), o = F(() => {
+    }), o = R(() => {
       if (r.preview)
         return r.previewSrcList.length ? r.previewSrcList : [a.value];
     });
@@ -4135,11 +4143,11 @@ const zu = (e, t) => {
     }, l.$props, {
       src: a.value,
       previewSrcList: o.value,
-      onLoad: s[1] || (s[1] = (d) => u("load", d)),
-      onError: s[2] || (s[2] = (d) => u("error", d)),
-      onSwitch: s[3] || (s[3] = (d) => u("switch", d)),
-      onClose: s[4] || (s[4] = (d) => u("close")),
-      onShow: s[5] || (s[5] = (d) => u("show"))
+      onLoad: s[1] || (s[1] = (f) => u("load", f)),
+      onError: s[2] || (s[2] = (f) => u("error", f)),
+      onSwitch: s[3] || (s[3] = (f) => u("switch", f)),
+      onClose: s[4] || (s[4] = (f) => u("close")),
+      onShow: s[5] || (s[5] = (f) => u("show"))
     }), z({
       error: b(() => [
         q("div", Zu, [
@@ -4149,7 +4157,7 @@ const zu = (e, t) => {
           l.showRefresh ? ($(), x("div", {
             key: 1,
             class: "pel-image-refresh-button",
-            onClick: s[0] || (s[0] = (d) => i.value = Date.now())
+            onClick: s[0] || (s[0] = (f) => i.value = Date.now())
           }, [
             S(l.$slots, "refreshButton", {}, () => [
               j(p(Ae), null, {
@@ -4183,7 +4191,7 @@ const zu = (e, t) => {
         "error",
         "refreshButton",
         "placeholder"
-      ]), (d, v) => ({
+      ]), (f, v) => ({
         name: v,
         fn: b((g) => [
           S(l.$slots, v, N(V(g)))
@@ -4257,7 +4265,7 @@ const zu = (e, t) => {
       footer: u,
       default: i,
       header: a
-    } = Se(), { t: o } = Be(), l = k(!0), s = k(!0), d = k(null), v = k(null), g = F(() => !!u || n.footer), w = F(() => n.withHeader), T = k(
+    } = Se(), { t: o } = Be(), l = k(!0), s = k(!0), f = k(null), v = k(null), g = R(() => !!u || n.footer), w = R(() => n.withHeader), T = k(
       new IntersectionObserver((h) => {
         h.forEach(({ isIntersecting: B, target: X }) => {
           const { role: I } = X.dataset;
@@ -4265,17 +4273,17 @@ const zu = (e, t) => {
         });
       })
     ), C = () => {
-      r("opened"), d.value && T.value.observe(d.value), v.value && T.value.observe(v.value);
+      r("opened"), f.value && T.value.observe(f.value), v.value && T.value.observe(v.value);
     }, P = () => {
       r("closed"), l.value = !0, s.value = !0, T.value.disconnect();
-    }, f = F(
+    }, d = R(
       () => $e(
         {
           "el-drawer__header-shadow": w.value && !l.value
         },
         n.headerClass
       )
-    ), y = F(
+    ), y = R(
       () => $e(
         {
           "el-drawer__footer-shadow": g.value && !s.value
@@ -4301,7 +4309,7 @@ const zu = (e, t) => {
           "model-value": h.modelValue,
           size: h.width ?? "95%",
           class: p($e)(!h.width && h.size && `el-drawer__${h.size}`, `el-drawer__${h.direction}`),
-          "header-class": f.value,
+          "header-class": d.value,
           "footer-class": y.value,
           onClose: B[2] || (B[2] = (I) => r("close")),
           onClosed: P,
@@ -4346,7 +4354,7 @@ const zu = (e, t) => {
               default: b(() => [
                 q("div", {
                   ref_key: "topSentinel",
-                  ref: d,
+                  ref: f,
                   "data-role": "top-sentinel",
                   style: { height: "16px" }
                 }, null, 512),
@@ -4373,7 +4381,7 @@ const zu = (e, t) => {
       ]), 1040, ["model-value", "size", "class", "header-class", "footer-class"]);
     };
   }
-}), Of = "1.7.16";
+}), Of = "1.7.17";
 export {
   kl as CheckboxGroup,
   mf as ConfigProvider,