hys-ui 0.1.1 → 0.3.0

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

@@ -1,87 +1,7 @@
-import { defineComponent as E, inject as H, ref as B, useId as N, computed as d, provide as V, watch as C, onBeforeUnmount as $, onMounted as j, onUpdated as z, openBlock as u, createElementBlock as s, mergeProps as D, unref as I, createTextVNode as K, toDisplayString as h, createCommentVNode as g, createElementVNode as R, normalizeClass as U, renderSlot as M } from "vue";
-import { formKey as P, fieldKey as T, focusHysField as G } from "../../composables/formContext.js";
-import { useHysRootAttrs as J } from "../../config.js";
-const L = ["for"], O = {
-  key: 0,
-  "aria-hidden": "true"
-}, Y = /* @__PURE__ */ E({
-  __name: "HysFormItem",
-  props: {
-    label: {},
-    prop: {},
-    error: {},
-    required: { type: Boolean },
-    hint: {},
-    for: {}
-  },
-  setup(l) {
-    const r = l, S = J(), t = H(P, void 0), A = B(), v = N(), n = B(r.for || v), c = v + "-error", b = v + "-hint", a = d(() => r.error || (r.prop ? t == null ? void 0 : t.errors.value[r.prop] : "")), p = d(() => !!a.value), f = d(() => !!(r.required || r.prop && [(t == null ? void 0 : t.rules.value[r.prop]) || []].flat().some((e) => e.required))), y = d(() => p.value ? c : r.hint ? b : void 0);
-    V(T, { id: n, label: d(() => r.label), error: a, errorId: c, describedBy: y, required: f }), C(() => r.prop ? r.prop.split(".").reduce((e, o) => e == null ? void 0 : e[o], t == null ? void 0 : t.model.value) : void 0, () => {
-      t != null && t.model.value && !t.resetting.value && m("change");
-    }, { deep: !0 });
-    let i;
-    C(() => r.prop, (e) => {
-      i == null || i(), i = e ? t == null ? void 0 : t.register(e) : void 0;
-    }, { immediate: !0 }), $(() => i == null ? void 0 : i());
-    function k() {
-      var e;
-      return (r.for ? document.getElementById(r.for) : null) || ((e = A.value) == null ? void 0 : e.querySelector('input:not([type="hidden"]):not([hidden]),textarea,select,button[role="combobox"],button[role="switch"],[role="radiogroup"],[role="slider"],[role="button"],[contenteditable][role="textbox"]'));
-    }
-    function F(e) {
-      const o = k();
-      o && !o.matches("input,button,textarea,select") && (e.preventDefault(), G(o));
-    }
-    function q() {
-      const e = k();
-      if (!e || (e.id ? n.value = e.id : e.id = n.value, e.hasAttribute("data-hys-ui-field-managed"))) return;
-      e.setAttribute("aria-invalid", String(p.value)), f.value ? e.setAttribute("aria-required", "true") : e.removeAttribute("aria-required");
-      const o = new Set((e.getAttribute("aria-describedby") || "").split(" ").filter(Boolean));
-      o.delete(c), o.delete(b), y.value && o.add(y.value), o.size ? e.setAttribute("aria-describedby", [...o].join(" ")) : e.removeAttribute("aria-describedby");
-    }
-    j(q), z(q);
-    function m(e) {
-      !(t != null && t.resetting.value) && r.prop && (t == null || t.validateField(r.prop, e));
-    }
-    return (e, o) => (u(), s("div", D({
-      ref_key: "root",
-      ref: A
-    }, I(S), {
-      class: "hys-ui-ent-field",
-      onChange: o[0] || (o[0] = (w) => {
-        var x;
-        return !((x = I(t)) != null && x.model.value) && m("change");
-      }),
-      onFocusout: o[1] || (o[1] = (w) => m("blur"))
-    }), [
-      l.label ? (u(), s("label", {
-        key: 0,
-        for: n.value,
-        onClick: F
-      }, [
-        K(h(l.label) + " ", 1),
-        f.value ? (u(), s("span", O, "*")) : g("", !0)
-      ], 8, L)) : g("", !0),
-      R("div", {
-        class: U({ "hys-ui-ent-invalid": p.value })
-      }, [
-        M(e.$slots, "default", {
-          id: n.value,
-          invalid: p.value,
-          error: a.value
-        })
-      ], 2),
-      a.value ? (u(), s("small", {
-        key: 1,
-        id: c,
-        role: "alert",
-        class: "hys-ui-ent-error"
-      }, h(a.value), 1)) : l.hint ? (u(), s("small", {
-        key: 2,
-        id: b
-      }, h(l.hint), 1)) : g("", !0)
-    ], 16));
-  }
-});
+import o from "./HysFormItem2.vue.js";
+/* empty css                 */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ed19e01e"]]);
 export {
-  Y as default
+  p as default
 };

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

