hys-ui 0.3.0 → 0.5.0

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

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