@baishuyun/ui-base 6.16.0 → 6.17.0

package/dist/vendors/Tree-D0Q1IZ2D.js

@@ -0,0 +1,267 @@
+import { t as e } from "../Icon/Icon-DrdQOEJE.js";
+import { t } from "../CheckBox/CheckBox-CcHskTz_.js";
+import { t as n } from "../Radio/Radio-D9jhW7K6.js";
+import { isString as r, noop as i } from "lodash-es";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import c, { createContext as l, useCallback as u, useContext as d, useEffect as f, useMemo as p } from "react";
+import m from "clsx";
+import { useControllableValue as h } from "ahooks";
+import { AnimatePresence as g, motion as _ } from "motion/react";
+//#region src/components/Select/HighlightText/HighlightText.tsx
+var v = ({ text: e, highlight: t, truncate: n = !0 }) => {
+	let [r, i] = p(() => e && t ? [e.toLowerCase(), t.toLowerCase()] : [], [e, t]), a = u(() => {
+		if (!t.trim()) return [{
+			text: e,
+			isMatch: !1
+		}];
+		let n = i ? r?.indexOf(i) : -1;
+		return n === -1 || n === void 0 ? [{
+			text: e,
+			isMatch: !1
+		}] : [
+			{
+				text: e.slice(0, n),
+				isMatch: !1
+			},
+			{
+				text: e.slice(n, n + t.length),
+				isMatch: !0
+			},
+			{
+				text: e.slice(n + t.length),
+				isMatch: !1
+			}
+		].filter((e) => e.text);
+	}, [
+		e,
+		t,
+		r,
+		i
+	])(), s = {
+		color: "var(--bsy-select-color-highlight, #0265ff)",
+		fontWeight: 500
+	};
+	return /* @__PURE__ */ o("div", {
+		className: n ? "select-none text-ellipsis overflow-hidden whitespace-nowrap truncate w-full" : "select-none whitespace-nowrap w-full",
+		children: a.map((e, t) => e.isMatch ? /* @__PURE__ */ o("span", {
+			style: s,
+			children: e.text
+		}, t) : /* @__PURE__ */ o("span", { children: e.text }, t))
+	});
+};
+v.displayName = "HighlightText";
+var y = c.memo(v), b = {
+	"bsy-tree-node__title": "_bsy-tree-node__title_1of4m_1",
+	"bsy-tree-node__children": "_bsy-tree-node__children_1of4m_5"
+}, x = l({
+	searchValue: "",
+	selectedKeys: [],
+	expandedKeys: [],
+	parentCheckable: !1,
+	onSelect: i,
+	onExpand: i,
+	icon: void 0,
+	switcherIcon: void 0,
+	checkType: "default",
+	showSwitcher: !0
+}), S = 22, C = ({ node: r, level: i = 0, fieldNames: l }) => {
+	let u = d(x), { searchValue: f, selectedKeys: p, expandedKeys: h, onSelect: v, onExpand: w, onDeSelect: T, parentCheckable: E, checkType: D, showSwitcher: O } = d(x), k = r[l.children] && r[l.children].length > 0, A = p.includes(r[l.value]), j = k ? h.includes(r[l.value]) : !1, M = r.disabled === !0, N = () => {
+		if (r.checkable === !1) {
+			k && w?.(r[l.value], !j);
+			return;
+		}
+		if (!M) {
+			if (k) {
+				E ? P() : w?.(r[l.value], !j);
+				return;
+			}
+			P();
+		}
+	}, P = () => {
+		A ? T?.(r[l.value]) : v?.(r[l.value], r);
+	}, F = (e) => {
+		e.stopPropagation(), k && w?.(r[l.value], !j);
+	}, I = (e = !1) => {
+		let t = r.icon || u.icon;
+		if (!t) return null;
+		let n = typeof t == "function" ? t(r) : t;
+		return c.isValidElement(n) ? /* @__PURE__ */ o("span", {
+			className: m({
+				"text-[#0265ff]": e,
+				"text-[#73819c]": !e
+			}),
+			children: n
+		}) : null;
+	}, L = (t) => k ? u.switcherIcon ? u.switcherIcon(t, r) : /* @__PURE__ */ o(e, {
+		name: "arrow-right",
+		className: m("transition-transform duration-300 ease-in-out text-[#666]", { "rotate-90": t })
+	}) : null, R = () => k && !E || D === "default" || r.checkable === !1 ? null : /* @__PURE__ */ s("div", {
+		className: "ml-auto shrink-0",
+		children: [D === "radio" && /* @__PURE__ */ o(n, {
+			checked: A,
+			disabled: M
+		}), D === "checkbox" && /* @__PURE__ */ o(t, {
+			checked: A,
+			disabled: M
+		})]
+	});
+	return /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("div", {
+		className: m("rounded-[4px]", {
+			"cursor-pointer": !M,
+			"cursor-not-allowed opacity-60": M,
+			"text-[#0265ff] bg-[#f0f6ff]": A && D === "default",
+			"hover:bg-[#eff0f6]": !M && (!A || D !== "default")
+		}),
+		onClick: N,
+		children: /* @__PURE__ */ s("div", {
+			className: "flex items-center px-[10px] py-[7px] gap-x-[6px]",
+			style: { marginLeft: `${i * S}px` },
+			children: [
+				O ? /* @__PURE__ */ o("div", {
+					className: "w-4 h-4 flex items-center justify-center flex-shrink-0",
+					"data-testid": "bsy-tree-switcher",
+					onClick: F,
+					children: L(j)
+				}) : null,
+				I(A),
+				/* @__PURE__ */ o("div", {
+					className: b["bsy-tree-node__title"],
+					children: c.isValidElement(r[l.title]) ? r[l.title] : /* @__PURE__ */ o(y, {
+						text: r[l.title],
+						highlight: f
+					})
+				}),
+				R()
+			]
+		})
+	}), k && /* @__PURE__ */ o(g, {
+		initial: !1,
+		children: j ? /* @__PURE__ */ o(_.div, {
+			initial: {
+				height: 0,
+				opacity: 0
+			},
+			animate: {
+				height: "auto",
+				opacity: 1
+			},
+			exit: {
+				height: 0,
+				opacity: 0
+			},
+			transition: {
+				duration: .2,
+				ease: [
+					.4,
+					0,
+					.2,
+					1
+				]
+			},
+			style: { overflow: "hidden" },
+			children: /* @__PURE__ */ o("div", {
+				className: b["bsy-tree-node__children"],
+				children: r[l.children]?.map((e) => /* @__PURE__ */ o(C, {
+					node: e,
+					level: i + 1,
+					fieldNames: l
+				}, e[l.value]))
+			})
+		}, "children") : null
+	})] });
+}, w = { "bsy-tree": "_bsy-tree_x86u3_1" }, T = (e, t, n, r = []) => {
+	for (let i of e) {
+		let e = [...r, i[n.value]];
+		if (i[n.value] === t) return e;
+		if (i[n.children]?.length) {
+			let r = T(i[n.children], t, n, e);
+			if (r) return r;
+		}
+	}
+	return null;
+}, E = (e, t, n, i = []) => {
+	let a = [];
+	for (let o of e) {
+		let e = [...i, o[n.value]], s = o[n.title];
+		if (r(s) && s.toLowerCase().includes(t.toLowerCase()) && a.push(e), o[n.children]?.length) {
+			let r = E(o[n.children], t, n, e);
+			a.push(...r);
+		}
+	}
+	return a;
+}, D = (e) => {
+	let { data: t, searchValue: n = "", fieldNames: r = {
+		title: "title",
+		value: "value",
+		children: "children"
+	}, icon: i, switcherIcon: a, onSelect: s, parentCheckable: c = !1, checkType: l = "default", defaultExpandedKeys: d, showSwitcher: p = !0, onDeSelect: m } = e, [g, _] = h(e, {
+		defaultValuePropName: "defaultSelectedKeys",
+		valuePropName: "selectedKeys",
+		defaultValue: [],
+		trigger: "__DO_NOT_CALLED__"
+	}), [v, y] = h(e, {
+		valuePropName: "expandedKeys",
+		defaultValuePropName: "defaultExpandedKeys",
+		defaultValue: (() => {
+			let n = /* @__PURE__ */ new Set();
+			return e.selectedKeys?.length ? (e.selectedKeys.forEach((e) => {
+				let i = T(t, e, r);
+				i && i.length > 1 && i.slice(0, -1).forEach((e) => n.add(e));
+			}), [...n]) : [];
+		})(),
+		trigger: "onExpand"
+	});
+	f(() => {
+		if (!n) {
+			if (e.expandedKeys !== void 0 || g.length || d?.length || v.length) return;
+			y([]);
+			return;
+		}
+		let i = /* @__PURE__ */ new Set(), a = E(t, n, r);
+		if (a.length === 0) {
+			y([]);
+			return;
+		}
+		a.forEach((e) => e.slice(0, -1).forEach((e) => i.add(e))), i.size !== 0 && y([...i]);
+	}, [n]);
+	let b = u((e, t) => {
+		_((t) => l === "checkbox" ? [...new Set([...t, e])] : [e]), s && s?.(e, t);
+	}, [
+		s,
+		_,
+		l
+	]), S = (e, t) => {
+		b(e, t);
+	}, D = u((e) => {
+		_((t) => t.filter((t) => t !== e)), m?.(e);
+	}, [_, m]), O = (e, t) => {
+		y(t ? [...v, e] : v.filter((t) => t !== e));
+	};
+	if (!t?.length) return null;
+	let k = t.some((e) => e[r.children]?.length > 0), A = {
+		searchValue: n,
+		selectedKeys: g,
+		expandedKeys: v,
+		onSelect: S,
+		onDeSelect: D,
+		onExpand: O,
+		icon: i,
+		switcherIcon: a,
+		checkType: l,
+		parentCheckable: c,
+		showSwitcher: p && k
+	};
+	return /* @__PURE__ */ o(x.Provider, {
+		value: A,
+		children: /* @__PURE__ */ o("div", {
+			className: `${w["bsy-tree"]} text-sm`,
+			children: t.map((e) => /* @__PURE__ */ o(C, {
+				node: e,
+				fieldNames: r
+			}, e[r.value]))
+		})
+	});
+};
+D.displayName = "BsyTree";
+//#endregion
+export { y as n, D as t };

