@aifuxi/semi-ui-vue 0.1.0-alpha.0

package/dist/SelectOption-Ce-Lst-e.js

@@ -0,0 +1,1473 @@
+import "./src-DNBBthjO.js";
+import { _ as e, f as t, h as n, t as r, x as i } from "./foundation-Cawx37mp.js";
+import { t as a } from "./env-BeIzjQx7.js";
+import { t as o } from "./constants-BNwzO87W.js";
+import { t as s } from "./warning-naSiE8G7.js";
+import { r as c } from "./keyCode-DMNg63wX.js";
+import { t as l } from "./isEnterPress-HTy0eCBp.js";
+import { o as u, t as d } from "./Tooltip-Bq7HZwnS.js";
+import { n as f } from "./constants-BF9bZJyc.js";
+import { t as p } from "./isNullOrUndefined-Cg6MZ8r3.js";
+import { t as ee } from "./config-context-CyynTtDb.js";
+import { n as te } from "./config-provider-VMfNNSF1.js";
+import { Fragment as m, Text as ne, computed as h, createBlock as g, createCommentVNode as _, createElementBlock as v, createElementVNode as y, createTextVNode as re, createVNode as b, defineComponent as x, getCurrentInstance as ie, guardReactiveProps as ae, inject as oe, isVNode as se, markRaw as ce, mergeProps as S, nextTick as C, normalizeClass as w, normalizeProps as le, normalizeStyle as T, onBeforeUnmount as ue, onMounted as de, openBlock as E, renderList as D, renderSlot as O, resolveDynamicComponent as fe, shallowReactive as k, shallowRef as pe, toDisplayString as A, unref as j, useAttrs as me, useId as he, useSlots as ge, useTemplateRef as _e, watch as ve, withCtx as M, withModifiers as ye } from "vue";
+import { IconChevronDown as be, IconClear as xe, IconClose as Se, IconSearch as Ce, IconTick as we } from "@aifuxi/semi-icons-vue";
+`${a}`, `${a}`, `${a}`;
+var N = {
+	SIZE_SET: [
+		"small",
+		"large",
+		"default"
+	],
+	POSITION_SET: f.POSITION_SET,
+	MODE_SELECT: "select",
+	MODE_AUTOCOMPLETE: "autoComplete",
+	STATUS: o,
+	SEARCH_POSITION_TRIGGER: "trigger",
+	SEARCH_POSITION_DROPDOWN: "dropdown"
+}, P = class extends r {
+	constructor(e) {
+		super({ ...e }), this._keydownHandler = null;
+	}
+	init() {
+		this._setDropdownWidth();
+		let e = this.getProp("defaultOpen"), t = this.getProp("open"), n = this._collectOptions();
+		this._setDefaultSelection(n), (e || t) && this.open(void 0, n), this.getProp("autoFocus") && this.focus(n);
+	}
+	focus(e, t) {
+		let n = this._isFilterable(), r = this._isMultiple(), { isOpen: i } = this.getStates(), { searchPosition: a } = this.getProps(), o = t !== !1;
+		if (this._adapter.updateFocusState(!0), this._adapter.setIsFocusInContainer(!1), n) {
+			if (!o) {
+				a === N.SEARCH_POSITION_TRIGGER ? r ? this.focusInput() : this.toggle2SearchInput(!0) : this._focusTrigger();
+				return;
+			}
+			r ? (this.focusInput(), i || this.open(void 0, e)) : (this.toggle2SearchInput(!0), i || this.open(void 0, e));
+		} else this._focusTrigger();
+	}
+	_focusTrigger() {
+		this._adapter.focusTrigger();
+	}
+	destroy() {
+		this._adapter.unregisterClickOutsideHandler();
+	}
+	_setDropdownWidth() {
+		let { style: t, dropdownMatchSelectWidth: r } = this.getProps(), i;
+		r && (i = t && (0, n.default)(t.width) || t && (0, e.default)(t.width) && !t.width.includes("%") ? t.width : this._adapter.getTriggerWidth(), this._adapter.setOptionWrapperWidth(i));
+	}
+	_collectOptions() {
+		let e = this._adapter.getOptionsFromChildren();
+		return this._adapter.updateOptions(e), this._adapter.rePositionDropdown(), e;
+	}
+	_setDefaultSelection(e) {
+		let { value: t } = this.getProps(), { defaultValue: n } = this.getProps();
+		this._isControlledComponent() || (t = n), this._update(t, e);
+	}
+	handleOptionListChange() {
+		let e = this._collectOptions(), { selections: t } = this.getStates();
+		this.updateOptionsActiveStatus(t, e);
+		let { defaultActiveFirstOption: n } = this.getProps();
+		n && this._adapter.updateFocusIndex(0);
+	}
+	handleOptionListChangeHadDefaultValue() {
+		let e = this.getState("selections"), t, { onChangeWithObject: n } = this.getProps(), r = this._isMultiple();
+		switch (!0) {
+			case r && !!e.size:
+				try {
+					t = [...e].map((e) => n ? e[1] : e[1].value);
+				} catch {
+					t = [];
+				}
+				break;
+			case r && !e.size:
+				t = [];
+				break;
+			case !r && !!e.size:
+				try {
+					t = n ? [...e][0][1] : [...e][0][1].value;
+				} catch {}
+				break;
+			case !r && !e.size:
+		}
+		let i = this._adapter.getOptionsFromChildren();
+		this._update(t, i);
+	}
+	handleValueChange(e) {
+		let { allowCreate: t, autoClearSearchValue: n, remote: r } = this.getProps(), { inputValue: i } = this.getStates(), a;
+		t && this._isControlledComponent() ? (a = this.getState("options"), a.forEach((e) => e._show = !0)) : a = this._adapter.getOptionsFromChildren(), this._adapter.rePositionDropdown(), this._isFilterable() && !n && i && !r && (a = this._filterOption(a, i)), this._update(e, a);
+	}
+	_update(e, t) {
+		let n;
+		this._isMultiple() ? (n = this._updateMultiple(e, t), this.updateOverflowItemCount(n.size)) : n = this._updateSingle(e, t), this._adapter.updateSelection(n), this.updateOptionsActiveStatus(n, t);
+	}
+	_updateSingle(e, t) {
+		let n = /* @__PURE__ */ new Map(), { onChangeWithObject: r } = this.getProps(), i = r && e !== void 0 ? e.value : e, a = t.filter((e) => e.value === i), o = !a.length && i != null;
+		if (a.length) {
+			let e = { ...a[0] };
+			n.set(e.label, e);
+		} else if (o) {
+			let t = {
+				value: e,
+				label: e,
+				_notExist: !0,
+				_scrollIndex: -1
+			};
+			r && (t = {
+				...e,
+				_notExist: !0,
+				_scrollIndex: -1
+			}), n.set(t.label, t);
+		}
+		return n;
+	}
+	_updateMultiple(e, n) {
+		let r = this.getState("selections"), i = [], a = Array.isArray(e);
+		this.checkMultipleProps(), r.size && (i = [...r].map((e) => e[1]));
+		let o = /* @__PURE__ */ new Map(), s = e, { onChangeWithObject: c } = this.getProps();
+		return c && a && (s = e.map((e) => e.value)), a && s.length && s.forEach((r, a) => {
+			let s = n.findIndex((e) => e.value === r);
+			if (s !== -1) o.set(n[s].label, n[s]);
+			else {
+				let n = i.findIndex((e) => e.value === r);
+				if (n !== -1) {
+					let r = i[n];
+					if (c) {
+						let n = { ...e[a] };
+						(0, t.default)(n, r) ? o.set(r.label, r) : o.set(n.label, n);
+					} else o.set(r.label, r);
+				} else {
+					let t = {
+						value: r,
+						label: r,
+						_notExist: !0
+					};
+					c && (t = {
+						...e[a],
+						_notExist: !0
+					}), o.set(t.label, {
+						...t,
+						_scrollIndex: -1
+					});
+				}
+			}
+		}), o;
+	}
+	_isMultiple() {
+		return this.getProp("multiple");
+	}
+	_isDisabled() {
+		return this.getProp("disabled");
+	}
+	_isFilterable() {
+		return !!this.getProp("filter");
+	}
+	handleClick(e) {
+		let { clickToHide: t } = this.getProps(), { isOpen: n } = this.getStates();
+		this._isDisabled() || (n ? n && t ? this.close({ event: e }) : n && !t && this.focusInput() : (this.open(), this._notifyFocus(e)));
+	}
+	open(e, t) {
+		let n = this._isFilterable(), r = t || this.getState("options");
+		if (n) {
+			let e = this._filterOption(r, "").filter((e) => !e._inputCreateOnly);
+			this._adapter.updateOptions(e), this.toggle2SearchInput(!0);
+		} else this._adapter.updateFocusState(!0);
+		this._adapter.openMenu(() => {
+			let { searchPosition: e, autoFocus: t } = this.getProps();
+			t && e === N.SEARCH_POSITION_DROPDOWN && this._adapter.focusDropdownInput();
+		}), this._setDropdownWidth(), this._adapter.notifyDropdownVisibleChange(!0), this.bindKeyBoardEvent(), this._adapter.registerClickOutsideHandler((e) => {
+			this.close({ event: e }), this._notifyBlur(e), this._adapter.updateFocusState(!1);
+		});
+	}
+	toggle2SearchInput(e) {
+		e ? this._adapter.toggleInputShow(e, () => this.focusInput()) : this._adapter.toggleInputShow(e, () => void 0);
+	}
+	close(e) {
+		let { event: t, closeCb: n, notToggleInput: r } = e || {}, { isFocus: i } = this.getStates();
+		this._adapter.closeMenu(), this._adapter.notifyDropdownVisibleChange(!1), this._adapter.setIsFocusInContainer(!1), i && this._focusTrigger(), this._adapter.unregisterClickOutsideHandler();
+		let a = this._isFilterable();
+		a && !r && this.toggle2SearchInput(!1), this._adapter.once("popoverClose", () => {
+			a && this.clearInput(t), n && n();
+		});
+	}
+	onSelect(e, t, n) {
+		this._isDisabled() || (e._inputCreateOnly && this._adapter.notifyCreate(e), this._isMultiple() ? this._handleMultipleSelect(e, n) : this._handleSingleSelect(e, n), this._adapter.updateFocusIndex(t));
+	}
+	_handleSingleSelect({ value: e, label: t, ...n }, r) {
+		let i = (/* @__PURE__ */ new Map()).set(t, {
+			value: e,
+			label: t,
+			...n
+		});
+		this._notifySelect(e, {
+			value: e,
+			label: t,
+			...n
+		});
+		let a = this._isFilterable();
+		this._isControlledComponent() ? this.close({
+			event: r,
+			notToggleInput: !0,
+			closeCb: () => {
+				this._notifyChange(i), a && this.toggle2SearchInput(!1);
+			}
+		}) : (this._adapter.updateSelection(i), this._notifyChange(i), this.close({
+			event: r,
+			closeCb: () => {
+				this.updateOptionsActiveStatus(i);
+			}
+		}));
+	}
+	_handleMultipleSelect({ value: e, label: t, ...n }, r) {
+		let a = this._adapter.getMaxLimit(), o = this._adapter.getSelections(), { autoClearSearchValue: s } = this.getProps();
+		if (o.has(t)) this._notifyDeselect(e, {
+			value: e,
+			label: t,
+			...n
+		}), o.delete(t);
+		else if (a && o.size >= a) {
+			this._adapter.notifyMaxLimit({
+				value: e,
+				label: t,
+				...(0, i.default)(n, "_scrollIndex")
+			});
+			return;
+		} else this._notifySelect(e, {
+			value: e,
+			label: t,
+			...n
+		}), o.set(t, {
+			value: e,
+			label: t,
+			...n
+		});
+		if (this._isControlledComponent()) this._notifyChange(o), this._isFilterable() && (s && this.clearInput(r), this.focusInput());
+		else {
+			this._adapter.updateSelection(o), this.updateOverflowItemCount(o.size), this._adapter.rePositionDropdown();
+			let { options: e } = this.getStates();
+			this._isFilterable() && (s && (this.clearInput(r), e = this._filterOption(e, "")), this.focusInput()), this.updateOptionsActiveStatus(o, e), this._notifyChange(o);
+		}
+	}
+	clearSelected() {
+		let e = /* @__PURE__ */ new Map();
+		this._isControlledComponent() ? (this._notifyChange(e), this._adapter.notifyClear()) : (this._adapter.updateSelection(e), this.updateOptionsActiveStatus(e), this._notifyChange(e), this._adapter.notifyClear());
+		let { isOpen: t } = this.getStates();
+		t && this._adapter.rePositionDropdown();
+	}
+	updateOptionsActiveStatus(e, t = this.getState("options")) {
+		let { allowCreate: n } = this.getProps(), r = t.map((t) => (e.has(t.label) ? (t._selected = !0, n && delete t._inputCreateOnly) : (t._inputCreateOnly && (t._show = !1), t._selected = !1), t));
+		this._adapter.updateOptions(r);
+	}
+	removeTag(e) {
+		let t = this._adapter.getSelections();
+		t.delete(e.label), this._isControlledComponent() ? (this._notifyDeselect(e.value, e), this._notifyChange(t)) : (this._notifyDeselect(e.value, e), this._adapter.updateSelection(t), this.updateOverflowItemCount(t.size), this.updateOptionsActiveStatus(t), this._adapter.rePositionDropdown(), this._notifyChange(t));
+	}
+	clearInput(e) {
+		let { inputValue: t } = this.getStates();
+		if (t !== "") {
+			this._adapter.updateInputValue(""), this._adapter.notifySearch("", e);
+			let { options: t } = this.getStates(), { remote: n } = this.getProps(), r = t;
+			n || (r = this._filterOption(t, "")), this._adapter.updateOptions(r);
+		}
+	}
+	focusInput() {
+		this._adapter.focusInput(), this._adapter.updateFocusState(!0), this._adapter.setIsFocusInContainer(!1);
+	}
+	handleInputChange(e, t) {
+		this._adapter.updateInputValue(e);
+		let { options: n, isOpen: r } = this.getStates(), { allowCreate: i, remote: a } = this.getProps(), o = n;
+		a || (o = this._filterOption(n, e)), o = this._createOptionByInput(i, o, e), this._adapter.updateOptions(o), this._adapter.notifySearch(e, t), this._isMultiple() && this._adapter.rePositionDropdown();
+	}
+	_filterOption(t, n) {
+		let r = this.getProp("filter");
+		if (!r) return t;
+		if (typeof r == "boolean" && r) {
+			let r = n.toLowerCase();
+			return t.map((t) => {
+				let n = t.label.toString().toLowerCase(), i = t._parentGroup && t._parentGroup.label, a = n.includes(r), o = (0, e.default)(i) && i.toLowerCase().includes(r);
+				return t._show = !!(a || o), t;
+			});
+		}
+		if (typeof r == "function") return t.map((e) => (e._show = !!r(n, e), e));
+	}
+	_createOptionByInput(e, t, n) {
+		if (e) {
+			if (n) {
+				let e = {
+					_show: !0,
+					_selected: !1,
+					value: n,
+					label: n,
+					_inputCreateOnly: !0
+				}, r = -1, i = -1;
+				t.forEach((e, t) => {
+					!e._show && !e._inputCreateOnly || (e.label === n && (i = t), e._inputCreateOnly && (r = t, e.value = n, e.label = n, e._show = !0));
+				}), r === -1 && i === -1 && t.push(e), i !== -1 && (t = t.filter((e) => !e._inputCreateOnly));
+			} else t = t.filter((e) => !e._inputCreateOnly);
+		}
+		return t;
+	}
+	bindKeyBoardEvent() {
+		this._keydownHandler = (e) => {
+			this._handleKeyDown(e);
+		}, this._adapter.registerKeyDown(this._keydownHandler);
+	}
+	unBindKeyBoardEvent() {
+		this._keydownHandler && this._adapter.unregisterKeyDown();
+	}
+	_handleKeyDown(e) {
+		let t = e.keyCode, { loading: n, filter: r, multiple: i, disabled: a } = this.getProps(), { isOpen: o } = this.getStates();
+		if (!(n || a)) switch (t) {
+			case c.UP:
+				e.preventDefault(), this._handleArrowKeyDown(-1);
+				break;
+			case c.DOWN:
+				e.preventDefault(), this._handleArrowKeyDown(1);
+				break;
+			case c.BACKSPACE:
+				this._handleBackspaceKeyDown();
+				break;
+			case c.ENTER:
+				u(e), this._handleEnterKeyDown(e);
+				break;
+			case c.ESC:
+				o && this.close({ event: e }), r && !i && this._focusTrigger();
+				break;
+			case c.TAB: this._handleTabKeyDown(e);
+		}
+	}
+	handleContainerKeyDown(e) {
+		let t = e.keyCode, { isOpen: n } = this.getStates();
+		switch (t) {
+			case c.TAB: n && this._handleTabKeyDown(e);
+		}
+	}
+	_getEnableFocusIndex(e) {
+		let { focusIndex: t, options: n } = this.getStates(), r = n.filter((e) => e._show), i = r.length, a = t + e;
+		if (a < 0 && (a = i - 1), a >= i && (a = 0), e > 0) {
+			let e = -1;
+			for (let t = 0; t < r.length && (r[t].disabled || (e = t), !(e >= a)); t++);
+			a = e;
+		} else {
+			let e = r.length;
+			for (let t = i - 1; t >= 0 && (r[t].disabled || (e = t), !(e <= a)); t--);
+			a = e;
+		}
+		this._adapter.updateFocusIndex(a), this._adapter.updateScrollTop(a);
+	}
+	_handleArrowKeyDown(e) {
+		let { isOpen: t } = this.getStates();
+		t ? this._getEnableFocusIndex(e) : this.open();
+	}
+	_handleTabKeyDown(e) {
+		let { isOpen: t } = this.getStates();
+		if (this._adapter.updateFocusState(!1), t) {
+			let t = this._adapter.getContainer(), n = this._adapter.getFocusableElements(t);
+			n.length > 0 ? e.shiftKey ? this._handlePanelOpenShiftTabKeyDown(n, e) : this._handlePanelOpenTabKeyDown(n, e) : (this.close({ event: e }), this._notifyBlur(e));
+		} else this._notifyBlur(e);
+	}
+	_handlePanelOpenTabKeyDown(e, t) {
+		let n = this._adapter.getActiveElement();
+		this._adapter.getIsFocusInContainer() ? n === e[e.length - 1] && (this._focusTrigger(), this.close({ event: t }), u(t)) : (e[0].focus(), this._adapter.setIsFocusInContainer(!0), u(t));
+	}
+	_handlePanelOpenShiftTabKeyDown(e, t) {
+		let n = this._adapter.getActiveElement();
+		this._adapter.getIsFocusInContainer() ? n === e[0] && (this._focusTrigger(), this._adapter.setIsFocusInContainer(!1), u(t)) : (this.close({ event: t }), this._notifyBlur(t));
+	}
+	_handleEnterKeyDown(e) {
+		let { isOpen: t, options: n, focusIndex: r } = this.getStates();
+		if (!t) this.open();
+		else if (r !== -1) {
+			let t = n.filter((e) => e._show), { length: i } = t;
+			if (i <= r) return;
+			if (t && i) {
+				let n = t[r];
+				if (n.disabled) return;
+				this.onSelect(n, r, e);
+			}
+		} else this.close({ event: e });
+	}
+	_handleBackspaceKeyDown() {
+		if (this._isMultiple()) {
+			let e = this._adapter.getSelections(), { inputValue: t } = this.getStates(), n = e.size;
+			if (n && !t) {
+				let t = [...e.keys()], r = n - 1, i = t[r], a = e.get(i), o = !1;
+				if (a.disabled && r === 0) return;
+				for (; a.disabled && r !== 0;) --r, i = t[r], a = e.get(i), r == 0 && a.disabled && (o = !0);
+				o || this.removeTag(a);
+			}
+		}
+	}
+	_notifyChange(e) {
+		let { onChangeWithObject: t } = this.getProps(), n = this.getState("selections"), r, i = [...e.values()], a = this._isMultiple();
+		if (this._diffSelections(e, n, a)) switch (!0) {
+			case t:
+				this._notifyChangeWithObject(e);
+				break;
+			case !t && !a:
+				r = i.length ? i[0].value : void 0, this._adapter.notifyChange(r);
+				break;
+			case !t && a: r = i.length ? i.map((e) => e.value) : [], this._adapter.notifyChange(r);
+		}
+	}
+	_removeInternalKey(e) {
+		let t = { ...e };
+		return delete t._parentGroup, delete t._show, delete t._selected, delete t._scrollIndex, delete t._keyInJsx, "_keyInOptionList" in t && (t.key = t._keyInOptionList, delete t._keyInOptionList), t;
+	}
+	_notifySelect(e, t) {
+		let n = this._removeInternalKey(t);
+		this._adapter.notifySelect(e, n);
+	}
+	_notifyDeselect(e, t) {
+		let n = this._removeInternalKey(t);
+		this._adapter.notifyDeselect(e, n);
+	}
+	_diffSelections(e, n, r) {
+		let i = !0, a = !0;
+		if (!r) {
+			let r = [...e.values()], o = [...n.values()], s = r[0] ? r[0].value : r[0], c = o[0] ? o[0].value : o[0];
+			a = !(0, t.default)(s, c);
+			let l = r[0] ? r[0].label : r[0], u = o[0] ? o[0].label : o[0];
+			i = !(0, t.default)(l, u);
+		}
+		return a || i;
+	}
+	_notifyChangeWithObject(e) {
+		this.getState("selections");
+		let t = [];
+		for (let n of e.entries()) {
+			let e = {
+				label: n[0],
+				...n[1]
+			};
+			e = this._removeInternalKey(e), t.push(e);
+		}
+		this._isMultiple() ? this._adapter.notifyChange(t) : this._adapter.notifyChange(t[0]);
+	}
+	_notifyBlur(e) {
+		this._adapter.notifyBlur(e);
+	}
+	_notifyFocus(e) {
+		this._adapter.notifyFocus(e);
+	}
+	handleMouseEnter(e) {
+		this._adapter.updateHovering(!0), this._adapter.notifyMouseEnter(e);
+	}
+	handleMouseLeave(e) {
+		this._adapter.updateHovering(!1), this._adapter.notifyMouseLeave(e);
+	}
+	handleClearClick(e) {
+		let { filter: t, searchPosition: n } = this.getProps();
+		t && n === N.SEARCH_POSITION_TRIGGER && this.clearInput(e), this.focus(void 0, !1), this.clearSelected(), e.stopPropagation();
+	}
+	handleKeyPress(e) {
+		e && e.key === "Enter" && this.handleClick(e);
+	}
+	/* istanbul ignore next */
+	handleClearBtnEnterPress(e) {
+		l(e) && this.handleClearClick(e);
+	}
+	handleOptionMouseEnter(e) {
+		this._adapter.updateFocusIndex(e);
+	}
+	handleListScroll(e) {
+		this._adapter.notifyListScroll(e);
+	}
+	handleTriggerFocus(e) {
+		this.bindKeyBoardEvent(), this._adapter.setIsFocusInContainer(!1);
+	}
+	handleTriggerBlur(e) {
+		let { filter: t, autoFocus: n } = this.getProps(), { isOpen: r, isFocus: i } = this.getStates();
+		i && !r && (this._notifyBlur(e), this._adapter.updateFocusState(!1));
+	}
+	handleInputBlur(e) {
+		let { filter: t, autoFocus: n } = this.getProps(), { showInput: r, isOpen: i } = this.getStates(), a = this._isMultiple();
+		t && !a && (r || n) && !i && this.toggle2SearchInput(!1);
+	}
+	selectAll() {
+		let { options: e } = this.getStates(), { onChangeWithObject: t } = this.getProps(), n = [];
+		if (!this._isMultiple()) {
+			console.warn("[Semi Select]: It seems that you have called the selectAll method in the single-selection Select.\n                Please note that this is not a legal way to use it");
+			return;
+		}
+		n = t ? e : e.map((e) => e.value), this.handleValueChange(n), this._adapter.notifyChange(n);
+	}
+	checkMultipleProps(e) {
+		if (this._isMultiple()) {
+			let { defaultValue: t, value: n } = e || this.getProps(), r = n || t;
+			!p(r) && !Array.isArray(r) && 
+			/* istanbul ignore next */
+			s(!0, "[Semi Select] defaultValue/value should be array type in multiple mode");
+		}
+	}
+	updateScrollTop() {
+		this._adapter.updateScrollTop();
+	}
+	updateOverflowItemCount(e, t) {
+		let { maxTagCount: n, ellipsisTrigger: r } = this.getProps();
+		r && (t ? this._adapter.updateOverflowItemCount(t) : typeof n == "number" && (e - n > 0 ? this._adapter.updateOverflowItemCount(e - n) : this._adapter.updateOverflowItemCount(0)));
+	}
+	updateIsFullTags() {
+		let { isFullTags: e } = this.getStates();
+		e || this._adapter.setState({ isFullTags: !0 });
+	}
+	handlePopoverClose() {
+		this._adapter.emit("popoverClose");
+	}
+	handleSlotMouseEnter() {
+		this._adapter.updateFocusIndex(-1);
+	}
+}, F = x({
+	name: "SelectNodeRenderer",
+	props: { content: {
+		type: null,
+		default: void 0
+	} },
+	setup: (e) => () => e.content
+}), Te = x({
+	name: "SelectOptionCollector",
+	props: { collect: {
+		type: Function,
+		required: !0
+	} },
+	setup(e, { slots: t }) {
+		return () => {
+			let n = t.default?.() ?? [];
+			return e.collect(n), null;
+		};
+	}
+}), Ee = x({
+	name: "SelectFragment",
+	inheritAttrs: !1,
+	setup(e, { slots: t }) {
+		return () => t.default?.();
+	}
+});
+//#endregion
+//#region src/select/use-select-foundation.ts
+function I(e) {
+	let t = { ...e };
+	for (let e of Object.keys(t)) (e.startsWith("_") || e === "children") && delete t[e];
+	return t;
+}
+function De(e) {
+	let { controlled: t, emit: n, getOptions: r, listElement: i, runtimeProps: a, triggerElement: o } = e, s = k({
+		isOpen: !1,
+		isFocus: !1,
+		options: [],
+		selections: /* @__PURE__ */ new Map(),
+		dropdownMinWidth: void 0,
+		optionKey: 0,
+		inputValue: "",
+		showInput: !1,
+		focusIndex: a.value.defaultActiveFirstOption ? 0 : -1,
+		keyboardEventSet: {},
+		optionGroups: [],
+		isHovering: !1,
+		isFocusInContainer: !1,
+		isFullTags: !1,
+		overflowItemCount: 0
+	}), c = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map(), u, d;
+	function f() {
+		let e = { ...a.value };
+		return t.value ? e.value = a.value.value ?? a.value.modelValue : delete e.value, e;
+	}
+	let p = ce(new P({
+		getContext: () => void 0,
+		getContexts: () => void 0,
+		getProp: (e) => f()[String(e)],
+		getProps: f,
+		getState: (e) => e === "selections" && d !== void 0 ? d : s[e],
+		getStates: () => s,
+		setState: (e, t) => {
+			Object.assign(s, e), t?.();
+		},
+		getCache: (e) => c.get(e),
+		getCaches: () => c,
+		setCache: (e, t) => c.set(e, t),
+		stopPropagation: (e) => e?.stopPropagation(),
+		persistEvent: () => void 0,
+		getTriggerWidth: () => o.value?.getBoundingClientRect().width ?? 0,
+		updateFocusState: (e) => {
+			s.isFocus = e;
+		},
+		focusTrigger: () => o.value?.focus({ preventScroll: a.value.preventScroll ?? !1 }),
+		unregisterClickOutsideHandler: () => {
+			u && typeof document < "u" && document.removeEventListener("mousedown", u), u = void 0;
+		},
+		setOptionWrapperWidth: (e) => {
+			s.dropdownMinWidth = e;
+		},
+		getOptionsFromChildren: () => r().map((e) => ({ ...e })),
+		updateOptions: (e) => {
+			s.options = e;
+		},
+		rePositionDropdown: () => {
+			s.optionKey += 1;
+		},
+		updateFocusIndex: (e) => {
+			s.focusIndex = e;
+		},
+		updateSelection: (e) => {
+			d = s.selections, s.selections = e, C(() => {
+				d = void 0;
+			});
+		},
+		openMenu: (e) => {
+			s.isOpen = !0, C(() => e?.());
+		},
+		notifyDropdownVisibleChange: (e) => n("dropdownVisibleChange", e),
+		registerClickOutsideHandler: (e) => {
+			typeof document > "u" || (u = (t) => {
+				let n = t.target;
+				n instanceof Node && (o.value?.contains(n) || i.value?.contains(n) || e(t));
+			}, document.addEventListener("mousedown", u));
+		},
+		toggleInputShow: (e, t) => {
+			s.showInput = e, C(t);
+		},
+		closeMenu: () => {
+			s.isOpen = !1, a.value.motion || C(() => l.get("popoverClose")?.forEach((e) => e()));
+		},
+		notifyCreate: (e) => n("create", I(e)),
+		getMaxLimit: () => a.value.max,
+		getSelections: () => new Map(s.selections),
+		notifyMaxLimit: (e) => n("exceed", I(e)),
+		notifyClear: () => n("clear"),
+		updateInputValue: (e) => {
+			s.inputValue = e;
+		},
+		focusInput: () => {
+			C(() => o.value?.querySelector("input")?.focus({ preventScroll: a.value.preventScroll ?? !1 }));
+		},
+		focusDropdownInput: () => {
+			C(() => i.value?.querySelector("input")?.focus({ preventScroll: a.value.preventScroll ?? !1 }));
+		},
+		notifySearch: (e, t) => n("search", e, t),
+		registerKeyDown: (e) => {
+			s.keyboardEventSet = { keydown: e };
+		},
+		unregisterKeyDown: () => {
+			s.keyboardEventSet = {};
+		},
+		notifyChange: (e) => {
+			n("change", e), n("update:modelValue", e), n("update:value", e);
+		},
+		notifySelect: (e, t) => {
+			n("select", e, I(t));
+		},
+		notifyDeselect: (e, t) => {
+			n("deselect", e, I(t));
+		},
+		notifyBlur: (e) => n("blur", e),
+		notifyFocus: (e) => n("focus", e),
+		notifyListScroll: (e) => n("listScroll", e),
+		notifyMouseLeave: () => void 0,
+		notifyMouseEnter: () => void 0,
+		updateHovering: (e) => {
+			s.isHovering = e;
+		},
+		updateScrollTop: (e) => {
+			let t = e ?? [...s.selections.values()][0]?._scrollIndex;
+			if (t === void 0 || t < 0) return;
+			let n = i.value?.querySelector(`[data-option-index="${t}"]`);
+			n && i.value && (i.value.scrollTop = n.offsetTop - i.value.clientHeight / 2 + n.clientHeight / 2);
+		},
+		updateOverflowItemCount: (e) => {
+			s.overflowItemCount = e;
+		},
+		getContainer: () => i.value,
+		getFocusableElements: (e) => e ? Array.from(e.querySelectorAll("a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex=\"-1\"])")) : [],
+		getActiveElement: () => typeof document > "u" ? void 0 : document.activeElement,
+		setIsFocusInContainer: (e) => {
+			s.isFocusInContainer = e;
+		},
+		getIsFocusInContainer: () => s.isFocusInContainer,
+		on: (e, t) => {
+			let n = l.get(e) ?? /* @__PURE__ */ new Set();
+			n.add(t), l.set(e, n);
+		},
+		off: (e) => l.delete(e),
+		once: (e, t) => {
+			let n = () => {
+				t(), l.get(e)?.delete(n);
+			}, r = l.get(e) ?? /* @__PURE__ */ new Set();
+			r.add(n), l.set(e, r);
+		},
+		emit: (e) => l.get(e)?.forEach((e) => e())
+	}));
+	return ve(() => a.value.value ?? a.value.modelValue, (e) => {
+		t.value && p.handleValueChange(e);
+	}, { deep: !0 }), ve(() => a.value.optionList, () => {
+		p.handleOptionListChange(), t.value || p.handleOptionListChangeHadDefaultValue();
+	}, { deep: !0 }), de(() => p.init()), ue(() => p.destroy()), {
+		foundation: p,
+		state: s
+	};
+}
+//#endregion
+//#region src/select/Select.vue?vue&type=script&setup=true&lang.ts
+var Oe = {
+	key: 1,
+	class: "semi-select-dropdown-search-wrapper"
+}, ke = { class: "semi-input-wrapper semi-input-wrapper-default semi-input-wrapper-prefix" }, Ae = { class: "semi-input-prefix" }, je = [
+	"value",
+	"placeholder",
+	"aria-activedescendant"
+], Me = ["aria-multiselectable"], Ne = {
+	key: 1,
+	class: "semi-select-loading-wrapper"
+}, Pe = ["onClick", "onMouseenter"], Fe = [
+	"id",
+	"data-option-index",
+	"aria-selected",
+	"aria-disabled",
+	"onClick",
+	"onMouseenter"
+], Ie = {
+	key: 0,
+	class: "semi-select-option-icon"
+}, Le = { class: "semi-select-option-text" }, Re = { class: "semi-select-create-tips" }, ze = {
+	key: 0,
+	class: "semi-select-option-keyword"
+}, Be = {
+	key: 3,
+	class: "semi-select-option semi-select-option-empty",
+	"x-semi-prop": "emptyContent"
+}, Ve = [
+	"id",
+	"aria-disabled",
+	"aria-expanded",
+	"aria-label",
+	"aria-invalid",
+	"aria-errormessage",
+	"aria-labelledby",
+	"aria-describedby",
+	"aria-required",
+	"aria-activedescendant",
+	"tabindex"
+], He = ["id"], Ue = { class: "semi-select-selection" }, We = [
+	"data-select-tag-index",
+	"aria-label",
+	"aria-disabled"
+], Ge = { class: "semi-tag-content semi-tag-content-ellipsis" }, Ke = ["onClick"], qe = {
+	class: "semi-tag-group",
+	style: {
+		display: "flex",
+		"flex-wrap": "wrap",
+		gap: "2px",
+		"max-width": "400px"
+	}
+}, Je = { class: "semi-tag-content semi-tag-content-ellipsis" }, Ye = { class: "semi-tag-content semi-tag-content-ellipsis" }, Xe = { class: "semi-tag-content semi-tag-content-ellipsis" }, Ze = {
+	key: 1,
+	class: "semi-select-selection-text semi-select-selection-placeholder"
+}, Qe = ["value", "aria-activedescendant"], $e = {
+	key: 1,
+	class: "semi-select-content-wrapper"
+}, et = {
+	key: 0,
+	class: "semi-input-wrapper semi-input-wrapper-default"
+}, tt = ["value", "aria-activedescendant"], nt = {
+	key: 1,
+	class: "semi-select-suffix"
+}, rt = {
+	key: 3,
+	class: "semi-select-arrow"
+}, it = {
+	key: 4,
+	class: "semi-select-arrow-empty"
+}, L = /* @__PURE__ */ x({
+	name: "Select",
+	inheritAttrs: !1,
+	__name: "Select",
+	props: {
+		ariaDescribedby: {},
+		ariaErrormessage: {},
+		ariaInvalid: { type: [Boolean, String] },
+		ariaLabelledby: {},
+		ariaRequired: { type: Boolean },
+		id: {},
+		autoFocus: { type: Boolean },
+		autoClearSearchValue: { type: Boolean },
+		autoAdjustOverflow: { type: Boolean },
+		allowCreate: { type: Boolean },
+		borderless: { type: Boolean },
+		clickToHide: { type: Boolean },
+		defaultActiveFirstOption: { type: Boolean },
+		defaultOpen: { type: Boolean },
+		defaultValue: {},
+		disabled: { type: Boolean },
+		dropdownClassName: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		dropdownMargin: {},
+		dropdownMatchSelectWidth: { type: Boolean },
+		dropdownStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		ellipsisTrigger: { type: Boolean },
+		emptyContent: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		expandRestTagsOnClick: { type: Boolean },
+		filter: { type: [Boolean, Function] },
+		getPopupContainer: { type: Function },
+		inputProps: {},
+		insetLabelId: {},
+		loading: { type: Boolean },
+		max: {},
+		maxHeight: {},
+		maxTagCount: {},
+		modelValue: {},
+		motion: { type: Boolean },
+		mouseEnterDelay: {},
+		mouseLeaveDelay: {},
+		multiple: { type: Boolean },
+		onChangeWithObject: { type: Boolean },
+		optionList: {},
+		placeholder: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		position: {},
+		preventScroll: { type: Boolean },
+		rePosKey: {},
+		restTagsPopoverProps: {},
+		remote: { type: Boolean },
+		searchPlaceholder: {},
+		searchPosition: {},
+		showArrow: { type: Boolean },
+		showClear: { type: Boolean },
+		showRestTagsPopover: { type: Boolean },
+		size: {},
+		spacing: {},
+		stopPropagation: { type: Boolean },
+		validateStatus: {},
+		value: {},
+		virtualize: {},
+		zIndex: {}
+	},
+	emits: [
+		"blur",
+		"change",
+		"clear",
+		"create",
+		"deselect",
+		"dropdownVisibleChange",
+		"exceed",
+		"focus",
+		"listScroll",
+		"search",
+		"select",
+		"update:modelValue",
+		"update:value"
+	],
+	setup(e, { expose: t, emit: n }) {
+		let r = e, i = n, a = me(), o = ge(), s = ie(), c = oe(ee, void 0), l = _e("triggerElement"), u = _e("listElement"), f = _e("multipleContentElement"), p = r.id ?? `semi-select-${he().replaceAll(":", "")}`, x = `${p}-list`, ce = pe(0), k = pe(), N = /* @__PURE__ */ new Map(), P, I = [], L = "", R = !1, z = h(() => c?.value ?? {
+			direction: "ltr",
+			getPopupContainer: void 0
+		}), at = h(() => z.value.locale?.Select ?? {});
+		function B(e, t) {
+			let n = String(e).replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), i = s?.vnode.props;
+			if (i && (Object.prototype.hasOwnProperty.call(i, e) || Object.prototype.hasOwnProperty.call(i, n)) && r[e] !== void 0) return r[e];
+			let a = te.config.overrideDefaultProps?.Select?.[e];
+			return a === void 0 ? t : a;
+		}
+		let V = h(() => ({
+			...r,
+			allowCreate: B("allowCreate", !1),
+			autoAdjustOverflow: B("autoAdjustOverflow", !0),
+			autoClearSearchValue: B("autoClearSearchValue", !0),
+			borderless: B("borderless", !1),
+			defaultActiveFirstOption: B("defaultActiveFirstOption", !0),
+			defaultOpen: B("defaultOpen", !1),
+			disabled: B("disabled", !1),
+			dropdownMatchSelectWidth: B("dropdownMatchSelectWidth", !0),
+			filter: B("filter", !1),
+			maxHeight: B("maxHeight", 270),
+			motion: B("motion", !0),
+			multiple: B("multiple", !1),
+			onChangeWithObject: B("onChangeWithObject", !1),
+			placeholder: B("placeholder", ""),
+			remote: B("remote", !1),
+			searchPosition: B("searchPosition", "trigger"),
+			showArrow: B("showArrow", !0),
+			showClear: B("showClear", !1),
+			showRestTagsPopover: B("showRestTagsPopover", !1),
+			size: B("size", "default"),
+			stopPropagation: B("stopPropagation", !0),
+			validateStatus: B("validateStatus", "default"),
+			zIndex: B("zIndex", 1030)
+		})), H = h(() => {
+			let e = s?.vnode.props;
+			return !!(e && (Object.prototype.hasOwnProperty.call(e, "value") || Object.prototype.hasOwnProperty.call(e, "modelValue") || Object.prototype.hasOwnProperty.call(e, "model-value")));
+		});
+		function U(e) {
+			let t = [], n = (e) => {
+				if (Array.isArray(e)) return e.forEach(n);
+				if (se(e)) {
+					if (e.type === m && Array.isArray(e.children)) return e.children.forEach((e) => n(e));
+					t.push(e);
+				}
+			};
+			return n(e), t;
+		}
+		function W(e) {
+			let t = e.children;
+			if (t && typeof t == "object" && !Array.isArray(t)) {
+				let e = t.default;
+				if (e) return e();
+			}
+			return t;
+		}
+		function G(e) {
+			if (typeof e.type != "object") return;
+			let t = e.type;
+			return t.name ?? t.__name;
+		}
+		function ot(e) {
+			let t = "", n = !1, r = (e) => Array.isArray(e) ? e.every(r) : typeof e == "string" || typeof e == "number" ? (t += String(e), n = !0, !0) : se(e) ? e.type === ne ? r(e.children) : e.type === m && Array.isArray(e.children) ? e.children.every((e) => r(e)) : !1 : e == null;
+			return r(e) && n ? t : void 0;
+		}
+		function st() {
+			if (V.value.optionList?.length) return V.value.optionList.map((e, t) => ({
+				_scrollIndex: t,
+				_selected: !1,
+				_show: !0,
+				showTick: !0,
+				...e,
+				label: e.label ?? e.value
+			}));
+			let e = [], t = (t, n) => {
+				let r = t.props ?? {}, i = W(t), a = ot(i), o = Object.prototype.hasOwnProperty.call(r, "disabled") && r.disabled !== !1, s = !Object.prototype.hasOwnProperty.call(r, "showTick") || r.showTick !== !1;
+				e.push({
+					...r,
+					_key: t.key ?? e.length,
+					...n ? { _parentGroup: n } : {},
+					_scrollIndex: e.length,
+					_selected: !1,
+					_show: !0,
+					children: i,
+					disabled: o,
+					label: r.label ?? a ?? i ?? r.value,
+					showTick: s,
+					...r.value === void 0 ? {} : { value: r.value }
+				});
+			};
+			for (let n of U(I)) {
+				let r = G(n);
+				if (r === "SelectOption" && t(n), r === "SelectOptionGroup") {
+					let r = n.props ?? {}, i = {
+						_key: n.key ?? e.length,
+						class: r.class,
+						label: r.label,
+						style: r.style
+					};
+					for (let e of U(W(n))) G(e) === "SelectOption" && t(e, i);
+				}
+			}
+			return e;
+		}
+		function ct(e) {
+			I = e;
+			let t = U(e).map((e) => ({
+				key: e.key,
+				name: G(e),
+				value: e.props?.value,
+				label: typeof e.props?.label == "string" || typeof e.props?.label == "number" ? e.props.label : e.props?.label === void 0 ? void 0 : "[VNode]",
+				disabled: e.props?.disabled,
+				children: String(W(e))
+			})), n = JSON.stringify(t);
+			if (n !== L) {
+				if (L = n, typeof document > "u" && q.options.length === 0) {
+					let e = st(), t = H.value ? V.value.value ?? V.value.modelValue : V.value.defaultValue, n = V.value.multiple && Array.isArray(t) ? t : t === void 0 ? [] : [t], r = /* @__PURE__ */ new Map();
+					q.options = e.map((e) => {
+						let t = n.some((t) => V.value.onChangeWithObject && typeof t == "object" && t ? t.value === e.value : t === e.value), i = {
+							...e,
+							_selected: t
+						};
+						return t && r.set(e.value, i), i;
+					}), q.selections = r;
+				}
+				R && queueMicrotask(() => {
+					K.handleOptionListChange(), H.value || K.handleOptionListChangeHadDefaultValue();
+				});
+			}
+		}
+		let { foundation: K, state: q } = De({
+			controlled: H,
+			emit: i,
+			getOptions: st,
+			listElement: u,
+			runtimeProps: V,
+			triggerElement: l
+		});
+		queueMicrotask(() => {
+			R = !0;
+		});
+		let lt = h(() => q.options.filter((e) => e._show)), J = h(() => [...q.selections.values()]), Y = h(() => {
+			if (V.value.expandRestTagsOnClick && q.isOpen) return J.value;
+			let e = V.value.maxTagCount ?? J.value.length, t = V.value.ellipsisTrigger ? k.value ?? e : e;
+			return J.value.slice(0, Math.min(e, t));
+		}), X = h(() => J.value.length - Y.value.length), Z = h(() => !!V.value.ellipsisTrigger && !(V.value.expandRestTagsOnClick && q.isOpen)), ut = h(() => !!V.value.maxTagCount && !Z.value && !(V.value.expandRestTagsOnClick && q.isOpen)), dt = h(() => ut.value || Z.value ? "div" : Ee), ft = h(() => ut.value ? { class: "semi-tag-group semi-tag-group-max semi-tag-group-large" } : Z.value ? { class: "semi-select-content-wrapper-collapse" } : {}), pt = h(() => Z.value ? "div" : Ee), mt = h(() => Z.value ? { class: "semi-overflow-list" } : {}), ht = h(() => {
+			let e = [], t = /* @__PURE__ */ new Set();
+			return lt.value.forEach((n, r) => {
+				let i = n._parentGroup?._key ?? n._parentGroup?.label, a = n._parentGroup !== void 0 && !t.has(i);
+				a && t.add(i), e.push({
+					group: n._parentGroup,
+					option: n,
+					index: r,
+					first: a
+				});
+			}), e;
+		}), gt = h(() => {
+			if (!V.value.virtualize) return ht.value;
+			let e = V.value.virtualize.itemSize ?? 32, t = V.value.virtualize.height ?? 270, n = Math.max(0, Math.floor(ce.value / e) - 2), r = Math.ceil(t / e) + 4;
+			return ht.value.slice(n, n + r);
+		}), _t = h(() => [
+			a.class,
+			"semi-select",
+			V.value.borderless ? "semi-select-borderless" : void 0,
+			q.isOpen ? "semi-select-open" : void 0,
+			q.isFocus ? "semi-select-focus" : void 0,
+			V.value.disabled ? "semi-select-disabled" : void 0,
+			V.value.multiple ? "semi-select-multiple" : "semi-select-single",
+			V.value.filter ? "semi-select-filterable" : void 0,
+			V.value.size === "small" ? "semi-select-small" : void 0,
+			V.value.size === "large" ? "semi-select-large" : void 0,
+			V.value.validateStatus === "error" ? "semi-select-error" : void 0,
+			V.value.validateStatus === "warning" ? "semi-select-warning" : void 0,
+			V.value.showArrow ? void 0 : "semi-select-no-arrow",
+			o.prefix || o.insetLabel ? "semi-select-with-prefix" : void 0,
+			o.suffix ? "semi-select-with-suffix" : void 0
+		]), vt = h(() => V.value.showClear && !V.value.disabled && (J.value.length > 0 || q.inputValue) && (q.isHovering || q.isOpen)), yt = h(() => ({
+			maxHeight: typeof V.value.maxHeight == "number" ? `${V.value.maxHeight}px` : V.value.maxHeight,
+			...V.value.virtualize ? {
+				height: `${V.value.virtualize.height ?? 270}px`,
+				position: "relative"
+			} : {}
+		})), bt = h(() => [{ minWidth: typeof q.dropdownMinWidth == "number" ? `${q.dropdownMinWidth}px` : q.dropdownMinWidth }, V.value.dropdownStyle]), xt = h(() => V.value.getPopupContainer ?? z.value.getPopupContainer), Q = h(() => q.focusIndex >= 0 ? `${p}-option-${q.focusIndex}` : "");
+		function St(e) {
+			let t = getComputedStyle(e);
+			return e.getBoundingClientRect().width + Number.parseFloat(t.marginLeft || "0") + Number.parseFloat(t.marginRight || "0");
+		}
+		function Ct() {
+			if (!V.value.ellipsisTrigger) {
+				k.value = void 0, N.clear();
+				return;
+			}
+			let e = f.value;
+			if (!e) return;
+			for (let t of e.querySelectorAll("[data-select-tag-index]")) {
+				let e = Number(t.dataset.selectTagIndex);
+				Number.isInteger(e) && N.set(e, St(t));
+			}
+			let t = J.value.length, n = Math.min(V.value.maxTagCount ?? t, t), r = e.querySelector("[data-select-collapse-tag]"), i = r ? St(r) : 28, a = e.clientWidth, o = 0, s = 0;
+			for (let e = 0; e < n; e += 1) {
+				let n = N.get(e);
+				if (n === void 0) break;
+				let r = e + 1 < t;
+				if (o + n + (r ? i : 0) > a) break;
+				o += n, s += 1;
+			}
+			k.value = s;
+		}
+		function $() {
+			C(() => Ct());
+		}
+		de(() => {
+			typeof ResizeObserver < "u" && f.value && (P = new ResizeObserver($), P.observe(f.value)), window.addEventListener("resize", $), $();
+		}), ue(() => {
+			P?.disconnect(), window.removeEventListener("resize", $);
+		}), ve(() => [
+			J.value.map((e) => e.value),
+			V.value.ellipsisTrigger,
+			V.value.maxTagCount
+		], $, { deep: !0 });
+		function wt(e) {
+			K.handleInputChange(e.target.value, e);
+		}
+		function Tt(e) {
+			K.handleClearClick(e);
+		}
+		function Et(e, t, n) {
+			e.disabled || K.onSelect(e, t, n);
+		}
+		function Dt(e) {
+			return e.label ?? e.children ?? e.value;
+		}
+		function Ot(e) {
+			if (!V.value.virtualize) return;
+			let t = V.value.virtualize.itemSize ?? 32;
+			return {
+				position: "absolute",
+				left: 0,
+				right: 0,
+				top: `${e * t}px`,
+				height: `${t}px`
+			};
+		}
+		function kt(e) {
+			ce.value = e.currentTarget.scrollTop, K.handleListScroll(e);
+		}
+		function At() {
+			K.open();
+		}
+		function jt() {
+			K.close();
+		}
+		function Mt() {
+			K.focus(void 0, !1);
+		}
+		function Nt() {
+			K.clearInput();
+		}
+		function Pt() {
+			K.clearSelected();
+		}
+		function Ft() {
+			K.selectAll();
+		}
+		function It(e, t) {
+			K.handleInputChange(e, t);
+		}
+		function Lt() {
+			q.optionKey += 1;
+		}
+		return t({
+			clearInput: Nt,
+			close: jt,
+			deselectAll: Pt,
+			focus: Mt,
+			open: At,
+			rePosition: Lt,
+			search: It,
+			selectAll: Ft
+		}), (e, t) => (E(), v(m, null, [b(j(Te), { collect: ct }, {
+			default: M(() => [O(e.$slots, "default")]),
+			_: 3
+		}), b(d, S({
+			"prefix-cls": "semi-popover",
+			role: "presentation",
+			trigger: "custom",
+			visible: j(q).isOpen,
+			position: V.value.position ?? (z.value.direction === "rtl" ? "bottomRight" : "bottomLeft"),
+			"show-arrow": !1,
+			spacing: V.value.spacing ?? 4,
+			"z-index": V.value.zIndex,
+			motion: V.value.motion,
+			"auto-adjust-overflow": V.value.autoAdjustOverflow,
+			margin: V.value.dropdownMargin ?? 0,
+			"mouse-enter-delay": V.value.mouseEnterDelay ?? 0,
+			"mouse-leave-delay": V.value.mouseLeaveDelay ?? 0,
+			"stop-propagation": V.value.stopPropagation,
+			"re-pos-key": `${j(q).optionKey}-${V.value.rePosKey ?? ""}`
+		}, xt.value ? { getPopupContainer: xt.value } : {}, {
+			onAfterClose: t[16] ||= () => j(K).handlePopoverClose(),
+			"onUpdate:visible": t[17] ||= (e) => {
+				!e && j(q).isOpen && j(K).close();
+			}
+		}), {
+			content: M(() => [y("div", {
+				class: w(["semi-select-option-list-wrapper", V.value.dropdownClassName]),
+				style: T(bt.value),
+				onKeydown: t[5] ||= (...e) => j(K).handleContainerKeyDown && j(K).handleContainerKeyDown(...e)
+			}, [
+				e.$slots.outerTop ? (E(), v("div", {
+					key: 0,
+					class: "semi-select-option-list-outer-top-slot",
+					onMouseenter: t[0] ||= (e) => j(K).handleSlotMouseEnter()
+				}, [O(e.$slots, "outerTop")], 32)) : _("", !0),
+				V.value.filter && V.value.searchPosition === "dropdown" ? (E(), v("div", Oe, [y("div", ke, [y("span", Ae, [b(j(Ce))]), y("input", {
+					class: "semi-input semi-input-default semi-select-dropdown-input",
+					value: j(q).inputValue,
+					placeholder: V.value.searchPlaceholder,
+					"aria-activedescendant": Q.value,
+					onInput: wt,
+					onKeydown: t[1] ||= (...e) => j(K)._handleKeyDown && j(K)._handleKeyDown(...e)
+				}, null, 40, je)])])) : _("", !0),
+				y("div", {
+					id: x,
+					ref_key: "listElement",
+					ref: u,
+					class: w(["semi-select-option-list", J.value.length ? "semi-select-option-list-chosen" : void 0]),
+					style: T(yt.value),
+					role: "listbox",
+					"aria-multiselectable": V.value.multiple,
+					onScroll: kt
+				}, [
+					e.$slots.innerTop ? (E(), v("div", {
+						key: 0,
+						class: "semi-select-option-list-inner-top-slot",
+						onMouseenter: t[2] ||= (e) => j(K).handleSlotMouseEnter()
+					}, [O(e.$slots, "innerTop")], 32)) : _("", !0),
+					V.value.loading ? (E(), v("div", Ne, [...t[18] ||= [y("span", { class: "semi-spin semi-spin-middle" }, [y("span", { class: "semi-spin-wrapper" }, [y("span", { class: "semi-spin-spinIcon" })])], -1)]])) : lt.value.length ? (E(), v(m, { key: 2 }, [V.value.virtualize ? (E(), v("div", {
+						key: 0,
+						"aria-hidden": "true",
+						style: T({ height: `${ht.value.length * (V.value.virtualize.itemSize ?? 32)}px` })
+					}, null, 4)) : _("", !0), (E(!0), v(m, null, D(gt.value, (t) => (E(), v(m, { key: t.option._key ?? `${t.option.label}-${t.option.value}-${t.index}` }, [t.first ? (E(), v("div", {
+						key: 0,
+						class: w(["semi-select-group", t.group?.class]),
+						style: T(t.group?.style)
+					}, [b(j(F), { content: t.group?.label }, null, 8, ["content"])], 6)) : _("", !0), t.option._inputCreateOnly && e.$slots.createItem ? (E(), v("div", {
+						key: 1,
+						role: "button",
+						"aria-label": "Use the input box to create an optional item",
+						onClick: (e) => Et(t.option, t.index, e),
+						onMouseenter: (e) => j(K).handleOptionMouseEnter(t.index)
+					}, [O(e.$slots, "createItem", {
+						inputValue: t.option.value ?? j(q).inputValue,
+						focused: t.index === j(q).focusIndex,
+						style: T(t.option.style)
+					})], 40, Pe)) : e.$slots.option ? O(e.$slots, "option", S({ ref_for: !0 }, t.option, {
+						focused: t.index === j(q).focusIndex,
+						selected: t.option._selected,
+						inputValue: j(q).inputValue,
+						onClick: (e) => Et(t.option, t.index, e),
+						onMouseenter: () => j(K).handleOptionMouseEnter(t.index)
+					}), void 0, void 0, 2) : (E(), v("div", {
+						key: 3,
+						id: `${j(p)}-option-${t.index}`,
+						class: w([
+							"semi-select-option",
+							t.option.class,
+							t.option.disabled ? "semi-select-option-disabled" : void 0,
+							t.option._selected ? "semi-select-option-selected" : void 0,
+							t.index === j(q).focusIndex ? "semi-select-option-focused" : void 0
+						]),
+						style: T([t.option.style, Ot(t.index)]),
+						"data-option-index": t.index,
+						role: "option",
+						"aria-selected": t.option._selected,
+						"aria-disabled": !!t.option.disabled,
+						onClick: (e) => Et(t.option, t.index, e),
+						onMouseenter: (e) => j(K).handleOptionMouseEnter(t.index)
+					}, [t.option.showTick === !1 ? _("", !0) : (E(), v("div", Ie, [b(j(we))])), y("div", Le, [t.option._inputCreateOnly ? (E(), v(m, { key: 0 }, [y("span", Re, A(at.value.createText ?? "创建"), 1), re(A(t.option.value), 1)], 64)) : typeof Dt(t.option) == "string" && j(q).inputValue ? (E(!0), v(m, { key: 1 }, D(String(Dt(t.option)).split(RegExp(`(${j(q).inputValue.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")})`, "ig")), (e, t) => (E(), v(m, { key: t }, [e.toLocaleLowerCase() === j(q).inputValue.toLocaleLowerCase() ? (E(), v("span", ze, A(e), 1)) : (E(), v(m, { key: 1 }, [re(A(e), 1)], 64))], 64))), 128)) : (E(), g(j(F), {
+						key: 2,
+						content: Dt(t.option)
+					}, null, 8, ["content"]))])], 46, Fe))], 64))), 128))], 64)) : V.value.emptyContent === null ? _("", !0) : (E(), v("div", Be, [O(e.$slots, "emptyContent", {}, () => [b(j(F), { content: V.value.emptyContent ?? at.value.emptyContent ?? "暂无数据" }, null, 8, ["content"])])])),
+					e.$slots.innerBottom ? (E(), v("div", {
+						key: 4,
+						class: "semi-select-option-list-inner-bottom-slot",
+						onMouseenter: t[3] ||= (e) => j(K).handleSlotMouseEnter()
+					}, [O(e.$slots, "innerBottom")], 32)) : _("", !0)
+				], 46, Me),
+				e.$slots.outerBottom ? (E(), v("div", {
+					key: 2,
+					class: "semi-select-option-list-outer-bottom-slot",
+					onMouseenter: t[4] ||= (e) => j(K).handleSlotMouseEnter()
+				}, [O(e.$slots, "outerBottom")], 32)) : _("", !0)
+			], 38)]),
+			default: M(() => [y("div", S({
+				id: j(p),
+				ref_key: "triggerElement",
+				ref: l,
+				role: "combobox",
+				"aria-disabled": V.value.disabled,
+				"aria-expanded": j(q).isOpen,
+				"aria-controls": x,
+				"aria-haspopup": "listbox",
+				"aria-label": J.value.length ? "selected" : "",
+				"aria-invalid": r.ariaInvalid,
+				"aria-errormessage": r.ariaErrormessage,
+				"aria-labelledby": r.ariaLabelledby,
+				"aria-describedby": r.ariaDescribedby,
+				"aria-required": r.ariaRequired,
+				"aria-activedescendant": Q.value,
+				class: _t.value,
+				style: j(a).style,
+				tabindex: V.value.disabled || V.value.filter && (j(q).showInput || V.value.multiple) ? -1 : 0
+			}, Object.fromEntries(Object.entries(j(a)).filter(([e]) => e.startsWith("data-"))), {
+				onClick: t[10] ||= (...e) => j(K).handleClick && j(K).handleClick(...e),
+				onMouseenter: t[11] ||= (...e) => j(K).handleMouseEnter && j(K).handleMouseEnter(...e),
+				onMouseleave: t[12] ||= (...e) => j(K).handleMouseLeave && j(K).handleMouseLeave(...e),
+				onFocus: t[13] ||= (...e) => j(K).handleTriggerFocus && j(K).handleTriggerFocus(...e),
+				onBlur: t[14] ||= (...e) => j(K).handleTriggerBlur && j(K).handleTriggerBlur(...e),
+				onKeydown: t[15] ||= (e) => j(q).keyboardEventSet.keydown?.(e)
+			}), [e.$slots.trigger ? O(e.$slots, "trigger", {
+				value: J.value,
+				inputValue: j(q).inputValue,
+				disabled: V.value.disabled,
+				placeholder: V.value.placeholder,
+				onSearch: It,
+				onClear: Tt,
+				onRemove: j(K).removeTag.bind(j(K))
+			}, void 0, void 0, 0) : (E(), v(m, { key: 1 }, [
+				e.$slots.prefix || e.$slots.insetLabel ? (E(), v("div", {
+					key: 0,
+					id: r.insetLabelId,
+					class: w([
+						"semi-select-prefix",
+						e.$slots.insetLabel ? "semi-select-inset-label" : void 0,
+						"semi-select-prefix-text"
+					]),
+					"x-semi-prop": "prefix,insetLabel"
+				}, [e.$slots.prefix ? O(e.$slots, "prefix", {}, void 0, void 0, 0) : O(e.$slots, "insetLabel", {}, void 0, void 0, 1)], 10, He)) : _("", !0),
+				y("div", Ue, [V.value.multiple ? (E(), v("div", {
+					key: 0,
+					ref_key: "multipleContentElement",
+					ref: f,
+					class: w([
+						"semi-select-content-wrapper",
+						J.value.length ? void 0 : "semi-select-content-wrapper-empty",
+						(V.value.maxTagCount || V.value.ellipsisTrigger) && !j(q).isOpen ? "semi-select-content-wrapper-one-line" : void 0
+					])
+				}, [J.value.length ? (E(), g(fe(dt.value), le(S({ key: 0 }, ft.value)), {
+					default: M(() => [
+						(E(), g(fe(pt.value), le(ae(mt.value)), {
+							default: M(() => [(E(!0), v(m, null, D(Y.value, (t, n) => (E(), v("div", {
+								key: t.value ?? n,
+								"data-select-tag-index": n,
+								class: w(["semi-tag semi-tag-large semi-tag-light semi-tag-white-light semi-tag-closable", t.disabled || V.value.disabled ? "semi-tag-disabled" : void 0]),
+								"aria-label": `Closable Tag: ${String(t.label ?? t.value ?? "")}`,
+								"aria-disabled": t.disabled || V.value.disabled,
+								role: "button",
+								tabindex: "-1"
+							}, [y("div", Ge, [O(e.$slots, "selectedItem", {
+								option: t,
+								index: n
+							}, () => [b(j(F), { content: t.label }, null, 8, ["content"])])]), !t.disabled && !V.value.disabled ? (E(), v("div", {
+								key: 0,
+								class: "semi-tag-close",
+								onClick: ye((e) => j(K).removeTag(t), ["stop", "prevent"])
+							}, [b(j(Se), { size: "small" })], 8, Ke)) : _("", !0)], 10, We))), 128))]),
+							_: 3
+						}, 16)),
+						X.value > 0 && V.value.showRestTagsPopover ? (E(), g(d, S({
+							key: 0,
+							"prefix-cls": "semi-popover",
+							position: "top",
+							"show-arrow": !0,
+							"auto-adjust-overflow": !0
+						}, V.value.restTagsPopoverProps), {
+							content: M(() => [y("div", qe, [(E(!0), v(m, null, D(J.value.slice(Y.value.length), (e, t) => (E(), v("div", {
+								key: e.value ?? t,
+								class: "semi-tag semi-tag-large semi-tag-light semi-tag-white-light"
+							}, [y("div", Je, [b(j(F), { content: e.label }, null, 8, ["content"])])]))), 128))])]),
+							default: M(() => [y("div", {
+								class: w(["semi-tag semi-tag-large semi-tag-light semi-tag-grey-light", Z.value ? "semi-select-content-wrapper-collapse-tag" : void 0]),
+								"data-select-collapse-tag": "",
+								style: {
+									"margin-right": "0",
+									"flex-shrink": "0",
+									"background-color": "transparent"
+								}
+							}, [y("div", Ye, " +" + A(X.value), 1)], 2)]),
+							_: 1
+						}, 16)) : _("", !0),
+						X.value > 0 && !V.value.showRestTagsPopover ? (E(), v("div", {
+							key: 1,
+							class: w(["semi-tag semi-tag-large semi-tag-light semi-tag-grey-light", Z.value ? "semi-select-content-wrapper-collapse-tag" : void 0]),
+							"data-select-collapse-tag": "",
+							style: {
+								"margin-right": "0",
+								"flex-shrink": "0",
+								"background-color": "transparent"
+							}
+						}, [y("div", Xe, "+" + A(X.value), 1)], 2)) : _("", !0)
+					]),
+					_: 3
+				}, 16)) : j(q).inputValue ? _("", !0) : (E(), v("span", Ze, [b(j(F), { content: V.value.placeholder }, null, 8, ["content"])])), V.value.filter && V.value.searchPosition === "trigger" ? (E(), v("div", {
+					key: 2,
+					class: "semi-input-wrapper semi-input-wrapper-default",
+					style: T({ width: j(q).inputValue ? `${j(q).inputValue.length * 16}px` : "2px" })
+				}, [y("input", S({
+					class: "semi-input semi-input-default semi-select-input semi-select-input-multiple",
+					value: j(q).inputValue,
+					"aria-activedescendant": Q.value
+				}, V.value.inputProps, {
+					onInput: wt,
+					onFocus: t[6] ||= ye(() => {}, ["stop"]),
+					onBlur: t[7] ||= (...e) => j(K).handleInputBlur && j(K).handleInputBlur(...e)
+				}), null, 16, Qe)], 4)) : _("", !0)], 2)) : (E(), v("div", $e, [y("span", { class: w([
+					"semi-select-selection-text",
+					J.value.length || j(q).inputValue ? void 0 : "semi-select-selection-placeholder",
+					j(q).showInput ? "semi-select-selection-text-inactive" : void 0
+				]) }, [J.value[0] ? O(e.$slots, "selectedItem", {
+					option: J.value[0],
+					index: 0
+				}, () => [b(j(F), { content: J.value[0].label }, null, 8, ["content"])], void 0, 0) : j(q).inputValue ? _("", !0) : (E(), g(j(F), {
+					key: 1,
+					content: V.value.placeholder
+				}, null, 8, ["content"]))], 2), V.value.filter && V.value.searchPosition === "trigger" && j(q).showInput ? (E(), v("div", et, [y("input", S({
+					class: "semi-input semi-input-default semi-select-input semi-select-input-single",
+					value: j(q).inputValue,
+					"aria-activedescendant": Q.value
+				}, V.value.inputProps, {
+					onInput: wt,
+					onFocus: t[8] ||= ye(() => {}, ["stop"]),
+					onBlur: t[9] ||= (...e) => j(K).handleInputBlur && j(K).handleInputBlur(...e)
+				}), null, 16, tt)])) : _("", !0)]))]),
+				e.$slots.suffix ? (E(), v("div", nt, [O(e.$slots, "suffix")])) : _("", !0),
+				vt.value ? (E(), v("div", {
+					key: 2,
+					class: "semi-select-clear",
+					onClick: Tt
+				}, [O(e.$slots, "clearIcon", {}, () => [b(j(xe))])])) : V.value.showArrow ? (E(), v("div", rt, [O(e.$slots, "arrowIcon", {}, () => [b(j(be), { "aria-label": "" })])])) : (E(), v("div", it))
+			], 64))], 16, Ve)]),
+			_: 3
+		}, 16, [
+			"visible",
+			"position",
+			"spacing",
+			"z-index",
+			"motion",
+			"auto-adjust-overflow",
+			"margin",
+			"mouse-enter-delay",
+			"mouse-leave-delay",
+			"stop-propagation",
+			"re-pos-key"
+		])], 64));
+	}
+}), R = /* @__PURE__ */ x({
+	name: "SelectOption",
+	__name: "SelectOption",
+	props: {
+		value: {},
+		label: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		disabled: { type: Boolean },
+		showTick: { type: Boolean },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		style: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(e) {
+		return (e, t) => O(e.$slots, "default");
+	}
+});
+//#endregion
+export { L as n, R as t };