dynamicformdjx 0.2.0 → 0.3.1

package/dist/index.mjs

@@ -1,6 +1,6 @@
-import { defineComponent as V, ref as w, watch as N, toRaw as k, createVNode as a, createTextVNode as d, nextTick as j, Fragment as x } from "vue";
-import { t as p, r as F, f as T, p as R, s as O } from "./index-BqKRE4oH.js";
-const L = /* @__PURE__ */ V({
+import { defineComponent as N, ref as w, watch as R, toRaw as h, createVNode as n, createTextVNode as v, nextTick as j, Fragment as x, shallowReactive as O, unref as D, isRef as F } from "vue";
+import { t as p, r as V, f as T, p as L, s as M } from "./index-BqKRE4oH.js";
+const $ = /* @__PURE__ */ N({
   name: "DynamicInput",
   props: {
     size: {
@@ -14,7 +14,7 @@ const L = /* @__PURE__ */ V({
     },
     randomFun: {
       type: Function,
-      default: (e) => `${Date.now()}_${e ?? 0}`
+      default: (t) => `${Date.now()}_${t ?? 0}`
     },
     btnConfigs: {
       type: Object
@@ -31,131 +31,131 @@ const L = /* @__PURE__ */ V({
     }
   },
   emits: {
-    "update:modelValue": (e) => !0,
+    "update:modelValue": (t) => !0,
     onReset: () => !0,
-    onMerge: (e, o) => !0
+    onMerge: (t, r) => !0
   },
-  setup(e, {
-    emit: o,
-    expose: h
+  setup(t, {
+    emit: r,
+    expose: f
   }) {
-    const b = {
+    const m = {
       resetTxt: "重置",
       newTxt: "添加项",
       mergeTxt: "合并",
-      ...e.btnConfigs
-    }, i = {
+      ...t.btnConfigs
+    }, c = {
       hideReset: !1,
       maxHeight: "300px",
       autoScroll: !0,
       allowFilter: !0,
-      ...e.configs
-    }, c = {
+      ...t.configs
+    }, d = {
       arraySplitSymbol: ",",
-      ...e.dyListConfigs
-    }, y = e.size, u = w(p(e.modelValue, e.randomFun, c.arraySplitSymbol)), v = w(null);
-    return N(u, (t) => {
-      if (!e.isController) return;
-      const m = F(t, c.arraySplitSymbol);
-      o("update:modelValue", m), o("onMerge", m, k(u.value));
+      ...t.dyListConfigs
+    }, y = t.size, o = w(p(t.modelValue, t.randomFun, d.arraySplitSymbol)), b = w(null);
+    return R(o, (e) => {
+      if (!t.isController) return;
+      const u = V(e, d.arraySplitSymbol);
+      r("update:modelValue", u), r("onMerge", u, h(o.value));
     }, {
       deep: !0
-    }), h({
-      onSet: (t) => {
-        u.value = p(t ?? e.modelValue, e.randomFun, c.arraySplitSymbol);
+    }), f({
+      onSet: (e) => {
+        o.value = p(e ?? t.modelValue, t.randomFun, d.arraySplitSymbol);
       },
-      getResult: (t = "res") => t === "ori" ? k(u.value) : F(u.value, c.arraySplitSymbol)
-    }), () => a("div", {
-      class: e.dyCls ?? `dynamicForm ${y}`
-    }, [a("div", {
+      getResult: (e = "res") => e === "ori" ? h(o.value) : V(o.value, d.arraySplitSymbol)
+    }), () => n("div", {
+      class: t.dyCls ?? `dynamicForm ${y}`
+    }, [n("div", {
       class: "dyFormList",
-      ref: v,
+      ref: b,
       style: {
-        maxHeight: i.maxHeight
+        maxHeight: c.maxHeight
       }
-    }, [u.value.map((t, m, s) => a("div", {
+    }, [o.value.map((e, u, l) => n("div", {
       class: "dItem",
-      key: t.rId
-    }, [a("div", {
+      key: e.rId
+    }, [n("div", {
       class: "input"
-    }, [a("input", {
+    }, [n("input", {
       size: y,
-      value: t.key,
+      value: e.key,
       class: "key nativeInput",
-      onInput: (n) => {
-        t.key = n.target.value;
+      onInput: (s) => {
+        e.key = s.target.value;
       }
-    }, null), d(":"), a("div", {
+    }, null), v(":"), n("div", {
       class: "vInput"
-    }, [a("div", {
+    }, [n("div", {
       class: "slot"
-    }, [a("button", {
-      class: [t.isArray ? "success" : "default", "small", "bt"],
+    }, [n("button", {
+      class: [e.isArray ? "success" : "default", "small", "bt"],
       onClick: () => {
-        t.isArray = !t.isArray;
+        e.isArray = !e.isArray;
       }
-    }, [d("Array")]), d(" "), a("button", {
-      class: [t.isNumber ? "success" : "default", "small", "bt"],
+    }, [v("Array")]), v(" "), n("button", {
+      class: [e.isNumber ? "success" : "default", "small", "bt"],
       onClick: () => {
-        t.isNumber = !t.isNumber;
+        e.isNumber = !e.isNumber;
       }
-    }, [d("Number")])]), a("input", {
+    }, [v("Number")])]), n("input", {
       size: y,
-      value: t.value,
+      value: e.value,
       class: "value nativeV",
-      onInput: (n) => {
-        const r = n.target.value;
-        i.allowFilter && t.isNumber ? t.value = T(r, t.isArray, c.arraySplitSymbol) : t.value = r;
+      onInput: (s) => {
+        const i = s.target.value;
+        c.allowFilter && e.isNumber ? e.value = T(i, e.isArray, d.arraySplitSymbol) : e.value = i;
       }
-    }, null)])]), a("div", {
+    }, null)])]), n("div", {
       class: "btn"
-    }, [a("button", {
+    }, [n("button", {
       class: [y, "success", "bt"],
-      disabled: m !== s.length - 1,
+      disabled: u !== l.length - 1,
       onClick: () => {
-        u.value.push({
-          rId: e.randomFun(),
+        o.value.push({
+          rId: t.randomFun(),
           key: "",
           value: ""
-        }), i.autoScroll && j(() => {
-          const n = v.value;
-          n?.scrollTo({
-            top: n.scrollHeight,
+        }), c.autoScroll && j(() => {
+          const s = b.value;
+          s?.scrollTo({
+            top: s.scrollHeight,
             behavior: "smooth"
           });
         });
       }
-    }, [d("+")]), a("button", {
+    }, [v("+")]), n("button", {
       class: ["danger", y, "bt"],
       onClick: () => {
-        u.value = u.value.filter((n) => n.rId !== t.rId);
+        o.value = o.value.filter((s) => s.rId !== e.rId);
       }
-    }, [d("-")])])]))]), a("div", {
+    }, [v("-")])])]))]), n("div", {
       class: "control"
-    }, [!u.value.length && a("button", {
+    }, [!o.value.length && n("button", {
       class: ["success", y, "bt"],
       onClick: () => {
-        u.value.push({
-          rId: e.randomFun(),
+        o.value.push({
+          rId: t.randomFun(),
           key: "",
           value: ""
         });
       }
-    }, [b.newTxt]), !e.isController && a(x, null, [!i.hideReset && a("button", {
+    }, [m.newTxt]), !t.isController && n(x, null, [!c.hideReset && n("button", {
       class: ["default", y, "bt"],
       onClick: () => {
-        u.value = p(e.modelValue, e.randomFun, c.arraySplitSymbol), o("onReset");
+        o.value = p(t.modelValue, t.randomFun, d.arraySplitSymbol), r("onReset");
       }
-    }, [b.resetTxt]), a("button", {
+    }, [m.resetTxt]), n("button", {
       class: ["info", y, "bt"],
       onClick: () => {
-        u.value.sort((m, s) => +m.rId - +s.rId);
-        const t = F(u.value, c.arraySplitSymbol);
-        o("update:modelValue", t), o("onMerge", t, k(u.value)), u.value = p(t, e.randomFun, c.arraySplitSymbol);
+        o.value.sort((u, l) => +u.rId - +l.rId);
+        const e = V(o.value, d.arraySplitSymbol);
+        r("update:modelValue", e), r("onMerge", e, h(o.value)), o.value = p(e, t.randomFun, d.arraySplitSymbol);
       }
-    }, [b.mergeTxt])])])]);
+    }, [m.mergeTxt])])])]);
   }
-}), M = /* @__PURE__ */ V({
+}), H = /* @__PURE__ */ N({
   name: "DynamicCascadeInput",
   props: {
     modelValue: {
@@ -170,7 +170,7 @@ const L = /* @__PURE__ */ V({
     },
     randomFun: {
       type: Function,
-      default: (e) => `${Date.now()}_${e ?? 0}`
+      default: (t) => `${Date.now()}_${t ?? 0}`
     },
     // 子层深度 (超过则不再出现添加选项)
     depth: {
@@ -188,24 +188,24 @@ const L = /* @__PURE__ */ V({
     },
     newChildTxt: {
       type: Function,
-      default: (e) => `添加 '${e.key}' 子项`
+      default: (t) => `添加 '${t.key}' 子项`
     }
   },
   emits: {
-    "update:modelValue": (e) => !0,
+    "update:modelValue": (t) => !0,
     onReset: () => !0,
-    onMerge: (e, o) => !0
+    onMerge: (t, r) => !0
   },
-  setup(e, {
-    emit: o,
-    expose: h
+  setup(t, {
+    emit: r,
+    expose: f
   }) {
-    const b = {
+    const m = {
       resetTxt: "重置",
       newTxt: "添加项",
       mergeTxt: "合并",
-      ...e.btnConfigs
-    }, i = {
+      ...t.btnConfigs
+    }, c = {
       hideReset: !1,
       maxHeight: "600px",
       allowFilter: !0,
@@ -213,154 +213,195 @@ const L = /* @__PURE__ */ V({
       showPad: !0,
       retractLen: 0,
       borderColors: [],
-      ...e.configs
-    }, c = {
+      ...t.configs
+    }, d = {
       arraySplitSymbol: ",",
-      ...e.dyListConfigs
-    }, y = (s) => ["string", "number"].includes(s), u = (s) => Object.keys(s).map((n, r) => {
-      let l = s[n];
-      const f = Array.isArray(l), A = f ? l.every((S) => typeof S == "number") : typeof l == "number", g = l === null;
-      return y(typeof l) && (l = s[n]), g && (l = ""), {
-        rId: e.randomFun(r),
-        key: n,
-        value: Object.prototype.toString.call(l) === "[object Object]" ? u(s[n]) : f ? l.join(c.arraySplitSymbol) : l,
-        isArray: f || void 0,
+      ...t.dyListConfigs
+    }, y = (l) => ["string", "number"].includes(l), o = (l) => Object.keys(l).map((s, i) => {
+      let a = l[s];
+      const g = Array.isArray(a), A = g ? a.every((S) => typeof S == "number") : typeof a == "number", C = a === null;
+      return y(typeof a) && (a = l[s]), C && (a = ""), {
+        rId: t.randomFun(i),
+        key: s,
+        value: Object.prototype.toString.call(a) === "[object Object]" ? o(l[s]) : g ? a.join(d.arraySplitSymbol) : a,
+        isArray: g || void 0,
         isNumber: A || void 0
       };
-    }), v = (s) => s.reduce((n, r) => {
-      const l = r.value;
-      return r.key.trim().length && (n[r.key] = Array.isArray(l) ? v(l) : R(r.value, r.isArray, r.isNumber, c.arraySplitSymbol)), n;
-    }, {}), t = w(u(e.modelValue)), m = (s, n = 1, r) => a("div", {
-      class: [`depth-${n}`, i.showBorder ? "" : "no-border", i.showPad ? "" : "no-pad"],
+    }), b = (l) => l.reduce((s, i) => {
+      const a = i.value;
+      return i.key.trim().length && (s[i.key] = Array.isArray(a) ? b(a) : L(i.value, i.isArray, i.isNumber, d.arraySplitSymbol)), s;
+    }, {}), e = w(o(t.modelValue)), u = (l, s = 1, i) => n("div", {
+      class: [`depth-${s}`, c.showBorder ? "" : "no-border", c.showPad ? "" : "no-pad"],
       style: {
-        "--depth": n,
-        ["--c" + [n]]: O(i.borderColors, n)
+        "--depth": s,
+        ["--c" + [s]]: M(c.borderColors, s)
       }
-    }, [s.map((l, f, A) => {
-      const g = Array.isArray(l.value), S = y(typeof l.value);
-      return a("div", {
+    }, [l.map((a, g, A) => {
+      const C = Array.isArray(a.value), S = y(typeof a.value);
+      return n("div", {
         class: "dItem",
-        key: l.rId,
+        key: a.rId,
         style: {
-          marginLeft: n > 1 ? `${n * i.retractLen}px` : "0"
+          marginLeft: s > 1 ? `${s * c.retractLen}px` : "0"
         }
-      }, [a("div", {
+      }, [n("div", {
         class: "input"
-      }, [!g && a(x, null, [a("input", {
-        value: l.key,
+      }, [!C && n(x, null, [n("input", {
+        value: a.key,
         class: "key nativeInput",
-        onInput: (I) => l.key = I.target.value
-      }, null), d(":")]), a("div", {
+        onInput: (I) => a.key = I.target.value
+      }, null), v(":")]), n("div", {
         class: "vInput"
-      }, [a("div", {
+      }, [n("div", {
         class: "slot"
-      }, [Array.isArray(l.value) ? void 0 : a(x, null, [a("button", {
-        class: [l.isArray ? "success" : "default", "small", "bt"],
+      }, [Array.isArray(a.value) ? void 0 : n(x, null, [n("button", {
+        class: [a.isArray ? "success" : "default", "small", "bt"],
         onClick: () => {
-          l.isArray = !l.isArray;
+          a.isArray = !a.isArray;
         }
-      }, [d("Array")]), d(" "), a("button", {
-        class: [l.isNumber ? "success" : "default", "small", "bt"],
+      }, [v("Array")]), v(" "), n("button", {
+        class: [a.isNumber ? "success" : "default", "small", "bt"],
         onClick: () => {
-          l.isNumber = !l.isNumber;
+          a.isNumber = !a.isNumber;
         }
-      }, [d("Number")])])]), a("input", {
-        class: `value nativeV ${g ? "isKey" : ""}`,
-        value: S ? l.value : l.key,
+      }, [v("Number")])])]), n("input", {
+        class: `value nativeV ${C ? "isKey" : ""}`,
+        value: S ? a.value : a.key,
         onInput: (I) => {
-          const C = I.target.value;
-          if (g) {
-            l.key = C;
+          const k = I.target.value;
+          if (C) {
+            a.key = k;
             return;
           }
-          i.allowFilter && l.isNumber ? l.value = T(C, l.isArray, c.arraySplitSymbol) : l.value = C;
+          c.allowFilter && a.isNumber ? a.value = T(k, a.isArray, d.arraySplitSymbol) : a.value = k;
         }
-      }, null), a("div", {
+      }, null), n("div", {
         class: "surSlot"
-      }, [n < e.depth ? !g && a("button", {
+      }, [s < t.depth ? !C && n("button", {
         class: ["success", "bt"],
         onClick: () => {
-          S && (l.value = [], l.isArray = void 0), l.value.push({
-            rId: e.randomFun(),
+          S && (a.value = [], a.isArray = void 0), a.value.push({
+            rId: t.randomFun(),
             key: "",
             value: ""
           });
         }
-      }, [e.newChildTxt(l)]) : null])])]), a("div", {
+      }, [t.newChildTxt(a)]) : null])])]), n("div", {
         class: "btn"
-      }, [a("button", {
+      }, [n("button", {
         class: ["success", "bt"],
-        disabled: f !== A.length - 1,
+        disabled: g !== A.length - 1,
         onClick: () => {
-          s.push({
-            rId: e.randomFun(),
+          l.push({
+            rId: t.randomFun(),
             key: "",
             value: ""
           });
         }
-      }, [d("+")]), a("button", {
+      }, [v("+")]), n("button", {
         class: ["danger", "bt"],
         onClick: () => {
-          if (s.splice(f, 1), s.length < 1) {
-            if (r === void 0) return v([]);
-            const I = t.value.findIndex((C) => C.rId === r?.rId);
-            n < 1 ? t.value.splice(I, 1, {
-              ...r,
+          if (l.splice(g, 1), l.length < 1) {
+            if (i === void 0) return b([]);
+            const I = e.value.findIndex((k) => k.rId === i?.rId);
+            s < 1 ? e.value.splice(I, 1, {
+              ...i,
               value: ""
-            }) : r.value = "";
+            }) : i.value = "";
           }
         }
-      }, [d("-")])]), Array.isArray(l.value) && m(l.value, n + 1, l)]);
+      }, [v("-")])]), Array.isArray(a.value) && u(a.value, s + 1, a)]);
     })]);
-    return N(t, (s) => {
-      if (!e.isController) return;
-      const n = v(s);
-      o("update:modelValue", n), o("onMerge", n, k(t.value));
+    return R(e, (l) => {
+      if (!t.isController) return;
+      const s = b(l);
+      r("update:modelValue", s), r("onMerge", s, h(e.value));
     }, {
       deep: !0
-    }), h({
-      onSet: (s) => {
-        t.value = u(s ?? e.modelValue);
+    }), f({
+      onSet: (l) => {
+        e.value = o(l ?? t.modelValue);
       },
-      getResult: (s = "res") => s === "ori" ? k(t.value) : v(t.value)
-    }), () => a("div", {
-      class: e.dyCls ?? "dynamicCascadeForm"
-    }, [a("div", {
+      getResult: (l = "res") => l === "ori" ? h(e.value) : b(e.value)
+    }), () => n("div", {
+      class: t.dyCls ?? "dynamicCascadeForm"
+    }, [n("div", {
       class: "dyFormList",
       style: {
-        maxHeight: i.maxHeight
+        maxHeight: c.maxHeight
       }
-    }, [m(t.value)]), a("div", {
+    }, [u(e.value)]), n("div", {
       class: "control"
-    }, [!t.value.length && a("button", {
+    }, [!e.value.length && n("button", {
       class: ["success", "bt"],
       onClick: () => {
-        t.value.push({
-          rId: e.randomFun(),
+        e.value.push({
+          rId: t.randomFun(),
           key: "",
           value: ""
         });
       }
-    }, [b.newTxt]), !e.isController && a(x, null, [!i.hideReset && a("button", {
+    }, [m.newTxt]), !t.isController && n(x, null, [!c.hideReset && n("button", {
       class: ["default", "bt"],
       onClick: () => {
-        t.value = u(e.modelValue), o("onReset");
+        e.value = o(t.modelValue), r("onReset");
       }
-    }, [b.resetTxt]), a("button", {
+    }, [m.resetTxt]), n("button", {
       class: ["info", "bt"],
       onClick: () => {
-        const s = v(t.value);
-        o("update:modelValue", s), o("onMerge", s, k(t.value)), t.value = u(s);
+        const l = b(e.value);
+        r("update:modelValue", l), r("onMerge", l, h(e.value)), e.value = o(l);
       }
-    }, [b.mergeTxt])])])]);
+    }, [m.mergeTxt])])])]);
   }
-}), H = {
-  install(e) {
-    e.component("DynamicInput", L), e.component("DynamicCascadeInput", M);
+});
+function E(t, r = !0) {
+  return r ? t.map((f) => O(f)) : t;
+}
+function P(t) {
+  const r = () => D(t), f = (e, u) => {
+    r().forEach((l) => {
+      const s = l.key;
+      (!u || u.includes(s)) && (l.disabled = e);
+    });
+  }, m = (e, u) => {
+    r().forEach((l) => {
+      const s = l.key;
+      (!u || u.includes(s)) && (l.hidden = e);
+    });
+  }, c = (e, u) => {
+    const l = r().find((s) => s.key === e);
+    l && (F(l.value) ? l.value.value = u : l.value = u);
+  };
+  return { setDisabled: f, setHidden: m, setValue: c, setValues: (e) => {
+    Object.entries(e).forEach(([u, l]) => {
+      c(u, l);
+    });
+  }, getValue: (e) => r().find((u) => u.key === e), getValues: (e) => {
+    const u = e && e.length ? new Set(e) : null;
+    return r().reduce((l, s) => {
+      const i = s.key;
+      if (!u || u.has(i)) {
+        const a = F(s.value) ? s.value.value : s.value;
+        l[i] = a;
+      }
+      return l;
+    }, {});
+  }, onReset: (e = null) => {
+    r().forEach((u) => {
+      F(u.value) ? u.value.value = e : u.value = e;
+    });
+  } };
+}
+const q = {
+  install(t) {
+    t.component("DynamicInput", $), t.component("DynamicCascadeInput", H);
   }
 };
 export {
-  M as DynamicCascadeInput,
-  L as DynamicInput,
-  H as DynamicInputPlugin
+  H as DynamicCascadeInput,
+  $ as DynamicInput,
+  q as DynamicInputPlugin,
+  P as useDyForm,
+  E as useReactiveForm
 };

package/dist/naiveUi/NaiDynamicForm.d.ts

@@ -0,0 +1,66 @@
+import { PropType } from 'vue';
+import { FormProps, GridProps } from 'naive-ui';
+import { DyFormItem } from '../types/form';
+import { FormRules } from 'naive-ui/es/form/src/interface';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    formConfig: {
+        type: PropType<FormProps>;
+        default: () => {
+            labelPlacement: string;
+            size: string;
+        };
+    };
+    gridConfig: {
+        type: PropType<GridProps>;
+        default: () => {
+            responsive: string;
+            cols: string;
+            xGap: number;
+        };
+    };
+    rules: {
+        type: PropType<FormRules>;
+    };
+    preset: {
+        type: PropType<"fullRow" | "grid">;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    items: {
+        type: PropType<Array<DyFormItem>>;
+        require: boolean;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    formConfig: {
+        type: PropType<FormProps>;
+        default: () => {
+            labelPlacement: string;
+            size: string;
+        };
+    };
+    gridConfig: {
+        type: PropType<GridProps>;
+        default: () => {
+            responsive: string;
+            cols: string;
+            xGap: number;
+        };
+    };
+    rules: {
+        type: PropType<FormRules>;
+    };
+    preset: {
+        type: PropType<"fullRow" | "grid">;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    items: {
+        type: PropType<Array<DyFormItem>>;
+        require: boolean;
+    };
+}>> & Readonly<{}>, {
+    formConfig: FormProps;
+    gridConfig: GridProps;
+    preset: "fullRow" | "grid";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/naiveUi/hooks/rOld.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/naiveUi/hooks/renderForm.d.ts

@@ -0,0 +1,36 @@
+import { RadioProps, CheckboxGroupProps, CheckboxProps, DatePickerProps, InputProps, PopselectProps, RadioButtonProps, RadioGroupProps, SelectOption, SelectProps, SwitchProps, TimePickerProps, TreeSelectProps } from 'naive-ui';
+import { Value as DatePickerValue } from 'naive-ui/lib/date-picker/src/interface';
+import { SelectGroupOption, Value as SelectValue } from 'naive-ui/lib/select/src/interface';
+import { TreeSelectOption, Value } from 'naive-ui/lib/tree-select/src/interface';
+import { AllowedComponentProps, Ref, VNode } from 'vue';
+import { DyFormItem } from '../../types/form.ts';
+export declare function renderInput(model: Ref<string>, optionProps?: InputProps | AllowedComponentProps, rf?: DyFormItem): VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>;
+export declare function renderSelect(model: Ref<SelectValue>, options: SelectOption[], optionProps?: SelectProps | AllowedComponentProps, rf?: DyFormItem): VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>;
+export declare function renderPopSelect(model: Ref<string | number | Array<string | number> | null>, options: Array<SelectOption | SelectGroupOption>, optionProps?: PopselectProps | AllowedComponentProps, rf?: DyFormItem, defaultRender?: VNode): VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>;
+export declare function renderTreeSelect(model: Ref<Value>, options: TreeSelectOption[], optionProps?: TreeSelectProps | AllowedComponentProps, rf?: DyFormItem): VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>;
+export declare function renderRadioGroup(value: Ref<string | number | null | undefined>, options: RadioProps[], optionProps?: RadioGroupProps | AllowedComponentProps, rf?: DyFormItem): VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>;
+export declare function renderRadioButtonGroup(value: Ref<string | number | null | undefined>, options: RadioButtonProps[], optionProps?: RadioGroupProps | AllowedComponentProps, rf?: DyFormItem): VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>;
+export declare function renderCheckboxGroup(model: Ref<(string | number)[]>, options: CheckboxProps[], optionProps?: CheckboxGroupProps | AllowedComponentProps, rf?: DyFormItem): VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>;
+export declare function renderSwitch(value: Ref<boolean>, optionProps?: SwitchProps | AllowedComponentProps, rf?: DyFormItem): VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>;
+export declare function renderDatePicker(value: Ref<DatePickerValue>, optionProps?: DatePickerProps | AllowedComponentProps, rf?: DyFormItem): VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>;
+export declare function renderTimePicker(value: Ref<number | null>, optionProps?: TimePickerProps, rf?: DyFormItem): VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>;