@rytass/bpm-core-react 0.3.0 → 0.3.1

package/dist/chunks/delegations-BAZQbElH.js

@@ -1,642 +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-rxhpHCch.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 '../delegations.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=delegations-BAZQbElH.js.map