@transsionfe/semi-ui-vue 0.0.3 → 0.0.5

package/lib/es/components/select/Select.vue.js

@@ -1,25 +1,29 @@
-import { defineComponent as xe, mergeModels as Le, useModel as wl, useSlots as Il, ref as f, computed as c, onMounted as kl, nextTick as $, watch as me, onUnmounted as $l, onUpdated as Tl, createBlock as g, openBlock as n, unref as i, withCtx as D, createElementVNode as O, createCommentVNode as w, normalizeStyle as T, normalizeClass as h, createElementBlock as p, resolveDynamicComponent as P, Fragment as I, renderSlot as G, createTextVNode as Z, toDisplayString as j, renderList as se, withModifiers as _l, createVNode as Me, h as H } from "vue";
-import N from "classnames";
-import { cssClasses as Sl, numbers as Be } from "@douyinfe/semi-foundation/select/constants";
-import xl from "@douyinfe/semi-foundation/select/foundation";
-import Ll from "@douyinfe/semi-foundation/utils/Event";
-import Oe from "../popover/Popover.vue.js";
-import { Input as ye } from "../input/index.js";
-import ne from "../tag/Tag.vue.js";
-import Ml from "../tag/TagGroup.vue.js";
-import Bl from "../spin/Spin.vue.js";
-import Ol from "../overflowList/OverflowList.vue.js";
+import { defineComponent as Oe, useModel as kl, useSlots as Tl, computed as c, ref as d, onMounted as _l, nextTick as k, watch as Ce, onUnmounted as Sl, onUpdated as xl, openBlock as n, createBlock as g, unref as i, withCtx as j, createElementVNode as z, normalizeStyle as _, normalizeClass as h, resolveDynamicComponent as A, createElementBlock as p, Fragment as C, renderSlot as E, createTextVNode as te, toDisplayString as J, createCommentVNode as w, renderList as pe, withModifiers as Ll, createVNode as Ve, mergeModels as ze, h as P } from "vue";
+import W from "classnames";
+import { cssClasses as Ml, numbers as Fe } from "@douyinfe/semi-foundation/select/constants";
+import Bl from "@douyinfe/semi-foundation/select/foundation";
+import Ol from "@douyinfe/semi-foundation/utils/Event";
+import Re from "../popover/Popover.vue.js";
+import "../popover/popover.css";
+import { Input as we } from "../input/index.js";
+import ae from "../tag/Tag.vue.js";
+import Vl from "../tag/TagGroup.vue.js";
+import "../tag/tag.css";
+import zl from "../spin/Spin.vue.js";
+import "../spin/spin.css";
+import Fl from "../overflowList/OverflowList.vue.js";
 import "../space/index.js";
