dynamicformdjx 0.4.1 → 0.4.3

package/dist/elementPlus/index.mjs

@@ -1,7 +1,7 @@
-import { defineComponent as x, ref as _, watch as D, toRaw as I, createVNode as y, createTextVNode as S, Fragment as V, nextTick as H, isVNode as q, computed as T, h as b, mergeProps as K, shallowReactive as J } from "vue";
-import { t as O, r as w, f as G, p as Q, s as W, e as X } from "../index-MF72-iEr.js";
-import { ElInput as E, ElButton as k, ElForm as Y, ElRow as Z, ElCol as ee, ElFormItem as $, ElSelect as le, ElOptionGroup as re, ElOption as N, ElPopover as ne, ElCheckboxGroup as M, ElSpace as L, ElCheckbox as B, ElDropdown as te, ElDropdownMenu as ae, ElDropdownItem as ue, ElTreeSelect as oe, ElRadioGroup as U, ElRadio as se, ElRadioButton as de, ElSwitch as ie, ElDatePicker as ce, ElTimePicker as ye } from "element-plus";
-const _e = /* @__PURE__ */ x({
+import { defineComponent as P, ref as x, watch as M, toRaw as E, createVNode as v, createTextVNode as A, Fragment as T, nextTick as Q, isVNode as W, computed as N, h as b, mergeProps as X, shallowReactive as Y } from "vue";
+import { t as _, r as j, f as U, p as Z, s as ee, e as le } from "../index-MF72-iEr.js";
+import { ElInput as B, ElButton as F, ElForm as ne, ElRow as re, ElCol as te, ElFormItem as z, ElSelect as ae, ElOptionGroup as ue, ElOption as G, ElPopover as oe, ElCheckboxGroup as H, ElSpace as q, ElCheckbox as $, ElDropdown as se, ElDropdownMenu as de, ElDropdownItem as ie, ElTreeSelect as ce, ElRadioGroup as K, ElRadio as me, ElRadioButton as ye, ElSwitch as ve, ElDatePicker as fe, ElTimePicker as pe, ElInputTag as be, ElSlider as ge, ElInputNumber as he } from "element-plus";
+const Le = /* @__PURE__ */ P({
   name: "EleDynamicInput",
   props: {
     size: {
@@ -34,153 +34,170 @@ const _e = /* @__PURE__ */ x({
   emits: {
     "update:modelValue": (e) => !0,
     onReset: () => !0,
-    onMerge: (e, s) => !0
+    onMerge: (e, o) => !0
   },
+  slots: Object,
   setup(e, {
-    emit: s,
-    expose: d
+    emit: o,
+    expose: a,
+    slots: n
   }) {
-    const i = {
+    const d = {
       resetTxt: "重置",
       newTxt: "添加项",
       mergeTxt: "合并",
       ...e.btnConfigs
-    }, u = {
+    }, r = {
       hideReset: !1,
       maxHeight: "300px",
       autoScroll: !0,
       allowFilter: !0,
+      hideArrayBtn: !1,
+      hideNumberBtn: !1,
       ...e.configs
-    }, o = {
+    }, p = {
       arraySplitSymbol: ",",
       ...e.dyListConfigs
-    }, v = e.size, r = _(O(e.modelValue, e.randomFun, o.arraySplitSymbol)), m = _(null);
-    return D(r, (t) => {
+    }, l = e.size, m = x(_(e.modelValue, e.randomFun, p.arraySplitSymbol)), h = x(null);
+    M(m, (i) => {
       if (!e.isController) return;
-      const c = w(t, o.arraySplitSymbol);
-      s("update:modelValue", c), s("onMerge", c, I(r.value));
+      const C = j(i, p.arraySplitSymbol);
+      o("update:modelValue", C), o("onMerge", C, E(m.value));
     }, {
       deep: !0
-    }), d({
-      onSet: (t) => {
-        r.value = O(t ?? e.modelValue, e.randomFun, o.arraySplitSymbol);
+    }), a({
+      onSet: (i) => {
+        m.value = _(i ?? e.modelValue, e.randomFun, p.arraySplitSymbol);
       },
-      getResult: (t = "res") => t === "ori" ? I(r.value) : w(r.value, o.arraySplitSymbol)
-    }), () => y("div", {
-      class: e.dyCls ?? `dynamicForm ${v}`,
+      getResult: (i = "res") => i === "ori" ? E(m.value) : j(m.value, p.arraySplitSymbol)
+    });
+    const s = () => m.value.push({
+      rId: e.randomFun(),
+      key: "",
+      value: ""
+    }), y = () => {
+      m.value = _(e.modelValue, e.randomFun, p.arraySplitSymbol), o("onReset");
+    }, t = () => {
+      m.value.sort((C, c) => +C.rId - +c.rId);
+      const i = j(m.value, p.arraySplitSymbol);
+      o("update:modelValue", i), o("onMerge", i, E(m.value)), m.value = _(i, e.randomFun, p.arraySplitSymbol);
+    };
+    return () => v("div", {
+      class: e.dyCls ?? `dynamicForm ${l}`,
       style: {
-        maxHeight: u.maxHeight
+        maxHeight: r.maxHeight
       }
-    }, [y("div", {
-      class: `dyFormList ${r.value.length ? "" : "noList"}`,
-      ref: m
-    }, [r.value.map((t, c, n) => y("div", {
-      class: "dItem",
-      key: t.rId
-    }, [y("div", {
-      class: "input"
-    }, [y(E, {
-      size: v,
-      modelValue: t.key,
-      class: "key",
-      onInput: (l) => {
-        t.key = l;
-      }
-    }, null), S(":"), y(E, {
-      size: v,
-      modelValue: t.value,
-      class: "value",
-      onInput: (l) => {
-        u.allowFilter && t.isNumber ? t.value = G(l, t.isArray, o.arraySplitSymbol) : t.value = l;
-      }
-    }, {
-      prefix: () => y(V, null, [y(k, {
-        class: "typeBtn",
-        type: t.isArray ? "success" : "default",
-        size: "small",
-        onClick: () => {
-          t.isArray = !t.isArray;
+    }, [v("div", {
+      class: `dyFormList ${m.value.length ? "" : "noList"}`,
+      ref: h
+    }, [m.value.map((i, C, c) => {
+      const f = {
+        row: i,
+        index: C,
+        isLast: C === c.length - 1,
+        addItem: () => {
+          m.value.push({
+            rId: e.randomFun(),
+            key: "",
+            value: ""
+          }), r.autoScroll && Q(() => {
+            const g = h.value;
+            g?.scrollTo({
+              top: g.scrollHeight,
+              behavior: "smooth"
+            });
+          });
+        },
+        removeItem: () => {
+          m.value = m.value.filter((g) => g.rId !== i.rId);
+        },
+        toggleArray: () => i.isArray = !i.isArray,
+        toggleNumber: () => i.isNumber = !i.isNumber
+      };
+      return v("div", {
+        class: "dItem",
+        key: i.rId
+      }, [v("div", {
+        class: "input"
+      }, [v(B, {
+        size: l,
+        modelValue: i.key,
+        class: "key",
+        onInput: (g) => {
+          i.key = g;
         }
-      }, {
-        default: () => [S("Array")]
-      }), S(" "), y(k, {
-        class: "typeBtn",
-        type: t.isNumber ? "success" : "default",
-        size: "small",
-        onClick: () => {
-          t.isNumber = !t.isNumber;
+      }, null), A(":"), v(B, {
+        size: l,
+        modelValue: i.value,
+        class: "value",
+        onInput: (g) => {
+          r.allowFilter && i.isNumber ? i.value = U(g, i.isArray, p.arraySplitSymbol) : i.value = g;
         }
       }, {
-        default: () => [S("Number")]
-      })])
-    })]), y("div", {
-      class: "btn"
-    }, [y(k, {
-      type: "success",
-      size: v,
-      disabled: c !== n.length - 1,
-      onClick: () => {
-        r.value.push({
-          rId: e.randomFun(),
-          key: "",
-          value: ""
-        }), u.autoScroll && H(() => {
-          const l = m.value;
-          l?.scrollTo({
-            top: l.scrollHeight,
-            behavior: "smooth"
-          });
-        });
-      }
-    }, {
-      default: () => [S("+")]
-    }), y(k, {
-      size: v,
-      type: "danger",
-      onClick: () => {
-        r.value = r.value.filter((l) => l.rId !== t.rId);
-      }
-    }, {
-      default: () => [S("-")]
-    })])]))]), y("div", {
-      class: `control ${r.value.length ? "" : "noList"}`
-    }, [!r.value.length && y(k, {
-      size: v,
+        prefix: () => n.typeTools ? n.typeTools(f) : v(T, null, [!r.hideArrayBtn && v(F, {
+          class: "typeBtn",
+          type: i.isArray ? "success" : "default",
+          size: "small",
+          onClick: f.toggleArray
+        }, {
+          default: () => [A("Array")]
+        }), !r.hideNumberBtn && v(F, {
+          class: "typeBtn",
+          type: i.isNumber ? "success" : "default",
+          size: "small",
+          onClick: f.toggleNumber
+        }, {
+          default: () => [A("Number")]
+        })])
+      })]), v("div", {
+        class: "btn"
+      }, [n.rowActions ? n.rowActions(f) : v(T, null, [v(F, {
+        type: "success",
+        size: l,
+        disabled: !f.isLast,
+        onClick: f.addItem
+      }, {
+        default: () => [A("+")]
+      }), v(F, {
+        size: l,
+        type: "danger",
+        onClick: f.removeItem
+      }, {
+        default: () => [A("-")]
+      })])])]);
+    })]), v("div", {
+      class: `control ${m.value.length ? "" : "noList"}`
+    }, [!m.value.length && (n.newBtn ? n.newBtn({
+      newItem: s
+    }) : v(F, {
+      size: l,
       type: "success",
-      onClick: () => {
-        r.value.push({
-          rId: e.randomFun(),
-          key: "",
-          value: ""
-        });
-      }
+      onClick: s
     }, {
-      default: () => [i.newTxt]
-    }), !e.isController && y(V, null, [!u.hideReset && y(k, {
-      size: v,
+      default: () => [d.newTxt]
+    })), !e.isController && v(T, null, [!r.hideReset && (n.resetBtn ? n.resetBtn({
+      reset: y
+    }) : v(F, {
+      size: l,
       type: "default",
-      onClick: () => {
-        r.value = O(e.modelValue, e.randomFun, o.arraySplitSymbol), s("onReset");
-      }
+      onClick: y
     }, {
-      default: () => [i.resetTxt]
-    }), y(k, {
-      size: v,
+      default: () => [d.resetTxt]
+    })), n.mergeBtn ? n.mergeBtn({
+      merge: t
+    }) : v(F, {
+      size: l,
       type: "info",
-      onClick: () => {
-        r.value.sort((c, n) => +c.rId - +n.rId);
-        const t = w(r.value, o.arraySplitSymbol);
-        s("update:modelValue", t), s("onMerge", t, I(r.value)), r.value = O(t, e.randomFun, o.arraySplitSymbol);
-      }
+      onClick: t
     }, {
-      default: () => [i.mergeTxt]
+      default: () => [d.mergeTxt]
     })])])]);
   }
 });
-function fe(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !q(e);
+function Ce(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !W(e);
 }
-const Pe = /* @__PURE__ */ x({
+const Me = /* @__PURE__ */ P({
   name: "EleDynamicCascadeInput",
   props: {
     modelValue: {
@@ -219,185 +236,206 @@ const Pe = /* @__PURE__ */ x({
   emits: {
     "update:modelValue": (e) => !0,
     onReset: () => !0,
-    onMerge: (e, s) => !0
+    onMerge: (e, o) => !0
   },
+  slots: Object,
   setup(e, {
-    emit: s,
-    expose: d
+    emit: o,
+    expose: a,
+    slots: n
   }) {
-    const i = {
+    const d = {
       resetTxt: "重置",
       newTxt: "添加项",
       mergeTxt: "合并",
       ...e.btnConfigs
-    }, u = {
+    }, r = {
       hideReset: !1,
       maxHeight: "600px",
       allowFilter: !0,
       showBorder: !0,
+      hideArrayBtn: !1,
+      hideNumberBtn: !1,
       showPad: !0,
       retractLen: 0,
       borderColors: [],
       ...e.configs
-    }, o = {
+    }, p = {
       arraySplitSymbol: ",",
       ...e.dyListConfigs
-    }, v = (n) => ["string", "number"].includes(n), r = (n) => Object.keys(n).map((l, f) => {
-      let a = n[l];
-      const p = Array.isArray(a), F = p ? a.every((g) => typeof g == "number") : typeof a == "number", R = a === null;
-      return v(typeof a) && (a = n[l]), R && (a = ""), {
-        rId: e.randomFun(f),
-        key: l,
-        value: Object.prototype.toString.call(a) === "[object Object]" ? r(n[l]) : p ? a.join(o.arraySplitSymbol) : a,
-        isArray: p || void 0,
-        isNumber: F || void 0
+    }, l = (c) => ["string", "number"].includes(c), m = (c) => Object.keys(c).map((f, g) => {
+      let u = c[f];
+      const S = Array.isArray(u), w = S ? u.every((O) => typeof O == "number") : typeof u == "number", R = u === null;
+      return l(typeof u) && (u = c[f]), R && (u = ""), {
+        rId: e.randomFun(g),
+        key: f,
+        value: Object.prototype.toString.call(u) === "[object Object]" ? m(c[f]) : S ? u.join(p.arraySplitSymbol) : u,
+        isArray: S || void 0,
+        isNumber: w || void 0
       };
-    }), m = (n) => n.reduce((l, f) => {
-      const a = f.value;
-      return f.key.trim().length && (l[f.key] = Array.isArray(a) ? m(a) : Q(f.value, f.isArray, f.isNumber, o.arraySplitSymbol)), l;
-    }, {}), t = _(r(e.modelValue)), c = (n, l = 1, f) => y("div", {
-      class: [`depth-${l}`, u.showBorder ? "" : "no-border", u.showPad ? "" : "no-pad"],
+    }), h = (c) => c.reduce((f, g) => {
+      const u = g.value;
+      return g.key.trim().length && (f[g.key] = Array.isArray(u) ? h(u) : Z(g.value, g.isArray, g.isNumber, p.arraySplitSymbol)), f;
+    }, {}), s = x(m(e.modelValue)), y = (c, f = 1, g) => v("div", {
+      class: [`depth-${f}`, r.showBorder ? "" : "no-border", r.showPad ? "" : "no-pad"],
       style: {
-        "--depth": l,
-        ["--c" + [l]]: W(u.borderColors, l)
+        "--depth": f,
+        ["--c" + [f]]: ee(r.borderColors, f)
       }
-    }, [n.map((a, p, F) => {
-      const R = Array.isArray(a.value), g = v(typeof a.value);
-      return y("div", {
+    }, [c.map((u, S, w) => {
+      const R = Array.isArray(u.value), O = l(typeof u.value), V = {
+        row: u,
+        index: S,
+        isLast: S === w.length - 1,
+        addItem: () => {
+          c.push({
+            rId: e.randomFun(),
+            key: "",
+            value: ""
+          });
+        },
+        addChild: () => {
+          O && (u.value = [], u.isArray = void 0), u.value.push({
+            rId: e.randomFun(),
+            key: "",
+            value: ""
+          });
+        },
+        removeItem: () => {
+          if (c.splice(S, 1), c.length < 1) {
+            if (g === void 0) return h([]);
+            const I = s.value.findIndex((J) => J.rId === g?.rId);
+            f < 1 ? s.value.splice(I, 1, {
+              ...g,
+              value: ""
+            }) : g.value = "";
+          }
+        },
+        toggleArray: () => u.isArray = !u.isArray,
+        toggleNumber: () => u.isNumber = !u.isNumber
+      };
+      return v("div", {
         class: "dItem",
-        key: a.rId,
+        key: u.rId,
         style: {
-          marginLeft: l > 1 ? `${l * u.retractLen}px` : "0"
+          marginLeft: f > 1 ? `${f * r.retractLen}px` : "0"
         }
-      }, [y("div", {
+      }, [v("div", {
         class: "input"
-      }, [!R && y(V, null, [y(E, {
-        modelValue: a.key,
+      }, [!R && v(T, null, [v(B, {
+        modelValue: u.key,
         class: "key",
-        onInput: (C) => a.key = C
-      }, null), S(":")]), y(E, {
+        onInput: (I) => u.key = I
+      }, null), A(":")]), v(B, {
         class: `value ${R ? "isKey" : ""}`,
-        modelValue: g ? a.value : a.key,
-        onInput: (C) => {
+        modelValue: O ? u.value : u.key,
+        onInput: (I) => {
           if (R) {
-            a.key = C;
+            u.key = I;
             return;
           }
-          u.allowFilter && a.isNumber ? a.value = G(C, a.isArray, o.arraySplitSymbol) : a.value = C;
+          r.allowFilter && u.isNumber ? u.value = U(I, u.isArray, p.arraySplitSymbol) : u.value = I;
         }
       }, {
-        prefix: Array.isArray(a.value) ? void 0 : () => y(V, null, [y(k, {
-          type: a.isArray ? "success" : "default",
+        prefix: Array.isArray(u.value) ? void 0 : () => n.typeTools ? n.typeTools(V) : v(T, null, [!r.hideArrayBtn && v(F, {
+          type: u.isArray ? "success" : "default",
           size: "small",
-          onClick: () => {
-            a.isArray = !a.isArray;
-          }
+          onClick: V.toggleArray
         }, {
-          default: () => [S("Array")]
-        }), S(" "), y(k, {
-          type: a.isNumber ? "success" : "default",
+          default: () => [A("Array")]
+        }), A(" "), !r.hideNumberBtn && v(F, {
+          type: u.isNumber ? "success" : "default",
           size: "small",
-          onClick: () => {
-            a.isNumber = !a.isNumber;
-          }
+          onClick: V.toggleNumber
         }, {
-          default: () => [S("Number")]
+          default: () => [A("Number")]
         })]),
         suffix: () => {
-          let C;
-          return l < e.depth ? !R && y(k, {
+          let I;
+          return f < e.depth ? !R && (n.newChild ? n.newChild(V) : v(F, {
             type: "success",
             size: "small",
             onClick: () => {
-              g && (a.value = [], a.isArray = void 0), a.value.push({
+              O && (u.value = [], u.isArray = void 0), u.value.push({
                 rId: e.randomFun(),
                 key: "",
                 value: ""
               });
             }
-          }, fe(C = e.newChildTxt(a)) ? C : {
-            default: () => [C]
-          }) : null;
+          }, Ce(I = e.newChildTxt(u)) ? I : {
+            default: () => [I]
+          })) : null;
         }
-      })]), y("div", {
+      })]), v("div", {
         class: "btn"
-      }, [y(k, {
+      }, [n.rowActions ? n.rowActions(V) : v(T, null, [v(F, {
         type: "success",
-        disabled: p !== F.length - 1,
-        onClick: () => {
-          n.push({
-            rId: e.randomFun(),
-            key: "",
-            value: ""
-          });
-        }
+        disabled: !V.isLast,
+        onClick: V.addItem
       }, {
-        default: () => [S("+")]
-      }), y(k, {
+        default: () => [A("+")]
+      }), v(F, {
         type: "danger",
-        onClick: () => {
-          if (n.splice(p, 1), n.length < 1) {
-            if (f === void 0) return m([]);
-            const C = t.value.findIndex((A) => A.rId === f?.rId);
-            l < 1 ? t.value.splice(C, 1, {
-              ...f,
-              value: ""
-            }) : f.value = "";
-          }
-        }
+        onClick: V.removeItem
       }, {
-        default: () => [S("-")]
-      })]), Array.isArray(a.value) && c(a.value, l + 1, a)]);
+        default: () => [A("-")]
+      })])]), Array.isArray(u.value) && y(u.value, f + 1, u)]);
     })]);
-    return D(t, (n) => {
+    M(s, (c) => {
       if (!e.isController) return;
-      const l = m(n);
-      s("update:modelValue", l), s("onMerge", l, I(t.value));
+      const f = h(c);
+      o("update:modelValue", f), o("onMerge", f, E(s.value));
     }, {
       deep: !0
-    }), d({
-      onSet: (n) => {
-        t.value = r(n ?? e.modelValue);
+    }), a({
+      onSet: (c) => {
+        s.value = m(c ?? e.modelValue);
       },
-      getResult: (n = "res") => n === "ori" ? I(t.value) : m(t.value)
-    }), () => y("div", {
-      class: e.dyCls ?? "dynamicCascadeForm"
-    }, [y("div", {
-      class: "dyFormList",
+      getResult: (c = "res") => c === "ori" ? E(s.value) : h(s.value)
+    });
+    const t = () => s.value.push({
+      rId: e.randomFun(),
+      key: "",
+      value: ""
+    }), i = () => {
+      s.value = m(e.modelValue), o("onReset");
+    }, C = () => {
+      const c = h(s.value);
+      o("update:modelValue", c), o("onMerge", c, E(s.value)), s.value = m(c);
+    };
+    return () => v("div", {
+      class: `dynamicCascadeForm ${e.dyCls}`
+    }, [v("div", {
+      class: `dyFormList  ${s.value.length ? "" : "noObj"}`,
       style: {
-        maxHeight: u.maxHeight
+        maxHeight: r.maxHeight
       }
-    }, [c(t.value)]), y("div", {
-      class: "control"
-    }, [!t.value.length && y(k, {
+    }, [y(s.value)]), v("div", {
+      class: `control ${s.value.length ? "" : "noObj"}`
+    }, [!s.value.length && (n.newBtn ? n.newBtn({
+      newItem: t
+    }) : v(F, {
       type: "success",
-      onClick: () => {
-        t.value.push({
-          rId: e.randomFun(),
-          key: "",
-          value: ""
-        });
-      }
+      onClick: t
     }, {
-      default: () => [i.newTxt]
-    }), !e.isController && y(V, null, [!u.hideReset && y(k, {
+      default: () => [d.newTxt]
+    })), !e.isController && v(T, null, [!r.hideReset && (n.resetBtn ? n.resetBtn({
+      reset: i
+    }) : v(F, {
       type: "default",
-      onClick: () => {
-        t.value = r(e.modelValue), s("onReset");
-      }
+      onClick: i
     }, {
-      default: () => [i.resetTxt]
-    }), y(k, {
+      default: () => [d.resetTxt]
+    })), n.mergeBtn ? n.mergeBtn({
+      merge: C
+    }) : v(F, {
       type: "info",
-      onClick: () => {
-        const n = m(t.value);
-        s("update:modelValue", n), s("onMerge", n, I(t.value)), t.value = r(n);
-      }
+      onClick: C
     }, {
-      default: () => [i.mergeTxt]
+      default: () => [d.mergeTxt]
     })])])]);
   }
-}), we = /* @__PURE__ */ x({
+}), Ue = /* @__PURE__ */ P({
   name: "EleDynamicForm",
   props: {
     formConfig: {
@@ -430,197 +468,197 @@ const Pe = /* @__PURE__ */ x({
   },
   slots: Object,
   setup(e, {
-    expose: s,
-    slots: d
+    expose: o,
+    slots: a
   }) {
-    const i = _(null), u = T(() => (e.items ?? []).filter((c) => !c.hidden)), o = T(() => u.value ? u.value.reduce((c, n) => (c[n.key] = n.value.value, c), {}) : {}), v = T(() => ({
-      ...u.value?.reduce((n, l) => {
-        let f = l.rule;
-        return l.required && !l.rule && (f = {
+    const n = x(null), d = N(() => (e.items ?? []).filter((s) => !s.hidden)), r = N(() => d.value ? d.value.reduce((s, y) => (s[y.key] = y.value.value, s), {}) : {}), p = N(() => ({
+      ...d.value?.reduce((y, t) => {
+        let i = t.rule;
+        return t.required && !t.rule && (i = {
           required: !0,
-          message: l.requiredHint?.(l.label) ?? `${l.label}不能为空`,
+          message: t.requiredHint?.(t.label ?? "") ?? `${t.label}不能为空`,
           trigger: "blur"
-        }), n[l.key] = f, n;
+        }), y[t.key] = i, y;
       }, {}),
       ...e.rules
-    })), r = T(() => [...u.value].sort((n, l) => {
-      const f = n.sort ?? 1 / 0, a = l.sort ?? 1 / 0;
-      return Number(f) - Number(a);
+    })), l = N(() => [...d.value].sort((y, t) => {
+      const i = y.sort ?? 1 / 0, C = t.sort ?? 1 / 0;
+      return Number(i) - Number(C);
     }));
-    function m(c = null) {
-      u.value && u.value.forEach((n) => {
-        n.value.value = c;
+    function m(s = null) {
+      d.value && d.value.forEach((y) => {
+        y.value.value = s;
       });
     }
-    function t() {
-      return new Promise((c, n) => {
-        i.value?.validate((l, f) => {
-          l ? c(o.value) : n(f);
+    function h() {
+      return new Promise((s, y) => {
+        n.value?.validate((t, i) => {
+          t ? s(r.value) : y(i);
         });
       });
     }
-    if (s({
+    if (o({
       reset: m,
-      validator: t,
-      getResult: (c = "res") => c === "ori" ? u.value : o.value
+      validator: h,
+      getResult: (s = "res") => s === "ori" ? d.value : r.value
     }), !e.items) throw new Error("prop items must be not null");
-    return () => y("div", {
+    return () => v("div", {
       class: "naiDynamicForm"
-    }, [d.header && y("div", {
+    }, [a.header && v("div", {
       class: "header"
-    }, [d.header?.()]), y(Y, K({
-      ref: i
+    }, [a.header?.()]), v(ne, X({
+      ref: n
     }, e.formConfig, {
-      model: o.value,
-      rules: v.value
+      model: r.value,
+      rules: p.value
     }), {
       default() {
-        const c = r.value;
-        return e.preset === "grid" ? b(Z, {
+        const s = l.value;
+        return e.preset === "grid" ? b(re, {
           ...e.rowConfig
         }, {
-          default: () => c?.map((n) => b(ee, {
-            span: n.span ?? 24,
-            offset: n.offset ?? 0
+          default: () => s?.map((y) => b(te, {
+            span: y.span ?? 24,
+            offset: y.offset ?? 0
           }, {
-            default: () => b($, {
-              label: n.label,
-              prop: n.path || n.key
+            default: () => b(z, {
+              label: y.label,
+              prop: y.path || y.key
             }, {
-              default: z(n)
+              default: L(y)
             })
           }))
-        }) : c?.map((n) => b($, {
-          label: n.label,
-          prop: n.path || n.key
+        }) : s?.map((y) => b(z, {
+          label: y.label,
+          prop: y.path || y.key
         }, {
-          default: z(n)
+          default: L(y)
         }));
       }
-    }), d.footer && b("div", {
+    }), a.footer && b("div", {
       class: "footer"
-    }, d.footer?.())]);
+    }, a.footer?.())]);
   }
 });
-function z(e) {
+function L(e) {
   return function() {
     return e.render2 ? e.render2(e) : null;
   };
 }
-function h(e, s, d) {
-  return e?.[s] ?? d;
+function k(e, o, a) {
+  return e?.[o] ?? a;
 }
-function ve(e) {
+function ke(e) {
   return !!e && (e.type === "group" || Array.isArray(e.children) || Array.isArray(e.options));
 }
-function j(e) {
-  return (e ?? []).map((s) => {
-    if (ve(s)) {
-      const d = s.children ?? s.options ?? [];
-      return { ...s, __isGroup: !0, __children: d };
+function D(e) {
+  return (e ?? []).map((o) => {
+    if (ke(o)) {
+      const a = o.children ?? o.options ?? [];
+      return { ...o, __isGroup: !0, __children: a };
     }
-    return { ...s, __isGroup: !1 };
+    return { ...o, __isGroup: !1 };
   });
 }
-function me(e, s, d = "label", i = "value") {
-  const u = j(s);
-  for (const o of u)
-    if (o.__isGroup) {
-      for (const v of o.__children)
-        if (h(v, i, v.value) === e) return h(v, d, v.label);
-    } else if (h(o, i, o.value) === e) return h(o, d, o.label);
+function Fe(e, o, a = "label", n = "value") {
+  const d = D(o);
+  for (const r of d)
+    if (r.__isGroup) {
+      for (const p of r.__children)
+        if (k(p, n, p.value) === e) return k(p, a, p.label);
+    } else if (k(r, n, r.value) === e) return k(r, a, r.label);
   return "";
 }
-function pe(e, s = {}, d) {
-  const { onChange: i, value: u, ...o } = d;
-  return b(E, {
-    ...o,
+function Se(e, o = {}, a) {
+  const { onChange: n, value: d, ...r } = a;
+  return b(B, {
+    ...r,
     modelValue: e.value,
-    "onUpdate:modelValue": (v) => {
-      e.value = v, d?.onChange?.(v, d);
+    "onUpdate:modelValue": (p) => {
+      e.value = p, a?.onChange?.(p, a);
     },
-    ...s
+    ...o
   });
 }
-function be(e, s, d = {}, i) {
-  const { onChange: u, labelField: o, valueField: v, options: r, ...m } = i ?? {}, t = o ?? "label", c = v ?? "value", n = j(r ?? s);
+function Ie(e, o, a = {}, n) {
+  const { onChange: d, labelField: r, valueField: p, options: l, ...m } = n ?? {}, h = r ?? "label", s = p ?? "value", y = D(l ?? o);
   return b(
-    le,
+    ae,
     {
       ...m,
       modelValue: e.value,
-      "onUpdate:modelValue": (l) => {
-        e.value = l, i?.onChange?.(l, i, n);
+      "onUpdate:modelValue": (t) => {
+        e.value = t, n?.onChange?.(t, n, y);
       },
-      ...d
+      ...a
     },
     {
-      default: () => n.map((l, f) => {
-        if (l.__isGroup)
+      default: () => y.map((t, i) => {
+        if (t.__isGroup)
           return b(
-            re,
-            { key: l.key ?? `g-${f}`, label: h(l, t, l.label) },
+            ue,
+            { key: t.key ?? `g-${i}`, label: k(t, h, t.label) },
             {
-              default: () => (l.__children ?? []).map((F, R) => {
-                const g = h(F, t, F.label), C = h(F, c, F.value);
-                return b(N, {
-                  key: F.key ?? `${f}-${R}`,
-                  label: g,
-                  value: C,
-                  disabled: F.disabled
+              default: () => (t.__children ?? []).map((f, g) => {
+                const u = k(f, h, f.label), S = k(f, s, f.value);
+                return b(G, {
+                  key: f.key ?? `${i}-${g}`,
+                  label: u,
+                  value: S,
+                  disabled: f.disabled
                 });
               })
             }
           );
-        const a = h(l, t, l.label), p = h(l, c, l.value);
-        return b(N, {
-          key: l.key ?? `${f}`,
-          label: a,
-          value: p,
-          disabled: l.disabled
+        const C = k(t, h, t.label), c = k(t, s, t.value);
+        return b(G, {
+          key: t.key ?? `${i}`,
+          label: C,
+          value: c,
+          disabled: t.disabled
         });
       })
     }
   );
 }
-function ge(e, s, d = {}, i, u) {
-  const { labelField: o, valueField: v, options: r, onChange: m, ...t } = i ?? {}, c = o ?? "label", n = v ?? "value", l = r ?? s, f = j(l), a = () => {
-    if (u) return u;
-    const p = Array.isArray(e.value) ? e.value.length ? `已选 ${e.value.length} 项` : "请选择" : e.value != null ? me(e.value, l, c, n) || String(e.value) : "请选择";
-    return b(k, null, { default: () => p });
+function Ae(e, o, a = {}, n, d) {
+  const { labelField: r, valueField: p, options: l, onChange: m, ...h } = n ?? {}, s = r ?? "label", y = p ?? "value", t = l ?? o, i = D(t), C = () => {
+    if (d) return d;
+    const c = Array.isArray(e.value) ? e.value.length ? `已选 ${e.value.length} 项` : "请选择" : e.value != null ? Fe(e.value, t, s, y) || String(e.value) : "请选择";
+    return b(F, null, { default: () => c });
   };
-  return Array.isArray(e.value) ? y(
-    ne,
+  return Array.isArray(e.value) ? v(
+    oe,
     {
       trigger: "click",
-      ...t,
-      ...d
+      ...h,
+      ...a
     },
     {
-      reference: () => a(),
+      reference: () => C(),
       default: () => b(
-        M,
+        H,
         {
           modelValue: e.value,
-          "onUpdate:modelValue": (p) => {
-            e.value = p, i?.onChange?.(p, i, f);
+          "onUpdate:modelValue": (c) => {
+            e.value = c, n?.onChange?.(c, n, i);
           }
         },
         {
           default: () => b(
-            L,
+            q,
             { wrap: !0 },
             {
-              default: () => f.flatMap((p, F) => (p.__isGroup ? p.__children ?? [] : [p]).map((g, C) => {
-                const A = h(g, c, g.label), P = h(g, n, g.value);
+              default: () => i.flatMap((c, f) => (c.__isGroup ? c.__children ?? [] : [c]).map((u, S) => {
+                const w = k(u, s, u.label), R = k(u, y, u.value);
                 return b(
-                  B,
+                  $,
                   {
-                    key: g.key ?? `${F}-${C}`,
-                    label: P,
-                    disabled: g.disabled
+                    key: u.key ?? `${f}-${S}`,
+                    label: R,
+                    disabled: u.disabled
                   },
-                  { default: () => A }
+                  { default: () => w }
                 );
               }))
             }
@@ -628,123 +666,123 @@ function ge(e, s, d = {}, i, u) {
         }
       )
     }
-  ) : y(
-    te,
+  ) : v(
+    se,
     {
       trigger: "click",
-      ...t,
-      onCommand: (p) => {
-        e.value = p, i?.onChange?.(p, i, f);
+      ...h,
+      onCommand: (c) => {
+        e.value = c, n?.onChange?.(c, n, i);
       },
-      ...d
+      ...a
     },
     {
-      default: () => a(),
-      dropdown: () => b(ae, null, {
-        default: () => f.flatMap((p, F) => (p.__isGroup ? p.__children ?? [] : [p]).map((g, C) => {
-          const A = h(g, c, g.label), P = h(g, n, g.value);
+      default: () => C(),
+      dropdown: () => b(de, null, {
+        default: () => i.flatMap((c, f) => (c.__isGroup ? c.__children ?? [] : [c]).map((u, S) => {
+          const w = k(u, s, u.label), R = k(u, y, u.value);
           return b(
-            ue,
-            { key: g.key ?? `${F}-${C}`, command: P, disabled: g.disabled },
-            { default: () => A }
+            ie,
+            { key: u.key ?? `${f}-${S}`, command: R, disabled: u.disabled },
+            { default: () => w }
           );
         }))
       })
     }
   );
 }
-function he(e, s, d = {}, i) {
+function Re(e, o, a = {}, n) {
   const {
-    valueField: u = "value",
-    labelField: o = "label",
-    childrenField: v = "children",
-    onChange: r,
+    valueField: d = "value",
+    labelField: r = "label",
+    childrenField: p = "children",
+    onChange: l,
     options: m,
-    ...t
-  } = i ?? {}, c = m ?? s;
-  return b(oe, {
-    ...t,
-    data: c,
+    ...h
+  } = n ?? {}, s = m ?? o;
+  return b(ce, {
+    ...h,
+    data: s,
     modelValue: e.value,
-    "onUpdate:modelValue": (n) => {
-      e.value = n, i?.onChange?.(n, i, c);
+    "onUpdate:modelValue": (y) => {
+      e.value = y, n?.onChange?.(y, n, s);
     },
     props: {
-      value: u,
-      label: o,
-      children: v,
+      value: d,
+      label: r,
+      children: p,
       disabled: "disabled"
     },
-    ...d
+    ...a
   });
 }
-function Ce(e, s, d = {}, i) {
-  const { onChange: u, labelField: o, valueField: v, options: r, ...m } = i ?? {}, t = o ?? "label", c = v ?? "value", n = r ?? s;
+function Ve(e, o, a = {}, n) {
+  const { onChange: d, labelField: r, valueField: p, options: l, ...m } = n ?? {}, h = r ?? "label", s = p ?? "value", y = l ?? o;
   return b(
-    U,
+    K,
     {
       ...m,
       modelValue: e.value,
-      "onUpdate:modelValue": (l) => {
-        e.value = l, i?.onChange?.(l, i, n);
+      "onUpdate:modelValue": (t) => {
+        e.value = t, n?.onChange?.(t, n, y);
       },
-      ...d
+      ...a
     },
     {
-      default: () => (n ?? []).map((l, f) => {
-        const a = h(l, t, l.label), p = h(l, c, l.value);
-        return b(se, { key: l.key ?? f, label: p, disabled: l.disabled }, () => a);
+      default: () => (y ?? []).map((t, i) => {
+        const C = k(t, h, t.label), c = k(t, s, t.value);
+        return b(me, { key: t.key ?? i, label: c, disabled: t.disabled }, () => C);
       })
     }
   );
 }
-function ke(e, s, d = {}, i) {
-  const { onChange: u, labelField: o, valueField: v, options: r, ...m } = i ?? {}, t = o ?? "label", c = v ?? "value", n = r ?? s;
+function we(e, o, a = {}, n) {
+  const { onChange: d, labelField: r, valueField: p, options: l, ...m } = n ?? {}, h = r ?? "label", s = p ?? "value", y = l ?? o;
   return b(
-    U,
+    K,
     {
       ...m,
       modelValue: e.value,
-      "onUpdate:modelValue": (l) => {
-        e.value = l, i?.onChange?.(l, i, n);
+      "onUpdate:modelValue": (t) => {
+        e.value = t, n?.onChange?.(t, n, y);
       },
-      ...d
+      ...a
     },
     {
-      default: () => (n ?? []).map((l, f) => {
-        const a = h(l, t, l.label), p = h(l, c, l.value);
+      default: () => (y ?? []).map((t, i) => {
+        const C = k(t, h, t.label), c = k(t, s, t.value);
         return b(
-          de,
-          { key: l.key ?? f, label: p, disabled: l.disabled },
-          () => a
+          ye,
+          { key: t.key ?? i, label: c, disabled: t.disabled },
+          () => C
         );
       })
     }
   );
 }
-function Fe(e, s, d = {}, i) {
-  const { onChange: u, labelField: o, valueField: v, options: r, ...m } = i ?? {}, t = o ?? "label", c = v ?? "value", n = r ?? s;
+function Te(e, o, a = {}, n) {
+  const { onChange: d, labelField: r, valueField: p, options: l, ...m } = n ?? {}, h = r ?? "label", s = p ?? "value", y = l ?? o;
   return b(
-    M,
+    H,
     {
       ...m,
       modelValue: e.value,
-      "onUpdate:modelValue": (l) => {
-        e.value = l, i?.onChange?.(l, i, n);
+      "onUpdate:modelValue": (t) => {
+        e.value = t, n?.onChange?.(t, n, y);
       },
-      ...d
+      ...a
     },
     {
       default: () => b(
-        L,
+        q,
         { wrap: !0 },
         {
-          default: () => (n ?? []).map((l, f) => {
-            const a = h(l, t, l.label), p = h(l, c, l.value);
+          default: () => (y ?? []).map((t, i) => {
+            const C = k(t, h, t.label), c = k(t, s, t.value);
             return b(
-              B,
-              { key: l.key ?? f, label: p, disabled: l.disabled },
-              () => a
+              $,
+              { key: t.key ?? i, label: c, disabled: t.disabled },
+              () => C
             );
           })
         }
@@ -752,92 +790,148 @@ function Fe(e, s, d = {}, i) {
     }
   );
 }
-function Se(e, s = {}, d) {
-  const { onChange: i, ...u } = d ?? {};
-  return b(ie, {
-    ...u,
+function Ee(e, o = {}, a) {
+  const { onChange: n, ...d } = a ?? {};
+  return b(ve, {
+    ...d,
     modelValue: e.value,
-    "onUpdate:modelValue": (o) => {
-      e.value = o, d?.onChange?.(o, d);
+    "onUpdate:modelValue": (r) => {
+      e.value = r, a?.onChange?.(r, a);
     },
-    ...s
+    ...o
   });
 }
-function Re(e, s = {}, d) {
-  const { onChange: i, ...u } = d ?? {};
-  return b(ce, {
-    ...u,
+function Oe(e, o = {}, a) {
+  const { onChange: n, ...d } = a ?? {};
+  return b(fe, {
+    ...d,
+    modelValue: e.value,
+    "onUpdate:modelValue": (r) => {
+      e.value = r, a?.onChange?.(r, a);
+    },
+    ...o
+  });
+}
+function Be(e, o = {}, a) {
+  const { onChange: n, ...d } = a ?? {};
+  return b(pe, {
+    ...d,
+    modelValue: e.value,
+    "onUpdate:modelValue": (r) => {
+      e.value = r, a?.onChange?.(r, a);
+    },
+    ...o
+  });
+}
+function Ne(e, o = {}, a) {
+  const { onChange: n, ...d } = a ?? {};
+  return b($, {
+    ...d,
+    label: o?.label ?? a?.label,
+    modelValue: e.value,
+    "onUpdate:modelValue": (r) => {
+      e.value = r, a?.onChange?.(e.value, a);
+    },
+    ...o
+  });
+}
+function _e(e, o = {}, a) {
+  const { onChange: n, labelField: d = "label", valueField: r, ...p } = a ?? {};
+  return b(be, {
+    ...p,
+    modelValue: r ? e.value.map((l) => l[r]) : e.value,
+    "onUpdate:modelValue": (l) => {
+      e.value = r ? l.map((m) => ({
+        [d]: m,
+        [r]: m
+      })) : l, a?.onChange?.(l, a);
+    },
+    ...o
+  });
+}
+function xe(e, o = {}, a) {
+  const { onChange: n, ...d } = a ?? {};
+  return b(ge, {
+    ...d,
     modelValue: e.value,
-    "onUpdate:modelValue": (o) => {
-      e.value = o, d?.onChange?.(o, d);
+    "onUpdate:modelValue": (r) => {
+      e.value = r, a?.onChange?.(r, a);
     },
-    ...s
+    ...o
   });
 }
-function Ie(e, s = {}, d) {
-  const { onChange: i, ...u } = d ?? {};
-  return b(ye, {
-    ...u,
+function je(e, o = {}, a) {
+  const { onChange: n, ...d } = a ?? {};
+  return b(he, {
+    ...d,
     modelValue: e.value,
-    "onUpdate:modelValue": (o) => {
-      e.value = o, d?.onChange?.(o, d);
+    "onUpdate:modelValue": (r) => {
+      e.value = r ?? null, a?.onChange?.(e.value, a);
     },
-    ...s
+    ...o
   });
 }
-const Ae = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Pe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  renderCheckboxGroup: Fe,
-  renderDatePicker: Re,
-  renderInput: pe,
-  renderPopSelect: ge,
-  renderRadioButtonGroup: ke,
-  renderRadioGroup: Ce,
-  renderSelect: be,
-  renderSwitch: Se,
-  renderTimePicker: Ie,
-  renderTreeSelect: he
+  renderCheckbox: Ne,
+  renderCheckboxGroup: Te,
+  renderDatePicker: Oe,
+  renderDynamicTags: _e,
+  renderInput: Se,
+  renderInputNumber: je,
+  renderPopSelect: Ae,
+  renderRadioButtonGroup: we,
+  renderRadioGroup: Ve,
+  renderSelect: Ie,
+  renderSlider: xe,
+  renderSwitch: Ee,
+  renderTimePicker: Be,
+  renderTreeSelect: Re
 }, Symbol.toStringTag, { value: "Module" }));
-function Ve(e) {
-  return function(d, i = !0) {
-    const u = e, o = {
-      renderInput: (r) => u.renderInput(r.value, r.renderProps ?? {}, r),
-      renderSelect: (r) => u.renderSelect(r.value, r.options ?? [], r.renderProps ?? {}, r),
-      renderPopSelect: (r) => u.renderPopSelect(r.value, r.options ?? [], r.renderProps ?? {}, r),
-      renderTreeSelect: (r) => u.renderTreeSelect(r.value, r.options ?? [], r.renderProps ?? {}, r),
-      renderRadioGroup: (r) => u.renderRadioGroup(r.value, r.options ?? [], r.renderProps ?? {}, r),
-      renderRadioButtonGroup: (r) => u.renderRadioButtonGroup(r.value, r.options ?? [], r.renderProps ?? {}, r),
-      renderCheckboxGroup: (r) => u.renderCheckboxGroup(r.value, r.options ?? [], r.renderProps ?? {}, r),
-      renderSwitch: (r) => u.renderSwitch(r.value, r.renderProps ?? {}, r),
-      renderDatePicker: (r) => u.renderDatePicker(r.value, r.renderProps ?? {}, r),
-      renderTimePicker: (r) => u.renderTimePicker(r.value, r.renderProps ?? {}, r)
+function $e(e) {
+  return function(a, n = !0) {
+    const d = e, r = {
+      renderInput: (l) => d.renderInput(l.value, l.renderProps ?? {}, l),
+      renderSelect: (l) => d.renderSelect(l.value, l.options ?? [], l.renderProps ?? {}, l),
+      renderPopSelect: (l) => d.renderPopSelect(l.value, l.options ?? [], l.renderProps ?? {}, l),
+      renderTreeSelect: (l) => d.renderTreeSelect(l.value, l.options ?? [], l.renderProps ?? {}, l),
+      renderRadioGroup: (l) => d.renderRadioGroup(l.value, l.options ?? [], l.renderProps ?? {}, l),
+      renderRadioButtonGroup: (l) => d.renderRadioButtonGroup(l.value, l.options ?? [], l.renderProps ?? {}, l),
+      renderCheckboxGroup: (l) => d.renderCheckboxGroup(l.value, l.options ?? [], l.renderProps ?? {}, l),
+      renderSwitch: (l) => d.renderSwitch(l.value, l.renderProps ?? {}, l),
+      renderDatePicker: (l) => d.renderDatePicker(l.value, l.renderProps ?? {}, l),
+      renderTimePicker: (l) => d.renderTimePicker(l.value, l.renderProps ?? {}, l)
     };
-    return d.map((r) => {
-      const m = r;
-      if (m.value = X(r.value), typeof r.render2 == "function")
-        m.render2 = r.render2;
+    return a.map((l) => {
+      const m = l;
+      if (m.value = le(l.value), typeof l.render2 == "function")
+        m.render2 = l.render2;
       else {
-        const t = r.renderType ?? "renderInput", c = o[t];
-        c ? m.render2 = () => c(m) : (console.warn(`[useDecorateForm] unknown renderType: ${r.renderType}`), m.render2 = () => o.renderInput(m));
+        const h = l.renderType ?? "renderInput", s = r[h];
+        s ? m.render2 = () => s(m) : (console.warn(`[useDecorateForm] unknown renderType: ${l.renderType}`), m.render2 = () => r.renderInput(m));
       }
-      return i ? J(m) : m;
+      return n ? Y(m) : m;
     });
   };
 }
-const xe = Ve(Ae);
+const He = $e(Pe);
 export {
-  Pe as EleDynamicCascadeInput,
-  we as EleDynamicForm,
-  _e as EleDynamicInput,
-  Fe as renderCheckboxGroup,
-  Re as renderDatePicker,
-  pe as renderInput,
-  ge as renderPopSelect,
-  ke as renderRadioButtonGroup,
-  Ce as renderRadioGroup,
-  be as renderSelect,
-  Se as renderSwitch,
-  Ie as renderTimePicker,
-  he as renderTreeSelect,
-  xe as useDecorateForm
+  Me as EleDynamicCascadeInput,
+  Ue as EleDynamicForm,
+  Le as EleDynamicInput,
+  Ne as renderCheckbox,
+  Te as renderCheckboxGroup,
+  Oe as renderDatePicker,
+  _e as renderDynamicTags,
+  Se as renderInput,
+  je as renderInputNumber,
+  Ae as renderPopSelect,
+  we as renderRadioButtonGroup,
+  Ve as renderRadioGroup,
+  Ie as renderSelect,
+  xe as renderSlider,
+  Ee as renderSwitch,
+  Be as renderTimePicker,
+  Re as renderTreeSelect,
+  He as useDecorateForm
 };