@rytass/bpm-core-react 0.3.8 → 0.4.0

package/dist/chunks/{builder-D950gct_.js → builder-C3E-8OJu.js}

@@ -1,18 +1,17 @@
 "use client";
-import { a as e } from "./auth-provider-Bnox5gsx.js";
+import { r as e } from "./router-adapter-BdHZXLS3.js";
 import { t } from "./format-date-time-CB-LxzqT.js";
-import { t as n } from "./app-navigation-BSkMsEhy.js";
-import { r } from "./routes-config-dxahImVe.js";
-import { t as i } from "./bpm-form-field-Cao0rMol.js";
-import { t as a } from "./FormRendererView-DrHsuSVo.js";
-import { t as o } from "./form-name-modal-C3OEvkCV.js";
-import { useEffect as s, useMemo as c, useState as l } from "react";
-import { Accordion as ee, Badge as u, BaseCard as te, Button as d, DatePicker as ne, DateTimePicker as re, Icon as ie, Input as f, PageHeader as ae, Section as oe, SectionGroup as se, Select as p, Tab as ce, TabItem as m, Table as le, Textarea as ue, Toggle as de, Typography as h } from "@mezzanine-ui/react";
-import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
-import { AlignLeftIcon as fe, CalendarIcon as pe, CheckedIcon as me, CheckedOutlineIcon as he, CurrencyDollarIcon as y, DotDragVerticalIcon as ge, DotGridIcon as b, EditIcon as _e, FileAttachmentIcon as x, FileIcon as S, ListIcon as C, PlusIcon as ve, SaveIcon as ye, TrashIcon as be } from "@mezzanine-ui/icons";
-import xe from "@mezzanine-ui/react/ContentHeader";
-import { buildConditionExpression as w, buildFormRendererValues as Se, clampOptionalNumber as Ce, createFieldDefinition as we, forkFormDefinition as Te, formatDatePickerValue as Ee, formatDateTimePickerValue as De, isDateFieldDefinition as Oe, isNumberFieldDefinition as ke, isSelectFieldDefinition as Ae, parseConditionRule as je, parseOptionalNumberInput as Me, publishFormDefinitionVersion as Ne, readConditionOperatorOption as Pe, readConditionOperatorOptions as Fe, readDatePickerValue as Ie, readDefaultConditionOperator as Le, readDefaultConditionValue as Re, readFieldOptionAsSelectOption as T, readFormBuilder as ze, readSelectOption as E, updateFormDefinition as Be, updateFormDefinitionDraft as Ve } from "@rytass/bpm-core-client/form";
-import { DragDropContext as He, Draggable as Ue, Droppable as We } from "@hello-pangea/dnd";
+import { r as n } from "./routes-config-dxahImVe.js";
+import { t as r } from "./bpm-form-field-Cao0rMol.js";
+import { t as i } from "./FormRendererView-DrHsuSVo.js";
+import { t as a } from "./form-name-modal-C3OEvkCV.js";
+import { useEffect as o, useMemo as s, useState as c } from "react";
+import { Accordion as l, Badge as u, BaseCard as d, Button as f, DatePicker as ee, DateTimePicker as te, Icon as ne, Input as p, PageHeader as re, Section as ie, SectionGroup as ae, Select as m, Tab as oe, TabItem as h, Table as se, Textarea as ce, Toggle as le, Typography as g } from "@mezzanine-ui/react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import ue from "@mezzanine-ui/react/ContentHeader";
+import { AlignLeftIcon as de, CalendarIcon as fe, CheckedIcon as pe, CheckedOutlineIcon as me, CurrencyDollarIcon as b, DotDragVerticalIcon as he, DotGridIcon as x, EditIcon as ge, FileAttachmentIcon as _e, FileIcon as S, ListIcon as ve, PlusIcon as ye, SaveIcon as be, TrashIcon as xe } from "@mezzanine-ui/icons";
+import { buildConditionExpression as C, buildFormRendererValues as Se, clampOptionalNumber as Ce, createFieldDefinition as we, forkFormDefinition as Te, formatDatePickerValue as Ee, formatDateTimePickerValue as De, isDateFieldDefinition as Oe, isNumberFieldDefinition as ke, isSelectFieldDefinition as Ae, parseConditionRule as je, parseOptionalNumberInput as Me, publishFormDefinitionVersion as Ne, readConditionOperatorOption as Pe, readConditionOperatorOptions as Fe, readDatePickerValue as Ie, readDefaultConditionOperator as Le, readDefaultConditionValue as w, readFieldOptionAsSelectOption as T, readFormBuilder as Re, readSelectOption as E, updateFormDefinition as ze, updateFormDefinitionDraft as Be } from "@rytass/bpm-core-client/form";
+import { DragDropContext as Ve, Draggable as He, Droppable as Ue } from "@hello-pangea/dnd";
 import D from "next/dynamic";
 import { json as O } from "@codemirror/lang-json";
 import { EditorView as k } from "@codemirror/view";
