@rytass/bpm-core-react 0.8.0 → 0.9.1

package/dist/chunks/FormBuilderView-Do9-MIAe.js

@@ -0,0 +1,1477 @@
+"use client";
+import { t as e } from "./bpm-form-field-Cao0rMol.js";
+import { t } from "./FormRendererView-C5POZbWz.js";
+import { useEffect as n, useMemo as r, useState as i } from "react";
+import { Accordion as a, Badge as o, BaseCard as ee, Button as s, DatePicker as c, DateTimePicker as te, Icon as l, Input as u, Modal as ne, Section as re, SectionGroup as ie, Select as d, Tab as ae, TabItem as f, Table as oe, Textarea as se, Toggle as ce, Typography as p } from "@mezzanine-ui/react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { AlignLeftIcon as le, CalendarIcon as _, CheckedIcon as v, CheckedOutlineIcon as ue, CurrencyDollarIcon as y, DotDragVerticalIcon as de, DotGridIcon as b, FileAttachmentIcon as x, FileIcon as S, ListIcon as fe, PlusIcon as pe, TrashIcon as me } from "@mezzanine-ui/icons";
+import { buildConditionExpression as C, buildFormRendererValues as he, clampOptionalNumber as ge, createFieldDefinition as _e, formatDatePickerValue as ve, formatDateTimePickerValue as ye, isDateFieldDefinition as be, isFormDataSourceDescriptorCompatible as xe, isNumberFieldDefinition as Se, isSelectFieldDefinition as Ce, lintFormSchema as we, listFormDataSources as Te, parseConditionRule as Ee, parseOptionalNumberInput as De, readCompatibleFormDataSourceBindingFields as Oe, readCompatibleFormDataSourceDescriptors as ke, readConditionOperatorOption as Ae, readConditionOperatorOptions as je, readDatePickerValue as Me, readDefaultConditionOperator as Ne, readDefaultConditionValue as w, readFieldOptionAsSelectOption as Pe, readFormDataSourceBinding as Fe, readFormDataSourceBindingValue as Ie, readFormDataSourceBindingValueKind as Le, readFormDataSourceFieldDependencyKeys as Re, readFormSchemaLintMessage as ze, readSelectOption as T, renameFormDataSourceFieldBindings as Be, upsertFormDataSourceFieldBinding as E } from "@rytass/bpm-core-client/form";
+import { isFormDataSourceFieldDefinition as D, isFormOptionFieldDefinition as Ve, readFormFieldSelectionMode as O } from "@rytass/bpm-core-shared/form";
+import { DragDropContext as He, Draggable as Ue, Droppable as We } from "@hello-pangea/dnd";
+import k from "next/dynamic";
+import { json as Ge } from "@codemirror/lang-json";
+import { EditorView as A } from "@codemirror/view";
+//#region src/views/forms/builder/json-code-editor.tsx
+var Ke = {
+	alignItems: "center",
+	border: "1px solid var(--mzn-color-border-neutral)",
+	borderRadius: 4,
+	color: "var(--mzn-color-text-neutral)",
+	display: "flex",
+	minHeight: 160,
+	padding: 12,
+	width: "100%"
+}, j = [
+	Ge(),
+	A.lineWrapping,
+	A.theme({
+		"&": {
+			border: "1px solid var(--mzn-color-border-neutral)",
+			borderRadius: "4px",
+			fontSize: "13px",
+			width: "100%"
+		},
+		"&.cm-focused": { outline: "1px solid var(--mzn-color-border-primary)" },
+		".cm-content": {
+			fontFamily: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", monospace",
+			minHeight: "100%"
+		},
+		".cm-editor": { width: "100%" },
+		".cm-gutters": { borderRight: "1px solid var(--mzn-color-border-neutral)" },
+		".cm-scroller": { fontFamily: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", monospace" }
+	})
+], M = k(() => import("@uiw/react-codemirror"), {
+	loading: () => /* @__PURE__ */ h("div", {
+		style: Ke,
+		children: "載入 JSON 編輯器"
+	}),
+	ssr: !1
+});
+function qe({ disabled: e = !1, height: t, name: n, onChange: r, placeholder: i, value: a }) {
+	return /* @__PURE__ */ h(M, {
+		"aria-label": n,
+		basicSetup: {
+			autocompletion: !0,
+			bracketMatching: !0,
+			closeBrackets: !0,
+			defaultKeymap: !0,
+			foldGutter: !0,
+			highlightActiveLine: !0,
+			highlightSelectionMatches: !0,
+			lineNumbers: !0,
+			syntaxHighlighting: !0
+		},
+		editable: !e,
+		extensions: [...j],
+		height: t,
+		indentWithTab: !1,
+		onChange: r,
+		placeholder: i,
+		readOnly: e,
+		theme: "light",
+		value: a,
+		width: "100%"
+	});
+}
+//#endregion
+//#region src/views/forms/builder/FormBuilderView.tsx
+var Je = [
+	{
+		description: "單行文字、姓名、編號",
+		icon: le,
+		label: "文字",
+		type: "text"
+	},
+	{
+		description: "多行補充內容",
+		icon: S,
+		label: "長文字",
+		type: "textarea"
+	},
+	{
+		description: "金額、數量、分數",
+		icon: y,
+		label: "數字",
+		type: "number"
+	},
+	{
+		description: "金額與費用",
+		icon: y,
+		label: "金額",
+		type: "money"
+	},
+	{
+		description: "日期或到期日",
+		icon: _,
+		label: "日期",
+		type: "date"
+	},
+	{
+		description: "日期與時間",
+		icon: _,
+		label: "日期時間",
+		type: "datetime"
+	},
+	{
+		description: "是 / 否狀態",
+		icon: v,
+		label: "開關",
+		type: "boolean"
+	},
+	{
+		description: "固定選項擇一",
+		icon: fe,
+		label: "下拉選單",
+		type: "select"
+	},
+	{
+		description: "可搜尋的固定選項",
+		icon: fe,
+		label: "自動完成",
+		type: "autocomplete"
+	},
+	{
+		description: "固定選項單選",
+		icon: b,
+		label: "單選",
+		type: "radio"
+	},
+	{
+		description: "固定選項複選",
+		icon: ue,
+		label: "複選",
+		type: "checkbox"
+	},
+	{
+		description: "附件或佐證資料",
+		icon: x,
+		label: "附件",
+		type: "file_upload"
+	}
+], Ye = {
+	alignItems: "start",
+	display: "flex",
+	flexWrap: "wrap",
+	gap: 16
+}, Xe = {
+	flex: "0.55 1 300px",
+	minWidth: 0
+}, Ze = {
+	flex: "1.45 1 720px",
+	minWidth: 620
+}, N = {
+	display: "grid",
+	gap: 12
+}, Qe = {
+	display: "flex",
+	flexWrap: "wrap",
+	gap: 6
+}, $e = {
+	flex: "0 0 auto",
+	whiteSpace: "nowrap"
+}, et = {
+	display: "grid",
+	gap: 8
+}, tt = {
+	alignItems: "center",
+	cursor: "grab",
+	display: "flex",
+	gap: 12,
+	touchAction: "none"
+}, nt = {
+	display: "grid",
+	flex: "1 1 auto",
+	gap: 2,
+	minWidth: 0
+}, rt = {
+	alignItems: "center",
+	display: "flex",
+	flex: "0 0 auto",
+	gap: 4
+}, it = {
+	alignItems: "center",
+	display: "flex",
+	gap: 6
+}, at = {
+	cursor: "pointer",
+	userSelect: "none"
+}, ot = { filter: "drop-shadow(0 8px 18px rgba(0, 0, 0, 0.12))" }, st = {
+	backgroundColor: "color-mix(in srgb, var(--mzn-color-primary) 8%, var(--mzn-color-bg-surface))",
+	boxShadow: "inset 0 0 0 1px var(--mzn-color-border-primary)"
+}, ct = {
+	alignItems: "center",
+	border: "1px dashed var(--mzn-color-border-neutral)",
+	borderRadius: 6,
+	display: "grid",
+	gap: 12,
+	minHeight: 240,
+	padding: 32,
+	textAlign: "center"
+}, lt = {
+	display: "flex",
+	gap: 8,
+	justifyContent: "center"
+}, ut = {
+	display: "grid",
+	gap: 14
+}, dt = {
+	display: "grid",
+	columnGap: 16,
+	gridTemplateColumns: "repeat(auto-fit, minmax(280px, 1fr))",
+	rowGap: 8
+}, ft = { gridColumn: "1 / -1" }, pt = {
+	alignItems: "center",
+	display: "flex",
+	gap: 8,
+	gridColumn: "1 / -1",
+	justifyContent: "flex-end"
+}, mt = { gridColumn: "1 / -1" }, ht = {
+	alignItems: "start",
+	display: "block",
+	width: "100%"
+}, gt = {
+	...ht,
+	gridColumn: "1 / -1"
+}, _t = {
+	minWidth: 0,
+	width: "100%"
+}, vt = {
+	minWidth: "100%",
+	width: "100%"
+}, yt = {
+	display: "grid",
+	gap: 14
+}, bt = {
+	alignItems: "start",
+	display: "block",
+	width: "100%"
+}, xt = {
+	minWidth: 0,
+	width: "100%"
+}, St = { gridColumn: "2 / -1" }, Ct = {
+	display: "grid",
+	gap: 10,
+	width: "100%"
+}, wt = {
+	display: "grid",
+	gap: 8,
+	gridTemplateColumns: "repeat(auto-fit, minmax(160px, 1fr))"
+}, Tt = { display: "inline-flex" }, Et = {
+	display: "grid",
+	gap: 16
+}, Dt = {
+	display: "grid",
+	gap: 8
+}, Ot = {
+	display: "flex",
+	justifyContent: "flex-end"
+}, kt = {
+	color: "var(--mzn-color-text-error)",
+	fontSize: "0.72em",
+	lineHeight: 0,
+	marginLeft: 2,
+	verticalAlign: "super"
+}, At = {
+	display: "grid",
+	gap: 10,
+	gridColumn: "1 / -1"
+}, jt = {
+	backgroundColor: "var(--mzn-color-bg-surface-secondary)",
+	borderRadius: 6,
+	display: "grid",
+	gap: 4,
+	padding: 10
+}, Mt = {
+	display: "grid",
+	gap: 8,
+	gridTemplateColumns: "minmax(180px, 0.7fr) minmax(220px, 1.3fr)"
+};
+function Nt(e) {
+	e && (e.style.width = "100%");
+}
+var Pt = {
+	fields: [],
+	schemaVersion: 1
+}, Ft = {
+	layout: [],
+	schemaVersion: 1
+}, P = "__STATIC_OPTIONS__", It = "__CONSTANT__", Lt = "__UNBOUND__", Rt = [{
+	id: P,
+	name: "靜態選項"
+}], zt = [{
+	id: "single",
+	name: "單選"
+}, {
+	id: "multiple",
+	name: "複選"
+}], Bt = [
+	{
+		id: "unset",
+		name: "不預設"
+	},
+	{
+		id: "true",
+		name: "是"
+	},
+	{
+		id: "false",
+		name: "否"
+	}
+], Vt = [{
+	id: "true",
+	name: "是"
+}, {
+	id: "false",
+	name: "否"
+}], Ht = [
+	{
+		label: "顯示",
+		name: "fieldVisibleWhen",
+		supportingText: "符合條件時才顯示這個欄位。",
+		target: "visibleWhen"
+	},
+	{
+		label: "必填",
+		name: "fieldRequiredWhen",
+		supportingText: "符合條件時才要求填寫這個欄位。",
+		target: "requiredWhen"
+	},
+	{
+		label: "唯讀",
+		name: "fieldReadonlyWhen",
+		supportingText: "符合條件時不允許修改這個欄位。",
+		target: "readonlyWhen"
+	}
+];
+function F({ onChange: le, value: _ }) {
+	let v = _?.schema ?? Pt, ue = _?.uiSchema ?? Ft, [y, b] = i(v), [x, S] = i(ue), [fe, k] = i(I(v)), [Ge, A] = i(I(ue)), [Ke, j] = i({}), [M, F] = i(null), [L, an] = i("design"), [R, z] = i(null), [B, on] = i([]), [sn, cn] = i(null), [ln, un] = i("loading"), [V, H] = i(null), [dn, fn] = i(!1), [U, W] = i(null);
+	n(() => {
+		let e = !0;
+		return Te().then((t) => {
+			e && (on(t), cn(null), un("ready"));
+		}).catch((t) => {
+			e && (on([]), cn("目前無法載入 DataSource Catalog，請稍後重試。"), un("unavailable"));
+		}), () => {
+			e = !1;
+		};
+	}, []), n(() => {
+		y.fields.some((e) => e.fieldKey === R) || z(y.fields[0]?.fieldKey ?? null);
+	}, [y.fields, R]), n(() => {
+		j((e) => he(y.fields, e));
+	}, [y.fields]), n(() => {
+		L !== "advanced" && (k(I(y)), A(I(x)));
+	}, [
+		L,
+		y,
+		x
+	]);
+	let G = r(() => y.fields.find((e) => e.fieldKey === R) ?? y.fields[0] ?? null, [y.fields, R]);
+	n(() => {
+		le?.({
+			schema: y,
+			uiSchema: x
+		});
+	}, [y, x]);
+	function pn(e) {
+		let t = _e(e, y.fields.length + 1);
+		b({
+			...y,
+			fields: [...y.fields, t]
+		}), S({
+			...x,
+			layout: [...x.layout, {
+				fieldKey: t.fieldKey,
+				width: e === "textarea" || e === "file_upload" ? "FULL" : "HALF"
+			}]
+		}), z(t.fieldKey), an("design"), F(null);
+	}
+	function mn(e) {
+		let t = e;
+		t === "advanced" && L !== "advanced" && (k(I(y)), A(I(x))), an(t);
+	}
+	function hn(e) {
+		let t = y.fields.flatMap((t) => D(t) && Re(t).includes(e) ? [t.fieldKey] : []);
+		if (t.length > 0) {
+			W({
+				affectedFieldKeys: t,
+				fieldKey: e,
+				kind: "remove-field"
+			});
+			return;
+		}
+		gn(e);
+	}
+	function gn(e) {
+		let t = y.fields.filter((t) => t.fieldKey !== e);
+		b({
+			...y,
+			fields: t
+		}), S({
+			...x,
+			layout: x.layout.filter((t) => t.fieldKey !== e)
+		}), z(R === e ? t[0]?.fieldKey ?? null : R), F(null), H(null);
+	}
+	function _n(e) {
+		let t = e.destination;
+		t && e.source.index !== t.index && (b((n) => ({
+			...n,
+			fields: rn(n.fields, e.source.index, t.index)
+		})), S((n) => ({
+			...n,
+			layout: rn(n.layout, e.source.index, t.index)
+		})), F(null));
+	}
+	function K(e) {
+		q((t) => ({
+			...t,
+			...e
+		}));
+	}
+	function q(e) {
+		if (!G) return;
+		let t = G.fieldKey, n = e(G), r = n.fieldKey, i = {
+			...y,
+			fields: y.fields.map((e) => e.fieldKey === t ? n : e)
+		};
+		b(t === r ? i : Be(i, t, r)), S({
+			...x,
+			layout: x.layout.map((e) => e.fieldKey === t ? {
+				...e,
+				fieldKey: r
+			} : e)
+		}), z(r), F(null), H(null);
+	}
+	function J(e) {
+		q((t) => Zt(t) ? {
+			...t,
+			...e
+		} : t);
+	}
+	function vn(e) {
+		q((t) => Se(t) ? {
+			...t,
+			...e
+		} : t);
+	}
+	function yn(e) {
+		q((t) => be(t) ? {
+			...t,
+			...e
+		} : t);
+	}
+	function Y(e) {
+		q((t) => Ce(t) ? {
+			...t,
+			...e
+		} : t);
+	}
+	function bn(e) {
+		if (!G || G.type !== "select" && G.type !== "autocomplete" || O(G) === e) return;
+		let t = G.defaultValue, n = e === "multiple" ? typeof t == "string" ? [t] : t : Array.isArray(t) ? t[0] : t;
+		X(G, {
+			...G,
+			defaultValue: n,
+			mode: e
+		}, "選擇模式變更可能轉換或捨棄既有預設值。");
+	}
+	function X(e, t, n = "此變更會替換目前選項來源；既有 options、dynamic reference 或 bindings 可能失效。") {
+		JSON.stringify(e) !== JSON.stringify(t) && W({
+			fieldKey: e.fieldKey,
+			impact: n,
+			kind: "replace-field",
+			nextField: t
+		});
+	}
+	function xn(e, t) {
+		if (!t) return;
+		if (t === P) {
+			if (!D(e)) return;
+			let { dataSource: t, defaultValue: n, ...r } = e;
+			X(e, {
+				...r,
+				options: []
+			});
+			return;
+		}
+		let n = B.find((e) => Wt(e) === t);
+		if (!n) return;
+		if (D(e)) {
+			let t = new Set(n.parameters.map((e) => e.key)), r = e.dataSource.bindings.filter((e) => t.has(e.parameter));
+			X(e, {
+				...e,
+				dataSource: {
+					bindings: r,
+					key: n.key,
+					version: n.version
+				}
+			});
+			return;
+		}
+		let { options: r, defaultValue: i, ...a } = e;
+		X(e, {
+			...a,
+			dataSource: {
+				bindings: [],
+				key: n.key,
+				version: n.version
+			}
+		});
+	}
+	function Sn() {
+		U && (U.kind === "remove-field" ? gn(U.fieldKey) : (b({
+			...y,
+			fields: y.fields.map((e) => e.fieldKey === U.fieldKey ? U.nextField : e)
+		}), F(null), H(null)), W(null));
+	}
+	async function Cn() {
+		fn(!0);
+		try {
+			H((await we(y, x)).errors.map(ze));
+		} catch {
+			H(["目前無法完成 DataSource schema 驗證。"]);
+		} finally {
+			fn(!1);
+		}
+	}
+	function wn(e) {
+		q((t) => t.type === "boolean" ? {
+			...t,
+			...e
+		} : t);
+	}
+	function Tn(e) {
+		q((t) => t.type === "file_upload" ? {
+			...t,
+			...e
+		} : t);
+	}
+	function En(e) {
+		j(e);
+	}
+	function Dn(e, t) {
+		b((n) => ({
+			...n,
+			fields: n.fields.map((n) => n.fieldKey === e ? {
+				...n,
+				required: t
+			} : n)
+		})), F(null);
+	}
+	function On(e) {
+		k(e);
+		try {
+			b(JSON.parse(e)), F(null);
+		} catch {
+			F("Form Schema JSON 格式不正確");
+		}
+	}
+	function kn(e) {
+		A(e);
+		try {
+			S(JSON.parse(e)), F(null);
+		} catch {
+			F("UI Schema JSON 格式不正確");
+		}
+	}
+	return /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(m, { children: /* @__PURE__ */ h(ie, { children: /* @__PURE__ */ h(re, { children: /* @__PURE__ */ g("div", {
+		style: Et,
+		children: [
+			/* @__PURE__ */ g(ae, {
+				activeKey: L,
+				onChange: mn,
+				size: "sub",
+				children: [
+					/* @__PURE__ */ h(f, { children: "設計" }, "design"),
+					/* @__PURE__ */ h(f, { children: "預覽" }, "preview"),
+					/* @__PURE__ */ h(f, { children: "進階" }, "advanced")
+				]
+			}),
+			L === "design" ? An() : null,
+			L === "preview" ? nr() : null,
+			L === "advanced" ? rr() : null
+		]
+	}) }) }) }), U ? /* @__PURE__ */ h(ne, {
+		cancelText: "返回",
+		confirmText: "確認變更",
+		modalType: "standard",
+		onCancel: () => W(null),
+		onClose: () => W(null),
+		onConfirm: Sn,
+		open: !0,
+		showModalFooter: !0,
+		showModalHeader: !0,
+		title: U.kind === "remove-field" ? "確認移除 dependency 欄位" : "確認替換選項來源",
+		children: U.kind === "remove-field" ? /* @__PURE__ */ g("div", {
+			style: Dt,
+			children: [/* @__PURE__ */ h(p, {
+				variant: "body",
+				children: "此欄位仍被下列 DataSource binding 使用；移除後請重新設定這些欄位。"
+			}), /* @__PURE__ */ h(p, {
+				color: "text-warning",
+				variant: "body",
+				children: U.affectedFieldKeys.join("、")
+			})]
+		}) : /* @__PURE__ */ g(p, {
+			variant: "body",
+			children: [U.impact, "確認後才會寫入 schema。"]
+		})
+	}) : null] });
+	function An() {
+		return /* @__PURE__ */ g("div", {
+			style: N,
+			children: [/* @__PURE__ */ g("div", {
+				style: et,
+				children: [/* @__PURE__ */ h(p, {
+					component: "h2",
+					variant: "label-primary",
+					children: "新增欄位"
+				}), /* @__PURE__ */ h("div", {
+					style: Qe,
+					children: Je.map((e) => /* @__PURE__ */ h(s, {
+						icon: e.icon,
+						iconType: "leading",
+						onClick: () => pn(e.type),
+						size: "sub",
+						style: $e,
+						type: "button",
+						variant: "base-secondary",
+						children: e.label
+					}, e.type))
+				})]
+			}), /* @__PURE__ */ g("div", {
+				style: Ye,
+				children: [/* @__PURE__ */ g("div", {
+					style: {
+						...N,
+						...Xe
+					},
+					children: [/* @__PURE__ */ h(p, {
+						component: "h2",
+						variant: "label-primary",
+						children: "表單畫布"
+					}), y.fields.length > 0 ? /* @__PURE__ */ h(He, {
+						onDragEnd: _n,
+						children: /* @__PURE__ */ h(We, {
+							droppableId: "form-builder-fields",
+							children: (e) => /* @__PURE__ */ g("div", {
+								...e.droppableProps,
+								ref: e.innerRef,
+								style: N,
+								children: [y.fields.map((e, t) => /* @__PURE__ */ h(Ue, {
+									draggableId: e.fieldKey,
+									index: t,
+									children: (t, n) => er(e, t, n.isDragging)
+								}, e.fieldKey)), e.placeholder]
+							})
+						})
+					}) : /* @__PURE__ */ g("div", {
+						style: ct,
+						children: [/* @__PURE__ */ g("div", {
+							style: N,
+							children: [/* @__PURE__ */ h(p, {
+								component: "h3",
+								variant: "h3",
+								children: "尚未建立欄位"
+							}), /* @__PURE__ */ h(p, {
+								color: "text-neutral",
+								variant: "body",
+								children: "從上方新增第一個欄位，或直接建立常用文字欄位開始設計。"
+							})]
+						}), /* @__PURE__ */ g("div", {
+							style: lt,
+							children: [/* @__PURE__ */ h(s, {
+								onClick: () => pn("text"),
+								variant: "base-primary",
+								children: "新增文字欄位"
+							}), /* @__PURE__ */ h(s, {
+								onClick: () => pn("textarea"),
+								variant: "base-secondary",
+								children: "新增長文字"
+							})]
+						})]
+					})]
+				}), /* @__PURE__ */ g("div", {
+					style: {
+						...N,
+						...Ze
+					},
+					children: [/* @__PURE__ */ h(p, {
+						component: "h2",
+						variant: "label-primary",
+						children: "欄位設定"
+					}), G ? jn(G) : /* @__PURE__ */ h(p, {
+						color: "text-neutral",
+						variant: "body",
+						children: "請先新增或選取欄位。"
+					})]
+				})]
+			})]
+		});
+	}
+	function jn(e) {
+		return /* @__PURE__ */ g("div", {
+			style: ut,
+			children: [Mn(e), Nn(e)]
+		});
+	}
+	function Mn(e) {
+		return /* @__PURE__ */ g("div", {
+			style: dt,
+			children: [
+				/* @__PURE__ */ h("div", {
+					style: pt,
+					children: /* @__PURE__ */ h(o, {
+						size: "main",
+						text: Ut(e.type),
+						variant: "text-info"
+					})
+				}),
+				$("標題", "fieldLabel", /* @__PURE__ */ h(u, {
+					onChange: (e) => K({ label: e.target.value }),
+					placeholder: "例如：申請金額",
+					value: e.label,
+					variant: "base"
+				})),
+				$("欄位 Key", "fieldKey", /* @__PURE__ */ h(u, {
+					onChange: (e) => K({ fieldKey: e.target.value }),
+					placeholder: "例如：amount",
+					value: e.fieldKey,
+					variant: "base"
+				})),
+				$("提示文字", "fieldPlaceholder", /* @__PURE__ */ h(u, {
+					onChange: (e) => K({ placeholder: e.target.value || void 0 }),
+					placeholder: "例如：請輸入申請金額",
+					value: e.placeholder ?? "",
+					variant: "base"
+				})),
+				Pn(e)
+			]
+		});
+	}
+	function Nn(e) {
+		return /* @__PURE__ */ h(a, {
+			defaultExpanded: Yt(e),
+			size: "sub",
+			title: "進階設定",
+			children: /* @__PURE__ */ g("div", {
+				style: dt,
+				children: [
+					/* @__PURE__ */ h(p, {
+						component: "h3",
+						style: ft,
+						variant: "label-primary",
+						children: "條件規則"
+					}),
+					/* @__PURE__ */ h(p, {
+						color: "text-neutral",
+						style: mt,
+						variant: "body",
+						children: "只有需要根據其他欄位改變顯示、必填或唯讀狀態時才需要設定。"
+					}),
+					Jn(e)
+				]
+			})
+		});
+	}
+	function Pn(e) {
+		return Zt(e) ? Fn(e) : Se(e) ? In(e) : be(e) ? Ln(e) : Ve(e) ? Rn(e) : e.type === "boolean" ? Kn(e) : qn(e);
+	}
+	function Fn(e) {
+		return /* @__PURE__ */ g(m, { children: [
+			$("預設值", "fieldDefaultValue", e.type === "textarea" ? Zn({
+				name: "fieldDefaultValue",
+				onChange: (e) => J({ defaultValue: e || void 0 }),
+				placeholder: "輸入此欄位的預設文字",
+				rows: 3,
+				value: Qt(e.defaultValue)
+			}) : /* @__PURE__ */ h(u, {
+				onChange: (e) => J({ defaultValue: e.target.value || void 0 }),
+				placeholder: "輸入此欄位的預設文字",
+				value: Qt(e.defaultValue),
+				variant: "base"
+			})),
+			$("最小長度", "fieldMinLength", Q(e.minLength, (e) => J({ minLength: e }), "例如：2", { min: 0 })),
+			$("最大長度", "fieldMaxLength", Q(e.maxLength, (e) => J({ maxLength: e }), "例如：100", { min: 1 }))
+		] });
+	}
+	function In(e) {
+		return /* @__PURE__ */ g(m, { children: [
+			$("預設值", "fieldDefaultValue", Q(typeof e.defaultValue == "number" ? e.defaultValue : void 0, (e) => vn({ defaultValue: e }), e.type === "money" ? "例如：1000" : "輸入預設數值", {
+				max: e.maximum,
+				min: e.minimum
+			})),
+			$("最小值", "fieldMinimum", Q(e.minimum, (e) => vn({ minimum: e }), "例如：0")),
+			$("最大值", "fieldMaximum", Q(e.maximum, (e) => vn({ maximum: e }), "例如：999999"))
+		] });
+	}
+	function Ln(e) {
+		return $("預設值", "fieldDefaultValue", Qn(e, Qt(e.defaultValue), (e) => yn({ defaultValue: e })));
+	}
+	function Rn(e) {
+		let t = ke(e.type, B), n = D(e) ? Wt(e.dataSource) : P, r = D(e) ? B.find((t) => t.key === e.dataSource.key && t.version === e.dataSource.version) : null, i = r ? t.some((e) => e.key === r.key && e.version === r.version) : !1, a = [
+			...Rt,
+			...t.map(Gt),
+			...D(e) && !i ? [{
+				id: n,
+				name: `${e.dataSource.key} v${e.dataSource.version}（目前不可用或不支援）`
+			}] : []
+		], o = O(e);
+		return /* @__PURE__ */ g(m, { children: [
+			e.type === "select" || e.type === "autocomplete" ? $("選擇模式", "fieldSelectionMode", /* @__PURE__ */ h(d, {
+				clearable: !1,
+				onChange: (e) => {
+					(e?.id === "single" || e?.id === "multiple") && bn(e.id);
+				},
+				options: [...zt],
+				value: T(zt, o)
+			})) : $("選擇模式", "fieldSelectionMode", /* @__PURE__ */ h(p, {
+				color: "text-neutral",
+				variant: "body",
+				children: o === "multiple" ? "固定複選" : "固定單選"
+			})),
+			$("選項來源", "fieldOptionSource", /* @__PURE__ */ h(d, {
+				clearable: !1,
+				disabled: ln === "loading" && !D(e),
+				onChange: (t) => xn(e, t?.id),
+				options: a,
+				placeholder: "選擇選項來源",
+				value: T(a, n)
+			})),
+			D(e) ? zn(e, t) : Gn(e)
+		] });
+	}
+	function zn(e, t) {
+		let n = B.find((t) => t.key === e.dataSource.key && t.version === e.dataSource.version), r = n && !xe(n, e.type);
+		return /* @__PURE__ */ g("div", {
+			style: At,
+			children: [
+				ln === "loading" ? /* @__PURE__ */ h(p, {
+					color: "text-neutral",
+					variant: "body",
+					children: "正在載入可用的 DataSource Catalog…"
+				}) : null,
+				sn ? /* @__PURE__ */ h(p, {
+					color: "text-error",
+					variant: "body",
+					children: sn
+				}) : null,
+				n ? null : /* @__PURE__ */ h(p, {
+					color: "text-warning",
+					variant: "body",
+					children: "目前來源版本未出現在 Catalog；會保留原設定，但在環境 lint 通過前不可發布。"
+				}),
+				r ? /* @__PURE__ */ h(p, {
+					color: "text-error",
+					variant: "body",
+					children: "目前來源不支援此控制項或超出 bounded list 限制，請選擇其他版本。"
+				}) : null,
+				n ? Bn(n) : null,
+				n ? n.parameters.map((t) => Vn(e, t)) : null,
+				t.length === 0 && !sn ? /* @__PURE__ */ h(p, {
+					color: "text-warning",
+					variant: "body",
+					children: "沒有符合目前控制項能力的已註冊來源。"
+				}) : null,
+				/* @__PURE__ */ h("div", {
+					style: Ot,
+					children: /* @__PURE__ */ h(s, {
+						disabled: dn,
+						onClick: () => void Cn(),
+						size: "sub",
+						type: "button",
+						variant: "base-secondary",
+						children: dn ? "驗證中…" : "驗證 DataSource 設定"
+					})
+				}),
+				V ? /* @__PURE__ */ h(p, {
+					color: V.length > 0 ? "text-error" : "text-success",
+					variant: "caption",
+					children: V.length > 0 ? V.join("；") : "DataSource schema 與目前環境均通過驗證。"
+				}) : null
+			]
+		});
+	}
+	function Bn(e) {
+		return /* @__PURE__ */ g("div", {
+			style: jt,
+			children: [
+				/* @__PURE__ */ g(p, {
+					variant: "label-primary",
+					children: [
+						e.label,
+						" · v",
+						e.version
+					]
+				}),
+				e.description ? /* @__PURE__ */ h(p, {
+					color: "text-neutral",
+					variant: "caption",
+					children: e.description
+				}) : null,
+				/* @__PURE__ */ g(p, {
+					color: "text-neutral",
+					variant: "caption",
+					children: [
+						"支援：",
+						e.supportedControls.join("、"),
+						"；",
+						e.supportsSearch ? "支援搜尋" : "不支援搜尋",
+						"；",
+						e.paginationMode === "CURSOR" ? "支援分頁" : "完整清單",
+						"； policy：",
+						e.revalidationPolicy
+					]
+				})
+			]
+		});
+	}
+	function Vn(t, n) {
+		let r = Fe(t, n.key), i = Kt(r), a = Oe(n.type, y.fields, t.fieldKey), o = [
+			...n.required ? [] : [{
+				id: Lt,
+				name: "未綁定"
+			}],
+			...a,
+			...n.type === "STRING_ARRAY" ? [] : [{
+				id: It,
+				name: "固定常數"
+			}]
+		];
+		return /* @__PURE__ */ g("div", {
+			style: Mt,
+			children: [/* @__PURE__ */ h(e, {
+				label: `${n.label ?? n.key}${n.required ? "（必填）" : "（選填）"}`,
+				name: `dataSourceParameter_${n.key}`,
+				children: /* @__PURE__ */ h(d, {
+					clearable: !1,
+					onChange: (e) => Un(t, n.key, n.type, e?.id),
+					options: o,
+					placeholder: "選擇欄位或常數",
+					value: T(o, i)
+				})
+			}), Le(r) === "CONSTANT" ? Hn(t, n.key, n.type, r) : Le(r) === "FIELD" ? /* @__PURE__ */ g(p, {
+				color: "text-neutral",
+				variant: "caption",
+				children: [
+					"使用表單欄位「",
+					r?.from.kind === "FIELD" ? r.from.fieldKey : "",
+					"」的目前值。"
+				]
+			}) : /* @__PURE__ */ h(p, {
+				color: "text-neutral",
+				variant: "caption",
+				children: n.required ? a.length > 0 ? "請選擇相容的表單欄位或固定常數。" : "目前沒有型別相容的表單欄位，請先建立 dependency。" : "此參數可不綁定。"
+			})]
+		}, n.key);
+	}
+	function Hn(e, t, n, r) {
+		let i = Ie(e, t);
+		if (n === "BOOLEAN") {
+			let e = [{
+				id: "true",
+				name: "是"
+			}, {
+				id: "false",
+				name: "否"
+			}];
+			return /* @__PURE__ */ h(d, {
+				clearable: !1,
+				onChange: (e) => Wn(t, e?.id === "true"),
+				options: e,
+				value: T(e, i === !0 ? "true" : "false")
+			});
+		}
+		return n === "STRING_ARRAY" ? /* @__PURE__ */ h(p, {
+			color: "text-warning",
+			variant: "caption",
+			children: "STRING_ARRAY 參數請綁定複選欄位；目前不接受固定常數。"
+		}) : /* @__PURE__ */ h(u, {
+			onChange: (e) => Wn(t, n === "NUMBER" ? De(e.target.value) ?? 0 : e.target.value),
+			placeholder: n === "NUMBER" ? "輸入數字" : "輸入固定值",
+			value: Jt(r, n),
+			variant: "base"
+		});
+	}
+	function Un(e, t, n, r) {
+		if (!r || r === Lt) {
+			q((e) => D(e) ? E(e, t, null) : e);
+			return;
+		}
+		if (r === It) {
+			q((e) => D(e) ? E(e, t, {
+				from: {
+					kind: "CONSTANT",
+					value: qt(n)
+				},
+				parameter: t
+			}) : e);
+			return;
+		}
+		q((e) => D(e) ? E(e, t, {
+			from: {
+				fieldKey: r,
+				kind: "FIELD"
+			},
+			parameter: t
+		}) : e);
+	}
+	function Wn(e, t) {
+		q((n) => D(n) ? E(n, e, {
+			from: {
+				kind: "CONSTANT",
+				value: t
+			},
+			parameter: e
+		}) : n);
+	}
+	function Gn(e) {
+		let t = O(e), n = Array.isArray(e.defaultValue) ? e.defaultValue : [], r = e.options.map(Pe), i = r.filter((e) => n.includes(e.id));
+		return /* @__PURE__ */ g(m, { children: [$("預設值", "fieldDefaultValue", t === "multiple" ? /* @__PURE__ */ h(d, {
+			clearable: !0,
+			mode: "multiple",
+			onChange: (e) => Y({ defaultValue: e.length ? e.map((e) => e.id) : void 0 }),
+			options: r,
+			placeholder: "選擇一或多個預設選項",
+			value: i
+		}) : /* @__PURE__ */ h(d, {
+			clearable: !0,
+			onChange: (e) => Y({ defaultValue: e?.id || void 0 }),
+			options: r,
+			placeholder: "選擇預設選項",
+			value: typeof e.defaultValue == "string" ? T(r, e.defaultValue) : null
+		})), $("選項", "fieldOptions", $n(e), !0)] });
+	}
+	function Kn(e) {
+		let t = typeof e.defaultValue == "boolean" ? String(e.defaultValue) : "unset";
+		return $("預設值", "fieldDefaultValue", /* @__PURE__ */ h(d, {
+			clearable: !1,
+			onChange: (e) => wn({ defaultValue: e?.id === "true" ? !0 : e?.id === "false" ? !1 : void 0 }),
+			options: [...Bt],
+			placeholder: "選擇預設狀態",
+			value: T(Bt, t)
+		}));
+	}
+	function qn(e) {
+		return /* @__PURE__ */ g(m, { children: [$("檔案數", "fieldMaxFiles", Q(e.maxFiles, (e) => Tn({ maxFiles: e }), "例如：1", { min: 1 })), $("MIME", "fieldAcceptedMimeTypes", Zn({
+			name: "fieldAcceptedMimeTypes",
+			onChange: (e) => Tn({ acceptedMimeTypes: $t(e) }),
+			placeholder: "每行一個 MIME type，例如：application/pdf",
+			rows: 3,
+			value: en(e.acceptedMimeTypes)
+		}), !1)] });
+	}
+	function Jn(e) {
+		let t = y.fields.filter((t) => t.fieldKey !== e.fieldKey);
+		return t.length ? /* @__PURE__ */ h(m, { children: Ht.map((n) => Yn(e, n, t)) }) : /* @__PURE__ */ h(p, {
+			color: "text-neutral",
+			style: mt,
+			variant: "body",
+			children: "目前沒有其他欄位可作為條件來源。新增更多欄位後即可設定條件規則。"
+		});
+	}
+	function Yn(e, t, n) {
+		let r = e[t.target], i = r ? Ee(r) : null, a = n.find((e) => e.fieldKey === i?.fieldKey), o = a ?? n[0], ee = n.map(Xt), s = je(o), c = i && s.some((e) => e.id === i.operator) ? i.operator : Ne(o), te = i?.value ?? w(o), l = !!r, u = l && (!i || !a);
+		return $(t.label, t.name, /* @__PURE__ */ g("div", {
+			style: Ct,
+			children: [/* @__PURE__ */ h(ce, {
+				checked: l,
+				label: l ? "已啟用" : "不啟用",
+				onChange: (e) => Z(t.target, e.target.checked ? C(o, Ne(o), w(o)) : void 0),
+				size: "sub",
+				supportingText: t.supportingText
+			}), l ? u ? /* @__PURE__ */ h(p, {
+				color: "text-warning",
+				variant: "body",
+				children: "這個規則不是目前 UI 支援的格式。重新選擇條件後會取代既有規則。"
+			}) : /* @__PURE__ */ g("div", {
+				style: wt,
+				children: [
+					/* @__PURE__ */ h(d, {
+						clearable: !1,
+						onChange: (e) => {
+							let r = n.find((t) => t.fieldKey === e?.id) ?? o;
+							Z(t.target, C(r, Ne(r), w(r)));
+						},
+						options: ee,
+						placeholder: "選擇欄位",
+						value: T(ee, o.fieldKey)
+					}),
+					/* @__PURE__ */ h(d, {
+						clearable: !1,
+						onChange: (e) => Z(t.target, C(o, Ae(e?.id) ?? c, te)),
+						options: [...s],
+						placeholder: "判斷方式",
+						value: T(s, c)
+					}),
+					Xn(o, te, (e) => Z(t.target, C(o, c, e)))
+				]
+			}) : null]
+		}), !0);
+	}
+	function Z(e, t) {
+		K({ [e]: t });
+	}
+	function Xn(e, t, n) {
+		if (e.type === "boolean") return /* @__PURE__ */ h(d, {
+			clearable: !1,
+			onChange: (e) => n(e?.id ?? "true"),
+			options: [...Vt],
+			placeholder: "比較值",
+			value: T(Vt, t === "false" ? "false" : "true")
+		});
+		if (Ce(e)) {
+			let r = e.options.map(Pe);
+			return /* @__PURE__ */ h(d, {
+				clearable: !1,
+				onChange: (e) => n(e?.id ?? r[0]?.id ?? ""),
+				options: r,
+				placeholder: "比較值",
+				value: T(r, t)
+			});
+		}
+		return Se(e) ? Q(De(t), (e) => n(String(e ?? 0)), "比較值") : be(e) ? Qn(e, t, (e) => n(e ?? "")) : /* @__PURE__ */ h(u, {
+			onChange: (e) => n(e.target.value),
+			placeholder: "比較值",
+			value: t,
+			variant: "base"
+		});
+	}
+	function Zn({ name: e, onChange: t, placeholder: n, rows: r, value: i }) {
+		return /* @__PURE__ */ h(se, {
+			"aria-label": e,
+			onChange: (e) => t(e.target.value),
+			placeholder: n,
+			ref: Nt,
+			resize: "vertical",
+			rows: r,
+			style: vt,
+			value: i
+		});
+	}
+	function Q(e, t, n, r = {}) {
+		return /* @__PURE__ */ h(u, {
+			max: r.max,
+			min: r.min,
+			onChange: (e) => t(ge(De(e.target.value), r)),
+			placeholder: n,
+			showSpinner: !0,
+			step: r.step ?? 1,
+			value: typeof e == "number" ? String(e) : "",
+			variant: "measure"
+		});
+	}
+	function Qn(e, t, n) {
+		return e.type === "datetime" ? /* @__PURE__ */ h(te, {
+			formatDate: "YYYY-MM-DD",
+			formatTime: "HH:mm",
+			hideSecond: !0,
+			onChange: (e) => n(ye(e)),
+			placeholderLeft: "選擇日期",
+			placeholderRight: "選擇時間",
+			value: Me(t)
+		}) : /* @__PURE__ */ h(c, {
+			format: "YYYY-MM-DD",
+			onChange: (e) => n(ve(e)),
+			placeholder: "選擇日期",
+			value: Me(t)
+		});
+	}
+	function $n(e) {
+		return /* @__PURE__ */ g("div", {
+			style: Dt,
+			children: [/* @__PURE__ */ h(oe, {
+				actions: {
+					render: (t) => [{
+						disabled: () => e.options.length <= 1,
+						icon: me,
+						iconType: "icon-only",
+						name: "移除選項",
+						onClick: () => Y({ options: e.options.filter((e, n) => n !== t.index) }),
+						variant: "destructive-ghost"
+					}],
+					width: 56
+				},
+				columns: [{
+					key: "label",
+					render: (t) => /* @__PURE__ */ h(u, {
+						onChange: (n) => Y({ options: tn(e.options, t.index, { label: n.target.value }) }),
+						placeholder: "例如：主管",
+						size: "sub",
+						value: t.label,
+						variant: "base"
+					}),
+					title: "Label"
+				}, {
+					key: "value",
+					render: (t) => /* @__PURE__ */ h(u, {
+						onChange: (n) => Y({ options: tn(e.options, t.index, { value: n.target.value }) }),
+						placeholder: "例如：manager",
+						size: "sub",
+						value: t.value,
+						variant: "base"
+					}),
+					title: "Value"
+				}],
+				dataSource: e.options.map((t, n) => ({
+					index: n,
+					key: `${e.fieldKey}-${n}`,
+					label: t.label,
+					value: t.value
+				})),
+				showHeader: !0,
+				size: "sub"
+			}), /* @__PURE__ */ h("div", {
+				style: Ot,
+				children: /* @__PURE__ */ h(s, {
+					icon: pe,
+					iconType: "leading",
+					onClick: () => Y({ options: [...e.options, nn(e.options)] }),
+					variant: "base-secondary",
+					children: "新增選項"
+				})
+			})]
+		});
+	}
+	function er(e, t, n) {
+		return /* @__PURE__ */ h("div", {
+			...t.draggableProps,
+			"data-form-builder-field-key": e.fieldKey,
+			ref: t.innerRef,
+			style: {
+				...at,
+				...n ? ot : null,
+				...t.draggableProps.style
+			},
+			children: /* @__PURE__ */ h(ee, {
+				style: e.fieldKey === G?.fieldKey ? st : void 0,
+				children: tr(e, t, n)
+			})
+		});
+	}
+	function $(t, n, r, i = !1) {
+		return /* @__PURE__ */ h("div", {
+			style: i ? gt : ht,
+			children: /* @__PURE__ */ h("div", {
+				style: _t,
+				children: /* @__PURE__ */ h(e, {
+					label: t,
+					name: n,
+					children: r
+				})
+			})
+		});
+	}
+	function tr(e, t, n) {
+		return /* @__PURE__ */ g("div", {
+			...t.dragHandleProps ?? {},
+			"aria-label": "選取或拖曳排序欄位",
+			onClick: () => z(e.fieldKey),
+			style: tt,
+			title: "點擊選取，拖曳排序",
+			children: [
+				/* @__PURE__ */ h("span", {
+					"aria-label": "拖曳排序",
+					role: "img",
+					style: Tt,
+					title: "拖曳排序",
+					children: /* @__PURE__ */ h(l, {
+						icon: de,
+						size: 20
+					})
+				}),
+				/* @__PURE__ */ g("div", {
+					style: nt,
+					children: [/* @__PURE__ */ g(p, {
+						component: "span",
+						ellipsis: !0,
+						variant: "label-primary",
+						children: [e.label, e.required ? /* @__PURE__ */ h("sup", {
+							"aria-label": "必填",
+							style: kt,
+							children: "*"
+						}) : null]
+					}), /* @__PURE__ */ g(p, {
+						color: "text-neutral",
+						component: "span",
+						ellipsis: !0,
+						variant: "caption",
+						children: [
+							Ut(e.type),
+							" ·",
+							e.required ? " 必填" : " 選填",
+							" ·",
+							e.fieldKey
+						]
+					})]
+				}),
+				/* @__PURE__ */ g("div", {
+					onClick: (e) => e.stopPropagation(),
+					style: rt,
+					children: [/* @__PURE__ */ h("div", {
+						style: it,
+						children: /* @__PURE__ */ h(ce, {
+							checked: !!e.required,
+							disabled: n,
+							label: "必填",
+							onChange: (t) => Dn(e.fieldKey, t.target.checked)
+						})
+					}), /* @__PURE__ */ h(s, {
+						disabled: n,
+						icon: me,
+						iconType: "icon-only",
+						onClick: () => hn(e.fieldKey),
+						variant: "destructive-ghost",
+						children: "移除欄位"
+					})]
+				})
+			]
+		});
+	}
+	function nr() {
+		return /* @__PURE__ */ g("div", {
+			style: N,
+			children: [/* @__PURE__ */ h(p, {
+				component: "h2",
+				variant: "h3",
+				children: "填寫預覽"
+			}), /* @__PURE__ */ h(t, {
+				dataSourceContext: { kind: "preview" },
+				onChange: En,
+				schema: y,
+				uiSchema: x,
+				value: Ke
+			})]
+		});
+	}
+	function rr() {
+		return /* @__PURE__ */ g("div", {
+			style: N,
+			children: [/* @__PURE__ */ h(p, {
+				component: "h2",
+				variant: "h3",
+				children: "Schema"
+			}), /* @__PURE__ */ g("div", {
+				style: yt,
+				children: [
+					ir("Form Schema", "schemaJson", /* @__PURE__ */ h(qe, {
+						height: "360px",
+						name: "schemaJson",
+						onChange: On,
+						placeholder: "輸入 Form Schema JSON",
+						value: fe
+					})),
+					ir("UI Schema", "uiSchemaJson", /* @__PURE__ */ h(qe, {
+						height: "240px",
+						name: "uiSchemaJson",
+						onChange: kn,
+						placeholder: "輸入 UI Schema JSON",
+						value: Ge
+					})),
+					M ? /* @__PURE__ */ h(p, {
+						color: "text-error",
+						style: St,
+						variant: "body",
+						children: M
+					}) : null
+				]
+			})]
+		});
+	}
+	function ir(t, n, r) {
+		return /* @__PURE__ */ h("div", {
+			style: bt,
+			children: /* @__PURE__ */ h("div", {
+				style: xt,
+				children: /* @__PURE__ */ h(e, {
+					label: t,
+					name: n,
+					children: r
+				})
+			})
+		});
+	}
+}
+function Ut(e) {
+	return Je.find((t) => t.type === e)?.label ?? e;
+}
+function Wt(e) {
+	return `${e.key}@${e.version}`;
+}
+function Gt(e) {
+	return {
+		id: Wt(e),
+		name: `${e.label} · ${e.key} v${e.version}`
+	};
+}
+function Kt(e) {
+	return e ? e.from.kind === "FIELD" ? e.from.fieldKey : It : Lt;
+}
+function qt(e) {
+	switch (e) {
+		case "BOOLEAN": return !1;
+		case "NUMBER": return 0;
+		case "STRING_ARRAY": return "";
+		case "STRING": return "";
+		default: return "";
+	}
+}
+function Jt(e, t) {
+	let n = e?.from.kind === "CONSTANT" ? e.from.value : "";
+	return t === "NUMBER" ? typeof n == "number" ? String(n) : "" : typeof n == "string" ? n : "";
+}
+function Yt(e) {
+	return !!(e.visibleWhen || e.requiredWhen || e.readonlyWhen);
+}
+function Xt(e) {
+	return {
+		id: e.fieldKey,
+		name: e.label
+	};
+}
+function Zt(e) {
+	return e.type === "text" || e.type === "textarea";
+}
+function Qt(e) {
+	return typeof e == "string" ? e : "";
+}
+function $t(e) {
+	let t = e.split(/[\n,]/u).map((e) => e.trim()).filter(Boolean);
+	return t.length ? t : void 0;
+}
+function en(e) {
+	return e?.join("\n") ?? "";
+}
+function I(e) {
+	return JSON.stringify(e, null, 2);
+}
+function tn(e, t, n) {
+	return e.map((e, r) => r === t ? {
+		...e,
+		...n
+	} : e);
+}
+function nn(e) {
+	let t = e.length + 1;
+	return {
+		label: `選項 ${t}`,
+		value: L(e, t)
+	};
+}
+function L(e, t) {
+	let n = `option_${t}`;
+	return e.some((e) => e.value === n) ? L(e, t + 1) : n;
+}
+function rn(e, t, n) {
+	let r = e[t];
+	if (!r || t === n) return [...e];
+	let i = e.filter((e, n) => n !== t);
+	return [
+		...i.slice(0, n),
+		r,
+		...i.slice(n)
+	];
+}
+//#endregion
+export { F as t };
+
+//# sourceMappingURL=FormBuilderView-Do9-MIAe.js.map