@dazhicheng/ui 1.5.199 → 1.5.201

package/dist/components/tt-form/src/form-render/FormField.vue2.js

@@ -0,0 +1,346 @@
+import { defineComponent as fe, useTemplateRef as K, computed as i, reactive as pe, markRaw as ve, toRaw as he, watch as G, nextTick as be, onUnmounted as ye, createBlock as h, createCommentVNode as m, unref as l, openBlock as u, mergeProps as N, withCtx as b, withDirectives as Ce, createVNode as w, createElementVNode as $, createElementBlock as H, normalizeClass as O, normalizeStyle as J, renderSlot as ge, normalizeProps as we, guardReactiveProps as Fe, resolveDynamicComponent as Re, createSlots as Se, renderList as ke, Transition as Ne, vShow as Oe } from "vue";
+import Ee from "../form/FormControl.vue.js";
+import Be from "../form/FormDescription.vue.js";
+import Pe from "../form/FormItem.vue.js";
+import { isString as y, isFunction as q, clnm as j, isObject as Te } from "@dazhicheng/utils";
+import Ve from "../form/FormMessageToolTip.vue.js";
+import Ie from "../form/FormMessage.vue.js";
+import "@dazhicheng-ui/assets/img/FormItemWarning.jpeg?inline";
+import "@dazhicheng-ui/components/tt-icon";
+import "@vueuse/core";
+import "element-plus";
+import { useFormValues as Le, useFieldError as $e, Field as qe } from "vee-validate";
+/* empty css                          */
+import E from "../form/RenderContent.vue.js";
+import { set as je, get as Me } from "lodash-es";
+import { toTypedSchema as Ue } from "@vee-validate/zod";
+import { injectComponentRefMap as De } from "../useFormContext.js";
+import { useFormContext as We, injectRenderFormProps as ze } from "./context.js";
+import xe from "./dependencies.js";
+import Ae from "./FormLabel.vue2.js";
+import { useSelectCollapseOptions as Ke } from "../hooks/useSelectCollapse.js";
+import { isEventObjectLike as Q } from "./helper.js";
+const Ge = { class: "flex-auto overflow-hidden" }, He = {
+  key: 0,
+  class: "ml-1"
+}, bn = /* @__PURE__ */ fe({
+  __name: "FormField",
+  props: {
+    component: {},
+    componentProps: { type: [Function, Object] },
+    defaultValue: {},
+    dependencies: {},
+    description: { type: [Function, String] },
+    fieldName: {},
+    help: { type: [Function, String] },
+    hide: { type: Boolean },
+    label: { type: [Function, String] },
+    renderComponentContent: { type: Function },
+    rules: {},
+    suffix: { type: [Function, String] },
+    helpTrigger: {},
+    toolTip: {},
+    toolTipText: { type: [Function, String] },
+    useArraySchema: { type: Boolean },
+    arraySchema: { type: [Array, Function] },
+    colon: { type: Boolean },
+    controlClass: {},
+    disabled: { type: Boolean },
+    disabledOnChangeListener: { type: Boolean },
+    disabledOnInputListener: { type: Boolean },
+    emptyStateValue: {},
+    formFieldProps: {},
+    formItemClass: { type: [Function, String] },
+    hideLabel: { type: Boolean },
+    hideRequiredMark: { type: Boolean },
+    labelClass: {},
+    labelWidth: {},
+    modelPropName: {},
+    wrapperClass: {},
+    commonComponentProps: {}
+  },
+  setup(n) {
+    const B = K("wrapperRef"), { componentBindEventMap: X, componentMap: Y, isVertical: C } = We(), M = ze(), k = Le(), Z = $e(n.fieldName), f = K("fieldComponentRef"), F = M.form, R = i(() => M.compact), S = i(() => {
+      var e;
+      return ((e = Z.value) == null ? void 0 : e.length) > 0;
+    }), P = pe(
+      new Proxy({}, {
+        /**
+         * @param _target 代理目标（空对象，不实际存储）
+         * @param key 属性名
+         * @returns 当前表单值
+         */
+        get(e, t) {
+          return Me(k.value, t);
+        },
+        /**
+         * @param _target 代理目标
+         * @param key 属性名
+         * @param value 新值
+         * @returns 是否设置成功
+         */
+        set(e, t, o) {
+          return je(k.value, t, o), F == null || F.validateField(t), !0;
+        }
+      })
+    ), _ = i(() => {
+      const e = y(n.component) ? Y.value[n.component] : n.component;
+      return ve(he(e));
+    }), { dynamicComponentProps: ee, dynamicRules: ne, isDisabled: te, isIf: U, isRequired: T, isShow: D } = xe(
+      () => n.dependencies
+    ), oe = i(() => {
+      var e;
+      return (e = n.labelClass) != null && e.includes("w-") || C.value ? {} : {
+        width: `${n.labelWidth}px`
+      };
+    }), s = i(() => ne.value || n.rules), W = i(() => !n.hide && U.value && D.value), V = i(() => {
+      var o, a, d;
+      if (!W.value)
+        return !1;
+      if (!s.value)
+        return T.value;
+      if (T.value)
+        return !0;
+      if (y(s.value))
+        return ["required", "selectRequired"].includes(s.value);
+      let e = (a = (o = s == null ? void 0 : s.value) == null ? void 0 : o.isOptional) == null ? void 0 : a.call(o);
+      const t = s.value.def;
+      if ((t == null ? void 0 : t.type) === "default" && "innerType" in t) {
+        const v = t.innerType;
+        v && (e = (d = v.isOptional) == null ? void 0 : d.call(v));
+      }
+      return !e;
+    }), le = i(() => {
+      var o;
+      if (!W.value)
+        return null;
+      let e = s.value;
+      if (!e)
+        return T.value ? "required" : null;
+      if (y(e))
+        return e;
+      if (!!V.value) {
+        const a = (o = e == null ? void 0 : e.unwrap) == null ? void 0 : o.call(e);
+        a && (e = a);
+      }
+      return Ue(e);
+    }), r = i(() => {
+      const e = q(n.componentProps) ? n.componentProps(k.value, F) : n.componentProps;
+      return {
+        ...n.commonComponentProps,
+        ...e,
+        ...ee.value
+      };
+    }), { selectComponentProps: ae } = Ke(
+      i(() => ({
+        componentProps: r,
+        component: n.component,
+        selectWrapRef: B,
+        selectRef: f
+      }))
+    );
+    G(
+      () => {
+        var e;
+        return (e = r.value) == null ? void 0 : e.autofocus;
+      },
+      (e) => {
+        e === !0 && be(() => {
+          ce();
+        });
+      },
+      { immediate: !0 }
+    );
+    const I = i(() => {
+      var e;
+      return te.value || n.disabled || ((e = r.value) == null ? void 0 : e.disabled);
+    }), z = i(() => q(n.renderComponentContent) ? n.renderComponentContent(k.value, F) : {}), ie = i(() => Object.keys(z.value)), re = i(() => {
+      const e = le.value;
+      return {
+        keepValue: !0,
+        label: y(n.label) ? n.label : "",
+        ...e ? { rules: e } : {},
+        ...n.formFieldProps
+      };
+    });
+    function ue(e) {
+      var v;
+      const t = e.componentField.modelValue, o = e.componentField["onUpdate:modelValue"], a = n.modelPropName || (y(n.component) ? (v = X.value) == null ? void 0 : v[n.component] : null);
+      let d = t;
+      if (t && Te(t) && a) {
+        const c = t.target;
+        d = Q(t) ? c == null ? void 0 : c[a] : (t == null ? void 0 : t[a]) ?? t;
+      }
+      return a ? {
+        [`onUpdate:${a}`]: o,
+        [a]: d === void 0 ? n.emptyStateValue : d,
+        onChange: n.disabledOnChangeListener ? void 0 : (c) => {
+          var A;
+          const me = Q(c), g = (A = e == null ? void 0 : e.componentField) == null ? void 0 : A.onChange;
+          if (!me)
+            return g == null ? void 0 : g(c);
+          const L = c.target;
+          return g == null ? void 0 : g((L == null ? void 0 : L[a]) ?? c);
+        },
+        ...n.disabledOnInputListener ? { onInput: void 0 } : {}
+      } : {
+        ...n.disabledOnInputListener ? { onInput: void 0 } : {},
+        ...n.disabledOnChangeListener ? { onChange: void 0 } : {}
+      };
+    }
+    const se = /* @__PURE__ */ new Set(["ElCheckbox", "ElCheckboxButton", "ElSwitch"]), de = /* @__PURE__ */ new Set(["ElInputNumber"]);
+    function x(e) {
+      const t = ue(e), o = {
+        ...e.componentField,
+        ...r.value,
+        ...ae.value,
+        ...t,
+        ...Reflect.has(r.value, "onChange") ? { onChange: r.value.onChange } : {},
+        ...Reflect.has(r.value, "onInput") ? { onInput: r.value.onInput } : {}
+      };
+      return Reflect.has(r.value, "name") || delete o.name, y(n.component) && se.has(n.component) && o.modelValue === void 0 && (o.modelValue = !1), y(n.component) && de.has(n.component) && (o.controls = !1, o.align = "left"), o;
+    }
+    function ce() {
+      var e, t;
+      f.value && q(f.value.focus) && // 检查当前是否有元素被聚焦
+      document.activeElement !== f.value && ((t = (e = f.value) == null ? void 0 : e.focus) == null || t.call(e));
+    }
+    const p = De();
+    return G(f, (e) => {
+      p == null || p.set(n.fieldName, e);
+    }), ye(() => {
+      p != null && p.has(n.fieldName) && p.delete(n.fieldName);
+    }), (e, t) => !e.hide && l(U) ? (u(), h(l(qe), N({ key: 0 }, re.value, { name: e.fieldName }), {
+      default: b((o) => [
+        Ce(w(l(Pe), N({
+          class: [{
+            "form-valid-error": S.value,
+            "form-is-required": V.value,
+            "pb-(--form-valid-error-nocompact-padding-bottom)": !R.value,
+            "pb-2": R.value
+          }, "relative"]
+        }, e.$attrs), {
+          default: b(() => [
+            $("div", {
+              class: O([{ "flex-col": l(C), "flex-row items-center": !l(C) }, "flex"])
+            }, [
+              e.hideLabel ? m("", !0) : (u(), h(Ae, {
+                key: 0,
+                class: O(
+                  l(j)(
+                    "flex leading-6",
+                    {
+                      "mr-2 shrink-0 items-center justify-end": !l(C),
+                      "mb-1 flex-row": l(C)
+                    },
+                    e.labelClass
+                  )
+                ),
+                help: e.help,
+                colon: e.colon,
+                label: e.label,
+                required: V.value && !e.hideRequiredMark,
+                style: J(oe.value),
+                "tool-tip": e.toolTip,
+                "help-trigger": e.helpTrigger,
+                form: P,
+                "tool-tip-text": e.toolTipText
+              }, {
+                default: b(() => [
+                  e.label ? (u(), h(l(E), {
+                    key: 0,
+                    content: e.label
+                  }, null, 8, ["content"])) : m("", !0)
+                ]),
+                _: 1
+              }, 8, ["class", "help", "colon", "label", "required", "style", "tool-tip", "help-trigger", "form", "tool-tip-text"])),
+              $("div", Ge, [
+                $("div", {
+                  ref_key: "wrapperRef",
+                  ref: B,
+                  class: O(l(j)("relative flex w-full items-center", e.wrapperClass))
+                }, [
+                  w(l(Ee), {
+                    class: O(l(j)(e.controlClass))
+                  }, {
+                    default: b(() => [
+                      ge(e.$slots, "default", we(Fe({
+                        ...o,
+                        ...x(o),
+                        disabled: I.value,
+                        isInValid: S.value,
+                        form: P,
+                        fieldName: e.fieldName
+                      })), () => [
+                        (u(), h(Re(_.value), N({
+                          ref_key: "fieldComponentRef",
+                          ref: f,
+                          class: {
+                            "border-destructive hover:border-destructive/80 focus:border-destructive focus:shadow-[0_0_0_2px_rgba(255,38,5,0.06)]": S.value
+                          }
+                        }, {
+                          ...x(o),
+                          disabled: I.value,
+                          isInValid: S.value,
+                          form: P,
+                          fieldName: e.fieldName
+                        }, { disabled: I.value }), Se({ _: 2 }, [
+                          ke(ie.value, (a) => ({
+                            name: a,
+                            fn: b((d) => [
+                              w(l(E), N({
+                                content: z.value[a]
+                              }, { ...d, formContext: o }), null, 16, ["content"])
+                            ])
+                          }))
+                        ]), 1040, ["class", "disabled"]))
+                      ])
+                    ]),
+                    _: 2
+                  }, 1032, ["class"]),
+                  e.suffix ? (u(), H("div", He, [
+                    w(l(E), { content: e.suffix }, null, 8, ["content"])
+                  ])) : m("", !0),
+                  R.value && S.value ? (u(), h(l(Ve), {
+                    key: 1,
+                    "ref-dom": B.value
+                  }, null, 8, ["ref-dom"])) : m("", !0)
+                ], 2)
+              ])
+            ], 2),
+            e.description || !R.value ? (u(), H("div", {
+              key: 0,
+              style: J(!l(C) && !e.hideLabel ? { paddingLeft: `${(e.labelWidth || 0) + 8}px` } : {})
+            }, [
+              e.description ? (u(), h(l(Be), {
+                key: 0,
+                class: "text-[12px]"
+              }, {
+                default: b(() => [
+                  w(l(E), { content: e.description }, null, 8, ["content"])
+                ]),
+                _: 1
+              })) : m("", !0),
+              R.value ? m("", !0) : (u(), h(Ne, {
+                key: 1,
+                name: "slide-up"
+              }, {
+                default: b(() => [
+                  w(l(Ie), { class: "absolute" })
+                ]),
+                _: 1
+              }))
+            ], 4)) : m("", !0)
+          ]),
+          _: 2
+        }, 1040, ["class"]), [
+          [Oe, l(D)]
+        ])
+      ]),
+      _: 3
+    }, 16, ["name"])) : m("", !0);
+  }
+});
+export {
+  bn as default
+};

