@baishuyun/ui-base 2.3.1 → 2.3.3

package/dist/Select/Select-DoQO-Xi5.js

@@ -0,0 +1,729 @@
+import { a as e, l as t, r as n, s as r, u as i } from "../vendors/lodash-es-Bu9xU1fK.js";
+import { t as a } from "../Icon/Icon-DXmPqVzg.js";
+import { t as o } from "../vendors/useLocale-BfT0V1j4.js";
+import { t as s } from "../vendors/clsx-DNOE4Gl8.js";
+import { n as c, t as l } from "../vendors/animations-C5JKFkz4.js";
+import { t as u } from "./SelectInputSearch-gp6gcY3x.js";
+import { n as d, t as f } from "../vendors/Tree-DgwG7Unx.js";
+import { t as p } from "../CheckBox/CheckBox-q2vu7qf7.js";
+import { t as m } from "../NotFoundContent/NotFoundContent-CTPpcZOt.js";
+import { t as h } from "../vendors/fuse.js-BKtvbTjL.js";
+import { t as g } from "../vendors/simplebar-react-CFlS-Nm9.js";
+import { t as _ } from "../vendors/useFloatingPortal-BA6P5GxV.js";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+import { Suspense as x, createContext as S, forwardRef as C, memo as w, useCallback as T, useContext as E, useDeferredValue as D, useId as ee, useImperativeHandle as te, useLayoutEffect as O, useMemo as k, useRef as A, useState as j } from "react";
+import { useControllableValue as ne, useHover as M, useToggle as re } from "ahooks";
+import { Input as N } from "antd";
+import { AnimatePresence as ie, motion as P } from "motion/react";
+import { FloatingPortal as ae } from "@floating-ui/react";
+//#region src/components/Select/constants.ts
+var F = /* @__PURE__ */ function(e) {
+	return e.SINGLE = "single", e.MULTIPLE = "multiple", e;
+}({}), I = /* @__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;
+}({}), oe = {
+	[I.SINGLE]: F.SINGLE,
+	[I.TREE]: F.SINGLE,
+	[I.MULTIPLE]: F.MULTIPLE,
+	[I.TREE_TAGS]: F.MULTIPLE,
+	[I.MEMBER]: F.MULTIPLE,
+	[I.DEPARTEMENT]: F.MULTIPLE
+}, se = {
+	label: "label",
+	value: "value",
+	children: "children"
+}, ce = S({
+	value: void 0,
+	setValue: t,
+	isOpen: !1,
+	setIsOpen: t
+}), le = S({
+	fieldNames: {
+		label: "label",
+		value: "value",
+		children: "children"
+	},
+	disabled: !1
+}), ue = S({}), L = () => {
+	let e = E(ce);
+	if (!e) throw Error("Select.* components must be used within a SelectStateContext provider");
+	return e;
+}, R = () => {
+	let e = E(le);
+	if (!e) throw Error("Select.* components must be used within a SelectConfigContext provider");
+	return e;
+}, z = () => E(ue);
+//#endregion
+//#region src/components/Select/utils/fieldAccessor.ts
+function B(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 V = w((e) => {
+	let { value: t, inputValueStyle: n } = e, { fieldNames: i, otherInputPosition: a } = R(), { isSelectedOtherOption: o, otherOptionValue: c } = z(), l = B(i), u = r(t), d;
+	return d = o && c && a === "inline" ? c : e.labelRender && u ? e.labelRender(u) : u ? l.getLabel(u) : "", /* @__PURE__ */ y("div", {
+		className: s("bsy-select-input-container__input-value overflow-hidden"),
+		style: n,
+		children: /* @__PURE__ */ y("div", {
+			className: "bsy-select-input-container__input-value-text",
+			children: d
+		})
+	});
+});
+V.displayName = "BsySelectSingleInput";
+//#endregion
+//#region src/components/Select/SelectInput/SelectMultipleInput/OptionTag/option-tag.module.scss
+var H = {
+	"bsy-input-tag__container": "_bsy-input-tag__container_18guu_1",
+	"bsy-input-tag__item": "_bsy-input-tag__item_18guu_7",
+	"bsy-input-tag__item--disabled": "_bsy-input-tag__item--disabled_18guu_20",
+	"bsy-input-tag__item-icon": "_bsy-input-tag__item-icon_18guu_24"
+}, U = C(({ children: e, style: t, disabled: n }, r) => /* @__PURE__ */ y("div", {
+	"data-bsy-input-tag": "true",
+	className: s({
+		[H["bsy-input-tag__item"]]: !0,
+		[H["bsy-input-tag__item--disabled"]]: n
+	}),
+	ref: r,
+	style: t,
+	children: e
+}));
+U.Container = (e) => /* @__PURE__ */ y("div", {
+	className: s(H["bsy-input-tag__container"]),
+	children: e.children
+}), U.displayName = "BsyOptionTag";
+//#endregion
+//#region src/components/Select/SelectInput/SelectMultipleInput/select-multiple-input.module.scss
+var W = "_select_multiple_input__container_8pd2n_1", G = "_select_multiple_input__measurement_layer_8pd2n_6", K = "_select_multiple_input__close_btn_8pd2n_14", q = "_select_multiple_input__tag_content_8pd2n_24", J = {
+	select_multiple_input__container: W,
+	select_multiple_input__measurement_layer: G,
+	select_multiple_input__close_btn: K,
+	"select_multiple_input__close_btn--disabled": "_select_multiple_input__close_btn--disabled_8pd2n_21",
+	select_multiple_input__tag_content: q
+}, Y = 4, X = w((e) => {
+	let { value: t, labelRender: n, tagStyle: r } = e, { setValue: i } = L(), { fieldNames: o, disabled: c } = R(), l = B(o), u = t?.length ?? 0, [d, f] = j(0), p = A(null), m = A(null);
+	O(() => {
+		if (!p.current) return;
+		let e = new ResizeObserver((e) => {
+			let n = e[0];
+			if (!n) return;
+			let r = n.contentRect.width, i = n.target.querySelectorAll(".measure-list [data-bsy-input-tag=\"true\"]");
+			if (i.length === 0) {
+				f(t?.length ?? 0);
+				return;
+			}
+			let a = m.current?.offsetWidth || 65, o = 0, s = 0;
+			for (let e = 0; e < i.length; e++) {
+				let t = i[e].clientWidth + Y, n = e < u - 1 ? a : 0;
+				if (o + t + n <= r) o += t, s = e + 1;
+				else break;
+			}
+			s === 0 && u === 1 && (s = 1), d !== s && f(s);
+		});
+		return e.observe(p.current), () => e.disconnect();
+	}, [
+		u,
+		d,
+		t.length
+	]);
+	let h = u - d, g = D(h), _ = /* @__PURE__ */ y("div", {
+		className: `${J.select_multiple_input__measurement_layer} measure-list`,
+		children: /* @__PURE__ */ b(U.Container, { children: [t?.map((e, t) => {
+			let i = (e) => /* @__PURE__ */ y("div", {
+				style: e,
+				className: "bsy-input-tag__item-icon cursor-pointer",
+				children: /* @__PURE__ */ y(a, {
+					name: "close",
+					style: { fontSize: 12 },
+					className: J.select_multiple_input__close_btn
+				})
+			});
+			return /* @__PURE__ */ b(U, {
+				style: r,
+				children: [n && n(e, i), !n && /* @__PURE__ */ b("div", {
+					className: J.select_multiple_input__tag_content,
+					children: [/* @__PURE__ */ y("span", { children: l.getLabel(e) }), /* @__PURE__ */ y(i, {})]
+				})]
+			}, t);
+		}), d < u && g > 0 && /* @__PURE__ */ b(U, {
+			ref: m,
+			children: [`+ ${h}`, /* @__PURE__ */ y("span", {
+				className: "text-[#666]",
+				children: "..."
+			})]
+		})] })
+	}), v = (e) => {
+		if (c) return;
+		let n = t.filter((t) => l.getValue(t) !== l.getValue(e));
+		i(n.map((e) => l.getValue(e)), n);
+	};
+	return /* @__PURE__ */ b("div", {
+		ref: p,
+		className: s("bsy-select-input-container__input-value", J.select_multiple_input__container, "multiple"),
+		children: [_, /* @__PURE__ */ b(U.Container, { children: [t?.slice(0, d).map((e, t) => {
+			let i = (t) => /* @__PURE__ */ y("div", {
+				style: t,
+				className: s("bsy-input-tag__item-icon", {
+					[J.select_multiple_input__close_btn]: !c,
+					[J.select_multiple_input__close_btn + "--disabled"]: c
+				}),
+				onClick: (t) => {
+					t.stopPropagation(), v(e);
+				},
+				children: /* @__PURE__ */ y(a, {
+					name: "close",
+					style: { fontSize: 12 }
+				})
+			});
+			return /* @__PURE__ */ b(U, {
+				style: {
+					...r,
+					flexShrink: d === 1 ? 1 : 0
+				},
+				disabled: c,
+				children: [n && n(e, i), !n && /* @__PURE__ */ b("div", {
+					className: J.select_multiple_input__tag_content,
+					children: [/* @__PURE__ */ y("span", {
+						className: "truncate",
+						children: l.getLabel(e)
+					}), /* @__PURE__ */ y(i, {})]
+				})]
+			}, t);
+		}), d < u && g > 0 && /* @__PURE__ */ b(U, {
+			ref: m,
+			children: [`+ ${h} `, /* @__PURE__ */ y("span", {
+				className: "text-[#666]",
+				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;
+}, de = ({ placeholder: e, mode: t, clearable: r, onClear: o, disabled: c = !1, labelRender: u, options: d = [], type: f, prefix: p, suffixIcon: m, ghost: h, inputValueStyle: g, tagStyle: _ }) => {
+	let x = A(null), S = M(c ? null : x), { isOpen: C, value: w, getCachedOptionByValue: T } = L(), { fieldNames: E } = R(), D = k(() => {
+		if (n(w)) return [];
+		let e = i(w) ? w : [w];
+		if (f === I.TREE) {
+			let t = B(E), n = Z(d, E);
+			return e.map((e) => n.find((n) => t.getValue(n) === e) || T?.(e)).filter((e) => !!e);
+		}
+		return e.map((e) => d.find((t) => t[E.value] === e) || T?.(e)).filter((e) => !!e);
+	}, [
+		w,
+		d,
+		f,
+		E,
+		T
+	]);
+	return /* @__PURE__ */ y("div", {
+		className: s("bsy-select-input-container", {
+			disabled: c,
+			multiple: t === F.MULTIPLE,
+			active: C,
+			"ghost-style": h
+		}),
+		ref: x,
+		children: /* @__PURE__ */ b("div", {
+			className: s("bsy-select-input-container-input"),
+			children: [
+				p && /* @__PURE__ */ y("div", {
+					className: "bsy-select-input-container-input-prefix",
+					children: p
+				}),
+				D?.length ? /* @__PURE__ */ b(v, { children: [t === F.SINGLE && /* @__PURE__ */ y(V, {
+					value: D,
+					labelRender: u,
+					inputValueStyle: g
+				}), t === F.MULTIPLE && /* @__PURE__ */ y(X, {
+					value: D,
+					labelRender: u,
+					tagStyle: _
+				})] }) : /* @__PURE__ */ y("div", {
+					className: "bsy-select-input-container__input-value-placeholder truncate",
+					children: e
+				}),
+				/* @__PURE__ */ y("div", {
+					className: s("bsy-select-input-container__icon"),
+					children: /* @__PURE__ */ y(ie, {
+						mode: "wait",
+						children: D?.length && r && S ? /* @__PURE__ */ y(P.div, {
+							...l,
+							children: /* @__PURE__ */ y(a, {
+								name: "cancel",
+								className: "icon hover:text-[#0265ff] text-[#666]",
+								role: "button",
+								"aria-label": "clear",
+								onClick: (e) => {
+									e.stopPropagation(), o?.();
+								}
+							})
+						}, "cancel") : /* @__PURE__ */ y(P.div, {
+							...l,
+							children: m ? m(C, c) : /* @__PURE__ */ y(a, {
+								name: "arrow-down",
+								className: s("icon", {
+									active: C,
+									"text-[#c2c2c2]": c,
+									"text-[#666]": !c
+								})
+							})
+						}, "arrow")
+					})
+				})
+			]
+		})
+	});
+};
+de.displayName = "BsySelectInput";
+//#endregion
+//#region src/components/Select/OptionList/SingleOptionList/SingleOptionList.tsx
+var Q = w((e) => {
+	let { options: t, value: n, onSelect: r, searchValue: i = "", fieldNames: a, optionRender: o, optionStyle: c } = e, { otherInputPosition: l } = R(), { otherOptionValue: u, setOtherOptionValue: f, onOtherInputChange: p, isSelectedOtherOption: m = !1 } = z(), h = A(null), g = B(a);
+	return /* @__PURE__ */ y("ul", {
+		role: "listbox",
+		children: t.map((e, t) => {
+			let a = g.getValue(e), _ = g.getLabel(e), v = e.systemField || !1, x = e.isOther === !0, S = x && l === "inline" && _.length > 6 ? _.slice(0, 6) + "..." : _, C = x ? m : a === n;
+			return /* @__PURE__ */ b("li", {
+				role: "option",
+				"aria-selected": C,
+				className: s("cursor-pointer rounded-[4px] py-[7px] px-[10px] min-h-[34px]", {
+					"hover:bg-[#f3f3f3]": !C,
+					"text-[#4d609f]": v && !C,
+					"text-[#0265ff] bg-[#f0f6ff]": C,
+					"flex items-center": x && l === "inline"
+				}),
+				style: c,
+				onClick: () => {
+					r(a, e);
+				},
+				children: [/* @__PURE__ */ y("div", {
+					title: _,
+					children: o ? o(e, { index: t }, C) : /* @__PURE__ */ y(d, {
+						text: S,
+						highlight: i
+					})
+				}), x && l === "inline" && /* @__PURE__ */ y("div", {
+					className: "ml-2 flex-1",
+					onClick: (e) => e.stopPropagation(),
+					style: { minWidth: "146px" },
+					children: /* @__PURE__ */ y(N, {
+						ref: h,
+						value: u,
+						onChange: (e) => {
+							let t = e.target.value;
+							f?.(t), p?.(t);
+						},
+						onPressEnter: () => {
+							u && r(a, e);
+						},
+						onBlur: () => {
+							u && r(a, e);
+						},
+						placeholder: "请输入内容"
+					})
+				})]
+			}, `${a}-${t}`);
+		})
+	});
+});
+Q.displayName = "BsySingleSelect";
+//#endregion
+//#region src/components/Select/OptionList/MultOptionList/MultOptionList.tsx
+var $ = (e) => {
+	let { t } = o(), { options: n, searchValue: r = "", value: i, onSelect: a, fieldNames: c, optionRender: l } = e, u = B(c), f = i || [], m = n.filter((e) => !e.isOther), h = m.length > 0 && m.every((e) => f.includes(u.getValue(e)));
+	return /* @__PURE__ */ y("div", {
+		className: "bsy-multiple-select",
+		children: /* @__PURE__ */ b("ul", {
+			className: "bsy-multiple-select-list",
+			children: [/* @__PURE__ */ y("li", {
+				className: s("flex items-center gap-[8px]", "cursor-pointer hover:bg-[#f3f3f3] rounded-[4px] min-h-[34px]", "bsy-multiple-select-item"),
+				children: /* @__PURE__ */ y(p, {
+					checked: h,
+					onChange: () => {
+						a(h ? [] : m.map((e) => u.getValue(e)), h ? [] : m.filter((e) => f.includes(u.getValue(e))));
+					},
+					indeterminate: f.length > 0 && f.length < m.length,
+					style: { padding: "7px 10px" },
+					children: /* @__PURE__ */ y("span", {
+						className: "font-bold text-[#0265ff]",
+						children: t(r ? "allSelectedBySearch" : "allSelect")
+					})
+				})
+			}), /* @__PURE__ */ y(p.Group, {
+				value: f,
+				onChange: (e) => {
+					a(e, m.filter((t) => e.includes(u.getValue(t))));
+				},
+				children: m.map((e, t) => {
+					let n = u.getValue(e), i = u.getLabel(e), a = f.includes(n), o = e.systemField || !1;
+					return /* @__PURE__ */ y("li", {
+						className: s("flex items-center gap-[8px] min-h-[34px]", "cursor-pointer  rounded-[4px]", "bsy-multiple-select-item", {
+							"hover:bg-[#f3f3f3]": !0,
+							"text-[#0265ff]": a,
+							"text-[#4d609f]": o && !a
+						}),
+						children: /* @__PURE__ */ y(p, {
+							value: n,
+							style: { padding: "7px 10px" },
+							children: l ? l(e, { index: t }, a) : /* @__PURE__ */ y(d, {
+								text: i,
+								highlight: r
+							})
+						})
+					}, `${n}-${t}`);
+				})
+			})]
+		})
+	});
+};
+$.displayName = "BsyMultipleSelect";
+//#endregion
+//#region src/components/Select/OptionList/TreeOptionList/TreeOptionList.tsx
+var fe = (e) => {
+	let { options: t, searchValue: n, value: r, onSelect: i, fieldNames: a } = e;
+	return /* @__PURE__ */ y("div", {
+		className: "bsy-tree-select",
+		children: /* @__PURE__ */ y("div", {
+			className: "bsy-tree-select-nodes",
+			children: /* @__PURE__ */ y(f, {
+				data: t,
+				searchValue: n,
+				fieldNames: a ? {
+					title: a.label,
+					value: a.value,
+					children: a.children
+				} : void 0,
+				selectedKeys: r ? [r] : [],
+				onSelect: i
+			})
+		})
+	});
+}, pe = (e, t) => {
+	let n = [], r = (e) => {
+		if (e) for (let i of e) n.push(i), r(i[t.children]);
+	};
+	return r(e), n;
+}, me = (e, t, n) => e.reduce((e, r) => {
+	let i = r[n.children] ? me(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;
+}, []), he = (t) => {
+	let { options: n = [], searchValue: r = "", type: i, filterOption: a, optionRender: s, optionStyle: c } = t, { t: l } = o(), { value: u, setIsOpen: d, setValue: f } = L(), { fieldNames: p } = R(), g = k(() => i === I.TREE ? pe(n, p) : n, [
+		n,
+		p,
+		i
+	]), _ = k(() => new h(g, {
+		keys: [p.label],
+		ignoreLocation: !0,
+		threshold: .3
+	}), [g, p]), b = T((e, t) => {
+		d?.(!1), f(e, t);
+	}, [d, f]), x = T((e, t) => {
+		f(e, t);
+	}, [f]), S = T((e, t) => {
+		d?.(!1), f(e, t);
+	}, [d, f]), C = () => {
+		if (!a || e(r)) return n;
+		let t = _.search(r), o = new Set(t.map((e) => e.item[p.value]));
+		return i === I.TREE ? me(n, o, p) : n.filter((e) => o.has(e[p.value]));
+	};
+	return /* @__PURE__ */ y(v, { children: (() => {
+		let t = {
+			options: C(),
+			searchValue: r,
+			optionStyle: c
+		};
+		if (!e(r) && t.options.length === 0) return /* @__PURE__ */ y(m, { text: l("noDataFound") });
+		switch (i) {
+			case I.SINGLE: return /* @__PURE__ */ y(Q, {
+				...t,
+				value: u,
+				fieldNames: p,
+				onSelect: b,
+				optionRender: s
+			});
+			case I.MULTIPLE: return /* @__PURE__ */ y($, {
+				...t,
+				value: u,
+				fieldNames: p,
+				onSelect: x,
+				optionRender: s
+			});
+			case I.TREE: return /* @__PURE__ */ y(fe, {
+				...t,
+				value: u,
+				fieldNames: p,
+				onSelect: S
+			});
+			default: return null;
+		}
+	})() });
+}, ge = (e) => {
+	let { options: t = [], type: n = I.SINGLE, filterOption: r = !0, onSearch: i, showSearch: a, searchPlaceholder: l, onPopupScroll: d } = e, { t: f } = o(), { searchValue: p = "", setSearchValue: h } = L(), _ = D(p), v = (e) => {
+		h?.(e), i?.(e);
+	}, S = () => e.fetching ? /* @__PURE__ */ y(m, { text: f("dataSearching") }) : t.length === 0 && !p ? /* @__PURE__ */ y(m, { text: f("noData") }) : /* @__PURE__ */ y(he, {
+		searchValue: _,
+		options: t,
+		type: n,
+		filterOption: r,
+		optionRender: e.optionRender,
+		optionStyle: e.optionStyle
+	}), C = (e) => {
+		let t = e?.currentTarget ? e : { currentTarget: e };
+		d?.(t);
+	};
+	return /* @__PURE__ */ y(P.div, {
+		...c,
+		children: /* @__PURE__ */ y("div", {
+			className: "bsy-select-panel",
+			children: /* @__PURE__ */ b(x, { children: [a && /* @__PURE__ */ y(u, {
+				value: p,
+				onChange: v,
+				searchPlaceholder: l
+			}), /* @__PURE__ */ y("div", {
+				className: s({ "pt-[4px]": a }),
+				children: /* @__PURE__ */ y(g, {
+					style: { maxHeight: 300 },
+					onScroll: C,
+					children: S()
+				})
+			})] })
+		})
+	});
+};
+ge.displayName = "BsySelectPanel";
+//#endregion
+//#region src/components/Select/Select.tsx
+var _e = C((e, t) => {
+	let { options: n = [], type: r = I.SINGLE, fieldNames: i, clearable: a = !0, disabled: c = !1, placeholder: l, labelRender: u, onOtherInputChange: d, onOpenChange: f, onPopupScroll: p, prefix: m, suffixIcon: h, ghost: g, inputValueStyle: x, tagStyle: S, zIndex: C = 1101, zIndexMask: w = 1100, otherInputPosition: E = "bottom", popupMinWidth: D } = e, O = oe[r], { t: M } = o(), N = ee(), { onChange: P } = e, L = i || se, [R, z] = ne(e, {
+		defaultValue: O === F.SINGLE ? void 0 : [],
+		defaultValuePropName: "defaultValue",
+		valuePropName: "value",
+		trigger: "__NO_CUSTOM_CHANGE__"
+	}), [B, V] = j(""), H = A(/* @__PURE__ */ new Map()), [U, W] = j(() => {
+		if (O === F.SINGLE) {
+			let e = n.every((e) => e[L.value] !== R), t = n.find((e) => e.isOther === !0);
+			return e && t ? R : void 0;
+		}
+	}), G = T((e, t) => {
+		if (z(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?.[L.value] === e);
+					e !== null && t && n.set(e, t);
+				});
+			} else e !== null && !Array.isArray(t) && n.set(e, t);
+			H.current = n;
+		}
+		P && P(e, t);
+	}, [
+		P,
+		z,
+		L
+	]), [K, { set: q }] = re(!1), J = T((e) => {
+		e !== K && (q(e), f?.(e));
+	}, [
+		q,
+		f,
+		K
+	]), { isSelectedOtherOption: Y, shouldShowOtherInput: X } = k(() => {
+		if (O === F.MULTIPLE) return {
+			isSelectedOtherOption: !1,
+			shouldShowOtherInput: !1
+		};
+		let e = n.find((e) => e[L.value] === R);
+		return e ? {
+			isSelectedOtherOption: e.isOther === !0,
+			shouldShowOtherInput: e.isOther === !0
+		} : n.find((e) => e.isOther === !0) && R ? {
+			isSelectedOtherOption: !0,
+			shouldShowOtherInput: !0
+		} : {
+			isSelectedOtherOption: !1,
+			shouldShowOtherInput: !1
+		};
+	}, [
+		R,
+		n,
+		L,
+		O
+	]), Z = T(() => {
+		if (R) {
+			if (O === F.SINGLE) {
+				let e = n.every((e) => e[L.value] !== R), t = n.find((e) => e.isOther === !0);
+				if (e && t) return t[L.value];
+			}
+			return R;
+		} else return R;
+	}, [
+		R,
+		n,
+		L,
+		O
+	]), Q = k(() => ({
+		value: Z(),
+		setValue: G,
+		isOpen: K,
+		setIsOpen: J,
+		getCachedOptionByValue: (e) => H.current.get(e),
+		searchValue: B,
+		setSearchValue: V
+	}), [
+		Z,
+		G,
+		K,
+		J,
+		B
+	]), $ = k(() => ({
+		fieldNames: i || se,
+		disabled: c,
+		otherInputPosition: E
+	}), [
+		i,
+		c,
+		E
+	]), fe = k(() => ({
+		isSelectedOtherOption: Y,
+		otherOptionValue: U,
+		setOtherOptionValue: W,
+		onOtherInputChange: d
+	}), [
+		Y,
+		U,
+		W,
+		d
+	]), { refs: pe, floatingStyles: me, getReferenceProps: he, getFloatingProps: _e, referenceStyle: ve } = _({
+		isOpen: K,
+		close: () => {
+			J(!1);
+		},
+		showMask: e.showMask,
+		zIndex: C,
+		zIndexMask: w,
+		popupMinWidth: D,
+		offset: {
+			x: 0,
+			y: 4
+		}
+	}), ye = T(() => {
+		Y && (W(""), d?.("")), J(!1), H.current.clear(), G(O === F.SINGLE ? void 0 : []);
+	}, [
+		Y,
+		d,
+		G,
+		O,
+		J
+	]);
+	return te(t, () => ({
+		getOtherOptionValue: () => U,
+		setOtherOptionValue: (e) => {
+			W(e), d?.(e);
+		}
+	}), [U, d]), /* @__PURE__ */ y(ce.Provider, {
+		value: Q,
+		children: /* @__PURE__ */ y(le.Provider, {
+			value: $,
+			children: /* @__PURE__ */ y(ue.Provider, {
+				value: fe,
+				children: /* @__PURE__ */ b("div", {
+					className: s("bsy-select-container text-sm", e.className),
+					style: e.style,
+					children: [
+						/* @__PURE__ */ y("div", {
+							ref: pe.setReference,
+							className: s("bsy-select-input-event", e.inputClassName),
+							...he(),
+							style: ve,
+							onClick: () => {
+								e.disabled || J(!0);
+							},
+							role: "combobox",
+							"aria-expanded": K,
+							"aria-haspopup": "listbox",
+							"aria-controls": N,
+							"aria-disabled": c,
+							children: /* @__PURE__ */ y(de, {
+								mode: O,
+								clearable: a,
+								disabled: c,
+								placeholder: l || M("select"),
+								labelRender: u,
+								options: n,
+								type: r,
+								prefix: m,
+								suffixIcon: h,
+								ghost: g,
+								inputValueStyle: x,
+								tagStyle: S,
+								onClear: ye
+							})
+						}),
+						/* @__PURE__ */ y(ae, { children: /* @__PURE__ */ y(ie, { children: K && /* @__PURE__ */ b(v, { children: [e.showMask && /* @__PURE__ */ y("div", {
+							className: "bsy-select-mask",
+							style: { zIndex: w }
+						}), /* @__PURE__ */ y("div", {
+							ref: pe.setFloating,
+							style: me,
+							..._e(),
+							id: N,
+							children: /* @__PURE__ */ y(ge, {
+								...e,
+								options: n,
+								onPopupScroll: p
+							})
+						})] }) }) }),
+						X && E === "bottom" ? e.otherOptionRender ? e.otherOptionRender(U, n) : /* @__PURE__ */ y("div", {
+							className: s("mt-[6px] w-full px-[10px] py-[7px] bg-white rounded-[4px]", "border border-[#e0e0e0]"),
+							children: /* @__PURE__ */ y("input", {
+								value: U || "",
+								onChange: (e) => {
+									W(e.target.value), d?.(e.target.value);
+								},
+								className: "w-full outline-none border-none placeholder:text-[#999]",
+								placeholder: M("context"),
+								"aria-label": "其他选项输入框",
+								role: "textbox"
+							})
+						}) : null
+					]
+				})
+			})
+		})
+	});
+});
+_e.displayName = "BsySelect";
+//#endregion
+export { F as n, I as r, _e as t };