@baishuyun/ui-business 5.0.2 → 5.0.4

package/dist/DeptsMember/DeptsMember-D_xv-Zy7.js

@@ -0,0 +1,801 @@
+import { t as e } from "../vendors/simplebar-react.js";
+import { t } from "../vendors/clsx.js";
+import { i as n, r } from "../vendors/lodash-es.js";
+import { n as i, t as a } from "./useDeptsMemberSelector-DP5L8bhi.js";
+import { n as o, r as s } from "./TabGroup-B_VIf1lS.js";
+import { t as c } from "../vendors/useLocale.js";
+import { findNodeInTree as l, getColorByName as u } from "./utils/index.js";
+import { t as d } from "../vendors/services/data/member.service.js";
+import { t as f } from "./DeptsUser-CQrRRJxk.js";
+import { t as p } from "./Member-BIBX5jKD.js";
+import { t as m } from "./Department-BYVAaPYd.js";
+import { n as h, t as g } from "../vendors/services/data/outsider.service.js";
+import { t as _ } from "../vendors/services/data/member_limit.service.js";
+import { forwardRef as v, useCallback as y, useEffect as b, useImperativeHandle as x, useMemo as S, useRef as C, useState as w } from "react";
+import { Avatar as T, Button as E, Spin as D } from "antd";
+import { Icon as O, Tree as k } from "@baishuyun/ui-base";
+import { createPortal as ee } from "react-dom";
+import { AnimatePresence as A, motion as j } from "motion/react";
+import { useControllableValue as M, useRequest as N, useToggle as P } from "ahooks";
+import { jsx as F, jsxs as I } from "react/jsx-runtime";
+import { produce as te } from "immer";
+//#region src/components/DeptsMember/subcomponents/SelectionArea/SelectionArea.module.scss
+var L = {
+	"selection-area": "_selection-area_7ti3u_1",
+	"selection-area__container": "_selection-area__container_7ti3u_4",
+	"selection-area__container--expanded": "_selection-area__container--expanded_7ti3u_11",
+	"selection-area__container--animating": "_selection-area__container--animating_7ti3u_14",
+	"selection-area__body": "_selection-area__body_7ti3u_19",
+	"selection-area__body--expanded": "_selection-area__body--expanded_7ti3u_26",
+	"selection-area__scroll-gutter": "_selection-area__scroll-gutter_7ti3u_34",
+	"selection-area__scroll": "_selection-area__scroll_7ti3u_34",
+	"selection-area__button": "_selection-area__button_7ti3u_41",
+	"selection-area__measure-group": "_selection-area__measure-group_7ti3u_53",
+	"selection-area__mask": "_selection-area__mask_7ti3u_61",
+	"selection-area__measure-wrapper": "_selection-area__measure-wrapper_7ti3u_67"
+}, ne = "bsy_dept_member", R = "preset_bsy_dept_member";
+function z(e, t) {
+	try {
+		let n = e.includes("-relationSub-") ? "relationSub" : e.includes("-relationUser-") ? "relationUser" : e.includes("-relation-") ? "relation" : null;
+		if (!n) return t;
+		let r = e.split("-")[0], i, a = sessionStorage.getItem(R);
+		if (a && (i = JSON.parse(a).find((e) => String(e._id) === r)), !i) {
+			let e = sessionStorage.getItem(ne);
+			e && (i = JSON.parse(e).find((e) => String(e._id) === r));
+		}
+		if (!i) return t;
+		switch (n) {
+			case "relationSub": return `${i.name}及子部门 - ${t}`;
+			case "relation": return `${i.name} - ${t}`;
+			case "relationUser": return `${i.nickname} - ${t}`;
+			default: return t;
+		}
+	} catch (e) {
+		return console.error("获取关联节点名称时发生错误:", e), t;
+	}
+}
+//#endregion
+//#region src/components/DeptsMember/subcomponents/SelectionArea/PreviewSelectedItems/PreviewSelectedItems.module.scss
+var B = "_anticon_184kl_76", V = {
+	"preview-selected-items": "_preview-selected-items_184kl_1",
+	"preview-selected-items--measure": "_preview-selected-items--measure_184kl_4",
+	"preview-selected-items__wrapper": "_preview-selected-items__wrapper_184kl_13",
+	"preview-selected-items__list": "_preview-selected-items__list_184kl_16",
+	"preview-selected-items__item": "_preview-selected-items__item_184kl_23",
+	"preview-selected-items__item--user": "_preview-selected-items__item--user_184kl_34",
+	"preview-selected-items__item--department": "_preview-selected-items__item--department_184kl_37",
+	"preview-selected-items__item--relation": "_preview-selected-items__item--relation_184kl_40",
+	"preview-selected-items__item--public": "_preview-selected-items__item--public_184kl_43",
+	"preview-selected-items__content": "_preview-selected-items__content_184kl_46",
+	"preview-selected-items__text": "_preview-selected-items__text_184kl_52",
+	"preview-selected-items__name": "_preview-selected-items__name_184kl_57",
+	"preview-selected-items__badge": "_preview-selected-items__badge_184kl_64",
+	"preview-selected-items__close": "_preview-selected-items__close_184kl_69",
+	anticon: B,
+	"preview-selected-items__more": "_preview-selected-items__more_184kl_83",
+	"preview-selected-items__more-button": "_preview-selected-items__more-button_184kl_89"
+}, H = v((e, r) => {
+	let { isMeasure: i = !1, showEllipsisButton: l = !1, onToggle: d, hiddenCount: f = 0, previewCount: p = 0 } = e, { t: m } = c(), { value: h = [], setValue: g, type: _ } = a(), v = C(null), y = C(null), b = {
+		dockcorp: m("department.externalContactGroup"),
+		dockcorpdept: m("department.contact")
+	}, S = (e) => g?.(h.filter((t) => t._id !== e));
+	return x(r, () => ({
+		measureRef: v.current,
+		ellipsisButtonRef: y.current
+	})), /* @__PURE__ */ F("div", {
+		className: t(V["preview-selected-items"], { [V["preview-selected-items--measure"]]: i }),
+		children: /* @__PURE__ */ I("ul", {
+			className: V["preview-selected-items__list"],
+			ref: i ? v : void 0,
+			"data-role": i ? "measure-list" : "preview-list",
+			children: [h.slice(0, p)?.map((e, r) => {
+				let a = e.name || e.nickname, c = e.type ? e.type : Object.prototype.hasOwnProperty.call(e, "departmentId") ? null : "group", l = [
+					"relation",
+					"relationSub",
+					"relationUser"
+				].some((t) => e._id.includes(t)), d = l ? z(e._id, a) : a, f = l ? "relation" : c, p = !!e.nickname;
+				return /* @__PURE__ */ I("li", {
+					className: t(V["preview-selected-items__item"], {
+						[V["preview-selected-items__item--user"]]: [s.USER, s.USER_GROUP].includes(_),
+						[V["preview-selected-items__item--department"]]: [s.DEPARMENT, s.DEPARMENT_GROUP].includes(_),
+						[V["preview-selected-items__item--relation"]]: l,
+						[V["preview-selected-items__item--public"]]: e.type === "public"
+					}),
+					children: [
+						/* @__PURE__ */ F("div", {
+							className: V["preview-selected-items__content"],
+							children: p ? e.avatarurl ? /* @__PURE__ */ F(T, {
+								src: e.avatarurl,
+								size: 20
+							}) : /* @__PURE__ */ F(T, {
+								style: {
+									backgroundColor: u(d),
+									fontSize: "12px",
+									lineHeight: "13px",
+									width: "20px",
+									height: "20px"
+								},
+								children: d?.charAt(0) || "?"
+							}) : /* @__PURE__ */ F(o, { type: f })
+						}),
+						/* @__PURE__ */ I("div", {
+							className: V["preview-selected-items__text"],
+							"data-type": e.type,
+							children: [/* @__PURE__ */ F("span", {
+								className: V["preview-selected-items__name"],
+								title: d,
+								children: d
+							}), e.type === "dockcorpdept" || e.type === "dockcorp" ? /* @__PURE__ */ I("span", {
+								className: V["preview-selected-items__badge"],
+								children: [
+									"（",
+									b[e.type],
+									"）"
+								]
+							}) : null]
+						}),
+						/* @__PURE__ */ F("div", {
+							role: "button",
+							className: V["preview-selected-items__close"],
+							onClick: i ? n : () => S(e._id),
+							children: /* @__PURE__ */ F(O, {
+								name: "close",
+								color: "#666"
+							})
+						})
+					]
+				}, r);
+			}), l && !i && /* @__PURE__ */ F("li", {
+				ref: y,
+				className: V["preview-selected-items__more"],
+				"data-button": "ellipsis-button",
+				children: /* @__PURE__ */ I("div", {
+					role: "button",
+					className: V["preview-selected-items__more-button"],
+					onClick: () => {
+						d?.();
+					},
+					children: [/* @__PURE__ */ F("span", { children: m("common.viewAll", { count: f }) }), /* @__PURE__ */ F(O, { name: "arrow-down" })]
+				})
+			})]
+		})
+	});
+}), U = () => {
+	let { value: n = [], type: r } = a(), { t: i } = c(), [o, l] = w(0), [u, { toggle: d }] = P(!1), [f, p] = w(!1), [m, h] = w(null), g = C(null), _ = C(null), v = [s.DEPARMENT, s.USER].includes(r) ? 30 : 68;
+	b(() => {
+		u && p(!0);
+	}, [u]);
+	let y = () => {
+		u || p(!1);
+	}, [x, T] = w(!1);
+	b(() => {
+		if (!g.current || !_.current) return;
+		let e = () => {
+			requestAnimationFrame(() => {
+				if (T(!1), !g.current || !_.current) return;
+				let t = g.current.clientWidth, r = _.current.querySelector("[data-role=\"measure-list\"]"), i = r ? r.querySelectorAll("li") : [], a = _.current.querySelector("[data-button=\"ellipsis-button\"]");
+				if (i.length === 0) {
+					l(n.length);
+					return;
+				}
+				if (i.length !== n.length) {
+					console.warn("DOM not fully updated, retrying..."), requestAnimationFrame(() => e());
+					return;
+				}
+				let s = 0, c = 0, u = 0, d = 0;
+				for (; d < i.length;) {
+					let e = i[d].clientWidth + 8;
+					if (u + e <= t) u += e, s = d + 1, d++;
+					else break;
+				}
+				c = d, u = 0;
+				let f = a?.offsetWidth || 110;
+				for (let e = c; e < i.length; e++) {
+					let n = i[e].clientWidth + 8, r = f;
+					if (u + n + r < t) u += n, s = e + 1;
+					else {
+						T(!0);
+						break;
+					}
+				}
+				o !== s && l(s);
+			});
+		};
+		e();
+	}, [n]);
+	let D = n.length - o, k = x && !u, M = S(() => u && _?.current?.querySelector("[data-role=\"measure-list\"]")?.clientHeight || v, [v, u]);
+	return /* @__PURE__ */ F("div", {
+		className: L["selection-area"],
+		style: { height: f ? "90px" : "auto" },
+		children: /* @__PURE__ */ I("div", {
+			className: t(L["selection-area__container"], {
+				[L["selection-area__container--expanded"]]: u,
+				[L["selection-area__container--animating"]]: f
+			}),
+			children: [
+				/* @__PURE__ */ I("div", {
+					className: t(L["selection-area__body"], { [L["selection-area__body--expanded"]]: u }),
+					ref: _,
+					children: [/* @__PURE__ */ F(H, {
+						isMeasure: !0,
+						previewCount: n.length
+					}), /* @__PURE__ */ F(e, {
+						style: { maxHeight: "400px" },
+						children: /* @__PURE__ */ F("div", {
+							className: L["selection-area__scroll-gutter"],
+							children: /* @__PURE__ */ F("div", {
+								className: L["selection-area__scroll"],
+								ref: g,
+								style: { height: M + "px" },
+								children: /* @__PURE__ */ F(H, {
+									previewCount: u ? n.length : o,
+									showEllipsisButton: k,
+									hiddenCount: D,
+									onToggle: () => {
+										h(document.querySelector("[data-teleport=\"DeptsMember\"]")), d();
+									}
+								})
+							})
+						})
+					})]
+				}),
+				m && ee(/* @__PURE__ */ F(A, { children: u && /* @__PURE__ */ F(j.div, {
+					className: L["selection-area__mask"],
+					initial: {
+						opacity: 0,
+						backdropFilter: "blur(0px)"
+					},
+					animate: {
+						opacity: 1,
+						backdropFilter: "blur(.5px)"
+					},
+					exit: {
+						opacity: 0,
+						backdropFilter: "blur(0px)"
+					},
+					transition: {
+						duration: .3,
+						ease: "easeIn"
+					},
+					onAnimationComplete: y
+				}) }), m),
+				/* @__PURE__ */ F(A, {
+					mode: "wait",
+					children: u && /* @__PURE__ */ F(j.div, {
+						className: L["selection-area__button"],
+						initial: { opacity: 1 },
+						exit: { opacity: 0 },
+						transition: { duration: .3 },
+						onAnimationComplete: y,
+						children: /* @__PURE__ */ I(E, {
+							type: "link",
+							onClick: () => d(),
+							children: [i("common.collapseAll"), /* @__PURE__ */ F(O, { name: "arrow-up" })]
+						})
+					})
+				})
+			]
+		})
+	});
+}, W = {
+	"selection-tab-list": "_selection-tab-list_ujxba_1",
+	"selection-tab-list__tabs-wrapper": "_selection-tab-list__tabs-wrapper_ujxba_8",
+	"selection-tab-list__tabs": "_selection-tab-list__tabs_ujxba_8",
+	"selection-tab-list__indicator": "_selection-tab-list__indicator_ujxba_18",
+	"selection-tab-list__item": "_selection-tab-list__item_ujxba_25",
+	"selection-tab-list__item--active": "_selection-tab-list__item--active_ujxba_35",
+	"selection-tab-list__search": "_selection-tab-list__search_ujxba_38",
+	"selection-tab-list__search-field": "_selection-tab-list__search-field_ujxba_43",
+	"selection-tab-list__input": "_selection-tab-list__input_ujxba_47",
+	"selection-tab-list__search-icon": "_selection-tab-list__search-icon_ujxba_64"
+}, G = (e) => {
+	let [n, i] = M(e, { defaultValue: e.tabs.length ? e.tabs[0].key : void 0 }), [a, o] = w(""), s = C(/* @__PURE__ */ new Map()), [c, l] = w({
+		width: 0,
+		transform: "translateX(0)"
+	}), u = C(r((t) => e.onSearch?.(t), 250)).current;
+	b(() => () => {
+		u.cancel();
+	}, [u]);
+	let d = (e) => {
+		let t = s.current.get(e);
+		if (t) {
+			let { width: e, left: n } = t.getBoundingClientRect();
+			l({
+				width: e,
+				transform: `translateX(${n - (t.parentElement?.getBoundingClientRect().left || 0)}px)`
+			});
+		}
+	};
+	return b(() => {
+		n && d(n);
+	}, [n]), b(() => {
+		let t = e.tabs.length ? e.tabs[0].key : void 0;
+		t && d(t);
+	}, [e.tabs]), /* @__PURE__ */ I("div", {
+		className: W["selection-tab-list"],
+		children: [/* @__PURE__ */ I("div", {
+			className: W["selection-tab-list__tabs-wrapper"],
+			children: [/* @__PURE__ */ F("div", {
+				className: W["selection-tab-list__indicator"],
+				style: {
+					width: `${c.width}px`,
+					transform: c.transform
+				}
+			}), /* @__PURE__ */ F("ul", {
+				className: W["selection-tab-list__tabs"],
+				children: e.tabs.map((e) => /* @__PURE__ */ F("li", {
+					ref: (t) => {
+						t && s.current.set(e.key, t);
+					},
+					onClick: () => i(e.key),
+					className: t(W["selection-tab-list__item"], { [W["selection-tab-list__item--active"]]: n === e.key }),
+					children: e.label
+				}, e.key))
+			})]
+		}), /* @__PURE__ */ F("div", {
+			className: W["selection-tab-list__search"],
+			children: /* @__PURE__ */ I("div", {
+				className: W["selection-tab-list__search-field"],
+				children: [/* @__PURE__ */ F("input", {
+					type: "text",
+					value: a,
+					onChange: (e) => {
+						o(e.target.value), u(e.target.value);
+					},
+					placeholder: e.searchPlaceholder,
+					className: W["selection-tab-list__input"]
+				}), /* @__PURE__ */ F(O, {
+					name: "search",
+					className: W["selection-tab-list__search-icon"]
+				})]
+			})
+		})]
+	});
+}, K = { "selection-tab-panel": "_selection-tab-panel_f6iav_1" }, re = (e) => {
+	let { containerHeight: n } = a();
+	return /* @__PURE__ */ F("div", {
+		className: t(K["selection-tab-panel"]),
+		style: { height: n + "px" },
+		children: e.children
+	});
+}, ie = { "selection-tabs": "_selection-tabs_88491_1" }, q = {
+	"member-search": "_member-search_162pf_1",
+	"member-search__tree-wrapper": "_member-search__tree-wrapper_162pf_6",
+	"member-search__tree-content": "_member-search__tree-content_162pf_9",
+	"member-search__tree-title": "_member-search__tree-title_162pf_12",
+	"member-search__tree-name": "_member-search__tree-name_162pf_20",
+	"member-search__tree-extra": "_member-search__tree-extra_162pf_27",
+	"member-search__switch-icon": "_member-search__switch-icon_162pf_36",
+	"member-search__switch-icon--expanded": "_member-search__switch-icon--expanded_162pf_41",
+	"member-search__empty": "_member-search__empty_162pf_44",
+	"member-search__empty-text": "_member-search__empty-text_162pf_51"
+}, J = ({ avatarurl: e, randomColor: t, name: n, extra: r }) => /* @__PURE__ */ I("div", {
+	className: q["member-search__tree-title"],
+	children: [
+		e ? /* @__PURE__ */ F(T, {
+			src: e,
+			size: 20,
+			style: { flexShrink: 0 }
+		}) : /* @__PURE__ */ F(T, {
+			style: {
+				backgroundColor: t,
+				fontSize: "12px",
+				lineHeight: "13px",
+				width: "20px",
+				height: "20px",
+				flexShrink: 0
+			},
+			children: n.charAt(0)
+		}),
+		/* @__PURE__ */ F("span", {
+			className: q["member-search__tree-name"],
+			children: n
+		}),
+		r
+	]
+}), ae = (n) => {
+	let { type: r, dispatch: i, value: o, containerHeight: d } = a(), { t: f } = c(), { data: p, loading: m } = N(() => g({
+		groupLimit: [],
+		memberLimit: [],
+		limit: 100,
+		skip: 0,
+		key: n.wd
+	}), { refreshDeps: [n.wd] }), { data: h, loading: v } = N(() => _({
+		key: n.wd,
+		limit: 100,
+		skip: 0,
+		hasLimit: !1
+	}), { refreshDeps: [n.wd] }), y = p?.list || [], b = h?.dock_user_list || [], x = h?.users || [], S = [{
+		title: f("externalContact.title"),
+		value: "waibulianxiren",
+		children: y.map((e) => {
+			let t = e.nickname || e.name, n = u(t);
+			return {
+				...e,
+				title: /* @__PURE__ */ F(J, {
+					avatarurl: e.avatarurl,
+					randomColor: n,
+					name: t,
+					extra: /* @__PURE__ */ I("span", {
+						className: q["member-search__tree-extra"],
+						children: [
+							"(",
+							f("externalContact.title"),
+							"：",
+							e.groupname,
+							")"
+						]
+					})
+				}),
+				value: e._id
+			};
+		})
+	}, {
+		title: f("member.title"),
+		value: "chengyuan",
+		children: [...x, ...b].map((e) => {
+			let t = e.nickname || e.name, n = u(t);
+			return {
+				...e,
+				title: /* @__PURE__ */ F(J, {
+					avatarurl: e.avatarurl,
+					randomColor: n,
+					name: t,
+					extra: /* @__PURE__ */ F("span", {
+						className: q["member-search__tree-extra"],
+						children: e.user_type === "dock_user" ? `(${f("department.external")}：${e.dock_corpname})` : e.deptnames
+					})
+				}),
+				value: e._id
+			};
+		})
+	}].filter((e) => e.children.length), C = S.map((e) => e.value), w = v || m;
+	return /* @__PURE__ */ I("div", {
+		className: q["member-search"],
+		children: [/* @__PURE__ */ F(D, {
+			spinning: w,
+			children: /* @__PURE__ */ F(e, {
+				style: { height: d - 8 },
+				className: q["member-search__tree-wrapper"],
+				children: S.length && !w ? /* @__PURE__ */ F("div", {
+					className: q["member-search__tree-content"],
+					children: /* @__PURE__ */ F(k, {
+						data: S,
+						checkType: r === s.USER ? "radio" : "checkbox",
+						defaultSelectedKeys: o?.map((e) => e._id),
+						defaultExpandedKeys: C,
+						switcherIcon: (e) => /* @__PURE__ */ F(O, {
+							name: "xiangxiazhankai-11",
+							className: t(q["member-search__switch-icon"], { [q["member-search__switch-icon--expanded"]]: e })
+						}),
+						onSelect: (e) => {
+							if (s.USER === r) {
+								let t = l(e, S);
+								t && i({
+									type: "insertOnly",
+									payload: { ...t }
+								});
+							}
+							s.USER_GROUP === r && i({
+								type: "addOne",
+								payload: { ...l(e, S) }
+							});
+						},
+						onDeSelect: (e) => {
+							s.USER !== r && i({
+								type: "deleteOne",
+								payload: e
+							});
+						}
+					})
+				}) : null
+			})
+		}), !S.length && !w && /* @__PURE__ */ F("div", {
+			className: q["member-search__empty"],
+			children: /* @__PURE__ */ F("span", {
+				className: q["member-search__empty-text"],
+				children: f("member.noAvailable")
+			})
+		})]
+	});
+}, Y = {
+	"department-search": "_department-search_i1rya_1",
+	"department-search__scroll": "_department-search__scroll_i1rya_5",
+	"department-search__tree-content": "_department-search__tree-content_i1rya_8",
+	"department-search__title": "_department-search__title_i1rya_11",
+	"department-search__name": "_department-search__name_i1rya_16",
+	"department-search__extra": "_department-search__extra_i1rya_23",
+	"department-search__icon": "_department-search__icon_i1rya_31",
+	"department-search__switch-icon": "_department-search__switch-icon_i1rya_34",
+	"department-search__switch-icon--expanded": "_department-search__switch-icon--expanded_i1rya_39",
+	"department-search__empty": "_department-search__empty_i1rya_42",
+	"department-search__empty-text": "_department-search__empty-text_i1rya_49"
+}, X = (n) => {
+	let { type: r, value: i, dispatch: l, containerHeight: u } = a(), { t: f } = c(), { data: p, loading: m } = N(() => d({
+		departmentLimit: [],
+		key: n.wd
+	}), { refreshDeps: [n.wd] }), { data: g, loading: _ } = N(() => h()), v = g?.list || [], y = p?.departments || [], b = (p?.label_corp_list || []).filter((e) => e.type !== "dockcorpdept"), x = [...y, ...b].filter((e) => e.type !== "label"), S = [{
+		title: f("externalContact.group"),
+		_id: "waibulianxiren",
+		children: v.filter((e) => e.status === 1 && e.name?.includes(n.wd)).map((e) => ({
+			...e,
+			title: /* @__PURE__ */ I("span", {
+				className: Y["department-search__title"],
+				children: [/* @__PURE__ */ F(o, {
+					type: "group",
+					size: 16
+				}), /* @__PURE__ */ F("span", {
+					className: Y["department-search__name"],
+					children: e.name
+				})]
+			})
+		}))
+	}, {
+		title: f("department.title"),
+		_id: "bumen",
+		children: x.map((e) => ({
+			...e,
+			title: /* @__PURE__ */ I("span", {
+				className: Y["department-search__title"],
+				children: [
+					/* @__PURE__ */ F(O, {
+						name: "dept-one",
+						className: Y["department-search__icon"],
+						size: 16
+					}),
+					/* @__PURE__ */ F("span", {
+						className: Y["department-search__name"],
+						children: e.name
+					}),
+					[
+						"dockdept",
+						"dockcorp",
+						"dockcorpdept"
+					].includes(e.type) && /* @__PURE__ */ I("span", {
+						className: Y["department-search__extra"],
+						children: [
+							"(",
+							f("department.external"),
+							")"
+						]
+					})
+				]
+			})
+		}))
+	}].filter((e) => e.children.length), C = S.map((e) => e._id), w = (e, t) => {
+		if (!t) return;
+		if (r === s.DEPARMENT) {
+			l({
+				type: "insertOnly",
+				payload: {
+					...t,
+					type: t.departmentId ? "dockdept" : "group"
+				}
+			});
+			return;
+		}
+		let n = v.some((e) => e._id === t._id);
+		l({
+			type: "addOne",
+			payload: {
+				...t,
+				_id: t._id,
+				type: n ? "group" : "dockdept"
+			}
+		});
+	}, T = (e) => {
+		l({
+			type: "deleteOne",
+			payload: e
+		});
+	}, E = m || _;
+	return /* @__PURE__ */ I("div", {
+		className: Y["department-search"],
+		children: [/* @__PURE__ */ F(D, {
+			spinning: E,
+			children: /* @__PURE__ */ F(e, {
+				style: { height: u - 8 },
+				className: Y["department-search__scroll"],
+				children: S.length && !E ? /* @__PURE__ */ F("div", {
+					className: Y["department-search__tree-content"],
+					children: /* @__PURE__ */ F(k, {
+						data: S,
+						checkType: r === s.DEPARMENT ? "radio" : "checkbox",
+						selectedKeys: i?.map((e) => e._id),
+						fieldNames: {
+							title: "title",
+							children: "children",
+							value: "_id"
+						},
+						defaultExpandedKeys: C,
+						switcherIcon: (e) => /* @__PURE__ */ F(O, {
+							name: "xiangxiazhankai-11",
+							className: t(Y["department-search__switch-icon"], { [Y["department-search__switch-icon--expanded"]]: e })
+						}),
+						onSelect: w,
+						onDeSelect: T
+					})
+				}) : null
+			})
+		}), !S.length && !E && /* @__PURE__ */ F("div", {
+			className: Y["department-search__empty"],
+			children: /* @__PURE__ */ F("span", {
+				className: Y["department-search__empty-text"],
+				children: f("department.noAvailable")
+			})
+		})]
+	});
+}, Z = ({ wd: e, t, memberTabItems: n }) => ({
+	raw: /* @__PURE__ */ F(ae, { wd: e }),
+	placeholder: t("tabs.searchMember"),
+	tabItems: n
+}), Q = ({ wd: e, t, departmentTabItems: n }) => ({
+	raw: /* @__PURE__ */ F(X, { wd: e }),
+	placeholder: t("tabs.searchDepartment"),
+	tabItems: n
+}), oe = {
+	user: Z,
+	usergroup: Z,
+	dept: Q,
+	deptgroup: Q,
+	deptusers: ({ wd: e, t, deptUserTabItems: n }) => ({
+		raw: /* @__PURE__ */ F(X, { wd: e }),
+		placeholder: t("common.searchPlaceholder"),
+		tabItems: n
+	})
+}, se = (e, t) => {
+	let n = p(), r = m(), i = f(), { t: a } = c(), o = oe[e];
+	if (!o) throw Error(`No search strategy found for type: ${e}`);
+	return { config: o({
+		wd: t,
+		t: a,
+		memberTabItems: n,
+		departmentTabItems: r,
+		deptUserTabItems: i
+	}) };
+}, ce = () => {
+	let { type: e } = a(), [n, r] = w(), { config: i } = se(e, n), { tabItems: o } = i, [s, c] = w(o[0].key), l = (e) => {
+		c(e), r(void 0);
+	}, u = o.find((e) => e.key === s)?.view, d = (e) => {
+		if (!e.trim().length) {
+			r(void 0);
+			return;
+		}
+		r(e);
+	}, f = n ? i.raw : u, p = i.placeholder;
+	return /* @__PURE__ */ I("div", {
+		className: t(ie["selection-tabs"]),
+		children: [/* @__PURE__ */ F(G, {
+			value: s,
+			onChange: l,
+			onSearch: d,
+			tabs: o,
+			searchPlaceholder: p
+		}), /* @__PURE__ */ F(re, { children: f })]
+	});
+}, le = (e, t) => te(e, (e) => {
+	switch (t.type) {
+		case "addOne": {
+			let n = t.payload;
+			~e.findIndex((e) => e._id === n._id) || e.push(n);
+			break;
+		}
+		case "addMany":
+			t.payload.forEach((t) => {
+				~e.findIndex((e) => e._id === t._id) || e.push(t);
+			});
+			break;
+		case "removeMany": {
+			let n = t.payload;
+			e.filter((e) => n.includes(e._id)).forEach((t) => {
+				let n = e.findIndex((e) => e._id === t._id);
+				~n && e.splice(n, 1);
+			});
+			break;
+		}
+		case "removeAll":
+			e.splice(0, e.length);
+			break;
+		case "insertOnly": {
+			let n = t.payload;
+			e.length &&= 0, e.push(n);
+			break;
+		}
+		case "deleteOne": {
+			let n = t.payload, r = e.findIndex((e) => e._id === n);
+			~r && e.splice(r, 1);
+			break;
+		}
+		case "deleteAndInsert": {
+			let { newItems: n, oldIds: r } = t.payload;
+			r.forEach((t) => {
+				let n = e.findIndex((e) => e._id === t);
+				~n && e.splice(n, 1);
+			}), n.forEach((t) => {
+				~e.findIndex((e) => e._id === t._id) || e.push(t);
+			});
+		}
+	}
+}), $ = {
+	"depts-member": "_depts-member_1yeqk_1",
+	"depts-member__body": "_depts-member__body_1yeqk_6",
+	"depts-member__content": "_depts-member__content_1yeqk_9",
+	"depts-member__footer": "_depts-member__footer_1yeqk_15",
+	"depts-member__clear-area": "_depts-member__clear-area_1yeqk_20",
+	"depts-member__clear-button": "_depts-member__clear-button_1yeqk_24",
+	"depts-member__actions": "_depts-member__actions_1yeqk_35",
+	"depts-member__cancel-button": "_depts-member__cancel-button_1yeqk_42",
+	"depts-member__confirm-button": "_depts-member__confirm-button_1yeqk_45"
+}, ue = (e) => {
+	let { onCancel: t, onConfirm: n, onChange: r, defaultValue: a, type: o = "user", currentUser: l } = e, { t: u } = c(), [d, f] = M(e, { defaultValue: a || [] }), p = y((e) => {
+		let t = le(d, e);
+		f(t), r?.(t);
+	}, [
+		f,
+		d,
+		r
+	]), m = S(() => ({
+		type: o,
+		value: d,
+		setValue: f,
+		dispatch: p,
+		currentUser: l,
+		auth: {
+			publicPermissionEnable: e.auth?.publicPermissionEnable || !1,
+			managerPermissionEnable: e.auth?.managerPermissionEnable || !1
+		},
+		containerHeight: [s.USER_GROUP, s.DEPARMENT_GROUP].includes(o) ? 355 : 395
+	}), [
+		o,
+		d,
+		f,
+		p,
+		l,
+		e.auth?.publicPermissionEnable,
+		e.auth?.managerPermissionEnable
+	]);
+	return /* @__PURE__ */ I("div", {
+		className: $["depts-member"],
+		children: [/* @__PURE__ */ F("div", {
+			className: $["depts-member__body"],
+			children: /* @__PURE__ */ F("div", {
+				className: $["depts-member__content"],
+				"data-teleport": "DeptsMember",
+				children: /* @__PURE__ */ I(i.Provider, {
+					value: m,
+					children: [/* @__PURE__ */ F(U, {}), /* @__PURE__ */ F(ce, {})]
+				})
+			})
+		}), /* @__PURE__ */ I("div", {
+			className: $["depts-member__footer"],
+			children: [[s.DEPARMENT_GROUP, s.USER_GROUP].includes(o) && /* @__PURE__ */ F("div", {
+				className: $["depts-member__clear-area"],
+				children: /* @__PURE__ */ I("div", {
+					className: $["depts-member__clear-button"],
+					onClick: () => {
+						f([]);
+					},
+					children: [/* @__PURE__ */ F(O, {
+						name: "clearTree",
+						size: 20,
+						style: { verticalAlign: "sub" }
+					}), /* @__PURE__ */ F("span", { children: u("common.clearAll") })]
+				})
+			}), /* @__PURE__ */ I("div", {
+				className: $["depts-member__actions"],
+				children: [/* @__PURE__ */ F(E, {
+					onClick: t,
+					className: $["depts-member__cancel-button"],
+					children: u("common.cancel")
+				}), /* @__PURE__ */ F(E, {
+					type: "primary",
+					className: $["depts-member__confirm-button"],
+					onClick: () => n?.(d),
+					children: u("common.confirm")
+				})]
+			})]
+		})]
+	});
+};
+//#endregion
+export { z as n, ue as t };