@bluechaine/print-designer 0.1.0 → 0.1.2

package/dist/vue2/index.umd.cjs

@@ -1,7 +1,25 @@
 (function(global, factory) {
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("vue-demi"), require("vue-plugin-hiprint"), require("vue")) : typeof define === "function" && define.amd ? define(["exports", "vue-demi", "vue-plugin-hiprint", "vue"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.Vue3PrintDesigner = {}, global.VueDemi, global.vuePluginHiprint, global.Vue));
-})(this, function(exports2, vueDemi, vuePluginHiprint, Vue) {
+})(this, function(exports2, vueDemi, VuePluginHiprint, Vue) {
   "use strict";
+  var _a, _b, _c, _d;
+  function _interopNamespaceDefault(e) {
+    const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+    if (e) {
+      for (const k in e) {
+        if (k !== "default") {
+          const d = Object.getOwnPropertyDescriptor(e, k);
+          Object.defineProperty(n, k, d.get ? d : {
+            enumerable: true,
+            get: () => e[k]
+          });
+        }
+      }
+    }
+    n.default = e;
+    return Object.freeze(n);
+  }
+  const VuePluginHiprint__namespace = /* @__PURE__ */ _interopNamespaceDefault(VuePluginHiprint);
   /**
   * (c) Iconify
   *
@@ -2667,10 +2685,10 @@
     return !!value && !value.trim().startsWith("<");
   }
   function elementTypeKey(item) {
-    var _a, _b;
-    const type = String(((_a = item == null ? void 0 : item.printElementType) == null ? void 0 : _a.type) || "");
+    var _a2, _b2;
+    const type = String(((_a2 = item == null ? void 0 : item.printElementType) == null ? void 0 : _a2.type) || "");
     if (type && ELEMENT_ICON_NAMES[type]) return type;
-    const tid = String(((_b = item == null ? void 0 : item.printElementType) == null ? void 0 : _b.tid) || "");
+    const tid = String(((_b2 = item == null ? void 0 : item.printElementType) == null ? void 0 : _b2.tid) || "");
     const short = tid.split(".").pop() || type;
     return short && ELEMENT_ICON_NAMES[short] ? short : "text";
   }
@@ -2799,12 +2817,12 @@
     return (match == null ? void 0 : match.type) || "自定义";
   }
   function resolveTemplate(tplId) {
-    var _a, _b;
+    var _a2;
     const cached = templateRegistry.get(tplId);
     if (cached) return cached;
     try {
-      const lib = ((_a = vuePluginHiprint.hiprint) == null ? void 0 : _a.instance) ?? vuePluginHiprint.hiprint;
-      return ((_b = lib == null ? void 0 : lib.getPrintTemplateById) == null ? void 0 : _b.call(lib, tplId)) ?? null;
+      const lib = (hiprint == null ? void 0 : hiprint.instance) ?? hiprint;
+      return ((_a2 = lib == null ? void 0 : lib.getPrintTemplateById) == null ? void 0 : _a2.call(lib, tplId)) ?? null;
     } catch {
       return null;
     }
@@ -2894,11 +2912,11 @@
     return wrapper;
   };
   PaperListOptionItem.prototype.getValue = function() {
-    var _a, _b, _c;
+    var _a2, _b2, _c2;
     return {
-      type: String(((_a = this.typeSelect) == null ? void 0 : _a.val()) || "自定义"),
-      width: Number((_b = this.widthInput) == null ? void 0 : _b.val()) || 0,
-      height: Number((_c = this.heightInput) == null ? void 0 : _c.val()) || 0
+      type: String(((_a2 = this.typeSelect) == null ? void 0 : _a2.val()) || "自定义"),
+      width: Number((_b2 = this.widthInput) == null ? void 0 : _b2.val()) || 0,
+      height: Number((_c2 = this.heightInput) == null ? void 0 : _c2.val()) || 0
     };
   };
   PaperListOptionItem.prototype.setValue = function(value) {
@@ -2916,8 +2934,8 @@
     this.heightInput.val(value.height || "");
   };
   PaperListOptionItem.prototype.destroy = function() {
-    var _a, _b;
-    (_b = (_a = this.target) == null ? void 0 : _a.remove) == null ? void 0 : _b.call(_a);
+    var _a2, _b2;
+    (_b2 = (_a2 = this.target) == null ? void 0 : _a2.remove) == null ? void 0 : _b2.call(_a2);
   };
   function OrientOptionItem() {
     this.name = "orient";
@@ -2945,18 +2963,18 @@
     return this.target;
   };
   OrientOptionItem.prototype.getValue = function() {
-    var _a, _b, _c, _d;
-    const val = (_d = (_c = (_b = (_a = this.target) == null ? void 0 : _a.find) == null ? void 0 : _b.call(_a, "select")) == null ? void 0 : _c.val) == null ? void 0 : _d.call(_c);
+    var _a2, _b2, _c2, _d2;
+    const val = (_d2 = (_c2 = (_b2 = (_a2 = this.target) == null ? void 0 : _a2.find) == null ? void 0 : _b2.call(_a2, "select")) == null ? void 0 : _c2.val) == null ? void 0 : _d2.call(_c2);
     if (val === "" || val == null) return void 0;
     return parseFloat(String(val));
   };
   OrientOptionItem.prototype.setValue = function(value) {
-    var _a, _b, _c, _d;
-    (_d = (_c = (_b = (_a = this.target) == null ? void 0 : _a.find) == null ? void 0 : _b.call(_a, "select")) == null ? void 0 : _c.val) == null ? void 0 : _d.call(_c, value ?? "");
+    var _a2, _b2, _c2, _d2;
+    (_d2 = (_c2 = (_b2 = (_a2 = this.target) == null ? void 0 : _a2.find) == null ? void 0 : _b2.call(_a2, "select")) == null ? void 0 : _c2.val) == null ? void 0 : _d2.call(_c2, value ?? "");
   };
   OrientOptionItem.prototype.destroy = function() {
-    var _a, _b;
-    (_b = (_a = this.target) == null ? void 0 : _a.remove) == null ? void 0 : _b.call(_a);
+    var _a2, _b2;
+    (_b2 = (_a2 = this.target) == null ? void 0 : _a2.remove) == null ? void 0 : _b2.call(_a2);
   };
   const WATERMARK_TIME_FORMATS = [
     "YYYY-MM-DD HH:mm:ss",
@@ -3050,10 +3068,10 @@
     return this.target;
   };
   WatermarkOptionItem.prototype.getValue = function() {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
-    const format = (_b = (_a = this.format) == null ? void 0 : _a.val) == null ? void 0 : _b.call(_a);
+    var _a2, _b2, _c2, _d2, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
+    const format = (_b2 = (_a2 = this.format) == null ? void 0 : _a2.val) == null ? void 0 : _b2.call(_a2);
     return {
-      content: ((_d = (_c = this.content) == null ? void 0 : _c.val) == null ? void 0 : _d.call(_c)) || "",
+      content: ((_d2 = (_c2 = this.content) == null ? void 0 : _c2.val) == null ? void 0 : _d2.call(_c2)) || "",
       fillStyle: ((_f = (_e = this.fillStyle) == null ? void 0 : _e.val) == null ? void 0 : _f.call(_e)) || "rgba(184, 184, 184, 0.3)",
       fontSize: `${parseInt(String(((_h = (_g = this.fontSize) == null ? void 0 : _g.val) == null ? void 0 : _h.call(_g)) || "14"), 10)}px`,
       rotate: parseInt(String(((_j = (_i = this.rotate) == null ? void 0 : _i.val) == null ? void 0 : _j.call(_i)) || "25"), 10),
@@ -3064,10 +3082,10 @@
     };
   };
   WatermarkOptionItem.prototype.setValue = function(value) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
+    var _a2, _b2, _c2, _d2, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
     if (!value) value = {};
-    (_b = (_a = this.content) == null ? void 0 : _a.val) == null ? void 0 : _b.call(_a, value.content || "");
-    (_d = (_c = this.fillStyle) == null ? void 0 : _c.val) == null ? void 0 : _d.call(_c, value.fillStyle || "rgba(184, 184, 184, 0.3)");
+    (_b2 = (_a2 = this.content) == null ? void 0 : _a2.val) == null ? void 0 : _b2.call(_a2, value.content || "");
+    (_d2 = (_c2 = this.fillStyle) == null ? void 0 : _c2.val) == null ? void 0 : _d2.call(_c2, value.fillStyle || "rgba(184, 184, 184, 0.3)");
     try {
       (_f = (_e = this.fillStyle) == null ? void 0 : _e.minicolors) == null ? void 0 : _f.call(_e, {
         format: "rgb",
@@ -3085,8 +3103,8 @@
     (_r = (_q = this.format) == null ? void 0 : _q.val) == null ? void 0 : _r.call(_q, value.format || "YYYY-MM-DD HH:mm");
   };
   WatermarkOptionItem.prototype.destroy = function() {
-    var _a, _b;
-    (_b = (_a = this.target) == null ? void 0 : _a.remove) == null ? void 0 : _b.call(_a);
+    var _a2, _b2;
+    (_b2 = (_a2 = this.target) == null ? void 0 : _a2.remove) == null ? void 0 : _b2.call(_a2);
   };
   function PanelBackgroundColorOptionItem() {
     this.name = "backgroundColor";
@@ -3105,21 +3123,21 @@
     return this.target;
   };
   PanelBackgroundColorOptionItem.prototype.getValue = function() {
-    var _a, _b;
-    const val = (_b = (_a = this.input) == null ? void 0 : _a.val) == null ? void 0 : _b.call(_a);
+    var _a2, _b2;
+    const val = (_b2 = (_a2 = this.input) == null ? void 0 : _a2.val) == null ? void 0 : _b2.call(_a2);
     return val ? String(val) : void 0;
   };
   PanelBackgroundColorOptionItem.prototype.setValue = function(value) {
-    var _a, _b, _c, _d;
+    var _a2, _b2, _c2, _d2;
     const color = value || "#ffffff";
     try {
-      (_b = (_a = this.input) == null ? void 0 : _a.minicolors) == null ? void 0 : _b.call(_a, {
+      (_b2 = (_a2 = this.input) == null ? void 0 : _a2.minicolors) == null ? void 0 : _b2.call(_a2, {
         defaultValue: color,
         theme: "bootstrap"
       });
     } catch {
     }
-    (_d = (_c = this.input) == null ? void 0 : _c.val) == null ? void 0 : _d.call(_c, color);
+    (_d2 = (_c2 = this.input) == null ? void 0 : _c2.val) == null ? void 0 : _d2.call(_c2, color);
   };
   PanelBackgroundColorOptionItem.prototype.css = function(target, value) {
     const $ = getJQuery();
@@ -3132,19 +3150,19 @@
     return null;
   };
   PanelBackgroundColorOptionItem.prototype.destroy = function() {
-    var _a, _b;
-    (_b = (_a = this.target) == null ? void 0 : _a.remove) == null ? void 0 : _b.call(_a);
+    var _a2, _b2;
+    (_b2 = (_a2 = this.target) == null ? void 0 : _a2.remove) == null ? void 0 : _b2.call(_a2);
   };
   function applyPanelBackgroundColor(panel, color) {
-    var _a, _b, _c, _d;
+    var _a2, _b2, _c2, _d2;
     if (!panel) return;
     const value = color || "#ffffff";
     panel.backgroundColor = value;
     const $ = getJQuery();
-    const paper = ((_a = panel.designPaper) == null ? void 0 : _a.target) || ((_c = (_b = panel.target) == null ? void 0 : _b.find) == null ? void 0 : _c.call(_b, ".hiprint-printPaper")) || ($ && panel.target ? $(panel.target).find(".hiprint-printPaper") : null);
+    const paper = ((_a2 = panel.designPaper) == null ? void 0 : _a2.target) || ((_c2 = (_b2 = panel.target) == null ? void 0 : _b2.find) == null ? void 0 : _c2.call(_b2, ".hiprint-printPaper")) || ($ && panel.target ? $(panel.target).find(".hiprint-printPaper") : null);
     if (paper == null ? void 0 : paper.css) {
       paper.css("background-color", value);
-    } else if ((paper == null ? void 0 : paper.length) && ((_d = paper[0]) == null ? void 0 : _d.style)) {
+    } else if ((paper == null ? void 0 : paper.length) && ((_d2 = paper[0]) == null ? void 0 : _d2.style)) {
       paper[0].style.backgroundColor = value;
     }
   }
@@ -3216,33 +3234,33 @@
     return this.target;
   };
   PanelLayoutOptionItem.prototype.getValue = function() {
-    var _a, _b, _c, _d;
+    var _a2, _b2, _c2, _d2;
     const num = (el) => {
-      var _a2;
-      return parseInt(String(((_a2 = el == null ? void 0 : el.val) == null ? void 0 : _a2.call(el)) || 0), 10) || 0;
+      var _a3;
+      return parseInt(String(((_a3 = el == null ? void 0 : el.val) == null ? void 0 : _a3.call(el)) || 0), 10) || 0;
     };
     return {
-      layoutType: ((_b = (_a = this.layoutType) == null ? void 0 : _a.val) == null ? void 0 : _b.call(_a)) || "column",
+      layoutType: ((_b2 = (_a2 = this.layoutType) == null ? void 0 : _a2.val) == null ? void 0 : _b2.call(_a2)) || "column",
       layoutRowGap: num(this.layoutRowGap),
       layoutColumnGap: num(this.layoutColumnGap),
       paperWidth: num(this.paperWidth),
       paperHeight: num(this.paperHeight),
-      paperStyle: ((_d = (_c = this.paperStyle) == null ? void 0 : _c.val) == null ? void 0 : _d.call(_c)) || ""
+      paperStyle: ((_d2 = (_c2 = this.paperStyle) == null ? void 0 : _c2.val) == null ? void 0 : _d2.call(_c2)) || ""
     };
   };
   PanelLayoutOptionItem.prototype.setValue = function(value) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+    var _a2, _b2, _c2, _d2, _e, _f, _g, _h, _i, _j, _k, _l;
     if (!value) return;
-    (_b = (_a = this.layoutType) == null ? void 0 : _a.val) == null ? void 0 : _b.call(_a, value.layoutType || "column");
-    (_d = (_c = this.layoutRowGap) == null ? void 0 : _c.val) == null ? void 0 : _d.call(_c, value.layoutRowGap ?? "");
+    (_b2 = (_a2 = this.layoutType) == null ? void 0 : _a2.val) == null ? void 0 : _b2.call(_a2, value.layoutType || "column");
+    (_d2 = (_c2 = this.layoutRowGap) == null ? void 0 : _c2.val) == null ? void 0 : _d2.call(_c2, value.layoutRowGap ?? "");
     (_f = (_e = this.layoutColumnGap) == null ? void 0 : _e.val) == null ? void 0 : _f.call(_e, value.layoutColumnGap ?? "");
     (_h = (_g = this.paperWidth) == null ? void 0 : _g.val) == null ? void 0 : _h.call(_g, value.paperWidth ?? "");
     (_j = (_i = this.paperHeight) == null ? void 0 : _i.val) == null ? void 0 : _j.call(_i, value.paperHeight ?? "");
     (_l = (_k = this.paperStyle) == null ? void 0 : _k.val) == null ? void 0 : _l.call(_k, value.paperStyle ?? "");
   };
   PanelLayoutOptionItem.prototype.destroy = function() {
-    var _a, _b;
-    (_b = (_a = this.target) == null ? void 0 : _a.remove) == null ? void 0 : _b.call(_a);
+    var _a2, _b2;
+    (_b2 = (_a2 = this.target) == null ? void 0 : _a2.remove) == null ? void 0 : _b2.call(_a2);
   };
   function reorderPanelSettingOptions(options, panel, paperList) {
     const {
@@ -3261,11 +3279,11 @@
     };
   }
   function ensurePaperListSupportOptionsFirst() {
-    var _a, _b, _c, _d;
+    var _a2, _b2, _c2;
     try {
       const cfg = window.HIPRINT_CONFIG;
-      const instanceOpts = (_c = (_b = (_a = vuePluginHiprint.hiprint) == null ? void 0 : _a.instance) == null ? void 0 : _b.panel) == null ? void 0 : _c.supportOptions;
-      const cfgOpts = (_d = cfg == null ? void 0 : cfg.panel) == null ? void 0 : _d.supportOptions;
+      const instanceOpts = (_b2 = (_a2 = hiprint == null ? void 0 : hiprint.instance) == null ? void 0 : _a2.panel) == null ? void 0 : _b2.supportOptions;
+      const cfgOpts = (_c2 = cfg == null ? void 0 : cfg.panel) == null ? void 0 : _c2.supportOptions;
       const opts = instanceOpts || cfgOpts;
       if (!Array.isArray(opts)) return;
       const idx = opts.findIndex((o) => o.name === "paperList");
@@ -3285,8 +3303,8 @@
     }
   }
   function patchPrintTemplatePaperList() {
-    var _a;
-    const proto = (_a = vuePluginHiprint.hiprint.PrintTemplate) == null ? void 0 : _a.prototype;
+    var _a2;
+    const proto = (_a2 = hiprint.PrintTemplate) == null ? void 0 : _a2.prototype;
     if (!proto || proto.__svpPaperListPatched) return;
     proto.setPaperList = function(list) {
       this._paperList = Array.isArray(list) && list.length ? list : defaultPaperList;
@@ -3297,13 +3315,13 @@
     proto.__svpPaperListPatched = true;
   }
   function patchPanelSettingTrigger(onPaperApplied) {
-    var _a;
-    const bus = (_a = window.hinnn) == null ? void 0 : _a.event;
+    var _a2;
+    const bus = (_a2 = window.hinnn) == null ? void 0 : _a2.event;
     if (!bus || bus.__svpPaperListTriggerPatch) return;
     const origTrigger = bus.trigger.bind(bus);
     bus.trigger = function(key, ...args) {
-      var _a2;
-      if (typeof key === "string" && key.startsWith("BuildCustomOptionSettingEventKey_") && ((_a2 = args[0]) == null ? void 0 : _a2.options)) {
+      var _a3;
+      if (typeof key === "string" && key.startsWith("BuildCustomOptionSettingEventKey_") && ((_a3 = args[0]) == null ? void 0 : _a3.options)) {
         const tplId = key.slice("BuildCustomOptionSettingEventKey_".length);
         const tpl = resolveTemplate(tplId);
         const panel = tpl == null ? void 0 : tpl.editingPanel;
@@ -3334,7 +3352,7 @@
     patchPrintTemplatePaperList();
     patchPanelSettingTrigger(onPaperApplied);
     try {
-      vuePluginHiprint.hiprint.setConfig({
+      hiprint.setConfig({
         optionItems: [
           PaperListOptionItem,
           OrientOptionItem,
@@ -3511,13 +3529,13 @@
   }
   class SvpElementTypeProvider extends Provider {
     addElementTypes(context) {
-      var _a;
-      new vuePluginHiprint.defaultElementTypeProvider().addElementTypes(context);
+      var _a2;
+      new VuePluginHiprint.defaultElementTypeProvider().addElementTypes(context);
       if (typeof context.updateElementType === "function") {
         context.updateElementType(TABLE_TID, applyCustomTableType);
         return;
       }
-      const current = (_a = context.getElementType) == null ? void 0 : _a.call(context, TABLE_TID);
+      const current = (_a2 = context.getElementType) == null ? void 0 : _a2.call(context, TABLE_TID);
       if (current) applyCustomTableType(current);
     }
   }
@@ -3529,13 +3547,18 @@
     if (!map) return [];
     return Array.isArray(map) ? map : [map];
   }
+  const plugin = VuePluginHiprint__namespace;
+  const hiprint = plugin.hiprint ?? ((_a = plugin.default) == null ? void 0 : _a.hiprint);
+  const defaultElementTypeProvider = plugin.defaultElementTypeProvider ?? ((_b = plugin.default) == null ? void 0 : _b.defaultElementTypeProvider);
+  const autoConnect = plugin.autoConnect ?? ((_c = plugin.default) == null ? void 0 : _c.autoConnect);
+  const disAutoConnect = plugin.disAutoConnect ?? ((_d = plugin.default) == null ? void 0 : _d.disAutoConnect);
   let initialized = false;
   function initHiprint(options = {}) {
-    var _a;
+    var _a2;
     const providers = ensureProviders(options.providers);
     if (!initialized) {
       try {
-        vuePluginHiprint.hiprint.init({ providers, ...options.config ?? {} });
+        hiprint.init({ providers, ...options.config ?? {} });
         setupHiprintPaperList(
           options.paperList ?? DEFAULT_PAPER_LIST,
           options.onPaperApplied
@@ -3544,12 +3567,12 @@
         console.error("[vue3-print-designer] hiprint.init failed", e);
       }
       initialized = true;
-    } else if ((_a = options.providers) == null ? void 0 : _a.length) {
+    } else if ((_a2 = options.providers) == null ? void 0 : _a2.length) {
       try {
         options.providers.forEach(
           (p) => {
-            var _a2, _b;
-            return (_b = (_a2 = vuePluginHiprint.hiprint.PrintElementTypeManager) == null ? void 0 : _a2.build) == null ? void 0 : _b.call(_a2, [p]);
+            var _a3, _b2;
+            return (_b2 = (_a3 = hiprint.PrintElementTypeManager) == null ? void 0 : _a3.build) == null ? void 0 : _b2.call(_a3, [p]);
           }
         );
       } catch (e) {
@@ -3558,11 +3581,11 @@
     }
     if (options.autoConnect === false) {
       try {
-        vuePluginHiprint.disAutoConnect();
+        disAutoConnect();
       } catch (_) {
       }
     }
-    return vuePluginHiprint.hiprint;
+    return hiprint;
   }
   function buildByHtml(selectors) {
     if (typeof window === "undefined") return;
@@ -3576,13 +3599,474 @@
       const $els = $(sel);
       if ($els.length) {
         try {
-          vuePluginHiprint.hiprint.PrintElementTypeManager.buildByHtml($els);
+          hiprint.PrintElementTypeManager.buildByHtml($els);
         } catch (e) {
           console.warn("[vue3-print-designer] buildByHtml failed", sel, e);
         }
       }
     });
   }
+  function normalizePrinterList(raw) {
+    if (!Array.isArray(raw)) return [];
+    return raw.map((item) => {
+      if (typeof item === "string") {
+        return { name: item, displayName: item };
+      }
+      if (!item || typeof item !== "object") return null;
+      const record = item;
+      const name = String(record.name ?? record.Name ?? "");
+      if (!name) return null;
+      return {
+        ...record,
+        name,
+        displayName: String(record.displayName ?? record.DisplayName ?? name),
+        isDefault: Boolean(record.isDefault ?? record.IsDefault ?? record.default)
+      };
+    }).filter((item) => item != null);
+  }
+  function normalizeClientList(raw) {
+    if (!Array.isArray(raw)) return [];
+    return raw.filter((item) => item && typeof item === "object");
+  }
+  function buildPrint2Payload(options) {
+    if (!options) {
+      return { printer: "", title: "print" };
+    }
+    const {
+      printer,
+      title,
+      client,
+      printByFragments,
+      generateHTMLInterval,
+      fragmentSize,
+      sendInterval,
+      ...rest
+    } = options;
+    return {
+      printer: printer ?? "",
+      title: title ?? "print",
+      ...client != null ? { client } : {},
+      ...printByFragments != null ? { printByFragments } : {},
+      ...generateHTMLInterval != null ? { generateHTMLInterval } : {},
+      ...fragmentSize != null ? { fragmentSize } : {},
+      ...sendInterval != null ? { sendInterval } : {},
+      ...rest
+    };
+  }
+  function readSocketConnected() {
+    try {
+      const ws = hiprint.hiwebSocket;
+      if (!ws) return false;
+      if (ws.opened === true || ws.connected === true) return true;
+      if (typeof ws.isConnected === "function" && ws.isConnected()) return true;
+      return false;
+    } catch {
+      return false;
+    }
+  }
+  const _PrintClient = class _PrintClient {
+    constructor() {
+      this.status = { connected: false };
+      this.initConfig = {};
+      this.connectPromise = null;
+      this.connectionCallbacks = /* @__PURE__ */ new Set();
+      this.printSuccessCallbacks = /* @__PURE__ */ new Set();
+      this.printErrorCallbacks = /* @__PURE__ */ new Set();
+    }
+    static getInstance() {
+      if (!_PrintClient.instance) _PrintClient.instance = new _PrintClient();
+      return _PrintClient.instance;
+    }
+    connect(options = {}) {
+      if (typeof window === "undefined") {
+        const status = { connected: false, message: "PrintClient requires a browser environment." };
+        this.updateStatus(status);
+        return Promise.resolve(status);
+      }
+      if (this.getStatus().connected) {
+        return Promise.resolve(this.getStatus());
+      }
+      if (this.connectPromise) return this.connectPromise;
+      this.connectPromise = new Promise((resolve) => {
+        var _a2;
+        const timeoutMs = options.timeout ?? 1e4;
+        let settled = false;
+        const finish = (status) => {
+          if (settled) return;
+          settled = true;
+          window.clearTimeout(timer);
+          this.connectPromise = null;
+          this.updateStatus(status);
+          resolve(status);
+        };
+        const timer = window.setTimeout(() => {
+          finish({
+            connected: false,
+            message: "Connection timeout. Is electron-hiprint running?"
+          });
+        }, timeoutMs);
+        const config = { ...this.initConfig };
+        if (options.host) config.host = options.host;
+        if (options.token) config.token = options.token;
+        this.initConfig = config;
+        initHiprint({
+          providers: ensureProviders(),
+          autoConnect: false,
+          config
+        });
+        try {
+          if (options.host && typeof ((_a2 = hiprint.hiwebSocket) == null ? void 0 : _a2.setHost) === "function") {
+            hiprint.hiwebSocket.setHost(options.host, options.token);
+          }
+        } catch (e) {
+          console.warn("[print-designer] hiwebSocket.setHost failed", e);
+        }
+        try {
+          autoConnect((status, msg) => {
+            const message = typeof msg === "string" ? msg : msg != null ? String(msg) : status ? void 0 : "Failed to connect to print client.";
+            finish({ connected: !!status, message });
+          });
+        } catch (e) {
+          finish({
+            connected: false,
+            message: e instanceof Error ? e.message : String(e)
+          });
+        }
+      });
+      return this.connectPromise;
+    }
+    disconnect() {
+      try {
+        disAutoConnect();
+      } catch {
+      }
+      this.connectPromise = null;
+      this.updateStatus({ connected: false, message: "Disconnected." });
+    }
+    getStatus() {
+      const socketConnected = readSocketConnected();
+      if (socketConnected && !this.status.connected) {
+        this.status = { connected: true };
+      }
+      if (!socketConnected && this.status.connected) {
+        this.status = { connected: false, message: this.status.message ?? "Disconnected." };
+      }
+      return { ...this.status };
+    }
+    getPrinterList() {
+      var _a2, _b2;
+      try {
+        const list = (_b2 = (_a2 = hiprint.hiwebSocket) == null ? void 0 : _a2.getPrinterList) == null ? void 0 : _b2.call(_a2);
+        return normalizePrinterList(list);
+      } catch {
+        return [];
+      }
+    }
+    getClients() {
+      try {
+        const ws = hiprint.hiwebSocket;
+        if (!ws) return [];
+        if (Array.isArray(ws.clients)) return normalizeClientList(ws.clients);
+        if (typeof ws.getClients === "function") {
+          return normalizeClientList(ws.getClients());
+        }
+        return [];
+      } catch {
+        return [];
+      }
+    }
+    async printByTemplate(template, printData, options) {
+      initHiprint({
+        providers: ensureProviders(),
+        autoConnect: false,
+        config: this.initConfig
+      });
+      const instance = new hiprint.PrintTemplate({ template });
+      return this.printByInstance(instance, printData, options);
+    }
+    async printByInstance(printTemplate, printData, options) {
+      if (!this.getStatus().connected) {
+        throw new Error("[print-designer] Print client is not connected. Call connect() first.");
+      }
+      if (typeof (printTemplate == null ? void 0 : printTemplate.print2) !== "function") {
+        throw new Error("[print-designer] print2 is not available on the template instance.");
+      }
+      return new Promise((resolve, reject) => {
+        var _a2, _b2;
+        const onSuccess = (data2) => {
+          cleanup();
+          this.notifyPrintSuccess(data2);
+          resolve();
+        };
+        const onError = (data2) => {
+          cleanup();
+          this.notifyPrintError(data2);
+          reject(data2 instanceof Error ? data2 : new Error(String(data2 ?? "Print failed")));
+        };
+        const cleanup = () => {
+          var _a3, _b3;
+          try {
+            (_a3 = printTemplate.off) == null ? void 0 : _a3.call(printTemplate, "printSuccess", onSuccess);
+          } catch {
+          }
+          try {
+            (_b3 = printTemplate.off) == null ? void 0 : _b3.call(printTemplate, "printError", onError);
+          } catch {
+          }
+        };
+        try {
+          (_a2 = printTemplate.on) == null ? void 0 : _a2.call(printTemplate, "printSuccess", onSuccess);
+          (_b2 = printTemplate.on) == null ? void 0 : _b2.call(printTemplate, "printError", onError);
+          printTemplate.print2(printData, buildPrint2Payload(options));
+        } catch (e) {
+          cleanup();
+          reject(e);
+        }
+      });
+    }
+    onConnectionChange(callback2) {
+      this.connectionCallbacks.add(callback2);
+      return () => {
+        this.connectionCallbacks.delete(callback2);
+      };
+    }
+    onPrintSuccess(callback2) {
+      this.printSuccessCallbacks.add(callback2);
+      return () => {
+        this.printSuccessCallbacks.delete(callback2);
+      };
+    }
+    onPrintError(callback2) {
+      this.printErrorCallbacks.add(callback2);
+      return () => {
+        this.printErrorCallbacks.delete(callback2);
+      };
+    }
+    updateStatus(status) {
+      this.status = status;
+      this.notifyConnectionChange(status);
+    }
+    notifyConnectionChange(status) {
+      this.connectionCallbacks.forEach((cb) => {
+        try {
+          cb(status);
+        } catch (e) {
+          console.error("[print-designer] connection listener failed", e);
+        }
+      });
+    }
+    notifyPrintSuccess(data2) {
+      this.printSuccessCallbacks.forEach((cb) => {
+        try {
+          cb(data2);
+        } catch (e) {
+          console.error("[print-designer] printSuccess listener failed", e);
+        }
+      });
+    }
+    notifyPrintError(data2) {
+      this.printErrorCallbacks.forEach((cb) => {
+        try {
+          cb(data2);
+        } catch (e) {
+          console.error("[print-designer] printError listener failed", e);
+        }
+      });
+    }
+  };
+  _PrintClient.instance = null;
+  let PrintClient = _PrintClient;
+  function getPrintClient() {
+    return PrintClient.getInstance();
+  }
+  function resolvePreviewHtml(value) {
+    if (value == null || value === false) return "";
+    if (typeof value === "string") return value;
+    const any = value;
+    if (typeof any.html === "function") {
+      try {
+        const html = any.html();
+        if (typeof html === "string") return html;
+      } catch {
+      }
+    }
+    if (Array.isArray(value)) {
+      return value.map((item) => resolvePreviewHtml(item)).join("");
+    }
+    if (typeof any.length === "number" && any.length > 0 && any[0] != null) {
+      return resolvePreviewHtml(any[0]);
+    }
+    if (any.target != null) {
+      return resolvePreviewHtml(any.target);
+    }
+    return "";
+  }
+  function collectHostStyles() {
+    if (typeof document === "undefined") return "";
+    const parts = [];
+    document.querySelectorAll('link[rel="stylesheet"]').forEach((el) => {
+      const href = el.getAttribute("href");
+      if (!href) return;
+      const media = el.getAttribute("media");
+      const mediaAttr = media ? ` media="${media}"` : "";
+      parts.push(`<link rel="stylesheet" href="${href}"${mediaAttr}>`);
+      if (media && /print/i.test(media) && href.includes("print-lock.css")) {
+        parts.push(`<link rel="stylesheet" href="${href}">`);
+      }
+    });
+    document.querySelectorAll("style").forEach((el) => {
+      parts.push(`<style>${el.textContent ?? ""}</style>`);
+    });
+    return parts.join("\n");
+  }
+  function buildIframeDocument(args) {
+    const handlerStyles = args.styleHandler ? args.styleHandler() : "";
+    const hostStyles = args.importCss ? collectHostStyles() : "";
+    return `<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>${args.title}</title>
+${hostStyles}
+${handlerStyles}
+</head>
+<body>${args.html}</body>
+</html>`;
+  }
+  function printIframe(args) {
+    if (typeof document === "undefined" || typeof window === "undefined") {
+      return Promise.resolve();
+    }
+    const previous = document.getElementById("svp_batch_print_iframe");
+    if (previous == null ? void 0 : previous.parentNode) previous.parentNode.removeChild(previous);
+    const iframe = document.createElement("iframe");
+    iframe.id = "svp_batch_print_iframe";
+    iframe.setAttribute(
+      "style",
+      "visibility: hidden; height: 0; width: 0; position: absolute; border: 0;"
+    );
+    document.body.appendChild(iframe);
+    const cleanup = () => {
+      try {
+        if (iframe.parentNode) iframe.parentNode.removeChild(iframe);
+      } catch {
+      }
+    };
+    return new Promise((resolve) => {
+      let triggered = false;
+      const trigger = () => {
+        if (triggered) return;
+        triggered = true;
+        try {
+          const win = iframe.contentWindow;
+          if (!win) {
+            cleanup();
+            resolve();
+            return;
+          }
+          const finish = () => {
+            var _a2;
+            (_a2 = args.callback) == null ? void 0 : _a2.call(args);
+            setTimeout(() => {
+              cleanup();
+              resolve();
+            }, 500);
+          };
+          const onAfterPrint = () => {
+            win.removeEventListener("afterprint", onAfterPrint);
+            finish();
+          };
+          win.addEventListener("afterprint", onAfterPrint);
+          try {
+            win.focus();
+            win.print();
+          } catch (e) {
+            console.error("[batch-print] window.print failed", e);
+            finish();
+          }
+          setTimeout(finish, 6e4);
+        } catch (e) {
+          console.error("[batch-print] trigger failed", e);
+          cleanup();
+          resolve();
+        }
+      };
+      iframe.onload = () => {
+        waitForImages(iframe.contentDocument, trigger);
+      };
+      setTimeout(() => {
+        if (!triggered) trigger();
+      }, args.timeout);
+      const doc = iframe.contentDocument;
+      const docString = buildIframeDocument(args);
+      if (doc) {
+        doc.open();
+        doc.write(docString);
+        doc.close();
+      } else {
+        iframe.srcdoc = docString;
+      }
+    });
+  }
+  function waitForImages(doc, done, attempt = 0) {
+    if (!doc) {
+      done();
+      return;
+    }
+    const imgs = doc.getElementsByTagName("img");
+    let ready = true;
+    for (let i = 0; i < imgs.length; i++) {
+      const img = imgs[i];
+      if (!img.src || img.src.indexOf("base64") >= 0) continue;
+      if (img.complete && (img.naturalWidth ?? 1) > 0) continue;
+      ready = false;
+      break;
+    }
+    if (ready || attempt >= 10) {
+      done();
+      return;
+    }
+    setTimeout(() => waitForImages(doc, done, attempt + 1), 500);
+  }
+  function pageWrap(html, withBreak) {
+    const breakStyle = withBreak ? ' style="page-break-after: always; break-after: page;"' : "";
+    return `<div class="svp-batch-page"${breakStyle}>${html}</div>`;
+  }
+  async function batchPrint(printTemplate, printDataList, options = {}) {
+    if (!printTemplate || typeof printTemplate.getHtml !== "function") {
+      throw new Error("[batch-print] printTemplate.getHtml is required.");
+    }
+    const list = Array.isArray(printDataList) ? printDataList : [printDataList];
+    if (!list.length) {
+      throw new Error("[batch-print] printDataList is empty.");
+    }
+    const copies = Math.max(1, Math.floor(options.copies ?? 1));
+    const pageBreak = options.pageBreak !== false;
+    const title = options.title ?? "print";
+    const expanded = [];
+    for (const item of list) {
+      for (let i = 0; i < copies; i++) expanded.push(item);
+    }
+    const fragments = [];
+    for (let i = 0; i < expanded.length; i++) {
+      const raw = printTemplate.getHtml(expanded[i]);
+      const html = resolvePreviewHtml(raw);
+      if (!html) continue;
+      const isLast = i === expanded.length - 1;
+      fragments.push(pageWrap(html, pageBreak && !isLast));
+    }
+    if (!fragments.length) {
+      throw new Error("[batch-print] No HTML produced from print data.");
+    }
+    await printIframe({
+      html: fragments.join("\n"),
+      title,
+      styleHandler: options.styleHandler,
+      importCss: options.importCss !== false,
+      callback: options.callback,
+      timeout: Math.max(500, options.timeout ?? 1500)
+    });
+  }
   class PluginManager {
     constructor() {
       this.hooks = /* @__PURE__ */ new Map();
@@ -3593,12 +4077,12 @@
       this.plugins = [];
       plugins.forEach((p) => this.register(p));
     }
-    register(plugin) {
-      var _a;
-      if (!plugin || !Array.isArray(plugin.hooks)) return;
-      this.plugins.push(plugin);
-      (_a = plugin.init) == null ? void 0 : _a.call(plugin, plugin.config ?? {});
-      plugin.hooks.forEach((h) => {
+    register(plugin2) {
+      var _a2;
+      if (!plugin2 || !Array.isArray(plugin2.hooks)) return;
+      this.plugins.push(plugin2);
+      (_a2 = plugin2.init) == null ? void 0 : _a2.call(plugin2, plugin2.config ?? {});
+      plugin2.hooks.forEach((h) => {
         const arr = this.hooks.get(h.hook) ?? [];
         arr.push(h);
         arr.sort((a, b) => (a.priority ?? 100) - (b.priority ?? 100));
@@ -3609,8 +4093,8 @@
       return this.plugins.slice();
     }
     has(hook) {
-      var _a;
-      return (((_a = this.hooks.get(hook)) == null ? void 0 : _a.length) ?? 0) > 0;
+      var _a2;
+      return (((_a2 = this.hooks.get(hook)) == null ? void 0 : _a2.length) ?? 0) > 0;
     }
     /** Run all callbacks sequentially. Returns the array of results. */
     async run(hook, ...args) {
@@ -3735,9 +4219,9 @@
       this.onChanged = onChanged;
     }
     applySnapshot(tpl, json, panelIndex) {
-      var _a, _b, _c;
+      var _a2, _b2, _c2;
       if (!(tpl == null ? void 0 : tpl.update) || json == null) return;
-      const index2 = panelIndex ?? ((_a = tpl.editingPanel) == null ? void 0 : _a.index) ?? ((_c = (_b = tpl.printPanels) == null ? void 0 : _b[0]) == null ? void 0 : _c.index) ?? 0;
+      const index2 = panelIndex ?? ((_a2 = tpl.editingPanel) == null ? void 0 : _a2.index) ?? ((_c2 = (_b2 = tpl.printPanels) == null ? void 0 : _b2[0]) == null ? void 0 : _c2.index) ?? 0;
       tpl.update(json, index2);
     }
     refreshFromTemplate() {
@@ -3792,9 +4276,9 @@
       this.finishChange();
     }
     jump(index2) {
-      var _a;
+      var _a2;
       const tpl = this.getTpl();
-      if (!(tpl == null ? void 0 : tpl.history) || !((_a = tpl.historyList) == null ? void 0 : _a[index2])) return;
+      if (!(tpl == null ? void 0 : tpl.history) || !((_a2 = tpl.historyList) == null ? void 0 : _a2[index2])) return;
       tpl.historyPos = index2;
       const entry = tpl.historyList[index2];
       this.applySnapshot(tpl, entry == null ? void 0 : entry.json);
@@ -3827,9 +4311,9 @@
       this.finishChange();
     }
     finishChange() {
-      var _a;
+      var _a2;
       this.refreshFromTemplate();
-      (_a = this.onChanged) == null ? void 0 : _a.call(this);
+      (_a2 = this.onChanged) == null ? void 0 : _a2.call(this);
     }
   }
   function normalize(e) {
@@ -3860,8 +4344,8 @@
     mount() {
       if (typeof window === "undefined" || this.handler) return;
       this.handler = (e) => {
-        var _a, _b;
-        if (((_b = (_a = this.options).beforeDispatch) == null ? void 0 : _b.call(_a, e)) === false) return;
+        var _a2, _b2;
+        if (((_b2 = (_a2 = this.options).beforeDispatch) == null ? void 0 : _b2.call(_a2, e)) === false) return;
         const t = e.target;
         if (t && (t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.isContentEditable)) {
           const combo2 = normalize(e);
@@ -4011,7 +4495,7 @@
       });
       ta.addEventListener("scroll", syncScroll);
       modal.addEventListener("click", (e) => {
-        var _a;
+        var _a2;
         const act = e.target.dataset.act;
         if (act === "cancel") close(null);
         else if (act === "clear") {
@@ -4020,7 +4504,7 @@
           syncLines();
           ta.focus();
         } else if (act === "copy") {
-          (_a = navigator.clipboard) == null ? void 0 : _a.writeText(ta.value).catch(() => {
+          (_a2 = navigator.clipboard) == null ? void 0 : _a2.writeText(ta.value).catch(() => {
             ta.focus();
             ta.select();
             try {
@@ -4214,7 +4698,19 @@
       printDataAddRow: "添加一行",
       printDataDeleteRow: "删除",
       printDataFieldKey: "字段",
-      paper: "纸张"
+      paper: "纸张",
+      browserPrint: "浏览器打印",
+      silentPrint: "静默打印",
+      batchPrint: "批量打印",
+      batchPrinting: "正在准备…",
+      batchCopies: "每条份数",
+      batchHint: "共 {rows} 条数据 × 每条份数 = 合计 {total} 页（无需客户端）",
+      printClientConnected: "打印客户端已连接",
+      printClientDisconnected: "打印客户端未连接",
+      printClientConnect: "连接客户端",
+      printClientDisconnect: "断开连接",
+      printClientNoPrinters: "未检测到打印机",
+      defaultPrinter: "默认"
     },
     header: {
       title: "打印设计器"
@@ -4317,7 +4813,19 @@
       printDataAddRow: "Add row",
       printDataDeleteRow: "Delete",
       printDataFieldKey: "Field",
-      paper: "Paper"
+      paper: "Paper",
+      browserPrint: "Browser Print",
+      silentPrint: "Silent Print",
+      batchPrint: "Batch Print",
+      batchPrinting: "Preparing…",
+      batchCopies: "Copies per record",
+      batchHint: "{rows} records × copies = {total} pages (no client required)",
+      printClientConnected: "Print client connected",
+      printClientDisconnected: "Print client disconnected",
+      printClientConnect: "Connect Client",
+      printClientDisconnect: "Disconnect",
+      printClientNoPrinters: "No printers found",
+      defaultPrinter: "Default"
     },
     header: {
       title: "Print Designer"
@@ -4555,8 +5063,21 @@
     setConfig(config) {
       if (config) Object.assign(this.options, { config });
     }
-    setConnect(connect, _callback) {
+    setConnect(connect, callback2) {
+      var _a2, _b2;
       this.options.connect = connect;
+      const client = getPrintClient();
+      if (connect) {
+        void client.connect({
+          host: (_a2 = this.options.config) == null ? void 0 : _a2.host,
+          token: (_b2 = this.options.config) == null ? void 0 : _b2.token
+        }).then((status) => {
+          callback2 == null ? void 0 : callback2(status.connected, status.message);
+        });
+        return;
+      }
+      client.disconnect();
+      callback2 == null ? void 0 : callback2(false);
     }
     initProviders(providers) {
       initHiprint({
@@ -4565,9 +5086,9 @@
         config: this.options.config,
         paperList: this.options.paperList,
         onPaperApplied: () => {
-          var _a, _b;
+          var _a2, _b2;
           try {
-            (_b = (_a = this.ruler) == null ? void 0 : _a.redraw) == null ? void 0 : _b.call(_a);
+            (_b2 = (_a2 = this.ruler) == null ? void 0 : _a2.redraw) == null ? void 0 : _b2.call(_a2);
           } catch {
           }
         }
@@ -4582,7 +5103,7 @@
       list.forEach((m) => {
         try {
           const $els = $(m.container);
-          if ($els.length) vuePluginHiprint.hiprint.PrintElementTypeManager.buildByHtml($els);
+          if ($els.length) hiprint.PrintElementTypeManager.buildByHtml($els);
         } catch (e) {
           console.warn("buildByProvider", e);
         }
@@ -4595,20 +5116,20 @@
     // PrintTemplate lifecycle
     // -------------------------------------------------------------------------
     newPrintTemplate(template) {
-      const tpl = new vuePluginHiprint.hiprint.PrintTemplate({ template });
+      const tpl = new hiprint.PrintTemplate({ template });
       return tpl;
     }
     newDesigner(options, designOptions = {}) {
-      var _a, _b;
+      var _a2, _b2;
       if (this.printTemplate) {
         this.unbindSelectionEvents();
         this.unbindZoomEvents();
         try {
-          (_b = (_a = this.printTemplate).clear) == null ? void 0 : _b.call(_a);
+          (_b2 = (_a2 = this.printTemplate).clear) == null ? void 0 : _b2.call(_a2);
         } catch (_) {
         }
       }
-      const tpl = new vuePluginHiprint.hiprint.PrintTemplate({
+      const tpl = new hiprint.PrintTemplate({
         template: options.template,
         settingContainer: options.settingContainer ? options.settingContainer : `#${SETTING_CONTAINER_ID}`,
         paginationContainer: options.paginationContainer,
@@ -4616,19 +5137,19 @@
         history: options.history ?? true,
         onImageChooseClick: options.onImageChooseClick,
         onZoomChange: (scale) => {
-          var _a2;
+          var _a3;
           setZoom(scale);
-          (_a2 = options.onZoomChange) == null ? void 0 : _a2.call(options, scale);
+          (_a3 = options.onZoomChange) == null ? void 0 : _a3.call(options, scale);
         },
         onPanelAddClick: options.onPanelAddClick,
         onFunctionClick: options.onFunctionClick,
         onDataChanged: (type, json) => {
-          var _a2;
+          var _a3;
           this.history.refreshFromTemplate();
           this.refreshSelection();
           this.reapplyElementTransforms();
           designerStore.uiPulse += 1;
-          (_a2 = options.onDataChanged) == null ? void 0 : _a2.call(options, type, json);
+          (_a3 = options.onDataChanged) == null ? void 0 : _a3.call(options, type, json);
         },
         onUpdateError: options.onUpdateError
       });
@@ -4661,28 +5182,28 @@
       return tpl;
     }
     unbindSelectionEvents() {
-      var _a;
-      (_a = this.selectionEventCleanup) == null ? void 0 : _a.call(this);
+      var _a2;
+      (_a2 = this.selectionEventCleanup) == null ? void 0 : _a2.call(this);
       this.selectionEventCleanup = null;
     }
     unbindZoomEvents() {
-      var _a;
-      (_a = this.zoomEventCleanup) == null ? void 0 : _a.call(this);
+      var _a2;
+      (_a2 = this.zoomEventCleanup) == null ? void 0 : _a2.call(this);
       this.zoomEventCleanup = null;
     }
     /** Keep store/ruler in sync when hiprint paper scale changes (e.g. zoom toolbar). */
     bindZoomEvents(tpl) {
-      var _a;
+      var _a2;
       this.unbindZoomEvents();
-      const paper = (_a = tpl == null ? void 0 : tpl.editingPanel) == null ? void 0 : _a.designPaper;
+      const paper = (_a2 = tpl == null ? void 0 : tpl.editingPanel) == null ? void 0 : _a2.designPaper;
       if (!(paper == null ? void 0 : paper.subscribePaperBaseInfoChanged)) return;
       const onPaperInfo = (info) => {
-        var _a2, _b;
+        var _a3, _b2;
         if (typeof (info == null ? void 0 : info.scale) !== "number" || !(info.scale > 0)) return;
         const next = Math.max(ZOOM_MIN, Math.min(ZOOM_MAX, info.scale));
         if (Math.abs(next - this.state.zoom) < 1e-3) return;
         setZoom(next);
-        (_b = (_a2 = this.ruler) == null ? void 0 : _a2.redraw) == null ? void 0 : _b.call(_a2);
+        (_b2 = (_a3 = this.ruler) == null ? void 0 : _a3.redraw) == null ? void 0 : _b2.call(_a3);
       };
       paper.subscribePaperBaseInfoChanged(onPaperInfo);
       this.zoomEventCleanup = () => {
@@ -4693,23 +5214,23 @@
       };
     }
     syncZoomFromTemplate() {
-      var _a, _b;
+      var _a2, _b2;
       setZoom(this.getZoom());
-      (_b = (_a = this.ruler) == null ? void 0 : _a.redraw) == null ? void 0 : _b.call(_a);
+      (_b2 = (_a2 = this.ruler) == null ? void 0 : _a2.redraw) == null ? void 0 : _b2.call(_a2);
     }
     readTemplateScale() {
-      var _a, _b, _c;
+      var _a2, _b2, _c2;
       const tpl = this.printTemplate;
       if (!tpl) return null;
-      const scale = ((_b = (_a = tpl.editingPanel) == null ? void 0 : _a.designPaper) == null ? void 0 : _b.scale) ?? ((_c = tpl.editingPanel) == null ? void 0 : _c.scale) ?? tpl.scale;
+      const scale = ((_b2 = (_a2 = tpl.editingPanel) == null ? void 0 : _a2.designPaper) == null ? void 0 : _b2.scale) ?? ((_c2 = tpl.editingPanel) == null ? void 0 : _c2.scale) ?? tpl.scale;
       return typeof scale === "number" && scale > 0 ? scale : null;
     }
     /** Sync Vue selection state when hiprint selects / deselects print elements. */
     bindSelectionEvents(tpl) {
-      var _a;
+      var _a2;
       this.unbindSelectionEvents();
       if (typeof window === "undefined" || !tpl) return;
-      const eventBus = (_a = window.hinnn) == null ? void 0 : _a.event;
+      const eventBus = (_a2 = window.hinnn) == null ? void 0 : _a2.event;
       const tplId = tpl.id ?? tpl.templateId;
       if (!eventBus || tplId == null) return;
       const selectKey = `PrintElementSelectEventKey_${tplId}`;
@@ -4751,9 +5272,9 @@
       };
     }
     refreshPrintTemplate() {
-      var _a, _b;
+      var _a2, _b2;
       try {
-        (_b = (_a = this.printTemplate) == null ? void 0 : _a.refresh) == null ? void 0 : _b.call(_a);
+        (_b2 = (_a2 = this.printTemplate) == null ? void 0 : _a2.refresh) == null ? void 0 : _b2.call(_a2);
       } catch (_) {
       }
       this.reapplyElementTransforms();
@@ -4800,7 +5321,7 @@
       });
     }
     refreshSelection() {
-      var _a, _b, _c, _d;
+      var _a2, _b2, _c2, _d2;
       const tpl = this.printTemplate;
       if (!tpl) {
         setSelection({ count: 0, ids: [], elements: [] });
@@ -4808,15 +5329,15 @@
       }
       let els = [];
       try {
-        els = ((_a = tpl.getSelectEls) == null ? void 0 : _a.call(tpl)) ?? [];
+        els = ((_a2 = tpl.getSelectEls) == null ? void 0 : _a2.call(tpl)) ?? [];
       } catch {
       }
       if (!els.length) {
-        els = ((_d = (_c = (_b = tpl.editingPanel) == null ? void 0 : _b.printElements) == null ? void 0 : _c.filter) == null ? void 0 : _d.call(_c, (e) => {
-          var _a2, _b2, _c2, _d2;
+        els = ((_d2 = (_c2 = (_b2 = tpl.editingPanel) == null ? void 0 : _b2.printElements) == null ? void 0 : _c2.filter) == null ? void 0 : _d2.call(_c2, (e) => {
+          var _a3, _b3, _c3, _d3;
           if (e == null ? void 0 : e.selected) return true;
           try {
-            return !!((_b2 = (_a2 = e == null ? void 0 : e.designTarget) == null ? void 0 : _a2.hasClass) == null ? void 0 : _b2.call(_a2, "hiprint-printElement-selected")) || !!((_d2 = (_c2 = e == null ? void 0 : e.designTarget) == null ? void 0 : _c2.hasClass) == null ? void 0 : _d2.call(_c2, "selected"));
+            return !!((_b3 = (_a3 = e == null ? void 0 : e.designTarget) == null ? void 0 : _a3.hasClass) == null ? void 0 : _b3.call(_a3, "hiprint-printElement-selected")) || !!((_d3 = (_c3 = e == null ? void 0 : e.designTarget) == null ? void 0 : _c3.hasClass) == null ? void 0 : _d3.call(_c3, "selected"));
           } catch {
             return false;
           }
@@ -4830,25 +5351,25 @@
     }
     /** Select a print element from auxiliary panels (page structure, etc.). */
     selectPrintElement(item) {
-      var _a, _b, _c, _d, _e, _f, _g;
+      var _a2, _b2, _c2, _d2, _e, _f, _g;
       const tpl = this.printTemplate;
       if (!tpl || !item) return;
       const $ = typeof window !== "undefined" ? window.$ || window.jQuery : null;
       const dt = $ == null ? void 0 : $(item.designTarget);
       if ($ && (dt == null ? void 0 : dt.length)) {
-        (_b = (_a = tpl.editingPanel) == null ? void 0 : _a.printElements) == null ? void 0 : _b.forEach((el) => {
+        (_b2 = (_a2 = tpl.editingPanel) == null ? void 0 : _a2.printElements) == null ? void 0 : _b2.forEach((el) => {
           if (el === item) return;
           const target = $(el.designTarget);
           if (!(target == null ? void 0 : target.length)) return;
           target.children("div[panelindex]").removeClass("selected").css({ display: "none" });
         });
-        const type = String(((_c = item.printElementType) == null ? void 0 : _c.type) || "");
+        const type = String(((_c2 = item.printElementType) == null ? void 0 : _c2.type) || "");
         if (type.includes("table")) {
           dt.find("tr:first td:first").trigger("click");
         } else {
           dt.children("div[panelindex]").addClass("selected").css({ display: "block" });
           try {
-            (_f = (_e = (_d = dt.data("hidraggable")) == null ? void 0 : _d.options) == null ? void 0 : _e.onBeforeSelectAllDrag) == null ? void 0 : _f.call(dt[0], {});
+            (_f = (_e = (_d2 = dt.data("hidraggable")) == null ? void 0 : _d2.options) == null ? void 0 : _e.onBeforeSelectAllDrag) == null ? void 0 : _f.call(dt[0], {});
           } catch {
           }
         }
@@ -4871,10 +5392,10 @@
       const $ = typeof window !== "undefined" ? window.$ || window.jQuery : null;
       if (!$) return;
       items.forEach((item) => {
-        var _a, _b, _c, _d;
+        var _a2, _b2, _c2, _d2;
         const dt = $(item.designTarget);
         if (!(dt == null ? void 0 : dt.length)) return;
-        const type = String(((_a = item.printElementType) == null ? void 0 : _a.type) || "");
+        const type = String(((_a2 = item.printElementType) == null ? void 0 : _a2.type) || "");
         if (type.includes("table")) {
           dt.find("tr:first td:first").trigger("click");
           return;
@@ -4882,7 +5403,7 @@
         dt.children("div[panelindex]").addClass("selected").css({ display: "block" });
         try {
           const dom = dt[0];
-          (_d = (_c = (_b = dt.data("hidraggable")) == null ? void 0 : _b.options) == null ? void 0 : _c.onBeforeSelectAllDrag) == null ? void 0 : _d.call(dom, {});
+          (_d2 = (_c2 = (_b2 = dt.data("hidraggable")) == null ? void 0 : _b2.options) == null ? void 0 : _c2.onBeforeSelectAllDrag) == null ? void 0 : _d2.call(dom, {});
         } catch {
         }
       });
@@ -4896,9 +5417,9 @@
     // Persistence / IO
     // -------------------------------------------------------------------------
     getTemplateJson() {
-      var _a, _b;
+      var _a2, _b2;
       try {
-        return ((_b = (_a = this.printTemplate) == null ? void 0 : _a.getJson) == null ? void 0 : _b.call(_a)) ?? null;
+        return ((_b2 = (_a2 = this.printTemplate) == null ? void 0 : _a2.getJson) == null ? void 0 : _b2.call(_a2)) ?? null;
       } catch {
         return null;
       }
@@ -4907,11 +5428,11 @@
       return `tpl:${this.options.templateKey || "default"}`;
     }
     save() {
-      var _a, _b;
+      var _a2, _b2;
       const json = this.getTemplateJson();
       if (!json) return;
       const key = this.options.templateKey || "default";
-      const blocked = ((_b = (_a = this.options.events) == null ? void 0 : _a.onSave) == null ? void 0 : _b.call(_a, key, json)) === false;
+      const blocked = ((_b2 = (_a2 = this.options.events) == null ? void 0 : _a2.onSave) == null ? void 0 : _b2.call(_a2, key, json)) === false;
       if (blocked) return;
       writeJSON(this.templateStorageKey(), json);
     }
@@ -4924,9 +5445,9 @@
       return openJsonEditorModal(options);
     }
     async edit() {
-      var _a, _b;
+      var _a2, _b2;
       const json = this.getTemplateJson();
-      if (((_b = (_a = this.options.events) == null ? void 0 : _a.onEdit) == null ? void 0 : _b.call(_a, json)) === false) return;
+      if (((_b2 = (_a2 = this.options.events) == null ? void 0 : _a2.onEdit) == null ? void 0 : _b2.call(_a2, json)) === false) return;
       try {
         const next = await this.openJsonEditor({
           title: translate("designer.editTemplate"),
@@ -4946,8 +5467,8 @@
       }
     }
     async editData() {
-      var _a, _b, _c;
-      if (((_b = (_a = this.options.events) == null ? void 0 : _a.onEditData) == null ? void 0 : _b.call(_a, this.printData)) === false) return;
+      var _a2, _b2, _c2;
+      if (((_b2 = (_a2 = this.options.events) == null ? void 0 : _a2.onEditData) == null ? void 0 : _b2.call(_a2, this.printData)) === false) return;
       try {
         const schema = extractTemplateFields(this.getTemplateJson());
         const host = this.printDataEditor;
@@ -4972,7 +5493,7 @@
         });
         if (next == null) return;
         this.setPrintData(next);
-        (_c = this.onPrintDataChange) == null ? void 0 : _c.call(this, next);
+        (_c2 = this.onPrintDataChange) == null ? void 0 : _c2.call(this, next);
       } catch (e) {
         console.error("[vue3-print-designer] edit print data failed", e);
       }
@@ -4997,8 +5518,8 @@
       input.type = "file";
       input.accept = ".json,application/json";
       input.onchange = () => {
-        var _a;
-        const file = (_a = input.files) == null ? void 0 : _a[0];
+        var _a2;
+        const file = (_a2 = input.files) == null ? void 0 : _a2[0];
         if (!file) return;
         const reader = new FileReader();
         reader.onload = () => {
@@ -5015,15 +5536,15 @@
     }
     /** Import onto existing paper(s) without creating extra panels. */
     applyImportTemplateJson(json) {
-      var _a, _b, _c, _d, _e;
+      var _a2, _b2, _c2, _d2, _e;
       const tpl = this.printTemplate;
       const currentJson = this.getTemplateJson();
-      if (!(tpl == null ? void 0 : tpl.update) || !((_a = currentJson == null ? void 0 : currentJson.panels) == null ? void 0 : _a.length)) {
+      if (!(tpl == null ? void 0 : tpl.update) || !((_a2 = currentJson == null ? void 0 : currentJson.panels) == null ? void 0 : _a2.length)) {
         this.applyTemplateJson(json);
         return;
       }
       const merged = mergeImportOntoCurrentPanels(currentJson, json);
-      const activeIndex = ((_b = tpl.editingPanel) == null ? void 0 : _b.index) ?? ((_d = (_c = tpl.printPanels) == null ? void 0 : _c[0]) == null ? void 0 : _d.index) ?? 0;
+      const activeIndex = ((_b2 = tpl.editingPanel) == null ? void 0 : _b2.index) ?? ((_d2 = (_c2 = tpl.printPanels) == null ? void 0 : _c2[0]) == null ? void 0 : _d2.index) ?? 0;
       try {
         tpl.update(merged, activeIndex);
       } catch (e) {
@@ -5038,33 +5559,53 @@
       if (nextJson) (_e = this.onTemplateChange) == null ? void 0 : _e.call(this, nextJson);
     }
     applyTemplateJson(json) {
-      var _a;
+      var _a2;
       this.newDesigner(
         { template: json, history: true, dataMode: 1 },
         this.options.designOptions || {}
       );
-      (_a = this.onTemplateChange) == null ? void 0 : _a.call(this, json);
+      (_a2 = this.onTemplateChange) == null ? void 0 : _a2.call(this, json);
     }
     getPrinterList() {
-      var _a, _b;
-      try {
-        return ((_b = (_a = vuePluginHiprint.hiprint.hiwebSocket) == null ? void 0 : _a.getPrinterList) == null ? void 0 : _b.call(_a)) ?? [];
-      } catch {
-        return [];
+      return getPrintClient().getPrinterList();
+    }
+    getPrintClientStatus() {
+      return getPrintClient().getStatus();
+    }
+    /**
+     * Browser-side batch print. Combines records into a single print job —
+     * works without electron-hiprint. `printDataList` can be a single
+     * object or an array; each record can also be printed multiple times
+     * via `options.copies`.
+     */
+    async batchPrint(printDataList, options) {
+      if (!this.printTemplate) {
+        throw new Error("[print-designer] No active print template.");
+      }
+      const data2 = printDataList ?? this.printData ?? {};
+      const list = Array.isArray(data2) ? data2 : [data2];
+      await this.plugins.run("beforePrint", this.printTemplate, this);
+      await batchPrint(this.printTemplate, list, options);
+    }
+    async print2(printData, options) {
+      const data2 = printData ?? this.printData;
+      if (!this.printTemplate) {
+        throw new Error("[print-designer] No active print template.");
       }
+      return getPrintClient().printByInstance(this.printTemplate, data2, options);
     }
     // -------------------------------------------------------------------------
     // Zoom / view-port helpers
     // -------------------------------------------------------------------------
     setZoom(value) {
-      var _a, _b, _c, _d;
+      var _a2, _b2, _c2, _d2;
       const scale = Math.max(ZOOM_MIN, Math.min(ZOOM_MAX, Number.isFinite(value) ? value : 1));
       setZoom(scale);
       try {
-        (_b = (_a = this.printTemplate) == null ? void 0 : _a.zoom) == null ? void 0 : _b.call(_a, scale);
+        (_b2 = (_a2 = this.printTemplate) == null ? void 0 : _a2.zoom) == null ? void 0 : _b2.call(_a2, scale);
       } catch (_) {
       }
-      (_d = (_c = this.ruler) == null ? void 0 : _c.redraw) == null ? void 0 : _d.call(_c);
+      (_d2 = (_c2 = this.ruler) == null ? void 0 : _c2.redraw) == null ? void 0 : _d2.call(_c2);
     }
     getZoom() {
       const scale = this.readTemplateScale();
@@ -5086,10 +5627,10 @@
       return this.getZoom() > ZOOM_MIN + 1e-3;
     }
     adaptToSize() {
-      var _a;
+      var _a2;
       if (typeof window === "undefined") return;
       const host = document.getElementById(DESIGN_CONTAINER_ID);
-      const paper = (_a = host == null ? void 0 : host.querySelector) == null ? void 0 : _a.call(host, ".hiprint-printPanel, .hiprint-printPaper");
+      const paper = (_a2 = host == null ? void 0 : host.querySelector) == null ? void 0 : _a2.call(host, ".hiprint-printPanel, .hiprint-printPaper");
       if (!host || !paper) return;
       const hostRect = host.getBoundingClientRect();
       const zoom = Math.max(ZOOM_MIN, this.getZoom());
@@ -5108,24 +5649,24 @@
       return [...this.getPanelElements()];
     }
     getSelectedElements() {
-      var _a;
+      var _a2;
       const tpl = this.printTemplate;
       if (!tpl) return [];
       let els = [];
       try {
-        els = ((_a = tpl.getSelectEls) == null ? void 0 : _a.call(tpl)) ?? [];
+        els = ((_a2 = tpl.getSelectEls) == null ? void 0 : _a2.call(tpl)) ?? [];
       } catch {
       }
       if (!els.length) els = this.state.selection.elements;
       return els.filter(Boolean);
     }
     getPanelElements() {
-      var _a, _b;
-      return ((_b = (_a = this.printTemplate) == null ? void 0 : _a.editingPanel) == null ? void 0 : _b.printElements) ?? [];
+      var _a2, _b2;
+      return ((_b2 = (_a2 = this.printTemplate) == null ? void 0 : _a2.editingPanel) == null ? void 0 : _b2.printElements) ?? [];
     }
     getExplicitZIndex(el) {
-      var _a;
-      const raw = (_a = el == null ? void 0 : el.options) == null ? void 0 : _a.zIndex;
+      var _a2;
+      const raw = (_a2 = el == null ? void 0 : el.options) == null ? void 0 : _a2.zIndex;
       if (raw != null && raw !== "" && Number.isFinite(Number(raw))) return Number(raw);
       return null;
     }
@@ -5133,7 +5674,7 @@
       this.updateElementOption(el, "zIndex", zIndex, true);
     }
     updateElementOption(el, name, value, silent = true) {
-      var _a;
+      var _a2;
       try {
         if (typeof (el == null ? void 0 : el.updateOption) === "function") {
           el.updateOption(name, value, silent);
@@ -5143,34 +5684,34 @@
       }
       try {
         el.options[name] = value;
-        (_a = el.updateDesignViewFromOptions) == null ? void 0 : _a.call(el);
+        (_a2 = el.updateDesignViewFromOptions) == null ? void 0 : _a2.call(el);
         return true;
       } catch {
       }
       return false;
     }
     getElementFontSize(el) {
-      var _a, _b;
-      const raw = (_a = el == null ? void 0 : el.options) == null ? void 0 : _a.fontSize;
+      var _a2, _b2;
+      const raw = (_a2 = el == null ? void 0 : el.options) == null ? void 0 : _a2.fontSize;
       const size = Number(raw);
       if (Number.isFinite(size) && size > 0) return size;
-      const typeDefault = Number((_b = el == null ? void 0 : el.printElementType) == null ? void 0 : _b.fontSize);
+      const typeDefault = Number((_b2 = el == null ? void 0 : el.printElementType) == null ? void 0 : _b2.fontSize);
       return Number.isFinite(typeDefault) && typeDefault > 0 ? typeDefault : 12;
     }
     resolveElementTid(el) {
-      var _a, _b;
-      const tid = ((_a = el == null ? void 0 : el.printElementType) == null ? void 0 : _a.tid) ?? (el == null ? void 0 : el.tid);
+      var _a2, _b2;
+      const tid = ((_a2 = el == null ? void 0 : el.printElementType) == null ? void 0 : _a2.tid) ?? (el == null ? void 0 : el.tid);
       if (tid) return String(tid);
-      const type = String(((_b = el == null ? void 0 : el.printElementType) == null ? void 0 : _b.type) || "");
+      const type = String(((_b2 = el == null ? void 0 : el.printElementType) == null ? void 0 : _b2.type) || "");
       if (!type) return null;
       return `defaultModule.${type}`;
     }
     serializeElement(el) {
-      var _a, _b;
+      var _a2, _b2;
       if (!el) return null;
       try {
         const tid = this.resolveElementTid(el);
-        const optionsSource = ((_b = (_a = el.options) == null ? void 0 : _a.getPrintElementOptionEntity) == null ? void 0 : _b.call(_a)) ?? el.options ?? {};
+        const optionsSource = ((_b2 = (_a2 = el.options) == null ? void 0 : _a2.getPrintElementOptionEntity) == null ? void 0 : _b2.call(_a2)) ?? el.options ?? {};
         const options = JSON.parse(JSON.stringify(optionsSource));
         const printElementType = el.printElementType ? JSON.parse(JSON.stringify(el.printElementType)) : void 0;
         if (!tid && !(printElementType == null ? void 0 : printElementType.type)) return null;
@@ -5187,15 +5728,15 @@
       return copy;
     }
     insertElementEntity(entity, initSizeByHtml = false) {
-      var _a, _b, _c, _d, _e, _f, _g, _h;
-      const panel = (_a = this.printTemplate) == null ? void 0 : _a.editingPanel;
+      var _a2, _b2, _c2, _d2, _e, _f, _g, _h;
+      const panel = (_a2 = this.printTemplate) == null ? void 0 : _a2.editingPanel;
       const tpl = this.printTemplate;
-      if (!panel || !(entity == null ? void 0 : entity.tid) && !((_b = entity == null ? void 0 : entity.printElementType) == null ? void 0 : _b.type)) return null;
+      if (!panel || !(entity == null ? void 0 : entity.tid) && !((_b2 = entity == null ? void 0 : entity.printElementType) == null ? void 0 : _b2.type)) return null;
       try {
-        const type = (_c = panel.getPrintElementTypeByEntity) == null ? void 0 : _c.call(panel, entity);
+        const type = (_c2 = panel.getPrintElementTypeByEntity) == null ? void 0 : _c2.call(panel, entity);
         if (!(type == null ? void 0 : type.createPrintElement)) return null;
         const el = type.createPrintElement(entity.options);
-        (_d = el.setTemplateId) == null ? void 0 : _d.call(el, tpl.id ?? tpl.templateId);
+        (_d2 = el.setTemplateId) == null ? void 0 : _d2.call(el, tpl.id ?? tpl.templateId);
         (_e = el.setPanel) == null ? void 0 : _e.call(el, panel);
         (_f = panel.appendDesignPrintElement) == null ? void 0 : _f.call(panel, panel.designPaper, el, initSizeByHtml);
         panel.printElements.push(el);
@@ -5211,7 +5752,7 @@
     }
     /** Insert a new canvas element by hiprint `tid` (e.g. `defaultModule.text`). */
     addElementByTid(tid, options = {}) {
-      var _a;
+      var _a2;
       const left = Number.isFinite(options.left) ? Number(options.left) : 60;
       const top = Number.isFinite(options.top) ? Number(options.top) : 60;
       const el = this.insertElementEntity({ tid, options: { left, top } }, true);
@@ -5219,20 +5760,20 @@
       this.markTemplateChanged("新增元素");
       this.selectPrintElement(el);
       const json = this.getTemplateJson();
-      if (json) (_a = this.onTemplateChange) == null ? void 0 : _a.call(this, json);
+      if (json) (_a2 = this.onTemplateChange) == null ? void 0 : _a2.call(this, json);
       return el;
     }
     /** Clone a live print element using hiprint's native clone path. */
     duplicateElement(el, delta = 10) {
-      var _a, _b, _c, _d, _e, _f, _g;
-      const panel = (_a = this.printTemplate) == null ? void 0 : _a.editingPanel;
+      var _a2, _b2, _c2, _d2, _e, _f, _g;
+      const panel = (_a2 = this.printTemplate) == null ? void 0 : _a2.editingPanel;
       const tpl = this.printTemplate;
       if (!panel || !tpl || !el) return null;
       try {
         let copy = null;
         if (typeof el.clone === "function") {
           copy = el.clone();
-        } else if ((_b = el.printElementType) == null ? void 0 : _b.createPrintElement) {
+        } else if ((_b2 = el.printElementType) == null ? void 0 : _b2.createPrintElement) {
           copy = el.printElementType.createPrintElement();
           Object.keys(el.options || {}).forEach((key) => {
             copy.options[key] = el.options[key];
@@ -5245,8 +5786,8 @@
         else copy.options.left = left;
         if (typeof copy.options.setTop === "function") copy.options.setTop(top);
         else copy.options.top = top;
-        (_c = copy.setTemplateId) == null ? void 0 : _c.call(copy, tpl.id ?? tpl.templateId);
-        (_d = copy.setPanel) == null ? void 0 : _d.call(copy, panel);
+        (_c2 = copy.setTemplateId) == null ? void 0 : _c2.call(copy, tpl.id ?? tpl.templateId);
+        (_d2 = copy.setPanel) == null ? void 0 : _d2.call(copy, panel);
         (_e = panel.appendDesignPrintElement) == null ? void 0 : _e.call(panel, panel.designPaper, copy, false);
         panel.printElements.push(copy);
         (_f = copy.design) == null ? void 0 : _f.call(copy, void 0, panel.designPaper);
@@ -5260,15 +5801,15 @@
       }
     }
     setElementDraggable(el, draggable) {
-      var _a, _b, _c, _d;
+      var _a2, _b2, _c2, _d2;
       if (!(el == null ? void 0 : el.options)) return;
       el.options.draggable = draggable;
       try {
-        (_b = (_a = el.designTarget) == null ? void 0 : _a.hidraggable) == null ? void 0 : _b.call(_a, "update", { draggable });
+        (_b2 = (_a2 = el.designTarget) == null ? void 0 : _a2.hidraggable) == null ? void 0 : _b2.call(_a2, "update", { draggable });
       } catch {
       }
       try {
-        (_d = (_c = el.designTarget) == null ? void 0 : _c.hireizeable) == null ? void 0 : _d.call(_c, "update", { draggable });
+        (_d2 = (_c2 = el.designTarget) == null ? void 0 : _c2.hireizeable) == null ? void 0 : _d2.call(_c2, "update", { draggable });
       } catch {
       }
     }
@@ -5289,13 +5830,13 @@
       ];
     }
     syncPanelElementOrder(ordered) {
-      var _a, _b;
-      const panel = (_a = this.printTemplate) == null ? void 0 : _a.editingPanel;
+      var _a2, _b2;
+      const panel = (_a2 = this.printTemplate) == null ? void 0 : _a2.editingPanel;
       if (!panel) return;
       panel.printElements = ordered;
       try {
         const $ = window.jQuery || window.$;
-        const container = ((_b = panel.designPaper) == null ? void 0 : _b.target) ?? panel.target;
+        const container = ((_b2 = panel.designPaper) == null ? void 0 : _b2.target) ?? panel.target;
         if ($ && (container == null ? void 0 : container.length)) {
           ordered.forEach((el) => {
             if (el == null ? void 0 : el.designTarget) $(el.designTarget).appendTo(container);
@@ -5305,37 +5846,37 @@
       }
     }
     getPanelSizePt(panel) {
-      var _a;
+      var _a2;
       const hinnn = window.hinnn;
       const mmW = Number((panel == null ? void 0 : panel.width) ?? (panel == null ? void 0 : panel.mmwidth) ?? 0);
       const mmH = Number((panel == null ? void 0 : panel.height) ?? (panel == null ? void 0 : panel.mmheight) ?? 0);
-      if ((_a = hinnn == null ? void 0 : hinnn.mm) == null ? void 0 : _a.toPt) {
+      if ((_a2 = hinnn == null ? void 0 : hinnn.mm) == null ? void 0 : _a2.toPt) {
         return { width: hinnn.mm.toPt(mmW), height: hinnn.mm.toPt(mmH) };
       }
       return { width: mmW, height: mmH };
     }
     getElementRect(el) {
-      var _a, _b, _c, _d;
+      var _a2, _b2, _c2, _d2;
       const opts = el == null ? void 0 : el.options;
       if (!opts) return null;
-      const left = Number(((_a = opts.getLeft) == null ? void 0 : _a.call(opts)) ?? opts.left ?? 0);
-      const top = Number(((_b = opts.getTop) == null ? void 0 : _b.call(opts)) ?? opts.top ?? 0);
-      const width = Number(((_c = opts.getWidth) == null ? void 0 : _c.call(opts)) ?? opts.width ?? 0);
-      const height = Number(((_d = opts.getHeight) == null ? void 0 : _d.call(opts)) ?? opts.height ?? 0);
+      const left = Number(((_a2 = opts.getLeft) == null ? void 0 : _a2.call(opts)) ?? opts.left ?? 0);
+      const top = Number(((_b2 = opts.getTop) == null ? void 0 : _b2.call(opts)) ?? opts.top ?? 0);
+      const width = Number(((_c2 = opts.getWidth) == null ? void 0 : _c2.call(opts)) ?? opts.width ?? 0);
+      const height = Number(((_d2 = opts.getHeight) == null ? void 0 : _d2.call(opts)) ?? opts.height ?? 0);
       return { el, left, top, width, height, right: left + width, bottom: top + height };
     }
     applyElementPosition(el, left, top) {
-      var _a, _b, _c, _d, _e, _f, _g, _h;
+      var _a2, _b2, _c2, _d2, _e, _f, _g, _h;
       const opts = el == null ? void 0 : el.options;
       if (!opts) return;
-      const width = Number(((_a = opts.getWidth) == null ? void 0 : _a.call(opts)) ?? opts.width ?? 0);
-      const height = Number(((_b = opts.getHeight) == null ? void 0 : _b.call(opts)) ?? opts.height ?? 0);
+      const width = Number(((_a2 = opts.getWidth) == null ? void 0 : _a2.call(opts)) ?? opts.width ?? 0);
+      const height = Number(((_b2 = opts.getHeight) == null ? void 0 : _b2.call(opts)) ?? opts.height ?? 0);
       try {
         if (typeof el.updateSizeAndPositionOptions === "function") {
           el.updateSizeAndPositionOptions(left, top, width, height);
         } else {
-          (_c = opts.setLeft) == null ? void 0 : _c.call(opts, left);
-          (_d = opts.setTop) == null ? void 0 : _d.call(opts, top);
+          (_c2 = opts.setLeft) == null ? void 0 : _c2.call(opts, left);
+          (_d2 = opts.setTop) == null ? void 0 : _d2.call(opts, top);
           (_e = opts.copyDesignTopFromTop) == null ? void 0 : _e.call(opts);
         }
       } catch {
@@ -5351,14 +5892,14 @@
       }
     }
     markTemplateChanged(label = HISTORY_PARAM) {
-      var _a, _b, _c;
+      var _a2, _b2;
       const tpl = this.printTemplate;
       if (!tpl) return;
       try {
-        const lib = ((_a = vuePluginHiprint.hiprint) == null ? void 0 : _a.instance) ?? ((_b = window.HiPrintlib) == null ? void 0 : _b.instance);
+        const lib = (hiprint == null ? void 0 : hiprint.instance) ?? ((_a2 = window.HiPrintlib) == null ? void 0 : _a2.instance);
         if (lib) lib.changed = true;
         const tplId = tpl.id ?? tpl.templateId;
-        const bus = (_c = window.hinnn) == null ? void 0 : _c.event;
+        const bus = (_b2 = window.hinnn) == null ? void 0 : _b2.event;
         if (bus && tplId != null) bus.trigger(`hiprintTemplateDataChanged_${tplId}`, label);
       } catch {
       }
@@ -5366,7 +5907,7 @@
       this.history.refreshFromTemplate();
     }
     align(side) {
-      var _a;
+      var _a2;
       const tpl = this.printTemplate;
       if (!tpl) return;
       const rects = this.getSelectedElements().map((el) => this.getElementRect(el)).filter(Boolean);
@@ -5376,7 +5917,7 @@
       let refRight;
       let refBottom;
       if (rects.length === 1) {
-        const panel = tpl.editingPanel ?? ((_a = rects[0].el) == null ? void 0 : _a.panel);
+        const panel = tpl.editingPanel ?? ((_a2 = rects[0].el) == null ? void 0 : _a2.panel);
         const { width, height } = this.getPanelSizePt(panel);
         refLeft = 0;
         refTop = 0;
@@ -5422,9 +5963,9 @@
     callOnSelection(method, ...args) {
       const els = this.state.selection.elements;
       els.forEach((el) => {
-        var _a;
+        var _a2;
         try {
-          (_a = el == null ? void 0 : el[method]) == null ? void 0 : _a.call(el, ...args);
+          (_a2 = el == null ? void 0 : el[method]) == null ? void 0 : _a2.call(el, ...args);
         } catch (_) {
         }
       });
@@ -5489,15 +6030,15 @@
     isSelectionLocked() {
       const selected = this.getSelectedElements();
       return selected.length > 0 && selected.every((el) => {
-        var _a;
-        return ((_a = el == null ? void 0 : el.options) == null ? void 0 : _a.draggable) === false;
+        var _a2;
+        return ((_a2 = el == null ? void 0 : el.options) == null ? void 0 : _a2.draggable) === false;
       });
     }
     isSelectionUnlocked() {
       const selected = this.getSelectedElements();
       return selected.length > 0 && selected.every((el) => {
-        var _a;
-        return ((_a = el == null ? void 0 : el.options) == null ? void 0 : _a.draggable) !== false;
+        var _a2;
+        return ((_a2 = el == null ? void 0 : el.options) == null ? void 0 : _a2.draggable) !== false;
       });
     }
     setLock(locked) {
@@ -5548,17 +6089,17 @@
       designerStore.uiPulse += 1;
     }
     delete() {
-      var _a;
+      var _a2;
       const selected = this.getSelectedElements();
-      const panel = (_a = this.printTemplate) == null ? void 0 : _a.editingPanel;
+      const panel = (_a2 = this.printTemplate) == null ? void 0 : _a2.editingPanel;
       if (!panel || !selected.length) return;
       selected.forEach((el) => {
-        var _a2, _b;
+        var _a3, _b2;
         try {
-          (_a2 = panel.deletePrintElement) == null ? void 0 : _a2.call(panel, el);
+          (_a3 = panel.deletePrintElement) == null ? void 0 : _a3.call(panel, el);
         } catch {
           try {
-            (_b = el == null ? void 0 : el.delete) == null ? void 0 : _b.call(el);
+            (_b2 = el == null ? void 0 : el.delete) == null ? void 0 : _b2.call(el);
           } catch {
           }
         }
@@ -5568,15 +6109,15 @@
     }
     /** Delete a single element from the structure panel or other auxiliary UI. */
     deletePrintElement(item) {
-      var _a, _b, _c;
+      var _a2, _b2, _c2;
       if (!item) return;
-      const panel = (_a = this.printTemplate) == null ? void 0 : _a.editingPanel;
+      const panel = (_a2 = this.printTemplate) == null ? void 0 : _a2.editingPanel;
       if (!panel) return;
       try {
-        (_b = panel.deletePrintElement) == null ? void 0 : _b.call(panel, item);
+        (_b2 = panel.deletePrintElement) == null ? void 0 : _b2.call(panel, item);
       } catch {
         try {
-          (_c = item == null ? void 0 : item.delete) == null ? void 0 : _c.call(item);
+          (_c2 = item == null ? void 0 : item.delete) == null ? void 0 : _c2.call(item);
         } catch {
         }
       }
@@ -5601,14 +6142,14 @@
       this.markTemplateChanged(HISTORY_ALIGN);
     }
     clearPanel() {
-      var _a;
-      const panel = (_a = this.printTemplate) == null ? void 0 : _a.editingPanel;
+      var _a2;
+      const panel = (_a2 = this.printTemplate) == null ? void 0 : _a2.editingPanel;
       if (!panel) return;
       const list = (panel.printElements ?? []).slice();
       list.forEach((el) => {
-        var _a2;
+        var _a3;
         try {
-          (_a2 = panel.deletePrintElement) == null ? void 0 : _a2.call(panel, el);
+          (_a3 = panel.deletePrintElement) == null ? void 0 : _a3.call(panel, el);
         } catch (_) {
         }
       });
@@ -5860,14 +6401,14 @@
       });
     }
     vueDemi.onMounted(() => {
-      var _a;
+      var _a2;
       const scroller = opts.scrollerEl();
       scrollHandler = () => schedule();
       scroller == null ? void 0 : scroller.addEventListener("scroll", scrollHandler, { passive: true });
       if (typeof ResizeObserver !== "undefined") {
         resizeObserver = new ResizeObserver(() => schedule());
         if (scroller) resizeObserver.observe(scroller);
-        const workspace = (_a = opts.workspaceEl) == null ? void 0 : _a.call(opts);
+        const workspace = (_a2 = opts.workspaceEl) == null ? void 0 : _a2.call(opts);
         if (workspace) resizeObserver.observe(workspace);
         const host = document.getElementById(DESIGN_CONTAINER_ID);
         if (host) resizeObserver.observe(host);
@@ -7819,12 +8360,12 @@ ${lines.join("\n")}
   const _hoisted_5$a = { class: "svp-header__center" };
   const _hoisted_6$6 = ["title"];
   const _hoisted_7$6 = ["title"];
-  const _hoisted_8$4 = ["title"];
-  const _hoisted_9$3 = ["title"];
-  const _hoisted_10$2 = ["title"];
-  const _hoisted_11$1 = ["title"];
-  const _hoisted_12$1 = ["title", "onClick"];
-  const _hoisted_13$1 = { class: "svp-header__aside svp-header__aside--right" };
+  const _hoisted_8$5 = ["title"];
+  const _hoisted_9$4 = ["title"];
+  const _hoisted_10$3 = ["title"];
+  const _hoisted_11$2 = ["title"];
+  const _hoisted_12$2 = ["title", "onClick"];
+  const _hoisted_13$2 = { class: "svp-header__aside svp-header__aside--right" };
   function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_SvpIcon = Vue.resolveComponent("SvpIcon");
     return Vue.openBlock(), Vue.createElementBlock("header", _hoisted_1$c, [
@@ -7875,7 +8416,7 @@ ${lines.join("\n")}
               size: 22
             }, null, 8, ["icon"]),
             Vue.createElementVNode("span", null, Vue.toDisplayString(_ctx.t("designer.exportFile")), 1)
-          ], 8, _hoisted_8$4),
+          ], 8, _hoisted_8$5),
           Vue.createElementVNode("button", {
             type: "button",
             class: "svp-header__menu",
@@ -7887,7 +8428,7 @@ ${lines.join("\n")}
               size: 22
             }, null, 8, ["icon"]),
             Vue.createElementVNode("span", null, Vue.toDisplayString(_ctx.t("designer.importFile")), 1)
-          ], 8, _hoisted_9$3),
+          ], 8, _hoisted_9$4),
           Vue.createElementVNode("button", {
             type: "button",
             class: "svp-header__menu",
@@ -7899,7 +8440,7 @@ ${lines.join("\n")}
               size: 22
             }, null, 8, ["icon"]),
             Vue.createElementVNode("span", null, Vue.toDisplayString(_ctx.t("designer.save")), 1)
-          ], 8, _hoisted_10$2),
+          ], 8, _hoisted_10$3),
           Vue.createElementVNode("button", {
             type: "button",
             class: "svp-header__menu",
@@ -7911,7 +8452,7 @@ ${lines.join("\n")}
               size: 22
             }, null, 8, ["icon"]),
             Vue.createElementVNode("span", null, Vue.toDisplayString(_ctx.t("designer.preview")), 1)
-          ], 8, _hoisted_11$1),
+          ], 8, _hoisted_11$2),
           _ctx.showElementBar ? (Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, { key: 0 }, [
             _cache[6] || (_cache[6] = Vue.createElementVNode("span", {
               class: "svp-header__divider",
@@ -7931,12 +8472,12 @@ ${lines.join("\n")}
                   size: 18
                 }, null, 8, ["icon"])) : Vue.createCommentVNode("", true),
                 Vue.createElementVNode("span", null, Vue.toDisplayString(item.label), 1)
-              ], 8, _hoisted_12$1);
+              ], 8, _hoisted_12$2);
             }), 128))
           ], 64)) : Vue.createCommentVNode("", true)
         ])
       ]),
-      Vue.createElementVNode("div", _hoisted_13$1, [
+      Vue.createElementVNode("div", _hoisted_13$2, [
         Vue.renderSlot(_ctx.$slots, "right")
       ])
     ]);
@@ -7980,8 +8521,8 @@ ${lines.join("\n")}
         designerStore.lang = next;
       }
       function onToolbarMouseDown(e) {
-        var _a;
-        if ((_a = e.target) == null ? void 0 : _a.closest("button")) {
+        var _a2;
+        if ((_a2 = e.target) == null ? void 0 : _a2.closest("button")) {
           e.preventDefault();
         }
       }
@@ -8191,105 +8732,210 @@ ${lines.join("\n")}
     ], 32);
   }
   const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b]]);
-  function resolvePreviewHtml(value) {
-    if (value == null || value === false) return "";
-    if (typeof value === "string") return value;
-    const any = value;
-    if (typeof any.html === "function") {
-      try {
-        const html = any.html();
-        if (typeof html === "string") return html;
-      } catch {
-      }
-    }
-    if (Array.isArray(value)) {
-      return value.map((item) => resolvePreviewHtml(item)).join("");
-    }
-    if (typeof any.length === "number" && any.length > 0 && any[0] != null) {
-      return resolvePreviewHtml(any[0]);
-    }
-    if (any.target != null) {
-      return resolvePreviewHtml(any.target);
-    }
-    return "";
-  }
   const _sfc_main$a = vueDemi.defineComponent({
     name: "SvpPreview",
     props: {
       options: { type: Object, default: () => ({}) }
     },
     setup(props, { expose }) {
+      var _a2;
       const { t } = useI18n();
       const utils = useDesigner();
       const visible = vueDemi.ref(false);
       const html = vueDemi.ref("");
-      const opts = vueDemi.reactive({ showPdf: true, showImg: true, showPrint2: true, ...props.options });
+      const opts = vueDemi.reactive({
+        showPdf: true,
+        showImg: true,
+        showBrowserPrint: true,
+        showPrint2: false,
+        showBatchPrint: true,
+        showPrintClient: false,
+        ...props.options
+      });
+      const clientStatus = vueDemi.ref({ connected: false });
+      const printers = vueDemi.ref([]);
+      const selectedPrinter = vueDemi.ref("");
+      const connecting = vueDemi.ref(false);
+      const batchCopies = vueDemi.ref(Math.max(1, Math.floor(((_a2 = props.options) == null ? void 0 : _a2.defaultCopies) ?? 1)));
+      const batchPrinting = vueDemi.ref(false);
       const tpl = vueDemi.computed(() => utils.printTemplate);
       const canExportPdf = vueDemi.computed(() => {
-        var _a;
+        var _a3;
         if (opts.showPdf === false) return false;
-        return typeof ((_a = tpl.value) == null ? void 0 : _a.toPdf) === "function";
+        return typeof ((_a3 = tpl.value) == null ? void 0 : _a3.toPdf) === "function";
       });
       const canExportImage = vueDemi.computed(() => {
-        var _a;
+        var _a3;
         if (opts.showImg === false) return false;
-        return typeof ((_a = tpl.value) == null ? void 0 : _a.toImage) === "function";
+        return typeof ((_a3 = tpl.value) == null ? void 0 : _a3.toImage) === "function";
       });
-      const canPrint = vueDemi.computed(() => {
-        var _a;
-        if (opts.showPrint2 === false) return false;
-        return typeof ((_a = tpl.value) == null ? void 0 : _a.print) === "function";
+      const canBrowserPrint = vueDemi.computed(() => {
+        var _a3;
+        if (opts.showBrowserPrint === false) return false;
+        return typeof ((_a3 = tpl.value) == null ? void 0 : _a3.print) === "function";
       });
+      const canSilentPrint = vueDemi.computed(() => {
+        var _a3;
+        if (opts.showPrint2 === false || opts.showSilentPrint === false) return false;
+        return typeof ((_a3 = tpl.value) == null ? void 0 : _a3.print2) === "function";
+      });
+      const showPrintClientBar = vueDemi.computed(() => {
+        if (opts.showPrintClient === true) return true;
+        return canSilentPrint.value;
+      });
+      const canBatchPrint = vueDemi.computed(() => {
+        var _a3;
+        if (opts.showBatchPrint === false) return false;
+        return typeof ((_a3 = tpl.value) == null ? void 0 : _a3.getHtml) === "function";
+      });
+      const batchDataRows = vueDemi.computed(() => {
+        const data2 = utils.printData;
+        if (Array.isArray(data2)) return data2.length;
+        return data2 == null ? 0 : 1;
+      });
+      const batchTotalPages = vueDemi.computed(() => {
+        const copies = Math.max(1, Math.floor(batchCopies.value || 1));
+        return batchDataRows.value * copies;
+      });
+      const batchHintText = vueDemi.computed(() => {
+        const template = t("designer.batchHint");
+        return template.replace("{rows}", String(batchDataRows.value)).replace("{total}", String(batchTotalPages.value));
+      });
+      function formatPrinterLabel(printer) {
+        const label = printer.displayName || printer.name;
+        return printer.isDefault ? `${label} (${t("designer.defaultPrinter")})` : label;
+      }
+      function syncDefaultPrinter(list) {
+        if (!list.length) {
+          selectedPrinter.value = "";
+          return;
+        }
+        if (selectedPrinter.value && list.some((item) => item.name === selectedPrinter.value)) {
+          return;
+        }
+        const fallback = list.find((item) => item.isDefault) ?? list[0];
+        selectedPrinter.value = (fallback == null ? void 0 : fallback.name) ?? "";
+      }
+      function refreshClientState() {
+        clientStatus.value = utils.getPrintClientStatus();
+        if (!clientStatus.value.connected) {
+          printers.value = [];
+          return;
+        }
+        printers.value = utils.getPrinterList();
+        syncDefaultPrinter(printers.value);
+      }
       function open(content) {
-        var _a, _b;
-        const raw = content !== void 0 ? content : (_b = (_a = tpl.value) == null ? void 0 : _a.getHtml) == null ? void 0 : _b.call(_a, utils.printData);
+        var _a3, _b2;
+        const raw = content !== void 0 ? content : (_b2 = (_a3 = tpl.value) == null ? void 0 : _a3.getHtml) == null ? void 0 : _b2.call(_a3, utils.printData);
         html.value = resolvePreviewHtml(raw);
         visible.value = true;
+        refreshClientState();
         utils.plugins.run("onPreview", html.value, utils).catch(() => {
         });
       }
       function close() {
         visible.value = false;
       }
+      async function toggleConnect() {
+        if (connecting.value) return;
+        connecting.value = true;
+        try {
+          if (clientStatus.value.connected) {
+            await new Promise((resolve) => {
+              utils.setConnect(false, () => resolve());
+            });
+          } else {
+            await new Promise((resolve) => {
+              utils.setConnect(true, () => resolve());
+            });
+          }
+          refreshClientState();
+        } finally {
+          connecting.value = false;
+        }
+      }
       async function onPrint() {
-        var _a, _b;
+        var _a3, _b2;
         await utils.plugins.run("beforePrint", tpl.value, utils);
         try {
-          (_b = (_a = tpl.value) == null ? void 0 : _a.print) == null ? void 0 : _b.call(_a, utils.printData);
+          (_b2 = (_a3 = tpl.value) == null ? void 0 : _a3.print) == null ? void 0 : _b2.call(_a3, utils.printData);
+        } catch (e) {
+          console.error(e);
+        }
+      }
+      async function onSilentPrint() {
+        const results = await utils.plugins.run("beforePrint2", tpl.value, utils, "silent");
+        if (results.some((r) => r === false)) return;
+        try {
+          await utils.print2(utils.printData, {
+            printer: selectedPrinter.value,
+            title: t("designer.silentPrint")
+          });
         } catch (e) {
           console.error(e);
         }
       }
       async function onPdf() {
-        var _a;
+        var _a3;
         const results = await utils.plugins.run("beforePrint2", tpl.value, utils, "pdf");
         if (results.some((r) => r === false)) return;
         try {
-          if (typeof ((_a = tpl.value) == null ? void 0 : _a.toPdf) === "function") tpl.value.toPdf(utils.printData);
+          if (typeof ((_a3 = tpl.value) == null ? void 0 : _a3.toPdf) === "function") tpl.value.toPdf(utils.printData);
         } catch (e) {
           console.error(e);
         }
       }
       async function onImage() {
-        var _a;
+        var _a3;
         const results = await utils.plugins.run("beforePrint2", tpl.value, utils, "image");
         if (results.some((r) => r === false)) return;
         try {
-          if (typeof ((_a = tpl.value) == null ? void 0 : _a.toImage) === "function") tpl.value.toImage(utils.printData);
+          if (typeof ((_a3 = tpl.value) == null ? void 0 : _a3.toImage) === "function") tpl.value.toImage(utils.printData);
         } catch (e) {
           console.error(e);
         }
       }
+      async function onBatchPrint() {
+        if (batchPrinting.value) return;
+        const data2 = utils.printData;
+        const list = Array.isArray(data2) ? data2 : [data2];
+        if (!list.length) return;
+        const copies = Math.max(1, Math.floor(batchCopies.value || 1));
+        batchPrinting.value = true;
+        try {
+          await utils.batchPrint(list, { copies, title: t("designer.batchPrint") });
+        } catch (e) {
+          console.error(e);
+        } finally {
+          batchPrinting.value = false;
+        }
+      }
       expose({ open, close });
       return {
         t,
         visible,
         html,
+        clientStatus,
+        printers,
+        selectedPrinter,
+        batchCopies,
+        batchPrinting,
+        batchDataRows,
+        batchTotalPages,
+        batchHintText,
         canExportPdf,
         canExportImage,
-        canPrint,
+        canBrowserPrint,
+        canSilentPrint,
+        canBatchPrint,
+        showPrintClientBar,
+        formatPrinterLabel,
         close,
+        toggleConnect,
         onPrint,
+        onSilentPrint,
+        onBatchPrint,
         onPdf,
         onImage
       };
@@ -8304,12 +8950,28 @@ ${lines.join("\n")}
     key: 1,
     class: "svp-preview__empty"
   };
-  const _hoisted_7$4 = { class: "svp-dialog__footer svp-preview__footer" };
+  const _hoisted_7$4 = {
+    key: 0,
+    class: "svp-preview__print-bar"
+  };
+  const _hoisted_8$4 = ["value"];
+  const _hoisted_9$3 = {
+    key: 1,
+    class: "svp-preview__printer-empty"
+  };
+  const _hoisted_10$2 = {
+    key: 1,
+    class: "svp-preview__print-bar svp-preview__batch-bar"
+  };
+  const _hoisted_11$1 = { class: "svp-preview__batch-label" };
+  const _hoisted_12$1 = { class: "svp-preview__batch-hint" };
+  const _hoisted_13$1 = { class: "svp-dialog__footer svp-preview__footer" };
+  const _hoisted_14$1 = ["disabled"];
   function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     return _ctx.visible ? (Vue.openBlock(), Vue.createElementBlock("div", {
       key: 0,
       class: "svp-dialog-mask",
-      onClick: _cache[5] || (_cache[5] = Vue.withModifiers((...args) => _ctx.close && _ctx.close(...args), ["self"]))
+      onClick: _cache[10] || (_cache[10] = Vue.withModifiers((...args) => _ctx.close && _ctx.close(...args), ["self"]))
     }, [
       Vue.createElementVNode("div", _hoisted_1$a, [
         Vue.createElementVNode("div", _hoisted_2$9, [
@@ -8328,29 +8990,86 @@ ${lines.join("\n")}
             innerHTML: _ctx.html
           }, null, 8, _hoisted_5$8)) : (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_6$4, Vue.toDisplayString(_ctx.t("panel.empty")), 1))
         ]),
-        Vue.createElementVNode("div", _hoisted_7$4, [
-          _ctx.canExportPdf ? (Vue.openBlock(), Vue.createElementBlock("button", {
+        _ctx.showPrintClientBar ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_7$4, [
+          Vue.createElementVNode("span", {
+            class: Vue.normalizeClass(["svp-preview__status", { "is-connected": _ctx.clientStatus.connected }])
+          }, Vue.toDisplayString(_ctx.clientStatus.connected ? _ctx.t("designer.printClientConnected") : _ctx.t("designer.printClientDisconnected")), 3),
+          Vue.createElementVNode("button", {
+            type: "button",
+            class: "svp-btn",
+            onClick: _cache[1] || (_cache[1] = (...args) => _ctx.toggleConnect && _ctx.toggleConnect(...args))
+          }, Vue.toDisplayString(_ctx.clientStatus.connected ? _ctx.t("designer.printClientDisconnect") : _ctx.t("designer.printClientConnect")), 1),
+          _ctx.clientStatus.connected && _ctx.printers.length ? Vue.withDirectives((Vue.openBlock(), Vue.createElementBlock("select", {
             key: 0,
+            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.selectedPrinter = $event),
+            class: "svp-preview__printer-select"
+          }, [
+            (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(_ctx.printers, (printer) => {
+              return Vue.openBlock(), Vue.createElementBlock("option", {
+                key: printer.name,
+                value: printer.name
+              }, Vue.toDisplayString(_ctx.formatPrinterLabel(printer)), 9, _hoisted_8$4);
+            }), 128))
+          ], 512)), [
+            [Vue.vModelSelect, _ctx.selectedPrinter]
+          ]) : _ctx.clientStatus.connected ? (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_9$3, Vue.toDisplayString(_ctx.t("designer.printClientNoPrinters")), 1)) : Vue.createCommentVNode("", true)
+        ])) : Vue.createCommentVNode("", true),
+        _ctx.canBatchPrint ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_10$2, [
+          Vue.createElementVNode("label", _hoisted_11$1, [
+            Vue.createTextVNode(Vue.toDisplayString(_ctx.t("designer.batchCopies")) + " ", 1),
+            Vue.withDirectives(Vue.createElementVNode("input", {
+              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.batchCopies = $event),
+              type: "number",
+              min: "1",
+              max: "999",
+              class: "svp-preview__batch-input"
+            }, null, 512), [
+              [
+                Vue.vModelText,
+                _ctx.batchCopies,
+                void 0,
+                { number: true }
+              ]
+            ])
+          ]),
+          Vue.createElementVNode("span", _hoisted_12$1, Vue.toDisplayString(_ctx.batchHintText), 1)
+        ])) : Vue.createCommentVNode("", true),
+        Vue.createElementVNode("div", _hoisted_13$1, [
+          _ctx.canBatchPrint ? (Vue.openBlock(), Vue.createElementBlock("button", {
+            key: 0,
+            type: "button",
+            class: "svp-btn is-primary",
+            disabled: _ctx.batchPrinting,
+            onClick: _cache[4] || (_cache[4] = (...args) => _ctx.onBatchPrint && _ctx.onBatchPrint(...args))
+          }, Vue.toDisplayString(_ctx.batchPrinting ? _ctx.t("designer.batchPrinting") : _ctx.t("designer.batchPrint")), 9, _hoisted_14$1)) : Vue.createCommentVNode("", true),
+          _ctx.canSilentPrint ? (Vue.openBlock(), Vue.createElementBlock("button", {
+            key: 1,
+            type: "button",
+            class: "svp-btn",
+            onClick: _cache[5] || (_cache[5] = (...args) => _ctx.onSilentPrint && _ctx.onSilentPrint(...args))
+          }, Vue.toDisplayString(_ctx.t("designer.silentPrint")), 1)) : Vue.createCommentVNode("", true),
+          _ctx.canBrowserPrint ? (Vue.openBlock(), Vue.createElementBlock("button", {
+            key: 2,
+            type: "button",
+            class: "svp-btn",
+            onClick: _cache[6] || (_cache[6] = (...args) => _ctx.onPrint && _ctx.onPrint(...args))
+          }, Vue.toDisplayString(_ctx.t("designer.browserPrint")), 1)) : Vue.createCommentVNode("", true),
+          _ctx.canExportPdf ? (Vue.openBlock(), Vue.createElementBlock("button", {
+            key: 3,
             type: "button",
             class: "svp-btn",
-            onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onPdf && _ctx.onPdf(...args))
+            onClick: _cache[7] || (_cache[7] = (...args) => _ctx.onPdf && _ctx.onPdf(...args))
           }, Vue.toDisplayString(_ctx.t("designer.pdf")), 1)) : Vue.createCommentVNode("", true),
           _ctx.canExportImage ? (Vue.openBlock(), Vue.createElementBlock("button", {
-            key: 1,
+            key: 4,
             type: "button",
             class: "svp-btn",
-            onClick: _cache[2] || (_cache[2] = (...args) => _ctx.onImage && _ctx.onImage(...args))
+            onClick: _cache[8] || (_cache[8] = (...args) => _ctx.onImage && _ctx.onImage(...args))
           }, Vue.toDisplayString(_ctx.t("designer.image")), 1)) : Vue.createCommentVNode("", true),
-          _ctx.canPrint ? (Vue.openBlock(), Vue.createElementBlock("button", {
-            key: 2,
-            type: "button",
-            class: "svp-btn is-primary",
-            onClick: _cache[3] || (_cache[3] = (...args) => _ctx.onPrint && _ctx.onPrint(...args))
-          }, Vue.toDisplayString(_ctx.t("designer.print")), 1)) : Vue.createCommentVNode("", true),
           Vue.createElementVNode("button", {
             type: "button",
             class: "svp-btn",
-            onClick: _cache[4] || (_cache[4] = (...args) => _ctx.close && _ctx.close(...args))
+            onClick: _cache[9] || (_cache[9] = (...args) => _ctx.close && _ctx.close(...args))
           }, Vue.toDisplayString(_ctx.t("designer.cancel")), 1)
         ])
       ])
@@ -8443,10 +9162,10 @@ ${lines.join("\n")}
         if (ta && lines) lines.scrollTop = ta.scrollTop;
       }
       function doClear() {
-        var _a;
+        var _a2;
         text.value = variant.value === "template" ? JSON.stringify(EMPTY_TEMPLATE_JSON, null, 2) : "{}";
         error.value = "";
-        (_a = textareaRef.value) == null ? void 0 : _a.focus();
+        (_a2 = textareaRef.value) == null ? void 0 : _a2.focus();
       }
       async function doCopy() {
         try {
@@ -8997,25 +9716,25 @@ ${lines.join("\n")}
     },
     emits: ["update:visible", "close"],
     setup(props, { emit }) {
-      var _a, _b;
+      var _a2, _b2;
       const boxRef = vueDemi.ref(null);
       const { t } = useI18n();
       const designerUi = useDesignerUi();
       const styleOverrides = vueDemi.computed(() => props.styleOptionKey ? resolvePanelDragBoxOptions(props.styleOptionKey, designerUi == null ? void 0 : designerUi.styleOption.value) : null);
       const resolvedTitle = vueDemi.computed(() => {
-        var _a2;
-        return ((_a2 = styleOverrides.value) == null ? void 0 : _a2.title) || props.title;
+        var _a3;
+        return ((_a3 = styleOverrides.value) == null ? void 0 : _a3.title) || props.title;
       });
       const draggable = vueDemi.computed(() => {
-        var _a2;
-        return ((_a2 = styleOverrides.value) == null ? void 0 : _a2.draggable) ?? true;
+        var _a3;
+        return ((_a3 = styleOverrides.value) == null ? void 0 : _a3.draggable) ?? true;
       });
       const showFold = vueDemi.computed(() => props.foldable);
       const showClose = vueDemi.computed(() => props.closable ?? !!props.panelKey);
       const dragBoxOptions = vueDemi.reactive({
         key: props.storageKey || void 0,
-        layoutKey: ((_a = styleOverrides.value) == null ? void 0 : _a.layoutKey) || props.layoutKey || void 0,
-        layoutSpec: (_b = styleOverrides.value) == null ? void 0 : _b.layoutSpec,
+        layoutKey: ((_a2 = styleOverrides.value) == null ? void 0 : _a2.layoutKey) || props.layoutKey || void 0,
+        layoutSpec: (_b2 = styleOverrides.value) == null ? void 0 : _b2.layoutSpec,
         defaultX: props.defaultX,
         defaultY: props.defaultY,
         defaultWidth: props.width,
@@ -9032,8 +9751,8 @@ ${lines.join("\n")}
       }, { immediate: true });
       vueDemi.watch(
         () => {
-          var _a2;
-          return (_a2 = styleOverrides.value) == null ? void 0 : _a2.layoutSpec;
+          var _a3;
+          return (_a3 = styleOverrides.value) == null ? void 0 : _a3.layoutSpec;
         },
         (spec) => {
           dragBoxOptions.layoutSpec = spec;
@@ -9041,8 +9760,8 @@ ${lines.join("\n")}
       );
       vueDemi.watch(
         () => {
-          var _a2;
-          return (_a2 = styleOverrides.value) == null ? void 0 : _a2.layoutKey;
+          var _a3;
+          return (_a3 = styleOverrides.value) == null ? void 0 : _a3.layoutKey;
         },
         (key) => {
           dragBoxOptions.layoutKey = key || props.layoutKey || void 0;
@@ -9066,8 +9785,8 @@ ${lines.join("\n")}
         }
       );
       const boxStyle = vueDemi.computed(() => {
-        var _a2;
-        const extra = { ...((_a2 = styleOverrides.value) == null ? void 0 : _a2.boxStyleExtra) ?? {} };
+        var _a3;
+        const extra = { ...((_a3 = styleOverrides.value) == null ? void 0 : _a3.boxStyleExtra) ?? {} };
         const isFixed = extra.position === "fixed";
         if (!isFixed) {
           delete extra.left;
@@ -9084,11 +9803,11 @@ ${lines.join("\n")}
         };
       });
       const bodyStyle = vueDemi.computed(() => {
-        var _a2;
+        var _a3;
         return {
           padding: props.bodyPadding || void 0,
           ...props.bodyStyleExtra,
-          ...(_a2 = styleOverrides.value) == null ? void 0 : _a2.bodyStyleExtra
+          ...(_a3 = styleOverrides.value) == null ? void 0 : _a3.bodyStyleExtra
         };
       });
       function onClose() {
@@ -9311,11 +10030,11 @@ ${lines.join("\n")}
         });
       }
       function refresh() {
-        var _a;
+        var _a2;
         const map = miniMapRef.value;
         const host = document.getElementById(DESIGN_CONTAINER_ID);
         const scroller = host == null ? void 0 : host.parentElement;
-        const paper = (_a = host == null ? void 0 : host.querySelector) == null ? void 0 : _a.call(host, ".hiprint-printPaper");
+        const paper = (_a2 = host == null ? void 0 : host.querySelector) == null ? void 0 : _a2.call(host, ".hiprint-printPaper");
         if (!map || !scroller || !paper) return;
         const mapW = map.clientWidth;
         const mapH = map.clientHeight;
@@ -9795,10 +10514,10 @@ ${lines.join("\n")}
         }
       };
       const activeTheme = vueDemi.computed(() => {
-        var _a, _b;
+        var _a2, _b2;
         if (typeof props.theme === "string") return props.theme;
-        if (Array.isArray(props.theme)) return ((_a = props.theme[0]) == null ? void 0 : _a.theme) || "svpLight";
-        return ((_b = props.theme) == null ? void 0 : _b.theme) || "svpLight";
+        if (Array.isArray(props.theme)) return ((_a2 = props.theme[0]) == null ? void 0 : _a2.theme) || "svpLight";
+        return ((_b2 = props.theme) == null ? void 0 : _b2.theme) || "svpLight";
       });
       const { redraw: redrawRuler } = useRuler({
         canvasX: () => rulerXRef.value,
@@ -9815,9 +10534,9 @@ ${lines.join("\n")}
         return Array.isArray(json) && json.length > 0;
       }
       function resolveInitialTemplate() {
-        var _a;
+        var _a2;
         if (templateHasPanels(props.template)) return props.template;
-        const saved = (_a = utils.loadSaved) == null ? void 0 : _a.call(utils);
+        const saved = (_a2 = utils.loadSaved) == null ? void 0 : _a2.call(utils);
         if (saved && templateHasPanels(saved)) return saved;
         return props.template;
       }
@@ -9844,7 +10563,7 @@ ${lines.join("\n")}
         applyStyleOption(props.styleOption);
       }
       function buildDesigner() {
-        var _a;
+        var _a2;
         utils.newDesigner(
           {
             template: resolveInitialTemplate(),
@@ -9861,13 +10580,13 @@ ${lines.join("\n")}
         utils.plugins.run("onDesigned", payload).catch(() => {
         });
         utils.setPreview(previewRef.value);
-        if ((_a = props.designOptions) == null ? void 0 : _a.adaptToSize) {
+        if ((_a2 = props.designOptions) == null ? void 0 : _a2.adaptToSize) {
           requestAnimationFrame(() => utils.adaptToSize());
         }
       }
       let resizeHandler = null;
       vueDemi.onMounted(async () => {
-        var _a;
+        var _a2;
         setLocale(props.lang);
         designerStore.lang = props.lang;
         designerStore.theme = activeTheme.value;
@@ -9883,10 +10602,13 @@ ${lines.join("\n")}
           utils.buildByHtml();
         } catch {
         }
-        if ((_a = props.designOptions) == null ? void 0 : _a.adaptToSize) {
+        if ((_a2 = props.designOptions) == null ? void 0 : _a2.adaptToSize) {
           resizeHandler = () => utils.adaptToSize();
           window.addEventListener("resize", resizeHandler);
         }
+        if (props.autoConnect) {
+          utils.setConnect(true);
+        }
       });
       vueDemi.onBeforeUnmount(() => {
         utils.shortcuts.unmount();
@@ -9925,8 +10647,8 @@ ${lines.join("\n")}
         utils.import();
       }
       function handlePreview() {
-        var _a, _b;
-        (_b = (_a = previewRef.value) == null ? void 0 : _a.open) == null ? void 0 : _b.call(_a);
+        var _a2, _b2;
+        (_b2 = (_a2 = previewRef.value) == null ? void 0 : _a2.open) == null ? void 0 : _b2.call(_a2);
       }
       return {
         DESIGN_CONTAINER_ID,
@@ -10094,7 +10816,7 @@ ${lines.join("\n")}
   }
   const Ruler = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
   const pluginApiPdf = (opts = {}) => {
-    const plugin = {
+    const plugin2 = {
       name: "plugin-api-pdf",
       description: "Exports the current template as a PDF document.",
       config: { ...opts },
@@ -10128,10 +10850,10 @@ ${lines.join("\n")}
         }
       ]
     };
-    return plugin;
+    return plugin2;
   };
   const pluginApiImage = (opts = {}) => {
-    const plugin = {
+    const plugin2 = {
       name: "plugin-api-image",
       description: "Exports the current template as PNG / JPEG.",
       config: { type: "png", ...opts },
@@ -10158,7 +10880,7 @@ ${lines.join("\n")}
         }
       ]
     };
-    return plugin;
+    return plugin2;
   };
   function defaultEditor(source, ctx) {
     return new Promise((resolve) => {
@@ -10199,7 +10921,7 @@ ${lines.join("\n")}
   }
   const pluginViewCodeEdit = (opts = {}) => {
     const editor = opts.editor ?? defaultEditor;
-    const plugin = {
+    const plugin2 = {
       name: "plugin-view-code-edit",
       description: "Provides a small in-browser editor for `function` options.",
       config: { ...opts },
@@ -10209,18 +10931,18 @@ ${lines.join("\n")}
           name: "editor-create-print-element",
           priority: 100,
           run: async (option, _printElement, _ev) => {
-            var _a;
+            var _a2;
             if (!option || typeof option !== "object") return;
             if (option.type !== "function" && option.editor !== "code") return;
             const next = await editor(String(option.value ?? ""), { name: option.name ?? "function" });
             if (next == null) return;
             option.value = next;
-            (_a = option == null ? void 0 : option.onChange) == null ? void 0 : _a.call(option, next);
+            (_a2 = option == null ? void 0 : option.onChange) == null ? void 0 : _a2.call(option, next);
           }
         }
       ]
     };
-    return plugin;
+    return plugin2;
   };
   const index = {
     install(app) {
@@ -10231,14 +10953,6 @@ ${lines.join("\n")}
       app.component("SvpDragBox", DragBox);
     }
   };
-  Object.defineProperty(exports2, "defaultElementTypeProvider", {
-    enumerable: true,
-    get: () => vuePluginHiprint.defaultElementTypeProvider
-  });
-  Object.defineProperty(exports2, "hiprint", {
-    enumerable: true,
-    get: () => vuePluginHiprint.hiprint
-  });
   exports2.DEFAULT_ELEMENT_CATALOGUE = DEFAULT_ELEMENT_CATALOGUE;
   exports2.DEFAULT_FONT_LIST = DEFAULT_FONT_LIST;
   exports2.DEFAULT_PAPER_LIST = DEFAULT_PAPER_LIST;
@@ -10273,6 +10987,7 @@ ${lines.join("\n")}
   exports2.PageStructurePanel = PageStructurePanel;
   exports2.PluginManager = PluginManager;
   exports2.Preview = Preview;
+  exports2.PrintClient = PrintClient;
   exports2.PropertiesPanel = PropertiesPanel;
   exports2.Provider = Provider;
   exports2.Ruler = Ruler;
@@ -10288,16 +11003,22 @@ ${lines.join("\n")}
   exports2.ZOOM_MIN = ZOOM_MIN;
   exports2.ZOOM_STEP = ZOOM_STEP;
   exports2.applyStyleOption = applyStyleOption;
+  exports2.autoConnect = autoConnect;
+  exports2.batchPrint = batchPrint;
   exports2.buildByHtml = buildByHtml;
   exports2.buildPrintDataFromForm = buildPrintDataFromForm;
   exports2.createPrintDataFormState = createPrintDataFormState;
   exports2.default = index;
+  exports2.defaultElementTypeProvider = defaultElementTypeProvider;
   exports2.designerStore = designerStore;
+  exports2.disAutoConnect = disAutoConnect;
   exports2.elementTypeKey = elementTypeKey;
   exports2.enUS = enUS;
   exports2.extractTemplateFields = extractTemplateFields;
   exports2.getLocaleList = getLocaleList;
+  exports2.getPrintClient = getPrintClient;
   exports2.headerElementsFromCatalogue = headerElementsFromCatalogue;
+  exports2.hiprint = hiprint;
   exports2.iconForElement = iconForElement;
   exports2.iconForElementKey = iconForElementKey;
   exports2.iconForHeaderTab = iconForHeaderTab;