vue-print-designer 1.8.0 → 1.8.2

package/README.md

@@ -55,12 +55,12 @@ Vue Print Designer 是一款可视化打印设计器，面向业务表单、标
   <tr>
     <td align="center"><img src="https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/4.png?v=2" alt="AI 模型配置" width="100%" /></td>
     <td align="center"><img src="https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/5.png" alt="快捷键说明" width="100%" /></td>
-    <td align="center"><img src="https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/6.png" alt="高级表格编辑" width="100%" /></td>
+    <td align="center"><img src="https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/6.png?v=2" alt="模板市场" width="100%" /></td>
   </tr>
   <tr>
     <td align="center"><b>AI 助手 &#183; 模型接入配置</b></td>
     <td align="center"><b>快捷键说明</b></td>
-    <td align="center"><b>高级表格编辑</b></td>
+    <td align="center"><b>模板市场</b></td>
   </tr>
 </table>
 
@@ -76,6 +76,7 @@ Vue Print Designer 是一款可视化打印设计器，面向业务表单、标
   - **浏览器打印**：原生预览与打印。
   - **导出**：支持生成 PDF、图片（拼接 / 分片）。
   - **客户端打印**：支持**静默打印**（无弹窗直打）与**云打印**（远程任务下发）。
+  - **标签打印**：配套客户端把设计器模板直接转成标签打印机原生指令（TSPL / ZPL / ESC-POS / CPCL），经系统打印队列 RAW 直出，条码与二维码保持矢量锐度，支持批量数据与连续纸。
 - **企业级功能**：支持自定义纸张、API 数据对接、模板导入导出及精细的打印参数控制（打印机 / 份数 / 单双面 / DPI）。
 
 ---
@@ -105,6 +106,51 @@ PrintDot Client 是本项目的配套桌面客户端，用于连接本地打印
   </tr>
 </table>
 
+### 标签打印（RAW 指令直出）
+
+热敏 / 热转印标签机（TSC、佳博、斑马、汉印、得力、芯烨等）本质是指令集打印机，把 PDF 交给这类设备只能整页栅格化：出标慢、条码扫描率下降、自定义纸张还容易缩放错位。客户端为此提供独立的标签打印通道——直接解析设计器模板 JSON，生成打印机原生指令后以 RAW 方式投递到系统打印队列，驱动原样透传。
+
+- **四种指令集**：TSPL / ZPL / ESC-POS / CPCL，默认按打印机名与驱动名自动推断，识别不到时可显式指定。
+- **元素完整还原**：文本（自动换行、对齐、粗细）、条码、二维码、表格（合并单元格、表头表尾、SUM / AVG / COUNT 聚合）、图片（抖动为黑白）、矩形 / 线条 / 圆形、多标签网格，以及任意角度的元素旋转。
+- **打印参数可控**：标签纸宽高（毫米，高度填 0 即连续纸按内容撑高）、DPI、速度、浓度、间隙 / 黑标 / 纵向偏移；文字可选位图渲染（版式保真）或机内字库（指令体积更小）。
+- **两条使用路径**：
+  - 业务端发送 `print_label` 消息，把设计器导出的模板 JSON 原样转发即可，无需二次加工；
+  - 在客户端打印预览窗口勾选「标签打印」即可本地出标（需设计器预览模式为 JSON）；选中标签机时会自动识别指令集并勾选，识别结果可随时手动推翻。
+- **批量与多页**：模板一页即一张标签；`labels[]` 可一次提交整批数据，每条数据独立设置份数，相邻标签之间可配置间隔。
+- **可追溯**：打印记录以 `label` 类型保存任务，并保留下发的指令内容，便于复查。
+
+#### 打印效果一致性比对
+
+下图为同一张 60 × 40 mm 仓库标签的三种呈现：设计器导出的原始效果、Zebra 官方 Labelary 服务按 ZPL 指令解析出的固件模拟结果，以及客户端本地按同一批指令重绘的结果。右下角将三者分别以红、黄、蓝三层叠加，重合区域呈深紫灰，可据此检查文本位置、字号与条码模块是否对齐。
+
+<table width="100%">
+  <tr>
+    <td align="center"><img src="https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/label-compare-comparison.png" alt="标签打印三路对比" width="100%" /></td>
+  </tr>
+  <tr>
+    <td align="center"><b>四路对照：设计器原图 / 厂商 API 模拟 / 客户端指令渲染 / 三方叠加</b></td>
+  </tr>
+</table>
+
+<table width="100%">
+  <tr>
+    <td align="center" width="25%"><img src="https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/label-compare-designer.png" alt="设计器原图" width="100%" /></td>
+    <td align="center" width="25%"><img src="https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/label-compare-api.png" alt="厂商 API 模拟" width="100%" /></td>
+    <td align="center" width="25%"><img src="https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/label-compare-local.png" alt="客户端指令渲染" width="100%" /></td>
+    <td align="center" width="25%"><img src="https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/label-compare-overlay.png" alt="三方叠加" width="100%" /></td>
+  </tr>
+  <tr>
+    <td align="center"><b>设计器原图</b></td>
+    <td align="center"><b>厂商 API 模拟</b></td>
+    <td align="center"><b>客户端指令渲染</b></td>
+    <td align="center"><b>三方叠加（diff）</b></td>
+  </tr>
+</table>
+
+以上图片由测试工具自动生成，不是手工截图。修改标签相关代码后，工具会将 ZPL 指令提交至 Labelary 逐点比对，差异超过 0.5% 时给出告警；无网络环境下自动跳过远端比对并输出提示，不影响本地打印任务。
+
+> 边界说明：彩色与灰度按黑白抖动输出；`pageNumber` 元素、水印 / 渐变 / 阴影、自定义 JS 脚本在标签路径下会被忽略且不阻断任务；ESC-POS 依赖机型支持 page mode 与 `ESC *` 位图。文字版式跨机器一致（客户端内嵌字体渲染），几何误差约 0.5 dot（203 dpi 下约 0.06 mm）。
+
 ---
 
 ## 集成示例

