@rytass/bpm-core-react 0.18.1 → 0.20.0

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

@@ -1,16 +1,17 @@
 "use client";
 import { t as e } from "./bpm-form-field-9B-Det0u.js";
-import { t } from "./FormRendererView-CTLlG13b.js";
+import { t } from "./FormRendererView-GfbVWEGa.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, 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 { 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, readFormDataSourceBindingExpression as Be, readFormDataSourceBindingValue as Ve, readFormDataSourceBindingValueKind as He, readFormDataSourceFieldDependencyKeys as Ue, readFormSchemaLintMessage as We, readFormTableRowBounds as Ge, readSelectOption as D, renameFormDataSourceFieldBindings as Ke, renameFormTableColumnBindings as qe, upsertFormDataSourceFieldBinding as Je } from "@rytass/bpm-core-client/form";
+import { FORM_TABLE_MAX_ROWS as Ye, TEXT_FIELD_PATTERN_ERROR_MESSAGE_MAX_LENGTH as O, TEXT_FIELD_PATTERN_MAX_LENGTH as Xe, compileTextFieldPattern as Ze, hasRepeatedTextFieldPatternGroup as Qe, isFormDataSourceFieldDefinition as k, isFormOptionFieldDefinition as $e, isFormStaticOptionFieldDefinition as A, isMemberFieldDefinition as et, isOrgUnitFieldDefinition as tt, isTableColumnFieldType as nt, isTableFieldDefinition as j, readFormFieldSelectionMode as rt } from "@rytass/bpm-core-shared/form";
+import { parseFormBindingExpressionLintLine as it, readFormBindingExpressionLintMessage as at } from "@rytass/bpm-core-client/template";
+import { DragDropContext as ot, Draggable as st, Droppable as ct } from "@hello-pangea/dnd";
 import M from "next/dynamic";
