dynamicformdjx-react 0.2.0 → 0.2.1

package/dist/index.mjs

@@ -1,236 +1,187 @@
-import { jsxs as N, jsx as b, Fragment as E } from "react/jsx-runtime";
-import { forwardRef as Q, useState as J, useRef as U, useImperativeHandle as X, useEffect as _, useCallback as R, useMemo as te } from "react";
-import './index.css';const z = (i, m, t) => Object.keys(i).map((n, u) => {
-  const y = i[n], f = Array.isArray(y), $ = f ? y.every((V) => typeof V == "number") : typeof y == "number";
-  return {
-    rId: m(u),
-    key: n,
-    value: f ? y.join(t) : y,
-    isArray: f || void 0,
-    isNumber: $ || void 0
-  };
-}), G = (i, m) => i.reduce((t, n) => (n.key.trim() && (t[n.key] = Y(n.value, n.isArray, n.isNumber, m)), t), {}), Y = (i, m, t, n = ",") => {
-  let u;
-  return m ? t ? u = String(i).split(n).map(Number).filter((y) => !Number.isNaN(y)) : u = String(i).split(n) : t ? u = parseFloat(i) : u = i.toString(), u;
-}, Z = (i, m, t = ",") => {
-  const n = (u) => {
-    u = u.replace(/[^\d.-]/g, "");
-    let y = !1;
-    u.startsWith("-") && (y = !0), u = u.replace(/-/g, "");
-    const f = u.indexOf(".");
-    return f !== -1 && (u = u.slice(0, f + 1) + u.slice(f + 1).replace(/\./g, "")), (y ? "-" : "") + u;
-  };
-  return m ? i.split(t).map((u) => n(u)).join(t) : n(i);
-}, ne = (i) => `hsl(${i * 35 % 360}, 60%, 65%)`, re = (i, m) => i[m - 1] ?? ne(m);
-function L(i, m, t) {
-  if (m.length === 0)
-    return t(i, -1);
-  const [n, ...u] = m, y = [...i];
-  if (u.length === 0)
-    return t(y, n);
-  const f = y[n];
-  if (!Array.isArray(f.value)) return y;
-  const $ = L(
-    f.value,
-    u,
-    t
-  );
-  return $.length === 0 ? y[n] = {
-    ...f,
-    value: "",
-    isArray: void 0,
-    isNumber: void 0
-  } : y[n] = { ...f, value: $ }, y;
-}
-function I(i) {
-  return i.filter(Boolean).join(" ");
-}
-function ae(i, m) {
-  const t = { ...i };
-  return delete t.value, m?.forEach((n) => {
-    n !== "value" && delete t[n];
-  }), t;
-}
-const oe = Q((i, m) => {
+import { jsxs as b, jsx as i, Fragment as z } from "react/jsx-runtime";
+import { forwardRef as U, useState as Q, useRef as W, useImperativeHandle as X, useEffect as E, useCallback as I, useMemo as ee } from "react";
+import { t as _, r as J, c as g, f as Y, p as te, s as ne, u as j } from "./index-px61OvsX.js";
+import { O as de, g as ye, a as be, o as he } from "./index-px61OvsX.js";
+import './index.css';const ae = U((F, x) => {
   const {
-    value: t = {},
-    size: n,
-    dyCls: u,
-    isController: y,
-    configs: f,
-    btnConfigs: $,
-    dyListConfigs: V,
-    randomFun: k = (e) => `${Date.now()}_${e ?? 0}`,
+    value: c = {},
+    size: h,
+    dyCls: T,
+    isController: L,
+    configs: V,
+    btnConfigs: H,
+    dyListConfigs: D,
+    randomFun: v = (e) => `${Date.now()}_${e ?? 0}`,
     onReset: K,
     onMerge: P,
-    onChange: D
-  } = i, O = {
+    onChange: O
+  } = F, $ = {
     resetTxt: "重置",
     newTxt: "添加项",
     mergeTxt: "合并",
-    ...$
-  }, F = {
+    ...H
+  }, A = {
     hideReset: !1,
     maxHeight: "300px",
     autoScroll: !0,
     allowFilter: !0,
-    ...f
-  }, p = {
-    arraySplitSymbol: ",",
     ...V
-  }, [r, s] = J(() => z(t, k, p.arraySplitSymbol)), o = U(null);
-  return X(m, () => ({
+  }, d = {
+    arraySplitSymbol: ",",
+    ...D
+  }, [t, n] = Q(() => _(c, v, d.arraySplitSymbol)), l = W(null);
+  return X(x, () => ({
     getResult(e) {
-      return e === "ori" ? r : G(r, p.arraySplitSymbol);
+      return e === "ori" ? t : J(t, d.arraySplitSymbol);
     },
     onSet(e) {
-      s(z(e ?? t, k, p.arraySplitSymbol));
+      n(_(e ?? c, v, d.arraySplitSymbol));
     }
-  })), _(() => {
-    y && D(G(r, p.arraySplitSymbol));
-  }, [r]), /* @__PURE__ */ N("div", { className: `dynamicInput ${n} ${u}`, children: [
-    /* @__PURE__ */ b(
+  })), E(() => {
+    L && O(J(t, d.arraySplitSymbol));
+  }, [t]), /* @__PURE__ */ b("div", { className: `dynamicInput ${h} ${T}`, children: [
+    /* @__PURE__ */ i(
       "div",
       {
-        className: `dyFormList ${r.length ? "" : "noList"}`,
-        ref: o,
-        style: { maxHeight: F.maxHeight },
-        children: r.map((e, a, x) => /* @__PURE__ */ N("div", { className: "dItem", children: [
-          /* @__PURE__ */ N("div", { className: "input", children: [
-            /* @__PURE__ */ b("input", { value: e.key, className: "key nativeInput", onInput: (v) => {
-              const l = v.target.value;
-              s((d) => {
-                const A = [...d], c = A[a];
-                return A[a] = { ...c, key: l }, A;
+        className: `dyFormList ${t.length ? "" : "noList"}`,
+        ref: l,
+        style: { maxHeight: A.maxHeight },
+        children: t.map((e, r, N) => /* @__PURE__ */ b("div", { className: "dItem", children: [
+          /* @__PURE__ */ b("div", { className: "input", children: [
+            /* @__PURE__ */ i("input", { value: e.key, className: "key nativeInput", onInput: (m) => {
+              const s = m.target.value;
+              n((o) => {
+                const p = [...o], a = p[r];
+                return p[r] = { ...a, key: s }, p;
               });
             } }),
             ":",
-            /* @__PURE__ */ N("div", { className: "vInput", children: [
-              /* @__PURE__ */ N("div", { className: "slot", children: [
-                /* @__PURE__ */ b(
+            /* @__PURE__ */ b("div", { className: "vInput", children: [
+              /* @__PURE__ */ b("div", { className: "slot", children: [
+                /* @__PURE__ */ i(
                   "button",
                   {
-                    className: I([
+                    className: g([
                       e.isArray ? "success" : "default",
                       "small",
                       "bt"
                     ]),
                     onClick: () => {
-                      s((v) => {
-                        const l = [...v], d = l[a];
-                        return l[a] = { ...d, isArray: !d.isArray }, l;
+                      n((m) => {
+                        const s = [...m], o = s[r];
+                        return s[r] = { ...o, isArray: !o.isArray }, s;
                       });
                     },
                     children: "Array"
                   }
                 ),
                 " ",
-                /* @__PURE__ */ b(
+                /* @__PURE__ */ i(
                   "button",
                   {
-                    className: I([
+                    className: g([
                       e.isNumber ? "success" : "default",
                       "small",
                       "bt"
                     ]),
                     onClick: () => {
-                      s((v) => {
-                        const l = [...v], d = l[a];
-                        return l[a] = { ...d, isNumber: !d.isNumber }, l;
+                      n((m) => {
+                        const s = [...m], o = s[r];
+                        return s[r] = { ...o, isNumber: !o.isNumber }, s;
                       });
                     },
                     children: "Number"
                   }
                 )
               ] }),
-              /* @__PURE__ */ b("input", { value: e.value, className: "value nativeV", onInput: (v) => {
-                const l = v.target.value;
-                let d = l;
-                e.isNumber && F.allowFilter && (d = Z(
-                  l,
+              /* @__PURE__ */ i("input", { value: e.value, className: "value nativeV", onInput: (m) => {
+                const s = m.target.value;
+                let o = s;
+                e.isNumber && A.allowFilter && (o = Y(
+                  s,
                   e.isArray,
-                  p.arraySplitSymbol
-                )), s((A) => {
-                  const c = [...A], H = c[a];
-                  return c[a] = { ...H, value: d }, c;
+                  d.arraySplitSymbol
+                )), n((p) => {
+                  const a = [...p], M = a[r];
+                  return a[r] = { ...M, value: o }, a;
                 });
               } })
             ] })
           ] }),
-          /* @__PURE__ */ N("div", { className: "btn", children: [
-            /* @__PURE__ */ b(
+          /* @__PURE__ */ b("div", { className: "btn", children: [
+            /* @__PURE__ */ i(
               "button",
               {
-                className: I([n, "success", "bt"]),
-                disabled: a !== x.length - 1,
+                className: g([h, "success", "bt"]),
+                disabled: r !== N.length - 1,
                 onClick: () => {
-                  s((v) => [...v, { rId: k(), key: "", value: "" }]), F.autoScroll && setTimeout(() => {
-                    const v = o.current;
-                    v?.scrollTo({ top: v?.scrollHeight + 20, behavior: "smooth" });
+                  n((m) => [...m, { rId: v(), key: "", value: "" }]), A.autoScroll && setTimeout(() => {
+                    const m = l.current;
+                    m?.scrollTo({ top: m?.scrollHeight + 20, behavior: "smooth" });
                   });
                 },
                 children: "+"
               }
             ),
-            /* @__PURE__ */ b("button", { className: I([
+            /* @__PURE__ */ i("button", { className: g([
               "danger",
-              n,
+              h,
               "bt"
             ]), onClick: () => {
-              s((v) => v.filter((l) => l.rId !== e.rId));
+              n((m) => m.filter((s) => s.rId !== e.rId));
             }, children: "-" })
           ] })
         ] }, e.rId))
       }
     ),
-    /* @__PURE__ */ N("div", { className: `control ${r.length ? "" : "noList"}`, children: [
-      !r.length && /* @__PURE__ */ b("button", { className: I([
+    /* @__PURE__ */ b("div", { className: `control ${t.length ? "" : "noList"}`, children: [
+      !t.length && /* @__PURE__ */ i("button", { className: g([
         "success",
-        n,
+        h,
         "bt"
       ]), onClick: () => {
-        s((e) => [...e, { rId: k(), key: "", value: "" }]);
-      }, children: O.newTxt }),
-      !y && /* @__PURE__ */ N(E, { children: [
-        !F.hideReset && /* @__PURE__ */ b("button", { className: I([
+        n((e) => [...e, { rId: v(), key: "", value: "" }]);
+      }, children: $.newTxt }),
+      !L && /* @__PURE__ */ b(z, { children: [
+        !A.hideReset && /* @__PURE__ */ i("button", { className: g([
           "default",
-          n,
+          h,
           "bt"
         ]), onClick: () => {
-          s(z(t, k, p.arraySplitSymbol)), K?.();
-        }, children: O.resetTxt }),
-        /* @__PURE__ */ b("button", { className: I([
+          n(_(c, v, d.arraySplitSymbol)), K?.();
+        }, children: $.resetTxt }),
+        /* @__PURE__ */ i("button", { className: g([
           "info",
-          n,
+          h,
           "bt"
         ]), onClick: () => {
-          [...r].sort((x, v) => +x.rId - +v.rId);
-          const a = G(r, p.arraySplitSymbol);
-          D(a), P?.(a, r), s(z(a, k, p.arraySplitSymbol));
-        }, children: O.mergeTxt })
+          [...t].sort((N, m) => +N.rId - +m.rId);
+          const r = J(t, d.arraySplitSymbol);
+          O(r), P?.(r, t), n(_(r, v, d.arraySplitSymbol));
+        }, children: $.mergeTxt })
       ] })
     ] })
   ] });
-}), ce = Q((i, m) => {
+}), oe = U((F, x) => {
   const {
-    depth: t = 5,
-    value: n,
-    isController: u,
-    dyCls: y,
-    configs: f,
-    btnConfigs: $,
-    dyListConfigs: V,
-    randomFun: k = (l) => `${Date.now()}_${l ?? 0}`,
-    newChildTxt: K = (l) => `添加 '${l.key}' 子项`,
+    depth: c = 5,
+    value: h,
+    isController: T,
+    dyCls: L,
+    configs: V,
+    btnConfigs: H,
+    dyListConfigs: D,
+    randomFun: v = (s) => `${Date.now()}_${s ?? 0}`,
+    newChildTxt: K = (s) => `添加 '${s.key}' 子项`,
     onReset: P,
-    onMerge: D,
-    onChange: O
-  } = i, F = {
+    onMerge: O,
+    onChange: $
+  } = F, A = {
     resetTxt: "重置",
     newTxt: "添加项",
     mergeTxt: "合并",
-    ...$
-  }, p = {
+    ...H
+  }, d = {
     hideReset: !1,
     maxHeight: "600px",
     allowFilter: !0,
@@ -238,69 +189,69 @@ const oe = Q((i, m) => {
     showPad: !0,
     retractLen: 0,
     borderColors: [],
-    ...f
-  }, r = {
-    arraySplitSymbol: ",",
     ...V
-  }, s = (l) => ["string", "number"].includes(l), [o, e] = J(() => a(n));
-  X(m, () => ({
-    getResult(l) {
-      return l === "ori" ? o : x(o);
+  }, t = {
+    arraySplitSymbol: ",",
+    ...D
+  }, n = (s) => ["string", "number"].includes(s), [l, e] = Q(() => r(h));
+  X(x, () => ({
+    getResult(s) {
+      return s === "ori" ? l : N(l);
     },
-    onSet(l) {
-      e(a(l ?? n));
+    onSet(s) {
+      e(r(s ?? h));
     }
   }));
-  function a(l) {
-    return Object.keys(l).map((d, A) => {
-      let c = l[d];
-      const H = Array.isArray(c), W = H ? c.every((B) => typeof B == "number") : typeof c == "number", T = c === null;
-      return s(typeof c) && (c = l[d]), T && (c = ""), {
-        rId: k(A),
-        key: d,
-        value: Object.prototype.toString.call(c) === "[object Object]" ? a(l[d]) : H ? c.join(r.arraySplitSymbol) : c,
-        isArray: H || void 0,
-        isNumber: W || void 0
+  function r(s) {
+    return Object.keys(s).map((o, p) => {
+      let a = s[o];
+      const M = Array.isArray(a), q = M ? a.every((B) => typeof B == "number") : typeof a == "number", C = a === null;
+      return n(typeof a) && (a = s[o]), C && (a = ""), {
+        rId: v(p),
+        key: o,
+        value: Object.prototype.toString.call(a) === "[object Object]" ? r(s[o]) : M ? a.join(t.arraySplitSymbol) : a,
+        isArray: M || void 0,
+        isNumber: q || void 0
       };
     });
   }
-  const x = (l) => l.reduce((d, A) => {
-    const c = A.value;
-    return A.key.trim().length && (d[A.key] = Array.isArray(c) ? x(c) : Y(A.value, A.isArray, A.isNumber, r.arraySplitSymbol)), d;
-  }, {}), v = (l, d = 1, A = []) => /* @__PURE__ */ b(
+  const N = (s) => s.reduce((o, p) => {
+    const a = p.value;
+    return p.key.trim().length && (o[p.key] = Array.isArray(a) ? N(a) : te(p.value, p.isArray, p.isNumber, t.arraySplitSymbol)), o;
+  }, {}), m = (s, o = 1, p = []) => /* @__PURE__ */ i(
     "div",
     {
-      className: I([
-        `depth-${d}`,
-        p.showBorder ? "" : "no-border",
-        p.showPad ? "" : "no-pad"
+      className: g([
+        `depth-${o}`,
+        d.showBorder ? "" : "no-border",
+        d.showPad ? "" : "no-pad"
       ]),
       style: {
         //@ts-ignore
-        "--depth": d,
-        ["--c" + [d]]: re(p.borderColors, d)
+        "--depth": o,
+        ["--c" + [o]]: ne(d.borderColors, o)
       },
-      children: l.map((c, H, W) => {
-        const T = [...A, H], B = Array.isArray(c.value), ee = s(typeof c.value);
-        return /* @__PURE__ */ N(
+      children: s.map((a, M, q) => {
+        const C = [...p, M], B = Array.isArray(a.value), Z = n(typeof a.value);
+        return /* @__PURE__ */ b(
           "div",
           {
             className: "dItem",
-            style: { marginLeft: d > 1 ? `${d * p.retractLen}px` : "0" },
+            style: { marginLeft: o > 1 ? `${o * d.retractLen}px` : "0" },
             children: [
-              /* @__PURE__ */ N("div", { className: "input", children: [
-                !B && /* @__PURE__ */ N(E, { children: [
-                  /* @__PURE__ */ b(
+              /* @__PURE__ */ b("div", { className: "input", children: [
+                !B && /* @__PURE__ */ b(z, { children: [
+                  /* @__PURE__ */ i(
                     "input",
                     {
-                      value: c.key,
+                      value: a.key,
                       className: "key nativeInput",
-                      onInput: (w) => {
-                        const C = w.target.value;
+                      onInput: (S) => {
+                        const k = S.target.value;
                         e(
-                          (g) => L(g, T, (h, S) => {
-                            const M = [...h], j = M[S];
-                            return M[S] = { ...j, key: C }, M;
+                          (y) => j(y, C, (u, f) => {
+                            const R = [...u], w = R[f];
+                            return R[f] = { ...w, key: k }, R;
                           })
                         );
                       }
@@ -308,24 +259,24 @@ const oe = Q((i, m) => {
                   ),
                   ":"
                 ] }),
-                /* @__PURE__ */ N("div", { className: "vInput", children: [
-                  /* @__PURE__ */ b("div", { className: "slot", children: Array.isArray(c.value) ? void 0 : /* @__PURE__ */ N(E, { children: [
-                    /* @__PURE__ */ b(
+                /* @__PURE__ */ b("div", { className: "vInput", children: [
+                  /* @__PURE__ */ i("div", { className: "slot", children: Array.isArray(a.value) ? void 0 : /* @__PURE__ */ b(z, { children: [
+                    /* @__PURE__ */ i(
                       "button",
                       {
-                        className: I([
-                          c.isArray ? "success" : "default",
+                        className: g([
+                          a.isArray ? "success" : "default",
                           "small",
                           "bt"
                         ]),
                         onClick: () => {
                           e(
-                            (w) => L(w, T, (C, g) => {
-                              const h = [...C], S = h[g];
-                              return h[g] = {
-                                ...S,
-                                isArray: !S.isArray
-                              }, h;
+                            (S) => j(S, C, (k, y) => {
+                              const u = [...k], f = u[y];
+                              return u[y] = {
+                                ...f,
+                                isArray: !f.isArray
+                              }, u;
                             })
                           );
                         },
@@ -333,22 +284,22 @@ const oe = Q((i, m) => {
                       }
                     ),
                     " ",
-                    /* @__PURE__ */ b(
+                    /* @__PURE__ */ i(
                       "button",
                       {
-                        className: I([
-                          c.isNumber ? "success" : "default",
+                        className: g([
+                          a.isNumber ? "success" : "default",
                           "small",
                           "bt"
                         ]),
                         onClick: () => {
                           e(
-                            (w) => L(w, T, (C, g) => {
-                              const h = [...C], S = h[g];
-                              return h[g] = {
-                                ...S,
-                                isNumber: !S.isNumber
-                              }, h;
+                            (S) => j(S, C, (k, y) => {
+                              const u = [...k], f = u[y];
+                              return u[y] = {
+                                ...f,
+                                isNumber: !f.isNumber
+                              }, u;
                             })
                           );
                         },
@@ -356,95 +307,95 @@ const oe = Q((i, m) => {
                       }
                     )
                   ] }) }),
-                  /* @__PURE__ */ b(
+                  /* @__PURE__ */ i(
                     "input",
                     {
                       className: `value nativeV ${B ? "isKey" : ""}`,
-                      value: ee ? c.value : c.key,
-                      onInput: (w) => {
-                        const C = w.target.value;
+                      value: Z ? a.value : a.key,
+                      onInput: (S) => {
+                        const k = S.target.value;
                         if (B) {
                           e(
-                            (h) => L(h, T, (S, M) => {
-                              const j = [...S], q = j[M];
-                              return j[M] = { ...q, key: C }, j;
+                            (u) => j(u, C, (f, R) => {
+                              const w = [...f], G = w[R];
+                              return w[R] = { ...G, key: k }, w;
                             })
                           );
                           return;
                         }
-                        let g = C;
-                        p.allowFilter && c.isNumber && (g = Z(
-                          C,
-                          c.isArray,
-                          r.arraySplitSymbol
+                        let y = k;
+                        d.allowFilter && a.isNumber && (y = Y(
+                          k,
+                          a.isArray,
+                          t.arraySplitSymbol
                         )), e(
-                          (h) => L(h, T, (S, M) => {
-                            const j = [...S], q = j[M];
-                            return j[M] = { ...q, value: g }, j;
+                          (u) => j(u, C, (f, R) => {
+                            const w = [...f], G = w[R];
+                            return w[R] = { ...G, value: y }, w;
                           })
                         );
                       }
                     }
                   ),
-                  /* @__PURE__ */ b("div", { className: "surSlot", children: d < t ? !B && /* @__PURE__ */ b(
+                  /* @__PURE__ */ i("div", { className: "surSlot", children: o < c ? !B && /* @__PURE__ */ i(
                     "button",
                     {
-                      className: I([
+                      className: g([
                         "success",
                         "bt"
                       ]),
                       onClick: () => {
                         e(
-                          (w) => L(w, T, (C, g) => {
-                            const h = [...C], S = h[g], j = [
-                              ...Array.isArray(S.value) ? S.value : [],
-                              { rId: k(), key: "", value: "" }
+                          (S) => j(S, C, (k, y) => {
+                            const u = [...k], f = u[y], w = [
+                              ...Array.isArray(f.value) ? f.value : [],
+                              { rId: v(), key: "", value: "" }
                             ];
-                            return h[g] = {
-                              ...S,
+                            return u[y] = {
+                              ...f,
                               isArray: void 0,
                               isNumber: void 0,
-                              value: j
-                            }, h;
+                              value: w
+                            }, u;
                           })
                         );
                       },
-                      children: K(c)
+                      children: K(a)
                     }
                   ) : null })
                 ] })
               ] }),
-              /* @__PURE__ */ N("div", { className: "btn", children: [
-                /* @__PURE__ */ b(
+              /* @__PURE__ */ b("div", { className: "btn", children: [
+                /* @__PURE__ */ i(
                   "button",
                   {
-                    className: I(["success", "bt"]),
-                    disabled: H !== W.length - 1,
+                    className: g(["success", "bt"]),
+                    disabled: M !== q.length - 1,
                     onClick: () => {
-                      e((w) => L(w, T, (C, g) => {
-                        const h = [...C];
-                        return h.splice(g + 1, 0, {
-                          rId: k(),
+                      e((S) => j(S, C, (k, y) => {
+                        const u = [...k];
+                        return u.splice(y + 1, 0, {
+                          rId: v(),
                           key: "",
                           value: ""
-                        }), h;
+                        }), u;
                       }));
                     },
                     children: "+"
                   }
                 ),
-                /* @__PURE__ */ b(
+                /* @__PURE__ */ i(
                   "button",
                   {
-                    className: I([
+                    className: g([
                       "danger",
                       "bt"
                     ]),
                     onClick: () => {
                       e(
-                        (w) => L(w, T, (C, g) => {
-                          const h = [...C];
-                          return h.splice(g, 1), h;
+                        (S) => j(S, C, (k, y) => {
+                          const u = [...k];
+                          return u.splice(y, 1), u;
                         })
                       );
                     },
@@ -452,218 +403,219 @@ const oe = Q((i, m) => {
                   }
                 )
               ] }),
-              Array.isArray(c.value) && v(c.value, d + 1, T)
+              Array.isArray(a.value) && m(a.value, o + 1, C)
             ]
           },
-          c.rId
+          a.rId
         );
       })
     }
   );
-  return _(() => {
-    u && O(x(o));
-  }, [o]), /* @__PURE__ */ N("div", { className: `dynamicCascadeInput ${y}`, children: [
-    /* @__PURE__ */ b(
+  return E(() => {
+    T && $(N(l));
+  }, [l]), /* @__PURE__ */ b("div", { className: `dynamicCascadeInput ${L}`, children: [
+    /* @__PURE__ */ i(
       "div",
       {
-        className: `dyFormList ${o.length ? "" : "noObj"}`,
-        style: { maxHeight: p.maxHeight },
-        children: v(o)
+        className: `dyFormList ${l.length ? "" : "noObj"}`,
+        style: { maxHeight: d.maxHeight },
+        children: m(l)
       }
     ),
-    /* @__PURE__ */ N("div", { className: `control ${o.length ? "" : "noObj"}`, children: [
-      !o.length && /* @__PURE__ */ b(
+    /* @__PURE__ */ b("div", { className: `control ${l.length ? "" : "noObj"}`, children: [
+      !l.length && /* @__PURE__ */ i(
         "button",
         {
-          className: I([
+          className: g([
             "success",
             "bt"
           ]),
           onClick: () => {
-            e((l) => [...l, { rId: k(), key: "", value: "" }]);
+            e((s) => [...s, { rId: v(), key: "", value: "" }]);
           },
-          children: F.newTxt
+          children: A.newTxt
         }
       ),
-      !u && /* @__PURE__ */ N(E, { children: [
-        !p.hideReset && /* @__PURE__ */ b(
+      !T && /* @__PURE__ */ b(z, { children: [
+        !d.hideReset && /* @__PURE__ */ i(
           "button",
           {
-            className: I([
+            className: g([
               "default",
               "bt"
             ]),
             onClick: () => {
-              e(a(n)), P?.();
+              e(r(h)), P?.();
             },
-            children: F.resetTxt
+            children: A.resetTxt
           }
         ),
-        /* @__PURE__ */ b(
+        /* @__PURE__ */ i(
           "button",
           {
-            className: I([
+            className: g([
               "info",
               "bt"
             ]),
             onClick: () => {
-              const l = x(o);
-              O(l), D?.(l, o), e(a(l));
+              const s = N(l);
+              $(s), O?.(s, l), e(r(s));
             },
-            children: F.mergeTxt
+            children: A.mergeTxt
           }
         )
       ] })
     ] })
   ] });
-}), ie = ["value", "key", "onChange", "render2"];
-function ue(i, m = {}) {
-  const [t, n] = J(() => i);
-  return _(() => {
-    m.syncFromRaw && n(i);
-  }, [m.syncFromRaw, i]), [t, n];
+});
+function ce(F, x = {}) {
+  const [c, h] = Q(() => F);
+  return E(() => {
+    x.syncFromRaw && h(F);
+  }, [x.syncFromRaw, F]), [c, h];
 }
-function me(i) {
-  const [m, t] = i, n = U(m);
-  _(() => {
-    n.current = m;
-  }, [m]);
-  const u = R(() => n.current, []), y = R((r, s) => {
-    const o = s?.length ? new Set(s) : null;
-    t(
-      (e) => e.map((a) => {
-        const x = a.key;
-        return !o || o.has(x) ? { ...a, disabled: r } : a;
+function ie(F) {
+  const [x, c] = F, h = W(x);
+  E(() => {
+    h.current = x;
+  }, [x]);
+  const T = I(() => h.current, []), L = I((t, n) => {
+    const l = n?.length ? new Set(n) : null;
+    c(
+      (e) => e.map((r) => {
+        const N = r.key;
+        return !l || l.has(N) ? { ...r, disabled: t } : r;
       })
     );
-  }, [t]), f = R((r, s) => {
-    const o = s?.length ? new Set(s) : null;
-    t(
-      (e) => e.map((a) => {
-        const x = a.key;
-        return !o || o.has(x) ? { ...a, hidden: r } : a;
+  }, [c]), V = I((t, n) => {
+    const l = n?.length ? new Set(n) : null;
+    c(
+      (e) => e.map((r) => {
+        const N = r.key;
+        return !l || l.has(N) ? { ...r, hidden: t } : r;
       })
     );
-  }, [t]), $ = R(
-    (r, s) => {
-      t(
-        (o) => o.map((e) => e.key === r ? { ...e, value: s } : e)
+  }, [c]), H = I(
+    (t, n) => {
+      c(
+        (l) => l.map((e) => e.key === t ? { ...e, value: n } : e)
       );
     },
-    [t]
-  ), V = R(
-    (r) => {
-      t(
-        (s) => s.map((o) => {
-          const e = o.key;
-          return e in r ? { ...o, value: r[e] } : o;
+    [c]
+  ), D = I(
+    (t) => {
+      c(
+        (n) => n.map((l) => {
+          const e = l.key;
+          return e in t ? { ...l, value: t[e] } : l;
         })
       );
     },
-    [t]
-  ), k = R(
-    (r) => u().find((s) => s.key === r),
-    [u]
-  ), K = R(
-    (r) => {
-      const s = k(r);
-      return s ? s.value : void 0;
+    [c]
+  ), v = I(
+    (t) => T().find((n) => n.key === t),
+    [T]
+  ), K = I(
+    (t) => {
+      const n = v(t);
+      return n ? n.value : void 0;
     },
-    [k]
-  ), P = R(
-    (r) => {
-      const s = r?.length ? new Set(r) : null;
-      return u().reduce((o, e) => {
-        const a = e.key;
-        return (!s || s.has(a)) && (o[a] = e.value), o;
+    [v]
+  ), P = I(
+    (t) => {
+      const n = t?.length ? new Set(t) : null;
+      return T().reduce((l, e) => {
+        const r = e.key;
+        return (!n || n.has(r)) && (l[r] = e.value), l;
       }, {});
     },
-    [u]
-  ), D = R(
-    (r = null) => {
-      t((s) => s.map((o) => ({ ...o, value: r })));
+    [T]
+  ), O = I(
+    (t = null) => {
+      c((n) => n.map((l) => ({ ...l, value: t })));
     },
-    [t]
-  ), O = R(
-    (r, s) => {
-      t(
-        (o) => o.map((e) => {
-          if (e.key !== r) return e;
-          const { key: a, ...x } = s;
-          return { ...e, ...x };
+    [c]
+  ), $ = I(
+    (t, n) => {
+      c(
+        (l) => l.map((e) => {
+          if (e.key !== t) return e;
+          const { key: r, ...N } = n;
+          return { ...e, ...N };
         })
       );
     },
-    [t]
-  ), F = R(
-    (r) => {
-      const s = new Map(r);
-      t(
-        (o) => o.map((e) => {
-          const a = s.get(e.key);
-          if (!a) return e;
-          const { key: x, ...v } = a;
-          return { ...e, ...v };
+    [c]
+  ), A = I(
+    (t) => {
+      const n = new Map(t);
+      c(
+        (l) => l.map((e) => {
+          const r = n.get(e.key);
+          if (!r) return e;
+          const { key: N, ...m } = r;
+          return { ...e, ...m };
         })
       );
     },
-    [t]
-  ), p = R(
-    (r) => {
-      const s = new Map(r);
-      t(
-        (o) => o.map((e) => {
-          const a = s.get(e.key);
-          return a ? { ...e, key: a } : e;
+    [c]
+  ), d = I(
+    (t) => {
+      const n = new Map(t);
+      c(
+        (l) => l.map((e) => {
+          const r = n.get(e.key);
+          return r ? { ...e, key: r } : e;
         })
       );
     },
-    [t]
+    [c]
   );
-  return te(
+  return ee(
     () => ({
-      items: m,
-      setDisabled: y,
-      setHidden: f,
-      setValue: $,
-      setValues: V,
+      items: x,
+      setDisabled: L,
+      setHidden: V,
+      setValue: H,
+      setValues: D,
       getValue: K,
       getValues: P,
-      onReset: D,
-      getItem: k,
-      setItem: O,
-      setItems: F,
-      updateKeys: p
+      onReset: O,
+      getItem: v,
+      setItem: $,
+      setItems: A,
+      updateKeys: d
     }),
     [
-      m,
-      y,
-      f,
-      $,
+      x,
+      L,
       V,
+      H,
+      D,
       K,
       P,
-      D,
-      k,
       O,
-      F,
-      p
+      v,
+      $,
+      A,
+      d
     ]
   );
 }
 export {
-  ce as DynamicCascadeInput,
-  oe as DynamicInput,
-  ae as OmitValue,
-  I as clsx,
-  Z as formatNumberInput,
-  ne as getDepthColor,
-  ie as omitFormCommonKey,
-  Y as parseValue,
-  G as resetObj,
-  re as saferRepairColor,
-  z as tranArr,
-  L as updateArrayAtPath,
-  me as useDyForm,
-  ue as useReactiveForm
+  oe as DynamicCascadeInput,
+  ae as DynamicInput,
+  de as OmitValue,
+  g as clsx,
+  Y as formatNumberInput,
+  ye as getDepthColor,
+  be as omitAllCommonKey,
+  he as omitFormCommonKey,
+  te as parseValue,
+  J as resetObj,
+  ne as saferRepairColor,
+  _ as tranArr,
+  j as updateArrayAtPath,
+  ie as useDyForm,
+  ce as useReactiveForm
 };