zxt-table 0.5.2 → 0.5.3

package/dist/zxt-table.es.js

@@ -1,11 +1,11 @@
-import { createElementBlock as m, openBlock as s, normalizeClass as se, renderSlot as Z, defineComponent as y, createVNode as F, ref as k, watch as K, resolveComponent as z, createBlock as $, h as G, inject as Be, computed as C, mergeProps as O, withCtx as b, Fragment as B, renderList as R, createSlots as ne, resolveDynamicComponent as we, createTextVNode as j, toDisplayString as Q, provide as Te, onMounted as Le, resolveDirective as He, normalizeStyle as Ze, withDirectives as je, createCommentVNode as X, createElementVNode as w, reactive as Ie, toHandlers as Ee, useAttrs as Ne, useSlots as Ue, normalizeProps as De, guardReactiveProps as Re } from "vue";
-import { ElPagination as qe, ElLink as We, ElCheckbox as Ge, ElSelect as Je, ElOption as Ke, ElInput as Qe, ElTableColumn as Xe, ElTable as Ye } from "element-plus";
+import { createElementBlock as g, openBlock as s, normalizeClass as ie, renderSlot as Z, defineComponent as y, createVNode as D, ref as k, watch as K, resolveComponent as z, createBlock as $, h as G, inject as Te, computed as C, mergeProps as M, withCtx as b, Fragment as B, renderList as R, createSlots as ne, resolveDynamicComponent as ye, createTextVNode as j, toDisplayString as Q, provide as He, onMounted as Oe, resolveDirective as Ze, normalizeStyle as je, withDirectives as Ie, createCommentVNode as X, createElementVNode as w, reactive as Ee, toHandlers as Ne, useAttrs as Ue, useSlots as qe, normalizeProps as Re, guardReactiveProps as Ae } from "vue";
+import { ElPagination as We, ElLink as Ge, ElCheckbox as Je, ElSelect as Ke, ElOption as Qe, ElInput as Xe, ElTableColumn as Ye, ElTable as et } from "element-plus";
 const q = (e, t) => {
   const a = e.__vccOpts || e;
-  for (const [l, i] of t)
-    a[l] = i;
+  for (const [l, u] of t)
+    a[l] = u;
   return a;
-}, et = {
+}, tt = {
   name: "MyButton",
   props: {
     type: {
@@ -26,17 +26,17 @@ const q = (e, t) => {
       }
     };
   }
-}, tt = ["disabled"];
-function at(e, t, a, l, i, c) {
-  return s(), m("button", {
-    class: se(["my-button", [`my-button--${a.type}`, { "is-disabled": a.disabled }]]),
+}, at = ["disabled"];
+function nt(e, t, a, l, u, c) {
+  return s(), g("button", {
+    class: ie(["my-button", [`my-button--${a.type}`, { "is-disabled": a.disabled }]]),
     disabled: a.disabled,
     onClick: t[0] || (t[0] = (...r) => l.handleClick && l.handleClick(...r))
   }, [
     Z(e.$slots, "default", {}, void 0, !0)
-  ], 10, tt);
+  ], 10, at);
 }
-const ee = /* @__PURE__ */ q(et, [["render", at], ["__scopeId", "data-v-4480e77d"]]);
+const ee = /* @__PURE__ */ q(tt, [["render", nt], ["__scopeId", "data-v-4480e77d"]]);
 ee.install = function(e) {
   e.component(ee.name, ee);
 };
