@baishuyun/ui-base 6.3.2 → 6.4.0

package/dist/Select/{Select-Dz_xr4my.js → Select-Gkywa_sm.js}

@@ -1,7 +1,7 @@
 import { t as e } from "../Icon/Icon-BQ3Whub2.js";
-import { t } from "../vendors/useLocale-D9kAzQlB.js";
-import { n, t as r } from "../vendors/animations-BmT0HT5q.js";
-import { t as i } from "./SelectInputSearch-GHYAmQ3A.js";
+import { t } from "../vendors/useLocale-BTz4slNW.js";
+import { n, t as r } from "../vendors/animations-BeI8JZp1.js";
+import { t as i } from "./SelectInputSearch-DXPTGSc2.js";
 import { n as a, t as o } from "../vendors/Tree-DJpkMB5u.js";
 import { t as s } from "../CheckBox/CheckBox-DIunYcfS.js";
 import { t as c } from "../NotFoundContent/NotFoundContent-7xV-zOG2.js";
@@ -15,47 +15,47 @@ import { useControllableValue as te, useHover as M, useToggle as ne } from "ahoo
 import { AnimatePresence as re, motion as N } from "motion/react";
 import { FloatingPortal as ie } from "@floating-ui/react";
 import P from "fuse.js";
-import F from "simplebar-react";
+import ae from "simplebar-react";
 //#region src/components/Select/constants.ts
-var I = /* @__PURE__ */ function(e) {
+var F = /* @__PURE__ */ function(e) {
 	return e.SINGLE = "single", e.MULTIPLE = "multiple", e;
-}({}), L = /* @__PURE__ */ function(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;
-}({}), ae = {
-	[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
-}, oe = {
+}({}), 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"
-}, se = y({
+}, ce = y({
 	value: void 0,
 	setValue: m,
 	isOpen: !1,
 	setIsOpen: m
-}), ce = y({
+}), le = y({
 	fieldNames: {
 		label: "label",
 		value: "value",
 		children: "children"
 	},
 	disabled: !1
-}), le = y({}), R = () => {
-	let e = C(se);
+}), ue = y({}), L = () => {
+	let e = C(ce);
 	if (!e) throw Error("Select.* components must be used within a SelectStateContext provider");
 	return e;
-}, z = () => {
-	let e = C(ce);
+}, R = () => {
+	let e = C(le);
 	if (!e) throw Error("Select.* components must be used within a SelectConfigContext provider");
 	return e;
-}, B = () => C(le);
+}, z = () => C(ue);
 //#endregion
 //#region src/components/Select/utils/fieldAccessor.ts
