hys-ui 0.2.0 → 0.3.0

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

@@ -1,36 +1,44 @@
-import { defineComponent as Va, useAttrs as za, inject as La, ref as w, useId as $a, shallowRef as pe, computed as r, watch as I, nextTick as z, onMounted as Ea, onUpdated as Fa, onActivated as Ha, onDeactivated as ja, onBeforeUnmount as Wa, openBlock as c, createElementBlock as v, mergeProps as qe, unref as s, createElementVNode as U, withModifiers as Ae, renderSlot as x, Fragment as le, renderList as Pe, toDisplayString as Q, createVNode as Oe, createCommentVNode as L, createTextVNode as J, normalizeClass as va, createBlock as Re, Teleport as Ka, normalizeStyle as he } from "vue";
-import { X as fa, LoaderCircle as qa, ChevronDown as Pa, Plus as Ra, Check as Da } from "lucide-vue-next";
-import { fieldKey as Na, useHysControlState as Ia, formValue as Ua } from "../../composables/formContext.js";
-import { useHysRootAttrs as Qa } from "../../config.js";
-import { useFloating as Ya } from "../../composables/useFloating.js";
-import { normalizeSelectOptions as Xa, selectKeyFactory as Ga } from "../../composables/selectOptions.js";
-const Ja = ["disabled"], Za = ["id", "tabindex", "aria-label", "aria-expanded", "aria-disabled", "aria-readonly", "aria-required", "aria-invalid", "aria-describedby", "aria-controls", "aria-activedescendant"], _a = { class: "hys-ui-select-label" }, et = ["title"], at = ["disabled", "aria-label", "onClick"], tt = ["title"], lt = ["title"], ot = {
+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-select-suffix"
-}, it = ["name", "value", "disabled"], ut = ["data-size", "data-placement"], st = {
+}, bl = ["name", "value", "disabled"], gl = ["data-size", "data-placement"], kl = {
   key: 0,
   class: "hys-ui-select-header"
-}, nt = ["value", "aria-controls", "aria-activedescendant"], rt = ["id", "aria-label", "aria-multiselectable", "aria-busy"], ct = {
+}, 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"
-}, dt = {
+}, Bl = {
   key: 1,
   class: "hys-ui-floating-empty",
   role: "status"
-}, vt = ["id", "data-active", "aria-label", "aria-description", "aria-selected", "aria-setsize", "aria-posinset", "disabled", "onPointerenter", "onClick"], ft = ["title"], pt = {
+}, 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"
-}, ht = {
+}, Vl = {
   key: 3,
   class: "hys-ui-floating-empty"
-}, yt = {
-  key: 2,
+}, $l = {
+  key: 3,
   class: "hys-ui-select-footer"
-}, Ct = /* @__PURE__ */ Va({
+}, 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: {},
     defaultValue: {},
     options: { default: () => [] },
@@ -41,13 +49,17 @@ const Ja = ["disabled"], Za = ["id", "tabindex", "aria-label", "aria-expanded",
     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: {},
+    maxTagCount: { default: 3 },
     maxTagTextLength: {},
     removable: { type: Boolean, default: !0 },
     clearSearchAfterSelect: { type: Boolean, default: !1 },
@@ -89,808 +101,932 @@ const Ja = ["disabled"], Za = ["id", "tabindex", "aria-label", "aria-expanded",
     autofocus: { type: Boolean },
     name: {}
   },
-  emits: ["update:modelValue", "change", "clear", "update:open", "visibleChange", "update:searchValue", "search", "select", "deselect", "removeTag", "create", "reject", "searchError", "focus", "blur", "popupScroll", "reachEnd"],
-  setup(d, { expose: pa, emit: ha }) {
-    const l = d, f = ha, ya = za(), De = Qa(), $ = La(Na, void 0), {
-      disabled: m,
-      size: B,
-      label: Ne
-    } = Ia(l), b = w(), H = w(), A = w(), Z = w(), oe = $a(), Ve = w("");
-    function Ie() {
-      var o;
-      const e = (o = b.value) == null ? void 0 : o.closest("label");
+  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) {
-        Ve.value = "";
+        Fe.value = "";
         return;
       }
-      const a = e.cloneNode(!0);
-      a.querySelectorAll(".hys-ui-select-wrap").forEach((i) => i.remove()), Ve.value = (a.textContent ?? "").replace(/\s+/g, " ").trim();
-    }
-    const Ue = pe(l.defaultValue ?? null), _ = r(
-      () => l.modelValue !== void 0 ? l.modelValue : Ue.value
-    ), j = r(() => l.multiple || Array.isArray(_.value)), n = Ga(() => l.valueKey), g = r(() => {
-      const e = Array.isArray(_.value) ? _.value.filter((o) => o != null) : _.value == null || l.emptyValues.some((o) => Object.is(o, _.value)) ? [] : [_.value], a = /* @__PURE__ */ new Set();
-      return e.filter((o) => {
-        const i = n(o);
-        return a.has(i) ? !1 : (a.add(i), !0);
+      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);
       });
-    }), W = r(() => new Set(g.value.map(n))), K = pe([]), q = pe(/* @__PURE__ */ new Map()), ye = pe(), me = w(!1), ie = pe(), Qe = w(""), be = w(l.searchValue ?? ""), ge = w(!1), k = r(() => l.searchValue ?? Qe.value), ue = r(() => l.filterable || l.allowCreate), Ye = r(
-      () => Xa(
-        ye.value ?? l.options,
-        l.fieldNames,
-        n
+    }), 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
       )
