@rytass/bpm-core-react 0.18.0 → 0.19.0

package/dist/views/inbox/index.js

@@ -1,27 +1,27 @@
 "use client";
-import { r as e } from "../../chunks/router-adapter-DftlFTOd.js";
-import { n as t } from "../../chunks/auth-provider-B5oPmvk2.js";
-import { t as n } from "../../chunks/format-date-time-CB-LxzqT.js";
-import { r } from "../../chunks/routes-config-yZbESPlw.js";
-import { t as i } from "../../chunks/task-node-label-CWZgOBj0.js";
-import { useEffect as a, useMemo as o, useState as s } from "react";
-import { Badge as c, Button as l, PageHeader as u, Section as d, SectionGroup as f, Tab as p, TabItem as m, Table as h, Typography as g } from "@mezzanine-ui/react";
-import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
-import { listApprovalHistoryTasks as b, listApprovalInstancesPage as x, listInboxTasks as ee, listTaskDecisions as S, readApprovalInstance as C, readApprovalInstanceCaseTitle as w } from "@rytass/bpm-core-client/workflow";
-import T from "@mezzanine-ui/react/ContentHeader";
-import { PlusIcon as E } from "@mezzanine-ui/icons";
-//#region src/views/inbox/InboxView.tsx
-var D = 100, O = {
+import { t as e } from "../../chunks/format-date-time-B0LdmWg4.js";
+import { n as t } from "../../chunks/auth-provider-C2b-5mGt.js";
+import { i as n, o as r } from "../../chunks/task-decision-3d17ZvZE.js";
+import { r as i } from "../../chunks/router-adapter-CkxCyzf5.js";
+import { r as a } from "../../chunks/routes-config-BcNaWJWJ.js";
+import { useEffect as o, useMemo as s, useState as c } from "react";
+import { Badge as l, Button as u, PageHeader as d, Section as f, SectionGroup as p, Tab as m, TabItem as h, Table as g, Typography as _ } from "@mezzanine-ui/react";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+import { listApprovalHistoryTasks as x, listApprovalInstancesPage as S, listInboxTasks as C, listTaskDecisions as w, readApprovalInstance as T, readApprovalInstanceCaseTitle as E } from "@rytass/bpm-core-client/workflow";
+import D from "@mezzanine-ui/react/ContentHeader";
+import { PlusIcon as O } from "@mezzanine-ui/icons";
+// src/views/inbox/InboxView.tsx
+var k = 100, A = {
 	display: "grid",
 	gap: "var(--mzn-spacing-gap-base)",
 	marginBottom: "var(--mzn-spacing-padding-vertical-spacious)"
 };
-function k() {
-	let i = e(), x = r(), { member: S } = t(), C = S?.memberId ?? null, [w, D] = s("pending"), [k, M] = s(null), [N, P] = s([]), [F, I] = s(!0), [L, z] = s([]), [V, U] = s([]), [W, G] = s(!1);
-	a(() => {
-		C && ie();
-	}, [C]);
-	let K = o(() => [
+function j() {
+	let n = i(), r = a(), { member: S } = t(), w = S?.memberId ?? null, [T, E] = c("pending"), [k, j] = c(null), [P, L] = c([]), [R, z] = c(!0), [B, H] = c([]), [W, K] = c([]), [q, J] = c(!1);
+	o(() => {
+		w && ie();
+	}, [w]);
+	let Y = s(() => [
 		{
 			dataIndex: "caseTitle",
 			key: "caseTitle",
@@ -42,7 +42,7 @@ function k() {
 		},
 		{
 			key: "fill",
-			render: (e) => e.hasFillableFields ? /* @__PURE__ */ v(c, {
+			render: (e) => e.hasFillableFields ? /* @__PURE__ */ y(l, {
 				size: "sub",
 				text: "需補填",
 				variant: "dot-warning"
@@ -52,7 +52,7 @@ function k() {
 		},
 		{
 			key: "slaDueAt",
-			render: (e) => /* @__PURE__ */ v(g, {
+			render: (e) => /* @__PURE__ */ y(_, {
 				color: e.slaStatusColor,
 				component: "span",
 				variant: "body",
@@ -63,43 +63,43 @@ function k() {
 		},
 		{
 			key: "createdAt",
-			render: (e) => /* @__PURE__ */ v(g, {
+			render: (t) => /* @__PURE__ */ y(_, {
 				component: "span",
 				variant: "body",
-				children: n(e.createdAt)
+				children: e(t.createdAt)
 			}),
 			title: "建立時間",
 			width: 220
 		}
-	], []), J = o(() => ({
+	], []), ee = s(() => ({
 		render: (e) => [{
 			name: "處理",
-			onClick: () => i.push(x.caseDetail(e.instanceId))
+			onClick: () => n.push(r.caseDetail(e.instanceId))
 		}],
 		variant: "base-secondary",
 		width: 88
-	}), [i, x]), Y = o(() => [{
+	}), [n, r]), te = s(() => [{
 		dataIndex: "caseTitle",
 		key: "caseTitle",
 		title: "案件",
 		width: 280
 	}, {
 		key: "startedAt",
-		render: (e) => /* @__PURE__ */ v(g, {
+		render: (t) => /* @__PURE__ */ y(_, {
 			component: "span",
 			variant: "body",
-			children: n(e.startedAt)
+			children: e(t.startedAt)
 		}),
 		title: "發起時間",
 		width: 220
-	}], []), X = o(() => ({
+	}], []), ne = s(() => ({
 		render: (e) => [{
 			name: "重新送出",
-			onClick: () => i.push(x.caseDetail(e.id))
+			onClick: () => n.push(r.caseDetail(e.id))
 		}],
 		variant: "base-secondary",
 		width: 120
-	}), [i, x]), Z = o(() => [
+	}), [n, r]), Z = s(() => [
 		{
 			dataIndex: "caseTitle",
 			key: "caseTitle",
@@ -114,8 +114,8 @@ function k() {
 		},
 		{
 			key: "decisionLabel",
-			render: (e) => /* @__PURE__ */ v(g, {
-				color: R(e.decisionAction),
+			render: (e) => /* @__PURE__ */ y(_, {
+				color: V(e.decisionAction),
 				component: "span",
 				variant: "body",
 				children: e.decisionLabel
@@ -125,7 +125,7 @@ function k() {
 		},
 		{
 			key: "decisionComment",
-			render: (e) => /* @__PURE__ */ v(g, {
+			render: (e) => /* @__PURE__ */ y(_, {
 				component: "span",
 				variant: "body",
 				children: e.decisionCommentText
@@ -135,8 +135,8 @@ function k() {
 		},
 		{
 			key: "instanceStateLabel",
-			render: (e) => /* @__PURE__ */ v(g, {
-				color: B(e.instanceState),
+			render: (e) => /* @__PURE__ */ y(_, {
+				color: U(e.instanceState),
 				component: "span",
 				variant: "body",
 				children: e.instanceStateLabel
@@ -146,236 +146,232 @@ function k() {
 		},
 		{
 			key: "decidedAt",
-			render: (e) => /* @__PURE__ */ v(g, {
+			render: (e) => /* @__PURE__ */ y(_, {
 				component: "span",
 				variant: "body",
-				children: H(e.decidedAt)
+				children: G(e.decidedAt)
 			}),
 			title: "簽核時間",
 			width: 220
 		}
-	], []), Q = o(() => ({
+	], []), Q = s(() => ({
 		render: (e) => [{
 			name: "查看",
-			onClick: () => i.push(x.caseDetail(e.instanceId))
+			onClick: () => n.push(r.caseDetail(e.instanceId))
 		}],
 		variant: "base-secondary",
 		width: 88
-	}), [i, x]), $ = o(() => N.filter((e) => e.instanceState === "RUNNING"), [N]);
+	}), [n, r]), $ = s(() => P.filter((e) => e.instanceState === "RUNNING"), [P]);
 	function re(e) {
-		D(e === "history" || e === "pending" || e === "tracking" ? e : "pending");
+		E(e === "history" || e === "pending" || e === "tracking" ? e : "pending");
 	}
 	async function ie() {
-		I(!0), M(null);
+		z(!0), j(null);
 		try {
-			if (!C) {
-				z([]), P([]), U([]), G(!1);
+			if (!w) {
+				H([]), L([]), K([]), J(!1);
 				return;
 			}
 			let [e, t, n] = await Promise.all([
-				ee(C),
-				b(C),
-				j(C)
-			]), [r, i] = await Promise.all([te(e), ne(t)]);
-			z(r), P(i), U(n?.rows ?? []), G(n?.truncated ?? !1);
+				C(w),
+				x(w),
+				N(w)
+			]), [r, i] = await Promise.all([F(e), I(t, w)]);
+			H(r), L(i), K(n?.rows ?? []), J(n?.truncated ?? !1);
 		} catch (e) {
-			M(q(e));
+			j(X(e));
 		} finally {
-			I(!1);
+			z(!1);
 		}
 	}
-	return /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(u, { children: /* @__PURE__ */ v(T, {
-		description: `目前以 ${S?.name ?? C ?? "目前登入會員"} 查詢待處理與歷史簽核任務。`,
+	return /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(d, { children: /* @__PURE__ */ y(D, {
+		description: `目前以 ${S?.name ?? w ?? "目前登入會員"} 查詢待處理與歷史簽核任務。`,
 		title: "我的待簽",
-		children: /* @__PURE__ */ v(l, {
-			icon: E,
+		children: /* @__PURE__ */ y(u, {
+			icon: O,
 			iconType: "leading",
-			onClick: () => i.push(x.caseNew()),
+			onClick: () => n.push(r.caseNew()),
 			variant: "base-primary",
 			children: "發起簽核"
 		})
-	}) }), /* @__PURE__ */ v(f, { children: /* @__PURE__ */ y(d, { children: [
-		k ? /* @__PURE__ */ v(g, {
+	}) }), /* @__PURE__ */ y(p, { children: /* @__PURE__ */ b(f, { children: [
+		k ? /* @__PURE__ */ y(_, {
 			color: "text-error",
 			variant: "body",
 			children: k
 		}) : null,
-		/* @__PURE__ */ y(p, {
-			activeKey: w,
+		/* @__PURE__ */ b(m, {
+			activeKey: T,
 			onChange: re,
 			size: "sub",
 			children: [
-				/* @__PURE__ */ v(m, {
-					badgeCount: F ? void 0 : L.length,
+				/* @__PURE__ */ y(h, {
+					badgeCount: R ? void 0 : B.length,
 					children: "待簽核"
 				}, "pending"),
-				/* @__PURE__ */ v(m, {
-					badgeCount: F ? void 0 : $.length,
+				/* @__PURE__ */ y(h, {
+					badgeCount: R ? void 0 : $.length,
 					children: "已處理未結束"
 				}, "tracking"),
-				/* @__PURE__ */ v(m, { children: "歷史簽核記錄" }, "history")
+				/* @__PURE__ */ y(h, { children: "歷史簽核記錄" }, "history")
 			]
 		}),
-		w === "pending" && (V.length > 0 || W) ? /* @__PURE__ */ y("div", {
+		T === "pending" && (W.length > 0 || q) ? /* @__PURE__ */ b("div", {
 			"data-returned-instances": "",
-			style: O,
+			style: A,
 			children: [
-				V.length > 0 ? /* @__PURE__ */ v(g, {
+				W.length > 0 ? /* @__PURE__ */ y(_, {
 					component: "h2",
 					variant: "label-primary",
 					children: "被退回待重送"
 				}) : null,
-				/* @__PURE__ */ v(g, {
+				/* @__PURE__ */ y(_, {
 					color: "text-neutral",
 					variant: "caption",
-					children: A(V.length > 0, W)
+					children: M(W.length > 0, q)
 				}),
-				V.length > 0 ? /* @__PURE__ */ v(h, {
-					actions: X,
-					columns: Y,
-					dataSource: [...V],
+				W.length > 0 ? /* @__PURE__ */ y(g, {
+					actions: ne,
+					columns: te,
+					dataSource: [...W],
 					fullWidth: !0
 				}) : null
 			]
 		}) : null,
-		w === "pending" ? /* @__PURE__ */ v(h, {
-			actions: J,
-			columns: K,
-			dataSource: L,
+		T === "pending" ? /* @__PURE__ */ y(g, {
+			actions: ee,
+			columns: Y,
+			dataSource: B,
 			fullWidth: !0,
-			loading: F
+			loading: R
 		}) : null,
-		w === "tracking" ? /* @__PURE__ */ v(h, {
+		T === "tracking" ? /* @__PURE__ */ y(g, {
 			actions: Q,
 			columns: Z,
 			dataSource: $,
 			fullWidth: !0,
-			loading: F
+			loading: R
 		}) : null,
-		w === "history" ? /* @__PURE__ */ v(h, {
+		T === "history" ? /* @__PURE__ */ y(g, {
 			actions: Q,
 			columns: Z,
-			dataSource: N,
+			dataSource: P,
 			fullWidth: !0,
-			loading: F
+			loading: R
 		}) : null
 	] }) })] });
 }
-function A(e, t) {
-	return e ? t ? "你發起的案件被退回，請修改後重新送出。可能還有其他被退回的案件，請到「我發起的」查看。" : "你發起的案件被退回，請修改後重新送出。" : `前 ${D} 筆被退回的案件中沒有你發起的，可能還有其他被退回的案件，請到「我發起的」查看。`;
+function M(e, t) {
+	return e ? t ? "你發起的案件被退回，請修改後重新送出。可能還有其他被退回的案件，請到「我發起的」查看。" : "你發起的案件被退回，請修改後重新送出。" : `前 ${k} 筆被退回的案件中沒有你發起的，可能還有其他被退回的案件，請到「我發起的」查看。`;
 }
-async function j(e) {
+async function N(e) {
 	try {
-		let t = await x({
+		let t = await S({
 			page: 1,
-			pageSize: D,
+			pageSize: k,
 			searchText: null,
 			state: "RETURNED",
 			templateId: null,
 			view: "SENT"
 		});
 		return {
-			rows: M(t.instances, e),
+			rows: P(t.instances, e),
 			truncated: t.totalCount > t.instances.length
 		};
 	} catch {
 		return null;
 	}
 }
-function M(e, t) {
+function P(e, t) {
 	return e.filter((e) => e.initiatorMemberId === t).map((e) => ({
-		caseTitle: w(e),
+		caseTitle: E(e),
 		id: e.id,
 		key: e.id,
 		startedAt: e.startedAt
 	}));
 }
-async function te(e) {
-	let t = await N(e);
+async function F(e) {
+	let t = await L(e);
 	return e.map((e, n) => ({
 		...e,
-		caseTitle: P(e, t[n] ?? null),
+		caseTitle: R(e, t[n] ?? null),
 		key: e.id,
-		nodeText: i(e),
-		slaStatusColor: W(e.slaDueAt),
-		slaStatusText: U(e.slaDueAt),
-		statusLabel: K(e.status)
+		nodeText: r(e),
+		slaStatusColor: q(e.slaDueAt),
+		slaStatusText: K(e.slaDueAt),
+		statusLabel: Y(e.status)
 	}));
 }
-async function ne(e) {
-	let [t, n] = await Promise.all([Promise.all(e.map((e) => S(e.id))), N(e)]);
-	return e.map((e, r) => {
-		let a = F(t[r] ?? []), o = n[r] ?? null;
+async function I(e, t) {
+	let [n, i] = await Promise.all([Promise.all(e.map((e) => w(e.id))), L(e)]);
+	return e.map((e, a) => {
+		let o = n[a] ?? [], s = z(o, t), c = i[a] ?? null;
 		return {
 			...e,
-			caseTitle: P(e, o),
-			decisionAction: a?.action ?? null,
-			decisionComment: a?.comment ?? null,
-			decisionCommentText: V(a?.comment ?? null),
-			decisionLabel: L(a?.action ?? null),
-			decidedAt: a?.decidedAt ?? e.completedAt,
-			instanceState: o?.state ?? null,
-			instanceStateLabel: z(o?.state ?? null),
+			caseTitle: R(e, c),
+			decisionAction: s?.action ?? null,
+			decisionComment: s?.comment ?? null,
+			decisionCommentText: W(s?.comment ?? null),
+			decisionLabel: B(s?.action ?? null),
+			decidedAt: s?.decidedAt ?? (o.length === 0 ? e.completedAt : null),
+			instanceState: c?.state ?? null,
+			instanceStateLabel: H(c?.state ?? null),
 			key: e.id,
-			nodeText: i(e)
+			nodeText: r(e)
 		};
 	});
 }
-async function N(e) {
+async function L(e) {
 	return Promise.all(e.map(async (e) => {
 		try {
-			return (await C(e.instanceId)).instance;
+			return (await T(e.instanceId)).instance;
 		} catch {
 			return null;
 		}
 	}));
 }
-function P(e, t) {
-	return t ? w(t) : e.instanceId;
+function R(e, t) {
+	return t ? E(t) : e.instanceId;
 }
-function F(e) {
-	return [...e].sort(I)[0] ?? null;
+function z(e, t) {
+	return n(e.filter((e) => e.decidedByMemberId === t));
 }
-function I(e, t) {
-	return new Date(t.decidedAt).getTime() - new Date(e.decidedAt).getTime();
-}
-function L(e) {
+function B(e) {
 	return e === "APPROVED" ? "同意" : e === "REJECTED" ? "拒絕" : e === "RETURNED" ? "退回" : e === "TRANSFERRED" ? "轉派" : "未記錄";
 }
-function R(e) {
+function V(e) {
 	return e === "APPROVED" ? "text-success" : e === "REJECTED" || e === "RETURNED" ? "text-error" : "text-neutral";
 }
-function z(e) {
+function H(e) {
 	return e === "RUNNING" ? "進行中" : e === "APPROVED" ? "已通過" : e === "REJECTED" ? "已拒絕" : e === "RETURNED" ? "已退回" : e === "CANCELLED" ? "已取消" : e === "EXPIRED" ? "已逾期" : e === "DRAFT" ? "草稿" : "-";
 }
-function B(e) {
+function U(e) {
 	return e === "APPROVED" ? "text-success" : e === "REJECTED" || e === "CANCELLED" || e === "EXPIRED" ? "text-error" : "text-neutral";
 }
-function V(e) {
+function W(e) {
 	return (e?.trim() ?? "") || "-";
 }
-function H(e) {
-	return n(e);
+function G(t) {
+	return e(t);
 }
-function U(e) {
+function K(e) {
 	if (!e) return "-";
-	let t = new Date(e).getTime(), n = Date.now(), r = G(Math.abs(t - n));
+	let t = new Date(e).getTime(), n = Date.now(), r = J(Math.abs(t - n));
 	return t < n ? `已逾期 ${r}` : `剩餘 ${r}`;
 }
-function W(e) {
+function q(e) {
 	return e ? new Date(e).getTime() < Date.now() ? "text-error" : "text-success" : "text-neutral";
 }
-function G(e) {
+function J(e) {
 	let t = Math.max(1, Math.ceil(e / 6e4)), n = Math.floor(t / 1440), r = Math.floor(t % 1440 / 60), i = t % 60;
 	return n > 0 ? `${n}天 ${r}小時` : r > 0 ? `${r}小時 ${i}分鐘` : `${i}分鐘`;
 }
-function K(e) {
+function Y(e) {
 	return e === "PENDING" ? "待處理" : e === "IN_PROGRESS" ? "處理中" : e === "COMPLETED" ? "已完成" : e === "TRANSFERRED" ? "已轉派" : e === "CANCELLED" ? "已取消" : e;
 }
-function q(e) {
+function X(e) {
 	return e instanceof Error ? e.message : "發生未知錯誤";
 }
-//#endregion
-export { k as InboxView };
+export { j as InboxView };
 
 //# sourceMappingURL=index.js.map