@rytass/bpm-core-react 0.13.5 → 0.15.0

package/dist/chunks/{FormBuilderView-BYLN6W-P.js → FormBuilderView-CLg-JYmu.js}

@@ -1,19 +1,19 @@
 "use client";
 import { t as e } from "./bpm-form-field-Cao0rMol.js";
-import { t } from "./FormRendererView-UPowZZgw.js";
+import { t } from "./FormRendererView-DU9LLrOF.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 m, Table as ie, Tag as ae, Textarea as oe, Toggle as se, Typography as h } from "@mezzanine-ui/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 } from "@mezzanine-ui/icons";
-import { buildConditionExpression as w, 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 T, readFormDataSourceBindingValue as ze, readFormDataSourceBindingValueKind as Be, readFormDataSourceFieldDependencyKeys as Ve, readFormSchemaLintMessage as He, readFormTableRowBounds as Ue, readSelectOption as E, renameFormDataSourceFieldBindings as We, renameFormTableColumnBindings as Ge, upsertFormDataSourceFieldBinding as Ke } from "@rytass/bpm-core-client/form";
-import { FORM_TABLE_MAX_ROWS as qe, isFormDataSourceFieldDefinition as D, isFormOptionFieldDefinition as Je, isFormStaticOptionFieldDefinition as O, isTableColumnFieldType as Ye, isTableFieldDefinition as k, readFormFieldSelectionMode as A } from "@rytass/bpm-core-shared/form";
-import { DragDropContext as Xe, Draggable as Ze, Droppable as Qe } from "@hello-pangea/dnd";
-import $e from "next/dynamic";
-import { json as j } from "@codemirror/lang-json";
-import { EditorView as M } from "@codemirror/view";
+import { AlignLeftIcon as le, CalendarIcon as y, CheckedIcon as ue, CheckedOutlineIcon as de, CurrencyDollarIcon as b, DotDragVerticalIcon as fe, DotGridIcon as x, FileAttachmentIcon as S, FileIcon as C, ListIcon as pe, PlusIcon as me, TrashIcon as he, UserIcon as w } from "@mezzanine-ui/icons";
+import { buildConditionExpression as T, buildFormRendererValues as ge, clampOptionalNumber as _e, createFieldDefinition as ve, createTableColumnDefinition as ye, formatDatePickerValue as be, formatDateTimePickerValue as xe, isDateFieldDefinition as Se, isFormDataSourceDescriptorCompatible as Ce, isNumberFieldDefinition as we, isSelectFieldDefinition as Te, lintFormSchema as Ee, listFormDataSources as De, parseConditionRule as Oe, parseOptionalNumberInput as ke, readCompatibleFormDataSourceBindingFields as Ae, readCompatibleFormDataSourceDescriptors as je, readCompatibleFormTableColumnBindingFields as Me, readConditionOperatorOption as Ne, readConditionOperatorOptions as Pe, readDatePickerValue as Fe, readDefaultConditionOperator as Ie, readDefaultConditionValue as Le, readFieldOptionAsSelectOption as Re, readFormDataSourceBinding as E, readFormDataSourceBindingValue as ze, readFormDataSourceBindingValueKind as Be, readFormDataSourceFieldDependencyKeys as Ve, readFormSchemaLintMessage as He, readFormTableRowBounds as Ue, readSelectOption as D, renameFormDataSourceFieldBindings as We, renameFormTableColumnBindings as Ge, upsertFormDataSourceFieldBinding as Ke } from "@rytass/bpm-core-client/form";
+import { FORM_TABLE_MAX_ROWS as qe, isFormDataSourceFieldDefinition as O, isFormOptionFieldDefinition as Je, isFormStaticOptionFieldDefinition as Ye, isMemberFieldDefinition as Xe, isTableColumnFieldType as Ze, isTableFieldDefinition as k, readFormFieldSelectionMode as Qe } from "@rytass/bpm-core-shared/form";
+import { DragDropContext as $e, Draggable as et, Droppable as tt } from "@hello-pangea/dnd";
+import A from "next/dynamic";
+import { json as nt } from "@codemirror/lang-json";
+import { EditorView as j } from "@codemirror/view";
 //#region src/views/forms/builder/json-code-editor.tsx
