@dazhicheng/ui 1.5.198 → 1.5.201

package/dist/components/tt-form/src/group-form/GroupForm.vue2.js

@@ -0,0 +1,223 @@
+import { defineComponent as te, useSlots as re, provide as C, computed as s, useTemplateRef as ne, ref as le, createElementBlock as k, openBlock as T, Fragment as L, createBlock as V, createCommentVNode as ae, createElementVNode as K, mergeProps as A, unref as y, withModifiers as se, normalizeClass as ie, normalizeStyle as ce, renderList as D, createSlots as ue, withCtx as me, renderSlot as pe, h as fe, nextTick as ve } from "vue";
+import de from "@dazhicheng-ui/components/tt-nav-anchor";
+import { useDesign as ge } from "@dazhicheng/hooks";
+import { isFunction as he } from "@dazhicheng/utils";
+import { DEFAULT_FORM_COMMON_CONFIG as Ce, COMPONENT_BIND_EVENT_MAP as Te, COMPONENT_MAP as ye } from "../config.js";
+import { provideFormRenderProps as Ee } from "../form-render/context.js";
+import { useForwardPriorityValues as _e } from "../hooks/useForwardPriorityValues.js";
+import { useFormInitial as we, provideFormProps as Re, provideComponentRefMap as Se } from "../useFormContext.js";
+import Ae from "./GroupSection.vue2.js";
+/* empty css                 */
+import { VIRTUAL_ERROR_CACHE_KEY as Fe, RENDER_SCHEDULER_KEY as Be, createRenderScheduler as Me, GROUP_VISIBILITY_CALLBACK_KEY as be, HIDDEN_GROUP_KEYS_KEY as Oe } from "./lazyContext.js";
+import { getSchemaKey as He, isGroupSchema as Ne } from "./utils.js";
+import { getFormRootWrapperClass as Ie } from "../form-render/rootWrapperClass.js";
+const Pe = 5, Ge = 500, Je = /* @__PURE__ */ te({
+  name: "TtVirtualGroupForm",
+  inheritAttrs: !1,
+  __name: "GroupForm",
+  props: {
+    virtual: { type: Boolean },
+    scrollToFirstError: { type: Boolean },
+    containerHeight: {},
+    rootMargin: {},
+    estimateFieldHeight: {},
+    wrapperClass: {},
+    layout: {},
+    compact: { type: Boolean },
+    commonConfig: { default: () => ({}) },
+    actionWrapperClass: {},
+    showCollapseButton: { type: Boolean },
+    collapsed: { type: Boolean },
+    collapsedRows: {},
+    collapseTriggerResize: { type: Boolean },
+    submitOnChange: { type: Boolean },
+    submitOnEnter: { type: Boolean },
+    fieldMappingTime: {},
+    arrayToStringFields: {},
+    formApi: {},
+    navAnchorProps: {}
+  },
+  setup(Y, { expose: x }) {
+    var G;
+    const { prefixCls: F } = ge("group-form"), v = Y, d = re(), i = v.formApi;
+    C(Fe, i.errorCacheMap);
+    const g = Me();
+    C(Be, g), C(be, (e) => {
+      e.type === "group" ? i.setGroupVisible(e.key, e.visible) : i.setFieldsVisible(e.fieldNames, e.visible);
+    }), C(Oe, i.hiddenGroupKeys);
+    const { collapseStates: B } = i, p = v.formApi.useStore(), r = _e(v, p), M = /* @__PURE__ */ new Map(), U = s(
+      () => ({
+        ...r.value,
+        schema: p.value.schema
+      })
+    ), { form: u } = we(U);
+    Re([r, u]);
+    const b = s(() => p.value.groupSchema ?? []), $ = s(() => ({
+      collapseStates: B,
+      commonConfig: r.value.commonConfig,
+      globalCommonConfig: Ce,
+      layout: r.value.layout,
+      compact: r.value.compact,
+      virtual: r.value.virtual,
+      scrollElement: E.value,
+      rootMargin: r.value.rootMargin,
+      estimateFieldHeight: r.value.estimateFieldHeight
+    }));
+    Ee({
+      schema: p.value.schema,
+      commonConfig: r.value.commonConfig,
+      componentMap: ye,
+      componentBindEventMap: Te,
+      form: u,
+      layout: r.value.layout,
+      compact: r.value.compact,
+      wrapperClass: r.value.wrapperClass
+    }), Se(M), v.formApi.mount(u, M);
+    const E = ne("scrollRef"), _ = s(() => {
+      const e = r.value.containerHeight;
+      return e !== "100%" && e !== void 0;
+    }), z = s(() => {
+      const e = r.value.containerHeight, o = typeof e == "number" ? `${e}px` : e;
+      return {
+        height: _.value ? void 0 : "100%",
+        maxHeight: _.value ? o : void 0,
+        overflow: _.value ? "auto" : void 0
+      };
+    });
+    function q(e) {
+      i.toggleCollapse(e);
+    }
+    function W(e) {
+      const o = [];
+      for (const t of e)
+        if (Ne(t)) {
+          const n = t.title, l = he(n) ? () => n(u.values, u) : n;
+          o.push({ key: t.key, title: l });
+        }
+      return o;
+    }
+    const j = s(
+      () => Ie({
+        layout: r.value.layout,
+        compact: r.value.compact,
+        wrapperClass: r.value.wrapperClass
+      })
+    ), O = s(() => ({
+      ...r.value.navAnchorProps ?? {},
+      badgeCounts: i.navErrorCounts
+    })), H = s(() => O.value.show ?? !1), w = s(() => H.value ? W(b.value).filter((e) => !i.hiddenGroupKeys.has(e.key)) : []), J = s(() => {
+      const { show: e, ...o } = O.value;
+      return { ...o, items: w.value };
+    }), R = le(((G = w.value[0]) == null ? void 0 : G.key) || "");
+    function Q(e) {
+      var o;
+      return ((o = d[`nav-description-${e.row.key}`]) == null ? void 0 : o.call(d, {
+        row: e.row,
+        values: u.values
+      })) ?? [];
+    }
+    function X() {
+      return fe(
+        de,
+        {
+          ...J.value,
+          modelValue: R.value,
+          "onUpdate:modelValue": (e) => {
+            R.value = e;
+          },
+          onChange: oe
+        },
+        {
+          description: Q
+        }
+      );
+    }
+    function Z(e) {
+      let o = e;
+      for (; o && o !== document.documentElement; ) {
+        const { overflowY: t } = getComputedStyle(o);
+        if ((t === "auto" || t === "scroll") && o.scrollHeight > o.clientHeight)
+          return o;
+        o = o.parentElement;
+      }
+      return null;
+    }
+    function N(e, o, t) {
+      return o ? e.getBoundingClientRect().top - o.getBoundingClientRect().top + o.scrollTop - t : e.getBoundingClientRect().top + window.scrollY - t;
+    }
+    function I(e, o, t) {
+      const n = Math.max(0, o);
+      e ? e.scrollTo({ top: n, behavior: t }) : window.scrollTo({ top: n, behavior: t });
+    }
+    function P(e) {
+      g.pause(), ve(() => {
+        const o = E.value, t = o == null ? void 0 : o.querySelector(`[data-group-key="${e}"]`);
+        if (!t) {
+          g.resume();
+          return;
+        }
+        const n = p.value.scrollOffset ?? 0, l = Z(t) || o, a = l && l.scrollHeight > l.clientHeight ? l : null, c = a ?? document.documentElement, h = N(t, a, n);
+        I(a, h, "smooth");
+        let f = !1;
+        const m = () => {
+          f || (f = !0, c.removeEventListener("scrollend", m), clearTimeout(S), g.resume(), r.value.virtual && ee(t, a, n));
+        };
+        c.addEventListener("scrollend", m, { once: !0 });
+        const S = setTimeout(m, 800);
+      });
+    }
+    function ee(e, o, t) {
+      const n = o ?? document.documentElement;
+      let l, a;
+      function c() {
+        f.disconnect(), clearTimeout(l), cancelAnimationFrame(a);
+      }
+      function h() {
+        clearTimeout(l), l = setTimeout(c, Ge);
+      }
+      const f = new ResizeObserver(() => {
+        if (!e.isConnected) {
+          c();
+          return;
+        }
+        cancelAnimationFrame(a), a = requestAnimationFrame(() => {
+          const m = N(e, o, t), S = o ? o.scrollTop : window.scrollY;
+          Math.abs(m - S) > Pe && I(o, m, "instant");
+        }), h();
+      });
+      f.observe(n), h();
+    }
+    function oe(e) {
+      R.value = e, B[e] && i.toggleCollapse(e), P(e);
+    }
+    return x({ scrollToGroup: P, navItems: w }), (e, o) => (T(), k(L, null, [
+      H.value ? (T(), V(X, { key: 0 })) : ae("", !0),
+      K("form", A({ class: y(F) }, e.$attrs, {
+        onSubmit: o[0] || (o[0] = se(() => {
+        }, ["prevent"]))
+      }), [
+        K("div", {
+          ref_key: "scrollRef",
+          ref: E,
+          style: ce(z.value),
+          class: ie([`${y(F)}-scroll`, j.value])
+        }, [
+          (T(!0), k(L, null, D(b.value, (t, n) => (T(), V(Ae, A({
+            key: y(He)(t, n),
+            schema: t
+          }, { ref_for: !0 }, $.value, { onToggleCollapse: q }), ue({ _: 2 }, [
+            D(y(d), (l, a) => ({
+              name: a,
+              fn: me((c) => [
+                pe(e.$slots, a, A({ ref_for: !0 }, c || {}))
+              ])
+            }))
+          ]), 1040, ["schema"]))), 128))
+        ], 6)
+      ], 16)
+    ], 64));
+  }
+});
+export {
+  Je as default
+};

