@dazhicheng/ui 1.6.70 → 1.6.72

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

@@ -1,14 +1,15 @@
-import { defineComponent as he, useTemplateRef as H, unref as l, computed as a, reactive as be, markRaw as ye, toRaw as F, watch as J, nextTick as Ce, onUnmounted as ge, createBlock as p, createCommentVNode as d, openBlock as m, mergeProps as O, withCtx as h, withDirectives as Fe, createVNode as x, createElementVNode as L, createElementBlock as Q, normalizeClass as w, normalizeStyle as X, renderSlot as xe, normalizeProps as Se, guardReactiveProps as Ne, resolveDynamicComponent as Re, createSlots as ke, renderList as Oe, Transition as we, vShow as Ee } from "vue";
+import { defineComponent as he, useTemplateRef as J, unref as l, computed as a, reactive as be, markRaw as ye, toRaw as C, watch as Q, nextTick as Ce, onUnmounted as ge, createBlock as p, createCommentVNode as d, openBlock as c, mergeProps as O, withCtx as h, withDirectives as Fe, createVNode as g, createElementVNode as L, createElementBlock as $, normalizeClass as w, normalizeStyle as X, renderSlot as xe, normalizeProps as Se, guardReactiveProps as ke, resolveDynamicComponent as Ne, createSlots as Re, renderList as Oe, Transition as we, vShow as Ee } from "vue";
 import Pe from "../form/FormControl.vue.js";
 import Te from "../form/FormDescription.vue.js";
 import Be from "../form/FormItem.vue.js";
 import "axios";
 import "element-plus";
-import { isString as b, isFunction as $, isObject as Ve } from "../../../../packages/utils/src/is.js";
+import { isString as b, isFunction as q, isObject as Ve } from "../../../../packages/utils/src/is.js";
 import "dayjs";
 import "numeral";
-import { clnm as q } from "../../../../packages/utils/src/tool.js";
+import { clnm as j } from "../../../../packages/utils/src/tool.js";
 import "../../../../node_modules/.pnpm/decimal.js@10.6.0/node_modules/decimal.js/decimal.js";
+import "../../../../packages/utils/src/stateHandler.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";
 import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/mode-ecb.js";
