@baishuyun/ui-base 6.12.0 → 6.13.0

package/dist/DropDown/DropDown-DV1IuuQD.js

@@ -0,0 +1,290 @@
+import { t as e } from "../Icon/Icon-DDHx0R18.js";
+import { a as t, i as n } from "../Overlay/OverlayContext-CVSFoyqN.js";
+import { t as r } from "../vendors/useLocale-CEDl6cUK.js";
+import { n as i } from "../vendors/animations-rwUbyoT0.js";
+import { t as a } from "../vendors/useLatchedPopupPortalRoot-4fVhqVT4.js";
+import { t as o } from "../Select/SelectInputSearch-DiuwwOWz.js";
+import { t as s } from "../NotFoundContent/NotFoundContent-BLmzWNBi.js";
+import { t as c } from "../ScrollBar/ScrollBar-N2pOLv-8.js";
+import { t as l } from "../vendors/useFloatingPortal-B3N1viK2.js";
+import { t as u } from "./style-LLDVPpPa.js";
+import { isEmpty as d, isNumber as f } from "lodash-es";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { cloneElement as h, createContext as g, forwardRef as _, isValidElement as ee, memo as v, useCallback as y, useContext as b, useMemo as x, useState as S } from "react";
+import { clsx as C } from "clsx";
+import { useControllableValue as te } from "ahooks";
+import { AnimatePresence as w, motion as T } from "motion/react";
+import { FloatingNode as E, FloatingPortal as D, FloatingTree as O, autoUpdate as k, flip as ne, offset as A, safePolygon as j, shift as M, useFloating as N, useFloatingNodeId as P, useHover as F, useInteractions as I } from "@floating-ui/react";
+import L from "fuse.js";
+//#region src/hooks/useDropdownSearch.ts
+function R(e) {
+	let t = [], n = (e) => {
+		for (let r of e) t.push(r), r.children?.length && n(r.children);
+	};
+	return n(e), t;
+}
+function z(e, t) {
+	let n = [];
+	for (let r of e) {
+		let e = t.has(r.key), i = r.children?.length ? e ? r.children : z(r.children, t) : void 0;
+		(e || i?.length) && n.push(i ? {
+			...r,
+			children: i
+		} : r);
+	}
+	return n;
+}
+var B = (e, t) => {
+	let n = Array.isArray(t) ? t[0] : t, r = e[n];
+	return n === "label" && typeof r != "string" ? "" : String(r || "");
+}, re = ({ menus: e, searchValue: t, enableInternalFilter: n, searchKey: r }) => {
+	let i = x(() => R(e), [e]), a = x(() => new L(i, {
+		keys: [r],
+		ignoreLocation: !0,
+		threshold: .3,
+		getFn: B
+	}), [i, r]), o = x(() => !n || d(t) ? e : z(e, new Set(a.search(t).map((e) => e.item.key))), [
+		e,
+		t,
+		n,
+		a
+	]);
+	return {
+		filteredMenus: o,
+		hasNoResults: n && !d(t) && o.length === 0
+	};
+}, V = g(!0), H = g({}), U = "_dropdown__trigger_sskds_1", W = "_dropdown__panel_sskds_7", G = "_dropdown__search_sskds_15", K = "_dropdown__menu_sskds_19", q = {
+	dropdown__trigger: U,
+	"dropdown__trigger--disabled": "_dropdown__trigger--disabled_sskds_4",
+	dropdown__panel: W,
+	dropdown__search: G,
+	dropdown__menu: K,
+	"dropdown__menu-item": "_dropdown__menu-item_sskds_22",
+	"dropdown__menu-item--disabled": "_dropdown__menu-item--disabled_sskds_34",
+	"dropdown__menu-item--active": "_dropdown__menu-item--active_sskds_34",
+	"dropdown__menu-item-icon": "_dropdown__menu-item-icon_sskds_41",
+	"system-field": "_system-field_sskds_52",
+	"dropdown__menu-item-arrow": "_dropdown__menu-item-arrow_sskds_66",
+	"dropdown__menu-item-label": "_dropdown__menu-item-label_sskds_77"
+}, J = _(({ item: t, isActive: n, showArrow: r = !1, className: i, ...a }, o) => {
+	let s = t.systemField || !1;
+	return /* @__PURE__ */ m("div", {
+		ref: o,
+		className: C(q["dropdown__menu-item"], {
+			[q["dropdown__menu-item--disabled"]]: t.disabled,
+			[q["dropdown__menu-item--active"]]: n && !t.disabled,
+			"text-[#4d609f]": s && !t.disabled && !n
+		}, i),
+		...a,
+		children: [
+			t.icon && /* @__PURE__ */ p("div", {
+				className: C(q["dropdown__menu-item-icon"], { [q["system-field"]]: s && !t.disabled && !n }),
+				children: t.icon
+			}),
+			/* @__PURE__ */ p("div", {
+				className: C(q["dropdown__menu-item-label"], "truncate"),
+				children: t.label
+			}),
+			r ? /* @__PURE__ */ p(e, {
+				name: "arrow-down",
+				size: 12,
+				className: q["dropdown__menu-item-arrow"]
+			}) : null
+		]
+	});
+});
+J.displayName = "BsyDropDownMenuItemRow";
+var Y = ({ item: e, onClick: t, isActive: n = !1 }) => /* @__PURE__ */ p(J, {
+	item: e,
+	isActive: n,
+	onClick: () => {
+		e.disabled || t(e);
+	}
+}), X = ({ item: e, onClick: r, isActive: a = !1, isSubmenuOpen: o = !1, onSubmenuOpen: s, onSubmenuLeave: c, activeKey: l = [] }) => {
+	let u = b(V), d = b(H), f = o && !e.disabled && u, h = P(), g = t(), { refs: _, floatingStyles: ee, context: v } = N({
+		nodeId: h,
+		open: f,
+		onOpenChange: (t) => {
+			if (!e.disabled) {
+				if (t) {
+					s?.();
+					return;
+				}
+				c?.();
+			}
+		},
+		placement: "right-start",
+		strategy: "fixed",
+		transform: !1,
+		whileElementsMounted: k,
+		middleware: [
+			A(4),
+			ne({ fallbackPlacements: ["left-start"] }),
+			M({ padding: 8 })
+		]
+	}), { getReferenceProps: y, getFloatingProps: x } = I([F(v, {
+		enabled: !e.disabled && u,
+		handleClose: j({ requireIntent: !1 })
+	})]);
+	return /* @__PURE__ */ m(E, {
+		id: h,
+		children: [/* @__PURE__ */ p(J, {
+			ref: _.setReference,
+			item: e,
+			isActive: a,
+			showArrow: !0,
+			...y({ onClick: () => {
+				e.disabled || s?.();
+			} })
+		}), /* @__PURE__ */ p(D, { children: /* @__PURE__ */ p(n, {
+			zIndex: g,
+			children: /* @__PURE__ */ p(w, { children: f ? /* @__PURE__ */ p(T.div, {
+				ref: _.setFloating,
+				style: {
+					...ee,
+					zIndex: g
+				},
+				...i,
+				...x({ onMouseDown: (e) => e.preventDefault() }),
+				children: /* @__PURE__ */ p("div", {
+					className: q.dropdown__panel,
+					style: d,
+					children: /* @__PURE__ */ p(Q, {
+						menus: e.children ?? [],
+						onClick: r,
+						activeKey: l
+					})
+				})
+			}, `bsy-dropdown-submenu-${e.key}`) : null })
+		}) })]
+	});
+}, Z = v((e) => e.item.children?.length ? /* @__PURE__ */ p(X, { ...e }) : /* @__PURE__ */ p(Y, { ...e }));
+Z.displayName = "BsyDropDownMenuItem";
+//#endregion
+//#region src/components/DropDown/MenuList/MenuList.tsx
+var Q = ({ menus: e, onClick: t, hasNoResults: n, activeKey: i = [] }) => {
+	let { t: a } = r(), [o, c] = S(null), l = y((e) => {
+		c(e);
+	}, []), u = y((e) => {
+		c((t) => t === e ? null : t);
+	}, []);
+	return e.length === 0 ? /* @__PURE__ */ p(s, {
+		text: a("noData"),
+		className: "px-3 py-6"
+	}) : n ? /* @__PURE__ */ p(s, {
+		text: a("noDataFound"),
+		className: "px-3 py-6"
+	}) : /* @__PURE__ */ p("div", {
+		className: q.dropdown__menu,
+		children: e.map((e) => /* @__PURE__ */ p(Z, {
+			item: e,
+			onClick: t,
+			isActive: i.includes(e.key),
+			isSubmenuOpen: o === e.key,
+			onSubmenuOpen: () => l(e.key),
+			onSubmenuLeave: () => u(e.key),
+			activeKey: i
+		}, e.key))
+	});
+};
+Q.displayName = "BsyDropDownMenuList";
+//#endregion
+//#region src/components/DropDown/DropDown.tsx
+var ie = (e) => {
+	let { t: s } = r(), { children: d, menus: g, onClick: _, onSearch: v, searchKey: y = "label", showSearch: b = !0, closeOnSelect: C = !0, searchPlaceholder: O = s("search"), offset: k = {
+		x: 0,
+		y: 0
+	}, zIndex: ne, style: A, activeKey: j = [], getPopupContainer: M, theme: N } = e, F = t(ne), I = P(), [L, R] = te(e, {
+		valuePropName: "visible",
+		defaultValue: !1,
+		trigger: "onOpenChange"
+	}), [z, B] = S(""), U = () => {
+		R(!L);
+	}, W = () => {
+		R(!1);
+	}, G = (e) => {
+		e.disabled || e.children?.length || (_?.(e), C && W());
+	}, K = (e) => {
+		B(e), v?.(e);
+	}, { filteredMenus: J, hasNoResults: Y } = re({
+		menus: g,
+		searchValue: z,
+		enableInternalFilter: !v,
+		searchKey: y
+	}), { refs: X, floatingStyles: Z, getReferenceProps: ie, getFloatingProps: $ } = l({
+		isOpen: L,
+		close: W,
+		showMask: !1,
+		zIndex: F,
+		nodeId: I,
+		offset: {
+			x: f(k.x) ? k.x : 0,
+			y: f(k.y) ? k.y : 0
+		}
+	}), ae = ee(d) ? h(d, {
+		...ie(),
+		ref: X.setReference,
+		onClick: (e) => {
+			U(), d.props.onClick?.(e);
+		},
+		onMouseDown: (e) => {
+			e.preventDefault(), d.props.onMouseDown?.(e);
+		}
+	}) : d, { portalRoot: oe, portalMountKey: se, handleExitComplete: ce } = a(L, M), le = x(() => u(N), [N]), ue = x(() => ({
+		...le,
+		...A
+	}), [le, A]);
+	return /* @__PURE__ */ m(E, {
+		id: I,
+		children: [ae, /* @__PURE__ */ p(D, {
+			root: oe,
+			children: /* @__PURE__ */ p(H.Provider, {
+				value: ue,
+				children: /* @__PURE__ */ p(V.Provider, {
+					value: L,
+					children: /* @__PURE__ */ p(n, {
+						zIndex: F,
+						children: /* @__PURE__ */ p(w, {
+							onExitComplete: ce,
+							children: L ? /* @__PURE__ */ p(T.div, {
+								ref: X.setFloating,
+								...$(),
+								style: {
+									...Z,
+									zIndex: F
+								},
+								...i,
+								children: /* @__PURE__ */ m("div", {
+									className: q.dropdown__panel,
+									style: ue,
+									onMouseDown: (e) => {
+										e.target instanceof HTMLElement && e.target.closest("input, textarea") || e.preventDefault();
+									},
+									children: [b && /* @__PURE__ */ p("div", {
+										className: q.dropdown__search,
+										children: /* @__PURE__ */ p(o, {
+											value: z,
+											onChange: K,
+											searchPlaceholder: O
+										})
+									}), /* @__PURE__ */ p(c, {
+										style: { maxHeight: 300 },
+										children: /* @__PURE__ */ p(Q, {
+											menus: J,
+											onClick: G,
+											hasNoResults: Y,
+											activeKey: j
+										})
+									})]
+								})
+							}, "bsy-dropdown-panel") : null
+						})
+					})
+				})
+			})
+		}, se)]
+	});
+}, $ = (e) => /* @__PURE__ */ p(O, { children: /* @__PURE__ */ p(ie, { ...e }) });
+$.displayName = "BsyDropDown";
+//#endregion
+export { $ as t };