package/dist/vendors/{version-CFii9VTt.js → version-CfjNx5v2.js}

@@ -1,6 +1,6 @@
 //#region src/version.ts
 if (typeof window < "u") {
 	let e = window.__BSY_UI__ ??= {};
-	e["@baishuyun/ui-base"] = "6.16.0";
+	e["@baishuyun/ui-base"] = "6.17.0";
 }
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baishuyun/ui-base",
-  "version": "6.16.0",
+  "version": "6.17.0",
   "type": "module",
   "description": "百数云低代码平台通用组件库",
   "author": "bsy-fe team",

package/dist/Amap/Amap-BLSziesG.js

@@ -1,77 +0,0 @@
-import { n as e, t } from "./AmapContext-CJBe6lld.js";
-import { jsx as n } from "react/jsx-runtime";
-import { useContext as r, useEffect as i, useRef as a, useState as o } from "react";
-//#region src/components/Amap/Amap.tsx
-function s(s) {
-	let { center: c, zoom: l, options: u = {}, className: d, style: f, children: p, onReady: m, onError: h } = s, { AMap: g, loading: _, error: v } = r(e), y = a(null), b = a(null), x = a({
-		center: c,
-		zoom: l,
-		options: u,
-		onReady: m,
-		onError: h
-	}), [S, C] = o(!1);
-	x.current = {
-		center: c,
-		zoom: l,
-		options: u,
-		onReady: m,
-		onError: h
-	}, i(() => {
-		if (!g || !y.current || b.current) return;
-		let e = x.current, t = !1, n = new g.Map(y.current, {
-			resizeEnable: !0,
-			animateEnable: !1,
-			zooms: [3, 20],
-			...e.options,
-			...e.center ? { center: e.center } : {},
-			...e.zoom !== null && e.zoom !== void 0 ? { zoom: e.zoom } : {}
-		});
-		b.current = n;
-		let r = () => {
-			t || (C(!0), x.current.onReady?.({
-				AMap: g,
-				map: n
-			}));
-		};
-		try {
-			n.on("complete", r);
-		} catch (e) {
-			x.current.onError?.(e);
-		}
-		return () => {
-			t = !0;
-			try {
-				n.off?.("complete", r);
-			} finally {
-				n.destroy?.(), b.current = null, C(!1);
-			}
-		};
-	}, [g]), i(() => {
-		b.current && c && b.current.setCenter?.(c);
-	}, [c]), i(() => {
-		b.current && l != null && b.current.setZoom?.(l);
-	}, [l]);
-	let w = g && b.current ? {
-		AMap: g,
-		map: b.current,
-		jsApiReady: !0,
-		mapReady: S,
-		loading: _,
-		error: v
-	} : null;
-	return /* @__PURE__ */ n("div", {
-		className: d,
-		ref: y,
-		style: {
-			width: "100%",
-			height: "100%",
-			...f
-		},
-		children: w && S ? /* @__PURE__ */ n(t.Provider, {
-			value: w,
-			children: p
-		}) : null
-	});
-}
-//#endregion
-export { s as t };

