lyflowchart 1.0.115 → 1.0.133

package/dist/vue-print-next-HRweUmNi.js

@@ -0,0 +1,683 @@
+//#region node_modules/vue-print-next/dist/vue-print-next.js
+var e = Object.defineProperty, t = Object.defineProperties, n = Object.getOwnPropertyDescriptors, r = Object.getOwnPropertySymbols, i = Object.prototype.hasOwnProperty, a = Object.prototype.propertyIsEnumerable, o = (t, n, r) => n in t ? e(t, n, {
+	enumerable: !0,
+	configurable: !0,
+	writable: !0,
+	value: r
+}) : t[n] = r, s = (e, t) => {
+	for (var n in t ||= {}) i.call(t, n) && o(e, n, t[n]);
+	if (r) for (var n of r(t)) a.call(t, n) && o(e, n, t[n]);
+	return e;
+}, c = (e, r) => t(e, n(r)), l = (e, t) => {
+	var n = {};
+	for (var o in e) i.call(e, o) && t.indexOf(o) < 0 && (n[o] = e[o]);
+	if (e != null && r) for (var o of r(e)) t.indexOf(o) < 0 && a.call(e, o) && (n[o] = e[o]);
+	return n;
+}, u = (e, t, n) => o(e, typeof t == "symbol" ? t : t + "", n), d = "[VuePrintNext]", f = 0, p = {
+	A0: {
+		width: "841mm",
+		height: "1189mm"
+	},
+	A1: {
+		width: "594mm",
+		height: "841mm"
+	},
+	A2: {
+		width: "420mm",
+		height: "594mm"
+	},
+	A3: {
+		width: "297mm",
+		height: "420mm"
+	},
+	A4: {
+		width: "210mm",
+		height: "297mm"
+	},
+	A5: {
+		width: "148mm",
+		height: "210mm"
+	},
+	A6: {
+		width: "105mm",
+		height: "148mm"
+	},
+	A7: {
+		width: "74mm",
+		height: "105mm"
+	},
+	A8: {
+		width: "52mm",
+		height: "74mm"
+	},
+	Letter: {
+		width: "215.9mm",
+		height: "279.4mm"
+	},
+	Legal: {
+		width: "215.9mm",
+		height: "355.6mm"
+	},
+	Tabloid: {
+		width: "279.4mm",
+		height: "431.8mm"
+	}
+}, m = (e = 32) => `width: ${e}px; height: ${e}px; border: none; background: transparent; cursor: pointer; border-radius: 4px; display: flex; align-items: center; justify-content: center; transition: background-color 0.2s ease; padding: 0; outline: none;`, h = (e, t, n = 32, r = "") => {
+	let i = document.createElement("button");
+	return i.setAttribute("class", e), i.setAttribute("style", m(n)), i.innerHTML = t, r && i.setAttribute("title", r), i;
+}, g = (e, t) => (e.addEventListener("mouseover", () => {
+	e.style.backgroundColor = t ? "#444" : "#f0f0f0";
+}), e.addEventListener("mouseout", () => {
+	e.style.backgroundColor = "transparent";
+}), e), _ = {
+	close: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"></line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"></line></svg>",
+	zoomIn: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"></line><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"></line></svg>",
+	zoomOut: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"></line></svg>",
+	darkMode: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z\"></path></svg>",
+	lightMode: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"5\"></circle><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"></line><line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"></line><line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"></line><line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"></line><line x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"></line><line x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"></line><line x1=\"4.22\" y1=\"19.78\" x2=\"5.64\" y2=\"18.36\"></line><line x1=\"18.36\" y1=\"5.64\" x2=\"19.78\" y2=\"4.22\"></line></svg>",
+	fullscreen: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 3 21 3 21 9\"></polyline><polyline points=\"9 21 3 21 3 15\"></polyline><line x1=\"21\" y1=\"3\" x2=\"14\" y2=\"10\"></line><line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\"></line></svg>",
+	exitFullscreen: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"8 3 3 3 3 8\"></polyline><polyline points=\"21 8 21 3 16 3\"></polyline><polyline points=\"3 16 3 21 8 21\"></polyline><polyline points=\"16 21 21 21 21 16\"></polyline></svg>",
+	print: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><polyline points=\"6 9 6 2 18 2 18 9\"></polyline><path d=\"M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2\"></path><rect x=\"6\" y=\"14\" width=\"12\" height=\"8\"></rect></svg>",
+	paper: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"></path><polyline points=\"14 2 14 8 20 8\"></polyline></svg>"
+}, v = (e, t) => {
+	if (typeof e == "number" || !isNaN(Number(e))) return `${e}${t}`;
+	let n = e.toString().match(/[a-zA-Z]+/g)?.[0];
+	return !n || !(n in p) ? `${e}mm` : e;
+};
+function y() {
+	try {
+		return /^((?!chrome|android).)*safari/i.test(navigator.userAgent) && navigator.vendor === "Apple Computer, Inc.";
+	} catch {
+		return !1;
+	}
+}
+function b(e) {
+	let { immediateEvents: t = ["load"], debug: n = !1 } = {}, r = HTMLIFrameElement.prototype.addEventListener;
+	return HTMLIFrameElement.prototype.addEventListener = function(e, i, a) {
+		if (r.call(this, e, i, a), !(!y() || typeof i != "function")) try {
+			t.includes(e) && this.contentWindow?.document.readyState === "complete" && (n && console.log(`[Safari Iframe Patch] Triggering "${e}" immediately`), this.contentWindow.setTimeout(() => {
+				i.call(this, new Event(e));
+			}));
+		} catch (e) {
+			console.warn("[Safari Iframe Patch] Error:", e);
+		}
+	}, function() {
+		HTMLIFrameElement.prototype.addEventListener = r, n && console.log("[Safari Iframe Patch] Restored original addEventListener");
+	};
+}
+var x = class {
+	constructor(e) {
+		u(this, "standards", {
+			strict: "strict",
+			loose: "loose",
+			html5: "html5"
+		}), u(this, "iframeId", ""), u(this, "previewBody", null), u(this, "close", null), u(this, "scale", 1), u(this, "isDarkMode", !1), u(this, "isFullscreen", !0), u(this, "settings");
+		let t = e, { vue: n, standard: r = "html5", zIndex: i = 20002, previewTitle: a = "打印预览", previewPrintBtnLabel: o = "打印", preview: d = !1, popTitle: f = document.title, previewSize: p, darkMode: m = !1, windowMode: h = !1, defaultScale: g = 1, previewTools: _ = {
+			zoom: !0,
+			theme: !0,
+			fullscreen: !0
+		} } = t, v = l(t, [
+			"vue",
+			"standard",
+			"zIndex",
+			"previewTitle",
+			"previewPrintBtnLabel",
+			"preview",
+			"popTitle",
+			"previewSize",
+			"darkMode",
+			"windowMode",
+			"defaultScale",
+			"previewTools"
+		]);
+		this.isDarkMode = m, this.isFullscreen = !h, this.scale = g, this.settings = c(s({
+			standard: r,
+			zIndex: i,
+			previewTitle: a,
+			previewPrintBtnLabel: o,
+			preview: d,
+			popTitle: f,
+			previewSize: p,
+			darkMode: m,
+			windowMode: h,
+			defaultScale: g,
+			previewTools: _
+		}, v), {
+			previewBeforeOpenCallback: () => e.previewBeforeOpenCallback?.call(e, n),
+			previewOpenCallback: () => e.previewOpenCallback?.call(e, n),
+			openCallback: () => e.openCallback?.call(e, n),
+			closeCallback: () => e.closeCallback?.call(e, n),
+			beforeOpenCallback: () => e.beforeOpenCallback?.call(e, n)
+		}), this.init();
+	}
+	init() {
+		this.iframeId = `printArea_${++f}`;
+		let { el: e, url: t, asyncUrl: n } = this.settings;
+		if (b(), e) this.handlePrintWindow("");
+		else if (t) this.handlePrintWindow(t);
+		else if (n) n((e) => this.handlePrintWindow(e), this.settings.vue);
+		else throw Error(`${d}: Either "el", "url", or "asyncUrl" parameter must be provided in the settings.`);
+	}
+	handlePrintWindow(e) {
+		let t = this.getPrintWindow(e);
+		!e && this.write(t.doc), this.settings.preview ? this.previewIframeLoad() : this.print(t);
+	}
+	addEvent(e, t, n) {
+		e && e.addEventListener(t, n, !1);
+	}
+	previewIframeLoad() {
+		var e, t;
+		let n = document.getElementById("vue-print-next-previewBox");
+		if (!n) return;
+		let r = n.querySelector("iframe");
+		(t = (e = this.settings).previewBeforeOpenCallback) == null || t.call(e), this.addEvent(r, "load", () => {
+			var e, t;
+			this.previewBoxShow(), (t = (e = this.settings).previewOpenCallback) == null || t.call(e);
+		}), this.addEvent(n.querySelector(".previewBodyUtilPrintBtn"), "click", () => {
+			var e, t, n, i, a, o;
+			(t = (e = this.settings).beforeOpenCallback) == null || t.call(e), r != null && r.contentWindow ? this.waitForFontsLoaded(r.contentWindow).then(() => {
+				var e, t, n, i, a;
+				(t = (e = this.settings).openCallback) == null || t.call(e), (n = r.contentWindow) == null || n.print(), (a = (i = this.settings).closeCallback) == null || a.call(i);
+			}).catch(() => {
+				var e, t, n, i, a;
+				console.warn(`${d}: Font loading timeout in preview mode, proceeding with print`), (t = (e = this.settings).openCallback) == null || t.call(e), (n = r.contentWindow) == null || n.print(), (a = (i = this.settings).closeCallback) == null || a.call(i);
+			}) : ((i = (n = this.settings).openCallback) == null || i.call(n), (o = (a = this.settings).closeCallback) == null || o.call(a));
+		});
+	}
+	print(e) {
+		var t, n;
+		let r = document.getElementById(this.iframeId) || e.f, i = r?.contentWindow;
+		i && ((n = (t = this.settings).beforeOpenCallback) == null || n.call(t), this.addEvent(r, "load", () => {
+			this.waitForFontsLoaded(i).then(() => {
+				let e = setTimeout(() => {
+					var t, n, a, o;
+					i.focus(), (n = (t = this.settings).openCallback) == null || n.call(t), i.print(), r.remove(), (o = (a = this.settings).closeCallback) == null || o.call(a), clearTimeout(e);
+				}, 100);
+			}).catch(() => {
+				console.warn(`${d}: Font loading timeout, proceeding with print`);
+				let e = setTimeout(() => {
+					var t, n, a, o;
+					i.focus(), (n = (t = this.settings).openCallback) == null || n.call(t), i.print(), r.remove(), (o = (a = this.settings).closeCallback) == null || o.call(a), clearTimeout(e);
+				}, 100);
+			});
+		}));
+	}
+	getNoPrintMediaStyle() {
+		let { noPrintSelector: e } = this.settings;
+		if (!e) return "";
+		let t = (Array.isArray(e) ? e : [e]).filter((e) => e.trim());
+		return t.length ? `${t.join(",")} { display: none; }` : (console.error(/* @__PURE__ */ TypeError(`${d}: The "noPrintSelector" must be a non-empty string or an array of strings.`)), "");
+	}
+	write(e) {
+		e.open(), e.write(`${this.docType()}<html lang='zh'>${this.getHead()}${this.getBody()}</html>`), e.close();
+	}
+	docType() {
+		return this.settings.standard === this.standards.html5 ? "<!DOCTYPE html>" : `<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01${this.settings.standard === this.standards.loose ? " Transitional" : ""}//EN" "http://www.w3.org/TR/html4/${this.settings.standard === this.standards.loose ? "loose" : "strict"}.dtd">`;
+	}
+	getPrintMediaStyle() {
+		let { paperSize: e, orientation: t, customSize: n } = this.settings, r = this.settings.paperSize !== void 0 || this.settings.orientation !== void 0 || this.settings.customSize !== void 0, i = "";
+		if (r) {
+			let r = e || "A4", a = t || "portrait";
+			if (r === "custom" && n) {
+				let { width: e, height: t, unit: r = "mm" } = n, o = v(e, r), s = v(t, r);
+				i = a === "portrait" ? `@page { size: ${o} ${s}; }` : `@page { size: ${s} ${o}; }`;
+			} else if (r in p) {
+				let e = p[r];
+				i = a === "portrait" ? `@page { size: ${e.width} ${e.height}; }` : `@page { size: ${e.height} ${e.width}; }`;
+			} else {
+				let e = p.A4;
+				i = t === "portrait" ? `@page { size: ${e.width} ${e.height}; }` : `@page { size: ${e.height} ${e.width}; }`;
+			}
+		}
+		return `body {-webkit-print-color-adjust: exact; -moz-print-color-adjust: exact; -ms-print-color-adjust: exact; print-color-adjust: exact;}${i}`;
+	}
+	getHead() {
+		let { extraHead: e = "", extraCss: t = "", popTitle: n } = this.settings, r = Array.from(document.querySelectorAll("link[href$=\".css\"]")).map((e) => `<link type="text/css" rel="stylesheet" href='${e.href}'>`).join(""), i = Array.from(document.querySelectorAll("style")).map((e) => e.outerHTML).join(""), a = t.split(",").filter((e) => e.trim()).map((e) => `<link type="text/css" rel="stylesheet" href='${e.trim()}'>`).join(""), o = this.getPrintMediaStyle(), s = this.getNoPrintMediaStyle();
+		return `<head><title>${n}</title>` + e + r + i + `<style type="text/css">${s}${o}</style>` + a + "</head>";
+	}
+	getPrintAreaDom() {
+		let e = this.settings.el, t = typeof e == "string";
+		if (e instanceof HTMLElement) return [e];
+		if (!t) throw TypeError(`${d}: The "el" property should be either a string (CSS selector) or an HTMLElement, but received type "${typeof e}".`);
+		let n = Array.from(document.querySelectorAll(e));
+		if (!(n != null && n.length)) throw Error(`${d}: No elements found matching the selector: "${e}".`);
+		return n;
+	}
+	getBody() {
+		let e = this.getPrintAreaDom(), t = document.createElement("div");
+		return e.forEach((e) => {
+			let n = e.cloneNode(!0);
+			this.removeScriptHandler(n), this.canvasToImgHandler(e, n), this.formDataHandler(e, n), t.appendChild(n);
+		}), `<body>${t.innerHTML}</body>`;
+	}
+	removeScriptHandler(e) {
+		let t = Array.from(e.querySelectorAll("script"));
+		t.length !== 0 && t.forEach((e) => {
+			e.remove();
+		});
+	}
+	canvasToImgHandler(e, t) {
+		try {
+			let n = Array.from(e.querySelectorAll("canvas")), r = Array.from(t.querySelectorAll("canvas"));
+			if (r.length === 0) return;
+			let i = [];
+			r.forEach((e, t) => {
+				let r = n[t];
+				if (!r) {
+					console.warn(`${d}: Canvas element mismatch, Canvas at index ${t} does not exist in the original element`);
+					return;
+				}
+				let a = e.parentNode;
+				if (!a) {
+					console.warn(`${d}: Canvas parent element does not exist`);
+					return;
+				}
+				try {
+					let t = r.toDataURL("image/png"), n = new Image();
+					n.className = "canvasImg", n.style.display = "block", n.src = t, i.push({
+						parent: a,
+						newElement: n,
+						oldElement: e
+					});
+				} catch (t) {
+					console.error(`${d}: Error processing Canvas:`, t);
+					let n = document.createElement("div");
+					n.className = "canvas-error", n.style.cssText = "padding: 10px; border: 1px dashed #ff6b6b; color: #ff6b6b; text-align: center;", n.textContent = "Unable to load Canvas content, possibly due to cross-origin restrictions", i.push({
+						parent: a,
+						newElement: n,
+						oldElement: e
+					});
+				}
+			}), i.forEach(({ parent: e, newElement: t, oldElement: n }) => {
+				e.replaceChild(t, n);
+			});
+		} catch (e) {
+			console.error(`${d}: Error occurred while processing Canvas elements:`, e);
+		}
+	}
+	formDataHandler(e, t) {
+		try {
+			let n = Array.from(t.querySelectorAll("input,select,textarea"));
+			if (n.length === 0) return;
+			let r = Array.from(e.querySelectorAll("select")), i = -1;
+			n.forEach((e) => {
+				try {
+					let t = e.value;
+					switch (e.getAttribute("type") ?? e.tagName.toLowerCase()) {
+						case "select":
+							if (i++, i < r.length) {
+								let t = r[i].selectedIndex, n = e.options;
+								n && n.length > t && t >= 0 ? n[t].setAttribute("selected", "selected") : n && n.length > 0 ? (n[0].setAttribute("selected", "selected"), console.warn(`${d}: Select element option index out of range, defaulting to first option`)) : console.warn(`${d}: Select element has no options`);
+							} else console.warn(`${d}: Original select element not found at index ${i}`);
+							break;
+						case "textarea":
+							e.innerHTML = t, e.setAttribute("html", t);
+							break;
+						case "radio":
+						case "checkbox":
+							e.checked && e.setAttribute("checked", "checked");
+							break;
+						default:
+							e.value = t, e.setAttribute("value", t);
+							break;
+					}
+				} catch (t) {
+					console.error(`${d}: Error processing form element (${e.tagName}):`, t);
+				}
+			});
+		} catch (e) {
+			console.error(`${d}: Error occurred while processing form data:`, e);
+		}
+	}
+	getPrintWindow(e) {
+		let t = this.createIframe(e), n = t.contentDocument || t.contentWindow?.document || t.document;
+		if (!n) throw Error(`${d}: Unable to find the document object within the created iframe. Please ensure the iframe is correctly created and loaded.`);
+		return {
+			f: t,
+			win: t.contentWindow || t,
+			doc: n
+		};
+	}
+	previewBoxShow() {
+		let e = document.getElementById("vue-print-next-previewBox");
+		if (!e) return;
+		let t = document.querySelector("html");
+		t && (t.style.overflow = "hidden"), e.style.opacity = "0", e.style.display = "block", setTimeout(() => {
+			e.style.transition = "opacity 0.3s ease", e.style.opacity = "1", this.applyInitialSettings();
+		}, 10);
+	}
+	applyInitialSettings() {
+		this.isDarkMode && (this.isDarkMode = !1, this.toggleTheme()), this.isFullscreen || (this.isFullscreen = !0, this.toggleFullscreen()), this.scale !== 1 && this.updatePreviewScale();
+	}
+	previewBoxHide() {
+		let e = document.getElementById("vue-print-next-previewBox");
+		e && (e.style.opacity = "0", setTimeout(() => {
+			var t;
+			let n = document.querySelector("html");
+			n && (n.style.overflow = "visible"), (t = e.querySelector(".paperContainer")?.querySelector("iframe")) == null || t.remove(), e.style.display = "none", this.resetPreviewState(e);
+		}, 300));
+	}
+	resetPreviewState(e) {
+		let t = e.querySelector(".previewBodyUtilPrintBtn");
+		t && (t.style.backgroundColor = "#1890ff", t.style.boxShadow = "none"), this.scale = this.settings.defaultScale || 1, this.isDarkMode && this.toggleTheme(), this.isFullscreen && (this.isFullscreen = !1, e.style.width = "100%", e.style.height = "100%", e.style.top = "0", e.style.left = "0", e.style.borderRadius = "0");
+	}
+	previewBox() {
+		var e;
+		let t = document.getElementById("vue-print-next-previewBox");
+		if (t) {
+			(e = t.querySelector("iframe")) == null || e.remove();
+			let n = t.querySelector(".previewHeader");
+			if (n) {
+				let e = this.createPreviewHeader();
+				t.replaceChild(e, n), this.close = e.querySelector(".previewClose");
+			}
+			let r = t.querySelector(".paperContainer");
+			r && this.setPaperSize(r);
+			let i = t.querySelector(".paperInfo");
+			return i && (i.innerHTML = _.paper + this.getPaperSizeText()), {
+				close: this.close,
+				previewBody: t.querySelector(".previewBody")
+			};
+		}
+		t = document.createElement("div"), t.setAttribute("id", "vue-print-next-previewBox"), t.setAttribute("style", "position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(250, 250, 250, 0.98); display: none; z-index: " + this.settings.zIndex + "; font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); transition: background-color 0.3s ease;"), t.setAttribute("data-theme", "light");
+		let n = this.createPreviewHeader();
+		return t.appendChild(n), this.previewBody = this.createPreviewBody(), t.appendChild(this.previewBody), document.body.appendChild(t), {
+			close: this.close,
+			previewBody: this.previewBody
+		};
+	}
+	createPreviewHeader() {
+		let e = document.createElement("div");
+		e.setAttribute("class", "previewHeader"), e.setAttribute("style", "padding: 12px 24px; background: #fff; border-bottom: 1px solid #eaeaea; display: flex; align-items: center; justify-content: space-between; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); transition: background-color 0.3s ease, border-color 0.3s ease;");
+		let t = document.createElement("div");
+		t.setAttribute("style", "font-size: 16px; font-weight: 500; color: #333; transition: color 0.3s ease;"), t.innerHTML = this.settings.previewTitle || "";
+		let n = document.createElement("div");
+		n.setAttribute("style", "display: flex; align-items: center; gap: 12px;");
+		let r = {
+			zoom: !0,
+			theme: !0,
+			fullscreen: !0
+		}, i;
+		if (this.settings.previewTools === !1) i = {
+			zoom: !1,
+			theme: !1,
+			fullscreen: !1
+		};
+		else if (typeof this.settings.previewTools == "object" && this.settings.previewTools !== null) {
+			let e = this.settings.previewTools;
+			i = {
+				zoom: e.zoom !== !1,
+				theme: e.theme !== !1,
+				fullscreen: e.fullscreen !== !1
+			};
+		} else i = s({}, r);
+		if (i.zoom) {
+			let e = this.createZoomControls();
+			n.appendChild(e);
+		}
+		if (i.theme) {
+			let e = this.createThemeToggle();
+			n.appendChild(e);
+		}
+		if (i.fullscreen) {
+			let e = this.createFullscreenToggle();
+			n.appendChild(e);
+		}
+		return this.close = this.createCloseButton(), e.appendChild(t), e.appendChild(n), e.appendChild(this.close), e;
+	}
+	createIframe(e) {
+		let t = document.createElement("iframe");
+		if (t.id = this.iframeId, t.src = e || "about:blank", t.style.cssText = "position: fixed; left: -9999px; border: 0; width: 0; height: 0; opacity: 0;", !this.settings.preview) document.body.appendChild(t);
+		else {
+			t.style.cssText = "border: 0px; width: 100%; height: 100%; background: white; transition: background-color 0.3s ease;";
+			let { close: e, previewBody: n } = this.previewBox();
+			((n?.querySelector(".paperContainer"))?.querySelector("div"))?.appendChild(t), this.updatePreviewScale(), this.addEvent(e, "click", this.previewBoxHide.bind(this)), this.addEvent(t, "load", this.applyIframeDarkMode.bind(this, t));
+		}
+		return t;
+	}
+	applyIframeDarkMode(e) {
+		if (this.isDarkMode) try {
+			let t = e.contentDocument || e.contentWindow?.document;
+			if (t) {
+				let e = t.createElement("style");
+				e.textContent = "body { color-scheme: dark; }", t.head.appendChild(e);
+			}
+		} catch (e) {
+			console.warn("[VuePrintNext] Failed to apply dark mode style to iframe content", e);
+		}
+	}
+	createCloseButton() {
+		let e = document.createElement("div");
+		return e.setAttribute("class", "previewClose"), e.setAttribute("style", "width: 32px; height: 32px; cursor: pointer; display: flex; align-items: center; justify-content: center; border-radius: 4px; transition: background-color 0.2s ease, color 0.3s ease;"), e.innerHTML = _.close, g(e, this.isDarkMode), e;
+	}
+	createZoomControls() {
+		let e = document.createElement("div");
+		e.setAttribute("class", "zoomControls"), e.setAttribute("style", "display: flex; align-items: center; gap: 8px;");
+		let t = h("zoomOutBtn", _.zoomOut, 28);
+		g(t, this.isDarkMode), t.addEventListener("click", () => {
+			this.scale = Math.max(.5, this.scale - .1), this.updatePreviewScale();
+		});
+		let n = document.createElement("span");
+		n.setAttribute("class", "zoomDisplay"), n.setAttribute("style", "font-size: 14px; min-width: 40px; text-align: center;"), n.textContent = "100%";
+		let r = h("zoomInBtn", _.zoomIn, 28);
+		g(r, this.isDarkMode), r.addEventListener("click", () => {
+			this.scale = Math.min(2, this.scale + .1), this.updatePreviewScale();
+		});
+		let i = document.createElement("button");
+		return i.setAttribute("class", "zoomResetBtn"), i.setAttribute("style", "font-size: 12px; padding: 2px 6px; border: none; background: transparent; cursor: pointer; border-radius: 4px; transition: background-color 0.2s ease;"), i.textContent = "重置", g(i, this.isDarkMode), i.addEventListener("click", () => {
+			this.scale = this.settings.defaultScale || 1, this.updatePreviewScale();
+		}), e.appendChild(t), e.appendChild(n), e.appendChild(r), e.appendChild(i), e;
+	}
+	updatePreviewScale() {
+		let e = document.getElementById("vue-print-next-previewBox");
+		if (!e) return;
+		let t = e.querySelector(".zoomDisplay");
+		t && (t.textContent = `${Math.round(this.scale * 100)}%`);
+		let n = e.querySelector(".paperContainer");
+		n && (n.style.transform = `scale(${this.scale})`, n.style.transformOrigin = "center top");
+	}
+	createThemeToggle() {
+		let e = h("themeToggle", _.darkMode, 32, "切换深色/浅色模式");
+		return g(e, this.isDarkMode), e.addEventListener("click", () => {
+			this.toggleTheme();
+		}), e;
+	}
+	toggleTheme() {
+		var e, t, n, r, i;
+		this.isDarkMode = !this.isDarkMode;
+		let a = document.getElementById("vue-print-next-previewBox");
+		if (!a) return;
+		let o = this.isDarkMode ? {
+			theme: "dark",
+			background: "rgba(30, 30, 30, 0.98)",
+			headerBg: "#242424",
+			borderColor: "#333",
+			textColor: "#fff",
+			contentBg: "#1a1a1a",
+			pageInfoColor: "#ccc",
+			themeIcon: _.lightMode
+		} : {
+			theme: "light",
+			background: "rgba(250, 250, 250, 0.98)",
+			headerBg: "#fff",
+			borderColor: "#eaeaea",
+			textColor: "#333",
+			contentBg: "#f5f5f5",
+			pageInfoColor: "#666",
+			themeIcon: _.darkMode
+		};
+		a.setAttribute("data-theme", o.theme), a.style.backgroundColor = o.background;
+		let s = a.querySelector(".previewHeader");
+		s && (s.style.backgroundColor = o.headerBg, s.style.borderColor = o.borderColor);
+		let c = a.querySelector(".previewHeader > div:first-child");
+		c && (c.style.color = o.textColor), a.querySelectorAll(".previewHeader button, .previewHeader svg, .zoomDisplay, .zoomResetBtn").forEach((e) => {
+			e.style.color = o.textColor;
+		});
+		let l = a.querySelector(".previewBodyUtil");
+		l && (l.style.backgroundColor = o.headerBg, l.style.borderColor = o.borderColor);
+		let u = a.querySelector(".previewBody > div:last-child");
+		u && (u.style.backgroundColor = o.contentBg);
+		let d = a.querySelector(".pageInfo");
+		d && (d.style.color = o.pageInfoColor);
+		let f = a.querySelector(".themeToggle");
+		if (f) {
+			let t = f.cloneNode(!0);
+			t.innerHTML = o.themeIcon, (e = f.parentNode) == null || e.replaceChild(t, f), g(t, this.isDarkMode), t.addEventListener("click", () => {
+				this.toggleTheme();
+			});
+		}
+		let p = a.querySelector(".zoomInBtn");
+		if (p) {
+			let e = p.cloneNode(!0);
+			(t = p.parentNode) == null || t.replaceChild(e, p), g(e, this.isDarkMode), e.addEventListener("click", () => {
+				this.scale = Math.min(2, this.scale + .1), this.updatePreviewScale();
+			});
+		}
+		let m = a.querySelector(".zoomOutBtn");
+		if (m) {
+			let e = m.cloneNode(!0);
+			(n = m.parentNode) == null || n.replaceChild(e, m), g(e, this.isDarkMode), e.addEventListener("click", () => {
+				this.scale = Math.max(.5, this.scale - .1), this.updatePreviewScale();
+			});
+		}
+		let h = a.querySelector(".zoomResetBtn");
+		if (h) {
+			let e = h.cloneNode(!0);
+			(r = h.parentNode) == null || r.replaceChild(e, h), g(e, this.isDarkMode), e.addEventListener("click", () => {
+				this.scale = this.settings.defaultScale || 1, this.updatePreviewScale();
+			});
+		}
+		let v = a.querySelector(".fullscreenToggle");
+		if (v) {
+			let e = v.cloneNode(!0);
+			e.innerHTML = this.isFullscreen ? _.fullscreen : _.exitFullscreen, (i = v.parentNode) == null || i.replaceChild(e, v), g(e, this.isDarkMode), e.addEventListener("click", () => {
+				this.toggleFullscreen();
+			});
+		}
+		let y = a.querySelector(".previewBodyUtilPrintBtn");
+		y && (y.addEventListener("mouseover", () => {
+			y.style.backgroundColor = "#40a9ff", y.style.boxShadow = "0 2px 8px rgba(24, 144, 255, 0.3)";
+		}), y.addEventListener("mouseout", () => {
+			y.style.backgroundColor = "#1890ff", y.style.boxShadow = "none";
+		}));
+	}
+	createFullscreenToggle() {
+		let e = h("fullscreenToggle", _.fullscreen, 32, "切换全屏/弹窗模式");
+		return g(e, this.isDarkMode), e.addEventListener("click", () => {
+			this.toggleFullscreen();
+		}), e;
+	}
+	toggleFullscreen() {
+		this.isFullscreen = !this.isFullscreen;
+		let e = document.getElementById("vue-print-next-previewBox");
+		if (!e) return;
+		let t = this.isFullscreen ? {
+			width: "100%",
+			height: "100%",
+			top: "0",
+			left: "0",
+			borderRadius: "0",
+			boxShadow: "0 0 20px rgba(0, 0, 0, 0.1)",
+			icon: _.fullscreen
+		} : {
+			width: "80%",
+			height: "80%",
+			top: "10%",
+			left: "10%",
+			borderRadius: "8px",
+			boxShadow: "0 0 30px rgba(0, 0, 0, 0.2)",
+			icon: _.exitFullscreen
+		};
+		e.style.width = t.width, e.style.height = t.height, e.style.top = t.top, e.style.left = t.left, e.style.borderRadius = t.borderRadius, e.style.boxShadow = t.boxShadow;
+		let n = e.querySelector(".fullscreenToggle");
+		n && (n.innerHTML = t.icon);
+	}
+	getPaperSizeText() {
+		let { paperSize: e = "A4", orientation: t = "portrait", customSize: n, previewSize: r } = this.settings, i = "";
+		if (r) {
+			if (typeof r == "string") i = r;
+			else if (r.width && r.height) {
+				let { width: e, height: t, unit: n = "mm" } = r;
+				i = `自定义 (${v(e, n)} × ${v(t, n)})`;
+			}
+		} else if (e === "custom" && n) {
+			let { width: e, height: t, unit: r = "mm" } = n;
+			i = `自定义 (${v(e, r)} × ${v(t, r)})`;
+		} else i = e;
+		return `${i} - ${t === "portrait" ? "纵向" : "横向"}`;
+	}
+	createPreviewBody() {
+		let e = document.createElement("div");
+		e.className = "previewBody", e.style.cssText = "display: flex; flex-direction: column; height: calc(100% - 56px);";
+		let t = document.createElement("div");
+		t.className = "previewBodyUtil", t.style.cssText = "height: 48px; background: #fff; position: relative; display: flex; align-items: center; justify-content: space-between; padding: 0 24px; border-bottom: 1px solid #eaeaea; transition: background-color 0.3s ease, border-color 0.3s ease;";
+		let n = document.createElement("div");
+		n.className = "leftTools", n.style.cssText = "display: flex; align-items: center; gap: 16px;";
+		let r = document.createElement("button");
+		r.className = "previewBodyUtilPrintBtn", r.style.cssText = "padding: 8px 16px; font-size: 14px; color: white; cursor: pointer; background: #1890ff; border: none; border-radius: 4px; transition: all 0.3s ease; outline: none; font-weight: 500; display: flex; align-items: center; justify-content: center;", r.innerHTML = _.print + (this.settings.previewPrintBtnLabel || ""), r.addEventListener("mouseover", () => {
+			r.style.backgroundColor = "#40a9ff", r.style.boxShadow = "0 2px 8px rgba(24, 144, 255, 0.3)";
+		}), r.addEventListener("mouseout", () => {
+			r.style.backgroundColor = "#1890ff", r.style.boxShadow = "none";
+		}), n.appendChild(r);
+		let i = document.createElement("div");
+		i.className = "paperInfo", i.style.cssText = "font-size: 13px; color: #666; display: flex; align-items: center; transition: color 0.3s ease;", i.innerHTML = _.paper + this.getPaperSizeText(), n.appendChild(i), t.appendChild(n), e.appendChild(t);
+		let a = document.createElement("div");
+		a.className = "contentContainer", a.style.cssText = "flex: 1; padding: 24px; overflow: auto; background: #f5f5f5; display: flex; justify-content: center; transition: background-color 0.3s ease;";
+		let o = document.createElement("div");
+		o.className = "paperContainer", o.style.cssText = "background: white; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15); transition: box-shadow 0.3s ease; transform-origin: center top; margin-bottom: 24px;", this.setPaperSize(o);
+		let s = document.createElement("div");
+		return s.style.cssText = "width: 100%; height: 100%; overflow: hidden;", o.appendChild(s), a.appendChild(o), e.appendChild(a), e;
+	}
+	getPaperDimensions() {
+		let { paperSize: e = "A4", customSize: t, previewSize: n } = this.settings, r = p.A4, i = r.width, a = r.height;
+		if (n) {
+			if (typeof n == "string") {
+				if (n in p) {
+					let e = p[n];
+					i = e.width, a = e.height;
+				}
+			} else if (n.width && n.height) {
+				let { width: e, height: t, unit: r = "mm" } = n;
+				i = v(e, r), a = v(t, r);
+			}
+		} else if (e === "custom" && t) {
+			let { width: e, height: n, unit: r = "mm" } = t;
+			i = v(e, r), a = v(n, r);
+		} else if (e in p) {
+			let t = p[e];
+			i = t.width, a = t.height;
+		}
+		return {
+			width: i,
+			height: a
+		};
+	}
+	setPaperSize(e) {
+		let { orientation: t = "portrait" } = this.settings, { width: n, height: r } = this.getPaperDimensions();
+		t === "portrait" ? (e.style.width = n, e.style.height = r) : (e.style.width = r, e.style.height = n);
+	}
+	waitForFontsLoaded(e) {
+		return new Promise((t, n) => {
+			let r = Date.now();
+			if (e.document.fonts && typeof e.document.fonts.ready == "object") Promise.race([e.document.fonts.ready, new Promise((e, t) => {
+				setTimeout(() => t(/* @__PURE__ */ Error("Font loading timeout")), 3e3);
+			})]).then(() => {
+				t();
+			}).catch(() => {
+				n(/* @__PURE__ */ Error("Font loading timeout or failed"));
+			});
+			else {
+				let i = () => {
+					if (Date.now() - r >= 3e3) {
+						n(/* @__PURE__ */ Error("Font loading timeout"));
+						return;
+					}
+					e.document.readyState === "complete" ? setTimeout(() => t(), 200) : setTimeout(i, 50);
+				};
+				i();
+			}
+		});
+	}
+};
+//#endregion
+export { x as VuePrintNext };