@baishuyun/ui-base 6.23.5 → 6.24.1

package/dist/Select/Select-6LyJmPcl.js

@@ -0,0 +1,776 @@
+import { t as e } from "../Icon/Icon-DrdQOEJE.js";
+import { a as t, i as n } from "../Overlay/OverlayContext-CVSFoyqN.js";
+import { t as r } from "../vendors/useLocale-Be4e7Xfn.js";
+import { n as i, r as a } from "../vendors/animations-ISccYUE3.js";
+import { t as o } from "../vendors/useLatchedPopupPortalRoot-CC6af8t-.js";
+import { t as s } from "../vendors/cssVars-UpriQzph.js";
+import { t as c } from "./SelectInputSearch-MApQHnU9.js";
+import { n as l, t as u } from "../vendors/Tree-BX1wWVS4.js";
+import { n as d } from "../CheckBox/CheckBox-BzEWkFYf.js";
+import { t as f } from "../CheckBox/CheckBox-DwM2Jof2.js";
+import { t as p } from "../NotFoundContent/NotFoundContent-DJUQ0_2D.js";
+import { t as m } from "../ScrollBar/ScrollBar-IMTuAOF5.js";
+import { t as h } from "../vendors/useFloatingPortal-DJ1iKmW-.js";
+import { first as g, isArray as _, isEmpty as v, isEqual as y, isNil as b, noop as x } from "lodash-es";
+import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
+import { Suspense as T, createContext as E, forwardRef as ee, memo as D, useCallback as O, useContext as k, useDeferredValue as A, useId as te, useImperativeHandle as ne, useLayoutEffect as re, useMemo as j, useRef as M, useState as ie } from "react";
+import { Input as ae } from "antd";
+import N from "clsx";
+import { useControllableValue as oe, useHover as P, useToggle as se } from "ahooks";
+import { AnimatePresence as ce, motion as le } from "motion/react";
+import { FloatingPortal as ue } from "@floating-ui/react";
+import F from "fuse.js";
+//#region src/components/Select/constants.ts
+var I = /* @__PURE__ */ function(e) {
+	return e.SINGLE = "single", e.MULTIPLE = "multiple", e;
+}({}), L = /* @__PURE__ */ function(e) {
+	return e[e.SINGLE = 0] = "SINGLE", e[e.MULTIPLE = 1] = "MULTIPLE", e[e.TREE = 2] = "TREE", e[e.TREE_TAGS = 3] = "TREE_TAGS", e[e.MEMBER = 4] = "MEMBER", e[e.DEPARTEMENT = 5] = "DEPARTEMENT", e;
+}({}), de = {
+	[L.SINGLE]: I.SINGLE,
+	[L.TREE]: I.SINGLE,
+	[L.MULTIPLE]: I.MULTIPLE,
+	[L.TREE_TAGS]: I.MULTIPLE,
+	[L.MEMBER]: I.MULTIPLE,
+	[L.DEPARTEMENT]: I.MULTIPLE
+}, fe = {
+	label: "label",
+	value: "value",
+	children: "children"
+}, pe = E({
+	value: void 0,
+	setValue: x,
+	isOpen: !1,
+	setIsOpen: x
+}), me = E({
+	fieldNames: {
+		label: "label",
+		value: "value",
+		children: "children"
+	},
+	disabled: !1
+}), he = E({}), R = () => {
+	let e = k(pe);
+	if (!e) throw Error("Select.* components must be used within a SelectStateContext provider");
+	return e;
+}, z = () => {
+	let e = k(me);
+	if (!e) throw Error("Select.* components must be used within a SelectConfigContext provider");
+	return e;
+}, B = () => k(he);
+//#endregion
+//#region src/components/Select/utils/fieldAccessor.ts
+function V(e) {
+	let t = e;
+	return {
+		getLabel: (e) => e[t.label],
+		getValue: (e) => e[t.value],
+		getChildren: (e) => {
+			if (t.children) return e[t.children];
+		},
+		normalizeOption: (e) => ({
+			...e,
+			label: e[t.label],
+			value: e[t.value],
+			children: t.children ? e[t.children] : void 0
+		}),
+		getFieldNames: () => t
+	};
+}
+//#endregion
+//#region src/components/Select/SelectInput/SelectSingleInput/SelectSingleInput.tsx
+var H = D((e) => {
+	let { value: t, inputValueStyle: n } = e, { fieldNames: r, otherInputPosition: i } = z(), { isSelectedOtherOption: a, otherOptionValue: o } = B(), s = V(r), c = g(t), l;
+	return l = a && o && i === "inline" ? o : e.labelRender && c ? e.labelRender(c) : c ? s.getLabel(c) : "", /* @__PURE__ */ C("div", {
+		className: N("bsy-select-input-container__input-value overflow-hidden"),
+		style: n,
+		children: /* @__PURE__ */ C("div", {
+			className: "bsy-select-input-container__input-value-text",
+			children: l
+		})
+	});
+});
+H.displayName = "BsySelectSingleInput";
+//#endregion
+//#region src/components/Select/SelectInput/SelectMultipleInput/OptionTag/option-tag.module.scss
+var U = {
+	"bsy-input-tag__container": "_bsy-input-tag__container_1bb6m_1",
+	"bsy-input-tag__item": "_bsy-input-tag__item_1bb6m_7",
+	"bsy-input-tag__item--disabled": "_bsy-input-tag__item--disabled_1bb6m_20",
+	"bsy-input-tag__item-icon": "_bsy-input-tag__item-icon_1bb6m_24"
+}, W = ee(({ children: e, style: t, disabled: n }, r) => /* @__PURE__ */ C("div", {
+	"data-bsy-input-tag": "true",
+	className: N({
+		[U["bsy-input-tag__item"]]: !0,
+		[U["bsy-input-tag__item--disabled"]]: n
+	}),
+	ref: r,
+	style: t,
+	children: e
+}));
+W.Container = (e) => /* @__PURE__ */ C("div", {
+	className: N(U["bsy-input-tag__container"]),
+	children: e.children
+}), W.displayName = "BsyOptionTag";
+//#endregion
+//#region src/components/Select/SelectInput/SelectMultipleInput/select-multiple-input.module.scss
+var ge = "_select_multiple_input__container_15izh_1", _e = "_select_multiple_input__measurement_layer_15izh_6", G = "_select_multiple_input__close_btn_15izh_14", K = "_select_multiple_input__ellipsis_15izh_24", q = "_select_multiple_input__tag_content_15izh_27", J = {
+	select_multiple_input__container: ge,
+	select_multiple_input__measurement_layer: _e,
+	select_multiple_input__close_btn: G,
+	"select_multiple_input__close_btn--disabled": "_select_multiple_input__close_btn--disabled_15izh_21",
+	select_multiple_input__ellipsis: K,
+	select_multiple_input__tag_content: q
+}, Y = 4, X = D((t) => {
+	let { value: n, labelRender: r, tagStyle: i } = t, { setValue: a } = R(), { fieldNames: o, disabled: s } = z(), c = V(o), l = n?.length ?? 0, [u, d] = ie(0), f = M(null), p = M(null);
+	re(() => {
+		if (!f.current) return;
+		let e = new ResizeObserver((e) => {
+			let t = e[0];
+			if (!t) return;
+			let r = t.contentRect.width, i = t.target.querySelectorAll(".measure-list [data-bsy-input-tag=\"true\"]");
+			if (i.length === 0) {
+				d(n?.length ?? 0);
+				return;
+			}
+			let a = p.current?.offsetWidth || 65, o = 0, s = 0;
+			for (let e = 0; e < i.length; e++) {
+				let t = i[e].clientWidth + Y, n = e < l - 1 ? a : 0;
+				if (o + t + n <= r) o += t, s = e + 1;
+				else break;
+			}
+			s === 0 && l === 1 && (s = 1), u !== s && d(s);
+		});
+		return e.observe(f.current), () => e.disconnect();
+	}, [
+		l,
+		u,
+		n.length
+	]);
+	let m = l - u, h = A(m), g = /* @__PURE__ */ C("div", {
+		className: `${J.select_multiple_input__measurement_layer} measure-list`,
+		children: /* @__PURE__ */ w(W.Container, { children: [n?.map((t, n) => {
+			let a = (t) => /* @__PURE__ */ C("div", {
+				style: t,
+				className: N(U["bsy-input-tag__item-icon"], "cursor-pointer"),
+				children: /* @__PURE__ */ C(e, {
+					name: "close",
+					style: { fontSize: 12 },
+					className: J.select_multiple_input__close_btn
+				})
+			});
+			return /* @__PURE__ */ w(W, {
+				style: i,
+				children: [r && r(t, a), !r && /* @__PURE__ */ w("div", {
+					className: J.select_multiple_input__tag_content,
+					children: [/* @__PURE__ */ C("span", { children: c.getLabel(t) }), /* @__PURE__ */ C(a, {})]
+				})]
+			}, n);
+		}), u < l && h > 0 && /* @__PURE__ */ w(W, {
+			ref: p,
+			children: [`+ ${m}`, /* @__PURE__ */ C("span", {
+				className: J.select_multiple_input__ellipsis,
+				children: "..."
+			})]
+		})] })
+	}), _ = (e) => {
+		if (s) return;
+		let t = n.filter((t) => c.getValue(t) !== c.getValue(e));
+		a(t.map((e) => c.getValue(e)), t);
+	};
+	return /* @__PURE__ */ w("div", {
+		ref: f,
+		className: N("bsy-select-input-container__input-value", J.select_multiple_input__container, "multiple"),
+		children: [g, /* @__PURE__ */ w(W.Container, { children: [n?.slice(0, u).map((t, n) => {
+			let a = (n) => /* @__PURE__ */ C("div", {
+				style: n,
+				className: N(U["bsy-input-tag__item-icon"], {
+					[J.select_multiple_input__close_btn]: !s,
+					[J.select_multiple_input__close_btn + "--disabled"]: s
+				}),
+				onClick: (e) => {
+					e.stopPropagation(), _(t);
+				},
+				children: /* @__PURE__ */ C(e, {
+					name: "close",
+					style: { fontSize: 12 }
+				})
+			});
+			return /* @__PURE__ */ w(W, {
+				style: {
+					...i,
+					flexShrink: u === 1 ? 1 : 0
+				},
+				disabled: s,
+				children: [r && r(t, a), !r && /* @__PURE__ */ w("div", {
+					className: J.select_multiple_input__tag_content,
+					children: [/* @__PURE__ */ C("span", {
+						className: "truncate",
+						children: c.getLabel(t)
+					}), /* @__PURE__ */ C(a, {})]
+				})]
+			}, n);
+		}), u < l && h > 0 && /* @__PURE__ */ w(W, {
+			ref: p,
+			children: [`+ ${m} `, /* @__PURE__ */ C("span", {
+				className: J.select_multiple_input__ellipsis,
+				children: "..."
+			})]
+		})] })]
+	});
+});
+X.displayName = "BsySelectMultipleInput";
+//#endregion
+//#region src/components/Select/utils/tree.ts
+var Z = (e, t) => {
+	let n = [], r = (e) => {
+		e.forEach((e) => {
+			let { [t.children]: i, ...a } = e;
+			n.push(a), i && r(i);
+		});
+	};
+	return r(e), n;
+}, ve = ({ placeholder: t, mode: n, clearable: r, onClear: a, disabled: o = !1, labelRender: s, options: c = [], type: l, prefix: u, suffixIcon: d, ghost: f, inputValueStyle: p, tagStyle: m }) => {
+	let h = M(null), g = P(o ? null : h), { isOpen: v, value: y, getCachedOptionByValue: x } = R(), { fieldNames: T } = z(), E = j(() => {
+		if (b(y)) return [];
+		let e = _(y) ? y : [y];
+		if (l === L.TREE) {
+			let t = V(T), n = Z(c, T);
+			return e.map((e) => n.find((n) => t.getValue(n) === e) || x?.(e)).filter((e) => !!e);
+		}
+		return e.map((e) => c.find((t) => t[T.value] === e) || x?.(e)).filter((e) => !!e);
+	}, [
+		y,
+		c,
+		l,
+		T,
+		x
+	]);
+	return /* @__PURE__ */ C("div", {
+		className: N("bsy-select-input-container", {
+			disabled: o,
+			multiple: n === I.MULTIPLE,
+			active: v,
+			"ghost-style": f
+		}),
+		ref: h,
+		children: /* @__PURE__ */ w("div", {
+			className: N("bsy-select-input-container-input"),
+			children: [
+				u && /* @__PURE__ */ C("div", {
+					className: "bsy-select-input-container-input-prefix",
+					children: u
+				}),
+				E?.length ? /* @__PURE__ */ w(S, { children: [n === I.SINGLE && /* @__PURE__ */ C(H, {
+					value: E,
+					labelRender: s,
+					inputValueStyle: p
+				}), n === I.MULTIPLE && /* @__PURE__ */ C(X, {
+					value: E,
+					labelRender: s,
+					tagStyle: m
+				})] }) : /* @__PURE__ */ C("div", {
+					className: "bsy-select-input-container__input-value-placeholder truncate",
+					children: t
+				}),
+				/* @__PURE__ */ C("div", {
+					className: N("bsy-select-input-container__icon"),
+					children: /* @__PURE__ */ C(ce, {
+						mode: "wait",
+						children: E?.length && r && g ? /* @__PURE__ */ C(le.div, {
+							className: "bsy-select-input-container__icon-motion",
+							...i,
+							children: /* @__PURE__ */ C(e, {
+								name: "cancel",
+								className: "icon bsy-select-input-clear",
+								role: "button",
+								"aria-label": "clear",
+								onClick: (e) => {
+									e.stopPropagation(), a?.();
+								}
+							})
+						}, "cancel") : /* @__PURE__ */ C(le.div, {
+							className: "bsy-select-input-container__icon-motion",
+							...i,
+							children: d ? d(v, o) : /* @__PURE__ */ C(e, {
+								name: "arrow-down",
+								className: N("icon", { active: v })
+							})
+						}, "arrow")
+					})
+				})
+			]
+		})
+	});
+};
+ve.displayName = "BsySelectInput";
+//#endregion
+//#region src/components/Select/OptionList/SingleOptionList/SingleOptionList.tsx
+var Q = D((e) => {
+	let { options: t, value: n, onSelect: i, searchValue: a = "", fieldNames: o, optionRender: s, optionStyle: c } = e, { t: u } = r(), { otherInputPosition: d } = z(), { otherOptionValue: f, setOtherOptionValue: p, onOtherInputChange: m, isSelectedOtherOption: h = !1 } = B(), g = M(null), _ = V(o);
+	return /* @__PURE__ */ C("ul", {
+		role: "listbox",
+		children: t.map((e, t) => {
+			let r = _.getValue(e), o = _.getLabel(e), v = e.systemField === !0, y = e.isOther === !0, b = e.disabled === !0, x = y && d === "inline" && o.length > 6 ? o.slice(0, 6) + "..." : o, S = y ? h : r === n;
+			return /* @__PURE__ */ w("li", {
+				role: "option",
+				"aria-selected": S,
+				"aria-disabled": b,
+				className: N("rounded-[4px] py-[7px] px-[10px] min-h-[34px]", {
+					"cursor-pointer": !b,
+					"cursor-not-allowed bg-transparent": b,
+					"bsy-select-option--disabled": b,
+					"bsy-select-option--hoverable": !b && !S,
+					"bsy-select-option--system": !b && v && !S && !e.emphasized,
+					"bsy-select-option--selected": !b && S,
+					"flex items-center": y && d === "inline"
+				}),
+				style: c,
+				onClick: () => {
+					b || i(r, e);
+				},
+				children: [/* @__PURE__ */ C("div", {
+					title: o,
+					children: s ? s(e, { index: t }, S) : /* @__PURE__ */ C(l, {
+						text: x,
+						highlight: a,
+						className: !b && e.emphasized ? "font-bold bsy-select-option--all" : void 0
+					})
+				}), y && d === "inline" && /* @__PURE__ */ C("div", {
+					className: "ml-2 flex-1",
+					onClick: (e) => e.stopPropagation(),
+					style: { minWidth: "146px" },
+					children: /* @__PURE__ */ C(ae, {
+						ref: g,
+						value: f,
+						disabled: b,
+						onChange: (e) => {
+							let t = e.target.value;
+							p?.(t), m?.(t);
+						},
+						onPressEnter: () => {
+							!b && f && i(r, e);
+						},
+						onBlur: () => {
+							!b && f && i(r, e);
+						},
+						placeholder: u("context"),
+						"aria-label": u("otherOptionInput")
+					})
+				})]
+			}, `${r}-${t}`);
+		})
+	});
+});
+Q.displayName = "BsySingleSelect";
+//#endregion
+//#region src/components/Select/OptionList/MultOptionList/MultOptionList.tsx
+var ye = (e) => {
+	let { t } = r(), { options: n, searchValue: i = "", value: a, onSelect: o, fieldNames: s, optionRender: c } = e, u = V(s), d = a || [], p = n.filter((e) => !e.isOther), m = p.filter((e) => !e.disabled), h = m.map((e) => u.getValue(e)), g = m.length > 0 && m.every((e) => d.includes(u.getValue(e)));
+	return /* @__PURE__ */ C("div", {
+		className: "bsy-multiple-select",
+		children: /* @__PURE__ */ w("ul", {
+			className: "bsy-multiple-select-list",
+			children: [/* @__PURE__ */ C("li", {
+				className: N("flex items-center gap-[8px]", "cursor-pointer rounded-[4px] min-h-[34px]", "bsy-select-option--hoverable", "bsy-multiple-select-item"),
+				children: /* @__PURE__ */ C(f, {
+					checked: g,
+					disabled: m.length === 0,
+					onChange: () => {
+						let e = g ? d.filter((e) => !h.includes(e)) : [...d, ...h.filter((e) => !d.includes(e))];
+						o(e, p.filter((t) => e.includes(u.getValue(t))));
+					},
+					indeterminate: m.some((e) => d.includes(u.getValue(e))) && !g,
+					style: { padding: "7px 10px" },
+					children: /* @__PURE__ */ C("span", {
+						className: "font-bold bsy-select-option--all",
+						children: t(i ? "allSelectedBySearch" : "allSelect")
+					})
+				})
+			}), /* @__PURE__ */ C(f.Group, {
+				value: d,
+				onChange: (e) => {
+					o(e, p.filter((t) => e.includes(u.getValue(t))));
+				},
+				children: p.map((e, t) => {
+					let n = u.getValue(e), r = u.getLabel(e), a = d.includes(n), o = e.systemField === !0, s = e.disabled === !0;
+					return /* @__PURE__ */ C("li", {
+						"aria-disabled": s,
+						className: N("flex items-center gap-[8px] min-h-[34px]", "rounded-[4px]", "bsy-multiple-select-item", {
+							"cursor-pointer": !s,
+							"cursor-not-allowed bg-transparent": s,
+							"bsy-select-option--disabled": s,
+							"bsy-select-option--hoverable": !s,
+							"bsy-select-option--system": !s && o && !a && !e.emphasized
+						}),
+						children: /* @__PURE__ */ C(f, {
+							value: n,
+							disabled: s,
+							style: { padding: "7px 10px" },
+							children: c ? c(e, { index: t }, a) : /* @__PURE__ */ C(l, {
+								text: r,
+								highlight: i,
+								className: !s && e.emphasized ? "font-bold bsy-select-option--all" : void 0
+							})
+						})
+					}, `${n}-${t}`);
+				})
+			})]
+		})
+	});
+};
+ye.displayName = "BsyMultipleSelect";
+//#endregion
+//#region src/components/Select/OptionList/TreeOptionList/TreeOptionList.tsx
+var be = (e) => {
+	let { options: t, searchValue: n, value: r, onSelect: i, fieldNames: a } = e;
+	return /* @__PURE__ */ C("div", {
+		className: "bsy-tree-select",
+		children: /* @__PURE__ */ C("div", {
+			className: "bsy-tree-select-nodes",
+			children: /* @__PURE__ */ C(u, {
+				data: t,
+				searchValue: n,
+				fieldNames: a ? {
+					title: a.label,
+					value: a.value,
+					children: a.children
+				} : void 0,
+				selectedKeys: r ? [r] : [],
+				onSelect: i
+			})
+		})
+	});
+}, xe = (e, t) => {
+	let n = [], r = (e) => {
+		if (e) for (let i of e) n.push(i), r(i[t.children]);
+	};
+	return r(e), n;
+}, $ = (e, t, n) => e.reduce((e, r) => {
+	let i = r[n.children] ? $(r[n.children], t, n) : void 0;
+	if (t.has(r[n.value]) || i && i.length > 0) {
+		let a = t.has(r[n.value]) ? r[n.children] : i;
+		e.push({
+			...r,
+			children: a
+		});
+	}
+	return e;
+}, []), Se = (e) => {
+	let { options: t = [], searchValue: n = "", type: i, filterOption: a, optionRender: o, optionStyle: s, notFoundContent: c } = e, { t: l } = r(), { value: u, setIsOpen: d, setValue: f } = R(), { fieldNames: m } = z(), h = j(() => i === L.TREE ? xe(t, m) : t, [
+		t,
+		m,
+		i
+	]), g = j(() => new F(h, {
+		keys: [m.label],
+		ignoreLocation: !0,
+		threshold: .3
+	}), [h, m]), _ = O((e, t) => {
+		d?.(!1), f(e, t);
+	}, [d, f]), y = O((e, t) => {
+		f(e, t);
+	}, [f]), b = O((e, t) => {
+		d?.(!1), f(e, t);
+	}, [d, f]), x = () => {
+		if (!a || v(n)) return t;
+		let e = g.search(n), r = new Set(e.map((e) => e.item[m.value]));
+		return i === L.TREE ? $(t, r, m) : t.filter((e) => r.has(e[m.value]));
+	};
+	return /* @__PURE__ */ C(S, { children: (() => {
+		let e = {
+			options: x(),
+			searchValue: n,
+			optionStyle: s
+		};
+		if (!v(n) && e.options.length === 0) return c === void 0 ? /* @__PURE__ */ C(p, {
+			className: "bsy-select-empty",
+			text: l("noDataFound")
+		}) : c;
+		switch (i) {
+			case L.SINGLE: return /* @__PURE__ */ C(Q, {
+				...e,
+				value: u,
+				fieldNames: m,
+				onSelect: _,
+				optionRender: o
+			});
+			case L.MULTIPLE: return /* @__PURE__ */ C(ye, {
+				...e,
+				value: u,
+				fieldNames: m,
+				onSelect: y,
+				optionRender: o
+			});
+			case L.TREE: return /* @__PURE__ */ C(be, {
+				...e,
+				value: u,
+				fieldNames: m,
+				onSelect: b
+			});
+			default: return null;
+		}
+	})() });
+}, Ce = (e) => {
+	let { options: t = [], type: n = L.SINGLE, filterOption: i = !0, onSearch: a, showSearch: o, searchPlaceholder: s, onPopupScroll: l, notFoundContent: u, themeStyle: d } = e, { t: f } = r(), { searchValue: h = "", setSearchValue: g } = R(), _ = A(h), v = () => e.fetching ? /* @__PURE__ */ C(p, {
+		className: "bsy-select-empty",
+		text: f("dataSearching")
+	}) : t.length === 0 && !h ? u === void 0 ? /* @__PURE__ */ C(p, {
+		className: "bsy-select-empty",
+		text: f("noData")
+	}) : u : /* @__PURE__ */ C(Se, {
+		searchValue: _,
+		options: t,
+		type: n,
+		filterOption: i,
+		optionRender: e.optionRender,
+		optionStyle: e.optionStyle,
+		notFoundContent: u
+	}), y = O((e) => {
+		l?.(e);
+	}, [l]);
+	return /* @__PURE__ */ C("div", {
+		className: "bsy-select-panel",
+		style: d,
+		children: /* @__PURE__ */ w(T, { children: [o && /* @__PURE__ */ C(c, {
+			value: h,
+			onChange: (e) => g?.(e),
+			onSearch: a,
+			searchPlaceholder: s
+		}), /* @__PURE__ */ C("div", {
+			className: N({ "pt-[4px]": o }),
+			children: /* @__PURE__ */ C(m, {
+				style: { maxHeight: 300 },
+				onScroll: y,
+				children: v()
+			})
+		})] })
+	});
+};
+Ce.displayName = "BsySelectPanel";
+//#endregion
+//#region src/components/Select/style/resolveSelectThemeVars.ts
+var we = (e) => {
+	if (!e) return {};
+	let t = {}, n = e.colorPrimary;
+	return s(t, "--bsy-select-color-primary", n), s(t, "--bsy-select-color-bg", e.colorBgContainer), s(t, "--bsy-select-color-bg-elevated", e.colorBgElevated ?? e.colorBgContainer), s(t, "--bsy-select-color-text", e.colorText), s(t, "--bsy-select-color-input-value", e.colorInputValue), s(t, "--bsy-select-color-text-placeholder", e.colorTextPlaceholder), s(t, "--bsy-select-color-icon", e.colorIcon), s(t, "--bsy-select-color-icon-hover", e.colorIconHover ?? n), s(t, "--bsy-select-color-border", e.colorBorder), s(t, "--bsy-select-color-border-hover", e.colorBorderHover ?? n), s(t, "--bsy-select-color-bg-disabled", e.colorBgDisabled), s(t, "--bsy-select-color-text-disabled", e.colorTextDisabled), s(t, "--bsy-select-color-border-disabled", e.colorBorderDisabled), s(t, "--bsy-select-item-hover-bg", e.itemHoverBg), s(t, "--bsy-select-item-active-bg", e.itemActiveBg), s(t, "--bsy-select-item-active-color", e.itemActiveColor ?? n), s(t, "--bsy-select-item-color-disabled", e.itemColorDisabled), s(t, "--bsy-select-item-system-color", e.itemSystemColor), s(t, "--bsy-select-color-highlight", e.colorHighlight ?? n), s(t, "--bsy-select-tag-bg", e.tagBg), s(t, "--bsy-select-tag-color", e.tagColor), s(t, "--bsy-select-tag-bg-disabled", e.tagBgDisabled), s(t, "--bsy-select-tag-color-disabled", e.tagColorDisabled), Object.assign(t, d(e.checkbox)), t;
+}, Te = ee((e, i) => {
+	let { options: s = [], type: c = L.SINGLE, fieldNames: l, clearable: u = !0, disabled: d = !1, placeholder: f, labelRender: p, onOtherInputChange: m, onOpenChange: g, onPopupScroll: _, prefix: v, suffixIcon: b, ghost: x, inputValueStyle: S, tagStyle: T, zIndex: E, zIndexMask: ee, otherInputPosition: D = "bottom", getPopupContainer: k, theme: A } = e, re = Number.parseFloat(e.popupMinWidth ?? ""), ae = e.popupMatchSelectWidth ?? (Number.isFinite(re) ? re : !0), P = de[c], F = t(E), R = ee ?? F - 1, { t: z } = r(), B = te(), { onChange: V } = e, H = l || fe, [U, W] = oe(e, {
+		defaultValue: P === I.SINGLE ? void 0 : [],
+		defaultValuePropName: "defaultValue",
+		valuePropName: "value",
+		trigger: "__NO_CUSTOM_CHANGE__"
+	}), [ge, _e] = ie(""), G = M(/* @__PURE__ */ new Map()), [K, q] = ie(() => {
+		if (P === I.SINGLE) {
+			let e = s.every((e) => e[H.value] !== U), t = s.find((e) => e.isOther === !0);
+			return e && t ? U : void 0;
+		}
+	}), J = O((e, t) => {
+		if (!y(e, U)) {
+			if (W(e), t) {
+				let n = /* @__PURE__ */ new Map();
+				if (Array.isArray(e)) {
+					let r = Array.isArray(t) ? t : [];
+					e.forEach((e) => {
+						let t = r.find((t) => t?.[H.value] === e);
+						e !== null && t && n.set(e, t);
+					});
+				} else e !== null && !Array.isArray(t) && n.set(e, t);
+				G.current = n;
+			}
+			V && V(e, t);
+		}
+	}, [
+		V,
+		W,
+		H,
+		U
+	]), [Y, { set: X }] = se(!1), Z = O((e) => {
+		e !== Y && (X(e), g?.(e));
+	}, [
+		X,
+		g,
+		Y
+	]), { isSelectedOtherOption: Q, shouldShowOtherInput: ye } = j(() => {
+		if (P === I.MULTIPLE) return {
+			isSelectedOtherOption: !1,
+			shouldShowOtherInput: !1
+		};
+		let e = s.find((e) => e[H.value] === U);
+		return e ? {
+			isSelectedOtherOption: e.isOther === !0,
+			shouldShowOtherInput: e.isOther === !0
+		} : s.find((e) => e.isOther === !0) && U ? {
+			isSelectedOtherOption: !0,
+			shouldShowOtherInput: !0
+		} : {
+			isSelectedOtherOption: !1,
+			shouldShowOtherInput: !1
+		};
+	}, [
+		U,
+		s,
+		H,
+		P
+	]), be = O(() => {
+		if (U) {
+			if (P === I.SINGLE) {
+				let e = s.every((e) => e[H.value] !== U), t = s.find((e) => e.isOther === !0);
+				if (e && t) return t[H.value];
+			}
+			return U;
+		} else return U;
+	}, [
+		U,
+		s,
+		H,
+		P
+	]), xe = j(() => ({
+		value: be(),
+		setValue: J,
+		isOpen: Y,
+		setIsOpen: Z,
+		getCachedOptionByValue: (e) => G.current.get(e),
+		searchValue: ge,
+		setSearchValue: _e
+	}), [
+		be,
+		J,
+		Y,
+		Z,
+		ge
+	]), $ = j(() => we(A), [A]), Se = j(() => ({
+		fieldNames: l || fe,
+		disabled: d,
+		otherInputPosition: D
+	}), [
+		l,
+		d,
+		D
+	]), Te = j(() => ({
+		isSelectedOtherOption: Q,
+		otherOptionValue: K,
+		setOtherOptionValue: q,
+		onOtherInputChange: m
+	}), [
+		Q,
+		K,
+		q,
+		m
+	]), { refs: Ee, floatingStyles: De, getReferenceProps: Oe, getFloatingProps: ke, referenceStyle: Ae } = h({
+		isOpen: Y,
+		close: () => {
+			Z(!1);
+		},
+		showMask: e.showMask,
+		zIndex: F,
+		zIndexMask: R,
+		popupMatchSelectWidth: ae,
+		offset: {
+			x: 0,
+			y: 4
+		}
+	}), { portalRoot: je, portalMountKey: Me, handleExitComplete: Ne } = o(Y, k), Pe = O(() => {
+		Q && (q(""), m?.("")), Z(!1), G.current.clear(), J(P === I.SINGLE ? void 0 : []);
+	}, [
+		Q,
+		m,
+		J,
+		P,
+		Z
+	]);
+	return ne(i, () => ({
+		getOtherOptionValue: () => K,
+		setOtherOptionValue: (e) => {
+			q(e), m?.(e);
+		}
+	}), [K, m]), /* @__PURE__ */ C(pe.Provider, {
+		value: xe,
+		children: /* @__PURE__ */ C(me.Provider, {
+			value: Se,
+			children: /* @__PURE__ */ C(he.Provider, {
+				value: Te,
+				children: /* @__PURE__ */ w("div", {
+					className: N("bsy-select-container text-sm", e.className),
+					style: {
+						...$,
+						...e.style
+					},
+					children: [
+						/* @__PURE__ */ C("div", {
+							ref: Ee.setReference,
+							className: N("bsy-select-input-event", e.inputClassName),
+							...Oe(),
+							style: Ae,
+							onClick: () => {
+								e.disabled || Z(!Y);
+							},
+							role: "combobox",
+							"aria-expanded": Y,
+							"aria-haspopup": "listbox",
+							"aria-controls": B,
+							"aria-disabled": d,
+							children: /* @__PURE__ */ C(ve, {
+								mode: P,
+								clearable: u,
+								disabled: d,
+								placeholder: f || z("select"),
+								labelRender: p,
+								options: s,
+								type: c,
+								prefix: v,
+								suffixIcon: b,
+								ghost: x,
+								inputValueStyle: S,
+								tagStyle: T,
+								onClear: Pe
+							})
+						}),
+						/* @__PURE__ */ w(ue, {
+							root: je,
+							children: [Y && e.showMask ? /* @__PURE__ */ C("div", {
+								className: "bsy-select-mask",
+								style: { zIndex: R }
+							}) : null, /* @__PURE__ */ C(n, {
+								zIndex: F,
+								children: /* @__PURE__ */ C(ce, {
+									onExitComplete: Ne,
+									children: Y ? /* @__PURE__ */ C(le.div, {
+										ref: Ee.setFloating,
+										style: {
+											...De,
+											zIndex: F
+										},
+										...ke(),
+										id: B,
+										...a,
+										children: /* @__PURE__ */ C(Ce, {
+											...e,
+											options: s,
+											onPopupScroll: _,
+											themeStyle: $
+										})
+									}, "bsy-select-panel") : null
+								})
+							})]
+						}, Me),
+						ye && D === "bottom" ? e.otherOptionRender ? e.otherOptionRender(K, s) : /* @__PURE__ */ C("div", {
+							className: "bsy-select-other-input",
+							children: /* @__PURE__ */ C("input", {
+								value: K || "",
+								onChange: (e) => {
+									q(e.target.value), m?.(e.target.value);
+								},
+								className: "w-full outline-none border-none",
+								placeholder: z("context"),
+								"aria-label": z("otherOptionInput"),
+								role: "textbox"
+							})
+						}) : null
+					]
+				})
+			})
+		})
+	});
+});
+Te.displayName = "BsySelect";
+//#endregion
+export { I as n, L as r, Te as t };