@rytass/bpm-core-react 0.2.0 → 0.3.1

package/dist/chunks/delegations-C5PzZ5Kn.js

@@ -0,0 +1,645 @@
+"use client";
+import { n as e } from "./auth-provider-Bnox5gsx.js";
+import { t } from "./format-date-time-CB-LxzqT.js";
+import { t as n } from "./app-navigation-uwbNEw9P.js";
+import { t as r } from "./bpm-form-field-Cao0rMol.js";
+import { useCallback as i, useEffect as a, useMemo as o, useState as s } from "react";
+import { AutoComplete as c, Badge as l, Button as ee, DateTimePicker as u, Filter as d, FilterArea as f, FilterLine as te, FormField as ne, Input as re, Modal as ie, PageHeader as ae, Section as oe, SectionGroup as se, Select as ce, Tab as le, TabItem as ue, Table as de, Tooltip as p, Typography as m } from "@mezzanine-ui/react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { createDelegationRule as fe, listDelegationRulesPage as pe, revokeDelegationRule as me, searchMembers as he } from "@rytass/bpm-core-client/workflow";
+import { PlusIcon as ge } from "@mezzanine-ui/icons";
+import _e from "@mezzanine-ui/react/ContentHeader";
+import { FormFieldLayout as _ } from "@mezzanine-ui/core/form";
+import { listApprovalTemplates as ve } from "@rytass/bpm-core-client/template";
+import '../delegations.css';var v = {
+	delegationModalFields: "bpm_delegationModalFields_gUlCQ",
+	delegationFilterArea: "bpm_delegationFilterArea_QDZkw",
+	memberNameWithTooltip: "bpm_memberNameWithTooltip_RggTW"
+}, y = _.HORIZONTAL, ye = [
+	10,
+	20,
+	50
+], be = [
+	{
+		key: "ALL",
+		label: "全部"
+	},
+	{
+		key: "ACTIVE",
+		label: "啟用中"
+	},
+	{
+		key: "REVOKED",
+		label: "已撤銷"
+	},
+	{
+		key: "EXPIRED",
+		label: "已過期"
+	}
+], b = [{
+	id: "ALL",
+	name: "全部簽核"
+}, {
+	id: "TEMPLATE_LIST",
+	name: "指定模板"
+}], x = [
+	{
+		id: "ALL_SCOPES",
+		name: "全部範圍",
+		scopeType: null
+	},
+	{
+		id: "ALL",
+		name: "全部簽核",
+		scopeType: "ALL"
+	},
+	{
+		id: "TEMPLATE_LIST",
+		name: "指定模板",
+		scopeType: "TEMPLATE_LIST"
+	}
+];
+function S({ activeHref: l = "/admin/delegations" } = {}) {
+	let { member: p } = e(), y = p?.memberId ?? null, [S, w] = s(null), [T, D] = s(""), [k, A] = s(null), [j, N] = s(!0), [P, Ne] = s(!1), [F, Pe] = s([]), [I, Fe] = s(null), [L, Ie] = s(null), [Le, R] = s(!1), [z, Re] = s(null), [ze, Be] = s("100"), [B, V] = s(1), [H, Ve] = s(10), [U, He] = s("ALL"), [Ue, We] = s(0), [Ge, Ke] = s([]), [qe, Je] = s(!1), [W, Ye] = s([]), [G, Xe] = s(x[0]), [Ze, Qe] = s(b[0]), [K, $e] = s(""), [et, q] = s(!1), [tt, J] = s([]), Y = i(async () => {
+		N(!0), A(null);
+		try {
+			let [e, t] = await Promise.all([pe({
+				agentMemberId: L?.id ?? null,
+				includeInactive: !0,
+				page: B,
+				pageSize: H,
+				principalMemberId: I?.id ?? null,
+				scopeType: G.scopeType,
+				status: U === "ALL" ? null : U
+			}), he("")]);
+			Ke(e.rules), We(e.totalCount), Pe(t.map(xe));
+		} catch (e) {
+			A(M(e));
+		} finally {
+			N(!1);
+		}
+	}, [
+		L,
+		I,
+		B,
+		H,
+		U,
+		G
+	]);
+	a(() => {
+		Y();
+	}, [Y]);
+	let X = o(() => new Map(F.map((e) => [e.id, e])), [F]), nt = o(() => Ge.map((e) => ({
+		...e,
+		agentEmail: X.get(e.agentMemberId)?.email ?? null,
+		agentName: X.get(e.agentMemberId)?.displayName ?? e.agentMemberId,
+		key: e.id,
+		principalEmail: X.get(e.principalMemberId)?.email ?? null,
+		principalName: X.get(e.principalMemberId)?.displayName ?? e.principalMemberId,
+		scopeLabel: Oe(e)
+	})), [X, Ge]), Z = b.find((e) => e.id === Ze.id) ?? b[0], rt = o(() => [
+		{
+			key: "principal",
+			render: (e) => /* @__PURE__ */ h(Se, {
+				email: e.principalEmail,
+				name: e.principalName
+			}),
+			title: "原簽核人",
+			width: 220
+		},
+		{
+			key: "agent",
+			render: (e) => /* @__PURE__ */ h(Se, {
+				email: e.agentEmail,
+				name: e.agentName
+			}),
+			title: "代理人",
+			width: 220
+		},
+		{
+			dataIndex: "scopeLabel",
+			key: "scope",
+			title: "代理範圍",
+			width: 220
+		},
+		{
+			key: "status",
+			render: (e) => /* @__PURE__ */ h(ke, { status: e.status }),
+			title: "狀態",
+			width: 120
+		},
+		{
+			dataIndex: "priority",
+			key: "priority",
+			title: "優先序",
+			width: 100
+		},
+		{
+			key: "startAt",
+			render: (e) => /* @__PURE__ */ h(m, {
+				component: "span",
+				variant: "body",
+				children: t(e.startAt)
+			}),
+			title: "開始時間",
+			width: 220
+		},
+		{
+			key: "endAt",
+			render: (e) => /* @__PURE__ */ h(m, {
+				component: "span",
+				variant: "body",
+				children: e.endAt ? t(e.endAt) : "-"
+			}),
+			title: "結束時間",
+			width: 220
+		}
+	], []), it = i(async (e) => {
+		if (y) {
+			A(null);
+			try {
+				await me({
+					id: e,
+					revokedByMemberId: y
+				}), await Y();
+			} catch (e) {
+				A(M(e));
+			}
+		}
+	}, [y, Y]), at = o(() => ({
+		render: (e) => e.status === "ACTIVE" ? [{
+			name: "撤銷",
+			onClick: () => void it(e.id)
+		}] : [],
+		variant: "destructive-secondary",
+		width: 88
+	}), [it]);
+	async function Q(e) {
+		Ne(!0);
+		try {
+			Pe((await he(e)).map(xe));
+		} catch (e) {
+			A(M(e));
+		} finally {
+			Ne(!1);
+		}
+	}
+	async function $(e, t = W) {
+		q(!0);
+		try {
+			J(E(t, Te((await ve()).map(Ce), e)));
+		} catch (e) {
+			A(M(e));
+		} finally {
+			q(!1);
+		}
+	}
+	function ot() {
+		w(null), D(""), Re(null), Be("100"), Ye([]), Qe(b[0]), $e(""), J([]), $("", []), R(!0);
+	}
+	function st() {
+		qe || R(!1);
+	}
+	async function ct() {
+		if (y) {
+			if (!z || !S) {
+				A("請選擇原簽核人與代理人");
+				return;
+			}
+			if (Z.id === "TEMPLATE_LIST" && W.length < 1) {
+				A("請選擇至少一個簽核模板");
+				return;
+			}
+			if (Me(K, T)) {
+				A("結束時間必須晚於起始時間");
+				return;
+			}
+			Je(!0), A(null);
+			try {
+				await fe({
+					agentMemberId: S.id,
+					createdByMemberId: y,
+					endAt: T || null,
+					principalMemberId: z.id,
+					priority: Number(ze) || 100,
+					requiresConfirmation: !1,
+					scopeConditionCel: null,
+					scopeTemplateIds: Z.id === "TEMPLATE_LIST" ? W.map((e) => e.id) : [],
+					scopeType: Z.id,
+					startAt: K || null
+				}), R(!1), B === 1 ? await Y() : V(1);
+			} catch (e) {
+				A(M(e));
+			} finally {
+				Je(!1);
+			}
+		}
+	}
+	return /* @__PURE__ */ g(n, {
+		activeHref: l,
+		children: [
+			/* @__PURE__ */ h(ae, { children: /* @__PURE__ */ h(_e, {
+				description: "設定簽核代理規則，讓符合範圍的待簽任務自動改派給代理人。",
+				title: "代理設定",
+				children: /* @__PURE__ */ h(ee, {
+					icon: ge,
+					iconType: "leading",
+					onClick: ot,
+					variant: "base-primary",
+					children: "建立代理"
+				})
+			}) }),
+			/* @__PURE__ */ h(se, { children: /* @__PURE__ */ g(oe, {
+				filterArea: /* @__PURE__ */ h(f, {
+					className: v.delegationFilterArea,
+					children: /* @__PURE__ */ g(te, { children: [
+						/* @__PURE__ */ h(d, {
+							span: 2,
+							children: /* @__PURE__ */ h(C, {
+								hideLabel: !0,
+								label: "原簽核人",
+								loading: P,
+								name: "principalFilterMemberId",
+								onChange: (e) => {
+									Fe(e), V(1);
+								},
+								onSearch: Q,
+								options: F,
+								required: !1,
+								layout: _.VERTICAL,
+								size: "sub",
+								value: I
+							})
+						}),
+						/* @__PURE__ */ h(d, {
+							span: 2,
+							children: /* @__PURE__ */ h(C, {
+								hideLabel: !0,
+								label: "代理人",
+								loading: P,
+								name: "agentFilterMemberId",
+								onChange: (e) => {
+									Ie(e), V(1);
+								},
+								onSearch: Q,
+								options: F,
+								required: !1,
+								layout: _.VERTICAL,
+								size: "sub",
+								value: L
+							})
+						}),
+						/* @__PURE__ */ h(d, {
+							span: 2,
+							children: /* @__PURE__ */ h(ne, {
+								fullWidth: !0,
+								layout: _.VERTICAL,
+								name: "scopeFilterType",
+								children: /* @__PURE__ */ h(ce, {
+									clearable: !1,
+									fullWidth: !0,
+									onChange: (e) => {
+										Xe(De(e)), V(1);
+									},
+									options: [...x],
+									placeholder: "代理範圍",
+									size: "sub",
+									value: G
+								})
+							})
+						})
+					] })
+				}),
+				tab: /* @__PURE__ */ h(le, {
+					activeKey: U,
+					onChange: (e) => {
+						He(Ae(e)), V(1);
+					},
+					children: be.map((e) => /* @__PURE__ */ h(ue, { children: e.label }, e.key))
+				}),
+				children: [k ? /* @__PURE__ */ h(m, {
+					color: "text-error",
+					variant: "body",
+					children: k
+				}) : null, /* @__PURE__ */ h(de, {
+					actions: at,
+					columns: rt,
+					dataSource: nt,
+					fullWidth: !0,
+					loading: j,
+					pagination: {
+						current: B,
+						onChange: (e) => {
+							V(e);
+						},
+						onChangePageSize: (e) => {
+							V(1), Ve(e);
+						},
+						pageSize: H,
+						pageSizeLabel: "每頁筆數",
+						pageSizeOptions: ye,
+						renderResultSummary: (e, t, n) => `顯示 ${e}-${t} 筆，共 ${n} 筆`,
+						showPageSizeOptions: !0,
+						total: Ue
+					}
+				})]
+			}) }),
+			/* @__PURE__ */ h(ie, {
+				cancelText: "取消",
+				confirmButtonProps: { disabled: !z || !S },
+				confirmText: "建立代理",
+				loading: qe,
+				modalType: "standard",
+				onCancel: st,
+				onClose: st,
+				onConfirm: () => void ct(),
+				open: Le,
+				showModalFooter: !0,
+				showModalHeader: !0,
+				size: "regular",
+				supportingText: "代理生效後，後續建立的待簽任務會依範圍自動指派。",
+				title: "建立代理",
+				children: /* @__PURE__ */ g("div", {
+					className: v.delegationModalFields,
+					children: [
+						/* @__PURE__ */ h(C, {
+							label: "原簽核人",
+							loading: P,
+							name: "principalMemberId",
+							onChange: Re,
+							onSearch: Q,
+							options: F,
+							value: z
+						}),
+						/* @__PURE__ */ h(C, {
+							label: "代理人",
+							loading: P,
+							name: "agentMemberId",
+							onChange: w,
+							onSearch: Q,
+							options: F,
+							value: S
+						}),
+						/* @__PURE__ */ h(r, {
+							label: "代理範圍",
+							name: "scopeType",
+							required: !0,
+							children: /* @__PURE__ */ h(ce, {
+								clearable: !1,
+								fullWidth: !0,
+								onChange: (e) => Qe(Ee(e)),
+								options: [...b],
+								value: Z
+							})
+						}),
+						Z.id === "TEMPLATE_LIST" ? /* @__PURE__ */ h(r, {
+							label: "簽核模板",
+							name: "scopeTemplateIds",
+							required: !0,
+							children: /* @__PURE__ */ h(c, {
+								asyncData: !0,
+								disabledOptionsFilter: !0,
+								emptyText: "沒有符合的模板",
+								inputProps: {
+									autoCapitalize: "none",
+									autoCorrect: "off",
+									name: "scopeTemplateIds",
+									spellCheck: !1
+								},
+								loading: et,
+								loadingText: "搜尋模板中...",
+								mode: "multiple",
+								onChange: (e) => {
+									let t = we(e);
+									Ye(t), J((e) => E(t, e));
+								},
+								onSearch: $,
+								onVisibilityChange: (e) => {
+									e && $("");
+								},
+								options: [...tt],
+								overflowStrategy: "wrap",
+								placeholder: "搜尋並選取簽核模板",
+								searchDebounceTime: 300,
+								value: [...W]
+							})
+						}) : null,
+						/* @__PURE__ */ h(r, {
+							label: "優先序",
+							name: "priority",
+							children: /* @__PURE__ */ h(re, {
+								fullWidth: !0,
+								onChange: (e) => Be(e.target.value),
+								value: ze,
+								variant: "base"
+							})
+						}),
+						/* @__PURE__ */ h(r, {
+							label: "起始時間",
+							name: "startAt",
+							children: /* @__PURE__ */ h(u, {
+								formatDate: "YYYY-MM-DD",
+								formatTime: "HH:mm",
+								fullWidth: !0,
+								hideSecond: !0,
+								onChange: (e) => $e(je(e)),
+								placeholderLeft: "留空立即生效",
+								placeholderRight: "選擇時間",
+								value: O(K)
+							})
+						}),
+						/* @__PURE__ */ h(r, {
+							label: "結束時間",
+							name: "endAt",
+							children: /* @__PURE__ */ h(u, {
+								formatDate: "YYYY-MM-DD",
+								formatTime: "HH:mm",
+								fullWidth: !0,
+								hideSecond: !0,
+								onChange: (e) => D(je(e)),
+								placeholderLeft: "可留空",
+								placeholderRight: "選擇時間",
+								value: O(T)
+							})
+						})
+					]
+				})
+			})
+		]
+	});
+}
+function C({ hideLabel: e = !1, label: t, layout: n = y, loading: i, name: a, onChange: o, onSearch: s, options: l, required: ee = !0, size: u, value: d }) {
+	let f = /* @__PURE__ */ h(c, {
+		asyncData: !0,
+		disabledOptionsFilter: !0,
+		emptyText: "沒有符合的成員",
+		inputProps: {
+			autoCapitalize: "none",
+			autoCorrect: "off",
+			name: a,
+			spellCheck: !1
+		},
+		loading: i,
+		loadingText: "搜尋成員中...",
+		mode: "single",
+		onChange: (e) => o(w(e)),
+		onSearch: s,
+		onSearchTextChange: (e) => o(T(e, l)),
+		onVisibilityChange: (e) => {
+			e && s("");
+		},
+		options: [...l],
+		placeholder: e ? t : "搜尋姓名或信箱",
+		searchDebounceTime: 300,
+		size: u,
+		value: d
+	});
+	return e ? /* @__PURE__ */ h(ne, {
+		fullWidth: !0,
+		layout: n,
+		name: a,
+		children: f
+	}) : /* @__PURE__ */ h(r, {
+		label: t,
+		layout: n,
+		name: a,
+		required: ee,
+		children: f
+	});
+}
+function xe(e) {
+	return {
+		displayName: e.name,
+		email: e.email,
+		id: e.memberId,
+		name: `${e.name} · ${e.email}`
+	};
+}
+function w(e) {
+	if (!N(e)) return null;
+	let t = e.id, n = e.name, r = e.email, i = e.displayName;
+	return typeof t == "string" && typeof n == "string" ? {
+		displayName: typeof i == "string" ? i : n,
+		email: typeof r == "string" ? r : null,
+		id: t,
+		name: n
+	} : null;
+}
+function Se({ email: e, name: t }) {
+	return e ? /* @__PURE__ */ h(p, {
+		title: e,
+		children: ({ onMouseEnter: e, onMouseLeave: n, ref: r }) => /* @__PURE__ */ h("span", {
+			className: v.memberNameWithTooltip,
+			onMouseEnter: e,
+			onMouseLeave: n,
+			ref: r,
+			children: t
+		})
+	}) : /* @__PURE__ */ h("span", { children: t });
+}
+function T(e, t) {
+	let n = e.trim().toLocaleLowerCase();
+	if (!n) return null;
+	let r = t.filter((e) => [
+		e.id,
+		e.name,
+		e.email ?? ""
+	].some((e) => e.toLocaleLowerCase().includes(n)));
+	return r.length === 1 ? r[0] ?? null : null;
+}
+function Ce(e) {
+	return {
+		id: e.id,
+		name: e.name
+	};
+}
+function we(e) {
+	return e.flatMap((e) => {
+		if (!N(e)) return [];
+		let t = e.id, n = e.name;
+		return typeof t == "string" && typeof n == "string" ? [{
+			id: t,
+			name: n
+		}] : [];
+	});
+}
+function Te(e, t) {
+	let n = t.trim().toLocaleLowerCase();
+	return n ? e.filter((e) => [e.id, e.name].some((e) => e.toLocaleLowerCase().includes(n))) : e;
+}
+function E(e, t) {
+	return [...e, ...t].reduce((e, t) => e.some((e) => e.id === t.id) ? e : [...e, t], []);
+}
+function Ee(e) {
+	return !N(e) || !D(e.id) ? b[0] : b.find((t) => t.id === e.id) ?? b[0];
+}
+function De(e) {
+	if (!N(e)) return x[0];
+	let t = e.id;
+	return x.find((e) => e.id === t) ?? x[0];
+}
+function D(e) {
+	return e === "ALL" || e === "TEMPLATE_LIST";
+}
+function Oe(e) {
+	return e.scopeType === "ALL" ? "全部簽核" : e.scopeType === "TEMPLATE_LIST" ? `指定模板：${e.scopeTemplateIds.length}` : e.scopeConditionCel ? `條件：${e.scopeConditionCel}` : "條件式";
+}
+function ke({ status: e }) {
+	return e === "ACTIVE" ? /* @__PURE__ */ h(l, {
+		size: "sub",
+		text: "啟用中",
+		variant: "dot-success"
+	}) : e === "REVOKED" ? /* @__PURE__ */ h(l, {
+		size: "sub",
+		text: "已撤銷",
+		variant: "dot-inactive"
+	}) : e === "EXPIRED" ? /* @__PURE__ */ h(l, {
+		size: "sub",
+		text: "已過期",
+		variant: "dot-warning"
+	}) : /* @__PURE__ */ h(l, {
+		size: "sub",
+		text: e,
+		variant: "dot-info"
+	});
+}
+function Ae(e) {
+	return e === "ACTIVE" || e === "REVOKED" || e === "EXPIRED" ? e : "ALL";
+}
+function O(e) {
+	let t = e ? k(e) : null;
+	return t ? `${A(t)}T${j(t.getHours())}:${j(t.getMinutes())}` : void 0;
+}
+function je(e) {
+	let t = e ? k(e) : null;
+	return t ? t.toISOString() : "";
+}
+function Me(e, t) {
+	if (!e || !t) return !1;
+	let n = k(e), r = k(t);
+	return !!n && !!r && r.getTime() <= n.getTime();
+}
+function k(e) {
+	if (e.endsWith("Z") || /[+-]\d{2}:\d{2}$/.test(e)) {
+		let t = new Date(e);
+		return Number.isNaN(t.getTime()) ? null : t;
+	}
+	let [t = "", n = "00:00"] = e.split("T"), [r = 0, i = 1, a = 1] = t.split("-").map(Number), [o = 0, s = 0] = n.split(":").map(Number), c = new Date(r, i - 1, a, o, s);
+	return Number.isNaN(c.getTime()) ? null : c;
+}
+function A(e) {
+	return `${e.getFullYear()}-${j(e.getMonth() + 1)}-${j(e.getDate())}`;
+}
+function j(e) {
+	return String(e).padStart(2, "0");
+}
+function M(e) {
+	return e instanceof Error ? e.message : "發生未知錯誤";
+}
+function N(e) {
+	return typeof e == "object" && !!e;
+}
+//#endregion
+export { S as t };
+
+//# sourceMappingURL=delegations-C5PzZ5Kn.js.map