@maxtan/ez-ui 0.24.0 → 1.0.1

package/dist/index.js

@@ -1,36 +1,44 @@
-import { useAttrs as $e, computed as C, defineComponent as V, mergeModels as O, useModel as M, createBlock as m, openBlock as n, unref as t, mergeProps as v, withCtx as b, createElementBlock as E, Fragment as I, renderList as j, resolveDynamicComponent as ie, createTextVNode as Z, toDisplayString as Y, resolveDirective as ke, renderSlot as A, createCommentVNode as S, withDirectives as ze, createElementVNode as P, ref as B, createVNode as x, withModifiers as fe, normalizeStyle as Ce, createSlots as te, shallowRef as Oe, watch as Ne, onMounted as ue, onUnmounted as qe, normalizeProps as me, guardReactiveProps as Fe, normalizeClass as He, nextTick as Ge } from "vue";
-import { useLocale as We, ElCheckbox as Se, ElCheckboxButton as je, ElCheckboxGroup as Ke, ElLoading as de, ElDialog as Ye, ElButton as J, ElSelect as Xe, ElOptionGroup as Ze, ElOption as ve, ElRadio as Je, ElRadioButton as Qe, ElRadioGroup as _e, ElUpload as pe, ElImage as ge, ElImageViewer as el, ElMessage as ee, ElFormItem as ll, ElInput as se, ElInputNumber as tl, ElDatePicker as ne, ElTimePicker as be, ElSwitch as al, ElTreeSelect as ol, ElCascader as nl, ElTree as sl, ElSlider as rl, ElRate as il, ElForm as ul, ElRow as dl, ElCol as cl, ElTable as fl, ElTableColumn as ye, ElPagination as ml, ElDrawer as vl, ElInfiniteScroll as pl, ElMessageBox as gl, ElNotification as bl, ElPopoverDirective as yl } from "element-plus";
-const N = (e, d) => (e.install = (l) => {
-  for (const o of [e, ...Object.values({})])
-    o.name ? l.component(o.name, o) : process.env.NODE_ENV !== "production" && console.warn("[withInstall] Component is missing name property:", o);
-}, e);
-function Q(e = []) {
-  const d = $e(), l = C(() => {
-    const f = {};
-    for (const a in d)
-      e.includes(a) || (f[a] = d[a]);
-    return f;
-  }), o = C(() => {
-    const f = {};
-    for (const a in l.value)
-      a.startsWith("on") || (f[a] = l.value[a]);
-    return f;
-  }), s = C(() => {
-    const f = {};
-    for (const a in l.value)
-      a.startsWith("on") && (f[a] = l.value[a]);
-    return f;
+import { useAttrs as Ze, computed as U, defineComponent as x, mergeModels as _, useModel as ee, createBlock as g, openBlock as r, unref as l, mergeProps as S, withCtx as k, createElementBlock as C, Fragment as X, renderList as ie, resolveDynamicComponent as De, createTextVNode as he, toDisplayString as de, resolveDirective as Je, renderSlot as R, createCommentVNode as O, withDirectives as _e, createElementVNode as Y, ref as G, createVNode as W, withModifiers as Be, normalizeStyle as we, createSlots as Se, useSlots as ct, shallowRef as Ue, watch as ye, onMounted as Me, normalizeClass as Ae, nextTick as Pe, onUnmounted as ft, normalizeProps as ze, guardReactiveProps as Fe } from "vue";
+import { useLocale as mt, ElCheckbox as et, ElCheckboxButton as pt, ElCheckboxGroup as vt, ElLoading as Re, ElDialog as gt, ElButton as be, ElSelect as yt, ElOptionGroup as bt, ElOption as Ne, ElRadio as ht, ElRadioButton as Et, ElRadioGroup as Vt, ElUpload as Le, ElImage as qe, ElImageViewer as $t, ElMessage as ge, ElFormItem as wt, ElInput as xe, ElInputNumber as St, ElDatePicker as Ce, ElTimePicker as He, ElSwitch as kt, ElTreeSelect as zt, ElCascader as Ct, ElSlider as At, ElRate as Dt, ElForm as xt, ElRow as Ut, ElCol as Pt, ElTable as Tt, ElTableColumn as Ge, ElPagination as Mt, ElDrawer as Rt, ElInfiniteScroll as It, ElMessageBox as Ot, ElNotification as Bt, ElPopoverDirective as Ft } from "element-plus";
+const te = (e, s) => (e.install = (t) => {
+  for (const a of [e, ...Object.values({})])
+    a.name ? t.component(a.name, a) : process.env.NODE_ENV !== "production" && console.warn("[withInstall] Component is missing name property:", a);
+}, e), Ke = (e) => e.replace(/\B([A-Z])/g, "-$1").toLowerCase(), je = (e) => e.replace(/-([a-z])/g, (s, t) => t.toUpperCase()), Nt = (e) => {
+  const s = e.startsWith("onUpdate:") ? e.slice(9) : e, t = /* @__PURE__ */ new Set([e, s, Ke(s), je(s)]);
+  return e.startsWith("onUpdate:") || (t.add(`onUpdate:${s}`), t.add(`onUpdate:${Ke(s)}`), t.add(`onUpdate:${je(s)}`)), t;
+}, Lt = (e, s) => {
+  for (const t of e)
+    if (Nt(t).has(s))
+      return !0;
+  return !1;
+};
+function Ee(e = []) {
+  const s = Ze(), t = U(() => {
+    const o = {};
+    for (const c in s)
+      Lt(e, c) || (o[c] = s[c]);
+    return o;
+  }), a = U(() => {
+    const o = {};
+    for (const c in t.value)
+      c.startsWith("on") || (o[c] = t.value[c]);
+    return o;
+  }), i = U(() => {
+    const o = {};
+    for (const c in t.value)
+      c.startsWith("on") && (o[c] = t.value[c]);
+    return o;
   });
   return {
     /** 所有过滤后的属性（包括事件） */
-    attrs: l,
+    attrs: t,
     /** 只包含普通属性 */
-    props: o,
+    props: a,
     /** 只包含事件监听器 */
-    listeners: s
+    listeners: i
   };
 }
-var hl = {
+var qt = {
   s: {
     label: {
       name: "姓名",
@@ -110,39 +118,51 @@ var hl = {
     }
   }
 };
-const { s: Vl } = hl;
-function El(e, d) {
-  return d.split(".").reduce((l, o) => l && typeof l == "object" ? l[o] : void 0, e);
+const { s: Ht } = qt;
+function Gt(e, s) {
+  return s.split(".").reduce((t, a) => t && typeof t == "object" ? t[a] : void 0, e);
 }
-function wl(e, d = {}) {
-  return e.replace(/\{\s*(\w+)\s*\}/g, (l, o) => {
-    const s = d[o];
-    return s !== void 0 ? String(s) : `{${o}}`;
+function Kt(e, s = {}) {
+  return e.replace(/\{\s*(\w+)\s*\}/g, (t, a) => {
+    const i = s[a];
+    return i !== void 0 ? String(i) : `{${a}}`;
   });
 }
-function ae() {
-  const { t: e, lang: d } = We();
+function ke() {
+  const { t: e, lang: s } = mt();
   return {
-    t: (o, s = {}) => {
-      const f = e(o, s);
-      if (f !== o) return f;
-      const a = El({ s: Vl }, o);
-      return typeof a == "string" ? wl(a, s) : o;
+    t: (a, i = {}) => {
+      const o = e(a, i);
+      if (o !== a) return o;
+      const c = Gt({ s: Ht }, a);
+      return typeof c == "string" ? Kt(c, i) : a;
     },
-    lang: d
+    lang: s
   };
 }
-function $l(e, d = 200) {
-  let l = null;
-  return function(...o) {
-    l || (l = setTimeout(() => {
-      e.apply(this, o), l = null;
-    }, d));
+function j(e) {
+  if (e === null || typeof e != "object") return e;
+  if (e instanceof Date) return new Date(e.getTime());
+  if (e instanceof Array) return e.map((t) => j(t));
+  if (e instanceof Set) return new Set(Array.from(e).map((t) => j(t)));
+  if (e instanceof Map)
+    return new Map(Array.from(e.entries()).map(([t, a]) => [j(t), j(a)]));
+  const s = Object.create(Object.getPrototypeOf(e));
+  for (const t in e)
+    e.hasOwnProperty(t) && (s[t] = j(e[t]));
+  return s;
+}
+function jt(e, s = 200) {
+  let t = null;
+  return function(...a) {
+    t || (t = setTimeout(() => {
+      e.apply(this, a), t = null;
+    }, s));
   };
 }
-const kl = V({ name: "EzCheckbox", inheritAttrs: !1 }), zl = /* @__PURE__ */ V({
-  ...kl,
-  props: /* @__PURE__ */ O({
+const Wt = x({ name: "EzCheckbox", inheritAttrs: !1 }), Yt = /* @__PURE__ */ x({
+  ...Wt,
+  props: /* @__PURE__ */ _({
     type: { default: "default" },
     options: { default: () => [] }
   }, {
@@ -151,22 +171,22 @@ const kl = V({ name: "EzCheckbox", inheritAttrs: !1 }), zl = /* @__PURE__ */ V({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const d = e, l = M(e, "modelValue"), { attrs: o } = Q(["options", "type", "modelValue"]), s = C(
-      () => ["default", "border"].includes(d.type) ? Se : je
+    const s = e, t = ee(e, "modelValue"), { attrs: a } = Ee(["options", "type", "modelValue"]), i = U(
+      () => ["default", "border"].includes(s.type) ? et : pt
     );
-    return (f, a) => (n(), m(t(Ke), v({
-      modelValue: l.value,
-      "onUpdate:modelValue": a[0] || (a[0] = (c) => l.value = c)
-    }, t(o)), {
-      default: b(() => [
-        (n(!0), E(I, null, j(e.options, (c) => (n(), m(ie(s.value), v({
-          key: String(c.value),
+    return (o, c) => (r(), g(l(vt), S({
+      modelValue: t.value,
+      "onUpdate:modelValue": c[0] || (c[0] = (h) => t.value = h)
+    }, l(a)), {
+      default: k(() => [
+        (r(!0), C(X, null, ie(e.options, (h) => (r(), g(De(i.value), S({
+          key: String(h.value),
           ref_for: !0
-        }, c, {
+        }, h, {
           border: e.type === "border"
         }), {
-          default: b(() => [
-            Z(Y(c.label), 1)
+          default: k(() => [
+            he(de(h.label), 1)
           ]),
           _: 2
         }, 1040, ["border"]))), 128))
@@ -174,122 +194,121 @@ const kl = V({ name: "EzCheckbox", inheritAttrs: !1 }), zl = /* @__PURE__ */ V({
       _: 1
     }, 16, ["modelValue"]));
   }
-}), Ae = N(zl);
-var le = /* @__PURE__ */ ((e) => (e.CANCEL = "取消", e.CONFIRM = "确定", e))(le || {});
-const Cl = { key: 1 }, Sl = {
+}), tt = te(Yt);
+var $e = /* @__PURE__ */ ((e) => (e.CANCEL = "取消", e.CONFIRM = "确定", e))($e || {});
+const Qt = { key: 1 }, Xt = {
   key: 0,
   class: "ez-dialog__body"
-}, Al = { key: 1 }, Tl = V({ name: "EzDialog", inheritAttrs: !1, directives: { loading: de.directive } }), xl = /* @__PURE__ */ V({
-  ...Tl,
-  props: /* @__PURE__ */ O({
+}, Zt = { key: 1 }, Jt = x({ name: "EzDialog", inheritAttrs: !1, directives: { loading: Re.directive } }), _t = /* @__PURE__ */ x({
+  ...Jt,
+  props: /* @__PURE__ */ _({
     title: { default: "" },
     loading: { type: Boolean, default: !1 },
-    cancelText: { default: le.CANCEL },
-    confirmText: { default: le.CONFIRM }
+    cancelText: { default: $e.CANCEL },
+    confirmText: { default: $e.CONFIRM }
   }, {
-    modelValue: { type: Boolean },
+    modelValue: { type: Boolean, default: !1 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ O(["cancel", "confirm"], ["update:modelValue"]),
-  setup(e, { emit: d }) {
-    const { t: l } = ae(), o = e, s = d, f = M(e, "modelValue"), { attrs: a } = Q(["title", "loading", "cancelText", "confirmText", "modelValue"]), c = () => {
-      f.value = !1, s("cancel");
-    }, u = () => {
-      s("confirm");
+  emits: /* @__PURE__ */ _(["cancel", "confirm"], ["update:modelValue"]),
+  setup(e, { emit: s }) {
+    const { t } = ke(), a = e, i = s, o = ee(e, "modelValue"), { attrs: c } = Ee(["title", "loading", "cancelText", "confirmText", "modelValue"]), h = () => {
+      o.value = !1, i("cancel");
+    }, V = () => {
+      i("confirm");
     };
-    return (r, i) => {
-      const U = ke("loading");
-      return n(), m(t(Ye), v({
-        modelValue: f.value,
-        "onUpdate:modelValue": i[0] || (i[0] = (G) => f.value = G),
+    return (y, E) => {
+      const D = Je("loading");
+      return r(), g(l(gt), S({
+        modelValue: o.value,
+        "onUpdate:modelValue": E[0] || (E[0] = (H) => o.value = H),
         class: "ez-dialog",
         width: 800,
         "append-to-body": !1,
         "close-on-click-modal": !1,
         "destroy-on-close": !0,
         "close-on-press-escape": !1
-      }, t(a)), {
-        header: b(() => [
-          r.$slots.header ? A(r.$slots, "header", { key: 0 }) : (n(), E("p", Cl, Y(o.title), 1))
+      }, l(c)), {
+        header: k(() => [
+          y.$slots.header ? R(y.$slots, "header", { key: 0 }) : (r(), C("p", Qt, de(a.title), 1))
         ]),
-        default: b(() => [
-          r.$slots.default ? ze((n(), E("div", Sl, [
-            A(r.$slots, "default")
+        default: k(() => [
+          y.$slots.default ? _e((r(), C("div", Xt, [
+            R(y.$slots, "default")
           ])), [
-            [U, o.loading]
-          ]) : S("", !0)
+            [D, a.loading]
+          ]) : O("", !0)
         ]),
-        footer: b(() => [
-          r.$slots.footer ? A(r.$slots, "footer", { key: 0 }) : (n(), E("div", Al, [
-            o.cancelText ? (n(), m(t(J), {
+        footer: k(() => [
+          y.$slots.footer ? R(y.$slots, "footer", { key: 0 }) : (r(), C("div", Zt, [
+            a.cancelText ? (r(), g(l(be), {
               key: 0,
               type: "default",
-              onClick: c
+              onClick: h
             }, {
-              default: b(() => [
-                Z(Y(o.cancelText === t(le).CANCEL ? t(l)("s.button.cancel") : o.cancelText), 1)
+              default: k(() => [
+                he(de(a.cancelText === l($e).CANCEL ? l(t)("s.button.cancel") : a.cancelText), 1)
               ]),
               _: 1
-            })) : S("", !0),
-            o.confirmText ? (n(), m(t(J), {
+            })) : O("", !0),
+            a.confirmText ? (r(), g(l(be), {
               key: 1,
               type: "primary",
-              loading: o.loading,
-              onClick: u
+              loading: a.loading,
+              onClick: V
             }, {
-              default: b(() => [
-                Z(Y(o.confirmText === t(le).CONFIRM ? t(l)("s.button.confirm") : o.confirmText), 1)
+              default: k(() => [
+                he(de(a.confirmText === l($e).CONFIRM ? l(t)("s.button.confirm") : a.confirmText), 1)
               ]),
               _: 1
-            }, 8, ["loading"])) : S("", !0)
+            }, 8, ["loading"])) : O("", !0)
           ]))
         ]),
         _: 3
       }, 16, ["modelValue"]);
     };
   }
-}), Rl = N(xl), Ul = V({ name: "EzSelect", inheritAttrs: !1 }), Dl = /* @__PURE__ */ V({
-  ...Ul,
-  props: /* @__PURE__ */ O({
+}), ea = te(_t), ta = x({ name: "EzSelect", inheritAttrs: !1 }), aa = /* @__PURE__ */ x({
+  ...ta,
+  props: /* @__PURE__ */ _({
     options: { default: () => [] }
   }, {
-    modelValue: {},
+    modelValue: { type: [String, Number, Boolean, Object, Array] },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const d = M(e, "modelValue"), { attrs: l } = Q(["options", "modelValue"]), o = (a) => typeof a > "u", s = (a) => !o(a.options), f = (a, c) => a.value != null && typeof a.value != "object" ? String(a.value) : c;
-    return (a, c) => (n(), m(t(Xe), v({
-      modelValue: d.value,
-      "onUpdate:modelValue": c[0] || (c[0] = (u) => d.value = u),
-      clearable: ""
-    }, t(l)), {
-      default: b(() => [
-        (n(!0), E(I, null, j(e.options, (u, r) => (n(), E(I, {
-          key: f(u, r)
+    const s = ee(e, "modelValue"), { attrs: t } = Ee(["options", "modelValue"]), a = (c) => typeof c > "u", i = (c) => !a(c.options), o = (c, h) => i(c) ? `group-${c.label}-${h}` : c.value != null && typeof c.value != "object" ? String(c.value) : `option-${h}`;
+    return (c, h) => (r(), g(l(yt), S({
+      modelValue: s.value,
+      "onUpdate:modelValue": h[0] || (h[0] = (V) => s.value = V)
+    }, l(t)), {
+      default: k(() => [
+        (r(!0), C(X, null, ie(e.options, (V, y) => (r(), C(X, {
+          key: o(V, y)
         }, [
-          s(u) ? (n(), m(t(Ze), v({
+          i(V) ? (r(), g(l(bt), S({
             key: 0,
             ref_for: !0
-          }, u), {
-            default: b(() => [
-              (n(!0), E(I, null, j(u.options, (i) => (n(), m(t(ve), v({
-                key: f(i, i.value)
-              }, { ref_for: !0 }, i), null, 16))), 128))
+          }, V), {
+            default: k(() => [
+              (r(!0), C(X, null, ie(V.options, (E, D) => (r(), g(l(Ne), S({
+                key: o(E, D)
+              }, { ref_for: !0 }, E), null, 16))), 128))
             ]),
             _: 2
-          }, 1040)) : (n(), m(t(ve), v({
+          }, 1040)) : (r(), g(l(Ne), S({
             key: 1,
             ref_for: !0
-          }, u), null, 16))
+          }, V), null, 16))
         ], 64))), 128))
       ]),
       _: 1
     }, 16, ["modelValue"]));
   }
-}), Te = N(Dl), Ml = V({ name: "EzRadio", inheritAttrs: !1 }), Pl = /* @__PURE__ */ V({
-  ...Ml,
-  props: /* @__PURE__ */ O({
+}), at = te(aa), la = x({ name: "EzRadio", inheritAttrs: !1 }), oa = /* @__PURE__ */ x({
+  ...la,
+  props: /* @__PURE__ */ _({
     type: { default: "default" },
     options: { default: () => [] }
   }, {
@@ -298,20 +317,20 @@ const Cl = { key: 1 }, Sl = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const d = e, l = M(e, "modelValue"), { attrs: o } = Q(["options", "type", "modelValue"]), s = C(() => ["default", "border"].includes(d.type) ? Je : Qe);
-    return (f, a) => (n(), m(t(_e), v({
-      modelValue: l.value,
-      "onUpdate:modelValue": a[0] || (a[0] = (c) => l.value = c)
-    }, t(o)), {
-      default: b(() => [
-        (n(!0), E(I, null, j(e.options, (c) => (n(), m(ie(s.value), v({
-          key: String(c.value),
+    const s = e, t = ee(e, "modelValue"), { attrs: a } = Ee(["options", "type", "modelValue"]), i = U(() => ["default", "border"].includes(s.type) ? ht : Et);
+    return (o, c) => (r(), g(l(Vt), S({
+      modelValue: t.value,
+      "onUpdate:modelValue": c[0] || (c[0] = (h) => t.value = h)
+    }, l(a)), {
+      default: k(() => [
+        (r(!0), C(X, null, ie(e.options, (h) => (r(), g(De(i.value), S({
+          key: String(h.value),
           ref_for: !0
-        }, c, {
+        }, h, {
           border: e.type === "border"
         }), {
-          default: b(() => [
-            Z(Y(c.label), 1)
+          default: k(() => [
+            he(de(h.label), 1)
           ]),
           _: 2
         }, 1040, ["border"]))), 128))
@@ -319,136 +338,139 @@ const Cl = { key: 1 }, Sl = {
       _: 1
     }, 16, ["modelValue"]));
   }
-}), xe = N(Pl), Bl = V({ name: "EzIcon", inheritAttrs: !1 }), Ll = /* @__PURE__ */ V({
-  ...Bl,
+}), lt = te(oa), na = x({ name: "EzIcon", inheritAttrs: !1 }), ra = /* @__PURE__ */ x({
+  ...na,
   props: {
     size: { default: 20 },
     color: { default: "inherit" }
   },
   setup(e) {
-    const d = e, l = C(() => {
-      const { size: o, color: s } = d;
-      return !o && !s ? {} : {
-        fontSize: o ? `${o}px` : void 0,
-        color: s
+    const s = e, t = (i) => {
+      if (!(i == null || i === ""))
+        return typeof i == "number" ? `${i}px` : i;
+    }, a = U(() => {
+      const { size: i, color: o } = s;
+      return !i && !o ? {} : {
+        fontSize: t(i),
+        color: o
       };
     });
-    return (o, s) => (n(), E("i", v({
+    return (i, o) => (r(), C("i", S({
       class: "ez-icon",
-      style: l.value
-    }, o.$attrs), [
-      A(o.$slots, "default", { class: "w-[1em] h-[1em]" })
+      style: a.value
+    }, i.$attrs), [
+      R(i.$slots, "default", { class: "w-[1em] h-[1em]" })
     ], 16));
   }
-}), X = N(Ll), Il = {
+}), me = te(ra), sa = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024"
-}, Ol = /* @__PURE__ */ V({
+}, ia = /* @__PURE__ */ x({
   name: "ArrowDown",
   __name: "ArrowDown",
   setup(e) {
-    return (d, l) => (n(), E("svg", Il, [...l[0] || (l[0] = [
-      P("path", {
+    return (s, t) => (r(), C("svg", sa, [...t[0] || (t[0] = [
+      Y("path", {
         fill: "currentColor",
         d: "m832 340.992-320 312-320-312a28.8 28.8 0 0 0-20.992-8.96 28.8 28.8 0 0 0-20.992 8.96 28.8 28.8 0 0 0-8.96 20.992c0 8 2.624 14.72 8 19.968l340.992 332.032c5.952 6.016 13.312 8.96 22.016 8.96 8.64 0 16-2.944 22.016-8.96l340.992-331.008a31.23 31.23 0 0 0 8-21.504c0-8.32-3.008-15.36-8.96-20.992a29.76 29.76 0 0 0-42.048.448v.064z"
       }, null, -1)
     ])]));
   }
-}), Nl = {
+}), ua = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024"
-}, ql = /* @__PURE__ */ V({
+}, da = /* @__PURE__ */ x({
   name: "ArrowUp",
   __name: "ArrowUp",
   setup(e) {
-    return (d, l) => (n(), E("svg", Nl, [...l[0] || (l[0] = [
-      P("path", {
+    return (s, t) => (r(), C("svg", ua, [...t[0] || (t[0] = [
+      Y("path", {
         fill: "currentColor",
         d: "M488.96 344 148.992 700.992a32.26 32.26 0 0 0-8.96 22.016c0 8 2.944 15.36 8.96 22.016v1.024c6.016 5.952 13.184 8.96 21.504 8.96S185.984 752 192 746.048l320-336 320 336c6.016 5.952 13.184 8.96 21.504 8.96s15.488-3.008 21.504-8.96v-1.024a32.26 32.26 0 0 0 8.96-22.016 32.26 32.26 0 0 0-8.96-22.016L534.976 344A31.17 31.17 0 0 0 512 335.04a31.17 31.17 0 0 0-23.04 8.96"
       }, null, -1)
     ])]));
   }
-}), Fl = {
+}), ca = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024"
-}, he = /* @__PURE__ */ V({
+}, We = /* @__PURE__ */ x({
   name: "Delete",
   __name: "delete",
   setup(e) {
-    return (d, l) => (n(), E("svg", Fl, [...l[0] || (l[0] = [
-      P("path", {
+    return (s, t) => (r(), C("svg", ca, [...t[0] || (t[0] = [
+      Y("path", {
         fill: "currentColor",
         d: "M218.88 118.592C208 139.968 208 168 208 245.376V272H96a32 32 0 1 0 0 64h832a32 32 0 0 0 0-64H816v-26.624c0-77.44 0-105.408-10.88-126.72a100.03 100.03 0 0 0-43.712-43.776C740.032 64 712 64 634.624 64H389.376c-77.44 0-105.408 0-126.72 10.88-18.88 9.6-34.176 24.96-43.776 43.712M752 272H272v-64c0-28.032 0-42.304 5.568-52.992a50.24 50.24 0 0 1 21.44-21.44C309.76 128.064 323.968 128 352 128h320c28.032 0 42.304 0 52.992 5.568 9.152 4.736 16.64 12.288 21.44 21.44C751.936 165.696 752 179.968 752 208zM192 416a32 32 0 0 0-32 32v358.4c0 53.76.128 81.28 10.688 101.76a96.54 96.54 0 0 0 41.216 41.152C232.384 959.872 259.84 960 313.6 960h396.8c53.76 0 81.28-.128 101.76-10.688a96.54 96.54 0 0 0 41.152-41.216C863.872 887.616 864 860.16 864 806.4V448a32 32 0 0 0-64 0v371.2c0 26.88 0 40.64-5.376 50.88a48.2 48.2 0 0 1-20.544 20.544c-10.24 5.312-24 5.376-50.88 5.376H300.8c-26.88 0-40.64 0-50.88-5.376a48.2 48.2 0 0 1-20.544-20.544c-5.312-10.24-5.376-24-5.376-50.88V448a32 32 0 0 0-32-32m216 0a32 32 0 0 0-32 32v320a32 32 0 0 0 64 0V448a32 32 0 0 0-32-32m208 0a32 32 0 0 0-32 32v320a32 32 0 0 0 64 0V448a32 32 0 0 0-32-32"
       }, null, -1)
     ])]));
   }
-}), Hl = {
+}), fa = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024"
-}, Ve = /* @__PURE__ */ V({
+}, Ye = /* @__PURE__ */ x({
   name: "Plus",
   __name: "plus",
   setup(e) {
-    return (d, l) => (n(), E("svg", Hl, [...l[0] || (l[0] = [
-      P("path", {
+    return (s, t) => (r(), C("svg", fa, [...t[0] || (t[0] = [
+      Y("path", {
         fill: "currentColor",
         d: "M512 96a32 32 0 0 0-32 32v352H128a32 32 0 1 0 0 64h352v352a32 32 0 0 0 64 0V544h352a32 32 0 0 0 0-64H544V128a32 32 0 0 0-32-32"
       }, null, -1)
     ])]));
   }
-}), Gl = {
+}), ma = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024"
-}, Wl = /* @__PURE__ */ V({
+}, pa = /* @__PURE__ */ x({
   name: "Setting",
   __name: "setting",
   setup(e) {
-    return (d, l) => (n(), E("svg", Gl, [...l[0] || (l[0] = [
-      P("path", {
+    return (s, t) => (r(), C("svg", ma, [...t[0] || (t[0] = [
+      Y("path", {
         fill: "currentColor",
         d: "M218.688 848q27.712 48 83.2 48h374.08q55.424 0 83.136-48l187.008-323.968q27.776-48 0-96L759.104 104.064q-27.712-48-83.2-48H301.952q-55.488 0-83.2 48L31.68 428.032q-27.712 48 0 96zm55.424-32L87.104 492.032q-9.216-16 0-32l187.008-323.968q9.28-16 27.776-16h374.08q18.432 0 27.712 16l187.008 323.968q9.28 16 0 32L703.68 816q-9.28 16-27.712 16h-374.08q-18.56 0-27.776-16m54.784-339.968a160 160 0 1 0 320 0 160 160 0 0 0-320 0m64 0a96 96 0 1 1 192 0 96 96 0 0 1-192 0"
       }, null, -1)
     ])]));
   }
-}), jl = {
+}), va = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024"
-}, Ee = /* @__PURE__ */ V({
+}, Qe = /* @__PURE__ */ x({
   name: "ZoomIn",
   __name: "ZoomIn",
   setup(e) {
-    return (d, l) => (n(), E("svg", jl, [...l[0] || (l[0] = [
-      P("path", {
+    return (s, t) => (r(), C("svg", va, [...t[0] || (t[0] = [
+      Y("path", {
         fill: "currentColor",
         d: "M764.352 809.6a424 424 0 1 1 45.184-45.184l139.456 139.392a31.936 31.936 0 1 1-45.184 45.184L764.352 809.536zM848 488a360 360 0 1 0-720 0 360 360 0 0 0 720 0"
       }, null, -1),
-      P("path", {
+      Y("path", {
         fill: "currentColor",
         d: "M294.4 486.4a32 32 0 0 0 32 32h128v128a32 32 0 0 0 64 0v-128h128a32 32 0 0 0 0-64h-128v-128a32 32 0 0 0-64 0v128h-128a32 32 0 0 0-32 32"
       }, null, -1)
     ])]));
   }
-}), Kl = { class: "ez-image-upload" }, Yl = {
+}), ga = { class: "ez-image-upload" }, ya = {
   key: 0,
   class: "ez-image-upload__image"
-}, Xl = {
+}, ba = {
   key: 1,
   class: "ez-image-upload__list"
-}, Zl = { class: "flex items-center justify-center h-full" }, Jl = V({ name: "EzImageUpload", inheritAttrs: !1 }), Ql = /* @__PURE__ */ V({
-  ...Jl,
-  props: /* @__PURE__ */ O({
+}, ha = { class: "flex items-center justify-center h-full" }, Ea = x({ name: "EzImageUpload", inheritAttrs: !1 }), Va = /* @__PURE__ */ x({
+  ...Ea,
+  props: /* @__PURE__ */ _({
     api: { type: Function, default: () => Promise.resolve({ url: "" }) },
     imageTypes: { default: () => ["image/webp", "image/png", "image/jpg", "image/gif", "image/bmp", "image/jpeg"] },
     limitSize: { default: 10 },
@@ -461,9 +483,9 @@ const Cl = { key: 1 }, Sl = {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: ["update:modelValue"],
-  setup(e, { expose: d }) {
-    const l = e, { attrs: o } = Q([
+  emits: /* @__PURE__ */ _(["update:modelValue", "success", "error", "delete"], ["update:modelValue"]),
+  setup(e, { expose: s, emit: t }) {
+    const a = e, { attrs: i } = Ee([
       "api",
       "imageTypes",
       "limitSize",
@@ -473,172 +495,185 @@ const Cl = { key: 1 }, Sl = {
       "limit",
       "disabled",
       "modelValue"
-    ]), { t: s } = ae(), f = B(!1), a = B(0), c = M(e, "modelValue"), u = C(() => l.multiple), r = /^(https?:\/\/|data:|blob:)/i, i = C(() => c.value ? U(c.value) : []);
-    function U(y) {
-      if (!y) return [];
-      const g = /^(https?:\/\/|data:|blob:)/i;
-      let $ = [], D = "", L = !1;
-      y = y.trim().replace(/,$/, "");
-      const _ = y.split(",");
-      for (let K = 0; K < _.length; K++) {
-        const q = _[K].trim();
-        q && (g.test(q) ? (L && D && $.push(D.trim()), D = q, L = !0) : L ? D += "," + q : g.test(q.trim()) && $.push(q.trim()));
+    ]), o = t, { t: c } = ke(), h = G(!1), V = G(0), y = ee(e, "modelValue"), E = U(() => a.multiple), D = U(() => a.imageTypes.join(",")), H = /^(https?:\/\/|data:|blob:)/i, f = U(() => y.value ? A(y.value) : []);
+    function A(P) {
+      if (!P) return [];
+      const $ = P.trim().replace(/^[,\s]+|[,\s]+$/g, "");
+      if (!$) return [];
+      const I = /(blob:https?:\/\/|https?:\/\/|data:)/gi, J = Array.from($.matchAll(I));
+      if (J.length === 0) return [];
+      const ae = [];
+      for (let le = 0; le < J.length; le++) {
+        const oe = J[le].index ?? -1;
+        if (oe < 0) continue;
+        const ne = J[le + 1]?.index, se = $.slice(oe, ne).trim().replace(/^[,\s]+|[,\s]+$/g, "");
+        se && H.test(se) && ae.push(se);
       }
-      return L && D && $.push(D.trim()), $.filter((K) => K && g.test(K));
+      return ae;
     }
-    function G(y) {
-      return !y || y.length === 0 ? "" : y.filter((g) => g.trim()).map((g) => g.trim()).join(",");
+    function v(P) {
+      return !P || P.length === 0 ? "" : P.filter(($) => $.trim()).map(($) => $.trim()).join(",");
     }
-    const F = (y) => l.disabled ? (ee.warning(s("s.message.disabled")), !1) : l.imageTypes.includes(y.type.toLocaleLowerCase()) ? y.size > l.limitSize * 1024 * 1024 ? (ee.error(s("s.validate.upload.limit", { max: l.limitSize })), !1) : !0 : (ee.error(s("s.validate.upload.image")), !1), W = async ({ file: y }) => {
-      if (!l.disabled)
+    const d = (P) => a.disabled ? (ge.warning(c("s.message.disabled")), !1) : E.value && f.value.length >= a.limit ? (ge.warning(c("s.validate.upload.limit", { max: a.limit })), !1) : a.imageTypes.includes(P.type.toLocaleLowerCase()) ? P.size > a.limitSize * 1024 * 1024 ? (ge.error(c("s.validate.upload.limit", { max: a.limitSize })), !1) : !0 : (ge.error(c("s.validate.upload.image")), !1), m = async ({ file: P }) => {
+      if (!a.disabled)
         try {
-          const { url: g } = await l.api(y);
-          if (!g) throw new Error(s("s.message.uploadFail"));
-          if (u.value) {
-            const $ = c.value ? U(c.value) : [];
-            g && r.test(g) && ($.push(g), c.value = G($));
+          const { url: $ } = await a.api(P);
+          if (!$) throw new Error(c("s.message.uploadFail"));
+          if (E.value) {
+            const I = y.value ? A(y.value) : [];
+            $ && H.test($) && (I.push($), y.value = v(I));
           } else
-            c.value = g;
-        } catch (g) {
-          ee.error(g.message);
+            y.value = $;
+          o("success", P, $);
+        } catch ($) {
+          const I = $ instanceof Error ? $ : new Error(String($));
+          ge.error(I.message), o("error", P, I);
         }
-    }, p = (y, g = 0) => {
-      y && (a.value = g, f.value = !0);
-    }, R = (y) => {
-      if (!l.disabled && !(!y || !c.value))
-        if (u.value) {
-          const g = U(c.value), $ = g.findIndex((D) => D === y);
-          $ !== -1 && (g.splice($, 1), c.value = g.join(","));
+    }, Z = (P, $ = 0) => {
+      P && (V.value = $, h.value = !0);
+    }, F = (P) => {
+      if (!a.disabled && !(!P || !y.value))
+        if (E.value) {
+          const $ = A(y.value), I = $.findIndex((J) => J === P);
+          I !== -1 && ($.splice(I, 1), y.value = v($), o("delete", P));
         } else
-          c.value = null;
-    }, z = B();
-    return d({
-      getUploadRef: () => z.value,
-      getUrlList: () => i.value
-    }), (y, g) => (n(), E("div", Kl, [
-      u.value ? (n(), E("div", Xl, [
-        (n(!0), E(I, null, j(i.value, ($, D) => (n(), E("div", {
-          key: D,
+          y.value = "", o("delete", P);
+    }, q = G();
+    return s({
+      clearFiles: () => {
+        q.value?.clearFiles?.(), y.value = "";
+      },
+      submit: () => {
+        q.value?.submit?.();
+      },
+      getUploadRef: () => q.value,
+      getUrlList: () => f.value
+    }), (P, $) => (r(), C("div", ga, [
+      E.value ? (r(), C("div", ba, [
+        (r(!0), C(X, null, ie(f.value, (I, J) => (r(), C("div", {
+          key: J,
           class: "ez-image-upload__item",
-          style: Ce(l.style)
+          style: we(a.style)
         }, [
-          x(t(ge), {
-            src: $,
-            fit: l.fit
+          W(l(qe), {
+            src: I,
+            fit: a.fit
           }, null, 8, ["src", "fit"]),
-          P("div", {
+          Y("div", {
             class: "ez-image-upload__handler",
-            onClick: g[3] || (g[3] = fe(() => {
+            onClick: $[3] || ($[3] = Be(() => {
             }, ["stop"]))
           }, [
-            x(t(X), {
+            W(l(me), {
               size: 18,
-              onClick: (L) => p($, D)
+              onClick: (ae) => Z(I, J)
             }, {
-              default: b(() => [
-                x(t(Ee))
+              default: k(() => [
+                W(l(Qe))
               ]),
               _: 1
             }, 8, ["onClick"]),
-            l.disabled ? S("", !0) : (n(), m(t(X), {
+            a.disabled ? O("", !0) : (r(), g(l(me), {
               key: 0,
               size: 18,
-              onClick: (L) => R($)
+              onClick: (ae) => F(I)
             }, {
-              default: b(() => [
-                x(t(he))
+              default: k(() => [
+                W(l(We))
               ]),
               _: 1
             }, 8, ["onClick"]))
           ])
         ], 4))), 128)),
-        i.value.length < l.limit && !l.disabled || i.value.length === 0 ? (n(), m(t(pe), v({ key: 0 }, t(o), {
+        (f.value.length < a.limit || f.value.length === 0) && !a.disabled ? (r(), g(l(Le), S({ key: 0 }, l(i), {
           ref_key: "uploadRef",
-          ref: z,
+          ref: q,
           action: "",
-          accept: "image/*",
+          accept: D.value,
+          multiple: a.multiple,
           "show-file-list": !1,
-          "before-upload": F,
-          "http-request": W,
-          style: l.style,
-          disabled: l.disabled,
-          class: [{ "is-disabled": l.disabled }, "ez-image-upload__item ez-image-upload__button"]
+          "before-upload": d,
+          "http-request": m,
+          style: a.style,
+          disabled: a.disabled,
+          class: [{ "is-disabled": a.disabled }, "ez-image-upload__item ez-image-upload__button"]
         }), {
-          default: b(() => [
-            P("div", Zl, [
-              x(t(X), null, {
-                default: b(() => [
-                  x(t(Ve))
+          default: k(() => [
+            Y("div", ha, [
+              W(l(me), null, {
+                default: k(() => [
+                  W(l(Ye))
                 ]),
                 _: 1
               })
             ])
           ]),
           _: 1
-        }, 16, ["style", "disabled", "class"])) : S("", !0)
-      ])) : (n(), m(t(pe), v({ key: 0 }, t(o), {
+        }, 16, ["accept", "multiple", "style", "disabled", "class"])) : O("", !0)
+      ])) : (r(), g(l(Le), S({ key: 0 }, l(i), {
         ref_key: "uploadRef",
-        ref: z,
+        ref: q,
         action: "",
-        accept: "image/*",
+        accept: D.value,
+        multiple: a.multiple,
         "show-file-list": !1,
-        "before-upload": F,
-        "http-request": W,
-        style: l.style,
-        disabled: l.disabled,
-        class: ["ez-image-upload__wrapper", { "is-disabled": l.disabled }]
+        "before-upload": d,
+        "http-request": m,
+        style: a.style,
+        disabled: a.disabled,
+        class: ["ez-image-upload__wrapper", { "is-disabled": a.disabled }]
       }), {
-        default: b(() => [
-          c.value ? (n(), E("div", Yl, [
-            x(t(ge), {
-              src: c.value,
-              fit: l.fit
+        default: k(() => [
+          y.value ? (r(), C("div", ya, [
+            W(l(qe), {
+              src: y.value,
+              fit: a.fit
             }, null, 8, ["src", "fit"]),
-            P("div", {
+            Y("div", {
               class: "ez-image-upload__handler",
-              onClick: g[2] || (g[2] = fe(() => {
+              onClick: $[2] || ($[2] = Be(() => {
               }, ["stop"]))
             }, [
-              x(t(X), {
+              W(l(me), {
                 size: 18,
-                onClick: g[0] || (g[0] = ($) => p(c.value, 0))
+                onClick: $[0] || ($[0] = (I) => Z(y.value, 0))
               }, {
-                default: b(() => [
-                  x(t(Ee))
+                default: k(() => [
+                  W(l(Qe))
                 ]),
                 _: 1
               }),
-              l.disabled ? S("", !0) : (n(), m(t(X), {
+              a.disabled ? O("", !0) : (r(), g(l(me), {
                 key: 0,
                 size: 18,
-                onClick: g[1] || (g[1] = ($) => R(c.value))
+                onClick: $[1] || ($[1] = (I) => F(y.value))
               }, {
-                default: b(() => [
-                  x(t(he))
+                default: k(() => [
+                  W(l(We))
                 ]),
                 _: 1
               }))
             ])
-          ])) : (n(), m(t(X), { key: 1 }, {
-            default: b(() => [
-              x(t(Ve))
+          ])) : (r(), g(l(me), { key: 1 }, {
+            default: k(() => [
+              W(l(Ye))
             ]),
             _: 1
           }))
         ]),
         _: 1
-      }, 16, ["style", "disabled", "class"])),
-      f.value ? (n(), m(t(el), {
+      }, 16, ["accept", "multiple", "style", "disabled", "class"])),
+      h.value ? (r(), g(l($t), {
         key: 2,
-        "url-list": u.value ? i.value : [c.value],
-        "initial-index": a.value,
-        onClose: g[4] || (g[4] = ($) => f.value = !1)
-      }, null, 8, ["url-list", "initial-index"])) : S("", !0)
+        "url-list": E.value ? f.value : [y.value],
+        "initial-index": V.value,
+        onClose: $[4] || ($[4] = (I) => h.value = !1)
+      }, null, 8, ["url-list", "initial-index"])) : O("", !0)
     ]));
   }
-}), Re = N(Ql);
-var k = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.TEXTAREA = "textarea", e.NUMBER = "number", e.PASSWORD = "password", e.SELECT = "select", e.RADIO = "radio", e.CHECKBOX = "checkbox", e.DATE = "date", e.DATETIME = "datetime", e.DATERANGE = "daterange", e.DATETIMERANGE = "datetimerange", e.TIME = "time", e.TIMERANGE = "timerange", e.UPLOAD_IMAGES = "upload-images", e.SWITCH = "switch", e.TREE_SELECT = "tree-select", e.CASCADER = "cascader", e.TREE = "tree", e.SLIDER = "slider", e.RATE = "rate", e))(k || {});
-const _l = /* @__PURE__ */ new Set([
+}), ot = te(Va);
+var B = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.TEXTAREA = "textarea", e.NUMBER = "number", e.PASSWORD = "password", e.SELECT = "select", e.RADIO = "radio", e.CHECKBOX = "checkbox", e.DATE = "date", e.DATETIME = "datetime", e.DATERANGE = "daterange", e.DATETIMERANGE = "datetimerange", e.TIME = "time", e.TIMERANGE = "timerange", e.UPLOAD_IMAGES = "upload-images", e.SWITCH = "switch", e.TREE_SELECT = "tree-select", e.CASCADER = "cascader", e.SLIDER = "slider", e.RATE = "rate", e))(B || {});
+const $a = /* @__PURE__ */ new Set([
   "select",
   "radio",
   "checkbox",
@@ -650,10 +685,9 @@ const _l = /* @__PURE__ */ new Set([
   "timerange",
   "switch",
   "cascader",
-  "tree",
   "tree-select"
   /* TREE_SELECT */
-]), et = /* @__PURE__ */ new Set([
+]), wa = /* @__PURE__ */ new Set([
   "select",
   "radio",
   "checkbox",
@@ -665,21 +699,20 @@ const _l = /* @__PURE__ */ new Set([
   "timerange",
   "switch",
   "cascader",
-  "tree",
   "tree-select",
   "slider",
   "rate"
   /* RATE */
 ]);
-function lt(e) {
-  return e && _l.has(e) ? "选择" : "输入";
+function Sa(e) {
+  return e && $a.has(e) ? "选择" : "输入";
 }
-function tt(e) {
-  return e && et.has(e) ? "change" : "blur";
+function ka(e) {
+  return e && wa.has(e) ? "change" : "blur";
 }
-const at = V({ name: "EzFormItem" }), Ue = /* @__PURE__ */ V({
-  ...at,
-  props: /* @__PURE__ */ O({
+const za = x({ name: "EzFormItem" }), nt = /* @__PURE__ */ x({
+  ...za,
+  props: /* @__PURE__ */ _({
     config: {},
     formData: { default: () => ({}) }
   }, {
@@ -688,188 +721,208 @@ const at = V({ name: "EzFormItem" }), Ue = /* @__PURE__ */ V({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const d = e, l = M(e, "modelValue"), o = C(() => d.config?.itemAttrs && typeof d.config.itemAttrs == "object" ? d.config.itemAttrs : {}), s = C(() => d.config?.attrs && typeof d.config.attrs == "object" ? d.config.attrs : {}), f = C(() => d.config?.options && Array.isArray(d.config.options) ? d.config.options : []), a = /* @__PURE__ */ new WeakMap(), c = () => {
-      const { config: u } = d;
-      if (!u || typeof u != "object") return;
-      if (a.has(u))
-        return a.get(u);
-      let r;
-      return u.rules ? r = u.rules : u.required && (r = [{ required: !0, message: u.requiredMessage || `请${lt(u.type)}${u.label || ""}`, trigger: tt(u.type) }]), r !== void 0 && a.set(u, r), r;
+    const s = e, t = ee(e, "modelValue"), a = U(() => s.config?.itemAttrs && typeof s.config.itemAttrs == "object" ? s.config.itemAttrs : {}), i = U(() => s.config?.attrs && typeof s.config.attrs == "object" ? s.config.attrs : {}), o = U(() => {
+      const v = i.value, {
+        disabled: d,
+        modelValue: m,
+        "onUpdate:modelValue": Z,
+        ...F
+      } = v;
+      return F;
+    }), c = U(() => {
+      const v = i.value, {
+        api: d,
+        disabled: m,
+        modelValue: Z,
+        "onUpdate:modelValue": F,
+        ...q
+      } = v;
+      return q;
+    }), h = U(() => {
+      if (s.config?.type === B.UPLOAD_IMAGES)
+        return typeof i.value.api == "function" ? i.value.api : (() => {
+          throw new Error('[EzFormItem] "upload-images" requires attrs.api to be a function: (file: File) => Promise<{ url: string }>.');
+        })();
+    }), V = U(() => s.config?.options && Array.isArray(s.config.options) ? s.config.options : []), y = () => V.value, E = () => V.value, D = () => V.value, H = () => V.value, f = () => V.value, A = () => {
+      const { config: v } = s;
+      if (!v || typeof v != "object") return;
+      let d;
+      return v.rules ? d = v.rules : v.required && (d = [{ required: !0, message: v.requiredMessage || `请${Sa(v.type)}${v.label || ""}`, trigger: ka(v.type) }]), d;
     };
-    return (u, r) => e.config && e.config.prop ? (n(), m(t(ll), v({
+    return (v, d) => e.config && e.config.prop ? (r(), g(l(wt), S({
       key: 0,
       prop: e.config.prop,
       label: e.config.label,
-      rules: c()
-    }, o.value), te({
-      default: b(() => [
-        u.$slots.default ? A(u.$slots, "default", {
+      rules: A()
+    }, a.value), Se({
+      default: k(() => [
+        v.$slots.default ? R(v.$slots, "default", {
           key: 0,
           config: e.config,
-          value: l.value,
+          value: t.value,
           formData: e.formData
-        }) : e.config.component ? (n(), m(ie(e.config.component), v({
+        }) : e.config.component ? (r(), g(De(e.config.component), S({
           key: 1,
-          modelValue: l.value,
-          "onUpdate:modelValue": r[0] || (r[0] = (i) => l.value = i),
+          modelValue: t.value,
+          "onUpdate:modelValue": d[0] || (d[0] = (m) => t.value = m),
           disabled: e.config.disabled
-        }, s.value), null, 16, ["modelValue", "disabled"])) : (n(), E(I, { key: 2 }, [
-          e.config.type === t(k).INPUT || !e.config.type ? (n(), m(t(se), v({
+        }, o.value), null, 16, ["modelValue", "disabled"])) : (r(), C(X, { key: 2 }, [
+          e.config.type === l(B).INPUT || !e.config.type ? (r(), g(l(xe), S({
             key: 0,
-            modelValue: l.value,
-            "onUpdate:modelValue": r[1] || (r[1] = (i) => l.value = i),
+            modelValue: t.value,
+            "onUpdate:modelValue": d[1] || (d[1] = (m) => t.value = m),
             placeholder: e.config.placeholder || `请输入${e.config.label || ""}`,
             disabled: e.config.disabled,
             clearable: ""
-          }, s.value), null, 16, ["modelValue", "placeholder", "disabled"])) : e.config.type === t(k).TEXTAREA ? (n(), m(t(se), v({
+          }, o.value), null, 16, ["modelValue", "placeholder", "disabled"])) : e.config.type === l(B).TEXTAREA ? (r(), g(l(xe), S({
             key: 1,
-            modelValue: l.value,
-            "onUpdate:modelValue": r[2] || (r[2] = (i) => l.value = i),
+            modelValue: t.value,
+            "onUpdate:modelValue": d[2] || (d[2] = (m) => t.value = m),
             type: "textarea",
             placeholder: e.config.placeholder || `请输入${e.config.label || ""}`,
             disabled: e.config.disabled
-          }, s.value), null, 16, ["modelValue", "placeholder", "disabled"])) : e.config.type === t(k).NUMBER ? (n(), m(t(tl), v({
+          }, o.value), null, 16, ["modelValue", "placeholder", "disabled"])) : e.config.type === l(B).NUMBER ? (r(), g(l(St), S({
             key: 2,
-            modelValue: l.value,
-            "onUpdate:modelValue": r[3] || (r[3] = (i) => l.value = i),
+            modelValue: t.value,
+            "onUpdate:modelValue": d[3] || (d[3] = (m) => t.value = m),
             placeholder: e.config.placeholder,
             disabled: e.config.disabled
-          }, s.value), null, 16, ["modelValue", "placeholder", "disabled"])) : e.config.type === t(k).PASSWORD ? (n(), m(t(se), v({
+          }, o.value), null, 16, ["modelValue", "placeholder", "disabled"])) : e.config.type === l(B).PASSWORD ? (r(), g(l(xe), S({
             key: 3,
-            modelValue: l.value,
-            "onUpdate:modelValue": r[4] || (r[4] = (i) => l.value = i),
+            modelValue: t.value,
+            "onUpdate:modelValue": d[4] || (d[4] = (m) => t.value = m),
             type: "password",
             placeholder: e.config.placeholder || `请输入${e.config.label || ""}`,
             disabled: e.config.disabled,
             "show-password": "",
             clearable: ""
-          }, s.value), null, 16, ["modelValue", "placeholder", "disabled"])) : e.config.type === t(k).SELECT ? (n(), m(t(Te), v({
+          }, o.value), null, 16, ["modelValue", "placeholder", "disabled"])) : e.config.type === l(B).SELECT ? (r(), g(l(at), S({
             key: 4,
-            modelValue: l.value,
-            "onUpdate:modelValue": r[5] || (r[5] = (i) => l.value = i),
-            options: f.value,
+            modelValue: t.value,
+            "onUpdate:modelValue": d[5] || (d[5] = (m) => t.value = m),
+            options: y(),
             placeholder: e.config.placeholder || `请选择${e.config.label || ""}`,
             disabled: e.config.disabled
-          }, s.value), null, 16, ["modelValue", "options", "placeholder", "disabled"])) : e.config.type === t(k).RADIO ? (n(), m(t(xe), v({
+          }, o.value), null, 16, ["modelValue", "options", "placeholder", "disabled"])) : e.config.type === l(B).RADIO ? (r(), g(l(lt), S({
             key: 5,
-            modelValue: l.value,
-            "onUpdate:modelValue": r[6] || (r[6] = (i) => l.value = i),
-            options: f.value,
+            modelValue: t.value,
+            "onUpdate:modelValue": d[6] || (d[6] = (m) => t.value = m),
+            options: E(),
             disabled: e.config.disabled
-          }, s.value), null, 16, ["modelValue", "options", "disabled"])) : e.config.type === t(k).CHECKBOX ? (n(), m(t(Ae), v({
+          }, o.value), null, 16, ["modelValue", "options", "disabled"])) : e.config.type === l(B).CHECKBOX ? (r(), g(l(tt), S({
             key: 6,
-            modelValue: l.value,
-            "onUpdate:modelValue": r[7] || (r[7] = (i) => l.value = i),
-            options: f.value,
+            modelValue: t.value,
+            "onUpdate:modelValue": d[7] || (d[7] = (m) => t.value = m),
+            options: D(),
             disabled: e.config.disabled
-          }, s.value), null, 16, ["modelValue", "options", "disabled"])) : e.config.type === t(k).DATE ? (n(), m(t(ne), v({
+          }, o.value), null, 16, ["modelValue", "options", "disabled"])) : e.config.type === l(B).DATE ? (r(), g(l(Ce), S({
             key: 7,
-            modelValue: l.value,
-            "onUpdate:modelValue": r[8] || (r[8] = (i) => l.value = i),
+            modelValue: t.value,
+            "onUpdate:modelValue": d[8] || (d[8] = (m) => t.value = m),
             type: "date",
             placeholder: e.config.placeholder || `请选择${e.config.label || ""}`,
             disabled: e.config.disabled
-          }, s.value), null, 16, ["modelValue", "placeholder", "disabled"])) : e.config.type === t(k).DATETIME ? (n(), m(t(ne), v({
+          }, o.value), null, 16, ["modelValue", "placeholder", "disabled"])) : e.config.type === l(B).DATETIME ? (r(), g(l(Ce), S({
             key: 8,
-            modelValue: l.value,
-            "onUpdate:modelValue": r[9] || (r[9] = (i) => l.value = i),
+            modelValue: t.value,
+            "onUpdate:modelValue": d[9] || (d[9] = (m) => t.value = m),
             type: "datetime",
             placeholder: e.config.placeholder || `请选择${e.config.label || ""}`,
             disabled: e.config.disabled
-          }, s.value), null, 16, ["modelValue", "placeholder", "disabled"])) : e.config.type === t(k).DATERANGE ? (n(), m(t(ne), v({
+          }, o.value), null, 16, ["modelValue", "placeholder", "disabled"])) : e.config.type === l(B).DATERANGE ? (r(), g(l(Ce), S({
             key: 9,
-            modelValue: l.value,
-            "onUpdate:modelValue": r[10] || (r[10] = (i) => l.value = i),
+            modelValue: t.value,
+            "onUpdate:modelValue": d[10] || (d[10] = (m) => t.value = m),
             type: "daterange",
             "range-separator": "至",
             "start-placeholder": "开始日期",
             "end-placeholder": "结束日期",
             disabled: e.config.disabled
-          }, s.value), null, 16, ["modelValue", "disabled"])) : e.config.type === t(k).DATETIMERANGE ? (n(), m(t(ne), v({
+          }, o.value), null, 16, ["modelValue", "disabled"])) : e.config.type === l(B).DATETIMERANGE ? (r(), g(l(Ce), S({
             key: 10,
-            modelValue: l.value,
-            "onUpdate:modelValue": r[11] || (r[11] = (i) => l.value = i),
+            modelValue: t.value,
+            "onUpdate:modelValue": d[11] || (d[11] = (m) => t.value = m),
             type: "datetimerange",
             "range-separator": "至",
             "start-placeholder": "开始时间",
             "end-placeholder": "结束时间",
             disabled: e.config.disabled
-          }, s.value), null, 16, ["modelValue", "disabled"])) : e.config.type === t(k).TIME ? (n(), m(t(be), v({
+          }, o.value), null, 16, ["modelValue", "disabled"])) : e.config.type === l(B).TIME ? (r(), g(l(He), S({
             key: 11,
-            modelValue: l.value,
-            "onUpdate:modelValue": r[12] || (r[12] = (i) => l.value = i),
+            modelValue: t.value,
+            "onUpdate:modelValue": d[12] || (d[12] = (m) => t.value = m),
             placeholder: e.config.placeholder || `请选择${e.config.label || ""}`,
             disabled: e.config.disabled
-          }, s.value), null, 16, ["modelValue", "placeholder", "disabled"])) : e.config.type === t(k).TIMERANGE ? (n(), m(t(be), v({
+          }, o.value), null, 16, ["modelValue", "placeholder", "disabled"])) : e.config.type === l(B).TIMERANGE ? (r(), g(l(He), S({
             key: 12,
-            modelValue: l.value,
-            "onUpdate:modelValue": r[13] || (r[13] = (i) => l.value = i),
+            modelValue: t.value,
+            "onUpdate:modelValue": d[13] || (d[13] = (m) => t.value = m),
             "is-range": "",
             "range-separator": "至",
             "start-placeholder": "开始时间",
             "end-placeholder": "结束时间",
             disabled: e.config.disabled
-          }, s.value), null, 16, ["modelValue", "disabled"])) : e.config.type === t(k).SWITCH ? (n(), m(t(al), v({
+          }, o.value), null, 16, ["modelValue", "disabled"])) : e.config.type === l(B).SWITCH ? (r(), g(l(kt), S({
             key: 13,
-            modelValue: l.value,
-            "onUpdate:modelValue": r[14] || (r[14] = (i) => l.value = i),
+            modelValue: t.value,
+            "onUpdate:modelValue": d[14] || (d[14] = (m) => t.value = m),
             disabled: e.config.disabled
-          }, s.value), null, 16, ["modelValue", "disabled"])) : e.config.type === t(k).TREE_SELECT ? (n(), m(t(ol), v({
+          }, o.value), null, 16, ["modelValue", "disabled"])) : e.config.type === l(B).TREE_SELECT ? (r(), g(l(zt), S({
             key: 14,
-            modelValue: l.value,
-            "onUpdate:modelValue": r[15] || (r[15] = (i) => l.value = i),
-            data: f.value,
+            modelValue: t.value,
+            "onUpdate:modelValue": d[15] || (d[15] = (m) => t.value = m),
+            data: H(),
             placeholder: e.config.placeholder || `请选择${e.config.label || ""}`,
             disabled: e.config.disabled
-          }, s.value), null, 16, ["modelValue", "data", "placeholder", "disabled"])) : e.config.type === t(k).CASCADER ? (n(), m(t(nl), v({
+          }, o.value), null, 16, ["modelValue", "data", "placeholder", "disabled"])) : e.config.type === l(B).CASCADER ? (r(), g(l(Ct), S({
             key: 15,
-            modelValue: l.value,
-            "onUpdate:modelValue": r[16] || (r[16] = (i) => l.value = i),
-            options: f.value,
+            modelValue: t.value,
+            "onUpdate:modelValue": d[16] || (d[16] = (m) => t.value = m),
+            options: f(),
             placeholder: e.config.placeholder || `请选择${e.config.label || ""}`,
             disabled: e.config.disabled,
             clearable: ""
-          }, s.value), null, 16, ["modelValue", "options", "placeholder", "disabled"])) : e.config.type === t(k).TREE ? (n(), m(t(sl), v({
+          }, o.value), null, 16, ["modelValue", "options", "placeholder", "disabled"])) : e.config.type === l(B).SLIDER ? (r(), g(l(At), S({
             key: 16,
-            modelValue: l.value,
-            "onUpdate:modelValue": r[17] || (r[17] = (i) => l.value = i),
-            data: f.value,
-            "show-checkbox": "",
-            "node-key": "id"
-          }, s.value), null, 16, ["modelValue", "data"])) : e.config.type === t(k).SLIDER ? (n(), m(t(rl), v({
+            modelValue: t.value,
+            "onUpdate:modelValue": d[17] || (d[17] = (m) => t.value = m),
+            disabled: e.config.disabled
+          }, o.value), null, 16, ["modelValue", "disabled"])) : e.config.type === l(B).RATE ? (r(), g(l(Dt), S({
             key: 17,
-            modelValue: l.value,
-            "onUpdate:modelValue": r[18] || (r[18] = (i) => l.value = i),
+            modelValue: t.value,
+            "onUpdate:modelValue": d[18] || (d[18] = (m) => t.value = m),
             disabled: e.config.disabled
-          }, s.value), null, 16, ["modelValue", "disabled"])) : e.config.type === t(k).RATE ? (n(), m(t(il), v({
+          }, o.value), null, 16, ["modelValue", "disabled"])) : e.config.type === l(B).UPLOAD_IMAGES ? (r(), g(l(ot), S({
             key: 18,
-            modelValue: l.value,
-            "onUpdate:modelValue": r[19] || (r[19] = (i) => l.value = i),
+            modelValue: t.value,
+            "onUpdate:modelValue": d[19] || (d[19] = (m) => t.value = m),
+            api: h.value,
             disabled: e.config.disabled
-          }, s.value), null, 16, ["modelValue", "disabled"])) : e.config.type === t(k).UPLOAD_IMAGES && s.value.api ? (n(), m(t(Re), v({
-            key: 19,
-            modelValue: l.value,
-            "onUpdate:modelValue": r[20] || (r[20] = (i) => l.value = i),
-            api: s.value.api,
-            disabled: e.config.disabled
-          }, s.value), null, 16, ["modelValue", "api", "disabled"])) : S("", !0)
+          }, c.value), null, 16, ["modelValue", "api", "disabled"])) : O("", !0)
         ], 64))
       ]),
       _: 2
     }, [
-      u.$slots.label ? {
+      v.$slots.label ? {
         name: "label",
-        fn: b(() => [
-          A(u.$slots, "label", { config: e.config })
+        fn: k(() => [
+          R(v.$slots, "label", { config: e.config })
         ]),
         key: "0"
       } : void 0
-    ]), 1040, ["prop", "label", "rules"])) : S("", !0);
+    ]), 1040, ["prop", "label", "rules"])) : O("", !0);
   }
-}), ot = V({ name: "EzDynamicForm", inheritAttrs: !1 }), nt = /* @__PURE__ */ V({
-  ...ot,
-  props: /* @__PURE__ */ O({
+}), Ca = {
+  key: 0,
+  class: "ez-dynamic-form-group__title"
+}, Aa = {
+  key: 1,
+  class: "ez-dynamic-form-group__description"
+}, Da = x({ name: "EzDynamicForm", inheritAttrs: !1 }), xa = /* @__PURE__ */ x({
+  ...Da,
+  props: /* @__PURE__ */ _({
     items: { default: () => [] },
+    groups: { default: () => [] },
     modelValue: {},
     cols: { default: 1 },
     gutter: { default: 20 },
@@ -891,292 +944,494 @@ const at = V({ name: "EzFormItem" }), Ue = /* @__PURE__ */ V({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(e, { expose: d }) {
-    const l = e, o = M(e, "modelValue"), s = Oe(), f = () => {
-      o.value && l.items.forEach((p) => {
-        p.prop in o.value || (o.value[p.prop] = p.defaultValue !== void 0 ? p.defaultValue : void 0);
+  setup(e, { expose: s }) {
+    const t = e, a = ct(), i = ee(e, "modelValue"), o = Ue(), c = Ue({}), h = (u) => Object.prototype.toString.call(u) === "[object Object]", V = (u) => {
+      const b = /* @__PURE__ */ new WeakMap(), n = (w) => {
+        if (w instanceof Date)
+          return new Date(w.getTime());
+        if (Array.isArray(w)) {
+          const T = w;
+          if (b.has(T))
+            return b.get(T);
+          const Q = [];
+          return b.set(T, Q), T.forEach((ce, fe) => {
+            Q[fe] = n(ce);
+          }), Q;
+        }
+        if (h(w)) {
+          const T = w;
+          if (b.has(T))
+            return b.get(T);
+          const Q = {};
+          return b.set(T, Q), Object.entries(T).forEach(([ce, fe]) => {
+            Q[ce] = n(fe);
+          }), Q;
+        }
+        return w;
+      };
+      return n(u);
+    }, y = (u) => h(u) && ("value" in u || "fields" in u || "omit" in u), E = () => {
+      h(i.value) || (i.value = {});
+    }, D = () => {
+      E(), i.value && A.value.forEach((u) => {
+        u.prop in i.value || (i.value[u.prop] = u.defaultValue !== void 0 ? u.defaultValue : void 0);
       });
-    };
-    Ne(() => l.items, f, { deep: !0, immediate: !0 }), ue(f);
-    const a = C(() => Math.floor(24 / l.cols)), c = C(() => l.items?.length ? l.items.filter((p) => {
-      if (p.hidden) return !1;
-      if (p.show)
+    }, H = U(() => {
+      const { items: u, groups: b, cols: n, gutter: w, modelValue: T, ...Q } = t;
+      return Q;
+    }), f = U(() => Math.floor(24 / t.cols)), A = U(() => t.groups?.length ? t.groups.flatMap((u) => u.items || []) : t.items || []), v = U(() => Array.isArray(t.groups) && t.groups.length > 0), d = () => {
+      const u = (t.items?.length || 0) > 0, b = (t.groups?.length || 0) > 0;
+      if (u && b)
+        throw new Error('[EzDynamicForm] "items" and "groups" cannot be used at the same time. Choose exactly one configuration mode.');
+    }, m = (u) => {
+      const b = {};
+      return A.value.forEach((n) => {
+        Object.prototype.hasOwnProperty.call(u, n.prop) && (b[n.prop] = V(u[n.prop]));
+      }), b;
+    }, Z = (u, b, n) => {
+      console.error(`[EzDynamicForm] ${u} error for field "${b.prop}":`, n);
+    }, F = (u, b) => ({
+      item: V(u),
+      formData: V(b)
+    }), q = (u) => {
+      const b = V(u);
+      return A.value.forEach((n) => {
+        if (n.deserialize)
+          try {
+            const w = F(n, b);
+            b[n.prop] = n.deserialize(b[n.prop], w.formData, w.item);
+          } catch (w) {
+            Z("deserialize", n, w);
+          }
+      }), b;
+    }, N = (u) => {
+      const b = V(u);
+      return A.value.forEach((n) => {
+        if (!n.serialize) return;
+        let w;
         try {
-          return p.show(o.value);
-        } catch (R) {
-          return console.error(`[EzDynamicForm] Visibility error for "${p.prop}":`, R), !1;
+          const T = F(n, b);
+          w = n.serialize(b[n.prop], T.formData, T.item);
+        } catch (T) {
+          Z("serialize", n, T);
+          return;
         }
-      return !0;
-    }) : []), u = (p) => p.span !== void 0 ? Math.max(1, Math.min(24, p.span)) : a.value, r = (p) => {
-      let R = p.disabled || l.disabled;
-      if (!R && p.disabledWhen)
-        try {
-          R = p.disabledWhen(o.value);
-        } catch (z) {
-          console.error(`[EzDynamicForm] Disabled check error for "${p.prop}":`, z);
+        if (w !== void 0) {
+          if (y(w)) {
+            Object.prototype.hasOwnProperty.call(w, "value") && (b[n.prop] = V(w.value)), w.fields && h(w.fields) && Object.assign(b, V(w.fields)), w.omit && delete b[n.prop];
+            return;
+          }
+          b[n.prop] = V(w);
         }
-      return { ...p, disabled: R };
+      }), b;
     };
-    return d({
-      validate: async () => {
-        if (!s.value)
-          return console.warn("[EzDynamicForm] Form ref is not available"), !1;
-        try {
-          return await s.value.validate(), !0;
-        } catch {
-          return !1;
-        }
-      },
-      validateField: async (p) => {
-        if (!s.value)
-          return console.warn("[EzDynamicForm] Form ref is not available"), !1;
+    ye(() => [t.items, t.groups], d, { deep: !0, immediate: !0 }), ye(() => [t.items, t.groups], D, { deep: !0, immediate: !0 }), ye(i, D, { immediate: !0 }), Me(() => {
+      D(), pe();
+    });
+    const re = (u, b, n) => {
+      if (!u) return !0;
+      try {
+        return u(i.value);
+      } catch (w) {
+        return console.error(`[EzDynamicForm] ${b} visibility error for "${n}":`, w), !1;
+      }
+    }, P = U(() => {
+      const u = v.value ? t.groups : [{ items: t.items || [], cols: t.cols, gutter: t.gutter }], b = [];
+      return u.forEach((n, w) => {
+        if (!n || n.hidden) return;
+        const T = n.name || `group-${w}`;
+        if (!re(n.show, "group", T)) return;
+        const Q = (n.items || []).filter((L) => L.hidden ? !1 : re(L.show, "item", L.prop)), ce = Math.max(1, n.cols || t.cols), fe = n.gutter ?? t.gutter, p = n.headerSlot || (n.name ? `group-header-${n.name}` : void 0), z = n.slot || (n.name ? `group-${n.name}` : void 0);
+        b.push({
+          key: `${T}-${w}`,
+          index: w,
+          group: n,
+          items: Q,
+          cols: ce,
+          gutter: fe,
+          headerSlotName: p,
+          bodySlotName: z
+        });
+      }), b;
+    }), $ = (u, b) => {
+      if (u.span !== void 0)
+        return Math.max(1, Math.min(24, u.span));
+      const n = Math.max(1, b);
+      return Math.max(1, Math.floor(24 / n)) || f.value;
+    }, I = (u) => v.value ? u.group.title || u.group.description || u.headerSlotName && a[u.headerSlotName] ? !0 : !!a["group-header"] : !1, J = (u) => {
+      let b = u.disabled || t.disabled;
+      if (!b && u.disabledWhen)
         try {
-          return await s.value.validateField(p), !0;
-        } catch {
-          return !1;
+          b = u.disabledWhen(i.value);
+        } catch (n) {
+          console.error(`[EzDynamicForm] Disabled check error for "${u.prop}":`, n);
         }
+      return { ...u, disabled: b };
+    }, ae = async () => {
+      if (!o.value)
+        return console.warn("[EzDynamicForm] Form ref is not available"), !1;
+      try {
+        return await o.value.validate(), !0;
+      } catch {
+        return !1;
+      }
+    }, le = async (u) => {
+      if (!o.value)
+        return console.warn("[EzDynamicForm] Form ref is not available"), !1;
+      try {
+        return await o.value.validateField(u), !0;
+      } catch {
+        return !1;
+      }
+    }, oe = (u) => {
+      if (!o.value) {
+        console.warn("[EzDynamicForm] Form ref is not available");
+        return;
+      }
+      o.value.clearValidate(u);
+    }, ne = () => V(i.value), se = () => N(ne()), pe = () => {
+      c.value = ne();
+    }, Ve = (u, b = !0) => {
+      if (!u) return;
+      E();
+      const n = V(u);
+      b ? Object.assign(i.value, n) : i.value = n, D(), Pe(() => {
+        o.value?.clearValidate();
+      });
+    };
+    return s({
+      validate: ae,
+      validateField: le,
+      clearValidate: oe,
+      getFormData: ne,
+      getSubmitData: se,
+      setFormData: Ve,
+      setSubmitData: (u, b = !0) => {
+        u && Ve(m(q(u)), b);
       },
-      clearValidate: (p) => {
-        if (!s.value) {
-          console.warn("[EzDynamicForm] Form ref is not available");
-          return;
-        }
-        s.value.clearValidate(p);
-      },
-      getFormData: () => ({ ...o.value }),
-      setFormData: (p, R = !0) => {
-        p && (R ? Object.assign(o.value, p) : o.value = { ...p });
+      resetForm: () => {
+        i.value = V(c.value), D(), Pe(() => {
+          o.value?.clearValidate();
+        });
       },
-      formRef: s
-    }), (p, R) => (n(), m(t(ul), v({
+      captureInitialData: pe,
+      formRef: o
+    }), (u, b) => (r(), g(l(xt), S({
       ref_key: "formRef",
-      ref: s,
+      ref: o,
       class: "ez-dynamic-form",
-      "label-width": "auto"
-    }, p.$attrs, { model: o.value }), {
-      default: b(() => [
-        x(t(dl), {
-          gutter: l.gutter
+      "label-width": t.labelWidth ?? "auto"
+    }, H.value, { model: i.value }), {
+      default: k(() => [
+        (r(!0), C(X, null, ie(P.value, (n) => (r(), g(De(v.value ? "section" : "div"), {
+          key: n.key,
+          class: Ae(v.value ? ["ez-dynamic-form-group", n.group.className] : void 0),
+          style: we(v.value ? n.group.style : void 0)
         }, {
-          default: b(() => [
-            (n(!0), E(I, null, j(c.value, (z) => (n(), m(t(cl), {
-              key: z.prop,
-              span: u(z)
+          default: k(() => [
+            I(n) ? (r(), C("div", {
+              key: 0,
+              class: Ae(["ez-dynamic-form-group__header", n.group.headerClassName]),
+              style: we(n.group.headerStyle)
+            }, [
+              n.headerSlotName && u.$slots[n.headerSlotName] ? R(u.$slots, n.headerSlotName, {
+                key: 0,
+                group: n.group,
+                index: n.index,
+                items: n.items,
+                formData: i.value
+              }) : u.$slots["group-header"] ? R(u.$slots, "group-header", {
+                key: 1,
+                group: n.group,
+                index: n.index,
+                items: n.items,
+                formData: i.value
+              }) : (r(), C(X, { key: 2 }, [
+                n.group.title ? (r(), C("div", Ca, de(n.group.title), 1)) : O("", !0),
+                n.group.description ? (r(), C("div", Aa, de(n.group.description), 1)) : O("", !0)
+              ], 64))
+            ], 6)) : O("", !0),
+            v.value && n.bodySlotName && u.$slots[n.bodySlotName] ? R(u.$slots, n.bodySlotName, {
+              key: 1,
+              group: n.group,
+              index: n.index,
+              items: n.items,
+              formData: i.value
+            }) : v.value && u.$slots.group ? R(u.$slots, "group", {
+              key: 2,
+              group: n.group,
+              index: n.index,
+              items: n.items,
+              formData: i.value
+            }) : (r(), g(l(Ut), {
+              key: 3,
+              gutter: n.gutter,
+              class: Ae(v.value ? ["ez-dynamic-form-group__body", n.group.bodyClassName] : void 0),
+              style: we(v.value ? n.group.bodyStyle : void 0)
             }, {
-              default: b(() => [
-                x(Ue, {
-                  modelValue: o.value[z.prop],
-                  "onUpdate:modelValue": (y) => o.value[z.prop] = y,
-                  config: r(z),
-                  formData: o.value
-                }, te({ _: 2 }, [
-                  p.$slots[`label-${z.prop}`] ? {
-                    name: "label",
-                    fn: b(() => [
-                      A(p.$slots, `label-${z.prop}`, { item: z })
-                    ]),
-                    key: "0"
-                  } : void 0,
-                  p.$slots[z.prop] ? {
-                    name: "default",
-                    fn: b(({ config: y, value: g }) => [
-                      A(p.$slots, z.prop, {
-                        item: y,
-                        value: g,
-                        formData: o.value
-                      })
-                    ]),
-                    key: "1"
-                  } : void 0
-                ]), 1032, ["modelValue", "onUpdate:modelValue", "config", "formData"])
+              default: k(() => [
+                (r(!0), C(X, null, ie(n.items, (w) => (r(), g(l(Pt), {
+                  key: `${n.key}-${w.prop}`,
+                  span: $(w, n.cols)
+                }, {
+                  default: k(() => [
+                    W(nt, {
+                      modelValue: i.value[w.prop],
+                      "onUpdate:modelValue": (T) => i.value[w.prop] = T,
+                      config: J(w),
+                      formData: i.value
+                    }, Se({ _: 2 }, [
+                      u.$slots[`label-${w.prop}`] ? {
+                        name: "label",
+                        fn: k(() => [
+                          R(u.$slots, `label-${w.prop}`, { item: w })
+                        ]),
+                        key: "0"
+                      } : void 0,
+                      u.$slots[w.prop] ? {
+                        name: "default",
+                        fn: k(({ config: T, value: Q }) => [
+                          R(u.$slots, w.prop, {
+                            item: T,
+                            value: Q,
+                            formData: i.value
+                          })
+                        ]),
+                        key: "1"
+                      } : void 0
+                    ]), 1032, ["modelValue", "onUpdate:modelValue", "config", "formData"])
+                  ]),
+                  _: 2
+                }, 1032, ["span"]))), 128))
               ]),
               _: 2
-            }, 1032, ["span"]))), 128))
+            }, 1032, ["gutter", "class", "style"]))
           ]),
-          _: 3
-        }, 8, ["gutter"])
+          _: 2
+        }, 1032, ["class", "style"]))), 128))
       ]),
       _: 3
-    }, 16, ["model"]));
+    }, 16, ["label-width", "model"]));
   }
-}), st = N(nt), rt = N(Ue), it = V({ name: "EzTable" }), ut = /* @__PURE__ */ V({
-  ...it,
+}), Ua = te(xa), Pa = te(nt), Ta = x({ name: "EzTable", inheritAttrs: !1 }), rt = /* @__PURE__ */ x({
+  ...Ta,
   props: {
     data: { default: () => [] },
     columns: { default: () => [] },
-    rowKey: {}
+    border: { type: Boolean, default: !0 },
+    rowKey: { type: [String, Function], default: "id" }
   },
-  setup(e, { expose: d }) {
-    const l = e, o = B(), s = (a) => {
-      const c = l.columns[l.columns.length - 1], u = () => a.type ? !1 : a.prop !== c.prop;
-      return { ...{
-        align: "center",
-        hidden: 1,
-        resizable: !0,
-        reserveSelection: a.type === "selection",
-        /** 默认最后一个 */
-        showOverflowTooltip: u()
-      }, ...a };
+  setup(e, { expose: s }) {
+    const t = e, a = G(), i = /* @__PURE__ */ new Set(["hidden", "emptyValue", "sortMode", "sortField"]), o = (f) => f === !0, c = (f) => f == null || f === "", h = () => t.columns.filter((f) => ["selection", "index", "expand"].includes(f.type || "") ? !1 : !o(f.hidden)), V = U(() => {
+      const f = h(), A = f[f.length - 1];
+      return A?.columnKey || A?.prop || null;
+    }), y = (f) => f.type ? !1 : (f.columnKey || f.prop) !== V.value, E = (f) => {
+      const A = f.formatter, v = f.emptyValue !== void 0;
+      if (!(!A && !v))
+        return (d, m, Z, F) => {
+          const q = A ? A(d, m, Z, F) : Z;
+          return v && c(q) ? f.emptyValue : q;
+        };
+    }, D = (f) => {
+      const v = {
+        ...{
+          align: "center",
+          resizable: !0,
+          reserveSelection: f.type === "selection",
+          showOverflowTooltip: y(f)
+        },
+        ...f,
+        formatter: E(f)
+      }, d = Object.fromEntries(
+        Object.entries(v).filter(([m]) => !i.has(m))
+      );
+      return f.sortMode === "remote" && (d.sortable = "custom"), d;
     };
-    return d({
-      getTableRef: () => o.value,
-      clearSelection: () => o.value?.clearSelection(),
-      toggleRowSelection: (a, c) => o.value?.toggleRowSelection(a, c),
-      toggleAllSelection: () => o.value?.toggleAllSelection(),
-      toggleRowExpansion: (a, c) => o.value?.toggleRowExpansion(a, c),
-      setCurrentRow: (a) => o.value?.setCurrentRow(a),
-      clearSort: () => o.value?.clearSort(),
-      clearFilter: (a) => o.value?.clearFilter(a),
-      doLayout: () => o.value?.doLayout(),
-      sort: (a, c) => o.value?.sort(a, c)
-    }), (a, c) => (n(), m(t(fl), v({
+    return s({
+      getTableRef: () => a.value,
+      clearSelection: () => a.value?.clearSelection(),
+      toggleRowSelection: (f, A) => a.value?.toggleRowSelection(f, A),
+      toggleAllSelection: () => a.value?.toggleAllSelection(),
+      toggleRowExpansion: (f, A) => a.value?.toggleRowExpansion(f, A),
+      setCurrentRow: (f) => a.value?.setCurrentRow(f),
+      clearSort: () => a.value?.clearSort(),
+      clearFilter: (f) => a.value?.clearFilter(f),
+      doLayout: () => a.value?.doLayout(),
+      sort: (f, A) => a.value?.sort(f, A)
+    }), (f, A) => (r(), g(l(Tt), S({
       ref_key: "tableRef",
-      ref: o,
-      data: l.data,
-      border: "",
-      "row-key": "id"
-    }, a.$attrs), te({
-      default: b(() => [
-        (n(!0), E(I, null, j(l.columns, (u) => (n(), E(I, {
-          key: u.prop
+      ref: a,
+      data: t.data,
+      border: t.border,
+      "row-key": t.rowKey
+    }, f.$attrs), Se({
+      default: k(() => [
+        (r(!0), C(X, null, ie(t.columns, (v, d) => (r(), C(X, {
+          key: v.columnKey || v.prop || `${v.type || "column"}-${d}`
         }, [
-          ["selection", "index"].includes(u.type) ? (n(), m(t(ye), v({
+          ["selection", "index"].includes(v.type) ? (r(), g(l(Ge), S({
             key: 0,
             ref_for: !0
-          }, s(u)), null, 16)) : u.hidden ? S("", !0) : (n(), m(t(ye), v({
+          }, D(v)), null, 16)) : o(v.hidden) ? O("", !0) : (r(), g(l(Ge), S({
             key: 1,
             ref_for: !0
-          }, s(u)), te({ _: 2 }, [
-            a.$slots[u.prop] ? {
+          }, D(v)), Se({ _: 2 }, [
+            f.$slots[v.prop] ? {
               name: "default",
-              fn: b((r) => [
-                A(a.$slots, u.prop, v({ ref_for: !0 }, r))
+              fn: k((m) => [
+                R(f.$slots, v.prop, S({ ref_for: !0 }, m))
               ]),
               key: "0"
-            } : u.transform ? {
-              name: "default",
-              fn: b((r) => [
-                Z(Y(u.transform(r.row)), 1)
-              ]),
-              key: "1"
             } : void 0,
-            a.$slots[`header-${u.prop}`] ? {
+            f.$slots[`header-${v.prop}`] ? {
               name: "header",
-              fn: b((r) => [
-                A(a.$slots, `header-${u.prop}`, v({ ref_for: !0 }, r))
+              fn: k((m) => [
+                R(f.$slots, `header-${v.prop}`, S({ ref_for: !0 }, m))
               ]),
-              key: "2"
+              key: "1"
             } : void 0
           ]), 1040))
         ], 64))), 128))
       ]),
       _: 2
     }, [
-      a.$slots?.append ? {
+      f.$slots?.append ? {
         name: "append",
-        fn: b(() => [
-          A(a.$slots, "append")
+        fn: k(() => [
+          R(f.$slots, "append")
         ]),
         key: "0"
       } : void 0,
-      a.$slots?.empty ? {
+      f.$slots?.empty ? {
         name: "empty",
-        fn: b(() => [
-          A(a.$slots, "empty")
+        fn: k(() => [
+          R(f.$slots, "empty")
         ]),
         key: "1"
       } : void 0
-    ]), 1040, ["data"]));
+    ]), 1040, ["data", "border", "row-key"]));
   }
-}), De = N(ut), dt = { class: "ez-search-form" }, ct = { class: "ez-search-form__operate" }, ft = V({ name: "EzSearchForm", inheritAttrs: !1 }), mt = /* @__PURE__ */ V({
-  ...ft,
-  props: /* @__PURE__ */ O({
-    collapsedHeight: { default: 50 },
-    reset: { type: Boolean }
+}), Ma = { class: "ez-query-panel" }, Ra = { class: "ez-query-panel__operate" }, Ia = x({ name: "EzQueryPanel", inheritAttrs: !1 }), Oa = /* @__PURE__ */ x({
+  ...Ia,
+  props: /* @__PURE__ */ _({
+    expanded: { type: Boolean },
+    collapsedHeight: { default: 50 }
   }, {
-    expanded: { default: !1 },
+    expanded: { type: Boolean, default: !1 },
     expandedModifiers: {}
   }),
   emits: ["update:expanded"],
-  setup(e, { expose: d }) {
-    const l = e, { t: o } = ae(), s = B(), f = B(0), a = M(e, "expanded"), c = C(() => f.value > l.collapsedHeight), u = C(() => a.value ? ql : Ol), r = C(() => a.value ? o("s.button.collapse") : o("s.button.expand"));
-    let i = null;
-    const U = $l(() => {
-      s.value && (f.value = s.value.scrollHeight);
-    }, 100), G = () => {
-      a.value = !a.value;
+  setup(e, { expose: s }) {
+    const t = e, { t: a } = ke(), i = G(), o = G(), c = G(0), h = ee(e, "expanded"), V = U(() => c.value > t.collapsedHeight), y = U(() => h.value ? da : ia), E = U(() => h.value ? a("s.button.collapse") : a("s.button.expand"));
+    let D = null;
+    const H = jt(() => {
+      i.value && (c.value = i.value.scrollHeight);
+    }, 100), f = () => {
+      h.value = !h.value;
     };
-    return ue(() => {
+    return Me(() => {
       setTimeout(() => {
-        s.value && (U(), i = new ResizeObserver(U), i.observe(s.value));
+        i.value && (H(), D = new ResizeObserver(H), D.observe(i.value));
       }, 50);
-    }), qe(() => {
-      i && (i.disconnect(), i = null);
-    }), d({
-      countViewHeight: U
-    }), (F, W) => (n(), E("div", dt, [
-      P("div", {
-        class: "ez-search-form__wrapper",
-        style: Ce({
-          height: f.value ? a.value ? `${f.value}px` : `${l.collapsedHeight}px` : "auto"
+    }), ft(() => {
+      D && (D.disconnect(), D = null);
+    }), s({
+      countViewHeight: H
+    }), (A, v) => (r(), C("div", Ma, [
+      Y("div", {
+        class: "ez-query-panel__wrapper",
+        style: we({
+          height: c.value ? h.value ? `${c.value}px` : `${t.collapsedHeight}px` : "auto"
         })
       }, [
-        P("div", ct, [
-          A(F.$slots, "operate"),
-          c.value ? (n(), m(t(J), {
-            key: 0,
-            icon: u.value,
-            size: "small",
-            title: r.value,
-            circle: "",
-            onClick: W[0] || (W[0] = (p) => G())
-          }, null, 8, ["icon", "title"])) : S("", !0)
-        ]),
-        P("div", {
-          ref_key: "wrapRef",
-          ref: s
+        Y("div", {
+          ref_key: "layoutRef",
+          ref: i,
+          class: "ez-query-panel__layout"
         }, [
-          A(F.$slots, "default")
+          Y("div", Ra, [
+            R(A.$slots, "operate"),
+            V.value ? (r(), g(l(be), {
+              key: 0,
+              icon: y.value,
+              size: "small",
+              title: E.value,
+              circle: "",
+              onClick: v[0] || (v[0] = (d) => f())
+            }, null, 8, ["icon", "title"])) : O("", !0)
+          ]),
+          Y("div", {
+            ref_key: "wrapRef",
+            ref: o,
+            class: "ez-query-panel__content"
+          }, [
+            R(A.$slots, "default")
+          ], 512)
         ], 512)
       ], 4)
     ]));
   }
-}), Me = N(mt), vt = V({ name: "EzPagination", inheritAttrs: !1 }), pt = /* @__PURE__ */ V({
-  ...vt,
-  props: {
+}), st = te(Oa), Ba = x({ name: "EzPagination", inheritAttrs: !1 }), Fa = /* @__PURE__ */ x({
+  ...Ba,
+  props: /* @__PURE__ */ _({
     currentPage: {},
-    currentPageModifiers: {},
     pageSize: {},
+    total: {},
+    pageSizes: { default: () => [10, 20, 50, 100] },
+    layout: { default: "total, sizes, prev, pager, next, jumper" },
+    background: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  }, {
+    currentPage: { default: 1 },
+    currentPageModifiers: {},
+    pageSize: { default: 10 },
     pageSizeModifiers: {}
-  },
-  emits: ["update:currentPage", "update:pageSize"],
-  setup(e) {
-    const d = M(e, "currentPage"), l = M(e, "pageSize"), { attrs: o } = Q(["currentPage", "pageSize"]);
-    return (s, f) => (n(), m(t(ml), v({
-      "current-page": d.value,
-      "onUpdate:currentPage": f[0] || (f[0] = (a) => d.value = a),
-      "page-size": l.value,
-      "onUpdate:pageSize": f[1] || (f[1] = (a) => l.value = a),
-      "page-sizes": [10, 20, 50, 100],
-      layout: "total, sizes, prev, pager, next, jumper"
-    }, t(o)), null, 16, ["current-page", "page-size"]));
+  }),
+  emits: /* @__PURE__ */ _(["update:currentPage", "update:pageSize", "current-change", "size-change", "change"], ["update:currentPage", "update:pageSize"]),
+  setup(e, { emit: s }) {
+    const t = e, a = ee(e, "currentPage"), i = ee(e, "pageSize"), o = s, c = (y) => {
+      o("current-change", y), o("change", y, i.value);
+    }, h = (y) => {
+      o("size-change", y), o("change", a.value, y);
+    }, { attrs: V } = Ee([
+      "currentPage",
+      "pageSize",
+      "total",
+      "pageSizes",
+      "layout",
+      "background",
+      "disabled"
+    ]);
+    return (y, E) => (r(), g(l(Mt), S({
+      "current-page": a.value,
+      "onUpdate:currentPage": E[0] || (E[0] = (D) => a.value = D),
+      "page-size": i.value,
+      "onUpdate:pageSize": E[1] || (E[1] = (D) => i.value = D),
+      total: t.total,
+      "page-sizes": t.pageSizes,
+      layout: t.layout,
+      background: t.background,
+      disabled: t.disabled,
+      onCurrentChange: c,
+      onSizeChange: h
+    }, l(V)), null, 16, ["current-page", "page-size", "total", "page-sizes", "layout", "background", "disabled"]));
   }
-}), Pe = N(pt);
-var re = /* @__PURE__ */ ((e) => (e.ASC = "ascending", e.DESC = "descending", e[e.EMPTY = null] = "EMPTY", e))(re || {});
-const gt = (e) => {
-  const d = B([]), l = C(() => d.value), o = C(() => d.value.map((a) => a[e]));
+}), it = te(Fa);
+var Te = /* @__PURE__ */ ((e) => (e.ASC = "ascending", e.DESC = "descending", e[e.EMPTY = null] = "EMPTY", e))(Te || {});
+const Na = (e, s) => typeof s == "function" ? s(e) : e[s], La = (e) => {
+  const s = Ue([]), t = U(() => s.value), a = U(() => s.value.map((c) => Na(c, e)));
   return {
-    selectionChange: (a) => {
-      d.value = a;
+    selectionChange: (c) => {
+      s.value = c;
     },
-    getSelectedList: l,
-    getSelectedIds: o,
-    getSortParams: ({ prop: a, order: c }) => {
-      const u = { asc: null, desc: null };
-      return c === re.ASC ? (u.asc = a, u.desc = null) : c === re.DESC && (u.asc = null, u.desc = a), u;
+    getSelectedList: t,
+    getSelectedIds: a,
+    getSortParams: ({ prop: c, order: h }, V) => {
+      const y = V || c, E = { asc: null, desc: null };
+      return h === Te.ASC ? (E.asc = y, E.desc = null) : h === Te.DESC && (E.asc = null, E.desc = y), E;
     }
   };
-}, bt = /* @__PURE__ */ V({
+}, qa = /* @__PURE__ */ x({
   __name: "column-config",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -1184,242 +1439,370 @@ const gt = (e) => {
     columns: { default: () => [] },
     columnsModifiers: {}
   },
-  emits: /* @__PURE__ */ O(["change"], ["update:modelValue", "update:columns"]),
-  setup(e, { emit: d }) {
-    const { t: l } = ae(), o = ["selection", "index", "expand"], s = d, f = M(e, "modelValue"), a = M(e, "columns"), c = (u) => a.value.filter((i) => i.hidden === 0).length < 2 && u.hidden === 0;
-    return (u, r) => (n(), m(t(vl), {
-      modelValue: f.value,
-      "onUpdate:modelValue": r[1] || (r[1] = (i) => f.value = i),
+  emits: /* @__PURE__ */ _(["change"], ["update:modelValue", "update:columns"]),
+  setup(e, { emit: s }) {
+    const { t } = ke(), a = ["selection", "index", "expand"], i = s, o = ee(e, "modelValue"), c = ee(e, "columns"), h = (V) => c.value.filter((E) => !E.hidden).length < 2 && !V.hidden;
+    return (V, y) => (r(), g(l(Rt), {
+      modelValue: o.value,
+      "onUpdate:modelValue": y[1] || (y[1] = (E) => o.value = E),
       class: "ez-column-wrapper",
-      title: t(l)("s.label.column"),
+      title: l(t)("s.label.column"),
       size: "15%"
     }, {
-      default: b(() => [
-        (n(!0), E(I, null, j(a.value, (i) => (n(), E(I, {
-          key: i.prop
+      default: k(() => [
+        (r(!0), C(X, null, ie(c.value, (E, D) => (r(), C(X, {
+          key: E.columnKey || E.prop || `${E.type || "column"}-${D}`
         }, [
-          o.includes(i.type) ? S("", !0) : (n(), m(t(Se), {
+          a.includes(E.type) ? O("", !0) : (r(), g(l(et), {
             key: 0,
-            modelValue: i.hidden,
-            "onUpdate:modelValue": (U) => i.hidden = U,
+            "model-value": !E.hidden,
             class: "flex",
-            "true-value": 0,
-            "false-value": 1,
-            label: i.label,
-            checked: "",
-            disabled: c(i),
-            onChange: r[0] || (r[0] = (U) => s("change"))
-          }, null, 8, ["modelValue", "onUpdate:modelValue", "label", "disabled"]))
+            label: E.label,
+            "onUpdate:modelValue": (H) => E.hidden = !H,
+            disabled: h(E),
+            onChange: y[0] || (y[0] = (H) => i("change"))
+          }, null, 8, ["model-value", "label", "onUpdate:modelValue", "disabled"]))
         ], 64))), 128))
       ]),
       _: 1
     }, 8, ["modelValue", "title"]));
   }
-}), yt = { class: "ez-fast-table" }, ht = { class: "ez-fast-table_wrapper" }, Vt = {
+}), Ha = { class: "ez-fast-table" }, Ga = { class: "ez-fast-table_wrapper" }, Ka = {
   key: 0,
   class: "ez-fast-table_wrapper_header_operation"
-}, Et = { class: "ez-fast-table_pagination" }, wt = V({
+}, ja = {
+  key: 1,
+  class: "ez-fast-table_error"
+}, Wa = { class: "ez-fast-table_pagination" }, Ya = x({
   name: "EzFastTable",
-  directives: { loading: de.directive },
+  directives: { loading: Re.directive },
   inheritAttrs: !1
-}), $t = /* @__PURE__ */ V({
-  ...wt,
-  props: /* @__PURE__ */ O({
-    api: { type: Function, default: () => Promise.resolve() },
+}), Qa = /* @__PURE__ */ x({
+  ...Ya,
+  props: {
+    params: {},
+    loading: { type: Boolean },
+    columns: { default: () => [] },
+    api: { type: Function, default: () => Promise.resolve({}) },
     beforeSearch: { type: Function, default: () => Promise.resolve() },
+    transformParams: { type: Function, default: (e) => e },
+    responseAdapter: { type: Function, default: (e) => {
+      const { code: s, data: t } = e || {};
+      return s === 200 && t?.records ? {
+        records: t.records || [],
+        total: t.total || 0,
+        current: t.current || 1,
+        size: t.size || 10
+      } : {
+        records: [],
+        total: 0,
+        current: 1,
+        size: 10
+      };
+    } },
+    onError: { type: Function, default: async () => {
+    } },
     columnTool: { type: Boolean, default: !0 },
     expanded: { type: Boolean, default: !1 },
-    data: {},
-    columns: {},
-    rowKey: {}
-  }, {
-    params: {},
-    paramsModifiers: {},
-    columns: {},
-    columnsModifiers: {},
-    loading: { type: Boolean },
-    loadingModifiers: {}
-  }),
-  emits: /* @__PURE__ */ O(["changePage", "reset", "query"], ["update:params", "update:columns", "update:loading"]),
-  setup(e, { expose: d, emit: l }) {
-    const { t: o } = ae(), s = e, f = $e(), a = C(() => {
-      const { api: h, beforeSearch: w, columnTool: H, expanded: T, ...oe } = s;
+    border: { type: Boolean, default: !0 },
+    rowKey: { type: [String, Function], default: "id" }
+  },
+  emits: ["update:params", "update:loading", "changePage", "reset", "query", "update:columns"],
+  setup(e, { expose: s, emit: t }) {
+    const { t: a } = ke(), i = () => ({ current: 1, size: 10 }), o = e, c = Ze(), h = U(() => {
+      const { api: p, beforeSearch: z, transformParams: L, responseAdapter: M, onError: K, columnTool: ue, expanded: Oe, columns: tl, border: al, ...dt } = o;
       return {
-        ...f,
-        ...oe
+        ...c,
+        ...dt
       };
-    }), c = B(s.expanded), { selectionChange: u, getSelectedList: r, getSortParams: i, getSelectedIds: U } = gt(s.rowKey), G = B(null), F = B(!1), W = B(null), p = B([]), R = B(0), z = l, y = M(e, "params"), g = M(e, "columns"), $ = M(e, "loading"), D = async () => {
+    }), V = G(o.expanded), { selectionChange: y, getSelectedList: E, getSortParams: D, getSelectedIds: H } = La(o.rowKey), f = G(null), A = G(!1), v = G(null), d = G(0), m = G([]), Z = G(0), F = G(null), q = t, N = G(j(o.params ?? i())), re = G(j(o.columns ?? [])), P = G(o.loading ?? !1), $ = U({
+      get: () => P.value,
+      set: (p) => {
+        P.value = p, q("update:loading", p);
+      }
+    }), I = U(() => ({
+      params: N.value,
+      loading: $.value,
+      expanded: V.value,
+      search: ne,
+      query: oe,
+      reset: u,
+      captureInitialParams: ve,
+      patchParams: se,
+      replaceParams: pe
+    }));
+    ye(
+      () => o.params,
+      (p) => {
+        N.value = j(p ?? i());
+      },
+      { deep: !0 }
+    ), ye(
+      () => o.columns,
+      (p) => {
+        re.value = j(p ?? []);
+      },
+      { deep: !0 }
+    ), ye(
+      () => o.loading,
+      (p) => {
+        P.value = p ?? !1;
+      }
+    );
+    const J = (p) => p, ae = () => {
+      const p = j(N.value);
+      N.value = p, q("update:params", p);
+    }, le = async (p, z, L) => {
+      p === d.value && (console.error(`[EzFastTable] Query pipeline failed at stage "${L.stage}".`, z), F.value = {
+        error: z,
+        stage: L.stage,
+        params: j(L.params)
+      }, await o.onError?.(z, L));
+    }, oe = async () => {
+      const p = d.value + 1;
+      d.value = p, F.value = null;
       try {
-        $.value = !0, await s.beforeSearch(y.value);
-        const { code: h, data: w } = await s.api(y.value);
-        h === 200 && w.records ? (p.value = w.records || [], R.value = w.total) : (p.value = [], R.value = 0), z("query");
+        $.value = !0;
+        const z = j(N.value);
+        try {
+          await o.beforeSearch(z);
+        } catch (ue) {
+          await le(p, ue, { stage: "beforeSearch", params: z });
+          return;
+        }
+        let L;
+        try {
+          L = await o.transformParams(z);
+        } catch (ue) {
+          await le(p, ue, { stage: "transformParams", params: z });
+          return;
+        }
+        let M;
+        try {
+          M = await o.api(L);
+        } catch (ue) {
+          await le(p, ue, { stage: "api", params: z });
+          return;
+        }
+        let K;
+        try {
+          K = await o.responseAdapter(M);
+        } catch (ue) {
+          await le(p, ue, { stage: "responseAdapter", params: z });
+          return;
+        }
+        if (p !== d.value)
+          return;
+        m.value = K.records || [], Z.value = K.total || 0, q("query");
       } finally {
-        $.value = !1;
+        p === d.value && ($.value = !1);
       }
-    }, L = () => {
-      y.value.current = 1, D();
-    }, _ = () => G.value?.getTableRef(), K = (h) => {
-      const w = i(h);
-      y.value = { ...y.value, ...w };
-      const { column: H } = h;
-      H.sortable === "custom" && L();
-    }, q = (h) => {
-      if (h === null || typeof h != "object") return h;
-      if (h instanceof Date) return new Date(h.getTime());
-      if (h instanceof Array) return h.map((H) => q(H));
-      const w = Object.create(Object.getPrototypeOf(h));
-      for (const H in h)
-        h.hasOwnProperty(H) && (w[H] = q(h[H]));
-      return w;
-    }, Be = () => {
-      y.value = q(W.value), z("reset"), Ge(() => L());
-    }, ce = (h) => {
-      z("changePage", h), h.size ? L() : D();
-    }, Le = () => {
-      _().doLayout();
-    };
-    return ue(() => {
-      W.value = q(y.value);
-    }), d({ search: L, query: D, getTableRef: _ }), (h, w) => {
-      const H = ke("loading");
-      return n(), E("div", yt, [
-        h.$slots.form ? (n(), m(t(Me), {
+    }, ne = () => {
+      N.value.current = 1, ae(), oe();
+    }, se = (p, z = {}) => {
+      const { resetPage: L = !1, captureInitial: M = !1 } = z, K = { ...N.value, ...j(p) };
+      L && (K.current = 1), N.value = K, ae(), M && ve();
+    }, pe = (p, z = {}) => {
+      const { resetPage: L = !1, captureInitial: M = !1 } = z, K = j(p);
+      L && (K.current = 1), N.value = K, ae(), M && ve();
+    }, Ve = () => f.value?.getTableRef(), Ie = (p) => {
+      const { column: z, prop: L } = p;
+      if ((z?.sortMode || "local") === "remote") {
+        const K = D(p, z?.sortField || L);
+        se(K), ne();
+        return;
+      }
+      (N.value.asc || N.value.desc) && se({ asc: null, desc: null });
+    }, ve = () => {
+      v.value = j(N.value);
+    }, u = () => {
+      pe(j(v.value ?? { current: 1, size: 10 })), q("reset"), Pe(() => oe());
+    }, b = (p) => {
+      if (q("changePage", p), p.size) {
+        ne();
+        return;
+      }
+      ae(), oe();
+    }, n = () => {
+      Ve()?.doLayout();
+    }, w = () => {
+      const p = j(re.value);
+      re.value = p, q("update:columns", p), n();
+    }, T = () => {
+      F.value = null;
+    }, Q = () => F.value, ce = () => {
+      T(), oe();
+    }, fe = U(() => ({
+      error: F.value?.error,
+      stage: F.value?.stage || "api",
+      params: F.value?.params ?? N.value,
+      retry: ce
+    }));
+    return Me(() => {
+      ve();
+    }), s({
+      search: ne,
+      query: oe,
+      patchParams: se,
+      replaceParams: pe,
+      reset: u,
+      captureInitialParams: ve,
+      getTableRef: Ve,
+      doLayout: n,
+      clearError: T,
+      getErrorState: Q
+    }), (p, z) => {
+      const L = Je("loading");
+      return r(), C("div", Ha, [
+        p.$slots.form ? (r(), g(l(st), {
           key: 0,
-          loading: $.value,
-          expanded: c.value
+          expanded: V.value,
+          "onUpdate:expanded": z[0] || (z[0] = (M) => V.value = M)
         }, {
-          default: b((T) => [
-            A(h.$slots, "form", me(Fe(T)))
+          default: k(() => [
+            R(p.$slots, "form", ze(Fe(I.value)))
           ]),
-          operate: b(() => [
-            x(t(J), {
+          operate: k(() => [
+            W(l(be), {
               type: "primary",
               loading: $.value,
-              onClick: L
+              onClick: ne
             }, {
-              default: b(() => [
-                Z(Y(t(o)("s.button.query")), 1)
+              default: k(() => [
+                he(de(l(a)("s.button.query")), 1)
               ]),
               _: 1
             }, 8, ["loading"]),
-            x(t(J), { onClick: Be }, {
-              default: b(() => [
-                Z(Y(t(o)("s.button.reset")), 1)
+            W(l(be), { onClick: u }, {
+              default: k(() => [
+                he(de(l(a)("s.button.reset")), 1)
               ]),
               _: 1
             })
           ]),
           _: 3
-        }, 8, ["loading", "expanded"])) : S("", !0),
-        h.$slots.freeArea ? A(h.$slots, "freeArea", { key: 1 }) : S("", !0),
-        P("div", ht, [
-          h.$slots.header || s.columnTool ? (n(), E("div", {
+        }, 8, ["expanded"])) : O("", !0),
+        p.$slots.freeArea ? R(p.$slots, "freeArea", ze(S({ key: 1 }, I.value))) : O("", !0),
+        Y("div", Ga, [
+          p.$slots.header || o.columnTool ? (r(), C("div", {
             key: 0,
-            class: He(["ez-fast-table_wrapper_header", h.$slots.header ? "justify-between" : "justify-end"])
+            class: Ae(["ez-fast-table_wrapper_header", p.$slots.header ? "justify-between" : "justify-end"])
           }, [
-            h.$slots.header ? (n(), E("div", Vt, [
-              A(h.$slots, "header", {
-                selectList: t(r),
-                selectIds: t(U)
+            p.$slots.header ? (r(), C("div", Ka, [
+              R(p.$slots, "header", {
+                selectList: l(E),
+                selectIds: l(H)
               })
-            ])) : S("", !0),
-            s.columnTool ? (n(), m(t(J), {
+            ])) : O("", !0),
+            o.columnTool ? (r(), g(l(be), {
               key: 1,
-              icon: t(Wl),
+              icon: l(pa),
               circle: "",
-              onClick: w[0] || (w[0] = (T) => F.value = !0)
-            }, null, 8, ["icon"])) : S("", !0)
-          ], 2)) : S("", !0),
-          ze((n(), m(t(De), v(a.value, {
+              onClick: z[1] || (z[1] = (M) => A.value = !0)
+            }, null, 8, ["icon"])) : O("", !0)
+          ], 2)) : O("", !0),
+          _e((r(), g(rt, S(h.value, {
             ref_key: "fastTableRef",
-            ref: G,
-            columns: g.value,
-            data: p.value,
-            onSelectionChange: t(u),
-            onSortChange: K
-          }), te({ _: 2 }, [
-            j(h.$slots, (T, oe, Tt) => ({
-              name: oe,
-              fn: b((Ie) => [
-                ["form"].includes(T.name) ? S("", !0) : A(h.$slots, oe, me(v({ key: 0 }, Ie)))
+            ref: f,
+            border: o.border,
+            columns: re.value,
+            data: m.value,
+            onSelectionChange: l(y),
+            onSortChange: Ie
+          }), Se({ _: 2 }, [
+            ie(p.$slots, (M, K, ue) => ({
+              name: K,
+              fn: k((Oe) => [
+                !["form", "empty", "error", "header"].includes(String(K)) && !String(K).startsWith("header-") ? R(p.$slots, K, ze(S({ key: 0 }, J(Oe)))) : O("", !0)
               ])
-            }))
-          ]), 1040, ["columns", "data", "onSelectionChange"])), [
-            [H, $.value]
+            })),
+            p.$slots.empty && !F.value ? {
+              name: "empty",
+              fn: k(() => [
+                R(p.$slots, "empty")
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1040, ["border", "columns", "data", "onSelectionChange"])), [
+            [L, $.value]
           ]),
-          P("div", Et, [
-            x(t(Pe), {
-              "current-page": y.value.current,
+          F.value && p.$slots.error ? (r(), C("div", ja, [
+            R(p.$slots, "error", ze(Fe(fe.value)))
+          ])) : O("", !0),
+          Y("div", Wa, [
+            W(l(it), {
+              "current-page": N.value.current,
               "onUpdate:currentPage": [
-                w[1] || (w[1] = (T) => y.value.current = T),
-                w[3] || (w[3] = (T) => ce({ current: T }))
+                z[2] || (z[2] = (M) => N.value.current = M),
+                z[4] || (z[4] = (M) => b({ current: M }))
               ],
-              "page-size": y.value.size,
+              "page-size": N.value.size,
               "onUpdate:pageSize": [
-                w[2] || (w[2] = (T) => y.value.size = T),
-                w[4] || (w[4] = (T) => ce({ size: T }))
+                z[3] || (z[3] = (M) => N.value.size = M),
+                z[5] || (z[5] = (M) => b({ size: M }))
               ],
-              total: R.value
+              total: Z.value
             }, null, 8, ["current-page", "page-size", "total"])
           ])
         ]),
-        x(bt, {
-          modelValue: F.value,
-          "onUpdate:modelValue": w[5] || (w[5] = (T) => F.value = T),
-          columns: g.value,
-          "onUpdate:columns": w[6] || (w[6] = (T) => g.value = T),
-          onChange: Le
+        W(qa, {
+          modelValue: A.value,
+          "onUpdate:modelValue": z[6] || (z[6] = (M) => A.value = M),
+          columns: re.value,
+          "onUpdate:columns": z[7] || (z[7] = (M) => re.value = M),
+          onChange: w
         }, null, 8, ["modelValue", "columns"])
       ]);
     };
   }
-}), kt = N($t), we = /* @__PURE__ */ Symbol("INSTALLED_KEY");
-function zt(e = []) {
+}), ut = te(Qa), nl = () => ut, Xa = te(rt), Xe = /* @__PURE__ */ Symbol("INSTALLED_KEY");
+function Za(e = []) {
   return {
-    install: (l) => {
-      l[we] || (l[we] = !0, e.forEach((o) => l.use(o)));
+    install: (t) => {
+      t[Xe] || (t[Xe] = !0, e.forEach((a) => t.use(a)));
     }
   };
 }
-const Ct = [
-  Ae,
-  Rl,
+const Ja = [
+  tt,
+  ea,
+  Ua,
+  Pa,
+  ut,
+  me,
+  ot,
+  it,
   st,
-  rt,
-  kt,
-  X,
+  lt,
+  at,
+  Xa
+], _a = [
+  It,
   Re,
-  Pe,
-  xe,
-  Me,
-  Te,
-  De
-], St = [
-  pl,
-  de,
-  ee,
-  gl,
-  bl,
-  yl
-], At = zt([...Ct, ...St]), Ut = At.install;
+  ge,
+  Ot,
+  Bt,
+  Ft
+], el = Za([...Ja, ..._a]), rl = el.install;
 export {
-  et as CHANGE_TRIGGER_TYPES,
-  Ae as EzCheckbox,
-  Rl as EzDialog,
-  st as EzDynamicForm,
-  kt as EzFastTable,
-  rt as EzFormItem,
-  X as EzIcon,
-  Re as EzImageUpload,
-  Pe as EzPagination,
-  xe as EzRadio,
-  Me as EzSearchForm,
-  Te as EzSelect,
-  De as EzTable,
-  k as FormItemType,
-  _l as SELECT_FORM_TYPES,
-  At as default,
-  lt as getInputVerb,
-  tt as getTrigger,
-  Ut as install
+  wa as CHANGE_TRIGGER_TYPES,
+  tt as EzCheckbox,
+  ea as EzDialog,
+  Ua as EzDynamicForm,
+  ut as EzFastTable,
+  Pa as EzFormItem,
+  me as EzIcon,
+  ot as EzImageUpload,
+  it as EzPagination,
+  st as EzQueryPanel,
+  lt as EzRadio,
+  at as EzSelect,
+  Xa as EzTable,
+  B as FormItemType,
+  $a as SELECT_FORM_TYPES,
+  nl as createTypedFastTable,
+  el as default,
+  Sa as getInputVerb,
+  ka as getTrigger,
+  rl as install
 };