@baishuyun/ui-base 2.3.0 → 2.3.2

package/dist/Select/SelectInputSearch-CIXBNLFi.js

@@ -0,0 +1,46 @@
+import { t as e } from "../Icon/Icon-DppVOyPK.js";
+import { t } from "../vendors/useLocale-BfT0V1j4.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/Select/SelectInputSearch/SelectInputSearch.tsx
+var i = (i) => {
+	let { t: a } = t(), { searchPlaceholder: o = a("search"), value: s = "", onChange: c } = i;
+	return /* @__PURE__ */ n("div", {
+		className: "bsy-select-input-search",
+		children: /* @__PURE__ */ r("div", {
+			className: "bsy-select-input-search-input",
+			children: [
+				/* @__PURE__ */ n("div", {
+					className: "bsy-select-input-search-input__icon flex items-center justify-center",
+					children: /* @__PURE__ */ n(e, {
+						name: "search",
+						style: {
+							color: "#666",
+							fontSize: 16
+						}
+					})
+				}),
+				/* @__PURE__ */ n("div", {
+					className: "bsy-select-input-search-input__container",
+					children: /* @__PURE__ */ n("input", {
+						type: "text",
+						placeholder: o,
+						value: s,
+						onChange: (e) => c?.(e.target.value),
+						role: "searchbox",
+						"aria-label": "search options"
+					})
+				}),
+				s && /* @__PURE__ */ n("div", {
+					className: "bsy-select-input-search-input__icon flex items-center justify-center cursor-pointer",
+					onClick: () => c?.(""),
+					role: "button",
+					"aria-label": "clear search",
+					children: /* @__PURE__ */ n(e, { name: "close" })
+				})
+			]
+		})
+	});
+};
+i.displayName = "BsySelectInputSearch";
+//#endregion
+export { i as t };

package/dist/Select/index.js

@@ -1,6 +1,11 @@
-import { M as o, S as s, a as t } from "./Select-hwXXDuLU.js";
-export {
-  o as Mode,
-  s as Select,
-  t as SelectType
-};
+import "../Icon/Icon-DppVOyPK.js";
+import "../vendors/useLocale-BfT0V1j4.js";
+import { n as e, r as t, t as n } from "./Select-Bd2ECrB0.js";
+import "./SelectInputSearch-CIXBNLFi.js";
+import "../vendors/Tree-CQR9fvpA.js";
+import "../CheckBox/CheckBox--rXaUgMO.js";
+import "../CheckBox/CheckBox-Db8X-pw9.js";
+import "../Radio/Radio-dyoBNiKF.js";
+import "../NotFoundContent/NotFoundContent-CTPpcZOt.js";
+import "../vendors/useFloatingPortal-BA6P5GxV.js";
+export { e as Mode, n as Select, t as SelectType };

package/dist/Tabs/Tabs-C79GTyGd.js

