@dazhicheng/ui 1.5.215 → 1.5.216

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

@@ -1,10 +1,10 @@
-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 { TtNavAnchor as de } from "../../../tt-nav-anchor/index.js";
+import { defineComponent as ae, useSlots as se, provide as _, computed as a, useTemplateRef as ie, ref as ce, createElementBlock as L, openBlock as T, Fragment as V, createBlock as D, createCommentVNode as ue, createElementVNode as K, mergeProps as F, unref as w, withModifiers as me, normalizeClass as pe, normalizeStyle as fe, renderList as x, createSlots as ve, withCtx as de, renderSlot as ge, h as he, nextTick as R } from "vue";
+import { TtNavAnchor as Ce } from "../../../tt-nav-anchor/index.js";
 import "../../../../node_modules/.pnpm/vue-types@5.1.3_vue@3.5.21_typescript@5.9.3_/node_modules/vue-types/shim/index.modern.js";
-import { useDesign as ge } from "../../../../packages/hooks/src/useDesign.js";
+import { useDesign as Te } from "../../../../packages/hooks/src/useDesign.js";
 import "axios";
 import "element-plus";
-import { isFunction as he } from "../../../../packages/utils/src/is.js";
+import { isNumber as we, isFunction as ye } from "../../../../packages/utils/src/is.js";
 import "xe-utils";
 import "dayjs";
 import "dayjs/plugin/utc";
@@ -15,21 +15,22 @@ import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/en
 import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/mode-ecb.js";
 import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/pad-pkcs7.js";
 import "lodash-es";
