hys-ui 0.1.1 → 0.2.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 s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-506b48b5"]]);
 export {
-  Y as default
+  s as default
 };

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

@@ -1,4 +1,523 @@
-import f from "./HysFormItem.vue.js";
+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 = {
+  key: 0,
+  class: "hys-ui-form-required",
+  "aria-hidden": "true"
+}, ha = { class: "hys-ui-form-label-text" }, ya = {
+  key: 0,
+  "aria-hidden": "true"
+}, pa = {
+  key: 1,
+  class: "hys-ui-form-required",
+  "aria-hidden": "true"
+}, fa = {
+  key: 2,
+  class: "hys-ui-form-optional"
+}, ga = ["role", "aria-labelledby", "aria-describedby", "aria-invalid"], ka = ["id", "role"], wa = {
+  key: 0,
+  class: "hys-ui-ent-error"
+}, ma = { key: 0 }, Ca = {
+  key: 1,
+  class: "hys-ui-form-warning"
+}, Fa = { key: 0 }, Sa = {
+  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(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(
+      () => 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.warning !== void 0 ? a.warning ? [a.warning] : [] : (e == null ? void 0 : e.warningMessages.value[o.value]) ?? (y.value ? [y.value] : [])
+    ), xe = 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");
+      }
+    ), g = t(() => !!v.value || d.value === "error"), A = t(
+      () => a.required ?? [
+        ...o.value ? (e == null ? void 0 : e.getRules(o.value)) ?? [] : [],
+        ...de.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(
+      () => !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.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(
+      () => 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"))
+    ), Ae = t(
+      () => a.labelWrap ?? (e == null ? void 0 : e.labelWrap.value) ?? !0
+    ), Le = t(
+      () => a.labelSuffix ?? (e == null ? void 0 : e.labelSuffix.value) ?? ""
+    ), Ie = 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(
+      () => a.feedbackIcon ?? (e == null ? void 0 : e.feedbackIcon.value) ?? !1
+    ), he = 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(
+        a.wrapperCol ?? (e == null ? void 0 : e.wrapperCol.value),
+        ee.value
+      )
+    })), We = t(() => {
+      const l = E.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);
+      return {
+        "--hys-ui-form-label-width": qe.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;
+      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(() => {
+      if (!B.value) return;
+      const l = 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)
+      );
+      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;
+    }), Pe = 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"
+    ), ae = t(
+      () => [
+        ve.value && ye.value ? pe.value : void 0,
+        a.hint || O.hint ? Z : void 0
+      ].filter(Boolean).join(" ") || void 0
+    );
+    Ge(sa, {
+      id: t(() => a.autoLink ? p.value : ""),
+      label: _,
+      error: v,
+      errorId: Y,
+      describedBy: ae,
+      required: A,
+      invalid: g,
+      status: d,
+      disabled: U,
+      size: R,
+      validate: x
+    });
+    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() {
+      var l, i;
+      return (a.for ? document.getElementById(a.for) : null) || ((l = V.value) == null ? void 0 : l.querySelector(
+        '[data-hys-ui-field-managed][role="tree"]'
+      )) || ((i = V.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 Te(l) {
+      const i = le();
+      i && !i.matches("input,button,textarea,select") && (l.preventDefault(), te());
+    }
+    function ie() {
+      var N, J, I;
+      if (!a.autoLink) return;
+      const l = [
+        ...((N = V.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 = V.value) != null && J.querySelector(".hys-ui-ent-field")));
+      if (f.value !== i && (f.value = i, p.value = i ? "" : a.for || h), i) {
+        p.value && (p.value = "");
+        return;
+      }
+      const u = le();
+      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");
+    }
+    function Ee(l) {
+      var u, s, N;
+      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 = (N = document.getElementById(J.getAttribute("aria-controls") || "")) == null ? void 0 : N.closest("[data-hys-ui]");
+            if (I != null && I.contains(i)) return;
+          }
+        x("blur");
+      }
+    }
+    const D = {
+      path: o,
+      element: S,
+      rules: de,
+      trigger: Pe,
+      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: te
+    };
+    let q, fe = Fe(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,
+        Ce(e == null ? void 0 : e.model.value, o.value),
+        ...(a.dependencies ?? []).map(
+          (l) => Ce(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");
+      },
+      { 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)));
+      },
+      { deep: !0 }
+    ), z(
+      () => a.for,
+      () => {
+        p.value = a.for || h, ge(ie);
+      }
+    ), z(U, (l) => {
+      l && D.clearValidate();
+    });
+    let L, H = !0;
+    function ue() {
+      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
+      ));
+    }
+    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)));
+    }
+    return z(
+      [B, k, P, T, R],
+      () => void ge(re)
+    ), Ke(() => {
+      ie(), re();
+    }), Oe(() => {
+      ie(), ue();
+    }), Ue(() => {
+      H = !0, re();
+    }), Je(() => {
+      H = !1, oe();
+    }), Qe(() => {
+      H = !1, oe(), q == null || q();
+    }), Se({
+      validate: x,
+      clearValidate: D.clearValidate,
+      resetField: D.resetField,
+      setInitialValue: D.setInitialValue,
+      focus: te,
+      path: o,
+      status: d,
+      error: v,
+      warning: y,
+      size: R,
+      validateMessage: v,
+      validateState: d
+    }), (l, i) => (r(), n("div", Xe({
+      ref_key: "root",
+      ref: S
+    }, C(Be), {
+      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-no-style": b.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"
+        }
+      ]],
+      style: We.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: Ee
+    }), [
+      B.value ? (r(), G(Ye(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))
+      }, {
+        default: se(() => [
+          Q("span", {
+            ref_key: "labelContent",
+            ref: T,
+            class: "hys-ui-form-label-content"
+          }, [
+            A.value && ce.value && be.value === "left" ? (r(), n("span", ba, "*")) : c("", !0),
+            Q("span", ha, [
+              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)
+            ]),
+            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, {
+              key: 3,
+              text: b.tooltip
+            }, Ze({
+              default: se(() => [
+                _e(C(ea), {
+                  size: 14,
+                  "aria-label": "字段说明"
+                })
+              ]),
+              _: 2
+            }, [
+              l.$slots.tooltip ? {
+                name: "content",
+                fn: se(() => [
+                  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: ke(Re.value),
+        role: f.value ? "group" : void 0,
+        "aria-labelledby": f.value && B.value ? C(h) + "-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,
+          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: W.value,
+            warnings: $.value,
+            status: d.value,
+            disabled: U.value,
+            size: R.value
+          }, void 0, !0),
+          Ve.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), {
+              key: 0,
+              size: 15,
+              class: "hys-ui-icon-spin"
+            })) : d.value === "success" ? (r(), G(C(la), {
+              key: 1,
+              size: 15
+            })) : (r(), G(C(ta), {
+              key: 2,
+              size: 15
+            }))
+          ], 2)) : c("", !0)
+        ], 2),
+        ve.value && ye.value ? (r(), n("div", {
+          key: 0,
+          id: pe.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: W.value,
+            warnings: $.value,
+            status: d.value
+          }, () => [
+            b.help !== void 0 ? (r(), n(K, { key: 0 }, [
+              M(F(b.help), 1)
+            ], 64)) : w(l.$slots, "feedback", {
+              error: v.value,
+              warning: y.value,
+              errors: W.value,
+              warnings: $.value,
+              status: d.value
+            }, () => [
+              v.value ? (r(), n("small", wa, [
+                w(l.$slots, "error", {
+                  error: v.value,
+                  errors: W.value
+                }, () => [
+                  (r(!0), n(K, null, we(W.value, (u, s) => (r(), n(K, { key: s }, [
+                    s ? (r(), n("br", ma)) : c("", !0),
+                    M(F(u), 1)
+                  ], 64))), 128))
+                ], !0)
+              ])) : y.value ? (r(), n("small", Ca, [
+                w(l.$slots, "warning", {
+                  warning: y.value,
+                  warnings: $.value
+                }, () => [
+                  (r(!0), n(K, null, we($.value, (u, s) => (r(), n(K, { key: s }, [
+                    s ? (r(), n("br", Fa)) : 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", {
+          key: 1,
+          id: Z,
+          class: "hys-ui-form-item-hint"
+        }, [
+          w(l.$slots, "hint", {}, () => [
+            M(F(b.hint), 1)
+          ], !0)
+        ])) : c("", !0),
+        b.extra || l.$slots.extra ? (r(), n("div", Sa, [
+          w(l.$slots, "extra", { status: d.value }, () => [
+            M(F(b.extra), 1)
+          ], !0)
+        ])) : c("", !0)
+      ], 14, ga)
+    ], 16, ca));
+  }
+});
 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-316ac1a0"]]);
 export {
   p as default
 };