package/dist/{AiSettingsSection-_vzlm2KM.js → AiSettingsSection-Ce1qItaA.js}

@@ -1,6 +1,6 @@
-import { j as defineComponent, a0 as inject, J as ref, g as computed, w as watch, L as onMounted, M as onBeforeUnmount, o as openBlock, B as createBlock, T as Teleport, l as unref, e as createBaseVNode, y as toDisplayString, p as createVNode, C as Close, t as withDirectives, x as vModelText, v as withKeys, k as withModifiers, a1 as _sfc_main$2, n as normalizeClass, A as ChevronIcon, d as createElementBlock, F as Fragment, a2 as vModelCheckbox, z as createTextVNode, q as createCommentVNode, a as useI18n, b as useTemplateStore, a3 as AddIcon, r as renderList, G as EditIcon, H as DeleteIcon } from "./web-component-CFaq9hNs.js";
-import { r as requestAiTemplate, A as AiRequestError, u as useAiStore, a as activeAiProfile } from "./client-CmWO24QA.js";
-import { u as useAiLocale } from "./index-CTvPPuK3.js";
+import { l as defineComponent, a3 as inject, L as ref, j as computed, w as watch, N as onMounted, O as onBeforeUnmount, o as openBlock, E as createBlock, T as Teleport, q as unref, g as createBaseVNode, A as toDisplayString, t as createVNode, C as CloseIcon, x as withDirectives, z as vModelText, y as withKeys, p as withModifiers, ad as _sfc_main$2, n as normalizeClass, D as ChevronIcon, f as createElementBlock, F as Fragment, ae as vModelCheckbox, B as createTextVNode, v as createCommentVNode, a as useI18n, e as useTemplateStore, af as AddIcon, r as renderList, J as EditIcon, K as DeleteIcon } from "./web-component-Ch6T6yFD.js";
+import { r as requestAiTemplate, A as AiRequestError, u as useAiStore, a as activeAiProfile } from "./client-BdMMFNKL.js";
+import { u as useAiLocale } from "./index-B6xcGTY_.js";
 const _hoisted_1$1 = { class: "flex h-[34rem] max-h-[85vh] w-[32rem] flex-col overflow-hidden rounded-lg bg-white shadow-xl" };
 const _hoisted_2$1 = { class: "flex shrink-0 items-center justify-between border-b border-gray-200 px-4 py-3" };
 const _hoisted_3$1 = { class: "text-sm font-semibold text-gray-800" };
