@bluechaine/print-designer 0.1.1 → 0.1.2

package/dist/print-client/index.mjs

@@ -0,0 +1,1055 @@
+var _a, _b, _c, _d;
+import * as VuePluginHiprint from "vue-plugin-hiprint";
+import { defaultElementTypeProvider } from "vue-plugin-hiprint";
+const DEFAULT_PAPER_LIST = [
+  { type: "自定义", width: 0, height: 0 },
+  { type: "A1", width: 594, height: 841 },
+  { type: "A2", width: 420, height: 594 },
+  { type: "A3", width: 297, height: 420 },
+  { type: "A4", width: 210, height: 297 },
+  { type: "A5", width: 148, height: 210 },
+  { type: "A6", width: 105, height: 148 },
+  { type: "A7", width: 74, height: 105 },
+  { type: "B1", width: 707, height: 1e3 },
+  { type: "B2", width: 500, height: 707 },
+  { type: "B3", width: 353, height: 500 },
+  { type: "B4", width: 250, height: 353 },
+  { type: "B5", width: 176, height: 250 },
+  { type: "B6", width: 125, height: 176 },
+  { type: "B7", width: 88, height: 125 }
+];
+let defaultPaperList = DEFAULT_PAPER_LIST;
+let patched = false;
+const templateRegistry = /* @__PURE__ */ new Map();
+function getJQuery() {
+  return window.jQuery || window.$;
+}
+function nearMm(a, b, eps = 1.5) {
+  return Math.abs(a - b) <= eps;
+}
+function detectPaperType(width, height, list = defaultPaperList) {
+  const match = list.find(
+    (p) => p.width > 0 && (nearMm(p.width, width) && nearMm(p.height, height) || nearMm(p.width, height) && nearMm(p.height, width))
+  );
+  return (match == null ? void 0 : match.type) || "自定义";
+}
+function resolveTemplate(tplId) {
+  var _a2;
+  const cached = templateRegistry.get(tplId);
+  if (cached) return cached;
+  try {
+    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;
+  }
+}
+function getTemplatePaperList(tpl) {
+  if (tpl == null ? void 0 : tpl.getPaperList) {
+    try {
+      const list = tpl.getPaperList();
+      if (Array.isArray(list) && list.length) return list;
+    } catch {
+    }
+  }
+  return defaultPaperList;
+}
+function applyPaperList(tpl, value, onApplied) {
+  if (!(tpl == null ? void 0 : tpl.setPaper) || !value) return;
+  const list = getTemplatePaperList(tpl);
+  try {
+    const preset = value.type !== "自定义" ? list.find((p) => p.type === value.type && p.width > 0) : null;
+    if (preset) {
+      tpl.setPaper(String(preset.width), String(preset.height));
+    } else if (value.width > 0 && value.height > 0) {
+      tpl.setPaper(String(value.width), String(value.height));
+    } else {
+      return;
+    }
+    const panel = tpl.editingPanel;
+    if (panel) panel.paperType = value.type || "自定义";
+    onApplied == null ? void 0 : onApplied();
+  } catch (e) {
+    console.warn("[hiprint-paper-list] setPaper failed", e);
+  }
+}
+function buildPaperListValue(panel, list) {
+  const width = Number((panel == null ? void 0 : panel.mmwidth) ?? (panel == null ? void 0 : panel.width) ?? 0);
+  const height = Number((panel == null ? void 0 : panel.mmheight) ?? (panel == null ? void 0 : panel.height) ?? 0);
+  return {
+    type: detectPaperType(width, height, list),
+    width,
+    height
+  };
+}
+function PaperListOptionItem() {
+  this.name = "paperList";
+}
+PaperListOptionItem.prototype.createTarget = function(printTemplate) {
+  const $ = getJQuery();
+  if (!$) return $("<div />");
+  this.printTemplate = printTemplate;
+  const wrapper = $('<div class="svp-hiprint-paper-list" />');
+  const typeRow = $(`<div class="hiprint-option-item hiprint-option-item-row">
+    <div class="hiprint-option-item-label">纸张列表</div>
+    <div class="hiprint-option-item-field">
+      <select class="auto-submit svp-paper-type"></select>
+    </div>
+  </div>`);
+  const widthRow = $(`<div class="hiprint-option-item hiprint-option-item-row">
+    <div class="hiprint-option-item-label">宽</div>
+    <div class="hiprint-option-item-field">
+      <input class="auto-submit svp-paper-width" type="number" min="1" placeholder="宽(mm)" />
+    </div>
+  </div>`);
+  const heightRow = $(`<div class="hiprint-option-item hiprint-option-item-row">
+    <div class="hiprint-option-item-label">高</div>
+    <div class="hiprint-option-item-field">
+      <input class="auto-submit svp-paper-height" type="number" min="1" placeholder="高(mm)" />
+    </div>
+  </div>`);
+  this.typeSelect = typeRow.find("select");
+  this.widthInput = widthRow.find("input");
+  this.heightInput = heightRow.find("input");
+  const list = getTemplatePaperList(printTemplate);
+  list.forEach((p) => {
+    this.typeSelect.append(
+      $("<option />").attr("value", p.type).text(p.type)
+    );
+  });
+  this.typeSelect.on("change", () => {
+    const preset = list.find((p) => p.type === this.typeSelect.val());
+    if (preset && preset.width > 0) {
+      this.widthInput.val(preset.width);
+      this.heightInput.val(preset.height);
+    }
+  });
+  wrapper.append(typeRow, widthRow, heightRow);
+  this.target = wrapper;
+  return wrapper;
+};
+PaperListOptionItem.prototype.getValue = function() {
+  var _a2, _b2, _c2;
+  return {
+    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) {
+  if (!value) return;
+  const $ = getJQuery();
+  if (!$) return;
+  const list = getTemplatePaperList(this.printTemplate);
+  list.forEach((p) => {
+    if (!this.typeSelect.find(`option[value="${p.type}"]`).length) {
+      this.typeSelect.append($("<option />").attr("value", p.type).text(p.type));
+    }
+  });
+  this.typeSelect.val(value.type || detectPaperType(value.width, value.height, list));
+  this.widthInput.val(value.width || "");
+  this.heightInput.val(value.height || "");
+};
+PaperListOptionItem.prototype.destroy = function() {
+  var _a2, _b2;
+  (_b2 = (_a2 = this.target) == null ? void 0 : _a2.remove) == null ? void 0 : _b2.call(_a2);
+};
+function OrientOptionItem() {
+  this.name = "orient";
+}
+OrientOptionItem.prototype.createTarget = function() {
+  const $ = getJQuery();
+  if (!$) return $("<div />");
+  const wrapper = $('<div class="svp-hiprint-orient" />');
+  wrapper.append(
+    $(`<div class="hiprint-option-item hiprint-option-item-row">
+      <div class="hiprint-option-item-label">打印方向</div>
+      <div class="hiprint-option-item-field">
+        <select class="auto-submit">
+          <option value="">默认</option>
+          <option value="1">纵向</option>
+          <option value="2">横向</option>
+        </select>
+      </div>
+    </div>`)
+  );
+  wrapper.append(
+    $('<div class="hiprint-option-item-desc">(仅自定义纸质有效)</div>')
+  );
+  this.target = wrapper;
+  return this.target;
+};
+OrientOptionItem.prototype.getValue = function() {
+  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 _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 _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",
+  "YYYY-MM-DD HH:mm",
+  "YYYY-MM-DD HH",
+  "YYYY-MM-DD",
+  "YYYY-MMMM",
+  "YYYY-MM",
+  "YYYY"
+];
+function WatermarkOptionItem() {
+  this.name = "watermarkOptions";
+}
+WatermarkOptionItem.prototype.createTarget = function() {
+  const $ = getJQuery();
+  if (!$) return $("<div />");
+  const wrapper = $('<div class="svp-hiprint-watermark" />');
+  wrapper.append($('<div class="hiprint-option-title">水印功能</div>'));
+  const contentRow = $(`<div class="hiprint-option-item hiprint-option-item-row">
+    <div class="hiprint-option-item-label">水印内容</div>
+    <div class="hiprint-option-item-field">
+      <input type="text" class="auto-submit" placeholder="水印内容" />
+    </div>
+  </div>`);
+  const fillStyleRow = $(`<div class="hiprint-option-item hiprint-option-item-row">
+    <div class="hiprint-option-item-label">字体颜色</div>
+    <div class="hiprint-option-item-field">
+      <input type="text" class="auto-submit" data-format="rgb" data-opacity="0.3" placeholder="字体颜色" />
+    </div>
+  </div>`);
+  const fontSizeRow = $(`<div class="hiprint-option-item hiprint-option-item-row">
+    <div class="hiprint-option-item-label">字体大小</div>
+    <div class="hiprint-option-item-field">
+      <input type="range" class="auto-submit" min="10" max="80" placeholder="字体大小" />
+    </div>
+  </div>`);
+  const rotateRow = $(`<div class="hiprint-option-item hiprint-option-item-row">
+    <div class="hiprint-option-item-label">旋转角度</div>
+    <div class="hiprint-option-item-field">
+      <input type="range" class="auto-submit" min="0" max="180" placeholder="旋转角度" />
+    </div>
+  </div>`);
+  const widthRow = $(`<div class="hiprint-option-item hiprint-option-item-row">
+    <div class="hiprint-option-item-label">水平密度</div>
+    <div class="hiprint-option-item-field">
+      <input type="range" class="auto-submit" min="100" max="800" placeholder="水平密度" />
+    </div>
+  </div>`);
+  const heightRow = $(`<div class="hiprint-option-item hiprint-option-item-row">
+    <div class="hiprint-option-item-label">垂直密度</div>
+    <div class="hiprint-option-item-field">
+      <input type="range" class="auto-submit" min="100" max="800" placeholder="垂直密度" />
+    </div>
+  </div>`);
+  const timestampRow = $(`<div class="hiprint-option-item hiprint-option-item-row">
+    <div class="hiprint-option-item-label">水印时间</div>
+    <div class="hiprint-option-item-field">
+      <input type="checkbox" class="auto-submit" placeholder="水印时间" />
+    </div>
+  </div>`);
+  const formatRow = $(`<div class="hiprint-option-item hiprint-option-item-row">
+    <div class="hiprint-option-item-label">时间格式</div>
+    <div class="hiprint-option-item-field">
+      <select class="auto-submit"></select>
+    </div>
+  </div>`);
+  const formatSelect = formatRow.find("select");
+  formatSelect.append($('<option value="">默认(YYYY-MM-DD HH:mm)</option>'));
+  WATERMARK_TIME_FORMATS.forEach((fmt) => {
+    formatSelect.append($(`<option value="${fmt}">${fmt}</option>`));
+  });
+  wrapper.append(
+    contentRow,
+    fillStyleRow,
+    fontSizeRow,
+    rotateRow,
+    widthRow,
+    heightRow,
+    timestampRow,
+    formatRow
+  );
+  this.content = contentRow.find("input");
+  this.fillStyle = fillStyleRow.find("input");
+  this.fontSize = fontSizeRow.find("input");
+  this.rotate = rotateRow.find("input");
+  this.width = widthRow.find("input");
+  this.height = heightRow.find("input");
+  this.timestamp = timestampRow.find("input");
+  this.format = formatSelect;
+  this.target = wrapper;
+  return this.target;
+};
+WatermarkOptionItem.prototype.getValue = function() {
+  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: ((_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),
+    width: parseInt(String(((_l = (_k = this.width) == null ? void 0 : _k.val) == null ? void 0 : _l.call(_k)) || "200"), 10),
+    height: parseInt(String(((_n = (_m = this.height) == null ? void 0 : _m.val) == null ? void 0 : _n.call(_m)) || "200"), 10),
+    timestamp: !!((_p = (_o = this.timestamp) == null ? void 0 : _o.is) == null ? void 0 : _p.call(_o, ":checked")),
+    format: format ? String(format) : "YYYY-MM-DD HH:mm"
+  };
+};
+WatermarkOptionItem.prototype.setValue = function(value) {
+  var _a2, _b2, _c2, _d2, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
+  if (!value) value = {};
+  (_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",
+      opacity: true,
+      theme: "bootstrap"
+    });
+  } catch {
+  }
+  const fontSize = parseInt(String(value.fontSize || "14").replace(/px$/i, ""), 10) || 14;
+  (_h = (_g = this.fontSize) == null ? void 0 : _g.val) == null ? void 0 : _h.call(_g, fontSize);
+  (_j = (_i = this.rotate) == null ? void 0 : _i.val) == null ? void 0 : _j.call(_i, value.rotate ?? 25);
+  (_l = (_k = this.width) == null ? void 0 : _k.val) == null ? void 0 : _l.call(_k, value.width ?? 200);
+  (_n = (_m = this.height) == null ? void 0 : _m.val) == null ? void 0 : _n.call(_m, value.height ?? 200);
+  (_p = (_o = this.timestamp) == null ? void 0 : _o.prop) == null ? void 0 : _p.call(_o, "checked", value.timestamp != null ? !!value.timestamp : false);
+  (_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 _a2, _b2;
+  (_b2 = (_a2 = this.target) == null ? void 0 : _a2.remove) == null ? void 0 : _b2.call(_a2);
+};
+function PanelBackgroundColorOptionItem() {
+  this.name = "backgroundColor";
+}
+PanelBackgroundColorOptionItem.prototype.createTarget = function() {
+  const $ = getJQuery();
+  if (!$) return $("<div />");
+  const row = $(`<div class="hiprint-option-item hiprint-option-item-row">
+    <div class="hiprint-option-item-label">背景颜色</div>
+    <div class="hiprint-option-item-field">
+      <input type="text" class="auto-submit" />
+    </div>
+  </div>`);
+  this.input = row.find("input");
+  this.target = row;
+  return this.target;
+};
+PanelBackgroundColorOptionItem.prototype.getValue = function() {
+  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 _a2, _b2, _c2, _d2;
+  const color = value || "#ffffff";
+  try {
+    (_b2 = (_a2 = this.input) == null ? void 0 : _a2.minicolors) == null ? void 0 : _b2.call(_a2, {
+      defaultValue: color,
+      theme: "bootstrap"
+    });
+  } catch {
+  }
+  (_d2 = (_c2 = this.input) == null ? void 0 : _c2.val) == null ? void 0 : _d2.call(_c2, color);
+};
+PanelBackgroundColorOptionItem.prototype.css = function(target, value) {
+  const $ = getJQuery();
+  if (!$ || !(target == null ? void 0 : target.length)) return null;
+  if (value) {
+    $(target).css("background-color", value);
+    return `background-color:${value}`;
+  }
+  target[0].style.backgroundColor = "";
+  return null;
+};
+PanelBackgroundColorOptionItem.prototype.destroy = function() {
+  var _a2, _b2;
+  (_b2 = (_a2 = this.target) == null ? void 0 : _a2.remove) == null ? void 0 : _b2.call(_a2);
+};
+function applyPanelBackgroundColor(panel, color) {
+  var _a2, _b2, _c2, _d2;
+  if (!panel) return;
+  const value = color || "#ffffff";
+  panel.backgroundColor = value;
+  const $ = getJQuery();
+  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) && ((_d2 = paper[0]) == null ? void 0 : _d2.style)) {
+    paper[0].style.backgroundColor = value;
+  }
+}
+function PanelLayoutOptionItem() {
+  this.name = "panelLayoutOptions";
+}
+PanelLayoutOptionItem.prototype.createTarget = function() {
+  const $ = getJQuery();
+  if (!$) return $("<div />");
+  const wrapper = $('<div class="svp-hiprint-panel-layout" />');
+  wrapper.append($('<div class="hiprint-option-title">排列填充纸张</div>'));
+  wrapper.append(
+    $('<div class="hiprint-option-item-desc svp-panel-layout-hint">小模板传数组&填充纸张宽高打印</div>')
+  );
+  const layoutTypeRow = $(`<div class="hiprint-option-item hiprint-option-item-row">
+    <div class="hiprint-option-item-label">排列方式</div>
+    <div class="hiprint-option-item-field">
+      <select class="auto-submit">
+        <option value="column">纵向</option>
+        <option value="row">横向</option>
+      </select>
+    </div>
+  </div>`);
+  const layoutRowGapRow = $(`<div class="hiprint-option-item hiprint-option-item-row">
+    <div class="hiprint-option-item-label">垂直间距</div>
+    <div class="hiprint-option-item-field">
+      <input type="number" class="auto-submit" placeholder="垂直间距mm" />
+    </div>
+  </div>`);
+  const layoutColumnGapRow = $(`<div class="hiprint-option-item hiprint-option-item-row">
+    <div class="hiprint-option-item-label">水平间距</div>
+    <div class="hiprint-option-item-field">
+      <input type="number" class="auto-submit" placeholder="水平间距mm" />
+    </div>
+  </div>`);
+  const paperWidthRow = $(`<div class="hiprint-option-item hiprint-option-item-row">
+    <div class="hiprint-option-item-label">纸张宽度</div>
+    <div class="hiprint-option-item-field">
+      <input type="number" class="auto-submit" placeholder="纸张宽度mm" />
+    </div>
+  </div>`);
+  const paperHeightRow = $(`<div class="hiprint-option-item hiprint-option-item-row">
+    <div class="hiprint-option-item-label">纸张高度</div>
+    <div class="hiprint-option-item-field">
+      <input type="number" class="auto-submit" placeholder="纸张高度mm" />
+    </div>
+  </div>`);
+  const paperStyleRow = $(`<div class="hiprint-option-item hiprint-option-item-row">
+    <div class="hiprint-option-item-label">纸张样式</div>
+    <div class="hiprint-option-item-field">
+      <input type="text" class="auto-submit" placeholder="align-content:center;justify-content:center" />
+    </div>
+  </div>`);
+  wrapper.append(
+    layoutTypeRow,
+    layoutRowGapRow,
+    layoutColumnGapRow,
+    paperWidthRow,
+    paperHeightRow,
+    paperStyleRow
+  );
+  this.layoutType = layoutTypeRow.find("select");
+  this.layoutRowGap = layoutRowGapRow.find("input");
+  this.layoutColumnGap = layoutColumnGapRow.find("input");
+  this.paperWidth = paperWidthRow.find("input");
+  this.paperHeight = paperHeightRow.find("input");
+  this.paperStyle = paperStyleRow.find("input");
+  this.target = wrapper;
+  return this.target;
+};
+PanelLayoutOptionItem.prototype.getValue = function() {
+  var _a2, _b2, _c2, _d2;
+  const num = (el) => {
+    var _a3;
+    return parseInt(String(((_a3 = el == null ? void 0 : el.val) == null ? void 0 : _a3.call(el)) || 0), 10) || 0;
+  };
+  return {
+    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: ((_d2 = (_c2 = this.paperStyle) == null ? void 0 : _c2.val) == null ? void 0 : _d2.call(_c2)) || ""
+  };
+};
+PanelLayoutOptionItem.prototype.setValue = function(value) {
+  var _a2, _b2, _c2, _d2, _e, _f, _g, _h, _i, _j, _k, _l;
+  if (!value) return;
+  (_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 _a2, _b2;
+  (_b2 = (_a2 = this.target) == null ? void 0 : _a2.remove) == null ? void 0 : _b2.call(_a2);
+};
+function reorderPanelSettingOptions(options, panel, paperList) {
+  const {
+    paperList: _pl,
+    panelLayoutOptions,
+    backgroundColor: _bg,
+    watermarkOptions,
+    ...rest
+  } = options;
+  return {
+    paperList,
+    ...rest,
+    backgroundColor: panel.backgroundColor ?? _bg ?? "#ffffff",
+    watermarkOptions,
+    panelLayoutOptions
+  };
+}
+function ensurePaperListSupportOptionsFirst() {
+  var _a2, _b2, _c2;
+  try {
+    const cfg = window.HIPRINT_CONFIG;
+    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");
+    if (idx > 0) {
+      const [item] = opts.splice(idx, 1);
+      opts.unshift(item);
+    } else if (idx < 0) {
+      opts.unshift({ name: "paperList", hidden: false });
+    }
+    if (!opts.some((o) => o.name === "backgroundColor")) {
+      const wmIdx = opts.findIndex((o) => o.name === "watermarkOptions");
+      const entry = { name: "backgroundColor", hidden: false };
+      if (wmIdx >= 0) opts.splice(wmIdx, 0, entry);
+      else opts.push(entry);
+    }
+  } catch {
+  }
+}
+function patchPrintTemplatePaperList() {
+  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;
+  };
+  proto.getPaperList = function() {
+    return this._paperList || defaultPaperList;
+  };
+  proto.__svpPaperListPatched = true;
+}
+function patchPanelSettingTrigger(onPaperApplied) {
+  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 _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;
+      if (panel) {
+        const payload = args[0];
+        const list = getTemplatePaperList(tpl);
+        const paperList = buildPaperListValue(panel, list);
+        payload.options = reorderPanelSettingOptions(payload.options, panel, paperList);
+        const origCallback = payload.callback;
+        payload.callback = (values) => {
+          if ((values == null ? void 0 : values.paperList) && tpl) {
+            applyPaperList(tpl, values.paperList, () => onPaperApplied == null ? void 0 : onPaperApplied(tpl));
+          }
+          if (values && "backgroundColor" in values) {
+            applyPanelBackgroundColor(panel, values.backgroundColor);
+          }
+          origCallback == null ? void 0 : origCallback(values);
+        };
+      }
+    }
+    return origTrigger(key, ...args);
+  };
+  bus.__svpPaperListTriggerPatch = true;
+}
+function setupHiprintPaperList(paperList = DEFAULT_PAPER_LIST, onPaperApplied) {
+  defaultPaperList = paperList.length ? paperList : DEFAULT_PAPER_LIST;
+  if (patched) return;
+  patchPrintTemplatePaperList();
+  patchPanelSettingTrigger(onPaperApplied);
+  try {
+    hiprint.setConfig({
+      optionItems: [
+        PaperListOptionItem,
+        OrientOptionItem,
+        PanelBackgroundColorOptionItem,
+        WatermarkOptionItem,
+        PanelLayoutOptionItem
+      ],
+      panel: {
+        supportOptions: [
+          { name: "paperList", hidden: false },
+          { name: "backgroundColor", hidden: false }
+        ]
+      }
+    });
+    ensurePaperListSupportOptionsFirst();
+  } catch (e) {
+    console.warn("[hiprint-paper-list] setConfig failed", e);
+  }
+  patched = true;
+}
+const DEFAULT_TABLE_FIELDS = [
+  { text: "id", field: "id" },
+  { text: "姓名", field: "name" },
+  { text: "性别", field: "gender" },
+  { text: "数量", field: "count" }
+];
+const DEFAULT_TABLE_COLUMNS = [
+  [
+    {
+      width: 102.30000000000001,
+      checked: true,
+      fixed: false,
+      rowspan: 1,
+      colspan: 1
+    },
+    {
+      width: 102.30000000000001,
+      title: "姓名",
+      field: "name",
+      checked: true,
+      columnId: "name",
+      fixed: false,
+      rowspan: 1,
+      colspan: 1,
+      align: "center",
+      tableSummary: "count"
+    },
+    {
+      width: 102.30000000000001,
+      title: "数量",
+      field: "count",
+      checked: true,
+      columnId: "count",
+      fixed: false,
+      rowspan: 1,
+      colspan: 1,
+      align: "center",
+      tableSummary: "sum"
+    },
+    {
+      width: 102.30000000000001,
+      checked: true,
+      fixed: false,
+      rowspan: 1,
+      colspan: 1
+    },
+    {
+      width: 102.30000000000001,
+      checked: true,
+      fixed: false,
+      rowspan: 1,
+      colspan: 1
+    },
+    {
+      width: 85.25,
+      title: "性别",
+      field: "gender",
+      checked: false,
+      columnId: "gender",
+      fixed: false,
+      rowspan: 1,
+      colspan: 1
+    }
+  ]
+];
+const DEFAULT_TABLE_ELEMENT_TYPE = {
+  title: "表格",
+  type: "table",
+  field: "table",
+  fields: DEFAULT_TABLE_FIELDS.map((f) => ({ ...f })),
+  columns: DEFAULT_TABLE_COLUMNS.map((row) => row.map((col) => ({ ...col }))),
+  editable: true,
+  columnDisplayEditable: true,
+  columnDisplayIndexEditable: true,
+  columnTitleEditable: true,
+  columnResizable: true,
+  columnAlignEditable: true,
+  isEnableEditField: true,
+  isEnableContextMenu: true,
+  isEnableInsertRow: true,
+  isEnableDeleteRow: true,
+  isEnableInsertColumn: true,
+  isEnableDeleteColumn: true,
+  isEnableMergeCell: true
+};
+class Provider {
+}
+const TABLE_TID = "defaultModule.table";
+function rebuildTableColumns(type) {
+  if (typeof type.createTableColumnArray !== "function") return;
+  type.columns = [];
+  DEFAULT_TABLE_ELEMENT_TYPE.columns.forEach((row) => {
+    type.columns.push(type.createTableColumnArray(row.map((col) => ({ ...col }))));
+  });
+  if (typeof type.makeColumnObj === "function") {
+    type.columnObj = type.makeColumnObj();
+  }
+}
+function applyCustomTableType(current) {
+  Object.assign(current, {
+    title: DEFAULT_TABLE_ELEMENT_TYPE.title,
+    type: DEFAULT_TABLE_ELEMENT_TYPE.type,
+    field: DEFAULT_TABLE_ELEMENT_TYPE.field,
+    fields: DEFAULT_TABLE_ELEMENT_TYPE.fields.map((f) => ({ ...f })),
+    editable: DEFAULT_TABLE_ELEMENT_TYPE.editable,
+    columnDisplayEditable: DEFAULT_TABLE_ELEMENT_TYPE.columnDisplayEditable,
+    columnDisplayIndexEditable: DEFAULT_TABLE_ELEMENT_TYPE.columnDisplayIndexEditable,
+    columnTitleEditable: DEFAULT_TABLE_ELEMENT_TYPE.columnTitleEditable,
+    columnResizable: DEFAULT_TABLE_ELEMENT_TYPE.columnResizable,
+    columnAlignEditable: DEFAULT_TABLE_ELEMENT_TYPE.columnAlignEditable,
+    isEnableEditField: DEFAULT_TABLE_ELEMENT_TYPE.isEnableEditField,
+    isEnableContextMenu: DEFAULT_TABLE_ELEMENT_TYPE.isEnableContextMenu,
+    isEnableInsertRow: DEFAULT_TABLE_ELEMENT_TYPE.isEnableInsertRow,
+    isEnableDeleteRow: DEFAULT_TABLE_ELEMENT_TYPE.isEnableDeleteRow,
+    isEnableInsertColumn: DEFAULT_TABLE_ELEMENT_TYPE.isEnableInsertColumn,
+    isEnableDeleteColumn: DEFAULT_TABLE_ELEMENT_TYPE.isEnableDeleteColumn,
+    isEnableMergeCell: DEFAULT_TABLE_ELEMENT_TYPE.isEnableMergeCell,
+    groupFields: [],
+    groupFooterFormatter: void 0,
+    groupFormatter: void 0
+  });
+  rebuildTableColumns(current);
+  return current;
+}
+class SvpElementTypeProvider extends Provider {
+  addElementTypes(context) {
+    var _a2;
+    new defaultElementTypeProvider().addElementTypes(context);
+    if (typeof context.updateElementType === "function") {
+      context.updateElementType(TABLE_TID, applyCustomTableType);
+      return;
+    }
+    const current = (_a2 = context.getElementType) == null ? void 0 : _a2.call(context, TABLE_TID);
+    if (current) applyCustomTableType(current);
+  }
+}
+function ensureProviders(providers) {
+  if (providers && providers.length) return providers;
+  return [new SvpElementTypeProvider()];
+}
+const plugin = VuePluginHiprint;
+const hiprint = plugin.hiprint ?? ((_a = plugin.default) == null ? void 0 : _a.hiprint);
+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 _a2;
+  const providers = ensureProviders(options.providers);
+  if (!initialized) {
+    try {
+      hiprint.init({ providers, ...options.config ?? {} });
+      setupHiprintPaperList(
+        options.paperList ?? DEFAULT_PAPER_LIST,
+        options.onPaperApplied
+      );
+    } catch (e) {
+      console.error("[vue3-print-designer] hiprint.init failed", e);
+    }
+    initialized = true;
+  } else if ((_a2 = options.providers) == null ? void 0 : _a2.length) {
+    try {
+      options.providers.forEach(
+        (p) => {
+          var _a3, _b2;
+          return (_b2 = (_a3 = hiprint.PrintElementTypeManager) == null ? void 0 : _a3.build) == null ? void 0 : _b2.call(_a3, [p]);
+        }
+      );
+    } catch (e) {
+      console.warn("[vue3-print-designer] re-build providers failed", e);
+    }
+  }
+  if (options.autoConnect === false) {
+    try {
+      disAutoConnect();
+    } catch (_) {
+    }
+  }
+  return hiprint;
+}
+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 = (data) => {
+        cleanup();
+        this.notifyPrintSuccess(data);
+        resolve();
+      };
+      const onError = (data) => {
+        cleanup();
+        this.notifyPrintError(data);
+        reject(data instanceof Error ? data : new Error(String(data ?? "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(callback) {
+    this.connectionCallbacks.add(callback);
+    return () => {
+      this.connectionCallbacks.delete(callback);
+    };
+  }
+  onPrintSuccess(callback) {
+    this.printSuccessCallbacks.add(callback);
+    return () => {
+      this.printSuccessCallbacks.delete(callback);
+    };
+  }
+  onPrintError(callback) {
+    this.printErrorCallbacks.add(callback);
+    return () => {
+      this.printErrorCallbacks.delete(callback);
+    };
+  }
+  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(data) {
+    this.printSuccessCallbacks.forEach((cb) => {
+      try {
+        cb(data);
+      } catch (e) {
+        console.error("[print-designer] printSuccess listener failed", e);
+      }
+    });
+  }
+  notifyPrintError(data) {
+    this.printErrorCallbacks.forEach((cb) => {
+      try {
+        cb(data);
+      } catch (e) {
+        console.error("[print-designer] printError listener failed", e);
+      }
+    });
+  }
+};
+_PrintClient.instance = null;
+let PrintClient = _PrintClient;
+function getPrintClient() {
+  return PrintClient.getInstance();
+}
+export {
+  PrintClient,
+  autoConnect,
+  disAutoConnect,
+  ensureProviders,
+  getPrintClient,
+  hiprint,
+  initHiprint
+};
+//# sourceMappingURL=index.mjs.map