-import ee from "./Option.vue.js";
-import zl from "./OptionGroup.vue.js";
-import { getOptionsFromGroup as Vl } from "./utils.js";
-import Fl from "../icons/icons/IconClear.js";
-import Rl from "../icons/icons/IconSearch.js";
-import Pl from "../icons/icons/IconChevronDown.js";
-import Hl from "../space/Space.vue.js";
-const Nl = ["aria-multiselectable"], El = ["onClick"], Wl = ["onClick"], Al = ["id", "name", "aria-label", "aria-labelledby", "aria-describedby"], Dl = ["id"], it = /* @__PURE__ */ xe({
+import oe from "./Option.vue.js";
+import Rl from "./OptionGroup.vue.js";
+import { getOptionsFromGroup as Pl } from "./utils.js";
+import { useInputGroup as Hl } from "../input/context.js";
+import Nl from "../icons/icons/IconClear.vue.js";
+import Al from "../icons/icons/IconSearch.vue.js";
+import El from "../icons/icons/IconChevronDown.vue.js";
+import Wl from "../space/Space.vue.js";
+const Dl = ["aria-multiselectable"], Gl = ["onClick"], Kl = ["onClick"], jl = ["id", "name", "aria-label", "aria-labelledby", "aria-describedby"], ql = ["id"], mt = /* @__PURE__ */ Oe({
   __name: "Select",
-  props: /* @__PURE__ */ Le({
+  props: /* @__PURE__ */ ze({
     "aria-describedby": {},
     "aria-errormessage": {},
     "aria-invalid": { type: Boolean },
@@ -29,7 +33,7 @@ const Nl = ["aria-multiselectable"], El = ["onClick"], Wl = ["onClick"], Al = ["
     name: {},
     autoFocus: { type: Boolean },
     autoClearSearchValue: { type: Boolean, default: !0 },
-    arrowIcon: { default: () => Pl },
+    arrowIcon: { default: () => El },
     borderless: { type: Boolean, default: !1 },
     clearIcon: {},
     defaultValue: {},
@@ -39,7 +43,7 @@ const Nl = ["aria-multiselectable"], El = ["onClick"], Wl = ["onClick"], Al = ["
     filter: { type: [Boolean, Function], default: !1 },
     max: {},
     maxTagCount: {},
-    maxHeight: { default: Be.LIST_HEIGHT },
+    maxHeight: { default: Fe.LIST_HEIGHT },
     style: {},
     className: {},
     size: {},
@@ -89,9 +93,9 @@ const Nl = ["aria-multiselectable"], El = ["onClick"], Wl = ["onClick"], Al = ["
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Le(["update:value", "change", "dropdownVisibleChange", "search", "mouseEnter", "mouseLeave", "exceed", "create", "deselect", "select", "clear", "focus", "blur", "listScroll"], ["update:modelValue"]),
-  setup(be, { expose: ze, emit: Ve }) {
-    const s = Sl.PREFIX, ue = wl(be, "modelValue"), l = be, Fe = xe({
+  emits: /* @__PURE__ */ ze(["update:value", "change", "dropdownVisibleChange", "search", "mouseEnter", "mouseLeave", "exceed", "create", "deselect", "select", "clear", "focus", "blur", "listScroll"], ["update:modelValue"]),
+  setup(Ie, { expose: Pe, emit: He }) {
+    const s = Ml.PREFIX, ve = kl(Ie, "modelValue"), l = Ie, Ne = Oe({
       name: "SlotCollector",
       emits: ["collect"],
       setup(e, { slots: o, emit: t }) {
@@ -101,39 +105,42 @@ const Nl = ["aria-multiselectable"], El = ["onClick"], Wl = ["onClick"], Al = ["
           return t("collect", r), null;
         };
       }
-    }), k = Ve, S = Il(), q = f([]), Re = (e) => {
-      q.value = e;
-    }, E = f(), U = f(), W = f(), Pe = f(), ie = f(), ce = f(), y = f(l.defaultOpen || !1), M = f(!1), B = f([]), _ = f(/* @__PURE__ */ new Map()), x = f(null), m = f(""), L = f(l.defaultActiveFirstOption ? 0 : -1), z = f(!1), J = f(!1), A = f(!1), le = f(!1), V = f(0), pe = f(0), te = new Ll(), ae = f(null), F = c(() => ue.value !== void 0 ? ue.value : l.value !== void 0 ? l.value : l.defaultValue), He = {
+    }), I = He, T = Tl(), $e = Hl(), q = c(() => {
+      var e;
+      return (e = $e.inputGroup) != null && e.size ? $e.inputGroup.size : l.size || "default";
+    }), Y = d([]), Ae = (e) => {
+      Y.value = e;
+    }, D = d(), X = d(), G = d(), Ee = d(), de = d(), fe = d(), b = d(l.defaultOpen || !1), O = d(!1), V = d([]), S = d(/* @__PURE__ */ new Map()), M = d(null), m = d(""), B = d(l.defaultActiveFirstOption ? 0 : -1), F = d(!1), Q = d(!1), K = d(!1), re = d(!1), R = d(0), ge = d(0), se = new Ol(), ne = d(null), H = c(() => ve.value !== void 0 ? ve.value : l.value !== void 0 ? l.value : l.defaultValue), We = {
       getState: (e) => ({
-        isOpen: y.value,
-        isFocus: M.value,
-        options: B.value,
-        selections: _.value,
-        dropdownMinWidth: x.value,
+        isOpen: b.value,
+        isFocus: O.value,
+        options: V.value,
+        selections: S.value,
+        dropdownMinWidth: M.value,
         inputValue: m.value,
-        focusIndex: L.value,
-        isHovering: J.value,
-        showInput: A.value,
-        isFullTags: le.value,
-        overflowItemCount: V.value
+        focusIndex: B.value,
+        isHovering: Q.value,
+        showInput: K.value,
+        isFullTags: re.value,
+        overflowItemCount: R.value
       })[e],
       getStates: () => ({
-        isOpen: y.value,
-        isFocus: M.value,
-        options: B.value,
-        selections: _.value,
-        dropdownMinWidth: x.value,
+        isOpen: b.value,
+        isFocus: O.value,
+        options: V.value,
+        selections: S.value,
+        dropdownMinWidth: M.value,
         inputValue: m.value,
-        focusIndex: L.value,
-        isHovering: J.value,
-        showInput: A.value,
-        isFullTags: le.value,
-        overflowItemCount: V.value
+        focusIndex: B.value,
+        isHovering: Q.value,
+        showInput: K.value,
+        isFullTags: re.value,
+        overflowItemCount: R.value
       }),
-      getProp: (e) => e === "value" ? F.value : l[e],
+      getProp: (e) => e === "value" ? H.value : l[e],
       getProps: () => l,
       setState: (e, o) => {
-        e.isOpen !== void 0 && (y.value = e.isOpen), e.isFocus !== void 0 && (M.value = e.isFocus), e.options !== void 0 && (B.value = e.options), e.selections !== void 0 && (_.value = e.selections), e.inputValue !== void 0 && (m.value = e.inputValue), e.focusIndex !== void 0 && (L.value = e.focusIndex), e.isHovering !== void 0 && (J.value = e.isHovering), e.showInput !== void 0 && (A.value = e.showInput), e.isFullTags !== void 0 && (le.value = e.isFullTags), e.overflowItemCount !== void 0 && (V.value = e.overflowItemCount), o && $(o);
+        e.isOpen !== void 0 && (b.value = e.isOpen), e.isFocus !== void 0 && (O.value = e.isFocus), e.options !== void 0 && (V.value = e.options), e.selections !== void 0 && (S.value = e.selections), e.inputValue !== void 0 && (m.value = e.inputValue), e.focusIndex !== void 0 && (B.value = e.focusIndex), e.isHovering !== void 0 && (Q.value = e.isHovering), e.showInput !== void 0 && (K.value = e.showInput), e.isFullTags !== void 0 && (re.value = e.isFullTags), e.overflowItemCount !== void 0 && (R.value = e.overflowItemCount), o && k(o);
       },
       getContext: (e) => null,
       getContexts: () => ({}),
@@ -142,32 +149,32 @@ const Nl = ["aria-multiselectable"], El = ["onClick"], Wl = ["onClick"], Al = ["
       setCache: (e, o) => {
       },
       registerKeyDown: (e) => {
-        ae.value = e;
+        ne.value = e;
       },
       unregisterKeyDown: () => {
-        ae.value = null;
+        ne.value = null;
       },
       updateFocusIndex: (e) => {
-        z.value = !0, L.value = e;
+        F.value = !0, B.value = e;
       },
       updateInputValue: (e) => {
         m.value = e;
       },
       toggleInputShow: (e, o) => {
-        A.value = e, $(() => o());
+        K.value = e, k(() => o());
       },
       focusInput: () => {
-        $(() => {
-          U.value && typeof U.value.focus == "function" && U.value.focus();
+        k(() => {
+          X.value && typeof X.value.focus == "function" && X.value.focus();
         });
       },
       focusDropdownInput: () => {
-        $(() => {
-          W.value && typeof W.value.focus == "function" && W.value.focus();
+        k(() => {
+          G.value && typeof G.value.focus == "function" && G.value.focus();
         });
       },
       notifyMaxLimit: (e) => {
-        k("exceed", e);
+        I("exceed", e);
       },
       getMaxLimit: () => l.max,
       registerClickOutsideHandler: () => {
@@ -177,22 +184,22 @@ const Nl = ["aria-multiselectable"], El = ["onClick"], Wl = ["onClick"], Al = ["
       rePositionDropdown: () => {
       },
       notifyDeselect: (e, o) => {
-        delete o._parentGroup, k("deselect", e, o);
+        delete o._parentGroup, I("deselect", e, o);
       },
       getOptionsFromChildren: () => {
-        const e = q.value, { optionList: o } = l;
+        const e = Y.value, { optionList: o } = l;
         return o && o.length ? o.map((t, r) => ({
           _show: !0,
           _selected: !1,
           _scrollIndex: r,
           ...t
-        })) : Vl(e).options;
+        })) : Pl(e).options;
       },
       updateOptions: (e) => {
-        if (B.value.length === e.length) {
+        if (V.value.length === e.length) {
           let o = !0;
           for (let t = 0; t < e.length; t++) {
-            const r = B.value[t], u = e[t];
+            const r = V.value[t], u = e[t];
             if (r !== u && ((r == null ? void 0 : r.value) !== (u == null ? void 0 : u.value) || (r == null ? void 0 : r.label) !== (u == null ? void 0 : u.label) || (r == null ? void 0 : r._show) !== (u == null ? void 0 : u._show) || (r == null ? void 0 : r._selected) !== (u == null ? void 0 : u._selected))) {
               o = !1;
               break;
@@ -201,89 +208,89 @@ const Nl = ["aria-multiselectable"], El = ["onClick"], Wl = ["onClick"], Al = ["
           if (o)
             return;
         }
-        B.value = e;
+        V.value = e;
       },
       openMenu: (e) => {
-        y.value = !0, $(() => {
+        b.value = !0, k(() => {
           requestAnimationFrame(() => {
             e == null || e();
           });
         });
       },
       closeMenu: (e) => {
-        y.value = !1, e && $(() => e());
+        b.value = !1, e && k(() => e());
       },
       getTriggerWidth: () => {
         var e;
-        return ((e = E.value) == null ? void 0 : e.getBoundingClientRect().width) || 0;
+        return ((e = D.value) == null ? void 0 : e.getBoundingClientRect().width) || 0;
       },
       setOptionWrapperWidth: (e) => {
         if (typeof e == "number" && e > 0)
-          x.value = e;
+          M.value = e;
         else if (typeof e == "string") {
           const o = parseFloat(e);
-          !isNaN(o) && o > 0 ? x.value = o : x.value = e;
+          !isNaN(o) && o > 0 ? M.value = o : M.value = e;
         }
         (typeof e == "number" && e === 0 || !e) && requestAnimationFrame(() => {
-          $(() => {
-            if (E.value && l.dropdownMatchSelectWidth) {
-              const o = E.value.getBoundingClientRect().width || 0;
-              o > 0 && (x.value = o);
+          k(() => {
+            if (D.value && l.dropdownMatchSelectWidth) {
+              const o = D.value.getBoundingClientRect().width || 0;
+              o > 0 && (M.value = o);
             }
           });
         });
       },
       updateSelection: (e) => {
-        _.value = new Map(e);
+        S.value = new Map(e);
       },
-      getSelections: () => new Map(_.value),
+      getSelections: () => new Map(S.value),
       updateFocusState: (e) => {
-        M.value = e;
+        O.value = e;
       },
       focusTrigger: () => {
         var e;
-        (e = E.value) == null || e.focus();
+        (e = D.value) == null || e.focus();
       },
       notifyChange: (e) => {
-        ue.value = e, k("update:value", e), k("change", e);
+        ve.value = e, I("update:value", e), I("change", e);
       },
       notifySelect: (e, o) => {
-        delete o._parentGroup, k("select", e, o);
+        delete o._parentGroup, I("select", e, o);
       },
       notifyDropdownVisibleChange: (e) => {
-        k("dropdownVisibleChange", e);
+        I("dropdownVisibleChange", e);
       },
       notifySearch: (e, o) => {
-        k("search", e, o);
+        I("search", e, o);
       },
       notifyCreate: (e) => {
-        k("create", e);
+        I("create", e);
       },
       notifyMouseEnter: (e) => {
-        k("mouseEnter", e);
+        I("mouseEnter", e);
       },
       notifyMouseLeave: (e) => {
-        k("mouseLeave", e);
+        I("mouseLeave", e);
       },
       notifyClear: () => {
-        k("clear");
+        I("clear");
       },
       notifyFocus: (e) => {
-        k("focus", e);
+        I("focus", e);
       },
       notifyBlur: (e) => {
-        k("blur", e);
+        I("blur", e);
       },
       notifyListScroll: (e) => {
-        k("listScroll", e);
+        I("listScroll", e);
       },
       updateHovering: (e) => {
-        J.value = e;
+        Q.value = e;
       },
       updateScrollTop: (e) => {
         let o;
         "renderOptionItem" in l ? (o = `.${s}-option-custom-selected`, e !== void 0 && (o = `.${s}-option-custom:nth-child(${e + 1})`)) : (o = `.${s}-option-selected`, e !== void 0 && (o = `.${s}-option:nth-child(${e + 1})`));
-        const t = ie.value;
+        const t = de.value;
         if (!t) return;
         const r = t.querySelector(o);
         if (r) {
@@ -292,9 +299,9 @@ const Nl = ["aria-multiselectable"], El = ["onClick"], Wl = ["onClick"], Al = ["
         }
       },
       updateOverflowItemCount: (e) => {
-        V.value = e;
+        R.value = e;
       },
-      getContainer: () => ie.value,
+      getContainer: () => de.value,
       getFocusableElements: (e) => {
         if (!e) return [];
         const o = [
@@ -314,141 +321,141 @@ const Nl = ["aria-multiselectable"], El = ["onClick"], Wl = ["onClick"], Al = ["
       },
       getActiveElement: () => document.activeElement,
       setIsFocusInContainer: (e) => {
-        M.value = e;
+        O.value = e;
       },
-      getIsFocusInContainer: () => M.value,
+      getIsFocusInContainer: () => O.value,
       on: (e, o) => {
-        te.on(e, o);
+        se.on(e, o);
       },
       off: (e) => {
-        te.off(e);
+        se.off(e);
       },
       emit: (e) => {
-        te.emit(e);
+        se.emit(e);
       },
       once: (e, o) => {
-        te.once(e, o);
+        se.once(e, o);
       },
       stopPropagation: () => {
       },
       persistEvent: () => {
       }
-    }, a = new xl(He), oe = f(!1);
-    kl(() => {
-      l.optionList && l.optionList.length > 0 && (a.init(), oe.value = !0, $(() => {
-        F.value !== void 0 && (a == null || a.handleValueChange(F.value));
+    }, a = new Bl(We), ue = d(!1);
+    _l(() => {
+      l.optionList && l.optionList.length > 0 && (a.init(), ue.value = !0, k(() => {
+        H.value !== void 0 && (a == null || a.handleValueChange(H.value));
       }));
-    }), me(
-      q,
+    }), Ce(
+      Y,
       () => {
-        !oe.value && q.value.length > 0 && $(() => {
-          a.init(), oe.value = !0, $(() => {
-            F.value !== void 0 && (a == null || a.handleValueChange(F.value));
+        !ue.value && Y.value.length > 0 && k(() => {
+          a.init(), ue.value = !0, k(() => {
+            H.value !== void 0 && (a == null || a.handleValueChange(H.value));
           });
         });
       },
       { immediate: !0 }
-    ), $l(() => {
+    ), Sl(() => {
       a == null || a.destroy();
-    }), me(
-      () => F.value,
+    }), Ce(
+      () => H.value,
       (e, o) => {
-        oe.value && e !== o && (a == null || a.handleValueChange(e));
+        ue.value && e !== o && (a == null || a.handleValueChange(e));
       },
       { deep: !0 }
-    ), me(
+    ), Ce(
       () => l.optionList,
       () => {
-        a == null || a.handleOptionListChange(), $(() => {
+        a == null || a.handleOptionListChange(), k(() => {
           "value" in l ? a == null || a.handleValueChange(l.value) : a == null || a.handleOptionListChangeHadDefaultValue();
         });
       },
       { deep: !0 }
     );
-    let ve = [];
-    const Ce = (e) => {
+    let he = [];
+    const ke = (e) => {
       const o = [];
       return e.forEach((t) => {
         if (t)
-          if (t.type === I) {
+          if (t.type === C) {
             const r = Array.isArray(t.children) ? t.children : [];
-            o.push(...Ce(r));
+            o.push(...ke(r));
           } else t.type && typeof t.type == "object" && o.push(t);
       }), o;
     };
-    Tl(() => {
+    xl(() => {
       if (!l.optionList || l.optionList.length === 0) {
-        const o = Ce(q.value).map((r) => {
+        const o = ke(Y.value).map((r) => {
           var u;
           return r.key || ((u = r.props) == null ? void 0 : u.value);
         });
-        let t = o.length !== ve.length;
+        let t = o.length !== he.length;
         if (!t) {
           for (let r = 0; r < o.length; r++)
-            if (o[r] !== ve[r]) {
+            if (o[r] !== he[r]) {
               t = !0;
               break;
             }
         }
-        t && (ve = o, a == null || a.handleOptionListChange(), $(() => {
-          F.value !== void 0 ? a == null || a.handleValueChange(F.value) : a == null || a.handleOptionListChangeHadDefaultValue();
+        t && (he = o, a == null || a.handleOptionListChange(), k(() => {
+          H.value !== void 0 ? a == null || a.handleValueChange(H.value) : a == null || a.handleOptionListChangeHadDefaultValue();
         }));
       }
     });
-    const we = c(() => typeof l.triggerRender == "function"), Ne = c(() => we.value ? N(l.className) : N(s, l.className, {
+    const Te = c(() => typeof l.triggerRender == "function"), De = c(() => Te.value ? W(l.className) : W(s, l.className, {
       [`${s}-borderless`]: l.borderless,
-      [`${s}-open`]: y.value,
-      [`${s}-focus`]: M.value,
+      [`${s}-open`]: b.value,
+      [`${s}-focus`]: O.value,
       [`${s}-disabled`]: l.disabled,
       [`${s}-single`]: !l.multiple,
       [`${s}-multiple`]: l.multiple,
       [`${s}-filterable`]: !!l.filter,
-      [`${s}-small`]: l.size === "small",
-      [`${s}-large`]: l.size === "large",
+      [`${s}-small`]: q.value === "small",
+      [`${s}-large`]: q.value === "large",
       [`${s}-error`]: l.validateStatus === "error",
       [`${s}-warning`]: l.validateStatus === "warning",
       [`${s}-no-arrow`]: !l.showArrow,
-      [`${s}-with-prefix`]: S.prefix || l.insetLabel,
-      [`${s}-with-suffix`]: S.suffix
-    })), Ee = c(() => {
-      const e = S.prefix || l.insetLabel, o = typeof e == "string";
-      return N({
+      [`${s}-with-prefix`]: T.prefix || l.insetLabel,
+      [`${s}-with-suffix`]: T.suffix
+    })), Ge = c(() => {
+      const e = T.prefix || l.insetLabel, o = typeof e == "string";
+      return W({
         [`${s}-prefix`]: !0,
         [`${s}-inset-label`]: l.insetLabel,
         [`${s}-prefix-text`]: e && o,
         [`${s}-prefix-icon`]: e && !o
       });
-    }), de = c(() => l.size === "small" ? "small" : "large"), b = c(() => Array.from(_.value.values())), v = c(() => B.value.filter((e) => e._show)), R = c(() => {
+    }), ie = c(() => q.value === "small" ? "small" : "large"), y = c(() => Array.from(S.value.values())), v = c(() => V.value.filter((e) => e._show)), N = c(() => {
       var e;
       return ((e = l.virtualize) == null ? void 0 : e.itemSize) || 32;
-    }), fe = c(() => {
+    }), me = c(() => {
       var e;
-      return ((e = l.virtualize) == null ? void 0 : e.height) || Be.LIST_HEIGHT;
-    }), We = c(() => {
+      return ((e = l.virtualize) == null ? void 0 : e.height) || Fe.LIST_HEIGHT;
+    }), Ke = c(() => {
       var e;
       return ((e = l.virtualize) == null ? void 0 : e.width) || "100%";
-    }), Ae = c(() => v.value.length * R.value), De = c(() => Math.ceil(fe.value / R.value) + 2), ge = c(() => {
-      const e = Math.floor(pe.value / R.value);
+    }), je = c(() => v.value.length * N.value), qe = c(() => Math.ceil(me.value / N.value) + 2), ye = c(() => {
+      const e = Math.floor(ge.value / N.value);
       return Math.max(0, e - 1);
-    }), Ge = c(() => Math.min(v.value.length, ge.value + De.value)), Ke = c(() => {
+    }), Ue = c(() => Math.min(v.value.length, ye.value + qe.value)), Je = c(() => {
       const e = [];
-      for (let o = ge.value; o < Ge.value; o++)
+      for (let o = ye.value; o < Ue.value; o++)
         e.push(o);
       return e;
-    }), je = c(() => ge.value * R.value);
-    function Ie(e) {
+    }), Ye = c(() => ye.value * N.value);
+    function _e(e) {
       return typeof e.label == "string" || typeof e.label == "number" ? String(e.label) : `group-${JSON.stringify(e.label)}`;
     }
-    const ke = c(() => {
+    const Se = c(() => {
       const e = [], o = /* @__PURE__ */ new Set();
       return v.value.forEach((t) => {
         let r = !1, u;
         if (t._parentGroup) {
-          const d = Ie(t._parentGroup);
-          if (!o.has(d)) {
+          const f = _e(t._parentGroup);
+          if (!o.has(f)) {
             r = !0;
-            const { key: C, ref: Q, ...Cl } = t._parentGroup;
-            u = Cl, o.add(d);
+            const { key: x, ref: L, ...$ } = t._parentGroup;
+            u = $, o.add(f);
           }
         }
         e.push({
@@ -457,54 +464,54 @@ const Nl = ["aria-multiselectable"], El = ["onClick"], Wl = ["onClick"], Al = ["
           groupLabel: u
         });
       }), e;
-    }), $e = c(() => l.allowCreate ? !0 : !l.filter || l.searchPosition !== "trigger" ? !1 : l.multiple ? !0 : A.value || y.value), Te = c(() => l.showClear && (_.value.size > 0 || m.value) && !l.disabled && (J.value || y.value)), qe = c(() => {
-      const e = l.searchPosition === "trigger", t = b.value.length > 0 ? b.value[0].label : "";
-      return N({
+    }), xe = c(() => l.allowCreate ? !0 : !l.filter || l.searchPosition !== "trigger" ? !1 : l.multiple ? !0 : K.value || b.value), Le = c(() => l.showClear && (S.value.size > 0 || m.value) && !l.disabled && (Q.value || b.value)), Xe = c(() => {
+      const e = l.searchPosition === "trigger", t = y.value.length > 0 ? y.value[0].label : "";
+      return W({
         [`${s}-selection-text`]: !0,
         [`${s}-selection-placeholder`]: !t && t !== 0,
-        [`${s}-selection-text-hide`]: m.value && A.value && e,
-        [`${s}-selection-text-inactive`]: !m.value && A.value && e
+        [`${s}-selection-text-hide`]: m.value && K.value && e,
+        [`${s}-selection-text-inactive`]: !m.value && K.value && e
       });
-    }), Ue = c(() => {
+    }), Qe = c(() => {
       const e = {
         ...l.dropdownStyle
       };
-      if (x.value) {
-        const o = typeof x.value == "number" ? `${x.value}px` : x.value;
+      if (M.value) {
+        const o = typeof M.value == "number" ? `${M.value}px` : M.value;
         e.minWidth = o;
       }
       return e;
-    }), Je = c(() => {
-      const e = !B.value.length || !B.value.some((o) => o._show);
-      return N(
+    }), Ze = c(() => {
+      const e = !V.value.length || !V.value.some((o) => o._show);
+      return W(
         {
           [`${s}-option-list-wrapper`]: !(e && l.emptyContent === null)
         },
         l.dropdownClassName
       );
-    }), Ye = c(() => {
+    }), el = c(() => {
       const e = {};
       return l.maxHeight && (e.maxHeight = typeof l.maxHeight == "number" ? `${l.maxHeight}px` : l.maxHeight), e;
-    }), Xe = c(() => N({
+    }), ll = c(() => W({
       [`${s}-option-list`]: !0,
-      [`${s}-option-list-chosen`]: _.value.size > 0
-    })), Qe = c(() => N(`${s}-dropdown-input`, {
+      [`${s}-option-list-chosen`]: S.value.size > 0
+    })), tl = c(() => W(`${s}-dropdown-input`, {
       [`${s}-dropdown-input-multiple`]: l.multiple,
       [`${s}-dropdown-input-single`]: !l.multiple
-    })), Ze = c(() => N(`${s}-content-wrapper`, {
-      [`${s}-content-wrapper-one-line`]: l.maxTagCount && !y.value,
-      [`${s}-content-wrapper-empty`]: !b.value.length
-    })), el = c(() => !l.maxTagCount || l.showRestTagsPopover ? b.value : b.value.slice(0, l.maxTagCount)), _e = c(() => {
+    })), al = c(() => W(`${s}-content-wrapper`, {
+      [`${s}-content-wrapper-one-line`]: l.maxTagCount && !b.value,
+      [`${s}-content-wrapper-empty`]: !y.value.length
+    })), ol = c(() => !l.maxTagCount || l.showRestTagsPopover ? y.value : y.value.slice(0, l.maxTagCount)), Me = c(() => {
       if (l.maxTagCount)
         return l.maxTagCount;
-    }), ll = c(() => {
+    }), rl = c(() => {
       if (l.maxTagCount && !l.showRestTagsPopover)
-        return b.value.length - l.maxTagCount;
-    }), tl = c(() => {
+        return y.value.length - l.maxTagCount;
+    }), sl = c(() => {
       if (!l.triggerRender || typeof l.triggerRender != "function")
         return null;
       const e = {
-        value: b.value,
+        value: y.value,
         inputValue: m.value,
         onSearch: (t) => {
           a == null || a.handleInputChange(t, {});
@@ -524,55 +531,83 @@ const Nl = ["aria-multiselectable"], El = ["onClick"], Wl = ["onClick"], Al = ["
       };
       return l.triggerRender(e);
     });
-    function Y(e, o, t = !1) {
-      const r = e.disabled || l.disabled, u = (d, C) => {
-        C && typeof C.preventDefault == "function" && C.preventDefault(), a == null || a.removeTag({ label: e.label, value: e.value });
+    function Z(e, o, t = !1) {
+      var f, x;
+      const r = e.disabled || l.disabled, u = (L, $) => {
+        $ && typeof $.preventDefault == "function" && $.preventDefault(), a == null || a.removeTag({ label: e.label, value: e.value });
       };
+      if (T.selectedItem) {
+        const L = T.selectedItem({
+          option: e,
+          index: o,
+          disabled: r,
+          onClose: u
+        }), $ = Array.isArray(L) ? L[0] : L;
+        if ($ && typeof $ == "object" && "type" in $) {
+          const le = ((f = $.type) == null ? void 0 : f.__name) || ((x = $.type) == null ? void 0 : x.name);
+          if (le === "Tag" || le === "SemiTag")
+            return $;
+        }
+        return P(
+          ae,
+          {
+            closable: !r,
+            disabled: r,
+            color: "white",
+            size: ie.value,
+            onClose: u,
+            class: t ? `${s}-content-wrapper-collapse-tag` : void 0
+          },
+          {
+            default: () => $
+          }
+        );
+      }
       if (typeof l.renderSelectedItem == "function") {
-        const d = l.renderSelectedItem(e, {
+        const L = l.renderSelectedItem(e, {
           index: o,
           disabled: r,
           onClose: u
         });
-        if (d && typeof d == "object" && "isRenderInTag" in d) {
-          const { isRenderInTag: C, content: Q } = d;
-          return C ? H(
-            ne,
+        if (L && typeof L == "object" && "isRenderInTag" in L) {
+          const { isRenderInTag: $, content: le } = L;
+          return $ ? P(
+            ae,
             {
               closable: !r,
               disabled: r,
               color: "white",
-              size: de.value,
+              size: ie.value,
               onClose: u,
               class: t ? `${s}-content-wrapper-collapse-tag` : void 0
             },
             {
-              default: () => Q
+              default: () => le
             }
-          ) : Q;
+          ) : le;
         }
-        return H(
-          ne,
+        return P(
+          ae,
           {
             closable: !r,
             disabled: r,
             color: "white",
-            size: de.value,
+            size: ie.value,
             onClose: u,
             class: t ? `${s}-content-wrapper-collapse-tag` : void 0
           },
           {
-            default: () => d
+            default: () => L
           }
         );
       }
-      return H(
-        ne,
+      return P(
+        ae,
         {
           closable: !r,
           disabled: r,
           color: "white",
-          size: de.value,
+          size: ie.value,
           onClose: u,
           class: t ? `${s}-content-wrapper-collapse-tag` : void 0
         },
@@ -581,12 +616,12 @@ const Nl = ["aria-multiselectable"], El = ["onClick"], Wl = ["onClick"], Al = ["
         }
       );
     }
-    function al(e, o) {
-      const t = H(
-        ne,
+    function nl(e, o) {
+      const t = P(
+        ae,
         {
           closable: !1,
-          size: l.size || "large",
+          size: q.value || "large",
           color: "grey",
           class: `${s}-content-wrapper-collapse-tag`,
           key: `_+${e}`,
@@ -596,8 +631,8 @@ const Nl = ["aria-multiselectable"], El = ["onClick"], Wl = ["onClick"], Al = ["
           default: () => `+${e}`
         }
       );
-      return l.showRestTagsPopover ? H(
-        Oe,
+      return l.showRestTagsPopover ? P(
+        Re,
         {
           showArrow: !0,
           trigger: "hover",
@@ -608,50 +643,50 @@ const Nl = ["aria-multiselectable"], El = ["onClick"], Wl = ["onClick"], Al = ["
         },
         {
           default: () => t,
-          content: () => H(
-            Hl,
+          content: () => P(
+            Wl,
             {
               spacing: 2,
               wrap: !0,
               style: { maxWidth: "400px" }
             },
             {
-              default: () => o.map((r, u) => Y(r, u))
+              default: () => o.map((r, u) => Z(r, u))
             }
           )
         }
       ) : t;
     }
-    function ol(e, o) {
-      return e.length && e[0] ? Y(e[0], o, !0) : null;
+    function ul(e, o) {
+      return e.length && e[0] ? Z(e[0], o, !0) : null;
     }
-    function rl(e) {
-      const { maxTagCount: o } = l, t = _.value.size - (o || 0) > 0 ? _.value.size - (o || 0) + e.length - 1 : e.length - 1;
-      V.value !== t && (a == null || a.updateOverflowItemCount(_.value.size, t));
+    function il(e) {
+      const { maxTagCount: o } = l, t = S.value.size - (o || 0) > 0 ? S.value.size - (o || 0) + e.length - 1 : e.length - 1;
+      R.value !== t && (a == null || a.updateOverflowItemCount(S.value.size, t));
     }
-    function sl(e, o) {
-      const t = e.map((d) => ({
-        label: d.label,
-        option: d
+    function cl(e, o) {
+      const t = e.map((f) => ({
+        label: f.label,
+        option: f
       })), r = typeof o == "number" ? t.slice(0, o) : t, u = [
-        H(Ol, {
+        P(Fl, {
           items: r,
           key: String(e.length),
-          itemKey: (d) => {
-            var C;
-            return ((C = d.option) == null ? void 0 : C.value) || d.label;
+          itemKey: (f) => {
+            var x;
+            return ((x = f.option) == null ? void 0 : x.value) || f.label;
           },
           renderMode: "collapse",
           collapseFrom: "end",
-          overflowRenderer: (d) => {
-            var C;
-            return d.length > 0 && ((C = d[0]) != null && C.option) ? ol([d[0].option], (o || 0) - 1) : null;
+          overflowRenderer: (f) => {
+            var x;
+            return f.length > 0 && ((x = f[0]) != null && x.option) ? ul([f[0].option], (o || 0) - 1) : null;
           },
-          onOverflow: (d) => {
-            const C = d.map((Q) => Q.option).filter(Boolean);
-            rl(C);
+          onOverflow: (f) => {
+            const x = f.map((L) => L.option).filter(Boolean);
+            il(x);
           },
-          visibleItemRenderer: (d, C) => Y(d.option, C),
+          visibleItemRenderer: (f, x) => Z(f.option, x),
           style: {
             display: "flex",
             flexWrap: "nowrap",
@@ -661,11 +696,11 @@ const Nl = ["aria-multiselectable"], El = ["onClick"], Wl = ["onClick"], Al = ["
           }
         })
       ];
-      if (V.value > 0) {
-        const d = e.slice(e.length - V.value);
-        u.push(al(V.value, d));
+      if (R.value > 0) {
+        const f = e.slice(e.length - R.value);
+        u.push(nl(R.value, f));
       }
-      return H(
+      return P(
         "div",
         {
           class: `${s}-content-wrapper-collapse`,
@@ -681,83 +716,83 @@ const Nl = ["aria-multiselectable"], El = ["onClick"], Wl = ["onClick"], Al = ["
         u
       );
     }
-    function nl(e) {
+    function pl(e) {
       l.disabled || a == null || a.handleClick(e);
     }
-    function K(e, o) {
-      const t = B.value.findIndex((r) => r.value === e.value);
+    function U(e, o) {
+      const t = V.value.findIndex((r) => r.value === e.value);
       a == null || a.onSelect(e, t >= 0 ? t : 0, o);
     }
-    function ul(e) {
+    function vl(e) {
       e.stopPropagation(), a == null || a.handleClearClick(e);
     }
-    function he(e) {
+    function be(e) {
       const t = e.target.value;
       a == null || a.handleInputChange(t, e);
     }
-    function X(e) {
-      ae.value && ae.value(e);
+    function ee(e) {
+      ne.value && ne.value(e);
     }
-    function il(e) {
-      M.value = !0, a == null || a.handleTriggerFocus(e);
+    function dl(e) {
+      O.value = !0, a == null || a.handleTriggerFocus(e);
     }
-    function cl(e) {
-      M.value = !1, a == null || a.handleTriggerBlur(e);
+    function fl(e) {
+      O.value = !1, a == null || a.handleTriggerBlur(e);
     }
-    function pl(e) {
-      l.multiple && l.filter && (M.value = !0), e.stopPropagation();
+    function gl(e) {
+      l.multiple && l.filter && (O.value = !0), e.stopPropagation();
     }
-    function Se(e) {
+    function Be(e) {
       a == null || a.handleInputBlur(e);
     }
-    function vl(e) {
+    function hl(e) {
       a == null || a.handleMouseEnter(e);
     }
-    function dl(e) {
+    function ml(e) {
       a == null || a.handleMouseLeave(e);
     }
-    function re(e) {
-      z.value = !0, L.value = e;
+    function ce(e) {
+      F.value = !0, B.value = e;
     }
-    function fl(e) {
+    function yl(e) {
       a == null || a.handleListScroll(e);
     }
-    function gl(e) {
-      y.value = e, e ? (l.virtualize && (pe.value = 0), l.dropdownMatchSelectWidth && E.value && requestAnimationFrame(() => {
-        $(() => {
+    function bl(e) {
+      b.value = e, e ? (l.virtualize && (ge.value = 0), l.dropdownMatchSelectWidth && D.value && requestAnimationFrame(() => {
+        k(() => {
           var t;
-          const o = ((t = E.value) == null ? void 0 : t.getBoundingClientRect().width) || 0;
-          o > 0 && (x.value = o);
+          const o = ((t = D.value) == null ? void 0 : t.getBoundingClientRect().width) || 0;
+          o > 0 && (M.value = o);
         });
-      }), l.searchPosition === "dropdown" && l.filter && $(() => {
-        W.value && typeof W.value.focus == "function" && W.value.focus();
-      }), l.virtualize && _.value.size > 0 && $(() => {
-        hl();
-      })) : (z.value = !1, le.value = !1, l.ellipsisTrigger || (V.value = 0)), k("dropdownVisibleChange", e);
+      }), l.searchPosition === "dropdown" && l.filter && k(() => {
+        G.value && typeof G.value.focus == "function" && G.value.focus();
+      }), l.virtualize && S.value.size > 0 && k(() => {
+        Cl();
+      })) : (F.value = !1, re.value = !1, l.ellipsisTrigger || (R.value = 0)), I("dropdownVisibleChange", e);
     }
-    function hl() {
-      if (!l.virtualize || !ce.value)
+    function Cl() {
+      if (!l.virtualize || !fe.value)
         return;
       let e = -1;
-      if (_.value.forEach((o) => {
+      if (S.value.forEach((o) => {
         const t = o._scrollIndex;
         typeof t == "number" && t >= 0 && (e = e !== -1 && e < t ? e : t);
       }), e !== -1) {
-        const o = e * R.value - fe.value / 2;
-        ce.value.scrollTop = Math.max(0, o);
+        const o = e * N.value - me.value / 2;
+        fe.value.scrollTop = Math.max(0, o);
       }
     }
-    function ml() {
+    function wl() {
       a == null || a.handlePopoverClose();
     }
-    function yl(e) {
-      y.value && !l.disabled && (a == null || a.close());
+    function Il(e) {
+      b.value && !l.disabled && (a == null || a.close());
     }
-    function bl(e) {
+    function $l(e) {
       const o = e.target;
-      pe.value = o.scrollTop;
+      ge.value = o.scrollTop;
     }
-    return ze({
+    return Pe({
       clearInput: () => {
         m.value = "";
       },
@@ -779,9 +814,9 @@ const Nl = ["aria-multiselectable"], El = ["onClick"], Wl = ["onClick"], Al = ["
       search: (e, o) => {
         a == null || a.handleInputChange(e, o || {});
       }
-    }), (e, o) => (n(), g(i(Oe), {
-      visible: y.value,
-      "onUpdate:visible": o[0] || (o[0] = (t) => y.value = t),
+    }), (e, o) => (n(), g(i(Re), {
+      visible: b.value,
+      "onUpdate:visible": o[0] || (o[0] = (t) => b.value = t),
       trigger: "custom",
       position: l.position || "bottomLeft",
       "z-index": l.zIndex,
@@ -793,275 +828,275 @@ const Nl = ["aria-multiselectable"], El = ["onClick"], Wl = ["onClick"], Al = ["
       "stop-propagation": l.stopPropagation,
       "mouse-enter-delay": l.mouseEnterDelay,
       "mouse-leave-delay": l.mouseLeaveDelay,
-      "after-close": ml,
+      "after-close": wl,
       "wrapper-class-name": `${i(s)}-dropdown`,
       "disable-focus-listener": !0,
-      onVisibleChange: gl,
-      onClickOutSide: yl
+      onVisibleChange: bl,
+      onClickOutSide: Il
     }, {
-      content: D(() => [
-        O("div", {
+      content: j(() => [
+        z("div", {
           ref_key: "optionsContainerRef",
-          ref: Pe,
-          class: h(Je.value),
-          style: T(Ue.value),
-          onKeydown: X
+          ref: Ee,
+          class: h(Ze.value),
+          style: _(Qe.value),
+          onKeydown: ee
         }, [
-          i(S).outerTopSlot ? (n(), p("div", {
+          i(T).outerTopSlot ? (n(), p("div", {
             key: 0,
             class: h(`${i(s)}-option-list-outer-top-slot`)
           }, [
-            G(e.$slots, "outerTopSlot")
+            E(e.$slots, "outerTopSlot")
           ], 2)) : w("", !0),
           l.filter && l.searchPosition === "dropdown" ? (n(), p("div", {
             key: 1,
             class: h(`${i(s)}-dropdown-search-wrapper`)
           }, [
-            Me(i(ye), {
+            Ve(i(we), {
               ref_key: "dropdownInputRef",
-              ref: W,
+              ref: G,
               value: m.value,
-              class: h(Qe.value),
+              class: h(tl.value),
               placeholder: l.searchPlaceholder || "搜索",
               "show-clear": "",
-              onInput: he,
-              onKeyDown: X
+              onInput: be,
+              onKeyDown: ee
             }, {
-              prefix: D(() => [
-                Me(i(Rl))
+              prefix: j(() => [
+                Ve(i(Al))
               ]),
               _: 1
             }, 8, ["value", "class", "placeholder"])
           ], 2)) : w("", !0),
-          O("div", {
+          z("div", {
             ref_key: "optionsRef",
-            ref: ie,
-            class: h(Xe.value),
-            style: T(Ye.value),
+            ref: de,
+            class: h(ll.value),
+            style: _(el.value),
             role: "listbox",
             "aria-multiselectable": l.multiple,
-            onScroll: fl
+            onScroll: yl
           }, [
-            i(S).innerTopSlot ? (n(), p("div", {
+            i(T).innerTopSlot ? (n(), p("div", {
               key: 0,
               class: h(`${i(s)}-option-list-inner-top-slot`)
             }, [
-              G(e.$slots, "innerTopSlot")
+              E(e.$slots, "innerTopSlot")
             ], 2)) : w("", !0),
-            l.loading ? (n(), g(i(Bl), { key: 1 })) : l.virtualize && v.value.length > 0 ? (n(), p("div", {
+            l.loading ? (n(), g(i(zl), { key: 1 })) : l.virtualize && v.value.length > 0 ? (n(), p("div", {
               key: 2,
               ref_key: "virtualContainerRef",
-              ref: ce,
-              style: T({
-                height: `${fe.value}px`,
-                width: We.value,
+              ref: fe,
+              style: _({
+                height: `${me.value}px`,
+                width: Ke.value,
                 overflow: "auto",
                 position: "relative"
               }),
-              onScroll: bl
+              onScroll: $l
             }, [
-              O("div", {
-                style: T({ height: `${Ae.value}px`, position: "relative" })
+              z("div", {
+                style: _({ height: `${je.value}px`, position: "relative" })
               }, [
-                O("div", {
-                  style: T({ transform: `translateY(${je.value}px)` })
+                z("div", {
+                  style: _({ transform: `translateY(${Ye.value}px)` })
                 }, [
-                  (n(!0), p(I, null, se(Ke.value, (t) => {
+                  (n(!0), p(C, null, pe(Je.value, (t) => {
                     var r;
-                    return n(), p(I, {
+                    return n(), p(C, {
                       key: ((r = v.value[t]) == null ? void 0 : r.value) || t
                     }, [
-                      v.value[t] && v.value[t]._inputCreateOnly ? (n(), p(I, { key: 0 }, [
+                      v.value[t] && v.value[t]._inputCreateOnly ? (n(), p(C, { key: 0 }, [
                         l.renderCreateItem ? (n(), p("div", {
                           key: 1,
                           role: "button",
                           "aria-label": "Use the input box to create an optional item",
-                          style: T({ height: `${R.value}px` }),
-                          onClick: (u) => K(v.value[t], u)
+                          style: _({ height: `${N.value}px` }),
+                          onClick: (u) => U(v.value[t], u)
                         }, [
-                          (n(), g(P(
+                          (n(), g(A(
                             l.renderCreateItem(
                               v.value[t].value,
-                              z.value && L.value === t,
+                              F.value && B.value === t,
                               v.value[t].style
                             )
                           )))
-                        ], 12, El)) : (n(), g(ee, {
+                        ], 12, Gl)) : (n(), g(oe, {
                           key: 0,
                           value: v.value[t].value,
                           label: v.value[t].label,
                           disabled: v.value[t].disabled,
                           selected: v.value[t]._selected,
-                          focused: z.value && L.value === t,
+                          focused: F.value && B.value === t,
                           "show-tick": "",
                           "class-name": v.value[t].className,
-                          style: T({
-                            height: `${R.value}px`,
+                          style: _({
+                            height: `${N.value}px`,
                             ...v.value[t].style
                           }),
-                          onSelect: K,
-                          onMouseenter: () => re(t)
+                          onSelect: U,
+                          onMouseenter: () => ce(t)
                         }, {
-                          default: D(() => [
-                            O("span", {
+                          default: j(() => [
+                            z("span", {
                               class: h(`${i(s)}-create-tips`)
                             }, "创建", 2),
-                            Z(" " + j(v.value[t].value), 1)
+                            te(" " + J(v.value[t].value), 1)
                           ]),
                           _: 2
                         }, 1032, ["value", "label", "disabled", "selected", "focused", "class-name", "style", "onMouseenter"]))
-                      ], 64)) : v.value[t] ? (n(), g(ee, {
+                      ], 64)) : v.value[t] ? (n(), g(oe, {
                         key: 1,
                         value: v.value[t].value,
                         label: v.value[t].label,
                         disabled: v.value[t].disabled,
                         children: v.value[t].children,
                         selected: v.value[t]._selected,
-                        focused: z.value && L.value === t,
+                        focused: F.value && B.value === t,
                         "show-tick": "",
                         "render-option-item": l.renderOptionItem,
                         "input-value": m.value,
                         "class-name": v.value[t].className,
-                        style: T({
-                          height: `${R.value}px`,
+                        style: _({
+                          height: `${N.value}px`,
                           ...v.value[t].style
                         }),
-                        onSelect: K,
-                        onMouseenter: () => re(t)
+                        onSelect: U,
+                        onMouseenter: () => ce(t)
                       }, null, 8, ["value", "label", "disabled", "children", "selected", "focused", "render-option-item", "input-value", "class-name", "style", "onMouseenter"])) : w("", !0)
                     ], 64);
                   }), 128))
                 ], 4)
               ], 4)
-            ], 36)) : ke.value.length > 0 ? (n(!0), p(I, { key: 3 }, se(ke.value, (t, r) => (n(), p(I, {
+            ], 36)) : Se.value.length > 0 ? (n(!0), p(C, { key: 3 }, pe(Se.value, (t, r) => (n(), p(C, {
               key: t.option._keyInJsx || t.option.value
             }, [
-              t.showGroupLabel && t.groupLabel ? (n(), g(zl, {
-                key: Ie(t.groupLabel),
+              t.showGroupLabel && t.groupLabel ? (n(), g(Rl, {
+                key: _e(t.groupLabel),
                 label: t.groupLabel.label,
                 "class-name": t.groupLabel.className,
-                style: T(t.groupLabel.style)
+                style: _(t.groupLabel.style)
               }, null, 8, ["label", "class-name", "style"])) : w("", !0),
-              t.option._inputCreateOnly ? (n(), p(I, { key: 1 }, [
+              t.option._inputCreateOnly ? (n(), p(C, { key: 1 }, [
                 l.renderCreateItem ? (n(), p("div", {
                   key: 1,
                   role: "button",
                   "aria-label": "Use the input box to create an optional item",
-                  onClick: (u) => K(t.option, u)
+                  onClick: (u) => U(t.option, u)
                 }, [
-                  (n(), g(P(
+                  (n(), g(A(
                     l.renderCreateItem(
                       t.option.value,
-                      z.value && L.value === r,
+                      F.value && B.value === r,
                       t.option.style
                     )
                   )))
-                ], 8, Wl)) : (n(), g(ee, {
+                ], 8, Kl)) : (n(), g(oe, {
                   key: 0,
                   value: t.option.value,
                   label: t.option.label,
                   disabled: t.option.disabled,
                   selected: t.option._selected,
-                  focused: z.value && L.value === r,
+                  focused: F.value && B.value === r,
                   "show-tick": "",
                   "class-name": t.option.className,
-                  style: T(t.option.style),
-                  onSelect: K,
-                  onMouseenter: () => re(r)
+                  style: _(t.option.style),
+                  onSelect: U,
+                  onMouseenter: () => ce(r)
                 }, {
-                  default: D(() => [
-                    O("span", {
+                  default: j(() => [
+                    z("span", {
                       class: h(`${i(s)}-create-tips`)
                     }, "创建", 2),
-                    Z(" " + j(t.option.value), 1)
+                    te(" " + J(t.option.value), 1)
                   ]),
                   _: 2
                 }, 1032, ["value", "label", "disabled", "selected", "focused", "class-name", "style", "onMouseenter"]))
-              ], 64)) : (n(), g(ee, {
+              ], 64)) : (n(), g(oe, {
                 key: 2,
                 value: t.option.value,
                 label: t.option.label,
                 disabled: t.option.disabled,
                 children: t.option.children,
                 selected: t.option._selected,
-                focused: z.value && L.value === r,
+                focused: F.value && B.value === r,
                 "show-tick": "",
                 "render-option-item": l.renderOptionItem,
                 "input-value": m.value,
                 "class-name": t.option.className,
-                style: T(t.option.style),
-                onSelect: K,
-                onMouseenter: () => re(r)
+                style: _(t.option.style),
+                onSelect: U,
+                onMouseenter: () => ce(r)
               }, null, 8, ["value", "label", "disabled", "children", "selected", "focused", "render-option-item", "input-value", "class-name", "style", "onMouseenter"]))
-            ], 64))), 128)) : (n(), g(ee, {
+            ], 64))), 128)) : (n(), g(oe, {
               key: 4,
               empty: "",
               "empty-content": l.emptyContent
             }, null, 8, ["empty-content"])),
-            i(S).innerBottomSlot ? (n(), p("div", {
+            i(T).innerBottomSlot ? (n(), p("div", {
               key: 5,
               class: h(`${i(s)}-option-list-inner-bottom-slot`)
             }, [
-              G(e.$slots, "innerBottomSlot")
+              E(e.$slots, "innerBottomSlot")
             ], 2)) : w("", !0)
-          ], 46, Nl),
-          i(S).outerBottomSlot ? (n(), p("div", {
+          ], 46, Dl),
+          i(T).outerBottomSlot ? (n(), p("div", {
             key: 2,
             class: h(`${i(s)}-option-list-outer-bottom-slot`)
           }, [
-            G(e.$slots, "outerBottomSlot")
+            E(e.$slots, "outerBottomSlot")
           ], 2)) : w("", !0)
         ], 38)
       ]),
-      default: D(() => [
-        O("div", {
+      default: j(() => [
+        z("div", {
           id: l.id,
           ref_key: "triggerRef",
-          ref: E,
+          ref: D,
           name: l.name,
-          class: h(Ne.value),
-          style: T(l.style),
+          class: h(De.value),
+          style: _(l.style),
           tabindex: "0",
           "aria-label": e.$attrs["aria-label"] || void 0,
           "aria-labelledby": l["aria-labelledby"],
           "aria-describedby": l["aria-describedby"],
-          onClick: nl,
-          onKeydown: X,
-          onFocus: il,
-          onBlur: cl,
-          onMouseenter: vl,
-          onMouseleave: dl
+          onClick: pl,
+          onKeydown: ee,
+          onFocus: dl,
+          onBlur: fl,
+          onMouseenter: hl,
+          onMouseleave: ml
         }, [
-          we.value ? (n(), g(P(tl.value), { key: 0 })) : (n(), p(I, { key: 1 }, [
-            i(S).prefix || l.insetLabel ? (n(), p("div", {
+          Te.value ? (n(), g(A(sl.value), { key: 0 })) : (n(), p(C, { key: 1 }, [
+            i(T).prefix || l.insetLabel ? (n(), p("div", {
               key: 0,
               id: l.insetLabelId,
-              class: h(Ee.value)
+              class: h(Ge.value)
             }, [
-              i(S).prefix ? G(e.$slots, "prefix", { key: 0 }) : l.insetLabel ? (n(), p(I, { key: 1 }, [
-                Z(j(l.insetLabel), 1)
+              i(T).prefix ? E(e.$slots, "prefix", { key: 0 }) : l.insetLabel ? (n(), p(C, { key: 1 }, [
+                te(J(l.insetLabel), 1)
               ], 64)) : w("", !0)
-            ], 10, Dl)) : w("", !0),
-            O("div", {
+            ], 10, ql)) : w("", !0),
+            z("div", {
               class: h(`${i(s)}-selection`)
             }, [
-              O("div", {
-                class: h(Ze.value),
-                style: T(l.ellipsisTrigger ? { width: "100%", minWidth: 0 } : void 0)
+              z("div", {
+                class: h(al.value),
+                style: _(l.ellipsisTrigger ? { width: "100%", minWidth: 0 } : void 0)
               }, [
-                l.multiple ? (n(), p(I, { key: 1 }, [
-                  b.value.length > 0 && (!l.maxTagCount || l.expandRestTagsOnClick && y.value) ? (n(!0), p(I, { key: 0 }, se(b.value, (t, r) => (n(), g(P(Y(t, r)), {
+                l.multiple ? (n(), p(C, { key: 1 }, [
+                  y.value.length > 0 && (!l.maxTagCount || l.expandRestTagsOnClick && b.value) ? (n(!0), p(C, { key: 0 }, pe(y.value, (t, r) => (n(), g(A(Z(t, r)), {
                     key: t.value
-                  }))), 128)) : b.value.length > 0 && l.ellipsisTrigger ? (n(), g(P(sl(b.value, _e.value)), { key: 1 })) : b.value.length > 0 && l.maxTagCount && !(l.expandRestTagsOnClick && y.value) && !l.ellipsisTrigger ? (n(), g(i(Ml), {
+                  }))), 128)) : y.value.length > 0 && l.ellipsisTrigger ? (n(), g(A(cl(y.value, Me.value)), { key: 1 })) : y.value.length > 0 && l.maxTagCount && !(l.expandRestTagsOnClick && b.value) && !l.ellipsisTrigger ? (n(), g(i(Vl), {
                     key: 2,
-                    "max-tag-count": _e.value,
-                    "rest-count": ll.value,
+                    "max-tag-count": Me.value,
+                    "rest-count": rl.value,
                     "show-popover": l.showRestTagsPopover,
                     "popover-props": l.restTagsPopoverProps,
                     size: "large"
                   }, {
-                    default: D(() => [
-                      (n(!0), p(I, null, se(el.value, (t, r) => (n(), g(P(Y(t, r)), {
+                    default: j(() => [
+                      (n(!0), p(C, null, pe(ol.value, (t, r) => (n(), g(A(Z(t, r)), {
                         key: t.value
                       }))), 128))
                     ]),
@@ -1069,76 +1104,79 @@ const Nl = ["aria-multiselectable"], El = ["onClick"], Wl = ["onClick"], Al = ["
                   }, 8, ["max-tag-count", "rest-count", "show-popover", "popover-props"])) : m.value ? w("", !0) : (n(), p("span", {
                     key: 3,
                     class: h([`${i(s)}-selection-text`, `${i(s)}-selection-placeholder`])
-                  }, j(l.placeholder), 3)),
-                  $e.value ? (n(), g(i(ye), {
+                  }, J(l.placeholder), 3)),
+                  xe.value ? (n(), g(i(we), {
                     key: 4,
                     ref_key: "inputRef",
-                    ref: U,
+                    ref: X,
                     value: m.value,
                     class: h(`${i(s)}-input ${i(s)}-input-multiple`),
-                    style: T(
+                    style: _(
                       l.multiple && m.value ? { width: `${m.value.length * 16}px` } : l.multiple && l.allowCreate && !m.value ? { width: "100px" } : { width: "2px" }
                     ),
-                    size: l.size,
+                    size: q.value,
                     disabled: l.disabled,
                     borderless: "",
-                    onInput: he,
-                    onKeyDown: X,
-                    onFocus: pl,
-                    onBlur: Se
+                    onInput: be,
+                    onKeyDown: ee,
+                    onFocus: gl,
+                    onBlur: Be
                   }, null, 8, ["value", "class", "style", "size", "disabled"])) : w("", !0)
-                ], 64)) : (n(), p(I, { key: 0 }, [
-                  O("span", {
-                    class: h(qe.value)
+                ], 64)) : (n(), p(C, { key: 0 }, [
+                  z("span", {
+                    class: h(Xe.value)
                   }, [
-                    b.value.length > 0 ? (n(), p(I, { key: 0 }, [
-                      typeof l.renderSelectedItem == "function" ? (n(), g(P(l.renderSelectedItem(b.value[0])), { key: 0 })) : (n(), p(I, { key: 1 }, [
-                        Z(j(b.value[0].label), 1)
+                    y.value.length > 0 ? (n(), p(C, { key: 0 }, [
+                      i(T).selectedItem ? E(e.$slots, "selectedItem", {
+                        key: 0,
+                        option: y.value[0]
+                      }) : typeof l.renderSelectedItem == "function" ? (n(), g(A(l.renderSelectedItem(y.value[0])), { key: 1 })) : (n(), p(C, { key: 2 }, [
+                        te(J(y.value[0].label), 1)
                       ], 64))
-                    ], 64)) : (n(), p(I, { key: 1 }, [
-                      Z(j(l.placeholder), 1)
+                    ], 64)) : (n(), p(C, { key: 1 }, [
+                      te(J(l.placeholder), 1)
                     ], 64))
                   ], 2),
-                  $e.value ? (n(), g(i(ye), {
+                  xe.value ? (n(), g(i(we), {
                     key: 0,
                     ref_key: "inputRef",
-                    ref: U,
+                    ref: X,
                     value: m.value,
                     class: h(`${i(s)}-input ${i(s)}-input-single`),
-                    size: l.size,
+                    size: q.value,
                     disabled: l.disabled,
                     borderless: "",
-                    onInput: he,
-                    onKeyDown: X,
-                    onBlur: Se
+                    onInput: be,
+                    onKeyDown: ee,
+                    onBlur: Be
                   }, null, 8, ["value", "class", "size", "disabled"])) : w("", !0)
                 ], 64))
               ], 6)
             ], 2),
-            i(S).suffix || Te.value || l.showArrow ? (n(), p("div", {
+            i(T).suffix || Le.value || l.showArrow ? (n(), p("div", {
               key: 1,
               class: h(`${i(s)}-suffix`)
             }, [
-              i(S).suffix ? G(e.$slots, "suffix", { key: 0 }) : w("", !0),
-              Te.value ? (n(), g(i(Fl), {
+              i(T).suffix ? E(e.$slots, "suffix", { key: 0 }) : w("", !0),
+              Le.value ? (n(), g(i(Nl), {
                 key: 1,
                 class: h(`${i(s)}-clear`),
-                onClick: _l(ul, ["stop"])
+                onClick: Ll(vl, ["stop"])
               }, null, 8, ["class"])) : l.showArrow ? (n(), p("div", {
                 key: 2,
-                class: h([`${i(s)}-arrow`, { [`${i(s)}-arrow-open`]: y.value }])
+                class: h([`${i(s)}-arrow`, { [`${i(s)}-arrow-open`]: b.value }])
               }, [
-                (n(), g(P(l.arrowIcon)))
+                (n(), g(A(l.arrowIcon)))
               ], 2)) : w("", !0)
             ], 2)) : w("", !0)
           ], 64))
-        ], 46, Al),
-        !l.optionList || l.optionList.length === 0 ? (n(), g(i(Fe), {
+        ], 46, jl),
+        !l.optionList || l.optionList.length === 0 ? (n(), g(i(Ne), {
           key: 0,
-          onCollect: Re
+          onCollect: Ae
         }, {
-          default: D(() => [
-            G(e.$slots, "default")
+          default: j(() => [
+            E(e.$slots, "default")
           ]),
           _: 3
         })) : w("", !0)
@@ -1148,6 +1186,5 @@ const Nl = ["aria-multiselectable"], El = ["onClick"], Wl = ["onClick"], Al = ["
   }
 });
 export {
-  it as default
+  mt as default
 };
-//# sourceMappingURL=Select.vue.js.map