zxt-table 0.4.5 → 0.5.0

package/dist/zxt-table.es.js

@@ -1,11 +1,11 @@
-import { createElementBlock as h, openBlock as u, normalizeClass as ne, renderSlot as M, defineComponent as w, createVNode as Z, ref as b, watch as te, resolveComponent as _, createBlock as k, h as I, inject as De, computed as z, mergeProps as A, withCtx as C, Fragment as E, renderList as O, createSlots as Q, resolveDynamicComponent as ye, createTextVNode as G, toDisplayString as ae, provide as Te, onMounted as Ze, resolveDirective as Me, normalizeStyle as Ae, withDirectives as je, createCommentVNode as X, createElementVNode as S, reactive as Le, toHandlers as Be, useAttrs as Ee, normalizeProps as ze, guardReactiveProps as we } from "vue";
-import { ElPagination as He, ElLink as Ie, ElCheckbox as xe, ElSelect as Ne, ElOption as qe, ElInput as Ue, ElTableColumn as Ge, ElTable as Je, ElMessage as ee } from "element-plus";
+import { createElementBlock as f, openBlock as s, normalizeClass as ce, renderSlot as H, defineComponent as b, createVNode as V, ref as k, watch as J, resolveComponent as z, createBlock as $, h as W, inject as Ne, computed as C, mergeProps as O, withCtx as y, Fragment as B, renderList as R, createSlots as ne, resolveDynamicComponent as ze, createTextVNode as Z, toDisplayString as K, provide as Ue, onMounted as qe, resolveDirective as We, normalizeStyle as Ge, withDirectives as Je, createCommentVNode as Q, createElementVNode as w, reactive as Ke, toHandlers as Qe, useAttrs as Xe, useSlots as Ye, normalizeProps as xe, guardReactiveProps as Me } 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 ie } from "element-plus";
 const N = (e, t) => {
   const a = e.__vccOpts || e;
-  for (const [r, o] of t)
-    a[r] = o;
+  for (const [r, i] of t)
+    a[r] = i;
   return a;
-}, We = {
+}, it = {
   name: "MyButton",
   props: {
     type: {
@@ -26,21 +26,21 @@ const N = (e, t) => {
       }
     };
   }
-}, Ke = ["disabled"];
-function Qe(e, t, a, r, o, p) {
-  return u(), h("button", {
-    class: ne(["my-button", [`my-button--${a.type}`, { "is-disabled": a.disabled }]]),
+}, ut = ["disabled"];
+function dt(e, t, a, r, i, c) {
+  return s(), f("button", {
+    class: ce(["my-button", [`my-button--${a.type}`, { "is-disabled": a.disabled }]]),
     disabled: a.disabled,
-    onClick: t[0] || (t[0] = (...n) => r.handleClick && r.handleClick(...n))
+    onClick: t[0] || (t[0] = (...o) => r.handleClick && r.handleClick(...o))
   }, [
-    M(e.$slots, "default", {}, void 0, !0)
-  ], 10, Ke);
+    H(e.$slots, "default", {}, void 0, !0)
+  ], 10, ut);
 }
