@baishuyun/ui-base 6.4.2 → 6.5.0

package/dist/Select/{Select-OjCjCogR.js → Select-B0r9VgF6.js}

@@ -1,21 +1,21 @@
-import { t as e } from "../Icon/Icon-BQ3Whub2.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-C7BgkjCQ.js";
-import { t as s } from "../CheckBox/CheckBox-DIunYcfS.js";
-import { t as c } from "../NotFoundContent/NotFoundContent-7xV-zOG2.js";
-import { t as l } from "../vendors/useFloatingPortal-DsEtsAGW.js";
-import { first as u, isArray as d, isEmpty as f, isNil as p, noop as m } from "lodash-es";
-import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { Suspense as v, createContext as y, forwardRef as b, memo as x, useCallback as S, useContext as C, useDeferredValue as w, useId as T, useImperativeHandle as E, useLayoutEffect as D, useMemo as O, useRef as k, useState as A } from "react";
-import { Input as ee } from "antd";
+import { t as e } from "../ScrollBar/ScrollBar-CSGBOE3e.js";
+import { t } from "../Icon/Icon-SQ5tu-yG.js";
+import { t as n } from "../vendors/useLocale-DZ8XW2VL.js";
+import { n as r, t as i } from "../vendors/animations-Mlw78WYo.js";
+import { t as a } from "./SelectInputSearch-BDwg-Noi.js";
+import { n as o, t as s } from "../vendors/Tree-DqnOGJtB.js";
+import { t as c } from "../CheckBox/CheckBox-81R8QKHb.js";
+import { t as l } from "../NotFoundContent/NotFoundContent-CV9fTylQ.js";
+import { t as u } from "../vendors/useFloatingPortal-B2SDNV5C.js";
+import { first as d, isArray as f, isEmpty as p, isNil as m, noop as h } from "lodash-es";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { Suspense as y, createContext as b, forwardRef as x, memo as S, useCallback as C, useContext as w, useDeferredValue as T, useId as E, useImperativeHandle as ee, useLayoutEffect as te, useMemo as D, useRef as O, useState as k } from "react";
+import { Input as A } from "antd";
 import j from "clsx";
-import { useControllableValue as te, useHover as M, useToggle as ne } from "ahooks";
-import { AnimatePresence as re, motion as N } from "motion/react";
-import { FloatingPortal as ie } from "@floating-ui/react";
+import { useControllableValue as ne, useHover as M, useToggle as re } from "ahooks";
+import { AnimatePresence as ie, motion as N } from "motion/react";
+import { FloatingPortal as ae } from "@floating-ui/react";
 import P from "fuse.js";
