hys-ui 0.1.1 → 0.2.0

package/dist/components/HysAutocomplete/HysAutocomplete2.vue.js

@@ -0,0 +1,627 @@
+import { defineComponent as vt, useAttrs as ft, inject as je, ref as x, useId as pt, shallowRef as Ge, computed as c, watch as M, nextTick as $, onUpdated as yt, onMounted as ht, onActivated as mt, onDeactivated as gt, onBeforeUnmount as bt, openBlock as f, createElementBlock as k, Fragment as be, createElementVNode as le, mergeProps as Me, unref as h, renderSlot as p, createVNode as Fe, createSlots as kt, withCtx as oe, createBlock as Ye, createCommentVNode as ie, Teleport as St, normalizeStyle as At, createTextVNode as ke, toDisplayString as ue, renderList as xt, withModifiers as Bt, normalizeClass as Ct } from "vue";
+import { LoaderCircle as Je, RotateCw as Tt } from "lucide-vue-next";
+import $t from "../HysInput/HysInput.vue.js";
+import { useHysRootAttrs as Pt } from "../../config.js";
+import { fieldKey as Kt, formKey as Ot, useHysControlState as Mt } from "../../composables/formContext.js";
+import { useFloating as Ft } from "../../composables/useFloating.js";
+import { normalizeAutocomplete as Lt, autocompleteValue as Xe } from "../../composables/autocomplete.js";
+const Vt = ["id"], Et = {
+  key: 0,
+  class: "hys-ui-autocomplete-header"
+}, Dt = ["id", "aria-label", "aria-busy"], qt = {
+  key: 0,
+  class: "hys-ui-autocomplete-state",
+  role: "status"
+}, It = {
+  key: 1,
+  class: "hys-ui-autocomplete-state hys-ui-autocomplete-error",
+  role: "status"
+}, wt = {
+  key: 0,
+  role: "presentation",
+  class: "hys-ui-autocomplete-group"
+}, Ht = ["id", "aria-disabled", "aria-selected", "onMouseenter", "onClick"], Nt = ["title"], Rt = {
+  key: 0,
+  class: "hys-ui-autocomplete-state",
+  role: "status"
+}, zt = {
+  key: 1,
+  class: "hys-ui-autocomplete-footer"
+}, Ze = 'a[href],button:not(:disabled),input:not(:disabled),textarea:not(:disabled),select:not(:disabled),[tabindex]:not([tabindex="-1"])', Xt = /* @__PURE__ */ vt({
+  inheritAttrs: !1,
+  __name: "HysAutocomplete",
+  props: {
+    modelValue: {},
+    defaultValue: { default: "" },
+    options: { default: () => [] },
+    fetchSuggestions: {},
+    valueKey: { default: "value" },
+    labelKey: { default: "label" },
+    filterOption: { type: [Boolean, Function], default: void 0 },
+    caseSensitive: { type: Boolean, default: !1 },
+    debounce: { default: 300 },
+    minQueryLength: { default: 0 },
+    triggerOnFocus: { type: Boolean, default: !0 },
+    highlightFirst: { type: Boolean },
+    loopNavigation: { type: Boolean, default: !0 },
+    backfill: { type: Boolean },
+    selectWhenUnmatched: { type: Boolean },
+    selectOnTab: { type: Boolean },
+    append: { type: Boolean },
+    clearAfterSelect: { type: Boolean },
+    blurAfterSelect: { type: Boolean },
+    getShow: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    loading: { type: Boolean },
+    hideLoading: { type: Boolean },
+    clearable: { type: Boolean },
+    clearIcon: {},
+    placeholder: {},
+    label: {},
+    ariaLabel: {},
+    name: {},
+    status: {},
+    error: {},
+    size: {},
+    bordered: { type: Boolean, default: !0 },
+    autofocus: { type: Boolean },
+    inputProps: {},
+    open: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean },
+    placement: { default: "bottom-start" },
+    popupMatchWidth: { type: Boolean, default: !0 },
+    popupWidth: {},
+    popupClass: {},
+    popupStyle: {},
+    appendTo: { type: [String, Boolean], default: "body" },
+    listHeight: { default: 256 },
+    emptyText: { default: "暂无建议" },
+    loadingText: { default: "正在加载建议…" },
+    errorText: { default: "建议加载失败，请重试" }
+  },
+  emits: ["update:modelValue", "update:open", "input", "change", "search", "select", "clear", "focus", "blur", "pressEnter", "visibleChange", "searchError"],
+  setup(S, { expose: _e, emit: et }) {
+    const t = S, m = et, R = ft(), Le = Pt(), Se = je(Kt, void 0), Ae = je(Ot, void 0), { disabled: ne, size: se, label: Ve } = Mt(t), z = x(), F = x(), L = x(), E = x(), W = pt(), Ee = x(t.defaultValue ?? ""), g = x(), B = x(), Q = x(!1), v = x(), j = x(!1), xe = Ge(), re = x(!1), de = Ge([]), i = c(
+      () => String(
+        t.modelValue === void 0 ? Ee.value : t.modelValue ?? ""
+      )
+    ), De = c(() => B.value ?? g.value ?? i.value), D = c(() => !ne.value && !t.readonly), ce = c(() => typeof t.fetchSuggestions == "function"), r = c(() => !!t.loading || j.value), tt = c(
+      () => ce.value ? de.value : Array.isArray(t.options) && t.options.length ? t.options : Array.isArray(t.fetchSuggestions) ? t.fetchSuggestions : []
+    ), ve = c(
+      () => Lt(tt.value, i.value, {
+        valueKey: t.valueKey,
+        labelKey: t.labelKey,
+        filter: t.filterOption ?? !ce.value,
+        caseSensitive: t.caseSensitive
+      })
+    ), G = c(() => ve.value.filter((e) => e.kind === "option")), Be = c(() => G.value.map((e) => e.item)), Y = c(() => G.value.filter((e) => !e.disabled)), q = c(
+      () => ve.value.find(
+        (e) => e.key === v.value && e.kind === "option" && !e.disabled
+      )
+    ), at = c(
+      () => G.value.findIndex((e) => e.key === v.value)
+    );
+    let C = !0, Ce = 0, V = 0, qe = -1, Te = !1, fe = 0, P, J = !1, I = !1, K, X, pe, A;
+    const w = Ft(z, F, {
+      closeOnTab: !1,
+      get placement() {
+        return t.placement;
+      },
+      matchWidth: () => t.popupMatchWidth ? !0 : "min",
+      width: () => t.popupWidth,
+      requestOpen: (e) => (m("update:open", e), t.open === void 0 ? void 0 : !1)
+    }), n = w.open, lt = c(() => ({
+      ...t.popupStyle,
+      ...w.style.value,
+      overflowY: "hidden"
+    })), ot = c(
+      () => Math.max(0, Math.floor(Number(t.minQueryLength) || 0))
+    ), $e = c(
+      () => Math.max(64, Math.min(1200, Number(t.listHeight) || 256))
+    );
+    function H(e = i.value) {
+      var a;
+      if (!C || !D.value || e.length < ot.value) return !1;
+      try {
+        return ((a = t.getShow) == null ? void 0 : a.call(t, e)) !== !1;
+      } catch {
+        return !1;
+      }
+    }
+    function Z() {
+      var a;
+      const e = (a = z.value) == null ? void 0 : a.querySelector('input:not([type="hidden"]),textarea');
+      E.value !== e && (E.value = e ?? void 0);
+    }
+    function O() {
+      Ce++, X == null || X.abort(), X = void 0, clearTimeout(pe), pe = void 0, j.value = !1;
+    }
+    function s(e = !1) {
+      g.value = void 0, K = void 0, w.close(!1, e);
+    }
+    function Pe(e) {
+      var a;
+      ne.value || (Z(), (a = E.value) == null || a.focus(e));
+    }
+    function Ie() {
+      var e;
+      Z(), (e = E.value) == null || e.blur(), s();
+    }
+    function U() {
+      n.value && w.update();
+    }
+    async function it() {
+      var u;
+      await $();
+      const e = (u = L.value) == null ? void 0 : u.querySelector(
+        '[id="' + W + "-option-" + v.value + '"]'
+      );
+      if (!e || !L.value) return;
+      const a = e.offsetTop, l = a + e.offsetHeight, o = L.value.clientHeight || $e.value;
+      a < L.value.scrollTop ? L.value.scrollTop = a : l > L.value.scrollTop + o && (L.value.scrollTop = l - o);
+    }
+    function _(e, a = !1) {
+      v.value = e == null ? void 0 : e.key, a && t.backfill && e ? g.value = (t.append ? i.value : "") + e.value : g.value = void 0, a && it();
+    }
+    function Ke() {
+      const e = K === "last" ? Y.value.at(-1) : K === "first" || t.highlightFirst ? Y.value[0] : void 0;
+      _(e, !!K), K = void 0;
+    }
+    function ee(e = i.value, a = !1) {
+      if (O(), xe.value = void 0, re.value = !1, !n.value || !H(e)) return;
+      if (!ce.value) {
+        Ke(), $(U);
+        return;
+      }
+      const l = Ce, o = new AbortController();
+      X = o, de.value = [], j.value = !0, v.value = void 0, g.value = void 0;
+      let u = !1;
+      const b = () => C && Ce === l && !o.signal.aborted && n.value && D.value, d = (y) => {
+        u || !b() || (u = !0, de.value = Array.isArray(y) ? y : [], j.value = !1, Ke(), $(U));
+      }, T = (y) => {
+        u || !b() || (u = !0, j.value = !1, xe.value = y, re.value = !0, m("searchError", y, e), $(U));
+      }, te = () => {
+        if (pe = void 0, !!b())
+          try {
+            const y = t.fetchSuggestions(e, d, { signal: o.signal });
+            y && typeof y.then == "function" ? Promise.resolve(y).then((Qe) => {
+              Array.isArray(Qe) && d(Qe);
+            }).catch(T) : Array.isArray(y) && d(y);
+          } catch (y) {
+            T(y);
+          }
+      }, ae = Math.max(0, Math.min(6e4, Number(t.debounce) || 0));
+      a || !ae ? te() : pe = setTimeout(te, ae);
+    }
+    async function N() {
+      H() && await w.show(t.open === !0);
+    }
+    async function ye() {
+      if (!H()) return;
+      const e = n.value;
+      Te = !e, await N(), Te = !1, e && n.value && ee(i.value, !0);
+    }
+    function he(e, a = !0) {
+      if (!C || !D.value || (B.value = void 0, g.value = void 0, e === P || e === i.value && P === void 0))
+        return;
+      const l = i.value, o = ++V;
+      P = e, t.modelValue === void 0 && (Ee.value = e), m("update:modelValue", e), m("input", e), $(async () => {
+        if (!(!C || o !== V) && (P = void 0, i.value === e && (l !== e && m("change", e), a && o !== qe))) {
+          if (m("search", e), K = void 0, !H(e)) {
+            O(), s();
+            return;
+          }
+          n.value ? ee(e) : await N();
+        }
+      });
+    }
+    function we(e) {
+      const a = String(e ?? "");
+      if (Q.value) {
+        B.value = a;
+        return;
+      }
+      he(a);
+    }
+    function me() {
+      D.value && (I = !0, O(), B.value = void 0, g.value = void 0, he("", !1), qe = V, s(), m("clear"), $(() => {
+        I = !1;
+      }));
+    }
+    async function ge(e, a = !0) {
+      if (!e || e.disabled || !D.value || r.value || !C) return;
+      const l = (t.append ? i.value : "") + e.value, o = t.clearAfterSelect ? "" : l;
+      he(o, !1);
+      const u = V;
+      await $(), !(!C || u !== V || i.value !== o || !D.value) && (m("select", e.item, l), s(), t.blurAfterSelect ? Ie() : a && (I = !0, Pe({ preventScroll: !0 }), I = !1));
+    }
+    async function He(e) {
+      await ge({
+        label: typeof e == "string" ? e : String(
+          e.label ?? Xe(e, t.valueKey, t.labelKey)
+        ),
+        value: Xe(e, t.valueKey, t.labelKey),
+        disabled: typeof e != "string" && !!e.disabled,
+        item: e
+      });
+    }
+    function ut(e) {
+      const a = G.value[Math.floor(e)];
+      _(a && !a.disabled ? a : void 0, !0);
+    }
+    async function nt(e) {
+      if (!D.value || e.isComposing || Q.value || e.keyCode === 229)
+        return;
+      const a = e.target;
+      if (a.matches("input,textarea")) {
+        if (["ArrowDown", "ArrowUp", "PageDown", "PageUp"].includes(e.key)) {
+          e.preventDefault(), e.stopPropagation();
+          const l = e.key === "ArrowDown" || e.key === "PageDown";
+          if (!n.value) {
+            K = l ? "first" : "last", await N();
+            return;
+          }
+          const o = Y.value;
+          if (!o.length) {
+            K = l ? "first" : "last";
+            return;
+          }
+          let u = o.findIndex((T) => T.key === v.value);
+          u < 0 && (u = l ? -1 : o.length);
+          const b = e.key.startsWith("Page") ? Math.max(
+            1,
+            Math.floor(
+              $e.value / (se.value === "sm" ? 30 : se.value === "lg" ? 44 : 36)
+            )
+          ) : 1;
+          let d = u + (l ? b : -b);
+          d = t.loopNavigation ? (d % o.length + o.length) % o.length : Math.max(0, Math.min(o.length - 1, d)), _(o[d], !0);
+        } else if ((e.key === "Home" || e.key === "End") && n.value)
+          e.preventDefault(), _(
+            e.key === "Home" ? Y.value[0] : Y.value.at(-1),
+            !0
+          );
+        else if (e.key === "Enter") {
+          if (e.shiftKey && a.matches("textarea")) return;
+          m("pressEnter", e), n.value && q.value && !r.value ? (e.preventDefault(), e.stopPropagation(), await ge(q.value)) : t.selectWhenUnmatched ? (e.preventDefault(), e.stopPropagation(), await He({ [t.valueKey]: i.value })) : s();
+        } else if (e.key === "Escape")
+          g.value = void 0, s();
+        else if (e.key === "Tab")
+          if (!e.shiftKey && t.selectOnTab && q.value && !r.value)
+            await ge(q.value, !1);
+          else {
+            const l = !e.shiftKey && n.value ? Ne()[0] : void 0;
+            l ? (e.preventDefault(), l.focus()) : s();
+          }
+      }
+    }
+    function Ne() {
+      var e;
+      return Array.from(
+        ((e = F.value) == null ? void 0 : e.querySelectorAll(Ze)) ?? []
+      ).filter(
+        (a) => a.tabIndex >= 0 && a.getClientRects().length && !a.closest("[inert]")
+      );
+    }
+    function st(e) {
+      var b;
+      if (e.key !== "Tab") return;
+      const a = Ne();
+      if (document.activeElement !== (e.shiftKey ? a[0] : a.at(-1))) return;
+      e.preventDefault();
+      const o = Array.from(
+        document.querySelectorAll(Ze)
+      ).filter(
+        (d) => {
+          var T;
+          return !((T = F.value) != null && T.contains(d)) && d.tabIndex >= 0 && d.getClientRects().length && !d.closest("[inert]");
+        }
+      ), u = o.indexOf(E.value);
+      s(), I = !0, (b = e.shiftKey ? E.value : o[u + 1]) == null || b.focus(), I = !1;
+    }
+    function Re(e) {
+      fe++, J || (J = !0, m("focus", e)), e.target.matches("input,textarea") && t.triggerOnFocus && !I && !w.restoringFocus.value && N();
+    }
+    function rt(e) {
+      t.triggerOnFocus && e.target.matches("input,textarea") && !n.value && N();
+    }
+    function ze(e) {
+      const a = fe;
+      queueMicrotask(() => {
+        var o, u;
+        if (!C || a !== fe) return;
+        const l = document.activeElement;
+        (o = z.value) != null && o.contains(l) || (u = F.value) != null && u.contains(l) || (J && (J = !1, m("blur", e)), s());
+      });
+    }
+    function dt() {
+      Q.value = !0, B.value = void 0, O(), s();
+    }
+    function ct() {
+      Q.value = !1;
+      const e = B.value;
+      B.value = void 0, e !== void 0 && he(e);
+    }
+    const We = c(() => {
+      var e, a, l, o, u, b, d, T, te;
+      return {
+        ...t.inputProps,
+        ...Object.fromEntries(
+          Object.entries(R).filter(([ae]) => ae !== "class" && ae !== "style")
+        ),
+        disabled: ne.value,
+        readonly: t.readonly,
+        size: se.value,
+        clearable: t.clearable || ((e = t.inputProps) == null ? void 0 : e.clearable),
+        clearIcon: t.clearIcon ?? ((a = t.inputProps) == null ? void 0 : a.clearIcon),
+        placeholder: t.placeholder ?? ((l = t.inputProps) == null ? void 0 : l.placeholder),
+        label: t.label ?? ((o = t.inputProps) == null ? void 0 : o.label),
+        name: t.name ?? ((u = t.inputProps) == null ? void 0 : u.name),
+        status: t.status ?? ((b = t.inputProps) == null ? void 0 : b.status),
+        error: t.error ?? ((d = t.inputProps) == null ? void 0 : d.error),
+        bordered: t.bordered,
+        id: R.id || (Se == null ? void 0 : Se.id.value) || void 0,
+        role: "combobox",
+        autocomplete: ((T = t.inputProps) == null ? void 0 : T.autocomplete) ?? R.autocomplete ?? "off",
+        ariaLabel: t.ariaLabel || R["aria-label"] || ((te = t.inputProps) == null ? void 0 : te.ariaLabel) || t.label || Ve.value || "自动补全",
+        "aria-autocomplete": t.backfill ? "both" : "list",
+        "aria-expanded": n.value,
+        "aria-controls": n.value ? W : void 0,
+        "aria-activedescendant": n.value && q.value ? W + "-option-" + q.value.key : void 0,
+        "aria-busy": r.value || void 0
+      };
+    });
+    function Ue() {
+      C = !1, V++, fe++, P = void 0, B.value = void 0, g.value = void 0, J = !1, Q.value = !1, O(), s(!0), A == null || A.disconnect(), A = void 0;
+    }
+    M(n, (e) => {
+      e ? ee(i.value, Te) : (O(), g.value = void 0, v.value = void 0), m("visibleChange", e);
+    }), M(
+      () => t.open,
+      (e) => {
+        e !== void 0 && (e && H() ? w.show(!0) : s(!0));
+      }
+    ), M(
+      () => t.modelValue,
+      () => {
+        P !== void 0 && i.value === P || (V++, P = void 0, B.value = void 0, g.value = void 0, O(), n.value && H() ? ee() : s());
+      }
+    ), M(
+      () => [ne.value, t.readonly, t.getShow, t.minQueryLength],
+      () => {
+        H() || (O(), s(!0));
+      }
+    ), M(ce, () => {
+      de.value = [], n.value && ee();
+    }), M(ve, () => {
+      v.value && !q.value && (v.value = void 0), n.value && !r.value && !v.value && (t.highlightFirst || K) && Ke(), $(U);
+    }), M(
+      () => Ae == null ? void 0 : Ae.resetting.value,
+      (e) => {
+        e && (V++, P = void 0, B.value = void 0, g.value = void 0, O(), s(!0));
+      },
+      { flush: "sync" }
+    ), yt(Z);
+    function Oe() {
+      A == null || A.disconnect(), A = void 0, C && typeof ResizeObserver < "u" && z.value && (A = new ResizeObserver(U), A.observe(z.value), F.value && A.observe(F.value));
+    }
+    return M(F, Oe, { flush: "post" }), M([r, re], () => void $(U)), ht(() => {
+      Z(), Oe(), t.autofocus && Pe(), (t.open ?? t.defaultOpen) && N();
+    }), mt(() => {
+      C = !0, $(() => {
+        Z(), Oe();
+      });
+    }), gt(Ue), bt(Ue), _e({
+      input: E,
+      isOpen: n,
+      loading: r,
+      highlightedIndex: at,
+      suggestions: Be,
+      focus: Pe,
+      blur: Ie,
+      open: N,
+      close: () => s(),
+      clear: me,
+      getData: ye,
+      retry: ye,
+      highlight: ut,
+      select: He
+    }), (e, a) => (f(), k(be, null, [
+      le("div", Me({
+        ref_key: "root",
+        ref: z
+      }, h(Le), {
+        class: ["hys-ui-autocomplete", h(R).class],
+        style: h(R).style,
+        onKeydownCapture: nt,
+        onFocusin: Re,
+        onFocusout: ze,
+        onClick: rt,
+        onCompositionstart: dt,
+        onCompositionend: ct
+      }), [
+        p(e.$slots, "input", {
+          value: De.value,
+          setValue: we,
+          inputProps: We.value,
+          loading: r.value,
+          clear: me
+        }, () => [
+          Fe($t, Me(We.value, {
+            "model-value": De.value,
+            "onUpdate:modelValue": we,
+            onClear: me
+          }), kt({ _: 2 }, [
+            e.$slots.prefix ? {
+              name: "prefix",
+              fn: oe(() => [
+                p(e.$slots, "prefix", {}, void 0, !0)
+              ]),
+              key: "0"
+            } : void 0,
+            e.$slots.suffix || r.value && !S.hideLoading ? {
+              name: "suffix",
+              fn: oe(() => [
+                p(e.$slots, "suffix", { loading: r.value }, () => [
+                  r.value && !S.hideLoading ? (f(), Ye(h(Je), {
+                    key: 0,
+                    size: 15,
+                    class: "hys-ui-icon-spin"
+                  })) : ie("", !0)
+                ], !0)
+              ]),
+              key: "1"
+            } : void 0,
+            e.$slots.prepend ? {
+              name: "prepend",
+              fn: oe(() => [
+                p(e.$slots, "prepend", {}, void 0, !0)
+              ]),
+              key: "2"
+            } : void 0,
+            e.$slots.append ? {
+              name: "append",
+              fn: oe(() => [
+                p(e.$slots, "append", {}, void 0, !0)
+              ]),
+              key: "3"
+            } : void 0,
+            e.$slots["clear-icon"] ? {
+              name: "clear-icon",
+              fn: oe(() => [
+                p(e.$slots, "clear-icon", {}, void 0, !0)
+              ]),
+              key: "4"
+            } : void 0
+          ]), 1040, ["model-value"])
+        ], !0)
+      ], 16),
+      (f(), Ye(St, {
+        to: S.appendTo || "body",
+        disabled: S.appendTo === !1
+      }, [
+        h(n) ? (f(), k("div", Me({
+          key: 0,
+          id: h(W) + "-panel",
+          ref_key: "panel",
+          ref: F
+        }, h(Le), {
+          class: ["hys-ui-autocomplete-popup", ["hys-ui-autocomplete-" + h(se), S.popupClass]],
+          style: lt.value,
+          onFocusin: Re,
+          onFocusout: ze,
+          onKeydown: st
+        }), [
+          e.$slots.header ? (f(), k("div", Et, [
+            p(e.$slots, "header", {
+              query: i.value,
+              loading: r.value,
+              options: Be.value,
+              close: () => s()
+            }, void 0, !0)
+          ])) : ie("", !0),
+          le("div", {
+            id: h(W),
+            ref_key: "list",
+            ref: L,
+            role: "listbox",
+            class: "hys-ui-autocomplete-list",
+            style: At({ maxHeight: $e.value + "px" }),
+            "aria-label": S.ariaLabel || h(Ve) || "输入建议",
+            "aria-busy": r.value || void 0
+          }, [
+            r.value && !S.hideLoading ? (f(), k("div", qt, [
+              p(e.$slots, "loading", { query: i.value }, () => [
+                Fe(h(Je), {
+                  size: 17,
+                  class: "hys-ui-icon-spin"
+                }),
+                ke(ue(S.loadingText), 1)
+              ], !0)
+            ])) : re.value ? (f(), k("div", It, [
+              p(e.$slots, "error", {
+                error: xe.value,
+                query: i.value,
+                retry: ye
+              }, () => [
+                le("span", null, ue(S.errorText), 1),
+                le("button", {
+                  type: "button",
+                  "aria-label": "重试加载建议",
+                  onClick: ye
+                }, [
+                  Fe(h(Tt), { size: 14 }),
+                  a[1] || (a[1] = ke("重试 ", -1))
+                ])
+              ], !0)
+            ])) : (f(), k(be, { key: 2 }, [
+              (f(!0), k(be, null, xt(ve.value, (l) => (f(), k(be, {
+                key: l.key
+              }, [
+                l.kind === "group" ? (f(), k("div", wt, [
+                  p(e.$slots, "group", {
+                    label: l.label,
+                    group: l.group
+                  }, () => [
+                    ke(ue(l.label), 1)
+                  ], !0)
+                ])) : (f(), k("div", {
+                  key: 1,
+                  id: h(W) + "-option-" + l.key,
+                  role: "option",
+                  "aria-disabled": l.disabled || void 0,
+                  "aria-selected": v.value === l.key,
+                  class: Ct(["hys-ui-autocomplete-option", {
+                    "hys-ui-autocomplete-active": v.value === l.key,
+                    "hys-ui-autocomplete-disabled": l.disabled
+                  }]),
+                  onMousedown: a[0] || (a[0] = Bt(() => {
+                  }, ["prevent"])),
+                  onMouseenter: (o) => !l.disabled && _(l),
+                  onClick: (o) => ge(l)
+                }, [
+                  p(e.$slots, "option", {
+                    item: l.item,
+                    option: l,
+                    query: i.value,
+                    active: v.value === l.key
+                  }, () => [
+                    p(e.$slots, "default", {
+                      item: l.item,
+                      option: l,
+                      query: i.value,
+                      active: v.value === l.key
+                    }, () => [
+                      le("span", {
+                        class: "hys-ui-autocomplete-label",
+                        title: l.label
+                      }, ue(l.label), 9, Nt)
+                    ], !0)
+                  ], !0)
+                ], 42, Ht))
+              ], 64))), 128)),
+              !G.value.length && !r.value ? (f(), k("div", Rt, [
+                p(e.$slots, "empty", { query: i.value }, () => [
+                  ke(ue(S.emptyText), 1)
+                ], !0)
+              ])) : ie("", !0)
+            ], 64))
+          ], 12, Dt),
+          e.$slots.footer ? (f(), k("div", zt, [
+            p(e.$slots, "footer", {
+              query: i.value,
+              loading: r.value,
+              options: Be.value,
+              close: () => s(),
+              clear: me
+            }, void 0, !0)
+          ])) : ie("", !0)
+        ], 16, Vt)) : ie("", !0)
+      ], 8, ["to", "disabled"]))
+    ], 64));
+  }
+});
+export {
+  Xt as default
+};