@@ -230,7 +230,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 class: "rounded-full p-1 text-gray-400 transition-colors hover:bg-gray-100 hover:text-gray-600",
                 onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
               }, [
-                createVNode(unref(Close), { class: "w-4 h-4" })
+                createVNode(unref(CloseIcon), { class: "w-4 h-4" })
               ])
             ]),
             createBaseVNode("div", _hoisted_4$1, [

package/dist/{FloatingAiPanel-DB_N38Ax.js → FloatingAiPanel-BWa_cAyG.js}

@@ -1,91 +1,50 @@
-import { m as markRaw, o as openBlock, d as createElementBlock, e as createBaseVNode, f as uuidv4, u as useDesignerStore, b as useTemplateStore, a as useI18n, g as computed, c as cloneDeep, h as uiConfirm, j as defineComponent, w as watch, n as normalizeClass, k as withModifiers, F as Fragment, r as renderList, l as unref, p as createVNode, C as Close, q as createCommentVNode, t as withDirectives, v as withKeys, x as vModelText, y as toDisplayString, I as ImageIcon, z as createTextVNode, A as ChevronIcon, B as createBlock, D as CheckIcon, E as CopyIcon, G as EditIcon, H as DeleteIcon, J as ref, K as nextTick, T as Teleport, S as SparkleIcon, L as onMounted, M as onBeforeUnmount, N as ChevronRightIcon, O as useFloatingTooltip, P as FEATURE_FLAGS_CHANGE_EVENT, Q as vShow, R as HistoryIcon, U as Settings, V as normalizeStyle, W as resolveDynamicComponent, X as ArrowUpIcon, Y as PanelResizeIcon } from "./web-component-CFaq9hNs.js";
-import { u as useAiStore, i as isAiConfigReady, a as activeAiProfile, r as requestAiTemplate, A as AiRequestError } from "./client-CmWO24QA.js";
-import { c as createActionText, u as useAiLocale } from "./index-CTvPPuK3.js";
-import { e as extractJsonText, f as dropPreview, a as cancelPreview, c as commitPreview, r as resolveLocalAction, g as getActionDefinition, b as buildSystemPrompt, h as getPromptLanguage, d as buildUserMessage, n as normalizeTemplate, i as beginPreview } from "./preview-CGnhbhlb.js";
-const _hoisted_1$e = {
+import { m as markRaw, o as openBlock, f as createElementBlock, g as createBaseVNode, h as uuidv4, u as useDesignerStore, e as useTemplateStore, a as useI18n, j as computed, c as cloneDeep, k as uiConfirm, l as defineComponent, w as watch, n as normalizeClass, p as withModifiers, F as Fragment, r as renderList, q as unref, t as createVNode, C as CloseIcon, v as createCommentVNode, x as withDirectives, y as withKeys, z as vModelText, A as toDisplayString, I as ImageIcon, B as createTextVNode, D as ChevronIcon, E as createBlock, G as CheckIcon, H as CopyIcon, J as EditIcon, K as DeleteIcon, L as ref, M as nextTick, T as Teleport, S as SparkleIcon, N as onMounted, O as onBeforeUnmount, P as ChevronRightIcon, Q as useFloatingTooltip, R as FEATURE_FLAGS_CHANGE_EVENT, U as vShow, V as HistoryIcon, W as Settings, X as normalizeStyle, Y as resolveDynamicComponent, Z as ArrowUpIcon, _ as PanelResizeIcon } from "./web-component-Ch6T6yFD.js";
+import { R as RefreshIcon, F as FinanceIcon, S as ShippingIcon, O as OfficeIcon } from "./refresh-DV7QQgv5.js";
+import { u as useAiStore, i as isAiConfigReady, a as activeAiProfile, r as requestAiTemplate, A as AiRequestError } from "./client-BdMMFNKL.js";
+import { c as createActionText, u as useAiLocale } from "./index-B6xcGTY_.js";
+import { e as extractJsonText, f as dropPreview, a as cancelPreview, c as commitPreview, r as resolveLocalAction, g as getActionDefinition, b as buildSystemPrompt, h as getPromptLanguage, d as buildUserMessage, n as normalizeTemplate, i as beginPreview } from "./preview-6xanSdC7.js";
+const _hoisted_1$a = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function render$a(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$e, [..._cache[0] || (_cache[0] = [
+function render$6(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$a, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M6 18V6h12v12z"
     }, null, -1)
   ])]);
 }
-const StopIcon = markRaw({ name: "material-symbols-stop", render: render$a });
-const _hoisted_1$d = {
+const StopIcon = markRaw({ name: "material-symbols-stop", render: render$6 });
+const _hoisted_1$9 = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function render$9(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$d, [..._cache[0] || (_cache[0] = [
+function render$5(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$9, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M11 14h2v-3h3V9h-3V6h-2v3H8v2h3zm-9 8V4q0-.825.588-1.412T4 2h16q.825 0 1.413.588T22 4v12q0 .825-.587 1.413T20 18H6z"
     }, null, -1)
   ])]);
 }
