@baishuyun/ui-business 5.0.3 → 5.0.4

package/dist/DeptsMember/Member-BIBX5jKD.js

@@ -0,0 +1,47 @@
+import { t as e } from "./useDeptsMemberSelector-DP5L8bhi.js";
+import { t } from "../vendors/useLocale.js";
+import { a as n, i as r, n as i, r as a, t as o } from "./ExtraConcactPanel-Cioew3V3.js";
+import { useMemo as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
+//#region src/components/DeptsMember/subcomponents/Panels/CurrentUserPanel/CurrentUserPanel.module.scss
+var l = { "current-user-panel": "_current-user-panel_184e6_1" }, u = () => {
+	let { currentUser: t } = e();
+	return /* @__PURE__ */ c("div", {
+		className: l["current-user-panel"],
+		children: /* @__PURE__ */ c(n, {
+			list: t ? [t] : [],
+			showCheckAll: !1
+		})
+	});
+}, d = () => {
+	let { t: e } = t();
+	return s(() => [
+		{
+			label: e("member.title"),
+			key: "member",
+			view: /* @__PURE__ */ c(r, {})
+		},
+		{
+			label: e("role.title"),
+			key: "role",
+			view: /* @__PURE__ */ c(i, {})
+		},
+		{
+			label: e("position.title"),
+			key: "job",
+			view: /* @__PURE__ */ c(a, {})
+		},
+		{
+			label: e("externalContact.title"),
+			key: "externalContact",
+			view: /* @__PURE__ */ c(o, {})
+		},
+		{
+			label: e("currentUser.title"),
+			key: "currentUser",
+			view: /* @__PURE__ */ c(u, {})
+		}
+	], [e]);
+};
+//#endregion
+export { d as t };

package/dist/DeptsMember/OrganizationPanel-BLIXOm6z.js

@@ -0,0 +1,235 @@
+import { t as e } from "../vendors/simplebar-react.js";
+import { t } from "../vendors/clsx.js";
+import { t as n } from "./useDeptsMemberSelector-DP5L8bhi.js";
+import { n as r, r as i, t as a } from "./TabGroup-B_VIf1lS.js";
+import { t as o } from "../vendors/useLocale.js";
+import { buildDeptTree as s, buildTree as c, findNodeInTree as l } from "./utils/index.js";
+import { t as u } from "../vendors/services/data/member.service.js";
+import { useCallback as d, useMemo as f, useState as p } from "react";
+import { Spin as m } from "antd";
+import { Icon as h, Tree as g } from "@baishuyun/ui-base";
+import { useRequest as _ } from "ahooks";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+//#region src/components/DeptsMember/subcomponents/Panels/OrganizationPanel/InternalOrganization/InternalOrganization.tsx
+var b = (r) => {
+	let { type: a, containerHeight: s, value: c } = n(), { t: l } = o(), u = c?.map((e) => e._id) || [], d = r.data?.map((e) => e._id);
+	return /* @__PURE__ */ y(e, {
+		style: {
+			height: s - 8,
+			padding: "4px"
+		},
+		className: "internal-container",
+		classNames: { contentEl: "internal-container-content-el" },
+		children: [r.data.length > 0 && /* @__PURE__ */ v(g, {
+			parentCheckable: !0,
+			checkType: a === i.DEPARMENT ? "radio" : "checkbox",
+			data: r.data,
+			fieldNames: {
+				title: "name",
+				value: "_id",
+				children: "children"
+			},
+			selectedKeys: u,
+			onSelect: r.onSelect,
+			onDeSelect: r.onDeselect,
+			defaultExpandedKeys: d,
+			icon: () => /* @__PURE__ */ v(h, {
+				name: "dept-one",
+				className: "internal-container__icon"
+			}),
+			switcherIcon: (e) => /* @__PURE__ */ v(h, {
+				name: "xiangxiazhankai-11",
+				className: t("internal-container__arrow-icon", { "rotate-90": e })
+			})
+		}), r.data.length === 0 && !r.loading && /* @__PURE__ */ v("div", {
+			className: "internal-container__empty",
+			children: /* @__PURE__ */ v("span", { children: l("department.noAvailable") })
+		})]
+	});
+}, x = {
+	"external-organization": "_external-organization_cz9md_1",
+	"external-organization__content": "_external-organization__content_cz9md_5",
+	"external-organization__scroll-content": "_external-organization__scroll-content_cz9md_8",
+	"external-organization__tree-icon": "_external-organization__tree-icon_cz9md_11",
+	"external-organization__switcher-icon": "_external-organization__switcher-icon_cz9md_14",
+	"external-organization__switcher-icon--expanded": "_external-organization__switcher-icon--expanded_cz9md_19",
+	"external-organization__empty": "_external-organization__empty_cz9md_22"
+}, S = /* @__PURE__ */ function(e) {
+	return e.DOCK_PERSON_GROUP = "dockcorp", e.DOCK_DEPARTMENT = "dockcorpdept", e;
+}(S || {}), C = (r) => {
+	let { type: s, containerHeight: c, value: l } = n(), { t: u } = o(), [d, f] = p(S.DOCK_PERSON_GROUP), m = l?.map((e) => e._id) || [], _ = [{
+		label: u("department.externalContactGroup"),
+		value: S.DOCK_PERSON_GROUP
+	}, {
+		label: u("department.externalContactDepartment"),
+		value: S.DOCK_DEPARTMENT
+	}], b = (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 ? b(r.children, t) : [];
+			n.push({
+				...r,
+				children: e.length > 0 ? e : void 0
+			});
+		}
+		else {
+			let e = r.children ? b(r.children, t) : [];
+			e.length > 0 && n.push({
+				...r,
+				children: e
+			});
+		}
+		return n;
+	}, C = b(r.data, d), w = C?.map((e) => e._id);
+	return /* @__PURE__ */ y("div", {
+		className: x["external-organization"],
+		children: [/* @__PURE__ */ v(a, {
+			tabs: _,
+			value: d,
+			onChange: f
+		}), /* @__PURE__ */ v("div", {
+			className: x["external-organization__content"],
+			children: /* @__PURE__ */ y(e, {
+				style: {
+					height: c - 42,
+					padding: "4px"
+				},
+				classNames: { contentEl: x["external-organization__scroll-content"] },
+				children: [C.length > 0 && /* @__PURE__ */ v(g, {
+					parentCheckable: !0,
+					checkType: s === i.DEPARMENT ? "radio" : "checkbox",
+					data: C,
+					fieldNames: {
+						title: "name",
+						value: "_id",
+						children: "children"
+					},
+					selectedKeys: m,
+					onSelect: r.onSelect,
+					onDeSelect: r.onDeselect,
+					defaultExpandedKeys: w,
+					icon: () => /* @__PURE__ */ v(h, {
+						name: "dept-one",
+						className: x["external-organization__tree-icon"],
+						size: 16
+					}),
+					switcherIcon: (e) => /* @__PURE__ */ v(h, {
+						name: "xiangxiazhankai-11",
+						className: t(x["external-organization__switcher-icon"], { [x["external-organization__switcher-icon--expanded"]]: e })
+					})
+				}), C.length === 0 && !r.loading && /* @__PURE__ */ v("div", {
+					className: x["external-organization__empty"],
+					children: /* @__PURE__ */ v("span", { children: u("department.noAvailable") })
+				})]
+			})
+		})]
+	});
+}, w = {
+	"organization-panel": "_organization-panel_1dfed_1",
+	"organization-panel__menu": "_organization-panel__menu_1dfed_6",
+	"organization-panel__menu-list": "_organization-panel__menu-list_1dfed_10",
+	"organization-panel__menu-item": "_organization-panel__menu-item_1dfed_14",
+	"organization-panel__menu-item--active": "_organization-panel__menu-item--active_1dfed_25",
+	"organization-panel__content": "_organization-panel__content_1dfed_32",
+	"organization-panel__content--borderless": "_organization-panel__content--borderless_1dfed_37"
+}, T = /* @__PURE__ */ function(e) {
+	return e[e.INTERNAL = 0] = "INTERNAL", e[e.EXTERNAL = 1] = "EXTERNAL", e;
+}(T || {}), E = () => {
+	let { type: e, dispatch: a } = n(), { t: h } = o(), [g] = p([{
+		key: T.INTERNAL,
+		label: h("department.internal"),
+		visible: !0
+	}, {
+		key: T.EXTERNAL,
+		label: h("department.external"),
+		visible: !0
+	}]), [x, S] = p(T.INTERNAL), { data: E, loading: D } = _(() => u({
+		departmentLimit: [],
+		hasDeptDock: x === T.EXTERNAL
+	}), { refreshDeps: [x] }), O = f(() => {
+		let e = E?.departments || [];
+		return e.length > 0 ? s(e) : [];
+	}, [E]), k = f(() => {
+		let e = E?.label_corp_list || [];
+		if (!e.length) return [];
+		let t = e.filter((t) => t.type === "dockcorp" || t.type === "dockdept" ? !0 : t.parentId === 0 ? !1 : e.some((e) => e.parentId === t.departmentId)), n = t.map((e) => ({
+			...e,
+			checkable: e.type !== "dockcorpdept" && e.type !== "label",
+			icon: /* @__PURE__ */ v(r, {
+				type: e.type,
+				size: 16
+			})
+		}));
+		return t.length > 0 ? c(n, {
+			parentId: "parentId",
+			children: "children",
+			value: "_id",
+			title: "name"
+		}) : [];
+	}, [E]), A = {
+		[T.INTERNAL]: O,
+		[T.EXTERNAL]: k
+	}, j = d((e) => {
+		let t = x === T.EXTERNAL ? E?.label_corp_list : E?.departments;
+		if (!t) return;
+		let n = t.find((t) => t._id === e);
+		n && a({
+			type: "insertOnly",
+			payload: { ...n }
+		});
+	}, [
+		a,
+		E,
+		x
+	]), M = d((e, t) => {
+		a({
+			type: "addOne",
+			payload: { ...t }
+		});
+	}, [a]), N = (e) => {
+		let t = l(e, A[x], {
+			children: "children",
+			value: "_id"
+		});
+		t && a({
+			type: "deleteOne",
+			payload: t._id
+		});
+	}, P = i.DEPARMENT === e ? j : M, F = E?.label_corp_count || 0;
+	return /* @__PURE__ */ y("div", {
+		className: w["organization-panel"],
+		children: [F > 0 && /* @__PURE__ */ v("aside", {
+			className: w["organization-panel__menu"],
+			children: /* @__PURE__ */ v("ul", {
+				className: w["organization-panel__menu-list"],
+				children: g.filter((e) => e.visible).map((e) => /* @__PURE__ */ v("li", {
+					onClick: () => S(e.key),
+					className: t(w["organization-panel__menu-item"], { [w["organization-panel__menu-item--active"]]: x === e.key }),
+					children: e.label
+				}, e.key))
+			})
+		}), /* @__PURE__ */ v("section", {
+			className: t(w["organization-panel__content"], { [w["organization-panel__content--borderless"]]: F === 0 }),
+			children: /* @__PURE__ */ y(m, {
+				spinning: D,
+				children: [T.INTERNAL === x && /* @__PURE__ */ v(b, {
+					onSelect: P,
+					onDeselect: N,
+					loading: !0,
+					data: A[x]
+				}), T.EXTERNAL === x && /* @__PURE__ */ v(C, {
+					data: A[x],
+					onSelect: P,
+					onDeselect: N,
+					loading: !0
+				})]
+			})
+		})]
+	});
+};
+//#endregion
+export { E as t };

