@dazhicheng/ui 1.5.215 → 1.5.217

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

@@ -1,16 +1,4 @@
-import { InjectionKey, Ref } from 'vue';
-/**
- * 共享的字段错误缓存 Map，key 为 fieldName，value 为错误信息。
- * 由 VirtualGroupForm provide，LazyFormField inject。
- * validate 时对未挂载字段的校验错误写入此 map，
- * LazyFormField 挂载时从中读取并通过 setFieldError 恢复。
- */
-export declare const VIRTUAL_ERROR_CACHE_KEY: InjectionKey<Map<string, string>>;
-/**
- * 重置信号（递增计数器），resetForm / resetValidate 清空虚拟字段错误缓存时 +1。
- * useGroupForm 中 watch 此值以同步导航错误计数；LazyFormField 不依赖 inject 该 key。
- */
-export declare const VIRTUAL_RESET_SIGNAL_KEY: InjectionKey<Ref<number>>;
+import { InjectionKey } from 'vue';
 /**
  * @description 分批渲染调度器，所有 LazyFormField 共享同一个实例。
  *   滚动停稳后，视口内的字段排队请求渲染，调度器每帧只处理有限数量，
@@ -27,6 +15,20 @@ export interface RenderScheduler {
     pause: () => void;
     /** @description 恢复调度并处理队列中积压的请求 */
     resume: () => void;
+    /**
+     * @description 标记一个字段已提交挂载（真实 DOM 尚未就绪）。与 {@link settleMount} 成对调用，
+     *   用于精确统计"仍在挂载中的字段数"，供 {@link whenAllSettled} 判断是否全部就绪。
+     */
+    trackMount: () => void;
+    /** @description 标记一个字段的真实 DOM 已挂载完成（在 FormField 的 vue:mounted 时调用），与 {@link trackMount} 成对。 */
+    settleMount: () => void;
+    /**
+     * @description 返回一个 Promise，在「队列排空 且 所有已提交挂载的字段真实 DOM 均已就绪」时 resolve。
+     *   渐进式挂载场景下，在需要操作全量 DOM 的场景（截图、导出、爬虫等）前 await 此 Promise，
+     *   可精确确保全部字段已挂载进 DOM，而非依赖固定帧数猜测。若调用时已就绪则立即 resolve。
+     * @returns {Promise<void>}
+     */
+    whenAllSettled: () => Promise<void>;
 }
 /**
  * @description 创建分批渲染调度器

package/dist/components/tt-form/src/group-form/lazyContext.js

@@ -1,38 +1,54 @@
-const f = Symbol("VirtualGroupFormErrorCache");
-function d(c = 4) {
-  const e = [];
-  let u = !1, n = !1;
+function R(f = 4) {
+  const n = [];
+  let l = !1, u = !1, r = 0, c = [];
+  function i() {
+    return n.length === 0 && !l && r === 0;
+  }
   function o() {
-    if (u = !1, n) return;
-    let l = 0;
-    for (; e.length > 0 && l < c; ) {
-      const t = e.shift();
-      t.cancelled || (t.cb(), l++);
+    if (i() && c.length > 0) {
+      const e = c;
+      c = [], e.forEach((t) => t());
     }
-    e.length > 0 && r();
   }
-  function r() {
-    u || n || (u = !0, requestAnimationFrame(o));
+  function a() {
+    if (l = !1, u) return;
+    let e = 0;
+    for (; n.length > 0 && e < f; ) {
+      const t = n.shift();
+      t.cancelled || (t.cb(), e++);
+    }
+    n.length > 0 ? s() : o();
+  }
+  function s() {
+    l || u || (l = !0, requestAnimationFrame(a));
   }
-  function i(l) {
-    const t = { cb: l, cancelled: !1 };
-    return e.push(t), r(), () => {
+  function d(e) {
+    const t = { cb: e, cancelled: !1 };
+    return n.push(t), s(), () => {
       t.cancelled = !0;
     };
   }
-  function s() {
-    n = !0;
+  function h() {
+    u = !0;
   }
-  function a() {
-    n = !1, e.length > 0 && r();
+  function S() {
+    u = !1, n.length > 0 && s();
+  }
+  function m() {
+    r++;
+  }
+  function E() {
+    r > 0 && r--, o();
+  }
+  function p() {
+    return i() ? Promise.resolve() : new Promise((e) => c.push(e));
   }
-  return { request: i, pause: s, resume: a };
+  return { request: d, pause: h, resume: S, trackMount: m, settleMount: E, whenAllSettled: p };
 }
-const E = Symbol("VirtualRenderScheduler"), h = Symbol("GroupVisibilityCallback"), R = Symbol("HiddenGroupKeys");
+const _ = Symbol("VirtualRenderScheduler"), b = Symbol("GroupVisibilityCallback"), g = Symbol("HiddenGroupKeys");
 export {
-  h as GROUP_VISIBILITY_CALLBACK_KEY,
-  R as HIDDEN_GROUP_KEYS_KEY,
-  E as RENDER_SCHEDULER_KEY,
-  f as VIRTUAL_ERROR_CACHE_KEY,
-  d as createRenderScheduler
+  b as GROUP_VISIBILITY_CALLBACK_KEY,
+  g as HIDDEN_GROUP_KEYS_KEY,
+  _ as RENDER_SCHEDULER_KEY,
+  R as createRenderScheduler
 };

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

@@ -66,6 +66,12 @@ export type GroupFormNavAnchorProps = UseGroupFormNavAnchorProps;
 export type UseGroupFormOptionsCommon = Omit<TtFormProps, "schema" | "showDefaultActions"> & {
     /** 是否启用虚拟化，默认 true */
     virtual?: boolean;
