vg-print 1.0.213 → 1.0.214

package/dist/vg-print.es.js

@@ -1,4 +1,4 @@
-import { effectScope, ref, shallowRef, computed, watch, isRef, defineComponent, getCurrentInstance, h as h$1, Fragment, inject, onBeforeMount, onMounted, onUnmounted, createVNode, Text, createElementBlock, openBlock, createElementVNode, nextTick, resolveComponent, createBlock, withCtx, withDirectives, toDisplayString as toDisplayString$1, unref, normalizeStyle, vShow, withModifiers, createCommentVNode, renderList, normalizeClass, renderSlot, createStaticVNode, createTextVNode } from "vue";
+import { effectScope, ref, shallowRef, computed, watch, isRef, defineComponent, getCurrentInstance, h as h$1, Fragment, inject, onBeforeMount, onMounted, onUnmounted, createVNode, Text, createElementBlock, openBlock, createElementVNode, nextTick, resolveComponent, createBlock, withCtx, withDirectives, toDisplayString as toDisplayString$1, unref, normalizeStyle, vShow, withModifiers, createCommentVNode, renderList, normalizeClass, createStaticVNode, createTextVNode, renderSlot } from "vue";
 import { ElMessage } from "element-plus";
 function _mergeNamespaces(Me, Ce) {
   for (var Ee = 0; Ee < Ce.length; Ee++) {
@@ -83398,7 +83398,7 @@ ${i18n$1.__("转大小写")}
     }
   };
 })();
