@rytass/bpm-core-react 0.18.0 → 0.19.0

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

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