@harbor-design/proform 1.2.10 → 1.2.12

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 q, watch as y, isReactive as N, nextTick as E, toRaw as R, ref as U, reactive as se, createVNode as p, mergeProps as O, withDirectives as ce, vShow as fe, createTextVNode as de, isVNode as he, defineComponent as pe } from "vue";
+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";
 class l {
   static typeChecker(e) {
     return {}.toString.call(e);
@@ -69,15 +69,15 @@ class l {
     return !!e.__proform_raw_object;
   }
 }
-function h(r, ...e) {
+function d(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] = h(Array.isArray(s) ? [] : {}, s) : r[i] = s;
+        typeof s == "object" && s !== null ? r[i] = d(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] = h(r[s] || {}, t[s]) : r[s] = t[s]);
+        t.hasOwnProperty(s) && (typeof t[s] == "object" && t[s] !== null ? r[s] = d(r[s] || {}, t[s]) : r[s] = t[s]);
   }), r;
 }
 function C(r) {
@@ -124,6 +124,7 @@ function x(r, e) {
 class me {
   constructor(e) {
     a(this, "runtimeCore");
+    a(this, "reactiveModel");
     this.formCustomization = e;
   }
   // happy path, 后续可以完善更多的 fallback 处理，fallback 处理是为了不卡住异步时的首次渲染做的优化
@@ -133,7 +134,7 @@ class me {
     })), e;
   }
   setup(e) {
-    return this.runtimeCore = e, 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 = 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;
@@ -148,25 +149,25 @@ class me {
       });
     this.runtimeCore.hydrateEffect.trackEffect(
       () => {
-        q(e) ? y(
+        w(e) ? v(
           () => e.value,
           () => {
-            h(this.runtimeCore.model.value, e.value);
+            d(this.runtimeCore.model.value, e.value);
           },
           {
             deep: !0,
             immediate: !0
           }
-        ) : N(e) ? y(
+        ) : S(e) ? v(
           () => e,
           () => {
-            h(this.runtimeCore.model.value, e);
+            d(this.runtimeCore.model.value, e);
           },
           {
             deep: !0,
             immediate: !0
           }
-        ) : h(this.runtimeCore.model.value, e);
+        ) : d(this.runtimeCore.model.value, e);
       },
       {
         lazy: !1
@@ -174,11 +175,11 @@ class me {
     );
   }
   share(e) {
-    if (q(e)) {
-      const t = y(
+    if (w(e)) {
+      const t = v(
         () => e.value,
         () => {
-          h(this.runtimeCore.shared, e.value), this.runtimeCore.processor.schemaEffect.triggerEffects(), E(() => {
+          d(this.runtimeCore.shared, e.value), this.runtimeCore.processor.schemaEffect.triggerEffects(), E(() => {
             t();
           });
         },
@@ -187,11 +188,11 @@ class me {
           immediate: !0
         }
       );
-    } else if (N(e)) {
-      const t = y(
+    } else if (S(e)) {
+      const t = v(
         () => e,
         () => {
-          h(this.runtimeCore.shared, e), this.runtimeCore.processor.schemaEffect.triggerEffects(), E(() => {
+          d(this.runtimeCore.shared, e), this.runtimeCore.processor.schemaEffect.triggerEffects(), E(() => {
             t();
           });
         },
@@ -201,7 +202,42 @@ class me {
         }
       );
     } else
-      h(this.runtimeCore.shared, e), this.runtimeCore.processor.schemaEffect.triggerEffects();
+      d(this.runtimeCore.shared, e), this.runtimeCore.processor.schemaEffect.triggerEffects();
+  }
+  getReactiveModel() {
+    return this.reactiveModel || console.error(
+      "调用 getReactiveModel 受限：理论上 model 需要在 useForm 的下一个 tick 使用，可在 nextTick 及部分合适的框架钩子中使用该函数"
+    ), this.reactiveModel;
+  }
+  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;
   }
 }
 class L {
@@ -220,7 +256,7 @@ class L {
     return !t.lazy && e(), this.effects.add(e), () => this.effects.delete(e);
   }
 }
-class be {
+class ve {
   constructor(e) {
     a(this, "runtimeCore");
     a(this, "processedSchemas");
@@ -237,7 +273,7 @@ class be {
     a(this, "defaultValueInprogressMap", /* @__PURE__ */ new Map());
     a(this, "baseDefaultValueFunctionsLength");
     a(this, "isModelInitialized", !0);
-    this.runtimeCore = e, this.processedSchemas = e.schemas, this.processedModel = e.model, this.getRuntimeMeta = e.getRuntimeMeta.bind(e), y(
+    this.runtimeCore = e, this.processedSchemas = e.schemas, this.processedModel = e.model, this.getRuntimeMeta = e.getRuntimeMeta.bind(e), v(
       () => this.processedModel.value,
       () => {
         this.schemaEffect.triggerEffects();
@@ -289,7 +325,7 @@ class be {
   // 对于稳定初始化更新的抽象
   stableUpdater(e = []) {
     if (e.every(Boolean)) {
-      const t = R(this.processedSchemas.value);
+      const t = O(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));
@@ -302,17 +338,17 @@ class be {
     }).fill(!1);
     this.objectParser({ data: e, index: t, updater: n });
     function n(f) {
-      const c = f.index, d = f.key, v = f.keyIndex;
+      const c = f.index, h = 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;
       let b = F;
-      if (l.isProcessInprogress(b) || (o[v] = !0), s) {
-        const m = i.processedSchemas.value[I][g][c][d];
-        m && l.isObject(m) && d !== "component" && (b = h(m, b)), i.processedSchemas.value[I][g][c][d] = b, i.stableUpdater(o);
+      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);
       } else {
-        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);
+        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);
       }
     }
   }
@@ -355,13 +391,13 @@ class be {
                     return n(c);
                   this.defaultValueInprogressMap.set(t[i], c), !l.isProcessInprogress(c) && this.defaultValueInprogressMap.size === this.baseDefaultValueFunctionsLength && Array.from(
                     this.defaultValueInprogressMap.values()
-                  ).every((d) => !d.includes("undefined")) ? (n(c), this.defaultValueEffect.clearEffects(), E(() => {
+                  ).every((h) => !h.includes("undefined")) ? (n(c), this.defaultValueEffect.clearEffects(), E(() => {
                     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((d) => !d.includes("undefined")) ? (n(c), this.defaultValueEffect.clearEffects(), E(() => {
+                  ).every((h) => !h.includes("undefined")) ? (n(c), this.defaultValueEffect.clearEffects(), E(() => {
                     f();
                   })) : n(c);
                 });
@@ -404,7 +440,7 @@ class be {
         this.promiseFieldParser(i, t, s);
       }
     else
-      q(e) ? y(
+      w(e) ? v(
         () => e.value,
         () => {
           l.isUndefined(e.value) || (s && l.isObject(e.value) && !l.isNativeObject(e.value) ? this.objectParser({
@@ -416,7 +452,7 @@ class be {
           immediate: !0,
           deep: !0
         }
-      ) : N(e) ? y(
+      ) : S(e) ? v(
         () => e,
         () => {
           l.isUndefined(e) || (s && l.isObject(e) && !l.isNativeObject(e) ? this.objectParser({
@@ -446,7 +482,7 @@ class be {
     }), l.isItemSchema(e) && ("defaultValue" in e ? t[e.field] = e.defaultValue : t[e.field] || (t[e.field] = void 0));
   }
 }
-class V {
+class j {
   static getFormContainer({ ui: e } = {}) {
     return u.presets.uiPresets[e ?? u.presets.ui].container.Form;
   }
@@ -466,7 +502,7 @@ class V {
     return u.presets.uiPresets[e ?? u.presets.ui].container.ListItem;
   }
 }
-class ve {
+class be {
   constructor(e) {
     this.ui = e;
   }
@@ -505,14 +541,14 @@ function ye(r) {
 }
 class Pe {
   constructor(e) {
-    a(this, "schemas", U([]));
-    a(this, "model", U({}));
+    a(this, "schemas", N([]));
+    a(this, "model", N({}));
     a(this, "processorBySchemaType", {
       item: this.runtimeItemProcessor.bind(this),
       group: this.runtimeGroupProcessor.bind(this),
       list: this.runtimeListProcessor.bind(this)
     });
-    a(this, "formRef", U(null));
+    a(this, "formRef", N(null));
     a(this, "hydrateEffect", new L());
     a(this, "native", se({}));
     a(this, "grid", {});
@@ -528,10 +564,10 @@ class Pe {
       }
     }));
     a(this, "shared", {});
-    this.setup = e, this.processor = new be(this);
+    this.setup = e, this.processor = new ve(this);
     const t = this.setup(this);
-    if (this.ui = t.ui ?? u.presets.ui, this.runtimeAdapter = new ve(this.ui), Object.assign(this.globalNativeFormOverride, this.runtimeAdapter.getRuntimeNative()), q(t.schemas))
-      y(
+    if (this.ui = t.ui ?? u.presets.ui, this.runtimeAdapter = new be(this.ui), Object.assign(this.globalNativeFormOverride, this.runtimeAdapter.getRuntimeNative()), w(t.schemas))
+      v(
         // @ts-expect-error
         () => t.schemas.value,
         () => {
@@ -541,8 +577,8 @@ class Pe {
           deep: !0
         }
       );
-    else if (N(t.schemas)) {
-      const s = y(() => t.schemas, () => {
+    else if (S(t.schemas)) {
+      const s = v(() => t.schemas, () => {
         this.processor.parseSchemas(t.schemas), E(() => {
           s();
         });
@@ -553,7 +589,7 @@ class Pe {
       this.processor.parseSchemas(t.schemas);
   }
   getRuntimeMeta() {
-    const e = R(C(this.model.value));
+    const e = O(C(this.model.value));
     let t;
     return {
       model: e,
@@ -562,18 +598,18 @@ class Pe {
       // share 增加防抖，当开发者在过程中进行 share 时避免频繁触发爆栈
       share: (s) => {
         t && clearTimeout(t), t = setTimeout(() => {
-          if (q(s)) {
-            const i = y(() => s.value, () => {
-              h(this.shared, s.value), this.processor.schemaEffect.triggerEffects(), E(() => {
+          if (w(s)) {
+            const i = v(() => s.value, () => {
+              d(this.shared, s.value), this.processor.schemaEffect.triggerEffects(), E(() => {
                 i();
               });
             }, {
               deep: !0,
               immediate: !0
             });
-          } else if (N(s)) {
-            const i = y(() => s, () => {
-              h(this.shared, s), this.processor.schemaEffect.triggerEffects(), E(() => {
+          } else if (S(s)) {
+            const i = v(() => s, () => {
+              d(this.shared, s), this.processor.schemaEffect.triggerEffects(), E(() => {
                 i();
               });
             }, {
@@ -581,50 +617,50 @@ class Pe {
               immediate: !0
             });
           } else
-            h(this.shared, s), this.processor.schemaEffect.triggerEffects();
+            d(this.shared, s), this.processor.schemaEffect.triggerEffects();
         }, 0);
       }
     };
   }
   runtimeItemProcessor(e, t, s = this.model.value, i) {
-    var $, z, k, B, D, T, G, W, K, H, J, Q, X, Y, Z, A, ee;
-    const o = R(e.component);
+    var $, _, z, T, B, D, G, W, K, H, J, Q, X, Y, Z, A, ee;
+    const o = O(e.component);
     if (!o)
       return;
-    (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(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 = {
+    (_ = ($ = 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 = {
       display: "grid",
       gridColumn: "1 / -1",
       ...e.grid
-    }, c = h(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), d = this.runtimeAdapter.getRuntimeField({
+    }, 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({
       schema: e,
       parentSchema: i,
       index: t
-    }), v = o.name, F = e.componentProps ?? {}, I = P.placeholderPresetByComponentName;
+    }), y = o.name, F = e.componentProps ?? {}, I = P.placeholderPresetByComponentName;
     let g = e.placeholder, b = e.show;
     b === void 0 && (b = !0);
     let m = e.label ?? "";
-    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), "")), !g) {
-      let S = "请输入";
-      l.isUndefined(v) ? g = `${S}${m}` : /* @ts-expect-error */ I[v.toLowerCase()] ? (S = // @ts-expect-error
-      I[v.toLowerCase()], g = `${S}${m}`) : (Object.keys(I).forEach((te) => {
-        v.toLowerCase().includes(te.toLowerCase()) && (S = I[te]);
-      }), g = `${S}${m}`);
+    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 re = this.runtimeAdapter.getRuntimeRequired({
       ...e,
       label: m
-    }), ie = V.getItemContainer(this), oe = V.getFormItemContainer(this), ne = this, le = e.componentSlots;
+    }), ie = j.getItemContainer(this), oe = j.getFormItemContainer(this), ne = this, le = e.componentSlots;
     return p("div", {
       style: f
     }, [p(ie, {
       show: b
     }, {
       default() {
-        return b && p(oe, O(c, {
+        return b && p(oe, q(c, {
           label: `${m ? `${m}:` : ""}`
-        }, d, re), {
+        }, h, re), {
           default() {
             return ne.runtimeAdapter.formComponentRenderer({
               Component: o,
@@ -646,7 +682,7 @@ class Pe {
       display: "grid",
       gridColumn: "1 / -1",
       ...e.grid
-    }, i = V.getGroupContainer(this);
+    }, i = j.getGroupContainer(this);
     let o = e.show;
     return o === void 0 && (o = !0), p("div", {
       style: s
@@ -677,7 +713,7 @@ class Pe {
     s.model.value[e.field] || (s.model.value[e.field] = [{}]);
     let i = e.show;
     i === void 0 && (i = !0);
-    const o = V.getListContainer(this), n = V.getListItemContainer(this);
+    const o = j.getListContainer(this), n = j.getListItemContainer(this);
     return p("div", {
       style: t
     }, [i && p(o, {
@@ -686,14 +722,14 @@ class Pe {
       default() {
         return s.model.value[e.field].map((f, c) => p(n, null, {
           default() {
-            return e.children.map((d) => s.runtimeItemProcessor(d, c, f, e));
+            return e.children.map((h) => s.runtimeItemProcessor(h, c, f, e));
           },
           delete({
-            container: d
+            container: h
           } = {}) {
             var F;
-            const v = d ?? p("button", null, null);
-            return ce(p(v, {
+            const y = h ?? p("button", null, null);
+            return ce(p(y, {
               onClick: () => s.deleteListItem(e, c)
             }, null), [[fe, ((F = s.model.value[e.field]) == null ? void 0 : F.length) > 1]]);
           }
@@ -713,14 +749,14 @@ class Pe {
     return e.map((t) => (t.type || (t.type = "item"), this.processorBySchemaType[t.type](t)));
   }
   exec() {
-    var f, c, d, v;
+    var f, c, h, y;
     const e = {
       display: "grid",
       gridColumn: "1 / -1",
       gridAutoColumns: "1fr",
       ...this.grid
-    }, t = this, s = h(C((c = (f = this.native) == null ? void 0 : f.props) == null ? void 0 : c.Form) ?? {}, this.globalNativeFormOverride.props.Form), i = h(C((v = (d = this.native) == null ? void 0 : d.slots) == null ? void 0 : v.Form) ?? {}, this.globalNativeFormOverride.slots.Form), o = V.getFormContainer(this), n = this.runtimeAdapter.getFormModelPropName();
-    return p(o, O(s, {
+    }, 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, {
       ref: this.formRef
     }, {
       [n]: this.model.value
@@ -745,7 +781,7 @@ class u {
   }
 }
 a(u, "presets");
-function M({
+function U({
   parentSchema: r,
   schema: e,
   index: t
@@ -756,7 +792,7 @@ const ge = {
   ArcoVue: {
     getRuntimeField(r) {
       return {
-        field: M(r)
+        field: U(r)
       };
     },
     getRuntimeRequired(r) {
@@ -769,14 +805,14 @@ const ge = {
           });
         else {
           const t = r.rules.findIndex((s) => !l.isUndefined(s.required));
-          t !== -1 ? (r.rules[t].required = !0, r.rules[t].message = `${r.label}是必填项`) : r.rules.push({
+          t !== -1 ? (r.rules[t].required = !0, r.rules[t].message = `${r.label}是必填项`) : r.rules.unshift({
             required: !0,
             message: `${r.label}是必填项`
           });
         }
       else if (r.rules) {
         const t = (e = r.rules) == null ? void 0 : e.findIndex((s) => !!s.required);
-        t !== -1 ? r.rules[t].required = !1 : r.rules.push({
+        t !== -1 ? r.rules[t].required = !1 : r.rules.unshift({
           required: !0,
           message: `${r.label}是必填项`
         });
@@ -796,7 +832,7 @@ const ge = {
       componentSlots: i,
       props: o
     }) {
-      return p(r, O({
+      return p(r, q({
         modelValue: e[t.field],
         "onUpdate:modelValue": (n) => e[t.field] = n,
         placeholder: s
@@ -806,7 +842,7 @@ const ge = {
     },
     validateForm(r) {
       return new Promise((e, t) => {
-        r.runtimeCore.formRef.value.validate((s) => s ? t(s) : e(r.cleanFallbackFields(R(r.runtimeCore.processor.processedModel.value))));
+        r.runtimeCore.formRef.value.validate((s) => s ? t(s) : e(r.cleanFallbackFields(O(r.runtimeCore.processor.processedModel.value))));
       });
     },
     clearValidate(r) {
@@ -816,7 +852,7 @@ const ge = {
   NutUI: {
     getRuntimeField(r) {
       return {
-        prop: M(r)
+        prop: U(r)
       };
     },
     getRuntimeRequired(r) {
@@ -829,14 +865,14 @@ const ge = {
           });
         else {
           const t = r.rules.findIndex((s) => !l.isUndefined(s.required));
-          t !== -1 ? (r.rules[t].required = !0, r.rules[t].message = `${r.label}是必填项`) : r.rules.push({
+          t !== -1 ? (r.rules[t].required = !0, r.rules[t].message = `${r.label}是必填项`) : r.rules.unshift({
             required: !0,
             message: `${r.label}是必填项`
           });
         }
       else if (r.rules) {
         const t = (e = r.rules) == null ? void 0 : e.findIndex((s) => !!s.required);
-        t !== -1 ? r.rules[t].required = !1 : r.rules.push({
+        t !== -1 ? r.rules[t].required = !1 : r.rules.unshift({
           required: !0,
           message: `${r.label}是必填项`
         });
@@ -857,7 +893,7 @@ const ge = {
       componentSlots: i,
       props: o
     }) {
-      return p(r, O({
+      return p(r, q({
         modelValue: e[t.field],
         "onUpdate:modelValue": (n) => e[t.field] = n,
         placeholder: s
@@ -871,7 +907,7 @@ const ge = {
           valid: s,
           errors: i
         }) => {
-          s ? e(r.cleanFallbackFields(R(r.runtimeCore.processor.processedModel.value))) : t(i);
+          s ? e(r.cleanFallbackFields(O(r.runtimeCore.processor.processedModel.value))) : t(i);
         });
       });
     },
@@ -882,7 +918,7 @@ const ge = {
   NaiveUI: {
     getRuntimeField(r) {
       return {
-        path: M(r)
+        path: U(r)
       };
     },
     getRuntimeRequired(r) {
@@ -896,7 +932,7 @@ const ge = {
           });
         else {
           const t = r.rules.findIndex((s) => !l.isUndefined(s.required));
-          t !== -1 ? (r.rules[t].required = !0, r.rules[t].message = `${r.label}是必填项`) : r.rules.push({
+          t !== -1 ? (r.rules[t].required = !0, r.rules[t].message = `${r.label}是必填项`) : r.rules.unshift({
             required: !0,
             message: `${r.label}是必填项`,
             trigger: ["input", "blur"]
@@ -904,7 +940,7 @@ const ge = {
         }
       else if (r.rules) {
         const t = (e = r.rules) == null ? void 0 : e.findIndex((s) => !!s.required);
-        t !== -1 ? r.rules[t].required = !1 : r.rules.push({
+        t !== -1 ? r.rules[t].required = !1 : r.rules.unshift({
           required: !0,
           message: `${r.label}是必填项`,
           trigger: ["input", "blur"]
@@ -925,7 +961,7 @@ const ge = {
       componentSlots: i,
       props: o
     }) {
-      return p(r, O({
+      return p(r, q({
         value: e[t.field],
         "onUpdate:value": (n) => e[t.field] = n,
         placeholder: s
@@ -935,14 +971,14 @@ const ge = {
     },
     validateForm(r) {
       return new Promise((e, t) => {
-        r.runtimeCore.formRef.value.validate((s) => s ? t(s) : e(r.cleanFallbackFields(R(r.runtimeCore.processor.processedModel.value))));
+        r.runtimeCore.formRef.value.validate((s) => s ? t(s) : e(r.cleanFallbackFields(O(r.runtimeCore.processor.processedModel.value))));
       });
     },
     clearValidate(r) {
       r.formRef.value.restoreValidation();
     }
   }
-}, w = class w {
+}, V = class V {
   static getPlaceholderPrefixPresetByComponentName() {
     const e = {
       请选择: ["select", "tree"],
@@ -955,7 +991,7 @@ const ge = {
     return t;
   }
 };
-a(w, "schemaPreset", {
+a(V, "schemaPreset", {
   type: {
     defaultValue: "item"
   },
@@ -998,15 +1034,15 @@ a(w, "schemaPreset", {
   grid: {
     default: void 0
   }
-}), a(w, "componentPropsPreset", {
+}), a(V, "componentPropsPreset", {
   options: {
     defaultValue: []
   }
 }), // 基于基本功能提出基本预设
-a(w, "placeholderPresetByComponentName", w.getPlaceholderPrefixPresetByComponentName());
-let _ = w;
+a(V, "placeholderPresetByComponentName", V.getPlaceholderPrefixPresetByComponentName());
+let k = V;
 const P = {
-  ..._,
+  ...k,
   adapters: {
     ...ge
   }
@@ -1022,18 +1058,20 @@ const P = {
     return () => e.exec();
   }
 });
-function je(r) {
+function Re(r) {
   const e = new me(r);
   return [
     e.setup.bind(e),
     {
       submit: e.submit.bind(e),
       hydrate: e.hydrate.bind(e),
-      share: e.share.bind(e)
+      share: e.share.bind(e),
+      getReactiveModel: e.getReactiveModel.bind(e),
+      setReactiveModel: e.setReactiveModel.bind(e)
     }
   ];
 }
-function Ve(r) {
+function je(r) {
   u.presets = r;
 }
 function Ce(r, e) {
@@ -1042,17 +1080,17 @@ function Ce(r, e) {
     writable: !0
   }), r;
 }
-function we(r) {
+function Ve(r) {
   return Ce(r, "native");
 }
-function Re(r) {
+function we(r) {
   return r.__proform_raw_object = !0, r;
 }
 export {
   Fe as ProForm,
-  we as markNativeFunction,
-  Re as markNativeObject,
-  je as useForm,
-  Ve as useFormPresetConfigurer,
+  Ve as markNativeFunction,
+  we as markNativeObject,
+  Re as useForm,
+  je as useFormPresetConfigurer,
   Ce as useModifiers
 };

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

@@ -3,10 +3,13 @@ import { RuntimeCore } from "../index";
 export default class FormCustomizer {
     formCustomization: FormCustomization;
     runtimeCore: RuntimeCore;
+    reactiveModel: AnyObject;
     private cleanFallbackFields;
     constructor(formCustomization: FormCustomization);
     setup(_runtimeCore: RuntimeCore): FormCustomization;
     submit(): Promise<AnyObject>;
     hydrate(data: AnyObject): Promise<never> | undefined;
     share(data: AnyObject): void;
+    getReactiveModel(): AnyObject;
+    setReactiveModel(data: AnyObject): AnyObject;
 }

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

@@ -7,5 +7,7 @@ export type UseForm = [
         submit: () => Promise<AnyObject>;
         hydrate: (data: AnyObject) => any;
         share: (data: AnyObject) => any;
+        getReactiveModel: () => AnyObject;
+        setReactiveModel: (data: AnyObject) => AnyObject;
     }
 ];

package/package.json

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