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

package/dist/DesignPanel.vue_vue_type_style_index_0_lang-hYldVEbo.js

@@ -0,0 +1,1097 @@
+import { defineComponent as nt, ref as g, reactive as q, onMounted as ot, onBeforeUnmount as pt, resolveComponent as r, resolveDirective as at, withDirectives as rt, openBlock as T, createElementBlock as J, createVNode as l, withCtx as i, createElementVNode as e, Fragment as st, renderList as dt, unref as ct, createBlock as A, toDisplayString as B, withModifiers as ut, createCommentVNode as R, createTextVNode as j, nextTick as ht } from "vue";
+import { VxeUI as I } from "vxe-pc-ui";
+import { useGlobal as mt } from "@utogether/utils";
+import { h as ft, i as gt, j as yt } from "./index-BpdTDaTk.js";
+import { clone as vt } from "xe-utils";
+import xt from "./Preview-jonigfMQ.js";
+const wt = {
+  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
+    }
+  ]
+}, Tt = () => {
+  const b = {
+    name: "深圳友聚信息技术有限公司",
+    barcode: "https://www.u-together.cn/",
+    qrcode: "https://www.u-together.cn/",
+    date: E("1949-10-01", "2100-12-31"),
+    t1: "文本标题",
+    t2: "文本内容123456789",
+    lt1: "长文本内容1234567890qwertyuiopasdfghjklzxcvbnm",
+    list: [],
+    signature: "张三丰"
+  };
+  for (let m = 0; m < 30; m++)
+    b.list.push({
+      id: m,
+      name: "王小可",
+      date: E("1949-10-01", "2100-12-31"),
+      number: Math.floor(Math.random() * 1e3 + 100)
+    });
+  function E(m, u) {
+    const C = new Date(m).getTime(), z = new Date(u).getTime(), V = C + Math.random() * (z - C);
+    return new Date(V);
+  }
+  return b;
+}, bt = { class: "ut-design-panel" }, Et = { class: "flex justify-between" }, St = { style: { float: "left" } }, _t = { style: { float: "right", "font-size": "13px", color: "var(--el-text-color-secondary)" } }, Ct = {
+  class: "flex justify-center mb-1",
+  style: { width: "100%" }
+}, kt = /* @__PURE__ */ nt({
+  __name: "DesignPanel",
+  props: {
+    record: { default: () => ({}) }
+  },
+  emits: ["onClose"],
+  setup(b, { emit: E }) {
+    const m = b;
+    let { $printPlugin: u } = mt();
+    const z = ft().getDataDict, V = yt();
+    let s = null;
+    const N = g(!1), y = g(!1), v = g(!1), x = g(!1), k = g(null), S = g(""), f = g({}), d = q({}), h = q({ max: 5, min: 0.5, value: 1, ration: "100%" }), L = () => {
+      y.value = !1, s.setPaper(d.width || 210, d.height || 296.6);
+    }, H = async (o) => {
+      const t = f.value;
+      let p = S.value;
+      if (!p) {
+        const w = s.getJson();
+        p = JSON.stringify(w);
+      }
+      t.templateContent = p, x.value = !0;
+      const [M, P] = await gt(V.put("/urpt/v1/printTemplate", [t]));
+      x.value = !1, M || (S.value = "", f.value = P[0]), o && o();
+    }, D = () => {
+      W("onClose");
+    }, W = E, O = (o) => {
+      let t = h.value;
+      o === "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)}%`);
+    }, F = async () => {
+      await I.modal.confirm("重绘操作不可逆,您确定继续吗?", "温馨提示") === "confirm" && s.clear();
+    }, Y = async () => {
+      v.value = !0;
+    }, G = async () => {
+      await I.modal.confirm("导入后将覆盖原有的模板,您确定继续吗?", "温馨提示") === "confirm" && (H(D), v.value = !1);
+    }, K = async () => {
+      N.value = !0, ht(() => {
+        k.value.show(s, Tt(), d.width || 220);
+      });
+    }, Q = (o) => {
+      if (o !== "customize") {
+        const { width: t, height: p } = X(o);
+        d.width = t, d.height = p, s.setPaper(d.width, d.height);
+      } else
+        y.value = !0;
+    }, X = (o) => ({
+      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 }
+    })[o];
+    return ot(() => {
+      const { record: o } = m;
+      x.value = !0, f.value = vt(o, !0);
+      const t = o.templateContent ? JSON.parse(o.templateContent) : wt;
+      $("#hiprint-printTemplate").empty(), u.print.init({
+        providers: [new u.provider()],
+        // host: 'http://localhost:17521', // 可在此处设置连接地址与端口号
+        // token: 'token', // 可在此处设置连接 token
+        // lang: 'en',
+        fontList: [
+          // { title: '微软雅黑', value: 'Microsoft YaHei' },
+          { title: "黑体", value: "STHeitiSC-Light" },
+          { title: "思源黑体", value: "SourceHanSansCN-Normal" },
+          { title: "王羲之书法体", value: "王羲之书法体" },
+          { title: "宋体", value: "SimSun" },
+          { title: "华为楷体", value: "STKaiti" },
+          { title: "cursive", value: "cursive" }
+        ],
+        willOutOfBounds: !0,
+        // 是否允许组件内的控件超出范围
+        qtDesigner: !0
+        // 是否开启类似QT Designer的唯一field生成模式
+      }), 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, x.value = !1;
+    }), pt(() => {
+      u = null, s = null;
+    }), (o, t) => {
+      const p = r("ut-button"), M = r("el-option"), P = r("el-select"), w = r("vxe-input"), Z = r("el-popover"), U = r("vxe-button"), tt = r("el-space"), c = r("el-row"), a = r("el-col"), _ = r("el-card"), et = r("vxe-textarea"), lt = r("vxe-modal"), it = at("spinning");
+      return rt((T(), J("div", bt, [
+        l(_, { class: "design-panel-contain" }, {
+          default: i(() => [
+            l(tt, {
+              style: { "margin-bottom": "10px" },
+              fill: ""
+            }, {
+              default: i(() => [
+                e("div", Et, [
+                  e("div", null, [
+                    l(p, {
+                      icon: "ri-eye-line ri-1x",
+                      content: "preview",
+                      onTap: K
+                    }),
+                    l(P, {
+                      modelValue: f.value.paperType,
+                      "onUpdate:modelValue": t[0] || (t[0] = (n) => f.value.paperType = n),
+                      size: "small",
+                      placeholder: "Select Paper",
+                      class: "ml-1 mr-1",
+                      style: { width: "100px !important" },
+                      onChange: t[1] || (t[1] = (n) => Q(f.value.paperType))
+                    }, {
+                      default: i(() => [
+                        (T(!0), J(st, null, dt(ct(z)["SU.PRINT.PAPER"].children, (n) => (T(), A(M, {
+                          key: n.dictCode,
+                          label: n.dictName,
+                          value: n.dictCode
+                        }, {
+                          default: i(() => [
+                            e("span", St, B(n.dictName), 1),
+                            e("span", _t, B(n.dictDesc), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["label", "value"]))), 128))
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"]),
+                    f.value.paperType === "customize" ? (T(), A(Z, {
+                      key: 0,
+                      visible: y.value,
+                      "onUpdate:visible": t[5] || (t[5] = (n) => y.value = n),
+                      title: "设置纸张宽高(mm)",
+                      width: "300",
+                      size: "small",
+                      effect: "light",
+                      trigger: "click"
+                    }, {
+                      reference: i(() => [
+                        l(p, {
+                          icon: "ri-font-size",
+                          content: "customSize",
+                          onTap: t[4] || (t[4] = ut((n) => y.value = !0, ["stop"]))
+                        })
+                      ]),
+                      default: i(() => [
+                        e("div", null, [
+                          e("div", Ct, [
+                            l(w, {
+                              modelValue: d.width,
+                              "onUpdate:modelValue": t[2] || (t[2] = (n) => d.width = n),
+                              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(w, {
+                              modelValue: d.height,
+                              "onUpdate:modelValue": t[3] || (t[3] = (n) => d.height = n),
+                              type: "number",
+                              class: "w-40",
+                              placeholder: "高(mm)"
+                            }, null, 8, ["modelValue"])
+                          ]),
+                          l(p, {
+                            style: { width: "100%" },
+                            content: "confirm",
+                            onTap: L
+                          })
+                        ])
+                      ]),
+                      _: 1
+                    }, 8, ["visible"])) : R("", !0),
+                    l(p, {
+                      status: "u-cyan",
+                      icon: "ri-upload-2-line",
+                      content: "importJSON",
+                      auth: "import",
+                      onTap: t[6] || (t[6] = (n) => Y())
+                    }),
+                    l(U, {
+                      icon: "ri-indeterminate-circle-line ",
+                      class: "design-custom-button",
+                      onClick: t[7] || (t[7] = (n) => O("N"))
+                    }),
+                    l(w, {
+                      modelValue: h.ration,
+                      "onUpdate:modelValue": t[8] || (t[8] = (n) => h.ration = n),
+                      disabled: "",
+                      align: "center",
+                      style: { width: "70px", "margin-left": "10px" }
+                    }, null, 8, ["modelValue"]),
+                    l(U, {
+                      icon: "ri-add-circle-fill ",
+                      class: "design-custom-button",
+                      onClick: t[9] || (t[9] = (n) => O("Y"))
+                    }),
+                    l(p, {
+                      status: "danger",
+                      icon: "ri-delete-bin-5-fill",
+                      content: "repaint",
+                      auth: "repaint",
+                      onTap: t[10] || (t[10] = (n) => F())
+                    })
+                  ]),
+                  e("div", null, [
+                    l(p, {
+                      icon: "ri-save-3-fill",
+                      content: "save",
+                      onTap: t[11] || (t[11] = (n) => H())
+                    }),
+                    l(p, {
+                      status: "info",
+                      icon: "ri-reply-fill",
+                      content: "back",
+                      onTap: D
+                    })
+                  ])
+                ]),
+                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(_, { 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] = [
+                                    j("拖拽组件列表", -1)
+                                  ])]),
+                                  _: 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"
+                                    }, {
+                                      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"
+                                    }, {
+                                      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] = [
+                                    j("辅助", -1)
+                                  ])]),
+                                  _: 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
+                                }),
+                                l(c, { style: { height: "60px" } }, {
+                                  default: i(() => [
+                                    l(a, {
+                                      span: 12,
+                                      class: "drag_item_box",
+                                      tid: "defaultModule.barcode"
+                                    }, {
+                                      default: i(() => [...t[27] || (t[27] = [
+                                        e("div", null, [
+                                          e("a", {
+                                            class: "ep-draggable-item",
+                                            tid: "defaultModule.barcode"
+                                          }, [
+                                            e("span", {
+                                              class: "ri-barcode-line",
+                                              "ariel-hidden": "true"
+                                            }),
+                                            e("p", { class: "glyphicon-class" }, "条形码")
+                                          ])
+                                        ], -1)
+                                      ])]),
+                                      _: 1
+                                    }),
+                                    l(a, {
+                                      span: 12,
+                                      class: "drag_item_box",
+                                      tid: "defaultModule.qrcode"
+                                    }, {
+                                      default: i(() => [...t[28] || (t[28] = [
+                                        e("div", null, [
+                                          e("a", {
+                                            class: "ep-draggable-item",
+                                            tid: "defaultModule.qrcode"
+                                          }, [
+                                            e("span", {
+                                              class: "ri-qr-code-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(_, { class: "card-design" }, {
+                      default: i(() => [...t[29] || (t[29] = [
+                        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(_, { class: "design-setting-panel" }, {
+                      default: i(() => [
+                        l(c, { class: "hinnn-layout-sider" }, {
+                          default: i(() => [...t[30] || (t[30] = [
+                            e("div", { id: "PrintElementOptionSetting" }, null, -1)
+                          ])]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        l(lt, {
+          modelValue: v.value,
+          "onUpdate:modelValue": t[14] || (t[14] = (n) => v.value = n),
+          title: "导入模板JSON数据",
+          height: "320",
+          width: "450",
+          "show-footer": ""
+        }, {
+          default: i(() => [
+            t[31] || (t[31] = e("p", { style: { color: "red" } }, "切勿随意修改JSON数据，可能导致模板加载出错", -1)),
+            l(et, {
+              modelValue: S.value,
+              "onUpdate:modelValue": t[12] || (t[12] = (n) => S.value = n),
+              rows: 10,
+              size: "mini"
+            }, null, 8, ["modelValue"])
+          ]),
+          footer: i(() => [
+            l(p, {
+              icon: "ri-close-fill",
+              content: "cancel",
+              onTap: t[13] || (t[13] = (n) => v.value = !1)
+            }),
+            l(p, {
+              icon: "ri-save-3-fill",
+              status: "u-cyan",
+              content: "confirm",
+              onTap: G
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        N.value ? (T(), A(xt, {
+          key: 0,
+          ref_key: "previewRef",
+          ref: k
+        }, null, 512)) : R("", !0)
+      ])), [
+        [it, x.value]
+      ]);
+    };
+  }
+});
+export {
+  kt as _
+};