-const version = "1.0.213";
+const version = "1.0.214";
 let autoConnect = function(Me) {
   console.log("autoConnect"), window.autoConnect = !0, window.hiwebSocket && window.hiwebSocket.hasIo() && window.hiwebSocket.start(Me);
 }, disAutoConnect = function() {
@@ -91909,216 +91909,6 @@ function _sfc_render$5(Me, Ce, Ee, Be, Pe, Te) {
   ], 4);
 }
 const HistoryPanel = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5], ["__scopeId", "data-v-e31ece18"]]), _sfc_main$4 = {
-  name: "Designer",
-  components: { SecondaryToolbar, HipStructureList, HistoryPanel },
-  props: {
-    template: { type: Object, default: () => ({}) },
-    printData: { type: Object, default: () => ({}) },
-    templateKey: { type: String, default: "default-template" },
-    title: { type: String, default: "默认模板.json" },
-    designOptions: { type: Object, default: () => ({ grid: !0, activePanel: !0 }) },
-    paperList: { type: Array, default: () => [] },
-    config: { type: Object, default: () => ({}) },
-    plugins: { type: Array, default: () => [] },
-    authKey: { type: String, default: "" },
-    provider: { type: Object, default: () => providerDefault },
-    providerModuleKey: { type: String, default: "taskProviderModule" },
-    showToolbar: { type: Boolean, default: !0 }
-  },
-  emits: ["ready"],
-  data() {
-    return { hiprintTemplate: null, showStructureList: !1, showHistory: !1, propVisible: !0, propCollapsed: !1, propStyle: { right: "12px", top: "64px", position: "fixed", width: "320px" } };
-  },
-  mounted() {
-    try {
-      this.config && Object.keys(this.config).length && vuePluginHiprintExports.hiprint.setConfig(this.config), Array.isArray(this.plugins) && this.plugins.length && vuePluginHiprintExports.hiprint.register({ authKey: this.authKey || "", plugins: this.plugins }), vuePluginHiprintExports.hiprint.init({ providers: [this.provider] });
-      try {
-        const Ce = ".hiprintEpContainer";
-        try {
-          $$2(Ce).empty();
-        } catch {
-        }
-        vuePluginHiprintExports.hiprint.PrintElementTypeManager.build(Ce, this.providerModuleKey);
-      } catch {
-      }
-      const Me = new vuePluginHiprintExports.hiprint.PrintTemplate({
-        template: this.getInitialTemplate(),
-        settingContainer: "#PrintElementOptionSetting",
-        paginationContainer: ".hiprint-printPagination"
-      });
-      this.hiprintTemplate = Me, Me.design("#hiprint-printTemplate", { ...this.designOptions || {} }), this.$emit("ready", Me), this.persistTemplateDebounced = this.debounce(() => this.persistTemplate(), 500), this.bindPersist();
-    } catch {
-    }
-  },
-  beforeUnmount() {
-    try {
-      this.persistTemplate();
-    } catch {
-    }
-  },
-  methods: {
-    startDragProp(Me) {
-      try {
-        const Ce = Me.clientX - (parseInt(this.propStyle.right) ? window.innerWidth - parseInt(this.propStyle.right) : 0), Ee = Me.clientY - parseInt(this.propStyle.top), Be = (Te) => {
-          const je = Te.clientX - Ce, De = Math.max(0, Te.clientY - Ee), Ue = Math.max(0, window.innerWidth - je - (parseInt(this.propStyle.width) || 320));
-          this.propStyle = { ...this.propStyle, right: Ue + "px", top: De + "px" };
-        }, Pe = () => {
-          window.removeEventListener("mousemove", Be), window.removeEventListener("mouseup", Pe);
-        };
-        window.addEventListener("mousemove", Be), window.addEventListener("mouseup", Pe);
-      } catch {
-      }
-    },
-    getTarget() {
-      return this.hiprintTemplate;
-    },
-    getInitialTemplate() {
-      try {
-        const Me = `vg-designer:${this.templateKey}`, Ce = localStorage.getItem(Me);
-        if (Ce) return JSON.parse(Ce);
-      } catch {
-      }
-      return this.template || {};
-    },
-    persistTemplate() {
-      try {
-        if (!this.hiprintTemplate) return;
-        const Me = `vg-designer:${this.templateKey}`, Ce = this.hiprintTemplate.getJson();
-        localStorage.setItem(Me, JSON.stringify(Ce));
-      } catch {
-      }
-    },
-    bindPersist() {
-      try {
-        const Me = window.hinnn && window.hinnn.event, Ce = this.hiprintTemplate && this.hiprintTemplate.getPrintElementSelectEventKey && this.hiprintTemplate.getPrintElementSelectEventKey();
-        Me && Ce && (Me.on(Ce, () => this.persistTemplateDebounced()), Me.on("clearSettingContainer", () => this.persistTemplateDebounced()));
-      } catch {
-      }
-    },
-    debounce(Me, Ce) {
-      let Ee;
-      return function(...Be) {
-        clearTimeout(Ee), Ee = setTimeout(() => Me.apply(this, Be), Ce);
-      };
-    }
-  }
-}, _hoisted_1$4 = { class: "vg-designer" }, _hoisted_2$2 = { class: "vg-designer-body" }, _hoisted_3$2 = { class: "vg-center" }, _hoisted_4$2 = { class: "header-actions" }, _hoisted_5$2 = { class: "prop-body hinnn-layout-sider" };
-function _sfc_render$4(Me, Ce, Ee, Be, Pe, Te) {
-  const je = resolveComponent("SecondaryToolbar"), De = resolveComponent("HipStructureList"), Ue = resolveComponent("HistoryPanel");
-  return openBlock(), createElementBlock("div", _hoisted_1$4, [
-    renderSlot(Me.$slots, "header", {}, void 0, !0),
-    Ee.showToolbar && Pe.hiprintTemplate ? (openBlock(), createBlock(je, {
-      key: 0,
-      template: Pe.hiprintTemplate,
-      onToggleStructure: Ce[0] || (Ce[0] = (He) => Pe.showStructureList = !Pe.showStructureList),
-      onToggleHistory: Ce[1] || (Ce[1] = (He) => Pe.showHistory = !Pe.showHistory),
-      onTogglePalette: Ce[2] || (Ce[2] = (He) => Pe.propVisible = !Pe.propVisible)
-    }, null, 8, ["template"])) : createCommentVNode("", !0),
-    createElementVNode("div", _hoisted_2$2, [
-      Ce[12] || (Ce[12] = createElementVNode("div", { class: "vg-left" }, [
-        createElementVNode("div", { class: "hiprintEpContainer rect-printElement-types" })
-      ], -1)),
-      createElementVNode("div", _hoisted_3$2, [
-        Ce[10] || (Ce[10] = createElementVNode("div", {
-          id: "hiprint-printTemplate",
-          class: "hiprint-printTemplate"
-        }, null, -1)),
-        Ce[11] || (Ce[11] = createElementVNode("div", { class: "hiprint-printPagination" }, null, -1)),
-        renderSlot(Me.$slots, "other", {}, void 0, !0),
-        Pe.showStructureList && Pe.hiprintTemplate ? (openBlock(), createBlock(De, {
-          key: 0,
-          template: Pe.hiprintTemplate,
-          onClose: Ce[3] || (Ce[3] = (He) => Pe.showStructureList = !1)
-        }, null, 8, ["template"])) : createCommentVNode("", !0),
-        Pe.showHistory && Pe.hiprintTemplate ? (openBlock(), createBlock(Ue, {
-          key: 1,
-          template: Pe.hiprintTemplate,
-          onClose: Ce[4] || (Ce[4] = (He) => Pe.showHistory = !1)
-        }, null, 8, ["template"])) : createCommentVNode("", !0)
-      ])
-    ]),
-    withDirectives(createElementVNode("div", {
-      class: "prop-floating",
-      style: normalizeStyle(Pe.propStyle)
-    }, [
-      createElementVNode("div", {
-        class: "prop-header",
-        onMousedown: Ce[9] || (Ce[9] = withModifiers((...He) => Te.startDragProp && Te.startDragProp(...He), ["prevent"]))
-      }, [
-        Ce[14] || (Ce[14] = createElementVNode("span", { class: "title" }, "属性", -1)),
-        createElementVNode("div", _hoisted_4$2, [
-          createElementVNode("button", {
-            class: "icon-btn",
-            onMousedown: Ce[5] || (Ce[5] = withModifiers(() => {
-            }, ["stop", "prevent"])),
-            onClick: Ce[6] || (Ce[6] = withModifiers((He) => Pe.propCollapsed = !Pe.propCollapsed, ["stop"]))
-          }, [
-            createElementVNode("i", {
-              class: normalizeClass(["iconfont", Pe.propCollapsed ? "icon-zhankai" : "icon-shousuo"])
-            }, null, 2)
-          ], 32),
-          createElementVNode("button", {
-            class: "icon-btn",
-            onMousedown: Ce[7] || (Ce[7] = withModifiers(() => {
-            }, ["stop", "prevent"])),
-            onClick: Ce[8] || (Ce[8] = withModifiers((He) => Pe.propVisible = !1, ["stop"]))
-          }, [...Ce[13] || (Ce[13] = [
-            createElementVNode("i", { class: "iconfont icon-guanbi" }, null, -1)
-          ])], 32)
-        ])
-      ], 32),
-      withDirectives(createElementVNode("div", _hoisted_5$2, [...Ce[15] || (Ce[15] = [
-        createElementVNode("div", { id: "PrintElementOptionSetting" }, null, -1)
-      ])], 512), [
-        [vShow, !Pe.propCollapsed]
-      ])
-    ], 4), [
-      [vShow, Pe.propVisible]
-    ])
-  ]);
-}
-const Designer = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__scopeId", "data-v-71c44545"]]), _sfc_main$3 = {
-  name: "Header",
-  props: {
-    logoHtml: { type: String, default: '<i class="svp-header-logo svicon sv-print"></i>' },
-    title: { type: String, default: "sv-print" },
-    reEle: { type: Boolean, default: !1 },
-    eleList: { type: Array, default: () => [] },
-    reMenu: { type: Boolean, default: !1 },
-    menuList: { type: Array, default: () => [] },
-    onPreviewClick: { type: Function, default: null }
-  },
-  methods: {
-    onPreviewClickInner(Me) {
-      typeof this.onPreviewClick == "function" && this.onPreviewClick(Me) === !0 || this.$emit("preview");
-    }
-  }
-}, _hoisted_1$3 = { class: "vg-header" }, _hoisted_2$1 = { class: "left" }, _hoisted_3$1 = ["innerHTML"], _hoisted_4$1 = { class: "title" }, _hoisted_5$1 = { class: "center" }, _hoisted_6 = { class: "right" };
-function _sfc_render$3(Me, Ce, Ee, Be, Pe, Te) {
-  return openBlock(), createElementBlock("div", _hoisted_1$3, [
-    createElementVNode("div", _hoisted_2$1, [
-      renderSlot(Me.$slots, "headerLeft", {}, () => [
-        createElementVNode("span", {
-          class: "logo",
-          innerHTML: Ee.logoHtml
-        }, null, 8, _hoisted_3$1),
-        createElementVNode("span", _hoisted_4$1, toDisplayString$1(Ee.title), 1)
-      ], !0)
-    ]),
-    createElementVNode("div", _hoisted_5$1, [
-      renderSlot(Me.$slots, "headerCenter", {}, void 0, !0)
-    ]),
-    createElementVNode("div", _hoisted_6, [
-      renderSlot(Me.$slots, "headerRight", {}, () => [
-        createElementVNode("button", {
-          class: "btn",
-          onClick: Ce[0] || (Ce[0] = (...je) => Te.onPreviewClickInner && Te.onPreviewClickInner(...je))
-        }, "预览")
-      ], !0)
-    ])
-  ]);
-}
-const Header = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__scopeId", "data-v-d3c1be26"]]), _sfc_main$2 = {
   name: "FanSpinner",
   props: {
     size: { type: Number, default: 56 },
@@ -92130,11 +91920,11 @@ const Header = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$
     overlay: { type: Boolean, default: !1 },
     text: { type: String, default: "" }
   }
