hys-ui 0.1.1 → 0.2.0

package/dist/components/HysForm/HysForm2.vue.js

@@ -1,125 +1,611 @@
-import { defineComponent as V, ref as g, provide as $, computed as B, openBlock as z, createElementBlock as C, mergeProps as I, unref as P, withModifiers as S, createElementVNode as F, renderSlot as M, toRaw as K, nextTick as R } from "vue";
-import { formKey as N, focusHysField as T } from "../../composables/formContext.js";
-import { useHysRootAttrs as G } from "../../config.js";
-const J = ["disabled", "inert"], L = { class: "hys-ui-ent-form-actions" }, Y = /* @__PURE__ */ V({
+import { defineComponent as cl, ref as V, shallowRef as dl, computed as r, provide as vl, watch as Y, nextTick as G, onActivated as fl, onDeactivated as pl, onBeforeUnmount as gl, openBlock as qe, createElementBlock as Ie, mergeProps as ml, unref as bl, withModifiers as Le, createElementVNode as yl, renderSlot as _e, createCommentVNode as hl } from "vue";
+import { formPath as T, formKey as wl, formValue as g, setFormValue as Z, focusHysField as Fl } from "../../composables/formContext.js";
+import { useFormWidth as kl, resolveFormGrid as Ml, resolveFormCol as Ol } from "../../composables/formLayout.js";
+import { snapshotForm as d, sameFormValue as H, nestedFormRules as ze, runFormRules as $e } from "../../composables/formValidation.js";
+import { useHysRootAttrs as jl } from "../../config.js";
+const Bl = ["aria-busy"], Pl = ["disabled", "inert"], Vl = {
+  key: 0,
+  class: "hys-ui-ent-form-actions"
+}, Sl = /* @__PURE__ */ cl({
   __name: "HysForm",
   props: {
     model: {},
     rules: { default: () => ({}) },
     validate: {},
+    validateMessages: {},
+    validateOnRuleChange: { type: Boolean, default: !0 },
+    validateTrigger: { default: () => ["change", "blur"] },
+    initialValues: {},
     loading: { type: Boolean },
     disabled: { type: Boolean },
     inline: { type: Boolean },
+    layout: {},
+    columns: { default: 1 },
+    gap: { default: 20 },
+    size: { default: "md" },
     labelPosition: { default: "top" },
-    labelWidth: { default: "100px" }
+    labelWidth: { default: "100px" },
+    labelAlign: {},
+    labelWrap: { type: Boolean, default: !0 },
+    labelSuffix: { default: "" },
+    colon: { type: Boolean },
+    labelCol: {},
+    wrapperCol: {},
+    showLabel: { type: Boolean, default: !0 },
+    showFeedback: { type: Boolean, default: !0 },
+    showRequiredMark: { type: Boolean, default: !0 },
+    requiredMarkPosition: { default: "right" },
+    optionalMark: { default: "" },
+    inlineFeedback: { type: Boolean },
+    feedbackIcon: { type: Boolean },
+    validateFirst: { type: Boolean, default: !0 },
+    preserve: { type: Boolean, default: !0 },
+    scrollToError: { type: Boolean, default: !1 },
+    focusOnError: { type: Boolean, default: !0 }
   },
-  emits: ["submit", "invalid", "reset"],
-  setup(n, { expose: E, emit: H }) {
-    const r = n, v = H, W = G(), f = g({}), m = g(!1), p = g(!1), A = g(), d = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map();
-    function b(e, i = /* @__PURE__ */ new WeakMap()) {
-      const t = K(P(e));
-      if (!t || typeof t != "object") return t;
-      if (t instanceof Date) return new Date(t);
-      if (i.has(t)) return i.get(t);
-      if (!Array.isArray(t) && Object.getPrototypeOf(t) !== Object.prototype && Object.getPrototypeOf(t) !== null) return t;
-      const l = Array.isArray(t) ? [] : {};
-      i.set(t, l);
-      for (const [o, a] of Object.entries(t)) l[o] = b(a, i);
-      return l;
+  emits: ["submit", "invalid", "reset", "validate", "validation"],
+  setup(N, { expose: Ge, emit: He }) {
+    const a = N, D = He, Ne = jl(), ee = V(), v = V({}), f = V({}), p = V({}), M = V(!1), ce = V(!1), E = V(!1), O = V({}), j = V({}), m = dl([]), R = /* @__PURE__ */ new Map(), w = /* @__PURE__ */ new Map(), de = /* @__PURE__ */ new Set(), W = /* @__PURE__ */ new Map(), K = /* @__PURE__ */ new Map(), le = r(
+      () => Object.fromEntries(
+        Object.entries(a.rules).map(([e, l]) => [T(e), l])
+      )
+    ), x = r(() => !!(a.disabled || a.loading)), ve = r(
+      () => typeof a.labelWidth == "number" ? a.labelWidth + "px" : a.labelWidth
+    ), te = kl(ee), we = r(
+      () => Ml(a.columns, te.value)
+    ), De = r(
+      () => a.layout === "inline" || !a.layout && a.inline
+    ), ae = r(
+      () => a.layout === "vertical" ? "top" : a.layout === "horizontal" && a.labelPosition === "top" ? "right" : a.labelPosition
+    ), Ke = r(
+      () => a.labelAlign ?? (ae.value === "right" ? "right" : "left")
+    ), I = V({}), Fe = r(
+      () => Math.min(
+        Math.max(0, ...Object.values(I.value)),
+        te.value * 0.45 || 1 / 0
+      ) + "px"
+    );
+    function Ue(e, l) {
+      if (l === void 0) {
+        if (e in I.value) {
+          const t = { ...I.value };
+          delete t[e], I.value = t;
+        }
+      } else I.value[e] !== l && (I.value = { ...I.value, [e]: l });
+    }
+    const ke = r(
+      () => ve.value === "auto" ? Fe.value : ve.value
+    ), Je = r(() => {
+      const e = Ol(a.labelCol, te.value);
+      return {
+        "--hys-ui-form-label-width": ke.value,
+        "--hys-ui-form-columns": we.value,
+        "--hys-ui-form-gap": typeof a.gap == "number" ? a.gap + "px" : a.gap,
+        "--hys-ui-form-actions-offset": a.showLabel && ae.value !== "top" ? e ? "calc(" + ((e.span ?? 0) + (e.offset ?? 0)) / 24 * 100 + "% + 14px)" : "calc(" + ke.value + " + 14px)" : "0px"
+      };
+    });
+    let B = d(a.initialValues ?? a.model ?? {}), b = !0, k = 0, Me = 0, L = 0, oe = 0, _ = 0, Oe = d(a.rules), P, fe;
+    function pe() {
+      clearTimeout(fe), fe = void 0, ce.value = !1;
+    }
+    function Qe(e) {
+      if (e.button !== 0 || !(e.target instanceof Element)) return;
+      const l = e.target.closest(
+        "button,input"
+      );
+      !l || l.form !== ee.value || l.disabled || !["submit", "image"].includes(l.type) || (pe(), ce.value = !0, fe = setTimeout(pe, 0));
+    }
+    const U = (e) => ({
+      status: v.value[e] ? "error" : f.value[e] ? "warning" : "idle",
+      message: v.value[e] || "",
+      warning: f.value[e] || "",
+      validating: !1
+    }), J = (e) => m.value.find((l) => l.path.value === T(e)), Xe = () => [...m.value], je = (e) => ze(e, le.value).rules.concat(
+      m.value.filter((l) => l.path.value === e).flatMap((l) => l.rules.value)
+    );
+    function ie() {
+      return [
+        .../* @__PURE__ */ new Set([
+          ...m.value.map((e) => e.path.value),
+          ...Object.keys(le.value),
+          ...Object.keys(v.value),
+          ...Object.keys(f.value),
+          ...R.keys()
+        ])
+      ].filter((e) => !!e && !de.has(e));
+    }
+    function $(e, l) {
+      if (e === void 0) return [...new Set(l)];
+      const t = (typeof e == "string" ? [e] : e).map(T), o = ie();
+      return [
+        ...new Set(
+          t.flatMap((u) => [
+            u,
+            ...o.filter((y) => y.startsWith(u + "."))
+          ])
+        )
+      ];
     }
-    const q = b(r.model || {});
-    function O(e, i) {
-      return i.split(".").reduce((t, l) => t == null ? void 0 : t[l], e);
-    }
-    async function h(e, i) {
-      const t = (u.get(e) || 0) + 1;
-      u.set(e, t);
-      const l = [r.rules[e] || []].flat().filter((s) => !i || !s.trigger || [s.trigger].flat().includes(i)), o = O(r.model || {}, e);
-      let a = "";
-      for (const s of l) {
-        const k = o == null || o === "" || Array.isArray(o) && !o.length;
+    function ge(e) {
+      var l;
+      R.set(e, ++Me), (l = W.get(e)) == null || l.cancel(), W.delete(e), K.delete(e), p.value = { ...p.value, [e]: U(e) };
+    }
+    function Be() {
+      L++, E.value = !1, P == null || P.abort(), P = void 0;
+    }
+    function C() {
+      pe(), k++, Be(), oe++;
+      for (const e of W.values()) e.cancel();
+      W.clear(), K.clear();
+      for (const e of R.keys()) ge(e);
+    }
+    function Q(e) {
+      Be();
+      for (const l of $(e, ie()))
+        ge(l), delete v.value[l], delete f.value[l], delete O.value[l], delete j.value[l], p.value = { ...p.value, [l]: U(l) };
+    }
+    function Pe(e, l) {
+      const t = W.get(e);
+      if (l && (t != null && t.full) && !t.signal.aborted && t.epoch === k && t.version === _ && H(t.value, g(a.model, e)))
+        return t.promise;
+      t == null || t.cancel(), l || K.delete(e);
+      const o = new AbortController();
+      let u;
+      const y = new Promise(
+        (s) => {
+          u = s;
+        }
+      ), n = {
+        promise: Promise.race([
+          Ye(e, l, o.signal),
+          y
+        ]),
+        value: d(g(a.model, e)),
+        full: !l,
+        epoch: k,
+        version: _,
+        token: R.get(e) ?? 0,
+        signal: o.signal,
+        cancel: () => {
+          o.abort(), u({ valid: !1, cancelled: !0 });
+        }
+      };
+      return W.set(e, n), n.promise.then((s) => {
+        n.full && !s.cancelled && !n.signal.aborted && n.token === R.get(e) && K.set(e, {
+          result: s,
+          value: n.value,
+          epoch: n.epoch,
+          version: n.version,
+          token: n.token
+        }), W.get(e) === n && W.delete(e);
+      }), n.promise;
+    }
+    async function Ye(e, l, t) {
+      var X, Se, Te;
+      if (!b) return { valid: !1, cancelled: !0 };
+      const o = J(e), u = (o == null ? void 0 : o.trigger.value) ?? a.validateTrigger;
+      if (l && (![u].flat().includes(l) || x.value || M.value))
+        return { valid: !v.value[e], cancelled: !1 };
+      const y = je(e), n = y.filter(
+        (F) => !l || !F.trigger || [F.trigger].flat().includes(l)
+      );
+      if (l && y.length && !n.length)
+        return { valid: !v.value[e], cancelled: !1 };
+      const s = ++Me, q = k, z = d(a.model ?? {}), ne = g(z, e), i = (((X = o == null ? void 0 : o.dependencies) == null ? void 0 : X.value) ?? []).map((F) => ({
+        path: F,
+        value: d(g(z, F))
+      }));
+      R.set(e, s), p.value = {
+        ...p.value,
+        [e]: { ...U(e), status: "validating", validating: !0 }
+      };
+      const A = () => b && !t.aborted && q === k && R.get(e) === s && H(ne, g(a.model, e)) && i.every(
+        (F) => H(F.value, g(a.model, F.path))
+      );
+      let c = "", h = "";
+      try {
+        let F = ne;
         try {
-          s.required && k && (a = s.message || "此项不能为空"), !k && s.pattern && (s.pattern.lastIndex = 0, s.pattern.test(String(o)) || (a = s.message || "格式不正确"));
-          const c = typeof o == "number" ? o : o == null ? void 0 : o.length;
-          if (!k && c !== void 0 && (s.min !== void 0 && c < s.min || s.max !== void 0 && c > s.max) && (a = s.message || "超出允许范围"), !a && s.validator) {
-            const y = await s.validator(o, r.model || {});
-            (y === !1 || typeof y == "string") && (a = typeof y == "string" ? y : s.message || "校验未通过");
-          }
-        } catch (c) {
-          a = c instanceof Error ? c.message : s.message || "校验失败";
+          F = ze(e, le.value, z).value;
+        } catch (S) {
+          n.splice(0, n.length, {
+            validator: () => S instanceof Error ? S : String(S)
+          });
         }
-        if (a) break;
-      }
-      if (u.get(e) === t)
-        if (a) f.value = { ...f.value, [e]: a };
-        else {
-          const s = { ...f.value };
-          delete s[e], f.value = s;
+        const Ce = ((Se = o == null ? void 0 : o.validateFirst) == null ? void 0 : Se.value) ?? a.validateFirst, ye = $e(
+          e,
+          F,
+          n.filter((S) => S.level !== "warning"),
+          z,
+          a.validateMessages,
+          { path: e, signal: t },
+          Ce
+        ), he = ye instanceof Promise ? await ye : ye;
+        c = he.messages[0] ?? "";
+        let ue = { messages: [], fields: {} };
+        if (!c && A()) {
+          const S = $e(
+            e,
+            F,
+            n.filter((ul) => ul.level === "warning"),
+            z,
+            a.validateMessages,
+            { path: e, signal: t },
+            Ce
+          );
+          ue = S instanceof Promise ? await S : S, h = ue.messages[0] ?? "";
         }
-      return !a;
+        return A() ? (c ? v.value[e] !== c && (v.value = { ...v.value, [e]: c }) : delete v.value[e], h ? f.value[e] !== h && (f.value = { ...f.value, [e]: h }) : delete f.value[e], he.messages.length ? O.value[e] = he.messages : delete O.value[e], ue.messages.length ? j.value[e] = ue.messages : delete j.value[e], p.value = {
+          ...p.value,
+          [e]: {
+            status: c ? "error" : h ? "warning" : "success",
+            message: c,
+            warning: h,
+            validating: !1
+          }
+        }, D("validate", e, !c, c), { valid: !c, cancelled: !1 }) : { valid: !1, cancelled: !0 };
+      } finally {
+        R.get(e) === s && ((Te = p.value[e]) != null && Te.validating) && (p.value = { ...p.value, [e]: U(e) });
+      }
     }
-    function j(e) {
-      const i = e ? [e].flat() : [.../* @__PURE__ */ new Set([...Object.keys(f.value), ...u.keys()])];
-      for (const t of i)
-        u.set(t, (u.get(t) || 0) + 1), delete f.value[t];
+    async function Ve(e, l) {
+      if (typeof l == "function") {
+        const t = await re([e]);
+        return t.cancelled || await l(t.valid, t), t.valid;
+      }
+      return (await Pe(T(e), l)).valid;
     }
-    async function x() {
-      m.value = !0;
+    async function re(e) {
+      P == null || P.abort();
+      const l = new AbortController();
+      P = l;
+      const t = ++L, o = k, u = _, y = d(a.model ?? {}), n = $(e, ie()), s = {
+        valid: !1,
+        cancelled: !1,
+        values: y,
+        errors: {},
+        warnings: {},
+        errorMessages: {},
+        warningMessages: {}
+      };
+      if (!b)
+        return s.cancelled = !0, s;
+      E.value = !0;
       try {
-        const e = [.../* @__PURE__ */ new Set([...Object.keys(r.rules), ...d.keys()])];
-        return (await Promise.all(e.map((t) => h(t)))).every(Boolean) && (!r.validate || await r.validate());
-      } catch {
-        return !1;
+        const q = await Promise.all(n.map((i) => Pe(i)));
+        for (let i = 0; i < q.length; i++)
+          for (; q[i].cancelled && b && o === k && t === L && u === _; ) {
+            const A = n[i], c = W.get(A), h = K.get(A), X = g(y, A);
+            if (c != null && c.full && !c.signal.aborted && c.epoch === o && c.version === u && H(c.value, X)) {
+              q[i] = await c.promise;
+              continue;
+            }
+            h && h.epoch === o && h.version === u && h.token === R.get(A) && H(h.value, X) && (q[i] = h.result);
+            break;
+          }
+        if (!b || o !== k || t !== L || u !== _ || q.some((i) => i.cancelled))
+          return s.cancelled = !0, s;
+        const z = Object.fromEntries(
+          n.filter((i) => v.value[i]).map((i) => [i, v.value[i]])
+        ), ne = Object.fromEntries(
+          n.filter((i) => f.value[i]).map((i) => [i, f.value[i]])
+        );
+        if (s.errors = z, s.warnings = ne, s.valid = q.every((i) => i.valid), s.errorMessages = Object.fromEntries(
+          n.filter((i) => O.value[i]).map((i) => [i, [...O.value[i]]])
+        ), s.warningMessages = Object.fromEntries(
+          n.filter((i) => j.value[i]).map((i) => [i, [...j.value[i]]])
+        ), s.valid && e === void 0 && a.validate) {
+          let i;
+          const A = new Promise((c) => {
+            i = () => c(!1), l.signal.addEventListener("abort", i, { once: !0 }), l.signal.aborted && c(!1);
+          });
+          try {
+            s.valid = await Promise.race([
+              a.validate({ signal: l.signal }),
+              A
+            ]);
+          } catch {
+            s.valid = !1;
+          } finally {
+            i && l.signal.removeEventListener("abort", i);
+          }
+        }
+        return !b || l.signal.aborted || o !== k || t !== L || u !== _ ? (s.valid = !1, s.cancelled = !0, s) : (D("validation", s), s);
       } finally {
-        m.value = !1;
+        t === L && (E.value = !1), P === l && (P = void 0);
       }
     }
-    function w() {
-      if (p.value = !0, r.model)
-        for (const e of d.size ? d.keys() : Object.keys(r.model)) {
-          const i = e.split("."), t = i.pop();
-          let l = r.model;
-          for (const o of i) l = l[o] ?? (l[o] = {});
-          l[t] = b(O(q, e));
-        }
-      j(), v("reset"), R(() => {
-        p.value = !1;
+    async function me(e, l) {
+      var o;
+      const t = await re(
+        typeof e == "function" ? void 0 : e
+      );
+      return t.cancelled || await ((o = typeof e == "function" ? e : l) == null ? void 0 : o(t.valid, t)), t.valid;
+    }
+    const Ze = me;
+    function Ee(e) {
+      return d(g(a.model, e));
+    }
+    function el(e) {
+      if (e === void 0)
+        return d(a.model ?? {});
+      const l = {};
+      for (const t of $(e, []))
+        Z(l, t, Ee(t));
+      return l;
+    }
+    function be(e, l) {
+      for (const t of Object.keys(l)) {
+        if (["__proto__", "prototype", "constructor"].includes(t)) continue;
+        const o = l[t];
+        o && typeof o == "object" && !Array.isArray(o) && Object.getPrototypeOf(o) === Object.prototype ? ((!e[t] || typeof e[t] != "object" || Object.getPrototypeOf(e[t]) !== Object.prototype) && (e[t] = {}), be(
+          e[t],
+          o
+        )) : e[t] = d(o);
+      }
+    }
+    function ll(e) {
+      a.model && (C(), M.value = !0, be(a.model, e), G(() => {
+        M.value = !1;
+      }));
+    }
+    function tl(e, l) {
+      a.model && (C(), M.value = !0, Z(a.model, e, d(l)), G(() => {
+        M.value = !1;
+      }));
+    }
+    function Re(e) {
+      const l = T(e);
+      return [
+        ...O.value[l] ?? (v.value[l] ? [v.value[l]] : [])
+      ];
+    }
+    function al(e) {
+      return $(e, ie()).map((l) => ({
+        name: l,
+        errors: Re(l),
+        warnings: [
+          ...j.value[l] ?? (f.value[l] ? [f.value[l]] : [])
+        ]
+      }));
+    }
+    function ol(e) {
+      C(), M.value = !0;
+      for (const l of e) {
+        const t = T(l.name);
+        a.model && Object.prototype.hasOwnProperty.call(l, "value") && Z(a.model, t, d(l.value)), l.errors !== void 0 && (l.errors[0] ? (v.value[t] = l.errors[0], O.value[t] = [...l.errors]) : (delete v.value[t], delete O.value[t])), l.warnings !== void 0 && (l.warnings[0] ? (f.value[t] = l.warnings[0], j.value[t] = [...l.warnings]) : (delete f.value[t], delete j.value[t])), p.value = { ...p.value, [t]: U(t) };
+      }
+      G(() => {
+        M.value = !1;
+      });
+    }
+    function il(e) {
+      be(B, e);
+      for (const [l] of w)
+        w.set(l, d(g(B, l)));
+    }
+    function rl(e, l) {
+      const t = T(e);
+      Z(B, t, d(l)), w.set(t, d(l));
+    }
+    function se(e) {
+      L++, oe++, E.value = !1, M.value = !0;
+      const l = $(
+        e,
+        m.value.length ? m.value.map((t) => t.path.value) : Object.keys(B)
+      );
+      if (a.model)
+        for (const t of l)
+          Z(
+            a.model,
+            t,
+            d(
+              w.has(t) ? w.get(t) : g(B, t)
+            )
+          );
+      Q(e), D("reset", l), G(() => {
+        M.value = !1;
       });
     }
-    async function D() {
-      var e;
-      r.loading || r.disabled || m.value || (await x() ? v("submit") : (v("invalid"), await R(), T((e = A.value) == null ? void 0 : e.querySelector('[aria-invalid="true"]'))));
+    function sl(e) {
+      e === void 0 && (B = d(a.model ?? {}), w.clear());
+      for (const l of $(
+        e,
+        m.value.map((t) => t.path.value)
+      ))
+        w.set(l, d(g(a.model, l)));
+    }
+    function We(e, l = { block: "nearest", behavior: "auto" }) {
+      var t, o;
+      (o = (t = J(e)) == null ? void 0 : t.element.value) == null || o.scrollIntoView(l);
+    }
+    function xe(e) {
+      var l;
+      (l = J(e)) == null || l.focus();
+    }
+    async function Ae() {
+      var o;
+      if (!b || x.value || E.value) return;
+      const e = ++oe, l = k, t = await re();
+      if (!(!b || l !== k || e !== oe || t.cancelled || x.value)) {
+        if (t.valid) D("submit", t.values);
+        else {
+          D("invalid", t), await G();
+          const u = Object.keys(t.errors)[0];
+          u && a.scrollToError && We(
+            u,
+            typeof a.scrollToError == "object" ? a.scrollToError : { block: "nearest", behavior: "auto" }
+          ), a.focusOnError && (u && J(u) ? xe(u) : Fl(
+            (o = ee.value) == null ? void 0 : o.querySelector('[aria-invalid="true"]')
+          ));
+        }
+        return t;
+      }
     }
-    return $(N, { model: B(() => r.model), resetting: p, errors: f, rules: B(() => r.rules), validateField: h, register(e) {
-      return d.set(e, (d.get(e) || 0) + 1), () => {
-        const i = (d.get(e) || 1) - 1;
-        i ? d.set(e, i) : d.delete(e);
+    function nl(e) {
+      const l = e.path.value;
+      if (de.delete(l), !w.has(l)) {
+        const t = g(B, l);
+        w.set(
+          l,
+          d(t === void 0 ? g(a.model, l) : t)
+        );
+      }
+      return m.value = [...m.value, e], () => {
+        var t;
+        if (m.value = m.value.filter((o) => o !== e), !m.value.some((o) => o.path.value === l)) {
+          if (de.add(l), Q([l]), !(((t = e.preserve) == null ? void 0 : t.value) ?? a.preserve) && a.model) {
+            const o = l.split("."), u = o.pop(), y = o.length ? g(a.model, o) : a.model;
+            y && typeof y == "object" && !["__proto__", "prototype", "constructor"].includes(u) && delete y[u];
+          }
+          g(B, l) === void 0 && w.delete(l);
+        }
       };
-    } }), E({ validate: x, validateField: h, clearValidate: j, resetFields: w, errors: f, validating: m }), (e, i) => (z(), C("form", I({
+    }
+    return vl(wl, {
+      model: r(() => a.model),
+      resetting: M,
+      suppressAutoBlur: ce,
+      errors: v,
+      warnings: f,
+      errorMessages: O,
+      warningMessages: j,
+      states: p,
+      rules: le,
+      getRules: (e) => je(T(e)),
+      disabled: x,
+      size: r(() => a.size),
+      labelPosition: ae,
+      labelWidth: ve,
+      autoLabelWidth: Fe,
+      containerWidth: te,
+      columns: we,
+      labelAlign: Ke,
+      labelWrap: r(() => a.labelWrap),
+      labelSuffix: r(() => a.labelSuffix),
+      colon: r(() => a.colon),
+      labelCol: r(() => a.labelCol),
+      wrapperCol: r(() => a.wrapperCol),
+      inlineFeedback: r(() => a.inlineFeedback),
+      feedbackIcon: r(() => a.feedbackIcon),
+      optionalMark: r(() => a.optionalMark),
+      validateFirst: r(() => a.validateFirst),
+      preserve: r(() => a.preserve),
+      setLabelWidth: Ue,
+      showLabel: r(() => a.showLabel),
+      showFeedback: r(() => a.showFeedback),
+      showRequiredMark: r(() => a.showRequiredMark),
+      requiredMarkPosition: r(() => a.requiredMarkPosition),
+      validateTrigger: r(() => a.validateTrigger),
+      validateOnRuleChange: r(() => a.validateOnRuleChange),
+      validateField: Ve,
+      cancelField: (e) => ge(T(e)),
+      register: nl,
+      clearValidate: Q,
+      resetFields: se,
+      setFieldInitialValue: rl
+    }), Y(
+      () => a.model,
+      () => {
+        _++;
+      },
+      { deep: !0, flush: "sync" }
+    ), Y(
+      () => a.model,
+      () => {
+        C(), B = d(a.initialValues ?? a.model ?? {}), w.clear(), Q();
+      }
+    ), Y(
+      () => a.initialValues,
+      (e) => {
+        e && (B = d(e), w.clear());
+      },
+      { deep: !0 }
+    ), Y(
+      () => a.rules,
+      () => {
+        H(a.rules, Oe) || (Oe = d(a.rules), C(), a.validateOnRuleChange && b && !x.value && G().then(() => {
+          b && !x.value && me();
+        }));
+      },
+      { deep: !0 }
+    ), Y(
+      x,
+      (e) => {
+        e && C();
+      },
+      { flush: "sync" }
+    ), fl(() => {
+      b = !0;
+    }), pl(() => {
+      b = !1, C();
+    }), gl(() => {
+      b = !1, C();
+    }), Ge({
+      validate: me,
+      validateFields: Ze,
+      validateResult: re,
+      validateField: Ve,
+      clearValidate: Q,
+      resetFields: se,
+      captureInitialValues: sl,
+      setInitialValues: il,
+      scrollToField: We,
+      focusField: xe,
+      getField: J,
+      getFields: Xe,
+      fields: m,
+      getFieldValue: Ee,
+      getFieldsValue: el,
+      setFieldValue: tl,
+      setFieldsValue: ll,
+      getFieldError: Re,
+      getFieldsError: al,
+      setFields: ol,
+      submit: Ae,
+      errors: v,
+      warnings: f,
+      errorMessages: O,
+      warningMessages: j,
+      states: p,
+      validating: E
+    }), (e, l) => (qe(), Ie("form", ml({
       ref_key: "root",
-      ref: A
-    }, P(W), {
-      class: ["hys-ui-ent-form", ["hys-ui-form-" + n.labelPosition, { "hys-ui-form-inline": n.inline }]],
-      style: { "--hys-ui-form-label-width": n.labelWidth },
+      ref: ee
+    }, bl(Ne), {
+      class: ["hys-ui-ent-form", [
+        "hys-ui-form-" + ae.value,
+        "hys-ui-form-size-" + N.size,
+        { "hys-ui-form-inline": De.value }
+      ]],
+      style: Je.value,
       novalidate: "",
-      onSubmit: S(D, ["prevent"]),
-      onReset: S(w, ["prevent"])
+      "aria-busy": N.loading || E.value || void 0,
+      onMousedownCapture: Qe,
+      onSubmit: Le(Ae, ["prevent"]),
+      onReset: l[0] || (l[0] = Le((t) => se(), ["prevent"]))
     }), [
-      F("fieldset", {
-        disabled: n.disabled || n.loading,
-        inert: n.disabled || n.loading
+      yl("fieldset", {
+        disabled: x.value || N.loading,
+        inert: x.value || N.loading
       }, [
-        M(e.$slots, "default", {}, void 0, !0),
-        F("div", L, [
-          M(e.$slots, "actions", {
-            validating: m.value,
-            reset: w
+        _e(e.$slots, "default", {
+          errors: v.value,
+          warnings: f.value,
+          validating: E.value
+        }, void 0, !0),
+        e.$slots.actions ? (qe(), Ie("div", Vl, [
+          _e(e.$slots, "actions", {
+            validating: E.value,
+            reset: se,
+            errors: v.value,
+            warnings: f.value
           }, void 0, !0)
-        ])
-      ], 8, J)
-    ], 16));
+        ])) : hl("", !0)
+      ], 8, Pl)
+    ], 16, Bl));
   }
 });
 export {
-  Y as default
+  Sl as default
 };