@rytass/bpm-core-react 0.2.0

package/dist/chunks/AdminOrgsView-DZaVAbaQ.js

@@ -0,0 +1,1945 @@
+"use client";
+import { t as e } from "./app-navigation-CATITRM7.js";
+import { a as t, i as n, n as r, o as i, r as a, t as o } from "./admin-pickers-DLlG_1du.js";
+import { t as s } from "./bpm-form-field-Cao0rMol.js";
+import { forwardRef as c, useCallback as l, useEffect as u, useImperativeHandle as d, useMemo as f, useRef as p, useState as m } from "react";
+import { AutoComplete as h, Button as g, DatePicker as _, Filter as v, FilterArea as y, FilterLine as b, FormField as x, Input as S, Layout as C, Modal as w, PageHeader as T, Section as E, SectionGroup as D, Select as O, Tab as k, TabItem as A, Table as j, Typography as M } from "@mezzanine-ui/react";
+import { resolveMembers as N } from "@rytass/bpm-core-client";
+import { Fragment as P, jsx as F, jsxs as I } from "react/jsx-runtime";
+import { CloseIcon as ee, EditIcon as te, PlusIcon as L, SaveIcon as ne } from "@mezzanine-ui/icons";
+import re from "@mezzanine-ui/react/ContentHeader";
+import { FormFieldLayout as R } from "@mezzanine-ui/core/form";
+import { Background as ie, ConnectionMode as ae, Controls as oe, Handle as se, MiniMap as ce, Position as le, ReactFlow as ue, applyNodeChanges as de } from "@xyflow/react";
+import * as fe from "dagre";
+import { commitOrgUnitTreeDraft as pe, createManagerResolution as me, createMembership as he, createOrgUnit as ge, createPosition as _e, deleteManagerResolution as ve, deleteMembership as ye, deleteOrgUnit as be, readOrganizationDashboard as xe, updateManagerResolution as Se, updateMembership as Ce, updateOrgUnit as we, updatePosition as Te } from "@rytass/bpm-core-client/organization";
+import '../AdminOrgsView.css';//#region src/lib/org-tree-draft.ts
+function Ee(e) {
+	return new Map(e.map((e) => [e.id, e.parentId]));
+}
+function De({ orgUnitId: e, parentDraft: t, parentId: n }) {
+	let r = n === e ? e : n, i = ke({
+		orgUnitId: e,
+		parentDraft: t,
+		parentId: r
+	});
+	if (i) return {
+		message: i,
+		parentDraft: t,
+		status: "INVALID"
+	};
+	if ((t.get(e) ?? null) === r) return {
+		message: "父子關係沒有變更。",
+		parentDraft: t,
+		status: "UNCHANGED"
+	};
+	let a = new Map(t);
+	return a.set(e, r), {
+		message: r ? "已暫存新的上層組織。" : "已暫存為根節點。",
+		parentDraft: a,
+		status: "UPDATED"
+	};
+}
+function Oe({ orgUnits: e, parentDraft: t }) {
+	return e.map((e) => {
+		let n = t.get(e.id) ?? null;
+		return n === e.parentId ? null : {
+			orgUnitId: e.id,
+			parentId: n,
+			previousParentId: e.parentId
+		};
+	}).filter((e) => !!e);
+}
+function ke({ orgUnitId: e, parentDraft: t, parentId: n }) {
+	return t.has(e) ? n ? t.has(n) ? n === e ? "組織不可成為自己的上層。" : Ae({
+		orgUnitId: e,
+		parentDraft: t,
+		parentId: n
+	}) ? "不可搬移到自己的下層組織。" : null : "找不到新的上層組織。" : null : "找不到要搬移的組織節點。";
+}
+function Ae({ orgUnitId: e, parentDraft: t, parentId: n }) {
+	let r = /* @__PURE__ */ new Set(), i = n;
+	for (; i;) {
+		if (i === e || r.has(i)) return !0;
+		r.add(i), i = t.get(i) ?? null;
+	}
+	return !1;
+}
+var z = {
+	orgTreeEditor: "bpm_orgTreeEditor_TMOtD",
+	orgTreeSummary: "bpm_orgTreeSummary_vpcV8",
+	orgTreeChangeList: "bpm_orgTreeChangeList_EzmOv",
+	orgTreeCanvas: "bpm_orgTreeCanvas_MeD7y",
+	orgTreeNode: "bpm_orgTreeNode_bN4FS",
+	orgTreeNodeRoot: "bpm_orgTreeNodeRoot_Hr2KD",
+	orgTreeNodeSelected: "bpm_orgTreeNodeSelected_eRwtL",
+	orgTreeNodeChanged: "bpm_orgTreeNodeChanged_qPJg0",
+	orgTreeNodeDeleted: "bpm_orgTreeNodeDeleted_Ab0cI",
+	orgTreeNodeHeader: "bpm_orgTreeNodeHeader_LEXl-",
+	orgTreeNodeBadge: "bpm_orgTreeNodeBadge_zLc7t",
+	orgTreeNodeActions: "bpm_orgTreeNodeActions_cMldI"
+}, B = "__org-tree-root__", V = 232, je = 118, Me = 232, Ne = 86, Pe = 320, Fe = {
+	COMPANY: "公司",
+	DEPARTMENT: "部門",
+	DIVISION: "事業群",
+	TEAM: "小組"
+}, Ie = { orgUnit: Re }, Le = c(function({ onCreateChild: e, onCreateRoot: t, onEditOrgUnit: n, onSaveDraft: r, onStateChange: i, orgUnits: a }, o) {
+	let [s, c] = m(!1), [p, h] = m(null), [g, _] = m(null), [v, y] = m(() => Ee(a)), [b, x] = m([]), S = f(() => new Map(a.map((e) => [e.id, e])), [a]), C = f(() => Oe({
+		orgUnits: a,
+		parentDraft: v
+	}), [a, v]), w = f(() => ze({
+		isEditing: s,
+		onCreateChild: (n) => {
+			n ? e(n) : t();
+		},
+		onEditOrgUnit: (e) => {
+			let t = S.get(e);
+			t && n(t);
+		},
+		orgUnits: a,
+		orgUnitsById: S,
+		parentDraft: v,
+		selectedOrgUnitId: g
+	}), [
+		s,
+		e,
+		t,
+		n,
+		a,
+		S,
+		v,
+		g
+	]), T = C.length > 0;
+	d(o, () => ({
+		cancelEditing: j,
+		saveDraft: N,
+		startEditing: A
+	})), u(() => {
+		i({
+			hasDraftChanges: T,
+			isEditing: s
+		});
+	}, [
+		T,
+		s,
+		i
+	]), u(() => {
+		y(Ee(a)), _(null), h(null), c(!1);
+	}, [a]), u(() => {
+		x(w.nodes);
+	}, [w.nodes]);
+	let E = l((e, t) => {
+		y((n) => {
+			let r = De({
+				orgUnitId: e,
+				parentDraft: n,
+				parentId: t
+			});
+			return h(r.message), r.parentDraft;
+		});
+	}, []), D = l((e) => {
+		if (!s || !e.target || !e.source) return;
+		let t = e.source === B ? null : e.source;
+		if (e.target === B) {
+			h("根節點不能搬移到其他節點下。");
+			return;
+		}
+		E(e.target, t);
+	}, [E, s]), O = l((e) => {
+		s && x((t) => de(e, [...t]));
+	}, [s]), k = l((e, t, n) => {
+		if (!s || t.id === B) return;
+		let r = Ve(e, t.id) ?? H(t, n);
+		if (r === void 0) {
+			h("拖曳到目標父節點附近，或從父節點拉線到子節點。");
+			return;
+		}
+		E(t.id, r === B ? null : r);
+	}, [E, s]);
+	function A() {
+		c(!0), y(Ee(a)), h("已進入編輯模式，拖曳節點或拉線只會更新前端草稿。");
+	}
+	function j() {
+		c(!1), y(Ee(a)), h("已取消草稿變更。");
+	}
+	async function N() {
+		if (!r) {
+			h("批次儲存 API 尚未接上，草稿仍保留在前端。");
+			return;
+		}
+		await r(C), c(!1), h("組織樹草稿已儲存。");
+	}
+	return /* @__PURE__ */ I("div", {
+		className: z.orgTreeEditor,
+		children: [/* @__PURE__ */ I("div", {
+			className: z.orgTreeSummary,
+			children: [/* @__PURE__ */ F(M, {
+				color: "text-neutral",
+				variant: "caption",
+				children: p ?? (T ? `目前有 ${C.length} 筆父子關係草稿變更。` : "目前沒有草稿變更。")
+			}), T ? /* @__PURE__ */ F("ul", {
+				className: z.orgTreeChangeList,
+				children: C.map((e) => /* @__PURE__ */ I("li", { children: [
+					U(e.orgUnitId, S),
+					"：",
+					U(e.previousParentId, S),
+					" -> ",
+					U(e.parentId, S)
+				] }, e.orgUnitId))
+			}) : null]
+		}), /* @__PURE__ */ F("div", {
+			className: z.orgTreeCanvas,
+			children: /* @__PURE__ */ I(ue, {
+				connectionMode: ae.Strict,
+				edges: [...w.edges],
+				fitView: !0,
+				fitViewOptions: { padding: .18 },
+				isValidConnection: (e) => Ke({
+					source: e.source,
+					target: e.target
+				}, v),
+				maxZoom: 1.4,
+				minZoom: .25,
+				nodeTypes: Ie,
+				nodes: [...b],
+				nodesConnectable: s,
+				nodesDraggable: s,
+				onConnect: D,
+				onNodeClick: (e, t) => {
+					_(t.id === B ? null : t.id);
+				},
+				onNodeDoubleClick: (e, t) => {
+					if (t.id !== B) {
+						let e = S.get(t.id);
+						e && n(e);
+					}
+				},
+				onNodeDragStop: k,
+				onNodesChange: O,
+				onPaneClick: () => _(null),
+				panOnDrag: !0,
+				proOptions: { hideAttribution: !0 },
+				children: [
+					/* @__PURE__ */ F(ie, {}),
+					/* @__PURE__ */ F(oe, {}),
+					/* @__PURE__ */ F(ce, {
+						pannable: !0,
+						zoomable: !0
+					})
+				]
+			})
+		})]
+	});
+});
+function Re({ data: e, selected: t }) {
+	return /* @__PURE__ */ I("div", {
+		className: [
+			z.orgTreeNode,
+			e.isSyntheticRoot ? z.orgTreeNodeRoot : "",
+			e.changed ? z.orgTreeNodeChanged : "",
+			e.deleted ? z.orgTreeNodeDeleted : "",
+			t ? z.orgTreeNodeSelected : ""
+		].filter(Boolean).join(" "),
+		children: [
+			e.isSyntheticRoot ? null : /* @__PURE__ */ F(se, {
+				id: "target",
+				isConnectable: e.isEditing,
+				position: le.Top,
+				type: "target"
+			}),
+			/* @__PURE__ */ F(se, {
+				id: "source",
+				isConnectable: e.isEditing,
+				position: le.Bottom,
+				type: "source"
+			}),
+			/* @__PURE__ */ I("div", {
+				className: z.orgTreeNodeHeader,
+				children: [/* @__PURE__ */ F(M, {
+					component: "span",
+					ellipsis: !0,
+					title: e.name,
+					variant: "label-primary",
+					children: e.name
+				}), e.changed ? /* @__PURE__ */ F("span", {
+					className: z.orgTreeNodeBadge,
+					children: "草稿"
+				}) : null]
+			}),
+			/* @__PURE__ */ F(M, {
+				color: "text-neutral",
+				component: "span",
+				ellipsis: !0,
+				title: e.code,
+				variant: "caption",
+				children: e.isSyntheticRoot ? "根節點容器" : `${e.typeLabel} · ${e.code}`
+			}),
+			e.isSyntheticRoot ? null : /* @__PURE__ */ I(M, {
+				color: "text-neutral",
+				component: "span",
+				ellipsis: !0,
+				title: e.parentLabel,
+				variant: "caption",
+				children: ["上層：", e.parentLabel]
+			}),
+			/* @__PURE__ */ F("div", {
+				className: z.orgTreeNodeActions,
+				children: e.isSyntheticRoot ? /* @__PURE__ */ F(g, {
+					icon: L,
+					iconType: "leading",
+					onClick: () => e.onCreateChild(null),
+					size: "sub",
+					variant: "base-secondary",
+					children: "新增根節點"
+				}) : /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(g, {
+					icon: te,
+					iconType: "leading",
+					onClick: () => {
+						e.orgUnitId && e.onEdit(e.orgUnitId);
+					},
+					size: "sub",
+					variant: "base-secondary",
+					children: "編輯"
+				}), /* @__PURE__ */ F(g, {
+					icon: L,
+					iconType: "leading",
+					onClick: () => e.onCreateChild(e.orgUnitId),
+					size: "sub",
+					variant: "base-secondary",
+					children: "新增子節點"
+				})] })
+			})
+		]
+	});
+}
+function ze({ isEditing: e, onCreateChild: t, onEditOrgUnit: n, orgUnits: r, orgUnitsById: i, parentDraft: a, selectedOrgUnitId: o }) {
+	let s = new fe.graphlib.Graph();
+	s.setDefaultEdgeLabel(() => ({})), s.setGraph({
+		marginx: 36,
+		marginy: 36,
+		nodesep: 44,
+		rankdir: "TB"
+	}), s.setNode(B, {
+		height: Ne,
+		width: Me
+	}), r.forEach((e) => {
+		s.setNode(e.id, {
+			height: je,
+			width: V
+		});
+	}), r.forEach((e) => {
+		let t = a.get(e.id) ?? null;
+		s.setEdge(t ?? B, e.id);
+	}), fe.layout(s);
+	let c = Be({
+		data: {
+			changed: !1,
+			code: B,
+			deleted: !1,
+			isEditing: e,
+			isSyntheticRoot: !0,
+			name: "組織根節點",
+			onCreateChild: t,
+			onEdit: n,
+			orgUnitId: null,
+			parentLabel: "",
+			path: "",
+			typeLabel: ""
+		},
+		graph: s,
+		height: Ne,
+		id: B,
+		selected: o === null,
+		width: Me
+	}), l = r.map((r) => {
+		let c = a.get(r.id) ?? null, l = U(c, i);
+		return Be({
+			data: {
+				changed: c !== r.parentId,
+				code: r.code,
+				deleted: !!r.deletedAt,
+				isEditing: e,
+				isSyntheticRoot: !1,
+				name: r.name,
+				onCreateChild: t,
+				onEdit: n,
+				orgUnitId: r.id,
+				parentLabel: l,
+				path: r.path,
+				typeLabel: qe(r.type)
+			},
+			graph: s,
+			height: je,
+			id: r.id,
+			selected: o === r.id,
+			width: V
+		});
+	});
+	return {
+		edges: r.map((t) => {
+			let n = a.get(t.id) ?? null, r = n !== t.parentId;
+			return {
+				animated: e && r,
+				data: {},
+				id: `org-tree-edge-${n ?? "root"}-${t.id}`,
+				source: n ?? B,
+				sourceHandle: "source",
+				style: r ? {
+					stroke: "var(--mzn-color-primary, #0057ff)",
+					strokeWidth: 2
+				} : void 0,
+				target: t.id,
+				targetHandle: "target",
+				type: "smoothstep"
+			};
+		}),
+		nodes: [c, ...l]
+	};
+}
+function Be({ data: e, graph: t, height: n, id: r, selected: i, width: a }) {
+	let o = t.node(r);
+	return {
+		data: e,
+		height: n,
+		id: r,
+		initialHeight: n,
+		initialWidth: a,
+		position: o ? {
+			x: o.x - a / 2,
+			y: o.y - n / 2
+		} : {
+			x: 0,
+			y: 0
+		},
+		selected: i,
+		sourcePosition: le.Bottom,
+		targetPosition: le.Top,
+		type: "orgUnit",
+		width: a
+	};
+}
+function H(e, t) {
+	let n = We(e);
+	return t.filter((t) => t.id !== e.id).map((e) => ({
+		distance: Ge(n, We(e)),
+		id: e.id
+	})).filter((e) => e.distance <= Pe).sort((e, t) => e.distance - t.distance)[0]?.id;
+}
+function Ve(e, t) {
+	let n = He(e);
+	if (n) return Array.from(document.querySelectorAll(".react-flow__node[data-id]")).map((e) => {
+		let r = e.dataset.id;
+		if (!r || r === t) return null;
+		let i = e.getBoundingClientRect();
+		return {
+			distance: Ge(n, {
+				x: i.left + i.width / 2,
+				y: i.top + i.height / 2
+			}),
+			id: r
+		};
+	}).filter((e) => !!e).filter((e) => e.distance <= Pe).sort((e, t) => e.distance - t.distance)[0]?.id;
+}
+function He(e) {
+	return Ue(e) ? {
+		x: e.clientX,
+		y: e.clientY
+	} : null;
+}
+function Ue(e) {
+	return typeof e == "object" && !!e && "clientX" in e && "clientY" in e && typeof e.clientX == "number" && typeof e.clientY == "number";
+}
+function We(e) {
+	return {
+		x: e.position.x + (e.width ?? V) / 2,
+		y: e.position.y + (e.height ?? je) / 2
+	};
+}
+function Ge(e, t) {
+	return Math.hypot(e.x - t.x, e.y - t.y);
+}
+function Ke(e, t) {
+	return !e.source || !e.target || e.target === B ? !1 : ke({
+		orgUnitId: e.target,
+		parentDraft: t,
+		parentId: e.source === B ? null : e.source
+	}) === null;
+}
+function U(e, t) {
+	if (!e) return "根節點";
+	let n = t.get(e);
+	return n ? `${n.name} · ${n.code}` : "未知組織";
+}
+function qe(e) {
+	return Fe[e.toUpperCase()] ?? "未知類型";
+}
+var W = {
+	tableIntroActions: "bpm_tableIntroActions_WO4XU",
+	modalFields: "bpm_modalFields_juyv6",
+	tableIntro: "bpm_tableIntro_u3hcm",
+	tableFrame: "bpm_tableFrame_IdbmB",
+	orgFilterArea: "bpm_orgFilterArea_Xjbbp",
+	membershipFilterArea: "bpm_membershipFilterArea_zob-Y",
+	scopeLabel: "bpm_scopeLabel_TLHMC"
+}, Je = {
+	hasDraftChanges: !1,
+	isEditing: !1
+}, G = [
+	{
+		id: "COMPANY",
+		name: "公司"
+	},
+	{
+		id: "DIVISION",
+		name: "事業群"
+	},
+	{
+		id: "DEPARTMENT",
+		name: "部門"
+	},
+	{
+		id: "TEAM",
+		name: "小組"
+	}
+], Ye = {
+	id: "ALL",
+	name: "全部類型"
+}, Xe = [Ye, ...G], K = [
+	{
+		id: "MEMBER",
+		name: "指定會員"
+	},
+	{
+		id: "ORG_UNIT",
+		name: "指定組織"
+	},
+	{
+		id: "POSITION",
+		name: "指定職位"
+	}
+], Ze = {
+	id: "ALL",
+	name: "全部範圍"
+}, Qe = [Ze, ...K], $e = {
+	activeOnly: !1,
+	id: "ALL",
+	name: "全部狀態"
+}, et = [$e, {
+	activeOnly: !0,
+	id: "ACTIVE",
+	name: "目前有效"
+}], q = [{
+	id: "true",
+	name: "主要歸屬",
+	value: !0
+}, {
+	id: "false",
+	name: "一般歸屬",
+	value: !1
+}], tt = [
+	10,
+	20,
+	50
+], nt = 1368, rt = 908, it = 1292, at = 1124;
+function J({ activeHref: t = "/admin/orgs" } = {}) {
+	let [n, r] = m("ORG_UNITS"), [i, a] = m(null), [o, s] = m(null), [c, d] = m(null), [p, h] = m(!0), [g, _] = m(null), [v, y] = m($e), [b, x] = m(1), [S, O] = m(10), [j, P] = m(Ze), [ee, te] = m(0), [L, ne] = m([]), [R, ie] = m(null), [ae, oe] = m(null), [se, ce] = m(null), [le, ue] = m(1), [de, fe] = m(10), [Ee, De] = m(null), [Oe, ke] = m(0), [Ae, z] = m(null), [B, V] = m(1), [je, Me] = m(10), [Ne, Pe] = m(""), [Fe, Ie] = m(0), [Le, Re] = m(Ye), [ze, Be] = m("TABLE"), [H, Ve] = m([]), [He, Ue] = m([]), [We, Ge] = m([]), [Ke, U] = m(null), [qe, W] = m(1), [Je, G] = m(10), [Xe, K] = m(""), [Qe, et] = m(0), [q, tt] = m([]), [nt, rt] = m([]), [it, at] = m([]), [J, Y] = m(!1);
+	u(() => {
+		i && s(i);
+	}, [i]);
+	let ut = i ?? o, dt = l(async () => {
+		h(!0), d(null);
+		try {
+			let e = await xe({
+				managerActiveOnly: v.activeOnly,
+				managerPage: b,
+				managerPageSize: S,
+				managerScopeType: j.id === "ALL" ? null : j.id,
+				membershipActiveOnly: R?.activeOnly ?? !1,
+				membershipOrgUnitId: se?.id ?? null,
+				membershipPage: le,
+				membershipPageSize: de,
+				membershipPositionId: Ee?.id ?? null,
+				orgUnitPage: B,
+				orgUnitPageSize: je,
+				orgUnitSearchText: Ne,
+				orgUnitType: Le.id === "ALL" ? null : Le.id,
+				positionPage: qe,
+				positionPageSize: Je,
+				positionSearchText: Xe
+			});
+			ne(await N(_t(e.memberships, e.managerResolutions))), Ve(e.orgUnits), Ie(e.orgUnitCount), Ue(e.filteredOrgUnits), tt(e.positions), et(e.positionCount), Ge(e.filteredPositions), ke(e.membershipCount), at(e.filteredMemberships), te(e.managerResolutionCount), rt(e.filteredManagerResolutions);
+		} catch (e) {
+			d(zt(e));
+		} finally {
+			h(!1);
+		}
+	}, [
+		v,
+		b,
+		S,
+		j,
+		R,
+		se,
+		le,
+		de,
+		Ee,
+		B,
+		je,
+		Ne,
+		Le,
+		qe,
+		Je,
+		Xe
+	]);
+	u(() => {
+		dt();
+	}, [dt]);
+	let X = f(() => new Map(H.map((e) => [e.id, e])), [H]), Z = f(() => new Map(q.map((e) => [e.id, e])), [q]), Q = f(() => new Map(L.map((e) => [e.memberId, e])), [L]), gt = f(() => He.map((e) => ({
+		...e,
+		key: e.id,
+		parentName: e.parentId ? bt(X.get(e.parentId)) : "根節點",
+		typeLabel: xt(e.type)
+	})), [He, X]), wt = f(() => We.map((e) => ({
+		...e,
+		key: e.id
+	})), [We]), Tt = f(() => it.map((e) => ({
+		...e,
+		key: e.id,
+		memberName: yt(Q.get(e.memberId)),
+		orgUnitName: bt(X.get(e.orgUnitId)),
+		positionName: e.positionId ? St(Z.get(e.positionId)) : "未指定"
+	})), [
+		Q,
+		it,
+		X,
+		Z
+	]), Et = f(() => nt.map((e) => ({
+		...e,
+		key: e.id,
+		managerName: yt(Q.get(e.managerMemberId)),
+		scopeLabel: vt(e, {
+			membersById: Q,
+			orgUnitsById: X,
+			positionsById: Z
+		})
+	})), [
+		nt,
+		Q,
+		X,
+		Z
+	]), Dt = f(() => ({
+		render: (e) => [{
+			name: "編輯",
+			onClick: () => z({
+				record: e,
+				type: "EDIT"
+			})
+		}, {
+			name: "停用",
+			onClick: () => a({
+				confirmText: "停用組織",
+				description: `停用「${e.name}」後，這個組織節點將不再出現在可用組織清單中。`,
+				id: e.id,
+				title: "停用組織節點",
+				type: "ORG_UNIT"
+			}),
+			variant: "destructive-secondary"
+		}],
+		variant: "base-secondary",
+		width: 128
+	}), []), Ot = f(() => ({
+		render: (e) => [{
+			name: "編輯",
+			onClick: () => U({
+				record: e,
+				type: "EDIT"
+			})
+		}],
+		variant: "base-secondary",
+		width: 88
+	}), []), kt = f(() => ({
+		render: (e) => [{
+			name: "編輯",
+			onClick: () => oe({
+				record: e,
+				type: "EDIT"
+			})
+		}, {
+			name: "刪除",
+			onClick: () => a({
+				confirmText: "刪除歸屬",
+				description: `刪除「${e.memberName}」在「${e.orgUnitName}」的會員歸屬。`,
+				id: e.id,
+				title: "刪除會員歸屬",
+				type: "MEMBERSHIP"
+			}),
+			variant: "destructive-secondary"
+		}],
+		variant: "base-secondary",
+		width: 128
+	}), []), At = f(() => ({
+		render: (e) => [{
+			name: "編輯",
+			onClick: () => _({
+				record: e,
+				type: "EDIT"
+			})
+		}, {
+			name: "刪除",
+			onClick: () => a({
+				confirmText: "刪除主管規則",
+				description: `刪除「${e.scopeLabel}」指派給「${e.managerName}」的主管解析規則。`,
+				id: e.id,
+				title: "刪除主管解析規則",
+				type: "MANAGER_RESOLUTION"
+			}),
+			variant: "destructive-secondary"
+		}],
+		variant: "base-secondary",
+		width: 128
+	}), []);
+	function jt(e) {
+		V(1), Pe(e);
+	}
+	function Mt(e) {
+		V(1), Re(e);
+	}
+	function Nt(e) {
+		W(1), K(e);
+	}
+	function $(e) {
+		ue(1), ie(e);
+	}
+	function Pt(e) {
+		ue(1), ce(e);
+	}
+	function It(e) {
+		ue(1), De(e);
+	}
+	function Lt(e) {
+		x(1), y(e);
+	}
+	function Rt(e) {
+		x(1), P(e);
+	}
+	function Bt() {
+		J || a(null);
+	}
+	async function Vt() {
+		i && await Ut(async () => {
+			i.type === "ORG_UNIT" && await be(i.id), i.type === "MEMBERSHIP" && await ye(i.id), i.type === "MANAGER_RESOLUTION" && await ve(i.id), a(null);
+		});
+	}
+	async function Ht(e) {
+		Y(!0), d(null);
+		try {
+			await pe({ moves: e.map((e) => ({
+				baseUpdatedAt: X.get(e.orgUnitId)?.updatedAt ?? "",
+				id: e.orgUnitId,
+				parentId: e.parentId
+			})) }), await dt();
+		} catch (e) {
+			throw d(zt(e)), e;
+		} finally {
+			Y(!1);
+		}
+	}
+	async function Ut(e) {
+		Y(!0), d(null);
+		try {
+			await e(), await dt();
+		} catch (e) {
+			d(zt(e));
+		} finally {
+			Y(!1);
+		}
+	}
+	return /* @__PURE__ */ I(C, { children: [/* @__PURE__ */ F(e, { activeHref: t }), /* @__PURE__ */ I(C.Main, { children: [
+		/* @__PURE__ */ F(T, { children: /* @__PURE__ */ F(re, {
+			description: "維護組織樹、職位、會員歸屬與簽核主管解析規則。",
+			title: "組織管理"
+		}) }),
+		/* @__PURE__ */ F(D, { children: /* @__PURE__ */ I(E, {
+			tab: /* @__PURE__ */ I(k, {
+				activeKey: n,
+				onChange: (e) => r(Ct(e)),
+				children: [
+					/* @__PURE__ */ F(A, { children: "組織樹" }, "ORG_UNITS"),
+					/* @__PURE__ */ F(A, { children: "職位" }, "POSITIONS"),
+					/* @__PURE__ */ F(A, { children: "會員歸屬" }, "MEMBERSHIPS"),
+					/* @__PURE__ */ F(A, { children: "簽核主管" }, "MANAGERS")
+				]
+			}),
+			children: [
+				c ? /* @__PURE__ */ F(M, {
+					color: "text-error",
+					variant: "body",
+					children: c
+				}) : null,
+				n === "ORG_UNITS" ? /* @__PURE__ */ F(ot, {
+					actions: Dt,
+					loading: p,
+					onCreate: () => z({
+						parentId: null,
+						record: null,
+						type: "CREATE"
+					}),
+					onCreateChild: (e) => z({
+						parentId: e,
+						record: null,
+						type: "CREATE"
+					}),
+					onEditOrgUnit: (e) => z({
+						record: e,
+						type: "EDIT"
+					}),
+					onPageChange: V,
+					onSaveDraft: Ht,
+					onPageSizeChange: (e) => {
+						V(1), Me(e);
+					},
+					onSearchTextChange: jt,
+					onTypeFilterChange: Mt,
+					orgUnits: H,
+					page: B,
+					pageSize: je,
+					rows: gt,
+					searchText: Ne,
+					saving: J,
+					total: Fe,
+					typeFilter: Le,
+					viewMode: ze,
+					onViewModeChange: Be
+				}) : null,
+				n === "POSITIONS" ? /* @__PURE__ */ F(st, {
+					actions: Ot,
+					loading: p,
+					onCreate: () => U({
+						record: null,
+						type: "CREATE"
+					}),
+					onPageChange: W,
+					onPageSizeChange: (e) => {
+						W(1), G(e);
+					},
+					onSearchTextChange: Nt,
+					page: qe,
+					pageSize: Je,
+					rows: wt,
+					searchText: Xe,
+					total: Qe
+				}) : null,
+				n === "MEMBERSHIPS" ? /* @__PURE__ */ F(ct, {
+					actions: kt,
+					loading: p,
+					onCreate: () => oe({
+						record: null,
+						type: "CREATE"
+					}),
+					onActiveFilterChange: $,
+					onOrgUnitFilterChange: Pt,
+					onPageChange: ue,
+					onPageSizeChange: (e) => {
+						ue(1), fe(e);
+					},
+					onPositionFilterChange: It,
+					orgUnitFilter: se,
+					orgUnits: H,
+					page: le,
+					pageSize: de,
+					positionFilter: Ee,
+					positions: q,
+					rows: Tt,
+					statusFilter: R,
+					total: Oe
+				}) : null,
+				n === "MANAGERS" ? /* @__PURE__ */ F(lt, {
+					actions: At,
+					loading: p,
+					onCreate: () => _({
+						record: null,
+						type: "CREATE"
+					}),
+					onActiveFilterChange: Lt,
+					onPageChange: x,
+					onPageSizeChange: (e) => {
+						x(1), O(e);
+					},
+					onScopeTypeFilterChange: Rt,
+					page: b,
+					pageSize: S,
+					rows: Et,
+					scopeTypeFilter: j,
+					statusFilter: v,
+					total: ee
+				}) : null
+			]
+		}) }),
+		/* @__PURE__ */ F(ft, {
+			modal: Ae,
+			onClose: () => z(null),
+			onSubmit: (e) => Ut(async () => {
+				Ae?.type === "EDIT" && Ae.record ? await we({
+					...e,
+					id: Ae.record.id,
+					metadataJson: null
+				}) : await ge({
+					code: e.code ?? "",
+					metadataJson: "{}",
+					name: e.name ?? "",
+					parentId: e.parentId,
+					type: e.type ?? "DEPARTMENT"
+				}), z(null);
+			}),
+			orgUnits: H,
+			saving: J
+		}),
+		/* @__PURE__ */ F(pt, {
+			modal: Ke,
+			onClose: () => U(null),
+			onSubmit: (e) => Ut(async () => {
+				Ke?.type === "EDIT" && Ke.record ? await Te({
+					...e,
+					id: Ke.record.id,
+					metadataJson: null
+				}) : await _e({
+					code: e.code ?? "",
+					level: e.level ?? 0,
+					metadataJson: "{}",
+					name: e.name ?? ""
+				}), U(null);
+			}),
+			saving: J
+		}),
+		/* @__PURE__ */ F(mt, {
+			membersById: Q,
+			modal: ae,
+			onClose: () => oe(null),
+			onSubmit: (e) => Ut(async () => {
+				ae?.type === "EDIT" && ae.record ? await Ce({
+					...e,
+					id: ae.record.id
+				}) : await he({
+					effectiveFrom: e.effectiveFrom ?? Ft(),
+					effectiveTo: e.effectiveTo,
+					isPrimary: e.isPrimary ?? !1,
+					memberId: e.memberId ?? "",
+					orgUnitId: e.orgUnitId ?? "",
+					positionId: e.positionId
+				}), oe(null);
+			}),
+			orgUnits: H,
+			positions: q,
+			saving: J
+		}),
+		/* @__PURE__ */ F(ht, {
+			membersById: Q,
+			modal: g,
+			onClose: () => _(null),
+			onSubmit: (e) => Ut(async () => {
+				g?.type === "EDIT" && g.record ? await Se({
+					...e,
+					id: g.record.id
+				}) : await me({
+					effectiveFrom: e.effectiveFrom ?? Ft(),
+					effectiveTo: e.effectiveTo,
+					managerMemberId: e.managerMemberId ?? "",
+					priority: e.priority ?? 0,
+					scopeId: e.scopeId ?? "",
+					scopeType: e.scopeType ?? "MEMBER"
+				}), _(null);
+			}),
+			orgUnits: H,
+			positions: q,
+			saving: J
+		}),
+		/* @__PURE__ */ F(w, {
+			cancelText: "取消",
+			confirmButtonProps: { variant: "destructive-primary" },
+			confirmText: ut?.confirmText ?? "",
+			loading: J,
+			modalStatusType: "error",
+			modalType: "standard",
+			onCancel: Bt,
+			onClose: Bt,
+			onConfirm: () => void Vt(),
+			open: !!i,
+			showModalFooter: !0,
+			showModalHeader: !0,
+			size: "regular",
+			supportingText: "此操作會立即套用，請確認後再繼續。",
+			title: ut?.title ?? "",
+			children: /* @__PURE__ */ F(M, {
+				color: "text-neutral",
+				variant: "body",
+				children: ut?.description ?? ""
+			})
+		})
+	] })] });
+}
+function ot({ actions: e, loading: t, onCreate: n, onCreateChild: r, onEditOrgUnit: i, onPageChange: a, onSaveDraft: o, onPageSizeChange: s, onSearchTextChange: c, onTypeFilterChange: l, onViewModeChange: d, orgUnits: h, page: _, pageSize: C, rows: w, searchText: T, saving: E, total: D, typeFilter: k, viewMode: A }) {
+	let M = p(null), [N, te] = m(Je), L = A === "TABLE" ? "FLOW" : "TABLE", ne = A === "TABLE" ? "切換樹狀圖" : "切換表格", re = A === "FLOW", ie = ut({
+		isTreeMode: re,
+		isTreeEditing: N.isEditing
+	}), ae = dt({
+		isTreeMode: re,
+		isTreeEditing: N.isEditing
+	}), oe = X({
+		hasDraftChanges: N.hasDraftChanges,
+		isTreeEditing: N.isEditing,
+		isTreeMode: re,
+		loading: t,
+		saving: E
+	}), se = f(() => [
+		{
+			dataIndex: "code",
+			key: "code",
+			title: "代碼",
+			width: 180
+		},
+		{
+			dataIndex: "name",
+			key: "name",
+			title: "名稱",
+			width: 240
+		},
+		{
+			dataIndex: "typeLabel",
+			key: "typeLabel",
+			title: "類型",
+			width: 120
+		},
+		{
+			dataIndex: "parentName",
+			key: "parentName",
+			title: "上層",
+			width: 280
+		},
+		{
+			dataIndex: "path",
+			key: "path",
+			title: "Path",
+			width: 420
+		}
+	], []);
+	return u(() => {
+		A === "TABLE" && te(Je);
+	}, [A]), /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(Z, {
+		actionDisabled: oe,
+		actionIcon: ae,
+		actionLabel: ie,
+		actions: /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(g, {
+			onClick: () => d(L),
+			variant: "base-secondary",
+			children: ne
+		}), re && N.isEditing ? /* @__PURE__ */ F(g, {
+			disabled: E,
+			icon: ee,
+			iconType: "leading",
+			onClick: () => M.current?.cancelEditing(),
+			variant: "base-secondary",
+			children: "取消"
+		}) : null] }),
+		description: "組織節點使用 ltree path 維護階層，搬移節點會同步更新子節點 path。",
+		onCreate: () => {
+			if (!re) {
+				n();
+				return;
+			}
+			if (N.isEditing) {
+				M.current?.saveDraft();
+				return;
+			}
+			M.current?.startEditing();
+		},
+		title: "組織樹"
+	}), A === "TABLE" ? /* @__PURE__ */ I(P, { children: [/* @__PURE__ */ F(y, {
+		className: W.orgFilterArea,
+		size: "sub",
+		children: /* @__PURE__ */ I(b, { children: [/* @__PURE__ */ F(v, {
+			span: 3,
+			children: /* @__PURE__ */ F(x, {
+				fullWidth: !0,
+				layout: R.VERTICAL,
+				name: "orgUnitSearchText",
+				children: /* @__PURE__ */ F(S, {
+					fullWidth: !0,
+					onChange: (e) => c(e.target.value),
+					placeholder: "搜尋組織名稱或代碼",
+					size: "sub",
+					value: T,
+					variant: "base"
+				})
+			})
+		}), /* @__PURE__ */ F(v, {
+			span: 2,
+			children: /* @__PURE__ */ F(x, {
+				fullWidth: !0,
+				layout: R.VERTICAL,
+				name: "orgUnitTypeFilter",
+				children: /* @__PURE__ */ F(O, {
+					clearable: !1,
+					fullWidth: !0,
+					onChange: (e) => l(Tt(e)),
+					options: [...Xe],
+					placeholder: "類型",
+					size: "sub",
+					value: k
+				})
+			})
+		})] })
+	}), /* @__PURE__ */ F("div", {
+		className: W.tableFrame,
+		children: /* @__PURE__ */ F(j, {
+			actions: e,
+			columns: se,
+			dataSource: [...w],
+			fullWidth: !0,
+			loading: t,
+			pagination: Y({
+				onPageChange: a,
+				onPageSizeChange: s,
+				page: _,
+				pageSize: C,
+				total: D
+			}),
+			style: { minWidth: nt }
+		})
+	})] }) : /* @__PURE__ */ F(Le, {
+		ref: M,
+		onCreateChild: r,
+		onCreateRoot: n,
+		onEditOrgUnit: i,
+		onSaveDraft: o,
+		onStateChange: te,
+		orgUnits: h,
+		saving: E
+	})] });
+}
+function st({ actions: e, loading: t, onCreate: n, onPageChange: r, onPageSizeChange: i, onSearchTextChange: a, page: o, pageSize: s, rows: c, searchText: l, total: u }) {
+	let d = f(() => [
+		{
+			dataIndex: "code",
+			key: "code",
+			title: "代碼",
+			width: 180
+		},
+		{
+			dataIndex: "name",
+			key: "name",
+			title: "名稱",
+			width: 280
+		},
+		{
+			dataIndex: "level",
+			key: "level",
+			title: "職等",
+			width: 96
+		},
+		{
+			dataIndex: "updatedAt",
+			key: "updatedAt",
+			title: "更新時間",
+			width: 220
+		}
+	], []);
+	return /* @__PURE__ */ I(P, { children: [
+		/* @__PURE__ */ F(Z, {
+			actionLabel: "新增職位",
+			description: "職位提供會員歸屬與主管解析規則使用。",
+			onCreate: n,
+			title: "職位"
+		}),
+		/* @__PURE__ */ F(y, {
+			className: W.orgFilterArea,
+			size: "sub",
+			children: /* @__PURE__ */ F(b, { children: /* @__PURE__ */ F(v, {
+				span: 3,
+				children: /* @__PURE__ */ F(x, {
+					fullWidth: !0,
+					layout: R.VERTICAL,
+					name: "positionSearchText",
+					children: /* @__PURE__ */ F(S, {
+						fullWidth: !0,
+						onChange: (e) => a(e.target.value),
+						placeholder: "搜尋職位名稱或代碼",
+						size: "sub",
+						value: l,
+						variant: "base"
+					})
+				})
+			}) })
+		}),
+		/* @__PURE__ */ F("div", {
+			className: W.tableFrame,
+			children: /* @__PURE__ */ F(j, {
+				actions: e,
+				columns: d,
+				dataSource: [...c],
+				fullWidth: !0,
+				loading: t,
+				pagination: Y({
+					onPageChange: r,
+					onPageSizeChange: i,
+					page: o,
+					pageSize: s,
+					total: u
+				}),
+				style: { minWidth: rt }
+			})
+		})
+	] });
+}
+function ct({ actions: e, loading: n, onCreate: r, onActiveFilterChange: a, onOrgUnitFilterChange: o, onPageChange: s, onPageSizeChange: c, onPositionFilterChange: l, orgUnitFilter: u, orgUnits: d, page: p, pageSize: m, positionFilter: g, positions: _, rows: S, statusFilter: C, total: w }) {
+	let T = f(() => [
+		{
+			dataIndex: "memberName",
+			key: "memberName",
+			title: "會員",
+			width: 280
+		},
+		{
+			dataIndex: "orgUnitName",
+			key: "orgUnitName",
+			title: "組織",
+			width: 280
+		},
+		{
+			dataIndex: "positionName",
+			key: "positionName",
+			title: "職位",
+			width: 220
+		},
+		{
+			key: "isPrimary",
+			render: (e) => e.isPrimary ? "主要" : "一般",
+			title: "類型",
+			width: 104
+		},
+		{
+			dataIndex: "effectiveFrom",
+			key: "effectiveFrom",
+			title: "生效日",
+			width: 140
+		},
+		{
+			dataIndex: "effectiveTo",
+			key: "effectiveTo",
+			title: "結束日",
+			width: 140
+		}
+	], []), E = f(() => d.map(t), [d]), D = f(() => _.map(i), [_]);
+	return /* @__PURE__ */ I(P, { children: [
+		/* @__PURE__ */ F(Z, {
+			actionLabel: "新增歸屬",
+			description: "會員歸屬是 BPM 內部組織權限、主管解析與條件判斷的來源。",
+			onCreate: r,
+			title: "會員歸屬"
+		}),
+		/* @__PURE__ */ F(y, {
+			className: [W.orgFilterArea, W.membershipFilterArea].join(" "),
+			size: "sub",
+			children: /* @__PURE__ */ I(b, { children: [
+				/* @__PURE__ */ F(v, {
+					span: 2,
+					children: /* @__PURE__ */ F(x, {
+						fullWidth: !0,
+						layout: R.VERTICAL,
+						name: "membershipOrgUnitFilter",
+						children: /* @__PURE__ */ F(h, {
+							disabledOptionsFilter: !0,
+							emptyText: "沒有符合的組織",
+							inputProps: {
+								autoCapitalize: "none",
+								autoCorrect: "off",
+								name: "membershipOrgUnitFilter",
+								spellCheck: !1
+							},
+							mode: "single",
+							name: "membershipOrgUnitFilter",
+							onChange: (e) => o(At(e)),
+							options: [...E],
+							placeholder: "全部組織",
+							size: "sub",
+							value: u
+						})
+					})
+				}),
+				/* @__PURE__ */ F(v, {
+					span: 2,
+					children: /* @__PURE__ */ F(x, {
+						fullWidth: !0,
+						layout: R.VERTICAL,
+						name: "membershipPositionFilter",
+						children: /* @__PURE__ */ F(h, {
+							disabledOptionsFilter: !0,
+							emptyText: "沒有符合的職位",
+							inputProps: {
+								autoCapitalize: "none",
+								autoCorrect: "off",
+								name: "membershipPositionFilter",
+								spellCheck: !1
+							},
+							mode: "single",
+							name: "membershipPositionFilter",
+							onChange: (e) => l(jt(e)),
+							options: [...D],
+							placeholder: "全部職位",
+							size: "sub",
+							value: g
+						})
+					})
+				}),
+				/* @__PURE__ */ F(v, {
+					span: 2,
+					children: /* @__PURE__ */ F(x, {
+						fullWidth: !0,
+						layout: R.VERTICAL,
+						name: "membershipStatusFilter",
+						children: /* @__PURE__ */ F(h, {
+							disabledOptionsFilter: !0,
+							emptyText: "沒有符合的狀態",
+							inputProps: {
+								autoCapitalize: "none",
+								autoCorrect: "off",
+								name: "membershipStatusFilter",
+								spellCheck: !1
+							},
+							mode: "single",
+							name: "membershipStatusFilter",
+							onChange: (e) => a(kt(e)),
+							options: [...et],
+							placeholder: "全部狀態",
+							size: "sub",
+							value: C
+						})
+					})
+				})
+			] })
+		}),
+		/* @__PURE__ */ F("div", {
+			className: W.tableFrame,
+			children: /* @__PURE__ */ F(j, {
+				actions: e,
+				columns: T,
+				dataSource: [...S],
+				fullWidth: !0,
+				loading: n,
+				pagination: Y({
+					onPageChange: s,
+					onPageSizeChange: c,
+					page: p,
+					pageSize: m,
+					total: w
+				}),
+				style: { minWidth: it }
+			})
+		})
+	] });
+}
+function lt({ actions: e, loading: t, onCreate: n, onActiveFilterChange: r, onPageChange: i, onPageSizeChange: a, onScopeTypeFilterChange: o, page: s, pageSize: c, rows: l, scopeTypeFilter: u, statusFilter: d, total: p }) {
+	let m = f(() => [
+		{
+			dataIndex: "scopeLabel",
+			key: "scopeLabel",
+			title: "套用範圍",
+			width: 320
+		},
+		{
+			dataIndex: "managerName",
+			key: "managerName",
+			title: "簽核主管",
+			width: 300
+		},
+		{
+			dataIndex: "priority",
+			key: "priority",
+			title: "優先序",
+			width: 96
+		},
+		{
+			dataIndex: "effectiveFrom",
+			key: "effectiveFrom",
+			title: "生效日",
+			width: 140
+		},
+		{
+			dataIndex: "effectiveTo",
+			key: "effectiveTo",
+			title: "結束日",
+			width: 140
+		}
+	], []);
+	return /* @__PURE__ */ I(P, { children: [
+		/* @__PURE__ */ F(Z, {
+			actionLabel: "新增主管規則",
+			description: "簽核主管規則獨立於組織樹 parent，解析優先序為會員、組織、職位。",
+			onCreate: n,
+			title: "簽核主管"
+		}),
+		/* @__PURE__ */ F(y, {
+			className: W.orgFilterArea,
+			size: "sub",
+			children: /* @__PURE__ */ I(b, { children: [/* @__PURE__ */ F(v, {
+				span: 3,
+				children: /* @__PURE__ */ F(x, {
+					fullWidth: !0,
+					layout: R.VERTICAL,
+					name: "managerScopeTypeFilter",
+					children: /* @__PURE__ */ F(O, {
+						clearable: !1,
+						fullWidth: !0,
+						onChange: (e) => o(Dt(e)),
+						options: [...Qe],
+						placeholder: "套用範圍",
+						size: "sub",
+						value: u
+					})
+				})
+			}), /* @__PURE__ */ F(v, {
+				span: 2,
+				children: /* @__PURE__ */ F(x, {
+					fullWidth: !0,
+					layout: R.VERTICAL,
+					name: "managerStatusFilter",
+					children: /* @__PURE__ */ F(O, {
+						clearable: !1,
+						fullWidth: !0,
+						onChange: (e) => r(Ot(e)),
+						options: [...et],
+						placeholder: "狀態",
+						size: "sub",
+						value: d
+					})
+				})
+			})] })
+		}),
+		/* @__PURE__ */ F("div", {
+			className: W.tableFrame,
+			children: /* @__PURE__ */ F(j, {
+				actions: e,
+				columns: m,
+				dataSource: [...l],
+				fullWidth: !0,
+				loading: t,
+				pagination: Y({
+					onPageChange: i,
+					onPageSizeChange: a,
+					page: s,
+					pageSize: c,
+					total: p
+				}),
+				style: { minWidth: at }
+			})
+		})
+	] });
+}
+function Y({ onPageChange: e, onPageSizeChange: t, page: n, pageSize: r, total: i }) {
+	return {
+		current: n,
+		onChange: e,
+		onChangePageSize: t,
+		pageSize: r,
+		pageSizeLabel: "每頁筆數",
+		pageSizeOptions: [...tt],
+		renderResultSummary: (e, t, n) => `顯示 ${e}-${t} 筆，共 ${n} 筆`,
+		showPageSizeOptions: !0,
+		total: i
+	};
+}
+function ut({ isTreeEditing: e, isTreeMode: t }) {
+	return t ? e ? "儲存" : "開始編輯" : "新增組織";
+}
+function dt({ isTreeEditing: e, isTreeMode: t }) {
+	return t ? e ? ne : te : L;
+}
+function X({ hasDraftChanges: e, isTreeEditing: t, isTreeMode: n, loading: r, saving: i }) {
+	return n ? t ? !e || i : r : !1;
+}
+function Z({ actionDisabled: e = !1, actionIcon: t = L, actionLabel: n, actions: r, description: i, onCreate: a, title: o }) {
+	return /* @__PURE__ */ I("div", {
+		className: W.tableIntro,
+		children: [/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F(M, {
+			component: "h2",
+			variant: "h3",
+			children: o
+		}), /* @__PURE__ */ F(M, {
+			color: "text-neutral",
+			variant: "body",
+			children: i
+		})] }), /* @__PURE__ */ I("div", {
+			className: W.tableIntroActions,
+			children: [r, /* @__PURE__ */ F(g, {
+				disabled: e,
+				icon: t,
+				iconType: "leading",
+				onClick: a,
+				children: n
+			})]
+		})]
+	});
+}
+function ft({ modal: e, onClose: n, onSubmit: i, orgUnits: a, saving: o }) {
+	let [c, l] = m(""), [d, f] = m(""), [p, h] = m(null), [g, _] = m(G[2]);
+	return u(() => {
+		if (!e) return;
+		let n = e.record, r = n?.parentId ?? e.parentId ?? null, i = r ? a.find((e) => e.id === r) ?? null : null;
+		l(n?.code ?? ""), f(n?.name ?? ""), h(i ? t(i) : null), _(G.find((e) => e.id === n?.type) ?? G[2]);
+	}, [e, a]), /* @__PURE__ */ F(w, {
+		cancelText: "取消",
+		confirmButtonProps: { disabled: !c || !d },
+		confirmText: e?.type === "EDIT" ? "儲存" : "建立",
+		loading: o,
+		modalType: "standard",
+		onCancel: n,
+		onClose: n,
+		onConfirm: () => void i({
+			code: c,
+			name: d,
+			parentId: p?.id ?? null,
+			type: g.id
+		}),
+		open: !!e,
+		showModalFooter: !0,
+		showModalHeader: !0,
+		size: "regular",
+		title: e?.type === "EDIT" ? "編輯組織" : "新增組織",
+		children: /* @__PURE__ */ I("div", {
+			className: W.modalFields,
+			children: [
+				/* @__PURE__ */ F(Q, {
+					label: "代碼",
+					name: "orgCode",
+					onChange: l,
+					placeholder: "例如 FIN-TW",
+					value: c
+				}),
+				/* @__PURE__ */ F(Q, {
+					label: "名稱",
+					name: "orgName",
+					onChange: f,
+					placeholder: "例如 財務部",
+					value: d
+				}),
+				/* @__PURE__ */ F(s, {
+					label: "類型",
+					name: "orgType",
+					children: /* @__PURE__ */ F(O, {
+						clearable: !1,
+						fullWidth: !0,
+						onChange: (e) => _(wt(e)),
+						options: [...G],
+						placeholder: "選擇組織類型",
+						value: g
+					})
+				}),
+				/* @__PURE__ */ F(s, {
+					label: "上層組織",
+					name: "parentId",
+					children: /* @__PURE__ */ F(r, {
+						name: "parentId",
+						onChange: h,
+						orgUnits: a.filter((t) => t.id !== e?.record?.id),
+						placeholder: "選擇上層組織",
+						value: p
+					})
+				})
+			]
+		})
+	});
+}
+function pt({ modal: e, onClose: t, onSubmit: n, saving: r }) {
+	let [i, a] = m(""), [o, s] = m("0"), [c, l] = m("");
+	return u(() => {
+		e && (a(e.record?.code ?? ""), s(String(e.record?.level ?? 0)), l(e.record?.name ?? ""));
+	}, [e]), /* @__PURE__ */ F(w, {
+		cancelText: "取消",
+		confirmButtonProps: { disabled: !i || !c },
+		confirmText: e?.type === "EDIT" ? "儲存" : "建立",
+		loading: r,
+		modalType: "standard",
+		onCancel: t,
+		onClose: t,
+		onConfirm: () => void n({
+			code: i,
+			level: Number(o),
+			name: c
+		}),
+		open: !!e,
+		showModalFooter: !0,
+		showModalHeader: !0,
+		size: "regular",
+		title: e?.type === "EDIT" ? "編輯職位" : "新增職位",
+		children: /* @__PURE__ */ I("div", {
+			className: W.modalFields,
+			children: [
+				/* @__PURE__ */ F(Q, {
+					label: "代碼",
+					name: "positionCode",
+					onChange: a,
+					placeholder: "例如 FIN-MGR",
+					value: i
+				}),
+				/* @__PURE__ */ F(Q, {
+					label: "名稱",
+					name: "positionName",
+					onChange: l,
+					placeholder: "例如 財務主管",
+					value: c
+				}),
+				/* @__PURE__ */ F(Q, {
+					label: "職等",
+					name: "positionLevel",
+					onChange: s,
+					placeholder: "例如 5",
+					value: o
+				})
+			]
+		})
+	});
+}
+function mt({ membersById: e, modal: c, onClose: l, onSubmit: d, orgUnits: f, positions: p, saving: h }) {
+	let [g, _] = m(Ft()), [v, y] = m(""), [b, x] = m(q[1]), [S, C] = m(null), [T, E] = m(null), [D, k] = m(null);
+	return u(() => {
+		if (!c) return;
+		let r = c.record, a = r ? e.get(r.memberId) : null;
+		_(r?.effectiveFrom ?? Ft()), y(r?.effectiveTo ?? ""), x(q.find((e) => e.value === r?.isPrimary) ?? q[1]), C(a ? n(a) : null), E(Pt(f.find((e) => e.id === r?.orgUnitId), t)), k(Pt(p.find((e) => e.id === r?.positionId), i));
+	}, [
+		e,
+		c,
+		f,
+		p
+	]), /* @__PURE__ */ F(w, {
+		cancelText: "取消",
+		confirmButtonProps: { disabled: !S || !T },
+		confirmText: c?.type === "EDIT" ? "儲存" : "建立",
+		loading: h,
+		modalType: "standard",
+		onCancel: l,
+		onClose: l,
+		onConfirm: () => void d({
+			effectiveFrom: g,
+			effectiveTo: v || null,
+			isPrimary: b.value,
+			memberId: S?.id ?? null,
+			orgUnitId: T?.id ?? null,
+			positionId: D?.id ?? null
+		}),
+		open: !!c,
+		showModalFooter: !0,
+		showModalHeader: !0,
+		size: "regular",
+		title: c?.type === "EDIT" ? "編輯會員歸屬" : "新增會員歸屬",
+		children: /* @__PURE__ */ I("div", {
+			className: W.modalFields,
+			children: [
+				/* @__PURE__ */ F(s, {
+					label: "會員",
+					name: "memberId",
+					children: /* @__PURE__ */ F(o, {
+						name: "memberId",
+						onChange: C,
+						placeholder: "搜尋會員姓名或信箱",
+						value: S
+					})
+				}),
+				/* @__PURE__ */ F(s, {
+					label: "組織",
+					name: "orgUnitId",
+					children: /* @__PURE__ */ F(r, {
+						name: "orgUnitId",
+						onChange: E,
+						orgUnits: f,
+						placeholder: "選擇歸屬組織",
+						value: T
+					})
+				}),
+				/* @__PURE__ */ F(s, {
+					label: "職位",
+					name: "positionId",
+					children: /* @__PURE__ */ F(a, {
+						name: "positionId",
+						onChange: k,
+						placeholder: "選擇職位",
+						positions: p,
+						value: D
+					})
+				}),
+				/* @__PURE__ */ F(s, {
+					label: "歸屬類型",
+					name: "isPrimary",
+					children: /* @__PURE__ */ F(O, {
+						clearable: !1,
+						fullWidth: !0,
+						onChange: (e) => x(Mt(e)),
+						options: [...q],
+						placeholder: "選擇歸屬類型",
+						value: b
+					})
+				}),
+				/* @__PURE__ */ F(gt, {
+					label: "生效日",
+					name: "membershipEffectiveFrom",
+					onChange: _,
+					placeholder: "YYYY-MM-DD",
+					value: g
+				}),
+				/* @__PURE__ */ F(gt, {
+					label: "結束日",
+					name: "membershipEffectiveTo",
+					onChange: y,
+					placeholder: "YYYY-MM-DD，未設定代表無期限",
+					value: v
+				})
+			]
+		})
+	});
+}
+function ht({ membersById: e, modal: c, onClose: l, onSubmit: d, orgUnits: f, positions: p, saving: h }) {
+	let [g, _] = m(Ft()), [v, y] = m(""), [b, x] = m(null), [S, C] = m("0"), [T, E] = m(null), [D, k] = m(null), [A, j] = m(null), [N, P] = m(K[0]);
+	u(() => {
+		if (!c) return;
+		let r = c.record, a = K.find((e) => e.id === r?.scopeType) ?? K[0];
+		_(r?.effectiveFrom ?? Ft()), y(r?.effectiveTo ?? ""), x(Pt(r ? e.get(r.managerMemberId) : null, n)), C(String(r?.priority ?? 0)), E(a.id === "MEMBER" ? Pt(r ? e.get(r.scopeId) : null, n) : null), k(a.id === "ORG_UNIT" ? Pt(f.find((e) => e.id === r?.scopeId), t) : null), j(a.id === "POSITION" ? Pt(p.find((e) => e.id === r?.scopeId), i) : null), P(a);
+	}, [
+		e,
+		c,
+		f,
+		p
+	]);
+	let ee = N.id === "MEMBER" ? T?.id : N.id === "ORG_UNIT" ? D?.id : A?.id, te = !!(N.id === "MEMBER" && T?.id && b?.id && T.id === b.id);
+	return /* @__PURE__ */ F(w, {
+		cancelText: "取消",
+		confirmButtonProps: { disabled: !b || !ee || te },
+		confirmText: c?.type === "EDIT" ? "儲存" : "建立",
+		loading: h,
+		modalType: "standard",
+		onCancel: l,
+		onClose: l,
+		onConfirm: () => void d({
+			effectiveFrom: g,
+			effectiveTo: v || null,
+			managerMemberId: b?.id ?? null,
+			priority: Number(S),
+			scopeId: ee ?? null,
+			scopeType: N.id
+		}),
+		open: !!c,
+		showModalFooter: !0,
+		showModalHeader: !0,
+		size: "regular",
+		title: c?.type === "EDIT" ? "編輯主管規則" : "新增主管規則",
+		children: /* @__PURE__ */ I("div", {
+			className: W.modalFields,
+			children: [
+				/* @__PURE__ */ F(s, {
+					label: "套用範圍",
+					name: "scopeType",
+					children: /* @__PURE__ */ F(O, {
+						clearable: !1,
+						fullWidth: !0,
+						onChange: (e) => P(Et(e)),
+						options: [...K],
+						placeholder: "選擇套用範圍",
+						value: N
+					})
+				}),
+				N.id === "MEMBER" ? /* @__PURE__ */ F(s, {
+					label: "會員",
+					name: "scopeMemberId",
+					children: /* @__PURE__ */ F(o, {
+						name: "scopeMemberId",
+						onChange: E,
+						placeholder: "搜尋套用會員",
+						value: T
+					})
+				}) : null,
+				N.id === "ORG_UNIT" ? /* @__PURE__ */ F(s, {
+					label: "組織",
+					name: "scopeOrgUnitId",
+					children: /* @__PURE__ */ F(r, {
+						name: "scopeOrgUnitId",
+						onChange: k,
+						orgUnits: f,
+						placeholder: "選擇套用組織",
+						value: D
+					})
+				}) : null,
+				N.id === "POSITION" ? /* @__PURE__ */ F(s, {
+					label: "職位",
+					name: "scopePositionId",
+					children: /* @__PURE__ */ F(a, {
+						name: "scopePositionId",
+						onChange: j,
+						placeholder: "選擇套用職位",
+						positions: p,
+						value: A
+					})
+				}) : null,
+				/* @__PURE__ */ F(s, {
+					label: "簽核主管",
+					name: "managerMemberId",
+					children: /* @__PURE__ */ F(o, {
+						name: "managerMemberId",
+						onChange: x,
+						placeholder: "搜尋簽核主管",
+						value: b
+					})
+				}),
+				te ? /* @__PURE__ */ F(M, {
+					color: "text-error",
+					variant: "caption",
+					children: "簽核主管不可設定為套用會員本人。"
+				}) : null,
+				/* @__PURE__ */ F(Q, {
+					label: "優先序",
+					name: "managerPriority",
+					onChange: C,
+					placeholder: "例如 10",
+					value: S
+				}),
+				/* @__PURE__ */ F(gt, {
+					label: "生效日",
+					name: "managerEffectiveFrom",
+					onChange: _,
+					placeholder: "YYYY-MM-DD",
+					value: g
+				}),
+				/* @__PURE__ */ F(gt, {
+					label: "結束日",
+					name: "managerEffectiveTo",
+					onChange: y,
+					placeholder: "YYYY-MM-DD，未設定代表無期限",
+					value: v
+				})
+			]
+		})
+	});
+}
+function Q({ label: e, name: t, onChange: n, placeholder: r, value: i }) {
+	return /* @__PURE__ */ F(s, {
+		label: e,
+		name: t,
+		children: /* @__PURE__ */ F(S, {
+			fullWidth: !0,
+			name: t,
+			onChange: (e) => n(e.target.value),
+			placeholder: r,
+			value: i
+		})
+	});
+}
+function gt({ label: e, name: t, onChange: n, placeholder: r, value: i }) {
+	return /* @__PURE__ */ F(s, {
+		label: e,
+		name: t,
+		children: /* @__PURE__ */ F(_, {
+			format: "YYYY-MM-DD",
+			fullWidth: !0,
+			inputProps: { name: t },
+			onChange: (e) => n(It(e)),
+			placeholder: r,
+			value: i.trim() ? i : void 0
+		})
+	});
+}
+function _t(e, t) {
+	return [...new Set([
+		...e.map((e) => e.memberId),
+		...t.map((e) => e.managerMemberId),
+		...t.filter((e) => e.scopeType === "MEMBER").map((e) => e.scopeId)
+	])];
+}
+function vt(e, t) {
+	return e.scopeType === "MEMBER" ? `會員：${yt(t.membersById.get(e.scopeId))}` : e.scopeType === "ORG_UNIT" ? `組織：${bt(t.orgUnitsById.get(e.scopeId))}` : `職位：${St(t.positionsById.get(e.scopeId))}`;
+}
+function yt(e) {
+	return e ? `${e.name} · ${e.email}` : "未知會員";
+}
+function bt(e) {
+	return e ? `${e.name} · ${e.code}` : "未知組織";
+}
+function xt(e) {
+	return G.find((t) => t.id.toLowerCase() === e.toLowerCase())?.name ?? "未知類型";
+}
+function St(e) {
+	return e ? `${e.name} · ${e.code}` : "未指定";
+}
+function Ct(e) {
+	return e === "MANAGERS" || e === "MEMBERSHIPS" || e === "POSITIONS" ? e : "ORG_UNITS";
+}
+function wt(e) {
+	let t = $(e) ? e : null;
+	if (typeof t?.id == "string") {
+		let e = t.id;
+		return G.find((t) => t.id.toLowerCase() === e.toLowerCase()) ?? G[2];
+	}
+	return G[2];
+}
+function Tt(e) {
+	let t = $(e) ? e : null;
+	if (typeof t?.id == "string") {
+		let e = t.id;
+		return Xe.find((t) => t.id.toLowerCase() === e.toLowerCase()) ?? Ye;
+	}
+	return Ye;
+}
+function Et(e) {
+	return Nt(e, K, K[0]);
+}
+function Dt(e) {
+	return Nt(e, Qe, Ze);
+}
+function Ot(e) {
+	return Nt(e, et, $e);
+}
+function kt(e) {
+	let t = $(e) ? e : null, n = typeof t?.id == "string" ? t.id : null;
+	return et.find((e) => e.id === n) ?? null;
+}
+function At(e) {
+	let t = $(e) ? e : null, n = typeof t?.id == "string" ? t.id : null, r = typeof t?.name == "string" ? t.name : null;
+	return n && r ? {
+		id: n,
+		name: r
+	} : null;
+}
+function jt(e) {
+	let t = $(e) ? e : null, n = typeof t?.id == "string" ? t.id : null, r = typeof t?.name == "string" ? t.name : null;
+	return n && r ? {
+		id: n,
+		name: r
+	} : null;
+}
+function Mt(e) {
+	return Nt(e, q, q[1]);
+}
+function Nt(e, t, n) {
+	let r = $(e) ? e : null, i = typeof r?.id == "string" ? r.id : null;
+	return t.find((e) => e.id === i) ?? n;
+}
+function $(e) {
+	return typeof e == "object" && !!e && !Array.isArray(e);
+}
+function Pt(e, t) {
+	return e ? t(e) : null;
+}
+function Ft() {
+	return Lt(/* @__PURE__ */ new Date());
+}
+function It(e) {
+	let t = e ? new Date(e) : null;
+	return t && !Number.isNaN(t.getTime()) ? Lt(t) : "";
+}
+function Lt(e) {
+	return `${e.getFullYear()}-${Rt(e.getMonth() + 1)}-${Rt(e.getDate())}`;
+}
+function Rt(e) {
+	return String(e).padStart(2, "0");
+}
+function zt(e) {
+	return e instanceof Error ? e.message : "讀取組織資料失敗。";
+}
+//#endregion
+export { J as t };
+
+//# sourceMappingURL=AdminOrgsView-DZaVAbaQ.js.map