vue-print-designer 1.7.21 → 1.7.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +34 -28
- package/dist/{JsBarcode-_iur2kwE.js → JsBarcode-ZETBlZhn.js} +1 -1
- package/dist/{browser-Cq7bivW0.js → browser-BU5aSWCr.js} +1 -1
- package/dist/{index-FareAuIf.js → index-CJwG66xO.js} +1 -1
- package/dist/print-designer.es.js +1 -1
- package/dist/print-designer.umd.js +7 -7
- package/dist/{web-component-I9WFZJKO.js → web-component-CAm-Xnsm.js} +264 -118
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -43,9 +43,9 @@ Vue Print Designer 是一款可视化打印设计器，面向业务表单、标
|
|
|
43
43
|
|
|
44
44
|
<table width="100%">
|
|
45
45
|
<tr>
|
|
46
|
-
<td align="center" width="33%"><img src="https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/1.png" alt="设计器主界面"
|
|
47
|
-
<td align="center" width="34%"><img src="https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/2.png" alt="打印预览"
|
|
48
|
-
<td align="center" width="33%"><img src="https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/3.png" alt="打印参数配置"
|
|
46
|
+
<td align="center" width="33%"><img src="https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/1.png" alt="设计器主界面" width="100%" /></td>
|
|
47
|
+
<td align="center" width="34%"><img src="https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/2.png" alt="打印预览" width="100%" /></td>
|
|
48
|
+
<td align="center" width="33%"><img src="https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/3.png" alt="打印参数配置" width="100%" /></td>
|
|
49
49
|
</tr>
|
|
50
50
|
<tr>
|
|
51
51
|
<td align="center"><b>设计器主界面与画布视图</b></td>
|
|
@@ -53,9 +53,9 @@ Vue Print Designer 是一款可视化打印设计器，面向业务表单、标
|
|
|
53
53
|
<td align="center"><b>打印参数配置</b></td>
|
|
54
54
|
</tr>
|
|
55
55
|
<tr>
|
|
56
|
-
<td align="center"><img src="https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/4.png" alt="系统设置"
|
|
57
|
-
<td align="center"><img src="https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/5.png" alt="快捷键说明"
|
|
58
|
-
<td align="center"><img src="https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/6.png" alt="高级表格编辑"
|
|
56
|
+
<td align="center"><img src="https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/4.png" alt="系统设置" width="100%" /></td>
|
|
57
|
+
<td align="center"><img src="https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/5.png" alt="快捷键说明" width="100%" /></td>
|
|
58
|
+
<td align="center"><img src="https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/6.png" alt="高级表格编辑" width="100%" /></td>
|
|
59
59
|
</tr>
|
|
60
60
|
<tr>
|
|
61
61
|
<td align="center"><b>系统设置与偏好</b></td>
|
|
@@ -79,48 +79,54 @@ Vue Print Designer 是一款可视化打印设计器，面向业务表单、标
|
|
|
79
79
|
|
|
80
80
|
---
|
|
81
81
|
|
|
82
|
-
##
|
|
82
|
+
## 配套打印客户端（PrintDot Client）
|
|
83
83
|
|
|
84
|
-
|
|
84
|
+
PrintDot Client 是本项目的配套桌面客户端，用于连接本地打印机并执行静默打印任务。安装后，即可在浏览器中直接发起打印而无需弹窗确认。它提供服务控制、连接配置、打印记录、版本更新与打印预览等功能，帮助你在本地快速完成打印闭环。
|
|
85
|
+
|
|
86
|
+
- **支持平台**：Windows / macOS / Linux
|
|
87
|
+
- **关键能力**：自动发现并识别设备、稳定连接维护与转发队列、轻量后台运行、打印任务记录与版本更新提示
|
|
88
|
+
- **下载地址**：[https://printdot.cc/client](https://printdot.cc/client)
|
|
85
89
|
|
|
86
90
|
<table width="100%">
|
|
87
91
|
<tr>
|
|
88
|
-
<td align="center" width="
|
|
89
|
-
<td align="center" width="
|
|
90
|
-
<td align="center" width="
|
|
92
|
+
<td align="center" width="20%"><img src="https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/2-1.png" alt="PrintDot 主界面" width="100%" /></td>
|
|
93
|
+
<td align="center" width="20%"><img src="https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/2-2.png" alt="PrintDot 设置页面" width="100%" /></td>
|
|
94
|
+
<td align="center" width="20%"><img src="https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/2-3.png" alt="PrintDot 打印记录" width="100%" /></td>
|
|
95
|
+
<td align="center" width="20%"><img src="https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/2-4.png" alt="PrintDot 版本更新" width="100%" /></td>
|
|
96
|
+
<td align="center" width="20%"><img src="https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/2-5.png" alt="PrintDot 打印预览" width="100%" /></td>
|
|
91
97
|
</tr>
|
|
92
98
|
<tr>
|
|
93
|
-
<td align="center"><b
|
|
94
|
-
<td align="center"><b
|
|
95
|
-
<td align="center"><b
|
|
99
|
+
<td align="center"><b>主界面 - 服务控制与可用打印机</b></td>
|
|
100
|
+
<td align="center"><b>设置页面 - 云打印中转与连接配置</b></td>
|
|
101
|
+
<td align="center"><b>打印记录 - 任务状态与重试</b></td>
|
|
102
|
+
<td align="center"><b>版本更新 - 一键检测最新客户端</b></td>
|
|
103
|
+
<td align="center"><b>打印预览 - 本地客户端实时预览</b></td>
|
|
96
104
|
</tr>
|
|
97
105
|
</table>
|
|
98
106
|
|
|
99
|
-
- **项目地址**：[https://github.com/0ldFive/vue-designer-sample](https://github.com/0ldFive/vue-designer-sample)
|
|
100
|
-
- **在线演示**：[https://0ldfive.github.io/vue-designer-sample/#/designer](https://0ldfive.github.io/vue-designer-sample/#/designer)
|
|
101
|
-
- **技术栈**：Vue 3, TypeScript, Element Plus, Vite
|
|
102
|
-
|
|
103
107
|
---
|
|
104
108
|
|
|
105
|
-
##
|
|
106
|
-
|
|
107
|
-
PrintDot Client 是配套的桌面打印助手（Wails + Vue），用于设备发现、连接管理与任务转发。与本项目配合可实现稳定的本地客户端打印链路。
|
|
109
|
+
## 集成示例
|
|
108
110
|
|
|
109
|
-
|
|
110
|
-
- **关键能力**：自动发现并识别设备、稳定连接维护与转发队列、轻量后台运行
|
|
111
|
-
- **项目地址**：[https://github.com/0ldFive/PrintDot-Client](https://github.com/0ldFive/PrintDot-Client)
|
|
111
|
+
基于 **Vue 3 + Element Plus** 的完整集成示例，演示如何在实际业务系统中嵌入打印设计器。
|
|
112
112
|
|
|
113
113
|
<table width="100%">
|
|
114
114
|
<tr>
|
|
115
|
-
<td align="center" width="
|
|
116
|
-
<td align="center" width="
|
|
115
|
+
<td align="center" width="33%"><img src="https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/11.png" alt="参数调试" width="100%" /></td>
|
|
116
|
+
<td align="center" width="34%"><img src="https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/12.png" alt="设计器" width="100%" /></td>
|
|
117
|
+
<td align="center" width="33%"><img src="https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/13.png" alt="暗色模式" width="100%" /></td>
|
|
117
118
|
</tr>
|
|
118
119
|
<tr>
|
|
119
|
-
<td align="center"><b
|
|
120
|
-
<td align="center"><b
|
|
120
|
+
<td align="center"><b>参数调试</b></td>
|
|
121
|
+
<td align="center"><b>设计器</b></td>
|
|
122
|
+
<td align="center"><b>暗色模式</b></td>
|
|
121
123
|
</tr>
|
|
122
124
|
</table>
|
|
123
125
|
|
|
126
|
+
- **项目地址**：[https://github.com/0ldFive/vue-designer-sample](https://github.com/0ldFive/vue-designer-sample)
|
|
127
|
+
- **在线演示**：[https://0ldfive.github.io/vue-designer-sample/#/designer](https://0ldfive.github.io/vue-designer-sample/#/designer)
|
|
128
|
+
- **技术栈**：Vue 3, TypeScript, Element Plus, Vite
|
|
129
|
+
|
|
124
130
|
---
|
|
125
131
|
|
|
126
132
|
## 快速开始
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { d as defineComponent, h, c as computed, o as onUnmounted, w as watch, s as shallowRef, l as loader, a as onMounted, n as nextTick, r as ref } from "./web-component-
|
|
1
|
+
import { d as defineComponent, h, c as computed, o as onUnmounted, w as watch, s as shallowRef, l as loader, a as onMounted, n as nextTick, r as ref } from "./web-component-CAm-Xnsm.js";
|
|
2
2
|
var __defProp$2 = Object.defineProperty;
|
|
3
3
|
var __defProps = Object.defineProperties;
|
|
4
4
|
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|