@rytass/bpm-core-react 0.18.1 → 0.20.0

package/dist/chunks/FormRendererView-CTLlG13b.js

@@ -1,1106 +0,0 @@
-"use client";
-import { t as e } from "./bpm-form-field-9B-Det0u.js";
-import { t } from "./format-member-label-C73FuP-d.js";
-import { useCallback as n, useEffect as r, useMemo as i, useRef as a, useState as o } from "react";
-import { AutoComplete as s, Button as c, CheckboxGroup as l, DatePicker as u, DateTimePicker as d, Input as f, RadioGroup as p, Select as m, Table as h, Textarea as g, Toggle as _, Typography as v, Upload as y } from "@mezzanine-ui/react";
-import { resolveMembers as b, searchMembers as x } from "@rytass/bpm-core-client";
-import { jsx as S, jsxs as C } from "react/jsx-runtime";
-import { PlusIcon as w, TrashIcon as T } from "@mezzanine-ui/icons";
-import { buildFormRendererValues as E, clampOptionalNumber as D, createFormTableRow as ee, formatDatePickerValue as O, formatDateTimePickerValue as k, isFormRendererFieldReadonly as A, isFormRendererFieldRequired as j, mergeFormDataSourceOptions as M, parseOptionalNumberInput as N, previewFormFieldOptions as te, previewResolveFormFieldOptions as ne, readDatePickerValue as P, readFieldOptionAsSelectOption as F, readFormDataSourceErrorCode as re, readFormDataSourceErrorMessage as ie, readFormDataSourceSelectedValues as ae, readFormDataSourceValueSignature as I, readFormFieldOptions as oe, readFormTableCellPath as L, readFormTableRowBounds as se, readFormTableRows as R, readMissingFormDataSourceDependencies as ce, readMissingFormDataSourceOptionValues as z, readSelectOption as B, readSelectedFormDataSourceOptions as le, readVisibleFormRendererFields as ue, resolveFormFieldOptions as de } from "@rytass/bpm-core-client/form";
-import { isFormDataSourceFieldDefinition as fe, isFormStaticOptionFieldDefinition as pe, isFormTableCellValue as V, isTableFieldDefinition as me, readFormFieldSelectionMode as H, readFormMemberIds as U } from "@rytass/bpm-core-shared/form";
-import { resolveOrgUnitOptions as W, searchOrgUnitOptions as G } from "@rytass/bpm-core-client/organization";
-// src/views/forms/renderer/form-data-source-field.ts
-var he = {
-	canRetry: !1,
-	error: null,
-	hasValue: !1,
-	hasNextPage: !1,
-	invalidValues: [],
-	onReachBottom: () => void 0,
-	onSearch: () => void 0,
-	options: [],
-	retry: () => void 0,
-	status: "IDLE"
-}, K = [], ge = 10, _e = ["FORM_DATA_SOURCE_SEARCH_NOT_SUPPORTED", "FORM_DATA_SOURCE_SEARCH_TOO_SHORT"];
-function q(e) {
-	let t = fe(e.field) ? e.field : null, s = e.fieldPath ?? t?.fieldKey ?? "", c = t ? e.optionSnapshots?.[e.snapshotKey ?? t.fieldKey] : void 0, l = t ? JSON.stringify({
-		dataSource: t.dataSource,
-		fieldKey: t.fieldKey,
-		type: t.type
-	}) : "", u = JSON.stringify(c ?? null), d = i(() => c?.options ?? [], [u]), f = JSON.stringify(e.formData), p = JSON.stringify(e.initialFormData ?? {}), m = JSON.stringify(e.schema), h = JSON.stringify(e.uiSchema), g = e.context?.kind, _ = e.context?.kind === "runtime" ? e.context.instanceId : void 0, v = e.context?.kind === "runtime" ? e.context.templateId : void 0, y = JSON.stringify(e.row?.values ?? null), b = JSON.stringify(e.row?.initialValues ?? null), x = t ? e.row ? e.row.values[t.fieldKey] : e.formData[t.fieldKey] : void 0, S = I(x), C = i(() => ae(x), [S]), w = C.length > 0, T = t ? JSON.stringify({
-		bindings: t.dataSource.bindings.map((t) => t.from.kind === "FIELD" ? {
-			fieldKey: t.from.fieldKey,
-			value: e.formData[t.from.fieldKey]
-		} : t.from.kind === "CONSTANT" ? { value: t.from.value } : {
-			columnKey: t.from.columnKey,
-			value: e.row?.values[t.from.columnKey]
-		}),
-		value: e.initialFormData !== void 0 || e.initialValue !== void 0 ? x : void 0
-	}) : "", E = i(() => {
-		if (g === "preview") return { kind: "preview" };
-		if (g === "runtime" && !e.readonly) return {
-			instanceId: _,
-			kind: "runtime",
-			templateId: v
-		};
-	}, [
-		_,
-		g,
-		v,
-		e.readonly
-	]), D = t ? (e.initialFormData !== void 0 || e.initialValue !== void 0) && I(e.initialValue) !== S : !1, ee = t ? e.initialFormData !== void 0 && t.dataSource.bindings.some((t) => t.from.kind === "FIELD" ? I(e.initialFormData?.[t.from.fieldKey]) !== I(e.formData[t.from.fieldKey]) : t.from.kind === "ROW_FIELD" && e.row?.initialValues ? I(e.row.initialValues[t.from.columnKey]) !== I(e.row.values[t.from.columnKey]) : !1) : !1, O = !(!c && !w || !D && !ee), k = !!(t && E && O && w), A = ye({
-		hasSnapshot: !!c,
-		hasValue: w,
-		isStale: O,
-		readonly: e.readonly
-	}), j = !!(t && E && t.type !== "autocomplete"), N = be(O, j && t !== null && ce(t, e.formData, e.row?.values).length > 0), [P, F] = o([]), [L, se] = o(""), [R, z] = o(null), [B, ue] = o(null), [pe, V] = o(() => t ? j ? N : A : "IDLE"), [me, H] = o(null), U = a(0), W = a(0), G = a(0), K = a(null), q = a(null), J = a({
-		cursor: null,
-		searchText: ""
-	}), Y = i(() => we(e.formData), [f]), X = i(() => e.row ? we(e.row.values) : void 0, [y]), Te = i(() => M(d, P), [P, d]), Ee = B && B.signature === T ? B : null, De = k && !Ee, Oe = ve({
-		options: Te,
-		resolution: Ee,
-		resolvePending: De,
-		value: x
-	}), Z = n((n, r) => {
-		if (!t || !E) return;
-		let i = W.current + 1;
-		W.current = i, J.current = {
-			cursor: r,
-			searchText: n
-		}, K.current?.abort();
-		let a = new AbortController();
-		K.current = a, V(N), H(null), (E.kind === "preview" ? te({
-			cursor: r,
-			fieldKey: s,
-			formData: Y,
-			rowValues: X,
-			schema: e.schema,
-			searchText: n,
-			signal: a.signal,
-			uiSchema: e.uiSchema
-		}) : oe({
-			cursor: r,
-			fieldKey: s,
-			formData: Y,
-			instanceId: E.instanceId ?? null,
-			rowValues: X,
-			searchText: n,
-			signal: a.signal,
-			templateId: E.templateId ?? null
-		})).then((e) => {
-			Ce(a, W, i) || (F((t) => {
-				let n = le(x, t);
-				return M(n, r ? t : [], e.options);
-			}), z(e.nextCursor), H(null), U.current = r ? U.current + e.options.length : e.options.length, e.nextCursor && e.options.length > 0 && U.current < ge && ke.current(n, e.nextCursor), V(e.waitingForFieldKeys.length ? "WAITING_FOR_DEPENDENCIES" : "VALID"));
-		}).catch((e) => {
-			if (Ce(a, W, i)) return;
-			let t = ie(e) ?? "選項來源暫時無法使用。", n = re(e);
-			H(t), V(xe(!!(n && _e.includes(n)), w));
-		});
-	}, [
-		S,
-		l,
-		E,
-		w,
-		N,
-		s,
-		Y,
-		X,
-		m,
-		h
-	]), ke = a(Z);
-	ke.current = Z;
-	let Ae = n(() => {
-		if (!t || !E || C.length === 0) return;
-		let n = T, r = G.current + 1;
-		G.current = r, q.current?.abort();
-		let i = new AbortController();
-		q.current = i, H(null), (E.kind === "preview" ? ne({
-			fieldKey: s,
-			formData: Y,
-			rowValues: X,
-			schema: e.schema,
-			signal: i.signal,
-			uiSchema: e.uiSchema,
-			values: C
-		}) : de({
-			fieldKey: s,
-			formData: Y,
-			instanceId: E.instanceId ?? null,
-			rowValues: X,
-			signal: i.signal,
-			templateId: E.templateId ?? null,
-			values: C
-		})).then((e) => {
-			Ce(i, G, r) || (e.waitingForFieldKeys.length ? V("WAITING_FOR_DEPENDENCIES") : (F((t) => M(t, e.options)), ue({
-				signature: n,
-				unresolvedValues: e.unresolvedValues
-			}), V("VALID")));
-		}).catch((e) => {
-			Ce(i, G, r) || (V("UNAVAILABLE"), H(ie(e) ?? "選項來源暫時無法使用。"));
-		});
-	}, [
-		T,
-		l,
-		E,
-		s,
-		Y,
-		X,
-		m,
-		C,
-		h
-	]), Q = a(Ae);
-	Q.current = Ae, r(() => {
-		W.current += 1, K.current?.abort(), F((e) => le(x, e)), z((e) => e === null ? e : null), se((e) => e && ""), H((e) => e && null), t ? j ? ke.current("", null) : V(A) : V("IDLE");
-	}, [
-		j,
-		l,
-		E,
-		T,
-		p,
-		b,
-		e.readonly,
-		N,
-		A,
-		u
-	]), r(() => {
-		k && Q.current();
-	}, [
-		T,
-		E,
-		k
-	]), r(() => () => {
-		K.current?.abort(), q.current?.abort();
-	}, []);
-	let je = n((e) => {
-		se(e), F((e) => le(x, e)), z(null), Z(e, null);
-	}, [Z]), Me = n(() => {
-		R && Z(L, R);
-	}, [
-		Z,
-		R,
-		L
-	]), Ne = n(() => {
-		E && (Z(J.current.searchText, J.current.cursor), k && Q.current());
-	}, [
-		E,
-		Z,
-		k
-	]);
-	return t ? {
-		canRetry: !!E,
-		error: me,
-		hasValue: w,
-		hasNextPage: !!R,
-		invalidValues: Oe,
-		onReachBottom: Me,
-		onSearch: je,
-		options: Te,
-		retry: Ne,
-		status: Se({
-			invalidValues: Oe,
-			resolvePending: De,
-			status: pe
-		})
-	} : he;
-}
-function J(e) {
-	switch (e.status) {
-		case "WAITING_FOR_DEPENDENCIES": return "請先填寫相依欄位。";
-		case "STALE": return "選項需要重新載入或驗證。";
-		case "INVALID": return e.invalidValues.length ? `無法辨識選項：${e.invalidValues.join("、")}` : "目前選項已失效，請重新選擇。";
-		case "UNAVAILABLE": return e.error ?? "選項來源暫時無法使用。";
-		case "VALID": return e.error ?? (e.options.length ? null : "目前沒有可用選項。");
-		default: return e.error;
-	}
-}
-function Y(e) {
-	return e.hasValue && e.status !== "VALID";
-}
-function X(e) {
-	let t = e.filter(Y);
-	return t.length === 0 ? null : t.every((e) => e.status === "LOADING" || e.status === "STALE") ? "選項驗證中，請稍候再送出。" : "請先完成動態選項驗證。";
-}
-function ve(e) {
-	return e.resolution ? e.resolution.unresolvedValues : e.resolvePending ? K : z(e.value, e.options);
-}
-function ye(e) {
-	return e.isStale ? "STALE" : e.hasSnapshot ? "VALID" : e.readonly && e.hasValue ? "UNAVAILABLE" : "IDLE";
-}
-function be(e, t) {
-	return t ? "WAITING_FOR_DEPENDENCIES" : e ? "STALE" : "LOADING";
-}
-function xe(e, t) {
-	return e ? t ? "VALID" : "IDLE" : "UNAVAILABLE";
-}
-function Se(e) {
-	return e.status === "LOADING" || e.status === "UNAVAILABLE" || e.status === "WAITING_FOR_DEPENDENCIES" ? e.status : e.invalidValues.length ? "INVALID" : e.resolvePending ? "STALE" : e.status;
-}
-function Ce(e, t, n) {
-	return e.signal.aborted || t.current !== n;
-}
-function we(e) {
-	return Object.entries(e).reduce((e, [t, n]) => n === void 0 ? e : {
-		...e,
-		[t]: n
-	}, {});
-}
-// src/views/forms/renderer/form-field-link.ts
-var Te = /\s/u;
-function Ee(e) {
-	return [...e].some((e) => {
-		let t = e.codePointAt(0) ?? 0;
-		return t <= 32 || t >= 127 && t <= 160 || Te.test(e);
-	});
-}
-var De = /^https?:\/\//iu;
-function Oe(e) {
-	return typeof e != "string" || !e || e.includes("\\") || Ee(e) ? null : e.startsWith("/") ? !e.startsWith("//") && ke(e) ? {
-		external: !1,
-		href: e
-	} : null : De.test(e) && Ae(e) ? {
-		external: !0,
-		href: e
-	} : null;
-}
-var Z = "http://placeholder.invalid";
-function ke(e) {
-	try {
-		let t = new URL(e, Z);
-		return t.origin === Z && !t.pathname.startsWith("//");
-	} catch {
-		return !1;
-	}
-}
-function Ae(e) {
-	try {
-		let t = new URL(e);
-		return (t.protocol === "http:" || t.protocol === "https:") && !!t.hostname && !t.username && !t.password;
-	} catch {
-		return !1;
-	}
-}
-async function Q(e, t, n = {}) {
-	let r = n.maxPerIdRequests ?? 20, i = Math.max(1, n.concurrency ?? 4);
-	try {
-		return {
-			failedIds: [],
-			profiles: await t(e),
-			skippedIds: []
-		};
-	} catch {
-		if (e.length <= 1) return {
-			failedIds: e,
-			profiles: [],
-			skippedIds: []
-		};
-	}
-	let a = e.slice(0, r), o = await Me(a, i, (e) => t([e]));
-	return {
-		failedIds: a.filter((e, t) => o[t].status === "rejected"),
-		profiles: o.flatMap((e) => e.status === "fulfilled" ? e.value : []),
-		skippedIds: e.slice(r)
-	};
-}
-function je(e, t) {
-	return e.filter((e) => !t.has(e));
-}
-async function Me(e, t, n) {
-	let r = [], i = 0;
-	async function a() {
-		for (; i < e.length;) {
-			let t = i;
-			i += 1, r[t] = await n(e[t]).then((e) => ({
-				status: "fulfilled",
-				value: e
-			}), (e) => ({
-				reason: e,
-				status: "rejected"
-			}));
-		}
-	}
-	return await Promise.all(Array.from({ length: Math.min(t, e.length) }, a)), r;
-}
-// src/views/forms/renderer/member-field-options.ts
-var Ne = "未知會員";
-function Pe(e) {
-	return {
-		id: e.memberId,
-		name: t(e.name, e.email)
-	};
-}
-function Fe(e) {
-	return {
-		id: e,
-		name: Ne,
-		unresolved: !0
-	};
-}
-function Ie(e, t) {
-	let n = new Map(t.filter((e) => !e.unresolved).map((e) => [e.id, e])), r = new Set(e.map((e) => e.id)), i = t.filter((e, n) => !r.has(e.id) && t.findIndex((t) => t.id === e.id) === n), a = e.map((e) => (e.unresolved ? n.get(e.id) : void 0) ?? e);
-	return i.length > 0 || a.some((t, n) => t !== e[n]) ? [...a, ...i] : e;
-}
-function Le(e, t) {
-	let n = new Set(t.filter((e) => !e.unresolved).map((e) => e.id));
-	return U(e).filter((e) => !n.has(e));
-}
-function Re(e, t) {
-	return U(e).map((e) => t.find((t) => t.id === e) ?? Fe(e));
-}
-function ze(e, t) {
-	if (e.length !== 0) return t ? e.map((e) => e.id) : e[0]?.id;
-}
-// src/views/forms/renderer/member-field.tsx
-function Be({ multiple: e, name: t, onChange: n, placeholder: i, readonly: c, size: l, value: u }) {
-	let [d, f] = o([]), [p, m] = o([]), [h, g] = o(!1), _ = a(0), v = a(/* @__PURE__ */ new Set()), y = Le(u, d).join("\n");
-	r(() => {
-		let e = je(y ? y.split("\n") : [], v.current), t = !1;
-		return e.length === 0 ? () => void 0 : (Q(e, b).then(({ profiles: n, skippedIds: r }) => {
-			if (t) return;
-			let i = n.map(Pe), a = e.filter((e) => !i.some((t) => t.id === e)).map(Fe);
-			a.filter((e) => !r.includes(e.id)).forEach((e) => v.current.add(e.id)), f((e) => Ie(e, [...i, ...a]));
-		}), () => {
-			t = !0;
-		});
-	}, [y]);
-	async function C(e) {
-		let t = _.current + 1;
-		_.current = t, g(!0);
-		try {
-			let n = (await x(e)).map(Pe);
-			_.current === t && (m(n), f((e) => Ie(e, n)));
-		} catch {
-			_.current === t && m([]);
-		} finally {
-			_.current === t && g(!1);
-		}
-	}
-	let w = Re(u, d), T = [...Ie(w, p)], E = {
-		asyncData: !0,
-		clearSearchText: !0,
-		disabled: c,
-		disabledOptionsFilter: !0,
-		emptyText: "沒有符合的成員",
-		globalPortal: !0,
-		inputProps: {
-			autoCapitalize: "none",
-			autoCorrect: "off",
-			name: t,
-			spellCheck: !1
-		},
-		loading: h,
-		loadingText: "搜尋成員中...",
-		onSearch: C,
-		onVisibilityChange: (e) => {
-			e && (m([]), C(""));
-		},
-		options: T,
-		placeholder: i ?? "搜尋姓名或信箱",
-		readOnly: c,
-		searchDebounceTime: 300,
-		size: l
-	};
-	return e ? /* @__PURE__ */ S(s, {
-		...E,
-		mode: "multiple",
-		onChange: (e) => n(ze(e, !0)),
-		value: [...w]
-	}) : /* @__PURE__ */ S(s, {
-		...E,
-		mode: "single",
-		onChange: (e) => n(ze(e ? [e] : [], !1)),
-		value: w[0] ?? null
-	});
-}
-// src/views/forms/renderer/org-unit-field-options.ts
-var Ve = "未知組織", He = "（已刪除）";
-function Ue(e) {
-	return {
-		id: e.id,
-		name: e.deleted ? `${e.name}${He}` : e.name
-	};
-}
-function We(e) {
-	return {
-		id: e,
-		name: e,
-		unresolved: !0
-	};
-}
-function Ge(e) {
-	return {
-		id: e,
-		name: Ve,
-		unresolved: !0
-	};
-}
-function Ke(e) {
-	return typeof e == "string" && e.trim() ? e : null;
-}
-function $(e) {
-	return e.toLowerCase();
-}
-function qe(e, t) {
-	return $(e) === $(t);
-}
-function Je(e, t) {
-	let n = Ke(e);
-	return n === null ? null : t.find((e) => qe(e.id, n)) ?? We(n);
-}
-function Ye(e, t) {
-	let n = Ke(e);
-	return n !== null && !t.some((e) => qe(e.id, n)) ? n : null;
-}
-function Xe(e, t) {
-	let n = new Map(t.filter((e) => !e.unresolved).map((e) => [$(e.id), e])), r = new Set(e.map((e) => $(e.id))), i = t.filter((e, n) => !r.has($(e.id)) && t.findIndex((t) => qe(t.id, e.id)) === n), a = e.map((e) => (e.unresolved ? n.get($(e.id)) : void 0) ?? e);
-	return i.length > 0 || a.some((t, n) => t !== e[n]) ? [...a, ...i] : e;
-}
-function Ze(e) {
-	return e ? e.id : void 0;
-}
-// src/views/forms/renderer/org-unit-field.tsx
-var Qe = "搜尋組織失敗，請稍後再試。";
-function $e({ name: e, onChange: t, placeholder: n, readonly: i, size: c, value: l }) {
-	let [u, d] = o([]), [f, p] = o([]), [m, h] = o(!1), [g, _] = o(!1), y = a(0), b = Ye(l, u);
-	r(() => {
-		let e = !1;
-		return b === null ? () => void 0 : (W([b]).then((e) => {
-			let t = e.map(Ue);
-			return t.some((e) => e.id.toLowerCase() === b.toLowerCase()) ? t : [...t, Ge(b)];
-		}).catch(() => [Ge(b)]).then((t) => {
-			e || d((e) => Xe(e, t));
-		}), () => {
-			e = !0;
-		});
-	}, [b]);
-	async function x(e) {
-		let t = y.current + 1;
-		y.current = t, h(!0);
-		try {
-			let n = (await G(e)).map(Ue);
-			y.current === t && (p(n), _(!1), d((e) => Xe(e, n)));
-		} catch {
-			y.current === t && (p([]), _(!0));
-		} finally {
-			y.current === t && h(!1);
-		}
-	}
-	let w = Je(l, u), T = [...Xe(w ? [w] : [], f)];
-	return /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S(s, {
-		asyncData: !0,
-		clearSearchText: !0,
-		disabled: i,
-		disabledOptionsFilter: !0,
-		emptyText: "沒有符合的組織",
-		globalPortal: !0,
-		inputProps: {
-			autoCapitalize: "none",
-			autoCorrect: "off",
-			name: e,
-			spellCheck: !1
-		},
-		loading: m,
-		loadingText: "搜尋組織中...",
-		mode: "single",
-		onChange: (e) => t(Ze(e ?? null)),
-		onSearch: x,
-		onVisibilityChange: (e) => {
-			e && (p([]), x(""));
-		},
-		options: T,
-		placeholder: n ?? "搜尋組織名稱",
-		readOnly: i,
-		searchDebounceTime: 300,
-		size: c,
-		value: w
-	}), g ? /* @__PURE__ */ S(v, {
-		color: "text-error",
-		variant: "caption",
-		children: Qe
-	}) : null] });
-}
-// src/views/forms/renderer/FormRendererView.tsx
-var et = {
-	alignItems: "start",
-	display: "grid",
-	gap: 12,
-	gridTemplateColumns: "repeat(12, minmax(0, 1fr))"
-}, tt = { gridColumn: "1 / -1" }, nt = {
-	alignItems: "start",
-	display: "grid",
-	gap: 8,
-	minWidth: 0
-}, rt = {
-	minWidth: "100%",
-	width: "100%"
-};
-function it(e) {
-	e && (e.style.width = "100%");
-}
-function at({ dataSourceContext: e, dataSourceInitialValues: t, emptyText: n = "尚未建立欄位。", errors: s = {}, fieldAccess: c, fieldLabelMarkers: l, maxWidth: u, onChange: d, onDataSourceStateChange: f, onUploadAttachment: p, optionSnapshots: m, readonly: h = !1, schema: g, singleColumn: _ = !1, uiSchema: y, value: b }) {
-	let [x, C] = o(() => E(g.fields, b ?? {})), w = i(() => E(g.fields, b ?? x), [
-		x,
-		g.fields,
-		b
-	]), T = a(w), D = i(() => ue(g, y, w).filter((e) => ot(c, e.fieldKey)?.visible !== !1), [
-		c,
-		g,
-		y,
-		w
-	]);
-	r(() => {
-		T.current = w;
-	}, [w]), r(() => {
-		C((e) => E(g.fields, b ?? e));
-	}, [g.fields, b]);
-	function ee(e, t) {
-		let n = {
-			...T.current,
-			[e]: t
-		};
-		T.current = n, b || C(n), d?.(n);
-	}
-	return D.length ? /* @__PURE__ */ S("div", {
-		style: {
-			...et,
-			..._ ? { width: "100%" } : {}
-		},
-		children: D.map((n) => /* @__PURE__ */ S(ct, {
-			dataSourceContext: e,
-			dataSourceInitialValues: t,
-			field: n,
-			error: s[n.fieldKey] ?? null,
-			errors: s,
-			fields: g.fields,
-			labelMarker: l !== void 0 && Object.prototype.hasOwnProperty.call(l, n.fieldKey) ? l[n.fieldKey] : void 0,
-			onChange: ee,
-			onDataSourceStateChange: f,
-			onUploadAttachment: p,
-			optionSnapshots: m,
-			readonly: st(ot(c, n.fieldKey), h),
-			schema: g,
-			style: {
-				...nt,
-				gridColumn: `span ${_ ? 12 : Ot(n, y)}`,
-				..._ && !me(n) ? { maxWidth: u } : {}
-			},
-			value: w[n.fieldKey],
-			values: w,
-			uiSchema: y
-		}, n.fieldKey))
-	}) : /* @__PURE__ */ S("div", {
-		style: et,
-		children: /* @__PURE__ */ S(v, {
-			color: "text-neutral",
-			style: tt,
-			variant: "body",
-			children: g.fields.length > 0 ? "目前條件下沒有可填寫欄位。" : n
-		})
-	});
-}
-function ot(e, t) {
-	return e !== void 0 && Object.prototype.hasOwnProperty.call(e, t) ? e[t] : void 0;
-}
-function st(e, t) {
-	return e === void 0 ? t : !e.editable;
-}
-function ct({ dataSourceContext: t, dataSourceInitialValues: n, error: i, errors: a, field: o, fields: s, labelMarker: l, onChange: u, onDataSourceStateChange: d, onUploadAttachment: f, optionSnapshots: p, readonly: m, schema: h, style: g, value: _, values: y, uiSchema: b }) {
-	let x = j(o, s, y), w = m || A(o, s, y), T = q({
-		context: t,
-		field: o,
-		formData: y,
-		initialFormData: n,
-		initialValue: n?.[o.fieldKey],
-		optionSnapshots: p,
-		readonly: w,
-		schema: h,
-		uiSchema: b
-	}), E = J(T), D = JSON.stringify({
-		hasValue: T.hasValue,
-		invalidValues: T.invalidValues,
-		status: T.status
-	});
-	return r(() => {
-		fe(o) && d?.(o.fieldKey, {
-			hasValue: T.hasValue,
-			invalidValues: T.invalidValues,
-			status: T.status
-		});
-	}, [
-		D,
-		o.fieldKey,
-		d
-	]), /* @__PURE__ */ C("div", {
-		"data-form-field-key": o.fieldKey,
-		style: g,
-		children: [
-			/* @__PURE__ */ S(e, {
-				label: o.label,
-				...l ? { labelOptionalMarker: l } : {},
-				name: o.fieldKey,
-				required: x,
-				children: me(o) ? /* @__PURE__ */ S(yt, {
-					dataSourceContext: t,
-					dataSourceInitialValues: n,
-					errors: a,
-					field: o,
-					onChange: u,
-					onDataSourceStateChange: d,
-					optionSnapshots: p,
-					readonly: w,
-					schema: h,
-					uiSchema: b,
-					value: _,
-					values: y
-				}) : Tt(o, _, w, u, f, t, T)
-			}),
-			i ? /* @__PURE__ */ S(v, {
-				color: "text-error",
-				variant: "caption",
-				children: i
-			}) : null,
-			E ? /* @__PURE__ */ C("div", {
-				style: ft,
-				children: [/* @__PURE__ */ S(v, {
-					color: T.status === "INVALID" || T.status === "UNAVAILABLE" ? "text-error" : "text-neutral",
-					variant: "caption",
-					children: E
-				}), T.status === "UNAVAILABLE" && T.canRetry ? /* @__PURE__ */ S(c, {
-					onClick: T.retry,
-					size: "sub",
-					type: "button",
-					variant: "base-ghost",
-					children: "重試"
-				}) : null]
-			}) : null
-		]
-	});
-}
-var lt = "（另開新分頁）", ut = "另開新分頁", dt = {
-	color: "inherit",
-	textDecoration: "underline",
-	wordBreak: "break-all"
-}, ft = {
-	alignItems: "center",
-	display: "flex",
-	gap: 8
-}, pt = {
-	display: "grid",
-	gap: 8,
-	minWidth: 0,
-	width: "100%"
-}, mt = {
-	display: "flex",
-	justifyContent: "flex-start"
-}, ht = {
-	maxWidth: "100%",
-	overflowX: "auto"
-}, gt = 160, _t = 56, vt = {
-	display: "grid",
-	gap: 4,
-	minWidth: 0
-};
-function yt({ dataSourceContext: e, dataSourceInitialValues: t, errors: n, field: i, onChange: s, onDataSourceStateChange: l, optionSnapshots: u, readonly: d, schema: f, uiSchema: p, value: m, values: g }) {
-	let _ = R(m), v = se(i), y = a(0), [b, x] = o(() => _.map(() => St(y)));
-	r(() => {
-		b.length !== _.length && x(_.map(() => St(y)));
-	}, [b.length, _.length]);
-	function E(e) {
-		s(i.fieldKey, e);
-	}
-	function D() {
-		x([...b, St(y)]), E([..._, ee(i.columns)]);
-	}
-	function O(e) {
-		x(b.filter((t, n) => n !== e)), E(_.filter((t, n) => n !== e));
-	}
-	function k(e, t, n) {
-		E(_.map((r, i) => i === e ? Ct(r, t, n) : r));
-	}
-	let A = _.map((e, t) => ({
-		...e,
-		index: t,
-		key: b[t] ?? `row-${t}`
-	})), j = i.columns.map((r) => ({
-		key: r.fieldKey,
-		render: (a) => /* @__PURE__ */ S(bt, {
-			column: r,
-			dataSourceContext: e,
-			error: n[L(i.fieldKey, a.index, r.fieldKey)] ?? null,
-			fieldPath: `${i.fieldKey}.${r.fieldKey}`,
-			formData: g,
-			initialFormData: t,
-			initialRowValues: xt(t?.[i.fieldKey], a.index),
-			onChange: (e) => k(a.index, r.fieldKey, e),
-			onDataSourceStateChange: l,
-			optionSnapshots: u,
-			path: L(i.fieldKey, a.index, r.fieldKey),
-			readonly: d,
-			rowValues: _[a.index] ?? {},
-			schema: f,
-			uiSchema: p
-		}, `${b[a.index] ?? a.index}-${r.fieldKey}`),
-		title: r.label || r.fieldKey
-	})), M = d ? void 0 : {
-		render: (e) => [{
-			disabled: () => _.length <= v.minRows,
-			icon: T,
-			iconType: "icon-only",
-			name: "刪除此列",
-			onClick: () => O(e.index),
-			variant: "destructive-ghost"
-		}],
-		width: 56
-	};
-	return /* @__PURE__ */ C("div", {
-		style: pt,
-		children: [/* @__PURE__ */ S("div", {
-			style: ht,
-			children: /* @__PURE__ */ S("div", {
-				style: { minWidth: i.columns.length * gt + (M ? _t : 0) },
-				children: /* @__PURE__ */ S(h, {
-					...M ? { actions: M } : {},
-					columns: j,
-					dataSource: [...A],
-					rowHeightPreset: "roomy",
-					showHeader: !0,
-					size: "sub"
-				})
-			})
-		}), d ? null : /* @__PURE__ */ S("div", {
-			style: mt,
-			children: /* @__PURE__ */ S(c, {
-				disabled: _.length >= v.maxRows,
-				icon: w,
-				iconType: "leading",
-				onClick: D,
-				size: "sub",
-				type: "button",
-				variant: "base-secondary",
-				children: i.addRowLabel || "新增一列"
-			})
-		})]
-	});
-}
-function bt({ column: e, dataSourceContext: t, error: n, fieldPath: i, formData: a, initialFormData: o, initialRowValues: s, onChange: l, onDataSourceStateChange: u, optionSnapshots: d, path: f, readonly: p, rowValues: m, schema: h, uiSchema: g }) {
-	let _ = wt(m, e.fieldKey), y = q({
-		context: t,
-		field: e,
-		fieldPath: i,
-		formData: a,
-		initialFormData: o,
-		initialValue: s ? wt(s, e.fieldKey) : void 0,
-		optionSnapshots: d,
-		readonly: p,
-		row: {
-			initialValues: s,
-			values: m
-		},
-		schema: h,
-		snapshotKey: f,
-		uiSchema: g
-	}), b = J(y), x = JSON.stringify({
-		hasValue: y.hasValue,
-		invalidValues: y.invalidValues,
-		status: y.status
-	});
-	return r(() => {
-		if (fe(e)) return u?.(f, {
-			hasValue: y.hasValue,
-			invalidValues: y.invalidValues,
-			status: y.status
-		}), () => {
-			u?.(f, {
-				hasValue: !1,
-				invalidValues: [],
-				status: "IDLE"
-			});
-		};
-	}, [
-		u,
-		f,
-		x
-	]), /* @__PURE__ */ C("div", {
-		"data-form-field-key": f,
-		style: vt,
-		children: [
-			Tt(e, _, p, (e, t) => l(t), void 0, t, y, "sub"),
-			n ? /* @__PURE__ */ S(v, {
-				color: "text-error",
-				variant: "caption",
-				children: n
-			}) : null,
-			b ? /* @__PURE__ */ C("div", {
-				style: ft,
-				children: [/* @__PURE__ */ S(v, {
-					color: y.status === "INVALID" || y.status === "UNAVAILABLE" ? "text-error" : "text-neutral",
-					variant: "caption",
-					children: b
-				}), y.status === "UNAVAILABLE" && y.canRetry ? /* @__PURE__ */ S(c, {
-					onClick: y.retry,
-					size: "sub",
-					type: "button",
-					variant: "base-ghost",
-					children: "重試"
-				}) : null]
-			}) : null
-		]
-	});
-}
-function xt(e, t) {
-	return R(e)[t];
-}
-function St(e) {
-	return e.current += 1, `table-row-${e.current}`;
-}
-function Ct(e, t, n) {
-	return n === void 0 || !V(n) ? Object.fromEntries(Object.entries(e).filter(([e]) => e !== t)) : {
-		...e,
-		[t]: n
-	};
-}
-function wt(e, t) {
-	if (e && Object.prototype.hasOwnProperty.call(e, t)) return e[t];
-}
-function Tt(e, t, n, r, i, a, o, s = "main") {
-	return fe(e) ? Dt(e, t, n, r, a, o, s) : Et(e, t, n, r, i, s);
-}
-function Et(e, t, n, r, i, a = "main") {
-	let o = n && (e.type === "text" || e.type === "textarea") && e.displayAs === "link" ? Oe(t) : null;
-	if (o) return /* @__PURE__ */ S(v, {
-		color: "text-brand",
-		component: "span",
-		variant: "body",
-		children: /* @__PURE__ */ S("a", {
-			href: o.href,
-			style: dt,
-			...o.external ? {
-				"aria-label": `${o.href}${lt}`,
-				rel: "noopener noreferrer",
-				target: "_blank",
-				title: ut
-			} : {},
-			children: o.href
-		})
-	});
-	if (e.type === "textarea") return /* @__PURE__ */ S(g, {
-		onChange: (t) => r(e.fieldKey, t.target.value),
-		placeholder: e.placeholder ?? "請輸入多行文字",
-		readOnly: n,
-		ref: it,
-		rows: 3,
-		style: rt,
-		value: kt(t)
-	});
-	if (e.type === "boolean") return /* @__PURE__ */ S(_, {
-		checked: t === !0,
-		disabled: n,
-		label: "啟用",
-		onChange: (t) => r(e.fieldKey, t.target.checked),
-		size: a
-	});
-	if (pe(e) && e.type === "checkbox") {
-		let i = e.options.map(F);
-		return /* @__PURE__ */ S(m, {
-			mode: "multiple",
-			onChange: (t) => r(e.fieldKey, t?.length ? t.map((e) => e.id) : void 0),
-			options: i,
-			placeholder: e.placeholder ?? "請選擇一或多個選項",
-			readOnly: n,
-			size: a,
-			value: i.filter((e) => At(t).includes(e.id))
-		});
-	}
-	if (pe(e)) {
-		let i = e.options.map(F);
-		return /* @__PURE__ */ S(m, {
-			onChange: (t) => r(e.fieldKey, t?.id ?? void 0),
-			options: i,
-			placeholder: e.placeholder ?? "請選擇",
-			readOnly: n,
-			size: a,
-			value: B(i, kt(t))
-		});
-	}
-	return e.type === "member" ? /* @__PURE__ */ S(Be, {
-		multiple: e.multiple === !0,
-		name: e.fieldKey,
-		onChange: (t) => r(e.fieldKey, t),
-		placeholder: e.placeholder,
-		readonly: n,
-		size: a,
-		value: t
-	}) : e.type === "org_unit" ? /* @__PURE__ */ S($e, {
-		name: e.fieldKey,
-		onChange: (t) => r(e.fieldKey, t),
-		placeholder: e.placeholder ?? Mt(e.type),
-		readonly: n,
-		size: a,
-		value: t
-	}) : e.type === "file_upload" ? /* @__PURE__ */ S(y, {
-		accept: e.acceptedMimeTypes?.join(","),
-		disabled: n,
-		maxFiles: e.maxFiles,
-		mode: "button-list",
-		...(e.maxFiles ?? 1) > 1 ? { multiple: !0 } : {},
-		onChange: (t) => r(e.fieldKey, t.length ? t.map((e) => e.id) : void 0),
-		onUpload: async (t) => Promise.all(t.map(async (t) => ({
-			file: t,
-			id: (i ? await i(e, t) : { id: `${t.name}-${t.lastModified}` }).id,
-			progress: 100,
-			status: "done"
-		}))),
-		size: "sub"
-	}) : e.type === "date" ? /* @__PURE__ */ S(u, {
-		format: "YYYY-MM-DD",
-		fullWidth: !0,
-		onChange: (t) => r(e.fieldKey, O(t)),
-		placeholder: e.placeholder ?? Mt(e.type),
-		readOnly: n,
-		value: P(t)
-	}) : e.type === "datetime" ? /* @__PURE__ */ S(d, {
-		formatDate: "YYYY-MM-DD",
-		formatTime: "HH:mm",
-		fullWidth: !0,
-		hideSecond: !0,
-		onChange: (t) => r(e.fieldKey, k(t)),
-		placeholderLeft: "選擇日期",
-		placeholderRight: "選擇時間",
-		readOnly: n,
-		value: P(t)
-	}) : e.type === "number" || e.type === "money" ? /* @__PURE__ */ S(f, {
-		fullWidth: !0,
-		max: e.maximum,
-		min: e.minimum,
-		size: a,
-		onChange: (t) => r(e.fieldKey, D(N(t.target.value), {
-			max: e.maximum,
-			min: e.minimum
-		})),
-		placeholder: e.placeholder ?? Mt(e.type),
-		...n ? { readonly: !0 } : {},
-		showSpinner: !0,
-		value: jt(t),
-		variant: "measure"
-	}) : /* @__PURE__ */ S(f, {
-		fullWidth: !0,
-		onChange: (t) => r(e.fieldKey, t.target.value),
-		placeholder: e.placeholder ?? Mt(e.type),
-		...n ? { readonly: !0 } : {},
-		size: a,
-		value: kt(t),
-		variant: "base"
-	});
-}
-function Dt(e, t, n, r, i, a, o = "main") {
-	let c = a.options.map(F), u = le(t, a.options).map(F), d = a.status === "LOADING", f = a.status === "WAITING_FOR_DEPENDENCIES", h = !!i && !n, g = n || f, _ = n;
-	return e.type === "autocomplete" ? H(e) === "multiple" ? /* @__PURE__ */ S(s, {
-		asyncData: h,
-		clearSearchText: !0,
-		disabled: _,
-		disabledOptionsFilter: h,
-		globalPortal: !0,
-		loading: d,
-		mode: "multiple",
-		onChange: (t) => r(e.fieldKey, t.length ? t.map((e) => e.id) : void 0),
-		onReachBottom: a.hasNextPage ? a.onReachBottom : void 0,
-		onSearch: h ? a.onSearch : void 0,
-		options: c,
-		placeholder: e.placeholder ?? "請輸入或選擇",
-		readOnly: n,
-		searchDebounceTime: 300,
-		size: o,
-		value: u
-	}) : /* @__PURE__ */ S(s, {
-		asyncData: h,
-		clearSearchText: !0,
-		disabled: _,
-		disabledOptionsFilter: h,
-		globalPortal: !0,
-		loading: d,
-		mode: "single",
-		onChange: (t) => r(e.fieldKey, t?.id ?? void 0),
-		onReachBottom: a.hasNextPage ? a.onReachBottom : void 0,
-		onSearch: h ? a.onSearch : void 0,
-		options: c,
-		placeholder: e.placeholder ?? "請輸入或選擇",
-		readOnly: n,
-		searchDebounceTime: 300,
-		size: o,
-		value: u[0] ?? null
-	}) : e.type === "radio" ? /* @__PURE__ */ S(p, {
-		disabled: g,
-		name: e.fieldKey,
-		onChange: (t) => r(e.fieldKey, t.target.value || void 0),
-		options: c,
-		value: kt(t)
-	}) : e.type === "checkbox" ? /* @__PURE__ */ S(l, {
-		disabled: g,
-		name: e.fieldKey,
-		onChange: (t) => r(e.fieldKey, t.target.values.length ? t.target.values : void 0),
-		options: c.map((e) => ({
-			label: e.name,
-			value: e.id
-		})),
-		value: [...At(t)]
-	}) : H(e) === "multiple" ? /* @__PURE__ */ S(m, {
-		disabled: g,
-		loading: d,
-		mode: "multiple",
-		onChange: (t) => r(e.fieldKey, t.length ? t.map((e) => e.id) : void 0),
-		onReachBottom: a.hasNextPage ? a.onReachBottom : void 0,
-		options: c,
-		placeholder: e.placeholder ?? "請選擇一或多個選項",
-		readOnly: n,
-		size: o,
-		value: u
-	}) : /* @__PURE__ */ S(m, {
-		disabled: g,
-		loading: d,
-		onChange: (t) => r(e.fieldKey, t?.id ?? void 0),
-		onReachBottom: a.hasNextPage ? a.onReachBottom : void 0,
-		options: c,
-		placeholder: e.placeholder ?? "請選擇",
-		readOnly: n,
-		size: o,
-		value: u[0] ?? null
-	});
-}
-function Ot(e, t) {
-	return {
-		FULL: 12,
-		HALF: 6,
-		THIRD: 4
-	}[t.layout.find((t) => t.fieldKey === e.fieldKey)?.width ?? "FULL"];
-}
-function kt(e) {
-	return typeof e == "string" ? e : "";
-}
-function At(e) {
-	return Array.isArray(e) && e.every((e) => typeof e == "string") ? e : [];
-}
-function jt(e) {
-	return typeof e == "number" ? String(e) : "";
-}
-function Mt(e) {
-	return {
-		boolean: "",
-		autocomplete: "請輸入或選擇",
-		checkbox: "請選擇一或多個選項",
-		date: "請選擇日期",
-		datetime: "請選擇日期與時間",
-		file_upload: "請上傳附件",
-		member: "搜尋姓名或信箱",
-		money: "請輸入金額",
-		number: "請輸入數字",
-		org_unit: "搜尋組織名稱",
-		radio: "請選擇一個選項",
-		select: "請選擇一個選項",
-		table: "",
-		text: "請輸入文字",
-		textarea: "請輸入多行文字"
-	}[e];
-}
-export { Y as a, q as c, Q as i, Ue as n, J as o, je as r, X as s, at as t };
-
-//# sourceMappingURL=FormRendererView-CTLlG13b.js.map