dynamicformdjx 0.2.0 → 0.3.0

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