@dazhicheng/ui 1.5.213 → 1.5.216

package/dist/components/tt-form/src/config.js

@@ -1,61 +1,63 @@
-import { ElColorPicker as d, ElCascader as f, ElUpload as u, ElTreeSelect as O, ElTimePicker as N, ElSwitch as P, ElSelectV2 as b, ElSelect as C, ElRadioGroup as M, ElRadio as T, ElInputNumber as _, ElDatePicker as k, ElCheckboxGroup as S, ElCheckboxButton as h, ElCheckbox as R } from "element-plus";
-import { TtSelect as A } from "../../tt-select/index.js";
-import { TtCheckbox as L } from "../../tt-checkbox/index.js";
-import { TtRadioGroup as x } from "../../tt-radio-group/index.js";
-import { TtPanelSelect as y } from "../../tt-panel-select/index.js";
-import { TtUpload as D } from "../../tt-upload/index.js";
-import { TtApiComponent as F } from "../../tt-api-component/index.js";
-import { globalShareState as I } from "./shared/global-state.js";
-import { defineRule as U } from "vee-validate";
-import G from "./components/FormElInput.vue.js";
-const p = "modelValue", V = {}, j = {
-  TtSelect: A,
-  TtCheckbox: L,
-  TtRadioGroup: x,
-  TtUpload: D,
-  ElCheckbox: R,
-  ElCheckboxButton: h,
-  ElCheckboxGroup: S,
-  ElDatePicker: k,
-  ElInput: G,
-  ElInputNumber: _,
-  ElRadio: T,
-  ElRadioGroup: M,
-  ElSelect: C,
-  ElSelectV2: b,
-  ElSwitch: P,
-  ElTimePicker: N,
+import { ElColorPicker as d, ElCascader as f, ElUpload as u, ElTreeSelect as O, ElTimePicker as M, ElSwitch as N, ElSelectV2 as P, ElSelect as T, ElRadioGroup as b, ElRadio as C, ElMention as _, ElInputTag as k, ElInputNumber as S, ElDatePicker as h, ElCheckboxGroup as R, ElCheckboxButton as A, ElCheckbox as I } from "element-plus";
+import { TtSelect as L } from "../../tt-select/index.js";
+import { TtCheckbox as x } from "../../tt-checkbox/index.js";
+import { TtRadioGroup as y } from "../../tt-radio-group/index.js";
+import { TtPanelSelect as D } from "../../tt-panel-select/index.js";
+import { TtUpload as F } from "../../tt-upload/index.js";
+import { TtApiComponent as U } from "../../tt-api-component/index.js";
+import { globalShareState as G } from "./shared/global-state.js";
+import { defineRule as V } from "vee-validate";
+import j from "./components/FormElInput.vue.js";
+const p = "modelValue", g = {}, B = {
+  TtSelect: L,
+  TtCheckbox: x,
+  TtRadioGroup: y,
+  TtUpload: F,
+  ElCheckbox: I,
+  ElCheckboxButton: A,
+  ElCheckboxGroup: R,
+  ElDatePicker: h,
+  ElInput: j,
+  ElInputNumber: S,
+  ElInputTag: k,
+  ElMention: _,
+  ElRadio: C,
+  ElRadioGroup: b,
+  ElSelect: T,
+  ElSelectV2: P,
+  ElSwitch: N,
+  ElTimePicker: M,
   ElTreeSelect: O,
   ElUpload: u,
   ElCascader: f,
   ElColorPicker: d,
-  TtApiComponent: F,
-  TtPanelSelect: y
+  TtApiComponent: U,
+  TtPanelSelect: D
 }, i = {
   ElUpload: "fileList"
 };
-function W(c) {
-  const { config: e, defineRules: r } = c, {
-    disabledOnChangeListener: a = !0,
+function Y(a) {
+  const { config: e, defineRules: l } = a, {
+    disabledOnChangeListener: c = !0,
     disabledOnInputListener: s = !0,
     emptyStateValue: E = void 0
   } = e || {};
-  if (Object.assign(V, {
-    disabledOnChangeListener: a,
+  if (Object.assign(g, {
+    disabledOnChangeListener: c,
     disabledOnInputListener: s,
     emptyStateValue: E
-  }), r)
-    for (const o of Object.keys(r))
-      U(o, r[o]);
-  const m = (e == null ? void 0 : e.baseModelPropName) ?? p, l = e == null ? void 0 : e.modelPropNameMap, n = I.getComponents();
+  }), l)
+    for (const o of Object.keys(l))
+      V(o, l[o]);
+  const m = (e == null ? void 0 : e.baseModelPropName) ?? p, r = e == null ? void 0 : e.modelPropNameMap, n = G.getComponents();
   for (const o of Object.keys(n)) {
     const t = o;
-    j[t] = n[o], m !== p && (i[t] = m), l && l[t] && (i[t] = l[t]);
+    B[t] = n[o], m !== p && (i[t] = m), r && r[t] && (i[t] = r[t]);
   }
 }
 export {
   i as COMPONENT_BIND_EVENT_MAP,
-  j as COMPONENT_MAP,
-  V as DEFAULT_FORM_COMMON_CONFIG,
-  W as setupForm
+  B as COMPONENT_MAP,
+  g as DEFAULT_FORM_COMMON_CONFIG,
+  Y as setupForm
 };

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

@@ -1,4 +1,4 @@
-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 c, unref as l, openBlock as u, mergeProps as N, withCtx as b, withDirectives as Ce, createVNode as F, 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 { defineComponent as fe, useTemplateRef as G, computed as i, reactive as pe, markRaw as ve, toRaw as he, watch as H, nextTick as be, onUnmounted as ye, createBlock as h, createCommentVNode as c, unref as l, openBlock as u, mergeProps as k, withCtx as b, withDirectives as Ce, createVNode as F, createElementVNode as $, createElementBlock as J, normalizeClass as O, normalizeStyle as Q, renderSlot as ge, normalizeProps as Fe, guardReactiveProps as Re, resolveDynamicComponent as we, createSlots as Se, renderList as Ne, Transition as ke, 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";
@@ -22,14 +22,14 @@ import E from "../form/RenderContent.vue.js";
 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 = {
+import Ae, { resolveRequiredRuleName as xe } from "./dependencies.js";
+import Ke from "./FormLabel.vue2.js";
+import { useSelectCollapseOptions as Ge } from "../hooks/useSelectCollapse.js";
+import { isEventObjectLike as X } from "./helper.js";
+const He = { class: "flex-auto overflow-hidden" }, Je = {
   key: 0,
   class: "ml-1"
-}, Rn = /* @__PURE__ */ fe({
+}, Sn = /* @__PURE__ */ fe({
   __name: "FormField",
   props: {
     component: {},
@@ -66,9 +66,9 @@ const Ge = { class: "flex-auto overflow-hidden" }, He = {
     commonComponentProps: {}
   },
   setup(n) {
-    const B = K("wrapperRef"), { componentBindEventMap: X, componentMap: Y, isVertical: C } = We(), M = ze(), k = qe(), Z = je(n.fieldName), f = K("fieldComponentRef"), R = M.form, S = i(() => M.compact), g = i(() => {
+    const B = G("wrapperRef"), { componentBindEventMap: Y, componentMap: Z, isVertical: C } = We(), M = ze(), N = qe(), _ = je(n.fieldName), f = G("fieldComponentRef"), R = M.form, w = i(() => M.compact), S = i(() => {
       var e;
-      return ((e = Z.value) == null ? void 0 : e.length) > 0;
+      return ((e = _.value) == null ? void 0 : e.length) > 0;
     }), P = pe(
       new Proxy({}, {
         /**
@@ -77,7 +77,7 @@ const Ge = { class: "flex-auto overflow-hidden" }, He = {
          * @returns 当前表单值
          */
         get(e, t) {
-          return Ie(k.value, t);
+          return Ie(N.value, t);
         },
         /**
          * @param _target 代理目标
@@ -86,22 +86,22 @@ const Ge = { class: "flex-auto overflow-hidden" }, He = {
          * @returns 是否设置成功
          */
         set(e, t, o) {
-          return Ve(k.value, t, o), R == null || R.validateField(t), !0;
+          return Ve(N.value, t, o), R == null || R.validateField(t), !0;
         }
       })
-    ), _ = i(() => {
-      const e = y(n.component) ? Y.value[n.component] : n.component;
+    ), U = i(() => {
+      const e = y(n.component) ? Z.value[n.component] : n.component;
       return ve(he(e));
-    }), { dynamicComponentProps: ee, dynamicRules: ne, isDisabled: te, isIf: U, isRequired: T, isShow: D } = xe(
+    }), { dynamicComponentProps: ee, dynamicRules: ne, isDisabled: te, isIf: D, isRequired: T, isShow: W } = Ae(
       () => 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)
+    }), s = i(() => ne.value || n.rules), z = i(() => !n.hide && D.value && W.value), V = i(() => {
+      var o, a, m;
+      if (!z.value)
         return !1;
       if (!s.value)
         return T.value;
@@ -113,16 +113,16 @@ const Ge = { class: "flex-auto overflow-hidden" }, He = {
       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));
+        v && (e = (m = v.isOptional) == null ? void 0 : m.call(v));
       }
       return !e;
     }), le = i(() => {
       var o;
-      if (!W.value)
+      if (!z.value)
         return null;
       let e = s.value;
       if (!e)
-        return T.value ? "required" : null;
+        return T.value ? xe(U.value) : null;
       if (y(e))
         return e;
       if (!!V.value) {
@@ -131,13 +131,13 @@ const Ge = { class: "flex-auto overflow-hidden" }, He = {
       }
       return Ue(e);
     }), r = i(() => {
-      const e = q(n.componentProps) ? n.componentProps(k.value, R) : n.componentProps;
+      const e = q(n.componentProps) ? n.componentProps(N.value, R) : n.componentProps;
       return {
         ...n.commonComponentProps,
         ...e,
         ...ee.value
       };
-    }), { selectComponentProps: ae } = Ke(
+    }), { selectComponentProps: ae } = Ge(
       i(() => ({
         componentProps: r,
         component: n.component,
@@ -145,14 +145,14 @@ const Ge = { class: "flex-auto overflow-hidden" }, He = {
         selectRef: f
       }))
     );
-    G(
+    H(
       () => {
         var e;
         return (e = r.value) == null ? void 0 : e.autofocus;
       },
       (e) => {
         e === !0 && be(() => {
-          me();
+          de();
         });
       },
       { immediate: !0 }
@@ -160,7 +160,7 @@ const Ge = { class: "flex-auto overflow-hidden" }, He = {
     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, R) : {}), ie = i(() => Object.keys(z.value)), re = i(() => {
+    }), A = i(() => q(n.renderComponentContent) ? n.renderComponentContent(N.value, R) : {}), ie = i(() => Object.keys(A.value)), re = i(() => {
       const e = le.value;
       return {
         keepValue: !0,
@@ -171,22 +171,22 @@ const Ge = { class: "flex-auto overflow-hidden" }, He = {
     });
     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;
+      const t = e.componentField.modelValue, o = e.componentField["onUpdate:modelValue"], a = n.modelPropName || (y(n.component) ? (v = Y.value) == null ? void 0 : v[n.component] : null);
+      let m = t;
       if (t && Te(t) && a) {
-        const m = t.target;
-        d = Q(t) ? m == null ? void 0 : m[a] : (t == null ? void 0 : t[a]) ?? t;
+        const d = t.target;
+        m = X(t) ? d == null ? void 0 : d[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 : (m) => {
-          var A;
-          const ce = Q(m), w = (A = e == null ? void 0 : e.componentField) == null ? void 0 : A.onChange;
+        [a]: m === void 0 ? n.emptyStateValue : m,
+        onChange: n.disabledOnChangeListener ? void 0 : (d) => {
+          var K;
+          const ce = X(d), g = (K = e == null ? void 0 : e.componentField) == null ? void 0 : K.onChange;
           if (!ce)
-            return w == null ? void 0 : w(m);
-          const L = m.target;
-          return w == null ? void 0 : w((L == null ? void 0 : L[a]) ?? m);
+            return g == null ? void 0 : g(d);
+          const L = d.target;
+          return g == null ? void 0 : g((L == null ? void 0 : L[a]) ?? d);
         },
         ...n.disabledOnInputListener ? { onInput: void 0 } : {}
       } : {
@@ -194,7 +194,7 @@ const Ge = { class: "flex-auto overflow-hidden" }, He = {
         ...n.disabledOnChangeListener ? { onChange: void 0 } : {}
       };
     }
-    const se = /* @__PURE__ */ new Set(["ElCheckbox", "ElCheckboxButton", "ElSwitch"]), de = /* @__PURE__ */ new Set(["ElInputNumber"]);
+    const se = /* @__PURE__ */ new Set(["ElCheckbox", "ElCheckboxButton", "ElSwitch"]), me = /* @__PURE__ */ new Set(["ElInputNumber"]);
     function x(e) {
       const t = ue(e), o = {
         ...e.componentField,
@@ -204,33 +204,33 @@ const Ge = { class: "flex-auto overflow-hidden" }, He = {
         ...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;
+      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) && me.has(n.component) && (o.controls = !1, o.align = "left"), o;
     }
-    function me() {
+    function de() {
       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) => {
+    return H(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(Me), N({ key: 0 }, re.value, { name: e.fieldName }), {
+    }), (e, t) => !e.hide && l(D) ? (u(), h(l(Me), k({ key: 0 }, re.value, { name: e.fieldName }), {
       default: b((o) => [
-        Ce(F(l(Pe), N({
+        Ce(F(l(Pe), k({
           class: [{
-            "form-valid-error": g.value,
+            "form-valid-error": S.value,
             "form-is-required": V.value,
-            "pb-(--form-valid-error-nocompact-padding-bottom)": !S.value,
-            "pb-2": S.value
+            "pb-(--form-valid-error-nocompact-padding-bottom)": !w.value,
+            "pb-2": w.value
           }, "relative"]
         }, e.$attrs), {
           default: b(() => [
             $("div", {
               class: O([{ "flex-col": l(C), "flex-row items-center": !l(C) }, "flex"])
             }, [
-              e.hideLabel ? c("", !0) : (u(), h(Ae, {
+              e.hideLabel ? c("", !0) : (u(), h(Ke, {
                 key: 0,
                 class: O(
                   l(j)(
@@ -246,7 +246,7 @@ const Ge = { class: "flex-auto overflow-hidden" }, He = {
                 colon: e.colon,
                 label: e.label,
                 required: V.value && !e.hideRequiredMark,
-                style: J(oe.value),
+                style: Q(oe.value),
                 "tool-tip": e.toolTip,
                 "help-trigger": e.helpTrigger,
                 form: P,
@@ -260,7 +260,7 @@ const Ge = { class: "flex-auto overflow-hidden" }, He = {
                 ]),
                 _: 1
               }, 8, ["class", "help", "colon", "label", "required", "style", "tool-tip", "help-trigger", "form", "tool-tip-text"])),
-              $("div", Ge, [
+              $("div", He, [
                 $("div", {
                   ref_key: "wrapperRef",
                   ref: B,
@@ -270,53 +270,50 @@ const Ge = { class: "flex-auto overflow-hidden" }, He = {
                     class: O(l(j)(e.controlClass))
                   }, {
                     default: b(() => [
-                      ge(e.$slots, "default", we(Fe({
+                      ge(e.$slots, "default", Fe(Re({
                         ...o,
                         ...x(o),
                         disabled: I.value,
-                        isInValid: g.value,
+                        isInValid: S.value,
                         form: P,
                         fieldName: e.fieldName
                       })), () => [
-                        (u(), h(Re(_.value), N({
+                        (u(), h(we(U.value), k({
                           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)]": g.value
-                          }
+                          ref: f
                         }, {
                           ...x(o),
                           disabled: I.value,
-                          isInValid: g.value,
+                          isInValid: S.value,
                           form: P,
                           fieldName: e.fieldName
                         }, { disabled: I.value }), Se({ _: 2 }, [
-                          ke(ie.value, (a) => ({
+                          Ne(ie.value, (a) => ({
                             name: a,
-                            fn: b((d) => [
-                              F(l(E), N({
-                                content: z.value[a]
-                              }, { ...d, formContext: o }), null, 16, ["content"])
+                            fn: b((m) => [
+                              F(l(E), k({
+                                content: A.value[a]
+                              }, { ...m, formContext: o }), null, 16, ["content"])
                             ])
                           }))
-                        ]), 1040, ["class", "disabled"]))
+                        ]), 1040, ["disabled"]))
                       ])
                     ]),
                     _: 2
                   }, 1032, ["class"]),
-                  e.suffix ? (u(), H("div", He, [
+                  e.suffix ? (u(), J("div", Je, [
                     F(l(E), { content: e.suffix }, null, 8, ["content"])
                   ])) : c("", !0),
-                  S.value && g.value ? (u(), h(l(Le), {
+                  w.value && S.value ? (u(), h(l(Le), {
                     key: 1,
                     "ref-dom": B.value
                   }, null, 8, ["ref-dom"])) : c("", !0)
                 ], 2)
               ])
             ], 2),
-            e.description || !S.value ? (u(), H("div", {
+            e.description || !w.value ? (u(), J("div", {
               key: 0,
-              style: J(!l(C) && !e.hideLabel ? { paddingLeft: `${(e.labelWidth || 0) + 8}px` } : {})
+              style: Q(!l(C) && !e.hideLabel ? { paddingLeft: `${(e.labelWidth || 0) + 8}px` } : {})
             }, [
               e.description ? (u(), h(l(Be), {
                 key: 0,
@@ -327,9 +324,9 @@ const Ge = { class: "flex-auto overflow-hidden" }, He = {
                 ]),
                 _: 1
               })) : c("", !0),
-              F(Ne, { name: "slide-up" }, {
+              F(ke, { name: "slide-up" }, {
                 default: b(() => [
-                  !S.value && g.value ? (u(), h(l($e), {
+                  !w.value && S.value ? (u(), h(l($e), {
                     key: 0,
                     class: "absolute"
                   })) : c("", !0)
@@ -340,7 +337,7 @@ const Ge = { class: "flex-auto overflow-hidden" }, He = {
           ]),
           _: 2
         }, 1040, ["class"]), [
-          [Oe, l(D)]
+          [Oe, l(W)]
         ])
       ]),
       _: 3
@@ -348,5 +345,5 @@ const Ge = { class: "flex-auto overflow-hidden" }, He = {
   }
 });
 export {
-  Rn as default
+  Sn as default
 };

package/dist/components/tt-form/src/form-render/FormFieldContact.d.ts

@@ -16,6 +16,10 @@ export declare const FieldRenderer: import('vue').DefineComponent<import('vue').
         type: BooleanConstructor;
         default: boolean;
     };
+    progressive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     scrollElement: {
         type: PropType<Element | null>;
         default: null;
@@ -44,6 +48,10 @@ export declare const FieldRenderer: import('vue').DefineComponent<import('vue').
         type: BooleanConstructor;
         default: boolean;
     };
+    progressive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     scrollElement: {
         type: PropType<Element | null>;
         default: null;
@@ -59,6 +67,7 @@ export declare const FieldRenderer: import('vue').DefineComponent<import('vue').
 }>> & Readonly<{}>, {
     rules: import('../types').FormSchemaRuleType | undefined;
     virtual: boolean;
+    progressive: boolean;
     rootMargin: string;
     estimateFieldHeight: number;
     scrollElement: Element | null;

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

@@ -1,9 +1,9 @@
-import { defineComponent as a, h as l } from "vue";
-import i from "../group-form/LazyFormField.vue.js";
+import { defineComponent as i, h as l } from "vue";
+import a 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({
+import s from "./FormField.vue2.js";
+const g = i({
   name: "FieldRenderer",
   props: {
     fieldConfig: {
@@ -12,43 +12,46 @@ const c = a({
     },
     rules: { type: [String, Object], default: void 0 },
     virtual: { type: Boolean, default: !1 },
+    progressive: { type: Boolean, default: !1 },
     scrollElement: { type: Object, default: null },
     rootMargin: { type: String, default: "200px 0px" },
     estimateFieldHeight: { type: Number, default: 52 }
   },
-  setup(r, { slots: t }) {
+  setup(e, { slots: t }) {
     return () => {
-      const e = {
+      const r = {
         commonComponentProps: {},
-        ...r.fieldConfig
+        ...e.fieldConfig
       };
-      return e.useArraySchema ? l(
+      return r.useArraySchema ? l(
         m,
         {
-          ...e,
-          rules: r.rules,
-          virtual: r.virtual,
-          arraySchema: e.arraySchema,
-          fieldName: e.fieldName,
-          formItemClass: e.formItemClass,
-          wrapperClass: e.wrapperClass
+          ...r,
+          rules: e.rules,
+          virtual: e.virtual,
+          progressive: e.progressive,
+          arraySchema: r.arraySchema,
+          fieldName: r.fieldName,
+          formItemClass: r.formItemClass,
+          wrapperClass: r.wrapperClass
         },
         t
-      ) : r.virtual ? l(
-        i,
+      ) : e.virtual || e.progressive ? l(
+        a,
         {
-          fieldProps: e,
-          rules: r.rules,
-          fieldClass: e.formItemClass,
-          scrollElement: r.scrollElement,
-          rootMargin: r.rootMargin,
-          estimateFieldHeight: r.estimateFieldHeight
+          fieldProps: r,
+          rules: e.rules,
+          fieldClass: r.formItemClass,
+          progressive: e.progressive && !e.virtual,
+          scrollElement: e.scrollElement,
+          rootMargin: e.rootMargin,
+          estimateFieldHeight: e.estimateFieldHeight
         },
         t
-      ) : l(o, { ...e, class: e.formItemClass, rules: r.rules }, t);
+      ) : l(s, { ...r, class: r.formItemClass, rules: e.rules }, t);
     };
   }
 });
 export {
-  c as FieldRenderer
+  g as FieldRenderer
 };

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

@@ -12,6 +12,7 @@ export declare const FormArrayRegister: import('vue').DefineComponent<{
     rules?: import('../../types').FormSchemaRuleType | undefined;
     formItemClass?: (() => string) | string | undefined;
     virtual?: boolean | undefined;
+    progressive?: boolean | undefined;
 }, () => import("vue/jsx-runtime").JSX.Element | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
     disabled?: boolean | undefined;
     hide?: boolean | undefined;
@@ -23,6 +24,7 @@ export declare const FormArrayRegister: import('vue').DefineComponent<{
     rules?: import('../../types').FormSchemaRuleType | undefined;
     formItemClass?: (() => string) | string | undefined;
     virtual?: boolean | undefined;
+    progressive?: boolean | undefined;
 }> & Readonly<{}>, {
     readonly disabled: boolean | undefined;
     readonly hide: boolean | undefined;
@@ -34,4 +36,5 @@ export declare const FormArrayRegister: import('vue').DefineComponent<{
     readonly rules: import('../../types').FormSchemaRuleType | undefined;
     readonly formItemClass: NonNullable<string | (() => string) | undefined>;
     readonly virtual: boolean;
+    readonly progressive: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;