@harbor-design/proform 1.2.12 → 1.2.14

package/dist/index.js

@@ -1,7 +1,7 @@
 var ae = Object.defineProperty;
 var ue = (r, e, t) => e in r ? ae(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
 var a = (r, e, t) => (ue(r, typeof e != "symbol" ? e + "" : e, t), t);
-import { isRef as w, watch as v, isReactive as S, nextTick as E, toRaw as O, ref as N, reactive as se, createVNode as p, mergeProps as q, withDirectives as ce, vShow as fe, createTextVNode as de, isVNode as he, defineComponent as pe } from "vue";
+import { readonly as ce, isRef as q, watch as v, isReactive as N, nextTick as g, toRaw as w, ref as M, reactive as se, createVNode as p, mergeProps as O, withDirectives as fe, vShow as de, createTextVNode as he, isVNode as pe, defineComponent as me } from "vue";
 class l {
   static typeChecker(e) {
     return {}.toString.call(e);
@@ -69,18 +69,18 @@ class l {
     return !!e.__proform_raw_object;
   }
 }
-function d(r, ...e) {
+function h(r, ...e) {
   return e.forEach((t) => {
     if (Array.isArray(t))
       Array.isArray(r) || (r = []), t.forEach((s, i) => {
-        typeof s == "object" && s !== null ? r[i] = d(Array.isArray(s) ? [] : {}, s) : r[i] = s;
+        typeof s == "object" && s !== null ? r[i] = h(Array.isArray(s) ? [] : {}, s) : r[i] = s;
       });
     else
       for (const s in t)
-        t.hasOwnProperty(s) && (typeof t[s] == "object" && t[s] !== null ? r[s] = d(r[s] || {}, t[s]) : r[s] = t[s]);
+        t.hasOwnProperty(s) && (typeof t[s] == "object" && t[s] !== null ? r[s] = h(r[s] || {}, t[s]) : r[s] = t[s]);
   }), r;
 }
-function C(r) {
+function I(r) {
   const e = /* @__PURE__ */ new WeakMap();
   function t(s) {
     if (s === null || typeof s != "object")
@@ -121,7 +121,7 @@ function C(r) {
 function x(r, e) {
   return r.replace(/undefined/g, e);
 }
-class me {
+class be {
   constructor(e) {
     a(this, "runtimeCore");
     a(this, "reactiveModel");
@@ -134,7 +134,7 @@ class me {
     })), e;
   }
   setup(e) {
-    return this.runtimeCore = e, this.reactiveModel = e.model.value, Object.assign(this.runtimeCore.native, this.formCustomization.native), Object.assign(this.runtimeCore.grid, this.formCustomization.grid), Object.assign(this.runtimeCore.runtime, this.formCustomization.runtime), this.formCustomization.ui && (this.runtimeCore.ui = this.formCustomization.ui), this.formCustomization;
+    return this.runtimeCore = e, this.reactiveModel = ce(e.model.value), Object.assign(this.runtimeCore.native, this.formCustomization.native), Object.assign(this.runtimeCore.grid, this.formCustomization.grid), Object.assign(this.runtimeCore.runtime, this.formCustomization.runtime), this.formCustomization.ui && (this.runtimeCore.ui = this.formCustomization.ui), this.formCustomization;
   }
   submit() {
     var s;
@@ -149,25 +149,25 @@ class me {
       });
     this.runtimeCore.hydrateEffect.trackEffect(
       () => {
-        w(e) ? v(
+        q(e) ? v(
           () => e.value,
           () => {
-            d(this.runtimeCore.model.value, e.value);
+            h(this.runtimeCore.model.value, e.value);
           },
           {
             deep: !0,
             immediate: !0
           }
-        ) : S(e) ? v(
+        ) : N(e) ? v(
           () => e,
           () => {
-            d(this.runtimeCore.model.value, e);
+            h(this.runtimeCore.model.value, e);
           },
           {
             deep: !0,
             immediate: !0
           }
-        ) : d(this.runtimeCore.model.value, e);
+        ) : h(this.runtimeCore.model.value, e);
       },
       {
         lazy: !1
@@ -175,11 +175,11 @@ class me {
     );
   }
   share(e) {
-    if (w(e)) {
+    if (q(e)) {
       const t = v(
         () => e.value,
         () => {
-          d(this.runtimeCore.shared, e.value), this.runtimeCore.processor.schemaEffect.triggerEffects(), E(() => {
+          h(this.runtimeCore.shared, e.value), this.runtimeCore.processor.schemaEffect.triggerEffects(), g(() => {
             t();
           });
         },
@@ -188,11 +188,11 @@ class me {
           immediate: !0
         }
       );
-    } else if (S(e)) {
+    } else if (N(e)) {
       const t = v(
         () => e,
         () => {
-          d(this.runtimeCore.shared, e), this.runtimeCore.processor.schemaEffect.triggerEffects(), E(() => {
+          h(this.runtimeCore.shared, e), this.runtimeCore.processor.schemaEffect.triggerEffects(), g(() => {
             t();
           });
         },
@@ -202,42 +202,27 @@ class me {
         }
       );
     } else
-      d(this.runtimeCore.shared, e), this.runtimeCore.processor.schemaEffect.triggerEffects();
-  }
-  getReactiveModel() {
-    return this.reactiveModel || console.error(
-      "调用 getReactiveModel 受限：理论上 model 需要在 useForm 的下一个 tick 使用，可在 nextTick 及部分合适的框架钩子中使用该函数"
-    ), this.reactiveModel;
+      h(this.runtimeCore.shared, e), this.runtimeCore.processor.schemaEffect.triggerEffects();
   }
-  setReactiveModel(e) {
-    return this.reactiveModel || console.error(
-      "调用 getReactiveModel 受限：理论上 model 需要在 useForm 的下一个 tick 使用，可在 nextTick 及部分合适的框架钩子中使用该函数"
-    ), this.runtimeCore.hydrateEffect.trackEffect(
-      () => {
-        w(e) ? v(
-          () => e.value,
-          () => {
-            d(this.runtimeCore.model.value, e.value);
-          },
-          {
-            deep: !0,
-            immediate: !0
-          }
-        ) : S(e) ? v(
-          () => e,
-          () => {
-            d(this.runtimeCore.model.value, e);
-          },
-          {
-            deep: !0,
-            immediate: !0
-          }
-        ) : d(this.runtimeCore.model.value, e);
-      },
-      {
-        lazy: !1
-      }
-    ), this.reactiveModel;
+  subscribeModel(e) {
+    g(() => {
+      const t = v(
+        () => this.reactiveModel,
+        (s) => {
+          e(s, {
+            stopSubscribe() {
+              g(() => {
+                t();
+              });
+            }
+          });
+        },
+        {
+          immediate: !0,
+          deep: !0
+        }
+      );
+    });
   }
 }
 class L {
@@ -311,7 +296,7 @@ class ve {
   // 派生过程，用于外部应用
   parseSchemas(e, t) {
     l.isArrayEmpty(this.processedSchemas.value) && (this.baseDefaultValueFunctionsLength = this.countFunctionDefaultValues(
-      C(e)
+      I(e)
     ), this.processedSchemas.value = this.initSchemas(e)), this.parse(e, t);
   }
   parseStable(e) {
@@ -325,7 +310,7 @@ class ve {
   // 对于稳定初始化更新的抽象
   stableUpdater(e = []) {
     if (e.every(Boolean)) {
-      const t = O(this.processedSchemas.value);
+      const t = w(this.processedSchemas.value);
       !l.isProcessInprogress(t) && l.isObjectEmpty(this.stableModel) && (this.stableUpdaterProcessProgress || (this.stableUpdaterProcessProgress = Array.from({
         length: t.length
       }).fill(!1)), this.stableUpdaterProcessProgress[this.stableUpdaterTimes] = !0, this.stableUpdaterTimes++, this.modelProcessor(t));
@@ -338,17 +323,17 @@ class ve {
     }).fill(!1);
     this.objectParser({ data: e, index: t, updater: n });
     function n(f) {
-      const c = f.index, h = f.key, y = f.keyIndex;
+      const c = f.index, d = f.key, y = f.keyIndex;
       if (l.isUndefined(f.stable))
         return;
-      const F = i.parseStable(f.stable), I = s == null ? void 0 : s.index, g = s == null ? void 0 : s.key;
+      const F = i.parseStable(f.stable), E = s == null ? void 0 : s.index, C = s == null ? void 0 : s.key;
       let b = F;
       if (l.isProcessInprogress(b) || (o[y] = !0), s) {
-        const m = i.processedSchemas.value[I][g][c][h];
-        m && l.isObject(m) && h !== "component" && (b = d(m, b)), i.processedSchemas.value[I][g][c][h] = b, i.stableUpdater(o);
+        const m = i.processedSchemas.value[E][C][c][d];
+        m && l.isObject(m) && d !== "component" && (b = h(m, b)), i.processedSchemas.value[E][C][c][d] = b, i.stableUpdater(o);
       } else {
-        const m = i.processedSchemas.value[c][h];
-        m && l.isObject(m) && h !== "component" && (b = d(m, b)), i.processedSchemas.value[c][h] = b, i.stableUpdater(o);
+        const m = i.processedSchemas.value[c][d];
+        m && l.isObject(m) && d !== "component" && (b = h(m, b)), i.processedSchemas.value[c][d] = b, i.stableUpdater(o);
       }
     }
   }
@@ -391,13 +376,13 @@ class ve {
                     return n(c);
                   this.defaultValueInprogressMap.set(t[i], c), !l.isProcessInprogress(c) && this.defaultValueInprogressMap.size === this.baseDefaultValueFunctionsLength && Array.from(
                     this.defaultValueInprogressMap.values()
-                  ).every((h) => !h.includes("undefined")) ? (n(c), this.defaultValueEffect.clearEffects(), E(() => {
+                  ).every((d) => !d.includes("undefined")) ? (n(c), this.defaultValueEffect.clearEffects(), g(() => {
                     f();
                   })) : n(c);
                 }) : this.fieldParser(t[i], (c) => {
                   this.defaultValueInprogressMap.set(t[i], c), !l.isProcessInprogress(c) && this.defaultValueInprogressMap.size === this.baseDefaultValueFunctionsLength && Array.from(
                     this.defaultValueInprogressMap.values()
-                  ).every((h) => !h.includes("undefined")) ? (n(c), this.defaultValueEffect.clearEffects(), E(() => {
+                  ).every((d) => !d.includes("undefined")) ? (n(c), this.defaultValueEffect.clearEffects(), g(() => {
                     f();
                   })) : n(c);
                 });
@@ -440,7 +425,7 @@ class ve {
         this.promiseFieldParser(i, t, s);
       }
     else
-      w(e) ? v(
+      q(e) ? v(
         () => e.value,
         () => {
           l.isUndefined(e.value) || (s && l.isObject(e.value) && !l.isNativeObject(e.value) ? this.objectParser({
@@ -452,7 +437,7 @@ class ve {
           immediate: !0,
           deep: !0
         }
-      ) : S(e) ? v(
+      ) : N(e) ? v(
         () => e,
         () => {
           l.isUndefined(e) || (s && l.isObject(e) && !l.isNativeObject(e) ? this.objectParser({
@@ -472,7 +457,7 @@ class ve {
   modelProcessor(e) {
     e.map(
       (t) => this.createModel(t, this.processedModel.value)
-    ), l.isObjectEmpty(this.stableModel) && this.stableUpdaterProcessProgress.every(Boolean) && this.defaultValueEffect.effects.size === 0 && (this.stableModel = C(this.processedModel.value), this.runtimeCore.hydrateEffect.triggerEffects(), this.runtimeCore.hydrateEffect.clearEffects());
+    ), l.isObjectEmpty(this.stableModel) && this.stableUpdaterProcessProgress.every(Boolean) && this.defaultValueEffect.effects.size === 0 && (this.stableModel = I(this.processedModel.value), this.runtimeCore.hydrateEffect.triggerEffects(), this.runtimeCore.hydrateEffect.clearEffects());
   }
   createModel(e, t) {
     l.isListSchema(e) && (t[e.field] || (t[e.field] = [{}]), e.children.forEach((s) => {
@@ -482,7 +467,7 @@ class ve {
     }), l.isItemSchema(e) && ("defaultValue" in e ? t[e.field] = e.defaultValue : t[e.field] || (t[e.field] = void 0));
   }
 }
-class j {
+class V {
   static getFormContainer({ ui: e } = {}) {
     return u.presets.uiPresets[e ?? u.presets.ui].container.Form;
   }
@@ -502,7 +487,7 @@ class j {
     return u.presets.uiPresets[e ?? u.presets.ui].container.ListItem;
   }
 }
-class be {
+class ye {
   constructor(e) {
     this.ui = e;
   }
@@ -536,19 +521,19 @@ class be {
     return (t == null ? void 0 : t.clearValidate(e)) ?? (s == null ? void 0 : s.clearValidate(e));
   }
 }
-function ye(r) {
-  return typeof r == "function" || Object.prototype.toString.call(r) === "[object Object]" && !he(r);
+function Pe(r) {
+  return typeof r == "function" || Object.prototype.toString.call(r) === "[object Object]" && !pe(r);
 }
-class Pe {
+class ge {
   constructor(e) {
-    a(this, "schemas", N([]));
-    a(this, "model", N({}));
+    a(this, "schemas", M([]));
+    a(this, "model", M({}));
     a(this, "processorBySchemaType", {
       item: this.runtimeItemProcessor.bind(this),
       group: this.runtimeGroupProcessor.bind(this),
       list: this.runtimeListProcessor.bind(this)
     });
-    a(this, "formRef", N(null));
+    a(this, "formRef", M(null));
     a(this, "hydrateEffect", new L());
     a(this, "native", se({}));
     a(this, "grid", {});
@@ -566,7 +551,7 @@ class Pe {
     a(this, "shared", {});
     this.setup = e, this.processor = new ve(this);
     const t = this.setup(this);
-    if (this.ui = t.ui ?? u.presets.ui, this.runtimeAdapter = new be(this.ui), Object.assign(this.globalNativeFormOverride, this.runtimeAdapter.getRuntimeNative()), w(t.schemas))
+    if (this.ui = t.ui ?? u.presets.ui, this.runtimeAdapter = new ye(this.ui), Object.assign(this.globalNativeFormOverride, this.runtimeAdapter.getRuntimeNative()), q(t.schemas))
       v(
         // @ts-expect-error
         () => t.schemas.value,
@@ -577,9 +562,9 @@ class Pe {
           deep: !0
         }
       );
-    else if (S(t.schemas)) {
+    else if (N(t.schemas)) {
       const s = v(() => t.schemas, () => {
-        this.processor.parseSchemas(t.schemas), E(() => {
+        this.processor.parseSchemas(t.schemas), g(() => {
           s();
         });
       }, {
@@ -589,7 +574,7 @@ class Pe {
       this.processor.parseSchemas(t.schemas);
   }
   getRuntimeMeta() {
-    const e = O(C(this.model.value));
+    const e = w(I(this.model.value));
     let t;
     return {
       model: e,
@@ -598,18 +583,18 @@ class Pe {
       // share 增加防抖，当开发者在过程中进行 share 时避免频繁触发爆栈
       share: (s) => {
         t && clearTimeout(t), t = setTimeout(() => {
-          if (w(s)) {
+          if (q(s)) {
             const i = v(() => s.value, () => {
-              d(this.shared, s.value), this.processor.schemaEffect.triggerEffects(), E(() => {
+              h(this.shared, s.value), this.processor.schemaEffect.triggerEffects(), g(() => {
                 i();
               });
             }, {
               deep: !0,
               immediate: !0
             });
-          } else if (S(s)) {
+          } else if (N(s)) {
             const i = v(() => s, () => {
-              d(this.shared, s), this.processor.schemaEffect.triggerEffects(), E(() => {
+              h(this.shared, s), this.processor.schemaEffect.triggerEffects(), g(() => {
                 i();
               });
             }, {
@@ -617,56 +602,56 @@ class Pe {
               immediate: !0
             });
           } else
-            d(this.shared, s), this.processor.schemaEffect.triggerEffects();
+            h(this.shared, s), this.processor.schemaEffect.triggerEffects();
         }, 0);
       }
     };
   }
   runtimeItemProcessor(e, t, s = this.model.value, i) {
-    var $, _, z, T, B, D, G, W, K, H, J, Q, X, Y, Z, A, ee;
-    const o = O(e.component);
+    var _, z, k, B, D, T, G, W, K, H, J, Q, X, Y, Z, A, ee;
+    const o = w(e.component);
     if (!o)
       return;
-    (_ = ($ = e.native) == null ? void 0 : $.props) != null && _.Form && d(this.globalNativeFormOverride.props.Form, (T = (z = e.native) == null ? void 0 : z.props) == null ? void 0 : T.Form), (D = (B = e.native) == null ? void 0 : B.slots) != null && D.Form && d(this.globalNativeFormOverride.slots.Form, (W = (G = e.native) == null ? void 0 : G.slots) == null ? void 0 : W.Form);
-    const n = d(C((H = (K = this.native) == null ? void 0 : K.slots) == null ? void 0 : H.FormItem) ?? {}, (Q = (J = e.native) == null ? void 0 : J.slots) == null ? void 0 : Q.FormItem), f = {
+    (z = (_ = e.native) == null ? void 0 : _.props) != null && z.Form && h(this.globalNativeFormOverride.props.Form, (B = (k = e.native) == null ? void 0 : k.props) == null ? void 0 : B.Form), (T = (D = e.native) == null ? void 0 : D.slots) != null && T.Form && h(this.globalNativeFormOverride.slots.Form, (W = (G = e.native) == null ? void 0 : G.slots) == null ? void 0 : W.Form);
+    const n = h(I((H = (K = this.native) == null ? void 0 : K.slots) == null ? void 0 : H.FormItem) ?? {}, (Q = (J = e.native) == null ? void 0 : J.slots) == null ? void 0 : Q.FormItem), f = {
       display: "grid",
       gridColumn: "1 / -1",
       ...e.grid
-    }, c = d(C((Y = (X = this.native) == null ? void 0 : X.props) == null ? void 0 : Y.FormItem) ?? {}, (A = (Z = e.native) == null ? void 0 : Z.props) == null ? void 0 : A.FormItem), h = this.runtimeAdapter.getRuntimeField({
+    }, c = h(I((Y = (X = this.native) == null ? void 0 : X.props) == null ? void 0 : Y.FormItem) ?? {}, (A = (Z = e.native) == null ? void 0 : Z.props) == null ? void 0 : A.FormItem), d = this.runtimeAdapter.getRuntimeField({
       schema: e,
       parentSchema: i,
       index: t
-    }), y = o.name, F = e.componentProps ?? {}, I = P.placeholderPresetByComponentName;
-    let g = e.placeholder, b = e.show;
+    }), y = o.name, F = e.componentProps ?? {}, E = P.placeholderPresetByComponentName;
+    let C = e.placeholder, b = e.show;
     b === void 0 && (b = !0);
     let m = e.label ?? "";
-    const R = (i == null ? void 0 : i.runtime) ?? this.runtime;
-    if (!l.isUndefined(t) && !l.isObjectEmpty(R) && (m = x((ee = R == null ? void 0 : R.customizeListItemLabel) == null ? void 0 : ee.call(R, e.label ?? "", t + 1), "")), !g) {
-      let M = "请输入";
-      l.isUndefined(y) ? g = `${M}${m}` : /* @ts-expect-error */ I[y.toLowerCase()] ? (M = // @ts-expect-error
-      I[y.toLowerCase()], g = `${M}${m}`) : (Object.keys(I).forEach((te) => {
-        y.toLowerCase().includes(te.toLowerCase()) && (M = I[te]);
-      }), g = `${M}${m}`);
+    const j = (i == null ? void 0 : i.runtime) ?? this.runtime;
+    if (!l.isUndefined(t) && !l.isObjectEmpty(j) && (m = x((ee = j == null ? void 0 : j.customizeListItemLabel) == null ? void 0 : ee.call(j, e.label ?? "", t + 1), "")), !C) {
+      let R = "请输入";
+      l.isUndefined(y) ? C = `${R}${m}` : /* @ts-expect-error */ E[y.toLowerCase()] ? (R = // @ts-expect-error
+      E[y.toLowerCase()], C = `${R}${m}`) : (Object.keys(E).forEach((te) => {
+        y.toLowerCase().includes(te.toLowerCase()) && (R = E[te]);
+      }), C = `${R}${m}`);
     }
     const re = this.runtimeAdapter.getRuntimeRequired({
       ...e,
       label: m
-    }), ie = j.getItemContainer(this), oe = j.getFormItemContainer(this), ne = this, le = e.componentSlots;
+    }), ie = V.getItemContainer(this), oe = V.getFormItemContainer(this), ne = this, le = e.componentSlots;
     return p("div", {
       style: f
     }, [p(ie, {
       show: b
     }, {
       default() {
-        return b && p(oe, q(c, {
+        return b && p(oe, O(c, {
           label: `${m ? `${m}:` : ""}`
-        }, h, re), {
+        }, d, re), {
           default() {
             return ne.runtimeAdapter.formComponentRenderer({
               Component: o,
               schema: e,
               baseModel: s,
-              placeholder: g,
+              placeholder: C,
               componentSlots: le,
               props: F
             });
@@ -682,13 +667,13 @@ class Pe {
       display: "grid",
       gridColumn: "1 / -1",
       ...e.grid
-    }, i = j.getGroupContainer(this);
+    }, i = V.getGroupContainer(this);
     let o = e.show;
     return o === void 0 && (o = !0), p("div", {
       style: s
     }, [o && p(i, {
       schema: e
-    }, ye(t = e.children.map((n) => this.runtimeItemProcessor(n))) ? t : {
+    }, Pe(t = e.children.map((n) => this.runtimeItemProcessor(n))) ? t : {
       default: () => [t]
     })]);
   }
@@ -699,7 +684,7 @@ class Pe {
         code: "0001",
         message: "异步默认值数据正在处理中，请您耐心等待... "
       });
-    (s = this.processor.stableModel[e.field]) != null && s[0] && this.model.value[e.field].push(C(this.processor.stableModel[e.field][0])), this.runtimeAdapter.clearValidate(this);
+    (s = this.processor.stableModel[e.field]) != null && s[0] && this.model.value[e.field].push(I(this.processor.stableModel[e.field][0])), this.runtimeAdapter.clearValidate(this);
   }
   deleteListItem(e, t) {
     this.model.value[e.field].splice(t, 1), this.runtimeAdapter.clearValidate(this);
@@ -713,7 +698,7 @@ class Pe {
     s.model.value[e.field] || (s.model.value[e.field] = [{}]);
     let i = e.show;
     i === void 0 && (i = !0);
-    const o = j.getListContainer(this), n = j.getListItemContainer(this);
+    const o = V.getListContainer(this), n = V.getListItemContainer(this);
     return p("div", {
       style: t
     }, [i && p(o, {
@@ -722,23 +707,23 @@ class Pe {
       default() {
         return s.model.value[e.field].map((f, c) => p(n, null, {
           default() {
-            return e.children.map((h) => s.runtimeItemProcessor(h, c, f, e));
+            return e.children.map((d) => s.runtimeItemProcessor(d, c, f, e));
           },
           delete({
-            container: h
+            container: d
           } = {}) {
             var F;
-            const y = h ?? p("button", null, null);
-            return ce(p(y, {
+            const y = d ?? p("button", null, null);
+            return fe(p(y, {
               onClick: () => s.deleteListItem(e, c)
-            }, null), [[fe, ((F = s.model.value[e.field]) == null ? void 0 : F.length) > 1]]);
+            }, null), [[de, ((F = s.model.value[e.field]) == null ? void 0 : F.length) > 1]]);
           }
         }));
       },
       add({
         container: f
       } = {}) {
-        const c = f ?? p("button", null, [de("添加")]);
+        const c = f ?? p("button", null, [he("添加")]);
         return p(c, {
           onClick: () => s.addListItem(e)
         }, null);
@@ -749,14 +734,14 @@ class Pe {
     return e.map((t) => (t.type || (t.type = "item"), this.processorBySchemaType[t.type](t)));
   }
   exec() {
-    var f, c, h, y;
+    var f, c, d, y;
     const e = {
       display: "grid",
       gridColumn: "1 / -1",
       gridAutoColumns: "1fr",
       ...this.grid
-    }, t = this, s = d(C((c = (f = this.native) == null ? void 0 : f.props) == null ? void 0 : c.Form) ?? {}, this.globalNativeFormOverride.props.Form), i = d(C((y = (h = this.native) == null ? void 0 : h.slots) == null ? void 0 : y.Form) ?? {}, this.globalNativeFormOverride.slots.Form), o = j.getFormContainer(this), n = this.runtimeAdapter.getFormModelPropName();
-    return p(o, q(s, {
+    }, t = this, s = h(I((c = (f = this.native) == null ? void 0 : f.props) == null ? void 0 : c.Form) ?? {}, this.globalNativeFormOverride.props.Form), i = h(I((y = (d = this.native) == null ? void 0 : d.slots) == null ? void 0 : y.Form) ?? {}, this.globalNativeFormOverride.slots.Form), o = V.getFormContainer(this), n = this.runtimeAdapter.getFormModelPropName();
+    return p(o, O(s, {
       ref: this.formRef
     }, {
       [n]: this.model.value
@@ -788,7 +773,7 @@ function U({
 }) {
   return r ? `${r.field}.${t}.${e.field}` : e.field;
 }
-const ge = {
+const Ce = {
   ArcoVue: {
     getRuntimeField(r) {
       return {
@@ -832,7 +817,7 @@ const ge = {
       componentSlots: i,
       props: o
     }) {
-      return p(r, q({
+      return p(r, O({
         modelValue: e[t.field],
         "onUpdate:modelValue": (n) => e[t.field] = n,
         placeholder: s
@@ -842,7 +827,7 @@ const ge = {
     },
     validateForm(r) {
       return new Promise((e, t) => {
-        r.runtimeCore.formRef.value.validate((s) => s ? t(s) : e(r.cleanFallbackFields(O(r.runtimeCore.processor.processedModel.value))));
+        r.runtimeCore.formRef.value.validate((s) => s ? t(s) : e(r.cleanFallbackFields(w(r.runtimeCore.processor.processedModel.value))));
       });
     },
     clearValidate(r) {
@@ -893,7 +878,7 @@ const ge = {
       componentSlots: i,
       props: o
     }) {
-      return p(r, q({
+      return p(r, O({
         modelValue: e[t.field],
         "onUpdate:modelValue": (n) => e[t.field] = n,
         placeholder: s
@@ -907,7 +892,7 @@ const ge = {
           valid: s,
           errors: i
         }) => {
-          s ? e(r.cleanFallbackFields(O(r.runtimeCore.processor.processedModel.value))) : t(i);
+          s ? e(r.cleanFallbackFields(w(r.runtimeCore.processor.processedModel.value))) : t(i);
         });
       });
     },
@@ -961,7 +946,7 @@ const ge = {
       componentSlots: i,
       props: o
     }) {
-      return p(r, q({
+      return p(r, O({
         value: e[t.field],
         "onUpdate:value": (n) => e[t.field] = n,
         placeholder: s
@@ -971,14 +956,14 @@ const ge = {
     },
     validateForm(r) {
       return new Promise((e, t) => {
-        r.runtimeCore.formRef.value.validate((s) => s ? t(s) : e(r.cleanFallbackFields(O(r.runtimeCore.processor.processedModel.value))));
+        r.runtimeCore.formRef.value.validate((s) => s ? t(s) : e(r.cleanFallbackFields(w(r.runtimeCore.processor.processedModel.value))));
       });
     },
     clearValidate(r) {
       r.formRef.value.restoreValidation();
     }
   }
-}, V = class V {
+}, S = class S {
   static getPlaceholderPrefixPresetByComponentName() {
     const e = {
       请选择: ["select", "tree"],
@@ -991,7 +976,7 @@ const ge = {
     return t;
   }
 };
-a(V, "schemaPreset", {
+a(S, "schemaPreset", {
   type: {
     defaultValue: "item"
   },
@@ -1034,19 +1019,19 @@ a(V, "schemaPreset", {
   grid: {
     default: void 0
   }
-}), a(V, "componentPropsPreset", {
+}), a(S, "componentPropsPreset", {
   options: {
     defaultValue: []
   }
 }), // 基于基本功能提出基本预设
-a(V, "placeholderPresetByComponentName", V.getPlaceholderPrefixPresetByComponentName());
-let k = V;
+a(S, "placeholderPresetByComponentName", S.getPlaceholderPrefixPresetByComponentName());
+let $ = S;
 const P = {
-  ...k,
+  ...$,
   adapters: {
-    ...ge
+    ...Ce
   }
-}, Fe = /* @__PURE__ */ pe({
+}, je = /* @__PURE__ */ me({
   props: {
     setup: {
       type: Function,
@@ -1054,43 +1039,42 @@ const P = {
     }
   },
   setup(r) {
-    const e = new Pe(r.setup);
+    const e = new ge(r.setup);
     return () => e.exec();
   }
 });
-function Re(r) {
-  const e = new me(r);
+function Ve(r) {
+  const e = new be(r);
   return [
     e.setup.bind(e),
     {
       submit: e.submit.bind(e),
       hydrate: e.hydrate.bind(e),
       share: e.share.bind(e),
-      getReactiveModel: e.getReactiveModel.bind(e),
-      setReactiveModel: e.setReactiveModel.bind(e)
+      subscribeModel: e.subscribeModel.bind(e)
     }
   ];
 }
-function je(r) {
+function Se(r) {
   u.presets = r;
 }
-function Ce(r, e) {
+function Ie(r, e) {
   return e === "native" && Object.defineProperty(r, "name", {
     value: `__proform_raw_${r.name}`,
     writable: !0
   }), r;
 }
-function Ve(r) {
-  return Ce(r, "native");
-}
 function we(r) {
+  return Ie(r, "native");
+}
+function Re(r) {
   return r.__proform_raw_object = !0, r;
 }
 export {
-  Fe as ProForm,
-  Ve as markNativeFunction,
-  we as markNativeObject,
-  Re as useForm,
-  je as useFormPresetConfigurer,
-  Ce as useModifiers
+  je as ProForm,
+  we as markNativeFunction,
+  Re as markNativeObject,
+  Ve as useForm,
+  Se as useFormPresetConfigurer,
+  Ie as useModifiers
 };

package/dist/types/src/services/FormCustomizer/index.d.ts

@@ -1,4 +1,4 @@
-import { AnyObject, FormCustomization } from "../../types";
+import { AnyFunction, AnyObject, FormCustomization } from "../../types";
 import { RuntimeCore } from "../index";
 export default class FormCustomizer {
     formCustomization: FormCustomization;
@@ -10,6 +10,5 @@ export default class FormCustomizer {
     submit(): Promise<AnyObject>;
     hydrate(data: AnyObject): Promise<never> | undefined;
     share(data: AnyObject): void;
-    getReactiveModel(): AnyObject;
-    setReactiveModel(data: AnyObject): AnyObject;
+    subscribeModel(callback: AnyFunction): void;
 }

package/dist/types/src/types/useFormTypes.d.ts

@@ -1,13 +1,17 @@
 import { AnyObject } from "../types";
 import type { RuntimeCore } from "../services";
+import { WatchStopHandle } from "vue";
 export type Setup = (runtimeCore: RuntimeCore) => any;
+export type SubscribeUtils = {
+    stopSubscribe: WatchStopHandle;
+};
+export type SubscribeCallback = (value: any, utils: SubscribeUtils) => any;
 export type UseForm = [
     Setup,
     {
         submit: () => Promise<AnyObject>;
         hydrate: (data: AnyObject) => any;
         share: (data: AnyObject) => any;
-        getReactiveModel: () => AnyObject;
-        setReactiveModel: (data: AnyObject) => AnyObject;
+        subscribeModel: (callback: SubscribeCallback) => any;
     }
 ];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@harbor-design/proform",
-  "version": "1.2.12",
+  "version": "1.2.14",
   "description": "",
   "main": "./dist/index.js",
   "module": "./dist/index.js",