dynamicformdjx 0.5.0 → 0.6.2

package/dist/naiveUi/index.mjs

@@ -1,7 +1,7 @@
-import { t as z, r as V, f as q, p as Q, s as X, b as Y, c as ee, h as te, e as ae, a as ne } from "../index-a2ON2stt.js";
-import { defineComponent as I, ref as T, watch as $, toRaw as B, createVNode as a, createTextVNode as N, Fragment as x, nextTick as W, isVNode as D, computed as A, h as C, mergeProps as U, reactive as le, shallowReactive as re, onMounted as ue, toRef as oe } from "vue";
-import { NInput as j, NButton as b, NForm as se, NGrid as ie, NFormItemGridItem as ce, NFormItem as de, NModal as fe, NCard as L, NSelect as ye, NPopselect as ve, NTreeSelect as me, NRadioGroup as E, NRadio as ge, NRadioButton as pe, NCheckboxGroup as be, NSpace as he, NCheckbox as K, NSwitch as Ce, NDatePicker as Se, NTimePicker as ke, NDynamicTags as Ne, NSlider as xe, NInputNumber as we, NDrawer as Fe, NDrawerContent as Te, NPagination as Ie } from "naive-ui";
-const Ke = /* @__PURE__ */ I({
+import { t as D, r as $, f as q, p as Q, s as X, c as Y, d as ee, k as te, h as ae, b as ne } from "../index-Bsj3F9SM.js";
+import { defineComponent as F, ref as x, watch as H, toRaw as P, createVNode as a, createTextVNode as N, Fragment as w, nextTick as W, isVNode as M, computed as B, h as C, mergeProps as A, reactive as le, shallowReactive as re, onMounted as oe, toRef as ue } from "vue";
+import { NInput as O, NButton as b, NForm as se, NGrid as ie, NFormItemGridItem as ce, NFormItem as de, NModal as fe, NCard as U, NSelect as ye, NPopselect as me, NTreeSelect as ve, NRadioGroup as E, NRadio as pe, NRadioButton as ge, NCheckboxGroup as be, NSpace as he, NCheckbox as K, NSwitch as Ce, NDatePicker as Se, NTimePicker as ke, NDynamicTags as Ne, NSlider as xe, NInputNumber as we, NDrawer as Te, NDrawerContent as Fe, NPagination as Ie, NDropdown as Be } from "naive-ui";
+const Je = /* @__PURE__ */ F({
   name: "NaiDynamicInput",
   props: {
     size: {
@@ -34,15 +34,15 @@ const Ke = /* @__PURE__ */ I({
   emits: {
     "update:modelValue": (e) => !0,
     onReset: () => !0,
-    onMerge: (e, o) => !0
+    onMerge: (e, s) => !0
   },
   slots: Object,
   setup(e, {
-    emit: o,
+    emit: s,
     expose: n,
     slots: l
   }) {
-    const s = {
+    const u = {
       resetTxt: "重置",
       newTxt: "添加项",
       mergeTxt: "合并",
@@ -58,41 +58,41 @@ const Ke = /* @__PURE__ */ I({
     }, c = {
       arraySplitSymbol: ",",
       ...e.dyListConfigs
-    }, t = e.size, i = T(z(e.modelValue, e.randomFun, c.arraySplitSymbol)), v = T(null);
-    $(i, (f) => {
+    }, t = e.size, i = x(D(e.modelValue, e.randomFun, c.arraySplitSymbol)), m = x(null);
+    H(i, (d) => {
       if (!e.isController) return;
-      const S = V(f, c.arraySplitSymbol);
-      o("update:modelValue", S), o("onMerge", S, B(i.value));
+      const S = $(d, c.arraySplitSymbol);
+      s("update:modelValue", S), s("onMerge", S, P(i.value));
     }, {
       deep: !0
     }), n({
-      onSet: (f) => {
-        i.value = z(f ?? e.modelValue, e.randomFun, c.arraySplitSymbol);
+      onSet: (d) => {
+        i.value = D(d ?? e.modelValue, e.randomFun, c.arraySplitSymbol);
       },
-      getResult: (f = "res") => f === "ori" ? B(i.value) : V(i.value, c.arraySplitSymbol)
+      getResult: (d = "res") => d === "ori" ? P(i.value) : $(i.value, c.arraySplitSymbol)
     });
-    const u = () => i.value.push({
+    const o = () => i.value.push({
       rId: e.randomFun(),
       key: "",
       value: ""
     }), y = () => {
-      i.value = z(e.modelValue, e.randomFun, c.arraySplitSymbol), o("onReset");
-    }, p = () => {
+      i.value = D(e.modelValue, e.randomFun, c.arraySplitSymbol), s("onReset");
+    }, v = () => {
       i.value.sort((S, g) => +S.rId - +g.rId);
-      const f = V(i.value, c.arraySplitSymbol);
-      o("update:modelValue", f), o("onMerge", f, B(i.value)), i.value = z(f, e.randomFun, c.arraySplitSymbol);
+      const d = $(i.value, c.arraySplitSymbol);
+      s("update:modelValue", d), s("onMerge", d, P(i.value)), i.value = D(d, e.randomFun, c.arraySplitSymbol);
     };
     return () => a("div", {
       class: `dynamicForm ${t} ${e.dyCls}`
     }, [a("div", {
       class: `dyFormList ${i.value.length ? "" : "noList"}`,
-      ref: v,
+      ref: m,
       style: {
         maxHeight: r.maxHeight
       }
-    }, [i.value.map((f, S, g) => {
-      const m = {
-        row: f,
+    }, [i.value.map((d, S, g) => {
+      const p = {
+        row: d,
         index: S,
         isLast: S === g.length - 1,
         addItem: () => {
@@ -101,7 +101,7 @@ const Ke = /* @__PURE__ */ I({
             key: "",
             value: ""
           }), r.autoScroll && W(() => {
-            const h = v.value;
+            const h = m.value;
             h?.scrollTo({
               top: h.scrollHeight,
               behavior: "smooth"
@@ -109,93 +109,93 @@ const Ke = /* @__PURE__ */ I({
           });
         },
         removeItem: () => {
-          i.value = i.value.filter((h) => h.rId !== f.rId);
+          i.value = i.value.filter((h) => h.rId !== d.rId);
         },
-        toggleArray: () => f.isArray = !f.isArray,
-        toggleNumber: () => f.isNumber = !f.isNumber
+        toggleArray: () => d.isArray = !d.isArray,
+        toggleNumber: () => d.isNumber = !d.isNumber
       };
       return a("div", {
         class: "dItem",
-        key: f.rId
+        key: d.rId
       }, [a("div", {
         class: "input"
-      }, [a(j, {
+      }, [a(O, {
         size: t,
-        value: f.key,
+        value: d.key,
         class: "key",
         onInput: (h) => {
-          f.key = h;
+          d.key = h;
         }
-      }, null), N(":"), a(j, {
+      }, null), N(":"), a(O, {
         size: t,
-        value: f.value,
+        value: d.value,
         class: "value",
         onInput: (h) => {
-          r.allowFilter && f.isNumber ? f.value = q(h, f.isArray, c.arraySplitSymbol) : f.value = h;
+          r.allowFilter && d.isNumber ? d.value = q(h, d.isArray, c.arraySplitSymbol) : d.value = h;
         }
       }, {
-        prefix: () => l.typeTools ? l.typeTools(m) : a(x, null, [!r.hideArrayBtn && a(b, {
-          type: f.isArray ? "success" : "default",
+        prefix: () => l.typeTools ? l.typeTools(p) : a(w, null, [!r.hideArrayBtn && a(b, {
+          type: d.isArray ? "success" : "default",
           size: "tiny",
-          onClick: m.toggleArray
+          onClick: p.toggleArray
         }, {
           default: () => [N("Array")]
         }), N(" "), !r.hideNumberBtn && a(b, {
-          type: f.isNumber ? "success" : "default",
+          type: d.isNumber ? "success" : "default",
           size: "tiny",
-          onClick: m.toggleNumber
+          onClick: p.toggleNumber
         }, {
           default: () => [N("Number")]
         })])
       })]), a("div", {
         class: "btn"
-      }, [l.rowActions ? l.rowActions(m) : a(x, null, [a(b, {
+      }, [l.rowActions ? l.rowActions(p) : a(w, null, [a(b, {
         type: "success",
         size: t,
-        disabled: !m.isLast,
-        onClick: m.addItem
+        disabled: !p.isLast,
+        onClick: p.addItem
       }, {
         default: () => [N("+")]
       }), a(b, {
         size: t,
         type: "error",
-        onClick: m.removeItem
+        onClick: p.removeItem
       }, {
         default: () => [N("-")]
       })])])]);
     })]), a("div", {
       class: `control ${i.value.length ? "" : "noList"}`
     }, [!i.value.length && (l.newBtn ? l.newBtn({
-      newItem: u
+      newItem: o
     }) : a(b, {
       size: t,
       type: "success",
-      onClick: u
+      onClick: o
     }, {
-      default: () => [s.newTxt]
-    })), !e.isController && a(x, null, [!r.hideReset && (l.resetBtn ? l.resetBtn({
+      default: () => [u.newTxt]
+    })), !e.isController && a(w, null, [!r.hideReset && (l.resetBtn ? l.resetBtn({
       reset: y
     }) : a(b, {
       size: t,
       type: "default",
       onClick: y
     }, {
-      default: () => [s.resetTxt]
+      default: () => [u.resetTxt]
     })), l.mergeBtn ? l.mergeBtn({
-      merge: p
+      merge: v
     }) : a(b, {
       size: t,
       type: "info",
-      onClick: p
+      onClick: v
     }, {
-      default: () => [s.mergeTxt]
+      default: () => [u.mergeTxt]
     })])])]);
   }
 });
 function Re(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !D(e);
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !M(e);
 }
-const Je = /* @__PURE__ */ I({
+const Qe = /* @__PURE__ */ F({
   name: "NaiveUiDynamicCascadeInput",
   props: {
     modelValue: {
@@ -234,15 +234,15 @@ const Je = /* @__PURE__ */ I({
   emits: {
     "update:modelValue": (e) => !0,
     onReset: () => !0,
-    onMerge: (e, o) => !0
+    onMerge: (e, s) => !0
   },
   slots: Object,
   setup(e, {
-    emit: o,
+    emit: s,
     expose: n,
     slots: l
   }) {
-    const s = {
+    const u = {
       resetTxt: "重置",
       newTxt: "添加项",
       mergeTxt: "合并",
@@ -261,30 +261,30 @@ const Je = /* @__PURE__ */ I({
     }, c = {
       arraySplitSymbol: ",",
       ...e.dyListConfigs
-    }, t = (g) => ["string", "number"].includes(g), i = (g) => Object.keys(g).map((m, h) => {
-      let d = g[m];
-      const F = Array.isArray(d), M = F ? d.every((P) => typeof P == "number") : typeof d == "number", R = d === null;
-      return t(typeof d) && (d = g[m]), R && (d = ""), {
+    }, t = (g) => ["string", "number"].includes(g), i = (g) => Object.keys(g).map((p, h) => {
+      let f = g[p];
+      const I = Array.isArray(f), V = I ? f.every((j) => typeof j == "number") : typeof f == "number", R = f === null;
+      return t(typeof f) && (f = g[p]), R && (f = ""), {
         rId: e.randomFun(h),
-        key: m,
-        value: Object.prototype.toString.call(d) === "[object Object]" ? i(g[m]) : F ? d.join(c.arraySplitSymbol) : d,
-        isArray: F || void 0,
-        isNumber: M || void 0
+        key: p,
+        value: Object.prototype.toString.call(f) === "[object Object]" ? i(g[p]) : I ? f.join(c.arraySplitSymbol) : f,
+        isArray: I || void 0,
+        isNumber: V || void 0
       };
-    }), v = (g) => g.reduce((m, h) => {
-      const d = h.value;
-      return h.key.trim().length && (m[h.key] = Array.isArray(d) ? v(d) : Q(h.value, h.isArray, h.isNumber, c.arraySplitSymbol)), m;
-    }, {}), u = T(i(e.modelValue)), y = (g, m = 1, h) => a("div", {
-      class: [`depth-${m}`, r.showBorder ? "" : "no-border", r.showPad ? "" : "no-pad"],
+    }), m = (g) => g.reduce((p, h) => {
+      const f = h.value;
+      return h.key.trim().length && (p[h.key] = Array.isArray(f) ? m(f) : Q(h.value, h.isArray, h.isNumber, c.arraySplitSymbol)), p;
+    }, {}), o = x(i(e.modelValue)), y = (g, p = 1, h) => a("div", {
+      class: [`depth-${p}`, r.showBorder ? "" : "no-border", r.showPad ? "" : "no-pad"],
       style: {
-        "--depth": m,
-        ["--c" + [m]]: X(r.borderColors, m)
+        "--depth": p,
+        ["--c" + [p]]: X(r.borderColors, p)
       }
-    }, [g.map((d, F, M) => {
-      const R = Array.isArray(d.value), P = t(typeof d.value), w = {
-        row: d,
-        index: F,
-        isLast: F === M.length - 1,
+    }, [g.map((f, I, V) => {
+      const R = Array.isArray(f.value), j = t(typeof f.value), T = {
+        row: f,
+        index: I,
+        isLast: I === V.length - 1,
         addItem: () => {
           g.push({
             rId: e.randomFun(),
@@ -293,147 +293,147 @@ const Je = /* @__PURE__ */ I({
           });
         },
         addChild: () => {
-          P && (d.value = [], d.isArray = void 0), d.value.push({
+          j && (f.value = [], f.isArray = void 0), f.value.push({
             rId: e.randomFun(),
             key: "",
             value: ""
           });
         },
         removeItem: () => {
-          if (g.splice(F, 1), g.length < 1) {
-            if (h === void 0) return v([]);
-            const k = u.value.findIndex((J) => J.rId === h?.rId);
-            m < 1 ? u.value.splice(k, 1, {
+          if (g.splice(I, 1), g.length < 1) {
+            if (h === void 0) return m([]);
+            const k = o.value.findIndex((J) => J.rId === h?.rId);
+            p < 1 ? o.value.splice(k, 1, {
               ...h,
               value: ""
             }) : h.value = "";
           }
         },
-        toggleArray: () => d.isArray = !d.isArray,
-        toggleNumber: () => d.isNumber = !d.isNumber
+        toggleArray: () => f.isArray = !f.isArray,
+        toggleNumber: () => f.isNumber = !f.isNumber
       };
       return a("div", {
         class: "dItem",
-        key: d.rId,
+        key: f.rId,
         style: {
-          marginLeft: m > 1 ? `${m * r.retractLen}px` : "0"
+          marginLeft: p > 1 ? `${p * r.retractLen}px` : "0"
         }
       }, [a("div", {
         class: "input"
-      }, [!R && a(x, null, [a(j, {
-        value: d.key,
+      }, [!R && a(w, null, [a(O, {
+        value: f.key,
         class: "key",
-        onInput: (k) => d.key = k
-      }, null), N(":")]), a(j, {
+        onInput: (k) => f.key = k
+      }, null), N(":")]), a(O, {
         class: `value ${R ? "isKey" : ""}`,
-        value: P ? d.value : d.key,
+        value: j ? f.value : f.key,
         onInput: (k) => {
           if (R) {
-            d.key = k;
+            f.key = k;
             return;
           }
-          r.allowFilter && d.isNumber ? d.value = q(k, d.isArray, c.arraySplitSymbol) : d.value = k;
+          r.allowFilter && f.isNumber ? f.value = q(k, f.isArray, c.arraySplitSymbol) : f.value = k;
         }
       }, {
-        prefix: Array.isArray(d.value) ? void 0 : () => l.typeTools ? l.typeTools(w) : a(x, null, [!r.hideArrayBtn && a(b, {
-          type: d.isArray ? "success" : "default",
+        prefix: Array.isArray(f.value) ? void 0 : () => l.typeTools ? l.typeTools(T) : a(w, null, [!r.hideArrayBtn && a(b, {
+          type: f.isArray ? "success" : "default",
           size: "tiny",
-          onClick: w.toggleArray
+          onClick: T.toggleArray
         }, {
           default: () => [N("Array")]
         }), N(" "), !r.hideNumberBtn && a(b, {
-          type: d.isNumber ? "success" : "default",
+          type: f.isNumber ? "success" : "default",
           size: "tiny",
-          onClick: w.toggleNumber
+          onClick: T.toggleNumber
         }, {
           default: () => [N("Number")]
         })]),
         suffix: () => {
           let k;
-          return m < e.depth ? !R && (l.newChild ? l.newChild(w) : a(b, {
+          return p < e.depth ? !R && (l.newChild ? l.newChild(T) : a(b, {
             type: "success",
             size: "tiny",
             onClick: () => {
-              P && (d.value = [], d.isArray = void 0), d.value.push({
+              j && (f.value = [], f.isArray = void 0), f.value.push({
                 rId: e.randomFun(),
                 key: "",
                 value: ""
               });
             }
-          }, Re(k = e.newChildTxt(d)) ? k : {
+          }, Re(k = e.newChildTxt(f)) ? k : {
             default: () => [k]
           })) : null;
         }
       })]), a("div", {
         class: "btn"
-      }, [l.rowActions ? l.rowActions(w) : a(x, null, [a(b, {
+      }, [l.rowActions ? l.rowActions(T) : a(w, null, [a(b, {
         type: "success",
-        disabled: !w.isLast,
-        onClick: w.addItem
+        disabled: !T.isLast,
+        onClick: T.addItem
       }, {
         default: () => [N("+")]
       }), a(b, {
         type: "error",
-        onClick: w.removeItem
+        onClick: T.removeItem
       }, {
         default: () => [N("-")]
-      })])]), Array.isArray(d.value) && y(d.value, m + 1, d)]);
+      })])]), Array.isArray(f.value) && y(f.value, p + 1, f)]);
     })]);
-    $(u, (g) => {
+    H(o, (g) => {
       if (!e.isController) return;
-      const m = v(g);
-      o("update:modelValue", m), o("onMerge", m, B(u.value));
+      const p = m(g);
+      s("update:modelValue", p), s("onMerge", p, P(o.value));
     }, {
       deep: !0
     }), n({
       onSet: (g) => {
-        u.value = i(g ?? e.modelValue);
+        o.value = i(g ?? e.modelValue);
       },
-      getResult: (g = "res") => g === "ori" ? B(u.value) : v(u.value)
+      getResult: (g = "res") => g === "ori" ? P(o.value) : m(o.value)
     });
-    const p = () => u.value.push({
+    const v = () => o.value.push({
       rId: e.randomFun(),
       key: "",
       value: ""
-    }), f = () => {
-      u.value = i(e.modelValue), o("onReset");
+    }), d = () => {
+      o.value = i(e.modelValue), s("onReset");
     }, S = () => {
-      const g = v(u.value);
-      o("update:modelValue", g), o("onMerge", g, B(u.value)), u.value = i(g);
+      const g = m(o.value);
+      s("update:modelValue", g), s("onMerge", g, P(o.value)), o.value = i(g);
     };
     return () => a("div", {
       class: `dynamicCascadeForm ${e.dyCls}`
     }, [a("div", {
-      class: `dyFormList ${u.value.length ? "" : "noObj"}`,
+      class: `dyFormList ${o.value.length ? "" : "noObj"}`,
       style: {
         maxHeight: r.maxHeight
       }
-    }, [y(u.value)]), a("div", {
-      class: `control ${u.value.length ? "" : "noObj"}`
-    }, [!u.value.length && (l.newBtn ? l.newBtn({
-      newItem: p
+    }, [y(o.value)]), a("div", {
+      class: `control ${o.value.length ? "" : "noObj"}`
+    }, [!o.value.length && (l.newBtn ? l.newBtn({
+      newItem: v
     }) : a(b, {
       type: "success",
-      onClick: p
+      onClick: v
     }, {
-      default: () => [s.newTxt]
-    })), !e.isController && a(x, null, [!r.hideReset && (l.resetBtn ? l.resetBtn({
-      reset: f
+      default: () => [u.newTxt]
+    })), !e.isController && a(w, null, [!r.hideReset && (l.resetBtn ? l.resetBtn({
+      reset: d
     }) : a(b, {
       type: "default",
-      onClick: f
+      onClick: d
     }, {
-      default: () => [s.resetTxt]
+      default: () => [u.resetTxt]
     })), l.mergeBtn ? l.mergeBtn({
       merge: S
     }) : a(b, {
       type: "info",
       onClick: S
     }, {
-      default: () => [s.mergeTxt]
+      default: () => [u.mergeTxt]
     })])])]);
   }
-}), H = /* @__PURE__ */ I({
+}), L = /* @__PURE__ */ F({
   name: "NaiDynamicForm",
   props: {
     formConfig: {
@@ -466,56 +466,56 @@ const Je = /* @__PURE__ */ I({
   },
   slots: Object,
   setup(e, {
-    expose: o,
+    expose: s,
     slots: n
   }) {
-    const l = T(null), s = A(() => (e.items ?? []).filter((u) => !u.hidden)), r = A(() => s.value ? s.value.reduce((u, y) => (u[y.key] = y.value.value, u), {}) : {}), c = A(() => ({
-      ...s.value?.reduce((y, p) => {
-        let f = p.rule;
-        return p.required && !p.rule && (f = {
+    const l = x(null), u = B(() => (e.items ?? []).filter((o) => !o.hidden)), r = B(() => u.value ? u.value.reduce((o, y) => (o[y.key] = y.value.value, o), {}) : {}), c = B(() => ({
+      ...u.value?.reduce((y, v) => {
+        let d = v.rule;
+        return v.required && !v.rule && (d = {
           required: !0,
-          message: p.requiredHint?.(p?.label ?? "") ?? `${p.label}不能为空`,
+          message: v.requiredHint?.(v?.label ?? "") ?? `${v.label}不能为空`,
           trigger: ["blur"]
-        }), y[p.key] = f, y;
+        }), y[v.key] = d, y;
       }, {}),
       ...e.rules
-    })), t = A(() => [...s.value].sort((y, p) => {
-      const f = y.sort ?? 1 / 0, S = p.sort ?? 1 / 0;
-      return Number(f) - Number(S);
+    })), t = B(() => [...u.value].sort((y, v) => {
+      const d = y.sort ?? 1 / 0, S = v.sort ?? 1 / 0;
+      return Number(d) - Number(S);
     }));
-    function i(u = null) {
-      s.value && s.value.forEach((y) => {
-        y.value.value = u;
+    function i(o = null) {
+      u.value && u.value.forEach((y) => {
+        y.value.value = o;
       });
     }
-    function v() {
-      return new Promise((u, y) => {
-        l.value?.validate((p) => {
-          p ? y(p) : u(r.value);
+    function m() {
+      return new Promise((o, y) => {
+        l.value?.validate((v) => {
+          v ? y(v) : o(r.value);
         });
       });
     }
-    if (o({
+    if (s({
       reset: i,
-      validator: v,
-      getResult: (u = "res") => u === "ori" ? s.value : r.value
+      validator: m,
+      getResult: (o = "res") => o === "ori" ? u.value : r.value
     }), !e.items) throw new Error("prop items must be not null");
     return () => a("div", {
       class: "naiDynamicForm"
     }, [n.header && a("div", {
       class: "header"
-    }, [n.header?.()]), a(se, U({
+    }, [n.header?.()]), a(se, A({
       ref: l
     }, e.formConfig, {
       model: r.value,
       rules: c.value
     }), {
       default() {
-        const u = t.value;
+        const o = t.value;
         return e.preset === "grid" ? C(ie, {
           ...e.gridConfig
         }, {
-          default: () => u?.map((y) => C(ce, {
+          default: () => o?.map((y) => C(ce, {
             label: y.label,
             path: y.path || y.key,
             span: y.span ?? 24,
@@ -523,7 +523,7 @@ const Je = /* @__PURE__ */ I({
           }, {
             default: G(y)
           }))
-        }) : u?.map((y) => C(de, {
+        }) : o?.map((y) => C(de, {
           label: y.label,
           path: y.path || y.key
         }, {
@@ -540,10 +540,10 @@ function G(e) {
     return e.render2 ? e.render2(e) : null;
   };
 }
-function _(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !D(e);
+function Z(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !M(e);
 }
-const Qe = /* @__PURE__ */ I({
+const Xe = /* @__PURE__ */ F({
   name: "NaiPopupModal",
   props: {
     title: {
@@ -586,31 +586,31 @@ const Qe = /* @__PURE__ */ I({
       submit: () => true,
   },*/
   setup(e, {
-    expose: o,
+    expose: s,
     emit: n,
     slots: l
   }) {
-    const s = A(() => ({
+    const u = B(() => ({
       preset: "card",
       draggable: !0,
       ...e.modalProps ?? {}
-    })), r = T(!1), c = le({
+    })), r = x(!1), c = le({
       c: !1,
       s: !1
-    }), t = (u) => {
-      r.value = u ?? !r.value;
+    }), t = (o) => {
+      r.value = o ?? !r.value;
     };
-    o({
+    s({
       toggle: t
     });
     const i = async () => {
       c.c = !0, (await e.onCancel?.() ?? !0) && t(!1), c.c = !1;
-    }, v = async () => {
+    }, m = async () => {
       c.s = !0, (await e.onSubmit?.() ?? !0) && t(!1), c.s = !1;
     };
-    return () => a(fe, U({
+    return () => a(fe, A({
       show: r.value,
-      "onUpdate:show": (u) => r.value = u,
+      "onUpdate:show": (o) => r.value = o,
       style: {
         width: e.width
       },
@@ -618,26 +618,26 @@ const Qe = /* @__PURE__ */ I({
       to: e.to,
       closable: e.showClose,
       maskClosable: e.closeOnMask
-    }, s.value), {
+    }, u.value), {
       footer: () => {
-        const [u, y] = e.footerTxt, {
-          c: p,
-          s: f
+        const [o, y] = e.footerTxt, {
+          c: v,
+          s: d
         } = c;
         return a("div", {
           class: "flex justify-end align-center sm-gap"
         }, [a(b, {
           size: "small",
           onClick: i,
-          loading: p
-        }, _(u) ? u : {
-          default: () => [u]
+          loading: v
+        }, Z(o) ? o : {
+          default: () => [o]
         }), a(b, {
           size: "small",
           type: "success",
-          onClick: v,
-          loading: f
-        }, _(y) ? y : {
+          onClick: m,
+          loading: d
+        }, Z(y) ? y : {
           default: () => [y]
         })]);
       },
@@ -645,10 +645,10 @@ const Qe = /* @__PURE__ */ I({
     });
   }
 });
-function Z(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !D(e);
+function _(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !M(e);
 }
-const Xe = /* @__PURE__ */ I({
+const Ye = /* @__PURE__ */ F({
   name: "NaiZealCard",
   props: {
     title: {
@@ -669,142 +669,150 @@ const Xe = /* @__PURE__ */ I({
     checkWindowSize: {
       type: Array,
       default: [756, 500]
+    },
+    observeDelay: {
+      type: Number,
+      default: 100
     }
   },
   slots: Object,
   setup(e, {
-    slots: o
+    slots: s,
+    expose: n
   }) {
-    const n = Y(...e.checkWindowSize), {
-      wrapRef: l,
-      cardRef: s,
-      restRef: r,
-      tableHeight: c
-    } = ee(L);
-    return () => {
-      const t = te(n);
+    const l = Y(...e.checkWindowSize), {
+      wrapRef: u,
+      cardRef: r,
+      restRef: c,
+      tableHeight: t
+    } = ee(U, e.observeDelay);
+    return n({
+      tableHeight: t,
+      isMobile: B(() => l.isMobile)
+    }), () => {
+      const i = te(l);
       return a("div", {
         class: "zealCard",
         style: {
           height: `calc(${e.zealHeight} - ${e.outPadding * 2}px)`
         },
-        ref: l
-      }, [a(L, {
-        ref: s
+        ref: u
+      }, [a(U, {
+        ref: r
       }, {
-        default: () => [o.default?.({
-          tableHeight: c.value,
-          ...t
+        default: () => [s.default?.({
+          tableHeight: t.value,
+          ...i
         })],
         header: () => {
-          const [i, v] = e.searchBtnTxt;
+          const [m, o] = e.searchBtnTxt;
           return a("div", {
             class: "header"
-          }, [o.header?.(t) ?? a(x, null, [a("div", {
+          }, [s.header?.(i) ?? a(w, null, [a("div", {
             class: "title"
           }, [e.title]), a("div", {
             class: "search"
-          }, [o.searchForm?.(), o.searchBtn?.() || o.searchForm && a("div", {
+          }, [s.searchForm?.(i), s.searchBtn?.(i) || s.searchForm && a("div", {
             class: "searchBtn"
           }, [a(b, {
             size: "small"
-          }, Z(i) ? i : {
-            default: () => [i]
+          }, _(m) ? m : {
+            default: () => [m]
           }), a(b, {
             type: "info",
             size: "small"
-          }, Z(v) ? v : {
-            default: () => [v]
+          }, _(o) ? o : {
+            default: () => [o]
           })])])]), a("div", {
             class: "controlBtn"
-          }, [a("div", null, [o.controlBtn?.()]), o.toolBtn?.()])]);
+          }, [a("div", null, [s.controlBtn?.(i)]), s.toolBtn?.(i)])]);
         },
-        footer: () => a("div", {
+        footer: () => s.footer ? a("div", {
           class: "footer"
-        }, [o.footer?.(t)])
+        }, [s.footer?.(i)]) : null
       }), a("div", {
-        ref: r
-      }, [o.rest?.()])]);
+        ref: c
+      }, [s.rest?.(i)])]);
     };
   }
 });
-function Be(e, o = {}, n) {
-  const { onChange: l, ...s } = n ?? {};
-  return C(j, {
-    ...s,
+function ze(e, s = {}, n) {
+  const { onChange: l, ...u } = n ?? {};
+  return C(O, {
+    ...u,
     value: e.value,
     onUpdateValue: (r) => {
       e.value = r, n?.onChange?.(r, n);
     },
-    ...o
+    ...s
   });
 }
-function Pe(e, o, n = {}, l) {
-  const { onChange: s, ...r } = l ?? {};
+function Pe(e, s, n = {}, l) {
+  const { onChange: u, ...r } = l ?? {};
   return C(ye, {
     ...r,
     value: e.value,
-    options: o,
+    options: s,
     onUpdateValue: (c) => {
-      e.value = c, l?.onChange?.(c, l, o);
+      e.value = c, l?.onChange?.(c, l, s);
     },
     ...n
   });
 }
-function Ae(e, o, n = {}, l, s) {
-  const { value: r, labelField: c, valueField: t, onChange: i, ...v } = l ?? {}, u = c ?? "label", y = t ?? "value", p = v.options ?? o;
+function je(e, s, n = {}, l, u) {
+  const { value: r, labelField: c, valueField: t, onChange: i, ...m } = l ?? {}, o = c ?? "label", y = t ?? "value", v = m.options ?? s;
   return a(
-    ve,
+    me,
     {
-      ...v,
+      ...m,
       value: e.value,
-      onUpdateValue: (f) => {
-        e.value = f, l?.onChange?.(f, l, p);
+      onUpdateValue: (d) => {
+        e.value = d, l?.onChange?.(d, l, v);
       },
-      options: p.map((f) => ({ ...f, label: f[u], value: f[y] })),
+      options: v.map((d) => ({ ...d, label: d[o], value: d[y] })),
       ...n
     },
     {
-      default: () => s ?? a(b, null, {
+      default: () => u ?? a(b, null, {
         default: () => e.value || "请选择"
       })
     }
   );
 }
-function je(e, o, n = {}, l) {
-  const { valueField: s = "value", onChange: r, ...c } = l ?? {};
-  return C(me, {
+function Ae(e, s, n = {}, l) {
+  const { valueField: u = "value", onChange: r, ...c } = l ?? {};
+  return C(ve, {
     ...c,
     value: e.value,
-    options: o,
+    options: s,
     onUpdateValue: (t) => {
-      e.value = t, l?.onChange?.(t, l, o);
+      e.value = t, l?.onChange?.(t, l, s);
     },
-    keyField: s,
+    keyField: u,
     ...n
   });
 }
-function ze(e, o, n = {}, l) {
-  const { onChange: s, ...r } = l ?? {};
+function Oe(e, s, n = {}, l) {
+  const { onChange: u, ...r } = l ?? {};
   return C(
     E,
     {
       ...r,
       value: e.value,
       onUpdateValue: (c) => {
-        e.value = c, l?.onChange?.(c, l, o);
+        e.value = c, l?.onChange?.(c, l, s);
       },
       ...n
     },
     {
-      default: () => (l?.options ?? o).map((t) => {
-        const i = l, v = t[i?.labelField ?? "label"], u = t[i?.valueField ?? "value"];
+      default: () => (l?.options ?? s).map((t) => {
+        const i = l, m = t[i?.labelField ?? "label"], o = t[i?.valueField ?? "value"];
         return C(
-          ge,
+          pe,
           {
             ...t,
-            label: v,
-            value: u
+            label: m,
+            value: o
           },
           {
             default: () => t.label
@@ -814,27 +822,27 @@ function ze(e, o, n = {}, l) {
     }
   );
 }
-function Oe(e, o, n = {}, l) {
-  const { onChange: s, ...r } = l ?? {};
+function De(e, s, n = {}, l) {
+  const { onChange: u, ...r } = l ?? {};
   return a(
     E,
     {
       ...r,
       value: e.value,
       onUpdateValue: (c) => {
-        e.value = c, l?.onChange?.(c, l, o);
+        e.value = c, l?.onChange?.(c, l, s);
       },
       ...n
     },
     {
-      default: () => (l?.options ?? o).map((t) => {
-        const i = l, v = t[i?.labelField ?? "label"], u = t[i?.valueField ?? "value"];
+      default: () => (l?.options ?? s).map((t) => {
+        const i = l, m = t[i?.labelField ?? "label"], o = t[i?.valueField ?? "value"];
         return a(
-          pe,
+          ge,
           {
             ...t,
-            label: v,
-            value: u
+            label: m,
+            value: o
           },
           {
             default: () => t.label
@@ -844,15 +852,15 @@ function Oe(e, o, n = {}, l) {
     }
   );
 }
-function De(e, o, n = {}, l) {
-  const { onChange: s, ...r } = l ?? {};
+function Me(e, s, n = {}, l) {
+  const { onChange: u, ...r } = l ?? {};
   return C(
     be,
     {
       ...r,
       value: e.value,
       onUpdateValue: (c) => {
-        e.value = c, l?.onChange?.(c, l, o);
+        e.value = c, l?.onChange?.(c, l, s);
       },
       ...n
     },
@@ -863,11 +871,11 @@ function De(e, o, n = {}, l) {
           itemStyle: "display: flex"
         },
         {
-          default: () => (l?.options ?? o).map((t) => {
-            const i = l, v = t[i?.labelField ?? "label"], u = t[i?.valueField ?? "value"];
+          default: () => (l?.options ?? s).map((t) => {
+            const i = l, m = t[i?.labelField ?? "label"], o = t[i?.valueField ?? "value"];
             return C(K, {
-              value: u,
-              label: v
+              value: o,
+              label: m
             });
           })
         }
@@ -875,141 +883,141 @@ function De(e, o, n = {}, l) {
     }
   );
 }
-function Me(e, o = {}, n) {
-  const { onChange: l, ...s } = n ?? {};
+function Ve(e, s = {}, n) {
+  const { onChange: l, ...u } = n ?? {};
   return C(Ce, {
-    ...s,
+    ...u,
     value: e.value,
     onUpdateValue: (r) => {
       e.value = r, n?.onChange?.(r, n);
     },
-    ...o
+    ...s
   });
 }
-function Ve(e, o = {}, n) {
-  const { onChange: l, ...s } = n ?? {};
+function $e(e, s = {}, n) {
+  const { onChange: l, ...u } = n ?? {};
   return C(Se, {
-    ...s,
+    ...u,
     value: e.value,
     onUpdateValue: (r) => {
       e.value = r, n?.onChange?.(r, n);
     },
-    ...o
+    ...s
   });
 }
-function $e(e, o = {}, n) {
-  const { onChange: l, ...s } = n ?? {};
+function He(e, s = {}, n) {
+  const { onChange: l, ...u } = n ?? {};
   return C(ke, {
-    ...s,
+    ...u,
     value: e.value,
     onUpdateValue: (r) => {
       e.value = r, n?.onChange?.(r, n);
     },
-    ...o
+    ...s
   });
 }
-function Ue(e, o = {}, n) {
-  const { onChange: l, ...s } = n ?? {};
+function Ue(e, s = {}, n) {
+  const { onChange: l, ...u } = n ?? {};
   return C(
     K,
     {
-      ...s,
+      ...u,
       checked: e.value,
       onUpdateChecked: (r) => {
         e.value = r, n?.onChange?.(r, n);
       },
-      ...o
+      ...s
     },
     {
-      default: () => o?.label ?? n?.label
+      default: () => s?.label ?? n?.label
     }
   );
 }
-function Le(e, o = {}, n) {
-  const { onChange: l, ...s } = n ?? {};
+function Le(e, s = {}, n) {
+  const { onChange: l, ...u } = n ?? {};
   return C(Ne, {
-    ...s,
+    ...u,
     value: e.value,
     onUpdateValue: (r) => {
       e.value = r, n?.onChange?.(r, n);
     },
-    ...o
+    ...s
   });
 }
-function He(e, o = {}, n) {
-  const { onChange: l, ...s } = n ?? {};
+function Ge(e, s = {}, n) {
+  const { onChange: l, ...u } = n ?? {};
   return C(xe, {
-    ...s,
+    ...u,
     value: e.value,
     onUpdateValue: (r) => {
       e.value = r, n?.onChange?.(r, n);
     },
-    ...o
+    ...s
   });
 }
-function Ge(e, o = {}, n) {
-  const { onChange: l, ...s } = n ?? {};
+function Ze(e, s = {}, n) {
+  const { onChange: l, ...u } = n ?? {};
   return C(we, {
-    ...s,
+    ...u,
     value: e.value,
     onUpdateValue: (r) => {
       e.value = r, n?.onChange?.(r, n);
     },
-    ...o
+    ...s
   });
 }
 const _e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   renderCheckbox: Ue,
-  renderCheckboxGroup: De,
-  renderDatePicker: Ve,
+  renderCheckboxGroup: Me,
+  renderDatePicker: $e,
   renderDynamicTags: Le,
-  renderInput: Be,
-  renderInputNumber: Ge,
-  renderPopSelect: Ae,
-  renderRadioButtonGroup: Oe,
-  renderRadioGroup: ze,
+  renderInput: ze,
+  renderInputNumber: Ze,
+  renderPopSelect: je,
+  renderRadioButtonGroup: De,
+  renderRadioGroup: Oe,
   renderSelect: Pe,
-  renderSlider: He,
-  renderSwitch: Me,
-  renderTimePicker: $e,
-  renderTreeSelect: je
+  renderSlider: Ge,
+  renderSwitch: Ve,
+  renderTimePicker: He,
+  renderTreeSelect: Ae
 }, Symbol.toStringTag, { value: "Module" }));
-function Ze(e) {
+function qe(e) {
   return function(n, l = !0) {
-    const s = e, r = {
-      renderInput: (t) => s.renderInput(t.value, t.renderProps ?? {}, t),
-      renderSelect: (t) => s.renderSelect(t.value, t.options ?? [], t.renderProps ?? {}, t),
-      renderPopSelect: (t) => s.renderPopSelect(t.value, t.options ?? [], t.renderProps ?? {}, t),
-      renderTreeSelect: (t) => s.renderTreeSelect(t.value, t.options ?? [], t.renderProps ?? {}, t),
-      renderRadioGroup: (t) => s.renderRadioGroup(t.value, t.options ?? [], t.renderProps ?? {}, t),
-      renderRadioButtonGroup: (t) => s.renderRadioButtonGroup(t.value, t.options ?? [], t.renderProps ?? {}, t),
-      renderCheckboxGroup: (t) => s.renderCheckboxGroup(t.value, t.options ?? [], t.renderProps ?? {}, t),
-      renderSwitch: (t) => s.renderSwitch(t.value, t.renderProps ?? {}, t),
-      renderDatePicker: (t) => s.renderDatePicker(t.value, t.renderProps ?? {}, t),
-      renderTimePicker: (t) => s.renderTimePicker(t.value, t.renderProps ?? {}, t),
-      renderCheckbox: (t) => s.renderCheckbox(t.value, t.renderProps ?? {}, t),
-      renderDynamicTags: (t) => s.renderDynamicTags(t.value, t.renderProps ?? {}, t),
-      renderSlider: (t) => s.renderSlider(t.value, t.renderProps ?? {}, t),
-      renderInputNumber: (t) => s.renderInputNumber(t.value, t.renderProps ?? {}, t)
+    const u = e, r = {
+      renderInput: (t) => u.renderInput(t.value, t.renderProps ?? {}, t),
+      renderSelect: (t) => u.renderSelect(t.value, t.options ?? [], t.renderProps ?? {}, t),
+      renderPopSelect: (t) => u.renderPopSelect(t.value, t.options ?? [], t.renderProps ?? {}, t),
+      renderTreeSelect: (t) => u.renderTreeSelect(t.value, t.options ?? [], t.renderProps ?? {}, t),
+      renderRadioGroup: (t) => u.renderRadioGroup(t.value, t.options ?? [], t.renderProps ?? {}, t),
+      renderRadioButtonGroup: (t) => u.renderRadioButtonGroup(t.value, t.options ?? [], t.renderProps ?? {}, t),
+      renderCheckboxGroup: (t) => u.renderCheckboxGroup(t.value, t.options ?? [], t.renderProps ?? {}, t),
+      renderSwitch: (t) => u.renderSwitch(t.value, t.renderProps ?? {}, t),
+      renderDatePicker: (t) => u.renderDatePicker(t.value, t.renderProps ?? {}, t),
+      renderTimePicker: (t) => u.renderTimePicker(t.value, t.renderProps ?? {}, t),
+      renderCheckbox: (t) => u.renderCheckbox(t.value, t.renderProps ?? {}, t),
+      renderDynamicTags: (t) => u.renderDynamicTags(t.value, t.renderProps ?? {}, t),
+      renderSlider: (t) => u.renderSlider(t.value, t.renderProps ?? {}, t),
+      renderInputNumber: (t) => u.renderInputNumber(t.value, t.renderProps ?? {}, t)
     };
     return n.map((t) => {
       const i = t;
       if (i.value = ae(t.value), typeof t.render2 == "function")
         i.render2 = t.render2;
       else {
-        const v = t.renderType ?? "renderInput", u = r[v];
-        u ? i.render2 = () => u(i) : (console.warn(`[useDecorateForm] unknown renderType: ${t.renderType}`), i.render2 = () => r.renderInput(i));
+        const m = t.renderType ?? "renderInput", o = r[m];
+        o ? i.render2 = () => o(i) : (console.warn(`[useDecorateForm] unknown renderType: ${t.renderType}`), i.render2 = () => r.renderInput(i));
       }
       return l ? re(i) : i;
     });
   };
 }
-const Ye = Ze(_e);
-function O(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !D(e);
+const et = qe(_e);
+function z(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !M(e);
 }
-const et = /* @__PURE__ */ I({
+const tt = /* @__PURE__ */ F({
   name: "NaiZealTableSearch",
   props: {
     title: {
@@ -1061,39 +1069,39 @@ const et = /* @__PURE__ */ I({
   },
   slots: Object,
   setup(e, {
-    emit: o,
+    emit: s,
     slots: n,
     expose: l
   }) {
-    const s = T(!1), r = T({}), c = ne(e.searchItems), t = (u) => {
-      s.value = u ?? !s.value;
+    const u = x(!1), r = x({}), c = ne(e.searchItems), t = (o) => {
+      u.value = o ?? !u.value;
     }, i = () => {
-      e.copyDefault ? c.setValues(r.value) : c.onReset(null), o("onReset"), t(!1);
-    }, v = () => {
-      const u = c.getValues();
-      o("onSearch", u), t(!1);
+      e.copyDefault ? c.setValues(r.value) : c.onReset(null), s("onReset"), t(!1);
+    }, m = () => {
+      const o = c.getValues();
+      s("onSearch", o), t(!1);
     };
-    return $(() => e.isMobile, (u) => {
-      e.closeDrawerAuto || u || t(!1);
-    }), ue(async () => {
+    return H(() => e.isMobile, (o) => {
+      e.closeDrawerAuto || o || t(!1);
+    }), oe(async () => {
       await W(), e.copyDefault && (r.value = c.getValues());
     }), l({
       onReset: i,
-      onSearch: v,
+      onSearch: m,
       toggleDrawer: t,
       getParams: () => c.getValues()
     }), () => {
-      const [u, y] = e.searchBtnTxt;
+      const [o, y] = e.searchBtnTxt;
       return a("div", {
         class: "naiZealTableSearch"
-      }, [!e.mobileDrawer || !e.isMobile ? a(x, null, [n.title?.() ?? a("div", {
+      }, [!e.mobileDrawer || !e.isMobile ? a(w, null, [n.title?.() ?? a("div", {
         class: "naiTitle"
       }, [e.title]), a("div", {
         class: "searchForm",
         style: {
           maxHeight: e.searchFormMaxHeight
         }
-      }, [a(H, {
+      }, [a(L, {
         items: e.searchItems,
         preset: "grid",
         formConfig: {
@@ -1101,20 +1109,20 @@ const et = /* @__PURE__ */ I({
           // showFeedback: false
         }
       }, null)]), n.searchBtn ? n.searchBtn?.({
-        onSearch: v,
+        onSearch: m,
         onReset: i
       }) : a("div", {
         class: "searchBtn"
       }, [a(b, {
         size: "small",
         onClick: i
-      }, O(u) ? u : {
-        default: () => [u]
+      }, z(o) ? o : {
+        default: () => [o]
       }), a(b, {
         type: "info",
         size: "small",
-        onClick: v
-      }, O(y) ? y : {
+        onClick: m
+      }, z(y) ? y : {
         default: () => [y]
       })])]) : a("div", {
         class: "drawerSearchBtn"
@@ -1129,21 +1137,21 @@ const et = /* @__PURE__ */ I({
         }
       }, {
         default: () => [e.drawerOpenTxt]
-      })]), a(Fe, {
+      })]), a(Te, {
         class: "naiZealSearchDrawer",
-        show: s.value,
-        "onUpdate:show": (p) => s.value = p,
+        show: u.value,
+        "onUpdate:show": (v) => u.value = v,
         maxHeight: e.drawerMaxHeight,
         trapFocus: !1,
         blockScroll: !1,
         placement: "top"
       }, {
-        default: () => [a(Te, {
+        default: () => [a(Fe, {
           title: e.drawerTitle ?? e.title
         }, {
           default: () => [a("div", {
             class: "searchForm"
-          }, [a(H, {
+          }, [a(L, {
             formConfig: {
               labelPlacement: "left",
               size: "small"
@@ -1152,27 +1160,27 @@ const et = /* @__PURE__ */ I({
             items: e.searchItems
           }, null)])],
           footer: () => n.searchBtn ? n.searchBtn?.({
-            onSearch: v,
+            onSearch: m,
             onReset: i
           }) : a("div", {
             class: "searchBtn"
           }, [a(b, {
             size: "small",
             onClick: i
-          }, O(u) ? u : {
-            default: () => [u]
+          }, z(o) ? o : {
+            default: () => [o]
           }), a(b, {
             type: "info",
             size: "small",
-            onClick: v
-          }, O(y) ? y : {
+            onClick: m
+          }, z(y) ? y : {
             default: () => [y]
           })])
         })]
       })]);
     };
   }
-}), tt = /* @__PURE__ */ I({
+}), at = /* @__PURE__ */ F({
   name: "NaiZealTablePaginationControl",
   props: {
     pagination: {
@@ -1189,51 +1197,144 @@ const et = /* @__PURE__ */ I({
   },
   slots: Object,
   setup(e, {
-    slots: o
+    slots: s
   }) {
-    const n = oe(e, "pagination");
+    const n = ue(e, "pagination");
     function l(r) {
       n.value.pageNo = r, n.value?.onChange();
     }
-    function s(r) {
+    function u(r) {
       n.value.pageNo = 1, n.value.pageSize = r, n.value?.onPageSizeChange();
     }
-    return () => a(Ie, U({
+    return () => a(Ie, A({
       page: n.value?.pageNo,
       "page-size": n.value?.pageSize,
       itemCount: n.value?.total,
       pageSizes: n.value?.pageSizes,
       pageSlot: n.value?.pageSlot,
-      showSizePicker: o.prefix && e.isMobile ? !1 : n.value?.showSizePicker,
+      showSizePicker: s.prefix && e.isMobile ? !1 : n.value?.showSizePicker,
       "onUpdate:page": l,
-      "onUpdate:pageSize": s
+      "onUpdate:pageSize": u
     }, e.pageConfig), {
       // prefix:({itemCount})=><span>Total {itemCount}</span>
-      ...o
+      ...s
     });
   }
+}), nt = /* @__PURE__ */ F({
+  name: "NaiZealTableBtnControl",
+  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: s,
+    slots: n
+  }) {
+    const l = (u) => {
+      e.btnItems.find((r) => r.key === u)?.onSelect?.(u), s("onSelect", u);
+    };
+    return () => {
+      const {
+        btnItems: u,
+        dropDownProps: r,
+        dropDownText: c,
+        isMobile: t,
+        size: i
+      } = e;
+      return a("div", {
+        class: "zealTableBtnControl"
+      }, [t ? a(Be, A(r, {
+        size: i,
+        trigger: "click",
+        onSelect: l,
+        options: u.map((m) => ({
+          label: m.title,
+          disabled: m.disabled,
+          key: m.key
+        }))
+      }), {
+        default: () => [n.text?.() ?? a(b, {
+          size: i
+        }, z(c) ? c : {
+          default: () => [c]
+        })]
+      }) : u.map((m) => {
+        const {
+          key: o,
+          onSelect: y,
+          title: v,
+          ...d
+        } = m;
+        return a(b, A(d, {
+          size: i,
+          key: o,
+          onClick: () => {
+            y?.(o), s("onSelect", o);
+          }
+        }), z(v) ? v : {
+          default: () => [v]
+        });
+      })]);
+    };
+  }
 });
+function lt(e, s) {
+  const n = x(null), l = B(() => {
+    const u = n.value;
+    return e({
+      isMobile: u?.isMobile ?? x(!1),
+      tableHeight: u?.tableHeight ?? x(0)
+    }).map((r) => ({ ...s, ...r }));
+  });
+  return {
+    naiZealCardRef: n,
+    tableColumns: l
+  };
+}
 export {
-  Je as NaiDynamicCascadeInput,
-  H as NaiDynamicForm,
-  Ke as NaiDynamicInput,
-  Qe as NaiPopupModal,
-  Xe as NaiZealCard,
-  tt as NaiZealTablePaginationControl,
-  et as NaiZealTableSearch,
+  Qe as NaiDynamicCascadeInput,
+  L as NaiDynamicForm,
+  Je as NaiDynamicInput,
+  Xe as NaiPopupModal,
+  Ye as NaiZealCard,
+  nt as NaiZealTableBtnControl,
+  at as NaiZealTablePaginationControl,
+  tt as NaiZealTableSearch,
   Ue as renderCheckbox,
-  De as renderCheckboxGroup,
-  Ve as renderDatePicker,
+  Me as renderCheckboxGroup,
+  $e as renderDatePicker,
   Le as renderDynamicTags,
-  Be as renderInput,
-  Ge as renderInputNumber,
-  Ae as renderPopSelect,
-  Oe as renderRadioButtonGroup,
-  ze as renderRadioGroup,
+  ze as renderInput,
+  Ze as renderInputNumber,
+  je as renderPopSelect,
+  De as renderRadioButtonGroup,
+  Oe as renderRadioGroup,
   Pe as renderSelect,
-  He as renderSlider,
-  Me as renderSwitch,
-  $e as renderTimePicker,
-  je as renderTreeSelect,
-  Ye as useDecorateForm
+  Ge as renderSlider,
+  Ve as renderSwitch,
+  He as renderTimePicker,
+  Ae as renderTreeSelect,
+  et as useDecorateForm,
+  lt as useZealColumnTool
 };