package/dist/DeptsMember/RelationShipDepts-wcYjFbhx.js

@@ -0,0 +1,78 @@
+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 { buildDeptTree as i } from "./utils/index.js";
+import { t as a } from "../vendors/services/ncorp/department.service.js";
+import { useMemo as o } from "react";
+import { Spin as s } from "antd";
+import { Icon as c, Tree as l } from "@baishuyun/ui-base";
+import { useRequest as u } from "ahooks";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/utils/recordSelectedNode.ts
+function p(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/DeptsMember/subcomponents/Panels/MemberRelationShipPanel/RelationShipDepts/RelationShipDepts.module.scss
+var m = {
+	"relation-ship-depts__icon": "_relation-ship-depts__icon_b3fo8_1",
+	"relation-ship-depts__arrow-icon": "_relation-ship-depts__arrow-icon_b3fo8_5",
+	"rotate-90": "_rotate-90_b3fo8_10",
+	"relation-ship-depts__empty": "_relation-ship-depts__empty_b3fo8_13"
+}, h = (h) => {
+	let { containerHeight: g } = n(), { t: _ } = r(), { data: v, loading: y } = u(() => a({ hasDock: !0 }), { onSuccess: (e) => {
+		e.departments && h.onSelect(e.departments[0]._id, e.departments[0]);
+	} }), b = v?.departments || [], x = o(() => v?.departments?.length ? i(v.departments) : [], [v?.departments]), S = x?.map((e) => e._id);
+	return /* @__PURE__ */ d(s, {
+		spinning: y,
+		children: /* @__PURE__ */ f(e, {
+			className: m["relation-ship-depts"],
+			style: { height: g - 8 },
+			scrollableNodeProps: { style: {
+				overflowX: "auto",
+				overflowY: "auto"
+			} },
+			children: [x.length > 0 && /* @__PURE__ */ d(l, {
+				parentCheckable: !0,
+				data: x,
+				fieldNames: {
+					title: "name",
+					value: "_id",
+					children: "children"
+				},
+				selectedKeys: h.value ? [h.value] : [],
+				onSelect: (e, t) => {
+					p(e, b), h.onSelect(e, t);
+				},
+				defaultExpandedKeys: S,
+				icon: () => /* @__PURE__ */ d(c, {
+					name: "dept-one",
+					className: m["relation-ship-depts__icon"]
+				}),
+				switcherIcon: (e) => /* @__PURE__ */ d(c, {
+					name: "xiangxiazhankai-11",
+					className: t(m["relation-ship-depts__arrow-icon"], { [m["rotate-90"]]: e })
+				})
+			}), b.length === 0 && !y && /* @__PURE__ */ d("div", {
+				className: m["relation-ship-depts__empty"],
+				style: { height: g - 8 + "px" },
+				children: /* @__PURE__ */ d("span", { children: _("department.noAvailable") })
+			})]
+		})
+	});
+};
+//#endregion
+export { p as n, h as t };

package/dist/DeptsMember/RelationShipList-CRdCr4NL.js

@@ -0,0 +1,73 @@
+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/services/ncorp/relation.service.js";
+import { Spin as i } from "antd";
+import { Checkbox as a } from "@baishuyun/ui-base";
+import { useRequest as o } from "ahooks";
+import { jsx as s } from "react/jsx-runtime";
+//#region src/components/DeptsMember/subcomponents/Panels/MemberRelationShipPanel/RelationShipList/RelationShipList.module.scss
+var c = {
+	"relation-ship-list__option": "_relation-ship-list__option_zlr78_1",
+	"relation-ship-list__option--checkbox": "_relation-ship-list__option--checkbox_zlr78_9",
+	"relation-ship-list__name": "_relation-ship-list__name_zlr78_12",
+	"relation-ship-list__checkbox-row": "_relation-ship-list__checkbox-row_zlr78_19",
+	"relation-ship-list__checkbox": "_relation-ship-list__checkbox_zlr78_19",
+	"relation-ship-list__group": "_relation-ship-list__group_zlr78_30"
+}, l = ({ from: l, fromId: u }) => {
+	let { data: d, loading: f } = o(() => r({}), {
+		ready: !!(l && u),
+		refreshDeps: [l]
+	}), p = (d?.list || []).map((e) => ({
+		_id: `${u}-${l}-${e._id}`,
+		name: e.name
+	})), { value: m, dispatch: h, containerHeight: g } = n(), _ = m?.map((e) => e._id) || [];
+	return /* @__PURE__ */ s(i, {
+		spinning: f,
+		children: /* @__PURE__ */ s(e, {
+			style: { height: g - 8 },
+			children: /* @__PURE__ */ s("div", {
+				className: c["relation-ship-list"],
+				children: /* @__PURE__ */ s("ul", {
+					className: c["relation-ship-list__list"],
+					children: /* @__PURE__ */ s(a.Group, {
+						value: _,
+						onChange: (e) => {
+							let t = [], n = [];
+							for (let r = 0; r < p.length; r++) {
+								let i = p[r];
+								e.includes(i._id) ? t.push(i) : n.push(i);
+							}
+							h({
+								type: "deleteAndInsert",
+								payload: {
+									oldIds: n.map((e) => e._id),
+									newItems: t
+								}
+							});
+						},
+						className: c["relation-ship-list__group"],
+						children: p.map((e) => /* @__PURE__ */ s("li", {
+							className: t(c["relation-ship-list__option"], c["relation-ship-list__option--checkbox"]),
+							children: /* @__PURE__ */ s(a, {
+								labelPosition: "left",
+								value: e._id,
+								className: c["relation-ship-list__checkbox"],
+								children: /* @__PURE__ */ s("div", {
+									className: c["relation-ship-list__checkbox-row"],
+									title: e.name,
+									children: /* @__PURE__ */ s("span", {
+										className: c["relation-ship-list__name"],
+										children: e.name
+									})
+								})
+							})
+						}, e._id))
+					})
+				})
+			})
+		})
+	});
+};
+//#endregion
+export { l as t };

package/dist/DeptsMember/TabGroup-B_VIf1lS.js

@@ -0,0 +1,98 @@
+import { t as e } from "../vendors/clsx.js";
+import { useEffect as t, useRef as n, useState as r } from "react";
+import { Icon as i } from "@baishuyun/ui-base";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/DeptsMember/utils/constants.ts
+var s = {
+	USER: "user",
+	USER_GROUP: "usergroup",
+	DEPARMENT: "dept",
+	DEPARMENT_GROUP: "deptgroup",
+	DEPT_USERS: "deptusers"
+}, c = {
+	"tag-icon--primary": "_tag-icon--primary_1jzei_1",
+	"tag-icon--success": "_tag-icon--success_1jzei_4",
+	"tag-icon--relation": "_tag-icon--relation_1jzei_7",
+	"tag-icon--public": "_tag-icon--public_1jzei_10"
+}, l = ({ type: e, size: t }) => {
+	switch (e) {
+		case "label": return /* @__PURE__ */ a(i, {
+			name: "Enterpriselabel",
+			className: c["tag-icon--primary"],
+			size: t
+		});
+		case "dockcorp":
+		case "dockcorpdept": return /* @__PURE__ */ a(i, {
+			name: "company",
+			className: c["tag-icon--primary"],
+			size: t
+		});
+		case "dockdept":
+		case "member": return /* @__PURE__ */ a(i, {
+			name: "dept-one",
+			className: c["tag-icon--primary"],
+			size: t
+		});
+		case "group": return /* @__PURE__ */ a(i, {
+			name: "Outreach",
+			className: c["tag-icon--success"],
+			size: t
+		});
+		case "public": return /* @__PURE__ */ a(i, {
+			name: "publicaccess",
+			className: c["tag-icon--public"],
+			size: t
+		});
+		case "relation": return /* @__PURE__ */ a(i, {
+			name: "membership",
+			className: c["tag-icon--relation"],
+			size: t
+		});
+		default: return /* @__PURE__ */ a(i, {
+			name: "dept-one",
+			className: c["tag-icon--primary"],
+			size: t
+		});
+	}
+}, u = "_active_1vd3c_15", d = {
+	"tabgroup-container": "_tabgroup-container_1vd3c_1",
+	"tabgroup-container__tab-item": "_tabgroup-container__tab-item_1vd3c_7",
+	active: u,
+	"tabgroup-container__indicator": "_tabgroup-container__indicator_1vd3c_18"
+}, f = (i) => {
+	let { tabs: s, value: c, onChange: l } = i, u = n(null), [f, p] = r({
+		width: 0,
+		transform: "translateX(0)"
+	}), m = (e) => {
+		let t = u.current?.querySelector(`[data-key="${e}"]`);
+		if (t) {
+			let { width: e, left: n } = t.getBoundingClientRect();
+			p({
+				width: e,
+				transform: `translateX(${n - (t.parentElement?.parentElement?.getBoundingClientRect().left || 0)}px)`
+			});
+		}
+	};
+	return t(() => {
+		m(c);
+	}, [c]), /* @__PURE__ */ o("div", {
+		className: d["tabgroup-container"],
+		ref: u,
+		children: [/* @__PURE__ */ a("div", {
+			className: d["tabgroup-container__indicator"],
+			style: {
+				width: `${f.width}px`,
+				transform: f.transform
+			}
+		}), s.map((t) => /* @__PURE__ */ a("div", {
+			className: e(d["tabgroup-container__tab-item"], { [d.active]: c === t.value }),
+			onClick: () => l(t.value),
+			children: /* @__PURE__ */ a("span", {
+				"data-key": t.value,
+				children: t.label
+			})
+		}, t.value))]
+	});
+};
+//#endregion
+export { l as n, s as r, f as t };

package/dist/DeptsMember/index.js

@@ -1,8 +1,18 @@
-import { D as o } from "./DeptsMember-BNuoQ8y4.js";
-import { E as m } from "./TabGroup-DZC7i-Yr.js";
-import { getColorByName as p } from "./utils/index.js";
-export {
-  m as Entity,
-  o as default,
-  p as getColorByName
-};
+import "../vendors/simplebar-react.js";
+import "./useDeptsMemberSelector-DP5L8bhi.js";
+import { r as e } from "./TabGroup-B_VIf1lS.js";
+import { t } from "./DeptsMember-D_xv-Zy7.js";
+import "../vendors/useLocale.js";
+import "../ConfigProvider/configContext-B0kvcW4s.js";
+import { getColorByName as n } from "./utils/index.js";
+import "./RelationShipDepts-wcYjFbhx.js";
+import "./OrganizationPanel-BLIXOm6z.js";
+import "./ExtraConcactPanel-Cioew3V3.js";
+import "./DeptsUser-CQrRRJxk.js";
+import "./RelationShipList-CRdCr4NL.js";
+import "./Member-BIBX5jKD.js";
+import "./Department-BYVAaPYd.js";
+//#region src/components/DeptsMember/index.ts
+var r = t;
+//#endregion
+export { e as Entity, r as default, n as getColorByName };