@baishuyun/ui-business 5.1.6 → 5.2.0

package/dist/DeptsMemberSelector/MemberPanel-BhuVgJdO.js

@@ -0,0 +1,510 @@
+import { t as e } from "../vendors/simplebar-react.js";
+import { t } from "../vendors/clsx.js";
+import { c as n, o as r, t as i } from "./useDeptsMemberSelector-t7b8yu-A.js";
+import { m as a, n as o, p as s, r as c, t as l } from "./services/contact/selector.service-CY5vQea8.js";
+import { a as u, i as d, n as f, t as p } from "./TabGroup-Dht9ylk4.js";
+import { t as m } from "../vendors/useLocale.js";
+import { buildDeptTree as h, buildTree as g, findNodeInTree as _, getColorByName as v, getMemberDisplayName as y } from "./utils/index.js";
+import { useMemo as b, useRef as x, useState as S } from "react";
+import { Avatar as C, Radio as w, Spin as T } from "antd";
+import { Checkbox as E, Icon as D, Tree as O } from "@baishuyun/ui-base";
+import { useRequest as k } from "ahooks";
+import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
+import { produce as N } from "immer";
+//#region src/components/DeptsMemberSelector/subcomponents/Entity/Member/MemerList/MemerList.module.scss
+var P = {
+	"memer-list__option": "_memer-list__option_1txby_1",
+	"memer-list__option--checkbox": "_memer-list__option--checkbox_1txby_9",
+	"memer-list__option-inner": "_memer-list__option-inner_1txby_12",
+	"memer-list__row": "_memer-list__row_1txby_15",
+	"memer-list__name": "_memer-list__name_1txby_20",
+	"memer-list__checkbox-row": "_memer-list__checkbox-row_1txby_27",
+	"memer-list__selected-summary": "_memer-list__selected-summary_1txby_35",
+	"memer-list__radio": "_memer-list__radio_1txby_40",
+	"memer-list__checkbox": "_memer-list__checkbox_1txby_27",
+	"memer-list__group": "_memer-list__group_1txby_46",
+	"memer-list": "_memer-list_1txby_1"
+}, F = (e) => {
+	let { list: n, showCheckAll: r = !0 } = e, { t: a } = m(), { value: o, type: s, dispatch: c } = i(), l = s === u.USER, d = s === u.USER_GROUP || s === u.DEPT_USERS, f = o?.[0]?._id, p = (e) => {
+		let t = n?.find((t) => t._id === e.target.value);
+		t && c({
+			type: "insertOnly",
+			payload: { ...t }
+		});
+	}, h = (e) => {
+		c({
+			type: "deleteOne",
+			payload: e
+		});
+	}, g = o?.map((e) => e._id) || [], _ = n.filter((e) => g.includes(e._id)).length;
+	return /* @__PURE__ */ j("div", {
+		className: P["memer-list"],
+		children: /* @__PURE__ */ M("ul", {
+			className: P["memer-list__list"],
+			children: [l && /* @__PURE__ */ j(w.Group, {
+				value: f,
+				onChange: p,
+				className: P["memer-list__group"],
+				prefixCls: "ant-radio",
+				children: n.map((t) => {
+					let n = y(t), r = v(n);
+					return /* @__PURE__ */ j("li", {
+						className: P["memer-list__option"],
+						children: /* @__PURE__ */ j(w, {
+							value: t._id,
+							className: P["memer-list__radio"],
+							onClick: (e) => {
+								h(e.target?.value);
+							},
+							children: /* @__PURE__ */ M("div", {
+								className: P["memer-list__row"],
+								children: [
+									t.avatarurl ? /* @__PURE__ */ j(C, {
+										src: t.avatarurl,
+										size: 20,
+										style: { flexShrink: 0 }
+									}) : /* @__PURE__ */ j(C, {
+										style: {
+											backgroundColor: r,
+											fontSize: "12px",
+											lineHeight: "13px",
+											width: "20px",
+											height: "20px",
+											flexShrink: 0
+										},
+										children: n.charAt(0)
+									}),
+									/* @__PURE__ */ j("span", {
+										className: P["memer-list__name"],
+										children: n
+									}),
+									e.badge && e.badge(t)
+								]
+							})
+						})
+					}, t._id);
+				})
+			}), d && /* @__PURE__ */ M(A, { children: [r && /* @__PURE__ */ j("li", {
+				className: t(P["memer-list__option"], P["memer-list__option--checkbox"]),
+				children: /* @__PURE__ */ j(E, {
+					labelPosition: "left",
+					checked: _ === n.length,
+					indeterminate: _ > 0 && _ < n.length,
+					className: P["memer-list__checkbox"],
+					onChange: () => {
+						_ === n.length ? c({
+							type: "removeMany",
+							payload: n.map((e) => e._id)
+						}) : c({
+							type: "addMany",
+							payload: n.map((e) => ({ ...e }))
+						});
+					},
+					children: /* @__PURE__ */ j("div", {
+						className: P["memer-list__selected-summary"],
+						children: /* @__PURE__ */ j("span", { children: a("common.selected", {
+							selected: _,
+							total: n.length
+						}) })
+					})
+				})
+			}), /* @__PURE__ */ j(E.Group, {
+				value: g,
+				onChange: (e) => {
+					let t = [], r = [];
+					for (let i = 0; i < n.length; i++) {
+						let a = n[i];
+						e.includes(a._id) ? t.push(a) : r.push(a);
+					}
+					c({
+						type: "deleteAndInsert",
+						payload: {
+							oldIds: r.map((e) => e._id),
+							newItems: t
+						}
+					});
+				},
+				className: P["memer-list__group"],
+				children: n.map((n) => {
+					let r = y(n), i = v(r);
+					return /* @__PURE__ */ j("li", {
+						className: t(P["memer-list__option"], P["memer-list__option--checkbox"]),
+						children: /* @__PURE__ */ j(E, {
+							labelPosition: "left",
+							value: n._id,
+							className: P["memer-list__checkbox"],
+							children: /* @__PURE__ */ M("div", {
+								className: P["memer-list__checkbox-row"],
+								children: [
+									n.avatarurl ? /* @__PURE__ */ j(C, {
+										src: n.avatarurl,
+										size: 20,
+										style: { flexShrink: 0 }
+									}) : /* @__PURE__ */ j(C, {
+										style: {
+											backgroundColor: i,
+											fontSize: "12px",
+											lineHeight: "13px",
+											width: "20px",
+											height: "20px",
+											flexShrink: 0
+										},
+										children: r.charAt(0)
+									}),
+									/* @__PURE__ */ j("span", {
+										className: P["memer-list__name"],
+										children: r
+									}),
+									e.badge && e.badge(n)
+								]
+							})
+						})
+					}, n._id);
+				})
+			})] })]
+		})
+	});
+}, I = {
+	"bsy-external-member__all-option": "_bsy-external-member__all-option_1jd7j_1",
+	"bsy-external-member__all-option--selected": "_bsy-external-member__all-option--selected_1jd7j_13",
+	"bsy-external-member__icon": "_bsy-external-member__icon_1jd7j_20",
+	"bsy-external-member__switcher-icon": "_bsy-external-member__switcher-icon_1jd7j_24",
+	"bsy-external-member__switcher-icon--expanded": "_bsy-external-member__switcher-icon--expanded_1jd7j_29",
+	"bsy-external-member__content": "_bsy-external-member__content_1jd7j_32"
+}, L = {
+	"bsy-all-member__all-option": "_bsy-all-member__all-option_8jfkj_1",
+	"bsy-all-member__all-option--selected": "_bsy-all-member__all-option--selected_8jfkj_14"
+}, R = (e) => {
+	let { t: n } = m();
+	return /* @__PURE__ */ M("div", {
+		className: t(L["bsy-all-member__all-option"], { [L["bsy-all-member__all-option--selected"]]: e.selected }),
+		onClick: () => e.onSelect(!e.selected),
+		children: [/* @__PURE__ */ j("div", {
+			className: L["bsy-all-member__all-option-icon"],
+			children: e.icon ? e.icon : /* @__PURE__ */ j("svg", {
+				width: "20",
+				height: "20",
+				viewBox: "0 0 20 20",
+				fill: "none",
+				xmlns: "http://www.w3.org/2000/svg",
+				children: /* @__PURE__ */ j("path", {
+					d: "M10 1.25C12.3206 1.25 14.5462 2.17187 16.1872 3.81282C17.8281 5.45376 18.75 7.67936 18.75 10C18.75 12.3206 17.8281 14.5462 16.1872 16.1872C14.5462 17.8281 12.3206 18.75 10 18.75C7.67936 18.75 5.45376 17.8281 3.81282 16.1872C2.17187 14.5462 1.25 12.3206 1.25 10C1.25 7.67936 2.17187 5.45376 3.81282 3.81282C5.45376 2.17187 7.67936 1.25 10 1.25ZM9.4325 5H9.325L9.1125 5.00875C7.60875 5.13 7.165 6.5525 7.165 7.37875C7.13187 7.91241 7.22744 8.44621 7.44367 8.93523C7.6599 9.42424 7.99045 9.85415 8.4075 10.1888C8.52 10.3263 8.57625 10.4987 8.5675 10.675C8.53114 10.7896 8.45307 10.8864 8.34875 10.9462C7.645 11.48 5.14875 12.0837 4.99875 13.2712C4.8925 13.7575 4.13625 14.5675 6.59875 14.8713C7.54875 14.9963 8.50625 15.0487 9.4625 15.0325C15.1913 15.0325 14.0013 13.895 13.8412 13.2512L13.7887 13.0675C13.385 12.0588 11.2987 11.505 10.5062 11.0112L10.3837 10.9275L10.39 10.94L10.35 10.86C10.3352 10.8247 10.3231 10.7884 10.3138 10.7512L10.295 10.6375C10.284 10.4912 10.3023 10.3442 10.3488 10.205C10.3488 10.205 11.5912 9.5125 11.5912 7.37875C11.5375 6.515 11.0588 5 9.4325 5ZM12.9838 6.13125H12.785C12.5898 6.14356 12.3995 6.19815 12.2275 6.29125C12.4987 7.26125 12.8775 8.995 11.4163 10.125C10.8825 10.9363 12.7125 11.475 12.4462 11.315C14.1213 12.0725 14.6062 12.665 14.7175 13.2613C14.8238 13.7463 14.8775 14.0725 14.8775 14.0725C15.4241 13.9831 15.9602 13.8382 16.4775 13.64C16.512 13.3512 16.4937 13.0585 16.4237 12.7762L16.44 12.7863L16.4025 12.6213C16.11 11.765 14.355 11.355 13.8488 10.8938C13.7898 10.8138 13.7528 10.7199 13.7413 10.6213C13.7413 10.3488 13.795 10.2963 13.795 10.2963C14.1359 10.0305 14.4038 9.68268 14.5737 9.28524C14.7435 8.8878 14.8098 8.45377 14.7662 8.02375C14.7125 7.32 14.3337 6.13125 12.9838 6.13125ZM5.9225 6.14125H5.87L5.69 6.155C5.24076 6.2117 4.83017 6.43794 4.54227 6.78743C4.25436 7.13691 4.1109 7.58321 4.14125 8.035C4.08125 8.90375 4.44125 9.75 5.1125 10.3062C5.15324 10.4096 5.17156 10.5203 5.16625 10.6313C5.15471 10.7299 5.11766 10.8238 5.05875 10.9037C4.52625 11.3362 2.68 11.8212 2.52125 12.7975C2.49421 13.0668 2.49421 13.3382 2.52125 13.6075C2.93375 13.8025 3.36875 13.9475 3.81625 14.04C3.81625 14.04 3.87 13.7675 3.97625 13.39C4.03 12.8562 4.84 11.875 6.84 11.1125L6.97 11.0675C7.05625 11.035 7.13875 10.9963 7.22 10.9525C7.4375 10.7925 7.65125 10.52 7.22 10.1412C5.81625 8.0875 6.30125 6.73875 6.515 6.2475C6.32423 6.18149 6.12432 6.14564 5.9225 6.14125Z",
+					fill: "#0265FF"
+				})
+			})
+		}), /* @__PURE__ */ j("span", { children: e.title || n("member.all") })]
+	});
+}, z = /* @__PURE__ */ function(e) {
+	return e.DOCK_PERSON_GROUP = "dockcorp", e.DOCK_DEPARTMENT = "dockcorpdept", e;
+}(z || {}), B = (n) => {
+	let { loading: r = !1 } = n, { containerHeight: a } = i(), { t: o } = m(), s = [{
+		label: o("member.contact"),
+		value: z.DOCK_PERSON_GROUP
+	}, {
+		label: o("department.title"),
+		value: z.DOCK_DEPARTMENT
+	}], [c, l] = S(z.DOCK_PERSON_GROUP), u = (e, t) => {
+		let n = [];
+		for (let r of e) if (r.type === t) if (t === "dockcorpdept") n.push({
+			...r,
+			children: r.children
+		});
+		else {
+			let e = r.children ? u(r.children, t) : [];
+			n.push({
+				...r,
+				children: e.length > 0 ? e : void 0
+			});
+		}
+		else {
+			let e = r.children ? u(r.children, t) : [];
+			e.length > 0 && n.push({
+				...r,
+				children: e
+			});
+		}
+		return n;
+	}, d = u(n.data, c), f = d?.map((e) => e.departmentId);
+	return /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(p, {
+		tabs: s,
+		value: c,
+		onChange: l
+	}), /* @__PURE__ */ j(e, {
+		style: { height: a - 34 },
+		classNames: { contentEl: I["bsy-external-member__content"] },
+		children: /* @__PURE__ */ M("div", {
+			className: I["bsy-external-member__content"],
+			children: [/* @__PURE__ */ j(R, {
+				title: c === z.DOCK_PERSON_GROUP ? o("member.allContact") : o("department.all"),
+				selected: n.selectLevel === n.unique_all,
+				onSelect: () => n.onSelect(n.unique_all),
+				icon: /* @__PURE__ */ j(D, {
+					name: "contactperson",
+					size: 20,
+					color: "#6f829e"
+				})
+			}), d.length > 0 && !r && /* @__PURE__ */ j(O, {
+				data: d,
+				fieldNames: {
+					title: "name",
+					value: "departmentId",
+					children: "children"
+				},
+				selectedKeys: n.selectLevel ? [n.selectLevel] : [],
+				onSelect: (e) => n.onSelect(e),
+				parentCheckable: !0,
+				defaultExpandedKeys: f.length === 1 ? f : [],
+				icon: () => /* @__PURE__ */ j(D, {
+					name: "dept-one",
+					className: I["bsy-external-member__icon"]
+				}),
+				switcherIcon: (e) => /* @__PURE__ */ j(D, {
+					name: "xiangxiazhankai-11",
+					className: t(I["bsy-external-member__switcher-icon"], { [I["bsy-external-member__switcher-icon--expanded"]]: e })
+				})
+			})]
+		})
+	}, d.length)] });
+}, V = {
+	"internal-member__content": "_internal-member__content_1aszs_1",
+	"internal-member__icon": "_internal-member__icon_1aszs_4",
+	"internal-member__switcher": "_internal-member__switcher_1aszs_8",
+	"internal-member__switcher--expanded": "_internal-member__switcher--expanded_1aszs_13"
+}, H = (n) => {
+	let { loading: r, onSelect: a, unique_all: o, selectLevel: s } = n, { containerHeight: c } = i(), l = n.data?.map((e) => e.departmentId);
+	return /* @__PURE__ */ M(e, {
+		style: {
+			height: c - 8,
+			padding: "4px"
+		},
+		classNames: { contentEl: V["internal-member__content"] },
+		children: [/* @__PURE__ */ j(R, {
+			selected: s === o,
+			onSelect: () => a(o)
+		}), n.data.length > 0 && !r && /* @__PURE__ */ j(O, {
+			data: n.data,
+			fieldNames: {
+				title: "name",
+				value: "departmentId",
+				children: "children"
+			},
+			selectedKeys: n.selectLevel ? [n.selectLevel] : [],
+			onSelect: (e) => n.onSelect(e),
+			parentCheckable: !0,
+			defaultExpandedKeys: l.length === 1 ? l : [],
+			icon: () => /* @__PURE__ */ j(D, {
+				name: "dept-one",
+				className: V["internal-member__icon"],
+				size: 16
+			}),
+			switcherIcon: (e) => /* @__PURE__ */ j(D, {
+				name: "xiangxiazhankai-11",
+				className: t(V["internal-member__switcher"], { [V["internal-member__switcher--expanded"]]: e })
+			})
+		})]
+	});
+}, U = {
+	"member-panel": "_member-panel_1lhyj_1",
+	"member-panel__overlay-empty": "_member-panel__overlay-empty_1lhyj_6",
+	"member-panel__sidebar": "_member-panel__sidebar_1lhyj_13",
+	"member-panel__menu": "_member-panel__menu_1lhyj_18",
+	"member-panel__menu-item": "_member-panel__menu-item_1lhyj_23",
+	"member-panel__menu-item--active": "_member-panel__menu-item--active_1lhyj_34",
+	"member-panel__panel": "_member-panel__panel_1lhyj_38",
+	"member-panel__panel--list": "_member-panel__panel--list_1lhyj_42",
+	"member-panel__list-wrapper": "_member-panel__list-wrapper_1lhyj_45",
+	"member-panel__empty": "_member-panel__empty_1lhyj_48",
+	"member-panel__empty-text": "_member-panel__empty-text_1lhyj_55"
+}, W = Symbol("all key"), G = () => {
+	let e = i(), { containerHeight: t, type: u, requestContext: p, limits: v } = e, y = e.memberPanelRequestGuard ?? r, { t: C } = m(), [w, T] = S([{
+		key: "internal",
+		label: C("member.internal"),
+		visible: !1
+	}, {
+		key: "external",
+		label: C("member.external"),
+		visible: !1
+	}]), E = x(!0), D = x({
+		internal: !1,
+		external: !1
+	}), O = x(), [A, M] = S("internal"), [P, F] = S(W), I = JSON.stringify({
+		type: u,
+		requestContext: p,
+		limits: v,
+		memberPanelRequestGuardEnabled: y.enabled
+	});
+	O.current !== I && (O.current = I, E.current = !0, D.current = {
+		internal: !1,
+		external: !1
+	});
+	let L = (e) => {
+		M(e), F(W);
+	}, { data: R, loading: z } = k(async () => u !== "deptusers" && !y.enabled ? {
+		departments: [],
+		departments_count: 0,
+		label_corp_list: [],
+		label_corp_count: 0
+	} : u === "deptusers" ? o({
+		requestContext: p,
+		hasDeptDock: A === "external"
+	}) : s({
+		requestContext: p,
+		limits: v,
+		hasDeptDock: A === "external"
+	}), {
+		refreshDeps: [
+			A,
+			u,
+			p,
+			v,
+			y.enabled
+		],
+		onSuccess: (e) => {
+			if (!e) return;
+			let t = e.departments_count > 0, n = e.label_corp_count > 0, r = {
+				internal: D.current.internal || t,
+				external: D.current.external || n
+			};
+			D.current = r, T(N((e) => {
+				e[0].visible = r.internal, e[1].visible = r.external;
+			})), E.current && (E.current = !1, (t || n) && M(t ? "internal" : "external"));
+		}
+	}), B = b(() => {
+		if (!R) return {
+			internal: [],
+			external: []
+		};
+		let e = h(f(R.departments || [])), t = (e) => e.filter((e) => (e.children &&= t(e.children), !((e.type === "label" || e.type === "dockcorpdept") && (!e.children || e.children.length === 0)))).map((e) => ({
+			...e,
+			checkable: e.type !== "label" && e.type !== "dockcorpdept",
+			icon: /* @__PURE__ */ j(d, {
+				type: e.type,
+				size: 16
+			})
+		})), n = f(R.label_corp_list || []), r = n.length ? g(n, {
+			value: "departmentId",
+			children: "children",
+			parentId: "parentId"
+		}) : [];
+		return {
+			internal: e,
+			external: t(r.length === 1 && r[0]?.type === "label" ? r[0].children || [] : r)
+		};
+	}, [R]), V = A === "internal" ? B.internal : B.external, H = b(() => {
+		if (!(A !== "external" || P === W)) return _(P, B.external, {
+			title: "name",
+			parentId: "parentId",
+			value: "_id",
+			children: "children"
+		})?.owner_corpid;
+	}, [
+		A,
+		P,
+		B.external
+	]), { data: U, loading: G } = k(async () => {
+		if (!A || u !== "deptusers" && !y.enabled) return [];
+		if (u === "deptusers") return (await c({
+			requestContext: p,
+			deptId: P === W ? "" : P,
+			limit: 1e4
+		})).users || [];
+		let e = await a({
+			requestContext: p,
+			limits: v,
+			departmentId: P === W ? null : P,
+			limit: l,
+			hasDeptDock: A === "external",
+			currentCorpId: H
+		});
+		return A === "external" ? e.dock_user_list || [] : e.users || [];
+	}, { refreshDeps: [[
+		u,
+		A,
+		String(P),
+		H || "",
+		p?.appId || "",
+		p?.entryId || ""
+	].join(":"), y.enabled] });
+	return {
+		containerHeight: t,
+		menuItems: w,
+		activeKey: A,
+		setActiveKey: L,
+		selectKey: P,
+		setSelectKey: F,
+		uniqueAllKey: W,
+		treeData: B,
+		currentTreeData: V,
+		userList: U || [],
+		loading: z,
+		memberLoading: G,
+		showUnavailableOverlay: y.reason === n.LIMIT_WIDGET_EMPTY_ARRAY
+	};
+}, K = () => {
+	let { t: n } = m(), r = G(), i = r.userList;
+	return r.showUnavailableOverlay ? /* @__PURE__ */ j("div", {
+		className: U["member-panel"],
+		children: /* @__PURE__ */ j("div", {
+			className: U["member-panel__overlay-empty"],
+			children: /* @__PURE__ */ j("span", {
+				className: U["member-panel__empty-text"],
+				children: n("member.noAvailable")
+			})
+		})
+	}) : /* @__PURE__ */ M("div", {
+		className: U["member-panel"],
+		children: [
+			/* @__PURE__ */ j("aside", {
+				className: U["member-panel__sidebar"],
+				children: /* @__PURE__ */ j("ul", {
+					className: U["member-panel__menu"],
+					children: r.menuItems.filter((e) => e.visible).map((e) => /* @__PURE__ */ j("li", {
+						onClick: () => {
+							r.setActiveKey(e.key);
+						},
+						className: t(U["member-panel__menu-item"], { [U["member-panel__menu-item--active"]]: r.activeKey === e.key }),
+						children: e.label
+					}, e.key))
+				})
+			}),
+			/* @__PURE__ */ j("section", {
+				className: U["member-panel__panel"],
+				children: /* @__PURE__ */ M(T, {
+					spinning: r.loading,
+					children: [r.activeKey === "internal" && /* @__PURE__ */ j(H, {
+						unique_all: r.uniqueAllKey,
+						selectLevel: r.selectKey,
+						onSelect: r.setSelectKey,
+						data: r.currentTreeData
+					}), r.activeKey === "external" && /* @__PURE__ */ j(B, {
+						unique_all: r.uniqueAllKey,
+						selectLevel: r.selectKey,
+						onSelect: r.setSelectKey,
+						data: r.currentTreeData
+					})]
+				})
+			}),
+			/* @__PURE__ */ M("section", {
+				className: t(U["member-panel__panel"], U["member-panel__panel--list"]),
+				children: [/* @__PURE__ */ j(T, {
+					spinning: r.memberLoading,
+					children: /* @__PURE__ */ j(e, {
+						style: { height: r.containerHeight - 8 },
+						children: i.length > 0 && /* @__PURE__ */ j("div", {
+							className: U["member-panel__list-wrapper"],
+							children: /* @__PURE__ */ j(F, { list: i })
+						})
+					})
+				}), i.length === 0 && !r.memberLoading && /* @__PURE__ */ j("div", {
+					className: U["member-panel__empty"],
+					children: /* @__PURE__ */ j("span", {
+						className: U["member-panel__empty-text"],
+						children: n("member.noAvailable")
+					})
+				})]
+			})
+		]
+	});
+};
+//#endregion
+export { F as n, K as t };