@rytass/bpm-core-react 0.9.1 → 0.11.0

package/dist/chunks/{FormRendererView-C5POZbWz.js → FormRendererView-BurlEDUu.js}

@@ -3,10 +3,11 @@ 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, Textarea as m, Toggle as h, Typography as g, Upload as _ } from "@mezzanine-ui/react";
 import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import { buildFormRendererValues as b, clampOptionalNumber as x, formatDatePickerValue as S, formatDateTimePickerValue as C, isFormRendererFieldReadonly as w, isFormRendererFieldRequired as T, mergeFormDataSourceOptions as E, parseOptionalNumberInput as D, previewFormFieldOptions as ee, readDatePickerValue as O, readFieldOptionAsSelectOption as k, readFormDataSourceErrorMessage as te, readFormDataSourceValueSignature as A, readFormFieldOptions as j, readMissingFormDataSourceDependencies as ne, readMissingFormDataSourceOptionValues as re, readSelectOption as M, readSelectedFormDataSourceOptions as N, readVisibleFormRendererFields as P } from "@rytass/bpm-core-client/form";
-import { isFormDataSourceFieldDefinition as F, isFormStaticOptionFieldDefinition as I, readFormFieldSelectionMode as L } from "@rytass/bpm-core-shared/form";
+import { buildFormRendererValues as b, clampOptionalNumber as x, formatDatePickerValue as S, formatDateTimePickerValue as C, isFormRendererFieldReadonly as w, isFormRendererFieldRequired as T, mergeFormDataSourceOptions as E, parseOptionalNumberInput as D, previewFormFieldOptions as ee, previewResolveFormFieldOptions as te, readDatePickerValue as O, readFieldOptionAsSelectOption as k, readFormDataSourceErrorCode as ne, readFormDataSourceErrorMessage as re, readFormDataSourceSelectedValues as ie, readFormDataSourceValueSignature as A, readFormFieldOptions as ae, readMissingFormDataSourceDependencies as oe, readMissingFormDataSourceOptionValues as j, readSelectOption as M, readSelectedFormDataSourceOptions as N, readVisibleFormRendererFields as se, resolveFormFieldOptions as ce } from "@rytass/bpm-core-client/form";
+import { isFormDataSourceFieldDefinition as le, isFormStaticOptionFieldDefinition as P, readFormFieldSelectionMode as F } from "@rytass/bpm-core-shared/form";
 //#region src/views/forms/renderer/form-data-source-field.ts