@@ -31,7 +32,10 @@ import { isEventObjectLike as Y } from "./helper.js";
 const Xe = { class: "flex-auto overflow-hidden" }, Ye = {
   key: 0,
   class: "ml-1"
-}, wt = /* @__PURE__ */ he({
+}, Ze = {
+  key: 1,
+  class: "min-h-(--form-valid-error-nocompact-padding-bottom)"
+}, Pt = /* @__PURE__ */ he({
   __name: "FormField",
   props: {
     component: {},
@@ -68,7 +72,7 @@ const Xe = { class: "flex-auto overflow-hidden" }, Ye = {
     commonComponentProps: {}
   },
   setup(e) {
-    const P = H("wrapperRef"), { componentBindEventMap: Z, componentMap: _, isVertical: s } = ze(), ee = Ke(), N = je(), te = Ae(e.fieldName), f = H("fieldComponentRef"), [ne, le] = De(), j = l(ne).formApi, y = a(() => ee.compact), C = a(() => {
+    const P = J("wrapperRef"), { componentBindEventMap: Z, componentMap: _, isVertical: s } = ze(), ee = Ke(), k = je(), te = Ae(e.fieldName), f = J("fieldComponentRef"), [ne, le] = De(), A = l(ne).formApi, F = a(() => ee.compact), x = a(() => {
       var t;
       return ((t = te.value) == null ? void 0 : t.length) > 0;
     }), T = be(
@@ -79,7 +83,7 @@ const Xe = { class: "flex-auto overflow-hidden" }, Ye = {
          * @returns 当前表单值
          */
         get(t, n) {
-          return Le(N.value, n);
+          return Le(k.value, n);
         },
         /**
          * @param _target 代理目标
@@ -88,58 +92,58 @@ const Xe = { class: "flex-auto overflow-hidden" }, Ye = {
          * @returns 是否设置成功
          */
         set(t, n, o) {
-          return Ie(N.value, n, o), le.validateField(n, { warn: !1 }), !0;
+          return Ie(k.value, n, o), le.validateField(n, { warn: !1 }), !0;
         }
       })
-    ), A = a(() => {
+    ), M = a(() => {
       const t = b(e.component) ? _.value[e.component] : e.component;
-      return ye(F(t));
-    }), { dynamicComponentProps: oe, dynamicRules: ie, isDisabled: ae, isIf: M, isRequired: B, isShow: U } = Ge(
+      return ye(C(t));
+    }), { dynamicComponentProps: oe, dynamicRules: ie, isDisabled: ae, isIf: U, isRequired: B, isShow: D } = Ge(
       () => e.dependencies
     ), re = a(() => {
       var t;
       return (t = e.labelClass) != null && t.includes("w-") || s.value ? {} : {
         width: `${e.labelWidth}px`
       };
-    }), D = a(() => {
+    }), W = a(() => {
       const t = ie.value || e.rules;
-      return t && F(t);
-    }), W = a(() => !e.hide && M.value && U.value), V = a(() => {
+      return t && C(t);
+    }), z = a(() => !e.hide && U.value && D.value), V = a(() => {
       var r, S, u;
-      if (!W.value)
+      if (!z.value)
         return !1;
-      const t = D.value;
+      const t = W.value;
       if (!t)
         return B.value;
       if (B.value)
         return !0;
       if (b(t))
         return ["required", "selectRequired"].includes(t);
-      const n = F(t);
+      const n = C(t);
       let o = (r = n == null ? void 0 : n.isOptional) == null ? void 0 : r.call(n);
       const i = n == null ? void 0 : n.def;
       if ((i == null ? void 0 : i.type) === "default" && "innerType" in i) {
-        const k = i.innerType;
-        k && (o = (u = (S = F(k)).isOptional) == null ? void 0 : u.call(S));
+        const R = i.innerType;
+        R && (o = (u = (S = C(R)).isOptional) == null ? void 0 : u.call(S));
       }
       return !o;
     }), ue = a(() => {
       var i;
-      if (!W.value)
+      if (!z.value)
         return null;
-      const t = D.value;
+      const t = W.value;
       if (!t)
-        return B.value ? He(A.value) : null;
+        return B.value ? He(M.value) : null;
       if (b(t))
         return t;
-      let n = F(t);
+      let n = C(t);
       if (!!V.value) {
         const r = (i = n == null ? void 0 : n.unwrap) == null ? void 0 : i.call(n);
-        r && (n = F(r));
+        r && (n = C(r));
       }
       return Ue(n);
-    }), c = a(() => {
-      const t = $(e.componentProps) ? e.componentProps(N.value, j) : e.componentProps;
+    }), m = a(() => {
+      const t = q(e.componentProps) ? e.componentProps(k.value, A) : e.componentProps;
       return {
         ...e.commonComponentProps,
         ...t,
@@ -147,16 +151,16 @@ const Xe = { class: "flex-auto overflow-hidden" }, Ye = {
       };
     }), { selectComponentProps: ce } = Qe(
       a(() => ({
-        componentProps: c,
+        componentProps: m,
         component: e.component,
         selectWrapRef: P,
         selectRef: f
       }))
     );
-    J(
+    Q(
       () => {
         var t;
-        return (t = c.value) == null ? void 0 : t.autofocus;
+        return (t = m.value) == null ? void 0 : t.autofocus;
       },
       (t) => {
         t === !0 && Ce(() => {
@@ -165,10 +169,10 @@ const Xe = { class: "flex-auto overflow-hidden" }, Ye = {
       },
       { immediate: !0 }
     );
-    const R = a(() => {
+    const N = a(() => {
       var t;
-      return ae.value || e.disabled || ((t = c.value) == null ? void 0 : t.disabled);
-    }), z = a(() => $(e.renderComponentContent) ? e.renderComponentContent(N.value, j) : {}), me = a(() => Object.keys(z.value)), de = a(() => {
+      return ae.value || e.disabled || ((t = m.value) == null ? void 0 : t.disabled);
+    }), K = a(() => q(e.renderComponentContent) ? e.renderComponentContent(k.value, A) : {}), me = a(() => Object.keys(K.value)), de = a(() => {
       const t = ue.value;
       return {
         keepValue: !0,
@@ -189,12 +193,12 @@ const Xe = { class: "flex-auto overflow-hidden" }, Ye = {
         [`onUpdate:${i}`]: o,
         [i]: r === void 0 ? e.emptyStateValue : r,
         onChange: e.disabledOnChangeListener ? void 0 : (u) => {
-          var G;
-          const k = Y(u), g = (G = t == null ? void 0 : t.componentField) == null ? void 0 : G.onChange;
-          if (!k)
-            return g == null ? void 0 : g(u);
+          var H;
+          const R = Y(u), y = (H = t == null ? void 0 : t.componentField) == null ? void 0 : H.onChange;
+          if (!R)
+            return y == null ? void 0 : y(u);
           const I = u.target;
-          return g == null ? void 0 : g((I == null ? void 0 : I[i]) ?? u);
+          return y == null ? void 0 : y((I == null ? void 0 : I[i]) ?? u);
         },
         ...e.disabledOnInputListener ? { onInput: void 0 } : {}
       } : {
@@ -203,49 +207,48 @@ const Xe = { class: "flex-auto overflow-hidden" }, Ye = {
       };
     }
     const fe = /* @__PURE__ */ new Set(["ElCheckbox", "ElCheckboxButton", "ElSwitch"]), ve = /* @__PURE__ */ new Set(["ElInputNumber"]);
-    function K(t) {
+    function G(t) {
       const n = se(t), o = {
         ...t.componentField,
-        ...c.value,
+        ...m.value,
         ...ce.value,
         ...n,
-        ...Reflect.has(c.value, "onChange") ? { onChange: c.value.onChange } : {},
-        ...Reflect.has(c.value, "onInput") ? { onInput: c.value.onInput } : {}
+        ...Reflect.has(m.value, "onChange") ? { onChange: m.value.onChange } : {},
+        ...Reflect.has(m.value, "onInput") ? { onInput: m.value.onInput } : {}
       };
-      return Reflect.has(c.value, "name") || delete o.name, b(e.component) && fe.has(e.component) && o.modelValue === void 0 && (o.modelValue = !1), b(e.component) && ve.has(e.component) && (o.controls = !1, o.align = "left"), {
+      return Reflect.has(m.value, "name") || delete o.name, b(e.component) && fe.has(e.component) && o.modelValue === void 0 && (o.modelValue = !1), b(e.component) && ve.has(e.component) && (o.controls = !1, o.align = "left"), {
         ...o,
-        placeholder: R.value ? "" : o.placeholder
+        placeholder: N.value ? "" : o.placeholder
       };
     }
     function pe() {
       var t, n;
-      f.value && $(f.value.focus) && // 检查当前是否有元素被聚焦
+      f.value && q(f.value.focus) && // 检查当前是否有元素被聚焦
       document.activeElement !== f.value && ((n = (t = f.value) == null ? void 0 : t.focus) == null || n.call(t));
     }
     const v = We();
-    return J(f, (t) => {
+    return Q(f, (t) => {
       v == null || v.set(e.fieldName, t);
     }), ge(() => {
       v != null && v.has(e.fieldName) && v.delete(e.fieldName);
-    }), (t, n) => !e.hide && l(M) ? (m(), p(l(Me), O({ key: 0 }, de.value, { name: e.fieldName }), {
+    }), (t, n) => !e.hide && l(U) ? (c(), p(l(Me), O({ key: 0 }, de.value, { name: e.fieldName }), {
       default: h((o) => [
-        Fe(x(l(Be), O({
+        Fe(g(l(Be), O({
           class: [{
-            "form-valid-error": C.value,
+            "form-valid-error": x.value,
             "form-is-required": V.value,
-            "pb-(--form-valid-error-nocompact-padding-bottom)": !y.value && !C.value,
-            "pb-(--tt-spacing-1)": y.value,
-            "self-center": y.value && !l(s)
+            "pb-(--tt-spacing-1)": F.value,
+            "self-center": F.value && !l(s)
           }, "relative"]
         }, t.$attrs), {
           default: h(() => [
             L("div", {
               class: w([{ "flex-col": l(s), "flex-row items-center": !l(s) }, "flex"])
             }, [
-              e.hideLabel ? d("", !0) : (m(), p(Je, {
+              e.hideLabel ? d("", !0) : (c(), p(Je, {
                 key: 0,
                 class: w(
-                  l(q)(
+                  l(j)(
                     "flex leading-(--tt-line-height)",
                     {
                       "mr-(--tt-form-label-gap) shrink-0 items-center justify-end text-right": !l(s),
@@ -265,7 +268,7 @@ const Xe = { class: "flex-auto overflow-hidden" }, Ye = {
                 "tool-tip-text": e.toolTipText
               }, {
                 default: h(() => [
-                  e.label ? (m(), p(l(E), {
+                  e.label ? (c(), p(l(E), {
                     key: 0,
                     content: e.label
                   }, null, 8, ["content"])) : d("", !0)
@@ -276,35 +279,35 @@ const Xe = { class: "flex-auto overflow-hidden" }, Ye = {
                 L("div", {
                   ref_key: "wrapperRef",
                   ref: P,
-                  class: w(l(q)("relative flex w-full items-center", e.wrapperClass))
+                  class: w(l(j)("relative flex w-full items-center", e.wrapperClass))
                 }, [
-                  x(l(Pe), {
-                    class: w(l(q)(e.controlClass))
+                  g(l(Pe), {
+                    class: w(l(j)(e.controlClass))
                   }, {
                     default: h(() => [
-                      xe(t.$slots, "default", Se(Ne({
+                      xe(t.$slots, "default", Se(ke({
                         ...o,
-                        ...K(o),
-                        disabled: R.value,
-                        isInValid: C.value,
+                        ...G(o),
+                        disabled: N.value,
+                        isInValid: x.value,
                         form: T,
                         fieldName: e.fieldName
                       })), () => [
-                        (m(), p(Re(A.value), O({
+                        (c(), p(Ne(M.value), O({
                           ref_key: "fieldComponentRef",
                           ref: f
                         }, {
-                          ...K(o),
-                          disabled: R.value,
-                          isInValid: C.value,
+                          ...G(o),
+                          disabled: N.value,
+                          isInValid: x.value,
                           form: T,
                           fieldName: e.fieldName
-                        }, { disabled: R.value }), ke({ _: 2 }, [
+                        }, { disabled: N.value }), Re({ _: 2 }, [
                           Oe(me.value, (i) => ({
                             name: i,
                             fn: h((r) => [
-                              x(l(E), O({
-                                content: z.value[i]
+                              g(l(E), O({
+                                content: K.value[i]
                               }, { ...r, formContext: o }), null, 16, ["content"])
                             ])
                           }))
@@ -313,42 +316,44 @@ const Xe = { class: "flex-auto overflow-hidden" }, Ye = {
                     ]),
                     _: 2
                   }, 1032, ["class"]),
-                  e.suffix ? (m(), Q("div", Ye, [
-                    x(l(E), { content: e.suffix }, null, 8, ["content"])
+                  e.suffix ? (c(), $("div", Ye, [
+                    g(l(E), { content: e.suffix }, null, 8, ["content"])
                   ])) : d("", !0),
-                  y.value && C.value ? (m(), p(l($e), {
+                  F.value && x.value ? (c(), p(l($e), {
                     key: 1,
                     "ref-dom": P.value
                   }, null, 8, ["ref-dom"])) : d("", !0)
                 ], 2)
               ])
             ], 2),
-            e.description || !y.value ? (m(), Q("div", {
+            e.description || !F.value ? (c(), $("div", {
               key: 0,
               style: X(
                 !l(s) && !e.hideLabel ? { paddingLeft: `calc(${e.labelWidth || 0}px + var(--tt-form-label-gap))` } : {}
               )
             }, [
-              e.description ? (m(), p(l(Te), {
+              e.description ? (c(), p(l(Te), {
                 key: 0,
                 class: "text-[12px]"
               }, {
                 default: h(() => [
-                  x(l(E), { content: e.description }, null, 8, ["content"])
+                  g(l(E), { content: e.description }, null, 8, ["content"])
                 ]),
                 _: 1
               })) : d("", !0),
-              x(we, { name: "slide-up" }, {
-                default: h(() => [
-                  !y.value && C.value ? (m(), p(l(qe), { key: 0 })) : d("", !0)
-                ]),
-                _: 1
-              })
+              F.value ? d("", !0) : (c(), $("div", Ze, [
+                g(we, { name: "slide-up" }, {
+                  default: h(() => [
+                    x.value ? (c(), p(l(qe), { key: 0 })) : d("", !0)
+                  ]),
+                  _: 1
+                })
+              ]))
             ], 4)) : d("", !0)
           ]),
           _: 2
         }, 1040, ["class"]), [
-          [Ee, l(U)]
+          [Ee, l(D)]
         ])
       ]),
       _: 3
@@ -356,5 +361,5 @@ const Xe = { class: "flex-auto overflow-hidden" }, Ye = {
   }
 });
 export {
-  wt as default
+  Pt as default
 };

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

@@ -9,6 +9,7 @@ import "dayjs";
 import "numeral";
 import { clnm as V } from "../../../../packages/utils/src/tool.js";
 import "../../../../node_modules/.pnpm/decimal.js@10.6.0/node_modules/decimal.js/decimal.js";
+import "../../../../packages/utils/src/stateHandler.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";
 import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/mode-ecb.js";
@@ -27,7 +28,7 @@ const N = {
 }, E = { class: "flex items-center" }, F = { key: 0 }, q = { class: "flex items-center" }, L = {
   key: 3,
   class: "ml-[2px]"
-}, le = /* @__PURE__ */ x({
+}, re = /* @__PURE__ */ x({
   __name: "FormLabel",
   props: {
     class: {},
@@ -107,5 +108,5 @@ const N = {
   }
 });
 export {
-  le as default
+  re as default
 };

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

@@ -5,6 +5,7 @@ import "dayjs";
 import "numeral";
 import { clnm as W } from "../../../../../packages/utils/src/tool.js";
 import "../../../../../node_modules/.pnpm/decimal.js@10.6.0/node_modules/decimal.js/decimal.js";
+import "../../../../../packages/utils/src/stateHandler.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";
 import "../../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/mode-ecb.js";

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

@@ -6,6 +6,7 @@ import "dayjs";
 import "numeral";
 import { clnm as d } from "../../../../../packages/utils/src/tool.js";
 import "../../../../../node_modules/.pnpm/decimal.js@10.6.0/node_modules/decimal.js/decimal.js";
+import "../../../../../packages/utils/src/stateHandler.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";
 import "../../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/mode-ecb.js";
@@ -14,11 +15,11 @@ import "lodash-es";
 function c(r, t, o) {
   return r || !!t || !!o;
 }
-function M(r, t) {
+function R(r, t) {
   const { dynamicRules: o, dynamicDisabled: m, props: s } = t, e = r.rules ?? o ?? s.rules, i = r.formItemClass || s.formItemClass, p = a(i) ? i() : i, l = r.wrapperClass, n = c(m, !!r.disabled, !!s.disabled);
   return { rules: e, formItemClass: d("col-span-1", p), disabled: n, wrapperClass: l };
 }
 export {
   c as getMergedDisabled,
-  M as resolveArrayItemState
+  R as resolveArrayItemState
 };

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

@@ -8,6 +8,7 @@ import "xe-utils";
 import "dayjs/plugin/utc";
 import "dayjs/plugin/timezone";
 import "../../../../node_modules/.pnpm/decimal.js@10.6.0/node_modules/decimal.js/decimal.js";
+import "../../../../packages/utils/src/stateHandler.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";
 import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/mode-ecb.js";
@@ -24,67 +25,67 @@ const M = /* @__PURE__ */ new Set([
   "ElMention",
   "TtInputTextarea"
 ]);
-function ae(e) {
-  const t = q(e) ? e : (e == null ? void 0 : e.name) ?? (e == null ? void 0 : e.__name);
-  return q(t) && M.has(t) ? "required" : "selectRequired";
+function or(r) {
+  const e = q(r) ? r : (r == null ? void 0 : r.name) ?? (r == null ? void 0 : r.__name);
+  return q(e) && M.has(e) ? "required" : "selectRequired";
 }
-function W(e, t) {
-  if (t.startsWith("[") && t.endsWith("]")) {
-    const w = t.slice(1, -1);
-    return e[w];
+function W(r, e) {
+  if (e.startsWith("[") && e.endsWith("]")) {
+    const w = e.slice(1, -1);
+    return r[w];
   }
-  return B(e, t);
+  return B(r, e);
 }
-function oe(e) {
+function lr(r) {
   var E;
-  const t = C(), [w] = K(), s = V(w).formApi;
-  if (!t)
+  const e = C(), [w] = K(), s = V(w).formApi;
+  if (!e)
     throw new Error("useDependencies should be used within <TtForm>");
   const l = n(!0), f = n(!1), m = n(!0), g = n(!1), h = n({}), F = N(), S = O(() => {
     var i;
-    return (((i = e()) == null ? void 0 : i.triggerFields) ?? []).map((d) => W(t.value, d));
+    return (((i = r()) == null ? void 0 : i.triggerFields) ?? []).map((d) => W(e.value, d));
   });
   let x = 0;
   return j(
-    [S, e],
+    [S, r],
     async ([_, i]) => {
       var b;
       if (!i || !((b = i == null ? void 0 : i.triggerFields) != null && b.length))
         return;
-      const d = ++x, u = () => d !== x, { componentProps: T, disabled: v, if: c, required: R, rules: y, show: p, trigger: P } = i, a = t.value;
+      const d = ++x, u = () => d !== x, { componentProps: T, disabled: v, if: c, required: R, rules: y, show: p, trigger: P } = i, a = e.value;
       if (o(c)) {
-        const r = !!await c(a, s);
-        if (u() || (l.value = r, !l.value)) return;
+        const t = !!await c(a, s);
+        if (u() || (l.value = t, !l.value)) return;
       } else if (I(c)) {
         if (l.value = c, !l.value) return;
       } else
         l.value = !0;
       if (o(p)) {
-        const r = !!await p(a, s);
+        const t = !!await p(a, s);
         if (u()) return;
-        m.value = r;
+        m.value = t;
       } else I(p) ? m.value = p : m.value = !0;
       if (o(T)) {
-        const r = await T(a, s);
+        const t = await T(a, s);
         if (u()) return;
-        h.value = r;
+        h.value = t;
       } else
         h.value = {};
       if (o(y)) {
-        const r = await y(a, s);
+        const t = await y(a, s);
         if (u()) return;
-        F.value = A(r) ? k(r) : r;
+        F.value = A(t) ? k(t) : t;
       } else
         F.value = void 0;
       if (o(v)) {
-        const r = !!await v(a, s);
+        const t = !!await v(a, s);
         if (u()) return;
-        f.value = r;
+        f.value = t;
       } else I(v) ? f.value = v : f.value = !1;
       if (o(R)) {
-        const r = !!await R(a, s);
+        const t = !!await R(a, s);
         if (u()) return;
-        g.value = r;
+        g.value = t;
       } else
         g.value = !1;
       if (o(P)) {
@@ -92,7 +93,7 @@ function oe(e) {
         await P(a, s);
       }
     },
-    { deep: !0, immediate: ((E = e()) == null ? void 0 : E.immediate) ?? !0 }
+    { deep: !0, immediate: ((E = r()) == null ? void 0 : E.immediate) ?? !0 }
   ), {
     dynamicComponentProps: h,
     dynamicRules: F,
@@ -103,7 +104,7 @@ function oe(e) {
   };
 }
 export {
-  oe as default,
-  ae as resolveRequiredRuleName,
+  lr as default,
+  or as resolveRequiredRuleName,
   W as resolveValueByFieldName
 };

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

@@ -8,6 +8,7 @@ import "numeral";
 import { clnm as F } from "../../../../packages/utils/src/tool.js";
 import { mergeWithArrayOverride as me } from "../../../../packages/utils/src/merge.js";
 import "../../../../node_modules/.pnpm/decimal.js@10.6.0/node_modules/decimal.js/decimal.js";
+import "../../../../packages/utils/src/stateHandler.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";
 import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/mode-ecb.js";
@@ -27,7 +28,7 @@ import { getBaseRules as ve, getDefaultValueInZodStack as ge } from "./helper.js
 import "../../../../node_modules/.pnpm/vue-types@5.1.3_vue@3.5.34_typescript@5.9.3_/node_modules/vue-types/shim/index.modern.js";
 import { useDesign as ye } from "../../../../packages/hooks/src/useDesign.js";
 import "vue-router";
-const Je = /* @__PURE__ */ ee({
+const Ke = /* @__PURE__ */ ee({
   name: "FormRender",
   __name: "form",
   props: {
@@ -206,5 +207,5 @@ const Je = /* @__PURE__ */ ee({
   }
 });
 export {
-  Je as default
+  Ke as default
 };

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

@@ -8,6 +8,7 @@ import "xe-utils";
 import "dayjs/plugin/utc";
 import "dayjs/plugin/timezone";
 import "../../../../node_modules/.pnpm/decimal.js@10.6.0/node_modules/decimal.js/decimal.js";
+import "../../../../packages/utils/src/stateHandler.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";
 import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/mode-ecb.js";
@@ -30,11 +31,11 @@ function f(e) {
       return f(i(t.def.schema));
   }
 }
-function v(e) {
+function O(e) {
   return !e || !p(e) ? !1 : Reflect.has(e, "target") && Reflect.has(e, "stopPropagation");
 }
 export {
   n as getBaseRules,
   f as getDefaultValueInZodStack,
-  v as isEventObjectLike
+  O as isEventObjectLike
 };

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

@@ -5,17 +5,18 @@ import "vue";
 import "numeral";
 import { clnm as m } from "../../../../packages/utils/src/tool.js";
 import "../../../../node_modules/.pnpm/decimal.js@10.6.0/node_modules/decimal.js/decimal.js";
+import "../../../../packages/utils/src/stateHandler.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";
 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";
 const s = "grid-cols-1 sm:grid-cols-2 md:grid-cols-3";
-function _(o) {
+function A(o) {
   const { layout: p, compact: r, wrapperClass: i } = o, t = ["flex"];
   return p === "inline" ? t.push("flex-wrap gap-x-(--tt-spacing-1)") : t.push(r ? "gap-x-(--tt-spacing-1)" : "gap-x-(--tt-spacing-2)", "flex-col grid"), m(...t, i ?? s);
 }
 export {
   s as FORM_RENDER_DEFAULT_WRAPPER_CLASS,
-  _ as getFormRootWrapperClass
+  A as getFormRootWrapperClass
 };

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

@@ -11,6 +11,7 @@ import "xe-utils";
 import "dayjs/plugin/utc";
 import "dayjs/plugin/timezone";
 import "../../../../node_modules/.pnpm/decimal.js@10.6.0/node_modules/decimal.js/decimal.js";
+import "../../../../packages/utils/src/stateHandler.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";
 import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/mode-ecb.js";
@@ -26,7 +27,7 @@ import be from "./GroupSection.vue2.js";
 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, fo = /* @__PURE__ */ ae({
+const Le = 5, Ve = 500, go = /* @__PURE__ */ ae({
   name: "TtVirtualGroupForm",
   inheritAttrs: !1,
   __name: "GroupForm",
@@ -85,7 +86,10 @@ const Le = 5, Ve = 500, fo = /* @__PURE__ */ ae({
       componentBindEventMap: Ee,
       form: v,
       layout: r.value.layout,
-      compact: r.value.compact,
+      /** 保留响应式读取，让已挂载和后续懒挂载字段都使用最新的紧凑模式。 */
+      get compact() {
+        return r.value.compact;
+      },
       wrapperClass: r.value.wrapperClass
     }), Me(M), g.formApi.mount(v, M);
     const f = ie("scrollRef"), y = a(() => {
@@ -251,5 +255,5 @@ const Le = 5, Ve = 500, fo = /* @__PURE__ */ ae({
   }
 });
 export {
-  fo as default
+  go as default
 };