hys-ui 0.2.0 → 0.3.0

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

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

package/dist/components/HysGantt/HysGantt.vue.js

@@ -1,7 +1,7 @@
 import t from "./HysGantt2.vue.js";
 /* empty css              */
 import o from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ o(t, [["__scopeId", "data-v-316ac1a0"]]);
+const p = /* @__PURE__ */ o(t, [["__scopeId", "data-v-12708857"]]);
 export {
   p as default
 };