@baishuyun/ui-business 6.0.7 → 6.1.1

package/dist/DeptsMemberSelector/Department-Buo6RYwS.js

@@ -0,0 +1,268 @@
+import { t as e } from "../vendors/simplebar-react.js";
+import { t } from "../vendors/clsx.js";
+import { i as n, t as r } from "./useDeptsMemberSelector-CiImbq5E.js";
+import { _ as i } from "./services/contact/selector.service-dmS_qeZo.js";
+import { a, t as o } from "./TagIcon-CgEG5XAx.js";
+import { t as s } from "../vendors/useLocale.js";
+import { t as c } from "./useOutsiderGroupPanelState-BULTXv3n.js";
+import { t as l } from "./OrganizationPanel-Bcgs46Oo.js";
+import { useMemo as u } from "react";
+import { Radio as d, Spin as f } from "antd";
+import { Checkbox as p } from "@baishuyun/ui-base";
+import { useRequest as m } from "ahooks";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region src/components/DeptsMemberSelector/subcomponents/Entity/Department/GroupList/GroupList.module.scss
+var v = {
+	"group-list__list": "_group-list__list_mxdp1_1",
+	"group-list__option": "_group-list__option_mxdp1_4",
+	"group-list__option--checkbox": "_group-list__option--checkbox_mxdp1_13",
+	"group-list__radio": "_group-list__radio_mxdp1_16",
+	"group-list__row": "_group-list__row_mxdp1_19",
+	"group-list__name": "_group-list__name_mxdp1_26",
+	"group-list__checkbox-row": "_group-list__checkbox-row_mxdp1_34",
+	"group-list__checkbox": "_group-list__checkbox_mxdp1_34",
+	"group-list__group": "_group-list__group_mxdp1_45",
+	"group-list": "_group-list_mxdp1_1"
+}, y = (e) => e?._id ?? e?.id, b = (e) => e !== void 0, x = (e) => {
+	let { list: n } = e, { value: i, type: s, dispatch: c } = r(), l = s === a.DEPARMENT, u = s === a.DEPARMENT_GROUP, f = y(i?.[0]), m = (e) => {
+		c({
+			type: "deleteOne",
+			payload: e
+		});
+	}, x = (t) => {
+		let n = y(t);
+		b(n) && (n === f ? m(String(n)) : c({
+			type: "insertOnly",
+			payload: Object.assign({}, t, { type: e.type || t.type })
+		}));
+	}, S = i?.map((e) => e._id) || [];
+	return /* @__PURE__ */ g("div", {
+		className: v["group-list"],
+		children: /* @__PURE__ */ _("ul", {
+			className: v["group-list__list"],
+			children: [l && /* @__PURE__ */ g(d.Group, {
+				value: f,
+				className: v["group-list__group"],
+				children: n.map((t) => {
+					let n = y(t);
+					return /* @__PURE__ */ g("li", {
+						className: v["group-list__option"],
+						onClick: () => x(t),
+						children: /* @__PURE__ */ g(d, {
+							value: n,
+							className: v["group-list__radio"],
+							children: /* @__PURE__ */ _("div", {
+								className: v["group-list__row"],
+								children: [e.showDepartmentIcon && /* @__PURE__ */ g(o, {
+									type: "department",
+									size: 16
+								}), /* @__PURE__ */ g("span", {
+									className: v["group-list__name"],
+									title: t.name,
+									children: t.name
+								})]
+							})
+						})
+					}, String(n));
+				})
+			}), u && /* @__PURE__ */ g(h, { children: /* @__PURE__ */ g(p.Group, {
+				value: S,
+				onChange: (t) => {
+					let r = n.filter((e) => {
+						let n = y(e);
+						return !b(n) || !t.includes(n);
+					}), i = n.filter((e) => {
+						let n = y(e);
+						return b(n) && t.includes(n);
+					});
+					c({
+						type: "deleteAndInsert",
+						payload: {
+							oldIds: r.map((e) => y(e)).filter(b),
+							newItems: i.map((t) => Object.assign({}, t, { type: e.type || t.type }))
+						}
+					});
+				},
+				className: v["group-list__group"],
+				children: n.map((n) => {
+					let r = y(n);
+					return /* @__PURE__ */ g("li", {
+						className: t(v["group-list__option"], v["group-list__option--checkbox"]),
+						children: /* @__PURE__ */ g(p, {
+							labelPosition: "left",
+							value: r,
+							className: v["group-list__checkbox"],
+							children: /* @__PURE__ */ _("div", {
+								className: v["group-list__checkbox-row"],
+								children: [e.showDepartmentIcon && /* @__PURE__ */ g(o, {
+									type: "department",
+									size: 16
+								}), /* @__PURE__ */ g("span", {
+									className: v["group-list__name"],
+									title: n.name,
+									children: n.name
+								})]
+							})
+						})
+					}, String(r));
+				})
+			}) })]
+		})
+	});
+}, S = (e) => {
+	let t = e?._id ?? e?.id;
+	return t == null || t === "" ? "" : String(t);
+}, C = ({ currentContext: e, departmentSelectableRange: t, departmentPanelRequestGuard: n }) => {
+	if (n && !n.enabled) return [];
+	let r = t.isDockForm ? [...e.dock_current_departments || []] : [...e.current_departments || []], i = t.hasDepartmentRange && t.source !== "rely-limit-array" ? new Set(t.departmentIds.map((e) => String(e))) : void 0;
+	return r.filter((e, t, n) => {
+		let r = S(e);
+		return !r || i && !i.has(r) ? !1 : n.findIndex((e) => S(e) === r) === t;
+	});
+}, w = {
+	"current-user-depts-panel": "_current-user-depts-panel_cjkm1_1",
+	"current-user-depts-panel__empty": "_current-user-depts-panel__empty_cjkm1_5"
+}, T = () => {
+	let { containerHeight: t, currentContext: n, departmentSelectableRange: i, departmentPanelRequestGuard: a } = r(), { t: o } = s(), c = u(() => C({
+		currentContext: n,
+		departmentSelectableRange: i,
+		departmentPanelRequestGuard: a
+	}), [
+		n.current_departments,
+		n.dock_current_departments,
+		a?.enabled,
+		i.departmentIds,
+		i.hasDepartmentRange,
+		i.isDockForm,
+		i.source
+	]);
+	return /* @__PURE__ */ g("div", {
+		className: w["current-user-depts-panel"],
+		children: /* @__PURE__ */ _(e, {
+			style: { height: t - 8 },
+			children: [/* @__PURE__ */ g(x, {
+				list: c,
+				showDepartmentIcon: !0
+			}), c.length === 0 && /* @__PURE__ */ g("div", {
+				className: w["current-user-depts-panel__empty"],
+				children: /* @__PURE__ */ g("span", { children: o("department.noAvailable") })
+			})]
+		})
+	});
+}, E = {
+	"extra-contact-group-panel": "_extra-contact-group-panel_oytrb_1",
+	"extra-contact-group-panel__menu": "_extra-contact-group-panel__menu_oytrb_6",
+	"extra-contact-group-panel__menu-list": "_extra-contact-group-panel__menu-list_oytrb_10",
+	"extra-contact-group-panel__menu-item": "_extra-contact-group-panel__menu-item_oytrb_14",
+	"extra-contact-group-panel__menu-item--active": "_extra-contact-group-panel__menu-item--active_oytrb_25",
+	"extra-contact-group-panel__content": "_extra-contact-group-panel__content_oytrb_32",
+	"extra-contact-group-panel__empty": "_extra-contact-group-panel__empty_oytrb_37",
+	"extra-contact-group-panel--empty": "_extra-contact-group-panel--empty_oytrb_45",
+	"extra-contact-group-panel__loading": "_extra-contact-group-panel__loading_oytrb_53"
+}, D = () => {
+	let { containerHeight: a, requestContext: o, limits: l, departmentSelectableRange: d, departmentPanelRequestGuard: p } = r(), { t: h } = s(), v = u(() => ({
+		default: h("externalContact.defaultGroup"),
+		custom: h("externalContact.customGroup")
+	}), [h]), { data: y, loading: b } = m(() => n(p, () => i({
+		requestContext: o,
+		limits: l,
+		departmentSelectableRange: d
+	})), { refreshDeps: [
+		o,
+		l,
+		d,
+		p
+	] }), S = c({
+		groups: Array.isArray(y?.list) ? y.list : void 0,
+		labels: v
+	});
+	return b ? /* @__PURE__ */ g("div", {
+		className: E["extra-contact-group-panel"],
+		children: /* @__PURE__ */ g(f, {
+			spinning: !0,
+			className: E["extra-contact-group-panel__loading"],
+			children: /* @__PURE__ */ g("div", { style: { height: a - 8 } })
+		})
+	}) : S.isPanelEmpty ? /* @__PURE__ */ g("div", {
+		className: t(E["extra-contact-group-panel"], E["extra-contact-group-panel--empty"]),
+		children: /* @__PURE__ */ g("span", { children: h("externalContact.noAvailableGroup") })
+	}) : /* @__PURE__ */ _("div", {
+		className: E["extra-contact-group-panel"],
+		children: [/* @__PURE__ */ g("aside", {
+			className: E["extra-contact-group-panel__menu"],
+			children: /* @__PURE__ */ g("ul", {
+				className: E["extra-contact-group-panel__menu-list"],
+				children: S.tabs.map((e) => /* @__PURE__ */ g("li", {
+					onClick: () => {
+						S.setActiveKey(e.key);
+					},
+					className: t(E["extra-contact-group-panel__menu-item"], { [E["extra-contact-group-panel__menu-item--active"]]: S.activeKey === e.key }),
+					children: e.label
+				}, e.key))
+			})
+		}), /* @__PURE__ */ g("div", {
+			className: E["extra-contact-group-panel__content"],
+			children: /* @__PURE__ */ g(e, {
+				style: {
+					height: a - 8,
+					padding: "4px"
+				},
+				children: /* @__PURE__ */ g(x, {
+					list: S.currentGroups,
+					type: "group"
+				})
+			})
+		})]
+	});
+}, O = {
+	organizational: !0,
+	externalContactGroup: !0,
+	currentDepartment: !0,
+	source: "default"
+}, k = (e) => e.source === "default" || e.source === "limit-empty-array" || e.source === "rely-limit-array" ? !0 : e.source === "limit-object" && !e.hasDepartmentRange && !e.hasOutsiderGroupRange && !e.hasCurrentUserDeptRange, A = (e) => e.isDockForm ? k(e) ? {
+	...O,
+	externalContactGroup: !1
+} : e.hasOutsiderGroupRange && !e.hasDepartmentRange && !e.hasCurrentUserDeptRange ? {
+	organizational: !1,
+	externalContactGroup: !0,
+	currentDepartment: !1,
+	source: "widget"
+} : {
+	organizational: e.hasDepartmentRange,
+	externalContactGroup: !1,
+	currentDepartment: e.hasCurrentUserDeptRange,
+	source: "widget"
+} : k(e) ? O : {
+	organizational: e.hasDepartmentRange,
+	externalContactGroup: e.hasOutsiderGroupRange,
+	currentDepartment: e.hasCurrentUserDeptRange,
+	source: "widget"
+}, j = () => {
+	let { t: e } = s(), { departmentSelectableRange: t } = r(), n = u(() => A(t), [t]);
+	return u(() => [
+		{
+			label: e("department.organizationalStructure"),
+			key: "organizational",
+			view: /* @__PURE__ */ g(l, {})
+		},
+		{
+			label: e("externalContact.group"),
+			key: "externalContactGroup",
+			view: /* @__PURE__ */ g(D, {})
+		},
+		{
+			label: e("department.currentUserDepartment"),
+			key: "currentDepartment",
+			view: /* @__PURE__ */ g(T, {})
+		}
+	].filter((e) => {
+		switch (e.key) {
+			case "organizational": return n.organizational;
+			case "externalContactGroup": return n.externalContactGroup;
+			case "currentDepartment": return n.currentDepartment;
+			default: return !0;
+		}
+	}), [e, n]);
+};
+//#endregion
+export { A as n, C as r, j as t };