@rytass/bpm-core-react 0.17.5 → 0.17.7

package/dist/chunks/{FormRendererView-cZGOOjU5.js → FormRendererView-BsTwZkqU.js}

@@ -6,10 +6,10 @@ import { AutoComplete as s, Button as c, CheckboxGroup as l, DatePicker as u, Da
 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";
+import { buildFormRendererValues as E, clampOptionalNumber as D, createFormTableRow as ee, formatDatePickerValue as O, formatDateTimePickerValue as k, isFormRendererFieldReadonly as A, isFormRendererFieldRequired as j, mergeFormDataSourceOptions as M, parseOptionalNumberInput as N, previewFormFieldOptions as te, previewResolveFormFieldOptions as ne, readDatePickerValue as re, readFieldOptionAsSelectOption as P, readFormDataSourceErrorCode as ie, readFormDataSourceErrorMessage as ae, readFormDataSourceSelectedValues as oe, readFormDataSourceValueSignature as F, readFormFieldOptions as se, readFormTableCellPath as I, readFormTableRowBounds as ce, readFormTableRows as L, readMissingFormDataSourceDependencies as le, readMissingFormDataSourceOptionValues as R, readSelectOption as z, readSelectedFormDataSourceOptions as B, readVisibleFormRendererFields as ue, resolveFormFieldOptions as de } from "@rytass/bpm-core-client/form";
+import { isFormDataSourceFieldDefinition as V, isFormStaticOptionFieldDefinition as fe, isFormTableCellValue as H, isTableFieldDefinition as pe, readFormFieldSelectionMode as U, readFormMemberIds as W } from "@rytass/bpm-core-shared/form";
 //#region src/views/forms/renderer/form-data-source-field.ts
-var he = {
+var me = {
 	canRetry: !1,
 	error: null,
 	hasValue: !1,
@@ -20,13 +20,13 @@ var he = {
 	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({
+}, G = [], he = 10, ge = ["FORM_DATA_SOURCE_SEARCH_NOT_SUPPORTED", "FORM_DATA_SOURCE_SEARCH_TOO_SHORT"];
+function K(e) {
+	let t = V(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({
+	}) : "", 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 = F(x), C = i(() => oe(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]
@@ -47,28 +47,28 @@ function G(e) {
 		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({
+	]), D = t ? (e.initialFormData !== void 0 || e.initialValue !== void 0) && F(e.initialValue) !== S : !1, ee = t ? e.initialFormData !== void 0 && t.dataSource.bindings.some((t) => t.from.kind === "FIELD" ? F(e.initialFormData?.[t.from.fieldKey]) !== F(e.formData[t.from.fieldKey]) : t.from.kind === "ROW_FIELD" && e.row?.initialValues ? F(e.row.initialValues[t.from.columnKey]) !== F(e.row.values[t.from.columnKey]) : !1) : !1, O = !(!c && !w || !D && !ee), k = !!(t && E && O && w), A = ye({
 		hasSnapshot: !!c,
 		hasValue: w,
-		isStale: D,
+		isStale: O,
 		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({
+	}), j = !!(t && E && t.type !== "autocomplete"), N = be(O, j && t !== null && le(t, e.formData, e.row?.values).length > 0), [re, P] = o([]), [I, ce] = o(""), [L, R] = o(null), [z, ue] = o(null), [fe, H] = o(() => t ? j ? N : A : "IDLE"), [pe, U] = o(null), W = a(0), G = a(0), K = a(0), q = a(null), J = a(null), _e = 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({
+	}), Y = i(() => we(e.formData), [f]), X = i(() => e.row ? we(e.row.values) : void 0, [y]), Te = i(() => M(d, re), [re, d]), Ee = z && z.signature === T ? z : null, De = k && !Ee, Oe = ve({
 		options: Te,
 		resolution: Ee,
 		resolvePending: De,
 		value: x
 	}), Z = n((n, r) => {
 		if (!t || !E) return;
-		let i = W.current + 1;
-		W.current = i, J.current = {
+		let i = G.current + 1;
+		G.current = i, _e.current = {
 			cursor: r,
 			searchText: n
-		}, K.current?.abort();
+		}, q.current?.abort();
 		let a = new AbortController();
-		K.current = a, V(M), H(null), (E.kind === "preview" ? ne({
+		q.current = a, H(N), U(null), (E.kind === "preview" ? te({
 			cursor: r,
 			fieldKey: s,
 			formData: Y,
@@ -77,7 +77,7 @@ function G(e) {
 			searchText: n,
 			signal: a.signal,
 			uiSchema: e.uiSchema
-		}) : ce({
+		}) : se({
 			cursor: r,
 			fieldKey: s,
 			formData: Y,
@@ -87,21 +87,21 @@ function G(e) {
 			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"));
+			Ce(a, G, i) || (P((t) => {
+				let n = B(x, t);
+				return M(n, r ? t : [], e.options);
+			}), R(e.nextCursor), U(null), W.current = r ? W.current + e.options.length : e.options.length, e.nextCursor && e.options.length > 0 && W.current < he && Q.current(n, e.nextCursor), H(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));
+			if (Ce(a, G, i)) return;
+			let t = ae(e) ?? "選項來源暫時無法使用。", n = ie(e);
+			U(t), H(xe(!!(n && ge.includes(n)), w));
 		});
 	}, [
 		S,
 		l,
 		E,
 		w,
-		M,
+		N,
 		s,
 		Y,
 		X,
@@ -111,10 +111,10 @@ function G(e) {
 	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 n = T, r = K.current + 1;
+		K.current = r, J.current?.abort();
 		let i = new AbortController();
-		q.current = i, H(null), (E.kind === "preview" ? re({
+		J.current = i, U(null), (E.kind === "preview" ? ne({
 			fieldKey: s,
 			formData: Y,
 			rowValues: X,
@@ -122,7 +122,7 @@ function G(e) {
 			signal: i.signal,
 			uiSchema: e.uiSchema,
 			values: C
-		}) : fe({
+		}) : de({
 			fieldKey: s,
 			formData: Y,
 			instanceId: E.instanceId ?? null,
@@ -131,12 +131,12 @@ function G(e) {
 			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({
+			Ce(i, K, r) || (e.waitingForFieldKeys.length ? H("WAITING_FOR_DEPENDENCIES") : (P((t) => M(t, e.options)), ue({
 				signature: n,
 				unresolvedValues: e.unresolvedValues
-			}), V("VALID")));
+			}), H("VALID")));
 		}).catch((e) => {
-			Ce(i, G, r) || (V("UNAVAILABLE"), H(oe(e) ?? "選項來源暫時無法使用。"));
+			Ce(i, K, r) || (H("UNAVAILABLE"), U(ae(e) ?? "選項來源暫時無法使用。"));
 		});
 	}, [
 		T,
@@ -150,47 +150,47 @@ function G(e) {
 		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");
+		G.current += 1, q.current?.abort(), P((e) => B(x, e)), R((e) => e === null ? e : null), ce((e) => e && ""), U((e) => e && null), t ? j ? Q.current("", null) : H(A) : H("IDLE");
 	}, [
-		A,
+		j,
 		l,
 		E,
 		T,
 		p,
 		b,
 		e.readonly,
-		M,
-		k,
+		N,
+		A,
 		u
 	]), r(() => {
-		O && Ae.current();
+		k && Ae.current();
 	}, [
 		T,
 		E,
-		O
+		k
 	]), r(() => () => {
-		K.current?.abort(), q.current?.abort();
+		q.current?.abort(), J.current?.abort();
 	}, []);
 	let je = n((e) => {
-		le(e), N((e) => z(x, e)), L(null), Z(e, null);
+		ce(e), P((e) => B(x, e)), R(null), Z(e, null);
 	}, [Z]), Me = n(() => {
-		I && Z(F, I);
+		L && Z(I, L);
 	}, [
 		Z,
-		I,
-		F
+		L,
+		I
 	]), Ne = n(() => {
-		E && (Z(J.current.searchText, J.current.cursor), O && Ae.current());
+		E && (Z(_e.current.searchText, _e.current.cursor), k && Ae.current());
 	}, [
 		E,
 		Z,
-		O
+		k
 	]);
 	return t ? {
 		canRetry: !!E,
-		error: me,
+		error: pe,
 		hasValue: w,
-		hasNextPage: !!I,
+		hasNextPage: !!L,
 		invalidValues: Oe,
 		onReachBottom: Me,
 		onSearch: je,
@@ -199,11 +199,11 @@ function G(e) {
 		status: Se({
 			invalidValues: Oe,
 			resolvePending: De,
-			status: pe
+			status: fe
 		})
-	} : he;
+	} : me;
 }
-function K(e) {
+function q(e) {
 	switch (e.status) {
 		case "WAITING_FOR_DEPENDENCIES": return "請先填寫相依欄位。";
 		case "STALE": return "選項需要重新載入或驗證。";
@@ -213,15 +213,15 @@ function K(e) {
 		default: return e.error;
 	}
 }
-function q(e) {
+function J(e) {
 	return e.hasValue && e.status !== "VALID";
 }
-function J(e) {
-	let t = e.filter(q);
+function _e(e) {
+	let t = e.filter(J);
 	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);
+	return e.resolution ? e.resolution.unresolvedValues : e.resolvePending ? G : R(e.value, e.options);
 }
 function ye(e) {
 	return e.isStale ? "STALE" : e.hasSnapshot ? "VALID" : e.readonly && e.hasValue ? "UNAVAILABLE" : "IDLE";
@@ -343,10 +343,10 @@ function Pe(e, t) {
 }
 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));
+	return W(e).filter((e) => !n.has(e));
 }
 function Ie(e, t) {
-	return U(e).map((e) => t.find((t) => t.id === e) ?? Ne(e));
+	return W(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;
@@ -433,54 +433,56 @@ var ze = {
 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,
+function We({ dataSourceContext: e, dataSourceInitialValues: t, emptyText: n = "尚未建立欄位。", errors: s = {}, fieldAccess: c, fieldLabelMarkers: l, maxWidth: u, onChange: d, onDataSourceStateChange: f, onUploadAttachment: p, optionSnapshots: m, readonly: h = !1, schema: g, singleColumn: _ = !1, uiSchema: y, value: b }) {
+	let [x, C] = o(() => E(g.fields, b ?? {})), w = i(() => E(g.fields, b ?? x), [
+		x,
+		g.fields,
+		b
+	]), T = a(w), D = i(() => ue(g, y, w).filter((e) => Ge(c, e.fieldKey)?.visible !== !1), [
+		c,
 		g,
-		x
+		y,
+		w
 	]);
 	r(() => {
-		C.current = x;
-	}, [x]), r(() => {
-		b((e) => E(m.fields, _ ?? e));
-	}, [m.fields, _]);
-	function T(e, t) {
+		T.current = w;
+	}, [w]), r(() => {
+		C((e) => E(g.fields, b ?? e));
+	}, [g.fields, b]);
+	function ee(e, t) {
 		let n = {
-			...C.current,
+			...T.current,
 			[e]: t
 		};
-		C.current = n, _ || b(n), l?.(n);
+		T.current = n, b || C(n), d?.(n);
 	}
-	return w.length ? /* @__PURE__ */ S("div", {
+	return D.length ? /* @__PURE__ */ S("div", {
 		style: {
 			...ze,
-			...h ? { width: "100%" } : {}
+			..._ ? { width: "100%" } : {}
 		},
-		children: w.map((n) => /* @__PURE__ */ S(Ge, {
+		children: D.map((n) => /* @__PURE__ */ S(qe, {
 			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,
+			fields: g.fields,
+			labelMarker: l !== void 0 && Object.prototype.hasOwnProperty.call(l, n.fieldKey) ? l[n.fieldKey] : void 0,
+			onChange: ee,
+			onDataSourceStateChange: f,
+			onUploadAttachment: p,
+			optionSnapshots: m,
+			readonly: Ke(Ge(c, n.fieldKey), h),
+			schema: g,
 			style: {
 				...Ve,
-				gridColumn: `span ${h ? 12 : dt(n, g)}`,
-				...h && !me(n) ? { maxWidth: c } : {}
+				gridColumn: `span ${_ ? 12 : pt(n, y)}`,
+				..._ && !pe(n) ? { maxWidth: u } : {}
 			},
-			value: x[n.fieldKey],
-			values: x,
-			uiSchema: g
+			value: w[n.fieldKey],
+			values: w,
+			uiSchema: y
 		}, n.fieldKey))
 	}) : /* @__PURE__ */ S("div", {
 		style: ze,
@@ -488,72 +490,79 @@ function We({ dataSourceContext: e, dataSourceInitialValues: t, emptyText: n = "
 			color: "text-neutral",
 			style: Be,
 			variant: "body",
-			children: m.fields.length > 0 ? "目前條件下沒有可填寫欄位。" : n
+			children: g.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({
+function Ge(e, t) {
+	return e !== void 0 && Object.prototype.hasOwnProperty.call(e, t) ? e[t] : void 0;
+}
+function Ke(e, t) {
+	return e === void 0 ? t : !e.editable;
+}
+function qe({ dataSourceContext: t, dataSourceInitialValues: n, error: i, errors: a, field: o, fields: s, labelMarker: l, onChange: u, onDataSourceStateChange: d, onUploadAttachment: f, optionSnapshots: p, readonly: m, schema: h, style: g, value: _, values: y, uiSchema: b }) {
+	let x = j(o, s, y), w = m || A(o, s, y), T = K({
 		context: t,
 		field: o,
-		formData: _,
+		formData: y,
 		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
+		optionSnapshots: p,
+		readonly: w,
+		schema: h,
+		uiSchema: b
+	}), E = q(T), D = JSON.stringify({
+		hasValue: T.hasValue,
+		invalidValues: T.invalidValues,
+		status: T.status
 	});
 	return r(() => {
-		B(o) && u?.(o.fieldKey, {
-			hasValue: w.hasValue,
-			invalidValues: w.invalidValues,
-			status: w.status
+		V(o) && d?.(o.fieldKey, {
+			hasValue: T.hasValue,
+			invalidValues: T.invalidValues,
+			status: T.status
 		});
 	}, [
-		E,
+		D,
 		o.fieldKey,
-		u
+		d
 	]), /* @__PURE__ */ C("div", {
 		"data-form-field-key": o.fieldKey,
-		style: h,
+		style: g,
 		children: [
 			/* @__PURE__ */ S(e, {
 				label: o.label,
+				...l ? { labelOptionalMarker: l } : {},
 				name: o.fieldKey,
-				required: b,
-				children: me(o) ? /* @__PURE__ */ S(nt, {
+				required: x,
+				children: pe(o) ? /* @__PURE__ */ S(it, {
 					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)
+					onChange: u,
+					onDataSourceStateChange: d,
+					optionSnapshots: p,
+					readonly: w,
+					schema: h,
+					uiSchema: b,
+					value: _,
+					values: y
+				}) : ut(o, _, w, u, f, t, T)
 			}),
 			i ? /* @__PURE__ */ S(v, {
 				color: "text-error",
 				variant: "caption",
 				children: i
 			}) : null,
-			T ? /* @__PURE__ */ C("div", {
-				style: Ye,
+			E ? /* @__PURE__ */ C("div", {
+				style: Ze,
 				children: [/* @__PURE__ */ S(v, {
-					color: w.status === "INVALID" || w.status === "UNAVAILABLE" ? "text-error" : "text-neutral",
+					color: T.status === "INVALID" || T.status === "UNAVAILABLE" ? "text-error" : "text-neutral",
 					variant: "caption",
-					children: T
-				}), w.status === "UNAVAILABLE" && w.canRetry ? /* @__PURE__ */ S(c, {
-					onClick: w.retry,
+					children: E
+				}), T.status === "UNAVAILABLE" && T.canRetry ? /* @__PURE__ */ S(c, {
+					onClick: T.retry,
 					size: "sub",
 					type: "button",
 					variant: "base-ghost",
@@ -563,104 +572,104 @@ function Ge({ dataSourceContext: t, dataSourceInitialValues: n, error: i, errors
 		]
 	});
 }
-var Ke = "（另開新分頁）", qe = "另開新分頁", Je = {
+var Je = "（另開新分頁）", Ye = "另開新分頁", Xe = {
 	color: "inherit",
 	textDecoration: "underline",
 	wordBreak: "break-all"
-}, Ye = {
+}, Ze = {
 	alignItems: "center",
 	display: "flex",
 	gap: 8
-}, Xe = {
+}, Qe = {
 	display: "grid",
 	gap: 8,
 	minWidth: 0,
 	width: "100%"
-}, Ze = {
+}, $e = {
 	display: "flex",
 	justifyContent: "flex-start"
-}, Qe = {
+}, et = {
 	maxWidth: "100%",
 	overflowX: "auto"
-}, $e = 160, et = 56, tt = {
+}, tt = 160, nt = 56, rt = {
 	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)));
+function it({ 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(() => st(y)));
 	r(() => {
-		b.length !== _.length && x(_.map(() => at(y)));
+		b.length !== _.length && x(_.map(() => st(y)));
 	}, [b.length, _.length]);
 	function E(e) {
 		s(i.fieldKey, e);
 	}
-	function ee() {
-		x([...b, at(y)]), E([..._, te(i.columns)]);
+	function D() {
+		x([...b, st(y)]), E([..._, ee(i.columns)]);
 	}
-	function D(e) {
+	function O(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));
+	function k(e, t, n) {
+		E(_.map((r, i) => i === e ? ct(r, t, n) : r));
 	}
-	let k = _.map((e, t) => ({
+	let A = _.map((e, t) => ({
 		...e,
 		index: t,
 		key: b[t] ?? `row-${t}`
-	})), A = i.columns.map((r) => ({
+	})), j = i.columns.map((r) => ({
 		key: r.fieldKey,
-		render: (a) => /* @__PURE__ */ S(rt, {
+		render: (a) => /* @__PURE__ */ S(at, {
 			column: r,
 			dataSourceContext: e,
-			error: n[F(i.fieldKey, a.index, r.fieldKey)] ?? null,
+			error: n[I(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),
+			initialRowValues: ot(t?.[i.fieldKey], a.index),
+			onChange: (e) => k(a.index, r.fieldKey, e),
 			onDataSourceStateChange: l,
 			optionSnapshots: u,
-			path: F(i.fieldKey, a.index, r.fieldKey),
+			path: I(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 : {
+	})), M = d ? void 0 : {
 		render: (e) => [{
 			disabled: () => _.length <= v.minRows,
 			icon: T,
 			iconType: "icon-only",
 			name: "刪除此列",
-			onClick: () => D(e.index),
+			onClick: () => O(e.index),
 			variant: "destructive-ghost"
 		}],
 		width: 56
 	};
 	return /* @__PURE__ */ C("div", {
-		style: Xe,
+		style: Qe,
 		children: [/* @__PURE__ */ S("div", {
-			style: Qe,
+			style: et,
 			children: /* @__PURE__ */ S("div", {
-				style: { minWidth: i.columns.length * $e + (j ? et : 0) },
+				style: { minWidth: i.columns.length * tt + (M ? nt : 0) },
 				children: /* @__PURE__ */ S(h, {
-					...j ? { actions: j } : {},
-					columns: A,
-					dataSource: [...k],
+					...M ? { actions: M } : {},
+					columns: j,
+					dataSource: [...A],
 					rowHeightPreset: "roomy",
 					showHeader: !0,
 					size: "sub"
 				})
 			})
 		}), d ? null : /* @__PURE__ */ S("div", {
-			style: Ze,
+			style: $e,
 			children: /* @__PURE__ */ S(c, {
 				disabled: _.length >= v.maxRows,
 				icon: w,
 				iconType: "leading",
-				onClick: ee,
+				onClick: D,
 				size: "sub",
 				type: "button",
 				variant: "base-secondary",
@@ -669,14 +678,14 @@ function nt({ 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 _ = st(m, e.fieldKey), y = G({
+function at({ 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 _ = lt(m, e.fieldKey), y = K({
 		context: t,
 		field: e,
 		fieldPath: i,
 		formData: a,
 		initialFormData: o,
-		initialValue: s ? st(s, e.fieldKey) : void 0,
+		initialValue: s ? lt(s, e.fieldKey) : void 0,
 		optionSnapshots: d,
 		readonly: p,
 		row: {
@@ -686,13 +695,13 @@ function rt({ column: e, dataSourceContext: t, error: n, fieldPath: i, formData:
 		schema: h,
 		snapshotKey: f,
 		uiSchema: g
-	}), b = K(y), x = JSON.stringify({
+	}), b = q(y), x = JSON.stringify({
 		hasValue: y.hasValue,
 		invalidValues: y.invalidValues,
 		status: y.status
 	});
 	return r(() => {
-		if (B(e)) return u?.(f, {
+		if (V(e)) return u?.(f, {
 			hasValue: y.hasValue,
 			invalidValues: y.invalidValues,
 			status: y.status
@@ -709,16 +718,16 @@ function rt({ column: e, dataSourceContext: t, error: n, fieldPath: i, formData:
 		x
 	]), /* @__PURE__ */ C("div", {
 		"data-form-field-key": f,
-		style: tt,
+		style: rt,
 		children: [
-			ct(e, _, p, (e, t) => l(t), void 0, t, y, "sub"),
+			ut(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,
+				style: Ze,
 				children: [/* @__PURE__ */ S(v, {
 					color: y.status === "INVALID" || y.status === "UNAVAILABLE" ? "text-error" : "text-neutral",
 					variant: "caption",
@@ -734,25 +743,25 @@ function rt({ column: e, dataSourceContext: t, error: n, fieldPath: i, formData:
 		]
 	});
 }
-function it(e, t) {
-	return I(e)[t];
+function ot(e, t) {
+	return L(e)[t];
 }
-function at(e) {
+function st(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)) : {
+function ct(e, t, n) {
+	return n === void 0 || !H(n) ? Object.fromEntries(Object.entries(e).filter(([e]) => e !== t)) : {
 		...e,
 		[t]: n
 	};
 }
-function st(e, t) {
+function lt(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 ut(e, t, n, r, i, a, o, s = "main") {
+	return V(e) ? ft(e, t, n, r, a, o, s) : dt(e, t, n, r, i, s);
 }
-function lt(e, t, n, r, i, a = "main") {
+function dt(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",
@@ -760,12 +769,12 @@ function lt(e, t, n, r, i, a = "main") {
 		variant: "body",
 		children: /* @__PURE__ */ S("a", {
 			href: o.href,
-			style: Je,
+			style: Xe,
 			...o.external ? {
-				"aria-label": `${o.href}${Ke}`,
+				"aria-label": `${o.href}${Je}`,
 				rel: "noopener noreferrer",
 				target: "_blank",
-				title: qe
+				title: Ye
 			} : {},
 			children: o.href
 		})
@@ -786,8 +795,8 @@ function lt(e, t, n, r, i, a = "main") {
 		onChange: (t) => r(e.fieldKey, t.target.checked),
 		size: a
 	});
-	if (pe(e) && e.type === "checkbox") {
-		let i = e.options.map(N);
+	if (fe(e) && e.type === "checkbox") {
+		let i = e.options.map(P);
 		return /* @__PURE__ */ S(m, {
 			mode: "multiple",
 			onChange: (t) => r(e.fieldKey, t?.length ? t.map((e) => e.id) : void 0),
@@ -795,18 +804,18 @@ function lt(e, t, n, r, i, a = "main") {
 			placeholder: e.placeholder ?? "請選擇一或多個選項",
 			readOnly: n,
 			size: a,
-			value: i.filter((e) => ft(t).includes(e.id))
+			value: i.filter((e) => mt(t).includes(e.id))
 		});
 	}
-	if (pe(e)) {
-		let i = e.options.map(N);
+	if (fe(e)) {
+		let i = e.options.map(P);
 		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))
+			value: z(i, $(t))
 		});
 	}
 	return e.type === "member" ? /* @__PURE__ */ S(Re, {
@@ -834,47 +843,47 @@ function lt(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 ?? mt(e.type),
+		onChange: (t) => r(e.fieldKey, O(t)),
+		placeholder: e.placeholder ?? gt(e.type),
 		readOnly: n,
-		value: ie(t)
+		value: re(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, k(t)),
 		placeholderLeft: "選擇日期",
 		placeholderRight: "選擇時間",
 		readOnly: n,
-		value: ie(t)
+		value: re(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), {
+		onChange: (t) => r(e.fieldKey, D(N(t.target.value), {
 			max: e.maximum,
 			min: e.minimum
 		})),
-		placeholder: e.placeholder ?? mt(e.type),
+		placeholder: e.placeholder ?? gt(e.type),
 		...n ? { readonly: !0 } : {},
 		showSpinner: !0,
-		value: pt(t),
+		value: ht(t),
 		variant: "measure"
 	}) : /* @__PURE__ */ S(f, {
 		fullWidth: !0,
 		onChange: (t) => r(e.fieldKey, t.target.value),
-		placeholder: e.placeholder ?? mt(e.type),
+		placeholder: e.placeholder ?? gt(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, {
+function ft(e, t, n, r, i, a, o = "main") {
+	let c = a.options.map(P), u = B(t, a.options).map(P), d = a.status === "LOADING", f = a.status === "WAITING_FOR_DEPENDENCIES", h = !!i && !n, g = n || f, _ = n;
+	return e.type === "autocomplete" ? U(e) === "multiple" ? /* @__PURE__ */ S(s, {
 		asyncData: h,
 		clearSearchText: !0,
 		disabled: _,
@@ -922,8 +931,8 @@ function ut(e, t, n, r, i, a, o = "main") {
 			label: e.name,
 			value: e.id
 		})),
-		value: [...ft(t)]
-	}) : H(e) === "multiple" ? /* @__PURE__ */ S(m, {
+		value: [...mt(t)]
+	}) : U(e) === "multiple" ? /* @__PURE__ */ S(m, {
 		disabled: g,
 		loading: d,
 		mode: "multiple",
@@ -946,7 +955,7 @@ function ut(e, t, n, r, i, a, o = "main") {
 		value: u[0] ?? null
 	});
 }
-function dt(e, t) {
+function pt(e, t) {
 	return {
 		FULL: 12,
 		HALF: 6,
@@ -956,13 +965,13 @@ function dt(e, t) {
 function $(e) {
 	return typeof e == "string" ? e : "";
 }
-function ft(e) {
+function mt(e) {
 	return Array.isArray(e) && e.every((e) => typeof e == "string") ? e : [];
 }
-function pt(e) {
+function ht(e) {
 	return typeof e == "number" ? String(e) : "";
 }
-function mt(e) {
+function gt(e) {
 	return {
 		boolean: "",
 		autocomplete: "請輸入或選擇",
@@ -981,6 +990,6 @@ function mt(e) {
 	}[e];
 }
 //#endregion
-export { K as a, q as i, ke as n, J as o, Q as r, G as s, We as t };
+export { q as a, J as i, ke as n, _e as o, Q as r, K as s, We as t };
 
-//# sourceMappingURL=FormRendererView-cZGOOjU5.js.map
+//# sourceMappingURL=FormRendererView-BsTwZkqU.js.map