@rytass/bpm-core-react 0.3.0 → 0.3.2

package/dist/chunks/delegations-B2j-wNEO.js

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