@baishuyun/ui-business 5.0.3 → 5.1.1

package/dist/BubbleChart/AutoGridEChart-B2a7zGgi.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-BPIsaE-C.js

@@ -0,0 +1,174 @@
+import { n as e } from "../vendors/echarts.js";
+import { t } from "./AutoGridEChart-B2a7zGgi.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-BPGhlxCM.js";
-export {
-  r as default
-};
+import "../vendors/echarts.js";
+import "./AutoGridEChart-B2a7zGgi.js";
+import { t as e } from "./BubbleChart-BPIsaE-C.js";
+//#region src/components/BubbleChart/index.ts
+var t = e;
+//#endregion
+export { t as default };

package/dist/ConfigProvider/ConfigProvider-C0c1mKeR.js

@@ -0,0 +1,22 @@
+import { t as e } from "./configContext-kYu9qTM2.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-kYu9qTM2.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-kYu9qTM2.js";
+import { t as e } from "./ConfigProvider-C0c1mKeR.js";
+//#region src/components/ConfigProvider/index.ts
+var t = e;
+//#endregion
+export { t as default };

package/dist/DeptsMemberSelector/Department-CkzkA99U.js

@@ -0,0 +1,252 @@
+import { t as e } from "../vendors/simplebar-react.js";
+import { t } from "../vendors/clsx.js";
+import { r as n, t as r } from "./useDeptsMemberSelector-xc9GWJaL.js";
+import { h as i } from "./services/contact/selector.service-cz8fZZaA.js";
+import { n as a, r as o } from "./TabGroup-DjfuvblW.js";
+import { t as s } from "../vendors/useLocale.js";
+import { t as c } from "./OrganizationPanel-BAhvhgOL.js";
+import { useMemo as l, useState 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_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"
+}, 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 === o.DEPARMENT, u = s === o.DEPARMENT_GROUP, f = y(i?.[0]), m = (t) => {
+		let r = n?.find((e) => y(e) === t.target.value);
+		r && c({
+			type: "insertOnly",
+			payload: Object.assign({}, r, { type: e.type || r.type })
+		});
+	}, x = (e) => {
+		c({
+			type: "deleteOne",
+			payload: e
+		});
+	}, 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,
+				onChange: m,
+				className: v["group-list__group"],
+				children: n.map((t) => {
+					let n = y(t);
+					return /* @__PURE__ */ g("li", {
+						className: v["group-list__option"],
+						children: /* @__PURE__ */ g(d, {
+							value: n,
+							className: v["group-list__radio"],
+							onClick: () => {
+								x(String(n));
+							},
+							children: /* @__PURE__ */ _("div", {
+								className: v["group-list__row"],
+								children: [e.showDepartmentIcon && /* @__PURE__ */ g(a, {
+									type: "department",
+									size: 16
+								}), /* @__PURE__ */ g("span", {
+									className: v["group-list__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(a, {
+									type: "department",
+									size: 16
+								}), /* @__PURE__ */ g("span", {
+									className: v["group-list__name"],
+									children: n.name
+								})]
+							})
+						})
+					}, String(r));
+				})
+			}) })]
+		})
+	});
+}, S = {
+	"current-user-depts-panel": "_current-user-depts-panel_cjkm1_1",
+	"current-user-depts-panel__empty": "_current-user-depts-panel__empty_cjkm1_5"
+}, C = (e) => {
+	let t = e?._id ?? e?.id;
+	return t == null || t === "" ? "" : String(t);
+}, w = () => {
+	let { containerHeight: t, currentContext: n, departmentSelectableRange: i, departmentPanelRequestGuard: a } = r(), { t: o } = s(), c = l(() => {
+		if (!a.enabled) return [];
+		let e = [...n.current_departments || [], ...n.dock_current_departments || []], t = i.hasDepartmentRange && i.source !== "rely-limit-array" ? new Set(i.departmentIds.map((e) => String(e))) : void 0;
+		return e.filter((e, n, r) => {
+			let i = C(e);
+			return !i || t && !t.has(i) ? !1 : r.findIndex((e) => C(e) === i) === n;
+		});
+	}, [
+		n.current_departments,
+		n.dock_current_departments,
+		a.enabled,
+		i.departmentIds,
+		i.hasDepartmentRange,
+		i.source
+	]);
+	return /* @__PURE__ */ g("div", {
+		className: S["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: S["current-user-depts-panel__empty"],
+				children: /* @__PURE__ */ g("span", { children: o("department.noAvailable") })
+			})]
+		})
+	});
+}, T = {
+	"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"
+}, E = () => {
+	let { containerHeight: a, requestContext: o, limits: c, departmentSelectableRange: l, departmentPanelRequestGuard: d } = r(), { t: p } = s(), [h] = u([{
+		key: "default",
+		label: p("externalContact.defaultGroup")
+	}, {
+		key: "custom",
+		label: p("externalContact.customGroup")
+	}]), [v, y] = u("default"), { data: b, loading: S } = m(() => n(d, () => i({
+		requestContext: o,
+		limits: c,
+		departmentSelectableRange: l
+	})), { refreshDeps: [
+		o,
+		c,
+		l,
+		d
+	] }), C = b?.list || [], w = v === "default" ? C.filter((e) => e.type === "1") : C.filter((e) => e.type !== "1");
+	return /* @__PURE__ */ _("div", {
+		className: T["extra-contact-group-panel"],
+		children: [/* @__PURE__ */ g("aside", {
+			className: T["extra-contact-group-panel__menu"],
+			children: /* @__PURE__ */ g("ul", {
+				className: T["extra-contact-group-panel__menu-list"],
+				children: h.map((e) => /* @__PURE__ */ g("li", {
+					onClick: () => {
+						y(e.key);
+					},
+					className: t(T["extra-contact-group-panel__menu-item"], { [T["extra-contact-group-panel__menu-item--active"]]: v === e.key }),
+					children: e.label
+				}, e.key))
+			})
+		}), /* @__PURE__ */ g("div", {
+			className: T["extra-contact-group-panel__content"],
+			children: /* @__PURE__ */ g(f, {
+				spinning: S,
+				tip: p("common.loading"),
+				children: /* @__PURE__ */ _(e, {
+					style: {
+						height: a - 8,
+						padding: "4px"
+					},
+					children: [w.length > 0 && /* @__PURE__ */ g(x, {
+						list: w,
+						type: "group"
+					}), w.length === 0 && !S && /* @__PURE__ */ g("div", {
+						className: T["extra-contact-group-panel__empty"],
+						children: /* @__PURE__ */ g("span", { children: p("externalContact.noAvailableGroup") })
+					})]
+				})
+			})
+		})]
+	});
+}, D = {
+	organizational: !0,
+	externalContactGroup: !0,
+	currentDepartment: !0,
+	source: "default"
+}, O = (e) => {
+	if (e.source === "default" || e.source === "limit-empty-array" || e.source === "rely-limit-array") return D;
+	let t = {
+		organizational: e.hasDepartmentRange,
+		externalContactGroup: e.hasOutsiderGroupRange,
+		currentDepartment: !1,
+		source: "widget"
+	};
+	return !t.organizational && !t.externalContactGroup && !t.currentDepartment ? D : t;
+}, k = () => {
+	let { t: e } = s(), { departmentSelectableRange: t } = r(), n = l(() => O(t), [t]);
+	return l(() => {
+		let t = [
+			{
+				label: e("department.organizationalStructure"),
+				key: "organizational",
+				view: /* @__PURE__ */ g(c, {})
+			},
+			{
+				label: e("externalContact.group"),
+				key: "externalContactGroup",
+				view: /* @__PURE__ */ g(E, {})
+			},
+			{
+				label: e("department.currentUserDepartment"),
+				key: "currentDepartment",
+				view: /* @__PURE__ */ g(w, {})
+			}
+		];
+		return n.source === "widget" ? t.filter((e) => {
+			switch (e.key) {
+				case "organizational": return n.organizational;
+				case "externalContactGroup": return n.externalContactGroup;
+				case "currentDepartment": return n.currentDepartment;
+				default: return !0;
+			}
+		}) : t;
+	}, [e, n]);
+};
+//#endregion
+export { O as n, k as t };