@utogether/udp-core 2.0.0-beta.1 → 2.0.0-beta.3

package/dist/DesignPanel.vue_vue_type_style_index_0_lang-BACPrfUI-cC7yL0uY.js

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