zxt-table 0.5.9 → 0.6.1

package/dist/zxt-table.es.js

@@ -1,11 +1,11 @@
-import { createElementBlock as m, openBlock as s, normalizeClass as ue, renderSlot as O, defineComponent as z, createVNode as F, ref as k, watch as X, resolveComponent as S, createBlock as V, h as K, inject as je, computed as C, mergeProps as M, withCtx as w, Fragment as B, renderList as T, createSlots as Y, resolveDynamicComponent as be, createTextVNode as j, toDisplayString as ee, useSlots as Me, provide as Ee, onMounted as Le, nextTick as Ie, resolveDirective as Ne, normalizeStyle as Ue, withDirectives as qe, createCommentVNode as W, createElementVNode as b, reactive as We, toHandlers as Ge, useAttrs as Je, normalizeProps as Oe, guardReactiveProps as Te } from "vue";
-import { ElPagination as Ke, ElLink as Qe, ElCheckbox as Xe, ElSelect as Ye, ElOption as et, ElInput as tt, ElTableColumn as at, ElTable as nt } from "element-plus";
+import { createElementBlock as m, openBlock as i, normalizeClass as ue, renderSlot as T, defineComponent as b, createVNode as F, ref as k, watch as X, resolveComponent as S, createBlock as V, h as K, inject as Ee, computed as _, mergeProps as M, withCtx as w, Fragment as L, renderList as O, createSlots as Y, resolveDynamicComponent as be, createTextVNode as j, toDisplayString as ee, useSlots as Be, provide as Ie, onMounted as Le, nextTick as Ne, resolveDirective as Ue, normalizeStyle as qe, withDirectives as We, createCommentVNode as W, createElementVNode as y, reactive as Ge, toHandlers as Je, withModifiers as Te, useAttrs as Ke, normalizeProps as Oe, guardReactiveProps as Me } from "vue";
+import { ElPagination as Qe, ElLink as Xe, ElCheckbox as Ye, ElSelect as et, ElOption as tt, ElInput as at, ElTableColumn as nt, ElTable as ot } from "element-plus";
 const G = (e, t) => {
   const a = e.__vccOpts || e;
-  for (const [l, u] of t)
-    a[l] = u;
+  for (const [r, u] of t)
+    a[r] = u;
   return a;
-}, ot = {
+}, lt = {
   name: "MyButton",
   props: {
     type: {
@@ -21,26 +21,26 @@ const G = (e, t) => {
   emits: ["click"],
   setup(e, { emit: t }) {
     return {
-      handleClick: (l) => {
-        t("click", l);
+      handleClick: (r) => {
+        t("click", r);
       }
     };
   }
-}, lt = ["disabled"];
-function rt(e, t, a, l, u, d) {
-  return s(), m("button", {
+}, rt = ["disabled"];
+function st(e, t, a, r, u, d) {
+  return i(), m("button", {
     class: ue(["my-button", [`my-button--${a.type}`, { "is-disabled": a.disabled }]]),
     disabled: a.disabled,
-    onClick: t[0] || (t[0] = (...o) => l.handleClick && l.handleClick(...o))
+    onClick: t[0] || (t[0] = (...l) => r.handleClick && r.handleClick(...l))
   }, [
-    O(e.$slots, "default", {}, void 0, !0)
-  ], 10, lt);
+    T(e.$slots, "default", {}, void 0, !0)
+  ], 10, rt);
 }
-const te = /* @__PURE__ */ G(ot, [["render", rt], ["__scopeId", "data-v-4480e77d"]]);
+const te = /* @__PURE__ */ G(lt, [["render", st], ["__scopeId", "data-v-4480e77d"]]);
 te.install = function(e) {
   e.component(te.name, te);
 };
-const ae = /* @__PURE__ */ z({
+const ae = /* @__PURE__ */ b({
   name: "JsxButton",
   props: {
     type: {
@@ -58,7 +58,7 @@ const ae = /* @__PURE__ */ z({
     emit: t,
     slots: a
   }) {
-    const l = (u) => {
+    const r = (u) => {
       e.disabled || t("click", u);
     };
     return () => F("button", {
@@ -66,16 +66,16 @@ const ae = /* @__PURE__ */ z({
         "is-disabled": e.disabled
       }],
       disabled: e.disabled,
-      onClick: l
+      onClick: r
     }, [a.default?.()]);
   }
 });
 ae.install = function(e) {
   e.component(ae.name, ae);
 };
-const st = z({
+const it = b({
   name: "ZxtPagination",
-  components: { ElPagination: Ke },
+  components: { ElPagination: Qe },
   props: {
     // 当前页码
     modelValue: { type: Number, default: 1 },
@@ -93,36 +93,36 @@ const st = z({
   },
   emits: ["update:modelValue", "update:pageSize", "page-change", "size-change"],
   setup(e, { emit: t }) {
-    const a = k(e.modelValue), l = k(e.pageSize);
+    const a = k(e.modelValue), r = k(e.pageSize);
     return X(
       () => e.modelValue,
-      (o) => {
-        a.value = o;
+      (l) => {
+        a.value = l;
       }
     ), X(
       () => e.pageSize,
-      (o) => {
-        l.value = o;
+      (l) => {
+        r.value = l;
       }
     ), {
       currentPage: a,
-      pageSize: l,
-      handleSizeChange: (o) => {
-        l.value = o, a.value = 1, t("update:pageSize", o), t("size-change", { page: a.value, size: o });
+      pageSize: r,
+      handleSizeChange: (l) => {
+        r.value = l, a.value = 1, t("update:pageSize", l), t("size-change", { page: a.value, size: l });
       },
-      handleCurrentChange: (o) => {
-        a.value = o, t("update:modelValue", o), t("page-change", { page: o, size: l.value });
+      handleCurrentChange: (l) => {
+        a.value = l, t("update:modelValue", l), t("page-change", { page: l, size: r.value });
       }
     };
   }
 });
-function it(e, t, a, l, u, d) {
-  const o = S("el-pagination");
-  return s(), V(o, {
+function ut(e, t, a, r, u, d) {
+  const l = S("el-pagination");
+  return i(), V(l, {
     "current-page": e.currentPage,
-    "onUpdate:currentPage": t[0] || (t[0] = (p) => e.currentPage = p),
+    "onUpdate:currentPage": t[0] || (t[0] = (c) => e.currentPage = c),
     "page-size": e.pageSize,
-    "onUpdate:pageSize": t[1] || (t[1] = (p) => e.pageSize = p),
+    "onUpdate:pageSize": t[1] || (t[1] = (c) => e.pageSize = c),
     "page-sizes": e.pageSizes,
     total: e.total,
     layout: e.layout,
@@ -131,31 +131,31 @@ function it(e, t, a, l, u, d) {
     onCurrentChange: e.handleCurrentChange
   }, null, 8, ["current-page", "page-size", "page-sizes", "total", "layout", "onSizeChange", "onCurrentChange"]);
 }
-const Q = /* @__PURE__ */ G(st, [["render", it], ["__scopeId", "data-v-497aa44d"]]), ne = {
+const Q = /* @__PURE__ */ G(it, [["render", ut], ["__scopeId", "data-v-497aa44d"]]), ne = {
   default: ({ cellValue: e }) => e ?? "",
-  input: ({ cellValue: e, row: t, column: a, updateRow: l }) => K(tt, {
+  input: ({ cellValue: e, row: t, column: a, updateRow: r }) => K(at, {
     modelValue: e,
     size: "small",
-    onInput: (u) => l({ ...t, [a.property]: u })
+    onInput: (u) => r({ ...t, [a.property]: u })
   }),
-  select: ({ cellValue: e, row: t, column: a, updateRow: l, options: u = [] }) => K(
-    Ye,
+  select: ({ cellValue: e, row: t, column: a, updateRow: r, options: u = [] }) => K(
+    et,
     {
       modelValue: e,
       size: "small",
-      onChange: (d) => l({ ...t, [a.property]: d })
+      onChange: (d) => r({ ...t, [a.property]: d })
     },
     () => u.map(
-      (d) => K(et, { label: d.label, value: d.value, key: d.value })
+      (d) => K(tt, { label: d.label, value: d.value, key: d.value })
     )
   ),
-  checkbox: ({ cellValue: e, row: t, column: a, updateRow: l }) => K(Xe, {
+  checkbox: ({ cellValue: e, row: t, column: a, updateRow: r }) => K(Ye, {
     modelValue: !!e,
-    onChange: (u) => l({ ...t, [a.property]: u })
+    onChange: (u) => r({ ...t, [a.property]: u })
   }),
-  link: ({ cellValue: e, href: t, target: a = "_blank" }) => K(Qe, { href: t, target: a }, () => e)
+  link: ({ cellValue: e, href: t, target: a = "_blank" }) => K(Xe, { href: t, target: a }, () => e)
 };
-function ut(e, t) {
+function dt(e, t) {
   if (!e) return null;
   if (typeof e == "string") {
     const a = ne[e];
@@ -164,22 +164,22 @@ function ut(e, t) {
   if (typeof e == "function")
     return e(t);
   if (typeof e == "object" && !Array.isArray(e)) {
-    const { name: a, props: l = {}, attrs: u = {}, events: d = {}, content: o } = e;
+    const { name: a, props: r = {}, attrs: u = {}, events: d = {}, content: l } = e;
     return typeof a == "string" && ne[a] ? ne[a]({
       ...t,
-      ...l,
+      ...r,
       ...u,
       ...d
-    }) : typeof a == "object" || typeof a == "function" ? K(a, { ...l, ...u, ...d }, o) : (console.warn("[ZxtTable] cellRender 对象缺少有效的 name 字段"), t.cellValue ?? "");
+    }) : typeof a == "object" || typeof a == "function" ? K(a, { ...r, ...u, ...d }, l) : (console.warn("[ZxtTable] cellRender 对象缺少有效的 name 字段"), t.cellValue ?? "");
   }
   return t.cellValue ?? "";
 }
-function dt(e, t) {
+function ct(e, t) {
   ne[e] && console.warn(`[ZxtTable] 内置渲染器 ${e} 已被覆盖`), ne[e] = t;
 }
-const ct = z({
+const pt = b({
   name: "ZxtTableColumn",
-  components: { ElTableColumn: at },
+  components: { ElTableColumn: nt },
   props: {
     column: {
       type: Object,
@@ -195,88 +195,88 @@ const ct = z({
     }
   },
   setup(e) {
-    const t = je("updateRow", () => {
-    }), a = (o) => {
-      const { currentPage: p, pageSize: g } = e;
-      return (p - 1) * g + o + 1;
-    }, l = C(() => {
-      const o = e.column;
+    const t = Ee("updateRow", () => {
+    }), a = (l) => {
+      const { currentPage: c, pageSize: g } = e;
+      return (c - 1) * g + l + 1;
+    }, r = _(() => {
+      const l = e.column;
       return {
-        ...o,
-        prop: o.prop ?? o.field,
+        ...l,
+        prop: l.prop ?? l.field,
         // 优先使用 prop，兼容 field
-        label: o.label ?? o.title
+        label: l.label ?? l.title
         // 优先使用 label，兼容 title
       };
-    }), u = C(() => {
-      const { children: o, ...p } = l.value;
-      return p;
+    }), u = _(() => {
+      const { children: l, ...c } = r.value;
+      return c;
     });
     return {
-      normalizedColumn: l,
+      normalizedColumn: r,
       columnProps: u,
-      renderCell: (o) => {
-        const p = l.value, g = o.row[p.prop], c = g ?? p.defaultValue ?? "";
-        return ut(p.cellRender, {
-          row: o.row,
-          column: p,
-          rowIndex: o.$index,
-          cellValue: c,
-          updateRow: (h) => t(h, o.$index)
+      renderCell: (l) => {
+        const c = r.value, g = l.row[c.prop], z = g ?? c.defaultValue ?? "";
+        return dt(c.cellRender, {
+          row: l.row,
+          column: c,
+          rowIndex: l.$index,
+          cellValue: z,
+          updateRow: (p) => t(p, l.$index)
         });
       },
       defaultIndexMethod: a
     };
   }
 });
-function pt(e, t, a, l, u, d) {
-  const o = S("ZxtTableColumn", !0), p = S("el-table-column");
-  return e.normalizedColumn.children && e.normalizedColumn.children.length ? (s(), V(p, M({ key: 0 }, e.columnProps, {
+function ft(e, t, a, r, u, d) {
+  const l = S("ZxtTableColumn", !0), c = S("el-table-column");
+  return e.normalizedColumn.children && e.normalizedColumn.children.length ? (i(), V(c, M({ key: 0 }, e.columnProps, {
     key: e.normalizedColumn.prop + "-group"
   }), {
     default: w(() => [
-      (s(!0), m(B, null, T(e.normalizedColumn.children, (g, c) => (s(), V(o, {
-        key: c,
+      (i(!0), m(L, null, O(e.normalizedColumn.children, (g, z) => (i(), V(l, {
+        key: z,
         column: g,
         "current-page": e.currentPage,
         "page-size": e.pageSize
       }, Y({ _: 2 }, [
-        T(e.$slots, (h, i) => ({
-          name: i,
-          fn: w((y) => [
-            O(e.$slots, i, M({ ref_for: !0 }, y))
+        O(e.$slots, (p, n) => ({
+          name: n,
+          fn: w((v) => [
+            T(e.$slots, n, M({ ref_for: !0 }, v))
           ])
         }))
       ]), 1032, ["column", "current-page", "page-size"]))), 128))
     ]),
     _: 3
-  }, 16)) : (s(), V(p, M({ key: 1 }, e.columnProps, {
+  }, 16)) : (i(), V(c, M({ key: 1 }, e.columnProps, {
     key: e.normalizedColumn.prop,
     index: e.normalizedColumn.indexMethod || e.defaultIndexMethod
   }), Y({ _: 2 }, [
     e.normalizedColumn.headerSlot ? {
       name: "header",
       fn: w((g) => [
-        O(e.$slots, e.normalizedColumn.headerSlot, M({ column: e.normalizedColumn }, g))
+        T(e.$slots, e.normalizedColumn.headerSlot, M({ column: e.normalizedColumn }, g))
       ]),
       key: "0"
     } : void 0,
     !["selection", "index"].includes(e.normalizedColumn.type) && (e.normalizedColumn.type !== "expand" || e.normalizedColumn.slot) ? {
       name: "default",
       fn: w((g) => [
-        e.normalizedColumn.slot ? O(e.$slots, e.normalizedColumn.slot, {
+        e.normalizedColumn.slot ? T(e.$slots, e.normalizedColumn.slot, {
           key: 0,
           row: g.row,
           index: g.$index,
           column: e.normalizedColumn
-        }) : e.normalizedColumn.cellRender ? (s(), V(be(e.renderCell(g)), { key: 1 })) : e.normalizedColumn.formatter ? (s(), m(B, { key: 2 }, [
+        }) : e.normalizedColumn.cellRender ? (i(), V(be(e.renderCell(g)), { key: 1 })) : e.normalizedColumn.formatter ? (i(), m(L, { key: 2 }, [
           j(ee(e.normalizedColumn.formatter(
             g.row,
             e.normalizedColumn,
             g.row[e.normalizedColumn.prop],
             g.$index
           )), 1)
-        ], 64)) : (s(), m(B, { key: 3 }, [
+        ], 64)) : (i(), m(L, { key: 3 }, [
           j(ee(g.row[e.normalizedColumn.prop]), 1)
         ], 64))
       ]),
@@ -284,10 +284,10 @@ function pt(e, t, a, l, u, d) {
     } : void 0
   ]), 1040, ["index"]));
 }
-const ft = /* @__PURE__ */ G(ct, [["render", pt]]), mt = /* @__PURE__ */ new Set(["append", "empty"]), gt = z({
+const mt = /* @__PURE__ */ G(pt, [["render", ft]]), gt = /* @__PURE__ */ new Set(["append", "empty"]), ht = b({
   name: "ZxtTable",
   inheritAttrs: !1,
-  components: { ZxtPagination: Q, ZxtTableColumn: ft, ElTable: nt },
+  components: { ZxtPagination: Q, ZxtTableColumn: mt, ElTable: ot },
   props: {
     // 表格唯一标识
     id: { type: String, default: "" },
@@ -333,91 +333,91 @@ const ft = /* @__PURE__ */ G(ct, [["render", pt]]), mt = /* @__PURE__ */ new Set
     "update:row"
   ],
   setup(e, { emit: t }) {
-    const a = Me(), l = k(null), u = k(e.pageSize), d = k(e.currentPage), o = k(!1), p = k([]), g = k(0), c = k({ prop: "", order: "" }), h = k({}), i = k({});
+    const a = Be(), r = k(null), u = k(e.pageSize), d = k(e.currentPage), l = k(!1), c = k([]), g = k(0), z = k({ prop: "", order: "" }), p = k({}), n = k({});
     X(() => e.currentPage, (f) => {
       d.value = f;
     }), X(() => e.pageSize, (f) => {
       u.value = f;
     });
-    const y = C(() => e.height === "full" ? { height: "100%" } : {}), r = C(() => {
+    const v = _(() => e.height === "full" ? { height: "100%" } : {}), s = _(() => {
       if (e.height !== "full")
         return e.height;
-    }), _ = C(() => !!e.proxyConfig), x = C(() => _.value ? g.value : e.total > 0 ? e.total : e.data.length), J = C(
-      () => _.value ? p.value : e.data
+    }), C = _(() => !!e.proxyConfig), x = _(() => C.value ? g.value : e.total > 0 ? e.total : e.data.length), J = _(
+      () => C.value ? c.value : e.data
     ), R = () => {
-      Ie(() => {
-        const f = l.value?.$el?.querySelector(
+      Ne(() => {
+        const f = r.value?.$el?.querySelector(
           ".el-table__body-wrapper .el-scrollbar__wrap"
         );
         f && (typeof f.scrollTo == "function" ? f.scrollTo({ top: 0, left: 0 }) : (f.scrollTop = 0, f.scrollLeft = 0));
       });
     }, E = (f) => {
-      _.value && (d.value = f.page, u.value = f.size, H()), R(), t("size-change", f);
+      C.value && (d.value = f.page, u.value = f.size, H()), R(), t("size-change", f);
     }, de = (f) => {
-      _.value && (d.value = f.page, u.value = f.size, H()), R(), t("page-change", f);
+      C.value && (d.value = f.page, u.value = f.size, H()), R(), t("page-change", f);
     }, ce = ({ column: f, prop: $, order: I }) => {
-      c.value = { prop: $, order: I }, _.value && H(), t("sort-change", { column: f, prop: $, order: I });
+      z.value = { prop: $, order: I }, C.value && H(), t("sort-change", { column: f, prop: $, order: I });
     }, pe = (f) => {
-      h.value = f || {}, _.value && H(), t("filter-change", h.value);
+      p.value = f || {}, C.value && H(), t("filter-change", p.value);
     }, H = async (f) => {
-      if (!_.value) return;
+      if (!C.value) return;
       const $ = e.proxyConfig || {}, I = $.ajax?.query;
       if (typeof I != "function") return;
       const N = $.props || {}, he = N.pageField || "page";
       N.sizeField;
-      const ve = N.sortField || "sort", _e = N.orderField || "order", Ce = N.filtersField || "filters";
-      f?.formData !== void 0 ? i.value = f.formData : $._formData && (i.value = $._formData);
-      const ye = $.params || {}, U = {
+      const ve = N.sortField || "sort", Ce = N.orderField || "order", _e = N.filtersField || "filters";
+      f?.formData !== void 0 ? n.value = f.formData : $._formData && (n.value = $._formData);
+      const we = $.params || {}, U = {
         [he]: {
           currentPage: f?.page ?? d.value,
           pageSize: f?.pageSize ?? u.value
         },
-        form: i.value,
-        ...ye
+        form: n.value,
+        ...we
       };
-      c.value?.prop && (U[ve] = c.value.prop, U[_e] = c.value.order), h.value && Object.keys(h.value).length && (U[Ce] = h.value), o.value = !0;
+      z.value?.prop && (U[ve] = z.value.prop, U[Ce] = z.value.order), p.value && Object.keys(p.value).length && (U[_e] = p.value), l.value = !0;
       try {
-        const A = await I(U), P = $.response || {}, n = P.listField || "list", v = P.totalField || "total", D = P.transform;
+        const A = await I(U), P = $.response || {}, o = P.listField || "list", h = P.totalField || "total", D = P.transform;
         let Z = [], re = 0;
         if (typeof D == "function") {
-          const we = D(A);
-          Z = we?.list ?? [], re = we?.total ?? 0;
-        } else A && typeof A == "object" && (Z = A?.[n] ?? A?.data ?? [], re = A?.[v] ?? A?.total ?? 0);
-        p.value = Array.isArray(Z) ? Z : [], g.value = Number(re) || 0, t("loaded", {
-          data: p.value,
+          const ye = D(A);
+          Z = ye?.list ?? [], re = ye?.total ?? 0;
+        } else A && typeof A == "object" && (Z = A?.[o] ?? A?.data ?? [], re = A?.[h] ?? A?.total ?? 0);
+        c.value = Array.isArray(Z) ? Z : [], g.value = Number(re) || 0, t("loaded", {
+          data: c.value,
           total: g.value,
           payload: U
         });
       } catch (A) {
         t("load-error", A);
       } finally {
-        o.value = !1;
+        l.value = !1;
       }
     }, oe = (f, $) => {
-      _.value ? p.value.splice($, 1, f) : t("update:row", { index: $, row: f });
+      C.value ? c.value.splice($, 1, f) : t("update:row", { index: $, row: f });
     };
-    Ee("updateRow", oe), Le(() => {
-      _.value && e.autoLoad && H();
+    Ie("updateRow", oe), Le(() => {
+      C.value && e.autoLoad && H();
     });
-    const fe = () => l.value, me = () => l.value?.getSelectionRows?.() || [], ge = (f) => H(f), le = () => R();
+    const fe = () => r.value, me = () => r.value?.getSelectionRows?.() || [], ge = (f) => H(f), le = () => R();
     return {
-      columnSlots: C(() => {
+      columnSlots: _(() => {
         const f = {};
         for (const $ in a)
-          mt.has($) || (f[$] = a[$]);
+          gt.has($) || (f[$] = a[$]);
         return f;
       }),
-      tableRef: l,
-      containerStyle: y,
-      tableHeight: r,
+      tableRef: r,
+      containerStyle: v,
+      tableHeight: s,
       getTableRef: fe,
       pageSize: u,
       currentPage: d,
-      loading: o,
+      loading: l,
       renderData: J,
       total: x,
-      pageSizes: C(() => e.pageSizes),
-      paginationLayout: C(() => e.paginationLayout),
+      pageSizes: _(() => e.pageSizes),
+      paginationLayout: _(() => e.paginationLayout),
       handleSizeChange: E,
       handlePageChange: de,
       handleSortChange: ce,
@@ -428,17 +428,17 @@ const ft = /* @__PURE__ */ G(ct, [["render", pt]]), mt = /* @__PURE__ */ new Set
       resetScrollTop: le
     };
   }
-}), ht = {
+}), vt = {
   key: 0,
   class: "zxt-table-footer"
 };
-function vt(e, t, a, l, u, d) {
-  const o = S("ZxtTableColumn"), p = S("el-table"), g = S("ZxtPagination"), c = Ne("loading");
-  return s(), m("div", {
+function Ct(e, t, a, r, u, d) {
+  const l = S("ZxtTableColumn"), c = S("el-table"), g = S("ZxtPagination"), z = Ue("loading");
+  return i(), m("div", {
     class: ue(["zxt-table-container", { "zxt-table-container--full": e.height === "full" }]),
-    style: Ue(e.containerStyle)
+    style: qe(e.containerStyle)
   }, [
-    qe((s(), V(p, M({
+    We((i(), V(c, M({
       ref: "tableRef",
       data: e.renderData,
       height: e.tableHeight
@@ -448,16 +448,16 @@ function vt(e, t, a, l, u, d) {
       onFilterChange: e.handleFilterChange
     }), Y({
       default: w(() => [
-        (s(!0), m(B, null, T(e.columns, (h, i) => (s(), V(o, {
-          key: i,
-          column: h,
+        (i(!0), m(L, null, O(e.columns, (p, n) => (i(), V(l, {
+          key: n,
+          column: p,
           "current-page": e.currentPage,
           "page-size": e.pageSize
         }, Y({ _: 2 }, [
-          T(e.columnSlots, (y, r) => ({
-            name: r,
-            fn: w((_) => [
-              O(e.$slots, r, M({ ref_for: !0 }, _), void 0, !0)
+          O(e.columnSlots, (v, s) => ({
+            name: s,
+            fn: w((C) => [
+              T(e.$slots, s, M({ ref_for: !0 }, C), void 0, !0)
             ])
           }))
         ]), 1032, ["column", "current-page", "page-size"]))), 128))
@@ -467,21 +467,21 @@ function vt(e, t, a, l, u, d) {
       e.$slots.empty ? {
         name: "empty",
         fn: w(() => [
-          O(e.$slots, "empty", {}, void 0, !0)
+          T(e.$slots, "empty", {}, void 0, !0)
         ]),
         key: "0"
       } : void 0
     ]), 1040, ["data", "height", "id", "onSortChange", "onFilterChange"])), [
-      [c, e.loading]
+      [z, e.loading]
     ]),
-    e.$slots.append ? (s(), m("div", ht, [
-      O(e.$slots, "append", {}, void 0, !0)
+    e.$slots.append ? (i(), m("div", vt, [
+      T(e.$slots, "append", {}, void 0, !0)
     ])) : W("", !0),
-    e.pageable ? (s(), V(g, {
+    e.pageable ? (i(), V(g, {
       key: 1,
       "model-value": e.currentPage,
       "page-size": e.pageSize,
-      "onUpdate:pageSize": t[0] || (t[0] = (h) => e.pageSize = h),
+      "onUpdate:pageSize": t[0] || (t[0] = (p) => e.pageSize = p),
       "page-sizes": e.pageSizes,
       total: e.total,
       layout: e.paginationLayout,
@@ -490,7 +490,7 @@ function vt(e, t, a, l, u, d) {
     }, null, 8, ["model-value", "page-size", "page-sizes", "total", "layout", "onPageChange", "onSizeChange"])) : W("", !0)
   ], 6);
 }
-const L = /* @__PURE__ */ G(gt, [["render", vt], ["__scopeId", "data-v-cfbfc1e6"]]), q = /* @__PURE__ */ new Map();
+const B = /* @__PURE__ */ G(ht, [["render", Ct], ["__scopeId", "data-v-cfbfc1e6"]]), q = /* @__PURE__ */ new Map();
 class _t {
   /**
    * 注册自定义渲染器
@@ -545,12 +545,12 @@ class _t {
   }
 }
 const ze = new _t();
-function Ct(e, t, a = {}) {
+function wt(e, t, a = {}) {
   if (!e || !e.itemRender)
     return null;
-  const { name: l } = e.itemRender;
-  if (l && ze.has(l)) {
-    const u = ze.get(l);
+  const { name: r } = e.itemRender;
+  if (r && ze.has(r)) {
+    const u = ze.get(r);
     if (typeof u.renderItemContent == "function") {
       const d = {
         data: t,
@@ -560,288 +560,288 @@ function Ct(e, t, a = {}) {
       };
       try {
         return u.renderItemContent(a, d);
-      } catch (o) {
-        return console.error(`[ZxtTable] 渲染器 "${l}" 执行出错:`, o), null;
+      } catch (l) {
+        return console.error(`[ZxtTable] 渲染器 "${r}" 执行出错:`, l), null;
       }
     }
   }
   return null;
 }
-L.install = function(e) {
-  e.component(L.name, L);
+B.install = function(e) {
+  e.component(B.name, B);
 };
-L.registerRenderer = dt;
-L.renderer = ze;
-var yt = /* @__PURE__ */ z({
+B.registerRenderer = ct;
+B.renderer = ze;
+var yt = /* @__PURE__ */ b({
   name: "ArrowDown",
   __name: "arrow-down",
   setup(e) {
-    return (t, a) => (s(), m("svg", {
+    return (t, a) => (i(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      b("path", {
+      y("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"
       })
     ]));
   }
-}), Be = yt, wt = /* @__PURE__ */ z({
+}), xe = yt, bt = /* @__PURE__ */ b({
   name: "Check",
   __name: "check",
   setup(e) {
-    return (t, a) => (s(), m("svg", {
+    return (t, a) => (i(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      b("path", {
+      y("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"
       })
     ]));
   }
-}), bt = wt, zt = /* @__PURE__ */ z({
+}), zt = bt, St = /* @__PURE__ */ b({
   name: "Close",
   __name: "close",
   setup(e) {
-    return (t, a) => (s(), m("svg", {
+    return (t, a) => (i(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      b("path", {
+      y("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"
       })
     ]));
   }
-}), St = zt, kt = /* @__PURE__ */ z({
+}), kt = St, $t = /* @__PURE__ */ b({
   name: "CopyDocument",
   __name: "copy-document",
   setup(e) {
-    return (t, a) => (s(), m("svg", {
+    return (t, a) => (i(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      b("path", {
+      y("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"
       }),
-      b("path", {
+      y("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"
       })
     ]));
   }
-}), $t = kt, Vt = /* @__PURE__ */ z({
+}), Vt = $t, Pt = /* @__PURE__ */ b({
   name: "Delete",
   __name: "delete",
   setup(e) {
-    return (t, a) => (s(), m("svg", {
+    return (t, a) => (i(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      b("path", {
+      y("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"
       })
     ]));
   }
-}), Se = Vt, Pt = /* @__PURE__ */ z({
+}), Se = Pt, Dt = /* @__PURE__ */ b({
   name: "Document",
   __name: "document",
   setup(e) {
-    return (t, a) => (s(), m("svg", {
+    return (t, a) => (i(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      b("path", {
+      y("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"
       })
     ]));
   }
-}), Dt = Pt, Ft = /* @__PURE__ */ z({
+}), Ft = Dt, Rt = /* @__PURE__ */ b({
   name: "Download",
   __name: "download",
   setup(e) {
-    return (t, a) => (s(), m("svg", {
+    return (t, a) => (i(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      b("path", {
+      y("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"
       })
     ]));
   }
-}), ke = Ft, Rt = /* @__PURE__ */ z({
+}), ke = Rt, At = /* @__PURE__ */ b({
   name: "Edit",
   __name: "edit",
   setup(e) {
-    return (t, a) => (s(), m("svg", {
+    return (t, a) => (i(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      b("path", {
+      y("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"
       }),
-      b("path", {
+      y("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"
       })
     ]));
   }
-}), $e = Rt, At = /* @__PURE__ */ z({
+}), $e = At, Tt = /* @__PURE__ */ b({
   name: "Lock",
   __name: "lock",
   setup(e) {
-    return (t, a) => (s(), m("svg", {
+    return (t, a) => (i(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      b("path", {
+      y("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"
       }),
-      b("path", {
+      y("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 = At, Tt = /* @__PURE__ */ z({
+}), Ot = Tt, Mt = /* @__PURE__ */ b({
   name: "Plus",
   __name: "plus",
   setup(e) {
-    return (t, a) => (s(), m("svg", {
+    return (t, a) => (i(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      b("path", {
+      y("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"
       })
     ]));
   }
-}), Ve = Tt, Mt = /* @__PURE__ */ z({
+}), Ve = Mt, Bt = /* @__PURE__ */ b({
   name: "Refresh",
   __name: "refresh",
   setup(e) {
-    return (t, a) => (s(), m("svg", {
+    return (t, a) => (i(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      b("path", {
+      y("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"
       })
     ]));
   }
-}), se = Mt, Lt = /* @__PURE__ */ z({
+}), se = Bt, Lt = /* @__PURE__ */ b({
   name: "Search",
   __name: "search",
   setup(e) {
-    return (t, a) => (s(), m("svg", {
+    return (t, a) => (i(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      b("path", {
+      y("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"
       })
     ]));
   }
-}), ie = Lt, Bt = /* @__PURE__ */ z({
+}), ie = Lt, xt = /* @__PURE__ */ b({
   name: "Setting",
   __name: "setting",
   setup(e) {
-    return (t, a) => (s(), m("svg", {
+    return (t, a) => (i(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      b("path", {
+      y("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 = Bt, xt = /* @__PURE__ */ z({
+}), Pe = xt, Ht = /* @__PURE__ */ b({
   name: "Share",
   __name: "share",
   setup(e) {
-    return (t, a) => (s(), m("svg", {
+    return (t, a) => (i(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      b("path", {
+      y("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"
       })
     ]));
   }
-}), Ht = xt, Zt = /* @__PURE__ */ z({
+}), Zt = Ht, jt = /* @__PURE__ */ b({
   name: "Unlock",
   __name: "unlock",
   setup(e) {
-    return (t, a) => (s(), m("svg", {
+    return (t, a) => (i(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      b("path", {
+      y("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"
       }),
-      b("path", {
+      y("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"
       })
     ]));
   }
-}), jt = Zt, Et = /* @__PURE__ */ z({
+}), Et = jt, It = /* @__PURE__ */ b({
   name: "Upload",
   __name: "upload",
   setup(e) {
-    return (t, a) => (s(), m("svg", {
+    return (t, a) => (i(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      b("path", {
+      y("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"
       })
     ]));
   }
-}), De = Et, It = /* @__PURE__ */ z({
+}), De = It, Nt = /* @__PURE__ */ b({
   name: "View",
   __name: "view",
   setup(e) {
-    return (t, a) => (s(), m("svg", {
+    return (t, a) => (i(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      b("path", {
+      y("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 = It, Nt = /* @__PURE__ */ z({
+}), Fe = Nt, Ut = /* @__PURE__ */ b({
   name: "Warning",
   __name: "warning",
   setup(e) {
-    return (t, a) => (s(), m("svg", {
+    return (t, a) => (i(), m("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      b("path", {
+      y("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"
       })
     ]));
   }
-}), Ut = Nt;
-const qt = z({
+}), qt = Ut;
+const Wt = b({
   name: "ZxtForm",
   inheritAttrs: !1,
   props: {
@@ -852,7 +852,7 @@ const qt = z({
   },
   emits: ["submit", "reset"],
   setup(e, { emit: t, expose: a }) {
-    const l = k(null), u = We({}), d = {
+    const r = k(null), u = Ge({}), d = {
       input: "el-input",
       select: "el-select",
       date: "el-date-picker",
@@ -860,39 +860,39 @@ const qt = z({
       datetime: "el-date-picker",
       datetimerange: "el-date-picker",
       cascader: "el-cascader"
-    }, o = (r) => d[r] || "el-input", p = (r) => {
-      const _ = r.type || "input", x = [
+    }, l = (s) => d[s] || "el-input", c = (s) => {
+      const C = s.type || "input", x = [
         "select",
         "date",
         "daterange",
         "datetime",
         "datetimerange",
         "cascader"
-      ].includes(_), J = {
-        placeholder: r.placeholder || `请${x ? "选择" : "输入"}${r.label}`,
-        disabled: r.disabled,
+      ].includes(C), J = {
+        placeholder: s.placeholder || `请${x ? "选择" : "输入"}${s.label}`,
+        disabled: s.disabled,
         style: "width: 100%",
         "popper-class": "zxt-form-popper"
       };
       let R = {};
-      switch (_) {
+      switch (C) {
         case "date":
         case "daterange":
         case "datetime":
         case "datetimerange":
           R = {
-            type: r.dateType || _,
-            startPlaceholder: r.startPlaceholder || "开始日期",
-            endPlaceholder: r.endPlaceholder || "结束日期",
-            format: r.format,
-            valueFormat: r.valueFormat
+            type: s.dateType || C,
+            startPlaceholder: s.startPlaceholder || "开始日期",
+            endPlaceholder: s.endPlaceholder || "结束日期",
+            format: s.format,
+            valueFormat: s.valueFormat
           };
           break;
         case "cascader":
           R = {
-            options: r.options,
-            props: r.cascaderProps,
-            clearable: r.clearable !== !1
+            options: s.options,
+            props: s.cascaderProps,
+            clearable: s.clearable !== !1
           };
           break;
         default:
@@ -902,30 +902,30 @@ const qt = z({
         ...J,
         ...R
       };
-      return "clearable" in r && (E.clearable = r.clearable), r.props && typeof r.props == "object" && Object.assign(E, r.props), E;
-    }, g = C(() => e.formColumns.map((r) => ({
-      ...r,
+      return "clearable" in s && (E.clearable = s.clearable), s.props && typeof s.props == "object" && Object.assign(E, s.props), E;
+    }, g = _(() => e.formColumns.map((s) => ({
+      ...s,
       colSpan: {
-        xs: r.xs ?? r.span ?? 24,
-        sm: r.sm ?? r.span ?? 12,
-        md: r.md ?? r.span ?? 12,
-        lg: r.lg ?? r.span ?? 12,
-        xl: r.xl ?? r.span ?? 12
+        xs: s.xs ?? s.span ?? 24,
+        sm: s.sm ?? s.span ?? 12,
+        md: s.md ?? s.span ?? 12,
+        lg: s.lg ?? s.span ?? 12,
+        xl: s.xl ?? s.span ?? 12
       }
     })));
     X(
       () => e.initialFormData,
-      (r) => {
-        Object.keys(u).forEach((_) => {
-          delete u[_];
-        }), Object.assign(u, r);
+      (s) => {
+        Object.keys(u).forEach((C) => {
+          delete u[C];
+        }), Object.assign(u, s);
       },
       { immediate: !0, deep: !0 }
     );
-    const c = C(() => {
-      const r = { ...e.rules };
-      return Object.keys(r).length === 0 && e.formColumns.length > 0 && e.formColumns.forEach((_) => {
-        if (_.required) {
+    const z = _(() => {
+      const s = { ...e.rules };
+      return Object.keys(s).length === 0 && e.formColumns.length > 0 && e.formColumns.forEach((C) => {
+        if (C.required) {
           const x = [
             "select",
             "date",
@@ -933,85 +933,85 @@ const qt = z({
             "datetime",
             "datetimerange",
             "cascader"
-          ].includes(_.type);
-          r[_.prop] = [
+          ].includes(C.type);
+          s[C.prop] = [
             {
               required: !0,
-              message: `请${x ? "选择" : "输入"}${_.label}`,
+              message: `请${x ? "选择" : "输入"}${C.label}`,
               trigger: x ? "change" : "blur"
             }
           ];
         }
-      }), r;
-    }), h = () => {
-      l.value && l.value.validate((r) => {
-        r && t("submit", { ...u });
+      }), s;
+    }), p = () => {
+      r.value && r.value.validate((s) => {
+        s && t("submit", { ...u });
       });
-    }, i = () => {
-      l.value && l.value.resetFields(), t("reset");
-    }, y = (r) => () => Ct(r, u, {}) || null;
+    }, n = () => {
+      r.value && r.value.resetFields(), t("reset");
+    }, v = (s) => () => wt(s, u, {}) || null;
     return a({
-      validate: () => l.value ? l.value.validate() : Promise.resolve(!1),
-      resetFields: () => l.value && l.value.resetFields(),
+      validate: () => r.value ? r.value.validate() : Promise.resolve(!1),
+      resetFields: () => r.value && r.value.resetFields(),
       getFormData: () => ({ ...u }),
-      submitForm: h,
-      resetForm: i
+      submitForm: p,
+      resetForm: n
     }), {
-      formRef: l,
+      formRef: r,
       formData: u,
-      formRules: c,
-      submitForm: h,
-      resetForm: i,
+      formRules: z,
+      submitForm: p,
+      resetForm: n,
       processedColumns: g,
-      getComponentType: o,
-      getComponentProps: p,
-      renderCustomItem: y
+      getComponentType: l,
+      getComponentProps: c,
+      renderCustomItem: v
     };
   }
-}), Wt = { class: "zxt-form-container" }, Gt = {
+}), Gt = { class: "zxt-form-container" }, Jt = {
   key: 0,
   class: "form-label"
-}, Jt = { class: "form-control" };
-function Kt(e, t, a, l, u, d) {
-  const o = S("el-option"), p = S("el-form-item"), g = S("el-col"), c = S("el-row"), h = S("el-form");
-  return s(), m("div", Wt, [
-    F(h, M({ ref: "formRef" }, e.$attrs, {
+}, Kt = { class: "form-control" };
+function Qt(e, t, a, r, u, d) {
+  const l = S("el-option"), c = S("el-form-item"), g = S("el-col"), z = S("el-row"), p = S("el-form");
+  return i(), m("div", Gt, [
+    F(p, M({ ref: "formRef" }, e.$attrs, {
       model: e.formData,
       rules: e.formRules,
       "label-width": e.labelWidth,
       class: "zxt-form"
     }), {
       default: w(() => [
-        F(c, { gutter: 20 }, {
+        F(z, { gutter: 20 }, {
           default: w(() => [
-            (s(!0), m(B, null, T(e.processedColumns, (i, y) => (s(), V(g, M({ key: y }, { ref_for: !0 }, i.colSpan), {
+            (i(!0), m(L, null, O(e.processedColumns, (n, v) => (i(), V(g, M({ key: v }, { ref_for: !0 }, n.colSpan), {
               default: w(() => [
-                F(p, {
-                  prop: i.prop,
-                  required: i.required,
+                F(c, {
+                  prop: n.prop,
+                  required: n.required,
                   "label-width": "0",
                   class: "custom-form-item"
                 }, {
                   default: w(() => [
-                    b("div", {
-                      class: ue(["form-item-wrapper", { "is-action": i.isAction }])
+                    y("div", {
+                      class: ue(["form-item-wrapper", { "is-action": n.isAction }])
                     }, [
-                      i.label ? (s(), m("span", Gt, ee(i.label), 1)) : W("", !0),
-                      b("div", Jt, [
-                        i.type === "slot" ? O(e.$slots, i.slotName || i.prop, {
+                      n.label ? (i(), m("span", Jt, ee(n.label), 1)) : W("", !0),
+                      y("div", Kt, [
+                        n.type === "slot" ? T(e.$slots, n.slotName || n.prop, {
                           key: 0,
                           formData: e.formData,
-                          column: i
-                        }, void 0, !0) : i.itemRender ? (s(), V(be(e.renderCustomItem(i)), { key: 1 })) : (s(), V(be(e.getComponentType(i.type)), M({
+                          column: n
+                        }, void 0, !0) : n.itemRender ? (i(), V(be(e.renderCustomItem(n)), { key: 1 })) : (i(), V(be(e.getComponentType(n.type)), M({
                           key: 2,
-                          modelValue: e.formData[i.prop],
-                          "onUpdate:modelValue": (r) => e.formData[i.prop] = r
-                        }, { ref_for: !0 }, e.getComponentProps(i), Ge(i.events || {})), {
+                          modelValue: e.formData[n.prop],
+                          "onUpdate:modelValue": (s) => e.formData[n.prop] = s
+                        }, { ref_for: !0 }, e.getComponentProps(n), Je(n.events || {})), {
                           default: w(() => [
-                            i.type === "select" ? (s(!0), m(B, { key: 0 }, T(i.options, (r, _) => (s(), V(o, {
-                              key: _,
-                              label: r.label,
-                              value: r.value
+                            n.type === "select" ? (i(!0), m(L, { key: 0 }, O(n.options, (s, C) => (i(), V(l, {
+                              key: C,
+                              label: s.label,
+                              value: s.value
                             }, null, 8, ["label", "value"]))), 128)) : W("", !0)
                           ]),
                           _: 2
@@ -1032,7 +1032,7 @@ function Kt(e, t, a, l, u, d) {
     }, 16, ["model", "rules", "label-width"])
   ]);
 }
-const Re = /* @__PURE__ */ G(qt, [["render", Kt], ["__scopeId", "data-v-6b22a57b"]]), Qt = {
+const Re = /* @__PURE__ */ G(Wt, [["render", Qt], ["__scopeId", "data-v-6b22a57b"]]), Xt = {
   Plus: Ve,
   Delete: Se,
   Refresh: se,
@@ -1042,18 +1042,18 @@ const Re = /* @__PURE__ */ G(qt, [["render", Kt], ["__scopeId", "data-v-6b22a57b
   View: Fe,
   Upload: De,
   Setting: Pe,
-  Warning: Ut,
-  Check: bt,
-  Close: St,
-  Document: Dt,
-  CopyDocument: $t,
-  Share: Ht,
+  Warning: qt,
+  Check: zt,
+  Close: kt,
+  Document: Ft,
+  CopyDocument: Vt,
+  Share: Zt,
   Lock: Ot,
-  Unlock: jt,
-  ArrowDown: Be
-}, Xt = z({
+  Unlock: Et,
+  ArrowDown: xe
+}, Yt = b({
   name: "ActionColumn",
-  components: { ArrowDown: Be },
+  components: { ArrowDown: xe },
   props: {
     buttons: {
       type: Array,
@@ -1070,60 +1070,68 @@ const Re = /* @__PURE__ */ G(qt, [["render", Kt], ["__scopeId", "data-v-6b22a57b
   },
   emits: ["action-click"],
   setup(e, { emit: t }) {
-    const a = C(() => e.buttons.filter((c) => typeof c.visible == "function" ? c.visible(e.row) : typeof c.visible == "boolean" ? c.visible : !0)), l = C(
+    const a = _(() => e.buttons.filter((n) => typeof n.visible == "function" ? n.visible(e.row) : typeof n.visible == "boolean" ? n.visible : !0)), r = _(
       () => a.value.length > e.maxVisible
-    ), u = C(
-      () => l.value ? a.value.slice(0, e.maxVisible) : a.value
-    ), d = C(
-      () => l.value ? a.value.slice(e.maxVisible) : []
-    );
+    ), u = _(
+      () => r.value ? a.value.slice(0, e.maxVisible) : a.value
+    ), d = _(
+      () => r.value ? a.value.slice(e.maxVisible) : []
+    ), l = (n) => {
+      if (n)
+        return typeof n == "object" || typeof n == "function" ? n : Xt[n];
+    }, c = (n) => {
+      n?.currentTarget?.blur?.();
+    };
     return {
       visibleButtons: u,
       overflowButtons: d,
-      getIconComponent: (c) => {
-        if (c)
-          return typeof c == "object" || typeof c == "function" ? c : Qt[c];
+      getIconComponent: l,
+      handleClick: (n, v) => {
+        c(v), t("action-click", { code: n.code, button: n, row: e.row });
       },
-      handleClick: (c) => {
-        t("action-click", { code: c.code, button: c, row: e.row });
+      handleCommand: (n) => {
+        t("action-click", { code: n.code, button: n, row: e.row });
       },
-      handleCommand: (c) => {
-        t("action-click", { code: c.code, button: c, row: e.row });
+      handleTriggerClick: (n) => {
+        c(n);
       }
     };
   }
-}), Yt = { class: "action-column" };
-function ea(e, t, a, l, u, d) {
-  const o = S("el-button"), p = S("ArrowDown"), g = S("el-icon"), c = S("el-dropdown-item"), h = S("el-dropdown-menu"), i = S("el-dropdown");
-  return s(), m("div", Yt, [
-    (s(!0), m(B, null, T(e.visibleButtons, (y) => (s(), V(o, {
-      key: y.code,
-      type: y.type || "",
-      icon: e.getIconComponent(y.icon),
+}), ea = { class: "action-column" };
+function ta(e, t, a, r, u, d) {
+  const l = S("el-button"), c = S("ArrowDown"), g = S("el-icon"), z = S("el-dropdown-item"), p = S("el-dropdown-menu"), n = S("el-dropdown");
+  return i(), m("div", ea, [
+    (i(!0), m(L, null, O(e.visibleButtons, (v) => (i(), V(l, {
+      key: v.code,
+      class: "action-btn",
+      type: v.type || "",
+      icon: e.getIconComponent(v.icon),
       size: "small",
       link: "",
-      onClick: (r) => e.handleClick(y)
+      onMousedown: t[0] || (t[0] = Te(() => {
+      }, ["prevent"])),
+      onClick: (s) => e.handleClick(v, s)
     }, {
       default: w(() => [
-        j(ee(y.label), 1)
+        j(ee(v.label), 1)
       ]),
       _: 2
     }, 1032, ["type", "icon", "onClick"]))), 128)),
-    e.overflowButtons.length ? (s(), V(i, {
+    e.overflowButtons.length ? (i(), V(n, {
       key: 0,
       trigger: "hover",
       onCommand: e.handleCommand
     }, {
       dropdown: w(() => [
-        F(h, null, {
+        F(p, null, {
           default: w(() => [
-            (s(!0), m(B, null, T(e.overflowButtons, (y) => (s(), V(c, {
-              key: y.code,
-              command: y,
-              icon: e.getIconComponent(y.icon)
+            (i(!0), m(L, null, O(e.overflowButtons, (v) => (i(), V(z, {
+              key: v.code,
+              command: v,
+              icon: e.getIconComponent(v.icon)
             }, {
               default: w(() => [
-                j(ee(y.label), 1)
+                j(ee(v.label), 1)
               ]),
               _: 2
             }, 1032, ["command", "icon"]))), 128))
@@ -1132,34 +1140,38 @@ function ea(e, t, a, l, u, d) {
         })
       ]),
       default: w(() => [
-        F(o, {
+        F(l, {
+          class: "action-btn",
           type: "",
           size: "small",
-          link: ""
+          link: "",
+          onMousedown: t[1] || (t[1] = Te(() => {
+          }, ["prevent"])),
+          onClick: e.handleTriggerClick
         }, {
           default: w(() => [
-            t[0] || (t[0] = j(" 更多 ", -1)),
+            t[2] || (t[2] = j(" 更多 ", -1)),
             F(g, { class: "el-icon--right" }, {
               default: w(() => [
-                F(p)
+                F(c)
               ]),
               _: 1
             })
           ]),
           _: 1
-        })
+        }, 8, ["onClick"])
       ]),
       _: 1
     }, 8, ["onCommand"])) : W("", !0)
   ]);
 }
-const ta = /* @__PURE__ */ G(Xt, [["render", ea], ["__scopeId", "data-v-6d75a891"]]), aa = z({
+const aa = /* @__PURE__ */ G(Yt, [["render", ta], ["__scopeId", "data-v-fe798e9c"]]), na = b({
   name: "ZxtGrid",
   inheritAttrs: !1,
   components: {
-    ZxtTable: L,
+    ZxtTable: B,
     ZxtForm: Re,
-    ActionColumn: ta,
+    ActionColumn: aa,
     Plus: Ve,
     Delete: Se,
     Refresh: se,
@@ -1196,9 +1208,9 @@ const ta = /* @__PURE__ */ G(Xt, [["render", ea], ["__scopeId", "data-v-6d75a891
   },
   emits: ["toolbar-click", "action-click", "submit", "reset", "page-change", "size-change"],
   setup(e, { emit: t, expose: a }) {
-    const l = Je(), u = Me(), d = k(null), o = k(null), p = k(1), g = k(10), c = k(null), h = k(e.gridOptions.formMode !== !1), i = k({
+    const r = Ke(), u = Be(), d = k(null), l = k(null), c = k(1), g = k(10), z = k(null), p = k(e.gridOptions.formMode !== !1), n = k({
       ...e.gridOptions.formConfig?.data || {}
-    }), y = {
+    }), v = {
       Plus: Ve,
       Delete: Se,
       Refresh: se,
@@ -1208,141 +1220,143 @@ const ta = /* @__PURE__ */ G(Xt, [["render", ea], ["__scopeId", "data-v-6d75a891
       View: Fe,
       Upload: De,
       Setting: Pe
-    }, r = C(() => {
-      const v = (e.gridOptions.columns || []).find((D) => D.actionColumn);
-      return v ? v.actionColumn : null;
-    }), _ = C(() => (e.gridOptions.columns || []).map((v) => v.actionColumn ? {
-      ...v,
+    }, s = _(() => {
+      const o = e.gridOptions.columns || [];
+      console.log("cols", e.gridOptions.columns);
+      const h = o.find((D) => D.actionColumn);
+      return h ? h.actionColumn : null;
+    }), C = _(() => (e.gridOptions.columns || []).map((h) => h.actionColumn ? {
+      ...h,
       slot: "__action__",
       actionColumn: void 0
-    } : v)), x = (n) => {
-      t("action-click", n);
-    }, J = C(() => {
-      const n = e.gridOptions.formConfig;
-      if (!n || !n.items) return [];
-      const v = [...n.items];
-      return v.some(
+    } : h)), x = (o) => {
+      t("action-click", o);
+    }, J = _(() => {
+      const o = e.gridOptions.formConfig;
+      if (!o || !o.items) return [];
+      const h = [...o.items];
+      return h.some(
         (Z) => Z.type === "slot" && Z.slotName === "search-actions"
-      ) || v.push({
+      ) || h.push({
         type: "slot",
         slotName: "search-actions",
         span: 6,
         labelWidth: "0px",
         isAction: !0,
-        ...n.actionConfig
-      }), v;
-    }), R = C(() => {
-      const n = /* @__PURE__ */ new Set(["search-actions"]);
-      return (J.value || []).forEach((v) => {
-        v.type === "slot" && n.add(v.slotName || v.prop);
-      }), n;
-    }), E = C(() => {
-      const n = {};
-      for (const v in u)
-        v === "search-actions" || v === "toolbar" || (R.value.has(v) || v.startsWith("form-")) && (n[v] = u[v]);
-      return n;
-    }), de = C(() => {
-      const n = {};
-      for (const v in u)
-        v !== "toolbar" && !R.value.has(v) && !v.startsWith("form-") && (n[v] = u[v]);
-      return n;
+        ...o.actionConfig
+      }), h;
+    }), R = _(() => {
+      const o = /* @__PURE__ */ new Set(["search-actions"]);
+      return (J.value || []).forEach((h) => {
+        h.type === "slot" && o.add(h.slotName || h.prop);
+      }), o;
+    }), E = _(() => {
+      const o = {};
+      for (const h in u)
+        h === "search-actions" || h === "toolbar" || (R.value.has(h) || h.startsWith("form-")) && (o[h] = u[h]);
+      return o;
+    }), de = _(() => {
+      const o = {};
+      for (const h in u)
+        h !== "toolbar" && !R.value.has(h) && !h.startsWith("form-") && (o[h] = u[h]);
+      return o;
     }), ce = () => {
-      o.value?.submitForm();
-    }, pe = (n) => {
-      t("submit", n), e.gridOptions.proxyConfig && (i.value = { ...n }, p.value = 1, d.value?.reload?.({ formData: i.value, page: 1 }));
+      l.value?.submitForm();
+    }, pe = (o) => {
+      t("submit", o), e.gridOptions.proxyConfig && (n.value = { ...o }, c.value = 1, d.value?.reload?.({ formData: n.value, page: 1 }));
     }, H = () => {
-      o.value?.resetForm();
+      l.value?.resetForm();
     }, oe = () => {
-      t("reset"), e.gridOptions.proxyConfig && (i.value = {}, p.value = 1, d.value?.reload?.({ formData: {}, page: 1 }));
-    }, fe = (n) => {
-      if (n)
-        return typeof n == "object" || typeof n == "function" ? n : y[n];
-    }, me = C(() => {
-      const n = e.gridOptions.proxyConfig;
-      return n ? {
-        ...n,
-        _formData: i.value
+      t("reset"), e.gridOptions.proxyConfig && (n.value = {}, c.value = 1, d.value?.reload?.({ formData: {}, page: 1 }));
+    }, fe = (o) => {
+      if (o)
+        return typeof o == "object" || typeof o == "function" ? o : v[o];
+    }, me = _(() => {
+      const o = e.gridOptions.proxyConfig;
+      return o ? {
+        ...o,
+        _formData: n.value
       } : null;
-    }), ge = C(() => {
+    }), ge = _(() => {
       const {
-        formConfig: n,
-        toolbar: v,
+        formConfig: o,
+        toolbar: h,
         formMode: D,
         formColumns: Z,
         rules: re,
-        data: we,
-        proxyConfig: He,
-        ...Ze
+        data: ye,
+        proxyConfig: Ze,
+        ...je
       } = e.gridOptions;
       return {
-        ...Ze,
-        proxyConfig: me.value || He || null
+        ...je,
+        proxyConfig: me.value || Ze || null
       };
-    }), le = C(() => c.value !== null ? c.value : e.externalData.length > 0 ? e.externalData : e.gridOptions.data || []), Ae = C(() => !!e.gridOptions.proxyConfig), f = C(() => Ae.value ? 0 : le.value.length), $ = (n, v) => {
-      t("toolbar-click", { code: n, button: v, grid: d.value });
-    }, I = (n) => {
-      p.value = n.page, t("page-change", n);
-    }, N = (n) => {
-      g.value = n.size, t("size-change", n);
-    }, he = () => d.value, ve = () => o.value, _e = () => d.value?.getTableRef()?.getSelectionRows?.() || [], Ce = (n) => {
-      c.value = n ?? null;
-    }, ye = (n) => {
-      h.value = n;
-    }, U = (n, v = !0) => {
+    }), le = _(() => z.value !== null ? z.value : e.externalData.length > 0 ? e.externalData : e.gridOptions.data || []), Ae = _(() => !!e.gridOptions.proxyConfig), f = _(() => Ae.value ? 0 : le.value.length), $ = (o, h) => {
+      t("toolbar-click", { code: o, button: h, grid: d.value });
+    }, I = (o) => {
+      c.value = o.page, t("page-change", o);
+    }, N = (o) => {
+      g.value = o.size, t("size-change", o);
+    }, he = () => d.value, ve = () => l.value, Ce = () => d.value?.getTableRef()?.getSelectionRows?.() || [], _e = (o) => {
+      z.value = o ?? null;
+    }, we = (o) => {
+      p.value = o;
+    }, U = (o, h = !0) => {
       const D = e.gridOptions.formConfig;
-      D?.data && Object.assign(D.data, n), i.value = { ...D?.data || {}, ...n }, v && e.gridOptions.proxyConfig && (p.value = 1, d.value?.reload?.({ formData: i.value, page: 1 }));
-    }, A = (n, ...v) => {
-      const D = i.value;
-      switch (n) {
+      D?.data && Object.assign(D.data, o), n.value = { ...D?.data || {}, ...o }, h && e.gridOptions.proxyConfig && (c.value = 1, d.value?.reload?.({ formData: n.value, page: 1 }));
+    }, A = (o, ...h) => {
+      const D = n.value;
+      switch (o) {
         case "query":
-          p.value = 1, d.value?.reload?.({ formData: D, page: 1 });
+          c.value = 1, d.value?.reload?.({ formData: D, page: 1 });
           break;
         case "reload":
           d.value?.reload?.({ formData: D });
           break;
         default:
-          console.warn(`[ZxtGrid] commitProxy: unknown type "${n}"`);
+          console.warn(`[ZxtGrid] commitProxy: unknown type "${o}"`);
       }
     };
     X(
       () => e.gridOptions.formMode,
-      (n) => {
-        n !== void 0 && (h.value = n);
+      (o) => {
+        o !== void 0 && (p.value = o);
       }
     ), Le(() => {
-      e.gridOptions.proxyConfig && e.gridOptions.autoLoad !== !1 && d.value?.reload?.({ formData: i.value, page: 1 });
+      e.gridOptions.proxyConfig && e.gridOptions.autoLoad !== !1 && d.value?.reload?.({ formData: n.value, page: 1 });
     });
     const P = () => d.value?.getTableRef?.();
     return a({
       getGridRef: he,
       getFormRef: ve,
       getElTableRef: P,
-      getSelectedRows: _e,
-      reloadData: Ce,
-      setFormVisible: ye,
+      getSelectedRows: Ce,
+      reloadData: _e,
+      setFormVisible: we,
       setFormData: U,
       commitProxy: A,
       clearSelection: () => P()?.clearSelection(),
-      toggleRowSelection: (...n) => P()?.toggleRowSelection(...n),
+      toggleRowSelection: (...o) => P()?.toggleRowSelection(...o),
       toggleAllSelection: () => P()?.toggleAllSelection(),
-      toggleRowExpansion: (...n) => P()?.toggleRowExpansion(...n),
-      setCurrentRow: (...n) => P()?.setCurrentRow(...n),
+      toggleRowExpansion: (...o) => P()?.toggleRowExpansion(...o),
+      setCurrentRow: (...o) => P()?.setCurrentRow(...o),
       clearSort: () => P()?.clearSort(),
-      clearFilter: (...n) => P()?.clearFilter(...n),
+      clearFilter: (...o) => P()?.clearFilter(...o),
       doLayout: () => P()?.doLayout(),
-      sort: (...n) => P()?.sort(...n)
+      sort: (...o) => P()?.sort(...o)
     }), {
-      attrs: l,
+      attrs: r,
       gridRef: d,
-      searchFormRef: o,
-      currentPage: p,
+      searchFormRef: l,
+      currentPage: c,
       pageSize: g,
       tableData: le,
       tableProps: ge,
-      mergedColumns: _,
-      actionColumnConfig: r,
+      mergedColumns: C,
+      actionColumnConfig: s,
       total: f,
-      isFormVisible: h,
+      isFormVisible: p,
       searchFormColumns: J,
       formFilteredSlots: E,
       tableFilteredSlots: de,
@@ -1359,20 +1373,20 @@ const ta = /* @__PURE__ */ G(Xt, [["render", ea], ["__scopeId", "data-v-6d75a891
       Refresh: se
     };
   }
-}), na = {
+}), oa = {
   key: 0,
   class: "grid-search-form"
-}, oa = { class: "search-btn-group" }, la = { class: "grid-table-wrapper" }, ra = {
+}, la = { class: "search-btn-group" }, ra = { class: "grid-table-wrapper" }, sa = {
   key: 0,
   class: "grid-toolbar"
 };
-function sa(e, t, a, l, u, d) {
-  const o = S("el-button"), p = S("ZxtForm"), g = S("ActionColumn"), c = S("ZxtTable");
-  return s(), m("div", {
+function ia(e, t, a, r, u, d) {
+  const l = S("el-button"), c = S("ZxtForm"), g = S("ActionColumn"), z = S("ZxtTable");
+  return i(), m("div", {
     class: ue(["zxt-grid-container", { "zxt-grid-container--full": e.gridOptions.height === "full" }])
   }, [
-    e.gridOptions.formConfig && e.isFormVisible ? (s(), m("div", na, [
-      F(p, {
+    e.gridOptions.formConfig && e.isFormVisible ? (i(), m("div", oa, [
+      F(c, {
         ref: "searchFormRef",
         "form-columns": e.searchFormColumns,
         "initial-form-data": e.gridOptions.formConfig.data,
@@ -1381,8 +1395,8 @@ function sa(e, t, a, l, u, d) {
         onReset: e.handleSearchReset
       }, Y({
         "search-actions": w(() => [
-          b("div", oa, [
-            F(o, {
+          y("div", la, [
+            F(l, {
               class: "btn-search",
               icon: e.Search,
               onClick: e.handleSearch
@@ -1392,7 +1406,7 @@ function sa(e, t, a, l, u, d) {
               ])]),
               _: 1
             }, 8, ["icon", "onClick"]),
-            F(o, {
+            F(l, {
               class: "btn-reset",
               icon: e.Refresh,
               onClick: e.handleReset
@@ -1406,34 +1420,34 @@ function sa(e, t, a, l, u, d) {
         ]),
         _: 2
       }, [
-        T(e.formFilteredSlots, (h, i) => ({
-          name: i,
-          fn: w((y) => [
-            O(e.$slots, i, Oe(Te(y)), void 0, !0)
+        O(e.formFilteredSlots, (p, n) => ({
+          name: n,
+          fn: w((v) => [
+            T(e.$slots, n, Oe(Me(v)), void 0, !0)
           ])
         }))
       ]), 1032, ["form-columns", "initial-form-data", "rules", "onSubmit", "onReset"])
     ])) : W("", !0),
-    b("div", la, [
-      e.gridOptions.toolbar ? (s(), m("div", ra, [
-        (s(!0), m(B, null, T(e.gridOptions.toolbar.buttons, (h, i) => (s(), V(o, {
-          key: i,
-          type: h.type || "default",
-          size: h.size || "small",
-          icon: e.getIconComponent(h.icon),
-          disabled: h.disabled,
-          onClick: (y) => e.handleToolbarClick(h.code, h)
+    y("div", ra, [
+      e.gridOptions.toolbar ? (i(), m("div", sa, [
+        (i(!0), m(L, null, O(e.gridOptions.toolbar.buttons, (p, n) => (i(), V(l, {
+          key: n,
+          type: p.type || "default",
+          size: p.size || "small",
+          icon: e.getIconComponent(p.icon),
+          disabled: p.disabled,
+          onClick: (v) => e.handleToolbarClick(p.code, p)
         }, {
           default: w(() => [
-            j(ee(h.name), 1)
+            j(ee(p.name), 1)
           ]),
           _: 2
         }, 1032, ["type", "size", "icon", "disabled", "onClick"]))), 128)),
-        O(e.$slots, "toolbar", {
+        T(e.$slots, "toolbar", {
           grid: e.$refs.gridRef
         }, void 0, !0)
       ])) : W("", !0),
-      F(c, M({ ref: "gridRef" }, { ...e.tableProps, ...e.attrs }, {
+      F(z, M({ ref: "gridRef" }, { ...e.tableProps, ...e.attrs }, {
         id: e.gridOptions.id,
         columns: e.mergedColumns,
         data: e.tableData,
@@ -1450,59 +1464,59 @@ function sa(e, t, a, l, u, d) {
       }), Y({ _: 2 }, [
         e.actionColumnConfig ? {
           name: "__action__",
-          fn: w(({ row: h }) => [
+          fn: w(({ row: p }) => [
             F(g, {
               buttons: e.actionColumnConfig.buttons,
-              row: h,
+              row: p,
               "max-visible": e.actionColumnConfig.maxVisible || 2,
               onActionClick: e.handleActionClick
             }, null, 8, ["buttons", "row", "max-visible", "onActionClick"])
           ]),
           key: "0"
         } : void 0,
-        T(e.tableFilteredSlots, (h, i) => ({
-          name: i,
-          fn: w((y) => [
-            O(e.$slots, i, Oe(Te(y)), void 0, !0)
+        O(e.tableFilteredSlots, (p, n) => ({
+          name: n,
+          fn: w((v) => [
+            T(e.$slots, n, Oe(Me(v)), void 0, !0)
           ])
         }))
       ]), 1040, ["id", "columns", "data", "height", "pageable", "current-page", "page-size", "page-sizes", "total", "pagination-layout", "onPageChange", "onSizeChange"])
     ])
   ], 2);
 }
-const xe = /* @__PURE__ */ G(aa, [["render", sa], ["__scopeId", "data-v-f8b2d913"]]);
+const He = /* @__PURE__ */ G(na, [["render", ia], ["__scopeId", "data-v-d4ae9c2a"]]);
 Q.install = function(e) {
   e.component(Q.name, Q);
 };
-const ia = [
+const ua = [
   te,
   ae,
-  L,
-  xe,
+  B,
+  He,
   Re,
   Q
-], ua = (e) => {
-  ia.forEach((t) => {
+], da = (e) => {
+  ua.forEach((t) => {
     e.component(t.name, t);
   });
-}, pa = {
-  install: ua,
+}, fa = {
+  install: da,
   MyButton: te,
   JsxButton: ae,
-  ZxtTable: L,
-  ZxtGrid: xe,
+  ZxtTable: B,
+  ZxtGrid: He,
   ZxtForm: Re,
   ZxtPagination: Q,
   // 暴露渲染器 API
-  renderer: L.renderer,
-  registerRenderer: L.registerRenderer
+  renderer: B.renderer,
+  registerRenderer: B.registerRenderer
 };
 export {
   ae as JsxButton,
   te as MyButton,
   Re as ZxtForm,
-  xe as ZxtGrid,
+  He as ZxtGrid,
   Q as ZxtPagination,
-  L as ZxtTable,
-  pa as default
+  B as ZxtTable,
+  fa as default
 };