zxt-table 0.5.8 → 0.5.9

package/dist/zxt-table.es.js

@@ -1,11 +1,11 @@
-import { createElementBlock as h, openBlock as s, normalizeClass as ie, renderSlot as A, defineComponent as z, createVNode as D, ref as k, watch as Q, resolveComponent as S, createBlock as V, h as J, inject as He, computed as _, mergeProps as M, withCtx as y, Fragment as T, renderList as O, createSlots as X, resolveDynamicComponent as ye, createTextVNode as Z, toDisplayString as Y, useSlots as Oe, provide as Ze, onMounted as Me, resolveDirective as je, normalizeStyle as Ee, withDirectives as Ie, createCommentVNode as ee, createElementVNode as b, reactive as Ne, toHandlers as Ue, useAttrs as qe, normalizeProps as Re, guardReactiveProps as Ae } from "vue";
-import { ElPagination as We, ElLink as Ge, ElCheckbox as Je, ElSelect as Ke, ElOption as Qe, ElInput as Xe, ElTableColumn as Ye, ElTable as et } from "element-plus";
-const q = (e, t) => {
+import { createElementBlock as m, openBlock as s, normalizeClass as ue, renderSlot as O, defineComponent as z, createVNode as F, ref as k, watch as X, resolveComponent as S, createBlock as V, h as K, inject as je, computed as C, mergeProps as M, withCtx as w, Fragment as B, renderList as T, createSlots as Y, resolveDynamicComponent as be, createTextVNode as j, toDisplayString as ee, useSlots as Me, provide as Ee, onMounted as Le, nextTick as Ie, resolveDirective as Ne, normalizeStyle as Ue, withDirectives as qe, createCommentVNode as W, createElementVNode as b, reactive as We, toHandlers as Ge, useAttrs as Je, normalizeProps as Oe, guardReactiveProps as Te } from "vue";
+import { ElPagination as Ke, ElLink as Qe, ElCheckbox as Xe, ElSelect as Ye, ElOption as et, ElInput as tt, ElTableColumn as at, ElTable as nt } from "element-plus";
+const G = (e, t) => {
   const a = e.__vccOpts || e;
   for (const [l, u] of t)
     a[l] = u;
   return a;
-}, tt = {
+}, ot = {
   name: "MyButton",
   props: {
     type: {
@@ -26,21 +26,21 @@ const q = (e, t) => {
       }
     };
   }
-}, at = ["disabled"];
-function nt(e, t, a, l, u, d) {
-  return s(), h("button", {
-    class: ie(["my-button", [`my-button--${a.type}`, { "is-disabled": a.disabled }]]),
+}, lt = ["disabled"];
+function rt(e, t, a, l, u, d) {
+  return s(), m("button", {
+    class: ue(["my-button", [`my-button--${a.type}`, { "is-disabled": a.disabled }]]),
     disabled: a.disabled,
     onClick: t[0] || (t[0] = (...o) => l.handleClick && l.handleClick(...o))
   }, [
-    A(e.$slots, "default", {}, void 0, !0)
-  ], 10, at);
+    O(e.$slots, "default", {}, void 0, !0)
+  ], 10, lt);
 }
-const ae = /* @__PURE__ */ q(tt, [["render", nt], ["__scopeId", "data-v-4480e77d"]]);
-ae.install = function(e) {
-  e.component(ae.name, ae);
+const te = /* @__PURE__ */ G(ot, [["render", rt], ["__scopeId", "data-v-4480e77d"]]);
+te.install = function(e) {
+  e.component(te.name, te);
 };
-const ne = /* @__PURE__ */ z({
+const ae = /* @__PURE__ */ z({
   name: "JsxButton",
   props: {
     type: {
@@ -61,7 +61,7 @@ const ne = /* @__PURE__ */ z({
     const l = (u) => {
       e.disabled || t("click", u);
     };
-    return () => D("button", {
+    return () => F("button", {
       class: ["jsx-button", `jsx-button--${e.type}`, {
         "is-disabled": e.disabled
       }],
@@ -70,12 +70,12 @@ const ne = /* @__PURE__ */ z({
     }, [a.default?.()]);
   }
 });
-ne.install = function(e) {
-  e.component(ne.name, ne);
+ae.install = function(e) {
+  e.component(ae.name, ae);
 };
-const ot = z({
+const st = z({
   name: "ZxtPagination",
-  components: { ElPagination: We },
+  components: { ElPagination: Ke },
   props: {
     // 当前页码
     modelValue: { type: Number, default: 1 },
@@ -94,12 +94,12 @@ const ot = z({
   emits: ["update:modelValue", "update:pageSize", "page-change", "size-change"],
   setup(e, { emit: t }) {
     const a = k(e.modelValue), l = k(e.pageSize);
-    return Q(
+    return X(
       () => e.modelValue,
       (o) => {
         a.value = o;
       }
-    ), Q(
+    ), X(
       () => e.pageSize,
       (o) => {
         l.value = o;
@@ -116,7 +116,7 @@ const ot = z({
     };
   }
 });
-function lt(e, t, a, l, u, d) {
+function it(e, t, a, l, u, d) {
   const o = S("el-pagination");
   return s(), V(o, {
     "current-page": e.currentPage,
@@ -131,55 +131,55 @@ function lt(e, t, a, l, u, d) {
     onCurrentChange: e.handleCurrentChange
   }, null, 8, ["current-page", "page-size", "page-sizes", "total", "layout", "onSizeChange", "onCurrentChange"]);
 }
-const K = /* @__PURE__ */ q(ot, [["render", lt], ["__scopeId", "data-v-497aa44d"]]), oe = {
+const Q = /* @__PURE__ */ G(st, [["render", it], ["__scopeId", "data-v-497aa44d"]]), ne = {
   default: ({ cellValue: e }) => e ?? "",
-  input: ({ cellValue: e, row: t, column: a, updateRow: l }) => J(Xe, {
+  input: ({ cellValue: e, row: t, column: a, updateRow: l }) => K(tt, {
     modelValue: e,
     size: "small",
     onInput: (u) => l({ ...t, [a.property]: u })
   }),
-  select: ({ cellValue: e, row: t, column: a, updateRow: l, options: u = [] }) => J(
-    Ke,
+  select: ({ cellValue: e, row: t, column: a, updateRow: l, options: u = [] }) => K(
+    Ye,
     {
       modelValue: e,
       size: "small",
       onChange: (d) => l({ ...t, [a.property]: d })
     },
     () => u.map(
-      (d) => J(Qe, { label: d.label, value: d.value, key: d.value })
+      (d) => K(et, { label: d.label, value: d.value, key: d.value })
     )
   ),
-  checkbox: ({ cellValue: e, row: t, column: a, updateRow: l }) => J(Je, {
+  checkbox: ({ cellValue: e, row: t, column: a, updateRow: l }) => K(Xe, {
     modelValue: !!e,
     onChange: (u) => l({ ...t, [a.property]: u })
   }),
-  link: ({ cellValue: e, href: t, target: a = "_blank" }) => J(Ge, { href: t, target: a }, () => e)
+  link: ({ cellValue: e, href: t, target: a = "_blank" }) => K(Qe, { href: t, target: a }, () => e)
 };
-function rt(e, t) {
+function ut(e, t) {
   if (!e) return null;
   if (typeof e == "string") {
-    const a = oe[e];
+    const a = ne[e];
     return a ? a(t) : (console.warn(`[ZxtTable] 未找到内置渲染器: ${e}`), t.cellValue ?? "");
   }
   if (typeof e == "function")
     return e(t);
   if (typeof e == "object" && !Array.isArray(e)) {
     const { name: a, props: l = {}, attrs: u = {}, events: d = {}, content: o } = e;
-    return typeof a == "string" && oe[a] ? oe[a]({
+    return typeof a == "string" && ne[a] ? ne[a]({
       ...t,
       ...l,
       ...u,
       ...d
-    }) : typeof a == "object" || typeof a == "function" ? J(a, { ...l, ...u, ...d }, o) : (console.warn("[ZxtTable] cellRender 对象缺少有效的 name 字段"), t.cellValue ?? "");
+    }) : typeof a == "object" || typeof a == "function" ? K(a, { ...l, ...u, ...d }, o) : (console.warn("[ZxtTable] cellRender 对象缺少有效的 name 字段"), t.cellValue ?? "");
   }
   return t.cellValue ?? "";
 }
-function st(e, t) {
-  oe[e] && console.warn(`[ZxtTable] 内置渲染器 ${e} 已被覆盖`), oe[e] = t;
+function dt(e, t) {
+  ne[e] && console.warn(`[ZxtTable] 内置渲染器 ${e} 已被覆盖`), ne[e] = t;
 }
-const it = z({
+const ct = z({
   name: "ZxtTableColumn",
-  components: { ElTableColumn: Ye },
+  components: { ElTableColumn: at },
   props: {
     column: {
       type: Object,
@@ -195,11 +195,11 @@ const it = z({
     }
   },
   setup(e) {
-    const t = He("updateRow", () => {
+    const t = je("updateRow", () => {
     }), a = (o) => {
-      const { currentPage: p, pageSize: m } = e;
-      return (p - 1) * m + o + 1;
-    }, l = _(() => {
+      const { currentPage: p, pageSize: g } = e;
+      return (p - 1) * g + o + 1;
+    }, l = C(() => {
       const o = e.column;
       return {
         ...o,
@@ -208,7 +208,7 @@ const it = z({
         label: o.label ?? o.title
         // 优先使用 label，兼容 title
       };
-    }), u = _(() => {
+    }), u = C(() => {
       const { children: o, ...p } = l.value;
       return p;
     });
@@ -216,35 +216,35 @@ const it = z({
       normalizedColumn: l,
       columnProps: u,
       renderCell: (o) => {
-        const p = l.value, m = o.row[p.prop], c = m ?? p.defaultValue ?? "";
-        return rt(p.cellRender, {
+        const p = l.value, g = o.row[p.prop], c = g ?? p.defaultValue ?? "";
+        return ut(p.cellRender, {
           row: o.row,
           column: p,
           rowIndex: o.$index,
           cellValue: c,
-          updateRow: (g) => t(g, o.$index)
+          updateRow: (h) => t(h, o.$index)
         });
       },
       defaultIndexMethod: a
     };
   }
 });
-function ut(e, t, a, l, u, d) {
+function pt(e, t, a, l, u, d) {
   const o = S("ZxtTableColumn", !0), p = S("el-table-column");
   return e.normalizedColumn.children && e.normalizedColumn.children.length ? (s(), V(p, M({ key: 0 }, e.columnProps, {
     key: e.normalizedColumn.prop + "-group"
   }), {
-    default: y(() => [
-      (s(!0), h(T, null, O(e.normalizedColumn.children, (m, c) => (s(), V(o, {
+    default: w(() => [
+      (s(!0), m(B, null, T(e.normalizedColumn.children, (g, c) => (s(), V(o, {
         key: c,
-        column: m,
+        column: g,
         "current-page": e.currentPage,
         "page-size": e.pageSize
-      }, X({ _: 2 }, [
-        O(e.$slots, (g, i) => ({
+      }, Y({ _: 2 }, [
+        T(e.$slots, (h, i) => ({
           name: i,
-          fn: y((w) => [
-            A(e.$slots, i, M({ ref_for: !0 }, w))
+          fn: w((y) => [
+            O(e.$slots, i, M({ ref_for: !0 }, y))
           ])
         }))
       ]), 1032, ["column", "current-page", "page-size"]))), 128))
@@ -253,41 +253,41 @@ function ut(e, t, a, l, u, d) {
   }, 16)) : (s(), V(p, M({ key: 1 }, e.columnProps, {
     key: e.normalizedColumn.prop,
     index: e.normalizedColumn.indexMethod || e.defaultIndexMethod
-  }), X({ _: 2 }, [
+  }), Y({ _: 2 }, [
     e.normalizedColumn.headerSlot ? {
       name: "header",
-      fn: y((m) => [
-        A(e.$slots, e.normalizedColumn.headerSlot, M({ column: e.normalizedColumn }, m))
+      fn: w((g) => [
+        O(e.$slots, e.normalizedColumn.headerSlot, M({ column: e.normalizedColumn }, g))
       ]),
       key: "0"
     } : void 0,
     !["selection", "index"].includes(e.normalizedColumn.type) && (e.normalizedColumn.type !== "expand" || e.normalizedColumn.slot) ? {
       name: "default",
-      fn: y((m) => [
-        e.normalizedColumn.slot ? A(e.$slots, e.normalizedColumn.slot, {
+      fn: w((g) => [
+        e.normalizedColumn.slot ? O(e.$slots, e.normalizedColumn.slot, {
           key: 0,
-          row: m.row,
-          index: m.$index,
+          row: g.row,
+          index: g.$index,
           column: e.normalizedColumn
-        }) : e.normalizedColumn.cellRender ? (s(), V(ye(e.renderCell(m)), { key: 1 })) : e.normalizedColumn.formatter ? (s(), h(T, { key: 2 }, [
-          Z(Y(e.normalizedColumn.formatter(
-            m.row,
+        }) : e.normalizedColumn.cellRender ? (s(), V(be(e.renderCell(g)), { key: 1 })) : e.normalizedColumn.formatter ? (s(), m(B, { key: 2 }, [
+          j(ee(e.normalizedColumn.formatter(
+            g.row,
             e.normalizedColumn,
-            m.row[e.normalizedColumn.prop],
-            m.$index
+            g.row[e.normalizedColumn.prop],
+            g.$index
           )), 1)
-        ], 64)) : (s(), h(T, { key: 3 }, [
-          Z(Y(m.row[e.normalizedColumn.prop]), 1)
+        ], 64)) : (s(), m(B, { key: 3 }, [
+          j(ee(g.row[e.normalizedColumn.prop]), 1)
         ], 64))
       ]),
       key: "1"
     } : void 0
   ]), 1040, ["index"]));
 }
-const dt = /* @__PURE__ */ q(it, [["render", ut]]), ct = /* @__PURE__ */ new Set(["append", "empty"]), pt = z({
+const ft = /* @__PURE__ */ G(ct, [["render", pt]]), mt = /* @__PURE__ */ new Set(["append", "empty"]), gt = z({
   name: "ZxtTable",
   inheritAttrs: !1,
-  components: { ZxtPagination: K, ZxtTableColumn: dt, ElTable: et },
+  components: { ZxtPagination: Q, ZxtTableColumn: ft, ElTable: nt },
   props: {
     // 表格唯一标识
     id: { type: String, default: "" },
@@ -333,101 +333,112 @@ const dt = /* @__PURE__ */ q(it, [["render", ut]]), ct = /* @__PURE__ */ new Set
     "update:row"
   ],
   setup(e, { emit: t }) {
-    const a = Oe(), l = k(null), u = k(e.pageSize), d = k(e.currentPage), o = k(!1), p = k([]), m = k(0), c = k({ prop: "", order: "" }), g = k({}), i = k({});
-    Q(() => e.currentPage, (v) => {
-      d.value = v;
-    }), Q(() => e.pageSize, (v) => {
-      u.value = v;
+    const a = Me(), l = k(null), u = k(e.pageSize), d = k(e.currentPage), o = k(!1), p = k([]), g = k(0), c = k({ prop: "", order: "" }), h = k({}), i = k({});
+    X(() => e.currentPage, (f) => {
+      d.value = f;
+    }), X(() => e.pageSize, (f) => {
+      u.value = f;
     });
-    const w = _(() => e.height === "full" ? { height: "100%" } : {}), r = _(() => {
+    const y = C(() => e.height === "full" ? { height: "100%" } : {}), r = C(() => {
       if (e.height !== "full")
         return e.height;
-    }), C = _(() => !!e.proxyConfig), x = _(() => C.value ? m.value : e.total > 0 ? e.total : e.data.length), W = _(
-      () => C.value ? p.value : e.data
-    ), L = (v) => {
-      C.value && (d.value = v.page, u.value = v.size, H()), t("size-change", v);
-    }, j = (v) => {
-      C.value && (d.value = v.page, u.value = v.size, H()), t("page-change", v);
-    }, ue = ({ column: v, prop: $, order: E }) => {
-      c.value = { prop: $, order: E }, C.value && H(), t("sort-change", { column: v, prop: $, order: E });
-    }, de = (v) => {
-      g.value = v || {}, C.value && H(), t("filter-change", g.value);
-    }, H = async (v) => {
-      if (!C.value) return;
-      const $ = e.proxyConfig || {}, E = $.ajax?.query;
-      if (typeof E != "function") return;
-      const I = $.props || {}, me = I.pageField || "page";
-      I.sizeField;
-      const ge = I.sortField || "sort", he = I.orderField || "order", ve = I.filtersField || "filters";
-      v?.formData !== void 0 ? i.value = v.formData : $._formData && (i.value = $._formData);
-      const Ce = $.params || {}, N = {
-        [me]: {
-          currentPage: v?.page ?? d.value,
-          pageSize: v?.pageSize ?? u.value
+    }), _ = C(() => !!e.proxyConfig), x = C(() => _.value ? g.value : e.total > 0 ? e.total : e.data.length), J = C(
+      () => _.value ? p.value : e.data
+    ), R = () => {
+      Ie(() => {
+        const f = l.value?.$el?.querySelector(
+          ".el-table__body-wrapper .el-scrollbar__wrap"
+        );
+        f && (typeof f.scrollTo == "function" ? f.scrollTo({ top: 0, left: 0 }) : (f.scrollTop = 0, f.scrollLeft = 0));
+      });
+    }, E = (f) => {
+      _.value && (d.value = f.page, u.value = f.size, H()), R(), t("size-change", f);
+    }, de = (f) => {
+      _.value && (d.value = f.page, u.value = f.size, H()), R(), t("page-change", f);
+    }, ce = ({ column: f, prop: $, order: I }) => {
+      c.value = { prop: $, order: I }, _.value && H(), t("sort-change", { column: f, prop: $, order: I });
+    }, pe = (f) => {
+      h.value = f || {}, _.value && H(), t("filter-change", h.value);
+    }, H = async (f) => {
+      if (!_.value) return;
+      const $ = e.proxyConfig || {}, I = $.ajax?.query;
+      if (typeof I != "function") return;
+      const N = $.props || {}, he = N.pageField || "page";
+      N.sizeField;
+      const ve = N.sortField || "sort", _e = N.orderField || "order", Ce = N.filtersField || "filters";
+      f?.formData !== void 0 ? i.value = f.formData : $._formData && (i.value = $._formData);
+      const ye = $.params || {}, U = {
+        [he]: {
+          currentPage: f?.page ?? d.value,
+          pageSize: f?.pageSize ?? u.value
         },
         form: i.value,
-        ...Ce
+        ...ye
       };
-      c.value?.prop && (N[ge] = c.value.prop, N[he] = c.value.order), g.value && Object.keys(g.value).length && (N[ve] = g.value), o.value = !0;
+      c.value?.prop && (U[ve] = c.value.prop, U[_e] = c.value.order), h.value && Object.keys(h.value).length && (U[Ce] = h.value), o.value = !0;
       try {
-        const R = await E(N), te = $.response || {}, _e = te.listField || "list", F = te.totalField || "total", n = te.transform;
-        let f = [], P = 0;
-        if (typeof n == "function") {
-          const G = n(R);
-          f = G?.list ?? [], P = G?.total ?? 0;
-        } else R && typeof R == "object" && (f = R?.[_e] ?? R?.data ?? [], P = R?.[F] ?? R?.total ?? 0);
-        p.value = Array.isArray(f) ? f : [], m.value = Number(P) || 0, t("loaded", {
+        const A = await I(U), P = $.response || {}, n = P.listField || "list", v = P.totalField || "total", D = P.transform;
+        let Z = [], re = 0;
+        if (typeof D == "function") {
+          const we = D(A);
+          Z = we?.list ?? [], re = we?.total ?? 0;
+        } else A && typeof A == "object" && (Z = A?.[n] ?? A?.data ?? [], re = A?.[v] ?? A?.total ?? 0);
+        p.value = Array.isArray(Z) ? Z : [], g.value = Number(re) || 0, t("loaded", {
           data: p.value,
-          total: m.value,
-          payload: N
+          total: g.value,
+          payload: U
         });
-      } catch (R) {
-        t("load-error", R);
+      } catch (A) {
+        t("load-error", A);
       } finally {
         o.value = !1;
       }
-    }, le = (v, $) => {
-      C.value ? p.value.splice($, 1, v) : t("update:row", { index: $, row: v });
+    }, oe = (f, $) => {
+      _.value ? p.value.splice($, 1, f) : t("update:row", { index: $, row: f });
     };
-    Ze("updateRow", le), Me(() => {
-      C.value && e.autoLoad && H();
+    Ee("updateRow", oe), Le(() => {
+      _.value && e.autoLoad && H();
     });
-    const ce = () => l.value, pe = () => l.value?.getSelectionRows?.() || [], fe = (v) => H(v);
+    const fe = () => l.value, me = () => l.value?.getSelectionRows?.() || [], ge = (f) => H(f), le = () => R();
     return {
-      columnSlots: _(() => {
-        const v = {};
+      columnSlots: C(() => {
+        const f = {};
         for (const $ in a)
-          ct.has($) || (v[$] = a[$]);
-        return v;
+          mt.has($) || (f[$] = a[$]);
+        return f;
       }),
       tableRef: l,
-      containerStyle: w,
+      containerStyle: y,
       tableHeight: r,
-      getTableRef: ce,
+      getTableRef: fe,
       pageSize: u,
       currentPage: d,
       loading: o,
-      renderData: W,
+      renderData: J,
       total: x,
-      pageSizes: _(() => e.pageSizes),
-      paginationLayout: _(() => e.paginationLayout),
-      handleSizeChange: L,
-      handlePageChange: j,
-      handleSortChange: ue,
-      handleFilterChange: de,
-      reload: fe,
-      getSelectedRows: pe,
-      updateRow: le
+      pageSizes: C(() => e.pageSizes),
+      paginationLayout: C(() => e.paginationLayout),
+      handleSizeChange: E,
+      handlePageChange: de,
+      handleSortChange: ce,
+      handleFilterChange: pe,
+      reload: ge,
+      getSelectedRows: me,
+      updateRow: oe,
+      resetScrollTop: le
     };
   }
-});
-function ft(e, t, a, l, u, d) {
-  const o = S("ZxtTableColumn"), p = S("el-table"), m = S("ZxtPagination"), c = je("loading");
-  return s(), h("div", {
-    class: ie(["zxt-table-container", { "zxt-table-container--full": e.height === "full" }]),
-    style: Ee(e.containerStyle)
+}), ht = {
+  key: 0,
+  class: "zxt-table-footer"
+};
+function vt(e, t, a, l, u, d) {
+  const o = S("ZxtTableColumn"), p = S("el-table"), g = S("ZxtPagination"), c = Ne("loading");
+  return s(), m("div", {
+    class: ue(["zxt-table-container", { "zxt-table-container--full": e.height === "full" }]),
+    style: Ue(e.containerStyle)
   }, [
-    Ie((s(), V(p, M({
+    qe((s(), V(p, M({
       ref: "tableRef",
       data: e.renderData,
       height: e.tableHeight
@@ -435,56 +446,52 @@ function ft(e, t, a, l, u, d) {
       id: e.id,
       onSortChange: e.handleSortChange,
       onFilterChange: e.handleFilterChange
-    }), X({
-      default: y(() => [
-        (s(!0), h(T, null, O(e.columns, (g, i) => (s(), V(o, {
+    }), Y({
+      default: w(() => [
+        (s(!0), m(B, null, T(e.columns, (h, i) => (s(), V(o, {
           key: i,
-          column: g,
+          column: h,
           "current-page": e.currentPage,
           "page-size": e.pageSize
-        }, X({ _: 2 }, [
-          O(e.columnSlots, (w, r) => ({
+        }, Y({ _: 2 }, [
+          T(e.columnSlots, (y, r) => ({
             name: r,
-            fn: y((C) => [
-              A(e.$slots, r, M({ ref_for: !0 }, C), void 0, !0)
+            fn: w((_) => [
+              O(e.$slots, r, M({ ref_for: !0 }, _), void 0, !0)
             ])
           }))
         ]), 1032, ["column", "current-page", "page-size"]))), 128))
       ]),
       _: 2
     }, [
-      e.$slots.append ? {
-        name: "append",
-        fn: y(() => [
-          A(e.$slots, "append", {}, void 0, !0)
-        ]),
-        key: "0"
-      } : void 0,
       e.$slots.empty ? {
         name: "empty",
-        fn: y(() => [
-          A(e.$slots, "empty", {}, void 0, !0)
+        fn: w(() => [
+          O(e.$slots, "empty", {}, void 0, !0)
         ]),
-        key: "1"
+        key: "0"
       } : void 0
     ]), 1040, ["data", "height", "id", "onSortChange", "onFilterChange"])), [
       [c, e.loading]
     ]),
-    e.pageable ? (s(), V(m, {
-      key: 0,
+    e.$slots.append ? (s(), m("div", ht, [
+      O(e.$slots, "append", {}, void 0, !0)
+    ])) : W("", !0),
+    e.pageable ? (s(), V(g, {
+      key: 1,
       "model-value": e.currentPage,
       "page-size": e.pageSize,
-      "onUpdate:pageSize": t[0] || (t[0] = (g) => e.pageSize = g),
+      "onUpdate:pageSize": t[0] || (t[0] = (h) => e.pageSize = h),
       "page-sizes": e.pageSizes,
       total: e.total,
       layout: e.paginationLayout,
       onPageChange: e.handlePageChange,
       onSizeChange: e.handleSizeChange
-    }, null, 8, ["model-value", "page-size", "page-sizes", "total", "layout", "onPageChange", "onSizeChange"])) : ee("", !0)
+    }, null, 8, ["model-value", "page-size", "page-sizes", "total", "layout", "onPageChange", "onSizeChange"])) : W("", !0)
   ], 6);
 }
-const B = /* @__PURE__ */ q(pt, [["render", ft], ["__scopeId", "data-v-b8473ce4"]]), U = /* @__PURE__ */ new Map();
-class mt {
+const L = /* @__PURE__ */ G(gt, [["render", vt], ["__scopeId", "data-v-cfbfc1e6"]]), q = /* @__PURE__ */ new Map();
+class _t {
   /**
    * 注册自定义渲染器
    * @param {String} name - 渲染器名称
@@ -498,7 +505,7 @@ class mt {
    * })
    */
   add(t, a) {
-    return !t || typeof t != "string" ? (console.warn("[ZxtTable] 渲染器名称必须是字符串"), this) : !a || typeof a != "object" ? (console.warn("[ZxtTable] 渲染器配置必须是对象"), this) : (U.has(t) && console.warn(`[ZxtTable] 渲染器 "${t}" 已存在，将被覆盖`), U.set(t, a), this);
+    return !t || typeof t != "string" ? (console.warn("[ZxtTable] 渲染器名称必须是字符串"), this) : !a || typeof a != "object" ? (console.warn("[ZxtTable] 渲染器配置必须是对象"), this) : (q.has(t) && console.warn(`[ZxtTable] 渲染器 "${t}" 已存在，将被覆盖`), q.set(t, a), this);
   }
   /**
    * 获取渲染器
@@ -506,14 +513,14 @@ class mt {
    * @returns {Object|undefined}
    */
   get(t) {
-    return U.get(t);
+    return q.get(t);
   }
   /**
    * 删除渲染器
    * @param {String} name - 渲染器名称
    */
   delete(t) {
-    return U.delete(t);
+    return q.delete(t);
   }
   /**
    * 检查渲染器是否存在
@@ -521,29 +528,29 @@ class mt {
    * @returns {Boolean}
    */
   has(t) {
-    return U.has(t);
+    return q.has(t);
   }
   /**
    * 获取所有渲染器名称
    * @returns {Array<String>}
    */
   getAll() {
-    return Array.from(U.keys());
+    return Array.from(q.keys());
   }
   /**
    * 清空所有自定义渲染器
    */
   clear() {
-    U.clear();
+    q.clear();
   }
 }
-const we = new mt();
-function gt(e, t, a = {}) {
+const ze = new _t();
+function Ct(e, t, a = {}) {
   if (!e || !e.itemRender)
     return null;
   const { name: l } = e.itemRender;
-  if (l && we.has(l)) {
-    const u = we.get(l);
+  if (l && ze.has(l)) {
+    const u = ze.get(l);
     if (typeof u.renderItemContent == "function") {
       const d = {
         data: t,
@@ -560,16 +567,16 @@ function gt(e, t, a = {}) {
   }
   return null;
 }
-B.install = function(e) {
-  e.component(B.name, B);
+L.install = function(e) {
+  e.component(L.name, L);
 };
-B.registerRenderer = st;
-B.renderer = we;
-var ht = /* @__PURE__ */ z({
+L.registerRenderer = dt;
+L.renderer = ze;
+var yt = /* @__PURE__ */ z({
   name: "ArrowDown",
   __name: "arrow-down",
   setup(e) {
-    return (t, a) => (s(), h("svg", {
+    return (t, a) => (s(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -579,11 +586,11 @@ var ht = /* @__PURE__ */ z({
       })
     ]));
   }
-}), Be = ht, vt = /* @__PURE__ */ z({
+}), Be = yt, wt = /* @__PURE__ */ z({
   name: "Check",
   __name: "check",
   setup(e) {
-    return (t, a) => (s(), h("svg", {
+    return (t, a) => (s(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -593,11 +600,11 @@ var ht = /* @__PURE__ */ z({
       })
     ]));
   }
-}), Ct = vt, _t = /* @__PURE__ */ z({
+}), bt = wt, zt = /* @__PURE__ */ z({
   name: "Close",
   __name: "close",
   setup(e) {
-    return (t, a) => (s(), h("svg", {
+    return (t, a) => (s(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -607,11 +614,11 @@ var ht = /* @__PURE__ */ z({
       })
     ]));
   }
-}), yt = _t, wt = /* @__PURE__ */ z({
+}), St = zt, kt = /* @__PURE__ */ z({
   name: "CopyDocument",
   __name: "copy-document",
   setup(e) {
-    return (t, a) => (s(), h("svg", {
+    return (t, a) => (s(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -625,11 +632,11 @@ var ht = /* @__PURE__ */ z({
       })
     ]));
   }
-}), bt = wt, zt = /* @__PURE__ */ z({
+}), $t = kt, Vt = /* @__PURE__ */ z({
   name: "Delete",
   __name: "delete",
   setup(e) {
-    return (t, a) => (s(), h("svg", {
+    return (t, a) => (s(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -639,11 +646,11 @@ var ht = /* @__PURE__ */ z({
       })
     ]));
   }
-}), be = zt, St = /* @__PURE__ */ z({
+}), Se = Vt, Pt = /* @__PURE__ */ z({
   name: "Document",
   __name: "document",
   setup(e) {
-    return (t, a) => (s(), h("svg", {
+    return (t, a) => (s(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -653,11 +660,11 @@ var ht = /* @__PURE__ */ z({
       })
     ]));
   }
-}), kt = St, $t = /* @__PURE__ */ z({
+}), Dt = Pt, Ft = /* @__PURE__ */ z({
   name: "Download",
   __name: "download",
   setup(e) {
-    return (t, a) => (s(), h("svg", {
+    return (t, a) => (s(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -667,11 +674,11 @@ var ht = /* @__PURE__ */ z({
       })
     ]));
   }
-}), ze = $t, Vt = /* @__PURE__ */ z({
+}), ke = Ft, Rt = /* @__PURE__ */ z({
   name: "Edit",
   __name: "edit",
   setup(e) {
-    return (t, a) => (s(), h("svg", {
+    return (t, a) => (s(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -685,11 +692,11 @@ var ht = /* @__PURE__ */ z({
       })
     ]));
   }
-}), Se = Vt, Pt = /* @__PURE__ */ z({
+}), $e = Rt, At = /* @__PURE__ */ z({
   name: "Lock",
   __name: "lock",
   setup(e) {
-    return (t, a) => (s(), h("svg", {
+    return (t, a) => (s(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -703,11 +710,11 @@ var ht = /* @__PURE__ */ z({
       })
     ]));
   }
-}), Dt = Pt, Ft = /* @__PURE__ */ z({
+}), Ot = At, Tt = /* @__PURE__ */ z({
   name: "Plus",
   __name: "plus",
   setup(e) {
-    return (t, a) => (s(), h("svg", {
+    return (t, a) => (s(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -717,11 +724,11 @@ var ht = /* @__PURE__ */ z({
       })
     ]));
   }
-}), ke = Ft, Rt = /* @__PURE__ */ z({
+}), Ve = Tt, Mt = /* @__PURE__ */ z({
   name: "Refresh",
   __name: "refresh",
   setup(e) {
-    return (t, a) => (s(), h("svg", {
+    return (t, a) => (s(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -731,11 +738,11 @@ var ht = /* @__PURE__ */ z({
       })
     ]));
   }
-}), re = Rt, At = /* @__PURE__ */ z({
+}), se = Mt, Lt = /* @__PURE__ */ z({
   name: "Search",
   __name: "search",
   setup(e) {
-    return (t, a) => (s(), h("svg", {
+    return (t, a) => (s(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -745,11 +752,11 @@ var ht = /* @__PURE__ */ z({
       })
     ]));
   }
-}), se = At, Ot = /* @__PURE__ */ z({
+}), ie = Lt, Bt = /* @__PURE__ */ z({
   name: "Setting",
   __name: "setting",
   setup(e) {
-    return (t, a) => (s(), h("svg", {
+    return (t, a) => (s(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -759,11 +766,11 @@ var ht = /* @__PURE__ */ z({
       })
     ]));
   }
-}), $e = Ot, Mt = /* @__PURE__ */ z({
+}), Pe = Bt, xt = /* @__PURE__ */ z({
   name: "Share",
   __name: "share",
   setup(e) {
-    return (t, a) => (s(), h("svg", {
+    return (t, a) => (s(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -773,11 +780,11 @@ var ht = /* @__PURE__ */ z({
       })
     ]));
   }
-}), Bt = Mt, Lt = /* @__PURE__ */ z({
+}), Ht = xt, Zt = /* @__PURE__ */ z({
   name: "Unlock",
   __name: "unlock",
   setup(e) {
-    return (t, a) => (s(), h("svg", {
+    return (t, a) => (s(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -791,11 +798,11 @@ var ht = /* @__PURE__ */ z({
       })
     ]));
   }
-}), Tt = Lt, xt = /* @__PURE__ */ z({
+}), jt = Zt, Et = /* @__PURE__ */ z({
   name: "Upload",
   __name: "upload",
   setup(e) {
-    return (t, a) => (s(), h("svg", {
+    return (t, a) => (s(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -805,11 +812,11 @@ var ht = /* @__PURE__ */ z({
       })
     ]));
   }
-}), Ve = xt, Ht = /* @__PURE__ */ z({
+}), De = Et, It = /* @__PURE__ */ z({
   name: "View",
   __name: "view",
   setup(e) {
-    return (t, a) => (s(), h("svg", {
+    return (t, a) => (s(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -819,11 +826,11 @@ var ht = /* @__PURE__ */ z({
       })
     ]));
   }
-}), Pe = Ht, Zt = /* @__PURE__ */ z({
+}), Fe = It, Nt = /* @__PURE__ */ z({
   name: "Warning",
   __name: "warning",
   setup(e) {
-    return (t, a) => (s(), h("svg", {
+    return (t, a) => (s(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -833,8 +840,8 @@ var ht = /* @__PURE__ */ z({
       })
     ]));
   }
-}), jt = Zt;
-const Et = z({
+}), Ut = Nt;
+const qt = z({
   name: "ZxtForm",
   inheritAttrs: !1,
   props: {
@@ -845,7 +852,7 @@ const Et = z({
   },
   emits: ["submit", "reset"],
   setup(e, { emit: t, expose: a }) {
-    const l = k(null), u = Ne({}), d = {
+    const l = k(null), u = We({}), d = {
       input: "el-input",
       select: "el-select",
       date: "el-date-picker",
@@ -854,27 +861,27 @@ const Et = z({
       datetimerange: "el-date-picker",
       cascader: "el-cascader"
     }, o = (r) => d[r] || "el-input", p = (r) => {
-      const C = r.type || "input", x = [
+      const _ = r.type || "input", x = [
         "select",
         "date",
         "daterange",
         "datetime",
         "datetimerange",
         "cascader"
-      ].includes(C), W = {
+      ].includes(_), J = {
         placeholder: r.placeholder || `请${x ? "选择" : "输入"}${r.label}`,
         disabled: r.disabled,
         style: "width: 100%",
         "popper-class": "zxt-form-popper"
       };
-      let L = {};
-      switch (C) {
+      let R = {};
+      switch (_) {
         case "date":
         case "daterange":
         case "datetime":
         case "datetimerange":
-          L = {
-            type: r.dateType || C,
+          R = {
+            type: r.dateType || _,
             startPlaceholder: r.startPlaceholder || "开始日期",
             endPlaceholder: r.endPlaceholder || "结束日期",
             format: r.format,
@@ -882,21 +889,21 @@ const Et = z({
           };
           break;
         case "cascader":
-          L = {
+          R = {
             options: r.options,
             props: r.cascaderProps,
             clearable: r.clearable !== !1
           };
           break;
         default:
-          L = {};
+          R = {};
       }
-      const j = {
-        ...W,
-        ...L
+      const E = {
+        ...J,
+        ...R
       };
-      return "clearable" in r && (j.clearable = r.clearable), r.props && typeof r.props == "object" && Object.assign(j, r.props), j;
-    }, m = _(() => e.formColumns.map((r) => ({
+      return "clearable" in r && (E.clearable = r.clearable), r.props && typeof r.props == "object" && Object.assign(E, r.props), E;
+    }, g = C(() => e.formColumns.map((r) => ({
       ...r,
       colSpan: {
         xs: r.xs ?? r.span ?? 24,
@@ -906,19 +913,19 @@ const Et = z({
         xl: r.xl ?? r.span ?? 12
       }
     })));
-    Q(
+    X(
       () => e.initialFormData,
       (r) => {
-        Object.keys(u).forEach((C) => {
-          delete u[C];
+        Object.keys(u).forEach((_) => {
+          delete u[_];
         }), Object.assign(u, r);
       },
       { immediate: !0, deep: !0 }
     );
-    const c = _(() => {
+    const c = C(() => {
       const r = { ...e.rules };
-      return Object.keys(r).length === 0 && e.formColumns.length > 0 && e.formColumns.forEach((C) => {
-        if (C.required) {
+      return Object.keys(r).length === 0 && e.formColumns.length > 0 && e.formColumns.forEach((_) => {
+        if (_.required) {
           const x = [
             "select",
             "date",
@@ -926,86 +933,86 @@ const Et = z({
             "datetime",
             "datetimerange",
             "cascader"
-          ].includes(C.type);
-          r[C.prop] = [
+          ].includes(_.type);
+          r[_.prop] = [
             {
               required: !0,
-              message: `请${x ? "选择" : "输入"}${C.label}`,
+              message: `请${x ? "选择" : "输入"}${_.label}`,
               trigger: x ? "change" : "blur"
             }
           ];
         }
       }), r;
-    }), g = () => {
+    }), h = () => {
       l.value && l.value.validate((r) => {
         r && t("submit", { ...u });
       });
     }, i = () => {
       l.value && l.value.resetFields(), t("reset");
-    }, w = (r) => () => gt(r, u, {}) || null;
+    }, y = (r) => () => Ct(r, u, {}) || null;
     return a({
       validate: () => l.value ? l.value.validate() : Promise.resolve(!1),
       resetFields: () => l.value && l.value.resetFields(),
       getFormData: () => ({ ...u }),
-      submitForm: g,
+      submitForm: h,
       resetForm: i
     }), {
       formRef: l,
       formData: u,
       formRules: c,
-      submitForm: g,
+      submitForm: h,
       resetForm: i,
-      processedColumns: m,
+      processedColumns: g,
       getComponentType: o,
       getComponentProps: p,
-      renderCustomItem: w
+      renderCustomItem: y
     };
   }
-}), It = { class: "zxt-form-container" }, Nt = {
+}), Wt = { class: "zxt-form-container" }, Gt = {
   key: 0,
   class: "form-label"
-}, Ut = { class: "form-control" };
-function qt(e, t, a, l, u, d) {
-  const o = S("el-option"), p = S("el-form-item"), m = S("el-col"), c = S("el-row"), g = S("el-form");
-  return s(), h("div", It, [
-    D(g, M({ ref: "formRef" }, e.$attrs, {
+}, Jt = { class: "form-control" };
+function Kt(e, t, a, l, u, d) {
+  const o = S("el-option"), p = S("el-form-item"), g = S("el-col"), c = S("el-row"), h = S("el-form");
+  return s(), m("div", Wt, [
+    F(h, M({ ref: "formRef" }, e.$attrs, {
       model: e.formData,
       rules: e.formRules,
       "label-width": e.labelWidth,
       class: "zxt-form"
     }), {
-      default: y(() => [
-        D(c, { gutter: 20 }, {
-          default: y(() => [
-            (s(!0), h(T, null, O(e.processedColumns, (i, w) => (s(), V(m, M({ key: w }, { ref_for: !0 }, i.colSpan), {
-              default: y(() => [
-                D(p, {
+      default: w(() => [
+        F(c, { gutter: 20 }, {
+          default: w(() => [
+            (s(!0), m(B, null, T(e.processedColumns, (i, y) => (s(), V(g, M({ key: y }, { ref_for: !0 }, i.colSpan), {
+              default: w(() => [
+                F(p, {
                   prop: i.prop,
                   required: i.required,
                   "label-width": "0",
                   class: "custom-form-item"
                 }, {
-                  default: y(() => [
+                  default: w(() => [
                     b("div", {
-                      class: ie(["form-item-wrapper", { "is-action": i.isAction }])
+                      class: ue(["form-item-wrapper", { "is-action": i.isAction }])
                     }, [
-                      i.label ? (s(), h("span", Nt, Y(i.label), 1)) : ee("", !0),
-                      b("div", Ut, [
-                        i.type === "slot" ? A(e.$slots, i.slotName || i.prop, {
+                      i.label ? (s(), m("span", Gt, ee(i.label), 1)) : W("", !0),
+                      b("div", Jt, [
+                        i.type === "slot" ? O(e.$slots, i.slotName || i.prop, {
                           key: 0,
                           formData: e.formData,
                           column: i
-                        }, void 0, !0) : i.itemRender ? (s(), V(ye(e.renderCustomItem(i)), { key: 1 })) : (s(), V(ye(e.getComponentType(i.type)), M({
+                        }, void 0, !0) : i.itemRender ? (s(), V(be(e.renderCustomItem(i)), { key: 1 })) : (s(), V(be(e.getComponentType(i.type)), M({
                           key: 2,
                           modelValue: e.formData[i.prop],
                           "onUpdate:modelValue": (r) => e.formData[i.prop] = r
-                        }, { ref_for: !0 }, e.getComponentProps(i), Ue(i.events || {})), {
-                          default: y(() => [
-                            i.type === "select" ? (s(!0), h(T, { key: 0 }, O(i.options, (r, C) => (s(), V(o, {
-                              key: C,
+                        }, { ref_for: !0 }, e.getComponentProps(i), Ge(i.events || {})), {
+                          default: w(() => [
+                            i.type === "select" ? (s(!0), m(B, { key: 0 }, T(i.options, (r, _) => (s(), V(o, {
+                              key: _,
                               label: r.label,
                               value: r.value
-                            }, null, 8, ["label", "value"]))), 128)) : ee("", !0)
+                            }, null, 8, ["label", "value"]))), 128)) : W("", !0)
                           ]),
                           _: 2
                         }, 1040, ["modelValue", "onUpdate:modelValue"]))
@@ -1025,26 +1032,26 @@ function qt(e, t, a, l, u, d) {
     }, 16, ["model", "rules", "label-width"])
   ]);
 }
-const De = /* @__PURE__ */ q(Et, [["render", qt], ["__scopeId", "data-v-6b22a57b"]]), Wt = {
-  Plus: ke,
-  Delete: be,
-  Refresh: re,
-  Download: ze,
-  Search: se,
-  Edit: Se,
-  View: Pe,
-  Upload: Ve,
-  Setting: $e,
-  Warning: jt,
-  Check: Ct,
-  Close: yt,
-  Document: kt,
-  CopyDocument: bt,
-  Share: Bt,
-  Lock: Dt,
-  Unlock: Tt,
+const Re = /* @__PURE__ */ G(qt, [["render", Kt], ["__scopeId", "data-v-6b22a57b"]]), Qt = {
+  Plus: Ve,
+  Delete: Se,
+  Refresh: se,
+  Download: ke,
+  Search: ie,
+  Edit: $e,
+  View: Fe,
+  Upload: De,
+  Setting: Pe,
+  Warning: Ut,
+  Check: bt,
+  Close: St,
+  Document: Dt,
+  CopyDocument: $t,
+  Share: Ht,
+  Lock: Ot,
+  Unlock: jt,
   ArrowDown: Be
-}, Gt = z({
+}, Xt = z({
   name: "ActionColumn",
   components: { ArrowDown: Be },
   props: {
@@ -1063,11 +1070,11 @@ const De = /* @__PURE__ */ q(Et, [["render", qt], ["__scopeId", "data-v-6b22a57b
   },
   emits: ["action-click"],
   setup(e, { emit: t }) {
-    const a = _(() => e.buttons.filter((c) => typeof c.visible == "function" ? c.visible(e.row) : typeof c.visible == "boolean" ? c.visible : !0)), l = _(
+    const a = C(() => e.buttons.filter((c) => typeof c.visible == "function" ? c.visible(e.row) : typeof c.visible == "boolean" ? c.visible : !0)), l = C(
       () => a.value.length > e.maxVisible
-    ), u = _(
+    ), u = C(
       () => l.value ? a.value.slice(0, e.maxVisible) : a.value
-    ), d = _(
+    ), d = C(
       () => l.value ? a.value.slice(e.maxVisible) : []
     );
     return {
@@ -1075,7 +1082,7 @@ const De = /* @__PURE__ */ q(Et, [["render", qt], ["__scopeId", "data-v-6b22a57b
       overflowButtons: d,
       getIconComponent: (c) => {
         if (c)
-          return typeof c == "object" || typeof c == "function" ? c : Wt[c];
+          return typeof c == "object" || typeof c == "function" ? c : Qt[c];
       },
       handleClick: (c) => {
         t("action-click", { code: c.code, button: c, row: e.row });
@@ -1085,20 +1092,20 @@ const De = /* @__PURE__ */ q(Et, [["render", qt], ["__scopeId", "data-v-6b22a57b
       }
     };
   }
-}), Jt = { class: "action-column" };
-function Kt(e, t, a, l, u, d) {
-  const o = S("el-button"), p = S("ArrowDown"), m = S("el-icon"), c = S("el-dropdown-item"), g = S("el-dropdown-menu"), i = S("el-dropdown");
-  return s(), h("div", Jt, [
-    (s(!0), h(T, null, O(e.visibleButtons, (w) => (s(), V(o, {
-      key: w.code,
-      type: w.type || "",
-      icon: e.getIconComponent(w.icon),
+}), Yt = { class: "action-column" };
+function ea(e, t, a, l, u, d) {
+  const o = S("el-button"), p = S("ArrowDown"), g = S("el-icon"), c = S("el-dropdown-item"), h = S("el-dropdown-menu"), i = S("el-dropdown");
+  return s(), m("div", Yt, [
+    (s(!0), m(B, null, T(e.visibleButtons, (y) => (s(), V(o, {
+      key: y.code,
+      type: y.type || "",
+      icon: e.getIconComponent(y.icon),
       size: "small",
       link: "",
-      onClick: (r) => e.handleClick(w)
+      onClick: (r) => e.handleClick(y)
     }, {
-      default: y(() => [
-        Z(Y(w.label), 1)
+      default: w(() => [
+        j(ee(y.label), 1)
       ]),
       _: 2
     }, 1032, ["type", "icon", "onClick"]))), 128)),
@@ -1107,16 +1114,16 @@ function Kt(e, t, a, l, u, d) {
       trigger: "hover",
       onCommand: e.handleCommand
     }, {
-      dropdown: y(() => [
-        D(g, null, {
-          default: y(() => [
-            (s(!0), h(T, null, O(e.overflowButtons, (w) => (s(), V(c, {
-              key: w.code,
-              command: w,
-              icon: e.getIconComponent(w.icon)
+      dropdown: w(() => [
+        F(h, null, {
+          default: w(() => [
+            (s(!0), m(B, null, T(e.overflowButtons, (y) => (s(), V(c, {
+              key: y.code,
+              command: y,
+              icon: e.getIconComponent(y.icon)
             }, {
-              default: y(() => [
-                Z(Y(w.label), 1)
+              default: w(() => [
+                j(ee(y.label), 1)
               ]),
               _: 2
             }, 1032, ["command", "icon"]))), 128))
@@ -1124,17 +1131,17 @@ function Kt(e, t, a, l, u, d) {
           _: 1
         })
       ]),
-      default: y(() => [
-        D(o, {
+      default: w(() => [
+        F(o, {
           type: "",
           size: "small",
           link: ""
         }, {
-          default: y(() => [
-            t[0] || (t[0] = Z(" 更多 ", -1)),
-            D(m, { class: "el-icon--right" }, {
-              default: y(() => [
-                D(p)
+          default: w(() => [
+            t[0] || (t[0] = j(" 更多 ", -1)),
+            F(g, { class: "el-icon--right" }, {
+              default: w(() => [
+                F(p)
               ]),
               _: 1
             })
@@ -1143,25 +1150,25 @@ function Kt(e, t, a, l, u, d) {
         })
       ]),
       _: 1
-    }, 8, ["onCommand"])) : ee("", !0)
+    }, 8, ["onCommand"])) : W("", !0)
   ]);
 }
-const Qt = /* @__PURE__ */ q(Gt, [["render", Kt], ["__scopeId", "data-v-6d75a891"]]), Xt = z({
+const ta = /* @__PURE__ */ G(Xt, [["render", ea], ["__scopeId", "data-v-6d75a891"]]), aa = z({
   name: "ZxtGrid",
   inheritAttrs: !1,
   components: {
-    ZxtTable: B,
-    ZxtForm: De,
-    ActionColumn: Qt,
-    Plus: ke,
-    Delete: be,
-    Refresh: re,
-    Download: ze,
-    Search: se,
-    Edit: Se,
-    View: Pe,
-    Upload: Ve,
-    Setting: $e
+    ZxtTable: L,
+    ZxtForm: Re,
+    ActionColumn: ta,
+    Plus: Ve,
+    Delete: Se,
+    Refresh: se,
+    Download: ke,
+    Search: ie,
+    Edit: $e,
+    View: Fe,
+    Upload: De,
+    Setting: Pe
   },
   props: {
     // 网格配置选项
@@ -1189,209 +1196,209 @@ const Qt = /* @__PURE__ */ q(Gt, [["render", Kt], ["__scopeId", "data-v-6d75a891
   },
   emits: ["toolbar-click", "action-click", "submit", "reset", "page-change", "size-change"],
   setup(e, { emit: t, expose: a }) {
-    const l = qe(), u = Oe(), d = k(null), o = k(null), p = k(1), m = k(10), c = k(null), g = k(e.gridOptions.formMode !== !1), i = k({
+    const l = Je(), u = Me(), d = k(null), o = k(null), p = k(1), g = k(10), c = k(null), h = k(e.gridOptions.formMode !== !1), i = k({
       ...e.gridOptions.formConfig?.data || {}
-    }), w = {
-      Plus: ke,
-      Delete: be,
-      Refresh: re,
-      Download: ze,
-      Search: se,
-      Edit: Se,
-      View: Pe,
-      Upload: Ve,
-      Setting: $e
-    }, r = _(() => {
-      const f = (e.gridOptions.columns || []).find((P) => P.actionColumn);
-      return f ? f.actionColumn : null;
-    }), C = _(() => (e.gridOptions.columns || []).map((f) => f.actionColumn ? {
-      ...f,
+    }), y = {
+      Plus: Ve,
+      Delete: Se,
+      Refresh: se,
+      Download: ke,
+      Search: ie,
+      Edit: $e,
+      View: Fe,
+      Upload: De,
+      Setting: Pe
+    }, r = C(() => {
+      const v = (e.gridOptions.columns || []).find((D) => D.actionColumn);
+      return v ? v.actionColumn : null;
+    }), _ = C(() => (e.gridOptions.columns || []).map((v) => v.actionColumn ? {
+      ...v,
       slot: "__action__",
       actionColumn: void 0
-    } : f)), x = (n) => {
+    } : v)), x = (n) => {
       t("action-click", n);
-    }, W = _(() => {
+    }, J = C(() => {
       const n = e.gridOptions.formConfig;
       if (!n || !n.items) return [];
-      const f = [...n.items];
-      return f.some(
-        (G) => G.type === "slot" && G.slotName === "search-actions"
-      ) || f.push({
+      const v = [...n.items];
+      return v.some(
+        (Z) => Z.type === "slot" && Z.slotName === "search-actions"
+      ) || v.push({
         type: "slot",
         slotName: "search-actions",
         span: 6,
         labelWidth: "0px",
         isAction: !0,
         ...n.actionConfig
-      }), f;
-    }), L = _(() => {
+      }), v;
+    }), R = C(() => {
       const n = /* @__PURE__ */ new Set(["search-actions"]);
-      return (W.value || []).forEach((f) => {
-        f.type === "slot" && n.add(f.slotName || f.prop);
+      return (J.value || []).forEach((v) => {
+        v.type === "slot" && n.add(v.slotName || v.prop);
       }), n;
-    }), j = _(() => {
+    }), E = C(() => {
       const n = {};
-      for (const f in u)
-        f === "search-actions" || f === "toolbar" || (L.value.has(f) || f.startsWith("form-")) && (n[f] = u[f]);
+      for (const v in u)
+        v === "search-actions" || v === "toolbar" || (R.value.has(v) || v.startsWith("form-")) && (n[v] = u[v]);
       return n;
-    }), ue = _(() => {
+    }), de = C(() => {
       const n = {};
-      for (const f in u)
-        f !== "toolbar" && !L.value.has(f) && !f.startsWith("form-") && (n[f] = u[f]);
+      for (const v in u)
+        v !== "toolbar" && !R.value.has(v) && !v.startsWith("form-") && (n[v] = u[v]);
       return n;
-    }), de = () => {
+    }), ce = () => {
       o.value?.submitForm();
-    }, H = (n) => {
+    }, pe = (n) => {
       t("submit", n), e.gridOptions.proxyConfig && (i.value = { ...n }, p.value = 1, d.value?.reload?.({ formData: i.value, page: 1 }));
-    }, le = () => {
+    }, H = () => {
       o.value?.resetForm();
-    }, ce = () => {
+    }, oe = () => {
       t("reset"), e.gridOptions.proxyConfig && (i.value = {}, p.value = 1, d.value?.reload?.({ formData: {}, page: 1 }));
-    }, pe = (n) => {
+    }, fe = (n) => {
       if (n)
-        return typeof n == "object" || typeof n == "function" ? n : w[n];
-    }, fe = _(() => {
+        return typeof n == "object" || typeof n == "function" ? n : y[n];
+    }, me = C(() => {
       const n = e.gridOptions.proxyConfig;
       return n ? {
         ...n,
         _formData: i.value
       } : null;
-    }), Fe = _(() => {
+    }), ge = C(() => {
       const {
         formConfig: n,
-        toolbar: f,
-        formMode: P,
-        formColumns: G,
-        rules: ra,
-        data: sa,
-        proxyConfig: Te,
-        ...xe
+        toolbar: v,
+        formMode: D,
+        formColumns: Z,
+        rules: re,
+        data: we,
+        proxyConfig: He,
+        ...Ze
       } = e.gridOptions;
       return {
-        ...xe,
-        proxyConfig: fe.value || Te || null
+        ...Ze,
+        proxyConfig: me.value || He || null
       };
-    }), v = _(() => c.value !== null ? c.value : e.externalData.length > 0 ? e.externalData : e.gridOptions.data || []), $ = _(() => !!e.gridOptions.proxyConfig), E = _(() => $.value ? 0 : v.value.length), I = (n, f) => {
-      t("toolbar-click", { code: n, button: f, grid: d.value });
-    }, me = (n) => {
+    }), le = C(() => c.value !== null ? c.value : e.externalData.length > 0 ? e.externalData : e.gridOptions.data || []), Ae = C(() => !!e.gridOptions.proxyConfig), f = C(() => Ae.value ? 0 : le.value.length), $ = (n, v) => {
+      t("toolbar-click", { code: n, button: v, grid: d.value });
+    }, I = (n) => {
       p.value = n.page, t("page-change", n);
-    }, ge = (n) => {
-      m.value = n.size, t("size-change", n);
-    }, he = () => d.value, ve = () => o.value, Ce = () => d.value?.getTableRef()?.getSelectionRows?.() || [], N = (n) => {
+    }, N = (n) => {
+      g.value = n.size, t("size-change", n);
+    }, he = () => d.value, ve = () => o.value, _e = () => d.value?.getTableRef()?.getSelectionRows?.() || [], Ce = (n) => {
       c.value = n ?? null;
-    }, R = (n) => {
-      g.value = n;
-    }, te = (n, f = !0) => {
-      const P = e.gridOptions.formConfig;
-      P?.data && Object.assign(P.data, n), i.value = { ...P?.data || {}, ...n }, f && e.gridOptions.proxyConfig && (p.value = 1, d.value?.reload?.({ formData: i.value, page: 1 }));
-    }, _e = (n, ...f) => {
-      const P = i.value;
+    }, ye = (n) => {
+      h.value = n;
+    }, U = (n, v = !0) => {
+      const D = e.gridOptions.formConfig;
+      D?.data && Object.assign(D.data, n), i.value = { ...D?.data || {}, ...n }, v && e.gridOptions.proxyConfig && (p.value = 1, d.value?.reload?.({ formData: i.value, page: 1 }));
+    }, A = (n, ...v) => {
+      const D = i.value;
       switch (n) {
         case "query":
-          p.value = 1, d.value?.reload?.({ formData: P, page: 1 });
+          p.value = 1, d.value?.reload?.({ formData: D, page: 1 });
           break;
         case "reload":
-          d.value?.reload?.({ formData: P });
+          d.value?.reload?.({ formData: D });
           break;
         default:
           console.warn(`[ZxtGrid] commitProxy: unknown type "${n}"`);
       }
     };
-    Q(
+    X(
       () => e.gridOptions.formMode,
       (n) => {
-        n !== void 0 && (g.value = n);
+        n !== void 0 && (h.value = n);
       }
-    ), Me(() => {
+    ), Le(() => {
       e.gridOptions.proxyConfig && e.gridOptions.autoLoad !== !1 && d.value?.reload?.({ formData: i.value, page: 1 });
     });
-    const F = () => d.value?.getTableRef?.();
+    const P = () => d.value?.getTableRef?.();
     return a({
       getGridRef: he,
       getFormRef: ve,
-      getElTableRef: F,
-      getSelectedRows: Ce,
-      reloadData: N,
-      setFormVisible: R,
-      setFormData: te,
-      commitProxy: _e,
-      clearSelection: () => F()?.clearSelection(),
-      toggleRowSelection: (...n) => F()?.toggleRowSelection(...n),
-      toggleAllSelection: () => F()?.toggleAllSelection(),
-      toggleRowExpansion: (...n) => F()?.toggleRowExpansion(...n),
-      setCurrentRow: (...n) => F()?.setCurrentRow(...n),
-      clearSort: () => F()?.clearSort(),
-      clearFilter: (...n) => F()?.clearFilter(...n),
-      doLayout: () => F()?.doLayout(),
-      sort: (...n) => F()?.sort(...n)
+      getElTableRef: P,
+      getSelectedRows: _e,
+      reloadData: Ce,
+      setFormVisible: ye,
+      setFormData: U,
+      commitProxy: A,
+      clearSelection: () => P()?.clearSelection(),
+      toggleRowSelection: (...n) => P()?.toggleRowSelection(...n),
+      toggleAllSelection: () => P()?.toggleAllSelection(),
+      toggleRowExpansion: (...n) => P()?.toggleRowExpansion(...n),
+      setCurrentRow: (...n) => P()?.setCurrentRow(...n),
+      clearSort: () => P()?.clearSort(),
+      clearFilter: (...n) => P()?.clearFilter(...n),
+      doLayout: () => P()?.doLayout(),
+      sort: (...n) => P()?.sort(...n)
     }), {
       attrs: l,
       gridRef: d,
       searchFormRef: o,
       currentPage: p,
-      pageSize: m,
-      tableData: v,
-      tableProps: Fe,
-      mergedColumns: C,
+      pageSize: g,
+      tableData: le,
+      tableProps: ge,
+      mergedColumns: _,
       actionColumnConfig: r,
-      total: E,
-      isFormVisible: g,
-      searchFormColumns: W,
-      formFilteredSlots: j,
-      tableFilteredSlots: ue,
-      getIconComponent: pe,
-      handleToolbarClick: I,
+      total: f,
+      isFormVisible: h,
+      searchFormColumns: J,
+      formFilteredSlots: E,
+      tableFilteredSlots: de,
+      getIconComponent: fe,
+      handleToolbarClick: $,
       handleActionClick: x,
-      handlePageChange: me,
-      handleSizeChange: ge,
-      handleSearch: de,
-      handleSearchSubmit: H,
-      handleReset: le,
-      handleSearchReset: ce,
-      Search: se,
-      Refresh: re
+      handlePageChange: I,
+      handleSizeChange: N,
+      handleSearch: ce,
+      handleSearchSubmit: pe,
+      handleReset: H,
+      handleSearchReset: oe,
+      Search: ie,
+      Refresh: se
     };
   }
-}), Yt = {
+}), na = {
   key: 0,
   class: "grid-search-form"
-}, ea = { class: "search-btn-group" }, ta = { class: "grid-table-wrapper" }, aa = {
+}, oa = { class: "search-btn-group" }, la = { class: "grid-table-wrapper" }, ra = {
   key: 0,
   class: "grid-toolbar"
 };
-function na(e, t, a, l, u, d) {
-  const o = S("el-button"), p = S("ZxtForm"), m = S("ActionColumn"), c = S("ZxtTable");
-  return s(), h("div", {
-    class: ie(["zxt-grid-container", { "zxt-grid-container--full": e.gridOptions.height === "full" }])
+function sa(e, t, a, l, u, d) {
+  const o = S("el-button"), p = S("ZxtForm"), g = S("ActionColumn"), c = S("ZxtTable");
+  return s(), m("div", {
+    class: ue(["zxt-grid-container", { "zxt-grid-container--full": e.gridOptions.height === "full" }])
   }, [
-    e.gridOptions.formConfig && e.isFormVisible ? (s(), h("div", Yt, [
-      D(p, {
+    e.gridOptions.formConfig && e.isFormVisible ? (s(), m("div", na, [
+      F(p, {
         ref: "searchFormRef",
         "form-columns": e.searchFormColumns,
         "initial-form-data": e.gridOptions.formConfig.data,
         rules: e.gridOptions.formConfig.rules,
         onSubmit: e.handleSearchSubmit,
         onReset: e.handleSearchReset
-      }, X({
-        "search-actions": y(() => [
-          b("div", ea, [
-            D(o, {
+      }, Y({
+        "search-actions": w(() => [
+          b("div", oa, [
+            F(o, {
               class: "btn-search",
               icon: e.Search,
               onClick: e.handleSearch
             }, {
-              default: y(() => [...t[0] || (t[0] = [
-                Z(" 查询 ", -1)
+              default: w(() => [...t[0] || (t[0] = [
+                j(" 查询 ", -1)
               ])]),
               _: 1
             }, 8, ["icon", "onClick"]),
-            D(o, {
+            F(o, {
               class: "btn-reset",
               icon: e.Refresh,
               onClick: e.handleReset
             }, {
-              default: y(() => [...t[1] || (t[1] = [
-                Z(" 重置 ", -1)
+              default: w(() => [...t[1] || (t[1] = [
+                j(" 重置 ", -1)
               ])]),
               _: 1
             }, 8, ["icon", "onClick"])
@@ -1399,34 +1406,34 @@ function na(e, t, a, l, u, d) {
         ]),
         _: 2
       }, [
-        O(e.formFilteredSlots, (g, i) => ({
+        T(e.formFilteredSlots, (h, i) => ({
           name: i,
-          fn: y((w) => [
-            A(e.$slots, i, Re(Ae(w)), void 0, !0)
+          fn: w((y) => [
+            O(e.$slots, i, Oe(Te(y)), void 0, !0)
           ])
         }))
       ]), 1032, ["form-columns", "initial-form-data", "rules", "onSubmit", "onReset"])
-    ])) : ee("", !0),
-    b("div", ta, [
-      e.gridOptions.toolbar ? (s(), h("div", aa, [
-        (s(!0), h(T, null, O(e.gridOptions.toolbar.buttons, (g, i) => (s(), V(o, {
+    ])) : W("", !0),
+    b("div", la, [
+      e.gridOptions.toolbar ? (s(), m("div", ra, [
+        (s(!0), m(B, null, T(e.gridOptions.toolbar.buttons, (h, i) => (s(), V(o, {
           key: i,
-          type: g.type || "default",
-          size: g.size || "small",
-          icon: e.getIconComponent(g.icon),
-          disabled: g.disabled,
-          onClick: (w) => e.handleToolbarClick(g.code, g)
+          type: h.type || "default",
+          size: h.size || "small",
+          icon: e.getIconComponent(h.icon),
+          disabled: h.disabled,
+          onClick: (y) => e.handleToolbarClick(h.code, h)
         }, {
-          default: y(() => [
-            Z(Y(g.name), 1)
+          default: w(() => [
+            j(ee(h.name), 1)
           ]),
           _: 2
         }, 1032, ["type", "size", "icon", "disabled", "onClick"]))), 128)),
-        A(e.$slots, "toolbar", {
+        O(e.$slots, "toolbar", {
           grid: e.$refs.gridRef
         }, void 0, !0)
-      ])) : ee("", !0),
-      D(c, M({ ref: "gridRef" }, { ...e.tableProps, ...e.attrs }, {
+      ])) : W("", !0),
+      F(c, M({ ref: "gridRef" }, { ...e.tableProps, ...e.attrs }, {
         id: e.gridOptions.id,
         columns: e.mergedColumns,
         data: e.tableData,
@@ -1440,62 +1447,62 @@ function na(e, t, a, l, u, d) {
         "pagination-layout": e.gridOptions.paginationLayout,
         onPageChange: e.handlePageChange,
         onSizeChange: e.handleSizeChange
-      }), X({ _: 2 }, [
+      }), Y({ _: 2 }, [
         e.actionColumnConfig ? {
           name: "__action__",
-          fn: y(({ row: g }) => [
-            D(m, {
+          fn: w(({ row: h }) => [
+            F(g, {
               buttons: e.actionColumnConfig.buttons,
-              row: g,
+              row: h,
               "max-visible": e.actionColumnConfig.maxVisible || 2,
               onActionClick: e.handleActionClick
             }, null, 8, ["buttons", "row", "max-visible", "onActionClick"])
           ]),
           key: "0"
         } : void 0,
-        O(e.tableFilteredSlots, (g, i) => ({
+        T(e.tableFilteredSlots, (h, i) => ({
           name: i,
-          fn: y((w) => [
-            A(e.$slots, i, Re(Ae(w)), void 0, !0)
+          fn: w((y) => [
+            O(e.$slots, i, Oe(Te(y)), void 0, !0)
           ])
         }))
       ]), 1040, ["id", "columns", "data", "height", "pageable", "current-page", "page-size", "page-sizes", "total", "pagination-layout", "onPageChange", "onSizeChange"])
     ])
   ], 2);
 }
-const Le = /* @__PURE__ */ q(Xt, [["render", na], ["__scopeId", "data-v-f8b2d913"]]);
-K.install = function(e) {
-  e.component(K.name, K);
+const xe = /* @__PURE__ */ G(aa, [["render", sa], ["__scopeId", "data-v-f8b2d913"]]);
+Q.install = function(e) {
+  e.component(Q.name, Q);
 };
-const oa = [
+const ia = [
+  te,
   ae,
-  ne,
-  B,
-  Le,
-  De,
-  K
-], la = (e) => {
-  oa.forEach((t) => {
+  L,
+  xe,
+  Re,
+  Q
+], ua = (e) => {
+  ia.forEach((t) => {
     e.component(t.name, t);
   });
-}, da = {
-  install: la,
-  MyButton: ae,
-  JsxButton: ne,
-  ZxtTable: B,
-  ZxtGrid: Le,
-  ZxtForm: De,
-  ZxtPagination: K,
+}, pa = {
+  install: ua,
+  MyButton: te,
+  JsxButton: ae,
+  ZxtTable: L,
+  ZxtGrid: xe,
+  ZxtForm: Re,
+  ZxtPagination: Q,
   // 暴露渲染器 API
-  renderer: B.renderer,
-  registerRenderer: B.registerRenderer
+  renderer: L.renderer,
+  registerRenderer: L.registerRenderer
 };
 export {
-  ne as JsxButton,
-  ae as MyButton,
-  De as ZxtForm,
-  Le as ZxtGrid,
-  K as ZxtPagination,
-  B as ZxtTable,
-  da as default
+  ae as JsxButton,
+  te as MyButton,
+  Re as ZxtForm,
+  xe as ZxtGrid,
+  Q as ZxtPagination,
+  L as ZxtTable,
+  pa as default
 };