-import ae from "simplebar-react";
 //#region src/components/Select/constants.ts
 var F = /* @__PURE__ */ function(e) {
 	return e.SINGLE = "single", e.MULTIPLE = "multiple", e;
@@ -32,27 +32,27 @@ var F = /* @__PURE__ */ function(e) {
 	label: "label",
 	value: "value",
 	children: "children"
-}, ce = y({
+}, ce = b({
 	value: void 0,
-	setValue: m,
+	setValue: h,
 	isOpen: !1,
-	setIsOpen: m
-}), le = y({
+	setIsOpen: h
+}), le = b({
 	fieldNames: {
 		label: "label",
 		value: "value",
 		children: "children"
 	},
 	disabled: !1
-}), ue = y({}), L = () => {
-	let e = C(ce);
+}), ue = b({}), L = () => {
+	let e = w(ce);
 	if (!e) throw Error("Select.* components must be used within a SelectStateContext provider");
 	return e;
 }, R = () => {
-	let e = C(le);
+	let e = w(le);
 	if (!e) throw Error("Select.* components must be used within a SelectConfigContext provider");
 	return e;
-}, z = () => C(ue);
+}, z = () => w(ue);
 //#endregion
 //#region src/components/Select/utils/fieldAccessor.ts
 function B(e) {
@@ -74,12 +74,12 @@ function B(e) {
 }
 //#endregion
 //#region src/components/Select/SelectInput/SelectSingleInput/SelectSingleInput.tsx
-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", {
+var V = S((e) => {
+	let { value: t, inputValueStyle: n } = e, { fieldNames: r, otherInputPosition: i } = R(), { isSelectedOtherOption: a, otherOptionValue: o } = z(), s = B(r), c = d(t), l;
+	return l = a && o && i === "inline" ? o : e.labelRender && c ? e.labelRender(c) : c ? s.getLabel(c) : "", /* @__PURE__ */ _("div", {
 		className: j("bsy-select-input-container__input-value overflow-hidden"),
 		style: n,
-		children: /* @__PURE__ */ g("div", {
+		children: /* @__PURE__ */ _("div", {
 			className: "bsy-select-input-container__input-value-text",
 			children: l
 		})
@@ -93,7 +93,7 @@ var H = {
 	"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"
-}, U = b(({ children: e, style: t, disabled: n }, r) => /* @__PURE__ */ g("div", {
+}, U = x(({ children: e, style: t, disabled: n }, r) => /* @__PURE__ */ _("div", {
 	"data-bsy-input-tag": "true",
 	className: j({
 		[H["bsy-input-tag__item"]]: !0,
@@ -103,7 +103,7 @@ var H = {
 	style: t,
 	children: e
 }));
-U.Container = (e) => /* @__PURE__ */ g("div", {
+U.Container = (e) => /* @__PURE__ */ _("div", {
 	className: j(H["bsy-input-tag__container"]),
 	children: e.children
 }), U.displayName = "BsyOptionTag";
@@ -115,9 +115,9 @@ var W = "_select_multiple_input__container_8pd2n_1", G = "_select_multiple_input
 	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 = 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(() => {
+}, Y = 4, X = S((e) => {
+	let { value: n, labelRender: r, tagStyle: i } = e, { setValue: a } = L(), { fieldNames: o, disabled: s } = R(), c = B(o), l = n?.length ?? 0, [u, d] = k(0), f = O(null), p = O(null);
+	te(() => {
 		if (!f.current) return;
 		let e = new ResizeObserver((e) => {
 			let t = e[0];
@@ -141,28 +141,28 @@ var W = "_select_multiple_input__container_8pd2n_1", G = "_select_multiple_input
 		u,
 		n.length
 	]);
-	let m = l - u, h = w(m), v = /* @__PURE__ */ g("div", {
+	let m = l - u, h = T(m), g = /* @__PURE__ */ _("div", {
 		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,
+		children: /* @__PURE__ */ v(U.Container, { children: [n?.map((e, n) => {
+			let a = (e) => /* @__PURE__ */ _("div", {
+				style: e,
 				className: j(H["bsy-input-tag__item-icon"], "cursor-pointer"),
-				children: /* @__PURE__ */ g(e, {
+				children: /* @__PURE__ */ _(t, {
 					name: "close",
 					style: { fontSize: 12 },
 					className: J.select_multiple_input__close_btn
 				})
 			});
-			return /* @__PURE__ */ _(U, {
+			return /* @__PURE__ */ v(U, {
 				style: i,
-				children: [r && r(t, a), !r && /* @__PURE__ */ _("div", {
+				children: [r && r(e, a), !r && /* @__PURE__ */ v("div", {
 					className: J.select_multiple_input__tag_content,
-					children: [/* @__PURE__ */ g("span", { children: c.getLabel(t) }), /* @__PURE__ */ g(a, {})]
+					children: [/* @__PURE__ */ _("span", { children: c.getLabel(e) }), /* @__PURE__ */ _(a, {})]
 				})]
 			}, n);
-		}), u < l && h > 0 && /* @__PURE__ */ _(U, {
+		}), u < l && h > 0 && /* @__PURE__ */ v(U, {
 			ref: p,
-			children: [`+ ${m}`, /* @__PURE__ */ g("span", {
+			children: [`+ ${m}`, /* @__PURE__ */ _("span", {
 				className: "text-[#666]",
 				children: "..."
 			})]
@@ -172,41 +172,41 @@ var W = "_select_multiple_input__container_8pd2n_1", G = "_select_multiple_input
 		let t = n.filter((t) => c.getValue(t) !== c.getValue(e));
 		a(t.map((e) => c.getValue(e)), t);
 	};
-	return /* @__PURE__ */ _("div", {
+	return /* @__PURE__ */ v("div", {
 		ref: f,
 		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", {
+		children: [g, /* @__PURE__ */ v(U.Container, { children: [n?.slice(0, u).map((e, n) => {
+			let a = (n) => /* @__PURE__ */ _("div", {
 				style: n,
 				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);
+				onClick: (t) => {
+					t.stopPropagation(), y(e);
 				},
-				children: /* @__PURE__ */ g(e, {
+				children: /* @__PURE__ */ _(t, {
 					name: "close",
 					style: { fontSize: 12 }
 				})
 			});
-			return /* @__PURE__ */ _(U, {
+			return /* @__PURE__ */ v(U, {
 				style: {
 					...i,
 					flexShrink: u === 1 ? 1 : 0
 				},
 				disabled: s,
-				children: [r && r(t, a), !r && /* @__PURE__ */ _("div", {
+				children: [r && r(e, a), !r && /* @__PURE__ */ v("div", {
 					className: J.select_multiple_input__tag_content,
-					children: [/* @__PURE__ */ g("span", {
+					children: [/* @__PURE__ */ _("span", {
 						className: "truncate",
-						children: c.getLabel(t)
-					}), /* @__PURE__ */ g(a, {})]
+						children: c.getLabel(e)
+					}), /* @__PURE__ */ _(a, {})]
 				})]
 			}, n);
-		}), u < l && h > 0 && /* @__PURE__ */ _(U, {
+		}), u < l && h > 0 && /* @__PURE__ */ v(U, {
 			ref: p,
-			children: [`+ ${m} `, /* @__PURE__ */ g("span", {
+			children: [`+ ${m} `, /* @__PURE__ */ _("span", {
 				className: "text-[#666]",
 				children: "..."
 			})]
@@ -224,10 +224,10 @@ var de = (e, t) => {
 		});
 	};
 	return r(e), n;
-}, 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];
+}, fe = ({ placeholder: e, mode: n, clearable: r, onClear: a, disabled: o = !1, labelRender: s, options: c = [], type: l, prefix: u, suffixIcon: d, ghost: p, inputValueStyle: h, tagStyle: y }) => {
+	let b = O(null), x = M(o ? null : b), { isOpen: S, value: C, getCachedOptionByValue: w } = L(), { fieldNames: T } = R(), E = D(() => {
+		if (m(C)) return [];
+		let e = f(C) ? C : [C];
 		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);
@@ -240,40 +240,40 @@ var de = (e, t) => {
 		T,
 		w
 	]);
-	return /* @__PURE__ */ g("div", {
+	return /* @__PURE__ */ _("div", {
 		className: j("bsy-select-input-container", {
 			disabled: o,
 			multiple: n === F.MULTIPLE,
 			active: S,
-			"ghost-style": m
+			"ghost-style": p
 		}),
 		ref: b,
-		children: /* @__PURE__ */ _("div", {
+		children: /* @__PURE__ */ v("div", {
 			className: j("bsy-select-input-container-input"),
 			children: [
-				u && /* @__PURE__ */ g("div", {
+				u && /* @__PURE__ */ _("div", {
 					className: "bsy-select-input-container-input-prefix",
 					children: u
 				}),
-				E?.length ? /* @__PURE__ */ _(h, { children: [n === F.SINGLE && /* @__PURE__ */ g(V, {
+				E?.length ? /* @__PURE__ */ v(g, { children: [n === F.SINGLE && /* @__PURE__ */ _(V, {
 					value: E,
 					labelRender: s,
-					inputValueStyle: v
-				}), n === F.MULTIPLE && /* @__PURE__ */ g(X, {
+					inputValueStyle: h
+				}), n === F.MULTIPLE && /* @__PURE__ */ _(X, {
 					value: E,
 					labelRender: s,
 					tagStyle: y
-				})] }) : /* @__PURE__ */ g("div", {
+				})] }) : /* @__PURE__ */ _("div", {
 					className: "bsy-select-input-container__input-value-placeholder truncate",
-					children: t
+					children: e
 				}),
-				/* @__PURE__ */ g("div", {
+				/* @__PURE__ */ _("div", {
 					className: j("bsy-select-input-container__icon"),
-					children: /* @__PURE__ */ g(re, {
+					children: /* @__PURE__ */ _(ie, {
 						mode: "wait",
-						children: E?.length && i && x ? /* @__PURE__ */ g(N.div, {
-							...r,
-							children: /* @__PURE__ */ g(e, {
+						children: E?.length && r && x ? /* @__PURE__ */ _(N.div, {
+							...i,
+							children: /* @__PURE__ */ _(t, {
 								name: "cancel",
 								className: "icon hover:text-[#0265ff] text-[#666]",
 								role: "button",
@@ -282,9 +282,9 @@ var de = (e, t) => {
 									e.stopPropagation(), a?.();
 								}
 							})
-						}, "cancel") : /* @__PURE__ */ g(N.div, {
-							...r,
-							children: f ? f(S, o) : /* @__PURE__ */ g(e, {
+						}, "cancel") : /* @__PURE__ */ _(N.div, {
+							...i,
+							children: d ? d(S, o) : /* @__PURE__ */ _(t, {
 								name: "arrow-down",
 								className: j("icon", {
 									active: S,
@@ -302,13 +302,13 @@ var de = (e, t) => {
 fe.displayName = "BsySelectInput";
 //#endregion
 //#region src/components/Select/OptionList/SingleOptionList/SingleOptionList.tsx
-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", {
+var Z = S((e) => {
+	let { options: t, value: n, onSelect: r, searchValue: i = "", fieldNames: a, optionRender: s, optionStyle: c } = e, { otherInputPosition: l } = R(), { otherOptionValue: u, setOtherOptionValue: d, onOtherInputChange: f, isSelectedOtherOption: p = !1 } = z(), m = O(null), h = B(a);
+	return /* @__PURE__ */ _("ul", {
 		role: "listbox",
 		children: t.map((e, t) => {
-			let o = h.getValue(e), v = h.getLabel(e), y = e.systemField || !1, b = e.isOther === !0, x = b && l === "inline" && v.length > 6 ? v.slice(0, 6) + "..." : v, S = b ? p : o === n;
-			return /* @__PURE__ */ _("li", {
+			let a = h.getValue(e), g = h.getLabel(e), y = e.systemField || !1, b = e.isOther === !0, x = b && l === "inline" && g.length > 6 ? g.slice(0, 6) + "..." : g, S = b ? p : a === n;
+			return /* @__PURE__ */ v("li", {
 				role: "option",
 				"aria-selected": S,
 				className: j("cursor-pointer rounded-[4px] py-[7px] px-[10px] min-h-[34px]", {
@@ -319,19 +319,19 @@ var Z = x((e) => {
 				}),
 				style: c,
 				onClick: () => {
-					r(o, e);
+					r(a, e);
 				},
-				children: [/* @__PURE__ */ g("div", {
-					title: v,
-					children: s ? s(e, { index: t }, S) : /* @__PURE__ */ g(a, {
+				children: [/* @__PURE__ */ _("div", {
+					title: g,
+					children: s ? s(e, { index: t }, S) : /* @__PURE__ */ _(o, {
 						text: x,
 						highlight: i
 					})
-				}), b && l === "inline" && /* @__PURE__ */ g("div", {
+				}), b && l === "inline" && /* @__PURE__ */ _("div", {
 					className: "ml-2 flex-1",
 					onClick: (e) => e.stopPropagation(),
 					style: { minWidth: "146px" },
-					children: /* @__PURE__ */ g(ee, {
+					children: /* @__PURE__ */ _(A, {
 						ref: m,
 						value: u,
 						onChange: (e) => {
@@ -339,15 +339,15 @@ var Z = x((e) => {
 							d?.(t), f?.(t);
 						},
 						onPressEnter: () => {
-							u && r(o, e);
+							u && r(a, e);
 						},
 						onBlur: () => {
-							u && r(o, e);
+							u && r(a, e);
 						},
 						placeholder: "请输入内容"
 					})
 				})]
-			}, `${o}-${t}`);
+			}, `${a}-${t}`);
 		})
 	});
 });
@@ -355,41 +355,41 @@ Z.displayName = "BsySingleSelect";
 //#endregion
 //#region src/components/Select/OptionList/MultOptionList/MultOptionList.tsx
 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", {
+	let { t } = n(), { options: r, searchValue: i = "", value: a, onSelect: s, fieldNames: l, optionRender: u } = e, d = B(l), f = a || [], p = r.filter((e) => !e.isOther), m = p.length > 0 && p.every((e) => f.includes(d.getValue(e)));
+	return /* @__PURE__ */ _("div", {
 		className: "bsy-multiple-select",
-		children: /* @__PURE__ */ _("ul", {
+		children: /* @__PURE__ */ v("ul", {
 			className: "bsy-multiple-select-list",
-			children: [/* @__PURE__ */ g("li", {
+			children: [/* @__PURE__ */ _("li", {
 				className: j("flex items-center gap-[8px]", "cursor-pointer hover:bg-[#eff0f6] rounded-[4px] min-h-[34px]", "bsy-multiple-select-item"),
-				children: /* @__PURE__ */ g(s, {
+				children: /* @__PURE__ */ _(c, {
 					checked: m,
 					onChange: () => {
-						c(m ? [] : p.map((e) => d.getValue(e)), m ? [] : p.filter((e) => f.includes(d.getValue(e))));
+						s(m ? [] : p.map((e) => d.getValue(e)), m ? [] : p.filter((e) => f.includes(d.getValue(e))));
 					},
 					indeterminate: f.length > 0 && f.length < p.length,
 					style: { padding: "7px 10px" },
-					children: /* @__PURE__ */ g("span", {
+					children: /* @__PURE__ */ _("span", {
 						className: "font-bold text-[#0265ff]",
-						children: n(i ? "allSelectedBySearch" : "allSelect")
+						children: t(i ? "allSelectedBySearch" : "allSelect")
 					})
 				})
-			}), /* @__PURE__ */ g(s.Group, {
+			}), /* @__PURE__ */ _(c.Group, {
 				value: f,
 				onChange: (e) => {
-					c(e, p.filter((t) => e.includes(d.getValue(t))));
+					s(e, p.filter((t) => e.includes(d.getValue(t))));
 				},
 				children: p.map((e, t) => {
-					let n = d.getValue(e), r = d.getLabel(e), o = f.includes(n), c = e.systemField || !1;
-					return /* @__PURE__ */ g("li", {
+					let n = d.getValue(e), r = d.getLabel(e), a = f.includes(n), s = e.systemField || !1;
+					return /* @__PURE__ */ _("li", {
 						className: j("flex items-center gap-[8px] min-h-[34px]", "cursor-pointer  rounded-[4px]", "bsy-multiple-select-item", {
 							"hover:bg-[#eff0f6]": !0,
-							"text-[#4d609f]": c && !o
+							"text-[#4d609f]": s && !a
 						}),
-						children: /* @__PURE__ */ g(s, {
+						children: /* @__PURE__ */ _(c, {
 							value: n,
 							style: { padding: "7px 10px" },
-							children: u ? u(e, { index: t }, o) : /* @__PURE__ */ g(a, {
+							children: u ? u(e, { index: t }, a) : /* @__PURE__ */ _(o, {
 								text: r,
 								highlight: i
 							})
@@ -405,11 +405,11 @@ Q.displayName = "BsyMultipleSelect";
 //#region src/components/Select/OptionList/TreeOptionList/TreeOptionList.tsx
 var pe = (e) => {
 	let { options: t, searchValue: n, value: r, onSelect: i, fieldNames: a } = e;
-	return /* @__PURE__ */ g("div", {
+	return /* @__PURE__ */ _("div", {
 		className: "bsy-tree-select",
-		children: /* @__PURE__ */ g("div", {
+		children: /* @__PURE__ */ _("div", {
 			className: "bsy-tree-select-nodes",
-			children: /* @__PURE__ */ g(o, {
+			children: /* @__PURE__ */ _(s, {
 				data: t,
 				searchValue: n,
 				fieldNames: a ? {
@@ -438,48 +438,48 @@ var pe = (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 } = L(), { fieldNames: m } = R(), _ = O(() => i === I.TREE ? me(n, m) : n, [
-		n,
+	let { options: t = [], searchValue: r = "", type: i, filterOption: a, optionRender: o, optionStyle: s } = e, { t: c } = n(), { value: u, setIsOpen: d, setValue: f } = L(), { fieldNames: m } = R(), h = D(() => i === I.TREE ? me(t, m) : t, [
+		t,
 		m,
 		i
-	]), v = O(() => new P(_, {
+	]), v = D(() => new P(h, {
 		keys: [m.label],
 		ignoreLocation: !0,
 		threshold: .3
-	}), [_, m]), y = S((e, t) => {
-		d?.(!1), p(e, t);
-	}, [d, p]), b = S((e, t) => {
-		p(e, t);
-	}, [p]), x = S((e, t) => {
-		d?.(!1), p(e, t);
-	}, [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 === I.TREE ? $(n, t, m) : n.filter((e) => t.has(e[m.value]));
+	}), [h, m]), y = C((e, t) => {
+		d?.(!1), f(e, t);
+	}, [d, f]), b = C((e, t) => {
+		f(e, t);
+	}, [f]), x = C((e, t) => {
+		d?.(!1), f(e, t);
+	}, [d, f]), S = () => {
+		if (!a || p(r)) return t;
+		let e = v.search(r), n = new Set(e.map((e) => e.item[m.value]));
+		return i === I.TREE ? $(t, n, m) : t.filter((e) => n.has(e[m.value]));
 	};
-	return /* @__PURE__ */ g(h, { children: (() => {
+	return /* @__PURE__ */ _(g, { children: (() => {
 		let e = {
-			options: C(),
+			options: S(),
 			searchValue: r,
 			optionStyle: s
 		};
-		if (!f(r) && e.options.length === 0) return /* @__PURE__ */ g(c, { text: l("noDataFound") });
+		if (!p(r) && e.options.length === 0) return /* @__PURE__ */ _(l, { text: c("noDataFound") });
 		switch (i) {
-			case I.SINGLE: return /* @__PURE__ */ g(Z, {
+			case I.SINGLE: return /* @__PURE__ */ _(Z, {
 				...e,
 				value: u,
 				fieldNames: m,
 				onSelect: y,
 				optionRender: o
 			});
-			case I.MULTIPLE: return /* @__PURE__ */ g(Q, {
+			case I.MULTIPLE: return /* @__PURE__ */ _(Q, {
 				...e,
 				value: u,
 				fieldNames: m,
 				onSelect: b,
 				optionRender: o
 			});
-			case I.TREE: return /* @__PURE__ */ g(pe, {
+			case I.TREE: return /* @__PURE__ */ _(pe, {
 				...e,
 				value: u,
 				fieldNames: m,
@@ -488,34 +488,33 @@ var pe = (e) => {
 			default: return null;
 		}
 	})() });
-}, ge = (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,
-		options: r,
-		type: a,
-		filterOption: o,
-		optionRender: e.optionRender,
-		optionStyle: e.optionStyle
-	}), x = (e) => {
-		let t = e?.currentTarget ? e : { currentTarget: e };
-		d?.(t);
-	};
-	return /* @__PURE__ */ g(N.div, {
-		...n,
-		children: /* @__PURE__ */ g("div", {
+}, ge = (t) => {
+	let { options: i = [], type: o = I.SINGLE, filterOption: s = !0, onSearch: c, showSearch: u, searchPlaceholder: d, onPopupScroll: f } = t, { t: p } = n(), { searchValue: m = "", setSearchValue: h } = L(), g = T(m), b = (e) => {
+		h?.(e), c?.(e);
+	}, x = () => t.fetching ? /* @__PURE__ */ _(l, { text: p("dataSearching") }) : i.length === 0 && !m ? /* @__PURE__ */ _(l, { text: p("noData") }) : /* @__PURE__ */ _(he, {
+		searchValue: g,
+		options: i,
+		type: o,
+		filterOption: s,
+		optionRender: t.optionRender,
+		optionStyle: t.optionStyle
+	}), S = C((e) => {
+		f?.(e);
+	}, [f]);
+	return /* @__PURE__ */ _(N.div, {
+		...r,
+		children: /* @__PURE__ */ _("div", {
 			className: "bsy-select-panel",
-			children: /* @__PURE__ */ _(v, { children: [l && /* @__PURE__ */ g(i, {
-				value: p,
-				onChange: y,
-				searchPlaceholder: u
-			}), /* @__PURE__ */ g("div", {
-				className: j({ "pt-[4px]": l }),
-				children: /* @__PURE__ */ g(ae, {
+			children: /* @__PURE__ */ v(y, { children: [u && /* @__PURE__ */ _(a, {
+				value: m,
+				onChange: b,
+				searchPlaceholder: d
+			}), /* @__PURE__ */ _("div", {
+				className: j({ "pt-[4px]": u }),
+				children: /* @__PURE__ */ _(e, {
 					style: { maxHeight: 300 },
-					onScroll: x,
-					children: b()
+					onScroll: S,
+					children: x()
 				})
 			})] })
 		})
@@ -524,18 +523,18 @@ var pe = (e) => {
 ge.displayName = "BsySelectPanel";
 //#endregion
 //#region src/components/Select/Select.tsx
-var _e = b((e, n) => {
-	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 : [],
+var _e = x((e, t) => {
+	let { options: r = [], type: i = I.SINGLE, fieldNames: a, clearable: o = !0, disabled: s = !1, placeholder: c, labelRender: l, onOtherInputChange: d, onOpenChange: f, onPopupScroll: p, prefix: m, suffixIcon: h, ghost: y, inputValueStyle: b, tagStyle: x, zIndex: S = 1101, zIndexMask: w = 1100, otherInputPosition: T = "bottom", popupMinWidth: te, getPopupContainer: A } = e, M = oe[i], { t: N } = n(), P = E(), { onChange: L } = e, R = a || se, [z, B] = ne(e, {
+		defaultValue: M === F.SINGLE ? void 0 : [],
 		defaultValuePropName: "defaultValue",
 		valuePropName: "value",
 		trigger: "__NO_CUSTOM_CHANGE__"
-	}), [V, H] = A(""), U = k(/* @__PURE__ */ new Map()), [W, G] = A(() => {
-		if (N === F.SINGLE) {
+	}), [V, H] = k(""), U = O(/* @__PURE__ */ new Map()), [W, G] = k(() => {
+		if (M === F.SINGLE) {
 			let e = r.every((e) => e[R.value] !== z), t = r.find((e) => e.isOther === !0);
 			return e && t ? z : void 0;
 		}
-	}), K = S((e, t) => {
+	}), K = C((e, t) => {
 		if (B(e), t) {
 			let n = /* @__PURE__ */ new Map();
 			if (Array.isArray(e)) {
@@ -552,14 +551,14 @@ var _e = b((e, n) => {
 		L,
 		B,
 		R
-	]), [q, { set: J }] = ne(!1), Y = S((e) => {
+	]), [q, { set: J }] = re(!1), Y = C((e) => {
 		e !== q && (J(e), f?.(e));
 	}, [
 		J,
 		f,
 		q
-	]), { isSelectedOtherOption: X, shouldShowOtherInput: de } = O(() => {
-		if (N === F.MULTIPLE) return {
+	]), { isSelectedOtherOption: X, shouldShowOtherInput: de } = D(() => {
+		if (M === F.MULTIPLE) return {
 			isSelectedOtherOption: !1,
 			shouldShowOtherInput: !1
 		};
@@ -578,10 +577,10 @@ var _e = b((e, n) => {
 		z,
 		r,
 		R,
-		N
-	]), Z = S(() => {
+		M
+	]), Z = C(() => {
 		if (z) {
-			if (N === F.SINGLE) {
+			if (M === 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,8 +590,8 @@ var _e = b((e, n) => {
 		z,
 		r,
 		R,
-		N
-	]), Q = O(() => ({
+		M
+	]), Q = D(() => ({
 		value: Z(),
 		setValue: K,
 		isOpen: q,
@@ -606,15 +605,15 @@ var _e = b((e, n) => {
 		q,
 		Y,
 		V
-	]), pe = O(() => ({
+	]), pe = D(() => ({
 		fieldNames: a || se,
 		disabled: s,
-		otherInputPosition: D
+		otherInputPosition: T
 	}), [
 		a,
 		s,
-		D
-	]), me = O(() => ({
+		T
+	]), me = D(() => ({
 		isSelectedOtherOption: X,
 		otherOptionValue: W,
 		setOtherOptionValue: G,
@@ -624,47 +623,47 @@ var _e = b((e, n) => {
 		W,
 		G,
 		d
-	]), { refs: $, floatingStyles: he, getReferenceProps: _e, getFloatingProps: ve, referenceStyle: ye } = l({
+	]), { refs: $, floatingStyles: he, getReferenceProps: _e, getFloatingProps: ve, referenceStyle: ye } = u({
 		isOpen: q,
 		close: () => {
 			Y(!1);
 		},
 		showMask: e.showMask,
-		zIndex: C,
+		zIndex: S,
 		zIndexMask: w,
-		popupMinWidth: ee,
+		popupMinWidth: te,
 		offset: {
 			x: 0,
 			y: 4
 		}
-	}), be = O(() => {
-		let e = q ? M?.() : void 0;
+	}), be = D(() => {
+		let e = q ? A?.() : 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 : []);
+	}, [q, A]), xe = be ? "custom-popup-container" : "default-popup-container", Se = C(() => {
+		X && (G(""), d?.("")), Y(!1), U.current.clear(), K(M === F.SINGLE ? void 0 : []);
 	}, [
 		X,
 		d,
 		K,
-		N,
+		M,
 		Y
 	]);
-	return E(n, () => ({
+	return ee(t, () => ({
 		getOtherOptionValue: () => W,
 		setOtherOptionValue: (e) => {
 			G(e), d?.(e);
 		}
-	}), [W, d]), /* @__PURE__ */ g(ce.Provider, {
+	}), [W, d]), /* @__PURE__ */ _(ce.Provider, {
 		value: Q,
-		children: /* @__PURE__ */ g(le.Provider, {
+		children: /* @__PURE__ */ _(le.Provider, {
 			value: pe,
-			children: /* @__PURE__ */ g(ue.Provider, {
+			children: /* @__PURE__ */ _(ue.Provider, {
 				value: me,
-				children: /* @__PURE__ */ _("div", {
+				children: /* @__PURE__ */ v("div", {
 					className: j("bsy-select-container text-sm", e.className),
 					style: e.style,
 					children: [
-						/* @__PURE__ */ g("div", {
+						/* @__PURE__ */ _("div", {
 							ref: $.setReference,
 							className: j("bsy-select-input-event", e.inputClassName),
 							..._e(),
@@ -675,50 +674,50 @@ var _e = b((e, n) => {
 							role: "combobox",
 							"aria-expanded": q,
 							"aria-haspopup": "listbox",
-							"aria-controls": ae,
+							"aria-controls": P,
 							"aria-disabled": s,
-							children: /* @__PURE__ */ g(fe, {
-								mode: N,
+							children: /* @__PURE__ */ _(fe, {
+								mode: M,
 								clearable: o,
 								disabled: s,
-								placeholder: c || P("select"),
-								labelRender: u,
+								placeholder: c || N("select"),
+								labelRender: l,
 								options: r,
 								type: i,
 								prefix: m,
-								suffixIcon: v,
+								suffixIcon: h,
 								ghost: y,
 								inputValueStyle: b,
 								tagStyle: x,
 								onClear: Se
 							})
 						}),
-						/* @__PURE__ */ g(ie, {
+						/* @__PURE__ */ _(ae, {
 							root: be,
-							children: /* @__PURE__ */ g(re, { children: q && /* @__PURE__ */ _(h, { children: [e.showMask && /* @__PURE__ */ g("div", {
+							children: /* @__PURE__ */ _(ie, { children: q && /* @__PURE__ */ v(g, { children: [e.showMask && /* @__PURE__ */ _("div", {
 								className: "bsy-select-mask",
 								style: { zIndex: w }
-							}), /* @__PURE__ */ g("div", {
+							}), /* @__PURE__ */ _("div", {
 								ref: $.setFloating,
 								style: he,
 								...ve(),
-								id: ae,
-								children: /* @__PURE__ */ g(ge, {
+								id: P,
+								children: /* @__PURE__ */ _(ge, {
 									...e,
 									options: r,
 									onPopupScroll: p
 								})
 							})] }) })
 						}, xe),
-						de && D === "bottom" ? e.otherOptionRender ? e.otherOptionRender(W, r) : /* @__PURE__ */ g("div", {
+						de && T === "bottom" ? e.otherOptionRender ? e.otherOptionRender(W, r) : /* @__PURE__ */ _("div", {
 							className: j("mt-[6px] w-full px-[10px] py-[7px] bg-white rounded-[4px]", "border border-[#e0e0e0]"),
-							children: /* @__PURE__ */ g("input", {
+							children: /* @__PURE__ */ _("input", {
 								value: W || "",
 								onChange: (e) => {
 									G(e.target.value), d?.(e.target.value);
 								},
 								className: "w-full outline-none border-none placeholder:text-[#999]",
-								placeholder: P("context"),
+								placeholder: N("context"),
 								"aria-label": "其他选项输入框",
 								role: "textbox"
 							})