vg-print 1.1.515 → 1.1.516
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 +5 -16
- package/dist/style.css +1 -1
- package/dist/vg-print.es.js +37149 -37022
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -193,17 +193,13 @@ hiprint.register({
|
|
|
193
193
|
|
|
194
194
|
## Header 顶部工具栏组件
|
|
195
195
|
|
|
196
|
-
-
|
|
196
|
+
- 用于页面一级头部区域，内置常用操作按钮；支持通过 `props` 与 `slots` 定制。
|
|
197
197
|
- 默认嵌入在 `FullDesigner` 中；也可单独使用。
|
|
198
198
|
|
|
199
199
|
### 属性（Props）
|
|
200
200
|
|
|
201
201
|
- `logoHtml: string` 左侧 Logo 区自定义 HTML 片段
|
|
202
202
|
- `title: string` 左侧标题文本
|
|
203
|
-
- `printCount: number` 打印份数，默认 `1`（支持 `v-model:printCount`）
|
|
204
|
-
- `printerName: string` 当前选择的打印机名称（支持 `v-model:printerName`）
|
|
205
|
-
- `printerList: Array<{ name: string; label: string }>` 打印机列表
|
|
206
|
-
- `waitShowPrinter: boolean` 显示“浏览器打印”按钮的加载状态
|
|
207
203
|
- `languages: Array<{ label: string; value: string }>` 语言切换下拉选项
|
|
208
204
|
|
|
209
205
|
### 事件（Emits）
|
|
@@ -212,7 +208,6 @@ hiprint.register({
|
|
|
212
208
|
- `print-view` 浏览器打印
|
|
213
209
|
- `to-pdf` 导出 PDF
|
|
214
210
|
- `to-image` 导出图片
|
|
215
|
-
- `print` 直接打印（需客户端）
|
|
216
211
|
- `clear-paper` 清空（带二次确认）
|
|
217
212
|
- `save` 保存（拆分按钮的主键）
|
|
218
213
|
- `edit-template` 打开“编辑模板数据”对话框
|
|
@@ -224,7 +219,7 @@ hiprint.register({
|
|
|
224
219
|
|
|
225
220
|
- `headerLeft` 左侧区域（默认：logo + 标题）
|
|
226
221
|
- `headerCenter` 中间自定义区域（默认空）
|
|
227
|
-
- `headerRight`
|
|
222
|
+
- `headerRight` 右侧操作区（默认：一组常用操作按钮）
|
|
228
223
|
|
|
229
224
|
### 如果发现外部调用安装过程页面样式有丢失情况， 可以引入打印样式重要提醒需要复制
|
|
230
225
|
|
|
@@ -269,7 +264,6 @@ hiprint.register({
|
|
|
269
264
|
<el-button size="small" @click="designer.value.printView()">浏览器打印</el-button>
|
|
270
265
|
<el-button type="primary" size="small" @click="designer.value.toPdf()">导出 PDF</el-button>
|
|
271
266
|
<el-button size="small" @click="designer.value.toImage()">导出图片</el-button>
|
|
272
|
-
<el-button size="small" @click="designer.value.print()">直接打印</el-button>
|
|
273
267
|
<el-button type="warning" size="small" @click="onClear()">清空</el-button>
|
|
274
268
|
<el-button type="success" size="small" @click="onSaveDirect()">保存</el-button>
|
|
275
269
|
</template>
|
|
@@ -294,17 +288,12 @@ const onSaveDirect = () => designer.value?.save()
|
|
|
294
288
|
```vue
|
|
295
289
|
<template>
|
|
296
290
|
<Header
|
|
297
|
-
v-model:printCount="count"
|
|
298
|
-
v-model:printerName="printer"
|
|
299
|
-
:printerList="printers"
|
|
300
|
-
:waitShowPrinter="loading"
|
|
301
291
|
:languages="langs"
|
|
302
292
|
title="打印设计器"
|
|
303
293
|
@preview="onPreview"
|
|
304
294
|
@print-view="onPrintView"
|
|
305
295
|
@to-pdf="onToPdf"
|
|
306
296
|
@to-image="onToImage"
|
|
307
|
-
@print="onPrint"
|
|
308
297
|
@clear-paper="onClear"
|
|
309
298
|
@save="onSave"
|
|
310
299
|
@lang-change="onLangChange"
|
|
@@ -315,11 +304,11 @@ const onSaveDirect = () => designer.value?.save()
|
|
|
315
304
|
|
|
316
305
|
### 响应式策略（已内置）
|
|
317
306
|
|
|
318
|
-
-
|
|
307
|
+
- 窗口缩小时自动隐藏中间区域与次要按钮；左侧 logo/标题不受影响。
|
|
319
308
|
- 断点规则：
|
|
320
309
|
- `≤1600px` 隐藏中间区域
|
|
321
|
-
- `≤1400px`
|
|
322
|
-
- `≤1200px`
|
|
310
|
+
- `≤1400px` 隐藏预览、浏览器打印、导出 PDF、导出图片
|
|
311
|
+
- `≤1200px` 隐藏语言切换
|
|
323
312
|
- `≤992px` 隐藏清空
|
|
324
313
|
- `≤768px` 隐藏标题文本（保留 Logo）
|
|
325
314
|
|