@rytass/bpm-core-react 0.2.0

package/dist/chunks/AdminDelegationsView-DydMZ9ED.js

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