zxt-table 0.6.5 → 0.6.6

package/dist/zxt-table.es.js

@@ -1,10 +1,10 @@
-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 je, computed as w, mergeProps as O, withCtx as _, Fragment as L, renderList as M, createSlots as Y, resolveDynamicComponent as be, createTextVNode as E, 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 Me, guardReactiveProps as Oe } from "vue";
+import { createElementBlock as g, openBlock as s, normalizeClass as ue, renderSlot as M, defineComponent as b, createVNode as F, ref as k, watch as X, resolveComponent as S, createBlock as V, h as K, inject as Ie, computed as w, mergeProps as L, withCtx as _, Fragment as H, renderList as O, createSlots as Y, resolveDynamicComponent as be, createTextVNode as j, toDisplayString as ee, useSlots as Be, provide as Ne, onMounted as Le, nextTick as xe, resolveDirective as Ue, normalizeStyle as qe, withDirectives as We, createCommentVNode as G, createElementVNode as y, reactive as Ge, toHandlers as Je, withModifiers as Te, useAttrs as Ke, normalizeProps as Me, guardReactiveProps as Oe } 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, ElIcon as lt, ElDropdownMenu as rt, ElDropdownItem as st, ElDropdown as it, ElButton as ut } from "element-plus";
-const G = (e, t) => {
-  const a = e.__vccOpts || e;
-  for (const [r, u] of t)
-    a[r] = u;
-  return a;
+const J = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [l, u] of t)
+    n[l] = u;
+  return n;
 }, dt = {
   name: "MyButton",
   props: {
@@ -21,22 +21,22 @@ const G = (e, t) => {
   emits: ["click"],
   setup(e, { emit: t }) {
     return {
-      handleClick: (r) => {
-        t("click", r);
+      handleClick: (l) => {
+        t("click", l);
       }
     };
   }
 }, ct = ["disabled"];
-function pt(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] = (...l) => r.handleClick && r.handleClick(...l))
+function pt(e, t, n, l, u, d) {
+  return s(), g("button", {
+    class: ue(["my-button", [`my-button--${n.type}`, { "is-disabled": n.disabled }]]),
+    disabled: n.disabled,
+    onClick: t[0] || (t[0] = (...r) => l.handleClick && l.handleClick(...r))
   }, [
-    T(e.$slots, "default", {}, void 0, !0)
+    M(e.$slots, "default", {}, void 0, !0)
   ], 10, ct);
 }
-const te = /* @__PURE__ */ G(dt, [["render", pt], ["__scopeId", "data-v-4480e77d"]]);
+const te = /* @__PURE__ */ J(dt, [["render", pt], ["__scopeId", "data-v-4480e77d"]]);
 te.install = function(e) {
   e.component(te.name, te);
 };
@@ -56,9 +56,9 @@ const ae = /* @__PURE__ */ b({
   emits: ["click"],
   setup(e, {
     emit: t,
-    slots: a
+    slots: n
   }) {
-    const r = (u) => {
+    const l = (u) => {
       e.disabled || t("click", u);
     };
     return () => F("button", {
@@ -66,8 +66,8 @@ const ae = /* @__PURE__ */ b({
         "is-disabled": e.disabled
       }],
       disabled: e.disabled,
-      onClick: r
-    }, [a.default?.()]);
+      onClick: l
+    }, [n.default?.()]);
   }
 });
 ae.install = function(e) {
@@ -93,32 +93,32 @@ const ft = b({
   },
   emits: ["update:modelValue", "update:pageSize", "page-change", "size-change"],
   setup(e, { emit: t }) {
-    const a = k(e.modelValue), r = k(e.pageSize);
+    const n = k(e.modelValue), l = k(e.pageSize);
     return X(
       () => e.modelValue,
-      (l) => {
-        a.value = l;
+      (r) => {
+        n.value = r;
       }
     ), X(
       () => e.pageSize,
-      (l) => {
-        r.value = l;
+      (r) => {
+        l.value = r;
       }
     ), {
-      currentPage: a,
-      pageSize: r,
-      handleSizeChange: (l) => {
-        r.value = l, a.value = 1, t("update:pageSize", l), t("size-change", { page: a.value, size: l });
+      currentPage: n,
+      pageSize: l,
+      handleSizeChange: (r) => {
+        l.value = r, n.value = 1, t("update:pageSize", r), t("size-change", { page: n.value, size: r });
       },
-      handleCurrentChange: (l) => {
-        a.value = l, t("update:modelValue", l), t("page-change", { page: l, size: r.value });
+      handleCurrentChange: (r) => {
+        n.value = r, t("update:modelValue", r), t("page-change", { page: r, size: l.value });
       }
     };
   }
 });
-function mt(e, t, a, r, u, d) {
-  const l = S("el-pagination");
-  return i(), V(l, {
+function mt(e, t, n, l, u, d) {
+  const r = S("el-pagination");
+  return s(), V(r, {
     "current-page": e.currentPage,
     "onUpdate:currentPage": t[0] || (t[0] = (c) => e.currentPage = c),
     "page-size": e.pageSize,
@@ -131,46 +131,46 @@ function mt(e, t, a, r, u, d) {
     onCurrentChange: e.handleCurrentChange
   }, null, 8, ["current-page", "page-size", "page-sizes", "total", "layout", "onSizeChange", "onCurrentChange"]);
 }
-const Q = /* @__PURE__ */ G(ft, [["render", mt], ["__scopeId", "data-v-497aa44d"]]), ne = {
+const Q = /* @__PURE__ */ J(ft, [["render", mt], ["__scopeId", "data-v-497aa44d"]]), ne = {
   default: ({ cellValue: e }) => e ?? "",
-  input: ({ cellValue: e, row: t, column: a, updateRow: r }) => K(at, {
+  input: ({ cellValue: e, row: t, column: n, updateRow: l }) => K(at, {
     modelValue: e,
     size: "small",
-    onInput: (u) => r({ ...t, [a.property]: u })
+    onInput: (u) => l({ ...t, [n.property]: u })
   }),
-  select: ({ cellValue: e, row: t, column: a, updateRow: r, options: u = [] }) => K(
+  select: ({ cellValue: e, row: t, column: n, updateRow: l, options: u = [] }) => K(
     et,
     {
       modelValue: e,
       size: "small",
-      onChange: (d) => r({ ...t, [a.property]: d })
+      onChange: (d) => l({ ...t, [n.property]: d })
     },
     () => u.map(
       (d) => K(tt, { label: d.label, value: d.value, key: d.value })
     )
   ),
-  checkbox: ({ cellValue: e, row: t, column: a, updateRow: r }) => K(Ye, {
+  checkbox: ({ cellValue: e, row: t, column: n, updateRow: l }) => K(Ye, {
     modelValue: !!e,
-    onChange: (u) => r({ ...t, [a.property]: u })
+    onChange: (u) => l({ ...t, [n.property]: u })
   }),
-  link: ({ cellValue: e, href: t, target: a = "_blank" }) => K(Xe, { href: t, target: a }, () => e)
+  link: ({ cellValue: e, href: t, target: n = "_blank" }) => K(Xe, { href: t, target: n }, () => e)
 };
 function gt(e, t) {
   if (!e) return null;
   if (typeof e == "string") {
-    const a = ne[e];
-    return a ? a(t) : (console.warn(`[ZxtTable] 未找到内置渲染器: ${e}`), t.cellValue ?? "");
+    const n = ne[e];
+    return n ? n(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: u = {}, events: d = {}, content: l } = e;
-    return typeof a == "string" && ne[a] ? ne[a]({
+    const { name: n, props: l = {}, attrs: u = {}, events: d = {}, content: r } = e;
+    return typeof n == "string" && ne[n] ? ne[n]({
       ...t,
-      ...r,
+      ...l,
       ...u,
       ...d
-    }) : typeof a == "object" || typeof a == "function" ? K(a, { ...r, ...u, ...d }, l) : (console.warn("[ZxtTable] cellRender 对象缺少有效的 name 字段"), t.cellValue ?? "");
+    }) : typeof n == "object" || typeof n == "function" ? K(n, { ...l, ...u, ...d }, r) : (console.warn("[ZxtTable] cellRender 对象缺少有效的 name 字段"), t.cellValue ?? "");
   }
   return t.cellValue ?? "";
 }
@@ -195,96 +195,96 @@ const vt = b({
     }
   },
   setup(e) {
-    const t = je("updateRow", () => {
-    }), a = (l) => {
-      const { currentPage: c, pageSize: g } = e;
-      return (c - 1) * g + l + 1;
-    }, r = w(() => {
-      const l = e.column;
+    const t = Ie("updateRow", () => {
+    }), n = (r) => {
+      const { currentPage: c, pageSize: p } = e;
+      return (c - 1) * p + r + 1;
+    }, l = w(() => {
+      const r = e.column;
       return {
-        ...l,
-        prop: l.prop ?? l.field,
+        ...r,
+        prop: r.prop ?? r.field,
         // 优先使用 prop，兼容 field
-        label: l.label ?? l.title
+        label: r.label ?? r.title
         // 优先使用 label，兼容 title
       };
     }), u = w(() => {
-      const { children: l, ...c } = r.value;
+      const { children: r, ...c } = l.value;
       return c;
     });
     return {
-      normalizedColumn: r,
+      normalizedColumn: l,
       columnProps: u,
-      renderCell: (l) => {
-        const c = r.value, g = l.row[c.prop], z = g ?? c.defaultValue ?? "";
+      renderCell: (r) => {
+        const c = l.value, p = r.row[c.prop], z = p ?? c.defaultValue ?? "";
         return gt(c.cellRender, {
-          row: l.row,
+          row: r.row,
           column: c,
-          rowIndex: l.$index,
+          rowIndex: r.$index,
           cellValue: z,
-          updateRow: (p) => t(p, l.$index)
+          updateRow: (f) => t(f, r.$index)
         });
       },
-      defaultIndexMethod: a
+      defaultIndexMethod: n
     };
   }
 });
-function Ct(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, O({ key: 0 }, e.columnProps, {
+function Ct(e, t, n, l, u, d) {
+  const r = S("ZxtTableColumn", !0), c = S("el-table-column");
+  return e.normalizedColumn.children && e.normalizedColumn.children.length ? (s(), V(c, L({ key: 0 }, e.columnProps, {
     key: e.normalizedColumn.prop + "-group"
   }), {
     default: _(() => [
-      (i(!0), m(L, null, M(e.normalizedColumn.children, (g, z) => (i(), V(l, {
+      (s(!0), g(H, null, O(e.normalizedColumn.children, (p, z) => (s(), V(r, {
         key: z,
-        column: g,
+        column: p,
         "current-page": e.currentPage,
         "page-size": e.pageSize
       }, Y({ _: 2 }, [
-        M(e.$slots, (p, n) => ({
-          name: n,
-          fn: _((v) => [
-            T(e.$slots, n, O({ ref_for: !0 }, v))
+        O(e.$slots, (f, i) => ({
+          name: i,
+          fn: _((C) => [
+            M(e.$slots, i, L({ ref_for: !0 }, C))
           ])
         }))
       ]), 1032, ["column", "current-page", "page-size"]))), 128))
     ]),
     _: 3
-  }, 16)) : (i(), V(c, O({ key: 1 }, e.columnProps, {
+  }, 16)) : (s(), V(c, L({ key: 1 }, e.columnProps, {
     key: e.normalizedColumn.prop,
     index: e.normalizedColumn.indexMethod || e.defaultIndexMethod
   }), Y({ _: 2 }, [
     e.normalizedColumn.headerSlot ? {
       name: "header",
-      fn: _((g) => [
-        T(e.$slots, e.normalizedColumn.headerSlot, O({ column: e.normalizedColumn }, g))
+      fn: _((p) => [
+        M(e.$slots, e.normalizedColumn.headerSlot, L({ column: e.normalizedColumn }, p))
       ]),
       key: "0"
     } : void 0,
     !["selection", "index"].includes(e.normalizedColumn.type) && (e.normalizedColumn.type !== "expand" || e.normalizedColumn.slot) ? {
       name: "default",
-      fn: _((g) => [
-        e.normalizedColumn.slot ? T(e.$slots, e.normalizedColumn.slot, {
+      fn: _((p) => [
+        e.normalizedColumn.slot ? M(e.$slots, e.normalizedColumn.slot, {
           key: 0,
-          row: g.row,
-          index: g.$index,
+          row: p.row,
+          index: p.$index,
           column: e.normalizedColumn
-        }) : e.normalizedColumn.cellRender ? (i(), V(be(e.renderCell(g)), { key: 1 })) : e.normalizedColumn.formatter ? (i(), m(L, { key: 2 }, [
-          E(ee(e.normalizedColumn.formatter(
-            g.row,
+        }) : e.normalizedColumn.cellRender ? (s(), V(be(e.renderCell(p)), { key: 1 })) : e.normalizedColumn.formatter ? (s(), g(H, { key: 2 }, [
+          j(ee(e.normalizedColumn.formatter(
+            p.row,
             e.normalizedColumn,
-            g.row[e.normalizedColumn.prop],
-            g.$index
+            p.row[e.normalizedColumn.prop],
+            p.$index
           )), 1)
-        ], 64)) : (i(), m(L, { key: 3 }, [
-          E(ee(g.row[e.normalizedColumn.prop]), 1)
+        ], 64)) : (s(), g(H, { key: 3 }, [
+          j(ee(p.row[e.normalizedColumn.prop]), 1)
         ], 64))
       ]),
       key: "1"
     } : void 0
   ]), 1040, ["index"]));
 }
-const wt = /* @__PURE__ */ G(vt, [["render", Ct]]), _t = /* @__PURE__ */ new Set(["append", "empty"]), yt = b({
+const wt = /* @__PURE__ */ J(vt, [["render", Ct]]), _t = /* @__PURE__ */ new Set(["append", "empty"]), yt = b({
   name: "ZxtTable",
   inheritAttrs: !1,
   components: { ZxtPagination: Q, ZxtTableColumn: wt, ElTable: ot },
@@ -333,92 +333,92 @@ const wt = /* @__PURE__ */ G(vt, [["render", Ct]]), _t = /* @__PURE__ */ new Set
     "update:row"
   ],
   setup(e, { emit: t }) {
-    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 n = Be(), l = k(null), u = k(e.pageSize), d = k(e.currentPage), r = k(!1), c = k([]), p = k(0), z = k({ prop: "", order: "" }), f = k({}), i = k({});
+    X(() => e.currentPage, (m) => {
+      d.value = m;
+    }), X(() => e.pageSize, (m) => {
+      u.value = m;
     });
-    const v = w(() => e.height === "full" ? { height: "100%" } : {}), s = w(() => {
+    const C = w(() => e.height === "full" ? { height: "100%" } : {}), a = w(() => {
       if (e.height !== "full")
         return e.height;
-    }), C = w(() => !!e.proxyConfig), x = w(() => C.value ? g.value : e.total > 0 ? e.total : e.data.length), J = w(
-      () => C.value ? c.value : e.data
-    ), R = () => {
-      Ne(() => {
-        const f = r.value?.$el?.querySelector(
+    }), v = w(() => !!e.proxyConfig), R = w(() => v.value ? p.value : e.total > 0 ? e.total : e.data.length), B = w(
+      () => v.value ? c.value : e.data
+    ), A = () => {
+      xe(() => {
+        const m = l.value?.$el?.querySelector(
           ".el-table__body-wrapper .el-scrollbar__wrap"
         );
-        f && (typeof f.scrollTo == "function" ? f.scrollTo({ top: 0, left: 0 }) : (f.scrollTop = 0, f.scrollLeft = 0));
+        m && (typeof m.scrollTo == "function" ? m.scrollTo({ top: 0, left: 0 }) : (m.scrollTop = 0, m.scrollLeft = 0));
       });
-    }, j = (f) => {
-      C.value && (d.value = f.page, u.value = f.size, H()), R(), t("size-change", f);
-    }, de = (f) => {
-      C.value && (d.value = f.page, u.value = f.size, H()), R(), t("page-change", f);
-    }, ce = ({ column: f, prop: $, order: I }) => {
-      z.value = { prop: $, order: I }, C.value && H(), t("sort-change", { column: f, prop: $, order: I });
-    }, pe = (f) => {
-      p.value = f || {}, C.value && H(), t("filter-change", p.value);
-    }, H = async (f) => {
-      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", Ce = N.orderField || "order", we = N.filtersField || "filters";
-      f?.formData !== void 0 ? n.value = f.formData : $._formData && (n.value = $._formData);
-      const _e = $.params || {}, U = {
+    }, I = (m) => {
+      v.value && (d.value = m.page, u.value = m.size, E()), A(), t("size-change", m);
+    }, de = (m) => {
+      v.value && (d.value = m.page, u.value = m.size, E()), A(), t("page-change", m);
+    }, ce = ({ column: m, prop: $, order: N }) => {
+      z.value = { prop: $, order: N }, v.value && E(), t("sort-change", { column: m, prop: $, order: N });
+    }, pe = (m) => {
+      f.value = m || {}, v.value && E(), t("filter-change", f.value);
+    }, E = async (m) => {
+      if (!v.value) return;
+      const $ = e.proxyConfig || {}, N = $.ajax?.query;
+      if (typeof N != "function") return;
+      const U = $.props || {}, he = U.pageField || "page";
+      U.sizeField;
+      const ve = U.sortField || "sort", Ce = U.orderField || "order", we = U.filtersField || "filters";
+      m?.formData !== void 0 ? i.value = m.formData : $._formData && (i.value = $._formData);
+      const _e = $.params || {}, q = {
         [he]: {
-          currentPage: f?.page ?? d.value,
-          pageSize: f?.pageSize ?? u.value
+          currentPage: m?.page ?? d.value,
+          pageSize: m?.pageSize ?? u.value
         },
-        form: n.value,
+        form: i.value,
         ..._e
       };
-      z.value?.prop && (U[ve] = z.value.prop, U[Ce] = z.value.order), p.value && Object.keys(p.value).length && (U[we] = p.value), l.value = !0;
+      z.value?.prop && (q[ve] = z.value.prop, q[Ce] = z.value.order), f.value && Object.keys(f.value).length && (q[we] = f.value), r.value = !0;
       try {
-        const A = await I(U), P = $.response || {}, o = P.listField || "list", h = P.totalField || "total", D = P.transform;
+        const T = await N(q), P = $.response || {}, o = P.listField || "list", h = P.totalField || "total", D = P.transform;
         let Z = [], re = 0;
         if (typeof D == "function") {
-          const ye = D(A);
+          const ye = D(T);
           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", {
+        } else T && typeof T == "object" && (Z = T?.[o] ?? T?.data ?? [], re = T?.[h] ?? T?.total ?? 0);
+        c.value = Array.isArray(Z) ? Z : [], p.value = Number(re) || 0, t("loaded", {
           data: c.value,
-          total: g.value,
-          payload: U
+          total: p.value,
+          payload: q
         });
-      } catch (A) {
-        t("load-error", A);
+      } catch (T) {
+        t("load-error", T);
       } finally {
-        l.value = !1;
+        r.value = !1;
       }
-    }, oe = (f, $) => {
-      C.value ? c.value.splice($, 1, f) : t("update:row", { index: $, row: f });
+    }, oe = (m, $) => {
+      v.value ? c.value.splice($, 1, m) : t("update:row", { index: $, row: m });
     };
-    Ie("updateRow", oe), Le(() => {
-      C.value && e.autoLoad && H();
+    Ne("updateRow", oe), Le(() => {
+      v.value && e.autoLoad && E();
     });
-    const fe = () => r.value, me = () => r.value?.getSelectionRows?.() || [], ge = (f) => H(f), le = () => R();
+    const fe = () => l.value, me = () => l.value?.getSelectionRows?.() || [], ge = (m) => E(m), le = () => A();
     return {
       columnSlots: w(() => {
-        const f = {};
-        for (const $ in a)
-          _t.has($) || (f[$] = a[$]);
-        return f;
+        const m = {};
+        for (const $ in n)
+          _t.has($) || (m[$] = n[$]);
+        return m;
       }),
-      tableRef: r,
-      containerStyle: v,
-      tableHeight: s,
+      tableRef: l,
+      containerStyle: C,
+      tableHeight: a,
       getTableRef: fe,
       pageSize: u,
       currentPage: d,
-      loading: l,
-      renderData: J,
-      total: x,
+      loading: r,
+      renderData: B,
+      total: R,
       pageSizes: w(() => e.pageSizes),
       paginationLayout: w(() => e.paginationLayout),
-      handleSizeChange: j,
+      handleSizeChange: I,
       handlePageChange: de,
       handleSortChange: ce,
       handleFilterChange: pe,
@@ -432,13 +432,13 @@ const wt = /* @__PURE__ */ G(vt, [["render", Ct]]), _t = /* @__PURE__ */ new Set
   key: 0,
   class: "zxt-table-footer"
 };
-function zt(e, t, a, r, u, d) {
-  const l = S("ZxtTableColumn"), c = S("el-table"), g = S("ZxtPagination"), z = Ue("loading");
-  return i(), m("div", {
+function zt(e, t, n, l, u, d) {
+  const r = S("ZxtTableColumn"), c = S("el-table"), p = S("ZxtPagination"), z = Ue("loading");
+  return s(), g("div", {
     class: ue(["zxt-table-container", { "zxt-table-container--full": e.height === "full" }]),
     style: qe(e.containerStyle)
   }, [
-    We((i(), V(c, O({
+    We((s(), V(c, L({
       ref: "tableRef",
       data: e.renderData,
       height: e.tableHeight
@@ -448,16 +448,16 @@ function zt(e, t, a, r, u, d) {
       onFilterChange: e.handleFilterChange
     }), Y({
       default: _(() => [
-        (i(!0), m(L, null, M(e.columns, (p, n) => (i(), V(l, {
-          key: n,
-          column: p,
+        (s(!0), g(H, null, O(e.columns, (f, i) => (s(), V(r, {
+          key: i,
+          column: f,
           "current-page": e.currentPage,
           "page-size": e.pageSize
         }, Y({ _: 2 }, [
-          M(e.columnSlots, (v, s) => ({
-            name: s,
-            fn: _((C) => [
-              T(e.$slots, s, O({ ref_for: !0 }, C), void 0, !0)
+          O(e.columnSlots, (C, a) => ({
+            name: a,
+            fn: _((v) => [
+              M(e.$slots, a, L({ ref_for: !0 }, v), void 0, !0)
             ])
           }))
         ]), 1032, ["column", "current-page", "page-size"]))), 128))
@@ -467,30 +467,30 @@ function zt(e, t, a, r, u, d) {
       e.$slots.empty ? {
         name: "empty",
         fn: _(() => [
-          T(e.$slots, "empty", {}, void 0, !0)
+          M(e.$slots, "empty", {}, void 0, !0)
         ]),
         key: "0"
       } : void 0
     ]), 1040, ["data", "height", "id", "onSortChange", "onFilterChange"])), [
       [z, e.loading]
     ]),
-    e.$slots.append ? (i(), m("div", bt, [
-      T(e.$slots, "append", {}, void 0, !0)
-    ])) : W("", !0),
-    e.pageable ? (i(), V(g, {
+    e.$slots.append ? (s(), g("div", bt, [
+      M(e.$slots, "append", {}, void 0, !0)
+    ])) : G("", !0),
+    e.pageable ? (s(), V(p, {
       key: 1,
       "model-value": e.currentPage,
       "page-size": e.pageSize,
-      "onUpdate:pageSize": t[0] || (t[0] = (p) => e.pageSize = p),
+      "onUpdate:pageSize": t[0] || (t[0] = (f) => e.pageSize = f),
       "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"])) : W("", !0)
+    }, null, 8, ["model-value", "page-size", "page-sizes", "total", "layout", "onPageChange", "onSizeChange"])) : G("", !0)
   ], 6);
 }
-const B = /* @__PURE__ */ G(yt, [["render", zt], ["__scopeId", "data-v-cfbfc1e6"]]), q = /* @__PURE__ */ new Map();
+const x = /* @__PURE__ */ J(yt, [["render", zt], ["__scopeId", "data-v-cfbfc1e6"]]), W = /* @__PURE__ */ new Map();
 class St {
   /**
    * 注册自定义渲染器
@@ -504,8 +504,8 @@ class St {
    *   }
    * })
    */
-  add(t, a) {
-    return !t || typeof t != "string" ? (console.warn("[ZxtTable] 渲染器名称必须是字符串"), this) : !a || typeof a != "object" ? (console.warn("[ZxtTable] 渲染器配置必须是对象"), this) : (q.has(t) && console.warn(`[ZxtTable] 渲染器 "${t}" 已存在，将被覆盖`), q.set(t, a), this);
+  add(t, n) {
+    return !t || typeof t != "string" ? (console.warn("[ZxtTable] 渲染器名称必须是字符串"), this) : !n || typeof n != "object" ? (console.warn("[ZxtTable] 渲染器配置必须是对象"), this) : (W.has(t) && console.warn(`[ZxtTable] 渲染器 "${t}" 已存在，将被覆盖`), W.set(t, n), this);
   }
   /**
    * 获取渲染器
@@ -513,14 +513,14 @@ class St {
    * @returns {Object|undefined}
    */
   get(t) {
-    return q.get(t);
+    return W.get(t);
   }
   /**
    * 删除渲染器
    * @param {String} name - 渲染器名称
    */
   delete(t) {
-    return q.delete(t);
+    return W.delete(t);
   }
   /**
    * 检查渲染器是否存在
@@ -528,29 +528,29 @@ class St {
    * @returns {Boolean}
    */
   has(t) {
-    return q.has(t);
+    return W.has(t);
   }
   /**
    * 获取所有渲染器名称
    * @returns {Array<String>}
    */
   getAll() {
-    return Array.from(q.keys());
+    return Array.from(W.keys());
   }
   /**
    * 清空所有自定义渲染器
    */
   clear() {
-    q.clear();
+    W.clear();
   }
 }
 const ze = new St();
-function kt(e, t, a = {}) {
+function kt(e, t, n = {}) {
   if (!e || !e.itemRender)
     return null;
-  const { name: r } = e.itemRender;
-  if (r && ze.has(r)) {
-    const u = ze.get(r);
+  const { name: l } = e.itemRender;
+  if (l && ze.has(l)) {
+    const u = ze.get(l);
     if (typeof u.renderItemContent == "function") {
       const d = {
         data: t,
@@ -559,24 +559,24 @@ function kt(e, t, a = {}) {
         formData: t
       };
       try {
-        return u.renderItemContent(a, d);
-      } catch (l) {
-        return console.error(`[ZxtTable] 渲染器 "${r}" 执行出错:`, l), null;
+        return u.renderItemContent(n, d);
+      } catch (r) {
+        return console.error(`[ZxtTable] 渲染器 "${l}" 执行出错:`, r), null;
       }
     }
   }
   return null;
 }
-B.install = function(e) {
-  e.component(B.name, B);
+x.install = function(e) {
+  e.component(x.name, x);
 };
-B.registerRenderer = ht;
-B.renderer = ze;
+x.registerRenderer = ht;
+x.renderer = ze;
 var $t = /* @__PURE__ */ b({
   name: "ArrowDown",
   __name: "arrow-down",
   setup(e) {
-    return (t, a) => (i(), m("svg", {
+    return (t, n) => (s(), g("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -586,11 +586,11 @@ var $t = /* @__PURE__ */ b({
       })
     ]));
   }
-}), xe = $t, Vt = /* @__PURE__ */ b({
+}), He = $t, Vt = /* @__PURE__ */ b({
   name: "Check",
   __name: "check",
   setup(e) {
-    return (t, a) => (i(), m("svg", {
+    return (t, n) => (s(), g("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -604,7 +604,7 @@ var $t = /* @__PURE__ */ b({
   name: "Close",
   __name: "close",
   setup(e) {
-    return (t, a) => (i(), m("svg", {
+    return (t, n) => (s(), g("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -618,7 +618,7 @@ var $t = /* @__PURE__ */ b({
   name: "CopyDocument",
   __name: "copy-document",
   setup(e) {
-    return (t, a) => (i(), m("svg", {
+    return (t, n) => (s(), g("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -636,7 +636,7 @@ var $t = /* @__PURE__ */ b({
   name: "Delete",
   __name: "delete",
   setup(e) {
-    return (t, a) => (i(), m("svg", {
+    return (t, n) => (s(), g("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -650,7 +650,7 @@ var $t = /* @__PURE__ */ b({
   name: "Document",
   __name: "document",
   setup(e) {
-    return (t, a) => (i(), m("svg", {
+    return (t, n) => (s(), g("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -664,7 +664,7 @@ var $t = /* @__PURE__ */ b({
   name: "Download",
   __name: "download",
   setup(e) {
-    return (t, a) => (i(), m("svg", {
+    return (t, n) => (s(), g("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -678,7 +678,7 @@ var $t = /* @__PURE__ */ b({
   name: "Edit",
   __name: "edit",
   setup(e) {
-    return (t, a) => (i(), m("svg", {
+    return (t, n) => (s(), g("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -696,7 +696,7 @@ var $t = /* @__PURE__ */ b({
   name: "Lock",
   __name: "lock",
   setup(e) {
-    return (t, a) => (i(), m("svg", {
+    return (t, n) => (s(), g("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -710,11 +710,11 @@ var $t = /* @__PURE__ */ b({
       })
     ]));
   }
-}), Ht = xt, Zt = /* @__PURE__ */ b({
+}), Ht = xt, Et = /* @__PURE__ */ b({
   name: "Plus",
   __name: "plus",
   setup(e) {
-    return (t, a) => (i(), m("svg", {
+    return (t, n) => (s(), g("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -724,11 +724,11 @@ var $t = /* @__PURE__ */ b({
       })
     ]));
   }
-}), Ve = Zt, Et = /* @__PURE__ */ b({
+}), Ve = Et, Zt = /* @__PURE__ */ b({
   name: "Refresh",
   __name: "refresh",
   setup(e) {
-    return (t, a) => (i(), m("svg", {
+    return (t, n) => (s(), g("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -738,11 +738,11 @@ var $t = /* @__PURE__ */ b({
       })
     ]));
   }
-}), se = Et, jt = /* @__PURE__ */ b({
+}), se = Zt, jt = /* @__PURE__ */ b({
   name: "Search",
   __name: "search",
   setup(e) {
-    return (t, a) => (i(), m("svg", {
+    return (t, n) => (s(), g("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -756,7 +756,7 @@ var $t = /* @__PURE__ */ b({
   name: "Setting",
   __name: "setting",
   setup(e) {
-    return (t, a) => (i(), m("svg", {
+    return (t, n) => (s(), g("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -770,7 +770,7 @@ var $t = /* @__PURE__ */ b({
   name: "Share",
   __name: "share",
   setup(e) {
-    return (t, a) => (i(), m("svg", {
+    return (t, n) => (s(), g("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -784,7 +784,7 @@ var $t = /* @__PURE__ */ b({
   name: "Unlock",
   __name: "unlock",
   setup(e) {
-    return (t, a) => (i(), m("svg", {
+    return (t, n) => (s(), g("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -802,7 +802,7 @@ var $t = /* @__PURE__ */ b({
   name: "Upload",
   __name: "upload",
   setup(e) {
-    return (t, a) => (i(), m("svg", {
+    return (t, n) => (s(), g("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -816,7 +816,7 @@ var $t = /* @__PURE__ */ b({
   name: "View",
   __name: "view",
   setup(e) {
-    return (t, a) => (i(), m("svg", {
+    return (t, n) => (s(), g("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -830,7 +830,7 @@ var $t = /* @__PURE__ */ b({
   name: "Warning",
   __name: "warning",
   setup(e) {
-    return (t, a) => (i(), m("svg", {
+    return (t, n) => (s(), g("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -851,8 +851,8 @@ const Xt = b({
     labelWidth: { type: String, default: "100px" }
   },
   emits: ["submit", "reset"],
-  setup(e, { emit: t, expose: a }) {
-    const r = k(null), u = Ge({}), d = {
+  setup(e, { emit: t, expose: n }) {
+    const l = k(null), u = Ge({}), d = {
       input: "el-input",
       select: "el-select",
       date: "el-date-picker",
@@ -860,122 +860,122 @@ const Xt = b({
       datetime: "el-date-picker",
       datetimerange: "el-date-picker",
       cascader: "el-cascader"
-    }, l = (s) => d[s] || "el-input", c = (s) => {
-      const C = s.type || "input", x = [
+    }, r = (a) => d[a] || "el-input", c = (a) => {
+      const v = a.type || "input", R = [
         "select",
         "date",
         "daterange",
         "datetime",
         "datetimerange",
         "cascader"
-      ].includes(C), J = {
-        placeholder: s.placeholder || `请${x ? "选择" : "输入"}${s.label}`,
-        disabled: s.disabled,
+      ].includes(v), B = {
+        placeholder: a.placeholder || `请${R ? "选择" : "输入"}${a.label}`,
+        disabled: a.disabled,
         style: "width: 100%",
         "popper-class": "zxt-form-popper"
       };
-      let R = {};
-      switch (C) {
+      let A = {};
+      switch (v) {
         case "date":
         case "daterange":
         case "datetime":
         case "datetimerange":
-          R = {
-            type: s.dateType || C,
-            startPlaceholder: s.startPlaceholder || "开始日期",
-            endPlaceholder: s.endPlaceholder || "结束日期",
-            format: s.format,
-            valueFormat: s.valueFormat
+          A = {
+            type: a.dateType || v,
+            startPlaceholder: a.startPlaceholder || "开始日期",
+            endPlaceholder: a.endPlaceholder || "结束日期",
+            format: a.format,
+            valueFormat: a.valueFormat
           };
           break;
         case "cascader":
-          R = {
-            options: s.options,
-            props: s.cascaderProps,
-            clearable: s.clearable !== !1
+          A = {
+            options: a.options,
+            props: a.cascaderProps,
+            clearable: a.clearable !== !1
           };
           break;
         default:
-          R = {};
+          A = {};
       }
-      const j = {
-        ...J,
-        ...R
+      const I = {
+        ...B,
+        ...A
       };
-      return "clearable" in s && (j.clearable = s.clearable), s.props && typeof s.props == "object" && Object.assign(j, s.props), j;
-    }, g = w(() => e.formColumns.map((s) => ({
-      ...s,
+      return "clearable" in a && (I.clearable = a.clearable), a.props && typeof a.props == "object" && Object.assign(I, a.props), I;
+    }, p = w(() => e.formColumns.map((a) => ({
+      ...a,
       colSpan: {
-        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
+        xs: a.xs ?? a.span ?? 24,
+        sm: a.sm ?? a.span ?? 12,
+        md: a.md ?? a.span ?? 12,
+        lg: a.lg ?? a.span ?? 12,
+        xl: a.xl ?? a.span ?? 12
       }
     })));
     X(
       () => e.initialFormData,
-      (s) => {
-        Object.keys(u).forEach((C) => {
-          delete u[C];
-        }), Object.assign(u, s);
+      (a) => {
+        Object.keys(u).forEach((v) => {
+          delete u[v];
+        }), Object.assign(u, a);
       },
       { immediate: !0, deep: !0 }
     );
     const z = w(() => {
-      const s = { ...e.rules };
-      return Object.keys(s).length === 0 && e.formColumns.length > 0 && e.formColumns.forEach((C) => {
-        if (C.required) {
-          const x = [
+      const a = { ...e.rules };
+      return Object.keys(a).length === 0 && e.formColumns.length > 0 && e.formColumns.forEach((v) => {
+        if (v.required) {
+          const R = [
             "select",
             "date",
             "daterange",
             "datetime",
             "datetimerange",
             "cascader"
-          ].includes(C.type);
-          s[C.prop] = [
+          ].includes(v.type);
+          a[v.prop] = [
             {
               required: !0,
-              message: `请${x ? "选择" : "输入"}${C.label}`,
-              trigger: x ? "change" : "blur"
+              message: `请${R ? "选择" : "输入"}${v.label}`,
+              trigger: R ? "change" : "blur"
             }
           ];
         }
-      }), s;
-    }), p = () => {
-      r.value && r.value.validate((s) => {
-        s && t("submit", { ...u });
+      }), a;
+    }), f = () => {
+      l.value && l.value.validate((a) => {
+        a && t("submit", { ...u });
       });
-    }, n = () => {
-      r.value && r.value.resetFields(), t("reset");
-    }, v = (s) => () => kt(s, u, {}) || null;
-    return a({
-      validate: () => r.value ? r.value.validate() : Promise.resolve(!1),
-      resetFields: () => r.value && r.value.resetFields(),
+    }, i = () => {
+      l.value && l.value.resetFields(), t("reset");
+    }, C = (a) => () => kt(a, u, {}) || null;
+    return n({
+      validate: () => l.value ? l.value.validate() : Promise.resolve(!1),
+      resetFields: () => l.value && l.value.resetFields(),
       getFormData: () => ({ ...u }),
-      submitForm: p,
-      resetForm: n
+      submitForm: f,
+      resetForm: i
     }), {
-      formRef: r,
+      formRef: l,
       formData: u,
       formRules: z,
-      submitForm: p,
-      resetForm: n,
-      processedColumns: g,
-      getComponentType: l,
+      submitForm: f,
+      resetForm: i,
+      processedColumns: p,
+      getComponentType: r,
       getComponentProps: c,
-      renderCustomItem: v
+      renderCustomItem: C
     };
   }
 }), Yt = { class: "zxt-form-container" }, ea = {
   key: 0,
   class: "form-label"
 }, ta = { class: "form-control" };
-function aa(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", Yt, [
-    F(p, O({ ref: "formRef" }, e.$attrs, {
+function aa(e, t, n, l, u, d) {
+  const r = S("el-option"), c = S("el-form-item"), p = S("el-col"), z = S("el-row"), f = S("el-form");
+  return s(), g("div", Yt, [
+    F(f, L({ ref: "formRef" }, e.$attrs, {
       model: e.formData,
       rules: e.formRules,
       "label-width": e.labelWidth,
@@ -984,35 +984,35 @@ function aa(e, t, a, r, u, d) {
       default: _(() => [
         F(z, { gutter: 20 }, {
           default: _(() => [
-            (i(!0), m(L, null, M(e.processedColumns, (n, v) => (i(), V(g, O({ key: v }, { ref_for: !0 }, n.colSpan), {
+            (s(!0), g(H, null, O(e.processedColumns, (i, C) => (s(), V(p, L({ key: C }, { ref_for: !0 }, i.colSpan), {
               default: _(() => [
                 F(c, {
-                  prop: n.prop,
-                  required: n.required,
+                  prop: i.prop,
+                  required: i.required,
                   "label-width": "0",
                   class: "custom-form-item"
                 }, {
                   default: _(() => [
                     y("div", {
-                      class: ue(["form-item-wrapper", { "is-action": n.isAction }])
+                      class: ue(["form-item-wrapper", { "is-action": i.isAction }])
                     }, [
-                      n.label ? (i(), m("span", ea, ee(n.label), 1)) : W("", !0),
+                      i.label ? (s(), g("span", ea, ee(i.label), 1)) : G("", !0),
                       y("div", ta, [
-                        n.type === "slot" ? T(e.$slots, n.slotName || n.prop, {
+                        i.type === "slot" ? M(e.$slots, i.slotName || i.prop, {
                           key: 0,
                           formData: e.formData,
-                          column: n
-                        }, void 0, !0) : n.itemRender ? (i(), V(be(e.renderCustomItem(n)), { key: 1 })) : (i(), V(be(e.getComponentType(n.type)), O({
+                          column: i
+                        }, void 0, !0) : i.itemRender ? (s(), V(be(e.renderCustomItem(i)), { key: 1 })) : (s(), V(be(e.getComponentType(i.type)), L({
                           key: 2,
-                          modelValue: e.formData[n.prop],
-                          "onUpdate:modelValue": (s) => e.formData[n.prop] = s
-                        }, { ref_for: !0 }, e.getComponentProps(n), Je(n.events || {})), {
+                          modelValue: e.formData[i.prop],
+                          "onUpdate:modelValue": (a) => e.formData[i.prop] = a
+                        }, { ref_for: !0 }, e.getComponentProps(i), Je(i.events || {})), {
                           default: _(() => [
-                            n.type === "select" ? (i(!0), m(L, { key: 0 }, M(n.options, (s, C) => (i(), V(l, {
-                              key: C,
-                              label: s.label,
-                              value: s.value
-                            }, null, 8, ["label", "value"]))), 128)) : W("", !0)
+                            i.type === "select" ? (s(!0), g(H, { key: 0 }, O(i.options, (a, v) => (s(), V(r, {
+                              key: v,
+                              label: a.label,
+                              value: a.value
+                            }, null, 8, ["label", "value"]))), 128)) : G("", !0)
                           ]),
                           _: 2
                         }, 1040, ["modelValue", "onUpdate:modelValue"]))
@@ -1032,7 +1032,7 @@ function aa(e, t, a, r, u, d) {
     }, 16, ["model", "rules", "label-width"])
   ]);
 }
-const Re = /* @__PURE__ */ G(Xt, [["render", aa], ["__scopeId", "data-v-6b22a57b"]]), na = {
+const Re = /* @__PURE__ */ J(Xt, [["render", aa], ["__scopeId", "data-v-6b22a57b"]]), na = {
   Plus: Ve,
   Delete: Se,
   Refresh: se,
@@ -1050,7 +1050,7 @@ const Re = /* @__PURE__ */ G(Xt, [["render", aa], ["__scopeId", "data-v-6b22a57b
   Share: Ut,
   Lock: Ht,
   Unlock: Wt,
-  ArrowDown: xe
+  ArrowDown: He
 }, oa = b({
   name: "ActionColumn",
   components: {
@@ -1059,7 +1059,7 @@ const Re = /* @__PURE__ */ G(Xt, [["render", aa], ["__scopeId", "data-v-6b22a57b
     ElDropdownItem: st,
     ElDropdownMenu: rt,
     ElIcon: lt,
-    ArrowDown: xe
+    ArrowDown: He
   },
   props: {
     buttons: {
@@ -1077,68 +1077,76 @@ const Re = /* @__PURE__ */ G(Xt, [["render", aa], ["__scopeId", "data-v-6b22a57b
   },
   emits: ["action-click"],
   setup(e, { emit: t }) {
-    const a = w(() => e.buttons.filter((n) => typeof n.visible == "function" ? n.visible(e.row) : typeof n.visible == "boolean" ? n.visible : !0)), r = w(
-      () => a.value.length > e.maxVisible
-    ), u = w(
-      () => r.value ? a.value.slice(0, e.maxVisible) : a.value
+    const n = k(null), l = w(() => e.buttons.filter((a) => typeof a.visible == "function" ? a.visible(e.row) : typeof a.visible == "boolean" ? a.visible : !0)), u = w(
+      () => l.value.length > e.maxVisible
     ), d = w(
-      () => r.value ? a.value.slice(e.maxVisible) : []
-    ), l = (n) => {
-      if (n)
-        return typeof n == "object" || typeof n == "function" ? n : na[n];
-    }, c = (n) => {
-      n?.currentTarget?.blur?.();
+      () => u.value ? l.value.slice(0, e.maxVisible) : l.value
+    ), r = w(
+      () => u.value ? l.value.slice(e.maxVisible) : []
+    ), c = (a) => {
+      if (a)
+        return typeof a == "object" || typeof a == "function" ? a : na[a];
+    }, p = (a) => {
+      a?.currentTarget?.blur?.();
     };
     return {
-      visibleButtons: u,
-      overflowButtons: d,
-      getIconComponent: l,
-      handleClick: (n, v) => {
-        c(v), t("action-click", { code: n.code, button: n, row: e.row });
+      moreTriggerRef: n,
+      visibleButtons: d,
+      overflowButtons: r,
+      getIconComponent: c,
+      handleClick: (a, v) => {
+        p(v), t("action-click", { code: a.code, button: a, row: e.row });
       },
-      handleCommand: (n) => {
-        t("action-click", { code: n.code, button: n, row: e.row });
+      handleCommand: (a) => {
+        t("action-click", { code: a.code, button: a, row: e.row });
       },
-      handleTriggerClick: (n) => {
-        c(n);
+      handleTriggerClick: (a) => {
+        p(a);
+      },
+      handleMoreDropdownVisible: (a) => {
+        a || xe(() => {
+          const v = n.value, R = v?.$el ?? v, B = document.activeElement;
+          R && B && typeof R.contains == "function" && R.contains(B) && B.blur();
+        });
       }
     };
   }
-}), la = { class: "action-column" };
-function ra(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", la, [
-    (i(!0), m(L, null, M(e.visibleButtons, (v) => (i(), V(l, {
-      key: v.code,
+}), la = { class: "action-column zxt-grid-action-column" };
+function ra(e, t, n, l, u, d) {
+  const r = S("el-button"), c = S("ArrowDown"), p = S("el-icon"), z = S("el-dropdown-item"), f = S("el-dropdown-menu"), i = S("el-dropdown");
+  return s(), g("div", la, [
+    (s(!0), g(H, null, O(e.visibleButtons, (C) => (s(), V(r, {
+      key: C.code,
       class: "action-btn",
-      type: v.type || "",
-      icon: e.getIconComponent(v.icon),
+      type: C.type || "",
+      icon: e.getIconComponent(C.icon),
       size: "small",
       link: "",
       onMousedown: t[0] || (t[0] = Te(() => {
       }, ["prevent"])),
-      onClick: (s) => e.handleClick(v, s)
+      onClick: (a) => e.handleClick(C, a)
     }, {
       default: _(() => [
-        E(ee(v.label), 1)
+        j(ee(C.label), 1)
       ]),
       _: 2
     }, 1032, ["type", "icon", "onClick"]))), 128)),
-    e.overflowButtons.length ? (i(), V(n, {
+    e.overflowButtons.length ? (s(), V(i, {
       key: 0,
       trigger: "hover",
-      onCommand: e.handleCommand
+      onCommand: e.handleCommand,
+      onVisibleChange: e.handleMoreDropdownVisible
     }, {
       dropdown: _(() => [
-        F(p, null, {
+        F(f, null, {
           default: _(() => [
-            (i(!0), m(L, null, M(e.overflowButtons, (v) => (i(), V(z, {
-              key: v.code,
-              command: v,
-              icon: e.getIconComponent(v.icon)
+            (s(!0), g(H, null, O(e.overflowButtons, (C) => (s(), V(z, {
+              key: C.code,
+              command: C,
+              icon: e.getIconComponent(C.icon)
             }, {
               default: _(() => [
-                E(ee(v.label), 1)
+                j(ee(C.label), 1)
               ]),
               _: 2
             }, 1032, ["command", "icon"]))), 128))
@@ -1147,8 +1155,9 @@ function ra(e, t, a, r, u, d) {
         })
       ]),
       default: _(() => [
-        F(l, {
-          class: "action-btn",
+        F(r, {
+          ref: "moreTriggerRef",
+          class: "action-btn zxt-grid-action-more",
           type: "",
           size: "small",
           link: "",
@@ -1157,8 +1166,8 @@ function ra(e, t, a, r, u, d) {
           onClick: e.handleTriggerClick
         }, {
           default: _(() => [
-            t[2] || (t[2] = E(" 更多 ", -1)),
-            F(g, { class: "el-icon--right" }, {
+            t[2] || (t[2] = j(" 更多 ", -1)),
+            F(p, { class: "el-icon--right" }, {
               default: _(() => [
                 F(c)
               ]),
@@ -1169,14 +1178,14 @@ function ra(e, t, a, r, u, d) {
         }, 8, ["onClick"])
       ]),
       _: 1
-    }, 8, ["onCommand"])) : W("", !0)
+    }, 8, ["onCommand", "onVisibleChange"])) : G("", !0)
   ]);
 }
-const sa = /* @__PURE__ */ G(oa, [["render", ra], ["__scopeId", "data-v-bb5b85d9"]]), ia = b({
+const sa = /* @__PURE__ */ J(oa, [["render", ra], ["__scopeId", "data-v-514a225d"]]), ia = b({
   name: "ZxtGrid",
   inheritAttrs: !1,
   components: {
-    ZxtTable: B,
+    ZxtTable: x,
     ZxtForm: Re,
     ActionColumn: sa,
     Plus: Ve,
@@ -1214,10 +1223,10 @@ const sa = /* @__PURE__ */ G(oa, [["render", ra], ["__scopeId", "data-v-bb5b85d9
     }
   },
   emits: ["toolbar-click", "action-click", "submit", "reset", "page-change", "size-change"],
-  setup(e, { emit: t, expose: a }) {
-    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({
+  setup(e, { emit: t, expose: n }) {
+    const l = Ke(), u = Be(), d = k(null), r = k(null), c = k(1), p = k(10), z = k(null), f = k(e.gridOptions.formMode !== !1), i = k({
       ...e.gridOptions.formConfig?.data || {}
-    }), v = {
+    }), C = {
       Plus: Ve,
       Delete: Se,
       Refresh: se,
@@ -1227,16 +1236,16 @@ const sa = /* @__PURE__ */ G(oa, [["render", ra], ["__scopeId", "data-v-bb5b85d9
       View: Fe,
       Upload: De,
       Setting: Pe
-    }, s = w(() => {
+    }, a = w(() => {
       const h = (e.gridOptions.columns || []).find((D) => D.actionColumn);
       return h ? h.actionColumn : null;
-    }), C = w(() => (e.gridOptions.columns || []).map((h) => h.actionColumn ? {
+    }), v = w(() => (e.gridOptions.columns || []).map((h) => h.actionColumn ? {
       ...h,
       slot: "zxtActionInternal",
       actionColumn: void 0
-    } : h)), x = (o) => {
+    } : h)), R = (o) => {
       t("action-click", o);
-    }, J = w(() => {
+    }, B = w(() => {
       const o = e.gridOptions.formConfig;
       if (!o || !o.items) return [];
       const h = [...o.items];
@@ -1250,37 +1259,37 @@ const sa = /* @__PURE__ */ G(oa, [["render", ra], ["__scopeId", "data-v-bb5b85d9
         isAction: !0,
         ...o.actionConfig
       }), h;
-    }), R = w(() => {
+    }), A = w(() => {
       const o = /* @__PURE__ */ new Set(["search-actions"]);
-      return (J.value || []).forEach((h) => {
+      return (B.value || []).forEach((h) => {
         h.type === "slot" && o.add(h.slotName || h.prop);
       }), o;
-    }), j = w(() => {
+    }), I = w(() => {
       const o = {};
       for (const h in u)
-        h === "search-actions" || h === "toolbar" || (R.value.has(h) || h.startsWith("form-")) && (o[h] = u[h]);
+        h === "search-actions" || h === "toolbar" || (A.value.has(h) || h.startsWith("form-")) && (o[h] = u[h]);
       return o;
     }), de = w(() => {
       const o = {};
       for (const h in u)
-        h !== "toolbar" && !R.value.has(h) && !h.startsWith("form-") && (o[h] = u[h]);
+        h !== "toolbar" && !A.value.has(h) && !h.startsWith("form-") && (o[h] = u[h]);
       return o;
     }), ce = () => {
-      l.value?.submitForm();
+      r.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 = () => {
-      l.value?.resetForm();
+      t("submit", o), e.gridOptions.proxyConfig && (i.value = { ...o }, c.value = 1, d.value?.reload?.({ formData: i.value, page: 1 }));
+    }, E = () => {
+      r.value?.resetForm();
     }, oe = () => {
-      t("reset"), e.gridOptions.proxyConfig && (n.value = {}, c.value = 1, d.value?.reload?.({ formData: {}, page: 1 }));
+      t("reset"), e.gridOptions.proxyConfig && (i.value = {}, c.value = 1, d.value?.reload?.({ formData: {}, page: 1 }));
     }, fe = (o) => {
       if (o)
-        return typeof o == "object" || typeof o == "function" ? o : v[o];
+        return typeof o == "object" || typeof o == "function" ? o : C[o];
     }, me = w(() => {
       const o = e.gridOptions.proxyConfig;
       return o ? {
         ...o,
-        _formData: n.value
+        _formData: i.value
       } : null;
     }), ge = w(() => {
       const {
@@ -1291,27 +1300,27 @@ const sa = /* @__PURE__ */ G(oa, [["render", ra], ["__scopeId", "data-v-bb5b85d9
         rules: re,
         data: ye,
         proxyConfig: Ze,
-        ...Ee
+        ...je
       } = e.gridOptions;
       return {
-        ...Ee,
+        ...je,
         proxyConfig: me.value || Ze || null
       };
-    }), le = w(() => z.value !== null ? z.value : e.externalData.length > 0 ? e.externalData : e.gridOptions.data || []), Ae = w(() => !!e.gridOptions.proxyConfig), f = w(() => Ae.value ? 0 : le.value.length), $ = (o, h) => {
+    }), le = w(() => z.value !== null ? z.value : e.externalData.length > 0 ? e.externalData : e.gridOptions.data || []), Ae = w(() => !!e.gridOptions.proxyConfig), m = w(() => 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?.() || [], we = (o) => {
+      c.value = o.page, t("page-change", o);
+    }, U = (o) => {
+      p.value = o.size, t("size-change", o);
+    }, he = () => d.value, ve = () => r.value, Ce = () => d.value?.getTableRef()?.getSelectionRows?.() || [], we = (o) => {
       z.value = o ?? null;
     }, _e = (o) => {
-      p.value = o;
-    }, U = (o, h = !0) => {
+      f.value = o;
+    }, q = (o, h = !0) => {
       const D = e.gridOptions.formConfig;
-      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;
+      D?.data && Object.assign(D.data, o), i.value = { ...D?.data || {}, ...o }, h && e.gridOptions.proxyConfig && (c.value = 1, d.value?.reload?.({ formData: i.value, page: 1 }));
+    }, T = (o, ...h) => {
+      const D = i.value;
       switch (o) {
         case "query":
           c.value = 1, d.value?.reload?.({ formData: D, page: 1 });
@@ -1326,21 +1335,21 @@ const sa = /* @__PURE__ */ G(oa, [["render", ra], ["__scopeId", "data-v-bb5b85d9
     X(
       () => e.gridOptions.formMode,
       (o) => {
-        o !== void 0 && (p.value = o);
+        o !== void 0 && (f.value = o);
       }
     ), Le(() => {
-      e.gridOptions.proxyConfig && e.gridOptions.autoLoad !== !1 && d.value?.reload?.({ formData: n.value, page: 1 });
+      e.gridOptions.proxyConfig && e.gridOptions.autoLoad !== !1 && d.value?.reload?.({ formData: i.value, page: 1 });
     });
     const P = () => d.value?.getTableRef?.();
-    return a({
+    return n({
       getGridRef: he,
       getFormRef: ve,
       getElTableRef: P,
       getSelectedRows: Ce,
       reloadData: we,
       setFormVisible: _e,
-      setFormData: U,
-      commitProxy: A,
+      setFormData: q,
+      commitProxy: T,
       clearSelection: () => P()?.clearSelection(),
       toggleRowSelection: (...o) => P()?.toggleRowSelection(...o),
       toggleAllSelection: () => P()?.toggleAllSelection(),
@@ -1351,28 +1360,28 @@ const sa = /* @__PURE__ */ G(oa, [["render", ra], ["__scopeId", "data-v-bb5b85d9
       doLayout: () => P()?.doLayout(),
       sort: (...o) => P()?.sort(...o)
     }), {
-      attrs: r,
+      attrs: l,
       gridRef: d,
-      searchFormRef: l,
+      searchFormRef: r,
       currentPage: c,
-      pageSize: g,
+      pageSize: p,
       tableData: le,
       tableProps: ge,
-      mergedColumns: C,
-      actionColumnConfig: s,
-      total: f,
-      isFormVisible: p,
-      searchFormColumns: J,
-      formFilteredSlots: j,
+      mergedColumns: v,
+      actionColumnConfig: a,
+      total: m,
+      isFormVisible: f,
+      searchFormColumns: B,
+      formFilteredSlots: I,
       tableFilteredSlots: de,
       getIconComponent: fe,
       handleToolbarClick: $,
-      handleActionClick: x,
-      handlePageChange: I,
-      handleSizeChange: N,
+      handleActionClick: R,
+      handlePageChange: N,
+      handleSizeChange: U,
       handleSearch: ce,
       handleSearchSubmit: pe,
-      handleReset: H,
+      handleReset: E,
       handleSearchReset: oe,
       Search: ie,
       Refresh: se
@@ -1385,12 +1394,12 @@ const sa = /* @__PURE__ */ G(oa, [["render", ra], ["__scopeId", "data-v-bb5b85d9
   key: 0,
   class: "grid-toolbar"
 };
-function fa(e, t, a, r, u, d) {
-  const l = S("el-button"), c = S("ZxtForm"), g = S("ActionColumn"), z = S("ZxtTable");
-  return i(), m("div", {
+function fa(e, t, n, l, u, d) {
+  const r = S("el-button"), c = S("ZxtForm"), p = S("ActionColumn"), z = S("ZxtTable");
+  return s(), g("div", {
     class: ue(["zxt-grid-container", { "zxt-grid-container--full": e.gridOptions.height === "full" }])
   }, [
-    e.gridOptions.formConfig && e.isFormVisible ? (i(), m("div", ua, [
+    e.gridOptions.formConfig && e.isFormVisible ? (s(), g("div", ua, [
       F(c, {
         ref: "searchFormRef",
         "form-columns": e.searchFormColumns,
@@ -1401,23 +1410,23 @@ function fa(e, t, a, r, u, d) {
       }, Y({
         "search-actions": _(() => [
           y("div", da, [
-            F(l, {
+            F(r, {
               class: "btn-search",
               icon: e.Search,
               onClick: e.handleSearch
             }, {
               default: _(() => [...t[0] || (t[0] = [
-                E(" 查询 ", -1)
+                j(" 查询 ", -1)
               ])]),
               _: 1
             }, 8, ["icon", "onClick"]),
-            F(l, {
+            F(r, {
               class: "btn-reset",
               icon: e.Refresh,
               onClick: e.handleReset
             }, {
               default: _(() => [...t[1] || (t[1] = [
-                E(" 重置 ", -1)
+                j(" 重置 ", -1)
               ])]),
               _: 1
             }, 8, ["icon", "onClick"])
@@ -1425,34 +1434,34 @@ function fa(e, t, a, r, u, d) {
         ]),
         _: 2
       }, [
-        M(e.formFilteredSlots, (p, n) => ({
-          name: n,
-          fn: _((v) => [
-            T(e.$slots, n, Me(Oe(v)), void 0, !0)
+        O(e.formFilteredSlots, (f, i) => ({
+          name: i,
+          fn: _((C) => [
+            M(e.$slots, i, Me(Oe(C)), void 0, !0)
           ])
         }))
       ]), 1032, ["form-columns", "initial-form-data", "rules", "onSubmit", "onReset"])
-    ])) : W("", !0),
+    ])) : G("", !0),
     y("div", ca, [
-      e.gridOptions.toolbar ? (i(), m("div", pa, [
-        (i(!0), m(L, null, M(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)
+      e.gridOptions.toolbar ? (s(), g("div", pa, [
+        (s(!0), g(H, null, O(e.gridOptions.toolbar.buttons, (f, i) => (s(), V(r, {
+          key: i,
+          type: f.type || "default",
+          size: f.size || "small",
+          icon: e.getIconComponent(f.icon),
+          disabled: f.disabled,
+          onClick: (C) => e.handleToolbarClick(f.code, f)
         }, {
           default: _(() => [
-            E(ee(p.name), 1)
+            j(ee(f.name), 1)
           ]),
           _: 2
         }, 1032, ["type", "size", "icon", "disabled", "onClick"]))), 128)),
-        T(e.$slots, "toolbar", {
+        M(e.$slots, "toolbar", {
           grid: e.$refs.gridRef
         }, void 0, !0)
-      ])) : W("", !0),
-      F(z, O({ ref: "gridRef" }, { ...e.tableProps, ...e.attrs }, {
+      ])) : G("", !0),
+      F(z, L({ ref: "gridRef" }, { ...e.tableProps, ...e.attrs }, {
         id: e.gridOptions.id,
         columns: e.mergedColumns,
         data: e.tableData,
@@ -1469,35 +1478,35 @@ function fa(e, t, a, r, u, d) {
       }), Y({ _: 2 }, [
         e.actionColumnConfig ? {
           name: "zxtActionInternal",
-          fn: _(({ row: p }) => [
-            F(g, {
+          fn: _(({ row: f }) => [
+            F(p, {
               buttons: e.actionColumnConfig.buttons,
-              row: p,
+              row: f,
               "max-visible": e.actionColumnConfig.maxVisible || 2,
               onActionClick: e.handleActionClick
             }, null, 8, ["buttons", "row", "max-visible", "onActionClick"])
           ]),
           key: "0"
         } : void 0,
-        M(e.tableFilteredSlots, (p, n) => ({
-          name: n,
-          fn: _((v) => [
-            T(e.$slots, n, Me(Oe(v)), void 0, !0)
+        O(e.tableFilteredSlots, (f, i) => ({
+          name: i,
+          fn: _((C) => [
+            M(e.$slots, i, Me(Oe(C)), void 0, !0)
           ])
         }))
       ]), 1040, ["id", "columns", "data", "height", "pageable", "current-page", "page-size", "page-sizes", "total", "pagination-layout", "onPageChange", "onSizeChange"])
     ])
   ], 2);
 }
-const He = /* @__PURE__ */ G(ia, [["render", fa], ["__scopeId", "data-v-0948a778"]]);
+const Ee = /* @__PURE__ */ J(ia, [["render", fa], ["__scopeId", "data-v-0948a778"]]);
 Q.install = function(e) {
   e.component(Q.name, Q);
 };
 const ma = [
   te,
   ae,
-  B,
-  He,
+  x,
+  Ee,
   Re,
   Q
 ], ga = (e) => {
@@ -1508,20 +1517,20 @@ const ma = [
   install: ga,
   MyButton: te,
   JsxButton: ae,
-  ZxtTable: B,
-  ZxtGrid: He,
+  ZxtTable: x,
+  ZxtGrid: Ee,
   ZxtForm: Re,
   ZxtPagination: Q,
   // 暴露渲染器 API
-  renderer: B.renderer,
-  registerRenderer: B.registerRenderer
+  renderer: x.renderer,
+  registerRenderer: x.registerRenderer
 };
 export {
   ae as JsxButton,
   te as MyButton,
   Re as ZxtForm,
-  He as ZxtGrid,
+  Ee as ZxtGrid,
   Q as ZxtPagination,
-  B as ZxtTable,
+  x as ZxtTable,
   Ca as default
 };