@rytass/bpm-core-react 0.22.0 → 0.24.0

package/dist/chunks/{FormBuilderView-DbfbLZCI.js → FormBuilderView-CBvdcg_t.js}

@@ -1,6 +1,6 @@
 "use client";
 import { t as e } from "./bpm-form-field-9B-Det0u.js";
-import { t } from "./FormRendererView-CAyPXhPq.js";
+import { t } from "./FormRendererView-DHXmekC3.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, InlineMessage as ee, Input as f, Modal as te, Section as ne, SectionGroup as re, Select as p, Tab as ie, TabItem as ae, Table as oe, Tag as se, Textarea as ce, Toggle as m, Typography as h } from "@mezzanine-ui/react";
 import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
@@ -8,15 +8,15 @@ import { listFilterableFieldIssues as le } from "@rytass/bpm-core-client/workflo
 import { readFilterableFieldPaths as ue } from "@rytass/bpm-core-shared";
 import { FormFieldLayout as de } from "@mezzanine-ui/core/form";
 import { parseFormBindingExpressionLintLine as fe, readFormBindingExpressionLintMessage as pe } from "@rytass/bpm-core-client/template";
-import { buildConditionExpression as me, buildFormRendererValues as he, clampOptionalNumber as ge, createFieldDefinition as _e, createTableColumnDefinition as ve, formatDatePickerValue as ye, formatDateTimePickerValue as be, isDateFieldDefinition as xe, isFormDataSourceDescriptorCompatible as Se, isNumberFieldDefinition as Ce, isSelectFieldDefinition as we, lintFormSchema as Te, listFormDataSources as Ee, parseConditionRule as De, parseOptionalNumberInput as Oe, readCompatibleFormDataSourceBindingFields as ke, readCompatibleFormDataSourceDescriptors as Ae, readCompatibleFormTableColumnBindingFields as je, readConditionOperatorOption as Me, readConditionOperatorOptions as Ne, readDatePickerValue as Pe, readDefaultConditionOperator as Fe, readDefaultConditionValue as Ie, readFieldOptionAsSelectOption as Le, readFormDataSourceBinding as y, readFormDataSourceBindingExpression as Re, readFormDataSourceBindingValue as ze, readFormDataSourceBindingValueKind as Be, readFormDataSourceFieldDependencyKeys as Ve, readFormSchemaLintMessage as He, readFormTableRowBounds as Ue, readSelectOption as b, renameFormDataSourceFieldBindings as We, renameFormTableColumnBindings as Ge, upsertFormDataSourceFieldBinding as Ke } from "@rytass/bpm-core-client/form";
-import { AlignLeftIcon as qe, CalendarIcon as Je, CheckedIcon as Ye, CheckedOutlineIcon as Xe, CurrencyDollarIcon as Ze, DotDragVerticalIcon as Qe, DotGridIcon as $e, FileAttachmentIcon as x, FileIcon as S, FolderIcon as C, ListIcon as w, PlusIcon as et, TrashIcon as tt, UserIcon as nt } from "@mezzanine-ui/icons";
-import { FORM_TABLE_MAX_ROWS as rt, TEXT_FIELD_PATTERN_ERROR_MESSAGE_MAX_LENGTH as T, TEXT_FIELD_PATTERN_MAX_LENGTH as it, compileTextFieldPattern as E, hasRepeatedTextFieldPatternGroup as at, isFormDataSourceFieldDefinition as D, isFormOptionFieldDefinition as ot, isFormStaticOptionFieldDefinition as st, isMemberFieldDefinition as ct, isOrgUnitFieldDefinition as lt, isTableColumnFieldType as ut, isTableFieldDefinition as O, readFormFieldSelectionMode as dt } from "@rytass/bpm-core-shared/form";
-import { DragDropContext as ft, Draggable as pt, Droppable as mt } from "@hello-pangea/dnd";
-import ht from "next/dynamic";
-import { json as k } from "@codemirror/lang-json";
-import { EditorView as A } from "@codemirror/view";
+import { buildConditionExpression as y, buildFormRendererValues as me, clampOptionalNumber as he, createFieldDefinition as ge, createTableColumnDefinition as _e, formatDatePickerValue as ve, formatDateTimePickerValue as ye, isDateFieldDefinition as be, isFormDataSourceDescriptorCompatible as xe, isNumberFieldDefinition as Se, isSelectFieldDefinition as Ce, lintFormSchema as we, listFormDataSources as Te, parseConditionRule as Ee, parseOptionalNumberInput as De, readCompatibleFormDataSourceBindingFields as Oe, readCompatibleFormDataSourceDescriptors as ke, readCompatibleFormTableColumnBindingFields as Ae, readConditionOperatorOption as je, readConditionOperatorOptions as Me, readDatePickerValue as Ne, readDefaultConditionOperator as Pe, readDefaultConditionValue as Fe, readFieldOptionAsSelectOption as Ie, readFormDataSourceBinding as b, readFormDataSourceBindingExpression as Le, readFormDataSourceBindingValue as Re, readFormDataSourceBindingValueKind as ze, readFormDataSourceFieldDependencyKeys as Be, readFormSchemaLintMessage as Ve, readFormTableRowBounds as He, readSelectOption as x, renameFormDataSourceFieldBindings as Ue, renameFormTableColumnBindings as We, upsertFormDataSourceFieldBinding as Ge } from "@rytass/bpm-core-client/form";
+import { AlignLeftIcon as S, CalendarIcon as Ke, CheckedIcon as qe, CheckedOutlineIcon as Je, CurrencyDollarIcon as C, DotDragVerticalIcon as Ye, DotGridIcon as Xe, FileAttachmentIcon as w, FileIcon as T, FolderIcon as E, ListIcon as D, PlusIcon as Ze, TrashIcon as Qe, UserIcon as $e } from "@mezzanine-ui/icons";
+import { FORM_TABLE_MAX_ROWS as et, TEXT_FIELD_PATTERN_ERROR_MESSAGE_MAX_LENGTH as O, TEXT_FIELD_PATTERN_MAX_LENGTH as tt, compileTextFieldPattern as k, hasRepeatedTextFieldPatternGroup as nt, isFormDataSourceFieldDefinition as A, isFormOptionFieldDefinition as rt, isFormStaticOptionFieldDefinition as it, isMemberFieldDefinition as at, isOrgUnitFieldDefinition as ot, isTableColumnFieldType as st, isTableFieldDefinition as j, readFormFieldSelectionMode as ct } from "@rytass/bpm-core-shared/form";
+import { DragDropContext as lt, Draggable as ut, Droppable as dt } from "@hello-pangea/dnd";
+import ft from "next/dynamic";
+import { json as M } from "@codemirror/lang-json";
+import { EditorView as N } from "@codemirror/view";
 // src/views/forms/builder/json-code-editor.tsx