-const AddCommentIcon = markRaw({ name: "material-symbols-add-comment", render: render$9 });
-const _hoisted_1$c = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-function render$8(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$c, [..._cache[0] || (_cache[0] = [
-    createBaseVNode("path", {
-      fill: "currentColor",
-      d: "M6 22q-1.25 0-2.125-.875T3 19v-3h3V2l1.5 1.5L9 2l1.5 1.5L12 2l1.5 1.5L15 2l1.5 1.5L18 2l1.5 1.5L21 2v17q0 1.25-.875 2.125T18 22zm12-2q.425 0 .713-.288T19 19V5H8v11h9v3q0 .425.288.713T18 20M9 9V7h6v2zm0 3v-2h6v2zm8-3q-.425 0-.712-.288T16 8t.288-.712T17 7t.713.288T18 8t-.288.713T17 9m0 3q-.425 0-.712-.288T16 11t.288-.712T17 10t.713.288T18 11t-.288.713T17 12"
-    }, null, -1)
-  ])]);
-}
-const ReceiptIcon = markRaw({ name: "material-symbols-receipt-long", render: render$8 });
-const _hoisted_1$b = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-function render$7(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$b, [..._cache[0] || (_cache[0] = [
-    createBaseVNode("path", {
-      fill: "currentColor",
-      d: "M3.875 19.125Q3 18.25 3 17H1V6q0-.825.588-1.412T3 4h14v4h3l3 4v5h-2q0 1.25-.875 2.125T18 20t-2.125-.875T15 17H9q0 1.25-.875 2.125T6 20t-2.125-.875m2.838-1.412Q7 17.425 7 17t-.288-.712T6 16t-.712.288T5 17t.288.713T6 18t.713-.288m12 0Q19 17.426 19 17t-.288-.712T18 16t-.712.288T17 17t.288.713T18 18t.713-.288M17 13h4.25L19 10h-2z"
-    }, null, -1)
-  ])]);
-}
-const ShippingIcon = markRaw({ name: "material-symbols-local-shipping", render: render$7 });
-const _hoisted_1$a = {
+const AddCommentIcon = markRaw({ name: "material-symbols-add-comment", render: render$5 });
+const _hoisted_1$8 = {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em"
 };
-function render$6(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$a, [..._cache[0] || (_cache[0] = [
+function render$4(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$8, [..._cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M13 21v-2h2v2zm-2-2v-5h2v5zm8-3v-4h2v4zm-2-4v-2h2v2zM5 14v-2h2v2zm-2-2v-2h2v2zm9-7V3h2v2zM4.5 7.5h3v-3h-3zM3 9V3h6v6zm1.5 10.5h3v-3h-3zM3 21v-6h6v6zM16.5 7.5h3v-3h-3zM15 9V3h6v6zm2 12v-3h-2v-2h4v3h2v2zm-4-7v-2h4v2zm-4 0v-2H7v-2h6v2h-2v2zm1-5V5h2v2h2v2zM5.25 6.75v-1.5h1.5v1.5zm0 12v-1.5h1.5v1.5zm12-12v-1.5h1.5v1.5z"
     }, null, -1)
   ])]);
 }