package/dist/components/tt-form/src/form-render/FormFieldContact.js

@@ -0,0 +1,54 @@
+import { defineComponent as a, h as l } from "vue";
+import i from "../group-form/LazyFormField.vue.js";
+/* empty css                               */
+import { FormArrayRegister as m } from "./array-register/FormArrayRegister.js";
+import o from "./FormField.vue2.js";
+const c = a({
+  name: "FieldRenderer",
+  props: {
+    fieldConfig: {
+      type: Object,
+      required: !0
+    },
+    rules: { type: [String, Object], default: void 0 },
+    virtual: { type: Boolean, default: !1 },
+    scrollElement: { type: Object, default: null },
+    rootMargin: { type: String, default: "200px 0px" },
+    estimateFieldHeight: { type: Number, default: 52 }
+  },
+  setup(r, { slots: t }) {
+    return () => {
+      const e = {
+        commonComponentProps: {},
+        ...r.fieldConfig
+      };
+      return e.useArraySchema ? l(
+        m,
+        {
+          ...e,
+          rules: r.rules,
+          virtual: r.virtual,
+          arraySchema: e.arraySchema,
+          fieldName: e.fieldName,
+          formItemClass: e.formItemClass,
+          wrapperClass: e.wrapperClass
+        },
+        t
+      ) : r.virtual ? l(
+        i,
+        {
+          fieldProps: e,
+          rules: r.rules,
+          fieldClass: e.formItemClass,
+          scrollElement: r.scrollElement,
+          rootMargin: r.rootMargin,
+          estimateFieldHeight: r.estimateFieldHeight
+        },
+        t
+      ) : l(o, { ...e, class: e.formItemClass, rules: r.rules }, t);
+    };
+  }
+});
+export {
+  c as FieldRenderer
+};