@@ -0,0 +1,410 @@
+import { o 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 { n as r } from "../vendors/color-BPWy9DvT.js";
+import { n as i } from "../vendors/animations-C5JKFkz4.js";
+import { t as a } from "../vendors/useFloatingPortal-BA6P5GxV.js";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { createContext as l, useCallback as u, useContext as d, useLayoutEffect as f, useRef as p, useState as m } from "react";
+import { useControllableValue as h, useEventListener as g, useMutationObserver as _, useToggle as v } from "ahooks";
+import { AnimatePresence as y, motion as b } from "motion/react";
+import { FloatingPortal as x } from "@floating-ui/react";
+//#region src/components/Tabs/constants.ts
+var S = {
+	LINE: "line",
+	CARD: "card",
+	FILLED_CARD: "filled-card",
+	BADGE_CARD: "badge-card"
+}, C = l({
+	color: "#0269ff",
+	type: S.LINE
+}), w = "_active_1oc43_18", T = "_disabled_1oc43_26", E = "_line_1oc43_44", D = "_card_1oc43_53", O = {
+	"bsy-tab": "_bsy-tab_1oc43_1",
+	"badge-card": "_badge-card_1oc43_9",
+	active: w,
+	disabled: T,
+	line: E,
+	card: D,
+	"filled-card": "_filled-card_1oc43_78"
+}, k = (e, t = 24) => e.length <= t ? e : e.slice(0, t) + "...", A = (e) => typeof e == "string" ? k(e) : e, j = ({ label: t, active: i = !1, onClick: a, tabKey: o }) => {
+	let { type: c = S.LINE, disabled: l, color: u } = d(C), f = e(t) ? t : "", p = () => {
+		l || a?.(o);
+	}, m = {
+		"data-tab-item": !0,
+		"data-tab-key": o,
+		role: "tab",
+		"aria-selected": i,
+		"aria-controls": `panel-${o}`,
+		onClick: p
+	};
+	return c === S.LINE ? /* @__PURE__ */ s("div", {
+		...m,
+		className: n(O["bsy-tab"], O.line, {
+			[O.disabled]: l,
+			[O.active]: i
+		}),
+		title: f,
+		children: A(t)
+	}) : c === S.CARD ? /* @__PURE__ */ s("div", {
+		...m,
+		className: n(O["bsy-tab"], O.card, {
+			[O.active]: i,
+			[O.disabled]: l
+		}),
+		title: f,
+		style: { "--theme-bg-color": r(u, .1) },
+		children: /* @__PURE__ */ s("span", { children: A(t) })
+	}) : c === S.FILLED_CARD ? /* @__PURE__ */ s("div", {
+		...m,
+		className: n(O["bsy-tab"], O["filled-card"], {
+			[O.active]: i,
+			[O.disabled]: l
+		}),
+		title: f,
+		children: A(t)
+	}) : c === S.BADGE_CARD ? /* @__PURE__ */ s("div", {
+		...m,
+		className: n(O["bsy-tab"], O["badge-card"], {
+			[O.active]: i,
+			[O.disabled]: l
+		}),
+		title: f,
+		children: /* @__PURE__ */ s("span", { children: A(t) })
+	}) : null;
+};
+j.displayName = "BsyTab";
+//#endregion
+//#region src/components/Tabs/TabList/useTabScroll.ts
+var M = ({ disabled: e, children: t }) => {
+	let n = p(null), r = p(null), [i, a] = m(!1), [o, s] = m(!1), [c, l] = m(!1), [d, h] = m(0), _ = u(() => {
+		let e = n.current, t = r.current;
+		if (!e || !t) return;
+		let i = e.clientWidth, o = t.scrollWidth, c = o > i;
+		a(c), c ? (s(d < 0), l(d > -(o - i))) : (s(!1), l(!1), h(0));
+	}, [d]);
+	return g("resize", () => _()), f(() => {
+		_();
+	}, [
+		d,
+		t,
+		_
+	]), {
+		listRef: n,
+		wrapperRef: r,
+		showControls: i,
+		canScrollLeft: o,
+		canScrollRight: c,
+		translateX: d,
+		scrollLeft: () => {
+			if (!o || e) return;
+			let t = n.current;
+			if (!t) return;
+			let r = t.clientWidth * .6;
+			h(Math.min(0, d + r));
+		},
+		scrollRight: () => {
+			if (!c || e) return;
+			let t = n.current, i = r.current;
+			if (!t || !i) return;
+			let a = t.clientWidth * .6, o = t.clientWidth, s = -(i.scrollWidth - o);
+			h(Math.max(s, d - a));
+		}
+	};
+}, N = ({ activeKey: e, type: t, showIndicator: n, wrapperRef: r, items: i }) => {
+	let [a, o] = m({
+		width: 0,
+		left: 0,
+		ready: !1
+	}), s = u((e) => {
+		if (!n || !r.current) return;
+		let t = r.current.getBoundingClientRect(), i = e.getBoundingClientRect(), a = i.left - t.left, s = i.width;
+		o({
+			width: s,
+			left: a,
+			ready: !0
+		});
+	}, [n, r]);
+	return f(() => {
+		if (!e || !r.current) return;
+		let t = r.current.querySelector(`[data-tab-key="${e}"]`);
+		t && n && s(t);
+	}, [
+		e,
+		n,
+		r,
+		s,
+		t,
+		i
+	]), _(() => {
+		if (!n) return;
+		let e = r.current?.querySelector("[aria-selected=\"true\"]");
+		e && s(e);
+	}, r, {
+		subtree: !0,
+		characterData: !0
+	}), {
+		indicatorStyle: a,
+		handleTabClick: (e) => {
+			s(e);
+		}
+	};
+}, P = ({ children: e, activeKey: t, className: r, style: i, items: a }) => {
+	let { type: o = S.LINE, color: l, disabled: u } = d(C), f = [S.LINE, S.CARD].includes(o), { listRef: p, wrapperRef: m, showControls: h, canScrollLeft: g, canScrollRight: _, translateX: v, scrollLeft: y, scrollRight: b } = M({
+		disabled: u,
+		children: e
+	}), { indicatorStyle: x, handleTabClick: w } = N({
+		activeKey: t,
+		type: o,
+		showIndicator: f,
+		wrapperRef: m,
+		items: a
+	}), T = x.ready, E = (e) => {
+		if (u) return;
+		let t = e.target.closest("[data-tab-item]");
+		t && w(t);
+	};
+	return /* @__PURE__ */ c("div", {
+		className: n("relative max-h-[36px]", r),
+		style: i,
+		children: [
+			h && /* @__PURE__ */ s("button", {
+				className: n("absolute left-0 top-0 bottom-0 z-10 w-8 flex items-center justify-center", {
+					"text-gray-400 cursor-not-allowed": !g || u,
+					"text-gray-600": g && !u
+				}),
+				onClick: y,
+				disabled: !g || u,
+				"aria-label": "向左滚动",
+				children: /* @__PURE__ */ s("svg", {
+					className: "w-4 h-4",
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24",
+					children: /* @__PURE__ */ s("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: 2,
+						d: "M15 19l-7-7 7-7"
+					})
+				})
+			}),
+			/* @__PURE__ */ s("div", {
+				className: n({
+					"pl-8": h,
+					"pr-8": h
+				}),
+				children: /* @__PURE__ */ s("div", {
+					ref: p,
+					className: n("overflow-hidden", {
+						"border-b border-[#e0e0e0]": o === S.LINE,
+						"border-b-2": o === S.FILLED_CARD || o === S.BADGE_CARD,
+						"pb-[2px]": o === S.BADGE_CARD
+					}),
+					style: { borderColor: o === S.LINE ? void 0 : l },
+					children: /* @__PURE__ */ c("div", {
+						ref: m,
+						role: "tablist",
+						className: n("relative text-sm flex flex-nowrap", {
+							"gap-x-[26px]": o === S.LINE,
+							"gap-x-[10px]": o === S.FILLED_CARD || o === S.BADGE_CARD,
+							"bg-[#f0f0f0]": o === S.CARD
+						}),
+						onClick: E,
+						style: {
+							"--theme-color": l,
+							transform: `translateX(${v}px)`,
+							transition: "transform 0.3s ease-in-out"
+						},
+						children: [e, f && x.ready && /* @__PURE__ */ s("div", {
+							className: n("absolute h-0.5", {
+								"bottom-0": o === S.LINE,
+								"top-0": o === S.CARD,
+								"transition-all duration-300 ease-in-out": T
+							}),
+							style: {
+								backgroundColor: l,
+								width: `${x.width}px`,
+								left: `${x.left}px`
+							}
+						})]
+					})
+				})
+			}),
+			h && /* @__PURE__ */ s("button", {
+				className: n("absolute right-0 top-0 bottom-0 z-10 w-8 flex items-center justify-center", {
+					"text-gray-400 cursor-not-allowed": !_ || u,
+					"text-gray-600": _ && !u
+				}),
+				onClick: b,
+				disabled: !_ || u,
+				"aria-label": "向右滚动",
+				children: /* @__PURE__ */ s("svg", {
+					className: "w-4 h-4",
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24",
+					children: /* @__PURE__ */ s("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: 2,
+						d: "M9 5l7 7-7 7"
+					})
+				})
+			})
+		]
+	});
+};
+P.displayName = "BsyTabList";
+//#endregion
+//#region src/components/Tabs/TabPanel/TabPanel.tsx
+var F = ({ items: e, activeKey: t, className: n }) => {
+	let r = e.find((e) => e.key === t);
+	return !r || !r.children ? null : /* @__PURE__ */ s("div", {
+		className: n,
+		role: "tabpanel",
+		"aria-labelledby": `tab-${t}`,
+		children: r.children
+	});
+};
+F.displayName = "BsyTabPanel";
+//#endregion
+//#region src/components/Tabs/Tabs.tsx
+var I = (e) => {
+	let [t, n] = h(e, {
+		defaultValuePropName: "defaultActiveKey",
+		valuePropName: "activeKey",
+		trigger: "onChange"
+	}), r = e.items?.some((e) => e.children), i = e.color || "#0265ff";
+	return /* @__PURE__ */ s(C.Provider, {
+		value: {
+			color: i,
+			type: e.type,
+			disabled: e.disabled
+		},
+		children: /* @__PURE__ */ c("div", {
+			className: "bsy-tabs",
+			children: [/* @__PURE__ */ s(P, {
+				items: e.items,
+				activeKey: t,
+				children: e.items?.map((e) => /* @__PURE__ */ s(j, {
+					tabKey: e.key,
+					label: e.label,
+					active: t === e.key,
+					onClick: (e) => n(e)
+				}, e.key))
+			}), r && e.items && /* @__PURE__ */ s(F, {
+				items: e.items,
+				activeKey: t,
+				className: "bsy-tabs__content"
+			})]
+		})
+	});
+};
+I.displayName = "BsyTabs";
+//#endregion
+//#region src/components/Tabs/TabSelect/tabSelect.module.scss
+var L = "_active_5a1wn_11", R = "_icon_5a1wn_45", z = {
+	"bsy-tabs-select__trigger": "_bsy-tabs-select__trigger_5a1wn_1",
+	active: L,
+	"bsy-tabs-select__trigger-icon": "_bsy-tabs-select__trigger-icon_5a1wn_14",
+	"bsy-tabs-select__trigger-input": "_bsy-tabs-select__trigger-input_5a1wn_17",
+	"bsy-tabs-select__panel": "_bsy-tabs-select__panel_5a1wn_21",
+	"bsy-tabs-select__panel-item": "_bsy-tabs-select__panel-item_5a1wn_32",
+	icon: R
+}, B = (e) => {
+	let { color: r = "#0269ff" } = e, [l, { toggle: u, setLeft: d }] = v(!1), { refs: f, floatingStyles: p, getFloatingProps: m, getReferenceProps: g, referenceStyle: _ } = a({
+		isOpen: l,
+		close: d,
+		offset: {
+			x: 0,
+			y: 4
+		},
+		zIndex: 1e3
+	}), [C, w] = h(e, {
+		trigger: "onChange",
+		defaultValuePropName: "defaultValue",
+		valuePropName: "value",
+		defaultValue: S.LINE
+	}), T = Object.values(S).map((e) => ({
+		label: e,
+		value: e
+	}));
+	return /* @__PURE__ */ c("div", {
+		className: z["bsy-tabs-select"],
+		children: [/* @__PURE__ */ c("div", {
+			className: n(z["bsy-tabs-select__trigger"], { [z.active]: l }),
+			ref: f.setReference,
+			...g(),
+			style: _,
+			onClick: () => u(),
+			children: [/* @__PURE__ */ s("div", {
+				className: n(z["bsy-tabs-select__trigger-input"], { [z.active]: C }),
+				children: C && /* @__PURE__ */ s(I, {
+					activeKey: "1",
+					type: C,
+					color: r,
+					disabled: !0,
+					items: [
+						{
+							label: "标签页1",
+							key: "1"
+						},
+						{
+							label: "标签页2",
+							key: "2"
+						},
+						{
+							label: "标签页3",
+							key: "3"
+						}
+					]
+				}, C)
+			}), /* @__PURE__ */ s("div", {
+				className: z["bsy-tabs-select__trigger-icon"],
+				children: /* @__PURE__ */ s(t, {
+					name: "arrow-down",
+					className: n(z.icon, { active: l })
+				})
+			})]
+		}), /* @__PURE__ */ s(x, { children: /* @__PURE__ */ s(y, { children: l && /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("div", {
+			ref: f.setFloating,
+			style: p,
+			...m(),
+			children: /* @__PURE__ */ s(b.div, {
+				...i,
+				children: /* @__PURE__ */ s("div", {
+					className: z["bsy-tabs-select__panel"],
+					children: T.map((e) => /* @__PURE__ */ s("div", {
+						className: n(z["bsy-tabs-select__panel-item"], { [z.active]: C === e.value }),
+						onClick: () => {
+							w(e.value), d();
+						},
+						children: /* @__PURE__ */ s(I, {
+							activeKey: "1",
+							type: e.value,
+							disabled: !0,
+							color: r,
+							items: [
+								{
+									label: "标签页1",
+									key: "1"
+								},
+								{
+									label: "标签页2",
+									key: "2"
+								},
+								{
+									label: "标签页3",
+									key: "3"
+								}
+							]
+						}, e.value)
+					}, e.value))
+				})
+			})
+		}) }) }) })]
+	});
+};
+B.displayName = "BsyTabSelect";
+//#endregion
+export { S as i, I as n, F as r, B as t };

