@rytass/bpm-core-react 0.3.1 → 0.3.3

package/dist/chunks/{builder-DqZskyXC.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-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, 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 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";
+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 Ue = {
+var A = {
 	alignItems: "center",
 	border: "1px solid var(--mzn-color-border-neutral)",
 	borderRadius: 4,
@@ -25,10 +26,10 @@ var Ue = {
 	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 Ue = {
 		".cm-gutters": { borderRight: "1px solid var(--mzn-color-border-neutral)" },
 		".cm-scroller": { fontFamily: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", monospace" }
 	})
-], We = O(() => import("@uiw/react-codemirror"), {
-	loading: () => /* @__PURE__ */ v("div", {
-		style: Ue,
+], j = D(() => import("@uiw/react-codemirror"), {
+	loading: () => /* @__PURE__ */ _("div", {
+		style: A,
 		children: "載入 JSON 編輯器"
 	}),
 	ssr: !1
 });
-function Ge({ disabled: e, height: t, name: n, onChange: r, placeholder: i, value: a }) {
-	return /* @__PURE__ */ v(We, {
+function Ke({ disabled: e, height: t, name: n, onChange: r, placeholder: i, value: a }) {
+	return /* @__PURE__ */ _(j, {
 		"aria-label": n,
 		basicSetup: {
 			autocompletion: !0,
@@ -66,7 +67,7 @@ function Ge({ 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,
@@ -79,118 +80,118 @@ function Ge({ disabled: e, height: t, name: n, onChange: r, placeholder: i, valu
 }
 //#endregion
 //#region src/views/forms/builder/FormBuilderView.tsx
-var Ke = [
+var qe = [
 	{
 		description: "單行文字、姓名、編號",
-		icon: ue,
+		icon: fe,
 		label: "文字",
 		type: "text"
 	},
 	{
 		description: "多行補充內容",
-		icon: C,
+		icon: S,
 		label: "長文字",
 		type: "textarea"
 	},
 	{
 		description: "金額、數量、分數",
-		icon: x,
+		icon: y,
 		label: "數字",
 		type: "number"
 	},
 	{
 		description: "金額與費用",
-		icon: x,
+		icon: y,
 		label: "金額",
 		type: "money"
 	},
 	{
 		description: "日期或到期日",
-		icon: de,
+		icon: pe,
 		label: "日期",
 		type: "date"
 	},
 	{
 		description: "日期與時間",
-		icon: de,
+		icon: pe,
 		label: "日期時間",
 		type: "datetime"
 	},
 	{
 		description: "是 / 否狀態",
-		icon: fe,
+		icon: me,
 		label: "開關",
 		type: "boolean"
 	},
 	{
 		description: "固定選項擇一",
-		icon: w,
+		icon: C,
 		label: "下拉選單",
 		type: "select"
 	},
 	{
 		description: "固定選項單選",
-		icon: me,
+		icon: b,
 		label: "單選",
 		type: "radio"
 	},
 	{
 		description: "固定選項複選",
-		icon: b,
+		icon: he,
 		label: "複選",
 		type: "checkbox"
 	},
 	{
 		description: "附件或佐證資料",
-		icon: S,
+		icon: x,
 		label: "附件",
 		type: "file_upload"
 	}
-], qe = {
+], Je = {
 	alignItems: "start",
 	display: "flex",
 	flexWrap: "wrap",
 	gap: 16
-}, Je = {
+}, Ye = {
 	flex: "0.55 1 300px",
 	minWidth: 0
-}, Ye = {
+}, Xe = {
 	flex: "1.45 1 720px",
 	minWidth: 620
 }, M = {
 	display: "grid",
 	gap: 12
-}, Xe = {
+}, Ze = {
 	display: "flex",
 	flexWrap: "wrap",
 	gap: 6
-}, Ze = {
+}, Qe = {
 	flex: "0 0 auto",
 	whiteSpace: "nowrap"
-}, Qe = {
+}, $e = {
 	display: "grid",
 	gap: 8
-}, $e = {
+}, et = {
 	alignItems: "center",
 	cursor: "grab",
 	display: "flex",
 	gap: 12,
 	touchAction: "none"
-}, et = {
+}, tt = {
 	display: "grid",
 	flex: "1 1 auto",
 	gap: 2,
 	minWidth: 0
-}, tt = {
+}, nt = {
 	alignItems: "center",
 	display: "flex",
 	flex: "0 0 auto",
 	gap: 4
-}, nt = {
+}, rt = {
 	alignItems: "center",
 	display: "flex",
 	gap: 6
-}, rt = { userSelect: "none" }, it = { filter: "drop-shadow(0 8px 18px rgba(0, 0, 0, 0.12))" }, at = {
+}, it = { userSelect: "none" }, at = { filter: "drop-shadow(0 8px 18px rgba(0, 0, 0, 0.12))" }, ot = {
 	alignItems: "center",
 	border: "1px dashed var(--mzn-color-border-neutral)",
 	borderRadius: 6,
@@ -199,72 +200,72 @@ var Ke = [
 	minHeight: 240,
 	padding: 32,
 	textAlign: "center"
-}, ot = {
+}, st = {
 	display: "flex",
 	gap: 8,
 	justifyContent: "center"
-}, st = {
+}, ct = {
 	display: "grid",
 	gap: 14
-}, ct = {
+}, lt = {
 	display: "grid",
 	columnGap: 16,
 	gridTemplateColumns: "repeat(auto-fit, minmax(280px, 1fr))",
 	rowGap: 8
-}, lt = { gridColumn: "1 / -1" }, ut = {
+}, ut = { gridColumn: "1 / -1" }, dt = {
 	alignItems: "center",
 	display: "flex",
 	gap: 8,
 	gridColumn: "1 / -1",
 	justifyContent: "flex-end"
-}, dt = { gridColumn: "1 / -1" }, ft = {
+}, ft = { gridColumn: "1 / -1" }, pt = {
 	alignItems: "start",
 	display: "block",
 	width: "100%"
-}, pt = {
-	...ft,
-	gridColumn: "1 / -1"
 }, mt = {
+	...pt,
+	gridColumn: "1 / -1"
+}, ht = {
 	minWidth: 0,
 	width: "100%"
-}, ht = {
+}, gt = {
 	minWidth: "100%",
 	width: "100%"
-}, gt = {
+}, _t = {
 	display: "grid",
 	gap: 14
-}, _t = {
+}, vt = {
 	alignItems: "start",
 	display: "block",
 	width: "100%"
-}, vt = {
+}, yt = {
 	minWidth: 0,
 	width: "100%"
-}, yt = { gridColumn: "2 / -1" }, bt = {
+}, bt = { gridColumn: "2 / -1" }, xt = {
 	display: "grid",
 	gap: 10,
 	width: "100%"
-}, xt = {
+}, St = {
 	display: "grid",
 	gap: 8,
 	gridTemplateColumns: "repeat(auto-fit, minmax(160px, 1fr))"
-}, St = { display: "inline-flex" }, Ct = {
+}, Ct = { display: "inline-flex" }, wt = {
 	display: "grid",
 	gap: 16
-}, wt = {
+}, Tt = {
 	display: "grid",
 	gap: 8
-}, Tt = {
+}, Et = {
 	display: "flex",
 	justifyContent: "flex-end"
-}, Et = {
+}, Dt = {
 	color: "var(--mzn-color-text-error)",
 	fontSize: "0.72em",
 	lineHeight: 0,
 	marginLeft: 2,
 	verticalAlign: "super"
 };
-function Dt(e) {
+function Ot(e) {
 	e && (e.style.width = "100%");
 }
 var N = {
@@ -273,7 +274,7 @@ var N = {
 }, P = {
 	layout: [],
 	schemaVersion: 1
-}, Ot = [
+}, kt = [
 	{
 		id: "unset",
 		name: "不預設"
@@ -286,13 +287,13 @@ var N = {
 		id: "false",
 		name: "否"
 	}
-], kt = [{
+], At = [{
 	id: "true",
 	name: "是"
 }, {
 	id: "false",
 	name: "否"
-}], At = [
+}], jt = [
 	{
 		label: "顯示",
 		name: "fieldVisibleWhen",
@@ -312,28 +313,28 @@ var N = {
 		target: "readonlyWhen"
 	}
 ];
-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(() => {
-		hn();
-	}, [b]), o(() => {
-		w.fields.some((e) => e.fieldKey === B) || V(w.fields[0]?.fieldKey ?? null);
-	}, [w.fields, B]), o(() => {
-		Ut((e) => be(w.fields, e));
-	}, [w.fields]), o(() => {
-		z !== "advanced" && (j(L(w)), F(L(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]), an = 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]), on = s(() => [
+	})), [b]), ln = c(() => [
 		{
 			dataIndex: "version",
 			key: "version",
@@ -342,7 +343,7 @@ function F({ formId: ue }) {
 		},
 		{
 			key: "status",
-			render: (e) => /* @__PURE__ */ v(Gt, { status: e.status }),
+			render: (e) => /* @__PURE__ */ _(qt, { status: e.status }),
 			title: "狀態",
 			width: 140
 		},
@@ -358,351 +359,351 @@ function F({ formId: ue }) {
 			title: "發布時間",
 			width: 180
 		}
-	], []), sn = s(() => Bt(w, k), [w, k]), K = sn.schemaJson !== Qt.schemaJson || sn.uiSchemaJson !== Qt.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 cn() {
-		K && !window.confirm("目前有尚未儲存的表單草稿，確定要離開嗎？") || de.push("/forms");
+	}, [G]);
+	function dn() {
+		G && !window.confirm("目前有尚未儲存的表單草稿，確定要離開嗎？") || pe.push(he.forms());
 	}
-	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: ln,
-		openedContentPublished: dn,
-		openedVersion: un
-	}), pn = U || !K && dn && !S, mn = K ? "保存並發布" : S ? "發布草稿" : dn ? "已發布" : "發布版本";
-	async function hn() {
-		tn(!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 Le(b), t = e.versions.find((e) => e.status === "DRAFT") ?? null;
-			me(e), C(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), $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);
+			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(Kt(e));
+			V(Jt(e));
 		} finally {
-			tn(!1);
+			an(!1);
 		}
 	}
-	async function gn() {
-		let e = await ze((S ?? await Ce(b)).id, w, k);
+	async function yn() {
+		let e = await Ve((S ?? await Te(y)).id, D, k);
 		return C(e), e;
 	}
-	async function _n() {
-		W(!0), H(null);
+	async function bn() {
+		U(!0), V(null);
 		try {
-			await gn(), await hn();
+			await yn(), await vn();
 		} catch (e) {
-			H(Kt(e));
+			V(Jt(e));
 		} finally {
-			W(!1);
+			U(!1);
 		}
 	}
-	async function vn() {
-		W(!0), H(null);
+	async function xn() {
+		U(!0), V(null);
 		try {
-			await je((await gn()).id), await hn();
+			await Ne((await yn()).id), await vn();
 		} catch (e) {
-			H(Kt(e));
+			V(Jt(e));
 		} finally {
-			W(!1);
+			U(!1);
 		}
 	}
-	async function yn(e) {
-		if (!x) throw Error("尚未載入表單資料");
-		rn(!0);
+	async function Sn(e) {
+		if (!b) throw Error("尚未載入表單資料");
+		sn(!0);
 		try {
-			let t = await Re(x.definition.id, e);
-			me({
-				...x,
+			let t = await Be(b.definition.id, e);
+			x({
+				...b,
 				definition: t
-			}), Zt(!1);
+			}), en(!1);
 		} finally {
-			rn(!1);
+			sn(!1);
 		}
 	}
-	function bn(e) {
-		let t = Se(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), Jt("design"), R(null);
+		}), B(t.fieldKey), Zt("design"), L(null);
 	}
-	function xn(e) {
+	function wn(e) {
 		let t = e;
-		t === "advanced" && z !== "advanced" && (j(L(w)), F(L(k))), Jt(t);
+		t === "advanced" && R !== "advanced" && (j(F(D)), I(F(k))), Zt(t);
 	}
-	function Sn(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 Cn(e) {
+	function En(e) {
 		let t = e.destination;
 		t && e.source.index !== t.index && (O((n) => ({
 			...n,
-			fields: Wt(n.fields, e.source.index, t.index)
+			fields: Kt(n.fields, e.source.index, t.index)
 		})), A((n) => ({
 			...n,
-			layout: Wt(n.layout, e.source.index, t.index)
-		})), R(null));
+			layout: Kt(n.layout, e.source.index, t.index)
+		})), 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) => Pt(t) ? {
+	function J(e) {
+		q((t) => It(t) ? {
 			...t,
 			...e
 		} : t);
 	}
-	function wn(e) {
-		J((t) => De(t) ? {
+	function Y(e) {
+		q((t) => ke(t) ? {
 			...t,
 			...e
 		} : t);
 	}
-	function Tn(e) {
-		J((t) => Ee(t) ? {
+	function Dn(e) {
+		q((t) => Oe(t) ? {
 			...t,
 			...e
 		} : t);
 	}
 	function X(e) {
-		J((t) => Oe(t) ? {
+		q((t) => Ae(t) ? {
 			...t,
 			...e
 		} : t);
 	}
-	function En(e) {
-		J((t) => t.type === "boolean" ? {
+	function On(e) {
+		q((t) => t.type === "boolean" ? {
 			...t,
 			...e
 		} : t);
 	}
-	function Dn(e) {
-		J((t) => t.type === "file_upload" ? {
+	function kn(e) {
+		q((t) => t.type === "file_upload" ? {
 			...t,
 			...e
 		} : t);
 	}
-	function On(e) {
-		Ut(e);
+	function An(e) {
+		Yt(e);
 	}
-	function kn(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 An(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 jn(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(n, {
-		activeHref: "/forms",
-		children: [/* @__PURE__ */ v(re, { children: /* @__PURE__ */ y(ye, {
-			description: fn,
-			onBackClick: cn,
-			title: x?.definition.name ?? "表單設計器",
+	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__ */ v(f, {
+				/* @__PURE__ */ _(d, {
 					"aria-label": "修改表單名稱",
-					disabled: nn || !x,
-					icon: he,
+					disabled: on || !b,
+					icon: _e,
 					iconType: "icon-only",
-					onClick: () => Zt(!0),
+					onClick: () => en(!0),
 					variant: "base-ghost",
 					children: "修改表單名稱"
 				}),
-				/* @__PURE__ */ v(f, {
+				/* @__PURE__ */ _(d, {
 					"aria-label": "儲存草稿",
-					disabled: U || !K,
-					icon: _e,
+					disabled: H || !G,
+					icon: ye,
 					iconType: "icon-only",
-					onClick: () => void _n(),
+					onClick: () => void bn(),
 					variant: "base-secondary",
 					children: "儲存草稿"
 				}),
-				/* @__PURE__ */ v(f, {
-					disabled: pn,
-					icon: fe,
+				/* @__PURE__ */ _(d, {
+					disabled: gn,
+					icon: me,
 					iconType: "leading",
-					onClick: () => void vn(),
+					onClick: () => void xn(),
 					variant: "base-primary",
-					children: mn
+					children: _n
 				})
 			]
-		}) }), /* @__PURE__ */ v(ae, { children: /* @__PURE__ */ v(ie, { children: /* @__PURE__ */ y("div", {
-			style: Ct,
+		}) }), /* @__PURE__ */ _(se, { children: /* @__PURE__ */ _(oe, { children: /* @__PURE__ */ v("div", {
+			style: wt,
 			children: [
-				Yt ? /* @__PURE__ */ v(g, {
+				Qt ? /* @__PURE__ */ _(h, {
 					color: "text-error",
 					variant: "body",
-					children: Yt
+					children: Qt
 				}) : null,
-				/* @__PURE__ */ y(oe, {
-					activeKey: z,
-					onChange: xn,
+				/* @__PURE__ */ v(ce, {
+					activeKey: R,
+					onChange: wn,
 					size: "sub",
 					children: [
-						/* @__PURE__ */ v(h, { children: "設計" }, "design"),
-						/* @__PURE__ */ v(h, { children: "預覽" }, "preview"),
-						/* @__PURE__ */ v(h, { children: "版本" }, "versions"),
-						/* @__PURE__ */ v(h, { children: "進階" }, "advanced")
+						/* @__PURE__ */ _(m, { children: "設計" }, "design"),
+						/* @__PURE__ */ _(m, { children: "預覽" }, "preview"),
+						/* @__PURE__ */ _(m, { children: "版本" }, "versions"),
+						/* @__PURE__ */ _(m, { children: "進階" }, "advanced")
 					]
 				}),
-				z === "design" ? Mn() : null,
-				z === "preview" ? Zn() : null,
-				z === "versions" ? Qn() : null,
-				z === "advanced" ? $n() : null
+				R === "design" ? Pn() : null,
+				R === "preview" ? $n() : null,
+				R === "versions" ? er() : null,
+				R === "advanced" ? tr() : null
 			]
 		}) }) })]
-	}), /* @__PURE__ */ v(a, {
+	}), /* @__PURE__ */ _(o, {
 		confirmText: "儲存",
-		initialName: x?.definition.name ?? "",
-		loading: nn,
-		onClose: () => Zt(!1),
-		onSubmit: yn,
-		open: Xt,
+		initialName: b?.definition.name ?? "",
+		loading: on,
+		onClose: () => en(!1),
+		onSubmit: Sn,
+		open: $t,
 		title: "修改表單名稱"
 	})] });
-	function Mn() {
-		return /* @__PURE__ */ y("div", {
+	function Pn() {
+		return /* @__PURE__ */ v("div", {
 			style: M,
-			children: [/* @__PURE__ */ y("div", {
-				style: Qe,
-				children: [/* @__PURE__ */ v(g, {
+			children: [/* @__PURE__ */ v("div", {
+				style: $e,
+				children: [/* @__PURE__ */ _(h, {
 					component: "h2",
 					variant: "label-primary",
 					children: "新增欄位"
-				}), /* @__PURE__ */ v("div", {
-					style: Xe,
-					children: Ke.map((e) => /* @__PURE__ */ v(f, {
-						disabled: U,
+				}), /* @__PURE__ */ _("div", {
+					style: Ze,
+					children: qe.map((e) => /* @__PURE__ */ _(d, {
+						disabled: H,
 						icon: e.icon,
 						iconType: "leading",
-						onClick: () => bn(e.type),
+						onClick: () => Cn(e.type),
 						size: "sub",
-						style: Ze,
+						style: Qe,
 						type: "button",
 						variant: "base-secondary",
 						children: e.label
 					}, e.type))
 				})]
-			}), /* @__PURE__ */ y("div", {
-				style: qe,
-				children: [/* @__PURE__ */ y("div", {
+			}), /* @__PURE__ */ v("div", {
+				style: Je,
+				children: [/* @__PURE__ */ v("div", {
 					style: {
 						...M,
-						...Je
+						...Ye
 					},
-					children: [/* @__PURE__ */ v(g, {
+					children: [/* @__PURE__ */ _(h, {
 						component: "h2",
 						variant: "label-primary",
 						children: "表單畫布"
-					}), w.fields.length > 0 ? /* @__PURE__ */ v(Be, {
-						onDragEnd: Cn,
-						children: /* @__PURE__ */ v(He, {
+					}), 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(Ve, {
+								children: [D.fields.map((e, t) => /* @__PURE__ */ _(Ue, {
 									draggableId: e.fieldKey,
 									index: t,
-									isDragDisabled: U,
-									children: (t, n) => Yn(e, t, n.isDragging)
+									isDragDisabled: H,
+									children: (t, n) => Zn(e, t, n.isDragging)
 								}, e.fieldKey)), e.placeholder]
 							})
 						})
-					}) : /* @__PURE__ */ y("div", {
-						style: at,
-						children: [/* @__PURE__ */ y("div", {
+					}) : /* @__PURE__ */ v("div", {
+						style: ot,
+						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", {
-							style: ot,
-							children: [/* @__PURE__ */ v(f, {
-								disabled: U,
-								onClick: () => bn("text"),
+						}), /* @__PURE__ */ v("div", {
+							style: st,
+							children: [/* @__PURE__ */ _(d, {
+								disabled: H,
+								onClick: () => Cn("text"),
 								variant: "base-primary",
 								children: "新增文字欄位"
-							}), /* @__PURE__ */ v(f, {
-								disabled: U,
-								onClick: () => bn("textarea"),
+							}), /* @__PURE__ */ _(d, {
+								disabled: H,
+								onClick: () => Cn("textarea"),
 								variant: "base-secondary",
 								children: "新增長文字"
 							})]
 						})]
 					})]
-				}), /* @__PURE__ */ y("div", {
+				}), /* @__PURE__ */ v("div", {
 					style: {
 						...M,
-						...Ye
+						...Xe
 					},
-					children: [/* @__PURE__ */ v(g, {
+					children: [/* @__PURE__ */ _(h, {
 						component: "h2",
 						variant: "label-primary",
 						children: "欄位設定"
-					}), G ? Nn(G) : /* @__PURE__ */ v(g, {
+					}), W ? Fn(W) : /* @__PURE__ */ _(h, {
 						color: "text-neutral",
 						variant: "body",
 						children: "請先新增或選取欄位。"
@@ -711,238 +712,238 @@ function F({ formId: ue }) {
 			})]
 		});
 	}
-	function Nn(e) {
-		return /* @__PURE__ */ y("div", {
-			style: st,
-			children: [Pn(e), Fn(e)]
+	function Fn(e) {
+		return /* @__PURE__ */ v("div", {
+			style: ct,
+			children: [In(e), Ln(e)]
 		});
 	}
-	function Pn(e) {
-		return /* @__PURE__ */ y("div", {
-			style: ct,
+	function In(e) {
+		return /* @__PURE__ */ v("div", {
+			style: lt,
 			children: [
-				/* @__PURE__ */ v("div", {
-					style: ut,
-					children: /* @__PURE__ */ v(u, {
+				/* @__PURE__ */ _("div", {
+					style: dt,
+					children: /* @__PURE__ */ _(u, {
 						size: "main",
-						text: jt(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),
-				In(e)
+				}), H),
+				Rn(e)
 			]
 		});
 	}
-	function Fn(e) {
-		return /* @__PURE__ */ v(l, {
-			defaultExpanded: Mt(e),
+	function Ln(e) {
+		return /* @__PURE__ */ _(ee, {
+			defaultExpanded: Pt(e),
 			size: "sub",
 			title: "進階設定",
-			children: /* @__PURE__ */ y("div", {
-				style: ct,
+			children: /* @__PURE__ */ v("div", {
+				style: lt,
 				children: [
-					/* @__PURE__ */ v(g, {
+					/* @__PURE__ */ _(h, {
 						component: "h3",
-						style: lt,
+						style: ut,
 						variant: "label-primary",
 						children: "條件規則"
 					}),
-					/* @__PURE__ */ v(g, {
+					/* @__PURE__ */ _(h, {
 						color: "text-neutral",
-						style: dt,
+						style: ft,
 						variant: "body",
 						children: "只有需要根據其他欄位改變顯示、必填或唯讀狀態時才需要設定。"
 					}),
-					Un(e)
+					Gn(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) {
+		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 /* @__PURE__ */ y(_, { children: [
-			$("預設值", "fieldDefaultValue", e.type === "textarea" ? Kn({
-				disabled: U,
+	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: I(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: I(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 Rn(e) {
-		return /* @__PURE__ */ y(_, { children: [
-			$("預設值", "fieldDefaultValue", Q(typeof e.defaultValue == "number" ? e.defaultValue : void 0, (e) => wn({ 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) => wn({ minimum: e }), "例如：0"), U),
-			$("最大值", "fieldMaximum", Q(e.maximum, (e) => wn({ 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 zn(e) {
-		return $("預設值", "fieldDefaultValue", qn(e, I(e.defaultValue), (e) => Tn({ defaultValue: e })), U);
+	function Vn(e) {
+		return $("預設值", "fieldDefaultValue", Yn(e, Lt(e.defaultValue), (e) => Dn({ defaultValue: e })), H);
 	}
-	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, {
+	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", Jn(e), U, !0)] });
+			value: typeof e.defaultValue == "string" ? E(e.options.map(T), e.defaultValue) : null
+		}), H), $("選項", "fieldOptions", Xn(e), H, !0)] });
 	}
-	function Vn(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) => En({ defaultValue: e?.id === "true" ? !0 : e?.id === "false" ? !1 : void 0 }),
-			options: [...Ot],
+			onChange: (e) => On({ defaultValue: e?.id === "true" ? !0 : e?.id === "false" ? !1 : void 0 }),
+			options: [...kt],
 			placeholder: "選擇預設狀態",
-			value: D(Ot, t)
-		}), U);
+			value: E(kt, t)
+		}), H);
 	}
-	function Hn(e) {
-		return /* @__PURE__ */ y(_, { children: [$("檔案數", "fieldMaxFiles", Q(e.maxFiles, (e) => Dn({ maxFiles: e }), "例如：1", { min: 1 }), U), $("MIME", "fieldAcceptedMimeTypes", Kn({
-			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) => Dn({ acceptedMimeTypes: Ft(e) }),
+			onChange: (e) => kn({ acceptedMimeTypes: Rt(e) }),
 			placeholder: "每行一個 MIME type，例如：application/pdf",
 			rows: 3,
-			value: It(e.acceptedMimeTypes)
+			value: zt(e.acceptedMimeTypes)
 		}), !1)] });
 	}
-	function Un(e) {
-		let t = w.fields.filter((t) => t.fieldKey !== e.fieldKey);
-		return t.length ? /* @__PURE__ */ v(_, { children: At.map((n) => Wn(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: dt,
+			style: ft,
 			variant: "body",
 			children: "目前沒有其他欄位可作為條件來源。新增更多欄位後即可設定條件規則。"
 		});
 	}
-	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: bt,
-			children: [/* @__PURE__ */ v(le, {
-				checked: d,
-				disabled: U,
-				label: d ? "已啟用" : "不啟用",
-				onChange: (e) => Z(t.target, e.target.checked ? T(o, Fe(o), Ie(o)) : void 0),
+	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),
 				size: "sub",
 				supportingText: t.supportingText
-			}), d ? f ? /* @__PURE__ */ v(g, {
+			}), u ? te ? /* @__PURE__ */ _(h, {
 				color: "text-warning",
 				variant: "body",
 				children: "這個規則不是目前 UI 支援的格式。重新選擇條件後會取代既有規則。"
-			}) : /* @__PURE__ */ y("div", {
-				style: xt,
+			}) : /* @__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, Fe(r), Ie(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, Me(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)
 					}),
-					Gn(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 Gn(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: [...kt],
+			options: [...At],
 			placeholder: "比較值",
-			value: D(kt, t === "false" ? "false" : "true")
+			value: E(At, t === "false" ? "false" : "true")
 		});
-		if (Oe(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 De(e) ? Q(Ae(t), (e) => n(String(e ?? 0)), "比較值") : Ee(e) ? qn(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 Kn({ disabled: e, name: t, onChange: n, placeholder: r, rows: i, value: a }) {
-		return /* @__PURE__ */ v(ce, {
+	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),
 			placeholder: r,
-			ref: Dt,
+			ref: Ot,
 			resize: "vertical",
 			rows: i,
-			style: ht,
+			style: gt,
 			value: a
 		});
 	}
 	function Q(e, t, n, r = {}) {
-		return /* @__PURE__ */ v(p, {
+		return /* @__PURE__ */ _(f, {
 			max: r.max,
 			min: r.min,
-			onChange: (e) => t(xe(Ae(e.target.value), r)),
+			onChange: (e) => t(Ce(Me(e.target.value), r)),
 			placeholder: n,
 			showSpinner: !0,
 			step: r.step ?? 1,
@@ -950,30 +951,30 @@ function F({ formId: ue }) {
 			variant: "measure"
 		});
 	}
-	function qn(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(Te(e)),
+			onChange: (e) => n(De(e)),
 			placeholderLeft: "選擇日期",
 			placeholderRight: "選擇時間",
-			value: Pe(t)
-		}) : /* @__PURE__ */ v(ee, {
+			value: Ie(t)
+		}) : /* @__PURE__ */ _(ne, {
 			format: "YYYY-MM-DD",
-			onChange: (e) => n(we(e)),
+			onChange: (e) => n(Ee(e)),
 			placeholder: "選擇日期",
-			value: Pe(t)
+			value: Ie(t)
 		});
 	}
-	function Jn(e) {
-		return /* @__PURE__ */ y("div", {
-			style: wt,
-			children: [/* @__PURE__ */ v(se, {
+	function Xn(e) {
+		return /* @__PURE__ */ v("div", {
+			style: Tt,
+			children: [/* @__PURE__ */ _(le, {
 				actions: {
 					render: (t) => [{
-						disabled: () => U || e.options.length <= 1,
-						icon: ve,
+						disabled: () => H || e.options.length <= 1,
+						icon: be,
 						iconType: "icon-only",
 						name: "移除選項",
 						onClick: () => X({ options: e.options.filter((e, n) => n !== t.index) }),
@@ -983,8 +984,8 @@ function F({ formId: ue }) {
 				},
 				columns: [{
 					key: "label",
-					render: (t) => /* @__PURE__ */ v(p, {
-						onChange: (n) => X({ options: Lt(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,
@@ -993,8 +994,8 @@ function F({ formId: ue }) {
 					title: "Label"
 				}, {
 					key: "value",
-					render: (t) => /* @__PURE__ */ v(p, {
-						onChange: (n) => X({ options: Lt(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,
@@ -1010,39 +1011,39 @@ function F({ formId: ue }) {
 				})),
 				showHeader: !0,
 				size: "sub"
-			}), /* @__PURE__ */ v("div", {
-				style: Tt,
-				children: /* @__PURE__ */ v(f, {
-					disabled: U,
-					icon: ge,
+			}), /* @__PURE__ */ _("div", {
+				style: Et,
+				children: /* @__PURE__ */ _(d, {
+					disabled: H,
+					icon: ve,
 					iconType: "leading",
-					onClick: () => X({ options: [...e.options, Rt(e.options)] }),
+					onClick: () => X({ options: [...e.options, Vt(e.options)] }),
 					variant: "base-secondary",
 					children: "新增選項"
 				})
 			})]
 		});
 	}
-	function Yn(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,
 			style: {
-				...rt,
-				...n ? it : null,
+				...it,
+				...n ? at : null,
 				...t.draggableProps.style
 			},
-			children: /* @__PURE__ */ v(d, { children: Xn(e, t, n) })
+			children: /* @__PURE__ */ _(te, { children: Qn(e, t, n) })
 		});
 	}
-	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,
+	function $(e, t, n, r, a = !1) {
+		return /* @__PURE__ */ _("div", {
+			style: a ? mt : pt,
+			children: /* @__PURE__ */ _("div", {
+				style: ht,
+				children: /* @__PURE__ */ _(i, {
+					disabled: r,
 					label: e,
 					name: t,
 					children: n
@@ -1050,41 +1051,41 @@ function F({ formId: ue }) {
 			})
 		});
 	}
-	function Xn(e, t, n) {
-		return /* @__PURE__ */ y("div", {
+	function Qn(e, t, n) {
+		return /* @__PURE__ */ v("div", {
 			...t.dragHandleProps ?? {},
 			"aria-label": "拖曳排序欄位",
-			style: $e,
+			style: et,
 			title: "拖曳排序",
 			children: [
-				/* @__PURE__ */ v("span", {
+				/* @__PURE__ */ _("span", {
 					"aria-label": "拖曳排序",
 					role: "img",
-					style: St,
+					style: Ct,
 					title: "拖曳排序",
-					children: /* @__PURE__ */ v(ne, {
-						icon: pe,
+					children: /* @__PURE__ */ _(ie, {
+						icon: ge,
 						size: 20
 					})
 				}),
-				/* @__PURE__ */ y("div", {
-					style: et,
-					children: [/* @__PURE__ */ y(g, {
+				/* @__PURE__ */ v("div", {
+					style: tt,
+					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: Et,
+							style: Dt,
 							children: "*"
 						}) : null]
-					}), /* @__PURE__ */ y(g, {
+					}), /* @__PURE__ */ v(h, {
 						color: "text-neutral",
 						component: "span",
 						ellipsis: !0,
 						variant: "caption",
 						children: [
-							jt(e.type),
+							Nt(e.type),
 							" ·",
 							e.required ? " 必填" : " 選填",
 							" ·",
@@ -1092,31 +1093,31 @@ function F({ formId: ue }) {
 						]
 					})]
 				}),
-				/* @__PURE__ */ y("div", {
-					style: tt,
+				/* @__PURE__ */ v("div", {
+					style: nt,
 					children: [
-						/* @__PURE__ */ v("div", {
-							style: nt,
-							children: /* @__PURE__ */ v(le, {
+						/* @__PURE__ */ _("div", {
+							style: rt,
+							children: /* @__PURE__ */ _(de, {
 								checked: !!e.required,
-								disabled: U || n,
+								disabled: H || n,
 								label: "必填",
-								onChange: (t) => kn(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: ve,
+						/* @__PURE__ */ _(d, {
+							disabled: H || n,
+							icon: be,
 							iconType: "icon-only",
-							onClick: () => Sn(e.fieldKey),
+							onClick: () => Tn(e.fieldKey),
 							variant: "destructive-ghost",
 							children: "移除欄位"
 						})
@@ -1125,78 +1126,78 @@ function F({ formId: ue }) {
 			]
 		});
 	}
-	function Zn() {
-		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: On,
-				schema: w,
+			}), /* @__PURE__ */ _(a, {
+				onChange: An,
+				schema: D,
 				uiSchema: k,
-				value: zt
+				value: Gt
 			})]
 		});
 	}
-	function Qn() {
-		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(se, {
-				columns: on,
-				dataSource: an,
-				loading: en
+			}), /* @__PURE__ */ _(le, {
+				columns: ln,
+				dataSource: cn,
+				loading: rn
 			})]
 		});
 	}
-	function $n() {
-		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", {
-				style: gt,
+			}), /* @__PURE__ */ v("div", {
+				style: _t,
 				children: [
-					er("Form Schema", "schemaJson", /* @__PURE__ */ v(Ge, {
-						disabled: U,
+					nr("Form Schema", "schemaJson", /* @__PURE__ */ _(Ke, {
+						disabled: H,
 						height: "360px",
 						name: "schemaJson",
-						onChange: An,
+						onChange: Mn,
 						placeholder: "輸入 Form Schema JSON",
-						value: Ue
+						value: Ge
 					})),
-					er("UI Schema", "uiSchemaJson", /* @__PURE__ */ v(Ge, {
-						disabled: U,
+					nr("UI Schema", "uiSchemaJson", /* @__PURE__ */ _(Ke, {
+						disabled: H,
 						height: "240px",
 						name: "uiSchemaJson",
-						onChange: jn,
+						onChange: Nn,
 						placeholder: "輸入 UI Schema JSON",
-						value: We
+						value: Mt
 					})),
-					qt ? /* @__PURE__ */ v(g, {
+					Xt ? /* @__PURE__ */ _(h, {
 						color: "text-error",
-						style: yt,
+						style: bt,
 						variant: "body",
-						children: qt
+						children: Xt
 					}) : null
 				]
 			})]
 		});
 	}
-	function er(e, t, n) {
-		return /* @__PURE__ */ v("div", {
-			style: _t,
-			children: /* @__PURE__ */ v("div", {
-				style: vt,
-				children: /* @__PURE__ */ v(r, {
-					disabled: U,
+	function nr(e, t, n) {
+		return /* @__PURE__ */ _("div", {
+			style: vt,
+			children: /* @__PURE__ */ _("div", {
+				style: yt,
+				children: /* @__PURE__ */ _(i, {
+					disabled: H,
 					label: e,
 					name: t,
 					children: n
@@ -1205,71 +1206,71 @@ function F({ formId: ue }) {
 		});
 	}
 }
-function jt(e) {
-	return Ke.find((t) => t.type === e)?.label ?? e;
+function Nt(e) {
+	return qe.find((t) => t.type === e)?.label ?? e;
 }
-function Mt(e) {
+function Pt(e) {
 	return !!(e.visibleWhen || e.requiredWhen || e.readonlyWhen);
 }
-function Nt(e) {
+function Ft(e) {
 	return {
 		id: e.fieldKey,
 		name: e.label
 	};
 }
-function Pt(e) {
+function It(e) {
 	return e.type === "text" || e.type === "textarea";
 }
-function I(e) {
+function Lt(e) {
 	return typeof e == "string" ? e : "";
 }
-function Ft(e) {
+function Rt(e) {
 	let t = e.split(/[\n,]/u).map((e) => e.trim()).filter(Boolean);
 	return t.length ? t : void 0;
 }
-function It(e) {
+function zt(e) {
 	return e?.join("\n") ?? "";
 }
-function L(e) {
+function F(e) {
 	return JSON.stringify(e, null, 2);
 }
-function Lt(e, t, n) {
+function Bt(e, t, n) {
 	return e.map((e, r) => r === t ? {
 		...e,
 		...n
 	} : e);
 }
-function Rt(e) {
+function Vt(e) {
 	let t = e.length + 1;
 	return {
 		label: `選項 ${t}`,
-		value: zt(e, t)
+		value: I(e, t)
 	};
 }
-function zt(e, t) {
+function I(e, t) {
 	let n = `option_${t}`;
-	return e.some((e) => e.value === n) ? zt(e, t + 1) : n;
+	return e.some((e) => e.value === n) ? I(e, t + 1) : n;
 }
-function Bt(e, t) {
+function Ht(e, t) {
 	return {
-		schemaJson: L(e),
-		uiSchemaJson: L(t)
+		schemaJson: F(e),
+		uiSchemaJson: F(t)
 	};
 }
-function Vt(e, t) {
+function Ut(e, t) {
 	return (t ? e.find((e) => e.id === t) : null) ?? e.find((e) => e.status === "PUBLISHED") ?? null;
 }
-function Ht({ hasUnsavedChanges: e, latestPublishedVersion: n, openedContentPublished: r, openedVersion: i }) {
-	return `${e ? "有未儲存修改" : "沒有未儲存修改"} · ${Ut({
+function Wt({ hasUnsavedChanges: e, latestPublishedVersion: n, openedContentPublished: r, openedVersion: i }) {
+	return `${e ? "有未儲存修改" : "沒有未儲存修改"} · ${Gt({
 		hasUnsavedChanges: e,
 		openedContentPublished: r,
 		openedVersion: i
 	})} · ${n ? `目前發布 v${n.version}：${t(n.publishedAt)}` : "目前沒有已發布版本"}`;
 }
-function Ut({ hasUnsavedChanges: e, openedContentPublished: t, openedVersion: n }) {
+function Gt({ hasUnsavedChanges: e, openedContentPublished: t, openedVersion: n }) {
 	return e ? n ? `修改尚未發布，來源 v${n.version}` : "修改尚未發布" : t && n ? `當前內容已發布 v${n.version}` : n ? `當前內容尚未發布 v${n.version}` : "當前內容尚未發布";
 }
-function Wt(e, t, n) {
+function Kt(e, t, n) {
 	let r = e[t];
 	if (!r || t === n) return [...e];
 	let i = e.filter((e, n) => n !== t);
@@ -1279,25 +1280,25 @@ function Wt(e, t, n) {
 		...i.slice(n)
 	];
 }
-function Gt({ status: e }) {
-	return e === "PUBLISHED" ? /* @__PURE__ */ v(u, {
+function qt({ status: e }) {
+	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 Kt(e) {
+function Jt(e) {
 	return e instanceof Error ? e.message : "發生未知錯誤";
 }
 //#endregion
-export { F as t };
+export { Mt as t };
 
-//# sourceMappingURL=builder-DqZskyXC.js.map
+//# sourceMappingURL=builder-D950gct_.js.map