dynamicformdjx 0.5.0 → 0.6.2

package/dist/elementPlus/index.mjs

@@ -1,7 +1,7 @@
-import { t as D, r as _, f as Q, p as ae, s as ne, b as re, c as oe, h as ue, e as se, a as ie } from "../index-a2ON2stt.js";
-import { defineComponent as I, ref as x, watch as M, toRaw as j, createVNode as n, createTextVNode as T, Fragment as A, nextTick as X, isVNode as $, computed as E, h as b, mergeProps as P, reactive as de, shallowReactive as ce, onMounted as fe, toRef as ye, withDirectives as me, resolveDirective as ve } from "vue";
-import { ElInput as V, ElButton as C, ElForm as pe, ElRow as ge, ElCol as be, ElFormItem as U, ElDialog as he, ElCard as H, ElSelect as Ce, ElOptionGroup as Se, ElOption as Z, ElPopover as ke, ElCheckboxGroup as Y, ElSpace as ee, ElCheckbox as L, ElDropdown as we, ElDropdownMenu as Fe, ElDropdownItem as Te, ElTreeSelect as Be, ElRadioGroup as le, ElRadio as Ae, ElRadioButton as Oe, ElSwitch as Ie, ElDatePicker as Re, ElTimePicker as xe, ElInputTag as je, ElSlider as ze, ElInputNumber as Ee, ElDrawer as Pe, ElPagination as Ve, ElTable as De, ElTableColumn as Ne } from "element-plus";
-const il = /* @__PURE__ */ I({
+import { t as N, r as $, f as Q, p as oe, s as ue, c as se, d as ie, k as de, h as ce, b as fe } from "../index-Bsj3F9SM.js";
+import { defineComponent as A, ref as I, watch as _, toRaw as P, createVNode as r, createTextVNode as F, Fragment as O, nextTick as X, isVNode as M, computed as R, h as g, mergeProps as E, reactive as ye, shallowReactive as me, onMounted as be, toRef as pe, withDirectives as ve, resolveDirective as ge } from "vue";
+import { ElInput as D, ElButton as C, ElForm as he, ElRow as Ce, ElCol as Se, ElFormItem as G, ElDialog as ke, ElCard as U, ElSelect as we, ElOptionGroup as Te, ElOption as Z, ElPopover as Fe, ElCheckboxGroup as Y, ElSpace as ee, ElCheckbox as L, ElDropdown as le, ElDropdownMenu as te, ElDropdownItem as ae, ElTreeSelect as Be, ElRadioGroup as ne, ElRadio as Ie, ElRadioButton as Oe, ElSwitch as Ae, ElDatePicker as xe, ElTimePicker as ze, ElInputTag as Re, ElSlider as je, ElInputNumber as Ee, ElDrawer as Pe, ElPagination as Ve, ElTable as De, ElTableColumn as Ne } from "element-plus";
+const il = /* @__PURE__ */ A({
   name: "EleDynamicInput",
   props: {
     size: {
@@ -40,9 +40,9 @@ const il = /* @__PURE__ */ I({
   setup(e, {
     emit: o,
     expose: t,
-    slots: a
+    slots: n
   }) {
-    const i = {
+    const s = {
       resetTxt: "重置",
       newTxt: "添加项",
       mergeTxt: "合并",
@@ -55,53 +55,53 @@ const il = /* @__PURE__ */ I({
       hideArrayBtn: !1,
       hideNumberBtn: !1,
       ...e.configs
-    }, y = {
+    }, f = {
       arraySplitSymbol: ",",
       ...e.dyListConfigs
-    }, l = e.size, d = x(D(e.modelValue, e.randomFun, y.arraySplitSymbol)), p = x(null);
-    M(d, (m) => {
+    }, l = e.size, i = I(N(e.modelValue, e.randomFun, f.arraySplitSymbol)), b = I(null);
+    _(i, (m) => {
       if (!e.isController) return;
-      const S = _(m, y.arraySplitSymbol);
-      o("update:modelValue", S), o("onMerge", S, j(d.value));
+      const S = $(m, f.arraySplitSymbol);
+      o("update:modelValue", S), o("onMerge", S, P(i.value));
     }, {
       deep: !0
     }), t({
       onSet: (m) => {
-        d.value = D(m ?? e.modelValue, e.randomFun, y.arraySplitSymbol);
+        i.value = N(m ?? e.modelValue, e.randomFun, f.arraySplitSymbol);
       },
-      getResult: (m = "res") => m === "ori" ? j(d.value) : _(d.value, y.arraySplitSymbol)
+      getResult: (m = "res") => m === "ori" ? P(i.value) : $(i.value, f.arraySplitSymbol)
     });
-    const r = () => d.value.push({
+    const a = () => i.value.push({
       rId: e.randomFun(),
       key: "",
       value: ""
     }), c = () => {
-      d.value = D(e.modelValue, e.randomFun, y.arraySplitSymbol), o("onReset");
-    }, s = () => {
-      d.value.sort((S, v) => +S.rId - +v.rId);
-      const m = _(d.value, y.arraySplitSymbol);
-      o("update:modelValue", m), o("onMerge", m, j(d.value)), d.value = D(m, e.randomFun, y.arraySplitSymbol);
+      i.value = N(e.modelValue, e.randomFun, f.arraySplitSymbol), o("onReset");
+    }, d = () => {
+      i.value.sort((S, p) => +S.rId - +p.rId);
+      const m = $(i.value, f.arraySplitSymbol);
+      o("update:modelValue", m), o("onMerge", m, P(i.value)), i.value = N(m, e.randomFun, f.arraySplitSymbol);
     };
-    return () => n("div", {
+    return () => r("div", {
       class: e.dyCls ?? `dynamicForm ${l}`,
       style: {
         maxHeight: u.maxHeight
       }
-    }, [n("div", {
-      class: `dyFormList ${d.value.length ? "" : "noList"}`,
-      ref: p
-    }, [d.value.map((m, S, v) => {
-      const g = {
+    }, [r("div", {
+      class: `dyFormList ${i.value.length ? "" : "noList"}`,
+      ref: b
+    }, [i.value.map((m, S, p) => {
+      const v = {
         row: m,
         index: S,
-        isLast: S === v.length - 1,
+        isLast: S === p.length - 1,
         addItem: () => {
-          d.value.push({
+          i.value.push({
             rId: e.randomFun(),
             key: "",
             value: ""
           }), u.autoScroll && X(() => {
-            const h = p.value;
+            const h = b.value;
             h?.scrollTo({
               top: h.scrollHeight,
               behavior: "smooth"
@@ -109,95 +109,95 @@ const il = /* @__PURE__ */ I({
           });
         },
         removeItem: () => {
-          d.value = d.value.filter((h) => h.rId !== m.rId);
+          i.value = i.value.filter((h) => h.rId !== m.rId);
         },
         toggleArray: () => m.isArray = !m.isArray,
         toggleNumber: () => m.isNumber = !m.isNumber
       };
-      return n("div", {
+      return r("div", {
         class: "dItem",
         key: m.rId
-      }, [n("div", {
+      }, [r("div", {
         class: "input"
-      }, [n(V, {
+      }, [r(D, {
         size: l,
         modelValue: m.key,
         class: "key",
         onInput: (h) => {
           m.key = h;
         }
-      }, null), T(":"), n(V, {
+      }, null), F(":"), r(D, {
         size: l,
         modelValue: m.value,
         class: "value",
         onInput: (h) => {
-          u.allowFilter && m.isNumber ? m.value = Q(h, m.isArray, y.arraySplitSymbol) : m.value = h;
+          u.allowFilter && m.isNumber ? m.value = Q(h, m.isArray, f.arraySplitSymbol) : m.value = h;
         }
       }, {
-        prefix: () => a.typeTools ? a.typeTools(g) : n(A, null, [!u.hideArrayBtn && n(C, {
+        prefix: () => n.typeTools ? n.typeTools(v) : r(O, null, [!u.hideArrayBtn && r(C, {
           class: "typeBtn",
           type: m.isArray ? "success" : "default",
           size: "small",
-          onClick: g.toggleArray
+          onClick: v.toggleArray
         }, {
-          default: () => [T("Array")]
-        }), !u.hideNumberBtn && n(C, {
+          default: () => [F("Array")]
+        }), !u.hideNumberBtn && r(C, {
           class: "typeBtn",
           type: m.isNumber ? "success" : "default",
           size: "small",
-          onClick: g.toggleNumber
+          onClick: v.toggleNumber
         }, {
-          default: () => [T("Number")]
+          default: () => [F("Number")]
         })])
-      })]), n("div", {
+      })]), r("div", {
         class: "btn"
-      }, [a.rowActions ? a.rowActions(g) : n(A, null, [n(C, {
+      }, [n.rowActions ? n.rowActions(v) : r(O, null, [r(C, {
         type: "success",
         size: l,
-        disabled: !g.isLast,
-        onClick: g.addItem
+        disabled: !v.isLast,
+        onClick: v.addItem
       }, {
-        default: () => [T("+")]
-      }), n(C, {
+        default: () => [F("+")]
+      }), r(C, {
         size: l,
         type: "danger",
-        onClick: g.removeItem
+        onClick: v.removeItem
       }, {
-        default: () => [T("-")]
+        default: () => [F("-")]
       })])])]);
-    })]), n("div", {
-      class: `control ${d.value.length ? "" : "noList"}`
-    }, [!d.value.length && (a.newBtn ? a.newBtn({
-      newItem: r
-    }) : n(C, {
+    })]), r("div", {
+      class: `control ${i.value.length ? "" : "noList"}`
+    }, [!i.value.length && (n.newBtn ? n.newBtn({
+      newItem: a
+    }) : r(C, {
       size: l,
       type: "success",
-      onClick: r
+      onClick: a
     }, {
-      default: () => [i.newTxt]
-    })), !e.isController && n(A, null, [!u.hideReset && (a.resetBtn ? a.resetBtn({
+      default: () => [s.newTxt]
+    })), !e.isController && r(O, null, [!u.hideReset && (n.resetBtn ? n.resetBtn({
       reset: c
-    }) : n(C, {
+    }) : r(C, {
       size: l,
       type: "default",
       onClick: c
     }, {
-      default: () => [i.resetTxt]
-    })), a.mergeBtn ? a.mergeBtn({
-      merge: s
-    }) : n(C, {
+      default: () => [s.resetTxt]
+    })), n.mergeBtn ? n.mergeBtn({
+      merge: d
+    }) : r(C, {
       size: l,
       type: "info",
-      onClick: s
+      onClick: d
     }, {
-      default: () => [i.mergeTxt]
+      default: () => [s.mergeTxt]
     })])])]);
   }
 });
-function $e(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !$(e);
+function Me(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !M(e);
 }
-const dl = /* @__PURE__ */ I({
+const dl = /* @__PURE__ */ A({
   name: "EleDynamicCascadeInput",
   props: {
     modelValue: {
@@ -242,9 +242,9 @@ const dl = /* @__PURE__ */ I({
   setup(e, {
     emit: o,
     expose: t,
-    slots: a
+    slots: n
   }) {
-    const i = {
+    const s = {
       resetTxt: "重置",
       newTxt: "添加项",
       mergeTxt: "合并",
@@ -260,182 +260,182 @@ const dl = /* @__PURE__ */ I({
       retractLen: 0,
       borderColors: [],
       ...e.configs
-    }, y = {
+    }, f = {
       arraySplitSymbol: ",",
       ...e.dyListConfigs
-    }, l = (v) => ["string", "number"].includes(v), d = (v) => Object.keys(v).map((g, h) => {
-      let f = v[g];
-      const w = Array.isArray(f), R = w ? f.every((z) => typeof z == "number") : typeof f == "number", B = f === null;
-      return l(typeof f) && (f = v[g]), B && (f = ""), {
+    }, l = (p) => ["string", "number"].includes(p), i = (p) => Object.keys(p).map((v, h) => {
+      let y = p[v];
+      const w = Array.isArray(y), z = w ? y.every((V) => typeof V == "number") : typeof y == "number", B = y === null;
+      return l(typeof y) && (y = p[v]), B && (y = ""), {
         rId: e.randomFun(h),
-        key: g,
-        value: Object.prototype.toString.call(f) === "[object Object]" ? d(v[g]) : w ? f.join(y.arraySplitSymbol) : f,
+        key: v,
+        value: Object.prototype.toString.call(y) === "[object Object]" ? i(p[v]) : w ? y.join(f.arraySplitSymbol) : y,
         isArray: w || void 0,
-        isNumber: R || void 0
+        isNumber: z || void 0
       };
-    }), p = (v) => v.reduce((g, h) => {
-      const f = h.value;
-      return h.key.trim().length && (g[h.key] = Array.isArray(f) ? p(f) : ae(h.value, h.isArray, h.isNumber, y.arraySplitSymbol)), g;
-    }, {}), r = x(d(e.modelValue)), c = (v, g = 1, h) => n("div", {
-      class: [`depth-${g}`, u.showBorder ? "" : "no-border", u.showPad ? "" : "no-pad"],
+    }), b = (p) => p.reduce((v, h) => {
+      const y = h.value;
+      return h.key.trim().length && (v[h.key] = Array.isArray(y) ? b(y) : oe(h.value, h.isArray, h.isNumber, f.arraySplitSymbol)), v;
+    }, {}), a = I(i(e.modelValue)), c = (p, v = 1, h) => r("div", {
+      class: [`depth-${v}`, u.showBorder ? "" : "no-border", u.showPad ? "" : "no-pad"],
       style: {
-        "--depth": g,
-        ["--c" + [g]]: ne(u.borderColors, g)
+        "--depth": v,
+        ["--c" + [v]]: ue(u.borderColors, v)
       }
-    }, [v.map((f, w, R) => {
-      const B = Array.isArray(f.value), z = l(typeof f.value), O = {
-        row: f,
+    }, [p.map((y, w, z) => {
+      const B = Array.isArray(y.value), V = l(typeof y.value), x = {
+        row: y,
         index: w,
-        isLast: w === R.length - 1,
+        isLast: w === z.length - 1,
         addItem: () => {
-          v.push({
+          p.push({
             rId: e.randomFun(),
             key: "",
             value: ""
           });
         },
         addChild: () => {
-          z && (f.value = [], f.isArray = void 0), f.value.push({
+          V && (y.value = [], y.isArray = void 0), y.value.push({
             rId: e.randomFun(),
             key: "",
             value: ""
           });
         },
         removeItem: () => {
-          if (v.splice(w, 1), v.length < 1) {
-            if (h === void 0) return p([]);
-            const F = r.value.findIndex((te) => te.rId === h?.rId);
-            g < 1 ? r.value.splice(F, 1, {
+          if (p.splice(w, 1), p.length < 1) {
+            if (h === void 0) return b([]);
+            const T = a.value.findIndex((re) => re.rId === h?.rId);
+            v < 1 ? a.value.splice(T, 1, {
               ...h,
               value: ""
             }) : h.value = "";
           }
         },
-        toggleArray: () => f.isArray = !f.isArray,
-        toggleNumber: () => f.isNumber = !f.isNumber
+        toggleArray: () => y.isArray = !y.isArray,
+        toggleNumber: () => y.isNumber = !y.isNumber
       };
-      return n("div", {
+      return r("div", {
         class: "dItem",
-        key: f.rId,
+        key: y.rId,
         style: {
-          marginLeft: g > 1 ? `${g * u.retractLen}px` : "0"
+          marginLeft: v > 1 ? `${v * u.retractLen}px` : "0"
         }
-      }, [n("div", {
+      }, [r("div", {
         class: "input"
-      }, [!B && n(A, null, [n(V, {
-        modelValue: f.key,
+      }, [!B && r(O, null, [r(D, {
+        modelValue: y.key,
         class: "key",
-        onInput: (F) => f.key = F
-      }, null), T(":")]), n(V, {
+        onInput: (T) => y.key = T
+      }, null), F(":")]), r(D, {
         class: `value ${B ? "isKey" : ""}`,
-        modelValue: z ? f.value : f.key,
-        onInput: (F) => {
+        modelValue: V ? y.value : y.key,
+        onInput: (T) => {
           if (B) {
-            f.key = F;
+            y.key = T;
             return;
           }
-          u.allowFilter && f.isNumber ? f.value = Q(F, f.isArray, y.arraySplitSymbol) : f.value = F;
+          u.allowFilter && y.isNumber ? y.value = Q(T, y.isArray, f.arraySplitSymbol) : y.value = T;
         }
       }, {
-        prefix: Array.isArray(f.value) ? void 0 : () => a.typeTools ? a.typeTools(O) : n(A, null, [!u.hideArrayBtn && n(C, {
-          type: f.isArray ? "success" : "default",
+        prefix: Array.isArray(y.value) ? void 0 : () => n.typeTools ? n.typeTools(x) : r(O, null, [!u.hideArrayBtn && r(C, {
+          type: y.isArray ? "success" : "default",
           size: "small",
-          onClick: O.toggleArray
+          onClick: x.toggleArray
         }, {
-          default: () => [T("Array")]
-        }), T(" "), !u.hideNumberBtn && n(C, {
-          type: f.isNumber ? "success" : "default",
+          default: () => [F("Array")]
+        }), F(" "), !u.hideNumberBtn && r(C, {
+          type: y.isNumber ? "success" : "default",
           size: "small",
-          onClick: O.toggleNumber
+          onClick: x.toggleNumber
         }, {
-          default: () => [T("Number")]
+          default: () => [F("Number")]
         })]),
         suffix: () => {
-          let F;
-          return g < e.depth ? !B && (a.newChild ? a.newChild(O) : n(C, {
+          let T;
+          return v < e.depth ? !B && (n.newChild ? n.newChild(x) : r(C, {
             type: "success",
             size: "small",
             onClick: () => {
-              z && (f.value = [], f.isArray = void 0), f.value.push({
+              V && (y.value = [], y.isArray = void 0), y.value.push({
                 rId: e.randomFun(),
                 key: "",
                 value: ""
               });
             }
-          }, $e(F = e.newChildTxt(f)) ? F : {
-            default: () => [F]
+          }, Me(T = e.newChildTxt(y)) ? T : {
+            default: () => [T]
           })) : null;
         }
-      })]), n("div", {
+      })]), r("div", {
         class: "btn"
-      }, [a.rowActions ? a.rowActions(O) : n(A, null, [n(C, {
+      }, [n.rowActions ? n.rowActions(x) : r(O, null, [r(C, {
         type: "success",
-        disabled: !O.isLast,
-        onClick: O.addItem
+        disabled: !x.isLast,
+        onClick: x.addItem
       }, {
-        default: () => [T("+")]
-      }), n(C, {
+        default: () => [F("+")]
+      }), r(C, {
         type: "danger",
-        onClick: O.removeItem
+        onClick: x.removeItem
       }, {
-        default: () => [T("-")]
-      })])]), Array.isArray(f.value) && c(f.value, g + 1, f)]);
+        default: () => [F("-")]
+      })])]), Array.isArray(y.value) && c(y.value, v + 1, y)]);
     })]);
-    M(r, (v) => {
+    _(a, (p) => {
       if (!e.isController) return;
-      const g = p(v);
-      o("update:modelValue", g), o("onMerge", g, j(r.value));
+      const v = b(p);
+      o("update:modelValue", v), o("onMerge", v, P(a.value));
     }, {
       deep: !0
     }), t({
-      onSet: (v) => {
-        r.value = d(v ?? e.modelValue);
+      onSet: (p) => {
+        a.value = i(p ?? e.modelValue);
       },
-      getResult: (v = "res") => v === "ori" ? j(r.value) : p(r.value)
+      getResult: (p = "res") => p === "ori" ? P(a.value) : b(a.value)
     });
-    const s = () => r.value.push({
+    const d = () => a.value.push({
       rId: e.randomFun(),
       key: "",
       value: ""
     }), m = () => {
-      r.value = d(e.modelValue), o("onReset");
+      a.value = i(e.modelValue), o("onReset");
     }, S = () => {
-      const v = p(r.value);
-      o("update:modelValue", v), o("onMerge", v, j(r.value)), r.value = d(v);
+      const p = b(a.value);
+      o("update:modelValue", p), o("onMerge", p, P(a.value)), a.value = i(p);
     };
-    return () => n("div", {
+    return () => r("div", {
       class: `dynamicCascadeForm ${e.dyCls}`
-    }, [n("div", {
-      class: `dyFormList  ${r.value.length ? "" : "noObj"}`,
+    }, [r("div", {
+      class: `dyFormList  ${a.value.length ? "" : "noObj"}`,
       style: {
         maxHeight: u.maxHeight
       }
-    }, [c(r.value)]), n("div", {
-      class: `control ${r.value.length ? "" : "noObj"}`
-    }, [!r.value.length && (a.newBtn ? a.newBtn({
-      newItem: s
-    }) : n(C, {
+    }, [c(a.value)]), r("div", {
+      class: `control ${a.value.length ? "" : "noObj"}`
+    }, [!a.value.length && (n.newBtn ? n.newBtn({
+      newItem: d
+    }) : r(C, {
       type: "success",
-      onClick: s
+      onClick: d
     }, {
-      default: () => [i.newTxt]
-    })), !e.isController && n(A, null, [!u.hideReset && (a.resetBtn ? a.resetBtn({
+      default: () => [s.newTxt]
+    })), !e.isController && r(O, null, [!u.hideReset && (n.resetBtn ? n.resetBtn({
       reset: m
-    }) : n(C, {
+    }) : r(C, {
       type: "default",
       onClick: m
     }, {
-      default: () => [i.resetTxt]
-    })), a.mergeBtn ? a.mergeBtn({
+      default: () => [s.resetTxt]
+    })), n.mergeBtn ? n.mergeBtn({
       merge: S
-    }) : n(C, {
+    }) : r(C, {
       type: "info",
       onClick: S
     }, {
-      default: () => [i.mergeTxt]
+      default: () => [s.mergeTxt]
     })])])]);
   }
-}), q = /* @__PURE__ */ I({
+}), q = /* @__PURE__ */ A({
   name: "EleDynamicForm",
   props: {
     formConfig: {
@@ -471,71 +471,71 @@ const dl = /* @__PURE__ */ I({
     expose: o,
     slots: t
   }) {
-    const a = x(null), i = E(() => (e.items ?? []).filter((r) => !r.hidden)), u = E(() => i.value ? i.value.reduce((r, c) => (r[c.key] = c.value.value, r), {}) : {}), y = E(() => ({
-      ...i.value?.reduce((c, s) => {
-        let m = s.rule;
-        return s.required && !s.rule && (m = {
+    const n = I(null), s = R(() => (e.items ?? []).filter((a) => !a.hidden)), u = R(() => s.value ? s.value.reduce((a, c) => (a[c.key] = c.value.value, a), {}) : {}), f = R(() => ({
+      ...s.value?.reduce((c, d) => {
+        let m = d.rule;
+        return d.required && !d.rule && (m = {
           required: !0,
-          message: s.requiredHint?.(s.label ?? "") ?? `${s.label}不能为空`,
+          message: d.requiredHint?.(d.label ?? "") ?? `${d.label}不能为空`,
           trigger: "blur"
-        }), c[s.key] = m, c;
+        }), c[d.key] = m, c;
       }, {}),
       ...e.rules
-    })), l = E(() => [...i.value].sort((c, s) => {
-      const m = c.sort ?? 1 / 0, S = s.sort ?? 1 / 0;
+    })), l = R(() => [...s.value].sort((c, d) => {
+      const m = c.sort ?? 1 / 0, S = d.sort ?? 1 / 0;
       return Number(m) - Number(S);
     }));
-    function d(r = null) {
-      i.value && i.value.forEach((c) => {
-        c.value.value = r;
+    function i(a = null) {
+      s.value && s.value.forEach((c) => {
+        c.value.value = a;
       });
     }
-    function p() {
-      return new Promise((r, c) => {
-        a.value?.validate((s, m) => {
-          s ? r(u.value) : c(m);
+    function b() {
+      return new Promise((a, c) => {
+        n.value?.validate((d, m) => {
+          d ? a(u.value) : c(m);
         });
       });
     }
     if (o({
-      reset: d,
-      validator: p,
-      getResult: (r = "res") => r === "ori" ? i.value : u.value
+      reset: i,
+      validator: b,
+      getResult: (a = "res") => a === "ori" ? s.value : u.value
     }), !e.items) throw new Error("prop items must be not null");
-    return () => n("div", {
+    return () => r("div", {
       class: "naiDynamicForm"
-    }, [t.header && n("div", {
+    }, [t.header && r("div", {
       class: "header"
-    }, [t.header?.()]), n(pe, P({
-      ref: a
+    }, [t.header?.()]), r(he, E({
+      ref: n
     }, e.formConfig, {
       model: u.value,
-      rules: y.value
+      rules: f.value
     }), {
       default() {
-        const r = l.value;
-        return e.preset === "grid" ? b(ge, {
+        const a = l.value;
+        return e.preset === "grid" ? g(Ce, {
           ...e.rowConfig
         }, {
-          default: () => r?.map((c) => b(be, {
+          default: () => a?.map((c) => g(Se, {
             span: c.span ?? 24,
             offset: c.offset ?? 0
           }, {
-            default: () => b(U, {
+            default: () => g(G, {
               label: c.label,
               prop: c.path || c.key
             }, {
               default: W(c)
             })
           }))
-        }) : r?.map((c) => b(U, {
+        }) : a?.map((c) => g(G, {
           label: c.label,
           prop: c.path || c.key
         }, {
           default: W(c)
         }));
       }
-    }), t.footer && b("div", {
+    }), t.footer && g("div", {
       class: "footer"
     }, t.footer?.())]);
   }
@@ -546,9 +546,9 @@ function W(e) {
   };
 }
 function K(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !$(e);
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !M(e);
 }
-const cl = /* @__PURE__ */ I({
+const cl = /* @__PURE__ */ A({
   name: "ElePopupModal",
   props: {
     title: {
@@ -593,30 +593,30 @@ const cl = /* @__PURE__ */ I({
   setup(e, {
     expose: o,
     emit: t,
-    slots: a
+    slots: n
   }) {
-    const i = E(() => ({
+    const s = R(() => ({
       alignCenter: !0,
       draggable: !0,
       appendToBody: !0,
       ...e.modalProps ?? {}
-    })), u = x(!1), y = de({
+    })), u = I(!1), f = ye({
       c: !1,
       s: !1
-    }), l = (r) => {
-      u.value = r ?? !u.value;
+    }), l = (a) => {
+      u.value = a ?? !u.value;
     };
     o({
       toggle: l
     });
-    const d = async () => {
-      y.c = !0, (await e.onCancel?.() ?? !0) && l(!1), y.c = !1;
-    }, p = async () => {
-      y.s = !0, (await e.onSubmit?.() ?? !0) && l(!1), y.s = !1;
+    const i = async () => {
+      f.c = !0, (await e.onCancel?.() ?? !0) && l(!1), f.c = !1;
+    }, b = async () => {
+      f.s = !0, (await e.onSubmit?.() ?? !0) && l(!1), f.s = !1;
     };
-    return () => n(he, P({
+    return () => r(ke, E({
       modelValue: u.value,
-      "onUpdate:modelValue": (r) => u.value = r,
+      "onUpdate:modelValue": (a) => u.value = a,
       showClose: e.showClose,
       closeOnClickModal: e.closeOnMask,
       style: {
@@ -624,37 +624,37 @@ const cl = /* @__PURE__ */ I({
       },
       title: e.title,
       appendTo: e.to
-    }, i.value), {
+    }, s.value), {
       footer: () => {
-        const [r, c] = e.footerTxt, {
-          c: s,
+        const [a, c] = e.footerTxt, {
+          c: d,
           s: m
-        } = y;
-        return n("div", {
+        } = f;
+        return r("div", {
           class: "flex justify-end align-center"
-        }, [n(C, {
+        }, [r(C, {
           size: "small",
-          onClick: d,
-          loading: s
-        }, K(r) ? r : {
-          default: () => [r]
-        }), n(C, {
+          onClick: i,
+          loading: d
+        }, K(a) ? a : {
+          default: () => [a]
+        }), r(C, {
           size: "small",
           type: "success",
-          onClick: p,
+          onClick: b,
           loading: m
         }, K(c) ? c : {
           default: () => [c]
         })]);
       },
-      ...a
+      ...n
     });
   }
 });
 function J(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !$(e);
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !M(e);
 }
-const fl = /* @__PURE__ */ I({
+const fl = /* @__PURE__ */ A({
   name: "EleZealCard",
   props: {
     title: {
@@ -675,179 +675,187 @@ const fl = /* @__PURE__ */ I({
     checkWindowSize: {
       type: Array,
       default: [756, 500]
+    },
+    observeDelay: {
+      type: Number,
+      default: 100
     }
   },
   slots: Object,
   setup(e, {
-    slots: o
+    slots: o,
+    expose: t
   }) {
-    const t = re(...e.checkWindowSize), {
-      wrapRef: a,
-      cardRef: i,
-      restRef: u,
-      tableHeight: y
-    } = oe(H);
-    return () => {
-      const l = ue(t);
-      return n("div", {
+    const n = se(...e.checkWindowSize), {
+      wrapRef: s,
+      cardRef: u,
+      restRef: f,
+      tableHeight: l
+    } = ie(U, e.observeDelay);
+    return t({
+      tableHeight: l,
+      isMobile: R(() => n.isMobile)
+    }), () => {
+      const i = de(n);
+      return r("div", {
         class: "zealCard",
         style: {
           height: `calc(${e.zealHeight} - ${e.outPadding * 2}px)`
         },
-        ref: a
-      }, [n(H, {
-        ref: i
+        ref: s
+      }, [r(U, {
+        ref: u
       }, {
         default: () => [o.default?.({
-          tableHeight: y.value,
-          ...l
+          tableHeight: l.value,
+          ...i
         })],
         header: () => {
-          const [d, p] = e.searchBtnTxt;
-          return n("div", {
+          const [b, a] = e.searchBtnTxt;
+          return r("div", {
             class: "header"
-          }, [o.header?.(l) ?? n(A, null, [n("div", {
+          }, [o.header?.(i) ?? r(O, null, [r("div", {
             class: "title"
-          }, [e.title]), n("div", {
+          }, [e.title]), r("div", {
             class: "search"
-          }, [o.searchForm?.(), o.searchBtn?.() || o.searchForm && n("div", {
+          }, [o.searchForm?.(i), o.searchBtn?.(i) || o.searchForm && r("div", {
             class: "searchBtn"
-          }, [n(C, {
+          }, [r(C, {
             size: "small"
-          }, J(d) ? d : {
-            default: () => [d]
-          }), n(C, {
+          }, J(b) ? b : {
+            default: () => [b]
+          }), r(C, {
             type: "info",
             size: "small"
-          }, J(p) ? p : {
-            default: () => [p]
-          })])])]), n("div", {
+          }, J(a) ? a : {
+            default: () => [a]
+          })])])]), r("div", {
             class: "controlBtn"
-          }, [n("div", null, [o.controlBtn?.()]), o.toolBtn?.()])]);
+          }, [r("div", null, [o.controlBtn?.(i)]), o.toolBtn?.(i)])]);
         },
-        footer: () => n("div", {
+        footer: o.footer ? () => r("div", {
           class: "footer"
-        }, [o.footer?.(l)])
-      }), n("div", {
-        ref: u
-      }, [o.rest?.()])]);
+        }, [o.footer?.(i)]) : null
+      }), r("div", {
+        ref: f
+      }, [o.rest?.(i)])]);
     };
   }
 });
 function k(e, o, t) {
   return e?.[o] ?? t;
 }
-function _e(e) {
+function $e(e) {
   return !!e && (e.type === "group" || Array.isArray(e.children) || Array.isArray(e.options));
 }
-function G(e) {
+function H(e) {
   return (e ?? []).map((o) => {
-    if (_e(o)) {
+    if ($e(o)) {
       const t = o.children ?? o.options ?? [];
       return { ...o, __isGroup: !0, __children: t };
     }
     return { ...o, __isGroup: !1 };
   });
 }
-function Me(e, o, t = "label", a = "value") {
-  const i = G(o);
-  for (const u of i)
+function _e(e, o, t = "label", n = "value") {
+  const s = H(o);
+  for (const u of s)
     if (u.__isGroup) {
-      for (const y of u.__children)
-        if (k(y, a, y.value) === e) return k(y, t, y.label);
-    } else if (k(u, a, u.value) === e) return k(u, t, u.label);
+      for (const f of u.__children)
+        if (k(f, n, f.value) === e) return k(f, t, f.label);
+    } else if (k(u, n, u.value) === e) return k(u, t, u.label);
   return "";
 }
 function Le(e, o = {}, t) {
-  const { onChange: a, value: i, ...u } = t;
-  return b(V, {
+  const { onChange: n, value: s, ...u } = t;
+  return g(D, {
     ...u,
     modelValue: e.value,
-    "onUpdate:modelValue": (y) => {
-      e.value = y, t?.onChange?.(y, t);
+    "onUpdate:modelValue": (f) => {
+      e.value = f, t?.onChange?.(f, t);
     },
     ...o
   });
 }
-function Ge(e, o, t = {}, a) {
-  const { onChange: i, labelField: u, valueField: y, options: l, ...d } = a ?? {}, p = u ?? "label", r = y ?? "value", c = G(l ?? o);
-  return b(
-    Ce,
+function He(e, o, t = {}, n) {
+  const { onChange: s, labelField: u, valueField: f, options: l, ...i } = n ?? {}, b = u ?? "label", a = f ?? "value", c = H(l ?? o);
+  return g(
+    we,
     {
-      ...d,
+      ...i,
       modelValue: e.value,
-      "onUpdate:modelValue": (s) => {
-        e.value = s, a?.onChange?.(s, a, c);
+      "onUpdate:modelValue": (d) => {
+        e.value = d, n?.onChange?.(d, n, c);
       },
       ...t
     },
     {
-      default: () => c.map((s, m) => {
-        if (s.__isGroup)
-          return b(
-            Se,
-            { key: s.key ?? `g-${m}`, label: k(s, p, s.label) },
+      default: () => c.map((d, m) => {
+        if (d.__isGroup)
+          return g(
+            Te,
+            { key: d.key ?? `g-${m}`, label: k(d, b, d.label) },
             {
-              default: () => (s.__children ?? []).map((g, h) => {
-                const f = k(g, p, g.label), w = k(g, r, g.value);
-                return b(Z, {
-                  key: g.key ?? `${m}-${h}`,
-                  label: f,
+              default: () => (d.__children ?? []).map((v, h) => {
+                const y = k(v, b, v.label), w = k(v, a, v.value);
+                return g(Z, {
+                  key: v.key ?? `${m}-${h}`,
+                  label: y,
                   value: w,
-                  disabled: g.disabled
+                  disabled: v.disabled
                 });
               })
             }
           );
-        const S = k(s, p, s.label), v = k(s, r, s.value);
-        return b(Z, {
-          key: s.key ?? `${m}`,
+        const S = k(d, b, d.label), p = k(d, a, d.value);
+        return g(Z, {
+          key: d.key ?? `${m}`,
           label: S,
-          value: v,
-          disabled: s.disabled
+          value: p,
+          disabled: d.disabled
         });
       })
     }
   );
 }
-function Ue(e, o, t = {}, a, i) {
-  const { labelField: u, valueField: y, options: l, onChange: d, ...p } = a ?? {}, r = u ?? "label", c = y ?? "value", s = l ?? o, m = G(s), S = () => {
-    if (i) return i;
-    const v = Array.isArray(e.value) ? e.value.length ? `已选 ${e.value.length} 项` : "请选择" : e.value != null ? Me(e.value, s, r, c) || String(e.value) : "请选择";
-    return b(C, null, { default: () => v });
+function Ge(e, o, t = {}, n, s) {
+  const { labelField: u, valueField: f, options: l, onChange: i, ...b } = n ?? {}, a = u ?? "label", c = f ?? "value", d = l ?? o, m = H(d), S = () => {
+    if (s) return s;
+    const p = Array.isArray(e.value) ? e.value.length ? `已选 ${e.value.length} 项` : "请选择" : e.value != null ? _e(e.value, d, a, c) || String(e.value) : "请选择";
+    return g(C, null, { default: () => p });
   };
-  return Array.isArray(e.value) ? n(
-    ke,
+  return Array.isArray(e.value) ? r(
+    Fe,
     {
       trigger: "click",
-      ...p,
+      ...b,
       ...t
     },
     {
       reference: () => S(),
-      default: () => b(
+      default: () => g(
         Y,
         {
           modelValue: e.value,
-          "onUpdate:modelValue": (v) => {
-            e.value = v, a?.onChange?.(v, a, m);
+          "onUpdate:modelValue": (p) => {
+            e.value = p, n?.onChange?.(p, n, m);
           }
         },
         {
-          default: () => b(
+          default: () => g(
             ee,
             { wrap: !0 },
             {
-              default: () => m.flatMap((v, g) => (v.__isGroup ? v.__children ?? [] : [v]).map((f, w) => {
-                const R = k(f, r, f.label), B = k(f, c, f.value);
-                return b(
+              default: () => m.flatMap((p, v) => (p.__isGroup ? p.__children ?? [] : [p]).map((y, w) => {
+                const z = k(y, a, y.label), B = k(y, c, y.value);
+                return g(
                   L,
                   {
-                    key: f.key ?? `${g}-${w}`,
+                    key: y.key ?? `${v}-${w}`,
                     label: B,
-                    disabled: f.disabled
+                    disabled: y.disabled
                   },
-                  { default: () => R }
+                  { default: () => z }
                 );
               }))
             }
@@ -855,122 +863,122 @@ function Ue(e, o, t = {}, a, i) {
         }
       )
     }
-  ) : n(
-    we,
+  ) : r(
+    le,
     {
       trigger: "click",
-      ...p,
-      onCommand: (v) => {
-        e.value = v, a?.onChange?.(v, a, m);
+      ...b,
+      onCommand: (p) => {
+        e.value = p, n?.onChange?.(p, n, m);
       },
       ...t
     },
     {
       default: () => S(),
-      dropdown: () => b(Fe, null, {
-        default: () => m.flatMap((v, g) => (v.__isGroup ? v.__children ?? [] : [v]).map((f, w) => {
-          const R = k(f, r, f.label), B = k(f, c, f.value);
-          return b(
-            Te,
-            { key: f.key ?? `${g}-${w}`, command: B, disabled: f.disabled },
-            { default: () => R }
+      dropdown: () => g(te, null, {
+        default: () => m.flatMap((p, v) => (p.__isGroup ? p.__children ?? [] : [p]).map((y, w) => {
+          const z = k(y, a, y.label), B = k(y, c, y.value);
+          return g(
+            ae,
+            { key: y.key ?? `${v}-${w}`, command: B, disabled: y.disabled },
+            { default: () => z }
           );
         }))
       })
     }
   );
 }
-function He(e, o, t = {}, a) {
+function Ue(e, o, t = {}, n) {
   const {
-    valueField: i = "value",
+    valueField: s = "value",
     labelField: u = "label",
-    childrenField: y = "children",
+    childrenField: f = "children",
     onChange: l,
-    options: d,
-    ...p
-  } = a ?? {}, r = d ?? o;
-  return b(Be, {
-    ...p,
-    data: r,
+    options: i,
+    ...b
+  } = n ?? {}, a = i ?? o;
+  return g(Be, {
+    ...b,
+    data: a,
     modelValue: e.value,
     "onUpdate:modelValue": (c) => {
-      e.value = c, a?.onChange?.(c, a, r);
+      e.value = c, n?.onChange?.(c, n, a);
     },
     props: {
-      value: i,
+      value: s,
       label: u,
-      children: y,
+      children: f,
       disabled: "disabled"
     },
     ...t
   });
 }
-function Ze(e, o, t = {}, a) {
-  const { onChange: i, labelField: u, valueField: y, options: l, ...d } = a ?? {}, p = u ?? "label", r = y ?? "value", c = l ?? o;
-  return b(
-    le,
+function Ze(e, o, t = {}, n) {
+  const { onChange: s, labelField: u, valueField: f, options: l, ...i } = n ?? {}, b = u ?? "label", a = f ?? "value", c = l ?? o;
+  return g(
+    ne,
     {
-      ...d,
+      ...i,
       modelValue: e.value,
-      "onUpdate:modelValue": (s) => {
-        e.value = s, a?.onChange?.(s, a, c);
+      "onUpdate:modelValue": (d) => {
+        e.value = d, n?.onChange?.(d, n, c);
       },
       ...t
     },
     {
-      default: () => (c ?? []).map((s, m) => {
-        const S = k(s, p, s.label), v = k(s, r, s.value);
-        return b(Ae, { key: s.key ?? m, label: v, disabled: s.disabled }, () => S);
+      default: () => (c ?? []).map((d, m) => {
+        const S = k(d, b, d.label), p = k(d, a, d.value);
+        return g(Ie, { key: d.key ?? m, label: p, disabled: d.disabled }, () => S);
       })
     }
   );
 }
-function qe(e, o, t = {}, a) {
-  const { onChange: i, labelField: u, valueField: y, options: l, ...d } = a ?? {}, p = u ?? "label", r = y ?? "value", c = l ?? o;
-  return b(
-    le,
+function qe(e, o, t = {}, n) {
+  const { onChange: s, labelField: u, valueField: f, options: l, ...i } = n ?? {}, b = u ?? "label", a = f ?? "value", c = l ?? o;
+  return g(
+    ne,
     {
-      ...d,
+      ...i,
       modelValue: e.value,
-      "onUpdate:modelValue": (s) => {
-        e.value = s, a?.onChange?.(s, a, c);
+      "onUpdate:modelValue": (d) => {
+        e.value = d, n?.onChange?.(d, n, c);
       },
       ...t
     },
     {
-      default: () => (c ?? []).map((s, m) => {
-        const S = k(s, p, s.label), v = k(s, r, s.value);
-        return b(
+      default: () => (c ?? []).map((d, m) => {
+        const S = k(d, b, d.label), p = k(d, a, d.value);
+        return g(
           Oe,
-          { key: s.key ?? m, label: v, disabled: s.disabled },
+          { key: d.key ?? m, label: p, disabled: d.disabled },
           () => S
         );
       })
     }
   );
 }
-function We(e, o, t = {}, a) {
-  const { onChange: i, labelField: u, valueField: y, options: l, ...d } = a ?? {}, p = u ?? "label", r = y ?? "value", c = l ?? o;
-  return b(
+function We(e, o, t = {}, n) {
+  const { onChange: s, labelField: u, valueField: f, options: l, ...i } = n ?? {}, b = u ?? "label", a = f ?? "value", c = l ?? o;
+  return g(
     Y,
     {
-      ...d,
+      ...i,
       modelValue: e.value,
-      "onUpdate:modelValue": (s) => {
-        e.value = s, a?.onChange?.(s, a, c);
+      "onUpdate:modelValue": (d) => {
+        e.value = d, n?.onChange?.(d, n, c);
       },
       ...t
     },
     {
-      default: () => b(
+      default: () => g(
         ee,
         { wrap: !0 },
         {
-          default: () => (c ?? []).map((s, m) => {
-            const S = k(s, p, s.label), v = k(s, r, s.value);
-            return b(
+          default: () => (c ?? []).map((d, m) => {
+            const S = k(d, b, d.label), p = k(d, a, d.value);
+            return g(
               L,
-              { key: s.key ?? m, label: v, disabled: s.disabled },
+              { key: d.key ?? m, label: p, disabled: d.disabled },
               () => S
             );
           })
@@ -980,9 +988,9 @@ function We(e, o, t = {}, a) {
   );
 }
 function Ke(e, o = {}, t) {
-  const { onChange: a, ...i } = t ?? {};
-  return b(Ie, {
-    ...i,
+  const { onChange: n, ...s } = t ?? {};
+  return g(Ae, {
+    ...s,
     modelValue: e.value,
     "onUpdate:modelValue": (u) => {
       e.value = u, t?.onChange?.(u, t);
@@ -991,9 +999,9 @@ function Ke(e, o = {}, t) {
   });
 }
 function Je(e, o = {}, t) {
-  const { onChange: a, ...i } = t ?? {};
-  return b(Re, {
-    ...i,
+  const { onChange: n, ...s } = t ?? {};
+  return g(xe, {
+    ...s,
     modelValue: e.value,
     "onUpdate:modelValue": (u) => {
       e.value = u, t?.onChange?.(u, t);
@@ -1002,9 +1010,9 @@ function Je(e, o = {}, t) {
   });
 }
 function Qe(e, o = {}, t) {
-  const { onChange: a, ...i } = t ?? {};
-  return b(xe, {
-    ...i,
+  const { onChange: n, ...s } = t ?? {};
+  return g(ze, {
+    ...s,
     modelValue: e.value,
     "onUpdate:modelValue": (u) => {
       e.value = u, t?.onChange?.(u, t);
@@ -1013,9 +1021,9 @@ function Qe(e, o = {}, t) {
   });
 }
 function Xe(e, o = {}, t) {
-  const { onChange: a, ...i } = t ?? {};
-  return b(L, {
-    ...i,
+  const { onChange: n, ...s } = t ?? {};
+  return g(L, {
+    ...s,
     label: o?.label ?? t?.label,
     modelValue: e.value,
     "onUpdate:modelValue": (u) => {
@@ -1025,23 +1033,23 @@ function Xe(e, o = {}, t) {
   });
 }
 function Ye(e, o = {}, t) {
-  const { onChange: a, value: i, labelField: u = "label", valueField: y, ...l } = t ?? {};
-  return b(je, {
+  const { onChange: n, value: s, labelField: u = "label", valueField: f, ...l } = t ?? {};
+  return g(Re, {
     ...l,
-    modelValue: y ? e.value.map((d) => d[y]) : e.value,
-    "onUpdate:modelValue": (d) => {
-      e.value = y ? d.map((p) => ({
-        [u]: p,
-        [y]: p
-      })) : d, t?.onChange?.(d, t);
+    modelValue: f ? e.value.map((i) => i[f]) : e.value,
+    "onUpdate:modelValue": (i) => {
+      e.value = f ? i.map((b) => ({
+        [u]: b,
+        [f]: b
+      })) : i, t?.onChange?.(i, t);
     },
     ...o
   });
 }
 function el(e, o = {}, t) {
-  const { onChange: a, ...i } = t ?? {};
-  return b(ze, {
-    ...i,
+  const { onChange: n, ...s } = t ?? {};
+  return g(je, {
+    ...s,
     modelValue: e.value,
     "onUpdate:modelValue": (u) => {
       e.value = u, t?.onChange?.(u, t);
@@ -1050,9 +1058,9 @@ function el(e, o = {}, t) {
   });
 }
 function ll(e, o = {}, t) {
-  const { onChange: a, ...i } = t ?? {};
-  return b(Ee, {
-    ...i,
+  const { onChange: n, ...s } = t ?? {};
+  return g(Ee, {
+    ...s,
     modelValue: e.value,
     "onUpdate:modelValue": (u) => {
       e.value = u ?? null, t?.onChange?.(e.value, t);
@@ -1068,50 +1076,50 @@ const tl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   renderDynamicTags: Ye,
   renderInput: Le,
   renderInputNumber: ll,
-  renderPopSelect: Ue,
+  renderPopSelect: Ge,
   renderRadioButtonGroup: qe,
   renderRadioGroup: Ze,
-  renderSelect: Ge,
+  renderSelect: He,
   renderSlider: el,
   renderSwitch: Ke,
   renderTimePicker: Qe,
-  renderTreeSelect: He
+  renderTreeSelect: Ue
 }, Symbol.toStringTag, { value: "Module" }));
 function al(e) {
-  return function(t, a = !0) {
-    const i = e, u = {
-      renderInput: (l) => i.renderInput(l.value, l.renderProps ?? {}, l),
-      renderSelect: (l) => i.renderSelect(l.value, l.options ?? [], l.renderProps ?? {}, l),
-      renderPopSelect: (l) => i.renderPopSelect(l.value, l.options ?? [], l.renderProps ?? {}, l),
-      renderTreeSelect: (l) => i.renderTreeSelect(l.value, l.options ?? [], l.renderProps ?? {}, l),
-      renderRadioGroup: (l) => i.renderRadioGroup(l.value, l.options ?? [], l.renderProps ?? {}, l),
-      renderRadioButtonGroup: (l) => i.renderRadioButtonGroup(l.value, l.options ?? [], l.renderProps ?? {}, l),
-      renderCheckboxGroup: (l) => i.renderCheckboxGroup(l.value, l.options ?? [], l.renderProps ?? {}, l),
-      renderSwitch: (l) => i.renderSwitch(l.value, l.renderProps ?? {}, l),
-      renderDatePicker: (l) => i.renderDatePicker(l.value, l.renderProps ?? {}, l),
-      renderTimePicker: (l) => i.renderTimePicker(l.value, l.renderProps ?? {}, l),
-      renderCheckbox: (l) => i.renderCheckbox(l.value, l.renderProps ?? {}, l),
-      renderDynamicTags: (l) => i.renderDynamicTags(l.value, l.renderProps ?? {}, l),
-      renderSlider: (l) => i.renderSlider(l.value, l.renderProps ?? {}, l),
-      renderInputNumber: (l) => i.renderInputNumber(l.value, l.renderProps ?? {}, l)
+  return function(t, n = !0) {
+    const s = e, u = {
+      renderInput: (l) => s.renderInput(l.value, l.renderProps ?? {}, l),
+      renderSelect: (l) => s.renderSelect(l.value, l.options ?? [], l.renderProps ?? {}, l),
+      renderPopSelect: (l) => s.renderPopSelect(l.value, l.options ?? [], l.renderProps ?? {}, l),
+      renderTreeSelect: (l) => s.renderTreeSelect(l.value, l.options ?? [], l.renderProps ?? {}, l),
+      renderRadioGroup: (l) => s.renderRadioGroup(l.value, l.options ?? [], l.renderProps ?? {}, l),
+      renderRadioButtonGroup: (l) => s.renderRadioButtonGroup(l.value, l.options ?? [], l.renderProps ?? {}, l),
+      renderCheckboxGroup: (l) => s.renderCheckboxGroup(l.value, l.options ?? [], l.renderProps ?? {}, l),
+      renderSwitch: (l) => s.renderSwitch(l.value, l.renderProps ?? {}, l),
+      renderDatePicker: (l) => s.renderDatePicker(l.value, l.renderProps ?? {}, l),
+      renderTimePicker: (l) => s.renderTimePicker(l.value, l.renderProps ?? {}, l),
+      renderCheckbox: (l) => s.renderCheckbox(l.value, l.renderProps ?? {}, l),
+      renderDynamicTags: (l) => s.renderDynamicTags(l.value, l.renderProps ?? {}, l),
+      renderSlider: (l) => s.renderSlider(l.value, l.renderProps ?? {}, l),
+      renderInputNumber: (l) => s.renderInputNumber(l.value, l.renderProps ?? {}, l)
     };
     return t.map((l) => {
-      const d = l;
-      if (d.value = se(l.value), typeof l.render2 == "function")
-        d.render2 = l.render2;
+      const i = l;
+      if (i.value = ce(l.value), typeof l.render2 == "function")
+        i.render2 = l.render2;
       else {
-        const p = l.renderType ?? "renderInput", r = u[p];
-        r ? d.render2 = () => r(d) : (console.warn(`[useDecorateForm] unknown renderType: ${l.renderType}`), d.render2 = () => u.renderInput(d));
+        const b = l.renderType ?? "renderInput", a = u[b];
+        a ? i.render2 = () => a(i) : (console.warn(`[useDecorateForm] unknown renderType: ${l.renderType}`), i.render2 = () => u.renderInput(i));
       }
-      return a ? ce(d) : d;
+      return n ? me(i) : i;
     });
   };
 }
 const yl = al(tl);
-function N(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !$(e);
+function j(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !M(e);
 }
-const ml = /* @__PURE__ */ I({
+const ml = /* @__PURE__ */ A({
   name: "EleZealTableSearch",
   props: {
     title: {
@@ -1155,6 +1163,10 @@ const ml = /* @__PURE__ */ I({
     isMobile: {
       type: Boolean,
       default: !1
+    },
+    formSize: {
+      type: String,
+      default: "default"
     }
   },
   emits: {
@@ -1165,84 +1177,85 @@ const ml = /* @__PURE__ */ I({
   setup(e, {
     emit: o,
     slots: t,
-    expose: a
+    expose: n
   }) {
-    const i = x(!1), u = x({}), y = ie(e.searchItems), l = (r) => {
-      i.value = r ?? !i.value;
-    }, d = () => {
-      e.copyDefault ? y.setValues(u.value) : y.onReset(null), o("onReset"), l(!1);
-    }, p = () => {
-      const r = y.getValues();
-      o("onSearch", r), l(!1);
+    const s = I(!1), u = I({}), f = fe(e.searchItems), l = (a) => {
+      s.value = a ?? !s.value;
+    }, i = () => {
+      e.copyDefault ? f.setValues(u.value) : f.onReset(null), o("onReset"), l(!1);
+    }, b = () => {
+      const a = f.getValues();
+      o("onSearch", a), l(!1);
     };
-    return M(() => e.isMobile, (r) => {
-      e.closeDrawerAuto || r || l(!1);
-    }), fe(async () => {
-      await X(), e.copyDefault && (u.value = y.getValues());
-    }), a({
-      onReset: d,
-      onSearch: p,
+    return _(() => e.isMobile, (a) => {
+      e.closeDrawerAuto || a || l(!1);
+    }), be(async () => {
+      await X(), e.copyDefault && (u.value = f.getValues());
+    }), n({
+      onReset: i,
+      onSearch: b,
       toggleDrawer: l,
-      getParams: () => y.getValues()
+      getParams: () => f.getValues()
     }), () => {
-      const [r, c] = e.searchBtnTxt;
-      return n("div", {
+      const [a, c] = e.searchBtnTxt;
+      return r("div", {
         class: "eleZealTableSearch"
-      }, [!e.mobileDrawer || !e.isMobile ? n(A, null, [t.title?.() ?? n("div", {
+      }, [!e.mobileDrawer || !e.isMobile ? r(O, null, [t.title?.() ?? r("div", {
         class: "naiTitle"
-      }, [e.title]), n("div", {
+      }, [e.title]), r("div", {
         class: "searchForm",
         style: {
           maxHeight: e.searchFormMaxHeight
         }
-      }, [n(q, {
+      }, [r(q, {
         items: e.searchItems,
         preset: "grid",
         formConfig: {
           labelPosition: "left",
-          showMessage: !1
-          // showFeedback: false
+          showMessage: !1,
+          // showFeedback: false,
+          size: e.formSize
         }
       }, null)]), t.searchBtn ? t.searchBtn?.({
-        onSearch: p,
-        onReset: d
-      }) : n("div", {
+        onSearch: b,
+        onReset: i
+      }) : r("div", {
         class: "searchBtn"
-      }, [n(C, {
+      }, [r(C, {
         size: "small",
-        onClick: d
-      }, N(r) ? r : {
-        default: () => [r]
-      }), n(C, {
+        onClick: i
+      }, j(a) ? a : {
+        default: () => [a]
+      }), r(C, {
         type: "primary",
         size: "small",
-        onClick: p
-      }, N(c) ? c : {
+        onClick: b
+      }, j(c) ? c : {
         default: () => [c]
-      })])]) : n("div", {
+      })])]) : r("div", {
         class: "drawerSearchBtn"
-      }, [t.title?.() ?? n("div", {
+      }, [t.title?.() ?? r("div", {
         class: "naiTitle"
       }, [e.title]), t.drawerBtn ? t.drawerBtn?.({
         openDrawer: () => l(!0)
-      }) : n(C, {
+      }) : r(C, {
         size: "small",
         onClick: () => {
           l(!0);
         }
       }, {
         default: () => [e.drawerOpenTxt]
-      })]), n(Pe, {
+      })]), r(Pe, {
         class: "eleZealSearchDrawer",
-        modelValue: i.value,
-        "onUpdate:modelValue": (s) => i.value = s,
+        modelValue: s.value,
+        "onUpdate:modelValue": (d) => s.value = d,
         size: e.size,
         trapFocus: !1,
         direction: "ttb"
       }, {
-        default: () => [n("div", {
+        default: () => [r("div", {
           class: "searchForm"
-        }, [n(q, {
+        }, [r(q, {
           formConfig: {
             labelPosition: "left",
             size: "small",
@@ -1250,28 +1263,28 @@ const ml = /* @__PURE__ */ I({
           },
           items: e.searchItems
         }, null)])],
-        header: () => n("div", null, [e.drawerTitle ?? e.title]),
+        header: () => r("div", null, [e.drawerTitle ?? e.title]),
         footer: () => t.searchBtn ? t.searchBtn?.({
-          onSearch: p,
-          onReset: d
-        }) : n("div", {
+          onSearch: b,
+          onReset: i
+        }) : r("div", {
           class: "searchBtn"
-        }, [n(C, {
+        }, [r(C, {
           size: "small",
-          onClick: d
-        }, N(r) ? r : {
-          default: () => [r]
-        }), n(C, {
+          onClick: i
+        }, j(a) ? a : {
+          default: () => [a]
+        }), r(C, {
           type: "primary",
           size: "small",
-          onClick: p
-        }, N(c) ? c : {
+          onClick: b
+        }, j(c) ? c : {
           default: () => [c]
         })])
       })]);
     };
   }
-}), vl = /* @__PURE__ */ I({
+}), bl = /* @__PURE__ */ A({
   name: "EleZealTablePaginationControl",
   props: {
     pagination: {
@@ -1290,21 +1303,21 @@ const ml = /* @__PURE__ */ I({
   setup(e, {
     slots: o
   }) {
-    const t = ye(e, "pagination");
-    function a(u) {
+    const t = pe(e, "pagination");
+    function n(u) {
       t.value.pageNo = u, t.value?.onChange();
     }
-    function i(u) {
+    function s(u) {
       t.value.pageNo = 1, t.value.pageSize = u, t.value?.onPageSizeChange();
     }
-    return () => n(Ve, P({
+    return () => r(Ve, E({
       currentPage: t.value?.pageNo,
       "page-size": t.value?.pageSize,
       total: t.value?.total,
       pageSizes: t.value?.pageSizes,
       layout: !o.default && e.isMobile ? rl(t.value?.layout) : t.value?.layout,
-      "onUpdate:current-page": a,
-      "onUpdate:page-size": i
+      "onUpdate:current-page": n,
+      "onUpdate:page-size": s
     }, e.pageConfig), {
       ...o
     });
@@ -1313,7 +1326,7 @@ const ml = /* @__PURE__ */ I({
   if (!e || o.length === 0) return e;
   const t = new RegExp(`(^|,\\s*)(${o.map(nl).join("|")})(?=\\s*,|$)`, "g");
   return e.replace(t, "").replace(/^,|,$/g, "");
-}, pl = /* @__PURE__ */ I({
+}, pl = /* @__PURE__ */ A({
   name: "EleZealTable",
   props: {
     data: {
@@ -1351,29 +1364,128 @@ const ml = /* @__PURE__ */ I({
     slots: o,
     attrs: t
   }) {
-    return () => me(n(De, P(e.tableConfig, t, {
+    return () => ve(r(De, E(e.tableConfig, t, {
       data: e.data,
       maxHeight: e.maxHeight,
       stripe: e.stripe,
       border: e.border
     }), {
-      default: () => [e.columns.map((a) => {
-        const i = a.key ?? String(a.prop ?? a.label), u = a.align ?? e.columnAlign, {
-          render2: y,
+      default: () => [e.columns.map((n) => {
+        const s = n.key ?? String(n.prop ?? n.label), u = n.align ?? e.columnAlign, {
+          render2: f,
           slot: l,
-          ...d
-        } = a, p = l || (a.prop ? `cell-${String(a.prop)}` : void 0), r = p ? o[p] : void 0;
-        return n(Ne, P(d, {
+          ...i
+        } = n, b = l || (n.prop ? `cell-${String(n.prop)}` : void 0), a = b ? o[b] : void 0;
+        return r(Ne, E(i, {
           align: u,
-          key: i
+          key: s
         }), {
-          default: (c) => y ? y(c.row, c.$index) : r ? r(c) : a.prop ? c.row[a.prop] : null
+          default: (c) => f ? f(c.row, c.$index) : a ? a(c) : n.prop ? c.row[n.prop] : null
         });
       })],
       ...o
-    }), [[ve("loading"), e.loading]]);
+    }), [[ge("loading"), e.loading]]);
+  }
+}), vl = /* @__PURE__ */ A({
+  name: "EleZealTableBtnControl",
+  props: {
+    isMobile: {
+      type: Boolean,
+      default: !1
+    },
+    btnItems: {
+      type: Array,
+      default: () => []
+    },
+    size: {
+      type: String,
+      default: "small"
+    },
+    dropDownProps: {
+      type: Object
+    },
+    dropDownText: {
+      type: String,
+      default: "controls"
+    }
+  },
+  slots: Object,
+  emits: {
+    onSelect: (e) => !0
+  },
+  setup(e, {
+    emit: o,
+    slots: t
+  }) {
+    const n = (s) => {
+      e.btnItems.find((u) => u.key === s)?.onSelect?.(s), o("onSelect", s);
+    };
+    return () => {
+      const {
+        btnItems: s,
+        dropDownProps: u,
+        dropDownText: f,
+        isMobile: l,
+        size: i
+      } = e;
+      return r("div", {
+        class: "zealTableBtnControl"
+      }, [l ? r(le, E(u, {
+        size: i,
+        trigger: "click",
+        placement: "bottom",
+        onCommand: n
+      }), {
+        default: () => [t.text?.() ?? r(C, {
+          size: i
+        }, j(f) ? f : {
+          default: () => [f]
+        })],
+        dropdown: () => {
+          let b;
+          return r(te, null, j(b = s.map((a) => r(ae, {
+            command: a.key,
+            disabled: a.disabled,
+            key: a.key
+          }, {
+            default: () => [a.title]
+          }))) ? b : {
+            default: () => [b]
+          });
+        }
+      }) : s.map((b) => {
+        const {
+          key: a,
+          onSelect: c,
+          title: d,
+          ...m
+        } = b;
+        return r(C, E(m, {
+          size: i,
+          key: a,
+          onClick: () => {
+            c?.(a), o("onSelect", a);
+          }
+        }), j(d) ? d : {
+          default: () => [d]
+        });
+      })]);
+    };
   }
 });
+function gl(e, o) {
+  const t = I(null), n = R(() => {
+    const s = t.value;
+    return e({
+      isMobile: s?.isMobile ?? I(!1),
+      tableHeight: s?.tableHeight ?? I(0)
+    }).map((u) => ({ ...o, ...u }));
+  });
+  return {
+    eleZealCardRef: t,
+    tableColumns: n
+  };
+}
 export {
   dl as EleDynamicCascadeInput,
   q as EleDynamicForm,
@@ -1381,7 +1493,8 @@ export {
   cl as ElePopupModal,
   fl as EleZealCard,
   pl as EleZealTable,
-  vl as EleZealTablePaginationControl,
+  vl as EleZealTableBtnControl,
+  bl as EleZealTablePaginationControl,
   ml as EleZealTableSearch,
   Xe as renderCheckbox,
   We as renderCheckboxGroup,
@@ -1389,13 +1502,14 @@ export {
   Ye as renderDynamicTags,
   Le as renderInput,
   ll as renderInputNumber,
-  Ue as renderPopSelect,
+  Ge as renderPopSelect,
   qe as renderRadioButtonGroup,
   Ze as renderRadioGroup,
-  Ge as renderSelect,
+  He as renderSelect,
   el as renderSlider,
   Ke as renderSwitch,
   Qe as renderTimePicker,
-  He as renderTreeSelect,
-  yl as useDecorateForm
+  Ue as renderTreeSelect,
+  yl as useDecorateForm,
+  gl as useZealColumnTool
 };