@wx-design/components 0.10.13 → 0.10.15

package/es/index.mjs

@@ -1,5 +1,5 @@
 import Rr, { VxeColgroup as ea, Column as ta, Table as ra } from "vxe-table";
-import { computed as T, inject as Br, defineComponent as P, openBlock as F, createElementBlock as q, createElementVNode as U, watchEffect as jr, createBlock as k, unref as O, withCtx as j, createVNode as $, ref as R, watch as de, mergeProps as S, renderSlot as K, createCommentVNode as Se, onMounted as Lr, nextTick as Dr, isVNode as na, mergeDefaults as aa, provide as Nr, normalizeClass as la, toHandlers as oa, Fragment as Vr, renderList as Xe, createSlots as ia, normalizeProps as kr, guardReactiveProps as Kr, reactive as sa } from "vue";
+import { computed as S, inject as Br, defineComponent as P, openBlock as F, createElementBlock as q, createElementVNode as U, watchEffect as jr, createBlock as k, unref as O, withCtx as j, createVNode as $, ref as R, watch as de, mergeProps as A, renderSlot as K, createCommentVNode as Se, onMounted as Lr, nextTick as Dr, isVNode as na, mergeDefaults as aa, provide as Nr, normalizeClass as la, toHandlers as oa, Fragment as Vr, renderList as Xe, createSlots as ia, normalizeProps as kr, guardReactiveProps as Kr, reactive as sa } from "vue";
 import { ElDropdown as ua, ElDropdownMenu as ca, ElDropdownItem as Et, ElCheckbox as Je, ElButton as Ze, ElTooltip as fa, ElInput as da, ElInputNumber as va, ElDatePicker as ga, ElSelect as Ur, ElOption as Qe, ElSwitch as ba, ElIcon as Mt, ElImage as Pt, ElPopover as Hr, ElDialog as pa, ElSelectV2 as ha } from "element-plus";
 import ya from "vuedraggable";
 var _e = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
@@ -641,17 +641,17 @@ function we(e, t, r, n, a, l) {
     }
   }
   l || (l = new Jf());
