@rytass/bpm-core-react 0.3.0 → 0.3.1

package/dist/chunks/{builder-Du_0apkh.js → builder-DqZskyXC.js}

@@ -1,22 +1,22 @@
 "use client";
 import { a as e } from "./auth-provider-Bnox5gsx.js";
 import { t } from "./format-date-time-CB-LxzqT.js";
-import { t as n } from "./app-navigation-rxhpHCch.js";
+import { t as n } from "./app-navigation-uwbNEw9P.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, Layout as re, PageHeader as ie, Section as ae, SectionGroup as oe, Select as m, Tab as se, TabItem as h, Table as ce, Textarea as le, Toggle as ue, Typography as g } from "@mezzanine-ui/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 { AlignLeftIcon as de, CalendarIcon as fe, CheckedIcon as pe, CheckedOutlineIcon as b, CurrencyDollarIcon as x, DotDragVerticalIcon as me, DotGridIcon as S, EditIcon as he, FileAttachmentIcon as C, FileIcon as ge, ListIcon as w, PlusIcon as _e, SaveIcon as ve, TrashIcon as ye } from "@mezzanine-ui/icons";
-import be from "@mezzanine-ui/react/ContentHeader";
-import { buildConditionExpression as T, buildFormRendererValues as xe, clampOptionalNumber as Se, createFieldDefinition as Ce, forkFormDefinition as we, formatDatePickerValue as Te, formatDateTimePickerValue as Ee, isDateFieldDefinition as De, isNumberFieldDefinition as Oe, isSelectFieldDefinition as ke, parseConditionRule as Ae, parseOptionalNumberInput as je, publishFormDefinitionVersion as Me, readConditionOperatorOption as Ne, readConditionOperatorOptions as Pe, readDatePickerValue as Fe, readDefaultConditionOperator as Ie, readDefaultConditionValue as Le, readFieldOptionAsSelectOption as E, readFormBuilder as Re, readSelectOption as D, 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 { AlignLeftIcon as ue, CalendarIcon as de, CheckedIcon as fe, CheckedOutlineIcon as b, CurrencyDollarIcon as x, DotDragVerticalIcon as pe, DotGridIcon as me, EditIcon as he, FileAttachmentIcon as S, FileIcon as C, ListIcon as w, PlusIcon as ge, SaveIcon as _e, TrashIcon as ve } from "@mezzanine-ui/icons";
+import ye from "@mezzanine-ui/react/ContentHeader";
+import { buildConditionExpression as T, buildFormRendererValues as be, clampOptionalNumber as xe, createFieldDefinition as Se, forkFormDefinition as Ce, formatDatePickerValue as we, formatDateTimePickerValue as Te, isDateFieldDefinition as Ee, isNumberFieldDefinition as De, isSelectFieldDefinition as Oe, parseConditionRule as ke, parseOptionalNumberInput as Ae, publishFormDefinitionVersion as je, readConditionOperatorOption as Me, readConditionOperatorOptions as Ne, readDatePickerValue as Pe, readDefaultConditionOperator as Fe, readDefaultConditionValue as Ie, readFieldOptionAsSelectOption as E, readFormBuilder as Le, readSelectOption as D, updateFormDefinition as Re, updateFormDefinitionDraft as ze } from "@rytass/bpm-core-client/form";
+import { DragDropContext as Be, Draggable as Ve, Droppable as He } from "@hello-pangea/dnd";
 import O from "next/dynamic";
 import { json as k } from "@codemirror/lang-json";
 import { EditorView as A } from "@codemirror/view";
 //#region src/views/forms/builder/json-code-editor.tsx
-var We = {
+var Ue = {
 	alignItems: "center",
 	border: "1px solid var(--mzn-color-border-neutral)",
 	borderRadius: 4,
@@ -44,15 +44,15 @@ var We = {
 		".cm-gutters": { borderRight: "1px solid var(--mzn-color-border-neutral)" },
 		".cm-scroller": { fontFamily: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", monospace" }
 	})
-], Ge = O(() => import("@uiw/react-codemirror"), {
+], We = O(() => import("@uiw/react-codemirror"), {
 	loading: () => /* @__PURE__ */ v("div", {
-		style: We,
+		style: Ue,
 		children: "載入 JSON 編輯器"
 	}),
 	ssr: !1
 });
-function Ke({ disabled: e, height: t, name: n, onChange: r, placeholder: i, value: a }) {
-	return /* @__PURE__ */ v(Ge, {
+function Ge({ disabled: e, height: t, name: n, onChange: r, placeholder: i, value: a }) {
+	return /* @__PURE__ */ v(We, {
 		"aria-label": n,
 		basicSetup: {
 			autocompletion: !0,
@@ -79,16 +79,16 @@ 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: de,
+		icon: ue,
 		label: "文字",
 		type: "text"
 	},
 	{
 		description: "多行補充內容",
-		icon: ge,
+		icon: C,
 		label: "長文字",
 		type: "textarea"
 	},
@@ -106,19 +106,19 @@ var qe = [
 	},
 	{
 		description: "日期或到期日",
-		icon: fe,
+		icon: de,
 		label: "日期",
 		type: "date"
 	},
 	{
 		description: "日期與時間",
-		icon: fe,
+		icon: de,
 		label: "日期時間",
 		type: "datetime"
 	},
 	{
 		description: "是 / 否狀態",
-		icon: pe,
+		icon: fe,
 		label: "開關",
 		type: "boolean"
 	},
@@ -130,7 +130,7 @@ var qe = [
 	},
 	{
 		description: "固定選項單選",
-		icon: S,
+		icon: me,
 		label: "單選",
 		type: "radio"
 	},
@@ -142,55 +142,55 @@ var qe = [
 	},
 	{
 		description: "附件或佐證資料",
-		icon: C,
+		icon: S,
 		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,
@@ -199,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 = {
@@ -273,7 +273,7 @@ var N = {
 }, P = {
 	layout: [],
 	schemaVersion: 1
-}, kt = [
+}, Ot = [
 	{
 		id: "unset",
 		name: "不預設"
@@ -286,13 +286,13 @@ var N = {
 		id: "false",
 		name: "否"
 	}
-], At = [{
+], kt = [{
 	id: "true",
 	name: "是"
 }, {
 	id: "false",
 	name: "否"
-}], jt = [
+}], At = [
 	{
 		label: "顯示",
 		name: "fieldVisibleWhen",
@@ -312,28 +312,28 @@ var N = {
 		target: "readonlyWhen"
 	}
 ];
-function F({ formId: de }) {
-	let fe = e(), b = de, [x, S] = c(null), [C, ge] = c(null), [w, O] = c(N), [k, A] = c(P), [We, j] = c(I(N)), [Ge, F] = c(I(P)), [Vt, Gt] = c({}), [Jt, R] = c(null), [z, Yt] = c("design"), [B, V] = c(null), [Xt, H] = c(null), [Zt, Qt] = c(!1), [$t, en] = c(Ht(N, P)), [tn, nn] = c(!0), [rn, an] = c(!1), [U, W] = c(!1);
+function F({ formId: ue }) {
+	let de = e(), b = ue, [x, me] = c(null), [S, C] = c(null), [w, O] = c(N), [k, A] = c(P), [Ue, j] = c(L(N)), [We, F] = c(L(P)), [zt, Ut] = c({}), [qt, R] = c(null), [z, Jt] = c("design"), [B, V] = c(null), [Yt, H] = c(null), [Xt, Zt] = c(!1), [Qt, $t] = c(Bt(N, P)), [en, tn] = c(!0), [nn, rn] = c(!1), [U, W] = c(!1);
 	o(() => {
-		gn();
+		hn();
 	}, [b]), o(() => {
 		w.fields.some((e) => e.fieldKey === B) || V(w.fields[0]?.fieldKey ?? null);
 	}, [w.fields, B]), o(() => {
-		Gt((e) => xe(w.fields, e));
+		Ut((e) => be(w.fields, e));
 	}, [w.fields]), o(() => {
-		z !== "advanced" && (j(I(w)), F(I(k)));
+		z !== "advanced" && (j(L(w)), F(L(k)));
 	}, [
 		z,
 		w,
 		k
 	]);
-	let G = s(() => w.fields.find((e) => e.fieldKey === B) ?? w.fields[0] ?? null, [w.fields, B]), on = s(() => (x?.versions ?? []).map((e) => ({
+	let G = s(() => w.fields.find((e) => e.fieldKey === B) ?? w.fields[0] ?? null, [w.fields, B]), an = s(() => (x?.versions ?? []).map((e) => ({
 		key: e.id,
 		publishedAt: t(e.publishedAt),
 		status: e.status,
 		updatedAt: t(e.updatedAt),
 		version: `v${e.version}`
-	})), [x]), sn = s(() => [
+	})), [x]), on = s(() => [
 		{
 			dataIndex: "version",
 			key: "version",
@@ -342,7 +342,7 @@ function F({ formId: de }) {
 		},
 		{
 			key: "status",
-			render: (e) => /* @__PURE__ */ v(qt, { status: e.status }),
+			render: (e) => /* @__PURE__ */ v(Gt, { status: e.status }),
 			title: "狀態",
 			width: 140
 		},
@@ -358,7 +358,7 @@ function F({ formId: de }) {
 			title: "發布時間",
 			width: 180
 		}
-	], []), cn = s(() => Ht(w, k), [w, k]), K = cn.schemaJson !== $t.schemaJson || cn.uiSchemaJson !== $t.uiSchemaJson;
+	], []), sn = s(() => Bt(w, k), [w, k]), K = sn.schemaJson !== Qt.schemaJson || sn.uiSchemaJson !== Qt.uiSchemaJson;
 	o(() => {
 		function e(e) {
 			K && (e.preventDefault(), e.returnValue = "");
@@ -367,67 +367,67 @@ function F({ formId: de }) {
 			window.removeEventListener("beforeunload", e);
 		};
 	}, [K]);
-	function ln() {
-		K && !window.confirm("目前有尚未儲存的表單草稿，確定要離開嗎？") || fe.push("/forms");
+	function cn() {
+		K && !window.confirm("目前有尚未儲存的表單草稿，確定要離開嗎？") || de.push("/forms");
 	}
-	let un = s(() => Ut(x?.versions ?? [], x?.definition.currentVersionId), [x?.definition.currentVersionId, x?.versions]), dn = C ?? un ?? x?.versions[0] ?? null, fn = !K && dn?.status === "PUBLISHED", pn = Wt({
+	let ln = s(() => Vt(x?.versions ?? [], x?.definition.currentVersionId), [x?.definition.currentVersionId, x?.versions]), un = S ?? ln ?? x?.versions[0] ?? null, dn = !K && un?.status === "PUBLISHED", fn = Ht({
 		hasUnsavedChanges: K,
-		latestPublishedVersion: un,
-		openedContentPublished: fn,
-		openedVersion: dn
-	}), mn = U || !K && fn && !C, hn = K ? "保存並發布" : C ? "發布草稿" : fn ? "已發布" : "發布版本";
-	async function gn() {
-		nn(!0), H(null);
+		latestPublishedVersion: ln,
+		openedContentPublished: dn,
+		openedVersion: un
+	}), pn = U || !K && dn && !S, mn = K ? "保存並發布" : S ? "發布草稿" : dn ? "已發布" : "發布版本";
+	async function hn() {
+		tn(!0), H(null);
 		try {
-			let e = await Re(b), t = e.versions.find((e) => e.status === "DRAFT") ?? null;
-			S(e), ge(t);
+			let e = await Le(b), t = e.versions.find((e) => e.status === "DRAFT") ?? null;
+			me(e), C(t);
 			let n = t?.schema ?? e.versions[0]?.schema ?? N, r = t?.uiSchema ?? e.versions[0]?.uiSchema ?? P;
-			O(n), A(r), en(Ht(n, r)), j(I(n)), F(I(r)), V(t?.schema.fields[0]?.fieldKey ?? e.versions[0]?.schema.fields[0]?.fieldKey ?? null), R(null);
+			O(n), A(r), $t(Bt(n, r)), j(L(n)), F(L(r)), V(t?.schema.fields[0]?.fieldKey ?? e.versions[0]?.schema.fields[0]?.fieldKey ?? null), R(null);
 		} catch (e) {
-			H(L(e));
+			H(Kt(e));
 		} finally {
-			nn(!1);
+			tn(!1);
 		}
 	}
-	async function _n() {
-		let e = await Be((C ?? await we(b)).id, w, k);
-		return ge(e), e;
+	async function gn() {
+		let e = await ze((S ?? await Ce(b)).id, w, k);
+		return C(e), e;
 	}
-	async function vn() {
+	async function _n() {
 		W(!0), H(null);
 		try {
-			await _n(), await gn();
+			await gn(), await hn();
 		} catch (e) {
-			H(L(e));
+			H(Kt(e));
 		} finally {
 			W(!1);
 		}
 	}
-	async function yn() {
+	async function vn() {
 		W(!0), H(null);
 		try {
-			await Me((await _n()).id), await gn();
+			await je((await gn()).id), await hn();
 		} catch (e) {
-			H(L(e));
+			H(Kt(e));
 		} finally {
 			W(!1);
 		}
 	}
-	async function bn(e) {
+	async function yn(e) {
 		if (!x) throw Error("尚未載入表單資料");
-		an(!0);
+		rn(!0);
 		try {
-			let t = await ze(x.definition.id, e);
-			S({
+			let t = await Re(x.definition.id, e);
+			me({
 				...x,
 				definition: t
-			}), Qt(!1);
+			}), Zt(!1);
 		} finally {
-			an(!1);
+			rn(!1);
 		}
 	}
-	function xn(e) {
-		let t = Ce(e, w.fields.length + 1);
+	function bn(e) {
+		let t = Se(e, w.fields.length + 1);
 		O({
 			...w,
 			fields: [...w.fields, t]
@@ -437,13 +437,13 @@ function F({ formId: de }) {
 				fieldKey: t.fieldKey,
 				width: e === "textarea" || e === "file_upload" ? "FULL" : "HALF"
 			}]
-		}), V(t.fieldKey), Yt("design"), R(null);
+		}), V(t.fieldKey), Jt("design"), R(null);
 	}
-	function Sn(e) {
+	function xn(e) {
 		let t = e;
-		t === "advanced" && z !== "advanced" && (j(I(w)), F(I(k))), Yt(t);
+		t === "advanced" && z !== "advanced" && (j(L(w)), F(L(k))), Jt(t);
 	}
-	function Cn(e) {
+	function Sn(e) {
 		let t = w.fields.filter((t) => t.fieldKey !== e);
 		O({
 			...w,
@@ -453,14 +453,14 @@ function F({ formId: de }) {
 			layout: k.layout.filter((t) => t.fieldKey !== e)
 		}), V(B === e ? t[0]?.fieldKey ?? null : B), R(null);
 	}
-	function wn(e) {
+	function Cn(e) {
 		let t = e.destination;
 		t && e.source.index !== t.index && (O((n) => ({
 			...n,
-			fields: Kt(n.fields, e.source.index, t.index)
+			fields: Wt(n.fields, e.source.index, t.index)
 		})), A((n) => ({
 			...n,
-			layout: Kt(n.layout, e.source.index, t.index)
+			layout: Wt(n.layout, e.source.index, t.index)
 		})), R(null));
 	}
 	function q(e) {
@@ -484,45 +484,45 @@ function F({ formId: de }) {
 		}), V(r), R(null);
 	}
 	function Y(e) {
-		J((t) => Ft(t) ? {
+		J((t) => Pt(t) ? {
 			...t,
 			...e
 		} : t);
 	}
-	function Tn(e) {
-		J((t) => Oe(t) ? {
+	function wn(e) {
+		J((t) => De(t) ? {
 			...t,
 			...e
 		} : t);
 	}
-	function En(e) {
-		J((t) => De(t) ? {
+	function Tn(e) {
+		J((t) => Ee(t) ? {
 			...t,
 			...e
 		} : t);
 	}
 	function X(e) {
-		J((t) => ke(t) ? {
+		J((t) => Oe(t) ? {
 			...t,
 			...e
 		} : t);
 	}
-	function Dn(e) {
+	function En(e) {
 		J((t) => t.type === "boolean" ? {
 			...t,
 			...e
 		} : t);
 	}
-	function On(e) {
+	function Dn(e) {
 		J((t) => t.type === "file_upload" ? {
 			...t,
 			...e
 		} : t);
 	}
-	function kn(e) {
-		Gt(e);
+	function On(e) {
+		Ut(e);
 	}
-	function An(e, t) {
+	function kn(e, t) {
 		O((n) => ({
 			...n,
 			fields: n.fields.map((n) => n.fieldKey === e ? {
@@ -531,7 +531,7 @@ function F({ formId: de }) {
 			} : n)
 		})), R(null);
 	}
-	function jn(e) {
+	function An(e) {
 		j(e);
 		try {
 			O(JSON.parse(e)), R(null);
@@ -539,7 +539,7 @@ function F({ formId: de }) {
 			R("Form Schema JSON 格式不正確");
 		}
 	}
-	function Mn(e) {
+	function jn(e) {
 		F(e);
 		try {
 			A(JSON.parse(e)), R(null);
@@ -547,123 +547,126 @@ function F({ formId: de }) {
 			R("UI Schema JSON 格式不正確");
 		}
 	}
-	return /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ y(re, { children: [/* @__PURE__ */ v(n, { activeHref: "/forms" }), /* @__PURE__ */ y(re.Main, { children: [/* @__PURE__ */ v(ie, { children: /* @__PURE__ */ y(be, {
-		description: pn,
-		onBackClick: ln,
-		title: x?.definition.name ?? "表單設計器",
-		children: [
-			/* @__PURE__ */ v(f, {
-				"aria-label": "修改表單名稱",
-				disabled: rn || !x,
-				icon: he,
-				iconType: "icon-only",
-				onClick: () => Qt(!0),
-				variant: "base-ghost",
-				children: "修改表單名稱"
-			}),
-			/* @__PURE__ */ v(f, {
-				"aria-label": "儲存草稿",
-				disabled: U || !K,
-				icon: ve,
-				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(oe, { children: /* @__PURE__ */ v(ae, { children: /* @__PURE__ */ y("div", {
-		style: wt,
-		children: [
-			Xt ? /* @__PURE__ */ v(g, {
-				color: "text-error",
-				variant: "body",
-				children: Xt
-			}) : null,
-			/* @__PURE__ */ y(se, {
-				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, {
+	return /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ y(n, {
+		activeHref: "/forms",
+		children: [/* @__PURE__ */ v(re, { children: /* @__PURE__ */ y(ye, {
+			description: fn,
+			onBackClick: cn,
+			title: x?.definition.name ?? "表單設計器",
+			children: [
+				/* @__PURE__ */ v(f, {
+					"aria-label": "修改表單名稱",
+					disabled: nn || !x,
+					icon: he,
+					iconType: "icon-only",
+					onClick: () => Zt(!0),
+					variant: "base-ghost",
+					children: "修改表單名稱"
+				}),
+				/* @__PURE__ */ v(f, {
+					"aria-label": "儲存草稿",
+					disabled: U || !K,
+					icon: _e,
+					iconType: "icon-only",
+					onClick: () => void _n(),
+					variant: "base-secondary",
+					children: "儲存草稿"
+				}),
+				/* @__PURE__ */ v(f, {
+					disabled: pn,
+					icon: fe,
+					iconType: "leading",
+					onClick: () => void vn(),
+					variant: "base-primary",
+					children: mn
+				})
+			]
+		}) }), /* @__PURE__ */ v(ae, { children: /* @__PURE__ */ v(ie, { children: /* @__PURE__ */ y("div", {
+			style: Ct,
+			children: [
+				Yt ? /* @__PURE__ */ v(g, {
+					color: "text-error",
+					variant: "body",
+					children: Yt
+				}) : null,
+				/* @__PURE__ */ y(oe, {
+					activeKey: z,
+					onChange: xn,
+					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" ? Mn() : null,
+				z === "preview" ? Zn() : null,
+				z === "versions" ? Qn() : null,
+				z === "advanced" ? $n() : null
+			]
+		}) }) })]
+	}), /* @__PURE__ */ v(a, {
 		confirmText: "儲存",
 		initialName: x?.definition.name ?? "",
-		loading: rn,
-		onClose: () => Qt(!1),
-		onSubmit: bn,
-		open: Zt,
+		loading: nn,
+		onClose: () => Zt(!1),
+		onSubmit: yn,
+		open: Xt,
 		title: "修改表單名稱"
 	})] });
-	function Nn() {
+	function Mn() {
 		return /* @__PURE__ */ y("div", {
 			style: M,
 			children: [/* @__PURE__ */ y("div", {
-				style: $e,
+				style: Qe,
 				children: [/* @__PURE__ */ v(g, {
 					component: "h2",
 					variant: "label-primary",
 					children: "新增欄位"
 				}), /* @__PURE__ */ v("div", {
-					style: Ze,
-					children: qe.map((e) => /* @__PURE__ */ v(f, {
+					style: Xe,
+					children: Ke.map((e) => /* @__PURE__ */ v(f, {
 						disabled: U,
 						icon: e.icon,
 						iconType: "leading",
-						onClick: () => xn(e.type),
+						onClick: () => bn(e.type),
 						size: "sub",
-						style: Qe,
+						style: Ze,
 						type: "button",
 						variant: "base-secondary",
 						children: e.label
 					}, e.type))
 				})]
 			}), /* @__PURE__ */ y("div", {
-				style: Je,
+				style: qe,
 				children: [/* @__PURE__ */ y("div", {
 					style: {
 						...M,
-						...Ye
+						...Je
 					},
 					children: [/* @__PURE__ */ v(g, {
 						component: "h2",
 						variant: "label-primary",
 						children: "表單畫布"
-					}), w.fields.length > 0 ? /* @__PURE__ */ v(Ve, {
-						onDragEnd: wn,
-						children: /* @__PURE__ */ v(Ue, {
+					}), w.fields.length > 0 ? /* @__PURE__ */ v(Be, {
+						onDragEnd: Cn,
+						children: /* @__PURE__ */ v(He, {
 							droppableId: "form-builder-fields",
 							children: (e) => /* @__PURE__ */ y("div", {
 								...e.droppableProps,
 								ref: e.innerRef,
 								style: M,
-								children: [w.fields.map((e, t) => /* @__PURE__ */ v(He, {
+								children: [w.fields.map((e, t) => /* @__PURE__ */ v(Ve, {
 									draggableId: e.fieldKey,
 									index: t,
 									isDragDisabled: U,
-									children: (t, n) => Xn(e, t, n.isDragging)
+									children: (t, n) => Yn(e, t, n.isDragging)
 								}, e.fieldKey)), e.placeholder]
 							})
 						})
 					}) : /* @__PURE__ */ y("div", {
-						style: ot,
+						style: at,
 						children: [/* @__PURE__ */ y("div", {
 							style: M,
 							children: [/* @__PURE__ */ v(g, {
@@ -676,15 +679,15 @@ function F({ formId: de }) {
 								children: "從上方新增第一個欄位，或直接建立常用文字欄位開始設計。"
 							})]
 						}), /* @__PURE__ */ y("div", {
-							style: st,
+							style: ot,
 							children: [/* @__PURE__ */ v(f, {
 								disabled: U,
-								onClick: () => xn("text"),
+								onClick: () => bn("text"),
 								variant: "base-primary",
 								children: "新增文字欄位"
 							}), /* @__PURE__ */ v(f, {
 								disabled: U,
-								onClick: () => xn("textarea"),
+								onClick: () => bn("textarea"),
 								variant: "base-secondary",
 								children: "新增長文字"
 							})]
@@ -693,13 +696,13 @@ function F({ formId: de }) {
 				}), /* @__PURE__ */ y("div", {
 					style: {
 						...M,
-						...Xe
+						...Ye
 					},
 					children: [/* @__PURE__ */ v(g, {
 						component: "h2",
 						variant: "label-primary",
 						children: "欄位設定"
-					}), G ? Pn(G) : /* @__PURE__ */ v(g, {
+					}), G ? Nn(G) : /* @__PURE__ */ v(g, {
 						color: "text-neutral",
 						variant: "body",
 						children: "請先新增或選取欄位。"
@@ -708,21 +711,21 @@ function F({ formId: de }) {
 			})]
 		});
 	}
-	function Pn(e) {
+	function Nn(e) {
 		return /* @__PURE__ */ y("div", {
-			style: ct,
-			children: [Fn(e), In(e)]
+			style: st,
+			children: [Pn(e), Fn(e)]
 		});
 	}
-	function Fn(e) {
+	function Pn(e) {
 		return /* @__PURE__ */ y("div", {
-			style: lt,
+			style: ct,
 			children: [
 				/* @__PURE__ */ v("div", {
-					style: dt,
+					style: ut,
 					children: /* @__PURE__ */ v(u, {
 						size: "main",
-						text: Mt(e.type),
+						text: jt(e.type),
 						variant: "text-info"
 					})
 				}),
@@ -744,71 +747,71 @@ function F({ formId: de }) {
 					value: e.placeholder ?? "",
 					variant: "base"
 				}), U),
-				Ln(e)
+				In(e)
 			]
 		});
 	}
-	function In(e) {
+	function Fn(e) {
 		return /* @__PURE__ */ v(l, {
-			defaultExpanded: Nt(e),
+			defaultExpanded: Mt(e),
 			size: "sub",
 			title: "進階設定",
 			children: /* @__PURE__ */ y("div", {
-				style: lt,
+				style: ct,
 				children: [
 					/* @__PURE__ */ v(g, {
 						component: "h3",
-						style: ut,
+						style: lt,
 						variant: "label-primary",
 						children: "條件規則"
 					}),
 					/* @__PURE__ */ v(g, {
 						color: "text-neutral",
-						style: ft,
+						style: dt,
 						variant: "body",
 						children: "只有需要根據其他欄位改變顯示、必填或唯讀狀態時才需要設定。"
 					}),
-					Wn(e)
+					Un(e)
 				]
 			})
 		});
 	}
-	function Ln(e) {
-		return Ft(e) ? Rn(e) : Oe(e) ? zn(e) : De(e) ? Bn(e) : ke(e) ? Vn(e) : e.type === "boolean" ? Hn(e) : Un(e);
+	function In(e) {
+		return Pt(e) ? Ln(e) : De(e) ? Rn(e) : Ee(e) ? zn(e) : Oe(e) ? Bn(e) : e.type === "boolean" ? Vn(e) : Hn(e);
 	}
-	function Rn(e) {
+	function Ln(e) {
 		return /* @__PURE__ */ y(_, { children: [
-			$("預設值", "fieldDefaultValue", e.type === "textarea" ? qn({
+			$("預設值", "fieldDefaultValue", e.type === "textarea" ? Kn({
 				disabled: U,
 				name: "fieldDefaultValue",
 				onChange: (e) => Y({ defaultValue: e || void 0 }),
 				placeholder: "輸入此欄位的預設文字",
 				rows: 3,
-				value: It(e.defaultValue)
+				value: I(e.defaultValue)
 			}) : /* @__PURE__ */ v(p, {
 				onChange: (e) => Y({ defaultValue: e.target.value || void 0 }),
 				placeholder: "輸入此欄位的預設文字",
-				value: It(e.defaultValue),
+				value: I(e.defaultValue),
 				variant: "base"
 			}), 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 zn(e) {
+	function Rn(e) {
 		return /* @__PURE__ */ y(_, { children: [
-			$("預設值", "fieldDefaultValue", Q(typeof e.defaultValue == "number" ? e.defaultValue : void 0, (e) => Tn({ defaultValue: e }), e.type === "money" ? "例如：1000" : "輸入預設數值", {
+			$("預設值", "fieldDefaultValue", Q(typeof e.defaultValue == "number" ? e.defaultValue : void 0, (e) => wn({ defaultValue: e }), e.type === "money" ? "例如：1000" : "輸入預設數值", {
 				max: e.maximum,
 				min: e.minimum
 			}), U),
-			$("最小值", "fieldMinimum", Q(e.minimum, (e) => Tn({ minimum: e }), "例如：0"), U),
-			$("最大值", "fieldMaximum", Q(e.maximum, (e) => Tn({ maximum: e }), "例如：999999"), U)
+			$("最小值", "fieldMinimum", Q(e.minimum, (e) => wn({ minimum: e }), "例如：0"), U),
+			$("最大值", "fieldMaximum", Q(e.maximum, (e) => wn({ maximum: e }), "例如：999999"), U)
 		] });
 	}
-	function Bn(e) {
-		return $("預設值", "fieldDefaultValue", Jn(e, It(e.defaultValue), (e) => En({ defaultValue: e })), U);
+	function zn(e) {
+		return $("預設值", "fieldDefaultValue", qn(e, I(e.defaultValue), (e) => Tn({ defaultValue: e })), U);
 	}
-	function Vn(e) {
+	function Bn(e) {
 		let t = Array.isArray(e.defaultValue) ? e.defaultValue : [], n = e.options.filter((e) => t.includes(e.value)).map(E);
 		return /* @__PURE__ */ y(_, { children: [$("預設值", "fieldDefaultValue", e.type === "checkbox" ? /* @__PURE__ */ v(m, {
 			clearable: !0,
@@ -823,46 +826,46 @@ function F({ formId: de }) {
 			options: e.options.map(E),
 			placeholder: "選擇預設選項",
 			value: typeof e.defaultValue == "string" ? D(e.options.map(E), e.defaultValue) : null
-		}), U), $("選項", "fieldOptions", Yn(e), U, !0)] });
+		}), U), $("選項", "fieldOptions", Jn(e), U, !0)] });
 	}
-	function Hn(e) {
+	function Vn(e) {
 		let t = typeof e.defaultValue == "boolean" ? String(e.defaultValue) : "unset";
 		return $("預設值", "fieldDefaultValue", /* @__PURE__ */ v(m, {
 			clearable: !1,
-			onChange: (e) => Dn({ defaultValue: e?.id === "true" ? !0 : e?.id === "false" ? !1 : void 0 }),
-			options: [...kt],
+			onChange: (e) => En({ defaultValue: e?.id === "true" ? !0 : e?.id === "false" ? !1 : void 0 }),
+			options: [...Ot],
 			placeholder: "選擇預設狀態",
-			value: D(kt, t)
+			value: D(Ot, t)
 		}), U);
 	}
-	function Un(e) {
-		return /* @__PURE__ */ y(_, { children: [$("檔案數", "fieldMaxFiles", Q(e.maxFiles, (e) => On({ maxFiles: e }), "例如：1", { min: 1 }), U), $("MIME", "fieldAcceptedMimeTypes", qn({
+	function Hn(e) {
+		return /* @__PURE__ */ y(_, { children: [$("檔案數", "fieldMaxFiles", Q(e.maxFiles, (e) => Dn({ maxFiles: e }), "例如：1", { min: 1 }), U), $("MIME", "fieldAcceptedMimeTypes", Kn({
 			disabled: U,
 			name: "fieldAcceptedMimeTypes",
-			onChange: (e) => On({ acceptedMimeTypes: Lt(e) }),
+			onChange: (e) => Dn({ acceptedMimeTypes: Ft(e) }),
 			placeholder: "每行一個 MIME type，例如：application/pdf",
 			rows: 3,
-			value: Rt(e.acceptedMimeTypes)
+			value: It(e.acceptedMimeTypes)
 		}), !1)] });
 	}
-	function Wn(e) {
+	function Un(e) {
 		let t = w.fields.filter((t) => t.fieldKey !== e.fieldKey);
-		return t.length ? /* @__PURE__ */ v(_, { children: jt.map((n) => Gn(e, n, t)) }) : /* @__PURE__ */ v(g, {
+		return t.length ? /* @__PURE__ */ v(_, { children: At.map((n) => Wn(e, n, t)) }) : /* @__PURE__ */ v(g, {
 			color: "text-neutral",
-			style: ft,
+			style: dt,
 			variant: "body",
 			children: "目前沒有其他欄位可作為條件來源。新增更多欄位後即可設定條件規則。"
 		});
 	}
-	function Gn(e, t, n) {
-		let r = e[t.target], i = r ? Ae(r) : null, a = n.find((e) => e.fieldKey === i?.fieldKey), o = a ?? n[0], s = n.map(Pt), c = Pe(o), l = i && c.some((e) => e.id === i.operator) ? i.operator : Ie(o), u = i?.value ?? Le(o), d = !!r, f = d && (!i || !a);
+	function Wn(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(Nt), c = Ne(o), l = i && c.some((e) => e.id === i.operator) ? i.operator : Fe(o), u = i?.value ?? Ie(o), d = !!r, f = d && (!i || !a);
 		return $(t.label, t.name, /* @__PURE__ */ y("div", {
-			style: xt,
-			children: [/* @__PURE__ */ v(ue, {
+			style: bt,
+			children: [/* @__PURE__ */ v(le, {
 				checked: d,
 				disabled: U,
 				label: d ? "已啟用" : "不啟用",
-				onChange: (e) => Z(t.target, e.target.checked ? T(o, Ie(o), Le(o)) : void 0),
+				onChange: (e) => Z(t.target, e.target.checked ? T(o, Fe(o), Ie(o)) : void 0),
 				size: "sub",
 				supportingText: t.supportingText
 			}), d ? f ? /* @__PURE__ */ v(g, {
@@ -870,13 +873,13 @@ function F({ formId: de }) {
 				variant: "body",
 				children: "這個規則不是目前 UI 支援的格式。重新選擇條件後會取代既有規則。"
 			}) : /* @__PURE__ */ y("div", {
-				style: St,
+				style: xt,
 				children: [
 					/* @__PURE__ */ v(m, {
 						clearable: !1,
 						onChange: (e) => {
 							let r = n.find((t) => t.fieldKey === e?.id) ?? o;
-							Z(t.target, T(r, Ie(r), Le(r)));
+							Z(t.target, T(r, Fe(r), Ie(r)));
 						},
 						options: s,
 						placeholder: "選擇欄位",
@@ -884,12 +887,12 @@ function F({ formId: de }) {
 					}),
 					/* @__PURE__ */ v(m, {
 						clearable: !1,
-						onChange: (e) => Z(t.target, T(o, Ne(e?.id) ?? l, u)),
+						onChange: (e) => Z(t.target, T(o, Me(e?.id) ?? l, u)),
 						options: [...c],
 						placeholder: "判斷方式",
 						value: D(c, l)
 					}),
-					Kn(o, u, (e) => Z(t.target, T(o, l, e)))
+					Gn(o, u, (e) => Z(t.target, T(o, l, e)))
 				]
 			}) : null]
 		}), U, !0);
@@ -897,15 +900,15 @@ function F({ formId: de }) {
 	function Z(e, t) {
 		q({ [e]: t });
 	}
-	function Kn(e, t, n) {
+	function Gn(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: D(At, t === "false" ? "false" : "true")
+			value: D(kt, t === "false" ? "false" : "true")
 		});
-		if (ke(e)) {
+		if (Oe(e)) {
 			let r = e.options.map(E);
 			return /* @__PURE__ */ v(m, {
 				clearable: !1,
@@ -915,23 +918,23 @@ function F({ formId: de }) {
 				value: D(r, t)
 			});
 		}
-		return Oe(e) ? Q(je(t), (e) => n(String(e ?? 0)), "比較值") : De(e) ? Jn(e, t, (e) => n(e ?? "")) : /* @__PURE__ */ v(p, {
+		return De(e) ? Q(Ae(t), (e) => n(String(e ?? 0)), "比較值") : Ee(e) ? qn(e, t, (e) => n(e ?? "")) : /* @__PURE__ */ v(p, {
 			onChange: (e) => n(e.target.value),
 			placeholder: "比較值",
 			value: t,
 			variant: "base"
 		});
 	}
-	function qn({ disabled: e, name: t, onChange: n, placeholder: r, rows: i, value: a }) {
-		return /* @__PURE__ */ v(le, {
+	function Kn({ 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
 		});
 	}
@@ -939,7 +942,7 @@ function F({ formId: de }) {
 		return /* @__PURE__ */ v(p, {
 			max: r.max,
 			min: r.min,
-			onChange: (e) => t(Se(je(e.target.value), r)),
+			onChange: (e) => t(xe(Ae(e.target.value), r)),
 			placeholder: n,
 			showSpinner: !0,
 			step: r.step ?? 1,
@@ -947,30 +950,30 @@ function F({ formId: de }) {
 			variant: "measure"
 		});
 	}
-	function Jn(e, t, n) {
+	function qn(e, t, n) {
 		return e.type === "datetime" ? /* @__PURE__ */ v(te, {
 			formatDate: "YYYY-MM-DD",
 			formatTime: "HH:mm",
 			hideSecond: !0,
-			onChange: (e) => n(Ee(e)),
+			onChange: (e) => n(Te(e)),
 			placeholderLeft: "選擇日期",
 			placeholderRight: "選擇時間",
-			value: Fe(t)
+			value: Pe(t)
 		}) : /* @__PURE__ */ v(ee, {
 			format: "YYYY-MM-DD",
-			onChange: (e) => n(Te(e)),
+			onChange: (e) => n(we(e)),
 			placeholder: "選擇日期",
-			value: Fe(t)
+			value: Pe(t)
 		});
 	}
-	function Yn(e) {
+	function Jn(e) {
 		return /* @__PURE__ */ y("div", {
-			style: Tt,
-			children: [/* @__PURE__ */ v(ce, {
+			style: wt,
+			children: [/* @__PURE__ */ v(se, {
 				actions: {
 					render: (t) => [{
 						disabled: () => U || e.options.length <= 1,
-						icon: ye,
+						icon: ve,
 						iconType: "icon-only",
 						name: "移除選項",
 						onClick: () => X({ options: e.options.filter((e, n) => n !== t.index) }),
@@ -981,7 +984,7 @@ function F({ formId: de }) {
 				columns: [{
 					key: "label",
 					render: (t) => /* @__PURE__ */ v(p, {
-						onChange: (n) => X({ options: zt(e.options, t.index, { label: n.target.value }) }),
+						onChange: (n) => X({ options: Lt(e.options, t.index, { label: n.target.value }) }),
 						placeholder: "例如：主管",
 						size: "sub",
 						value: t.label,
@@ -991,7 +994,7 @@ function F({ formId: de }) {
 				}, {
 					key: "value",
 					render: (t) => /* @__PURE__ */ v(p, {
-						onChange: (n) => X({ options: zt(e.options, t.index, { value: n.target.value }) }),
+						onChange: (n) => X({ options: Lt(e.options, t.index, { value: n.target.value }) }),
 						placeholder: "例如：manager",
 						size: "sub",
 						value: t.value,
@@ -1008,36 +1011,36 @@ function F({ formId: de }) {
 				showHeader: !0,
 				size: "sub"
 			}), /* @__PURE__ */ v("div", {
-				style: Et,
+				style: Tt,
 				children: /* @__PURE__ */ v(f, {
 					disabled: U,
-					icon: _e,
+					icon: ge,
 					iconType: "leading",
-					onClick: () => X({ options: [...e.options, Bt(e.options)] }),
+					onClick: () => X({ options: [...e.options, Rt(e.options)] }),
 					variant: "base-secondary",
 					children: "新增選項"
 				})
 			})]
 		});
 	}
-	function Xn(e, t, n) {
+	function Yn(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__ */ v(d, { children: Zn(e, t, n) })
+			children: /* @__PURE__ */ v(d, { children: Xn(e, t, n) })
 		});
 	}
 	function $(e, t, n, i, a = !1) {
 		return /* @__PURE__ */ v("div", {
-			style: a ? mt : pt,
+			style: a ? pt : ft,
 			children: /* @__PURE__ */ v("div", {
-				style: ht,
+				style: mt,
 				children: /* @__PURE__ */ v(r, {
 					disabled: i,
 					label: e,
@@ -1047,32 +1050,32 @@ function F({ formId: de }) {
 			})
 		});
 	}
-	function Zn(e, t, n) {
+	function Xn(e, t, n) {
 		return /* @__PURE__ */ y("div", {
 			...t.dragHandleProps ?? {},
 			"aria-label": "拖曳排序欄位",
-			style: et,
+			style: $e,
 			title: "拖曳排序",
 			children: [
 				/* @__PURE__ */ v("span", {
 					"aria-label": "拖曳排序",
 					role: "img",
-					style: Ct,
+					style: St,
 					title: "拖曳排序",
 					children: /* @__PURE__ */ v(ne, {
-						icon: me,
+						icon: pe,
 						size: 20
 					})
 				}),
 				/* @__PURE__ */ y("div", {
-					style: tt,
+					style: et,
 					children: [/* @__PURE__ */ y(g, {
 						component: "span",
 						ellipsis: !0,
 						variant: "label-primary",
 						children: [e.label, e.required ? /* @__PURE__ */ v("sup", {
 							"aria-label": "必填",
-							style: Dt,
+							style: Et,
 							children: "*"
 						}) : null]
 					}), /* @__PURE__ */ y(g, {
@@ -1081,7 +1084,7 @@ function F({ formId: de }) {
 						ellipsis: !0,
 						variant: "caption",
 						children: [
-							Mt(e.type),
+							jt(e.type),
 							" ·",
 							e.required ? " 必填" : " 選填",
 							" ·",
@@ -1090,15 +1093,15 @@ function F({ formId: de }) {
 					})]
 				}),
 				/* @__PURE__ */ y("div", {
-					style: nt,
+					style: tt,
 					children: [
 						/* @__PURE__ */ v("div", {
-							style: rt,
-							children: /* @__PURE__ */ v(ue, {
+							style: nt,
+							children: /* @__PURE__ */ v(le, {
 								checked: !!e.required,
 								disabled: U || n,
 								label: "必填",
-								onChange: (t) => An(e.fieldKey, t.target.checked)
+								onChange: (t) => kn(e.fieldKey, t.target.checked)
 							})
 						}),
 						/* @__PURE__ */ v(f, {
@@ -1111,9 +1114,9 @@ function F({ formId: de }) {
 						}),
 						/* @__PURE__ */ v(f, {
 							disabled: U || n,
-							icon: ye,
+							icon: ve,
 							iconType: "icon-only",
-							onClick: () => Cn(e.fieldKey),
+							onClick: () => Sn(e.fieldKey),
 							variant: "destructive-ghost",
 							children: "移除欄位"
 						})
@@ -1122,7 +1125,7 @@ function F({ formId: de }) {
 			]
 		});
 	}
-	function Qn() {
+	function Zn() {
 		return /* @__PURE__ */ y("div", {
 			style: M,
 			children: [/* @__PURE__ */ v(g, {
@@ -1130,28 +1133,28 @@ function F({ formId: de }) {
 				variant: "h3",
 				children: "填寫預覽"
 			}), /* @__PURE__ */ v(i, {
-				onChange: kn,
+				onChange: On,
 				schema: w,
 				uiSchema: k,
-				value: Vt
+				value: zt
 			})]
 		});
 	}
-	function $n() {
+	function Qn() {
 		return /* @__PURE__ */ y("div", {
 			style: M,
 			children: [/* @__PURE__ */ v(g, {
 				component: "h2",
 				variant: "h3",
 				children: "版本紀錄"
-			}), /* @__PURE__ */ v(ce, {
-				columns: sn,
-				dataSource: on,
-				loading: tn
+			}), /* @__PURE__ */ v(se, {
+				columns: on,
+				dataSource: an,
+				loading: en
 			})]
 		});
 	}
-	function er() {
+	function $n() {
 		return /* @__PURE__ */ y("div", {
 			style: M,
 			children: [/* @__PURE__ */ v(g, {
@@ -1159,39 +1162,39 @@ function F({ formId: de }) {
 				variant: "h3",
 				children: "Schema"
 			}), /* @__PURE__ */ y("div", {
-				style: _t,
+				style: gt,
 				children: [
-					tr("Form Schema", "schemaJson", /* @__PURE__ */ v(Ke, {
+					er("Form Schema", "schemaJson", /* @__PURE__ */ v(Ge, {
 						disabled: U,
 						height: "360px",
 						name: "schemaJson",
-						onChange: jn,
+						onChange: An,
 						placeholder: "輸入 Form Schema JSON",
-						value: We
+						value: Ue
 					})),
-					tr("UI Schema", "uiSchemaJson", /* @__PURE__ */ v(Ke, {
+					er("UI Schema", "uiSchemaJson", /* @__PURE__ */ v(Ge, {
 						disabled: U,
 						height: "240px",
 						name: "uiSchemaJson",
-						onChange: Mn,
+						onChange: jn,
 						placeholder: "輸入 UI Schema JSON",
-						value: Ge
+						value: We
 					})),
-					Jt ? /* @__PURE__ */ v(g, {
+					qt ? /* @__PURE__ */ v(g, {
 						color: "text-error",
-						style: bt,
+						style: yt,
 						variant: "body",
-						children: Jt
+						children: qt
 					}) : null
 				]
 			})]
 		});
 	}
-	function tr(e, t, n) {
+	function er(e, t, n) {
 		return /* @__PURE__ */ v("div", {
-			style: vt,
+			style: _t,
 			children: /* @__PURE__ */ v("div", {
-				style: yt,
+				style: vt,
 				children: /* @__PURE__ */ v(r, {
 					disabled: U,
 					label: e,
@@ -1202,71 +1205,71 @@ function F({ formId: de }) {
 		});
 	}
 }
-function Mt(e) {
-	return qe.find((t) => t.type === e)?.label ?? e;
+function jt(e) {
+	return Ke.find((t) => t.type === e)?.label ?? e;
 }
-function Nt(e) {
+function Mt(e) {
 	return !!(e.visibleWhen || e.requiredWhen || e.readonlyWhen);
 }
-function Pt(e) {
+function Nt(e) {
 	return {
 		id: e.fieldKey,
 		name: e.label
 	};
 }
-function Ft(e) {
+function Pt(e) {
 	return e.type === "text" || e.type === "textarea";
 }
-function It(e) {
+function I(e) {
 	return typeof e == "string" ? e : "";
 }
-function Lt(e) {
+function Ft(e) {
 	let t = e.split(/[\n,]/u).map((e) => e.trim()).filter(Boolean);
 	return t.length ? t : void 0;
 }
-function Rt(e) {
+function It(e) {
 	return e?.join("\n") ?? "";
 }
-function I(e) {
+function L(e) {
 	return JSON.stringify(e, null, 2);
 }
-function zt(e, t, n) {
+function Lt(e, t, n) {
 	return e.map((e, r) => r === t ? {
 		...e,
 		...n
 	} : e);
 }
-function Bt(e) {
+function Rt(e) {
 	let t = e.length + 1;
 	return {
 		label: `選項 ${t}`,
-		value: Vt(e, t)
+		value: zt(e, t)
 	};
 }
-function Vt(e, t) {
+function zt(e, t) {
 	let n = `option_${t}`;
-	return e.some((e) => e.value === n) ? Vt(e, t + 1) : n;
+	return e.some((e) => e.value === n) ? zt(e, t + 1) : n;
 }
-function Ht(e, t) {
+function Bt(e, t) {
 	return {
-		schemaJson: I(e),
-		uiSchemaJson: I(t)
+		schemaJson: L(e),
+		uiSchemaJson: L(t)
 	};
 }
-function Ut(e, t) {
+function Vt(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 Ht({ hasUnsavedChanges: e, latestPublishedVersion: n, openedContentPublished: r, openedVersion: i }) {
+	return `${e ? "有未儲存修改" : "沒有未儲存修改"} · ${Ut({
 		hasUnsavedChanges: e,
 		openedContentPublished: r,
 		openedVersion: i
 	})} · ${n ? `目前發布 v${n.version}：${t(n.publishedAt)}` : "目前沒有已發布版本"}`;
 }
-function Gt({ hasUnsavedChanges: e, openedContentPublished: t, openedVersion: n }) {
+function Ut({ 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 Wt(e, t, n) {
 	let r = e[t];
 	if (!r || t === n) return [...e];
 	let i = e.filter((e, n) => n !== t);
@@ -1276,7 +1279,7 @@ function Kt(e, t, n) {
 		...i.slice(n)
 	];
 }
-function qt({ status: e }) {
+function Gt({ status: e }) {
 	return e === "PUBLISHED" ? /* @__PURE__ */ v(u, {
 		size: "sub",
 		text: "已發布",
@@ -1291,10 +1294,10 @@ function qt({ status: e }) {
 		variant: "dot-warning"
 	});
 }
-function L(e) {
+function Kt(e) {
 	return e instanceof Error ? e.message : "發生未知錯誤";
 }
 //#endregion
 export { F as t };
 
-//# sourceMappingURL=builder-Du_0apkh.js.map
+//# sourceMappingURL=builder-DqZskyXC.js.map