@utogether/udp-core 2.0.0-beta.24 → 2.0.0-beta.26

package/dist/DesignPanel-DmkFVw1N.js

@@ -0,0 +1,1196 @@
+import { I as e, t } from "./system-Cm3lyBas.js";
+import { r as n } from "./api-BFNxcxSN.js";
+import { t as r } from "./await-to-js.es5-DkWYmPXW.js";
+import { t as i } from "./Preview-CAzWxLmP.js";
+import { Fragment as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, nextTick as p, onBeforeUnmount as m, onMounted as h, openBlock as g, reactive as _, ref as v, renderList as y, resolveComponent as b, resolveDirective as x, toDisplayString as S, unref as C, withCtx as w, withDirectives as T, withModifiers as E } from "vue";
+import { useGlobal as D } from "@utogether/utils";
+import { clone as O } from "xe-utils";
+import { VxeUI as k } from "vxe-pc-ui";
+//#region src/views/urpt/design/panel.ts
+var A = { panels: [{
+	index: 0,
+	height: 148,
+	width: 210,
+	paperHeader: -1.5,
+	paperFooter: 380,
+	printElements: [
+		{
+			options: {
+				left: 540,
+				top: 10.5,
+				height: 35,
+				width: 33,
+				borderColor: "#f20000",
+				coordinateSync: !0,
+				widthHeightSync: !0
+			},
+			printElementType: {
+				title: "椭圆",
+				type: "oval"
+			}
+		},
+		{
+			options: {
+				left: 454.5,
+				top: 15,
+				height: 18,
+				width: 74,
+				title: "8888888",
+				fontSize: 18,
+				fontWeight: "600",
+				color: "#2935e3",
+				textAlign: "center",
+				lineHeight: 16
+			},
+			printElementType: {
+				title: "文本",
+				type: "text"
+			}
+		},
+		{
+			options: {
+				left: 424.5,
+				top: 15,
+				height: 19,
+				width: 24,
+				title: "NO",
+				fontSize: 18,
+				color: "#2935e3",
+				textAlign: "center",
+				lineHeight: 15
+			},
+			printElementType: {
+				title: "文本",
+				type: "text"
+			}
+		},
+		{
+			options: {
+				left: 190.5,
+				top: 15,
+				height: 21,
+				width: 226,
+				title: "上海增值税普通发票",
+				fontSize: 18,
+				fontWeight: "600",
+				letterSpacing: 2.5,
+				color: "#cc5a5a",
+				textAlign: "center",
+				lineHeight: 18
+			},
+			printElementType: {
+				title: "文本",
+				type: "text"
+			}
+		},
+		{
+			options: {
+				left: 244.5,
+				top: 19.5,
+				height: 51,
+				width: 112,
+				borderColor: "#eb1111",
+				borderWidth: "2"
+			},
+			printElementType: {
+				title: "椭圆",
+				type: "oval"
+			}
+		},
+		{
+			options: {
+				left: 90,
+				top: 19.5,
+				height: 21,
+				width: 96,
+				title: "8888888",
+				fontSize: 19,
+				letterSpacing: 1,
+				color: "#2935e3",
+				textAlign: "center",
+				lineHeight: 18
+			},
+			printElementType: {
+				title: "文本",
+				type: "text"
+			}
+		},
+		{
+			options: {
+				left: 19.5,
+				top: 19.5,
+				height: 61,
+				width: 65,
+				title: "031001800204",
+				textType: "qrcode"
+			},
+			printElementType: {
+				title: "文本",
+				type: "text"
+			}
+		},
+		{
+			options: {
+				left: 250.5,
+				top: 25.5,
+				height: 42,
+				width: 104,
+				borderColor: "#f00505"
+			},
+			printElementType: {
+				title: "椭圆",
+				type: "oval"
+			}
+		},
+		{
+			options: {
+				left: 190.5,
+				top: 45,
+				height: 10,
+				width: 228,
+				borderColor: "#b5a8a8"
+			},
+			printElementType: {
+				title: "横线",
+				type: "hline"
+			}
+		},
+		{
+			options: {
+				left: 190.5,
+				top: 49.5,
+				height: 10,
+				width: 228,
+				borderColor: "#baafaf"
+			},
+			printElementType: {
+				title: "横线",
+				type: "hline"
+			}
+		},
+		{
+			options: {
+				left: 244.5,
+				top: 55.5,
+				height: 22,
+				width: 120,
+				title: "发票联",
+				fontSize: 18,
+				fontWeight: "600",
+				letterSpacing: 8,
+				color: "#cc5a5a",
+				textAlign: "center",
+				lineHeight: 18
+			},
+			printElementType: {
+				title: "文本",
+				type: "text"
+			}
+		},
+		{
+			options: {
+				left: 510,
+				top: 55.5,
+				height: 13,
+				width: 69,
+				title: "2019年05月09日",
+				color: "#2935e3"
+			},
+			printElementType: {
+				title: "文本",
+				type: "text"
+			}
+		},
+		{
+			options: {
+				left: 445.5,
+				top: 55.5,
+				height: 15,
+				width: 57,
+				title: "开票日期：",
+				color: "#cc5a5a",
+				lineHeight: 13
+			},
+			printElementType: {
+				title: "文本",
+				type: "text"
+			}
+		},
+		{
+			options: {
+				left: 90,
+				top: 64.5,
+				height: 15,
+				width: 141,
+				title: "校验码：123456 788942 52344",
+				color: "#2935e3",
+				textAlign: "center",
+				lineHeight: 13
+			},
+			printElementType: {
+				title: "文本",
+				type: "text"
+			}
+		},
+		{
+			options: {
+				left: 400,
+				top: 90,
+				height: 60,
+				width: 10,
+				borderColor: "#cc5a5a"
+			},
+			printElementType: {
+				title: "竖线",
+				type: "vline"
+			}
+		},
+		{
+			options: {
+				left: 35,
+				top: 90,
+				height: 60,
+				width: 10,
+				borderColor: "#cc5a5a"
+			},
+			printElementType: {
+				title: "竖线",
+				type: "vline"
+			}
+		},
+		{
+			options: {
+				left: 420,
+				top: 90,
+				height: 61,
+				width: 10,
+				borderColor: "#cc5a5a"
+			},
+			printElementType: {
+				title: "竖线",
+				type: "vline"
+			}
+		},
+		{
+			options: {
+				left: 10.5,
+				top: 90,
+				height: 282,
+				width: 572,
+				borderColor: "#cc5a5a"
+			},
+			printElementType: {
+				title: "矩形",
+				type: "rect"
+			}
+		},
+		{
+			options: {
+				left: 405,
+				top: 94.5,
+				height: 55,
+				width: 13,
+				title: "密码区",
+				fontSize: 13,
+				color: "#cc5a5a",
+				lineHeight: 18
+			},
+			printElementType: {
+				title: "文本",
+				type: "text"
+			}
+		},
+		{
+			options: {
+				left: 424.5,
+				top: 94.5,
+				height: 50,
+				width: 152,
+				title: "",
+				color: "#2935e3"
+			},
+			printElementType: {
+				title: "文本",
+				type: "text"
+			}
+		},
+		{
+			options: {
+				left: 15,
+				top: 94.5,
+				height: 53,
+				width: 15,
+				title: "购买方",
+				fontSize: 13,
+				color: "#cc5a5a",
+				lineHeight: 18
+			},
+			printElementType: {
+				title: "文本",
+				type: "text"
+			}
+		},
+		{
+			options: {
+				left: 45,
+				top: 100.5,
+				height: 10,
+				width: 348,
+				title: "名称：北京地铁税务局有限公司",
+				color: "#2935e3"
+			},
+			printElementType: {
+				title: "文本",
+				type: "text"
+			}
+		},
+		{
+			options: {
+				left: 45,
+				top: 115.5,
+				height: 10,
+				width: 347,
+				title: "纳税人识别号：999999999999999999",
+				color: "#2935e3"
+			},
+			printElementType: {
+				title: "文本",
+				type: "text"
+			}
+		},
+		{
+			options: {
+				left: 45,
+				top: 130.5,
+				height: 10,
+				width: 347,
+				title: "地址、电话：18888888888",
+				color: "#2935e3"
+			},
+			printElementType: {
+				title: "文本",
+				type: "text"
+			}
+		},
+		{
+			options: {
+				left: 345,
+				top: 150,
+				height: 190,
+				width: 10,
+				borderColor: "#cc5a5a"
+			},
+			printElementType: {
+				title: "竖线",
+				type: "vline"
+			}
+		},
+		{
+			options: {
+				left: 409.5,
+				top: 150,
+				height: 190,
+				width: 10,
+				borderColor: "#cc5a5a"
+			},
+			printElementType: {
+				title: "竖线",
+				type: "vline"
+			}
+		},
+		{
+			options: {
+				left: 295.5,
+				top: 150,
+				height: 190,
+				width: 10,
+				borderColor: "#cc5a5a"
+			},
+			printElementType: {
+				title: "竖线",
+				type: "vline"
+			}
+		},
+		{
+			options: {
+				left: 480,
+				top: 150,
+				height: 190,
+				width: 10,
+				borderColor: "#cc5a5a"
+			},
+			printElementType: {
+				title: "竖线",
+				type: "vline"
+			}
+		},
+		{
+			options: {
+				left: 215,
+				top: 150,
+				height: 224,
+				width: 10,
+				borderColor: "#cc5a5a"
+			},
+			printElementType: {
+				title: "竖线",
+				type: "vline"
+			}
+		},
+		{
+			options: {
+				left: 520.5,
+				top: 150,
+				height: 190,
+				width: 10,
+				borderColor: "#cc5a5a"
+			},
+			printElementType: {
+				title: "竖线",
+				type: "vline"
+			}
+		},
+		{
+			options: {
+				left: 10,
+				top: 150,
+				height: 10,
+				width: 574,
+				borderColor: "#cc5a5a"
+			},
+			printElementType: {
+				title: "横线",
+				type: "hline"
+			}
+		},
+		{
+			options: {
+				left: 300,
+				top: 160.5,
+				height: 10,
+				width: 36,
+				title: "单位",
+				fontSize: 13,
+				color: "#cc5a5a",
+				textAlign: "center"
+			},
+			printElementType: {
+				title: "文本",
+				type: "text"
+			}
+		},
+		{
+			options: {
+				left: 349.5,
+				top: 160.5,
+				height: 11,
+				width: 51,
+				title: "数量",
+				fontSize: 13,
+				color: "#cc5a5a",
+				textAlign: "center"
+			},
+			printElementType: {
+				title: "文本",
+				type: "text"
+			}
+		},
+		{
+			options: {
+				left: 225,
+				top: 160.5,
+				height: 10,
+				width: 62,
+				title: "规格名称",
+				fontSize: 13,
+				color: "#cc5a5a",
+				textAlign: "center"
+			},
+			printElementType: {
+				title: "文本",
+				type: "text"
+			}
+		},
+		{
+			options: {
+				left: 420,
+				top: 160.5,
+				height: 10,
+				width: 53,
+				title: "单价",
+				fontSize: 13,
+				color: "#cc5a5a",
+				textAlign: "center"
+			},
+			printElementType: {
+				title: "文本",
+				type: "text"
+			}
+		},
+		{
+			options: {
+				left: 484.5,
+				top: 160.5,
+				height: 10,
+				width: 32,
+				title: "税率",
+				fontSize: 13,
+				color: "#cc5a5a",
+				textAlign: "center"
+			},
+			printElementType: {
+				title: "文本",
+				type: "text"
+			}
+		},
+		{
+			options: {
+				left: 525,
+				top: 160.5,
+				height: 10,
+				width: 52,
+				title: "税额",
+				fontSize: 13,
+				color: "#cc5a5a",
+				textAlign: "center"
+			},
+			printElementType: {
+				title: "文本",
+				type: "text"
+			}
+		},
+		{
+			options: {
+				left: 19.5,
+				top: 160.5,
+				height: 10,
+				width: 184,
+				title: "货物或应税劳务、服务名称",
+				fontSize: 13,
+				color: "#cc5a5a",
+				textAlign: "center"
+			},
+			printElementType: {
+				title: "文本",
+				type: "text"
+			}
+		},
+		{
+			options: {
+				left: 40.5,
+				top: 175.5,
+				height: 12,
+				width: 120,
+				title: "*餐饮服务*餐费",
+				color: "#2935e3"
+			},
+			printElementType: {
+				title: "文本",
+				type: "text"
+			}
+		},
+		{
+			options: {
+				left: 10.5,
+				top: 340.5,
+				height: 10,
+				width: 574,
+				borderColor: "#cc5a5a"
+			},
+			printElementType: {
+				title: "横线",
+				type: "hline"
+			}
+		},
+		{
+			options: {
+				left: 225,
+				top: 349.5,
+				height: 14,
+				width: 229,
+				title: "壹佰贰拾元整",
+				color: "#2935e3"
+			},
+			printElementType: {
+				title: "文本",
+				type: "text"
+			}
+		},
+		{
+			options: {
+				left: 460.5,
+				top: 349.5,
+				height: 13,
+				width: 58,
+				title: "（小写）",
+				fontSize: 13,
+				color: "#cc5a5a"
+			},
+			printElementType: {
+				title: "文本",
+				type: "text"
+			}
+		},
+		{
+			options: {
+				left: 520.5,
+				top: 349.5,
+				height: 13,
+				width: 48,
+				title: "￥100.00",
+				color: "#2935e3"
+			},
+			printElementType: {
+				title: "文本",
+				type: "text"
+			}
+		},
+		{
+			options: {
+				left: 15,
+				top: 349.5,
+				height: 14,
+				width: 193,
+				title: "价税合计（大写）",
+				fontSize: 13,
+				color: "#cc5a5a",
+				textAlign: "center"
+			},
+			printElementType: {
+				title: "文本",
+				type: "text"
+			}
+		},
+		{
+			options: {
+				left: 300,
+				top: 385.5,
+				height: 10,
+				width: 39,
+				title: "开票人：",
+				color: "#cc5a5a"
+			},
+			printElementType: {
+				title: "文本",
+				type: "text"
+			}
+		},
+		{
+			options: {
+				left: 190.5,
+				top: 385.5,
+				height: 10,
+				width: 103,
+				title: "轩大可",
+				color: "#2935e3"
+			},
+			printElementType: {
+				title: "文本",
+				type: "text"
+			}
+		},
+		{
+			options: {
+				left: 150,
+				top: 385.5,
+				height: 10,
+				width: 33,
+				title: "复核：",
+				color: "#cc5a5a"
+			},
+			printElementType: {
+				title: "文本",
+				type: "text"
+			}
+		},
+		{
+			options: {
+				left: 345,
+				top: 385.5,
+				height: 10,
+				width: 86,
+				title: "张天天",
+				color: "#2935e3"
+			},
+			printElementType: {
+				title: "文本",
+				type: "text"
+			}
+		},
+		{
+			options: {
+				left: 64.5,
+				top: 385.5,
+				height: 10,
+				width: 78,
+				title: "轩天天",
+				color: "#2935e3"
+			},
+			printElementType: {
+				title: "文本",
+				type: "text"
+			}
+		},
+		{
+			options: {
+				left: 439.5,
+				top: 385.5,
+				height: 10,
+				width: 40,
+				title: "销售方：",
+				color: "#cc5a5a"
+			},
+			printElementType: {
+				title: "文本",
+				type: "text"
+			}
+		},
+		{
+			options: {
+				left: 15,
+				top: 385.5,
+				height: 10,
+				width: 44,
+				title: "收款人：",
+				color: "#cc5a5a"
+			},
+			printElementType: {
+				title: "文本",
+				type: "text"
+			}
+		}
+	],
+	paperNumberLeft: 565.5,
+	paperNumberTop: 394.5,
+	paperNumberDisabled: !0
+}] }, j = { class: "ut-design-panel" }, M = { class: "flex justify-between" }, N = { style: { float: "left" } }, P = { style: {
+	float: "right",
+	"font-size": "13px",
+	color: "var(--el-text-color-secondary)"
+} }, F = {
+	class: "flex justify-center mb-1",
+	style: { width: "100%" }
+}, I = /* @__PURE__ */ f({
+	__name: "DesignPanel",
+	props: { record: { default: () => ({}) } },
+	emits: ["onClose"],
+	setup(e, { emit: f }) {
+		let I = e, { $printPlugin: L } = D(), R = t().getDataDict, z = n(), B = null, V = v(!1), H = v(!1), U = v(!1), W = v(!1), G = v(null), K = v(""), q = v({}), J = _({}), Y = _({
+			max: 5,
+			min: .5,
+			value: 1,
+			ration: "100%"
+		}), ee = () => {
+			H.value = !1, B.setPaper(J.width || 210, J.height || 296.6);
+		}, X = async (e) => {
+			let t = q.value, n = K.value;
+			if (!n) {
+				let e = B.getJson();
+				n = JSON.stringify(e);
+			}
+			t.templateContent = n, W.value = !0;
+			let [i, a] = await r(z.put("/urpt/v1/printTemplate", [t]));
+			W.value = !1, i || (K.value = "", q.value = a[0]), e && e();
+		}, Z = () => {
+			te("onClose");
+		}, te = f, Q = (e) => {
+			let t = Y.value;
+			e === "Y" ? (t += .1, t > Y.max && (t = 5)) : (t -= .1, t < Y.min && (t = .5)), B && (B.zoom(t), Y.value = t, Y.ration = `${(t * 100).toFixed(0)}%`);
+		}, ne = async () => {
+			await k.modal.confirm("重绘操作不可逆,您确定继续吗?", "温馨提示") === "confirm" && B.clear();
+		}, re = async () => {
+			U.value = !0;
+		}, ie = async () => {
+			await k.modal.confirm("导入后将覆盖原有的模板,您确定继续吗?", "温馨提示") === "confirm" && (X(Z), U.value = !1);
+		}, ae = async () => {
+			V.value = !0;
+			let e = {};
+			p(() => {
+				G.value.show(B, e, J.width || 220);
+			});
+		}, oe = (e) => {
+			if (e !== "customize") {
+				let { width: t, height: n } = se(e);
+				J.width = t, J.height = n, B.setPaper(J.width, J.height);
+			} else H.value = !0;
+		}, se = (e) => ({
+			A3: {
+				width: 420,
+				height: 296.6
+			},
+			A4: {
+				width: 210,
+				height: 296.6
+			},
+			A5: {
+				width: 210,
+				height: 147.6
+			},
+			bisect: {
+				width: 241,
+				height: 140
+			},
+			trisection: {
+				width: 241,
+				height: 93
+			}
+		})[e];
+		return h(() => {
+			let { record: e } = I;
+			W.value = !0, q.value = O(e, !0);
+			let t = e.templateContent ? JSON.parse(e.templateContent) : A;
+			$("#hiprint-printTemplate").empty(), L.print.init({ providers: [new L.provider()] }), L.print.setConfig(), L.print.setConfig({
+				movingDistance: 2.5,
+				text: { supportOptions: [{
+					name: "styler",
+					hidden: !0
+				}, {
+					name: "formatter",
+					hidden: !0
+				}] }
+			}), L.print.PrintElementTypeManager.buildByHtml($(".ep-draggable-item")), B = new L.print.PrintTemplate({
+				template: t,
+				settingContainer: "#PrintElementOptionSetting",
+				paginationContainer: ".hiprint-printPagination",
+				history: !1
+			}), B.design("#hiprint-printTemplate", { grid: !0 }), Y.value = B.editingPanel.scale || 1, W.value = !1;
+		}), m(() => {
+			L = null, B = null;
+		}), (e, t) => {
+			let n = b("ut-button"), r = b("el-option"), f = b("el-select"), p = b("vxe-input"), m = b("el-popover"), h = b("vxe-button"), _ = b("el-space"), v = b("el-row"), D = b("el-col"), O = b("el-card"), k = b("vxe-textarea"), A = b("vxe-modal"), I = x("spinning");
+			return T((g(), c("div", j, [
+				d(O, { class: "design-panel-contain" }, {
+					default: w(() => [d(_, {
+						style: { "margin-bottom": "10px" },
+						fill: ""
+					}, {
+						default: w(() => [l("div", M, [l("div", null, [
+							d(n, {
+								icon: "ri-eye-line ri-1x",
+								content: "preview",
+								onTap: ae
+							}),
+							d(f, {
+								modelValue: q.value.paperType,
+								"onUpdate:modelValue": t[0] ||= (e) => q.value.paperType = e,
+								size: "small",
+								placeholder: "Select Paper",
+								class: "ml-1 mr-1",
+								style: { width: "100px !important" },
+								onChange: t[1] ||= (e) => oe(q.value.paperType)
+							}, {
+								default: w(() => [(g(!0), c(a, null, y(C(R)["SU.PRINT.PAPER"].children, (e) => (g(), o(r, {
+									key: e.dictCode,
+									label: e.dictName,
+									value: e.dictCode
+								}, {
+									default: w(() => [l("span", N, S(e.dictName), 1), l("span", P, S(e.dictDesc), 1)]),
+									_: 2
+								}, 1032, ["label", "value"]))), 128))]),
+								_: 1
+							}, 8, ["modelValue"]),
+							q.value.paperType === "customize" ? (g(), o(m, {
+								key: 0,
+								visible: H.value,
+								"onUpdate:visible": t[5] ||= (e) => H.value = e,
+								title: "设置纸张宽高(mm)",
+								width: "300",
+								size: "small",
+								effect: "light",
+								trigger: "click"
+							}, {
+								reference: w(() => [d(n, {
+									icon: "ri-font-size",
+									content: "customSize",
+									onTap: t[4] ||= E((e) => H.value = !0, ["stop"])
+								})]),
+								default: w(() => [l("div", null, [l("div", F, [
+									d(p, {
+										modelValue: J.width,
+										"onUpdate:modelValue": t[2] ||= (e) => J.width = e,
+										type: "number",
+										class: "w-40",
+										placeholder: "宽(mm)"
+									}, null, 8, ["modelValue"]),
+									t[15] ||= l("div", { class: "flex items-center justify-center w-8" }, "~", -1),
+									d(p, {
+										modelValue: J.height,
+										"onUpdate:modelValue": t[3] ||= (e) => J.height = e,
+										type: "number",
+										class: "w-40",
+										placeholder: "高(mm)"
+									}, null, 8, ["modelValue"])
+								]), d(n, {
+									style: { width: "100%" },
+									content: "confirm",
+									onTap: ee
+								})])]),
+								_: 1
+							}, 8, ["visible"])) : s("", !0),
+							d(n, {
+								status: "u-cyan",
+								icon: "ri-upload-2-line",
+								content: "importJSON",
+								auth: "import",
+								onTap: t[6] ||= (e) => re()
+							}),
+							d(h, {
+								icon: "ri-indeterminate-circle-line ",
+								class: "design-custom-button",
+								onClick: t[7] ||= (e) => Q("N")
+							}),
+							d(p, {
+								modelValue: Y.ration,
+								"onUpdate:modelValue": t[8] ||= (e) => Y.ration = e,
+								disabled: "",
+								align: "center",
+								style: {
+									width: "70px",
+									"margin-left": "10px"
+								}
+							}, null, 8, ["modelValue"]),
+							d(h, {
+								icon: "ri-add-circle-fill ",
+								class: "design-custom-button",
+								onClick: t[9] ||= (e) => Q("Y")
+							}),
+							d(n, {
+								status: "danger",
+								icon: "ri-delete-bin-5-fill",
+								content: "repaint",
+								auth: "repaint",
+								onTap: t[10] ||= (e) => ne()
+							})
+						]), l("div", null, [d(n, {
+							icon: "ri-save-3-fill",
+							content: "save",
+							onTap: t[11] ||= (e) => X()
+						}), d(n, {
+							status: "info",
+							icon: "ri-reply-fill",
+							content: "back",
+							onTap: Z
+						})])]), t[16] ||= l("div", { style: {
+							"font-size": "12px",
+							color: "red",
+							"text-align": "center"
+						} }, " 温馨提示: 蓝色线(页眉)以下,每张纸打印都会重复打印到页面底部;红色线(页尾)以下,每张纸打印都会重复打印到页面底部 ", -1)]),
+						_: 1
+					}), d(v, null, {
+						default: w(() => [
+							d(D, { span: 3 }, {
+								default: w(() => [d(O, { class: "ut-design-item" }, {
+									default: w(() => [d(v, null, {
+										default: w(() => [d(D, {
+											span: 24,
+											class: "rect-printElement-types hiprintEpContainer"
+										}, {
+											default: w(() => [
+												d(v, { class: "drag_item_title" }, {
+													default: w(() => [...t[17] ||= [u("拖拽组件列表", -1)]]),
+													_: 1
+												}),
+												d(v, { style: { height: "60px" } }, {
+													default: w(() => [d(D, {
+														span: 12,
+														class: "drag_item_box"
+													}, {
+														default: w(() => [...t[18] ||= [l("div", null, [l("a", {
+															class: "ep-draggable-item",
+															tid: "defaultModule.text"
+														}, [l("span", {
+															class: "ri-text",
+															"ariel-hidden": "true"
+														}), l("p", { class: "glyphicon-class" }, "文本")])], -1)]]),
+														_: 1
+													}), d(D, {
+														span: 12,
+														class: "drag_item_box"
+													}, {
+														default: w(() => [...t[19] ||= [l("div", null, [l("a", {
+															class: "ep-draggable-item",
+															tid: "defaultModule.image"
+														}, [l("span", {
+															class: "ri-image-line",
+															"ariel-hidden": "true"
+														}), l("p", { class: "glyphicon-class" }, "图片")])], -1)]]),
+														_: 1
+													})]),
+													_: 1
+												}),
+												d(v, { style: { height: "60px" } }, {
+													default: w(() => [d(D, {
+														span: 12,
+														class: "drag_item_box",
+														tid: "defaultModule.text"
+													}, {
+														default: w(() => [...t[20] ||= [l("div", null, [l("a", {
+															class: "ep-draggable-item",
+															tid: "defaultModule.longText"
+														}, [l("span", {
+															class: "ri-line-height",
+															"ariel-hidden": "true"
+														}), l("p", { class: "glyphicon-class" }, "长文")])], -1)]]),
+														_: 1
+													}), d(D, {
+														span: 12,
+														class: "drag_item_box"
+													}, {
+														default: w(() => [...t[21] ||= [l("div", null, [l("a", {
+															class: "ep-draggable-item",
+															tid: "defaultModule.table"
+														}, [l("span", {
+															class: "ri-table-line",
+															"ariel-hidden": "true"
+														}), l("p", { class: "glyphicon-class" }, "表格")])], -1)]]),
+														_: 1
+													})]),
+													_: 1
+												}),
+												d(v, { class: "drag_item_title" }, {
+													default: w(() => [...t[22] ||= [u("辅助", -1)]]),
+													_: 1
+												}),
+												d(v, { style: { height: "60px" } }, {
+													default: w(() => [d(D, {
+														span: 12,
+														class: "drag_item_box",
+														tid: "defaultModule.text"
+													}, {
+														default: w(() => [...t[23] ||= [l("div", null, [l("a", {
+															class: "ep-draggable-item",
+															tid: "defaultModule.hline"
+														}, [l("span", {
+															class: "ri-expand-horizontal-s-fill",
+															"ariel-hidden": "true"
+														}), l("p", { class: "glyphicon-class" }, "横线")])], -1)]]),
+														_: 1
+													}), d(D, {
+														span: 12,
+														class: "drag_item_box",
+														tid: "defaultModule.text"
+													}, {
+														default: w(() => [...t[24] ||= [l("div", null, [l("a", {
+															class: "ep-draggable-item",
+															tid: "defaultModule.vline"
+														}, [l("span", {
+															class: "ri-expand-vertical-s-fill",
+															"ariel-hidden": "true"
+														}), l("p", { class: "glyphicon-class" }, "竖线")])], -1)]]),
+														_: 1
+													})]),
+													_: 1
+												}),
+												d(v, { style: { height: "60px" } }, {
+													default: w(() => [d(D, {
+														span: 12,
+														class: "drag_item_box",
+														tid: "defaultModule.text"
+													}, {
+														default: w(() => [...t[25] ||= [l("div", null, [l("a", {
+															class: "ep-draggable-item",
+															tid: "defaultModule.rect"
+														}, [l("span", {
+															class: "ri-square-line",
+															"ariel-hidden": "true"
+														}), l("p", { class: "glyphicon-class" }, "矩形")])], -1)]]),
+														_: 1
+													}), d(D, {
+														span: 12,
+														class: "drag_item_box",
+														tid: "defaultModule.text"
+													}, {
+														default: w(() => [...t[26] ||= [l("div", null, [l("a", {
+															class: "ep-draggable-item",
+															tid: "defaultModule.oval"
+														}, [l("span", {
+															class: "ri-checkbox-blank-circle-line",
+															"ariel-hidden": "true"
+														}), l("p", { class: "glyphicon-class" }, "椭圆")])], -1)]]),
+														_: 1
+													})]),
+													_: 1
+												})
+											]),
+											_: 1
+										})]),
+										_: 1
+									})]),
+									_: 1
+								})]),
+								_: 1
+							}),
+							d(D, {
+								xs: 15,
+								sm: 15,
+								md: 15,
+								lg: 16,
+								xl: 18
+							}, {
+								default: w(() => [d(O, { class: "card-design" }, {
+									default: w(() => [...t[27] ||= [l("div", {
+										id: "hiprint-printTemplate",
+										class: "hiprint-printTemplate"
+									}, null, -1)]]),
+									_: 1
+								})]),
+								_: 1
+							}),
+							d(D, {
+								xs: 6,
+								sm: 6,
+								md: 6,
+								lg: 5,
+								xl: 3
+							}, {
+								default: w(() => [d(O, { class: "design-setting-panel" }, {
+									default: w(() => [d(v, { class: "hinnn-layout-sider" }, {
+										default: w(() => [...t[28] ||= [l("div", { id: "PrintElementOptionSetting" }, null, -1)]]),
+										_: 1
+									})]),
+									_: 1
+								})]),
+								_: 1
+							})
+						]),
+						_: 1
+					})]),
+					_: 1
+				}),
+				d(A, {
+					modelValue: U.value,
+					"onUpdate:modelValue": t[14] ||= (e) => U.value = e,
+					title: "导入模板JSON数据",
+					height: "320",
+					width: "450",
+					"show-footer": ""
+				}, {
+					default: w(() => [t[29] ||= l("p", { style: { color: "red" } }, "切勿随意修改JSON数据，可能导致模板加载出错", -1), d(k, {
+						modelValue: K.value,
+						"onUpdate:modelValue": t[12] ||= (e) => K.value = e,
+						rows: 10,
+						size: "mini"
+					}, null, 8, ["modelValue"])]),
+					footer: w(() => [d(n, {
+						icon: "ri-close-fill",
+						content: "cancel",
+						onTap: t[13] ||= (e) => U.value = !1
+					}), d(n, {
+						icon: "ri-save-3-fill",
+						status: "u-cyan",
+						content: "confirm",
+						onTap: ie
+					})]),
+					_: 1
+				}, 8, ["modelValue"]),
+				V.value ? (g(), o(i, {
+					key: 0,
+					ref_key: "previewRef",
+					ref: G
+				}, null, 512)) : s("", !0)
+			])), [[I, W.value]]);
+		};
+	}
+}), L = /* @__PURE__ */ e({ default: () => R }), R = I;
+//#endregion
+export { L as n, R as t };