-function V(e) {
+function B(e) {
 	let t = e;
 	return {
 		getLabel: (e) => e[t.label],
@@ -74,8 +74,8 @@ function V(e) {
 }
 //#endregion
 //#region src/components/Select/SelectInput/SelectSingleInput/SelectSingleInput.tsx
-var H = x((e) => {
-	let { value: t, inputValueStyle: n } = e, { fieldNames: r, otherInputPosition: i } = z(), { isSelectedOtherOption: a, otherOptionValue: o } = B(), s = V(r), c = u(t), l;
+var V = x((e) => {
+	let { value: t, inputValueStyle: n } = e, { fieldNames: r, otherInputPosition: i } = R(), { isSelectedOtherOption: a, otherOptionValue: o } = z(), s = B(r), c = u(t), l;
 	return l = a && o && i === "inline" ? o : e.labelRender && c ? e.labelRender(c) : c ? s.getLabel(c) : "", /* @__PURE__ */ g("div", {
 		className: j("bsy-select-input-container__input-value overflow-hidden"),
 		style: n,
@@ -85,38 +85,38 @@ var H = x((e) => {
 		})
 	});
 });
-H.displayName = "BsySelectSingleInput";
+V.displayName = "BsySelectSingleInput";
 //#endregion
 //#region src/components/Select/SelectInput/SelectMultipleInput/OptionTag/option-tag.module.scss
-var U = {
+var H = {
 	"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"
-}, W = b(({ children: e, style: t, disabled: n }, r) => /* @__PURE__ */ g("div", {
+}, U = b(({ children: e, style: t, disabled: n }, r) => /* @__PURE__ */ g("div", {
 	"data-bsy-input-tag": "true",
 	className: j({
-		[U["bsy-input-tag__item"]]: !0,
-		[U["bsy-input-tag__item--disabled"]]: n
+		[H["bsy-input-tag__item"]]: !0,
+		[H["bsy-input-tag__item--disabled"]]: n
 	}),
 	ref: r,
 	style: t,
 	children: e
 }));
-W.Container = (e) => /* @__PURE__ */ g("div", {
-	className: j(U["bsy-input-tag__container"]),
+U.Container = (e) => /* @__PURE__ */ g("div", {
+	className: j(H["bsy-input-tag__container"]),
 	children: e.children
-}), W.displayName = "BsyOptionTag";
+}), U.displayName = "BsyOptionTag";
 //#endregion
 //#region src/components/Select/SelectInput/SelectMultipleInput/select-multiple-input.module.scss
-var G = "_select_multiple_input__container_8pd2n_1", K = "_select_multiple_input__measurement_layer_8pd2n_6", q = "_select_multiple_input__close_btn_8pd2n_14", J = "_select_multiple_input__tag_content_8pd2n_24", Y = {
-	select_multiple_input__container: G,
-	select_multiple_input__measurement_layer: K,
-	select_multiple_input__close_btn: q,
+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: J
-}, X = 4, Z = x((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] = A(0), f = k(null), p = k(null);
+	select_multiple_input__tag_content: q
+}, Y = 4, X = x((t) => {
+	let { value: n, labelRender: r, tagStyle: i } = t, { setValue: a } = L(), { fieldNames: o, disabled: s } = R(), c = B(o), l = n?.length ?? 0, [u, d] = A(0), f = k(null), p = k(null);
 	D(() => {
 		if (!f.current) return;
 		let e = new ResizeObserver((e) => {
@@ -129,7 +129,7 @@ var G = "_select_multiple_input__container_8pd2n_1", K = "_select_multiple_input
 			}
 			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;
+				let t = i[e].clientWidth + Y, n = e < l - 1 ? a : 0;
 				if (o + t + n <= r) o += t, s = e + 1;
 				else break;
 			}
@@ -142,25 +142,25 @@ var G = "_select_multiple_input__container_8pd2n_1", K = "_select_multiple_input
 		n.length
 	]);
 	let m = l - u, h = w(m), v = /* @__PURE__ */ g("div", {
-		className: `${Y.select_multiple_input__measurement_layer} measure-list`,
-		children: /* @__PURE__ */ _(W.Container, { children: [n?.map((t, n) => {
+		className: `${J.select_multiple_input__measurement_layer} measure-list`,
+		children: /* @__PURE__ */ _(U.Container, { children: [n?.map((t, n) => {
 			let a = (t) => /* @__PURE__ */ g("div", {
 				style: t,
-				className: j(U["bsy-input-tag__item-icon"], "cursor-pointer"),
+				className: j(H["bsy-input-tag__item-icon"], "cursor-pointer"),
 				children: /* @__PURE__ */ g(e, {
 					name: "close",
 					style: { fontSize: 12 },
-					className: Y.select_multiple_input__close_btn
+					className: J.select_multiple_input__close_btn
 				})
 			});
-			return /* @__PURE__ */ _(W, {
+			return /* @__PURE__ */ _(U, {
 				style: i,
 				children: [r && r(t, a), !r && /* @__PURE__ */ _("div", {
-					className: Y.select_multiple_input__tag_content,
+					className: J.select_multiple_input__tag_content,
 					children: [/* @__PURE__ */ g("span", { children: c.getLabel(t) }), /* @__PURE__ */ g(a, {})]
 				})]
 			}, n);
-		}), u < l && h > 0 && /* @__PURE__ */ _(W, {
+		}), u < l && h > 0 && /* @__PURE__ */ _(U, {
 			ref: p,
 			children: [`+ ${m}`, /* @__PURE__ */ g("span", {
 				className: "text-[#666]",
@@ -174,13 +174,13 @@ var G = "_select_multiple_input__container_8pd2n_1", K = "_select_multiple_input
 	};
 	return /* @__PURE__ */ _("div", {
 		ref: f,
-		className: j("bsy-select-input-container__input-value", Y.select_multiple_input__container, "multiple"),
-		children: [v, /* @__PURE__ */ _(W.Container, { children: [n?.slice(0, u).map((t, n) => {
+		className: j("bsy-select-input-container__input-value", J.select_multiple_input__container, "multiple"),
+		children: [v, /* @__PURE__ */ _(U.Container, { children: [n?.slice(0, u).map((t, n) => {
 			let a = (n) => /* @__PURE__ */ g("div", {
 				style: n,
-				className: j(U["bsy-input-tag__item-icon"], {
-					[Y.select_multiple_input__close_btn]: !s,
-					[Y.select_multiple_input__close_btn + "--disabled"]: s
+				className: j(H["bsy-input-tag__item-icon"], {
+					[J.select_multiple_input__close_btn]: !s,
+					[J.select_multiple_input__close_btn + "--disabled"]: s
 				}),
 				onClick: (e) => {
 					e.stopPropagation(), y(t);
@@ -190,21 +190,21 @@ var G = "_select_multiple_input__container_8pd2n_1", K = "_select_multiple_input
 					style: { fontSize: 12 }
 				})
 			});
-			return /* @__PURE__ */ _(W, {
+			return /* @__PURE__ */ _(U, {
 				style: {
 					...i,
 					flexShrink: u === 1 ? 1 : 0
 				},
 				disabled: s,
 				children: [r && r(t, a), !r && /* @__PURE__ */ _("div", {
-					className: Y.select_multiple_input__tag_content,
+					className: J.select_multiple_input__tag_content,
 					children: [/* @__PURE__ */ g("span", {
 						className: "truncate",
 						children: c.getLabel(t)
 					}), /* @__PURE__ */ g(a, {})]
 				})]
 			}, n);
-		}), u < l && h > 0 && /* @__PURE__ */ _(W, {
+		}), u < l && h > 0 && /* @__PURE__ */ _(U, {
 			ref: p,
 			children: [`+ ${m} `, /* @__PURE__ */ g("span", {
 				className: "text-[#666]",
@@ -213,10 +213,10 @@ var G = "_select_multiple_input__container_8pd2n_1", K = "_select_multiple_input
 		})] })]
 	});
 });
-Z.displayName = "BsySelectMultipleInput";
+X.displayName = "BsySelectMultipleInput";
 //#endregion
 //#region src/components/Select/utils/tree.ts
-var Q = (e, t) => {
+var de = (e, t) => {
 	let n = [], r = (e) => {
 		e.forEach((e) => {
 			let { [t.children]: i, ...a } = e;
@@ -224,12 +224,12 @@ var Q = (e, t) => {
 		});
 	};
 	return r(e), n;
-}, ue = ({ placeholder: t, mode: n, clearable: i, onClear: a, disabled: o = !1, labelRender: s, options: c = [], type: l, prefix: u, suffixIcon: f, ghost: m, inputValueStyle: v, tagStyle: y }) => {
-	let b = k(null), x = M(o ? null : b), { isOpen: S, value: C, getCachedOptionByValue: w } = R(), { fieldNames: T } = z(), E = O(() => {
+}, fe = ({ placeholder: t, mode: n, clearable: i, onClear: a, disabled: o = !1, labelRender: s, options: c = [], type: l, prefix: u, suffixIcon: f, ghost: m, inputValueStyle: v, tagStyle: y }) => {
+	let b = k(null), x = M(o ? null : b), { isOpen: S, value: C, getCachedOptionByValue: w } = L(), { fieldNames: T } = R(), E = O(() => {
 		if (p(C)) return [];
 		let e = d(C) ? C : [C];
-		if (l === L.TREE) {
-			let t = V(T), n = Q(c, T);
+		if (l === I.TREE) {
+			let t = B(T), n = de(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);
@@ -243,7 +243,7 @@ var Q = (e, t) => {
 	return /* @__PURE__ */ g("div", {
 		className: j("bsy-select-input-container", {
 			disabled: o,
-			multiple: n === I.MULTIPLE,
+			multiple: n === F.MULTIPLE,
 			active: S,
 			"ghost-style": m
 		}),
@@ -255,11 +255,11 @@ var Q = (e, t) => {
 					className: "bsy-select-input-container-input-prefix",
 					children: u
 				}),
-				E?.length ? /* @__PURE__ */ _(h, { children: [n === I.SINGLE && /* @__PURE__ */ g(H, {
+				E?.length ? /* @__PURE__ */ _(h, { children: [n === F.SINGLE && /* @__PURE__ */ g(V, {
 					value: E,
 					labelRender: s,
 					inputValueStyle: v
-				}), n === I.MULTIPLE && /* @__PURE__ */ g(Z, {
+				}), n === F.MULTIPLE && /* @__PURE__ */ g(X, {
 					value: E,
 					labelRender: s,
 					tagStyle: y
@@ -299,11 +299,11 @@ var Q = (e, t) => {
 		})
 	});
 };
-ue.displayName = "BsySelectInput";
+fe.displayName = "BsySelectInput";
 //#endregion
 //#region src/components/Select/OptionList/SingleOptionList/SingleOptionList.tsx
-var $ = x((e) => {
-	let { options: t, value: n, onSelect: r, searchValue: i = "", fieldNames: o, optionRender: s, optionStyle: c } = e, { otherInputPosition: l } = z(), { otherOptionValue: u, setOtherOptionValue: d, onOtherInputChange: f, isSelectedOtherOption: p = !1 } = B(), m = k(null), h = V(o);
+var Z = x((e) => {
+	let { options: t, value: n, onSelect: r, searchValue: i = "", fieldNames: o, optionRender: s, optionStyle: c } = e, { otherInputPosition: l } = R(), { otherOptionValue: u, setOtherOptionValue: d, onOtherInputChange: f, isSelectedOtherOption: p = !1 } = z(), m = k(null), h = B(o);
 	return /* @__PURE__ */ g("ul", {
 		role: "listbox",
 		children: t.map((e, t) => {
@@ -351,11 +351,11 @@ var $ = x((e) => {
 		})
 	});
 });
-$.displayName = "BsySingleSelect";
+Z.displayName = "BsySingleSelect";
 //#endregion
 //#region src/components/Select/OptionList/MultOptionList/MultOptionList.tsx
-var de = (e) => {
-	let { t: n } = t(), { options: r, searchValue: i = "", value: o, onSelect: c, fieldNames: l, optionRender: u } = e, d = V(l), f = o || [], p = r.filter((e) => !e.isOther), m = p.length > 0 && p.every((e) => f.includes(d.getValue(e)));
+var Q = (e) => {
+	let { t: n } = t(), { options: r, searchValue: i = "", value: o, onSelect: c, fieldNames: l, optionRender: u } = e, d = B(l), f = o || [], p = r.filter((e) => !e.isOther), m = p.length > 0 && p.every((e) => f.includes(d.getValue(e)));
 	return /* @__PURE__ */ g("div", {
 		className: "bsy-multiple-select",
 		children: /* @__PURE__ */ _("ul", {
@@ -400,10 +400,10 @@ var de = (e) => {
 		})
 	});
 };
-de.displayName = "BsyMultipleSelect";
+Q.displayName = "BsyMultipleSelect";
 //#endregion
 //#region src/components/Select/OptionList/TreeOptionList/TreeOptionList.tsx
-var fe = (e) => {
+var pe = (e) => {
 	let { options: t, searchValue: n, value: r, onSelect: i, fieldNames: a } = e;
 	return /* @__PURE__ */ g("div", {
 		className: "bsy-tree-select",
@@ -422,13 +422,13 @@ var fe = (e) => {
 			})
 		})
 	});
-}, pe = (e, t) => {
+}, me = (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;
+}, $ = (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({
@@ -438,7 +438,7 @@ var fe = (e) => {
 	}
 	return e;
 }, []), he = (e) => {
-	let { options: n = [], searchValue: r = "", type: i, filterOption: a, optionRender: o, optionStyle: s } = e, { t: l } = t(), { value: u, setIsOpen: d, setValue: p } = R(), { fieldNames: m } = z(), _ = O(() => i === L.TREE ? pe(n, m) : n, [
+	let { options: n = [], searchValue: r = "", type: i, filterOption: a, optionRender: o, optionStyle: s } = e, { t: l } = t(), { value: u, setIsOpen: d, setValue: p } = L(), { fieldNames: m } = R(), _ = O(() => i === I.TREE ? me(n, m) : n, [
 		n,
 		m,
 		i
@@ -455,7 +455,7 @@ var fe = (e) => {
 	}, [d, p]), C = () => {
 		if (!a || f(r)) return n;
 		let e = v.search(r), t = new Set(e.map((e) => e.item[m.value]));
-		return i === L.TREE ? me(n, t, m) : n.filter((e) => t.has(e[m.value]));
+		return i === I.TREE ? $(n, t, m) : n.filter((e) => t.has(e[m.value]));
 	};
 	return /* @__PURE__ */ g(h, { children: (() => {
 		let e = {
@@ -465,21 +465,21 @@ var fe = (e) => {
 		};
 		if (!f(r) && e.options.length === 0) return /* @__PURE__ */ g(c, { text: l("noDataFound") });
 		switch (i) {
-			case L.SINGLE: return /* @__PURE__ */ g($, {
+			case I.SINGLE: return /* @__PURE__ */ g(Z, {
 				...e,
 				value: u,
 				fieldNames: m,
 				onSelect: y,
 				optionRender: o
 			});
-			case L.MULTIPLE: return /* @__PURE__ */ g(de, {
+			case I.MULTIPLE: return /* @__PURE__ */ g(Q, {
 				...e,
 				value: u,
 				fieldNames: m,
 				onSelect: b,
 				optionRender: o
 			});
-			case L.TREE: return /* @__PURE__ */ g(fe, {
+			case I.TREE: return /* @__PURE__ */ g(pe, {
 				...e,
 				value: u,
 				fieldNames: m,
@@ -489,7 +489,7 @@ var fe = (e) => {
 		}
 	})() });
 }, ge = (e) => {
-	let { options: r = [], type: a = L.SINGLE, filterOption: o = !0, onSearch: s, showSearch: l, searchPlaceholder: u, onPopupScroll: d } = e, { t: f } = t(), { searchValue: p = "", setSearchValue: m } = R(), h = w(p), y = (e) => {
+	let { options: r = [], type: a = I.SINGLE, filterOption: o = !0, onSearch: s, showSearch: l, searchPlaceholder: u, onPopupScroll: d } = e, { t: f } = t(), { searchValue: p = "", setSearchValue: m } = L(), h = w(p), y = (e) => {
 		m?.(e), s?.(e);
 	}, b = () => e.fetching ? /* @__PURE__ */ g(c, { text: f("dataSearching") }) : r.length === 0 && !p ? /* @__PURE__ */ g(c, { text: f("noData") }) : /* @__PURE__ */ g(he, {
 		searchValue: h,
@@ -512,7 +512,7 @@ var fe = (e) => {
 				searchPlaceholder: u
 			}), /* @__PURE__ */ g("div", {
 				className: j({ "pt-[4px]": l }),
-				children: /* @__PURE__ */ g(F, {
+				children: /* @__PURE__ */ g(ae, {
 					style: { maxHeight: 300 },
 					onScroll: x,
 					children: b()
@@ -525,13 +525,13 @@ ge.displayName = "BsySelectPanel";
 //#endregion
 //#region src/components/Select/Select.tsx
 var _e = b((e, n) => {
-	let { options: r = [], type: i = L.SINGLE, fieldNames: a, clearable: o = !0, disabled: s = !1, placeholder: c, labelRender: u, onOtherInputChange: d, onOpenChange: f, onPopupScroll: p, prefix: m, suffixIcon: v, ghost: y, inputValueStyle: b, tagStyle: x, zIndex: C = 1101, zIndexMask: w = 1100, otherInputPosition: D = "bottom", popupMinWidth: ee } = e, M = ae[i], { t: N } = t(), P = T(), { onChange: F } = e, R = a || oe, [z, B] = te(e, {
-		defaultValue: M === I.SINGLE ? void 0 : [],
+	let { options: r = [], type: i = I.SINGLE, fieldNames: a, clearable: o = !0, disabled: s = !1, placeholder: c, labelRender: u, onOtherInputChange: d, onOpenChange: f, onPopupScroll: p, prefix: m, suffixIcon: v, ghost: y, inputValueStyle: b, tagStyle: x, zIndex: C = 1101, zIndexMask: w = 1100, otherInputPosition: D = "bottom", popupMinWidth: ee, getPopupContainer: M } = e, N = oe[i], { t: P } = t(), ae = T(), { onChange: L } = e, R = a || se, [z, B] = te(e, {
+		defaultValue: N === F.SINGLE ? void 0 : [],
 		defaultValuePropName: "defaultValue",
 		valuePropName: "value",
 		trigger: "__NO_CUSTOM_CHANGE__"
 	}), [V, H] = A(""), U = k(/* @__PURE__ */ new Map()), [W, G] = A(() => {
-		if (M === I.SINGLE) {
+		if (N === F.SINGLE) {
 			let e = r.every((e) => e[R.value] !== z), t = r.find((e) => e.isOther === !0);
 			return e && t ? z : void 0;
 		}
@@ -547,9 +547,9 @@ var _e = b((e, n) => {
 			} else e !== null && !Array.isArray(t) && n.set(e, t);
 			U.current = n;
 		}
-		F && F(e, t);
+		L && L(e, t);
 	}, [
-		F,
+		L,
 		B,
 		R
 	]), [q, { set: J }] = ne(!1), Y = S((e) => {
@@ -558,8 +558,8 @@ var _e = b((e, n) => {
 		J,
 		f,
 		q
-	]), { isSelectedOtherOption: X, shouldShowOtherInput: Z } = O(() => {
-		if (M === I.MULTIPLE) return {
+	]), { isSelectedOtherOption: X, shouldShowOtherInput: de } = O(() => {
+		if (N === F.MULTIPLE) return {
 			isSelectedOtherOption: !1,
 			shouldShowOtherInput: !1
 		};
@@ -578,10 +578,10 @@ var _e = b((e, n) => {
 		z,
 		r,
 		R,
-		M
-	]), Q = S(() => {
+		N
+	]), Z = S(() => {
 		if (z) {
-			if (M === I.SINGLE) {
+			if (N === F.SINGLE) {
 				let e = r.every((e) => e[R.value] !== z), t = r.find((e) => e.isOther === !0);
 				if (e && t) return t[R.value];
 			}
@@ -591,9 +591,9 @@ var _e = b((e, n) => {
 		z,
 		r,
 		R,
-		M
-	]), $ = O(() => ({
-		value: Q(),
+		N
+	]), Q = O(() => ({
+		value: Z(),
 		setValue: K,
 		isOpen: q,
 		setIsOpen: Y,
@@ -601,20 +601,20 @@ var _e = b((e, n) => {
 		searchValue: V,
 		setSearchValue: H
 	}), [
-		Q,
+		Z,
 		K,
 		q,
 		Y,
 		V
-	]), de = O(() => ({
-		fieldNames: a || oe,
+	]), pe = O(() => ({
+		fieldNames: a || se,
 		disabled: s,
 		otherInputPosition: D
 	}), [
 		a,
 		s,
 		D
-	]), fe = O(() => ({
+	]), me = O(() => ({
 		isSelectedOtherOption: X,
 		otherOptionValue: W,
 		setOtherOptionValue: G,
@@ -624,7 +624,7 @@ var _e = b((e, n) => {
 		W,
 		G,
 		d
-	]), { refs: pe, floatingStyles: me, getReferenceProps: he, getFloatingProps: _e, referenceStyle: ve } = l({
+	]), { refs: $, floatingStyles: he, getReferenceProps: _e, getFloatingProps: ve, referenceStyle: ye } = l({
 		isOpen: q,
 		close: () => {
 			Y(!1);
@@ -637,13 +637,16 @@ var _e = b((e, n) => {
 			x: 0,
 			y: 4
 		}
-	}), ye = S(() => {
-		X && (G(""), d?.("")), Y(!1), U.current.clear(), K(M === I.SINGLE ? void 0 : []);
+	}), be = O(() => {
+		let e = q ? M?.() : void 0;
+		return e?.nodeType === 1 ? e : void 0;
+	}, [q, M]), xe = be ? "custom-popup-container" : "default-popup-container", Se = S(() => {
+		X && (G(""), d?.("")), Y(!1), U.current.clear(), K(N === F.SINGLE ? void 0 : []);
 	}, [
 		X,
 		d,
 		K,
-		M,
+		N,
 		Y
 	]);
 	return E(n, () => ({
@@ -651,34 +654,34 @@ var _e = b((e, n) => {
 		setOtherOptionValue: (e) => {
 			G(e), d?.(e);
 		}
-	}), [W, d]), /* @__PURE__ */ g(se.Provider, {
-		value: $,
-		children: /* @__PURE__ */ g(ce.Provider, {
-			value: de,
-			children: /* @__PURE__ */ g(le.Provider, {
-				value: fe,
+	}), [W, d]), /* @__PURE__ */ g(ce.Provider, {
+		value: Q,
+		children: /* @__PURE__ */ g(le.Provider, {
+			value: pe,
+			children: /* @__PURE__ */ g(ue.Provider, {
+				value: me,
 				children: /* @__PURE__ */ _("div", {
 					className: j("bsy-select-container text-sm", e.className),
 					style: e.style,
 					children: [
 						/* @__PURE__ */ g("div", {
-							ref: pe.setReference,
+							ref: $.setReference,
 							className: j("bsy-select-input-event", e.inputClassName),
-							...he(),
-							style: ve,
+							..._e(),
+							style: ye,
 							onClick: () => {
 								e.disabled || Y(!0);
 							},
 							role: "combobox",
 							"aria-expanded": q,
 							"aria-haspopup": "listbox",
-							"aria-controls": P,
+							"aria-controls": ae,
 							"aria-disabled": s,
-							children: /* @__PURE__ */ g(ue, {
-								mode: M,
+							children: /* @__PURE__ */ g(fe, {
+								mode: N,
 								clearable: o,
 								disabled: s,
-								placeholder: c || N("select"),
+								placeholder: c || P("select"),
 								labelRender: u,
 								options: r,
 								type: i,
@@ -687,24 +690,27 @@ var _e = b((e, n) => {
 								ghost: y,
 								inputValueStyle: b,
 								tagStyle: x,
-								onClear: ye
+								onClear: Se
 							})
 						}),
-						/* @__PURE__ */ g(ie, { children: /* @__PURE__ */ g(re, { children: q && /* @__PURE__ */ _(h, { children: [e.showMask && /* @__PURE__ */ g("div", {
-							className: "bsy-select-mask",
-							style: { zIndex: w }
-						}), /* @__PURE__ */ g("div", {
-							ref: pe.setFloating,
-							style: me,
-							..._e(),
-							id: P,
-							children: /* @__PURE__ */ g(ge, {
-								...e,
-								options: r,
-								onPopupScroll: p
-							})
-						})] }) }) }),
-						Z && D === "bottom" ? e.otherOptionRender ? e.otherOptionRender(W, r) : /* @__PURE__ */ g("div", {
+						/* @__PURE__ */ g(ie, {
+							root: be,
+							children: /* @__PURE__ */ g(re, { children: q && /* @__PURE__ */ _(h, { children: [e.showMask && /* @__PURE__ */ g("div", {
+								className: "bsy-select-mask",
+								style: { zIndex: w }
+							}), /* @__PURE__ */ g("div", {
+								ref: $.setFloating,
+								style: he,
+								...ve(),
+								id: ae,
+								children: /* @__PURE__ */ g(ge, {
+									...e,
+									options: r,
+									onPopupScroll: p
+								})
+							})] }) })
+						}, xe),
+						de && D === "bottom" ? e.otherOptionRender ? e.otherOptionRender(W, r) : /* @__PURE__ */ g("div", {
 							className: j("mt-[6px] w-full px-[10px] py-[7px] bg-white rounded-[4px]", "border border-[#e0e0e0]"),
 							children: /* @__PURE__ */ g("input", {
 								value: W || "",
@@ -712,7 +718,7 @@ var _e = b((e, n) => {
 									G(e.target.value), d?.(e.target.value);
 								},
 								className: "w-full outline-none border-none placeholder:text-[#999]",
-								placeholder: N("context"),
+								placeholder: P("context"),
 								"aria-label": "其他选项输入框",
 								role: "textbox"
 							})
@@ -725,4 +731,4 @@ var _e = b((e, n) => {
 });
 _e.displayName = "BsySelect";
 //#endregion
-export { I as n, L as r, _e as t };
+export { F as n, I as r, _e as t };

package/dist/Select/{SelectInputSearch-GHYAmQ3A.js → SelectInputSearch-DXPTGSc2.js}

@@ -1,5 +1,5 @@
 import { t as e } from "../Icon/Icon-BQ3Whub2.js";
-import { t } from "../vendors/useLocale-D9kAzQlB.js";
+import { t } from "../vendors/useLocale-BTz4slNW.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/Select/SelectInputSearch/SelectInputSearch.tsx
 var i = (i) => {

package/dist/Select/index.js

@@ -1,8 +1,8 @@
 import "../Icon/Icon-BQ3Whub2.js";
-import "../vendors/LocaleContext-CRlzP8UO.js";
-import "../vendors/useLocale-D9kAzQlB.js";
-import { n as e, r as t, t as n } from "./Select-Dz_xr4my.js";
-import "./SelectInputSearch-GHYAmQ3A.js";
+import "../vendors/LocaleContext-BJdHS0sH.js";
+import "../vendors/useLocale-BTz4slNW.js";
+import { n as e, r as t, t as n } from "./Select-Gkywa_sm.js";
+import "./SelectInputSearch-DXPTGSc2.js";
 import "../vendors/Tree-DJpkMB5u.js";
 import "../CheckBox/CheckBox-CkVe5Boq.js";
 import "../CheckBox/CheckBox-DIunYcfS.js";