@rytass/bpm-core-react 0.2.0 → 0.3.1

package/dist/views/templates/designer/index.js

@@ -1,2 +1,2275 @@
-import { t as e } from "../../../chunks/TemplateDesignerView-Dffx-VZ-.js";
-export { e as TemplateDesignerView };
+"use client";
+import { a as e } from "../../../chunks/auth-provider-Bnox5gsx.js";
+import { t } from "../../../chunks/app-navigation-uwbNEw9P.js";
+import { a as n, n as r, o as i, r as a } from "../../../chunks/admin-pickers-DLlG_1du.js";
+import { t as o } from "../../../chunks/bpm-form-field-Cao0rMol.js";
+import { useCallback as s, useEffect as c, useMemo as l, useRef as ee, useState as u } from "react";
+import { AutoComplete as te, Button as d, Icon as ne, Input as re, Modal as ie, PageHeader as ae, Section as oe, SectionGroup as se, Select as f, Textarea as ce, Toggle as le, Typography as p } from "@mezzanine-ui/react";
+import { Fragment as ue, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { CheckedIcon as de, DotGridIcon as fe, EyeIcon as pe, FilterIcon as me, MailIcon as he, SaveIcon as ge, TrashIcon as _e, UserIcon as ve } from "@mezzanine-ui/icons";
+import ye from "@mezzanine-ui/react/ContentHeader";
+import { readOrganizationDashboard as be } from "@rytass/bpm-core-client/organization";
+import { Background as xe, ConnectionMode as Se, ControlButton as Ce, Controls as we, Handle as g, MiniMap as Te, Panel as _, Position as v, ReactFlow as Ee, applyNodeChanges as De, getViewportForBounds as Oe } from "@xyflow/react";
+import * as ke from "dagre";
+import { dryRunApprovalWorkflow as Ae, forkApprovalTemplate as je, publishApprovalTemplateVersion as Me, readTemplateDesigner as Ne, resolveMemberOptions as Pe, searchMemberOptions as Fe, searchPublishedFormVersionOptions as Ie, updateApprovalTemplateDraft as Le } from "@rytass/bpm-core-client/template";
+//#region src/views/templates/designer/TemplateDesignerView.tsx
+var Re = {
+	display: "grid",
+	gap: 16
+}, ze = {
+	alignItems: "start",
+	display: "grid",
+	gap: 16,
+	gridTemplateColumns: "minmax(0, 1fr) 420px"
+}, Be = {
+	border: "1px solid var(--mzn-color-border-neutral)",
+	borderRadius: 6,
+	height: 620,
+	minWidth: 0,
+	overflow: "hidden"
+}, Ve = {
+	alignItems: "center",
+	boxSizing: "border-box",
+	color: "var(--mzn-color-text-error)",
+	display: "flex",
+	height: 26,
+	justifyContent: "center",
+	lineHeight: 0,
+	padding: 0,
+	width: 26
+}, He = {
+	alignItems: "center",
+	display: "flex",
+	height: "100%",
+	justifyContent: "center",
+	width: "100%"
+}, Ue = "workflow-designer-side-panel", y = 96, We = `
+.${Ue} .mzn-form-field--stretch .mzn-form-field__label-area,
+.${Ue} .mzn-form-field--horizontal .mzn-form-field__label-area {
+  flex: 0 0 ${y}px;
+  width: ${y}px;
+}
+
+.${Ue} .mzn-form-field--stretch .mzn-form-field__data-entry,
+.${Ue} .mzn-form-field--horizontal .mzn-form-field__data-entry {
+  min-width: 0;
+}
+`, Ge = "#2563eb", b = "#64748b", Ke = "var(--mzn-color-text-error, #dc2626)", qe = "drop-shadow(0 0 3px rgba(0, 87, 255, 0.85)) drop-shadow(0 0 9px rgba(0, 87, 255, 0.36))", Je = `
+.workflow-selection-delete-control.react-flow__controls-button {
+  align-items: center !important;
+  display: flex !important;
+  height: 26px !important;
+  justify-content: center !important;
+  padding: 0 !important;
+  width: 26px !important;
+}
+
+.workflow-selection-delete-control .mzn-icon {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+
+.workflow-selection-delete-control .mzn-icon svg {
+  height: 16px !important;
+  max-height: none !important;
+  max-width: none !important;
+  width: 16px !important;
+}
+
+.workflow-edge--selected .react-flow__edge-path,
+.react-flow__edge-path.workflow-edge--selected {
+  filter: ${qe};
+  opacity: 1 !important;
+  stroke: ${b} !important;
+  stroke-opacity: 1 !important;
+  stroke-width: 1.5px !important;
+}
+
+.workflow-edge--selected {
+  --xy-edge-stroke: ${b};
+  --xy-edge-stroke-selected: ${b};
+  --xy-edge-stroke-width: 1.5px;
+}
+
+`, Ye = {
+	display: "grid",
+	gap: 12
+}, x = {
+	display: "grid",
+	gap: 12
+}, Xe = {
+	border: "1px solid var(--mzn-color-border-neutral)",
+	borderRadius: 6,
+	display: "grid",
+	gap: 8,
+	maxHeight: 360,
+	overflow: "auto",
+	padding: 12
+}, Ze = {
+	borderBottom: "1px solid var(--mzn-color-border-neutral)",
+	display: "grid",
+	gap: 4,
+	padding: "0 0 8px"
+}, Qe = {
+	display: "flex",
+	flexWrap: "wrap",
+	gap: 8
+}, $e = {
+	display: "grid",
+	gap: 8
+}, S = {
+	alignContent: "center",
+	background: "var(--mzn-color-bg-surface)",
+	border: "1px solid var(--mzn-color-border-neutral)",
+	borderRadius: 6,
+	boxShadow: "0 8px 20px rgba(15, 23, 42, 0.08)",
+	boxSizing: "border-box",
+	display: "grid",
+	gap: 4,
+	height: "100%",
+	minWidth: 132,
+	overflow: "visible",
+	padding: "10px 12px",
+	textAlign: "center",
+	width: "100%"
+}, et = "0 8px 20px rgba(15, 23, 42, 0.08), 0 0 0 1px var(--mzn-color-primary, #0057ff), 0 0 10px rgba(0, 87, 255, 0.3)", tt = 64, C = 160, w = 20, T = 64, E = 180, D = {
+	...S,
+	display: "grid",
+	gap: 8,
+	padding: "10px 12px"
+}, nt = {
+	...D,
+	background: "#eff6ff",
+	border: "1px solid #2563eb"
+}, O = {
+	...D,
+	background: "#f0fdfa",
+	border: "1px solid #0f766e"
+}, rt = {
+	...S,
+	background: "#ffffff"
+}, k = {
+	...S,
+	background: "#ecfdf3",
+	border: "1px solid #2f855a"
+}, it = {
+	...S,
+	background: "#fff4ed",
+	border: "1px solid #c2410c"
+}, at = {
+	display: "block",
+	maxWidth: "100%",
+	minWidth: 0
+}, ot = {
+	display: "grid",
+	gap: 2,
+	minWidth: 0
+}, A = "input", j = "output", st = {
+	endEvent: "結束",
+	exclusiveGateway: "條件分流",
+	parallelGateway: "並行處理",
+	serviceTask: "系統",
+	startEvent: "開始",
+	userTask: "簽核"
+}, ct = [{
+	icon: ve,
+	label: "簽核節點",
+	type: "userTask"
+}, {
+	icon: he,
+	label: "知會節點",
+	type: "serviceTask"
+}], lt = [{
+	icon: me,
+	label: "條件分流",
+	type: "exclusiveGateway"
+}], ut = [{
+	id: "AND",
+	name: "全部前置完成"
+}, {
+	id: "OR",
+	name: "任一前置完成"
+}], dt = [{
+	id: "RESTART",
+	name: "重新送出後從開始重跑"
+}, {
+	id: "FROM_RETURN_POINT",
+	name: "重新送出後回到退回節點"
+}], ft = [
+	{
+		id: "DIRECT",
+		name: "指定會員"
+	},
+	{
+		id: "ORG_MANAGER",
+		name: "發起人主管"
+	},
+	{
+		id: "ORG_UNIT_MANAGER",
+		name: "指定組織主管"
+	},
+	{
+		id: "ORG_UNIT_MEMBER",
+		name: "組織任一人"
+	},
+	{
+		id: "ORG_UNIT_POSITION",
+		name: "組織特定職位"
+	},
+	{
+		id: "POSITION",
+		name: "指定職位"
+	}
+], M = [
+	{
+		id: "1",
+		name: "直屬主管",
+		value: 1
+	},
+	{
+		id: "2",
+		name: "第二層主管",
+		value: 2
+	},
+	{
+		id: "3",
+		name: "第三層主管",
+		value: 3
+	}
+], pt = [{
+	id: "NONE",
+	name: "停止流程並提示"
+}, {
+	id: "DIRECT",
+	name: "固定改派"
+}], mt = [
+	{
+		id: "EQUALS",
+		name: "等於"
+	},
+	{
+		id: "NOT_EQUALS",
+		name: "不等於"
+	},
+	{
+		id: "GREATER_THAN",
+		name: "大於"
+	},
+	{
+		id: "GREATER_THAN_OR_EQUALS",
+		name: "大於等於"
+	},
+	{
+		id: "LESS_THAN",
+		name: "小於"
+	},
+	{
+		id: "LESS_THAN_OR_EQUALS",
+		name: "小於等於"
+	},
+	{
+		id: "IS_FILLED",
+		name: "已填寫"
+	},
+	{
+		id: "IS_EMPTY",
+		name: "未填寫"
+	}
+], ht = [
+	"EQUALS",
+	"GREATER_THAN",
+	"GREATER_THAN_OR_EQUALS",
+	"LESS_THAN",
+	"LESS_THAN_OR_EQUALS",
+	"NOT_EQUALS"
+], gt = [
+	{
+		id: "NONE",
+		name: "未設定"
+	},
+	{
+		id: "ALL",
+		name: "所有人"
+	},
+	{
+		id: "ORG_UNIT",
+		name: "指定組織"
+	},
+	{
+		id: "ORG_UNIT_POSITION",
+		name: "指定組織職位"
+	}
+], _t = {
+	id: "CUSTOM",
+	name: "既有自訂規則"
+}, vt = "member-001", yt = {
+	endEvent: N,
+	exclusiveGateway: N,
+	parallelGateway: N,
+	serviceTask: N,
+	startEvent: N,
+	userTask: N
+};
+function bt({ templateId: n, activeHref: i = "/templates" }) {
+	let fe = e(), [me, he] = u(null), [ve, g] = u(null), [_, v] = u(zt()), [Oe, ke] = u(""), [y, Ge] = u(null), [b, qe] = u(null), [S, et] = u(null), [tt, C] = u(null), [w, T] = u("start"), [E, D] = u([]), [nt, O] = u(null), [rt, k] = u(null), [it, at] = u(!0), [ot, A] = u(!1), [j, mt] = u(!1), [ht, bt] = u([]), N = l(() => JSON.stringify({
+		formDefinitionVersionId: y,
+		initiatorPolicyCel: b,
+		workflowDefinition: _
+	}), [
+		y,
+		b,
+		_
+	]), St = !!Oe && N !== Oe, [Ct, wt] = u(!1), [P, F] = u([]), [I, Et] = u([]), [L, jt] = u([]), [Mt, It] = u([]), [Lt, Rt] = u(!1), [Zt, en] = u(!1), [nn, B] = u("{}"), [V, cn] = u(null), [fn, mn] = u(null), [H, U] = u(void 0), Tn = ee(null);
+	c(() => {
+		Qn();
+	}, [n]), c(() => {
+		function e(e) {
+			St && (e.preventDefault(), e.returnValue = "");
+		}
+		return window.addEventListener("beforeunload", e), () => {
+			window.removeEventListener("beforeunload", e);
+		};
+	}, [St]), c(() => {
+		nr(_);
+	}, [_, P]), c(() => {
+		v((e) => At(e));
+	}, [_.edges, _.nodes]);
+	function En() {
+		St && !window.confirm("目前有尚未儲存的流程草稿，確定要離開嗎？") || fe.push("/templates");
+	}
+	let W = l(() => _.nodes.find((e) => e.id === w) ?? null, [w, _.nodes]), Dn = W ? sn(W) : !1, kn = E.length > 0 || Dn, Mn = s(() => {
+		let e = W && sn(W) ? W.id : null;
+		v((t) => ({
+			...t,
+			edges: t.edges.filter((t) => !E.includes(t.id) && t.source !== e && t.target !== e),
+			nodes: e ? t.nodes.filter((t) => t.id !== e) : t.nodes
+		})), D([]), O(null), e && T("start");
+	}, [E, W]);
+	c(() => {
+		if (!kn) return;
+		function e(e) {
+			e.key !== "Delete" && e.key !== "Backspace" || ln(e.target) || (e.preventDefault(), Mn());
+		}
+		return window.addEventListener("keydown", e), () => {
+			window.removeEventListener("keydown", e);
+		};
+	}, [kn, Mn]);
+	let Nn = l(() => _.edges.find((e) => e.id === nt) ?? null, [nt, _.edges]), Pn = l(() => E.length === 1 ? _.edges.find((e) => e.id === E[0]) ?? null : null, [E, _.edges]), Fn = l(() => E.map((e) => _.edges.find((t) => t.id === e) ?? null).filter((e) => !!e), [E, _.edges]), G = l(() => tt ?? Qt(b, S), [
+		b,
+		tt,
+		S
+	]), Rn = l(() => _.nodes.map((e) => Tt(e, P, I, L, e.id === w, G)), [
+		G,
+		P,
+		I,
+		L,
+		w,
+		_.nodes
+	]), Wn = l(() => _.edges.map((e) => Dt(e, _.nodes, E.includes(e.id))), [
+		E,
+		_.edges,
+		_.nodes
+	]), K = l(() => z(ht, y) ?? z(un(me?.formVersions ?? []), y), [
+		y,
+		ht,
+		me?.formVersions
+	]), Xn = l(() => _n(ht, K), [ht, K]), q = l(() => Ln(_), [_]), J = l(() => zn(_), [_]), Y = l(() => $t(G), [G]);
+	async function Qn() {
+		at(!0), k(null);
+		try {
+			let [e, t] = await Promise.all([Ne(n), be()]), r = e.versions.find((e) => e.status === "DRAFT") ?? null, i = r ?? e.versions[0] ?? null;
+			he(e), g(r), Et(t.orgUnits), jt(t.positions), It(t.memberships), bt(un(e.formVersions));
+			let a = i?.workflowDefinition ?? zt(), o = i?.formDefinitionVersionId ?? e.formVersions[0]?.id ?? null, s = i?.initiatorPolicyCel ?? null;
+			v(a), Ge(o), qe(s), ke(JSON.stringify({
+				formDefinitionVersionId: o,
+				initiatorPolicyCel: s,
+				workflowDefinition: a
+			})), et(i && !e.template.currentVersionId && !i.initiatorPolicyCel && Bt(i.workflowDefinition) ? "NONE" : null), C(null), T(i?.workflowDefinition.nodes[0]?.id ?? "start"), D([]), O(null);
+		} catch (e) {
+			k(Q(e));
+		} finally {
+			at(!1);
+		}
+	}
+	async function er(e) {
+		mt(!0), k(null);
+		try {
+			bt(_n(un(await Ie(e)), K));
+		} catch (e) {
+			k(Q(e));
+		} finally {
+			mt(!1);
+		}
+	}
+	async function Z(e) {
+		wt(!0), k(null);
+		try {
+			let t = await Fe(e);
+			F((e) => An(e, vn(t)));
+		} catch (e) {
+			k(Q(e));
+		} finally {
+			wt(!1);
+		}
+	}
+	async function nr(e) {
+		let t = jn(e).filter((e) => !P.some((t) => t.memberId === e));
+		if (t.length !== 0) try {
+			let e = await Pe(t);
+			F((t) => An(t, vn(e)));
+		} catch {
+			F((e) => An(e, t.map(yn)));
+		}
+	}
+	async function rr() {
+		A(!0), k(null);
+		try {
+			let e = Ln(_), t = $t(G);
+			if (e || t) {
+				let n = e ?? t ?? "流程設定未完成";
+				throw k(n), Error(n);
+			}
+			let r = await Le({
+				formDefinitionVersionId: y,
+				initiatorPolicyCel: b,
+				versionId: (ve ?? await je(n)).id,
+				workflowDefinition: _
+			});
+			return g(r), await Qn(), r;
+		} catch (e) {
+			throw k(Q(e)), e;
+		} finally {
+			A(!1);
+		}
+	}
+	async function ir() {
+		A(!0), k(null);
+		try {
+			await Me((await rr()).id), await Qn();
+		} catch (e) {
+			k(Q(e));
+		} finally {
+			A(!1);
+		}
+	}
+	function ar() {
+		B(JSON.stringify(dn(K), null, 2)), cn(null), mn(null), Rt(!0);
+	}
+	function or() {
+		Zt || Rt(!1);
+	}
+	async function sr() {
+		en(!0), mn(null), cn(null);
+		try {
+			cn(await Ae({
+				formData: pn(nn),
+				initiatorMemberId: vt,
+				initiatorMetadataSnapshot: wn(vt, Mt),
+				workflowDefinition: _
+			}));
+		} catch (e) {
+			mn(Q(e));
+		} finally {
+			en(!1);
+		}
+	}
+	function cr(e) {
+		let t = De(e, Rn);
+		v((e) => ({
+			...e,
+			nodes: e.nodes.map((e) => {
+				let n = t.find((t) => t.id === e.id);
+				return n ? {
+					...e,
+					position: n.position
+				} : e;
+			})
+		}));
+	}
+	function lr(e) {
+		if (!an(e, _.nodes)) return;
+		let t = _.nodes.some((t) => t.id === e.source && t.type === "exclusiveGateway"), n = R(e.source, e.target, {});
+		v((e) => ({
+			...e,
+			edges: [...e.edges, n]
+		})), T(null), D([n.id]), O(t ? n.id : null);
+	}
+	function ur(e, t) {
+		e.stopPropagation(), D((n) => e.shiftKey || e.metaKey || e.ctrlKey ? on(n, t.id) : [t.id]), T(null);
+	}
+	function dr() {
+		O(null);
+	}
+	function fr(e) {
+		let t = Ft({
+			definition: _,
+			node: Nt(e, Pt(_.nodes, e)),
+			selectedEdgeId: E.length === 1 ? E[0] : null,
+			selectedNodeId: w
+		}), n = Vt(t.definition), r = In(n, Tn.current);
+		v(n), T(t.selectedNodeId), D(t.selectedEdgeIds), O(t.editingEdgeId), r && U(r);
+	}
+	function pr(e) {
+		W && vr(W.id, (t) => Ot(t, e));
+	}
+	function $(e) {
+		!W || W.type !== "userTask" || vr(W.id, (t) => t.type === "userTask" ? {
+			...t,
+			data: {
+				...t.data,
+				approverResolver: e,
+				decisionPolicy: { type: "SINGLE" }
+			}
+		} : t);
+	}
+	function mr(e) {
+		!W || W.type !== "userTask" || vr(W.id, (t) => t.type === "userTask" ? {
+			...t,
+			data: {
+				...t.data,
+				returnBehavior: {
+					...t.data.returnBehavior,
+					resubmitStrategy: e
+				}
+			}
+		} : t);
+	}
+	function hr(e) {
+		!W || W.type !== "serviceTask" || vr(W.id, (t) => t.type === "serviceTask" ? {
+			...t,
+			data: {
+				...t.data,
+				action: e
+			}
+		} : t);
+	}
+	function gr(e) {
+		C(e.mode === "ALL" || e.mode === "CUSTOM" ? null : e), et(e.mode === "ALL" || e.mode === "CUSTOM" ? null : e.mode), qe(tn(e, I));
+	}
+	function _r(e) {
+		!W || W.type === "startEvent" || vr(W.id, (t) => kt(t, e));
+	}
+	function vr(e, t) {
+		v((n) => ({
+			...n,
+			nodes: n.nodes.map((n) => n.id === e ? t(n) : n)
+		}));
+	}
+	function yr(e, t) {
+		v((n) => ({
+			...n,
+			edges: n.edges.map((n) => n.id === e ? t(n) : n)
+		}));
+	}
+	function br(e, t) {
+		v((n) => {
+			let r = n.edges.find((t) => t.id === e);
+			return r ? {
+				...n,
+				edges: n.edges.map((e) => t && e.source === r.source && e.id !== r.id && X(e, n.nodes) ? {
+					...e,
+					data: {
+						...e.data,
+						isDefault: !1
+					}
+				} : e.id === r.id ? {
+					...e,
+					data: {
+						...e.data,
+						isDefault: t
+					}
+				} : e)
+			} : n;
+		});
+	}
+	function xr({ edgeId: e, fieldKey: t, operator: n, value: r }) {
+		let i = K?.schema ?? null;
+		yr(e, (e) => {
+			let a = Vn(i, t ?? e.data.conditionFieldKey ?? null), o = Kn(a, n ?? e.data.conditionOperator ?? null), s = qn(a, o, r ?? e.data.conditionValue ?? null), c = Yn(a, o, s);
+			return {
+				...e,
+				data: {
+					...e.data,
+					condition: Zn(a, o, s),
+					conditionFieldKey: a?.fieldKey,
+					conditionOperator: o,
+					conditionValue: s,
+					isDefault: !1,
+					label: c
+				}
+			};
+		});
+	}
+	function Sr() {
+		let e = Vt(_), t = In(e, Tn.current);
+		v(e), t && U(t);
+	}
+	return /* @__PURE__ */ h(t, {
+		activeHref: i,
+		children: [
+			/* @__PURE__ */ m("style", { children: We }),
+			/* @__PURE__ */ m(ae, { children: /* @__PURE__ */ h(ye, {
+				description: `${ve ? `草稿 v${ve.version}` : "尚未建立草稿"} ·${me?.template.currentVersionId ? " 已發布版本" : " 尚未發布"}`,
+				onBackClick: En,
+				title: me?.template.name ?? "流程設計器",
+				children: [
+					/* @__PURE__ */ m(d, {
+						"aria-label": "儲存草稿",
+						disabled: ot || !!q || !!Y,
+						icon: ge,
+						iconType: "icon-only",
+						onClick: () => void rr(),
+						variant: "base-secondary",
+						children: "儲存草稿"
+					}),
+					/* @__PURE__ */ m(d, {
+						disabled: it || !!q || !!Y,
+						icon: pe,
+						iconType: "leading",
+						onClick: ar,
+						variant: "base-secondary",
+						children: "試跑流程"
+					}),
+					/* @__PURE__ */ m(d, {
+						disabled: ot || !ve || !!q || !!Y,
+						icon: de,
+						iconType: "leading",
+						onClick: () => void ir(),
+						variant: "base-primary",
+						children: "發布版本"
+					})
+				]
+			}) }),
+			/* @__PURE__ */ m(se, { children: /* @__PURE__ */ m(oe, { children: /* @__PURE__ */ h("div", {
+				style: Re,
+				children: [
+					rt ? /* @__PURE__ */ m(p, {
+						color: "text-error",
+						variant: "body",
+						children: rt
+					}) : null,
+					q ? /* @__PURE__ */ m(p, {
+						color: "text-error",
+						variant: "body",
+						children: q
+					}) : null,
+					Y ? /* @__PURE__ */ m(p, {
+						color: "text-error",
+						variant: "body",
+						children: Y
+					}) : null,
+					/* @__PURE__ */ m("div", {
+						style: x,
+						children: /* @__PURE__ */ m(o, {
+							hintText: J ? "已設定條件分流條件。請先移除所有條件，才能更換綁定表單版本。" : void 0,
+							label: "綁定表單版本",
+							name: "formDefinitionVersionId",
+							required: !0,
+							children: /* @__PURE__ */ m(te, {
+								asyncData: !0,
+								disabled: it || J,
+								disabledOptionsFilter: !0,
+								emptyText: "沒有符合的已發布表單版本",
+								isForceClearable: !!y && !J,
+								loading: j,
+								loadingText: "搜尋表單版本中...",
+								mode: "single",
+								onChange: (e) => {
+									J || Ge(e?.id ?? null);
+								},
+								onClear: () => {
+									J || Ge(null);
+								},
+								onSearch: er,
+								onVisibilityChange: (e) => {
+									e && !J && er("");
+								},
+								options: [...Xn],
+								placeholder: "選擇已發布表單版本",
+								searchDebounceTime: 300,
+								value: K
+							})
+						})
+					}),
+					/* @__PURE__ */ h("div", {
+						style: ze,
+						children: [/* @__PURE__ */ m("div", {
+							ref: Tn,
+							style: Be,
+							children: /* @__PURE__ */ h(Ee, {
+								connectionMode: Se.Strict,
+								edges: Wn,
+								fitView: !0,
+								isValidConnection: (e) => an(e, _.nodes),
+								nodeTypes: yt,
+								nodes: Rn,
+								deleteKeyCode: null,
+								multiSelectionKeyCode: [
+									"Shift",
+									"Meta",
+									"Control"
+								],
+								onConnect: lr,
+								onEdgeClick: ur,
+								onNodeClick: (e, t) => {
+									T(t.id), D([]);
+								},
+								onNodesChange: cr,
+								onPaneClick: () => {
+									T(null), D([]);
+								},
+								onViewportChange: U,
+								viewport: H,
+								children: [
+									/* @__PURE__ */ m(xe, {}),
+									/* @__PURE__ */ m("style", { children: Je }),
+									/* @__PURE__ */ m(we, { children: kn ? /* @__PURE__ */ m(Ce, {
+										"aria-label": "刪除選取項目",
+										className: "workflow-selection-delete-control",
+										onClick: Mn,
+										style: Ve,
+										title: "刪除選取項目",
+										children: /* @__PURE__ */ m("span", {
+											style: He,
+											children: /* @__PURE__ */ m(ne, {
+												color: "error",
+												icon: _e,
+												size: 16
+											})
+										})
+									}) : null }),
+									/* @__PURE__ */ m(xt, { onApplyAutoLayout: Sr }),
+									/* @__PURE__ */ m(Te, {})
+								]
+							})
+						}), /* @__PURE__ */ h("div", {
+							className: Ue,
+							style: Ye,
+							children: [
+								/* @__PURE__ */ m(p, {
+									component: "h2",
+									variant: "h3",
+									children: "流程工具"
+								}),
+								/* @__PURE__ */ h("div", {
+									style: $e,
+									children: [/* @__PURE__ */ m(p, {
+										color: "text-neutral",
+										variant: "caption",
+										children: "動作節點"
+									}), /* @__PURE__ */ m("div", {
+										style: Qe,
+										children: ct.map((e) => /* @__PURE__ */ m(d, {
+											icon: e.icon,
+											iconType: "leading",
+											onClick: () => fr(e.type),
+											size: "sub",
+											variant: "base-secondary",
+											children: e.label
+										}, e.type))
+									})]
+								}),
+								/* @__PURE__ */ h("div", {
+									style: $e,
+									children: [/* @__PURE__ */ m(p, {
+										color: "text-neutral",
+										variant: "caption",
+										children: "流程控制"
+									}), /* @__PURE__ */ m("div", {
+										style: Qe,
+										children: lt.map((e) => /* @__PURE__ */ m(d, {
+											icon: e.icon,
+											iconType: "leading",
+											onClick: () => fr(e.type),
+											size: "sub",
+											variant: "base-secondary",
+											children: e.label
+										}, e.type))
+									})]
+								}),
+								Fn.length > 1 ? kr(Fn) : null,
+								Fn.length === 1 && Pn ? Ar(Pn) : null,
+								Fn.length === 0 && W ? wr(W) : null
+							]
+						})]
+					})
+				]
+			}) }) }),
+			jr(Nn),
+			Cr()
+		]
+	});
+	function Cr() {
+		return /* @__PURE__ */ m(ie, {
+			cancelText: "關閉",
+			confirmText: "執行試跑",
+			loading: Zt,
+			modalType: "standard",
+			onCancel: or,
+			onClose: or,
+			onConfirm: () => void sr(),
+			open: Lt,
+			showModalFooter: !0,
+			showModalHeader: !0,
+			size: "wide",
+			supportingText: `使用 ${vt} 與範例表單資料模擬目前畫布流程，不會建立案件。`,
+			title: "試跑流程",
+			children: /* @__PURE__ */ h("div", {
+				style: x,
+				children: [
+					/* @__PURE__ */ m(o, {
+						label: "表單資料 JSON",
+						name: "dryRunFormDataJson",
+						required: !0,
+						children: /* @__PURE__ */ m(ce, {
+							onChange: (e) => B(e.target.value),
+							resize: "vertical",
+							rows: 8,
+							value: nn
+						})
+					}),
+					fn ? /* @__PURE__ */ m(p, {
+						color: "text-error",
+						variant: "body",
+						children: fn
+					}) : null,
+					V ? /* @__PURE__ */ h("div", {
+						style: Xe,
+						children: [
+							/* @__PURE__ */ m(p, {
+								color: V.valid ? "text-success" : "text-error",
+								variant: "label-primary-highlight",
+								children: V.valid ? "試跑通過" : "試跑失敗"
+							}),
+							V.errors.map((e) => /* @__PURE__ */ m(p, {
+								color: "text-error",
+								variant: "body",
+								children: e
+							}, e)),
+							V.steps.map((e) => /* @__PURE__ */ h("div", {
+								style: Ze,
+								children: [
+									/* @__PURE__ */ h(p, {
+										variant: "label-primary-highlight",
+										children: [
+											e.nodeLabel,
+											" · ",
+											hn(e.status)
+										]
+									}),
+									/* @__PURE__ */ h(p, {
+										color: "text-neutral",
+										variant: "caption",
+										children: [
+											gn(e.nodeType),
+											e.assigneeMemberId ? ` · 處理者：${e.assigneeMemberId}` : "",
+											e.edgeLabel ? ` · 來源線段：${e.edgeLabel}` : ""
+										]
+									}),
+									e.edgeReason ? /* @__PURE__ */ m(p, {
+										color: "text-neutral",
+										variant: "caption",
+										children: e.edgeReason
+									}) : null,
+									e.entryCondition ? /* @__PURE__ */ h(p, {
+										color: "text-neutral",
+										variant: "caption",
+										children: [
+											"進入條件：",
+											e.entryConditionMatched ? "符合" : "不符合",
+											" ·",
+											" ",
+											e.entryCondition
+										]
+									}) : null,
+									/* @__PURE__ */ m(p, {
+										color: "text-neutral",
+										variant: "body",
+										children: e.message
+									})
+								]
+							}, e.id))
+						]
+					}) : null
+				]
+			})
+		});
+	}
+	function wr(e) {
+		return /* @__PURE__ */ h("div", {
+			style: x,
+			children: [
+				/* @__PURE__ */ m(p, {
+					component: "h2",
+					variant: "h3",
+					children: "節點屬性"
+				}),
+				/* @__PURE__ */ h(p, {
+					color: "text-neutral",
+					variant: "body",
+					children: [
+						st[e.type],
+						" · ",
+						e.id
+					]
+				}),
+				/* @__PURE__ */ m(o, {
+					label: "顯示名稱",
+					name: "nodeLabel",
+					required: !0,
+					children: /* @__PURE__ */ m(re, {
+						onChange: (e) => pr(e.target.value),
+						value: e.data.label,
+						variant: "base"
+					})
+				}),
+				e.type === "startEvent" ? Tr() : null,
+				e.type === "startEvent" ? null : Er(e),
+				e.type === "userTask" ? Dr(e) : null,
+				e.type === "serviceTask" ? Or(e) : null
+			]
+		});
+	}
+	function Tr() {
+		let e = G.mode === "CUSTOM" ? [...gt, _t] : [...gt], t = G.mode === "ORG_UNIT" || G.mode === "ORG_UNIT_POSITION" ? Sn(I, G.orgUnitId ?? "") : null, n = G.mode === "ORG_UNIT_POSITION" ? Cn(L, G.positionId ?? "") : null, i = G.mode === "ORG_UNIT_POSITION" ? On({
+			includeDescendants: !!G.includeDescendants,
+			memberships: Mt,
+			orgUnitId: G.orgUnitId ?? "",
+			orgUnits: I,
+			positions: L
+		}) : [];
+		return /* @__PURE__ */ h(ue, { children: [
+			/* @__PURE__ */ m(o, {
+				hintText: G.mode === "CUSTOM" ? "這是舊版表達式規則；切換成標準選項後會改由 UI 管理。" : void 0,
+				label: "發起權限",
+				name: "initiatorPolicyMode",
+				required: !0,
+				children: /* @__PURE__ */ m(f, {
+					clearable: !1,
+					onChange: (e) => {
+						if (e?.id === "CUSTOM") {
+							et(null), C(null);
+							return;
+						}
+						let t = Xt(e?.id ?? null), n = rn(t);
+						et(t === "ALL" ? null : t), C(t === "ALL" ? null : n), qe(tn(n, I));
+					},
+					options: e,
+					placeholder: "選擇誰可以發起",
+					value: z(e, G.mode)
+				})
+			}),
+			G.mode === "ORG_UNIT" || G.mode === "ORG_UNIT_POSITION" ? /* @__PURE__ */ m(o, {
+				label: "組織",
+				name: "initiatorOrgUnitId",
+				required: !0,
+				children: /* @__PURE__ */ m(r, {
+					name: "initiatorOrgUnitId",
+					onChange: (e) => gr({
+						...G,
+						orgUnitId: e?.id ?? "",
+						positionId: "",
+						value: e?.id ?? ""
+					}),
+					orgUnits: I,
+					placeholder: "選擇組織",
+					value: t
+				})
+			}) : null,
+			G.mode === "ORG_UNIT" || G.mode === "ORG_UNIT_POSITION" ? /* @__PURE__ */ m(o, {
+				label: "包含下層",
+				name: "initiatorIncludeDescendants",
+				children: /* @__PURE__ */ m(le, {
+					checked: !!G.includeDescendants,
+					onChange: (e) => gr({
+						...G,
+						includeDescendants: e.target.checked,
+						...G.mode === "ORG_UNIT_POSITION" ? { positionId: "" } : {}
+					})
+				})
+			}) : null,
+			G.mode === "ORG_UNIT_POSITION" ? /* @__PURE__ */ m(o, {
+				label: "職位",
+				name: "initiatorPositionId",
+				required: !0,
+				children: /* @__PURE__ */ m(a, {
+					disabled: !G.orgUnitId?.trim(),
+					name: "initiatorPositionId",
+					onChange: (e) => gr({
+						...G,
+						positionId: e?.id ?? ""
+					}),
+					placeholder: G.orgUnitId?.trim() ? "選擇職位" : "請先選擇組織",
+					positions: i,
+					value: n
+				})
+			}) : null
+		] });
+	}
+	function Er(e) {
+		let t = _.edges.filter((t) => t.target === e.id).length, n = t < 2, r = n ? "AND" : e.data.triggerMode ?? "AND";
+		return /* @__PURE__ */ m(o, {
+			hintText: n ? "需要至少兩條前置連線，才可切換為任一前置完成。" : t > 1 ? `${t} 條前置連線會依此規則觸發。` : "只有一條前置連線時，兩種設定效果相同。",
+			label: "前置條件",
+			name: "triggerMode",
+			required: !0,
+			children: /* @__PURE__ */ m(f, {
+				clearable: !1,
+				onChange: (e) => n ? void 0 : _r(Ht(e?.id ?? null)),
+				options: [...ut],
+				readOnly: n,
+				value: z(ut, r)
+			})
+		});
+	}
+	function Dr(e) {
+		let t = e.data.approverResolver, n = Wt(t.type), i = t.type === "DIRECT" ? xn(t.memberIds, P) : null, s = t.type === "ORG_UNIT_MANAGER" || t.type === "ORG_UNIT_MEMBER" || t.type === "ORG_UNIT_POSITION" ? Sn(I, t.orgUnitId) : null, c = t.type === "POSITION" || t.type === "ORG_UNIT_POSITION" ? Cn(L, t.positionId) : null, l = t.type === "ORG_UNIT_POSITION" ? On({
+			includeDescendants: !!t.includeDescendants,
+			memberships: Mt,
+			orgUnitId: t.orgUnitId,
+			orgUnits: I,
+			positions: L
+		}) : [], ee = t.type === "ORG_MANAGER" ? Jt(t.levelsUp) : M[0], u = t.type === "ORG_MANAGER" || t.type === "ORG_UNIT_MANAGER" ? t.fallback ?? { type: "NONE" } : { type: "NONE" }, d = u.type === "DIRECT" ? bn(P, u.memberId) : null, ne = e.data.returnBehavior.resubmitStrategy ?? "RESTART";
+		return /* @__PURE__ */ h(ue, { children: [
+			/* @__PURE__ */ m(o, {
+				label: "簽核來源",
+				name: "approverResolverType",
+				required: !0,
+				children: /* @__PURE__ */ m(f, {
+					clearable: !1,
+					onChange: (e) => $(Gt(e?.id ?? null)),
+					options: [...ft],
+					value: z(ft, n)
+				})
+			}),
+			t.type === "DIRECT" ? /* @__PURE__ */ m(o, {
+				label: "簽核者",
+				name: "memberId",
+				required: !0,
+				children: /* @__PURE__ */ m(te, {
+					asyncData: !0,
+					disabledOptionsFilter: !0,
+					emptyText: "沒有符合的成員",
+					inputProps: {
+						autoCapitalize: "none",
+						autoCorrect: "off",
+						name: "workflow-approver-search",
+						spellCheck: !1
+					},
+					loading: Ct,
+					loadingText: "搜尋成員中...",
+					mode: "single",
+					onChange: (e) => $({
+						memberIds: e?.id ? [e.id] : [],
+						type: "DIRECT"
+					}),
+					onSearch: Z,
+					onVisibilityChange: (e) => {
+						e && Z("");
+					},
+					options: [...P],
+					placeholder: "搜尋姓名或信箱",
+					searchDebounceTime: 300,
+					value: i
+				})
+			}) : null,
+			t.type === "ORG_MANAGER" ? /* @__PURE__ */ m(o, {
+				hintText: "依發起人的有效會員歸屬與主管解析規則決定簽核人。",
+				label: "主管層級",
+				name: "managerLevelsUp",
+				required: !0,
+				children: /* @__PURE__ */ m(f, {
+					clearable: !1,
+					onChange: (e) => $({
+						baseFromInitiator: !0,
+						levelsUp: Yt(e?.id ?? null).value,
+						type: "ORG_MANAGER"
+					}),
+					options: [...M],
+					value: ee
+				})
+			}) : null,
+			t.type === "ORG_UNIT_MANAGER" || t.type === "ORG_UNIT_MEMBER" || t.type === "ORG_UNIT_POSITION" ? /* @__PURE__ */ m(o, {
+				hintText: t.type === "ORG_UNIT_MANAGER" ? "依指定組織或其上層的主管解析規則決定簽核人。" : "依指定組織目前有效會員歸屬建立候選簽核人。",
+				label: "組織",
+				name: "orgUnitId",
+				required: !0,
+				children: /* @__PURE__ */ m(r, {
+					name: "orgUnitId",
+					onChange: (e) => $(t.type === "ORG_UNIT_MEMBER" ? {
+						includeDescendants: t.includeDescendants,
+						orgUnitId: e?.id ?? "",
+						type: "ORG_UNIT_MEMBER"
+					} : t.type === "ORG_UNIT_POSITION" ? {
+						includeDescendants: t.includeDescendants,
+						orgUnitId: e?.id ?? "",
+						positionId: "",
+						type: "ORG_UNIT_POSITION"
+					} : {
+						fallback: t.fallback,
+						orgUnitId: e?.id ?? "",
+						type: "ORG_UNIT_MANAGER"
+					}),
+					orgUnits: I,
+					placeholder: "選擇組織",
+					value: s
+				})
+			}) : null,
+			t.type === "ORG_MANAGER" || t.type === "ORG_UNIT_MANAGER" ? /* @__PURE__ */ h(ue, { children: [/* @__PURE__ */ m(o, {
+				hintText: "預設會停止流程並提示；若設定固定人，找不到主管時會改派給該會員。",
+				label: "無主管時",
+				name: "approverFallbackMode",
+				required: !0,
+				children: /* @__PURE__ */ m(f, {
+					clearable: !1,
+					onChange: (e) => $(qt(t, Kt(e?.id ?? null) === "DIRECT" ? {
+						memberId: "",
+						type: "DIRECT"
+					} : { type: "NONE" })),
+					options: [...pt],
+					value: z(pt, u.type)
+				})
+			}), u.type === "DIRECT" ? /* @__PURE__ */ h(ue, { children: [/* @__PURE__ */ m(o, {
+				label: "改派人員",
+				name: "approverFallbackMemberId",
+				required: !0,
+				children: /* @__PURE__ */ m(te, {
+					asyncData: !0,
+					disabledOptionsFilter: !0,
+					emptyText: "沒有符合的成員",
+					inputProps: {
+						autoCapitalize: "none",
+						autoCorrect: "off",
+						name: "workflow-approver-fallback-search",
+						spellCheck: !1
+					},
+					loading: Ct,
+					loadingText: "搜尋成員中...",
+					mode: "single",
+					onChange: (e) => $(qt(t, {
+						allowInitiatorSelfApproval: u.allowInitiatorSelfApproval,
+						memberId: e?.id ?? "",
+						type: "DIRECT"
+					})),
+					onSearch: Z,
+					onVisibilityChange: (e) => {
+						e && Z("");
+					},
+					options: [...P],
+					placeholder: "搜尋姓名或信箱",
+					searchDebounceTime: 300,
+					value: d
+				})
+			}), /* @__PURE__ */ m(o, {
+				hintText: "預設禁止申請人簽自己的案件；只有此流程允許自簽時才開啟。",
+				label: "允許自簽",
+				name: "allowInitiatorSelfApproval",
+				children: /* @__PURE__ */ m(le, {
+					checked: !!u.allowInitiatorSelfApproval,
+					onChange: (e) => $(qt(t, {
+						allowInitiatorSelfApproval: e.target.checked,
+						memberId: u.memberId,
+						type: "DIRECT"
+					}))
+				})
+			})] }) : null] }) : null,
+			t.type === "ORG_UNIT_MEMBER" || t.type === "ORG_UNIT_POSITION" ? /* @__PURE__ */ m(o, {
+				label: "包含下層",
+				name: "includeDescendants",
+				children: /* @__PURE__ */ m(le, {
+					checked: !!t.includeDescendants,
+					onChange: (e) => $({
+						...t,
+						includeDescendants: e.target.checked,
+						...t.type === "ORG_UNIT_POSITION" ? { positionId: "" } : {}
+					})
+				})
+			}) : null,
+			t.type === "POSITION" ? /* @__PURE__ */ m(o, {
+				hintText: "指派給目前有效歸屬中擁有此職位的會員；主要歸屬優先。",
+				label: "職位",
+				name: "positionId",
+				required: !0,
+				children: /* @__PURE__ */ m(a, {
+					name: "positionId",
+					onChange: (e) => $({
+						positionId: e?.id ?? "",
+						type: "POSITION"
+					}),
+					placeholder: "選擇職位",
+					positions: L,
+					value: c
+				})
+			}) : null,
+			t.type === "ORG_UNIT_POSITION" ? /* @__PURE__ */ m(o, {
+				hintText: "只納入指定組織範圍內擁有此職位的有效會員。",
+				label: "職位",
+				name: "orgUnitPositionId",
+				required: !0,
+				children: /* @__PURE__ */ m(a, {
+					disabled: !t.orgUnitId.trim(),
+					name: "orgUnitPositionId",
+					onChange: (e) => $({
+						includeDescendants: t.includeDescendants,
+						orgUnitId: t.orgUnitId,
+						positionId: e?.id ?? "",
+						type: "ORG_UNIT_POSITION"
+					}),
+					placeholder: t.orgUnitId.trim() ? "選擇職位" : "請先選擇組織",
+					positions: l,
+					value: c
+				})
+			}) : null,
+			e.data.returnBehavior.allowReturn ? /* @__PURE__ */ m(o, {
+				hintText: "退回發起人後，重新送出時要從流程開始重跑，或直接回到退回的簽核節點。",
+				label: "重送策略",
+				name: "returnResubmitStrategy",
+				required: !0,
+				children: /* @__PURE__ */ m(f, {
+					clearable: !1,
+					onChange: (e) => mr(Ut(e?.id ?? null)),
+					options: [...dt],
+					value: z(dt, ne)
+				})
+			}) : null
+		] });
+	}
+	function Or(e) {
+		let t = tr(e.data.action).map((e) => bn(P, e));
+		return /* @__PURE__ */ m(o, {
+			label: "知會對象",
+			name: "notifyMemberIds",
+			required: !0,
+			children: /* @__PURE__ */ m(te, {
+				asyncData: !0,
+				disabledOptionsFilter: !0,
+				emptyText: "沒有符合的成員",
+				loading: Ct,
+				loadingText: "搜尋成員中...",
+				mode: "multiple",
+				onChange: (e) => hr({
+					channels: ["IN_APP"],
+					recipients: {
+						memberIds: e.map((e) => e.id),
+						type: "DIRECT"
+					},
+					type: "NOTIFY"
+				}),
+				onSearch: Z,
+				onVisibilityChange: (e) => {
+					e && Z("");
+				},
+				options: [...P],
+				overflowStrategy: "wrap",
+				placeholder: "搜尋姓名或信箱",
+				searchDebounceTime: 300,
+				value: [...t]
+			})
+		});
+	}
+	function kr(e) {
+		return /* @__PURE__ */ h("div", {
+			style: x,
+			children: [/* @__PURE__ */ m(p, {
+				component: "h2",
+				variant: "h3",
+				children: "已選取線段"
+			}), /* @__PURE__ */ h(p, {
+				color: "text-neutral",
+				variant: "body",
+				children: [
+					"已選取 ",
+					e.length,
+					" 條線段，可使用 Delete 或控制面板刪除。"
+				]
+			})]
+		});
+	}
+	function Ar(e) {
+		let t = X(e, _.nodes);
+		return /* @__PURE__ */ h("div", {
+			style: x,
+			children: [
+				/* @__PURE__ */ m(p, {
+					component: "h2",
+					variant: "h3",
+					children: t ? "條件設定" : "線段屬性"
+				}),
+				/* @__PURE__ */ h(p, {
+					color: "text-neutral",
+					variant: "body",
+					children: [
+						e.source,
+						" → ",
+						e.target
+					]
+				}),
+				t ? Mr(e) : /* @__PURE__ */ m(p, {
+					color: "text-neutral",
+					variant: "body",
+					children: "這條線會直接把流程送到下一個節點。"
+				})
+			]
+		});
+	}
+	function jr(e) {
+		return !e || !X(e, _.nodes) ? null : /* @__PURE__ */ m(ie, {
+			cancelText: "取消",
+			confirmButtonProps: { disabled: !e.data.isDefault && !e.data.condition },
+			confirmText: "完成",
+			modalType: "standard",
+			onCancel: dr,
+			onClose: dr,
+			onConfirm: dr,
+			open: !!nt,
+			showModalFooter: !0,
+			showModalHeader: !0,
+			size: "regular",
+			supportingText: "條件分流的輸出連線需要指定條件，條件會直接顯示在線上。",
+			title: "條件設定",
+			children: Mr(e)
+		});
+	}
+	function Mr(e) {
+		let t = $n(e, _.nodes), n = Bn(K?.schema ?? null), r = Vn(K?.schema ?? null, e.data.conditionFieldKey ?? null), i = Hn(r), a = Gn(r), s = z(i, e.data.conditionOperator ?? null);
+		return /* @__PURE__ */ h("div", {
+			style: x,
+			children: [
+				/* @__PURE__ */ h(p, {
+					color: "text-neutral",
+					variant: "body",
+					children: [
+						"畫布上的這條線目前會顯示「",
+						/* @__PURE__ */ m("span", {
+							style: { color: !e.data.isDefault && !e.data.condition ? Ke : void 0 },
+							children: t ?? "請設定條件"
+						}),
+						"」。"
+					]
+				}),
+				/* @__PURE__ */ m(le, {
+					checked: !!e.data.isDefault,
+					label: "其他情況走這條",
+					onChange: (t) => br(e.id, t.target.checked)
+				}),
+				e.data.isDefault ? /* @__PURE__ */ m(p, {
+					color: "text-neutral",
+					variant: "body",
+					children: "其他條件都不符合時，流程會走這條線。"
+				}) : /* @__PURE__ */ h(ue, { children: [
+					K ? null : /* @__PURE__ */ m(p, {
+						color: "text-neutral",
+						variant: "body",
+						children: "請先綁定表單版本，才能選擇條件欄位。"
+					}),
+					/* @__PURE__ */ m(o, {
+						label: "條件欄位",
+						name: "edgeConditionField",
+						required: !0,
+						children: /* @__PURE__ */ m(f, {
+							clearable: !1,
+							onChange: (t) => xr({
+								edgeId: e.id,
+								fieldKey: t?.id ?? null,
+								operator: null,
+								value: null
+							}),
+							options: [...n],
+							placeholder: "選擇條件欄位",
+							value: z(n, e.data.conditionFieldKey ?? null)
+						})
+					}),
+					/* @__PURE__ */ m(o, {
+						label: "條件判斷",
+						name: "edgeConditionOperator",
+						required: !0,
+						children: /* @__PURE__ */ m(f, {
+							clearable: !1,
+							onChange: (t) => xr({
+								edgeId: e.id,
+								operator: Un(t?.id ?? null),
+								value: null
+							}),
+							options: [...i],
+							placeholder: "選擇判斷方式",
+							value: s
+						})
+					}),
+					s && Jn(s.id) ? /* @__PURE__ */ m(o, {
+						label: "條件值",
+						name: "edgeConditionValue",
+						required: !0,
+						children: a.length > 0 ? /* @__PURE__ */ m(f, {
+							clearable: !1,
+							onChange: (t) => xr({
+								edgeId: e.id,
+								value: t?.id ?? null
+							}),
+							options: [...a],
+							placeholder: "選擇條件值",
+							value: z(a, e.data.conditionValue ?? null)
+						}) : /* @__PURE__ */ m(re, {
+							onChange: (t) => xr({
+								edgeId: e.id,
+								value: t.target.value
+							}),
+							placeholder: "輸入要比對的值",
+							value: e.data.conditionValue ?? "",
+							variant: "base"
+						})
+					}) : null
+				] })
+			]
+		});
+	}
+}
+function xt({ onApplyAutoLayout: e }) {
+	function t() {
+		e();
+	}
+	return /* @__PURE__ */ m(_, {
+		position: "top-right",
+		children: /* @__PURE__ */ m(d, {
+			icon: fe,
+			iconType: "leading",
+			onClick: t,
+			size: "sub",
+			variant: "base-secondary",
+			children: "自動排版"
+		})
+	});
+}
+function N({ data: e, selected: t, type: n }) {
+	let r = e.approverLines ?? [e.approverSummary ?? e.label], i = St(e);
+	return /* @__PURE__ */ h("div", {
+		style: Ct(n, t),
+		children: [
+			P(e),
+			/* @__PURE__ */ m("div", {
+				style: ot,
+				children: r.map((e, t) => /* @__PURE__ */ m(p, {
+					component: "span",
+					ellipsis: !0,
+					style: at,
+					title: e,
+					variant: "label-primary",
+					children: e
+				}, `${e}_${t}`))
+			}),
+			/* @__PURE__ */ m(p, {
+				color: "text-neutral",
+				component: "span",
+				ellipsis: !0,
+				style: at,
+				title: i,
+				variant: "caption",
+				children: i
+			})
+		]
+	});
+}
+function St(e) {
+	return e.nodeKind === "startEvent" ? e.initiatorPolicySummary ?? "所有人" : e.approverSummary || e.approverLines ? e.label : e.nodeKind === "exclusiveGateway" ? "條件在線上" : e.nodeKind === "parallelGateway" ? "多條路徑同時進行" : st[e.nodeKind];
+}
+function Ct(e, t) {
+	let n = wt(e);
+	return t ? {
+		...n,
+		border: "1px solid var(--mzn-color-primary, #0057ff)",
+		boxShadow: et
+	} : n;
+}
+function wt(e) {
+	return e === "exclusiveGateway" ? nt : e === "parallelGateway" ? O : e === "startEvent" ? k : e === "endEvent" ? it : e === "userTask" ? rt : S;
+}
+function P(e) {
+	return !e.hasInput && e.hasOutput ? /* @__PURE__ */ m(g, {
+		id: j,
+		position: v.Right,
+		type: "source"
+	}) : e.hasInput && !e.hasOutput ? /* @__PURE__ */ m(g, {
+		id: A,
+		position: v.Left,
+		type: "target"
+	}) : !e.hasInput && !e.hasOutput ? null : [/* @__PURE__ */ m(g, {
+		id: A,
+		position: v.Left,
+		type: "target"
+	}, "target"), /* @__PURE__ */ m(g, {
+		id: j,
+		position: v.Right,
+		type: "source"
+	}, "source")];
+}
+function Tt(e, t, n, r, i, a) {
+	let o = F(e);
+	return {
+		data: {
+			approverLines: Pn(e, t),
+			approverSummary: Mn(e, t, n, r),
+			hasInput: B(e),
+			hasOutput: V(e),
+			initiatorPolicySummary: e.type === "startEvent" ? nn(a, n, r) : null,
+			label: e.data.label,
+			nodeKind: e.type
+		},
+		height: o.height,
+		handles: I(e),
+		id: e.id,
+		initialHeight: o.height,
+		initialWidth: o.width,
+		position: e.position,
+		selected: i,
+		sourcePosition: v.Right,
+		targetPosition: v.Left,
+		type: e.type,
+		width: o.width
+	};
+}
+function F(e) {
+	return e.type === "exclusiveGateway" || e.type === "parallelGateway" ? {
+		height: T,
+		width: E
+	} : e.type === "serviceTask" ? {
+		height: tt + (Math.max(1, tr(e.data.action).length) - 1) * w,
+		width: C
+	} : {
+		height: tt,
+		width: C
+	};
+}
+function I(e) {
+	let t = F(e);
+	return [...B(e) ? [Et(t)] : [], ...V(e) ? [L(t)] : []];
+}
+function Et({ height: e }) {
+	let t = e / 2 - 9 / 2;
+	return {
+		height: 9,
+		id: A,
+		position: v.Left,
+		type: "target",
+		width: 9,
+		x: -9 / 2,
+		y: t
+	};
+}
+function L({ height: e, width: t }) {
+	let n = e / 2 - 9 / 2;
+	return {
+		height: 9,
+		id: j,
+		position: v.Right,
+		type: "source",
+		width: 9,
+		x: t - 9 / 2,
+		y: n
+	};
+}
+function Dt(e, t, n) {
+	let r = $n(e, t), i = X(e, t), a = i && !e.data.isDefault && !e.data.condition, o = a ? Ke : i ? Ge : "#475569", s = a ? "#fef2f2" : i ? "#eff6ff" : "#ffffff", c = a ? Ke : i ? Ge : b;
+	return {
+		className: n ? "workflow-edge--selected" : void 0,
+		data: e.data,
+		id: e.id,
+		label: r,
+		labelBgBorderRadius: 6,
+		labelBgPadding: [8, 4],
+		labelBgStyle: {
+			fill: s,
+			stroke: c,
+			strokeWidth: 1
+		},
+		labelShowBg: !!r,
+		labelStyle: {
+			fill: o,
+			fontSize: 12,
+			fontWeight: 600
+		},
+		selected: n,
+		source: e.source,
+		sourceHandle: e.sourceHandle,
+		style: {
+			filter: n ? qe : void 0,
+			opacity: 1,
+			stroke: b,
+			strokeOpacity: 1,
+			strokeWidth: 1.5
+		},
+		target: e.target,
+		targetHandle: e.targetHandle,
+		type: e.type ?? "smoothstep"
+	};
+}
+function Ot(e, t) {
+	return e.type === "startEvent" || e.type === "endEvent" || e.type === "userTask" || e.type === "serviceTask" || e.type, {
+		...e,
+		data: {
+			...e.data,
+			label: t
+		}
+	};
+}
+function kt(e, t) {
+	return e.type === "startEvent" ? e : (e.type === "endEvent" || e.type === "userTask" || e.type === "serviceTask" || e.type, {
+		...e,
+		data: {
+			...e.data,
+			triggerMode: t
+		}
+	});
+}
+function At(e) {
+	return Mt(jt(e));
+}
+function jt(e) {
+	let t = new Set(e.nodes.filter((e) => cn(e)).map((e) => e.id)), n = e.edges.filter((e) => !t.has(e.source));
+	return n.length === e.edges.length ? e : {
+		...e,
+		edges: n
+	};
+}
+function Mt(e) {
+	let t = e.edges.reduce((e, t) => ({
+		...e,
+		[t.target]: (e[t.target] ?? 0) + 1
+	}), {}), n = e.nodes.map((e) => e.type === "startEvent" ? e : (t[e.id] ?? 0) < 2 && e.data.triggerMode !== "AND" ? kt(e, "AND") : e);
+	return n.some((t, n) => t !== e.nodes[n]) ? {
+		...e,
+		nodes: n
+	} : e;
+}
+function Nt(e, t) {
+	let n = {
+		id: `${e}_${t}`,
+		position: {
+			x: 260 + t * 48,
+			y: 120 + t * 42
+		}
+	};
+	return e === "userTask" ? {
+		...n,
+		data: {
+			allowAddSigner: !1,
+			allowReject: !0,
+			allowTransfer: !0,
+			approverResolver: {
+				memberIds: ["member-001"],
+				type: "DIRECT"
+			},
+			decisionPolicy: { type: "SINGLE" },
+			label: `簽核節點 ${t}`,
+			returnBehavior: {
+				allowReturn: !0,
+				allowedTargets: "INITIATOR",
+				resubmitStrategy: "RESTART"
+			},
+			triggerMode: "AND"
+		},
+		type: e
+	} : e === "serviceTask" ? {
+		...n,
+		data: {
+			action: {
+				channels: ["IN_APP"],
+				recipients: {
+					memberIds: ["member-001"],
+					type: "DIRECT"
+				},
+				type: "NOTIFY"
+			},
+			label: `知會節點 ${t}`,
+			triggerMode: "AND"
+		},
+		type: e
+	} : {
+		...n,
+		data: {
+			direction: "split",
+			label: `條件分流 ${t}`,
+			triggerMode: "AND"
+		},
+		type: e
+	};
+}
+function Pt(e, t) {
+	let n = new Set(e.filter((e) => e.type === t).map((e) => Number(e.id.replace(`${t}_`, ""))).filter((e) => Number.isInteger(e) && e > 0));
+	return Array.from({ length: e.length + 1 }, (e, t) => t + 1).find((e) => !n.has(e)) ?? e.length + 1;
+}
+function Ft({ definition: e, node: t, selectedEdgeId: n, selectedNodeId: r }) {
+	let i = n ? e.edges.find((e) => e.id === n) ?? null : null, a = r ? e.nodes.find((e) => e.id === r) ?? null : null;
+	return i ? It(e, t, i) : a ? Lt(e, t, a) : {
+		definition: {
+			...e,
+			nodes: [...e.nodes, t]
+		},
+		editingEdgeId: null,
+		selectedEdgeIds: [],
+		selectedNodeId: t.id
+	};
+}
+function It(e, t, n) {
+	if (!B(t)) return {
+		definition: e,
+		editingEdgeId: null,
+		selectedEdgeIds: [n.id],
+		selectedNodeId: null
+	};
+	if (!V(t)) {
+		let r = R(n.source, t.id, {});
+		return {
+			definition: {
+				...e,
+				edges: [...e.edges, r],
+				nodes: [...e.nodes, t]
+			},
+			editingEdgeId: null,
+			selectedEdgeIds: [],
+			selectedNodeId: t.id
+		};
+	}
+	let r = R(n.source, t.id, n.data), i = R(t.id, n.target, Rt(t, n)), a = X(i, [...e.nodes, t]);
+	return {
+		definition: {
+			...e,
+			edges: e.edges.flatMap((e) => e.id === n.id ? [r, i] : [e]),
+			nodes: [...e.nodes, t]
+		},
+		editingEdgeId: a ? i.id : null,
+		selectedEdgeIds: a ? [i.id] : [],
+		selectedNodeId: a ? null : t.id
+	};
+}
+function Lt(e, t, n) {
+	if (!V(n)) return {
+		definition: {
+			...e,
+			nodes: [...e.nodes, t]
+		},
+		editingEdgeId: null,
+		selectedEdgeIds: [],
+		selectedNodeId: t.id
+	};
+	let r = e.edges.find((e) => e.source === n.id) ?? null;
+	if (r && V(t)) return It(e, t, r);
+	let i = e.nodes.find((e) => e.type === "endEvent");
+	if (i && n.id !== i.id && V(t)) {
+		let r = R(n.id, t.id, {}), a = R(t.id, i.id, Rt(t, r)), o = X(a, [...e.nodes, t]);
+		return {
+			definition: {
+				...e,
+				edges: [
+					...e.edges,
+					r,
+					a
+				],
+				nodes: [...e.nodes, t]
+			},
+			editingEdgeId: o ? a.id : null,
+			selectedEdgeIds: o ? [a.id] : [],
+			selectedNodeId: o ? null : t.id
+		};
+	}
+	let a = R(n.id, t.id, {});
+	return {
+		definition: {
+			...e,
+			edges: [...e.edges, a],
+			nodes: [...e.nodes, t]
+		},
+		editingEdgeId: null,
+		selectedEdgeIds: [],
+		selectedNodeId: t.id
+	};
+}
+function R(e, t, n) {
+	return {
+		data: n,
+		id: `edge_${e}_${t}_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`,
+		source: e,
+		sourceHandle: j,
+		target: t,
+		targetHandle: A,
+		type: "smoothstep"
+	};
+}
+function Rt(e, t) {
+	return e.type === "exclusiveGateway" ? {
+		isDefault: !0,
+		label: "其他情況"
+	} : {};
+}
+function zt() {
+	return {
+		edges: [],
+		meta: { schemaVersion: 1 },
+		nodes: [{
+			data: { label: "開始" },
+			id: "start",
+			position: {
+				x: 80,
+				y: 160
+			},
+			type: "startEvent"
+		}, {
+			data: {
+				endState: "APPROVED",
+				label: "完成",
+				triggerMode: "AND"
+			},
+			id: "end",
+			position: {
+				x: 560,
+				y: 160
+			},
+			type: "endEvent"
+		}]
+	};
+}
+function Bt(e) {
+	return e.edges.length === 0 && e.nodes.length === 2 && e.nodes.some((e) => e.type === "startEvent") && e.nodes.some((e) => e.type === "endEvent");
+}
+function Vt(e) {
+	let t = new ke.graphlib.Graph();
+	return t.setDefaultEdgeLabel(() => ({})), t.setGraph({
+		rankdir: "LR",
+		ranksep: 120
+	}), e.nodes.forEach((e) => {
+		t.setNode(e.id, F(e));
+	}), e.edges.forEach((e) => {
+		t.setEdge(e.source, e.target);
+	}), ke.layout(t), {
+		...e,
+		nodes: e.nodes.map((e) => {
+			let n = t.node(e.id);
+			return n ? {
+				...e,
+				position: {
+					x: n.x - F(e).width / 2,
+					y: n.y - F(e).height / 2
+				}
+			} : e;
+		})
+	};
+}
+function z(e, t) {
+	return t ? e.find((e) => e.id === t) ?? null : null;
+}
+function Ht(e) {
+	return e === "OR" ? "OR" : "AND";
+}
+function Ut(e) {
+	return e === "FROM_RETURN_POINT" ? "FROM_RETURN_POINT" : "RESTART";
+}
+function Wt(e) {
+	return e === "ORG_MANAGER" || e === "ORG_UNIT_MANAGER" || e === "ORG_UNIT_MEMBER" || e === "ORG_UNIT_POSITION" || e === "POSITION" ? e : "DIRECT";
+}
+function Gt(e) {
+	let t = Wt(e ?? "DIRECT");
+	return t === "ORG_MANAGER" ? {
+		baseFromInitiator: !0,
+		levelsUp: 1,
+		type: "ORG_MANAGER"
+	} : t === "ORG_UNIT_MANAGER" ? {
+		orgUnitId: "",
+		type: "ORG_UNIT_MANAGER"
+	} : t === "ORG_UNIT_MEMBER" ? {
+		includeDescendants: !1,
+		orgUnitId: "",
+		type: "ORG_UNIT_MEMBER"
+	} : t === "ORG_UNIT_POSITION" ? {
+		includeDescendants: !1,
+		orgUnitId: "",
+		positionId: "",
+		type: "ORG_UNIT_POSITION"
+	} : t === "POSITION" ? {
+		positionId: "",
+		type: "POSITION"
+	} : {
+		memberIds: [],
+		type: "DIRECT"
+	};
+}
+function Kt(e) {
+	return e === "DIRECT" ? "DIRECT" : "NONE";
+}
+function qt(e, t) {
+	return e.type === "ORG_MANAGER" || e.type === "ORG_UNIT_MANAGER" ? {
+		...e,
+		fallback: t
+	} : e;
+}
+function Jt(e) {
+	return M.find((t) => t.value === e) ?? M[0];
+}
+function Yt(e) {
+	return M.find((t) => t.id === e) ?? M[0];
+}
+function Xt(e) {
+	return e === "ORG_UNIT" || e === "ORG_UNIT_POSITION" || e === "NONE" ? e : "ALL";
+}
+function Zt(e) {
+	let t = e?.trim();
+	if (!t) return {
+		mode: "ALL",
+		value: ""
+	};
+	let n = en(t, /"([^"]+)" in subject\.orgUnitIds/gu), r = en(t, /"([^"]+)" in subject\.positionIds/gu);
+	return n.length > 0 && r.length > 0 ? {
+		includeDescendants: n.length > 1,
+		mode: "ORG_UNIT_POSITION",
+		orgUnitId: n[0],
+		positionId: r[0],
+		value: n[0] ?? ""
+	} : n.length > 0 ? {
+		includeDescendants: n.length > 1,
+		mode: "ORG_UNIT",
+		orgUnitId: n[0],
+		value: n[0] ?? ""
+	} : {
+		mode: "CUSTOM",
+		value: t
+	};
+}
+function Qt(e, t) {
+	let n = Zt(e);
+	return !t || t === "ALL" || t === "NONE" ? t === "ALL" || t === "NONE" ? {
+		mode: t,
+		value: ""
+	} : n : n.mode === t ? n : rn(t);
+}
+function $t(e) {
+	return e.mode === "NONE" ? "發起權限需要選擇誰可以發起。" : (e.mode === "ORG_UNIT" || e.mode === "ORG_UNIT_POSITION") && !e.orgUnitId?.trim() ? "指定組織發起時，需要選擇組織。" : e.mode === "ORG_UNIT_POSITION" && !e.positionId?.trim() ? "指定組織職位發起時，需要選擇職位。" : null;
+}
+function en(e, t) {
+	return [...e.matchAll(t)].map((e) => e[1]).filter((e) => !!e);
+}
+function tn(e, t) {
+	if (e.mode === "ALL" || e.mode === "NONE") return null;
+	let n = e.orgUnitId?.trim() ?? "";
+	if (!n) return null;
+	let r = kn(t, n, !!e.includeDescendants).map((e) => `${JSON.stringify(e)} in subject.orgUnitIds`).join(" || ");
+	if (e.mode === "ORG_UNIT") return r ? `(${r})` : null;
+	let i = e.positionId?.trim() ?? "";
+	return i && r ? `(${r}) && ${JSON.stringify(i)} in subject.positionIds` : null;
+}
+function nn(e, t, n) {
+	return e.mode === "NONE" ? "未設定" : e.mode === "ORG_UNIT" ? e.orgUnitId ? `組織：${H(t, e.orgUnitId)}` : "指定組織" : e.mode === "ORG_UNIT_POSITION" ? e.orgUnitId && e.positionId ? `組織職位：${H(t, e.orgUnitId)} / ${U(n, e.positionId)}` : "指定組織職位" : e.mode === "CUSTOM" ? "既有自訂規則" : "所有人";
+}
+function rn(e) {
+	return {
+		includeDescendants: !0,
+		mode: e,
+		orgUnitId: "",
+		positionId: "",
+		value: ""
+	};
+}
+function an(e, t) {
+	let n = e.source ? t.find((t) => t.id === e.source) ?? null : null, r = e.target ? t.find((t) => t.id === e.target) ?? null : null;
+	return !!n && !!r && e.source !== e.target && e.sourceHandle === j && e.targetHandle === A && !!(n && V(n)) && !!(r && B(r));
+}
+function on(e, t) {
+	return e.includes(t) ? e.filter((e) => e !== t) : [...e, t];
+}
+function sn(e) {
+	return e.type !== "startEvent" && e.type !== "endEvent";
+}
+function B(e) {
+	return e.type !== "startEvent";
+}
+function V(e) {
+	return e.type !== "endEvent" && !cn(e);
+}
+function cn(e) {
+	return e.type === "serviceTask" && e.data.action.type === "NOTIFY";
+}
+function ln(e) {
+	return e instanceof HTMLElement ? e.isContentEditable || e.tagName === "INPUT" || e.tagName === "TEXTAREA" || e.tagName === "SELECT" || !!e.closest("[contenteditable=\"true\"]") : !1;
+}
+function un(e) {
+	return e.map((e) => ({
+		id: e.id,
+		name: `${e.formName} ｜ v${e.version}`,
+		schema: e.schema
+	}));
+}
+function dn(e) {
+	return (e?.schema.fields ?? []).reduce((e, t) => ({
+		...e,
+		[t.fieldKey]: fn(t)
+	}), {});
+}
+function fn(e) {
+	return e.type === "number" ? 1e3 : e.type === "boolean" ? !0 : e.type === "select" ? e.options[0]?.value ?? "" : e.type === "checkbox" ? e.options[0] ? [e.options[0].value] : [] : e.type === "date" ? "2026-05-08" : e.type === "datetime" ? "2026-05-08T09:00:00+08:00" : e.placeholder ?? e.label;
+}
+function pn(e) {
+	let t = JSON.parse(e);
+	if (!mn(t)) throw Error("表單資料 JSON 必須是物件。");
+	return t;
+}
+function mn(e) {
+	return typeof e == "object" && !!e && !Array.isArray(e);
+}
+function hn(e) {
+	return e === "COMPLETED" ? "完成" : e === "PASSED" ? "通過" : e === "SKIPPED" ? "略過" : e === "STOPPED" ? "已停止" : e === "WAITING" ? "將等待簽核" : e;
+}
+function gn(e) {
+	return e in st ? st[e] : e;
+}
+function _n(e, t) {
+	return t && !e.some((e) => e.id === t.id) ? [t, ...e] : e;
+}
+function vn(e) {
+	return e.map((e) => ({
+		displayName: e.name,
+		email: e.email,
+		id: e.memberId,
+		memberId: e.memberId,
+		name: G(e.name, e.email)
+	}));
+}
+function yn(e) {
+	return {
+		displayName: "未知會員",
+		email: "",
+		id: e,
+		memberId: e,
+		name: "未知會員"
+	};
+}
+function bn(e, t) {
+	return e.find((e) => e.memberId === t) ?? yn(t);
+}
+function xn(e, t) {
+	let n = e[0];
+	return n ? bn(t, n) : null;
+}
+function Sn(e, t) {
+	let r = e.find((e) => e.id === t);
+	return r ? n(r) : null;
+}
+function Cn(e, t) {
+	let n = e.find((e) => e.id === t);
+	return n ? i(n) : null;
+}
+function H(e, t) {
+	return Sn(e, t)?.name ?? "未指定組織";
+}
+function U(e, t) {
+	return Cn(e, t)?.name ?? "未指定職位";
+}
+function wn(e, t) {
+	let n = Tn(), r = t.filter((t) => t.memberId === e && En(t, n)), i = r.reduce((e, t) => e && W(e, t) <= 0 ? e : t, null);
+	return {
+		customFields: {},
+		managerMemberId: "member-002",
+		memberId: e,
+		orgCode: "HQ",
+		orgUnitIds: Dn(r.map((e) => e.orgUnitId)),
+		positionId: i?.positionId ?? null,
+		positionIds: Dn(r.map((e) => e.positionId)),
+		primaryOrgUnitId: i?.orgUnitId ?? null,
+		roles: ["manager"]
+	};
+}
+function Tn() {
+	return (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
+}
+function En(e, t) {
+	return e.effectiveFrom <= t && (!e.effectiveTo || e.effectiveTo >= t);
+}
+function W(e, t) {
+	return e.isPrimary === t.isPrimary ? t.effectiveFrom.localeCompare(e.effectiveFrom) : e.isPrimary ? -1 : 1;
+}
+function Dn(e) {
+	return e.reduce((e, t) => t && !e.includes(t) ? [...e, t] : e, []);
+}
+function On({ includeDescendants: e, memberships: t, orgUnitId: n, orgUnits: r, positions: i }) {
+	let a = new Set(kn(r, n, e)), o = new Set(t.filter((e) => a.has(e.orgUnitId)).map((e) => e.positionId).filter((e) => !!e));
+	return i.filter((e) => o.has(e.id));
+}
+function kn(e, t, n) {
+	let r = e.find((e) => e.id === t);
+	return r ? n ? e.filter((e) => e.id === r.id || e.path.startsWith(`${r.path}.`)).map((e) => e.id) : [r.id] : t.trim() ? [t] : [];
+}
+function An(e, t) {
+	let n = new Set(e.map((e) => e.memberId)), r = t.filter((e) => !n.has(e.memberId));
+	return [...e, ...r];
+}
+function jn(e) {
+	return [...new Set(e.nodes.flatMap((e) => e.type === "userTask" ? e.data.approverResolver.type === "DIRECT" ? e.data.approverResolver.memberIds : [] : e.type === "serviceTask" ? tr(e.data.action) : []))];
+}
+function Mn(e, t, n, r) {
+	return e.type === "userTask" ? Nn(e.data.approverResolver, t, n, r) : null;
+}
+function Nn(e, t, n, r) {
+	return e.type === "DIRECT" ? Fn(e.memberIds, t, "未指定簽核者") : e.type === "ORG_MANAGER" ? Jt(e.levelsUp).name : e.type === "ORG_UNIT_MANAGER" ? `組織主管：${H(n, e.orgUnitId)}` : e.type === "ORG_UNIT_MEMBER" ? `組織任一人：${H(n, e.orgUnitId)}` : e.type === "ORG_UNIT_POSITION" ? `組織職位：${H(n, e.orgUnitId)} / ${U(r, e.positionId)}` : e.type === "POSITION" ? `職位：${U(r, e.positionId)}` : e.type === "DYNAMIC_FORM" ? `表單欄位：${e.formPath || "未設定"}` : "自訂表達式";
+}
+function Pn(e, t) {
+	if (e.type !== "serviceTask") return null;
+	let n = tr(e.data.action);
+	return n.length === 0 ? ["未指定知會對象"] : n.map((e) => bn(t, e).name);
+}
+function Fn(e, t, n) {
+	let r = e.map((e) => bn(t, e).name);
+	return r.length === 0 ? n : r.length <= 2 ? r.join("、") : `${r.slice(0, 2).join("、")} 等 ${r.length} 人`;
+}
+function G(e, t) {
+	return `${e} (${t})`;
+}
+function In(e, t) {
+	let n = t?.getBoundingClientRect();
+	if (!n || e.nodes.length === 0) return null;
+	let r = e.nodes.reduce((e, t) => {
+		let n = F(t);
+		return {
+			maxX: Math.max(e.maxX, t.position.x + n.width),
+			maxY: Math.max(e.maxY, t.position.y + n.height),
+			minX: Math.min(e.minX, t.position.x),
+			minY: Math.min(e.minY, t.position.y)
+		};
+	}, {
+		maxX: -Infinity,
+		maxY: -Infinity,
+		minX: Infinity,
+		minY: Infinity
+	});
+	return Oe({
+		height: r.maxY - r.minY,
+		width: r.maxX - r.minX,
+		x: r.minX,
+		y: r.minY
+	}, n.width, n.height, .1, 1, .2);
+}
+function Ln(e) {
+	let t = e.nodes.find((e) => e.type === "userTask" && !!Rn(e.data.approverResolver)), n = e.nodes.find((e) => e.type === "serviceTask" && e.data.action.type === "NOTIFY" && tr(e.data.action).length === 0), r = e.edges.find((t) => X(t, e.nodes) && !t.data.isDefault && !t.data.condition);
+	return t && t.type === "userTask" ? Rn(t.data.approverResolver) : n ? "知會節點需要至少一位知會對象。" : r ? "條件分流的每條輸出連線都需要先設定條件。" : null;
+}
+function Rn(e) {
+	return e.type === "DIRECT" && e.memberIds.length === 0 ? "簽核節點需要指定簽核會員。" : e.type === "ORG_MANAGER" && e.levelsUp < 1 ? "簽核節點需要指定有效的主管層級。" : e.type === "ORG_UNIT_MANAGER" && !e.orgUnitId.trim() || e.type === "ORG_UNIT_MEMBER" && !e.orgUnitId.trim() ? "簽核節點需要指定組織。" : e.type === "ORG_UNIT_POSITION" && (!e.orgUnitId.trim() || !e.positionId.trim()) ? "簽核節點需要指定組織與職位。" : (e.type === "ORG_MANAGER" || e.type === "ORG_UNIT_MANAGER") && e.fallback?.type === "DIRECT" && !e.fallback.memberId.trim() ? "簽核節點需要指定改派固定人。" : e.type === "POSITION" && !e.positionId.trim() ? "簽核節點需要指定職位。" : null;
+}
+function zn(e) {
+	return e.edges.some((t) => X(t, e.nodes) && !!(t.data.condition || t.data.conditionFieldKey || t.data.conditionOperator || t.data.conditionValue));
+}
+function Bn(e) {
+	return e?.fields.map((e) => ({
+		fieldType: e.type,
+		id: e.fieldKey,
+		name: `${e.label} (${e.fieldKey})`
+	})) ?? [];
+}
+function Vn(e, t) {
+	return t ? e?.fields.find((e) => e.fieldKey === t) ?? null : null;
+}
+function Hn(e) {
+	if (!e) return [];
+	let t = Wn(e);
+	return mt.filter((e) => t.includes(e.id));
+}
+function Un(e) {
+	return mt.some((t) => t.id === e) ? e : null;
+}
+function Wn(e) {
+	return e.type === "file_upload" ? ["IS_FILLED", "IS_EMPTY"] : e.type === "boolean" ? [
+		"EQUALS",
+		"NOT_EQUALS",
+		"IS_FILLED",
+		"IS_EMPTY"
+	] : e.type === "date" || e.type === "datetime" || e.type === "money" || e.type === "number" ? [
+		"EQUALS",
+		"NOT_EQUALS",
+		"GREATER_THAN",
+		"GREATER_THAN_OR_EQUALS",
+		"LESS_THAN",
+		"LESS_THAN_OR_EQUALS",
+		"IS_FILLED",
+		"IS_EMPTY"
+	] : [
+		"EQUALS",
+		"NOT_EQUALS",
+		"IS_FILLED",
+		"IS_EMPTY"
+	];
+}
+function Gn(e) {
+	return e ? e.type === "boolean" ? [{
+		id: "true",
+		name: "是"
+	}, {
+		id: "false",
+		name: "否"
+	}] : e.type === "checkbox" || e.type === "radio" || e.type === "select" ? e.options.map((e) => ({
+		id: e.value,
+		name: e.label
+	})) : [] : [];
+}
+function Kn(e, t) {
+	if (!e) return;
+	let n = Wn(e);
+	return t && n.includes(t) ? t : n[0];
+}
+function qn(e, t, n) {
+	if (!e || !t || !Jn(t)) return;
+	let r = Gn(e);
+	return r.length === 0 || r.some((e) => e.id === n) ? n ?? void 0 : r[0]?.id;
+}
+function Jn(e) {
+	return ht.includes(e);
+}
+function Yn(e, t, n) {
+	if (!e || !t) return;
+	let r = K(t);
+	if (!Jn(t)) return `${e.label} ${r}`;
+	if (n) return `${e.label} ${r} ${Xn(e, n)}`;
+}
+function K(e) {
+	return mt.find((t) => t.id === e)?.name ?? e;
+}
+function Xn(e, t) {
+	return e.type === "boolean" ? t === "true" ? "是" : "否" : e.type === "checkbox" || e.type === "radio" || e.type === "select" ? q(e.options, t)?.label ?? t : t;
+}
+function q(e, t) {
+	return e.find((e) => e.value === t) ?? null;
+}
+function Zn(e, t, n) {
+	if (!e || !t) return;
+	let r = J(e.fieldKey);
+	if (t === "IS_FILLED") return `${r} != null && ${r} != ""`;
+	if (t === "IS_EMPTY") return `${r} == null || ${r} == ""`;
+	if (n) return `${r} ${Y(t)} ${Qn(e, n)}`;
+}
+function J(e) {
+	return /^[A-Za-z_][A-Za-z0-9_]*$/u.test(e) ? `form.${e}` : `form[${JSON.stringify(e)}]`;
+}
+function Y(e) {
+	return e === "EQUALS" ? "==" : e === "NOT_EQUALS" ? "!=" : e === "GREATER_THAN" ? ">" : e === "GREATER_THAN_OR_EQUALS" ? ">=" : e === "LESS_THAN" ? "<" : "<=";
+}
+function Qn(e, t) {
+	return e.type === "boolean" ? t === "true" ? "true" : "false" : (e.type === "money" || e.type === "number") && Number.isFinite(Number(t)) ? t : JSON.stringify(t);
+}
+function $n(e, t) {
+	if (e.data.label) return e.data.label;
+	if (X(e, t)) return er(e);
+	if (Z(e, t)) return "同時進行";
+}
+function er(e) {
+	return e.data.isDefault ? "其他情況" : "請設定條件";
+}
+function X(e, t) {
+	return t.some((t) => t.id === e.source && t.type === "exclusiveGateway");
+}
+function Z(e, t) {
+	return t.some((t) => t.id === e.source && t.type === "parallelGateway");
+}
+function tr(e) {
+	return e.type === "NOTIFY" && e.recipients.type === "DIRECT" ? e.recipients.memberIds : [];
+}
+function Q(e) {
+	return e instanceof Error ? e.message : "發生未知錯誤";
+}
+//#endregion
+export { bt as TemplateDesignerView };
+
+//# sourceMappingURL=index.js.map