package/dist/DropDown/index.js

@@ -1,14 +1,14 @@
-import "../vendors/version-CJyzNHuS.js";
+import "../vendors/version-B14EcH7v.js";
 import "../ScrollBar/style-D26azwz6.js";
-import "../Icon/Icon-oQ_uBooE.js";
-import "../vendors/LocaleContext-I4PW9j4M.js";
+import "../Icon/Icon-DDHx0R18.js";
+import "../vendors/LocaleContext-w5ODGcJX.js";
 import "../Overlay/OverlayContext-CVSFoyqN.js";
-import "../vendors/useLocale-FGYsRWSe.js";
+import "../vendors/useLocale-CEDl6cUK.js";
 import "../vendors/useLatchedPopupPortalRoot-4fVhqVT4.js";
-import "../Select/SelectInputSearch-BBwVIb8u.js";
+import "../Select/SelectInputSearch-DiuwwOWz.js";
 import "../NotFoundContent/NotFoundContent-BLmzWNBi.js";
 import "../ScrollBar/ScrollBar-N2pOLv-8.js";
-import "../vendors/useFloatingPortal-CmVJbuRm.js";
-import { t as e } from "./DropDown-CuL1Qq25.js";
+import "../vendors/useFloatingPortal-B3N1viK2.js";
+import { t as e } from "./DropDown-DV1IuuQD.js";
 import "./style-LLDVPpPa.js";
 export { e as default };

package/dist/DropDown/style/index.js

@@ -1,3 +1,3 @@
-import "../../vendors/version-CJyzNHuS.js";
+import "../../vendors/version-B14EcH7v.js";
 import { t as e } from "../style-LLDVPpPa.js";
 export { e as resolveDropDownThemeVars };