@rytass/bpm-core-react 0.17.9 → 0.18.1

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

@@ -1,19 +1,19 @@
 "use client";
-import { t as e } from "./bpm-form-field-Cao0rMol.js";
-import { t } from "./FormRendererView-BsTwZkqU.js";
+import { t as e } from "./bpm-form-field-9B-Det0u.js";
+import { t } from "./FormRendererView-CTLlG13b.js";
 import { useEffect as n, useMemo as r, useState as i } from "react";
 import { Accordion as a, Badge as o, BaseCard as s, Button as c, DatePicker as l, DateTimePicker as u, Icon as d, Input as f, Modal as ee, Section as te, SectionGroup as ne, Select as p, Tab as re, TabItem as ie, Table as ae, Tag as oe, Textarea as se, Toggle as m, Typography as h } from "@mezzanine-ui/react";
 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";
-//#region src/views/forms/builder/json-code-editor.tsx
-var rt = {
+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, FolderIcon as pe, ListIcon as w, PlusIcon as me, TrashIcon as he, UserIcon as ge } from "@mezzanine-ui/icons";
+import { buildConditionExpression as T, buildFormRendererValues as _e, clampOptionalNumber as ve, createFieldDefinition as ye, createTableColumnDefinition as be, formatDatePickerValue as xe, formatDateTimePickerValue as Se, isDateFieldDefinition as Ce, isFormDataSourceDescriptorCompatible as we, isNumberFieldDefinition as Te, isSelectFieldDefinition as Ee, lintFormSchema as De, listFormDataSources as Oe, parseConditionRule as ke, parseOptionalNumberInput as Ae, readCompatibleFormDataSourceBindingFields as je, readCompatibleFormDataSourceDescriptors as Me, readCompatibleFormTableColumnBindingFields as Ne, readConditionOperatorOption as Pe, readConditionOperatorOptions as Fe, readDatePickerValue as Ie, readDefaultConditionOperator as Le, readDefaultConditionValue as Re, readFieldOptionAsSelectOption as ze, readFormDataSourceBinding as E, readFormDataSourceBindingValue as Be, readFormDataSourceBindingValueKind as Ve, readFormDataSourceFieldDependencyKeys as He, readFormSchemaLintMessage as Ue, readFormTableRowBounds as We, readSelectOption as D, renameFormDataSourceFieldBindings as Ge, renameFormTableColumnBindings as Ke, upsertFormDataSourceFieldBinding as qe } from "@rytass/bpm-core-client/form";
+import { FORM_TABLE_MAX_ROWS as Je, TEXT_FIELD_PATTERN_ERROR_MESSAGE_MAX_LENGTH as O, TEXT_FIELD_PATTERN_MAX_LENGTH as Ye, compileTextFieldPattern as Xe, hasRepeatedTextFieldPatternGroup as Ze, isFormDataSourceFieldDefinition as k, isFormOptionFieldDefinition as Qe, isFormStaticOptionFieldDefinition as A, isMemberFieldDefinition as $e, isOrgUnitFieldDefinition as et, isTableColumnFieldType as tt, isTableFieldDefinition as j, readFormFieldSelectionMode as nt } from "@rytass/bpm-core-shared/form";
+import { DragDropContext as rt, Draggable as it, Droppable as at } from "@hello-pangea/dnd";
+import M from "next/dynamic";
+import { json as ot } from "@codemirror/lang-json";
+import { EditorView as N } from "@codemirror/view";
+// src/views/forms/builder/json-code-editor.tsx
+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 = [
+	ot(),
+	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"), {
+], st = M(() => 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 ct({ disabled: e = !1, height: t, name: n, onChange: r, placeholder: i, value: a }) {
+	return /* @__PURE__ */ _(st, {
 		"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,
@@ -74,9 +74,8 @@ function it({ disabled: e = !1, height: t, name: n, onChange: r, placeholder: i,
 		width: "100%"
 	});
 }
-//#endregion
-//#region src/views/forms/builder/FormBuilderView.tsx
-var at = [
+// src/views/forms/builder/FormBuilderView.tsx
+var lt = [
 	{
 		description: "單行文字、姓名、編號",
 		icon: le,
@@ -121,13 +120,13 @@ var at = [
 	},
 	{
 		description: "固定選項擇一",
-		icon: pe,
+		icon: w,
 		label: "下拉選單",
 		type: "select"
 	},
 	{
 		description: "可搜尋的固定選項",
-		icon: pe,
+		icon: w,
 		label: "自動完成",
 		type: "autocomplete"
 	},
@@ -151,76 +150,82 @@ var at = [
 	},
 	{
 		description: "從成員名單挑選一或多位人員",
-		icon: w,
+		icon: ge,
 		label: "人員選擇",
 		type: "member"
 	},
+	{
+		description: "從組織圖挑選一個組織",
+		icon: pe,
+		label: "組織選擇",
+		type: "org_unit"
+	},
 	{
 		description: "多列多欄明細",
 		icon: x,
 		label: "表格",
 		type: "table"
 	}
-], P = at.filter((e) => Ze(e.type)).map((e) => ({
+], I = lt.filter((e) => tt(e.type)).map((e) => ({
 	id: e.type,
 	name: e.label
-})), ot = {
+})), ut = {
 	alignItems: "start",
 	display: "flex",
 	flexWrap: "wrap",
 	gap: 16
-}, st = {
+}, dt = {
 	flex: "0.55 1 300px",
 	minWidth: 0
-}, ct = {
+}, ft = {
 	flex: "1.45 1 720px",
 	minWidth: 620,
 	paddingBottom: 260
-}, lt = 240, ut = {
+}, pt = 240, mt = {
 	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 = {
+}, ht = /^schema\.fields\[(\d+)\](?:\.columns\[(\d+)\])?\.dataSource\.bindings missing required parameter: (.+)$/u, gt = /^schema\.fields\[(\d+)\](?:\.columns\[(\d+)\])?\.dataSource\.bindings unknown parameter: (.+)$/u, L = {
 	display: "grid",
 	gap: 12
-}, pt = {
+}, _t = {
 	display: "flex",
 	flexWrap: "wrap",
 	gap: 6
-}, mt = {
+}, vt = {
 	flex: "0 0 auto",
 	whiteSpace: "nowrap"
-}, ht = {
+}, yt = {
 	display: "grid",
 	gap: 8
-}, gt = {
+}, bt = {
 	alignItems: "center",
 	cursor: "grab",
 	display: "flex",
 	gap: 12,
 	touchAction: "none"
-}, _t = {
+}, xt = {
 	display: "grid",
 	flex: "1 1 auto",
 	gap: 2,
 	minWidth: 0
-}, vt = {
+}, St = {
 	alignItems: "center",
 	display: "flex",
 	flex: "0 0 auto",
 	gap: 4
-}, yt = {
+}, Ct = {
 	alignItems: "center",
 	display: "flex",
 	gap: 6
-}, bt = {
+}, wt = {
 	cursor: "pointer",
 	userSelect: "none"
-}, xt = { filter: "drop-shadow(0 8px 18px rgba(0, 0, 0, 0.12))" }, St = {
+}, Tt = { filter: "drop-shadow(0 8px 18px rgba(0, 0, 0, 0.12))" }, Et = {
 	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 = {
+}, Dt = {
 	alignItems: "center",
 	border: "1px dashed var(--mzn-color-border-neutral)",
 	borderRadius: 6,
@@ -229,135 +234,135 @@ var at = [
 	minHeight: 240,
 	padding: 32,
 	textAlign: "center"
-}, wt = {
+}, Ot = {
 	display: "flex",
 	gap: 8,
 	justifyContent: "center"
-}, Tt = {
+}, kt = {
 	display: "grid",
 	gap: 14
-}, Et = {
+}, At = {
 	display: "grid",
 	columnGap: 16,
 	gridTemplateColumns: "repeat(auto-fit, minmax(280px, 360px))",
 	justifyContent: "start",
 	maxWidth: 736,
 	rowGap: 8
-}, Dt = { gridColumn: "1 / -1" }, Ot = {
+}, jt = { gridColumn: "1 / -1" }, Mt = {
 	alignItems: "center",
 	display: "flex",
 	gap: 8,
 	gridColumn: "1 / -1",
 	justifyContent: "flex-end"
-}, kt = { gridColumn: "1 / -1" }, At = {
+}, Nt = { gridColumn: "1 / -1" }, Pt = {
 	alignItems: "start",
 	display: "block",
 	width: "100%"
-}, jt = {
-	...At,
+}, Ft = {
+	...Pt,
 	gridColumn: "1 / -1"
-}, Mt = {
+}, It = {
 	minWidth: 0,
 	width: "100%"
-}, Nt = {
+}, Lt = {
 	minWidth: "100%",
 	width: "100%"
-}, Pt = {
+}, Rt = {
 	display: "grid",
 	gap: 14
-}, Ft = {
+}, zt = {
 	alignItems: "start",
 	display: "block",
 	width: "100%"
-}, It = {
+}, Bt = {
 	minWidth: 0,
 	width: "100%"
-}, Lt = { gridColumn: "2 / -1" }, Rt = {
+}, Vt = { gridColumn: "2 / -1" }, Ht = {
 	display: "grid",
 	gap: 10,
 	width: "100%"
-}, zt = {
+}, Ut = {
 	display: "grid",
 	gap: 8,
 	gridTemplateColumns: "repeat(auto-fit, minmax(160px, 1fr))"
-}, Bt = { display: "inline-flex" }, Vt = {
+}, Wt = { display: "inline-flex" }, Gt = {
 	display: "grid",
 	gap: 16
-}, Ht = {
+}, Kt = {
 	display: "grid",
 	gap: 8
-}, Ut = {
+}, qt = {
 	display: "flex",
 	justifyContent: "flex-end"
-}, Wt = {
+}, Jt = {
 	color: "var(--mzn-color-text-error)",
 	fontSize: "0.72em",
 	lineHeight: 0,
 	marginLeft: 2,
 	verticalAlign: "super"
-}, Gt = {
+}, Yt = {
 	display: "grid",
 	gap: 10,
 	gridColumn: "1 / -1"
-}, Kt = {
+}, Xt = {
 	display: "grid",
 	gap: 2
-}, qt = {
+}, Zt = {
 	display: "grid",
 	gap: 8
-}, Jt = {
+}, Qt = {
 	display: "flex",
 	justifyContent: "flex-start"
-}, Yt = {
+}, $t = {
 	display: "flex",
 	flexWrap: "wrap",
 	gap: 4
-}, Xt = {
+}, en = {
 	backgroundColor: "var(--mzn-color-bg-surface-secondary)",
 	borderRadius: 6,
 	display: "grid",
 	gap: 4,
 	padding: 10
-}, Zt = {
-	...Et,
+}, tn = {
+	...At,
 	gridTemplateColumns: "minmax(280px, 520px)",
 	padding: "4px 0 8px"
-}, Qt = {
+}, nn = {
 	display: "grid",
 	gap: 8,
 	gridColumn: "1 / -1"
-}, $t = {
+}, rn = {
 	alignItems: "center",
 	display: "flex",
 	gap: 12,
 	justifyContent: "space-between"
-}, en = {
+}, an = {
 	alignItems: "baseline",
 	display: "flex",
 	gap: 2
-}, tn = {
+}, on = {
 	display: "grid",
 	gap: 4
 };
-function nn(e) {
+function sn(e) {
 	e && (e.style.width = "100%");
 }
-var rn = {
+var cn = {
 	fields: [],
 	schemaVersion: 1
-}, an = {
+}, ln = {
 	layout: [],
 	schemaVersion: 1
-}, I = "__STATIC_OPTIONS__", on = "__CONSTANT__", sn = "__ROW_FIELD__:", cn = "__UNBOUND__", ln = [{
-	id: I,
+}, un = "__STATIC_OPTIONS__", dn = "__CONSTANT__", fn = "__ROW_FIELD__:", pn = "__UNBOUND__", mn = [{
+	id: un,
 	name: "靜態選項"
-}], un = [{
+}], hn = [{
 	id: "single",
 	name: "單選"
 }, {
 	id: "multiple",
 	name: "複選"
-}], dn = [
+}], gn = [
 	{
 		id: "unset",
 		name: "不預設"
@@ -370,13 +375,13 @@ var rn = {
 		id: "false",
 		name: "否"
 	}
-], fn = [{
+], _n = [{
 	id: "true",
 	name: "是"
 }, {
 	id: "false",
 	name: "否"
-}], pn = [
+}], vn = [
 	{
 		label: "顯示",
 		name: "fieldVisibleWhen",
@@ -396,37 +401,37 @@ 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 R({ onChange: le, value: y }) {
+	let ue = y?.schema ?? cn, de = y?.uiSchema ?? ln, [b, x] = i(ue), [S, C] = i(de), [pe, w] = i(B(ue)), [ge, O] = i(B(de)), [Ye, Xe] = i({}), [Ze, A] = i(null), [M, ot] = i("design"), [N, P] = i(null), [F, st] = i([]), [R, wn] = i(null), [z, kn] = i("loading"), [V, H] = i(null), [Gn, Kn] = i(!1), [U, W] = i(null), [qn, G] = i(null);
 	n(() => {
 		let e = !0;
-		return De().then((t) => {
-			e && (V(t), In(null), Rn("ready"));
+		return Oe().then((t) => {
+			e && (st(t), wn(null), kn("ready"));
 		}).catch((t) => {
-			e && (V([]), In("目前無法載入 DataSource Catalog，請稍後重試。"), Rn("unavailable"));
+			e && (st([]), wn("目前無法載入 DataSource Catalog，請稍後重試。"), kn("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 === N) || P(b.fields[0]?.fieldKey ?? null);
+	}, [b.fields, N]), n(() => {
+		Xe((e) => _e(b.fields, e));
 	}, [b.fields]), n(() => {
-		N !== "advanced" && (w(B(b)), A(B(S)));
+		M !== "advanced" && (w(B(b)), O(B(S)));
 	}, [
-		N,
+		M,
 		b,
 		S
 	]);
-	let K = r(() => b.fields.find((e) => e.fieldKey === L) ?? b.fields[0] ?? null, [b.fields, L]);
+	let K = r(() => b.fields.find((e) => e.fieldKey === N) ?? b.fields[0] ?? null, [b.fields, N]);
 	n(() => {
 		le?.({
 			schema: b,
 			uiSchema: S
 		});
 	}, [b, S]);
-	function Un(e) {
-		let t = b.fields.length + 1, n = ve(e, t);
+	function Jn(e) {
+		let t = b.fields.length + 1, n = ye(e, t);
 		x({
 			...b,
 			fields: [...b.fields, n]
@@ -436,21 +441,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);
+		}), P(n.fieldKey), ot("design"), A(null);
 	}
-	function Wn(e) {
+	function Yn(e) {
 		let t = e;
-		t === "advanced" && N !== "advanced" && (w(B(b)), A(B(S))), mn(t);
+		t === "advanced" && M !== "advanced" && (w(B(b)), O(B(S))), ot(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] : []);
+	function Xn(e) {
+		let t = b.fields.flatMap((t) => j(t) ? t.columns.flatMap((n) => k(n) && He(n).includes(e) ? [`${t.fieldKey}.${n.fieldKey}`] : []) : k(t) && He(t).includes(e) ? [t.fieldKey] : []);
 		t.length > 0 ? W({
 			affectedFieldKeys: t,
 			fieldKey: e,
 			kind: "remove-field"
-		}) : Kn(e);
+		}) : Zn(e);
 	}
-	function Kn(e) {
+	function Zn(e) {
 		let t = b.fields.filter((t) => t.fieldKey !== e);
 		x({
 			...b,
@@ -458,17 +463,17 @@ 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);
+		}), P(N === e ? t[0]?.fieldKey ?? null : N), A(null), H(null);
 	}
-	function qn(e) {
+	function Qn(e) {
 		let t = e.destination;
 		t && e.source.index !== t.index && (x((n) => ({
 			...n,
-			fields: Pn(n.fields, e.source.index, t.index)
+			fields: Wn(n.fields, e.source.index, t.index)
 		})), C((n) => ({
 			...n,
-			layout: Pn(n.layout, e.source.index, t.index)
-		})), M(null));
+			layout: Wn(n.layout, e.source.index, t.index)
+		})), A(null));
 	}
 	function q(e) {
 		J((t) => ({
@@ -481,23 +486,23 @@ function mn({ onChange: le, value: y }) {
 		let t = K.fieldKey, n = e(K), r = n.fieldKey, i = {
 			...b,
 			fields: b.fields.map((e) => e.fieldKey === t ? n : e)
-		}, a = t === r ? i : We(i, t, r);
+		}, a = t === r ? i : Ge(i, t, r);
 		x(a), C({
 			...S,
 			layout: S.layout.map((e) => e.fieldKey === t ? {
 				...e,
 				fieldKey: r
 			} : e)
-		}), R(r), M(null), H(null);
+		}), P(r), A(null), H(null);
 	}
-	function Jn(e) {
+	function $n(e) {
 		J(() => e);
 	}
 	function Y(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 && j(n) ? t(n) : n)
+		})), A(null), H(null);
 	}
 	function X(e, t, n) {
 		let r = e.columns[t]?.fieldKey;
@@ -506,30 +511,30 @@ function mn({ onChange: le, value: y }) {
 				...e,
 				columns: e.columns.map((e, r) => r === t ? n : e)
 			};
-			return typeof r == "string" && r !== n.fieldKey ? Ge(i, r, n.fieldKey) : i;
+			return typeof r == "string" && r !== n.fieldKey ? Ke(i, r, n.fieldKey) : i;
 		});
 	}
-	function Yn(e) {
-		let t = ye(e.columns, "text");
+	function er(e) {
+		let t = be(e.columns, "text");
 		Y(e.fieldKey, (e) => ({
 			...e,
 			columns: [...e.columns, t]
 		})), G(e.columns.length);
 	}
-	function Xn(e, t) {
+	function tr(e, t) {
 		Y(e, (e) => ({
 			...e,
 			columns: e.columns.filter((e, n) => n !== t)
 		})), G((e) => e === null || e < t ? e : e === t ? null : e - 1);
 	}
-	function Zn(e, t, n) {
+	function nr(e, t, n) {
 		Y(e.fieldKey, (e) => ({
 			...e,
-			columns: Pn(e.columns, t, n)
+			columns: Wn(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);
 	}
-	function Qn(e, t, n) {
-		if (e.type !== "select" && e.type !== "autocomplete" || Qe(e) === t) return;
+	function rr(e, t, n) {
+		if (e.type !== "select" && e.type !== "autocomplete" || nt(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,7 +542,7 @@ function mn({ onChange: le, value: y }) {
 			mode: t
 		}, "選擇模式變更可能轉換或捨棄既有預設值。");
 	}
-	function $n(e, t, n = "此變更會替換目前選項來源；既有 options、dynamic reference 或 bindings 可能失效。") {
+	function ir(e, t, n = "此變更會替換目前選項來源；既有 options、dynamic reference 或 bindings 可能失效。") {
 		JSON.stringify(e) !== JSON.stringify(t) && W({
 			fieldKey: e.fieldKey,
 			impact: n,
@@ -545,10 +550,10 @@ function mn({ onChange: le, value: y }) {
 			nextField: t
 		});
 	}
-	function er(e, t, n) {
+	function ar(e, t, n) {
 		if (!t) return;
-		if (t === I) {
-			if (!O(e)) return;
+		if (t === un) {
+			if (!k(e)) return;
 			let { dataSource: t, defaultValue: r, ...i } = e;
 			n({
 				...i,
@@ -556,9 +561,9 @@ function mn({ onChange: le, value: y }) {
 			});
 			return;
 		}
-		let r = z.find((e) => gn(e) === t);
+		let r = F.find((e) => bn(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 +585,84 @@ function mn({ onChange: le, value: y }) {
 			}
 		});
 	}
-	function tr() {
-		U && (nr(U), W(null));
+	function or() {
+		U && (sr(U), W(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 sr(e) {
+		e.kind === "remove-field" ? Zn(e.fieldKey) : e.kind === "remove-column" ? tr(e.fieldKey, e.columnIndex) : e.kind === "replace-column" ? (Y(e.fieldKey, (t) => ({
 			...t,
 			columns: t.columns.map((t) => t.fieldKey === e.columnKey ? e.nextColumn : t)
 		})), G(e.columnIndex)) : (x({
 			...b,
 			fields: b.fields.map((t) => t.fieldKey === e.fieldKey ? e.nextField : t)
-		}), M(null), H(null));
+		}), A(null), H(null));
 	}
-	async function rr() {
-		Vn(!0);
+	async function cr() {
+		Kn(!0);
 		try {
-			let e = await Ee(b, S);
-			H(e.errors.map(ir));
+			let e = await De(b, S);
+			H(e.errors.map(lr));
 		} catch {
 			H(["目前無法完成 DataSource schema 驗證。"]);
 		} finally {
-			Vn(!1);
+			Kn(!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 lr(e) {
+		let t = ht.exec(e);
+		if (t?.[1] && t[3]) return `${ur(t[1], t[2])}尚未指定必要參數「${dr(t[1], t[2], t[3])}」的來源`;
+		let n = gt.exec(e);
+		return n?.[1] && n[3] ? `${ur(n[1], n[2])}綁定了來源沒有的參數「${n[3]}」` : Ue(e);
 	}
-	function ar(e, t) {
+	function ur(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 = fr(n, t);
 		return i ? `「${r}」表格的「${i.label || i.fieldKey}」欄` : `「${r}」欄位`;
 	}
-	function or(e, t, n) {
+	function dr(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 = fr(r, t) ?? r, a = k(i) ? i.dataSource : null;
+		return (a ? F.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 fr(e, t) {
+		return typeof t == "string" && j(e) ? e.columns[Number(t)] : void 0;
 	}
-	function cr(e) {
-		j(e);
+	function pr(e) {
+		Xe(e);
 	}
-	function lr(e, t) {
+	function mr(e, t) {
 		x((n) => ({
 			...n,
 			fields: n.fields.map((n) => n.fieldKey === e ? {
 				...n,
 				required: t
 			} : n)
-		})), M(null);
+		})), A(null);
 	}
-	function ur(e) {
+	function hr(e) {
 		w(e);
 		try {
-			x(JSON.parse(e)), M(null);
+			x(JSON.parse(e)), A(null);
 		} catch {
-			M("Form Schema JSON 格式不正確");
+			A("Form Schema JSON 格式不正確");
 		}
 	}
-	function dr(e) {
-		A(e);
+	function gr(e) {
+		O(e);
 		try {
-			C(JSON.parse(e)), M(null);
+			C(JSON.parse(e)), A(null);
 		} catch {
-			M("UI Schema JSON 格式不正確");
+			A("UI Schema JSON 格式不正確");
 		}
 	}
 	return /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(g, { children: /* @__PURE__ */ _(ne, { children: /* @__PURE__ */ _(te, { children: /* @__PURE__ */ v("div", {
-		style: Vt,
+		style: Gt,
 		children: [
 			/* @__PURE__ */ v(re, {
-				activeKey: N,
-				onChange: Wn,
+				activeKey: M,
+				onChange: Yn,
 				size: "sub",
 				children: [
 					/* @__PURE__ */ _(ie, { children: "設計" }, "design"),
@@ -665,9 +670,9 @@ function mn({ onChange: le, value: y }) {
 					/* @__PURE__ */ _(ie, { children: "進階" }, "advanced")
 				]
 			}),
-			N === "design" ? fr() : null,
-			N === "preview" ? Qr() : null,
-			N === "advanced" ? $r() : null
+			M === "design" ? _r() : null,
+			M === "preview" ? ri() : null,
+			M === "advanced" ? ii() : null
 		]
 	}) }) }) }), U ? /* @__PURE__ */ _(ee, {
 		cancelText: "返回",
@@ -675,13 +680,13 @@ function mn({ onChange: le, value: y }) {
 		modalType: "standard",
 		onCancel: () => W(null),
 		onClose: () => W(null),
-		onConfirm: tr,
+		onConfirm: or,
 		open: !0,
 		showModalFooter: !0,
 		showModalHeader: !0,
-		title: Sn(U),
+		title: Dn(U),
 		children: U.kind === "remove-field" ? /* @__PURE__ */ v("div", {
-			style: Ht,
+			style: Kt,
 			children: [/* @__PURE__ */ _(h, {
 				variant: "body",
 				children: "此欄位仍被下列 DataSource binding 使用；移除後請重新設定這些欄位。"
@@ -702,58 +707,58 @@ function mn({ onChange: le, value: y }) {
 			children: U.impact
 		})
 	}) : null] });
-	function fr() {
+	function _r() {
 		return /* @__PURE__ */ v("div", {
-			style: F,
+			style: L,
 			children: [/* @__PURE__ */ v("div", {
-				style: ht,
+				style: yt,
 				children: [/* @__PURE__ */ _(h, {
 					component: "h2",
 					variant: "label-primary",
 					children: "新增欄位"
 				}), /* @__PURE__ */ _("div", {
-					style: pt,
-					children: at.map((e) => /* @__PURE__ */ _(c, {
+					style: _t,
+					children: lt.map((e) => /* @__PURE__ */ _(c, {
 						icon: e.icon,
 						iconType: "leading",
-						onClick: () => Un(e.type),
+						onClick: () => Jn(e.type),
 						size: "sub",
-						style: mt,
+						style: vt,
 						type: "button",
 						variant: "base-secondary",
 						children: e.label
 					}, e.type))
 				})]
 			}), /* @__PURE__ */ v("div", {
-				style: ot,
+				style: ut,
 				children: [/* @__PURE__ */ v("div", {
 					style: {
-						...F,
-						...st
+						...L,
+						...dt
 					},
 					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__ */ _(rt, {
+						onDragEnd: Qn,
+						children: /* @__PURE__ */ _(at, {
 							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: L,
+								children: [b.fields.map((e, t) => /* @__PURE__ */ _(it, {
 									draggableId: e.fieldKey,
 									index: t,
-									children: (t, n) => Xr(e, t, n.isDragging)
+									children: (t, n) => ti(e, t, n.isDragging)
 								}, e.fieldKey)), e.placeholder]
 							})
 						})
 					}) : /* @__PURE__ */ v("div", {
-						style: Ct,
+						style: Dt,
 						children: [/* @__PURE__ */ v("div", {
-							style: F,
+							style: L,
 							children: [/* @__PURE__ */ _(h, {
 								component: "h3",
 								variant: "h3",
@@ -764,13 +769,13 @@ function mn({ onChange: le, value: y }) {
 								children: "從上方新增第一個欄位，或直接建立常用文字欄位開始設計。"
 							})]
 						}), /* @__PURE__ */ v("div", {
-							style: wt,
+							style: Ot,
 							children: [/* @__PURE__ */ _(c, {
-								onClick: () => Un("text"),
+								onClick: () => Jn("text"),
 								variant: "base-primary",
 								children: "新增文字欄位"
 							}), /* @__PURE__ */ _(c, {
-								onClick: () => Un("textarea"),
+								onClick: () => Jn("textarea"),
 								variant: "base-secondary",
 								children: "新增長文字"
 							})]
@@ -778,14 +783,14 @@ function mn({ onChange: le, value: y }) {
 					})]
 				}), /* @__PURE__ */ v("div", {
 					style: {
-						...F,
-						...ct
+						...L,
+						...ft
 					},
 					children: [/* @__PURE__ */ _(h, {
 						component: "h2",
 						variant: "label-primary",
 						children: "欄位設定"
-					}), K ? pr(K) : /* @__PURE__ */ _(h, {
+					}), K ? vr(K) : /* @__PURE__ */ _(h, {
 						color: "text-neutral",
 						variant: "body",
 						children: "請先新增或選取欄位。"
@@ -794,25 +799,25 @@ function mn({ onChange: le, value: y }) {
 			})]
 		});
 	}
-	function pr(e) {
+	function vr(e) {
 		return /* @__PURE__ */ v("div", {
-			style: Tt,
+			style: kt,
 			children: [
-				mr(e),
-				k(e) ? vr(e) : null,
-				hr(e)
+				yr(e),
+				j(e) ? Cr(e) : null,
+				br(e)
 			]
 		});
 	}
-	function mr(e) {
+	function yr(e) {
 		return /* @__PURE__ */ v("div", {
-			style: Et,
+			style: At,
 			children: [
 				/* @__PURE__ */ _("div", {
-					style: Ot,
+					style: Mt,
 					children: /* @__PURE__ */ _(o, {
 						size: "main",
-						text: hn(e.type),
+						text: yn(e.type),
 						variant: "text-info"
 					})
 				}),
@@ -828,19 +833,19 @@ function mn({ onChange: le, value: y }) {
 					value: e.fieldKey,
 					variant: "base"
 				})),
-				k(e) ? null : $("提示文字", "fieldPlaceholder", /* @__PURE__ */ _(f, {
+				j(e) ? null : $("提示文字", "fieldPlaceholder", /* @__PURE__ */ _(f, {
 					onChange: (e) => q({ placeholder: e.target.value || void 0 }),
 					placeholder: "例如：請輸入申請金額",
 					value: e.placeholder ?? "",
 					variant: "base"
 				})),
-				gr(e, Jn, $n),
-				On(e) ? $("以連結顯示", "fieldDisplayAsLink", /* @__PURE__ */ _(m, {
+				xr(e, $n, ir),
+				Rn(e) ? $("以連結顯示", "fieldDisplayAsLink", /* @__PURE__ */ _(m, {
 					checked: e.displayAs === "link",
-					onChange: (e) => J((t) => e.target.checked ? On(t) ? {
+					onChange: (e) => J((t) => e.target.checked ? Rn(t) ? {
 						...t,
 						displayAs: "link"
-					} : t : Tn(t, "displayAs"))
+					} : t : Fn(t, "displayAs"))
 				})) : null,
 				$("只存不顯示（系統整合用）", "fieldHidden", /* @__PURE__ */ _(m, {
 					checked: e.hidden === !0,
@@ -848,47 +853,47 @@ function mn({ onChange: le, value: y }) {
 						...t,
 						hidden: !0,
 						required: !1
-					} : Tn(t, "hidden"))
+					} : Fn(t, "hidden"))
 				})),
 				e.hidden === !0 ? /* @__PURE__ */ _(h, {
 					color: "text-neutral",
-					style: kt,
+					style: Nt,
 					variant: "body",
 					children: "填寫、唯讀與重送畫面都不會顯示這個欄位，值仍會存下來； 透過 API 仍然讀得到這個值，不是權限控管。"
 				}) : null
 			]
 		});
 	}
-	function hr(e) {
+	function br(e) {
 		return /* @__PURE__ */ _(a, {
-			defaultExpanded: En(e),
+			defaultExpanded: In(e),
 			size: "sub",
 			title: "進階設定",
 			children: /* @__PURE__ */ v("div", {
-				style: Et,
+				style: At,
 				children: [
 					/* @__PURE__ */ _(h, {
 						component: "h3",
-						style: Dt,
+						style: jt,
 						variant: "label-primary",
 						children: "條件規則"
 					}),
 					/* @__PURE__ */ _(h, {
 						color: "text-neutral",
-						style: kt,
+						style: Nt,
 						variant: "body",
 						children: "只有需要根據其他欄位改變顯示、必填或唯讀狀態時才需要設定。"
 					}),
-					Wr(e)
+					Yr(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 xr(e, t, n, r) {
+		return Rn(e) ? kr(e, t) : Te(e) ? Ar(e, t) : Ce(e) ? jr(e, t) : Qe(e) ? Mr(e, t, n, r) : e.type === "boolean" ? Kr(e, t) : e.type === "file_upload" ? Jr(e, t) : $e(e) ? qr(e, t) : j(e) ? Sr(e) : null;
 	}
-	function _r(e) {
-		let t = Ue(e);
+	function Sr(e) {
+		let t = We(e);
 		return /* @__PURE__ */ v(g, { children: [
 			$("最少列數", "fieldMinRows", Q(e.minRows, (t) => Y(e.fieldKey, (e) => ({
 				...e,
@@ -900,8 +905,8 @@ function mn({ onChange: le, value: y }) {
 			$("最多列數", "fieldMaxRows", Q(e.maxRows, (t) => Y(e.fieldKey, (e) => ({
 				...e,
 				maxRows: t
-			})), `未設定即為 ${qe}`, {
-				max: qe,
+			})), `未設定即為 ${Je}`, {
+				max: Je,
 				min: Math.max(t.minRows, 1)
 			})),
 			$("新增列按鈕文字", "fieldAddRowLabel", /* @__PURE__ */ _(f, {
@@ -915,11 +920,11 @@ function mn({ onChange: le, value: y }) {
 			}))
 		] });
 	}
-	function vr(e) {
+	function Cr(e) {
 		return /* @__PURE__ */ v("div", {
-			style: Qt,
+			style: nn,
 			children: [/* @__PURE__ */ v("div", {
-				style: $t,
+				style: rn,
 				children: [/* @__PURE__ */ v(h, {
 					component: "h3",
 					variant: "label-primary",
@@ -931,16 +936,16 @@ function mn({ onChange: le, value: y }) {
 				}), /* @__PURE__ */ _(c, {
 					icon: me,
 					iconType: "leading",
-					onClick: () => Yn(e),
+					onClick: () => er(e),
 					size: "sub",
 					type: "button",
 					variant: "base-secondary",
 					children: "新增欄"
 				})]
-			}), yr(e)]
+			}), wr(e)]
 		});
 	}
-	function yr(e) {
+	function wr(e) {
 		let t = e.columns.map((t, n) => ({
 			fieldKey: t.fieldKey,
 			index: n,
@@ -953,7 +958,7 @@ function mn({ onChange: le, value: y }) {
 				render: (t) => /* @__PURE__ */ _(f, {
 					fullWidth: !0,
 					onChange: (n) => X(e, t.index, {
-						...Cr(e, t.index),
+						...Or(e, t.index),
 						label: n.target.value
 					}),
 					placeholder: "例如：數量",
@@ -968,21 +973,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: pt,
+					onChange: (n) => Er(e, t.index, n?.id),
+					options: [...I],
 					size: "sub",
-					value: D(P, t.type)
+					value: D(I, t.type)
 				}),
 				title: "型別"
 			},
 			{
 				key: "required",
 				render: (t) => /* @__PURE__ */ _(m, {
-					checked: Cr(e, t.index).required === !0,
+					checked: Or(e, t.index).required === !0,
 					inputProps: { "aria-label": `${t.label || t.fieldKey} 必填` },
 					onChange: (n) => X(e, t.index, {
-						...Cr(e, t.index),
+						...Or(e, t.index),
 						required: n.target.checked
 					}),
 					size: "sub"
@@ -1004,18 +1009,18 @@ function mn({ onChange: le, value: y }) {
 				variant: "destructive-ghost"
 			}],
 			width: 104
-		}, i = Hn === null ? void 0 : t[Hn]?.key;
+		}, i = qn === null ? void 0 : t[qn]?.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) => nr(e, n.fromIndex, n.toIndex)
 			},
 			expandable: {
 				expandedRowKeys: i ? [i] : [],
-				expandedRowRender: (t) => br(e, t.index),
+				expandedRowRender: (t) => Tr(e, t.index),
 				onExpand: (e, t) => G(e ? t.index : null)
 			},
 			fullWidth: !0,
@@ -1024,10 +1029,10 @@ function mn({ onChange: le, value: y }) {
 			size: "sub"
 		});
 	}
-	function br(e, t) {
+	function Tr(e, t) {
 		let n = e.columns[t];
 		return n ? /* @__PURE__ */ v("div", {
-			style: Zt,
+			style: tn,
 			children: [
 				$("欄位 Key", "columnFieldKey", /* @__PURE__ */ _(f, {
 					onChange: (r) => X(e, t, {
@@ -1047,38 +1052,38 @@ function mn({ onChange: le, value: y }) {
 					value: n.placeholder ?? "",
 					variant: "base"
 				})),
-				gr(n, (n) => {
-					Ze(n.type) && X(e, t, n);
+				xr(n, (n) => {
+					tt(n.type) && X(e, t, n);
 				}, (n, r) => {
-					Ze(r.type) && X(e, t, r);
+					tt(r.type) && X(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 Er(e, t, n) {
+		let r = e.columns[t], i = I.find((e) => e.id === n)?.id;
 		if (!r || !i || r.type === i) return;
-		let a = wn(r, i), o = Cn(r);
+		let a = Pn(r, i), o = On(r);
 		o.length === 0 ? (X(e, t, a), G(t)) : W({
 			columnIndex: t,
 			columnKey: r.fieldKey,
 			fieldKey: e.fieldKey,
-			impact: `「${r.label || r.fieldKey}」改為${Sr(i)}後，這一欄的${o.join("、")}會被捨棄。`,
+			impact: `「${r.label || r.fieldKey}」改為${Dr(i)}後，這一欄的${o.join("、")}會被捨棄。`,
 			kind: "replace-column",
 			nextColumn: a
 		});
 	}
-	function Sr(e) {
-		return P.find((t) => t.id === e)?.name ?? e;
+	function Dr(e) {
+		return I.find((t) => t.id === e)?.name ?? e;
 	}
-	function Cr(e, t) {
+	function Or(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 kr(e, t) {
 		return /* @__PURE__ */ v(g, { children: [
-			$("預設值", "fieldDefaultValue", e.type === "textarea" ? qr({
+			$("預設值", "fieldDefaultValue", e.type === "textarea" ? Qr({
 				name: "fieldDefaultValue",
 				onChange: (n) => t({
 					...e,
@@ -1086,14 +1091,14 @@ function mn({ onChange: le, value: y }) {
 				}),
 				placeholder: "輸入此欄位的預設文字",
 				rows: 3,
-				value: kn(e.defaultValue)
+				value: zn(e.defaultValue)
 			}) : /* @__PURE__ */ _(f, {
 				onChange: (n) => t({
 					...e,
 					defaultValue: n.target.value || void 0
 				}),
 				placeholder: "輸入此欄位的預設文字",
-				value: kn(e.defaultValue),
+				value: zn(e.defaultValue),
 				variant: "base"
 			})),
 			$("最小長度", "fieldMinLength", Q(e.minLength, (n) => t({
@@ -1103,10 +1108,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(An(e, n.target.value)),
+				placeholder: "例如：[0-9]{8}",
+				value: e.pattern ?? "",
+				variant: "base"
+			}), !1, Mn(e.pattern)),
+			e.pattern ? $("格式錯誤訊息", "fieldPatternErrorMessage", /* @__PURE__ */ _(f, {
+				onChange: (n) => t(jn(e, n.target.value)),
+				placeholder: "例如：統一編號為 8 位數字。",
+				value: e.patternErrorMessage ?? "",
+				variant: "base"
+			}), !1, Nn(e.patternErrorMessage)) : null
 		] });
 	}
-	function Tr(e, t) {
+	function Ar(e, t) {
 		return /* @__PURE__ */ v(g, { children: [
 			$("預設值", "fieldDefaultValue", Q(typeof e.defaultValue == "number" ? e.defaultValue : void 0, (n) => t({
 				...e,
@@ -1125,32 +1142,32 @@ function mn({ onChange: le, value: y }) {
 			}), "例如：999999"))
 		] });
 	}
-	function Er(e, t) {
-		return $("預設值", "fieldDefaultValue", Jr(e, kn(e.defaultValue), (n) => t({
+	function jr(e, t) {
+		return $("預設值", "fieldDefaultValue", $r(e, zn(e.defaultValue), (n) => t({
 			...e,
 			defaultValue: n
 		})));
 	}
-	function Dr(e, t, n, r) {
-		let i = je(e.type, z), a = {
+	function Mr(e, t, n, r) {
+		let i = Me(e.type, F), 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) ? bn(e.dataSource) : un, s = k(e) ? F.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 = [
+			...mn,
+			...i.map(Sn),
+			...k(e) && !c ? [{
 				id: o,
 				name: `${e.dataSource.key} v${e.dataSource.version}（目前不可用或不支援）`
 			}] : []
-		], u = Qe(e);
+		], u = nt(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") && rr(e, t.id, n);
 				},
-				options: [...un],
-				value: D(un, u)
+				options: [...hn],
+				value: D(hn, u)
 			})) : $("選擇模式", "fieldSelectionMode", /* @__PURE__ */ _(h, {
 				color: "text-neutral",
 				variant: "body",
@@ -1158,29 +1175,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: z === "loading" && !k(e),
+				onChange: (n) => ar(e, n?.id, t),
 				options: l,
 				placeholder: "選擇選項來源",
 				value: D(l, o)
 			})),
-			O(e) ? Or(e, i, a) : Br(e, t)
+			k(e) ? Nr(e, i, a) : Gr(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 Nr(e, t, n) {
+		let r = F.find((t) => t.key === e.dataSource.key && t.version === e.dataSource.version), i = r && !we(r, e.type);
 		return /* @__PURE__ */ v("div", {
-			style: Gt,
+			style: Yt,
 			children: [
-				Ln === "loading" ? /* @__PURE__ */ _(h, {
+				z === "loading" ? /* @__PURE__ */ _(h, {
 					color: "text-neutral",
 					variant: "body",
 					children: "正在載入可用的選項來源…"
 				}) : null,
-				Fn ? /* @__PURE__ */ _(h, {
+				R ? /* @__PURE__ */ _(h, {
 					color: "text-error",
 					variant: "body",
-					children: Fn
+					children: R
 				}) : null,
 				r ? null : /* @__PURE__ */ _(h, {
 					color: "text-warning",
@@ -1192,28 +1209,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 ? Pr(r) : null,
+				r && r.parameters.length > 0 ? Fr(e, r, n) : null,
+				t.length === 0 && !R ? /* @__PURE__ */ _(h, {
 					color: "text-warning",
 					variant: "body",
 					children: "沒有支援目前控制項的已註冊來源。"
 				}) : null,
 				/* @__PURE__ */ _("div", {
-					style: Jt,
+					style: Qt,
 					children: /* @__PURE__ */ _(c, {
-						disabled: Bn,
-						loading: Bn,
-						onClick: () => void rr(),
+						disabled: Gn,
+						loading: Gn,
+						onClick: () => void cr(),
 						size: "sub",
 						type: "button",
 						variant: "base-secondary",
 						children: "檢查全部動態選項設定"
 					})
 				}),
-				zn ? /* @__PURE__ */ _("div", {
-					style: Kt,
-					children: zn.length > 0 ? zn.map((e) => /* @__PURE__ */ _(h, {
+				V ? /* @__PURE__ */ _("div", {
+					style: Xt,
+					children: V.length > 0 ? V.map((e) => /* @__PURE__ */ _(h, {
 						color: "text-error",
 						variant: "caption",
 						children: e
@@ -1226,17 +1243,17 @@ function mn({ onChange: le, value: y }) {
 			]
 		});
 	}
-	function kr(e) {
+	function Pr(e) {
 		return /* @__PURE__ */ v("div", {
-			style: Xt,
+			style: en,
 			children: [
 				e.description ? /* @__PURE__ */ _(h, {
 					variant: "body",
 					children: e.description
 				}) : null,
 				/* @__PURE__ */ _("div", {
-					style: Yt,
-					children: _n(e).map((e) => /* @__PURE__ */ _(oe, {
+					style: $t,
+					children: xn(e).map((e) => /* @__PURE__ */ _(oe, {
 						label: e,
 						readOnly: !0,
 						size: "minor"
@@ -1255,14 +1272,14 @@ function mn({ onChange: le, value: y }) {
 			]
 		});
 	}
-	function Ar(e, t, n) {
+	function Fr(e, t, n) {
 		let r = t.parameters.map((e, t) => ({
 			key: e.key,
 			index: t,
 			parameter: e
 		}));
 		return /* @__PURE__ */ v("div", {
-			style: qt,
+			style: Zt,
 			children: [/* @__PURE__ */ _(h, {
 				color: "text-neutral",
 				variant: "label-secondary",
@@ -1272,7 +1289,7 @@ function mn({ onChange: le, value: y }) {
 					{
 						key: "parameter",
 						render: (e) => /* @__PURE__ */ v("div", {
-							style: en,
+							style: an,
 							children: [/* @__PURE__ */ _(h, {
 								variant: "input",
 								children: e.parameter.label ?? e.parameter.key
@@ -1288,13 +1305,13 @@ function mn({ onChange: le, value: y }) {
 					{
 						key: "binding",
 						width: 268,
-						render: (t) => Mr(e, t.parameter, n),
+						render: (t) => Lr(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) => Ve(E(e, t.parameter.key)) === "CONSTANT" ? Vr(e, t.parameter.key, t.parameter.type, E(e, t.parameter.key), n) : /* @__PURE__ */ _(h, {
 							color: "text-neutral",
 							variant: "caption",
 							children: "—"
@@ -1306,7 +1323,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: zr(E(e, t.parameter.key), t.parameter, n, Ir(e, t.parameter, n))
 						}),
 						title: "填寫時的行為"
 					}
@@ -1318,28 +1335,28 @@ function mn({ onChange: le, value: y }) {
 			})]
 		});
 	}
-	function jr(e, t, n) {
-		return Ae(t.type, b.fields, e.fieldKey).length + (n.rowColumns ? Me(t.type, n.rowColumns, e.fieldKey).length : 0);
+	function Ir(e, t, n) {
+		return je(t.type, b.fields, e.fieldKey).length + (n.rowColumns ? Ne(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 Lr(e, t, n) {
+		let r = Cn(E(e, t.key)), i = n.rowColumns ? Ne(t.type, n.rowColumns, e.fieldKey).map((e) => ({
+			id: `${fn}${e.id}`,
 			name: `同列：${e.name}`
 		})) : [], a = [
 			...t.required ? [] : [{
-				id: cn,
+				id: pn,
 				name: "未綁定"
 			}],
 			...i,
-			...Ae(t.type, b.fields, e.fieldKey),
+			...je(t.type, b.fields, e.fieldKey),
 			...t.type === "STRING_ARRAY" ? [] : [{
-				id: on,
+				id: dn,
 				name: "固定常數"
 			}]
 		];
 		return /* @__PURE__ */ _("div", {
 			"data-data-source-parameter": t.key,
-			style: tn,
+			style: on,
 			children: /* @__PURE__ */ _(p, {
 				clearable: !1,
 				fullWidth: !0,
@@ -1347,7 +1364,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) => Ur(e, t.key, t.type, r?.id, n),
 				options: a,
 				placeholder: "選擇欄位或常數",
 				size: "sub",
@@ -1355,14 +1372,14 @@ function mn({ onChange: le, value: y }) {
 			})
 		});
 	}
-	function Nr(e) {
-		return ut[e];
+	function Rr(e) {
+		return mt[e];
 	}
-	function Pr(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)}欄位，請改用固定值` : "未設定，不做這層篩選";
+	function zr(e, t, n, r) {
+		let i = Ve(e);
+		return i === "CONSTANT" ? "固定值，不隨填寫變動" : i === "FIELD" ? `隨欄位「${Br(e, n)}」變動` : i === "ROW_FIELD" ? `隨同列「${Br(e, n)}」變動` : t.required ? r > 0 ? "尚未設定，選項無法載入" : `沒有相容的${Rr(t.type)}欄位，請改用固定值` : "未設定，不做這層篩選";
 	}
-	function Fr(e, t) {
+	function Br(e, t) {
 		let n = e?.from;
 		if (n?.kind === "FIELD") {
 			let e = b.fields.find((e) => e.fieldKey === n.fieldKey);
@@ -1374,14 +1391,14 @@ function mn({ onChange: le, value: y }) {
 		}
 		return "";
 	}
-	function Ir(e, t, n, r, i) {
+	function Vr(e, t, n, r, i) {
 		return /* @__PURE__ */ _("div", {
 			"data-data-source-constant": t,
-			children: Lr(e, t, n, r, i)
+			children: Hr(e, t, n, r, i)
 		});
 	}
-	function Lr(e, t, n, r, i) {
-		let a = ze(e, t);
+	function Hr(e, t, n, r, i) {
+		let a = Be(e, t);
 		if (n === "BOOLEAN") {
 			let n = [{
 				id: "true",
@@ -1393,7 +1410,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) => Wr(e, t, n?.id === "true", i),
 				options: n,
 				size: "sub",
 				value: D(n, a === !0 ? "true" : "false")
@@ -1404,17 +1421,17 @@ 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) => Wr(e, t, n === "NUMBER" ? Ae(r.target.value) ?? 0 : r.target.value, i),
 			placeholder: n === "NUMBER" ? "輸入數字" : "輸入固定值",
-			value: bn(r, n),
+			value: Tn(r, n),
 			variant: "base"
 		});
 	}
-	function Rr(e, t, n, r, i) {
-		i.commit(Ke(e, t, xn(t, n, r)));
+	function Ur(e, t, n, r, i) {
+		i.commit(qe(e, t, En(t, n, r)));
 	}
-	function zr(e, t, n, r) {
-		r.commit(Ke(e, t, {
+	function Wr(e, t, n, r) {
+		r.commit(qe(e, t, {
 			from: {
 				kind: "CONSTANT",
 				value: n
@@ -1422,8 +1439,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 Gr(e, t) {
+		let n = nt(e), r = Array.isArray(e.defaultValue) ? e.defaultValue : [], i = e.options.map(ze), a = i.filter((e) => r.includes(e.id));
 		return /* @__PURE__ */ v(g, { children: [$("預設值", "fieldDefaultValue", n === "multiple" ? /* @__PURE__ */ _(p, {
 			clearable: !0,
 			mode: "multiple",
@@ -1443,9 +1460,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", ei(e, t), !0)] });
 	}
-	function Vr(e, t) {
+	function Kr(e, t) {
 		let n = typeof e.defaultValue == "boolean" ? String(e.defaultValue) : "unset";
 		return $("預設值", "fieldDefaultValue", /* @__PURE__ */ _(p, {
 			clearable: !1,
@@ -1453,12 +1470,12 @@ function mn({ onChange: le, value: y }) {
 				...e,
 				defaultValue: n?.id === "true" || n?.id !== "false" && void 0
 			}),
-			options: [...dn],
+			options: [...gn],
 			placeholder: "選擇預設狀態",
-			value: D(dn, n)
+			value: D(gn, n)
 		}));
 	}
-	function Hr(e, t) {
+	function qr(e, t) {
 		return $("可複選", "fieldMemberMultiple", /* @__PURE__ */ _(m, {
 			checked: e.multiple === !0,
 			label: e.multiple === !0 ? "可選多位" : "只能選一位",
@@ -1470,38 +1487,38 @@ function mn({ onChange: le, value: y }) {
 			size: "sub"
 		}));
 	}
-	function Ur(e, t) {
+	function Jr(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", Qr({
 			name: "fieldAcceptedMimeTypes",
 			onChange: (n) => t({
 				...e,
-				acceptedMimeTypes: An(n)
+				acceptedMimeTypes: Bn(n)
 			}),
 			placeholder: "每行一個 MIME type，例如：application/pdf",
 			rows: 3,
-			value: jn(e.acceptedMimeTypes)
+			value: Vn(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 Yr(e) {
+		let t = b.fields.filter((t) => t.fieldKey !== e.fieldKey && !$e(t) && !et(t));
+		return t.length ? /* @__PURE__ */ _(g, { children: vn.map((n) => Xr(e, n, t)) }) : /* @__PURE__ */ _(h, {
 			color: "text-neutral",
-			style: kt,
+			style: Nt,
 			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 Xr(e, t, n) {
+		let r = e[t.target], i = r ? ke(r) : null, a = n.find((e) => e.fieldKey === i?.fieldKey), o = a ?? n[0], s = n.map(Ln), c = Fe(o), l = i && c.some((e) => e.id === i.operator) ? i.operator : Le(o), u = i?.value ?? Re(o), d = !!r, f = d && (!i || !a);
 		return $(t.label, t.name, /* @__PURE__ */ v("div", {
-			style: Rt,
+			style: Ht,
 			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) => Z(t.target, e.target.checked ? T(o, Le(o), Re(o)) : void 0),
 				size: "sub",
 				supportingText: t.supportingText
 			}), d ? f ? /* @__PURE__ */ _(h, {
@@ -1509,13 +1526,13 @@ function mn({ onChange: le, value: y }) {
 				variant: "body",
 				children: "這個規則不是目前 UI 支援的格式。重新選擇條件後會取代既有規則。"
 			}) : /* @__PURE__ */ v("div", {
-				style: zt,
+				style: Ut,
 				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)));
+							Z(t.target, T(r, Le(r), Re(r)));
 						},
 						options: s,
 						placeholder: "選擇欄位",
@@ -1523,12 +1540,12 @@ function mn({ onChange: le, value: y }) {
 					}),
 					/* @__PURE__ */ _(p, {
 						clearable: !1,
-						onChange: (e) => Z(t.target, T(o, Ne(e?.id) ?? l, u)),
+						onChange: (e) => Z(t.target, T(o, Pe(e?.id) ?? l, u)),
 						options: [...c],
 						placeholder: "判斷方式",
 						value: D(c, l)
 					}),
-					Kr(o, u, (e) => Z(t.target, T(o, l, e)))
+					Zr(o, u, (e) => Z(t.target, T(o, l, e)))
 				]
 			}) : null]
 		}), !0);
@@ -1536,16 +1553,16 @@ function mn({ onChange: le, value: y }) {
 	function Z(e, t) {
 		q({ [e]: t });
 	}
-	function Kr(e, t, n) {
+	function Zr(e, t, n) {
 		if (e.type === "boolean") return /* @__PURE__ */ _(p, {
 			clearable: !1,
 			onChange: (e) => n(e?.id ?? "true"),
-			options: [...fn],
+			options: [..._n],
 			placeholder: "比較值",
-			value: D(fn, t === "false" ? "false" : "true")
+			value: D(_n, t === "false" ? "false" : "true")
 		});
-		if (Te(e)) {
-			let r = e.options.map(Re);
+		if (Ee(e)) {
+			let r = e.options.map(ze);
 			return /* @__PURE__ */ _(p, {
 				clearable: !1,
 				onChange: (e) => n(e?.id ?? r[0]?.id ?? ""),
@@ -1554,22 +1571,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 Te(e) ? Q(Ae(t), (e) => n(String(e ?? 0)), "比較值") : Ce(e) ? $r(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 Qr({ 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: sn,
 			resize: "vertical",
 			rows: r,
-			style: Nt,
+			style: Lt,
 			value: i
 		});
 	}
@@ -1577,7 +1594,7 @@ function mn({ onChange: le, value: y }) {
 		return /* @__PURE__ */ _(f, {
 			max: r.max,
 			min: r.min,
-			onChange: (e) => t(_e(ke(e.target.value), r)),
+			onChange: (e) => t(ve(Ae(e.target.value), r)),
 			placeholder: n,
 			showSpinner: !0,
 			step: r.step ?? 1,
@@ -1585,23 +1602,23 @@ function mn({ onChange: le, value: y }) {
 			variant: "measure"
 		});
 	}
-	function Jr(e, t, n) {
+	function $r(e, t, n) {
 		return e.type === "datetime" ? /* @__PURE__ */ _(u, {
 			formatDate: "YYYY-MM-DD",
 			formatTime: "HH:mm",
 			hideSecond: !0,
-			onChange: (e) => n(xe(e)),
+			onChange: (e) => n(Se(e)),
 			placeholderLeft: "選擇日期",
 			placeholderRight: "選擇時間",
-			value: Fe(t)
+			value: Ie(t)
 		}) : /* @__PURE__ */ _(l, {
 			format: "YYYY-MM-DD",
-			onChange: (e) => n(be(e)),
+			onChange: (e) => n(xe(e)),
 			placeholder: "選擇日期",
-			value: Fe(t)
+			value: Ie(t)
 		});
 	}
-	function Yr(e, t) {
+	function ei(e, t) {
 		let n = e.options.map((t, n) => ({
 			index: n,
 			key: `${e.fieldKey}-${n}`,
@@ -1609,7 +1626,7 @@ function mn({ onChange: le, value: y }) {
 			value: t.value
 		}));
 		return /* @__PURE__ */ v("div", {
-			style: Ht,
+			style: Kt,
 			children: [/* @__PURE__ */ _(ae, {
 				actions: {
 					render: (n) => [{
@@ -1630,7 +1647,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: Hn(e.options, n.index, { label: r.target.value })
 						}),
 						placeholder: "例如：主管",
 						size: "sub",
@@ -1643,7 +1660,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: Hn(e.options, n.index, { value: r.target.value })
 						}),
 						placeholder: "例如：manager",
 						size: "sub",
@@ -1656,13 +1673,13 @@ function mn({ onChange: le, value: y }) {
 				showHeader: !0,
 				size: "sub"
 			}), /* @__PURE__ */ _("div", {
-				style: Ut,
+				style: qt,
 				children: /* @__PURE__ */ _(c, {
 					icon: me,
 					iconType: "leading",
 					onClick: () => t({
 						...e,
-						options: [...e.options, Nn(e.options)]
+						options: [...e.options, Un(e.options)]
 					}),
 					variant: "base-secondary",
 					children: "新增選項"
@@ -1670,48 +1687,52 @@ function mn({ onChange: le, value: y }) {
 			})]
 		});
 	}
-	function Xr(e, t, n) {
+	function ti(e, t, n) {
 		return /* @__PURE__ */ _("div", {
 			...t.draggableProps,
 			"data-form-builder-field-key": e.fieldKey,
 			ref: t.innerRef,
 			style: {
-				...bt,
-				...n ? xt : null,
+				...wt,
+				...n ? Tt : null,
 				...t.draggableProps.style
 			},
 			children: /* @__PURE__ */ _(s, {
-				style: e.fieldKey === K?.fieldKey ? St : void 0,
-				children: Zr(e, t, n)
+				style: e.fieldKey === K?.fieldKey ? Et : void 0,
+				children: ni(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 ? Ft : Pt,
 			children: /* @__PURE__ */ _("div", {
-				style: Mt,
+				style: It,
 				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 ni(e, t, n) {
 		return /* @__PURE__ */ v("div", {
 			...t.dragHandleProps ?? {},
 			"aria-label": "選取或拖曳排序欄位",
-			onClick: () => R(e.fieldKey),
-			style: gt,
+			onClick: () => P(e.fieldKey),
+			style: bt,
 			title: "點擊選取，拖曳排序",
 			children: [
 				/* @__PURE__ */ _("span", {
 					"aria-label": "拖曳排序",
 					role: "img",
-					style: Bt,
+					style: Wt,
 					title: "拖曳排序",
 					children: /* @__PURE__ */ _(d, {
 						icon: fe,
@@ -1719,14 +1740,14 @@ function mn({ onChange: le, value: y }) {
 					})
 				}),
 				/* @__PURE__ */ v("div", {
-					style: _t,
+					style: xt,
 					children: [/* @__PURE__ */ v(h, {
 						component: "span",
 						ellipsis: !0,
 						variant: "label-primary",
 						children: [e.label, e.required ? /* @__PURE__ */ _("sup", {
 							"aria-label": "必填",
-							style: Wt,
+							style: Jt,
 							children: "*"
 						}) : null]
 					}), /* @__PURE__ */ v(h, {
@@ -1735,7 +1756,7 @@ function mn({ onChange: le, value: y }) {
 						ellipsis: !0,
 						variant: "caption",
 						children: [
-							hn(e.type),
+							yn(e.type),
 							" ·",
 							e.required ? " 必填" : " 選填",
 							" ·",
@@ -1746,20 +1767,20 @@ function mn({ onChange: le, value: y }) {
 				}),
 				/* @__PURE__ */ v("div", {
 					onClick: (e) => e.stopPropagation(),
-					style: vt,
+					style: St,
 					children: [/* @__PURE__ */ _("div", {
-						style: yt,
+						style: Ct,
 						children: /* @__PURE__ */ _(m, {
 							checked: !!e.required,
 							disabled: n || e.hidden === !0,
 							label: "必填",
-							onChange: (t) => lr(e.fieldKey, t.target.checked)
+							onChange: (t) => mr(e.fieldKey, t.target.checked)
 						})
 					}), /* @__PURE__ */ _(c, {
 						disabled: n,
 						icon: he,
 						iconType: "icon-only",
-						onClick: () => Gn(e.fieldKey),
+						onClick: () => Xn(e.fieldKey),
 						variant: "destructive-ghost",
 						children: "移除欄位"
 					})]
@@ -1767,61 +1788,61 @@ function mn({ onChange: le, value: y }) {
 			]
 		});
 	}
-	function Qr() {
+	function ri() {
 		return /* @__PURE__ */ v("div", {
-			style: F,
+			style: L,
 			children: [/* @__PURE__ */ _(h, {
 				component: "h2",
 				variant: "h3",
 				children: "填寫預覽"
 			}), /* @__PURE__ */ _(t, {
 				dataSourceContext: { kind: "preview" },
-				onChange: cr,
+				onChange: pr,
 				schema: b,
 				uiSchema: S,
-				value: nt
+				value: Ye
 			})]
 		});
 	}
-	function $r() {
+	function ii() {
 		return /* @__PURE__ */ v("div", {
-			style: F,
+			style: L,
 			children: [/* @__PURE__ */ _(h, {
 				component: "h2",
 				variant: "h3",
 				children: "Schema"
 			}), /* @__PURE__ */ v("div", {
-				style: Pt,
+				style: Rt,
 				children: [
-					ei("Form Schema", "schemaJson", /* @__PURE__ */ _(it, {
+					ai("Form Schema", "schemaJson", /* @__PURE__ */ _(ct, {
 						height: "360px",
 						name: "schemaJson",
-						onChange: ur,
+						onChange: hr,
 						placeholder: "輸入 Form Schema JSON",
 						value: pe
 					})),
-					ei("UI Schema", "uiSchemaJson", /* @__PURE__ */ _(it, {
+					ai("UI Schema", "uiSchemaJson", /* @__PURE__ */ _(ct, {
 						height: "240px",
 						name: "uiSchemaJson",
-						onChange: dr,
+						onChange: gr,
 						placeholder: "輸入 UI Schema JSON",
-						value: Ye
+						value: ge
 					})),
-					rt ? /* @__PURE__ */ _(h, {
+					Ze ? /* @__PURE__ */ _(h, {
 						color: "text-error",
-						style: Lt,
+						style: Vt,
 						variant: "body",
-						children: rt
+						children: Ze
 					}) : null
 				]
 			})]
 		});
 	}
-	function ei(t, n, r) {
+	function ai(t, n, r) {
 		return /* @__PURE__ */ _("div", {
-			style: Ft,
+			style: zt,
 			children: /* @__PURE__ */ _("div", {
-				style: It,
+				style: Bt,
 				children: /* @__PURE__ */ _(e, {
 					label: t,
 					name: n,
@@ -1831,29 +1852,29 @@ function mn({ onChange: le, value: y }) {
 		});
 	}
 }
-function hn(e) {
-	return at.find((t) => t.type === e)?.label ?? e;
+function yn(e) {
+	return lt.find((t) => t.type === e)?.label ?? e;
 }
-function gn(e) {
+function bn(e) {
 	return `${e.key}@${e.version}`;
 }
-function _n(e) {
+function xn(e) {
 	return [
 		e.supportsSearch ? `可輸入關鍵字搜尋${e.minimumSearchLength > 1 ? `（至少 ${e.minimumSearchLength} 字）` : ""}` : "不支援搜尋",
 		e.paginationMode === "CURSOR" ? `捲動載入更多（每次 ${e.pageSize} 筆）` : `一次載入完整清單（最多 ${e.maximumResultCount} 筆）`,
 		e.revalidationPolicy === "ALWAYS" ? "退回重送時一律重新確認" : "值與條件未變時沿用上次結果"
 	];
 }
-function vn(e) {
+function Sn(e) {
 	return {
-		id: gn(e),
+		id: bn(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 Cn(e) {
+	return e ? e.from.kind === "FIELD" ? e.from.fieldKey : e.from.kind === "ROW_FIELD" ? `${fn}${e.from.columnKey}` : dn : pn;
 }
-function L(e) {
+function wn(e) {
 	switch (e) {
 		case "BOOLEAN": return !1;
 		case "NUMBER": return 0;
@@ -1862,18 +1883,18 @@ function L(e) {
 		default: return "";
 	}
 }
-function bn(e, t) {
+function Tn(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 En(e, t, n) {
+	return !n || n === pn ? null : n === dn ? {
 		from: {
 			kind: "CONSTANT",
-			value: L(t)
+			value: wn(t)
 		},
 		parameter: e
-	} : n.startsWith(sn) ? {
+	} : n.startsWith(fn) ? {
 		from: {
 			columnKey: n.slice(14),
 			kind: "ROW_FIELD"
@@ -1887,24 +1908,60 @@ function xn(e, t, n) {
 		parameter: e
 	};
 }
-function Sn(e) {
+function Dn(e) {
 	return e.kind === "remove-field" ? "確認移除 dependency 欄位" : e.kind === "remove-column" ? "確認移除表格欄" : e.kind === "replace-column" ? "確認變更欄型別" : "確認變更選擇模式";
 }
-var R = [{
+var z = [{
 	label: "選項 A",
 	value: "option_a"
 }, {
 	label: "選項 B",
 	value: "option_b"
 }];
-function Cn(e) {
+function On(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("選項來源設定") : A(e) && !kn(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 kn(e) {
+	return e.length === z.length && e.every((e, t) => e.label === z[t]?.label && e.value === z[t]?.value);
+}
+function An(e, t) {
+	return t ? {
+		...e,
+		pattern: t
+	} : Object.fromEntries(Object.entries(e).filter(([e]) => e !== "pattern" && e !== "patternErrorMessage"));
+}
+function jn(e, t) {
+	return t ? {
+		...e,
+		patternErrorMessage: t
+	} : Object.fromEntries(Object.entries(e).filter(([e]) => e !== "patternErrorMessage"));
+}
+function Mn(e) {
+	return e && !e.trim() ? {
+		severity: "error",
+		text: "格式不能只有空白，儲存時會被拒絕。"
+	} : e && e.length > Ye ? {
+		severity: "error",
+		text: `格式最多 ${Ye} 個字元，儲存時會被拒絕。`
+	} : e && !Xe(e) ? {
+		severity: "error",
+		text: "這不是有效的正規表示式，儲存時會被拒絕。格式以 u 模式檢查，多餘的跳脫（例如在方括號 [ ] 外寫 \\-）也算錯誤。"
+	} : e && Ze(e) ? {
+		severity: "error",
+		text: "格式裡的括號群組後面不能接重複次數（例如 (ab)+、(\\w|\\d)*、(ab){2}），填寫的內容可能讓系統卡住，儲存時會被拒絕。請把重複的部分直接寫出來，或改用 [ ] 字元集合加次數。"
+	} : {
+		severity: "info",
+		text: "填寫的內容要整段符合格式才能送出；留空表示不檢查格式。"
+	};
 }
-function wn(e, t) {
+function Nn(e) {
+	return e && e.length > O ? {
+		severity: "error",
+		text: `錯誤訊息最多 ${O} 個字元，儲存時會被拒絕。`
+	} : void 0;
+}
+function Pn(e, t) {
 	let n = {
 		fieldKey: e.fieldKey,
 		label: e.label,
@@ -1915,48 +1972,48 @@ function wn(e, t) {
 	return t === "select" || t === "autocomplete" ? {
 		...n,
 		mode: "single",
-		options: [...R],
+		options: [...z],
 		type: t
 	} : {
 		...n,
 		type: t
 	};
 }
-function Tn(e, t) {
+function Fn(e, t) {
 	return Object.fromEntries(Object.entries(e).filter(([e]) => e !== t));
 }
-function En(e) {
+function In(e) {
 	return !!(e.visibleWhen || e.requiredWhen || e.readonlyWhen);
 }
-function Dn(e) {
+function Ln(e) {
 	return {
 		id: e.fieldKey,
 		name: e.label
 	};
 }
-function On(e) {
+function Rn(e) {
 	return e.type === "text" || e.type === "textarea";
 }
-function kn(e) {
+function zn(e) {
 	return typeof e == "string" ? e : "";
 }
-function An(e) {
+function Bn(e) {
 	let t = e.split(/[\n,]/u).map((e) => e.trim()).filter(Boolean);
 	return t.length ? t : void 0;
 }
-function jn(e) {
+function Vn(e) {
 	return e?.join("\n") ?? "";
 }
 function B(e) {
 	return JSON.stringify(e, null, 2);
 }
-function Mn(e, t, n) {
+function Hn(e, t, n) {
 	return e.map((e, r) => r === t ? {
 		...e,
 		...n
 	} : e);
 }
-function Nn(e) {
+function Un(e) {
 	let t = e.length + 1;
 	return {
 		label: `選項 ${t}`,
@@ -1967,7 +2024,7 @@ function V(e, t) {
 	let n = `option_${t}`;
 	return e.some((e) => e.value === n) ? V(e, t + 1) : n;
 }
-function Pn(e, t, n) {
+function Wn(e, t, n) {
 	let r = e[t];
 	if (!r || t === n) return [...e];
 	let i = e.filter((e, n) => n !== t);
@@ -1977,7 +2034,6 @@ function Pn(e, t, n) {
 		...i.slice(n)
 	];
 }
-//#endregion
-export { mn as t };
+export { R as t };
 
-//# sourceMappingURL=FormBuilderView-ClLnQ1e_.js.map
+//# sourceMappingURL=FormBuilderView-vQfVc08Z.js.map