-const J = /* @__PURE__ */ N(We, [["render", Qe], ["__scopeId", "data-v-4480e77d"]]);
-J.install = function(e) {
-  e.component(J.name, J);
+const ee = /* @__PURE__ */ N(it, [["render", dt], ["__scopeId", "data-v-4480e77d"]]);
+ee.install = function(e) {
+  e.component(ee.name, ee);
 };
-const W = /* @__PURE__ */ w({
+const te = /* @__PURE__ */ b({
   name: "JsxButton",
   props: {
     type: {
@@ -58,10 +58,10 @@ const W = /* @__PURE__ */ w({
     emit: t,
     slots: a
   }) {
-    const r = (o) => {
-      e.disabled || t("click", o);
+    const r = (i) => {
+      e.disabled || t("click", i);
     };
-    return () => Z("button", {
+    return () => V("button", {
       class: ["jsx-button", `jsx-button--${e.type}`, {
         "is-disabled": e.disabled
       }],
@@ -70,12 +70,12 @@ const W = /* @__PURE__ */ w({
     }, [a.default?.()]);
   }
 });
-W.install = function(e) {
-  e.component(W.name, W);
+te.install = function(e) {
+  e.component(te.name, te);
 };
-const Xe = w({
+const ct = b({
   name: "ZxtPagination",
-  components: { ElPagination: He },
+  components: { ElPagination: et },
   props: {
     // 当前页码
     modelValue: { type: Number, default: 1 },
@@ -93,36 +93,36 @@ const Xe = w({
   },
   emits: ["update:modelValue", "update:pageSize", "page-change", "size-change"],
   setup(e, { emit: t }) {
-    const a = b(e.modelValue), r = b(e.pageSize);
-    return te(
+    const a = k(e.modelValue), r = k(e.pageSize);
+    return J(
       () => e.modelValue,
-      (n) => {
-        a.value = n;
+      (o) => {
+        a.value = o;
       }
-    ), te(
+    ), J(
       () => e.pageSize,
-      (n) => {
-        r.value = n;
+      (o) => {
+        r.value = o;
       }
     ), {
       currentPage: a,
       pageSize: r,
-      handleSizeChange: (n) => {
-        r.value = n, a.value = 1, t("update:pageSize", n), t("size-change", { page: a.value, size: n });
+      handleSizeChange: (o) => {
+        r.value = o, a.value = 1, t("update:pageSize", o), t("size-change", { page: a.value, size: o });
       },
-      handleCurrentChange: (n) => {
-        a.value = n, t("update:modelValue", n), t("page-change", { page: n, size: r.value });
+      handleCurrentChange: (o) => {
+        a.value = o, t("update:modelValue", o), t("page-change", { page: o, size: r.value });
       }
     };
   }
 });
-function Ye(e, t, a, r, o, p) {
-  const n = _("el-pagination");
-  return u(), k(n, {
+function pt(e, t, a, r, i, c) {
+  const o = z("el-pagination");
+  return s(), $(o, {
     "current-page": e.currentPage,
-    "onUpdate:currentPage": t[0] || (t[0] = (d) => e.currentPage = d),
+    "onUpdate:currentPage": t[0] || (t[0] = (p) => e.currentPage = p),
     "page-size": e.pageSize,
-    "onUpdate:pageSize": t[1] || (t[1] = (d) => e.pageSize = d),
+    "onUpdate:pageSize": t[1] || (t[1] = (p) => e.pageSize = p),
     "page-sizes": e.pageSizes,
     total: e.total,
     layout: e.layout,
@@ -131,55 +131,55 @@ function Ye(e, t, a, r, o, p) {
     onCurrentChange: e.handleCurrentChange
   }, null, 8, ["current-page", "page-size", "page-sizes", "total", "layout", "onSizeChange", "onCurrentChange"]);
 }
-const x = /* @__PURE__ */ N(Xe, [["render", Ye], ["__scopeId", "data-v-497aa44d"]]), K = {
+const G = /* @__PURE__ */ N(ct, [["render", pt], ["__scopeId", "data-v-497aa44d"]]), ae = {
   default: ({ cellValue: e }) => e ?? "",
-  input: ({ cellValue: e, row: t, column: a, updateRow: r }) => I(Ue, {
+  input: ({ cellValue: e, row: t, column: a, updateRow: r }) => W(rt, {
     modelValue: e,
     size: "small",
-    onInput: (o) => r({ ...t, [a.property]: o })
+    onInput: (i) => r({ ...t, [a.property]: i })
   }),
-  select: ({ cellValue: e, row: t, column: a, updateRow: r, options: o = [] }) => I(
-    Ne,
+  select: ({ cellValue: e, row: t, column: a, updateRow: r, options: i = [] }) => W(
+    nt,
     {
       modelValue: e,
       size: "small",
-      onChange: (p) => r({ ...t, [a.property]: p })
+      onChange: (c) => r({ ...t, [a.property]: c })
     },
-    () => o.map(
-      (p) => I(qe, { label: p.label, value: p.value, key: p.value })
+    () => i.map(
+      (c) => W(ot, { label: c.label, value: c.value, key: c.value })
     )
   ),
-  checkbox: ({ cellValue: e, row: t, column: a, updateRow: r }) => I(xe, {
+  checkbox: ({ cellValue: e, row: t, column: a, updateRow: r }) => W(at, {
     modelValue: !!e,
-    onChange: (o) => r({ ...t, [a.property]: o })
+    onChange: (i) => r({ ...t, [a.property]: i })
   }),
-  link: ({ cellValue: e, href: t, target: a = "_blank" }) => I(Ie, { href: t, target: a }, () => e)
+  link: ({ cellValue: e, href: t, target: a = "_blank" }) => W(tt, { href: t, target: a }, () => e)
 };
-function et(e, t) {
+function ft(e, t) {
   if (!e) return null;
   if (typeof e == "string") {
-    const a = K[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: o = {}, events: p = {}, content: n } = e;
-    return typeof a == "string" && K[a] ? K[a]({
+    const { name: a, props: r = {}, attrs: i = {}, events: c = {}, content: o } = e;
+    return typeof a == "string" && ae[a] ? ae[a]({
       ...t,
       ...r,
-      ...o,
-      ...p
-    }) : typeof a == "object" || typeof a == "function" ? I(a, { ...r, ...o, ...p }, n) : (console.warn("[ZxtTable] cellRender 对象缺少有效的 name 字段"), t.cellValue ?? "");
+      ...i,
+      ...c
+    }) : typeof a == "object" || typeof a == "function" ? W(a, { ...r, ...i, ...c }, o) : (console.warn("[ZxtTable] cellRender 对象缺少有效的 name 字段"), t.cellValue ?? "");
   }
   return t.cellValue ?? "";
 }
-function tt(e, t) {
-  K[e] && console.warn(`[ZxtTable] 内置渲染器 ${e} 已被覆盖`), K[e] = t;
+function mt(e, t) {
+  ae[e] && console.warn(`[ZxtTable] 内置渲染器 ${e} 已被覆盖`), ae[e] = t;
 }
-const at = w({
+const gt = b({
   name: "ZxtTableColumn",
-  components: { ElTableColumn: Ge },
+  components: { ElTableColumn: lt },
   props: {
     column: {
       type: Object,
@@ -195,92 +195,92 @@ const at = w({
     }
   },
   setup(e) {
-    const t = De("updateRow", () => {
-    }), a = (n) => {
-      const { currentPage: d, pageSize: c } = e;
-      return (d - 1) * c + n + 1;
-    }, r = z(() => {
-      const n = e.column;
+    const t = Ne("updateRow", () => {
+    }), a = (o) => {
+      const { currentPage: p, pageSize: m } = e;
+      return (p - 1) * m + o + 1;
+    }, r = C(() => {
+      const o = e.column;
       return {
-        ...n,
-        prop: n.prop ?? n.field,
+        ...o,
+        prop: o.prop ?? o.field,
         // 优先使用 prop，兼容 field
-        label: n.label ?? n.title
+        label: o.label ?? o.title
         // 优先使用 label，兼容 title
       };
-    }), o = z(() => {
-      const { children: n, ...d } = r.value;
-      return d;
+    }), i = C(() => {
+      const { children: o, ...p } = r.value;
+      return p;
     });
     return {
       normalizedColumn: r,
-      columnProps: o,
-      renderCell: (n) => {
-        const d = r.value, c = n.row[d.prop], g = c ?? d.defaultValue ?? "";
-        return et(d.cellRender, {
-          row: n.row,
-          column: d,
-          rowIndex: n.$index,
-          cellValue: g,
-          updateRow: (f) => t(f, n.$index)
+      columnProps: i,
+      renderCell: (o) => {
+        const p = r.value, m = o.row[p.prop], d = m ?? p.defaultValue ?? "";
+        return ft(p.cellRender, {
+          row: o.row,
+          column: p,
+          rowIndex: o.$index,
+          cellValue: d,
+          updateRow: (h) => t(h, o.$index)
         });
       },
       defaultIndexMethod: a
     };
   }
 });
-function nt(e, t, a, r, o, p) {
-  const n = _("ZxtTableColumn", !0), d = _("el-table-column");
-  return e.normalizedColumn.children && e.normalizedColumn.children.length ? (u(), k(d, A({ key: 0 }, e.columnProps, {
+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, O({ key: 0 }, e.columnProps, {
     key: e.normalizedColumn.prop + "-group"
   }), {
-    default: C(() => [
-      (u(!0), h(E, null, O(e.normalizedColumn.children, (c, g) => (u(), k(n, {
-        key: g,
-        column: c,
+    default: y(() => [
+      (s(!0), f(B, null, R(e.normalizedColumn.children, (m, d) => (s(), $(o, {
+        key: d,
+        column: m,
         "current-page": e.currentPage,
         "page-size": e.pageSize
-      }, Q({ _: 2 }, [
-        O(e.$slots, (f, i) => ({
-          name: i,
-          fn: C((y) => [
-            M(e.$slots, i, A({ ref_for: !0 }, y))
+      }, ne({ _: 2 }, [
+        R(e.$slots, (h, u) => ({
+          name: u,
+          fn: y((g) => [
+            H(e.$slots, u, O({ ref_for: !0 }, g))
           ])
         }))
       ]), 1032, ["column", "current-page", "page-size"]))), 128))
     ]),
     _: 3
-  }, 16)) : (u(), k(d, A({ key: 1 }, e.columnProps, {
+  }, 16)) : (s(), $(p, O({ key: 1 }, e.columnProps, {
     key: e.normalizedColumn.prop,
     index: e.normalizedColumn.indexMethod || e.defaultIndexMethod
-  }), Q({ _: 2 }, [
+  }), ne({ _: 2 }, [
     !["selection", "index"].includes(e.normalizedColumn.type) && (e.normalizedColumn.type !== "expand" || e.normalizedColumn.slot) ? {
       name: "default",
-      fn: C((c) => [
-        e.normalizedColumn.slot ? M(e.$slots, e.normalizedColumn.slot, {
+      fn: y((m) => [
+        e.normalizedColumn.slot ? H(e.$slots, e.normalizedColumn.slot, {
           key: 0,
-          row: c.row,
-          index: c.$index,
+          row: m.row,
+          index: m.$index,
           column: e.normalizedColumn
-        }) : e.normalizedColumn.cellRender ? (u(), k(ye(e.renderCell(c)), { key: 1 })) : e.normalizedColumn.formatter ? (u(), h(E, { key: 2 }, [
-          G(ae(e.normalizedColumn.formatter(
-            c.row,
+        }) : e.normalizedColumn.cellRender ? (s(), $(ze(e.renderCell(m)), { key: 1 })) : e.normalizedColumn.formatter ? (s(), f(B, { key: 2 }, [
+          Z(K(e.normalizedColumn.formatter(
+            m.row,
             e.normalizedColumn,
-            c.row[e.normalizedColumn.prop],
-            c.$index
+            m.row[e.normalizedColumn.prop],
+            m.$index
           )), 1)
-        ], 64)) : (u(), h(E, { key: 3 }, [
-          G(ae(c.row[e.normalizedColumn.prop]), 1)
+        ], 64)) : (s(), f(B, { key: 3 }, [
+          Z(K(m.row[e.normalizedColumn.prop]), 1)
         ], 64))
       ]),
       key: "0"
     } : void 0
   ]), 1040, ["index"]));
 }
-const rt = /* @__PURE__ */ N(at, [["render", nt]]), ot = w({
+const vt = /* @__PURE__ */ N(gt, [["render", ht]]), _t = b({
   name: "ZxtTable",
   inheritAttrs: !1,
-  components: { ZxtPagination: x, ZxtTableColumn: rt, ElTable: Je },
+  components: { ZxtPagination: G, ZxtTableColumn: vt, ElTable: st },
   props: {
     // 表格唯一标识
     id: { type: String, default: "" },
@@ -321,90 +321,96 @@ const rt = /* @__PURE__ */ N(at, [["render", nt]]), ot = w({
     "update:row"
   ],
   setup(e, { emit: t }) {
-    const a = b(null), r = b(e.pageSize), o = b(e.currentPage), p = b(!1), n = b([]), d = b(0), c = b({ prop: "", order: "" }), g = b({}), f = z(() => e.height === "full" ? { height: "100%" } : {}), i = z(() => {
+    const a = k(null), r = k(e.pageSize), i = k(e.currentPage), c = k(!1), o = k([]), p = k(0), m = k({ prop: "", order: "" }), d = k({});
+    J(() => e.currentPage, (_) => {
+      i.value = _;
+    }), J(() => e.pageSize, (_) => {
+      r.value = _;
+    });
+    const h = C(() => e.height === "full" ? { height: "100%" } : {}), u = C(() => {
       if (e.height !== "full")
         return e.height;
-    }), y = z(() => !!e.proxyConfig), l = z(() => y.value ? d.value : e.total > 0 ? e.total : e.data.length), v = z(
-      () => y.value ? n.value : e.data
-    ), D = (m) => {
-      y.value && (o.value = m.page, r.value = m.size, V()), t("size-change", m);
-    }, T = (m) => {
-      y.value && (o.value = m.page, r.value = m.size, V()), t("page-change", m);
-    }, re = ({ prop: m, order: R }) => {
-      c.value = { prop: m, order: R }, y.value && V(), t("sort-change", { prop: m, order: R });
-    }, oe = (m) => {
-      g.value = m || {}, y.value && V(), t("filter-change", g.value);
-    }, V = async () => {
-      if (!y.value) return;
-      const m = e.proxyConfig || {}, R = m.ajax?.query;
-      if (typeof R != "function") return;
-      const j = m.props || {}, ue = j.pageField || "page";
-      j.sizeField;
-      const de = j.sortField || "sort", ce = j.orderField || "order", pe = j.filtersField || "filters", ge = m.params || {}, L = {
+    }), g = C(() => !!e.proxyConfig), l = C(() => g.value ? p.value : e.total > 0 ? e.total : e.data.length), S = C(
+      () => g.value ? o.value : e.data
+    ), T = (_) => {
+      g.value && (i.value = _.page, r.value = _.size, L()), t("size-change", _);
+    }, U = (_) => {
+      g.value && (i.value = _.page, r.value = _.size, L()), t("page-change", _);
+    }, M = ({ column: _, prop: F, order: A }) => {
+      m.value = { prop: F, order: A }, g.value && L(), t("sort-change", { column: _, prop: F, order: A });
+    }, j = (_) => {
+      d.value = _ || {}, g.value && L(), t("filter-change", d.value);
+    }, L = async () => {
+      if (!g.value) return;
+      const _ = e.proxyConfig || {}, F = _.ajax?.query;
+      if (typeof F != "function") return;
+      const A = _.props || {}, re = A.pageField || "page";
+      A.sizeField;
+      const ge = A.sortField || "sort", he = A.orderField || "order", ve = A.filtersField || "filters", _e = _.params || {}, E = {
         // page 作为对象（类似 vxe-grid）
-        [ue]: {
-          currentPage: o.value,
+        [re]: {
+          currentPage: i.value,
           pageSize: r.value
         },
         // form 数据（从 _formData 中获取）
-        form: m._formData || {},
+        form: _._formData || {},
         // 其他自定义参数（排除 _formData）
-        ...ge
+        ..._e
       };
-      c.value?.prop && (L[de] = c.value.prop, L[ce] = c.value.order), g.value && Object.keys(g.value).length && (L[pe] = g.value), p.value = !0;
+      m.value?.prop && (E[ge] = m.value.prop, E[he] = m.value.order), d.value && Object.keys(d.value).length && (E[ve] = d.value), c.value = !0;
       try {
-        const P = await R(L), q = m.response || {}, fe = q.listField || "list", me = q.totalField || "total", s = q.transform;
-        let $ = [], U = 0;
-        if (typeof s == "function") {
-          const H = s(P);
-          $ = H?.list ?? [], U = H?.total ?? 0;
-        } else P && typeof P == "object" && ($ = P?.[fe] ?? P?.data ?? [], U = P?.[me] ?? P?.total ?? 0);
-        n.value = Array.isArray($) ? $ : [], d.value = Number(U) || 0, t("loaded", {
-          data: n.value,
-          total: d.value,
-          payload: L
+        const P = await F(E), X = _.response || {}, Ce = X.listField || "list", we = X.totalField || "total", le = X.transform;
+        let q = [], Y = 0;
+        if (typeof le == "function") {
+          const se = le(P);
+          q = se?.list ?? [], Y = se?.total ?? 0;
+        } else P && typeof P == "object" && (q = P?.[Ce] ?? P?.data ?? [], Y = P?.[we] ?? P?.total ?? 0);
+        o.value = Array.isArray(q) ? q : [], p.value = Number(Y) || 0, t("loaded", {
+          data: o.value,
+          total: p.value,
+          payload: E
         });
       } catch (P) {
         t("load-error", P);
       } finally {
-        p.value = !1;
+        c.value = !1;
       }
-    }, Y = (m, R) => {
-      y.value ? n.value.splice(R, 1, m) : t("update:row", { index: R, row: m });
+    }, oe = (_, F) => {
+      g.value ? o.value.splice(F, 1, _) : t("update:row", { index: F, row: _ });
     };
-    Te("updateRow", Y), Ze(() => {
-      y.value && V();
+    Ue("updateRow", oe), qe(() => {
+      g.value && L();
     });
-    const le = () => a.value, se = () => a.value?.getSelectionRows?.() || [], ie = () => V();
+    const pe = () => a.value, fe = () => a.value?.getSelectionRows?.() || [], me = () => L();
     return {
       tableRef: a,
-      containerStyle: f,
-      tableHeight: i,
-      getTableRef: le,
+      containerStyle: h,
+      tableHeight: u,
+      getTableRef: pe,
       pageSize: r,
-      currentPage: o,
-      loading: p,
-      renderData: v,
+      currentPage: i,
+      loading: c,
+      renderData: S,
       total: l,
-      pageSizes: z(() => e.pageSizes),
-      paginationLayout: z(() => e.paginationLayout),
-      handleSizeChange: D,
-      handlePageChange: T,
-      handleSortChange: re,
-      handleFilterChange: oe,
-      reload: ie,
-      getSelectedRows: se,
-      updateRow: Y
+      pageSizes: C(() => e.pageSizes),
+      paginationLayout: C(() => e.paginationLayout),
+      handleSizeChange: T,
+      handlePageChange: U,
+      handleSortChange: M,
+      handleFilterChange: j,
+      reload: me,
+      getSelectedRows: fe,
+      updateRow: oe
     };
   }
 });
-function lt(e, t, a, r, o, p) {
-  const n = _("ZxtTableColumn"), d = _("el-table"), c = _("ZxtPagination"), g = Me("loading");
-  return u(), h("div", {
-    class: ne(["zxt-table-container", { "zxt-table-container--full": e.height === "full" }]),
-    style: Ae(e.containerStyle)
+function Ct(e, t, a, r, i, c) {
+  const o = z("ZxtTableColumn"), p = z("el-table"), m = z("ZxtPagination"), d = We("loading");
+  return s(), f("div", {
+    class: ce(["zxt-table-container", { "zxt-table-container--full": e.height === "full" }]),
+    style: Ge(e.containerStyle)
   }, [
-    je((u(), k(d, A({
+    Je((s(), $(p, O({
       ref: "tableRef",
       data: e.renderData,
       height: e.tableHeight
@@ -413,40 +419,40 @@ function lt(e, t, a, r, o, p) {
       onSortChange: e.handleSortChange,
       onFilterChange: e.handleFilterChange
     }), {
-      default: C(() => [
-        (u(!0), h(E, null, O(e.columns, (f, i) => (u(), k(n, {
-          key: i,
-          column: f,
+      default: y(() => [
+        (s(!0), f(B, null, R(e.columns, (h, u) => (s(), $(o, {
+          key: u,
+          column: h,
           "current-page": e.currentPage,
           "page-size": e.pageSize
-        }, Q({ _: 2 }, [
-          O(e.$slots, (y, l) => ({
+        }, ne({ _: 2 }, [
+          R(e.$slots, (g, l) => ({
             name: l,
-            fn: C((v) => [
-              M(e.$slots, l, A({ ref_for: !0 }, v), void 0, !0)
+            fn: y((S) => [
+              H(e.$slots, l, O({ ref_for: !0 }, S), void 0, !0)
             ])
           }))
         ]), 1032, ["column", "current-page", "page-size"]))), 128))
       ]),
       _: 3
     }, 16, ["data", "height", "id", "onSortChange", "onFilterChange"])), [
-      [g, e.loading]
+      [d, e.loading]
     ]),
-    e.pageable ? (u(), k(c, {
+    e.pageable ? (s(), $(m, {
       key: 0,
       "model-value": e.currentPage,
       "page-size": e.pageSize,
-      "onUpdate:pageSize": t[0] || (t[0] = (f) => e.pageSize = f),
+      "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"])) : X("", !0)
+    }, null, 8, ["model-value", "page-size", "page-sizes", "total", "layout", "onPageChange", "onSizeChange"])) : Q("", !0)
   ], 6);
 }
-const F = /* @__PURE__ */ N(ot, [["render", lt], ["__scopeId", "data-v-1c00db7c"]]), B = /* @__PURE__ */ new Map();
-class st {
+const x = /* @__PURE__ */ N(_t, [["render", Ct], ["__scopeId", "data-v-f7d3d1ec"]]), I = /* @__PURE__ */ new Map();
+class wt {
   /**
    * 注册自定义渲染器
    * @param {String} name - 渲染器名称
@@ -460,7 +466,7 @@ class st {
    * })
    */
   add(t, a) {
-    return !t || typeof t != "string" ? (console.warn("[ZxtTable] 渲染器名称必须是字符串"), this) : !a || typeof a != "object" ? (console.warn("[ZxtTable] 渲染器配置必须是对象"), this) : (B.has(t) && console.warn(`[ZxtTable] 渲染器 "${t}" 已存在，将被覆盖`), B.set(t, a), this);
+    return !t || typeof t != "string" ? (console.warn("[ZxtTable] 渲染器名称必须是字符串"), this) : !a || typeof a != "object" ? (console.warn("[ZxtTable] 渲染器配置必须是对象"), this) : (I.has(t) && console.warn(`[ZxtTable] 渲染器 "${t}" 已存在，将被覆盖`), I.set(t, a), this);
   }
   /**
    * 获取渲染器
@@ -468,14 +474,14 @@ class st {
    * @returns {Object|undefined}
    */
   get(t) {
-    return B.get(t);
+    return I.get(t);
   }
   /**
    * 删除渲染器
    * @param {String} name - 渲染器名称
    */
   delete(t) {
-    return B.delete(t);
+    return I.delete(t);
   }
   /**
    * 检查渲染器是否存在
@@ -483,191 +489,332 @@ class st {
    * @returns {Boolean}
    */
   has(t) {
-    return B.has(t);
+    return I.has(t);
   }
   /**
    * 获取所有渲染器名称
    * @returns {Array<String>}
    */
   getAll() {
-    return Array.from(B.keys());
+    return Array.from(I.keys());
   }
   /**
    * 清空所有自定义渲染器
    */
   clear() {
-    B.clear();
+    I.clear();
   }
 }
-const be = new st();
-function it(e, t, a = {}) {
+const Se = new wt();
+function bt(e, t, a = {}) {
   if (!e || !e.itemRender)
     return null;
   const { name: r } = e.itemRender;
-  if (r && be.has(r)) {
-    const o = be.get(r);
-    if (typeof o.renderItemContent == "function") {
-      const p = {
+  if (r && Se.has(r)) {
+    const i = Se.get(r);
+    if (typeof i.renderItemContent == "function") {
+      const c = {
         data: t,
         field: e.field || e.prop,
         item: e,
         formData: t
       };
       try {
-        return o.renderItemContent(a, p);
-      } catch (n) {
-        return console.error(`[ZxtTable] 渲染器 "${r}" 执行出错:`, n), null;
+        return i.renderItemContent(a, c);
+      } catch (o) {
+        return console.error(`[ZxtTable] 渲染器 "${r}" 执行出错:`, o), null;
       }
     }
   }
   return null;
 }
-F.install = function(e) {
-  e.component(F.name, F);
+x.install = function(e) {
+  e.component(x.name, x);
 };
-F.registerRenderer = tt;
-F.renderer = be;
-var ut = /* @__PURE__ */ w({
+x.registerRenderer = mt;
+x.renderer = Se;
+/*! Element Plus Icons Vue v2.3.2 */
+var yt = /* @__PURE__ */ b({
+  name: "ArrowDown",
+  __name: "arrow-down",
+  setup(e) {
+    return (t, a) => (s(), f("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      w("path", {
+        fill: "currentColor",
+        d: "M831.872 340.864 512 652.672 192.128 340.864a30.59 30.59 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.59 30.59 0 0 0-42.752 0z"
+      })
+    ]));
+  }
+}), Oe = yt, zt = /* @__PURE__ */ b({
+  name: "Check",
+  __name: "check",
+  setup(e) {
+    return (t, a) => (s(), f("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      w("path", {
+        fill: "currentColor",
+        d: "M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"
+      })
+    ]));
+  }
+}), St = zt, kt = /* @__PURE__ */ b({
+  name: "Close",
+  __name: "close",
+  setup(e) {
+    return (t, a) => (s(), f("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      w("path", {
+        fill: "currentColor",
+        d: "M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
+      })
+    ]));
+  }
+}), $t = kt, Vt = /* @__PURE__ */ b({
+  name: "CopyDocument",
+  __name: "copy-document",
+  setup(e) {
+    return (t, a) => (s(), f("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      w("path", {
+        fill: "currentColor",
+        d: "M768 832a128 128 0 0 1-128 128H192A128 128 0 0 1 64 832V384a128 128 0 0 1 128-128v64a64 64 0 0 0-64 64v448a64 64 0 0 0 64 64h448a64 64 0 0 0 64-64z"
+      }),
+      w("path", {
+        fill: "currentColor",
+        d: "M384 128a64 64 0 0 0-64 64v448a64 64 0 0 0 64 64h448a64 64 0 0 0 64-64V192a64 64 0 0 0-64-64zm0-64h448a128 128 0 0 1 128 128v448a128 128 0 0 1-128 128H384a128 128 0 0 1-128-128V192A128 128 0 0 1 384 64"
+      })
+    ]));
+  }
+}), Pt = Vt, Rt = /* @__PURE__ */ b({
   name: "Delete",
   __name: "delete",
   setup(e) {
-    return (t, a) => (u(), h("svg", {
+    return (t, a) => (s(), f("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      S("path", {
+      w("path", {
         fill: "currentColor",
         d: "M160 256H96a32 32 0 0 1 0-64h256V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64h-64v672a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32zm448-64v-64H416v64zM224 896h576V256H224zm192-128a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32m192 0a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32"
       })
     ]));
   }
-}), _e = ut, dt = /* @__PURE__ */ w({
+}), ke = Rt, Ft = /* @__PURE__ */ b({
+  name: "Document",
+  __name: "document",
+  setup(e) {
+    return (t, a) => (s(), f("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      w("path", {
+        fill: "currentColor",
+        d: "M832 384H576V128H192v768h640zm-26.496-64L640 154.496V320zM160 64h480l256 256v608a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32m160 448h384v64H320zm0-192h160v64H320zm0 384h384v64H320z"
+      })
+    ]));
+  }
+}), At = Ft, Dt = /* @__PURE__ */ b({
   name: "Download",
   __name: "download",
   setup(e) {
-    return (t, a) => (u(), h("svg", {
+    return (t, a) => (s(), f("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      S("path", {
+      w("path", {
         fill: "currentColor",
         d: "M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64m384-253.696 236.288-236.352 45.248 45.248L508.8 704 192 387.2l45.248-45.248L480 584.704V128h64z"
       })
     ]));
   }
-}), Se = dt, ct = /* @__PURE__ */ w({
+}), $e = Dt, xt = /* @__PURE__ */ b({
   name: "Edit",
   __name: "edit",
   setup(e) {
-    return (t, a) => (u(), h("svg", {
+    return (t, a) => (s(), f("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      S("path", {
+      w("path", {
         fill: "currentColor",
         d: "M832 512a32 32 0 1 1 64 0v352a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h352a32 32 0 0 1 0 64H192v640h640z"
       }),
-      S("path", {
+      w("path", {
         fill: "currentColor",
         d: "m469.952 554.24 52.8-7.552L847.104 222.4a32 32 0 1 0-45.248-45.248L477.44 501.44l-7.552 52.8zm422.4-422.4a96 96 0 0 1 0 135.808l-331.84 331.84a32 32 0 0 1-18.112 9.088L436.8 623.68a32 32 0 0 1-36.224-36.224l15.104-105.6a32 32 0 0 1 9.024-18.112l331.904-331.84a96 96 0 0 1 135.744 0z"
       })
     ]));
   }
-}), ke = ct, pt = /* @__PURE__ */ w({
+}), Ve = xt, Mt = /* @__PURE__ */ b({
+  name: "Lock",
+  __name: "lock",
+  setup(e) {
+    return (t, a) => (s(), f("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      w("path", {
+        fill: "currentColor",
+        d: "M224 448a32 32 0 0 0-32 32v384a32 32 0 0 0 32 32h576a32 32 0 0 0 32-32V480a32 32 0 0 0-32-32zm0-64h576a96 96 0 0 1 96 96v384a96 96 0 0 1-96 96H224a96 96 0 0 1-96-96V480a96 96 0 0 1 96-96"
+      }),
+      w("path", {
+        fill: "currentColor",
+        d: "M512 544a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V576a32 32 0 0 1 32-32m192-160v-64a192 192 0 1 0-384 0v64zM512 64a256 256 0 0 1 256 256v128H256V320A256 256 0 0 1 512 64"
+      })
+    ]));
+  }
+}), Ot = Mt, Bt = /* @__PURE__ */ b({
   name: "Plus",
   __name: "plus",
   setup(e) {
-    return (t, a) => (u(), h("svg", {
+    return (t, a) => (s(), f("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      S("path", {
+      w("path", {
         fill: "currentColor",
         d: "M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64z"
       })
     ]));
   }
-}), $e = pt, gt = /* @__PURE__ */ w({
+}), Pe = Bt, Tt = /* @__PURE__ */ b({
   name: "Refresh",
   __name: "refresh",
   setup(e) {
-    return (t, a) => (u(), h("svg", {
+    return (t, a) => (s(), f("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      S("path", {
+      w("path", {
         fill: "currentColor",
         d: "M771.776 794.88A384 384 0 0 1 128 512h64a320 320 0 0 0 555.712 216.448H654.72a32 32 0 1 1 0-64h149.056a32 32 0 0 1 32 32v148.928a32 32 0 1 1-64 0v-50.56zM276.288 295.616h92.992a32 32 0 0 1 0 64H220.16a32 32 0 0 1-32-32V178.56a32 32 0 0 1 64 0v50.56A384 384 0 0 1 896.128 512h-64a320 320 0 0 0-555.776-216.384z"
       })
     ]));
   }
-}), he = gt, ft = /* @__PURE__ */ w({
+}), ue = Tt, Lt = /* @__PURE__ */ b({
   name: "Search",
   __name: "search",
   setup(e) {
-    return (t, a) => (u(), h("svg", {
+    return (t, a) => (s(), f("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      S("path", {
+      w("path", {
         fill: "currentColor",
         d: "m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704"
       })
     ]));
   }
-}), ve = ft, mt = /* @__PURE__ */ w({
+}), de = Lt, Ht = /* @__PURE__ */ b({
   name: "Setting",
   __name: "setting",
   setup(e) {
-    return (t, a) => (u(), h("svg", {
+    return (t, a) => (s(), f("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      S("path", {
+      w("path", {
         fill: "currentColor",
         d: "M600.704 64a32 32 0 0 1 30.464 22.208l35.2 109.376c14.784 7.232 28.928 15.36 42.432 24.512l112.384-24.192a32 32 0 0 1 34.432 15.36L944.32 364.8a32 32 0 0 1-4.032 37.504l-77.12 85.12a357 357 0 0 1 0 49.024l77.12 85.248a32 32 0 0 1 4.032 37.504l-88.704 153.6a32 32 0 0 1-34.432 15.296L708.8 803.904c-13.44 9.088-27.648 17.28-42.368 24.512l-35.264 109.376A32 32 0 0 1 600.704 960H423.296a32 32 0 0 1-30.464-22.208L357.696 828.48a352 352 0 0 1-42.56-24.64l-112.32 24.256a32 32 0 0 1-34.432-15.36L79.68 659.2a32 32 0 0 1 4.032-37.504l77.12-85.248a357 357 0 0 1 0-48.896l-77.12-85.248A32 32 0 0 1 79.68 364.8l88.704-153.6a32 32 0 0 1 34.432-15.296l112.32 24.256c13.568-9.152 27.776-17.408 42.56-24.64l35.2-109.312A32 32 0 0 1 423.232 64H600.64zm-23.424 64H446.72l-36.352 113.088-24.512 11.968a294 294 0 0 0-34.816 20.096l-22.656 15.36-116.224-25.088-65.28 113.152 79.68 88.192-1.92 27.136a293 293 0 0 0 0 40.192l1.92 27.136-79.808 88.192 65.344 113.152 116.224-25.024 22.656 15.296a294 294 0 0 0 34.816 20.096l24.512 11.968L446.72 896h130.688l36.48-113.152 24.448-11.904a288 288 0 0 0 34.752-20.096l22.592-15.296 116.288 25.024 65.28-113.152-79.744-88.192 1.92-27.136a293 293 0 0 0 0-40.256l-1.92-27.136 79.808-88.128-65.344-113.152-116.288 24.96-22.592-15.232a288 288 0 0 0-34.752-20.096l-24.448-11.904L577.344 128zM512 320a192 192 0 1 1 0 384 192 192 0 0 1 0-384m0 64a128 128 0 1 0 0 256 128 128 0 0 0 0-256"
       })
     ]));
   }
-}), Pe = mt, ht = /* @__PURE__ */ w({
+}), Re = Ht, Zt = /* @__PURE__ */ b({
+  name: "Share",
+  __name: "share",
+  setup(e) {
+    return (t, a) => (s(), f("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      w("path", {
+        fill: "currentColor",
+        d: "m679.872 348.8-301.76 188.608a127.8 127.8 0 0 1 5.12 52.16l279.936 104.96a128 128 0 1 1-22.464 59.904l-279.872-104.96a128 128 0 1 1-16.64-166.272l301.696-188.608a128 128 0 1 1 33.92 54.272z"
+      })
+    ]));
+  }
+}), jt = Zt, Et = /* @__PURE__ */ b({
+  name: "Unlock",
+  __name: "unlock",
+  setup(e) {
+    return (t, a) => (s(), f("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      w("path", {
+        fill: "currentColor",
+        d: "M224 448a32 32 0 0 0-32 32v384a32 32 0 0 0 32 32h576a32 32 0 0 0 32-32V480a32 32 0 0 0-32-32zm0-64h576a96 96 0 0 1 96 96v384a96 96 0 0 1-96 96H224a96 96 0 0 1-96-96V480a96 96 0 0 1 96-96"
+      }),
+      w("path", {
+        fill: "currentColor",
+        d: "M512 544a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V576a32 32 0 0 1 32-32m178.304-295.296A192.064 192.064 0 0 0 320 320v64h352l96 38.4V448H256V320a256 256 0 0 1 493.76-95.104z"
+      })
+    ]));
+  }
+}), It = Et, Nt = /* @__PURE__ */ b({
   name: "Upload",
   __name: "upload",
   setup(e) {
-    return (t, a) => (u(), h("svg", {
+    return (t, a) => (s(), f("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      S("path", {
+      w("path", {
         fill: "currentColor",
         d: "M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64m384-578.304V704h-64V247.296L237.248 490.048 192 444.8 508.8 128l316.8 316.8-45.312 45.248z"
       })
     ]));
   }
-}), Re = ht, vt = /* @__PURE__ */ w({
+}), Fe = Nt, Ut = /* @__PURE__ */ b({
   name: "View",
   __name: "view",
   setup(e) {
-    return (t, a) => (u(), h("svg", {
+    return (t, a) => (s(), f("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      S("path", {
+      w("path", {
         fill: "currentColor",
         d: "M512 160c320 0 512 352 512 352S832 864 512 864 0 512 0 512s192-352 512-352m0 64c-225.28 0-384.128 208.064-436.8 288 52.608 79.872 211.456 288 436.8 288 225.28 0 384.128-208.064 436.8-288-52.608-79.872-211.456-288-436.8-288m0 64a224 224 0 1 1 0 448 224 224 0 0 1 0-448m0 64a160.19 160.19 0 0 0-160 160c0 88.192 71.744 160 160 160s160-71.808 160-160-71.744-160-160-160"
       })
     ]));
   }
-}), Fe = vt;
-const yt = w({
+}), Ae = Ut, qt = /* @__PURE__ */ b({
+  name: "Warning",
+  __name: "warning",
+  setup(e) {
+    return (t, a) => (s(), f("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      w("path", {
+        fill: "currentColor",
+        d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m0 832a384 384 0 0 0 0-768 384 384 0 0 0 0 768m48-176a48 48 0 1 1-96 0 48 48 0 0 1 96 0m-48-464a32 32 0 0 1 32 32v288a32 32 0 0 1-64 0V288a32 32 0 0 1 32-32"
+      })
+    ]));
+  }
+}), Wt = qt;
+const Gt = b({
   name: "ZxtForm",
+  inheritAttrs: !1,
   props: {
     formColumns: { type: Array, default: () => [] },
     initialFormData: { type: Object, default: () => ({}) },
-    rules: { type: Object, default: () => ({}) }
+    rules: { type: Object, default: () => ({}) },
+    labelWidth: { type: String, default: "100px" }
   },
   emits: ["submit", "reset"],
   setup(e, { emit: t, expose: a }) {
-    const r = b(null), o = Le({}), p = {
+    const r = k(null), i = Ke({}), c = {
       input: "el-input",
       select: "el-select",
       date: "el-date-picker",
@@ -675,47 +822,50 @@ const yt = w({
       datetime: "el-date-picker",
       datetimerange: "el-date-picker",
       cascader: "el-cascader"
-    }, n = (l) => p[l] || "el-input", d = (l) => {
-      const v = l.type || "input", D = [
+    }, o = (l) => c[l] || "el-input", p = (l) => {
+      const S = l.type || "input", T = [
         "select",
         "date",
         "daterange",
         "datetime",
         "datetimerange",
         "cascader"
-      ].includes(v), T = {
-        placeholder: l.placeholder || `请${D ? "选择" : "输入"}${l.label}`,
+      ].includes(S), U = {
+        placeholder: l.placeholder || `请${T ? "选择" : "输入"}${l.label}`,
         disabled: l.disabled,
         style: "width: 100%",
         "popper-class": "zxt-form-popper"
       };
-      switch (v) {
+      let M = {};
+      switch (S) {
         case "date":
         case "daterange":
         case "datetime":
         case "datetimerange":
-          return {
-            ...T,
-            type: l.dateType || v,
+          M = {
+            type: l.dateType || S,
             startPlaceholder: l.startPlaceholder || "开始日期",
             endPlaceholder: l.endPlaceholder || "结束日期",
             format: l.format,
             valueFormat: l.valueFormat
           };
+          break;
         case "cascader":
-          return {
-            ...T,
+          M = {
             options: l.options,
             props: l.cascaderProps,
             clearable: l.clearable !== !1
           };
-        case "select":
-          return T;
-        case "input":
+          break;
         default:
-          return T;
+          M = {};
       }
-    }, c = z(() => e.formColumns.map((l) => ({
+      const j = {
+        ...U,
+        ...M
+      };
+      return "clearable" in l && (j.clearable = l.clearable), l.props && typeof l.props == "object" && Object.assign(j, l.props), j;
+    }, m = C(() => e.formColumns.map((l) => ({
       ...l,
       colSpan: {
         xs: l.xs ?? l.span ?? 24,
@@ -725,107 +875,106 @@ const yt = w({
         xl: l.xl ?? l.span ?? 12
       }
     })));
-    te(
+    J(
       () => e.initialFormData,
       (l) => {
-        Object.keys(o).forEach((v) => {
-          delete o[v];
-        }), Object.assign(o, l);
+        Object.keys(i).forEach((S) => {
+          delete i[S];
+        }), Object.assign(i, l);
       },
       { immediate: !0, deep: !0 }
     );
-    const g = z(() => {
+    const d = C(() => {
       const l = { ...e.rules };
-      return Object.keys(l).length === 0 && e.formColumns.length > 0 && e.formColumns.forEach((v) => {
-        if (v.required) {
-          const D = [
+      return Object.keys(l).length === 0 && e.formColumns.length > 0 && e.formColumns.forEach((S) => {
+        if (S.required) {
+          const T = [
             "select",
             "date",
             "daterange",
             "datetime",
             "datetimerange",
             "cascader"
-          ].includes(v.type);
-          l[v.prop] = [
+          ].includes(S.type);
+          l[S.prop] = [
             {
               required: !0,
-              message: `请${D ? "选择" : "输入"}${v.label}`,
-              trigger: D ? "change" : "blur"
+              message: `请${T ? "选择" : "输入"}${S.label}`,
+              trigger: T ? "change" : "blur"
             }
           ];
         }
       }), l;
-    }), f = () => {
+    }), h = () => {
       r.value && r.value.validate((l) => {
-        l && t("submit", { ...o });
+        l && t("submit", { ...i });
       });
-    }, i = () => {
+    }, u = () => {
       r.value && r.value.resetFields(), t("reset");
-    }, y = (l) => () => it(l, o, {}) || null;
+    }, g = (l) => () => bt(l, i, {}) || null;
     return a({
       validate: () => r.value ? r.value.validate() : Promise.resolve(!1),
       resetFields: () => r.value && r.value.resetFields(),
-      getFormData: () => ({ ...o }),
-      submitForm: f,
-      resetForm: i
+      getFormData: () => ({ ...i }),
+      submitForm: h,
+      resetForm: u
     }), {
       formRef: r,
-      formData: o,
-      formRules: g,
-      submitForm: f,
-      resetForm: i,
-      processedColumns: c,
-      getComponentType: n,
-      getComponentProps: d,
-      renderCustomItem: y
+      formData: i,
+      formRules: d,
+      submitForm: h,
+      resetForm: u,
+      processedColumns: m,
+      getComponentType: o,
+      getComponentProps: p,
+      renderCustomItem: g
     };
   }
-}), bt = { class: "zxt-form-container" }, Ct = {
+}), Jt = { class: "zxt-form-container" }, Kt = {
   key: 0,
   class: "form-label"
-}, zt = { class: "form-control" };
-function wt(e, t, a, r, o, p) {
-  const n = _("el-option"), d = _("el-form-item"), c = _("el-col"), g = _("el-row"), f = _("el-form");
-  return u(), h("div", bt, [
-    Z(f, {
-      ref: "formRef",
+}, Qt = { class: "form-control" };
+function Xt(e, t, a, r, i, c) {
+  const o = z("el-option"), p = z("el-form-item"), m = z("el-col"), d = z("el-row"), h = z("el-form");
+  return s(), f("div", Jt, [
+    V(h, O({ ref: "formRef" }, e.$attrs, {
       model: e.formData,
       rules: e.formRules,
-      "label-width": "100px",
+      "label-width": e.labelWidth,
       class: "zxt-form"
-    }, {
-      default: C(() => [
-        Z(g, { gutter: 20 }, {
-          default: C(() => [
-            (u(!0), h(E, null, O(e.processedColumns, (i, y) => (u(), k(c, A({ key: y }, { ref_for: !0 }, i.colSpan), {
-              default: C(() => [
-                Z(d, {
-                  prop: i.prop,
-                  required: i.required,
+    }), {
+      default: y(() => [
+        V(d, { gutter: 20 }, {
+          default: y(() => [
+            (s(!0), f(B, null, R(e.processedColumns, (u, g) => (s(), $(m, O({ key: g }, { ref_for: !0 }, u.colSpan), {
+              default: y(() => [
+                V(p, {
+                  prop: u.prop,
+                  required: u.required,
                   "label-width": "0",
                   class: "custom-form-item"
                 }, {
-                  default: C(() => [
-                    S("div", {
-                      class: ne(["form-item-wrapper", { "is-action": i.isAction }])
+                  default: y(() => [
+                    w("div", {
+                      class: ce(["form-item-wrapper", { "is-action": u.isAction }])
                     }, [
-                      i.label ? (u(), h("span", Ct, ae(i.label), 1)) : X("", !0),
-                      S("div", zt, [
-                        i.type === "slot" ? M(e.$slots, i.slotName || i.prop, {
+                      u.label ? (s(), f("span", Kt, K(u.label), 1)) : Q("", !0),
+                      w("div", Qt, [
+                        u.type === "slot" ? H(e.$slots, u.slotName || u.prop, {
                           key: 0,
                           formData: e.formData,
-                          column: i
-                        }, void 0, !0) : i.itemRender ? (u(), k(ye(e.renderCustomItem(i)), { key: 1 })) : (u(), k(ye(e.getComponentType(i.type)), A({
+                          column: u
+                        }, void 0, !0) : u.itemRender ? (s(), $(ze(e.renderCustomItem(u)), { key: 1 })) : (s(), $(ze(e.getComponentType(u.type)), O({
                           key: 2,
-                          modelValue: e.formData[i.prop],
-                          "onUpdate:modelValue": (l) => e.formData[i.prop] = l
-                        }, { ref_for: !0 }, e.getComponentProps(i), Be(i.events || {})), {
-                          default: C(() => [
-                            i.type === "select" ? (u(!0), h(E, { key: 0 }, O(i.options, (l, v) => (u(), k(n, {
-                              key: v,
+                          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(B, { key: 0 }, R(u.options, (l, S) => (s(), $(o, {
+                              key: S,
                               label: l.label,
                               value: l.value
-                            }, null, 8, ["label", "value"]))), 128)) : X("", !0)
+                            }, null, 8, ["label", "value"]))), 128)) : Q("", !0)
                           ]),
                           _: 2
                         }, 1040, ["modelValue", "onUpdate:modelValue"]))
@@ -842,24 +991,146 @@ function wt(e, t, a, r, o, p) {
         })
       ]),
       _: 3
-    }, 8, ["model", "rules"])
+    }, 16, ["model", "rules", "label-width"])
   ]);
 }
-const Ce = /* @__PURE__ */ N(yt, [["render", wt], ["__scopeId", "data-v-9c337267"]]), _t = w({
+const De = /* @__PURE__ */ N(Gt, [["render", Xt], ["__scopeId", "data-v-6b22a57b"]]), Yt = {
+  Plus: Pe,
+  Delete: ke,
+  Refresh: ue,
+  Download: $e,
+  Search: de,
+  Edit: Ve,
+  View: Ae,
+  Upload: Fe,
+  Setting: Re,
+  Warning: Wt,
+  Check: St,
+  Close: $t,
+  Document: At,
+  CopyDocument: Pt,
+  Share: jt,
+  Lock: Ot,
+  Unlock: It,
+  ArrowDown: Oe
+}, ea = b({
+  name: "ActionColumn",
+  components: { ArrowDown: Oe },
+  props: {
+    buttons: {
+      type: Array,
+      default: () => []
+    },
+    row: {
+      type: Object,
+      default: () => ({})
+    },
+    maxVisible: {
+      type: Number,
+      default: 2
+    }
+  },
+  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(
+      () => a.value.length > e.maxVisible
+    ), i = C(
+      () => r.value ? a.value.slice(0, e.maxVisible) : a.value
+    ), c = C(
+      () => r.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];
+      },
+      handleClick: (d) => {
+        t("action-click", { code: d.code, button: d, row: e.row });
+      },
+      handleCommand: (d) => {
+        t("action-click", { code: d.code, button: d, row: e.row });
+      }
+    };
+  }
+}), ta = { class: "action-column" };
+function aa(e, t, a, r, i, c) {
+  const o = z("el-button"), p = z("ArrowDown"), m = 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(B, null, R(e.visibleButtons, (g) => (s(), $(o, {
+      key: g.code,
+      type: g.type || "",
+      icon: e.getIconComponent(g.icon),
+      size: "small",
+      link: "",
+      onClick: (l) => e.handleClick(g)
+    }, {
+      default: y(() => [
+        Z(K(g.label), 1)
+      ]),
+      _: 2
+    }, 1032, ["type", "icon", "onClick"]))), 128)),
+    e.overflowButtons.length ? (s(), $(u, {
+      key: 0,
+      trigger: "hover",
+      onCommand: e.handleCommand
+    }, {
+      dropdown: y(() => [
+        V(h, null, {
+          default: y(() => [
+            (s(!0), f(B, null, R(e.overflowButtons, (g) => (s(), $(d, {
+              key: g.code,
+              command: g,
+              icon: e.getIconComponent(g.icon)
+            }, {
+              default: y(() => [
+                Z(K(g.label), 1)
+              ]),
+              _: 2
+            }, 1032, ["command", "icon"]))), 128))
+          ]),
+          _: 1
+        })
+      ]),
+      default: y(() => [
+        V(o, {
+          type: "",
+          size: "small",
+          link: ""
+        }, {
+          default: y(() => [
+            t[0] || (t[0] = Z(" 更多 ", -1)),
+            V(m, { class: "el-icon--right" }, {
+              default: y(() => [
+                V(p)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["onCommand"])) : Q("", !0)
+  ]);
+}
+const na = /* @__PURE__ */ N(ea, [["render", aa], ["__scopeId", "data-v-6d75a891"]]), oa = b({
   name: "ZxtGrid",
   inheritAttrs: !1,
   components: {
-    ZxtTable: F,
-    ZxtForm: Ce,
-    Plus: $e,
-    Delete: _e,
-    Refresh: he,
-    Download: Se,
-    Search: ve,
-    Edit: ke,
-    View: Fe,
-    Upload: Re,
-    Setting: Pe
+    ZxtTable: x,
+    ZxtForm: De,
+    ActionColumn: na,
+    Plus: Pe,
+    Delete: ke,
+    Refresh: ue,
+    Download: $e,
+    Search: de,
+    Edit: Ve,
+    View: Ae,
+    Upload: Fe,
+    Setting: Re
   },
   props: {
     // 网格配置选项
@@ -885,187 +1156,237 @@ const Ce = /* @__PURE__ */ N(yt, [["render", wt], ["__scopeId", "data-v-9c337267
       default: () => []
     }
   },
-  emits: ["toolbar-click", "submit", "reset", "page-change", "size-change"],
+  emits: ["toolbar-click", "action-click", "submit", "reset", "page-change", "size-change"],
   setup(e, { emit: t, expose: a }) {
-    const r = Ee(), o = b(null), p = b(null), n = b(null), d = b(1), c = b(10), g = b([]), f = b(e.gridOptions.formMode || !0), i = {
-      Plus: $e,
-      Delete: _e,
-      Refresh: he,
-      Download: Se,
-      Search: ve,
-      Edit: ke,
-      View: Fe,
-      Upload: Re,
-      Setting: Pe
-    }, y = z(() => {
-      const s = e.gridOptions.formConfig;
-      if (!s || !s.items) return [];
-      const $ = [...s.items];
-      return $.some(
-        (H) => H.type === "slot" && H.slotName === "search-actions"
-      ) || $.push({
+    const r = Xe(), i = Ye(), c = k(null), o = k(null), p = k(1), m = k(10), d = k(null), h = k(e.gridOptions.formMode !== !1), u = k({}), g = {
+      Plus: Pe,
+      Delete: ke,
+      Refresh: ue,
+      Download: $e,
+      Search: de,
+      Edit: Ve,
+      View: Ae,
+      Upload: Fe,
+      Setting: Re
+    }, l = C(() => {
+      const v = (e.gridOptions.columns || []).find((be) => be.actionColumn);
+      return v ? v.actionColumn : null;
+    }), S = C(() => (e.gridOptions.columns || []).map((v) => v.actionColumn ? {
+      ...v,
+      slot: "__action__",
+      actionColumn: void 0
+    } : v)), T = (n) => {
+      t("action-click", n);
+    }, U = C(() => {
+      const n = e.gridOptions.formConfig;
+      if (!n || !n.items) return [];
+      const v = [...n.items];
+      return v.some(
+        (ye) => ye.type === "slot" && ye.slotName === "search-actions"
+      ) || v.push({
         type: "slot",
         slotName: "search-actions",
         span: 6,
         labelWidth: "0px",
         isAction: !0,
-        ...s.actionConfig
-      }), $;
-    }), l = () => {
-      n.value?.submitForm();
-    }, v = (s) => {
-      t("submit", s), e.gridOptions.proxyConfig && (e.gridOptions.proxyConfig._formData || (e.gridOptions.proxyConfig._formData = {}), Object.assign(e.gridOptions.proxyConfig._formData, s), d.value = 1, o.value?.reload?.());
-    }, D = () => {
-      n.value?.resetForm();
-    }, T = () => {
-      t("reset"), e.gridOptions.proxyConfig && (e.gridOptions.proxyConfig._formData && (e.gridOptions.proxyConfig._formData = {}), d.value = 1, o.value?.reload?.());
-    }, re = (s) => {
-      if (s)
-        return typeof s == "object" || typeof s == "function" ? s : i[s];
-    }, oe = z(() => {
+        ...n.actionConfig
+      }), v;
+    }), M = C(() => {
+      const n = /* @__PURE__ */ new Set(["search-actions"]);
+      return (U.value || []).forEach((v) => {
+        v.type === "slot" && n.add(v.slotName || v.prop);
+      }), n;
+    }), j = C(() => {
+      const n = {};
+      for (const v in i)
+        v === "search-actions" || v === "toolbar" || (M.value.has(v) || v.startsWith("form-")) && (n[v] = i[v]);
+      return n;
+    }), L = C(() => {
+      const n = {};
+      for (const v in i)
+        v !== "toolbar" && !M.value.has(v) && !v.startsWith("form-") && (n[v] = i[v]);
+      return n;
+    }), oe = () => {
+      o.value?.submitForm();
+    }, pe = (n) => {
+      t("submit", n), e.gridOptions.proxyConfig && (u.value = { ...n }, p.value = 1, c.value?.reload?.());
+    }, fe = () => {
+      o.value?.resetForm();
+    }, me = () => {
+      t("reset"), e.gridOptions.proxyConfig && (u.value = {}, p.value = 1, c.value?.reload?.());
+    }, _ = (n) => {
+      if (n)
+        return typeof n == "object" || typeof n == "function" ? n : g[n];
+    }, F = C(() => {
+      const n = e.gridOptions.proxyConfig;
+      return n ? {
+        ...n,
+        _formData: u.value
+      } : null;
+    }), A = C(() => {
       const {
-        formConfig: s,
-        toolbar: $,
-        formMode: U,
-        formColumns: H,
-        rules: Ot,
-        data: Dt,
-        ...Oe
+        formConfig: n,
+        toolbar: v,
+        formMode: be,
+        formColumns: ye,
+        rules: pa,
+        data: fa,
+        proxyConfig: Ee,
+        ...Ie
       } = e.gridOptions;
-      return Oe;
-    }), V = z(() => e.externalData.length > 0 ? e.externalData : e.gridOptions.data || []), Y = z(() => V.value.length), le = (s, $) => {
-      switch (t("toolbar-click", { code: s, button: $, grid: o.value }), s) {
+      return {
+        ...Ie,
+        proxyConfig: F.value || Ee || null
+      };
+    }), re = C(() => d.value !== null ? d.value : e.externalData.length > 0 ? e.externalData : e.gridOptions.data || []), ge = C(() => !!e.gridOptions.proxyConfig), he = C(() => ge.value ? 0 : re.value.length), ve = (n, v) => {
+      switch (t("toolbar-click", { code: n, button: v, grid: c.value }), n) {
         case "add":
-          se();
+          _e();
           break;
         case "delete":
-          ie();
+          E();
           break;
         case "refresh":
-          m();
+          P();
           break;
         case "export":
-          R();
+          X();
           break;
       }
-    }, se = () => {
-      f.value = !0;
-    }, ie = () => {
-      const s = o.value?.getTableRef()?.getSelectionRows?.() || [];
-      if (s.length === 0) {
-        ee.warning("请先选择要删除的数据");
+    }, _e = () => {
+      h.value = !0;
+    }, E = () => {
+      const n = c.value?.getTableRef()?.getSelectionRows?.() || [];
+      if (n.length === 0) {
+        ie.warning("请先选择要删除的数据");
         return;
       }
-      ee.success(`删除 ${s.length} 条数据`);
-    }, m = () => {
-      ee.success("刷新数据"), o.value?.reload?.();
-    }, R = () => {
-      ee.success("导出数据");
-    }, j = (s) => {
-      t("submit", s);
-    }, ue = () => {
+      ie.success(`删除 ${n.length} 条数据`);
+    }, P = () => {
+      ie.success("刷新数据"), c.value?.reload?.();
+    }, X = () => {
+      ie.success("导出数据");
+    }, Ce = (n) => {
+      t("submit", n);
+    }, we = () => {
       t("reset");
-    }, de = () => {
-      f.value = !1;
-    }, ce = (s) => {
-      d.value = s.page, t("page-change", s);
-    }, pe = (s) => {
-      c.value = s.size, t("size-change", s);
-    }, ge = () => o.value, L = () => p.value, P = () => o.value?.getTableRef()?.getSelectionRows?.() || [], q = (s) => {
-      g.value = s;
-    }, fe = (s) => {
-      f.value = s;
-    }, me = (s, ...$) => {
-      switch (s) {
+    }, le = () => {
+      h.value = !1;
+    }, q = (n) => {
+      p.value = n.page, t("page-change", n);
+    }, Y = (n) => {
+      m.value = n.size, t("size-change", n);
+    }, se = () => c.value, Te = () => o.value, Le = () => c.value?.getTableRef()?.getSelectionRows?.() || [], He = (n) => {
+      d.value = n ?? null;
+    }, Ze = (n) => {
+      h.value = n;
+    }, je = (n, ...v) => {
+      switch (n) {
         case "query":
-          d.value = 1, o.value?.reload?.();
+          p.value = 1, c.value?.reload?.();
           break;
         case "reload":
-          o.value?.reload?.();
+          c.value?.reload?.();
           break;
         default:
-          console.warn(`[ZxtGrid] commitProxy: unknown type "${s}"`);
+          console.warn(`[ZxtGrid] commitProxy: unknown type "${n}"`);
       }
     };
-    return te(
+    J(
       () => e.gridOptions.formMode,
-      (s) => {
-        s !== void 0 && (f.value = s);
+      (n) => {
+        n !== void 0 && (h.value = n);
       }
-    ), a({
-      getGridRef: ge,
-      getFormRef: L,
-      getSelectedRows: P,
-      reloadData: q,
-      setFormVisible: fe,
-      commitProxy: me
+    );
+    const D = () => c.value?.getTableRef?.();
+    return a({
+      getGridRef: se,
+      getFormRef: Te,
+      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)
     }), {
       attrs: r,
-      gridRef: o,
-      formRef: p,
-      searchFormRef: n,
-      currentPage: d,
-      pageSize: c,
-      tableData: V,
-      tableProps: oe,
-      total: Y,
-      isFormVisible: f,
-      searchFormColumns: y,
-      getIconComponent: re,
-      handleToolbarClick: le,
-      handleSubmit: j,
-      handleFormReset: ue,
-      handleFormCancel: de,
-      handlePageChange: ce,
-      handleSizeChange: pe,
-      handleSearch: l,
-      handleSearchSubmit: v,
-      handleReset: D,
-      handleSearchReset: T,
-      Search: ve,
-      Refresh: he
+      gridRef: c,
+      searchFormRef: o,
+      currentPage: p,
+      pageSize: m,
+      tableData: re,
+      tableProps: A,
+      mergedColumns: S,
+      actionColumnConfig: l,
+      total: he,
+      isFormVisible: h,
+      searchFormColumns: U,
+      formFilteredSlots: j,
+      tableFilteredSlots: L,
+      getIconComponent: _,
+      handleToolbarClick: ve,
+      handleActionClick: T,
+      handleSubmit: Ce,
+      handleFormReset: we,
+      handleFormCancel: le,
+      handlePageChange: q,
+      handleSizeChange: Y,
+      handleSearch: oe,
+      handleSearchSubmit: pe,
+      handleReset: fe,
+      handleSearchReset: me,
+      Search: de,
+      Refresh: ue
     };
   }
-}), St = {
+}), ra = {
   key: 0,
   class: "grid-search-form"
-}, kt = { class: "search-btn-group" }, $t = { class: "grid-table-wrapper" }, Pt = {
+}, la = { class: "search-btn-group" }, sa = { class: "grid-table-wrapper" }, ia = {
   key: 0,
   class: "grid-toolbar"
 };
-function Rt(e, t, a, r, o, p) {
-  const n = _("el-button"), d = _("ZxtForm"), c = _("ZxtTable");
-  return u(), h("div", {
-    class: ne(["zxt-grid-container", { "zxt-grid-container--full": e.gridOptions.height === "full" }])
+function ua(e, t, a, r, i, c) {
+  const o = z("el-button"), p = z("ZxtForm"), m = z("ActionColumn"), d = z("ZxtTable");
+  return s(), f("div", {
+    class: ce(["zxt-grid-container", { "zxt-grid-container--full": e.gridOptions.height === "full" }])
   }, [
-    e.gridOptions.formConfig ? (u(), h("div", St, [
-      Z(d, {
+    e.gridOptions.formConfig && e.isFormVisible ? (s(), f("div", ra, [
+      V(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
-      }, Q({
-        "search-actions": C(() => [
-          S("div", kt, [
-            Z(n, {
+      }, ne({
+        "search-actions": y(() => [
+          w("div", la, [
+            V(o, {
               class: "btn-search",
               icon: e.Search,
               onClick: e.handleSearch
             }, {
-              default: C(() => [...t[0] || (t[0] = [
-                G(" 查询 ", -1)
+              default: y(() => [...t[0] || (t[0] = [
+                Z(" 查询 ", -1)
               ])]),
               _: 1
             }, 8, ["icon", "onClick"]),
-            Z(n, {
+            V(o, {
               class: "btn-reset",
               icon: e.Refresh,
               onClick: e.handleReset
             }, {
-              default: C(() => [...t[1] || (t[1] = [
-                G(" 重置 ", -1)
+              default: y(() => [...t[1] || (t[1] = [
+                Z(" 重置 ", -1)
               ])]),
               _: 1
             }, 8, ["icon", "onClick"])
@@ -1073,36 +1394,36 @@ function Rt(e, t, a, r, o, p) {
         ]),
         _: 2
       }, [
-        O(e.$slots, (g, f) => ({
-          name: f,
-          fn: C((i) => [
-            M(e.$slots, f, ze(we(i)), void 0, !0)
+        R(e.formFilteredSlots, (h, u) => ({
+          name: u,
+          fn: y((g) => [
+            H(e.$slots, u, xe(Me(g)), void 0, !0)
           ])
         }))
       ]), 1032, ["form-columns", "initial-form-data", "rules", "onSubmit", "onReset"])
-    ])) : X("", !0),
-    S("div", $t, [
-      e.gridOptions.toolbar ? (u(), h("div", Pt, [
-        (u(!0), h(E, null, O(e.gridOptions.toolbar.buttons, (g, f) => (u(), k(n, {
-          key: f,
-          type: g.type || "default",
-          size: g.size || "small",
-          icon: e.getIconComponent(g.icon),
-          disabled: g.disabled,
-          onClick: (i) => e.handleToolbarClick(g.code, g)
+    ])) : Q("", !0),
+    w("div", sa, [
+      e.gridOptions.toolbar ? (s(), f("div", ia, [
+        (s(!0), f(B, null, R(e.gridOptions.toolbar.buttons, (h, u) => (s(), $(o, {
+          key: u,
+          type: h.type || "default",
+          size: h.size || "small",
+          icon: e.getIconComponent(h.icon),
+          disabled: h.disabled,
+          onClick: (g) => e.handleToolbarClick(h.code, h)
         }, {
-          default: C(() => [
-            G(ae(g.name), 1)
+          default: y(() => [
+            Z(K(h.name), 1)
           ]),
           _: 2
         }, 1032, ["type", "size", "icon", "disabled", "onClick"]))), 128)),
-        M(e.$slots, "toolbar", {
+        H(e.$slots, "toolbar", {
           grid: e.$refs.gridRef
         }, void 0, !0)
-      ])) : X("", !0),
-      Z(c, A({ ref: "gridRef" }, { ...e.tableProps, ...e.attrs }, {
+      ])) : Q("", !0),
+      V(d, O({ ref: "gridRef" }, { ...e.tableProps, ...e.attrs }, {
         id: e.gridOptions.id,
-        columns: e.gridOptions.columns,
+        columns: e.mergedColumns,
         data: e.tableData,
         height: e.gridOptions.height,
         pageable: e.gridOptions.pageable !== !1,
@@ -1113,50 +1434,62 @@ function Rt(e, t, a, r, o, p) {
         "pagination-layout": e.gridOptions.paginationLayout,
         onPageChange: e.handlePageChange,
         onSizeChange: e.handleSizeChange
-      }), Q({ _: 2 }, [
-        O(e.$slots, (g, f) => ({
-          name: f,
-          fn: C((i) => [
-            M(e.$slots, f, ze(we(i)), void 0, !0)
+      }), ne({ _: 2 }, [
+        e.actionColumnConfig ? {
+          name: "__action__",
+          fn: y(({ row: h }) => [
+            V(m, {
+              buttons: e.actionColumnConfig.buttons,
+              row: h,
+              "max-visible": e.actionColumnConfig.maxVisible || 2,
+              onActionClick: e.handleActionClick
+            }, null, 8, ["buttons", "row", "max-visible", "onActionClick"])
+          ]),
+          key: "0"
+        } : void 0,
+        R(e.tableFilteredSlots, (h, u) => ({
+          name: u,
+          fn: y((g) => [
+            H(e.$slots, u, xe(Me(g)), void 0, !0)
           ])
         }))
       ]), 1040, ["id", "columns", "data", "height", "pageable", "current-page", "page-size", "page-sizes", "total", "pagination-layout", "onPageChange", "onSizeChange"])
     ])
   ], 2);
 }
-const Ve = /* @__PURE__ */ N(_t, [["render", Rt], ["__scopeId", "data-v-ca0e4fa5"]]);
-x.install = function(e) {
-  e.component(x.name, x);
+const Be = /* @__PURE__ */ N(oa, [["render", ua], ["__scopeId", "data-v-38879918"]]);
+G.install = function(e) {
+  e.component(G.name, G);
 };
-const Ft = [
-  J,
-  W,
-  F,
-  Ve,
-  Ce,
-  x
-], Vt = (e) => {
-  Ft.forEach((t) => {
+const da = [
+  ee,
+  te,
+  x,
+  Be,
+  De,
+  G
+], ca = (e) => {
+  da.forEach((t) => {
     e.component(t.name, t);
   });
-}, Mt = {
-  install: Vt,
-  MyButton: J,
-  JsxButton: W,
-  ZxtTable: F,
-  ZxtGrid: Ve,
-  ZxtForm: Ce,
-  ZxtPagination: x,
+}, ha = {
+  install: ca,
+  MyButton: ee,
+  JsxButton: te,
+  ZxtTable: x,
+  ZxtGrid: Be,
+  ZxtForm: De,
+  ZxtPagination: G,
   // 暴露渲染器 API
-  renderer: F.renderer,
-  registerRenderer: F.registerRenderer
+  renderer: x.renderer,
+  registerRenderer: x.registerRenderer
 };
 export {
-  W as JsxButton,
-  J as MyButton,
-  Ce as ZxtForm,
-  Ve as ZxtGrid,
-  x as ZxtPagination,
-  F as ZxtTable,
-  Mt as default
+  te as JsxButton,
+  ee as MyButton,
+  De as ZxtForm,
+  Be as ZxtGrid,
+  G as ZxtPagination,
+  x as ZxtTable,
+  ha as default
 };