@rytass/bpm-core-react 0.21.2 → 0.21.3

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

@@ -7,15 +7,17 @@ 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 { isFormDataSourceFieldDefinition as he, isFormStaticOptionFieldDefinition as R, isFormTableCellValue as ge, isTableFieldDefinition as _e, readFormFieldSelectionMode as z, readFormMemberIds as B } 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: [],
@@ -116,27 +118,27 @@ function H(e) {
 		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({
+	let [_e, z] = o([]), [B, ve] = o(""), [ye, xe] = o(null), [V, De] = o(null), [ke, H] = o(() => t ? L ? R : I : "IDLE"), [je, U] = o(null), [Me, W] = o(!1), G = a(0), K = a(0), q = a(0), J = a(null), Be = a(null), Y = a(!1), Ve = 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,
+	}), X = i(() => ze(e.formData), [f]), Z = i(() => e.row ? ze(e.row.values) : void 0, [y]), He = i(() => j(d, _e), [_e, d]), Ue = V && V.signature === O && V.valueSignature === S ? V : null, We = F && !Ue, Ge = !!(de && Ue && Ue.unresolvedValues.length > 0), Ke = Ne({
+		options: He,
+		resolution: Ue,
+		resolvePending: We,
 		value: x
-	}), Z = n((n, r) => {
+	}), Q = n((n, r) => {
 		if (!t || !M) return;
-		let i = W.current + 1;
-		W.current = i, q.current = {
+		let i = K.current + 1;
+		K.current = i, Y.current = !0, Ve.current = {
 			cursor: r,
 			searchText: n
-		}, K.current?.abort();
+		}, J.current?.abort();
 		let a = new AbortController();
-		K.current = a, H(R), U(null), (M.kind === "preview" ? ee({
+		J.current = a, H(R), W(r !== null), U(null), (M.kind === "preview" ? ee({
 			cursor: r,
 			fieldKey: s,
-			formData: J,
-			rowValues: Y,
+			formData: X,
+			rowValues: Z,
 			schema: e.schema,
 			searchText: n,
 			signal: a.signal,
@@ -144,19 +146,20 @@ function H(e) {
 		}) : oe({
 			cursor: r,
 			fieldKey: s,
-			formData: J,
+			formData: X,
 			instanceId: M.instanceId ?? null,
-			rowValues: Y,
+			rowValues: Z,
 			searchText: n,
 			signal: a.signal,
 			templateId: M.templateId ?? null
 		})).then((e) => {
-			Re(a, W, i) || (z((t) => {
+			Re(a, K, i) || (W(!1), 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"));
+			}), xe(e.nextCursor), U(null), G.current = r ? G.current + e.options.length : e.options.length, e.nextCursor && e.options.length > 0 && G.current < Se && qe.current(n, e.nextCursor), H(e.waitingForFieldKeys.length ? "WAITING_FOR_DEPENDENCIES" : "VALID"));
 		}).catch((e) => {
-			if (Re(a, W, i)) return;
+			if (Re(a, K, i)) return;
+			r === null && (Y.current = !1), W(!1);
 			let t = ie(e) ?? "選項來源暫時無法使用。", n = re(e);
 			U(t), H(Ie(!!(n && we.includes(n)), T));
 		});
@@ -167,41 +170,41 @@ function H(e) {
 		T,
 		R,
 		s,
-		J,
-		Y,
+		X,
+		Z,
 		m,
 		h
-	]), Ge = a(Z);
-	Ge.current = Z;
-	let Q = n(() => {
+	]), qe = a(Q);
+	qe.current = Q;
+	let Je = n(() => {
 		if (!t || !M || C.length === 0) return;
-		let n = O, r = S, i = G.current + 1;
-		G.current = i, Be.current?.abort();
+		let n = O, r = S, i = q.current + 1;
+		q.current = i, Be.current?.abort();
 		let a = new AbortController();
 		Be.current = a, U(null), (M.kind === "preview" ? te({
 			fieldKey: s,
-			formData: J,
-			rowValues: Y,
+			formData: X,
+			rowValues: Z,
 			schema: e.schema,
 			signal: a.signal,
 			uiSchema: e.uiSchema,
 			values: C
 		}) : me({
 			fieldKey: s,
-			formData: J,
+			formData: X,
 			instanceId: M.instanceId ?? null,
-			rowValues: Y,
+			rowValues: Z,
 			signal: a.signal,
 			templateId: M.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 ? H("WAITING_FOR_DEPENDENCIES") : (z((t) => j(t, e.options)), De({
 				signature: n,
 				unresolvedValues: e.unresolvedValues,
 				valueSignature: r
 			}), H("VALID")));
 		}).catch((e) => {
-			Re(a, G, i) || (H("UNAVAILABLE"), U(ie(e) ?? "選項來源暫時無法使用。"));
+			Re(a, q, i) || (H("UNAVAILABLE"), U(ie(e) ?? "選項來源暫時無法使用。"));
 		});
 	}, [
 		S,
@@ -209,14 +212,14 @@ function H(e) {
 		l,
 		M,
 		s,
-		J,
-		Y,
+		X,
+		Z,
 		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, Y.current = !1, J.current?.abort(), W(!1), z((e) => pe(x, e)), xe((e) => e === null ? e : null), ve((e) => e && ""), U((e) => e && null), t ? L ? qe.current("", null) : H(ge.current) : H("IDLE");
 	}, [
 		L,
 		l,
@@ -234,7 +237,7 @@ function H(e) {
 		l,
 		I
 	]), r(() => {
-		F && !A && Ke.current();
+		F && !A && Ye.current();
 	}, [
 		M,
 		F,
@@ -242,37 +245,52 @@ function H(e) {
 		k,
 		D
 	]), r(() => () => {
-		K.current?.abort(), Be.current?.abort();
+		J.current?.abort(), Be.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) => {
+		ve(e), z((e) => pe(x, e)), xe(null), Q(e, null);
+	}, [Q]), Ze = n(() => {
+		L || !M || e.readonly || Y.current && B === "" || Xe("");
 	}, [
-		Z,
-		B,
-		ve
-	]), Ye = n(() => {
-		M && (Z(q.current.searchText, q.current.cursor), F && Ke.current());
+		L,
+		M,
+		e.readonly,
+		Xe,
+		B
+	]), Qe = a({
+		cursor: ye,
+		searchText: B
+	});
+	Qe.current = {
+		cursor: ye,
+		searchText: B
+	};
+	let $e = n(() => {
+		let { cursor: e, searchText: t } = Qe.current;
+		e && qe.current(t, e);
+	}, []), et = n(() => {
+		M && (Q(Ve.current.searchText, Ve.current.cursor), F && Ye.current());
 	}, [
 		M,
-		Z,
+		Q,
 		F
 	]);
 	return t ? {
 		canRetry: !!M,
 		error: je,
 		hasValue: T,
-		hasNextPage: !!B,
-		invalidValues: We,
-		onReachBottom: Je,
-		onSearch: qe,
-		options: Ve,
-		retry: Ye,
-		selectionExpired: Ue,
+		hasNextPage: !!ye,
+		loadingNextPage: Me,
+		invalidValues: Ke,
+		onOpen: Ze,
+		onReachBottom: $e,
+		onSearch: Xe,
+		options: He,
+		retry: et,
+		selectionExpired: Ge,
 		status: A && M && (L || T) ? L ? R : "STALE" : Le({
-			invalidValues: We,
-			resolvePending: He,
+			invalidValues: Ke,
+			resolvePending: We,
 			status: ke
 		})
 	} : be;
@@ -348,8 +366,8 @@ function K() {
 		onFileUploadStateChange: r
 	};
 }
-var Be = "無法讀取檔名的附件", q = "此處無法上傳附件";
-function J({ attachments: e, field: t, onChange: s, onDownloadAttachment: c, onStateChange: l, onUploadAttachment: u, readonly: d, value: f }) {
+var q = "無法讀取檔名的附件", J = "此處無法上傳附件";
+function Be({ 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(() => {
 		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));
@@ -381,7 +399,7 @@ function J({ attachments: e, field: t, onChange: s, onDownloadAttachment: c, onS
 		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);
+		if (!u) throw Error(J);
 		return {
 			file: e,
 			id: (await u(t, e)).id,
@@ -399,10 +417,10 @@ function J({ attachments: e, field: t, onChange: s, onDownloadAttachment: c, onS
 		D.current(T.current.map((t) => t.id === e ? n : t));
 	}
 	function ne(e, t) {
-		h.has(e) ? He(t) : c?.(e);
+		h.has(e) ? Z(t) : c?.(e);
 	}
 	let N = !!u && !d, re = [...!d && !u ? [{
-		label: q,
+		label: J,
 		type: "info"
 	}] : [], ...p.filter((e) => e.status === "error").map((e) => ({
 		label: `${e.file?.name ?? "檔案"}：${e.errorMessage ?? "上傳失敗"}，未附加。請重試或刪除。`,
@@ -440,7 +458,7 @@ function Y(e, t) {
 		id: e,
 		progress: 100,
 		status: "done",
-		url: Be
+		url: q
 	};
 }
 function Ve(e) {
@@ -450,33 +468,33 @@ function Ve(e) {
 function X(e) {
 	return e instanceof Error && e.message ? `上傳失敗：${e.message}` : "上傳失敗，請重試。";
 }
-function He(e) {
+function Z(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 He = /\s/u;
+function Ue(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 || He.test(e);
 	});
 }
-var Z = /^https?:\/\//iu;
+var We = /^https?:\/\//iu;
 function Ge(e) {
-	return typeof e != "string" || !e || e.includes("\\") || We(e) ? null : e.startsWith("/") ? !e.startsWith("//") && Ke(e) ? {
+	return typeof e != "string" || !e || e.includes("\\") || Ue(e) ? null : e.startsWith("/") ? !e.startsWith("//") && Q(e) ? {
 		external: !1,
 		href: e
-	} : null : Z.test(e) && qe(e) ? {
+	} : null : We.test(e) && qe(e) ? {
 		external: !0,
 		href: e
 	} : null;
 }
-var Q = "http://placeholder.invalid";
-function Ke(e) {
+var Ke = "http://placeholder.invalid";
+function Q(e) {
 	try {
-		let t = new URL(e, Q);
-		return t.origin === Q && !t.pathname.startsWith("//");
+		let t = new URL(e, Ke);
+		return t.origin === Ke && !t.pathname.startsWith("//");
 	} catch {
 		return !1;
 	}
@@ -551,10 +569,10 @@ function et(e, t) {
 }
 function tt(e, t) {
 	let n = new Set(t.filter((e) => !e.unresolved).map((e) => e.id));
-	return ve(e).filter((e) => !n.has(e));
+	return B(e).filter((e) => !n.has(e));
 }
 function nt(e, t) {
-	return ve(e).map((e) => t.find((t) => t.id === e) ?? $e(e));
+	return B(e).map((e) => t.find((t) => t.id === e) ?? $e(e));
 }
 function rt(e, t) {
 	if (e.length !== 0) return t ? e.map((e) => e.id) : e[0]?.id;
@@ -599,6 +617,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(""));
@@ -673,7 +692,7 @@ function _t({ name: e, onChange: t, placeholder: n, readonly: i, size: c, value:
 	let [u, d] = o([]), [f, p] = o([]), [m, h] = o(!1), [g, _] = o(!1), y = a(0), b = pt(l, u);
 	r(() => {
 		let e = !1;
-		return b === null ? () => void 0 : (ye([b]).then((e) => {
+		return b === null ? () => void 0 : (ve([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) => {
@@ -686,7 +705,7 @@ 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);
+			let n = (await ye(e)).map(st);
 			y.current === t && (p(n), _(!1), d((e) => mt(e, n)));
 		} catch {
 			y.current === t && (p([]), _(!0));
@@ -710,6 +729,7 @@ 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)),
 		onSearch: x,
@@ -800,7 +820,7 @@ function Ct({ attachments: e, dataSourceContext: t, dataSourceInitialValues: n,
 			schema: b,
 			style: {
 				...bt,
-				gridColumn: `span ${x ? 12 : Kt(e, C)}`,
+				gridColumn: `span ${x ? 12 : Wt(e, C)}`,
 				...x && !_e(e) ? { maxWidth: d } : {}
 			},
 			value: k[e.fieldKey],
@@ -860,7 +880,7 @@ function Et({ dataSourceContext: t, dataSourceInitialValues: n, error: i, errors
 				...u ? { labelOptionalMarker: u } : {},
 				name: o.fieldKey,
 				required: x,
-				children: _e(o) ? /* @__PURE__ */ S(Lt, {
+				children: _e(o) ? /* @__PURE__ */ S(Ft, {
 					dataSourceContext: t,
 					dataSourceInitialValues: n,
 					errors: a,
@@ -873,7 +893,7 @@ function Et({ dataSourceContext: t, dataSourceInitialValues: n, error: i, errors
 					uiSchema: b,
 					value: _,
 					values: y
-				}) : Ut(o, _, w, d, l, t, T)
+				}) : Vt(o, _, w, d, l, t, T)
 			}),
 			i ? /* @__PURE__ */ S(v, {
 				color: "text-error",
@@ -913,30 +933,27 @@ var Dt = "（另開新分頁）", Ot = "另開新分頁", kt = {
 }, Mt = {
 	display: "flex",
 	justifyContent: "flex-start"
-}, Nt = {
-	maxWidth: "100%",
-	overflowX: "auto"
-}, Pt = 160, Ft = 56, It = {
+}, Nt = 160, Pt = {
 	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 Ft({ 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(() => Rt(y)));
 	r(() => {
-		b.length !== _.length && x(_.map(() => Bt(y)));
+		b.length !== _.length && x(_.map(() => Rt(y)));
 	}, [b.length, _.length]);
 	function w(e) {
 		s(i.fieldKey, e);
 	}
 	function T() {
-		x([...b, Bt(y)]), w([..._, E(i.columns)]);
+		x([...b, Rt(y)]), w([..._, E(i.columns)]);
 	}
 	function D(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));
+		w(_.map((r, i) => i === e ? zt(r, t, n) : r));
 	}
 	let k = _.map((e, t) => ({
 		...e,
@@ -944,14 +961,15 @@ 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: Nt,
+		render: (a) => /* @__PURE__ */ S(It, {
 			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),
+			initialRowValues: Lt(t?.[i.fieldKey], a.index),
 			onChange: (e) => O(a.index, r.fieldKey, e),
 			onDataSourceStateChange: l,
 			optionSnapshots: u,
@@ -971,23 +989,18 @@ function Lt({ dataSourceContext: e, dataSourceInitialValues: t, errors: n, field
 			onClick: () => D(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"
-				})
-			})
+		children: [/* @__PURE__ */ S(h, {
+			...j ? { actions: j } : {},
+			columns: A,
+			dataSource: [...k],
+			rowHeightPreset: "roomy",
+			showHeader: !0,
+			size: "sub"
 		}), d ? null : /* @__PURE__ */ S("div", {
 			style: Mt,
 			children: /* @__PURE__ */ S(c, {
@@ -1003,14 +1016,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 It({ 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 _ = Bt(m, e.fieldKey), y = H({
 		context: t,
 		field: e,
 		fieldPath: i,
 		formData: a,
 		initialFormData: o,
-		initialValue: s ? Ht(s, e.fieldKey) : void 0,
+		initialValue: s ? Bt(s, e.fieldKey) : void 0,
 		optionSnapshots: d,
 		readonly: p,
 		row: {
@@ -1045,9 +1058,9 @@ function Rt({ column: e, dataSourceContext: t, error: n, fieldPath: i, formData:
 		x
 	]), /* @__PURE__ */ C("div", {
 		"data-form-field-key": f,
-		style: It,
+		style: Pt,
 		children: [
-			Ut(e, _, p, (e, t) => l(t), void 0, t, y, "sub"),
+			Vt(e, _, p, (e, t) => l(t), void 0, t, y, "sub"),
 			n ? /* @__PURE__ */ S(v, {
 				color: "text-error",
 				variant: "caption",
@@ -1070,25 +1083,25 @@ function Rt({ column: e, dataSourceContext: t, error: n, fieldPath: i, formData:
 		]
 	});
 }
-function zt(e, t) {
+function Lt(e, t) {
 	return le(e)[t];
 }
-function Bt(e) {
+function Rt(e) {
 	return e.current += 1, `table-row-${e.current}`;
 }
-function Vt(e, t, n) {
+function zt(e, t, n) {
 	return n === void 0 || !ge(n) ? Object.fromEntries(Object.entries(e).filter(([e]) => e !== t)) : {
 		...e,
 		[t]: n
 	};
 }
-function Ht(e, t) {
+function Bt(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 Vt(e, t, n, r, i, a, o, s = "main") {
+	return he(e) ? Ut(e, t, n, r, a, o, s) : Ht(e, t, n, r, i, s);
 }
-function Wt(e, t, n, r, i, a = "main") {
+function Ht(e, t, n, r, i, a = "main") {
 	let o = n && (e.type === "text" || e.type === "textarea") && e.displayAs === "link" ? Ge(t) : null;
 	if (o) return /* @__PURE__ */ S(v, {
 		color: "text-brand",
@@ -1113,7 +1126,7 @@ function Wt(e, t, n, r, i, a = "main") {
 		ref: St,
 		rows: 3,
 		style: xt,
-		value: qt(t)
+		value: Gt(t)
 	});
 	if (e.type === "boolean") return /* @__PURE__ */ S(_, {
 		checked: t === !0,
@@ -1125,6 +1138,7 @@ function Wt(e, t, n, r, i, a = "main") {
 	if (R(e) && e.type === "checkbox") {
 		let i = e.options.map(N);
 		return /* @__PURE__ */ S(m, {
+			menuMaxHeight: 320,
 			mode: "multiple",
 			onChange: (t) => r(e.fieldKey, t?.length ? t.map((e) => e.id) : void 0),
 			options: i,
@@ -1137,12 +1151,13 @@ function Wt(e, t, n, r, i, a = "main") {
 	if (R(e)) {
 		let i = e.options.map(N);
 		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: fe(i, Gt(t))
 		});
 	}
 	return e.type === "member" ? /* @__PURE__ */ S(it, {
@@ -1156,11 +1171,11 @@ function Wt(e, t, n, r, i, a = "main") {
 	}) : e.type === "org_unit" ? /* @__PURE__ */ S(_t, {
 		name: e.fieldKey,
 		onChange: (t) => r(e.fieldKey, t),
-		placeholder: e.placeholder ?? Yt(e.type),
+		placeholder: e.placeholder ?? qt(e.type),
 		readonly: n,
 		size: a,
 		value: t
-	}) : e.type === "file_upload" ? /* @__PURE__ */ S(J, {
+	}) : e.type === "file_upload" ? /* @__PURE__ */ S(Be, {
 		attachments: i?.attachments,
 		field: e,
 		onChange: (t) => r(e.fieldKey, t),
@@ -1173,7 +1188,7 @@ function Wt(e, t, n, r, i, a = "main") {
 		format: "YYYY-MM-DD",
 		fullWidth: !0,
 		onChange: (t) => r(e.fieldKey, D(t)),
-		placeholder: e.placeholder ?? Yt(e.type),
+		placeholder: e.placeholder ?? qt(e.type),
 		readOnly: n,
 		value: ne(t)
 	}) : e.type === "datetime" ? /* @__PURE__ */ S(d, {
@@ -1195,34 +1210,38 @@ function Wt(e, t, n, r, i, a = "main") {
 			max: e.maximum,
 			min: e.minimum
 		})),
-		placeholder: e.placeholder ?? Yt(e.type),
+		placeholder: e.placeholder ?? qt(e.type),
 		...n ? { readonly: !0 } : {},
 		showSpinner: !0,
-		value: Jt(t),
+		value: Kt(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 ?? qt(e.type),
 		...n ? { readonly: !0 } : {},
 		size: a,
-		value: qt(t),
+		value: Gt(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;
+function Ut(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 = d && !a.loadingNextPage, h = a.status === "WAITING_FOR_DEPENDENCIES", g = !!i && !n, _ = n || h, v = n;
 	return e.type === "autocomplete" ? z(e) === "multiple" ? /* @__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: "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 +1249,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,13 +1270,13 @@ 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: Gt(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) => ({
@@ -1262,21 +1285,23 @@ function Gt(e, t, n, r, i, a, o = "main") {
 		})),
 		value: [...W(t)]
 	}) : z(e) === "multiple" ? /* @__PURE__ */ S(m, {
-		disabled: g,
+		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 +1309,20 @@ function Gt(e, t, n, r, i, a, o = "main") {
 		value: u[0] ?? null
 	});
 }
-function Kt(e, t) {
+function Wt(e, t) {
 	return {
 		FULL: 12,
 		HALF: 6,
 		THIRD: 4
 	}[t.layout.find((t) => t.fieldKey === e.fieldKey)?.width ?? "FULL"];
 }
-function qt(e) {
+function Gt(e) {
 	return typeof e == "string" ? e : "";
 }
-function Jt(e) {
+function Kt(e) {
 	return typeof e == "number" ? String(e) : "";
 }
-function Yt(e) {
+function qt(e) {
 	return {
 		boolean: "",
 		autocomplete: "請輸入或選擇",
@@ -1318,4 +1343,4 @@ function Yt(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 };
 
-//# sourceMappingURL=FormRendererView-BcQKUi1A.js.map
+//# sourceMappingURL=FormRendererView-BF8Ge0Zk.js.map