@@ -58,10 +58,10 @@ const te = /* @__PURE__ */ y({
     emit: t,
     slots: a
   }) {
-    const l = (i) => {
-      e.disabled || t("click", i);
+    const l = (u) => {
+      e.disabled || t("click", u);
     };
-    return () => F("button", {
+    return () => D("button", {
       class: ["jsx-button", `jsx-button--${e.type}`, {
         "is-disabled": e.disabled
       }],
@@ -73,9 +73,9 @@ const te = /* @__PURE__ */ y({
 te.install = function(e) {
   e.component(te.name, te);
 };
-const nt = y({
+const ot = y({
   name: "ZxtPagination",
-  components: { ElPagination: qe },
+  components: { ElPagination: We },
   props: {
     // 当前页码
     modelValue: { type: Number, default: 1 },
@@ -116,7 +116,7 @@ const nt = y({
     };
   }
 });
-function ot(e, t, a, l, i, c) {
+function rt(e, t, a, l, u, c) {
   const r = z("el-pagination");
   return s(), $(r, {
     "current-page": e.currentPage,
@@ -131,31 +131,31 @@ function ot(e, t, a, l, i, c) {
     onCurrentChange: e.handleCurrentChange
   }, null, 8, ["current-page", "page-size", "page-sizes", "total", "layout", "onSizeChange", "onCurrentChange"]);
 }
-const J = /* @__PURE__ */ q(nt, [["render", ot], ["__scopeId", "data-v-497aa44d"]]), ae = {
+const J = /* @__PURE__ */ q(ot, [["render", rt], ["__scopeId", "data-v-497aa44d"]]), ae = {
   default: ({ cellValue: e }) => e ?? "",
-  input: ({ cellValue: e, row: t, column: a, updateRow: l }) => G(Qe, {
+  input: ({ cellValue: e, row: t, column: a, updateRow: l }) => G(Xe, {
     modelValue: e,
     size: "small",
-    onInput: (i) => l({ ...t, [a.property]: i })
+    onInput: (u) => l({ ...t, [a.property]: u })
   }),
-  select: ({ cellValue: e, row: t, column: a, updateRow: l, options: i = [] }) => G(
-    Je,
+  select: ({ cellValue: e, row: t, column: a, updateRow: l, options: u = [] }) => G(
+    Ke,
     {
       modelValue: e,
       size: "small",
       onChange: (c) => l({ ...t, [a.property]: c })
     },
-    () => i.map(
-      (c) => G(Ke, { label: c.label, value: c.value, key: c.value })
+    () => u.map(
+      (c) => G(Qe, { label: c.label, value: c.value, key: c.value })
     )
   ),
-  checkbox: ({ cellValue: e, row: t, column: a, updateRow: l }) => G(Ge, {
+  checkbox: ({ cellValue: e, row: t, column: a, updateRow: l }) => G(Je, {
     modelValue: !!e,
-    onChange: (i) => l({ ...t, [a.property]: i })
+    onChange: (u) => l({ ...t, [a.property]: u })
   }),
-  link: ({ cellValue: e, href: t, target: a = "_blank" }) => G(We, { href: t, target: a }, () => e)
+  link: ({ cellValue: e, href: t, target: a = "_blank" }) => G(Ge, { href: t, target: a }, () => e)
 };
-function rt(e, t) {
+function lt(e, t) {
   if (!e) return null;
   if (typeof e == "string") {
     const a = ae[e];
@@ -164,22 +164,22 @@ function rt(e, t) {
   if (typeof e == "function")
     return e(t);
   if (typeof e == "object" && !Array.isArray(e)) {
-    const { name: a, props: l = {}, attrs: i = {}, events: c = {}, content: r } = e;
+    const { name: a, props: l = {}, attrs: u = {}, events: c = {}, content: r } = e;
     return typeof a == "string" && ae[a] ? ae[a]({
       ...t,
       ...l,
-      ...i,
+      ...u,
       ...c
-    }) : typeof a == "object" || typeof a == "function" ? G(a, { ...l, ...i, ...c }, r) : (console.warn("[ZxtTable] cellRender 对象缺少有效的 name 字段"), t.cellValue ?? "");
+    }) : typeof a == "object" || typeof a == "function" ? G(a, { ...l, ...u, ...c }, r) : (console.warn("[ZxtTable] cellRender 对象缺少有效的 name 字段"), t.cellValue ?? "");
   }
   return t.cellValue ?? "";
 }
-function lt(e, t) {
+function st(e, t) {
   ae[e] && console.warn(`[ZxtTable] 内置渲染器 ${e} 已被覆盖`), ae[e] = t;
 }
-const st = y({
+const it = y({
   name: "ZxtTableColumn",
-  components: { ElTableColumn: Xe },
+  components: { ElTableColumn: Ye },
   props: {
     column: {
       type: Object,
@@ -195,10 +195,10 @@ const st = y({
     }
   },
   setup(e) {
-    const t = Be("updateRow", () => {
+    const t = Te("updateRow", () => {
     }), a = (r) => {
-      const { currentPage: p, pageSize: g } = e;
-      return (p - 1) * g + r + 1;
+      const { currentPage: p, pageSize: m } = e;
+      return (p - 1) * m + r + 1;
     }, l = C(() => {
       const r = e.column;
       return {
@@ -208,16 +208,16 @@ const st = y({
         label: r.label ?? r.title
         // 优先使用 label，兼容 title
       };
-    }), i = C(() => {
+    }), u = C(() => {
       const { children: r, ...p } = l.value;
       return p;
     });
     return {
       normalizedColumn: l,
-      columnProps: i,
+      columnProps: u,
       renderCell: (r) => {
-        const p = l.value, g = r.row[p.prop], d = g ?? p.defaultValue ?? "";
-        return rt(p.cellRender, {
+        const p = l.value, m = r.row[p.prop], d = m ?? p.defaultValue ?? "";
+        return lt(p.cellRender, {
           row: r.row,
           column: p,
           rowIndex: r.$index,
@@ -229,58 +229,58 @@ const st = y({
     };
   }
 });
-function it(e, t, a, l, i, c) {
+function ut(e, t, a, l, u, c) {
   const r = z("ZxtTableColumn", !0), p = z("el-table-column");
-  return e.normalizedColumn.children && e.normalizedColumn.children.length ? (s(), $(p, O({ key: 0 }, e.columnProps, {
+  return e.normalizedColumn.children && e.normalizedColumn.children.length ? (s(), $(p, M({ key: 0 }, e.columnProps, {
     key: e.normalizedColumn.prop + "-group"
   }), {
     default: b(() => [
-      (s(!0), m(B, null, R(e.normalizedColumn.children, (g, d) => (s(), $(r, {
+      (s(!0), g(B, null, R(e.normalizedColumn.children, (m, d) => (s(), $(r, {
         key: d,
-        column: g,
+        column: m,
         "current-page": e.currentPage,
         "page-size": e.pageSize
       }, ne({ _: 2 }, [
-        R(e.$slots, (h, u) => ({
-          name: u,
+        R(e.$slots, (h, i) => ({
+          name: i,
           fn: b((_) => [
-            Z(e.$slots, u, O({ ref_for: !0 }, _))
+            Z(e.$slots, i, M({ ref_for: !0 }, _))
           ])
         }))
       ]), 1032, ["column", "current-page", "page-size"]))), 128))
     ]),
     _: 3
-  }, 16)) : (s(), $(p, O({ key: 1 }, e.columnProps, {
+  }, 16)) : (s(), $(p, M({ key: 1 }, e.columnProps, {
     key: e.normalizedColumn.prop,
     index: e.normalizedColumn.indexMethod || e.defaultIndexMethod
   }), ne({ _: 2 }, [
     !["selection", "index"].includes(e.normalizedColumn.type) && (e.normalizedColumn.type !== "expand" || e.normalizedColumn.slot) ? {
       name: "default",
-      fn: b((g) => [
+      fn: b((m) => [
         e.normalizedColumn.slot ? Z(e.$slots, e.normalizedColumn.slot, {
           key: 0,
-          row: g.row,
-          index: g.$index,
+          row: m.row,
+          index: m.$index,
           column: e.normalizedColumn
-        }) : e.normalizedColumn.cellRender ? (s(), $(we(e.renderCell(g)), { key: 1 })) : e.normalizedColumn.formatter ? (s(), m(B, { key: 2 }, [
+        }) : e.normalizedColumn.cellRender ? (s(), $(ye(e.renderCell(m)), { key: 1 })) : e.normalizedColumn.formatter ? (s(), g(B, { key: 2 }, [
           j(Q(e.normalizedColumn.formatter(
-            g.row,
+            m.row,
             e.normalizedColumn,
-            g.row[e.normalizedColumn.prop],
-            g.$index
+            m.row[e.normalizedColumn.prop],
+            m.$index
           )), 1)
-        ], 64)) : (s(), m(B, { key: 3 }, [
-          j(Q(g.row[e.normalizedColumn.prop]), 1)
+        ], 64)) : (s(), g(B, { key: 3 }, [
+          j(Q(m.row[e.normalizedColumn.prop]), 1)
         ], 64))
       ]),
       key: "0"
     } : void 0
   ]), 1040, ["index"]));
 }
-const ut = /* @__PURE__ */ q(st, [["render", it]]), dt = y({
+const dt = /* @__PURE__ */ q(it, [["render", ut]]), ct = y({
   name: "ZxtTable",
   inheritAttrs: !1,
-  components: { ZxtPagination: J, ZxtTableColumn: ut, ElTable: Ye },
+  components: { ZxtPagination: J, ZxtTableColumn: dt, ElTable: et },
   props: {
     // 表格唯一标识
     id: { type: String, default: "" },
@@ -309,6 +309,11 @@ const ut = /* @__PURE__ */ q(st, [["render", it]]), dt = y({
     proxyConfig: {
       type: Object,
       default: null
+    },
+    // 是否在挂载时自动加载数据（proxy 模式下）
+    autoLoad: {
+      type: Boolean,
+      default: !0
     }
   },
   emits: [
@@ -321,95 +326,95 @@ const ut = /* @__PURE__ */ q(st, [["render", it]]), dt = y({
     "update:row"
   ],
   setup(e, { emit: t }) {
-    const a = k(null), l = k(e.pageSize), i = k(e.currentPage), c = k(!1), r = k([]), p = k(0), g = k({ prop: "", order: "" }), d = k({}), h = k({});
+    const a = k(null), l = k(e.pageSize), u = k(e.currentPage), c = k(!1), r = k([]), p = k(0), m = k({ prop: "", order: "" }), d = k({}), h = k({});
     K(() => e.currentPage, (v) => {
-      i.value = v;
+      u.value = v;
     }), K(() => e.pageSize, (v) => {
       l.value = v;
     });
-    const u = C(() => e.height === "full" ? { height: "100%" } : {}), _ = C(() => {
+    const i = C(() => e.height === "full" ? { height: "100%" } : {}), _ = C(() => {
       if (e.height !== "full")
         return e.height;
-    }), o = C(() => !!e.proxyConfig), S = C(() => o.value ? p.value : e.total > 0 ? e.total : e.data.length), T = C(
+    }), o = C(() => !!e.proxyConfig), S = C(() => o.value ? p.value : e.total > 0 ? e.total : e.data.length), L = C(
       () => o.value ? r.value : e.data
     ), W = (v) => {
-      o.value && (i.value = v.page, l.value = v.size, L()), t("size-change", v);
-    }, M = (v) => {
-      o.value && (i.value = v.page, l.value = v.size, L()), t("page-change", v);
-    }, I = ({ column: v, prop: V, order: H }) => {
-      g.value = { prop: V, order: H }, o.value && L(), t("sort-change", { column: v, prop: V, order: H });
-    }, ie = (v) => {
-      d.value = v || {}, o.value && L(), t("filter-change", d.value);
-    }, L = async (v) => {
+      o.value && (u.value = v.page, l.value = v.size, T()), t("size-change", v);
+    }, x = (v) => {
+      o.value && (u.value = v.page, l.value = v.size, T()), t("page-change", v);
+    }, I = ({ column: v, prop: P, order: H }) => {
+      m.value = { prop: P, order: H }, o.value && T(), t("sort-change", { column: v, prop: P, order: H });
+    }, ue = (v) => {
+      d.value = v || {}, o.value && T(), t("filter-change", d.value);
+    }, T = async (v) => {
       if (!o.value) return;
-      const V = e.proxyConfig || {}, H = V.ajax?.query;
+      const P = e.proxyConfig || {}, H = P.ajax?.query;
       if (typeof H != "function") return;
-      const E = V.props || {}, pe = E.pageField || "page";
+      const E = P.props || {}, fe = E.pageField || "page";
       E.sizeField;
-      const fe = E.sortField || "sort", me = E.orderField || "order", ge = E.filtersField || "filters";
-      v?.formData !== void 0 ? h.value = v.formData : V._formData && (h.value = V._formData);
-      const he = V.params || {}, N = {
-        [pe]: {
-          currentPage: v?.page ?? i.value,
+      const ge = E.sortField || "sort", me = E.orderField || "order", he = E.filtersField || "filters";
+      v?.formData !== void 0 ? h.value = v.formData : P._formData && (h.value = P._formData);
+      const ve = P.params || {}, N = {
+        [fe]: {
+          currentPage: v?.page ?? u.value,
           pageSize: v?.pageSize ?? l.value
         },
         form: h.value,
-        ...he
+        ...ve
       };
-      g.value?.prop && (N[fe] = g.value.prop, N[me] = g.value.order), d.value && Object.keys(d.value).length && (N[ge] = d.value), c.value = !0;
+      m.value?.prop && (N[ge] = m.value.prop, N[me] = m.value.order), d.value && Object.keys(d.value).length && (N[he] = d.value), c.value = !0;
       try {
-        const D = await H(N), Y = V.response || {}, ve = Y.listField || "list", _e = Y.totalField || "total", P = Y.transform;
-        let n = [], f = 0;
-        if (typeof P == "function") {
-          const x = P(D);
-          n = x?.list ?? [], f = x?.total ?? 0;
-        } else D && typeof D == "object" && (n = D?.[ve] ?? D?.data ?? [], f = D?.[_e] ?? D?.total ?? 0);
-        r.value = Array.isArray(n) ? n : [], p.value = Number(f) || 0, t("loaded", {
+        const F = await H(N), Y = P.response || {}, _e = Y.listField || "list", Ce = Y.totalField || "total", re = Y.transform;
+        let V = [], n = 0;
+        if (typeof re == "function") {
+          const f = re(F);
+          V = f?.list ?? [], n = f?.total ?? 0;
+        } else F && typeof F == "object" && (V = F?.[_e] ?? F?.data ?? [], n = F?.[Ce] ?? F?.total ?? 0);
+        r.value = Array.isArray(V) ? V : [], p.value = Number(n) || 0, t("loaded", {
           data: r.value,
           total: p.value,
           payload: N
         });
-      } catch (D) {
-        t("load-error", D);
+      } catch (F) {
+        t("load-error", F);
       } finally {
         c.value = !1;
       }
-    }, oe = (v, V) => {
-      o.value ? r.value.splice(V, 1, v) : t("update:row", { index: V, row: v });
+    }, oe = (v, P) => {
+      o.value ? r.value.splice(P, 1, v) : t("update:row", { index: P, row: v });
     };
-    Te("updateRow", oe), Le(() => {
-      o.value && L();
+    He("updateRow", oe), Oe(() => {
+      o.value && e.autoLoad && T();
     });
-    const ue = () => a.value, de = () => a.value?.getSelectionRows?.() || [], ce = (v) => L(v);
+    const de = () => a.value, ce = () => a.value?.getSelectionRows?.() || [], pe = (v) => T(v);
     return {
       tableRef: a,
-      containerStyle: u,
+      containerStyle: i,
       tableHeight: _,
-      getTableRef: ue,
+      getTableRef: de,
       pageSize: l,
-      currentPage: i,
+      currentPage: u,
       loading: c,
-      renderData: T,
+      renderData: L,
       total: S,
       pageSizes: C(() => e.pageSizes),
       paginationLayout: C(() => e.paginationLayout),
       handleSizeChange: W,
-      handlePageChange: M,
+      handlePageChange: x,
       handleSortChange: I,
-      handleFilterChange: ie,
-      reload: ce,
-      getSelectedRows: de,
+      handleFilterChange: ue,
+      reload: pe,
+      getSelectedRows: ce,
       updateRow: oe
     };
   }
 });
-function ct(e, t, a, l, i, c) {
-  const r = z("ZxtTableColumn"), p = z("el-table"), g = z("ZxtPagination"), d = He("loading");
-  return s(), m("div", {
-    class: se(["zxt-table-container", { "zxt-table-container--full": e.height === "full" }]),
-    style: Ze(e.containerStyle)
+function pt(e, t, a, l, u, c) {
+  const r = z("ZxtTableColumn"), p = z("el-table"), m = z("ZxtPagination"), d = Ze("loading");
+  return s(), g("div", {
+    class: ie(["zxt-table-container", { "zxt-table-container--full": e.height === "full" }]),
+    style: je(e.containerStyle)
   }, [
-    je((s(), $(p, O({
+    Ie((s(), $(p, M({
       ref: "tableRef",
       data: e.renderData,
       height: e.tableHeight
@@ -419,8 +424,8 @@ function ct(e, t, a, l, i, c) {
       onFilterChange: e.handleFilterChange
     }), {
       default: b(() => [
-        (s(!0), m(B, null, R(e.columns, (h, u) => (s(), $(r, {
-          key: u,
+        (s(!0), g(B, null, R(e.columns, (h, i) => (s(), $(r, {
+          key: i,
           column: h,
           "current-page": e.currentPage,
           "page-size": e.pageSize
@@ -428,7 +433,7 @@ function ct(e, t, a, l, i, c) {
           R(e.$slots, (_, o) => ({
             name: o,
             fn: b((S) => [
-              Z(e.$slots, o, O({ ref_for: !0 }, S), void 0, !0)
+              Z(e.$slots, o, M({ ref_for: !0 }, S), void 0, !0)
             ])
           }))
         ]), 1032, ["column", "current-page", "page-size"]))), 128))
@@ -437,7 +442,7 @@ function ct(e, t, a, l, i, c) {
     }, 16, ["data", "height", "id", "onSortChange", "onFilterChange"])), [
       [d, e.loading]
     ]),
-    e.pageable ? (s(), $(g, {
+    e.pageable ? (s(), $(m, {
       key: 0,
       "model-value": e.currentPage,
       "page-size": e.pageSize,
@@ -450,8 +455,8 @@ function ct(e, t, a, l, i, c) {
     }, null, 8, ["model-value", "page-size", "page-sizes", "total", "layout", "onPageChange", "onSizeChange"])) : X("", !0)
   ], 6);
 }
-const A = /* @__PURE__ */ q(dt, [["render", ct], ["__scopeId", "data-v-b85485fd"]]), U = /* @__PURE__ */ new Map();
-class pt {
+const O = /* @__PURE__ */ q(ct, [["render", pt], ["__scopeId", "data-v-ebf6786f"]]), U = /* @__PURE__ */ new Map();
+class ft {
   /**
    * 注册自定义渲染器
    * @param {String} name - 渲染器名称
@@ -504,14 +509,14 @@ class pt {
     U.clear();
   }
 }
-const ye = new pt();
-function ft(e, t, a = {}) {
+const be = new ft();
+function gt(e, t, a = {}) {
   if (!e || !e.itemRender)
     return null;
   const { name: l } = e.itemRender;
-  if (l && ye.has(l)) {
-    const i = ye.get(l);
-    if (typeof i.renderItemContent == "function") {
+  if (l && be.has(l)) {
+    const u = be.get(l);
+    if (typeof u.renderItemContent == "function") {
       const c = {
         data: t,
         field: e.field || e.prop,
@@ -519,7 +524,7 @@ function ft(e, t, a = {}) {
         formData: t
       };
       try {
-        return i.renderItemContent(a, c);
+        return u.renderItemContent(a, c);
       } catch (r) {
         return console.error(`[ZxtTable] 渲染器 "${l}" 执行出错:`, r), null;
       }
@@ -527,17 +532,17 @@ function ft(e, t, a = {}) {
   }
   return null;
 }
-A.install = function(e) {
-  e.component(A.name, A);
+O.install = function(e) {
+  e.component(O.name, O);
 };
-A.registerRenderer = lt;
-A.renderer = ye;
+O.registerRenderer = st;
+O.renderer = be;
 /*! Element Plus Icons Vue v2.3.2 */
 var mt = /* @__PURE__ */ y({
   name: "ArrowDown",
   __name: "arrow-down",
   setup(e) {
-    return (t, a) => (s(), m("svg", {
+    return (t, a) => (s(), g("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -547,11 +552,11 @@ var mt = /* @__PURE__ */ y({
       })
     ]));
   }
-}), Ae = mt, gt = /* @__PURE__ */ y({
+}), xe = mt, ht = /* @__PURE__ */ y({
   name: "Check",
   __name: "check",
   setup(e) {
-    return (t, a) => (s(), m("svg", {
+    return (t, a) => (s(), g("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -561,11 +566,11 @@ var mt = /* @__PURE__ */ y({
       })
     ]));
   }
-}), ht = gt, vt = /* @__PURE__ */ y({
+}), vt = ht, _t = /* @__PURE__ */ y({
   name: "Close",
   __name: "close",
   setup(e) {
-    return (t, a) => (s(), m("svg", {
+    return (t, a) => (s(), g("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -575,11 +580,11 @@ var mt = /* @__PURE__ */ y({
       })
     ]));
   }
-}), _t = vt, Ct = /* @__PURE__ */ y({
+}), Ct = _t, wt = /* @__PURE__ */ y({
   name: "CopyDocument",
   __name: "copy-document",
   setup(e) {
-    return (t, a) => (s(), m("svg", {
+    return (t, a) => (s(), g("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -593,11 +598,11 @@ var mt = /* @__PURE__ */ y({
       })
     ]));
   }
-}), wt = Ct, yt = /* @__PURE__ */ y({
+}), yt = wt, bt = /* @__PURE__ */ y({
   name: "Delete",
   __name: "delete",
   setup(e) {
-    return (t, a) => (s(), m("svg", {
+    return (t, a) => (s(), g("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -607,11 +612,11 @@ var mt = /* @__PURE__ */ y({
       })
     ]));
   }
-}), be = yt, bt = /* @__PURE__ */ y({
+}), ze = bt, zt = /* @__PURE__ */ y({
   name: "Document",
   __name: "document",
   setup(e) {
-    return (t, a) => (s(), m("svg", {
+    return (t, a) => (s(), g("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -621,11 +626,11 @@ var mt = /* @__PURE__ */ y({
       })
     ]));
   }
-}), zt = bt, St = /* @__PURE__ */ y({
+}), St = zt, kt = /* @__PURE__ */ y({
   name: "Download",
   __name: "download",
   setup(e) {
-    return (t, a) => (s(), m("svg", {
+    return (t, a) => (s(), g("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -635,11 +640,11 @@ var mt = /* @__PURE__ */ y({
       })
     ]));
   }
-}), ze = St, kt = /* @__PURE__ */ y({
+}), Se = kt, $t = /* @__PURE__ */ y({
   name: "Edit",
   __name: "edit",
   setup(e) {
-    return (t, a) => (s(), m("svg", {
+    return (t, a) => (s(), g("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -653,11 +658,11 @@ var mt = /* @__PURE__ */ y({
       })
     ]));
   }
-}), Se = kt, $t = /* @__PURE__ */ y({
+}), ke = $t, Vt = /* @__PURE__ */ y({
   name: "Lock",
   __name: "lock",
   setup(e) {
-    return (t, a) => (s(), m("svg", {
+    return (t, a) => (s(), g("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -671,11 +676,11 @@ var mt = /* @__PURE__ */ y({
       })
     ]));
   }
-}), Vt = $t, Pt = /* @__PURE__ */ y({
+}), Pt = Vt, Dt = /* @__PURE__ */ y({
   name: "Plus",
   __name: "plus",
   setup(e) {
-    return (t, a) => (s(), m("svg", {
+    return (t, a) => (s(), g("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -685,11 +690,11 @@ var mt = /* @__PURE__ */ y({
       })
     ]));
   }
-}), ke = Pt, Ft = /* @__PURE__ */ y({
+}), $e = Dt, Ft = /* @__PURE__ */ y({
   name: "Refresh",
   __name: "refresh",
   setup(e) {
-    return (t, a) => (s(), m("svg", {
+    return (t, a) => (s(), g("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -699,11 +704,11 @@ var mt = /* @__PURE__ */ y({
       })
     ]));
   }
-}), re = Ft, Dt = /* @__PURE__ */ y({
+}), le = Ft, Rt = /* @__PURE__ */ y({
   name: "Search",
   __name: "search",
   setup(e) {
-    return (t, a) => (s(), m("svg", {
+    return (t, a) => (s(), g("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -713,11 +718,11 @@ var mt = /* @__PURE__ */ y({
       })
     ]));
   }
-}), le = Dt, Rt = /* @__PURE__ */ y({
+}), se = Rt, At = /* @__PURE__ */ y({
   name: "Setting",
   __name: "setting",
   setup(e) {
-    return (t, a) => (s(), m("svg", {
+    return (t, a) => (s(), g("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -727,11 +732,11 @@ var mt = /* @__PURE__ */ y({
       })
     ]));
   }
-}), $e = Rt, At = /* @__PURE__ */ y({
+}), Ve = At, Ot = /* @__PURE__ */ y({
   name: "Share",
   __name: "share",
   setup(e) {
-    return (t, a) => (s(), m("svg", {
+    return (t, a) => (s(), g("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -741,11 +746,11 @@ var mt = /* @__PURE__ */ y({
       })
     ]));
   }
-}), Mt = At, xt = /* @__PURE__ */ y({
+}), xt = Ot, Mt = /* @__PURE__ */ y({
   name: "Unlock",
   __name: "unlock",
   setup(e) {
-    return (t, a) => (s(), m("svg", {
+    return (t, a) => (s(), g("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -759,11 +764,11 @@ var mt = /* @__PURE__ */ y({
       })
     ]));
   }
-}), Ot = xt, Bt = /* @__PURE__ */ y({
+}), Bt = Mt, Lt = /* @__PURE__ */ y({
   name: "Upload",
   __name: "upload",
   setup(e) {
-    return (t, a) => (s(), m("svg", {
+    return (t, a) => (s(), g("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -773,11 +778,11 @@ var mt = /* @__PURE__ */ y({
       })
     ]));
   }
-}), Ve = Bt, Tt = /* @__PURE__ */ y({
+}), Pe = Lt, Tt = /* @__PURE__ */ y({
   name: "View",
   __name: "view",
   setup(e) {
-    return (t, a) => (s(), m("svg", {
+    return (t, a) => (s(), g("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -787,11 +792,11 @@ var mt = /* @__PURE__ */ y({
       })
     ]));
   }
-}), Pe = Tt, Lt = /* @__PURE__ */ y({
+}), De = Tt, Ht = /* @__PURE__ */ y({
   name: "Warning",
   __name: "warning",
   setup(e) {
-    return (t, a) => (s(), m("svg", {
+    return (t, a) => (s(), g("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -801,8 +806,8 @@ var mt = /* @__PURE__ */ y({
       })
     ]));
   }
-}), Ht = Lt;
-const Zt = y({
+}), Zt = Ht;
+const jt = y({
   name: "ZxtForm",
   inheritAttrs: !1,
   props: {
@@ -813,7 +818,7 @@ const Zt = y({
   },
   emits: ["submit", "reset"],
   setup(e, { emit: t, expose: a }) {
-    const l = k(null), i = Ie({}), c = {
+    const l = k(null), u = Ee({}), c = {
       input: "el-input",
       select: "el-select",
       date: "el-date-picker",
@@ -822,7 +827,7 @@ const Zt = y({
       datetimerange: "el-date-picker",
       cascader: "el-cascader"
     }, r = (o) => c[o] || "el-input", p = (o) => {
-      const S = o.type || "input", T = [
+      const S = o.type || "input", L = [
         "select",
         "date",
         "daterange",
@@ -830,18 +835,18 @@ const Zt = y({
         "datetimerange",
         "cascader"
       ].includes(S), W = {
-        placeholder: o.placeholder || `请${T ? "选择" : "输入"}${o.label}`,
+        placeholder: o.placeholder || `请${L ? "选择" : "输入"}${o.label}`,
         disabled: o.disabled,
         style: "width: 100%",
         "popper-class": "zxt-form-popper"
       };
-      let M = {};
+      let x = {};
       switch (S) {
         case "date":
         case "daterange":
         case "datetime":
         case "datetimerange":
-          M = {
+          x = {
             type: o.dateType || S,
             startPlaceholder: o.startPlaceholder || "开始日期",
             endPlaceholder: o.endPlaceholder || "结束日期",
@@ -850,21 +855,21 @@ const Zt = y({
           };
           break;
         case "cascader":
-          M = {
+          x = {
             options: o.options,
             props: o.cascaderProps,
             clearable: o.clearable !== !1
           };
           break;
         default:
-          M = {};
+          x = {};
       }
       const I = {
         ...W,
-        ...M
+        ...x
       };
       return "clearable" in o && (I.clearable = o.clearable), o.props && typeof o.props == "object" && Object.assign(I, o.props), I;
-    }, g = C(() => e.formColumns.map((o) => ({
+    }, m = C(() => e.formColumns.map((o) => ({
       ...o,
       colSpan: {
         xs: o.xs ?? o.span ?? 24,
@@ -877,9 +882,9 @@ const Zt = y({
     K(
       () => e.initialFormData,
       (o) => {
-        Object.keys(i).forEach((S) => {
-          delete i[S];
-        }), Object.assign(i, o);
+        Object.keys(u).forEach((S) => {
+          delete u[S];
+        }), Object.assign(u, o);
       },
       { immediate: !0, deep: !0 }
     );
@@ -887,7 +892,7 @@ const Zt = y({
       const o = { ...e.rules };
       return Object.keys(o).length === 0 && e.formColumns.length > 0 && e.formColumns.forEach((S) => {
         if (S.required) {
-          const T = [
+          const L = [
             "select",
             "date",
             "daterange",
@@ -898,78 +903,78 @@ const Zt = y({
           o[S.prop] = [
             {
               required: !0,
-              message: `请${T ? "选择" : "输入"}${S.label}`,
-              trigger: T ? "change" : "blur"
+              message: `请${L ? "选择" : "输入"}${S.label}`,
+              trigger: L ? "change" : "blur"
             }
           ];
         }
       }), o;
     }), h = () => {
       l.value && l.value.validate((o) => {
-        o && t("submit", { ...i });
+        o && t("submit", { ...u });
       });
-    }, u = () => {
+    }, i = () => {
       l.value && l.value.resetFields(), t("reset");
-    }, _ = (o) => () => ft(o, i, {}) || null;
+    }, _ = (o) => () => gt(o, u, {}) || null;
     return a({
       validate: () => l.value ? l.value.validate() : Promise.resolve(!1),
       resetFields: () => l.value && l.value.resetFields(),
-      getFormData: () => ({ ...i }),
+      getFormData: () => ({ ...u }),
       submitForm: h,
-      resetForm: u
+      resetForm: i
     }), {
       formRef: l,
-      formData: i,
+      formData: u,
       formRules: d,
       submitForm: h,
-      resetForm: u,
-      processedColumns: g,
+      resetForm: i,
+      processedColumns: m,
       getComponentType: r,
       getComponentProps: p,
       renderCustomItem: _
     };
   }
-}), jt = { class: "zxt-form-container" }, It = {
+}), It = { class: "zxt-form-container" }, Et = {
   key: 0,
   class: "form-label"
-}, Et = { class: "form-control" };
-function Nt(e, t, a, l, i, c) {
-  const r = z("el-option"), p = z("el-form-item"), g = z("el-col"), d = z("el-row"), h = z("el-form");
-  return s(), m("div", jt, [
-    F(h, O({ ref: "formRef" }, e.$attrs, {
+}, Nt = { class: "form-control" };
+function Ut(e, t, a, l, u, c) {
+  const r = z("el-option"), p = z("el-form-item"), m = z("el-col"), d = z("el-row"), h = z("el-form");
+  return s(), g("div", It, [
+    D(h, M({ ref: "formRef" }, e.$attrs, {
       model: e.formData,
       rules: e.formRules,
       "label-width": e.labelWidth,
       class: "zxt-form"
     }), {
       default: b(() => [
-        F(d, { gutter: 20 }, {
+        D(d, { gutter: 20 }, {
           default: b(() => [
-            (s(!0), m(B, null, R(e.processedColumns, (u, _) => (s(), $(g, O({ key: _ }, { ref_for: !0 }, u.colSpan), {
+            (s(!0), g(B, null, R(e.processedColumns, (i, _) => (s(), $(m, M({ key: _ }, { ref_for: !0 }, i.colSpan), {
               default: b(() => [
-                F(p, {
-                  prop: u.prop,
-                  required: u.required,
+                D(p, {
+                  prop: i.prop,
+                  required: i.required,
                   "label-width": "0",
                   class: "custom-form-item"
                 }, {
                   default: b(() => [
                     w("div", {
-                      class: se(["form-item-wrapper", { "is-action": u.isAction }])
+                      class: ie(["form-item-wrapper", { "is-action": i.isAction }])
                     }, [
-                      u.label ? (s(), m("span", It, Q(u.label), 1)) : X("", !0),
-                      w("div", Et, [
-                        u.type === "slot" ? Z(e.$slots, u.slotName || u.prop, {
+                      i.label ? (s(), g("span", Et, Q(i.label), 1)) : X("", !0),
+                      w("div", Nt, [
+                        i.type === "slot" ? Z(e.$slots, i.slotName || i.prop, {
                           key: 0,
                           formData: e.formData,
-                          column: u
-                        }, void 0, !0) : u.itemRender ? (s(), $(we(e.renderCustomItem(u)), { key: 1 })) : (s(), $(we(e.getComponentType(u.type)), O({
+                          column: i
+                        }, void 0, !0) : i.itemRender ? (s(), $(ye(e.renderCustomItem(i)), { key: 1 })) : (s(), $(ye(e.getComponentType(i.type)), M({
                           key: 2,
-                          modelValue: e.formData[u.prop],
-                          "onUpdate:modelValue": (o) => e.formData[u.prop] = o
-                        }, { ref_for: !0 }, e.getComponentProps(u), Ee(u.events || {})), {
+                          modelValue: e.formData[i.prop],
+                          "onUpdate:modelValue": (o) => e.formData[i.prop] = o
+                        }, { ref_for: !0 }, e.getComponentProps(i), Ne(i.events || {})), {
                           default: b(() => [
-                            u.type === "select" ? (s(!0), m(B, { key: 0 }, R(u.options, (o, S) => (s(), $(r, {
+                            i.type === "select" ? (s(!0), g(B, { key: 0 }, R(i.options, (o, S) => (s(), $(r, {
                               key: S,
                               label: o.label,
                               value: o.value
@@ -993,28 +998,28 @@ function Nt(e, t, a, l, i, c) {
     }, 16, ["model", "rules", "label-width"])
   ]);
 }
-const Fe = /* @__PURE__ */ q(Zt, [["render", Nt], ["__scopeId", "data-v-6b22a57b"]]), Ut = {
-  Plus: ke,
-  Delete: be,
-  Refresh: re,
-  Download: ze,
-  Search: le,
-  Edit: Se,
-  View: Pe,
-  Upload: Ve,
-  Setting: $e,
-  Warning: Ht,
-  Check: ht,
-  Close: _t,
-  Document: zt,
-  CopyDocument: wt,
-  Share: Mt,
-  Lock: Vt,
-  Unlock: Ot,
-  ArrowDown: Ae
-}, qt = y({
+const Fe = /* @__PURE__ */ q(jt, [["render", Ut], ["__scopeId", "data-v-6b22a57b"]]), qt = {
+  Plus: $e,
+  Delete: ze,
+  Refresh: le,
+  Download: Se,
+  Search: se,
+  Edit: ke,
+  View: De,
+  Upload: Pe,
+  Setting: Ve,
+  Warning: Zt,
+  Check: vt,
+  Close: Ct,
+  Document: St,
+  CopyDocument: yt,
+  Share: xt,
+  Lock: Pt,
+  Unlock: Bt,
+  ArrowDown: xe
+}, Wt = y({
   name: "ActionColumn",
-  components: { ArrowDown: Ae },
+  components: { ArrowDown: xe },
   props: {
     buttons: {
       type: Array,
@@ -1033,17 +1038,17 @@ const Fe = /* @__PURE__ */ q(Zt, [["render", Nt], ["__scopeId", "data-v-6b22a57b
   setup(e, { emit: t }) {
     const a = C(() => e.buttons.filter((d) => typeof d.visible == "function" ? d.visible(e.row) : typeof d.visible == "boolean" ? d.visible : !0)), l = C(
       () => a.value.length > e.maxVisible
-    ), i = C(
+    ), u = C(
       () => l.value ? a.value.slice(0, e.maxVisible) : a.value
     ), c = C(
       () => l.value ? a.value.slice(e.maxVisible) : []
     );
     return {
-      visibleButtons: i,
+      visibleButtons: u,
       overflowButtons: c,
       getIconComponent: (d) => {
         if (d)
-          return typeof d == "object" || typeof d == "function" ? d : Ut[d];
+          return typeof d == "object" || typeof d == "function" ? d : qt[d];
       },
       handleClick: (d) => {
         t("action-click", { code: d.code, button: d, row: e.row });
@@ -1053,11 +1058,11 @@ const Fe = /* @__PURE__ */ q(Zt, [["render", Nt], ["__scopeId", "data-v-6b22a57b
       }
     };
   }
-}), Wt = { class: "action-column" };
-function Gt(e, t, a, l, i, c) {
-  const r = z("el-button"), p = z("ArrowDown"), g = z("el-icon"), d = z("el-dropdown-item"), h = z("el-dropdown-menu"), u = z("el-dropdown");
-  return s(), m("div", Wt, [
-    (s(!0), m(B, null, R(e.visibleButtons, (_) => (s(), $(r, {
+}), Gt = { class: "action-column" };
+function Jt(e, t, a, l, u, c) {
+  const r = z("el-button"), p = z("ArrowDown"), m = z("el-icon"), d = z("el-dropdown-item"), h = z("el-dropdown-menu"), i = z("el-dropdown");
+  return s(), g("div", Gt, [
+    (s(!0), g(B, null, R(e.visibleButtons, (_) => (s(), $(r, {
       key: _.code,
       type: _.type || "",
       icon: e.getIconComponent(_.icon),
@@ -1070,15 +1075,15 @@ function Gt(e, t, a, l, i, c) {
       ]),
       _: 2
     }, 1032, ["type", "icon", "onClick"]))), 128)),
-    e.overflowButtons.length ? (s(), $(u, {
+    e.overflowButtons.length ? (s(), $(i, {
       key: 0,
       trigger: "hover",
       onCommand: e.handleCommand
     }, {
       dropdown: b(() => [
-        F(h, null, {
+        D(h, null, {
           default: b(() => [
-            (s(!0), m(B, null, R(e.overflowButtons, (_) => (s(), $(d, {
+            (s(!0), g(B, null, R(e.overflowButtons, (_) => (s(), $(d, {
               key: _.code,
               command: _,
               icon: e.getIconComponent(_.icon)
@@ -1093,16 +1098,16 @@ function Gt(e, t, a, l, i, c) {
         })
       ]),
       default: b(() => [
-        F(r, {
+        D(r, {
           type: "",
           size: "small",
           link: ""
         }, {
           default: b(() => [
             t[0] || (t[0] = j(" 更多 ", -1)),
-            F(g, { class: "el-icon--right" }, {
+            D(m, { class: "el-icon--right" }, {
               default: b(() => [
-                F(p)
+                D(p)
               ]),
               _: 1
             })
@@ -1114,22 +1119,22 @@ function Gt(e, t, a, l, i, c) {
     }, 8, ["onCommand"])) : X("", !0)
   ]);
 }
-const Jt = /* @__PURE__ */ q(qt, [["render", Gt], ["__scopeId", "data-v-6d75a891"]]), Kt = y({
+const Kt = /* @__PURE__ */ q(Wt, [["render", Jt], ["__scopeId", "data-v-6d75a891"]]), Qt = y({
   name: "ZxtGrid",
   inheritAttrs: !1,
   components: {
-    ZxtTable: A,
+    ZxtTable: O,
     ZxtForm: Fe,
-    ActionColumn: Jt,
-    Plus: ke,
-    Delete: be,
-    Refresh: re,
-    Download: ze,
-    Search: le,
-    Edit: Se,
-    View: Pe,
-    Upload: Ve,
-    Setting: $e
+    ActionColumn: Kt,
+    Plus: $e,
+    Delete: ze,
+    Refresh: le,
+    Download: Se,
+    Search: se,
+    Edit: ke,
+    View: De,
+    Upload: Pe,
+    Setting: Ve
   },
   props: {
     // 网格配置选项
@@ -1157,31 +1162,33 @@ const Jt = /* @__PURE__ */ q(qt, [["render", Gt], ["__scopeId", "data-v-6d75a891
   },
   emits: ["toolbar-click", "action-click", "submit", "reset", "page-change", "size-change"],
   setup(e, { emit: t, expose: a }) {
-    const l = Ne(), i = Ue(), c = k(null), r = k(null), p = k(1), g = k(10), d = k(null), h = k(e.gridOptions.formMode !== !1), u = k({}), _ = {
-      Plus: ke,
-      Delete: be,
-      Refresh: re,
-      Download: ze,
-      Search: le,
-      Edit: Se,
-      View: Pe,
-      Upload: Ve,
-      Setting: $e
+    const l = Ue(), u = qe(), c = k(null), r = k(null), p = k(1), m = k(10), d = k(null), h = k(e.gridOptions.formMode !== !1), i = k({
+      ...e.gridOptions.formConfig?.data || {}
+    }), _ = {
+      Plus: $e,
+      Delete: ze,
+      Refresh: le,
+      Download: Se,
+      Search: se,
+      Edit: ke,
+      View: De,
+      Upload: Pe,
+      Setting: Ve
     }, o = C(() => {
-      const f = (e.gridOptions.columns || []).find((x) => x.actionColumn);
+      const f = (e.gridOptions.columns || []).find((A) => A.actionColumn);
       return f ? f.actionColumn : null;
     }), S = C(() => (e.gridOptions.columns || []).map((f) => f.actionColumn ? {
       ...f,
       slot: "__action__",
       actionColumn: void 0
-    } : f)), T = (n) => {
+    } : f)), L = (n) => {
       t("action-click", n);
     }, W = C(() => {
       const n = e.gridOptions.formConfig;
       if (!n || !n.items) return [];
       const f = [...n.items];
       return f.some(
-        (Ce) => Ce.type === "slot" && Ce.slotName === "search-actions"
+        (we) => we.type === "slot" && we.slotName === "search-actions"
       ) || f.push({
         type: "slot",
         slotName: "search-actions",
@@ -1190,71 +1197,74 @@ const Jt = /* @__PURE__ */ q(qt, [["render", Gt], ["__scopeId", "data-v-6d75a891
         isAction: !0,
         ...n.actionConfig
       }), f;
-    }), M = C(() => {
+    }), x = C(() => {
       const n = /* @__PURE__ */ new Set(["search-actions"]);
       return (W.value || []).forEach((f) => {
         f.type === "slot" && n.add(f.slotName || f.prop);
       }), n;
     }), I = C(() => {
       const n = {};
-      for (const f in i)
-        f === "search-actions" || f === "toolbar" || (M.value.has(f) || f.startsWith("form-")) && (n[f] = i[f]);
+      for (const f in u)
+        f === "search-actions" || f === "toolbar" || (x.value.has(f) || f.startsWith("form-")) && (n[f] = u[f]);
       return n;
-    }), ie = C(() => {
+    }), ue = C(() => {
       const n = {};
-      for (const f in i)
-        f !== "toolbar" && !M.value.has(f) && !f.startsWith("form-") && (n[f] = i[f]);
+      for (const f in u)
+        f !== "toolbar" && !x.value.has(f) && !f.startsWith("form-") && (n[f] = u[f]);
       return n;
-    }), L = () => {
+    }), T = () => {
       r.value?.submitForm();
     }, oe = (n) => {
-      t("submit", n), e.gridOptions.proxyConfig && (u.value = { ...n }, p.value = 1, c.value?.reload?.({ formData: u.value, page: 1 }));
-    }, ue = () => {
-      r.value?.resetForm();
+      t("submit", n), e.gridOptions.proxyConfig && (i.value = { ...n }, p.value = 1, c.value?.reload?.({ formData: i.value, page: 1 }));
     }, de = () => {
-      t("reset"), e.gridOptions.proxyConfig && (u.value = {}, p.value = 1, c.value?.reload?.({ formData: {}, page: 1 }));
-    }, ce = (n) => {
+      r.value?.resetForm();
+    }, ce = () => {
+      t("reset"), e.gridOptions.proxyConfig && (i.value = {}, p.value = 1, c.value?.reload?.({ formData: {}, page: 1 }));
+    }, pe = (n) => {
       if (n)
         return typeof n == "object" || typeof n == "function" ? n : _[n];
     }, v = C(() => {
       const n = e.gridOptions.proxyConfig;
       return n ? {
         ...n,
-        _formData: u.value
+        _formData: i.value
       } : null;
-    }), V = C(() => {
+    }), P = C(() => {
       const {
         formConfig: n,
         toolbar: f,
-        formMode: x,
-        formColumns: Ce,
-        rules: oa,
-        data: ra,
-        proxyConfig: xe,
-        ...Oe
+        formMode: A,
+        formColumns: we,
+        rules: ra,
+        data: la,
+        proxyConfig: Be,
+        ...Le
       } = e.gridOptions;
       return {
-        ...Oe,
-        proxyConfig: v.value || xe || null
+        ...Le,
+        proxyConfig: v.value || Be || null
       };
-    }), H = C(() => d.value !== null ? d.value : e.externalData.length > 0 ? e.externalData : e.gridOptions.data || []), E = C(() => !!e.gridOptions.proxyConfig), pe = C(() => E.value ? 0 : H.value.length), fe = (n, f) => {
+    }), H = C(() => d.value !== null ? d.value : e.externalData.length > 0 ? e.externalData : e.gridOptions.data || []), E = C(() => !!e.gridOptions.proxyConfig), fe = C(() => E.value ? 0 : H.value.length), ge = (n, f) => {
       t("toolbar-click", { code: n, button: f, grid: c.value });
     }, me = (n) => {
       p.value = n.page, t("page-change", n);
-    }, ge = (n) => {
-      g.value = n.size, t("size-change", n);
-    }, he = () => c.value, N = () => r.value, D = () => c.value?.getTableRef()?.getSelectionRows?.() || [], Y = (n) => {
+    }, he = (n) => {
+      m.value = n.size, t("size-change", n);
+    }, ve = () => c.value, N = () => r.value, F = () => c.value?.getTableRef()?.getSelectionRows?.() || [], Y = (n) => {
       d.value = n ?? null;
-    }, ve = (n) => {
+    }, _e = (n) => {
       h.value = n;
-    }, _e = (n, ...f) => {
-      const x = u.value;
+    }, Ce = (n, f = !0) => {
+      const A = e.gridOptions.formConfig;
+      A?.data && Object.assign(A.data, n), i.value = { ...A?.data || {}, ...n }, f && e.gridOptions.proxyConfig && (p.value = 1, c.value?.reload?.({ formData: i.value, page: 1 }));
+    }, re = (n, ...f) => {
+      const A = i.value;
       switch (n) {
         case "query":
-          p.value = 1, c.value?.reload?.({ formData: x, page: 1 });
+          p.value = 1, c.value?.reload?.({ formData: A, page: 1 });
           break;
         case "reload":
-          c.value?.reload?.({ formData: x });
+          c.value?.reload?.({ formData: A });
           break;
         default:
           console.warn(`[ZxtGrid] commitProxy: unknown type "${n}"`);
@@ -1265,67 +1275,70 @@ const Jt = /* @__PURE__ */ q(qt, [["render", Gt], ["__scopeId", "data-v-6d75a891
       (n) => {
         n !== void 0 && (h.value = n);
       }
-    );
-    const P = () => c.value?.getTableRef?.();
+    ), Oe(() => {
+      e.gridOptions.proxyConfig && e.gridOptions.autoLoad !== !1 && c.value?.reload?.({ formData: i.value, page: 1 });
+    });
+    const V = () => c.value?.getTableRef?.();
     return a({
-      getGridRef: he,
+      getGridRef: ve,
       getFormRef: N,
-      getElTableRef: P,
-      getSelectedRows: D,
+      getElTableRef: V,
+      getSelectedRows: F,
       reloadData: Y,
-      setFormVisible: ve,
-      commitProxy: _e,
-      clearSelection: () => P()?.clearSelection(),
-      toggleRowSelection: (...n) => P()?.toggleRowSelection(...n),
-      toggleAllSelection: () => P()?.toggleAllSelection(),
-      toggleRowExpansion: (...n) => P()?.toggleRowExpansion(...n),
-      setCurrentRow: (...n) => P()?.setCurrentRow(...n),
-      clearSort: () => P()?.clearSort(),
-      clearFilter: (...n) => P()?.clearFilter(...n),
-      doLayout: () => P()?.doLayout(),
-      sort: (...n) => P()?.sort(...n)
+      setFormVisible: _e,
+      setFormData: Ce,
+      commitProxy: re,
+      clearSelection: () => V()?.clearSelection(),
+      toggleRowSelection: (...n) => V()?.toggleRowSelection(...n),
+      toggleAllSelection: () => V()?.toggleAllSelection(),
+      toggleRowExpansion: (...n) => V()?.toggleRowExpansion(...n),
+      setCurrentRow: (...n) => V()?.setCurrentRow(...n),
+      clearSort: () => V()?.clearSort(),
+      clearFilter: (...n) => V()?.clearFilter(...n),
+      doLayout: () => V()?.doLayout(),
+      sort: (...n) => V()?.sort(...n)
     }), {
       attrs: l,
       gridRef: c,
       searchFormRef: r,
       currentPage: p,
-      pageSize: g,
+      pageSize: m,
       tableData: H,
-      tableProps: V,
+      tableProps: P,
       mergedColumns: S,
       actionColumnConfig: o,
-      total: pe,
+      total: fe,
       isFormVisible: h,
       searchFormColumns: W,
       formFilteredSlots: I,
-      tableFilteredSlots: ie,
-      getIconComponent: ce,
-      handleToolbarClick: fe,
-      handleActionClick: T,
+      tableFilteredSlots: ue,
+      getIconComponent: pe,
+      handleToolbarClick: ge,
+      handleActionClick: L,
       handlePageChange: me,
-      handleSizeChange: ge,
-      handleSearch: L,
+      handleSizeChange: he,
+      handleSearch: T,
       handleSearchSubmit: oe,
-      handleReset: ue,
-      handleSearchReset: de,
-      Search: le,
-      Refresh: re
+      handleReset: de,
+      handleSearchReset: ce,
+      Search: se,
+      Refresh: le
     };
   }
-}), Qt = {
+}), Xt = {
   key: 0,
   class: "grid-search-form"
-}, Xt = { class: "search-btn-group" }, Yt = { class: "grid-table-wrapper" }, ea = {
+}, Yt = { class: "search-btn-group" }, ea = { class: "grid-table-wrapper" }, ta = {
   key: 0,
   class: "grid-toolbar"
 };
-function ta(e, t, a, l, i, c) {
-  const r = z("el-button"), p = z("ZxtForm"), g = z("ActionColumn"), d = z("ZxtTable");
-  return s(), m("div", {
-    class: se(["zxt-grid-container", { "zxt-grid-container--full": e.gridOptions.height === "full" }])
+function aa(e, t, a, l, u, c) {
+  const r = z("el-button"), p = z("ZxtForm"), m = z("ActionColumn"), d = z("ZxtTable");
+  return s(), g("div", {
+    class: ie(["zxt-grid-container", { "zxt-grid-container--full": e.gridOptions.height === "full" }])
   }, [
-    e.gridOptions.formConfig && e.isFormVisible ? (s(), m("div", Qt, [
-      F(p, {
+    e.gridOptions.formConfig && e.isFormVisible ? (s(), g("div", Xt, [
+      D(p, {
         ref: "searchFormRef",
         "form-columns": e.searchFormColumns,
         "initial-form-data": e.gridOptions.formConfig.data,
@@ -1334,8 +1347,8 @@ function ta(e, t, a, l, i, c) {
         onReset: e.handleSearchReset
       }, ne({
         "search-actions": b(() => [
-          w("div", Xt, [
-            F(r, {
+          w("div", Yt, [
+            D(r, {
               class: "btn-search",
               icon: e.Search,
               onClick: e.handleSearch
@@ -1345,7 +1358,7 @@ function ta(e, t, a, l, i, c) {
               ])]),
               _: 1
             }, 8, ["icon", "onClick"]),
-            F(r, {
+            D(r, {
               class: "btn-reset",
               icon: e.Refresh,
               onClick: e.handleReset
@@ -1359,18 +1372,18 @@ function ta(e, t, a, l, i, c) {
         ]),
         _: 2
       }, [
-        R(e.formFilteredSlots, (h, u) => ({
-          name: u,
+        R(e.formFilteredSlots, (h, i) => ({
+          name: i,
           fn: b((_) => [
-            Z(e.$slots, u, De(Re(_)), void 0, !0)
+            Z(e.$slots, i, Re(Ae(_)), void 0, !0)
           ])
         }))
       ]), 1032, ["form-columns", "initial-form-data", "rules", "onSubmit", "onReset"])
     ])) : X("", !0),
-    w("div", Yt, [
-      e.gridOptions.toolbar ? (s(), m("div", ea, [
-        (s(!0), m(B, null, R(e.gridOptions.toolbar.buttons, (h, u) => (s(), $(r, {
-          key: u,
+    w("div", ea, [
+      e.gridOptions.toolbar ? (s(), g("div", ta, [
+        (s(!0), g(B, null, R(e.gridOptions.toolbar.buttons, (h, i) => (s(), $(r, {
+          key: i,
           type: h.type || "default",
           size: h.size || "small",
           icon: e.getIconComponent(h.icon),
@@ -1386,11 +1399,12 @@ function ta(e, t, a, l, i, c) {
           grid: e.$refs.gridRef
         }, void 0, !0)
       ])) : X("", !0),
-      F(d, O({ ref: "gridRef" }, { ...e.tableProps, ...e.attrs }, {
+      D(d, M({ ref: "gridRef" }, { ...e.tableProps, ...e.attrs }, {
         id: e.gridOptions.id,
         columns: e.mergedColumns,
         data: e.tableData,
         height: e.gridOptions.height,
+        "auto-load": !1,
         pageable: e.gridOptions.pageable !== !1,
         "current-page": e.currentPage,
         "page-size": e.pageSize,
@@ -1403,7 +1417,7 @@ function ta(e, t, a, l, i, c) {
         e.actionColumnConfig ? {
           name: "__action__",
           fn: b(({ row: h }) => [
-            F(g, {
+            D(m, {
               buttons: e.actionColumnConfig.buttons,
               row: h,
               "max-visible": e.actionColumnConfig.maxVisible || 2,
@@ -1412,42 +1426,42 @@ function ta(e, t, a, l, i, c) {
           ]),
           key: "0"
         } : void 0,
-        R(e.tableFilteredSlots, (h, u) => ({
-          name: u,
+        R(e.tableFilteredSlots, (h, i) => ({
+          name: i,
           fn: b((_) => [
-            Z(e.$slots, u, De(Re(_)), void 0, !0)
+            Z(e.$slots, i, Re(Ae(_)), void 0, !0)
           ])
         }))
       ]), 1040, ["id", "columns", "data", "height", "pageable", "current-page", "page-size", "page-sizes", "total", "pagination-layout", "onPageChange", "onSizeChange"])
     ])
   ], 2);
 }
-const Me = /* @__PURE__ */ q(Kt, [["render", ta], ["__scopeId", "data-v-329b8be5"]]);
+const Me = /* @__PURE__ */ q(Qt, [["render", aa], ["__scopeId", "data-v-f8b2d913"]]);
 J.install = function(e) {
   e.component(J.name, J);
 };
-const aa = [
+const na = [
   ee,
   te,
-  A,
+  O,
   Me,
   Fe,
   J
-], na = (e) => {
-  aa.forEach((t) => {
+], oa = (e) => {
+  na.forEach((t) => {
     e.component(t.name, t);
   });
-}, ia = {
-  install: na,
+}, ua = {
+  install: oa,
   MyButton: ee,
   JsxButton: te,
-  ZxtTable: A,
+  ZxtTable: O,
   ZxtGrid: Me,
   ZxtForm: Fe,
   ZxtPagination: J,
   // 暴露渲染器 API
-  renderer: A.renderer,
-  registerRenderer: A.registerRenderer
+  renderer: O.renderer,
+  registerRenderer: O.registerRenderer
 };
 export {
   te as JsxButton,
@@ -1455,6 +1469,6 @@ export {
   Fe as ZxtForm,
   Me as ZxtGrid,
   J as ZxtPagination,
-  A as ZxtTable,
-  ia as default
+  O as ZxtTable,
+  ua as default
 };