+    /**
+     * 渐进式挂载：不启用虚拟化（视口外字段也渲染 DOM），但所有字段分批（按帧）后台挂载，提升首次打开速度。
+     * 默认 false。
+     * 与 `virtual` 互斥：显式开启 progressive 时自动关闭 virtual。操作 DOM 前可 `await formApi.whenAllRendered()` 确保挂载完成。
+     */
+    progressive?: boolean;
     /** 滚动容器高度，默认 '100%' */
     containerHeight?: number | string;
     /** IntersectionObserver rootMargin，控制提前渲染的距离，默认 '200px 0px'（仅 virtual 为 true 时生效） */
@@ -98,7 +104,7 @@ export interface UseGroupFormOptionsWithLegacySchema extends UseGroupFormOptions
 }
 /** groupSchema 与 schema 二选一（至少传一个） */
 export type UseGroupFormOptions = UseGroupFormOptionsWithGroupSchema | UseGroupFormOptionsWithLegacySchema;
-export type GroupFormExtraState = Partial<Pick<UseGroupFormOptions, "virtual" | "navAnchorProps" | "containerHeight" | "rootMargin" | "estimateFieldHeight" | "scrollOffset">> & {
+export type GroupFormExtraState = Partial<Pick<UseGroupFormOptions, "virtual" | "progressive" | "navAnchorProps" | "containerHeight" | "rootMargin" | "estimateFieldHeight" | "scrollOffset">> & {
     /** 分组 schema 树形结构（store 状态，由 GroupFormApi.setState 维护） */
     groupSchema?: GroupFormSchema[];
 };
@@ -118,6 +124,8 @@ export interface LazyFormFieldProps {
     root?: Element | null;
     /** IntersectionObserver rootMargin，控制提前渲染的距离 */
     rootMargin?: string;
+    /** 渐进式挂载：onMounted 即分批入队挂载，不依赖视口、挂载后常驻，供操作全量 DOM 场景使用 */
+    progressive?: boolean;
     /** 预估占位高度（px），首次渲染前使用 */
     estimateHeight?: number;
     /** 未进入视口时是否显示骨架屏（弹框首屏等场景减少白屏感），默认 true */
@@ -128,7 +136,7 @@ export interface LazyFormFieldProps {
 /**
  * 分组表单根组件 props：`formApi` 为必传数据入口；
  */
-export type GroupFormSectionProps = Partial<Pick<UseGroupFormOptions, "virtual" | "scrollToFirstError" | "containerHeight" | "rootMargin" | "estimateFieldHeight" | "wrapperClass" | "layout" | "compact" | "commonConfig" | "actionWrapperClass" | "showCollapseButton" | "collapsed" | "collapsedRows" | "collapseTriggerResize" | "submitOnChange" | "submitOnEnter" | "fieldMappingTime" | "arrayToStringFields">> & {
+export type GroupFormSectionProps = Partial<Pick<UseGroupFormOptions, "virtual" | "progressive" | "scrollToFirstError" | "containerHeight" | "rootMargin" | "estimateFieldHeight" | "wrapperClass" | "layout" | "compact" | "commonConfig" | "actionWrapperClass" | "showCollapseButton" | "collapsed" | "collapsedRows" | "collapseTriggerResize" | "submitOnChange" | "submitOnEnter" | "fieldMappingTime" | "arrayToStringFields">> & {
     /** 表单 API（必传，所有内部数据的入口） */
     formApi: GroupFormApi;
     /** 模板侧覆盖：导航锚点配置（与 store.navAnchorProps 合并，模板优先） */
@@ -152,6 +160,8 @@ export interface GroupSectionProps {
     depth?: number;
     /** 是否启用表单项级别的虚拟化（IntersectionObserver 懒渲染） */
     virtual?: boolean;
+    /** 渐进式挂载：分批后台挂载全部字段，挂载后常驻DOM常驻（供操作全量 DOM 场景使用） */
+    progressive?: boolean;
     /** 虚拟化时滚动容器引用 */
     scrollElement?: Element | null;
     /** IntersectionObserver rootMargin，控制提前渲染的距离 */
@@ -163,7 +173,7 @@ export interface GroupSectionProps {
  * @description GroupFormApi 构造函数的分组配置选项，复用 UseGroupFormOptions 中同名字段的类型定义，
  *   额外增加 `groupSchema`（由 useGroupForm 传入）。
  */
-export type GroupFormApiOptions = Pick<UseGroupFormOptions, "virtual" | "navAnchorProps" | "scrollToFirstError" | "containerHeight" | "rootMargin" | "estimateFieldHeight" | "scrollOffset"> & {
+export type GroupFormApiOptions = Pick<UseGroupFormOptions, "virtual" | "progressive" | "navAnchorProps" | "scrollToFirstError" | "containerHeight" | "rootMargin" | "estimateFieldHeight" | "scrollOffset"> & {
     /** 分组 schema 树形结构（由 useGroupForm 传入） */
     groupSchema: GroupFormSchema[];
 };

package/dist/components/tt-form/src/group-form/useGroupForm.js

@@ -1,77 +1,74 @@
-import { defineComponent as y, onMounted as C, watch as a, onBeforeUnmount as _, h as x, isReactive as N } from "vue";
-import { useStore as P } from "@tanstack/vue-store";
-import { GroupFormApi as w } from "./groupFormApi.js";
-import M from "./GroupForm.vue2.js";
+import { defineComponent as x, onMounted as y, watch as c, onBeforeUnmount as C, h as P, isReactive as w } from "vue";
+import { useStore as N } from "@tanstack/vue-store";
+import { GroupFormApi as M } from "./groupFormApi.js";
+import D from "./GroupForm.vue2.js";
 /* empty css              */
-import { resolveGroupSchema as u, extractFlatSchemas as D } from "./utils.js";
-function q(e) {
-  const m = u(e), {
-    groupSchema: H,
-    schema: O,
+import { resolveGroupSchema as u, extractFlatSchemas as H } from "./utils.js";
+function z(e) {
+  const n = u(e), {
+    groupSchema: O,
+    schema: R,
     virtual: i = !0,
-    containerHeight: l = "100%",
-    rootMargin: f = "400px 0px",
-    estimateFieldHeight: h = 52,
-    navAnchorProps: F,
-    scrollToFirstError: v,
-    scrollOffset: S = 0,
-    ...d
-  } = e, g = {
+    progressive: f = !1,
+    containerHeight: h = "100%",
+    rootMargin: l = "400px 0px",
+    estimateFieldHeight: F = 52,
+    navAnchorProps: v,
+    scrollToFirstError: S,
+    scrollOffset: d = 0,
+    ...g
+  } = e, A = {
     title: "导航",
     show: !0,
-    ...F
-  }, A = D(m), G = {
-    ...d,
-    schema: A,
+    ...v
+  }, G = H(n), T = {
+    ...g,
+    schema: G,
     showDefaultActions: !1,
     scrollToFirstError: !1
-  }, r = new w(G, {
-    groupSchema: m,
-    navAnchorProps: g,
+  }, r = new M(T, {
+    groupSchema: n,
+    navAnchorProps: A,
     virtual: i,
-    scrollToFirstError: v ?? !0,
-    containerHeight: l,
-    rootMargin: f,
-    estimateFieldHeight: h,
-    scrollOffset: S
+    progressive: f,
+    scrollToFirstError: S ?? !0,
+    containerHeight: h,
+    rootMargin: l,
+    estimateFieldHeight: F,
+    scrollOffset: d
   }), s = r;
-  s.useStore = (o) => P(r.store, o);
-  const E = y({
+  s.useStore = (o) => N(r.store, o);
+  const E = x({
     name: "TtGroupForm",
     inheritAttrs: !1,
-    setup(o, { attrs: p, slots: T }) {
+    setup(o, { attrs: p, slots: _ }) {
       r.setState({ ...p });
-      const n = [];
-      return C(() => {
-        r.resetCollapseStatesToDefault(), r.navAnchorProps.show && (r.syncNavErrorCountsFromForm(), n.push(
-          a(
+      const m = [];
+      return y(() => {
+        r.resetCollapseStatesToDefault(), r.navAnchorProps.show && (r.syncNavErrorCountsFromForm(), m.push(
+          c(
             () => {
-              var t, c;
-              return (c = (t = r.form) == null ? void 0 : t.errors) == null ? void 0 : c.value;
+              var t, a;
+              return (a = (t = r.form) == null ? void 0 : t.errors) == null ? void 0 : a.value;
             },
             () => r.syncNavErrorCountsFromForm(),
             { deep: !0, flush: "post" }
           )
-        ), r.virtual && n.push(
-          a(
-            () => r.resetSignal.value,
-            () => r.syncNavErrorCountsFromForm()
-          )
         ));
-      }), _(() => {
-        n.splice(0).forEach((t) => t()), r.unmount();
-      }), () => x(
-        M,
+      }), C(() => {
+        m.splice(0).forEach((t) => t()), r.unmount();
+      }), () => P(
+        D,
         {
           ...p,
           ref: r.groupFormRef,
           formApi: s
         },
-        T
+        _
       );
     }
   });
-  return N(e) && a(
+  return w(e) && c(
     () => u(e),
     (o) => {
       o.length && r._applyGroupSchema(o);
@@ -79,5 +76,5 @@ function q(e) {
   ), [E, s];
 }
 export {
-  q as useGroupForm
+  z as useGroupForm
 };

package/dist/components/tt-form/src/hooks/useFieldArray.js

@@ -1,78 +1,78 @@
-import { inject as P, computed as F, toValue as A, ref as Y, watch as q, onBeforeUnmount as D } from "vue";
-import { get as K, set as E, cloneDeep as m } from "lodash-es";
-import { FormContextKey as T } from "vee-validate";
-function z(s) {
-  return typeof File < "u" && s instanceof File;
+import { inject as Y, computed as E, toValue as V, ref as q, watch as D, onBeforeUnmount as K } from "vue";
+import { get as T, set as z, cloneDeep as m } from "lodash-es";
+import { FormContextKey as U } from "vee-validate";
+function $(i) {
+  return typeof File < "u" && i instanceof File;
 }
-function d(s, e) {
-  if (s === e) return !0;
-  if (s && e && typeof s == "object" && typeof e == "object") {
-    if (s.constructor !== e.constructor) return !1;
-    if (Array.isArray(s)) {
-      if (s.length !== e.length) return !1;
-      for (let u = s.length; u-- !== 0; ) if (!d(s[u], e[u])) return !1;
+function d(i, e) {
+  if (i === e) return !0;
+  if (i && e && typeof i == "object" && typeof e == "object") {
+    if (i.constructor !== e.constructor) return !1;
+    if (Array.isArray(i)) {
+      if (i.length !== e.length) return !1;
+      for (let s = i.length; s-- !== 0; ) if (!d(i[s], e[s])) return !1;
       return !0;
     }
-    if (s instanceof Map && e instanceof Map) {
-      if (s.size !== e.size) return !1;
-      for (const u of s.keys()) if (!e.has(u)) return !1;
-      for (const [u, a] of s) if (!d(a, e.get(u))) return !1;
+    if (i instanceof Map && e instanceof Map) {
+      if (i.size !== e.size) return !1;
+      for (const s of i.keys()) if (!e.has(s)) return !1;
+      for (const [s, a] of i) if (!d(a, e.get(s))) return !1;
       return !0;
     }
-    if (s instanceof Set && e instanceof Set) {
-      if (s.size !== e.size) return !1;
-      for (const u of s) if (!e.has(u)) return !1;
+    if (i instanceof Set && e instanceof Set) {
+      if (i.size !== e.size) return !1;
+      for (const s of i) if (!e.has(s)) return !1;
       return !0;
     }
-    if (ArrayBuffer.isView(s) && ArrayBuffer.isView(e)) {
-      const u = s, a = e;
-      if (u.length !== a.length) return !1;
-      for (let v = u.length; v-- !== 0; ) if (u[v] !== a[v]) return !1;
+    if (ArrayBuffer.isView(i) && ArrayBuffer.isView(e)) {
+      const s = i, a = e;
+      if (s.length !== a.length) return !1;
+      for (let v = s.length; v-- !== 0; ) if (s[v] !== a[v]) return !1;
       return !0;
     }
-    if (s instanceof RegExp && e instanceof RegExp)
-      return s.source === e.source && s.flags === e.flags;
-    if (z(s) && z(e))
-      return s.size === e.size && s.name === e.name && s.lastModified === e.lastModified && s.type === e.type;
-    if (s.valueOf !== Object.prototype.valueOf) return s.valueOf() === e.valueOf();
-    if (s.toString !== Object.prototype.toString) return s.toString() === e.toString();
-    const c = Object.keys(s).filter((u) => s[u] !== void 0), i = Object.keys(e).filter((u) => e[u] !== void 0);
-    if (c.length !== i.length) return !1;
-    for (const u of c)
-      if (!Object.prototype.hasOwnProperty.call(e, u) || !d(s[u], e[u])) return !1;
+    if (i instanceof RegExp && e instanceof RegExp)
+      return i.source === e.source && i.flags === e.flags;
+    if ($(i) && $(e))
+      return i.size === e.size && i.name === e.name && i.lastModified === e.lastModified && i.type === e.type;
+    if (i.valueOf !== Object.prototype.valueOf) return i.valueOf() === e.valueOf();
+    if (i.toString !== Object.prototype.toString) return i.toString() === e.toString();
+    const c = Object.keys(i).filter((s) => i[s] !== void 0), u = Object.keys(e).filter((s) => e[s] !== void 0);
+    if (c.length !== u.length) return !1;
+    for (const s of c)
+      if (!Object.prototype.hasOwnProperty.call(e, s) || !d(i[s], e[s])) return !1;
     return !0;
   }
-  return s !== s && e !== e;
+  return i !== i && e !== e;
 }
-function G(s) {
-  const e = P(T), c = F(() => A(s)), i = Y([]);
-  let u = 0, a;
+function H(i) {
+  const e = Y(U), c = E(() => V(i)), u = q([]);
+  let s = 0, a;
   const v = Object.freeze([]);
-  function l() {
+  function o() {
     if (!e)
       return v;
-    const t = K(e.values, c.value);
+    const t = T(e.values, c.value);
     return Array.isArray(t) ? t : v;
   }
   function p(t) {
-    e && (E(e.values, c.value, t), a = l());
+    e && (z(e.values, c.value, t), a = o());
   }
-  function $(t, n) {
-    return F({
+  function M(t, n) {
+    return E({
       get() {
-        const r = l(), f = i.value.findIndex((o) => o.key === t);
+        const r = o(), f = u.value.findIndex((l) => l.key === t);
         return f === -1 ? n : r[f];
       },
       set(r) {
-        const f = i.value.findIndex((o) => o.key === t);
-        f !== -1 && V(f, r);
+        const f = u.value.findIndex((l) => l.key === t);
+        f !== -1 && j(f, r);
       }
     });
   }
   function O() {
-    const t = i.value.length;
+    const t = u.value.length;
     for (let n = 0; n < t; n++) {
-      const r = i.value[n];
+      const r = u.value[n];
       r.isFirst = n === 0, r.isLast = n === t - 1;
     }
   }
@@ -82,100 +82,108 @@ function G(s) {
   function g(t, n, r) {
     if (r && n != null && r[n])
       return r[n];
-    const f = u++;
+    const f = s++;
     return {
       key: f,
-      value: $(f, t),
+      value: M(f, t),
       isFirst: !1,
       isLast: !1
     };
   }
+  let k = !1;
   function h() {
-    const t = l(), n = i.value;
-    i.value = t.map((r, f) => g(r, f, n)), a = l(), O();
+    if (!k) {
+      k = !0;
+      try {
+        const t = o(), n = u.value;
+        u.value = t.map((r, f) => g(r, f, n)), a = o(), O();
+      } finally {
+        k = !1;
+      }
+    }
   }
-  h(), q([() => l(), () => l().length], ([t]) => {
-    const n = t.length !== i.value.length || t !== a;
+  h(), D([() => o(), () => o().length], ([t]) => {
+    const n = t.length !== u.value.length || t !== a;
     a = t, n && h();
   });
-  function M(t) {
+  function S(t) {
     if (!e)
       return;
-    const n = [...l()];
+    const n = [...o()];
     if (t < 0 || t >= n.length)
       return;
     const r = `${c.value}[${t}]`;
-    e.destroyPath(r), e.unsetInitialValue(r), n.splice(t, 1), p(n), i.value.splice(t, 1), y();
+    e.destroyPath(r), e.unsetInitialValue(r), n.splice(t, 1), p(n), u.value.splice(t, 1), y();
   }
-  function S(t) {
+  function w(t) {
     if (!e)
       return;
-    const n = m(t), r = [...l(), n];
-    e.stageInitialValue(`${c.value}[${r.length - 1}]`, n), p(r), i.value.push(g(n)), y();
+    const n = m(t), r = [...o(), n];
+    e.stageInitialValue(`${c.value}[${r.length - 1}]`, n), p(r), u.value.push(g(n)), y();
   }
-  function w(t) {
+  function C(t) {
     if (!e)
       return;
-    const n = m(t), r = [n, ...l()];
-    e.stageInitialValue(`${c.value}[0]`, n), p(r), i.value.unshift(g(n)), y();
+    const n = m(t), r = [n, ...o()];
+    e.stageInitialValue(`${c.value}[0]`, n), p(r), u.value.unshift(g(n)), y();
   }
-  function C(t, n) {
+  function R(t, n) {
     if (!e)
       return;
-    const r = m(n), f = [...l()];
-    t < 0 || t > f.length || (f.splice(t, 0, r), p(f), i.value.splice(t, 0, g(r)), y());
+    const r = m(n), f = [...o()];
+    t < 0 || t > f.length || (f.splice(t, 0, r), p(f), u.value.splice(t, 0, g(r)), y());
   }
-  function R(t) {
+  function I(t) {
     e && (e.stageInitialValue(c.value, t), p(m(t)), h(), y());
   }
-  function V(t, n) {
+  function j(t, n) {
     if (!e)
       return;
-    const r = l();
-    t < 0 || t >= r.length || (d(r[t], n) || E(e.values, `${c.value}[${t}]`, n), e.validate({ mode: "validated-only" }));
+    const r = o();
+    t < 0 || t >= r.length || d(r[t], n) || (z(e.values, `${c.value}[${t}]`, n), e.validate({ mode: "validated-only" }));
   }
-  function I(t, n) {
+  function L(t, n) {
     if (!e)
       return;
-    const r = [...l()];
+    const r = [...o()];
     if (!(t in r) || !(n in r))
       return;
     const f = r[t];
     r[t] = r[n], r[n] = f;
-    const o = [...i.value], k = o[t];
-    o[t] = o[n], o[n] = k, p(r), i.value = o, O();
+    const l = [...u.value], A = l[t];
+    l[t] = l[n], l[n] = A, p(r), u.value = l, O();
   }
-  function L(t, n) {
+  function P(t, n) {
     if (!e)
       return;
-    const r = [...l()];
+    const r = [...o()];
     if (!(t in r) || !(n in r))
       return;
     const f = r.splice(t, 1)[0];
     r.splice(n, 0, f);
-    const o = [...i.value], k = o.splice(t, 1)[0];
-    o.splice(n, 0, k), p(r), i.value = o, y();
-  }
-  const j = {
-    fields: i,
-    remove: M,
-    push: S,
-    prepend: w,
-    insert: C,
-    replace: R,
-    update: V,
-    swap: I,
-    move: L
+    const l = [...u.value], A = l.splice(t, 1)[0];
+    l.splice(n, 0, A), p(r), u.value = l, y();
+  }
+  const F = {
+    fields: u,
+    remove: S,
+    push: w,
+    prepend: C,
+    insert: R,
+    replace: I,
+    update: j,
+    swap: L,
+    move: P
   };
   if (e) {
-    const t = Object.assign({ path: s, reset: h }, j);
-    e.fieldArrays.push(t), D(() => {
-      const n = e.fieldArrays.findIndex((r) => A(r.path) === A(s));
+    const t = Object.assign({ path: i, reset: h }, F);
+    e.fieldArrays.push(t), K(() => {
+      const n = e.fieldArrays.findIndex((r) => V(r.path) === V(i));
       n >= 0 && e.fieldArrays.splice(n, 1);
     });
   }
-  return j;
+  return F;
 }
 export {
-  G as useFieldArray
+  H as useFieldArray
 };