@dazhicheng/ui 1.5.213 → 1.5.216

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

@@ -22,7 +22,7 @@ import { getMergedDisabled as me, resolveArrayItemState as x } from "./utils.js"
 function de(r) {
   return typeof r == "function" || Object.prototype.toString.call(r) === "[object Object]" && !U(r);
 }
-const ue = ["fieldName", "arraySchema", "useArraySchema", "useFieldArray", "rules", "formItemClass", "wrapperClass", "defaultValue", "hide", "disabled", "dependencies"], se = /* @__PURE__ */ M({
+const se = ["fieldName", "arraySchema", "useArraySchema", "useFieldArray", "rules", "formItemClass", "wrapperClass", "defaultValue", "hide", "disabled", "dependencies"], ue = /* @__PURE__ */ M({
   name: "FormArrayRegister",
   props: le,
   setup(r, {
@@ -53,7 +53,7 @@ const ue = ["fieldName", "arraySchema", "useArraySchema", "useFieldArray", "rule
       isDisabled: R,
       isIf: H,
       isShow: L
-    } = ie(() => r.dependencies), w = h(() => Q(D, ue)), g = h(() => I(r.fieldName)), A = h(() => {
+    } = ie(() => r.dependencies), w = h(() => Q(D, se)), g = h(() => I(r.fieldName)), A = h(() => {
       var e;
       return (e = v.value) == null ? void 0 : e.at(g.value);
     });
@@ -65,12 +65,12 @@ const ue = ["fieldName", "arraySchema", "useArraySchema", "useFieldArray", "rule
       const {
         entry: a,
         index: t,
-        itemFieldName: s,
+        itemFieldName: u,
         parentItemPath: m
       } = e;
       return te({
         arrayPath: g.value,
-        itemPath: I(s),
+        itemPath: I(u),
         index: t,
         row: a.value,
         arrayLength: ((n = b(l.fields)) == null ? void 0 : n.length) ?? 0,
@@ -83,7 +83,7 @@ const ue = ["fieldName", "arraySchema", "useArraySchema", "useFieldArray", "rule
     function k(e, a) {
       const {
         entry: t,
-        index: s,
+        index: u,
         itemFieldName: m,
         parentItemPath: n
       } = a, d = `${m}.${e.fieldName}`;
@@ -92,7 +92,7 @@ const ue = ["fieldName", "arraySchema", "useArraySchema", "useFieldArray", "rule
           dynamicRules: F.value,
           dynamicDisabled: R.value,
           props: r
-        }), u = {
+        }), s = {
           ...w.value,
           ...e,
           fieldName: d,
@@ -100,11 +100,12 @@ const ue = ["fieldName", "arraySchema", "useArraySchema", "useFieldArray", "rule
           disabled: i.disabled,
           formItemClass: i.formItemClass,
           virtual: r.virtual,
+          progressive: r.progressive,
           arraySchema: e.arraySchema
         };
-        return P(se, G({
+        return P(ue, G({
           key: d
-        }, u), de(o) ? o : {
+        }, s), de(o) ? o : {
           default: () => [o]
         });
       }
@@ -124,32 +125,33 @@ const ue = ["fieldName", "arraySchema", "useArraySchema", "useFieldArray", "rule
         key: `${t.key}-${d}`,
         fieldConfig: S,
         rules: S.rules,
-        virtual: r.virtual
+        virtual: r.virtual,
+        progressive: r.progressive
       }, {
         default: (i) => {
-          var u, f;
+          var s, f;
           return (f = o[e.fieldName]) == null ? void 0 : f.call(o, {
             ...i,
             action: l,
             entry: t,
-            index: s,
+            index: u,
             fieldName: m,
             form: p,
             arrayPath: g.value,
             arrayHandle: A.value,
             arrayAction: v.value,
             parentItemPath: n,
-            arrayLength: ((u = b(l.fields)) == null ? void 0 : u.length) ?? 0
+            arrayLength: ((s = b(l.fields)) == null ? void 0 : s.length) ?? 0
           });
         }
       });
     }
     function E(e, a) {
-      var u;
-      const t = `${r.fieldName}[${a}]`, s = o[r.fieldName], m = r.fieldName.lastIndexOf("."), n = m !== -1 ? r.fieldName.slice(0, m) : void 0;
-      if (s) {
+      var s;
+      const t = `${r.fieldName}[${a}]`, u = o[r.fieldName], m = r.fieldName.lastIndexOf("."), n = m !== -1 ? r.fieldName.slice(0, m) : void 0;
+      if (u) {
         const f = me(R.value, void 0, r.disabled);
-        return s({
+        return u({
           action: l,
           entry: e,
           index: a,
@@ -160,7 +162,7 @@ const ue = ["fieldName", "arraySchema", "useArraySchema", "useFieldArray", "rule
           arrayHandle: A.value,
           arrayAction: v.value,
           parentItemPath: n,
-          arrayLength: ((u = b(l.fields)) == null ? void 0 : u.length) ?? 0
+          arrayLength: ((s = b(l.fields)) == null ? void 0 : s.length) ?? 0
         });
       }
       const d = {
@@ -199,5 +201,5 @@ const ue = ["fieldName", "arraySchema", "useArraySchema", "useFieldArray", "rule
   }
 });
 export {
-  se as FormArrayRegister
+  ue as FormArrayRegister
 };

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

@@ -44,6 +44,10 @@ export declare const formArrayRegisterProps: {
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly progressive: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
     /** useArraySchema 时：数组整体最外层容器 class（边框、间距等） */
     readonly wrapperClass: {
         readonly type: PropType<NonNullable<FormSchema["wrapperClass"]>>;

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

@@ -36,6 +36,7 @@ const e = {
     default: void 0
   },
   virtual: { type: Boolean, default: !1 },
+  progressive: { type: Boolean, default: !1 },
   /** useArraySchema 时：数组整体最外层容器 class（边框、间距等） */
   wrapperClass: {
     type: String,

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

@@ -6,6 +6,10 @@ export type ArrayRegisterProps = Pick<ArrayRegisterSchema, "fieldName" | "arrayS
      * 虚拟滚动/懒渲染开关（来自渲染层，不属于 FormSchema）
      */
     virtual?: boolean;
+    /**
+     * 渐进式挂载开关（来自渲染层，不属于 FormSchema）
+     */
+    progressive?: boolean;
 };
 export type { ArrayRegisterDependencies };
 export type RowRenderCtx = {

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

@@ -1,4 +1,9 @@
 import { FormItemDependencies, FormSchemaRuleType, MaybeComponentProps } from '../types';
+/**
+ * @param component - 字段 schema 的 component 配置，或 FormField.vue 解析后的组件对象
+ * @returns {"required" | "selectRequired"} 必填规则名
+ */
+export declare function resolveRequiredRuleName(component: unknown): "required" | "selectRequired";
 /**
  * 解析Nested Objects对应的字段值
  * @param values 表单值

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

@@ -1,7 +1,7 @@
-import { ref as u, computed as C, watch as I } from "vue";
+import { ref as n, computed as V, watch as N } from "vue";
 import "axios";
 import "element-plus";
-import { isFunction as o, isBoolean as d } from "../../../../packages/utils/src/is.js";
+import { isFunction as o, isBoolean as F, isString as S } from "../../../../packages/utils/src/is.js";
 import "xe-utils";
 import "dayjs";
 import "dayjs/plugin/utc";
@@ -12,52 +12,90 @@ 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 { get as S } from "es-toolkit/compat";
-import { useFormValues as W } from "vee-validate";
-import { injectRenderFormProps as j } from "./context.js";
-function x(a, r) {
-  if (r.startsWith("[") && r.endsWith("]")) {
-    const h = r.slice(1, -1);
-    return a[h];
+import { get as k } from "es-toolkit/compat";
+import { useFormValues as B } from "vee-validate";
+import { injectRenderFormProps as C } from "./context.js";
+const K = /* @__PURE__ */ new Set(["ElInput", "FormElInput", "ElInputNumber", "ElInputTag", "ElMention"]);
+function er(r) {
+  const e = S(r) ? r : (r == null ? void 0 : r.name) ?? (r == null ? void 0 : r.__name);
+  return S(e) && K.has(e) ? "required" : "selectRequired";
+}
+function M(r, e) {
+  if (e.startsWith("[") && e.endsWith("]")) {
+    const E = e.slice(1, -1);
+    return r[E];
   }
-  return S(a, r);
+  return k(r, e);
 }
-function Y(a) {
-  var F;
-  const r = W(), e = j().form;
-  if (!r)
+function tr(r) {
+  var R;
+  const e = B(), s = C().form;
+  if (!e)
     throw new Error("useDependencies should be used within <TtForm>");
-  const s = u(!0), l = u(!1), m = u(!0), c = u(!1), w = u({}), g = u(), b = C(() => {
-    var t;
-    return (((t = a()) == null ? void 0 : t.triggerFields) ?? []).map((n) => x(r.value, n));
-  }), q = () => {
-    l.value = !1, s.value = !0, m.value = !0, c.value = !1, g.value = void 0, w.value = {};
-  };
-  return I(
-    [b, a],
-    async ([B, t]) => {
-      var V;
-      if (!t || !((V = t == null ? void 0 : t.triggerFields) != null && V.length))
+  const l = n(!0), f = n(!1), m = n(!0), w = n(!1), g = n({}), d = n(), _ = V(() => {
+    var i;
+    return (((i = r()) == null ? void 0 : i.triggerFields) ?? []).map((h) => M(e.value, h));
+  });
+  let I = 0;
+  return N(
+    [_, r],
+    async ([b, i]) => {
+      var q;
+      if (!i || !((q = i == null ? void 0 : i.triggerFields) != null && q.length))
         return;
-      q();
-      const { componentProps: n, disabled: f, if: p, required: y, rules: P, show: v, trigger: R } = t, i = r.value;
+      const h = ++I, u = () => h !== I, { componentProps: x, disabled: v, if: c, required: P, rules: y, show: p, trigger: T } = i, a = e.value;
+      if (o(c)) {
+        const t = !!await c(a, s);
+        if (u() || (l.value = t, !l.value)) return;
+      } else if (F(c)) {
+        if (l.value = c, !l.value) return;
+      } else
+        l.value = !0;
       if (o(p)) {
-        if (s.value = !!await p(i, e), !s.value) return;
-      } else if (d(p) && (s.value = p, !s.value))
-        return;
-      o(v) ? m.value = !!await v(i, e) : d(v) && (m.value = v), o(n) && (w.value = await n(i, e)), o(P) && (g.value = await P(i, e)), o(f) ? l.value = !!await f(i, e) : d(f) && (l.value = f), o(y) && (c.value = !!await y(i, e)), o(R) && await R(i, e);
+        const t = !!await p(a, s);
+        if (u()) return;
+        m.value = t;
+      } else F(p) ? m.value = p : m.value = !0;
+      if (o(x)) {
+        const t = await x(a, s);
+        if (u()) return;
+        g.value = t;
+      } else
+        g.value = {};
+      if (o(y)) {
+        const t = await y(a, s);
+        if (u()) return;
+        d.value = t;
+      } else
+        d.value = void 0;
+      if (o(v)) {
+        const t = !!await v(a, s);
+        if (u()) return;
+        f.value = t;
+      } else F(v) ? f.value = v : f.value = !1;
+      if (o(P)) {
+        const t = !!await P(a, s);
+        if (u()) return;
+        w.value = t;
+      } else
+        w.value = !1;
+      if (o(T)) {
+        if (u()) return;
+        await T(a, s);
+      }
     },
-    { deep: !0, immediate: ((F = a()) == null ? void 0 : F.immediate) ?? !0 }
+    { deep: !0, immediate: ((R = r()) == null ? void 0 : R.immediate) ?? !0 }
   ), {
-    dynamicComponentProps: w,
-    dynamicRules: g,
-    isDisabled: l,
-    isIf: s,
-    isRequired: c,
+    dynamicComponentProps: g,
+    dynamicRules: d,
+    isDisabled: f,
+    isIf: l,
+    isRequired: w,
     isShow: m
   };
 }
 export {
-  Y as default,
-  x as resolveValueByFieldName
+  tr as default,
+  er as resolveRequiredRuleName,
+  M as resolveValueByFieldName
 };

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

@@ -1,14 +1,20 @@
 import { NavAnchorItem } from '../../../tt-nav-anchor';
 import { GroupFormSectionProps } from './types';
+declare function scrollToGroup(key: string): void;
 /**
- * @description 滚动到指定分组（通过 data-group-key 定位 DOM）。
- *   滚动期间暂停 LazyFormField 渲染，滚动结束后才恢复，
- *   避免途经字段挂载导致高度变化引起布局抖动。
- *   虚拟滚动场景下，通过 ResizeObserver 监听容器高度变化，
- *   在字段渲染导致高度变化时自动校正位置，高度稳定后停止。
- * @param {string} key 分组 key
+ * @description 滚动到指定字段（通过 LazyFormField 容器上的 data-field-anchor 定位）。
+ *   该锚点在字段未挂载（虚拟懒渲染仅骨架/占位）时也存在于 DOM，因此可用于滚动到
+ *   「无分组、且尚未挂载」的字段——这类字段没有分组锚点可用。
+ * @param {string} fieldName 字段名（完整路径）
  */
-declare function scrollToGroup(key: string): void;
+declare function scrollToField(fieldName: string): void;
+/**
+ * @description 等待渐进式挂载完成：调度器基于「挂载计数」精确判定所有字段真实 DOM 已就绪
+ *   （由 FormField 的 vue:mounted 抵消 trackMount 计数），再等一帧绘制。
+ *   用于需要操作全量 DOM 的场景（截图、导出、爬虫等）前调用。
+ * @returns {Promise<void>}
+ */
+declare function whenAllRendered(): Promise<void>;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Partial<Record<NonNullable<string | number>, (_: {
@@ -22,6 +28,8 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<GroupFormSectionProps, {
     scrollToGroup: typeof scrollToGroup;
+    scrollToField: typeof scrollToField;
+    whenAllRendered: typeof whenAllRendered;
     navItems: import('vue').ComputedRef<NavAnchorItem[]>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<GroupFormSectionProps> & Readonly<{}>, {
     commonConfig: import('../types').FormCommonConfig;