-}, _hoisted_1$2 = {
+}, _hoisted_1$4 = {
   key: 0,
   class: "label"
 };
-function _sfc_render$2(Me, Ce, Ee, Be, Pe, Te) {
+function _sfc_render$4(Me, Ce, Ee, Be, Pe, Te) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["fan-spinner", { overlay: Ee.overlay }]),
     role: "status",
@@ -92149,10 +91939,10 @@ function _sfc_render$2(Me, Ce, Ee, Be, Pe, Te) {
     })
   }, [
     Ce[0] || (Ce[0] = createStaticVNode('<div class="fan" data-v-4bdcfaeb><span class="blade b1" data-v-4bdcfaeb></span><span class="blade b2" data-v-4bdcfaeb></span><span class="blade b3" data-v-4bdcfaeb></span><span class="blade b4" data-v-4bdcfaeb></span></div>', 1)),
-    Ee.text ? (openBlock(), createElementBlock("div", _hoisted_1$2, toDisplayString$1(Ee.text), 1)) : createCommentVNode("", !0)
+    Ee.text ? (openBlock(), createElementBlock("div", _hoisted_1$4, toDisplayString$1(Ee.text), 1)) : createCommentVNode("", !0)
   ], 6);
 }
-const FanSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-4bdcfaeb"]]), _sfc_main$1 = {
+const FanSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__scopeId", "data-v-4bdcfaeb"]]), _sfc_main$3 = {
   name: "Preview",
   components: { FanSpinner },
   props: {
@@ -92245,8 +92035,8 @@ const FanSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_ren
       }
     }
   }
