@rytass/bpm-core-react 0.20.1 → 0.21.0

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

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