@baishuyun/ui-business 5.0.2 → 5.0.4

package/dist/DeptsMember/DeptsUser-CQrRRJxk.js

@@ -0,0 +1,277 @@
+import { t as e } from "../vendors/simplebar-react.js";
+import { t } from "../vendors/clsx.js";
+import { t as n } from "./useDeptsMemberSelector-DP5L8bhi.js";
+import { t as r } from "../vendors/useLocale.js";
+import { getColorByName as i } from "./utils/index.js";
+import { n as a, t as o } from "./RelationShipDepts-wcYjFbhx.js";
+import { t as s } from "./OrganizationPanel-BLIXOm6z.js";
+import { i as c, n as l, r as u, t as d } from "./ExtraConcactPanel-Cioew3V3.js";
+import { t as f } from "./RelationShipList-CRdCr4NL.js";
+import { n as p } from "../vendors/services/ncorp/department.service.js";
+import { useMemo as m, useState as h } from "react";
+import { Avatar as g, Spin as _ } from "antd";
+import { Checkbox as v } from "@baishuyun/ui-base";
+import { useRequest as y } from "ahooks";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+//#region src/components/DeptsMember/subcomponents/Panels/MemberRelationShipPanel/MemberRelationShip.module.scss
+var S = {
+	"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"
+}, C = {
+	"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"
+}, w = (o) => {
+	let { t: s } = r(), { containerHeight: c } = n(), { data: l, loading: u } = y(() => p({
+		deptId: o.deptId,
+		hasDock: !0,
+		hasAdmin: !1,
+		hasGuest: !1,
+		limit: 100
+	}), {
+		refreshDeps: [o.deptId],
+		ready: !!o.deptId,
+		onSuccess: (e) => {
+			e?.users && e.users.length > 0 && (o.onChange?.(e.users[0]._id), a(e.users[0]._id, e.users));
+		}
+	}), d = l?.users || [], f = (e) => {
+		o.onChange?.(e._id), a(e._id, d);
+	};
+	return /* @__PURE__ */ b(_, {
+		spinning: u,
+		children: /* @__PURE__ */ b(e, {
+			className: C["relation-ship-member"],
+			style: { height: c - 8 },
+			children: d.length > 0 ? /* @__PURE__ */ b("ul", {
+				className: C["relation-ship-member__list"],
+				children: d.map((e) => /* @__PURE__ */ x("li", {
+					onClick: () => f(e),
+					className: t(C["relation-ship-member__item"], { [C["relation-ship-member__item--active"]]: o.value === e._id }),
+					children: [
+						/* @__PURE__ */ b("div", {
+							className: C["relation-ship-member__avatar"],
+							children: e.avatarurl ? /* @__PURE__ */ b(g, {
+								src: e.avatarurl,
+								size: 20
+							}) : /* @__PURE__ */ b(g, {
+								size: 20,
+								style: {
+									backgroundColor: i(e.nickname),
+									fontSize: "12px",
+									lineHeight: "13px"
+								},
+								children: e.nickname?.charAt(0) || "?"
+							})
+						}),
+						/* @__PURE__ */ b("div", {
+							className: C["relation-ship-member__nickname"],
+							children: e.nickname
+						}),
+						/* @__PURE__ */ b("div", {
+							className: C["relation-ship-member__deptnames"],
+							children: e.deptnames
+						})
+					]
+				}, e._id))
+			}) : !u && /* @__PURE__ */ b("div", {
+				className: C["relation-ship-member__empty"],
+				style: { height: c - 8 + "px" },
+				children: /* @__PURE__ */ b("span", { children: s("member.noAvailable") })
+			})
+		})
+	});
+}, T = /* @__PURE__ */ function(e) {
+	return e[e.DEPARTMENT = 0] = "DEPARTMENT", e[e.MEMBER = 1] = "MEMBER", e;
+}(T || {}), E = () => {
+	let { t: e } = r(), [n, i] = h(T.DEPARTMENT), a = [{
+		key: T.DEPARTMENT,
+		label: e("department.title")
+	}, {
+		key: T.MEMBER,
+		label: e("member.title")
+	}], s = [{
+		key: "relation",
+		label: "当前部门的所有关系"
+	}, {
+		key: "relationSub",
+		label: "当前部门及子部门的所有关系"
+	}], [c, l] = h({
+		deptFrom: "relation",
+		memberFrom: "relationUser"
+	}), u = n === T.DEPARTMENT ? c.deptFrom : c.memberFrom, d = n === T.DEPARTMENT ? c.deptFromId : c.memberFromId;
+	return /* @__PURE__ */ x("div", {
+		className: S["member-relation-ship"],
+		children: [
+			/* @__PURE__ */ b("aside", {
+				className: S["member-relation-ship__menu"],
+				children: /* @__PURE__ */ b("ul", {
+					className: S["member-relation-ship__menu-list"],
+					children: a.map((e) => /* @__PURE__ */ b("li", {
+						onClick: () => i(e.key),
+						className: t(S["member-relation-ship__menu-item"], { [S["member-relation-ship__menu-item--active"]]: n === e.key }),
+						children: e.label
+					}, e.key))
+				})
+			}),
+			/* @__PURE__ */ b("section", {
+				className: S["member-relation-ship__column"],
+				children: /* @__PURE__ */ b(o, {
+					value: c.deptFromId,
+					onSelect: (e, t) => {
+						l((n) => ({
+							...n,
+							deptFromId: e,
+							deptId: t.departmentId
+						}));
+					}
+				})
+			}),
+			/* @__PURE__ */ x("section", {
+				className: S["member-relation-ship__column"],
+				children: [n === T.DEPARTMENT && /* @__PURE__ */ b("ul", {
+					className: S["member-relation-ship__menu-list"],
+					children: s.map((e) => /* @__PURE__ */ b("li", {
+						onClick: () => {
+							l((t) => ({
+								...t,
+								deptFrom: e.key
+							}));
+						},
+						className: t(S["member-relation-ship__menu-item"], { [S["member-relation-ship__menu-item--active"]]: c.deptFrom === e.key }),
+						children: e.label
+					}, e.key))
+				}), n === T.MEMBER && /* @__PURE__ */ b(w, {
+					deptId: c.deptId,
+					value: c.memberFromId,
+					onChange: (e) => l((t) => ({
+						...t,
+						memberFromId: e
+					}))
+				})]
+			}),
+			/* @__PURE__ */ b("section", {
+				className: S["member-relation-ship__column"],
+				children: /* @__PURE__ */ b(f, {
+					from: u,
+					fromId: d
+				})
+			})
+		]
+	});
+}, D = {
+	"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"
+}, O = (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__ */ b("div", {
+		className: D["other-panel"],
+		children: /* @__PURE__ */ b(v.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: D["other-panel__list"],
+			children: r.map((e) => /* @__PURE__ */ b("li", {
+				className: t(D["other-panel__item"], D["other-panel__item--checkbox"]),
+				children: /* @__PURE__ */ b(v, {
+					labelPosition: "left",
+					value: e._id,
+					className: D["other-panel__checkbox"],
+					children: /* @__PURE__ */ b("div", {
+						className: D["other-panel__checkbox-row"],
+						children: /* @__PURE__ */ b("span", {
+							className: D["other-panel__name"],
+							children: e.name
+						})
+					})
+				})
+			}, e._id))
+		})
+	});
+}, k = () => {
+	let { t: e } = r(), { auth: t } = n();
+	return m(() => {
+		let n = [
+			{
+				label: e("department.organizationalStructure"),
+				key: "organizational",
+				view: /* @__PURE__ */ b(s, {})
+			},
+			{
+				label: e("member.title"),
+				key: "member",
+				view: /* @__PURE__ */ b(c, {})
+			},
+			{
+				label: e("position.title"),
+				key: "position",
+				view: /* @__PURE__ */ b(u, {})
+			},
+			{
+				label: e("member.relation"),
+				key: "relation",
+				view: /* @__PURE__ */ b(E, {})
+			},
+			{
+				label: e("role.title"),
+				key: "role",
+				view: /* @__PURE__ */ b(l, {})
+			},
+			{
+				label: e("externalContact.title"),
+				key: "extraContact",
+				view: /* @__PURE__ */ b(d, {})
+			}
+		];
+		return (t.managerPermissionEnable || t.publicPermissionEnable) && n.push({
+			label: e("common.other"),
+			key: "other",
+			view: /* @__PURE__ */ b(O, {
+				managerPermissionEnable: t.managerPermissionEnable,
+				publicPermissionEnable: t.publicPermissionEnable
+			})
+		}), n;
+	}, [
+		e,
+		t.managerPermissionEnable,
+		t.publicPermissionEnable
+	]);
+};
+//#endregion
+export { k as t };