@baishuyun/ui-base 6.9.1 → 6.10.1

package/dist/Select/Select-D6EK7whJ.js

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