@baishuyun/ui-base 6.23.4 → 6.24.0

package/dist/Select/Select-ByqucfXU.js

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