-var R = {
+var ue = {
+	canRetry: !1,
 	error: null,
 	hasValue: !1,
 	hasNextPage: !1,
@@ -16,166 +17,253 @@ var R = {
 	options: [],
 	retry: () => void 0,
 	status: "IDLE"
-};
-function z(e) {
-	let o = F(e.field) ? e.field : null, s = o ? e.optionSnapshots?.[o.fieldKey] : void 0, c = JSON.stringify(s ?? null), l = r(() => s?.options ?? [], [c]), u = JSON.stringify(e.formData), d = JSON.stringify(e.initialFormData ?? {}), f = JSON.stringify(e.schema), p = JSON.stringify(e.uiSchema), m = e.context?.kind, h = e.context?.kind === "runtime" ? e.context.instanceId : void 0, g = e.context?.kind === "runtime" ? e.context.templateId : void 0, _ = o ? ne(o, e.formData) : [], v = JSON.stringify(_), y = o ? JSON.stringify({
+}, de = [], fe = 10, pe = ["FORM_DATA_SOURCE_SEARCH_NOT_SUPPORTED", "FORM_DATA_SOURCE_SEARCH_TOO_SHORT"];
+function I(e) {
+	let o = le(e.field) ? e.field : null, s = o ? e.optionSnapshots?.[o.fieldKey] : void 0, c = o ? JSON.stringify({
+		dataSource: o.dataSource,
+		fieldKey: o.fieldKey,
+		type: o.type
+	}) : "", l = JSON.stringify(s ?? null), u = r(() => s?.options ?? [], [l]), d = JSON.stringify(e.formData), f = JSON.stringify(e.initialFormData ?? {}), p = JSON.stringify(e.schema), m = JSON.stringify(e.uiSchema), h = e.context?.kind, g = e.context?.kind === "runtime" ? e.context.instanceId : void 0, _ = e.context?.kind === "runtime" ? e.context.templateId : void 0, v = o ? e.formData[o.fieldKey] : void 0, y = A(v), b = r(() => ie(v), [y]), x = b.length > 0, S = o ? JSON.stringify({
 		bindings: o.dataSource.bindings.map((t) => t.from.kind === "FIELD" ? {
 			fieldKey: t.from.fieldKey,
 			value: e.formData[t.from.fieldKey]
 		} : { value: t.from.value }),
 		value: e.initialFormData !== void 0 || e.initialValue !== void 0 ? e.formData[o.fieldKey] : void 0
-	}) : "", b = r(() => {
-		if (m === "preview") return { kind: "preview" };
-		if (m === "runtime" && !e.readonly) return {
-			instanceId: h,
+	}) : "", C = r(() => {
+		if (h === "preview") return { kind: "preview" };
+		if (h === "runtime" && !e.readonly) return {
+			instanceId: g,
 			kind: "runtime",
-			templateId: g
+			templateId: _
 		};
 	}, [
-		h,
-		m,
 		g,
+		h,
+		_,
 		e.readonly
-	]), x = o ? (e.initialFormData !== void 0 || e.initialValue !== void 0) && A(e.initialValue) !== A(e.formData[o.fieldKey]) : !1, S = o ? e.initialFormData !== void 0 && o.dataSource.bindings.some((t) => t.from.kind === "FIELD" ? A(e.initialFormData?.[t.from.fieldKey]) !== A(e.formData[t.from.fieldKey]) : !1) : !1, C = !!(s && (x || S)), [w, T] = a([]), [D, O] = a(""), [k, M] = a(null), [P, I] = a(o && s ? C ? "STALE" : "VALID" : "IDLE"), [L, z] = a(null), B = i(0), V = i({
+	]), w = o ? (e.initialFormData !== void 0 || e.initialValue !== void 0) && A(e.initialValue) !== y : !1, T = o ? e.initialFormData !== void 0 && o.dataSource.bindings.some((t) => t.from.kind === "FIELD" && A(e.initialFormData?.[t.from.fieldKey]) !== A(e.formData[t.from.fieldKey])) : !1, D = !!((s || x) && (w || T)), O = !!(o && C && D && x), k = ge({
+		hasSnapshot: !!s,
+		hasValue: x,
+		isStale: D,
+		readonly: e.readonly
+	}), j = !!(o && C && o.type !== "autocomplete"), M = _e(D, j && o !== null && oe(o, e.formData).length > 0), [se, P] = a([]), [F, de] = a(""), [I, L] = a(null), [R, me] = a(null), [B, V] = a(() => o ? j ? M : k : "IDLE"), [be, H] = a(null), U = i(0), W = i(0), G = i(0), K = i(null), q = i(null), J = i({
 		cursor: null,
 		searchText: ""
-	}), H = r(() => Object.entries(e.formData).reduce((e, [t, n]) => n === void 0 ? e : {
+	}), Y = r(() => Object.entries(e.formData).reduce((e, [t, n]) => n === void 0 ? e : {
 		...e,
 		[t]: n
-	}, {}), [u]), U = r(() => E(l, w), [w, l]), W = r(() => re(o ? e.formData[o.fieldKey] : void 0, U), [
-		o,
-		e.formData,
-		U
-	]), G = ie(o ? e.formData[o.fieldKey] : void 0), K = t((t, n) => {
-		if (!o || !b) return;
-		if (_.length > 0) {
-			I("WAITING_FOR_DEPENDENCIES"), z(null);
-			return;
-		}
-		let r = B.current + 1;
-		B.current = r, V.current = {
+	}, {}), [d]), X = r(() => E(u, se), [se, u]), Z = R && R.signature === S ? R : null, xe = O && !Z, Q = he({
+		options: X,
+		resolution: Z,
+		resolvePending: xe,
+		value: v
+	}), $ = t((t, n) => {
+		if (!o || !C) return;
+		let r = W.current + 1;
+		W.current = r, J.current = {
 			cursor: n,
 			searchText: t
-		}, I(C ? "STALE" : "LOADING"), z(null), (b.kind === "preview" ? ee({
+		}, K.current?.abort();
+		let i = new AbortController();
+		K.current = i, V(M), H(null), (C.kind === "preview" ? ee({
 			cursor: n,
 			fieldKey: o.fieldKey,
-			formData: H,
+			formData: Y,
 			schema: e.schema,
 			searchText: t,
+			signal: i.signal,
 			uiSchema: e.uiSchema
-		}) : j({
+		}) : ae({
 			cursor: n,
 			fieldKey: o.fieldKey,
-			formData: H,
-			instanceId: b.instanceId ?? null,
+			formData: Y,
+			instanceId: C.instanceId ?? null,
 			searchText: t,
-			templateId: b.templateId ?? null
-		})).then((t) => {
-			B.current === r && (T((r) => E(N(o ? e.formData[o.fieldKey] : void 0, r), n ? r : [], t.options)), M(t.nextCursor), I("VALID"), z(null));
+			signal: i.signal,
+			templateId: C.templateId ?? null
+		})).then((a) => {
+			z(i, W, r) || (P((t) => {
+				let r = N(o ? e.formData[o.fieldKey] : void 0, t);
+				return E(r, n ? t : [], a.options);
+			}), L(a.nextCursor), H(null), U.current = n ? U.current + a.options.length : a.options.length, a.nextCursor && a.options.length > 0 && U.current < fe && Se.current(t, a.nextCursor), V(a.waitingForFieldKeys.length ? "WAITING_FOR_DEPENDENCIES" : "VALID"));
 		}).catch((e) => {
-			B.current === r && (I("UNAVAILABLE"), z(te(e) ?? (e instanceof Error ? e.message : "選項來源暫時無法使用。")));
+			if (z(i, W, r)) return;
+			let t = re(e) ?? "選項來源暫時無法使用。", n = ne(e);
+			H(t), V(ve(!!(n && pe.includes(n)), x));
 		});
 	}, [
-		o,
-		b,
+		c,
 		C,
-		_.length,
-		H,
-		f,
-		p
-	]), q = i(K);
-	q.current = K, n(() => {
-		if (B.current += 1, T((t) => N(o ? e.formData[o.fieldKey] : void 0, t)), M((e) => e === null ? e : null), O((e) => e && ""), z((e) => e && null), !o) {
-			I("IDLE");
-			return;
-		}
-		if (_.length > 0) {
-			I("WAITING_FOR_DEPENDENCIES");
-			return;
-		}
-		if (!b) {
-			I(s ? C ? "STALE" : "VALID" : e.readonly ? "UNAVAILABLE" : "IDLE");
+		x,
+		M,
+		Y,
+		p,
+		m
+	]), Se = i($);
+	Se.current = $;
+	let Ce = t(() => {
+		if (!o || !C || b.length === 0) return;
+		let t = S, n = G.current + 1;
+		G.current = n, q.current?.abort();
+		let r = new AbortController();
+		q.current = r, H(null), (C.kind === "preview" ? te({
+			fieldKey: o.fieldKey,
+			formData: Y,
+			schema: e.schema,
+			signal: r.signal,
+			uiSchema: e.uiSchema,
+			values: b
+		}) : ce({
+			fieldKey: o.fieldKey,
+			formData: Y,
+			instanceId: C.instanceId ?? null,
+			signal: r.signal,
+			templateId: C.templateId ?? null,
+			values: b
+		})).then((e) => {
+			if (!z(r, G, n)) {
+				if (e.waitingForFieldKeys.length) {
+					V("WAITING_FOR_DEPENDENCIES");
+					return;
+				}
+				P((t) => E(t, e.options)), me({
+					signature: t,
+					unresolvedValues: e.unresolvedValues
+				}), V("VALID");
+			}
+		}).catch((e) => {
+			z(r, G, n) || (V("UNAVAILABLE"), H(re(e) ?? "選項來源暫時無法使用。"));
+		});
+	}, [
+		S,
+		c,
+		C,
+		Y,
+		p,
+		b,
+		m
+	]), we = i(Ce);
+	we.current = Ce, n(() => {
+		if (W.current += 1, K.current?.abort(), P((e) => N(v, e)), L((e) => e === null ? e : null), de((e) => e && ""), H((e) => e && null), !o) {
+			V("IDLE");
 			return;
 		}
-		if (o.type === "autocomplete") {
-			I(s ? C ? "STALE" : "VALID" : "IDLE");
+		if (!j) {
+			V(k);
 			return;
 		}
-		q.current("", null);
+		Se.current("", null);
 	}, [
-		o,
-		b,
-		y,
-		d,
+		j,
+		c,
+		C,
+		S,
+		f,
 		e.readonly,
+		M,
+		k,
+		l
+	]), n(() => {
+		O && we.current();
+	}, [
+		S,
 		C,
-		v,
-		c
-	]);
-	let J = t((t) => {
-		O(t), T((t) => N(o ? e.formData[o.fieldKey] : void 0, t)), M(null), K(t, null);
-	}, [K]), Y = t(() => {
-		k && K(D, k);
+		O
+	]), n(() => () => {
+		K.current?.abort(), q.current?.abort();
+	}, []);
+	let Te = t((e) => {
+		de(e), P((e) => N(v, e)), L(null), $(e, null);
+	}, [$]), Ee = t(() => {
+		I && $(F, I);
 	}, [
-		K,
-		k,
-		D
-	]), X = t(() => {
-		K(V.current.searchText, V.current.cursor);
-	}, [K]);
+		$,
+		I,
+		F
+	]), De = t(() => {
+		C && ($(J.current.searchText, J.current.cursor), O && we.current());
+	}, [
+		C,
+		$,
+		O
+	]);
 	return o ? {
-		error: L,
-		hasValue: G,
-		hasNextPage: !!k,
-		invalidValues: W,
-		onReachBottom: Y,
-		onSearch: J,
-		options: U,
-		retry: X,
-		status: P === "VALID" && W.length ? "INVALID" : P
-	} : R;
+		canRetry: !!C,
+		error: be,
+		hasValue: x,
+		hasNextPage: !!I,
+		invalidValues: Q,
+		onReachBottom: Ee,
+		onSearch: Te,
+		options: X,
+		retry: De,
+		status: ye({
+			invalidValues: Q,
+			resolvePending: xe,
+			status: B
+		})
+	} : ue;
 }
-function B(e) {
+function L(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.options.length ? null : "目前沒有可用選項。";
-		default: return null;
+		case "VALID": return e.error ?? (e.options.length ? null : "目前沒有可用選項。");
+		default: return e.error;
 	}
 }
-function V(e) {
+function R(e) {
 	return e.hasValue && e.status !== "VALID";
 }
-function ie(e) {
-	return e == null ? !1 : typeof e == "string" ? e.trim().length > 0 : Array.isArray(e) ? e.length > 0 : !0;
+function me(e) {
+	let t = e.filter(R);
+	return t.length === 0 ? null : t.every((e) => e.status === "LOADING" || e.status === "STALE") ? "選項驗證中，請稍候再送出。" : "請先完成動態選項驗證。";
+}
+function he(e) {
+	return e.resolution ? e.resolution.unresolvedValues : e.resolvePending ? de : j(e.value, e.options);
+}
+function ge(e) {
+	return e.isStale ? "STALE" : e.hasSnapshot ? "VALID" : e.readonly && e.hasValue ? "UNAVAILABLE" : "IDLE";
+}
+function _e(e, t) {
+	return t ? "WAITING_FOR_DEPENDENCIES" : e ? "STALE" : "LOADING";
+}
+function ve(e, t) {
+	return e ? t ? "VALID" : "IDLE" : "UNAVAILABLE";
+}
+function ye(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 z(e, t, n) {
+	return e.signal.aborted || t.current !== n;
 }
 //#endregion
 //#region src/views/forms/renderer/FormRendererView.tsx
-var H = {
+var B = {
 	alignItems: "start",
 	display: "grid",
 	gap: 12,
 	gridTemplateColumns: "repeat(12, minmax(0, 1fr))"
-}, U = { gridColumn: "1 / -1" }, W = {
+}, V = { gridColumn: "1 / -1" }, be = {
 	alignItems: "start",
 	display: "grid",
 	gap: 8,
 	minWidth: 0
-}, G = {
+}, H = {
 	minWidth: "100%",
 	width: "100%"
 };
-function K(e) {
+function U(e) {
 	e && (e.style.width = "100%");
 }
-function q({ 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: _, value: y }) {
+function W({ 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: _, value: y }) {
 	let [x, S] = a(() => b(m.fields, y ?? {})), C = r(() => b(m.fields, y ?? x), [
 		x,
 		m.fields,
 		y
-	]), w = i(C), T = r(() => P(m, _, C), [
+	]), w = i(C), T = r(() => se(m, _, C), [
 		m,
 		_,
 		C
@@ -194,13 +282,13 @@ function q({ dataSourceContext: e, dataSourceInitialValues: t, emptyText: o = "
 	}
 	return T.length ? /* @__PURE__ */ v("div", {
 		style: {
-			...H,
+			...B,
 			...h ? {
 				maxWidth: c,
 				width: "100%"
 			} : {}
 		},
-		children: T.map((n) => /* @__PURE__ */ v(J, {
+		children: T.map((n) => /* @__PURE__ */ v(G, {
 			dataSourceContext: e,
 			dataSourceInitialValues: t,
 			field: n,
@@ -213,25 +301,25 @@ function q({ dataSourceContext: e, dataSourceInitialValues: t, emptyText: o = "
 			readonly: p,
 			schema: m,
 			style: {
-				...W,
-				gridColumn: `span ${h ? 12 : oe(n, _)}`
+				...be,
+				gridColumn: `span ${h ? 12 : Y(n, _)}`
 			},
 			value: C[n.fieldKey],
 			values: C,
 			uiSchema: _
 		}, n.fieldKey))
 	}) : /* @__PURE__ */ v("div", {
-		style: H,
+		style: B,
 		children: /* @__PURE__ */ v(g, {
 			color: "text-neutral",
-			style: U,
+			style: V,
 			variant: "body",
 			children: m.fields.length > 0 ? "目前條件下沒有可填寫欄位。" : o
 		})
 	});
 }
-function J({ dataSourceContext: t, dataSourceInitialValues: r, error: i, field: a, fields: o, onChange: c, onDataSourceStateChange: l, onUploadAttachment: u, optionSnapshots: d, readonly: f, schema: p, style: m, value: h, values: _, uiSchema: b }) {
-	let x = T(a, o, _), S = f || w(a, o, _), C = z({
+function G({ dataSourceContext: t, dataSourceInitialValues: r, error: i, field: a, fields: o, onChange: c, onDataSourceStateChange: l, onUploadAttachment: u, optionSnapshots: d, readonly: f, schema: p, style: m, value: h, values: _, uiSchema: b }) {
+	let x = T(a, o, _), S = f || w(a, o, _), C = I({
 		context: t,
 		field: a,
 		formData: _,
@@ -241,19 +329,19 @@ function J({ dataSourceContext: t, dataSourceInitialValues: r, error: i, field:
 		readonly: S,
 		schema: p,
 		uiSchema: b
-	}), E = B(C);
+	}), E = L(C), D = JSON.stringify({
+		hasValue: C.hasValue,
+		invalidValues: C.invalidValues,
+		status: C.status
+	});
 	return n(() => {
-		F(a) && l?.(a.fieldKey, {
+		le(a) && l?.(a.fieldKey, {
 			hasValue: C.hasValue,
 			invalidValues: C.invalidValues,
 			status: C.status
 		});
 	}, [
-		JSON.stringify({
-			hasValue: C.hasValue,
-			invalidValues: C.invalidValues,
-			status: C.status
-		}),
+		D,
 		a.fieldKey,
 		l
 	]), /* @__PURE__ */ y("div", {
@@ -264,7 +352,7 @@ function J({ dataSourceContext: t, dataSourceInitialValues: r, error: i, field:
 				label: a.label,
 				name: a.fieldKey,
 				required: x,
-				children: X(a, h, S, c, u, t, C)
+				children: q(a, h, S, c, u, t, C)
 			}),
 			i ? /* @__PURE__ */ v(g, {
 				color: "text-error",
@@ -272,12 +360,12 @@ function J({ dataSourceContext: t, dataSourceInitialValues: r, error: i, field:
 				children: i
 			}) : null,
 			E ? /* @__PURE__ */ y("div", {
-				style: Y,
+				style: K,
 				children: [/* @__PURE__ */ v(g, {
 					color: C.status === "INVALID" || C.status === "UNAVAILABLE" ? "text-error" : "text-neutral",
 					variant: "caption",
 					children: E
-				}), C.status === "UNAVAILABLE" ? /* @__PURE__ */ v(s, {
+				}), C.status === "UNAVAILABLE" && C.canRetry ? /* @__PURE__ */ v(s, {
 					onClick: C.retry,
 					size: "sub",
 					type: "button",
@@ -288,20 +376,20 @@ function J({ dataSourceContext: t, dataSourceInitialValues: r, error: i, field:
 		]
 	});
 }
-var Y = {
+var K = {
 	alignItems: "center",
 	display: "flex",
 	gap: 8
 };
-function X(e, t, n, r, i, a, o) {
+function q(e, t, n, r, i, a, o) {
 	if (e.type === "textarea") return /* @__PURE__ */ v(m, {
 		onChange: (t) => r(e.fieldKey, t.target.value),
 		placeholder: e.placeholder ?? "請輸入多行文字",
 		readOnly: n,
-		ref: K,
+		ref: U,
 		rows: 3,
-		style: G,
-		value: Z(t)
+		style: H,
+		value: X(t)
 	});
 	if (e.type === "boolean") return /* @__PURE__ */ v(h, {
 		checked: t === !0,
@@ -309,8 +397,8 @@ function X(e, t, n, r, i, a, o) {
 		label: "啟用",
 		onChange: (t) => r(e.fieldKey, t.target.checked)
 	});
-	if (F(e)) return ae(e, t, n, r, a, o);
-	if (I(e) && e.type === "checkbox") {
+	if (le(e)) return J(e, t, n, r, a, o);
+	if (P(e) && e.type === "checkbox") {
 		let i = e.options.map(k);
 		return /* @__PURE__ */ v(p, {
 			mode: "multiple",
@@ -318,17 +406,17 @@ function X(e, t, n, r, i, a, o) {
 			options: i,
 			placeholder: e.placeholder ?? "請選擇一或多個選項",
 			readOnly: n,
-			value: i.filter((e) => Q(t).includes(e.id))
+			value: i.filter((e) => Z(t).includes(e.id))
 		});
 	}
-	if (I(e)) {
+	if (P(e)) {
 		let i = e.options.map(k);
 		return /* @__PURE__ */ v(p, {
 			onChange: (t) => r(e.fieldKey, t?.id ?? void 0),
 			options: i,
 			placeholder: e.placeholder ?? "請選擇",
 			readOnly: n,
-			value: M(i, Z(t))
+			value: M(i, X(t))
 		});
 	}
 	return e.type === "file_upload" ? /* @__PURE__ */ v(_, {
@@ -349,7 +437,7 @@ function X(e, t, n, r, i, a, o) {
 		format: "YYYY-MM-DD",
 		fullWidth: !0,
 		onChange: (t) => r(e.fieldKey, S(t)),
-		placeholder: e.placeholder ?? $(e.type),
+		placeholder: e.placeholder ?? Q(e.type),
 		readOnly: n,
 		value: O(t)
 	}) : e.type === "datetime" ? /* @__PURE__ */ v(u, {
@@ -370,26 +458,26 @@ function X(e, t, n, r, i, a, o) {
 			max: e.maximum,
 			min: e.minimum
 		})),
-		placeholder: e.placeholder ?? $(e.type),
+		placeholder: e.placeholder ?? Q(e.type),
 		...n ? { readonly: !0 } : {},
 		showSpinner: !0,
-		value: se(t),
+		value: xe(t),
 		variant: "measure"
 	}) : /* @__PURE__ */ v(d, {
 		fullWidth: !0,
 		onChange: (t) => r(e.fieldKey, t.target.value),
-		placeholder: e.placeholder ?? $(e.type),
+		placeholder: e.placeholder ?? Q(e.type),
 		...n ? { readonly: !0 } : {},
-		value: Z(t),
+		value: X(t),
 		variant: "base"
 	});
 }
-function ae(e, t, n, r, i, a) {
-	let s = a.options.map(k), l = N(t, a.options).map(k), u = a.status === "LOADING", d = a.status === "WAITING_FOR_DEPENDENCIES", m = !!i && !n, h = n || d;
-	return e.type === "autocomplete" ? L(e) === "multiple" ? /* @__PURE__ */ v(o, {
+function J(e, t, n, r, i, a) {
+	let s = a.options.map(k), l = N(t, a.options).map(k), u = a.status === "LOADING", d = a.status === "WAITING_FOR_DEPENDENCIES", m = !!i && !n, h = n || d, g = n;
+	return e.type === "autocomplete" ? F(e) === "multiple" ? /* @__PURE__ */ v(o, {
 		asyncData: m,
 		clearSearchText: !0,
-		disabled: h,
+		disabled: g,
 		disabledOptionsFilter: m,
 		globalPortal: !0,
 		loading: u,
@@ -405,7 +493,7 @@ function ae(e, t, n, r, i, a) {
 	}) : /* @__PURE__ */ v(o, {
 		asyncData: m,
 		clearSearchText: !0,
-		disabled: h,
+		disabled: g,
 		disabledOptionsFilter: m,
 		globalPortal: !0,
 		loading: u,
@@ -423,7 +511,7 @@ function ae(e, t, n, r, i, a) {
 		name: e.fieldKey,
 		onChange: (t) => r(e.fieldKey, t.target.value || void 0),
 		options: s,
-		value: Z(t)
+		value: X(t)
 	}) : e.type === "checkbox" ? /* @__PURE__ */ v(c, {
 		disabled: h,
 		name: e.fieldKey,
@@ -432,8 +520,8 @@ function ae(e, t, n, r, i, a) {
 			label: e.name,
 			value: e.id
 		})),
-		value: [...Q(t)]
-	}) : L(e) === "multiple" ? /* @__PURE__ */ v(p, {
+		value: [...Z(t)]
+	}) : F(e) === "multiple" ? /* @__PURE__ */ v(p, {
 		disabled: h,
 		loading: u,
 		mode: "multiple",
@@ -454,23 +542,23 @@ function ae(e, t, n, r, i, a) {
 		value: l[0] ?? null
 	});
 }
-function oe(e, t) {
+function Y(e, t) {
 	return {
 		FULL: 12,
 		HALF: 6,
 		THIRD: 4
 	}[t.layout.find((t) => t.fieldKey === e.fieldKey)?.width ?? "FULL"];
 }
-function Z(e) {
+function X(e) {
 	return typeof e == "string" ? e : "";
 }
-function Q(e) {
+function Z(e) {
 	return Array.isArray(e) ? e : [];
 }
-function se(e) {
+function xe(e) {
 	return typeof e == "number" ? String(e) : "";
 }
-function $(e) {
+function Q(e) {
 	return {
 		boolean: "",
 		autocomplete: "請輸入或選擇",
@@ -487,6 +575,6 @@ function $(e) {
 	}[e];
 }
 //#endregion
-export { z as i, V as n, B as r, q as t };
+export { I as a, me as i, R as n, L as r, W as t };
 
-//# sourceMappingURL=FormRendererView-C5POZbWz.js.map
+//# sourceMappingURL=FormRendererView-BurlEDUu.js.map