package/dist/components/tt-form/src/form-render/FormLabel.vue.js

@@ -0,0 +1,4 @@
+import f from "./FormLabel.vue2.js";
+export {
+  f as default
+};

package/dist/components/tt-form/src/form-render/FormLabel.vue2.js

@@ -0,0 +1,102 @@
+import { defineComponent as h, createBlock as l, openBlock as t, unref as o, normalizeClass as g, withCtx as r, createElementBlock as s, createCommentVNode as i, Fragment as m, createElementVNode as u, toDisplayString as f, createVNode as a, normalizeProps as b, mergeProps as k, createTextVNode as y } from "vue";
+import _ from "@dazhicheng-ui/assets/svg/help.svg?raw";
+import { TtIcon as v } from "@dazhicheng-ui/components/tt-icon";
+import { TtText as x } from "@dazhicheng-ui/components/tt-text";
+import { isObject as B, isFunction as C, clnm as V } from "@dazhicheng/utils";
+import { ElTooltip as d } from "element-plus";
+import "../components/Slot.js";
+import "vee-validate";
+import z from "../form/FormLabel.vue.js";
+import "@dazhicheng-ui/components/tt-form-item-error-tooltip";
+import "@dazhicheng-ui/assets/img/FormItemWarning.jpeg?inline";
+import "@vueuse/core";
+/* empty css                          */
+import p from "../form/RenderContent.vue.js";
+const N = {
+  key: 0,
+  class: "mr-[2px] text-destructive color-var(--el-color-error)"
+}, E = { class: "flex items-center" }, F = { key: 0 }, q = { class: "flex items-center" }, L = {
+  key: 3,
+  class: "ml-[2px]"
+}, R = /* @__PURE__ */ h({
+  __name: "FormLabel",
+  props: {
+    class: {},
+    colon: { type: Boolean },
+    help: {},
+    label: {},
+    required: { type: Boolean },
+    helpTrigger: { default: "hover" },
+    toolTip: { default: () => ({
+      toolTipLine: 3
+    }) },
+    toolTipText: {}
+  },
+  setup(T) {
+    const n = T, c = (B(n.label) || C(n.label)) && n.label !== null;
+    return (e, P) => (t(), l(o(z), {
+      class: g(o(V)("flex items-center text-var(--el-font-size-base)", n.class))
+    }, {
+      default: r(() => [
+        e.required ? (t(), s("span", N, "*")) : i("", !0),
+        e.label ? (t(), s(m, { key: 1 }, [
+          e.toolTipText ? (t(), l(o(d), {
+            key: 0,
+            "popper-class": "mx-1",
+            placement: "top",
+            trigger: "hover"
+          }, {
+            content: r(() => [
+              a(o(p), { content: e.toolTipText }, null, 8, ["content"])
+            ]),
+            default: r(() => [
+              u("div", E, [
+                o(c) ? (t(), l(o(p), {
+                  key: 1,
+                  content: e.label
+                }, null, 8, ["content"])) : (t(), s("div", F, f(e.label), 1))
+              ])
+            ]),
+            _: 1
+          })) : (t(), s(m, { key: 1 }, [
+            o(c) ? (t(), l(o(p), {
+              key: 1,
+              content: e.label
+            }, null, 8, ["content"])) : (t(), l(o(x), b(k({ key: 0 }, n.toolTip)), {
+              default: r(() => [
+                y(f(e.label), 1)
+              ]),
+              _: 1
+            }, 16))
+          ], 64))
+        ], 64)) : i("", !0),
+        e.help ? (t(), l(o(d), {
+          key: 2,
+          "popper-class": "mx-1",
+          placement: "top",
+          trigger: e.helpTrigger
+        }, {
+          content: r(() => [
+            a(o(p), { content: e.help }, null, 8, ["content"])
+          ]),
+          default: r(() => [
+            u("div", q, [
+              a(o(v), {
+                class: "ml-[4px] cursor-pointer",
+                size: 14,
+                "is-custom-svg": "",
+                icon: o(_)
+              }, null, 8, ["icon"])
+            ])
+          ]),
+          _: 1
+        }, 8, ["trigger"])) : i("", !0),
+        e.colon && e.label ? (t(), s("span", L, ":")) : i("", !0)
+      ]),
+      _: 1
+    }, 8, ["class"]));
+  }
+});
+export {
+  R as default
+};