package/dist/components/HysAvatar/HysAvatar.vue.js

@@ -1,37 +1,7 @@
-import { defineComponent as f, ref as d, computed as h, watch as y, openBlock as l, createElementBlock as s, mergeProps as v, unref as x, normalizeStyle as z, renderSlot as b, createTextVNode as g, toDisplayString as S } from "vue";
-import { useHysRootAttrs as k } from "../../config.js";
-const A = ["aria-label"], R = ["src", "alt"], C = /* @__PURE__ */ f({
-  __name: "HysAvatar",
-  props: {
-    name: { default: "" },
-    src: {},
-    size: { default: 36 },
-    shape: { default: "circle" },
-    fit: { default: "cover" },
-    alt: {}
-  },
-  emits: ["error"],
-  setup(e, { emit: i }) {
-    const o = k(), a = e, n = i, t = d(!1), c = h(() => a.name.trim().slice(0, 2).toUpperCase() || "?");
-    return y(() => a.src, () => t.value = !1), (m, r) => (l(), s("span", v(x(o), {
-      class: "hys-ui-ex-avatar",
-      style: { width: e.size + "px", height: e.size + "px", fontSize: Math.max(11, e.size * 0.34) + "px", borderRadius: e.shape === "square" ? "8px" : "50%" },
-      "aria-label": e.alt || e.name
-    }), [
-      e.src && !t.value ? (l(), s("img", {
-        key: 0,
-        src: e.src,
-        alt: e.alt || e.name,
-        style: z({ objectFit: e.fit }),
-        onError: r[0] || (r[0] = (u) => {
-          t.value = !0, n("error", u);
-        })
-      }, null, 44, R)) : b(m.$slots, "default", {}, () => [
-        g(S(c.value), 1)
-      ], void 0, 1)
-    ], 16, A));
-  }
-});
+import o from "./HysAvatar2.vue.js";
+/* empty css               */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-50e32a16"]]);
 export {
-  C as default
+  p as default
 };