dynamicformdjx 0.2.0 → 0.3.0

package/dist/naiveUi/index.mjs

@@ -1,7 +1,7 @@
-import { defineComponent as T, ref as w, watch as V, toRaw as k, createVNode as a, createTextVNode as m, Fragment as S, nextTick as O, isVNode as R } from "vue";
-import { NInput as h, NButton as s } from "naive-ui";
-import { t as I, r as N, f as j, p as L, s as M } from "../index-BqKRE4oH.js";
-const _ = /* @__PURE__ */ T({
+import { defineComponent as V, ref as R, watch as O, toRaw as S, createVNode as r, createTextVNode as C, Fragment as F, nextTick as M, isVNode as U, computed as I, mergeProps as L, h as p } from "vue";
+import { NInput as N, NButton as b, NForm as $, NGrid as G, NFormItemGridItem as B, NFormItem as H, NSelect as q, NPopselect as _, NTreeSelect as E, NRadioGroup as z, NRadio as K, NRadioButton as J, NCheckboxGroup as Q, NSpace as W, NCheckbox as X, NSwitch as Y, NDatePicker as Z, NTimePicker as ee } from "naive-ui";
+import { t as A, r as j, f as P, p as le, s as te } from "../index-BqKRE4oH.js";
+const oe = /* @__PURE__ */ V({
   name: "NaiDynamicInput",
   props: {
     size: {
@@ -34,151 +34,151 @@ const _ = /* @__PURE__ */ T({
   emits: {
     "update:modelValue": (e) => !0,
     onReset: () => !0,
-    onMerge: (e, i) => !0
+    onMerge: (e, o) => !0
   },
   setup(e, {
-    emit: i,
-    expose: A
+    emit: o,
+    expose: i
   }) {
-    const g = {
+    const t = {
       resetTxt: "重置",
       newTxt: "添加项",
       mergeTxt: "合并",
       ...e.btnConfigs
-    }, d = {
+    }, s = {
       hideReset: !1,
       maxHeight: "300px",
       autoScroll: !0,
       allowFilter: !0,
       ...e.configs
-    }, y = {
+    }, d = {
       arraySplitSymbol: ",",
       ...e.dyListConfigs
-    }, f = e.size, r = w(I(e.modelValue, e.randomFun, y.arraySplitSymbol)), b = w(null);
-    return V(r, (t) => {
+    }, y = e.size, c = R(A(e.modelValue, e.randomFun, d.arraySplitSymbol)), m = R(null);
+    return O(c, (u) => {
       if (!e.isController) return;
-      const v = N(t, y.arraySplitSymbol);
-      i("update:modelValue", v), i("onMerge", v, k(r.value));
+      const v = j(u, d.arraySplitSymbol);
+      o("update:modelValue", v), o("onMerge", v, S(c.value));
     }, {
       deep: !0
-    }), A({
-      onSet: (t) => {
-        r.value = I(t ?? e.modelValue, e.randomFun, y.arraySplitSymbol);
+    }), i({
+      onSet: (u) => {
+        c.value = A(u ?? e.modelValue, e.randomFun, d.arraySplitSymbol);
       },
-      getResult: (t = "res") => t === "ori" ? k(r.value) : N(r.value, y.arraySplitSymbol)
-    }), () => a("div", {
-      class: e.dyCls ?? `dynamicForm ${f}`
-    }, [a("div", {
+      getResult: (u = "res") => u === "ori" ? S(c.value) : j(c.value, d.arraySplitSymbol)
+    }), () => r("div", {
+      class: e.dyCls ?? `dynamicForm ${y}`
+    }, [r("div", {
       class: "dyFormList",
-      ref: b,
+      ref: m,
       style: {
-        maxHeight: d.maxHeight
+        maxHeight: s.maxHeight
       }
-    }, [r.value.map((t, v, u) => a("div", {
+    }, [c.value.map((u, v, l) => r("div", {
       class: "dItem",
-      key: t.rId
-    }, [a("div", {
+      key: u.rId
+    }, [r("div", {
       class: "input"
-    }, [a(h, {
-      size: f,
-      value: t.key,
+    }, [r(N, {
+      size: y,
+      value: u.key,
       class: "key",
-      onInput: (n) => {
-        t.key = n;
+      onInput: (a) => {
+        u.key = a;
       }
-    }, null), m(":"), a(h, {
-      size: f,
-      value: t.value,
+    }, null), C(":"), r(N, {
+      size: y,
+      value: u.value,
       class: "value",
-      onInput: (n) => {
-        d.allowFilter && t.isNumber ? t.value = j(n, t.isArray, y.arraySplitSymbol) : t.value = n;
+      onInput: (a) => {
+        s.allowFilter && u.isNumber ? u.value = P(a, u.isArray, d.arraySplitSymbol) : u.value = a;
       }
     }, {
-      prefix: () => a(S, null, [a(s, {
-        type: t.isArray ? "success" : "default",
+      prefix: () => r(F, null, [r(b, {
+        type: u.isArray ? "success" : "default",
         size: "tiny",
         onClick: () => {
-          t.isArray = !t.isArray;
+          u.isArray = !u.isArray;
         }
       }, {
-        default: () => [m("Array")]
-      }), m(" "), a(s, {
-        type: t.isNumber ? "success" : "default",
+        default: () => [C("Array")]
+      }), C(" "), r(b, {
+        type: u.isNumber ? "success" : "default",
         size: "tiny",
         onClick: () => {
-          t.isNumber = !t.isNumber;
+          u.isNumber = !u.isNumber;
         }
       }, {
-        default: () => [m("Number")]
+        default: () => [C("Number")]
       })])
-    })]), a("div", {
+    })]), r("div", {
       class: "btn"
-    }, [a(s, {
+    }, [r(b, {
       type: "success",
-      size: f,
-      disabled: v !== u.length - 1,
+      size: y,
+      disabled: v !== l.length - 1,
       onClick: () => {
-        r.value.push({
+        c.value.push({
           rId: e.randomFun(),
           key: "",
           value: ""
-        }), d.autoScroll && O(() => {
-          const n = b.value;
-          n?.scrollTo({
-            top: n.scrollHeight,
+        }), s.autoScroll && M(() => {
+          const a = m.value;
+          a?.scrollTo({
+            top: a.scrollHeight,
             behavior: "smooth"
           });
         });
       }
     }, {
-      default: () => [m("+")]
-    }), a(s, {
-      size: f,
+      default: () => [C("+")]
+    }), r(b, {
+      size: y,
       type: "error",
       onClick: () => {
-        r.value = r.value.filter((n) => n.rId !== t.rId);
+        c.value = c.value.filter((a) => a.rId !== u.rId);
       }
     }, {
-      default: () => [m("-")]
-    })])]))]), a("div", {
+      default: () => [C("-")]
+    })])]))]), r("div", {
       class: "control"
-    }, [!r.value.length && a(s, {
-      size: f,
+    }, [!c.value.length && r(b, {
+      size: y,
       type: "success",
       onClick: () => {
-        r.value.push({
+        c.value.push({
           rId: e.randomFun(),
           key: "",
           value: ""
         });
       }
     }, {
-      default: () => [g.newTxt]
-    }), !e.isController && a(S, null, [!d.hideReset && a(s, {
-      size: f,
+      default: () => [t.newTxt]
+    }), !e.isController && r(F, null, [!s.hideReset && r(b, {
+      size: y,
       type: "default",
       onClick: () => {
-        r.value = I(e.modelValue, e.randomFun, y.arraySplitSymbol), i("onReset");
+        c.value = A(e.modelValue, e.randomFun, d.arraySplitSymbol), o("onReset");
       }
     }, {
-      default: () => [g.resetTxt]
-    }), a(s, {
-      size: f,
+      default: () => [t.resetTxt]
+    }), r(b, {
+      size: y,
       type: "info",
       onClick: () => {
-        r.value.sort((v, u) => +v.rId - +u.rId);
-        const t = N(r.value, y.arraySplitSymbol);
-        i("update:modelValue", t), i("onMerge", t, k(r.value)), r.value = I(t, e.randomFun, y.arraySplitSymbol);
+        c.value.sort((v, l) => +v.rId - +l.rId);
+        const u = j(c.value, d.arraySplitSymbol);
+        o("update:modelValue", u), o("onMerge", u, S(c.value)), c.value = A(u, e.randomFun, d.arraySplitSymbol);
       }
     }, {
-      default: () => [g.mergeTxt]
+      default: () => [t.mergeTxt]
     })])])]);
   }
 });
-function $(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !R(e);
+function ae(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !U(e);
 }
-const q = /* @__PURE__ */ T({
+const se = /* @__PURE__ */ V({
   name: "NaiveUiDynamicCascadeInput",
   props: {
     modelValue: {
@@ -217,18 +217,18 @@ const q = /* @__PURE__ */ T({
   emits: {
     "update:modelValue": (e) => !0,
     onReset: () => !0,
-    onMerge: (e, i) => !0
+    onMerge: (e, o) => !0
   },
   setup(e, {
-    emit: i,
-    expose: A
+    emit: o,
+    expose: i
   }) {
-    const g = {
+    const t = {
       resetTxt: "重置",
       newTxt: "添加项",
       mergeTxt: "合并",
       ...e.btnConfigs
-    }, d = {
+    }, s = {
       hideReset: !1,
       maxHeight: "600px",
       allowFilter: !0,
@@ -237,166 +237,448 @@ const q = /* @__PURE__ */ T({
       retractLen: 0,
       borderColors: [],
       ...e.configs
-    }, y = {
+    }, d = {
       arraySplitSymbol: ",",
       ...e.dyListConfigs
-    }, f = (u) => ["string", "number"].includes(u), r = (u) => Object.keys(u).map((n, o) => {
-      let l = u[n];
-      const p = Array.isArray(l), F = p ? l.every((x) => typeof x == "number") : typeof l == "number", C = l === null;
-      return f(typeof l) && (l = u[n]), C && (l = ""), {
-        rId: e.randomFun(o),
-        key: n,
-        value: Object.prototype.toString.call(l) === "[object Object]" ? r(u[n]) : p ? l.join(y.arraySplitSymbol) : l,
-        isArray: p || void 0,
-        isNumber: F || void 0
+    }, y = (l) => ["string", "number"].includes(l), c = (l) => Object.keys(l).map((a, f) => {
+      let n = l[a];
+      const h = Array.isArray(n), T = h ? n.every((x) => typeof x == "number") : typeof n == "number", k = n === null;
+      return y(typeof n) && (n = l[a]), k && (n = ""), {
+        rId: e.randomFun(f),
+        key: a,
+        value: Object.prototype.toString.call(n) === "[object Object]" ? c(l[a]) : h ? n.join(d.arraySplitSymbol) : n,
+        isArray: h || void 0,
+        isNumber: T || void 0
       };
-    }), b = (u) => u.reduce((n, o) => {
-      const l = o.value;
-      return o.key.trim().length && (n[o.key] = Array.isArray(l) ? b(l) : L(o.value, o.isArray, o.isNumber, y.arraySplitSymbol)), n;
-    }, {}), t = w(r(e.modelValue)), v = (u, n = 1, o) => a("div", {
-      class: [`depth-${n}`, d.showBorder ? "" : "no-border", d.showPad ? "" : "no-pad"],
+    }), m = (l) => l.reduce((a, f) => {
+      const n = f.value;
+      return f.key.trim().length && (a[f.key] = Array.isArray(n) ? m(n) : le(f.value, f.isArray, f.isNumber, d.arraySplitSymbol)), a;
+    }, {}), u = R(c(e.modelValue)), v = (l, a = 1, f) => r("div", {
+      class: [`depth-${a}`, s.showBorder ? "" : "no-border", s.showPad ? "" : "no-pad"],
       style: {
-        "--depth": n,
-        ["--c" + [n]]: M(d.borderColors, n)
+        "--depth": a,
+        ["--c" + [a]]: te(s.borderColors, a)
       }
-    }, [u.map((l, p, F) => {
-      const C = Array.isArray(l.value), x = f(typeof l.value);
-      return a("div", {
+    }, [l.map((n, h, T) => {
+      const k = Array.isArray(n.value), x = y(typeof n.value);
+      return r("div", {
         class: "dItem",
-        key: l.rId,
+        key: n.rId,
         style: {
-          marginLeft: n > 1 ? `${n * d.retractLen}px` : "0"
+          marginLeft: a > 1 ? `${a * s.retractLen}px` : "0"
         }
-      }, [a("div", {
+      }, [r("div", {
         class: "input"
-      }, [!C && a(S, null, [a(h, {
-        value: l.key,
+      }, [!k && r(F, null, [r(N, {
+        value: n.key,
         class: "key",
-        onInput: (c) => l.key = c
-      }, null), m(":")]), a(h, {
-        class: `value ${C ? "isKey" : ""}`,
-        value: x ? l.value : l.key,
-        onInput: (c) => {
-          if (C) {
-            l.key = c;
+        onInput: (g) => n.key = g
+      }, null), C(":")]), r(N, {
+        class: `value ${k ? "isKey" : ""}`,
+        value: x ? n.value : n.key,
+        onInput: (g) => {
+          if (k) {
+            n.key = g;
             return;
           }
-          d.allowFilter && l.isNumber ? l.value = j(c, l.isArray, y.arraySplitSymbol) : l.value = c;
+          s.allowFilter && n.isNumber ? n.value = P(g, n.isArray, d.arraySplitSymbol) : n.value = g;
         }
       }, {
-        prefix: Array.isArray(l.value) ? void 0 : () => a(S, null, [a(s, {
-          type: l.isArray ? "success" : "default",
+        prefix: Array.isArray(n.value) ? void 0 : () => r(F, null, [r(b, {
+          type: n.isArray ? "success" : "default",
           size: "tiny",
           onClick: () => {
-            l.isArray = !l.isArray;
+            n.isArray = !n.isArray;
           }
         }, {
-          default: () => [m("Array")]
-        }), m(" "), a(s, {
-          type: l.isNumber ? "success" : "default",
+          default: () => [C("Array")]
+        }), C(" "), r(b, {
+          type: n.isNumber ? "success" : "default",
           size: "tiny",
           onClick: () => {
-            l.isNumber = !l.isNumber;
+            n.isNumber = !n.isNumber;
           }
         }, {
-          default: () => [m("Number")]
+          default: () => [C("Number")]
         })]),
         suffix: () => {
-          let c;
-          return n < e.depth ? !C && a(s, {
+          let g;
+          return a < e.depth ? !k && r(b, {
             type: "success",
             size: "tiny",
             onClick: () => {
-              x && (l.value = [], l.isArray = void 0), l.value.push({
+              x && (n.value = [], n.isArray = void 0), n.value.push({
                 rId: e.randomFun(),
                 key: "",
                 value: ""
               });
             }
-          }, $(c = e.newChildTxt(l)) ? c : {
-            default: () => [c]
+          }, ae(g = e.newChildTxt(n)) ? g : {
+            default: () => [g]
           }) : null;
         }
-      })]), a("div", {
+      })]), r("div", {
         class: "btn"
-      }, [a(s, {
+      }, [r(b, {
         type: "success",
-        disabled: p !== F.length - 1,
+        disabled: h !== T.length - 1,
         onClick: () => {
-          u.push({
+          l.push({
             rId: e.randomFun(),
             key: "",
             value: ""
           });
         }
       }, {
-        default: () => [m("+")]
-      }), a(s, {
+        default: () => [C("+")]
+      }), r(b, {
         type: "error",
         onClick: () => {
-          if (u.splice(p, 1), u.length < 1) {
-            if (o === void 0) return b([]);
-            const c = t.value.findIndex((z) => z.rId === o?.rId);
-            n < 1 ? t.value.splice(c, 1, {
-              ...o,
+          if (l.splice(h, 1), l.length < 1) {
+            if (f === void 0) return m([]);
+            const g = u.value.findIndex((D) => D.rId === f?.rId);
+            a < 1 ? u.value.splice(g, 1, {
+              ...f,
               value: ""
-            }) : o.value = "";
+            }) : f.value = "";
           }
         }
       }, {
-        default: () => [m("-")]
-      })]), Array.isArray(l.value) && v(l.value, n + 1, l)]);
+        default: () => [C("-")]
+      })]), Array.isArray(n.value) && v(n.value, a + 1, n)]);
     })]);
-    return V(t, (u) => {
+    return O(u, (l) => {
       if (!e.isController) return;
-      const n = b(u);
-      i("update:modelValue", n), i("onMerge", n, k(t.value));
+      const a = m(l);
+      o("update:modelValue", a), o("onMerge", a, S(u.value));
     }, {
       deep: !0
-    }), A({
-      onSet: (u) => {
-        t.value = r(u ?? e.modelValue);
+    }), i({
+      onSet: (l) => {
+        u.value = c(l ?? e.modelValue);
       },
-      getResult: (u = "res") => u === "ori" ? k(t.value) : b(t.value)
-    }), () => a("div", {
+      getResult: (l = "res") => l === "ori" ? S(u.value) : m(u.value)
+    }), () => r("div", {
       class: e.dyCls ?? "dynamicCascadeForm"
-    }, [a("div", {
+    }, [r("div", {
       class: "dyFormList",
       style: {
-        maxHeight: d.maxHeight
+        maxHeight: s.maxHeight
       }
-    }, [v(t.value)]), a("div", {
+    }, [v(u.value)]), r("div", {
       class: "control"
-    }, [!t.value.length && a(s, {
+    }, [!u.value.length && r(b, {
       type: "success",
       onClick: () => {
-        t.value.push({
+        u.value.push({
           rId: e.randomFun(),
           key: "",
           value: ""
         });
       }
     }, {
-      default: () => [g.newTxt]
-    }), !e.isController && a(S, null, [!d.hideReset && a(s, {
+      default: () => [t.newTxt]
+    }), !e.isController && r(F, null, [!s.hideReset && r(b, {
       type: "default",
       onClick: () => {
-        t.value = r(e.modelValue), i("onReset");
+        u.value = c(e.modelValue), o("onReset");
       }
     }, {
-      default: () => [g.resetTxt]
-    }), a(s, {
+      default: () => [t.resetTxt]
+    }), r(b, {
       type: "info",
       onClick: () => {
-        const u = b(t.value);
-        i("update:modelValue", u), i("onMerge", u, k(t.value)), t.value = r(u);
+        const l = m(u.value);
+        o("update:modelValue", l), o("onMerge", l, S(u.value)), u.value = c(l);
       }
     }, {
-      default: () => [g.mergeTxt]
+      default: () => [t.mergeTxt]
     })])])]);
   }
+}), ie = /* @__PURE__ */ V({
+  name: "NaiDynamicForm",
+  props: {
+    formConfig: {
+      type: Object,
+      default: () => ({
+        labelPlacement: "left",
+        size: "medium"
+      })
+    },
+    gridConfig: {
+      type: Object,
+      default: () => ({
+        responsive: "screen",
+        cols: "xs:1 s:2 m:3 l:3 xl:4 2xl:4",
+        xGap: 10
+      })
+    },
+    rules: {
+      type: Object
+    },
+    preset: {
+      type: String,
+      default: "fullRow",
+      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,
+      require: !0
+    }
+  },
+  setup(e, {
+    emit: o,
+    expose: i
+  }) {
+    const t = R(null), s = I(() => (e.items ?? []).filter((v) => !v.hidden)), d = I(() => s.value ? s.value.reduce((v, l) => (v[l.key] = l.value.value, v), {}) : {}), y = I(() => ({
+      ...s.value?.reduce((l, a) => {
+        let f = a.rule;
+        return a.required && !a.rule && (f = {
+          required: !0,
+          message: `${a.label}不能为空`,
+          trigger: ["blur"]
+        }), l[a.key] = f, l;
+      }, {}),
+      ...e.rules
+    })), c = I(() => [...s.value].sort((l, a) => {
+      const f = l.sort ?? 1 / 0, n = a.sort ?? 1 / 0;
+      return Number(f) - Number(n);
+    }));
+    function m(v = null) {
+      s.value && s.value.forEach((l) => {
+        l.reset ? l.reset(l) : l.value.value = v;
+      });
+    }
+    function u() {
+      return new Promise((v, l) => {
+        t.value?.validate((a) => {
+          a ? l(a) : v(d.value);
+        });
+      });
+    }
+    if (i({
+      reset: m,
+      validator: u,
+      getResult: (v = "res") => v === "ori" ? s.value : d.value
+    }), !e.items) throw new Error("prop items must be not null");
+    return () => r("div", {
+      class: "naiDynamicForm"
+    }, [r($, L({
+      ref: t
+    }, e.formConfig, {
+      model: d.value,
+      rules: y.value
+    }), {
+      default() {
+        const v = c.value;
+        return e.preset === "grid" ? p(G, {
+          ...e.gridConfig
+        }, {
+          default: () => v?.map((l) => p(B, {
+            label: l.label,
+            path: l.path || l.key
+          }, {
+            default: w(l)
+          }))
+        }) : v?.map((l) => p(H, {
+          label: l.label,
+          path: l.path || l.key
+        }, {
+          default: w(l)
+        }));
+      }
+    })]);
+  }
 });
+function w(e) {
+  return function() {
+    return e.render2 ? e.render2(e) : null;
+  };
+}
+function de(e, o = {}, i) {
+  return p(N, {
+    ...i,
+    value: e.value,
+    onUpdateValue: (t) => {
+      e.value = t, i?.onChange?.(t, i);
+    },
+    ...o
+  });
+}
+function ce(e, o, i = {}, t) {
+  return p(q, {
+    ...t,
+    value: e.value,
+    options: o,
+    onUpdateValue: (s) => {
+      e.value = s, t?.onChange?.(s, t, o);
+    },
+    ...i
+  });
+}
+function ye(e, o, i = {}, t, s) {
+  const { value: d, labelField: y, valueField: c, ...m } = t, u = y ?? "label", v = c ?? "value", l = m.options ?? o;
+  return r(
+    _,
+    {
+      ...m,
+      value: e.value,
+      onUpdateValue: (a) => {
+        e.value = a, t?.onChange?.(a, t, l);
+      },
+      options: l.map((a) => ({ ...a, label: a[u], value: a[v] })),
+      ...i
+    },
+    {
+      default: () => s ?? r(b, null, {
+        default: () => e.value || "请选择"
+      })
+    }
+  );
+}
+function ve(e, o, i = {}, t) {
+  const { valueField: s = "value", ...d } = t;
+  return p(E, {
+    ...d,
+    value: e.value,
+    options: o,
+    onUpdateValue: (y) => {
+      e.value = y, t?.onChange?.(y, t, o);
+    },
+    keyField: s,
+    ...i
+  });
+}
+function me(e, o, i = {}, t) {
+  return p(
+    z,
+    {
+      ...t,
+      value: e.value,
+      onUpdateValue: (s) => {
+        e.value = s, t?.onChange?.(s, t, o);
+      },
+      ...i
+    },
+    {
+      default: () => (t?.options ?? o).map((d) => {
+        const y = t, c = d[y?.labelField ?? "label"], m = d[y?.valueField ?? "value"];
+        return p(
+          K,
+          {
+            ...d,
+            label: c,
+            value: m
+          },
+          {
+            default: () => d.label
+          }
+        );
+      })
+    }
+  );
+}
+function fe(e, o, i = {}, t) {
+  return r(
+    z,
+    {
+      ...t,
+      value: e.value,
+      onUpdateValue: (s) => {
+        e.value = s, t?.onChange?.(s, t, o);
+      },
+      ...i
+    },
+    {
+      default: () => (t?.options ?? o).map((d) => {
+        const y = t, c = d[y?.labelField ?? "label"], m = d[y?.valueField ?? "value"];
+        return r(
+          J,
+          {
+            ...d,
+            label: c,
+            value: m
+          },
+          {
+            default: () => d.label
+          }
+        );
+      })
+    }
+  );
+}
+function be(e, o, i = {}, t) {
+  return p(
+    Q,
+    {
+      ...t,
+      value: e.value,
+      onUpdateValue: (s) => {
+        e.value = s, t?.onChange?.(s, t, o);
+      },
+      ...i
+    },
+    {
+      default: () => p(
+        W,
+        {
+          itemStyle: "display: flex"
+        },
+        {
+          default: () => (t?.options ?? o).map((d) => {
+            const y = t, c = d[y?.labelField ?? "label"], m = d[y?.valueField ?? "value"];
+            return p(X, {
+              value: m,
+              label: c
+            });
+          })
+        }
+      )
+    }
+  );
+}
+function pe(e, o = {}, i) {
+  return p(Y, {
+    ...i,
+    value: e.value,
+    onUpdateValue: (t) => {
+      e.value = t, i?.onChange?.(t, i);
+    },
+    ...o
+  });
+}
+function ge(e, o = {}, i) {
+  return p(Z, {
+    ...i,
+    value: e.value,
+    onUpdateValue: (t) => {
+      e.value = t, i?.onChange?.(t, i);
+    },
+    ...o
+  });
+}
+function Ce(e, o = {}, i) {
+  return p(ee, {
+    ...i,
+    value: e.value,
+    onUpdateValue: (t) => {
+      e.value = t, i?.onChange?.(t, i);
+    },
+    ...o
+  });
+}
 export {
-  q as NaiDynamicCascadeInput,
-  _ as NaiDynamicInput
+  se as NaiDynamicCascadeInput,
+  ie as NaiDynamicForm,
+  oe as NaiDynamicInput,
+  be as renderCheckboxGroup,
+  ge as renderDatePicker,
+  de as renderInput,
+  ye as renderPopSelect,
+  fe as renderRadioButtonGroup,
+  me as renderRadioGroup,
+  ce as renderSelect,
+  pe as renderSwitch,
+  Ce as renderTimePicker,
+  ve as renderTreeSelect
 };