zxt-table 0.5.1 → 0.5.2

package/dist/zxt-table.es.js

@@ -1,11 +1,11 @@
-import { createElementBlock as f, openBlock as s, normalizeClass as pe, renderSlot as H, defineComponent as b, createVNode as P, ref as k, watch as Q, resolveComponent as z, createBlock as $, h as J, inject as Ne, computed as C, mergeProps as M, withCtx as y, Fragment as O, renderList as F, createSlots as re, resolveDynamicComponent as Se, createTextVNode as Z, toDisplayString as X, provide as Ue, onMounted as qe, resolveDirective as We, normalizeStyle as Ge, withDirectives as Je, createCommentVNode as Y, createElementVNode as w, reactive as Ke, toHandlers as Qe, useAttrs as Xe, useSlots as Ye, normalizeProps as Me, guardReactiveProps as Oe } from "vue";
-import { ElPagination as et, ElLink as tt, ElCheckbox as at, ElSelect as nt, ElOption as ot, ElInput as rt, ElTableColumn as lt, ElTable as st, ElMessage as ue } from "element-plus";
-const U = (e, t) => {
+import { createElementBlock as m, openBlock as s, normalizeClass as se, renderSlot as Z, defineComponent as y, createVNode as F, ref as k, watch as K, resolveComponent as z, createBlock as $, h as G, inject as Be, computed as C, mergeProps as O, withCtx as b, Fragment as B, renderList as R, createSlots as ne, resolveDynamicComponent as we, createTextVNode as j, toDisplayString as Q, provide as Te, onMounted as Le, resolveDirective as He, normalizeStyle as Ze, withDirectives as je, createCommentVNode as X, createElementVNode as w, reactive as Ie, toHandlers as Ee, useAttrs as Ne, useSlots as Ue, normalizeProps as De, guardReactiveProps as Re } from "vue";
+import { ElPagination as qe, ElLink as We, ElCheckbox as Ge, ElSelect as Je, ElOption as Ke, ElInput as Qe, ElTableColumn as Xe, ElTable as Ye } from "element-plus";
+const q = (e, t) => {
   const a = e.__vccOpts || e;
-  for (const [r, i] of t)
-    a[r] = i;
+  for (const [l, i] of t)
+    a[l] = i;
   return a;
-}, it = {
+}, et = {
   name: "MyButton",
   props: {
     type: {
@@ -21,26 +21,26 @@ const U = (e, t) => {
   emits: ["click"],
   setup(e, { emit: t }) {
     return {
-      handleClick: (r) => {
-        t("click", r);
+      handleClick: (l) => {
+        t("click", l);
       }
     };
   }
-}, ut = ["disabled"];
-function dt(e, t, a, r, i, c) {
-  return s(), f("button", {
-    class: pe(["my-button", [`my-button--${a.type}`, { "is-disabled": a.disabled }]]),
+}, tt = ["disabled"];
+function at(e, t, a, l, i, c) {
+  return s(), m("button", {
+    class: se(["my-button", [`my-button--${a.type}`, { "is-disabled": a.disabled }]]),
     disabled: a.disabled,
-    onClick: t[0] || (t[0] = (...o) => r.handleClick && r.handleClick(...o))
+    onClick: t[0] || (t[0] = (...r) => l.handleClick && l.handleClick(...r))
   }, [
-    H(e.$slots, "default", {}, void 0, !0)
-  ], 10, ut);
+    Z(e.$slots, "default", {}, void 0, !0)
+  ], 10, tt);
 }
-const ae = /* @__PURE__ */ U(it, [["render", dt], ["__scopeId", "data-v-4480e77d"]]);
-ae.install = function(e) {
-  e.component(ae.name, ae);
+const ee = /* @__PURE__ */ q(et, [["render", at], ["__scopeId", "data-v-4480e77d"]]);
+ee.install = function(e) {
+  e.component(ee.name, ee);
 };
-const ne = /* @__PURE__ */ b({
+const te = /* @__PURE__ */ y({
   name: "JsxButton",
   props: {
     type: {
@@ -58,24 +58,24 @@ const ne = /* @__PURE__ */ b({
     emit: t,
     slots: a
   }) {
-    const r = (i) => {
+    const l = (i) => {
       e.disabled || t("click", i);
     };
-    return () => P("button", {
+    return () => F("button", {
       class: ["jsx-button", `jsx-button--${e.type}`, {
         "is-disabled": e.disabled
       }],
       disabled: e.disabled,
-      onClick: r
+      onClick: l
     }, [a.default?.()]);
   }
 });
-ne.install = function(e) {
-  e.component(ne.name, ne);
+te.install = function(e) {
+  e.component(te.name, te);
 };
-const ct = b({
+const nt = y({
   name: "ZxtPagination",
-  components: { ElPagination: et },
+  components: { ElPagination: qe },
   props: {
     // 当前页码
     modelValue: { type: Number, default: 1 },
@@ -93,32 +93,32 @@ const ct = b({
   },
   emits: ["update:modelValue", "update:pageSize", "page-change", "size-change"],
   setup(e, { emit: t }) {
-    const a = k(e.modelValue), r = k(e.pageSize);
-    return Q(
+    const a = k(e.modelValue), l = k(e.pageSize);
+    return K(
       () => e.modelValue,
-      (o) => {
-        a.value = o;
+      (r) => {
+        a.value = r;
       }
-    ), Q(
+    ), K(
       () => e.pageSize,
-      (o) => {
-        r.value = o;
+      (r) => {
+        l.value = r;
       }
     ), {
       currentPage: a,
-      pageSize: r,
-      handleSizeChange: (o) => {
-        r.value = o, a.value = 1, t("update:pageSize", o), t("size-change", { page: a.value, size: o });
+      pageSize: l,
+      handleSizeChange: (r) => {
+        l.value = r, a.value = 1, t("update:pageSize", r), t("size-change", { page: a.value, size: r });
       },
-      handleCurrentChange: (o) => {
-        a.value = o, t("update:modelValue", o), t("page-change", { page: o, size: r.value });
+      handleCurrentChange: (r) => {
+        a.value = r, t("update:modelValue", r), t("page-change", { page: r, size: l.value });
       }
     };
   }
 });
-function pt(e, t, a, r, i, c) {
-  const o = z("el-pagination");
-  return s(), $(o, {
+function ot(e, t, a, l, i, c) {
+  const r = z("el-pagination");
+  return s(), $(r, {
     "current-page": e.currentPage,
     "onUpdate:currentPage": t[0] || (t[0] = (p) => e.currentPage = p),
     "page-size": e.pageSize,
@@ -131,55 +131,55 @@ function pt(e, t, a, r, i, c) {
     onCurrentChange: e.handleCurrentChange
   }, null, 8, ["current-page", "page-size", "page-sizes", "total", "layout", "onSizeChange", "onCurrentChange"]);
 }
-const K = /* @__PURE__ */ U(ct, [["render", pt], ["__scopeId", "data-v-497aa44d"]]), oe = {
+const J = /* @__PURE__ */ q(nt, [["render", ot], ["__scopeId", "data-v-497aa44d"]]), ae = {
   default: ({ cellValue: e }) => e ?? "",
-  input: ({ cellValue: e, row: t, column: a, updateRow: r }) => J(rt, {
+  input: ({ cellValue: e, row: t, column: a, updateRow: l }) => G(Qe, {
     modelValue: e,
     size: "small",
-    onInput: (i) => r({ ...t, [a.property]: i })
+    onInput: (i) => l({ ...t, [a.property]: i })
   }),
-  select: ({ cellValue: e, row: t, column: a, updateRow: r, options: i = [] }) => J(
-    nt,
+  select: ({ cellValue: e, row: t, column: a, updateRow: l, options: i = [] }) => G(
+    Je,
     {
       modelValue: e,
       size: "small",
-      onChange: (c) => r({ ...t, [a.property]: c })
+      onChange: (c) => l({ ...t, [a.property]: c })
     },
     () => i.map(
-      (c) => J(ot, { label: c.label, value: c.value, key: c.value })
+      (c) => G(Ke, { label: c.label, value: c.value, key: c.value })
     )
   ),
-  checkbox: ({ cellValue: e, row: t, column: a, updateRow: r }) => J(at, {
+  checkbox: ({ cellValue: e, row: t, column: a, updateRow: l }) => G(Ge, {
     modelValue: !!e,
-    onChange: (i) => r({ ...t, [a.property]: i })
+    onChange: (i) => l({ ...t, [a.property]: i })
   }),
-  link: ({ cellValue: e, href: t, target: a = "_blank" }) => J(tt, { href: t, target: a }, () => e)
+  link: ({ cellValue: e, href: t, target: a = "_blank" }) => G(We, { href: t, target: a }, () => e)
 };
-function ft(e, t) {
+function rt(e, t) {
   if (!e) return null;
   if (typeof e == "string") {
-    const a = oe[e];
+    const a = ae[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: r = {}, attrs: i = {}, events: c = {}, content: o } = e;
-    return typeof a == "string" && oe[a] ? oe[a]({
+    const { name: a, props: l = {}, attrs: i = {}, events: c = {}, content: r } = e;
+    return typeof a == "string" && ae[a] ? ae[a]({
       ...t,
-      ...r,
+      ...l,
       ...i,
       ...c
-    }) : typeof a == "object" || typeof a == "function" ? J(a, { ...r, ...i, ...c }, o) : (console.warn("[ZxtTable] cellRender 对象缺少有效的 name 字段"), t.cellValue ?? "");
+    }) : typeof a == "object" || typeof a == "function" ? G(a, { ...l, ...i, ...c }, r) : (console.warn("[ZxtTable] cellRender 对象缺少有效的 name 字段"), t.cellValue ?? "");
   }
   return t.cellValue ?? "";
 }
-function gt(e, t) {
-  oe[e] && console.warn(`[ZxtTable] 内置渲染器 ${e} 已被覆盖`), oe[e] = t;
+function lt(e, t) {
+  ae[e] && console.warn(`[ZxtTable] 内置渲染器 ${e} 已被覆盖`), ae[e] = t;
 }
-const mt = b({
+const st = y({
   name: "ZxtTableColumn",
-  components: { ElTableColumn: lt },
+  components: { ElTableColumn: Xe },
   props: {
     column: {
       type: Object,
@@ -195,92 +195,92 @@ const mt = b({
     }
   },
   setup(e) {
-    const t = Ne("updateRow", () => {
-    }), a = (o) => {
+    const t = Be("updateRow", () => {
+    }), a = (r) => {
       const { currentPage: p, pageSize: g } = e;
-      return (p - 1) * g + o + 1;
-    }, r = C(() => {
-      const o = e.column;
+      return (p - 1) * g + r + 1;
+    }, l = C(() => {
+      const r = e.column;
       return {
-        ...o,
-        prop: o.prop ?? o.field,
+        ...r,
+        prop: r.prop ?? r.field,
         // 优先使用 prop，兼容 field
-        label: o.label ?? o.title
+        label: r.label ?? r.title
         // 优先使用 label，兼容 title
       };
     }), i = C(() => {
-      const { children: o, ...p } = r.value;
+      const { children: r, ...p } = l.value;
       return p;
     });
     return {
-      normalizedColumn: r,
+      normalizedColumn: l,
       columnProps: i,
-      renderCell: (o) => {
-        const p = r.value, g = o.row[p.prop], d = g ?? p.defaultValue ?? "";
-        return ft(p.cellRender, {
-          row: o.row,
+      renderCell: (r) => {
+        const p = l.value, g = r.row[p.prop], d = g ?? p.defaultValue ?? "";
+        return rt(p.cellRender, {
+          row: r.row,
           column: p,
-          rowIndex: o.$index,
+          rowIndex: r.$index,
           cellValue: d,
-          updateRow: (h) => t(h, o.$index)
+          updateRow: (h) => t(h, r.$index)
         });
       },
       defaultIndexMethod: a
     };
   }
 });
-function ht(e, t, a, r, i, c) {
-  const o = z("ZxtTableColumn", !0), p = z("el-table-column");
-  return e.normalizedColumn.children && e.normalizedColumn.children.length ? (s(), $(p, M({ key: 0 }, e.columnProps, {
+function it(e, t, a, l, i, c) {
+  const r = z("ZxtTableColumn", !0), p = z("el-table-column");
+  return e.normalizedColumn.children && e.normalizedColumn.children.length ? (s(), $(p, O({ key: 0 }, e.columnProps, {
     key: e.normalizedColumn.prop + "-group"
   }), {
-    default: y(() => [
-      (s(!0), f(O, null, F(e.normalizedColumn.children, (g, d) => (s(), $(o, {
+    default: b(() => [
+      (s(!0), m(B, null, R(e.normalizedColumn.children, (g, d) => (s(), $(r, {
         key: d,
         column: g,
         "current-page": e.currentPage,
         "page-size": e.pageSize
-      }, re({ _: 2 }, [
-        F(e.$slots, (h, u) => ({
+      }, ne({ _: 2 }, [
+        R(e.$slots, (h, u) => ({
           name: u,
-          fn: y((m) => [
-            H(e.$slots, u, M({ ref_for: !0 }, m))
+          fn: b((_) => [
+            Z(e.$slots, u, O({ ref_for: !0 }, _))
           ])
         }))
       ]), 1032, ["column", "current-page", "page-size"]))), 128))
     ]),
     _: 3
-  }, 16)) : (s(), $(p, M({ key: 1 }, e.columnProps, {
+  }, 16)) : (s(), $(p, O({ key: 1 }, e.columnProps, {
     key: e.normalizedColumn.prop,
     index: e.normalizedColumn.indexMethod || e.defaultIndexMethod
-  }), re({ _: 2 }, [
+  }), ne({ _: 2 }, [
     !["selection", "index"].includes(e.normalizedColumn.type) && (e.normalizedColumn.type !== "expand" || e.normalizedColumn.slot) ? {
       name: "default",
-      fn: y((g) => [
-        e.normalizedColumn.slot ? H(e.$slots, e.normalizedColumn.slot, {
+      fn: b((g) => [
+        e.normalizedColumn.slot ? Z(e.$slots, e.normalizedColumn.slot, {
           key: 0,
           row: g.row,
           index: g.$index,
           column: e.normalizedColumn
-        }) : e.normalizedColumn.cellRender ? (s(), $(Se(e.renderCell(g)), { key: 1 })) : e.normalizedColumn.formatter ? (s(), f(O, { key: 2 }, [
-          Z(X(e.normalizedColumn.formatter(
+        }) : e.normalizedColumn.cellRender ? (s(), $(we(e.renderCell(g)), { key: 1 })) : e.normalizedColumn.formatter ? (s(), m(B, { key: 2 }, [
+          j(Q(e.normalizedColumn.formatter(
             g.row,
             e.normalizedColumn,
             g.row[e.normalizedColumn.prop],
             g.$index
           )), 1)
-        ], 64)) : (s(), f(O, { key: 3 }, [
-          Z(X(g.row[e.normalizedColumn.prop]), 1)
+        ], 64)) : (s(), m(B, { key: 3 }, [
+          j(Q(g.row[e.normalizedColumn.prop]), 1)
         ], 64))
       ]),
       key: "0"
     } : void 0
   ]), 1040, ["index"]));
 }
-const vt = /* @__PURE__ */ U(mt, [["render", ht]]), _t = b({
+const ut = /* @__PURE__ */ q(st, [["render", it]]), dt = y({
   name: "ZxtTable",
   inheritAttrs: !1,
-  components: { ZxtPagination: K, ZxtTableColumn: vt, ElTable: st },
+  components: { ZxtPagination: J, ZxtTableColumn: ut, ElTable: Ye },
   props: {
     // 表格唯一标识
     id: { type: String, default: "" },
@@ -321,93 +321,95 @@ const vt = /* @__PURE__ */ U(mt, [["render", ht]]), _t = b({
     "update:row"
   ],
   setup(e, { emit: t }) {
-    const a = k(null), r = k(e.pageSize), i = k(e.currentPage), c = k(!1), o = k([]), p = k(0), g = k({ prop: "", order: "" }), d = k({});
-    Q(() => e.currentPage, (_) => {
-      i.value = _;
-    }), Q(() => e.pageSize, (_) => {
-      r.value = _;
+    const a = k(null), l = k(e.pageSize), i = k(e.currentPage), c = k(!1), r = k([]), p = k(0), g = k({ prop: "", order: "" }), d = k({}), h = k({});
+    K(() => e.currentPage, (v) => {
+      i.value = v;
+    }), K(() => e.pageSize, (v) => {
+      l.value = v;
     });
-    const h = C(() => e.height === "full" ? { height: "100%" } : {}), u = C(() => {
+    const u = C(() => e.height === "full" ? { height: "100%" } : {}), _ = C(() => {
       if (e.height !== "full")
         return e.height;
-    }), m = C(() => !!e.proxyConfig), l = C(() => m.value ? p.value : e.total > 0 ? e.total : e.data.length), S = C(
-      () => m.value ? o.value : e.data
-    ), B = (_) => {
-      m.value && (i.value = _.page, r.value = _.size, T()), t("size-change", _);
-    }, q = (_) => {
-      m.value && (i.value = _.page, r.value = _.size, T()), t("page-change", _);
-    }, x = ({ column: _, prop: V, order: E }) => {
-      g.value = { prop: V, order: E }, m.value && T(), t("sort-change", { column: _, prop: V, order: E });
-    }, j = (_) => {
-      d.value = _ || {}, m.value && T(), t("filter-change", d.value);
-    }, T = async (_) => {
-      if (!m.value) return;
-      const V = e.proxyConfig || {}, E = V.ajax?.query;
-      if (typeof E != "function") return;
-      const L = V.props || {}, he = L.pageField || "page";
-      L.sizeField;
-      const ve = L.sortField || "sort", _e = L.orderField || "order", Ce = L.filtersField || "filters", we = V.params || {}, I = {
-        [he]: {
-          currentPage: _?.page ?? i.value,
-          pageSize: _?.pageSize ?? r.value
+    }), o = C(() => !!e.proxyConfig), S = C(() => o.value ? p.value : e.total > 0 ? e.total : e.data.length), T = C(
+      () => o.value ? r.value : e.data
+    ), W = (v) => {
+      o.value && (i.value = v.page, l.value = v.size, L()), t("size-change", v);
+    }, M = (v) => {
+      o.value && (i.value = v.page, l.value = v.size, L()), t("page-change", v);
+    }, I = ({ column: v, prop: V, order: H }) => {
+      g.value = { prop: V, order: H }, o.value && L(), t("sort-change", { column: v, prop: V, order: H });
+    }, ie = (v) => {
+      d.value = v || {}, o.value && L(), t("filter-change", d.value);
+    }, L = async (v) => {
+      if (!o.value) return;
+      const V = e.proxyConfig || {}, H = V.ajax?.query;
+      if (typeof H != "function") return;
+      const E = V.props || {}, pe = E.pageField || "page";
+      E.sizeField;
+      const fe = E.sortField || "sort", me = E.orderField || "order", ge = E.filtersField || "filters";
+      v?.formData !== void 0 ? h.value = v.formData : V._formData && (h.value = V._formData);
+      const he = V.params || {}, N = {
+        [pe]: {
+          currentPage: v?.page ?? i.value,
+          pageSize: v?.pageSize ?? l.value
         },
-        form: _?.formData ?? V._formData ?? {},
-        ...we
+        form: h.value,
+        ...he
       };
-      g.value?.prop && (I[ve] = g.value.prop, I[_e] = g.value.order), d.value && Object.keys(d.value).length && (I[Ce] = d.value), c.value = !0;
+      g.value?.prop && (N[fe] = g.value.prop, N[me] = g.value.order), d.value && Object.keys(d.value).length && (N[ge] = d.value), c.value = !0;
       try {
-        const R = await E(I), ee = V.response || {}, be = ee.listField || "list", ye = ee.totalField || "total", se = ee.transform;
-        let W = [], te = 0;
-        if (typeof se == "function") {
-          const ie = se(R);
-          W = ie?.list ?? [], te = ie?.total ?? 0;
-        } else R && typeof R == "object" && (W = R?.[be] ?? R?.data ?? [], te = R?.[ye] ?? R?.total ?? 0);
-        o.value = Array.isArray(W) ? W : [], p.value = Number(te) || 0, t("loaded", {
-          data: o.value,
+        const D = await H(N), Y = V.response || {}, ve = Y.listField || "list", _e = Y.totalField || "total", P = Y.transform;
+        let n = [], f = 0;
+        if (typeof P == "function") {
+          const x = P(D);
+          n = x?.list ?? [], f = x?.total ?? 0;
+        } else D && typeof D == "object" && (n = D?.[ve] ?? D?.data ?? [], f = D?.[_e] ?? D?.total ?? 0);
+        r.value = Array.isArray(n) ? n : [], p.value = Number(f) || 0, t("loaded", {
+          data: r.value,
           total: p.value,
-          payload: I
+          payload: N
         });
-      } catch (R) {
-        t("load-error", R);
+      } catch (D) {
+        t("load-error", D);
       } finally {
         c.value = !1;
       }
-    }, le = (_, V) => {
-      m.value ? o.value.splice(V, 1, _) : t("update:row", { index: V, row: _ });
+    }, oe = (v, V) => {
+      o.value ? r.value.splice(V, 1, v) : t("update:row", { index: V, row: v });
     };
-    Ue("updateRow", le), qe(() => {
-      m.value && T();
+    Te("updateRow", oe), Le(() => {
+      o.value && L();
     });
-    const fe = () => a.value, ge = () => a.value?.getSelectionRows?.() || [], me = (_) => T(_);
+    const ue = () => a.value, de = () => a.value?.getSelectionRows?.() || [], ce = (v) => L(v);
     return {
       tableRef: a,
-      containerStyle: h,
-      tableHeight: u,
-      getTableRef: fe,
-      pageSize: r,
+      containerStyle: u,
+      tableHeight: _,
+      getTableRef: ue,
+      pageSize: l,
       currentPage: i,
       loading: c,
-      renderData: S,
-      total: l,
+      renderData: T,
+      total: S,
       pageSizes: C(() => e.pageSizes),
       paginationLayout: C(() => e.paginationLayout),
-      handleSizeChange: B,
-      handlePageChange: q,
-      handleSortChange: x,
-      handleFilterChange: j,
-      reload: me,
-      getSelectedRows: ge,
-      updateRow: le
+      handleSizeChange: W,
+      handlePageChange: M,
+      handleSortChange: I,
+      handleFilterChange: ie,
+      reload: ce,
+      getSelectedRows: de,
+      updateRow: oe
     };
   }
 });
-function Ct(e, t, a, r, i, c) {
-  const o = z("ZxtTableColumn"), p = z("el-table"), g = z("ZxtPagination"), d = We("loading");
-  return s(), f("div", {
-    class: pe(["zxt-table-container", { "zxt-table-container--full": e.height === "full" }]),
-    style: Ge(e.containerStyle)
+function ct(e, t, a, l, i, c) {
+  const r = z("ZxtTableColumn"), p = z("el-table"), g = z("ZxtPagination"), d = He("loading");
+  return s(), m("div", {
+    class: se(["zxt-table-container", { "zxt-table-container--full": e.height === "full" }]),
+    style: Ze(e.containerStyle)
   }, [
-    Je((s(), $(p, M({
+    je((s(), $(p, O({
       ref: "tableRef",
       data: e.renderData,
       height: e.tableHeight
@@ -416,17 +418,17 @@ function Ct(e, t, a, r, i, c) {
       onSortChange: e.handleSortChange,
       onFilterChange: e.handleFilterChange
     }), {
-      default: y(() => [
-        (s(!0), f(O, null, F(e.columns, (h, u) => (s(), $(o, {
+      default: b(() => [
+        (s(!0), m(B, null, R(e.columns, (h, u) => (s(), $(r, {
           key: u,
           column: h,
           "current-page": e.currentPage,
           "page-size": e.pageSize
-        }, re({ _: 2 }, [
-          F(e.$slots, (m, l) => ({
-            name: l,
-            fn: y((S) => [
-              H(e.$slots, l, M({ ref_for: !0 }, S), void 0, !0)
+        }, ne({ _: 2 }, [
+          R(e.$slots, (_, o) => ({
+            name: o,
+            fn: b((S) => [
+              Z(e.$slots, o, O({ ref_for: !0 }, S), void 0, !0)
             ])
           }))
         ]), 1032, ["column", "current-page", "page-size"]))), 128))
@@ -445,11 +447,11 @@ function Ct(e, t, a, r, i, c) {
       layout: e.paginationLayout,
       onPageChange: e.handlePageChange,
       onSizeChange: e.handleSizeChange
-    }, null, 8, ["model-value", "page-size", "page-sizes", "total", "layout", "onPageChange", "onSizeChange"])) : Y("", !0)
+    }, null, 8, ["model-value", "page-size", "page-sizes", "total", "layout", "onPageChange", "onSizeChange"])) : X("", !0)
   ], 6);
 }
-const A = /* @__PURE__ */ U(_t, [["render", Ct], ["__scopeId", "data-v-12127757"]]), N = /* @__PURE__ */ new Map();
-class wt {
+const A = /* @__PURE__ */ q(dt, [["render", ct], ["__scopeId", "data-v-b85485fd"]]), U = /* @__PURE__ */ new Map();
+class pt {
   /**
    * 注册自定义渲染器
    * @param {String} name - 渲染器名称
@@ -463,7 +465,7 @@ class wt {
    * })
    */
   add(t, a) {
-    return !t || typeof t != "string" ? (console.warn("[ZxtTable] 渲染器名称必须是字符串"), this) : !a || typeof a != "object" ? (console.warn("[ZxtTable] 渲染器配置必须是对象"), this) : (N.has(t) && console.warn(`[ZxtTable] 渲染器 "${t}" 已存在，将被覆盖`), N.set(t, a), this);
+    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);
   }
   /**
    * 获取渲染器
@@ -471,14 +473,14 @@ class wt {
    * @returns {Object|undefined}
    */
   get(t) {
-    return N.get(t);
+    return U.get(t);
   }
   /**
    * 删除渲染器
    * @param {String} name - 渲染器名称
    */
   delete(t) {
-    return N.delete(t);
+    return U.delete(t);
   }
   /**
    * 检查渲染器是否存在
@@ -486,29 +488,29 @@ class wt {
    * @returns {Boolean}
    */
   has(t) {
-    return N.has(t);
+    return U.has(t);
   }
   /**
    * 获取所有渲染器名称
    * @returns {Array<String>}
    */
   getAll() {
-    return Array.from(N.keys());
+    return Array.from(U.keys());
   }
   /**
    * 清空所有自定义渲染器
    */
   clear() {
-    N.clear();
+    U.clear();
   }
 }
-const ke = new wt();
-function bt(e, t, a = {}) {
+const ye = new pt();
+function ft(e, t, a = {}) {
   if (!e || !e.itemRender)
     return null;
-  const { name: r } = e.itemRender;
-  if (r && ke.has(r)) {
-    const i = ke.get(r);
+  const { name: l } = e.itemRender;
+  if (l && ye.has(l)) {
+    const i = ye.get(l);
     if (typeof i.renderItemContent == "function") {
       const c = {
         data: t,
@@ -518,8 +520,8 @@ function bt(e, t, a = {}) {
       };
       try {
         return i.renderItemContent(a, c);
-      } catch (o) {
-        return console.error(`[ZxtTable] 渲染器 "${r}" 执行出错:`, o), null;
+      } catch (r) {
+        return console.error(`[ZxtTable] 渲染器 "${l}" 执行出错:`, r), null;
       }
     }
   }
@@ -528,14 +530,14 @@ function bt(e, t, a = {}) {
 A.install = function(e) {
   e.component(A.name, A);
 };
-A.registerRenderer = gt;
-A.renderer = ke;
+A.registerRenderer = lt;
+A.renderer = ye;
 /*! Element Plus Icons Vue v2.3.2 */
-var yt = /* @__PURE__ */ b({
+var mt = /* @__PURE__ */ y({
   name: "ArrowDown",
   __name: "arrow-down",
   setup(e) {
-    return (t, a) => (s(), f("svg", {
+    return (t, a) => (s(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -545,11 +547,11 @@ var yt = /* @__PURE__ */ b({
       })
     ]));
   }
-}), Be = yt, zt = /* @__PURE__ */ b({
+}), Ae = mt, gt = /* @__PURE__ */ y({
   name: "Check",
   __name: "check",
   setup(e) {
-    return (t, a) => (s(), f("svg", {
+    return (t, a) => (s(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -559,11 +561,11 @@ var yt = /* @__PURE__ */ b({
       })
     ]));
   }
-}), St = zt, kt = /* @__PURE__ */ b({
+}), ht = gt, vt = /* @__PURE__ */ y({
   name: "Close",
   __name: "close",
   setup(e) {
-    return (t, a) => (s(), f("svg", {
+    return (t, a) => (s(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -573,11 +575,11 @@ var yt = /* @__PURE__ */ b({
       })
     ]));
   }
-}), $t = kt, Vt = /* @__PURE__ */ b({
+}), _t = vt, Ct = /* @__PURE__ */ y({
   name: "CopyDocument",
   __name: "copy-document",
   setup(e) {
-    return (t, a) => (s(), f("svg", {
+    return (t, a) => (s(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -591,11 +593,11 @@ var yt = /* @__PURE__ */ b({
       })
     ]));
   }
-}), Pt = Vt, Rt = /* @__PURE__ */ b({
+}), wt = Ct, yt = /* @__PURE__ */ y({
   name: "Delete",
   __name: "delete",
   setup(e) {
-    return (t, a) => (s(), f("svg", {
+    return (t, a) => (s(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -605,11 +607,11 @@ var yt = /* @__PURE__ */ b({
       })
     ]));
   }
-}), $e = Rt, Ft = /* @__PURE__ */ b({
+}), be = yt, bt = /* @__PURE__ */ y({
   name: "Document",
   __name: "document",
   setup(e) {
-    return (t, a) => (s(), f("svg", {
+    return (t, a) => (s(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -619,11 +621,11 @@ var yt = /* @__PURE__ */ b({
       })
     ]));
   }
-}), Dt = Ft, At = /* @__PURE__ */ b({
+}), zt = bt, St = /* @__PURE__ */ y({
   name: "Download",
   __name: "download",
   setup(e) {
-    return (t, a) => (s(), f("svg", {
+    return (t, a) => (s(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -633,11 +635,11 @@ var yt = /* @__PURE__ */ b({
       })
     ]));
   }
-}), Ve = At, xt = /* @__PURE__ */ b({
+}), ze = St, kt = /* @__PURE__ */ y({
   name: "Edit",
   __name: "edit",
   setup(e) {
-    return (t, a) => (s(), f("svg", {
+    return (t, a) => (s(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -651,11 +653,11 @@ var yt = /* @__PURE__ */ b({
       })
     ]));
   }
-}), Pe = xt, Mt = /* @__PURE__ */ b({
+}), Se = kt, $t = /* @__PURE__ */ y({
   name: "Lock",
   __name: "lock",
   setup(e) {
-    return (t, a) => (s(), f("svg", {
+    return (t, a) => (s(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -669,11 +671,11 @@ var yt = /* @__PURE__ */ b({
       })
     ]));
   }
-}), Ot = Mt, Bt = /* @__PURE__ */ b({
+}), Vt = $t, Pt = /* @__PURE__ */ y({
   name: "Plus",
   __name: "plus",
   setup(e) {
-    return (t, a) => (s(), f("svg", {
+    return (t, a) => (s(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -683,11 +685,11 @@ var yt = /* @__PURE__ */ b({
       })
     ]));
   }
-}), Re = Bt, Tt = /* @__PURE__ */ b({
+}), ke = Pt, Ft = /* @__PURE__ */ y({
   name: "Refresh",
   __name: "refresh",
   setup(e) {
-    return (t, a) => (s(), f("svg", {
+    return (t, a) => (s(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -697,11 +699,11 @@ var yt = /* @__PURE__ */ b({
       })
     ]));
   }
-}), de = Tt, Lt = /* @__PURE__ */ b({
+}), re = Ft, Dt = /* @__PURE__ */ y({
   name: "Search",
   __name: "search",
   setup(e) {
-    return (t, a) => (s(), f("svg", {
+    return (t, a) => (s(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -711,11 +713,11 @@ var yt = /* @__PURE__ */ b({
       })
     ]));
   }
-}), ce = Lt, Ht = /* @__PURE__ */ b({
+}), le = Dt, Rt = /* @__PURE__ */ y({
   name: "Setting",
   __name: "setting",
   setup(e) {
-    return (t, a) => (s(), f("svg", {
+    return (t, a) => (s(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -725,11 +727,11 @@ var yt = /* @__PURE__ */ b({
       })
     ]));
   }
-}), Fe = Ht, Zt = /* @__PURE__ */ b({
+}), $e = Rt, At = /* @__PURE__ */ y({
   name: "Share",
   __name: "share",
   setup(e) {
-    return (t, a) => (s(), f("svg", {
+    return (t, a) => (s(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -739,11 +741,11 @@ var yt = /* @__PURE__ */ b({
       })
     ]));
   }
-}), jt = Zt, Et = /* @__PURE__ */ b({
+}), Mt = At, xt = /* @__PURE__ */ y({
   name: "Unlock",
   __name: "unlock",
   setup(e) {
-    return (t, a) => (s(), f("svg", {
+    return (t, a) => (s(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -757,11 +759,11 @@ var yt = /* @__PURE__ */ b({
       })
     ]));
   }
-}), It = Et, Nt = /* @__PURE__ */ b({
+}), Ot = xt, Bt = /* @__PURE__ */ y({
   name: "Upload",
   __name: "upload",
   setup(e) {
-    return (t, a) => (s(), f("svg", {
+    return (t, a) => (s(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -771,11 +773,11 @@ var yt = /* @__PURE__ */ b({
       })
     ]));
   }
-}), De = Nt, Ut = /* @__PURE__ */ b({
+}), Ve = Bt, Tt = /* @__PURE__ */ y({
   name: "View",
   __name: "view",
   setup(e) {
-    return (t, a) => (s(), f("svg", {
+    return (t, a) => (s(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -785,11 +787,11 @@ var yt = /* @__PURE__ */ b({
       })
     ]));
   }
-}), Ae = Ut, qt = /* @__PURE__ */ b({
+}), Pe = Tt, Lt = /* @__PURE__ */ y({
   name: "Warning",
   __name: "warning",
   setup(e) {
-    return (t, a) => (s(), f("svg", {
+    return (t, a) => (s(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -799,8 +801,8 @@ var yt = /* @__PURE__ */ b({
       })
     ]));
   }
-}), Wt = qt;
-const Gt = b({
+}), Ht = Lt;
+const Zt = y({
   name: "ZxtForm",
   inheritAttrs: !1,
   props: {
@@ -811,7 +813,7 @@ const Gt = b({
   },
   emits: ["submit", "reset"],
   setup(e, { emit: t, expose: a }) {
-    const r = k(null), i = Ke({}), c = {
+    const l = k(null), i = Ie({}), c = {
       input: "el-input",
       select: "el-select",
       date: "el-date-picker",
@@ -819,73 +821,73 @@ const Gt = b({
       datetime: "el-date-picker",
       datetimerange: "el-date-picker",
       cascader: "el-cascader"
-    }, o = (l) => c[l] || "el-input", p = (l) => {
-      const S = l.type || "input", B = [
+    }, r = (o) => c[o] || "el-input", p = (o) => {
+      const S = o.type || "input", T = [
         "select",
         "date",
         "daterange",
         "datetime",
         "datetimerange",
         "cascader"
-      ].includes(S), q = {
-        placeholder: l.placeholder || `请${B ? "选择" : "输入"}${l.label}`,
-        disabled: l.disabled,
+      ].includes(S), W = {
+        placeholder: o.placeholder || `请${T ? "选择" : "输入"}${o.label}`,
+        disabled: o.disabled,
         style: "width: 100%",
         "popper-class": "zxt-form-popper"
       };
-      let x = {};
+      let M = {};
       switch (S) {
         case "date":
         case "daterange":
         case "datetime":
         case "datetimerange":
-          x = {
-            type: l.dateType || S,
-            startPlaceholder: l.startPlaceholder || "开始日期",
-            endPlaceholder: l.endPlaceholder || "结束日期",
-            format: l.format,
-            valueFormat: l.valueFormat
+          M = {
+            type: o.dateType || S,
+            startPlaceholder: o.startPlaceholder || "开始日期",
+            endPlaceholder: o.endPlaceholder || "结束日期",
+            format: o.format,
+            valueFormat: o.valueFormat
           };
           break;
         case "cascader":
-          x = {
-            options: l.options,
-            props: l.cascaderProps,
-            clearable: l.clearable !== !1
+          M = {
+            options: o.options,
+            props: o.cascaderProps,
+            clearable: o.clearable !== !1
           };
           break;
         default:
-          x = {};
+          M = {};
       }
-      const j = {
-        ...q,
-        ...x
+      const I = {
+        ...W,
+        ...M
       };
-      return "clearable" in l && (j.clearable = l.clearable), l.props && typeof l.props == "object" && Object.assign(j, l.props), j;
-    }, g = C(() => e.formColumns.map((l) => ({
-      ...l,
+      return "clearable" in o && (I.clearable = o.clearable), o.props && typeof o.props == "object" && Object.assign(I, o.props), I;
+    }, g = C(() => e.formColumns.map((o) => ({
+      ...o,
       colSpan: {
-        xs: l.xs ?? l.span ?? 24,
-        sm: l.sm ?? l.span ?? 12,
-        md: l.md ?? l.span ?? 12,
-        lg: l.lg ?? l.span ?? 12,
-        xl: l.xl ?? l.span ?? 12
+        xs: o.xs ?? o.span ?? 24,
+        sm: o.sm ?? o.span ?? 12,
+        md: o.md ?? o.span ?? 12,
+        lg: o.lg ?? o.span ?? 12,
+        xl: o.xl ?? o.span ?? 12
       }
     })));
-    Q(
+    K(
       () => e.initialFormData,
-      (l) => {
+      (o) => {
         Object.keys(i).forEach((S) => {
           delete i[S];
-        }), Object.assign(i, l);
+        }), Object.assign(i, o);
       },
       { immediate: !0, deep: !0 }
     );
     const d = C(() => {
-      const l = { ...e.rules };
-      return Object.keys(l).length === 0 && e.formColumns.length > 0 && e.formColumns.forEach((S) => {
+      const o = { ...e.rules };
+      return Object.keys(o).length === 0 && e.formColumns.length > 0 && e.formColumns.forEach((S) => {
         if (S.required) {
-          const B = [
+          const T = [
             "select",
             "date",
             "daterange",
@@ -893,85 +895,85 @@ const Gt = b({
             "datetimerange",
             "cascader"
           ].includes(S.type);
-          l[S.prop] = [
+          o[S.prop] = [
             {
               required: !0,
-              message: `请${B ? "选择" : "输入"}${S.label}`,
-              trigger: B ? "change" : "blur"
+              message: `请${T ? "选择" : "输入"}${S.label}`,
+              trigger: T ? "change" : "blur"
             }
           ];
         }
-      }), l;
+      }), o;
     }), h = () => {
-      r.value && r.value.validate((l) => {
-        l && t("submit", { ...i });
+      l.value && l.value.validate((o) => {
+        o && t("submit", { ...i });
       });
     }, u = () => {
-      r.value && r.value.resetFields(), t("reset");
-    }, m = (l) => () => bt(l, i, {}) || null;
+      l.value && l.value.resetFields(), t("reset");
+    }, _ = (o) => () => ft(o, i, {}) || null;
     return a({
-      validate: () => r.value ? r.value.validate() : Promise.resolve(!1),
-      resetFields: () => r.value && r.value.resetFields(),
+      validate: () => l.value ? l.value.validate() : Promise.resolve(!1),
+      resetFields: () => l.value && l.value.resetFields(),
       getFormData: () => ({ ...i }),
       submitForm: h,
       resetForm: u
     }), {
-      formRef: r,
+      formRef: l,
       formData: i,
       formRules: d,
       submitForm: h,
       resetForm: u,
       processedColumns: g,
-      getComponentType: o,
+      getComponentType: r,
       getComponentProps: p,
-      renderCustomItem: m
+      renderCustomItem: _
     };
   }
-}), Jt = { class: "zxt-form-container" }, Kt = {
+}), jt = { class: "zxt-form-container" }, It = {
   key: 0,
   class: "form-label"
-}, Qt = { class: "form-control" };
-function Xt(e, t, a, r, i, c) {
-  const o = z("el-option"), p = z("el-form-item"), g = z("el-col"), d = z("el-row"), h = z("el-form");
-  return s(), f("div", Jt, [
-    P(h, M({ ref: "formRef" }, e.$attrs, {
+}, Et = { class: "form-control" };
+function Nt(e, t, a, l, i, c) {
+  const r = z("el-option"), p = z("el-form-item"), g = z("el-col"), d = z("el-row"), h = z("el-form");
+  return s(), m("div", jt, [
+    F(h, O({ ref: "formRef" }, e.$attrs, {
       model: e.formData,
       rules: e.formRules,
       "label-width": e.labelWidth,
       class: "zxt-form"
     }), {
-      default: y(() => [
-        P(d, { gutter: 20 }, {
-          default: y(() => [
-            (s(!0), f(O, null, F(e.processedColumns, (u, m) => (s(), $(g, M({ key: m }, { ref_for: !0 }, u.colSpan), {
-              default: y(() => [
-                P(p, {
+      default: b(() => [
+        F(d, { gutter: 20 }, {
+          default: b(() => [
+            (s(!0), m(B, null, R(e.processedColumns, (u, _) => (s(), $(g, O({ key: _ }, { ref_for: !0 }, u.colSpan), {
+              default: b(() => [
+                F(p, {
                   prop: u.prop,
                   required: u.required,
                   "label-width": "0",
                   class: "custom-form-item"
                 }, {
-                  default: y(() => [
+                  default: b(() => [
                     w("div", {
-                      class: pe(["form-item-wrapper", { "is-action": u.isAction }])
+                      class: se(["form-item-wrapper", { "is-action": u.isAction }])
                     }, [
-                      u.label ? (s(), f("span", Kt, X(u.label), 1)) : Y("", !0),
-                      w("div", Qt, [
-                        u.type === "slot" ? H(e.$slots, u.slotName || u.prop, {
+                      u.label ? (s(), m("span", It, Q(u.label), 1)) : X("", !0),
+                      w("div", Et, [
+                        u.type === "slot" ? Z(e.$slots, u.slotName || u.prop, {
                           key: 0,
                           formData: e.formData,
                           column: u
-                        }, void 0, !0) : u.itemRender ? (s(), $(Se(e.renderCustomItem(u)), { key: 1 })) : (s(), $(Se(e.getComponentType(u.type)), M({
+                        }, void 0, !0) : u.itemRender ? (s(), $(we(e.renderCustomItem(u)), { key: 1 })) : (s(), $(we(e.getComponentType(u.type)), O({
                           key: 2,
                           modelValue: e.formData[u.prop],
-                          "onUpdate:modelValue": (l) => e.formData[u.prop] = l
-                        }, { ref_for: !0 }, e.getComponentProps(u), Qe(u.events || {})), {
-                          default: y(() => [
-                            u.type === "select" ? (s(!0), f(O, { key: 0 }, F(u.options, (l, S) => (s(), $(o, {
+                          "onUpdate:modelValue": (o) => e.formData[u.prop] = o
+                        }, { ref_for: !0 }, e.getComponentProps(u), Ee(u.events || {})), {
+                          default: b(() => [
+                            u.type === "select" ? (s(!0), m(B, { key: 0 }, R(u.options, (o, S) => (s(), $(r, {
                               key: S,
-                              label: l.label,
-                              value: l.value
-                            }, null, 8, ["label", "value"]))), 128)) : Y("", !0)
+                              label: o.label,
+                              value: o.value
+                            }, null, 8, ["label", "value"]))), 128)) : X("", !0)
                           ]),
                           _: 2
                         }, 1040, ["modelValue", "onUpdate:modelValue"]))
@@ -991,28 +993,28 @@ function Xt(e, t, a, r, i, c) {
     }, 16, ["model", "rules", "label-width"])
   ]);
 }
-const xe = /* @__PURE__ */ U(Gt, [["render", Xt], ["__scopeId", "data-v-6b22a57b"]]), Yt = {
-  Plus: Re,
-  Delete: $e,
-  Refresh: de,
-  Download: Ve,
-  Search: ce,
-  Edit: Pe,
-  View: Ae,
-  Upload: De,
-  Setting: Fe,
-  Warning: Wt,
-  Check: St,
-  Close: $t,
-  Document: Dt,
-  CopyDocument: Pt,
-  Share: jt,
-  Lock: Ot,
-  Unlock: It,
-  ArrowDown: Be
-}, ea = b({
+const Fe = /* @__PURE__ */ q(Zt, [["render", Nt], ["__scopeId", "data-v-6b22a57b"]]), Ut = {
+  Plus: ke,
+  Delete: be,
+  Refresh: re,
+  Download: ze,
+  Search: le,
+  Edit: Se,
+  View: Pe,
+  Upload: Ve,
+  Setting: $e,
+  Warning: Ht,
+  Check: ht,
+  Close: _t,
+  Document: zt,
+  CopyDocument: wt,
+  Share: Mt,
+  Lock: Vt,
+  Unlock: Ot,
+  ArrowDown: Ae
+}, qt = y({
   name: "ActionColumn",
-  components: { ArrowDown: Be },
+  components: { ArrowDown: Ae },
   props: {
     buttons: {
       type: Array,
@@ -1029,19 +1031,19 @@ const xe = /* @__PURE__ */ U(Gt, [["render", Xt], ["__scopeId", "data-v-6b22a57b
   },
   emits: ["action-click"],
   setup(e, { emit: t }) {
-    const a = C(() => e.buttons.filter((d) => typeof d.visible == "function" ? d.visible(e.row) : typeof d.visible == "boolean" ? d.visible : !0)), r = C(
+    const a = C(() => e.buttons.filter((d) => typeof d.visible == "function" ? d.visible(e.row) : typeof d.visible == "boolean" ? d.visible : !0)), l = C(
       () => a.value.length > e.maxVisible
     ), i = C(
-      () => r.value ? a.value.slice(0, e.maxVisible) : a.value
+      () => l.value ? a.value.slice(0, e.maxVisible) : a.value
     ), c = C(
-      () => r.value ? a.value.slice(e.maxVisible) : []
+      () => l.value ? a.value.slice(e.maxVisible) : []
     );
     return {
       visibleButtons: i,
       overflowButtons: c,
       getIconComponent: (d) => {
         if (d)
-          return typeof d == "object" || typeof d == "function" ? d : Yt[d];
+          return typeof d == "object" || typeof d == "function" ? d : Ut[d];
       },
       handleClick: (d) => {
         t("action-click", { code: d.code, button: d, row: e.row });
@@ -1051,20 +1053,20 @@ const xe = /* @__PURE__ */ U(Gt, [["render", Xt], ["__scopeId", "data-v-6b22a57b
       }
     };
   }
-}), ta = { class: "action-column" };
-function aa(e, t, a, r, i, c) {
-  const o = z("el-button"), p = z("ArrowDown"), g = z("el-icon"), d = z("el-dropdown-item"), h = z("el-dropdown-menu"), u = z("el-dropdown");
-  return s(), f("div", ta, [
-    (s(!0), f(O, null, F(e.visibleButtons, (m) => (s(), $(o, {
-      key: m.code,
-      type: m.type || "",
-      icon: e.getIconComponent(m.icon),
+}), Wt = { class: "action-column" };
+function Gt(e, t, a, l, i, c) {
+  const r = z("el-button"), p = z("ArrowDown"), g = z("el-icon"), d = z("el-dropdown-item"), h = z("el-dropdown-menu"), u = z("el-dropdown");
+  return s(), m("div", Wt, [
+    (s(!0), m(B, null, R(e.visibleButtons, (_) => (s(), $(r, {
+      key: _.code,
+      type: _.type || "",
+      icon: e.getIconComponent(_.icon),
       size: "small",
       link: "",
-      onClick: (l) => e.handleClick(m)
+      onClick: (o) => e.handleClick(_)
     }, {
-      default: y(() => [
-        Z(X(m.label), 1)
+      default: b(() => [
+        j(Q(_.label), 1)
       ]),
       _: 2
     }, 1032, ["type", "icon", "onClick"]))), 128)),
@@ -1073,16 +1075,16 @@ function aa(e, t, a, r, i, c) {
       trigger: "hover",
       onCommand: e.handleCommand
     }, {
-      dropdown: y(() => [
-        P(h, null, {
-          default: y(() => [
-            (s(!0), f(O, null, F(e.overflowButtons, (m) => (s(), $(d, {
-              key: m.code,
-              command: m,
-              icon: e.getIconComponent(m.icon)
+      dropdown: b(() => [
+        F(h, null, {
+          default: b(() => [
+            (s(!0), m(B, null, R(e.overflowButtons, (_) => (s(), $(d, {
+              key: _.code,
+              command: _,
+              icon: e.getIconComponent(_.icon)
             }, {
-              default: y(() => [
-                Z(X(m.label), 1)
+              default: b(() => [
+                j(Q(_.label), 1)
               ]),
               _: 2
             }, 1032, ["command", "icon"]))), 128))
@@ -1090,17 +1092,17 @@ function aa(e, t, a, r, i, c) {
           _: 1
         })
       ]),
-      default: y(() => [
-        P(o, {
+      default: b(() => [
+        F(r, {
           type: "",
           size: "small",
           link: ""
         }, {
-          default: y(() => [
-            t[0] || (t[0] = Z(" 更多 ", -1)),
-            P(g, { class: "el-icon--right" }, {
-              default: y(() => [
-                P(p)
+          default: b(() => [
+            t[0] || (t[0] = j(" 更多 ", -1)),
+            F(g, { class: "el-icon--right" }, {
+              default: b(() => [
+                F(p)
               ]),
               _: 1
             })
@@ -1109,25 +1111,25 @@ function aa(e, t, a, r, i, c) {
         })
       ]),
       _: 1
-    }, 8, ["onCommand"])) : Y("", !0)
+    }, 8, ["onCommand"])) : X("", !0)
   ]);
 }
-const na = /* @__PURE__ */ U(ea, [["render", aa], ["__scopeId", "data-v-6d75a891"]]), oa = b({
+const Jt = /* @__PURE__ */ q(qt, [["render", Gt], ["__scopeId", "data-v-6d75a891"]]), Kt = y({
   name: "ZxtGrid",
   inheritAttrs: !1,
   components: {
     ZxtTable: A,
-    ZxtForm: xe,
-    ActionColumn: na,
-    Plus: Re,
-    Delete: $e,
-    Refresh: de,
-    Download: Ve,
-    Search: ce,
-    Edit: Pe,
-    View: Ae,
-    Upload: De,
-    Setting: Fe
+    ZxtForm: Fe,
+    ActionColumn: Jt,
+    Plus: ke,
+    Delete: be,
+    Refresh: re,
+    Download: ze,
+    Search: le,
+    Edit: Se,
+    View: Pe,
+    Upload: Ve,
+    Setting: $e
   },
   props: {
     // 网格配置选项
@@ -1155,236 +1157,201 @@ const na = /* @__PURE__ */ U(ea, [["render", aa], ["__scopeId", "data-v-6d75a891
   },
   emits: ["toolbar-click", "action-click", "submit", "reset", "page-change", "size-change"],
   setup(e, { emit: t, expose: a }) {
-    const r = Xe(), i = Ye(), c = k(null), o = k(null), p = k(1), g = k(10), d = k(null), h = k(e.gridOptions.formMode !== !1), u = k({}), m = {
-      Plus: Re,
-      Delete: $e,
-      Refresh: de,
-      Download: Ve,
-      Search: ce,
-      Edit: Pe,
-      View: Ae,
-      Upload: De,
-      Setting: Fe
-    }, l = C(() => {
-      const v = (e.gridOptions.columns || []).find((G) => G.actionColumn);
-      return v ? v.actionColumn : null;
-    }), S = C(() => (e.gridOptions.columns || []).map((v) => v.actionColumn ? {
-      ...v,
+    const l = Ne(), i = Ue(), c = k(null), r = k(null), p = k(1), g = k(10), d = k(null), h = k(e.gridOptions.formMode !== !1), u = k({}), _ = {
+      Plus: ke,
+      Delete: be,
+      Refresh: re,
+      Download: ze,
+      Search: le,
+      Edit: Se,
+      View: Pe,
+      Upload: Ve,
+      Setting: $e
+    }, o = C(() => {
+      const f = (e.gridOptions.columns || []).find((x) => x.actionColumn);
+      return f ? f.actionColumn : null;
+    }), S = C(() => (e.gridOptions.columns || []).map((f) => f.actionColumn ? {
+      ...f,
       slot: "__action__",
       actionColumn: void 0
-    } : v)), B = (n) => {
+    } : f)), T = (n) => {
       t("action-click", n);
-    }, q = C(() => {
+    }, W = C(() => {
       const n = e.gridOptions.formConfig;
       if (!n || !n.items) return [];
-      const v = [...n.items];
-      return v.some(
-        (ze) => ze.type === "slot" && ze.slotName === "search-actions"
-      ) || v.push({
+      const f = [...n.items];
+      return f.some(
+        (Ce) => Ce.type === "slot" && Ce.slotName === "search-actions"
+      ) || f.push({
         type: "slot",
         slotName: "search-actions",
         span: 6,
         labelWidth: "0px",
         isAction: !0,
         ...n.actionConfig
-      }), v;
-    }), x = C(() => {
+      }), f;
+    }), M = C(() => {
       const n = /* @__PURE__ */ new Set(["search-actions"]);
-      return (q.value || []).forEach((v) => {
-        v.type === "slot" && n.add(v.slotName || v.prop);
+      return (W.value || []).forEach((f) => {
+        f.type === "slot" && n.add(f.slotName || f.prop);
       }), n;
-    }), j = C(() => {
+    }), I = C(() => {
       const n = {};
-      for (const v in i)
-        v === "search-actions" || v === "toolbar" || (x.value.has(v) || v.startsWith("form-")) && (n[v] = i[v]);
+      for (const f in i)
+        f === "search-actions" || f === "toolbar" || (M.value.has(f) || f.startsWith("form-")) && (n[f] = i[f]);
       return n;
-    }), T = C(() => {
+    }), ie = C(() => {
       const n = {};
-      for (const v in i)
-        v !== "toolbar" && !x.value.has(v) && !v.startsWith("form-") && (n[v] = i[v]);
+      for (const f in i)
+        f !== "toolbar" && !M.value.has(f) && !f.startsWith("form-") && (n[f] = i[f]);
       return n;
-    }), le = () => {
-      o.value?.submitForm();
-    }, fe = (n) => {
+    }), L = () => {
+      r.value?.submitForm();
+    }, oe = (n) => {
       t("submit", n), e.gridOptions.proxyConfig && (u.value = { ...n }, p.value = 1, c.value?.reload?.({ formData: u.value, page: 1 }));
-    }, ge = () => {
-      o.value?.resetForm();
-    }, me = () => {
+    }, ue = () => {
+      r.value?.resetForm();
+    }, de = () => {
       t("reset"), e.gridOptions.proxyConfig && (u.value = {}, p.value = 1, c.value?.reload?.({ formData: {}, page: 1 }));
-    }, _ = (n) => {
+    }, ce = (n) => {
       if (n)
-        return typeof n == "object" || typeof n == "function" ? n : m[n];
-    }, V = C(() => {
+        return typeof n == "object" || typeof n == "function" ? n : _[n];
+    }, v = C(() => {
       const n = e.gridOptions.proxyConfig;
       return n ? {
         ...n,
         _formData: u.value
       } : null;
-    }), E = C(() => {
+    }), V = C(() => {
       const {
         formConfig: n,
-        toolbar: v,
-        formMode: G,
-        formColumns: ze,
-        rules: pa,
-        data: fa,
-        proxyConfig: Ee,
-        ...Ie
+        toolbar: f,
+        formMode: x,
+        formColumns: Ce,
+        rules: oa,
+        data: ra,
+        proxyConfig: xe,
+        ...Oe
       } = e.gridOptions;
       return {
-        ...Ie,
-        proxyConfig: V.value || Ee || null
+        ...Oe,
+        proxyConfig: v.value || xe || null
       };
-    }), L = C(() => d.value !== null ? d.value : e.externalData.length > 0 ? e.externalData : e.gridOptions.data || []), he = C(() => !!e.gridOptions.proxyConfig), ve = C(() => he.value ? 0 : L.value.length), _e = (n, v) => {
-      switch (t("toolbar-click", { code: n, button: v, grid: c.value }), n) {
-        case "add":
-          Ce();
-          break;
-        case "delete":
-          we();
-          break;
-        case "refresh":
-          I();
-          break;
-        case "export":
-          R();
-          break;
-      }
-    }, Ce = () => {
-      h.value = !0;
-    }, we = () => {
-      const n = c.value?.getTableRef()?.getSelectionRows?.() || [];
-      if (n.length === 0) {
-        ue.warning("请先选择要删除的数据");
-        return;
-      }
-      ue.success(`删除 ${n.length} 条数据`);
-    }, I = () => {
-      ue.success("刷新数据"), c.value?.reload?.();
-    }, R = () => {
-      ue.success("导出数据");
-    }, ee = (n) => {
-      t("submit", n);
-    }, be = () => {
-      t("reset");
-    }, ye = () => {
-      h.value = !1;
-    }, se = (n) => {
+    }), H = C(() => d.value !== null ? d.value : e.externalData.length > 0 ? e.externalData : e.gridOptions.data || []), E = C(() => !!e.gridOptions.proxyConfig), pe = C(() => E.value ? 0 : H.value.length), fe = (n, f) => {
+      t("toolbar-click", { code: n, button: f, grid: c.value });
+    }, me = (n) => {
       p.value = n.page, t("page-change", n);
-    }, W = (n) => {
+    }, ge = (n) => {
       g.value = n.size, t("size-change", n);
-    }, te = () => c.value, ie = () => o.value, Le = () => c.value?.getTableRef()?.getSelectionRows?.() || [], He = (n) => {
+    }, he = () => c.value, N = () => r.value, D = () => c.value?.getTableRef()?.getSelectionRows?.() || [], Y = (n) => {
       d.value = n ?? null;
-    }, Ze = (n) => {
+    }, ve = (n) => {
       h.value = n;
-    }, je = (n, ...v) => {
-      const G = u.value;
+    }, _e = (n, ...f) => {
+      const x = u.value;
       switch (n) {
         case "query":
-          p.value = 1, c.value?.reload?.({ formData: G, page: 1 });
+          p.value = 1, c.value?.reload?.({ formData: x, page: 1 });
           break;
         case "reload":
-          c.value?.reload?.({ formData: G });
+          c.value?.reload?.({ formData: x });
           break;
         default:
           console.warn(`[ZxtGrid] commitProxy: unknown type "${n}"`);
       }
     };
-    Q(
+    K(
       () => e.gridOptions.formMode,
       (n) => {
         n !== void 0 && (h.value = n);
       }
     );
-    const D = () => c.value?.getTableRef?.();
+    const P = () => c.value?.getTableRef?.();
     return a({
-      getGridRef: te,
-      getFormRef: ie,
-      getElTableRef: D,
-      getSelectedRows: Le,
-      reloadData: He,
-      setFormVisible: Ze,
-      commitProxy: je,
-      clearSelection: () => D()?.clearSelection(),
-      toggleRowSelection: (...n) => D()?.toggleRowSelection(...n),
-      toggleAllSelection: () => D()?.toggleAllSelection(),
-      toggleRowExpansion: (...n) => D()?.toggleRowExpansion(...n),
-      setCurrentRow: (...n) => D()?.setCurrentRow(...n),
-      clearSort: () => D()?.clearSort(),
-      clearFilter: (...n) => D()?.clearFilter(...n),
-      doLayout: () => D()?.doLayout(),
-      sort: (...n) => D()?.sort(...n)
+      getGridRef: he,
+      getFormRef: N,
+      getElTableRef: P,
+      getSelectedRows: D,
+      reloadData: Y,
+      setFormVisible: ve,
+      commitProxy: _e,
+      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: r,
+      attrs: l,
       gridRef: c,
-      searchFormRef: o,
+      searchFormRef: r,
       currentPage: p,
       pageSize: g,
-      tableData: L,
-      tableProps: E,
+      tableData: H,
+      tableProps: V,
       mergedColumns: S,
-      actionColumnConfig: l,
-      total: ve,
+      actionColumnConfig: o,
+      total: pe,
       isFormVisible: h,
-      searchFormColumns: q,
-      formFilteredSlots: j,
-      tableFilteredSlots: T,
-      getIconComponent: _,
-      handleToolbarClick: _e,
-      handleActionClick: B,
-      handleSubmit: ee,
-      handleFormReset: be,
-      handleFormCancel: ye,
-      handlePageChange: se,
-      handleSizeChange: W,
-      handleSearch: le,
-      handleSearchSubmit: fe,
-      handleReset: ge,
-      handleSearchReset: me,
-      Search: ce,
-      Refresh: de
+      searchFormColumns: W,
+      formFilteredSlots: I,
+      tableFilteredSlots: ie,
+      getIconComponent: ce,
+      handleToolbarClick: fe,
+      handleActionClick: T,
+      handlePageChange: me,
+      handleSizeChange: ge,
+      handleSearch: L,
+      handleSearchSubmit: oe,
+      handleReset: ue,
+      handleSearchReset: de,
+      Search: le,
+      Refresh: re
     };
   }
-}), ra = {
+}), Qt = {
   key: 0,
   class: "grid-search-form"
-}, la = { class: "search-btn-group" }, sa = { class: "grid-table-wrapper" }, ia = {
+}, Xt = { class: "search-btn-group" }, Yt = { class: "grid-table-wrapper" }, ea = {
   key: 0,
   class: "grid-toolbar"
 };
-function ua(e, t, a, r, i, c) {
-  const o = z("el-button"), p = z("ZxtForm"), g = z("ActionColumn"), d = z("ZxtTable");
-  return s(), f("div", {
-    class: pe(["zxt-grid-container", { "zxt-grid-container--full": e.gridOptions.height === "full" }])
+function ta(e, t, a, l, i, c) {
+  const r = z("el-button"), p = z("ZxtForm"), g = z("ActionColumn"), d = z("ZxtTable");
+  return s(), m("div", {
+    class: se(["zxt-grid-container", { "zxt-grid-container--full": e.gridOptions.height === "full" }])
   }, [
-    e.gridOptions.formConfig && e.isFormVisible ? (s(), f("div", ra, [
-      P(p, {
+    e.gridOptions.formConfig && e.isFormVisible ? (s(), m("div", Qt, [
+      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
-      }, re({
-        "search-actions": y(() => [
-          w("div", la, [
-            P(o, {
+      }, ne({
+        "search-actions": b(() => [
+          w("div", Xt, [
+            F(r, {
               class: "btn-search",
               icon: e.Search,
               onClick: e.handleSearch
             }, {
-              default: y(() => [...t[0] || (t[0] = [
-                Z(" 查询 ", -1)
+              default: b(() => [...t[0] || (t[0] = [
+                j(" 查询 ", -1)
               ])]),
               _: 1
             }, 8, ["icon", "onClick"]),
-            P(o, {
+            F(r, {
               class: "btn-reset",
               icon: e.Refresh,
               onClick: e.handleReset
             }, {
-              default: y(() => [...t[1] || (t[1] = [
-                Z(" 重置 ", -1)
+              default: b(() => [...t[1] || (t[1] = [
+                j(" 重置 ", -1)
               ])]),
               _: 1
             }, 8, ["icon", "onClick"])
@@ -1392,34 +1359,34 @@ function ua(e, t, a, r, i, c) {
         ]),
         _: 2
       }, [
-        F(e.formFilteredSlots, (h, u) => ({
+        R(e.formFilteredSlots, (h, u) => ({
           name: u,
-          fn: y((m) => [
-            H(e.$slots, u, Me(Oe(m)), void 0, !0)
+          fn: b((_) => [
+            Z(e.$slots, u, De(Re(_)), void 0, !0)
           ])
         }))
       ]), 1032, ["form-columns", "initial-form-data", "rules", "onSubmit", "onReset"])
-    ])) : Y("", !0),
-    w("div", sa, [
-      e.gridOptions.toolbar ? (s(), f("div", ia, [
-        (s(!0), f(O, null, F(e.gridOptions.toolbar.buttons, (h, u) => (s(), $(o, {
+    ])) : X("", !0),
+    w("div", Yt, [
+      e.gridOptions.toolbar ? (s(), m("div", ea, [
+        (s(!0), m(B, null, R(e.gridOptions.toolbar.buttons, (h, u) => (s(), $(r, {
           key: u,
           type: h.type || "default",
           size: h.size || "small",
           icon: e.getIconComponent(h.icon),
           disabled: h.disabled,
-          onClick: (m) => e.handleToolbarClick(h.code, h)
+          onClick: (_) => e.handleToolbarClick(h.code, h)
         }, {
-          default: y(() => [
-            Z(X(h.name), 1)
+          default: b(() => [
+            j(Q(h.name), 1)
           ]),
           _: 2
         }, 1032, ["type", "size", "icon", "disabled", "onClick"]))), 128)),
-        H(e.$slots, "toolbar", {
+        Z(e.$slots, "toolbar", {
           grid: e.$refs.gridRef
         }, void 0, !0)
-      ])) : Y("", !0),
-      P(d, M({ ref: "gridRef" }, { ...e.tableProps, ...e.attrs }, {
+      ])) : X("", !0),
+      F(d, O({ ref: "gridRef" }, { ...e.tableProps, ...e.attrs }, {
         id: e.gridOptions.id,
         columns: e.mergedColumns,
         data: e.tableData,
@@ -1432,11 +1399,11 @@ function ua(e, t, a, r, i, c) {
         "pagination-layout": e.gridOptions.paginationLayout,
         onPageChange: e.handlePageChange,
         onSizeChange: e.handleSizeChange
-      }), re({ _: 2 }, [
+      }), ne({ _: 2 }, [
         e.actionColumnConfig ? {
           name: "__action__",
-          fn: y(({ row: h }) => [
-            P(g, {
+          fn: b(({ row: h }) => [
+            F(g, {
               buttons: e.actionColumnConfig.buttons,
               row: h,
               "max-visible": e.actionColumnConfig.maxVisible || 2,
@@ -1445,49 +1412,49 @@ function ua(e, t, a, r, i, c) {
           ]),
           key: "0"
         } : void 0,
-        F(e.tableFilteredSlots, (h, u) => ({
+        R(e.tableFilteredSlots, (h, u) => ({
           name: u,
-          fn: y((m) => [
-            H(e.$slots, u, Me(Oe(m)), void 0, !0)
+          fn: b((_) => [
+            Z(e.$slots, u, De(Re(_)), void 0, !0)
           ])
         }))
       ]), 1040, ["id", "columns", "data", "height", "pageable", "current-page", "page-size", "page-sizes", "total", "pagination-layout", "onPageChange", "onSizeChange"])
     ])
   ], 2);
 }
-const Te = /* @__PURE__ */ U(oa, [["render", ua], ["__scopeId", "data-v-e51052dd"]]);
-K.install = function(e) {
-  e.component(K.name, K);
+const Me = /* @__PURE__ */ q(Kt, [["render", ta], ["__scopeId", "data-v-329b8be5"]]);
+J.install = function(e) {
+  e.component(J.name, J);
 };
-const da = [
-  ae,
-  ne,
+const aa = [
+  ee,
+  te,
   A,
-  Te,
-  xe,
-  K
-], ca = (e) => {
-  da.forEach((t) => {
+  Me,
+  Fe,
+  J
+], na = (e) => {
+  aa.forEach((t) => {
     e.component(t.name, t);
   });
-}, ha = {
-  install: ca,
-  MyButton: ae,
-  JsxButton: ne,
+}, ia = {
+  install: na,
+  MyButton: ee,
+  JsxButton: te,
   ZxtTable: A,
-  ZxtGrid: Te,
-  ZxtForm: xe,
-  ZxtPagination: K,
+  ZxtGrid: Me,
+  ZxtForm: Fe,
+  ZxtPagination: J,
   // 暴露渲染器 API
   renderer: A.renderer,
   registerRenderer: A.registerRenderer
 };
 export {
-  ne as JsxButton,
-  ae as MyButton,
-  xe as ZxtForm,
-  Te as ZxtGrid,
-  K as ZxtPagination,
+  te as JsxButton,
+  ee as MyButton,
+  Fe as ZxtForm,
+  Me as ZxtGrid,
+  J as ZxtPagination,
   A as ZxtTable,
-  ha as default
+  ia as default
 };