@rytass/bpm-core-react 0.17.8 → 0.18.0

package/dist/chunks/{FormBuilderView-ClLnQ1e_.js → FormBuilderView-BVKY1j_0.js}

@@ -7,13 +7,13 @@ import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
 import { FormFieldLayout as ce } from "@mezzanine-ui/core/form";
 import { AlignLeftIcon as le, CalendarIcon as y, CheckedIcon as ue, CheckedOutlineIcon as de, CurrencyDollarIcon as b, DotDragVerticalIcon as fe, DotGridIcon as x, FileAttachmentIcon as S, FileIcon as C, ListIcon as pe, PlusIcon as me, TrashIcon as he, UserIcon as w } from "@mezzanine-ui/icons";
 import { buildConditionExpression as T, buildFormRendererValues as ge, clampOptionalNumber as _e, createFieldDefinition as ve, createTableColumnDefinition as ye, formatDatePickerValue as be, formatDateTimePickerValue as xe, isDateFieldDefinition as Se, isFormDataSourceDescriptorCompatible as Ce, isNumberFieldDefinition as we, isSelectFieldDefinition as Te, lintFormSchema as Ee, listFormDataSources as De, parseConditionRule as Oe, parseOptionalNumberInput as ke, readCompatibleFormDataSourceBindingFields as Ae, readCompatibleFormDataSourceDescriptors as je, readCompatibleFormTableColumnBindingFields as Me, readConditionOperatorOption as Ne, readConditionOperatorOptions as Pe, readDatePickerValue as Fe, readDefaultConditionOperator as Ie, readDefaultConditionValue as Le, readFieldOptionAsSelectOption as Re, readFormDataSourceBinding as E, readFormDataSourceBindingValue as ze, readFormDataSourceBindingValueKind as Be, readFormDataSourceFieldDependencyKeys as Ve, readFormSchemaLintMessage as He, readFormTableRowBounds as Ue, readSelectOption as D, renameFormDataSourceFieldBindings as We, renameFormTableColumnBindings as Ge, upsertFormDataSourceFieldBinding as Ke } from "@rytass/bpm-core-client/form";
-import { FORM_TABLE_MAX_ROWS as qe, isFormDataSourceFieldDefinition as O, isFormOptionFieldDefinition as Je, isFormStaticOptionFieldDefinition as Ye, isMemberFieldDefinition as Xe, isTableColumnFieldType as Ze, isTableFieldDefinition as k, readFormFieldSelectionMode as Qe } from "@rytass/bpm-core-shared/form";
-import { DragDropContext as $e, Draggable as et, Droppable as tt } from "@hello-pangea/dnd";
-import A from "next/dynamic";
-import { json as nt } from "@codemirror/lang-json";
-import { EditorView as j } from "@codemirror/view";
+import { FORM_TABLE_MAX_ROWS as qe, TEXT_FIELD_PATTERN_ERROR_MESSAGE_MAX_LENGTH as Je, TEXT_FIELD_PATTERN_MAX_LENGTH as O, compileTextFieldPattern as Ye, hasRepeatedTextFieldPatternGroup as Xe, isFormDataSourceFieldDefinition as k, isFormOptionFieldDefinition as Ze, isFormStaticOptionFieldDefinition as Qe, isMemberFieldDefinition as $e, isTableColumnFieldType as et, isTableFieldDefinition as A, readFormFieldSelectionMode as tt } from "@rytass/bpm-core-shared/form";
+import { DragDropContext as nt, Draggable as rt, Droppable as it } from "@hello-pangea/dnd";
+import j from "next/dynamic";
+import { json as M } from "@codemirror/lang-json";
+import { EditorView as N } from "@codemirror/view";
 //#region src/views/forms/builder/json-code-editor.tsx