-    ), se = r(
-      () => Ye.value.flatMap((e) => e.option ? [e.option] : [])
+    ), ae = c(
+      () => et.value.flatMap((e) => e.option ? [e.option] : [])
     );
-    I(
-      [se, g, K],
+    X(
+      [ae, g, R],
       () => {
-        const e = q.value, a = /* @__PURE__ */ new Map();
-        for (const o of [...K.value, ...se.value])
-          a.set(n(o.value), o);
-        for (const o of g.value) {
-          const i = n(o);
-          !a.has(i) && e.has(i) && a.set(i, e.get(i));
+        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));
         }
-        q.value = a;
+        K.value = t;
       },
       { immediate: !0 }
     );
-    function Xe(e) {
-      if (l.fallbackOption !== !1)
-        return typeof l.fallbackOption == "function" ? l.fallbackOption(e) : {
+    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[l.valueKey] ?? "未命名选项" : e
+            typeof e == "object" ? e.label ?? e.name ?? e[a.valueKey] ?? "未命名选项" : e
           )
         };
     }
-    const M = r(
+    const B = c(
       () => g.value.flatMap((e) => {
-        const a = q.value.get(n(e)) ?? Xe(e);
-        return a ? [a] : [];
+        const t = K.value.get(s(e)) ?? He(e);
+        return t ? [t] : [];
       })
-    ), Ge = r(
-      () => M.value.slice(
+    ), tt = c(
+      () => B.value.slice(
         0,
-        l.maxTagCount === void 0 ? void 0 : Math.max(0, l.maxTagCount)
+        a.maxTagCount === void 0 ? void 0 : Math.max(0, a.maxTagCount)
       )
-    ), ke = r(
-      () => M.value.slice(Ge.value.length)
-    ), P = r(() => l.loading || me.value), ze = r(
-      () => j.value && l.multipleLimit > 0 && g.value.length >= l.multipleLimit
-    ), xe = r(
+    ), 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, a;
-        return l.status ?? ((e = $ == null ? void 0 : $.invalid) != null && e.value ? "error" : (a = $ == null ? void 0 : $.status) == null ? void 0 : a.value);
+        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);
       }
-    ), ee = r(
-      () => B.value === "sm" ? 14 : B.value === "lg" ? 18 : 16
-    ), E = r(
+    ), ie = c(
+      () => F.value === "sm" ? 14 : F.value === "lg" ? 18 : 16
+    ), I = c(
       () => Math.max(
         24,
-        l.itemHeight ?? (B.value === "sm" ? 34 : B.value === "lg" ? 50 : 42)
+        a.itemHeight ?? (F.value === "sm" ? 34 : F.value === "lg" ? 50 : 42)
       )
-    ), Le = r(() => {
+    ), je = c(() => {
       const e = k.value.trim();
-      if (!(!l.allowCreate || !e || [...se.value, ...K.value].some(
-        (a) => a.label === e || n(a.value) === n(e)
+      if (!(!a.allowCreate || !e || [...ae.value, ...R.value].some(
+        (t) => t.label === e || s(t.value) === s(e)
       )))
         return { value: e, label: e };
-    }), T = r(() => {
-      let e = Ye.value.filter((u) => u.option).concat(
-        K.value.filter(
-          (u) => !se.value.some(
-            (t) => n(t.value) === n(u.value)
+    }), 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: n(u.value), option: u, index: -1 }))
+        ).map((u) => ({ key: s(u.value), option: u, index: -1 }))
       );
-      !l.remote && !l.remoteMethod && (e = e.filter(
-        (u) => !k.value || (l.filterMethod ? l.filterMethod(k.value, u.option) : u.option.label.toLocaleLowerCase().includes(k.value.toLocaleLowerCase()))
-      )), l.filterSort && (e = [...e].sort(
-        (u, t) => l.filterSort(u.option, t.option)
-      )), Le.value && (e = [
+      !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:" + n(Le.value.value),
-          option: Le.value,
+          key: "create:" + s(je.value.value),
+          option: je.value,
           created: !0,
           index: -1
         },
         ...e
       ]);
-      const a = [];
-      let o, i = 0;
+      const t = [];
+      let i, o = 0;
       for (const u of e)
-        u.group !== o && (o = u.group, o && a.push({ key: "group:" + o + ":" + i, index: -1, group: o })), a.push({ ...u, index: i++ });
-      return a;
-    }), ma = r(
-      () => T.value.filter((e) => e.option).length
-    ), S = w(), Te = w(0), $e = w(0), O = r(
-      () => l.virtual && T.value.length > 100
-    ), ne = r(
+        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(l.listHeight) ? l.listHeight : 240)
+        Math.max(80, Number.isFinite(a.listHeight) ? a.listHeight : 240)
       )
-    ), Je = r(() => Math.max(1, Math.min(30, l.overscan))), Ee = r(
-      () => O.value ? Math.max(
+    ), at = c(() => Math.max(1, Math.min(30, a.overscan))), qe = c(
+      () => W.value ? Math.max(
         0,
         Math.min(
-          Math.max(0, T.value.length - 1),
-          Math.floor(Te.value / E.value) - Je.value
+          Math.max(0, S.value.length - 1),
+          Math.floor(Be.value / I.value) - at.value
         )
       ) : 0
-    ), Ze = r(
-      () => O.value ? T.value.slice(
-        Ee.value,
-        Ee.value + Math.ceil(ne.value / E.value) + Je.value * 2
-      ) : T.value
-    ), re = r(
-      () => T.value.find((e) => e.key === S.value)
-    ), _e = r(
+    ), 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 = re.value) != null && e.option) && (!O.value || Ze.value.some((a) => a.key === S.value)) ? oe + "-" + re.value.index : void 0;
+        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;
       }
