@baishuyun/ui-business 5.0.3 → 5.1.1

package/dist/DeptsMemberSelector/DeptsUser-C7_gkn3k.js

@@ -0,0 +1,366 @@
+import { t as e } from "../vendors/simplebar-react.js";
+import { t } from "../vendors/clsx.js";
+import { t as n } from "./useDeptsMemberSelector-xc9GWJaL.js";
+import { n as r, r as i, s as a } from "./services/contact/selector.service-cz8fZZaA.js";
+import { t as o } from "../vendors/useLocale.js";
+import { buildDeptTree as s, getColorByName as c } from "./utils/index.js";
+import { t as l } from "./OrganizationPanel-BAhvhgOL.js";
+import { i as u, n as d, r as f, t as p } from "./ExtraConcactPanel-BRkvxzbe.js";
+import { t as m } from "./RelationShipList-BVTUyw1-.js";
+import { t as h } from "./RelationShipDepts-DadyalUU.js";
+import { useMemo as g, useState as _ } from "react";
+import { Avatar as v, Spin as y } from "antd";
+import { Checkbox as b } from "@baishuyun/ui-base";
+import { useRequest as x } from "ahooks";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+//#region src/utils/recordSelectedNode.ts
+function w(e, t) {
+	let n = "bsy_dept_member";
+	try {
+		let r = sessionStorage.getItem(n), i = r ? JSON.parse(r) : [];
+		if (i.some((t) => t._id === e)) return;
+		let a = t.find((t) => t._id === e);
+		if (!a) {
+			console.warn(`未找到 id 为 ${e} 的节点信息`);
+			return;
+		}
+		i.push(a), sessionStorage.setItem(n, JSON.stringify(i));
+	} catch (e) {
+		console.error("记录选中节点时发生错误:", e);
+	}
+}
+//#endregion
+//#region src/components/DeptsMemberSelector/subcomponents/Panels/MemberRelationShipPanel/MemberRelationShip.module.scss
+var T = {
+	"member-relation-ship": "_member-relation-ship_1fjcv_1",
+	"member-relation-ship__menu": "_member-relation-ship__menu_1fjcv_6",
+	"member-relation-ship__menu-list": "_member-relation-ship__menu-list_1fjcv_11",
+	"member-relation-ship__menu-item": "_member-relation-ship__menu-item_1fjcv_15",
+	"member-relation-ship__menu-item--active": "_member-relation-ship__menu-item--active_1fjcv_26",
+	"member-relation-ship__column": "_member-relation-ship__column_1fjcv_33",
+	"member-relation-ship__column-header": "_member-relation-ship__column-header_1fjcv_42",
+	"member-relation-ship__column-content": "_member-relation-ship__column-content_1fjcv_50"
+}, E = {
+	"relation-ship-member": "_relation-ship-member_h6xr2_1",
+	"relation-ship-member__list": "_relation-ship-member__list_h6xr2_4",
+	"relation-ship-member__item": "_relation-ship-member__item_h6xr2_9",
+	"relation-ship-member__item--active": "_relation-ship-member__item--active_h6xr2_22",
+	"relation-ship-member__avatar": "_relation-ship-member__avatar_h6xr2_28",
+	"relation-ship-member__nickname": "_relation-ship-member__nickname_h6xr2_31",
+	"relation-ship-member__deptnames": "_relation-ship-member__deptnames_h6xr2_40",
+	"relation-ship-member__empty": "_relation-ship-member__empty_h6xr2_47"
+}, D = (r) => {
+	let { t: i } = o(), { containerHeight: a } = n(), s = r.userList || [], l = (e) => {
+		r.onChange?.(e._id);
+	};
+	return /* @__PURE__ */ S(y, {
+		spinning: r.loading,
+		children: /* @__PURE__ */ S(e, {
+			className: E["relation-ship-member"],
+			style: { height: a - 8 },
+			children: s.length > 0 ? /* @__PURE__ */ S("ul", {
+				className: E["relation-ship-member__list"],
+				children: s.map((e) => /* @__PURE__ */ C("li", {
+					onClick: () => l(e),
+					className: t(E["relation-ship-member__item"], { [E["relation-ship-member__item--active"]]: r.value === e._id }),
+					children: [
+						/* @__PURE__ */ S("div", {
+							className: E["relation-ship-member__avatar"],
+							children: e.avatarurl ? /* @__PURE__ */ S(v, {
+								src: e.avatarurl,
+								size: 20
+							}) : /* @__PURE__ */ S(v, {
+								size: 20,
+								style: {
+									backgroundColor: c(e.nickname),
+									fontSize: "12px",
+									lineHeight: "13px"
+								},
+								children: e.nickname?.charAt(0) || "?"
+							})
+						}),
+						/* @__PURE__ */ S("div", {
+							className: E["relation-ship-member__nickname"],
+							children: e.nickname
+						}),
+						/* @__PURE__ */ S("div", {
+							className: E["relation-ship-member__deptnames"],
+							children: e.deptnames
+						})
+					]
+				}, e._id))
+			}) : !r.loading && /* @__PURE__ */ S("div", {
+				className: E["relation-ship-member__empty"],
+				style: { height: a - 8 + "px" },
+				children: /* @__PURE__ */ S("span", { children: i("member.noAvailable") })
+			})
+		})
+	});
+}, O = /* @__PURE__ */ function(e) {
+	return e[e.DEPARTMENT = 0] = "DEPARTMENT", e[e.MEMBER = 1] = "MEMBER", e;
+}(O || {}), k = () => {
+	let { containerHeight: e, requestContext: t, value: o, dispatch: l } = n(), [u, d] = _(O.DEPARTMENT), [f, p] = _({
+		deptFrom: "relation",
+		memberFrom: "relationUser"
+	}), { data: m, loading: h } = x(() => r({
+		requestContext: t,
+		hasDeptDock: !1
+	}), {
+		onSuccess: (e) => {
+			let t = e?.departments?.[0];
+			t && !f.deptFromId && (p((e) => ({
+				...e,
+				deptFromId: t._id,
+				deptId: t.departmentId
+			})), w(t._id, e.departments));
+		},
+		refreshDeps: [t]
+	}), v = g(() => m?.departments?.length ? s(m.departments) : [], [m?.departments]), { data: y, loading: b } = x(async () => f.deptId && (await i({
+		requestContext: t,
+		deptId: f.deptId,
+		limit: 1e4
+	})).users || [], {
+		refreshDeps: [
+			f.deptId,
+			t?.appId,
+			t?.entryId
+		],
+		onSuccess: (e) => {
+			e?.length > 0 && !f.memberFromId && (p((t) => ({
+				...t,
+				memberFromId: e[0]._id
+			})), w(e[0]._id, e));
+		}
+	}), S = u === O.DEPARTMENT ? f.deptFrom : f.memberFrom, C = u === O.DEPARTMENT ? f.deptFromId : f.memberFromId, { data: T, loading: E } = x(() => a({ requestContext: t }), {
+		ready: !!(S && C),
+		refreshDeps: [
+			S,
+			C,
+			t
+		]
+	}), D = (T?.list || []).map((e) => ({
+		_id: `${C}-${S}-${e._id}`,
+		name: e.name
+	})), k = o?.map((e) => e._id) || [];
+	return {
+		containerHeight: e,
+		activeKey: u,
+		setActiveKey: d,
+		relationData: f,
+		setDeptRelationType: (e) => p((t) => ({
+			...t,
+			deptFrom: e
+		})),
+		deptTreeData: v,
+		userList: y || [],
+		relationList: D,
+		selectedIds: k,
+		departmentsLoading: h,
+		memberLoading: b,
+		relationsLoading: E,
+		handleSelectDepartment: (e, t) => {
+			w(e, m?.departments || []), p((n) => ({
+				...n,
+				deptFromId: e,
+				deptId: t.departmentId,
+				memberFromId: void 0
+			}));
+		},
+		handleSelectMember: (e) => {
+			p((t) => ({
+				...t,
+				memberFromId: e
+			})), w(e, y || []);
+		},
+		handleSelectRelation: (e) => {
+			let t = D.filter((t) => e.includes(t._id));
+			l({
+				type: "deleteAndInsert",
+				payload: {
+					oldIds: D.filter((t) => !e.includes(t._id)).map((e) => e._id),
+					newItems: t
+				}
+			});
+		},
+		relationShipType: O,
+		departmentRelationTabs: [{
+			key: "relation",
+			label: "当前部门的所有关系"
+		}, {
+			key: "relationSub",
+			label: "当前部门及子部门的所有关系"
+		}],
+		menuItems: [{
+			key: O.DEPARTMENT,
+			label: "department.title"
+		}, {
+			key: O.MEMBER,
+			label: "member.title"
+		}],
+		getAvatarColor: (e) => c(e)
+	};
+}, A = () => {
+	let { t: e } = o(), n = k(), r = [{
+		key: n.relationShipType.DEPARTMENT,
+		label: e("department.title")
+	}, {
+		key: n.relationShipType.MEMBER,
+		label: e("member.title")
+	}];
+	return /* @__PURE__ */ C("div", {
+		className: T["member-relation-ship"],
+		children: [
+			/* @__PURE__ */ S("aside", {
+				className: T["member-relation-ship__menu"],
+				children: /* @__PURE__ */ S("ul", {
+					className: T["member-relation-ship__menu-list"],
+					children: r.map((e) => /* @__PURE__ */ S("li", {
+						onClick: () => n.setActiveKey(e.key),
+						className: t(T["member-relation-ship__menu-item"], { [T["member-relation-ship__menu-item--active"]]: n.activeKey === e.key }),
+						children: e.label
+					}, e.key))
+				})
+			}),
+			/* @__PURE__ */ S("section", {
+				className: T["member-relation-ship__column"],
+				children: /* @__PURE__ */ S(h, {
+					value: n.relationData.deptFromId,
+					treeData: n.deptTreeData,
+					loading: n.departmentsLoading,
+					onSelect: n.handleSelectDepartment
+				})
+			}),
+			/* @__PURE__ */ C("section", {
+				className: T["member-relation-ship__column"],
+				children: [n.activeKey === n.relationShipType.DEPARTMENT && /* @__PURE__ */ S("ul", {
+					className: T["member-relation-ship__menu-list"],
+					children: n.departmentRelationTabs.map((e) => /* @__PURE__ */ S("li", {
+						onClick: () => n.setDeptRelationType(e.key),
+						className: t(T["member-relation-ship__menu-item"], { [T["member-relation-ship__menu-item--active"]]: n.relationData.deptFrom === e.key }),
+						children: e.label
+					}, e.key))
+				}), n.activeKey === n.relationShipType.MEMBER && /* @__PURE__ */ S(D, {
+					deptId: n.relationData.deptId,
+					value: n.relationData.memberFromId,
+					userList: n.userList,
+					loading: n.memberLoading,
+					onChange: n.handleSelectMember
+				})]
+			}),
+			/* @__PURE__ */ S("section", {
+				className: T["member-relation-ship__column"],
+				children: /* @__PURE__ */ S(m, {
+					relationList: n.relationList,
+					selectedIds: n.selectedIds,
+					loading: n.relationsLoading,
+					onChange: n.handleSelectRelation
+				})
+			})
+		]
+	});
+}, j = {
+	"other-panel": "_other-panel_1fapn_1",
+	"other-panel__list": "_other-panel__list_1fapn_4",
+	"other-panel__item": "_other-panel__item_1fapn_10",
+	"other-panel__checkbox-row": "_other-panel__checkbox-row_1fapn_23",
+	"other-panel__name": "_other-panel__name_1fapn_28",
+	"other-panel__empty": "_other-panel__empty_1fapn_35"
+}, M = (e) => {
+	let r = [], { dispatch: i, value: a } = n();
+	e.publicPermissionEnable && r.push({
+		_id: "111000000000000000000001",
+		name: "公开权限",
+		type: "public"
+	}), e.managerPermissionEnable && r.push({
+		_id: "111000000000000000000002",
+		name: "系统管理员组",
+		type: "public"
+	});
+	let o = a?.map((e) => e._id) || [];
+	return /* @__PURE__ */ S("div", {
+		className: j["other-panel"],
+		children: /* @__PURE__ */ S(b.Group, {
+			value: o,
+			onChange: (e) => {
+				let t = [], n = [];
+				for (let i = 0; i < r.length; i++) {
+					let a = r[i];
+					e.includes(a._id) ? t.push(a) : n.push(a);
+				}
+				i({
+					type: "deleteAndInsert",
+					payload: {
+						oldIds: n.map((e) => e._id),
+						newItems: t
+					}
+				});
+			},
+			className: j["other-panel__list"],
+			children: r.map((e) => /* @__PURE__ */ S("li", {
+				className: t(j["other-panel__item"], j["other-panel__item--checkbox"]),
+				children: /* @__PURE__ */ S(b, {
+					labelPosition: "left",
+					value: e._id,
+					className: j["other-panel__checkbox"],
+					children: /* @__PURE__ */ S("div", {
+						className: j["other-panel__checkbox-row"],
+						children: /* @__PURE__ */ S("span", {
+							className: j["other-panel__name"],
+							children: e.name
+						})
+					})
+				})
+			}, e._id))
+		})
+	});
+}, N = () => {
+	let { t: e } = o(), { auth: t } = n();
+	return g(() => {
+		let n = [
+			{
+				label: e("department.organizationalStructure"),
+				key: "organizational",
+				view: /* @__PURE__ */ S(l, {})
+			},
+			{
+				label: e("member.title"),
+				key: "member",
+				view: /* @__PURE__ */ S(u, {})
+			},
+			{
+				label: e("position.title"),
+				key: "position",
+				view: /* @__PURE__ */ S(f, {})
+			},
+			{
+				label: e("member.relation"),
+				key: "relation",
+				view: /* @__PURE__ */ S(A, {})
+			},
+			{
+				label: e("role.title"),
+				key: "role",
+				view: /* @__PURE__ */ S(d, {})
+			},
+			{
+				label: e("externalContact.title"),
+				key: "extraContact",
+				view: /* @__PURE__ */ S(p, {})
+			}
+		];
+		return (t.managerPermissionEnable || t.publicPermissionEnable) && n.push({
+			label: e("common.other"),
+			key: "other",
+			view: /* @__PURE__ */ S(M, {
+				managerPermissionEnable: t.managerPermissionEnable,
+				publicPermissionEnable: t.publicPermissionEnable
+			})
+		}), n;
+	}, [
+		e,
+		t.managerPermissionEnable,
+		t.publicPermissionEnable
+	]);
+};
+//#endregion
+export { w as n, N as t };