@baishuyun/ui-business 5.1.7 → 5.2.0

package/dist/DeptsMemberSelector/{Member-Ds_Qzw0L.js → Member-Bit-zWOE.js}

@@ -1,18 +1,19 @@
 import { t as e } from "../vendors/simplebar-react.js";
 import { t } from "../vendors/clsx.js";
 import { l as n, t as r } from "./useDeptsMemberSelector-t7b8yu-A.js";
-import { _ as i, l as a, p as o, t as s, u as c, v as l } from "./services/contact/selector.service-CY5vQea8.js";
-import { t as u } from "../vendors/useLocale.js";
-import { buildTree as d } from "./utils/index.js";
-import { n as f, r as p, t as m } from "./ExtraConcactPanel-CWKwVmbx.js";
-import { useMemo as h, useRef as g, useState as _ } from "react";
-import { Spin as v } from "antd";
-import { Icon as y, Tree as b } from "@baishuyun/ui-base";
-import { useRequest as x } from "ahooks";
-import { jsx as S, jsxs as C } from "react/jsx-runtime";
-import { produce as w } from "immer";
+import { _ as i, a, g as o, h as s, i as c, l, p as u, t as d, u as f, v as p } from "./services/contact/selector.service-CY5vQea8.js";
+import { a as m } from "./TabGroup-Dht9ylk4.js";
+import { t as h } from "../vendors/useLocale.js";
+import { buildTree as g } from "./utils/index.js";
+import { n as _, t as v } from "./MemberPanel-BhuVgJdO.js";
+import { useMemo as y, useRef as b, useState as x } from "react";
+import { Spin as S } from "antd";
+import { Icon as C, Tree as w } from "@baishuyun/ui-base";
+import { useRequest as T } from "ahooks";
+import { jsx as E, jsxs as D } from "react/jsx-runtime";
+import { produce as O } from "immer";
 //#region src/components/DeptsMemberSelector/subcomponents/Panels/RolePanel/RolePanel.module.scss