-    ), ba = r(() => {
-      var o;
-      if (!O.value || l.popupMatchWidth || l.popupWidth !== void 0)
-        return l.popupWidth;
-      const e = B.value === "sm" ? 12 : B.value === "lg" ? 15 : 14;
-      let a = 0;
-      for (const i of T.value) {
-        const u = ((o = i.option) == null ? void 0 : o.label) ?? i.group ?? "";
-        let t = 0;
-        for (const y of u) t += y.charCodeAt(0) > 255 ? 1 : 0.58;
-        a = Math.max(a, t * e);
+    ), 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($e.value, a + 52);
+      return Math.max(We.value, t + 52);
     });
-    let R = !0, ce = !1, de = 0, ae, Fe, Y, He = 0, Ce, Me = "";
+    let U = !0, de = !1, ve = 0, oe, De, G, Re = 0, Oe, Le = "";
     const {
-      open: h,
-      style: ga,
-      placement: ka,
-      show: xa,
-      close: V,
-      update: Se,
-      restoringFocus: Ta
-    } = Ya(b, H, {
+      open: y,
+      style: Lt,
+      placement: ut,
+      show: zt,
+      close: w,
+      update: ze,
+      restoringFocus: Vt
+    } = sl(m, C, {
       get placement() {
-        return l.placement;
+        return a.placement;
       },
-      matchWidth: () => l.popupMatchWidth ? !0 : "min",
-      width: () => ba.value,
-      requestOpen: (e) => (f("update:open", e), l.open === void 0 ? void 0 : !1)
-    }), Ca = r(() => ({
-      ...l.popupStyle,
-      ...ga.value,
+      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": E.value + "px",
-      "--hys-ui-select-list-height": ne.value + "px"
-    })), Ma = () => Object.fromEntries(
-      Object.entries(ya).filter(([e]) => !["class", "style"].includes(e))
-    ), X = (e) => !!e.disabled || l.readonly || P.value || m.value || ze.value && !W.value.has(n(e.value));
-    function ea() {
-      return T.value.filter((e) => e.option && !X(e.option));
-    }
-    function we(e = !1) {
-      var i;
-      const a = ea(), o = a.find(
-        (u) => W.value.has(n(u.option.value))
+      "--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))
       );
-      S.value = (i = o ?? (l.defaultActiveFirst ? e ? a.at(-1) : a[0] : void 0)) == null ? void 0 : i.key;
+      O.value = (o = i ?? (a.defaultActiveFirst ? e ? t.at(-1) : t[0] : void 0)) == null ? void 0 : o.key;
     }
-    async function G() {
-      var a, o;
-      const e = T.value.findIndex(
-        (i) => i.key === S.value
+    async function Z() {
+      var t, i;
+      const e = S.value.findIndex(
+        (o) => o.key === O.value
       );
       if (!(e < 0)) {
-        if (O.value && A.value) {
-          const i = e * E.value, u = i + E.value, t = A.value.clientHeight || ne.value;
-          i < A.value.scrollTop ? A.value.scrollTop = i : u > A.value.scrollTop + t && (A.value.scrollTop = u - t), Te.value = A.value.scrollTop;
+        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 z(), O.value || (o = (a = H.value) == null ? void 0 : a.querySelector('[data-active="true"]')) == null || o.scrollIntoView({ block: "nearest" });
+        await V(), W.value || (i = (t = C.value) == null ? void 0 : t.querySelector('[data-active="true"]')) == null || i.scrollIntoView({ block: "nearest" });
       }
     }
-    function te(e) {
-      const a = Array.isArray(e) ? e : e == null || l.emptyValues.some((i) => Object.is(i, e)) ? [] : [e];
-      if (a.length === g.value.length && a.every((i, u) => n(i) === n(g.value[u])))
+    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;
-      l.modelValue === void 0 && (Ue.value = e);
-      const o = a.flatMap((i) => {
-        const u = q.value.get(n(i)) ?? Xe(i);
+      a.modelValue === void 0 && (Ze.value = e);
+      const i = t.flatMap((o) => {
+        const u = K.value.get(s(o)) ?? He(o);
         return u ? [u] : [];
       });
-      f("update:modelValue", e), f("change", e, j.value ? o : o[0]);
+      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;
+      return Array.from(
+        ((e = C.value) == null ? void 0 : e.querySelectorAll(St)) ?? []
+      ).filter(
+        (t) => t.tabIndex >= 0 && t.getClientRects().length && !t.closest("[inert]")
+      );
     }
-    function ve(e) {
-      be.value = e, l.searchValue === void 0 && (Qe.value = e), f("update:searchValue", e);
+    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 aa(e) {
-      q.value.has(n(e.value)) || (K.value = [...K.value, e], q.value = new Map(q.value).set(
-        n(e.value),
+    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
-      ), f("create", e));
+      ), p("create", e));
     }
-    function ta(e) {
+    function ft(e) {
       try {
-        const a = l.createOption ? l.createOption(e) : { label: e, value: e };
-        return a ? { ...a, label: String(a.label) } : void 0;
+        const t = a.createOption ? a.createOption(e) : { label: e, value: e };
+        return t ? { ...t, label: String(t.label) } : void 0;
       } catch {
-        f("reject", e, "create");
+        p("reject", e, "create");
         return;
       }
     }
-    async function la(e) {
+    async function pt(e) {
       var u;
-      if (!(e != null && e.option) || X(e.option)) return;
-      let a = e.option;
+      if (!(e != null && e.option) || J(e.option)) return;
+      let t = e.option;
       if (e.created) {
-        const t = ta(a.label);
-        if (!t) return;
-        if (a = q.value.get(n(t.value)) ?? t, ze.value && !W.value.has(n(a.value))) {
-          f("reject", a.value, "limit");
+        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;
         }
-        aa(a);
+        vt(t);
       }
-      const o = n(a.value), i = W.value.has(o);
-      if (j.value) {
-        if (i)
-          te(g.value.filter((t) => n(t) !== o)), f("deselect", a.value, a);
+      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 (ze.value) {
-            f("reject", a.value, "limit");
+          if (Ae.value) {
+            p("reject", t.value, "limit");
             return;
           }
-          te([...g.value, a.value]), f("select", a.value, a);
+          Q([...g.value, t.value]), p("select", t.value, t);
         }
-        l.clearSearchAfterSelect && ve(""), await z(), h.value && ue.value && ((u = Z.value) == null || u.focus());
+        a.clearSearchAfterSelect && fe(""), await V(), y.value && ne.value && ((u = ee.value) == null || u.focus());
       } else
-        te(a.value), f("select", a.value, a), V(!0);
+        Q(t.value), p("select", t.value, t), w(!0);
     }
-    function je(e) {
-      var a;
-      m.value || l.readonly || e.disabled || !l.removable || (te(g.value.filter((o) => n(o) !== n(e.value))), f("removeTag", e.value, e), f("deselect", e.value, e), (a = b.value) == null || a.focus());
+    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 Sa() {
-      var e, a;
-      m.value || l.readonly || (fe(), te(j.value ? [] : l.clearValue), l.clearCreatedOnClear && (K.value = []), ve(""), f("clear"), h.value && ue.value ? (e = Z.value) == null || e.focus() : (a = b.value) == null || a.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 F(e = !1, a = !1) {
-      var o;
-      !R || m.value || (!l.retainSearch && !l.searchValue && ve(""), we(e), await xa(a), await z(), h.value && (ue.value && ((o = Z.value) == null || o.focus()), await G()));
+    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 oa() {
-      h.value ? V() : F();
+    function ht() {
+      y.value ? w() : N();
     }
-    function fe() {
-      de++, clearTimeout(Fe), Fe = void 0, ae == null || ae.abort(), ae = void 0, me.value = !1;
+    function pe() {
+      ve++, clearTimeout(De), De = void 0, oe == null || oe.abort(), oe = void 0, ke.value = !1;
     }
-    function Be(e, a = !1) {
-      if (fe(), !l.remoteMethod || !h.value || !R || m.value)
+    function $e(e, t = !1) {
+      if (pe(), !a.remoteMethod || !y.value || !U || b.value)
         return;
-      const o = de, i = new AbortController();
-      ae = i, me.value = !0, ie.value = void 0;
+      const i = ve, o = new AbortController();
+      oe = o, ke.value = !0, le.value = void 0;
       const u = async () => {
         try {
-          const t = await l.remoteMethod(e, {
-            signal: i.signal
+          const l = await a.remoteMethod(e, {
+            signal: o.signal
           });
-          if (!R || i.signal.aborted || o !== de || !h.value)
+          if (!U || o.signal.aborted || i !== ve || !y.value)
             return;
-          Array.isArray(t) && (ye.value = t);
-        } catch (t) {
-          if (i.signal.aborted || o !== de || !R) return;
-          ie.value = t, ye.value = [], f("searchError", t, e);
+          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 {
-          o === de && (me.value = !1, ae = void 0, await z(), h.value && (we(), Se(), G()));
+          i === ve && (ke.value = !1, oe = void 0, await V(), y.value && (Ve(), ze(), Z()));
         }
       };
-      a || l.debounce <= 0 ? u() : Fe = setTimeout(u, l.debounce);
+      t || a.debounce <= 0 ? u() : De = setTimeout(u, a.debounce);
     }
-    function We() {
-      Be(k.value, !0);
+    function Ie() {
+      $e(k.value, !0);
     }
-    function wa(e) {
-      var p;
-      if (m.value || l.readonly || P.value || !j.value || !l.allowCreate || !((p = l.tokenSeparators) != null && p.length))
+    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 a = [e], o = !1;
-      for (const C of l.tokenSeparators)
-        C && (a.some((D) => D.includes(C)) && (o = !0), a = a.flatMap((D) => D.split(C)));
-      if (!o) return !1;
-      const i = a.pop() ?? "", u = [...g.value], t = new Set(u.map(n));
-      let y = !1;
-      for (const C of a.map((D) => D.trim()).filter(Boolean)) {
-        const D = [...se.value, ...K.value].find(
-          (da) => da.label === C || n(da.value) === n(C)
-        ), N = D ?? ta(C);
-        if (!N) continue;
-        const ca = n(N.value);
-        if (!(t.has(ca) || N.disabled)) {
-          if (l.multipleLimit > 0 && u.length >= l.multipleLimit) {
-            f("reject", N.value, "limit");
+      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;
           }
-          D || aa(N), t.add(ca), u.push(N.value), y = !0, f("select", N.value, N);
+          q || vt(T), l.add(Y), u.push(T.value), v = !0, p("select", T.value, T);
         }
       }
-      return y && te(u), ve(i), !0;
+      return v && Q(u), fe(o), !0;
     }
-    function ia(e) {
-      if (m.value) return;
-      const a = e.target.value;
-      be.value = a, !ge.value && (wa(a) || ve(a));
+    function yt(e) {
+      if (b.value) return;
+      const t = e.target.value;
+      xe.value = t, !Te.value && (jt(t) || fe(t));
     }
-    function Ba(e) {
-      ge.value = !1, ia(e);
+    function Kt(e) {
+      Te.value = !1, yt(e);
     }
-    async function ua(e) {
-      var i, u;
-      if (m.value || !l.keyboard || e.isComposing || ge.value || e.keyCode === 229 || e.target.closest(
+    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;
+      }
+      if (e.target.closest(
         ".hys-ui-select-tag button,.hys-ui-select-clear"
       ))
         return;
-      const a = e.target === Z.value, o = e.target;
-      if (!(o !== b.value && !a && !o.matches('[role="option"]') && o.closest(
+      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(), !h.value)
-            await F(e.key === "ArrowUp" || e.key === "End");
+          if (e.preventDefault(), !y.value)
+            await N(e.key === "ArrowUp" || e.key === "End");
           else {
-            const t = T.value, y = ["ArrowUp", "End", "PageUp"].includes(e.key) ? -1 : 1;
-            let p = e.key === "Home" ? -1 : e.key === "End" ? t.length : t.findIndex((C) => C.key === S.value);
-            e.key.startsWith("Page") && (p = Math.max(
+            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(
-                t.length,
-                p + y * (Math.max(1, Math.floor(ne.value / E.value)) - 1)
+                l.length,
+                f + v * (Math.max(1, Math.floor(re.value / I.value)) - 1)
               )
             ));
-            for (let C = 0; C < t.length; C++)
-              if (p = (p + y + t.length) % t.length, t[p].option && !X(t[p].option)) {
-                S.value = t[p].key;
+            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 G();
-        } else if (e.key === "Enter" || e.key === " " && !a)
-          e.preventDefault(), h.value ? await la(re.value) : await F();
+          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")
-          V(!!((i = H.value) != null && i.contains(document.activeElement)));
-        else if (e.key === "Backspace" && j.value && !k.value) {
-          const t = [...M.value].reverse().find((y) => !y.disabled);
-          t && l.removable && (e.preventDefault(), je(t), a && (await z(), (u = Z.value) == null || u.focus()));
-        } else if (!ue.value && e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) {
-          Me += e.key.toLocaleLowerCase(), clearTimeout(Ce), Ce = setTimeout(() => {
-            Me = "";
-          }, 600), h.value || await F();
-          const t = ea().find(
-            (y) => y.option.label.toLocaleLowerCase().startsWith(Me)
+          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)
           );
-          t && (S.value = t.key, await G());
+          l && (O.value = l.key, await Z());
         }
       }
     }
-    function sa(e) {
-      ce || (ce = !0, f("focus", e)), l.showOnFocus && !h.value && !Ta.value && e.target === b.value && F();
+    function bt(e) {
+      de || (de = !0, p("focus", e)), a.showOnFocus && !y.value && !Vt.value && e.target === m.value && N();
     }
-    function na(e) {
-      z(() => {
-        var o, i;
-        const a = document.activeElement;
-        ce && !((o = b.value) != null && o.contains(a)) && !((i = H.value) != null && i.contains(a)) && (ce = !1, f("blur", e));
+    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 Aa(e) {
-      const a = e.target;
-      Te.value = a.scrollTop, f("popupScroll", e), a.scrollTop + a.clientHeight >= a.scrollHeight - 2 && f("reachEnd");
+    function Wt(e) {
+      const t = e.target;
+      Be.value = t.scrollTop, p("popupScroll", e), t.scrollTop + t.clientHeight >= t.scrollHeight - 2 && p("reachEnd");
     }
-    function Ke() {
-      Y == null || Y.disconnect(), Y = void 0, cancelAnimationFrame(He);
+    function Ne() {
+      G == null || G.disconnect(), G = void 0, cancelAnimationFrame(Re);
     }
-    function Oa() {
-      if (Ke(), !h.value || !R) return;
+    function qt() {
+      if (Ne(), !y.value || !U) return;
       const e = () => {
-        cancelAnimationFrame(He), He = requestAnimationFrame(() => {
-          var a;
-          $e.value = ((a = b.value) == null ? void 0 : a.clientWidth) ?? 0, Se();
+        cancelAnimationFrame(Re), Re = requestAnimationFrame(() => {
+          var t;
+          We.value = ((t = m.value) == null ? void 0 : t.clientWidth) ?? 0, ze();
         });
       };
-      typeof ResizeObserver < "u" && (Y = new ResizeObserver(e), b.value && Y.observe(b.value), H.value && Y.observe(H.value));
-    }
-    I(k, (e) => {
-      be.value = e, S.value = void 0, Te.value = 0, A.value && (A.value.scrollTop = 0), we(), f("search", e), Be(e), h.value && z(G);
-    }), I(T, () => {
-      var a;
-      const e = !((a = re.value) != null && a.option) || X(re.value.option);
-      e && we(), h.value && z(() => {
-        Se(), e && G();
+      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();
       });
-    }), I(
+    }), X(
       [
         g,
-        B,
-        () => l.popupMatchWidth,
-        () => l.popupWidth,
-        () => l.placement
+        F,
+        () => a.popupMatchWidth,
+        () => a.popupWidth,
+        () => a.placement
       ],
       () => {
-        h.value && z(Se);
+        y.value && V(ze);
       }
-    ), I(h, (e) => {
-      var a;
-      f("visibleChange", e), e ? ($e.value = ((a = b.value) == null ? void 0 : a.clientWidth) ?? 0, z(Oa), Be(k.value)) : (Ke(), fe(), clearTimeout(Ce), Me = "");
-    }), I(
-      () => l.open,
+    ), 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) => {
-        R && (e ? F(!1, !0) : e === !1 && V(!1, !0));
+        U && (e ? N(!1, !0) : e === !1 && w(!1, !0));
       }
-    ), I(
-      m,
+    ), X(
+      b,
       (e) => {
-        e && (V(!1, !0), fe(), f("update:open", !1));
+        e && (w(!1, !0), pe(), p("update:open", !1));
       },
       { flush: "sync" }
-    ), I(
-      () => l.remoteMethod,
+    ), X(
+      () => a.remoteMethod,
       () => {
-        ye.value = void 0, ie.value = void 0, h.value && Be(k.value);
+        ge.value = void 0, le.value = void 0, y.value && $e(k.value);
       }
     );
-    function ra() {
-      R = !1, V(!1, !0), Ke(), fe(), clearTimeout(Ce), ce = !1;
+    function kt() {
+      U = !1, w(!1, !0), Ne(), pe(), clearTimeout(Oe), de = !1;
     }
-    return Ea(() => {
+    return Nt(() => {
       var e;
-      Ie(), l.autofocus && !m.value && ((e = b.value) == null || e.focus()), (l.open ?? l.defaultOpen) && F(!1, !0);
-    }), Fa(Ie), Ha(() => {
-      R = !0, l.open && F(!1, !0);
-    }), ja(ra), Wa(ra), pa({
+      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;
-        m.value || (e = b.value) == null || e.focus();
+        b.value || (e = m.value) == null || e.focus();
       },
       blur: () => {
-        var a, o;
+        var t, i;
         const e = document.activeElement;
-        e && ((a = b.value) != null && a.contains(e) || (o = H.value) != null && o.contains(e)) && e.blur(), V();
+        e && ((t = m.value) != null && t.contains(e) || (i = C.value) != null && i.contains(e)) && e.blur(), w();
       },
-      open: () => F(),
-      close: () => V(),
+      open: () => N(),
+      close: () => w(),
       scrollTo: (e) => {
-        S.value = n(e), G();
+        O.value = s(e), Z();
       },
-      retry: We,
-      selected: M,
+      retry: Ie,
+      selectAll: rt,
+      deselectAll: ct,
+      selected: B,
       query: k,
-      isOpen: h
-    }), (e, a) => {
-      var o, i, u;
-      return c(), v("div", qe(s(De), {
-        class: ["hys-ui-select-wrap", [e.$attrs.class, "hys-ui-select-" + s(B)]],
+      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
       }), [
-        U("button", {
+        $("button", {
           hidden: "",
           type: "button",
           tabindex: "-1",
           "aria-hidden": "true",
-          disabled: s(m),
-          onClick: a[0] || (a[0] = Ae((t) => {
-            var y;
-            (y = b.value) == null || y.focus(), oa();
+          disabled: n(b),
+          onClick: t[0] || (t[0] = Ee((l) => {
+            var v;
+            (v = m.value) == null || v.focus(), ht();
           }, ["prevent"]))
-        }, null, 8, Ja),
-        U("div", qe({
+        }, null, 8, cl),
+        $("div", Ue({
           ref_key: "trigger",
-          ref: b
-        }, Ma(), {
+          ref: m
+        }, Et(), {
           class: ["hys-ui-select", {
-            "hys-ui-select-disabled": s(m),
-            "hys-ui-select-borderless": !d.bordered,
-            "hys-ui-select-error": xe.value === "error",
-            "hys-ui-select-warning": xe.value === "warning",
-            "hys-ui-select-success": xe.value === "success"
+            "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 || ((o = s($)) == null ? void 0 : o.id.value) || void 0,
+          id: e.$attrs.id || ((i = n(D)) == null ? void 0 : i.id.value) || void 0,
           "data-hys-ui-field-managed": "",
           role: "combobox",
-          tabindex: s(m) ? -1 : 0,
-          "aria-label": d.ariaLabel || s(Ne) || Ve.value || M.value.map((t) => t.label).join("、") || d.placeholder,
+          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": s(h),
-          "aria-disabled": s(m) || void 0,
-          "aria-readonly": d.readonly || void 0,
-          "aria-required": ((i = s($)) == null ? void 0 : i.required.value) || void 0,
-          "aria-invalid": xe.value === "error" || !1,
-          "aria-describedby": [e.$attrs["aria-describedby"], (u = s($)) == null ? void 0 : u.describedBy.value].filter(Boolean).join(" ") || void 0,
-          "aria-controls": s(h) ? s(oe) : void 0,
-          "aria-activedescendant": s(h) ? _e.value : void 0,
-          onClick: a[1] || (a[1] = Ae((t) => !t.target.closest("button") && oa(), ["prevent"])),
-          onKeydown: ua,
-          onFocusin: sa,
-          onFocusout: na
+          "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
         }), [
-          U("span", _a, [
-            x(e.$slots, "label", { selected: M.value }, () => {
-              var t, y;
+          $("span", vl, [
+            A(e.$slots, "label", { selected: B.value }, () => {
+              var l, v;
               return [
-                j.value && M.value.length ? (c(), v(le, { key: 0 }, [
-                  (c(!0), v(le, null, Pe(Ge.value, (p) => (c(), v("span", {
-                    key: s(n)(p.value),
+                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"
                   }, [
-                    x(e.$slots, "tag", {
-                      option: p,
-                      remove: () => je(p),
-                      disabled: s(m) || d.readonly || p.disabled
+                    A(e.$slots, "tag", {
+                      option: f,
+                      remove: () => Pe(f),
+                      disabled: n(b) || r.readonly || f.disabled
                     }, () => [
-                      U("span", {
+                      $("span", {
                         class: "hys-ui-select-tag-text",
-                        title: p.label
-                      }, Q(d.maxTagTextLength && p.label.length > d.maxTagTextLength ? p.label.slice(0, d.maxTagTextLength) + "…" : p.label), 9, et),
-                      d.removable && !d.readonly && !p.disabled ? (c(), v("button", {
+                        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: s(m),
-                        "aria-label": "移除 " + p.label,
-                        onClick: Ae((C) => je(p), ["stop"])
+                        disabled: n(b),
+                        "aria-label": "移除 " + f.label,
+                        onClick: Ee((x) => Pe(f), ["stop"])
                       }, [
-                        x(e.$slots, "remove-icon", {}, () => [
-                          Oe(s(fa), {
-                            size: ee.value - 3
+                        A(e.$slots, "remove-icon", {}, () => [
+                          me(n(Tt), {
+                            size: ie.value - 3
                           }, null, 8, ["size"])
                         ], !0)
-                      ], 8, at)) : L("", !0)
+                      ], 8, pl)) : E("", !0)
                     ], !0)
                   ]))), 128)),
-                  ke.value.length ? (c(), v("span", {
+                  Se.value.length ? (d(), h("span", {
                     key: 0,
                     class: "hys-ui-select-tag hys-ui-select-more",
-                    title: ke.value.map((p) => p.label).join("、")
+                    title: Se.value.map((f) => f.label).join("、")
                   }, [
-                    x(e.$slots, "max-tag", { omitted: ke.value }, () => [
-                      J("+" + Q(ke.value.length), 1)
+                    A(e.$slots, "max-tag", { omitted: Se.value }, () => [
+                      _("+" + M(Se.value.length), 1)
                     ], !0)
-                  ], 8, tt)) : L("", !0)
-                ], 64)) : (c(), v("span", {
+                  ], 8, hl)) : E("", !0)
+                ], 64)) : (d(), h("span", {
                   key: 1,
-                  class: va(["hys-ui-select-single-label", { "hys-ui-select-placeholder": !M.value.length }]),
-                  title: (t = M.value[0]) == null ? void 0 : t.label
-                }, Q(((y = M.value[0]) == null ? void 0 : y.label) ?? d.placeholder), 11, lt))
+                  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)
           ]),
-          d.showArrow || P.value ? (c(), v("span", ot, [
-            x(e.$slots, "suffix", {
-              open: s(h),
+          r.showArrow || P.value ? (d(), h("span", ml, [
+            A(e.$slots, "suffix", {
+              open: n(y),
               loading: P.value
             }, () => [
-              P.value ? (c(), Re(s(qa), {
+              P.value ? (d(), Ye(n(_t), {
                 key: 0,
                 class: "hys-ui-icon-spin",
-                size: ee.value
-              }, null, 8, ["size"])) : (c(), Re(s(Pa), {
+                size: ie.value
+              }, null, 8, ["size"])) : (d(), Ye(n(el), {
                 key: 1,
                 class: "hys-ui-select-chevron",
-                size: ee.value,
+                size: ie.value,
                 "aria-hidden": "true"
               }, null, 8, ["size"]))
             ], !0)
-          ])) : L("", !0)
-        ], 16, Za),
-        d.clearable && g.value.length && !s(m) && !d.readonly ? (c(), v("button", {
+          ])) : E("", !0)
+        ], 16, dl),
+        r.clearable && g.value.length && !n(b) && !r.readonly ? (d(), h("button", {
           key: 0,
           type: "button",
           class: "hys-ui-select-clear",
           "aria-label": "清空选择",
-          onClick: Ae(Sa, ["stop"])
+          onClick: Ee(Ht, ["stop"])
         }, [
-          x(e.$slots, "clear-icon", {}, () => [
-            Oe(s(fa), {
-              size: ee.value - 2
+          A(e.$slots, "clear-icon", {}, () => [
+            me(n(Tt), {
+              size: ie.value - 2
             }, null, 8, ["size"])
           ], !0)
-        ])) : L("", !0),
-        d.name ? (c(!0), v(le, { key: 1 }, Pe(g.value, (t, y) => (c(), v("input", {
-          key: y,
+        ])) : E("", !0),
+        r.name ? (d(!0), h(ue, { key: 1 }, Qe(g.value, (l, v) => (d(), h("input", {
+          key: v,
           type: "hidden",
-          name: d.name,
-          value: String(typeof t == "object" ? s(Ua)(t, d.valueKey) ?? "" : t),
-          disabled: s(m)
-        }, null, 8, it))), 128)) : L("", !0),
-        (c(), Re(Ka, {
-          to: d.appendTo === !1 ? "body" : d.appendTo,
-          disabled: d.appendTo === !1
+          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
         }, [
-          s(h) ? (c(), v("div", qe({
-            key: 0,
-            ref_key: "panel",
-            ref: H
-          }, s(De), {
-            class: ["hys-ui-select-options hys-ui-floating-surface", ["hys-ui-select-popup-" + s(B), d.popupClass]],
-            "data-size": s(B),
-            "data-placement": s(ka),
-            style: Ca.value,
-            onKeydown: ua,
-            onFocusin: sa,
-            onFocusout: na
-          }), [
-            e.$slots.header ? (c(), v("div", st, [
-              x(e.$slots, "header", {
-                query: k.value,
-                selected: M.value,
-                close: () => s(V)()
-              }, void 0, !0)
-            ])) : L("", !0),
-            ue.value ? (c(), v("input", {
-              key: 1,
-              ref_key: "searchInput",
-              ref: Z,
-              value: be.value,
-              class: "hys-ui-select-search",
-              placeholder: "搜索选项…",
-              "aria-label": "搜索选项",
-              "aria-controls": s(oe),
-              "aria-activedescendant": _e.value,
-              "aria-autocomplete": "list",
-              onInput: ia,
-              onCompositionstart: a[2] || (a[2] = (t) => ge.value = !0),
-              onCompositionend: Ba
-            }, null, 40, nt)) : L("", !0),
-            U("div", {
-              id: s(oe),
-              ref_key: "viewport",
-              ref: A,
-              role: "listbox",
-              "aria-label": d.ariaLabel || s(Ne) || "可选项",
-              "aria-multiselectable": j.value || void 0,
-              "aria-busy": P.value || void 0,
-              class: "hys-ui-select-list",
-              style: he({
-                maxHeight: "min(" + ne.value + "px, 45dvh)"
-              }),
-              onScroll: Aa
-            }, [
-              P.value ? (c(), v("p", ct, [
-                x(e.$slots, "loading", {}, () => [
-                  J(Q(d.loadingText), 1)
-                ], !0)
-              ])) : ie.value ? (c(), v("div", dt, [
-                x(e.$slots, "error", {
-                  error: ie.value,
-                  retry: We
-                }, () => [
-                  a[3] || (a[3] = J("加载失败，", -1)),
-                  U("button", {
+          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-retry",
-                    onClick: We
-                  }, " 重试 ")
-                ], !0)
-              ])) : T.value.length ? (c(), v("div", {
-                key: 2,
-                style: he(
-                  O.value ? {
-                    height: T.value.length * E.value + "px",
-                    position: "relative"
-                  } : void 0
-                ),
-                role: "presentation"
-              }, [
-                U("div", {
-                  style: he(
-                    O.value ? {
-                      position: "absolute",
-                      top: 0,
-                      left: 0,
-                      right: 0,
-                      transform: "translateY(" + Ee.value * E.value + "px)"
-                    } : void 0
-                  ),
-                  role: "presentation"
+                    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(!0), v(le, null, Pe(Ze.value, (t) => (c(), v(le, {
-                    key: t.key
+                  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"
                   }, [
-                    t.option ? (c(), v("button", {
-                      key: 1,
-                      id: s(oe) + "-" + t.index,
-                      type: "button",
-                      role: "option",
-                      tabindex: "-1",
-                      class: va(["hys-ui-select-option", {
-                        "hys-ui-selected": W.value.has(
-                          s(n)(t.option.value)
-                        ),
-                        "hys-ui-active": S.value === t.key && !X(t.option),
-                        "hys-ui-select-created": t.created
-                      }]),
-                      style: he(
-                        O.value ? {
-                          height: "calc(var(--hys-ui-select-stride) - var(--hys-ui-select-option-gap))",
-                          minHeight: 0
+                    $("div", {
+                      style: be(
+                        W.value ? {
+                          position: "absolute",
+                          top: 0,
+                          left: 0,
+                          right: 0,
+                          transform: "translateY(" + qe.value * I.value + "px)"
                         } : void 0
                       ),
-                      "data-active": S.value === t.key,
-                      "aria-label": t.created ? "创建 " + t.option.label : t.option.label,
-                      "aria-description": t.group,
-                      "aria-selected": W.value.has(s(n)(t.option.value)),
-                      "aria-setsize": ma.value,
-                      "aria-posinset": t.index + 1,
-                      disabled: X(t.option),
-                      onPointerenter: (y) => !X(t.option) && (S.value = t.key),
-                      onClick: (y) => la(t)
-                    }, [
-                      U("span", {
-                        class: "hys-ui-select-option-label",
-                        title: t.option.label
-                      }, [
-                        x(e.$slots, "option", {
-                          option: t.option,
-                          selected: W.value.has(s(n)(t.option.value)),
-                          created: !!t.created
-                        }, () => [
-                          t.created ? (c(), v("span", pt, [
-                            Oe(s(Ra), { size: ee.value }, null, 8, ["size"]),
-                            J("创建 " + Q(t.option.label), 1)
-                          ])) : (c(), v(le, { key: 1 }, [
-                            J(Q(t.option.label), 1)
-                          ], 64))
-                        ], !0)
-                      ], 8, ft),
-                      d.showCheckmark && W.value.has(s(n)(t.option.value)) ? x(e.$slots, "selected-icon", {
-                        option: t.option
-                      }, () => [
-                        Oe(s(Da), {
-                          size: ee.value - 1,
-                          "aria-hidden": "true"
-                        }, null, 8, ["size"])
-                      ], !0, 0) : L("", !0)
-                    ], 46, vt)) : (c(), v("div", {
-                      key: 0,
-                      class: "hys-ui-select-group",
-                      style: he(
-                        O.value ? { height: E.value + "px" } : void 0
-                      ),
                       role: "presentation"
                     }, [
-                      x(e.$slots, "group", {
-                        label: t.group
-                      }, () => [
-                        J(Q(t.group), 1)
-                      ], !0)
-                    ], 4))
-                  ], 64))), 128))
-                ], 4)
-              ], 4)) : (c(), v("p", ht, [
-                x(e.$slots, "empty", { query: k.value }, () => [
-                  J(Q(k.value ? d.noMatchText : d.emptyText), 1)
-                ], !0)
-              ]))
-            ], 44, rt),
-            e.$slots.footer ? (c(), v("div", yt, [
-              x(e.$slots, "footer", {
-                query: k.value,
-                selected: M.value,
-                close: () => s(V)()
-              }, void 0, !0)
-            ])) : L("", !0)
-          ], 16, ut)) : L("", !0)
+                      (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 {
-  Ct as default
+  Dl as default
 };