@rytass/bpm-core-react 0.21.2 → 0.21.4

package/dist/chunks/{FormRendererView-BcQKUi1A.js → FormRendererView-CAyPXhPq.js}

@@ -5,17 +5,20 @@ import { useCallback as n, useEffect as r, useMemo as i, useRef as a, useState a
 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 { buildFormRendererValues as w, clampOptionalNumber as T, createFormTableRow as E, formatDatePickerValue as D, formatDateTimePickerValue as O, isFormRendererFieldReadonly as k, isFormRendererFieldRequired as A, mergeFormDataSourceOptions as j, parseOptionalNumberInput as M, previewFormFieldOptions as ee, previewResolveFormFieldOptions as te, readDatePickerValue as ne, readFieldOptionAsSelectOption as N, readFormDataSourceErrorCode as re, readFormDataSourceErrorMessage as ie, readFormDataSourceSelectedValues as ae, readFormDataSourceValueSignature as P, readFormFieldOptions as oe, readFormTableCellPath as se, readFormTableRowBounds as ce, readFormTableRows as le, readMissingFormDataSourceDependencies as ue, readMissingFormDataSourceOptionValues as de, readSelectOption as fe, readSelectedFormDataSourceOptions as pe, readVisibleFormRendererFields as F, resolveFormFieldOptions as me } from "@rytass/bpm-core-client/form";
-import { PlusIcon as I, TrashIcon as L } from "@mezzanine-ui/icons";
-import { isFormDataSourceFieldDefinition as he, isFormStaticOptionFieldDefinition as R, isFormTableCellValue as ge, isTableFieldDefinition as _e, readFormFieldSelectionMode as z, readFormMemberIds as ve } from "@rytass/bpm-core-shared/form";
-import { resolveOrgUnitOptions as ye, searchOrgUnitOptions as B } from "@rytass/bpm-core-client/organization";
+import { FormFieldDensity as w, FormFieldLayout as T } from "@mezzanine-ui/core/form";
+import { buildFormRendererValues as E, clampOptionalNumber as D, createFormTableRow as O, formatDatePickerValue as k, formatDateTimePickerValue as A, isFormRendererFieldReadonly as j, isFormRendererFieldRequired as M, mergeFormDataSourceOptions as N, parseOptionalNumberInput as ee, 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 se, readFormTableRowBounds as ce, readFormTableRows as L, readMissingFormDataSourceDependencies as le, readMissingFormDataSourceOptionValues as R, readSelectOption as z, readSelectedFormDataSourceOptions as ue, readVisibleFormRendererFields as B, resolveFormFieldOptions as de } from "@rytass/bpm-core-client/form";
+import { PlusIcon as V, TrashIcon as fe } from "@mezzanine-ui/icons";
+import { isFormDataSourceFieldDefinition as pe, isFormStaticOptionFieldDefinition as me, isFormTableCellValue as he, isTableFieldDefinition as H, readFormFieldSelectionMode as ge, readFormMemberIds as _e } from "@rytass/bpm-core-shared/form";
+import { resolveOrgUnitOptions as ve, searchOrgUnitOptions as ye } from "@rytass/bpm-core-client/organization";
 // src/views/forms/renderer/form-data-source-field.ts
 var be = {
 	canRetry: !1,
 	error: null,
 	hasValue: !1,
 	hasNextPage: !1,
+	loadingNextPage: !1,
 	invalidValues: [],
+	onOpen: () => void 0,
 	onReachBottom: () => void 0,
 	onSearch: () => void 0,
 	options: [],
@@ -27,10 +30,10 @@ function Te(e, t) {
 	let n = t.fieldPath?.indexOf(".") ?? -1;
 	return t.fieldPath && n > 0 ? t.fieldPath.slice(0, n) : null;
 }
-function V(e, t) {
+function Ee(e, t) {
 	return t === null ? e : Object.fromEntries(Object.entries(e).filter(([e]) => e !== t));
 }
-function Ee(e, t) {
+function De(e, t) {
 	let n = e.from;
 	switch (n.kind) {
 		case "FIELD": return {
@@ -44,13 +47,13 @@ function Ee(e, t) {
 		};
 		case "EXPRESSION": return {
 			expression: n.expression,
-			form: V(t.formData, t.ownFormKey),
-			row: t.rowValues ? V(t.rowValues, t.ownRowKey) : null
+			form: Ee(t.formData, t.ownFormKey),
+			row: t.rowValues ? Ee(t.rowValues, t.ownRowKey) : null
 		};
-		default: return De(n);
+		default: return U(n);
 	}
 }
-function De(e) {
+function U(e) {
 	return { unsupported: !0 };
 }
 function Oe(e) {
@@ -59,17 +62,17 @@ function Oe(e) {
 function ke(e) {
 	return Array.isArray(e) ? e.map(ke) : typeof e == "object" && e ? Object.fromEntries(Object.entries(e).filter(([, e]) => e !== void 0).sort(([e], [t]) => e < t ? -1 : +(e > t)).map(([e, t]) => [e, ke(t)])) : e;
 }
-function H(e) {
-	let t = he(e.field) ? e.field : null, s = e.fieldPath ?? t?.fieldKey ?? "", c = t ? e.optionSnapshots?.[e.snapshotKey ?? t.fieldKey] : void 0, l = t ? JSON.stringify({
+function W(e) {
+	let t = pe(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 = P(x), C = i(() => ae(x), [S]), T = C.length > 0, E = t ? JSON.stringify(t.dataSource.bindings.map((n) => Ee(n, {
+	}) : "", 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(t.dataSource.bindings.map((n) => De(n, {
 		formData: e.formData,
 		ownFormKey: Te(t.fieldKey, e),
 		ownRowKey: e.row ? t.fieldKey : null,
 		rowValues: e.row?.values
-	}))) : "", D = t ? JSON.stringify(e.initialFormData !== void 0 || e.initialValue !== void 0 ? x ?? null : null) : "", O = t ? `${E}\u0000${D}` : "", k = Ae(E, t?.dataSource.bindings.some((e) => e.from.kind === "EXPRESSION") ? Ce : 0), A = k !== E, M = i(() => {
+	}))) : "", D = t ? JSON.stringify(e.initialFormData !== void 0 || e.initialValue !== void 0 ? x ?? null : null) : "", O = t ? `${T}\u0000${D}` : "", k = Ae(T, t?.dataSource.bindings.some((e) => e.from.kind === "EXPRESSION") ? Ce : 0), A = k !== T, j = i(() => {
 		if (g === "preview") return { kind: "preview" };
 		if (g === "runtime" && !e.readonly) return {
 			instanceId: _,
@@ -81,62 +84,62 @@ function H(e) {
 		g,
 		v,
 		e.readonly
-	]), ne = t ? (e.initialFormData !== void 0 || e.initialValue !== void 0) && P(e.initialValue) !== S : !1, N = t ? e.initialFormData !== void 0 && t.dataSource.bindings.some((n) => {
-		if (n.from.kind === "FIELD") return P(e.initialFormData?.[n.from.fieldKey]) !== P(e.formData[n.from.fieldKey]);
-		if (n.from.kind === "ROW_FIELD" && e.row?.initialValues) return P(e.row.initialValues[n.from.columnKey]) !== P(e.row.values[n.from.columnKey]);
+	]), M = t ? (e.initialFormData !== void 0 || e.initialValue !== void 0) && I(e.initialValue) !== S : !1, ee = t ? e.initialFormData !== void 0 && t.dataSource.bindings.some((n) => {
+		if (n.from.kind === "FIELD") return I(e.initialFormData?.[n.from.fieldKey]) !== I(e.formData[n.from.fieldKey]);
+		if (n.from.kind === "ROW_FIELD" && e.row?.initialValues) return I(e.row.initialValues[n.from.columnKey]) !== I(e.row.values[n.from.columnKey]);
 		if (n.from.kind === "EXPRESSION") {
-			if (!M) return !1;
+			if (!j) return !1;
 			let r = {
 				ownFormKey: Te(t.fieldKey, e),
 				ownRowKey: e.row ? t.fieldKey : null
 			};
-			return Oe(Ee(n, {
+			return Oe(De(n, {
 				...r,
-				formData: w(e.schema.fields, e.initialFormData ?? {}),
+				formData: E(e.schema.fields, e.initialFormData ?? {}),
 				rowValues: e.row?.initialValues ?? e.row?.values
-			})) !== Oe(Ee(n, {
+			})) !== Oe(De(n, {
 				...r,
-				formData: w(e.schema.fields, e.formData),
+				formData: E(e.schema.fields, e.formData),
 				rowValues: e.row?.values
 			}));
 		}
 		return !1;
-	}) : !1, se = !!t?.dataSource.bindings.some((e) => e.from.kind === "EXPRESSION"), [ce, le] = o(() => ({
+	}) : !1, P = !!t?.dataSource.bindings.some((e) => e.from.kind === "EXPRESSION"), [F, se] = o(() => ({
 		bindings: k,
 		value: S
 	}));
-	ce.value !== S && le({
+	F.value !== S && se({
 		bindings: k,
 		value: S
 	});
-	let de = !!(se && M && T && ce.value === S && ce.bindings !== k), fe = !!((c || T) && (ne || N || de)), F = !!(t && M && fe && T), I = Pe({
+	let ce = !!(P && j && w && F.value === S && F.bindings !== k), L = !!((c || w) && (M || ee || ce)), R = !!(t && j && L && w), z = Pe({
 		hasSnapshot: !!c,
-		hasValue: T,
-		isStale: fe,
+		hasValue: w,
+		isStale: L,
 		readonly: e.readonly
-	}), L = !!(t && M && t.type !== "autocomplete"), R = Fe(fe, L && t !== null && ue(t, e.formData, e.row?.values).length > 0), ge = a(I);
-	ge.current = I;
-	let [_e, z] = o([]), [ve, ye] = o(""), [B, xe] = o(null), [V, De] = o(null), [ke, H] = o(() => t ? L ? R : I : "IDLE"), [je, U] = o(null), Me = a(0), W = a(0), G = a(0), K = a(null), Be = a(null), q = a({
+	}), B = !!(t && j && t.type !== "autocomplete"), V = Fe(L, B && t !== null && le(t, e.formData, e.row?.values).length > 0), fe = a(z);
+	fe.current = z;
+	let [me, he] = o([]), [H, ge] = o(""), [_e, ve] = o(null), [ye, xe] = o(null), [Ee, U] = o(() => t ? B ? V : z : "IDLE"), [ke, W] = o(null), [je, G] = o(!1), Me = a(0), K = a(0), q = a(0), Be = a(null), Ve = a(null), J = a(!1), He = a({
 		cursor: null,
 		searchText: ""
-	}), J = i(() => ze(e.formData), [f]), Y = i(() => e.row ? ze(e.row.values) : void 0, [y]), Ve = i(() => j(d, _e), [_e, d]), X = V && V.signature === O && V.valueSignature === S ? V : null, He = F && !X, Ue = !!(de && X && X.unresolvedValues.length > 0), We = Ne({
-		options: Ve,
-		resolution: X,
-		resolvePending: He,
+	}), Y = i(() => ze(e.formData), [f]), X = i(() => e.row ? ze(e.row.values) : void 0, [y]), Ue = i(() => N(d, me), [me, d]), We = ye && ye.signature === O && ye.valueSignature === S ? ye : null, Ge = R && !We, Ke = !!(ce && We && We.unresolvedValues.length > 0), qe = Ne({
+		options: Ue,
+		resolution: We,
+		resolvePending: Ge,
 		value: x
 	}), Z = n((n, r) => {
-		if (!t || !M) return;
-		let i = W.current + 1;
-		W.current = i, q.current = {
+		if (!t || !j) return;
+		let i = K.current + 1;
+		K.current = i, J.current = !0, He.current = {
 			cursor: r,
 			searchText: n
-		}, K.current?.abort();
+		}, Be.current?.abort();
 		let a = new AbortController();
-		K.current = a, H(R), U(null), (M.kind === "preview" ? ee({
+		Be.current = a, U(V), G(r !== null), W(null), (j.kind === "preview" ? te({
 			cursor: r,
 			fieldKey: s,
-			formData: J,
-			rowValues: Y,
+			formData: Y,
+			rowValues: X,
 			schema: e.schema,
 			searchText: n,
 			signal: a.signal,
@@ -144,83 +147,84 @@ function H(e) {
 		}) : oe({
 			cursor: r,
 			fieldKey: s,
-			formData: J,
-			instanceId: M.instanceId ?? null,
-			rowValues: Y,
+			formData: Y,
+			instanceId: j.instanceId ?? null,
+			rowValues: X,
 			searchText: n,
 			signal: a.signal,
-			templateId: M.templateId ?? null
+			templateId: j.templateId ?? null
 		})).then((e) => {
-			Re(a, W, i) || (z((t) => {
-				let n = pe(x, t);
-				return j(n, r ? t : [], e.options);
-			}), xe(e.nextCursor), U(null), Me.current = r ? Me.current + e.options.length : e.options.length, e.nextCursor && e.options.length > 0 && Me.current < Se && Ge.current(n, e.nextCursor), H(e.waitingForFieldKeys.length ? "WAITING_FOR_DEPENDENCIES" : "VALID"));
+			Re(a, K, i) || (G(!1), he((t) => {
+				let n = ue(x, t);
+				return N(n, r ? t : [], e.options);
+			}), ve(e.nextCursor), W(null), Me.current = r ? Me.current + e.options.length : e.options.length, e.nextCursor && e.options.length > 0 && Me.current < Se && Q.current(n, e.nextCursor), U(e.waitingForFieldKeys.length ? "WAITING_FOR_DEPENDENCIES" : "VALID"));
 		}).catch((e) => {
-			if (Re(a, W, i)) return;
+			if (Re(a, K, i)) return;
+			r === null && (J.current = !1), G(!1);
 			let t = ie(e) ?? "選項來源暫時無法使用。", n = re(e);
-			U(t), H(Ie(!!(n && we.includes(n)), T));
+			W(t), U(Ie(!!(n && we.includes(n)), w));
 		});
 	}, [
 		S,
 		l,
-		M,
-		T,
-		R,
+		j,
+		w,
+		V,
 		s,
-		J,
 		Y,
+		X,
 		m,
 		h
-	]), Ge = a(Z);
-	Ge.current = Z;
-	let Q = n(() => {
-		if (!t || !M || C.length === 0) return;
-		let n = O, r = S, i = G.current + 1;
-		G.current = i, Be.current?.abort();
+	]), Q = a(Z);
+	Q.current = Z;
+	let Je = n(() => {
+		if (!t || !j || C.length === 0) return;
+		let n = O, r = S, i = q.current + 1;
+		q.current = i, Ve.current?.abort();
 		let a = new AbortController();
-		Be.current = a, U(null), (M.kind === "preview" ? te({
+		Ve.current = a, W(null), (j.kind === "preview" ? ne({
 			fieldKey: s,
-			formData: J,
-			rowValues: Y,
+			formData: Y,
+			rowValues: X,
 			schema: e.schema,
 			signal: a.signal,
 			uiSchema: e.uiSchema,
 			values: C
-		}) : me({
+		}) : de({
 			fieldKey: s,
-			formData: J,
-			instanceId: M.instanceId ?? null,
-			rowValues: Y,
+			formData: Y,
+			instanceId: j.instanceId ?? null,
+			rowValues: X,
 			signal: a.signal,
-			templateId: M.templateId ?? null,
+			templateId: j.templateId ?? null,
 			values: C
 		})).then((e) => {
-			Re(a, G, i) || (e.waitingForFieldKeys.length ? H("WAITING_FOR_DEPENDENCIES") : (z((t) => j(t, e.options)), De({
+			Re(a, q, i) || (e.waitingForFieldKeys.length ? U("WAITING_FOR_DEPENDENCIES") : (he((t) => N(t, e.options)), xe({
 				signature: n,
 				unresolvedValues: e.unresolvedValues,
 				valueSignature: r
-			}), H("VALID")));
+			}), U("VALID")));
 		}).catch((e) => {
-			Re(a, G, i) || (H("UNAVAILABLE"), U(ie(e) ?? "選項來源暫時無法使用。"));
+			Re(a, q, i) || (U("UNAVAILABLE"), W(ie(e) ?? "選項來源暫時無法使用。"));
 		});
 	}, [
 		S,
 		O,
 		l,
-		M,
+		j,
 		s,
-		J,
 		Y,
+		X,
 		m,
 		C,
 		h
-	]), Ke = a(Q);
-	Ke.current = Q, r(() => {
-		W.current += 1, K.current?.abort(), z((e) => pe(x, e)), xe((e) => e === null ? e : null), ye((e) => e && ""), U((e) => e && null), t ? L ? Ge.current("", null) : H(ge.current) : H("IDLE");
+	]), Ye = a(Je);
+	Ye.current = Je, r(() => {
+		K.current += 1, J.current = !1, Be.current?.abort(), G(!1), he((e) => ue(x, e)), ve((e) => e === null ? e : null), ge((e) => e && ""), W((e) => e && null), t ? B ? Q.current("", null) : U(fe.current) : U("IDLE");
 	}, [
-		L,
+		B,
 		l,
-		M,
+		j,
 		k,
 		D,
 		p,
@@ -228,52 +232,67 @@ function H(e) {
 		e.readonly,
 		u
 	]), r(() => {
-		t && !L && H(I);
+		t && !B && U(z);
 	}, [
-		L,
+		B,
 		l,
-		I
+		z
 	]), r(() => {
-		F && !A && Ke.current();
+		R && !A && Ye.current();
 	}, [
-		M,
-		F,
+		j,
+		R,
 		A,
 		k,
 		D
 	]), r(() => () => {
-		K.current?.abort(), Be.current?.abort();
+		Be.current?.abort(), Ve.current?.abort();
 	}, []);
-	let qe = n((e) => {
-		ye(e), z((e) => pe(x, e)), xe(null), Z(e, null);
-	}, [Z]), Je = n(() => {
-		B && Z(ve, B);
+	let Xe = n((e) => {
+		ge(e), he((e) => ue(x, e)), ve(null), Z(e, null);
+	}, [Z]), Ze = n(() => {
+		B || !j || e.readonly || J.current && H === "" || Xe("");
 	}, [
-		Z,
 		B,
-		ve
-	]), Ye = n(() => {
-		M && (Z(q.current.searchText, q.current.cursor), F && Ke.current());
+		j,
+		e.readonly,
+		Xe,
+		H
+	]), Qe = a({
+		cursor: _e,
+		searchText: H
+	});
+	Qe.current = {
+		cursor: _e,
+		searchText: H
+	};
+	let $e = n(() => {
+		let { cursor: e, searchText: t } = Qe.current;
+		e && Q.current(t, e);
+	}, []), et = n(() => {
+		j && (Z(He.current.searchText, He.current.cursor), R && Ye.current());
 	}, [
-		M,
+		j,
 		Z,
-		F
+		R
 	]);
 	return t ? {
-		canRetry: !!M,
-		error: je,
-		hasValue: T,
-		hasNextPage: !!B,
-		invalidValues: We,
-		onReachBottom: Je,
-		onSearch: qe,
-		options: Ve,
-		retry: Ye,
-		selectionExpired: Ue,
-		status: A && M && (L || T) ? L ? R : "STALE" : Le({
-			invalidValues: We,
-			resolvePending: He,
-			status: ke
+		canRetry: !!j,
+		error: ke,
+		hasValue: w,
+		hasNextPage: !!_e,
+		loadingNextPage: je,
+		invalidValues: qe,
+		onOpen: Ze,
+		onReachBottom: $e,
+		onSearch: Xe,
+		options: Ue,
+		retry: et,
+		selectionExpired: Ke,
+		status: A && j && (B || w) ? B ? V : "STALE" : Le({
+			invalidValues: qe,
+			resolvePending: Ge,
+			status: Ee
 		})
 	} : be;
 }
@@ -299,15 +318,15 @@ function je(e) {
 		default: return e.error;
 	}
 }
-function U(e) {
+function G(e) {
 	return e.hasValue && e.status !== "VALID";
 }
 function Me(e) {
-	let t = e.filter(U);
+	let t = e.filter(G);
 	return t.length === 0 ? null : t.some((e) => e.status === "INVALID" && e.selectionExpired === !0) ? ie("FORM_DATA_SOURCE_VALUE_NOT_RESOLVED") : t.every((e) => e.status === "LOADING" || e.status === "STALE") ? "選項驗證中，請稍候再送出。" : "請先完成動態選項驗證。";
 }
 function Ne(e) {
-	return e.resolution ? e.resolution.unresolvedValues : e.resolvePending ? xe : de(e.value, e.options);
+	return e.resolution ? e.resolution.unresolvedValues : e.resolvePending ? xe : R(e.value, e.options);
 }
 function Pe(e) {
 	return e.isStale ? "STALE" : e.hasSnapshot ? "VALID" : e.readonly && e.hasValue ? "UNAVAILABLE" : "IDLE";
@@ -331,26 +350,26 @@ function ze(e) {
 	}, {});
 }
 // src/views/forms/renderer/form-value-readers.ts
-function W(e) {
+function K(e) {
 	return Array.isArray(e) && e.every((e) => typeof e == "string") ? e : [];
 }
 // src/views/forms/renderer/file-upload-field.tsx
-function G(e) {
+function q(e) {
 	return e.some((e) => e.pendingCount > 0) ? "附件仍在上傳中，請稍候再送出。" : e.some((e) => e.failedCount > 0) ? "有附件上傳失敗，請重試或移除後再送出。" : null;
 }
-function K() {
+function Be() {
 	let [e, t] = o({}), r = n((e, n) => t((t) => ({
 		...t,
 		[e]: n
 	})), []);
 	return {
-		blockMessage: G(Object.values(e)),
+		blockMessage: q(Object.values(e)),
 		onFileUploadStateChange: r
 	};
 }
-var Be = "無法讀取檔名的附件", q = "此處無法上傳附件";
-function J({ attachments: e, field: t, onChange: s, onDownloadAttachment: c, onStateChange: l, onUploadAttachment: u, readonly: d, value: f }) {
-	let [p, m] = o([]), [h, g] = o(() => /* @__PURE__ */ new Map()), [_, v] = o([]), b = W(f), x = b.join("\n"), C = i(() => new Map((e ?? []).map((e) => [e.id, e])), [e]), w = i(() => {
+var Ve = "無法讀取檔名的附件", J = "此處無法上傳附件";
+function He({ attachments: e, field: t, onChange: s, onDownloadAttachment: c, onStateChange: l, onUploadAttachment: u, readonly: d, value: f }) {
+	let [p, m] = o([]), [h, g] = o(() => /* @__PURE__ */ new Map()), [_, v] = o([]), b = K(f), x = b.join("\n"), C = i(() => new Map((e ?? []).map((e) => [e.id, e])), [e]), w = i(() => {
 		let e = new Map(_.map((e, t) => [e, t]));
 		return [...b.map((e) => h.get(e) ?? Y(e, C.get(e))), ...p].sort((t, n) => (e.get(t.id) ?? -1) - (e.get(n.id) ?? -1));
 	}, [
@@ -380,8 +399,8 @@ function J({ attachments: e, field: t, onChange: s, onDownloadAttachment: c, onS
 		let t = e.filter((e) => e.status === "done"), n = t.map((e) => e.id), r = new Set(b), i = t.filter((e) => e.file !== void 0 && !r.has(e.id));
 		T.current = e, v(e.map((e) => e.id)), m(e.filter((e) => e.status !== "done")), i.length > 0 && g((e) => new Map([...e, ...i.map((e) => [e.id, e])])), n.join("\n") !== x && s(n.length ? n : void 0);
 	}
-	async function ee(e) {
-		if (!u) throw Error(q);
+	async function N(e) {
+		if (!u) throw Error(J);
 		return {
 			file: e,
 			id: (await u(t, e)).id,
@@ -389,20 +408,20 @@ function J({ attachments: e, field: t, onChange: s, onDownloadAttachment: c, onS
 			status: "done"
 		};
 	}
-	async function te(e, t) {
-		let n = await ee(t).catch((n) => ({
-			errorMessage: X(n),
+	async function ee(e, t) {
+		let n = await N(t).catch((n) => ({
+			errorMessage: Ue(n),
 			file: t,
 			id: e,
 			status: "error"
 		}));
 		D.current(T.current.map((t) => t.id === e ? n : t));
 	}
-	function ne(e, t) {
-		h.has(e) ? He(t) : c?.(e);
+	function te(e, t) {
+		h.has(e) ? We(t) : c?.(e);
 	}
-	let N = !!u && !d, re = [...!d && !u ? [{
-		label: q,
+	let ne = !!u && !d, P = [...!d && !u ? [{
+		label: J,
 		type: "info"
 	}] : [], ...p.filter((e) => e.status === "error").map((e) => ({
 		label: `${e.file?.name ?? "檔案"}：${e.errorMessage ?? "上傳失敗"}，未附加。請重試或刪除。`,
@@ -410,19 +429,19 @@ function J({ attachments: e, field: t, onChange: s, onDownloadAttachment: c, onS
 	}))];
 	return /* @__PURE__ */ S(y, {
 		accept: t.acceptedMimeTypes?.join(","),
-		disabled: !N,
+		disabled: !ne,
 		files: w,
-		...re.length > 0 ? { hints: re } : {},
+		...P.length > 0 ? { hints: P } : {},
 		maxFiles: t.maxFiles,
 		mode: "button-list",
 		...(t.maxFiles ?? 1) > 1 ? { multiple: !0 } : {},
 		onChange: O,
-		onDownload: ne,
+		onDownload: te,
 		onReload: (e, t) => {
-			te(e, t);
+			ee(e, t);
 		},
-		onUpload: async (e) => Promise.all(e.map(async (e) => ee(e).catch((t) => ({
-			errorMessage: X(t),
+		onUpload: async (e) => Promise.all(e.map(async (e) => N(e).catch((t) => ({
+			errorMessage: Ue(t),
 			file: e,
 			id: `failed-${e.name}-${e.lastModified}-${Math.random()}`,
 			status: "error"
@@ -432,7 +451,7 @@ function J({ attachments: e, field: t, onChange: s, onDownloadAttachment: c, onS
 }
 function Y(e, t) {
 	return t ? {
-		file: Ve(t),
+		file: X(t),
 		id: e,
 		progress: 100,
 		status: "done"
@@ -440,40 +459,40 @@ function Y(e, t) {
 		id: e,
 		progress: 100,
 		status: "done",
-		url: Be
+		url: Ve
 	};
 }
-function Ve(e) {
+function X(e) {
 	let t = new File([], e.filename), n = Number(e.sizeBytes);
 	return Number.isFinite(n) && n >= 0 && Object.defineProperty(t, "size", { value: n }), t;
 }
-function X(e) {
+function Ue(e) {
 	return e instanceof Error && e.message ? `上傳失敗：${e.message}` : "上傳失敗，請重試。";
 }
-function He(e) {
+function We(e) {
 	let t = URL.createObjectURL(e), n = document.createElement("a");
 	n.href = t, n.download = e.name, n.style.display = "none", document.body.appendChild(n), n.click(), n.remove(), setTimeout(() => URL.revokeObjectURL(t), 3e4);
 }
 // src/views/forms/renderer/form-field-link.ts
-var Ue = /\s/u;
-function We(e) {
+var Ge = /\s/u;
+function Ke(e) {
 	return [...e].some((e) => {
 		let t = e.codePointAt(0) ?? 0;
-		return t <= 32 || t >= 127 && t <= 160 || Ue.test(e);
+		return t <= 32 || t >= 127 && t <= 160 || Ge.test(e);
 	});
 }
-var Z = /^https?:\/\//iu;
-function Ge(e) {
-	return typeof e != "string" || !e || e.includes("\\") || We(e) ? null : e.startsWith("/") ? !e.startsWith("//") && Ke(e) ? {
+var qe = /^https?:\/\//iu;
+function Z(e) {
+	return typeof e != "string" || !e || e.includes("\\") || Ke(e) ? null : e.startsWith("/") ? !e.startsWith("//") && Je(e) ? {
 		external: !1,
 		href: e
-	} : null : Z.test(e) && qe(e) ? {
+	} : null : qe.test(e) && Ye(e) ? {
 		external: !0,
 		href: e
 	} : null;
 }
 var Q = "http://placeholder.invalid";
-function Ke(e) {
+function Je(e) {
 	try {
 		let t = new URL(e, Q);
 		return t.origin === Q && !t.pathname.startsWith("//");
@@ -481,7 +500,7 @@ function Ke(e) {
 		return !1;
 	}
 }
-function qe(e) {
+function Ye(e) {
 	try {
 		let t = new URL(e);
 		return (t.protocol === "http:" || t.protocol === "https:") && !!t.hostname && !t.username && !t.password;
@@ -489,7 +508,7 @@ function qe(e) {
 		return !1;
 	}
 }
-async function Je(e, t, n = {}) {
+async function Xe(e, t, n = {}) {
 	let r = n.maxPerIdRequests ?? 20, i = Math.max(1, n.concurrency ?? 4);
 	try {
 		return {
@@ -504,17 +523,17 @@ async function Je(e, t, n = {}) {
 			skippedIds: []
 		};
 	}
-	let a = e.slice(0, r), o = await Xe(a, i, (e) => t([e]));
+	let a = e.slice(0, r), o = await Qe(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 Ye(e, t) {
+function Ze(e, t) {
 	return e.filter((e) => !t.has(e));
 }
-async function Xe(e, t, n) {
+async function Qe(e, t, n) {
 	let r = [], i = 0;
 	async function a() {
 		for (; i < e.length;) {
@@ -531,43 +550,43 @@ async function Xe(e, t, n) {
 	return await Promise.all(Array.from({ length: Math.min(t, e.length) }, a)), r;
 }
 // src/views/forms/renderer/member-field-options.ts
-var Ze = "未知會員";
-function Qe(e) {
+var $e = "未知會員";
+function et(e) {
 	return {
 		id: e.memberId,
 		name: t(e.name, e.email)
 	};
 }
-function $e(e) {
+function tt(e) {
 	return {
 		id: e,
-		name: Ze,
+		name: $e,
 		unresolved: !0
 	};
 }
-function et(e, t) {
+function nt(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 tt(e, t) {
+function rt(e, t) {
 	let n = new Set(t.filter((e) => !e.unresolved).map((e) => e.id));
-	return ve(e).filter((e) => !n.has(e));
+	return _e(e).filter((e) => !n.has(e));
 }
-function nt(e, t) {
-	return ve(e).map((e) => t.find((t) => t.id === e) ?? $e(e));
+function it(e, t) {
+	return _e(e).map((e) => t.find((t) => t.id === e) ?? tt(e));
 }
-function rt(e, t) {
+function at(e, t) {
 	if (e.length !== 0) return t ? e.map((e) => e.id) : e[0]?.id;
 }
 // src/views/forms/renderer/member-field.tsx
-function it({ 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 = tt(u, d).join("\n");
+function ot({ 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 = rt(u, d).join("\n");
 	r(() => {
-		let e = Ye(y ? y.split("\n") : [], v.current), t = !1;
-		return e.length === 0 ? () => void 0 : (Je(e, b).then(({ profiles: n, skippedIds: r }) => {
+		let e = Ze(y ? y.split("\n") : [], v.current), t = !1;
+		return e.length === 0 ? () => void 0 : (Xe(e, b).then(({ profiles: n, skippedIds: r }) => {
 			if (t) return;
-			let i = n.map(Qe), a = e.filter((e) => !i.some((t) => t.id === e)).map($e);
-			a.filter((e) => !r.includes(e.id)).forEach((e) => v.current.add(e.id)), f((e) => et(e, [...i, ...a]));
+			let i = n.map(et), a = e.filter((e) => !i.some((t) => t.id === e)).map(tt);
+			a.filter((e) => !r.includes(e.id)).forEach((e) => v.current.add(e.id)), f((e) => nt(e, [...i, ...a]));
 		}), () => {
 			t = !0;
 		});
@@ -576,15 +595,15 @@ function it({ multiple: e, name: t, onChange: n, placeholder: i, readonly: c, si
 		let t = _.current + 1;
 		_.current = t, g(!0);
 		try {
-			let n = (await x(e)).map(Qe);
-			_.current === t && (m(n), f((e) => et(e, n)));
+			let n = (await x(e)).map(et);
+			_.current === t && (m(n), f((e) => nt(e, n)));
 		} catch {
 			_.current === t && m([]);
 		} finally {
 			_.current === t && g(!1);
 		}
 	}
-	let w = nt(u, d), T = [...et(w, p)], E = {
+	let w = it(u, d), T = [...nt(w, p)], E = {
 		asyncData: !0,
 		clearSearchText: !0,
 		disabled: c,
@@ -599,6 +618,7 @@ function it({ multiple: e, name: t, onChange: n, placeholder: i, readonly: c, si
 		},
 		loading: h,
 		loadingText: "搜尋成員中...",
+		menuMaxHeight: 320,
 		onSearch: C,
 		onVisibilityChange: (e) => {
 			e && (m([]), C(""));
@@ -612,72 +632,72 @@ function it({ multiple: e, name: t, onChange: n, placeholder: i, readonly: c, si
 	return e ? /* @__PURE__ */ S(s, {
 		...E,
 		mode: "multiple",
-		onChange: (e) => n(rt(e, !0)),
+		onChange: (e) => n(at(e, !0)),
 		value: [...w]
 	}) : /* @__PURE__ */ S(s, {
 		...E,
 		mode: "single",
-		onChange: (e) => n(rt(e ? [e] : [], !1)),
+		onChange: (e) => n(at(e ? [e] : [], !1)),
 		value: w[0] ?? null
 	});
 }
 // src/views/forms/renderer/org-unit-field-options.ts
-var at = "未知組織", ot = "（已刪除）";
-function st(e) {
+var st = "未知組織", ct = "（已刪除）";
+function lt(e) {
 	return {
 		id: e.id,
-		name: e.deleted ? `${e.name}${ot}` : e.name
+		name: e.deleted ? `${e.name}${ct}` : e.name
 	};
 }
-function ct(e) {
+function ut(e) {
 	return {
 		id: e,
 		name: e,
 		unresolved: !0
 	};
 }
-function lt(e) {
+function dt(e) {
 	return {
 		id: e,
-		name: at,
+		name: st,
 		unresolved: !0
 	};
 }
-function ut(e) {
+function ft(e) {
 	return typeof e == "string" && e.trim() ? e : null;
 }
 function $(e) {
 	return e.toLowerCase();
 }
-function dt(e, t) {
+function pt(e, t) {
 	return $(e) === $(t);
 }
-function ft(e, t) {
-	let n = ut(e);
-	return n === null ? null : t.find((e) => dt(e.id, n)) ?? ct(n);
+function mt(e, t) {
+	let n = ft(e);
+	return n === null ? null : t.find((e) => pt(e.id, n)) ?? ut(n);
 }
-function pt(e, t) {
-	let n = ut(e);
-	return n !== null && !t.some((e) => dt(e.id, n)) ? n : null;
+function ht(e, t) {
+	let n = ft(e);
+	return n !== null && !t.some((e) => pt(e.id, n)) ? n : null;
 }
-function mt(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) => dt(t.id, e.id)) === n), a = e.map((e) => (e.unresolved ? n.get($(e.id)) : void 0) ?? e);
+function gt(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) => pt(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 ht(e) {
+function _t(e) {
 	return e ? e.id : void 0;
 }
 // src/views/forms/renderer/org-unit-field.tsx
-var gt = "搜尋組織失敗，請稍後再試。";
-function _t({ 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 = pt(l, u);
+var vt = "搜尋組織失敗，請稍後再試。";
+function yt({ 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 = ht(l, u);
 	r(() => {
 		let e = !1;
-		return b === null ? () => void 0 : (ye([b]).then((e) => {
-			let t = e.map(st);
-			return t.some((e) => e.id.toLowerCase() === b.toLowerCase()) ? t : [...t, lt(b)];
-		}).catch(() => [lt(b)]).then((t) => {
-			e || d((e) => mt(e, t));
+		return b === null ? () => void 0 : (ve([b]).then((e) => {
+			let t = e.map(lt);
+			return t.some((e) => e.id.toLowerCase() === b.toLowerCase()) ? t : [...t, dt(b)];
+		}).catch(() => [dt(b)]).then((t) => {
+			e || d((e) => gt(e, t));
 		}), () => {
 			e = !0;
 		});
@@ -686,15 +706,15 @@ function _t({ name: e, onChange: t, placeholder: n, readonly: i, size: c, value:
 		let t = y.current + 1;
 		y.current = t, h(!0);
 		try {
-			let n = (await B(e)).map(st);
-			y.current === t && (p(n), _(!1), d((e) => mt(e, n)));
+			let n = (await ye(e)).map(lt);
+			y.current === t && (p(n), _(!1), d((e) => gt(e, n)));
 		} catch {
 			y.current === t && (p([]), _(!0));
 		} finally {
 			y.current === t && h(!1);
 		}
 	}
-	let w = ft(l, u), T = [...mt(w ? [w] : [], f)];
+	let w = mt(l, u), T = [...gt(w ? [w] : [], f)];
 	return /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S(s, {
 		asyncData: !0,
 		clearSearchText: !0,
@@ -710,8 +730,9 @@ function _t({ name: e, onChange: t, placeholder: n, readonly: i, size: c, value:
 		},
 		loading: m,
 		loadingText: "搜尋組織中...",
+		menuMaxHeight: 320,
 		mode: "single",
-		onChange: (e) => t(ht(e ?? null)),
+		onChange: (e) => t(_t(e ?? null)),
 		onSearch: x,
 		onVisibilityChange: (e) => {
 			e && (p([]), x(""));
@@ -725,29 +746,29 @@ function _t({ name: e, onChange: t, placeholder: n, readonly: i, size: c, value:
 	}), g ? /* @__PURE__ */ S(v, {
 		color: "text-error",
 		variant: "caption",
-		children: gt
+		children: vt
 	}) : null] });
 }
 // src/views/forms/renderer/FormRendererView.tsx
-var vt = {
+var bt = {
 	alignItems: "start",
 	display: "grid",
 	gap: 12,
 	gridTemplateColumns: "repeat(12, minmax(0, 1fr))"
-}, yt = { gridColumn: "1 / -1" }, bt = {
+}, xt = { gridColumn: "1 / -1" }, St = {
 	alignItems: "start",
 	display: "grid",
 	gap: 8,
 	minWidth: 0
-}, xt = {
+}, Ct = {
 	minWidth: "100%",
 	width: "100%"
 };
-function St(e) {
+function wt(e) {
 	e && (e.style.width = "100%");
 }
-function Ct({ attachments: e, dataSourceContext: t, dataSourceInitialValues: n, emptyText: s = "尚未建立欄位。", errors: c = {}, fieldAccess: l, fieldLabelMarkers: u, maxWidth: d, onChange: f, onDataSourceStateChange: p, onDownloadAttachment: m, onFileUploadStateChange: h, onUploadAttachment: g, optionSnapshots: _, readonly: y = !1, schema: b, singleColumn: x = !1, uiSchema: C, value: T }) {
-	let E = i(() => ({
+function Tt({ attachments: e, dataSourceContext: t, dataSourceInitialValues: n, emptyText: s = "尚未建立欄位。", errors: c = {}, fieldAccess: l, fieldLabelMarkers: u, maxWidth: d, onChange: f, onDataSourceStateChange: p, onDownloadAttachment: m, onFileUploadStateChange: h, onUploadAttachment: g, optionSnapshots: _, readonly: y = !1, schema: b, singleColumn: x = !1, uiSchema: C, value: w }) {
+	let T = i(() => ({
 		attachments: e,
 		onDownloadAttachment: m,
 		onStateChange: h,
@@ -757,11 +778,11 @@ function Ct({ attachments: e, dataSourceContext: t, dataSourceInitialValues: n,
 		m,
 		h,
 		g
-	]), [D, O] = o(() => w(b.fields, T ?? {})), k = i(() => w(b.fields, T ?? D), [
+	]), [D, O] = o(() => E(b.fields, w ?? {})), k = i(() => E(b.fields, w ?? D), [
 		D,
 		b.fields,
-		T
-	]), A = a(k), j = i(() => F(b, C, k).filter((e) => wt(l, e.fieldKey)?.visible !== !1), [
+		w
+	]), A = a(k), j = i(() => B(b, C, k).filter((e) => Et(l, e.fieldKey)?.visible !== !1), [
 		l,
 		b,
 		C,
@@ -770,21 +791,21 @@ function Ct({ attachments: e, dataSourceContext: t, dataSourceInitialValues: n,
 	r(() => {
 		A.current = k;
 	}, [k]), r(() => {
-		O((e) => w(b.fields, T ?? e));
-	}, [b.fields, T]);
+		O((e) => E(b.fields, w ?? e));
+	}, [b.fields, w]);
 	function M(e, t) {
 		let n = {
 			...A.current,
 			[e]: t
 		};
-		A.current = n, T || O(n), f?.(n);
+		A.current = n, w || O(n), f?.(n);
 	}
 	return j.length ? /* @__PURE__ */ S("div", {
 		style: {
-			...vt,
+			...bt,
 			...x ? { width: "100%" } : {}
 		},
-		children: j.map((e) => /* @__PURE__ */ S(Et, {
+		children: j.map((e) => /* @__PURE__ */ S(Ot, {
 			dataSourceContext: t,
 			dataSourceInitialValues: n,
 			field: e,
@@ -793,38 +814,38 @@ function Ct({ attachments: e, dataSourceContext: t, dataSourceInitialValues: n,
 			fields: b.fields,
 			labelMarker: u !== void 0 && Object.prototype.hasOwnProperty.call(u, e.fieldKey) ? u[e.fieldKey] : void 0,
 			onChange: M,
-			fileUpload: E,
+			fileUpload: T,
 			onDataSourceStateChange: p,
 			optionSnapshots: _,
-			readonly: Tt(wt(l, e.fieldKey), y),
+			readonly: Dt(Et(l, e.fieldKey), y),
 			schema: b,
 			style: {
-				...bt,
-				gridColumn: `span ${x ? 12 : Kt(e, C)}`,
-				...x && !_e(e) ? { maxWidth: d } : {}
+				...St,
+				gridColumn: `span ${x ? 12 : qt(e, C)}`,
+				...x && !H(e) ? { maxWidth: d } : {}
 			},
 			value: k[e.fieldKey],
 			values: k,
 			uiSchema: C
 		}, e.fieldKey))
 	}) : /* @__PURE__ */ S("div", {
-		style: vt,
+		style: bt,
 		children: /* @__PURE__ */ S(v, {
 			color: "text-neutral",
-			style: yt,
+			style: xt,
 			variant: "body",
 			children: b.fields.length > 0 ? "目前條件下沒有可填寫欄位。" : s
 		})
 	});
 }
-function wt(e, t) {
+function Et(e, t) {
 	return e !== void 0 && Object.prototype.hasOwnProperty.call(e, t) ? e[t] : void 0;
 }
-function Tt(e, t) {
+function Dt(e, t) {
 	return e === void 0 ? t : !e.editable;
 }
-function Et({ dataSourceContext: t, dataSourceInitialValues: n, error: i, errors: a, field: o, fields: s, fileUpload: l, labelMarker: u, onChange: d, onDataSourceStateChange: f, optionSnapshots: p, readonly: m, schema: h, style: g, value: _, values: y, uiSchema: b }) {
-	let x = A(o, s, y), w = m || k(o, s, y), T = H({
+function Ot({ dataSourceContext: t, dataSourceInitialValues: n, error: i, errors: a, field: o, fields: s, fileUpload: l, labelMarker: u, onChange: d, onDataSourceStateChange: f, optionSnapshots: p, readonly: m, schema: h, style: g, value: _, values: y, uiSchema: b }) {
+	let x = M(o, s, y), w = m || j(o, s, y), T = W({
 		context: t,
 		field: o,
 		formData: y,
@@ -841,7 +862,7 @@ function Et({ dataSourceContext: t, dataSourceInitialValues: n, error: i, errors
 		status: T.status
 	});
 	return r(() => {
-		he(o) && f?.(o.fieldKey, {
+		pe(o) && f?.(o.fieldKey, {
 			hasValue: T.hasValue,
 			invalidValues: T.invalidValues,
 			selectionExpired: T.selectionExpired === !0,
@@ -858,9 +879,10 @@ function Et({ dataSourceContext: t, dataSourceInitialValues: n, error: i, errors
 			/* @__PURE__ */ S(e, {
 				label: o.label,
 				...u ? { labelOptionalMarker: u } : {},
+				...H(o) ? It : {},
 				name: o.fieldKey,
 				required: x,
-				children: _e(o) ? /* @__PURE__ */ S(Lt, {
+				children: H(o) ? /* @__PURE__ */ S(Rt, {
 					dataSourceContext: t,
 					dataSourceInitialValues: n,
 					errors: a,
@@ -873,7 +895,7 @@ function Et({ dataSourceContext: t, dataSourceInitialValues: n, error: i, errors
 					uiSchema: b,
 					value: _,
 					values: y
-				}) : Ut(o, _, w, d, l, t, T)
+				}) : Wt(o, _, w, d, l, t, T)
 			}),
 			i ? /* @__PURE__ */ S(v, {
 				color: "text-error",
@@ -881,7 +903,7 @@ function Et({ dataSourceContext: t, dataSourceInitialValues: n, error: i, errors
 				children: i
 			}) : null,
 			E ? /* @__PURE__ */ C("div", {
-				style: At,
+				style: Mt,
 				children: [/* @__PURE__ */ S(v, {
 					color: T.status === "INVALID" || T.status === "UNAVAILABLE" ? "text-error" : "text-neutral",
 					variant: "caption",
@@ -897,46 +919,46 @@ function Et({ dataSourceContext: t, dataSourceInitialValues: n, error: i, errors
 		]
 	});
 }
-var Dt = "（另開新分頁）", Ot = "另開新分頁", kt = {
+var kt = "（另開新分頁）", At = "另開新分頁", jt = {
 	color: "inherit",
 	textDecoration: "underline",
 	wordBreak: "break-all"
-}, At = {
+}, Mt = {
 	alignItems: "center",
 	display: "flex",
 	gap: 8
-}, jt = {
+}, Nt = {
 	display: "grid",
 	gap: 8,
 	minWidth: 0,
 	width: "100%"
-}, Mt = {
+}, Pt = {
 	display: "flex",
 	justifyContent: "flex-start"
-}, Nt = {
-	maxWidth: "100%",
-	overflowX: "auto"
-}, Pt = 160, Ft = 56, It = {
+}, Ft = 160, It = {
+	density: w.BASE,
+	layout: T.STRETCH
+}, Lt = {
 	display: "grid",
 	gap: 4,
 	minWidth: 0
 };
-function Lt({ 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 _ = le(m), v = ce(i), y = a(0), [b, x] = o(() => _.map(() => Bt(y)));
+function Rt({ 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 _ = L(m), v = ce(i), y = a(0), [b, x] = o(() => _.map(() => Vt(y)));
 	r(() => {
-		b.length !== _.length && x(_.map(() => Bt(y)));
+		b.length !== _.length && x(_.map(() => Vt(y)));
 	}, [b.length, _.length]);
 	function w(e) {
 		s(i.fieldKey, e);
 	}
 	function T() {
-		x([...b, Bt(y)]), w([..._, E(i.columns)]);
+		x([...b, Vt(y)]), w([..._, O(i.columns)]);
 	}
-	function D(e) {
+	function E(e) {
 		x(b.filter((t, n) => n !== e)), w(_.filter((t, n) => n !== e));
 	}
-	function O(e, t, n) {
-		w(_.map((r, i) => i === e ? Vt(r, t, n) : r));
+	function D(e, t, n) {
+		w(_.map((r, i) => i === e ? Ht(r, t, n) : r));
 	}
 	let k = _.map((e, t) => ({
 		...e,
@@ -944,15 +966,16 @@ function Lt({ dataSourceContext: e, dataSourceInitialValues: t, errors: n, field
 		key: b[t] ?? `row-${t}`
 	})), A = i.columns.map((r) => ({
 		key: r.fieldKey,
-		render: (a) => /* @__PURE__ */ S(Rt, {
+		minWidth: Ft,
+		render: (a) => /* @__PURE__ */ S(zt, {
 			column: r,
 			dataSourceContext: e,
 			error: n[se(i.fieldKey, a.index, r.fieldKey)] ?? null,
 			fieldPath: `${i.fieldKey}.${r.fieldKey}`,
 			formData: g,
 			initialFormData: t,
-			initialRowValues: zt(t?.[i.fieldKey], a.index),
-			onChange: (e) => O(a.index, r.fieldKey, e),
+			initialRowValues: Bt(t?.[i.fieldKey], a.index),
+			onChange: (e) => D(a.index, r.fieldKey, e),
 			onDataSourceStateChange: l,
 			optionSnapshots: u,
 			path: se(i.fieldKey, a.index, r.fieldKey),
@@ -965,34 +988,29 @@ function Lt({ dataSourceContext: e, dataSourceInitialValues: t, errors: n, field
 	})), j = d ? void 0 : {
 		render: (e) => [{
 			disabled: () => _.length <= v.minRows,
-			icon: L,
+			icon: fe,
 			iconType: "icon-only",
 			name: "刪除此列",
-			onClick: () => D(e.index),
+			onClick: () => E(e.index),
 			variant: "destructive-ghost"
 		}],
+		fixed: "end",
 		width: 56
 	};
 	return /* @__PURE__ */ C("div", {
-		style: jt,
-		children: [/* @__PURE__ */ S("div", {
-			style: Nt,
-			children: /* @__PURE__ */ S("div", {
-				style: { minWidth: i.columns.length * Pt + (j ? Ft : 0) },
-				children: /* @__PURE__ */ S(h, {
-					...j ? { actions: j } : {},
-					columns: A,
-					dataSource: [...k],
-					rowHeightPreset: "roomy",
-					showHeader: !0,
-					size: "sub"
-				})
-			})
+		style: Nt,
+		children: [/* @__PURE__ */ S(h, {
+			...j ? { actions: j } : {},
+			columns: A,
+			dataSource: [...k],
+			rowHeightPreset: "roomy",
+			showHeader: !0,
+			size: "sub"
 		}), d ? null : /* @__PURE__ */ S("div", {
-			style: Mt,
+			style: Pt,
 			children: /* @__PURE__ */ S(c, {
 				disabled: _.length >= v.maxRows,
-				icon: I,
+				icon: V,
 				iconType: "leading",
 				onClick: T,
 				size: "sub",
@@ -1003,14 +1021,14 @@ function Lt({ dataSourceContext: e, dataSourceInitialValues: t, errors: n, field
 		})]
 	});
 }
-function Rt({ 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 _ = Ht(m, e.fieldKey), y = H({
+function zt({ 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 _ = Ut(m, e.fieldKey), y = W({
 		context: t,
 		field: e,
 		fieldPath: i,
 		formData: a,
 		initialFormData: o,
-		initialValue: s ? Ht(s, e.fieldKey) : void 0,
+		initialValue: s ? Ut(s, e.fieldKey) : void 0,
 		optionSnapshots: d,
 		readonly: p,
 		row: {
@@ -1027,7 +1045,7 @@ function Rt({ column: e, dataSourceContext: t, error: n, fieldPath: i, formData:
 		status: y.status
 	});
 	return r(() => {
-		if (he(e)) return u?.(f, {
+		if (pe(e)) return u?.(f, {
 			hasValue: y.hasValue,
 			invalidValues: y.invalidValues,
 			selectionExpired: y.selectionExpired === !0,
@@ -1045,16 +1063,16 @@ function Rt({ column: e, dataSourceContext: t, error: n, fieldPath: i, formData:
 		x
 	]), /* @__PURE__ */ C("div", {
 		"data-form-field-key": f,
-		style: It,
+		style: Lt,
 		children: [
-			Ut(e, _, p, (e, t) => l(t), void 0, t, y, "sub"),
+			Wt(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: At,
+				style: Mt,
 				children: [/* @__PURE__ */ S(v, {
 					color: y.status === "INVALID" || y.status === "UNAVAILABLE" ? "text-error" : "text-neutral",
 					variant: "caption",
@@ -1070,38 +1088,38 @@ function Rt({ column: e, dataSourceContext: t, error: n, fieldPath: i, formData:
 		]
 	});
 }
-function zt(e, t) {
-	return le(e)[t];
+function Bt(e, t) {
+	return L(e)[t];
 }
-function Bt(e) {
+function Vt(e) {
 	return e.current += 1, `table-row-${e.current}`;
 }
-function Vt(e, t, n) {
-	return n === void 0 || !ge(n) ? Object.fromEntries(Object.entries(e).filter(([e]) => e !== t)) : {
+function Ht(e, t, n) {
+	return n === void 0 || !he(n) ? Object.fromEntries(Object.entries(e).filter(([e]) => e !== t)) : {
 		...e,
 		[t]: n
 	};
 }
-function Ht(e, t) {
+function Ut(e, t) {
 	if (e && Object.prototype.hasOwnProperty.call(e, t)) return e[t];
 }
-function Ut(e, t, n, r, i, a, o, s = "main") {
-	return he(e) ? Gt(e, t, n, r, a, o, s) : Wt(e, t, n, r, i, s);
+function Wt(e, t, n, r, i, a, o, s = "main") {
+	return pe(e) ? Kt(e, t, n, r, a, o, s) : Gt(e, t, n, r, i, s);
 }
-function Wt(e, t, n, r, i, a = "main") {
-	let o = n && (e.type === "text" || e.type === "textarea") && e.displayAs === "link" ? Ge(t) : null;
+function Gt(e, t, n, r, i, a = "main") {
+	let o = n && (e.type === "text" || e.type === "textarea") && e.displayAs === "link" ? Z(t) : null;
 	if (o) return /* @__PURE__ */ S(v, {
 		color: "text-brand",
 		component: "span",
 		variant: "body",
 		children: /* @__PURE__ */ S("a", {
 			href: o.href,
-			style: kt,
+			style: jt,
 			...o.external ? {
-				"aria-label": `${o.href}${Dt}`,
+				"aria-label": `${o.href}${kt}`,
 				rel: "noopener noreferrer",
 				target: "_blank",
-				title: Ot
+				title: At
 			} : {},
 			children: o.href
 		})
@@ -1110,10 +1128,10 @@ function Wt(e, t, n, r, i, a = "main") {
 		onChange: (t) => r(e.fieldKey, t.target.value),
 		placeholder: e.placeholder ?? "請輸入多行文字",
 		readOnly: n,
-		ref: St,
+		ref: wt,
 		rows: 3,
-		style: xt,
-		value: qt(t)
+		style: Ct,
+		value: Jt(t)
 	});
 	if (e.type === "boolean") return /* @__PURE__ */ S(_, {
 		checked: t === !0,
@@ -1122,30 +1140,32 @@ function Wt(e, t, n, r, i, a = "main") {
 		onChange: (t) => r(e.fieldKey, t.target.checked),
 		size: a
 	});
-	if (R(e) && e.type === "checkbox") {
-		let i = e.options.map(N);
+	if (me(e) && e.type === "checkbox") {
+		let i = e.options.map(F);
 		return /* @__PURE__ */ S(m, {
+			menuMaxHeight: 320,
 			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) => W(t).includes(e.id))
+			value: i.filter((e) => K(t).includes(e.id))
 		});
 	}
-	if (R(e)) {
-		let i = e.options.map(N);
+	if (me(e)) {
+		let i = e.options.map(F);
 		return /* @__PURE__ */ S(m, {
+			menuMaxHeight: 320,
 			onChange: (t) => r(e.fieldKey, t?.id ?? void 0),
 			options: i,
 			placeholder: e.placeholder ?? "請選擇",
 			readOnly: n,
 			size: a,
-			value: fe(i, qt(t))
+			value: z(i, Jt(t))
 		});
 	}
-	return e.type === "member" ? /* @__PURE__ */ S(it, {
+	return e.type === "member" ? /* @__PURE__ */ S(ot, {
 		multiple: e.multiple === !0,
 		name: e.fieldKey,
 		onChange: (t) => r(e.fieldKey, t),
@@ -1153,14 +1173,14 @@ function Wt(e, t, n, r, i, a = "main") {
 		readonly: n,
 		size: a,
 		value: t
-	}) : e.type === "org_unit" ? /* @__PURE__ */ S(_t, {
+	}) : e.type === "org_unit" ? /* @__PURE__ */ S(yt, {
 		name: e.fieldKey,
 		onChange: (t) => r(e.fieldKey, t),
-		placeholder: e.placeholder ?? Yt(e.type),
+		placeholder: e.placeholder ?? Xt(e.type),
 		readonly: n,
 		size: a,
 		value: t
-	}) : e.type === "file_upload" ? /* @__PURE__ */ S(J, {
+	}) : e.type === "file_upload" ? /* @__PURE__ */ S(He, {
 		attachments: i?.attachments,
 		field: e,
 		onChange: (t) => r(e.fieldKey, t),
@@ -1172,57 +1192,61 @@ function Wt(e, t, n, r, i, a = "main") {
 	}) : e.type === "date" ? /* @__PURE__ */ S(u, {
 		format: "YYYY-MM-DD",
 		fullWidth: !0,
-		onChange: (t) => r(e.fieldKey, D(t)),
-		placeholder: e.placeholder ?? Yt(e.type),
+		onChange: (t) => r(e.fieldKey, k(t)),
+		placeholder: e.placeholder ?? Xt(e.type),
 		readOnly: n,
-		value: ne(t)
+		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, O(t)),
+		onChange: (t) => r(e.fieldKey, A(t)),
 		placeholderLeft: "選擇日期",
 		placeholderRight: "選擇時間",
 		readOnly: n,
-		value: ne(t)
+		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, T(M(t.target.value), {
+		onChange: (t) => r(e.fieldKey, D(ee(t.target.value), {
 			max: e.maximum,
 			min: e.minimum
 		})),
-		placeholder: e.placeholder ?? Yt(e.type),
+		placeholder: e.placeholder ?? Xt(e.type),
 		...n ? { readonly: !0 } : {},
 		showSpinner: !0,
-		value: Jt(t),
+		value: Yt(t),
 		variant: "measure"
 	}) : /* @__PURE__ */ S(f, {
 		fullWidth: !0,
 		onChange: (t) => r(e.fieldKey, t.target.value),
-		placeholder: e.placeholder ?? Yt(e.type),
+		placeholder: e.placeholder ?? Xt(e.type),
 		...n ? { readonly: !0 } : {},
 		size: a,
-		value: qt(t),
+		value: Jt(t),
 		variant: "base"
 	});
 }
-function Gt(e, t, n, r, i, a, o = "main") {
-	let c = a.options.map(N), u = pe(t, a.options).map(N), d = a.status === "LOADING", f = a.status === "WAITING_FOR_DEPENDENCIES", h = !!i && !n, g = n || f, _ = n;
-	return e.type === "autocomplete" ? z(e) === "multiple" ? /* @__PURE__ */ S(s, {
-		asyncData: h,
+function Kt(e, t, n, r, i, a, o = "main") {
+	let c = a.options.map(F), u = ue(t, a.options).map(F), d = a.status === "LOADING", f = d && !a.loadingNextPage, h = a.status === "WAITING_FOR_DEPENDENCIES", g = !!i && !n, _ = n || h, v = n;
+	return e.type === "autocomplete" ? ge(e) === "multiple" ? /* @__PURE__ */ S(s, {
+		asyncData: g,
 		clearSearchText: !0,
-		disabled: _,
-		disabledOptionsFilter: h,
+		disabled: v,
+		disabledOptionsFilter: g,
 		globalPortal: !0,
-		loading: d,
+		loading: f,
+		menuMaxHeight: 320,
 		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,
+		onReachBottom: a.onReachBottom,
+		onSearch: g ? a.onSearch : void 0,
+		onVisibilityChange: (e) => {
+			e && g && a.onOpen();
+		},
 		options: c,
 		placeholder: e.placeholder ?? "請輸入或選擇",
 		readOnly: n,
@@ -1230,16 +1254,20 @@ function Gt(e, t, n, r, i, a, o = "main") {
 		size: o,
 		value: u
 	}) : /* @__PURE__ */ S(s, {
-		asyncData: h,
+		asyncData: g,
 		clearSearchText: !0,
-		disabled: _,
-		disabledOptionsFilter: h,
+		disabled: v,
+		disabledOptionsFilter: g,
 		globalPortal: !0,
-		loading: d,
+		loading: f,
+		menuMaxHeight: 320,
 		mode: "single",
 		onChange: (t) => r(e.fieldKey, t?.id ?? void 0),
-		onReachBottom: a.hasNextPage ? a.onReachBottom : void 0,
-		onSearch: h ? a.onSearch : void 0,
+		onReachBottom: a.onReachBottom,
+		onSearch: g ? a.onSearch : void 0,
+		onVisibilityChange: (e) => {
+			e && g && a.onOpen();
+		},
 		options: c,
 		placeholder: e.placeholder ?? "請輸入或選擇",
 		readOnly: n,
@@ -1247,36 +1275,38 @@ function Gt(e, t, n, r, i, a, o = "main") {
 		size: o,
 		value: u[0] ?? null
 	}) : e.type === "radio" ? /* @__PURE__ */ S(p, {
-		disabled: g,
+		disabled: _,
 		name: e.fieldKey,
 		onChange: (t) => r(e.fieldKey, t.target.value || void 0),
 		options: c,
-		value: qt(t)
+		value: Jt(t)
 	}) : e.type === "checkbox" ? /* @__PURE__ */ S(l, {
-		disabled: g,
+		disabled: _,
 		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: [...W(t)]
-	}) : z(e) === "multiple" ? /* @__PURE__ */ S(m, {
-		disabled: g,
+		value: [...K(t)]
+	}) : ge(e) === "multiple" ? /* @__PURE__ */ S(m, {
+		disabled: _,
 		loading: d,
+		menuMaxHeight: 320,
 		mode: "multiple",
 		onChange: (t) => r(e.fieldKey, t.length ? t.map((e) => e.id) : void 0),
-		onReachBottom: a.hasNextPage ? a.onReachBottom : void 0,
+		onReachBottom: a.onReachBottom,
 		options: c,
 		placeholder: e.placeholder ?? "請選擇一或多個選項",
 		readOnly: n,
 		size: o,
 		value: u
 	}) : /* @__PURE__ */ S(m, {
-		disabled: g,
+		disabled: _,
 		loading: d,
+		menuMaxHeight: 320,
 		onChange: (t) => r(e.fieldKey, t?.id ?? void 0),
-		onReachBottom: a.hasNextPage ? a.onReachBottom : void 0,
+		onReachBottom: a.onReachBottom,
 		options: c,
 		placeholder: e.placeholder ?? "請選擇",
 		readOnly: n,
@@ -1284,20 +1314,20 @@ function Gt(e, t, n, r, i, a, o = "main") {
 		value: u[0] ?? null
 	});
 }
-function Kt(e, t) {
+function qt(e, t) {
 	return {
 		FULL: 12,
 		HALF: 6,
 		THIRD: 4
 	}[t.layout.find((t) => t.fieldKey === e.fieldKey)?.width ?? "FULL"];
 }
-function qt(e) {
+function Jt(e) {
 	return typeof e == "string" ? e : "";
 }
-function Jt(e) {
+function Yt(e) {
 	return typeof e == "number" ? String(e) : "";
 }
-function Yt(e) {
+function Xt(e) {
 	return {
 		boolean: "",
 		autocomplete: "請輸入或選擇",
@@ -1316,6 +1346,6 @@ function Yt(e) {
 		textarea: "請輸入多行文字"
 	}[e];
 }
-export { G as a, je as c, Je as i, Me as l, st as n, K as o, Ye as r, U as s, Ct as t, H as u };
+export { q as a, je as c, Xe as i, Me as l, lt as n, Be as o, Ze as r, G as s, Tt as t, W as u };
 
-//# sourceMappingURL=FormRendererView-BcQKUi1A.js.map
+//# sourceMappingURL=FormRendererView-CAyPXhPq.js.map