-var T = {
+var k = {
 	"role-panel": "_role-panel_144a4_1",
 	"role-panel__menu": "_role-panel__menu_144a4_6",
 	"role-panel__menu-list": "_role-panel__menu-list_144a4_10",
@@ -28,8 +29,8 @@ var T = {
 	"role-panel__badge": "_role-panel__badge_144a4_64",
 	"role-panel__empty": "_role-panel__empty_144a4_72",
 	"role-panel__empty-text": "_role-panel__empty-text_144a4_79"
-}, E = () => {
-	let { containerHeight: e, type: t, requestContext: n, limits: i } = r(), { t: a } = u(), [f, p] = _([{
+}, A = () => {
+	let { containerHeight: e, type: t, requestContext: n, limits: i } = r(), { t: a } = h(), [o, s] = x([{
 		key: "internal",
 		label: a("role.internal"),
 		visible: !1
@@ -37,11 +38,11 @@ var T = {
 		key: "external",
 		label: a("role.external"),
 		visible: !1
-	}]), [m, h] = _(), [v, y] = _(), b = g(), S = g({
+	}]), [c, l] = x(), [m, _] = x(), v = b(), y = b({
 		internal: [],
 		external: []
 	});
-	x(() => o({
+	T(() => u({
 		requestContext: n,
 		limits: i,
 		hasDeptDock: !1
@@ -49,9 +50,9 @@ var T = {
 		onSuccess: (e) => {
 			if (!e) return;
 			let t = e.departments_count > 0, n = e.label_corp_count > 0;
-			p(w((e) => {
+			s(O((e) => {
 				e[0].visible = t, e[1].visible = n;
-			})), t ? (b.current = "internal", h("internal")) : n ? (b.current = "external", h("external")) : b.current = void 0;
+			})), t ? (v.current = "internal", l("internal")) : n ? (v.current = "external", l("external")) : v.current = void 0;
 		},
 		refreshDeps: [
 			t,
@@ -59,7 +60,7 @@ var T = {
 			i
 		]
 	});
-	let { loading: C } = x(() => m ? l({
+	let { loading: S } = T(() => c ? p({
 		requestContext: n,
 		limits: i
 	}) : Promise.resolve({
@@ -68,105 +69,105 @@ var T = {
 	}), {
 		onSuccess: (e) => {
 			if (!e) {
-				S.current.internal = [], S.current.external = [];
+				y.current.internal = [], y.current.external = [];
 				return;
 			}
 			let t = Array.isArray(e.roles) ? e.roles : [], n = Array.isArray(e.dock_role) ? e.dock_role : [];
-			S.current.internal = d(t, {
+			y.current.internal = g(t, {
 				children: "children",
 				title: "name",
 				value: "role_id",
 				parentId: "parent"
-			}), S.current.external = n.map((e) => ({
+			}), y.current.external = n.map((e) => ({
 				...e,
 				children: []
 			}));
-			let r = m || b.current;
+			let r = c || v.current;
 			if (r === "internal") {
-				y(S.current.internal[0]?.role_id);
+				_(y.current.internal[0]?.role_id);
 				return;
 			}
 			if (r === "external") {
-				y(S.current.external[0]?.role_id);
+				_(y.current.external[0]?.role_id);
 				return;
 			}
-			y(void 0);
+			_(void 0);
 		},
 		refreshDeps: [
 			t,
 			n,
 			i,
-			m
+			c
 		]
-	}), { data: T, loading: E } = x(async () => {
-		if (!v) return [];
-		let e = await c({
+	}), { data: C, loading: w } = T(async () => {
+		if (!m) return [];
+		let e = await f({
 			requestContext: n,
-			roleId: v,
+			roleId: m,
 			roleLimit: i?.roleLimit || [],
-			limit: s
+			limit: d
 		});
-		return m === "external" ? e.dock_user_list || [] : e.users || [];
+		return c === "external" ? e.dock_user_list || [] : e.users || [];
 	}, { refreshDeps: [
 		t,
+		c,
 		m,
-		v,
 		n,
 		i
 	] });
 	return {
 		containerHeight: e,
-		menuItems: f,
-		activeKey: m,
-		setActiveKey: h,
-		roleId: v,
-		setRoleId: y,
-		roleTreeList: m ? S.current[m] : [],
-		userList: T || [],
-		loading: C,
-		memberLoading: E
+		menuItems: o,
+		activeKey: c,
+		setActiveKey: l,
+		roleId: m,
+		setRoleId: _,
+		roleTreeList: c ? y.current[c] : [],
+		userList: C || [],
+		loading: S,
+		memberLoading: w
 	};
-}, D = () => /* @__PURE__ */ C("svg", {
+}, j = () => /* @__PURE__ */ D("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: "16",
 	height: "16",
 	viewBox: "0 0 16 16",
 	fill: "none",
-	children: [/* @__PURE__ */ S("path", {
+	children: [/* @__PURE__ */ E("path", {
 		d: "M6.91689 1.17578C8.59289 1.17578 10.0489 2.29878 10.4369 3.88878C10.8249 5.47878 10.0419 7.11978 8.54589 7.85578C8.49878 7.86731 8.4554 7.89073 8.41989 7.92378C8.40916 7.92486 8.3992 7.92984 8.39189 7.93778C8.3375 8.00344 8.30773 8.08602 8.30773 8.17128C8.30773 8.25654 8.3375 8.33913 8.39189 8.40478C8.40589 8.40478 8.40589 8.40478 8.40589 8.41978C8.51089 8.43478 8.61389 8.45778 8.71589 8.48878C9.67047 8.74298 10.5595 9.19889 11.3229 9.82578C10.634 9.60133 9.89434 9.58375 9.19553 9.77522C8.49671 9.96669 7.86935 10.3588 7.39105 10.9031C6.91274 11.4474 6.60448 12.1199 6.50439 12.8375C6.4043 13.5552 6.51677 14.2864 6.82789 14.9408H0.941894C0.824535 14.9397 0.708692 14.9141 0.601765 14.8658C0.494839 14.8174 0.399178 14.7472 0.320894 14.6598C0.243944 14.5736 0.186578 14.4717 0.152743 14.3613C0.118908 14.2508 0.109407 14.1343 0.124894 14.0198C0.507894 11.3728 2.46389 9.19978 5.10489 8.48878C5.20689 8.46078 5.30989 8.43778 5.41489 8.41878L5.42889 8.40478C5.46029 8.37464 5.48527 8.33846 5.50234 8.29842C5.5194 8.25838 5.5282 8.21531 5.5282 8.17178C5.5282 8.12826 5.5194 8.08518 5.50234 8.04514C5.48527 8.0051 5.46029 7.96892 5.42889 7.93878C5.41605 7.93306 5.40549 7.9232 5.39889 7.91078C5.36507 7.88725 5.32802 7.86872 5.28889 7.85578C3.79089 7.11978 3.00789 5.47978 3.39589 3.88978C3.78389 2.29978 5.23989 1.17678 6.91589 1.17678L6.91689 1.17578Z",
 		fill: "#6F81BD"
-	}), /* @__PURE__ */ S("path", {
+	}), /* @__PURE__ */ E("path", {
 		d: "M13.7918 11.8018C14.2438 11.8068 14.6598 12.0028 14.9758 12.3078C15.2878 12.6258 15.4588 13.0558 15.4528 13.5008L15.4488 13.5398C15.4463 13.9749 15.2741 14.3918 14.9688 14.7018C14.8161 14.8609 14.6329 14.9876 14.4302 15.0745C14.2275 15.1614 14.0094 15.2068 13.7888 15.2078L12.7458 15.1898C12.626 15.1876 12.5119 15.1378 12.4287 15.0514C12.3455 14.965 12.3001 14.8492 12.3023 14.7293C12.3046 14.6094 12.3544 14.4954 12.4407 14.4122C12.5271 14.329 12.643 14.2836 12.7628 14.2858L13.7988 14.3028C13.8967 14.3014 13.9933 14.2804 14.083 14.2411C14.1726 14.2017 14.2535 14.1449 14.3208 14.0738C14.4694 13.9206 14.552 13.7152 14.5508 13.5018C14.5541 13.3989 14.5367 13.2963 14.4998 13.2001C14.4629 13.104 14.4071 13.0161 14.3358 12.9418C14.2665 12.8663 14.1823 12.806 14.0885 12.7647C13.9947 12.7233 13.8933 12.7019 13.7908 12.7018L12.1528 12.7048C12.0534 12.7057 11.9552 12.7265 11.864 12.766C11.7728 12.8055 11.6905 12.8629 11.6218 12.9348C11.4735 13.0878 11.3909 13.2927 11.3918 13.5058C11.3922 13.5652 11.3808 13.6241 11.3584 13.6792C11.3359 13.7342 11.3029 13.7843 11.2611 13.8265C11.2193 13.8688 11.1696 13.9024 11.1148 13.9254C11.06 13.9485 11.0013 13.9605 10.9418 13.9608C10.8824 13.9611 10.8235 13.9498 10.7685 13.9273C10.7135 13.9049 10.6634 13.8718 10.6211 13.83C10.5789 13.7883 10.5453 13.7386 10.5222 13.6838C10.4992 13.629 10.4872 13.5702 10.4868 13.5108C10.4845 13.063 10.6579 12.6321 10.9698 12.3108C11.1226 12.1511 11.306 12.0239 11.5091 11.9368C11.7122 11.8496 11.9308 11.8044 12.1518 11.8038L13.7918 11.8018ZM10.2688 11.7648C10.3885 11.7616 10.5044 11.8061 10.5913 11.8884C10.6781 11.9707 10.7287 12.0842 10.7318 12.2038C10.735 12.3234 10.6906 12.4394 10.6082 12.5262C10.5259 12.6131 10.4125 12.6636 10.2928 12.6668L9.19984 12.6968C8.99213 12.7035 8.79511 12.7905 8.6503 12.9396C8.50549 13.0886 8.4242 13.2881 8.42355 13.4959C8.4229 13.7037 8.50295 13.9037 8.64682 14.0536C8.7907 14.2036 8.98717 14.2919 9.19484 14.2998L10.8308 14.2968C10.9303 14.2961 11.0285 14.2754 11.1198 14.2359C11.211 14.1963 11.2933 14.1389 11.3618 14.0668C11.5102 13.9134 11.5927 13.7082 11.5918 13.4948C11.593 13.4352 11.6059 13.3764 11.6298 13.3217C11.6537 13.2671 11.6882 13.2177 11.7312 13.1764C11.7741 13.1351 11.8249 13.1026 11.8804 13.0809C11.9359 13.0592 11.9952 13.0486 12.0548 13.0498C12.2948 13.0568 12.4868 13.2478 12.4948 13.4878C12.4988 13.9378 12.3248 14.3698 12.0118 14.6928C11.7028 15.0148 11.2768 15.1978 10.8318 15.1998L9.18884 15.2008C8.9745 15.2015 8.76215 15.1598 8.56407 15.0779C8.36598 14.996 8.18611 14.8757 8.03484 14.7238C7.87424 14.563 7.74689 14.3722 7.66007 14.1621C7.57325 13.9521 7.52866 13.7271 7.52884 13.4998C7.52611 13.0548 7.6984 12.6265 8.00857 12.3074C8.31873 11.9882 8.74192 11.8038 9.18684 11.7938L10.2688 11.7648Z",
 		fill: "#6F81BD"
 	})]
-}), O = () => {
-	let { t: n } = u(), r = E(), i = r.userList, a = r.roleTreeList, o = (e) => r.activeKey === "external" ? e.dock_corpname ? `(${e.dock_corpname})` : null : e.deptnames;
-	return /* @__PURE__ */ C("div", {
-		className: T["role-panel"],
+}), M = () => {
+	let { t: n } = h(), r = A(), i = r.userList, a = r.roleTreeList, o = (e) => r.activeKey === "external" ? e.dock_corpname ? `(${e.dock_corpname})` : null : e.deptnames;
+	return /* @__PURE__ */ D("div", {
+		className: k["role-panel"],
 		children: [
-			/* @__PURE__ */ S("aside", {
-				className: T["role-panel__menu"],
-				children: /* @__PURE__ */ S("ul", {
-					className: T["role-panel__menu-list"],
-					children: r.menuItems.filter((e) => e.visible).map((e) => /* @__PURE__ */ S("li", {
+			/* @__PURE__ */ E("aside", {
+				className: k["role-panel__menu"],
+				children: /* @__PURE__ */ E("ul", {
+					className: k["role-panel__menu-list"],
+					children: r.menuItems.filter((e) => e.visible).map((e) => /* @__PURE__ */ E("li", {
 						onClick: () => r.setActiveKey(e.key),
-						className: t(T["role-panel__menu-item"], { [T["role-panel__menu-item--active"]]: r.activeKey === e.key }),
+						className: t(k["role-panel__menu-item"], { [k["role-panel__menu-item--active"]]: r.activeKey === e.key }),
 						children: e.label
 					}, e.key))
 				})
 			}),
-			/* @__PURE__ */ S("section", {
-				className: T["role-panel__tree-section"],
-				children: /* @__PURE__ */ S(v, {
+			/* @__PURE__ */ E("section", {
+				className: k["role-panel__tree-section"],
+				children: /* @__PURE__ */ E(S, {
 					spinning: r.loading,
 					tip: n("common.loading"),
-					children: /* @__PURE__ */ C(e, {
+					children: /* @__PURE__ */ D(e, {
 						style: {
 							height: r.containerHeight - 8,
 							padding: "4px"
 						},
-						children: [a.length > 0 && /* @__PURE__ */ S(b, {
-							showSwitcher: !1,
+						children: [a.length > 0 && /* @__PURE__ */ E(w, {
+							showSwitcher: !0,
 							data: a,
 							fieldNames: {
 								title: "name",
@@ -174,60 +175,61 @@ var T = {
 								children: "children"
 							},
 							selectedKeys: r.roleId ? [r.roleId] : [],
+							defaultExpandedKeys: [],
 							onSelect: (e) => r.setRoleId(e),
 							parentCheckable: !0,
-							icon: (e) => e.children && e.children.length > 0 ? /* @__PURE__ */ S(y, {
+							icon: (e) => e.children && e.children.length > 0 ? /* @__PURE__ */ E(C, {
 								name: "dept-one",
-								className: T["role-panel__tree-icon"],
+								className: k["role-panel__tree-icon"],
 								size: 16
-							}) : /* @__PURE__ */ S(D, {}),
-							switcherIcon: (e) => /* @__PURE__ */ S(y, {
+							}) : /* @__PURE__ */ E(j, {}),
+							switcherIcon: (e) => /* @__PURE__ */ E(C, {
 								name: "xiangxiazhankai-11",
-								className: t(T["role-panel__switcher-icon"], { [T["role-panel__switcher-icon--expanded"]]: e })
+								className: t(k["role-panel__switcher-icon"], { [k["role-panel__switcher-icon--expanded"]]: e })
 							})
-						}), a.length === 0 && !r.loading && /* @__PURE__ */ S("div", {
-							className: T["role-panel__tree-empty"],
-							children: /* @__PURE__ */ S("span", {
-								className: T["role-panel__tree-empty-text"],
+						}), a.length === 0 && !r.loading && /* @__PURE__ */ E("div", {
+							className: k["role-panel__tree-empty"],
+							children: /* @__PURE__ */ E("span", {
+								className: k["role-panel__tree-empty-text"],
 								children: n("role.noAvailable")
 							})
 						})]
 					})
 				})
 			}),
-			/* @__PURE__ */ C("section", {
-				className: T["role-panel__list-section"],
-				children: [/* @__PURE__ */ S(v, {
+			/* @__PURE__ */ D("section", {
+				className: k["role-panel__list-section"],
+				children: [/* @__PURE__ */ E(S, {
 					spinning: r.memberLoading,
 					tip: n("common.loading"),
-					children: /* @__PURE__ */ S(e, {
+					children: /* @__PURE__ */ E(e, {
 						style: {
 							height: r.containerHeight - 8,
 							padding: "4px"
 						},
-						children: i.length > 0 && /* @__PURE__ */ S(p, {
+						children: i.length > 0 && /* @__PURE__ */ E(_, {
 							list: i,
 							badge: (e) => {
 								let t = o(e);
-								return /* @__PURE__ */ S("span", {
-									className: T["role-panel__badge"],
+								return /* @__PURE__ */ E("span", {
+									className: k["role-panel__badge"],
 									title: t,
 									children: t
 								});
 							}
 						})
 					})
-				}), i.length === 0 && !r.memberLoading && /* @__PURE__ */ S("div", {
-					className: T["role-panel__empty"],
-					children: /* @__PURE__ */ S("span", {
-						className: T["role-panel__empty-text"],
+				}), i.length === 0 && !r.memberLoading && /* @__PURE__ */ E("div", {
+					className: k["role-panel__empty"],
+					children: /* @__PURE__ */ E("span", {
+						className: k["role-panel__empty-text"],
 						children: n("member.noAvailable")
 					})
 				})]
 			})
 		]
 	});
-}, k = {
+}, N = {
 	"position-panel": "_position-panel_14wpw_1",
 	"position-panel__menu": "_position-panel__menu_14wpw_6",
 	"position-panel__menu-list": "_position-panel__menu-list_14wpw_9",
@@ -236,27 +238,27 @@ var T = {
 	"position-panel__list": "_position-panel__list_14wpw_32",
 	"position-panel__badge": "_position-panel__badge_14wpw_38",
 	"position-panel__empty": "_position-panel__empty_14wpw_48"
-}, A = () => {
-	let { containerHeight: e, type: t, requestContext: n, limits: o } = r(), [s, c] = _(), { data: l, loading: u } = x(() => i({
+}, P = () => {
+	let { containerHeight: e, type: t, requestContext: n, limits: a } = r(), [o, s] = x(), { data: c, loading: u } = T(() => i({
 		requestContext: n,
-		limits: o
+		limits: a
 	}), {
 		onSuccess: (e) => {
-			e.items?.length && c(0);
+			e.items?.length && s(0);
 		},
 		refreshDeps: [
 			t,
 			n,
-			o
+			a
 		]
-	}), d = l?.items || [], f = s === void 0 ? void 0 : d[s], p = typeof f == "string" ? f : f?.job_title || f?.name || "", m = typeof f == "string" ? void 0 : f?._id || f?.id, { data: h, loading: g } = x(async () => p && (await a({
+	}), d = c?.items || [], f = o === void 0 ? void 0 : d[o], p = typeof f == "string" ? f : f?.job_title || f?.name || "", m = typeof f == "string" ? void 0 : f?._id || f?.id, { data: h, loading: g } = T(async () => p && (await l({
 		requestContext: n,
 		jobTitle: p,
 		jobTitleId: m,
 		limit: 1e4
 	})).list || [], { refreshDeps: [
 		t,
-		s,
+		o,
 		p,
 		m,
 		n?.appId,
@@ -265,97 +267,234 @@ var T = {
 	return {
 		containerHeight: e,
 		positionList: d,
-		activePositionIndex: s,
-		setActivePositionIndex: c,
+		activePositionIndex: o,
+		setActivePositionIndex: s,
 		memberList: h || [],
 		jobLoading: u,
 		memberLoading: g
 	};
-}, j = () => {
-	let { t: n } = u(), r = A(), i = r.memberList;
-	return /* @__PURE__ */ C("div", {
-		className: k["position-panel"],
-		children: [/* @__PURE__ */ S("div", {
-			className: k["position-panel__menu"],
-			children: /* @__PURE__ */ S(v, {
+}, F = () => {
+	let { t: n } = h(), r = P(), i = r.memberList;
+	return /* @__PURE__ */ D("div", {
+		className: N["position-panel"],
+		children: [/* @__PURE__ */ E("div", {
+			className: N["position-panel__menu"],
+			children: /* @__PURE__ */ E(S, {
 				spinning: r.jobLoading,
 				tip: n("common.loading"),
-				children: /* @__PURE__ */ S(e, {
+				children: /* @__PURE__ */ E(e, {
 					style: { height: r.containerHeight - 8 },
-					children: /* @__PURE__ */ S("ul", {
-						className: k["position-panel__menu-list"],
-						children: r.positionList.map((e, n) => /* @__PURE__ */ S("li", {
+					children: /* @__PURE__ */ E("ul", {
+						className: N["position-panel__menu-list"],
+						children: r.positionList.map((e, n) => /* @__PURE__ */ E("li", {
 							onClick: () => {
 								r.setActivePositionIndex(n);
 							},
-							className: t(k["position-panel__menu-item"], { [k["position-panel__menu-item--active"]]: r.activePositionIndex === n }),
+							className: t(N["position-panel__menu-item"], { [N["position-panel__menu-item--active"]]: r.activePositionIndex === n }),
 							children: typeof e == "string" ? e : e.job_title || e.name || ""
 						}, n))
 					})
 				})
 			})
-		}), /* @__PURE__ */ C("div", {
-			className: k["position-panel__list"],
-			children: [/* @__PURE__ */ S(v, {
+		}), /* @__PURE__ */ D("div", {
+			className: N["position-panel__list"],
+			children: [/* @__PURE__ */ E(S, {
 				spinning: r.memberLoading,
 				tip: n("common.loading"),
-				children: /* @__PURE__ */ S(e, {
+				children: /* @__PURE__ */ E(e, {
 					style: { height: r.containerHeight - 8 },
-					children: i.length > 0 && /* @__PURE__ */ S(p, {
+					children: i.length > 0 && /* @__PURE__ */ E(_, {
 						list: i,
-						badge: (e) => /* @__PURE__ */ S("div", {
-							className: k["position-panel__badge"],
-							children: /* @__PURE__ */ S("span", {
+						badge: (e) => /* @__PURE__ */ E("div", {
+							className: N["position-panel__badge"],
+							children: /* @__PURE__ */ E("span", {
 								title: e.deptnames,
 								children: e.deptnames
 							})
 						})
 					})
 				})
-			}), i.length === 0 && !r.memberLoading && /* @__PURE__ */ S("div", {
-				className: k["position-panel__empty"],
-				children: /* @__PURE__ */ S("span", { children: n("member.noAvailable") })
+			}), i.length === 0 && !r.memberLoading && /* @__PURE__ */ E("div", {
+				className: N["position-panel__empty"],
+				children: /* @__PURE__ */ E("span", { children: n("member.noAvailable") })
 			})]
 		})]
 	});
-}, M = { "current-user-panel": "_current-user-panel_184e6_1" }, N = () => {
+}, I = {
+	"extra-contact-panel": "_extra-contact-panel_4tyr0_1",
+	"extra-contact-panel__menu": "_extra-contact-panel__menu_4tyr0_6",
+	"extra-contact-panel__menu-list": "_extra-contact-panel__menu-list_4tyr0_10",
+	"extra-contact-panel__menu-item": "_extra-contact-panel__menu-item_4tyr0_14",
+	"extra-contact-panel__menu-item--active": "_extra-contact-panel__menu-item--active_4tyr0_26",
+	"extra-contact-panel__groups": "_extra-contact-panel__groups_4tyr0_33",
+	"extra-contact-panel__groups--expanded": "_extra-contact-panel__groups--expanded_4tyr0_37",
+	"extra-contact-panel__groups--collapsed": "_extra-contact-panel__groups--collapsed_4tyr0_42",
+	"extra-contact-panel__group-list": "_extra-contact-panel__group-list_4tyr0_46",
+	"extra-contact-panel__group-item": "_extra-contact-panel__group-item_4tyr0_50",
+	"extra-contact-panel__group-item--active": "_extra-contact-panel__group-item--active_4tyr0_61",
+	"extra-contact-panel__members": "_extra-contact-panel__members_4tyr0_68",
+	"extra-contact-panel__empty": "_extra-contact-panel__empty_4tyr0_74",
+	"extra-contact-panel__empty-text": "_extra-contact-panel__empty-text_4tyr0_83"
+}, L = () => {
+	let { containerHeight: e, type: t, requestContext: n, limits: i } = r(), { t: l } = h(), [u] = x([{
+		key: "default",
+		label: l("externalContact.defaultGroup"),
+		visible: !0
+	}, {
+		key: "custom",
+		label: l("externalContact.customGroup"),
+		visible: !0
+	}]), [d, f] = x("default"), [p, g] = x(), _ = (e) => {
+		f(e), e === "default" && g(void 0);
+	}, { data: v, loading: y } = T(() => t === m.DEPT_USERS ? c({ requestContext: n }) : s({
+		requestContext: n,
+		limits: i
+	}), {
+		refreshDeps: [
+			d,
+			t,
+			n,
+			i
+		],
+		onSuccess: (e) => {
+			e && (d === "custom" && g(e.list.filter((e) => e.type !== "1")[0]?._id), d === "default" && g(e.list.filter((e) => e.type === "1")[0]?._id));
+		}
+	}), { data: b, loading: S } = T(async () => p ? t === m.DEPT_USERS ? (await a({
+		requestContext: n,
+		groupId: p,
+		limit: 1e4
+	})).list || [] : (await o({
+		requestContext: n,
+		groupId: p,
+		groupLimit: i?.groupLimit || [],
+		memberLimit: i?.memberLimit || [],
+		limit: 1e4
+	})).list || [] : [], { refreshDeps: [
+		t,
+		d,
+		p,
+		n
+	] });
+	return {
+		containerHeight: e,
+		menuItems: u,
+		activeKey: d,
+		setActiveKey: _,
+		groupId: p,
+		setGroupId: g,
+		groupList: d === "custom" && v?.list?.filter((e) => e.type !== "1") || [],
+		memberList: b || [],
+		groupListLoading: y,
+		memberLoading: S
+	};
+}, R = () => {
+	let { t: n } = h(), r = L(), i = r.memberList;
+	return /* @__PURE__ */ D("div", {
+		className: I["extra-contact-panel"],
+		children: [
+			/* @__PURE__ */ E("aside", {
+				className: I["extra-contact-panel__menu"],
+				children: /* @__PURE__ */ E("ul", {
+					className: I["extra-contact-panel__menu-list"],
+					children: r.menuItems.filter((e) => e.visible).map((e) => /* @__PURE__ */ E("li", {
+						onClick: () => {
+							e.key !== r.activeKey && r.setActiveKey(e.key);
+						},
+						className: t(I["extra-contact-panel__menu-item"], { [I["extra-contact-panel__menu-item--active"]]: r.activeKey === e.key }),
+						children: e.label
+					}, e.key))
+				})
+			}),
+			/* @__PURE__ */ E("section", {
+				className: t(I["extra-contact-panel__groups"], {
+					[I["extra-contact-panel__groups--expanded"]]: r.activeKey === "custom",
+					[I["extra-contact-panel__groups--collapsed"]]: r.activeKey === "default"
+				}),
+				children: /* @__PURE__ */ E(S, {
+					spinning: r.groupListLoading && r.activeKey === "custom",
+					tip: n("common.loading"),
+					children: /* @__PURE__ */ E(e, {
+						style: {
+							height: r.containerHeight - 8,
+							padding: "4px"
+						},
+						children: /* @__PURE__ */ D("ul", {
+							className: I["extra-contact-panel__group-list"],
+							children: [r.groupList.map((e) => /* @__PURE__ */ E("li", {
+								onClick: () => r.setGroupId(e._id),
+								className: t(I["extra-contact-panel__group-item"], { [I["extra-contact-panel__group-item--active"]]: r.groupId === e._id }),
+								children: e.name
+							}, e._id)), r.groupList.length === 0 && !r.groupListLoading && /* @__PURE__ */ E("div", {
+								className: I["extra-contact-panel__empty"],
+								children: /* @__PURE__ */ E("span", {
+									className: I["extra-contact-panel__empty-text"],
+									children: n("externalContact.noAvailableGroup")
+								})
+							})]
+						})
+					})
+				})
+			}),
+			/* @__PURE__ */ D("section", {
+				className: I["extra-contact-panel__members"],
+				children: [/* @__PURE__ */ E(S, {
+					spinning: r.memberLoading || r.groupListLoading,
+					tip: n("common.loading"),
+					children: /* @__PURE__ */ E(e, {
+						style: {
+							height: r.containerHeight - 8,
+							padding: "4px"
+						},
+						children: i.length > 0 && /* @__PURE__ */ E(_, { list: i })
+					})
+				}), i.length === 0 && !r.memberLoading && !r.groupListLoading && /* @__PURE__ */ E("div", {
+					className: I["extra-contact-panel__empty"],
+					children: /* @__PURE__ */ E("span", {
+						className: I["extra-contact-panel__empty-text"],
+						children: n("member.noAvailable")
+					})
+				})]
+			})
+		]
+	});
+}, z = { "current-user-panel": "_current-user-panel_184e6_1" }, B = () => {
 	let { currentUsers: e } = r();
-	return /* @__PURE__ */ S("div", {
-		className: M["current-user-panel"],
-		children: /* @__PURE__ */ S(p, {
+	return /* @__PURE__ */ E("div", {
+		className: z["current-user-panel"],
+		children: /* @__PURE__ */ E(_, {
 			list: e || [],
 			showCheckAll: !1
 		})
 	});
-}, P = () => {
-	let { t: e } = u(), { memberPanelVisibility: t = n } = r(), { source: i, member: a, role: o, job: s, externalContact: c, currentUser: l } = t, d = h(() => [
+}, V = () => {
+	let { t: e } = h(), { memberPanelVisibility: t = n } = r(), { source: i, member: a, role: o, job: s, externalContact: c, currentUser: l } = t, u = y(() => [
 		{
 			label: e("member.title"),
 			key: "member",
-			view: /* @__PURE__ */ S(f, {})
+			view: /* @__PURE__ */ E(v, {})
 		},
 		{
 			label: e("role.title"),
 			key: "role",
-			view: /* @__PURE__ */ S(O, {})
+			view: /* @__PURE__ */ E(M, {})
 		},
 		{
 			label: e("position.title"),
 			key: "job",
-			view: /* @__PURE__ */ S(j, {})
+			view: /* @__PURE__ */ E(F, {})
 		},
 		{
 			label: e("externalContact.title"),
 			key: "externalContact",
-			view: /* @__PURE__ */ S(m, {})
+			view: /* @__PURE__ */ E(R, {})
 		},
 		{
 			label: e("currentUser.title"),
 			key: "currentUser",
-			view: /* @__PURE__ */ S(N, {})
+			view: /* @__PURE__ */ E(B, {})
 		}
 	], [e]);
-	return h(() => i === "widget" ? d.filter((e) => {
+	return y(() => i === "widget" ? u.filter((e) => {
 		switch (e.key) {
 			case "member": return a;
 			case "role": return o;
@@ -364,8 +503,8 @@ var T = {
 			case "currentUser": return l;
 			default: return !0;
 		}
-	}) : d, [
-		d,
+	}) : u, [
+		u,
 		i,
 		a,
 		o,
@@ -375,4 +514,4 @@ var T = {
 	]);
 };
 //#endregion
-export { P as t };
+export { V as t };