@rytass/bpm-core-react 0.3.0 → 0.3.2

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

@@ -1,22 +1,23 @@
 "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 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 { 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 O from "next/dynamic";
-import { json as k } from "@codemirror/lang-json";
-import { EditorView as A } from "@codemirror/view";
+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 D from "next/dynamic";
+import { json as O } from "@codemirror/lang-json";
+import { EditorView as k } from "@codemirror/view";
 //#region src/views/forms/builder/json-code-editor.tsx
-var We = {
+var A = {
 	alignItems: "center",
 	border: "1px solid var(--mzn-color-border-neutral)",
 	borderRadius: 4,
@@ -25,10 +26,10 @@ var We = {
 	minHeight: 160,
 	padding: 12,
 	width: "100%"
-}, j = [
-	k(),
-	A.lineWrapping,
-	A.theme({
+}, Ge = [
+	O(),
+	k.lineWrapping,
+	k.theme({
 		"&": {
 			border: "1px solid var(--mzn-color-border-neutral)",
 			borderRadius: "4px",
@@ -44,15 +45,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"), {
-	loading: () => /* @__PURE__ */ v("div", {
-		style: We,
+], j = D(() => import("@uiw/react-codemirror"), {
+	loading: () => /* @__PURE__ */ _("div", {
+		style: A,
 		children: "載入 JSON 編輯器"
 	}),
 	ssr: !1
 });
 function Ke({ disabled: e, height: t, name: n, onChange: r, placeholder: i, value: a }) {
-	return /* @__PURE__ */ v(Ge, {
+	return /* @__PURE__ */ _(j, {
 		"aria-label": n,
 		basicSetup: {
 			autocompletion: !0,
@@ -66,7 +67,7 @@ function Ke({ disabled: e, height: t, name: n, onChange: r, placeholder: i, valu
 			syntaxHighlighting: !0
 		},
 		editable: !e,
-		extensions: [...j],
+		extensions: [...Ge],
 		height: t,
 		indentWithTab: !1,
 		onChange: r,
@@ -82,67 +83,67 @@ function Ke({ disabled: e, height: t, name: n, onChange: r, placeholder: i, valu
 var qe = [
 	{
 		description: "單行文字、姓名、編號",
-		icon: de,
+		icon: fe,
 		label: "文字",
 		type: "text"
 	},
 	{
 		description: "多行補充內容",
-		icon: ge,
+		icon: S,
 		label: "長文字",
 		type: "textarea"
 	},
 	{
 		description: "金額、數量、分數",
-		icon: x,
+		icon: y,
 		label: "數字",
 		type: "number"
 	},
 	{
 		description: "金額與費用",
-		icon: x,
+		icon: y,
 		label: "金額",
 		type: "money"
 	},
 	{
 		description: "日期或到期日",
-		icon: fe,
+		icon: pe,
 		label: "日期",
 		type: "date"
 	},
 	{
 		description: "日期與時間",
-		icon: fe,
+		icon: pe,
 		label: "日期時間",
 		type: "datetime"
 	},
 	{
 		description: "是 / 否狀態",
-		icon: pe,
+		icon: me,
 		label: "開關",
 		type: "boolean"
 	},
 	{
 		description: "固定選項擇一",
-		icon: w,
+		icon: C,
 		label: "下拉選單",
 		type: "select"
 	},
 	{
 		description: "固定選項單選",
-		icon: S,
+		icon: b,
 		label: "單選",
 		type: "radio"
 	},
 	{
 		description: "固定選項複選",
-		icon: b,
+		icon: he,
 		label: "複選",
 		type: "checkbox"
 	},
 	{
 		description: "附件或佐證資料",
-		icon: C,
+		icon: x,
 		label: "附件",
 		type: "file_upload"
 	}
@@ -312,28 +313,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);
-	o(() => {
-		gn();
-	}, [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));
-	}, [w.fields]), o(() => {
-		z !== "advanced" && (j(I(w)), F(I(k)));
+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)));
 	}, [
-		z,
-		w,
+		R,
+		D,
 		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 W = c(() => D.fields.find((e) => e.fieldKey === z) ?? D.fields[0] ?? null, [D.fields, z]), cn = c(() => (b?.versions ?? []).map((e) => ({
 		key: e.id,
 		publishedAt: t(e.publishedAt),
 		status: e.status,
 		updatedAt: t(e.updatedAt),
 		version: `v${e.version}`
-	})), [x]), sn = s(() => [
+	})), [b]), ln = c(() => [
 		{
 			dataIndex: "version",
 			key: "version",
@@ -342,7 +343,7 @@ function F({ formId: de }) {
 		},
 		{
 			key: "status",
-			render: (e) => /* @__PURE__ */ v(qt, { status: e.status }),
+			render: (e) => /* @__PURE__ */ _(qt, { status: e.status }),
 			title: "狀態",
 			width: 140
 		},
@@ -358,102 +359,102 @@ function F({ formId: de }) {
 			title: "發布時間",
 			width: 180
 		}
-	], []), cn = s(() => Ht(w, k), [w, k]), K = cn.schemaJson !== $t.schemaJson || cn.uiSchemaJson !== $t.uiSchemaJson;
-	o(() => {
+	], []), un = c(() => Ht(D, k), [D, k]), G = un.schemaJson !== tn.schemaJson || un.uiSchemaJson !== tn.uiSchemaJson;
+	s(() => {
 		function e(e) {
-			K && (e.preventDefault(), e.returnValue = "");
+			G && (e.preventDefault(), e.returnValue = "");
 		}
 		return window.addEventListener("beforeunload", e), () => {
 			window.removeEventListener("beforeunload", e);
 		};
-	}, [K]);
-	function ln() {
-		K && !window.confirm("目前有尚未儲存的表單草稿，確定要離開嗎？") || fe.push("/forms");
+	}, [G]);
+	function dn() {
+		G && !window.confirm("目前有尚未儲存的表單草稿，確定要離開嗎？") || pe.push(he.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({
-		hasUnsavedChanges: K,
-		latestPublishedVersion: un,
-		openedContentPublished: fn,
-		openedVersion: dn
-	}), mn = U || !K && fn && !C, hn = K ? "保存並發布" : C ? "發布草稿" : fn ? "已發布" : "發布版本";
-	async function gn() {
-		nn(!0), H(null);
+	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);
 		try {
-			let e = await Re(b), t = e.versions.find((e) => e.status === "DRAFT") ?? null;
-			S(e), ge(t);
+			let e = await ze(y), t = e.versions.find((e) => e.status === "DRAFT") ?? null;
+			x(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), 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);
 		} catch (e) {
-			H(L(e));
+			V(Jt(e));
 		} finally {
-			nn(!1);
+			an(!1);
 		}
 	}
-	async function _n() {
-		let e = await Be((C ?? await we(b)).id, w, k);
-		return ge(e), e;
+	async function yn() {
+		let e = await Ve((S ?? await Te(y)).id, D, k);
+		return C(e), e;
 	}
-	async function vn() {
-		W(!0), H(null);
+	async function bn() {
+		U(!0), V(null);
 		try {
-			await _n(), await gn();
+			await yn(), await vn();
 		} catch (e) {
-			H(L(e));
+			V(Jt(e));
 		} finally {
-			W(!1);
+			U(!1);
 		}
 	}
-	async function yn() {
-		W(!0), H(null);
+	async function xn() {
+		U(!0), V(null);
 		try {
-			await Me((await _n()).id), await gn();
+			await Ne((await yn()).id), await vn();
 		} catch (e) {
-			H(L(e));
+			V(Jt(e));
 		} finally {
-			W(!1);
+			U(!1);
 		}
 	}
-	async function bn(e) {
-		if (!x) throw Error("尚未載入表單資料");
-		an(!0);
+	async function Sn(e) {
+		if (!b) throw Error("尚未載入表單資料");
+		sn(!0);
 		try {
-			let t = await ze(x.definition.id, e);
-			S({
-				...x,
+			let t = await Be(b.definition.id, e);
+			x({
+				...b,
 				definition: t
-			}), Qt(!1);
+			}), en(!1);
 		} finally {
-			an(!1);
+			sn(!1);
 		}
 	}
-	function xn(e) {
-		let t = Ce(e, w.fields.length + 1);
+	function Cn(e) {
+		let t = we(e, D.fields.length + 1);
 		O({
-			...w,
-			fields: [...w.fields, t]
+			...D,
+			fields: [...D.fields, t]
 		}), A({
 			...k,
 			layout: [...k.layout, {
 				fieldKey: t.fieldKey,
 				width: e === "textarea" || e === "file_upload" ? "FULL" : "HALF"
 			}]
-		}), V(t.fieldKey), Yt("design"), R(null);
+		}), B(t.fieldKey), Zt("design"), L(null);
 	}
-	function Sn(e) {
+	function wn(e) {
 		let t = e;
-		t === "advanced" && z !== "advanced" && (j(I(w)), F(I(k))), Yt(t);
+		t === "advanced" && R !== "advanced" && (j(F(D)), I(F(k))), Zt(t);
 	}
-	function Cn(e) {
-		let t = w.fields.filter((t) => t.fieldKey !== e);
+	function Tn(e) {
+		let t = D.fields.filter((t) => t.fieldKey !== e);
 		O({
-			...w,
+			...D,
 			fields: t
 		}), A({
 			...k,
 			layout: k.layout.filter((t) => t.fieldKey !== e)
-		}), V(B === e ? t[0]?.fieldKey ?? null : B), R(null);
+		}), B(z === e ? t[0]?.fieldKey ?? null : z), L(null);
 	}
-	function wn(e) {
+	function En(e) {
 		let t = e.destination;
 		t && e.source.index !== t.index && (O((n) => ({
 			...n,
@@ -461,173 +462,176 @@ function F({ formId: de }) {
 		})), A((n) => ({
 			...n,
 			layout: Kt(n.layout, e.source.index, t.index)
-		})), R(null));
+		})), L(null));
 	}
-	function q(e) {
-		J((t) => ({
+	function K(e) {
+		q((t) => ({
 			...t,
 			...e
 		}));
 	}
-	function J(e) {
-		if (!G) return;
-		let t = G.fieldKey, n = e(G), r = n.fieldKey;
+	function q(e) {
+		if (!W) return;
+		let t = W.fieldKey, n = e(W), r = n.fieldKey;
 		O({
-			...w,
-			fields: w.fields.map((e) => e.fieldKey === t ? n : e)
+			...D,
+			fields: D.fields.map((e) => e.fieldKey === t ? n : e)
 		}), A({
 			...k,
 			layout: k.layout.map((e) => e.fieldKey === t ? {
 				...e,
 				fieldKey: r
 			} : e)
-		}), V(r), R(null);
+		}), B(r), L(null);
 	}
-	function Y(e) {
-		J((t) => Ft(t) ? {
+	function J(e) {
+		q((t) => It(t) ? {
 			...t,
 			...e
 		} : t);
 	}
-	function Tn(e) {
-		J((t) => Oe(t) ? {
+	function Y(e) {
+		q((t) => ke(t) ? {
 			...t,
 			...e
 		} : t);
 	}
-	function En(e) {
-		J((t) => De(t) ? {
+	function Dn(e) {
+		q((t) => Oe(t) ? {
 			...t,
 			...e
 		} : t);
 	}
 	function X(e) {
-		J((t) => ke(t) ? {
+		q((t) => Ae(t) ? {
 			...t,
 			...e
 		} : t);
 	}
-	function Dn(e) {
-		J((t) => t.type === "boolean" ? {
+	function On(e) {
+		q((t) => t.type === "boolean" ? {
 			...t,
 			...e
 		} : t);
 	}
-	function On(e) {
-		J((t) => t.type === "file_upload" ? {
+	function kn(e) {
+		q((t) => t.type === "file_upload" ? {
 			...t,
 			...e
 		} : t);
 	}
-	function kn(e) {
-		Gt(e);
+	function An(e) {
+		Yt(e);
 	}
-	function An(e, t) {
+	function jn(e, t) {
 		O((n) => ({
 			...n,
 			fields: n.fields.map((n) => n.fieldKey === e ? {
 				...n,
 				required: t
 			} : n)
-		})), R(null);
+		})), L(null);
 	}
-	function jn(e) {
+	function Mn(e) {
 		j(e);
 		try {
-			O(JSON.parse(e)), R(null);
+			O(JSON.parse(e)), L(null);
 		} catch {
-			R("Form Schema JSON 格式不正確");
+			L("Form Schema JSON 格式不正確");
 		}
 	}
-	function Mn(e) {
-		F(e);
+	function Nn(e) {
+		I(e);
 		try {
-			A(JSON.parse(e)), R(null);
+			A(JSON.parse(e)), L(null);
 		} catch {
-			R("UI Schema JSON 格式不正確");
+			L("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__ */ 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, {
 		confirmText: "儲存",
-		initialName: x?.definition.name ?? "",
-		loading: rn,
-		onClose: () => Qt(!1),
-		onSubmit: bn,
-		open: Zt,
+		initialName: b?.definition.name ?? "",
+		loading: on,
+		onClose: () => en(!1),
+		onSubmit: Sn,
+		open: $t,
 		title: "修改表單名稱"
 	})] });
-	function Nn() {
-		return /* @__PURE__ */ y("div", {
+	function Pn() {
+		return /* @__PURE__ */ v("div", {
 			style: M,
-			children: [/* @__PURE__ */ y("div", {
+			children: [/* @__PURE__ */ v("div", {
 				style: $e,
-				children: [/* @__PURE__ */ v(g, {
+				children: [/* @__PURE__ */ _(h, {
 					component: "h2",
 					variant: "label-primary",
 					children: "新增欄位"
-				}), /* @__PURE__ */ v("div", {
+				}), /* @__PURE__ */ _("div", {
 					style: Ze,
-					children: qe.map((e) => /* @__PURE__ */ v(f, {
-						disabled: U,
+					children: qe.map((e) => /* @__PURE__ */ _(d, {
+						disabled: H,
 						icon: e.icon,
 						iconType: "leading",
-						onClick: () => xn(e.type),
+						onClick: () => Cn(e.type),
 						size: "sub",
 						style: Qe,
 						type: "button",
@@ -635,71 +639,71 @@ function F({ formId: de }) {
 						children: e.label
 					}, e.type))
 				})]
-			}), /* @__PURE__ */ y("div", {
+			}), /* @__PURE__ */ v("div", {
 				style: Je,
-				children: [/* @__PURE__ */ y("div", {
+				children: [/* @__PURE__ */ v("div", {
 					style: {
 						...M,
 						...Ye
 					},
-					children: [/* @__PURE__ */ v(g, {
+					children: [/* @__PURE__ */ _(h, {
 						component: "h2",
 						variant: "label-primary",
 						children: "表單畫布"
-					}), w.fields.length > 0 ? /* @__PURE__ */ v(Ve, {
-						onDragEnd: wn,
-						children: /* @__PURE__ */ v(Ue, {
+					}), D.fields.length > 0 ? /* @__PURE__ */ _(He, {
+						onDragEnd: En,
+						children: /* @__PURE__ */ _(We, {
 							droppableId: "form-builder-fields",
-							children: (e) => /* @__PURE__ */ y("div", {
+							children: (e) => /* @__PURE__ */ v("div", {
 								...e.droppableProps,
 								ref: e.innerRef,
 								style: M,
-								children: [w.fields.map((e, t) => /* @__PURE__ */ v(He, {
+								children: [D.fields.map((e, t) => /* @__PURE__ */ _(Ue, {
 									draggableId: e.fieldKey,
 									index: t,
-									isDragDisabled: U,
-									children: (t, n) => Xn(e, t, n.isDragging)
+									isDragDisabled: H,
+									children: (t, n) => Zn(e, t, n.isDragging)
 								}, e.fieldKey)), e.placeholder]
 							})
 						})
-					}) : /* @__PURE__ */ y("div", {
+					}) : /* @__PURE__ */ v("div", {
 						style: ot,
-						children: [/* @__PURE__ */ y("div", {
+						children: [/* @__PURE__ */ v("div", {
 							style: M,
-							children: [/* @__PURE__ */ v(g, {
+							children: [/* @__PURE__ */ _(h, {
 								component: "h3",
 								variant: "h3",
 								children: "尚未建立欄位"
-							}), /* @__PURE__ */ v(g, {
+							}), /* @__PURE__ */ _(h, {
 								color: "text-neutral",
 								variant: "body",
 								children: "從上方新增第一個欄位，或直接建立常用文字欄位開始設計。"
 							})]
-						}), /* @__PURE__ */ y("div", {
+						}), /* @__PURE__ */ v("div", {
 							style: st,
-							children: [/* @__PURE__ */ v(f, {
-								disabled: U,
-								onClick: () => xn("text"),
+							children: [/* @__PURE__ */ _(d, {
+								disabled: H,
+								onClick: () => Cn("text"),
 								variant: "base-primary",
 								children: "新增文字欄位"
-							}), /* @__PURE__ */ v(f, {
-								disabled: U,
-								onClick: () => xn("textarea"),
+							}), /* @__PURE__ */ _(d, {
+								disabled: H,
+								onClick: () => Cn("textarea"),
 								variant: "base-secondary",
 								children: "新增長文字"
 							})]
 						})]
 					})]
-				}), /* @__PURE__ */ y("div", {
+				}), /* @__PURE__ */ v("div", {
 					style: {
 						...M,
 						...Xe
 					},
-					children: [/* @__PURE__ */ v(g, {
+					children: [/* @__PURE__ */ _(h, {
 						component: "h2",
 						variant: "label-primary",
 						children: "欄位設定"
-					}), G ? Pn(G) : /* @__PURE__ */ v(g, {
+					}), W ? Fn(W) : /* @__PURE__ */ _(h, {
 						color: "text-neutral",
 						variant: "body",
 						children: "請先新增或選取欄位。"
@@ -708,222 +712,222 @@ function F({ formId: de }) {
 			})]
 		});
 	}
-	function Pn(e) {
-		return /* @__PURE__ */ y("div", {
+	function Fn(e) {
+		return /* @__PURE__ */ v("div", {
 			style: ct,
-			children: [Fn(e), In(e)]
+			children: [In(e), Ln(e)]
 		});
 	}
-	function Fn(e) {
-		return /* @__PURE__ */ y("div", {
+	function In(e) {
+		return /* @__PURE__ */ v("div", {
 			style: lt,
 			children: [
-				/* @__PURE__ */ v("div", {
+				/* @__PURE__ */ _("div", {
 					style: dt,
-					children: /* @__PURE__ */ v(u, {
+					children: /* @__PURE__ */ _(u, {
 						size: "main",
-						text: Mt(e.type),
+						text: Nt(e.type),
 						variant: "text-info"
 					})
 				}),
-				$("標題", "fieldLabel", /* @__PURE__ */ v(p, {
-					onChange: (e) => q({ label: e.target.value }),
+				$("標題", "fieldLabel", /* @__PURE__ */ _(f, {
+					onChange: (e) => K({ label: e.target.value }),
 					placeholder: "例如：申請金額",
 					value: e.label,
 					variant: "base"
-				}), U),
-				$("欄位 Key", "fieldKey", /* @__PURE__ */ v(p, {
-					onChange: (e) => q({ fieldKey: e.target.value }),
+				}), H),
+				$("欄位 Key", "fieldKey", /* @__PURE__ */ _(f, {
+					onChange: (e) => K({ fieldKey: e.target.value }),
 					placeholder: "例如：amount",
 					value: e.fieldKey,
 					variant: "base"
-				}), U),
-				$("提示文字", "fieldPlaceholder", /* @__PURE__ */ v(p, {
-					onChange: (e) => q({ placeholder: e.target.value || void 0 }),
+				}), H),
+				$("提示文字", "fieldPlaceholder", /* @__PURE__ */ _(f, {
+					onChange: (e) => K({ placeholder: e.target.value || void 0 }),
 					placeholder: "例如：請輸入申請金額",
 					value: e.placeholder ?? "",
 					variant: "base"
-				}), U),
-				Ln(e)
+				}), H),
+				Rn(e)
 			]
 		});
 	}
-	function In(e) {
-		return /* @__PURE__ */ v(l, {
-			defaultExpanded: Nt(e),
+	function Ln(e) {
+		return /* @__PURE__ */ _(ee, {
+			defaultExpanded: Pt(e),
 			size: "sub",
 			title: "進階設定",
-			children: /* @__PURE__ */ y("div", {
+			children: /* @__PURE__ */ v("div", {
 				style: lt,
 				children: [
-					/* @__PURE__ */ v(g, {
+					/* @__PURE__ */ _(h, {
 						component: "h3",
 						style: ut,
 						variant: "label-primary",
 						children: "條件規則"
 					}),
-					/* @__PURE__ */ v(g, {
+					/* @__PURE__ */ _(h, {
 						color: "text-neutral",
 						style: ft,
 						variant: "body",
 						children: "只有需要根據其他欄位改變顯示、必填或唯讀狀態時才需要設定。"
 					}),
-					Wn(e)
+					Gn(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 Rn(e) {
-		return /* @__PURE__ */ y(_, { children: [
-			$("預設值", "fieldDefaultValue", e.type === "textarea" ? qn({
-				disabled: U,
+		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 zn(e) {
+		return /* @__PURE__ */ v(g, { children: [
+			$("預設值", "fieldDefaultValue", e.type === "textarea" ? Jn({
+				disabled: H,
 				name: "fieldDefaultValue",
-				onChange: (e) => Y({ defaultValue: e || void 0 }),
+				onChange: (e) => J({ defaultValue: e || void 0 }),
 				placeholder: "輸入此欄位的預設文字",
 				rows: 3,
-				value: It(e.defaultValue)
-			}) : /* @__PURE__ */ v(p, {
-				onChange: (e) => Y({ defaultValue: e.target.value || void 0 }),
+				value: Lt(e.defaultValue)
+			}) : /* @__PURE__ */ _(f, {
+				onChange: (e) => J({ defaultValue: e.target.value || void 0 }),
 				placeholder: "輸入此欄位的預設文字",
-				value: It(e.defaultValue),
+				value: Lt(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)
+			}), 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)
 		] });
 	}
-	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" : "輸入預設數值", {
+	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" : "輸入預設數值", {
 				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)
+			}), H),
+			$("最小值", "fieldMinimum", Q(e.minimum, (e) => Y({ minimum: e }), "例如：0"), H),
+			$("最大值", "fieldMaximum", Q(e.maximum, (e) => Y({ maximum: e }), "例如：999999"), H)
 		] });
 	}
-	function Bn(e) {
-		return $("預設值", "fieldDefaultValue", Jn(e, It(e.defaultValue), (e) => En({ defaultValue: e })), U);
-	}
 	function Vn(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, {
+		return $("預設值", "fieldDefaultValue", Yn(e, Lt(e.defaultValue), (e) => Dn({ defaultValue: e })), H);
+	}
+	function Hn(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, {
 			clearable: !0,
 			mode: "multiple",
 			onChange: (e) => X({ defaultValue: e.length ? e.map((e) => e.id) : void 0 }),
-			options: e.options.map(E),
+			options: e.options.map(T),
 			placeholder: "選擇一或多個預設選項",
 			value: n
-		}) : /* @__PURE__ */ v(m, {
+		}) : /* @__PURE__ */ _(p, {
 			clearable: !0,
 			onChange: (e) => X({ defaultValue: e?.id || void 0 }),
-			options: e.options.map(E),
+			options: e.options.map(T),
 			placeholder: "選擇預設選項",
-			value: typeof e.defaultValue == "string" ? D(e.options.map(E), e.defaultValue) : null
-		}), U), $("選項", "fieldOptions", Yn(e), U, !0)] });
+			value: typeof e.defaultValue == "string" ? E(e.options.map(T), e.defaultValue) : null
+		}), H), $("選項", "fieldOptions", Xn(e), H, !0)] });
 	}
-	function Hn(e) {
+	function Un(e) {
 		let t = typeof e.defaultValue == "boolean" ? String(e.defaultValue) : "unset";
-		return $("預設值", "fieldDefaultValue", /* @__PURE__ */ v(m, {
+		return $("預設值", "fieldDefaultValue", /* @__PURE__ */ _(p, {
 			clearable: !1,
-			onChange: (e) => Dn({ defaultValue: e?.id === "true" ? !0 : e?.id === "false" ? !1 : void 0 }),
+			onChange: (e) => On({ defaultValue: e?.id === "true" ? !0 : e?.id === "false" ? !1 : void 0 }),
 			options: [...kt],
 			placeholder: "選擇預設狀態",
-			value: D(kt, t)
-		}), U);
+			value: E(kt, t)
+		}), 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,
+	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,
 			name: "fieldAcceptedMimeTypes",
-			onChange: (e) => On({ acceptedMimeTypes: Lt(e) }),
+			onChange: (e) => kn({ acceptedMimeTypes: Rt(e) }),
 			placeholder: "每行一個 MIME type，例如：application/pdf",
 			rows: 3,
-			value: Rt(e.acceptedMimeTypes)
+			value: zt(e.acceptedMimeTypes)
 		}), !1)] });
 	}
-	function Wn(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, {
+	function Gn(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, {
 			color: "text-neutral",
 			style: ft,
 			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);
-		return $(t.label, t.name, /* @__PURE__ */ y("div", {
+	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__ */ v(ue, {
-				checked: d,
-				disabled: U,
-				label: d ? "已啟用" : "不啟用",
-				onChange: (e) => Z(t.target, e.target.checked ? T(o, Ie(o), Le(o)) : void 0),
+			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),
 				size: "sub",
 				supportingText: t.supportingText
-			}), d ? f ? /* @__PURE__ */ v(g, {
+			}), u ? te ? /* @__PURE__ */ _(h, {
 				color: "text-warning",
 				variant: "body",
 				children: "這個規則不是目前 UI 支援的格式。重新選擇條件後會取代既有規則。"
-			}) : /* @__PURE__ */ y("div", {
+			}) : /* @__PURE__ */ v("div", {
 				style: St,
 				children: [
-					/* @__PURE__ */ v(m, {
+					/* @__PURE__ */ _(p, {
 						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, w(r, Le(r), Re(r)));
 						},
 						options: s,
 						placeholder: "選擇欄位",
-						value: D(s, o.fieldKey)
+						value: E(s, o.fieldKey)
 					}),
-					/* @__PURE__ */ v(m, {
+					/* @__PURE__ */ _(p, {
 						clearable: !1,
-						onChange: (e) => Z(t.target, T(o, Ne(e?.id) ?? l, u)),
+						onChange: (e) => Z(t.target, w(o, Pe(e?.id) ?? l, ee)),
 						options: [...c],
 						placeholder: "判斷方式",
-						value: D(c, l)
+						value: E(c, l)
 					}),
-					Kn(o, u, (e) => Z(t.target, T(o, l, e)))
+					qn(o, ee, (e) => Z(t.target, w(o, l, e)))
 				]
 			}) : null]
-		}), U, !0);
+		}), H, !0);
 	}
 	function Z(e, t) {
-		q({ [e]: t });
+		K({ [e]: t });
 	}
-	function Kn(e, t, n) {
-		if (e.type === "boolean") return /* @__PURE__ */ v(m, {
+	function qn(e, t, n) {
+		if (e.type === "boolean") return /* @__PURE__ */ _(p, {
 			clearable: !1,
 			onChange: (e) => n(e?.id ?? "true"),
 			options: [...At],
 			placeholder: "比較值",
-			value: D(At, t === "false" ? "false" : "true")
+			value: E(At, t === "false" ? "false" : "true")
 		});
-		if (ke(e)) {
-			let r = e.options.map(E);
-			return /* @__PURE__ */ v(m, {
+		if (Ae(e)) {
+			let r = e.options.map(T);
+			return /* @__PURE__ */ _(p, {
 				clearable: !1,
 				onChange: (e) => n(e?.id ?? r[0]?.id ?? ""),
 				options: r,
 				placeholder: "比較值",
-				value: D(r, t)
+				value: E(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 ke(e) ? Q(Me(t), (e) => n(String(e ?? 0)), "比較值") : Oe(e) ? Yn(e, t, (e) => n(e ?? "")) : /* @__PURE__ */ _(f, {
 			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 Jn({ disabled: e, name: t, onChange: n, placeholder: r, rows: i, value: a }) {
+		return /* @__PURE__ */ _(ue, {
 			"aria-label": t,
 			disabled: e,
 			onChange: (e) => n(e.target.value),
@@ -936,10 +940,10 @@ function F({ formId: de }) {
 		});
 	}
 	function Q(e, t, n, r = {}) {
-		return /* @__PURE__ */ v(p, {
+		return /* @__PURE__ */ _(f, {
 			max: r.max,
 			min: r.min,
-			onChange: (e) => t(Se(je(e.target.value), r)),
+			onChange: (e) => t(Ce(Me(e.target.value), r)),
 			placeholder: n,
 			showSpinner: !0,
 			step: r.step ?? 1,
@@ -947,30 +951,30 @@ function F({ formId: de }) {
 			variant: "measure"
 		});
 	}
-	function Jn(e, t, n) {
-		return e.type === "datetime" ? /* @__PURE__ */ v(te, {
+	function Yn(e, t, n) {
+		return e.type === "datetime" ? /* @__PURE__ */ _(re, {
 			formatDate: "YYYY-MM-DD",
 			formatTime: "HH:mm",
 			hideSecond: !0,
-			onChange: (e) => n(Ee(e)),
+			onChange: (e) => n(De(e)),
 			placeholderLeft: "選擇日期",
 			placeholderRight: "選擇時間",
-			value: Fe(t)
-		}) : /* @__PURE__ */ v(ee, {
+			value: Ie(t)
+		}) : /* @__PURE__ */ _(ne, {
 			format: "YYYY-MM-DD",
-			onChange: (e) => n(Te(e)),
+			onChange: (e) => n(Ee(e)),
 			placeholder: "選擇日期",
-			value: Fe(t)
+			value: Ie(t)
 		});
 	}
-	function Yn(e) {
-		return /* @__PURE__ */ y("div", {
+	function Xn(e) {
+		return /* @__PURE__ */ v("div", {
 			style: Tt,
-			children: [/* @__PURE__ */ v(ce, {
+			children: [/* @__PURE__ */ _(le, {
 				actions: {
 					render: (t) => [{
-						disabled: () => U || e.options.length <= 1,
-						icon: ye,
+						disabled: () => H || e.options.length <= 1,
+						icon: be,
 						iconType: "icon-only",
 						name: "移除選項",
 						onClick: () => X({ options: e.options.filter((e, n) => n !== t.index) }),
@@ -980,8 +984,8 @@ 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 }) }),
+					render: (t) => /* @__PURE__ */ _(f, {
+						onChange: (n) => X({ options: Bt(e.options, t.index, { label: n.target.value }) }),
 						placeholder: "例如：主管",
 						size: "sub",
 						value: t.label,
@@ -990,8 +994,8 @@ function F({ formId: de }) {
 					title: "Label"
 				}, {
 					key: "value",
-					render: (t) => /* @__PURE__ */ v(p, {
-						onChange: (n) => X({ options: zt(e.options, t.index, { value: n.target.value }) }),
+					render: (t) => /* @__PURE__ */ _(f, {
+						onChange: (n) => X({ options: Bt(e.options, t.index, { value: n.target.value }) }),
 						placeholder: "例如：manager",
 						size: "sub",
 						value: t.value,
@@ -1007,21 +1011,21 @@ function F({ formId: de }) {
 				})),
 				showHeader: !0,
 				size: "sub"
-			}), /* @__PURE__ */ v("div", {
+			}), /* @__PURE__ */ _("div", {
 				style: Et,
-				children: /* @__PURE__ */ v(f, {
-					disabled: U,
-					icon: _e,
+				children: /* @__PURE__ */ _(d, {
+					disabled: H,
+					icon: ve,
 					iconType: "leading",
-					onClick: () => X({ options: [...e.options, Bt(e.options)] }),
+					onClick: () => X({ options: [...e.options, Vt(e.options)] }),
 					variant: "base-secondary",
 					children: "新增選項"
 				})
 			})]
 		});
 	}
-	function Xn(e, t, n) {
-		return /* @__PURE__ */ v("div", {
+	function Zn(e, t, n) {
+		return /* @__PURE__ */ _("div", {
 			...t.draggableProps,
 			"data-form-builder-field-key": e.fieldKey,
 			ref: t.innerRef,
@@ -1030,16 +1034,16 @@ function F({ formId: de }) {
 				...n ? at : null,
 				...t.draggableProps.style
 			},
-			children: /* @__PURE__ */ v(d, { children: Zn(e, t, n) })
+			children: /* @__PURE__ */ _(te, { children: Qn(e, t, n) })
 		});
 	}
-	function $(e, t, n, i, a = !1) {
-		return /* @__PURE__ */ v("div", {
+	function $(e, t, n, r, a = !1) {
+		return /* @__PURE__ */ _("div", {
 			style: a ? mt : pt,
-			children: /* @__PURE__ */ v("div", {
+			children: /* @__PURE__ */ _("div", {
 				style: ht,
-				children: /* @__PURE__ */ v(r, {
-					disabled: i,
+				children: /* @__PURE__ */ _(i, {
+					disabled: r,
 					label: e,
 					name: t,
 					children: n
@@ -1047,41 +1051,41 @@ function F({ formId: de }) {
 			})
 		});
 	}
-	function Zn(e, t, n) {
-		return /* @__PURE__ */ y("div", {
+	function Qn(e, t, n) {
+		return /* @__PURE__ */ v("div", {
 			...t.dragHandleProps ?? {},
 			"aria-label": "拖曳排序欄位",
 			style: et,
 			title: "拖曳排序",
 			children: [
-				/* @__PURE__ */ v("span", {
+				/* @__PURE__ */ _("span", {
 					"aria-label": "拖曳排序",
 					role: "img",
 					style: Ct,
 					title: "拖曳排序",
-					children: /* @__PURE__ */ v(ne, {
-						icon: me,
+					children: /* @__PURE__ */ _(ie, {
+						icon: ge,
 						size: 20
 					})
 				}),
-				/* @__PURE__ */ y("div", {
+				/* @__PURE__ */ v("div", {
 					style: tt,
-					children: [/* @__PURE__ */ y(g, {
+					children: [/* @__PURE__ */ v(h, {
 						component: "span",
 						ellipsis: !0,
 						variant: "label-primary",
-						children: [e.label, e.required ? /* @__PURE__ */ v("sup", {
+						children: [e.label, e.required ? /* @__PURE__ */ _("sup", {
 							"aria-label": "必填",
 							style: Dt,
 							children: "*"
 						}) : null]
-					}), /* @__PURE__ */ y(g, {
+					}), /* @__PURE__ */ v(h, {
 						color: "text-neutral",
 						component: "span",
 						ellipsis: !0,
 						variant: "caption",
 						children: [
-							Mt(e.type),
+							Nt(e.type),
 							" ·",
 							e.required ? " 必填" : " 選填",
 							" ·",
@@ -1089,31 +1093,31 @@ function F({ formId: de }) {
 						]
 					})]
 				}),
-				/* @__PURE__ */ y("div", {
+				/* @__PURE__ */ v("div", {
 					style: nt,
 					children: [
-						/* @__PURE__ */ v("div", {
+						/* @__PURE__ */ _("div", {
 							style: rt,
-							children: /* @__PURE__ */ v(ue, {
+							children: /* @__PURE__ */ _(de, {
 								checked: !!e.required,
-								disabled: U || n,
+								disabled: H || n,
 								label: "必填",
-								onChange: (t) => An(e.fieldKey, t.target.checked)
+								onChange: (t) => jn(e.fieldKey, t.target.checked)
 							})
 						}),
-						/* @__PURE__ */ v(f, {
+						/* @__PURE__ */ _(d, {
 							disabled: n,
-							icon: he,
+							icon: _e,
 							iconType: "icon-only",
-							onClick: () => V(e.fieldKey),
-							variant: e.fieldKey === G?.fieldKey ? "base-primary" : "base-ghost",
+							onClick: () => B(e.fieldKey),
+							variant: e.fieldKey === W?.fieldKey ? "base-primary" : "base-ghost",
 							children: "編輯欄位"
 						}),
-						/* @__PURE__ */ v(f, {
-							disabled: U || n,
-							icon: ye,
+						/* @__PURE__ */ _(d, {
+							disabled: H || n,
+							icon: be,
 							iconType: "icon-only",
-							onClick: () => Cn(e.fieldKey),
+							onClick: () => Tn(e.fieldKey),
 							variant: "destructive-ghost",
 							children: "移除欄位"
 						})
@@ -1122,78 +1126,78 @@ function F({ formId: de }) {
 			]
 		});
 	}
-	function Qn() {
-		return /* @__PURE__ */ y("div", {
+	function $n() {
+		return /* @__PURE__ */ v("div", {
 			style: M,
-			children: [/* @__PURE__ */ v(g, {
+			children: [/* @__PURE__ */ _(h, {
 				component: "h2",
 				variant: "h3",
 				children: "填寫預覽"
-			}), /* @__PURE__ */ v(i, {
-				onChange: kn,
-				schema: w,
+			}), /* @__PURE__ */ _(a, {
+				onChange: An,
+				schema: D,
 				uiSchema: k,
-				value: Vt
+				value: Gt
 			})]
 		});
 	}
-	function $n() {
-		return /* @__PURE__ */ y("div", {
+	function er() {
+		return /* @__PURE__ */ v("div", {
 			style: M,
-			children: [/* @__PURE__ */ v(g, {
+			children: [/* @__PURE__ */ _(h, {
 				component: "h2",
 				variant: "h3",
 				children: "版本紀錄"
-			}), /* @__PURE__ */ v(ce, {
-				columns: sn,
-				dataSource: on,
-				loading: tn
+			}), /* @__PURE__ */ _(le, {
+				columns: ln,
+				dataSource: cn,
+				loading: rn
 			})]
 		});
 	}
-	function er() {
-		return /* @__PURE__ */ y("div", {
+	function tr() {
+		return /* @__PURE__ */ v("div", {
 			style: M,
-			children: [/* @__PURE__ */ v(g, {
+			children: [/* @__PURE__ */ _(h, {
 				component: "h2",
 				variant: "h3",
 				children: "Schema"
-			}), /* @__PURE__ */ y("div", {
+			}), /* @__PURE__ */ v("div", {
 				style: _t,
 				children: [
-					tr("Form Schema", "schemaJson", /* @__PURE__ */ v(Ke, {
-						disabled: U,
+					nr("Form Schema", "schemaJson", /* @__PURE__ */ _(Ke, {
+						disabled: H,
 						height: "360px",
 						name: "schemaJson",
-						onChange: jn,
+						onChange: Mn,
 						placeholder: "輸入 Form Schema JSON",
-						value: We
+						value: Ge
 					})),
-					tr("UI Schema", "uiSchemaJson", /* @__PURE__ */ v(Ke, {
-						disabled: U,
+					nr("UI Schema", "uiSchemaJson", /* @__PURE__ */ _(Ke, {
+						disabled: H,
 						height: "240px",
 						name: "uiSchemaJson",
-						onChange: Mn,
+						onChange: Nn,
 						placeholder: "輸入 UI Schema JSON",
-						value: Ge
+						value: Mt
 					})),
-					Jt ? /* @__PURE__ */ v(g, {
+					Xt ? /* @__PURE__ */ _(h, {
 						color: "text-error",
 						style: bt,
 						variant: "body",
-						children: Jt
+						children: Xt
 					}) : null
 				]
 			})]
 		});
 	}
-	function tr(e, t, n) {
-		return /* @__PURE__ */ v("div", {
+	function nr(e, t, n) {
+		return /* @__PURE__ */ _("div", {
 			style: vt,
-			children: /* @__PURE__ */ v("div", {
+			children: /* @__PURE__ */ _("div", {
 				style: yt,
-				children: /* @__PURE__ */ v(r, {
-					disabled: U,
+				children: /* @__PURE__ */ _(i, {
+					disabled: H,
 					label: e,
 					name: t,
 					children: n
@@ -1202,55 +1206,55 @@ function F({ formId: de }) {
 		});
 	}
 }
-function Mt(e) {
+function Nt(e) {
 	return qe.find((t) => t.type === e)?.label ?? e;
 }
-function Nt(e) {
+function Pt(e) {
 	return !!(e.visibleWhen || e.requiredWhen || e.readonlyWhen);
 }
-function Pt(e) {
+function Ft(e) {
 	return {
 		id: e.fieldKey,
 		name: e.label
 	};
 }
-function Ft(e) {
+function It(e) {
 	return e.type === "text" || e.type === "textarea";
 }
-function It(e) {
+function Lt(e) {
 	return typeof e == "string" ? e : "";
 }
-function Lt(e) {
+function Rt(e) {
 	let t = e.split(/[\n,]/u).map((e) => e.trim()).filter(Boolean);
 	return t.length ? t : void 0;
 }
-function Rt(e) {
+function zt(e) {
 	return e?.join("\n") ?? "";
 }
-function I(e) {
+function F(e) {
 	return JSON.stringify(e, null, 2);
 }
-function zt(e, t, n) {
+function Bt(e, t, n) {
 	return e.map((e, r) => r === t ? {
 		...e,
 		...n
 	} : e);
 }
-function Bt(e) {
+function Vt(e) {
 	let t = e.length + 1;
 	return {
 		label: `選項 ${t}`,
-		value: Vt(e, t)
+		value: I(e, t)
 	};
 }
-function Vt(e, t) {
+function I(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) ? I(e, t + 1) : n;
 }
 function Ht(e, t) {
 	return {
-		schemaJson: I(e),
-		uiSchemaJson: I(t)
+		schemaJson: F(e),
+		uiSchemaJson: F(t)
 	};
 }
 function Ut(e, t) {
@@ -1277,24 +1281,24 @@ function Kt(e, t, n) {
 	];
 }
 function qt({ status: e }) {
-	return e === "PUBLISHED" ? /* @__PURE__ */ v(u, {
+	return e === "PUBLISHED" ? /* @__PURE__ */ _(u, {
 		size: "sub",
 		text: "已發布",
 		variant: "dot-success"
-	}) : e === "ARCHIVED" ? /* @__PURE__ */ v(u, {
+	}) : e === "ARCHIVED" ? /* @__PURE__ */ _(u, {
 		size: "sub",
 		text: "已封存",
 		variant: "dot-inactive"
-	}) : /* @__PURE__ */ v(u, {
+	}) : /* @__PURE__ */ _(u, {
 		size: "sub",
 		text: "草稿",
 		variant: "dot-warning"
 	});
 }
-function L(e) {
+function Jt(e) {
 	return e instanceof Error ? e.message : "發生未知錯誤";
 }
 //#endregion
-export { F as t };
+export { Mt as t };
 
-//# sourceMappingURL=builder-Du_0apkh.js.map
+//# sourceMappingURL=builder-D950gct_.js.map