package/dist/components/tt-form/src/group-form/GroupForm.vue3.js

@@ -0,0 +1,5 @@
+import o from "./GroupForm.vue2.js";
+/* empty css              */
+export {
+  o as default
+};

package/dist/components/tt-form/src/group-form/GroupSection.vue2.js

@@ -0,0 +1,278 @@
+import { defineComponent as we, computed as a, inject as ne, watch as Se, useSlots as be, createElementBlock as h, createCommentVNode as J, openBlock as i, normalizeClass as p, createBlock as w, unref as r, renderSlot as m, normalizeProps as y, mergeProps as f, resolveDynamicComponent as Fe, Fragment as H, renderList as S, createSlots as M, withCtx as k, guardReactiveProps as b, createElementVNode as F, withDirectives as Pe, createVNode as Ie, vShow as Ee } from "vue";
+import Re from "@dazhicheng-ui/assets/svg/arrowDown.svg?raw";
+import Ne from "@dazhicheng-ui/assets/svg/arrowSUp.svg?raw";
+import Ve from "@dazhicheng-ui/components/tt-icon";
+import { useDesign as Le } from "@dazhicheng/hooks";
+import { isFunction as Q, mergeWithArrayOverride as ue, clnm as c, isString as De } from "@dazhicheng/utils";
+import { useFormValues as Oe } from "vee-validate";
+import { injectRenderFormProps as Be } from "../form-render/context.js";
+import "../components/Slot.js";
+import "@dazhicheng-ui/components/tt-form-item-error-tooltip";
+import "@dazhicheng-ui/assets/img/FormItemWarning.jpeg?inline";
+import "@vueuse/core";
+import "element-plus";
+/* empty css                          */
+import Ge from "../form/RenderContent.vue.js";
+import { FieldRenderer as X } from "../form-render/FormFieldContact.js";
+/* empty css                 */
+import { HIDDEN_GROUP_KEYS_KEY as Ae, GROUP_VISIBILITY_CALLBACK_KEY as He } from "./lazyContext.js";
+import { isGroupSchema as K, isRowSchema as ie, isSlotSchema as Z, getFieldNames as Me, getSchemaKey as Ke } from "./utils.js";
+const Te = ["data-group-key"], je = ["data-group-scroll-anchor"], me = "grid-cols-1", ze = /* @__PURE__ */ we({
+  __name: "GroupSection",
+  props: {
+    schema: {},
+    collapseStates: {},
+    commonConfig: { default: () => ({}) },
+    globalCommonConfig: { default: () => ({}) },
+    layout: { default: "horizontal" },
+    compact: { type: Boolean, default: !1 },
+    depth: { default: 0 },
+    virtual: { type: Boolean, default: !1 },
+    scrollElement: { default: null },
+    rootMargin: { default: "200px 0px" },
+    estimateFieldHeight: { default: 52 }
+  },
+  emits: ["toggleCollapse"],
+  setup(fe, { emit: pe }) {
+    const { prefixCls: s } = Le("group-section"), R = Oe(), N = Be().form, l = fe, x = pe, P = a(() => K(l.schema)), V = a(() => ie(l.schema)), ee = a(() => Z(l.schema)), o = a(() => P.value ? l.schema : null), $ = a(() => V.value ? l.schema : null), I = a(() => ee.value ? l.schema : null), T = ne(Ae, void 0), le = a(() => {
+      const u = l.schema.ifShow;
+      return u === void 0 || u === !0 ? !0 : Q(u) ? !!u(R.value, N) : !!u;
+    }), ce = a(() => !(!le.value || P.value && o.value && (T != null && T.has(o.value.key)))), j = ne(He, void 0), oe = a(() => $.value ? Me($.value.children) : []);
+    Se(
+      [le],
+      ([e]) => {
+        j && (P.value && o.value ? j({ type: "group", key: o.value.key, visible: e }) : V.value && oe.value.length && j({ type: "row", fieldNames: oe.value, visible: e }));
+      },
+      { immediate: !0 }
+    );
+    const E = a(() => {
+      if (!o.value) return !1;
+      const { collapsible: e } = o.value;
+      return Q(e) ? e(R.value, N) : !!e;
+    }), z = a(
+      () => o.value && E.value ? !!l.collapseStates[o.value.key] : !1
+    ), re = a(() => o.value ? ue(o.value.commonConfig ?? {}, l.commonConfig, l.globalCommonConfig) : ue(l.commonConfig, l.globalCommonConfig)), ve = a(() => ({
+      collapseStates: l.collapseStates,
+      commonConfig: re.value,
+      globalCommonConfig: l.globalCommonConfig,
+      layout: l.layout,
+      compact: l.compact,
+      virtual: l.virtual,
+      scrollElement: l.scrollElement,
+      rootMargin: l.rootMargin,
+      estimateFieldHeight: l.estimateFieldHeight
+    })), de = a(() => o.value ? c("grid gap-x-4", o.value.wrapperClass || me) : ""), ge = a(() => $.value ? c("grid gap-x-4 col-span-full", $.value.wrapperClass || me) : ""), Ce = a(() => P.value ? c(s, `${s}--group`, {
+      [`${s}--nested`]: l.depth > 0
+    }) : V.value ? c(s, `${s}--row`, ge.value) : c(s, `${s}--transparent`));
+    function U(e, u) {
+      const {
+        colon: v = !1,
+        componentProps: _ = {},
+        controlClass: D = "",
+        disabled: O,
+        disabledOnChangeListener: B = !0,
+        disabledOnInputListener: G = !0,
+        emptyStateValue: A = void 0,
+        formFieldProps: t = {},
+        formItemClass: d = "",
+        hideLabel: g = !1,
+        hideRequiredMark: n = !1,
+        labelClass: C = "",
+        labelWidth: ke = 70,
+        modelPropName: $e = "",
+        wrapperClass: se = ""
+      } = re.value;
+      let q = e.formItemClass;
+      if (Q(e.formItemClass))
+        try {
+          q = e.formItemClass();
+        } catch {
+          q = "";
+        }
+      const _e = e.useArraySchema && !e.wrapperClass ? c(se, u) : e.wrapperClass || se;
+      return {
+        colon: v,
+        disabled: O,
+        disabledOnChangeListener: B,
+        disabledOnInputListener: G,
+        emptyStateValue: A,
+        hideLabel: g,
+        hideRequiredMark: n,
+        labelWidth: ke,
+        modelPropName: $e,
+        ...e,
+        wrapperClass: _e,
+        commonComponentProps: _,
+        componentProps: e.componentProps,
+        controlClass: c(D, e.controlClass),
+        formFieldProps: { ...t, ...e.formFieldProps },
+        formItemClass: c("flex-shrink-0", d, q),
+        labelClass: c(C, e.labelClass)
+      };
+    }
+    const L = a(() => ({
+      group: o.value,
+      collapsed: z.value,
+      isCollapsible: E.value,
+      values: R.value,
+      formActions: N
+    })), te = be(), he = a(() => {
+      var v;
+      const e = (v = o.value) == null ? void 0 : v.key, u = Object.keys(te);
+      return e ? u.filter((_) => !_.startsWith(`${e}-`)) : u;
+    });
+    function ye() {
+      E.value && o.value && x("toggleCollapse", o.value.key);
+    }
+    const ae = a(() => ({
+      values: R.value,
+      formActions: N
+    })), W = a(() => ({
+      virtual: l.virtual,
+      scrollElement: l.scrollElement,
+      rootMargin: l.rootMargin,
+      estimateFieldHeight: l.estimateFieldHeight
+    })), Y = a(() => Object.keys(te).filter((e) => e !== "default"));
+    return (e, u) => {
+      var v, _, D, O, B, G, A;
+      return ce.value ? (i(), h("div", {
+        key: 0,
+        class: p(Ce.value),
+        "data-group-key": (v = o.value) == null ? void 0 : v.key
+      }, [
+        ee.value && I.value ? (i(), h("div", {
+          key: 0,
+          class: p([`${r(s)}__slot`, I.value.wrapperClass])
+        }, [
+          r(De)(I.value.content) ? m(e.$slots, I.value.content, y(f({ key: 0 }, ae.value))) : (i(), w(Fe(I.value.content(ae.value)), { key: 1 }))
+        ], 2)) : V.value ? (i(!0), h(H, { key: 1 }, S($.value.children, (t, d) => {
+          var g;
+          return i(), w(r(X), f({
+            key: t.fieldName || `row-field-${d}`,
+            "field-config": U(t, (g = $.value) == null ? void 0 : g.wrapperClass),
+            rules: t.rules
+          }, { ref_for: !0 }, W.value), M({
+            default: k((n) => [
+              m(e.$slots, t.fieldName, f({ ref_for: !0 }, n))
+            ]),
+            _: 2
+          }, [
+            S(Y.value, (n) => ({
+              name: n,
+              fn: k((C) => [
+                m(e.$slots, n, f({ ref_for: !0 }, C))
+              ])
+            }))
+          ]), 1040, ["field-config", "rules"]);
+        }), 128)) : P.value ? (i(), h(H, { key: 3 }, [
+          F("div", {
+            class: p([
+              `${r(s)}__header`,
+              { [`${r(s)}__header--collapsible`]: E.value, [`${r(s)}__header--bar`]: e.depth === 0 }
+            ]),
+            "data-group-scroll-anchor": (_ = o.value) == null ? void 0 : _.key,
+            onClick: ye
+          }, [
+            F("div", {
+              class: p(`${r(s)}__header-left`)
+            }, [
+              m(e.$slots, `${(D = o.value) == null ? void 0 : D.key}-header-left`, y(b(L.value))),
+              F("span", {
+                class: p(`${r(s)}__title`)
+              }, [
+                (O = o.value) != null && O.title ? (i(), w(r(Ge), {
+                  key: 0,
+                  content: o.value.title
+                }, null, 8, ["content"])) : J("", !0)
+              ], 2),
+              m(e.$slots, `${(B = o.value) == null ? void 0 : B.key}-title-right`, y(b(L.value)))
+            ], 2),
+            F("div", {
+              class: p(`${r(s)}__header-right`)
+            }, [
+              m(e.$slots, `${(G = o.value) == null ? void 0 : G.key}-arrow-left`, y(b(L.value))),
+              E.value ? (i(), h("span", {
+                key: 0,
+                class: p(`${r(s)}__arrow`)
+              }, [
+                Ie(r(Ve), {
+                  icon: z.value ? r(Re) : r(Ne),
+                  size: 12,
+                  "is-custom-svg": ""
+                }, null, 8, ["icon"])
+              ], 2)) : J("", !0),
+              m(e.$slots, `${(A = o.value) == null ? void 0 : A.key}-header-right`, y(b(L.value)))
+            ], 2)
+          ], 10, je),
+          Pe(F("div", {
+            class: p(`${r(s)}__body`)
+          }, [
+            F("div", {
+              class: p(de.value)
+            }, [
+              (i(!0), h(H, null, S(o.value.children, (t, d) => {
+                var g;
+                return i(), h(H, {
+                  key: r(Ke)(t, d)
+                }, [
+                  r(K)(t) || r(ie)(t) || r(Z)(t) ? (i(), w(ze, f({
+                    key: 0,
+                    schema: t
+                  }, { ref_for: !0 }, ve.value, {
+                    depth: r(K)(t) ? e.depth + 1 : e.depth,
+                    class: { "col-span-full": r(K)(t) || r(Z)(t) },
+                    onToggleCollapse: u[0] || (u[0] = (n) => x("toggleCollapse", n))
+                  }), M({ _: 2 }, [
+                    S(he.value, (n) => ({
+                      name: n,
+                      fn: k((C) => [
+                        m(e.$slots, n, f({ ref_for: !0 }, C))
+                      ])
+                    }))
+                  ]), 1040, ["schema", "depth", "class"])) : (i(), w(r(X), f({
+                    key: 1,
+                    "field-config": U(t, (g = o.value) == null ? void 0 : g.wrapperClass),
+                    rules: t.rules
+                  }, { ref_for: !0 }, W.value), M({
+                    default: k((n) => [
+                      m(e.$slots, t.fieldName, f({ ref_for: !0 }, n))
+                    ]),
+                    _: 2
+                  }, [
+                    S(Y.value, (n) => ({
+                      name: n,
+                      fn: k((C) => [
+                        m(e.$slots, n, f({ ref_for: !0 }, C))
+                      ])
+                    }))
+                  ]), 1040, ["field-config", "rules"]))
+                ], 64);
+              }), 128))
+            ], 2)
+          ], 2), [
+            [Ee, !z.value]
+          ])
+        ], 64)) : (i(), w(r(X), f({
+          key: 2,
+          "field-config": U(e.schema),
+          rules: e.schema.rules
+        }, W.value), M({
+          default: k((t) => [
+            m(e.$slots, l.schema.fieldName, y(b(t)))
+          ]),
+          _: 2
+        }, [
+          S(Y.value, (t) => ({
+            name: t,
+            fn: k((d) => [
+              m(e.$slots, t, y(b(d)))
+            ])
+          }))
+        ]), 1040, ["field-config", "rules"]))
+      ], 10, Te)) : J("", !0);
+    };
+  }
+});
+export {
+  ze as default
+};

