@rytass/bpm-core-react 0.3.8 → 0.4.1

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

@@ -1,646 +0,0 @@
-"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