@rytass/bpm-core-react 0.14.0 → 0.16.2

package/dist/chunks/FormRendererView-cZGOOjU5.js

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