@bluechaine/print-designer 0.1.1 → 0.1.2

package/dist/vue2/index.cjs

@@ -1,8 +1,26 @@
 "use strict";
+var _a, _b, _c, _d;
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vueDemi = require("vue-demi");
-const vuePluginHiprint = require("vue-plugin-hiprint");
+const VuePluginHiprint = require("vue-plugin-hiprint");
 const Vue = require("vue");
+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
 *
@@ -2668,10 +2686,10 @@ function isIconifyName(value) {
   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";
 }
@@ -2800,12 +2818,12 @@ function detectPaperType(width, height, list = defaultPaperList) {
   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;
   }
@@ -2895,11 +2913,11 @@ PaperListOptionItem.prototype.createTarget = function(printTemplate) {
   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) {
@@ -2917,8 +2935,8 @@ PaperListOptionItem.prototype.setValue = function(value) {
   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";
@@ -2946,18 +2964,18 @@ OrientOptionItem.prototype.createTarget = function() {
   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",
@@ -3051,10 +3069,10 @@ WatermarkOptionItem.prototype.createTarget = function() {
   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),
@@ -3065,10 +3083,10 @@ WatermarkOptionItem.prototype.getValue = function() {
   };
 };
 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",
@@ -3086,8 +3104,8 @@ WatermarkOptionItem.prototype.setValue = function(value) {
   (_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";
@@ -3106,21 +3124,21 @@ PanelBackgroundColorOptionItem.prototype.createTarget = function() {
   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();
@@ -3133,19 +3151,19 @@ PanelBackgroundColorOptionItem.prototype.css = function(target, value) {
   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;
   }
 }
@@ -3217,33 +3235,33 @@ PanelLayoutOptionItem.prototype.createTarget = function() {
   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 {
@@ -3262,11 +3280,11 @@ function reorderPanelSettingOptions(options, panel, paperList) {
   };
 }
 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");
@@ -3286,8 +3304,8 @@ function ensurePaperListSupportOptionsFirst() {
   }
 }
 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;
@@ -3298,13 +3316,13 @@ function patchPrintTemplatePaperList() {
   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;
@@ -3335,7 +3353,7 @@ function setupHiprintPaperList(paperList = DEFAULT_PAPER_LIST, onPaperApplied) {
   patchPrintTemplatePaperList();
   patchPanelSettingTrigger(onPaperApplied);
   try {
-    vuePluginHiprint.hiprint.setConfig({
+    hiprint.setConfig({
       optionItems: [
         PaperListOptionItem,
         OrientOptionItem,
@@ -3512,13 +3530,13 @@ function applyCustomTableType(current) {
 }
 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);
   }
 }
@@ -3530,13 +3548,18 @@ function normalizeProviderMap(map) {
   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
@@ -3545,12 +3568,12 @@ function initHiprint(options = {}) {
       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) {
@@ -3559,11 +3582,11 @@ function initHiprint(options = {}) {
   }
   if (options.autoConnect === false) {
     try {
-      vuePluginHiprint.disAutoConnect();
+      disAutoConnect();
     } catch (_) {
     }
   }
-  return vuePluginHiprint.hiprint;
+  return hiprint;
 }
 function buildByHtml(selectors) {
   if (typeof window === "undefined") return;
@@ -3577,13 +3600,474 @@ function buildByHtml(selectors) {
     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();
@@ -3594,12 +4078,12 @@ class PluginManager {
     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));
@@ -3610,8 +4094,8 @@ class PluginManager {
     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) {
@@ -3736,9 +4220,9 @@ class HistoryController {
     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() {
@@ -3793,9 +4277,9 @@ class HistoryController {
     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);
@@ -3828,9 +4312,9 @@ class HistoryController {
     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) {
@@ -3861,8 +4345,8 @@ class ShortcutsController {
   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);
@@ -4012,7 +4496,7 @@ function openJsonEditorModal(options) {
     });
     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") {
@@ -4021,7 +4505,7 @@ function openJsonEditorModal(options) {
         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 {
@@ -4215,7 +4699,19 @@ const zhCN = {
     printDataAddRow: "添加一行",
     printDataDeleteRow: "删除",
     printDataFieldKey: "字段",
-    paper: "纸张"
+    paper: "纸张",
+    browserPrint: "浏览器打印",
+    silentPrint: "静默打印",
+    batchPrint: "批量打印",
+    batchPrinting: "正在准备…",
+    batchCopies: "每条份数",
+    batchHint: "共 {rows} 条数据 × 每条份数 = 合计 {total} 页（无需客户端）",
+    printClientConnected: "打印客户端已连接",
+    printClientDisconnected: "打印客户端未连接",
+    printClientConnect: "连接客户端",
+    printClientDisconnect: "断开连接",
+    printClientNoPrinters: "未检测到打印机",
+    defaultPrinter: "默认"
   },
   header: {
     title: "打印设计器"
@@ -4318,7 +4814,19 @@ const enUS = {
     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"
@@ -4556,8 +5064,21 @@ const _DesignerUtils = class _DesignerUtils {
   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({
@@ -4566,9 +5087,9 @@ const _DesignerUtils = class _DesignerUtils {
       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 {
         }
       }
@@ -4583,7 +5104,7 @@ const _DesignerUtils = class _DesignerUtils {
     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);
       }
@@ -4596,20 +5117,20 @@ const _DesignerUtils = class _DesignerUtils {
   // 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,
@@ -4617,19 +5138,19 @@ const _DesignerUtils = class _DesignerUtils {
       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
     });
@@ -4662,28 +5183,28 @@ const _DesignerUtils = class _DesignerUtils {
     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 = () => {
@@ -4694,23 +5215,23 @@ const _DesignerUtils = class _DesignerUtils {
     };
   }
   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}`;
@@ -4752,9 +5273,9 @@ const _DesignerUtils = class _DesignerUtils {
     };
   }
   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();
@@ -4801,7 +5322,7 @@ const _DesignerUtils = class _DesignerUtils {
     });
   }
   refreshSelection() {
-    var _a, _b, _c, _d;
+    var _a2, _b2, _c2, _d2;
     const tpl = this.printTemplate;
     if (!tpl) {
       setSelection({ count: 0, ids: [], elements: [] });
@@ -4809,15 +5330,15 @@ const _DesignerUtils = class _DesignerUtils {
     }
     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;
         }
@@ -4831,25 +5352,25 @@ const _DesignerUtils = class _DesignerUtils {
   }
   /** 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 {
         }
       }
@@ -4872,10 +5393,10 @@ const _DesignerUtils = class _DesignerUtils {
     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;
@@ -4883,7 +5404,7 @@ const _DesignerUtils = class _DesignerUtils {
       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 {
       }
     });
@@ -4897,9 +5418,9 @@ const _DesignerUtils = class _DesignerUtils {
   // 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;
     }
@@ -4908,11 +5429,11 @@ const _DesignerUtils = class _DesignerUtils {
     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);
   }
@@ -4925,9 +5446,9 @@ const _DesignerUtils = class _DesignerUtils {
     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"),
@@ -4947,8 +5468,8 @@ const _DesignerUtils = class _DesignerUtils {
     }
   }
   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;
@@ -4973,7 +5494,7 @@ const _DesignerUtils = class _DesignerUtils {
       });
       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);
     }
@@ -4998,8 +5519,8 @@ const _DesignerUtils = class _DesignerUtils {
     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 = () => {
@@ -5016,15 +5537,15 @@ const _DesignerUtils = class _DesignerUtils {
   }
   /** 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) {
@@ -5039,33 +5560,53 @@ const _DesignerUtils = class _DesignerUtils {
     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();
@@ -5087,10 +5628,10 @@ const _DesignerUtils = class _DesignerUtils {
     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());
@@ -5109,24 +5650,24 @@ const _DesignerUtils = class _DesignerUtils {
     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;
   }
@@ -5134,7 +5675,7 @@ const _DesignerUtils = class _DesignerUtils {
     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);
@@ -5144,34 +5685,34 @@ const _DesignerUtils = class _DesignerUtils {
     }
     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;
@@ -5188,15 +5729,15 @@ const _DesignerUtils = class _DesignerUtils {
     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);
@@ -5212,7 +5753,7 @@ const _DesignerUtils = class _DesignerUtils {
   }
   /** 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);
@@ -5220,20 +5761,20 @@ const _DesignerUtils = class _DesignerUtils {
     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];
@@ -5246,8 +5787,8 @@ const _DesignerUtils = class _DesignerUtils {
       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);
@@ -5261,15 +5802,15 @@ const _DesignerUtils = class _DesignerUtils {
     }
   }
   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 {
     }
   }
@@ -5290,13 +5831,13 @@ const _DesignerUtils = class _DesignerUtils {
     ];
   }
   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);
@@ -5306,37 +5847,37 @@ const _DesignerUtils = class _DesignerUtils {
     }
   }
   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 {
@@ -5352,14 +5893,14 @@ const _DesignerUtils = class _DesignerUtils {
     }
   }
   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 {
     }
@@ -5367,7 +5908,7 @@ const _DesignerUtils = class _DesignerUtils {
     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);
@@ -5377,7 +5918,7 @@ const _DesignerUtils = class _DesignerUtils {
     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;
@@ -5423,9 +5964,9 @@ const _DesignerUtils = class _DesignerUtils {
   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 (_) {
       }
     });
@@ -5490,15 +6031,15 @@ const _DesignerUtils = class _DesignerUtils {
   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) {
@@ -5549,17 +6090,17 @@ const _DesignerUtils = class _DesignerUtils {
     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 {
         }
       }
@@ -5569,15 +6110,15 @@ const _DesignerUtils = class _DesignerUtils {
   }
   /** 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 {
       }
     }
@@ -5602,14 +6143,14 @@ const _DesignerUtils = class _DesignerUtils {
     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 (_) {
       }
     });
@@ -5861,14 +6402,14 @@ function useRuler(opts) {
     });
   }
   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);
@@ -7820,12 +8361,12 @@ const _hoisted_4$a = {
 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, [
@@ -7876,7 +8417,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
             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",
@@ -7888,7 +8429,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
             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",
@@ -7900,7 +8441,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
             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",
@@ -7912,7 +8453,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
             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",
@@ -7932,12 +8473,12 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
                 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")
     ])
   ]);
@@ -7981,8 +8522,8 @@ const _sfc_main$b = vueDemi.defineComponent({
       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();
       }
     }
@@ -8192,105 +8733,210 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
   ], 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
     };
@@ -8305,12 +8951,28 @@ const _hoisted_6$4 = {
   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, [
@@ -8329,29 +8991,86 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
           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)
       ])
     ])
@@ -8444,10 +9163,10 @@ const _sfc_main$9 = vueDemi.defineComponent({
       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 {
@@ -8998,25 +9717,25 @@ const _sfc_main$7 = vueDemi.defineComponent({
   },
   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,
@@ -9033,8 +9752,8 @@ const _sfc_main$7 = vueDemi.defineComponent({
     }, { 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;
@@ -9042,8 +9761,8 @@ const _sfc_main$7 = vueDemi.defineComponent({
     );
     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;
@@ -9067,8 +9786,8 @@ const _sfc_main$7 = vueDemi.defineComponent({
       }
     );
     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;
@@ -9085,11 +9804,11 @@ const _sfc_main$7 = vueDemi.defineComponent({
       };
     });
     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() {
@@ -9312,11 +10031,11 @@ const _sfc_main$5 = vueDemi.defineComponent({
       });
     }
     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;
@@ -9796,10 +10515,10 @@ const _sfc_main$1 = vueDemi.defineComponent({
       }
     };
     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,
@@ -9816,9 +10535,9 @@ const _sfc_main$1 = vueDemi.defineComponent({
       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;
     }
@@ -9845,7 +10564,7 @@ const _sfc_main$1 = vueDemi.defineComponent({
       applyStyleOption(props.styleOption);
     }
     function buildDesigner() {
-      var _a;
+      var _a2;
       utils.newDesigner(
         {
           template: resolveInitialTemplate(),
@@ -9862,13 +10581,13 @@ const _sfc_main$1 = vueDemi.defineComponent({
       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;
@@ -9884,10 +10603,13 @@ const _sfc_main$1 = vueDemi.defineComponent({
         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();
@@ -9926,8 +10648,8 @@ const _sfc_main$1 = vueDemi.defineComponent({
       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,
@@ -10095,7 +10817,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 }
 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 },
@@ -10129,10 +10851,10 @@ const pluginApiPdf = (opts = {}) => {
       }
     ]
   };
-  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 },
@@ -10159,7 +10881,7 @@ const pluginApiImage = (opts = {}) => {
       }
     ]
   };
-  return plugin;
+  return plugin2;
 };
 function defaultEditor(source, ctx) {
   return new Promise((resolve) => {
@@ -10200,7 +10922,7 @@ function defaultEditor(source, ctx) {
 }
 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 },
@@ -10210,18 +10932,18 @@ const pluginViewCodeEdit = (opts = {}) => {
         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) {
@@ -10232,14 +10954,6 @@ const index = {
     app.component("SvpDragBox", DragBox);
   }
 };
-Object.defineProperty(exports, "defaultElementTypeProvider", {
-  enumerable: true,
-  get: () => vuePluginHiprint.defaultElementTypeProvider
-});
-Object.defineProperty(exports, "hiprint", {
-  enumerable: true,
-  get: () => vuePluginHiprint.hiprint
-});
 exports.DEFAULT_ELEMENT_CATALOGUE = DEFAULT_ELEMENT_CATALOGUE;
 exports.DEFAULT_FONT_LIST = DEFAULT_FONT_LIST;
 exports.DEFAULT_PAPER_LIST = DEFAULT_PAPER_LIST;
@@ -10274,6 +10988,7 @@ exports.PageHistoryPanel = PageHistoryPanel;
 exports.PageStructurePanel = PageStructurePanel;
 exports.PluginManager = PluginManager;
 exports.Preview = Preview;
+exports.PrintClient = PrintClient;
 exports.PropertiesPanel = PropertiesPanel;
 exports.Provider = Provider;
 exports.Ruler = Ruler;
@@ -10289,16 +11004,22 @@ exports.ZOOM_MAX = ZOOM_MAX;
 exports.ZOOM_MIN = ZOOM_MIN;
 exports.ZOOM_STEP = ZOOM_STEP;
 exports.applyStyleOption = applyStyleOption;
+exports.autoConnect = autoConnect;
+exports.batchPrint = batchPrint;
 exports.buildByHtml = buildByHtml;
 exports.buildPrintDataFromForm = buildPrintDataFromForm;
 exports.createPrintDataFormState = createPrintDataFormState;
 exports.default = index;
+exports.defaultElementTypeProvider = defaultElementTypeProvider;
 exports.designerStore = designerStore;
+exports.disAutoConnect = disAutoConnect;
 exports.elementTypeKey = elementTypeKey;
 exports.enUS = enUS;
 exports.extractTemplateFields = extractTemplateFields;
 exports.getLocaleList = getLocaleList;
+exports.getPrintClient = getPrintClient;
 exports.headerElementsFromCatalogue = headerElementsFromCatalogue;
+exports.hiprint = hiprint;
 exports.iconForElement = iconForElement;
 exports.iconForElementKey = iconForElementKey;
 exports.iconForHeaderTab = iconForHeaderTab;