-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";
+import { DEFAULT_FORM_COMMON_CONFIG as Se, COMPONENT_BIND_EVENT_MAP as Ee, COMPONENT_MAP as _e } from "../config.js";
+import { provideFormRenderProps as Fe } from "../form-render/context.js";
+import { useForwardPriorityValues as Re } from "../hooks/useForwardPriorityValues.js";
+import { useFormInitial as Ae, provideFormProps as Be, provideComponentRefMap as Me } from "../useFormContext.js";
+import be 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, co = /* @__PURE__ */ te({
+import { RENDER_SCHEDULER_KEY as Ne, createRenderScheduler as Oe, GROUP_VISIBILITY_CALLBACK_KEY as He, HIDDEN_GROUP_KEYS_KEY as Pe } from "./lazyContext.js";
+import { getSchemaKey as Ge, isGroupSchema as Ie } from "./utils.js";
+import { getFormRootWrapperClass as ke } from "../form-render/rootWrapperClass.js";
+const Le = 5, Ve = 500, po = /* @__PURE__ */ ae({
   name: "TtVirtualGroupForm",
   inheritAttrs: !1,
   __name: "GroupForm",
   props: {
     virtual: { type: Boolean },
+    progressive: { type: Boolean },
     scrollToFirstError: { type: Boolean },
     containerHeight: {},
     rootMargin: {},
@@ -50,102 +51,101 @@ const Pe = 5, Ge = 500, co = /* @__PURE__ */ te({
     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) => {
+  setup(Y, { expose: $ }) {
+    var k;
+    const { prefixCls: A } = Te("group-form"), g = Y, h = se(), i = g.formApi, c = Oe();
+    _(Ne, c), _(He, (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(
+    }), _(Pe, i.hiddenGroupKeys);
+    const { collapseStates: B } = i, f = g.formApi.useStore(), r = Re(g, f), M = /* @__PURE__ */ new Map(), U = a(
       () => ({
         ...r.value,
-        schema: p.value.schema
+        schema: f.value.schema
       })
-    ), { form: u } = we(U);
-    Re([r, u]);
-    const b = s(() => p.value.groupSchema ?? []), $ = s(() => ({
+    ), { form: u } = Ae(U);
+    Be([r, u]);
+    const b = a(() => f.value.groupSchema ?? []), q = a(() => ({
       collapseStates: B,
       commonConfig: r.value.commonConfig,
-      globalCommonConfig: Ce,
+      globalCommonConfig: Se,
       layout: r.value.layout,
       compact: r.value.compact,
       virtual: r.value.virtual,
-      scrollElement: E.value,
+      progressive: r.value.progressive,
+      scrollElement: v.value,
       rootMargin: r.value.rootMargin,
       estimateFieldHeight: r.value.estimateFieldHeight
     }));
-    Ee({
-      schema: p.value.schema,
+    Fe({
+      schema: f.value.schema,
       commonConfig: r.value.commonConfig,
-      componentMap: ye,
-      componentBindEventMap: Te,
+      componentMap: _e,
+      componentBindEventMap: Ee,
       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(() => {
+    }), Me(M), g.formApi.mount(u, M);
+    const v = ie("scrollRef"), y = a(() => {
       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;
+    }), z = a(() => {
+      const e = r.value.containerHeight, o = we(e) ? `${e}px` : e;
       return {
-        height: _.value ? void 0 : "100%",
-        maxHeight: _.value ? o : void 0,
-        overflow: _.value ? "auto" : void 0
+        height: y.value ? void 0 : "100%",
+        maxHeight: y.value ? o : void 0,
+        overflow: y.value ? "auto" : void 0
       };
     });
-    function q(e) {
+    function W(e) {
       i.toggleCollapse(e);
     }
-    function W(e) {
+    function j(e) {
       const o = [];
       for (const t of e)
-        if (Ne(t)) {
-          const n = t.title, l = he(n) ? () => n(u.values, u) : n;
+        if (Ie(t)) {
+          const n = t.title, l = ye(n) ? () => n(u.values, u) : n;
           o.push({ key: t.key, title: l });
         }
       return o;
     }
-    const j = s(
-      () => Ie({
+    const J = a(
+      () => ke({
         layout: r.value.layout,
         compact: r.value.compact,
         wrapperClass: r.value.wrapperClass
       })
-    ), O = s(() => ({
+    ), N = a(() => ({
       ...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) {
+    })), O = a(() => N.value.show ?? !1), S = a(() => O.value ? j(b.value).filter((e) => !i.hiddenGroupKeys.has(e.key)) : []), Q = a(() => {
+      const { show: e, ...o } = N.value;
+      return { ...o, items: S.value };
+    }), E = ce(((k = S.value[0]) == null ? void 0 : k.key) || "");
+    function X(e) {
       var o;
-      return ((o = d[`nav-description-${e.row.key}`]) == null ? void 0 : o.call(d, {
+      return ((o = h[`nav-description-${e.row.key}`]) == null ? void 0 : o.call(h, {
         row: e.row,
         values: u.values
       })) ?? [];
     }
-    function X() {
-      return fe(
-        de,
+    function Z() {
+      return he(
+        Ce,
         {
-          ...J.value,
-          modelValue: R.value,
+          ...Q.value,
+          modelValue: E.value,
           "onUpdate:modelValue": (e) => {
-            R.value = e;
+            E.value = e;
           },
-          onChange: oe
+          onChange: re
         },
         {
-          description: Q
+          description: X
         }
       );
     }
-    function Z(e) {
+    function ee(e) {
       let o = e;
       for (; o && o !== document.documentElement; ) {
         const { overflowY: t } = getComputedStyle(o);
@@ -155,74 +155,90 @@ const Pe = 5, Ge = 500, co = /* @__PURE__ */ te({
       }
       return null;
     }
-    function N(e, o, t) {
+    function H(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) {
+    function P(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}"]`);
+    function G(e) {
+      const o = v.value, t = f.value.scrollOffset ?? 0, n = ee(e) || o, l = n && n.scrollHeight > n.clientHeight ? n : null, s = l ?? document.documentElement, m = H(e, l, t);
+      P(l, m, "smooth");
+      let d = !1;
+      const p = () => {
+        d || (d = !0, s.removeEventListener("scrollend", p), clearTimeout(C), c.resume(), r.value.virtual && te(e, l, t));
+      };
+      s.addEventListener("scrollend", p, { once: !0 });
+      const C = setTimeout(p, 800);
+    }
+    function I(e) {
+      c.pause(), R(() => {
+        const o = v.value, t = o == null ? void 0 : o.querySelector(`[data-group-key="${e}"]`);
+        if (!t) {
+          c.resume();
+          return;
+        }
+        G(t);
+      });
+    }
+    function oe(e) {
+      c.pause(), R(() => {
+        const o = v.value, t = o == null ? void 0 : o.querySelector(`[data-field-anchor="${e}"]`);
         if (!t) {
-          g.resume();
+          c.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);
+        G(t);
       });
     }
-    function ee(e, o, t) {
+    function te(e, o, t) {
       const n = o ?? document.documentElement;
-      let l, a;
-      function c() {
-        f.disconnect(), clearTimeout(l), cancelAnimationFrame(a);
+      let l, s;
+      function m() {
+        p.disconnect(), clearTimeout(l), cancelAnimationFrame(s);
       }
-      function h() {
-        clearTimeout(l), l = setTimeout(c, Ge);
+      function d() {
+        clearTimeout(l), l = setTimeout(m, Ve);
       }
-      const f = new ResizeObserver(() => {
+      const p = new ResizeObserver(() => {
         if (!e.isConnected) {
-          c();
+          m();
           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();
+        cancelAnimationFrame(s), s = requestAnimationFrame(() => {
+          const C = H(e, o, t), le = o ? o.scrollTop : window.scrollY;
+          Math.abs(C - le) > Le && P(o, C, "instant");
+        }), d();
       });
-      f.observe(n), h();
+      p.observe(n), d();
     }
-    function oe(e) {
-      R.value = e, B[e] && i.toggleCollapse(e), P(e);
+    function re(e) {
+      E.value = e, B[e] && i.toggleCollapse(e), I(e);
+    }
+    async function ne() {
+      c.resume(), await c.whenAllSettled(), await R(), await new Promise((e) => requestAnimationFrame(() => 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(() => {
+    return $({ scrollToGroup: I, scrollToField: oe, whenAllRendered: ne, navItems: S }), (e, o) => (T(), L(V, null, [
+      O.value ? (T(), D(Z, { key: 0 })) : ue("", !0),
+      K("form", F({ class: w(A) }, e.$attrs, {
+        onSubmit: o[0] || (o[0] = me(() => {
         }, ["prevent"]))
       }), [
         K("div", {
           ref_key: "scrollRef",
-          ref: E,
-          style: ce(z.value),
-          class: ie([`${y(F)}-scroll`, j.value])
+          ref: v,
+          style: fe(z.value),
+          class: pe([`${w(A)}-scroll`, J.value])
         }, [
-          (T(!0), k(L, null, D(b.value, (t, n) => (T(), V(Ae, A({
-            key: y(He)(t, n),
+          (T(!0), L(V, null, x(b.value, (t, n) => (T(), D(be, F({
+            key: w(Ge)(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 || {}))
+          }, { ref_for: !0 }, q.value, { onToggleCollapse: W }), ve({ _: 2 }, [
+            x(w(h), (l, s) => ({
+              name: s,
+              fn: de((m) => [
+                ge(e.$slots, s, F({ ref_for: !0 }, m || {}))
               ])
             }))
           ]), 1040, ["schema"]))), 128))
@@ -232,5 +248,5 @@ const Pe = 5, Ge = 500, co = /* @__PURE__ */ te({
   }
 });
 export {
-  co as default
+  po as default
 };

package/dist/components/tt-form/src/group-form/GroupSection.vue.d.ts

@@ -15,6 +15,7 @@ declare const __VLS_component: import('vue').DefineComponent<GroupSectionProps,
     compact: boolean;
     layout: string;
     virtual: boolean;
+    progressive: boolean;
     rootMargin: string;
     estimateFieldHeight: number;
     scrollElement: Element | null;

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

@@ -1,14 +1,14 @@
-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 { defineComponent as Se, computed as a, inject as ue, watch as be, useSlots as Fe, 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 Pe, Fragment as H, renderList as S, createSlots as M, withCtx as k, guardReactiveProps as b, createElementVNode as F, withDirectives as Ie, createVNode as Ee, vShow as Ne } from "vue";
 import Re from "../../../../assets/svg/arrowDown.svg.js";
-import Ne from "../../../../assets/svg/arrowSUp.svg.js";
-import { TtIcon as Ve } from "../../../tt-icon/index.js";
+import Ve from "../../../../assets/svg/arrowSUp.svg.js";
+import { TtIcon as Le } from "../../../tt-icon/index.js";
 import "../../../../node_modules/.pnpm/vue-types@5.1.3_vue@3.5.21_typescript@5.9.3_/node_modules/vue-types/shim/index.modern.js";
-import { useDesign as Le } from "../../../../packages/hooks/src/useDesign.js";
+import { useDesign as Be } from "../../../../packages/hooks/src/useDesign.js";
 import "axios";
 import "element-plus";
 import { isFunction as Q, isString as De } from "../../../../packages/utils/src/is.js";
 import { clnm as c } from "../../../../packages/utils/src/tool.js";
-import { mergeWithArrayOverride as ue } from "../../../../packages/utils/src/merge.js";
+import { mergeWithArrayOverride as ie } from "../../../../packages/utils/src/merge.js";
 import "../../../../node_modules/.pnpm/decimal.js@10.6.0/node_modules/decimal.js/decimal.js";
 import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/aes.js";
 import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/enc-utf8.js";
@@ -16,17 +16,17 @@ import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/mo
 import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/pad-pkcs7.js";
 import "lodash-es";
 import { useFormValues as Oe } from "vee-validate";
-import { injectRenderFormProps as Be } from "../form-render/context.js";
+import { injectRenderFormProps as Ge } from "../form-render/context.js";
 import "../components/Slot.js";
 import "../../../tt-form-item-error-tooltip/index.js";
 import "@vueuse/core";
 /* empty css                          */
-import Ge from "../form/RenderContent.vue.js";
+import Ae 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({
+import { HIDDEN_GROUP_KEYS_KEY as He, GROUP_VISIBILITY_CALLBACK_KEY as Me } from "./lazyContext.js";
+import { isGroupSchema as K, isRowSchema as me, isSlotSchema as Z, getFieldNames as Ke, getSchemaKey as Te } from "./utils.js";
+const je = ["data-group-key"], ze = ["data-group-scroll-anchor"], fe = "grid-cols-1", Ue = /* @__PURE__ */ Se({
   __name: "GroupSection",
   props: {
     schema: {},
@@ -37,49 +37,52 @@ const Te = ["data-group-key"], je = ["data-group-scroll-anchor"], me = "grid-col
     compact: { type: Boolean, default: !1 },
     depth: { default: 0 },
     virtual: { type: Boolean, default: !1 },
+    progressive: { 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, o = fe, x = pe, P = a(() => K(o.schema)), V = a(() => ie(o.schema)), ee = a(() => Z(o.schema)), l = a(() => P.value ? o.schema : null), $ = a(() => V.value ? o.schema : null), I = a(() => ee.value ? o.schema : null), T = ne(Ae, void 0), oe = a(() => {
+  setup(pe, { emit: ce }) {
+    const { prefixCls: s } = Be("group-section"), N = Oe(), R = Ge().form, o = pe, x = ce, P = a(() => K(o.schema)), V = a(() => me(o.schema)), ee = a(() => Z(o.schema)), l = a(() => P.value ? o.schema : null), $ = a(() => V.value ? o.schema : null), I = a(() => ee.value ? o.schema : null), T = ue(He, void 0), oe = a(() => {
       const u = o.schema.ifShow;
-      return u === void 0 || u === !0 ? !0 : Q(u) ? !!u(R.value, N) : !!u;
-    }), ce = a(() => !(!oe.value || P.value && l.value && (T != null && T.has(l.value.key)))), j = ne(He, void 0), le = a(() => $.value ? Me($.value.children) : []);
-    Se(
+      return u === void 0 || u === !0 ? !0 : Q(u) ? !!u(N.value, R) : !!u;
+    }), ve = a(() => !(!oe.value || P.value && l.value && (T != null && T.has(l.value.key)))), j = ue(Me, void 0), le = a(() => $.value ? Ke($.value.children) : []);
+    let re;
+    be(
       [oe],
       ([e]) => {
-        j && (P.value && l.value ? j({ type: "group", key: l.value.key, visible: e }) : V.value && le.value.length && j({ type: "row", fieldNames: le.value, visible: e }));
+        j && re !== e && (re = e, P.value && l.value ? j({ type: "group", key: l.value.key, visible: e }) : V.value && le.value.length && j({ type: "row", fieldNames: le.value, visible: e }));
       },
       { immediate: !0 }
     );
     const E = a(() => {
       if (!l.value) return !1;
       const { collapsible: e } = l.value;
-      return Q(e) ? e(R.value, N) : !!e;
+      return Q(e) ? e(N.value, R) : !!e;
     }), z = a(
       () => l.value && E.value ? !!o.collapseStates[l.value.key] : !1
-    ), re = a(() => l.value ? ue(l.value.commonConfig ?? {}, o.commonConfig, o.globalCommonConfig) : ue(o.commonConfig, o.globalCommonConfig)), ve = a(() => ({
+    ), te = a(() => l.value ? ie(l.value.commonConfig ?? {}, o.commonConfig, o.globalCommonConfig) : ie(o.commonConfig, o.globalCommonConfig)), de = a(() => ({
       collapseStates: o.collapseStates,
-      commonConfig: re.value,
+      commonConfig: te.value,
       globalCommonConfig: o.globalCommonConfig,
       layout: o.layout,
       compact: o.compact,
       virtual: o.virtual,
+      progressive: o.progressive,
       scrollElement: o.scrollElement,
       rootMargin: o.rootMargin,
       estimateFieldHeight: o.estimateFieldHeight
-    })), de = a(() => l.value ? c("grid gap-x-4", l.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`, {
+    })), ge = a(() => l.value ? c("grid gap-x-4", l.value.wrapperClass || fe) : ""), Ce = a(() => $.value ? c("grid gap-x-4 col-span-full", $.value.wrapperClass || fe) : ""), he = a(() => P.value ? c(s, `${s}--group`, {
       [`${s}--nested`]: o.depth > 0
-    }) : V.value ? c(s, `${s}--row`, ge.value) : c(s, `${s}--transparent`));
+    }) : V.value ? c(s, `${s}--row`, Ce.value) : c(s, `${s}--transparent`));
     function U(e, u) {
       const {
         colon: v = !1,
         componentProps: _ = {},
-        controlClass: D = "",
-        disabled: O,
-        disabledOnChangeListener: B = !0,
+        controlClass: B = "",
+        disabled: D,
+        disabledOnChangeListener: O = !0,
         disabledOnInputListener: G = !0,
         emptyStateValue: A = void 0,
         formFieldProps: t = {},
@@ -87,10 +90,10 @@ const Te = ["data-group-key"], je = ["data-group-scroll-anchor"], me = "grid-col
         hideLabel: g = !1,
         hideRequiredMark: n = !1,
         labelClass: C = "",
-        labelWidth: ke = 70,
-        modelPropName: $e = "",
-        wrapperClass: se = ""
-      } = re.value;
+        labelWidth: $e = 70,
+        modelPropName: _e = "",
+        wrapperClass: ne = ""
+      } = te.value;
       let q = e.formItemClass;
       if (Q(e.formItemClass))
         try {
@@ -98,22 +101,22 @@ const Te = ["data-group-key"], je = ["data-group-scroll-anchor"], me = "grid-col
         } catch {
           q = "";
         }
-      const _e = e.useArraySchema && !e.wrapperClass ? c(se, u) : e.wrapperClass || se;
+      const we = e.useArraySchema && !e.wrapperClass ? c(ne, u) : e.wrapperClass || ne;
       return {
         colon: v,
-        disabled: O,
-        disabledOnChangeListener: B,
+        disabled: D,
+        disabledOnChangeListener: O,
         disabledOnInputListener: G,
         emptyStateValue: A,
         hideLabel: g,
         hideRequiredMark: n,
-        labelWidth: ke,
-        modelPropName: $e,
+        labelWidth: $e,
+        modelPropName: _e,
         ...e,
-        wrapperClass: _e,
+        wrapperClass: we,
         commonComponentProps: _,
         componentProps: e.componentProps,
-        controlClass: c(D, e.controlClass),
+        controlClass: c(B, e.controlClass),
         formFieldProps: { ...t, ...e.formFieldProps },
         formItemClass: c("flex-shrink-0", d, q),
         labelClass: c(C, e.labelClass)
@@ -123,37 +126,38 @@ const Te = ["data-group-key"], je = ["data-group-scroll-anchor"], me = "grid-col
       group: l.value,
       collapsed: z.value,
       isCollapsible: E.value,
-      values: R.value,
-      formActions: N
-    })), te = be(), he = a(() => {
+      values: N.value,
+      formActions: R
+    })), ae = Fe(), ye = a(() => {
       var v;
-      const e = (v = l.value) == null ? void 0 : v.key, u = Object.keys(te);
+      const e = (v = l.value) == null ? void 0 : v.key, u = Object.keys(ae);
       return e ? u.filter((_) => !_.startsWith(`${e}-`)) : u;
     });
-    function ye() {
+    function ke() {
       E.value && l.value && x("toggleCollapse", l.value.key);
     }
-    const ae = a(() => ({
-      values: R.value,
-      formActions: N
+    const se = a(() => ({
+      values: N.value,
+      formActions: R
     })), W = a(() => ({
       virtual: o.virtual,
+      progressive: o.progressive,
       scrollElement: o.scrollElement,
       rootMargin: o.rootMargin,
       estimateFieldHeight: o.estimateFieldHeight
-    })), Y = a(() => Object.keys(te).filter((e) => e !== "default"));
+    })), Y = a(() => Object.keys(ae).filter((e) => e !== "default"));
     return (e, u) => {
-      var v, _, D, O, B, G, A;
-      return ce.value ? (i(), h("div", {
+      var v, _, B, D, O, G, A;
+      return ve.value ? (i(), h("div", {
         key: 0,
-        class: p(Ce.value),
+        class: p(he.value),
         "data-group-key": (v = l.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 }))
+          r(De)(I.value.content) ? m(e.$slots, I.value.content, y(f({ key: 0 }, se.value))) : (i(), w(Pe(I.value.content(se.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({
@@ -180,21 +184,21 @@ const Te = ["data-group-key"], je = ["data-group-scroll-anchor"], me = "grid-col
               { [`${r(s)}__header--collapsible`]: E.value, [`${r(s)}__header--bar`]: e.depth === 0 }
             ]),
             "data-group-scroll-anchor": (_ = l.value) == null ? void 0 : _.key,
-            onClick: ye
+            onClick: ke
           }, [
             F("div", {
               class: p(`${r(s)}__header-left`)
             }, [
-              m(e.$slots, `${(D = l.value) == null ? void 0 : D.key}-header-left`, y(b(L.value))),
+              m(e.$slots, `${(B = l.value) == null ? void 0 : B.key}-header-left`, y(b(L.value))),
               F("span", {
                 class: p(`${r(s)}__title`)
               }, [
-                (O = l.value) != null && O.title ? (i(), w(r(Ge), {
+                (D = l.value) != null && D.title ? (i(), w(r(Ae), {
                   key: 0,
                   content: l.value.title
                 }, null, 8, ["content"])) : J("", !0)
               ], 2),
-              m(e.$slots, `${(B = l.value) == null ? void 0 : B.key}-title-right`, y(b(L.value)))
+              m(e.$slots, `${(O = l.value) == null ? void 0 : O.key}-title-right`, y(b(L.value)))
             ], 2),
             F("div", {
               class: p(`${r(s)}__header-right`)
@@ -204,35 +208,35 @@ const Te = ["data-group-key"], je = ["data-group-scroll-anchor"], me = "grid-col
                 key: 0,
                 class: p(`${r(s)}__arrow`)
               }, [
-                Ie(r(Ve), {
-                  icon: z.value ? r(Re) : r(Ne),
+                Ee(r(Le), {
+                  icon: z.value ? r(Re) : r(Ve),
                   size: 12,
                   "is-custom-svg": ""
                 }, null, 8, ["icon"])
               ], 2)) : J("", !0),
               m(e.$slots, `${(A = l.value) == null ? void 0 : A.key}-header-right`, y(b(L.value)))
             ], 2)
-          ], 10, je),
-          Pe(F("div", {
+          ], 10, ze),
+          Ie(F("div", {
             class: p(`${r(s)}__body`)
           }, [
             F("div", {
-              class: p(de.value)
+              class: p(ge.value)
             }, [
               (i(!0), h(H, null, S(l.value.children, (t, d) => {
                 var g;
                 return i(), h(H, {
-                  key: r(Ke)(t, d)
+                  key: r(Te)(t, d)
                 }, [
-                  r(K)(t) || r(ie)(t) || r(Z)(t) ? (i(), w(ze, f({
+                  r(K)(t) || r(me)(t) || r(Z)(t) ? (i(), w(Ue, f({
                     key: 0,
                     schema: t
-                  }, { ref_for: !0 }, ve.value, {
+                  }, { ref_for: !0 }, de.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) => ({
+                    S(ye.value, (n) => ({
                       name: n,
                       fn: k((C) => [
                         m(e.$slots, n, f({ ref_for: !0 }, C))
@@ -259,7 +263,7 @@ const Te = ["data-group-key"], je = ["data-group-scroll-anchor"], me = "grid-col
               }), 128))
             ], 2)
           ], 2), [
-            [Ee, !z.value]
+            [Ne, !z.value]
           ])
         ], 64)) : (i(), w(r(X), f({
           key: 2,
@@ -278,10 +282,10 @@ const Te = ["data-group-key"], je = ["data-group-scroll-anchor"], me = "grid-col
             ])
           }))
         ]), 1040, ["field-config", "rules"]))
-      ], 10, Te)) : J("", !0);
+      ], 10, je)) : J("", !0);
     };
   }
 });
 export {
-  ze as default
+  Ue as default
 };