-const QrCodeIcon = markRaw({ name: "material-symbols-qr-code-2", render: render$6 });
-const _hoisted_1$9 = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-function render$5(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$9, [..._cache[0] || (_cache[0] = [
-    createBaseVNode("path", {
-      fill: "currentColor",
-      d: "M4 22q-.825 0-1.412-.587T2 20V9q0-.825.588-1.412T4 7h5V4q0-.825.588-1.412T11 2h2q.825 0 1.413.588T15 4v3h5q.825 0 1.413.588T22 9v11q0 .825-.587 1.413T20 22zm2-4h6v-.45q0-.425-.238-.788T11.1 16.2q-.5-.225-1.012-.337T9 15.75t-1.088.113T6.9 16.2q-.425.2-.663.563T6 17.55zm8-1.5h4V15h-4zm-3.937-1.937q.437-.438.437-1.063t-.437-1.062T9 12t-1.062.438T7.5 13.5t.438 1.063T9 15t1.063-.437M14 13.5h4V12h-4zM11 9h2V4h-2z"
-    }, null, -1)
-  ])]);
-}
-const BadgeIcon = markRaw({ name: "material-symbols-badge", render: render$5 });
+const QrCodeIcon = markRaw({ name: "material-symbols-qr-code-2", render: render$4 });
 const MAX_IMAGES = 4;
 const MAX_IMAGE_SIZE = 5 * 1024 * 1024;
 const IMAGE_TYPES = ["image/png", "image/jpeg", "image/webp"];
@@ -762,20 +721,6 @@ Reply in ${language}. Return the next step as a JSON object, for example {"actio
     reset
   };
 };
-const _hoisted_1$8 = {
-  viewBox: "0 0 24 24",
-  width: "1.2em",
-  height: "1.2em"
-};
-function render$4(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$8, [..._cache[0] || (_cache[0] = [
-    createBaseVNode("path", {
-      fill: "currentColor",
-      d: "M12 20q-3.35 0-5.675-2.325T4 12t2.325-5.675T12 4q1.725 0 3.3.712T18 6.75V4h2v7h-7V9h4.2q-.8-1.4-2.187-2.2T12 6Q9.5 6 7.75 7.75T6 12t1.75 4.25T12 18q1.925 0 3.475-1.1T17.65 14h2.1q-.7 2.65-2.85 4.325T12 20"
-    }, null, -1)
-  ])]);
-}
-const RefreshIcon = markRaw({ name: "material-symbols-refresh", render: render$4 });
 const _hoisted_1$7 = {
   viewBox: "0 0 24 24",
   width: "1.2em",
@@ -1185,7 +1130,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                   title: unref(messages).removeImage,
                   onClick: ($event) => removeEditImage(image.id)
                 }, [
-                  createVNode(unref(Close), { class: "h-3 w-3" })
+                  createVNode(unref(CloseIcon), { class: "h-3 w-3" })
                 ], 8, _hoisted_3$2)
               ]);
             }), 128))
@@ -1772,7 +1717,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             class: "absolute right-4 top-4 inline-flex h-8 w-8 items-center justify-center rounded-full bg-black/50 text-white transition hover:bg-black/70",
             onClick: withModifiers(close, ["stop"])
           }, [
-            createVNode(unref(Close), { class: "h-4 w-4" })
+            createVNode(unref(CloseIcon), { class: "h-4 w-4" })
           ])
         ])) : createCommentVNode("", true)
       ]);
@@ -1911,7 +1856,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         if (!value) previewImages.value = [];
       }
     });
-    const exampleIcons = [ReceiptIcon, ShippingIcon, QrCodeIcon, BadgeIcon];
+    const exampleIcons = [FinanceIcon, ShippingIcon, QrCodeIcon, OfficeIcon];
     const activeProfile = computed(
       () => activeAiProfile(store.config, store.builtinModels)
     );
@@ -2227,7 +2172,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }, ["stop"])),
                 onClick: withModifiers(handleClose, ["stop"])
               }, [
-                createVNode(unref(Close), { class: "h-4 w-4" })
+                createVNode(unref(CloseIcon), { class: "h-4 w-4" })
               ], 32)
             ]),
             historyOpen.value ? (openBlock(), createElementBlock("div", {
@@ -2365,7 +2310,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       title: unref(messages).removeImage,
                       onClick: ($event) => removeImage(image.id)
                     }, [
-                      createVNode(unref(Close), { class: "h-3 w-3" })
+                      createVNode(unref(CloseIcon), { class: "h-3 w-3" })
                     ], 8, _hoisted_28)
                   ]);
                 }), 128))

package/dist/{JsBarcode-D2UQSoxx.js → JsBarcode-CJ_Wu-Js.js}

@@ -1,4 +1,4 @@
-import { a5 as getDefaultExportFromCjs } from "./web-component-CFaq9hNs.js";
+import { ag as getDefaultExportFromCjs } from "./web-component-Ch6T6yFD.js";
 function _mergeNamespaces(n, m) {
   for (var i = 0; i < m.length; i++) {
     const e = m[i];