-  var b = l.get(e);
-  if (b)
-    return b;
-  l.set(e, i), pd(e) ? e.forEach(function(d) {
-    i.add(we(d, t, r, d, e, l));
-  }) : gd(e) && e.forEach(function(d, v) {
-    i.set(v, we(d, t, r, v, e, l));
+  var g = l.get(e);
+  if (g)
+    return g;
+  l.set(e, i), pd(e) ? e.forEach(function(m) {
+    i.add(we(m, t, r, m, e, l));
+  }) : gd(e) && e.forEach(function(m, d) {
+    i.set(d, we(m, t, r, d, e, l));
   });
-  var h = u ? s ? id : od : s ? yd : hd, g = p ? void 0 : h(e);
-  return Zf(g || e, function(d, v) {
-    g && (v = d, d = e[v]), Qf(i, v, we(d, t, r, v, e, l));
+  var h = u ? s ? id : od : s ? yd : hd, v = p ? void 0 : h(e);
+  return Zf(v || e, function(m, d) {
+    v && (d = m, m = e[d]), Qf(i, d, we(m, t, r, d, e, l));
   }), i;
 }
 var bn = we, Gd = te, zd = Y, qd = "[object Symbol]";
@@ -866,26 +866,26 @@ function rb(e, t, r, n, a, l) {
   var u = l.get(e), p = l.get(t);
   if (u && p)
     return u == t && p == e;
-  var f = -1, c = !0, b = r & tb ? new Jg() : void 0;
+  var f = -1, c = !0, g = r & tb ? new Jg() : void 0;
   for (l.set(e, t), l.set(t, e); ++f < o; ) {
-    var h = e[f], g = t[f];
+    var h = e[f], v = t[f];
     if (n)
-      var d = i ? n(g, h, f, t, e, l) : n(h, g, f, e, t, l);
-    if (d !== void 0) {
-      if (d)
+      var m = i ? n(v, h, f, t, e, l) : n(h, v, f, e, t, l);
+    if (m !== void 0) {
+      if (m)
         continue;
       c = !1;
       break;
     }
-    if (b) {
-      if (!Zg(t, function(v, y) {
-        if (!Qg(b, y) && (h === v || a(h, v, r, n, l)))
-          return b.push(y);
+    if (g) {
+      if (!Zg(t, function(d, b) {
+        if (!Qg(g, b) && (h === d || a(h, d, r, n, l)))
+          return g.push(b);
       })) {
         c = !1;
         break;
       }
-    } else if (!(h === g || a(h, g, r, n, l))) {
+    } else if (!(h === v || a(h, v, r, n, l))) {
       c = !1;
       break;
     }
@@ -952,27 +952,27 @@ function Ib(e, t, r, n, a, l) {
     if (!(i ? c in t : Ob.call(t, c)))
       return !1;
   }
-  var b = l.get(e), h = l.get(t);
-  if (b && h)
-    return b == t && h == e;
-  var g = !0;
+  var g = l.get(e), h = l.get(t);
+  if (g && h)
+    return g == t && h == e;
+  var v = !0;
   l.set(e, t), l.set(t, e);
-  for (var d = i; ++f < s; ) {
+  for (var m = i; ++f < s; ) {
     c = o[f];
-    var v = e[c], y = t[c];
+    var d = e[c], b = t[c];
     if (n)
-      var w = i ? n(y, v, c, t, e, l) : n(v, y, c, e, t, l);
-    if (!(w === void 0 ? v === y || a(v, y, r, n, l) : w)) {
-      g = !1;
+      var w = i ? n(b, d, c, t, e, l) : n(d, b, c, e, t, l);
+    if (!(w === void 0 ? d === b || a(d, b, r, n, l) : w)) {
+      v = !1;
       break;
     }
-    d || (d = c == "constructor");
+    m || (m = c == "constructor");
   }
-  if (g && !d) {
-    var x = e.constructor, m = t.constructor;
-    x != m && "constructor" in e && "constructor" in t && !(typeof x == "function" && x instanceof x && typeof m == "function" && m instanceof m) && (g = !1);
+  if (v && !m) {
+    var x = e.constructor, y = t.constructor;
+    x != y && "constructor" in e && "constructor" in t && !(typeof x == "function" && x instanceof x && typeof y == "function" && y instanceof y) && (v = !1);
   }
-  return l.delete(e), l.delete(t), g;
+  return l.delete(e), l.delete(t), v;
 }
 var xb = Ib, Ge = vt, Eb = wn, Mb = Tb, Pb = xb, br = Ne, pr = N, hr = bt, Fb = tn, Rb = 1, yr = "[object Arguments]", mr = "[object Array]", Ce = "[object Object]", Bb = Object.prototype, $r = Bb.hasOwnProperty;
 function jb(e, t, r, n, a, l) {
@@ -987,10 +987,10 @@ function jb(e, t, r, n, a, l) {
   if (c && !p)
     return l || (l = new Ge()), i || Fb(e) ? Eb(e, t, r, n, a, l) : Mb(e, t, s, r, n, a, l);
   if (!(r & Rb)) {
-    var b = p && $r.call(e, "__wrapped__"), h = f && $r.call(t, "__wrapped__");
-    if (b || h) {
-      var g = b ? e.value() : e, d = h ? t.value() : t;
-      return l || (l = new Ge()), a(g, d, r, n, l);
+    var g = p && $r.call(e, "__wrapped__"), h = f && $r.call(t, "__wrapped__");
+    if (g || h) {
+      var v = g ? e.value() : e, m = h ? t.value() : t;
+      return l || (l = new Ge()), a(v, m, r, n, l);
     }
   }
   return c ? (l || (l = new Ge()), Pb(e, t, r, n, a, l)) : !1;
@@ -1201,47 +1201,47 @@ function Hh(e, t, r) {
   if (typeof e != "function")
     throw new TypeError(kh);
   t = Sr(t) || 0, Vh(r) && (p = !!r.leading, f = "maxWait" in r, l = f ? Kh(Sr(r.maxWait) || 0, t) : l, c = "trailing" in r ? !!r.trailing : c);
-  function b(_) {
-    var A = n, M = a;
-    return n = a = void 0, u = _, i = e.apply(M, A), i;
+  function g(_) {
+    var T = n, M = a;
+    return n = a = void 0, u = _, i = e.apply(M, T), i;
   }
   function h(_) {
-    return u = _, o = setTimeout(v, t), p ? b(_) : i;
+    return u = _, o = setTimeout(d, t), p ? g(_) : i;
   }
-  function g(_) {
-    var A = _ - s, M = _ - u, G = t - A;
+  function v(_) {
+    var T = _ - s, M = _ - u, G = t - T;
     return f ? Uh(G, l - M) : G;
   }
-  function d(_) {
-    var A = _ - s, M = _ - u;
-    return s === void 0 || A >= t || A < 0 || f && M >= l;
+  function m(_) {
+    var T = _ - s, M = _ - u;
+    return s === void 0 || T >= t || T < 0 || f && M >= l;
   }
-  function v() {
+  function d() {
     var _ = ze();
-    if (d(_))
-      return y(_);
-    o = setTimeout(v, g(_));
+    if (m(_))
+      return b(_);
+    o = setTimeout(d, v(_));
   }
-  function y(_) {
-    return o = void 0, c && n ? b(_) : (n = a = void 0, i);
+  function b(_) {
+    return o = void 0, c && n ? g(_) : (n = a = void 0, i);
   }
   function w() {
     o !== void 0 && clearTimeout(o), u = 0, n = s = a = o = void 0;
   }
   function x() {
-    return o === void 0 ? i : y(ze());
+    return o === void 0 ? i : b(ze());
   }
-  function m() {
-    var _ = ze(), A = d(_);
-    if (n = arguments, a = this, s = _, A) {
+  function y() {
+    var _ = ze(), T = m(_);
+    if (n = arguments, a = this, s = _, T) {
       if (o === void 0)
         return h(s);
       if (f)
-        return clearTimeout(o), o = setTimeout(v, t), b(s);
+        return clearTimeout(o), o = setTimeout(d, t), g(s);
     }
-    return o === void 0 && (o = setTimeout(v, t)), i;
+    return o === void 0 && (o = setTimeout(d, t)), i;
   }
-  return m.cancel = w, m.flush = x, m;
+  return y.cancel = w, y.flush = x, y;
 }
 var xn = Hh;
 const Ee = /* @__PURE__ */ L(xn);
@@ -1305,7 +1305,7 @@ const Xh = /* @__PURE__ */ L(Yh), ot = {
       total: "সংক্ষেপ"
     }
   }
-}, e1 = (e) => ({ locale: T(() => {
+}, e1 = (e) => ({ locale: S(() => {
   switch (e.value) {
     case "zh-cn":
       return ot;
@@ -1547,25 +1547,25 @@ const Cy = /* @__PURE__ */ L(_y), wy = "sab-table-config-", Pn = (e) => `${wy}${
     "update:config-columns"
   ],
   setup(e, { emit: t }) {
-    const r = e, n = t, { locale: a } = Ot(), l = T(() => {
-      const c = [], b = [];
+    const r = e, n = t, { locale: a } = Ot(), l = S(() => {
+      const c = [], g = [];
       return (r.columns || []).forEach((h) => {
-        h.field && !h.noHeaderSet ? c.push(h) : b.push(h);
+        h.field && !h.noHeaderSet ? c.push(h) : g.push(h);
       }), {
         sortables: c,
-        notSortables: b
+        notSortables: g
       };
     }), i = (c) => {
-      const b = Ay(
+      const g = Ay(
         l.value.sortables,
         c
       );
       n("update:columns", [
         ...l.value.notSortables,
-        ...b
+        ...g
       ]), n("update:config-columns", c);
-    }, o = T({
-      get: () => l.value.sortables.map((c, b) => ({
+    }, o = S({
+      get: () => l.value.sortables.map((c, g) => ({
         field: c.field,
         title: c.title,
         visible: c.visible !== !1,
@@ -1575,22 +1575,22 @@ const Cy = /* @__PURE__ */ L(_y), wy = "sab-table-config-", Pn = (e) => `${wy}${
     }), s = jr(() => {
       var c;
       (c = r.initColumns) != null && c.length && (i(r.initColumns), s == null || s());
-    }), u = T({
+    }), u = S({
       get: () => {
         var c;
-        return (c = o.value) == null ? void 0 : c.every((b) => b.visible);
+        return (c = o.value) == null ? void 0 : c.every((g) => g.visible);
       },
       set: (c) => {
-        var b;
-        o.value = (b = o.value) == null ? void 0 : b.map((h) => (h.visible = c, h));
+        var g;
+        o.value = (g = o.value) == null ? void 0 : g.map((h) => (h.visible = c, h));
       }
-    }), p = T(() => {
+    }), p = S(() => {
       var c;
-      return !u.value && ((c = o.value) == null ? void 0 : c.some((b) => b.visible));
+      return !u.value && ((c = o.value) == null ? void 0 : c.some((g) => g.visible));
     }), f = () => {
       i(o.value);
     };
-    return (c, b) => (F(), k(O(ua), {
+    return (c, g) => (F(), k(O(ua), {
       trigger: "click",
       "hide-on-click": !1,
       "popper-class": "sab-table-set-popper",
@@ -1607,7 +1607,7 @@ const Cy = /* @__PURE__ */ L(_y), wy = "sab-table-config-", Pn = (e) => `${wy}${
                     class: "sab-table-set-dropdown--item-checkbox",
                     indeterminate: p.value,
                     modelValue: u.value,
-                    "onUpdate:modelValue": b[0] || (b[0] = (g) => u.value = g),
+                    "onUpdate:modelValue": g[0] || (g[0] = (v) => u.value = v),
                     label: (h = O(a)) == null ? void 0 : h.sabDesign.table.set.selectAll
                   }, null, 8, ["indeterminate", "modelValue", "label"])
                 ];
@@ -1616,7 +1616,7 @@ const Cy = /* @__PURE__ */ L(_y), wy = "sab-table-config-", Pn = (e) => `${wy}${
             }),
             $(O(ya), {
               modelValue: o.value,
-              "onUpdate:modelValue": b[1] || (b[1] = (h) => o.value = h),
+              "onUpdate:modelValue": g[1] || (g[1] = (h) => o.value = h),
               animation: "300",
               itemKey: "field"
             }, {
@@ -1627,7 +1627,7 @@ const Cy = /* @__PURE__ */ L(_y), wy = "sab-table-config-", Pn = (e) => `${wy}${
                       $(O(Je), {
                         class: "sab-table-set-dropdown--item-checkbox",
                         modelValue: h.visible,
-                        "onUpdate:modelValue": (g) => h.visible = g,
+                        "onUpdate:modelValue": (v) => h.visible = v,
                         onChange: f,
                         label: h.title,
                         title: h.title
@@ -1712,7 +1712,7 @@ const Cy = /* @__PURE__ */ L(_y), wy = "sab-table-config-", Pn = (e) => `${wy}${
         immediate: !0
       }
     );
-    const l = t, i = T({
+    const l = t, i = S({
       get: () => r.columns || [],
       set: (o) => l("update:columns", o)
     });
@@ -1749,9 +1749,9 @@ const Cy = /* @__PURE__ */ L(_y), wy = "sab-table-config-", Pn = (e) => `${wy}${
     const r = e, n = t;
     return (a, l) => {
       var i;
-      return F(), q("div", S({
+      return F(), q("div", A({
         class: ["sab-table-toolbar", r.class]
-      }, a.$attrs), [U("div", xy, [K(a.$slots, "default")]), U("div", Ey, [K(a.$slots, "toolbar-right"), r.name && ((i = a.tableSetConfig) == null ? void 0 : i.enabled) !== !1 ? (F(), k(Iy, S({
+      }, a.$attrs), [U("div", xy, [K(a.$slots, "default")]), U("div", Ey, [K(a.$slots, "toolbar-right"), r.name && ((i = a.tableSetConfig) == null ? void 0 : i.enabled) !== !1 ? (F(), k(Iy, A({
         key: 0,
         name: r.name
       }, a.tableSetConfig, {
@@ -1950,7 +1950,7 @@ const z = (e, t) => {
     const n = (a) => {
       r("update:modelValue", a);
     };
-    return () => $(da, S({
+    return () => $(da, A({
       size: "small",
       modelValue: e.modelValue,
       onInput: n
@@ -1967,7 +1967,7 @@ const z = (e, t) => {
         row: r,
         column: n
       } = e, a = z(e, t);
-      return $(jn, S({
+      return $(jn, A({
         modelValue: r[n.field],
         "onUpdate:modelValue": (l) => r[n.field] = l
       }, a), null);
@@ -1983,7 +1983,7 @@ const z = (e, t) => {
     const n = (a, l) => {
       r("update:modelValue", a, l);
     };
-    return () => $(va, S({
+    return () => $(va, A({
       size: "small",
       modelValue: e.modelValue,
       controlsPosition: "right",
@@ -2002,7 +2002,7 @@ const z = (e, t) => {
         row: r,
         column: n
       } = e, a = z(e, t);
-      return $(Dn, S({
+      return $(Dn, A({
         modelValue: r[n.field],
         "onUpdate:modelValue": (l) => r[n.field] = l
       }, a), null);
@@ -2018,7 +2018,7 @@ const z = (e, t) => {
     const n = (a) => {
       r("update:modelValue", a);
     };
-    return () => $(ga, S({
+    return () => $(ga, A({
       size: "small",
       format: "YYYY-MM-DD HH:mm:ss",
       valueFormat: "YYYY-MM-DD HH:mm:ss",
@@ -2037,7 +2037,7 @@ const z = (e, t) => {
         row: r,
         column: n
       } = e, a = z(e, t);
-      return $(Vn, S({
+      return $(Vn, A({
         modelValue: r[n.field],
         "onUpdate:modelValue": (l) => r[n.field] = l
       }, a), null);
@@ -2077,78 +2077,78 @@ const z = (e, t) => {
     attrs: t,
     emit: r
   }) {
-    var g;
+    var m;
     const {
       renderOption: n,
       renderOptionLabel: a,
       scope: l,
       ...i
-    } = t, o = R([]), s = T(() => e.options || o.value || []), u = R(""), p = T(() => u.value && !e.remote ? s.value.filter((d) => `${d[e.labelKey]}${d[e.valueKey]}`.toLowerCase().includes(u.value.toLowerCase())) : s.value), f = (d) => {
-      var v, y;
+    } = t, o = R([]), s = S(() => e.options || o.value || []), u = R(""), p = S(() => u.value && !e.remote ? s.value.filter((d) => `${d[e.labelKey]}${d[e.valueKey]}`.toLowerCase().includes(u.value.toLowerCase())) : s.value), f = (d) => {
+      var b, w;
       if (r("update:modelValue", d), Array.isArray(d)) {
-        const w = d.map((x) => {
-          var m;
-          return (m = s.value.find((_) => _[e.valueKey] === x)) == null ? void 0 : m[e.labelKey];
+        const x = d.map((y) => {
+          var _;
+          return (_ = s.value.find((T) => T[e.valueKey] === y)) == null ? void 0 : _[e.labelKey];
         });
-        r("update:label", w);
+        r("update:label", x);
       } else {
-        const w = (v = s.value.find((x) => x[e.valueKey] === d)) == null ? void 0 : v[e.labelKey];
-        r("update:label", w);
+        const x = (b = s.value.find((y) => y[e.valueKey] === d)) == null ? void 0 : b[e.labelKey];
+        r("update:label", x);
       }
-      (y = e == null ? void 0 : e.onChange) == null || y.call(e, d, {
+      (w = e == null ? void 0 : e.onChange) == null || w.call(e, d, {
         options: s.value
       });
-    }, c = R(!1), b = Ee(async (d) => {
-      var v;
+    }, c = R(!1), g = Ee(async (d) => {
+      var b;
       try {
         c.value = !0;
-        const y = await ((v = e.dynamicOptions) == null ? void 0 : v.call(e, {
+        const w = await ((b = e.dynamicOptions) == null ? void 0 : b.call(e, {
           ...l,
           keywords: d
         }));
-        o.value = y;
+        o.value = w;
       } finally {
         c.value = !1;
       }
-    }, ((g = e.dynamicDebounce) == null ? void 0 : g.delay) ?? 300, {
+    }, ((m = e.dynamicDebounce) == null ? void 0 : m.delay) ?? 300, {
       leading: !1,
       trailing: !0,
       ...e.dynamicDebounce
     });
     Lr(() => {
-      typeof e.dynamicOptions == "function" && b();
+      typeof e.dynamicOptions == "function" && g();
     });
     const h = () => {
-      e.revalidateOnFocus && b();
-    };
-    return () => $(Ur, S({
+      e.revalidateOnFocus && g();
+    }, v = S(() => e.remote ? void 0 : (d) => u.value = d);
+    return () => $(Ur, A({
       size: "small",
       filterable: !0,
       modelValue: e.modelValue,
       loading: c.value,
       teleported: !1,
-      filterMethod: (d) => u.value = d,
+      filterMethod: v.value,
       remote: e.remote,
-      remoteMethod: b,
+      remoteMethod: g,
       onFocus: h
     }, i, {
       onChange: f
     }), {
       default: () => {
         var d;
-        return [(d = p.value) == null ? void 0 : d.map((v) => {
-          const y = typeof a == "function" ? a(v) : v[e.labelKey];
+        return [(d = p.value) == null ? void 0 : d.map((b) => {
+          const w = typeof a == "function" ? a(b) : b[e.labelKey];
           return $(Qe, {
-            key: v[e.valueKey],
-            value: v[e.valueKey],
-            label: y,
-            disabled: v[e.disabledKey]
+            key: b[e.valueKey],
+            value: b[e.valueKey],
+            label: w,
+            disabled: b[e.disabledKey]
           }, {
-            default: () => [typeof n == "function" ? n(v) : $("span", {
+            default: () => [typeof n == "function" ? n(b) : $("span", {
               style: {
                 fontWeight: "normal"
               }
-            }, [v[e.labelKey]])]
+            }, [b[e.labelKey]])]
           });
         })];
       }
@@ -2166,7 +2166,7 @@ const z = (e, t) => {
         row: r,
         column: n
       } = e, a = z(e, t);
-      return a != null && a.effectValueField ? $(it, S({
+      return a != null && a.effectValueField ? $(it, A({
         automaticDropdown: !0,
         modelValue: r[a.effectValueField],
         "onUpdate:modelValue": (l) => r[a.effectValueField] = l,
@@ -2174,7 +2174,7 @@ const z = (e, t) => {
         "onUpdate:label": (l) => r[n.field] = l
       }, a, {
         scope: e
-      }), null) : $(it, S({
+      }), null) : $(it, A({
         automaticDropdown: !0,
         modelValue: r[n.field],
         "onUpdate:modelValue": (l) => r[n.field] = l
@@ -2197,7 +2197,7 @@ const z = (e, t) => {
         row: o.row,
         column: o.column
       }) : s;
-    }, a = T({
+    }, a = S({
       get() {
         return typeof e.valueTrue == "function" ? e.modelValue === e.valueTrue({
           row: e.row,
@@ -2218,7 +2218,7 @@ const z = (e, t) => {
         });
       });
     };
-    return e.showType === "switch" ? () => $(ba, S({
+    return e.showType === "switch" ? () => $(ba, A({
       size: "small",
       style: {
         lineHieght: 1
@@ -2226,7 +2226,7 @@ const z = (e, t) => {
       modelValue: a.value,
       onChange: l,
       disabled: e.disabled
-    }, r), null) : () => $(Je, S({
+    }, r), null) : () => $(Je, A({
       style: {
         lineHieght: 1
       },
@@ -2263,11 +2263,11 @@ const z = (e, t) => {
       const {
         row: r,
         column: n
-      } = e, a = z(e, t), l = Br("table-config"), i = T(() => {
+      } = e, a = z(e, t), l = Br("table-config"), i = S(() => {
         var o, s;
         return n.editable || ((s = (o = l.value) == null ? void 0 : o.editConfig) == null ? void 0 : s.enabled);
       });
-      return $(Un, S({
+      return $(Un, A({
         modelValue: r[n.field],
         "onUpdate:modelValue": (o) => r[n.field] = o,
         showType: "checkbox",
@@ -2288,7 +2288,7 @@ const z = (e, t) => {
   setup(e, {
     emit: t
   }) {
-    const r = e.column, n = r.headerFilterConfig, a = (n == null ? void 0 : n.sabCellType) || r.sabCellType, l = T(() => {
+    const r = e.column, n = r.headerFilterConfig, a = (n == null ? void 0 : n.sabCellType) || r.sabCellType, l = S(() => {
       var o;
       return n != null && n.extendFromColumnEditor ? B(
         // @ts-ignore
@@ -2296,20 +2296,20 @@ const z = (e, t) => {
         (n == null ? void 0 : n.editorProps) || {}
       ) : n == null ? void 0 : n.editorProps;
     }), i = R(e.headerFilterModel[r.field]);
-    return () => a === C.InputNumber ? $(Dn, S({
+    return () => a === C.InputNumber ? $(Dn, A({
       modelValue: e.headerFilterModel[r.field],
       "onUpdate:modelValue": (o) => e.headerFilterModel[r.field] = o
-    }, l.value), null) : a === C.Boolean ? $(Un, S({
+    }, l.value), null) : a === C.Boolean ? $(Un, A({
       modelValue: e.headerFilterModel[r.field],
       "onUpdate:modelValue": (o) => e.headerFilterModel[r.field] = o
-    }, l.value), null) : a === C.DatePciker ? $(Vn, S({
+    }, l.value), null) : a === C.DatePciker ? $(Vn, A({
       format: "YYYY-MM-DD HH:mm:ss",
       modelValue: e.headerFilterModel[r.field],
       "onUpdate:modelValue": (o) => e.headerFilterModel[r.field] = o
     }, l.value, {
       type: "datetimerange",
       prefixIcon: $("span", null, null)
-    }), null) : a === C.Select ? $(it, S({
+    }), null) : a === C.Select ? $(it, A({
       modelValue: e.headerFilterModel[r.field],
       "onUpdate:modelValue": (o) => e.headerFilterModel[r.field] = o
     }, l.value, {
@@ -2317,7 +2317,7 @@ const z = (e, t) => {
       clearable: !0,
       "collapse-tags": !0,
       "collapse-tags-tooltip": !0
-    }), null) : a === C.Image || a === C.Dynamic || !r.field ? null : $(jn, S({
+    }), null) : a === C.Image || a === C.Dynamic || !r.field ? null : $(jn, A({
       modelValue: i.value,
       "onUpdate:modelValue": (o) => i.value = o
     }, l.value, {
@@ -2369,11 +2369,11 @@ const z = (e, t) => {
     headerFilterModel: r = {},
     xTable: n,
     data: a
-  } = e, l = t.field, i = T(() => {
+  } = e, l = t.field, i = S(() => {
     var u, p, f;
     if ((u = t.headerFilterConfig) != null && u.enable && ((p = t.headerFilterConfig) != null && p.autoCollect))
-      return Bn(a.value, l).sort((c, b) => c[l] < b[l] ? 1 : -1).map((c) => ({
-        label: c[l],
+      return Bn(a.value.map((c) => ((c[l] === void 0 || c[l] === null || c[l] === "" || c[l].replace(/\s+/g, "") === "") && (c[l] = ""), c)), l).sort((c, g) => c[l] < g[l] ? 1 : -1).map((c) => ({
+        label: c[l] === "" ? "（空）" : c[l],
         value: c[l]
       }));
     if ((f = t.headerFilterConfig) != null && f.enable)
@@ -2385,7 +2385,7 @@ const z = (e, t) => {
     row: p,
     ...f
   }) => {
-    var h, g, d;
+    var h, v, m;
     if (typeof t.filterMethod == "function")
       return t.filterMethod({
         option: u,
@@ -2398,48 +2398,48 @@ const z = (e, t) => {
         row: p,
         ...f
       });
-    const c = T(() => {
-      var v, y, w, x;
-      return (v = t == null ? void 0 : t.headerFilterConfig) != null && v.extendFromColumnEditor ? B(
+    const c = S(() => {
+      var d, b, w, x;
+      return (d = t == null ? void 0 : t.headerFilterConfig) != null && d.extendFromColumnEditor ? B(
         // @ts-ignore
-        t.editorProps || ((y = t.editRender) == null ? void 0 : y.editorProps) || {},
+        t.editorProps || ((b = t.editRender) == null ? void 0 : b.editorProps) || {},
         ((w = t.headerFilterConfig) == null ? void 0 : w.editorProps) || {}
       ) : (x = t == null ? void 0 : t.headerFilterConfig) == null ? void 0 : x.editorProps;
-    }), b = u.data ?? u.value;
-    if (typeof b < "u" && t.field) {
-      let v = ((d = p[((g = c.value) == null ? void 0 : g.effectValueField) || t.field]) == null ? void 0 : d.toString().toLowerCase()) || "";
-      if (Array.isArray(b)) {
-        for (let y of b)
-          if (v.includes(y == null ? void 0 : y.toString().toLowerCase()))
+    }), g = u.data ?? u.value;
+    if (typeof g < "u" && t.field) {
+      let d = ((m = p[((v = c.value) == null ? void 0 : v.effectValueField) || t.field]) == null ? void 0 : m.toString().toLowerCase()) || "";
+      if (Array.isArray(g)) {
+        for (let b of g)
+          if (d.includes(b == null ? void 0 : b.toString().toLowerCase()))
             return !0;
-        if (b.length === 2) {
-          let [y, w] = b;
-          return t.sabCellType === C.DatePciker && (y = new Date(y), w = new Date(w), v = new Date(v)), v >= y && v <= w;
+        if (g.length === 2) {
+          let [b, w] = g;
+          return t.sabCellType === C.DatePciker && (b = new Date(b), w = new Date(w), d = new Date(d)), d >= b && d <= w;
         }
       }
-      return v.includes(b == null ? void 0 : b.toString().toLowerCase());
+      return d.includes(g == null ? void 0 : g.toString().toLowerCase());
     }
     return !0;
   };
   return de(() => r[t.field], (u) => {
-    var f, c, b;
+    var f, c, g;
     if (!((f = t.headerFilterConfig) != null && f.enable))
       return;
     const p = n.value;
     if (p) {
       const h = p.getColumnByField(t.field);
       if (h) {
-        const g = h.filters[0];
-        g.data = u, u === "" || u === null || typeof u > "u" || Array.isArray(u) && u.length === 0 ? g.checked = !1 : g.checked = !0, p.updateData();
-        const d = (c = n.value) == null ? void 0 : c.getCheckedFilters();
-        (b = e.onFilter) == null || b.call(e, {
+        const v = h.filters[0];
+        v.data = u, u === "" || u === null || typeof u > "u" || Array.isArray(u) && u.length === 0 ? v.checked = !1 : v.checked = !0, p.updateData();
+        const m = (c = n.value) == null ? void 0 : c.getCheckedFilters();
+        (g = e.onFilter) == null || g.call(e, {
           $table: n.value,
           // @ts-ignore
           column: t,
           field: t.field,
           values: Array.isArray(u) ? u : [u],
-          filters: d,
-          filterList: d
+          filters: m,
+          filterList: m
         });
       }
     }
@@ -2470,57 +2470,57 @@ const Gn = /* @__PURE__ */ P({
       headerFilterModel: o,
       children: s,
       ...u
-    } = t, p = T(() => {
-      const v = {};
-      return Object.keys(a || {}).forEach((y) => {
-        v[y] = (w) => typeof a[y] == "string" ? r[a[y]](w) : typeof a[y] == "function" ? a[y](w, l) : null;
-      }), v;
-    }), f = T(() => e.xTable), c = T(() => e.data), {
-      filters: b,
+    } = t, p = S(() => {
+      const d = {};
+      return Object.keys(a || {}).forEach((b) => {
+        d[b] = (w) => typeof a[b] == "string" ? r[a[b]](w) : typeof a[b] == "function" ? a[b](w, l) : null;
+      }), d;
+    }), f = S(() => e.xTable), c = S(() => e.data), {
+      filters: g,
       filterMethod: h
     } = xm({
       data: c,
       column: u,
       headerFilterModel: o,
       xTable: f,
-      onFilter: (v) => n("filter-change", v)
-    }), g = T(() => {
-      var v, y;
+      onFilter: (d) => n("filter-change", d)
+    }), v = S(() => {
+      var d, b;
       return ke(u.headerClassName, {
-        "sab-table-header-filter-column": ((v = u.headerFilterConfig) == null ? void 0 : v.enable) && !((y = u.headerFilterConfig) != null && y.autoCollect)
+        "sab-table-header-filter-column": ((d = u.headerFilterConfig) == null ? void 0 : d.enable) && !((b = u.headerFilterConfig) != null && b.autoCollect)
       });
-    }), d = T(() => {
-      var v, y;
-      return ((v = u.headerFilterConfig) == null ? void 0 : v.enable) && !((y = u.headerFilterConfig) != null && y.autoCollect) && u.type != "checkbox" && u.type != "radio" && u.type != "seq";
+    }), m = S(() => {
+      var d, b;
+      return ((d = u.headerFilterConfig) == null ? void 0 : d.enable) && !((b = u.headerFilterConfig) != null && b.autoCollect) && u.type != "checkbox" && u.type != "radio" && u.type != "seq";
     });
     return Array.isArray(s) && s.length > 0 ? () => {
-      let v;
+      let d;
       return $(ea, {
         title: i
-      }, Em(v = s.map((y) => $(Gn, S({
+      }, Em(d = s.map((b) => $(Gn, A({
         headerFilterModel: o,
         data: e.data,
         xTable: e.xTable,
-        key: y.field,
+        key: b.field,
         visible: !0
-      }, y), null))) ? v : {
-        default: () => [v]
+      }, b), null))) ? d : {
+        default: () => [d]
       });
-    } : () => $(ta, S(u, {
-      filters: b.value,
-      headerClassName: g.value,
+    } : () => $(ta, A(u, {
+      filters: g.value,
+      headerClassName: v.value,
       filterMethod: h
     }), {
       ...p.value,
-      header: d.value ? (v) => $(Im, {
+      header: m.value ? (d) => $(Im, {
         column: t,
         headerFilterModel: o
       }, {
         default: () => {
-          var y, w;
+          var b, w;
           return (
             // @ts-ignore
-            ((w = (y = p.value).header) == null ? void 0 : w.call(y, v)) ?? i
+            ((w = (b = p.value).header) == null ? void 0 : w.call(b, d)) ?? i
           );
         }
       }) : void 0
@@ -2682,7 +2682,7 @@ const Lm = /* @__PURE__ */ L(jm), Dm = /* @__PURE__ */ P({
   setup(e, {
     attrs: t
   }) {
-    return e.src ? e.preview ? () => $(Pt, S({
+    return e.src ? e.preview ? () => $(Pt, A({
       lazy: !0,
       fit: "contain",
       src: e.src,
@@ -2708,7 +2708,7 @@ const Lm = /* @__PURE__ */ L(jm), Dm = /* @__PURE__ */ P({
       }, {
         default: () => [$(Ar, null, null)]
       }),
-      default: () => $(Pt, S({
+      default: () => $(Pt, A({
         lazy: !0,
         src: e.src,
         style: {
@@ -2745,7 +2745,7 @@ const Lm = /* @__PURE__ */ L(jm), Dm = /* @__PURE__ */ P({
   },
   name: "SabCellColor",
   setup(e) {
-    const t = T(() => {
+    const t = S(() => {
       var r, n;
       return ((r = e.color) == null ? void 0 : r.length) === 6 ? `#${e.color}` : ((n = e.color) == null ? void 0 : n.length) === 9 ? `rgb(${e.color.substring(0, 3)},${e.color.substring(3, 6)},${e.color.substring(6, 9)})` : e.color;
     });
@@ -2782,15 +2782,15 @@ const Lm = /* @__PURE__ */ L(jm), Dm = /* @__PURE__ */ P({
     const {
       scope: n,
       popover: a
-    } = e, l = R(), i = T(() => a.showType === "dialog"), o = R(!1), s = R(), u = () => {
-      const b = R(!1);
+    } = e, l = R(), i = S(() => a.showType === "dialog"), o = R(!1), s = R(), u = () => {
+      const g = R(!1);
       return {
-        showDialog: b,
+        showDialog: g,
         onCloseDialog: () => {
-          b.value = !1;
+          g.value = !1;
         },
         onShowDialog: () => {
-          b.value = !0, o.value = !0;
+          g.value = !0, o.value = !0;
         }
       };
     }, {
@@ -2799,15 +2799,15 @@ const Lm = /* @__PURE__ */ L(jm), Dm = /* @__PURE__ */ P({
       onShowDialog: c
     } = u();
     return r({
-      popoverRef: T(() => ({
+      popoverRef: S(() => ({
         ...s.value,
         hide: () => {
-          var b;
-          o.value = !1, i.value || (b = s.value) == null || b.hide();
+          var g;
+          o.value = !1, i.value || (g = s.value) == null || g.hide();
         }
       }))
     }), () => {
-      var b;
+      var g;
       return $("div", null, [$("div", {
         class: "sab-cell-popover-inner",
         style: {
@@ -2818,12 +2818,12 @@ const Lm = /* @__PURE__ */ L(jm), Dm = /* @__PURE__ */ P({
         onClick: c
       }, [$("span", {
         class: "sab-cell-popover-inner-ctx"
-      }, [(b = t.default) == null ? void 0 : b.call(t)]), !(a != null && a.hideIcon) && $(Ze, {
+      }, [(g = t.default) == null ? void 0 : g.call(t)]), !(a != null && a.hideIcon) && $(Ze, {
         round: !1,
         class: "sab-cell-popover-inner-btn",
         size: "small",
         icon: $(r1, null, null)
-      }, null)]), i.value ? p.value && $(pa, S({
+      }, null)]), i.value ? p.value && $(pa, A({
         ref: s,
         modelValue: o.value,
         "onUpdate:modelValue": (h) => o.value = h,
@@ -2840,7 +2840,7 @@ const Lm = /* @__PURE__ */ L(jm), Dm = /* @__PURE__ */ P({
           var h;
           return [(h = t.popover) == null ? void 0 : h.call(t, n)];
         }
-      }) : $(Hr, S({
+      }) : $(Hr, A({
         ref: s,
         persistent: !1,
         "virtual-ref": l,
@@ -2866,7 +2866,7 @@ const Lm = /* @__PURE__ */ L(jm), Dm = /* @__PURE__ */ P({
       const {
         row: r,
         column: n
-      } = e, a = z(e, t), l = R(), i = T(() => {
+      } = e, a = z(e, t), l = R(), i = S(() => {
         var o;
         return (o = l.value) == null ? void 0 : o.popoverRef;
       });
@@ -3018,10 +3018,10 @@ const Jn = [
   "custom"
 ], Jm = (e) => {
   const { checkboxRecords: t, emit: r, xTable: n, tableConfig: a } = e, l = (f = []) => {
-    var g, d, v, y;
-    const c = ((g = n.value) == null ? void 0 : g.getCheckboxRecords()) || [], b = ((d = n.value) == null ? void 0 : d.getCheckboxRecords(!0)) || [], h = ((v = a.value.rowConfig) == null ? void 0 : v.keyField) || ((y = a.value.rowConfig) != null && y.useKey ? "_X_ROW_KEY" : void 0);
+    var v, m, d, b;
+    const c = ((v = n.value) == null ? void 0 : v.getCheckboxRecords()) || [], g = ((m = n.value) == null ? void 0 : m.getCheckboxRecords(!0)) || [], h = ((d = a.value.rowConfig) == null ? void 0 : d.keyField) || ((b = a.value.rowConfig) != null && b.useKey ? "_X_ROW_KEY" : void 0);
     return h ? Bn(
-      [...f, ...c, ...b],
+      [...f, ...c, ...g],
       h
     ) : c;
   }, i = (f) => {
@@ -3035,17 +3035,17 @@ const Jn = [
     t.value = c || [], r("checkbox-range-end", { ...f, records: c });
   }, u = {
     "cell-click": async (f) => {
-      var g, d, v, y, w, x;
-      const { row: c, column: b } = f, h = (g = n.value) == null ? void 0 : g.isCheckedByCheckboxRow(c);
-      if (ce.has(Te.Shift) && b.field == "sab-table-seq") {
+      var v, m, d, b, w, x;
+      const { row: c, column: g } = f, h = (v = n.value) == null ? void 0 : v.isCheckedByCheckboxRow(c);
+      if (ce.has(Te.Shift) && g.field == "sab-table-seq") {
         i(f);
         return;
       }
-      if ((ce.has(Te.Control) || ce.has(Te.Meta)) && b.field == "sab-table-seq") {
-        h || await ((d = n.value) == null ? void 0 : d.setCheckboxRow(c, !1)), s(f);
+      if ((ce.has(Te.Control) || ce.has(Te.Meta)) && g.field == "sab-table-seq") {
+        h || await ((m = n.value) == null ? void 0 : m.setCheckboxRow(c, !1)), s(f);
         return;
       }
-      b.field === "sab-table-seq" && ((v = a.value.seqConfig) != null && v.clearOtherSelectedWhenClick && await ((y = n.value) == null ? void 0 : y.clearCheckboxRow()), await ((w = n.value) == null ? void 0 : w.setCheckboxRow(c, !0)), (x = n.value) == null || x.setCurrentRow(c), i(f)), r("cell-click", f);
+      g.field === "sab-table-seq" && ((d = a.value.seqConfig) != null && d.clearOtherSelectedWhenClick && await ((b = n.value) == null ? void 0 : b.clearCheckboxRow()), await ((w = n.value) == null ? void 0 : w.setCheckboxRow(c, !0)), (x = n.value) == null || x.setCurrentRow(c), i(f)), r("cell-click", f);
     },
     "checkbox-change": async (f) => {
       f.column.field === "sab-table-seq" || i(f);
@@ -3130,16 +3130,16 @@ const n$ = (e) => {
   };
   return n(e), ({ columns: a, data: l }) => [
     a.map((i, o) => {
-      var s, u, p, f, c, b, h, g, d;
+      var s, u, p, f, c, g, h, v, m;
       return o === 0 && (!i.field || i.type) ? (
         // @ts-ignore
         ((p = (u = (s = t.value) == null ? void 0 : s.sabDesign) == null ? void 0 : u.table) == null ? void 0 : p.total) || ((c = (f = t == null ? void 0 : t.sabDesign) == null ? void 0 : f.table) == null ? void 0 : c.total)
-      ) : typeof ((b = r[i.field]) == null ? void 0 : b.footerMethod) == "function" ? (g = (h = r[i.field]) == null ? void 0 : h.footerMethod) == null ? void 0 : g.call(
+      ) : typeof ((g = r[i.field]) == null ? void 0 : g.footerMethod) == "function" ? (v = (h = r[i.field]) == null ? void 0 : h.footerMethod) == null ? void 0 : v.call(
         h,
         r[i.field],
         l
-      ) : (d = r[i.field]) != null && d.withSummary ? l.reduce(
-        (v, y) => r$.plus(v, y[i.field] || 0),
+      ) : (m = r[i.field]) != null && m.withSummary ? l.reduce(
+        (d, b) => r$.plus(d, b[i.field] || 0),
         0
       ) : null;
     })
@@ -3253,33 +3253,33 @@ const n$ = (e) => {
     "update:checkboxRecords"
   ],
   setup(e, { expose: t, emit: r }) {
-    const n = e, a = R(), { locale: l } = Ot(), i = T(() => {
-      const g = Mm(
+    const n = e, a = R(), { locale: l } = Ot(), i = S(() => {
+      const v = Mm(
         {
           keyboardConfig: {
-            editMethod({ row: d, column: v }) {
-              return a.value.setEditCell(d, v), !0;
+            editMethod({ row: m, column: d }) {
+              return a.value.setEditCell(m, d), !0;
             }
           }
         },
         lt(n, "data")
       );
-      return g.columns = Ym(g.columns || [], g), g;
-    }), o = T(() => {
-      var g;
+      return v.columns = Ym(v.columns || [], v), v;
+    }), o = S(() => {
+      var v;
       return al(
-        (g = i.value.columns) == null ? void 0 : g.map((d) => d.slots ? Object.values(d.slots).filter(
-          (v) => typeof v == "string"
+        (v = i.value.columns) == null ? void 0 : v.map((m) => m.slots ? Object.values(m.slots).filter(
+          (d) => typeof d == "string"
         ) : [])
       );
-    }), s = r, u = T({
+    }), s = r, u = S({
       get() {
         return n.checkboxRecords || [];
       },
       set: Xh(
-        function(g) {
-          var d;
-          s("update:checkboxRecords", g), (d = a.value) == null || d.setCheckboxRow(g, !0);
+        function(v) {
+          var m;
+          s("update:checkboxRecords", v), (m = a.value) == null || m.setCheckboxRow(v, !0);
         },
         300,
         {
@@ -3290,9 +3290,9 @@ const n$ = (e) => {
     });
     de(
       () => n.checkboxRecords,
-      (g) => {
-        var d;
-        Array.isArray(g) && ((d = a.value) == null || d.setCheckboxRow(g, !0));
+      (v) => {
+        var m;
+        Array.isArray(v) && ((m = a.value) == null || m.setCheckboxRow(v, !0));
       }
     );
     const { onEvents: p } = Jm({
@@ -3300,71 +3300,71 @@ const n$ = (e) => {
       emit: s,
       xTable: a,
       tableConfig: i
-    }), f = T(
+    }), f = S(
       () => mh(lt(i.value, "columns", "data"), Ch)
     );
     Nr("table-config", f);
     const c = R(!0);
     de(
       () => {
-        var g;
-        return (g = i.value.columns) == null ? void 0 : g.filter((d) => d.visible != !1).map((d) => d.field).join(",");
+        var v;
+        return (v = i.value.columns) == null ? void 0 : v.filter((m) => m.visible != !1).map((m) => m.field).join(",");
       },
       () => {
-        var g, d;
-        (g = n.headerFilterConfig) != null && g.enable ? (c.value = !1, Dr(() => {
+        var v, m;
+        (v = n.headerFilterConfig) != null && v.enable ? (c.value = !1, Dr(() => {
           c.value = !0;
-        })) : (d = a.value) == null || d.reloadColumn(i.value.columns), u.value = [], s("checkbox-all", { checked: !1, records: [] });
+        })) : (m = a.value) == null || m.reloadColumn(i.value.columns), u.value = [], s("checkbox-all", { checked: !1, records: [] });
       }
     );
-    const b = T(() => n.showToolbar || !!n.tableSetConfig), h = R(n.headerFilterModel || {});
+    const g = S(() => n.showToolbar || !!n.tableSetConfig), h = R(n.headerFilterModel || {});
     return t({
       getInstance: () => a.value,
       // 重新加载当前行数据，刷新状态
-      reloadRow: (g) => {
-        var d;
-        Array.isArray(g) ? g.forEach(async (v) => {
-          var y;
-          return await ((y = a.value) == null ? void 0 : y.reloadRow(v));
-        }) : (d = a.value) == null || d.reloadRow(g);
+      reloadRow: (v) => {
+        var m;
+        Array.isArray(v) ? v.forEach(async (d) => {
+          var b;
+          return await ((b = a.value) == null ? void 0 : b.reloadRow(d));
+        }) : (m = a.value) == null || m.reloadRow(v);
       },
       // 获取表头筛选数据
       getCheckedFilters() {
-        var g;
-        return (g = a.value) == null ? void 0 : g.getCheckedFilters();
+        var v;
+        return (v = a.value) == null ? void 0 : v.getCheckedFilters();
       }
-    }), (g, d) => {
-      var v, y, w;
+    }), (v, m) => {
+      var d, b, w;
       return F(), q("div", {
         class: la(["sab-table-wrap", n.wrapClassName])
       }, [
-        b.value ? (F(), k(My, {
+        g.value ? (F(), k(My, {
           key: 0,
           "table-ref": a.value,
           columns: n.columns,
           name: n.name,
-          tableSetConfig: g.tableSetConfig,
-          "onUpdate:columns": d[0] || (d[0] = (x) => s("update:columns", x))
+          tableSetConfig: v.tableSetConfig,
+          "onUpdate:columns": m[0] || (m[0] = (x) => s("update:columns", x))
         }, {
           "toolbar-right": j(() => [
-            K(g.$slots, "toolbar-right")
+            K(v.$slots, "toolbar-right")
           ]),
           default: j(() => [
-            K(g.$slots, "toolbar")
+            K(v.$slots, "toolbar")
           ]),
           _: 3
         }, 8, ["table-ref", "columns", "name", "tableSetConfig"])) : Se("", !0),
         U("div", a$, [
-          c.value ? (F(), k(O(ra), S({
+          c.value ? (F(), k(O(ra), A({
             key: 0,
             ref_key: "xTable",
             ref: a,
             data: n.data,
             footerMethod: O(n$)(i.value.columns || [])
           }, f.value, oa(O(p)), {
-            "empty-text": (v = O(l)) == null ? void 0 : v.sabDesign.table.emptyText,
+            "empty-text": (d = O(l)) == null ? void 0 : d.sabDesign.table.emptyText,
             "loading-config": {
-              text: (y = O(l)) == null ? void 0 : y.sabDesign.table.loadingText
+              text: (b = O(l)) == null ? void 0 : b.sabDesign.table.loadingText
             },
             class: [
               "sab-table",
@@ -3373,25 +3373,25 @@ const n$ = (e) => {
                 // 无需背景高亮
                 "sab-table-row-no-bg-highlight": i.value.rowBackgroundHighlight === !1,
                 // 有头部筛选条
-                "sab-table-header-filters": ((w = g.headerFilterConfig) == null ? void 0 : w.enable) != !1
+                "sab-table-header-filters": ((w = v.headerFilterConfig) == null ? void 0 : w.enable) != !1
               }
             ]
           }), {
             default: j(() => [
-              (F(!0), q(Vr, null, Xe(i.value.columns, (x) => (F(), k(O(Gn), S({
-                data: g.data,
+              (F(!0), q(Vr, null, Xe(i.value.columns, (x) => (F(), k(O(Gn), A({
+                data: v.data,
                 key: x.field
               }, x, {
                 xTable: a.value,
                 visible: x.visible != !1,
                 headerFilterModel: h.value,
-                "onUpdate:headerFilterModel": d[1] || (d[1] = (m) => h.value = m),
+                "onUpdate:headerFilterModel": m[1] || (m[1] = (y) => h.value = y),
                 onFilterChange: O(p)["filter-change"]
               }), ia({ _: 2 }, [
-                Xe(o.value, (m) => ({
-                  name: m,
+                Xe(o.value, (y) => ({
+                  name: y,
                   fn: j((_) => [
-                    K(g.$slots, m, kr(Kr(_)))
+                    K(v.$slots, y, kr(Kr(_)))
                   ])
                 }))
               ]), 1040, ["data", "xTable", "visible", "headerFilterModel", "onFilterChange"]))), 128))
@@ -3399,7 +3399,7 @@ const n$ = (e) => {
             _: 3
           }, 16, ["data", "footerMethod", "empty-text", "loading-config", "class"])) : Se("", !0)
         ]),
-        K(g.$slots, "table-footer")
+        K(v.$slots, "table-footer")
       ], 2);
     };
   }
@@ -3448,20 +3448,20 @@ const Fr = /* @__PURE__ */ P({
         },
         n.pagination
       )
-    ), i = R(!1), o = R(""), s = R(!1), u = async (m = "", _ = 1) => {
-      var A;
-      if (n.remoteMethod && (o.value = m, !(_ != 1 && s.value))) {
+    ), i = R(!1), o = R(""), s = R(!1), u = async (y = "", _ = 1) => {
+      var T;
+      if (n.remoteMethod && (o.value = y, !(_ != 1 && s.value))) {
         l.current = _;
         try {
           i.value = !0;
-          const M = await ((A = n.remoteMethod) == null ? void 0 : A.call(n, m, l));
+          const M = await ((T = n.remoteMethod) == null ? void 0 : T.call(n, y, l));
           Array.isArray(M) || !M ? (l.current === 1 ? a.value = M || [] : a.value.push(...M || []), s.value = (M == null ? void 0 : M.length) < l.size) : (l.current === 1 ? a.value = M.records || [] : a.value.push(...M.records || []), l.pages = Math.max(1, M.pages || 0), s.value = l.current >= l.pages);
         } finally {
           i.value = !1;
         }
       }
     }, p = Ee(
-      (m) => u(m, 1),
+      (y) => u(y, 1),
       500,
       {
         leading: !1,
@@ -3481,51 +3481,51 @@ const Fr = /* @__PURE__ */ P({
     Lr(() => {
       p();
     });
-    const c = R(`el-select-${Date.now()}_${Math.round(Math.random() * 1e5)}`), b = () => {
-      let m;
+    const c = R(`el-select-${Date.now()}_${Math.round(Math.random() * 1e5)}`), g = () => {
+      let y;
       const _ = function() {
         this.scrollHeight - this.scrollTop - 1 <= this.clientHeight && f();
       };
       return {
         listen: () => {
           var G;
-          m = (G = document.querySelector(`.${c.value}`)) == null ? void 0 : G.querySelector(".el-select-dropdown__wrap"), m == null || m.addEventListener("scroll", _);
+          y = (G = document.querySelector(`.${c.value}`)) == null ? void 0 : G.querySelector(".el-select-dropdown__wrap"), y == null || y.addEventListener("scroll", _);
         },
         unListen: () => {
-          m == null || m.removeEventListener("scroll", _);
+          y == null || y.removeEventListener("scroll", _);
         }
       };
-    }, { listen: h, unListen: g } = b(), d = (m) => {
-      r("focus", m), n.revalidateWhenFocus && u(), h();
-    }, v = (m) => {
-      r("blur", m), g();
-    }, y = T({
+    }, { listen: h, unListen: v } = g(), m = (y) => {
+      r("focus", y), n.revalidateWhenFocus && u(), h();
+    }, d = (y) => {
+      r("blur", y), v();
+    }, b = S({
       get() {
-        var m;
-        return n.labelInValue ? Array.isArray(n.modelValue) ? n.modelValue.map((_) => _[n.valueKey]) : (m = n.modelValue) == null ? void 0 : m[n.valueKey] : n.modelValue;
+        var y;
+        return n.labelInValue ? Array.isArray(n.modelValue) ? n.modelValue.map((_) => _[n.valueKey]) : (y = n.modelValue) == null ? void 0 : y[n.valueKey] : n.modelValue;
       },
-      set(m) {
+      set(y) {
         if (n.labelInValue)
-          if (Array.isArray(m)) {
+          if (Array.isArray(y)) {
             const _ = a.value.filter(
-              (A) => m.includes(A[n.valueKey])
+              (T) => y.includes(T[n.valueKey])
             );
             r("update:modelValue", _);
           } else {
             const _ = a.value.find(
-              (A) => m === A[n.valueKey]
+              (T) => y === T[n.valueKey]
             );
             r("update:modelValue", _);
           }
         else
-          r("update:modelValue", m);
+          r("update:modelValue", y);
       }
     }), w = jr(() => {
-      var m, _, A;
+      var y, _, T;
       if (n.autoSelectFirstOption) {
-        if (a.value.length && (y.value === null || y.value === void 0)) {
-          let M = n.labelInValue ? (m = a.value) == null ? void 0 : m[0] : (A = (_ = a.value) == null ? void 0 : _[0]) == null ? void 0 : A[n.valueKey];
-          n.multiple && typeof M < "u" ? y.value = [M] : y.value = M, setTimeout(() => w());
+        if (a.value.length && (b.value === null || b.value === void 0)) {
+          let M = n.labelInValue ? (y = a.value) == null ? void 0 : y[0] : (T = (_ = a.value) == null ? void 0 : _[0]) == null ? void 0 : T[n.valueKey];
+          n.multiple && typeof M < "u" ? b.value = [M] : b.value = M, setTimeout(() => w());
         }
       } else
         setTimeout(() => w());
@@ -3537,66 +3537,66 @@ const Fr = /* @__PURE__ */ P({
       "labelKey",
       "valueKey"
     );
-    return (m, _) => m.enableLoadmore || m.selectType === "v1" ? (F(), k(O(Ur), S({
+    return (y, _) => y.enableLoadmore || y.selectType === "v1" ? (F(), k(O(Ur), A({
       key: 0,
-      modelValue: y.value,
-      "onUpdate:modelValue": _[0] || (_[0] = (A) => y.value = A),
-      onFocus: d,
-      onBlur: v
+      modelValue: b.value,
+      "onUpdate:modelValue": _[0] || (_[0] = (T) => b.value = T),
+      onFocus: m,
+      onBlur: d
     }, {
       ...O(x),
-      ...m.$attrs
+      ...y.$attrs
     }, {
-      "popper-class": O(ke)(c.value, m.$attrs.popperClass),
+      "popper-class": O(ke)(c.value, y.$attrs.popperClass),
       "remote-method": u
     }), {
       default: j(() => {
-        var A, M, G;
+        var T, M, G;
         return [
-          m.labelInValue && ((A = m.modelValue) != null && A[m.labelKey]) && !a.value.find((Z) => {
+          y.labelInValue && ((T = y.modelValue) != null && T[y.labelKey]) && !a.value.find((Z) => {
             var xt;
-            return Z[m.valueKey] === ((xt = m.modelValue) == null ? void 0 : xt[m.valueKey]);
+            return Z[y.valueKey] === ((xt = y.modelValue) == null ? void 0 : xt[y.valueKey]);
           }) ? (F(), k(O(Qe), {
             key: 0,
-            label: (M = m.modelValue) == null ? void 0 : M[m.labelKey],
-            value: (G = m.modelValue) == null ? void 0 : G[m.valueKey]
+            label: (M = y.modelValue) == null ? void 0 : M[y.labelKey],
+            value: (G = y.modelValue) == null ? void 0 : G[y.valueKey]
           }, {
             default: j(() => [
-              K(m.$slots, "default", { item: m.modelValue })
+              K(y.$slots, "default", { item: y.modelValue })
             ]),
             _: 3
           }, 8, ["label", "value"])) : Se("", !0),
           (F(!0), q(Vr, null, Xe(a.value, (Z) => (F(), k(O(Qe), {
-            key: Z[m.valueKey],
-            label: Z[m.labelKey],
-            value: Z[m.valueKey]
+            key: Z[y.valueKey],
+            label: Z[y.labelKey],
+            value: Z[y.valueKey]
           }, {
             default: j(() => [
-              K(m.$slots, "default", { item: Z })
+              K(y.$slots, "default", { item: Z })
             ]),
             _: 2
           }, 1032, ["label", "value"]))), 128))
         ];
       }),
       _: 3
-    }, 16, ["modelValue", "popper-class"])) : (F(), k(O(ha), S({
+    }, 16, ["modelValue", "popper-class"])) : (F(), k(O(ha), A({
       key: 1,
-      modelValue: y.value,
-      "onUpdate:modelValue": _[1] || (_[1] = (A) => y.value = A),
+      modelValue: b.value,
+      "onUpdate:modelValue": _[1] || (_[1] = (T) => b.value = T),
       props: {
-        value: m.valueKey,
-        label: m.labelKey,
-        ...m.$attrs.props || {}
+        value: y.valueKey,
+        label: y.labelKey,
+        ...y.$attrs.props || {}
       },
       options: a.value,
-      onFocus: d,
-      onBlur: v
+      onFocus: m,
+      onBlur: d
     }, {
       ...O(x),
-      ...m.$attrs
+      ...y.$attrs
     }, { "remote-method": u }), {
-      default: j((A) => [
-        K(m.$slots, "default", kr(Kr(A)))
+      default: j((T) => [
+        K(y.$slots, "default", kr(Kr(T)))
       ]),
       _: 3
     }, 16, ["modelValue", "props", "options"]));
@@ -3607,7 +3607,7 @@ const Fr = /* @__PURE__ */ P({
     lang: {}
   },
   setup(e) {
-    const t = e, r = T(() => t.lang || ""), { locale: n } = e1(r);
+    const t = e, r = S(() => t.lang || ""), { locale: n } = e1(r);
     return Nr(En, n), (a, l) => K(a.$slots, "default");
   }
 }), c$ = {