@maxtan/ez-ui 0.25.0 → 1.0.3

package/dist/index.js

@@ -1,36 +1,44 @@
-import { useAttrs as Me, computed as T, defineComponent as w, mergeModels as F, useModel as L, createBlock as v, openBlock as o, unref as t, mergeProps as g, withCtx as y, createElementBlock as V, Fragment as P, renderList as W, resolveDynamicComponent as ge, createTextVNode as _, toDisplayString as Y, resolveDirective as Ue, renderSlot as C, createCommentVNode as D, withDirectives as Pe, createElementVNode as N, ref as O, createVNode as M, withModifiers as Ve, normalizeStyle as ie, createSlots as ae, useSlots as je, shallowRef as We, watch as fe, onMounted as ye, normalizeClass as ce, nextTick as Le, onUnmounted as Ke, normalizeProps as Ee, guardReactiveProps as Ye } from "vue";
-import { useLocale as Xe, ElCheckbox as Ne, ElCheckboxButton as Ze, ElCheckboxGroup as Je, ElLoading as be, ElDialog as Qe, ElButton as te, ElSelect as _e, ElOptionGroup as el, ElOption as $e, ElRadio as ll, ElRadioButton as tl, ElRadioGroup as al, ElUpload as ke, ElImage as we, ElImageViewer as ol, ElMessage as se, ElFormItem as nl, ElInput as me, ElInputNumber as sl, ElDatePicker as de, ElTimePicker as Se, ElSwitch as rl, ElTreeSelect as il, ElCascader as ul, ElTree as dl, ElSlider as cl, ElRate as fl, ElForm as ml, ElRow as ze, ElCol as Ce, ElTable as pl, ElTableColumn as Ae, ElPagination as vl, ElDrawer as gl, ElInfiniteScroll as yl, ElMessageBox as bl, ElNotification as hl, ElPopoverDirective as Vl } from "element-plus";
-const G = (e, c) => (e.install = (l) => {
-  for (const i of [e, ...Object.values({})])
-    i.name ? l.component(i.name, i) : process.env.NODE_ENV !== "production" && console.warn("[withInstall] Component is missing name property:", i);
-}, e);
-function oe(e = []) {
-  const c = Me(), l = T(() => {
-    const f = {};
-    for (const n in c)
-      e.includes(n) || (f[n] = c[n]);
-    return f;
-  }), i = T(() => {
-    const f = {};
-    for (const n in l.value)
-      n.startsWith("on") || (f[n] = l.value[n]);
-    return f;
-  }), a = T(() => {
-    const f = {};
-    for (const n in l.value)
-      n.startsWith("on") && (f[n] = l.value[n]);
-    return f;
+import { useAttrs as _e, computed as P, 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 re, resolveDynamicComponent as xe, createTextVNode as he, toDisplayString as ue, resolveDirective as et, renderSlot as R, createCommentVNode as O, withDirectives as tt, createElementVNode as Q, ref as G, createVNode as W, withModifiers as Ne, normalizeStyle as $e, createSlots as Se, useSlots as mt, shallowRef as Me, watch as ye, onMounted as Oe, normalizeClass as De, nextTick as Re, onUnmounted as pt, normalizeProps as Ce, guardReactiveProps as Le } from "vue";
+import { useLocale as vt, ElCheckbox as at, ElCheckboxButton as gt, ElCheckboxGroup as yt, ElLoading as Be, ElDialog as bt, ElButton as be, ElSelect as ht, ElOptionGroup as Et, ElOption as qe, ElRadio as Vt, ElRadioButton as wt, ElRadioGroup as $t, ElUpload as He, ElImage as Ge, ElImageViewer as St, ElMessage as ge, ElFormItem as kt, ElInput as Te, ElInputNumber as zt, ElDatePicker as Ae, ElTimePicker as Ke, ElSwitch as Ct, ElTreeSelect as At, ElCascader as Dt, ElSlider as xt, ElRate as Pt, ElForm as Ut, ElRow as Tt, ElCol as Mt, ElTable as Rt, ElTableColumn as je, ElPagination as It, ElDrawer as Ot, ElInfiniteScroll as Bt, ElMessageBox as Ft, ElNotification as Nt, ElPopoverDirective as Lt } 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), We = (e) => e.replace(/\B([A-Z])/g, "-$1").toLowerCase(), Qe = (e) => e.replace(/-([a-z])/g, (s, t) => t.toUpperCase()), qt = (e) => {
+  const s = e.startsWith("onUpdate:") ? e.slice(9) : e, t = /* @__PURE__ */ new Set([e, s, We(s), Qe(s)]);
+  return e.startsWith("onUpdate:") || (t.add(`onUpdate:${s}`), t.add(`onUpdate:${We(s)}`), t.add(`onUpdate:${Qe(s)}`)), t;
+}, Ht = (e, s) => {
+  for (const t of e)
+    if (qt(t).has(s))
+      return !0;
+  return !1;
+};
+function Ee(e = []) {
+  const s = _e(), t = P(() => {
+    const o = {};
+    for (const c in s)
+      Ht(e, c) || (o[c] = s[c]);
+    return o;
+  }), a = P(() => {
+    const o = {};
+    for (const c in t.value)
+      c.startsWith("on") || (o[c] = t.value[c]);
+    return o;
+  }), i = P(() => {
+    const o = {};
+    for (const c in t.value)
+      c.startsWith("on") && (o[c] = t.value[c]);
+    return o;
   });
   return {
     /** 所有过滤后的属性（包括事件） */
-    attrs: l,
+    attrs: t,
     /** 只包含普通属性 */
-    props: i,
+    props: a,
     /** 只包含事件监听器 */
-    listeners: a
+    listeners: i
   };
 }
-var El = {
+var Gt = {
   s: {
     label: {
       name: "姓名",
@@ -110,39 +118,51 @@ var El = {
     }
   }
 };
-const { s: $l } = El;
-function kl(e, c) {
-  return c.split(".").reduce((l, i) => l && typeof l == "object" ? l[i] : void 0, e);
+const { s: Kt } = Gt;
+function jt(e, s) {
+  return s.split(".").reduce((t, a) => t && typeof t == "object" ? t[a] : void 0, e);
 }
-function wl(e, c = {}) {
-  return e.replace(/\{\s*(\w+)\s*\}/g, (l, i) => {
-    const a = c[i];
-    return a !== void 0 ? String(a) : `{${i}}`;
+function Wt(e, s = {}) {
+  return e.replace(/\{\s*(\w+)\s*\}/g, (t, a) => {
+    const i = s[a];
+    return i !== void 0 ? String(i) : `{${a}}`;
   });
 }
-function ue() {
-  const { t: e, lang: c } = Xe();
+function ke() {
+  const { t: e, lang: s } = vt();
   return {
-    t: (i, a = {}) => {
-      const f = e(i, a);
-      if (f !== i) return f;
-      const n = kl({ s: $l }, i);
-      return typeof n == "string" ? wl(n, a) : i;
+    t: (a, i = {}) => {
+      const o = e(a, i);
+      if (o !== a) return o;
+      const c = jt({ s: Kt }, a);
+      return typeof c == "string" ? Wt(c, i) : a;
     },
-    lang: c
+    lang: s
   };
 }
-function Sl(e, c = 200) {
-  let l = null;
-  return function(...i) {
-    l || (l = setTimeout(() => {
-      e.apply(this, i), l = null;
-    }, c));
+function H(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) => H(t));
+  if (e instanceof Set) return new Set(Array.from(e).map((t) => H(t)));
+  if (e instanceof Map)
+    return new Map(Array.from(e.entries()).map(([t, a]) => [H(t), H(a)]));
+  const s = Object.create(Object.getPrototypeOf(e));
+  for (const t in e)
+    e.hasOwnProperty(t) && (s[t] = H(e[t]));
+  return s;
+}
+function Qt(e, s = 200) {
+  let t = null;
+  return function(...a) {
+    t || (t = setTimeout(() => {
+      e.apply(this, a), t = null;
+    }, s));
   };
 }
-const zl = w({ name: "EzCheckbox", inheritAttrs: !1 }), Cl = /* @__PURE__ */ w({
-  ...zl,
-  props: /* @__PURE__ */ F({
+const Yt = x({ name: "EzCheckbox", inheritAttrs: !1 }), Xt = /* @__PURE__ */ x({
+  ...Yt,
+  props: /* @__PURE__ */ _({
     type: { default: "default" },
     options: { default: () => [] }
   }, {
@@ -151,22 +171,22 @@ const zl = w({ name: "EzCheckbox", inheritAttrs: !1 }), Cl = /* @__PURE__ */ w({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const c = e, l = L(e, "modelValue"), { attrs: i } = oe(["options", "type", "modelValue"]), a = T(
-      () => ["default", "border"].includes(c.type) ? Ne : Ze
+    const s = e, t = ee(e, "modelValue"), { attrs: a } = Ee(["options", "type", "modelValue"]), i = P(
+      () => ["default", "border"].includes(s.type) ? at : gt
     );
-    return (f, n) => (o(), v(t(Je), g({
-      modelValue: l.value,
-      "onUpdate:modelValue": n[0] || (n[0] = (m) => l.value = m)
-    }, t(i)), {
-      default: y(() => [
-        (o(!0), V(P, null, W(e.options, (m) => (o(), v(ge(a.value), g({
-          key: String(m.value),
+    return (o, c) => (r(), g(l(yt), S({
+      modelValue: t.value,
+      "onUpdate:modelValue": c[0] || (c[0] = (h) => t.value = h)
+    }, l(a)), {
+      default: k(() => [
+        (r(!0), C(X, null, re(e.options, (h) => (r(), g(xe(i.value), S({
+          key: String(h.value),
           ref_for: !0
-        }, m, {
+        }, h, {
           border: e.type === "border"
         }), {
-          default: y(() => [
-            _(Y(m.label), 1)
+          default: k(() => [
+            he(ue(h.label), 1)
           ]),
           _: 2
         }, 1040, ["border"]))), 128))
@@ -174,122 +194,121 @@ const zl = w({ name: "EzCheckbox", inheritAttrs: !1 }), Cl = /* @__PURE__ */ w({
       _: 1
     }, 16, ["modelValue"]));
   }
-}), Be = G(Cl);
-var re = /* @__PURE__ */ ((e) => (e.CANCEL = "取消", e.CONFIRM = "确定", e))(re || {});
-const Al = { key: 1 }, Dl = {
+}), lt = te(Xt);
+var we = /* @__PURE__ */ ((e) => (e.CANCEL = "取消", e.CONFIRM = "确定", e))(we || {});
+const Zt = { key: 1 }, Jt = {
   key: 0,
   class: "ez-dialog__body"
-}, Tl = { key: 1 }, Rl = w({ name: "EzDialog", inheritAttrs: !1, directives: { loading: be.directive } }), xl = /* @__PURE__ */ w({
-  ...Rl,
-  props: /* @__PURE__ */ F({
+}, _t = { key: 1 }, ea = x({ name: "EzDialog", inheritAttrs: !1, directives: { loading: Be.directive } }), ta = /* @__PURE__ */ x({
+  ...ea,
+  props: /* @__PURE__ */ _({
     title: { default: "" },
     loading: { type: Boolean, default: !1 },
-    cancelText: { default: re.CANCEL },
-    confirmText: { default: re.CONFIRM }
+    cancelText: { default: we.CANCEL },
+    confirmText: { default: we.CONFIRM }
   }, {
-    modelValue: { type: Boolean },
+    modelValue: { type: Boolean, default: !1 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ F(["cancel", "confirm"], ["update:modelValue"]),
-  setup(e, { emit: c }) {
-    const { t: l } = ue(), i = e, a = c, f = L(e, "modelValue"), { attrs: n } = oe(["title", "loading", "cancelText", "confirmText", "modelValue"]), m = () => {
-      f.value = !1, a("cancel");
-    }, d = () => {
-      a("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 (s, r) => {
-      const R = Ue("loading");
-      return o(), v(t(Qe), g({
-        modelValue: f.value,
-        "onUpdate:modelValue": r[0] || (r[0] = (K) => f.value = K),
+    return (y, E) => {
+      const D = et("loading");
+      return r(), g(l(bt), S({
+        modelValue: o.value,
+        "onUpdate:modelValue": E[0] || (E[0] = (q) => o.value = q),
         class: "ez-dialog",
         width: 800,
         "append-to-body": !1,
         "close-on-click-modal": !1,
         "destroy-on-close": !0,
         "close-on-press-escape": !1
-      }, t(n)), {
-        header: y(() => [
-          s.$slots.header ? C(s.$slots, "header", { key: 0 }) : (o(), V("p", Al, Y(i.title), 1))
+      }, l(c)), {
+        header: k(() => [
+          y.$slots.header ? R(y.$slots, "header", { key: 0 }) : (r(), C("p", Zt, ue(a.title), 1))
         ]),
-        default: y(() => [
-          s.$slots.default ? Pe((o(), V("div", Dl, [
-            C(s.$slots, "default")
+        default: k(() => [
+          y.$slots.default ? tt((r(), C("div", Jt, [
+            R(y.$slots, "default")
           ])), [
-            [R, i.loading]
-          ]) : D("", !0)
+            [D, a.loading]
+          ]) : O("", !0)
         ]),
-        footer: y(() => [
-          s.$slots.footer ? C(s.$slots, "footer", { key: 0 }) : (o(), V("div", Tl, [
-            i.cancelText ? (o(), v(t(te), {
+        footer: k(() => [
+          y.$slots.footer ? R(y.$slots, "footer", { key: 0 }) : (r(), C("div", _t, [
+            a.cancelText ? (r(), g(l(be), {
               key: 0,
               type: "default",
-              onClick: m
+              onClick: h
             }, {
-              default: y(() => [
-                _(Y(i.cancelText === t(re).CANCEL ? t(l)("s.button.cancel") : i.cancelText), 1)
+              default: k(() => [
+                he(ue(a.cancelText === l(we).CANCEL ? l(t)("s.button.cancel") : a.cancelText), 1)
               ]),
               _: 1
-            })) : D("", !0),
-            i.confirmText ? (o(), v(t(te), {
+            })) : O("", !0),
+            a.confirmText ? (r(), g(l(be), {
               key: 1,
               type: "primary",
-              loading: i.loading,
-              onClick: d
+              loading: a.loading,
+              onClick: V
             }, {
-              default: y(() => [
-                _(Y(i.confirmText === t(re).CONFIRM ? t(l)("s.button.confirm") : i.confirmText), 1)
+              default: k(() => [
+                he(ue(a.confirmText === l(we).CONFIRM ? l(t)("s.button.confirm") : a.confirmText), 1)
               ]),
               _: 1
-            }, 8, ["loading"])) : D("", !0)
+            }, 8, ["loading"])) : O("", !0)
           ]))
         ]),
         _: 3
       }, 16, ["modelValue"]);
     };
   }
-}), Ml = G(xl), Ul = w({ name: "EzSelect", inheritAttrs: !1 }), Pl = /* @__PURE__ */ w({
-  ...Ul,
-  props: /* @__PURE__ */ F({
+}), aa = te(ta), la = x({ name: "EzSelect", inheritAttrs: !1 }), oa = /* @__PURE__ */ x({
+  ...la,
+  props: /* @__PURE__ */ _({
     options: { default: () => [] }
   }, {
-    modelValue: {},
+    modelValue: { type: [String, Number, Boolean, Object, Array] },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const c = L(e, "modelValue"), { attrs: l } = oe(["options", "modelValue"]), i = (n) => typeof n > "u", a = (n) => !i(n.options), f = (n, m) => n.value != null && typeof n.value != "object" ? String(n.value) : m;
-    return (n, m) => (o(), v(t(_e), g({
-      modelValue: c.value,
-      "onUpdate:modelValue": m[0] || (m[0] = (d) => c.value = d),
-      clearable: ""
-    }, t(l)), {
-      default: y(() => [
-        (o(!0), V(P, null, W(e.options, (d, s) => (o(), V(P, {
-          key: f(d, s)
+    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(ht), S({
+      modelValue: s.value,
+      "onUpdate:modelValue": h[0] || (h[0] = (V) => s.value = V)
+    }, l(t)), {
+      default: k(() => [
+        (r(!0), C(X, null, re(e.options, (V, y) => (r(), C(X, {
+          key: o(V, y)
         }, [
-          a(d) ? (o(), v(t(el), g({
+          i(V) ? (r(), g(l(Et), S({
             key: 0,
             ref_for: !0
-          }, d), {
-            default: y(() => [
-              (o(!0), V(P, null, W(d.options, (r) => (o(), v(t($e), g({
-                key: f(r, r.value)
-              }, { ref_for: !0 }, r), null, 16))), 128))
+          }, V), {
+            default: k(() => [
+              (r(!0), C(X, null, re(V.options, (E, D) => (r(), g(l(qe), S({
+                key: o(E, D)
+              }, { ref_for: !0 }, E), null, 16))), 128))
             ]),
             _: 2
-          }, 1040)) : (o(), v(t($e), g({
+          }, 1040)) : (r(), g(l(qe), S({
             key: 1,
             ref_for: !0
-          }, d), null, 16))
+          }, V), null, 16))
         ], 64))), 128))
       ]),
       _: 1
     }, 16, ["modelValue"]));
   }
-}), Ie = G(Pl), Ll = w({ name: "EzRadio", inheritAttrs: !1 }), Nl = /* @__PURE__ */ w({
-  ...Ll,
-  props: /* @__PURE__ */ F({
+}), ot = te(oa), na = x({ name: "EzRadio", inheritAttrs: !1 }), ra = /* @__PURE__ */ x({
+  ...na,
+  props: /* @__PURE__ */ _({
     type: { default: "default" },
     options: { default: () => [] }
   }, {
@@ -298,20 +317,20 @@ const Al = { key: 1 }, Dl = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const c = e, l = L(e, "modelValue"), { attrs: i } = oe(["options", "type", "modelValue"]), a = T(() => ["default", "border"].includes(c.type) ? ll : tl);
-    return (f, n) => (o(), v(t(al), g({
-      modelValue: l.value,
-      "onUpdate:modelValue": n[0] || (n[0] = (m) => l.value = m)
-    }, t(i)), {
-      default: y(() => [
-        (o(!0), V(P, null, W(e.options, (m) => (o(), v(ge(a.value), g({
-          key: String(m.value),
+    const s = e, t = ee(e, "modelValue"), { attrs: a } = Ee(["options", "type", "modelValue"]), i = P(() => ["default", "border"].includes(s.type) ? Vt : wt);
+    return (o, c) => (r(), g(l($t), S({
+      modelValue: t.value,
+      "onUpdate:modelValue": c[0] || (c[0] = (h) => t.value = h)
+    }, l(a)), {
+      default: k(() => [
+        (r(!0), C(X, null, re(e.options, (h) => (r(), g(xe(i.value), S({
+          key: String(h.value),
           ref_for: !0
-        }, m, {
+        }, h, {
           border: e.type === "border"
         }), {
-          default: y(() => [
-            _(Y(m.label), 1)
+          default: k(() => [
+            he(ue(h.label), 1)
           ]),
           _: 2
         }, 1040, ["border"]))), 128))
@@ -319,136 +338,139 @@ const Al = { key: 1 }, Dl = {
       _: 1
     }, 16, ["modelValue"]));
   }
-}), Oe = G(Nl), Bl = w({ name: "EzIcon", inheritAttrs: !1 }), Il = /* @__PURE__ */ w({
-  ...Bl,
+}), nt = te(ra), sa = x({ name: "EzIcon", inheritAttrs: !1 }), ia = /* @__PURE__ */ x({
+  ...sa,
   props: {
     size: { default: 20 },
     color: { default: "inherit" }
   },
   setup(e) {
-    const c = e, l = T(() => {
-      const { size: i, color: a } = c;
-      return !i && !a ? {} : {
-        fontSize: i ? `${i}px` : void 0,
-        color: a
+    const s = e, t = (i) => {
+      if (!(i == null || i === ""))
+        return typeof i == "number" ? `${i}px` : i;
+    }, a = P(() => {
+      const { size: i, color: o } = s;
+      return !i && !o ? {} : {
+        fontSize: t(i),
+        color: o
       };
     });
-    return (i, a) => (o(), V("i", g({
+    return (i, o) => (r(), C("i", S({
       class: "ez-icon",
-      style: l.value
+      style: a.value
     }, i.$attrs), [
-      C(i.$slots, "default", { class: "w-[1em] h-[1em]" })
+      R(i.$slots, "default", { class: "w-[1em] h-[1em]" })
     ], 16));
   }
-}), Q = G(Il), Ol = {
+}), ve = te(ia), ua = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024"
-}, ql = /* @__PURE__ */ w({
+}, da = /* @__PURE__ */ x({
   name: "ArrowDown",
   __name: "ArrowDown",
   setup(e) {
-    return (c, l) => (o(), V("svg", Ol, [...l[0] || (l[0] = [
-      N("path", {
+    return (s, t) => (r(), C("svg", ua, [...t[0] || (t[0] = [
+      Q("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)
     ])]));
   }
-}), Fl = {
+}), ca = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024"
-}, Gl = /* @__PURE__ */ w({
+}, fa = /* @__PURE__ */ x({
   name: "ArrowUp",
   __name: "ArrowUp",
   setup(e) {
-    return (c, l) => (o(), V("svg", Fl, [...l[0] || (l[0] = [
-      N("path", {
+    return (s, t) => (r(), C("svg", ca, [...t[0] || (t[0] = [
+      Q("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)
     ])]));
   }
-}), Hl = {
+}), ma = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024"
-}, De = /* @__PURE__ */ w({
+}, Ye = /* @__PURE__ */ x({
   name: "Delete",
   __name: "delete",
   setup(e) {
-    return (c, l) => (o(), V("svg", Hl, [...l[0] || (l[0] = [
-      N("path", {
+    return (s, t) => (r(), C("svg", ma, [...t[0] || (t[0] = [
+      Q("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)
     ])]));
   }
-}), jl = {
+}), pa = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024"
-}, Te = /* @__PURE__ */ w({
+}, Xe = /* @__PURE__ */ x({
   name: "Plus",
   __name: "plus",
   setup(e) {
-    return (c, l) => (o(), V("svg", jl, [...l[0] || (l[0] = [
-      N("path", {
+    return (s, t) => (r(), C("svg", pa, [...t[0] || (t[0] = [
+      Q("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)
     ])]));
   }
-}), Wl = {
+}), va = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024"
-}, Kl = /* @__PURE__ */ w({
+}, ga = /* @__PURE__ */ x({
   name: "Setting",
   __name: "setting",
   setup(e) {
-    return (c, l) => (o(), V("svg", Wl, [...l[0] || (l[0] = [
-      N("path", {
+    return (s, t) => (r(), C("svg", va, [...t[0] || (t[0] = [
+      Q("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)
     ])]));
   }
-}), Yl = {
+}), ya = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024"
-}, Re = /* @__PURE__ */ w({
+}, Ze = /* @__PURE__ */ x({
   name: "ZoomIn",
   __name: "ZoomIn",
   setup(e) {
-    return (c, l) => (o(), V("svg", Yl, [...l[0] || (l[0] = [
-      N("path", {
+    return (s, t) => (r(), C("svg", ya, [...t[0] || (t[0] = [
+      Q("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),
-      N("path", {
+      Q("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)
     ])]));
   }
-}), Xl = { class: "ez-image-upload" }, Zl = {
+}), ba = { class: "ez-image-upload" }, ha = {
   key: 0,
   class: "ez-image-upload__image"
-}, Jl = {
+}, Ea = {
   key: 1,
   class: "ez-image-upload__list"
-}, Ql = { class: "flex items-center justify-center h-full" }, _l = w({ name: "EzImageUpload", inheritAttrs: !1 }), et = /* @__PURE__ */ w({
-  ..._l,
-  props: /* @__PURE__ */ F({
+}, Va = { class: "flex items-center justify-center h-full" }, wa = x({ name: "EzImageUpload", inheritAttrs: !1 }), $a = /* @__PURE__ */ x({
+  ...wa,
+  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 Al = { key: 1 }, Dl = {
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: ["update:modelValue"],
-  setup(e, { expose: c }) {
-    const l = e, { attrs: i } = oe([
+  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 Al = { key: 1 }, Dl = {
       "limit",
       "disabled",
       "modelValue"
-    ]), { t: a } = ue(), f = O(!1), n = O(0), m = L(e, "modelValue"), d = T(() => l.multiple), s = /^(https?:\/\/|data:|blob:)/i, r = T(() => m.value ? R(m.value) : []);
-    function R($) {
+    ]), o = t, { t: c } = ke(), h = G(!1), V = G(0), y = ee(e, "modelValue"), E = P(() => a.multiple), D = P(() => a.imageTypes.join(",")), q = /^(https?:\/\/|data:|blob:)/i, m = P(() => y.value ? A(y.value) : []);
+    function A(U) {
+      if (!U) return [];
+      const $ = U.trim().replace(/^[,\s]+|[,\s]+$/g, "");
       if (!$) return [];
-      const E = /^(https?:\/\/|data:|blob:)/i;
-      let z = [], U = "", B = !1;
-      $ = $.trim().replace(/,$/, "");
-      const ee = $.split(",");
-      for (let u = 0; u < ee.length; u++) {
-        const k = ee[u].trim();
-        k && (E.test(k) ? (B && U && z.push(U.trim()), U = k, B = !0) : B ? U += "," + k : E.test(k.trim()) && z.push(k.trim()));
+      const I = /(blob:https?:\/\/|https?:\/\/|data:)/gi, J = Array.from($.matchAll(I));
+      if (J.length === 0) return [];
+      const ae = [];
+      for (let se = 0; se < J.length; se++) {
+        const oe = J[se].index ?? -1;
+        if (oe < 0) continue;
+        const ne = J[se + 1]?.index, de = $.slice(oe, ne).trim().replace(/^[,\s]+|[,\s]+$/g, "");
+        de && q.test(de) && ae.push(de);
       }
-      return B && U && z.push(U.trim()), z.filter((u) => u && E.test(u));
+      return ae;
     }
-    function K($) {
-      return !$ || $.length === 0 ? "" : $.filter((E) => E.trim()).map((E) => E.trim()).join(",");
+    function v(U) {
+      return !U || U.length === 0 ? "" : U.filter(($) => $.trim()).map(($) => $.trim()).join(",");
     }
-    const H = ($) => l.disabled ? (se.warning(a("s.message.disabled")), !1) : l.imageTypes.includes($.type.toLocaleLowerCase()) ? $.size > l.limitSize * 1024 * 1024 ? (se.error(a("s.validate.upload.limit", { max: l.limitSize })), !1) : !0 : (se.error(a("s.validate.upload.image")), !1), j = async ({ file: $ }) => {
-      if (!l.disabled)
+    const d = (U) => a.disabled ? (ge.warning(c("s.message.disabled")), !1) : E.value && m.value.length >= a.limit ? (ge.warning(c("s.validate.upload.limit", { max: a.limit })), !1) : a.imageTypes.includes(U.type.toLocaleLowerCase()) ? U.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), p = async ({ file: U }) => {
+      if (!a.disabled)
         try {
-          const { url: E } = await l.api($);
-          if (!E) throw new Error(a("s.message.uploadFail"));
-          if (d.value) {
-            const z = m.value ? R(m.value) : [];
-            E && s.test(E) && (z.push(E), m.value = K(z));
+          const { url: $ } = await a.api(U);
+          if (!$) throw new Error(c("s.message.uploadFail"));
+          if (E.value) {
+            const I = y.value ? A(y.value) : [];
+            $ && q.test($) && (I.push($), y.value = v(I));
           } else
-            m.value = E;
-        } catch (E) {
-          se.error(E.message);
+            y.value = $;
+          o("success", U, $);
+        } catch ($) {
+          const I = $ instanceof Error ? $ : new Error(String($));
+          ge.error(I.message), o("error", U, I);
         }
-    }, X = ($, E = 0) => {
-      $ && (n.value = E, f.value = !0);
-    }, Z = ($) => {
-      if (!l.disabled && !(!$ || !m.value))
-        if (d.value) {
-          const E = R(m.value), z = E.findIndex((U) => U === $);
-          z !== -1 && (E.splice(z, 1), m.value = E.join(","));
+    }, Z = (U, $ = 0) => {
+      U && (V.value = $, h.value = !0);
+    }, N = (U) => {
+      if (!a.disabled && !(!U || !y.value))
+        if (E.value) {
+          const $ = A(y.value), I = $.findIndex((J) => J === U);
+          I !== -1 && ($.splice(I, 1), y.value = v($), o("delete", U));
         } else
-          m.value = null;
-    }, J = O();
-    return c({
-      getUploadRef: () => J.value,
-      getUrlList: () => r.value
-    }), ($, E) => (o(), V("div", Xl, [
-      d.value ? (o(), V("div", Jl, [
-        (o(!0), V(P, null, W(r.value, (z, U) => (o(), V("div", {
-          key: U,
+          y.value = "", o("delete", U);
+    }, L = G();
+    return s({
+      clearFiles: () => {
+        L.value?.clearFiles?.(), y.value = "";
+      },
+      submit: () => {
+        L.value?.submit?.();
+      },
+      getUploadRef: () => L.value,
+      getUrlList: () => m.value
+    }), (U, $) => (r(), C("div", ba, [
+      E.value ? (r(), C("div", Ea, [
+        (r(!0), C(X, null, re(m.value, (I, J) => (r(), C("div", {
+          key: J,
           class: "ez-image-upload__item",
-          style: ie(l.style)
+          style: $e(a.style)
         }, [
-          M(t(we), {
-            src: z,
-            fit: l.fit
+          W(l(Ge), {
+            src: I,
+            fit: a.fit
           }, null, 8, ["src", "fit"]),
-          N("div", {
+          Q("div", {
             class: "ez-image-upload__handler",
-            onClick: E[3] || (E[3] = Ve(() => {
+            onClick: $[3] || ($[3] = Ne(() => {
             }, ["stop"]))
           }, [
-            M(t(Q), {
+            W(l(ve), {
               size: 18,
-              onClick: (B) => X(z, U)
+              onClick: (ae) => Z(I, J)
             }, {
-              default: y(() => [
-                M(t(Re))
+              default: k(() => [
+                W(l(Ze))
               ]),
               _: 1
             }, 8, ["onClick"]),
-            l.disabled ? D("", !0) : (o(), v(t(Q), {
+            a.disabled ? O("", !0) : (r(), g(l(ve), {
               key: 0,
               size: 18,
-              onClick: (B) => Z(z)
+              onClick: (ae) => N(I)
             }, {
-              default: y(() => [
-                M(t(De))
+              default: k(() => [
+                W(l(Ye))
               ]),
               _: 1
             }, 8, ["onClick"]))
           ])
         ], 4))), 128)),
-        r.value.length < l.limit && !l.disabled || r.value.length === 0 ? (o(), v(t(ke), g({ key: 0 }, t(i), {
+        (m.value.length < a.limit || m.value.length === 0) && !a.disabled ? (r(), g(l(He), S({ key: 0 }, l(i), {
           ref_key: "uploadRef",
-          ref: J,
+          ref: L,
           action: "",
-          accept: "image/*",
+          accept: D.value,
+          multiple: a.multiple,
           "show-file-list": !1,
-          "before-upload": H,
-          "http-request": j,
-          style: l.style,
-          disabled: l.disabled,
-          class: [{ "is-disabled": l.disabled }, "ez-image-upload__item ez-image-upload__button"]
+          "before-upload": d,
+          "http-request": p,
+          style: a.style,
+          disabled: a.disabled,
+          class: [{ "is-disabled": a.disabled }, "ez-image-upload__item ez-image-upload__button"]
         }), {
-          default: y(() => [
-            N("div", Ql, [
-              M(t(Q), null, {
-                default: y(() => [
-                  M(t(Te))
+          default: k(() => [
+            Q("div", Va, [
+              W(l(ve), null, {
+                default: k(() => [
+                  W(l(Xe))
                 ]),
                 _: 1
               })
             ])
           ]),
           _: 1
-        }, 16, ["style", "disabled", "class"])) : D("", !0)
-      ])) : (o(), v(t(ke), g({ key: 0 }, t(i), {
+        }, 16, ["accept", "multiple", "style", "disabled", "class"])) : O("", !0)
+      ])) : (r(), g(l(He), S({ key: 0 }, l(i), {
         ref_key: "uploadRef",
-        ref: J,
+        ref: L,
         action: "",
-        accept: "image/*",
+        accept: D.value,
+        multiple: a.multiple,
         "show-file-list": !1,
-        "before-upload": H,
-        "http-request": j,
-        style: l.style,
-        disabled: l.disabled,
-        class: ["ez-image-upload__wrapper", { "is-disabled": l.disabled }]
+        "before-upload": d,
+        "http-request": p,
+        style: a.style,
+        disabled: a.disabled,
+        class: ["ez-image-upload__wrapper", { "is-disabled": a.disabled }]
       }), {
-        default: y(() => [
-          m.value ? (o(), V("div", Zl, [
-            M(t(we), {
-              src: m.value,
-              fit: l.fit
+        default: k(() => [
+          y.value ? (r(), C("div", ha, [
+            W(l(Ge), {
+              src: y.value,
+              fit: a.fit
             }, null, 8, ["src", "fit"]),
-            N("div", {
+            Q("div", {
               class: "ez-image-upload__handler",
-              onClick: E[2] || (E[2] = Ve(() => {
+              onClick: $[2] || ($[2] = Ne(() => {
               }, ["stop"]))
             }, [
-              M(t(Q), {
+              W(l(ve), {
                 size: 18,
-                onClick: E[0] || (E[0] = (z) => X(m.value, 0))
+                onClick: $[0] || ($[0] = (I) => Z(y.value, 0))
               }, {
-                default: y(() => [
-                  M(t(Re))
+                default: k(() => [
+                  W(l(Ze))
                 ]),
                 _: 1
               }),
-              l.disabled ? D("", !0) : (o(), v(t(Q), {
+              a.disabled ? O("", !0) : (r(), g(l(ve), {
                 key: 0,
                 size: 18,
-                onClick: E[1] || (E[1] = (z) => Z(m.value))
+                onClick: $[1] || ($[1] = (I) => N(y.value))
               }, {
-                default: y(() => [
-                  M(t(De))
+                default: k(() => [
+                  W(l(Ye))
                 ]),
                 _: 1
               }))
             ])
-          ])) : (o(), v(t(Q), { key: 1 }, {
-            default: y(() => [
-              M(t(Te))
+          ])) : (r(), g(l(ve), { key: 1 }, {
+            default: k(() => [
+              W(l(Xe))
             ]),
             _: 1
           }))
         ]),
         _: 1
-      }, 16, ["style", "disabled", "class"])),
-      f.value ? (o(), v(t(ol), {
+      }, 16, ["accept", "multiple", "style", "disabled", "class"])),
+      h.value ? (r(), g(l(St), {
         key: 2,
-        "url-list": d.value ? r.value : [m.value],
-        "initial-index": n.value,
-        onClose: E[4] || (E[4] = (z) => f.value = !1)
-      }, null, 8, ["url-list", "initial-index"])) : D("", !0)
+        "url-list": E.value ? m.value : [y.value],
+        "initial-index": V.value,
+        onClose: $[4] || ($[4] = (I) => h.value = !1)
+      }, null, 8, ["url-list", "initial-index"])) : O("", !0)
     ]));
   }
-}), qe = G(et);
-var A = /* @__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))(A || {});
-const lt = /* @__PURE__ */ new Set([
+}), rt = te($a);
+var F = /* @__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))(F || {});
+const Sa = /* @__PURE__ */ new Set([
   "select",
   "radio",
   "checkbox",
@@ -650,10 +685,9 @@ const lt = /* @__PURE__ */ new Set([
   "timerange",
   "switch",
   "cascader",
-  "tree",
   "tree-select"
   /* TREE_SELECT */
-]), tt = /* @__PURE__ */ new Set([
+]), ka = /* @__PURE__ */ new Set([
   "select",
   "radio",
   "checkbox",
@@ -665,21 +699,20 @@ const lt = /* @__PURE__ */ new Set([
   "timerange",
   "switch",
   "cascader",
-  "tree",
   "tree-select",
   "slider",
   "rate"
   /* RATE */
 ]);
-function at(e) {
-  return e && lt.has(e) ? "选择" : "输入";
+function za(e) {
+  return e && Sa.has(e) ? "选择" : "输入";
 }
-function ot(e) {
-  return e && tt.has(e) ? "change" : "blur";
+function Ca(e) {
+  return e && ka.has(e) ? "change" : "blur";
 }
-const nt = w({ name: "EzFormItem" }), pe = /* @__PURE__ */ w({
-  ...nt,
-  props: /* @__PURE__ */ F({
+const Aa = x({ name: "EzFormItem" }), st = /* @__PURE__ */ x({
+  ...Aa,
+  props: /* @__PURE__ */ _({
     config: {},
     formData: { default: () => ({}) }
   }, {
@@ -688,193 +721,206 @@ const nt = w({ name: "EzFormItem" }), pe = /* @__PURE__ */ w({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const c = e, l = L(e, "modelValue"), i = T(() => c.config?.itemAttrs && typeof c.config.itemAttrs == "object" ? c.config.itemAttrs : {}), a = T(() => c.config?.attrs && typeof c.config.attrs == "object" ? c.config.attrs : {}), f = T(() => c.config?.options && Array.isArray(c.config.options) ? c.config.options : []), n = /* @__PURE__ */ new WeakMap(), m = () => {
-      const { config: d } = c;
-      if (!d || typeof d != "object") return;
-      if (n.has(d))
-        return n.get(d);
-      let s;
-      return d.rules ? s = d.rules : d.required && (s = [{ required: !0, message: d.requiredMessage || `请${at(d.type)}${d.label || ""}`, trigger: ot(d.type) }]), s !== void 0 && n.set(d, s), s;
+    const s = e, t = ee(e, "modelValue"), a = P(() => s.config?.itemAttrs && typeof s.config.itemAttrs == "object" ? s.config.itemAttrs : {}), i = P(() => s.config?.attrs && typeof s.config.attrs == "object" ? s.config.attrs : {}), o = P(() => {
+      const v = i.value, {
+        disabled: d,
+        modelValue: p,
+        "onUpdate:modelValue": Z,
+        ...N
+      } = v;
+      return N;
+    }), c = P(() => {
+      const v = i.value, {
+        api: d,
+        disabled: p,
+        modelValue: Z,
+        "onUpdate:modelValue": N,
+        ...L
+      } = v;
+      return L;
+    }), h = P(() => {
+      if (s.config?.type === F.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 = P(() => s.config?.options && Array.isArray(s.config.options) ? s.config.options : []), y = () => V.value, E = () => V.value, D = () => V.value, q = () => V.value, m = () => 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 || `请${za(v.type)}${v.label || ""}`, trigger: Ca(v.type) }]), d;
     };
-    return (d, s) => e.config && e.config.prop ? (o(), v(t(nl), g({
+    return (v, d) => e.config && e.config.prop ? (r(), g(l(kt), S({
       key: 0,
       prop: e.config.prop,
       label: e.config.label,
-      rules: m()
-    }, i.value), ae({
-      default: y(() => [
-        d.$slots.default ? C(d.$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 ? (o(), v(ge(e.config.component), g({
+        }) : e.config.component ? (r(), g(xe(e.config.component), S({
           key: 1,
-          modelValue: l.value,
-          "onUpdate:modelValue": s[0] || (s[0] = (r) => l.value = r),
+          modelValue: t.value,
+          "onUpdate:modelValue": d[0] || (d[0] = (p) => t.value = p),
           disabled: e.config.disabled
-        }, a.value), null, 16, ["modelValue", "disabled"])) : (o(), V(P, { key: 2 }, [
-          e.config.type === t(A).INPUT || !e.config.type ? (o(), v(t(me), g({
+        }, o.value), null, 16, ["modelValue", "disabled"])) : (r(), C(X, { key: 2 }, [
+          e.config.type === l(F).INPUT || !e.config.type ? (r(), g(l(Te), S({
             key: 0,
-            modelValue: l.value,
-            "onUpdate:modelValue": s[1] || (s[1] = (r) => l.value = r),
+            modelValue: t.value,
+            "onUpdate:modelValue": d[1] || (d[1] = (p) => t.value = p),
             placeholder: e.config.placeholder || `请输入${e.config.label || ""}`,
             disabled: e.config.disabled,
             clearable: ""
-          }, a.value), null, 16, ["modelValue", "placeholder", "disabled"])) : e.config.type === t(A).TEXTAREA ? (o(), v(t(me), g({
+          }, o.value), null, 16, ["modelValue", "placeholder", "disabled"])) : e.config.type === l(F).TEXTAREA ? (r(), g(l(Te), S({
             key: 1,
-            modelValue: l.value,
-            "onUpdate:modelValue": s[2] || (s[2] = (r) => l.value = r),
+            modelValue: t.value,
+            "onUpdate:modelValue": d[2] || (d[2] = (p) => t.value = p),
             type: "textarea",
             placeholder: e.config.placeholder || `请输入${e.config.label || ""}`,
             disabled: e.config.disabled
-          }, a.value), null, 16, ["modelValue", "placeholder", "disabled"])) : e.config.type === t(A).NUMBER ? (o(), v(t(sl), g({
+          }, o.value), null, 16, ["modelValue", "placeholder", "disabled"])) : e.config.type === l(F).NUMBER ? (r(), g(l(zt), S({
             key: 2,
-            modelValue: l.value,
-            "onUpdate:modelValue": s[3] || (s[3] = (r) => l.value = r),
+            modelValue: t.value,
+            "onUpdate:modelValue": d[3] || (d[3] = (p) => t.value = p),
             placeholder: e.config.placeholder,
             disabled: e.config.disabled
-          }, a.value), null, 16, ["modelValue", "placeholder", "disabled"])) : e.config.type === t(A).PASSWORD ? (o(), v(t(me), g({
+          }, o.value), null, 16, ["modelValue", "placeholder", "disabled"])) : e.config.type === l(F).PASSWORD ? (r(), g(l(Te), S({
             key: 3,
-            modelValue: l.value,
-            "onUpdate:modelValue": s[4] || (s[4] = (r) => l.value = r),
+            modelValue: t.value,
+            "onUpdate:modelValue": d[4] || (d[4] = (p) => t.value = p),
             type: "password",
             placeholder: e.config.placeholder || `请输入${e.config.label || ""}`,
             disabled: e.config.disabled,
             "show-password": "",
             clearable: ""
-          }, a.value), null, 16, ["modelValue", "placeholder", "disabled"])) : e.config.type === t(A).SELECT ? (o(), v(t(Ie), g({
+          }, o.value), null, 16, ["modelValue", "placeholder", "disabled"])) : e.config.type === l(F).SELECT ? (r(), g(l(ot), S({
             key: 4,
-            modelValue: l.value,
-            "onUpdate:modelValue": s[5] || (s[5] = (r) => l.value = r),
-            options: f.value,
+            modelValue: t.value,
+            "onUpdate:modelValue": d[5] || (d[5] = (p) => t.value = p),
+            options: y(),
             placeholder: e.config.placeholder || `请选择${e.config.label || ""}`,
             disabled: e.config.disabled
-          }, a.value), null, 16, ["modelValue", "options", "placeholder", "disabled"])) : e.config.type === t(A).RADIO ? (o(), v(t(Oe), g({
+          }, o.value), null, 16, ["modelValue", "options", "placeholder", "disabled"])) : e.config.type === l(F).RADIO ? (r(), g(l(nt), S({
             key: 5,
-            modelValue: l.value,
-            "onUpdate:modelValue": s[6] || (s[6] = (r) => l.value = r),
-            options: f.value,
+            modelValue: t.value,
+            "onUpdate:modelValue": d[6] || (d[6] = (p) => t.value = p),
+            options: E(),
             disabled: e.config.disabled
-          }, a.value), null, 16, ["modelValue", "options", "disabled"])) : e.config.type === t(A).CHECKBOX ? (o(), v(t(Be), g({
+          }, o.value), null, 16, ["modelValue", "options", "disabled"])) : e.config.type === l(F).CHECKBOX ? (r(), g(l(lt), S({
             key: 6,
-            modelValue: l.value,
-            "onUpdate:modelValue": s[7] || (s[7] = (r) => l.value = r),
-            options: f.value,
+            modelValue: t.value,
+            "onUpdate:modelValue": d[7] || (d[7] = (p) => t.value = p),
+            options: D(),
             disabled: e.config.disabled
-          }, a.value), null, 16, ["modelValue", "options", "disabled"])) : e.config.type === t(A).DATE ? (o(), v(t(de), g({
+          }, o.value), null, 16, ["modelValue", "options", "disabled"])) : e.config.type === l(F).DATE ? (r(), g(l(Ae), S({
             key: 7,
-            modelValue: l.value,
-            "onUpdate:modelValue": s[8] || (s[8] = (r) => l.value = r),
+            modelValue: t.value,
+            "onUpdate:modelValue": d[8] || (d[8] = (p) => t.value = p),
             type: "date",
             placeholder: e.config.placeholder || `请选择${e.config.label || ""}`,
             disabled: e.config.disabled
-          }, a.value), null, 16, ["modelValue", "placeholder", "disabled"])) : e.config.type === t(A).DATETIME ? (o(), v(t(de), g({
+          }, o.value), null, 16, ["modelValue", "placeholder", "disabled"])) : e.config.type === l(F).DATETIME ? (r(), g(l(Ae), S({
             key: 8,
-            modelValue: l.value,
-            "onUpdate:modelValue": s[9] || (s[9] = (r) => l.value = r),
+            modelValue: t.value,
+            "onUpdate:modelValue": d[9] || (d[9] = (p) => t.value = p),
             type: "datetime",
             placeholder: e.config.placeholder || `请选择${e.config.label || ""}`,
             disabled: e.config.disabled
-          }, a.value), null, 16, ["modelValue", "placeholder", "disabled"])) : e.config.type === t(A).DATERANGE ? (o(), v(t(de), g({
+          }, o.value), null, 16, ["modelValue", "placeholder", "disabled"])) : e.config.type === l(F).DATERANGE ? (r(), g(l(Ae), S({
             key: 9,
-            modelValue: l.value,
-            "onUpdate:modelValue": s[10] || (s[10] = (r) => l.value = r),
+            modelValue: t.value,
+            "onUpdate:modelValue": d[10] || (d[10] = (p) => t.value = p),
             type: "daterange",
             "range-separator": "至",
             "start-placeholder": "开始日期",
             "end-placeholder": "结束日期",
             disabled: e.config.disabled
-          }, a.value), null, 16, ["modelValue", "disabled"])) : e.config.type === t(A).DATETIMERANGE ? (o(), v(t(de), g({
+          }, o.value), null, 16, ["modelValue", "disabled"])) : e.config.type === l(F).DATETIMERANGE ? (r(), g(l(Ae), S({
             key: 10,
-            modelValue: l.value,
-            "onUpdate:modelValue": s[11] || (s[11] = (r) => l.value = r),
+            modelValue: t.value,
+            "onUpdate:modelValue": d[11] || (d[11] = (p) => t.value = p),
             type: "datetimerange",
             "range-separator": "至",
             "start-placeholder": "开始时间",
             "end-placeholder": "结束时间",
             disabled: e.config.disabled
-          }, a.value), null, 16, ["modelValue", "disabled"])) : e.config.type === t(A).TIME ? (o(), v(t(Se), g({
+          }, o.value), null, 16, ["modelValue", "disabled"])) : e.config.type === l(F).TIME ? (r(), g(l(Ke), S({
             key: 11,
-            modelValue: l.value,
-            "onUpdate:modelValue": s[12] || (s[12] = (r) => l.value = r),
+            modelValue: t.value,
+            "onUpdate:modelValue": d[12] || (d[12] = (p) => t.value = p),
             placeholder: e.config.placeholder || `请选择${e.config.label || ""}`,
             disabled: e.config.disabled
-          }, a.value), null, 16, ["modelValue", "placeholder", "disabled"])) : e.config.type === t(A).TIMERANGE ? (o(), v(t(Se), g({
+          }, o.value), null, 16, ["modelValue", "placeholder", "disabled"])) : e.config.type === l(F).TIMERANGE ? (r(), g(l(Ke), S({
             key: 12,
-            modelValue: l.value,
-            "onUpdate:modelValue": s[13] || (s[13] = (r) => l.value = r),
+            modelValue: t.value,
+            "onUpdate:modelValue": d[13] || (d[13] = (p) => t.value = p),
             "is-range": "",
             "range-separator": "至",
             "start-placeholder": "开始时间",
             "end-placeholder": "结束时间",
             disabled: e.config.disabled
-          }, a.value), null, 16, ["modelValue", "disabled"])) : e.config.type === t(A).SWITCH ? (o(), v(t(rl), g({
+          }, o.value), null, 16, ["modelValue", "disabled"])) : e.config.type === l(F).SWITCH ? (r(), g(l(Ct), S({
             key: 13,
-            modelValue: l.value,
-            "onUpdate:modelValue": s[14] || (s[14] = (r) => l.value = r),
+            modelValue: t.value,
+            "onUpdate:modelValue": d[14] || (d[14] = (p) => t.value = p),
             disabled: e.config.disabled
-          }, a.value), null, 16, ["modelValue", "disabled"])) : e.config.type === t(A).TREE_SELECT ? (o(), v(t(il), g({
+          }, o.value), null, 16, ["modelValue", "disabled"])) : e.config.type === l(F).TREE_SELECT ? (r(), g(l(At), S({
             key: 14,
-            modelValue: l.value,
-            "onUpdate:modelValue": s[15] || (s[15] = (r) => l.value = r),
-            data: f.value,
+            modelValue: t.value,
+            "onUpdate:modelValue": d[15] || (d[15] = (p) => t.value = p),
+            data: q(),
             placeholder: e.config.placeholder || `请选择${e.config.label || ""}`,
             disabled: e.config.disabled
-          }, a.value), null, 16, ["modelValue", "data", "placeholder", "disabled"])) : e.config.type === t(A).CASCADER ? (o(), v(t(ul), g({
+          }, o.value), null, 16, ["modelValue", "data", "placeholder", "disabled"])) : e.config.type === l(F).CASCADER ? (r(), g(l(Dt), S({
             key: 15,
-            modelValue: l.value,
-            "onUpdate:modelValue": s[16] || (s[16] = (r) => l.value = r),
-            options: f.value,
+            modelValue: t.value,
+            "onUpdate:modelValue": d[16] || (d[16] = (p) => t.value = p),
+            options: m(),
             placeholder: e.config.placeholder || `请选择${e.config.label || ""}`,
             disabled: e.config.disabled,
             clearable: ""
-          }, a.value), null, 16, ["modelValue", "options", "placeholder", "disabled"])) : e.config.type === t(A).TREE ? (o(), v(t(dl), g({
+          }, o.value), null, 16, ["modelValue", "options", "placeholder", "disabled"])) : e.config.type === l(F).SLIDER ? (r(), g(l(xt), S({
             key: 16,
-            modelValue: l.value,
-            "onUpdate:modelValue": s[17] || (s[17] = (r) => l.value = r),
-            data: f.value,
-            "show-checkbox": "",
-            "node-key": "id"
-          }, a.value), null, 16, ["modelValue", "data"])) : e.config.type === t(A).SLIDER ? (o(), v(t(cl), g({
+            modelValue: t.value,
+            "onUpdate:modelValue": d[17] || (d[17] = (p) => t.value = p),
+            disabled: e.config.disabled
+          }, o.value), null, 16, ["modelValue", "disabled"])) : e.config.type === l(F).RATE ? (r(), g(l(Pt), S({
             key: 17,
-            modelValue: l.value,
-            "onUpdate:modelValue": s[18] || (s[18] = (r) => l.value = r),
+            modelValue: t.value,
+            "onUpdate:modelValue": d[18] || (d[18] = (p) => t.value = p),
             disabled: e.config.disabled
-          }, a.value), null, 16, ["modelValue", "disabled"])) : e.config.type === t(A).RATE ? (o(), v(t(fl), g({
+          }, o.value), null, 16, ["modelValue", "disabled"])) : e.config.type === l(F).UPLOAD_IMAGES ? (r(), g(l(rt), S({
             key: 18,
-            modelValue: l.value,
-            "onUpdate:modelValue": s[19] || (s[19] = (r) => l.value = r),
-            disabled: e.config.disabled
-          }, a.value), null, 16, ["modelValue", "disabled"])) : e.config.type === t(A).UPLOAD_IMAGES && a.value.api ? (o(), v(t(qe), g({
-            key: 19,
-            modelValue: l.value,
-            "onUpdate:modelValue": s[20] || (s[20] = (r) => l.value = r),
-            api: a.value.api,
+            modelValue: t.value,
+            "onUpdate:modelValue": d[19] || (d[19] = (p) => t.value = p),
+            api: h.value,
             disabled: e.config.disabled
-          }, a.value), null, 16, ["modelValue", "api", "disabled"])) : D("", !0)
+          }, c.value), null, 16, ["modelValue", "api", "disabled"])) : O("", !0)
         ], 64))
       ]),
       _: 2
     }, [
-      d.$slots.label ? {
+      v.$slots.label ? {
         name: "label",
-        fn: y(() => [
-          C(d.$slots, "label", { config: e.config })
+        fn: k(() => [
+          R(v.$slots, "label", { config: e.config })
         ]),
         key: "0"
       } : void 0
-    ]), 1040, ["prop", "label", "rules"])) : D("", !0);
+    ]), 1040, ["prop", "label", "rules"])) : O("", !0);
   }
-}), st = {
+}), Da = {
   key: 0,
   class: "ez-dynamic-form-group__title"
-}, rt = {
+}, xa = {
   key: 1,
   class: "ez-dynamic-form-group__description"
-}, it = w({ name: "EzDynamicForm", inheritAttrs: !1 }), ut = /* @__PURE__ */ w({
-  ...it,
-  props: /* @__PURE__ */ F({
+}, Pa = x({ name: "EzDynamicForm", inheritAttrs: !1 }), Ua = /* @__PURE__ */ x({
+  ...Pa,
+  props: /* @__PURE__ */ _({
     items: { default: () => [] },
     groups: { default: () => [] },
     modelValue: {},
@@ -898,221 +944,257 @@ const nt = w({ name: "EzFormItem" }), pe = /* @__PURE__ */ w({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(e, { expose: c }) {
-    const l = e, i = je(), a = L(e, "modelValue"), f = We(), n = "__legacy__";
-    let m = !1;
-    const d = (u) => Object.prototype.toString.call(u) === "[object Object]", s = (u) => u instanceof Date ? new Date(u.getTime()) : Array.isArray(u) ? u.map((k) => s(k)) : d(u) ? Object.fromEntries(Object.entries(u).map(([k, p]) => [k, s(p)])) : u, r = () => {
-      d(a.value) || (a.value = {});
-    }, R = () => {
-      r(), a.value && H.value.forEach((u) => {
-        u.prop in a.value || (a.value[u.prop] = u.defaultValue !== void 0 ? u.defaultValue : void 0);
+  setup(e, { expose: s }) {
+    const t = e, a = mt(), i = ee(e, "modelValue"), o = Me(), c = Me({}), 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 Y = [];
+          return b.set(T, Y), T.forEach((me, pe) => {
+            Y[pe] = n(me);
+          }), Y;
+        }
+        if (h(w)) {
+          const T = w;
+          if (b.has(T))
+            return b.get(T);
+          const Y = {};
+          return b.set(T, Y), Object.entries(T).forEach(([me, pe]) => {
+            Y[me] = n(pe);
+          }), Y;
+        }
+        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);
       });
-    }, K = T(() => Math.floor(24 / l.cols)), H = T(() => l.groups?.length ? l.groups.flatMap((u) => u.items || []) : l.items || []);
-    fe(
-      () => [l.items?.length || 0, l.groups?.length || 0],
-      ([u, k]) => {
-        m || u === 0 || k === 0 || (m = !0, console.warn('[EzDynamicForm] Both "items" and "groups" were provided. "groups" takes precedence and "items" will be ignored.'));
-      },
-      { immediate: !0 }
-    ), fe(() => [l.items, l.groups], R, { deep: !0, immediate: !0 }), fe(a, R, { immediate: !0 }), ye(R);
-    const j = (u, k, p) => {
+    }, q = P(() => {
+      const { items: u, groups: b, cols: n, gutter: w, modelValue: T, ...Y } = t;
+      return Y;
+    }), m = P(() => Math.floor(24 / t.cols)), A = P(() => t.groups?.length ? t.groups.flatMap((u) => u.items || []) : t.items || []), v = P(() => 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.');
+    }, p = (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);
+    }, N = (u, b) => ({
+      item: V(u),
+      formData: V(b)
+    }), L = (u) => {
+      const b = V(u);
+      return A.value.forEach((n) => {
+        if (n.deserialize)
+          try {
+            const w = N(n, b);
+            b[n.prop] = n.deserialize(b[n.prop], w.formData, w.item);
+          } catch (w) {
+            Z("deserialize", n, w);
+          }
+      }), b;
+    }, B = (u) => {
+      const b = V(u);
+      return A.value.forEach((n) => {
+        if (!n.serialize) return;
+        let w;
+        try {
+          const T = N(n, b);
+          w = n.serialize(b[n.prop], T.formData, T.item);
+        } catch (T) {
+          Z("serialize", n, T);
+          return;
+        }
+        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);
+        }
+      }), b;
+    };
+    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 }), Oe(() => {
+      D(), ce();
+    });
+    const le = (u, b, n) => {
       if (!u) return !0;
       try {
-        return u(a.value);
-      } catch (b) {
-        return console.error(`[EzDynamicForm] ${k} visibility error for "${p}":`, b), !1;
+        return u(i.value);
+      } catch (w) {
+        return console.error(`[EzDynamicForm] ${b} visibility error for "${n}":`, w), !1;
       }
-    }, X = T(() => {
-      const u = Array.isArray(l.groups) && l.groups.length > 0, k = u ? l.groups : [{ name: n, items: l.items || [], cols: l.cols, gutter: l.gutter }], p = [];
-      return k.forEach((b, I) => {
-        if (!b || b.hidden) return;
-        const h = b.name || `group-${I}`;
-        if (!j(b.show, "group", h)) return;
-        const S = (b.items || []).filter((ne) => ne.hidden ? !1 : j(ne.show, "item", ne.prop)), q = Math.max(1, b.cols || l.cols), x = b.gutter ?? l.gutter, le = b.headerSlot || (b.name ? `group-header-${b.name}` : void 0), he = b.slot || (b.name ? `group-${b.name}` : void 0);
-        p.push({
-          key: `${h}-${I}`,
-          index: I,
-          group: b,
-          items: S,
-          cols: q,
-          gutter: x,
-          isLegacy: !u,
-          headerSlotName: le,
-          bodySlotName: he
+    }, U = P(() => {
+      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 (!le(n.show, "group", T)) return;
+        const Y = (n.items || []).filter((f) => f.hidden ? !1 : le(f.show, "item", f.prop)), me = Math.max(1, n.cols || t.cols), pe = n.gutter ?? t.gutter, Pe = n.headerSlot || (n.name ? `group-header-${n.name}` : void 0), Ue = n.slot || (n.name ? `group-${n.name}` : void 0);
+        b.push({
+          key: `${T}-${w}`,
+          index: w,
+          group: n,
+          items: Y,
+          cols: me,
+          gutter: pe,
+          headerSlotName: Pe,
+          bodySlotName: Ue
         });
-      }), p;
-    }), Z = (u, k) => {
+      }), b;
+    }), $ = (u, b) => {
       if (u.span !== void 0)
         return Math.max(1, Math.min(24, u.span));
-      const p = Math.max(1, k);
-      return Math.max(1, Math.floor(24 / p)) || K.value;
-    }, J = (u) => u.isLegacy ? !1 : u.group.title || u.group.description || u.headerSlotName && i[u.headerSlotName] ? !0 : !!i["group-header"], $ = (u) => {
-      let k = u.disabled || l.disabled;
-      if (!k && u.disabledWhen)
+      const n = Math.max(1, b);
+      return Math.max(1, Math.floor(24 / n)) || m.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 {
-          k = u.disabledWhen(a.value);
-        } catch (p) {
-          console.error(`[EzDynamicForm] Disabled check error for "${u.prop}":`, p);
+          b = u.disabledWhen(i.value);
+        } catch (n) {
+          console.error(`[EzDynamicForm] Disabled check error for "${u.prop}":`, n);
         }
-      return { ...u, disabled: k };
+      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;
+      }
+    }, se = 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), de = () => B(ne()), ce = () => {
+      c.value = ne();
+    }, fe = (u, b = !0) => {
+      if (!u) return;
+      E();
+      const n = V(u);
+      b ? Object.assign(i.value, n) : i.value = n, D(), Re(() => {
+        o.value?.clearValidate();
+      });
     };
-    return c({
-      validate: async () => {
-        if (!f.value)
-          return console.warn("[EzDynamicForm] Form ref is not available"), !1;
-        try {
-          return await f.value.validate(), !0;
-        } catch {
-          return !1;
-        }
-      },
-      validateField: async (u) => {
-        if (!f.value)
-          return console.warn("[EzDynamicForm] Form ref is not available"), !1;
-        try {
-          return await f.value.validateField(u), !0;
-        } catch {
-          return !1;
-        }
-      },
-      clearValidate: (u) => {
-        if (!f.value) {
-          console.warn("[EzDynamicForm] Form ref is not available");
-          return;
-        }
-        f.value.clearValidate(u);
+    return s({
+      validate: ae,
+      validateField: se,
+      clearValidate: oe,
+      getFormData: ne,
+      getSubmitData: de,
+      setFormData: fe,
+      setSubmitData: (u, b = !0) => {
+        u && fe(p(L(u)), b);
       },
-      getFormData: () => s(a.value),
-      setFormData: (u, k = !0) => {
-        if (!u) return;
-        r();
-        const p = s(u);
-        k ? Object.assign(a.value, p) : a.value = p, R(), Le(() => {
-          f.value?.clearValidate();
+      resetForm: () => {
+        i.value = V(c.value), D(), Re(() => {
+          o.value?.clearValidate();
         });
       },
-      formRef: f
-    }), (u, k) => (o(), v(t(ml), g({
+      captureInitialData: ce,
+      formRef: o
+    }), (u, b) => (r(), g(l(Ut), S({
       ref_key: "formRef",
-      ref: f,
+      ref: o,
       class: "ez-dynamic-form",
-      "label-width": "auto"
-    }, u.$attrs, { model: a.value }), {
-      default: y(() => [
-        (o(!0), V(P, null, W(X.value, (p) => (o(), V(P, {
-          key: p.key
-        }, [
-          p.isLegacy ? (o(), v(t(ze), {
-            key: 0,
-            gutter: p.gutter
-          }, {
-            default: y(() => [
-              (o(!0), V(P, null, W(p.items, (b) => (o(), v(t(Ce), {
-                key: b.prop,
-                span: Z(b, p.cols)
-              }, {
-                default: y(() => [
-                  M(pe, {
-                    modelValue: a.value[b.prop],
-                    "onUpdate:modelValue": (I) => a.value[b.prop] = I,
-                    config: $(b),
-                    formData: a.value
-                  }, ae({ _: 2 }, [
-                    u.$slots[`label-${b.prop}`] ? {
-                      name: "label",
-                      fn: y(() => [
-                        C(u.$slots, `label-${b.prop}`, { item: b })
-                      ]),
-                      key: "0"
-                    } : void 0,
-                    u.$slots[b.prop] ? {
-                      name: "default",
-                      fn: y(({ config: I, value: h }) => [
-                        C(u.$slots, b.prop, {
-                          item: I,
-                          value: h,
-                          formData: a.value
-                        })
-                      ]),
-                      key: "1"
-                    } : void 0
-                  ]), 1032, ["modelValue", "onUpdate:modelValue", "config", "formData"])
-                ]),
-                _: 2
-              }, 1032, ["span"]))), 128))
-            ]),
-            _: 2
-          }, 1032, ["gutter"])) : (o(), V("section", {
-            key: 1,
-            class: ce(["ez-dynamic-form-group", p.group.className]),
-            style: ie(p.group.style)
-          }, [
-            J(p) ? (o(), V("div", {
+      "label-width": t.labelWidth ?? "auto"
+    }, q.value, { model: i.value }), {
+      default: k(() => [
+        (r(!0), C(X, null, re(U.value, (n) => (r(), g(xe(v.value ? "section" : "div"), {
+          key: n.key,
+          class: De(v.value ? ["ez-dynamic-form-group", n.group.className] : void 0),
+          style: $e(v.value ? n.group.style : void 0)
+        }, {
+          default: k(() => [
+            I(n) ? (r(), C("div", {
               key: 0,
-              class: ce(["ez-dynamic-form-group__header", p.group.headerClassName]),
-              style: ie(p.group.headerStyle)
+              class: De(["ez-dynamic-form-group__header", n.group.headerClassName]),
+              style: $e(n.group.headerStyle)
             }, [
-              p.headerSlotName && u.$slots[p.headerSlotName] ? C(u.$slots, p.headerSlotName, {
+              n.headerSlotName && u.$slots[n.headerSlotName] ? R(u.$slots, n.headerSlotName, {
                 key: 0,
-                group: p.group,
-                index: p.index,
-                items: p.items,
-                formData: a.value
-              }) : u.$slots["group-header"] ? C(u.$slots, "group-header", {
+                group: n.group,
+                index: n.index,
+                items: n.items,
+                formData: i.value
+              }) : u.$slots["group-header"] ? R(u.$slots, "group-header", {
                 key: 1,
-                group: p.group,
-                index: p.index,
-                items: p.items,
-                formData: a.value
-              }) : (o(), V(P, { key: 2 }, [
-                p.group.title ? (o(), V("div", st, Y(p.group.title), 1)) : D("", !0),
-                p.group.description ? (o(), V("div", rt, Y(p.group.description), 1)) : D("", !0)
+                group: n.group,
+                index: n.index,
+                items: n.items,
+                formData: i.value
+              }) : (r(), C(X, { key: 2 }, [
+                n.group.title ? (r(), C("div", Da, ue(n.group.title), 1)) : O("", !0),
+                n.group.description ? (r(), C("div", xa, ue(n.group.description), 1)) : O("", !0)
               ], 64))
-            ], 6)) : D("", !0),
-            p.bodySlotName && u.$slots[p.bodySlotName] ? C(u.$slots, p.bodySlotName, {
+            ], 6)) : O("", !0),
+            v.value && n.bodySlotName && u.$slots[n.bodySlotName] ? R(u.$slots, n.bodySlotName, {
               key: 1,
-              group: p.group,
-              index: p.index,
-              items: p.items,
-              formData: a.value
-            }) : u.$slots.group ? C(u.$slots, "group", {
+              group: n.group,
+              index: n.index,
+              items: n.items,
+              formData: i.value
+            }) : v.value && u.$slots.group ? R(u.$slots, "group", {
               key: 2,
-              group: p.group,
-              index: p.index,
-              items: p.items,
-              formData: a.value
-            }) : (o(), v(t(ze), {
+              group: n.group,
+              index: n.index,
+              items: n.items,
+              formData: i.value
+            }) : (r(), g(l(Tt), {
               key: 3,
-              gutter: p.gutter,
-              class: ce(["ez-dynamic-form-group__body", p.group.bodyClassName]),
-              style: ie(p.group.bodyStyle)
+              gutter: n.gutter,
+              class: De(v.value ? ["ez-dynamic-form-group__body", n.group.bodyClassName] : void 0),
+              style: $e(v.value ? n.group.bodyStyle : void 0)
             }, {
-              default: y(() => [
-                (o(!0), V(P, null, W(p.items, (b) => (o(), v(t(Ce), {
-                  key: `${p.key}-${b.prop}`,
-                  span: Z(b, p.cols)
+              default: k(() => [
+                (r(!0), C(X, null, re(n.items, (w) => (r(), g(l(Mt), {
+                  key: `${n.key}-${w.prop}`,
+                  span: $(w, n.cols)
                 }, {
-                  default: y(() => [
-                    M(pe, {
-                      modelValue: a.value[b.prop],
-                      "onUpdate:modelValue": (I) => a.value[b.prop] = I,
-                      config: $(b),
-                      formData: a.value
-                    }, ae({ _: 2 }, [
-                      u.$slots[`label-${b.prop}`] ? {
+                  default: k(() => [
+                    W(st, {
+                      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: y(() => [
-                          C(u.$slots, `label-${b.prop}`, { item: b })
+                        fn: k(() => [
+                          R(u.$slots, `label-${w.prop}`, { item: w })
                         ]),
                         key: "0"
                       } : void 0,
-                      u.$slots[b.prop] ? {
+                      u.$slots[w.prop] ? {
                         name: "default",
-                        fn: y(({ config: I, value: h }) => [
-                          C(u.$slots, b.prop, {
-                            item: I,
-                            value: h,
-                            formData: a.value
+                        fn: k(({ config: T, value: Y }) => [
+                          R(u.$slots, w.prop, {
+                            item: T,
+                            value: Y,
+                            formData: i.value
                           })
                         ]),
                         key: "1"
@@ -1124,190 +1206,232 @@ const nt = w({ name: "EzFormItem" }), pe = /* @__PURE__ */ w({
               ]),
               _: 2
             }, 1032, ["gutter", "class", "style"]))
-          ], 6))
-        ], 64))), 128))
+          ]),
+          _: 2
+        }, 1032, ["class", "style"]))), 128))
       ]),
       _: 3
-    }, 16, ["model"]));
+    }, 16, ["label-width", "model"]));
   }
-}), dt = G(ut), ct = G(pe), ft = w({ name: "EzTable" }), mt = /* @__PURE__ */ w({
-  ...ft,
+}), Ta = te(Ua), Ma = te(st), Ra = x({ name: "EzTable", inheritAttrs: !1 }), it = /* @__PURE__ */ x({
+  ...Ra,
   props: {
     data: { default: () => [] },
     columns: { default: () => [] },
-    rowKey: {}
+    border: { type: Boolean, default: !0 },
+    rowKey: { type: [String, Function], default: "id" }
   },
-  setup(e, { expose: c }) {
-    const l = e, i = O(), a = (n) => {
-      const m = l.columns[l.columns.length - 1], d = () => n.type ? !1 : n.prop !== m.prop;
-      return { ...{
-        align: "center",
-        hidden: 1,
-        resizable: !0,
-        reserveSelection: n.type === "selection",
-        /** 默认最后一个 */
-        showOverflowTooltip: d()
-      }, ...n };
+  setup(e, { expose: s }) {
+    const t = e, a = G(), i = /* @__PURE__ */ new Set(["hidden", "emptyValue", "sortMode", "sortField"]), o = (m) => m === !0, c = (m) => m == null || m === "", h = () => t.columns.filter((m) => ["selection", "index", "expand"].includes(m.type || "") ? !1 : !o(m.hidden)), V = P(() => {
+      const m = h(), A = m[m.length - 1];
+      return A?.columnKey || A?.prop || null;
+    }), y = (m) => m.type ? !1 : (m.columnKey || m.prop) !== V.value, E = (m) => {
+      const A = m.formatter, v = m.emptyValue !== void 0;
+      if (!(!A && !v))
+        return (d, p, Z, N) => {
+          const L = A ? A(d, p, Z, N) : Z;
+          return v && c(L) ? m.emptyValue : L;
+        };
+    }, D = (m) => {
+      const v = {
+        ...{
+          align: "center",
+          resizable: !0,
+          reserveSelection: m.type === "selection",
+          showOverflowTooltip: y(m)
+        },
+        ...m,
+        formatter: E(m)
+      }, d = Object.fromEntries(
+        Object.entries(v).filter(([p]) => !i.has(p))
+      );
+      return m.sortMode === "remote" && (d.sortable = "custom"), d;
     };
-    return c({
-      getTableRef: () => i.value,
-      clearSelection: () => i.value?.clearSelection(),
-      toggleRowSelection: (n, m) => i.value?.toggleRowSelection(n, m),
-      toggleAllSelection: () => i.value?.toggleAllSelection(),
-      toggleRowExpansion: (n, m) => i.value?.toggleRowExpansion(n, m),
-      setCurrentRow: (n) => i.value?.setCurrentRow(n),
-      clearSort: () => i.value?.clearSort(),
-      clearFilter: (n) => i.value?.clearFilter(n),
-      doLayout: () => i.value?.doLayout(),
-      sort: (n, m) => i.value?.sort(n, m)
-    }), (n, m) => (o(), v(t(pl), g({
+    return s({
+      getTableRef: () => a.value,
+      clearSelection: () => a.value?.clearSelection(),
+      toggleRowSelection: (m, A) => a.value?.toggleRowSelection(m, A),
+      toggleAllSelection: () => a.value?.toggleAllSelection(),
+      toggleRowExpansion: (m, A) => a.value?.toggleRowExpansion(m, A),
+      setCurrentRow: (m) => a.value?.setCurrentRow(m),
+      clearSort: () => a.value?.clearSort(),
+      clearFilter: (m) => a.value?.clearFilter(m),
+      doLayout: () => a.value?.doLayout(),
+      sort: (m, A) => a.value?.sort(m, A)
+    }), (m, A) => (r(), g(l(Rt), S({
       ref_key: "tableRef",
-      ref: i,
-      data: l.data,
-      border: "",
-      "row-key": "id"
-    }, n.$attrs), ae({
-      default: y(() => [
-        (o(!0), V(P, null, W(l.columns, (d) => (o(), V(P, {
-          key: d.prop
+      ref: a,
+      data: t.data,
+      border: t.border,
+      "row-key": t.rowKey
+    }, m.$attrs), Se({
+      default: k(() => [
+        (r(!0), C(X, null, re(t.columns, (v, d) => (r(), C(X, {
+          key: v.columnKey || v.prop || `${v.type || "column"}-${d}`
         }, [
-          ["selection", "index"].includes(d.type) ? (o(), v(t(Ae), g({
+          ["selection", "index"].includes(v.type) ? (r(), g(l(je), S({
             key: 0,
             ref_for: !0
-          }, a(d)), null, 16)) : d.hidden ? D("", !0) : (o(), v(t(Ae), g({
+          }, D(v)), null, 16)) : o(v.hidden) ? O("", !0) : (r(), g(l(je), S({
             key: 1,
             ref_for: !0
-          }, a(d)), ae({ _: 2 }, [
-            n.$slots[d.prop] ? {
+          }, D(v)), Se({ _: 2 }, [
+            m.$slots[v.prop] ? {
               name: "default",
-              fn: y((s) => [
-                C(n.$slots, d.prop, g({ ref_for: !0 }, s))
+              fn: k((p) => [
+                R(m.$slots, v.prop, S({ ref_for: !0 }, p))
               ]),
               key: "0"
-            } : d.transform ? {
-              name: "default",
-              fn: y((s) => [
-                _(Y(d.transform(s.row)), 1)
-              ]),
-              key: "1"
             } : void 0,
-            n.$slots[`header-${d.prop}`] ? {
+            m.$slots[`header-${v.prop}`] ? {
               name: "header",
-              fn: y((s) => [
-                C(n.$slots, `header-${d.prop}`, g({ ref_for: !0 }, s))
+              fn: k((p) => [
+                R(m.$slots, `header-${v.prop}`, S({ ref_for: !0 }, p))
               ]),
-              key: "2"
+              key: "1"
             } : void 0
           ]), 1040))
         ], 64))), 128))
       ]),
       _: 2
     }, [
-      n.$slots?.append ? {
+      m.$slots?.append ? {
         name: "append",
-        fn: y(() => [
-          C(n.$slots, "append")
+        fn: k(() => [
+          R(m.$slots, "append")
         ]),
         key: "0"
       } : void 0,
-      n.$slots?.empty ? {
+      m.$slots?.empty ? {
         name: "empty",
-        fn: y(() => [
-          C(n.$slots, "empty")
+        fn: k(() => [
+          R(m.$slots, "empty")
         ]),
         key: "1"
       } : void 0
-    ]), 1040, ["data"]));
+    ]), 1040, ["data", "border", "row-key"]));
   }
-}), Fe = G(mt), pt = { class: "ez-search-form" }, vt = { class: "ez-search-form__operate" }, gt = w({ name: "EzSearchForm", inheritAttrs: !1 }), yt = /* @__PURE__ */ w({
-  ...gt,
-  props: /* @__PURE__ */ F({
-    collapsedHeight: { default: 50 },
-    reset: { type: Boolean }
+}), Ia = { class: "ez-query-panel" }, Oa = { class: "ez-query-panel__operate" }, Ba = x({ name: "EzQueryPanel", inheritAttrs: !1 }), Fa = /* @__PURE__ */ x({
+  ...Ba,
+  props: /* @__PURE__ */ _({
+    expanded: { type: Boolean },
+    collapsedHeight: { default: 50 }
   }, {
-    expanded: { default: !1 },
+    expanded: { type: Boolean, default: !1 },
     expandedModifiers: {}
   }),
   emits: ["update:expanded"],
-  setup(e, { expose: c }) {
-    const l = e, { t: i } = ue(), a = O(), f = O(0), n = L(e, "expanded"), m = T(() => f.value > l.collapsedHeight), d = T(() => n.value ? Gl : ql), s = T(() => n.value ? i("s.button.collapse") : i("s.button.expand"));
-    let r = null;
-    const R = Sl(() => {
-      a.value && (f.value = a.value.scrollHeight);
-    }, 100), K = () => {
-      n.value = !n.value;
+  setup(e, { expose: s }) {
+    const t = e, { t: a } = ke(), i = G(), o = G(), c = G(0), h = ee(e, "expanded"), V = P(() => c.value > t.collapsedHeight), y = P(() => h.value ? fa : da), E = P(() => h.value ? a("s.button.collapse") : a("s.button.expand"));
+    let D = null;
+    const q = Qt(() => {
+      i.value && (c.value = i.value.scrollHeight);
+    }, 100), m = () => {
+      h.value = !h.value;
     };
-    return ye(() => {
+    return Oe(() => {
       setTimeout(() => {
-        a.value && (R(), r = new ResizeObserver(R), r.observe(a.value));
+        i.value && (q(), D = new ResizeObserver(q), D.observe(i.value));
       }, 50);
-    }), Ke(() => {
-      r && (r.disconnect(), r = null);
-    }), c({
-      countViewHeight: R
-    }), (H, j) => (o(), V("div", pt, [
-      N("div", {
-        class: "ez-search-form__wrapper",
-        style: ie({
-          height: f.value ? n.value ? `${f.value}px` : `${l.collapsedHeight}px` : "auto"
+    }), pt(() => {
+      D && (D.disconnect(), D = null);
+    }), s({
+      countViewHeight: q
+    }), (A, v) => (r(), C("div", Ia, [
+      Q("div", {
+        class: "ez-query-panel__wrapper",
+        style: $e({
+          height: c.value ? h.value ? `${c.value}px` : `${t.collapsedHeight}px` : "auto"
         })
       }, [
-        N("div", vt, [
-          C(H.$slots, "operate"),
-          m.value ? (o(), v(t(te), {
-            key: 0,
-            icon: d.value,
-            size: "small",
-            title: s.value,
-            circle: "",
-            onClick: j[0] || (j[0] = (X) => K())
-          }, null, 8, ["icon", "title"])) : D("", !0)
-        ]),
-        N("div", {
-          ref_key: "wrapRef",
-          ref: a
+        Q("div", {
+          ref_key: "layoutRef",
+          ref: i,
+          class: "ez-query-panel__layout"
         }, [
-          C(H.$slots, "default")
+          Q("div", Oa, [
+            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) => m())
+            }, null, 8, ["icon", "title"])) : O("", !0)
+          ]),
+          Q("div", {
+            ref_key: "wrapRef",
+            ref: o,
+            class: "ez-query-panel__content"
+          }, [
+            R(A.$slots, "default")
+          ], 512)
         ], 512)
       ], 4)
     ]));
   }
-}), Ge = G(yt), bt = w({ name: "EzPagination", inheritAttrs: !1 }), ht = /* @__PURE__ */ w({
-  ...bt,
-  props: {
+}), ut = te(Fa), Na = x({ name: "EzPagination", inheritAttrs: !1 }), La = /* @__PURE__ */ x({
+  ...Na,
+  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 c = L(e, "currentPage"), l = L(e, "pageSize"), { attrs: i } = oe(["currentPage", "pageSize"]);
-    return (a, f) => (o(), v(t(vl), g({
-      "current-page": c.value,
-      "onUpdate:currentPage": f[0] || (f[0] = (n) => c.value = n),
-      "page-size": l.value,
-      "onUpdate:pageSize": f[1] || (f[1] = (n) => l.value = n),
-      "page-sizes": [10, 20, 50, 100],
-      layout: "total, sizes, prev, pager, next, jumper"
-    }, t(i)), 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(It), 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"]));
   }
-}), He = G(ht);
-var ve = /* @__PURE__ */ ((e) => (e.ASC = "ascending", e.DESC = "descending", e[e.EMPTY = null] = "EMPTY", e))(ve || {});
-const Vt = (e) => {
-  const c = O([]), l = T(() => c.value), i = T(() => c.value.map((n) => n[e]));
+}), dt = te(La);
+var Ie = /* @__PURE__ */ ((e) => (e.ASC = "ascending", e.DESC = "descending", e[e.EMPTY = null] = "EMPTY", e))(Ie || {});
+const qa = (e, s) => typeof s == "function" ? s(e) : e[s], Ha = (e) => {
+  const s = Me([]), t = P(() => s.value), a = P(() => s.value.map((c) => qa(c, e)));
   return {
-    selectionChange: (n) => {
-      c.value = n;
+    selectionChange: (c) => {
+      s.value = c;
     },
-    getSelectedList: l,
-    getSelectedIds: i,
-    getSortParams: ({ prop: n, order: m }) => {
-      const d = { asc: null, desc: null };
-      return m === ve.ASC ? (d.asc = n, d.desc = null) : m === ve.DESC && (d.asc = null, d.desc = n), d;
+    getSelectedList: t,
+    getSelectedIds: a,
+    getSortParams: ({ prop: c, order: h }, V) => {
+      const y = V || c, E = { asc: null, desc: null };
+      return h === Ie.ASC ? (E.asc = y, E.desc = null) : h === Ie.DESC && (E.asc = null, E.desc = y), E;
     }
   };
-}, Et = /* @__PURE__ */ w({
+}, Ga = /* @__PURE__ */ x({
   __name: "column-config",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -1315,242 +1439,375 @@ const Vt = (e) => {
     columns: { default: () => [] },
     columnsModifiers: {}
   },
-  emits: /* @__PURE__ */ F(["change"], ["update:modelValue", "update:columns"]),
-  setup(e, { emit: c }) {
-    const { t: l } = ue(), i = ["selection", "index", "expand"], a = c, f = L(e, "modelValue"), n = L(e, "columns"), m = (d) => n.value.filter((r) => r.hidden === 0).length < 2 && d.hidden === 0;
-    return (d, s) => (o(), v(t(gl), {
-      modelValue: f.value,
-      "onUpdate:modelValue": s[1] || (s[1] = (r) => f.value = r),
+  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(Ot), {
+      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: y(() => [
-        (o(!0), V(P, null, W(n.value, (r) => (o(), V(P, {
-          key: r.prop
+      default: k(() => [
+        (r(!0), C(X, null, re(c.value, (E, D) => (r(), C(X, {
+          key: E.columnKey || E.prop || `${E.type || "column"}-${D}`
         }, [
-          i.includes(r.type) ? D("", !0) : (o(), v(t(Ne), {
+          a.includes(E.type) ? O("", !0) : (r(), g(l(at), {
             key: 0,
-            modelValue: r.hidden,
-            "onUpdate:modelValue": (R) => r.hidden = R,
+            "model-value": !E.hidden,
             class: "flex",
-            "true-value": 0,
-            "false-value": 1,
-            label: r.label,
-            checked: "",
-            disabled: m(r),
-            onChange: s[0] || (s[0] = (R) => a("change"))
-          }, null, 8, ["modelValue", "onUpdate:modelValue", "label", "disabled"]))
+            label: E.label,
+            "onUpdate:modelValue": (q) => E.hidden = !q,
+            disabled: h(E),
+            onChange: y[0] || (y[0] = (q) => i("change"))
+          }, null, 8, ["model-value", "label", "onUpdate:modelValue", "disabled"]))
         ], 64))), 128))
       ]),
       _: 1
     }, 8, ["modelValue", "title"]));
   }
-}), $t = { class: "ez-fast-table" }, kt = { class: "ez-fast-table_wrapper" }, wt = {
+}), Ka = { class: "ez-fast-table" }, ja = { class: "ez-fast-table_wrapper" }, Wa = {
   key: 0,
   class: "ez-fast-table_wrapper_header_operation"
-}, St = { class: "ez-fast-table_pagination" }, zt = w({
+}, Qa = {
+  key: 1,
+  class: "ez-fast-table_error"
+}, Ya = { class: "ez-fast-table_pagination" }, Xa = x({
   name: "EzFastTable",
-  directives: { loading: be.directive },
+  directives: { loading: Be.directive },
   inheritAttrs: !1
-}), Ct = /* @__PURE__ */ w({
-  ...zt,
-  props: /* @__PURE__ */ F({
-    api: { type: Function, default: () => Promise.resolve() },
+}), Za = /* @__PURE__ */ x({
+  ...Xa,
+  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__ */ F(["changePage", "reset", "query"], ["update:params", "update:columns", "update:loading"]),
-  setup(e, { expose: c, emit: l }) {
-    const { t: i } = ue(), a = e, f = Me(), n = T(() => {
-      const { api: h, beforeSearch: S, columnTool: q, expanded: x, ...le } = a;
+    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 = _e(), h = P(() => {
+      const { api: f, beforeSearch: z, transformParams: j, responseAdapter: M, onError: K, columnTool: ie, expanded: Fe, columns: ll, border: ol, ...ft } = o;
       return {
-        ...f,
-        ...le
+        ...c,
+        ...ft
       };
-    }), m = O(a.expanded), { selectionChange: d, getSelectedList: s, getSortParams: r, getSelectedIds: R } = Vt(a.rowKey), K = O(null), H = O(!1), j = O(null), X = O([]), Z = O(0), J = l, $ = L(e, "params"), E = L(e, "columns"), z = L(e, "loading"), U = async () => {
+    }), V = G(o.expanded), { selectionChange: y, getSelectedList: E, getSortParams: D, getSelectedIds: q } = Ha(o.rowKey), m = G(null), A = G(!1), v = G(null), d = G(0), p = G([]), Z = G(0), N = G(null), L = t, B = G(H(o.params ?? i())), le = G(H(o.columns ?? [])), U = G(o.loading ?? !1), $ = P({
+      get: () => U.value,
+      set: (f) => {
+        U.value = f, L("update:loading", f);
+      }
+    }), I = P(() => ({
+      params: B.value,
+      loading: $.value,
+      expanded: V.value,
+      search: fe,
+      query: ce,
+      reset: n,
+      captureInitialParams: oe,
+      patchParams: Ve,
+      replaceParams: ze
+    }));
+    ye(
+      () => o.params,
+      (f) => {
+        B.value = H(f ?? i());
+      },
+      { deep: !0 }
+    ), ye(
+      () => o.columns,
+      (f) => {
+        le.value = H(f ?? []);
+      },
+      { deep: !0 }
+    ), ye(
+      () => o.loading,
+      (f) => {
+        U.value = f ?? !1;
+      }
+    );
+    const J = (f) => f, ae = () => {
+      const f = H(B.value);
+      B.value = f, L("update:params", f);
+    }, se = async () => (await Re(), H(B.value)), oe = (f) => {
+      v.value = H(f ?? B.value);
+    }, ne = async (f, z, j) => {
+      f === d.value && (console.error(`[EzFastTable] Query pipeline failed at stage "${j.stage}".`, z), N.value = {
+        error: z,
+        stage: j.stage,
+        params: H(j.params)
+      }, await o.onError?.(z, j));
+    }, de = async (f) => {
+      const z = d.value + 1;
+      d.value = z, N.value = null;
       try {
-        z.value = !0, await a.beforeSearch($.value);
-        const { code: h, data: S } = await a.api($.value);
-        h === 200 && S.records ? (X.value = S.records || [], Z.value = S.total) : (X.value = [], Z.value = 0), J("query");
+        $.value = !0;
+        try {
+          await o.beforeSearch(f);
+        } catch (ie) {
+          await ne(z, ie, { stage: "beforeSearch", params: f });
+          return;
+        }
+        let j;
+        try {
+          j = await o.transformParams(f);
+        } catch (ie) {
+          await ne(z, ie, { stage: "transformParams", params: f });
+          return;
+        }
+        let M;
+        try {
+          M = await o.api(j);
+        } catch (ie) {
+          await ne(z, ie, { stage: "api", params: f });
+          return;
+        }
+        let K;
+        try {
+          K = await o.responseAdapter(M);
+        } catch (ie) {
+          await ne(z, ie, { stage: "responseAdapter", params: f });
+          return;
+        }
+        if (z !== d.value)
+          return;
+        p.value = K.records || [], Z.value = K.total || 0, L("query");
       } finally {
-        z.value = !1;
+        z === d.value && ($.value = !1);
       }
-    }, B = () => {
-      $.value.current = 1, U();
-    }, ee = () => K.value?.getTableRef(), u = (h) => {
-      const S = r(h);
-      $.value = { ...$.value, ...S };
-      const { column: q } = h;
-      q.sortable === "custom" && B();
-    }, k = (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((q) => k(q));
-      const S = Object.create(Object.getPrototypeOf(h));
-      for (const q in h)
-        h.hasOwnProperty(q) && (S[q] = k(h[q]));
-      return S;
-    }, p = () => {
-      $.value = k(j.value), J("reset"), Le(() => B());
-    }, b = (h) => {
-      J("changePage", h), h.size ? B() : U();
-    }, I = () => {
-      ee().doLayout();
-    };
-    return ye(() => {
-      j.value = k($.value);
-    }), c({ search: B, query: U, getTableRef: ee }), (h, S) => {
-      const q = Ue("loading");
-      return o(), V("div", $t, [
-        h.$slots.form ? (o(), v(t(Ge), {
+    }, ce = async () => {
+      const f = await se();
+      await de(f);
+    }, fe = () => {
+      (async () => {
+        const f = await se();
+        f.current = 1, B.value = f, ae(), await de(H(B.value));
+      })();
+    }, Ve = (f, z = {}) => {
+      const { resetPage: j = !1, captureInitial: M = !1 } = z, K = { ...B.value, ...H(f) };
+      j && (K.current = 1), B.value = K, ae(), M && oe();
+    }, ze = (f, z = {}) => {
+      const { resetPage: j = !1, captureInitial: M = !1 } = z, K = H(f);
+      j && (K.current = 1), B.value = K, ae(), M && oe();
+    }, u = () => m.value?.getTableRef(), b = (f) => {
+      const { column: z, prop: j } = f;
+      if ((z?.sortMode || "local") === "remote") {
+        const K = D(f, z?.sortField || j);
+        Ve(K), fe();
+        return;
+      }
+      (B.value.asc || B.value.desc) && Ve({ asc: null, desc: null });
+    }, n = () => {
+      ze(H(v.value ?? { current: 1, size: 10 })), L("reset"), ce();
+    }, w = (f) => {
+      if (L("changePage", f), f.size) {
+        fe();
+        return;
+      }
+      ae(), ce();
+    }, T = () => {
+      u()?.doLayout();
+    }, Y = () => {
+      const f = H(le.value);
+      le.value = f, L("update:columns", f), T();
+    }, me = () => {
+      N.value = null;
+    }, pe = () => N.value, Pe = () => {
+      me(), ce();
+    }, Ue = P(() => ({
+      error: N.value?.error,
+      stage: N.value?.stage || "api",
+      params: N.value?.params ?? B.value,
+      retry: Pe
+    }));
+    return Oe(() => {
+      oe();
+    }), s({
+      search: fe,
+      query: ce,
+      patchParams: Ve,
+      replaceParams: ze,
+      reset: n,
+      captureInitialParams: oe,
+      getTableRef: u,
+      doLayout: T,
+      clearError: me,
+      getErrorState: pe
+    }), (f, z) => {
+      const j = et("loading");
+      return r(), C("div", Ka, [
+        f.$slots.form ? (r(), g(l(ut), {
           key: 0,
-          loading: z.value,
-          expanded: m.value
+          expanded: V.value,
+          "onUpdate:expanded": z[0] || (z[0] = (M) => V.value = M)
         }, {
-          default: y((x) => [
-            C(h.$slots, "form", Ee(Ye(x)))
+          default: k(() => [
+            R(f.$slots, "form", Ce(Le(I.value)))
           ]),
-          operate: y(() => [
-            M(t(te), {
+          operate: k(() => [
+            W(l(be), {
               type: "primary",
-              loading: z.value,
-              onClick: B
+              loading: $.value,
+              onClick: fe
             }, {
-              default: y(() => [
-                _(Y(t(i)("s.button.query")), 1)
+              default: k(() => [
+                he(ue(l(a)("s.button.query")), 1)
               ]),
               _: 1
             }, 8, ["loading"]),
-            M(t(te), { onClick: p }, {
-              default: y(() => [
-                _(Y(t(i)("s.button.reset")), 1)
+            W(l(be), { onClick: n }, {
+              default: k(() => [
+                he(ue(l(a)("s.button.reset")), 1)
               ]),
               _: 1
             })
           ]),
           _: 3
-        }, 8, ["loading", "expanded"])) : D("", !0),
-        h.$slots.freeArea ? C(h.$slots, "freeArea", { key: 1 }) : D("", !0),
-        N("div", kt, [
-          h.$slots.header || a.columnTool ? (o(), V("div", {
+        }, 8, ["expanded"])) : O("", !0),
+        f.$slots.freeArea ? R(f.$slots, "freeArea", Ce(S({ key: 1 }, I.value))) : O("", !0),
+        Q("div", ja, [
+          f.$slots.header || o.columnTool ? (r(), C("div", {
             key: 0,
-            class: ce(["ez-fast-table_wrapper_header", h.$slots.header ? "justify-between" : "justify-end"])
+            class: De(["ez-fast-table_wrapper_header", f.$slots.header ? "justify-between" : "justify-end"])
           }, [
-            h.$slots.header ? (o(), V("div", wt, [
-              C(h.$slots, "header", {
-                selectList: t(s),
-                selectIds: t(R)
+            f.$slots.header ? (r(), C("div", Wa, [
+              R(f.$slots, "header", {
+                selectList: l(E),
+                selectIds: l(q)
               })
-            ])) : D("", !0),
-            a.columnTool ? (o(), v(t(te), {
+            ])) : O("", !0),
+            o.columnTool ? (r(), g(l(be), {
               key: 1,
-              icon: t(Kl),
+              icon: l(ga),
               circle: "",
-              onClick: S[0] || (S[0] = (x) => H.value = !0)
-            }, null, 8, ["icon"])) : D("", !0)
-          ], 2)) : D("", !0),
-          Pe((o(), v(t(Fe), g(n.value, {
+              onClick: z[1] || (z[1] = (M) => A.value = !0)
+            }, null, 8, ["icon"])) : O("", !0)
+          ], 2)) : O("", !0),
+          tt((r(), g(it, S(h.value, {
             ref_key: "fastTableRef",
-            ref: K,
-            columns: E.value,
-            data: X.value,
-            onSelectionChange: t(d),
-            onSortChange: u
-          }), ae({ _: 2 }, [
-            W(h.$slots, (x, le, he) => ({
-              name: le,
-              fn: y((ne) => [
-                ["form"].includes(x.name) ? D("", !0) : C(h.$slots, le, Ee(g({ key: 0 }, ne)))
+            ref: m,
+            border: o.border,
+            columns: le.value,
+            data: p.value,
+            onSelectionChange: l(y),
+            onSortChange: b
+          }), Se({ _: 2 }, [
+            re(f.$slots, (M, K, ie) => ({
+              name: K,
+              fn: k((Fe) => [
+                !["form", "empty", "error", "header"].includes(String(K)) && !String(K).startsWith("header-") ? R(f.$slots, K, Ce(S({ key: 0 }, J(Fe)))) : O("", !0)
               ])
-            }))
-          ]), 1040, ["columns", "data", "onSelectionChange"])), [
-            [q, z.value]
+            })),
+            f.$slots.empty && !N.value ? {
+              name: "empty",
+              fn: k(() => [
+                R(f.$slots, "empty")
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1040, ["border", "columns", "data", "onSelectionChange"])), [
+            [j, $.value]
           ]),
-          N("div", St, [
-            M(t(He), {
-              "current-page": $.value.current,
+          N.value && f.$slots.error ? (r(), C("div", Qa, [
+            R(f.$slots, "error", Ce(Le(Ue.value)))
+          ])) : O("", !0),
+          Q("div", Ya, [
+            W(l(dt), {
+              "current-page": B.value.current,
               "onUpdate:currentPage": [
-                S[1] || (S[1] = (x) => $.value.current = x),
-                S[3] || (S[3] = (x) => b({ current: x }))
+                z[2] || (z[2] = (M) => B.value.current = M),
+                z[4] || (z[4] = (M) => w({ current: M }))
               ],
-              "page-size": $.value.size,
+              "page-size": B.value.size,
               "onUpdate:pageSize": [
-                S[2] || (S[2] = (x) => $.value.size = x),
-                S[4] || (S[4] = (x) => b({ size: x }))
+                z[3] || (z[3] = (M) => B.value.size = M),
+                z[5] || (z[5] = (M) => w({ size: M }))
               ],
               total: Z.value
             }, null, 8, ["current-page", "page-size", "total"])
           ])
         ]),
-        M(Et, {
-          modelValue: H.value,
-          "onUpdate:modelValue": S[5] || (S[5] = (x) => H.value = x),
-          columns: E.value,
-          "onUpdate:columns": S[6] || (S[6] = (x) => E.value = x),
-          onChange: I
+        W(Ga, {
+          modelValue: A.value,
+          "onUpdate:modelValue": z[6] || (z[6] = (M) => A.value = M),
+          columns: le.value,
+          "onUpdate:columns": z[7] || (z[7] = (M) => le.value = M),
+          onChange: Y
         }, null, 8, ["modelValue", "columns"])
       ]);
     };
   }
-}), At = G(Ct), xe = /* @__PURE__ */ Symbol("INSTALLED_KEY");
-function Dt(e = []) {
+}), ct = te(Za), sl = () => ct, Ja = te(it), Je = /* @__PURE__ */ Symbol("INSTALLED_KEY");
+function _a(e = []) {
   return {
-    install: (l) => {
-      l[xe] || (l[xe] = !0, e.forEach((i) => l.use(i)));
+    install: (t) => {
+      t[Je] || (t[Je] = !0, e.forEach((a) => t.use(a)));
     }
   };
 }
-const Tt = [
-  Be,
-  Ml,
-  dt,
+const el = [
+  lt,
+  aa,
+  Ta,
+  Ma,
   ct,
-  At,
-  Q,
-  qe,
-  He,
-  Oe,
-  Ge,
-  Ie,
-  Fe
-], Rt = [
-  yl,
-  be,
-  se,
-  bl,
-  hl,
-  Vl
-], xt = Dt([...Tt, ...Rt]), Pt = xt.install;
+  ve,
+  rt,
+  dt,
+  ut,
+  nt,
+  ot,
+  Ja
+], tl = [
+  Bt,
+  Be,
+  ge,
+  Ft,
+  Nt,
+  Lt
+], al = _a([...el, ...tl]), il = al.install;
 export {
-  tt as CHANGE_TRIGGER_TYPES,
-  Be as EzCheckbox,
-  Ml as EzDialog,
-  dt as EzDynamicForm,
-  At as EzFastTable,
-  ct as EzFormItem,
-  Q as EzIcon,
-  qe as EzImageUpload,
-  He as EzPagination,
-  Oe as EzRadio,
-  Ge as EzSearchForm,
-  Ie as EzSelect,
-  Fe as EzTable,
-  A as FormItemType,
-  lt as SELECT_FORM_TYPES,
-  xt as default,
-  at as getInputVerb,
-  ot as getTrigger,
-  Pt as install
+  ka as CHANGE_TRIGGER_TYPES,
+  lt as EzCheckbox,
+  aa as EzDialog,
+  Ta as EzDynamicForm,
+  ct as EzFastTable,
+  Ma as EzFormItem,
+  ve as EzIcon,
+  rt as EzImageUpload,
+  dt as EzPagination,
+  ut as EzQueryPanel,
+  nt as EzRadio,
+  ot as EzSelect,
+  Ja as EzTable,
+  F as FormItemType,
+  Sa as SELECT_FORM_TYPES,
+  sl as createTypedFastTable,
+  al as default,
+  za as getInputVerb,
+  Ca as getTrigger,
+  il as install
 };