dynamicformdjx 0.5.0 → 0.6.0

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, 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: {
@@ -34,11 +34,11 @@ const Ke = /* @__PURE__ */ I({
   emits: {
     "update:modelValue": (e) => !0,
     onReset: () => !0,
-    onMerge: (e, o) => !0
+    onMerge: (e, u) => !0
   },
   slots: Object,
   setup(e, {
-    emit: o,
+    emit: u,
     expose: n,
     slots: l
   }) {
@@ -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, (y) => {
       if (!e.isController) return;
-      const S = V(f, c.arraySplitSymbol);
-      o("update:modelValue", S), o("onMerge", S, B(i.value));
+      const S = $(y, c.arraySplitSymbol);
+      u("update:modelValue", S), u("onMerge", S, P(i.value));
     }, {
       deep: !0
     }), n({
-      onSet: (f) => {
-        i.value = z(f ?? e.modelValue, e.randomFun, c.arraySplitSymbol);
+      onSet: (y) => {
+        i.value = D(y ?? e.modelValue, e.randomFun, c.arraySplitSymbol);
       },
-      getResult: (f = "res") => f === "ori" ? B(i.value) : V(i.value, c.arraySplitSymbol)
+      getResult: (y = "res") => y === "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 = () => {
+    }), f = () => {
+      i.value = D(e.modelValue, e.randomFun, c.arraySplitSymbol), u("onReset");
+    }, b = () => {
       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 y = $(i.value, c.arraySplitSymbol);
+      u("update:modelValue", y), u("onMerge", y, P(i.value)), i.value = D(y, 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((y, S, g) => {
+      const v = {
+        row: y,
         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 !== y.rId);
         },
-        toggleArray: () => f.isArray = !f.isArray,
-        toggleNumber: () => f.isNumber = !f.isNumber
+        toggleArray: () => y.isArray = !y.isArray,
+        toggleNumber: () => y.isNumber = !y.isNumber
       };
       return a("div", {
         class: "dItem",
-        key: f.rId
+        key: y.rId
       }, [a("div", {
         class: "input"
-      }, [a(j, {
+      }, [a(O, {
         size: t,
-        value: f.key,
+        value: y.key,
         class: "key",
         onInput: (h) => {
-          f.key = h;
+          y.key = h;
         }
-      }, null), N(":"), a(j, {
+      }, null), N(":"), a(O, {
         size: t,
-        value: f.value,
+        value: y.value,
         class: "value",
         onInput: (h) => {
-          r.allowFilter && f.isNumber ? f.value = q(h, f.isArray, c.arraySplitSymbol) : f.value = h;
+          r.allowFilter && y.isNumber ? y.value = q(h, y.isArray, c.arraySplitSymbol) : y.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(v) : a(w, null, [!r.hideArrayBtn && a(p, {
+          type: y.isArray ? "success" : "default",
           size: "tiny",
-          onClick: m.toggleArray
+          onClick: v.toggleArray
         }, {
           default: () => [N("Array")]
-        }), N(" "), !r.hideNumberBtn && a(b, {
-          type: f.isNumber ? "success" : "default",
+        }), N(" "), !r.hideNumberBtn && a(p, {
+          type: y.isNumber ? "success" : "default",
           size: "tiny",
-          onClick: m.toggleNumber
+          onClick: v.toggleNumber
         }, {
           default: () => [N("Number")]
         })])
       })]), a("div", {
         class: "btn"
-      }, [l.rowActions ? l.rowActions(m) : a(x, null, [a(b, {
+      }, [l.rowActions ? l.rowActions(v) : a(w, null, [a(p, {
         type: "success",
         size: t,
-        disabled: !m.isLast,
-        onClick: m.addItem
+        disabled: !v.isLast,
+        onClick: v.addItem
       }, {
         default: () => [N("+")]
-      }), a(b, {
+      }), a(p, {
         size: t,
         type: "error",
-        onClick: m.removeItem
+        onClick: v.removeItem
       }, {
         default: () => [N("-")]
       })])])]);
     })]), a("div", {
       class: `control ${i.value.length ? "" : "noList"}`
     }, [!i.value.length && (l.newBtn ? l.newBtn({
-      newItem: u
-    }) : a(b, {
+      newItem: o
+    }) : a(p, {
       size: t,
       type: "success",
-      onClick: u
+      onClick: o
     }, {
       default: () => [s.newTxt]
-    })), !e.isController && a(x, null, [!r.hideReset && (l.resetBtn ? l.resetBtn({
-      reset: y
-    }) : a(b, {
+    })), !e.isController && a(w, null, [!r.hideReset && (l.resetBtn ? l.resetBtn({
+      reset: f
+    }) : a(p, {
       size: t,
       type: "default",
-      onClick: y
+      onClick: f
     }, {
       default: () => [s.resetTxt]
     })), l.mergeBtn ? l.mergeBtn({
-      merge: p
-    }) : a(b, {
+      merge: b
+    }) : a(p, {
       size: t,
       type: "info",
-      onClick: p
+      onClick: b
     }, {
       default: () => [s.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,11 +234,11 @@ const Je = /* @__PURE__ */ I({
   emits: {
     "update:modelValue": (e) => !0,
     onReset: () => !0,
-    onMerge: (e, o) => !0
+    onMerge: (e, u) => !0
   },
   slots: Object,
   setup(e, {
-    emit: o,
+    emit: u,
     expose: n,
     slots: l
   }) {
@@ -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((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: 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: 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
       };
-    }), v = (g) => g.reduce((m, h) => {
+    }), m = (g) => g.reduce((v, 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"],
+      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]]: X(r.borderColors, m)
+        "--depth": v,
+        ["--c" + [v]]: X(r.borderColors, v)
       }
-    }, [g.map((d, F, M) => {
-      const R = Array.isArray(d.value), P = t(typeof d.value), w = {
+    }, [g.map((d, I, V) => {
+      const R = Array.isArray(d.value), j = t(typeof d.value), T = {
         row: d,
-        index: F,
-        isLast: F === M.length - 1,
+        index: I,
+        isLast: I === V.length - 1,
         addItem: () => {
           g.push({
             rId: e.randomFun(),
@@ -293,17 +293,17 @@ const Je = /* @__PURE__ */ I({
           });
         },
         addChild: () => {
-          P && (d.value = [], d.isArray = void 0), d.value.push({
+          j && (d.value = [], d.isArray = void 0), d.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);
+            v < 1 ? o.value.splice(k, 1, {
               ...h,
               value: ""
             }) : h.value = "";
@@ -316,17 +316,17 @@ const Je = /* @__PURE__ */ I({
         class: "dItem",
         key: d.rId,
         style: {
-          marginLeft: m > 1 ? `${m * r.retractLen}px` : "0"
+          marginLeft: v > 1 ? `${v * r.retractLen}px` : "0"
         }
       }, [a("div", {
         class: "input"
-      }, [!R && a(x, null, [a(j, {
+      }, [!R && a(w, null, [a(O, {
         value: d.key,
         class: "key",
         onInput: (k) => d.key = k
-      }, null), N(":")]), a(j, {
+      }, null), N(":")]), a(O, {
         class: `value ${R ? "isKey" : ""}`,
-        value: P ? d.value : d.key,
+        value: j ? d.value : d.key,
         onInput: (k) => {
           if (R) {
             d.key = k;
@@ -335,26 +335,26 @@ const Je = /* @__PURE__ */ I({
           r.allowFilter && d.isNumber ? d.value = q(k, d.isArray, c.arraySplitSymbol) : d.value = k;
         }
       }, {
-        prefix: Array.isArray(d.value) ? void 0 : () => l.typeTools ? l.typeTools(w) : a(x, null, [!r.hideArrayBtn && a(b, {
+        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: w.toggleArray
+          onClick: T.toggleArray
         }, {
           default: () => [N("Array")]
-        }), N(" "), !r.hideNumberBtn && a(b, {
+        }), N(" "), !r.hideNumberBtn && a(p, {
           type: d.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 v < e.depth ? !R && (l.newChild ? l.newChild(T) : a(p, {
             type: "success",
             size: "tiny",
             onClick: () => {
-              P && (d.value = [], d.isArray = void 0), d.value.push({
+              j && (d.value = [], d.isArray = void 0), d.value.push({
                 rId: e.randomFun(),
                 key: "",
                 value: ""
@@ -366,74 +366,74 @@ const Je = /* @__PURE__ */ I({
         }
       })]), a("div", {
         class: "btn"
-      }, [l.rowActions ? l.rowActions(w) : a(x, null, [a(b, {
+      }, [l.rowActions ? l.rowActions(T) : a(w, null, [a(p, {
         type: "success",
-        disabled: !w.isLast,
-        onClick: w.addItem
+        disabled: !T.isLast,
+        onClick: T.addItem
       }, {
         default: () => [N("+")]
-      }), a(b, {
+      }), a(p, {
         type: "error",
-        onClick: w.removeItem
+        onClick: T.removeItem
       }, {
         default: () => [N("-")]
-      })])]), Array.isArray(d.value) && y(d.value, m + 1, d)]);
+      })])]), Array.isArray(d.value) && f(d.value, v + 1, d)]);
     })]);
-    $(u, (g) => {
+    H(o, (g) => {
       if (!e.isController) return;
-      const m = v(g);
-      o("update:modelValue", m), o("onMerge", m, B(u.value));
+      const v = m(g);
+      u("update:modelValue", v), u("onMerge", v, 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 b = () => o.value.push({
       rId: e.randomFun(),
       key: "",
       value: ""
-    }), f = () => {
-      u.value = i(e.modelValue), o("onReset");
+    }), y = () => {
+      o.value = i(e.modelValue), u("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);
+      u("update:modelValue", g), u("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
-    }) : a(b, {
+    }, [f(o.value)]), a("div", {
+      class: `control ${o.value.length ? "" : "noObj"}`
+    }, [!o.value.length && (l.newBtn ? l.newBtn({
+      newItem: b
+    }) : a(p, {
       type: "success",
-      onClick: p
+      onClick: b
     }, {
       default: () => [s.newTxt]
-    })), !e.isController && a(x, null, [!r.hideReset && (l.resetBtn ? l.resetBtn({
-      reset: f
-    }) : a(b, {
+    })), !e.isController && a(w, null, [!r.hideReset && (l.resetBtn ? l.resetBtn({
+      reset: y
+    }) : a(p, {
       type: "default",
-      onClick: f
+      onClick: y
     }, {
       default: () => [s.resetTxt]
     })), l.mergeBtn ? l.mergeBtn({
       merge: S
-    }) : a(b, {
+    }) : a(p, {
       type: "info",
       onClick: S
     }, {
       default: () => [s.mergeTxt]
     })])])]);
   }
-}), H = /* @__PURE__ */ I({
+}), L = /* @__PURE__ */ F({
   name: "NaiDynamicForm",
   props: {
     formConfig: {
@@ -466,68 +466,68 @@ const Je = /* @__PURE__ */ I({
   },
   slots: Object,
   setup(e, {
-    expose: o,
+    expose: u,
     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), 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: p.requiredHint?.(p?.label ?? "") ?? `${p.label}不能为空`,
+          message: b.requiredHint?.(b?.label ?? "") ?? `${b.label}不能为空`,
           trigger: ["blur"]
-        }), y[p.key] = f, y;
+        }), f[b.key] = y, f;
       }, {}),
       ...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(() => [...s.value].sort((f, b) => {
+      const y = f.sort ?? 1 / 0, S = b.sort ?? 1 / 0;
+      return Number(y) - Number(S);
     }));
-    function i(u = null) {
-      s.value && s.value.forEach((y) => {
-        y.value.value = u;
+    function i(o = null) {
+      s.value && s.value.forEach((f) => {
+        f.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, f) => {
+        l.value?.validate((b) => {
+          b ? f(b) : o(r.value);
         });
       });
     }
-    if (o({
+    if (u({
       reset: i,
-      validator: v,
-      getResult: (u = "res") => u === "ori" ? s.value : r.value
+      validator: m,
+      getResult: (o = "res") => o === "ori" ? s.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, {
-            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: G(y)
+            default: G(f)
           }))
-        }) : u?.map((y) => C(de, {
-          label: y.label,
-          path: y.path || y.key
+        }) : o?.map((f) => C(de, {
+          label: f.label,
+          path: f.path || f.key
         }, {
-          default: G(y)
+          default: G(f)
         }));
       }
     }), n.footer && C("div", {
@@ -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: u,
     emit: n,
     slots: l
   }) {
-    const s = A(() => ({
+    const s = 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({
+    u({
       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
       },
@@ -620,35 +620,35 @@ const Qe = /* @__PURE__ */ I({
       maskClosable: e.closeOnMask
     }, s.value), {
       footer: () => {
-        const [u, y] = e.footerTxt, {
-          c: p,
-          s: f
+        const [o, f] = e.footerTxt, {
+          c: b,
+          s: y
         } = c;
         return a("div", {
           class: "flex justify-end align-center sm-gap"
-        }, [a(b, {
+        }, [a(p, {
           size: "small",
           onClick: i,
-          loading: p
-        }, _(u) ? u : {
-          default: () => [u]
-        }), a(b, {
+          loading: b
+        }, Z(o) ? o : {
+          default: () => [o]
+        }), a(p, {
           size: "small",
           type: "success",
-          onClick: v,
-          loading: f
-        }, _(y) ? y : {
-          default: () => [y]
+          onClick: m,
+          loading: y
+        }, Z(f) ? f : {
+          default: () => [f]
         })]);
       },
       ...l
     });
   }
 });
-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,122 +669,130 @@ const Xe = /* @__PURE__ */ I({
     checkWindowSize: {
       type: Array,
       default: [756, 500]
+    },
+    observeDelay: {
+      type: Number,
+      default: 100
     }
   },
   slots: Object,
   setup(e, {
-    slots: o
+    slots: u,
+    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: 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: l
-      }, [a(L, {
         ref: s
+      }, [a(U, {
+        ref: r
       }, {
-        default: () => [o.default?.({
-          tableHeight: c.value,
-          ...t
+        default: () => [u.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", {
+          }, [u.header?.(i) ?? a(w, null, [a("div", {
             class: "title"
           }, [e.title]), a("div", {
             class: "search"
-          }, [o.searchForm?.(), o.searchBtn?.() || o.searchForm && a("div", {
+          }, [u.searchForm?.(i), u.searchBtn?.(i) || u.searchForm && a("div", {
             class: "searchBtn"
-          }, [a(b, {
+          }, [a(p, {
             size: "small"
-          }, Z(i) ? i : {
-            default: () => [i]
-          }), a(b, {
+          }, _(m) ? m : {
+            default: () => [m]
+          }), a(p, {
             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, [u.controlBtn?.(i)]), u.toolBtn?.(i)])]);
         },
-        footer: () => a("div", {
+        footer: () => u.footer ? a("div", {
           class: "footer"
-        }, [o.footer?.(t)])
+        }, [u.footer?.(i)]) : null
       }), a("div", {
-        ref: r
-      }, [o.rest?.()])]);
+        ref: c
+      }, [u.rest?.(i)])]);
     };
   }
 });
-function Be(e, o = {}, n) {
+function ze(e, u = {}, n) {
   const { onChange: l, ...s } = n ?? {};
-  return C(j, {
+  return C(O, {
     ...s,
     value: e.value,
     onUpdateValue: (r) => {
       e.value = r, n?.onChange?.(r, n);
     },
-    ...o
+    ...u
   });
 }
-function Pe(e, o, n = {}, l) {
+function Pe(e, u, n = {}, l) {
   const { onChange: s, ...r } = l ?? {};
   return C(ye, {
     ...r,
     value: e.value,
-    options: o,
+    options: u,
     onUpdateValue: (c) => {
-      e.value = c, l?.onChange?.(c, l, o);
+      e.value = c, l?.onChange?.(c, l, u);
     },
     ...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, 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(
-    ve,
+    me,
     {
-      ...v,
+      ...m,
       value: e.value,
-      onUpdateValue: (f) => {
-        e.value = f, l?.onChange?.(f, l, p);
+      onUpdateValue: (y) => {
+        e.value = y, l?.onChange?.(y, l, b);
       },
-      options: p.map((f) => ({ ...f, label: f[u], value: f[y] })),
+      options: b.map((y) => ({ ...y, label: y[o], value: y[f] })),
       ...n
     },
     {
-      default: () => s ?? a(b, null, {
+      default: () => s ?? a(p, null, {
         default: () => e.value || "请选择"
       })
     }
   );
 }
-function je(e, o, n = {}, l) {
+function Ae(e, u, n = {}, l) {
   const { valueField: s = "value", onChange: r, ...c } = l ?? {};
-  return C(me, {
+  return C(ve, {
     ...c,
     value: e.value,
-    options: o,
+    options: u,
     onUpdateValue: (t) => {
-      e.value = t, l?.onChange?.(t, l, o);
+      e.value = t, l?.onChange?.(t, l, u);
     },
     keyField: s,
     ...n
   });
 }
-function ze(e, o, n = {}, l) {
+function Oe(e, u, n = {}, l) {
   const { onChange: s, ...r } = l ?? {};
   return C(
     E,
@@ -792,19 +800,19 @@ function ze(e, o, n = {}, l) {
       ...r,
       value: e.value,
       onUpdateValue: (c) => {
-        e.value = c, l?.onChange?.(c, l, o);
+        e.value = c, l?.onChange?.(c, l, u);
       },
       ...n
     },
     {
-      default: () => (l?.options ?? o).map((t) => {
-        const i = l, v = t[i?.labelField ?? "label"], u = t[i?.valueField ?? "value"];
+      default: () => (l?.options ?? u).map((t) => {
+        const i = l, m = t[i?.labelField ?? "label"], o = t[i?.valueField ?? "value"];
         return C(
           ge,
           {
             ...t,
-            label: v,
-            value: u
+            label: m,
+            value: o
           },
           {
             default: () => t.label
@@ -814,7 +822,7 @@ function ze(e, o, n = {}, l) {
     }
   );
 }
-function Oe(e, o, n = {}, l) {
+function De(e, u, n = {}, l) {
   const { onChange: s, ...r } = l ?? {};
   return a(
     E,
@@ -822,19 +830,19 @@ function Oe(e, o, n = {}, l) {
       ...r,
       value: e.value,
       onUpdateValue: (c) => {
-        e.value = c, l?.onChange?.(c, l, o);
+        e.value = c, l?.onChange?.(c, l, u);
       },
       ...n
     },
     {
-      default: () => (l?.options ?? o).map((t) => {
-        const i = l, v = t[i?.labelField ?? "label"], u = t[i?.valueField ?? "value"];
+      default: () => (l?.options ?? u).map((t) => {
+        const i = l, m = t[i?.labelField ?? "label"], o = t[i?.valueField ?? "value"];
         return a(
           pe,
           {
             ...t,
-            label: v,
-            value: u
+            label: m,
+            value: o
           },
           {
             default: () => t.label
@@ -844,7 +852,7 @@ function Oe(e, o, n = {}, l) {
     }
   );
 }
-function De(e, o, n = {}, l) {
+function Me(e, u, n = {}, l) {
   const { onChange: s, ...r } = l ?? {};
   return C(
     be,
@@ -852,7 +860,7 @@ function De(e, o, n = {}, l) {
       ...r,
       value: e.value,
       onUpdateValue: (c) => {
-        e.value = c, l?.onChange?.(c, l, o);
+        e.value = c, l?.onChange?.(c, l, u);
       },
       ...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 ?? u).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,7 +883,7 @@ function De(e, o, n = {}, l) {
     }
   );
 }
-function Me(e, o = {}, n) {
+function Ve(e, u = {}, n) {
   const { onChange: l, ...s } = n ?? {};
   return C(Ce, {
     ...s,
@@ -883,10 +891,10 @@ function Me(e, o = {}, n) {
     onUpdateValue: (r) => {
       e.value = r, n?.onChange?.(r, n);
     },
-    ...o
+    ...u
   });
 }
-function Ve(e, o = {}, n) {
+function $e(e, u = {}, n) {
   const { onChange: l, ...s } = n ?? {};
   return C(Se, {
     ...s,
@@ -894,10 +902,10 @@ function Ve(e, o = {}, n) {
     onUpdateValue: (r) => {
       e.value = r, n?.onChange?.(r, n);
     },
-    ...o
+    ...u
   });
 }
-function $e(e, o = {}, n) {
+function He(e, u = {}, n) {
   const { onChange: l, ...s } = n ?? {};
   return C(ke, {
     ...s,
@@ -905,10 +913,10 @@ function $e(e, o = {}, n) {
     onUpdateValue: (r) => {
       e.value = r, n?.onChange?.(r, n);
     },
-    ...o
+    ...u
   });
 }
-function Ue(e, o = {}, n) {
+function Ue(e, u = {}, n) {
   const { onChange: l, ...s } = n ?? {};
   return C(
     K,
@@ -918,14 +926,14 @@ function Ue(e, o = {}, n) {
       onUpdateChecked: (r) => {
         e.value = r, n?.onChange?.(r, n);
       },
-      ...o
+      ...u
     },
     {
-      default: () => o?.label ?? n?.label
+      default: () => u?.label ?? n?.label
     }
   );
 }
-function Le(e, o = {}, n) {
+function Le(e, u = {}, n) {
   const { onChange: l, ...s } = n ?? {};
   return C(Ne, {
     ...s,
@@ -933,10 +941,10 @@ function Le(e, o = {}, n) {
     onUpdateValue: (r) => {
       e.value = r, n?.onChange?.(r, n);
     },
-    ...o
+    ...u
   });
 }
-function He(e, o = {}, n) {
+function Ge(e, u = {}, n) {
   const { onChange: l, ...s } = n ?? {};
   return C(xe, {
     ...s,
@@ -944,10 +952,10 @@ function He(e, o = {}, n) {
     onUpdateValue: (r) => {
       e.value = r, n?.onChange?.(r, n);
     },
-    ...o
+    ...u
   });
 }
-function Ge(e, o = {}, n) {
+function Ze(e, u = {}, n) {
   const { onChange: l, ...s } = n ?? {};
   return C(we, {
     ...s,
@@ -955,27 +963,27 @@ function Ge(e, o = {}, n) {
     onUpdateValue: (r) => {
       e.value = r, n?.onChange?.(r, n);
     },
-    ...o
+    ...u
   });
 }
 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),
@@ -998,18 +1006,18 @@ function Ze(e) {
       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: u,
     slots: n,
     expose: l
   }) {
-    const s = T(!1), r = T({}), c = ne(e.searchItems), t = (u) => {
-      s.value = u ?? !s.value;
+    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), o("onReset"), t(!1);
-    }, v = () => {
-      const u = c.getValues();
-      o("onSearch", u), t(!1);
+      e.copyDefault ? c.setValues(r.value) : c.onReset(null), u("onReset"), t(!1);
+    }, m = () => {
+      const o = c.getValues();
+      u("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, f] = 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,49 +1109,49 @@ const et = /* @__PURE__ */ I({
           // showFeedback: false
         }
       }, null)]), n.searchBtn ? n.searchBtn?.({
-        onSearch: v,
+        onSearch: m,
         onReset: i
       }) : a("div", {
         class: "searchBtn"
-      }, [a(b, {
+      }, [a(p, {
         size: "small",
         onClick: i
-      }, O(u) ? u : {
-        default: () => [u]
-      }), a(b, {
+      }, z(o) ? o : {
+        default: () => [o]
+      }), a(p, {
         type: "info",
         size: "small",
-        onClick: v
-      }, O(y) ? y : {
-        default: () => [y]
+        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(b, {
+      }) : a(p, {
         size: "small",
         onClick: () => {
           t(!0);
         }
       }, {
         default: () => [e.drawerOpenTxt]
-      })]), a(Fe, {
+      })]), a(Te, {
         class: "naiZealSearchDrawer",
         show: s.value,
-        "onUpdate:show": (p) => s.value = p,
+        "onUpdate:show": (b) => s.value = b,
         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, {
+          }, [a(p, {
             size: "small",
             onClick: i
-          }, O(u) ? u : {
-            default: () => [u]
-          }), a(b, {
+          }, z(o) ? o : {
+            default: () => [o]
+          }), a(p, {
             type: "info",
             size: "small",
-            onClick: v
-          }, O(y) ? y : {
-            default: () => [y]
+            onClick: m
+          }, z(f) ? f : {
+            default: () => [f]
           })])
         })]
       })]);
     };
   }
-}), tt = /* @__PURE__ */ I({
+}), at = /* @__PURE__ */ F({
   name: "NaiZealTablePaginationControl",
   props: {
     pagination: {
@@ -1189,51 +1197,138 @@ const et = /* @__PURE__ */ I({
   },
   slots: Object,
   setup(e, {
-    slots: o
+    slots: u
   }) {
-    const n = oe(e, "pagination");
+    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, 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: u.prefix && e.isMobile ? !1 : n.value?.showSizePicker,
       "onUpdate:page": l,
       "onUpdate:pageSize": s
     }, e.pageConfig), {
       // prefix:({itemCount})=><span>Total {itemCount}</span>
-      ...o
+      ...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
+  };
+}
 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
 };