-var j = {
+var pt = {
 	alignItems: "center",
 	border: "1px solid var(--mzn-color-border-neutral)",
 	borderRadius: 4,
@@ -25,10 +25,10 @@ var j = {
 	minHeight: 160,
 	padding: 12,
 	width: "100%"
-}, gt = [
-	k(),
-	A.lineWrapping,
-	A.theme({
+}, mt = [
+	M(),
+	N.lineWrapping,
+	N.theme({
 		"&": {
 			border: "1px solid var(--mzn-color-border-neutral)",
 			borderRadius: "4px",
@@ -44,15 +44,15 @@ var j = {
 		".cm-gutters": { borderRight: "1px solid var(--mzn-color-border-neutral)" },
 		".cm-scroller": { fontFamily: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", monospace" }
 	})
-], M = ht(() => import("@uiw/react-codemirror"), {
+], ht = ft(() => import("@uiw/react-codemirror"), {
 	loading: () => /* @__PURE__ */ _("div", {
-		style: j,
+		style: pt,
 		children: "載入 JSON 編輯器"
 	}),
 	ssr: !1
 });
-function _t({ disabled: e = !1, height: t, name: n, onChange: r, placeholder: i, value: a }) {
-	return /* @__PURE__ */ _(M, {
+function gt({ disabled: e = !1, height: t, name: n, onChange: r, placeholder: i, value: a }) {
+	return /* @__PURE__ */ _(ht, {
 		"aria-label": n,
 		basicSetup: {
 			autocompletion: !0,
@@ -66,7 +66,7 @@ function _t({ disabled: e = !1, height: t, name: n, onChange: r, placeholder: i,
 			syntaxHighlighting: !0
 		},
 		editable: !e,
-		extensions: [...gt],
+		extensions: [...mt],
 		height: t,
 		indentWithTab: !1,
 		onChange: r,
@@ -78,157 +78,157 @@ function _t({ disabled: e = !1, height: t, name: n, onChange: r, placeholder: i,
 	});
 }
 // src/views/forms/builder/FormBuilderView.tsx
-var vt = [
+var P = "選項來源改為依賴其他欄位的值後，目前的預設值會被清除，之後由使用者在表單中自行選擇。", _t = [
 	{
 		description: "單行文字、姓名、編號",
-		icon: qe,
+		icon: S,
 		label: "文字",
 		type: "text"
 	},
 	{
 		description: "多行補充內容",
-		icon: S,
+		icon: T,
 		label: "長文字",
 		type: "textarea"
 	},
 	{
 		description: "金額、數量、分數",
-		icon: Ze,
+		icon: C,
 		label: "數字",
 		type: "number"
 	},
 	{
 		description: "金額與費用",
-		icon: Ze,
+		icon: C,
 		label: "金額",
 		type: "money"
 	},
 	{
 		description: "日期或到期日",
-		icon: Je,
+		icon: Ke,
 		label: "日期",
 		type: "date"
 	},
 	{
 		description: "日期與時間",
-		icon: Je,
+		icon: Ke,
 		label: "日期時間",
 		type: "datetime"
 	},
 	{
 		description: "是 / 否狀態",
-		icon: Ye,
+		icon: qe,
 		label: "開關",
 		type: "boolean"
 	},
 	{
 		description: "固定選項擇一",
-		icon: w,
+		icon: D,
 		label: "下拉選單",
 		type: "select"
 	},
 	{
 		description: "可搜尋的固定選項",
-		icon: w,
+		icon: D,
 		label: "自動完成",
 		type: "autocomplete"
 	},
 	{
 		description: "固定選項單選",
-		icon: $e,
+		icon: Xe,
 		label: "單選",
 		type: "radio"
 	},
 	{
 		description: "固定選項複選",
-		icon: Xe,
+		icon: Je,
 		label: "複選",
 		type: "checkbox"
 	},
 	{
 		description: "附件或佐證資料",
-		icon: x,
+		icon: w,
 		label: "附件",
 		type: "file_upload"
 	},
 	{
 		description: "從成員名單挑選一或多位人員",
-		icon: nt,
+		icon: $e,
 		label: "人員選擇",
 		type: "member"
 	},
 	{
 		description: "從組織圖挑選一個組織",
-		icon: C,
+		icon: E,
 		label: "組織選擇",
 		type: "org_unit"
 	},
 	{
 		description: "多列多欄明細",
-		icon: $e,
+		icon: Xe,
 		label: "表格",
 		type: "table"
 	}
-], N = vt.filter((e) => ut(e.type)).map((e) => ({
+], F = _t.filter((e) => st(e.type)).map((e) => ({
 	id: e.type,
 	name: e.label
-})), yt = {
+})), vt = {
 	alignItems: "start",
 	display: "flex",
 	flexWrap: "wrap",
 	gap: 16
-}, bt = {
+}, yt = {
 	flex: "0.55 1 300px",
 	minWidth: 0
-}, xt = {
+}, bt = {
 	flex: "1.45 1 720px",
 	minWidth: 620,
 	paddingBottom: 260
-}, St = 240, Ct = {
+}, xt = 240, St = {
 	BOOLEAN: "開關",
 	NUMBER: "數字",
 	STRING: "文字或選單",
 	STRING_ARRAY: "多選"
-}, wt = /^schema\.fields\[(\d+)\](?:\.columns\[(\d+)\])?\.dataSource\.bindings missing required parameter: (.+)$/u, Tt = /^schema\.fields\[(\d+)\](?:\.columns\[(\d+)\])?\.dataSource\.bindings unknown parameter: (.+)$/u, P = {
+}, Ct = /^schema\.fields\[(\d+)\](?:\.columns\[(\d+)\])?\.dataSource\.bindings missing required parameter: (.+)$/u, wt = /^schema\.fields\[(\d+)\](?:\.columns\[(\d+)\])?\.dataSource\.bindings unknown parameter: (.+)$/u, I = {
 	display: "grid",
 	gap: 12
-}, Et = {
+}, Tt = {
 	display: "flex",
 	flexWrap: "wrap",
 	gap: 6
-}, Dt = {
+}, Et = {
 	flex: "0 0 auto",
 	whiteSpace: "nowrap"
-}, Ot = {
+}, Dt = {
 	display: "grid",
 	gap: 8
-}, kt = {
+}, Ot = {
 	alignItems: "center",
 	cursor: "grab",
 	display: "flex",
 	gap: 12,
 	touchAction: "none"
-}, At = {
+}, kt = {
 	display: "grid",
 	flex: "1 1 auto",
 	gap: 2,
 	minWidth: 0
-}, jt = {
+}, At = {
 	alignItems: "center",
 	display: "flex",
 	flex: "0 0 auto",
 	gap: 4
-}, Mt = {
+}, jt = {
 	alignItems: "center",
 	display: "flex",
 	gap: 6
-}, Nt = {
+}, Mt = {
 	cursor: "pointer",
 	userSelect: "none"
-}, Pt = { filter: "drop-shadow(0 8px 18px rgba(0, 0, 0, 0.12))" }, Ft = {
+}, Nt = { filter: "drop-shadow(0 8px 18px rgba(0, 0, 0, 0.12))" }, Pt = {
 	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)"
-}, It = {
+}, Ft = {
 	alignItems: "center",
 	border: "1px dashed var(--mzn-color-border-neutral)",
 	borderRadius: 6,
@@ -237,135 +237,135 @@ var vt = [
 	minHeight: 240,
 	padding: 32,
 	textAlign: "center"
-}, Lt = {
+}, It = {
 	display: "flex",
 	gap: 8,
 	justifyContent: "center"
-}, Rt = {
+}, Lt = {
 	display: "grid",
 	gap: 14
-}, zt = {
+}, Rt = {
 	display: "grid",
 	columnGap: 16,
 	gridTemplateColumns: "repeat(auto-fit, minmax(280px, 360px))",
 	justifyContent: "start",
 	maxWidth: 736,
 	rowGap: 8
-}, Bt = { gridColumn: "1 / -1" }, Vt = {
+}, zt = { gridColumn: "1 / -1" }, Bt = {
 	alignItems: "center",
 	display: "flex",
 	gap: 8,
 	gridColumn: "1 / -1",
 	justifyContent: "flex-end"
-}, F = { gridColumn: "1 / -1" }, Ht = {
+}, L = { gridColumn: "1 / -1" }, Vt = {
 	alignItems: "start",
 	display: "block",
 	width: "100%"
-}, Ut = {
-	...Ht,
+}, Ht = {
+	...Vt,
 	gridColumn: "1 / -1"
-}, Wt = {
+}, Ut = {
 	minWidth: 0,
 	width: "100%"
-}, Gt = {
+}, Wt = {
 	minWidth: "100%",
 	width: "100%"
-}, Kt = {
+}, Gt = {
 	display: "grid",
 	gap: 14
-}, qt = {
+}, Kt = {
 	alignItems: "start",
 	display: "block",
 	width: "100%"
-}, Jt = {
+}, qt = {
 	minWidth: 0,
 	width: "100%"
-}, Yt = { gridColumn: "2 / -1" }, Xt = {
+}, Jt = { gridColumn: "2 / -1" }, Yt = {
 	display: "grid",
 	gap: 10,
 	width: "100%"
-}, Zt = {
+}, Xt = {
 	display: "grid",
 	gap: 8,
 	gridTemplateColumns: "repeat(auto-fit, minmax(160px, 1fr))"
-}, Qt = { display: "inline-flex" }, $t = {
+}, Zt = { display: "inline-flex" }, Qt = {
 	display: "grid",
 	gap: 16
-}, en = {
+}, $t = {
 	display: "grid",
 	gap: 8
-}, tn = {
+}, en = {
 	display: "flex",
 	justifyContent: "flex-end"
-}, nn = {
+}, tn = {
 	color: "var(--mzn-color-text-error)",
 	fontSize: "0.72em",
 	lineHeight: 0,
 	marginLeft: 2,
 	verticalAlign: "super"
-}, rn = {
+}, nn = {
 	display: "grid",
 	gap: 10,
 	gridColumn: "1 / -1"
-}, an = {
+}, rn = {
 	display: "grid",
 	gap: 2
-}, on = {
+}, an = {
 	display: "grid",
 	gap: 8
-}, sn = {
+}, on = {
 	display: "flex",
 	justifyContent: "flex-start"
-}, cn = {
+}, sn = {
 	display: "flex",
 	flexWrap: "wrap",
 	gap: 4
-}, ln = {
+}, cn = {
 	backgroundColor: "var(--mzn-color-bg-surface-secondary)",
 	borderRadius: 6,
 	display: "grid",
 	gap: 4,
 	padding: 10
-}, un = {
-	...zt,
+}, ln = {
+	...Rt,
 	gridTemplateColumns: "minmax(280px, 520px)",
 	padding: "4px 0 8px"
-}, dn = {
+}, un = {
 	display: "grid",
 	gap: 8,
 	gridColumn: "1 / -1"
-}, fn = {
+}, dn = {
 	alignItems: "center",
 	display: "flex",
 	gap: 12,
 	justifyContent: "space-between"
-}, pn = {
+}, fn = {
 	alignItems: "baseline",
 	display: "flex",
 	gap: 2
-}, mn = {
+}, pn = {
 	display: "grid",
 	gap: 4
 };
-function hn(e) {
+function mn(e) {
 	e && (e.style.width = "100%");
 }
-var gn = {
+var hn = {
 	fields: [],
 	schemaVersion: 1
-}, _n = {
+}, gn = {
 	layout: [],
 	schemaVersion: 1
-}, vn = "__STATIC_OPTIONS__", yn = "__CONSTANT__", bn = "__EXPRESSION__", I = "__UNSUPPORTED__", xn = "__ROW_FIELD__:", Sn = "__UNBOUND__", Cn = [{
-	id: vn,
+}, _n = "__STATIC_OPTIONS__", vn = "__CONSTANT__", yn = "__EXPRESSION__", R = "__UNSUPPORTED__", bn = "__ROW_FIELD__:", xn = "__UNBOUND__", Sn = [{
+	id: _n,
 	name: "靜態選項"
-}], wn = [{
+}], Cn = [{
 	id: "single",
 	name: "單選"
 }, {
 	id: "multiple",
 	name: "複選"
-}], Tn = [
+}], wn = [
 	{
 		id: "unset",
 		name: "不預設"
@@ -378,13 +378,13 @@ var gn = {
 		id: "false",
 		name: "否"
 	}
-], En = [{
+], Tn = [{
 	id: "true",
 	name: "是"
 }, {
 	id: "false",
 	name: "否"
-}], Dn = [
+}], En = [
 	{
 		label: "顯示",
 		name: "fieldVisibleWhen",
@@ -403,163 +403,163 @@ var gn = {
 		supportingText: "符合條件時不允許修改這個欄位。",
 		target: "readonlyWhen"
 	}
-], On = { whiteSpace: "pre-line" }, kn = "勾選後，此欄位的 key 與型別在之後的版本不能再改。HIDE／hidden 不是保密手段。";
-function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
-	let Ze = Xe?.schema ?? gn, $e = Xe?.uiSchema ?? _n, [x, S] = i(Ze), [C, w] = i($e), [nt, T] = i(V(Ze)), [it, E] = i(V($e)), [at, st] = i({}), [ht, k] = i(null), [A, j] = i([]), [gt, M] = i(null);
+], Dn = { whiteSpace: "pre-line" }, On = "勾選後，此欄位的 key 與型別在之後的版本不能再改。HIDE／hidden 不是保密手段。";
+function z({ formDefinitionId: S, onChange: Ke, templateId: qe, value: Je }) {
+	let C = Je?.schema ?? hn, Xe = Je?.uiSchema ?? gn, [w, T] = i(C), [E, D] = i(Xe), [$e, O] = i(U(C)), [tt, k] = i(U(Xe)), [nt, it] = i({}), [ft, M] = i(null), [N, pt] = i([]), [mt, ht] = i(null);
 	n(() => {
-		if (!Ye && !qe || ue(x).length === 0) return j([]), M(null), () => void 0;
+		if (!qe && !S || ue(w).length === 0) return pt([]), ht(null), () => void 0;
 		let e = !1, t = setTimeout(() => {
 			le({
-				formDefinitionId: qe,
-				schemaJson: V(x),
-				templateId: Ye
+				formDefinitionId: S,
+				schemaJson: U(w),
+				templateId: qe
 			}).then((t) => {
-				e || (j(t), M(null));
+				e || (pt(t), ht(null));
 			}).catch((t) => {
-				e || (j([]), M(t instanceof Error ? t.message : "無法檢查可篩選欄位。"));
+				e || (pt([]), ht(t instanceof Error ? t.message : "無法檢查可篩選欄位。"));
 			});
 		}, 400);
 		return () => {
 			e = !0, clearTimeout(t);
 		};
 	}, [
-		qe,
-		x,
-		Ye
+		S,
+		w,
+		qe
 	]);
-	let L = r(() => new Map(A.map((e) => [e.path, e.message])), [A]), [R, Fn] = i("design"), [z, B] = i(null), [H, tr] = i([]), [nr, rr] = i(null), [ir, ar] = i("loading"), [or, U] = i(null), [sr, cr] = i(!1), [W, G] = i(null), [lr, K] = i(null);
+	let P = r(() => new Map(N.map((e) => [e.path, e.message])), [N]), [z, Pn] = i("design"), [B, V] = i(null), [H, nr] = i([]), [ir, ar] = i(null), [or, sr] = i("loading"), [cr, W] = i(null), [lr, ur] = i(!1), [G, K] = i(null), [dr, q] = i(null);
 	n(() => {
 		let e = !0;
-		return Ee().then((t) => {
-			e && (tr(t), rr(null), ar("ready"));
+		return Te().then((t) => {
+			e && (nr(t), ar(null), sr("ready"));
 		}).catch((t) => {
-			e && (tr([]), rr("目前無法載入 DataSource Catalog，請稍後重試。"), ar("unavailable"));
+			e && (nr([]), ar("目前無法載入 DataSource Catalog，請稍後重試。"), sr("unavailable"));
 		}), () => {
 			e = !1;
 		};
 	}, []), n(() => {
-		x.fields.some((e) => e.fieldKey === z) || B(x.fields[0]?.fieldKey ?? null);
-	}, [x.fields, z]), n(() => {
-		st((e) => he(x.fields, e));
-	}, [x.fields]), n(() => {
-		R !== "advanced" && (T(V(x)), E(V(C)));
+		w.fields.some((e) => e.fieldKey === B) || V(w.fields[0]?.fieldKey ?? null);
+	}, [w.fields, B]), n(() => {
+		it((e) => me(w.fields, e));
+	}, [w.fields]), n(() => {
+		z !== "advanced" && (O(U(w)), k(U(E)));
 	}, [
-		R,
-		x,
-		C
+		z,
+		w,
+		E
 	]);
-	let q = r(() => x.fields.find((e) => e.fieldKey === z) ?? x.fields[0] ?? null, [x.fields, z]);
+	let J = r(() => w.fields.find((e) => e.fieldKey === B) ?? w.fields[0] ?? null, [w.fields, B]);
 	n(() => {
-		Je?.({
-			schema: x,
-			uiSchema: C
+		Ke?.({
+			schema: w,
+			uiSchema: E
 		});
-	}, [x, C]);
-	function ur(e) {
-		let t = x.fields.length + 1, n = _e(e, t);
-		S({
-			...x,
-			fields: [...x.fields, n]
-		}), w({
-			...C,
-			layout: [...C.layout, {
+	}, [w, E]);
+	function fr(e) {
+		let t = w.fields.length + 1, n = ge(e, t);
+		T({
+			...w,
+			fields: [...w.fields, n]
+		}), D({
+			...E,
+			layout: [...E.layout, {
 				fieldKey: n.fieldKey,
 				width: e === "textarea" || e === "file_upload" || e === "table" ? "FULL" : "HALF"
 			}]
-		}), B(n.fieldKey), Fn("design"), k(null);
+		}), V(n.fieldKey), Pn("design"), M(null);
 	}
-	function dr(e) {
+	function pr(e) {
 		let t = e;
-		t === "advanced" && R !== "advanced" && (T(V(x)), E(V(C))), Fn(t);
+		t === "advanced" && z !== "advanced" && (O(U(w)), k(U(E))), Pn(t);
 	}
-	function fr(e) {
-		let t = x.fields.flatMap((t) => O(t) ? t.columns.flatMap((n) => D(n) && Ve(n).includes(e) ? [`${t.fieldKey}.${n.fieldKey}`] : []) : D(t) && Ve(t).includes(e) ? [t.fieldKey] : []);
-		t.length > 0 ? G({
+	function mr(e) {
+		let t = w.fields.flatMap((t) => j(t) ? t.columns.flatMap((n) => A(n) && Be(n).includes(e) ? [`${t.fieldKey}.${n.fieldKey}`] : []) : A(t) && Be(t).includes(e) ? [t.fieldKey] : []);
+		t.length > 0 ? K({
 			affectedFieldKeys: t,
 			fieldKey: e,
 			kind: "remove-field"
-		}) : pr(e);
+		}) : hr(e);
 	}
-	function pr(e) {
-		let t = x.fields.filter((t) => t.fieldKey !== e);
-		S({
-			...x,
+	function hr(e) {
+		let t = w.fields.filter((t) => t.fieldKey !== e);
+		T({
+			...w,
 			fields: t
-		}), w({
-			...C,
-			layout: C.layout.filter((t) => t.fieldKey !== e)
-		}), B(z === e ? t[0]?.fieldKey ?? null : z), k(null), U(null);
+		}), D({
+			...E,
+			layout: E.layout.filter((t) => t.fieldKey !== e)
+		}), V(B === e ? t[0]?.fieldKey ?? null : B), M(null), W(null);
 	}
-	function mr(e) {
+	function gr(e) {
 		let t = e.destination;
-		t && e.source.index !== t.index && (S((n) => ({
+		t && e.source.index !== t.index && (T((n) => ({
 			...n,
-			fields: er(n.fields, e.source.index, t.index)
-		})), w((n) => ({
+			fields: rr(n.fields, e.source.index, t.index)
+		})), D((n) => ({
 			...n,
-			layout: er(n.layout, e.source.index, t.index)
-		})), k(null));
+			layout: rr(n.layout, e.source.index, t.index)
+		})), M(null));
 	}
-	function hr(e) {
-		J((t) => ({
+	function _r(e) {
+		Y((t) => ({
 			...t,
 			...e
 		}));
 	}
-	function J(e) {
-		if (!q) return;
-		let t = q.fieldKey, n = e(q), r = n.fieldKey, i = {
-			...x,
-			fields: x.fields.map((e) => e.fieldKey === t ? n : e)
-		}, a = t === r ? i : We(i, t, r);
-		S(a), w({
-			...C,
-			layout: C.layout.map((e) => e.fieldKey === t ? {
+	function Y(e) {
+		if (!J) return;
+		let t = J.fieldKey, n = e(J), r = n.fieldKey, i = {
+			...w,
+			fields: w.fields.map((e) => e.fieldKey === t ? n : e)
+		}, a = t === r ? i : Ue(i, t, r);
+		T(a), D({
+			...E,
+			layout: E.layout.map((e) => e.fieldKey === t ? {
 				...e,
 				fieldKey: r
 			} : e)
-		}), B(r), k(null), U(null);
+		}), V(r), M(null), W(null);
 	}
-	function gr(e) {
-		J(() => e);
+	function vr(e) {
+		Y(() => e);
 	}
-	function Y(e, t) {
-		S((n) => ({
+	function X(e, t) {
+		T((n) => ({
 			...n,
-			fields: n.fields.map((n) => n.fieldKey === e && O(n) ? t(n) : n)
-		})), k(null), U(null);
+			fields: n.fields.map((n) => n.fieldKey === e && j(n) ? t(n) : n)
+		})), M(null), W(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 ? Ge(i, r, n.fieldKey) : i;
+			return typeof r == "string" && r !== n.fieldKey ? We(i, r, n.fieldKey) : i;
 		});
 	}
-	function _r(e) {
-		let t = ve(e.columns, "text");
-		Y(e.fieldKey, (e) => ({
+	function yr(e) {
+		let t = _e(e.columns, "text");
+		X(e.fieldKey, (e) => ({
 			...e,
 			columns: [...e.columns, t]
-		})), K(e.columns.length);
+		})), q(e.columns.length);
 	}
-	function vr(e, t) {
-		Y(e, (e) => ({
+	function br(e, t) {
+		X(e, (e) => ({
 			...e,
 			columns: e.columns.filter((e, n) => n !== t)
-		})), K((e) => e === null || e < t ? e : e === t ? null : e - 1);
+		})), q((e) => e === null || e < t ? e : e === t ? null : e - 1);
 	}
-	function yr(e, t, n) {
-		Y(e.fieldKey, (e) => ({
+	function xr(e, t, n) {
+		X(e.fieldKey, (e) => ({
 			...e,
-			columns: er(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);
+			columns: rr(e.columns, t, n)
+		})), q((e) => e === null ? e : e === t ? n : e > t && e <= n ? e - 1 : e < t && e >= n ? e + 1 : e);
 	}
-	function br(e, t, n) {
-		if (e.type !== "select" && e.type !== "autocomplete" || dt(e) === t) return;
+	function Sr(e, t, n) {
+		if (e.type !== "select" && e.type !== "autocomplete" || ct(e) === t) return;
 		let r = e.defaultValue, i = t === "multiple" ? typeof r == "string" ? [r] : r : Array.isArray(r) ? r[0] : r;
 		n(e, {
 			...e,
@@ -567,18 +567,18 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 			mode: t
 		}, "選擇模式變更可能轉換或捨棄既有預設值。");
 	}
-	function xr(e, t, n = "此變更會替換目前選項來源；既有 options、dynamic reference 或 bindings 可能失效。") {
-		JSON.stringify(e) !== JSON.stringify(t) && G({
+	function Cr(e, t, n = "此變更會替換目前選項來源；既有 options、dynamic reference 或 bindings 可能失效。") {
+		JSON.stringify(e) !== JSON.stringify(t) && K({
 			fieldKey: e.fieldKey,
 			impact: n,
 			kind: "replace-field",
 			nextField: t
 		});
 	}
-	function Sr(e, t, n) {
+	function wr(e, t, n) {
 		if (!t) return;
-		if (t === vn) {
-			if (!D(e)) return;
+		if (t === _n) {
+			if (!A(e)) return;
 			let { dataSource: t, defaultValue: r, ...i } = e;
 			n({
 				...i,
@@ -586,9 +586,9 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 			});
 			return;
 		}
-		let r = H.find((e) => jn(e) === t);
+		let r = H.find((e) => An(e) === t);
 		if (!r) return;
-		if (D(e)) {
+		if (A(e)) {
 			let t = new Set(r.parameters.map((e) => e.key)), i = e.dataSource.bindings.filter((e) => t.has(e.parameter));
 			n({
 				...e,
@@ -600,9 +600,9 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 			});
 			return;
 		}
-		let { options: i, defaultValue: a, ...o } = e;
+		let { options: i, ...a } = e;
 		n({
-			...o,
+			...a,
 			dataSource: {
 				bindings: [],
 				key: r.key,
@@ -610,110 +610,110 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 			}
 		});
 	}
-	function Cr() {
-		W && (wr(W), G(null));
+	function Tr() {
+		G && (Er(G), K(null));
 	}
-	function wr(e) {
-		e.kind === "remove-field" ? pr(e.fieldKey) : e.kind === "remove-column" ? vr(e.fieldKey, e.columnIndex) : e.kind === "replace-column" ? (Y(e.fieldKey, (t) => ({
+	function Er(e) {
+		e.kind === "remove-field" ? hr(e.fieldKey) : e.kind === "remove-column" ? br(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)
-		})), K(e.columnIndex)) : (S({
-			...x,
-			fields: x.fields.map((t) => t.fieldKey === e.fieldKey ? e.nextField : t)
-		}), k(null), U(null));
+		})), q(e.columnIndex)) : (T({
+			...w,
+			fields: w.fields.map((t) => t.fieldKey === e.fieldKey ? e.nextField : t)
+		}), M(null), W(null));
 	}
-	async function Tr() {
-		cr(!0);
+	async function Dr() {
+		ur(!0);
 		try {
-			let e = await Te(x, C);
-			U(e.errors.map(Er));
+			let e = await we(w, E);
+			W(e.errors.map(Or));
 		} catch {
-			U(["目前無法完成 DataSource schema 驗證。"]);
+			W(["目前無法完成 DataSource schema 驗證。"]);
 		} finally {
-			cr(!1);
+			ur(!1);
 		}
 	}
-	function Er(e) {
-		let t = wt.exec(e);
-		if (t?.[1] && t[3]) return `${Dr(t[1], t[2])}尚未指定必要參數「${Or(t[1], t[2], t[3])}」的來源`;
+	function Or(e) {
+		let t = Ct.exec(e);
+		if (t?.[1] && t[3]) return `${kr(t[1], t[2])}尚未指定必要參數「${Ar(t[1], t[2], t[3])}」的來源`;
 		let n = fe(e);
 		if (n) {
-			let e = String(n.fieldIndex), t = n.columnIndex === null ? void 0 : String(n.columnIndex), r = x.fields[n.fieldIndex], i = r ? Ar(r, t) : void 0, a = kr(e, t, String(n.bindingIndex)) ?? "";
+			let e = String(n.fieldIndex), t = n.columnIndex === null ? void 0 : String(n.columnIndex), r = w.fields[n.fieldIndex], i = r ? Mr(r, t) : void 0, a = jr(e, t, String(n.bindingIndex)) ?? "";
 			return pe({
 				code: n.code,
 				columnLabel: i ? i.label || i.fieldKey : null,
 				fieldLabel: r ? r.label || r.fieldKey : "",
-				parameterLabel: Or(e, t, a),
+				parameterLabel: Ar(e, t, a),
 				subject: n.subject
 			});
 		}
-		let r = Tt.exec(e);
-		return r?.[1] && r[3] ? `${Dr(r[1], r[2])}綁定了來源沒有的參數「${r[3]}」` : He(e);
+		let r = wt.exec(e);
+		return r?.[1] && r[3] ? `${kr(r[1], r[2])}綁定了來源沒有的參數「${r[3]}」` : Ve(e);
 	}
-	function Dr(e, t) {
-		let n = x.fields[Number(e)];
+	function kr(e, t) {
+		let n = w.fields[Number(e)];
 		if (!n) return "";
-		let r = n.label || n.fieldKey, i = Ar(n, t);
+		let r = n.label || n.fieldKey, i = Mr(n, t);
 		return i ? `「${r}」表格的「${i.label || i.fieldKey}」欄` : `「${r}」欄位`;
 	}
-	function Or(e, t, n) {
-		let r = x.fields[Number(e)];
+	function Ar(e, t, n) {
+		let r = w.fields[Number(e)];
 		if (!r) return n;
-		let i = Ar(r, t) ?? r, a = D(i) ? i.dataSource : null;
+		let i = Mr(r, t) ?? r, a = A(i) ? i.dataSource : null;
 		return (a ? H.find((e) => e.key === a.key && e.version === a.version) : void 0)?.parameters.find((e) => e.key === n)?.label || n;
 	}
-	function kr(e, t, n) {
-		let r = x.fields[Number(e)], i = r ? Ar(r, t) ?? r : null;
-		return i && D(i) ? i.dataSource.bindings[Number(n)]?.parameter ?? null : null;
+	function jr(e, t, n) {
+		let r = w.fields[Number(e)], i = r ? Mr(r, t) ?? r : null;
+		return i && A(i) ? i.dataSource.bindings[Number(n)]?.parameter ?? null : null;
 	}
-	function Ar(e, t) {
-		return typeof t == "string" && O(e) ? e.columns[Number(t)] : void 0;
+	function Mr(e, t) {
+		return typeof t == "string" && j(e) ? e.columns[Number(t)] : void 0;
 	}
-	function jr(e) {
-		st(e);
+	function Nr(e) {
+		it(e);
 	}
-	function Mr(e, t) {
-		S((n) => ({
+	function Pr(e, t) {
+		T((n) => ({
 			...n,
 			fields: n.fields.map((n) => n.fieldKey === e ? {
 				...n,
 				required: t
 			} : n)
-		})), k(null);
+		})), M(null);
 	}
-	function Nr(e) {
-		T(e);
+	function Fr(e) {
+		O(e);
 		try {
-			S(JSON.parse(e)), k(null);
+			T(JSON.parse(e)), M(null);
 		} catch {
-			k("Form Schema JSON 格式不正確");
+			M("Form Schema JSON 格式不正確");
 		}
 	}
-	function Pr(e) {
-		E(e);
+	function Ir(e) {
+		k(e);
 		try {
-			w(JSON.parse(e)), k(null);
+			D(JSON.parse(e)), M(null);
 		} catch {
-			k("UI Schema JSON 格式不正確");
+			M("UI Schema JSON 格式不正確");
 		}
 	}
 	return /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ v(g, { children: [
-		gt ? /* @__PURE__ */ _(ee, {
-			content: gt,
+		mt ? /* @__PURE__ */ _(ee, {
+			content: mt,
 			severity: "warning"
 		}) : null,
-		A.length > 0 ? /* @__PURE__ */ _(h, {
+		N.length > 0 ? /* @__PURE__ */ _(h, {
 			color: "text-error",
-			style: On,
+			style: Dn,
 			variant: "body",
-			children: A.map((e) => e.message).join("\n")
+			children: N.map((e) => e.message).join("\n")
 		}) : null,
 		/* @__PURE__ */ _(re, { children: /* @__PURE__ */ _(ne, { children: /* @__PURE__ */ v("div", {
-			style: $t,
+			style: Qt,
 			children: [
 				/* @__PURE__ */ v(ie, {
-					activeKey: R,
-					onChange: dr,
+					activeKey: z,
+					onChange: pr,
 					size: "sub",
 					children: [
 						/* @__PURE__ */ _(ae, { children: "設計" }, "design"),
@@ -721,96 +721,96 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 						/* @__PURE__ */ _(ae, { children: "進階" }, "advanced")
 					]
 				}),
-				R === "design" ? Fr() : null,
-				R === "preview" ? Ci() : null,
-				R === "advanced" ? wi() : null
+				z === "design" ? Lr() : null,
+				z === "preview" ? Di() : null,
+				z === "advanced" ? Oi() : null
 			]
 		}) }) })
-	] }), W ? /* @__PURE__ */ _(te, {
+	] }), G ? /* @__PURE__ */ _(te, {
 		cancelText: "返回",
 		confirmText: "確認變更",
 		modalType: "standard",
-		onCancel: () => G(null),
-		onClose: () => G(null),
-		onConfirm: Cr,
+		onCancel: () => K(null),
+		onClose: () => K(null),
+		onConfirm: Tr,
 		open: !0,
 		showModalFooter: !0,
 		showModalHeader: !0,
-		title: Rn(W),
-		children: W.kind === "remove-field" ? /* @__PURE__ */ v("div", {
-			style: en,
+		title: Ln(G),
+		children: G.kind === "remove-field" ? /* @__PURE__ */ v("div", {
+			style: $t,
 			children: [/* @__PURE__ */ _(h, {
 				variant: "body",
 				children: "此欄位仍被下列 DataSource binding 使用；移除後請重新設定這些欄位。"
 			}), /* @__PURE__ */ _(h, {
 				color: "text-warning",
 				variant: "body",
-				children: W.affectedFieldKeys.join("、")
+				children: G.affectedFieldKeys.join("、")
 			})]
-		}) : W.kind === "remove-column" ? /* @__PURE__ */ v(h, {
+		}) : G.kind === "remove-column" ? /* @__PURE__ */ v(h, {
 			variant: "body",
 			children: [
 				"移除欄「",
-				W.columnKey,
+				G.columnKey,
 				"」後，既有案件仍保留原本的表單版本，但新版本的這一欄資料將不再被填寫。"
 			]
 		}) : /* @__PURE__ */ _(h, {
 			variant: "body",
-			children: W.impact
+			children: G.impact
 		})
 	}) : null] });
-	function Fr() {
+	function Lr() {
 		return /* @__PURE__ */ v("div", {
-			style: P,
+			style: I,
 			children: [/* @__PURE__ */ v("div", {
-				style: Ot,
+				style: Dt,
 				children: [/* @__PURE__ */ _(h, {
 					component: "h2",
 					variant: "label-primary",
 					children: "新增欄位"
 				}), /* @__PURE__ */ _("div", {
-					style: Et,
-					children: vt.map((e) => /* @__PURE__ */ _(c, {
+					style: Tt,
+					children: _t.map((e) => /* @__PURE__ */ _(c, {
 						icon: e.icon,
 						iconType: "leading",
-						onClick: () => ur(e.type),
+						onClick: () => fr(e.type),
 						size: "sub",
-						style: Dt,
+						style: Et,
 						type: "button",
 						variant: "base-secondary",
 						children: e.label
 					}, e.type))
 				})]
 			}), /* @__PURE__ */ v("div", {
-				style: yt,
+				style: vt,
 				children: [/* @__PURE__ */ v("div", {
 					style: {
-						...P,
-						...bt
+						...I,
+						...yt
 					},
 					children: [/* @__PURE__ */ _(h, {
 						component: "h2",
 						variant: "label-primary",
 						children: "表單畫布"
-					}), x.fields.length > 0 ? /* @__PURE__ */ _(ft, {
-						onDragEnd: mr,
-						children: /* @__PURE__ */ _(mt, {
+					}), w.fields.length > 0 ? /* @__PURE__ */ _(lt, {
+						onDragEnd: gr,
+						children: /* @__PURE__ */ _(dt, {
 							droppableId: "form-builder-fields",
 							children: (e) => /* @__PURE__ */ v("div", {
 								...e.droppableProps,
 								ref: e.innerRef,
-								style: P,
-								children: [x.fields.map((e, t) => /* @__PURE__ */ _(pt, {
+								style: I,
+								children: [w.fields.map((e, t) => /* @__PURE__ */ _(ut, {
 									draggableId: e.fieldKey,
 									index: t,
-									children: (t, n) => xi(e, t, n.isDragging)
+									children: (t, n) => Ti(e, t, n.isDragging)
 								}, e.fieldKey)), e.placeholder]
 							})
 						})
 					}) : /* @__PURE__ */ v("div", {
-						style: It,
+						style: Ft,
 						children: [/* @__PURE__ */ v("div", {
-							style: P,
+							style: I,
 							children: [/* @__PURE__ */ _(h, {
 								component: "h3",
 								variant: "h3",
@@ -821,13 +821,13 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 								children: "從上方新增第一個欄位，或直接建立常用文字欄位開始設計。"
 							})]
 						}), /* @__PURE__ */ v("div", {
-							style: Lt,
+							style: It,
 							children: [/* @__PURE__ */ _(c, {
-								onClick: () => ur("text"),
+								onClick: () => fr("text"),
 								variant: "base-primary",
 								children: "新增文字欄位"
 							}), /* @__PURE__ */ _(c, {
-								onClick: () => ur("textarea"),
+								onClick: () => fr("textarea"),
 								variant: "base-secondary",
 								children: "新增長文字"
 							})]
@@ -835,14 +835,14 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 					})]
 				}), /* @__PURE__ */ v("div", {
 					style: {
-						...P,
-						...xt
+						...I,
+						...bt
 					},
 					children: [/* @__PURE__ */ _(h, {
 						component: "h2",
 						variant: "label-primary",
 						children: "欄位設定"
-					}), q ? Ir(q) : /* @__PURE__ */ _(h, {
+					}), J ? Rr(J) : /* @__PURE__ */ _(h, {
 						color: "text-neutral",
 						variant: "body",
 						children: "請先新增或選取欄位。"
@@ -851,137 +851,137 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 			})]
 		});
 	}
-	function Ir(e) {
+	function Rr(e) {
 		return /* @__PURE__ */ v("div", {
-			style: Rt,
+			style: Lt,
 			children: [
-				Lr(e),
-				O(e) ? Vr(e) : null,
-				Rr(e)
+				zr(e),
+				j(e) ? Ur(e) : null,
+				Br(e)
 			]
 		});
 	}
-	function Lr(e) {
+	function zr(e) {
 		return /* @__PURE__ */ v("div", {
-			style: zt,
+			style: Rt,
 			children: [
 				/* @__PURE__ */ _("div", {
-					style: Vt,
+					style: Bt,
 					children: /* @__PURE__ */ _(o, {
 						size: "main",
-						text: An(e.type),
+						text: kn(e.type),
 						variant: "text-info"
 					})
 				}),
 				$("標題", "fieldLabel", /* @__PURE__ */ _(f, {
-					onChange: (e) => hr({ label: e.target.value }),
+					onChange: (e) => _r({ label: e.target.value }),
 					placeholder: "例如：申請金額",
 					value: e.label,
 					variant: "base"
 				})),
 				$("欄位 Key", "fieldKey", /* @__PURE__ */ _(f, {
-					onChange: (e) => hr({ fieldKey: e.target.value }),
+					onChange: (e) => _r({ fieldKey: e.target.value }),
 					placeholder: "例如：amount",
 					value: e.fieldKey,
 					variant: "base"
 				})),
-				O(e) ? null : $("提示文字", "fieldPlaceholder", /* @__PURE__ */ _(f, {
-					onChange: (e) => hr({ placeholder: e.target.value || void 0 }),
+				j(e) ? null : $("提示文字", "fieldPlaceholder", /* @__PURE__ */ _(f, {
+					onChange: (e) => _r({ placeholder: e.target.value || void 0 }),
 					placeholder: "例如：請輸入申請金額",
 					value: e.placeholder ?? "",
 					variant: "base"
 				})),
-				zr(e, gr, xr),
-				Jn(e) ? $("以連結顯示", "fieldDisplayAsLink", /* @__PURE__ */ _(m, {
+				Vr(e, vr, Cr, Cr),
+				qn(e) ? $("以連結顯示", "fieldDisplayAsLink", /* @__PURE__ */ _(m, {
 					checked: e.displayAs === "link",
-					onChange: (e) => J((t) => e.target.checked ? Jn(t) ? {
+					onChange: (e) => Y((t) => e.target.checked ? qn(t) ? {
 						...t,
 						displayAs: "link"
-					} : t : Gn(t, "displayAs"))
+					} : t : Wn(t, "displayAs"))
 				})) : null,
 				$("可篩選", "fieldFilterable", /* @__PURE__ */ _(m, {
 					checked: e.filterable === !0,
-					onChange: (e) => J((t) => e.target.checked ? {
+					onChange: (e) => Y((t) => e.target.checked ? {
 						...t,
 						filterable: !0
-					} : Gn(t, "filterable"))
+					} : Wn(t, "filterable"))
 				})),
 				e.filterable === !0 ? /* @__PURE__ */ _(h, {
 					color: "text-neutral",
-					style: F,
+					style: L,
 					variant: "body",
-					children: kn
+					children: On
 				}) : null,
-				L.has(e.fieldKey) ? /* @__PURE__ */ _(h, {
+				P.has(e.fieldKey) ? /* @__PURE__ */ _(h, {
 					color: "text-error",
-					style: F,
+					style: L,
 					variant: "body",
-					children: L.get(e.fieldKey)
+					children: P.get(e.fieldKey)
 				}) : 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
-					} : Gn(t, "hidden"))
+					} : Wn(t, "hidden"))
 				})),
 				e.hidden === !0 ? /* @__PURE__ */ _(h, {
 					color: "text-neutral",
-					style: F,
+					style: L,
 					variant: "body",
 					children: "填寫、唯讀與重送畫面都不會顯示這個欄位，值仍會存下來； 透過 API 仍然讀得到這個值，不是權限控管。"
 				}) : null
 			]
 		});
 	}
-	function Rr(e) {
+	function Br(e) {
 		return /* @__PURE__ */ _(a, {
-			defaultExpanded: Kn(e),
+			defaultExpanded: Gn(e),
 			size: "sub",
 			title: "進階設定",
 			children: /* @__PURE__ */ v("div", {
-				style: zt,
+				style: Rt,
 				children: [
 					/* @__PURE__ */ _(h, {
 						component: "h3",
-						style: Bt,
+						style: zt,
 						variant: "label-primary",
 						children: "條件規則"
 					}),
 					/* @__PURE__ */ _(h, {
 						color: "text-neutral",
-						style: F,
+						style: L,
 						variant: "body",
 						children: "只有需要根據其他欄位改變顯示、必填或唯讀狀態時才需要設定。"
 					}),
-					hi(e)
+					vi(e)
 				]
 			})
 		});
 	}
-	function zr(e, t, n, r) {
-		return Jn(e) ? qr(e, t) : Ce(e) ? Jr(e, t) : xe(e) ? Yr(e, t) : ot(e) ? Xr(e, t, n, r) : e.type === "boolean" ? fi(e, t) : e.type === "file_upload" ? mi(e, t) : ct(e) ? pi(e, t) : O(e) ? Br(e) : null;
+	function Vr(e, t, n, r, i) {
+		return qn(e) ? Yr(e, t) : Se(e) ? Xr(e, t) : be(e) ? Zr(e, t) : rt(e) ? Qr(e, t, n, r, i) : e.type === "boolean" ? hi(e, t) : e.type === "file_upload" ? _i(e, t) : at(e) ? gi(e, t) : j(e) ? Hr(e) : null;
 	}
-	function Br(e) {
-		let t = Ue(e);
+	function Hr(e) {
+		let t = He(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
-			})), `未設定即為 ${rt}`, {
-				max: rt,
+			})), `未設定即為 ${et}`, {
+				max: et,
 				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
 				})),
@@ -991,11 +991,11 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 			}))
 		] });
 	}
-	function Vr(e) {
+	function Ur(e) {
 		return /* @__PURE__ */ v("div", {
-			style: dn,
+			style: un,
 			children: [/* @__PURE__ */ v("div", {
-				style: fn,
+				style: dn,
 				children: [/* @__PURE__ */ v(h, {
 					component: "h3",
 					variant: "label-primary",
@@ -1005,18 +1005,18 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 						"）"
 					]
 				}), /* @__PURE__ */ _(c, {
-					icon: et,
+					icon: Ze,
 					iconType: "leading",
-					onClick: () => _r(e),
+					onClick: () => yr(e),
 					size: "sub",
 					type: "button",
 					variant: "base-secondary",
 					children: "新增欄"
 				})]
-			}), Hr(e)]
+			}), Wr(e)]
 		});
 	}
-	function Hr(e) {
+	function Wr(e) {
 		let t = e.columns.map((t, n) => ({
 			fieldKey: t.fieldKey,
 			index: n,
@@ -1028,8 +1028,8 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 				key: "label",
 				render: (t) => /* @__PURE__ */ _(f, {
 					fullWidth: !0,
-					onChange: (n) => X(e, t.index, {
-						...Kr(e, t.index),
+					onChange: (n) => Z(e, t.index, {
+						...Jr(e, t.index),
 						label: n.target.value
 					}),
 					placeholder: "例如：數量",
@@ -1044,21 +1044,21 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 				render: (t) => /* @__PURE__ */ _(p, {
 					fullWidth: !0,
 					clearable: !1,
-					menuMaxHeight: St,
-					onChange: (n) => Wr(e, t.index, n?.id),
-					options: [...N],
+					menuMaxHeight: xt,
+					onChange: (n) => Kr(e, t.index, n?.id),
+					options: [...F],
 					size: "sub",
-					value: b(N, t.type)
+					value: x(F, t.type)
 				}),
 				title: "型別"
 			},
 			{
 				key: "required",
 				render: (t) => /* @__PURE__ */ _(m, {
-					checked: Kr(e, t.index).required === !0,
+					checked: Jr(e, t.index).required === !0,
 					inputProps: { "aria-label": `${t.label || t.fieldKey} 必填` },
-					onChange: (n) => X(e, t.index, {
-						...Kr(e, t.index),
+					onChange: (n) => Z(e, t.index, {
+						...Jr(e, t.index),
 						required: n.target.checked
 					}),
 					size: "sub"
@@ -1068,12 +1068,12 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 			{
 				key: "filterable",
 				render: (t) => {
-					let n = Kr(e, t.index), r = L.get(`${e.fieldKey}.${n.fieldKey}`);
+					let n = Jr(e, t.index), r = P.get(`${e.fieldKey}.${n.fieldKey}`);
 					return /* @__PURE__ */ v("div", { children: [
 						/* @__PURE__ */ _(m, {
 							checked: n.filterable === !0,
 							inputProps: { "aria-label": `${t.label || t.fieldKey} 可篩選` },
-							onChange: (r) => X(e, t.index, {
+							onChange: (r) => Z(e, t.index, {
 								...n,
 								filterable: r.target.checked
 							}),
@@ -1082,7 +1082,7 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 						n.filterable === !0 ? /* @__PURE__ */ _(h, {
 							color: "text-neutral",
 							variant: "caption",
-							children: kn
+							children: On
 						}) : null,
 						r ? /* @__PURE__ */ _(h, {
 							color: "text-error",
@@ -1096,10 +1096,10 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 		], r = {
 			render: (t) => [{
 				disabled: () => e.columns.length <= 1,
-				icon: tt,
+				icon: Qe,
 				iconType: "leading",
 				name: "移除此欄",
-				onClick: () => G({
+				onClick: () => K({
 					columnIndex: t.index,
 					columnKey: t.fieldKey,
 					fieldKey: e.fieldKey,
@@ -1108,19 +1108,19 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 				variant: "destructive-ghost"
 			}],
 			width: 104
-		}, i = lr === null ? void 0 : t[lr]?.key;
+		}, i = dr === null ? void 0 : t[dr]?.key;
 		return /* @__PURE__ */ _(oe, {
 			actions: r,
 			columns: n,
 			dataSource: t,
 			draggable: {
 				enabled: !0,
-				onDragEnd: (t, n) => yr(e, n.fromIndex, n.toIndex)
+				onDragEnd: (t, n) => xr(e, n.fromIndex, n.toIndex)
 			},
 			expandable: {
 				expandedRowKeys: i ? [i] : [],
-				expandedRowRender: (t) => Ur(e, t.index),
-				onExpand: (e, t) => K(e ? t.index : null)
+				expandedRowRender: (t) => Gr(e, t.index),
+				onExpand: (e, t) => q(e ? t.index : null)
 			},
 			fullWidth: !0,
 			rowHeightPreset: "roomy",
@@ -1128,13 +1128,13 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 			size: "sub"
 		});
 	}
-	function Ur(e, t) {
+	function Gr(e, t) {
 		let n = e.columns[t];
 		return n ? /* @__PURE__ */ v("div", {
-			style: un,
+			style: ln,
 			children: [
 				$("欄位 Key", "columnFieldKey", /* @__PURE__ */ _(f, {
-					onChange: (r) => X(e, t, {
+					onChange: (r) => Z(e, t, {
 						...n,
 						fieldKey: r.target.value
 					}),
@@ -1143,7 +1143,7 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 					variant: "base"
 				})),
 				$("提示文字", "columnPlaceholder", /* @__PURE__ */ _(f, {
-					onChange: (r) => X(e, t, {
+					onChange: (r) => Z(e, t, {
 						...n,
 						placeholder: r.target.value || void 0
 					}),
@@ -1151,38 +1151,45 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 					value: n.placeholder ?? "",
 					variant: "base"
 				})),
-				zr(n, (n) => {
-					ut(n.type) && X(e, t, n);
+				Vr(n, (n) => {
+					st(n.type) && Z(e, t, n);
 				}, (n, r) => {
-					ut(r.type) && X(e, t, r);
-				}, e.columns)
+					st(r.type) && Z(e, t, r);
+				}, (n, r, i) => K({
+					columnIndex: t,
+					columnKey: n.fieldKey,
+					fieldKey: e.fieldKey,
+					impact: i,
+					kind: "replace-column",
+					nextColumn: r
+				}), e.columns)
 			]
 		}) : null;
 	}
-	function Wr(e, t, n) {
-		let r = e.columns[t], i = N.find((e) => e.id === n)?.id;
+	function Kr(e, t, n) {
+		let r = e.columns[t], i = F.find((e) => e.id === n)?.id;
 		if (!r || !i || r.type === i) return;
-		let a = Wn(r, i), o = zn(r);
-		o.length === 0 ? (X(e, t, a), K(t)) : G({
+		let a = Un(r, i), o = Rn(r);
+		o.length === 0 ? (Z(e, t, a), q(t)) : K({
 			columnIndex: t,
 			columnKey: r.fieldKey,
 			fieldKey: e.fieldKey,
-			impact: `「${r.label || r.fieldKey}」改為${Gr(i)}後，這一欄的${o.join("、")}會被捨棄。`,
+			impact: `「${r.label || r.fieldKey}」改為${qr(i)}後，這一欄的${o.join("、")}會被捨棄。`,
 			kind: "replace-column",
 			nextColumn: a
 		});
 	}
-	function Gr(e) {
-		return N.find((t) => t.id === e)?.name ?? e;
+	function qr(e) {
+		return F.find((t) => t.id === e)?.name ?? e;
 	}
-	function Kr(e, t) {
+	function Jr(e, t) {
 		let n = e.columns[t];
 		if (!n) throw Error(`Table ${e.fieldKey} has no column at index ${t}.`);
 		return n;
 	}
-	function qr(e, t) {
+	function Yr(e, t) {
 		return /* @__PURE__ */ v(g, { children: [
-			$("預設值", "fieldDefaultValue", e.type === "textarea" ? vi({
+			$("預設值", "fieldDefaultValue", e.type === "textarea" ? Si({
 				name: "fieldDefaultValue",
 				onChange: (n) => t({
 					...e,
@@ -1190,14 +1197,14 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 				}),
 				placeholder: "輸入此欄位的預設文字",
 				rows: 3,
-				value: Yn(e.defaultValue)
+				value: Jn(e.defaultValue)
 			}) : /* @__PURE__ */ _(f, {
 				onChange: (n) => t({
 					...e,
 					defaultValue: n.target.value || void 0
 				}),
 				placeholder: "輸入此欄位的預設文字",
-				value: Yn(e.defaultValue),
+				value: Jn(e.defaultValue),
 				variant: "base"
 			})),
 			$("最小長度", "fieldMinLength", Q(e.minLength, (n) => t({
@@ -1209,20 +1216,20 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 				maxLength: n
 			}), "例如：100", { min: 1 })),
 			$("格式（正規表示式）", "fieldPattern", /* @__PURE__ */ _(f, {
-				onChange: (n) => t(Bn(e, n.target.value)),
+				onChange: (n) => t(zn(e, n.target.value)),
 				placeholder: "例如：[0-9]{8}",
 				value: e.pattern ?? "",
 				variant: "base"
-			}), !1, Hn(e.pattern)),
+			}), !1, Vn(e.pattern)),
 			e.pattern ? $("格式錯誤訊息", "fieldPatternErrorMessage", /* @__PURE__ */ _(f, {
-				onChange: (n) => t(Vn(e, n.target.value)),
+				onChange: (n) => t(Bn(e, n.target.value)),
 				placeholder: "例如：統一編號為 8 位數字。",
 				value: e.patternErrorMessage ?? "",
 				variant: "base"
-			}), !1, Un(e.patternErrorMessage)) : null
+			}), !1, Hn(e.patternErrorMessage)) : null
 		] });
 	}
-	function Jr(e, t) {
+	function Xr(e, t) {
 		return /* @__PURE__ */ v(g, { children: [
 			$("預設值", "fieldDefaultValue", Q(typeof e.defaultValue == "number" ? e.defaultValue : void 0, (n) => t({
 				...e,
@@ -1241,62 +1248,89 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 			}), "例如：999999"))
 		] });
 	}
-	function Yr(e, t) {
-		return $("預設值", "fieldDefaultValue", yi(e, Yn(e.defaultValue), (n) => t({
+	function Zr(e, t) {
+		return $("預設值", "fieldDefaultValue", Ci(e, Jn(e.defaultValue), (n) => t({
 			...e,
 			defaultValue: n
 		})));
 	}
-	function Xr(e, t, n, r) {
-		let i = Ae(e.type, H), a = {
+	function Qr(e, t, n, r, i) {
+		let a = ke(e.type, H), o = {
 			commit: (e) => t(e),
-			rowColumns: r
-		}, o = D(e) ? jn(e.dataSource) : vn, s = D(e) ? H.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 = [
-			...Cn,
-			...i.map(Nn),
-			...D(e) && !c ? [{
-				id: o,
+			requestDependencyChange: r,
+			rowColumns: i
+		}, s = A(e) ? An(e.dataSource) : _n, c = A(e) ? H.find((t) => t.key === e.dataSource.key && t.version === e.dataSource.version) : null, l = c ? a.some((e) => e.key === c.key && e.version === c.version) : !1, u = [
+			...Sn,
+			...a.map(Mn),
+			...A(e) && !l ? [{
+				id: s,
 				name: `${e.dataSource.key} v${e.dataSource.version}（目前不可用或不支援）`
 			}] : []
-		], u = dt(e);
+		], d = ct(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") && br(e, t.id, n);
+					(t?.id === "single" || t?.id === "multiple") && Sr(e, t.id, n);
 				},
-				options: [...wn],
-				value: b(wn, u)
+				options: [...Cn],
+				value: x(Cn, d)
 			})) : $("選擇模式", "fieldSelectionMode", /* @__PURE__ */ _(h, {
 				color: "text-neutral",
 				variant: "body",
-				children: u === "multiple" ? "固定複選" : "固定單選"
+				children: d === "multiple" ? "固定複選" : "固定單選"
 			})),
 			$("選項來源", "fieldOptionSource", /* @__PURE__ */ _(p, {
 				clearable: !1,
-				disabled: ir === "loading" && !D(e),
-				onChange: (n) => Sr(e, n?.id, t),
-				options: l,
+				disabled: or === "loading" && !A(e),
+				onChange: (n) => wr(e, n?.id, t),
+				options: u,
 				placeholder: "選擇選項來源",
-				value: b(l, o)
+				value: x(u, s)
 			})),
-			D(e) ? Zr(e, i, a) : di(e, t)
+			A(e) ? ei(e, a, o) : mi(e, t)
 		] });
 	}
-	function Zr(e, t, n) {
-		let r = H.find((t) => t.key === e.dataSource.key && t.version === e.dataSource.version), i = r && !Se(r, e.type);
+	function $r(e, t) {
+		let n = Zn(e), r = n ? {
+			severity: "info",
+			text: "選項依賴其他欄位的值，不能設定固定預設值；由使用者自行選擇。"
+		} : void 0;
+		if (ct(e) === "multiple") {
+			let i = Array.isArray(e.defaultValue) ? e.defaultValue.filter((e) => typeof e == "string") : void 0;
+			return $("預設值", "fieldDefaultValue", /* @__PURE__ */ _(Qn, {
+				disabled: n,
+				onCommit: (n) => t.commit({
+					...e,
+					defaultValue: n ? [...n] : void 0
+				}),
+				value: i
+			}, `${e.fieldKey}:${String(n)}`), !0, r);
+		}
+		return $("預設值", "fieldDefaultValue", /* @__PURE__ */ _(f, {
+			disabled: n ? !0 : void 0,
+			onChange: (n) => t.commit({
+				...e,
+				defaultValue: n.target.value || void 0
+			}),
+			placeholder: "輸入預設選項的值",
+			value: Jn(e.defaultValue)
+		}), !1, r);
+	}
+	function ei(e, t, n) {
+		let r = H.find((t) => t.key === e.dataSource.key && t.version === e.dataSource.version), i = r && !xe(r, e.type);
 		return /* @__PURE__ */ v("div", {
-			style: rn,
+			style: nn,
 			children: [
-				ir === "loading" ? /* @__PURE__ */ _(h, {
+				or === "loading" ? /* @__PURE__ */ _(h, {
 					color: "text-neutral",
 					variant: "body",
 					children: "正在載入可用的選項來源…"
 				}) : null,
-				nr ? /* @__PURE__ */ _(h, {
+				ir ? /* @__PURE__ */ _(h, {
 					color: "text-error",
 					variant: "body",
-					children: nr
+					children: ir
 				}) : null,
 				r ? null : /* @__PURE__ */ _(h, {
 					color: "text-warning",
@@ -1308,28 +1342,29 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 					variant: "body",
 					children: "這個來源不支援目前的控制項，請改選其他來源。"
 				}) : null,
-				r ? Qr(r) : null,
-				r && r.parameters.length > 0 ? $r(e, r, n) : null,
-				t.length === 0 && !nr ? /* @__PURE__ */ _(h, {
+				r ? ti(r) : null,
+				r && r.parameters.length > 0 ? ni(e, r, n) : null,
+				r ? $r(e, n) : null,
+				t.length === 0 && !ir ? /* @__PURE__ */ _(h, {
 					color: "text-warning",
 					variant: "body",
 					children: "沒有支援目前控制項的已註冊來源。"
 				}) : null,
 				/* @__PURE__ */ _("div", {
-					style: sn,
+					style: on,
 					children: /* @__PURE__ */ _(c, {
-						disabled: sr,
-						loading: sr,
-						onClick: () => void Tr(),
+						disabled: lr,
+						loading: lr,
+						onClick: () => void Dr(),
 						size: "sub",
 						type: "button",
 						variant: "base-secondary",
 						children: "檢查全部動態選項設定"
 					})
 				}),
-				or ? /* @__PURE__ */ _("div", {
-					style: an,
-					children: or.length > 0 ? or.map((e) => /* @__PURE__ */ _(h, {
+				cr ? /* @__PURE__ */ _("div", {
+					style: rn,
+					children: cr.length > 0 ? cr.map((e) => /* @__PURE__ */ _(h, {
 						color: "text-error",
 						variant: "caption",
 						children: e
@@ -1342,17 +1377,17 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 			]
 		});
 	}
-	function Qr(e) {
+	function ti(e) {
 		return /* @__PURE__ */ v("div", {
-			style: ln,
+			style: cn,
 			children: [
 				e.description ? /* @__PURE__ */ _(h, {
 					variant: "body",
 					children: e.description
 				}) : null,
 				/* @__PURE__ */ _("div", {
-					style: cn,
-					children: Mn(e).map((e) => /* @__PURE__ */ _(se, {
+					style: sn,
+					children: jn(e).map((e) => /* @__PURE__ */ _(se, {
 						label: e,
 						readOnly: !0,
 						size: "minor"
@@ -1371,14 +1406,14 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 			]
 		});
 	}
-	function $r(e, t, n) {
+	function ni(e, t, n) {
 		let r = t.parameters.map((e, t) => ({
 			key: e.key,
 			index: t,
 			parameter: e
 		}));
 		return /* @__PURE__ */ v("div", {
-			style: on,
+			style: an,
 			children: [
 				/* @__PURE__ */ _(h, {
 					color: "text-neutral",
@@ -1390,7 +1425,7 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 						{
 							key: "parameter",
 							render: (e) => /* @__PURE__ */ v("div", {
-								style: pn,
+								style: fn,
 								children: [/* @__PURE__ */ _(h, {
 									variant: "input",
 									children: e.parameter.label ?? e.parameter.key
@@ -1406,15 +1441,15 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 						{
 							key: "binding",
 							width: 268,
-							render: (t) => ni(e, t.parameter, n),
+							render: (t) => ai(e, t.parameter, n),
 							title: "值從哪裡來"
 						},
 						{
 							key: "constant",
 							width: 140,
 							render: (t) => {
-								let r = Be(y(e, t.parameter.key));
-								return r === "CONSTANT" ? oi(e, t.parameter.key, t.parameter.type, y(e, t.parameter.key), n) : /* @__PURE__ */ _(h, {
+								let r = ze(b(e, t.parameter.key));
+								return r === "CONSTANT" ? li(e, t.parameter.key, t.parameter.type, b(e, t.parameter.key), n) : /* @__PURE__ */ _(h, {
 									color: "text-neutral",
 									variant: "caption",
 									children: r === "EXPRESSION" ? "見下方運算式" : "—"
@@ -1427,7 +1462,7 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 							render: (t) => /* @__PURE__ */ _(h, {
 								color: "text-neutral",
 								variant: "caption",
-								children: ii(y(e, t.parameter.key), t.parameter, n, ti(e, t.parameter, n))
+								children: si(b(e, t.parameter.key), t.parameter, n, ii(e, t.parameter, n))
 							}),
 							title: "填寫時的行為"
 						}
@@ -1437,31 +1472,31 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 					showHeader: !0,
 					size: "sub"
 				}),
-				ei(e, t, n)
+				ri(e, t, n)
 			]
 		});
 	}
-	function ei(e, t, n) {
-		let r = t.parameters.filter((t) => Be(y(e, t.key)) === "EXPRESSION");
+	function ri(e, t, n) {
+		let r = t.parameters.filter((t) => ze(b(e, t.key)) === "EXPRESSION");
 		return r.length === 0 ? null : /* @__PURE__ */ _("div", {
-			style: on,
+			style: an,
 			children: r.map((t) => {
 				let r = `${t.label ?? t.key} 的運算式`;
 				return /* @__PURE__ */ v("div", {
 					"data-data-source-expression": t.key,
-					style: on,
+					style: an,
 					children: [
 						/* @__PURE__ */ _(h, {
 							color: "text-neutral",
 							variant: "label-secondary",
 							children: r
 						}),
-						vi({
+						Si({
 							name: r,
-							onChange: (r) => li(e, t.key, r, n),
+							onChange: (r) => fi(e, t.key, r, n),
 							placeholder: n.rowColumns ? "例如：row.plant == \"\" ? form.plant : row.plant" : "例如：form.chargeTo == \"OTHER\" ? \"TW02\" : form.plant",
 							rows: 2,
-							value: Re(e, t.key) ?? ""
+							value: Le(e, t.key) ?? ""
 						}),
 						/* @__PURE__ */ _(h, {
 							color: "text-neutral",
@@ -1473,61 +1508,61 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 			})
 		});
 	}
-	function ti(e, t, n) {
-		return ke(t.type, x.fields, e.fieldKey).length + (n.rowColumns ? je(t.type, n.rowColumns, e.fieldKey).length : 0);
+	function ii(e, t, n) {
+		return Oe(t.type, w.fields, e.fieldKey).length + (n.rowColumns ? Ae(t.type, n.rowColumns, e.fieldKey).length : 0);
 	}
-	function ni(e, t, n) {
-		let r = Pn(y(e, t.key)), i = n.rowColumns ? je(t.type, n.rowColumns, e.fieldKey).map((e) => ({
-			id: `${xn}${e.id}`,
+	function ai(e, t, n) {
+		let r = Nn(b(e, t.key)), i = n.rowColumns ? Ae(t.type, n.rowColumns, e.fieldKey).map((e) => ({
+			id: `${bn}${e.id}`,
 			name: `同列：${e.name}`
 		})) : [], a = [
 			...t.required ? [] : [{
-				id: Sn,
+				id: xn,
 				name: "未綁定"
 			}],
 			...i,
-			...ke(t.type, x.fields, e.fieldKey),
+			...Oe(t.type, w.fields, e.fieldKey),
 			...t.type === "STRING_ARRAY" ? [] : [{
-				id: yn,
+				id: vn,
 				name: "固定常數"
 			}, {
-				id: bn,
+				id: yn,
 				name: "運算式"
 			}],
-			...r === I ? [{
-				id: I,
+			...r === R ? [{
+				id: R,
 				name: "不支援的來源（請重新設定）"
 			}] : []
 		];
 		return /* @__PURE__ */ _("div", {
 			"data-data-source-parameter": t.key,
-			style: mn,
+			style: pn,
 			children: /* @__PURE__ */ _(p, {
 				clearable: !1,
 				fullWidth: !0,
 				inputProps: {
 					"aria-label": `${t.label ?? t.key} 的值來源`,
-					title: b(a, r)?.name ?? ""
+					title: x(a, r)?.name ?? ""
 				},
-				onChange: (r) => ci(e, t.key, t.type, r?.id, n),
+				onChange: (r) => di(e, t.key, t.type, r?.id, n),
 				options: a,
 				placeholder: "選擇欄位或常數",
 				size: "sub",
-				value: b(a, r)
+				value: x(a, r)
 			})
 		});
 	}
-	function ri(e) {
-		return Ct[e];
+	function oi(e) {
+		return St[e];
 	}
-	function ii(e, t, n, r) {
-		let i = Be(e);
-		return i === "CONSTANT" ? "固定值，不隨填寫變動" : i === "FIELD" ? `隨欄位「${ai(e, n)}」變動` : i === "ROW_FIELD" ? `隨同列「${ai(e, n)}」變動` : i === "EXPRESSION" ? "由運算式計算，隨引用的欄位變動" : e ? "這個來源目前的版本不支援，選項無法載入" : t.required ? r > 0 ? "尚未設定，選項無法載入" : `沒有相容的${ri(t.type)}欄位，請改用固定值` : "未設定，不做這層篩選";
+	function si(e, t, n, r) {
+		let i = ze(e);
+		return i === "CONSTANT" ? "固定值，不隨填寫變動" : i === "FIELD" ? `隨欄位「${ci(e, n)}」變動` : i === "ROW_FIELD" ? `隨同列「${ci(e, n)}」變動` : i === "EXPRESSION" ? "由運算式計算，隨引用的欄位變動" : e ? "這個來源目前的版本不支援，選項無法載入" : t.required ? r > 0 ? "尚未設定，選項無法載入" : `沒有相容的${oi(t.type)}欄位，請改用固定值` : "未設定，不做這層篩選";
 	}
-	function ai(e, t) {
+	function ci(e, t) {
 		let n = e?.from;
 		if (n?.kind === "FIELD") {
-			let e = x.fields.find((e) => e.fieldKey === n.fieldKey);
+			let e = w.fields.find((e) => e.fieldKey === n.fieldKey);
 			return e ? e.label || e.fieldKey : "";
 		}
 		if (n?.kind === "ROW_FIELD") {
@@ -1536,14 +1571,14 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 		}
 		return "";
 	}
-	function oi(e, t, n, r, i) {
+	function li(e, t, n, r, i) {
 		return /* @__PURE__ */ _("div", {
 			"data-data-source-constant": t,
-			children: si(e, t, n, r, i)
+			children: ui(e, t, n, r, i)
 		});
 	}
-	function si(e, t, n, r, i) {
-		let a = ze(e, t);
+	function ui(e, t, n, r, i) {
+		let a = Re(e, t);
 		if (n === "BOOLEAN") {
 			let n = [{
 				id: "true",
@@ -1555,10 +1590,10 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 			return /* @__PURE__ */ _(p, {
 				clearable: !1,
 				fullWidth: !0,
-				onChange: (n) => ui(e, t, n?.id === "true", i),
+				onChange: (n) => pi(e, t, n?.id === "true", i),
 				options: n,
 				size: "sub",
-				value: b(n, a === !0 ? "true" : "false")
+				value: x(n, a === !0 ? "true" : "false")
 			});
 		}
 		return n === "STRING_ARRAY" ? /* @__PURE__ */ _(h, {
@@ -1566,35 +1601,35 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 			variant: "caption",
 			children: "這個條件要收多個值，請綁定一個複選欄位；不接受固定值。"
 		}) : /* @__PURE__ */ _(f, {
-			onChange: (r) => ui(e, t, n === "NUMBER" ? Oe(r.target.value) ?? 0 : r.target.value, i),
+			onChange: (r) => pi(e, t, n === "NUMBER" ? De(r.target.value) ?? 0 : r.target.value, i),
 			placeholder: n === "NUMBER" ? "輸入數字" : "輸入固定值",
-			value: In(r, n),
+			value: Fn(r, n),
 			variant: "base"
 		});
 	}
-	function ci(e, t, n, r, i) {
-		r !== I && i.commit(Ke(e, t, Ln(t, n, r)));
+	function di(e, t, n, r, i) {
+		r !== R && $n(e, Ge(e, t, In(t, n, r)), i);
 	}
-	function li(e, t, n, r) {
-		r.commit(Ke(e, t, {
+	function fi(e, t, n, r) {
+		$n(e, Ge(e, t, {
 			from: {
 				expression: n,
 				kind: "EXPRESSION"
 			},
 			parameter: t
-		}));
+		}), r);
 	}
-	function ui(e, t, n, r) {
-		r.commit(Ke(e, t, {
+	function pi(e, t, n, r) {
+		$n(e, Ge(e, t, {
 			from: {
 				kind: "CONSTANT",
 				value: n
 			},
 			parameter: t
-		}));
+		}), r);
 	}
-	function di(e, t) {
-		let n = dt(e), r = Array.isArray(e.defaultValue) ? e.defaultValue : [], i = e.options.map(Le), a = i.filter((e) => r.includes(e.id));
+	function mi(e, t) {
+		let n = ct(e), r = Array.isArray(e.defaultValue) ? e.defaultValue : [], i = e.options.map(Ie), a = i.filter((e) => r.includes(e.id));
 		return /* @__PURE__ */ v(g, { children: [$("預設值", "fieldDefaultValue", n === "multiple" ? /* @__PURE__ */ _(p, {
 			clearable: !0,
 			mode: "multiple",
@@ -1613,10 +1648,10 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 			}),
 			options: i,
 			placeholder: "選擇預設選項",
-			value: typeof e.defaultValue == "string" ? b(i, e.defaultValue) : null
-		})), $("選項", "fieldOptions", bi(e, t), !0)] });
+			value: typeof e.defaultValue == "string" ? x(i, e.defaultValue) : null
+		})), $("選項", "fieldOptions", wi(e, t), !0)] });
 	}
-	function fi(e, t) {
+	function hi(e, t) {
 		let n = typeof e.defaultValue == "boolean" ? String(e.defaultValue) : "unset";
 		return $("預設值", "fieldDefaultValue", /* @__PURE__ */ _(p, {
 			clearable: !1,
@@ -1624,12 +1659,12 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 				...e,
 				defaultValue: n?.id === "true" || n?.id !== "false" && void 0
 			}),
-			options: [...Tn],
+			options: [...wn],
 			placeholder: "選擇預設狀態",
-			value: b(Tn, n)
+			value: x(wn, n)
 		}));
 	}
-	function pi(e, t) {
+	function gi(e, t) {
 		return $("可複選", "fieldMemberMultiple", /* @__PURE__ */ _(m, {
 			checked: e.multiple === !0,
 			label: e.multiple === !0 ? "可選多位" : "只能選一位",
@@ -1641,38 +1676,38 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 			size: "sub"
 		}));
 	}
-	function mi(e, t) {
+	function _i(e, t) {
 		return /* @__PURE__ */ v(g, { children: [$("檔案數", "fieldMaxFiles", Q(e.maxFiles, (n) => t({
 			...e,
 			maxFiles: n
-		}), "例如：1", { min: 1 })), $("MIME", "fieldAcceptedMimeTypes", vi({
+		}), "例如：1", { min: 1 })), $("MIME", "fieldAcceptedMimeTypes", Si({
 			name: "fieldAcceptedMimeTypes",
 			onChange: (n) => t({
 				...e,
-				acceptedMimeTypes: Xn(n)
+				acceptedMimeTypes: Yn(n)
 			}),
 			placeholder: "每行一個 MIME type，例如：application/pdf",
 			rows: 3,
-			value: Zn(e.acceptedMimeTypes)
+			value: Xn(e.acceptedMimeTypes)
 		}), !1)] });
 	}
-	function hi(e) {
-		let t = x.fields.filter((t) => t.fieldKey !== e.fieldKey && !ct(t) && !lt(t));
-		return t.length ? /* @__PURE__ */ _(g, { children: Dn.map((n) => gi(e, n, t)) }) : /* @__PURE__ */ _(h, {
+	function vi(e) {
+		let t = w.fields.filter((t) => t.fieldKey !== e.fieldKey && !at(t) && !ot(t));
+		return t.length ? /* @__PURE__ */ _(g, { children: En.map((n) => yi(e, n, t)) }) : /* @__PURE__ */ _(h, {
 			color: "text-neutral",
-			style: F,
+			style: L,
 			variant: "body",
 			children: "目前沒有其他欄位可作為條件來源。新增更多欄位後即可設定條件規則。"
 		});
 	}
-	function gi(e, t, n) {
-		let r = e[t.target], i = r ? De(r) : null, a = n.find((e) => e.fieldKey === i?.fieldKey), o = a ?? n[0], s = n.map(qn), c = Ne(o), l = i && c.some((e) => e.id === i.operator) ? i.operator : Fe(o), u = i?.value ?? Ie(o), d = !!r, ee = d && (!i || !a);
+	function yi(e, t, n) {
+		let r = e[t.target], i = r ? Ee(r) : null, a = n.find((e) => e.fieldKey === i?.fieldKey), o = a ?? n[0], s = n.map(Kn), c = Me(o), l = i && c.some((e) => e.id === i.operator) ? i.operator : Pe(o), u = i?.value ?? Fe(o), d = !!r, ee = d && (!i || !a);
 		return $(t.label, t.name, /* @__PURE__ */ v("div", {
-			style: Xt,
+			style: Yt,
 			children: [/* @__PURE__ */ _(m, {
 				checked: d,
 				label: d ? "已啟用" : "不啟用",
-				onChange: (e) => Z(t.target, e.target.checked ? me(o, Fe(o), Ie(o)) : void 0),
+				onChange: (e) => bi(t.target, e.target.checked ? y(o, Pe(o), Fe(o)) : void 0),
 				size: "sub",
 				supportingText: t.supportingText
 			}), d ? ee ? /* @__PURE__ */ _(h, {
@@ -1680,67 +1715,67 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 				variant: "body",
 				children: "這個規則不是目前 UI 支援的格式。重新選擇條件後會取代既有規則。"
 			}) : /* @__PURE__ */ v("div", {
-				style: Zt,
+				style: Xt,
 				children: [
 					/* @__PURE__ */ _(p, {
 						clearable: !1,
 						onChange: (e) => {
 							let r = n.find((t) => t.fieldKey === e?.id) ?? o;
-							Z(t.target, me(r, Fe(r), Ie(r)));
+							bi(t.target, y(r, Pe(r), Fe(r)));
 						},
 						options: s,
 						placeholder: "選擇欄位",
-						value: b(s, o.fieldKey)
+						value: x(s, o.fieldKey)
 					}),
 					/* @__PURE__ */ _(p, {
 						clearable: !1,
-						onChange: (e) => Z(t.target, me(o, Me(e?.id) ?? l, u)),
+						onChange: (e) => bi(t.target, y(o, je(e?.id) ?? l, u)),
 						options: [...c],
 						placeholder: "判斷方式",
-						value: b(c, l)
+						value: x(c, l)
 					}),
-					_i(o, u, (e) => Z(t.target, me(o, l, e)))
+					xi(o, u, (e) => bi(t.target, y(o, l, e)))
 				]
 			}) : null]
 		}), !0);
 	}
-	function Z(e, t) {
-		hr({ [e]: t });
+	function bi(e, t) {
+		_r({ [e]: t });
 	}
-	function _i(e, t, n) {
+	function xi(e, t, n) {
 		if (e.type === "boolean") return /* @__PURE__ */ _(p, {
 			clearable: !1,
 			onChange: (e) => n(e?.id ?? "true"),
-			options: [...En],
+			options: [...Tn],
 			placeholder: "比較值",
-			value: b(En, t === "false" ? "false" : "true")
+			value: x(Tn, t === "false" ? "false" : "true")
 		});
-		if (we(e)) {
-			let r = e.options.map(Le);
+		if (Ce(e)) {
+			let r = e.options.map(Ie);
 			return /* @__PURE__ */ _(p, {
 				clearable: !1,
 				onChange: (e) => n(e?.id ?? r[0]?.id ?? ""),
 				options: r,
 				placeholder: "比較值",
-				value: b(r, t)
+				value: x(r, t)
 			});
 		}
-		return Ce(e) ? Q(Oe(t), (e) => n(String(e ?? 0)), "比較值") : xe(e) ? yi(e, t, (e) => n(e ?? "")) : /* @__PURE__ */ _(f, {
+		return Se(e) ? Q(De(t), (e) => n(String(e ?? 0)), "比較值") : be(e) ? Ci(e, t, (e) => n(e ?? "")) : /* @__PURE__ */ _(f, {
 			onChange: (e) => n(e.target.value),
 			placeholder: "比較值",
 			value: t,
 			variant: "base"
 		});
 	}
-	function vi({ name: e, onChange: t, placeholder: n, rows: r, value: i }) {
+	function Si({ name: e, onChange: t, placeholder: n, rows: r, value: i }) {
 		return /* @__PURE__ */ _(ce, {
 			"aria-label": e,
 			onChange: (e) => t(e.target.value),
 			placeholder: n,
-			ref: hn,
+			ref: mn,
 			resize: "vertical",
 			rows: r,
-			style: Gt,
+			style: Wt,
 			value: i
 		});
 	}
@@ -1748,7 +1783,7 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 		return /* @__PURE__ */ _(f, {
 			max: r.max,
 			min: r.min,
-			onChange: (e) => t(ge(Oe(e.target.value), r)),
+			onChange: (e) => t(he(De(e.target.value), r)),
 			placeholder: n,
 			showSpinner: !0,
 			step: r.step ?? 1,
@@ -1756,23 +1791,23 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 			variant: "measure"
 		});
 	}
-	function yi(e, t, n) {
+	function Ci(e, t, n) {
 		return e.type === "datetime" ? /* @__PURE__ */ _(u, {
 			formatDate: "YYYY-MM-DD",
 			formatTime: "HH:mm",
 			hideSecond: !0,
-			onChange: (e) => n(be(e)),
+			onChange: (e) => n(ye(e)),
 			placeholderLeft: "選擇日期",
 			placeholderRight: "選擇時間",
-			value: Pe(t)
+			value: Ne(t)
 		}) : /* @__PURE__ */ _(l, {
 			format: "YYYY-MM-DD",
-			onChange: (e) => n(ye(e)),
+			onChange: (e) => n(ve(e)),
 			placeholder: "選擇日期",
-			value: Pe(t)
+			value: Ne(t)
 		});
 	}
-	function bi(e, t) {
+	function wi(e, t) {
 		let n = e.options.map((t, n) => ({
 			index: n,
 			key: `${e.fieldKey}-${n}`,
@@ -1780,12 +1815,12 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 			value: t.value
 		}));
 		return /* @__PURE__ */ v("div", {
-			style: en,
+			style: $t,
 			children: [/* @__PURE__ */ _(oe, {
 				actions: {
 					render: (n) => [{
 						disabled: () => e.options.length <= 1,
-						icon: tt,
+						icon: Qe,
 						iconType: "icon-only",
 						name: "移除選項",
 						onClick: () => t({
@@ -1801,7 +1836,7 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 					render: (n) => /* @__PURE__ */ _(f, {
 						onChange: (r) => t({
 							...e,
-							options: Qn(e.options, n.index, { label: r.target.value })
+							options: er(e.options, n.index, { label: r.target.value })
 						}),
 						placeholder: "例如：主管",
 						size: "sub",
@@ -1814,7 +1849,7 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 					render: (n) => /* @__PURE__ */ _(f, {
 						onChange: (r) => t({
 							...e,
-							options: Qn(e.options, n.index, { value: r.target.value })
+							options: er(e.options, n.index, { value: r.target.value })
 						}),
 						placeholder: "例如：manager",
 						size: "sub",
@@ -1827,13 +1862,13 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 				showHeader: !0,
 				size: "sub"
 			}), /* @__PURE__ */ _("div", {
-				style: tn,
+				style: en,
 				children: /* @__PURE__ */ _(c, {
-					icon: et,
+					icon: Ze,
 					iconType: "leading",
 					onClick: () => t({
 						...e,
-						options: [...e.options, $n(e.options)]
+						options: [...e.options, tr(e.options)]
 					}),
 					variant: "base-secondary",
 					children: "新增選項"
@@ -1841,27 +1876,27 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 			})]
 		});
 	}
-	function xi(e, t, n) {
+	function Ti(e, t, n) {
 		return /* @__PURE__ */ _("div", {
 			...t.draggableProps,
 			"data-form-builder-field-key": e.fieldKey,
 			ref: t.innerRef,
 			style: {
-				...Nt,
-				...n ? Pt : null,
+				...Mt,
+				...n ? Nt : null,
 				...t.draggableProps.style
 			},
 			children: /* @__PURE__ */ _(s, {
-				style: e.fieldKey === q?.fieldKey ? Ft : void 0,
-				children: Si(e, t, n)
+				style: e.fieldKey === J?.fieldKey ? Pt : void 0,
+				children: Ei(e, t, n)
 			})
 		});
 	}
 	function $(t, n, r, i = !1, a) {
 		return /* @__PURE__ */ _("div", {
-			style: i ? Ut : Ht,
+			style: i ? Ht : Vt,
 			children: /* @__PURE__ */ _("div", {
-				style: Wt,
+				style: Ut,
 				children: /* @__PURE__ */ _(e, {
 					label: t,
 					layout: i ? de.VERTICAL : de.STRETCH,
@@ -1875,33 +1910,33 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 			})
 		});
 	}
-	function Si(e, t, n) {
+	function Ei(e, t, n) {
 		return /* @__PURE__ */ v("div", {
 			...t.dragHandleProps ?? {},
 			"aria-label": "選取或拖曳排序欄位",
-			onClick: () => B(e.fieldKey),
-			style: kt,
+			onClick: () => V(e.fieldKey),
+			style: Ot,
 			title: "點擊選取，拖曳排序",
 			children: [
 				/* @__PURE__ */ _("span", {
 					"aria-label": "拖曳排序",
 					role: "img",
-					style: Qt,
+					style: Zt,
 					title: "拖曳排序",
 					children: /* @__PURE__ */ _(d, {
-						icon: Qe,
+						icon: Ye,
 						size: 20
 					})
 				}),
 				/* @__PURE__ */ v("div", {
-					style: At,
+					style: kt,
 					children: [/* @__PURE__ */ v(h, {
 						component: "span",
 						ellipsis: !0,
 						variant: "label-primary",
 						children: [e.label, e.required ? /* @__PURE__ */ _("sup", {
 							"aria-label": "必填",
-							style: nn,
+							style: tn,
 							children: "*"
 						}) : null]
 					}), /* @__PURE__ */ v(h, {
@@ -1910,7 +1945,7 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 						ellipsis: !0,
 						variant: "caption",
 						children: [
-							An(e.type),
+							kn(e.type),
 							" ·",
 							e.required ? " 必填" : " 選填",
 							" ·",
@@ -1921,20 +1956,20 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 				}),
 				/* @__PURE__ */ v("div", {
 					onClick: (e) => e.stopPropagation(),
-					style: jt,
+					style: At,
 					children: [/* @__PURE__ */ _("div", {
-						style: Mt,
+						style: jt,
 						children: /* @__PURE__ */ _(m, {
 							checked: !!e.required,
 							disabled: n || e.hidden === !0,
 							label: "必填",
-							onChange: (t) => Mr(e.fieldKey, t.target.checked)
+							onChange: (t) => Pr(e.fieldKey, t.target.checked)
 						})
 					}), /* @__PURE__ */ _(c, {
 						disabled: n,
-						icon: tt,
+						icon: Qe,
 						iconType: "icon-only",
-						onClick: () => fr(e.fieldKey),
+						onClick: () => mr(e.fieldKey),
 						variant: "destructive-ghost",
 						children: "移除欄位"
 					})]
@@ -1942,61 +1977,61 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 			]
 		});
 	}
-	function Ci() {
+	function Di() {
 		return /* @__PURE__ */ v("div", {
-			style: P,
+			style: I,
 			children: [/* @__PURE__ */ _(h, {
 				component: "h2",
 				variant: "h3",
 				children: "填寫預覽"
 			}), /* @__PURE__ */ _(t, {
 				dataSourceContext: { kind: "preview" },
-				onChange: jr,
-				schema: x,
-				uiSchema: C,
-				value: at
+				onChange: Nr,
+				schema: w,
+				uiSchema: E,
+				value: nt
 			})]
 		});
 	}
-	function wi() {
+	function Oi() {
 		return /* @__PURE__ */ v("div", {
-			style: P,
+			style: I,
 			children: [/* @__PURE__ */ _(h, {
 				component: "h2",
 				variant: "h3",
 				children: "Schema"
 			}), /* @__PURE__ */ v("div", {
-				style: Kt,
+				style: Gt,
 				children: [
-					Ti("Form Schema", "schemaJson", /* @__PURE__ */ _(_t, {
+					ki("Form Schema", "schemaJson", /* @__PURE__ */ _(gt, {
 						height: "360px",
 						name: "schemaJson",
-						onChange: Nr,
+						onChange: Fr,
 						placeholder: "輸入 Form Schema JSON",
-						value: nt
+						value: $e
 					})),
-					Ti("UI Schema", "uiSchemaJson", /* @__PURE__ */ _(_t, {
+					ki("UI Schema", "uiSchemaJson", /* @__PURE__ */ _(gt, {
 						height: "240px",
 						name: "uiSchemaJson",
-						onChange: Pr,
+						onChange: Ir,
 						placeholder: "輸入 UI Schema JSON",
-						value: it
+						value: tt
 					})),
-					ht ? /* @__PURE__ */ _(h, {
+					ft ? /* @__PURE__ */ _(h, {
 						color: "text-error",
-						style: Yt,
+						style: Jt,
 						variant: "body",
-						children: ht
+						children: ft
 					}) : null
 				]
 			})]
 		});
 	}
-	function Ti(t, n, r) {
+	function ki(t, n, r) {
 		return /* @__PURE__ */ _("div", {
-			style: qt,
+			style: Kt,
 			children: /* @__PURE__ */ _("div", {
-				style: Jt,
+				style: qt,
 				children: /* @__PURE__ */ _(e, {
 					label: t,
 					name: n,
@@ -2006,40 +2041,40 @@ function L({ formDefinitionId: qe, onChange: Je, templateId: Ye, value: Xe }) {
 		});
 	}
 }
-function An(e) {
-	return vt.find((t) => t.type === e)?.label ?? e;
+function kn(e) {
+	return _t.find((t) => t.type === e)?.label ?? e;
 }
-function jn(e) {
+function An(e) {
 	return `${e.key}@${e.version}`;
 }
-function Mn(e) {
+function jn(e) {
 	return [
 		e.supportsSearch ? `可輸入關鍵字搜尋${e.minimumSearchLength > 1 ? `（至少 ${e.minimumSearchLength} 字）` : ""}` : "不支援搜尋",
 		e.paginationMode === "CURSOR" ? `捲動載入更多（每次 ${e.pageSize} 筆）` : `一次載入完整清單（最多 ${e.maximumResultCount} 筆）`,
 		e.revalidationPolicy === "ALWAYS" ? "退回重送時一律重新確認" : "值與條件未變時沿用上次結果"
 	];
 }
-function Nn(e) {
+function Mn(e) {
 	return {
-		id: jn(e),
+		id: An(e),
 		name: e.label
 	};
 }
-function Pn(e) {
-	if (!e) return Sn;
+function Nn(e) {
+	if (!e) return xn;
 	let t = e.from;
 	switch (t.kind) {
 		case "FIELD": return t.fieldKey;
-		case "ROW_FIELD": return `${xn}${t.columnKey}`;
-		case "CONSTANT": return yn;
-		case "EXPRESSION": return bn;
-		default: return R(t);
+		case "ROW_FIELD": return `${bn}${t.columnKey}`;
+		case "CONSTANT": return vn;
+		case "EXPRESSION": return yn;
+		default: return Pn(t);
 	}
 }
-function R(e) {
-	return I;
+function Pn(e) {
+	return R;
 }
-function Fn(e) {
+function B(e) {
 	switch (e) {
 		case "BOOLEAN": return !1;
 		case "NUMBER": return 0;
@@ -2048,24 +2083,24 @@ function Fn(e) {
 		default: return "";
 	}
 }
-function In(e, t) {
+function Fn(e, t) {
 	let n = e?.from.kind === "CONSTANT" ? e.from.value : "";
 	return t === "NUMBER" ? typeof n == "number" ? String(n) : "" : typeof n == "string" ? n : "";
 }
-function Ln(e, t, n) {
-	return !n || n === Sn ? null : n === bn ? {
+function In(e, t, n) {
+	return !n || n === xn ? null : n === yn ? {
 		from: {
 			expression: "",
 			kind: "EXPRESSION"
 		},
 		parameter: e
-	} : n === yn ? {
+	} : n === vn ? {
 		from: {
 			kind: "CONSTANT",
-			value: Fn(t)
+			value: B(t)
 		},
 		parameter: e
-	} : n.startsWith(xn) ? {
+	} : n.startsWith(bn) ? {
 		from: {
 			columnKey: n.slice(14),
 			kind: "ROW_FIELD"
@@ -2079,46 +2114,46 @@ function Ln(e, t, n) {
 		parameter: e
 	};
 }
-function Rn(e) {
+function Ln(e) {
 	return e.kind === "remove-field" ? "確認移除 dependency 欄位" : e.kind === "remove-column" ? "確認移除表格欄" : e.kind === "replace-column" ? "確認變更欄型別" : "確認變更選擇模式";
 }
-var z = [{
+var V = [{
 	label: "選項 A",
 	value: "option_a"
 }, {
 	label: "選項 B",
 	value: "option_b"
 }];
-function zn(e) {
+function Rn(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("數值範圍"), D(e) ? t.push("選項來源設定") : st(e) && !B(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("數值範圍"), A(e) ? t.push("選項來源設定") : it(e) && !H(e.options) && t.push(`${e.options.length} 個選項`), (e.type === "select" || e.type === "autocomplete") && e.mode === "multiple" && t.push("選擇模式"), t;
 }
-function B(e) {
-	return e.length === z.length && e.every((e, t) => e.label === z[t]?.label && e.value === z[t]?.value);
+function H(e) {
+	return e.length === V.length && e.every((e, t) => e.label === V[t]?.label && e.value === V[t]?.value);
 }
-function Bn(e, t) {
+function zn(e, t) {
 	return t ? {
 		...e,
 		pattern: t
 	} : Object.fromEntries(Object.entries(e).filter(([e]) => e !== "pattern" && e !== "patternErrorMessage"));
 }
-function Vn(e, t) {
+function Bn(e, t) {
 	return t ? {
 		...e,
 		patternErrorMessage: t
 	} : Object.fromEntries(Object.entries(e).filter(([e]) => e !== "patternErrorMessage"));
 }
-function Hn(e) {
+function Vn(e) {
 	return e && !e.trim() ? {
 		severity: "error",
 		text: "格式不能只有空白，儲存時會被拒絕。"
-	} : e && e.length > it ? {
+	} : e && e.length > tt ? {
 		severity: "error",
-		text: `格式最多 ${it} 個字元，儲存時會被拒絕。`
-	} : e && !E(e) ? {
+		text: `格式最多 ${tt} 個字元，儲存時會被拒絕。`
+	} : e && !k(e) ? {
 		severity: "error",
 		text: "這不是有效的正規表示式，儲存時會被拒絕。格式以 u 模式檢查，多餘的跳脫（例如在方括號 [ ] 外寫 \\-）也算錯誤。"
-	} : e && at(e) ? {
+	} : e && nt(e) ? {
 		severity: "error",
 		text: "格式裡的括號群組後面不能接重複次數（例如 (ab)+、(\\w|\\d)*、(ab){2}），填寫的內容可能讓系統卡住，儲存時會被拒絕。請把重複的部分直接寫出來，或改用 [ ] 字元集合加次數。"
 	} : {
@@ -2126,13 +2161,13 @@ function Hn(e) {
 		text: "填寫的內容要整段符合格式才能送出；留空表示不檢查格式。"
 	};
 }
-function Un(e) {
-	return e && e.length > T ? {
+function Hn(e) {
+	return e && e.length > O ? {
 		severity: "error",
-		text: `錯誤訊息最多 ${T} 個字元，儲存時會被拒絕。`
+		text: `錯誤訊息最多 ${O} 個字元，儲存時會被拒絕。`
 	} : void 0;
 }
-function Wn(e, t) {
+function Un(e, t) {
 	let n = {
 		fieldKey: e.fieldKey,
 		label: e.label,
@@ -2143,59 +2178,85 @@ function Wn(e, t) {
 	return t === "select" || t === "autocomplete" ? {
 		...n,
 		mode: "single",
-		options: [...z],
+		options: [...V],
 		type: t
 	} : {
 		...n,
 		type: t
 	};
 }
-function Gn(e, t) {
+function Wn(e, t) {
 	return Object.fromEntries(Object.entries(e).filter(([e]) => e !== t));
 }
-function Kn(e) {
+function Gn(e) {
 	return !!(e.visibleWhen || e.requiredWhen || e.readonlyWhen);
 }
-function qn(e) {
+function Kn(e) {
 	return {
 		id: e.fieldKey,
 		name: e.label
 	};
 }
-function Jn(e) {
+function qn(e) {
 	return e.type === "text" || e.type === "textarea";
 }
-function Yn(e) {
+function Jn(e) {
 	return typeof e == "string" ? e : "";
 }
-function Xn(e) {
+function Yn(e) {
 	let t = e.split(/[\n,]/u).map((e) => e.trim()).filter(Boolean);
 	return t.length ? t : void 0;
 }
-function Zn(e) {
+function Xn(e) {
 	return e?.join("\n") ?? "";
 }
-function V(e) {
+function Zn(e) {
+	return e.dataSource.bindings.some((e) => e.from.kind !== "CONSTANT");
+}
+function Qn({ disabled: e, onCommit: t, value: n }) {
+	let [r, a] = i(Xn(n));
+	return /* @__PURE__ */ _(ce, {
+		"aria-label": "fieldDefaultValue",
+		disabled: e,
+		onBlur: () => t(Yn(r)),
+		onChange: (e) => a(e.target.value),
+		placeholder: "每行或以逗號分隔一個預設值",
+		ref: mn,
+		resize: "vertical",
+		rows: 3,
+		style: Wt,
+		value: r
+	});
+}
+function $n(e, t, n) {
+	if (e.defaultValue === void 0 || Zn(e) || !Zn(t)) {
+		n.commit(t);
+		return;
+	}
+	let { defaultValue: r, ...i } = t;
+	n.requestDependencyChange(e, i, P);
+}
+function U(e) {
 	return JSON.stringify(e, null, 2);
 }
-function Qn(e, t, n) {
+function er(e, t, n) {
 	return e.map((e, r) => r === t ? {
 		...e,
 		...n
 	} : e);
 }
-function $n(e) {
+function tr(e) {
 	let t = e.length + 1;
 	return {
 		label: `選項 ${t}`,
-		value: H(e, t)
+		value: nr(e, t)
 	};
 }
-function H(e, t) {
+function nr(e, t) {
 	let n = `option_${t}`;
-	return e.some((e) => e.value === n) ? H(e, t + 1) : n;
+	return e.some((e) => e.value === n) ? nr(e, t + 1) : n;
 }
-function er(e, t, n) {
+function rr(e, t, n) {
 	let r = e[t];
 	if (!r || t === n) return [...e];
 	let i = e.filter((e, n) => n !== t);
@@ -2205,6 +2266,6 @@ function er(e, t, n) {
 		...i.slice(n)
 	];
 }
-export { L as t };
+export { z as t };
 
-//# sourceMappingURL=FormBuilderView-DbfbLZCI.js.map
+//# sourceMappingURL=FormBuilderView-CBvdcg_t.js.map