package/dist/Amap/AmapCircle/index.js

@@ -1,5 +0,0 @@
-import "../../vendors/version-CFii9VTt.js";
-import "../AmapContext-CJBe6lld.js";
-import "../hooks-BTcFpdd0.js";
-import { t as e } from "../AmapCircle-2qupysHe.js";
-export { e as AmapCircle, e as default };

package/dist/Amap/AmapCircle-2qupysHe.js

@@ -1,55 +0,0 @@
-import { n as e } from "./hooks-BTcFpdd0.js";
-import { useEffect as t, useRef as n } from "react";
-//#region src/components/Amap/AmapCircle/AmapCircle.tsx
-function r(r) {
-	let { AMap: i, map: a, mapReady: o } = e(), { center: s, radius: c, options: l = {}, visible: u = !0, onMouseEnter: d, onMouseLeave: f } = r, p = n(null), m = c > 0, h = n({
-		center: s,
-		radius: c,
-		options: l
-	});
-	return h.current = {
-		center: s,
-		radius: c,
-		options: l
-	}, t(() => {
-		if (!i || !a || !o || p.current || !m) return;
-		let e = h.current, t = new i.Circle({
-			...e.options,
-			center: e.center,
-			radius: e.radius
-		});
-		return a.add(t), p.current = t, () => {
-			t.setMap?.(null), p.current = null;
-		};
-	}, [
-		i,
-		m,
-		a,
-		o
-	]), t(() => {
-		p.current?.setCenter(s);
-	}, [s]), t(() => {
-		c > 0 && p.current?.setRadius(c);
-	}, [c]), t(() => {
-		let e = p.current;
-		e && (u ? e.show?.() : e.hide?.());
-	}, [u]), t(() => {
-		let e = p.current;
-		if (!e) return;
-		let t = () => ({
-			circle: e,
-			AMap: i,
-			map: a
-		}), n = () => d?.(t()), r = () => f?.(t());
-		return e.on("mouseover", n), e.on("mouseout", r), () => {
-			e.off("mouseover", n), e.off("mouseout", r);
-		};
-	}, [
-		i,
-		a,
-		d,
-		f
-	]), null;
-}
-//#endregion
-export { r as t };

