@baishuyun/ui-base 2.3.2 → 2.3.4

package/dist/Card/{Card-BE6v4I-A.js → Card-CaKTq_1y.js}

@@ -1,7 +1,7 @@
-import { t as e } from "../Icon/Icon-DppVOyPK.js";
-import { t } from "../vendors/clsx-DNOE4Gl8.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { useCallback as i, useMemo as a, useState as o } from "react";
+import { t as e } from "../Icon/Icon-CTZCSuVg.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useCallback as r, useMemo as i, useState as a } from "react";
+import o from "clsx";
 //#region src/components/Card/Card.module.scss
 var s = {
 	"bsy-card": "_bsy-card_myftj_1",
@@ -14,23 +14,23 @@ var s = {
 	"bsy-card__content--expanded": "_bsy-card__content--expanded_myftj_52",
 	"bsy-card__content-inner": "_bsy-card__content-inner_myftj_55"
 }, c = ({ title: c, children: l, minWidth: u = 240, defaultExpanded: d = !1, expanded: f, onExpandedChange: p, className: m, style: h, styles: g }) => {
-	let [_, v] = o(d), y = f ?? _, b = i(() => {
+	let [_, v] = a(d), y = f ?? _, b = r(() => {
 		let e = !y;
 		f === void 0 && v(e), p?.(e);
 	}, [
 		y,
 		f,
 		p
-	]), x = i((e) => {
+	]), x = r((e) => {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), b());
-	}, [b]), S = a(() => ({
+	}, [b]), S = i(() => ({
 		minWidth: `${u}px`,
 		...h
 	}), [u, h]);
-	return /* @__PURE__ */ r("div", {
-		className: t(s["bsy-card"], m),
+	return /* @__PURE__ */ n("div", {
+		className: o(s["bsy-card"], m),
 		style: S,
-		children: [/* @__PURE__ */ r("div", {
+		children: [/* @__PURE__ */ n("div", {
 			className: s["bsy-card__header"],
 			onClick: b,
 			onKeyDown: x,
@@ -39,24 +39,24 @@ var s = {
 			"aria-expanded": y,
 			"aria-controls": "card-content",
 			style: g?.header,
-			children: [/* @__PURE__ */ n("div", {
+			children: [/* @__PURE__ */ t("div", {
 				className: s["bsy-card__title"],
 				id: "card-title",
 				role: "heading",
 				children: c
-			}), /* @__PURE__ */ n("div", {
+			}), /* @__PURE__ */ t("div", {
 				className: s["bsy-card__icon-container"],
-				children: /* @__PURE__ */ n(e, {
+				children: /* @__PURE__ */ t(e, {
 					name: "xialakuangxiala1",
-					className: t(s["bsy-card__icon"], y && s["bsy-card__icon--expanded"])
+					className: o(s["bsy-card__icon"], y && s["bsy-card__icon--expanded"])
 				})
 			})]
-		}), /* @__PURE__ */ n("div", {
+		}), /* @__PURE__ */ t("div", {
 			id: "card-content",
 			role: "region",
 			"aria-labelledby": "card-title",
-			className: t(s["bsy-card__content"], y && s["bsy-card__content--expanded"]),
-			children: /* @__PURE__ */ n("div", {
+			className: o(s["bsy-card__content"], y && s["bsy-card__content--expanded"]),
+			children: /* @__PURE__ */ t("div", {
 				className: s["bsy-card__content-inner"],
 				style: g?.body,
 				children: l

package/dist/Card/index.js

@@ -1,3 +1,3 @@
-import "../Icon/Icon-DppVOyPK.js";
-import { t as e } from "./Card-BE6v4I-A.js";
+import "../Icon/Icon-CTZCSuVg.js";
+import { t as e } from "./Card-CaKTq_1y.js";
 export { e as default };

package/dist/CheckBox/CheckBox-Cz6KW9Lw.js

@@ -0,0 +1,33 @@
+import { n as e, r as t, t as n } from "./CheckBox-l__wOnmH.js";
+import { jsx as r } from "react/jsx-runtime";
+import i from "clsx";
+import { useControllableValue as a } from "ahooks";
+//#region src/components/CheckBox/Group.tsx
+var o = ({ disabled: n, layout: o = e.NONE, children: s, className: c, ...l }) => {
+	let [u, d] = a(l, {
+		defaultValue: [],
+		valuePropName: "value",
+		defaultValuePropName: "defaultValue",
+		trigger: "onChange"
+	}), f = i("flex", {
+		"flex-col": o === e.NONE,
+		"flex-col gap-[10px]": o === e.VERTICAL,
+		"flex-row gap-y-[10px] gap-x-[20px] flex-wrap": o === e.HORIZONTAL,
+		[c || ""]: !!c
+	});
+	return /* @__PURE__ */ r(t.Provider, {
+		value: {
+			value: u,
+			onChange: d,
+			disabled: n,
+			layout: o
+		},
+		children: /* @__PURE__ */ r("div", {
+			className: f,
+			children: s
+		})
+	});
+}, s = n;
+s.Group = o;
+//#endregion
+export { s as t };

package/dist/CheckBox/{CheckBox--rXaUgMO.js → CheckBox-l__wOnmH.js}

@@ -1,10 +1,10 @@
-import { t as e } from "../vendors/lodash-es-Bu9xU1fK.js";
-import { t } from "../Icon/Icon-DppVOyPK.js";
-import { t as n } from "../vendors/clsx-DNOE4Gl8.js";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { createContext as a, forwardRef as o, useContext as s } from "react";
+import { t as e } from "../Icon/Icon-CTZCSuVg.js";
+import { uniqueId as t } from "lodash-es";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { createContext as i, forwardRef as a, useContext as o } from "react";
+import s from "clsx";
 //#region src/components/CheckBox/context/context.ts
-var c = a(null), l = "_checkbox_vheru_1", u = "_checkbox__inner_vheru_32", d = {
+var c = i(null), l = "_checkbox_vheru_1", u = "_checkbox__inner_vheru_32", d = {
 	checkbox: l,
 	"checkbox--checked": "_checkbox--checked_vheru_12",
 	"checkbox--unchecked": "_checkbox--unchecked_vheru_16",
@@ -12,19 +12,19 @@ var c = a(null), l = "_checkbox_vheru_1", u = "_checkbox__inner_vheru_32", d = {
 	"checkbox--disabled": "_checkbox--disabled_vheru_27",
 	checkbox__inner: u,
 	"checkbox__inner--disabled": "_checkbox__inner--disabled_vheru_38"
-}, f = ({ isChecked: e = !1, indeterminate: a = !1, disabled: o = !1 }) => {
-	let s = a ? "indeterminate" : e ? "checked" : "unchecked", c = n(d.checkbox, {
-		[d["checkbox--checked"]]: !o && s === "checked",
-		[d["checkbox--unchecked"]]: !o && s === "unchecked",
-		[d["checkbox--indeterminate"]]: !o && s === "indeterminate",
-		[d["checkbox--disabled"]]: o
-	}), l = n(d.checkbox__inner, { [d["checkbox__inner--disabled"]]: o });
-	return /* @__PURE__ */ i("div", {
+}, f = ({ isChecked: t = !1, indeterminate: i = !1, disabled: a = !1 }) => {
+	let o = i ? "indeterminate" : t ? "checked" : "unchecked", c = s(d.checkbox, {
+		[d["checkbox--checked"]]: !a && o === "checked",
+		[d["checkbox--unchecked"]]: !a && o === "unchecked",
+		[d["checkbox--indeterminate"]]: !a && o === "indeterminate",
+		[d["checkbox--disabled"]]: a
+	}), l = s(d.checkbox__inner, { [d["checkbox__inner--disabled"]]: a });
+	return /* @__PURE__ */ r("div", {
 		className: c,
-		children: [s === "checked" && /* @__PURE__ */ r(t, {
+		children: [o === "checked" && /* @__PURE__ */ n(e, {
 			name: "checkthebox",
-			color: o ? "#b8b8b8" : "#fff"
-		}), s === "indeterminate" && /* @__PURE__ */ r("div", { className: l })]
+			color: a ? "#b8b8b8" : "#fff"
+		}), o === "indeterminate" && /* @__PURE__ */ n("div", { className: l })]
 	});
 }, p = /* @__PURE__ */ function(e) {
 	return e.NONE = "none", e.HORIZONTAL = "horizontal", e.VERTICAL = "vertical", e;
@@ -38,24 +38,24 @@ var c = a(null), l = "_checkbox_vheru_1", u = "_checkbox__inner_vheru_32", d = {
 	"bsy-checkbox__button--checked": "_bsy-checkbox__button--checked_1372g_34",
 	"bsy-checkbox__button--unchecked": "_bsy-checkbox__button--unchecked_1372g_38",
 	"bsy-checkbox__button--left-label": "_bsy-checkbox__button--left-label_1372g_45"
-}, h = o((t, a) => {
-	let { checked: o, indeterminate: l = !1, onChange: u, value: d = e("checkbox"), disabled: h = !1, children: g, style: _, labelPosition: v = "right" } = t, y = s(c), b = y ? y.value?.includes(d) : o, x = (e) => {
+}, h = a((e, i) => {
+	let { checked: a, indeterminate: l = !1, onChange: u, value: d = t("checkbox"), disabled: h = !1, children: g, style: _, labelPosition: v = "right" } = e, y = o(c), b = y ? y.value?.includes(d) : a, x = (e) => {
 		if (!(h || y?.disabled)) if (y) {
 			let t = e ? [...y.value || [], d] : (y.value || []).filter((e) => e !== d);
 			t && y.onChange?.(t);
 		} else u?.(e);
 	}, S = h || y?.disabled;
-	return /* @__PURE__ */ i("div", {
-		className: n(m["bsy-checkbox"], { [m["bsy-checkbox--full-width"]]: y?.layout === p.NONE || !y?.layout }),
+	return /* @__PURE__ */ r("div", {
+		className: s(m["bsy-checkbox"], { [m["bsy-checkbox--full-width"]]: y?.layout === p.NONE || !y?.layout }),
 		onClick: () => x(!b),
 		style: _,
-		children: [/* @__PURE__ */ r("div", {
-			ref: a,
+		children: [/* @__PURE__ */ n("div", {
+			ref: i,
 			role: "checkbox",
 			"aria-checked": l ? "mixed" : b,
 			tabIndex: S ? -1 : 0,
-			className: n({ [m["bsy-checkbox__button--left-label"]]: v === "left" }),
-			children: /* @__PURE__ */ r(f, {
+			className: s({ [m["bsy-checkbox__button--left-label"]]: v === "left" }),
+			children: /* @__PURE__ */ n(f, {
 				indeterminate: l,
 				isChecked: b,
 				disabled: S

package/dist/CheckBox/index.js

@@ -1,4 +1,4 @@
-import "../Icon/Icon-DppVOyPK.js";
-import "./CheckBox--rXaUgMO.js";
-import { t as e } from "./CheckBox-Db8X-pw9.js";
+import "../Icon/Icon-CTZCSuVg.js";
+import "./CheckBox-l__wOnmH.js";
+import { t as e } from "./CheckBox-Cz6KW9Lw.js";
 export { e as default };

package/dist/ColorPicker/ColorPicker-C1kG_eI-.js

@@ -0,0 +1,168 @@
+import { t as e } from "../Icon/Icon-CTZCSuVg.js";
+import { t } from "../vendors/useLocale-BXnqO-Ju.js";
+import { t as n } from "../vendors/color-CyuNdAfc.js";
+import { n as r } from "../vendors/animations-DvjIfVz9.js";
+import { isArray as i } from "lodash-es";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { cloneElement as c, isValidElement as l, useMemo as u, useRef as d, useState as f } from "react";
+import p from "clsx";
+import { useControllableValue as m } from "ahooks";
+import { ColorPicker as h } from "antd";
+import { AnimatePresence as g, motion as _ } from "motion/react";
+import { FloatingPortal as v, flip as y, offset as b, shift as x, useClick as S, useDismiss as C, useFloating as w, useInteractions as T } from "@floating-ui/react";
+import E from "tinycolor2";
+//#region src/components/ColorPicker/constants.ts
+var D = [
+	"rgba(240, 102, 72, 1)",
+	"rgba(255, 197, 2, 1)",
+	"rgba(74, 204, 140, 1)",
+	"rgba(74, 192, 236, 1)",
+	"rgba(255, 153, 33, 1)",
+	"rgba(101, 101, 101, 1)",
+	"rgba(255, 156, 136, 1)",
+	"rgba(98, 98, 206, 1)",
+	"rgba(241, 104, 182, 1)",
+	"rgba(55, 103, 241, 1)",
+	"rgba(162, 206, 30, 1)",
+	"rgba(179, 179, 179, 1)",
+	"rgba(0, 0, 0, 1)",
+	"rgba(102, 102, 102, 1)",
+	"rgba(153, 153, 153, 1)",
+	"rgba(194, 194, 194, 1)",
+	"rgba(224, 224, 224, 1)",
+	"rgba(77, 96, 159, 1)"
+], O = (e = "bottom-start") => {
+	let [t, n] = f(!1), { refs: r, floatingStyles: i, context: a } = w({
+		open: t,
+		onOpenChange: n,
+		placement: e,
+		middleware: [
+			b(4),
+			y(),
+			x({ padding: 8 })
+		]
+	}), { getReferenceProps: o, getFloatingProps: s } = T([S(a), C(a)]);
+	return {
+		isOpen: t,
+		refs: r,
+		floatingStyles: i,
+		getReferenceProps: o,
+		getFloatingProps: s,
+		setIsOpen: n
+	};
+}, k = "_preview_11t7y_62", A = {
+	"bsy-color-picker__floating": "_bsy-color-picker__floating_11t7y_1",
+	"bsy-color-picker__content": "_bsy-color-picker__content_11t7y_4",
+	"bsy-color-picker__grid": "_bsy-color-picker__grid_11t7y_11",
+	"bsy-color-picker__preset-colors-title": "_bsy-color-picker__preset-colors-title_11t7y_15",
+	"bsy-color-picker__preset-colors-grid": "_bsy-color-picker__preset-colors-grid_11t7y_19",
+	"bsy-color-picker__preset-colors-item": "_bsy-color-picker__preset-colors-item_11t7y_24",
+	"bsy-color-picker__custom-color-title": "_bsy-color-picker__custom-color-title_11t7y_48",
+	"bsy-color-picker__custom-color-btn": "_bsy-color-picker__custom-color-btn_11t7y_52",
+	preview: k,
+	"bsy-color-picker__custom-color-btn--active": "_bsy-color-picker__custom-color-btn--active_11t7y_62",
+	"bsy-color-picker__custom-color-btn--preview": "_bsy-color-picker__custom-color-btn--preview_11t7y_66",
+	"bsy-color-picker__custom-color-content": "_bsy-color-picker__custom-color-content_11t7y_69",
+	"bsy-color-picker__check-icon": "_bsy-color-picker__check-icon_11t7y_73"
+}, j = ({ currentColor: t, onColorSelect: r, options: i, style: a }) => /* @__PURE__ */ o("div", {
+	className: A["bsy-color-picker__preset-colors-grid"],
+	style: a,
+	children: i.map((i) => /* @__PURE__ */ o("div", {
+		className: A["bsy-color-picker__preset-colors-item"],
+		style: {
+			backgroundColor: i,
+			"--hover-color": E(i).setAlpha(.5).toRgbString()
+		},
+		onClick: () => r(i),
+		children: n(t, i) && /* @__PURE__ */ o(e, {
+			name: "checkthebox",
+			className: A["bsy-color-picker__check-icon"]
+		})
+	}, i))
+}), M = (e) => {
+	let { children: f, placement: p = "bottom-start", disabled: h = !1, presetColors: y, getPopupContainer: b } = e, { t: x } = t(), [S, C] = m(e, { defaultValue: e.value }), { isOpen: w, refs: T, floatingStyles: E, getReferenceProps: k, getFloatingProps: M } = O(p), P = l(f) ? c(f, {
+		...k(),
+		ref: T.setReference,
+		disabled: h
+	}) : f, F = i(y) && y.length ? y : D, I = d(F.some((e) => n(e, S)) ? [] : [S]);
+	return /* @__PURE__ */ s(a, { children: [P, /* @__PURE__ */ o(v, {
+		root: u(() => w ? b?.() : void 0, [w, b]),
+		children: /* @__PURE__ */ o(g, { children: w && /* @__PURE__ */ o("div", {
+			ref: T.setFloating,
+			style: E,
+			...M(),
+			className: A["bsy-color-picker__floating"],
+			children: /* @__PURE__ */ o(_.div, {
+				...r,
+				children: /* @__PURE__ */ o("div", {
+					className: A["bsy-color-picker__content"],
+					children: /* @__PURE__ */ s("div", {
+						className: A["bsy-color-picker__grid"],
+						children: [/* @__PURE__ */ s("div", {
+							className: A["bsy-color-picker__preset-colors"],
+							children: [/* @__PURE__ */ o("div", {
+								className: A["bsy-color-picker__preset-colors-title"],
+								children: x("presetColors")
+							}), /* @__PURE__ */ o(j, {
+								currentColor: S,
+								onColorSelect: C,
+								options: F
+							})]
+						}), /* @__PURE__ */ o(N, {
+							value: S,
+							onChange: C,
+							onColorInput: e.onColorInput,
+							options: F,
+							list: I.current
+						})]
+					})
+				})
+			})
+		}) })
+	})] });
+}, N = (n) => {
+	let { list: r } = n, [i, a] = f(), [c, l] = f(!1), { t: u } = t();
+	return /* @__PURE__ */ s("div", {
+		className: A["bsy-color-picker__custom-color"],
+		children: [/* @__PURE__ */ o("div", {
+			className: A["bsy-color-picker__custom-color-title"],
+			children: u("customColor")
+		}), /* @__PURE__ */ s("div", {
+			className: A["bsy-color-picker__custom-color-content"],
+			children: [/* @__PURE__ */ o(h, {
+				value: i,
+				onChange: (e) => {
+					let t = e.toRgbString();
+					a(t), n.onColorInput?.(t);
+				},
+				open: c,
+				onOpenChange: (e) => {
+					l(e), !e && i && (r.includes(i) || r.unshift(i), n.onChange(i), a(void 0));
+				},
+				children: /* @__PURE__ */ o("div", {
+					className: p(A["bsy-color-picker__custom-color-btn"], {
+						[A["bsy-color-picker__custom-color-btn--active"]]: c && !i,
+						[A["bsy-color-picker__custom-color-btn--preview"]]: !!i
+					}),
+					role: "button",
+					style: { backgroundColor: i || void 0 },
+					onClick: () => {
+						l(!0);
+					},
+					children: /* @__PURE__ */ o(e, {
+						name: "add",
+						style: { visibility: i ? "hidden" : "visible" }
+					})
+				})
+			}), /* @__PURE__ */ o(j, {
+				currentColor: n.value,
+				onColorSelect: n.onChange,
+				options: r.slice(0, 5),
+				style: { gridTemplateColumns: "repeat(5, 1fr)" }
+			})]
+		})]
+	});
+};
+M.displayName = "BsyColorPicker";
+//#endregion
+export { D as n, M as t };

package/dist/ColorPicker/index.js

@@ -1,6 +1,5 @@
-import "../Icon/Icon-DppVOyPK.js";
-import "../vendors/useLocale-BfT0V1j4.js";
-import { n as e, t } from "./ColorPicker-BBP-4-so.js";
-import "../vendors/tinycolor2-DToeAEPD.js";
-import "../vendors/color-BPWy9DvT.js";
+import "../Icon/Icon-CTZCSuVg.js";
+import "../vendors/useLocale-BXnqO-Ju.js";
+import { n as e, t } from "./ColorPicker-C1kG_eI-.js";
+import "../vendors/color-CyuNdAfc.js";
 export { e as COLOR_OPTIONS_RGBA, t as default };

package/dist/DropDown/DropDown-BAPBTglm.js

@@ -0,0 +1,162 @@
+import { t as e } from "../vendors/useLocale-BXnqO-Ju.js";
+import { n as t } from "../vendors/animations-DvjIfVz9.js";
+import { t as n } from "../Select/SelectInputSearch-DMY6Y9B6.js";
+import { t as r } from "../NotFoundContent/NotFoundContent-1-41e1rN.js";
+import { t as i } from "../vendors/useFloatingPortal-W4pliYWU.js";
+import { isEmpty as a, isNumber as o } from "lodash-es";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { cloneElement as u, isValidElement as d, memo as f, useMemo as p, useState as m } from "react";
+import { clsx as h } from "clsx";
+import { useControllableValue as g } from "ahooks";
+import { AnimatePresence as _, motion as v } from "motion/react";
+import { FloatingPortal as y } from "@floating-ui/react";
+import b from "fuse.js";
+import x from "simplebar-react";
+//#region src/hooks/useDropdownSearch.ts
+var S = ({ menus: e, searchValue: t, enableInternalFilter: n, searchKey: r }) => {
+	let i = p(() => new b(e, {
+		keys: [r],
+		ignoreLocation: !0,
+		threshold: .3,
+		getFn: (e, t) => {
+			let n = e[t];
+			return t === "label" && typeof n != "string" ? "" : String(n || "");
+		}
+	}), [e, r]), o = p(() => !n || a(t) ? e : i.search(t).map((e) => e.item), [
+		e,
+		t,
+		n,
+		i
+	]);
+	return {
+		filteredMenus: o,
+		hasNoResults: p(() => n && !a(t) && o.length === 0, [
+			n,
+			t,
+			o.length
+		])
+	};
+}, C = "_dropdown__trigger_11n5z_1", w = "_dropdown__panel_11n5z_7", T = "_dropdown__search_11n5z_15", E = "_dropdown__menu_11n5z_19", D = {
+	dropdown__trigger: C,
+	"dropdown__trigger--disabled": "_dropdown__trigger--disabled_11n5z_4",
+	dropdown__panel: w,
+	dropdown__search: T,
+	dropdown__menu: E,
+	"dropdown__menu-item": "_dropdown__menu-item_11n5z_22",
+	"dropdown__menu-item--disabled": "_dropdown__menu-item--disabled_11n5z_34",
+	"dropdown__menu-item--active": "_dropdown__menu-item--active_11n5z_34",
+	"dropdown__menu-item-icon": "_dropdown__menu-item-icon_11n5z_41",
+	"system-field": "_system-field_11n5z_52",
+	"dropdown__menu-item-label": "_dropdown__menu-item-label_11n5z_63"
+}, O = f(({ item: e, onClick: t, isActive: n = !1 }) => {
+	let r = () => {
+		e.disabled || t(e);
+	}, i = e.systemField || !1;
+	return /* @__PURE__ */ l("div", {
+		className: h(D["dropdown__menu-item"], {
+			[D["dropdown__menu-item--disabled"]]: e.disabled,
+			[D["dropdown__menu-item--active"]]: n && !e.disabled,
+			"text-[#4d609f]": i && !e.disabled && !n
+		}),
+		onClick: r,
+		children: [e.icon && /* @__PURE__ */ c("div", {
+			className: h(D["dropdown__menu-item-icon"], { [D["system-field"]]: i }),
+			children: e.icon
+		}), /* @__PURE__ */ c("div", {
+			className: h(D["dropdown__menu-item-label"], "truncate"),
+			children: e.label
+		})]
+	});
+});
+O.displayName = "BsyDropDownMenuItem";
+//#endregion
+//#region src/components/DropDown/MenuList/MenuList.tsx
+var k = ({ menus: t, onClick: n, hasNoResults: i, activeKey: a = [] }) => {
+	let { t: o } = e();
+	return t.length === 0 ? /* @__PURE__ */ c(r, {
+		text: o("noData"),
+		className: "px-3 py-6"
+	}) : i ? /* @__PURE__ */ c(r, {
+		text: o("noDataFound"),
+		className: "px-3 py-6"
+	}) : /* @__PURE__ */ c("div", {
+		className: D.dropdown__menu,
+		children: t.map((e) => /* @__PURE__ */ c(O, {
+			item: e,
+			onClick: n,
+			isActive: a.includes(e.key)
+		}, e.key))
+	});
+};
+k.displayName = "BsyDropDownMenuList";
+//#endregion
+//#region src/components/DropDown/DropDown.tsx
+var A = (r) => {
+	let { t: a } = e(), { children: f, menus: p, onClick: h, onSearch: b, searchKey: C = "label", showSearch: w = !0, closeOnSelect: T = !0, searchPlaceholder: E = a("search"), offset: O = {
+		x: 0,
+		y: 0
+	}, zIndex: A = 1101, style: j, activeKey: M = [] } = r, [N, P] = g(r, {
+		valuePropName: "visible",
+		defaultValue: !1,
+		trigger: "onOpenChange"
+	}), [F, I] = m(""), L = () => {
+		P(!N);
+	}, R = () => {
+		P(!1);
+	}, z = (e) => {
+		e.disabled || (h?.(e), T && R());
+	}, B = (e) => {
+		I(e), b?.(e);
+	}, { filteredMenus: V, hasNoResults: H } = S({
+		menus: p,
+		searchValue: F,
+		enableInternalFilter: !b,
+		searchKey: C
+	}), { refs: U, floatingStyles: W, getReferenceProps: G, getFloatingProps: K } = i({
+		isOpen: N,
+		close: R,
+		showMask: !1,
+		zIndex: A,
+		offset: {
+			x: o(O.x) ? O.x : 0,
+			y: o(O.y) ? O.y : 0
+		}
+	});
+	return /* @__PURE__ */ l(s, { children: [d(f) ? u(f, {
+		...G(),
+		ref: U.setReference,
+		onClick: (e) => {
+			L(), f.props.onClick?.(e);
+		}
+	}) : f, /* @__PURE__ */ c(y, { children: /* @__PURE__ */ c(_, { children: N && /* @__PURE__ */ c("div", {
+		ref: U.setFloating,
+		...K(),
+		style: W,
+		children: /* @__PURE__ */ c(v.div, {
+			...t,
+			children: /* @__PURE__ */ l("div", {
+				className: D.dropdown__panel,
+				style: j,
+				children: [w && /* @__PURE__ */ c("div", {
+					className: D.dropdown__search,
+					children: /* @__PURE__ */ c(n, {
+						value: F,
+						onChange: B,
+						searchPlaceholder: E
+					})
+				}), /* @__PURE__ */ c(x, {
+					style: { maxHeight: 300 },
+					children: /* @__PURE__ */ c(k, {
+						menus: V,
+						onClick: z,
+						hasNoResults: H,
+						activeKey: M
+					})
+				})]
+			})
+		})
+	}) }) })] });
+};
+A.displayName = "BsyDropDown";
+//#endregion
+export { A as t };

package/dist/DropDown/index.js

@@ -1,7 +1,7 @@
-import "../Icon/Icon-DppVOyPK.js";
-import "../vendors/useLocale-BfT0V1j4.js";
-import "../Select/SelectInputSearch-CIXBNLFi.js";
-import "../NotFoundContent/NotFoundContent-CTPpcZOt.js";
-import "../vendors/useFloatingPortal-BA6P5GxV.js";
-import { t as e } from "./DropDown-CKXi9mXN.js";
+import "../Icon/Icon-CTZCSuVg.js";
+import "../vendors/useLocale-BXnqO-Ju.js";
+import "../Select/SelectInputSearch-DMY6Y9B6.js";
+import "../NotFoundContent/NotFoundContent-1-41e1rN.js";
+import "../vendors/useFloatingPortal-W4pliYWU.js";
+import { t as e } from "./DropDown-BAPBTglm.js";
 export { e as default };