-import { json as ot } from "@codemirror/lang-json";
+import { json as lt } from "@codemirror/lang-json";
 import { EditorView as N } from "@codemirror/view";
 // src/views/forms/builder/json-code-editor.tsx
 var P = {
@@ -23,7 +24,7 @@ var P = {
 	padding: 12,
 	width: "100%"
 }, F = [
-	ot(),
+	lt(),
 	N.lineWrapping,
 	N.theme({
 		"&": {
@@ -41,15 +42,15 @@ var P = {
 		".cm-gutters": { borderRight: "1px solid var(--mzn-color-border-neutral)" },
 		".cm-scroller": { fontFamily: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", monospace" }
 	})
-], st = M(() => import("@uiw/react-codemirror"), {
+], ut = M(() => import("@uiw/react-codemirror"), {
 	loading: () => /* @__PURE__ */ _("div", {
 		style: P,
 		children: "載入 JSON 編輯器"
 	}),
 	ssr: !1
 });
-function ct({ disabled: e = !1, height: t, name: n, onChange: r, placeholder: i, value: a }) {
-	return /* @__PURE__ */ _(st, {
+function dt({ disabled: e = !1, height: t, name: n, onChange: r, placeholder: i, value: a }) {
+	return /* @__PURE__ */ _(ut, {
 		"aria-label": n,
 		basicSetup: {
 			autocompletion: !0,
@@ -75,7 +76,7 @@ function ct({ disabled: e = !1, height: t, name: n, onChange: r, placeholder: i,
 	});
 }
 // src/views/forms/builder/FormBuilderView.tsx
-var lt = [
+var ft = [
 	{
 		description: "單行文字、姓名、編號",
 		icon: le,
@@ -166,66 +167,66 @@ var lt = [
 		label: "表格",
 		type: "table"
 	}
-], I = lt.filter((e) => tt(e.type)).map((e) => ({
+], I = ft.filter((e) => nt(e.type)).map((e) => ({
 	id: e.type,
 	name: e.label
-})), ut = {
+})), pt = {
 	alignItems: "start",
 	display: "flex",
 	flexWrap: "wrap",
 	gap: 16
-}, dt = {
+}, mt = {
 	flex: "0.55 1 300px",
 	minWidth: 0
-}, ft = {
+}, ht = {
 	flex: "1.45 1 720px",
 	minWidth: 620,
 	paddingBottom: 260
-}, pt = 240, mt = {
+}, gt = 240, _t = {
 	BOOLEAN: "開關",
 	NUMBER: "數字",
 	STRING: "文字或選單",
 	STRING_ARRAY: "多選"
-}, ht = /^schema\.fields\[(\d+)\](?:\.columns\[(\d+)\])?\.dataSource\.bindings missing required parameter: (.+)$/u, gt = /^schema\.fields\[(\d+)\](?:\.columns\[(\d+)\])?\.dataSource\.bindings unknown parameter: (.+)$/u, L = {
+}, vt = /^schema\.fields\[(\d+)\](?:\.columns\[(\d+)\])?\.dataSource\.bindings missing required parameter: (.+)$/u, yt = /^schema\.fields\[(\d+)\](?:\.columns\[(\d+)\])?\.dataSource\.bindings unknown parameter: (.+)$/u, L = {
 	display: "grid",
 	gap: 12
-}, _t = {
+}, bt = {
 	display: "flex",
 	flexWrap: "wrap",
 	gap: 6
-}, vt = {
+}, xt = {
 	flex: "0 0 auto",
 	whiteSpace: "nowrap"
-}, yt = {
+}, St = {
 	display: "grid",
 	gap: 8
-}, bt = {
+}, Ct = {
 	alignItems: "center",
 	cursor: "grab",
 	display: "flex",
 	gap: 12,
 	touchAction: "none"
-}, xt = {
+}, wt = {
 	display: "grid",
 	flex: "1 1 auto",
 	gap: 2,
 	minWidth: 0
-}, St = {
+}, Tt = {
 	alignItems: "center",
 	display: "flex",
 	flex: "0 0 auto",
 	gap: 4
-}, Ct = {
+}, Et = {
 	alignItems: "center",
 	display: "flex",
 	gap: 6
-}, wt = {
+}, Dt = {
 	cursor: "pointer",
 	userSelect: "none"
-}, Tt = { filter: "drop-shadow(0 8px 18px rgba(0, 0, 0, 0.12))" }, Et = {
+}, Ot = { filter: "drop-shadow(0 8px 18px rgba(0, 0, 0, 0.12))" }, kt = {
 	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)"
-}, Dt = {
+}, At = {
 	alignItems: "center",
 	border: "1px dashed var(--mzn-color-border-neutral)",
 	borderRadius: 6,
@@ -234,135 +235,135 @@ var lt = [
 	minHeight: 240,
 	padding: 32,
 	textAlign: "center"
-}, Ot = {
+}, jt = {
 	display: "flex",
 	gap: 8,
 	justifyContent: "center"
-}, kt = {
+}, Mt = {
 	display: "grid",
 	gap: 14
-}, At = {
+}, Nt = {
 	display: "grid",
 	columnGap: 16,
 	gridTemplateColumns: "repeat(auto-fit, minmax(280px, 360px))",
 	justifyContent: "start",
 	maxWidth: 736,
 	rowGap: 8
-}, jt = { gridColumn: "1 / -1" }, Mt = {
+}, Pt = { gridColumn: "1 / -1" }, Ft = {
 	alignItems: "center",
 	display: "flex",
 	gap: 8,
 	gridColumn: "1 / -1",
 	justifyContent: "flex-end"
-}, Nt = { gridColumn: "1 / -1" }, Pt = {
+}, It = { gridColumn: "1 / -1" }, Lt = {
 	alignItems: "start",
 	display: "block",
 	width: "100%"
-}, Ft = {
-	...Pt,
+}, Rt = {
+	...Lt,
 	gridColumn: "1 / -1"
-}, It = {
+}, zt = {
 	minWidth: 0,
 	width: "100%"
-}, Lt = {
+}, Bt = {
 	minWidth: "100%",
 	width: "100%"
-}, Rt = {
+}, Vt = {
 	display: "grid",
 	gap: 14
-}, zt = {
+}, Ht = {
 	alignItems: "start",
 	display: "block",
 	width: "100%"
-}, Bt = {
+}, Ut = {
 	minWidth: 0,
 	width: "100%"
-}, Vt = { gridColumn: "2 / -1" }, Ht = {
+}, Wt = { gridColumn: "2 / -1" }, Gt = {
 	display: "grid",
 	gap: 10,
 	width: "100%"
-}, Ut = {
+}, Kt = {
 	display: "grid",
 	gap: 8,
 	gridTemplateColumns: "repeat(auto-fit, minmax(160px, 1fr))"
-}, Wt = { display: "inline-flex" }, Gt = {
+}, qt = { display: "inline-flex" }, Jt = {
 	display: "grid",
 	gap: 16
-}, Kt = {
+}, Yt = {
 	display: "grid",
 	gap: 8
-}, qt = {
+}, Xt = {
 	display: "flex",
 	justifyContent: "flex-end"
-}, Jt = {
+}, Zt = {
 	color: "var(--mzn-color-text-error)",
 	fontSize: "0.72em",
 	lineHeight: 0,
 	marginLeft: 2,
 	verticalAlign: "super"
-}, Yt = {
+}, Qt = {
 	display: "grid",
 	gap: 10,
 	gridColumn: "1 / -1"
-}, Xt = {
+}, $t = {
 	display: "grid",
 	gap: 2
-}, Zt = {
+}, en = {
 	display: "grid",
 	gap: 8
-}, Qt = {
+}, tn = {
 	display: "flex",
 	justifyContent: "flex-start"
-}, $t = {
+}, nn = {
 	display: "flex",
 	flexWrap: "wrap",
 	gap: 4
-}, en = {
+}, rn = {
 	backgroundColor: "var(--mzn-color-bg-surface-secondary)",
 	borderRadius: 6,
 	display: "grid",
 	gap: 4,
 	padding: 10
-}, tn = {
-	...At,
+}, an = {
+	...Nt,
 	gridTemplateColumns: "minmax(280px, 520px)",
 	padding: "4px 0 8px"
-}, nn = {
+}, on = {
 	display: "grid",
 	gap: 8,
 	gridColumn: "1 / -1"
-}, rn = {
+}, sn = {
 	alignItems: "center",
 	display: "flex",
 	gap: 12,
 	justifyContent: "space-between"
-}, an = {
+}, cn = {
 	alignItems: "baseline",
 	display: "flex",
 	gap: 2
-}, on = {
+}, ln = {
 	display: "grid",
 	gap: 4
 };
-function sn(e) {
+function un(e) {
 	e && (e.style.width = "100%");
 }
-var cn = {
+var dn = {
 	fields: [],
 	schemaVersion: 1
-}, ln = {
+}, fn = {
 	layout: [],
 	schemaVersion: 1
-}, un = "__STATIC_OPTIONS__", dn = "__CONSTANT__", fn = "__ROW_FIELD__:", pn = "__UNBOUND__", mn = [{
-	id: un,
+}, pn = "__STATIC_OPTIONS__", mn = "__CONSTANT__", hn = "__EXPRESSION__", R = "__UNSUPPORTED__", gn = "__ROW_FIELD__:", _n = "__UNBOUND__", vn = [{
+	id: pn,
 	name: "靜態選項"
-}], hn = [{
+}], yn = [{
 	id: "single",
 	name: "單選"
 }, {
 	id: "multiple",
 	name: "複選"
-}], gn = [
+}], bn = [
 	{
 		id: "unset",
 		name: "不預設"
@@ -375,13 +376,13 @@ var cn = {
 		id: "false",
 		name: "否"
 	}
-], _n = [{
+], xn = [{
 	id: "true",
 	name: "是"
 }, {
 	id: "false",
 	name: "否"
-}], vn = [
+}], Sn = [
 	{
 		label: "顯示",
 		name: "fieldVisibleWhen",
@@ -401,36 +402,36 @@ var cn = {
 		target: "readonlyWhen"
 	}
 ];
-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);
+function z({ onChange: le, value: y }) {
+	let ue = y?.schema ?? dn, de = y?.uiSchema ?? fn, [b, x] = i(ue), [S, C] = i(de), [pe, w] = i(H(ue)), [ge, O] = i(H(de)), [Xe, Ze] = i({}), [Qe, A] = i(null), [M, lt] = i("design"), [N, P] = i(null), [F, ut] = i([]), [z, On] = i(null), [kn, B] = i("loading"), [V, U] = i(null), [Yn, Xn] = i(!1), [W, G] = i(null), [Zn, K] = i(null);
 	n(() => {
 		let e = !0;
 		return Oe().then((t) => {
-			e && (st(t), wn(null), kn("ready"));
+			e && (ut(t), On(null), B("ready"));
 		}).catch((t) => {
-			e && (st([]), wn("目前無法載入 DataSource Catalog，請稍後重試。"), kn("unavailable"));
+			e && (ut([]), On("目前無法載入 DataSource Catalog，請稍後重試。"), B("unavailable"));
 		}), () => {
 			e = !1;
 		};
 	}, []), n(() => {
 		b.fields.some((e) => e.fieldKey === N) || P(b.fields[0]?.fieldKey ?? null);
 	}, [b.fields, N]), n(() => {
-		Xe((e) => _e(b.fields, e));
+		Ze((e) => _e(b.fields, e));
 	}, [b.fields]), n(() => {
-		M !== "advanced" && (w(B(b)), O(B(S)));
+		M !== "advanced" && (w(H(b)), O(H(S)));
 	}, [
 		M,
 		b,
 		S
 	]);
-	let K = r(() => b.fields.find((e) => e.fieldKey === N) ?? b.fields[0] ?? null, [b.fields, N]);
+	let q = r(() => b.fields.find((e) => e.fieldKey === N) ?? b.fields[0] ?? null, [b.fields, N]);
 	n(() => {
 		le?.({
 			schema: b,
 			uiSchema: S
 		});
 	}, [b, S]);
-	function Jn(e) {
+	function Qn(e) {
 		let t = b.fields.length + 1, n = ye(e, t);
 		x({
 			...b,
@@ -441,21 +442,21 @@ function R({ onChange: le, value: y }) {
 				fieldKey: n.fieldKey,
 				width: e === "textarea" || e === "file_upload" || e === "table" ? "FULL" : "HALF"
 			}]
-		}), P(n.fieldKey), ot("design"), A(null);
+		}), P(n.fieldKey), lt("design"), A(null);
 	}
-	function Yn(e) {
+	function $n(e) {
 		let t = e;
-		t === "advanced" && M !== "advanced" && (w(B(b)), O(B(S))), ot(t);
+		t === "advanced" && M !== "advanced" && (w(H(b)), O(H(S))), lt(t);
 	}
-	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({
+	function er(e) {
+		let t = b.fields.flatMap((t) => j(t) ? t.columns.flatMap((n) => k(n) && Ue(n).includes(e) ? [`${t.fieldKey}.${n.fieldKey}`] : []) : k(t) && Ue(t).includes(e) ? [t.fieldKey] : []);
+		t.length > 0 ? G({
 			affectedFieldKeys: t,
 			fieldKey: e,
 			kind: "remove-field"
-		}) : Zn(e);
+		}) : tr(e);
 	}
-	function Zn(e) {
+	function tr(e) {
 		let t = b.fields.filter((t) => t.fieldKey !== e);
 		x({
 			...b,
@@ -463,78 +464,78 @@ function R({ onChange: le, value: y }) {
 		}), C({
 			...S,
 			layout: S.layout.filter((t) => t.fieldKey !== e)
-		}), P(N === e ? t[0]?.fieldKey ?? null : N), A(null), H(null);
+		}), P(N === e ? t[0]?.fieldKey ?? null : N), A(null), U(null);
 	}
-	function Qn(e) {
+	function nr(e) {
 		let t = e.destination;
 		t && e.source.index !== t.index && (x((n) => ({
 			...n,
-			fields: Wn(n.fields, e.source.index, t.index)
+			fields: Jn(n.fields, e.source.index, t.index)
 		})), C((n) => ({
 			...n,
-			layout: Wn(n.layout, e.source.index, t.index)
+			layout: Jn(n.layout, e.source.index, t.index)
 		})), A(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 : Ge(i, t, r);
+		}, a = t === r ? i : Ke(i, t, r);
 		x(a), C({
 			...S,
 			layout: S.layout.map((e) => e.fieldKey === t ? {
 				...e,
 				fieldKey: r
 			} : e)
-		}), P(r), A(null), H(null);
+		}), P(r), A(null), U(null);
 	}
-	function $n(e) {
-		J(() => e);
+	function rr(e) {
+		Y(() => e);
 	}
-	function Y(e, t) {
+	function X(e, t) {
 		x((n) => ({
 			...n,
 			fields: n.fields.map((n) => n.fieldKey === e && j(n) ? t(n) : n)
-		})), A(null), H(null);
+		})), A(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)
 			};
-			return typeof r == "string" && r !== n.fieldKey ? Ke(i, r, n.fieldKey) : i;
+			return typeof r == "string" && r !== n.fieldKey ? qe(i, r, n.fieldKey) : i;
 		});
 	}
-	function er(e) {
+	function ir(e) {
 		let t = be(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 tr(e, t) {
-		Y(e, (e) => ({
+	function ar(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 nr(e, t, n) {
-		Y(e.fieldKey, (e) => ({
+	function or(e, t, n) {
+		X(e.fieldKey, (e) => ({
 			...e,
-			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);
+			columns: Jn(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 rr(e, t, n) {
-		if (e.type !== "select" && e.type !== "autocomplete" || nt(e) === t) return;
+	function sr(e, t, n) {
+		if (e.type !== "select" && e.type !== "autocomplete" || rt(e) === t) return;
 		let r = e.defaultValue, i = t === "multiple" ? typeof r == "string" ? [r] : r : Array.isArray(r) ? r[0] : r;
 		n(e, {
 			...e,
@@ -542,17 +543,17 @@ function R({ onChange: le, value: y }) {
 			mode: t
 		}, "選擇模式變更可能轉換或捨棄既有預設值。");
 	}
-	function ir(e, t, n = "此變更會替換目前選項來源；既有 options、dynamic reference 或 bindings 可能失效。") {
-		JSON.stringify(e) !== JSON.stringify(t) && W({
+	function cr(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 ar(e, t, n) {
+	function lr(e, t, n) {
 		if (!t) return;
-		if (t === un) {
+		if (t === pn) {
 			if (!k(e)) return;
 			let { dataSource: t, defaultValue: r, ...i } = e;
 			n({
@@ -561,7 +562,7 @@ function R({ onChange: le, value: y }) {
 			});
 			return;
 		}
-		let r = F.find((e) => bn(e) === t);
+		let r = F.find((e) => wn(e) === t);
 		if (!r) return;
 		if (k(e)) {
 			let t = new Set(r.parameters.map((e) => e.key)), i = e.dataSource.bindings.filter((e) => t.has(e.parameter));
@@ -585,54 +586,69 @@ function R({ onChange: le, value: y }) {
 			}
 		});
 	}
-	function or() {
-		U && (sr(U), W(null));
+	function ur() {
+		W && (dr(W), G(null));
 	}
-	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) => ({
+	function dr(e) {
+		e.kind === "remove-field" ? tr(e.fieldKey) : e.kind === "remove-column" ? ar(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)
-		}), A(null), H(null));
+		}), A(null), U(null));
 	}
-	async function cr() {
-		Kn(!0);
+	async function fr() {
+		Xn(!0);
 		try {
 			let e = await De(b, S);
-			H(e.errors.map(lr));
+			U(e.errors.map(pr));
 		} catch {
-			H(["目前無法完成 DataSource schema 驗證。"]);
+			U(["目前無法完成 DataSource schema 驗證。"]);
 		} finally {
-			Kn(!1);
+			Xn(!1);
 		}
 	}
-	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 pr(e) {
+		let t = vt.exec(e);
+		if (t?.[1] && t[3]) return `${mr(t[1], t[2])}尚未指定必要參數「${hr(t[1], t[2], t[3])}」的來源`;
+		let n = it(e);
+		if (n) {
+			let e = String(n.fieldIndex), t = n.columnIndex === null ? void 0 : String(n.columnIndex), r = b.fields[n.fieldIndex], i = r ? _r(r, t) : void 0, a = gr(e, t, String(n.bindingIndex)) ?? "";
+			return at({
+				code: n.code,
+				columnLabel: i ? i.label || i.fieldKey : null,
+				fieldLabel: r ? r.label || r.fieldKey : "",
+				parameterLabel: hr(e, t, a),
+				subject: n.subject
+			});
+		}
+		let r = yt.exec(e);
+		return r?.[1] && r[3] ? `${mr(r[1], r[2])}綁定了來源沒有的參數「${r[3]}」` : We(e);
 	}
-	function ur(e, t) {
+	function mr(e, t) {
 		let n = b.fields[Number(e)];
 		if (!n) return "";
-		let r = n.label || n.fieldKey, i = fr(n, t);
+		let r = n.label || n.fieldKey, i = _r(n, t);
 		return i ? `「${r}」表格的「${i.label || i.fieldKey}」欄` : `「${r}」欄位`;
 	}
-	function dr(e, t, n) {
+	function hr(e, t, n) {
 		let r = b.fields[Number(e)];
 		if (!r) return n;
-		let i = fr(r, t) ?? r, a = k(i) ? i.dataSource : null;
+		let i = _r(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 fr(e, t) {
+	function gr(e, t, n) {
+		let r = b.fields[Number(e)], i = r ? _r(r, t) ?? r : null;
+		return i && k(i) ? i.dataSource.bindings[Number(n)]?.parameter ?? null : null;
+	}
+	function _r(e, t) {
 		return typeof t == "string" && j(e) ? e.columns[Number(t)] : void 0;
 	}
-	function pr(e) {
-		Xe(e);
+	function vr(e) {
+		Ze(e);
 	}
-	function mr(e, t) {
+	function yr(e, t) {
 		x((n) => ({
 			...n,
 			fields: n.fields.map((n) => n.fieldKey === e ? {
@@ -641,7 +657,7 @@ function R({ onChange: le, value: y }) {
 			} : n)
 		})), A(null);
 	}
-	function hr(e) {
+	function br(e) {
 		w(e);
 		try {
 			x(JSON.parse(e)), A(null);
@@ -649,7 +665,7 @@ function R({ onChange: le, value: y }) {
 			A("Form Schema JSON 格式不正確");
 		}
 	}
-	function gr(e) {
+	function xr(e) {
 		O(e);
 		try {
 			C(JSON.parse(e)), A(null);
@@ -658,11 +674,11 @@ function R({ onChange: le, value: y }) {
 		}
 	}
 	return /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(g, { children: /* @__PURE__ */ _(ne, { children: /* @__PURE__ */ _(te, { children: /* @__PURE__ */ v("div", {
-		style: Gt,
+		style: Jt,
 		children: [
 			/* @__PURE__ */ v(re, {
 				activeKey: M,
-				onChange: Yn,
+				onChange: $n,
 				size: "sub",
 				children: [
 					/* @__PURE__ */ _(ie, { children: "設計" }, "design"),
@@ -670,93 +686,93 @@ function R({ onChange: le, value: y }) {
 					/* @__PURE__ */ _(ie, { children: "進階" }, "advanced")
 				]
 			}),
-			M === "design" ? _r() : null,
-			M === "preview" ? ri() : null,
-			M === "advanced" ? ii() : null
+			M === "design" ? Sr() : null,
+			M === "preview" ? di() : null,
+			M === "advanced" ? fi() : null
 		]
-	}) }) }) }), U ? /* @__PURE__ */ _(ee, {
+	}) }) }) }), W ? /* @__PURE__ */ _(ee, {
 		cancelText: "返回",
 		confirmText: "確認變更",
 		modalType: "standard",
-		onCancel: () => W(null),
-		onClose: () => W(null),
-		onConfirm: or,
+		onCancel: () => G(null),
+		onClose: () => G(null),
+		onConfirm: ur,
 		open: !0,
 		showModalFooter: !0,
 		showModalHeader: !0,
-		title: Dn(U),
-		children: U.kind === "remove-field" ? /* @__PURE__ */ v("div", {
-			style: Kt,
+		title: Mn(W),
+		children: W.kind === "remove-field" ? /* @__PURE__ */ v("div", {
+			style: Yt,
 			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 _r() {
+	function Sr() {
 		return /* @__PURE__ */ v("div", {
 			style: L,
 			children: [/* @__PURE__ */ v("div", {
-				style: yt,
+				style: St,
 				children: [/* @__PURE__ */ _(h, {
 					component: "h2",
 					variant: "label-primary",
 					children: "新增欄位"
 				}), /* @__PURE__ */ _("div", {
-					style: _t,
-					children: lt.map((e) => /* @__PURE__ */ _(c, {
+					style: bt,
+					children: ft.map((e) => /* @__PURE__ */ _(c, {
 						icon: e.icon,
 						iconType: "leading",
-						onClick: () => Jn(e.type),
+						onClick: () => Qn(e.type),
 						size: "sub",
-						style: vt,
+						style: xt,
 						type: "button",
 						variant: "base-secondary",
 						children: e.label
 					}, e.type))
 				})]
 			}), /* @__PURE__ */ v("div", {
-				style: ut,
+				style: pt,
 				children: [/* @__PURE__ */ v("div", {
 					style: {
 						...L,
-						...dt
+						...mt
 					},
 					children: [/* @__PURE__ */ _(h, {
 						component: "h2",
 						variant: "label-primary",
 						children: "表單畫布"
-					}), b.fields.length > 0 ? /* @__PURE__ */ _(rt, {
-						onDragEnd: Qn,
-						children: /* @__PURE__ */ _(at, {
+					}), b.fields.length > 0 ? /* @__PURE__ */ _(ot, {
+						onDragEnd: nr,
+						children: /* @__PURE__ */ _(ct, {
 							droppableId: "form-builder-fields",
 							children: (e) => /* @__PURE__ */ v("div", {
 								...e.droppableProps,
 								ref: e.innerRef,
 								style: L,
-								children: [b.fields.map((e, t) => /* @__PURE__ */ _(it, {
+								children: [b.fields.map((e, t) => /* @__PURE__ */ _(st, {
 									draggableId: e.fieldKey,
 									index: t,
-									children: (t, n) => ti(e, t, n.isDragging)
+									children: (t, n) => li(e, t, n.isDragging)
 								}, e.fieldKey)), e.placeholder]
 							})
 						})
 					}) : /* @__PURE__ */ v("div", {
-						style: Dt,
+						style: At,
 						children: [/* @__PURE__ */ v("div", {
 							style: L,
 							children: [/* @__PURE__ */ _(h, {
@@ -769,13 +785,13 @@ function R({ onChange: le, value: y }) {
 								children: "從上方新增第一個欄位，或直接建立常用文字欄位開始設計。"
 							})]
 						}), /* @__PURE__ */ v("div", {
-							style: Ot,
+							style: jt,
 							children: [/* @__PURE__ */ _(c, {
-								onClick: () => Jn("text"),
+								onClick: () => Qn("text"),
 								variant: "base-primary",
 								children: "新增文字欄位"
 							}), /* @__PURE__ */ _(c, {
-								onClick: () => Jn("textarea"),
+								onClick: () => Qn("textarea"),
 								variant: "base-secondary",
 								children: "新增長文字"
 							})]
@@ -784,13 +800,13 @@ function R({ onChange: le, value: y }) {
 				}), /* @__PURE__ */ v("div", {
 					style: {
 						...L,
-						...ft
+						...ht
 					},
 					children: [/* @__PURE__ */ _(h, {
 						component: "h2",
 						variant: "label-primary",
 						children: "欄位設定"
-					}), K ? vr(K) : /* @__PURE__ */ _(h, {
+					}), q ? Cr(q) : /* @__PURE__ */ _(h, {
 						color: "text-neutral",
 						variant: "body",
 						children: "請先新增或選取欄位。"
@@ -799,118 +815,118 @@ function R({ onChange: le, value: y }) {
 			})]
 		});
 	}
-	function vr(e) {
+	function Cr(e) {
 		return /* @__PURE__ */ v("div", {
-			style: kt,
+			style: Mt,
 			children: [
-				yr(e),
-				j(e) ? Cr(e) : null,
-				br(e)
+				wr(e),
+				j(e) ? Or(e) : null,
+				Tr(e)
 			]
 		});
 	}
-	function yr(e) {
+	function wr(e) {
 		return /* @__PURE__ */ v("div", {
-			style: At,
+			style: Nt,
 			children: [
 				/* @__PURE__ */ _("div", {
-					style: Mt,
+					style: Ft,
 					children: /* @__PURE__ */ _(o, {
 						size: "main",
-						text: yn(e.type),
+						text: Cn(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"
 				})),
 				j(e) ? null : $("提示文字", "fieldPlaceholder", /* @__PURE__ */ _(f, {
-					onChange: (e) => q({ placeholder: e.target.value || void 0 }),
+					onChange: (e) => J({ placeholder: e.target.value || void 0 }),
 					placeholder: "例如：請輸入申請金額",
 					value: e.placeholder ?? "",
 					variant: "base"
 				})),
-				xr(e, $n, ir),
-				Rn(e) ? $("以連結顯示", "fieldDisplayAsLink", /* @__PURE__ */ _(m, {
+				Er(e, rr, cr),
+				Hn(e) ? $("以連結顯示", "fieldDisplayAsLink", /* @__PURE__ */ _(m, {
 					checked: e.displayAs === "link",
-					onChange: (e) => J((t) => e.target.checked ? Rn(t) ? {
+					onChange: (e) => Y((t) => e.target.checked ? Hn(t) ? {
 						...t,
 						displayAs: "link"
-					} : t : Fn(t, "displayAs"))
+					} : t : zn(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
-					} : Fn(t, "hidden"))
+					} : zn(t, "hidden"))
 				})),
 				e.hidden === !0 ? /* @__PURE__ */ _(h, {
 					color: "text-neutral",
-					style: Nt,
+					style: It,
 					variant: "body",
 					children: "填寫、唯讀與重送畫面都不會顯示這個欄位，值仍會存下來； 透過 API 仍然讀得到這個值，不是權限控管。"
 				}) : null
 			]
 		});
 	}
-	function br(e) {
+	function Tr(e) {
 		return /* @__PURE__ */ _(a, {
-			defaultExpanded: In(e),
+			defaultExpanded: Bn(e),
 			size: "sub",
 			title: "進階設定",
 			children: /* @__PURE__ */ v("div", {
-				style: At,
+				style: Nt,
 				children: [
 					/* @__PURE__ */ _(h, {
 						component: "h3",
-						style: jt,
+						style: Pt,
 						variant: "label-primary",
 						children: "條件規則"
 					}),
 					/* @__PURE__ */ _(h, {
 						color: "text-neutral",
-						style: Nt,
+						style: It,
 						variant: "body",
 						children: "只有需要根據其他欄位改變顯示、必填或唯讀狀態時才需要設定。"
 					}),
-					Yr(e)
+					ni(e)
 				]
 			})
 		});
 	}
-	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 Er(e, t, n, r) {
+		return Hn(e) ? Pr(e, t) : Te(e) ? Fr(e, t) : Ce(e) ? Ir(e, t) : $e(e) ? Lr(e, t, n, r) : e.type === "boolean" ? $r(e, t) : e.type === "file_upload" ? ti(e, t) : et(e) ? ei(e, t) : j(e) ? Dr(e) : null;
 	}
-	function Sr(e) {
-		let t = We(e);
+	function Dr(e) {
+		let t = Ge(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
-			})), `未設定即為 ${Je}`, {
-				max: Je,
+			})), `未設定即為 ${Ye}`, {
+				max: Ye,
 				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
 				})),
@@ -920,11 +936,11 @@ function R({ onChange: le, value: y }) {
 			}))
 		] });
 	}
-	function Cr(e) {
+	function Or(e) {
 		return /* @__PURE__ */ v("div", {
-			style: nn,
+			style: on,
 			children: [/* @__PURE__ */ v("div", {
-				style: rn,
+				style: sn,
 				children: [/* @__PURE__ */ v(h, {
 					component: "h3",
 					variant: "label-primary",
@@ -936,16 +952,16 @@ function R({ onChange: le, value: y }) {
 				}), /* @__PURE__ */ _(c, {
 					icon: me,
 					iconType: "leading",
-					onClick: () => er(e),
+					onClick: () => ir(e),
 					size: "sub",
 					type: "button",
 					variant: "base-secondary",
 					children: "新增欄"
 				})]
-			}), wr(e)]
+			}), kr(e)]
 		});
 	}
-	function wr(e) {
+	function kr(e) {
 		let t = e.columns.map((t, n) => ({
 			fieldKey: t.fieldKey,
 			index: n,
@@ -957,8 +973,8 @@ function R({ onChange: le, value: y }) {
 				key: "label",
 				render: (t) => /* @__PURE__ */ _(f, {
 					fullWidth: !0,
-					onChange: (n) => X(e, t.index, {
-						...Or(e, t.index),
+					onChange: (n) => Z(e, t.index, {
+						...Nr(e, t.index),
 						label: n.target.value
 					}),
 					placeholder: "例如：數量",
@@ -973,8 +989,8 @@ function R({ onChange: le, value: y }) {
 				render: (t) => /* @__PURE__ */ _(p, {
 					fullWidth: !0,
 					clearable: !1,
-					menuMaxHeight: pt,
-					onChange: (n) => Er(e, t.index, n?.id),
+					menuMaxHeight: gt,
+					onChange: (n) => jr(e, t.index, n?.id),
 					options: [...I],
 					size: "sub",
 					value: D(I, t.type)
@@ -984,10 +1000,10 @@ function R({ onChange: le, value: y }) {
 			{
 				key: "required",
 				render: (t) => /* @__PURE__ */ _(m, {
-					checked: Or(e, t.index).required === !0,
+					checked: Nr(e, t.index).required === !0,
 					inputProps: { "aria-label": `${t.label || t.fieldKey} 必填` },
-					onChange: (n) => X(e, t.index, {
-						...Or(e, t.index),
+					onChange: (n) => Z(e, t.index, {
+						...Nr(e, t.index),
 						required: n.target.checked
 					}),
 					size: "sub"
@@ -1000,7 +1016,7 @@ function R({ onChange: le, value: y }) {
 				icon: he,
 				iconType: "leading",
 				name: "移除此欄",
-				onClick: () => W({
+				onClick: () => G({
 					columnIndex: t.index,
 					columnKey: t.fieldKey,
 					fieldKey: e.fieldKey,
@@ -1009,19 +1025,19 @@ function R({ onChange: le, value: y }) {
 				variant: "destructive-ghost"
 			}],
 			width: 104
-		}, i = qn === null ? void 0 : t[qn]?.key;
+		}, i = Zn === null ? void 0 : t[Zn]?.key;
 		return /* @__PURE__ */ _(ae, {
 			actions: r,
 			columns: n,
 			dataSource: t,
 			draggable: {
 				enabled: !0,
-				onDragEnd: (t, n) => nr(e, n.fromIndex, n.toIndex)
+				onDragEnd: (t, n) => or(e, n.fromIndex, n.toIndex)
 			},
 			expandable: {
 				expandedRowKeys: i ? [i] : [],
-				expandedRowRender: (t) => Tr(e, t.index),
-				onExpand: (e, t) => G(e ? t.index : null)
+				expandedRowRender: (t) => Ar(e, t.index),
+				onExpand: (e, t) => K(e ? t.index : null)
 			},
 			fullWidth: !0,
 			rowHeightPreset: "roomy",
@@ -1029,13 +1045,13 @@ function R({ onChange: le, value: y }) {
 			size: "sub"
 		});
 	}
-	function Tr(e, t) {
+	function Ar(e, t) {
 		let n = e.columns[t];
 		return n ? /* @__PURE__ */ v("div", {
-			style: tn,
+			style: an,
 			children: [
 				$("欄位 Key", "columnFieldKey", /* @__PURE__ */ _(f, {
-					onChange: (r) => X(e, t, {
+					onChange: (r) => Z(e, t, {
 						...n,
 						fieldKey: r.target.value
 					}),
@@ -1044,7 +1060,7 @@ function R({ 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
 					}),
@@ -1052,38 +1068,38 @@ function R({ onChange: le, value: y }) {
 					value: n.placeholder ?? "",
 					variant: "base"
 				})),
-				xr(n, (n) => {
-					tt(n.type) && X(e, t, n);
+				Er(n, (n) => {
+					nt(n.type) && Z(e, t, n);
 				}, (n, r) => {
-					tt(r.type) && X(e, t, r);
+					nt(r.type) && Z(e, t, r);
 				}, e.columns)
 			]
 		}) : null;
 	}
-	function Er(e, t, n) {
+	function jr(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 = Pn(r, i), o = On(r);
-		o.length === 0 ? (X(e, t, a), G(t)) : W({
+		let a = Rn(r, i), o = Nn(r);
+		o.length === 0 ? (Z(e, t, a), K(t)) : G({
 			columnIndex: t,
 			columnKey: r.fieldKey,
 			fieldKey: e.fieldKey,
-			impact: `「${r.label || r.fieldKey}」改為${Dr(i)}後，這一欄的${o.join("、")}會被捨棄。`,
+			impact: `「${r.label || r.fieldKey}」改為${Mr(i)}後，這一欄的${o.join("、")}會被捨棄。`,
 			kind: "replace-column",
 			nextColumn: a
 		});
 	}
-	function Dr(e) {
+	function Mr(e) {
 		return I.find((t) => t.id === e)?.name ?? e;
 	}
-	function Or(e, t) {
+	function Nr(e, t) {
 		let n = e.columns[t];
 		if (!n) throw Error(`Table ${e.fieldKey} has no column at index ${t}.`);
 		return n;
 	}
-	function kr(e, t) {
+	function Pr(e, t) {
 		return /* @__PURE__ */ v(g, { children: [
-			$("預設值", "fieldDefaultValue", e.type === "textarea" ? Qr({
+			$("預設值", "fieldDefaultValue", e.type === "textarea" ? oi({
 				name: "fieldDefaultValue",
 				onChange: (n) => t({
 					...e,
@@ -1091,14 +1107,14 @@ function R({ onChange: le, value: y }) {
 				}),
 				placeholder: "輸入此欄位的預設文字",
 				rows: 3,
-				value: zn(e.defaultValue)
+				value: Un(e.defaultValue)
 			}) : /* @__PURE__ */ _(f, {
 				onChange: (n) => t({
 					...e,
 					defaultValue: n.target.value || void 0
 				}),
 				placeholder: "輸入此欄位的預設文字",
-				value: zn(e.defaultValue),
+				value: Un(e.defaultValue),
 				variant: "base"
 			})),
 			$("最小長度", "fieldMinLength", Q(e.minLength, (n) => t({
@@ -1110,20 +1126,20 @@ function R({ onChange: le, value: y }) {
 				maxLength: n
 			}), "例如：100", { min: 1 })),
 			$("格式（正規表示式）", "fieldPattern", /* @__PURE__ */ _(f, {
-				onChange: (n) => t(An(e, n.target.value)),
+				onChange: (n) => t(Pn(e, n.target.value)),
 				placeholder: "例如：[0-9]{8}",
 				value: e.pattern ?? "",
 				variant: "base"
-			}), !1, Mn(e.pattern)),
+			}), !1, In(e.pattern)),
 			e.pattern ? $("格式錯誤訊息", "fieldPatternErrorMessage", /* @__PURE__ */ _(f, {
-				onChange: (n) => t(jn(e, n.target.value)),
+				onChange: (n) => t(Fn(e, n.target.value)),
 				placeholder: "例如：統一編號為 8 位數字。",
 				value: e.patternErrorMessage ?? "",
 				variant: "base"
-			}), !1, Nn(e.patternErrorMessage)) : null
+			}), !1, Ln(e.patternErrorMessage)) : null
 		] });
 	}
-	function Ar(e, t) {
+	function Fr(e, t) {
 		return /* @__PURE__ */ v(g, { children: [
 			$("預設值", "fieldDefaultValue", Q(typeof e.defaultValue == "number" ? e.defaultValue : void 0, (n) => t({
 				...e,
@@ -1142,32 +1158,32 @@ function R({ onChange: le, value: y }) {
 			}), "例如：999999"))
 		] });
 	}
-	function jr(e, t) {
-		return $("預設值", "fieldDefaultValue", $r(e, zn(e.defaultValue), (n) => t({
+	function Ir(e, t) {
+		return $("預設值", "fieldDefaultValue", si(e, Un(e.defaultValue), (n) => t({
 			...e,
 			defaultValue: n
 		})));
 	}
-	function Mr(e, t, n, r) {
+	function Lr(e, t, n, r) {
 		let i = Me(e.type, F), a = {
 			commit: (e) => t(e),
 			rowColumns: r
-		}, 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),
+		}, o = k(e) ? wn(e.dataSource) : pn, 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 = [
+			...vn,
+			...i.map(En),
 			...k(e) && !c ? [{
 				id: o,
 				name: `${e.dataSource.key} v${e.dataSource.version}（目前不可用或不支援）`
 			}] : []
-		], u = nt(e);
+		], u = rt(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") && rr(e, t.id, n);
+					(t?.id === "single" || t?.id === "multiple") && sr(e, t.id, n);
 				},
-				options: [...hn],
-				value: D(hn, u)
+				options: [...yn],
+				value: D(yn, u)
 			})) : $("選擇模式", "fieldSelectionMode", /* @__PURE__ */ _(h, {
 				color: "text-neutral",
 				variant: "body",
@@ -1175,29 +1191,29 @@ function R({ onChange: le, value: y }) {
 			})),
 			$("選項來源", "fieldOptionSource", /* @__PURE__ */ _(p, {
 				clearable: !1,
-				disabled: z === "loading" && !k(e),
-				onChange: (n) => ar(e, n?.id, t),
+				disabled: kn === "loading" && !k(e),
+				onChange: (n) => lr(e, n?.id, t),
 				options: l,
 				placeholder: "選擇選項來源",
 				value: D(l, o)
 			})),
-			k(e) ? Nr(e, i, a) : Gr(e, t)
+			k(e) ? Rr(e, i, a) : Qr(e, t)
 		] });
 	}
-	function Nr(e, t, n) {
+	function Rr(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: Yt,
+			style: Qt,
 			children: [
-				z === "loading" ? /* @__PURE__ */ _(h, {
+				kn === "loading" ? /* @__PURE__ */ _(h, {
 					color: "text-neutral",
 					variant: "body",
 					children: "正在載入可用的選項來源…"
 				}) : null,
-				R ? /* @__PURE__ */ _(h, {
+				z ? /* @__PURE__ */ _(h, {
 					color: "text-error",
 					variant: "body",
-					children: R
+					children: z
 				}) : null,
 				r ? null : /* @__PURE__ */ _(h, {
 					color: "text-warning",
@@ -1209,19 +1225,19 @@ function R({ onChange: le, value: y }) {
 					variant: "body",
 					children: "這個來源不支援目前的控制項，請改選其他來源。"
 				}) : null,
-				r ? Pr(r) : null,
-				r && r.parameters.length > 0 ? Fr(e, r, n) : null,
-				t.length === 0 && !R ? /* @__PURE__ */ _(h, {
+				r ? zr(r) : null,
+				r && r.parameters.length > 0 ? Br(e, r, n) : null,
+				t.length === 0 && !z ? /* @__PURE__ */ _(h, {
 					color: "text-warning",
 					variant: "body",
 					children: "沒有支援目前控制項的已註冊來源。"
 				}) : null,
 				/* @__PURE__ */ _("div", {
-					style: Qt,
+					style: tn,
 					children: /* @__PURE__ */ _(c, {
-						disabled: Gn,
-						loading: Gn,
-						onClick: () => void cr(),
+						disabled: Yn,
+						loading: Yn,
+						onClick: () => void fr(),
 						size: "sub",
 						type: "button",
 						variant: "base-secondary",
@@ -1229,7 +1245,7 @@ function R({ onChange: le, value: y }) {
 					})
 				}),
 				V ? /* @__PURE__ */ _("div", {
-					style: Xt,
+					style: $t,
 					children: V.length > 0 ? V.map((e) => /* @__PURE__ */ _(h, {
 						color: "text-error",
 						variant: "caption",
@@ -1243,17 +1259,17 @@ function R({ onChange: le, value: y }) {
 			]
 		});
 	}
-	function Pr(e) {
+	function zr(e) {
 		return /* @__PURE__ */ v("div", {
-			style: en,
+			style: rn,
 			children: [
 				e.description ? /* @__PURE__ */ _(h, {
 					variant: "body",
 					children: e.description
 				}) : null,
 				/* @__PURE__ */ _("div", {
-					style: $t,
-					children: xn(e).map((e) => /* @__PURE__ */ _(oe, {
+					style: nn,
+					children: Tn(e).map((e) => /* @__PURE__ */ _(oe, {
 						label: e,
 						readOnly: !0,
 						size: "minor"
@@ -1272,91 +1288,137 @@ function R({ onChange: le, value: y }) {
 			]
 		});
 	}
-	function Fr(e, t, n) {
+	function Br(e, t, n) {
 		let r = t.parameters.map((e, t) => ({
 			key: e.key,
 			index: t,
 			parameter: e
 		}));
 		return /* @__PURE__ */ v("div", {
-			style: Zt,
-			children: [/* @__PURE__ */ _(h, {
-				color: "text-neutral",
-				variant: "label-secondary",
-				children: "這個來源需要的條件"
-			}), /* @__PURE__ */ _(ae, {
-				columns: [
-					{
-						key: "parameter",
-						render: (e) => /* @__PURE__ */ v("div", {
-							style: an,
-							children: [/* @__PURE__ */ _(h, {
-								variant: "input",
-								children: e.parameter.label ?? e.parameter.key
-							}), e.parameter.required ? /* @__PURE__ */ _(h, {
-								color: "text-error",
-								variant: "input",
-								children: "*"
-							}) : null]
-						}),
-						title: "條件",
-						width: 100
-					},
-					{
-						key: "binding",
-						width: 268,
-						render: (t) => Lr(e, t.parameter, n),
-						title: "值從哪裡來"
-					},
-					{
-						key: "constant",
-						width: 140,
-						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, {
+			style: en,
+			children: [
+				/* @__PURE__ */ _(h, {
+					color: "text-neutral",
+					variant: "label-secondary",
+					children: "這個來源需要的條件"
+				}),
+				/* @__PURE__ */ _(ae, {
+					columns: [
+						{
+							key: "parameter",
+							render: (e) => /* @__PURE__ */ v("div", {
+								style: cn,
+								children: [/* @__PURE__ */ _(h, {
+									variant: "input",
+									children: e.parameter.label ?? e.parameter.key
+								}), e.parameter.required ? /* @__PURE__ */ _(h, {
+									color: "text-error",
+									variant: "input",
+									children: "*"
+								}) : null]
+							}),
+							title: "條件",
+							width: 100
+						},
+						{
+							key: "binding",
+							width: 268,
+							render: (t) => Ur(e, t.parameter, n),
+							title: "值從哪裡來"
+						},
+						{
+							key: "constant",
+							width: 140,
+							render: (t) => {
+								let r = He(E(e, t.parameter.key));
+								return r === "CONSTANT" ? qr(e, t.parameter.key, t.parameter.type, E(e, t.parameter.key), n) : /* @__PURE__ */ _(h, {
+									color: "text-neutral",
+									variant: "caption",
+									children: r === "EXPRESSION" ? "見下方運算式" : "—"
+								});
+							},
+							title: "固定值"
+						},
+						{
+							key: "meaning",
+							render: (t) => /* @__PURE__ */ _(h, {
+								color: "text-neutral",
+								variant: "caption",
+								children: Gr(E(e, t.parameter.key), t.parameter, n, Hr(e, t.parameter, n))
+							}),
+							title: "填寫時的行為"
+						}
+					],
+					dataSource: r,
+					fullWidth: !0,
+					showHeader: !0,
+					size: "sub"
+				}),
+				Vr(e, t, n)
+			]
+		});
+	}
+	function Vr(e, t, n) {
+		let r = t.parameters.filter((t) => He(E(e, t.key)) === "EXPRESSION");
+		return r.length === 0 ? null : /* @__PURE__ */ _("div", {
+			style: en,
+			children: r.map((t) => {
+				let r = `${t.label ?? t.key} 的運算式`;
+				return /* @__PURE__ */ v("div", {
+					"data-data-source-expression": t.key,
+					style: en,
+					children: [
+						/* @__PURE__ */ _(h, {
 							color: "text-neutral",
-							variant: "caption",
-							children: "—"
+							variant: "label-secondary",
+							children: r
 						}),
-						title: "固定值"
-					},
-					{
-						key: "meaning",
-						render: (t) => /* @__PURE__ */ _(h, {
+						oi({
+							name: r,
+							onChange: (r) => Xr(e, t.key, r, n),
+							placeholder: n.rowColumns ? "例如：row.plant == \"\" ? form.plant : row.plant" : "例如：form.chargeTo == \"OTHER\" ? \"TW02\" : form.plant",
+							rows: 2,
+							value: Be(e, t.key) ?? ""
+						}),
+						/* @__PURE__ */ _(h, {
 							color: "text-neutral",
 							variant: "caption",
-							children: zr(E(e, t.parameter.key), t.parameter, n, Ir(e, t.parameter, n))
-						}),
-						title: "填寫時的行為"
-					}
-				],
-				dataSource: r,
-				fullWidth: !0,
-				showHeader: !0,
-				size: "sub"
-			})]
+							children: n.rowColumns ? "以 form.欄位代號 讀表單欄位、row.欄位代號 讀同列欄位；只能使用內建函式，結果須符合條件的型別。" : "以 form.欄位代號 讀表單欄位；只能使用內建函式，結果須符合條件的型別。"
+						})
+					]
+				}, t.key);
+			})
 		});
 	}
-	function Ir(e, t, n) {
+	function Hr(e, t, n) {
 		return je(t.type, b.fields, e.fieldKey).length + (n.rowColumns ? Ne(t.type, n.rowColumns, e.fieldKey).length : 0);
 	}
-	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}`,
+	function Ur(e, t, n) {
+		let r = Dn(E(e, t.key)), i = n.rowColumns ? Ne(t.type, n.rowColumns, e.fieldKey).map((e) => ({
+			id: `${gn}${e.id}`,
 			name: `同列：${e.name}`
 		})) : [], a = [
 			...t.required ? [] : [{
-				id: pn,
+				id: _n,
 				name: "未綁定"
 			}],
 			...i,
 			...je(t.type, b.fields, e.fieldKey),
 			...t.type === "STRING_ARRAY" ? [] : [{
-				id: dn,
+				id: mn,
 				name: "固定常數"
-			}]
+			}, {
+				id: hn,
+				name: "運算式"
+			}],
+			...r === R ? [{
+				id: R,
+				name: "不支援的來源（請重新設定）"
+			}] : []
 		];
 		return /* @__PURE__ */ _("div", {
 			"data-data-source-parameter": t.key,
-			style: on,
+			style: ln,
 			children: /* @__PURE__ */ _(p, {
 				clearable: !1,
 				fullWidth: !0,
@@ -1364,7 +1426,7 @@ function R({ onChange: le, value: y }) {
 					"aria-label": `${t.label ?? t.key} 的值來源`,
 					title: D(a, r)?.name ?? ""
 				},
-				onChange: (r) => Ur(e, t.key, t.type, r?.id, n),
+				onChange: (r) => Yr(e, t.key, t.type, r?.id, n),
 				options: a,
 				placeholder: "選擇欄位或常數",
 				size: "sub",
@@ -1372,14 +1434,14 @@ function R({ onChange: le, value: y }) {
 			})
 		});
 	}
-	function Rr(e) {
-		return mt[e];
+	function Wr(e) {
+		return _t[e];
 	}
-	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 Gr(e, t, n, r) {
+		let i = He(e);
+		return i === "CONSTANT" ? "固定值，不隨填寫變動" : i === "FIELD" ? `隨欄位「${Kr(e, n)}」變動` : i === "ROW_FIELD" ? `隨同列「${Kr(e, n)}」變動` : i === "EXPRESSION" ? "由運算式計算，隨引用的欄位變動" : e ? "這個來源目前的版本不支援，選項無法載入" : t.required ? r > 0 ? "尚未設定，選項無法載入" : `沒有相容的${Wr(t.type)}欄位，請改用固定值` : "未設定，不做這層篩選";
 	}
-	function Br(e, t) {
+	function Kr(e, t) {
 		let n = e?.from;
 		if (n?.kind === "FIELD") {
 			let e = b.fields.find((e) => e.fieldKey === n.fieldKey);
@@ -1391,14 +1453,14 @@ function R({ onChange: le, value: y }) {
 		}
 		return "";
 	}
-	function Vr(e, t, n, r, i) {
+	function qr(e, t, n, r, i) {
 		return /* @__PURE__ */ _("div", {
 			"data-data-source-constant": t,
-			children: Hr(e, t, n, r, i)
+			children: Jr(e, t, n, r, i)
 		});
 	}
-	function Hr(e, t, n, r, i) {
-		let a = Be(e, t);
+	function Jr(e, t, n, r, i) {
+		let a = Ve(e, t);
 		if (n === "BOOLEAN") {
 			let n = [{
 				id: "true",
@@ -1410,7 +1472,7 @@ function R({ onChange: le, value: y }) {
 			return /* @__PURE__ */ _(p, {
 				clearable: !1,
 				fullWidth: !0,
-				onChange: (n) => Wr(e, t, n?.id === "true", i),
+				onChange: (n) => Zr(e, t, n?.id === "true", i),
 				options: n,
 				size: "sub",
 				value: D(n, a === !0 ? "true" : "false")
@@ -1421,17 +1483,26 @@ function R({ onChange: le, value: y }) {
 			variant: "caption",
 			children: "這個條件要收多個值，請綁定一個複選欄位；不接受固定值。"
 		}) : /* @__PURE__ */ _(f, {
-			onChange: (r) => Wr(e, t, n === "NUMBER" ? Ae(r.target.value) ?? 0 : r.target.value, i),
+			onChange: (r) => Zr(e, t, n === "NUMBER" ? Ae(r.target.value) ?? 0 : r.target.value, i),
 			placeholder: n === "NUMBER" ? "輸入數字" : "輸入固定值",
-			value: Tn(r, n),
+			value: An(r, n),
 			variant: "base"
 		});
 	}
-	function Ur(e, t, n, r, i) {
-		i.commit(qe(e, t, En(t, n, r)));
+	function Yr(e, t, n, r, i) {
+		r !== R && i.commit(Je(e, t, jn(t, n, r)));
+	}
+	function Xr(e, t, n, r) {
+		r.commit(Je(e, t, {
+			from: {
+				expression: n,
+				kind: "EXPRESSION"
+			},
+			parameter: t
+		}));
 	}
-	function Wr(e, t, n, r) {
-		r.commit(qe(e, t, {
+	function Zr(e, t, n, r) {
+		r.commit(Je(e, t, {
 			from: {
 				kind: "CONSTANT",
 				value: n
@@ -1439,8 +1510,8 @@ function R({ onChange: le, value: y }) {
 			parameter: t
 		}));
 	}
-	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));
+	function Qr(e, t) {
+		let n = rt(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",
@@ -1460,9 +1531,9 @@ function R({ onChange: le, value: y }) {
 			options: i,
 			placeholder: "選擇預設選項",
 			value: typeof e.defaultValue == "string" ? D(i, e.defaultValue) : null
-		})), $("選項", "fieldOptions", ei(e, t), !0)] });
+		})), $("選項", "fieldOptions", ci(e, t), !0)] });
 	}
-	function Kr(e, t) {
+	function $r(e, t) {
 		let n = typeof e.defaultValue == "boolean" ? String(e.defaultValue) : "unset";
 		return $("預設值", "fieldDefaultValue", /* @__PURE__ */ _(p, {
 			clearable: !1,
@@ -1470,12 +1541,12 @@ function R({ onChange: le, value: y }) {
 				...e,
 				defaultValue: n?.id === "true" || n?.id !== "false" && void 0
 			}),
-			options: [...gn],
+			options: [...bn],
 			placeholder: "選擇預設狀態",
-			value: D(gn, n)
+			value: D(bn, n)
 		}));
 	}
-	function qr(e, t) {
+	function ei(e, t) {
 		return $("可複選", "fieldMemberMultiple", /* @__PURE__ */ _(m, {
 			checked: e.multiple === !0,
 			label: e.multiple === !0 ? "可選多位" : "只能選一位",
@@ -1487,38 +1558,38 @@ function R({ onChange: le, value: y }) {
 			size: "sub"
 		}));
 	}
-	function Jr(e, t) {
+	function ti(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", oi({
 			name: "fieldAcceptedMimeTypes",
 			onChange: (n) => t({
 				...e,
-				acceptedMimeTypes: Bn(n)
+				acceptedMimeTypes: Wn(n)
 			}),
 			placeholder: "每行一個 MIME type，例如：application/pdf",
 			rows: 3,
-			value: Vn(e.acceptedMimeTypes)
+			value: Gn(e.acceptedMimeTypes)
 		}), !1)] });
 	}
-	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, {
+	function ni(e) {
+		let t = b.fields.filter((t) => t.fieldKey !== e.fieldKey && !et(t) && !tt(t));
+		return t.length ? /* @__PURE__ */ _(g, { children: Sn.map((n) => ri(e, n, t)) }) : /* @__PURE__ */ _(h, {
 			color: "text-neutral",
-			style: Nt,
+			style: It,
 			variant: "body",
 			children: "目前沒有其他欄位可作為條件來源。新增更多欄位後即可設定條件規則。"
 		});
 	}
-	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);
+	function ri(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(Vn), 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: Ht,
+			style: Gt,
 			children: [/* @__PURE__ */ _(m, {
 				checked: d,
 				label: d ? "已啟用" : "不啟用",
-				onChange: (e) => Z(t.target, e.target.checked ? T(o, Le(o), Re(o)) : void 0),
+				onChange: (e) => ii(t.target, e.target.checked ? T(o, Le(o), Re(o)) : void 0),
 				size: "sub",
 				supportingText: t.supportingText
 			}), d ? f ? /* @__PURE__ */ _(h, {
@@ -1526,13 +1597,13 @@ function R({ onChange: le, value: y }) {
 				variant: "body",
 				children: "這個規則不是目前 UI 支援的格式。重新選擇條件後會取代既有規則。"
 			}) : /* @__PURE__ */ v("div", {
-				style: Ut,
+				style: Kt,
 				children: [
 					/* @__PURE__ */ _(p, {
 						clearable: !1,
 						onChange: (e) => {
 							let r = n.find((t) => t.fieldKey === e?.id) ?? o;
-							Z(t.target, T(r, Le(r), Re(r)));
+							ii(t.target, T(r, Le(r), Re(r)));
 						},
 						options: s,
 						placeholder: "選擇欄位",
@@ -1540,26 +1611,26 @@ function R({ onChange: le, value: y }) {
 					}),
 					/* @__PURE__ */ _(p, {
 						clearable: !1,
-						onChange: (e) => Z(t.target, T(o, Pe(e?.id) ?? l, u)),
+						onChange: (e) => ii(t.target, T(o, Pe(e?.id) ?? l, u)),
 						options: [...c],
 						placeholder: "判斷方式",
 						value: D(c, l)
 					}),
-					Zr(o, u, (e) => Z(t.target, T(o, l, e)))
+					ai(o, u, (e) => ii(t.target, T(o, l, e)))
 				]
 			}) : null]
 		}), !0);
 	}
-	function Z(e, t) {
-		q({ [e]: t });
+	function ii(e, t) {
+		J({ [e]: t });
 	}
-	function Zr(e, t, n) {
+	function ai(e, t, n) {
 		if (e.type === "boolean") return /* @__PURE__ */ _(p, {
 			clearable: !1,
 			onChange: (e) => n(e?.id ?? "true"),
-			options: [..._n],
+			options: [...xn],
 			placeholder: "比較值",
-			value: D(_n, t === "false" ? "false" : "true")
+			value: D(xn, t === "false" ? "false" : "true")
 		});
 		if (Ee(e)) {
 			let r = e.options.map(ze);
@@ -1571,22 +1642,22 @@ function R({ onChange: le, value: y }) {
 				value: D(r, t)
 			});
 		}
-		return Te(e) ? Q(Ae(t), (e) => n(String(e ?? 0)), "比較值") : Ce(e) ? $r(e, t, (e) => n(e ?? "")) : /* @__PURE__ */ _(f, {
+		return Te(e) ? Q(Ae(t), (e) => n(String(e ?? 0)), "比較值") : Ce(e) ? si(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 oi({ 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: sn,
+			ref: un,
 			resize: "vertical",
 			rows: r,
-			style: Lt,
+			style: Bt,
 			value: i
 		});
 	}
@@ -1602,7 +1673,7 @@ function R({ onChange: le, value: y }) {
 			variant: "measure"
 		});
 	}
-	function $r(e, t, n) {
+	function si(e, t, n) {
 		return e.type === "datetime" ? /* @__PURE__ */ _(u, {
 			formatDate: "YYYY-MM-DD",
 			formatTime: "HH:mm",
@@ -1618,7 +1689,7 @@ function R({ onChange: le, value: y }) {
 			value: Ie(t)
 		});
 	}
-	function ei(e, t) {
+	function ci(e, t) {
 		let n = e.options.map((t, n) => ({
 			index: n,
 			key: `${e.fieldKey}-${n}`,
@@ -1626,7 +1697,7 @@ function R({ onChange: le, value: y }) {
 			value: t.value
 		}));
 		return /* @__PURE__ */ v("div", {
-			style: Kt,
+			style: Yt,
 			children: [/* @__PURE__ */ _(ae, {
 				actions: {
 					render: (n) => [{
@@ -1647,7 +1718,7 @@ function R({ onChange: le, value: y }) {
 					render: (n) => /* @__PURE__ */ _(f, {
 						onChange: (r) => t({
 							...e,
-							options: Hn(e.options, n.index, { label: r.target.value })
+							options: Kn(e.options, n.index, { label: r.target.value })
 						}),
 						placeholder: "例如：主管",
 						size: "sub",
@@ -1660,7 +1731,7 @@ function R({ onChange: le, value: y }) {
 					render: (n) => /* @__PURE__ */ _(f, {
 						onChange: (r) => t({
 							...e,
-							options: Hn(e.options, n.index, { value: r.target.value })
+							options: Kn(e.options, n.index, { value: r.target.value })
 						}),
 						placeholder: "例如：manager",
 						size: "sub",
@@ -1673,13 +1744,13 @@ function R({ onChange: le, value: y }) {
 				showHeader: !0,
 				size: "sub"
 			}), /* @__PURE__ */ _("div", {
-				style: qt,
+				style: Xt,
 				children: /* @__PURE__ */ _(c, {
 					icon: me,
 					iconType: "leading",
 					onClick: () => t({
 						...e,
-						options: [...e.options, Un(e.options)]
+						options: [...e.options, qn(e.options)]
 					}),
 					variant: "base-secondary",
 					children: "新增選項"
@@ -1687,27 +1758,27 @@ function R({ onChange: le, value: y }) {
 			})]
 		});
 	}
-	function ti(e, t, n) {
+	function li(e, t, n) {
 		return /* @__PURE__ */ _("div", {
 			...t.draggableProps,
 			"data-form-builder-field-key": e.fieldKey,
 			ref: t.innerRef,
 			style: {
-				...wt,
-				...n ? Tt : null,
+				...Dt,
+				...n ? Ot : null,
 				...t.draggableProps.style
 			},
 			children: /* @__PURE__ */ _(s, {
-				style: e.fieldKey === K?.fieldKey ? Et : void 0,
-				children: ni(e, t, n)
+				style: e.fieldKey === q?.fieldKey ? kt : void 0,
+				children: ui(e, t, n)
 			})
 		});
 	}
 	function $(t, n, r, i = !1, a) {
 		return /* @__PURE__ */ _("div", {
-			style: i ? Ft : Pt,
+			style: i ? Rt : Lt,
 			children: /* @__PURE__ */ _("div", {
-				style: It,
+				style: zt,
 				children: /* @__PURE__ */ _(e, {
 					label: t,
 					layout: i ? ce.VERTICAL : ce.STRETCH,
@@ -1721,18 +1792,18 @@ function R({ onChange: le, value: y }) {
 			})
 		});
 	}
-	function ni(e, t, n) {
+	function ui(e, t, n) {
 		return /* @__PURE__ */ v("div", {
 			...t.dragHandleProps ?? {},
 			"aria-label": "選取或拖曳排序欄位",
 			onClick: () => P(e.fieldKey),
-			style: bt,
+			style: Ct,
 			title: "點擊選取，拖曳排序",
 			children: [
 				/* @__PURE__ */ _("span", {
 					"aria-label": "拖曳排序",
 					role: "img",
-					style: Wt,
+					style: qt,
 					title: "拖曳排序",
 					children: /* @__PURE__ */ _(d, {
 						icon: fe,
@@ -1740,14 +1811,14 @@ function R({ onChange: le, value: y }) {
 					})
 				}),
 				/* @__PURE__ */ v("div", {
-					style: xt,
+					style: wt,
 					children: [/* @__PURE__ */ v(h, {
 						component: "span",
 						ellipsis: !0,
 						variant: "label-primary",
 						children: [e.label, e.required ? /* @__PURE__ */ _("sup", {
 							"aria-label": "必填",
-							style: Jt,
+							style: Zt,
 							children: "*"
 						}) : null]
 					}), /* @__PURE__ */ v(h, {
@@ -1756,7 +1827,7 @@ function R({ onChange: le, value: y }) {
 						ellipsis: !0,
 						variant: "caption",
 						children: [
-							yn(e.type),
+							Cn(e.type),
 							" ·",
 							e.required ? " 必填" : " 選填",
 							" ·",
@@ -1767,20 +1838,20 @@ function R({ onChange: le, value: y }) {
 				}),
 				/* @__PURE__ */ v("div", {
 					onClick: (e) => e.stopPropagation(),
-					style: St,
+					style: Tt,
 					children: [/* @__PURE__ */ _("div", {
-						style: Ct,
+						style: Et,
 						children: /* @__PURE__ */ _(m, {
 							checked: !!e.required,
 							disabled: n || e.hidden === !0,
 							label: "必填",
-							onChange: (t) => mr(e.fieldKey, t.target.checked)
+							onChange: (t) => yr(e.fieldKey, t.target.checked)
 						})
 					}), /* @__PURE__ */ _(c, {
 						disabled: n,
 						icon: he,
 						iconType: "icon-only",
-						onClick: () => Xn(e.fieldKey),
+						onClick: () => er(e.fieldKey),
 						variant: "destructive-ghost",
 						children: "移除欄位"
 					})]
@@ -1788,7 +1859,7 @@ function R({ onChange: le, value: y }) {
 			]
 		});
 	}
-	function ri() {
+	function di() {
 		return /* @__PURE__ */ v("div", {
 			style: L,
 			children: [/* @__PURE__ */ _(h, {
@@ -1797,14 +1868,14 @@ function R({ onChange: le, value: y }) {
 				children: "填寫預覽"
 			}), /* @__PURE__ */ _(t, {
 				dataSourceContext: { kind: "preview" },
-				onChange: pr,
+				onChange: vr,
 				schema: b,
 				uiSchema: S,
-				value: Ye
+				value: Xe
 			})]
 		});
 	}
-	function ii() {
+	function fi() {
 		return /* @__PURE__ */ v("div", {
 			style: L,
 			children: [/* @__PURE__ */ _(h, {
@@ -1812,37 +1883,37 @@ function R({ onChange: le, value: y }) {
 				variant: "h3",
 				children: "Schema"
 			}), /* @__PURE__ */ v("div", {
-				style: Rt,
+				style: Vt,
 				children: [
-					ai("Form Schema", "schemaJson", /* @__PURE__ */ _(ct, {
+					pi("Form Schema", "schemaJson", /* @__PURE__ */ _(dt, {
 						height: "360px",
 						name: "schemaJson",
-						onChange: hr,
+						onChange: br,
 						placeholder: "輸入 Form Schema JSON",
 						value: pe
 					})),
-					ai("UI Schema", "uiSchemaJson", /* @__PURE__ */ _(ct, {
+					pi("UI Schema", "uiSchemaJson", /* @__PURE__ */ _(dt, {
 						height: "240px",
 						name: "uiSchemaJson",
-						onChange: gr,
+						onChange: xr,
 						placeholder: "輸入 UI Schema JSON",
 						value: ge
 					})),
-					Ze ? /* @__PURE__ */ _(h, {
+					Qe ? /* @__PURE__ */ _(h, {
 						color: "text-error",
-						style: Vt,
+						style: Wt,
 						variant: "body",
-						children: Ze
+						children: Qe
 					}) : null
 				]
 			})]
 		});
 	}
-	function ai(t, n, r) {
+	function pi(t, n, r) {
 		return /* @__PURE__ */ _("div", {
-			style: zt,
+			style: Ht,
 			children: /* @__PURE__ */ _("div", {
-				style: Bt,
+				style: Ut,
 				children: /* @__PURE__ */ _(e, {
 					label: t,
 					name: n,
@@ -1852,29 +1923,40 @@ function R({ onChange: le, value: y }) {
 		});
 	}
 }
-function yn(e) {
-	return lt.find((t) => t.type === e)?.label ?? e;
+function Cn(e) {
+	return ft.find((t) => t.type === e)?.label ?? e;
 }
-function bn(e) {
+function wn(e) {
 	return `${e.key}@${e.version}`;
 }
-function xn(e) {
+function Tn(e) {
 	return [
 		e.supportsSearch ? `可輸入關鍵字搜尋${e.minimumSearchLength > 1 ? `（至少 ${e.minimumSearchLength} 字）` : ""}` : "不支援搜尋",
 		e.paginationMode === "CURSOR" ? `捲動載入更多（每次 ${e.pageSize} 筆）` : `一次載入完整清單（最多 ${e.maximumResultCount} 筆）`,
 		e.revalidationPolicy === "ALWAYS" ? "退回重送時一律重新確認" : "值與條件未變時沿用上次結果"
 	];
 }
-function Sn(e) {
+function En(e) {
 	return {
-		id: bn(e),
+		id: wn(e),
 		name: e.label
 	};
 }
-function Cn(e) {
-	return e ? e.from.kind === "FIELD" ? e.from.fieldKey : e.from.kind === "ROW_FIELD" ? `${fn}${e.from.columnKey}` : dn : pn;
+function Dn(e) {
+	if (!e) return _n;
+	let t = e.from;
+	switch (t.kind) {
+		case "FIELD": return t.fieldKey;
+		case "ROW_FIELD": return `${gn}${t.columnKey}`;
+		case "CONSTANT": return mn;
+		case "EXPRESSION": return hn;
+		default: return On(t);
+	}
 }
-function wn(e) {
+function On(e) {
+	return R;
+}
+function kn(e) {
 	switch (e) {
 		case "BOOLEAN": return !1;
 		case "NUMBER": return 0;
@@ -1883,18 +1965,24 @@ function wn(e) {
 		default: return "";
 	}
 }
-function Tn(e, t) {
+function An(e, t) {
 	let n = e?.from.kind === "CONSTANT" ? e.from.value : "";
 	return t === "NUMBER" ? typeof n == "number" ? String(n) : "" : typeof n == "string" ? n : "";
 }
-function En(e, t, n) {
-	return !n || n === pn ? null : n === dn ? {
+function jn(e, t, n) {
+	return !n || n === _n ? null : n === hn ? {
+		from: {
+			expression: "",
+			kind: "EXPRESSION"
+		},
+		parameter: e
+	} : n === mn ? {
 		from: {
 			kind: "CONSTANT",
-			value: wn(t)
+			value: kn(t)
 		},
 		parameter: e
-	} : n.startsWith(fn) ? {
+	} : n.startsWith(gn) ? {
 		from: {
 			columnKey: n.slice(14),
 			kind: "ROW_FIELD"
@@ -1908,46 +1996,46 @@ function En(e, t, n) {
 		parameter: e
 	};
 }
-function Dn(e) {
+function Mn(e) {
 	return e.kind === "remove-field" ? "確認移除 dependency 欄位" : e.kind === "remove-column" ? "確認移除表格欄" : e.kind === "replace-column" ? "確認變更欄型別" : "確認變更選擇模式";
 }
-var z = [{
+var B = [{
 	label: "選項 A",
 	value: "option_a"
 }, {
 	label: "選項 B",
 	value: "option_b"
 }];
-function On(e) {
+function Nn(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 === "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;
+	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) && !V(e.options) && t.push(`${e.options.length} 個選項`), (e.type === "select" || e.type === "autocomplete") && e.mode === "multiple" && t.push("選擇模式"), t;
 }
-function kn(e) {
-	return e.length === z.length && e.every((e, t) => e.label === z[t]?.label && e.value === z[t]?.value);
+function V(e) {
+	return e.length === B.length && e.every((e, t) => e.label === B[t]?.label && e.value === B[t]?.value);
 }
-function An(e, t) {
+function Pn(e, t) {
 	return t ? {
 		...e,
 		pattern: t
 	} : Object.fromEntries(Object.entries(e).filter(([e]) => e !== "pattern" && e !== "patternErrorMessage"));
 }
-function jn(e, t) {
+function Fn(e, t) {
 	return t ? {
 		...e,
 		patternErrorMessage: t
 	} : Object.fromEntries(Object.entries(e).filter(([e]) => e !== "patternErrorMessage"));
 }
-function Mn(e) {
+function In(e) {
 	return e && !e.trim() ? {
 		severity: "error",
 		text: "格式不能只有空白，儲存時會被拒絕。"
-	} : e && e.length > Ye ? {
+	} : e && e.length > Xe ? {
 		severity: "error",
-		text: `格式最多 ${Ye} 個字元，儲存時會被拒絕。`
-	} : e && !Xe(e) ? {
+		text: `格式最多 ${Xe} 個字元，儲存時會被拒絕。`
+	} : e && !Ze(e) ? {
 		severity: "error",
 		text: "這不是有效的正規表示式，儲存時會被拒絕。格式以 u 模式檢查，多餘的跳脫（例如在方括號 [ ] 外寫 \\-）也算錯誤。"
-	} : e && Ze(e) ? {
+	} : e && Qe(e) ? {
 		severity: "error",
 		text: "格式裡的括號群組後面不能接重複次數（例如 (ab)+、(\\w|\\d)*、(ab){2}），填寫的內容可能讓系統卡住，儲存時會被拒絕。請把重複的部分直接寫出來，或改用 [ ] 字元集合加次數。"
 	} : {
@@ -1955,13 +2043,13 @@ function Mn(e) {
 		text: "填寫的內容要整段符合格式才能送出；留空表示不檢查格式。"
 	};
 }
-function Nn(e) {
+function Ln(e) {
 	return e && e.length > O ? {
 		severity: "error",
 		text: `錯誤訊息最多 ${O} 個字元，儲存時會被拒絕。`
 	} : void 0;
 }
-function Pn(e, t) {
+function Rn(e, t) {
 	let n = {
 		fieldKey: e.fieldKey,
 		label: e.label,
@@ -1972,59 +2060,59 @@ function Pn(e, t) {
 	return t === "select" || t === "autocomplete" ? {
 		...n,
 		mode: "single",
-		options: [...z],
+		options: [...B],
 		type: t
 	} : {
 		...n,
 		type: t
 	};
 }
-function Fn(e, t) {
+function zn(e, t) {
 	return Object.fromEntries(Object.entries(e).filter(([e]) => e !== t));
 }
-function In(e) {
+function Bn(e) {
 	return !!(e.visibleWhen || e.requiredWhen || e.readonlyWhen);
 }
-function Ln(e) {
+function Vn(e) {
 	return {
 		id: e.fieldKey,
 		name: e.label
 	};
 }
-function Rn(e) {
+function Hn(e) {
 	return e.type === "text" || e.type === "textarea";
 }
-function zn(e) {
+function Un(e) {
 	return typeof e == "string" ? e : "";
 }
-function Bn(e) {
+function Wn(e) {
 	let t = e.split(/[\n,]/u).map((e) => e.trim()).filter(Boolean);
 	return t.length ? t : void 0;
 }
-function Vn(e) {
+function Gn(e) {
 	return e?.join("\n") ?? "";
 }
-function B(e) {
+function H(e) {
 	return JSON.stringify(e, null, 2);
 }
-function Hn(e, t, n) {
+function Kn(e, t, n) {
 	return e.map((e, r) => r === t ? {
 		...e,
 		...n
 	} : e);
 }
-function Un(e) {
+function qn(e) {
 	let t = e.length + 1;
 	return {
 		label: `選項 ${t}`,
-		value: V(e, t)
+		value: U(e, t)
 	};
 }
-function V(e, t) {
+function U(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) ? U(e, t + 1) : n;
 }
-function Wn(e, t, n) {
+function Jn(e, t, n) {
 	let r = e[t];
 	if (!r || t === n) return [...e];
 	let i = e.filter((e, n) => n !== t);
@@ -2034,6 +2122,6 @@ function Wn(e, t, n) {
 		...i.slice(n)
 	];
 }
-export { R as t };
+export { z as t };
 
-//# sourceMappingURL=FormBuilderView-vQfVc08Z.js.map
+//# sourceMappingURL=FormBuilderView-CFRiw04B.js.map