@rytass/bpm-core-react 0.13.5 → 0.15.0

package/dist/chunks/FormRendererView-DU9LLrOF.js

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