-}, _hoisted_1$1 = { class: "preview-header" }, _hoisted_2 = { class: "left-tools" }, _hoisted_3 = { class: "center-tools" }, _hoisted_4 = { class: "right-tools" }, _hoisted_5 = { class: "preview-wrap" };
-function _sfc_render$1(Me, Ce, Ee, Be, Pe, Te) {
+}, _hoisted_1$3 = { class: "preview-header" }, _hoisted_2$2 = { class: "left-tools" }, _hoisted_3$2 = { class: "center-tools" }, _hoisted_4$2 = { class: "right-tools" }, _hoisted_5$2 = { class: "preview-wrap" };
+function _sfc_render$3(Me, Ce, Ee, Be, Pe, Te) {
   const je = resolveComponent("el-button"), De = resolveComponent("el-option"), Ue = resolveComponent("el-select"), He = resolveComponent("FanSpinner"), Re = resolveComponent("el-dialog");
   return openBlock(), createBlock(Re, {
     modelValue: Pe.visible,
@@ -92257,8 +92047,8 @@ function _sfc_render$1(Me, Ce, Ee, Be, Pe, Te) {
     "destroy-on-close": !0
   }, {
     header: withCtx(() => [
-      createElementVNode("div", _hoisted_1$1, [
-        createElementVNode("div", _hoisted_2, [
+      createElementVNode("div", _hoisted_1$3, [
+        createElementVNode("div", _hoisted_2$2, [
           Ee.showPdf ? (openBlock(), createBlock(je, {
             key: 0,
             size: "small",
@@ -92284,7 +92074,7 @@ function _sfc_render$1(Me, Ce, Ee, Be, Pe, Te) {
             _: 1
           }, 8, ["onClick"])) : createCommentVNode("", !0)
         ]),
-        createElementVNode("div", _hoisted_3, [
+        createElementVNode("div", _hoisted_3$2, [
           Ce[5] || (Ce[5] = createElementVNode("span", { class: "label" }, "选择打印机：", -1)),
           createVNode(Ue, {
             modelValue: Pe.selected,
@@ -92315,7 +92105,7 @@ function _sfc_render$1(Me, Ce, Ee, Be, Pe, Te) {
             _: 1
           }, 8, ["onClick", "loading"])
         ]),
-        createElementVNode("div", _hoisted_4, [
+        createElementVNode("div", _hoisted_4$2, [
           Ee.showPrint2 ? (openBlock(), createBlock(je, {
             key: 0,
             size: "small",
@@ -92346,7 +92136,7 @@ function _sfc_render$1(Me, Ce, Ee, Be, Pe, Te) {
       ])
     ]),
     default: withCtx(() => [
-      createElementVNode("div", _hoisted_5, [
+      createElementVNode("div", _hoisted_5$2, [
         Pe.spinning ? (openBlock(), createBlock(He, {
           key: 0,
           overlay: !0,
@@ -92358,7 +92148,248 @@ function _sfc_render$1(Me, Ce, Ee, Be, Pe, Te) {
     _: 1
   }, 8, ["modelValue", "width", "onCancel"]);
 }
-const Preview = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-f121227d"]]), _sfc_main = {
+const Preview = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__scopeId", "data-v-f121227d"]]), _sfc_main$2 = {
+  name: "Designer",
+  components: { SecondaryToolbar, HipStructureList, HistoryPanel },
+  props: {
+    template: { type: Object, default: () => ({}) },
+    printData: { type: Object, default: () => ({}) },
+    templateKey: { type: String, default: "default-template" },
+    title: { type: String, default: "默认模板.json" },
+    designOptions: { type: Object, default: () => ({ grid: !0, activePanel: !0 }) },
+    paperList: { type: Array, default: () => [] },
+    config: { type: Object, default: () => ({}) },
+    plugins: { type: Array, default: () => [] },
+    authKey: { type: String, default: "" },
+    provider: { type: Object, default: () => providerDefault },
+    providerModuleKey: { type: String, default: "taskProviderModule" },
+    showToolbar: { type: Boolean, default: !0 },
+    showPdf: { type: Boolean, default: !0 },
+    showImg: { type: Boolean, default: !0 },
+    showPrint2: { type: Boolean, default: !0 }
+  },
+  emits: ["ready"],
+  data() {
+    return { hiprintTemplate: null, showStructureList: !1, showHistory: !1, propVisible: !0, propCollapsed: !1, propStyle: { right: "12px", top: "64px", position: "fixed", width: "320px" }, previewRef: null };
+  },
+  mounted() {
+    try {
+      this.config && Object.keys(this.config).length && vuePluginHiprintExports.hiprint.setConfig(this.config), Array.isArray(this.plugins) && this.plugins.length && vuePluginHiprintExports.hiprint.register({ authKey: this.authKey || "", plugins: this.plugins }), vuePluginHiprintExports.hiprint.init({ providers: [this.provider] });
+      try {
+        const Ce = ".hiprintEpContainer";
+        try {
+          $$2(Ce).empty();
+        } catch {
+        }
+        vuePluginHiprintExports.hiprint.PrintElementTypeManager.build(Ce, this.providerModuleKey);
+      } catch {
+      }
+      const Me = new vuePluginHiprintExports.hiprint.PrintTemplate({
+        template: this.getInitialTemplate(),
+        settingContainer: "#PrintElementOptionSetting",
+        paginationContainer: ".hiprint-printPagination"
+      });
+      this.hiprintTemplate = Me, Me.design("#hiprint-printTemplate", { ...this.designOptions || {} }), this.$emit("ready", Me);
+      try {
+        window.addEventListener("vg-print-preview", this.openPreview);
+      } catch {
+      }
+      this.persistTemplateDebounced = this.debounce(() => this.persistTemplate(), 500), this.bindPersist();
+    } catch {
+    }
+  },
+  beforeUnmount() {
+    try {
+      this.persistTemplate();
+    } catch {
+    }
+    try {
+      window.removeEventListener("vg-print-preview", this.openPreview);
+    } catch {
+    }
+  },
+  methods: {
+    openPreview() {
+      try {
+        if (this.previewRef || (this.previewRef = this.$refs.previewRef), !this.previewRef || !this.hiprintTemplate) return;
+        this.previewRef.init(this.hiprintTemplate, this.printData || {}), this.previewRef.show();
+      } catch {
+      }
+    },
+    startDragProp(Me) {
+      try {
+        const Ce = Me.clientX - (parseInt(this.propStyle.right) ? window.innerWidth - parseInt(this.propStyle.right) : 0), Ee = Me.clientY - parseInt(this.propStyle.top), Be = (Te) => {
+          const je = Te.clientX - Ce, De = Math.max(0, Te.clientY - Ee), Ue = Math.max(0, window.innerWidth - je - (parseInt(this.propStyle.width) || 320));
+          this.propStyle = { ...this.propStyle, right: Ue + "px", top: De + "px" };
+        }, Pe = () => {
+          window.removeEventListener("mousemove", Be), window.removeEventListener("mouseup", Pe);
+        };
+        window.addEventListener("mousemove", Be), window.addEventListener("mouseup", Pe);
+      } catch {
+      }
+    },
+    getTarget() {
+      return this.hiprintTemplate;
+    },
+    getInitialTemplate() {
+      try {
+        const Me = `vg-designer:${this.templateKey}`, Ce = localStorage.getItem(Me);
+        if (Ce) return JSON.parse(Ce);
+      } catch {
+      }
+      return this.template || {};
+    },
+    persistTemplate() {
+      try {
+        if (!this.hiprintTemplate) return;
+        const Me = `vg-designer:${this.templateKey}`, Ce = this.hiprintTemplate.getJson();
+        localStorage.setItem(Me, JSON.stringify(Ce));
+      } catch {
+      }
+    },
+    bindPersist() {
+      try {
+        const Me = window.hinnn && window.hinnn.event, Ce = this.hiprintTemplate && this.hiprintTemplate.getPrintElementSelectEventKey && this.hiprintTemplate.getPrintElementSelectEventKey();
+        Me && Ce && (Me.on(Ce, () => this.persistTemplateDebounced()), Me.on("clearSettingContainer", () => this.persistTemplateDebounced()));
+      } catch {
+      }
+    },
+    debounce(Me, Ce) {
+      let Ee;
+      return function(...Be) {
+        clearTimeout(Ee), Ee = setTimeout(() => Me.apply(this, Be), Ce);
+      };
+    }
+  }
+}, _hoisted_1$2 = { class: "vg-designer" }, _hoisted_2$1 = { class: "vg-designer-body" }, _hoisted_3$1 = { class: "vg-center" }, _hoisted_4$1 = { class: "header-actions" }, _hoisted_5$1 = { class: "prop-body hinnn-layout-sider" };
+function _sfc_render$2(Me, Ce, Ee, Be, Pe, Te) {
+  const je = resolveComponent("SecondaryToolbar"), De = resolveComponent("HipStructureList"), Ue = resolveComponent("HistoryPanel"), He = resolveComponent("Preview");
+  return openBlock(), createElementBlock("div", _hoisted_1$2, [
+    renderSlot(Me.$slots, "header", {}, void 0, !0),
+    Ee.showToolbar && Pe.hiprintTemplate ? (openBlock(), createBlock(je, {
+      key: 0,
+      template: Pe.hiprintTemplate,
+      onToggleStructure: Ce[0] || (Ce[0] = (Re) => Pe.showStructureList = !Pe.showStructureList),
+      onToggleHistory: Ce[1] || (Ce[1] = (Re) => Pe.showHistory = !Pe.showHistory),
+      onTogglePalette: Ce[2] || (Ce[2] = (Re) => Pe.propVisible = !Pe.propVisible)
+    }, null, 8, ["template"])) : createCommentVNode("", !0),
+    createElementVNode("div", _hoisted_2$1, [
+      Ce[12] || (Ce[12] = createElementVNode("div", { class: "vg-left" }, [
+        createElementVNode("div", { class: "hiprintEpContainer rect-printElement-types" })
+      ], -1)),
+      createElementVNode("div", _hoisted_3$1, [
+        Ce[10] || (Ce[10] = createElementVNode("div", {
+          id: "hiprint-printTemplate",
+          class: "hiprint-printTemplate"
+        }, null, -1)),
+        Ce[11] || (Ce[11] = createElementVNode("div", { class: "hiprint-printPagination" }, null, -1)),
+        renderSlot(Me.$slots, "other", {}, void 0, !0),
+        Pe.showStructureList && Pe.hiprintTemplate ? (openBlock(), createBlock(De, {
+          key: 0,
+          template: Pe.hiprintTemplate,
+          onClose: Ce[3] || (Ce[3] = (Re) => Pe.showStructureList = !1)
+        }, null, 8, ["template"])) : createCommentVNode("", !0),
+        Pe.showHistory && Pe.hiprintTemplate ? (openBlock(), createBlock(Ue, {
+          key: 1,
+          template: Pe.hiprintTemplate,
+          onClose: Ce[4] || (Ce[4] = (Re) => Pe.showHistory = !1)
+        }, null, 8, ["template"])) : createCommentVNode("", !0)
+      ])
+    ]),
+    withDirectives(createElementVNode("div", {
+      class: "prop-floating",
+      style: normalizeStyle(Pe.propStyle)
+    }, [
+      createElementVNode("div", {
+        class: "prop-header",
+        onMousedown: Ce[9] || (Ce[9] = withModifiers((...Re) => Te.startDragProp && Te.startDragProp(...Re), ["prevent"]))
+      }, [
+        Ce[14] || (Ce[14] = createElementVNode("span", { class: "title" }, "属性", -1)),
+        createElementVNode("div", _hoisted_4$1, [
+          createElementVNode("button", {
+            class: "icon-btn",
+            onMousedown: Ce[5] || (Ce[5] = withModifiers(() => {
+            }, ["stop", "prevent"])),
+            onClick: Ce[6] || (Ce[6] = withModifiers((Re) => Pe.propCollapsed = !Pe.propCollapsed, ["stop"]))
+          }, [
+            createElementVNode("i", {
+              class: normalizeClass(["iconfont", Pe.propCollapsed ? "icon-zhankai" : "icon-shousuo"])
+            }, null, 2)
+          ], 32),
+          createElementVNode("button", {
+            class: "icon-btn",
+            onMousedown: Ce[7] || (Ce[7] = withModifiers(() => {
+            }, ["stop", "prevent"])),
+            onClick: Ce[8] || (Ce[8] = withModifiers((Re) => Pe.propVisible = !1, ["stop"]))
+          }, [...Ce[13] || (Ce[13] = [
+            createElementVNode("i", { class: "iconfont icon-guanbi" }, null, -1)
+          ])], 32)
+        ])
+      ], 32),
+      withDirectives(createElementVNode("div", _hoisted_5$1, [...Ce[15] || (Ce[15] = [
+        createElementVNode("div", { id: "PrintElementOptionSetting" }, null, -1)
+      ])], 512), [
+        [vShow, !Pe.propCollapsed]
+      ])
+    ], 4), [
+      [vShow, Pe.propVisible]
+    ]),
+    createVNode(He, {
+      ref: "previewRef",
+      showPdf: Ee.showPdf,
+      showImg: Ee.showImg,
+      showPrint2: Ee.showPrint2
+    }, null, 8, ["showPdf", "showImg", "showPrint2"])
+  ]);
+}
+const Designer = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-ce1915d7"]]), _sfc_main$1 = {
+  name: "Header",
+  props: {
+    logoHtml: { type: String, default: '<i class="svp-header-logo svicon sv-print"></i>' },
+    title: { type: String, default: "sv-print" },
+    reEle: { type: Boolean, default: !1 },
+    eleList: { type: Array, default: () => [] },
+    reMenu: { type: Boolean, default: !1 },
+    menuList: { type: Array, default: () => [] },
+    onPreviewClick: { type: Function, default: null }
+  },
+  methods: {
+    onPreviewClickInner(Me) {
+      if (!(typeof this.onPreviewClick == "function" && this.onPreviewClick(Me) === !0)) {
+        this.$emit("preview");
+        try {
+          window.dispatchEvent(new CustomEvent("vg-print-preview"));
+        } catch {
+        }
+      }
+    }
+  }
+}, _hoisted_1$1 = { class: "vg-header" }, _hoisted_2 = { class: "left" }, _hoisted_3 = ["innerHTML"], _hoisted_4 = { class: "title" }, _hoisted_5 = { class: "center" }, _hoisted_6 = { class: "right" };
+function _sfc_render$1(Me, Ce, Ee, Be, Pe, Te) {
+  return openBlock(), createElementBlock("div", _hoisted_1$1, [
+    createElementVNode("div", _hoisted_2, [
+      renderSlot(Me.$slots, "headerLeft", {}, () => [
+        createElementVNode("span", {
+          class: "logo",
+          innerHTML: Ee.logoHtml
+        }, null, 8, _hoisted_3),
+        createElementVNode("span", _hoisted_4, toDisplayString$1(Ee.title), 1)
+      ], !0)
+    ]),
+    createElementVNode("div", _hoisted_5, [
+      renderSlot(Me.$slots, "headerCenter", {}, void 0, !0)
+    ]),
+    createElementVNode("div", _hoisted_6, [
+      renderSlot(Me.$slots, "headerRight", {}, () => [
+        createElementVNode("button", {
+          class: "btn",
+          onClick: Ce[0] || (Ce[0] = (...je) => Te.onPreviewClickInner && Te.onPreviewClickInner(...je))
+        }, "预览")
+      ], !0)
+    ])
+  ]);
+}
+const Header = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-b599272c"]]), _sfc_main = {
   name: "DragBox",
   props: {
     target: { type: String, default: "SVPrint" },