-var N = {
+var rt = {
 	alignItems: "center",
 	border: "1px solid var(--mzn-color-border-neutral)",
 	borderRadius: 4,
@@ -22,10 +22,10 @@ var N = {
 	minHeight: 160,
 	padding: 12,
 	width: "100%"
-}, et = [
-	j(),
-	M.lineWrapping,
-	M.theme({
+}, M = [
+	nt(),
+	j.lineWrapping,
+	j.theme({
 		"&": {
 			border: "1px solid var(--mzn-color-border-neutral)",
 			borderRadius: "4px",
@@ -41,15 +41,15 @@ var N = {
 		".cm-gutters": { borderRight: "1px solid var(--mzn-color-border-neutral)" },
 		".cm-scroller": { fontFamily: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", monospace" }
 	})
-], P = $e(() => import("@uiw/react-codemirror"), {
+], N = A(() => import("@uiw/react-codemirror"), {
 	loading: () => /* @__PURE__ */ _("div", {
-		style: N,
+		style: rt,
 		children: "載入 JSON 編輯器"
 	}),
 	ssr: !1
 });
-function tt({ disabled: e = !1, height: t, name: n, onChange: r, placeholder: i, value: a }) {
-	return /* @__PURE__ */ _(P, {
+function it({ disabled: e = !1, height: t, name: n, onChange: r, placeholder: i, value: a }) {
+	return /* @__PURE__ */ _(N, {
 		"aria-label": n,
 		basicSetup: {
 			autocompletion: !0,
@@ -63,7 +63,7 @@ function tt({ disabled: e = !1, height: t, name: n, onChange: r, placeholder: i,
 			syntaxHighlighting: !0
 		},
 		editable: !e,
-		extensions: [...et],
+		extensions: [...M],
 		height: t,
 		indentWithTab: !1,
 		onChange: r,
@@ -76,7 +76,7 @@ function tt({ disabled: e = !1, height: t, name: n, onChange: r, placeholder: i,
 }
 //#endregion
 //#region src/views/forms/builder/FormBuilderView.tsx
-var F = [
+var at = [
 	{
 		description: "單行文字、姓名、編號",
 		icon: le,
@@ -149,72 +149,78 @@ var F = [
 		label: "附件",
 		type: "file_upload"
 	},
+	{
+		description: "從成員名單挑選一或多位人員",
+		icon: w,
+		label: "人員選擇",
+		type: "member"
+	},
 	{
 		description: "多列多欄明細",
 		icon: x,
 		label: "表格",
 		type: "table"
 	}
-], I = F.filter((e) => Ye(e.type)).map((e) => ({
+], P = at.filter((e) => Ze(e.type)).map((e) => ({
 	id: e.type,
 	name: e.label
-})), nt = {
+})), ot = {
 	alignItems: "start",
 	display: "flex",
 	flexWrap: "wrap",
 	gap: 16
-}, rt = {
+}, st = {
 	flex: "0.55 1 300px",
 	minWidth: 0
-}, it = {
+}, ct = {
 	flex: "1.45 1 720px",
 	minWidth: 620,
 	paddingBottom: 260
-}, at = 240, ot = {
+}, lt = 240, ut = {
 	BOOLEAN: "開關",
 	NUMBER: "數字",
 	STRING: "文字或選單",
 	STRING_ARRAY: "多選"
-}, st = /^schema\.fields\[(\d+)\](?:\.columns\[(\d+)\])?\.dataSource\.bindings missing required parameter: (.+)$/u, ct = /^schema\.fields\[(\d+)\](?:\.columns\[(\d+)\])?\.dataSource\.bindings unknown parameter: (.+)$/u, L = {
+}, dt = /^schema\.fields\[(\d+)\](?:\.columns\[(\d+)\])?\.dataSource\.bindings missing required parameter: (.+)$/u, ft = /^schema\.fields\[(\d+)\](?:\.columns\[(\d+)\])?\.dataSource\.bindings unknown parameter: (.+)$/u, F = {
 	display: "grid",
 	gap: 12
-}, lt = {
+}, pt = {
 	display: "flex",
 	flexWrap: "wrap",
 	gap: 6
-}, ut = {
+}, mt = {
 	flex: "0 0 auto",
 	whiteSpace: "nowrap"
-}, dt = {
+}, ht = {
 	display: "grid",
 	gap: 8
-}, ft = {
+}, gt = {
 	alignItems: "center",
 	cursor: "grab",
 	display: "flex",
 	gap: 12,
 	touchAction: "none"
-}, pt = {
+}, _t = {
 	display: "grid",
 	flex: "1 1 auto",
 	gap: 2,
 	minWidth: 0
-}, mt = {
+}, vt = {
 	alignItems: "center",
 	display: "flex",
 	flex: "0 0 auto",
 	gap: 4
-}, ht = {
+}, yt = {
 	alignItems: "center",
 	display: "flex",
 	gap: 6
-}, gt = {
+}, bt = {
 	cursor: "pointer",
 	userSelect: "none"
-}, _t = { filter: "drop-shadow(0 8px 18px rgba(0, 0, 0, 0.12))" }, vt = {
+}, xt = { filter: "drop-shadow(0 8px 18px rgba(0, 0, 0, 0.12))" }, St = {
 	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)"
-}, yt = {
+}, Ct = {
 	alignItems: "center",
 	border: "1px dashed var(--mzn-color-border-neutral)",
 	borderRadius: 6,
@@ -223,135 +229,135 @@ var F = [
 	minHeight: 240,
 	padding: 32,
 	textAlign: "center"
-}, bt = {
+}, wt = {
 	display: "flex",
 	gap: 8,
 	justifyContent: "center"
-}, xt = {
+}, Tt = {
 	display: "grid",
 	gap: 14
-}, St = {
+}, Et = {
 	display: "grid",
 	columnGap: 16,
 	gridTemplateColumns: "repeat(auto-fit, minmax(280px, 360px))",
 	justifyContent: "start",
 	maxWidth: 736,
 	rowGap: 8
-}, Ct = { gridColumn: "1 / -1" }, wt = {
+}, Dt = { gridColumn: "1 / -1" }, Ot = {
 	alignItems: "center",
 	display: "flex",
 	gap: 8,
 	gridColumn: "1 / -1",
 	justifyContent: "flex-end"
-}, Tt = { gridColumn: "1 / -1" }, Et = {
+}, kt = { gridColumn: "1 / -1" }, At = {
 	alignItems: "start",
 	display: "block",
 	width: "100%"
-}, Dt = {
-	...Et,
+}, jt = {
+	...At,
 	gridColumn: "1 / -1"
-}, Ot = {
+}, Mt = {
 	minWidth: 0,
 	width: "100%"
-}, kt = {
+}, Nt = {
 	minWidth: "100%",
 	width: "100%"
-}, At = {
+}, Pt = {
 	display: "grid",
 	gap: 14
-}, jt = {
+}, Ft = {
 	alignItems: "start",
 	display: "block",
 	width: "100%"
-}, Mt = {
+}, It = {
 	minWidth: 0,
 	width: "100%"
-}, Nt = { gridColumn: "2 / -1" }, Pt = {
+}, Lt = { gridColumn: "2 / -1" }, Rt = {
 	display: "grid",
 	gap: 10,
 	width: "100%"
-}, Ft = {
+}, zt = {
 	display: "grid",
 	gap: 8,
 	gridTemplateColumns: "repeat(auto-fit, minmax(160px, 1fr))"
-}, It = { display: "inline-flex" }, Lt = {
+}, Bt = { display: "inline-flex" }, Vt = {
 	display: "grid",
 	gap: 16
-}, Rt = {
+}, Ht = {
 	display: "grid",
 	gap: 8
-}, zt = {
+}, Ut = {
 	display: "flex",
 	justifyContent: "flex-end"
-}, Bt = {
+}, Wt = {
 	color: "var(--mzn-color-text-error)",
 	fontSize: "0.72em",
 	lineHeight: 0,
 	marginLeft: 2,
 	verticalAlign: "super"
-}, Vt = {
+}, Gt = {
 	display: "grid",
 	gap: 10,
 	gridColumn: "1 / -1"
-}, Ht = {
+}, Kt = {
 	display: "grid",
 	gap: 2
-}, Ut = {
+}, qt = {
 	display: "grid",
 	gap: 8
-}, Wt = {
+}, Jt = {
 	display: "flex",
 	justifyContent: "flex-start"
-}, Gt = {
+}, Yt = {
 	display: "flex",
 	flexWrap: "wrap",
 	gap: 4
-}, Kt = {
+}, Xt = {
 	backgroundColor: "var(--mzn-color-bg-surface-secondary)",
 	borderRadius: 6,
 	display: "grid",
 	gap: 4,
 	padding: 10
-}, qt = {
-	...St,
+}, Zt = {
+	...Et,
 	gridTemplateColumns: "minmax(280px, 520px)",
 	padding: "4px 0 8px"
-}, Jt = {
+}, Qt = {
 	display: "grid",
 	gap: 8,
 	gridColumn: "1 / -1"
-}, Yt = {
+}, $t = {
 	alignItems: "center",
 	display: "flex",
 	gap: 12,
 	justifyContent: "space-between"
-}, Xt = {
+}, en = {
 	alignItems: "baseline",
 	display: "flex",
 	gap: 2
-}, Zt = {
+}, tn = {
 	display: "grid",
 	gap: 4
 };
-function Qt(e) {
+function nn(e) {
 	e && (e.style.width = "100%");
 }
-var $t = {
+var rn = {
 	fields: [],
 	schemaVersion: 1
-}, en = {
+}, an = {
 	layout: [],
 	schemaVersion: 1
-}, tn = "__STATIC_OPTIONS__", nn = "__CONSTANT__", rn = "__ROW_FIELD__:", an = "__UNBOUND__", on = [{
-	id: tn,
+}, I = "__STATIC_OPTIONS__", on = "__CONSTANT__", sn = "__ROW_FIELD__:", cn = "__UNBOUND__", ln = [{
+	id: I,
 	name: "靜態選項"
-}], sn = [{
+}], un = [{
 	id: "single",
 	name: "單選"
 }, {
 	id: "multiple",
 	name: "複選"
-}], cn = [
+}], dn = [
 	{
 		id: "unset",
 		name: "不預設"
@@ -364,13 +370,13 @@ var $t = {
 		id: "false",
 		name: "否"
 	}
-], ln = [{
+], fn = [{
 	id: "true",
 	name: "是"
 }, {
 	id: "false",
 	name: "否"
-}], un = [
+}], pn = [
 	{
 		label: "顯示",
 		name: "fieldVisibleWhen",
@@ -390,36 +396,36 @@ var $t = {
 		target: "readonlyWhen"
 	}
 ];
-function R({ onChange: le, value: y }) {
-	let ue = y?.schema ?? $t, de = y?.uiSchema ?? en, [b, x] = i(ue), [S, C] = i(de), [pe, O] = i(V(ue)), [$e, j] = i(V(de)), [M, N] = i({}), [et, P] = i(null), [R, gn] = i("design"), [z, B] = i(null), [H, jn] = i([]), [Mn, Nn] = i(null), [Pn, Fn] = i("loading"), [In, U] = i(null), [Ln, Rn] = i(!1), [W, G] = i(null), [zn, K] = i(null);
+function mn({ onChange: le, value: y }) {
+	let ue = y?.schema ?? rn, de = y?.uiSchema ?? an, [b, x] = i(ue), [S, C] = i(de), [pe, w] = i(B(ue)), [Ye, A] = i(B(de)), [nt, j] = i({}), [rt, M] = i(null), [N, mn] = i("design"), [L, R] = i(null), [z, V] = i([]), [Fn, In] = i(null), [Ln, Rn] = i("loading"), [zn, H] = i(null), [Bn, Vn] = i(!1), [U, W] = i(null), [Hn, G] = i(null);
 	n(() => {
 		let e = !0;
 		return De().then((t) => {
-			e && (jn(t), Nn(null), Fn("ready"));
+			e && (V(t), In(null), Rn("ready"));
 		}).catch((t) => {
-			e && (jn([]), Nn("目前無法載入 DataSource Catalog，請稍後重試。"), Fn("unavailable"));
+			e && (V([]), In("目前無法載入 DataSource Catalog，請稍後重試。"), Rn("unavailable"));
 		}), () => {
 			e = !1;
 		};
 	}, []), n(() => {
-		b.fields.some((e) => e.fieldKey === z) || B(b.fields[0]?.fieldKey ?? null);
-	}, [b.fields, z]), n(() => {
-		N((e) => ge(b.fields, e));
+		b.fields.some((e) => e.fieldKey === L) || R(b.fields[0]?.fieldKey ?? null);
+	}, [b.fields, L]), n(() => {
+		j((e) => ge(b.fields, e));
 	}, [b.fields]), n(() => {
-		R !== "advanced" && (O(V(b)), j(V(S)));
+		N !== "advanced" && (w(B(b)), A(B(S)));
 	}, [
-		R,
+		N,
 		b,
 		S
 	]);
-	let q = r(() => b.fields.find((e) => e.fieldKey === z) ?? b.fields[0] ?? null, [b.fields, z]);
+	let K = r(() => b.fields.find((e) => e.fieldKey === L) ?? b.fields[0] ?? null, [b.fields, L]);
 	n(() => {
 		le?.({
 			schema: b,
 			uiSchema: S
 		});
 	}, [b, S]);
-	function Bn(e) {
+	function Un(e) {
 		let t = b.fields.length + 1, n = ve(e, t);
 		x({
 			...b,
@@ -430,25 +436,25 @@ function R({ onChange: le, value: y }) {
 				fieldKey: n.fieldKey,
 				width: e === "textarea" || e === "file_upload" || e === "table" ? "FULL" : "HALF"
 			}]
-		}), B(n.fieldKey), gn("design"), P(null);
+		}), R(n.fieldKey), mn("design"), M(null);
 	}
-	function Vn(e) {
+	function Wn(e) {
 		let t = e;
-		t === "advanced" && R !== "advanced" && (O(V(b)), j(V(S))), gn(t);
+		t === "advanced" && N !== "advanced" && (w(B(b)), A(B(S))), mn(t);
 	}
-	function Hn(e) {
-		let t = b.fields.flatMap((t) => k(t) ? t.columns.flatMap((n) => D(n) && Ve(n).includes(e) ? [`${t.fieldKey}.${n.fieldKey}`] : []) : D(t) && Ve(t).includes(e) ? [t.fieldKey] : []);
+	function Gn(e) {
+		let t = b.fields.flatMap((t) => k(t) ? t.columns.flatMap((n) => O(n) && Ve(n).includes(e) ? [`${t.fieldKey}.${n.fieldKey}`] : []) : O(t) && Ve(t).includes(e) ? [t.fieldKey] : []);
 		if (t.length > 0) {
-			G({
+			W({
 				affectedFieldKeys: t,
 				fieldKey: e,
 				kind: "remove-field"
 			});
 			return;
 		}
-		Un(e);
+		Kn(e);
 	}
-	function Un(e) {
+	function Kn(e) {
 		let t = b.fields.filter((t) => t.fieldKey !== e);
 		x({
 			...b,
@@ -456,27 +462,27 @@ function R({ onChange: le, value: y }) {
 		}), C({
 			...S,
 			layout: S.layout.filter((t) => t.fieldKey !== e)
-		}), B(z === e ? t[0]?.fieldKey ?? null : z), P(null), U(null);
+		}), R(L === e ? t[0]?.fieldKey ?? null : L), M(null), H(null);
 	}
-	function Wn(e) {
+	function qn(e) {
 		let t = e.destination;
 		t && e.source.index !== t.index && (x((n) => ({
 			...n,
-			fields: An(n.fields, e.source.index, t.index)
+			fields: Pn(n.fields, e.source.index, t.index)
 		})), C((n) => ({
 			...n,
-			layout: An(n.layout, e.source.index, t.index)
-		})), P(null));
+			layout: Pn(n.layout, e.source.index, t.index)
+		})), M(null));
 	}
-	function J(e) {
-		Gn((t) => ({
+	function q(e) {
+		J((t) => ({
 			...t,
 			...e
 		}));
 	}
-	function Gn(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);
@@ -486,16 +492,16 @@ function R({ onChange: le, value: y }) {
 				...e,
 				fieldKey: r
 			} : e)
-		}), B(r), P(null), U(null);
+		}), R(r), M(null), H(null);
 	}
-	function Kn(e) {
-		Gn(() => e);
+	function Jn(e) {
+		J(() => e);
 	}
 	function Y(e, t) {
 		x((n) => ({
 			...n,
 			fields: n.fields.map((n) => n.fieldKey === e && k(n) ? t(n) : n)
-		})), P(null), U(null);
+		})), M(null), H(null);
 	}
 	function X(e, t, n) {
 		let r = e.columns[t]?.fieldKey;
@@ -507,27 +513,27 @@ function R({ onChange: le, value: y }) {
 			return typeof r == "string" && r !== n.fieldKey ? Ge(i, r, n.fieldKey) : i;
 		});
 	}
-	function qn(e) {
+	function Yn(e) {
 		let t = ye(e.columns, "text");
 		Y(e.fieldKey, (e) => ({
 			...e,
 			columns: [...e.columns, t]
-		})), K(e.columns.length);
+		})), G(e.columns.length);
 	}
-	function Jn(e, t) {
+	function Xn(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 Yn(e, t, n) {
+	function Zn(e, t, n) {
 		Y(e.fieldKey, (e) => ({
 			...e,
-			columns: An(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: Pn(e.columns, t, n)
+		})), G((e) => e === null ? e : e === t ? n : e > t && e <= n ? e - 1 : e < t && e >= n ? e + 1 : e);
 	}
-	function Xn(e, t, n) {
-		if (e.type !== "select" && e.type !== "autocomplete" || A(e) === t) return;
+	function Qn(e, t, n) {
+		if (e.type !== "select" && e.type !== "autocomplete" || Qe(e) === t) return;
 		let r = e.defaultValue, i = t === "multiple" ? typeof r == "string" ? [r] : r : Array.isArray(r) ? r[0] : r;
 		n(e, {
 			...e,
@@ -535,18 +541,18 @@ function R({ onChange: le, value: y }) {
 			mode: t
 		}, "選擇模式變更可能轉換或捨棄既有預設值。");
 	}
-	function Zn(e, t, n = "此變更會替換目前選項來源；既有 options、dynamic reference 或 bindings 可能失效。") {
-		JSON.stringify(e) !== JSON.stringify(t) && G({
+	function $n(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 Qn(e, t, n) {
+	function er(e, t, n) {
 		if (!t) return;
-		if (t === tn) {
-			if (!D(e)) return;
+		if (t === I) {
+			if (!O(e)) return;
 			let { dataSource: t, defaultValue: r, ...i } = e;
 			n({
 				...i,
@@ -554,9 +560,9 @@ function R({ onChange: le, value: y }) {
 			});
 			return;
 		}
-		let r = H.find((e) => fn(e) === t);
+		let r = z.find((e) => gn(e) === t);
 		if (!r) return;
-		if (D(e)) {
+		if (O(e)) {
 			let t = new Set(r.parameters.map((e) => e.key)), i = e.dataSource.bindings.filter((e) => t.has(e.parameter));
 			n({
 				...e,
@@ -578,192 +584,192 @@ function R({ onChange: le, value: y }) {
 			}
 		});
 	}
-	function $n() {
-		W && (er(W), G(null));
+	function tr() {
+		U && (nr(U), W(null));
 	}
-	function er(e) {
+	function nr(e) {
 		if (e.kind === "remove-field") {
-			Un(e.fieldKey);
+			Kn(e.fieldKey);
 			return;
 		}
 		if (e.kind === "remove-column") {
-			Jn(e.fieldKey, e.columnIndex);
+			Xn(e.fieldKey, e.columnIndex);
 			return;
 		}
 		if (e.kind === "replace-column") {
 			Y(e.fieldKey, (t) => ({
 				...t,
 				columns: t.columns.map((t) => t.fieldKey === e.columnKey ? e.nextColumn : t)
-			})), K(e.columnIndex);
+			})), G(e.columnIndex);
 			return;
 		}
 		x({
 			...b,
 			fields: b.fields.map((t) => t.fieldKey === e.fieldKey ? e.nextField : t)
-		}), P(null), U(null);
+		}), M(null), H(null);
 	}
-	async function tr() {
-		Rn(!0);
+	async function rr() {
+		Vn(!0);
 		try {
 			let e = await Ee(b, S);
-			U(e.errors.map(nr));
+			H(e.errors.map(ir));
 		} catch {
-			U(["目前無法完成 DataSource schema 驗證。"]);
+			H(["目前無法完成 DataSource schema 驗證。"]);
 		} finally {
-			Rn(!1);
+			Vn(!1);
 		}
 	}
-	function nr(e) {
-		let t = st.exec(e);
-		if (t?.[1] && t[3]) return `${rr(t[1], t[2])}尚未指定必要參數「${ir(t[1], t[2], t[3])}」的來源`;
-		let n = ct.exec(e);
-		return n?.[1] && n[3] ? `${rr(n[1], n[2])}綁定了來源沒有的參數「${n[3]}」` : He(e);
+	function ir(e) {
+		let t = dt.exec(e);
+		if (t?.[1] && t[3]) return `${ar(t[1], t[2])}尚未指定必要參數「${or(t[1], t[2], t[3])}」的來源`;
+		let n = ft.exec(e);
+		return n?.[1] && n[3] ? `${ar(n[1], n[2])}綁定了來源沒有的參數「${n[3]}」` : He(e);
 	}
-	function rr(e, t) {
+	function ar(e, t) {
 		let n = b.fields[Number(e)];
 		if (!n) return "";
-		let r = n.label || n.fieldKey, i = ar(n, t);
+		let r = n.label || n.fieldKey, i = sr(n, t);
 		return i ? `「${r}」表格的「${i.label || i.fieldKey}」欄` : `「${r}」欄位`;
 	}
-	function ir(e, t, n) {
+	function or(e, t, n) {
 		let r = b.fields[Number(e)];
 		if (!r) return n;
-		let i = ar(r, t) ?? r, a = D(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;
+		let i = sr(r, t) ?? r, a = O(i) ? i.dataSource : null;
+		return (a ? z.find((e) => e.key === a.key && e.version === a.version) : void 0)?.parameters.find((e) => e.key === n)?.label || n;
 	}
-	function ar(e, t) {
+	function sr(e, t) {
 		return typeof t == "string" && k(e) ? e.columns[Number(t)] : void 0;
 	}
-	function or(e) {
-		N(e);
+	function cr(e) {
+		j(e);
 	}
-	function sr(e, t) {
+	function lr(e, t) {
 		x((n) => ({
 			...n,
 			fields: n.fields.map((n) => n.fieldKey === e ? {
 				...n,
 				required: t
 			} : n)
-		})), P(null);
+		})), M(null);
 	}
-	function cr(e) {
-		O(e);
+	function ur(e) {
+		w(e);
 		try {
-			x(JSON.parse(e)), P(null);
+			x(JSON.parse(e)), M(null);
 		} catch {
-			P("Form Schema JSON 格式不正確");
+			M("Form Schema JSON 格式不正確");
 		}
 	}
-	function lr(e) {
-		j(e);
+	function dr(e) {
+		A(e);
 		try {
-			C(JSON.parse(e)), P(null);
+			C(JSON.parse(e)), M(null);
 		} catch {
-			P("UI Schema JSON 格式不正確");
+			M("UI Schema JSON 格式不正確");
 		}
 	}
 	return /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(g, { children: /* @__PURE__ */ _(ne, { children: /* @__PURE__ */ _(te, { children: /* @__PURE__ */ v("div", {
-		style: Lt,
+		style: Vt,
 		children: [
 			/* @__PURE__ */ v(re, {
-				activeKey: R,
-				onChange: Vn,
+				activeKey: N,
+				onChange: Wn,
 				size: "sub",
 				children: [
-					/* @__PURE__ */ _(m, { children: "設計" }, "design"),
-					/* @__PURE__ */ _(m, { children: "預覽" }, "preview"),
-					/* @__PURE__ */ _(m, { children: "進階" }, "advanced")
+					/* @__PURE__ */ _(ie, { children: "設計" }, "design"),
+					/* @__PURE__ */ _(ie, { children: "預覽" }, "preview"),
+					/* @__PURE__ */ _(ie, { children: "進階" }, "advanced")
 				]
 			}),
-			R === "design" ? ur() : null,
-			R === "preview" ? Yr() : null,
-			R === "advanced" ? Xr() : null
+			N === "design" ? fr() : null,
+			N === "preview" ? Qr() : null,
+			N === "advanced" ? $r() : null
 		]
-	}) }) }) }), W ? /* @__PURE__ */ _(ee, {
+	}) }) }) }), U ? /* @__PURE__ */ _(ee, {
 		cancelText: "返回",
 		confirmText: "確認變更",
 		modalType: "standard",
-		onCancel: () => G(null),
-		onClose: () => G(null),
-		onConfirm: $n,
+		onCancel: () => W(null),
+		onClose: () => W(null),
+		onConfirm: tr,
 		open: !0,
 		showModalFooter: !0,
 		showModalHeader: !0,
-		title: yn(W),
-		children: W.kind === "remove-field" ? /* @__PURE__ */ v("div", {
-			style: Rt,
+		title: Sn(U),
+		children: U.kind === "remove-field" ? /* @__PURE__ */ v("div", {
+			style: Ht,
 			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 ur() {
+	function fr() {
 		return /* @__PURE__ */ v("div", {
-			style: L,
+			style: F,
 			children: [/* @__PURE__ */ v("div", {
-				style: dt,
+				style: ht,
 				children: [/* @__PURE__ */ _(h, {
 					component: "h2",
 					variant: "label-primary",
 					children: "新增欄位"
 				}), /* @__PURE__ */ _("div", {
-					style: lt,
-					children: F.map((e) => /* @__PURE__ */ _(c, {
+					style: pt,
+					children: at.map((e) => /* @__PURE__ */ _(c, {
 						icon: e.icon,
 						iconType: "leading",
-						onClick: () => Bn(e.type),
+						onClick: () => Un(e.type),
 						size: "sub",
-						style: ut,
+						style: mt,
 						type: "button",
 						variant: "base-secondary",
 						children: e.label
 					}, e.type))
 				})]
 			}), /* @__PURE__ */ v("div", {
-				style: nt,
+				style: ot,
 				children: [/* @__PURE__ */ v("div", {
 					style: {
-						...L,
-						...rt
+						...F,
+						...st
 					},
 					children: [/* @__PURE__ */ _(h, {
 						component: "h2",
 						variant: "label-primary",
 						children: "表單畫布"
-					}), b.fields.length > 0 ? /* @__PURE__ */ _(Xe, {
-						onDragEnd: Wn,
-						children: /* @__PURE__ */ _(Qe, {
+					}), b.fields.length > 0 ? /* @__PURE__ */ _($e, {
+						onDragEnd: qn,
+						children: /* @__PURE__ */ _(tt, {
 							droppableId: "form-builder-fields",
 							children: (e) => /* @__PURE__ */ v("div", {
 								...e.droppableProps,
 								ref: e.innerRef,
-								style: L,
-								children: [b.fields.map((e, t) => /* @__PURE__ */ _(Ze, {
+								style: F,
+								children: [b.fields.map((e, t) => /* @__PURE__ */ _(et, {
 									draggableId: e.fieldKey,
 									index: t,
-									children: (t, n) => qr(e, t, n.isDragging)
+									children: (t, n) => Xr(e, t, n.isDragging)
 								}, e.fieldKey)), e.placeholder]
 							})
 						})
 					}) : /* @__PURE__ */ v("div", {
-						style: yt,
+						style: Ct,
 						children: [/* @__PURE__ */ v("div", {
-							style: L,
+							style: F,
 							children: [/* @__PURE__ */ _(h, {
 								component: "h3",
 								variant: "h3",
@@ -774,13 +780,13 @@ function R({ onChange: le, value: y }) {
 								children: "從上方新增第一個欄位，或直接建立常用文字欄位開始設計。"
 							})]
 						}), /* @__PURE__ */ v("div", {
-							style: bt,
+							style: wt,
 							children: [/* @__PURE__ */ _(c, {
-								onClick: () => Bn("text"),
+								onClick: () => Un("text"),
 								variant: "base-primary",
 								children: "新增文字欄位"
 							}), /* @__PURE__ */ _(c, {
-								onClick: () => Bn("textarea"),
+								onClick: () => Un("textarea"),
 								variant: "base-secondary",
 								children: "新增長文字"
 							})]
@@ -788,14 +794,14 @@ function R({ onChange: le, value: y }) {
 					})]
 				}), /* @__PURE__ */ v("div", {
 					style: {
-						...L,
-						...it
+						...F,
+						...ct
 					},
 					children: [/* @__PURE__ */ _(h, {
 						component: "h2",
 						variant: "label-primary",
 						children: "欄位設定"
-					}), q ? dr(q) : /* @__PURE__ */ _(h, {
+					}), K ? pr(K) : /* @__PURE__ */ _(h, {
 						color: "text-neutral",
 						variant: "body",
 						children: "請先新增或選取欄位。"
@@ -804,79 +810,100 @@ function R({ onChange: le, value: y }) {
 			})]
 		});
 	}
-	function dr(e) {
+	function pr(e) {
 		return /* @__PURE__ */ v("div", {
-			style: xt,
+			style: Tt,
 			children: [
-				fr(e),
-				k(e) ? gr(e) : null,
-				pr(e)
+				mr(e),
+				k(e) ? vr(e) : null,
+				hr(e)
 			]
 		});
 	}
-	function fr(e) {
+	function mr(e) {
 		return /* @__PURE__ */ v("div", {
-			style: St,
+			style: Et,
 			children: [
 				/* @__PURE__ */ _("div", {
-					style: wt,
+					style: Ot,
 					children: /* @__PURE__ */ _(o, {
 						size: "main",
-						text: dn(e.type),
+						text: hn(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"
 				})),
 				k(e) ? null : $("提示文字", "fieldPlaceholder", /* @__PURE__ */ _(f, {
-					onChange: (e) => J({ placeholder: e.target.value || void 0 }),
+					onChange: (e) => q({ placeholder: e.target.value || void 0 }),
 					placeholder: "例如：請輸入申請金額",
 					value: e.placeholder ?? "",
 					variant: "base"
 				})),
-				mr(e, Kn, Zn)
+				gr(e, Jn, $n),
+				On(e) ? $("以連結顯示", "fieldDisplayAsLink", /* @__PURE__ */ _(m, {
+					checked: e.displayAs === "link",
+					onChange: (e) => J((t) => e.target.checked ? On(t) ? {
+						...t,
+						displayAs: "link"
+					} : t : Tn(t, "displayAs"))
+				})) : null,
+				$("只存不顯示（系統整合用）", "fieldHidden", /* @__PURE__ */ _(m, {
+					checked: e.hidden === !0,
+					onChange: (e) => J((t) => e.target.checked ? {
+						...t,
+						hidden: !0,
+						required: !1
+					} : Tn(t, "hidden"))
+				})),
+				e.hidden === !0 ? /* @__PURE__ */ _(h, {
+					color: "text-neutral",
+					style: kt,
+					variant: "body",
+					children: "填寫、唯讀與重送畫面都不會顯示這個欄位，值仍會存下來； 透過 API 仍然讀得到這個值，不是權限控管。"
+				}) : null
 			]
 		});
 	}
-	function pr(e) {
+	function hr(e) {
 		return /* @__PURE__ */ _(a, {
-			defaultExpanded: Sn(e),
+			defaultExpanded: En(e),
 			size: "sub",
 			title: "進階設定",
 			children: /* @__PURE__ */ v("div", {
-				style: St,
+				style: Et,
 				children: [
 					/* @__PURE__ */ _(h, {
 						component: "h3",
-						style: Ct,
+						style: Dt,
 						variant: "label-primary",
 						children: "條件規則"
 					}),
 					/* @__PURE__ */ _(h, {
 						color: "text-neutral",
-						style: Tt,
+						style: kt,
 						variant: "body",
 						children: "只有需要根據其他欄位改變顯示、必填或唯讀狀態時才需要設定。"
 					}),
-					Vr(e)
+					Wr(e)
 				]
 			})
 		});
 	}
-	function mr(e, t, n, r) {
-		return wn(e) ? Sr(e, t) : we(e) ? Cr(e, t) : Se(e) ? wr(e, t) : Je(e) ? Tr(e, t, n, r) : e.type === "boolean" ? zr(e, t) : e.type === "file_upload" ? Br(e, t) : k(e) ? hr(e) : null;
+	function gr(e, t, n, r) {
+		return On(e) ? wr(e, t) : we(e) ? Tr(e, t) : Se(e) ? Er(e, t) : Je(e) ? Dr(e, t, n, r) : e.type === "boolean" ? Vr(e, t) : e.type === "file_upload" ? Ur(e, t) : Xe(e) ? Hr(e, t) : k(e) ? _r(e) : null;
 	}
-	function hr(e) {
+	function _r(e) {
 		let t = Ue(e);
 		return /* @__PURE__ */ v(g, { children: [
 			$("最少列數", "fieldMinRows", Q(e.minRows, (t) => Y(e.fieldKey, (e) => ({
@@ -904,11 +931,11 @@ function R({ onChange: le, value: y }) {
 			}))
 		] });
 	}
-	function gr(e) {
+	function vr(e) {
 		return /* @__PURE__ */ v("div", {
-			style: Jt,
+			style: Qt,
 			children: [/* @__PURE__ */ v("div", {
-				style: Yt,
+				style: $t,
 				children: [/* @__PURE__ */ v(h, {
 					component: "h3",
 					variant: "label-primary",
@@ -920,16 +947,16 @@ function R({ onChange: le, value: y }) {
 				}), /* @__PURE__ */ _(c, {
 					icon: me,
 					iconType: "leading",
-					onClick: () => qn(e),
+					onClick: () => Yn(e),
 					size: "sub",
 					type: "button",
 					variant: "base-secondary",
 					children: "新增欄"
 				})]
-			}), _r(e)]
+			}), yr(e)]
 		});
 	}
-	function _r(e) {
+	function yr(e) {
 		let t = e.columns.map((t, n) => ({
 			fieldKey: t.fieldKey,
 			index: n,
@@ -942,7 +969,7 @@ function R({ onChange: le, value: y }) {
 				render: (t) => /* @__PURE__ */ _(f, {
 					fullWidth: !0,
 					onChange: (n) => X(e, t.index, {
-						...xr(e, t.index),
+						...Cr(e, t.index),
 						label: n.target.value
 					}),
 					placeholder: "例如：數量",
@@ -957,21 +984,21 @@ function R({ onChange: le, value: y }) {
 				render: (t) => /* @__PURE__ */ _(p, {
 					fullWidth: !0,
 					clearable: !1,
-					menuMaxHeight: at,
-					onChange: (n) => yr(e, t.index, n?.id),
-					options: [...I],
+					menuMaxHeight: lt,
+					onChange: (n) => xr(e, t.index, n?.id),
+					options: [...P],
 					size: "sub",
-					value: E(I, t.type)
+					value: D(P, t.type)
 				}),
 				title: "型別"
 			},
 			{
 				key: "required",
-				render: (t) => /* @__PURE__ */ _(se, {
-					checked: xr(e, t.index).required === !0,
+				render: (t) => /* @__PURE__ */ _(m, {
+					checked: Cr(e, t.index).required === !0,
 					inputProps: { "aria-label": `${t.label || t.fieldKey} 必填` },
 					onChange: (n) => X(e, t.index, {
-						...xr(e, t.index),
+						...Cr(e, t.index),
 						required: n.target.checked
 					}),
 					size: "sub"
@@ -984,7 +1011,7 @@ function R({ onChange: le, value: y }) {
 				icon: he,
 				iconType: "leading",
 				name: "移除此欄",
-				onClick: () => G({
+				onClick: () => W({
 					columnIndex: t.index,
 					columnKey: t.fieldKey,
 					fieldKey: e.fieldKey,
@@ -993,19 +1020,19 @@ function R({ onChange: le, value: y }) {
 				variant: "destructive-ghost"
 			}],
 			width: 104
-		}, i = zn === null ? void 0 : t[zn]?.key;
-		return /* @__PURE__ */ _(ie, {
+		}, i = Hn === null ? void 0 : t[Hn]?.key;
+		return /* @__PURE__ */ _(ae, {
 			actions: r,
 			columns: n,
 			dataSource: t,
 			draggable: {
 				enabled: !0,
-				onDragEnd: (t, n) => Yn(e, n.fromIndex, n.toIndex)
+				onDragEnd: (t, n) => Zn(e, n.fromIndex, n.toIndex)
 			},
 			expandable: {
 				expandedRowKeys: i ? [i] : [],
-				expandedRowRender: (t) => vr(e, t.index),
-				onExpand: (e, t) => K(e ? t.index : null)
+				expandedRowRender: (t) => br(e, t.index),
+				onExpand: (e, t) => G(e ? t.index : null)
 			},
 			fullWidth: !0,
 			rowHeightPreset: "roomy",
@@ -1013,10 +1040,10 @@ function R({ onChange: le, value: y }) {
 			size: "sub"
 		});
 	}
-	function vr(e, t) {
+	function br(e, t) {
 		let n = e.columns[t];
 		return n ? /* @__PURE__ */ v("div", {
-			style: qt,
+			style: Zt,
 			children: [
 				$("欄位 Key", "columnFieldKey", /* @__PURE__ */ _(f, {
 					onChange: (r) => X(e, t, {
@@ -1036,42 +1063,42 @@ function R({ onChange: le, value: y }) {
 					value: n.placeholder ?? "",
 					variant: "base"
 				})),
-				mr(n, (n) => {
-					Ye(n.type) && X(e, t, n);
+				gr(n, (n) => {
+					Ze(n.type) && X(e, t, n);
 				}, (n, r) => {
-					Ye(r.type) && X(e, t, r);
+					Ze(r.type) && X(e, t, r);
 				}, e.columns)
 			]
 		}) : null;
 	}
-	function yr(e, t, n) {
-		let r = e.columns[t], i = I.find((e) => e.id === n)?.id;
+	function xr(e, t, n) {
+		let r = e.columns[t], i = P.find((e) => e.id === n)?.id;
 		if (!r || !i || r.type === i) return;
-		let a = xn(r, i), o = bn(r);
+		let a = wn(r, i), o = Cn(r);
 		if (o.length === 0) {
-			X(e, t, a), K(t);
+			X(e, t, a), G(t);
 			return;
 		}
-		G({
+		W({
 			columnIndex: t,
 			columnKey: r.fieldKey,
 			fieldKey: e.fieldKey,
-			impact: `「${r.label || r.fieldKey}」改為${br(i)}後，這一欄的${o.join("、")}會被捨棄。`,
+			impact: `「${r.label || r.fieldKey}」改為${Sr(i)}後，這一欄的${o.join("、")}會被捨棄。`,
 			kind: "replace-column",
 			nextColumn: a
 		});
 	}
-	function br(e) {
-		return I.find((t) => t.id === e)?.name ?? e;
+	function Sr(e) {
+		return P.find((t) => t.id === e)?.name ?? e;
 	}
-	function xr(e, t) {
+	function Cr(e, t) {
 		let n = e.columns[t];
 		if (!n) throw Error(`Table ${e.fieldKey} has no column at index ${t}.`);
 		return n;
 	}
-	function Sr(e, t) {
+	function wr(e, t) {
 		return /* @__PURE__ */ v(g, { children: [
-			$("預設值", "fieldDefaultValue", e.type === "textarea" ? Wr({
+			$("預設值", "fieldDefaultValue", e.type === "textarea" ? qr({
 				name: "fieldDefaultValue",
 				onChange: (n) => t({
 					...e,
@@ -1079,14 +1106,14 @@ function R({ onChange: le, value: y }) {
 				}),
 				placeholder: "輸入此欄位的預設文字",
 				rows: 3,
-				value: Tn(e.defaultValue)
+				value: kn(e.defaultValue)
 			}) : /* @__PURE__ */ _(f, {
 				onChange: (n) => t({
 					...e,
 					defaultValue: n.target.value || void 0
 				}),
 				placeholder: "輸入此欄位的預設文字",
-				value: Tn(e.defaultValue),
+				value: kn(e.defaultValue),
 				variant: "base"
 			})),
 			$("最小長度", "fieldMinLength", Q(e.minLength, (n) => t({
@@ -1099,7 +1126,7 @@ function R({ onChange: le, value: y }) {
 			}), "例如：100", { min: 1 }))
 		] });
 	}
-	function Cr(e, t) {
+	function Tr(e, t) {
 		return /* @__PURE__ */ v(g, { children: [
 			$("預設值", "fieldDefaultValue", Q(typeof e.defaultValue == "number" ? e.defaultValue : void 0, (n) => t({
 				...e,
@@ -1118,32 +1145,32 @@ function R({ onChange: le, value: y }) {
 			}), "例如：999999"))
 		] });
 	}
-	function wr(e, t) {
-		return $("預設值", "fieldDefaultValue", Gr(e, Tn(e.defaultValue), (n) => t({
+	function Er(e, t) {
+		return $("預設值", "fieldDefaultValue", Jr(e, kn(e.defaultValue), (n) => t({
 			...e,
 			defaultValue: n
 		})));
 	}
-	function Tr(e, t, n, r) {
-		let i = je(e.type, H), a = {
+	function Dr(e, t, n, r) {
+		let i = je(e.type, z), a = {
 			commit: (e) => t(e),
 			rowColumns: r
-		}, o = D(e) ? fn(e.dataSource) : tn, 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 = [
-			...on,
-			...i.map(mn),
-			...D(e) && !c ? [{
+		}, o = O(e) ? gn(e.dataSource) : I, s = O(e) ? z.find((t) => t.key === e.dataSource.key && t.version === e.dataSource.version) : null, c = s ? i.some((e) => e.key === s.key && e.version === s.version) : !1, l = [
+			...ln,
+			...i.map(vn),
+			...O(e) && !c ? [{
 				id: o,
 				name: `${e.dataSource.key} v${e.dataSource.version}（目前不可用或不支援）`
 			}] : []
-		], u = A(e);
+		], u = Qe(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") && Xn(e, t.id, n);
+					(t?.id === "single" || t?.id === "multiple") && Qn(e, t.id, n);
 				},
-				options: [...sn],
-				value: E(sn, u)
+				options: [...un],
+				value: D(un, u)
 			})) : $("選擇模式", "fieldSelectionMode", /* @__PURE__ */ _(h, {
 				color: "text-neutral",
 				variant: "body",
@@ -1151,29 +1178,29 @@ function R({ onChange: le, value: y }) {
 			})),
 			$("選項來源", "fieldOptionSource", /* @__PURE__ */ _(p, {
 				clearable: !1,
-				disabled: Pn === "loading" && !D(e),
-				onChange: (n) => Qn(e, n?.id, t),
+				disabled: Ln === "loading" && !O(e),
+				onChange: (n) => er(e, n?.id, t),
 				options: l,
 				placeholder: "選擇選項來源",
-				value: E(l, o)
+				value: D(l, o)
 			})),
-			D(e) ? Er(e, i, a) : Rr(e, t)
+			O(e) ? Or(e, i, a) : Br(e, t)
 		] });
 	}
-	function Er(e, t, n) {
-		let r = H.find((t) => t.key === e.dataSource.key && t.version === e.dataSource.version), i = r && !Ce(r, e.type);
+	function Or(e, t, n) {
+		let r = z.find((t) => t.key === e.dataSource.key && t.version === e.dataSource.version), i = r && !Ce(r, e.type);
 		return /* @__PURE__ */ v("div", {
-			style: Vt,
+			style: Gt,
 			children: [
-				Pn === "loading" ? /* @__PURE__ */ _(h, {
+				Ln === "loading" ? /* @__PURE__ */ _(h, {
 					color: "text-neutral",
 					variant: "body",
 					children: "正在載入可用的選項來源…"
 				}) : null,
-				Mn ? /* @__PURE__ */ _(h, {
+				Fn ? /* @__PURE__ */ _(h, {
 					color: "text-error",
 					variant: "body",
-					children: Mn
+					children: Fn
 				}) : null,
 				r ? null : /* @__PURE__ */ _(h, {
 					color: "text-warning",
@@ -1185,28 +1212,28 @@ function R({ onChange: le, value: y }) {
 					variant: "body",
 					children: "這個來源不支援目前的控制項，請改選其他來源。"
 				}) : null,
-				r ? Dr(r) : null,
-				r && r.parameters.length > 0 ? Or(e, r, n) : null,
-				t.length === 0 && !Mn ? /* @__PURE__ */ _(h, {
+				r ? kr(r) : null,
+				r && r.parameters.length > 0 ? Ar(e, r, n) : null,
+				t.length === 0 && !Fn ? /* @__PURE__ */ _(h, {
 					color: "text-warning",
 					variant: "body",
 					children: "沒有支援目前控制項的已註冊來源。"
 				}) : null,
 				/* @__PURE__ */ _("div", {
-					style: Wt,
+					style: Jt,
 					children: /* @__PURE__ */ _(c, {
-						disabled: Ln,
-						loading: Ln,
-						onClick: () => void tr(),
+						disabled: Bn,
+						loading: Bn,
+						onClick: () => void rr(),
 						size: "sub",
 						type: "button",
 						variant: "base-secondary",
 						children: "檢查全部動態選項設定"
 					})
 				}),
-				In ? /* @__PURE__ */ _("div", {
-					style: Ht,
-					children: In.length > 0 ? In.map((e) => /* @__PURE__ */ _(h, {
+				zn ? /* @__PURE__ */ _("div", {
+					style: Kt,
+					children: zn.length > 0 ? zn.map((e) => /* @__PURE__ */ _(h, {
 						color: "text-error",
 						variant: "caption",
 						children: e
@@ -1219,17 +1246,17 @@ function R({ onChange: le, value: y }) {
 			]
 		});
 	}
-	function Dr(e) {
+	function kr(e) {
 		return /* @__PURE__ */ v("div", {
-			style: Kt,
+			style: Xt,
 			children: [
 				e.description ? /* @__PURE__ */ _(h, {
 					variant: "body",
 					children: e.description
 				}) : null,
 				/* @__PURE__ */ _("div", {
-					style: Gt,
-					children: pn(e).map((e) => /* @__PURE__ */ _(ae, {
+					style: Yt,
+					children: _n(e).map((e) => /* @__PURE__ */ _(oe, {
 						label: e,
 						readOnly: !0,
 						size: "minor"
@@ -1248,24 +1275,24 @@ function R({ onChange: le, value: y }) {
 			]
 		});
 	}
-	function Or(e, t, n) {
+	function Ar(e, t, n) {
 		let r = t.parameters.map((e, t) => ({
 			key: e.key,
 			index: t,
 			parameter: e
 		}));
 		return /* @__PURE__ */ v("div", {
-			style: Ut,
+			style: qt,
 			children: [/* @__PURE__ */ _(h, {
 				color: "text-neutral",
 				variant: "label-secondary",
 				children: "這個來源需要的條件"
-			}), /* @__PURE__ */ _(ie, {
+			}), /* @__PURE__ */ _(ae, {
 				columns: [
 					{
 						key: "parameter",
 						render: (e) => /* @__PURE__ */ v("div", {
-							style: Xt,
+							style: en,
 							children: [/* @__PURE__ */ _(h, {
 								variant: "input",
 								children: e.parameter.label ?? e.parameter.key
@@ -1281,13 +1308,13 @@ function R({ onChange: le, value: y }) {
 					{
 						key: "binding",
 						width: 268,
-						render: (t) => Ar(e, t.parameter, n),
+						render: (t) => Mr(e, t.parameter, n),
 						title: "值從哪裡來"
 					},
 					{
 						key: "constant",
 						width: 140,
-						render: (t) => Be(T(e, t.parameter.key)) === "CONSTANT" ? Pr(e, t.parameter.key, t.parameter.type, T(e, t.parameter.key), n) : /* @__PURE__ */ _(h, {
+						render: (t) => Be(E(e, t.parameter.key)) === "CONSTANT" ? Ir(e, t.parameter.key, t.parameter.type, E(e, t.parameter.key), n) : /* @__PURE__ */ _(h, {
 							color: "text-neutral",
 							variant: "caption",
 							children: "—"
@@ -1299,7 +1326,7 @@ function R({ onChange: le, value: y }) {
 						render: (t) => /* @__PURE__ */ _(h, {
 							color: "text-neutral",
 							variant: "caption",
-							children: Mr(T(e, t.parameter.key), t.parameter, n, kr(e, t.parameter, n))
+							children: Pr(E(e, t.parameter.key), t.parameter, n, jr(e, t.parameter, n))
 						}),
 						title: "填寫時的行為"
 					}
@@ -1311,51 +1338,51 @@ function R({ onChange: le, value: y }) {
 			})]
 		});
 	}
-	function kr(e, t, n) {
+	function jr(e, t, n) {
 		return Ae(t.type, b.fields, e.fieldKey).length + (n.rowColumns ? Me(t.type, n.rowColumns, e.fieldKey).length : 0);
 	}
-	function Ar(e, t, n) {
-		let r = hn(T(e, t.key)), i = n.rowColumns ? Me(t.type, n.rowColumns, e.fieldKey).map((e) => ({
-			id: `${rn}${e.id}`,
+	function Mr(e, t, n) {
+		let r = yn(E(e, t.key)), i = n.rowColumns ? Me(t.type, n.rowColumns, e.fieldKey).map((e) => ({
+			id: `${sn}${e.id}`,
 			name: `同列：${e.name}`
 		})) : [], a = [
 			...t.required ? [] : [{
-				id: an,
+				id: cn,
 				name: "未綁定"
 			}],
 			...i,
 			...Ae(t.type, b.fields, e.fieldKey),
 			...t.type === "STRING_ARRAY" ? [] : [{
-				id: nn,
+				id: on,
 				name: "固定常數"
 			}]
 		];
 		return /* @__PURE__ */ _("div", {
 			"data-data-source-parameter": t.key,
-			style: Zt,
+			style: tn,
 			children: /* @__PURE__ */ _(p, {
 				clearable: !1,
 				fullWidth: !0,
 				inputProps: {
 					"aria-label": `${t.label ?? t.key} 的值來源`,
-					title: E(a, r)?.name ?? ""
+					title: D(a, r)?.name ?? ""
 				},
-				onChange: (r) => Ir(e, t.key, t.type, r?.id, n),
+				onChange: (r) => Rr(e, t.key, t.type, r?.id, n),
 				options: a,
 				placeholder: "選擇欄位或常數",
 				size: "sub",
-				value: E(a, r)
+				value: D(a, r)
 			})
 		});
 	}
-	function jr(e) {
-		return ot[e];
+	function Nr(e) {
+		return ut[e];
 	}
-	function Mr(e, t, n, r) {
+	function Pr(e, t, n, r) {
 		let i = Be(e);
-		return i === "CONSTANT" ? "固定值，不隨填寫變動" : i === "FIELD" ? `隨欄位「${Nr(e, n)}」變動` : i === "ROW_FIELD" ? `隨同列「${Nr(e, n)}」變動` : t.required ? r > 0 ? "尚未設定，選項無法載入" : `沒有相容的${jr(t.type)}欄位，請改用固定值` : "未設定，不做這層篩選";
+		return i === "CONSTANT" ? "固定值，不隨填寫變動" : i === "FIELD" ? `隨欄位「${Fr(e, n)}」變動` : i === "ROW_FIELD" ? `隨同列「${Fr(e, n)}」變動` : t.required ? r > 0 ? "尚未設定，選項無法載入" : `沒有相容的${Nr(t.type)}欄位，請改用固定值` : "未設定，不做這層篩選";
 	}
-	function Nr(e, t) {
+	function Fr(e, t) {
 		let n = e?.from;
 		if (n?.kind === "FIELD") {
 			let e = b.fields.find((e) => e.fieldKey === n.fieldKey);
@@ -1367,13 +1394,13 @@ function R({ onChange: le, value: y }) {
 		}
 		return "";
 	}
-	function Pr(e, t, n, r, i) {
+	function Ir(e, t, n, r, i) {
 		return /* @__PURE__ */ _("div", {
 			"data-data-source-constant": t,
-			children: Fr(e, t, n, r, i)
+			children: Lr(e, t, n, r, i)
 		});
 	}
-	function Fr(e, t, n, r, i) {
+	function Lr(e, t, n, r, i) {
 		let a = ze(e, t);
 		if (n === "BOOLEAN") {
 			let n = [{
@@ -1386,10 +1413,10 @@ function R({ onChange: le, value: y }) {
 			return /* @__PURE__ */ _(p, {
 				clearable: !1,
 				fullWidth: !0,
-				onChange: (n) => Lr(e, t, n?.id === "true", i),
+				onChange: (n) => zr(e, t, n?.id === "true", i),
 				options: n,
 				size: "sub",
-				value: E(n, a === !0 ? "true" : "false")
+				value: D(n, a === !0 ? "true" : "false")
 			});
 		}
 		return n === "STRING_ARRAY" ? /* @__PURE__ */ _(h, {
@@ -1397,16 +1424,16 @@ function R({ onChange: le, value: y }) {
 			variant: "caption",
 			children: "這個條件要收多個值，請綁定一個複選欄位；不接受固定值。"
 		}) : /* @__PURE__ */ _(f, {
-			onChange: (r) => Lr(e, t, n === "NUMBER" ? ke(r.target.value) ?? 0 : r.target.value, i),
+			onChange: (r) => zr(e, t, n === "NUMBER" ? ke(r.target.value) ?? 0 : r.target.value, i),
 			placeholder: n === "NUMBER" ? "輸入數字" : "輸入固定值",
-			value: _n(r, n),
+			value: bn(r, n),
 			variant: "base"
 		});
 	}
-	function Ir(e, t, n, r, i) {
-		i.commit(Ke(e, t, vn(t, n, r)));
+	function Rr(e, t, n, r, i) {
+		i.commit(Ke(e, t, xn(t, n, r)));
 	}
-	function Lr(e, t, n, r) {
+	function zr(e, t, n, r) {
 		r.commit(Ke(e, t, {
 			from: {
 				kind: "CONSTANT",
@@ -1415,8 +1442,8 @@ function R({ onChange: le, value: y }) {
 			parameter: t
 		}));
 	}
-	function Rr(e, t) {
-		let n = A(e), r = Array.isArray(e.defaultValue) ? e.defaultValue : [], i = e.options.map(Re), a = i.filter((e) => r.includes(e.id));
+	function Br(e, t) {
+		let n = Qe(e), r = Array.isArray(e.defaultValue) ? e.defaultValue : [], i = e.options.map(Re), a = i.filter((e) => r.includes(e.id));
 		return /* @__PURE__ */ v(g, { children: [$("預設值", "fieldDefaultValue", n === "multiple" ? /* @__PURE__ */ _(p, {
 			clearable: !0,
 			mode: "multiple",
@@ -1435,10 +1462,10 @@ function R({ onChange: le, value: y }) {
 			}),
 			options: i,
 			placeholder: "選擇預設選項",
-			value: typeof e.defaultValue == "string" ? E(i, e.defaultValue) : null
-		})), $("選項", "fieldOptions", Kr(e, t), !0)] });
+			value: typeof e.defaultValue == "string" ? D(i, e.defaultValue) : null
+		})), $("選項", "fieldOptions", Yr(e, t), !0)] });
 	}
-	function zr(e, t) {
+	function Vr(e, t) {
 		let n = typeof e.defaultValue == "boolean" ? String(e.defaultValue) : "unset";
 		return $("預設值", "fieldDefaultValue", /* @__PURE__ */ _(p, {
 			clearable: !1,
@@ -1446,43 +1473,55 @@ function R({ onChange: le, value: y }) {
 				...e,
 				defaultValue: n?.id === "true" || n?.id !== "false" && void 0
 			}),
-			options: [...cn],
+			options: [...dn],
 			placeholder: "選擇預設狀態",
-			value: E(cn, n)
+			value: D(dn, n)
 		}));
 	}
-	function Br(e, t) {
+	function Hr(e, t) {
+		return $("可複選", "fieldMemberMultiple", /* @__PURE__ */ _(m, {
+			checked: e.multiple === !0,
+			label: e.multiple === !0 ? "可選多位" : "只能選一位",
+			onChange: (n) => t({
+				...e,
+				defaultValue: void 0,
+				multiple: n.target.checked || void 0
+			}),
+			size: "sub"
+		}));
+	}
+	function Ur(e, t) {
 		return /* @__PURE__ */ v(g, { children: [$("檔案數", "fieldMaxFiles", Q(e.maxFiles, (n) => t({
 			...e,
 			maxFiles: n
-		}), "例如：1", { min: 1 })), $("MIME", "fieldAcceptedMimeTypes", Wr({
+		}), "例如：1", { min: 1 })), $("MIME", "fieldAcceptedMimeTypes", qr({
 			name: "fieldAcceptedMimeTypes",
 			onChange: (n) => t({
 				...e,
-				acceptedMimeTypes: En(n)
+				acceptedMimeTypes: An(n)
 			}),
 			placeholder: "每行一個 MIME type，例如：application/pdf",
 			rows: 3,
-			value: Dn(e.acceptedMimeTypes)
+			value: jn(e.acceptedMimeTypes)
 		}), !1)] });
 	}
-	function Vr(e) {
-		let t = b.fields.filter((t) => t.fieldKey !== e.fieldKey);
-		return t.length ? /* @__PURE__ */ _(g, { children: un.map((n) => Hr(e, n, t)) }) : /* @__PURE__ */ _(h, {
+	function Wr(e) {
+		let t = b.fields.filter((t) => t.fieldKey !== e.fieldKey && !Xe(t));
+		return t.length ? /* @__PURE__ */ _(g, { children: pn.map((n) => Gr(e, n, t)) }) : /* @__PURE__ */ _(h, {
 			color: "text-neutral",
-			style: Tt,
+			style: kt,
 			variant: "body",
 			children: "目前沒有其他欄位可作為條件來源。新增更多欄位後即可設定條件規則。"
 		});
 	}
-	function Hr(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(Cn), 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 Gr(e, t, n) {
+		let r = e[t.target], i = r ? Oe(r) : null, a = n.find((e) => e.fieldKey === i?.fieldKey), o = a ?? n[0], s = n.map(Dn), c = Pe(o), l = i && c.some((e) => e.id === i.operator) ? i.operator : Ie(o), u = i?.value ?? Le(o), d = !!r, f = d && (!i || !a);
 		return $(t.label, t.name, /* @__PURE__ */ v("div", {
-			style: Pt,
-			children: [/* @__PURE__ */ _(se, {
+			style: Rt,
+			children: [/* @__PURE__ */ _(m, {
 				checked: d,
 				label: d ? "已啟用" : "不啟用",
-				onChange: (e) => Z(t.target, e.target.checked ? w(o, Ie(o), Le(o)) : void 0),
+				onChange: (e) => Z(t.target, e.target.checked ? T(o, Ie(o), Le(o)) : void 0),
 				size: "sub",
 				supportingText: t.supportingText
 			}), d ? f ? /* @__PURE__ */ _(h, {
@@ -1490,40 +1529,40 @@ function R({ onChange: le, value: y }) {
 				variant: "body",
 				children: "這個規則不是目前 UI 支援的格式。重新選擇條件後會取代既有規則。"
 			}) : /* @__PURE__ */ v("div", {
-				style: Ft,
+				style: zt,
 				children: [
 					/* @__PURE__ */ _(p, {
 						clearable: !1,
 						onChange: (e) => {
 							let r = n.find((t) => t.fieldKey === e?.id) ?? o;
-							Z(t.target, w(r, Ie(r), Le(r)));
+							Z(t.target, T(r, Ie(r), Le(r)));
 						},
 						options: s,
 						placeholder: "選擇欄位",
-						value: E(s, o.fieldKey)
+						value: D(s, o.fieldKey)
 					}),
 					/* @__PURE__ */ _(p, {
 						clearable: !1,
-						onChange: (e) => Z(t.target, w(o, Ne(e?.id) ?? l, u)),
+						onChange: (e) => Z(t.target, T(o, Ne(e?.id) ?? l, u)),
 						options: [...c],
 						placeholder: "判斷方式",
-						value: E(c, l)
+						value: D(c, l)
 					}),
-					Ur(o, u, (e) => Z(t.target, w(o, l, e)))
+					Kr(o, u, (e) => Z(t.target, T(o, l, e)))
 				]
 			}) : null]
 		}), !0);
 	}
 	function Z(e, t) {
-		J({ [e]: t });
+		q({ [e]: t });
 	}
-	function Ur(e, t, n) {
+	function Kr(e, t, n) {
 		if (e.type === "boolean") return /* @__PURE__ */ _(p, {
 			clearable: !1,
 			onChange: (e) => n(e?.id ?? "true"),
-			options: [...ln],
+			options: [...fn],
 			placeholder: "比較值",
-			value: E(ln, t === "false" ? "false" : "true")
+			value: D(fn, t === "false" ? "false" : "true")
 		});
 		if (Te(e)) {
 			let r = e.options.map(Re);
@@ -1532,25 +1571,25 @@ function R({ onChange: le, value: y }) {
 				onChange: (e) => n(e?.id ?? r[0]?.id ?? ""),
 				options: r,
 				placeholder: "比較值",
-				value: E(r, t)
+				value: D(r, t)
 			});
 		}
-		return we(e) ? Q(ke(t), (e) => n(String(e ?? 0)), "比較值") : Se(e) ? Gr(e, t, (e) => n(e ?? "")) : /* @__PURE__ */ _(f, {
+		return we(e) ? Q(ke(t), (e) => n(String(e ?? 0)), "比較值") : Se(e) ? Jr(e, t, (e) => n(e ?? "")) : /* @__PURE__ */ _(f, {
 			onChange: (e) => n(e.target.value),
 			placeholder: "比較值",
 			value: t,
 			variant: "base"
 		});
 	}
-	function Wr({ name: e, onChange: t, placeholder: n, rows: r, value: i }) {
-		return /* @__PURE__ */ _(oe, {
+	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: Qt,
+			ref: nn,
 			resize: "vertical",
 			rows: r,
-			style: kt,
+			style: Nt,
 			value: i
 		});
 	}
@@ -1566,7 +1605,7 @@ function R({ onChange: le, value: y }) {
 			variant: "measure"
 		});
 	}
-	function Gr(e, t, n) {
+	function Jr(e, t, n) {
 		return e.type === "datetime" ? /* @__PURE__ */ _(u, {
 			formatDate: "YYYY-MM-DD",
 			formatTime: "HH:mm",
@@ -1582,7 +1621,7 @@ function R({ onChange: le, value: y }) {
 			value: Fe(t)
 		});
 	}
-	function Kr(e, t) {
+	function Yr(e, t) {
 		let n = e.options.map((t, n) => ({
 			index: n,
 			key: `${e.fieldKey}-${n}`,
@@ -1590,8 +1629,8 @@ function R({ onChange: le, value: y }) {
 			value: t.value
 		}));
 		return /* @__PURE__ */ v("div", {
-			style: Rt,
-			children: [/* @__PURE__ */ _(ie, {
+			style: Ht,
+			children: [/* @__PURE__ */ _(ae, {
 				actions: {
 					render: (n) => [{
 						disabled: () => e.options.length <= 1,
@@ -1611,7 +1650,7 @@ function R({ onChange: le, value: y }) {
 					render: (n) => /* @__PURE__ */ _(f, {
 						onChange: (r) => t({
 							...e,
-							options: On(e.options, n.index, { label: r.target.value })
+							options: Mn(e.options, n.index, { label: r.target.value })
 						}),
 						placeholder: "例如：主管",
 						size: "sub",
@@ -1624,7 +1663,7 @@ function R({ onChange: le, value: y }) {
 					render: (n) => /* @__PURE__ */ _(f, {
 						onChange: (r) => t({
 							...e,
-							options: On(e.options, n.index, { value: r.target.value })
+							options: Mn(e.options, n.index, { value: r.target.value })
 						}),
 						placeholder: "例如：manager",
 						size: "sub",
@@ -1637,13 +1676,13 @@ function R({ onChange: le, value: y }) {
 				showHeader: !0,
 				size: "sub"
 			}), /* @__PURE__ */ _("div", {
-				style: zt,
+				style: Ut,
 				children: /* @__PURE__ */ _(c, {
 					icon: me,
 					iconType: "leading",
 					onClick: () => t({
 						...e,
-						options: [...e.options, kn(e.options)]
+						options: [...e.options, Nn(e.options)]
 					}),
 					variant: "base-secondary",
 					children: "新增選項"
@@ -1651,27 +1690,27 @@ function R({ onChange: le, value: y }) {
 			})]
 		});
 	}
-	function qr(e, t, n) {
+	function Xr(e, t, n) {
 		return /* @__PURE__ */ _("div", {
 			...t.draggableProps,
 			"data-form-builder-field-key": e.fieldKey,
 			ref: t.innerRef,
 			style: {
-				...gt,
-				...n ? _t : null,
+				...bt,
+				...n ? xt : null,
 				...t.draggableProps.style
 			},
 			children: /* @__PURE__ */ _(s, {
-				style: e.fieldKey === q?.fieldKey ? vt : void 0,
-				children: Jr(e, t, n)
+				style: e.fieldKey === K?.fieldKey ? St : void 0,
+				children: Zr(e, t, n)
 			})
 		});
 	}
 	function $(t, n, r, i = !1) {
 		return /* @__PURE__ */ _("div", {
-			style: i ? Dt : Et,
+			style: i ? jt : At,
 			children: /* @__PURE__ */ _("div", {
-				style: Ot,
+				style: Mt,
 				children: /* @__PURE__ */ _(e, {
 					label: t,
 					layout: i ? ce.VERTICAL : ce.STRETCH,
@@ -1681,18 +1720,18 @@ function R({ onChange: le, value: y }) {
 			})
 		});
 	}
-	function Jr(e, t, n) {
+	function Zr(e, t, n) {
 		return /* @__PURE__ */ v("div", {
 			...t.dragHandleProps ?? {},
 			"aria-label": "選取或拖曳排序欄位",
-			onClick: () => B(e.fieldKey),
-			style: ft,
+			onClick: () => R(e.fieldKey),
+			style: gt,
 			title: "點擊選取，拖曳排序",
 			children: [
 				/* @__PURE__ */ _("span", {
 					"aria-label": "拖曳排序",
 					role: "img",
-					style: It,
+					style: Bt,
 					title: "拖曳排序",
 					children: /* @__PURE__ */ _(d, {
 						icon: fe,
@@ -1700,14 +1739,14 @@ function R({ onChange: le, value: y }) {
 					})
 				}),
 				/* @__PURE__ */ v("div", {
-					style: pt,
+					style: _t,
 					children: [/* @__PURE__ */ v(h, {
 						component: "span",
 						ellipsis: !0,
 						variant: "label-primary",
 						children: [e.label, e.required ? /* @__PURE__ */ _("sup", {
 							"aria-label": "必填",
-							style: Bt,
+							style: Wt,
 							children: "*"
 						}) : null]
 					}), /* @__PURE__ */ v(h, {
@@ -1716,30 +1755,31 @@ function R({ onChange: le, value: y }) {
 						ellipsis: !0,
 						variant: "caption",
 						children: [
-							dn(e.type),
+							hn(e.type),
 							" ·",
 							e.required ? " 必填" : " 選填",
 							" ·",
-							e.fieldKey
+							e.fieldKey,
+							e.hidden ? " · 只存不顯示" : null
 						]
 					})]
 				}),
 				/* @__PURE__ */ v("div", {
 					onClick: (e) => e.stopPropagation(),
-					style: mt,
+					style: vt,
 					children: [/* @__PURE__ */ _("div", {
-						style: ht,
-						children: /* @__PURE__ */ _(se, {
+						style: yt,
+						children: /* @__PURE__ */ _(m, {
 							checked: !!e.required,
-							disabled: n,
+							disabled: n || e.hidden === !0,
 							label: "必填",
-							onChange: (t) => sr(e.fieldKey, t.target.checked)
+							onChange: (t) => lr(e.fieldKey, t.target.checked)
 						})
 					}), /* @__PURE__ */ _(c, {
 						disabled: n,
 						icon: he,
 						iconType: "icon-only",
-						onClick: () => Hn(e.fieldKey),
+						onClick: () => Gn(e.fieldKey),
 						variant: "destructive-ghost",
 						children: "移除欄位"
 					})]
@@ -1747,61 +1787,61 @@ function R({ onChange: le, value: y }) {
 			]
 		});
 	}
-	function Yr() {
+	function Qr() {
 		return /* @__PURE__ */ v("div", {
-			style: L,
+			style: F,
 			children: [/* @__PURE__ */ _(h, {
 				component: "h2",
 				variant: "h3",
 				children: "填寫預覽"
 			}), /* @__PURE__ */ _(t, {
 				dataSourceContext: { kind: "preview" },
-				onChange: or,
+				onChange: cr,
 				schema: b,
 				uiSchema: S,
-				value: M
+				value: nt
 			})]
 		});
 	}
-	function Xr() {
+	function $r() {
 		return /* @__PURE__ */ v("div", {
-			style: L,
+			style: F,
 			children: [/* @__PURE__ */ _(h, {
 				component: "h2",
 				variant: "h3",
 				children: "Schema"
 			}), /* @__PURE__ */ v("div", {
-				style: At,
+				style: Pt,
 				children: [
-					Zr("Form Schema", "schemaJson", /* @__PURE__ */ _(tt, {
+					ei("Form Schema", "schemaJson", /* @__PURE__ */ _(it, {
 						height: "360px",
 						name: "schemaJson",
-						onChange: cr,
+						onChange: ur,
 						placeholder: "輸入 Form Schema JSON",
 						value: pe
 					})),
-					Zr("UI Schema", "uiSchemaJson", /* @__PURE__ */ _(tt, {
+					ei("UI Schema", "uiSchemaJson", /* @__PURE__ */ _(it, {
 						height: "240px",
 						name: "uiSchemaJson",
-						onChange: lr,
+						onChange: dr,
 						placeholder: "輸入 UI Schema JSON",
-						value: $e
+						value: Ye
 					})),
-					et ? /* @__PURE__ */ _(h, {
+					rt ? /* @__PURE__ */ _(h, {
 						color: "text-error",
-						style: Nt,
+						style: Lt,
 						variant: "body",
-						children: et
+						children: rt
 					}) : null
 				]
 			})]
 		});
 	}
-	function Zr(t, n, r) {
+	function ei(t, n, r) {
 		return /* @__PURE__ */ _("div", {
-			style: jt,
+			style: Ft,
 			children: /* @__PURE__ */ _("div", {
-				style: Mt,
+				style: It,
 				children: /* @__PURE__ */ _(e, {
 					label: t,
 					name: n,
@@ -1811,29 +1851,29 @@ function R({ onChange: le, value: y }) {
 		});
 	}
 }
-function dn(e) {
-	return F.find((t) => t.type === e)?.label ?? e;
+function hn(e) {
+	return at.find((t) => t.type === e)?.label ?? e;
 }
-function fn(e) {
+function gn(e) {
 	return `${e.key}@${e.version}`;
 }
-function pn(e) {
+function _n(e) {
 	return [
 		e.supportsSearch ? `可輸入關鍵字搜尋${e.minimumSearchLength > 1 ? `（至少 ${e.minimumSearchLength} 字）` : ""}` : "不支援搜尋",
 		e.paginationMode === "CURSOR" ? `捲動載入更多（每次 ${e.pageSize} 筆）` : `一次載入完整清單（最多 ${e.maximumResultCount} 筆）`,
 		e.revalidationPolicy === "ALWAYS" ? "退回重送時一律重新確認" : "值與條件未變時沿用上次結果"
 	];
 }
-function mn(e) {
+function vn(e) {
 	return {
-		id: fn(e),
+		id: gn(e),
 		name: e.label
 	};
 }
-function hn(e) {
-	return e ? e.from.kind === "FIELD" ? e.from.fieldKey : e.from.kind === "ROW_FIELD" ? `${rn}${e.from.columnKey}` : nn : an;
+function yn(e) {
+	return e ? e.from.kind === "FIELD" ? e.from.fieldKey : e.from.kind === "ROW_FIELD" ? `${sn}${e.from.columnKey}` : on : cn;
 }
-function gn(e) {
+function L(e) {
 	switch (e) {
 		case "BOOLEAN": return !1;
 		case "NUMBER": return 0;
@@ -1842,18 +1882,18 @@ function gn(e) {
 		default: return "";
 	}
 }
-function _n(e, t) {
+function bn(e, t) {
 	let n = e?.from.kind === "CONSTANT" ? e.from.value : "";
 	return t === "NUMBER" ? typeof n == "number" ? String(n) : "" : typeof n == "string" ? n : "";
 }
-function vn(e, t, n) {
-	return !n || n === an ? null : n === nn ? {
+function xn(e, t, n) {
+	return !n || n === cn ? null : n === on ? {
 		from: {
 			kind: "CONSTANT",
-			value: gn(t)
+			value: L(t)
 		},
 		parameter: e
-	} : n.startsWith(rn) ? {
+	} : n.startsWith(sn) ? {
 		from: {
 			columnKey: n.slice(14),
 			kind: "ROW_FIELD"
@@ -1867,24 +1907,24 @@ function vn(e, t, n) {
 		parameter: e
 	};
 }
-function yn(e) {
+function Sn(e) {
 	return e.kind === "remove-field" ? "確認移除 dependency 欄位" : e.kind === "remove-column" ? "確認移除表格欄" : e.kind === "replace-column" ? "確認變更欄型別" : "確認變更選擇模式";
 }
-var z = [{
+var R = [{
 	label: "選項 A",
 	value: "option_a"
 }, {
 	label: "選項 B",
 	value: "option_b"
 }];
-function bn(e) {
+function Cn(e) {
 	let t = [];
-	return e.defaultValue !== void 0 && t.push("預設值"), e.type === "text" && (typeof e.minLength == "number" || typeof e.maxLength == "number") && t.push("長度限制"), (e.type === "number" || e.type === "money") && (typeof e.minimum == "number" || typeof e.maximum == "number") && t.push("數值範圍"), D(e) ? t.push("選項來源設定") : O(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 === "number" || e.type === "money") && (typeof e.minimum == "number" || typeof e.maximum == "number") && t.push("數值範圍"), O(e) ? t.push("選項來源設定") : Ye(e) && !z(e.options) && t.push(`${e.options.length} 個選項`), (e.type === "select" || e.type === "autocomplete") && e.mode === "multiple" && t.push("選擇模式"), t;
 }
-function B(e) {
-	return e.length === z.length && e.every((e, t) => e.label === z[t]?.label && e.value === z[t]?.value);
+function z(e) {
+	return e.length === R.length && e.every((e, t) => e.label === R[t]?.label && e.value === R[t]?.value);
 }
-function xn(e, t) {
+function wn(e, t) {
 	let n = {
 		fieldKey: e.fieldKey,
 		label: e.label,
@@ -1895,56 +1935,59 @@ function xn(e, t) {
 	return t === "select" || t === "autocomplete" ? {
 		...n,
 		mode: "single",
-		options: [...z],
+		options: [...R],
 		type: t
 	} : {
 		...n,
 		type: t
 	};
 }
-function Sn(e) {
+function Tn(e, t) {
+	return Object.fromEntries(Object.entries(e).filter(([e]) => e !== t));
+}
+function En(e) {
 	return !!(e.visibleWhen || e.requiredWhen || e.readonlyWhen);
 }
-function Cn(e) {
+function Dn(e) {
 	return {
 		id: e.fieldKey,
 		name: e.label
 	};
 }
-function wn(e) {
+function On(e) {
 	return e.type === "text" || e.type === "textarea";
 }
-function Tn(e) {
+function kn(e) {
 	return typeof e == "string" ? e : "";
 }
-function En(e) {
+function An(e) {
 	let t = e.split(/[\n,]/u).map((e) => e.trim()).filter(Boolean);
 	return t.length ? t : void 0;
 }
-function Dn(e) {
+function jn(e) {
 	return e?.join("\n") ?? "";
 }
-function V(e) {
+function B(e) {
 	return JSON.stringify(e, null, 2);
 }
-function On(e, t, n) {
+function Mn(e, t, n) {
 	return e.map((e, r) => r === t ? {
 		...e,
 		...n
 	} : e);
 }
-function kn(e) {
+function Nn(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 An(e, t, n) {
+function Pn(e, t, n) {
 	let r = e[t];
 	if (!r || t === n) return [...e];
 	let i = e.filter((e, n) => n !== t);
@@ -1955,6 +1998,6 @@ function An(e, t, n) {
 	];
 }
 //#endregion
-export { R as t };
+export { mn as t };
 
-//# sourceMappingURL=FormBuilderView-BYLN6W-P.js.map
+//# sourceMappingURL=FormBuilderView-CLg-JYmu.js.map