package/dist/components/tt-form/src/group-form/GroupSection.vue3.js

@@ -0,0 +1,5 @@
+import o from "./GroupSection.vue2.js";
+/* empty css                 */
+export {
+  o as default
+};

package/dist/components/tt-form/src/group-form/LazyFormField.vue.js

@@ -0,0 +1,153 @@
+import { defineComponent as D, inject as A, computed as U, ref as B, watch as Y, useTemplateRef as j, shallowRef as K, onMounted as O, onBeforeUnmount as G, createElementBlock as S, openBlock as h, normalizeClass as d, unref as n, createBlock as V, createCommentVNode as J, mergeProps as Q, withCtx as x, renderSlot as W, normalizeProps as X, guardReactiveProps as Z, normalizeStyle as N, createElementVNode as ee, createVNode as T, nextTick as z } from "vue";
+import { ElSkeleton as te, ElSkeletonItem as L } from "element-plus";
+import { useDesign as le } from "@dazhicheng/hooks";
+import { isFunction as re, isBoolean as oe, clnm as ne } from "@dazhicheng/utils";
+import { useFormValues as ie } from "vee-validate";
+import se from "../form-render/FormField.vue2.js";
+import { injectRenderFormProps as ae } from "../form-render/context.js";
+import { VIRTUAL_ERROR_CACHE_KEY as ue, RENDER_SCHEDULER_KEY as fe } from "./lazyContext.js";
+import { resolveValueByFieldName as ce } from "../form-render/dependencies.js";
+const Ce = /* @__PURE__ */ D({
+  name: "LazyFormField",
+  inheritAttrs: !1,
+  __name: "LazyFormField",
+  props: {
+    fieldProps: {},
+    rules: { default: void 0 },
+    fieldClass: { default: "" },
+    root: { default: null },
+    rootMargin: { default: "200px 0px" },
+    estimateHeight: { default: 52 },
+    skeleton: { type: Boolean, default: !0 },
+    skeletonAnimated: { type: Boolean, default: !0 }
+  },
+  setup(q) {
+    const { prefixCls: s } = le("lazy-form-field"), m = q, g = ae().form, p = m.fieldProps.fieldName, v = A(ue, void 0), _ = A(fe, void 0), C = ie(), k = U(() => m.fieldProps.dependencies), i = B(!0);
+    Y(
+      () => {
+        var l;
+        const e = k.value;
+        if ((l = e == null ? void 0 : e.triggerFields) != null && l.length)
+          return e.triggerFields.map((t) => ce(C.value, t));
+      },
+      async () => {
+        const e = k.value;
+        if (!e || e.if === void 0) {
+          i.value = !0;
+          return;
+        }
+        re(e.if) ? i.value = !!await e.if(C.value, g) : oe(e.if) && (i.value = e.if);
+      },
+      { deep: !0, immediate: !0 }
+    );
+    const r = j("containerRef"), u = B(!1);
+    let f = !1;
+    const E = `${s}--offscreen`, H = K(m.estimateHeight);
+    let a = null, o = null, y = null;
+    async function I() {
+      if (!g || !p) return;
+      const l = v == null ? void 0 : v.get(p);
+      l && (v.delete(p), await z(), g.setFieldError(p, l));
+    }
+    function w(e) {
+      let l = e.parentElement;
+      for (; l; ) {
+        const t = getComputedStyle(l).overflowY;
+        if (t === "auto" || t === "scroll") return l;
+        l = l.parentElement;
+      }
+      return null;
+    }
+    function P() {
+      const e = r.value;
+      if (!e || u.value) return;
+      const l = e.offsetHeight;
+      e.style.height = `${l}px`, e.style.overflow = "hidden", u.value = !0, I(), z(() => {
+        requestAnimationFrame(() => {
+          const t = r.value;
+          if (!t) return;
+          const $ = t.scrollHeight - l;
+          t.style.height = "", t.style.overflow = "", !(Math.abs($) <= 2) && requestAnimationFrame(() => {
+            const R = r.value;
+            if (!R) return;
+            const F = y ?? w(R);
+            if (!F) return;
+            const M = R.getBoundingClientRect().top, b = F.getBoundingClientRect().top;
+            M < b && (F.scrollTop += $);
+          });
+        });
+      });
+    }
+    return O(() => {
+      r.value && (y = w(r.value), a = new IntersectionObserver(
+        (e) => {
+          const l = e[0];
+          if (l)
+            if (l.isIntersecting) {
+              f = !0;
+              const t = r.value;
+              t && (t.style.minHeight = "", t.classList.remove(E)), !u.value && !o && i.value && (o = _ ? _.request(() => {
+                o = null, !(!f || !i.value) && P();
+              }) : (() => {
+                const c = requestAnimationFrame(() => {
+                  o = null, !(!f || !i.value) && P();
+                });
+                return () => cancelAnimationFrame(c);
+              })());
+            } else
+              f = !1, u.value && r.value && requestAnimationFrame(() => {
+                if (f) return;
+                const t = r.value;
+                if (!(t != null && t.isConnected)) return;
+                const c = t.offsetHeight;
+                c !== 0 && (t.style.minHeight = `${c}px`, t.classList.add(E));
+              }), o && (o(), o = null);
+        },
+        {
+          root: y,
+          rootMargin: m.rootMargin
+        }
+      ), a.observe(r.value));
+    }), G(() => {
+      o && (o(), o = null), a == null || a.disconnect(), a = null;
+    }), (e, l) => (h(), S("div", {
+      ref_key: "containerRef",
+      ref: r,
+      class: d(n(ne)(n(s), e.fieldClass, { [`${n(s)}--hidden`]: !i.value }))
+    }, [
+      u.value ? (h(), V(se, Q({ key: 0 }, e.fieldProps, { rules: e.rules }), {
+        default: x((t) => [
+          W(e.$slots, "default", X(Z(t)))
+        ]),
+        _: 3
+      }, 16, ["rules"])) : e.skeleton && i.value ? (h(), V(n(te), {
+        key: 1,
+        animated: e.skeletonAnimated,
+        class: d(`${n(s)}__skeleton`),
+        style: N({ minHeight: `${H.value}px` })
+      }, {
+        template: x(() => [
+          ee("div", {
+            class: d(`${n(s)}__row`)
+          }, [
+            T(n(L), {
+              variant: "text",
+              class: d(`${n(s)}__label`)
+            }, null, 8, ["class"]),
+            T(n(L), {
+              variant: "rect",
+              class: d(`${n(s)}__control`)
+            }, null, 8, ["class"])
+          ], 2)
+        ]),
+        _: 1
+      }, 8, ["animated", "class", "style"])) : i.value ? (h(), S("div", {
+        key: 2,
+        style: N({ height: `${H.value}px` })
+      }, null, 4)) : J("", !0)
+    ], 2));
+  }
+});
+export {
+  Ce as default
+};

package/dist/components/tt-form/src/group-form/LazyFormField.vue3.js

@@ -0,0 +1,5 @@
+import o from "./LazyFormField.vue.js";
+/* empty css                   */
+export {
+  o as default
+};