@baishuyun/ui-business 5.0.2 → 5.0.4

package/dist/BubbleChart/AutoGridEChart-uinZMdOR.js

@@ -0,0 +1,185 @@
+import { t as e } from "../vendors/clsx.js";
+import { t } from "../vendors/echarts.js";
+import { forwardRef as n, useEffect as r, useImperativeHandle as i, useRef as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/utils/getLegendHeight.ts
+function l(e, t, n, r, i) {
+	let a = 0, o = 0, s = parseInt(r.fontSize) || 10, c = e.series.map((e) => e.data[0][0].toString()), l = e.series.map((e) => e.data[0][1].toString()), u = e.series.map((e) => e.name);
+	function d(e) {
+		let t = "";
+		if (e.fontSize || e.fontFamily || e.fontWeight) {
+			let n = "";
+			n = typeof e.fontSize == "string" && (e.fontSize.indexOf("px") !== -1 || e.fontSize.indexOf("rem") !== -1 || e.fontSize.indexOf("em") !== -1) ? e.fontSize : isNaN(+e.fontSize) ? "12px" : e.fontSize + "px", t = [
+				e.fontStyle,
+				e.fontWeight,
+				n,
+				e.fontFamily || "sans-serif"
+			].join(" ");
+		}
+		return t && t.trim() || e.textFont || e.font;
+	}
+	function f(e, t) {
+		t.fontSize = parseInt(t.fontSize), t.fontFamily = t.fontFamily || "verdana";
+		let n = d(t), r = document.createElement("canvas").getContext("2d") || {};
+		return r.font = n, r?.measureText(e)?.width || 0;
+	}
+	function p(e, t) {
+		if (Array.isArray(e)) for (let n = 0, r = e.length; n < r && t.apply(e[n], [n, e[n]]) !== !1; n++);
+		else if (e && typeof e == "object") {
+			for (let n in e) if (Object.prototype.hasOwnProperty.call(e, n) && t.apply(e[n], [n, e[n]]) === !1) break;
+		}
+	}
+	function m() {
+		let t = 0;
+		if (e.xAxis && e.xAxis.axisLabel) {
+			let n = e.xAxis.axisLabel.rotate;
+			if (n && n !== 0) {
+				let r = 0, i = "";
+				if (c && Array.isArray(c) && c.forEach((e) => {
+					let t = e;
+					t.length > r && (r = t.length, i = t);
+				}), r > 0) {
+					let r = f(i, e.xAxis.axisLabel), a = Math.abs(n) * Math.PI / 180;
+					t = r * Math.sin(a);
+				}
+			}
+		}
+		return t;
+	}
+	function h() {
+		let t = 0;
+		if (e.yAxis && e.yAxis.axisLabel) {
+			let n = e.yAxis.axisLabel.rotate;
+			if (n && n !== 0) {
+				let r = 0, i = "";
+				if (l && Array.isArray(l) && l.forEach((e) => {
+					let t = e;
+					t.length > r && (r = t.length, i = t);
+				}), r > 0) {
+					let r = f(i, e.yAxis.axisLabel);
+					if (n === 0) t = r;
+					else if (n === 90) t = parseInt(e.yAxis.axisLabel.fontSize) || 12;
+					else {
+						let e = Math.abs(n) * Math.PI / 180;
+						t = r * Math.cos(e);
+					}
+					t += 10;
+				}
+			}
+		}
+		return t;
+	}
+	function g() {
+		let e = 0, n = Array.isArray(t) ? t.length : Object.keys(t || {}).length;
+		return n > 10 ? e = 20 : n > 5 && (e = 10), e;
+	}
+	if (e.legend.type === "scroll") return s + 10 + m() + h() + g();
+	p(t, (e, t) => {
+		let i = f(t, r || {
+			fontFamily: "verdana",
+			fontSize: 10,
+			fontStyle: "normal",
+			fontWeight: "normal"
+		});
+		o += i + 10 + 14 + 5, o > n && (a++, o = i + 10 + 14 + 5);
+	});
+	function _(e, t, n, r) {
+		let i = r.legend;
+		if (!i.show) return 0;
+		let a = n.itemHeight + n.padding, o = i.itemWidth || 12, s = e.map((e) => e.name || e), c = (e) => {
+			let t = (e.match(/[\u4e00-\u9fa5]/g) || []).length, n = e.length - t;
+			return t * 12 + n * 7;
+		};
+		if (r.legend.left === "left" || r.legend.right === "right") {
+			let n = Math.max(...s.map((e) => c(e))), r = o + 5 + n;
+			return Math.ceil(a * e.length / t) * (r + 10) + 20;
+		}
+		return 0;
+	}
+	let v = _(u, i, e.legend, e), y = (a + 1) * (s + 10), b = m(), x = h(), S = -5, C = -5, w = -5, T = -5;
+	return {
+		grid: {
+			top: (() => {
+				let t = 20;
+				return e.xAxis.position === "top" && (t += b + 10), e.legend.show && e.legend.top === "top" && (C += y, t += y), e.xAxis.title !== "" && e.xAxis.position === "top" && (t += 30), t;
+			})(),
+			bottom: (() => {
+				let t = 20;
+				return e.xAxis.position === "bottom" && (t += b + 10), e.legend.show && (e.legend.top === "bottom" || e.legend.top === "") && (S += y, t += y), e.xAxis.title !== "" && e.xAxis.position === "bottom" && (t += 30), t;
+			})(),
+			left: (() => {
+				let t = 20;
+				return e.yAxis.position === "left" && (t += x), e.legend.show && e.legend.left === "left" && (w += v, t += v), e.yAxis.title !== "" && e.yAxis.position === "left" && (t += 10), t;
+			})(),
+			right: (() => {
+				let t = 20 + x;
+				return e.yAxis.position === "right" && (t += 10), e.legend.show && e.legend.left === "right" && (T += v, t += v), e.yAxis.title !== "" && e.yAxis.position === "right" && (t += 30), t;
+			})()
+		},
+		titleBottomHeight: S,
+		titleTopHeight: C,
+		titleLeftHeight: w,
+		titleRightHeight: T
+	};
+}
+//#endregion
+//#region src/components/BubbleChart/BubbleChart.module.scss
+var u = {
+	"auto-grid-echart": "_auto-grid-echart_w04s7_1",
+	"xAxis-title": "_xAxis-title_w04s7_6",
+	"yAxis-title": "_yAxis-title_w04s7_11"
+}, d = n((n, d) => {
+	let f = a(null), p = a(null), m = a(null), [h, g] = o({}), _ = n.dataList.map((e) => e.name), v = () => f.current ? (g(l(n.option, _, f.current.offsetWidth, n.option.legend.textStyle, f.current.offsetHeight)), {
+		...n.option,
+		grid: l(n.option, _, f.current.offsetWidth, n.option.legend.textStyle, f.current.offsetHeight).grid
+	}) : { ...n.option };
+	return i(d, () => ({ resizeEchart: () => {
+		p.current?.resize();
+	} })), r(() => {
+		if (!f.current) return;
+		p.current = t(f.current);
+		let e = v();
+		p.current.setOption(e, !0), p.current.on("click", function(e) {
+			n.onChartClick && n.onChartClick(e, n.options, n.dataList);
+		});
+		let r = () => {
+			if (p.current) {
+				let e = v();
+				p.current.setOption(e, !1);
+			}
+		};
+		return setTimeout(r, 100), n.onChartReady && n.onChartReady(p.current), m.current = new ResizeObserver(() => {
+			p.current?.resize(), setTimeout(r, 50);
+		}), f.current && m.current.observe(f.current), () => {
+			m.current?.disconnect(), p.current?.dispose();
+		};
+	}, []), r(() => {
+		if (!p.current) return;
+		let e = v();
+		p.current.setOption(e, !0);
+	}, [n.option]), /* @__PURE__ */ c("div", {
+		className: e(n.className, u["auto-grid-echart"]),
+		children: [
+			/* @__PURE__ */ s("div", {
+				ref: f,
+				style: {
+					width: "100%",
+					height: "100%",
+					...n.style
+				}
+			}),
+			/* @__PURE__ */ s("div", {
+				className: e(u["xAxis-title"]),
+				style: n.option.xAxis?.position === "bottom" ? { bottom: h.titleBottomHeight + 20 } : n.option.xAxis?.position === "top" ? { top: h.titleTopHeight + 20 } : void 0,
+				children: /* @__PURE__ */ s("span", { children: n.option.xAxis?.title })
+			}),
+			/* @__PURE__ */ s("div", {
+				className: e(u["yAxis-title"]),
+				style: n.option.yAxis?.position === "left" ? { left: h.titleLeftHeight } : n.option.yAxis?.position === "right" ? { right: h.titleRightHeight + 20 } : void 0,
+				children: /* @__PURE__ */ s("span", { children: n.option.yAxis?.title })
+			})
+		]
+	});
+});
+//#endregion
+export { d as t };

package/dist/BubbleChart/BubbleChart-CPhXmstL.js

@@ -0,0 +1,174 @@
+import { n as e } from "../vendors/echarts.js";
+import { t } from "./AutoGridEChart-uinZMdOR.js";
+import { forwardRef as n, useImperativeHandle as r, useRef as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+var o = n((n, o) => {
+	let s = i(null), c = (e) => {
+		let t = {
+			index0: [],
+			index1: []
+		};
+		return e.forEach((e) => {
+			t.index0.push(e.data[0]), t.index1.push(e.data[1]);
+		}), t;
+	}, l = (e) => {
+		let t = Math.max(...e), n = Math.min(...e), r = (e.reduce((e, t) => e + t, 0) / e.length).toFixed(2);
+		return {
+			max: t,
+			min: n,
+			avg: Number(r)
+		};
+	}, u = c(n.dataList), d = l(u.index0), f = l(u.index1), p = n.options.xFields[n.options.xFields.length - 1].colors || [], m = {
+		xAxis: {
+			axisLabel: {
+				color: "#666666",
+				fontSize: 10,
+				show: !0,
+				rotate: n.options.xAxis?.label?.rotation?.toString() || "45"
+			},
+			min: n.options.xAxis?.min || void 0,
+			max: n.options.xAxis?.max || void 0,
+			title: n.options.xAxis?.title?.text || "",
+			position: n.options.xAxis?.position
+		},
+		yAxis: {
+			axisLabel: {
+				color: "#666666",
+				fontSize: 10,
+				show: !0,
+				rotate: n.options.yAxis?.label?.rotation + " " || 45
+			},
+			min: n.options.yAxis?.min || void 0,
+			max: n.options.yAxis?.max || void 0,
+			title: n.options.yAxis?.title?.text,
+			position: n.options.yAxis?.position
+		},
+		grid: {
+			top: 20,
+			bottom: 20,
+			left: 20,
+			right: 30
+		},
+		tooltip: {
+			trigger: "item",
+			axisPointer: { type: "shadow" },
+			textStyle: {
+				fontSize: 14,
+				color: "#333"
+			},
+			backgroundColor: "#fff",
+			borderColor: "#fff",
+			borderWidth: 1,
+			padding: 10,
+			borderRadius: 4,
+			formatter: (e) => {
+				let t = `<div>${e.seriesName}</div>`;
+				return t += `<div><span>${n.options.xFields[0].title}：</span><span>${e.value[0]}</span></div>`, t += `<div><span>${n.options.yFields[0].title}：</span><span>${e.value[1]}</span></div>`, e.componentType === "series" ? t : "";
+			},
+			triggerOn: "mousemove",
+			showDelay: 0,
+			hideDelay: 100,
+			enterable: !1
+		},
+		legend: {
+			show: n.options.legend.enable,
+			orient: ["left", "right"].includes(n.options.legend.position) ? "vertical" : "horizontal",
+			left: ["left", "right"].includes(n.options.legend.position) && n.options.legend.position || "center",
+			top: ["top", "bottom"].includes(n.options.legend.position) && n.options.legend.position || "middle",
+			itemGap: 10,
+			bottom: 0,
+			padding: 10,
+			itemWidth: 12,
+			itemHeight: 14,
+			textStyle: { fontStyle: "normal" }
+		},
+		graphic: n.options.guideline?.map((e) => ({
+			type: "line",
+			shape: {
+				x1: 1,
+				y1: 8,
+				x2: 2,
+				y2: 8
+			},
+			style: {
+				stroke: e.color,
+				lineWidth: 2
+			}
+		})),
+		series: n.dataList.map((t, r) => ({
+			symbolSize: () => (t.data[2] || 0) >= n.options.bubbleOptions.maxSize ? n.options.bubbleOptions.maxSize : (t.data[2] || 0) <= n.options.bubbleOptions.minSize ? n.options.bubbleOptions.minSize : t.data[2] || 10,
+			data: [t.data],
+			name: t.name,
+			markLine: {
+				symbol: ["none", "none"],
+				lineStyle: {
+					width: 1,
+					type: "dashed"
+				},
+				data: r === 0 && n.options.guideline?.map((e) => {
+					let t = {
+						lineStyle: {
+							color: e.color,
+							width: 1,
+							type: "dashed"
+						},
+						label: {
+							show: !0,
+							position: "insideEndTop",
+							formatter: (t) => {
+								if (e.is_label_visible && e.is_value_visible) return e.label + ":" + t.value;
+								if (e.is_label_visible) return e.label;
+								if (e.is_value_visible) return t.value;
+							},
+							fontSize: 12,
+							color: e.color,
+							distance: 5
+						}
+					};
+					return e.type === "fixed" && (e.field === n.options.xFields[0].tag && (t.xAxis = e.value || 0), e.field === n.options.yFields[0].tag && (t.yAxis = e.value || 0)), e.type === "dynamic" && (e.field === n.options.xFields[0].tag && (e.aggregate === "max" && (t.xAxis = d.max), e.aggregate === "min" && (t.xAxis = d.min), e.aggregate === "avg" && (t.xAxis = d.avg)), e.field === n.options.yFields[0].tag && (e.aggregate === "max" && (t.yAxis = f.max), e.aggregate === "min" && (t.yAxis = f.min), e.aggregate === "avg" && (t.yAxis = f.avg)), t.type = e.aggregate), t;
+				})
+			},
+			color: p.find((e) => e.title === t.name) ? p.find((e) => e.title === t.name).color : "",
+			label: {
+				show: n.options.chart_label.enable,
+				distance: 5,
+				position: "top",
+				formatter: () => `${n.options.chart_label.dimension?.enable ? t.name : ""} ${n.options.chart_label.value?.enable ? "(" + t.data[0] + "，" + t.data[1] + ")" : ""}`,
+				textStyle: {
+					fontSize: 11,
+					color: "#666",
+					fontWeight: 500
+				}
+			},
+			itemStyle: {
+				borderColor: "#666",
+				borderWidth: 1,
+				shadowColor: "rgba(0, 0, 0, 0.2)",
+				shadowBlur: 10,
+				shadowOffsetX: 3,
+				shadowOffsetY: 5,
+				shadowOpacity: .8,
+				color: new e(.4, .3, 1, [{
+					offset: 0,
+					color: t.color && t.color[0] || "rgb(129, 227, 238)"
+				}, {
+					offset: 1,
+					color: t.color && t.color[1] || "rgb(25, 183, 207)"
+				}])
+			},
+			type: "scatter"
+		}))
+	};
+	return r(o, () => ({ resizeEchart: () => {
+		s.current.resizeEchart();
+	} })), /* @__PURE__ */ a(t, {
+		ref: s,
+		option: m,
+		options: n.options,
+		dataList: n.dataList,
+		onChartReady: n.onChartReady,
+		onChartClick: n.onChartClick
+	});
+});
+//#endregion
+export { o as t };

package/dist/BubbleChart/index.js

@@ -1,4 +1,7 @@
-import { B as r } from "./BubbleChart-B0AuH-ma.js";
-export {
-  r as default
-};
+import "../vendors/echarts.js";
+import "./AutoGridEChart-uinZMdOR.js";
+import { t as e } from "./BubbleChart-CPhXmstL.js";
+//#region src/components/BubbleChart/index.ts
+var t = e;
+//#endregion
+export { t as default };

package/dist/ConfigProvider/ConfigProvider-CISBH3A8.js

@@ -0,0 +1,22 @@
+import { t as e } from "./configContext-B0kvcW4s.js";
+import { r as t } from "../vendors/services/apiService.js";
+import { useEffect as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/ConfigProvider/ConfigProvider.tsx
+var i = (i) => {
+	let { locale: a, axiosInstance: o, preFetchedNodes: s } = i;
+	return n(() => {
+		o && t({ axiosInstance: o });
+	}, [o]), n(() => {
+		s && s.length > 0 && sessionStorage.setItem("preset_bsy_dept_member", JSON.stringify(s));
+	}, [s]), /* @__PURE__ */ r(e.Provider, {
+		value: {
+			locale: a,
+			axiosInstance: o,
+			preFetchedNodes: s
+		},
+		children: i.children
+	});
+};
+//#endregion
+export { i as t };

package/dist/ConfigProvider/configContext-B0kvcW4s.js

@@ -0,0 +1,9 @@
+import { createContext as e } from "react";
+//#region src/components/ConfigProvider/context/configContext.ts
+var t = e({
+	locale: "zh-CN",
+	axiosInstance: void 0,
+	preFetchedNodes: void 0
+});
+//#endregion
+export { t };

package/dist/ConfigProvider/index.js

@@ -1,4 +1,6 @@
-import { C as r } from "./ConfigProvider-CAq3dN6-.js";
-export {
-  r as default
-};
+import "./configContext-B0kvcW4s.js";
+import { t as e } from "./ConfigProvider-CISBH3A8.js";
+//#region src/components/ConfigProvider/index.ts
+var t = e;
+//#endregion
+export { t as default };

package/dist/DeptsMember/Department-BYVAaPYd.js

@@ -0,0 +1,186 @@
+import { t as e } from "../vendors/simplebar-react.js";
+import { t } from "../vendors/clsx.js";
+import { t as n } from "./useDeptsMemberSelector-DP5L8bhi.js";
+import { r } from "./TabGroup-B_VIf1lS.js";
+import { t as i } from "../vendors/useLocale.js";
+import { r as a } from "../vendors/services/data/member.service.js";
+import { t as o } from "./OrganizationPanel-BLIXOm6z.js";
+import { t as s } from "../vendors/services/corp/outsider.service.js";
+import { useMemo as c, useState as l } from "react";
+import { Radio as u, Spin as d } from "antd";
+import { Checkbox as f } from "@baishuyun/ui-base";
+import { useRequest as p } from "ahooks";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region src/components/DeptsMember/subcomponents/Entity/Department/GroupList/GroupList.module.scss
+var _ = {
+	"group-list__list": "_group-list__list_1ncb5_1",
+	"group-list__option": "_group-list__option_1ncb5_4",
+	"group-list__option--checkbox": "_group-list__option--checkbox_1ncb5_13",
+	"group-list__radio": "_group-list__radio_1ncb5_16",
+	"group-list__row": "_group-list__row_1ncb5_19",
+	"group-list__name": "_group-list__name_1ncb5_24",
+	"group-list__checkbox-row": "_group-list__checkbox-row_1ncb5_28",
+	"group-list__checkbox": "_group-list__checkbox_1ncb5_28",
+	"group-list__group": "_group-list__group_1ncb5_38",
+	"group-list": "_group-list_1ncb5_1"
+}, v = (e) => {
+	let { list: i } = e, { value: a, type: o, dispatch: s } = n(), c = o === r.DEPARMENT, l = o === r.DEPARMENT_GROUP, d = a?.[0]?._id, p = (t) => {
+		let n = i?.find((e) => e._id === t.target.value);
+		n && s({
+			type: "insertOnly",
+			payload: Object.assign({}, n, { type: e.type || n.type })
+		});
+	}, v = (e) => {
+		s({
+			type: "deleteOne",
+			payload: e
+		});
+	}, y = a?.map((e) => e._id) || [];
+	return /* @__PURE__ */ h("div", {
+		className: _["group-list"],
+		children: /* @__PURE__ */ g("ul", {
+			className: _["group-list__list"],
+			children: [c && /* @__PURE__ */ h(u.Group, {
+				value: d,
+				onChange: p,
+				className: _["group-list__group"],
+				children: i.map((e) => /* @__PURE__ */ h("li", {
+					className: _["group-list__option"],
+					children: /* @__PURE__ */ h(u, {
+						value: e._id,
+						className: _["group-list__radio"],
+						onClick: () => {
+							v(e._id);
+						},
+						children: /* @__PURE__ */ h("div", {
+							className: _["group-list__row"],
+							children: /* @__PURE__ */ h("span", {
+								className: _["group-list__name"],
+								children: e.name
+							})
+						})
+					})
+				}, e._id))
+			}), l && /* @__PURE__ */ h(m, { children: /* @__PURE__ */ h(f.Group, {
+				value: y,
+				onChange: (t) => {
+					let n = i.filter((e) => !t.includes(e._id)), r = i.filter((e) => t.includes(e._id));
+					s({
+						type: "deleteAndInsert",
+						payload: {
+							oldIds: n.map((e) => e._id),
+							newItems: r.map((t) => Object.assign({}, t, { type: e.type || t.type }))
+						}
+					});
+				},
+				className: _["group-list__group"],
+				children: i.map((e) => /* @__PURE__ */ h("li", {
+					className: t(_["group-list__option"], _["group-list__option--checkbox"]),
+					children: /* @__PURE__ */ h(f, {
+						labelPosition: "left",
+						value: e._id,
+						className: _["group-list__checkbox"],
+						children: /* @__PURE__ */ h("div", {
+							className: _["group-list__checkbox-row"],
+							children: /* @__PURE__ */ h("span", {
+								className: _["group-list__name"],
+								children: e.name
+							})
+						})
+					})
+				}, e._id))
+			}) })]
+		})
+	});
+}, y = {
+	"current-user-depts-panel": "_current-user-depts-panel_cjkm1_1",
+	"current-user-depts-panel__empty": "_current-user-depts-panel__empty_cjkm1_5"
+}, b = () => {
+	let { containerHeight: t } = n(), { t: r } = i(), { data: o, loading: s } = p(() => a({ departmentLimit: [] })), c = o?.departmentList || [];
+	return /* @__PURE__ */ h("div", {
+		className: y["current-user-depts-panel"],
+		children: /* @__PURE__ */ h(d, {
+			spinning: s,
+			tip: r("common.loading"),
+			children: /* @__PURE__ */ g(e, {
+				style: { height: t - 8 },
+				children: [/* @__PURE__ */ h(v, { list: c }), c.length === 0 && !s && /* @__PURE__ */ h("div", {
+					className: y["current-user-depts-panel__empty"],
+					children: /* @__PURE__ */ h("span", { children: r("department.noAvailable") })
+				})]
+			})
+		})
+	});
+}, x = {
+	"extra-contact-group-panel": "_extra-contact-group-panel_jf0qd_1",
+	"extra-contact-group-panel__menu": "_extra-contact-group-panel__menu_jf0qd_6",
+	"extra-contact-group-panel__menu-list": "_extra-contact-group-panel__menu-list_jf0qd_10",
+	"extra-contact-group-panel__menu-item": "_extra-contact-group-panel__menu-item_jf0qd_14",
+	"extra-contact-group-panel__menu-item--active": "_extra-contact-group-panel__menu-item--active_jf0qd_25",
+	"extra-contact-group-panel__content": "_extra-contact-group-panel__content_jf0qd_32",
+	"extra-contact-group-panel__empty": "_extra-contact-group-panel__empty_jf0qd_37"
+}, S = () => {
+	let { containerHeight: r } = n(), { t: a } = i(), [o] = l([{
+		key: "default",
+		label: a("externalContact.defaultGroup")
+	}, {
+		key: "custom",
+		label: a("externalContact.customGroup")
+	}]), [c, u] = l("default"), { data: f, loading: m } = p(() => s()), _ = f?.list || [], y = c === "default" ? _.filter((e) => e.type === "1") : _.filter((e) => e.type !== "1");
+	return /* @__PURE__ */ g("div", {
+		className: x["extra-contact-group-panel"],
+		children: [/* @__PURE__ */ h("aside", {
+			className: x["extra-contact-group-panel__menu"],
+			children: /* @__PURE__ */ h("ul", {
+				className: x["extra-contact-group-panel__menu-list"],
+				children: o.map((e) => /* @__PURE__ */ h("li", {
+					onClick: () => {
+						u(e.key);
+					},
+					className: t(x["extra-contact-group-panel__menu-item"], { [x["extra-contact-group-panel__menu-item--active"]]: c === e.key }),
+					children: e.label
+				}, e.key))
+			})
+		}), /* @__PURE__ */ h("div", {
+			className: x["extra-contact-group-panel__content"],
+			children: /* @__PURE__ */ h(d, {
+				spinning: m,
+				tip: a("common.loading"),
+				children: /* @__PURE__ */ g(e, {
+					style: {
+						height: r - 8,
+						padding: "4px"
+					},
+					children: [y.length > 0 && /* @__PURE__ */ h(v, {
+						list: y,
+						type: "group"
+					}), y.length === 0 && !m && /* @__PURE__ */ h("div", {
+						className: x["extra-contact-group-panel__empty"],
+						children: /* @__PURE__ */ h("span", { children: a("externalContact.noAvailableGroup") })
+					})]
+				})
+			})
+		})]
+	});
+}, C = () => {
+	let { t: e } = i();
+	return c(() => [
+		{
+			label: e("department.organizationalStructure"),
+			key: "organizational",
+			view: /* @__PURE__ */ h(o, {})
+		},
+		{
+			label: e("externalContact.group"),
+			key: "externalContactGroup",
+			view: /* @__PURE__ */ h(S, {})
+		},
+		{
+			label: e("department.currentUserDepartment"),
+			key: "currentDepartment",
+			view: /* @__PURE__ */ h(b, {})
+		}
+	], [e]);
+};
+//#endregion
+export { C as t };