hys-ui 0.1.1 → 0.3.0

package/dist/components/HysSelect/HysSelect2.vue.js

@@ -1,222 +1,1032 @@
-import { defineComponent as Q, ref as p, useId as Y, computed as I, watch as m, nextTick as q, openBlock as s, createElementBlock as n, mergeProps as F, unref as i, createElementVNode as L, renderSlot as C, Fragment as D, renderList as K, toDisplayString as z, createBlock as E, withModifiers as Z, createVNode as _, createCommentVNode as V, Teleport as ee, withDirectives as le, vModelText as ae, createTextVNode as H, normalizeClass as te } from "vue";
-import { LoaderCircle as ie, ChevronDown as se, X as oe, Check as ue } from "lucide-vue-next";
-import { useHysRootAttrs as re } from "../../config.js";
-import { useFloating as ne } from "../../composables/useFloating.js";
-const de = ["aria-label", "disabled", "aria-expanded", "aria-controls", "aria-activedescendant"], ce = { class: "hys-ui-select-label" }, ve = ["title"], ye = ["aria-controls", "aria-activedescendant"], fe = ["id", "aria-multiselectable"], he = {
+import { defineComponent as Dt, useAttrs as Rt, inject as Pt, ref as L, useId as It, shallowRef as ye, computed as c, watch as X, nextTick as V, onMounted as Nt, onUpdated as Ut, onActivated as Qt, onDeactivated as Yt, onBeforeUnmount as Xt, openBlock as d, createElementBlock as h, mergeProps as Ue, unref as n, createElementVNode as $, withModifiers as Ee, renderSlot as A, Fragment as ue, renderList as Qe, toDisplayString as M, createVNode as me, createCommentVNode as E, createTextVNode as _, normalizeClass as xt, createBlock as Ye, Teleport as Gt, withCtx as Jt, normalizeStyle as be } from "vue";
+import Zt from "../../motion/PopupMotion.js";
+import { X as Tt, LoaderCircle as _t, ChevronDown as el, Plus as tl, Check as ll } from "lucide-vue-next";
+import { fieldKey as al, useHysControlState as il, formValue as ol } from "../../composables/formContext.js";
+import { useHysRootAttrs as ul } from "../../config.js";
+import { useFloating as sl } from "../../composables/useFloating.js";
+import { normalizeSelectOptions as nl, selectKeyFactory as rl } from "../../composables/selectOptions.js";
+const cl = ["disabled"], dl = ["id", "tabindex", "aria-label", "aria-expanded", "aria-disabled", "aria-readonly", "aria-required", "aria-invalid", "aria-describedby", "aria-controls", "aria-activedescendant"], vl = { class: "hys-ui-select-label" }, fl = ["title"], pl = ["disabled", "aria-label", "onClick"], hl = ["title"], yl = ["title"], ml = {
   key: 0,
-  class: "hys-ui-floating-empty"
-}, be = ["id", "data-active", "aria-selected", "disabled", "onPointerenter", "onClick"], pe = ["title"], me = {
+  class: "hys-ui-select-suffix"
+}, bl = ["name", "value", "disabled"], gl = ["data-size", "data-placement"], kl = {
+  key: 0,
+  class: "hys-ui-select-header"
+}, xl = ["value", "aria-controls", "aria-activedescendant"], Tl = {
+  key: 2,
+  class: "hys-ui-select-bulk",
+  role: "group",
+  "aria-label": "批量选择"
+}, Sl = ["title"], Al = ["disabled", "aria-label"], Cl = ["disabled", "aria-label"], wl = ["id", "aria-label", "aria-multiselectable", "aria-busy"], Ml = {
   key: 0,
+  class: "hys-ui-floating-empty",
+  role: "status"
+}, Bl = {
+  key: 1,
+  class: "hys-ui-floating-empty",
+  role: "status"
+}, Ol = ["id", "data-active", "aria-label", "aria-description", "aria-selected", "aria-setsize", "aria-posinset", "disabled", "onPointerenter", "onClick"], Ll = ["title"], zl = {
+  key: 0,
+  class: "hys-ui-select-create-label"
+}, Vl = {
+  key: 3,
   class: "hys-ui-floating-empty"
-}, Ve = /* @__PURE__ */ Q({
+}, $l = {
+  key: 3,
+  class: "hys-ui-select-footer"
+}, St = 'a[href],button:not(:disabled),input:not(:disabled),textarea:not(:disabled),select:not(:disabled),[tabindex]:not([tabindex="-1"])', Dl = /* @__PURE__ */ Dt({
+  inheritAttrs: !1,
   __name: "HysSelect",
   props: {
+    popupTransition: {},
+    popupTransitionDuration: {},
     modelValue: {},
-    options: {},
+    defaultValue: {},
+    options: { default: () => [] },
+    fieldNames: { default: () => ({}) },
+    valueKey: { default: "value" },
     disabled: { type: Boolean },
+    readonly: { type: Boolean },
     ariaLabel: {},
     placeholder: { default: "请选择" },
     multiple: { type: Boolean },
+    showSelectAll: { type: Boolean, default: !0 },
+    selectAllScope: { default: "filtered" },
+    selectAllText: { default: "全选" },
+    deselectAllText: { default: "全不选" },
     filterable: { type: Boolean },
     clearable: { type: Boolean },
+    emptyValues: { default: () => ["", null, void 0] },
+    clearValue: { type: [String, Number, Boolean, Object, null], default: "" },
+    fallbackOption: { type: [Boolean, Function] },
+    multipleLimit: { default: 0 },
+    maxTagCount: { default: 3 },
+    maxTagTextLength: {},
+    removable: { type: Boolean, default: !0 },
+    clearSearchAfterSelect: { type: Boolean, default: !1 },
+    allowCreate: { type: Boolean },
+    createOption: {},
+    tokenSeparators: {},
+    clearCreatedOnClear: { type: Boolean, default: !0 },
     loading: { type: Boolean },
     remote: { type: Boolean },
-    popupMatchWidth: { type: Boolean },
+    remoteMethod: {},
+    debounce: { default: 0 },
+    searchValue: {},
     filterMethod: {},
+    filterSort: {},
+    open: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean },
+    showOnFocus: { type: Boolean },
+    retainSearch: { type: Boolean },
+    defaultActiveFirst: { type: Boolean, default: !0 },
+    keyboard: { type: Boolean, default: !0 },
+    popupMatchWidth: { type: Boolean },
+    popupWidth: {},
+    placement: { default: "bottom-start" },
+    appendTo: { type: [String, Boolean], default: "body" },
+    popupClass: {},
+    popupStyle: {},
+    listHeight: { default: 240 },
+    virtual: { type: Boolean, default: !0 },
+    itemHeight: {},
+    overscan: { default: 4 },
     emptyText: { default: "暂无选项" },
-    size: { default: "md" }
+    noMatchText: { default: "没有匹配选项" },
+    loadingText: { default: "加载中…" },
+    size: {},
+    status: {},
+    showArrow: { type: Boolean, default: !0 },
+    showCheckmark: { type: Boolean, default: !0 },
+    bordered: { type: Boolean, default: !0 },
+    autofocus: { type: Boolean },
+    name: {}
   },
-  emits: ["update:modelValue", "change", "clear", "search", "visibleChange"],
-  setup(d, { expose: R, emit: X }) {
-    const t = d, k = X, N = re(), g = p(), B = p(), P = p(), y = p(""), o = p(0), f = Y(), { open: v, style: j, show: G, close: h, update: J } = ne(g, B, { placement: "bottom-start", matchWidth: () => t.popupMatchWidth ? !0 : "min" }), x = I(() => t.multiple || Array.isArray(t.modelValue)), u = I(() => Array.isArray(t.modelValue) ? t.modelValue : [t.modelValue].filter(Boolean)), T = p(/* @__PURE__ */ new Map());
-    m(() => [t.options, u.value], () => {
-      const e = T.value, a = /* @__PURE__ */ new Map();
-      for (const l of t.options) a.set(l.value, l);
-      for (const l of u.value) !a.has(l) && e.has(l) && a.set(l, e.get(l));
-      T.value = a;
-    }, { immediate: !0, deep: !0 });
-    const w = I(() => u.value.map((e) => T.value.get(e) ?? { value: e, label: e })), r = I(() => t.remote ? t.options : t.options.filter((e) => !y.value || (t.filterMethod ? t.filterMethod(y.value, e) : e.label.toLocaleLowerCase().includes(y.value.toLocaleLowerCase()))));
-    function $(e) {
-      k("update:modelValue", e), k("change", e);
-    }
-    function S(e) {
-      const a = r.value[e];
-      !a || a.disabled || t.disabled || t.loading || (x.value ? $(u.value.includes(a.value) ? u.value.filter((l) => l !== a.value) : [...u.value, a.value]) : ($(a.value), h(!0)));
-    }
-    function O() {
+  emits: ["update:modelValue", "change", "clear", "selectAll", "deselectAll", "update:open", "visibleChange", "update:searchValue", "search", "select", "deselect", "removeTag", "create", "reject", "searchError", "focus", "blur", "popupScroll", "reachEnd"],
+  setup(r, { expose: At, emit: Ct }) {
+    const a = r, p = Ct, wt = Rt(), Xe = ul(), D = Pt(al, void 0), {
+      disabled: b,
+      size: F,
+      label: Ge
+    } = il(a), m = L(), C = L(), H = L(), ee = L(), se = It(), Fe = L("");
+    function Je() {
+      var i;
+      const e = (i = m.value) == null ? void 0 : i.closest("label");
+      if (!e) {
+        Fe.value = "";
+        return;
+      }
+      const t = e.cloneNode(!0);
+      t.querySelectorAll(".hys-ui-select-wrap").forEach((o) => o.remove()), Fe.value = (t.textContent ?? "").replace(/\s+/g, " ").trim();
+    }
+    const Ze = ye(a.defaultValue ?? null), te = c(
+      () => a.modelValue !== void 0 ? a.modelValue : Ze.value
+    ), z = c(() => a.multiple || Array.isArray(te.value)), s = rl(() => a.valueKey), g = c(() => {
+      const e = Array.isArray(te.value) ? te.value.filter((i) => i != null) : te.value == null || a.emptyValues.some((i) => Object.is(i, te.value)) ? [] : [te.value], t = /* @__PURE__ */ new Set();
+      return e.filter((i) => {
+        const o = s(i);
+        return t.has(o) ? !1 : (t.add(o), !0);
+      });
+    }), j = c(() => new Set(g.value.map(s))), R = ye([]), K = ye(/* @__PURE__ */ new Map()), ge = ye(), ke = L(!1), le = ye(), _e = L(""), xe = L(a.searchValue ?? ""), Te = L(!1), k = c(() => a.searchValue ?? _e.value), ne = c(() => a.filterable || a.allowCreate), et = c(
+      () => nl(
+        ge.value ?? a.options,
+        a.fieldNames,
+        s
+      )
+    ), ae = c(
+      () => et.value.flatMap((e) => e.option ? [e.option] : [])
+    );
+    X(
+      [ae, g, R],
+      () => {
+        const e = K.value, t = /* @__PURE__ */ new Map();
+        for (const i of [...R.value, ...ae.value])
+          t.set(s(i.value), i);
+        for (const i of g.value) {
+          const o = s(i);
+          !t.has(o) && e.has(o) && t.set(o, e.get(o));
+        }
+        K.value = t;
+      },
+      { immediate: !0 }
+    );
+    function He(e) {
+      if (a.fallbackOption !== !1)
+        return typeof a.fallbackOption == "function" ? a.fallbackOption(e) : {
+          value: e,
+          label: String(
+            typeof e == "object" ? e.label ?? e.name ?? e[a.valueKey] ?? "未命名选项" : e
+          )
+        };
+    }
+    const B = c(
+      () => g.value.flatMap((e) => {
+        const t = K.value.get(s(e)) ?? He(e);
+        return t ? [t] : [];
+      })
+    ), tt = c(
+      () => B.value.slice(
+        0,
+        a.maxTagCount === void 0 ? void 0 : Math.max(0, a.maxTagCount)
+      )
+    ), Se = c(
+      () => B.value.slice(tt.value.length)
+    ), P = c(() => a.loading || ke.value), Ae = c(
+      () => z.value && a.multipleLimit > 0 && g.value.length >= a.multipleLimit
+    ), Ce = c(
+      () => {
+        var e, t;
+        return a.status ?? ((e = D == null ? void 0 : D.invalid) != null && e.value ? "error" : (t = D == null ? void 0 : D.status) == null ? void 0 : t.value);
+      }
+    ), ie = c(
+      () => F.value === "sm" ? 14 : F.value === "lg" ? 18 : 16
+    ), I = c(
+      () => Math.max(
+        24,
+        a.itemHeight ?? (F.value === "sm" ? 34 : F.value === "lg" ? 50 : 42)
+      )
+    ), je = c(() => {
+      const e = k.value.trim();
+      if (!(!a.allowCreate || !e || [...ae.value, ...R.value].some(
+        (t) => t.label === e || s(t.value) === s(e)
+      )))
+        return { value: e, label: e };
+    }), S = c(() => {
+      let e = et.value.filter((u) => u.option).concat(
+        R.value.filter(
+          (u) => !ae.value.some(
+            (l) => s(l.value) === s(u.value)
+          )
+        ).map((u) => ({ key: s(u.value), option: u, index: -1 }))
+      );
+      !a.remote && !a.remoteMethod && (e = e.filter(
+        (u) => !k.value || (a.filterMethod ? a.filterMethod(k.value, u.option) : u.option.label.toLocaleLowerCase().includes(k.value.toLocaleLowerCase()))
+      )), a.filterSort && (e = [...e].sort(
+        (u, l) => a.filterSort(u.option, l.option)
+      )), je.value && (e = [
+        {
+          key: "create:" + s(je.value.value),
+          option: je.value,
+          created: !0,
+          index: -1
+        },
+        ...e
+      ]);
+      const t = [];
+      let i, o = 0;
+      for (const u of e)
+        u.group !== i && (i = u.group, i && t.push({ key: "group:" + i + ":" + o, index: -1, group: i })), t.push({ ...u, index: o++ });
+      return t;
+    }), we = c(() => z.value && a.showSelectAll), Ke = c(() => {
+      const e = a.selectAllScope === "all" ? [...ae.value, ...R.value] : S.value.flatMap(
+        (i) => i.option && !i.created ? [i.option] : []
+      ), t = /* @__PURE__ */ new Set();
+      return e.filter((i) => {
+        const o = s(i.value);
+        return t.has(o) ? !1 : (t.add(o), !i.disabled);
+      });
+    }), Me = c(
+      () => b.value || a.readonly || P.value || !!le.value
+    ), Mt = c(
+      () => Ke.value.some(
+        (e) => !j.value.has(s(e.value))
+      )
+    ), lt = c(() => {
+      const e = new Set(
+        Ke.value.map((t) => s(t.value))
+      );
+      return g.value.filter((t) => {
+        const i = K.value.get(s(t));
+        return !(i != null && i.disabled) && (a.selectAllScope === "all" || e.has(s(t)));
+      });
+    }), Bt = c(
+      () => S.value.filter((e) => e.option).length
+    ), O = L(), Be = L(0), We = L(0), W = c(
+      () => a.virtual && S.value.length > 100
+    ), re = c(
+      () => Math.min(
+        800,
+        Math.max(80, Number.isFinite(a.listHeight) ? a.listHeight : 240)
+      )
+    ), at = c(() => Math.max(1, Math.min(30, a.overscan))), qe = c(
+      () => W.value ? Math.max(
+        0,
+        Math.min(
+          Math.max(0, S.value.length - 1),
+          Math.floor(Be.value / I.value) - at.value
+        )
+      ) : 0
+    ), it = c(
+      () => W.value ? S.value.slice(
+        qe.value,
+        qe.value + Math.ceil(re.value / I.value) + at.value * 2
+      ) : S.value
+    ), ce = c(
+      () => S.value.find((e) => e.key === O.value)
+    ), ot = c(
+      () => {
+        var e;
+        return !P.value && ((e = ce.value) != null && e.option) && (!W.value || it.value.some((t) => t.key === O.value)) ? se + "-" + ce.value.index : void 0;
+      }
+    ), Ot = c(() => {
+      var i;
+      if (!W.value || a.popupMatchWidth || a.popupWidth !== void 0)
+        return a.popupWidth;
+      const e = F.value === "sm" ? 12 : F.value === "lg" ? 15 : 14;
+      let t = 0;
+      for (const o of S.value) {
+        const u = ((i = o.option) == null ? void 0 : i.label) ?? o.group ?? "";
+        let l = 0;
+        for (const v of u) l += v.charCodeAt(0) > 255 ? 1 : 0.58;
+        t = Math.max(t, l * e);
+      }
+      return Math.max(We.value, t + 52);
+    });
+    let U = !0, de = !1, ve = 0, oe, De, G, Re = 0, Oe, Le = "";
+    const {
+      open: y,
+      style: Lt,
+      placement: ut,
+      show: zt,
+      close: w,
+      update: ze,
+      restoringFocus: Vt
+    } = sl(m, C, {
+      get placement() {
+        return a.placement;
+      },
+      get closeOnTab() {
+        return !we.value;
+      },
+      matchWidth: () => a.popupMatchWidth ? !0 : "min",
+      width: () => Ot.value,
+      requestOpen: (e) => (p("update:open", e), a.open === void 0 ? void 0 : !1)
+    }), $t = c(() => ({
+      ...a.popupStyle,
+      ...Lt.value,
+      maxHeight: "min(60dvh, calc(100dvh - 20px))",
+      overflowY: "hidden",
+      "--hys-ui-select-stride": I.value + "px",
+      "--hys-ui-select-list-height": re.value + "px"
+    })), Et = () => Object.fromEntries(
+      Object.entries(wt).filter(([e]) => !["class", "style"].includes(e))
+    ), J = (e) => !!e.disabled || a.readonly || P.value || b.value || Ae.value && !j.value.has(s(e.value));
+    function st() {
+      return S.value.filter((e) => e.option && !J(e.option));
+    }
+    function Ve(e = !1) {
+      var o;
+      const t = st(), i = t.find(
+        (u) => j.value.has(s(u.option.value))
+      );
+      O.value = (o = i ?? (a.defaultActiveFirst ? e ? t.at(-1) : t[0] : void 0)) == null ? void 0 : o.key;
+    }
+    async function Z() {
+      var t, i;
+      const e = S.value.findIndex(
+        (o) => o.key === O.value
+      );
+      if (!(e < 0)) {
+        if (W.value && H.value) {
+          const o = e * I.value, u = o + I.value, l = H.value.clientHeight || re.value;
+          o < H.value.scrollTop ? H.value.scrollTop = o : u > H.value.scrollTop + l && (H.value.scrollTop = u - l), Be.value = H.value.scrollTop;
+        }
+        await V(), W.value || (i = (t = C.value) == null ? void 0 : t.querySelector('[data-active="true"]')) == null || i.scrollIntoView({ block: "nearest" });
+      }
+    }
+    function Q(e) {
+      const t = Array.isArray(e) ? e : e == null || a.emptyValues.some((o) => Object.is(o, e)) ? [] : [e];
+      if (t.length === g.value.length && t.every((o, u) => s(o) === s(g.value[u])))
+        return;
+      a.modelValue === void 0 && (Ze.value = e);
+      const i = t.flatMap((o) => {
+        const u = K.value.get(s(o)) ?? He(o);
+        return u ? [u] : [];
+      });
+      p("update:modelValue", e), p("change", e, z.value ? i : i[0]);
+    }
+    function nt() {
+      const e = document.activeElement;
+      V(() => {
+        var t, i;
+        e && ((t = C.value) != null && t.contains(e)) && e.disabled && ((i = dt()[0] ?? m.value) == null || i.focus());
+      });
+    }
+    function rt() {
+      if (!z.value || Me.value) return 0;
+      const e = [...g.value], t = [], i = new Set(j.value), o = a.multipleLimit > 0 ? a.multipleLimit : 1 / 0;
+      for (const u of Ke.value) {
+        const l = s(u.value);
+        if (!i.has(l)) {
+          if (e.length >= o) break;
+          i.add(l), e.push(u.value), t.push(u);
+        }
+      }
+      return t.length ? (Q(e), nt(), p("selectAll", e, t), t.length) : 0;
+    }
+    function ct() {
+      if (!z.value || Me.value) return 0;
+      const e = new Set(lt.value.map(s));
+      if (!e.size) return 0;
+      const t = g.value.filter((o) => !e.has(s(o))), i = g.value.filter((o) => e.has(s(o))).map(
+        (o) => K.value.get(s(o)) ?? He(o) ?? { value: o, label: String(o) }
+      );
+      return Q(t), nt(), p("deselectAll", t, i), e.size;
+    }
+    function dt() {
       var e;
-      t.disabled || ($(x.value ? [] : ""), k("clear"), (e = g.value) == null || e.focus());
+      return Array.from(
+        ((e = C.value) == null ? void 0 : e.querySelectorAll(St)) ?? []
+      ).filter(
+        (t) => t.tabIndex >= 0 && t.getClientRects().length && !t.closest("[inert]")
+      );
+    }
+    function Ft(e) {
+      var l, v;
+      const t = dt(), i = document.activeElement, o = t.indexOf(i), u = i === m.value ? e.shiftKey ? void 0 : t[0] : t[o + (e.shiftKey ? -1 : 1)];
+      if (u) {
+        e.preventDefault(), u.focus();
+        return;
+      }
+      if ((l = C.value) != null && l.contains(i)) {
+        e.preventDefault();
+        const f = Array.from(
+          document.querySelectorAll(St)
+        ).filter(
+          (T) => {
+            var Y;
+            return !((Y = C.value) != null && Y.contains(T)) && T.tabIndex >= 0 && T.getClientRects().length && !T.closest("[inert]");
+          }
+        ), x = f.indexOf(m.value), q = f.slice(x + 1).find((T) => {
+          var Y, he;
+          return !((he = (Y = m.value) == null ? void 0 : Y.parentElement) != null && he.contains(T));
+        });
+        w(), (v = e.shiftKey ? m.value : q ?? m.value) == null || v.focus();
+      } else w();
+    }
+    function fe(e) {
+      xe.value = e, a.searchValue === void 0 && (_e.value = e), p("update:searchValue", e);
+    }
+    function vt(e) {
+      K.value.has(s(e.value)) || (R.value = [...R.value, e], K.value = new Map(K.value).set(
+        s(e.value),
+        e
+      ), p("create", e));
+    }
+    function ft(e) {
+      try {
+        const t = a.createOption ? a.createOption(e) : { label: e, value: e };
+        return t ? { ...t, label: String(t.label) } : void 0;
+      } catch {
+        p("reject", e, "create");
+        return;
+      }
+    }
+    async function pt(e) {
+      var u;
+      if (!(e != null && e.option) || J(e.option)) return;
+      let t = e.option;
+      if (e.created) {
+        const l = ft(t.label);
+        if (!l) return;
+        if (t = K.value.get(s(l.value)) ?? l, Ae.value && !j.value.has(s(t.value))) {
+          p("reject", t.value, "limit");
+          return;
+        }
+        vt(t);
+      }
+      const i = s(t.value), o = j.value.has(i);
+      if (z.value) {
+        if (o)
+          Q(g.value.filter((l) => s(l) !== i)), p("deselect", t.value, t);
+        else {
+          if (Ae.value) {
+            p("reject", t.value, "limit");
+            return;
+          }
+          Q([...g.value, t.value]), p("select", t.value, t);
+        }
+        a.clearSearchAfterSelect && fe(""), await V(), y.value && ne.value && ((u = ee.value) == null || u.focus());
+      } else
+        Q(t.value), p("select", t.value, t), w(!0);
+    }
+    function Pe(e) {
+      var t;
+      b.value || a.readonly || e.disabled || !a.removable || (Q(g.value.filter((i) => s(i) !== s(e.value))), p("removeTag", e.value, e), p("deselect", e.value, e), (t = m.value) == null || t.focus());
+    }
+    function Ht() {
+      var e, t;
+      b.value || a.readonly || (pe(), Q(z.value ? [] : a.clearValue), a.clearCreatedOnClear && (R.value = []), fe(""), p("clear"), y.value && ne.value ? (e = ee.value) == null || e.focus() : (t = m.value) == null || t.focus());
+    }
+    async function N(e = !1, t = !1) {
+      var i;
+      !U || b.value || (!a.retainSearch && !a.searchValue && fe(""), Ve(e), await zt(t), await V(), y.value && (ne.value && ((i = ee.value) == null || i.focus()), await Z()));
+    }
+    function ht() {
+      y.value ? w() : N();
+    }
+    function pe() {
+      ve++, clearTimeout(De), De = void 0, oe == null || oe.abort(), oe = void 0, ke.value = !1;
+    }
+    function $e(e, t = !1) {
+      if (pe(), !a.remoteMethod || !y.value || !U || b.value)
+        return;
+      const i = ve, o = new AbortController();
+      oe = o, ke.value = !0, le.value = void 0;
+      const u = async () => {
+        try {
+          const l = await a.remoteMethod(e, {
+            signal: o.signal
+          });
+          if (!U || o.signal.aborted || i !== ve || !y.value)
+            return;
+          Array.isArray(l) && (ge.value = l);
+        } catch (l) {
+          if (o.signal.aborted || i !== ve || !U) return;
+          le.value = l, ge.value = [], p("searchError", l, e);
+        } finally {
+          i === ve && (ke.value = !1, oe = void 0, await V(), y.value && (Ve(), ze(), Z()));
+        }
+      };
+      t || a.debounce <= 0 ? u() : De = setTimeout(u, a.debounce);
+    }
+    function Ie() {
+      $e(k.value, !0);
+    }
+    function jt(e) {
+      var f;
+      if (b.value || a.readonly || P.value || !z.value || !a.allowCreate || !((f = a.tokenSeparators) != null && f.length))
+        return !1;
+      let t = [e], i = !1;
+      for (const x of a.tokenSeparators)
+        x && (t.some((q) => q.includes(x)) && (i = !0), t = t.flatMap((q) => q.split(x)));
+      if (!i) return !1;
+      const o = t.pop() ?? "", u = [...g.value], l = new Set(u.map(s));
+      let v = !1;
+      for (const x of t.map((q) => q.trim()).filter(Boolean)) {
+        const q = [...ae.value, ...R.value].find(
+          (he) => he.label === x || s(he.value) === s(x)
+        ), T = q ?? ft(x);
+        if (!T) continue;
+        const Y = s(T.value);
+        if (!(l.has(Y) || T.disabled)) {
+          if (a.multipleLimit > 0 && u.length >= a.multipleLimit) {
+            p("reject", T.value, "limit");
+            continue;
+          }
+          q || vt(T), l.add(Y), u.push(T.value), v = !0, p("select", T.value, T);
+        }
+      }
+      return v && Q(u), fe(o), !0;
+    }
+    function yt(e) {
+      if (b.value) return;
+      const t = e.target.value;
+      xe.value = t, !Te.value && (jt(t) || fe(t));
     }
-    async function M() {
-      var a;
-      if (t.disabled) return;
-      if (v.value) {
-        h();
+    function Kt(e) {
+      Te.value = !1, yt(e);
+    }
+    async function mt(e) {
+      var o, u;
+      if (b.value || !a.keyboard || e.isComposing || Te.value || e.keyCode === 229)
+        return;
+      if (e.key === "Tab" && y.value && we.value) {
+        Ft(e);
         return;
       }
-      y.value = "";
-      const e = r.value.findIndex((l) => u.value.includes(l.value) && !l.disabled);
-      o.value = e >= 0 ? e : r.value.findIndex((l) => !l.disabled), await G(), t.filterable && ((a = P.value) == null || a.focus());
-    }
-    async function W(e) {
-      var a, l, c;
-      if (!(t.disabled || e.isComposing || e.keyCode === 229))
-        if (["ArrowDown", "ArrowUp", "Home", "End"].includes(e.key)) {
-          if (e.preventDefault(), !v.value) await M();
+      if (e.target.closest(
+        ".hys-ui-select-tag button,.hys-ui-select-clear"
+      ))
+        return;
+      const t = e.target === ee.value, i = e.target;
+      if (!(i !== m.value && !t && !i.matches('[role="option"]') && i.closest(
+        'button,input,textarea,select,a,[role="button"],[contenteditable="true"]'
+      ))) {
+        if (["ArrowDown", "ArrowUp", "Home", "End", "PageDown", "PageUp"].includes(
+          e.key
+        )) {
+          if (e.preventDefault(), !y.value)
+            await N(e.key === "ArrowUp" || e.key === "End");
           else {
-            const b = e.key === "ArrowUp" ? -1 : 1;
-            let A = e.key === "Home" ? -1 : e.key === "End" ? r.value.length : o.value;
-            for (let U = 0; U < r.value.length; U++)
-              if (A = (A + (e.key === "End" ? -1 : b) + r.value.length) % r.value.length, !r.value[A].disabled) {
-                o.value = A;
+            const l = S.value, v = ["ArrowUp", "End", "PageUp"].includes(e.key) ? -1 : 1;
+            let f = e.key === "Home" ? -1 : e.key === "End" ? l.length : l.findIndex((x) => x.key === O.value);
+            e.key.startsWith("Page") && (f = Math.max(
+              -1,
+              Math.min(
+                l.length,
+                f + v * (Math.max(1, Math.floor(re.value / I.value)) - 1)
+              )
+            ));
+            for (let x = 0; x < l.length; x++)
+              if (f = (f + v + l.length) % l.length, l[f].option && !J(l[f].option)) {
+                O.value = l[f].key;
                 break;
               }
           }
-          await q(), (l = (a = B.value) == null ? void 0 : a.querySelector('[data-active="true"]')) == null || l.scrollIntoView({ block: "nearest" });
-        } else e.key === "Enter" || e.key === " " && !t.filterable ? (e.preventDefault(), v.value ? S(o.value) : await M()) : e.key === "Tab" && h(!!((c = B.value) != null && c.contains(document.activeElement)));
-    }
-    return m(y, (e) => {
-      o.value = r.value.findIndex((a) => !a.disabled), k("search", e);
-    }), m(r, (e) => {
-      (!e[o.value] || e[o.value].disabled) && (o.value = e.findIndex((a) => !a.disabled)), v.value && q(J);
-    }, { deep: !0 }), m(() => t.popupMatchWidth, () => {
-      v.value && (h(), M());
-    }), m(v, (e) => k("visibleChange", e)), m(() => t.disabled, (e) => {
-      e && h();
-    }), R({ focus: () => {
-      var e;
-      return (e = g.value) == null ? void 0 : e.focus();
-    }, blur: () => {
+          await Z();
+        } else if (e.key === "Enter" || e.key === " " && !t)
+          e.preventDefault(), y.value ? await pt(ce.value) : await N();
+        else if (e.key === "Tab")
+          w(!!((o = C.value) != null && o.contains(document.activeElement)));
+        else if (e.key === "Backspace" && z.value && !k.value) {
+          const l = [...B.value].reverse().find((v) => !v.disabled);
+          l && a.removable && (e.preventDefault(), Pe(l), t && (await V(), (u = ee.value) == null || u.focus()));
+        } else if (!ne.value && e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) {
+          Le += e.key.toLocaleLowerCase(), clearTimeout(Oe), Oe = setTimeout(() => {
+            Le = "";
+          }, 600), y.value || await N();
+          const l = st().find(
+            (v) => v.option.label.toLocaleLowerCase().startsWith(Le)
+          );
+          l && (O.value = l.key, await Z());
+        }
+      }
+    }
+    function bt(e) {
+      de || (de = !0, p("focus", e)), a.showOnFocus && !y.value && !Vt.value && e.target === m.value && N();
+    }
+    function gt(e) {
+      var i, o;
+      const t = e.relatedTarget;
+      t && ((i = m.value) != null && i.contains(t) || (o = C.value) != null && o.contains(t)) || V(() => {
+        var l, v;
+        const u = document.activeElement;
+        de && !((l = m.value) != null && l.contains(u)) && !((v = C.value) != null && v.contains(u)) && (de = !1, we.value && w(), p("blur", e));
+      });
+    }
+    function Wt(e) {
+      const t = e.target;
+      Be.value = t.scrollTop, p("popupScroll", e), t.scrollTop + t.clientHeight >= t.scrollHeight - 2 && p("reachEnd");
+    }
+    function Ne() {
+      G == null || G.disconnect(), G = void 0, cancelAnimationFrame(Re);
+    }
+    function qt() {
+      if (Ne(), !y.value || !U) return;
+      const e = () => {
+        cancelAnimationFrame(Re), Re = requestAnimationFrame(() => {
+          var t;
+          We.value = ((t = m.value) == null ? void 0 : t.clientWidth) ?? 0, ze();
+        });
+      };
+      typeof ResizeObserver < "u" && (G = new ResizeObserver(e), m.value && G.observe(m.value), C.value && G.observe(C.value));
+    }
+    X(k, (e) => {
+      xe.value = e, O.value = void 0, Be.value = 0, H.value && (H.value.scrollTop = 0), Ve(), p("search", e), $e(e), y.value && V(Z);
+    }), X(S, () => {
+      var t;
+      const e = !((t = ce.value) != null && t.option) || J(ce.value.option);
+      e && Ve(), y.value && V(() => {
+        ze(), e && Z();
+      });
+    }), X(
+      [
+        g,
+        F,
+        () => a.popupMatchWidth,
+        () => a.popupWidth,
+        () => a.placement
+      ],
+      () => {
+        y.value && V(ze);
+      }
+    ), X(y, (e) => {
+      var t;
+      p("visibleChange", e), e ? (We.value = ((t = m.value) == null ? void 0 : t.clientWidth) ?? 0, V(qt), $e(k.value)) : (Ne(), pe(), clearTimeout(Oe), Le = "");
+    }), X(
+      () => a.open,
+      (e) => {
+        U && (e ? N(!1, !0) : e === !1 && w(!1, !0));
+      }
+    ), X(
+      b,
+      (e) => {
+        e && (w(!1, !0), pe(), p("update:open", !1));
+      },
+      { flush: "sync" }
+    ), X(
+      () => a.remoteMethod,
+      () => {
+        ge.value = void 0, le.value = void 0, y.value && $e(k.value);
+      }
+    );
+    function kt() {
+      U = !1, w(!1, !0), Ne(), pe(), clearTimeout(Oe), de = !1;
+    }
+    return Nt(() => {
       var e;
-      return (e = g.value) == null ? void 0 : e.blur();
-    }, close: () => h() }), (e, a) => (s(), n("div", F(i(N), {
-      class: ["hys-ui-select-wrap", "hys-ui-select-" + d.size]
-    }), [
-      L("button", {
-        ref_key: "trigger",
-        ref: g,
-        type: "button",
-        class: "hys-ui-select",
-        "aria-label": d.ariaLabel,
-        disabled: d.disabled,
-        role: "combobox",
-        "aria-haspopup": "listbox",
-        "aria-expanded": i(v),
-        "aria-controls": i(v) ? i(f) : void 0,
-        "aria-activedescendant": i(v) ? i(f) + "-" + o.value : void 0,
-        onClick: M,
-        onKeydown: W
-      }, [
-        L("span", ce, [
-          C(e.$slots, "label", { selected: w.value }, () => {
-            var l, c;
-            return [
-              x.value && w.value.length ? (s(!0), n(D, { key: 0 }, K(w.value, (b) => (s(), n("span", {
-                key: b.value,
-                class: "hys-ui-select-tag"
-              }, z(b.label), 1))), 128)) : (s(), n("span", {
+      Je(), a.autofocus && !b.value && ((e = m.value) == null || e.focus()), (a.open ?? a.defaultOpen) && N(!1, !0);
+    }), Ut(Je), Qt(() => {
+      U = !0, a.open && N(!1, !0);
+    }), Yt(kt), Xt(kt), At({
+      focus: () => {
+        var e;
+        b.value || (e = m.value) == null || e.focus();
+      },
+      blur: () => {
+        var t, i;
+        const e = document.activeElement;
+        e && ((t = m.value) != null && t.contains(e) || (i = C.value) != null && i.contains(e)) && e.blur(), w();
+      },
+      open: () => N(),
+      close: () => w(),
+      scrollTo: (e) => {
+        O.value = s(e), Z();
+      },
+      retry: Ie,
+      selectAll: rt,
+      deselectAll: ct,
+      selected: B,
+      query: k,
+      isOpen: y
+    }), (e, t) => {
+      var i, o, u;
+      return d(), h("div", Ue(n(Xe), {
+        class: ["hys-ui-select-wrap", [e.$attrs.class, "hys-ui-select-" + n(F)]],
+        style: e.$attrs.style
+      }), [
+        $("button", {
+          hidden: "",
+          type: "button",
+          tabindex: "-1",
+          "aria-hidden": "true",
+          disabled: n(b),
+          onClick: t[0] || (t[0] = Ee((l) => {
+            var v;
+            (v = m.value) == null || v.focus(), ht();
+          }, ["prevent"]))
+        }, null, 8, cl),
+        $("div", Ue({
+          ref_key: "trigger",
+          ref: m
+        }, Et(), {
+          class: ["hys-ui-select", {
+            "hys-ui-select-disabled": n(b),
+            "hys-ui-select-borderless": !r.bordered,
+            "hys-ui-select-error": Ce.value === "error",
+            "hys-ui-select-warning": Ce.value === "warning",
+            "hys-ui-select-success": Ce.value === "success"
+          }],
+          id: e.$attrs.id || ((i = n(D)) == null ? void 0 : i.id.value) || void 0,
+          "data-hys-ui-field-managed": "",
+          role: "combobox",
+          tabindex: n(b) ? -1 : 0,
+          "aria-label": r.ariaLabel || n(Ge) || Fe.value || B.value.map((l) => l.label).join("、") || r.placeholder,
+          "aria-haspopup": "listbox",
+          "aria-expanded": n(y),
+          "aria-disabled": n(b) || void 0,
+          "aria-readonly": r.readonly || void 0,
+          "aria-required": ((o = n(D)) == null ? void 0 : o.required.value) || void 0,
+          "aria-invalid": Ce.value === "error" || !1,
+          "aria-describedby": [e.$attrs["aria-describedby"], (u = n(D)) == null ? void 0 : u.describedBy.value].filter(Boolean).join(" ") || void 0,
+          "aria-controls": n(y) ? n(se) : void 0,
+          "aria-activedescendant": n(y) ? ot.value : void 0,
+          onClick: t[1] || (t[1] = Ee((l) => !l.target.closest("button") && ht(), ["prevent"])),
+          onKeydown: mt,
+          onFocusin: bt,
+          onFocusout: gt
+        }), [
+          $("span", vl, [
+            A(e.$slots, "label", { selected: B.value }, () => {
+              var l, v;
+              return [
+                z.value && B.value.length ? (d(), h(ue, { key: 0 }, [
+                  (d(!0), h(ue, null, Qe(tt.value, (f) => (d(), h("span", {
+                    key: n(s)(f.value),
+                    class: "hys-ui-select-tag"
+                  }, [
+                    A(e.$slots, "tag", {
+                      option: f,
+                      remove: () => Pe(f),
+                      disabled: n(b) || r.readonly || f.disabled
+                    }, () => [
+                      $("span", {
+                        class: "hys-ui-select-tag-text",
+                        title: f.label
+                      }, M(r.maxTagTextLength && f.label.length > r.maxTagTextLength ? f.label.slice(0, r.maxTagTextLength) + "…" : f.label), 9, fl),
+                      r.removable && !r.readonly && !f.disabled ? (d(), h("button", {
+                        key: 0,
+                        type: "button",
+                        disabled: n(b),
+                        "aria-label": "移除 " + f.label,
+                        onClick: Ee((x) => Pe(f), ["stop"])
+                      }, [
+                        A(e.$slots, "remove-icon", {}, () => [
+                          me(n(Tt), {
+                            size: ie.value - 3
+                          }, null, 8, ["size"])
+                        ], !0)
+                      ], 8, pl)) : E("", !0)
+                    ], !0)
+                  ]))), 128)),
+                  Se.value.length ? (d(), h("span", {
+                    key: 0,
+                    class: "hys-ui-select-tag hys-ui-select-more",
+                    title: Se.value.map((f) => f.label).join("、")
+                  }, [
+                    A(e.$slots, "max-tag", { omitted: Se.value }, () => [
+                      _("+" + M(Se.value.length), 1)
+                    ], !0)
+                  ], 8, hl)) : E("", !0)
+                ], 64)) : (d(), h("span", {
+                  key: 1,
+                  class: xt(["hys-ui-select-single-label", { "hys-ui-select-placeholder": !B.value.length }]),
+                  title: (l = B.value[0]) == null ? void 0 : l.label
+                }, M(((v = B.value[0]) == null ? void 0 : v.label) ?? r.placeholder), 11, yl))
+              ];
+            }, !0)
+          ]),
+          r.showArrow || P.value ? (d(), h("span", ml, [
+            A(e.$slots, "suffix", {
+              open: n(y),
+              loading: P.value
+            }, () => [
+              P.value ? (d(), Ye(n(_t), {
+                key: 0,
+                class: "hys-ui-icon-spin",
+                size: ie.value
+              }, null, 8, ["size"])) : (d(), Ye(n(el), {
                 key: 1,
-                class: "hys-ui-select-single-label",
-                title: (l = w.value[0]) == null ? void 0 : l.label
-              }, z(((c = w.value[0]) == null ? void 0 : c.label) || d.placeholder), 9, ve))
-            ];
-          }, !0)
-        ]),
-        d.loading ? (s(), E(i(ie), {
+                class: "hys-ui-select-chevron",
+                size: ie.value,
+                "aria-hidden": "true"
+              }, null, 8, ["size"]))
+            ], !0)
+          ])) : E("", !0)
+        ], 16, dl),
+        r.clearable && g.value.length && !n(b) && !r.readonly ? (d(), h("button", {
           key: 0,
-          class: "hys-ui-icon-spin",
-          size: 16
-        })) : (s(), E(i(se), {
-          key: 1,
-          class: "hys-ui-select-chevron",
-          size: 16,
-          "aria-hidden": "true"
-        }))
-      ], 40, de),
-      d.clearable && u.value.length && !d.disabled ? (s(), n("button", {
-        key: 0,
-        type: "button",
-        class: "hys-ui-select-clear",
-        "aria-label": "清空选择",
-        onClick: Z(O, ["stop"])
-      }, [
-        _(i(oe), { size: 13 })
-      ])) : V("", !0),
-      (s(), E(ee, { to: "body" }, [
-        i(v) ? (s(), n("div", F({
-          key: 0,
-          ref_key: "panel",
-          ref: B
-        }, i(N), {
-          class: "hys-ui-select-options hys-ui-floating-surface",
-          style: i(j),
-          onKeydown: W
-        }), [
-          d.filterable ? le((s(), n("input", {
-            key: 0,
-            ref_key: "searchInput",
-            ref: P,
-            "onUpdate:modelValue": a[0] || (a[0] = (l) => y.value = l),
-            class: "hys-ui-select-search",
-            placeholder: "搜索选项…",
-            "aria-label": "搜索选项",
-            "aria-controls": i(f),
-            "aria-activedescendant": i(f) + "-" + o.value
-          }, null, 8, ye)), [
-            [ae, y.value]
-          ]) : V("", !0),
-          L("div", {
-            id: i(f),
-            role: "listbox",
-            "aria-multiselectable": x.value || void 0
-          }, [
-            d.loading ? (s(), n("p", he, [
-              C(e.$slots, "loading", {}, () => [
-                a[1] || (a[1] = H("加载中…", -1))
-              ], !0)
-            ])) : (s(), n(D, { key: 1 }, [
-              (s(!0), n(D, null, K(r.value, (l, c) => (s(), n("button", {
-                id: i(f) + "-" + c,
-                key: l.value,
-                type: "button",
-                role: "option",
-                class: te(["hys-ui-select-option", { "hys-ui-selected": u.value.includes(l.value), "hys-ui-active": o.value === c && !l.disabled }]),
-                "data-active": o.value === c,
-                "aria-selected": u.value.includes(l.value),
-                disabled: l.disabled,
-                onPointerenter: (b) => !l.disabled && (o.value = c),
-                onClick: (b) => S(c)
-              }, [
-                L("span", {
-                  class: "hys-ui-select-option-label",
-                  title: l.label
+          type: "button",
+          class: "hys-ui-select-clear",
+          "aria-label": "清空选择",
+          onClick: Ee(Ht, ["stop"])
+        }, [
+          A(e.$slots, "clear-icon", {}, () => [
+            me(n(Tt), {
+              size: ie.value - 2
+            }, null, 8, ["size"])
+          ], !0)
+        ])) : E("", !0),
+        r.name ? (d(!0), h(ue, { key: 1 }, Qe(g.value, (l, v) => (d(), h("input", {
+          key: v,
+          type: "hidden",
+          name: r.name,
+          value: String(typeof l == "object" ? n(ol)(l, r.valueKey) ?? "" : l),
+          disabled: n(b)
+        }, null, 8, bl))), 128)) : E("", !0),
+        (d(), Ye(Gt, {
+          to: r.appendTo === !1 ? "body" : r.appendTo,
+          disabled: r.appendTo === !1
+        }, [
+          me(n(Zt), {
+            "popup-transition": a.popupTransition,
+            "popup-transition-duration": a.popupTransitionDuration,
+            placement: n(ut)
+          }, {
+            default: Jt(() => [
+              n(y) ? (d(), h("div", Ue({
+                key: 0,
+                ref_key: "panel",
+                ref: C
+              }, n(Xe), {
+                class: ["hys-ui-select-options hys-ui-floating-surface", ["hys-ui-select-popup-" + n(F), r.popupClass]],
+                "data-size": n(F),
+                "data-placement": n(ut),
+                style: $t.value,
+                onKeydown: mt,
+                onFocusin: bt,
+                onFocusout: gt
+              }), [
+                e.$slots.header ? (d(), h("div", kl, [
+                  A(e.$slots, "header", {
+                    query: k.value,
+                    selected: B.value,
+                    close: () => n(w)()
+                  }, void 0, !0)
+                ])) : E("", !0),
+                ne.value ? (d(), h("input", {
+                  key: 1,
+                  ref_key: "searchInput",
+                  ref: ee,
+                  value: xe.value,
+                  class: "hys-ui-select-search",
+                  placeholder: "搜索选项…",
+                  "aria-label": "搜索选项",
+                  "aria-controls": n(se),
+                  "aria-activedescendant": ot.value,
+                  "aria-autocomplete": "list",
+                  onInput: yt,
+                  onCompositionstart: t[2] || (t[2] = (l) => Te.value = !0),
+                  onCompositionend: Kt
+                }, null, 40, xl)) : E("", !0),
+                we.value ? (d(), h("div", Tl, [
+                  $("span", {
+                    class: "hys-ui-select-bulk-count",
+                    "aria-live": "polite",
+                    title: r.selectAllScope === "filtered" ? "批量操作仅作用于当前结果；禁用项保持不变" : "批量操作所有已加载选项；禁用项保持不变"
+                  }, M(r.selectAllScope === "filtered" && k.value ? "当前结果 · " : "") + "已选 " + M(g.value.length) + M(r.multipleLimit > 0 ? " / " + r.multipleLimit : ""), 9, Sl),
+                  $("button", {
+                    type: "button",
+                    class: "hys-ui-select-bulk-action",
+                    disabled: Me.value || !Mt.value || Ae.value,
+                    "aria-label": r.selectAllText + (r.selectAllScope === "filtered" ? "当前结果" : "全部选项"),
+                    onClick: rt
+                  }, M(r.selectAllText), 9, Al),
+                  $("button", {
+                    type: "button",
+                    class: "hys-ui-select-bulk-action",
+                    disabled: Me.value || !lt.value.length,
+                    "aria-label": r.deselectAllText + (r.selectAllScope === "filtered" ? "当前结果" : "全部选项"),
+                    onClick: ct
+                  }, M(r.deselectAllText), 9, Cl)
+                ])) : E("", !0),
+                $("div", {
+                  id: n(se),
+                  ref_key: "viewport",
+                  ref: H,
+                  role: "listbox",
+                  "aria-label": r.ariaLabel || n(Ge) || "可选项",
+                  "aria-multiselectable": z.value || void 0,
+                  "aria-busy": P.value || void 0,
+                  class: "hys-ui-select-list",
+                  style: be({
+                    maxHeight: "min(" + re.value + "px, 45dvh)"
+                  }),
+                  onScroll: Wt
                 }, [
-                  C(e.$slots, "option", {
-                    option: l,
-                    selected: u.value.includes(l.value)
-                  }, () => [
-                    H(z(l.label), 1)
-                  ], !0)
-                ], 8, pe),
-                u.value.includes(l.value) ? (s(), E(i(ue), {
-                  key: 0,
-                  size: 15,
-                  "aria-hidden": "true"
-                })) : V("", !0)
-              ], 42, be))), 128)),
-              r.value.length ? V("", !0) : (s(), n("p", me, [
-                C(e.$slots, "empty", {}, () => [
-                  H(z(d.emptyText), 1)
-                ], !0)
-              ]))
-            ], 64))
-          ], 8, fe),
-          C(e.$slots, "footer", {}, void 0, !0)
-        ], 16)) : V("", !0)
-      ]))
-    ], 16));
+                  P.value ? (d(), h("p", Ml, [
+                    A(e.$slots, "loading", {}, () => [
+                      _(M(r.loadingText), 1)
+                    ], !0)
+                  ])) : le.value ? (d(), h("div", Bl, [
+                    A(e.$slots, "error", {
+                      error: le.value,
+                      retry: Ie
+                    }, () => [
+                      t[3] || (t[3] = _("加载失败，", -1)),
+                      $("button", {
+                        type: "button",
+                        class: "hys-ui-select-retry",
+                        onClick: Ie
+                      }, " 重试 ")
+                    ], !0)
+                  ])) : S.value.length ? (d(), h("div", {
+                    key: 2,
+                    style: be(
+                      W.value ? {
+                        height: S.value.length * I.value + "px",
+                        position: "relative"
+                      } : void 0
+                    ),
+                    role: "presentation"
+                  }, [
+                    $("div", {
+                      style: be(
+                        W.value ? {
+                          position: "absolute",
+                          top: 0,
+                          left: 0,
+                          right: 0,
+                          transform: "translateY(" + qe.value * I.value + "px)"
+                        } : void 0
+                      ),
+                      role: "presentation"
+                    }, [
+                      (d(!0), h(ue, null, Qe(it.value, (l) => (d(), h(ue, {
+                        key: l.key
+                      }, [
+                        l.option ? (d(), h("button", {
+                          key: 1,
+                          id: n(se) + "-" + l.index,
+                          type: "button",
+                          role: "option",
+                          tabindex: "-1",
+                          class: xt(["hys-ui-select-option", {
+                            "hys-ui-selected": j.value.has(
+                              n(s)(l.option.value)
+                            ),
+                            "hys-ui-active": O.value === l.key && !J(l.option),
+                            "hys-ui-select-created": l.created
+                          }]),
+                          style: be(
+                            W.value ? {
+                              height: "calc(var(--hys-ui-select-stride) - var(--hys-ui-select-option-gap))",
+                              minHeight: 0
+                            } : void 0
+                          ),
+                          "data-active": O.value === l.key,
+                          "aria-label": l.created ? "创建 " + l.option.label : l.option.label,
+                          "aria-description": l.group,
+                          "aria-selected": j.value.has(n(s)(l.option.value)),
+                          "aria-setsize": Bt.value,
+                          "aria-posinset": l.index + 1,
+                          disabled: J(l.option),
+                          onPointerenter: (v) => !J(l.option) && (O.value = l.key),
+                          onClick: (v) => pt(l)
+                        }, [
+                          $("span", {
+                            class: "hys-ui-select-option-label",
+                            title: l.option.label
+                          }, [
+                            A(e.$slots, "option", {
+                              option: l.option,
+                              selected: j.value.has(n(s)(l.option.value)),
+                              created: !!l.created
+                            }, () => [
+                              l.created ? (d(), h("span", zl, [
+                                me(n(tl), { size: ie.value }, null, 8, ["size"]),
+                                _("创建 " + M(l.option.label), 1)
+                              ])) : (d(), h(ue, { key: 1 }, [
+                                _(M(l.option.label), 1)
+                              ], 64))
+                            ], !0)
+                          ], 8, Ll),
+                          r.showCheckmark && j.value.has(n(s)(l.option.value)) ? A(e.$slots, "selected-icon", {
+                            option: l.option
+                          }, () => [
+                            me(n(ll), {
+                              size: ie.value - 1,
+                              "aria-hidden": "true"
+                            }, null, 8, ["size"])
+                          ], !0, 0) : E("", !0)
+                        ], 46, Ol)) : (d(), h("div", {
+                          key: 0,
+                          class: "hys-ui-select-group",
+                          style: be(
+                            W.value ? { height: I.value + "px" } : void 0
+                          ),
+                          role: "presentation"
+                        }, [
+                          A(e.$slots, "group", {
+                            label: l.group
+                          }, () => [
+                            _(M(l.group), 1)
+                          ], !0)
+                        ], 4))
+                      ], 64))), 128))
+                    ], 4)
+                  ], 4)) : (d(), h("p", Vl, [
+                    A(e.$slots, "empty", { query: k.value }, () => [
+                      _(M(k.value ? r.noMatchText : r.emptyText), 1)
+                    ], !0)
+                  ]))
+                ], 44, wl),
+                e.$slots.footer ? (d(), h("div", $l, [
+                  A(e.$slots, "footer", {
+                    query: k.value,
+                    selected: B.value,
+                    close: () => n(w)()
+                  }, void 0, !0)
+                ])) : E("", !0)
+              ], 16, gl)) : E("", !0)
+            ]),
+            _: 3
+          }, 8, ["popup-transition", "popup-transition-duration", "placement"])
+        ], 8, ["to", "disabled"]))
+      ], 16);
+    };
   }
 });
 export {
-  Ve as default
+  Dl as default
 };