dynamicformdjx 0.4.4 → 0.6.0

package/dist/naiveUi/index.mjs

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