package/dist/Amap/AmapContext-CJBe6lld.js

@@ -1,11 +0,0 @@
-import { createContext as e } from "react";
-//#region src/components/Amap/context/AmapContext.ts
-var t = e({
-	AMap: null,
-	status: "idle",
-	loading: !1,
-	error: null,
-	plugins: []
-}), n = e(null);
-//#endregion
-export { t as n, n as t };

package/dist/Amap/AmapMarker/index.js

@@ -1,6 +0,0 @@
-import "../../vendors/version-CFii9VTt.js";
-import "../AmapContext-CJBe6lld.js";
-import "../hooks-BTcFpdd0.js";
-import "../useMarkerInfoWindowController-Cjx0xQXw.js";
-import { t as e } from "../AmapMarker-xEqoVnFR.js";
-export { e as AmapMarker, e as default };

package/dist/Amap/AmapMarker-xEqoVnFR.js

@@ -1,153 +0,0 @@
-import { n as e } from "./hooks-BTcFpdd0.js";
-import { n as t, t as n } from "./useMarkerInfoWindowController-Cjx0xQXw.js";
-import { Fragment as r, jsx as i } from "react/jsx-runtime";
-import { useCallback as a, useEffect as o, useRef as s } from "react";
-import { createRoot as c } from "react-dom/client";
-//#region src/components/Amap/AmapMarker/useMarkerInfoWindow.tsx
-var l = ({ AMap: e, map: t, mapReady: r, markerRef: i, infoWindow: s }) => {
-	let { scheduleInfoWindowOpen: c, scheduleInfoWindowClose: l, closeInfoWindow: u } = n({
-		AMap: e,
-		map: t,
-		mapReady: r
-	}), d = a(() => {
-		if (!s) return;
-		let e = i.current;
-		e && c(e, s);
-	}, [
-		s,
-		i,
-		c
-	]);
-	return o(() => {
-		if (s) return () => {
-			u();
-		};
-	}, [u, s]), {
-		scheduleInfoWindowOpen: d,
-		scheduleInfoWindowClose: l,
-		closeInfoWindow: u
-	};
-}, u = (e) => typeof e == "string" || typeof e == "number", d = (e) => e != null && typeof e != "boolean", f = (e) => d(e) && !u(e), p = (e) => {
-	queueMicrotask(() => e.unmount());
-};
-function m(n) {
-	let { AMap: a, map: m, mapReady: h } = e(), { content: g, infoWindow: _, options: v = {}, onClick: y, onMouseEnter: b, onMouseLeave: x } = n, S = !!_, C = s(null), w = s(null), T = s(null), E = s(!0), D = s(!0), O = s({
-		content: g,
-		infoWindow: _,
-		options: v
-	});
-	O.current = {
-		content: g,
-		infoWindow: _,
-		options: v
-	};
-	let { scheduleInfoWindowOpen: k, scheduleInfoWindowClose: A, closeInfoWindow: j } = l({
-		AMap: a,
-		map: m,
-		mapReady: h,
-		markerRef: C,
-		infoWindow: _
-	});
-	return o(() => {
-		if (!a || !m || !h || C.current) return;
-		let e = O.current, n = {
-			anchor: t,
-			...e.options,
-			map: m
-		};
-		if (u(e.content)) {
-			let t = document.createElement("div");
-			t.textContent = String(e.content), T.current = t, n.content = t;
-		} else if (f(e.content)) {
-			let e = document.createElement("div");
-			T.current = e, n.content = e;
-		}
-		let o = new a.Marker(n);
-		if (C.current = o, f(e.content) && T.current) {
-			let t = c(T.current);
-			w.current = t, t.render(/* @__PURE__ */ i(r, { children: e.content }));
-		}
-		return () => {
-			let e = w.current;
-			e && p(e), w.current = null, T.current = null, j(), o.setMap(null), C.current = null;
-		};
-	}, [
-		a,
-		j,
-		m,
-		h
-	]), o(() => {
-		let e = v.position;
-		if (!e) return;
-		let t = C.current?.getPosition?.(), n = t?.getLng?.() ?? t?.lng, r = t?.getLat?.() ?? t?.lat, i = Array.isArray(e) ? e[0] : e.lng, a = Array.isArray(e) ? e[1] : e.lat;
-		n === i && r === a || C.current?.setPosition(e);
-	}, [v.position]), o(() => {
-		if (D.current) {
-			D.current = !1;
-			return;
-		}
-		let e = C.current;
-		e && (v.visible === !1 ? e.hide?.() : v.visible === !0 && e.show?.());
-	}, [v.visible]), o(() => {
-		if (E.current) {
-			E.current = !1;
-			return;
-		}
-		let e = C.current;
-		if (e) {
-			if (!d(g)) {
-				w.current && p(w.current), w.current = null, T.current = null, e.setContent?.("");
-				return;
-			}
-			if (u(g)) {
-				if (w.current) {
-					let t = w.current;
-					p(t), w.current = null, T.current = document.createElement("div"), e.setContent?.(T.current);
-				}
-				T.current || (T.current = document.createElement("div"), e.setContent?.(T.current)), T.current.textContent = String(g);
-				return;
-			}
-			T.current || (T.current = document.createElement("div"), e.setContent?.(T.current)), w.current ||= c(T.current), w.current.render(/* @__PURE__ */ i(r, { children: g }));
-		}
-	}, [g]), o(() => {
-		let e = C.current;
-		if (!e) return;
-		let t = () => ({
-			marker: e,
-			AMap: a,
-			map: m
-		}), n = [];
-		if (y) {
-			let r = () => {
-				y?.(t());
-			};
-			e.on("click", r), n.push(() => e.off("click", r));
-		}
-		if (b || S) {
-			let r = () => {
-				S && k(), b?.(t());
-			};
-			e.on("mouseover", r), n.push(() => e.off("mouseover", r));
-		}
-		if (x || S) {
-			let r = () => {
-				S && A(), x?.(t());
-			};
-			e.on("mouseout", r), n.push(() => e.off("mouseout", r));
-		}
-		return () => {
-			n.forEach((e) => e());
-		};
-	}, [
-		a,
-		S,
-		m,
-		y,
-		b,
-		x,
-		A,
-		k
-	]), null;
-}
-//#endregion
-export { m as t };

package/dist/Amap/AmapMarkerCluster/index.js

@@ -1,6 +0,0 @@
-import "../../vendors/version-CFii9VTt.js";
-import "../AmapContext-CJBe6lld.js";
-import "../hooks-BTcFpdd0.js";
-import "../useMarkerInfoWindowController-Cjx0xQXw.js";
-import { t as e } from "../AmapMarkerCluster-CvEQa3o9.js";
-export { e as AmapMarkerCluster, e as default };