-var rt = {
+var P = {
 	alignItems: "center",
 	border: "1px solid var(--mzn-color-border-neutral)",
 	borderRadius: 4,
@@ -22,10 +22,10 @@ var rt = {
 	minHeight: 160,
 	padding: 12,
 	width: "100%"
-}, M = [
-	nt(),
-	j.lineWrapping,
-	j.theme({
+}, F = [
+	M(),
+	N.lineWrapping,
+	N.theme({
 		"&": {
 			border: "1px solid var(--mzn-color-border-neutral)",
 			borderRadius: "4px",
@@ -41,15 +41,15 @@ var rt = {
 		".cm-gutters": { borderRight: "1px solid var(--mzn-color-border-neutral)" },
 		".cm-scroller": { fontFamily: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", monospace" }
 	})
-], N = A(() => import("@uiw/react-codemirror"), {
+], I = j(() => import("@uiw/react-codemirror"), {
 	loading: () => /* @__PURE__ */ _("div", {
-		style: rt,
+		style: P,
 		children: "載入 JSON 編輯器"
 	}),
 	ssr: !1
 });
-function it({ disabled: e = !1, height: t, name: n, onChange: r, placeholder: i, value: a }) {
-	return /* @__PURE__ */ _(N, {
+function at({ disabled: e = !1, height: t, name: n, onChange: r, placeholder: i, value: a }) {
+	return /* @__PURE__ */ _(I, {
 		"aria-label": n,
 		basicSetup: {
 			autocompletion: !0,
@@ -63,7 +63,7 @@ function it({ disabled: e = !1, height: t, name: n, onChange: r, placeholder: i,
 			syntaxHighlighting: !0
 		},
 		editable: !e,
-		extensions: [...M],
+		extensions: [...F],
 		height: t,
 		indentWithTab: !1,
 		onChange: r,
@@ -76,7 +76,7 @@ function it({ disabled: e = !1, height: t, name: n, onChange: r, placeholder: i,
 }
 //#endregion
 //#region src/views/forms/builder/FormBuilderView.tsx
-var at = [
+var ot = [
 	{
 		description: "單行文字、姓名、編號",
 		icon: le,
@@ -161,66 +161,66 @@ var at = [
 		label: "表格",
 		type: "table"
 	}
-], P = at.filter((e) => Ze(e.type)).map((e) => ({
+], L = ot.filter((e) => et(e.type)).map((e) => ({
 	id: e.type,
 	name: e.label
-})), ot = {
+})), st = {
 	alignItems: "start",
 	display: "flex",
 	flexWrap: "wrap",
 	gap: 16
-}, st = {
+}, ct = {
 	flex: "0.55 1 300px",
 	minWidth: 0
-}, ct = {
+}, lt = {
 	flex: "1.45 1 720px",
 	minWidth: 620,
 	paddingBottom: 260
-}, lt = 240, ut = {
+}, ut = 240, dt = {
 	BOOLEAN: "開關",
 	NUMBER: "數字",
 	STRING: "文字或選單",
 	STRING_ARRAY: "多選"
-}, dt = /^schema\.fields\[(\d+)\](?:\.columns\[(\d+)\])?\.dataSource\.bindings missing required parameter: (.+)$/u, ft = /^schema\.fields\[(\d+)\](?:\.columns\[(\d+)\])?\.dataSource\.bindings unknown parameter: (.+)$/u, F = {
+}, ft = /^schema\.fields\[(\d+)\](?:\.columns\[(\d+)\])?\.dataSource\.bindings missing required parameter: (.+)$/u, pt = /^schema\.fields\[(\d+)\](?:\.columns\[(\d+)\])?\.dataSource\.bindings unknown parameter: (.+)$/u, R = {
 	display: "grid",
 	gap: 12
-}, pt = {
+}, mt = {
 	display: "flex",
 	flexWrap: "wrap",
 	gap: 6
-}, mt = {
+}, ht = {
 	flex: "0 0 auto",
 	whiteSpace: "nowrap"
-}, ht = {
+}, gt = {
 	display: "grid",
 	gap: 8
-}, gt = {
+}, _t = {
 	alignItems: "center",
 	cursor: "grab",
 	display: "flex",
 	gap: 12,
 	touchAction: "none"
-}, _t = {
+}, vt = {
 	display: "grid",
 	flex: "1 1 auto",
 	gap: 2,
 	minWidth: 0
-}, vt = {
+}, yt = {
 	alignItems: "center",
 	display: "flex",
 	flex: "0 0 auto",
 	gap: 4
-}, yt = {
+}, bt = {
 	alignItems: "center",
 	display: "flex",
 	gap: 6
-}, bt = {
+}, xt = {
 	cursor: "pointer",
 	userSelect: "none"
-}, xt = { filter: "drop-shadow(0 8px 18px rgba(0, 0, 0, 0.12))" }, St = {
+}, St = { filter: "drop-shadow(0 8px 18px rgba(0, 0, 0, 0.12))" }, Ct = {
 	backgroundColor: "color-mix(in srgb, var(--mzn-color-primary) 8%, var(--mzn-color-bg-surface))",
 	boxShadow: "inset 0 0 0 1px var(--mzn-color-border-primary)"
-}, Ct = {
+}, wt = {
 	alignItems: "center",
 	border: "1px dashed var(--mzn-color-border-neutral)",
 	borderRadius: 6,
@@ -229,135 +229,135 @@ var at = [
 	minHeight: 240,
 	padding: 32,
 	textAlign: "center"
-}, wt = {
+}, Tt = {
 	display: "flex",
 	gap: 8,
 	justifyContent: "center"
-}, Tt = {
+}, Et = {
 	display: "grid",
 	gap: 14
-}, Et = {
+}, Dt = {
 	display: "grid",
 	columnGap: 16,
 	gridTemplateColumns: "repeat(auto-fit, minmax(280px, 360px))",
 	justifyContent: "start",
 	maxWidth: 736,
 	rowGap: 8
-}, Dt = { gridColumn: "1 / -1" }, Ot = {
+}, Ot = { gridColumn: "1 / -1" }, kt = {
 	alignItems: "center",
 	display: "flex",
 	gap: 8,
 	gridColumn: "1 / -1",
 	justifyContent: "flex-end"
-}, kt = { gridColumn: "1 / -1" }, At = {
+}, At = { gridColumn: "1 / -1" }, jt = {
 	alignItems: "start",
 	display: "block",
 	width: "100%"
-}, jt = {
-	...At,
-	gridColumn: "1 / -1"
 }, Mt = {
+	...jt,
+	gridColumn: "1 / -1"
+}, Nt = {
 	minWidth: 0,
 	width: "100%"
-}, Nt = {
+}, Pt = {
 	minWidth: "100%",
 	width: "100%"
-}, Pt = {
+}, Ft = {
 	display: "grid",
 	gap: 14
-}, Ft = {
+}, It = {
 	alignItems: "start",
 	display: "block",
 	width: "100%"
-}, It = {
+}, Lt = {
 	minWidth: 0,
 	width: "100%"
-}, Lt = { gridColumn: "2 / -1" }, Rt = {
+}, Rt = { gridColumn: "2 / -1" }, zt = {
 	display: "grid",
 	gap: 10,
 	width: "100%"
-}, zt = {
+}, Bt = {
 	display: "grid",
 	gap: 8,
 	gridTemplateColumns: "repeat(auto-fit, minmax(160px, 1fr))"
-}, Bt = { display: "inline-flex" }, Vt = {
+}, Vt = { display: "inline-flex" }, Ht = {
 	display: "grid",
 	gap: 16
-}, Ht = {
+}, Ut = {
 	display: "grid",
 	gap: 8
-}, Ut = {
+}, Wt = {
 	display: "flex",
 	justifyContent: "flex-end"
-}, Wt = {
+}, Gt = {
 	color: "var(--mzn-color-text-error)",
 	fontSize: "0.72em",
 	lineHeight: 0,
 	marginLeft: 2,
 	verticalAlign: "super"
-}, Gt = {
+}, Kt = {
 	display: "grid",
 	gap: 10,
 	gridColumn: "1 / -1"
-}, Kt = {
+}, qt = {
 	display: "grid",
 	gap: 2
-}, qt = {
+}, Jt = {
 	display: "grid",
 	gap: 8
-}, Jt = {
+}, Yt = {
 	display: "flex",
 	justifyContent: "flex-start"
-}, Yt = {
+}, Xt = {
 	display: "flex",
 	flexWrap: "wrap",
 	gap: 4
-}, Xt = {
+}, Zt = {
 	backgroundColor: "var(--mzn-color-bg-surface-secondary)",
 	borderRadius: 6,
 	display: "grid",
 	gap: 4,
 	padding: 10
-}, Zt = {
-	...Et,
+}, Qt = {
+	...Dt,
 	gridTemplateColumns: "minmax(280px, 520px)",
 	padding: "4px 0 8px"
-}, Qt = {
+}, $t = {
 	display: "grid",
 	gap: 8,
 	gridColumn: "1 / -1"
-}, $t = {
+}, en = {
 	alignItems: "center",
 	display: "flex",
 	gap: 12,
 	justifyContent: "space-between"
-}, en = {
+}, tn = {
 	alignItems: "baseline",
 	display: "flex",
 	gap: 2
-}, tn = {
+}, nn = {
 	display: "grid",
 	gap: 4
 };
-function nn(e) {
+function rn(e) {
 	e && (e.style.width = "100%");
 }
-var rn = {
+var an = {
 	fields: [],
 	schemaVersion: 1
-}, an = {
+}, on = {
 	layout: [],
 	schemaVersion: 1
-}, I = "__STATIC_OPTIONS__", on = "__CONSTANT__", sn = "__ROW_FIELD__:", cn = "__UNBOUND__", ln = [{
-	id: I,
+}, sn = "__STATIC_OPTIONS__", cn = "__CONSTANT__", ln = "__ROW_FIELD__:", un = "__UNBOUND__", dn = [{
+	id: sn,
 	name: "靜態選項"
-}], un = [{
+}], fn = [{
 	id: "single",
 	name: "單選"
 }, {
 	id: "multiple",
 	name: "複選"
-}], dn = [
+}], pn = [
 	{
 		id: "unset",
 		name: "不預設"
@@ -370,13 +370,13 @@ var rn = {
 		id: "false",
 		name: "否"
 	}
-], fn = [{
+], mn = [{
 	id: "true",
 	name: "是"
 }, {
 	id: "false",
 	name: "否"
-}], pn = [
+}], hn = [
 	{
 		label: "顯示",
 		name: "fieldVisibleWhen",
@@ -396,36 +396,36 @@ var rn = {
 		target: "readonlyWhen"
 	}
 ];
-function mn({ onChange: le, value: y }) {
-	let ue = y?.schema ?? rn, de = y?.uiSchema ?? an, [b, x] = i(ue), [S, C] = i(de), [pe, w] = i(B(ue)), [Ye, A] = i(B(de)), [nt, j] = i({}), [rt, M] = i(null), [N, mn] = i("design"), [L, R] = i(null), [z, V] = i([]), [Fn, In] = i(null), [Ln, Rn] = i("loading"), [zn, H] = i(null), [Bn, Vn] = i(!1), [U, W] = i(null), [Hn, G] = i(null);
+function gn({ onChange: le, value: y }) {
+	let ue = y?.schema ?? an, de = y?.uiSchema ?? on, [b, x] = i(ue), [S, C] = i(de), [pe, w] = i(V(ue)), [Je, O] = i(V(de)), [Ye, Xe] = i({}), [Qe, j] = i(null), [M, N] = i("design"), [P, F] = i(null), [I, gn] = i([]), [z, B] = i(null), [En, H] = i("loading"), [Hn, U] = i(null), [Un, Wn] = i(!1), [W, G] = i(null), [Gn, K] = i(null);
 	n(() => {
 		let e = !0;
 		return De().then((t) => {
-			e && (V(t), In(null), Rn("ready"));
+			e && (gn(t), B(null), H("ready"));
 		}).catch((t) => {
-			e && (V([]), In("目前無法載入 DataSource Catalog，請稍後重試。"), Rn("unavailable"));
+			e && (gn([]), B("目前無法載入 DataSource Catalog，請稍後重試。"), H("unavailable"));
 		}), () => {
 			e = !1;
 		};
 	}, []), n(() => {
-		b.fields.some((e) => e.fieldKey === L) || R(b.fields[0]?.fieldKey ?? null);
-	}, [b.fields, L]), n(() => {
-		j((e) => ge(b.fields, e));
+		b.fields.some((e) => e.fieldKey === P) || F(b.fields[0]?.fieldKey ?? null);
+	}, [b.fields, P]), n(() => {
+		Xe((e) => ge(b.fields, e));
 	}, [b.fields]), n(() => {
-		N !== "advanced" && (w(B(b)), A(B(S)));
+		M !== "advanced" && (w(V(b)), O(V(S)));
 	}, [
-		N,
+		M,
 		b,
 		S
 	]);
-	let K = r(() => b.fields.find((e) => e.fieldKey === L) ?? b.fields[0] ?? null, [b.fields, L]);
+	let q = r(() => b.fields.find((e) => e.fieldKey === P) ?? b.fields[0] ?? null, [b.fields, P]);
 	n(() => {
 		le?.({
 			schema: b,
 			uiSchema: S
 		});
 	}, [b, S]);
-	function Un(e) {
+	function Kn(e) {
 		let t = b.fields.length + 1, n = ve(e, t);
 		x({
 			...b,
@@ -436,21 +436,21 @@ function mn({ onChange: le, value: y }) {
 				fieldKey: n.fieldKey,
 				width: e === "textarea" || e === "file_upload" || e === "table" ? "FULL" : "HALF"
 			}]
-		}), R(n.fieldKey), mn("design"), M(null);
+		}), F(n.fieldKey), N("design"), j(null);
 	}
-	function Wn(e) {
+	function qn(e) {
 		let t = e;
-		t === "advanced" && N !== "advanced" && (w(B(b)), A(B(S))), mn(t);
+		t === "advanced" && M !== "advanced" && (w(V(b)), O(V(S))), N(t);
 	}
-	function Gn(e) {
-		let t = b.fields.flatMap((t) => k(t) ? t.columns.flatMap((n) => O(n) && Ve(n).includes(e) ? [`${t.fieldKey}.${n.fieldKey}`] : []) : O(t) && Ve(t).includes(e) ? [t.fieldKey] : []);
-		t.length > 0 ? W({
+	function Jn(e) {
+		let t = b.fields.flatMap((t) => A(t) ? t.columns.flatMap((n) => k(n) && Ve(n).includes(e) ? [`${t.fieldKey}.${n.fieldKey}`] : []) : k(t) && Ve(t).includes(e) ? [t.fieldKey] : []);
+		t.length > 0 ? G({
 			affectedFieldKeys: t,
 			fieldKey: e,
 			kind: "remove-field"
-		}) : Kn(e);
+		}) : Yn(e);
 	}
-	function Kn(e) {
+	function Yn(e) {
 		let t = b.fields.filter((t) => t.fieldKey !== e);
 		x({
 			...b,
@@ -458,27 +458,27 @@ function mn({ onChange: le, value: y }) {
 		}), C({
 			...S,
 			layout: S.layout.filter((t) => t.fieldKey !== e)
-		}), R(L === e ? t[0]?.fieldKey ?? null : L), M(null), H(null);
+		}), F(P === e ? t[0]?.fieldKey ?? null : P), j(null), U(null);
 	}
-	function qn(e) {
+	function Xn(e) {
 		let t = e.destination;
 		t && e.source.index !== t.index && (x((n) => ({
 			...n,
-			fields: Pn(n.fields, e.source.index, t.index)
+			fields: Vn(n.fields, e.source.index, t.index)
 		})), C((n) => ({
 			...n,
-			layout: Pn(n.layout, e.source.index, t.index)
-		})), M(null));
+			layout: Vn(n.layout, e.source.index, t.index)
+		})), j(null));
 	}
-	function q(e) {
-		J((t) => ({
+	function J(e) {
+		Y((t) => ({
 			...t,
 			...e
 		}));
 	}
-	function J(e) {
-		if (!K) return;
-		let t = K.fieldKey, n = e(K), r = n.fieldKey, i = {
+	function Y(e) {
+		if (!q) return;
+		let t = q.fieldKey, n = e(q), r = n.fieldKey, i = {
 			...b,
 			fields: b.fields.map((e) => e.fieldKey === t ? n : e)
 		}, a = t === r ? i : We(i, t, r);
@@ -488,20 +488,20 @@ function mn({ onChange: le, value: y }) {
 				...e,
 				fieldKey: r
 			} : e)
-		}), R(r), M(null), H(null);
+		}), F(r), j(null), U(null);
 	}
-	function Jn(e) {
-		J(() => e);
+	function Zn(e) {
+		Y(() => e);
 	}
-	function Y(e, t) {
+	function X(e, t) {
 		x((n) => ({
 			...n,
-			fields: n.fields.map((n) => n.fieldKey === e && k(n) ? t(n) : n)
-		})), M(null), H(null);
+			fields: n.fields.map((n) => n.fieldKey === e && A(n) ? t(n) : n)
+		})), j(null), U(null);
 	}
-	function X(e, t, n) {
+	function Z(e, t, n) {
 		let r = e.columns[t]?.fieldKey;
-		Y(e.fieldKey, (e) => {
+		X(e.fieldKey, (e) => {
 			let i = {
 				...e,
 				columns: e.columns.map((e, r) => r === t ? n : e)
@@ -509,27 +509,27 @@ function mn({ onChange: le, value: y }) {
 			return typeof r == "string" && r !== n.fieldKey ? Ge(i, r, n.fieldKey) : i;
 		});
 	}
-	function Yn(e) {
+	function Qn(e) {
 		let t = ye(e.columns, "text");
-		Y(e.fieldKey, (e) => ({
+		X(e.fieldKey, (e) => ({
 			...e,
 			columns: [...e.columns, t]
-		})), G(e.columns.length);
+		})), K(e.columns.length);
 	}
-	function Xn(e, t) {
-		Y(e, (e) => ({
+	function $n(e, t) {
+		X(e, (e) => ({
 			...e,
 			columns: e.columns.filter((e, n) => n !== t)
-		})), G((e) => e === null || e < t ? e : e === t ? null : e - 1);
+		})), K((e) => e === null || e < t ? e : e === t ? null : e - 1);
 	}
-	function Zn(e, t, n) {
-		Y(e.fieldKey, (e) => ({
+	function er(e, t, n) {
+		X(e.fieldKey, (e) => ({
 			...e,
-			columns: Pn(e.columns, t, n)
-		})), G((e) => e === null ? e : e === t ? n : e > t && e <= n ? e - 1 : e < t && e >= n ? e + 1 : e);
+			columns: Vn(e.columns, t, n)
+		})), K((e) => e === null ? e : e === t ? n : e > t && e <= n ? e - 1 : e < t && e >= n ? e + 1 : e);
 	}
-	function Qn(e, t, n) {
-		if (e.type !== "select" && e.type !== "autocomplete" || Qe(e) === t) return;
+	function tr(e, t, n) {
+		if (e.type !== "select" && e.type !== "autocomplete" || tt(e) === t) return;
 		let r = e.defaultValue, i = t === "multiple" ? typeof r == "string" ? [r] : r : Array.isArray(r) ? r[0] : r;
 		n(e, {
 			...e,
@@ -537,18 +537,18 @@ function mn({ onChange: le, value: y }) {
 			mode: t
 		}, "選擇模式變更可能轉換或捨棄既有預設值。");
 	}
-	function $n(e, t, n = "此變更會替換目前選項來源；既有 options、dynamic reference 或 bindings 可能失效。") {
-		JSON.stringify(e) !== JSON.stringify(t) && W({
+	function nr(e, t, n = "此變更會替換目前選項來源；既有 options、dynamic reference 或 bindings 可能失效。") {
+		JSON.stringify(e) !== JSON.stringify(t) && G({
 			fieldKey: e.fieldKey,
 			impact: n,
 			kind: "replace-field",
 			nextField: t
 		});
 	}
-	function er(e, t, n) {
+	function rr(e, t, n) {
 		if (!t) return;
-		if (t === I) {
-			if (!O(e)) return;
+		if (t === sn) {
+			if (!k(e)) return;
 			let { dataSource: t, defaultValue: r, ...i } = e;
 			n({
 				...i,
@@ -556,9 +556,9 @@ function mn({ onChange: le, value: y }) {
 			});
 			return;
 		}
-		let r = z.find((e) => gn(e) === t);
+		let r = I.find((e) => vn(e) === t);
 		if (!r) return;
-		if (O(e)) {
+		if (k(e)) {
 			let t = new Set(r.parameters.map((e) => e.key)), i = e.dataSource.bindings.filter((e) => t.has(e.parameter));
 			n({
 				...e,
@@ -580,84 +580,84 @@ function mn({ onChange: le, value: y }) {
 			}
 		});
 	}
-	function tr() {
-		U && (nr(U), W(null));
+	function ir() {
+		W && (ar(W), G(null));
 	}
-	function nr(e) {
-		e.kind === "remove-field" ? Kn(e.fieldKey) : e.kind === "remove-column" ? Xn(e.fieldKey, e.columnIndex) : e.kind === "replace-column" ? (Y(e.fieldKey, (t) => ({
+	function ar(e) {
+		e.kind === "remove-field" ? Yn(e.fieldKey) : e.kind === "remove-column" ? $n(e.fieldKey, e.columnIndex) : e.kind === "replace-column" ? (X(e.fieldKey, (t) => ({
 			...t,
 			columns: t.columns.map((t) => t.fieldKey === e.columnKey ? e.nextColumn : t)
-		})), G(e.columnIndex)) : (x({
+		})), K(e.columnIndex)) : (x({
 			...b,
 			fields: b.fields.map((t) => t.fieldKey === e.fieldKey ? e.nextField : t)
-		}), M(null), H(null));
+		}), j(null), U(null));
 	}
-	async function rr() {
-		Vn(!0);
+	async function or() {
+		Wn(!0);
 		try {
 			let e = await Ee(b, S);
-			H(e.errors.map(ir));
+			U(e.errors.map(sr));
 		} catch {
-			H(["目前無法完成 DataSource schema 驗證。"]);
+			U(["目前無法完成 DataSource schema 驗證。"]);
 		} finally {
-			Vn(!1);
+			Wn(!1);
 		}
 	}
-	function ir(e) {
-		let t = dt.exec(e);
-		if (t?.[1] && t[3]) return `${ar(t[1], t[2])}尚未指定必要參數「${or(t[1], t[2], t[3])}」的來源`;
-		let n = ft.exec(e);
-		return n?.[1] && n[3] ? `${ar(n[1], n[2])}綁定了來源沒有的參數「${n[3]}」` : He(e);
+	function sr(e) {
+		let t = ft.exec(e);
+		if (t?.[1] && t[3]) return `${cr(t[1], t[2])}尚未指定必要參數「${lr(t[1], t[2], t[3])}」的來源`;
+		let n = pt.exec(e);
+		return n?.[1] && n[3] ? `${cr(n[1], n[2])}綁定了來源沒有的參數「${n[3]}」` : He(e);
 	}
-	function ar(e, t) {
+	function cr(e, t) {
 		let n = b.fields[Number(e)];
 		if (!n) return "";
-		let r = n.label || n.fieldKey, i = sr(n, t);
+		let r = n.label || n.fieldKey, i = ur(n, t);
 		return i ? `「${r}」表格的「${i.label || i.fieldKey}」欄` : `「${r}」欄位`;
 	}
-	function or(e, t, n) {
+	function lr(e, t, n) {
 		let r = b.fields[Number(e)];
 		if (!r) return n;
-		let i = sr(r, t) ?? r, a = O(i) ? i.dataSource : null;
-		return (a ? z.find((e) => e.key === a.key && e.version === a.version) : void 0)?.parameters.find((e) => e.key === n)?.label || n;
+		let i = ur(r, t) ?? r, a = k(i) ? i.dataSource : null;
+		return (a ? I.find((e) => e.key === a.key && e.version === a.version) : void 0)?.parameters.find((e) => e.key === n)?.label || n;
 	}
-	function sr(e, t) {
-		return typeof t == "string" && k(e) ? e.columns[Number(t)] : void 0;
+	function ur(e, t) {
+		return typeof t == "string" && A(e) ? e.columns[Number(t)] : void 0;
 	}
-	function cr(e) {
-		j(e);
+	function dr(e) {
+		Xe(e);
 	}
-	function lr(e, t) {
+	function fr(e, t) {
 		x((n) => ({
 			...n,
 			fields: n.fields.map((n) => n.fieldKey === e ? {
 				...n,
 				required: t
 			} : n)
-		})), M(null);
+		})), j(null);
 	}
-	function ur(e) {
+	function pr(e) {
 		w(e);
 		try {
-			x(JSON.parse(e)), M(null);
+			x(JSON.parse(e)), j(null);
 		} catch {
-			M("Form Schema JSON 格式不正確");
+			j("Form Schema JSON 格式不正確");
 		}
 	}
-	function dr(e) {
-		A(e);
+	function mr(e) {
+		O(e);
 		try {
-			C(JSON.parse(e)), M(null);
+			C(JSON.parse(e)), j(null);
 		} catch {
-			M("UI Schema JSON 格式不正確");
+			j("UI Schema JSON 格式不正確");
 		}
 	}
 	return /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(g, { children: /* @__PURE__ */ _(ne, { children: /* @__PURE__ */ _(te, { children: /* @__PURE__ */ v("div", {
-		style: Vt,
+		style: Ht,
 		children: [
 			/* @__PURE__ */ v(re, {
-				activeKey: N,
-				onChange: Wn,
+				activeKey: M,
+				onChange: qn,
 				size: "sub",
 				children: [
 					/* @__PURE__ */ _(ie, { children: "設計" }, "design"),
@@ -665,95 +665,95 @@ function mn({ onChange: le, value: y }) {
 					/* @__PURE__ */ _(ie, { children: "進階" }, "advanced")
 				]
 			}),
-			N === "design" ? fr() : null,
-			N === "preview" ? Qr() : null,
-			N === "advanced" ? $r() : null
+			M === "design" ? hr() : null,
+			M === "preview" ? ni() : null,
+			M === "advanced" ? ri() : null
 		]
-	}) }) }) }), U ? /* @__PURE__ */ _(ee, {
+	}) }) }) }), W ? /* @__PURE__ */ _(ee, {
 		cancelText: "返回",
 		confirmText: "確認變更",
 		modalType: "standard",
-		onCancel: () => W(null),
-		onClose: () => W(null),
-		onConfirm: tr,
+		onCancel: () => G(null),
+		onClose: () => G(null),
+		onConfirm: ir,
 		open: !0,
 		showModalFooter: !0,
 		showModalHeader: !0,
-		title: Sn(U),
-		children: U.kind === "remove-field" ? /* @__PURE__ */ v("div", {
-			style: Ht,
+		title: wn(W),
+		children: W.kind === "remove-field" ? /* @__PURE__ */ v("div", {
+			style: Ut,
 			children: [/* @__PURE__ */ _(h, {
 				variant: "body",
 				children: "此欄位仍被下列 DataSource binding 使用；移除後請重新設定這些欄位。"
 			}), /* @__PURE__ */ _(h, {
 				color: "text-warning",
 				variant: "body",
-				children: U.affectedFieldKeys.join("、")
+				children: W.affectedFieldKeys.join("、")
 			})]
-		}) : U.kind === "remove-column" ? /* @__PURE__ */ v(h, {
+		}) : W.kind === "remove-column" ? /* @__PURE__ */ v(h, {
 			variant: "body",
 			children: [
 				"移除欄「",
-				U.columnKey,
+				W.columnKey,
 				"」後，既有案件仍保留原本的表單版本，但新版本的這一欄資料將不再被填寫。"
 			]
 		}) : /* @__PURE__ */ _(h, {
 			variant: "body",
-			children: U.impact
+			children: W.impact
 		})
 	}) : null] });
-	function fr() {
+	function hr() {
 		return /* @__PURE__ */ v("div", {
-			style: F,
+			style: R,
 			children: [/* @__PURE__ */ v("div", {
-				style: ht,
+				style: gt,
 				children: [/* @__PURE__ */ _(h, {
 					component: "h2",
 					variant: "label-primary",
 					children: "新增欄位"
 				}), /* @__PURE__ */ _("div", {
-					style: pt,
-					children: at.map((e) => /* @__PURE__ */ _(c, {
+					style: mt,
+					children: ot.map((e) => /* @__PURE__ */ _(c, {
 						icon: e.icon,
 						iconType: "leading",
-						onClick: () => Un(e.type),
+						onClick: () => Kn(e.type),
 						size: "sub",
-						style: mt,
+						style: ht,
 						type: "button",
 						variant: "base-secondary",
 						children: e.label
 					}, e.type))
 				})]
 			}), /* @__PURE__ */ v("div", {
-				style: ot,
+				style: st,
 				children: [/* @__PURE__ */ v("div", {
 					style: {
-						...F,
-						...st
+						...R,
+						...ct
 					},
 					children: [/* @__PURE__ */ _(h, {
 						component: "h2",
 						variant: "label-primary",
 						children: "表單畫布"
-					}), b.fields.length > 0 ? /* @__PURE__ */ _($e, {
-						onDragEnd: qn,
-						children: /* @__PURE__ */ _(tt, {
+					}), b.fields.length > 0 ? /* @__PURE__ */ _(nt, {
+						onDragEnd: Xn,
+						children: /* @__PURE__ */ _(it, {
 							droppableId: "form-builder-fields",
 							children: (e) => /* @__PURE__ */ v("div", {
 								...e.droppableProps,
 								ref: e.innerRef,
-								style: F,
-								children: [b.fields.map((e, t) => /* @__PURE__ */ _(et, {
+								style: R,
+								children: [b.fields.map((e, t) => /* @__PURE__ */ _(rt, {
 									draggableId: e.fieldKey,
 									index: t,
-									children: (t, n) => Xr(e, t, n.isDragging)
+									children: (t, n) => ei(e, t, n.isDragging)
 								}, e.fieldKey)), e.placeholder]
 							})
 						})
 					}) : /* @__PURE__ */ v("div", {
-						style: Ct,
+						style: wt,
 						children: [/* @__PURE__ */ v("div", {
-							style: F,
+							style: R,
 							children: [/* @__PURE__ */ _(h, {
 								component: "h3",
 								variant: "h3",
@@ -764,13 +764,13 @@ function mn({ onChange: le, value: y }) {
 								children: "從上方新增第一個欄位，或直接建立常用文字欄位開始設計。"
 							})]
 						}), /* @__PURE__ */ v("div", {
-							style: wt,
+							style: Tt,
 							children: [/* @__PURE__ */ _(c, {
-								onClick: () => Un("text"),
+								onClick: () => Kn("text"),
 								variant: "base-primary",
 								children: "新增文字欄位"
 							}), /* @__PURE__ */ _(c, {
-								onClick: () => Un("textarea"),
+								onClick: () => Kn("textarea"),
 								variant: "base-secondary",
 								children: "新增長文字"
 							})]
@@ -778,14 +778,14 @@ function mn({ onChange: le, value: y }) {
 					})]
 				}), /* @__PURE__ */ v("div", {
 					style: {
-						...F,
-						...ct
+						...R,
+						...lt
 					},
 					children: [/* @__PURE__ */ _(h, {
 						component: "h2",
 						variant: "label-primary",
 						children: "欄位設定"
-					}), K ? pr(K) : /* @__PURE__ */ _(h, {
+					}), q ? gr(q) : /* @__PURE__ */ _(h, {
 						color: "text-neutral",
 						variant: "body",
 						children: "請先新增或選取欄位。"
@@ -794,110 +794,110 @@ function mn({ onChange: le, value: y }) {
 			})]
 		});
 	}
-	function pr(e) {
+	function gr(e) {
 		return /* @__PURE__ */ v("div", {
-			style: Tt,
+			style: Et,
 			children: [
-				mr(e),
-				k(e) ? vr(e) : null,
-				hr(e)
+				_r(e),
+				A(e) ? xr(e) : null,
+				vr(e)
 			]
 		});
 	}
-	function mr(e) {
+	function _r(e) {
 		return /* @__PURE__ */ v("div", {
-			style: Et,
+			style: Dt,
 			children: [
 				/* @__PURE__ */ _("div", {
-					style: Ot,
+					style: kt,
 					children: /* @__PURE__ */ _(o, {
 						size: "main",
-						text: hn(e.type),
+						text: _n(e.type),
 						variant: "text-info"
 					})
 				}),
 				$("標題", "fieldLabel", /* @__PURE__ */ _(f, {
-					onChange: (e) => q({ label: e.target.value }),
+					onChange: (e) => J({ label: e.target.value }),
 					placeholder: "例如：申請金額",
 					value: e.label,
 					variant: "base"
 				})),
 				$("欄位 Key", "fieldKey", /* @__PURE__ */ _(f, {
-					onChange: (e) => q({ fieldKey: e.target.value }),
+					onChange: (e) => J({ fieldKey: e.target.value }),
 					placeholder: "例如：amount",
 					value: e.fieldKey,
 					variant: "base"
 				})),
-				k(e) ? null : $("提示文字", "fieldPlaceholder", /* @__PURE__ */ _(f, {
-					onChange: (e) => q({ placeholder: e.target.value || void 0 }),
+				A(e) ? null : $("提示文字", "fieldPlaceholder", /* @__PURE__ */ _(f, {
+					onChange: (e) => J({ placeholder: e.target.value || void 0 }),
 					placeholder: "例如：請輸入申請金額",
 					value: e.placeholder ?? "",
 					variant: "base"
 				})),
-				gr(e, Jn, $n),
-				On(e) ? $("以連結顯示", "fieldDisplayAsLink", /* @__PURE__ */ _(m, {
+				yr(e, Zn, nr),
+				Fn(e) ? $("以連結顯示", "fieldDisplayAsLink", /* @__PURE__ */ _(m, {
 					checked: e.displayAs === "link",
-					onChange: (e) => J((t) => e.target.checked ? On(t) ? {
+					onChange: (e) => Y((t) => e.target.checked ? Fn(t) ? {
 						...t,
 						displayAs: "link"
-					} : t : Tn(t, "displayAs"))
+					} : t : Mn(t, "displayAs"))
 				})) : null,
 				$("只存不顯示（系統整合用）", "fieldHidden", /* @__PURE__ */ _(m, {
 					checked: e.hidden === !0,
-					onChange: (e) => J((t) => e.target.checked ? {
+					onChange: (e) => Y((t) => e.target.checked ? {
 						...t,
 						hidden: !0,
 						required: !1
-					} : Tn(t, "hidden"))
+					} : Mn(t, "hidden"))
 				})),
 				e.hidden === !0 ? /* @__PURE__ */ _(h, {
 					color: "text-neutral",
-					style: kt,
+					style: At,
 					variant: "body",
 					children: "填寫、唯讀與重送畫面都不會顯示這個欄位，值仍會存下來； 透過 API 仍然讀得到這個值，不是權限控管。"
 				}) : null
 			]
 		});
 	}
-	function hr(e) {
+	function vr(e) {
 		return /* @__PURE__ */ _(a, {
-			defaultExpanded: En(e),
+			defaultExpanded: Nn(e),
 			size: "sub",
 			title: "進階設定",
 			children: /* @__PURE__ */ v("div", {
-				style: Et,
+				style: Dt,
 				children: [
 					/* @__PURE__ */ _(h, {
 						component: "h3",
-						style: Dt,
+						style: Ot,
 						variant: "label-primary",
 						children: "條件規則"
 					}),
 					/* @__PURE__ */ _(h, {
 						color: "text-neutral",
-						style: kt,
+						style: At,
 						variant: "body",
 						children: "只有需要根據其他欄位改變顯示、必填或唯讀狀態時才需要設定。"
 					}),
-					Wr(e)
+					qr(e)
 				]
 			})
 		});
 	}
-	function gr(e, t, n, r) {
-		return On(e) ? wr(e, t) : we(e) ? Tr(e, t) : Se(e) ? Er(e, t) : Je(e) ? Dr(e, t, n, r) : e.type === "boolean" ? Vr(e, t) : e.type === "file_upload" ? Ur(e, t) : Xe(e) ? Hr(e, t) : k(e) ? _r(e) : null;
+	function yr(e, t, n, r) {
+		return Fn(e) ? Dr(e, t) : we(e) ? Or(e, t) : Se(e) ? kr(e, t) : Ze(e) ? Ar(e, t, n, r) : e.type === "boolean" ? Wr(e, t) : e.type === "file_upload" ? Kr(e, t) : $e(e) ? Gr(e, t) : A(e) ? br(e) : null;
 	}
-	function _r(e) {
+	function br(e) {
 		let t = Ue(e);
 		return /* @__PURE__ */ v(g, { children: [
-			$("最少列數", "fieldMinRows", Q(e.minRows, (t) => Y(e.fieldKey, (e) => ({
+			$("最少列數", "fieldMinRows", Q(e.minRows, (t) => X(e.fieldKey, (e) => ({
 				...e,
 				minRows: t
 			})), "例如：1", {
 				max: t.maxRows,
 				min: 0
 			})),
-			$("最多列數", "fieldMaxRows", Q(e.maxRows, (t) => Y(e.fieldKey, (e) => ({
+			$("最多列數", "fieldMaxRows", Q(e.maxRows, (t) => X(e.fieldKey, (e) => ({
 				...e,
 				maxRows: t
 			})), `未設定即為 ${qe}`, {
@@ -905,7 +905,7 @@ function mn({ onChange: le, value: y }) {
 				min: Math.max(t.minRows, 1)
 			})),
 			$("新增列按鈕文字", "fieldAddRowLabel", /* @__PURE__ */ _(f, {
-				onChange: (t) => Y(e.fieldKey, (e) => ({
+				onChange: (t) => X(e.fieldKey, (e) => ({
 					...e,
 					addRowLabel: t.target.value || void 0
 				})),
@@ -915,11 +915,11 @@ function mn({ onChange: le, value: y }) {
 			}))
 		] });
 	}
-	function vr(e) {
+	function xr(e) {
 		return /* @__PURE__ */ v("div", {
-			style: Qt,
+			style: $t,
 			children: [/* @__PURE__ */ v("div", {
-				style: $t,
+				style: en,
 				children: [/* @__PURE__ */ v(h, {
 					component: "h3",
 					variant: "label-primary",
@@ -931,16 +931,16 @@ function mn({ onChange: le, value: y }) {
 				}), /* @__PURE__ */ _(c, {
 					icon: me,
 					iconType: "leading",
-					onClick: () => Yn(e),
+					onClick: () => Qn(e),
 					size: "sub",
 					type: "button",
 					variant: "base-secondary",
 					children: "新增欄"
 				})]
-			}), yr(e)]
+			}), Sr(e)]
 		});
 	}
-	function yr(e) {
+	function Sr(e) {
 		let t = e.columns.map((t, n) => ({
 			fieldKey: t.fieldKey,
 			index: n,
@@ -952,8 +952,8 @@ function mn({ onChange: le, value: y }) {
 				key: "label",
 				render: (t) => /* @__PURE__ */ _(f, {
 					fullWidth: !0,
-					onChange: (n) => X(e, t.index, {
-						...Cr(e, t.index),
+					onChange: (n) => Z(e, t.index, {
+						...Er(e, t.index),
 						label: n.target.value
 					}),
 					placeholder: "例如：數量",
@@ -968,21 +968,21 @@ function mn({ onChange: le, value: y }) {
 				render: (t) => /* @__PURE__ */ _(p, {
 					fullWidth: !0,
 					clearable: !1,
-					menuMaxHeight: lt,
-					onChange: (n) => xr(e, t.index, n?.id),
-					options: [...P],
+					menuMaxHeight: ut,
+					onChange: (n) => wr(e, t.index, n?.id),
+					options: [...L],
 					size: "sub",
-					value: D(P, t.type)
+					value: D(L, t.type)
 				}),
 				title: "型別"
 			},
 			{
 				key: "required",
 				render: (t) => /* @__PURE__ */ _(m, {
-					checked: Cr(e, t.index).required === !0,
+					checked: Er(e, t.index).required === !0,
 					inputProps: { "aria-label": `${t.label || t.fieldKey} 必填` },
-					onChange: (n) => X(e, t.index, {
-						...Cr(e, t.index),
+					onChange: (n) => Z(e, t.index, {
+						...Er(e, t.index),
 						required: n.target.checked
 					}),
 					size: "sub"
@@ -995,7 +995,7 @@ function mn({ onChange: le, value: y }) {
 				icon: he,
 				iconType: "leading",
 				name: "移除此欄",
-				onClick: () => W({
+				onClick: () => G({
 					columnIndex: t.index,
 					columnKey: t.fieldKey,
 					fieldKey: e.fieldKey,
@@ -1004,19 +1004,19 @@ function mn({ onChange: le, value: y }) {
 				variant: "destructive-ghost"
 			}],
 			width: 104
-		}, i = Hn === null ? void 0 : t[Hn]?.key;
+		}, i = Gn === null ? void 0 : t[Gn]?.key;
 		return /* @__PURE__ */ _(ae, {
 			actions: r,
 			columns: n,
 			dataSource: t,
 			draggable: {
 				enabled: !0,
-				onDragEnd: (t, n) => Zn(e, n.fromIndex, n.toIndex)
+				onDragEnd: (t, n) => er(e, n.fromIndex, n.toIndex)
 			},
 			expandable: {
 				expandedRowKeys: i ? [i] : [],
-				expandedRowRender: (t) => br(e, t.index),
-				onExpand: (e, t) => G(e ? t.index : null)
+				expandedRowRender: (t) => Cr(e, t.index),
+				onExpand: (e, t) => K(e ? t.index : null)
 			},
 			fullWidth: !0,
 			rowHeightPreset: "roomy",
@@ -1024,13 +1024,13 @@ function mn({ onChange: le, value: y }) {
 			size: "sub"
 		});
 	}
-	function br(e, t) {
+	function Cr(e, t) {
 		let n = e.columns[t];
 		return n ? /* @__PURE__ */ v("div", {
-			style: Zt,
+			style: Qt,
 			children: [
 				$("欄位 Key", "columnFieldKey", /* @__PURE__ */ _(f, {
-					onChange: (r) => X(e, t, {
+					onChange: (r) => Z(e, t, {
 						...n,
 						fieldKey: r.target.value
 					}),
@@ -1039,7 +1039,7 @@ function mn({ onChange: le, value: y }) {
 					variant: "base"
 				})),
 				$("提示文字", "columnPlaceholder", /* @__PURE__ */ _(f, {
-					onChange: (r) => X(e, t, {
+					onChange: (r) => Z(e, t, {
 						...n,
 						placeholder: r.target.value || void 0
 					}),
@@ -1047,38 +1047,38 @@ function mn({ onChange: le, value: y }) {
 					value: n.placeholder ?? "",
 					variant: "base"
 				})),
-				gr(n, (n) => {
-					Ze(n.type) && X(e, t, n);
+				yr(n, (n) => {
+					et(n.type) && Z(e, t, n);
 				}, (n, r) => {
-					Ze(r.type) && X(e, t, r);
+					et(r.type) && Z(e, t, r);
 				}, e.columns)
 			]
 		}) : null;
 	}
-	function xr(e, t, n) {
-		let r = e.columns[t], i = P.find((e) => e.id === n)?.id;
+	function wr(e, t, n) {
+		let r = e.columns[t], i = L.find((e) => e.id === n)?.id;
 		if (!r || !i || r.type === i) return;
-		let a = wn(r, i), o = Cn(r);
-		o.length === 0 ? (X(e, t, a), G(t)) : W({
+		let a = jn(r, i), o = Tn(r);
+		o.length === 0 ? (Z(e, t, a), K(t)) : G({
 			columnIndex: t,
 			columnKey: r.fieldKey,
 			fieldKey: e.fieldKey,
-			impact: `「${r.label || r.fieldKey}」改為${Sr(i)}後，這一欄的${o.join("、")}會被捨棄。`,
+			impact: `「${r.label || r.fieldKey}」改為${Tr(i)}後，這一欄的${o.join("、")}會被捨棄。`,
 			kind: "replace-column",
 			nextColumn: a
 		});
 	}
-	function Sr(e) {
-		return P.find((t) => t.id === e)?.name ?? e;
+	function Tr(e) {
+		return L.find((t) => t.id === e)?.name ?? e;
 	}
-	function Cr(e, t) {
+	function Er(e, t) {
 		let n = e.columns[t];
 		if (!n) throw Error(`Table ${e.fieldKey} has no column at index ${t}.`);
 		return n;
 	}
-	function wr(e, t) {
+	function Dr(e, t) {
 		return /* @__PURE__ */ v(g, { children: [
-			$("預設值", "fieldDefaultValue", e.type === "textarea" ? qr({
+			$("預設值", "fieldDefaultValue", e.type === "textarea" ? Zr({
 				name: "fieldDefaultValue",
 				onChange: (n) => t({
 					...e,
@@ -1086,14 +1086,14 @@ function mn({ onChange: le, value: y }) {
 				}),
 				placeholder: "輸入此欄位的預設文字",
 				rows: 3,
-				value: kn(e.defaultValue)
+				value: In(e.defaultValue)
 			}) : /* @__PURE__ */ _(f, {
 				onChange: (n) => t({
 					...e,
 					defaultValue: n.target.value || void 0
 				}),
 				placeholder: "輸入此欄位的預設文字",
-				value: kn(e.defaultValue),
+				value: In(e.defaultValue),
 				variant: "base"
 			})),
 			$("最小長度", "fieldMinLength", Q(e.minLength, (n) => t({
@@ -1103,10 +1103,22 @@ function mn({ onChange: le, value: y }) {
 			$("最大長度", "fieldMaxLength", Q(e.maxLength, (n) => t({
 				...e,
 				maxLength: n
-			}), "例如：100", { min: 1 }))
+			}), "例如：100", { min: 1 })),
+			$("格式（正規表示式）", "fieldPattern", /* @__PURE__ */ _(f, {
+				onChange: (n) => t(Dn(e, n.target.value)),
+				placeholder: "例如：[0-9]{8}",
+				value: e.pattern ?? "",
+				variant: "base"
+			}), !1, kn(e.pattern)),
+			e.pattern ? $("格式錯誤訊息", "fieldPatternErrorMessage", /* @__PURE__ */ _(f, {
+				onChange: (n) => t(On(e, n.target.value)),
+				placeholder: "例如：統一編號為 8 位數字。",
+				value: e.patternErrorMessage ?? "",
+				variant: "base"
+			}), !1, An(e.patternErrorMessage)) : null
 		] });
 	}
-	function Tr(e, t) {
+	function Or(e, t) {
 		return /* @__PURE__ */ v(g, { children: [
 			$("預設值", "fieldDefaultValue", Q(typeof e.defaultValue == "number" ? e.defaultValue : void 0, (n) => t({
 				...e,
@@ -1125,32 +1137,32 @@ function mn({ onChange: le, value: y }) {
 			}), "例如：999999"))
 		] });
 	}
-	function Er(e, t) {
-		return $("預設值", "fieldDefaultValue", Jr(e, kn(e.defaultValue), (n) => t({
+	function kr(e, t) {
+		return $("預設值", "fieldDefaultValue", Qr(e, In(e.defaultValue), (n) => t({
 			...e,
 			defaultValue: n
 		})));
 	}
-	function Dr(e, t, n, r) {
-		let i = je(e.type, z), a = {
+	function Ar(e, t, n, r) {
+		let i = je(e.type, I), a = {
 			commit: (e) => t(e),
 			rowColumns: r
-		}, o = O(e) ? gn(e.dataSource) : I, s = O(e) ? z.find((t) => t.key === e.dataSource.key && t.version === e.dataSource.version) : null, c = s ? i.some((e) => e.key === s.key && e.version === s.version) : !1, l = [
-			...ln,
-			...i.map(vn),
-			...O(e) && !c ? [{
+		}, o = k(e) ? vn(e.dataSource) : sn, s = k(e) ? I.find((t) => t.key === e.dataSource.key && t.version === e.dataSource.version) : null, c = s ? i.some((e) => e.key === s.key && e.version === s.version) : !1, l = [
+			...dn,
+			...i.map(bn),
+			...k(e) && !c ? [{
 				id: o,
 				name: `${e.dataSource.key} v${e.dataSource.version}（目前不可用或不支援）`
 			}] : []
-		], u = Qe(e);
+		], u = tt(e);
 		return /* @__PURE__ */ v(g, { children: [
 			e.type === "select" || e.type === "autocomplete" ? $("選擇模式", "fieldSelectionMode", /* @__PURE__ */ _(p, {
 				clearable: !1,
 				onChange: (t) => {
-					(t?.id === "single" || t?.id === "multiple") && Qn(e, t.id, n);
+					(t?.id === "single" || t?.id === "multiple") && tr(e, t.id, n);
 				},
-				options: [...un],
-				value: D(un, u)
+				options: [...fn],
+				value: D(fn, u)
 			})) : $("選擇模式", "fieldSelectionMode", /* @__PURE__ */ _(h, {
 				color: "text-neutral",
 				variant: "body",
@@ -1158,29 +1170,29 @@ function mn({ onChange: le, value: y }) {
 			})),
 			$("選項來源", "fieldOptionSource", /* @__PURE__ */ _(p, {
 				clearable: !1,
-				disabled: Ln === "loading" && !O(e),
-				onChange: (n) => er(e, n?.id, t),
+				disabled: En === "loading" && !k(e),
+				onChange: (n) => rr(e, n?.id, t),
 				options: l,
 				placeholder: "選擇選項來源",
 				value: D(l, o)
 			})),
-			O(e) ? Or(e, i, a) : Br(e, t)
+			k(e) ? jr(e, i, a) : Ur(e, t)
 		] });
 	}
-	function Or(e, t, n) {
-		let r = z.find((t) => t.key === e.dataSource.key && t.version === e.dataSource.version), i = r && !Ce(r, e.type);
+	function jr(e, t, n) {
+		let r = I.find((t) => t.key === e.dataSource.key && t.version === e.dataSource.version), i = r && !Ce(r, e.type);
 		return /* @__PURE__ */ v("div", {
-			style: Gt,
+			style: Kt,
 			children: [
-				Ln === "loading" ? /* @__PURE__ */ _(h, {
+				En === "loading" ? /* @__PURE__ */ _(h, {
 					color: "text-neutral",
 					variant: "body",
 					children: "正在載入可用的選項來源…"
 				}) : null,
-				Fn ? /* @__PURE__ */ _(h, {
+				z ? /* @__PURE__ */ _(h, {
 					color: "text-error",
 					variant: "body",
-					children: Fn
+					children: z
 				}) : null,
 				r ? null : /* @__PURE__ */ _(h, {
 					color: "text-warning",
@@ -1192,28 +1204,28 @@ function mn({ onChange: le, value: y }) {
 					variant: "body",
 					children: "這個來源不支援目前的控制項，請改選其他來源。"
 				}) : null,
-				r ? kr(r) : null,
-				r && r.parameters.length > 0 ? Ar(e, r, n) : null,
-				t.length === 0 && !Fn ? /* @__PURE__ */ _(h, {
+				r ? Mr(r) : null,
+				r && r.parameters.length > 0 ? Nr(e, r, n) : null,
+				t.length === 0 && !z ? /* @__PURE__ */ _(h, {
 					color: "text-warning",
 					variant: "body",
 					children: "沒有支援目前控制項的已註冊來源。"
 				}) : null,
 				/* @__PURE__ */ _("div", {
-					style: Jt,
+					style: Yt,
 					children: /* @__PURE__ */ _(c, {
-						disabled: Bn,
-						loading: Bn,
-						onClick: () => void rr(),
+						disabled: Un,
+						loading: Un,
+						onClick: () => void or(),
 						size: "sub",
 						type: "button",
 						variant: "base-secondary",
 						children: "檢查全部動態選項設定"
 					})
 				}),
-				zn ? /* @__PURE__ */ _("div", {
-					style: Kt,
-					children: zn.length > 0 ? zn.map((e) => /* @__PURE__ */ _(h, {
+				Hn ? /* @__PURE__ */ _("div", {
+					style: qt,
+					children: Hn.length > 0 ? Hn.map((e) => /* @__PURE__ */ _(h, {
 						color: "text-error",
 						variant: "caption",
 						children: e
@@ -1226,17 +1238,17 @@ function mn({ onChange: le, value: y }) {
 			]
 		});
 	}
-	function kr(e) {
+	function Mr(e) {
 		return /* @__PURE__ */ v("div", {
-			style: Xt,
+			style: Zt,
 			children: [
 				e.description ? /* @__PURE__ */ _(h, {
 					variant: "body",
 					children: e.description
 				}) : null,
 				/* @__PURE__ */ _("div", {
-					style: Yt,
-					children: _n(e).map((e) => /* @__PURE__ */ _(oe, {
+					style: Xt,
+					children: yn(e).map((e) => /* @__PURE__ */ _(oe, {
 						label: e,
 						readOnly: !0,
 						size: "minor"
@@ -1255,14 +1267,14 @@ function mn({ onChange: le, value: y }) {
 			]
 		});
 	}
-	function Ar(e, t, n) {
+	function Nr(e, t, n) {
 		let r = t.parameters.map((e, t) => ({
 			key: e.key,
 			index: t,
 			parameter: e
 		}));
 		return /* @__PURE__ */ v("div", {
-			style: qt,
+			style: Jt,
 			children: [/* @__PURE__ */ _(h, {
 				color: "text-neutral",
 				variant: "label-secondary",
@@ -1272,7 +1284,7 @@ function mn({ onChange: le, value: y }) {
 					{
 						key: "parameter",
 						render: (e) => /* @__PURE__ */ v("div", {
-							style: en,
+							style: tn,
 							children: [/* @__PURE__ */ _(h, {
 								variant: "input",
 								children: e.parameter.label ?? e.parameter.key
@@ -1288,13 +1300,13 @@ function mn({ onChange: le, value: y }) {
 					{
 						key: "binding",
 						width: 268,
-						render: (t) => Mr(e, t.parameter, n),
+						render: (t) => Fr(e, t.parameter, n),
 						title: "值從哪裡來"
 					},
 					{
 						key: "constant",
 						width: 140,
-						render: (t) => Be(E(e, t.parameter.key)) === "CONSTANT" ? Ir(e, t.parameter.key, t.parameter.type, E(e, t.parameter.key), n) : /* @__PURE__ */ _(h, {
+						render: (t) => Be(E(e, t.parameter.key)) === "CONSTANT" ? zr(e, t.parameter.key, t.parameter.type, E(e, t.parameter.key), n) : /* @__PURE__ */ _(h, {
 							color: "text-neutral",
 							variant: "caption",
 							children: "—"
@@ -1306,7 +1318,7 @@ function mn({ onChange: le, value: y }) {
 						render: (t) => /* @__PURE__ */ _(h, {
 							color: "text-neutral",
 							variant: "caption",
-							children: Pr(E(e, t.parameter.key), t.parameter, n, jr(e, t.parameter, n))
+							children: Lr(E(e, t.parameter.key), t.parameter, n, Pr(e, t.parameter, n))
 						}),
 						title: "填寫時的行為"
 					}
@@ -1318,28 +1330,28 @@ function mn({ onChange: le, value: y }) {
 			})]
 		});
 	}
-	function jr(e, t, n) {
+	function Pr(e, t, n) {
 		return Ae(t.type, b.fields, e.fieldKey).length + (n.rowColumns ? Me(t.type, n.rowColumns, e.fieldKey).length : 0);
 	}
-	function Mr(e, t, n) {
-		let r = yn(E(e, t.key)), i = n.rowColumns ? Me(t.type, n.rowColumns, e.fieldKey).map((e) => ({
-			id: `${sn}${e.id}`,
+	function Fr(e, t, n) {
+		let r = xn(E(e, t.key)), i = n.rowColumns ? Me(t.type, n.rowColumns, e.fieldKey).map((e) => ({
+			id: `${ln}${e.id}`,
 			name: `同列：${e.name}`
 		})) : [], a = [
 			...t.required ? [] : [{
-				id: cn,
+				id: un,
 				name: "未綁定"
 			}],
 			...i,
 			...Ae(t.type, b.fields, e.fieldKey),
 			...t.type === "STRING_ARRAY" ? [] : [{
-				id: on,
+				id: cn,
 				name: "固定常數"
 			}]
 		];
 		return /* @__PURE__ */ _("div", {
 			"data-data-source-parameter": t.key,
-			style: tn,
+			style: nn,
 			children: /* @__PURE__ */ _(p, {
 				clearable: !1,
 				fullWidth: !0,
@@ -1347,7 +1359,7 @@ function mn({ onChange: le, value: y }) {
 					"aria-label": `${t.label ?? t.key} 的值來源`,
 					title: D(a, r)?.name ?? ""
 				},
-				onChange: (r) => Rr(e, t.key, t.type, r?.id, n),
+				onChange: (r) => Vr(e, t.key, t.type, r?.id, n),
 				options: a,
 				placeholder: "選擇欄位或常數",
 				size: "sub",
@@ -1355,14 +1367,14 @@ function mn({ onChange: le, value: y }) {
 			})
 		});
 	}
-	function Nr(e) {
-		return ut[e];
+	function Ir(e) {
+		return dt[e];
 	}
-	function Pr(e, t, n, r) {
+	function Lr(e, t, n, r) {
 		let i = Be(e);
-		return i === "CONSTANT" ? "固定值，不隨填寫變動" : i === "FIELD" ? `隨欄位「${Fr(e, n)}」變動` : i === "ROW_FIELD" ? `隨同列「${Fr(e, n)}」變動` : t.required ? r > 0 ? "尚未設定，選項無法載入" : `沒有相容的${Nr(t.type)}欄位，請改用固定值` : "未設定，不做這層篩選";
+		return i === "CONSTANT" ? "固定值，不隨填寫變動" : i === "FIELD" ? `隨欄位「${Rr(e, n)}」變動` : i === "ROW_FIELD" ? `隨同列「${Rr(e, n)}」變動` : t.required ? r > 0 ? "尚未設定，選項無法載入" : `沒有相容的${Ir(t.type)}欄位，請改用固定值` : "未設定，不做這層篩選";
 	}
-	function Fr(e, t) {
+	function Rr(e, t) {
 		let n = e?.from;
 		if (n?.kind === "FIELD") {
 			let e = b.fields.find((e) => e.fieldKey === n.fieldKey);
@@ -1374,13 +1386,13 @@ function mn({ onChange: le, value: y }) {
 		}
 		return "";
 	}
-	function Ir(e, t, n, r, i) {
+	function zr(e, t, n, r, i) {
 		return /* @__PURE__ */ _("div", {
 			"data-data-source-constant": t,
-			children: Lr(e, t, n, r, i)
+			children: Br(e, t, n, r, i)
 		});
 	}
-	function Lr(e, t, n, r, i) {
+	function Br(e, t, n, r, i) {
 		let a = ze(e, t);
 		if (n === "BOOLEAN") {
 			let n = [{
@@ -1393,7 +1405,7 @@ function mn({ onChange: le, value: y }) {
 			return /* @__PURE__ */ _(p, {
 				clearable: !1,
 				fullWidth: !0,
-				onChange: (n) => zr(e, t, n?.id === "true", i),
+				onChange: (n) => Hr(e, t, n?.id === "true", i),
 				options: n,
 				size: "sub",
 				value: D(n, a === !0 ? "true" : "false")
@@ -1404,16 +1416,16 @@ function mn({ onChange: le, value: y }) {
 			variant: "caption",
 			children: "這個條件要收多個值，請綁定一個複選欄位；不接受固定值。"
 		}) : /* @__PURE__ */ _(f, {
-			onChange: (r) => zr(e, t, n === "NUMBER" ? ke(r.target.value) ?? 0 : r.target.value, i),
+			onChange: (r) => Hr(e, t, n === "NUMBER" ? ke(r.target.value) ?? 0 : r.target.value, i),
 			placeholder: n === "NUMBER" ? "輸入數字" : "輸入固定值",
-			value: bn(r, n),
+			value: Sn(r, n),
 			variant: "base"
 		});
 	}
-	function Rr(e, t, n, r, i) {
-		i.commit(Ke(e, t, xn(t, n, r)));
+	function Vr(e, t, n, r, i) {
+		i.commit(Ke(e, t, Cn(t, n, r)));
 	}
-	function zr(e, t, n, r) {
+	function Hr(e, t, n, r) {
 		r.commit(Ke(e, t, {
 			from: {
 				kind: "CONSTANT",
@@ -1422,8 +1434,8 @@ function mn({ onChange: le, value: y }) {
 			parameter: t
 		}));
 	}
-	function Br(e, t) {
-		let n = Qe(e), r = Array.isArray(e.defaultValue) ? e.defaultValue : [], i = e.options.map(Re), a = i.filter((e) => r.includes(e.id));
+	function Ur(e, t) {
+		let n = tt(e), r = Array.isArray(e.defaultValue) ? e.defaultValue : [], i = e.options.map(Re), a = i.filter((e) => r.includes(e.id));
 		return /* @__PURE__ */ v(g, { children: [$("預設值", "fieldDefaultValue", n === "multiple" ? /* @__PURE__ */ _(p, {
 			clearable: !0,
 			mode: "multiple",
@@ -1443,9 +1455,9 @@ function mn({ onChange: le, value: y }) {
 			options: i,
 			placeholder: "選擇預設選項",
 			value: typeof e.defaultValue == "string" ? D(i, e.defaultValue) : null
-		})), $("選項", "fieldOptions", Yr(e, t), !0)] });
+		})), $("選項", "fieldOptions", $r(e, t), !0)] });
 	}
-	function Vr(e, t) {
+	function Wr(e, t) {
 		let n = typeof e.defaultValue == "boolean" ? String(e.defaultValue) : "unset";
 		return $("預設值", "fieldDefaultValue", /* @__PURE__ */ _(p, {
 			clearable: !1,
@@ -1453,12 +1465,12 @@ function mn({ onChange: le, value: y }) {
 				...e,
 				defaultValue: n?.id === "true" || n?.id !== "false" && void 0
 			}),
-			options: [...dn],
+			options: [...pn],
 			placeholder: "選擇預設狀態",
-			value: D(dn, n)
+			value: D(pn, n)
 		}));
 	}
-	function Hr(e, t) {
+	function Gr(e, t) {
 		return $("可複選", "fieldMemberMultiple", /* @__PURE__ */ _(m, {
 			checked: e.multiple === !0,
 			label: e.multiple === !0 ? "可選多位" : "只能選一位",
@@ -1470,38 +1482,38 @@ function mn({ onChange: le, value: y }) {
 			size: "sub"
 		}));
 	}
-	function Ur(e, t) {
+	function Kr(e, t) {
 		return /* @__PURE__ */ v(g, { children: [$("檔案數", "fieldMaxFiles", Q(e.maxFiles, (n) => t({
 			...e,
 			maxFiles: n
-		}), "例如：1", { min: 1 })), $("MIME", "fieldAcceptedMimeTypes", qr({
+		}), "例如：1", { min: 1 })), $("MIME", "fieldAcceptedMimeTypes", Zr({
 			name: "fieldAcceptedMimeTypes",
 			onChange: (n) => t({
 				...e,
-				acceptedMimeTypes: An(n)
+				acceptedMimeTypes: Ln(n)
 			}),
 			placeholder: "每行一個 MIME type，例如：application/pdf",
 			rows: 3,
-			value: jn(e.acceptedMimeTypes)
+			value: Rn(e.acceptedMimeTypes)
 		}), !1)] });
 	}
-	function Wr(e) {
-		let t = b.fields.filter((t) => t.fieldKey !== e.fieldKey && !Xe(t));
-		return t.length ? /* @__PURE__ */ _(g, { children: pn.map((n) => Gr(e, n, t)) }) : /* @__PURE__ */ _(h, {
+	function qr(e) {
+		let t = b.fields.filter((t) => t.fieldKey !== e.fieldKey && !$e(t));
+		return t.length ? /* @__PURE__ */ _(g, { children: hn.map((n) => Jr(e, n, t)) }) : /* @__PURE__ */ _(h, {
 			color: "text-neutral",
-			style: kt,
+			style: At,
 			variant: "body",
 			children: "目前沒有其他欄位可作為條件來源。新增更多欄位後即可設定條件規則。"
 		});
 	}
-	function Gr(e, t, n) {
-		let r = e[t.target], i = r ? Oe(r) : null, a = n.find((e) => e.fieldKey === i?.fieldKey), o = a ?? n[0], s = n.map(Dn), c = Pe(o), l = i && c.some((e) => e.id === i.operator) ? i.operator : Ie(o), u = i?.value ?? Le(o), d = !!r, f = d && (!i || !a);
+	function Jr(e, t, n) {
+		let r = e[t.target], i = r ? Oe(r) : null, a = n.find((e) => e.fieldKey === i?.fieldKey), o = a ?? n[0], s = n.map(Pn), c = Pe(o), l = i && c.some((e) => e.id === i.operator) ? i.operator : Ie(o), u = i?.value ?? Le(o), d = !!r, f = d && (!i || !a);
 		return $(t.label, t.name, /* @__PURE__ */ v("div", {
-			style: Rt,
+			style: zt,
 			children: [/* @__PURE__ */ _(m, {
 				checked: d,
 				label: d ? "已啟用" : "不啟用",
-				onChange: (e) => Z(t.target, e.target.checked ? T(o, Ie(o), Le(o)) : void 0),
+				onChange: (e) => Yr(t.target, e.target.checked ? T(o, Ie(o), Le(o)) : void 0),
 				size: "sub",
 				supportingText: t.supportingText
 			}), d ? f ? /* @__PURE__ */ _(h, {
@@ -1509,13 +1521,13 @@ function mn({ onChange: le, value: y }) {
 				variant: "body",
 				children: "這個規則不是目前 UI 支援的格式。重新選擇條件後會取代既有規則。"
 			}) : /* @__PURE__ */ v("div", {
-				style: zt,
+				style: Bt,
 				children: [
 					/* @__PURE__ */ _(p, {
 						clearable: !1,
 						onChange: (e) => {
 							let r = n.find((t) => t.fieldKey === e?.id) ?? o;
-							Z(t.target, T(r, Ie(r), Le(r)));
+							Yr(t.target, T(r, Ie(r), Le(r)));
 						},
 						options: s,
 						placeholder: "選擇欄位",
@@ -1523,26 +1535,26 @@ function mn({ onChange: le, value: y }) {
 					}),
 					/* @__PURE__ */ _(p, {
 						clearable: !1,
-						onChange: (e) => Z(t.target, T(o, Ne(e?.id) ?? l, u)),
+						onChange: (e) => Yr(t.target, T(o, Ne(e?.id) ?? l, u)),
 						options: [...c],
 						placeholder: "判斷方式",
 						value: D(c, l)
 					}),
-					Kr(o, u, (e) => Z(t.target, T(o, l, e)))
+					Xr(o, u, (e) => Yr(t.target, T(o, l, e)))
 				]
 			}) : null]
 		}), !0);
 	}
-	function Z(e, t) {
-		q({ [e]: t });
+	function Yr(e, t) {
+		J({ [e]: t });
 	}
-	function Kr(e, t, n) {
+	function Xr(e, t, n) {
 		if (e.type === "boolean") return /* @__PURE__ */ _(p, {
 			clearable: !1,
 			onChange: (e) => n(e?.id ?? "true"),
-			options: [...fn],
+			options: [...mn],
 			placeholder: "比較值",
-			value: D(fn, t === "false" ? "false" : "true")
+			value: D(mn, t === "false" ? "false" : "true")
 		});
 		if (Te(e)) {
 			let r = e.options.map(Re);
@@ -1554,22 +1566,22 @@ function mn({ onChange: le, value: y }) {
 				value: D(r, t)
 			});
 		}
-		return we(e) ? Q(ke(t), (e) => n(String(e ?? 0)), "比較值") : Se(e) ? Jr(e, t, (e) => n(e ?? "")) : /* @__PURE__ */ _(f, {
+		return we(e) ? Q(ke(t), (e) => n(String(e ?? 0)), "比較值") : Se(e) ? Qr(e, t, (e) => n(e ?? "")) : /* @__PURE__ */ _(f, {
 			onChange: (e) => n(e.target.value),
 			placeholder: "比較值",
 			value: t,
 			variant: "base"
 		});
 	}
-	function qr({ name: e, onChange: t, placeholder: n, rows: r, value: i }) {
+	function Zr({ name: e, onChange: t, placeholder: n, rows: r, value: i }) {
 		return /* @__PURE__ */ _(se, {
 			"aria-label": e,
 			onChange: (e) => t(e.target.value),
 			placeholder: n,
-			ref: nn,
+			ref: rn,
 			resize: "vertical",
 			rows: r,
-			style: Nt,
+			style: Pt,
 			value: i
 		});
 	}
@@ -1585,7 +1597,7 @@ function mn({ onChange: le, value: y }) {
 			variant: "measure"
 		});
 	}
-	function Jr(e, t, n) {
+	function Qr(e, t, n) {
 		return e.type === "datetime" ? /* @__PURE__ */ _(u, {
 			formatDate: "YYYY-MM-DD",
 			formatTime: "HH:mm",
@@ -1601,7 +1613,7 @@ function mn({ onChange: le, value: y }) {
 			value: Fe(t)
 		});
 	}
-	function Yr(e, t) {
+	function $r(e, t) {
 		let n = e.options.map((t, n) => ({
 			index: n,
 			key: `${e.fieldKey}-${n}`,
@@ -1609,7 +1621,7 @@ function mn({ onChange: le, value: y }) {
 			value: t.value
 		}));
 		return /* @__PURE__ */ v("div", {
-			style: Ht,
+			style: Ut,
 			children: [/* @__PURE__ */ _(ae, {
 				actions: {
 					render: (n) => [{
@@ -1630,7 +1642,7 @@ function mn({ onChange: le, value: y }) {
 					render: (n) => /* @__PURE__ */ _(f, {
 						onChange: (r) => t({
 							...e,
-							options: Mn(e.options, n.index, { label: r.target.value })
+							options: zn(e.options, n.index, { label: r.target.value })
 						}),
 						placeholder: "例如：主管",
 						size: "sub",
@@ -1643,7 +1655,7 @@ function mn({ onChange: le, value: y }) {
 					render: (n) => /* @__PURE__ */ _(f, {
 						onChange: (r) => t({
 							...e,
-							options: Mn(e.options, n.index, { value: r.target.value })
+							options: zn(e.options, n.index, { value: r.target.value })
 						}),
 						placeholder: "例如：manager",
 						size: "sub",
@@ -1656,13 +1668,13 @@ function mn({ onChange: le, value: y }) {
 				showHeader: !0,
 				size: "sub"
 			}), /* @__PURE__ */ _("div", {
-				style: Ut,
+				style: Wt,
 				children: /* @__PURE__ */ _(c, {
 					icon: me,
 					iconType: "leading",
 					onClick: () => t({
 						...e,
-						options: [...e.options, Nn(e.options)]
+						options: [...e.options, Bn(e.options)]
 					}),
 					variant: "base-secondary",
 					children: "新增選項"
@@ -1670,48 +1682,52 @@ function mn({ onChange: le, value: y }) {
 			})]
 		});
 	}
-	function Xr(e, t, n) {
+	function ei(e, t, n) {
 		return /* @__PURE__ */ _("div", {
 			...t.draggableProps,
 			"data-form-builder-field-key": e.fieldKey,
 			ref: t.innerRef,
 			style: {
-				...bt,
-				...n ? xt : null,
+				...xt,
+				...n ? St : null,
 				...t.draggableProps.style
 			},
 			children: /* @__PURE__ */ _(s, {
-				style: e.fieldKey === K?.fieldKey ? St : void 0,
-				children: Zr(e, t, n)
+				style: e.fieldKey === q?.fieldKey ? Ct : void 0,
+				children: ti(e, t, n)
 			})
 		});
 	}
-	function $(t, n, r, i = !1) {
+	function $(t, n, r, i = !1, a) {
 		return /* @__PURE__ */ _("div", {
-			style: i ? jt : At,
+			style: i ? Mt : jt,
 			children: /* @__PURE__ */ _("div", {
-				style: Mt,
+				style: Nt,
 				children: /* @__PURE__ */ _(e, {
 					label: t,
 					layout: i ? ce.VERTICAL : ce.STRETCH,
 					name: n,
+					...a ? {
+						hintText: a.text,
+						severity: a.severity
+					} : {},
 					children: r
 				})
 			})
 		});
 	}
-	function Zr(e, t, n) {
+	function ti(e, t, n) {
 		return /* @__PURE__ */ v("div", {
 			...t.dragHandleProps ?? {},
 			"aria-label": "選取或拖曳排序欄位",
-			onClick: () => R(e.fieldKey),
-			style: gt,
+			onClick: () => F(e.fieldKey),
+			style: _t,
 			title: "點擊選取，拖曳排序",
 			children: [
 				/* @__PURE__ */ _("span", {
 					"aria-label": "拖曳排序",
 					role: "img",
-					style: Bt,
+					style: Vt,
 					title: "拖曳排序",
 					children: /* @__PURE__ */ _(d, {
 						icon: fe,
@@ -1719,14 +1735,14 @@ function mn({ onChange: le, value: y }) {
 					})
 				}),
 				/* @__PURE__ */ v("div", {
-					style: _t,
+					style: vt,
 					children: [/* @__PURE__ */ v(h, {
 						component: "span",
 						ellipsis: !0,
 						variant: "label-primary",
 						children: [e.label, e.required ? /* @__PURE__ */ _("sup", {
 							"aria-label": "必填",
-							style: Wt,
+							style: Gt,
 							children: "*"
 						}) : null]
 					}), /* @__PURE__ */ v(h, {
@@ -1735,7 +1751,7 @@ function mn({ onChange: le, value: y }) {
 						ellipsis: !0,
 						variant: "caption",
 						children: [
-							hn(e.type),
+							_n(e.type),
 							" ·",
 							e.required ? " 必填" : " 選填",
 							" ·",
@@ -1746,20 +1762,20 @@ function mn({ onChange: le, value: y }) {
 				}),
 				/* @__PURE__ */ v("div", {
 					onClick: (e) => e.stopPropagation(),
-					style: vt,
+					style: yt,
 					children: [/* @__PURE__ */ _("div", {
-						style: yt,
+						style: bt,
 						children: /* @__PURE__ */ _(m, {
 							checked: !!e.required,
 							disabled: n || e.hidden === !0,
 							label: "必填",
-							onChange: (t) => lr(e.fieldKey, t.target.checked)
+							onChange: (t) => fr(e.fieldKey, t.target.checked)
 						})
 					}), /* @__PURE__ */ _(c, {
 						disabled: n,
 						icon: he,
 						iconType: "icon-only",
-						onClick: () => Gn(e.fieldKey),
+						onClick: () => Jn(e.fieldKey),
 						variant: "destructive-ghost",
 						children: "移除欄位"
 					})]
@@ -1767,61 +1783,61 @@ function mn({ onChange: le, value: y }) {
 			]
 		});
 	}
-	function Qr() {
+	function ni() {
 		return /* @__PURE__ */ v("div", {
-			style: F,
+			style: R,
 			children: [/* @__PURE__ */ _(h, {
 				component: "h2",
 				variant: "h3",
 				children: "填寫預覽"
 			}), /* @__PURE__ */ _(t, {
 				dataSourceContext: { kind: "preview" },
-				onChange: cr,
+				onChange: dr,
 				schema: b,
 				uiSchema: S,
-				value: nt
+				value: Ye
 			})]
 		});
 	}
-	function $r() {
+	function ri() {
 		return /* @__PURE__ */ v("div", {
-			style: F,
+			style: R,
 			children: [/* @__PURE__ */ _(h, {
 				component: "h2",
 				variant: "h3",
 				children: "Schema"
 			}), /* @__PURE__ */ v("div", {
-				style: Pt,
+				style: Ft,
 				children: [
-					ei("Form Schema", "schemaJson", /* @__PURE__ */ _(it, {
+					ii("Form Schema", "schemaJson", /* @__PURE__ */ _(at, {
 						height: "360px",
 						name: "schemaJson",
-						onChange: ur,
+						onChange: pr,
 						placeholder: "輸入 Form Schema JSON",
 						value: pe
 					})),
-					ei("UI Schema", "uiSchemaJson", /* @__PURE__ */ _(it, {
+					ii("UI Schema", "uiSchemaJson", /* @__PURE__ */ _(at, {
 						height: "240px",
 						name: "uiSchemaJson",
-						onChange: dr,
+						onChange: mr,
 						placeholder: "輸入 UI Schema JSON",
-						value: Ye
+						value: Je
 					})),
-					rt ? /* @__PURE__ */ _(h, {
+					Qe ? /* @__PURE__ */ _(h, {
 						color: "text-error",
-						style: Lt,
+						style: Rt,
 						variant: "body",
-						children: rt
+						children: Qe
 					}) : null
 				]
 			})]
 		});
 	}
-	function ei(t, n, r) {
+	function ii(t, n, r) {
 		return /* @__PURE__ */ _("div", {
-			style: Ft,
+			style: It,
 			children: /* @__PURE__ */ _("div", {
-				style: It,
+				style: Lt,
 				children: /* @__PURE__ */ _(e, {
 					label: t,
 					name: n,
@@ -1831,29 +1847,29 @@ function mn({ onChange: le, value: y }) {
 		});
 	}
 }
-function hn(e) {
-	return at.find((t) => t.type === e)?.label ?? e;
+function _n(e) {
+	return ot.find((t) => t.type === e)?.label ?? e;
 }
-function gn(e) {
+function vn(e) {
 	return `${e.key}@${e.version}`;
 }
-function _n(e) {
+function yn(e) {
 	return [
 		e.supportsSearch ? `可輸入關鍵字搜尋${e.minimumSearchLength > 1 ? `（至少 ${e.minimumSearchLength} 字）` : ""}` : "不支援搜尋",
 		e.paginationMode === "CURSOR" ? `捲動載入更多（每次 ${e.pageSize} 筆）` : `一次載入完整清單（最多 ${e.maximumResultCount} 筆）`,
 		e.revalidationPolicy === "ALWAYS" ? "退回重送時一律重新確認" : "值與條件未變時沿用上次結果"
 	];
 }
-function vn(e) {
+function bn(e) {
 	return {
-		id: gn(e),
+		id: vn(e),
 		name: e.label
 	};
 }
-function yn(e) {
-	return e ? e.from.kind === "FIELD" ? e.from.fieldKey : e.from.kind === "ROW_FIELD" ? `${sn}${e.from.columnKey}` : on : cn;
+function xn(e) {
+	return e ? e.from.kind === "FIELD" ? e.from.fieldKey : e.from.kind === "ROW_FIELD" ? `${ln}${e.from.columnKey}` : cn : un;
 }
-function L(e) {
+function z(e) {
 	switch (e) {
 		case "BOOLEAN": return !1;
 		case "NUMBER": return 0;
@@ -1862,18 +1878,18 @@ function L(e) {
 		default: return "";
 	}
 }
-function bn(e, t) {
+function Sn(e, t) {
 	let n = e?.from.kind === "CONSTANT" ? e.from.value : "";
 	return t === "NUMBER" ? typeof n == "number" ? String(n) : "" : typeof n == "string" ? n : "";
 }
-function xn(e, t, n) {
-	return !n || n === cn ? null : n === on ? {
+function Cn(e, t, n) {
+	return !n || n === un ? null : n === cn ? {
 		from: {
 			kind: "CONSTANT",
-			value: L(t)
+			value: z(t)
 		},
 		parameter: e
-	} : n.startsWith(sn) ? {
+	} : n.startsWith(ln) ? {
 		from: {
 			columnKey: n.slice(14),
 			kind: "ROW_FIELD"
@@ -1887,24 +1903,60 @@ function xn(e, t, n) {
 		parameter: e
 	};
 }
-function Sn(e) {
+function wn(e) {
 	return e.kind === "remove-field" ? "確認移除 dependency 欄位" : e.kind === "remove-column" ? "確認移除表格欄" : e.kind === "replace-column" ? "確認變更欄型別" : "確認變更選擇模式";
 }
-var R = [{
+var B = [{
 	label: "選項 A",
 	value: "option_a"
 }, {
 	label: "選項 B",
 	value: "option_b"
 }];
-function Cn(e) {
+function Tn(e) {
 	let t = [];
-	return e.defaultValue !== void 0 && t.push("預設值"), e.type === "text" && (typeof e.minLength == "number" || typeof e.maxLength == "number") && t.push("長度限制"), (e.type === "number" || e.type === "money") && (typeof e.minimum == "number" || typeof e.maximum == "number") && t.push("數值範圍"), O(e) ? t.push("選項來源設定") : Ye(e) && !z(e.options) && t.push(`${e.options.length} 個選項`), (e.type === "select" || e.type === "autocomplete") && e.mode === "multiple" && t.push("選擇模式"), t;
+	return e.defaultValue !== void 0 && t.push("預設值"), e.type === "text" && (typeof e.minLength == "number" || typeof e.maxLength == "number") && t.push("長度限制"), e.type === "text" && e.pattern && t.push("格式"), (e.type === "number" || e.type === "money") && (typeof e.minimum == "number" || typeof e.maximum == "number") && t.push("數值範圍"), k(e) ? t.push("選項來源設定") : Qe(e) && !En(e.options) && t.push(`${e.options.length} 個選項`), (e.type === "select" || e.type === "autocomplete") && e.mode === "multiple" && t.push("選擇模式"), t;
 }
-function z(e) {
-	return e.length === R.length && e.every((e, t) => e.label === R[t]?.label && e.value === R[t]?.value);
+function En(e) {
+	return e.length === B.length && e.every((e, t) => e.label === B[t]?.label && e.value === B[t]?.value);
 }
-function wn(e, t) {
+function Dn(e, t) {
+	return t ? {
+		...e,
+		pattern: t
+	} : Object.fromEntries(Object.entries(e).filter(([e]) => e !== "pattern" && e !== "patternErrorMessage"));
+}
+function On(e, t) {
+	return t ? {
+		...e,
+		patternErrorMessage: t
+	} : Object.fromEntries(Object.entries(e).filter(([e]) => e !== "patternErrorMessage"));
+}
+function kn(e) {
+	return e && !e.trim() ? {
+		severity: "error",
+		text: "格式不能只有空白，儲存時會被拒絕。"
+	} : e && e.length > O ? {
+		severity: "error",
+		text: `格式最多 ${O} 個字元，儲存時會被拒絕。`
+	} : e && !Ye(e) ? {
+		severity: "error",
+		text: "這不是有效的正規表示式，儲存時會被拒絕。格式以 u 模式檢查，多餘的跳脫（例如在方括號 [ ] 外寫 \\-）也算錯誤。"
+	} : e && Xe(e) ? {
+		severity: "error",
+		text: "格式裡的括號群組後面不能接重複次數（例如 (ab)+、(\\w|\\d)*、(ab){2}），填寫的內容可能讓系統卡住，儲存時會被拒絕。請把重複的部分直接寫出來，或改用 [ ] 字元集合加次數。"
+	} : {
+		severity: "info",
+		text: "填寫的內容要整段符合格式才能送出；留空表示不檢查格式。"
+	};
+}
+function An(e) {
+	return e && e.length > Je ? {
+		severity: "error",
+		text: `錯誤訊息最多 ${Je} 個字元，儲存時會被拒絕。`
+	} : void 0;
+}
+function jn(e, t) {
 	let n = {
 		fieldKey: e.fieldKey,
 		label: e.label,
@@ -1915,59 +1967,59 @@ function wn(e, t) {
 	return t === "select" || t === "autocomplete" ? {
 		...n,
 		mode: "single",
-		options: [...R],
+		options: [...B],
 		type: t
 	} : {
 		...n,
 		type: t
 	};
 }
-function Tn(e, t) {
+function Mn(e, t) {
 	return Object.fromEntries(Object.entries(e).filter(([e]) => e !== t));
 }
-function En(e) {
+function Nn(e) {
 	return !!(e.visibleWhen || e.requiredWhen || e.readonlyWhen);
 }
-function Dn(e) {
+function Pn(e) {
 	return {
 		id: e.fieldKey,
 		name: e.label
 	};
 }
-function On(e) {
+function Fn(e) {
 	return e.type === "text" || e.type === "textarea";
 }
-function kn(e) {
+function In(e) {
 	return typeof e == "string" ? e : "";
 }
-function An(e) {
+function Ln(e) {
 	let t = e.split(/[\n,]/u).map((e) => e.trim()).filter(Boolean);
 	return t.length ? t : void 0;
 }
-function jn(e) {
+function Rn(e) {
 	return e?.join("\n") ?? "";
 }
-function B(e) {
+function V(e) {
 	return JSON.stringify(e, null, 2);
 }
-function Mn(e, t, n) {
+function zn(e, t, n) {
 	return e.map((e, r) => r === t ? {
 		...e,
 		...n
 	} : e);
 }
-function Nn(e) {
+function Bn(e) {
 	let t = e.length + 1;
 	return {
 		label: `選項 ${t}`,
-		value: V(e, t)
+		value: H(e, t)
 	};
 }
-function V(e, t) {
+function H(e, t) {
 	let n = `option_${t}`;
-	return e.some((e) => e.value === n) ? V(e, t + 1) : n;
+	return e.some((e) => e.value === n) ? H(e, t + 1) : n;
 }
-function Pn(e, t, n) {
+function Vn(e, t, n) {
 	let r = e[t];
 	if (!r || t === n) return [...e];
 	let i = e.filter((e, n) => n !== t);
@@ -1978,6 +2030,6 @@ function Pn(e, t, n) {
 	];
 }
 //#endregion
-export { mn as t };
+export { gn as t };
 
-//# sourceMappingURL=FormBuilderView-ClLnQ1e_.js.map
+//# sourceMappingURL=FormBuilderView-BVKY1j_0.js.map