dynamicformdjx 0.4.1 → 0.4.3

package/dist/naiveUi/index.mjs

@@ -1,7 +1,7 @@
-import { defineComponent as j, ref as P, watch as V, toRaw as S, createVNode as o, createTextVNode as h, Fragment as F, nextTick as G, isVNode as $, computed as R, h as b, mergeProps as L, shallowReactive as M } from "vue";
-import { NInput as N, NButton as p, NForm as U, NGrid as B, NFormItemGridItem as H, NFormItem as _, NSelect as q, NPopselect as E, NTreeSelect as K, NRadioGroup as w, NRadio as J, NRadioButton as Q, NCheckboxGroup as W, NSpace as X, NCheckbox as Y, NSwitch as Z, NDatePicker as ee, NTimePicker as te } from "naive-ui";
-import { t as I, r as A, f as z, p as ne, s as le, e as re } from "../index-MF72-iEr.js";
-const ke = /* @__PURE__ */ j({
+import { defineComponent as D, ref as j, watch as $, toRaw as A, createVNode as s, createTextVNode as S, Fragment as x, nextTick as H, isVNode as _, computed as B, h, mergeProps as q, shallowReactive as E } from "vue";
+import { NInput as w, 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 te, NSpace as re, NCheckbox as U, NSwitch as le, NDatePicker as ae, NTimePicker as ue, NDynamicTags as oe, NSlider as se, NInputNumber as ie } from "naive-ui";
+import { t as P, r as z, f as G, p as de, s as ce, e as ve } from "../index-MF72-iEr.js";
+const je = /* @__PURE__ */ D({
   name: "NaiDynamicInput",
   props: {
     size: {
@@ -15,7 +15,7 @@ const ke = /* @__PURE__ */ j({
     },
     randomFun: {
       type: Function,
-      default: (t) => `${Date.now()}_${t ?? 0}`
+      default: (e) => `${Date.now()}_${e ?? 0}`
     },
     btnConfigs: {
       type: Object
@@ -32,153 +32,170 @@ const ke = /* @__PURE__ */ j({
     }
   },
   emits: {
-    "update:modelValue": (t) => !0,
+    "update:modelValue": (e) => !0,
     onReset: () => !0,
-    onMerge: (t, i) => !0
+    onMerge: (e, a) => !0
   },
-  setup(t, {
-    emit: i,
-    expose: c
+  slots: Object,
+  setup(e, {
+    emit: a,
+    expose: l,
+    slots: t
   }) {
     const u = {
       resetTxt: "重置",
       newTxt: "添加项",
       mergeTxt: "合并",
-      ...t.btnConfigs
+      ...e.btnConfigs
     }, r = {
       hideReset: !1,
       maxHeight: "300px",
       autoScroll: !0,
       allowFilter: !0,
-      ...t.configs
-    }, d = {
+      hideArrayBtn: !1,
+      hideNumberBtn: !1,
+      ...e.configs
+    }, v = {
       arraySplitSymbol: ",",
-      ...t.dyListConfigs
-    }, y = t.size, e = P(I(t.modelValue, t.randomFun, d.arraySplitSymbol)), m = P(null);
-    return V(e, (n) => {
-      if (!t.isController) return;
-      const v = A(n, d.arraySplitSymbol);
-      i("update:modelValue", v), i("onMerge", v, S(e.value));
+      ...e.dyListConfigs
+    }, n = e.size, i = j(P(e.modelValue, e.randomFun, v.arraySplitSymbol)), b = j(null);
+    $(i, (c) => {
+      if (!e.isController) return;
+      const k = z(c, v.arraySplitSymbol);
+      a("update:modelValue", k), a("onMerge", k, A(i.value));
     }, {
       deep: !0
-    }), c({
-      onSet: (n) => {
-        e.value = I(n ?? t.modelValue, t.randomFun, d.arraySplitSymbol);
+    }), l({
+      onSet: (c) => {
+        i.value = P(c ?? e.modelValue, e.randomFun, v.arraySplitSymbol);
       },
-      getResult: (n = "res") => n === "ori" ? S(e.value) : A(e.value, d.arraySplitSymbol)
-    }), () => o("div", {
-      class: t.dyCls ?? `dynamicForm ${y}`
-    }, [o("div", {
-      class: `dyFormList ${e.value.length ? "" : "noList"}`,
-      ref: m,
+      getResult: (c = "res") => c === "ori" ? A(i.value) : z(i.value, v.arraySplitSymbol)
+    });
+    const o = () => i.value.push({
+      rId: e.randomFun(),
+      key: "",
+      value: ""
+    }), y = () => {
+      i.value = P(e.modelValue, e.randomFun, v.arraySplitSymbol), a("onReset");
+    }, g = () => {
+      i.value.sort((k, f) => +k.rId - +f.rId);
+      const c = z(i.value, v.arraySplitSymbol);
+      a("update:modelValue", c), a("onMerge", c, A(i.value)), i.value = P(c, e.randomFun, v.arraySplitSymbol);
+    };
+    return () => s("div", {
+      class: `dynamicForm ${n} ${e.dyCls}`
+    }, [s("div", {
+      class: `dyFormList ${i.value.length ? "" : "noList"}`,
+      ref: b,
       style: {
         maxHeight: r.maxHeight
       }
-    }, [e.value.map((n, v, l) => o("div", {
-      class: "dItem",
-      key: n.rId
-    }, [o("div", {
-      class: "input"
-    }, [o(N, {
-      size: y,
-      value: n.key,
-      class: "key",
-      onInput: (a) => {
-        n.key = a;
-      }
-    }, null), h(":"), o(N, {
-      size: y,
-      value: n.value,
-      class: "value",
-      onInput: (a) => {
-        r.allowFilter && n.isNumber ? n.value = z(a, n.isArray, d.arraySplitSymbol) : n.value = a;
-      }
-    }, {
-      prefix: () => o(F, null, [o(p, {
-        type: n.isArray ? "success" : "default",
-        size: "tiny",
-        onClick: () => {
-          n.isArray = !n.isArray;
+    }, [i.value.map((c, k, f) => {
+      const m = {
+        row: c,
+        index: k,
+        isLast: k === f.length - 1,
+        addItem: () => {
+          i.value.push({
+            rId: e.randomFun(),
+            key: "",
+            value: ""
+          }), r.autoScroll && H(() => {
+            const p = b.value;
+            p?.scrollTo({
+              top: p.scrollHeight,
+              behavior: "smooth"
+            });
+          });
+        },
+        removeItem: () => {
+          i.value = i.value.filter((p) => p.rId !== c.rId);
+        },
+        toggleArray: () => c.isArray = !c.isArray,
+        toggleNumber: () => c.isNumber = !c.isNumber
+      };
+      return s("div", {
+        class: "dItem",
+        key: c.rId
+      }, [s("div", {
+        class: "input"
+      }, [s(w, {
+        size: n,
+        value: c.key,
+        class: "key",
+        onInput: (p) => {
+          c.key = p;
         }
-      }, {
-        default: () => [h("Array")]
-      }), h(" "), o(p, {
-        type: n.isNumber ? "success" : "default",
-        size: "tiny",
-        onClick: () => {
-          n.isNumber = !n.isNumber;
+      }, null), S(":"), s(w, {
+        size: n,
+        value: c.value,
+        class: "value",
+        onInput: (p) => {
+          r.allowFilter && c.isNumber ? c.value = G(p, c.isArray, v.arraySplitSymbol) : c.value = p;
         }
       }, {
-        default: () => [h("Number")]
-      })])
-    })]), o("div", {
-      class: "btn"
-    }, [o(p, {
-      type: "success",
-      size: y,
-      disabled: v !== l.length - 1,
-      onClick: () => {
-        e.value.push({
-          rId: t.randomFun(),
-          key: "",
-          value: ""
-        }), r.autoScroll && G(() => {
-          const a = m.value;
-          a?.scrollTo({
-            top: a.scrollHeight,
-            behavior: "smooth"
-          });
-        });
-      }
-    }, {
-      default: () => [h("+")]
-    }), o(p, {
-      size: y,
-      type: "error",
-      onClick: () => {
-        e.value = e.value.filter((a) => a.rId !== n.rId);
-      }
-    }, {
-      default: () => [h("-")]
-    })])]))]), o("div", {
-      class: `control ${e.value.length ? "" : "noList"}`
-    }, [!e.value.length && o(p, {
-      size: y,
+        prefix: () => t.typeTools ? t.typeTools(m) : s(x, null, [!r.hideArrayBtn && s(C, {
+          type: c.isArray ? "success" : "default",
+          size: "tiny",
+          onClick: m.toggleArray
+        }, {
+          default: () => [S("Array")]
+        }), S(" "), !r.hideNumberBtn && s(C, {
+          type: c.isNumber ? "success" : "default",
+          size: "tiny",
+          onClick: m.toggleNumber
+        }, {
+          default: () => [S("Number")]
+        })])
+      })]), s("div", {
+        class: "btn"
+      }, [t.rowActions ? t.rowActions(m) : s(x, null, [s(C, {
+        type: "success",
+        size: n,
+        disabled: !m.isLast,
+        onClick: m.addItem
+      }, {
+        default: () => [S("+")]
+      }), s(C, {
+        size: n,
+        type: "error",
+        onClick: m.removeItem
+      }, {
+        default: () => [S("-")]
+      })])])]);
+    })]), s("div", {
+      class: `control ${i.value.length ? "" : "noList"}`
+    }, [!i.value.length && (t.newBtn ? t.newBtn({
+      newItem: o
+    }) : s(C, {
+      size: n,
       type: "success",
-      onClick: () => {
-        e.value.push({
-          rId: t.randomFun(),
-          key: "",
-          value: ""
-        });
-      }
+      onClick: o
     }, {
       default: () => [u.newTxt]
-    }), !t.isController && o(F, null, [!r.hideReset && o(p, {
-      size: y,
+    })), !e.isController && s(x, null, [!r.hideReset && (t.resetBtn ? t.resetBtn({
+      reset: y
+    }) : s(C, {
+      size: n,
       type: "default",
-      onClick: () => {
-        e.value = I(t.modelValue, t.randomFun, d.arraySplitSymbol), i("onReset");
-      }
+      onClick: y
     }, {
       default: () => [u.resetTxt]
-    }), o(p, {
-      size: y,
+    })), t.mergeBtn ? t.mergeBtn({
+      merge: g
+    }) : s(C, {
+      size: n,
       type: "info",
-      onClick: () => {
-        e.value.sort((v, l) => +v.rId - +l.rId);
-        const n = A(e.value, d.arraySplitSymbol);
-        i("update:modelValue", n), i("onMerge", n, S(e.value)), e.value = I(n, t.randomFun, d.arraySplitSymbol);
-      }
+      onClick: g
     }, {
       default: () => [u.mergeTxt]
     })])])]);
   }
 });
-function ae(t) {
-  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !$(t);
+function ye(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !_(e);
 }
-const Se = /* @__PURE__ */ j({
+const Oe = /* @__PURE__ */ D({
   name: "NaiveUiDynamicCascadeInput",
   props: {
     modelValue: {
@@ -193,7 +210,7 @@ const Se = /* @__PURE__ */ j({
     },
     randomFun: {
       type: Function,
-      default: (t) => `${Date.now()}_${t ?? 0}`
+      default: (e) => `${Date.now()}_${e ?? 0}`
     },
     // 子层深度 (超过则不再出现添加选项)
     depth: {
@@ -211,191 +228,212 @@ const Se = /* @__PURE__ */ j({
     },
     newChildTxt: {
       type: Function,
-      default: (t) => `添加 '${t.key}' 子项`
+      default: (e) => `添加 '${e.key}' 子项`
     }
   },
   emits: {
-    "update:modelValue": (t) => !0,
+    "update:modelValue": (e) => !0,
     onReset: () => !0,
-    onMerge: (t, i) => !0
+    onMerge: (e, a) => !0
   },
-  setup(t, {
-    emit: i,
-    expose: c
+  slots: Object,
+  setup(e, {
+    emit: a,
+    expose: l,
+    slots: t
   }) {
     const u = {
       resetTxt: "重置",
       newTxt: "添加项",
       mergeTxt: "合并",
-      ...t.btnConfigs
+      ...e.btnConfigs
     }, r = {
       hideReset: !1,
       maxHeight: "600px",
       allowFilter: !0,
       showBorder: !0,
+      hideArrayBtn: !1,
+      hideNumberBtn: !1,
       showPad: !0,
       retractLen: 0,
       borderColors: [],
-      ...t.configs
-    }, d = {
+      ...e.configs
+    }, v = {
       arraySplitSymbol: ",",
-      ...t.dyListConfigs
-    }, y = (l) => ["string", "number"].includes(l), e = (l) => Object.keys(l).map((a, f) => {
-      let s = l[a];
-      const C = Array.isArray(s), T = C ? s.every((x) => typeof x == "number") : typeof s == "number", k = s === null;
-      return y(typeof s) && (s = l[a]), k && (s = ""), {
-        rId: t.randomFun(f),
-        key: a,
-        value: Object.prototype.toString.call(s) === "[object Object]" ? e(l[a]) : C ? s.join(d.arraySplitSymbol) : s,
-        isArray: C || void 0,
-        isNumber: T || void 0
+      ...e.dyListConfigs
+    }, n = (f) => ["string", "number"].includes(f), i = (f) => Object.keys(f).map((m, p) => {
+      let d = f[m];
+      const F = Array.isArray(d), O = F ? d.every((T) => typeof T == "number") : typeof d == "number", R = d === null;
+      return n(typeof d) && (d = f[m]), R && (d = ""), {
+        rId: e.randomFun(p),
+        key: m,
+        value: Object.prototype.toString.call(d) === "[object Object]" ? i(f[m]) : F ? d.join(v.arraySplitSymbol) : d,
+        isArray: F || void 0,
+        isNumber: O || void 0
       };
-    }), m = (l) => l.reduce((a, f) => {
-      const s = f.value;
-      return f.key.trim().length && (a[f.key] = Array.isArray(s) ? m(s) : ne(f.value, f.isArray, f.isNumber, d.arraySplitSymbol)), a;
-    }, {}), n = P(e(t.modelValue)), v = (l, a = 1, f) => o("div", {
-      class: [`depth-${a}`, r.showBorder ? "" : "no-border", r.showPad ? "" : "no-pad"],
+    }), b = (f) => f.reduce((m, p) => {
+      const d = p.value;
+      return p.key.trim().length && (m[p.key] = Array.isArray(d) ? b(d) : de(p.value, p.isArray, p.isNumber, v.arraySplitSymbol)), m;
+    }, {}), o = j(i(e.modelValue)), y = (f, m = 1, p) => s("div", {
+      class: [`depth-${m}`, r.showBorder ? "" : "no-border", r.showPad ? "" : "no-pad"],
       style: {
-        "--depth": a,
-        ["--c" + [a]]: le(r.borderColors, a)
+        "--depth": m,
+        ["--c" + [m]]: ce(r.borderColors, m)
       }
-    }, [l.map((s, C, T) => {
-      const k = Array.isArray(s.value), x = y(typeof s.value);
-      return o("div", {
+    }, [f.map((d, F, O) => {
+      const R = Array.isArray(d.value), T = n(typeof d.value), I = {
+        row: d,
+        index: F,
+        isLast: F === O.length - 1,
+        addItem: () => {
+          f.push({
+            rId: e.randomFun(),
+            key: "",
+            value: ""
+          });
+        },
+        addChild: () => {
+          T && (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,
+              value: ""
+            }) : p.value = "";
+          }
+        },
+        toggleArray: () => d.isArray = !d.isArray,
+        toggleNumber: () => d.isNumber = !d.isNumber
+      };
+      return s("div", {
         class: "dItem",
-        key: s.rId,
+        key: d.rId,
         style: {
-          marginLeft: a > 1 ? `${a * r.retractLen}px` : "0"
+          marginLeft: m > 1 ? `${m * r.retractLen}px` : "0"
         }
-      }, [o("div", {
+      }, [s("div", {
         class: "input"
-      }, [!k && o(F, null, [o(N, {
-        value: s.key,
+      }, [!R && s(x, null, [s(w, {
+        value: d.key,
         class: "key",
-        onInput: (g) => s.key = g
-      }, null), h(":")]), o(N, {
-        class: `value ${k ? "isKey" : ""}`,
-        value: x ? s.value : s.key,
-        onInput: (g) => {
-          if (k) {
-            s.key = g;
+        onInput: (N) => d.key = N
+      }, null), S(":")]), s(w, {
+        class: `value ${R ? "isKey" : ""}`,
+        value: T ? d.value : d.key,
+        onInput: (N) => {
+          if (R) {
+            d.key = N;
             return;
           }
-          r.allowFilter && s.isNumber ? s.value = z(g, s.isArray, d.arraySplitSymbol) : s.value = g;
+          r.allowFilter && d.isNumber ? d.value = G(N, d.isArray, v.arraySplitSymbol) : d.value = N;
         }
       }, {
-        prefix: Array.isArray(s.value) ? void 0 : () => o(F, null, [o(p, {
-          type: s.isArray ? "success" : "default",
+        prefix: Array.isArray(d.value) ? void 0 : () => t.typeTools ? t.typeTools(I) : s(x, null, [!r.hideArrayBtn && s(C, {
+          type: d.isArray ? "success" : "default",
           size: "tiny",
-          onClick: () => {
-            s.isArray = !s.isArray;
-          }
+          onClick: I.toggleArray
         }, {
-          default: () => [h("Array")]
-        }), h(" "), o(p, {
-          type: s.isNumber ? "success" : "default",
+          default: () => [S("Array")]
+        }), S(" "), !r.hideNumberBtn && s(C, {
+          type: d.isNumber ? "success" : "default",
           size: "tiny",
-          onClick: () => {
-            s.isNumber = !s.isNumber;
-          }
+          onClick: I.toggleNumber
         }, {
-          default: () => [h("Number")]
+          default: () => [S("Number")]
         })]),
         suffix: () => {
-          let g;
-          return a < t.depth ? !k && o(p, {
+          let N;
+          return m < e.depth ? !R && (t.newChild ? t.newChild(I) : s(C, {
             type: "success",
             size: "tiny",
             onClick: () => {
-              x && (s.value = [], s.isArray = void 0), s.value.push({
-                rId: t.randomFun(),
+              T && (d.value = [], d.isArray = void 0), d.value.push({
+                rId: e.randomFun(),
                 key: "",
                 value: ""
               });
             }
-          }, ae(g = t.newChildTxt(s)) ? g : {
-            default: () => [g]
-          }) : null;
+          }, ye(N = e.newChildTxt(d)) ? N : {
+            default: () => [N]
+          })) : null;
         }
-      })]), o("div", {
+      })]), s("div", {
         class: "btn"
-      }, [o(p, {
+      }, [t.rowActions ? t.rowActions(I) : s(x, null, [s(C, {
         type: "success",
-        disabled: C !== T.length - 1,
-        onClick: () => {
-          l.push({
-            rId: t.randomFun(),
-            key: "",
-            value: ""
-          });
-        }
+        disabled: !I.isLast,
+        onClick: I.addItem
       }, {
-        default: () => [h("+")]
-      }), o(p, {
+        default: () => [S("+")]
+      }), s(C, {
         type: "error",
-        onClick: () => {
-          if (l.splice(C, 1), l.length < 1) {
-            if (f === void 0) return m([]);
-            const g = n.value.findIndex((D) => D.rId === f?.rId);
-            a < 1 ? n.value.splice(g, 1, {
-              ...f,
-              value: ""
-            }) : f.value = "";
-          }
-        }
+        onClick: I.removeItem
       }, {
-        default: () => [h("-")]
-      })]), Array.isArray(s.value) && v(s.value, a + 1, s)]);
+        default: () => [S("-")]
+      })])]), Array.isArray(d.value) && y(d.value, m + 1, d)]);
     })]);
-    return V(n, (l) => {
-      if (!t.isController) return;
-      const a = m(l);
-      i("update:modelValue", a), i("onMerge", a, S(n.value));
+    $(o, (f) => {
+      if (!e.isController) return;
+      const m = b(f);
+      a("update:modelValue", m), a("onMerge", m, A(o.value));
     }, {
       deep: !0
-    }), c({
-      onSet: (l) => {
-        n.value = e(l ?? t.modelValue);
+    }), l({
+      onSet: (f) => {
+        o.value = i(f ?? e.modelValue);
       },
-      getResult: (l = "res") => l === "ori" ? S(n.value) : m(n.value)
-    }), () => o("div", {
-      class: t.dyCls ?? "dynamicCascadeForm"
-    }, [o("div", {
-      class: "dyFormList",
+      getResult: (f = "res") => f === "ori" ? A(o.value) : b(o.value)
+    });
+    const g = () => o.value.push({
+      rId: e.randomFun(),
+      key: "",
+      value: ""
+    }), c = () => {
+      o.value = i(e.modelValue), a("onReset");
+    }, k = () => {
+      const f = b(o.value);
+      a("update:modelValue", f), a("onMerge", f, A(o.value)), o.value = i(f);
+    };
+    return () => s("div", {
+      class: `dynamicCascadeForm ${e.dyCls}`
+    }, [s("div", {
+      class: `dyFormList ${o.value.length ? "" : "noObj"}`,
       style: {
         maxHeight: r.maxHeight
       }
-    }, [v(n.value)]), o("div", {
-      class: "control"
-    }, [!n.value.length && o(p, {
+    }, [y(o.value)]), s("div", {
+      class: `control ${o.value.length ? "" : "noObj"}`
+    }, [!o.value.length && (t.newBtn ? t.newBtn({
+      newItem: g
+    }) : s(C, {
       type: "success",
-      onClick: () => {
-        n.value.push({
-          rId: t.randomFun(),
-          key: "",
-          value: ""
-        });
-      }
+      onClick: g
     }, {
       default: () => [u.newTxt]
-    }), !t.isController && o(F, null, [!r.hideReset && o(p, {
+    })), !e.isController && s(x, null, [!r.hideReset && (t.resetBtn ? t.resetBtn({
+      reset: c
+    }) : s(C, {
       type: "default",
-      onClick: () => {
-        n.value = e(t.modelValue), i("onReset");
-      }
+      onClick: c
     }, {
       default: () => [u.resetTxt]
-    }), o(p, {
+    })), t.mergeBtn ? t.mergeBtn({
+      merge: k
+    }) : s(C, {
       type: "info",
-      onClick: () => {
-        const l = m(n.value);
-        i("update:modelValue", l), i("onMerge", l, S(n.value)), n.value = e(l);
-      }
+      onClick: k
     }, {
       default: () => [u.mergeTxt]
     })])])]);
   }
-}), Fe = /* @__PURE__ */ j({
+}), ze = /* @__PURE__ */ D({
   name: "NaiDynamicForm",
   props: {
     formConfig: {
@@ -419,7 +457,7 @@ const Se = /* @__PURE__ */ j({
     preset: {
       type: String,
       default: "fullRow",
-      validator: (t) => ["fullRow", "grid"].includes(t) ? !0 : (console.error("preset value must be `fullRow` or `grid`, the default value is `fullRow`"), !1)
+      validator: (e) => ["fullRow", "grid"].includes(e) ? !0 : (console.error("preset value must be `fullRow` or `grid`, the default value is `fullRow`"), !1)
     },
     items: {
       type: Array,
@@ -427,221 +465,221 @@ const Se = /* @__PURE__ */ j({
     }
   },
   slots: Object,
-  setup(t, {
-    expose: i,
-    slots: c
+  setup(e, {
+    expose: a,
+    slots: l
   }) {
-    const u = P(null), r = R(() => (t.items ?? []).filter((v) => !v.hidden)), d = R(() => r.value ? r.value.reduce((v, l) => (v[l.key] = l.value.value, v), {}) : {}), y = R(() => ({
-      ...r.value?.reduce((l, a) => {
-        let f = a.rule;
-        return a.required && !a.rule && (f = {
+    const t = j(null), u = B(() => (e.items ?? []).filter((o) => !o.hidden)), r = B(() => u.value ? u.value.reduce((o, y) => (o[y.key] = y.value.value, o), {}) : {}), v = B(() => ({
+      ...u.value?.reduce((y, g) => {
+        let c = g.rule;
+        return g.required && !g.rule && (c = {
           required: !0,
-          message: a.requiredHint?.(a.label) ?? `${a.label}不能为空`,
+          message: g.requiredHint?.(g?.label ?? "") ?? `${g.label}不能为空`,
           trigger: ["blur"]
-        }), l[a.key] = f, l;
+        }), y[g.key] = c, y;
       }, {}),
-      ...t.rules
-    })), e = R(() => [...r.value].sort((l, a) => {
-      const f = l.sort ?? 1 / 0, s = a.sort ?? 1 / 0;
-      return Number(f) - Number(s);
+      ...e.rules
+    })), n = B(() => [...u.value].sort((y, g) => {
+      const c = y.sort ?? 1 / 0, k = g.sort ?? 1 / 0;
+      return Number(c) - Number(k);
     }));
-    function m(v = null) {
-      r.value && r.value.forEach((l) => {
-        l.value.value = v;
+    function i(o = null) {
+      u.value && u.value.forEach((y) => {
+        y.value.value = o;
       });
     }
-    function n() {
-      return new Promise((v, l) => {
-        u.value?.validate((a) => {
-          a ? l(a) : v(d.value);
+    function b() {
+      return new Promise((o, y) => {
+        t.value?.validate((g) => {
+          g ? y(g) : o(r.value);
         });
       });
     }
-    if (i({
-      reset: m,
-      validator: n,
-      getResult: (v = "res") => v === "ori" ? r.value : d.value
-    }), !t.items) throw new Error("prop items must be not null");
-    return () => o("div", {
+    if (a({
+      reset: i,
+      validator: b,
+      getResult: (o = "res") => o === "ori" ? u.value : r.value
+    }), !e.items) throw new Error("prop items must be not null");
+    return () => s("div", {
       class: "naiDynamicForm"
-    }, [c.header && o("div", {
+    }, [l.header && s("div", {
       class: "header"
-    }, [c.header?.()]), o(U, L({
-      ref: u
-    }, t.formConfig, {
-      model: d.value,
-      rules: y.value
+    }, [l.header?.()]), s(K, q({
+      ref: t
+    }, e.formConfig, {
+      model: r.value,
+      rules: v.value
     }), {
       default() {
-        const v = e.value;
-        return t.preset === "grid" ? b(B, {
-          ...t.gridConfig
+        const o = n.value;
+        return e.preset === "grid" ? h(J, {
+          ...e.gridConfig
         }, {
-          default: () => v?.map((l) => b(H, {
-            label: l.label,
-            path: l.path || l.key,
-            span: l.span ?? 24,
-            offset: l.offset ?? 0
+          default: () => o?.map((y) => h(Q, {
+            label: y.label,
+            path: y.path || y.key,
+            span: y.span ?? 24,
+            offset: y.offset ?? 0
           }, {
-            default: O(l)
+            default: V(y)
           }))
-        }) : v?.map((l) => b(_, {
-          label: l.label,
-          path: l.path || l.key
+        }) : o?.map((y) => h(W, {
+          label: y.label,
+          path: y.path || y.key
         }, {
-          default: O(l)
+          default: V(y)
         }));
       }
-    }), c.footer && b("div", {
+    }), l.footer && h("div", {
       class: "footer"
-    }, c.footer?.())]);
+    }, l.footer?.())]);
   }
 });
-function O(t) {
+function V(e) {
   return function() {
-    return t.render2 ? t.render2(t) : null;
+    return e.render2 ? e.render2(e) : null;
   };
 }
-function ue(t, i = {}, c) {
-  const { onChange: u, ...r } = c;
-  return b(N, {
-    ...r,
-    value: t.value,
-    onUpdateValue: (d) => {
-      t.value = d, c?.onChange?.(d, c);
+function me(e, a = {}, l) {
+  const { onChange: t, ...u } = l ?? {};
+  return h(w, {
+    ...u,
+    value: e.value,
+    onUpdateValue: (r) => {
+      e.value = r, l?.onChange?.(r, l);
     },
-    ...i
+    ...a
   });
 }
-function oe(t, i, c = {}, u) {
-  const { onChange: r, ...d } = u;
-  return b(q, {
-    ...d,
-    value: t.value,
-    options: i,
-    onUpdateValue: (y) => {
-      t.value = y, u?.onChange?.(y, u, i);
-    },
-    ...c
+function fe(e, a, l = {}, t) {
+  const { onChange: u, ...r } = t ?? {};
+  return h(X, {
+    ...r,
+    value: e.value,
+    options: a,
+    onUpdateValue: (v) => {
+      e.value = v, t?.onChange?.(v, t, a);
+    },
+    ...l
   });
 }
-function se(t, i, c = {}, u, r) {
-  const { value: d, labelField: y, valueField: e, onChange: m, ...n } = u, v = y ?? "label", l = e ?? "value", a = n.options ?? i;
-  return o(
-    E,
+function pe(e, a, l = {}, t, u) {
+  const { value: r, labelField: v, valueField: n, onChange: i, ...b } = t ?? {}, o = v ?? "label", y = n ?? "value", g = b.options ?? a;
+  return s(
+    Y,
     {
-      ...n,
-      value: t.value,
-      onUpdateValue: (f) => {
-        t.value = f, u?.onChange?.(f, u, a);
+      ...b,
+      value: e.value,
+      onUpdateValue: (c) => {
+        e.value = c, t?.onChange?.(c, t, g);
       },
-      options: a.map((f) => ({ ...f, label: f[v], value: f[l] })),
-      ...c
+      options: g.map((c) => ({ ...c, label: c[o], value: c[y] })),
+      ...l
     },
     {
-      default: () => r ?? o(p, null, {
-        default: () => t.value || "请选择"
+      default: () => u ?? s(C, null, {
+        default: () => e.value || "请选择"
       })
     }
   );
 }
-function ie(t, i, c = {}, u) {
-  const { valueField: r = "value", onChange: d, ...y } = u;
-  return b(K, {
-    ...y,
-    value: t.value,
-    options: i,
-    onUpdateValue: (e) => {
-      t.value = e, u?.onChange?.(e, u, i);
-    },
-    keyField: r,
-    ...c
+function be(e, a, l = {}, t) {
+  const { valueField: u = "value", onChange: r, ...v } = t ?? {};
+  return h(Z, {
+    ...v,
+    value: e.value,
+    options: a,
+    onUpdateValue: (n) => {
+      e.value = n, t?.onChange?.(n, t, a);
+    },
+    keyField: u,
+    ...l
   });
 }
-function de(t, i, c = {}, u) {
-  const { onChange: r, ...d } = u;
-  return b(
-    w,
+function ge(e, a, l = {}, t) {
+  const { onChange: u, ...r } = t ?? {};
+  return h(
+    L,
     {
-      ...d,
-      value: t.value,
-      onUpdateValue: (y) => {
-        t.value = y, u?.onChange?.(y, u, i);
+      ...r,
+      value: e.value,
+      onUpdateValue: (v) => {
+        e.value = v, t?.onChange?.(v, t, a);
       },
-      ...c
+      ...l
     },
     {
-      default: () => (u?.options ?? i).map((e) => {
-        const m = u, n = e[m?.labelField ?? "label"], v = e[m?.valueField ?? "value"];
-        return b(
-          J,
+      default: () => (t?.options ?? a).map((n) => {
+        const i = t, b = n[i?.labelField ?? "label"], o = n[i?.valueField ?? "value"];
+        return h(
+          ee,
           {
-            ...e,
-            label: n,
-            value: v
+            ...n,
+            label: b,
+            value: o
           },
           {
-            default: () => e.label
+            default: () => n.label
           }
         );
       })
     }
   );
 }
-function ce(t, i, c = {}, u) {
-  const { onChange: r, ...d } = u;
-  return o(
-    w,
+function he(e, a, l = {}, t) {
+  const { onChange: u, ...r } = t ?? {};
+  return s(
+    L,
     {
-      ...d,
-      value: t.value,
-      onUpdateValue: (y) => {
-        t.value = y, u?.onChange?.(y, u, i);
+      ...r,
+      value: e.value,
+      onUpdateValue: (v) => {
+        e.value = v, t?.onChange?.(v, t, a);
       },
-      ...c
+      ...l
     },
     {
-      default: () => (u?.options ?? i).map((e) => {
-        const m = u, n = e[m?.labelField ?? "label"], v = e[m?.valueField ?? "value"];
-        return o(
-          Q,
+      default: () => (t?.options ?? a).map((n) => {
+        const i = t, b = n[i?.labelField ?? "label"], o = n[i?.valueField ?? "value"];
+        return s(
+          ne,
           {
-            ...e,
-            label: n,
-            value: v
+            ...n,
+            label: b,
+            value: o
           },
           {
-            default: () => e.label
+            default: () => n.label
           }
         );
       })
     }
   );
 }
-function ve(t, i, c = {}, u) {
-  const { onChange: r, ...d } = u;
-  return b(
-    W,
+function Ce(e, a, l = {}, t) {
+  const { onChange: u, ...r } = t ?? {};
+  return h(
+    te,
     {
-      ...d,
-      value: t.value,
-      onUpdateValue: (y) => {
-        t.value = y, u?.onChange?.(y, u, i);
+      ...r,
+      value: e.value,
+      onUpdateValue: (v) => {
+        e.value = v, t?.onChange?.(v, t, a);
       },
-      ...c
+      ...l
     },
     {
-      default: () => b(
-        X,
+      default: () => h(
+        re,
         {
           itemStyle: "display: flex"
         },
         {
-          default: () => (u?.options ?? i).map((e) => {
-            const m = u, n = e[m?.labelField ?? "label"], v = e[m?.valueField ?? "value"];
-            return b(Y, {
-              value: v,
-              label: n
+          default: () => (t?.options ?? a).map((n) => {
+            const i = t, b = n[i?.labelField ?? "label"], o = n[i?.valueField ?? "value"];
+            return h(U, {
+              value: o,
+              label: b
             });
           })
         }
@@ -649,92 +687,150 @@ function ve(t, i, c = {}, u) {
     }
   );
 }
-function ye(t, i = {}, c) {
-  const { onChange: u, ...r } = c;
-  return b(Z, {
-    ...r,
-    value: t.value,
-    onUpdateValue: (d) => {
-      t.value = d, c?.onChange?.(d, c);
+function ke(e, a = {}, l) {
+  const { onChange: t, ...u } = l ?? {};
+  return h(le, {
+    ...u,
+    value: e.value,
+    onUpdateValue: (r) => {
+      e.value = r, l?.onChange?.(r, l);
     },
-    ...i
+    ...a
   });
 }
-function me(t, i = {}, c) {
-  const { onChange: u, ...r } = c;
-  return b(ee, {
-    ...r,
-    value: t.value,
-    onUpdateValue: (d) => {
-      t.value = d, c?.onChange?.(d, c);
+function Ne(e, a = {}, l) {
+  const { onChange: t, ...u } = l ?? {};
+  return h(ae, {
+    ...u,
+    value: e.value,
+    onUpdateValue: (r) => {
+      e.value = r, l?.onChange?.(r, l);
     },
-    ...i
+    ...a
   });
 }
-function fe(t, i = {}, c) {
-  const { onChange: u, ...r } = c;
-  return b(te, {
-    ...r,
-    value: t.value,
-    onUpdateValue: (d) => {
-      t.value = d, c?.onChange?.(d, c);
+function Se(e, a = {}, l) {
+  const { onChange: t, ...u } = l ?? {};
+  return h(ue, {
+    ...u,
+    value: e.value,
+    onUpdateValue: (r) => {
+      e.value = r, l?.onChange?.(r, l);
+    },
+    ...a
+  });
+}
+function Ie(e, a = {}, l) {
+  const { onChange: t, ...u } = l ?? {};
+  return h(
+    U,
+    {
+      ...u,
+      checked: e.value,
+      onUpdateChecked: (r) => {
+        e.value = r, l?.onChange?.(r, l);
+      },
+      ...a
+    },
+    {
+      default: () => a?.label ?? l?.label
+    }
+  );
+}
+function Fe(e, a = {}, l) {
+  const { onChange: t, ...u } = l ?? {};
+  return h(oe, {
+    ...u,
+    value: e.value,
+    onUpdateValue: (r) => {
+      e.value = r, l?.onChange?.(r, l);
+    },
+    ...a
+  });
+}
+function xe(e, a = {}, l) {
+  const { onChange: t, ...u } = l ?? {};
+  return h(se, {
+    ...u,
+    value: e.value,
+    onUpdateValue: (r) => {
+      e.value = r, l?.onChange?.(r, l);
+    },
+    ...a
+  });
+}
+function Re(e, a = {}, l) {
+  const { onChange: t, ...u } = l ?? {};
+  return h(ie, {
+    ...u,
+    value: e.value,
+    onUpdateValue: (r) => {
+      e.value = r, l?.onChange?.(r, l);
     },
-    ...i
+    ...a
   });
 }
-const pe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ae = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  renderCheckboxGroup: ve,
-  renderDatePicker: me,
-  renderInput: ue,
-  renderPopSelect: se,
-  renderRadioButtonGroup: ce,
-  renderRadioGroup: de,
-  renderSelect: oe,
-  renderSwitch: ye,
-  renderTimePicker: fe,
-  renderTreeSelect: ie
+  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
 }, Symbol.toStringTag, { value: "Module" }));
-function be(t) {
-  return function(c, u = !0) {
-    const r = t, d = {
-      renderInput: (e) => r.renderInput(e.value, e.renderProps ?? {}, e),
-      renderSelect: (e) => r.renderSelect(e.value, e.options ?? [], e.renderProps ?? {}, e),
-      renderPopSelect: (e) => r.renderPopSelect(e.value, e.options ?? [], e.renderProps ?? {}, e),
-      renderTreeSelect: (e) => r.renderTreeSelect(e.value, e.options ?? [], e.renderProps ?? {}, e),
-      renderRadioGroup: (e) => r.renderRadioGroup(e.value, e.options ?? [], e.renderProps ?? {}, e),
-      renderRadioButtonGroup: (e) => r.renderRadioButtonGroup(e.value, e.options ?? [], e.renderProps ?? {}, e),
-      renderCheckboxGroup: (e) => r.renderCheckboxGroup(e.value, e.options ?? [], e.renderProps ?? {}, e),
-      renderSwitch: (e) => r.renderSwitch(e.value, e.renderProps ?? {}, e),
-      renderDatePicker: (e) => r.renderDatePicker(e.value, e.renderProps ?? {}, e),
-      renderTimePicker: (e) => r.renderTimePicker(e.value, e.renderProps ?? {}, e)
+function Te(e) {
+  return function(l, t = !0) {
+    const u = e, r = {
+      renderInput: (n) => u.renderInput(n.value, n.renderProps ?? {}, n),
+      renderSelect: (n) => u.renderSelect(n.value, n.options ?? [], n.renderProps ?? {}, n),
+      renderPopSelect: (n) => u.renderPopSelect(n.value, n.options ?? [], n.renderProps ?? {}, n),
+      renderTreeSelect: (n) => u.renderTreeSelect(n.value, n.options ?? [], n.renderProps ?? {}, n),
+      renderRadioGroup: (n) => u.renderRadioGroup(n.value, n.options ?? [], n.renderProps ?? {}, n),
+      renderRadioButtonGroup: (n) => u.renderRadioButtonGroup(n.value, n.options ?? [], n.renderProps ?? {}, n),
+      renderCheckboxGroup: (n) => u.renderCheckboxGroup(n.value, n.options ?? [], n.renderProps ?? {}, n),
+      renderSwitch: (n) => u.renderSwitch(n.value, n.renderProps ?? {}, n),
+      renderDatePicker: (n) => u.renderDatePicker(n.value, n.renderProps ?? {}, n),
+      renderTimePicker: (n) => u.renderTimePicker(n.value, n.renderProps ?? {}, n)
     };
-    return c.map((e) => {
-      const m = e;
-      if (m.value = re(e.value), typeof e.render2 == "function")
-        m.render2 = e.render2;
+    return l.map((n) => {
+      const i = n;
+      if (i.value = ve(n.value), typeof n.render2 == "function")
+        i.render2 = n.render2;
       else {
-        const n = e.renderType ?? "renderInput", v = d[n];
-        v ? m.render2 = () => v(m) : (console.warn(`[useDecorateForm] unknown renderType: ${e.renderType}`), m.render2 = () => d.renderInput(m));
+        const b = n.renderType ?? "renderInput", o = r[b];
+        o ? i.render2 = () => o(i) : (console.warn(`[useDecorateForm] unknown renderType: ${n.renderType}`), i.render2 = () => r.renderInput(i));
       }
-      return u ? M(m) : m;
+      return t ? E(i) : i;
     });
   };
 }
-const Ne = be(pe);
+const De = Te(Ae);
 export {
-  Se as NaiDynamicCascadeInput,
-  Fe as NaiDynamicForm,
-  ke as NaiDynamicInput,
-  ve as renderCheckboxGroup,
-  me as renderDatePicker,
-  ue as renderInput,
-  se as renderPopSelect,
-  ce as renderRadioButtonGroup,
-  de as renderRadioGroup,
-  oe as renderSelect,
-  ye as renderSwitch,
-  fe as renderTimePicker,
-  ie as renderTreeSelect,
-  Ne as useDecorateForm
+  Oe as NaiDynamicCascadeInput,
+  ze 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,
+  De as useDecorateForm
 };