package/dist/Tabs/index.js

@@ -1,7 +1,6 @@
-import { c as T, b as s, a as b, T as l } from "./TabSelect-DL8Bhehc.js";
-export {
-  T as TABS_TYPE,
-  s as TabPanel,
-  b as TabSelect,
-  l as default
-};
+import "../Icon/Icon-DppVOyPK.js";
+import "../vendors/tinycolor2-DToeAEPD.js";
+import "../vendors/color-BPWy9DvT.js";
+import "../vendors/useFloatingPortal-BA6P5GxV.js";
+import { i as e, n as t, r as n, t as r } from "./Tabs-C79GTyGd.js";
+export { e as TABS_TYPE, n as TabPanel, r as TabSelect, t as default };

package/dist/Tree/index.js

@@ -1,4 +1,5 @@
-import { T as o } from "../vendors/Tree-CLEy-xqz.js";
-export {
-  o as Tree
-};
+import "../Icon/Icon-DppVOyPK.js";
+import { t as e } from "../vendors/Tree-CQR9fvpA.js";
+import "../CheckBox/CheckBox--rXaUgMO.js";
+import "../Radio/Radio-dyoBNiKF.js";
+export { e as Tree };

package/dist/Tree/utils/index.js

@@ -1,40 +1,25 @@
-import { i as P } from "../../vendors/lodash-es-DFpaJB4Y.js";
-const g = (s, c, t, u = []) => {
-  var r;
-  for (const n of s) {
-    const o = [...u, n[t.value]];
-    if (n[t.value] === c)
-      return o;
-    if ((r = n[t.children]) != null && r.length) {
-      const h = g(
-        n[t.children],
-        c,
-        t,
-        o
-      );
-      if (h)
-        return h;
-    }
-  }
-  return null;
-}, l = (s, c, t, u = []) => {
-  var n;
-  const r = [];
-  for (const o of s) {
-    const h = [...u, o[t.value]], e = o[t.title];
-    if (P(e) && e.toLowerCase().includes(c.toLowerCase()) && r.push(h), (n = o[t.children]) != null && n.length) {
-      const i = l(
-        o[t.children],
-        c,
-        t,
-        h
-      );
-      r.push(...i);
-    }
-  }
-  return r;
-};
-export {
-  l as getMatchingNodesPaths,
-  g as getNodePath
+import { o as e } from "../../vendors/lodash-es-Bu9xU1fK.js";
+//#region src/components/Tree/utils/index.ts
+var t = (e, n, r, i = []) => {
+	for (let a of e) {
+		let e = [...i, a[r.value]];
+		if (a[r.value] === n) return e;
+		if (a[r.children]?.length) {
+			let i = t(a[r.children], n, r, e);
+			if (i) return i;
+		}
+	}
+	return null;
+}, n = (t, r, i, a = []) => {
+	let o = [];
+	for (let s of t) {
+		let t = [...a, s[i.value]], c = s[i.title];
+		if (e(c) && c.toLowerCase().includes(r.toLowerCase()) && o.push(t), s[i.children]?.length) {
+			let e = n(s[i.children], r, i, t);
+			o.push(...e);
+		}
+	}
+	return o;
 };
+//#endregion
+export { n as getMatchingNodesPaths, t as getNodePath };

package/dist/components/Editor/context/EditorContainerContext.d.ts

@@ -0,0 +1,8 @@
+import { RefObject } from 'react';
+interface EditorContainerContextType {
+    containerRef: RefObject<HTMLDivElement | null>;
+    getPopupContainer: () => HTMLElement;
+}
+declare const EditorContainerContext: import('react').Context<EditorContainerContextType | null>;
+export declare const useEditorContainer: () => EditorContainerContextType;
+export default EditorContainerContext;