@@ -1,4 +1,530 @@
-import f from "./HysFormItem.vue.js";
+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"
+}, ya = { class: "hys-ui-form-label-text" }, pa = {
+  key: 0,
+  "aria-hidden": "true"
+}, fa = {
+  key: 1,
+  class: "hys-ui-form-required",
+  "aria-hidden": "true"
+}, ga = {
+  key: 2,
+  class: "hys-ui-form-optional"
+}, ka = ["role", "aria-labelledby", "aria-describedby", "aria-invalid"], wa = ["id", "role"], ma = {
+  key: 0,
+  class: "hys-ui-ent-error"
+}, Ca = { key: 0 }, Fa = {
+  key: 1,
+  class: "hys-ui-form-warning"
+}, Sa = { key: 0 }, Ba = {
+  key: 2,
+  class: "hys-ui-form-item-extra"
+}, za = /* @__PURE__ */ De({
+  __name: "HysFormItem",
+  props: {
+    label: {},
+    prop: {},
+    rules: {},
+    dependencies: {},
+    error: {},
+    warning: {},
+    status: {},
+    required: { type: Boolean, default: void 0 },
+    showRequiredMark: { type: Boolean, default: void 0 },
+    requiredMarkPosition: {},
+    hint: {},
+    for: {},
+    disabled: { type: Boolean },
+    size: {},
+    labelPosition: {},
+    labelWidth: {},
+    labelAlign: {},
+    labelWrap: { type: Boolean, default: void 0 },
+    labelSuffix: {},
+    colon: { type: Boolean, default: void 0 },
+    labelCol: {},
+    wrapperCol: {},
+    span: {},
+    optionalMark: {},
+    tooltip: {},
+    help: {},
+    extra: {},
+    showLabel: { type: Boolean, default: void 0 },
+    showFeedback: { type: Boolean, default: void 0 },
+    feedbackIcon: { type: Boolean, default: void 0 },
+    inlineFeedback: { type: Boolean, default: void 0 },
+    validateFirst: { type: Boolean, default: void 0 },
+    preserve: { type: Boolean, default: void 0 },
+    autoLink: { type: Boolean, default: !0 },
+    group: { type: Boolean, default: void 0 },
+    noStyle: { type: Boolean },
+    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
+    ), 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] : [])
+    ), R = t(
+      () => a.warning !== void 0 ? a.warning ? [a.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(
+      () => {
+        var l;
+        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)) ?? [] : [],
+        ...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)
+    ), 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"
+    ), T = t(
+      () => typeof a.labelWidth == "number" ? a.labelWidth + "px" : a.labelWidth ?? (e == null ? void 0 : e.labelWidth.value) ?? "100px"
+    ), Me = t(
+      () => T.value === "auto" ? (e == null ? void 0 : e.autoLabelWidth.value) ?? "auto" : T.value
+    ), Ae = t(
+      () => 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) ?? ""
+    ), Ve = t(() => a.colon ?? (e == null ? void 0 : e.colon.value) ?? !1), ze = t(
+      () => a.inlineFeedback ?? (e == null ? void 0 : e.inlineFeedback.value) ?? !1
+    ), We = t(
+      () => a.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),
+      wrapper: Ce(
+        a.wrapperCol ?? (e == null ? void 0 : e.wrapperCol.value),
+        ee.value
+      )
+    })), $e = t(() => {
+      const l = H.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);
+      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
+      } : void 0;
+    }), Pe = t(() => {
+      if (!B.value) return;
+      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)
+      );
+      return k.value !== "top" && (l || i) ? {
+        gridColumn: 1 + u + " / span " + Math.max(1, Math.min((l == null ? void 0 : l.span) ?? 24, 24 - u)),
+        paddingInlineStart: "14px",
+        boxSizing: "border-box"
+      } : void 0;
+    }), Te = t(
+      () => a.validateTrigger ?? (e == null ? void 0 : e.validateTrigger.value) ?? ["change", "blur"]
+    ), pe = t(
+      () => a.help !== void 0 || !!(v.value || y.value || O.help || O.feedback)
+    ), fe = t(
+      () => g.value ? Y : y.value ? de : b + "-feedback"
+    ), ae = t(
+      () => [
+        ce.value && pe.value ? fe.value : void 0,
+        a.hint || O.hint ? Z : void 0
+      ].filter(Boolean).join(" ") || void 0
+    ), le = V(0);
+    Ke(na, {
+      id: t(() => a.autoLink ? p.value : ""),
+      label: _,
+      error: v,
+      errorId: Y,
+      describedBy: ae,
+      required: A,
+      invalid: g,
+      status: d,
+      disabled: U,
+      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 te() {
+      var l, i;
+      return (a.for ? document.getElementById(a.for) : null) || ((l = W.value) == null ? void 0 : l.querySelector(
+        '[data-hys-ui-field-managed][role="tree"]'
+      )) || ((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 ie() {
+      da(te());
+    }
+    function Ee(l) {
+      const i = te();
+      i && !i.matches("input,button,textarea,select") && (l.preventDefault(), ie());
+    }
+    function ue() {
+      var j, J, I;
+      if (!a.autoLink) return;
+      const l = [
+        ...((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 = 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 = 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(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 He(l) {
+      var u, s, j;
+      if (l.target.closest(".hys-ui-ent-field") !== S.value)
+        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(
+            "[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;
+          }
+        x("blur");
+      }
+    }
+    const D = {
+      path: o,
+      element: S,
+      rules: ve,
+      trigger: Te,
+      dependencies: t(() => a.dependencies ?? []),
+      label: _,
+      validateFirst: t(
+        () => a.validateFirst ?? (e == null ? void 0 : e.validateFirst.value) ?? !0
+      ),
+      preserve: t(() => a.preserve ?? (e == null ? void 0 : e.preserve.value) ?? !0),
+      validate: x,
+      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));
+      },
+      focus: ie
+    };
+    let q, ge = Se(a.rules);
+    z(
+      o,
+      (l) => {
+        q == null || q(), q = l ? e == null ? void 0 : e.register(D) : void 0;
+      },
+      { immediate: !0, flush: "sync" }
+    ), z(
+      () => [
+        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, i) => {
+        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,
+      () => {
+        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 || b, ke(ue);
+      }
+    ), z(U, (l) => {
+      l && D.clearValidate();
+    });
+    let L, N = !0;
+    function oe() {
+      var l;
+      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 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)));
+    }
+    return z(
+      [B, k, T, E, P],
+      () => void ke(se)
+    ), Oe(() => {
+      ue(), se();
+    }), Ue(() => {
+      ue(), oe();
+    }), Je(() => {
+      N = !0, se();
+    }), Qe(() => {
+      N = !1, re();
+    }), Xe(() => {
+      N = !1, re(), q == null || q();
+    }), Be({
+      validate: x,
+      clearValidate: D.clearValidate,
+      resetField: D.resetField,
+      setInitialValue: D.setInitialValue,
+      focus: ie,
+      path: o,
+      status: d,
+      error: v,
+      warning: y,
+      size: P,
+      validateMessage: v,
+      validateState: d
+    }), (l, i) => (r(), n("div", Ye({
+      ref_key: "root",
+      ref: S
+    }, C(xe), {
+      class: ["hys-ui-ent-field", [
+        "hys-ui-form-item-" + k.value,
+        "hys-ui-form-item-" + P.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-label-nowrap": !Le.value,
+          "hys-ui-form-label-auto": T.value === "auto"
+        }
+      ]],
+      style: $e.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");
+      }),
+      onFocusout: He
+    }), [
+      B.value ? (r(), G(Ze(f.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))
+      }, {
+        default: ne(() => [
+          Q("span", {
+            ref_key: "labelContent",
+            ref: E,
+            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", {
+                required: A.value,
+                status: d.value
+              }, () => [
+                M(F(_.value), 1)
+              ], !0),
+              M(F(Ie.value), 1),
+              Ve.value && k.value !== "top" ? (r(), n("span", pa, ":")) : 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, {
+              key: 3,
+              text: h.tooltip
+            }, _e({
+              default: ne(() => [
+                ea(C(aa), {
+                  size: 14,
+                  "aria-label": "字段说明"
+                })
+              ]),
+              _: 2
+            }, [
+              l.$slots.tooltip ? {
+                name: "content",
+                fn: ne(() => [
+                  w(l.$slots, "tooltip", {}, void 0, !0)
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["text"])) : c("", !0)
+          ], 512)
+        ]),
+        _: 3
+      }, 8, ["id", "for", "style"])) : c("", !0),
+      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
+      }, [
+        Q("div", {
+          ref_key: "control",
+          ref: W,
+          class: X(["hys-ui-form-item-control", {
+            "hys-ui-ent-invalid": g.value,
+            "hys-ui-form-item-warning": d.value === "warning"
+          }])
+        }, [
+          w(l.$slots, "default", {
+            id: p.value,
+            invalid: g.value,
+            error: v.value,
+            warning: y.value,
+            errors: $.value,
+            warnings: R.value,
+            status: d.value,
+            disabled: U.value,
+            size: P.value
+          }, void 0, !0),
+          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(la), {
+              key: 0,
+              size: 15,
+              class: "hys-ui-icon-spin"
+            })) : d.value === "success" ? (r(), G(C(ta), {
+              key: 1,
+              size: 15
+            })) : (r(), G(C(ia), {
+              key: 2,
+              size: 15
+            }))
+          ], 2)) : c("", !0)
+        ], 2),
+        ce.value && pe.value ? (r(), n("div", {
+          key: 0,
+          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,
+            "hys-ui-form-warning": !g.value && d.value === "warning"
+          }])
+        }, [
+          w(l.$slots, "help", {
+            error: v.value,
+            warning: y.value,
+            errors: $.value,
+            warnings: R.value,
+            status: d.value
+          }, () => [
+            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: $.value,
+              warnings: R.value,
+              status: d.value
+            }, () => [
+              v.value ? (r(), n("small", ma, [
+                w(l.$slots, "error", {
+                  error: v.value,
+                  errors: $.value
+                }, () => [
+                  (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", Fa, [
+                w(l.$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),
+                    M(F(u), 1)
+                  ], 64))), 128))
+                ], !0)
+              ])) : c("", !0)
+            ], !0, 1)
+          ], !0)
+        ], 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(h.hint), 1)
+          ], !0)
+        ])) : c("", !0),
+        h.extra || l.$slots.extra ? (r(), n("div", Ba, [
+          w(l.$slots, "extra", { status: d.value }, () => [
+            M(F(h.extra), 1)
+          ], !0)
+        ])) : c("", !0)
+      ], 14, ka)
+    ], 16, ha));
+  }
+});
 export {
-  f as default
+  za as default
 };

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-c534ea2b"]]);
+const p = /* @__PURE__ */ o(t, [["__scopeId", "data-v-12708857"]]);
 export {
   p as default
 };