hys-ui 0.4.0 → 0.5.0

package/dist/components/HysFormItem/HysFormItem2.vue.js

@@ -1,34 +1,34 @@
-import { defineComponent as De, inject as Ne, ref as V, useId as je, useSlots as Ge, computed as t, provide as Ke, watch as z, nextTick as ke, onMounted as Oe, onUpdated as Ue, onActivated as Je, onDeactivated as Qe, onBeforeUnmount as Xe, openBlock as r, createElementBlock as n, mergeProps as Ye, unref as C, createBlock as G, resolveDynamicComponent as Ze, normalizeStyle as we, withCtx as ne, createElementVNode as Q, createCommentVNode as c, renderSlot as w, createTextVNode as M, toDisplayString as F, createSlots as _e, createVNode as ea, normalizeClass as X, Fragment as K, renderList as me } from "vue";
-import { CircleHelp as aa, LoaderCircle as la, CheckCircle2 as ta, CircleAlert as ia } from "lucide-vue-next";
-import ua from "../HysTooltip/HysTooltip.vue.js";
-import { resolveFormCol as Ce, resolveFormGrid as oa } from "../../composables/formLayout.js";
-import { formKey as ra, formPath as sa, fieldKey as na, formValue as Fe, focusHysField as da } from "../../composables/formContext.js";
-import { useHysRootAttrs as va } from "../../config.js";
-import { snapshotForm as Se, sameFormValue as ca } from "../../composables/formValidation.js";
-const ha = ["data-field-path", "data-validation-status", "aria-busy"], ba = {
+import { defineComponent as Ne, inject as je, ref as I, useId as Ge, useSlots as Ke, computed as t, provide as Oe, watch as V, nextTick as ke, onMounted as Ue, onUpdated as Je, onActivated as Qe, onDeactivated as Xe, onBeforeUnmount as Ye, openBlock as r, createElementBlock as s, mergeProps as Ze, unref as q, createBlock as G, resolveDynamicComponent as _e, normalizeStyle as we, withCtx as ne, createElementVNode as Q, createCommentVNode as c, renderSlot as m, createTextVNode as M, toDisplayString as F, createSlots as ea, createVNode as aa, normalizeClass as X, Fragment as K, renderList as me } from "vue";
+import { CircleHelp as la, LoaderCircle as ta, CheckCircle2 as ia, CircleAlert as ua } from "lucide-vue-next";
+import oa from "../HysTooltip/HysTooltip.vue.js";
+import { resolveFormCol as Ce, resolveFormGrid as ra } from "../../composables/formLayout.js";
+import { formKey as sa, formPath as na, fieldKey as da, formValue as Fe, focusHysField as va } from "../../composables/formContext.js";
+import { useHysRootAttrs as ca } from "../../config.js";
+import { snapshotForm as Se, sameFormValue as ha } from "../../composables/formValidation.js";
+const ba = ["data-field-path", "data-validation-status", "aria-busy"], ya = {
   key: 0,
   class: "hys-ui-form-required",
   "aria-hidden": "true"
-}, ya = { class: "hys-ui-form-label-text" }, pa = {
+}, pa = { class: "hys-ui-form-label-text" }, fa = {
   key: 0,
   "aria-hidden": "true"
-}, fa = {
+}, ga = {
   key: 1,
   class: "hys-ui-form-required",
   "aria-hidden": "true"
-}, ga = {
+}, ka = {
   key: 2,
   class: "hys-ui-form-optional"
-}, ka = ["role", "aria-labelledby", "aria-describedby", "aria-invalid"], wa = ["id", "role"], ma = {
+}, wa = ["role", "aria-labelledby", "aria-describedby", "aria-invalid"], ma = ["id", "role"], Ca = {
   key: 0,
   class: "hys-ui-ent-error"
-}, Ca = { key: 0 }, Fa = {
+}, Fa = { key: 0 }, Sa = {
   key: 1,
   class: "hys-ui-form-warning"
-}, Sa = { key: 0 }, Ba = {
+}, Ba = { key: 0 }, xa = {
   key: 2,
   class: "hys-ui-form-item-extra"
-}, za = /* @__PURE__ */ De({
+}, Wa = /* @__PURE__ */ Ne({
   __name: "HysFormItem",
   props: {
     label: {},
@@ -70,341 +70,343 @@ const ha = ["data-field-path", "data-validation-status", "aria-busy"], ba = {
     validateTrigger: {}
   },
   setup(h, { expose: Be }) {
-    const a = h, xe = va(), e = Ne(ra, void 0), S = V(), W = V(), b = je(), p = V(a.for || b), Y = b + "-error", Z = b + "-hint", de = b + "-warning", O = Ge(), f = V(!!a.group), o = t(
-      () => a.prop === void 0 ? "" : sa(a.prop)
-    ), ve = t(() => [a.rules ?? []].flat()), _ = t(() => a.label), v = t(
-      () => a.error !== void 0 ? a.error : o.value ? e == null ? void 0 : e.errors.value[o.value] : void 0
+    const l = h, xe = ca(), e = je(sa, void 0), C = I(), z = I(), b = Ge(), f = I(l.for || b), Y = b + "-error", Z = b + "-hint", de = b + "-warning", O = Ke(), g = I(!!l.group), o = t(
+      () => l.prop === void 0 ? "" : na(l.prop)
+    ), ve = t(() => [l.rules ?? []].flat()), _ = t(() => l.label), v = t(
+      () => l.error !== void 0 ? l.error : o.value ? e == null ? void 0 : e.errors.value[o.value] : void 0
     ), y = t(
-      () => a.warning !== void 0 ? a.warning : o.value ? e == null ? void 0 : e.warnings.value[o.value] : void 0
-    ), $ = t(
-      () => a.error !== void 0 ? a.error ? [a.error] : [] : (e == null ? void 0 : e.errorMessages.value[o.value]) ?? (v.value ? [v.value] : [])
+      () => l.warning !== void 0 ? l.warning : o.value ? e == null ? void 0 : e.warnings.value[o.value] : void 0
+    ), W = t(
+      () => l.error !== void 0 ? l.error ? [l.error] : [] : (e == null ? void 0 : e.errorMessages.value[o.value]) ?? (v.value ? [v.value] : [])
     ), R = t(
-      () => a.warning !== void 0 ? a.warning ? [a.warning] : [] : (e == null ? void 0 : e.warningMessages.value[o.value]) ?? (y.value ? [y.value] : [])
+      () => l.warning !== void 0 ? l.warning ? [l.warning] : [] : (e == null ? void 0 : e.warningMessages.value[o.value]) ?? (y.value ? [y.value] : [])
     ), qe = t(
       () => o.value ? e == null ? void 0 : e.states.value[o.value] : void 0
-    ), d = t(
+    ), n = t(
       () => {
-        var l;
-        return a.status ?? (v.value ? "error" : y.value ? "warning" : ((l = qe.value) == null ? void 0 : l.status) ?? "idle");
+        var a;
+        return l.status ?? (v.value ? "error" : y.value ? "warning" : ((a = qe.value) == null ? void 0 : a.status) ?? "idle");
       }
-    ), g = t(() => !!v.value || d.value === "error"), A = t(
-      () => a.required ?? [
+    ), k = t(() => !!v.value || n.value === "error"), A = t(
+      () => l.required ?? [
         ...o.value ? (e == null ? void 0 : e.getRules(o.value)) ?? [] : [],
         ...ve.value
-      ].some((l) => l.required)
-    ), U = t(() => !!(a.disabled || e != null && e.disabled.value)), P = t(() => a.size ?? (e == null ? void 0 : e.size.value) ?? "md"), B = t(
-      () => !a.noStyle && (a.showLabel ?? (e == null ? void 0 : e.showLabel.value) ?? !0) && (!!a.label || !!O.label)
+      ].some((a) => a.required)
+    ), U = t(() => !!(l.disabled || e != null && e.disabled.value)), $ = t(() => l.size ?? (e == null ? void 0 : e.size.value) ?? "md"), S = t(
+      () => !l.noStyle && (l.showLabel ?? (e == null ? void 0 : e.showLabel.value) ?? !0) && (!!l.label || !!O.label)
     ), ce = t(
-      () => a.showFeedback ?? (e == null ? void 0 : e.showFeedback.value) ?? !0
+      () => l.showFeedback ?? (e == null ? void 0 : e.showFeedback.value) ?? !0
     ), he = t(
-      () => a.showRequiredMark ?? (e == null ? void 0 : e.showRequiredMark.value) ?? !0
+      () => l.showRequiredMark ?? (e == null ? void 0 : e.showRequiredMark.value) ?? !0
     ), be = t(
-      () => a.requiredMarkPosition ?? (e == null ? void 0 : e.requiredMarkPosition.value) ?? "right"
-    ), k = t(
-      () => a.labelPosition ?? (e == null ? void 0 : e.labelPosition.value) ?? "top"
-    ), T = t(
-      () => typeof a.labelWidth == "number" ? a.labelWidth + "px" : a.labelWidth ?? (e == null ? void 0 : e.labelWidth.value) ?? "100px"
+      () => l.requiredMarkPosition ?? (e == null ? void 0 : e.requiredMarkPosition.value) ?? "right"
+    ), w = t(
+      () => l.labelPosition ?? (e == null ? void 0 : e.labelPosition.value) ?? "top"
+    ), P = t(
+      () => typeof l.labelWidth == "number" ? l.labelWidth + "px" : l.labelWidth ?? (e == null ? void 0 : e.labelWidth.value) ?? "100px"
     ), Me = t(
-      () => T.value === "auto" ? (e == null ? void 0 : e.autoLabelWidth.value) ?? "auto" : T.value
+      () => P.value === "auto" ? (e == null ? void 0 : e.autoLabelWidth.value) ?? "auto" : P.value
     ), Ae = t(
-      () => a.labelAlign ?? (a.labelPosition ? a.labelPosition === "right" ? "right" : "left" : (e == null ? void 0 : e.labelAlign.value) ?? (k.value === "right" ? "right" : "left"))
+      () => l.labelAlign ?? (l.labelPosition ? l.labelPosition === "right" ? "right" : "left" : (e == null ? void 0 : e.labelAlign.value) ?? (w.value === "right" ? "right" : "left"))
     ), Le = t(
-      () => a.labelWrap ?? (e == null ? void 0 : e.labelWrap.value) ?? !0
+      () => l.labelWrap ?? (e == null ? void 0 : e.labelWrap.value) ?? !0
     ), Ie = t(
-      () => a.labelSuffix ?? (e == null ? void 0 : e.labelSuffix.value) ?? ""
-    ), Ve = t(() => a.colon ?? (e == null ? void 0 : e.colon.value) ?? !1), ze = t(
-      () => a.inlineFeedback ?? (e == null ? void 0 : e.inlineFeedback.value) ?? !1
+      () => l.labelSuffix ?? (e == null ? void 0 : e.labelSuffix.value) ?? ""
+    ), Ve = t(() => l.colon ?? (e == null ? void 0 : e.colon.value) ?? !1), ze = t(
+      () => l.inlineFeedback ?? (e == null ? void 0 : e.inlineFeedback.value) ?? !1
     ), We = t(
-      () => a.feedbackIcon ?? (e == null ? void 0 : e.feedbackIcon.value) ?? !1
+      () => l.feedbackIcon ?? (e == null ? void 0 : e.feedbackIcon.value) ?? !1
     ), ye = t(
-      () => a.optionalMark ?? (e == null ? void 0 : e.optionalMark.value) ?? ""
-    ), E = V(), ee = t(() => (e == null ? void 0 : e.containerWidth.value) ?? 0), H = t(() => ({
-      label: Ce(a.labelCol ?? (e == null ? void 0 : e.labelCol.value), ee.value),
+      () => l.optionalMark ?? (e == null ? void 0 : e.optionalMark.value) ?? ""
+    ), T = I(), ee = t(() => (e == null ? void 0 : e.containerWidth.value) ?? 0), E = t(() => ({
+      label: Ce(l.labelCol ?? (e == null ? void 0 : e.labelCol.value), ee.value),
       wrapper: Ce(
-        a.wrapperCol ?? (e == null ? void 0 : e.wrapperCol.value),
+        l.wrapperCol ?? (e == null ? void 0 : e.wrapperCol.value),
         ee.value
       )
-    })), $e = t(() => {
-      const l = H.value.label, i = Math.min(
+    })), Re = t(() => {
+      const a = E.value.label, i = Math.min(
         (e == null ? void 0 : e.columns.value) ?? 24,
-        oa(a.span, ee.value)
-      ), u = B.value && k.value !== "top" && (l || H.value.wrapper);
+        ra(l.span, ee.value)
+      ), u = S.value && w.value !== "top" && (a || E.value.wrapper);
       return {
         "--hys-ui-form-label-width": Me.value,
         gridColumn: e ? "span " + i : void 0,
         gridTemplateColumns: u ? "repeat(24,minmax(0,1fr))" : void 0,
         columnGap: u ? "0px" : void 0
       };
-    }), Re = t(() => {
-      const l = H.value.label;
-      return l && k.value !== "top" ? {
-        gridColumn: 1 + (l.offset ?? 0) + " / span " + Math.max(1, l.span ?? 0),
-        display: l.span === 0 ? "none" : void 0
+    }), $e = t(() => {
+      const a = E.value.label;
+      return a && w.value !== "top" ? {
+        gridColumn: 1 + (a.offset ?? 0) + " / span " + Math.max(1, a.span ?? 0),
+        display: a.span === 0 ? "none" : void 0
       } : void 0;
     }), Pe = t(() => {
-      if (!B.value) return;
-      const l = H.value.wrapper, i = H.value.label, u = Math.min(
+      if (!S.value) return;
+      const a = E.value.wrapper, i = E.value.label, u = Math.min(
         23,
-        ((i == null ? void 0 : i.span) ?? 0) + ((i == null ? void 0 : i.offset) ?? 0) + ((l == null ? void 0 : l.offset) ?? 0)
+        ((i == null ? void 0 : i.span) ?? 0) + ((i == null ? void 0 : i.offset) ?? 0) + ((a == null ? void 0 : a.offset) ?? 0)
       );
-      return k.value !== "top" && (l || i) ? {
-        gridColumn: 1 + u + " / span " + Math.max(1, Math.min((l == null ? void 0 : l.span) ?? 24, 24 - u)),
+      return w.value !== "top" && (a || i) ? {
+        gridColumn: 1 + u + " / span " + Math.max(1, Math.min((a == null ? void 0 : a.span) ?? 24, 24 - u)),
         paddingInlineStart: "14px",
         boxSizing: "border-box"
       } : void 0;
     }), Te = t(
-      () => a.validateTrigger ?? (e == null ? void 0 : e.validateTrigger.value) ?? ["change", "blur"]
+      () => l.validateTrigger ?? (e == null ? void 0 : e.validateTrigger.value) ?? ["change", "blur"]
     ), pe = t(
-      () => a.help !== void 0 || !!(v.value || y.value || O.help || O.feedback)
+      () => l.help !== void 0 || !!(v.value || y.value || O.help || O.feedback)
     ), fe = t(
-      () => g.value ? Y : y.value ? de : b + "-feedback"
+      () => k.value ? Y : y.value ? de : b + "-feedback"
     ), ae = t(
       () => [
         ce.value && pe.value ? fe.value : void 0,
-        a.hint || O.hint ? Z : void 0
+        l.hint || O.hint ? Z : void 0
       ].filter(Boolean).join(" ") || void 0
-    ), le = V(0);
-    Ke(na, {
-      id: t(() => a.autoLink ? p.value : ""),
+    ), le = I(0);
+    Oe(da, {
+      id: t(() => l.autoLink ? f.value : ""),
       label: _,
       error: v,
       errorId: Y,
       describedBy: ae,
       required: A,
-      invalid: g,
-      status: d,
+      invalid: k,
+      status: n,
       disabled: U,
-      size: P,
-      validate: x,
+      size: $,
+      validate: B,
       deferChangeValidation() {
         le.value++;
-        let l = !1;
+        let a = !1;
         return () => {
-          l || le.value--, l = !0;
+          a || le.value--, a = !0;
         };
       }
     });
-    async function x(l) {
+    async function B(a) {
       var i;
-      return e != null && e.resetting.value || U.value || !o.value || l === "blur" && ((i = e == null ? void 0 : e.suppressAutoBlur) != null && i.value) ? !0 : await (e == null ? void 0 : e.validateField(o.value, l)) ?? !0;
+      return e != null && e.resetting.value || U.value || !o.value || a === "blur" && ((i = e == null ? void 0 : e.suppressAutoBlur) != null && i.value) ? !0 : await (e == null ? void 0 : e.validateField(o.value, a)) ?? !0;
     }
     function te() {
-      var l, i;
-      return (a.for ? document.getElementById(a.for) : null) || ((l = W.value) == null ? void 0 : l.querySelector(
+      var a, i;
+      return (l.for ? document.getElementById(l.for) : null) || ((a = z.value) == null ? void 0 : a.querySelector(
         '[data-hys-ui-field-managed][role="tree"]'
-      )) || ((i = W.value) == null ? void 0 : i.querySelector(
+      )) || ((i = z.value) == null ? void 0 : i.querySelector(
         'input:not([type="hidden"]):not([hidden]),textarea,select,[role="combobox"],button[role="switch"],[role="radiogroup"],[role="slider"],[role="button"],[role="group"],[contenteditable][role="textbox"]'
       ));
     }
     function ie() {
-      da(te());
+      va(te());
     }
-    function Ee(l) {
+    function Ee(a) {
       const i = te();
-      i && !i.matches("input,button,textarea,select") && (l.preventDefault(), ie());
+      i && !i.matches("input,button,textarea,select") && (a.preventDefault(), ie());
     }
     function ue() {
-      var j, J, I;
-      if (!a.autoLink) return;
-      const l = [
-        ...((j = W.value) == null ? void 0 : j.querySelectorAll(
+      var N, j, J;
+      if (!l.autoLink) return;
+      const a = [
+        ...((N = z.value) == null ? void 0 : N.querySelectorAll(
           'input:not([type="hidden"]):not([hidden]),textarea,select,[role="combobox"],button[role="switch"],[role="radiogroup"],[role="slider"],[role="button"],[data-hys-ui-field-managed][role="tree"],[contenteditable][role="textbox"]'
         )) ?? []
       ].filter(
-        (m) => m.closest(".hys-ui-ent-field") === S.value && !m.closest("[data-hys-ui-form-internal]") && (!m.closest('[data-hys-ui-field-managed][role="tree"]') || m.matches('[data-hys-ui-field-managed][role="tree"]')) && (!m.closest('[role="radiogroup"]') || m.matches('[role="radiogroup"]'))
-      ), i = a.group ?? (l.length > 1 || !!((J = W.value) != null && J.querySelector(".hys-ui-ent-field")));
-      if (f.value !== i && (f.value = i, p.value = i ? "" : a.for || b), i) {
-        p.value && (p.value = "");
+        (p) => p.closest(".hys-ui-ent-field") === C.value && !p.closest("[data-hys-ui-form-internal]") && (!p.closest('[data-hys-ui-field-managed][role="tree"]') || p.matches('[data-hys-ui-field-managed][role="tree"]')) && (!p.closest('[role="radiogroup"]') || p.matches('[role="radiogroup"]'))
+      ), i = l.group ?? (a.length > 1 || !!((j = z.value) != null && j.querySelector(".hys-ui-ent-field")));
+      if (g.value !== i && (g.value = i, f.value = i ? "" : l.for || b), i) {
+        f.value && (f.value = "");
         return;
       }
       const u = te();
-      if (!u || (a.for ? p.value = a.for : u.id ? p.value = u.id : u.id = p.value, u.hasAttribute("data-hys-ui-field-managed"))) return;
-      u.setAttribute("aria-invalid", String(g.value)), A.value ? u.setAttribute("aria-required", "true") : u.removeAttribute("aria-required");
-      const s = new Set(
+      if (!u || (l.for ? f.value = l.for : u.id ? f.value = u.id : u.id = f.value, u.hasAttribute("data-hys-ui-field-managed"))) return;
+      u.setAttribute("aria-invalid", String(k.value)), A.value ? u.setAttribute("aria-required", "true") : u.removeAttribute("aria-required");
+      const d = new Set(
         (u.getAttribute("aria-describedby") || "").split(" ").filter(Boolean)
       );
-      s.delete(Y), s.delete(Z), s.delete(de), s.delete(b + "-feedback"), (I = ae.value) == null || I.split(" ").forEach((m) => s.add(m)), s.size ? u.setAttribute("aria-describedby", [...s].join(" ")) : u.removeAttribute("aria-describedby");
+      d.delete(Y), d.delete(Z), d.delete(de), d.delete(b + "-feedback"), (J = ae.value) == null || J.split(" ").forEach((p) => d.add(p)), d.size ? u.setAttribute("aria-describedby", [...d].join(" ")) : u.removeAttribute("aria-describedby");
     }
-    function He(l) {
-      var u, s, j;
-      if (l.target.closest(".hys-ui-ent-field") !== S.value)
+    function He(a) {
+      var d, N, j;
+      const i = a.target;
+      if (i.closest(".hys-ui-ent-field") !== C.value || i.closest('[data-hys-ui-validate-event="off"]'))
         return;
-      const i = l.relatedTarget;
-      if (!(i && ((u = S.value) != null && u.contains(i)))) {
-        if (i)
-          for (const J of ((s = S.value) == null ? void 0 : s.querySelectorAll(
+      const u = a.relatedTarget;
+      if (!(u && ((d = C.value) != null && d.contains(u)))) {
+        if (u)
+          for (const J of ((N = C.value) == null ? void 0 : N.querySelectorAll(
             "[aria-controls]"
           )) || []) {
-            const I = (j = document.getElementById(J.getAttribute("aria-controls") || "")) == null ? void 0 : j.closest("[data-hys-ui]");
-            if (I != null && I.contains(i)) return;
+            const p = (j = document.getElementById(J.getAttribute("aria-controls") || "")) == null ? void 0 : j.closest("[data-hys-ui]");
+            if (p != null && p.contains(u)) return;
           }
-        x("blur");
+        B("blur");
       }
     }
-    const D = {
+    function De(a) {
+      const i = a.target;
+      !(e != null && e.model.value) && i.closest(".hys-ui-ent-field") === C.value && !i.closest('[data-hys-ui-validate-event="off"]') && B("change");
+    }
+    const H = {
       path: o,
-      element: S,
+      element: C,
       rules: ve,
       trigger: Te,
-      dependencies: t(() => a.dependencies ?? []),
+      dependencies: t(() => l.dependencies ?? []),
       label: _,
       validateFirst: t(
-        () => a.validateFirst ?? (e == null ? void 0 : e.validateFirst.value) ?? !0
+        () => l.validateFirst ?? (e == null ? void 0 : e.validateFirst.value) ?? !0
       ),
-      preserve: t(() => a.preserve ?? (e == null ? void 0 : e.preserve.value) ?? !0),
-      validate: x,
+      preserve: t(() => l.preserve ?? (e == null ? void 0 : e.preserve.value) ?? !0),
+      validate: B,
       clearValidate: () => {
         o.value && (e == null || e.clearValidate([o.value]));
       },
       resetField: () => {
         o.value && (e == null || e.resetFields([o.value]));
       },
-      setInitialValue: (l) => {
-        o.value && (e == null || e.setFieldInitialValue(o.value, l));
+      setInitialValue: (a) => {
+        o.value && (e == null || e.setFieldInitialValue(o.value, a));
       },
       focus: ie
     };
-    let q, ge = Se(a.rules);
-    z(
+    let x, ge = Se(l.rules);
+    V(
       o,
-      (l) => {
-        q == null || q(), q = l ? e == null ? void 0 : e.register(D) : void 0;
+      (a) => {
+        x == null || x(), x = a ? e == null ? void 0 : e.register(H) : void 0;
       },
       { immediate: !0, flush: "sync" }
-    ), z(
+    ), V(
       () => [
         o.value,
         Fe(e == null ? void 0 : e.model.value, o.value),
-        ...(a.dependencies ?? []).map(
-          (l) => Fe(e == null ? void 0 : e.model.value, l)
+        ...(l.dependencies ?? []).map(
+          (a) => Fe(e == null ? void 0 : e.model.value, a)
         )
       ],
-      (l, i) => {
-        e != null && e.model.value && !e.resetting.value && !le.value && l[0] === (i == null ? void 0 : i[0]) && x("change");
+      (a, i) => {
+        e != null && e.model.value && !e.resetting.value && !le.value && a[0] === (i == null ? void 0 : i[0]) && B("change");
       },
       { deep: !0 }
-    ), z(
-      () => a.rules,
+    ), V(
+      () => l.rules,
       () => {
-        ca(a.rules, ge) || (ge = Se(a.rules), e && !e.resetting.value && (e.validateOnRuleChange.value ? x() : o.value && e.cancelField(o.value)));
+        ha(l.rules, ge) || (ge = Se(l.rules), e && !e.resetting.value && (e.validateOnRuleChange.value ? B() : o.value && e.cancelField(o.value)));
       },
       { deep: !0 }
-    ), z(
-      () => a.for,
+    ), V(
+      () => l.for,
       () => {
-        p.value = a.for || b, ke(ue);
+        f.value = l.for || b, ke(ue);
       }
-    ), z(U, (l) => {
-      l && D.clearValidate();
+    ), V(U, (a) => {
+      a && H.clearValidate();
     });
-    let L, N = !0;
+    let L, D = !0;
     function oe() {
-      var l;
-      N && (e == null || e.setLabelWidth(
+      var a;
+      D && (e == null || e.setLabelWidth(
         b,
-        B.value && k.value !== "top" && T.value === "auto" ? Math.ceil(((l = E.value) == null ? void 0 : l.getBoundingClientRect().width) ?? 0) : void 0
+        S.value && w.value !== "top" && P.value === "auto" ? Math.ceil(((a = T.value) == null ? void 0 : a.getBoundingClientRect().width) ?? 0) : void 0
       ));
     }
     function re() {
       L == null || L.disconnect(), L = void 0, e == null || e.setLabelWidth(b);
     }
     function se() {
-      re(), !(!N || !S.value) && (oe(), typeof ResizeObserver < "u" && E.value && (L = new ResizeObserver(oe), L.observe(E.value)));
+      re(), !(!D || !C.value) && (oe(), typeof ResizeObserver < "u" && T.value && (L = new ResizeObserver(oe), L.observe(T.value)));
     }
-    return z(
-      [B, k, T, E, P],
+    return V(
+      [S, w, P, T, $],
       () => void ke(se)
-    ), Oe(() => {
+    ), Ue(() => {
       ue(), se();
-    }), Ue(() => {
-      ue(), oe();
     }), Je(() => {
-      N = !0, se();
+      ue(), oe();
     }), Qe(() => {
-      N = !1, re();
+      D = !0, se();
     }), Xe(() => {
-      N = !1, re(), q == null || q();
+      D = !1, re();
+    }), Ye(() => {
+      D = !1, re(), x == null || x();
     }), Be({
-      validate: x,
-      clearValidate: D.clearValidate,
-      resetField: D.resetField,
-      setInitialValue: D.setInitialValue,
+      validate: B,
+      clearValidate: H.clearValidate,
+      resetField: H.resetField,
+      setInitialValue: H.setInitialValue,
       focus: ie,
       path: o,
-      status: d,
+      status: n,
       error: v,
       warning: y,
-      size: P,
+      size: $,
       validateMessage: v,
-      validateState: d
-    }), (l, i) => (r(), n("div", Ye({
+      validateState: n
+    }), (a, i) => (r(), s("div", Ze({
       ref_key: "root",
-      ref: S
-    }, C(xe), {
+      ref: C
+    }, q(xe), {
       class: ["hys-ui-ent-field", [
-        "hys-ui-form-item-" + k.value,
-        "hys-ui-form-item-" + P.value,
+        "hys-ui-form-item-" + w.value,
+        "hys-ui-form-item-" + $.value,
         "hys-ui-form-label-align-" + Ae.value,
         {
           "hys-ui-form-item-no-style": h.noStyle,
-          "hys-ui-form-item-grid": B.value && k.value !== "top",
+          "hys-ui-form-item-grid": S.value && w.value !== "top",
           "hys-ui-form-label-nowrap": !Le.value,
-          "hys-ui-form-label-auto": T.value === "auto"
+          "hys-ui-form-label-auto": P.value === "auto"
         }
       ]],
-      style: $e.value,
+      style: Re.value,
       "data-field-path": o.value || void 0,
-      "data-validation-status": d.value,
-      "aria-busy": d.value === "validating" || void 0,
-      onChange: i[1] || (i[1] = (u) => {
-        var s;
-        return !((s = C(e)) != null && s.model.value) && x("change");
-      }),
+      "data-validation-status": n.value,
+      "aria-busy": n.value === "validating" || void 0,
+      onChange: De,
       onFocusout: He
     }), [
-      B.value ? (r(), G(Ze(f.value ? "div" : "label"), {
+      S.value ? (r(), G(_e(g.value ? "div" : "label"), {
         key: 0,
         class: "hys-ui-form-item-label",
-        id: C(b) + "-label",
-        for: h.autoLink && !f.value ? p.value : void 0,
-        style: we(Re.value),
-        onClick: i[0] || (i[0] = (u) => h.autoLink && !f.value && Ee(u))
+        id: q(b) + "-label",
+        for: h.autoLink && !g.value ? f.value : void 0,
+        style: we($e.value),
+        onClick: i[0] || (i[0] = (u) => h.autoLink && !g.value && Ee(u))
       }, {
         default: ne(() => [
           Q("span", {
             ref_key: "labelContent",
-            ref: E,
+            ref: T,
             class: "hys-ui-form-label-content"
           }, [
-            A.value && he.value && be.value === "left" ? (r(), n("span", ba, "*")) : c("", !0),
-            Q("span", ya, [
-              w(l.$slots, "label", {
+            A.value && he.value && be.value === "left" ? (r(), s("span", ya, "*")) : c("", !0),
+            Q("span", pa, [
+              m(a.$slots, "label", {
                 required: A.value,
-                status: d.value
+                status: n.value
               }, () => [
                 M(F(_.value), 1)
               ], !0),
               M(F(Ie.value), 1),
-              Ve.value && k.value !== "top" ? (r(), n("span", pa, ":")) : c("", !0)
+              Ve.value && w.value !== "top" ? (r(), s("span", fa, ":")) : c("", !0)
             ]),
-            A.value && he.value && be.value === "right" ? (r(), n("span", fa, "*")) : c("", !0),
-            !A.value && ye.value ? (r(), n("span", ga, F(ye.value), 1)) : c("", !0),
-            h.tooltip || l.$slots.tooltip ? (r(), G(ua, {
+            A.value && he.value && be.value === "right" ? (r(), s("span", ga, "*")) : c("", !0),
+            !A.value && ye.value ? (r(), s("span", ka, F(ye.value), 1)) : c("", !0),
+            h.tooltip || a.$slots.tooltip ? (r(), G(oa, {
               key: 3,
               text: h.tooltip
-            }, _e({
+            }, ea({
               default: ne(() => [
-                ea(C(aa), {
+                aa(q(la), {
                   size: 14,
                   "aria-label": "字段说明"
                 })
               ]),
               _: 2
             }, [
-              l.$slots.tooltip ? {
+              a.$slots.tooltip ? {
                 name: "content",
                 fn: ne(() => [
-                  w(l.$slots, "tooltip", {}, void 0, !0)
+                  m(a.$slots, "tooltip", {}, void 0, !0)
                 ]),
                 key: "0"
               } : void 0
@@ -416,115 +418,115 @@ const ha = ["data-field-path", "data-validation-status", "aria-busy"], ba = {
       Q("div", {
         class: X(["hys-ui-form-item-body", { "hys-ui-form-inline-feedback": ze.value }]),
         style: we(Pe.value),
-        role: f.value ? "group" : void 0,
-        "aria-labelledby": f.value && B.value ? C(b) + "-label" : void 0,
-        "aria-describedby": f.value ? ae.value : void 0,
-        "aria-invalid": f.value ? g.value : void 0
+        role: g.value ? "group" : void 0,
+        "aria-labelledby": g.value && S.value ? q(b) + "-label" : void 0,
+        "aria-describedby": g.value ? ae.value : void 0,
+        "aria-invalid": g.value ? k.value : void 0
       }, [
         Q("div", {
           ref_key: "control",
-          ref: W,
+          ref: z,
           class: X(["hys-ui-form-item-control", {
-            "hys-ui-ent-invalid": g.value,
-            "hys-ui-form-item-warning": d.value === "warning"
+            "hys-ui-ent-invalid": k.value,
+            "hys-ui-form-item-warning": n.value === "warning"
           }])
         }, [
-          w(l.$slots, "default", {
-            id: p.value,
-            invalid: g.value,
+          m(a.$slots, "default", {
+            id: f.value,
+            invalid: k.value,
             error: v.value,
             warning: y.value,
-            errors: $.value,
+            errors: W.value,
             warnings: R.value,
-            status: d.value,
+            status: n.value,
             disabled: U.value,
-            size: P.value
+            size: $.value
           }, void 0, !0),
-          We.value && d.value !== "idle" ? (r(), n("span", {
+          We.value && n.value !== "idle" ? (r(), s("span", {
             key: 0,
-            class: X(["hys-ui-form-feedback-icon", "hys-ui-form-feedback-" + d.value]),
+            class: X(["hys-ui-form-feedback-icon", "hys-ui-form-feedback-" + n.value]),
             "aria-hidden": "true"
           }, [
-            d.value === "validating" ? (r(), G(C(la), {
+            n.value === "validating" ? (r(), G(q(ta), {
               key: 0,
               size: 15,
               class: "hys-ui-icon-spin"
-            })) : d.value === "success" ? (r(), G(C(ta), {
+            })) : n.value === "success" ? (r(), G(q(ia), {
               key: 1,
               size: 15
-            })) : (r(), G(C(ia), {
+            })) : (r(), G(q(ua), {
               key: 2,
               size: 15
             }))
           ], 2)) : c("", !0)
         ], 2),
-        ce.value && pe.value ? (r(), n("div", {
+        ce.value && pe.value ? (r(), s("div", {
           key: 0,
           id: fe.value,
-          role: g.value ? "alert" : y.value ? "status" : void 0,
+          role: k.value ? "alert" : y.value ? "status" : void 0,
           class: X(["hys-ui-form-item-feedback", {
-            "hys-ui-ent-error": g.value,
-            "hys-ui-form-warning": !g.value && d.value === "warning"
+            "hys-ui-ent-error": k.value,
+            "hys-ui-form-warning": !k.value && n.value === "warning"
           }])
         }, [
-          w(l.$slots, "help", {
+          m(a.$slots, "help", {
             error: v.value,
             warning: y.value,
-            errors: $.value,
+            errors: W.value,
             warnings: R.value,
-            status: d.value
+            status: n.value
           }, () => [
-            h.help !== void 0 ? (r(), n(K, { key: 0 }, [
+            h.help !== void 0 ? (r(), s(K, { key: 0 }, [
               M(F(h.help), 1)
-            ], 64)) : w(l.$slots, "feedback", {
+            ], 64)) : m(a.$slots, "feedback", {
               error: v.value,
               warning: y.value,
-              errors: $.value,
+              errors: W.value,
               warnings: R.value,
-              status: d.value
+              status: n.value
             }, () => [
-              v.value ? (r(), n("small", ma, [
-                w(l.$slots, "error", {
+              v.value ? (r(), s("small", Ca, [
+                m(a.$slots, "error", {
                   error: v.value,
-                  errors: $.value
+                  errors: W.value
                 }, () => [
-                  (r(!0), n(K, null, me($.value, (u, s) => (r(), n(K, { key: s }, [
-                    s ? (r(), n("br", Ca)) : c("", !0),
+                  (r(!0), s(K, null, me(W.value, (u, d) => (r(), s(K, { key: d }, [
+                    d ? (r(), s("br", Fa)) : c("", !0),
                     M(F(u), 1)
                   ], 64))), 128))
                 ], !0)
-              ])) : y.value ? (r(), n("small", Fa, [
-                w(l.$slots, "warning", {
+              ])) : y.value ? (r(), s("small", Sa, [
+                m(a.$slots, "warning", {
                   warning: y.value,
                   warnings: R.value
                 }, () => [
-                  (r(!0), n(K, null, me(R.value, (u, s) => (r(), n(K, { key: s }, [
-                    s ? (r(), n("br", Sa)) : c("", !0),
+                  (r(!0), s(K, null, me(R.value, (u, d) => (r(), s(K, { key: d }, [
+                    d ? (r(), s("br", Ba)) : c("", !0),
                     M(F(u), 1)
                   ], 64))), 128))
                 ], !0)
               ])) : c("", !0)
             ], !0, 1)
           ], !0)
-        ], 10, wa)) : c("", !0),
-        h.hint || l.$slots.hint ? (r(), n("small", {
+        ], 10, ma)) : c("", !0),
+        h.hint || a.$slots.hint ? (r(), s("small", {
           key: 1,
           id: Z,
           class: "hys-ui-form-item-hint"
         }, [
-          w(l.$slots, "hint", {}, () => [
+          m(a.$slots, "hint", {}, () => [
             M(F(h.hint), 1)
           ], !0)
         ])) : c("", !0),
-        h.extra || l.$slots.extra ? (r(), n("div", Ba, [
-          w(l.$slots, "extra", { status: d.value }, () => [
+        h.extra || a.$slots.extra ? (r(), s("div", xa, [
+          m(a.$slots, "extra", { status: n.value }, () => [
             M(F(h.extra), 1)
           ], !0)
         ])) : c("", !0)
-      ], 14, ka)
-    ], 16, ha));
+      ], 14, wa)
+    ], 16, ba));
   }
 });
 export {
-  za as default
+  Wa as default
 };