@guodun/antdv 1.7.7 → 1.7.9

package/dist/es/components/pro-contract-template-designer/src/composables/use-template-designer.mjs

@@ -1,10 +1,10 @@
 import { DEFAULT_CONTRACT_FONT_FAMILY as e } from "../constants.mjs";
 import { canUseDomHtml as t, createElementAttributeReader as n, createTagAttributeReader as r, escapeHtmlAttribute as i, escapeHtmlText as a, forEachHtmlTag as o, readNumberAttribute as s, readOptionalBoolean as c, readOptionalNumber as l, replaceTemplateVariableSpans as u } from "../utils/html.mjs";
 import { resolveTemplateVariablePresentation as ee } from "../utils/template-variable-render.mjs";
-import { buildPageDecorationClassNames as te, buildPageDecorationsHtml as d, collectPageDecorationVariableKeys as f, normalizePageDecorations as p, validatePageDecorations as m } from "../utils/page-decorations.mjs";
+import { buildPageDecorationClassNames as d, buildPageDecorationsHtml as f, collectPageDecorationVariableKeys as te, normalizePageDecorations as p, validatePageDecorations as m } from "../utils/page-decorations.mjs";
 import { isContractTemplateFieldType as ne } from "../types.mjs";
-import { decodeContractTemplateJsonAttribute as h } from "../utils/advanced-controls.mjs";
-import { toRaw as re } from "vue";
+import { buildRadioOptionsHtml as re, decodeContractTemplateJsonAttribute as h } from "../utils/advanced-controls.mjs";
+import { toRaw as ie } from "vue";
 //#region src/components/pro-contract-template-designer/src/composables/use-template-designer.ts
 var g = [
 	{
@@ -65,20 +65,30 @@ var g = [
 	textAlign: "left",
 	borderStyle: "solid",
 	objectFit: "contain"
-}, ie = 3, ae = 28, oe = "contract-template-renderer-1.0.0", se = "contract-render-css-1.0.0", ce = /^[A-Za-z][A-Za-z0-9_]{1,63}$/, y = new Set([
+}, ae = 3, oe = 28, y = "contract-template-renderer-1.0.0", se = "contract-render-css-1.0.0", ce = /^[A-Za-z][A-Za-z0-9_]{1,63}$/, le = new Set([
 	"pageNumber",
 	"totalPages",
 	"rendererVersion"
 ]);
 function b(e, t, n) {
 	let r = typeof e == "string" ? e.trim() : "";
-	return r ? ce.test(r) ? y.has(r) ? `${r} 是系统保留标识` : t.some((e) => e.id !== n && e.key.trim() === r) ? `变量标识 ${r} 已存在` : "" : "变量标识需以字母开头，仅包含字母、数字和下划线，长度为 2~64 位" : "请输入变量标识";
+	return r ? ce.test(r) ? le.has(r) ? `${r} 是系统保留标识` : t.some((e) => e.id !== n && e.key.trim() === r) ? `变量标识 ${r} 已存在` : "" : "变量标识需以字母开头，仅包含字母、数字和下划线，长度为 2~64 位" : "请输入变量标识";
 }
-function le(e) {
+function ue(e) {
 	let t = Number(e);
 	return Number.isFinite(t) && t >= 1 ? Math.max(1, Math.floor(t)) : 20;
 }
-var x = [
+var x = {
+	type: "image",
+	label: "图片",
+	defaultWidth: 160,
+	defaultHeight: 96
+}, S = {
+	type: "checkbox",
+	label: "复选框",
+	defaultWidth: 96,
+	defaultHeight: 28
+}, C = [
 	{
 		type: "text",
 		label: "输入框",
@@ -98,18 +108,18 @@ var x = [
 		defaultHeight: 32
 	},
 	{
-		type: "image",
-		label: "图片",
-		defaultWidth: 160,
-		defaultHeight: 96
+		type: "select",
+		label: "下拉框",
+		defaultWidth: 180,
+		defaultHeight: 32
 	},
 	{
-		type: "checkbox",
-		label: "复选框",
-		defaultWidth: 96,
-		defaultHeight: 28
+		type: "radio",
+		label: "单选框",
+		defaultWidth: 220,
+		defaultHeight: 32
 	}
-], S = [{
+], w = [{
 	type: "select",
 	label: "下拉框",
 	defaultWidth: 180,
@@ -119,7 +129,7 @@ var x = [
 	label: "单选框",
 	defaultWidth: 220,
 	defaultHeight: 32
-}], ue = [
+}], T = [
 	{
 		type: "user-selector",
 		label: "用户选择器",
@@ -144,31 +154,33 @@ var x = [
 		defaultWidth: 240,
 		defaultHeight: 36
 	}
-], C = [{
+], E = [{
 	type: "custom",
 	label: "自定义控件",
 	defaultWidth: 200,
 	defaultHeight: 36
-}], w = [
-	...x,
-	...S,
-	...ue,
-	...C
-], T = 0;
-function E(e) {
-	return T += 1, `${e}-${Date.now().toString(36)}-${T.toString(36)}`;
-}
-function D(e) {
+}], D = [
+	...C,
+	x,
+	S,
+	...w,
+	...T,
+	...E
+], O = 0;
+function k(e) {
+	return O += 1, `${e}-${Date.now().toString(36)}-${O.toString(36)}`;
+}
+function A(e) {
 	return JSON.parse(JSON.stringify(e));
 }
-function O(e) {
+function j(e) {
 	return g.find((t) => t.format === e);
 }
-function k(e) {
+function M(e) {
 	if (e) return e.format && e.format !== "Custom" ? e.format : g.find((t) => t.width === e.width && t.height === e.height)?.format;
 }
-function A(e, t = _) {
-	let n = k(t) ?? t.format, r = e?.format ?? k(e) ?? n ?? "Custom", i = r === "Custom" ? void 0 : O(r), a = P(i?.width ?? e?.width, t.width), o = P(i?.height ?? e?.height, t.height);
+function N(e, t = _) {
+	let n = M(t) ?? t.format, r = e?.format ?? M(e) ?? n ?? "Custom", i = r === "Custom" ? void 0 : j(r), a = L(i?.width ?? e?.width, t.width), o = L(i?.height ?? e?.height, t.height);
 	return {
 		format: i?.format ?? r,
 		width: a,
@@ -176,22 +188,22 @@ function A(e, t = _) {
 		label: e?.label ?? i?.label ?? t.label ?? r
 	};
 }
-function j(e) {
+function P(e) {
 	return `${e.format ?? "Custom"}:${e.width}:${e.height}`;
 }
-function M(e) {
+function F(e) {
 	let t = (Array.isArray(e) ? e : g).map((e) => {
 		let t = Number(e?.width), n = Number(e?.height);
 		if (!Number.isFinite(t) || t <= 0 || !Number.isFinite(n) || n <= 0) return;
 		let r = e?.format;
 		if (r && r !== "Custom") {
-			let t = O(r);
+			let t = j(r);
 			return t ? {
 				...t,
 				label: e.label ?? t.label
 			} : void 0;
 		}
-		let i = r ? void 0 : k(e), a = i ? O(i) : void 0;
+		let i = r ? void 0 : M(e), a = i ? j(i) : void 0;
 		if (a) return {
 			...a,
 			label: e.label ?? a.label
@@ -205,19 +217,19 @@ function M(e) {
 			label: e.label ?? "Custom"
 		};
 	}).filter(Boolean), n = /* @__PURE__ */ new Set(), r = t.filter((e) => {
-		let t = j(e);
+		let t = P(e);
 		return n.has(t) ? !1 : (n.add(t), !0);
 	});
 	return (r.length ? r : g).map((e) => ({ ...e }));
 }
-function N(e, t) {
-	let n = j(e);
-	return t.find((e) => j(e) === n);
+function I(e, t) {
+	let n = P(e);
+	return t.find((e) => P(e) === n);
 }
 function de(e, t) {
-	let n = M(t), r = n[0], i = A(e.pageSize, r), a = N(i, n) ?? r, o = /* @__PURE__ */ new Map(), s = e.pages.map((e) => {
-		let t = A(e.pageSize, i), a = N(t, n) ?? r;
-		return j(t) !== j(a) && o.set(e.id, {
+	let n = F(t), r = n[0], i = N(e.pageSize, r), a = I(i, n) ?? r, o = /* @__PURE__ */ new Map(), s = e.pages.map((e) => {
+		let t = N(e.pageSize, i), a = I(t, n) ?? r;
+		return P(t) !== P(a) && o.set(e.id, {
 			source: t,
 			target: a
 		}), {
@@ -231,50 +243,50 @@ function de(e, t) {
 		pages: s
 	};
 }
-function P(e, t) {
+function L(e, t) {
 	let n = Number(e);
 	return !Number.isFinite(n) || n <= 0 ? t : Math.round(n);
 }
-function F(e = 1, t) {
+function R(e = 1, t) {
 	return {
-		id: E("page"),
+		id: k("page"),
 		title: `第 ${e} 页`,
-		pageSize: t ? A(t) : void 0,
+		pageSize: t ? N(t) : void 0,
 		contentHtml: "<p>请输入合同正文。</p>"
 	};
 }
-function I(e = 1, t, n = "<p></p>", r) {
+function z(e = 1, t, n = "<p></p>", r) {
 	return {
-		id: E("page"),
+		id: k("page"),
 		title: `第 ${e} 页`,
-		pageSize: t ? A(t) : void 0,
+		pageSize: t ? N(t) : void 0,
 		contentHtml: n,
 		contentJson: r
 	};
 }
-function L(e = _) {
-	let t = A(e);
+function B(e = _) {
+	let t = N(e);
 	return {
-		pages: [F(1, t)],
+		pages: [R(1, t)],
 		variables: [],
 		pageSize: t
 	};
 }
 function fe(e = _) {
-	let t = A(e);
+	let t = N(e);
 	return {
-		pages: [I(1, t, "<p></p>")],
+		pages: [z(1, t, "<p></p>")],
 		variables: [],
 		pageSize: t
 	};
 }
-function R(e, t = x) {
-	return t.find((t) => t.type === e) ?? w.find((t) => t.type === e) ?? x[0];
+function pe(e, t = C) {
+	return t.find((t) => t.type === e) ?? D.find((t) => t.type === e) ?? C[0];
 }
-function z(e, t = x, n = {}) {
-	let r = e.type === void 0 ? "text" : e.type, i = R(r, t), a = pe(r);
+function V(e, t = C, n = {}) {
+	let r = e.type === void 0 ? "text" : e.type, i = pe(r, t), a = me(r);
 	return {
-		id: e.id ?? E("variable"),
+		id: e.id ?? k("variable"),
 		key: e.key,
 		label: e.label ?? i.label ?? e.key,
 		type: r,
@@ -288,7 +300,7 @@ function z(e, t = x, n = {}) {
 		useGrouping: e.useGrouping ?? a.useGrouping,
 		checkedText: e.checkedText ?? a.checkedText ?? "",
 		uncheckedText: e.uncheckedText ?? a.uncheckedText ?? "",
-		options: Array.isArray(e.options) ? e.options.map((e) => ({ ...e })) : [],
+		options: Array.isArray(e.options) ? e.options.map((e) => ({ ...e })) : (a.options ?? []).map((e) => ({ ...e })),
 		dataSource: e.dataSource ? { ...e.dataSource } : void 0,
 		multiple: e.multiple ?? !1,
 		componentKey: e.componentKey ?? "",
@@ -304,7 +316,7 @@ function z(e, t = x, n = {}) {
 		}
 	};
 }
-function pe(e) {
+function me(e) {
 	return e === "date" ? {
 		placeholder: "年    月    日",
 		format: "YYYY年MM月DD日",
@@ -344,6 +356,15 @@ function pe(e) {
 	} : e === "select" || e === "radio" ? {
 		placeholder: e === "select" ? "请选择" : "请选择一项",
 		multiple: !1,
+		options: [{
+			value: "option1",
+			label: "选项1",
+			type: e
+		}, {
+			value: "option2",
+			label: "选项2",
+			type: e
+		}],
 		style: {
 			border: !0,
 			underline: !1
@@ -360,35 +381,36 @@ function pe(e) {
 		underline: !0
 	} };
 }
-function B(e) {
+function H(e) {
 	return e !== void 0 && !ne(e);
 }
-function me(e, t = _) {
-	if (!e) return L(t);
-	let n = A(e.pageSize, t), r = (e.pages?.length ? e.pages : [F(1, n)]).map((e, t) => ({
-		id: e.id || E("page"),
+function he(e, t = _) {
+	if (!e) return B(t);
+	let n = N(e.pageSize, t), r = (e.pages?.length ? e.pages : [R(1, n)]).map((e, t) => ({
+		id: e.id || k("page"),
 		title: e.title || `第 ${t + 1} 页`,
-		pageSize: A(e.pageSize, n),
+		pageSize: N(e.pageSize, n),
 		contentHtml: e.contentHtml || "<p></p>",
 		contentJson: e.contentJson
 	})), i = [], a = /* @__PURE__ */ new Map();
-	return Object.fromEntries(r.map((e) => [e.id, A(e.pageSize, n)])), (e.variables ?? []).forEach((e) => {
-		let t = z({
+	return Object.fromEntries(r.map((e) => [e.id, N(e.pageSize, n)])), (e.variables ?? []).forEach((e) => {
+		let t = V({
 			...e,
-			id: e.id || E("variable")
+			id: e.id || k("variable"),
+			options: Array.isArray(e.options) ? e.options : []
 		});
 		i.push(t), t.key && a.set(t.key, t);
 	}), r.forEach((e) => {
-		Y(e).forEach((e) => {
+		De(e).forEach((e) => {
 			if (!e.key) return;
 			let t = a.get(e.key);
 			if (!t) {
-				let t = z(e);
+				let t = V(e);
 				i.push(t), a.set(e.key, t);
 				return;
 			}
-			if (B(e.type)) {
-				let n = z({
+			if (H(e.type)) {
+				let n = V({
 					...t,
 					type: e.type
 				});
@@ -404,45 +426,45 @@ function me(e, t = _) {
 		...e.pageDecorations ? { pageDecorations: p(e.pageDecorations) } : {}
 	};
 }
-function he(e) {
-	return e.pages.map((t, n) => q(e, t, n, t.contentHtml, {})).join("\n");
+function ge(e) {
+	return e.pages.map((t, n) => Y(e, t, n, t.contentHtml, {})).join("\n");
 }
-function V(e) {
-	return e.pages.map((t, n) => q(e, t, n, Ie(t.contentHtml))).join("\n");
+function U(e) {
+	return e.pages.map((t, n) => Y(e, t, n, Be(t.contentHtml))).join("\n");
 }
-function ge(e) {
-	return H(e).map(({ page: t, contentHtml: n }, r) => {
-		let i = A(t.pageSize, e.pageSize), a = d(e.pageDecorations, r + 1, e.pages.length, e.variables, {});
-		return `<section ${J(t, e.pageSize, e.pageDecorations, r + 1)} style="width:${i.width}px;min-height:${i.height}px">${a}<div class="gd-contract-template-page__content">${n}</div></section>`;
+function _e(e) {
+	return W(e).map(({ page: t, contentHtml: n }, r) => {
+		let i = N(t.pageSize, e.pageSize), a = f(e.pageDecorations, r + 1, e.pages.length, e.variables, {});
+		return `<section ${Te(t, e.pageSize, e.pageDecorations, r + 1)} style="width:${i.width}px;min-height:${i.height}px">${a}<div class="gd-contract-template-page__content">${n}</div></section>`;
 	}).join("\n");
 }
-function H(e) {
+function W(e) {
 	let t = new Map(e.variables.map((e) => [e.key, e]));
 	return e.pages.map((e) => ({
 		page: {
 			...e,
 			...e.pageSize ? { pageSize: { ...e.pageSize } } : {}
 		},
-		contentHtml: De(e.contentHtml, t)
+		contentHtml: Ae(e.contentHtml, t)
 	}));
 }
-var U = class extends Error {
+var G = class extends Error {
 	constructor(e) {
 		super(e[0]?.message || "页面装饰配置无效"), this.errors = e, this.name = "ContractTemplatePageDecorationValidationError";
 	}
 };
-function _e(e) {
+function ve(e) {
 	let t = m(e.pageDecorations, e.variables);
-	if (t.length) throw new U(t);
-	let n = D(e);
+	if (t.length) throw new G(t);
+	let n = A(e);
 	return n.pageDecorations &&= p(n.pageDecorations), {
 		...n,
-		rendererVersion: oe,
+		rendererVersion: y,
 		styleVersion: se,
-		html: V(n)
+		html: U(n)
 	};
 }
-function ve(e, t = {}) {
+function ye(e, t = {}) {
 	let n = [], r = /* @__PURE__ */ new Set();
 	typeof t.maxPages == "number" && e.pages.length > t.maxPages && n.push({
 		type: "page",
@@ -464,7 +486,7 @@ function ve(e, t = {}) {
 			variableKey: t.key,
 			message: `变量标识 ${t.key} 重复`,
 			code: "VARIABLE_KEY_DUPLICATED"
-		}), r.add(t.key)), B(t.type) && n.push({
+		}), r.add(t.key)), H(t.type) && n.push({
 			type: "variable",
 			id: t.id,
 			variableKey: t.key,
@@ -472,9 +494,9 @@ function ve(e, t = {}) {
 			code: "VARIABLE_TYPE_UNSUPPORTED"
 		});
 	});
-	let i = new Set(e.variables.map((e) => e.key).filter(Boolean)), a = /* @__PURE__ */ new Set(), o = f(e.pageDecorations);
+	let i = new Set(e.variables.map((e) => e.key).filter(Boolean)), a = /* @__PURE__ */ new Set(), o = te(e.pageDecorations);
 	return e.pages.forEach((e) => {
-		W(e).forEach((t) => {
+		K(e).forEach((t) => {
 			a.add(t), i.has(t) || n.push({
 				type: "variable",
 				id: e.id,
@@ -489,12 +511,12 @@ function ve(e, t = {}) {
 		});
 	}), n.push(...m(e.pageDecorations, e.variables)), n;
 }
-function W(e) {
+function K(e) {
 	let t = /* @__PURE__ */ new Set();
 	function n(e) {
 		if (!e || typeof e != "object") return;
 		let r = e;
-		ye(r.type) && r.attrs?.key && t.add(r.attrs.key), r.content?.forEach(n);
+		be(r.type) && r.attrs?.key && t.add(r.attrs.key), r.content?.forEach(n);
 	}
 	n(e.contentJson);
 	let r = e.contentHtml || "", i = /data-template-variable=["']true["'][^>]*data-key=["']([^"']+)["']|data-key=["']([^"']+)["'][^>]*data-template-variable=["']true["']/g, a = i.exec(r);
@@ -504,31 +526,31 @@ function W(e) {
 	}
 	return t;
 }
-function ye(e) {
+function be(e) {
 	return e === "templateVariable" || e === "templateField";
 }
-function G(e) {
+function q(e) {
 	let t = /* @__PURE__ */ new Set();
 	return e.pages.forEach((e) => {
-		W(e).forEach((e) => t.add(e));
+		K(e).forEach((e) => t.add(e));
 	}), t;
 }
-function K(e, t = G(e)) {
-	let n = f(e.pageDecorations), r = /* @__PURE__ */ new Map();
+function J(e, t = q(e)) {
+	let n = te(e.pageDecorations), r = /* @__PURE__ */ new Map();
 	for (let t of e.variables) r.set(t.key, (r.get(t.key) ?? 0) + 1);
 	return {
 		...e,
 		variables: e.variables.filter((i) => (r.get(i.key) ?? 0) > 1 || b(i.key, e.variables, i.id) ? !0 : t.has(i.key) || n.has(i.key))
 	};
 }
-function be() {
+function xe() {
 	let e = /* @__PURE__ */ new Map();
 	function t(t) {
-		let n = t.contentJson && re(t.contentJson), r = e.get(t.id);
+		let n = t.contentJson && ie(t.contentJson), r = e.get(t.id);
 		return (!r || r.html !== t.contentHtml || r.json !== n) && (r = {
 			html: t.contentHtml,
 			json: n,
-			keys: W(t)
+			keys: K(t)
 		}, e.set(t.id, r)), r;
 	}
 	function n(n) {
@@ -542,14 +564,14 @@ function be() {
 		let r = n(e), i = e.variables.slice(), a = new Map(i.filter((e) => e.key).map((e) => [e.key, e]));
 		for (let n of e.pages) {
 			let e = t(n);
-			e.variables ??= Y(n);
+			e.variables ??= De(n);
 			for (let t of e.variables) {
 				let e = a.get(t.key);
 				if (!e) {
-					let e = z(t);
+					let e = V(t);
 					i.push(e), a.set(e.key, e);
-				} else if (B(t.type) && e.type !== t.type) {
-					let n = z({
+				} else if (H(t.type) && e.type !== t.type) {
+					let n = V({
 						...e,
 						type: t.type
 					}), r = i.findIndex((t) => t.id === e.id);
@@ -557,7 +579,7 @@ function be() {
 				}
 			}
 		}
-		let o = K({
+		let o = J({
 			...e,
 			variables: i
 		}, r);
@@ -569,7 +591,7 @@ function be() {
 		clear: () => e.clear()
 	};
 }
-function xe(e, t) {
+function Se(e, t) {
 	for (let n = 0; n < t; n += 1) {
 		let r = e[n]?.content ?? [];
 		for (let e of r) {
@@ -579,7 +601,7 @@ function xe(e, t) {
 	}
 	return !0;
 }
-function Se(e, t, n) {
+function Ce(e, t, n) {
 	let r = e.content ?? [], i = t.tableRows ?? [], a = Math.min(r.length, i.length), o = n - Math.max(0, t.trailingTextBlockHeight ?? 0), s = 0;
 	for (let e = 0; e < a; e += 1) {
 		let t = i[e];
@@ -588,7 +610,7 @@ function Se(e, t, n) {
 	}
 	if (s <= 0 || s >= r.length) return;
 	let c = s;
-	for (; c > 0 && !xe(r, c);) --c;
+	for (; c > 0 && !Se(r, c);) --c;
 	if (!(c <= 0 || c >= r.length)) return {
 		currentTable: {
 			...e,
@@ -600,7 +622,7 @@ function Se(e, t, n) {
 		}
 	};
 }
-function Ce(e, t, n) {
+function we(e, t, n) {
 	let r = e ?? [];
 	if (!r.length || n <= 0) return;
 	let i = Math.min(r.length, t.length), a = -1;
@@ -612,7 +634,7 @@ function Ce(e, t, n) {
 		}
 	}
 	if (a < 0) return;
-	let o = r[a], s = o?.type === "table" ? Se(o, t[a], n) : void 0;
+	let o = r[a], s = o?.type === "table" ? Ce(o, t[a], n) : void 0;
 	if (s) return {
 		splitIndex: a,
 		currentContent: [...r.slice(0, a), s.currentTable],
@@ -624,14 +646,14 @@ function Ce(e, t, n) {
 		overflowContent: r.slice(a)
 	};
 }
-function q(e, t, n, r, i) {
-	let a = d(e.pageDecorations, n + 1, e.pages.length, e.variables, i);
-	return `<section ${J(t, e.pageSize, e.pageDecorations, n + 1)}>${a}<div class="gd-contract-template-page__content">${r}</div></section>`;
+function Y(e, t, n, r, i) {
+	let a = f(e.pageDecorations, n + 1, e.pages.length, e.variables, i);
+	return `<section ${Te(t, e.pageSize, e.pageDecorations, n + 1)}>${a}<div class="gd-contract-template-page__content">${r}</div></section>`;
 }
-function J(e, t, n, r = 1) {
-	let a = A(e.pageSize, t);
+function Te(e, t, n, r = 1) {
+	let a = N(e.pageSize, t);
 	return [
-		`class="${te(n, r)}"`,
+		`class="${d(n, r)}"`,
 		`data-page-id="${i(e.id)}"`,
 		`data-page-format="${i(a.format ?? "Custom")}"`,
 		`data-page-label="${i(a.label ?? a.format ?? "自定义")}"`,
@@ -639,28 +661,28 @@ function J(e, t, n, r = 1) {
 		`data-page-height="${a.height}"`
 	].join(" ");
 }
-var we = /<span\b[^>]*data-template-variable=["']true["'][^>]*>/g;
-function Y(e) {
+var Ee = /<span\b[^>]*data-template-variable=["']true["'][^>]*>/g;
+function De(e) {
 	let i = /* @__PURE__ */ new Map();
 	function a(e) {
 		if (!e.key) return;
 		let t = i.get(e.key);
-		(!t || B(e.type) && !B(t.type)) && i.set(e.key, e);
+		(!t || H(e.type) && !H(t.type)) && i.set(e.key, e);
 	}
 	function s(e) {
 		if (!e || typeof e != "object") return;
 		let t = e;
-		t.type === "templateVariable" && typeof t.attrs?.key == "string" && a(Ee(t.attrs, t.attrs.key)), t.content?.forEach(s);
+		t.type === "templateVariable" && typeof t.attrs?.key == "string" && a(ke(t.attrs, t.attrs.key)), t.content?.forEach(s);
 	}
 	s(e.contentJson);
 	let c = e.contentHtml || "";
 	return t() ? new DOMParser().parseFromString(c, "text/html").querySelectorAll("[data-template-variable]").forEach((e) => {
-		a(Te(n(e)));
-	}) : o(c, we, (e) => {
-		a(Te(r(e)));
+		a(Oe(n(e)));
+	}) : o(c, Ee, (e) => {
+		a(Oe(r(e)));
 	}), Array.from(i.values());
 }
-function Te(e) {
+function Oe(e) {
 	let t = e("data-key") ?? "", n = e("data-variable-type"), r = e("data-precision"), i = e("data-use-grouping");
 	return {
 		key: t,
@@ -699,7 +721,7 @@ function Te(e) {
 		}
 	};
 }
-function Ee(e, t) {
+function ke(e, t) {
 	let n = (t) => typeof e[t] == "string" ? e[t] : void 0;
 	return {
 		key: t,
@@ -738,20 +760,20 @@ function Ee(e, t) {
 		}
 	};
 }
-function De(e, n) {
+function Ae(e, n) {
 	if (!e) return e;
 	if (t()) {
 		let t = new DOMParser().parseFromString(e, "text/html");
-		return Oe(t), t.querySelectorAll("[data-template-variable]").forEach((e) => {
-			Ae(e, n);
+		return je(t), t.querySelectorAll("[data-template-variable]").forEach((e) => {
+			Pe(e, n);
 		}), t.body.innerHTML;
 	}
-	return u(Me(e), (e, t) => {
+	return u(Ie(e), (e, t) => {
 		let i = r(t);
-		return i("data-key") ? je(i, n) : e;
+		return i("data-key") ? Fe(i, n) : e;
 	});
 }
-function Oe(e) {
+function je(e) {
 	e.querySelectorAll("script,style,meta,link").forEach((e) => e.remove()), e.querySelectorAll("*").forEach((e) => {
 		Array.from(e.attributes).forEach((t) => {
 			let n = t.name.toLowerCase(), r = t.value;
@@ -763,12 +785,12 @@ function Oe(e) {
 				e.removeAttribute(t.name);
 				return;
 			}
-			n === "style" && Fe(r) && e.removeAttribute(t.name);
+			n === "style" && ze(r) && e.removeAttribute(t.name);
 		});
 	});
 }
-function ke(e, t) {
-	let n = e("data-key") ?? "", r = t.get(n), i = r?.type ?? e("data-variable-type") ?? "text", a = Pe(i, r?.defaultValue ?? e("data-default-value") ?? ""), o = ee({
+function Me(e, t) {
+	let n = e("data-key") ?? "", r = t.get(n), i = r?.type ?? e("data-variable-type") ?? "text", a = Re(i, r?.defaultValue ?? e("data-default-value") ?? ""), o = Ne(r, e), s = r ? !!r.multiple : e("data-multiple") === "true", u = ee({
 		type: i,
 		width: r?.width ?? e("data-width"),
 		height: r?.height ?? e("data-height"),
@@ -782,27 +804,35 @@ function ke(e, t) {
 		multiline: r?.multiline ?? c(e("data-multiline")) ?? !1,
 		rows: r?.rows ?? e("data-rows"),
 		lineHeight: r?.lineHeight ?? e("data-line-height"),
-		style: Ne(r, e)
-	});
+		options: o,
+		multiple: s,
+		style: Le(r, e)
+	}), d = u.type === "radio" && o.length ? re(o, a) : "";
 	return {
 		key: n,
 		label: r?.label ?? e("data-label") ?? n,
-		presentation: o,
-		text: o.type === "image" && o.hasDefaultValue ? " " : o.displayText || " "
+		presentation: u,
+		radioHtml: d,
+		text: u.type === "image" && u.hasDefaultValue ? " " : u.type === "radio" && !d ? r?.placeholder || e("data-placeholder") || " " : u.displayText || " "
 	};
 }
-function Ae(e, t) {
-	let { key: r, label: i, presentation: a, text: o } = ke(n(e), t);
-	e.setAttribute("data-template-variable", "true"), e.setAttribute("data-key", r), e.setAttribute("data-label", i), e.setAttribute("data-variable-type", a.type), e.setAttribute("data-width", String(a.width)), e.setAttribute("data-height", String(a.height)), e.setAttribute("data-border", String(a.border)), e.setAttribute("data-underline", String(a.underline)), e.setAttribute("data-color", a.color), e.setAttribute("data-background", a.background), e.setAttribute("data-font-size", String(a.fontSize)), e.setAttribute("data-font-family", a.fontFamily), e.setAttribute("data-placeholder-color", a.placeholderColor), e.setAttribute("data-line-color", a.lineColor), e.setAttribute("data-text-align", a.textAlign), e.setAttribute("data-border-style", a.borderStyle), e.setAttribute("data-object-fit", a.objectFit), e.className = a.classes.join(" "), e.setAttribute("style", a.styleText), e.textContent = o;
+function Ne(e, t) {
+	if (e) return Array.isArray(e.options) ? e.options : [];
+	let n = h(t("data-control-options"));
+	return Array.isArray(n) ? n : [];
 }
-function je(e, t) {
-	let { key: n, label: r, presentation: o, text: s } = ke(e, t);
-	return `<span data-template-variable="true" data-key="${i(n)}" data-label="${i(r)}" data-variable-type="${i(o.type)}" data-width="${o.width}" data-height="${o.height}" data-border="${o.border}" data-underline="${o.underline}" data-font-family="${i(o.fontFamily)}" class="${i(o.classes.join(" "))}" style="${i(o.styleText)}">${a(s)}</span>`;
+function Pe(e, t) {
+	let { key: r, label: i, presentation: a, radioHtml: o, text: s } = Me(n(e), t);
+	e.setAttribute("data-template-variable", "true"), e.setAttribute("data-key", r), e.setAttribute("data-label", i), e.setAttribute("data-variable-type", a.type), e.setAttribute("data-width", String(a.width)), e.setAttribute("data-height", String(a.height)), e.setAttribute("data-border", String(a.border)), e.setAttribute("data-underline", String(a.underline)), e.setAttribute("data-color", a.color), e.setAttribute("data-background", a.background), e.setAttribute("data-font-size", String(a.fontSize)), e.setAttribute("data-font-family", a.fontFamily), e.setAttribute("data-placeholder-color", a.placeholderColor), e.setAttribute("data-line-color", a.lineColor), e.setAttribute("data-text-align", a.textAlign), e.setAttribute("data-border-style", a.borderStyle), e.setAttribute("data-object-fit", a.objectFit), e.className = a.classes.join(" "), e.setAttribute("style", a.styleText), o ? e.innerHTML = o : e.textContent = s;
 }
-function Me(e) {
-	return e.replace(/<\s*(script|style|meta|link)\b[\s\S]*?<\s*\/\s*\1\s*>/gi, "").replace(/<\s*(meta|link)\b[^>]*>/gi, "").replace(/\s+on[a-z]+\s*=\s*(?:"[^"]*"|'[^']*'|[^\s>]+)/gi, "").replace(/\s+srcdoc\s*=\s*(?:"[^"]*"|'[^']*'|[^\s>]+)/gi, "").replace(/\s+(href|src)\s*=\s*(["'])(.*?)\2/gi, (e, t, n, r) => X(r) ? "" : ` ${t}=${n}${r}${n}`).replace(/\s+style\s*=\s*(["'])(.*?)\1/gi, (e, t, n) => Fe(n) ? "" : ` style=${t}${n}${t}`);
+function Fe(e, t) {
+	let { key: n, label: r, presentation: o, radioHtml: s, text: c } = Me(e, t);
+	return `<span data-template-variable="true" data-key="${i(n)}" data-label="${i(r)}" data-variable-type="${i(o.type)}" data-width="${o.width}" data-height="${o.height}" data-border="${o.border}" data-underline="${o.underline}" data-font-family="${i(o.fontFamily)}" class="${i(o.classes.join(" "))}" style="${i(o.styleText)}">${s || a(c)}</span>`;
 }
-function Ne(e, t) {
+function Ie(e) {
+	return e.replace(/<\s*(script|style|meta|link)\b[\s\S]*?<\s*\/\s*\1\s*>/gi, "").replace(/<\s*(meta|link)\b[^>]*>/gi, "").replace(/\s+on[a-z]+\s*=\s*(?:"[^"]*"|'[^']*'|[^\s>]+)/gi, "").replace(/\s+srcdoc\s*=\s*(?:"[^"]*"|'[^']*'|[^\s>]+)/gi, "").replace(/\s+(href|src)\s*=\s*(["'])(.*?)\2/gi, (e, t, n, r) => X(r) ? "" : ` ${t}=${n}${r}${n}`).replace(/\s+style\s*=\s*(["'])(.*?)\1/gi, (e, t, n) => ze(n) ? "" : ` style=${t}${n}${t}`);
+}
+function Le(e, t) {
 	return {
 		border: e?.style?.border ?? c(t("data-border")),
 		underline: e?.style?.underline ?? c(t("data-underline")),
@@ -817,17 +847,17 @@ function Ne(e, t) {
 		objectFit: e?.style?.objectFit ?? $(t("data-object-fit"))
 	};
 }
-function Pe(e, t) {
+function Re(e, t) {
 	return e === "image" && X(t) ? "" : t;
 }
 function X(e) {
 	let t = e.trim().replace(/[\u0000-\u001F\s]+/g, "").toLowerCase();
 	return t.startsWith("javascript:") || t.startsWith("vbscript:") || t.startsWith("data:") && !t.startsWith("data:image/");
 }
-function Fe(e) {
+function ze(e) {
 	return /expression\s*\(|javascript:|vbscript:/i.test(e);
 }
-function Ie(e) {
+function Be(e) {
 	if (!e) return e;
 	if (t()) {
 		let t = new DOMParser().parseFromString(e, "text/html");
@@ -841,23 +871,23 @@ function Ie(e) {
 		return n ? `<span${t}>\${{${n}}}</span>` : e;
 	});
 }
-function Le(e) {
+function Ve(e) {
 	return e === "left" || e === "center" || e === "right";
 }
-function Re(e) {
+function He(e) {
 	return e === "solid" || e === "dashed";
 }
-function ze(e) {
+function Ue(e) {
 	return e === "contain" || e === "cover" || e === "fill";
 }
 function Z(e) {
-	return Le(e) ? e : void 0;
+	return Ve(e) ? e : void 0;
 }
 function Q(e) {
-	return Re(e) ? e : void 0;
+	return He(e) ? e : void 0;
 }
 function $(e) {
-	return ze(e) ? e : void 0;
+	return Ue(e) ? e : void 0;
 }
 //#endregion
-export { w as ALL_DEFAULT_FIELD_TYPES, oe as CONTRACT_TEMPLATE_RENDERER_VERSION, y as CONTRACT_TEMPLATE_RESERVED_VARIABLE_KEYS, se as CONTRACT_TEMPLATE_STYLE_VERSION, ce as CONTRACT_TEMPLATE_VARIABLE_KEY_PATTERN, U as ContractTemplatePageDecorationValidationError, S as DEFAULT_ADVANCED_CHOICE_FIELD_TYPES, ue as DEFAULT_BUILTIN_SELECTOR_FIELD_TYPES, C as DEFAULT_CUSTOM_FIELD_TYPES, v as DEFAULT_FIELD_STYLE, x as DEFAULT_FIELD_TYPES, ae as DEFAULT_MULTILINE_LINE_HEIGHT, ie as DEFAULT_MULTILINE_ROWS, _ as DEFAULT_PAGE_SIZE, g as PAGE_SIZE_OPTIONS, V as buildTemplateExpressionHtml, he as buildTemplateHtml, ge as buildTemplatePreviewHtml, H as buildTemplatePreviewPages, D as cloneTemplateValue, G as collectTemplateValueVariableKeys, W as collectTemplateVariableKeys, de as constrainTemplatePageSizes, I as createBlankPage, fe as createBlankTemplate, F as createDefaultPage, L as createDefaultTemplate, E as createDesignerId, be as createTemplateBodySync, z as createTemplateVariable, _e as exportTemplateValue, N as findPageSizeOption, R as getFieldOption, j as getPageSizeKey, O as getPageSizeOption, k as inferPageFormat, le as normalizeContractTemplateMaxPages, M as normalizePageSizeOptions, me as normalizeTemplateValue, A as resolvePageSize, Ce as splitPageContentByMeasurements, K as syncTemplateVariablesWithPages, b as validateContractTemplateVariableKey, ve as validateTemplateValue };
+export { D as ALL_DEFAULT_FIELD_TYPES, y as CONTRACT_TEMPLATE_RENDERER_VERSION, le as CONTRACT_TEMPLATE_RESERVED_VARIABLE_KEYS, se as CONTRACT_TEMPLATE_STYLE_VERSION, ce as CONTRACT_TEMPLATE_VARIABLE_KEY_PATTERN, G as ContractTemplatePageDecorationValidationError, w as DEFAULT_ADVANCED_CHOICE_FIELD_TYPES, T as DEFAULT_BUILTIN_SELECTOR_FIELD_TYPES, S as DEFAULT_CHECKBOX_FIELD_TYPE, E as DEFAULT_CUSTOM_FIELD_TYPES, v as DEFAULT_FIELD_STYLE, C as DEFAULT_FIELD_TYPES, x as DEFAULT_IMAGE_FIELD_TYPE, oe as DEFAULT_MULTILINE_LINE_HEIGHT, ae as DEFAULT_MULTILINE_ROWS, _ as DEFAULT_PAGE_SIZE, g as PAGE_SIZE_OPTIONS, U as buildTemplateExpressionHtml, ge as buildTemplateHtml, _e as buildTemplatePreviewHtml, W as buildTemplatePreviewPages, A as cloneTemplateValue, q as collectTemplateValueVariableKeys, K as collectTemplateVariableKeys, de as constrainTemplatePageSizes, z as createBlankPage, fe as createBlankTemplate, R as createDefaultPage, B as createDefaultTemplate, k as createDesignerId, xe as createTemplateBodySync, V as createTemplateVariable, ve as exportTemplateValue, I as findPageSizeOption, pe as getFieldOption, P as getPageSizeKey, j as getPageSizeOption, M as inferPageFormat, ue as normalizeContractTemplateMaxPages, F as normalizePageSizeOptions, he as normalizeTemplateValue, N as resolvePageSize, we as splitPageContentByMeasurements, J as syncTemplateVariablesWithPages, b as validateContractTemplateVariableKey, ye as validateTemplateValue };