@baishuyun/ui-business 6.0.7 → 6.1.0

package/dist/DeptsMemberSelector/useOutsiderGroupPanelState-d2EiLVaV.js

@@ -0,0 +1,648 @@
+import { t as e } from "../vendors/clsx.js";
+import { t } from "../ConfigProvider/configContext-kYu9qTM2.js";
+import { useCallback as n, useContext as r, useEffect as i, useLayoutEffect as a, useMemo as o, useRef as s, useState as c } from "react";
+import { Icon as l } from "@baishuyun/ui-base";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/components/DeptsMemberSelector/utils/constants.ts
+var f = {
+	USER: "user",
+	USER_GROUP: "usergroup",
+	DEPARMENT: "dept",
+	DEPARMENT_GROUP: "deptgroup",
+	DEPT_USERS: "deptusers",
+	TRANSFER: "transfer"
+}, p = {
+	MEMBER: "member",
+	DEPARTMENT: "department",
+	POSITION: "position",
+	ROLE: "role",
+	GROUP: "group",
+	OUTSIDER: "outsider",
+	RELATION: "relation",
+	PUBLIC: "public"
+}, m = {
+	common: {
+		loading: "加载中...",
+		cancel: "取消",
+		confirm: "确认",
+		clearAll: "清空所选项",
+		viewAll: "查看全部{count}个",
+		selected: "已选 {selected}/{total}",
+		collapseAll: "收起全部",
+		noAvailable: "没有可选成员",
+		searchPlaceholder: "搜索",
+		other: "其他"
+	},
+	department: {
+		title: "部门",
+		search: "搜索部门",
+		noAvailable: "没有可选部门",
+		contact: "对接部门",
+		organizationalStructure: "组织架构",
+		currentUserDepartment: "我所在部门",
+		internal: "内部组织",
+		external: "外部组织",
+		all: "全部部门",
+		externalContactGroup: "对接人小组",
+		externalContactDepartment: "对接部门"
+	},
+	member: {
+		title: "成员",
+		search: "搜索成员",
+		contact: "对接人",
+		all: "全部成员",
+		allContact: "全部对接人",
+		internal: "内部成员",
+		external: "外部成员",
+		noAvailable: "没有可选成员",
+		relation: "成员关系",
+		relationSuperior: "上级",
+		relationSubordinate: "下级",
+		relationPeer: "同级"
+	},
+	role: {
+		title: "角色",
+		internal: "内部角色",
+		external: "互联角色",
+		noAvailable: "没有可选角色",
+		currentSelected: "当前选中角色",
+		currentGroup: "当前分组的角色",
+		currentGroupSub: "当前分组以及子分组的角色"
+	},
+	position: {
+		title: "职位",
+		noAvailable: "没有可选职位"
+	},
+	currentUser: {
+		title: "我",
+		flowCreator: "流程发起人"
+	},
+	externalContact: {
+		title: "外部联系人",
+		defaultGroup: "默认分组",
+		customGroup: "自定义分组",
+		group: "外部联系人分组",
+		member: "外部联系人成员",
+		noAvailableGroup: "没有可选分组"
+	},
+	tabs: {
+		searchMember: "搜索成员",
+		searchDepartment: "搜索部门"
+	}
+}, h = {
+	common: {
+		loading: "載入中...",
+		cancel: "取消",
+		confirm: "確認",
+		clearAll: "清空所選項",
+		viewAll: "查看全部{count}個",
+		selected: "已選 {selected}/{total}",
+		collapseAll: "收合全部",
+		noAvailable: "沒有可選成員",
+		searchPlaceholder: "搜尋",
+		other: "其他"
+	},
+	department: {
+		title: "部門",
+		search: "搜尋部門",
+		noAvailable: "沒有可選部門",
+		contact: "對接部門",
+		organizationalStructure: "組織架構",
+		currentUserDepartment: "我所在部門",
+		internal: "內部組織",
+		external: "外部組織",
+		all: "全部部門",
+		externalContactGroup: "對接人小組",
+		externalContactDepartment: "對接部門"
+	},
+	member: {
+		title: "成員",
+		search: "搜尋成員",
+		contact: "對接人",
+		all: "全部成員",
+		allContact: "全部對接人",
+		internal: "內部成員",
+		external: "外部成員",
+		noAvailable: "沒有可選成員",
+		relation: "成員關係",
+		relationSuperior: "上級",
+		relationSubordinate: "下級",
+		relationPeer: "同級"
+	},
+	role: {
+		title: "角色",
+		internal: "內部角色",
+		external: "互聯角色",
+		noAvailable: "沒有可選角色",
+		currentSelected: "目前選中角色",
+		currentGroup: "目前分組的角色",
+		currentGroupSub: "目前分組以及子分組的角色"
+	},
+	position: {
+		title: "職位",
+		noAvailable: "沒有可選職位"
+	},
+	currentUser: {
+		title: "我",
+		flowCreator: "流程發起人"
+	},
+	externalContact: {
+		title: "外部聯絡人",
+		defaultGroup: "預設分組",
+		customGroup: "自訂分組",
+		group: "外部聯絡人分組",
+		member: "外部聯絡人成員",
+		noAvailableGroup: "沒有可選分組"
+	},
+	tabs: {
+		searchMember: "搜尋成員",
+		searchDepartment: "搜尋部門"
+	}
+}, g = {
+	common: {
+		loading: "Loading...",
+		cancel: "Cancel",
+		confirm: "Confirm",
+		clearAll: "Clear All",
+		viewAll: "View All {count}",
+		selected: "Selected {selected}/{total}",
+		collapseAll: "Collapse All",
+		noAvailable: "No available members",
+		searchPlaceholder: "Search",
+		other: "Other"
+	},
+	department: {
+		title: "Department",
+		search: "Search Department",
+		noAvailable: "No available departments",
+		contact: "Contact Department",
+		organizationalStructure: "Organizational Structure",
+		currentUserDepartment: "My Department",
+		internal: "Internal Organization",
+		external: "External Organization",
+		all: "All Departments",
+		externalContactGroup: "External Contact Group",
+		externalContactDepartment: "External Contact Department"
+	},
+	member: {
+		title: "Member",
+		search: "Search Member",
+		contact: "Contact Person",
+		allContact: "All Contact Persons",
+		all: "All Members",
+		internal: "Internal Members",
+		external: "External Members",
+		noAvailable: "No available members",
+		relation: "Member Relationship",
+		relationSuperior: "Superior",
+		relationSubordinate: "Subordinate",
+		relationPeer: "Peer"
+	},
+	role: {
+		title: "Role",
+		internal: "Internal Role",
+		external: "Interconnected Role",
+		noAvailable: "No available roles",
+		currentSelected: "Current selected role",
+		currentGroup: "Current role group",
+		currentGroupSub: "Current role group and subgroups"
+	},
+	position: {
+		title: "Position",
+		noAvailable: "No available positions"
+	},
+	currentUser: {
+		title: "Me",
+		flowCreator: "Flow Creator"
+	},
+	externalContact: {
+		title: "External Contact",
+		defaultGroup: "Default Group",
+		customGroup: "Custom Group",
+		group: "External Contact Group",
+		member: "External Contact Member",
+		noAvailableGroup: "No available groups"
+	},
+	tabs: {
+		searchMember: "Search Member",
+		searchDepartment: "Search Department"
+	}
+}, _ = (e, t, n) => {
+	let r = t.split("."), i = e;
+	try {
+		for (let e of r) i = i[e];
+		return typeof i == "string" ? n ? i.replace(/\{(\w+)\}/g, (e, t) => n[t] === void 0 ? e : String(n[t])) : i : t;
+	} catch {
+		return t;
+	}
+}, v = () => {
+	let e = r(t), i = o(() => ({
+		"zh-CN": m,
+		"zh-TW": h,
+		"en-US": g
+	}), []), a = o(() => i[e.locale] || m, [e.locale, i]);
+	return { t: n((e, t) => _(a, e, t), [a]) };
+}, y = {
+	USER: "user",
+	DEPARTMENTS: "departments",
+	ROLE: "role",
+	GROUP: "group",
+	OUTSIDER: "outsider",
+	RELATION: "relation",
+	POSITION: "position",
+	PUBLIC: "public",
+	DOCKCORP: "dockcorp",
+	DOCKCORPDEPT: "dockcorpdept",
+	LABEL: "label",
+	LABELCORP: "labelCorp"
+}, b = [
+	"relation",
+	"relationSub",
+	"relationUser",
+	"relationDept"
+], x = {
+	user: y.USER,
+	member: y.USER,
+	users: y.USER,
+	dockuser: y.USER,
+	memberRole: y.USER,
+	0: y.USER,
+	department: y.DEPARTMENTS,
+	departments: y.DEPARTMENTS,
+	dept: y.DEPARTMENTS,
+	departs: y.DEPARTMENTS,
+	dockdept: y.DEPARTMENTS,
+	role: y.ROLE,
+	dockrole: y.ROLE,
+	corpRole: y.ROLE,
+	roleGroup: y.ROLE,
+	roleGroupSub: y.ROLE,
+	rolegroup: y.ROLE,
+	group: y.GROUP,
+	outsiderGroup: y.GROUP,
+	outsider: y.OUTSIDER,
+	outsiderMember: y.OUTSIDER,
+	relation: y.RELATION,
+	relationSub: y.RELATION,
+	relationUser: y.RELATION,
+	relationDept: y.RELATION,
+	jobtitle: y.POSITION,
+	jobtitleManager: y.POSITION,
+	position: y.POSITION,
+	public: y.PUBLIC,
+	dockcorp: y.DOCKCORP,
+	dockcorpdept: y.DOCKCORPDEPT,
+	label: y.LABEL,
+	labelCorp: y.LABELCORP
+}, S = {
+	[p.MEMBER]: y.USER,
+	[p.DEPARTMENT]: y.DEPARTMENTS,
+	[p.ROLE]: y.ROLE,
+	[p.GROUP]: y.GROUP,
+	[p.OUTSIDER]: y.OUTSIDER,
+	[p.RELATION]: y.RELATION,
+	[p.POSITION]: y.POSITION,
+	[p.PUBLIC]: y.PUBLIC
+}, C = {
+	[y.USER]: p.MEMBER,
+	[y.DEPARTMENTS]: p.DEPARTMENT,
+	[y.ROLE]: p.ROLE,
+	[y.GROUP]: p.GROUP,
+	[y.OUTSIDER]: p.OUTSIDER,
+	[y.RELATION]: p.RELATION,
+	[y.POSITION]: p.POSITION,
+	[y.PUBLIC]: p.PUBLIC,
+	[y.DOCKCORP]: p.DEPARTMENT,
+	[y.DOCKCORPDEPT]: p.DEPARTMENT,
+	[y.LABEL]: p.DEPARTMENT,
+	[y.LABELCORP]: p.DEPARTMENT
+}, w = (e) => {
+	if (!e) return;
+	let t = String(e._id ?? "");
+	if (b.some((e) => t.includes(e))) return y.RELATION;
+	if (e.role_id !== void 0 && e.role_id !== null && e.role_id !== "") return y.ROLE;
+}, T = (e, t) => {
+	let n = e || (t?.iconType ? S[t.iconType] : void 0) || w(t);
+	return n ? x[n] ?? n : e ?? "";
+}, E = (e) => C[e], D = (e) => {
+	let t = T(e.type, e), n = String(t);
+	if (!n) return { ...e };
+	let r = E(n);
+	return {
+		...e,
+		type: n,
+		...r ? { iconType: r } : {}
+	};
+}, O = {
+	"tag-icon--primary": "_tag-icon--primary_16yrk_1",
+	"tag-icon--success": "_tag-icon--success_16yrk_4",
+	"tag-icon--relation": "_tag-icon--relation_16yrk_7",
+	"tag-icon--public": "_tag-icon--public_16yrk_10",
+	"tag-icon--role": "_tag-icon--role_16yrk_13"
+}, k = {
+	label: {
+		name: "Enterpriselabel",
+		className: O["tag-icon--primary"]
+	},
+	labelCorp: {
+		name: "Enterpriselabel",
+		className: O["tag-icon--primary"]
+	},
+	dockcorp: {
+		name: "company",
+		className: O["tag-icon--primary"]
+	},
+	dockcorpdept: {
+		name: "company",
+		className: O["tag-icon--primary"]
+	},
+	departments: {
+		name: "dept-one",
+		className: O["tag-icon--primary"]
+	},
+	department: {
+		name: "dept-one",
+		className: O["tag-icon--primary"]
+	},
+	dept: {
+		name: "dept-one",
+		className: O["tag-icon--primary"]
+	},
+	dockdept: {
+		name: "dept-one",
+		className: O["tag-icon--primary"]
+	},
+	group: {
+		name: "Outreach",
+		className: O["tag-icon--success"]
+	},
+	outsiderGroup: {
+		name: "Outreach",
+		className: O["tag-icon--success"]
+	},
+	outsider: {
+		name: "Outreach",
+		className: O["tag-icon--success"]
+	},
+	outsiderMember: {
+		name: "Outreach",
+		className: O["tag-icon--success"]
+	},
+	public: {
+		name: "publicaccess",
+		className: O["tag-icon--public"]
+	},
+	relation: {
+		name: "membership",
+		className: O["tag-icon--relation"]
+	},
+	role: {
+		name: "role",
+		className: O["tag-icon--role"]
+	},
+	rolegroup: {
+		name: "rolegroup",
+		className: O["tag-icon--role"]
+	},
+	dockrole: {
+		name: "role",
+		className: O["tag-icon--role"]
+	},
+	corpRole: {
+		name: "rolegroup",
+		className: O["tag-icon--role"]
+	},
+	roleGroup: {
+		name: "rolegroup",
+		className: O["tag-icon--role"]
+	},
+	roleGroupSub: {
+		name: "rolegroup",
+		className: O["tag-icon--role"]
+	},
+	position: {
+		name: "role",
+		className: O["tag-icon--role"]
+	},
+	jobtitle: {
+		name: "role",
+		className: O["tag-icon--role"]
+	},
+	jobtitleManager: {
+		name: "role",
+		className: O["tag-icon--role"]
+	}
+}, A = {
+	name: "dept-one",
+	className: O["tag-icon--primary"]
+}, j = (e, t) => {
+	let n = T(t, e ? { iconType: e } : void 0), r = String(n);
+	return r && k[r] ? k[r] : A;
+}, M = ({ iconType: e, type: t, size: n }) => {
+	let r = j(e, t);
+	return /* @__PURE__ */ u(l, {
+		name: r.name,
+		className: r.className,
+		size: n
+	});
+}, N = (e, t, n) => e.map((e) => `${t(e)}:${n(e)}`).join("|"), P = (e, t) => Math.abs(e.width - t.width) < .5 && Math.abs(e.left - t.left) < .5, F = (e, t) => {
+	if (!t.offsetParent && t.getBoundingClientRect().width === 0) return null;
+	if (t.offsetWidth > 0) {
+		let n = 0, r = t;
+		for (; r && r !== e;) {
+			n += r.offsetLeft;
+			let e = r.offsetParent instanceof HTMLElement ? r.offsetParent : null;
+			if (!e) break;
+			r = e;
+		}
+		if (r === e) return {
+			width: t.offsetWidth,
+			left: n
+		};
+	}
+	let n = e.getBoundingClientRect(), r = t.getBoundingClientRect();
+	return r.width === 0 ? null : {
+		width: r.width,
+		left: r.left - n.left
+	};
+}, I = (e, t) => {
+	let n = t.parentElement;
+	return t.offsetParent !== e || !n || n === e || t.offsetWidth <= 0 || n.offsetWidth <= 0 ? null : {
+		width: t.offsetWidth,
+		left: n.offsetLeft + (n.offsetWidth - t.offsetWidth) / 2
+	};
+}, L = 2, R = .02, z = (e) => {
+	let t = e.getBoundingClientRect();
+	return e.offsetWidth > 0 ? t.width / e.offsetWidth : null;
+}, B = (e) => e === null || Math.abs(e - 1) <= R, V = (e) => {
+	e.current !== null && (cancelAnimationFrame(e.current), e.current = null);
+}, H = (e) => {
+	let { activeKey: t, tabsKey: r, measureAttribute: o = "data-tab-key", observeMeasureTargets: l = !1 } = e, u = s(null), d = s({
+		width: 0,
+		left: 0
+	}), f = s(t), p = s(!1), m = s(null), h = s(null), g = s(!1), _ = s(null), v = s(o), y = s(l), b = s(() => {});
+	v.current = o, y.current = l;
+	let [x, S] = c(!1), [C, w] = c(!1), [T, E] = c({
+		width: 0,
+		left: 0
+	});
+	f.current = t;
+	let D = n(() => {
+		let e = u.current;
+		if (!e || !B(z(e))) return null;
+		let t = f.current, n = e.querySelector(`[${v.current}="${CSS.escape(t)}"]`);
+		if (!n) return null;
+		if (y.current) {
+			let t = I(e, n);
+			if (t) return t;
+		}
+		return F(e, n);
+	}, []), O = n(() => {
+		let e = D();
+		!e || P(d.current, e) || (d.current = e, E(e));
+	}, [D]), k = n(() => {
+		p.current || (p.current = !0, w(!0), S(!1), requestAnimationFrame(() => {
+			S(!0);
+		}));
+	}, []), A = n((e) => {
+		h.current = requestAnimationFrame(() => {
+			if (h.current = null, O(), e > 1) {
+				A(e - 1);
+				return;
+			}
+			let t = u.current;
+			if (!B(t ? z(t) : null)) {
+				b.current();
+				return;
+			}
+			if (d.current.width <= 0) {
+				b.current();
+				return;
+			}
+			k();
+		});
+	}, [k, O]), j = n(() => {
+		if (m.current !== null) {
+			g.current = !0;
+			return;
+		}
+		m.current = requestAnimationFrame(() => {
+			m.current = null, requestAnimationFrame(() => {
+				O(), A(L), g.current && (g.current = !1, j());
+			});
+		});
+	}, [A, O]);
+	return b.current = j, a(() => {
+		d.current = {
+			width: 0,
+			left: 0
+		}, p.current = !1, w(!1), S(!1);
+	}, [r]), a(() => (g.current = !1, O(), j(), () => {
+		V(m), V(h), g.current = !1;
+	}), [
+		j,
+		r,
+		t,
+		O
+	]), a(() => {
+		let e = u.current;
+		if (!e) return;
+		let t = new ResizeObserver(() => j());
+		return t.observe(e), y.current && e.querySelectorAll(`[${v.current}]`).forEach((n) => {
+			n.parentElement && n.parentElement !== e && t.observe(n.parentElement);
+		}), () => t.disconnect();
+	}, [r, j]), i(() => {
+		let e = document.fonts;
+		if (!e?.ready) return;
+		let t = !1;
+		return e.ready.then(() => {
+			!t && _.current !== r && (_.current = r, j());
+		}), () => {
+			t = !0;
+		};
+	}, [r, j]), {
+		containerRef: u,
+		indicatorStyle: T,
+		enableTransition: x,
+		indicatorVisible: C
+	};
+}, U = ({ className: t, animatedClassName: n, enableTransition: r, indicatorVisible: i, indicatorStyle: a }) => /* @__PURE__ */ u("div", {
+	className: e(t, { [n]: r }),
+	style: {
+		width: `${a.width}px`,
+		transform: `translateX(${a.left}px)`,
+		opacity: i ? 1 : 0,
+		visibility: i ? "visible" : "hidden",
+		transition: r ? void 0 : "none"
+	}
+}), W = "-99", G = (e = {}) => String(e.status) !== W, K = (e = []) => e.filter(G), q = "_active_131fx_15", J = {
+	"tabgroup-container": "_tabgroup-container_131fx_1",
+	"tabgroup-container__tab-item": "_tabgroup-container__tab-item_131fx_7",
+	active: q,
+	"tabgroup-container__indicator": "_tabgroup-container__indicator_131fx_18",
+	"tabgroup-container__indicator--animated": "_tabgroup-container__indicator--animated_131fx_26"
+}, Y = (t) => {
+	let { tabs: n, value: r, onChange: i } = t, { containerRef: a, indicatorStyle: s, enableTransition: c, indicatorVisible: l } = H({
+		activeKey: r,
+		tabsKey: o(() => N(n, (e) => e.value, (e) => e.label), [n]),
+		observeMeasureTargets: !0
+	});
+	return /* @__PURE__ */ d("div", {
+		className: J["tabgroup-container"],
+		ref: a,
+		children: [/* @__PURE__ */ u(U, {
+			className: J["tabgroup-container__indicator"],
+			animatedClassName: J["tabgroup-container__indicator--animated"],
+			enableTransition: c,
+			indicatorVisible: l,
+			indicatorStyle: s
+		}), n.map((t) => /* @__PURE__ */ u("div", {
+			className: e(J["tabgroup-container__tab-item"], { [J.active]: r === t.value }),
+			onClick: () => i(t.value),
+			children: /* @__PURE__ */ u("span", {
+				"data-tab-key": t.value,
+				children: t.label
+			})
+		}, t.value))]
+	});
+}, X = [], Z = (e = {}) => String(e.type) === "1", Q = (e) => {
+	let t = e.order ?? e.sort, n = Number(t);
+	return Number.isFinite(n) ? n : 2 ** 53 - 1;
+}, ee = (e) => [...e].sort((e, t) => Q(e) - Q(t)), $ = (e = []) => ({
+	defaultGroups: e.filter(Z),
+	customGroups: e.filter((e) => !Z(e))
+}), te = (e = []) => $(ee(e)), ne = ({ defaultGroups: e, customGroups: t, activeKey: n, labels: r }) => {
+	let i = [...e.length > 0 ? [{
+		key: "default",
+		label: r.default
+	}] : [], ...t.length > 0 ? [{
+		key: "custom",
+		label: r.custom
+	}] : []], a = i.length === 0, o = i.some((e) => e.key === n) ? n : i[0]?.key ?? "default";
+	return {
+		tabs: i,
+		isPanelEmpty: a,
+		activeKey: o,
+		currentGroups: o === "default" ? e : t
+	};
+}, re = ({ groups: e = X, labels: t, initialActiveKey: n = "default", ordered: r = !1 }) => {
+	let [i, a] = c(n), { defaultGroups: s, customGroups: l } = o(() => r ? te(e) : $(e), [e, r]);
+	return {
+		...o(() => ne({
+			defaultGroups: s,
+			customGroups: l,
+			activeKey: i,
+			labels: t
+		}), [
+			i,
+			l,
+			s,
+			t
+		]),
+		setActiveKey: a,
+		defaultGroups: s,
+		customGroups: l
+	};
+};
+//#endregion
+export { U as a, M as c, T as d, v as f, G as i, y as l, p as m, Y as n, N as o, f as p, K as r, H as s, re as t, D as u };