@utogether/udp-core 1.0.0

package/dist/DesignPanel.vue_vue_type_style_index_0_lang-DW-_Vqrr.js

@@ -0,0 +1,1015 @@
+import { defineComponent as it, ref as f, reactive as k, onMounted as ot, onBeforeUnmount as nt, resolveComponent as r, resolveDirective as pt, withDirectives as at, createElementBlock as N, openBlock as w, createVNode as l, createBlock as S, createCommentVNode as H, withCtx as i, createElementVNode as e, Fragment as rt, renderList as st, unref as dt, toDisplayString as D, withModifiers as ct, createTextVNode as O, nextTick as ht } from "vue";
+import { VXETable as U } from "vxe-table";
+import { useGlobal as ut } from "@utogether/utils";
+import { t as mt } from "./await-to-js.es5-BtRbN2QH.js";
+import { clone as ft } from "xe-utils";
+import { i as gt, w as yt } from "./index-BKIw8tSn.js";
+import vt from "./Preview-CRyiwUIR.js";
+const xt = {
+  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
+    }
+  ]
+}, wt = { class: "ut-design-panel" }, Tt = { class: "flex justify-between" }, bt = { style: { float: "left" } }, Et = { style: { float: "right", "font-size": "13px", color: "var(--el-text-color-secondary)" } }, _t = {
+  class: "flex justify-center mb-1",
+  style: { width: "100%" }
+}, Nt = /* @__PURE__ */ it({
+  __name: "DesignPanel",
+  props: {
+    record: { default: () => ({}) }
+  },
+  emits: ["onClose"],
+  setup(J, { emit: B }) {
+    const R = J;
+    let { $printPlugin: u } = ut();
+    const I = gt().getDataDict, W = yt();
+    let s = null;
+    const C = f(!1), g = f(!1), y = f(!1), v = f(!1), z = f(null), T = f(""), m = f({}), d = k({}), h = k({ max: 5, min: 0.5, value: 1, ration: "100%" }), j = () => {
+      g.value = !1, s.setPaper(d.width || 210, d.height || 296.6);
+    }, V = async (n) => {
+      const t = m.value;
+      let p = T.value;
+      if (!p) {
+        const x = s.getJson();
+        p = JSON.stringify(x);
+      }
+      t.templateContent = p, v.value = !0;
+      const [E, _] = await mt(W.put("/urpt/v1/printTemplate", [t]));
+      v.value = !1, E || (T.value = "", m.value = _[0]), n && n();
+    }, P = () => {
+      F("onClose");
+    }, F = B, A = (n) => {
+      let t = h.value;
+      n === "Y" ? (t += 0.1, t > h.max && (t = 5)) : (t -= 0.1, t < h.min && (t = 0.5)), s && (s.zoom(t), h.value = t, h.ration = `${(t * 100).toFixed(0)}%`);
+    }, q = async () => {
+      await U.modal.confirm("重绘操作不可逆,您确定继续吗?", "温馨提示") === "confirm" && s.clear();
+    }, L = async () => {
+      y.value = !0;
+    }, Y = async () => {
+      await U.modal.confirm("导入后将覆盖原有的模板,您确定继续吗?", "温馨提示") === "confirm" && (V(P), y.value = !1);
+    }, G = async () => {
+      C.value = !0;
+      const n = {};
+      ht(() => {
+        z.value.show(s, n, d.width || 220);
+      });
+    }, X = (n) => {
+      if (n !== "customize") {
+        const { width: t, height: p } = K(n);
+        d.width = t, d.height = p, s.setPaper(d.width, d.height);
+      } else
+        g.value = !0;
+    }, K = (n) => ({
+      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 }
+    })[n];
+    return ot(() => {
+      const { record: n } = R;
+      v.value = !0, m.value = ft(n, !0);
+      const t = n.templateContent ? JSON.parse(n.templateContent) : xt;
+      $("#hiprint-printTemplate").empty(), u.print.init({
+        providers: [new u.provider()]
+      }), u.print.setConfig(), u.print.setConfig({
+        movingDistance: 2.5,
+        text: {
+          supportOptions: [
+            { name: "styler", hidden: !0 },
+            { name: "formatter", hidden: !0 }
+          ]
+        }
+      }), u.print.PrintElementTypeManager.buildByHtml($(".ep-draggable-item")), s = new u.print.PrintTemplate({
+        template: t,
+        settingContainer: "#PrintElementOptionSetting",
+        paginationContainer: ".hiprint-printPagination",
+        history: !1
+        // 是否需要 撤销重做功能
+      }), s.design("#hiprint-printTemplate", { grid: !0 }), h.value = s.editingPanel.scale || 1, v.value = !1;
+    }), nt(() => {
+      u = null, s = null;
+    }), (n, t) => {
+      const p = r("ut-button"), E = r("el-option"), _ = r("el-select"), x = r("vxe-input"), Q = r("el-popover"), M = r("vxe-button"), Z = r("el-space"), c = r("el-row"), a = r("el-col"), b = r("el-card"), tt = r("vxe-textarea"), et = r("vxe-modal"), lt = pt("spinning");
+      return at((w(), N("div", wt, [
+        l(b, { class: "design-panel-contain" }, {
+          default: i(() => [
+            l(Z, {
+              style: { "margin-bottom": "10px" },
+              fill: ""
+            }, {
+              default: i(() => [
+                e("div", Tt, [
+                  e("div", null, [
+                    l(p, {
+                      icon: "ri-eye-line ri-1x",
+                      content: "preview",
+                      onTap: G
+                    }),
+                    l(_, {
+                      modelValue: m.value.paperType,
+                      "onUpdate:modelValue": t[0] || (t[0] = (o) => m.value.paperType = o),
+                      size: "small",
+                      placeholder: "Select Paper",
+                      class: "ml-1 mr-1",
+                      style: { width: "100px !important" },
+                      onChange: t[1] || (t[1] = (o) => X(m.value.paperType))
+                    }, {
+                      default: i(() => [
+                        (w(!0), N(rt, null, st(dt(I)["SU.PRINT.PAPER"].children, (o) => (w(), S(E, {
+                          key: o.dictCode,
+                          label: o.dictName,
+                          value: o.dictCode
+                        }, {
+                          default: i(() => [
+                            e("span", bt, D(o.dictName), 1),
+                            e("span", Et, D(o.dictDesc), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["label", "value"]))), 128))
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"]),
+                    m.value.paperType === "customize" ? (w(), S(Q, {
+                      key: 0,
+                      visible: g.value,
+                      "onUpdate:visible": t[5] || (t[5] = (o) => g.value = o),
+                      title: "设置纸张宽高(mm)",
+                      width: "300",
+                      size: "small",
+                      effect: "light",
+                      trigger: "click"
+                    }, {
+                      reference: i(() => [
+                        l(p, {
+                          icon: "ri-font-size",
+                          content: "customSize",
+                          onClick: t[4] || (t[4] = ct((o) => g.value = !0, ["stop"]))
+                        })
+                      ]),
+                      default: i(() => [
+                        e("div", null, [
+                          e("div", _t, [
+                            l(x, {
+                              modelValue: d.width,
+                              "onUpdate:modelValue": t[2] || (t[2] = (o) => d.width = o),
+                              type: "number",
+                              class: "w-40",
+                              placeholder: "宽(mm)"
+                            }, null, 8, ["modelValue"]),
+                            t[15] || (t[15] = e("div", { class: "flex items-center justify-center w-8" }, "~", -1)),
+                            l(x, {
+                              modelValue: d.height,
+                              "onUpdate:modelValue": t[3] || (t[3] = (o) => d.height = o),
+                              type: "number",
+                              class: "w-40",
+                              placeholder: "高(mm)"
+                            }, null, 8, ["modelValue"])
+                          ]),
+                          l(p, {
+                            style: { width: "100%" },
+                            content: "confirm",
+                            onTap: j
+                          })
+                        ])
+                      ]),
+                      _: 1
+                    }, 8, ["visible"])) : H("", !0),
+                    l(p, {
+                      status: "u-cyan",
+                      icon: "ri-upload-2-line",
+                      content: "importJSON",
+                      auth: "import",
+                      onTap: t[6] || (t[6] = (o) => L())
+                    }),
+                    l(M, {
+                      icon: "ri-indeterminate-circle-line ",
+                      class: "design-custom-button",
+                      onClick: t[7] || (t[7] = (o) => A("N"))
+                    }),
+                    l(x, {
+                      modelValue: h.ration,
+                      "onUpdate:modelValue": t[8] || (t[8] = (o) => h.ration = o),
+                      disabled: "",
+                      align: "center",
+                      style: { width: "70px", "margin-left": "10px" }
+                    }, null, 8, ["modelValue"]),
+                    l(M, {
+                      icon: "ri-add-circle-fill ",
+                      class: "design-custom-button",
+                      onClick: t[9] || (t[9] = (o) => A("Y"))
+                    }),
+                    l(p, {
+                      status: "danger",
+                      icon: "ri-delete-bin-5-fill",
+                      content: "repaint",
+                      auth: "repaint",
+                      onTap: t[10] || (t[10] = (o) => q())
+                    })
+                  ]),
+                  e("div", null, [
+                    l(p, {
+                      icon: "ri-save-3-fill",
+                      content: "save",
+                      onTap: t[11] || (t[11] = (o) => V())
+                    }),
+                    l(p, {
+                      status: "info",
+                      icon: "ri-reply-fill",
+                      content: "back",
+                      onTap: P
+                    })
+                  ])
+                ]),
+                t[16] || (t[16] = e("div", { style: { "font-size": "12px", color: "red", "text-align": "center" } }, " 温馨提示: 蓝色线(页眉)以下,每张纸打印都会重复打印到页面底部;红色线(页尾)以下,每张纸打印都会重复打印到页面底部 ", -1))
+              ]),
+              _: 1
+            }),
+            l(c, null, {
+              default: i(() => [
+                l(a, { span: 3 }, {
+                  default: i(() => [
+                    l(b, { class: "ut-design-item" }, {
+                      default: i(() => [
+                        l(c, null, {
+                          default: i(() => [
+                            l(a, {
+                              span: 24,
+                              class: "rect-printElement-types hiprintEpContainer"
+                            }, {
+                              default: i(() => [
+                                l(c, { class: "drag_item_title" }, {
+                                  default: i(() => t[17] || (t[17] = [
+                                    O("拖拽组件列表")
+                                  ])),
+                                  _: 1
+                                }),
+                                l(c, { style: { height: "60px" } }, {
+                                  default: i(() => [
+                                    l(a, {
+                                      span: 12,
+                                      class: "drag_item_box"
+                                    }, {
+                                      default: i(() => t[18] || (t[18] = [
+                                        e("div", null, [
+                                          e("a", {
+                                            class: "ep-draggable-item",
+                                            tid: "defaultModule.text"
+                                          }, [
+                                            e("span", {
+                                              class: "ri-text",
+                                              "ariel-hidden": "true"
+                                            }),
+                                            e("p", { class: "glyphicon-class" }, "文本")
+                                          ])
+                                        ], -1)
+                                      ])),
+                                      _: 1
+                                    }),
+                                    l(a, {
+                                      span: 12,
+                                      class: "drag_item_box",
+                                      tid: "defaultModule.text"
+                                    }, {
+                                      default: i(() => t[19] || (t[19] = [
+                                        e("div", null, [
+                                          e("a", {
+                                            class: "ep-draggable-item",
+                                            tid: "defaultModule.image"
+                                          }, [
+                                            e("span", {
+                                              class: "ri-image-line",
+                                              "ariel-hidden": "true"
+                                            }),
+                                            e("p", { class: "glyphicon-class" }, "图片")
+                                          ])
+                                        ], -1)
+                                      ])),
+                                      _: 1
+                                    })
+                                  ]),
+                                  _: 1
+                                }),
+                                l(c, { style: { height: "60px" } }, {
+                                  default: i(() => [
+                                    l(a, {
+                                      span: 12,
+                                      class: "drag_item_box",
+                                      tid: "defaultModule.text"
+                                    }, {
+                                      default: i(() => t[20] || (t[20] = [
+                                        e("div", null, [
+                                          e("a", {
+                                            class: "ep-draggable-item",
+                                            tid: "defaultModule.longText"
+                                          }, [
+                                            e("span", {
+                                              class: "ri-line-height",
+                                              "ariel-hidden": "true"
+                                            }),
+                                            e("p", { class: "glyphicon-class" }, "长文")
+                                          ])
+                                        ], -1)
+                                      ])),
+                                      _: 1
+                                    }),
+                                    l(a, {
+                                      span: 12,
+                                      class: "drag_item_box",
+                                      tid: "defaultModule.text"
+                                    }, {
+                                      default: i(() => t[21] || (t[21] = [
+                                        e("div", null, [
+                                          e("a", {
+                                            class: "ep-draggable-item",
+                                            tid: "defaultModule.table"
+                                          }, [
+                                            e("span", {
+                                              class: "ri-table-line",
+                                              "ariel-hidden": "true"
+                                            }),
+                                            e("p", { class: "glyphicon-class" }, "表格")
+                                          ])
+                                        ], -1)
+                                      ])),
+                                      _: 1
+                                    })
+                                  ]),
+                                  _: 1
+                                }),
+                                l(c, { class: "drag_item_title" }, {
+                                  default: i(() => t[22] || (t[22] = [
+                                    O("辅助")
+                                  ])),
+                                  _: 1
+                                }),
+                                l(c, { style: { height: "60px" } }, {
+                                  default: i(() => [
+                                    l(a, {
+                                      span: 12,
+                                      class: "drag_item_box",
+                                      tid: "defaultModule.text"
+                                    }, {
+                                      default: i(() => t[23] || (t[23] = [
+                                        e("div", null, [
+                                          e("a", {
+                                            class: "ep-draggable-item",
+                                            tid: "defaultModule.hline"
+                                          }, [
+                                            e("span", {
+                                              class: "ri-expand-horizontal-s-fill",
+                                              "ariel-hidden": "true"
+                                            }),
+                                            e("p", { class: "glyphicon-class" }, "横线")
+                                          ])
+                                        ], -1)
+                                      ])),
+                                      _: 1
+                                    }),
+                                    l(a, {
+                                      span: 12,
+                                      class: "drag_item_box",
+                                      tid: "defaultModule.text"
+                                    }, {
+                                      default: i(() => t[24] || (t[24] = [
+                                        e("div", null, [
+                                          e("a", {
+                                            class: "ep-draggable-item",
+                                            tid: "defaultModule.vline"
+                                          }, [
+                                            e("span", {
+                                              class: "ri-expand-vertical-s-fill",
+                                              "ariel-hidden": "true"
+                                            }),
+                                            e("p", { class: "glyphicon-class" }, "竖线")
+                                          ])
+                                        ], -1)
+                                      ])),
+                                      _: 1
+                                    })
+                                  ]),
+                                  _: 1
+                                }),
+                                l(c, { style: { height: "60px" } }, {
+                                  default: i(() => [
+                                    l(a, {
+                                      span: 12,
+                                      class: "drag_item_box",
+                                      tid: "defaultModule.text"
+                                    }, {
+                                      default: i(() => t[25] || (t[25] = [
+                                        e("div", null, [
+                                          e("a", {
+                                            class: "ep-draggable-item",
+                                            tid: "defaultModule.rect"
+                                          }, [
+                                            e("span", {
+                                              class: "ri-square-line",
+                                              "ariel-hidden": "true"
+                                            }),
+                                            e("p", { class: "glyphicon-class" }, "矩形")
+                                          ])
+                                        ], -1)
+                                      ])),
+                                      _: 1
+                                    }),
+                                    l(a, {
+                                      span: 12,
+                                      class: "drag_item_box",
+                                      tid: "defaultModule.text"
+                                    }, {
+                                      default: i(() => t[26] || (t[26] = [
+                                        e("div", null, [
+                                          e("a", {
+                                            class: "ep-draggable-item",
+                                            tid: "defaultModule.oval"
+                                          }, [
+                                            e("span", {
+                                              class: "ri-checkbox-blank-circle-line",
+                                              "ariel-hidden": "true"
+                                            }),
+                                            e("p", { class: "glyphicon-class" }, "椭圆")
+                                          ])
+                                        ], -1)
+                                      ])),
+                                      _: 1
+                                    })
+                                  ]),
+                                  _: 1
+                                })
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                l(a, {
+                  xs: 15,
+                  sm: 15,
+                  md: 15,
+                  lg: 16,
+                  xl: 18
+                }, {
+                  default: i(() => [
+                    l(b, { class: "card-design" }, {
+                      default: i(() => t[27] || (t[27] = [
+                        e("div", {
+                          id: "hiprint-printTemplate",
+                          class: "hiprint-printTemplate"
+                        }, null, -1)
+                      ])),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                l(a, {
+                  xs: 6,
+                  sm: 6,
+                  md: 6,
+                  lg: 5,
+                  xl: 3
+                }, {
+                  default: i(() => [
+                    l(b, { class: "design-setting-panel" }, {
+                      default: i(() => [
+                        l(c, { class: "hinnn-layout-sider" }, {
+                          default: i(() => t[28] || (t[28] = [
+                            e("div", { id: "PrintElementOptionSetting" }, null, -1)
+                          ])),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        l(et, {
+          modelValue: y.value,
+          "onUpdate:modelValue": t[14] || (t[14] = (o) => y.value = o),
+          title: "导入模板JSON数据",
+          height: "320",
+          width: "450",
+          "show-footer": ""
+        }, {
+          default: i(() => [
+            t[29] || (t[29] = e("p", { style: { color: "red" } }, "切勿随意修改JSON数据，可能导致模板加载出错", -1)),
+            l(tt, {
+              modelValue: T.value,
+              "onUpdate:modelValue": t[12] || (t[12] = (o) => T.value = o),
+              rows: 10,
+              size: "mini"
+            }, null, 8, ["modelValue"])
+          ]),
+          footer: i(() => [
+            l(p, {
+              icon: "ri-close-fill",
+              content: "cancel",
+              onTap: t[13] || (t[13] = (o) => y.value = !1)
+            }),
+            l(p, {
+              icon: "ri-save-3-fill",
+              status: "u-cyan",
+              content: "confirm",
+              onTap: Y
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        C.value ? (w(), S(vt, {
+          key: 0,
+          ref_key: "previewRef",
+          ref: z
+        }, null, 512)) : H("", !0)
+      ])), [
+        [lt, v.value]
+      ]);
+    };
+  }
+});
+export {
+  Nt as _
+};