@@ -26,7 +25,7 @@ var A = {
 	minHeight: 160,
 	padding: 12,
 	width: "100%"
-}, Ge = [
+}, We = [
 	O(),
 	k.lineWrapping,
 	k.theme({
@@ -46,14 +45,14 @@ var A = {
 		".cm-scroller": { fontFamily: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", monospace" }
 	})
 ], j = D(() => import("@uiw/react-codemirror"), {
-	loading: () => /* @__PURE__ */ _("div", {
+	loading: () => /* @__PURE__ */ v("div", {
 		style: A,
 		children: "載入 JSON 編輯器"
 	}),
 	ssr: !1
 });
-function Ke({ disabled: e, height: t, name: n, onChange: r, placeholder: i, value: a }) {
-	return /* @__PURE__ */ _(j, {
+function Ge({ disabled: e, height: t, name: n, onChange: r, placeholder: i, value: a }) {
+	return /* @__PURE__ */ v(j, {
 		"aria-label": n,
 		basicSetup: {
 			autocompletion: !0,
@@ -67,7 +66,7 @@ function Ke({ disabled: e, height: t, name: n, onChange: r, placeholder: i, valu
 			syntaxHighlighting: !0
 		},
 		editable: !e,
-		extensions: [...Ge],
+		extensions: [...We],
 		height: t,
 		indentWithTab: !1,
 		onChange: r,
@@ -80,10 +79,10 @@ function Ke({ disabled: e, height: t, name: n, onChange: r, placeholder: i, valu
 }
 //#endregion
 //#region src/views/forms/builder/FormBuilderView.tsx
-var qe = [
+var Ke = [
 	{
 		description: "單行文字、姓名、編號",
-		icon: fe,
+		icon: de,
 		label: "文字",
 		type: "text"
 	},
@@ -95,103 +94,103 @@ var qe = [
 	},
 	{
 		description: "金額、數量、分數",
-		icon: y,
+		icon: b,
 		label: "數字",
 		type: "number"
 	},
 	{
 		description: "金額與費用",
-		icon: y,
+		icon: b,
 		label: "金額",
 		type: "money"
 	},
 	{
 		description: "日期或到期日",
-		icon: pe,
+		icon: fe,
 		label: "日期",
 		type: "date"
 	},
 	{
 		description: "日期與時間",
-		icon: pe,
+		icon: fe,
 		label: "日期時間",
 		type: "datetime"
 	},
 	{
 		description: "是 / 否狀態",
-		icon: me,
+		icon: pe,
 		label: "開關",
 		type: "boolean"
 	},
 	{
 		description: "固定選項擇一",
-		icon: C,
+		icon: ve,
 		label: "下拉選單",
 		type: "select"
 	},
 	{
 		description: "固定選項單選",
-		icon: b,
+		icon: x,
 		label: "單選",
 		type: "radio"
 	},
 	{
 		description: "固定選項複選",
-		icon: he,
+		icon: me,
 		label: "複選",
 		type: "checkbox"
 	},
 	{
 		description: "附件或佐證資料",
-		icon: x,
+		icon: _e,
 		label: "附件",
 		type: "file_upload"
 	}
-], Je = {
+], qe = {
 	alignItems: "start",
 	display: "flex",
 	flexWrap: "wrap",
 	gap: 16
-}, Ye = {
+}, Je = {
 	flex: "0.55 1 300px",
 	minWidth: 0
-}, Xe = {
+}, Ye = {
 	flex: "1.45 1 720px",
 	minWidth: 620
 }, M = {
 	display: "grid",
 	gap: 12
-}, Ze = {
+}, Xe = {
 	display: "flex",
 	flexWrap: "wrap",
 	gap: 6
-}, Qe = {
+}, Ze = {
 	flex: "0 0 auto",
 	whiteSpace: "nowrap"
-}, $e = {
+}, Qe = {
 	display: "grid",
 	gap: 8
-}, et = {
+}, $e = {
 	alignItems: "center",
 	cursor: "grab",
 	display: "flex",
 	gap: 12,
 	touchAction: "none"
-}, tt = {
+}, et = {
 	display: "grid",
 	flex: "1 1 auto",
 	gap: 2,
 	minWidth: 0
-}, nt = {
+}, tt = {
 	alignItems: "center",
 	display: "flex",
 	flex: "0 0 auto",
 	gap: 4
-}, rt = {
+}, nt = {
 	alignItems: "center",
 	display: "flex",
 	gap: 6
-}, it = { userSelect: "none" }, at = { filter: "drop-shadow(0 8px 18px rgba(0, 0, 0, 0.12))" }, ot = {
+}, rt = { userSelect: "none" }, it = { filter: "drop-shadow(0 8px 18px rgba(0, 0, 0, 0.12))" }, at = {
 	alignItems: "center",
 	border: "1px dashed var(--mzn-color-border-neutral)",
 	borderRadius: 6,
@@ -200,72 +199,72 @@ var qe = [
 	minHeight: 240,
 	padding: 32,
 	textAlign: "center"
-}, st = {
+}, ot = {
 	display: "flex",
 	gap: 8,
 	justifyContent: "center"
-}, ct = {
+}, st = {
 	display: "grid",
 	gap: 14
-}, lt = {
+}, ct = {
 	display: "grid",
 	columnGap: 16,
 	gridTemplateColumns: "repeat(auto-fit, minmax(280px, 1fr))",
 	rowGap: 8
-}, ut = { gridColumn: "1 / -1" }, dt = {
+}, lt = { gridColumn: "1 / -1" }, ut = {
 	alignItems: "center",
 	display: "flex",
 	gap: 8,
 	gridColumn: "1 / -1",
 	justifyContent: "flex-end"
-}, ft = { gridColumn: "1 / -1" }, pt = {
+}, dt = { gridColumn: "1 / -1" }, ft = {
 	alignItems: "start",
 	display: "block",
 	width: "100%"
-}, mt = {
-	...pt,
+}, pt = {
+	...ft,
 	gridColumn: "1 / -1"
-}, ht = {
+}, mt = {
 	minWidth: 0,
 	width: "100%"
-}, gt = {
+}, ht = {
 	minWidth: "100%",
 	width: "100%"
-}, _t = {
+}, gt = {
 	display: "grid",
 	gap: 14
-}, vt = {
+}, _t = {
 	alignItems: "start",
 	display: "block",
 	width: "100%"
-}, yt = {
+}, vt = {
 	minWidth: 0,
 	width: "100%"
-}, bt = { gridColumn: "2 / -1" }, xt = {
+}, yt = { gridColumn: "2 / -1" }, bt = {
 	display: "grid",
 	gap: 10,
 	width: "100%"
-}, St = {
+}, xt = {
 	display: "grid",
 	gap: 8,
 	gridTemplateColumns: "repeat(auto-fit, minmax(160px, 1fr))"
-}, Ct = { display: "inline-flex" }, wt = {
+}, St = { display: "inline-flex" }, Ct = {
 	display: "grid",
 	gap: 16
-}, Tt = {
+}, wt = {
 	display: "grid",
 	gap: 8
-}, Et = {
+}, Tt = {
 	display: "flex",
 	justifyContent: "flex-end"
-}, Dt = {
+}, Et = {
 	color: "var(--mzn-color-text-error)",
 	fontSize: "0.72em",
 	lineHeight: 0,
 	marginLeft: 2,
 	verticalAlign: "super"
 };
-function Ot(e) {
+function Dt(e) {
 	e && (e.style.width = "100%");
 }
 var N = {
@@ -274,7 +273,7 @@ var N = {
 }, P = {
 	layout: [],
 	schemaVersion: 1
-}, kt = [
+}, Ot = [
 	{
 		id: "unset",
 		name: "不預設"
@@ -287,13 +286,13 @@ var N = {
 		id: "false",
 		name: "否"
 	}
-], At = [{
+], kt = [{
 	id: "true",
 	name: "是"
 }, {
 	id: "false",
 	name: "否"
-}], jt = [
+}], At = [
 	{
 		label: "顯示",
 		name: "fieldVisibleWhen",
@@ -313,28 +312,28 @@ var N = {
 		target: "readonlyWhen"
 	}
 ];
-function Mt({ formId: fe }) {
-	let pe = e(), he = r(), y = fe, [b, x] = l(null), [S, C] = l(null), [D, O] = l(N), [k, A] = l(P), [Ge, j] = l(F(N)), [Mt, I] = l(F(P)), [Gt, Yt] = l({}), [Xt, L] = l(null), [R, Zt] = l("design"), [z, B] = l(null), [Qt, V] = l(null), [$t, en] = l(!1), [tn, nn] = l(Ht(N, P)), [rn, an] = l(!0), [on, sn] = l(!1), [H, U] = l(!1);
-	s(() => {
-		vn();
-	}, [y]), s(() => {
-		D.fields.some((e) => e.fieldKey === z) || B(D.fields[0]?.fieldKey ?? null);
-	}, [D.fields, z]), s(() => {
-		Yt((e) => Se(D.fields, e));
-	}, [D.fields]), s(() => {
-		R !== "advanced" && (j(F(D)), I(F(k)));
+function jt({ formId: de }) {
+	let fe = e(), me = n(), b = de, [x, _e] = c(null), [S, ve] = c(null), [D, O] = c(N), [k, A] = c(P), [We, j] = c(F(N)), [jt, I] = c(F(P)), [Wt, qt] = c({}), [Jt, R] = c(null), [z, Yt] = c("design"), [B, V] = c(null), [Xt, H] = c(null), [Zt, Qt] = c(!1), [$t, en] = c(Vt(N, P)), [tn, nn] = c(!0), [rn, an] = c(!1), [U, W] = c(!1);
+	o(() => {
+		gn();
+	}, [b]), o(() => {
+		D.fields.some((e) => e.fieldKey === B) || V(D.fields[0]?.fieldKey ?? null);
+	}, [D.fields, B]), o(() => {
+		qt((e) => Se(D.fields, e));
+	}, [D.fields]), o(() => {
+		z !== "advanced" && (j(F(D)), I(F(k)));
 	}, [
-		R,
+		z,
 		D,
 		k
 	]);
-	let W = c(() => D.fields.find((e) => e.fieldKey === z) ?? D.fields[0] ?? null, [D.fields, z]), cn = c(() => (b?.versions ?? []).map((e) => ({
+	let G = s(() => D.fields.find((e) => e.fieldKey === B) ?? D.fields[0] ?? null, [D.fields, B]), on = s(() => (x?.versions ?? []).map((e) => ({
 		key: e.id,
 		publishedAt: t(e.publishedAt),
 		status: e.status,
 		updatedAt: t(e.updatedAt),
 		version: `v${e.version}`
-	})), [b]), ln = c(() => [
+	})), [x]), sn = s(() => [
 		{
 			dataIndex: "version",
 			key: "version",
@@ -343,7 +342,7 @@ function Mt({ formId: fe }) {
 		},
 		{
 			key: "status",
-			render: (e) => /* @__PURE__ */ _(qt, { status: e.status }),
+			render: (e) => /* @__PURE__ */ v(Kt, { status: e.status }),
 			title: "狀態",
 			width: 140
 		},
@@ -359,75 +358,75 @@ function Mt({ formId: fe }) {
 			title: "發布時間",
 			width: 180
 		}
-	], []), un = c(() => Ht(D, k), [D, k]), G = un.schemaJson !== tn.schemaJson || un.uiSchemaJson !== tn.uiSchemaJson;
-	s(() => {
+	], []), cn = s(() => Vt(D, k), [D, k]), K = cn.schemaJson !== $t.schemaJson || cn.uiSchemaJson !== $t.uiSchemaJson;
+	o(() => {
 		function e(e) {
-			G && (e.preventDefault(), e.returnValue = "");
+			K && (e.preventDefault(), e.returnValue = "");
 		}
 		return window.addEventListener("beforeunload", e), () => {
 			window.removeEventListener("beforeunload", e);
 		};
-	}, [G]);
-	function dn() {
-		G && !window.confirm("目前有尚未儲存的表單草稿，確定要離開嗎？") || pe.push(he.forms());
+	}, [K]);
+	function ln() {
+		K && !window.confirm("目前有尚未儲存的表單草稿，確定要離開嗎？") || fe.push(me.forms());
 	}
-	let fn = c(() => Ut(b?.versions ?? [], b?.definition.currentVersionId), [b?.definition.currentVersionId, b?.versions]), pn = S ?? fn ?? b?.versions[0] ?? null, mn = !G && pn?.status === "PUBLISHED", hn = Wt({
-		hasUnsavedChanges: G,
-		latestPublishedVersion: fn,
-		openedContentPublished: mn,
-		openedVersion: pn
-	}), gn = H || !G && mn && !S, _n = G ? "保存並發布" : S ? "發布草稿" : mn ? "已發布" : "發布版本";
-	async function vn() {
-		an(!0), V(null);
+	let un = s(() => Ht(x?.versions ?? [], x?.definition.currentVersionId), [x?.definition.currentVersionId, x?.versions]), dn = S ?? un ?? x?.versions[0] ?? null, fn = !K && dn?.status === "PUBLISHED", pn = Ut({
+		hasUnsavedChanges: K,
+		latestPublishedVersion: un,
+		openedContentPublished: fn,
+		openedVersion: dn
+	}), mn = U || !K && fn && !S, hn = K ? "保存並發布" : S ? "發布草稿" : fn ? "已發布" : "發布版本";
+	async function gn() {
+		nn(!0), H(null);
 		try {
-			let e = await ze(y), t = e.versions.find((e) => e.status === "DRAFT") ?? null;
-			x(e), C(t);
+			let e = await Re(b), t = e.versions.find((e) => e.status === "DRAFT") ?? null;
+			_e(e), ve(t);
 			let n = t?.schema ?? e.versions[0]?.schema ?? N, r = t?.uiSchema ?? e.versions[0]?.uiSchema ?? P;
-			O(n), A(r), nn(Ht(n, r)), j(F(n)), I(F(r)), B(t?.schema.fields[0]?.fieldKey ?? e.versions[0]?.schema.fields[0]?.fieldKey ?? null), L(null);
+			O(n), A(r), en(Vt(n, r)), j(F(n)), I(F(r)), V(t?.schema.fields[0]?.fieldKey ?? e.versions[0]?.schema.fields[0]?.fieldKey ?? null), R(null);
 		} catch (e) {
-			V(Jt(e));
+			H(L(e));
 		} finally {
-			an(!1);
+			nn(!1);
 		}
 	}
-	async function yn() {
-		let e = await Ve((S ?? await Te(y)).id, D, k);
-		return C(e), e;
+	async function _n() {
+		let e = await Be((S ?? await Te(b)).id, D, k);
+		return ve(e), e;
 	}
-	async function bn() {
-		U(!0), V(null);
+	async function vn() {
+		W(!0), H(null);
 		try {
-			await yn(), await vn();
+			await _n(), await gn();
 		} catch (e) {
-			V(Jt(e));
+			H(L(e));
 		} finally {
-			U(!1);
+			W(!1);
 		}
 	}
-	async function xn() {
-		U(!0), V(null);
+	async function yn() {
+		W(!0), H(null);
 		try {
-			await Ne((await yn()).id), await vn();
+			await Ne((await _n()).id), await gn();
 		} catch (e) {
-			V(Jt(e));
+			H(L(e));
 		} finally {
-			U(!1);
+			W(!1);
 		}
 	}
-	async function Sn(e) {
-		if (!b) throw Error("尚未載入表單資料");
-		sn(!0);
+	async function bn(e) {
+		if (!x) throw Error("尚未載入表單資料");
+		an(!0);
 		try {
-			let t = await Be(b.definition.id, e);
-			x({
-				...b,
+			let t = await ze(x.definition.id, e);
+			_e({
+				...x,
 				definition: t
-			}), en(!1);
+			}), Qt(!1);
 		} finally {
-			sn(!1);
+			an(!1);
 		}
 	}
-	function Cn(e) {
+	function xn(e) {
 		let t = we(e, D.fields.length + 1);
 		O({
 			...D,
@@ -438,13 +437,13 @@ function Mt({ formId: fe }) {
 				fieldKey: t.fieldKey,
 				width: e === "textarea" || e === "file_upload" ? "FULL" : "HALF"
 			}]
-		}), B(t.fieldKey), Zt("design"), L(null);
+		}), V(t.fieldKey), Yt("design"), R(null);
 	}
-	function wn(e) {
+	function Sn(e) {
 		let t = e;
-		t === "advanced" && R !== "advanced" && (j(F(D)), I(F(k))), Zt(t);
+		t === "advanced" && z !== "advanced" && (j(F(D)), I(F(k))), Yt(t);
 	}
-	function Tn(e) {
+	function Cn(e) {
 		let t = D.fields.filter((t) => t.fieldKey !== e);
 		O({
 			...D,
@@ -452,27 +451,27 @@ function Mt({ formId: fe }) {
 		}), A({
 			...k,
 			layout: k.layout.filter((t) => t.fieldKey !== e)
-		}), B(z === e ? t[0]?.fieldKey ?? null : z), L(null);
+		}), V(B === e ? t[0]?.fieldKey ?? null : B), R(null);
 	}
-	function En(e) {
+	function wn(e) {
 		let t = e.destination;
 		t && e.source.index !== t.index && (O((n) => ({
 			...n,
-			fields: Kt(n.fields, e.source.index, t.index)
+			fields: Gt(n.fields, e.source.index, t.index)
 		})), A((n) => ({
 			...n,
-			layout: Kt(n.layout, e.source.index, t.index)
-		})), L(null));
+			layout: Gt(n.layout, e.source.index, t.index)
+		})), R(null));
 	}
-	function K(e) {
-		q((t) => ({
+	function q(e) {
+		J((t) => ({
 			...t,
 			...e
 		}));
 	}
-	function q(e) {
-		if (!W) return;
-		let t = W.fieldKey, n = e(W), r = n.fieldKey;
+	function J(e) {
+		if (!G) return;
+		let t = G.fieldKey, n = e(G), r = n.fieldKey;
 		O({
 			...D,
 			fields: D.fields.map((e) => e.fieldKey === t ? n : e)
@@ -482,228 +481,225 @@ function Mt({ formId: fe }) {
 				...e,
 				fieldKey: r
 			} : e)
-		}), B(r), L(null);
+		}), V(r), R(null);
 	}
-	function J(e) {
-		q((t) => It(t) ? {
+	function Y(e) {
+		J((t) => Ft(t) ? {
 			...t,
 			...e
 		} : t);
 	}
-	function Y(e) {
-		q((t) => ke(t) ? {
+	function Tn(e) {
+		J((t) => ke(t) ? {
 			...t,
 			...e
 		} : t);
 	}
-	function Dn(e) {
-		q((t) => Oe(t) ? {
+	function En(e) {
+		J((t) => Oe(t) ? {
 			...t,
 			...e
 		} : t);
 	}
 	function X(e) {
-		q((t) => Ae(t) ? {
+		J((t) => Ae(t) ? {
 			...t,
 			...e
 		} : t);
 	}
-	function On(e) {
-		q((t) => t.type === "boolean" ? {
+	function Dn(e) {
+		J((t) => t.type === "boolean" ? {
 			...t,
 			...e
 		} : t);
 	}
-	function kn(e) {
-		q((t) => t.type === "file_upload" ? {
+	function On(e) {
+		J((t) => t.type === "file_upload" ? {
 			...t,
 			...e
 		} : t);
 	}
-	function An(e) {
-		Yt(e);
+	function kn(e) {
+		qt(e);
 	}
-	function jn(e, t) {
+	function An(e, t) {
 		O((n) => ({
 			...n,
 			fields: n.fields.map((n) => n.fieldKey === e ? {
 				...n,
 				required: t
 			} : n)
-		})), L(null);
+		})), R(null);
 	}
-	function Mn(e) {
+	function jn(e) {
 		j(e);
 		try {
-			O(JSON.parse(e)), L(null);
+			O(JSON.parse(e)), R(null);
 		} catch {
-			L("Form Schema JSON 格式不正確");
+			R("Form Schema JSON 格式不正確");
 		}
 	}
-	function Nn(e) {
+	function Mn(e) {
 		I(e);
 		try {
-			A(JSON.parse(e)), L(null);
+			A(JSON.parse(e)), R(null);
 		} catch {
-			L("UI Schema JSON 格式不正確");
+			R("UI Schema JSON 格式不正確");
 		}
 	}
-	return /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ v(n, {
-		activeHref: he.forms(),
-		children: [/* @__PURE__ */ _(ae, { children: /* @__PURE__ */ v(xe, {
-			description: hn,
-			onBackClick: dn,
-			title: b?.definition.name ?? "表單設計器",
-			children: [
-				/* @__PURE__ */ _(d, {
-					"aria-label": "修改表單名稱",
-					disabled: on || !b,
-					icon: _e,
-					iconType: "icon-only",
-					onClick: () => en(!0),
-					variant: "base-ghost",
-					children: "修改表單名稱"
-				}),
-				/* @__PURE__ */ _(d, {
-					"aria-label": "儲存草稿",
-					disabled: H || !G,
-					icon: ye,
-					iconType: "icon-only",
-					onClick: () => void bn(),
-					variant: "base-secondary",
-					children: "儲存草稿"
-				}),
-				/* @__PURE__ */ _(d, {
-					disabled: gn,
-					icon: me,
-					iconType: "leading",
-					onClick: () => void xn(),
-					variant: "base-primary",
-					children: _n
-				})
-			]
-		}) }), /* @__PURE__ */ _(se, { children: /* @__PURE__ */ _(oe, { children: /* @__PURE__ */ v("div", {
-			style: wt,
-			children: [
-				Qt ? /* @__PURE__ */ _(h, {
-					color: "text-error",
-					variant: "body",
-					children: Qt
-				}) : null,
-				/* @__PURE__ */ v(ce, {
-					activeKey: R,
-					onChange: wn,
-					size: "sub",
-					children: [
-						/* @__PURE__ */ _(m, { children: "設計" }, "design"),
-						/* @__PURE__ */ _(m, { children: "預覽" }, "preview"),
-						/* @__PURE__ */ _(m, { children: "版本" }, "versions"),
-						/* @__PURE__ */ _(m, { children: "進階" }, "advanced")
-					]
-				}),
-				R === "design" ? Pn() : null,
-				R === "preview" ? $n() : null,
-				R === "versions" ? er() : null,
-				R === "advanced" ? tr() : null
-			]
-		}) }) })]
-	}), /* @__PURE__ */ _(o, {
+	return /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(re, { children: /* @__PURE__ */ y(ue, {
+		description: pn,
+		onBackClick: ln,
+		title: x?.definition.name ?? "表單設計器",
+		children: [
+			/* @__PURE__ */ v(f, {
+				"aria-label": "修改表單名稱",
+				disabled: rn || !x,
+				icon: ge,
+				iconType: "icon-only",
+				onClick: () => Qt(!0),
+				variant: "base-ghost",
+				children: "修改表單名稱"
+			}),
+			/* @__PURE__ */ v(f, {
+				"aria-label": "儲存草稿",
+				disabled: U || !K,
+				icon: be,
+				iconType: "icon-only",
+				onClick: () => void vn(),
+				variant: "base-secondary",
+				children: "儲存草稿"
+			}),
+			/* @__PURE__ */ v(f, {
+				disabled: mn,
+				icon: pe,
+				iconType: "leading",
+				onClick: () => void yn(),
+				variant: "base-primary",
+				children: hn
+			})
+		]
+	}) }), /* @__PURE__ */ v(ae, { children: /* @__PURE__ */ v(ie, { children: /* @__PURE__ */ y("div", {
+		style: Ct,
+		children: [
+			Xt ? /* @__PURE__ */ v(g, {
+				color: "text-error",
+				variant: "body",
+				children: Xt
+			}) : null,
+			/* @__PURE__ */ y(oe, {
+				activeKey: z,
+				onChange: Sn,
+				size: "sub",
+				children: [
+					/* @__PURE__ */ v(h, { children: "設計" }, "design"),
+					/* @__PURE__ */ v(h, { children: "預覽" }, "preview"),
+					/* @__PURE__ */ v(h, { children: "版本" }, "versions"),
+					/* @__PURE__ */ v(h, { children: "進階" }, "advanced")
+				]
+			}),
+			z === "design" ? Nn() : null,
+			z === "preview" ? Qn() : null,
+			z === "versions" ? $n() : null,
+			z === "advanced" ? er() : null
+		]
+	}) }) })] }), /* @__PURE__ */ v(a, {
 		confirmText: "儲存",
-		initialName: b?.definition.name ?? "",
-		loading: on,
-		onClose: () => en(!1),
-		onSubmit: Sn,
-		open: $t,
+		initialName: x?.definition.name ?? "",
+		loading: rn,
+		onClose: () => Qt(!1),
+		onSubmit: bn,
+		open: Zt,
 		title: "修改表單名稱"
 	})] });
-	function Pn() {
-		return /* @__PURE__ */ v("div", {
+	function Nn() {
+		return /* @__PURE__ */ y("div", {
 			style: M,
-			children: [/* @__PURE__ */ v("div", {
-				style: $e,
-				children: [/* @__PURE__ */ _(h, {
+			children: [/* @__PURE__ */ y("div", {
+				style: Qe,
+				children: [/* @__PURE__ */ v(g, {
 					component: "h2",
 					variant: "label-primary",
 					children: "新增欄位"
-				}), /* @__PURE__ */ _("div", {
-					style: Ze,
-					children: qe.map((e) => /* @__PURE__ */ _(d, {
-						disabled: H,
+				}), /* @__PURE__ */ v("div", {
+					style: Xe,
+					children: Ke.map((e) => /* @__PURE__ */ v(f, {
+						disabled: U,
 						icon: e.icon,
 						iconType: "leading",
-						onClick: () => Cn(e.type),
+						onClick: () => xn(e.type),
 						size: "sub",
-						style: Qe,
+						style: Ze,
 						type: "button",
 						variant: "base-secondary",
 						children: e.label
 					}, e.type))
 				})]
-			}), /* @__PURE__ */ v("div", {
-				style: Je,
-				children: [/* @__PURE__ */ v("div", {
+			}), /* @__PURE__ */ y("div", {
+				style: qe,
+				children: [/* @__PURE__ */ y("div", {
 					style: {
 						...M,
-						...Ye
+						...Je
 					},
-					children: [/* @__PURE__ */ _(h, {
+					children: [/* @__PURE__ */ v(g, {
 						component: "h2",
 						variant: "label-primary",
 						children: "表單畫布"
-					}), D.fields.length > 0 ? /* @__PURE__ */ _(He, {
-						onDragEnd: En,
-						children: /* @__PURE__ */ _(We, {
+					}), D.fields.length > 0 ? /* @__PURE__ */ v(Ve, {
+						onDragEnd: wn,
+						children: /* @__PURE__ */ v(Ue, {
 							droppableId: "form-builder-fields",
-							children: (e) => /* @__PURE__ */ v("div", {
+							children: (e) => /* @__PURE__ */ y("div", {
 								...e.droppableProps,
 								ref: e.innerRef,
 								style: M,
-								children: [D.fields.map((e, t) => /* @__PURE__ */ _(Ue, {
+								children: [D.fields.map((e, t) => /* @__PURE__ */ v(He, {
 									draggableId: e.fieldKey,
 									index: t,
-									isDragDisabled: H,
-									children: (t, n) => Zn(e, t, n.isDragging)
+									isDragDisabled: U,
+									children: (t, n) => Xn(e, t, n.isDragging)
 								}, e.fieldKey)), e.placeholder]
 							})
 						})
-					}) : /* @__PURE__ */ v("div", {
-						style: ot,
-						children: [/* @__PURE__ */ v("div", {
+					}) : /* @__PURE__ */ y("div", {
+						style: at,
+						children: [/* @__PURE__ */ y("div", {
 							style: M,
-							children: [/* @__PURE__ */ _(h, {
+							children: [/* @__PURE__ */ v(g, {
 								component: "h3",
 								variant: "h3",
 								children: "尚未建立欄位"
-							}), /* @__PURE__ */ _(h, {
+							}), /* @__PURE__ */ v(g, {
 								color: "text-neutral",
 								variant: "body",
 								children: "從上方新增第一個欄位，或直接建立常用文字欄位開始設計。"
 							})]
-						}), /* @__PURE__ */ v("div", {
-							style: st,
-							children: [/* @__PURE__ */ _(d, {
-								disabled: H,
-								onClick: () => Cn("text"),
+						}), /* @__PURE__ */ y("div", {
+							style: ot,
+							children: [/* @__PURE__ */ v(f, {
+								disabled: U,
+								onClick: () => xn("text"),
 								variant: "base-primary",
 								children: "新增文字欄位"
-							}), /* @__PURE__ */ _(d, {
-								disabled: H,
-								onClick: () => Cn("textarea"),
+							}), /* @__PURE__ */ v(f, {
+								disabled: U,
+								onClick: () => xn("textarea"),
 								variant: "base-secondary",
 								children: "新增長文字"
 							})]
 						})]
 					})]
-				}), /* @__PURE__ */ v("div", {
+				}), /* @__PURE__ */ y("div", {
 					style: {
 						...M,
-						...Xe
+						...Ye
 					},
-					children: [/* @__PURE__ */ _(h, {
+					children: [/* @__PURE__ */ v(g, {
 						component: "h2",
 						variant: "label-primary",
 						children: "欄位設定"
-					}), W ? Fn(W) : /* @__PURE__ */ _(h, {
+					}), G ? Pn(G) : /* @__PURE__ */ v(g, {
 						color: "text-neutral",
 						variant: "body",
 						children: "請先新增或選取欄位。"
@@ -712,206 +708,206 @@ function Mt({ formId: fe }) {
 			})]
 		});
 	}
-	function Fn(e) {
-		return /* @__PURE__ */ v("div", {
-			style: ct,
-			children: [In(e), Ln(e)]
+	function Pn(e) {
+		return /* @__PURE__ */ y("div", {
+			style: st,
+			children: [Fn(e), In(e)]
 		});
 	}
-	function In(e) {
-		return /* @__PURE__ */ v("div", {
-			style: lt,
+	function Fn(e) {
+		return /* @__PURE__ */ y("div", {
+			style: ct,
 			children: [
-				/* @__PURE__ */ _("div", {
-					style: dt,
-					children: /* @__PURE__ */ _(u, {
+				/* @__PURE__ */ v("div", {
+					style: ut,
+					children: /* @__PURE__ */ v(u, {
 						size: "main",
-						text: Nt(e.type),
+						text: Mt(e.type),
 						variant: "text-info"
 					})
 				}),
-				$("標題", "fieldLabel", /* @__PURE__ */ _(f, {
-					onChange: (e) => K({ label: e.target.value }),
+				$("標題", "fieldLabel", /* @__PURE__ */ v(p, {
+					onChange: (e) => q({ label: e.target.value }),
 					placeholder: "例如：申請金額",
 					value: e.label,
 					variant: "base"
-				}), H),
-				$("欄位 Key", "fieldKey", /* @__PURE__ */ _(f, {
-					onChange: (e) => K({ fieldKey: e.target.value }),
+				}), U),
+				$("欄位 Key", "fieldKey", /* @__PURE__ */ v(p, {
+					onChange: (e) => q({ fieldKey: e.target.value }),
 					placeholder: "例如：amount",
 					value: e.fieldKey,
 					variant: "base"
-				}), H),
-				$("提示文字", "fieldPlaceholder", /* @__PURE__ */ _(f, {
-					onChange: (e) => K({ placeholder: e.target.value || void 0 }),
+				}), U),
+				$("提示文字", "fieldPlaceholder", /* @__PURE__ */ v(p, {
+					onChange: (e) => q({ placeholder: e.target.value || void 0 }),
 					placeholder: "例如：請輸入申請金額",
 					value: e.placeholder ?? "",
 					variant: "base"
-				}), H),
-				Rn(e)
+				}), U),
+				Ln(e)
 			]
 		});
 	}
-	function Ln(e) {
-		return /* @__PURE__ */ _(ee, {
-			defaultExpanded: Pt(e),
+	function In(e) {
+		return /* @__PURE__ */ v(l, {
+			defaultExpanded: Nt(e),
 			size: "sub",
 			title: "進階設定",
-			children: /* @__PURE__ */ v("div", {
-				style: lt,
+			children: /* @__PURE__ */ y("div", {
+				style: ct,
 				children: [
-					/* @__PURE__ */ _(h, {
+					/* @__PURE__ */ v(g, {
 						component: "h3",
-						style: ut,
+						style: lt,
 						variant: "label-primary",
 						children: "條件規則"
 					}),
-					/* @__PURE__ */ _(h, {
+					/* @__PURE__ */ v(g, {
 						color: "text-neutral",
-						style: ft,
+						style: dt,
 						variant: "body",
 						children: "只有需要根據其他欄位改變顯示、必填或唯讀狀態時才需要設定。"
 					}),
-					Gn(e)
+					Wn(e)
 				]
 			})
 		});
 	}
-	function Rn(e) {
-		return It(e) ? zn(e) : ke(e) ? Bn(e) : Oe(e) ? Vn(e) : Ae(e) ? Hn(e) : e.type === "boolean" ? Un(e) : Wn(e);
+	function Ln(e) {
+		return Ft(e) ? Rn(e) : ke(e) ? zn(e) : Oe(e) ? Bn(e) : Ae(e) ? Vn(e) : e.type === "boolean" ? Hn(e) : Un(e);
 	}
-	function zn(e) {
-		return /* @__PURE__ */ v(g, { children: [
-			$("預設值", "fieldDefaultValue", e.type === "textarea" ? Jn({
-				disabled: H,
+	function Rn(e) {
+		return /* @__PURE__ */ y(_, { children: [
+			$("預設值", "fieldDefaultValue", e.type === "textarea" ? qn({
+				disabled: U,
 				name: "fieldDefaultValue",
-				onChange: (e) => J({ defaultValue: e || void 0 }),
+				onChange: (e) => Y({ defaultValue: e || void 0 }),
 				placeholder: "輸入此欄位的預設文字",
 				rows: 3,
-				value: Lt(e.defaultValue)
-			}) : /* @__PURE__ */ _(f, {
-				onChange: (e) => J({ defaultValue: e.target.value || void 0 }),
+				value: It(e.defaultValue)
+			}) : /* @__PURE__ */ v(p, {
+				onChange: (e) => Y({ defaultValue: e.target.value || void 0 }),
 				placeholder: "輸入此欄位的預設文字",
-				value: Lt(e.defaultValue),
+				value: It(e.defaultValue),
 				variant: "base"
-			}), H),
-			$("最小長度", "fieldMinLength", Q(e.minLength, (e) => J({ minLength: e }), "例如：2", { min: 0 }), H),
-			$("最大長度", "fieldMaxLength", Q(e.maxLength, (e) => J({ maxLength: e }), "例如：100", { min: 1 }), H)
+			}), U),
+			$("最小長度", "fieldMinLength", Q(e.minLength, (e) => Y({ minLength: e }), "例如：2", { min: 0 }), U),
+			$("最大長度", "fieldMaxLength", Q(e.maxLength, (e) => Y({ maxLength: e }), "例如：100", { min: 1 }), U)
 		] });
 	}
-	function Bn(e) {
-		return /* @__PURE__ */ v(g, { children: [
-			$("預設值", "fieldDefaultValue", Q(typeof e.defaultValue == "number" ? e.defaultValue : void 0, (e) => Y({ defaultValue: e }), e.type === "money" ? "例如：1000" : "輸入預設數值", {
+	function zn(e) {
+		return /* @__PURE__ */ y(_, { children: [
+			$("預設值", "fieldDefaultValue", Q(typeof e.defaultValue == "number" ? e.defaultValue : void 0, (e) => Tn({ defaultValue: e }), e.type === "money" ? "例如：1000" : "輸入預設數值", {
 				max: e.maximum,
 				min: e.minimum
-			}), H),
-			$("最小值", "fieldMinimum", Q(e.minimum, (e) => Y({ minimum: e }), "例如：0"), H),
-			$("最大值", "fieldMaximum", Q(e.maximum, (e) => Y({ maximum: e }), "例如：999999"), H)
+			}), U),
+			$("最小值", "fieldMinimum", Q(e.minimum, (e) => Tn({ minimum: e }), "例如：0"), U),
+			$("最大值", "fieldMaximum", Q(e.maximum, (e) => Tn({ maximum: e }), "例如：999999"), U)
 		] });
 	}
-	function Vn(e) {
-		return $("預設值", "fieldDefaultValue", Yn(e, Lt(e.defaultValue), (e) => Dn({ defaultValue: e })), H);
+	function Bn(e) {
+		return $("預設值", "fieldDefaultValue", Jn(e, It(e.defaultValue), (e) => En({ defaultValue: e })), U);
 	}
-	function Hn(e) {
+	function Vn(e) {
 		let t = Array.isArray(e.defaultValue) ? e.defaultValue : [], n = e.options.filter((e) => t.includes(e.value)).map(T);
-		return /* @__PURE__ */ v(g, { children: [$("預設值", "fieldDefaultValue", e.type === "checkbox" ? /* @__PURE__ */ _(p, {
+		return /* @__PURE__ */ y(_, { children: [$("預設值", "fieldDefaultValue", e.type === "checkbox" ? /* @__PURE__ */ v(m, {
 			clearable: !0,
 			mode: "multiple",
 			onChange: (e) => X({ defaultValue: e.length ? e.map((e) => e.id) : void 0 }),
 			options: e.options.map(T),
 			placeholder: "選擇一或多個預設選項",
 			value: n
-		}) : /* @__PURE__ */ _(p, {
+		}) : /* @__PURE__ */ v(m, {
 			clearable: !0,
 			onChange: (e) => X({ defaultValue: e?.id || void 0 }),
 			options: e.options.map(T),
 			placeholder: "選擇預設選項",
 			value: typeof e.defaultValue == "string" ? E(e.options.map(T), e.defaultValue) : null
-		}), H), $("選項", "fieldOptions", Xn(e), H, !0)] });
+		}), U), $("選項", "fieldOptions", Yn(e), U, !0)] });
 	}
-	function Un(e) {
+	function Hn(e) {
 		let t = typeof e.defaultValue == "boolean" ? String(e.defaultValue) : "unset";
-		return $("預設值", "fieldDefaultValue", /* @__PURE__ */ _(p, {
+		return $("預設值", "fieldDefaultValue", /* @__PURE__ */ v(m, {
 			clearable: !1,
-			onChange: (e) => On({ defaultValue: e?.id === "true" ? !0 : e?.id === "false" ? !1 : void 0 }),
-			options: [...kt],
+			onChange: (e) => Dn({ defaultValue: e?.id === "true" ? !0 : e?.id === "false" ? !1 : void 0 }),
+			options: [...Ot],
 			placeholder: "選擇預設狀態",
-			value: E(kt, t)
-		}), H);
+			value: E(Ot, t)
+		}), U);
 	}
-	function Wn(e) {
-		return /* @__PURE__ */ v(g, { children: [$("檔案數", "fieldMaxFiles", Q(e.maxFiles, (e) => kn({ maxFiles: e }), "例如：1", { min: 1 }), H), $("MIME", "fieldAcceptedMimeTypes", Jn({
-			disabled: H,
+	function Un(e) {
+		return /* @__PURE__ */ y(_, { children: [$("檔案數", "fieldMaxFiles", Q(e.maxFiles, (e) => On({ maxFiles: e }), "例如：1", { min: 1 }), U), $("MIME", "fieldAcceptedMimeTypes", qn({
+			disabled: U,
 			name: "fieldAcceptedMimeTypes",
-			onChange: (e) => kn({ acceptedMimeTypes: Rt(e) }),
+			onChange: (e) => On({ acceptedMimeTypes: Lt(e) }),
 			placeholder: "每行一個 MIME type，例如：application/pdf",
 			rows: 3,
-			value: zt(e.acceptedMimeTypes)
+			value: Rt(e.acceptedMimeTypes)
 		}), !1)] });
 	}
-	function Gn(e) {
+	function Wn(e) {
 		let t = D.fields.filter((t) => t.fieldKey !== e.fieldKey);
-		return t.length ? /* @__PURE__ */ _(g, { children: jt.map((n) => Kn(e, n, t)) }) : /* @__PURE__ */ _(h, {
+		return t.length ? /* @__PURE__ */ v(_, { children: At.map((n) => Gn(e, n, t)) }) : /* @__PURE__ */ v(g, {
 			color: "text-neutral",
-			style: ft,
+			style: dt,
 			variant: "body",
 			children: "目前沒有其他欄位可作為條件來源。新增更多欄位後即可設定條件規則。"
 		});
 	}
-	function Kn(e, t, n) {
-		let r = e[t.target], i = r ? je(r) : null, a = n.find((e) => e.fieldKey === i?.fieldKey), o = a ?? n[0], s = n.map(Ft), c = Fe(o), l = i && c.some((e) => e.id === i.operator) ? i.operator : Le(o), ee = i?.value ?? Re(o), u = !!r, te = u && (!i || !a);
-		return $(t.label, t.name, /* @__PURE__ */ v("div", {
-			style: xt,
-			children: [/* @__PURE__ */ _(de, {
-				checked: u,
-				disabled: H,
-				label: u ? "已啟用" : "不啟用",
-				onChange: (e) => Z(t.target, e.target.checked ? w(o, Le(o), Re(o)) : void 0),
+	function Gn(e, t, n) {
+		let r = e[t.target], i = r ? je(r) : null, a = n.find((e) => e.fieldKey === i?.fieldKey), o = a ?? n[0], s = n.map(Pt), c = Fe(o), l = i && c.some((e) => e.id === i.operator) ? i.operator : Le(o), u = i?.value ?? w(o), d = !!r, f = d && (!i || !a);
+		return $(t.label, t.name, /* @__PURE__ */ y("div", {
+			style: bt,
+			children: [/* @__PURE__ */ v(le, {
+				checked: d,
+				disabled: U,
+				label: d ? "已啟用" : "不啟用",
+				onChange: (e) => Z(t.target, e.target.checked ? C(o, Le(o), w(o)) : void 0),
 				size: "sub",
 				supportingText: t.supportingText
-			}), u ? te ? /* @__PURE__ */ _(h, {
+			}), d ? f ? /* @__PURE__ */ v(g, {
 				color: "text-warning",
 				variant: "body",
 				children: "這個規則不是目前 UI 支援的格式。重新選擇條件後會取代既有規則。"
-			}) : /* @__PURE__ */ v("div", {
-				style: St,
+			}) : /* @__PURE__ */ y("div", {
+				style: xt,
 				children: [
-					/* @__PURE__ */ _(p, {
+					/* @__PURE__ */ v(m, {
 						clearable: !1,
 						onChange: (e) => {
 							let r = n.find((t) => t.fieldKey === e?.id) ?? o;
-							Z(t.target, w(r, Le(r), Re(r)));
+							Z(t.target, C(r, Le(r), w(r)));
 						},
 						options: s,
 						placeholder: "選擇欄位",
 						value: E(s, o.fieldKey)
 					}),
-					/* @__PURE__ */ _(p, {
+					/* @__PURE__ */ v(m, {
 						clearable: !1,
-						onChange: (e) => Z(t.target, w(o, Pe(e?.id) ?? l, ee)),
+						onChange: (e) => Z(t.target, C(o, Pe(e?.id) ?? l, u)),
 						options: [...c],
 						placeholder: "判斷方式",
 						value: E(c, l)
 					}),
-					qn(o, ee, (e) => Z(t.target, w(o, l, e)))
+					Kn(o, u, (e) => Z(t.target, C(o, l, e)))
 				]
 			}) : null]
-		}), H, !0);
+		}), U, !0);
 	}
 	function Z(e, t) {
-		K({ [e]: t });
+		q({ [e]: t });
 	}
-	function qn(e, t, n) {
-		if (e.type === "boolean") return /* @__PURE__ */ _(p, {
+	function Kn(e, t, n) {
+		if (e.type === "boolean") return /* @__PURE__ */ v(m, {
 			clearable: !1,
 			onChange: (e) => n(e?.id ?? "true"),
-			options: [...At],
+			options: [...kt],
 			placeholder: "比較值",
-			value: E(At, t === "false" ? "false" : "true")
+			value: E(kt, t === "false" ? "false" : "true")
 		});
 		if (Ae(e)) {
 			let r = e.options.map(T);
-			return /* @__PURE__ */ _(p, {
+			return /* @__PURE__ */ v(m, {
 				clearable: !1,
 				onChange: (e) => n(e?.id ?? r[0]?.id ?? ""),
 				options: r,
@@ -919,28 +915,28 @@ function Mt({ formId: fe }) {
 				value: E(r, t)
 			});
 		}
-		return ke(e) ? Q(Me(t), (e) => n(String(e ?? 0)), "比較值") : Oe(e) ? Yn(e, t, (e) => n(e ?? "")) : /* @__PURE__ */ _(f, {
+		return ke(e) ? Q(Me(t), (e) => n(String(e ?? 0)), "比較值") : Oe(e) ? Jn(e, t, (e) => n(e ?? "")) : /* @__PURE__ */ v(p, {
 			onChange: (e) => n(e.target.value),
 			placeholder: "比較值",
 			value: t,
 			variant: "base"
 		});
 	}
-	function Jn({ disabled: e, name: t, onChange: n, placeholder: r, rows: i, value: a }) {
-		return /* @__PURE__ */ _(ue, {
+	function qn({ disabled: e, name: t, onChange: n, placeholder: r, rows: i, value: a }) {
+		return /* @__PURE__ */ v(ce, {
 			"aria-label": t,
 			disabled: e,
 			onChange: (e) => n(e.target.value),
 			placeholder: r,
-			ref: Ot,
+			ref: Dt,
 			resize: "vertical",
 			rows: i,
-			style: gt,
+			style: ht,
 			value: a
 		});
 	}
 	function Q(e, t, n, r = {}) {
-		return /* @__PURE__ */ _(f, {
+		return /* @__PURE__ */ v(p, {
 			max: r.max,
 			min: r.min,
 			onChange: (e) => t(Ce(Me(e.target.value), r)),
@@ -951,8 +947,8 @@ function Mt({ formId: fe }) {
 			variant: "measure"
 		});
 	}
-	function Yn(e, t, n) {
-		return e.type === "datetime" ? /* @__PURE__ */ _(re, {
+	function Jn(e, t, n) {
+		return e.type === "datetime" ? /* @__PURE__ */ v(te, {
 			formatDate: "YYYY-MM-DD",
 			formatTime: "HH:mm",
 			hideSecond: !0,
@@ -960,21 +956,21 @@ function Mt({ formId: fe }) {
 			placeholderLeft: "選擇日期",
 			placeholderRight: "選擇時間",
 			value: Ie(t)
-		}) : /* @__PURE__ */ _(ne, {
+		}) : /* @__PURE__ */ v(ee, {
 			format: "YYYY-MM-DD",
 			onChange: (e) => n(Ee(e)),
 			placeholder: "選擇日期",
 			value: Ie(t)
 		});
 	}
-	function Xn(e) {
-		return /* @__PURE__ */ v("div", {
-			style: Tt,
-			children: [/* @__PURE__ */ _(le, {
+	function Yn(e) {
+		return /* @__PURE__ */ y("div", {
+			style: wt,
+			children: [/* @__PURE__ */ v(se, {
 				actions: {
 					render: (t) => [{
-						disabled: () => H || e.options.length <= 1,
-						icon: be,
+						disabled: () => U || e.options.length <= 1,
+						icon: xe,
 						iconType: "icon-only",
 						name: "移除選項",
 						onClick: () => X({ options: e.options.filter((e, n) => n !== t.index) }),
@@ -984,8 +980,8 @@ function Mt({ formId: fe }) {
 				},
 				columns: [{
 					key: "label",
-					render: (t) => /* @__PURE__ */ _(f, {
-						onChange: (n) => X({ options: Bt(e.options, t.index, { label: n.target.value }) }),
+					render: (t) => /* @__PURE__ */ v(p, {
+						onChange: (n) => X({ options: zt(e.options, t.index, { label: n.target.value }) }),
 						placeholder: "例如：主管",
 						size: "sub",
 						value: t.label,
@@ -994,8 +990,8 @@ function Mt({ formId: fe }) {
 					title: "Label"
 				}, {
 					key: "value",
-					render: (t) => /* @__PURE__ */ _(f, {
-						onChange: (n) => X({ options: Bt(e.options, t.index, { value: n.target.value }) }),
+					render: (t) => /* @__PURE__ */ v(p, {
+						onChange: (n) => X({ options: zt(e.options, t.index, { value: n.target.value }) }),
 						placeholder: "例如：manager",
 						size: "sub",
 						value: t.value,
@@ -1011,39 +1007,39 @@ function Mt({ formId: fe }) {
 				})),
 				showHeader: !0,
 				size: "sub"
-			}), /* @__PURE__ */ _("div", {
-				style: Et,
-				children: /* @__PURE__ */ _(d, {
-					disabled: H,
-					icon: ve,
+			}), /* @__PURE__ */ v("div", {
+				style: Tt,
+				children: /* @__PURE__ */ v(f, {
+					disabled: U,
+					icon: ye,
 					iconType: "leading",
-					onClick: () => X({ options: [...e.options, Vt(e.options)] }),
+					onClick: () => X({ options: [...e.options, Bt(e.options)] }),
 					variant: "base-secondary",
 					children: "新增選項"
 				})
 			})]
 		});
 	}
-	function Zn(e, t, n) {
-		return /* @__PURE__ */ _("div", {
+	function Xn(e, t, n) {
+		return /* @__PURE__ */ v("div", {
 			...t.draggableProps,
 			"data-form-builder-field-key": e.fieldKey,
 			ref: t.innerRef,
 			style: {
-				...it,
-				...n ? at : null,
+				...rt,
+				...n ? it : null,
 				...t.draggableProps.style
 			},
-			children: /* @__PURE__ */ _(te, { children: Qn(e, t, n) })
+			children: /* @__PURE__ */ v(d, { children: Zn(e, t, n) })
 		});
 	}
-	function $(e, t, n, r, a = !1) {
-		return /* @__PURE__ */ _("div", {
-			style: a ? mt : pt,
-			children: /* @__PURE__ */ _("div", {
-				style: ht,
-				children: /* @__PURE__ */ _(i, {
-					disabled: r,
+	function $(e, t, n, i, a = !1) {
+		return /* @__PURE__ */ v("div", {
+			style: a ? pt : ft,
+			children: /* @__PURE__ */ v("div", {
+				style: mt,
+				children: /* @__PURE__ */ v(r, {
+					disabled: i,
 					label: e,
 					name: t,
 					children: n
@@ -1051,41 +1047,41 @@ function Mt({ formId: fe }) {
 			})
 		});
 	}
-	function Qn(e, t, n) {
-		return /* @__PURE__ */ v("div", {
+	function Zn(e, t, n) {
+		return /* @__PURE__ */ y("div", {
 			...t.dragHandleProps ?? {},
 			"aria-label": "拖曳排序欄位",
-			style: et,
+			style: $e,
 			title: "拖曳排序",
 			children: [
-				/* @__PURE__ */ _("span", {
+				/* @__PURE__ */ v("span", {
 					"aria-label": "拖曳排序",
 					role: "img",
-					style: Ct,
+					style: St,
 					title: "拖曳排序",
-					children: /* @__PURE__ */ _(ie, {
-						icon: ge,
+					children: /* @__PURE__ */ v(ne, {
+						icon: he,
 						size: 20
 					})
 				}),
-				/* @__PURE__ */ v("div", {
-					style: tt,
-					children: [/* @__PURE__ */ v(h, {
+				/* @__PURE__ */ y("div", {
+					style: et,
+					children: [/* @__PURE__ */ y(g, {
 						component: "span",
 						ellipsis: !0,
 						variant: "label-primary",
-						children: [e.label, e.required ? /* @__PURE__ */ _("sup", {
+						children: [e.label, e.required ? /* @__PURE__ */ v("sup", {
 							"aria-label": "必填",
-							style: Dt,
+							style: Et,
 							children: "*"
 						}) : null]
-					}), /* @__PURE__ */ v(h, {
+					}), /* @__PURE__ */ y(g, {
 						color: "text-neutral",
 						component: "span",
 						ellipsis: !0,
 						variant: "caption",
 						children: [
-							Nt(e.type),
+							Mt(e.type),
 							" ·",
 							e.required ? " 必填" : " 選填",
 							" ·",
@@ -1093,31 +1089,31 @@ function Mt({ formId: fe }) {
 						]
 					})]
 				}),
-				/* @__PURE__ */ v("div", {
-					style: nt,
+				/* @__PURE__ */ y("div", {
+					style: tt,
 					children: [
-						/* @__PURE__ */ _("div", {
-							style: rt,
-							children: /* @__PURE__ */ _(de, {
+						/* @__PURE__ */ v("div", {
+							style: nt,
+							children: /* @__PURE__ */ v(le, {
 								checked: !!e.required,
-								disabled: H || n,
+								disabled: U || n,
 								label: "必填",
-								onChange: (t) => jn(e.fieldKey, t.target.checked)
+								onChange: (t) => An(e.fieldKey, t.target.checked)
 							})
 						}),
-						/* @__PURE__ */ _(d, {
+						/* @__PURE__ */ v(f, {
 							disabled: n,
-							icon: _e,
+							icon: ge,
 							iconType: "icon-only",
-							onClick: () => B(e.fieldKey),
-							variant: e.fieldKey === W?.fieldKey ? "base-primary" : "base-ghost",
+							onClick: () => V(e.fieldKey),
+							variant: e.fieldKey === G?.fieldKey ? "base-primary" : "base-ghost",
 							children: "編輯欄位"
 						}),
-						/* @__PURE__ */ _(d, {
-							disabled: H || n,
-							icon: be,
+						/* @__PURE__ */ v(f, {
+							disabled: U || n,
+							icon: xe,
 							iconType: "icon-only",
-							onClick: () => Tn(e.fieldKey),
+							onClick: () => Cn(e.fieldKey),
 							variant: "destructive-ghost",
 							children: "移除欄位"
 						})
@@ -1126,78 +1122,78 @@ function Mt({ formId: fe }) {
 			]
 		});
 	}
-	function $n() {
-		return /* @__PURE__ */ v("div", {
+	function Qn() {
+		return /* @__PURE__ */ y("div", {
 			style: M,
-			children: [/* @__PURE__ */ _(h, {
+			children: [/* @__PURE__ */ v(g, {
 				component: "h2",
 				variant: "h3",
 				children: "填寫預覽"
-			}), /* @__PURE__ */ _(a, {
-				onChange: An,
+			}), /* @__PURE__ */ v(i, {
+				onChange: kn,
 				schema: D,
 				uiSchema: k,
-				value: Gt
+				value: Wt
 			})]
 		});
 	}
-	function er() {
-		return /* @__PURE__ */ v("div", {
+	function $n() {
+		return /* @__PURE__ */ y("div", {
 			style: M,
-			children: [/* @__PURE__ */ _(h, {
+			children: [/* @__PURE__ */ v(g, {
 				component: "h2",
 				variant: "h3",
 				children: "版本紀錄"
-			}), /* @__PURE__ */ _(le, {
-				columns: ln,
-				dataSource: cn,
-				loading: rn
+			}), /* @__PURE__ */ v(se, {
+				columns: sn,
+				dataSource: on,
+				loading: tn
 			})]
 		});
 	}
-	function tr() {
-		return /* @__PURE__ */ v("div", {
+	function er() {
+		return /* @__PURE__ */ y("div", {
 			style: M,
-			children: [/* @__PURE__ */ _(h, {
+			children: [/* @__PURE__ */ v(g, {
 				component: "h2",
 				variant: "h3",
 				children: "Schema"
-			}), /* @__PURE__ */ v("div", {
-				style: _t,
+			}), /* @__PURE__ */ y("div", {
+				style: gt,
 				children: [
-					nr("Form Schema", "schemaJson", /* @__PURE__ */ _(Ke, {
-						disabled: H,
+					tr("Form Schema", "schemaJson", /* @__PURE__ */ v(Ge, {
+						disabled: U,
 						height: "360px",
 						name: "schemaJson",
-						onChange: Mn,
+						onChange: jn,
 						placeholder: "輸入 Form Schema JSON",
-						value: Ge
+						value: We
 					})),
-					nr("UI Schema", "uiSchemaJson", /* @__PURE__ */ _(Ke, {
-						disabled: H,
+					tr("UI Schema", "uiSchemaJson", /* @__PURE__ */ v(Ge, {
+						disabled: U,
 						height: "240px",
 						name: "uiSchemaJson",
-						onChange: Nn,
+						onChange: Mn,
 						placeholder: "輸入 UI Schema JSON",
-						value: Mt
+						value: jt
 					})),
-					Xt ? /* @__PURE__ */ _(h, {
+					Jt ? /* @__PURE__ */ v(g, {
 						color: "text-error",
-						style: bt,
+						style: yt,
 						variant: "body",
-						children: Xt
+						children: Jt
 					}) : null
 				]
 			})]
 		});
 	}
-	function nr(e, t, n) {
-		return /* @__PURE__ */ _("div", {
-			style: vt,
-			children: /* @__PURE__ */ _("div", {
-				style: yt,
-				children: /* @__PURE__ */ _(i, {
-					disabled: H,
+	function tr(e, t, n) {
+		return /* @__PURE__ */ v("div", {
+			style: _t,
+			children: /* @__PURE__ */ v("div", {
+				style: vt,
+				children: /* @__PURE__ */ v(r, {
+					disabled: U,
 					label: e,
 					name: t,
 					children: n
@@ -1206,41 +1202,41 @@ function Mt({ formId: fe }) {
 		});
 	}
 }
-function Nt(e) {
-	return qe.find((t) => t.type === e)?.label ?? e;
+function Mt(e) {
+	return Ke.find((t) => t.type === e)?.label ?? e;
 }
-function Pt(e) {
+function Nt(e) {
 	return !!(e.visibleWhen || e.requiredWhen || e.readonlyWhen);
 }
-function Ft(e) {
+function Pt(e) {
 	return {
 		id: e.fieldKey,
 		name: e.label
 	};
 }
-function It(e) {
+function Ft(e) {
 	return e.type === "text" || e.type === "textarea";
 }
-function Lt(e) {
+function It(e) {
 	return typeof e == "string" ? e : "";
 }
-function Rt(e) {
+function Lt(e) {
 	let t = e.split(/[\n,]/u).map((e) => e.trim()).filter(Boolean);
 	return t.length ? t : void 0;
 }
-function zt(e) {
+function Rt(e) {
 	return e?.join("\n") ?? "";
 }
 function F(e) {
 	return JSON.stringify(e, null, 2);
 }
-function Bt(e, t, n) {
+function zt(e, t, n) {
 	return e.map((e, r) => r === t ? {
 		...e,
 		...n
 	} : e);
 }
-function Vt(e) {
+function Bt(e) {
 	let t = e.length + 1;
 	return {
 		label: `選項 ${t}`,
@@ -1251,26 +1247,26 @@ function I(e, t) {
 	let n = `option_${t}`;
 	return e.some((e) => e.value === n) ? I(e, t + 1) : n;
 }
-function Ht(e, t) {
+function Vt(e, t) {
 	return {
 		schemaJson: F(e),
 		uiSchemaJson: F(t)
 	};
 }
-function Ut(e, t) {
+function Ht(e, t) {
 	return (t ? e.find((e) => e.id === t) : null) ?? e.find((e) => e.status === "PUBLISHED") ?? null;
 }
-function Wt({ hasUnsavedChanges: e, latestPublishedVersion: n, openedContentPublished: r, openedVersion: i }) {
-	return `${e ? "有未儲存修改" : "沒有未儲存修改"} · ${Gt({
+function Ut({ hasUnsavedChanges: e, latestPublishedVersion: n, openedContentPublished: r, openedVersion: i }) {
+	return `${e ? "有未儲存修改" : "沒有未儲存修改"} · ${Wt({
 		hasUnsavedChanges: e,
 		openedContentPublished: r,
 		openedVersion: i
 	})} · ${n ? `目前發布 v${n.version}：${t(n.publishedAt)}` : "目前沒有已發布版本"}`;
 }
-function Gt({ hasUnsavedChanges: e, openedContentPublished: t, openedVersion: n }) {
+function Wt({ hasUnsavedChanges: e, openedContentPublished: t, openedVersion: n }) {
 	return e ? n ? `修改尚未發布，來源 v${n.version}` : "修改尚未發布" : t && n ? `當前內容已發布 v${n.version}` : n ? `當前內容尚未發布 v${n.version}` : "當前內容尚未發布";
 }
-function Kt(e, t, n) {
+function Gt(e, t, n) {
 	let r = e[t];
 	if (!r || t === n) return [...e];
 	let i = e.filter((e, n) => n !== t);
@@ -1280,25 +1276,25 @@ function Kt(e, t, n) {
 		...i.slice(n)
 	];
 }
-function qt({ status: e }) {
-	return e === "PUBLISHED" ? /* @__PURE__ */ _(u, {
+function Kt({ status: e }) {
+	return e === "PUBLISHED" ? /* @__PURE__ */ v(u, {
 		size: "sub",
 		text: "已發布",
 		variant: "dot-success"
-	}) : e === "ARCHIVED" ? /* @__PURE__ */ _(u, {
+	}) : e === "ARCHIVED" ? /* @__PURE__ */ v(u, {
 		size: "sub",
 		text: "已封存",
 		variant: "dot-inactive"
-	}) : /* @__PURE__ */ _(u, {
+	}) : /* @__PURE__ */ v(u, {
 		size: "sub",
 		text: "草稿",
 		variant: "dot-warning"
 	});
 }
-function Jt(e) {
+function L(e) {
 	return e instanceof Error ? e.message : "發生未知錯誤";
 }
 //#endregion
-export { Mt as t };
+export { jt as t };
 
-//# sourceMappingURL=builder-D950gct_.js.map
+//# sourceMappingURL=builder-C3E-8OJu.js.map