package/dist/components/tt-form/src/form-render/array-register/FormArrayRegister.js

@@ -0,0 +1,195 @@
+import { defineComponent as M, computed as h, unref as C, reactive as T, onMounted as Y, onUnmounted as z, createVNode as N, toValue as b, Fragment as B, mergeProps as G, isVNode as U } from "vue";
+import { clnm as W } from "@dazhicheng/utils";
+import { set as q, get as J, omit as Q } from "lodash-es";
+import { useFormValues as X } from "vee-validate";
+import { useArrayRegistry as Z } from "../../hooks/useArrayRegistry.js";
+import { useFieldArray as ee } from "../../hooks/useFieldArray.js";
+import { injectFormProps as re, resolveArraySchemasForRuntime as ae, createArraySchemaContext as te } from "../../useFormContext.js";
+import { normalizeArrayFieldPath as I } from "../../utils/array-path.js";
+import { injectRenderFormProps as ne } from "../context.js";
+import le from "../dependencies.js";
+import { FieldRenderer as ie } from "../FormFieldContact.js";
+import { formArrayRegisterProps as oe } from "./props.js";
+import { getMergedDisabled as de, resolveArrayItemState as x } from "./utils.js";
+function me(r) {
+  return typeof r == "function" || Object.prototype.toString.call(r) === "[object Object]" && !U(r);
+}
+const ue = ["fieldName", "arraySchema", "useArraySchema", "useFieldArray", "rules", "formItemClass", "wrapperClass", "defaultValue", "hide", "disabled", "dependencies"], se = /* @__PURE__ */ M({
+  name: "FormArrayRegister",
+  props: oe,
+  setup(r, {
+    slots: i,
+    attrs: D
+  }) {
+    const o = ee(() => r.fieldName), [O, _] = Z(r.fieldName, r), y = X(), p = ne().form, [j] = re(), $ = h(() => {
+      var e;
+      return (e = C(j)) == null ? void 0 : e.formApi;
+    }), v = h(() => {
+      var e;
+      return (e = $.value) == null ? void 0 : e.arrayAction;
+    }), A = T(new Proxy(y.value, {
+      get(e, a) {
+        return J(y.value, a);
+      },
+      set(e, a, t) {
+        return q(y.value, a, t), p == null || p.validateField(String(a)), !0;
+      },
+      ownKeys() {
+        return Reflect.ownKeys(y.value);
+      },
+      getOwnPropertyDescriptor(e, a) {
+        return Object.getOwnPropertyDescriptor(y.value, a);
+      }
+    })), {
+      dynamicRules: F,
+      isDisabled: R,
+      isIf: H,
+      isShow: L
+    } = le(() => r.dependencies), w = h(() => Q(D, ue)), g = h(() => I(r.fieldName)), P = h(() => {
+      var e;
+      return (e = v.value) == null ? void 0 : e.at(g.value);
+    });
+    Y(() => {
+      O(o);
+    }), z(_);
+    function V(e) {
+      var n;
+      const {
+        entry: a,
+        index: t,
+        itemFieldName: s,
+        parentItemPath: d
+      } = e;
+      return te({
+        arrayPath: g.value,
+        itemPath: I(s),
+        index: t,
+        row: a.value,
+        arrayLength: ((n = b(o.fields)) == null ? void 0 : n.length) ?? 0,
+        parentItemPath: d,
+        form: A,
+        arrayAction: v.value,
+        arrayHandle: P.value
+      });
+    }
+    function k(e, a) {
+      const {
+        entry: t,
+        index: s,
+        itemFieldName: d,
+        parentItemPath: n
+      } = a, m = `${d}.${e.fieldName}`;
+      if (e.useArraySchema) {
+        const l = x(e, {
+          dynamicRules: F.value,
+          dynamicDisabled: R.value,
+          props: r
+        }), u = {
+          ...w.value,
+          ...e,
+          fieldName: m,
+          rules: l.rules,
+          disabled: l.disabled,
+          formItemClass: l.formItemClass,
+          virtual: r.virtual,
+          arraySchema: e.arraySchema
+        };
+        return N(se, G({
+          key: m
+        }, u), me(i) ? i : {
+          default: () => [i]
+        });
+      }
+      const c = x(e, {
+        dynamicRules: F.value,
+        dynamicDisabled: R.value,
+        props: r
+      }), S = {
+        ...w.value,
+        ...e,
+        fieldName: m,
+        rules: c.rules,
+        disabled: c.disabled,
+        formItemClass: c.formItemClass
+      };
+      return N(ie, {
+        key: `${t.key}-${m}`,
+        fieldConfig: S,
+        rules: S.rules,
+        virtual: r.virtual
+      }, {
+        default: (l) => {
+          var u, f;
+          return (f = i[e.fieldName]) == null ? void 0 : f.call(i, {
+            ...l,
+            action: o,
+            entry: t,
+            index: s,
+            fieldName: d,
+            form: A,
+            arrayPath: g.value,
+            arrayHandle: P.value,
+            arrayAction: v.value,
+            parentItemPath: n,
+            arrayLength: ((u = b(o.fields)) == null ? void 0 : u.length) ?? 0
+          });
+        }
+      });
+    }
+    function E(e, a) {
+      var u;
+      const t = `${r.fieldName}[${a}]`, s = i[r.fieldName], d = r.fieldName.lastIndexOf("."), n = d !== -1 ? r.fieldName.slice(0, d) : void 0;
+      if (s) {
+        const f = de(R.value, void 0, r.disabled);
+        return s({
+          action: o,
+          entry: e,
+          index: a,
+          fieldName: t,
+          disabled: f,
+          form: A,
+          arrayPath: g.value,
+          arrayHandle: P.value,
+          arrayAction: v.value,
+          parentItemPath: n,
+          arrayLength: ((u = b(o.fields)) == null ? void 0 : u.length) ?? 0
+        });
+      }
+      const m = {
+        entry: e,
+        index: a,
+        itemFieldName: t,
+        parentItemPath: n
+      }, c = V(m), l = ae({
+        item: r,
+        arrayPath: g.value,
+        itemPath: c.itemPath,
+        index: a,
+        row: e.value,
+        arrayLength: c.arrayLength,
+        parentItemPath: n,
+        form: A,
+        arrayAction: v.value,
+        arrayHandle: P.value
+      }).map((f) => k(f, m));
+      return l.length ? N(B, {
+        key: e.key
+      }, [l]) : null;
+    }
+    function K(e) {
+      return e.some(Boolean) ? r.wrapperClass : void 0;
+    }
+    return () => {
+      if (r.hide || !H.value) return null;
+      const a = (C(o.fields) ?? []).map(E);
+      return N("div", {
+        class: W("grid col-span-full", {
+          hidden: !L.value
+        }, K(a))
+      }, [a]);
+    };
+  }
+});
+export {
+  se as FormArrayRegister
+};