@rytass/bpm-core-react 0.3.7 → 0.4.0

package/dist/chunks/delegations-D5pPEWsP.js

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