vue-print-designer 1.6.1 → 1.6.3
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 +10 -7
- package/dist/{JsBarcode-CF3Jz4_5.js → JsBarcode-CK3FQyAi.js} +1 -1
- package/dist/{browser-Dik0Cr-Q.js → browser-BEvYarzq.js} +1 -1
- package/dist/{index-BjcEGNh5.js → index-C-_bPepa.js} +1 -1
- package/dist/print-designer.css +1 -1
- package/dist/print-designer.es.js +1 -1
- package/dist/print-designer.umd.js +7 -22
- package/dist/{web-component-Ca_VbCWO.js → web-component-BjrES2ff.js} +6646 -10075
- package/dist/web-component.d.ts +3 -1
- package/package.json +2 -6
package/README.md
CHANGED
|
@@ -4,7 +4,11 @@
|
|
|
4
4
|
|
|
5
5
|
<h1 align="center">Vue Print Designer</h1>
|
|
6
6
|
|
|
7
|
+
<table width="100%"><tr><td align="center" bgcolor="#e8f4fd"><b>最新优化：</b> 移除 6 个第三方大包，首次加载体积减少约 <b>65%</b>；渲染引擎全链路自研，单页渲染耗时由约 <b>300 ms 降至 80 ms</b>（约 −73%）；多语言 2 → <b>6 种</b>，浏览器自动适配。</td></tr></table>
|
|
8
|
+
|
|
7
9
|
<p align="center">
|
|
10
|
+
<a href="https://gitee.com/theGreatOldFive/vue-print-designer/stargazers"><img src="https://gitee.com/theGreatOldFive/vue-print-designer/badge/star.svg?theme=flat" alt="Gitee stars"></a>
|
|
11
|
+
<a href="https://gitee.com/theGreatOldFive/vue-print-designer/members"><img src="https://gitee.com/theGreatOldFive/vue-print-designer/badge/fork.svg?theme=flat" alt="Gitee forks"></a>
|
|
8
12
|
<a href="https://github.com/0ldFive/Vue-Print-Designer/stargazers"><img src="https://img.shields.io/github/stars/0ldFive/Vue-Print-Designer?style=flat-square&logo=github" alt="GitHub stars"></a>
|
|
9
13
|
<a href="https://github.com/0ldFive/Vue-Print-Designer/network/members"><img src="https://img.shields.io/github/forks/0ldFive/Vue-Print-Designer?style=flat-square&logo=github" alt="GitHub forks"></a>
|
|
10
14
|
<a href="https://www.npmjs.com/package/vue-print-designer"><img src="https://img.shields.io/npm/dm/vue-print-designer.svg?style=flat-square&logo=npm" alt="NPM Downloads"></a>
|
|
@@ -21,15 +25,14 @@ Vue Print Designer 是一款可视化打印设计器，面向业务表单、标
|
|
|
21
25
|
|
|
22
26
|
<h2>在线演示: <a href="https://0ldfive.github.io/Vue-Print-Designer/" target="_blank" rel="noopener noreferrer">https://0ldfive.github.io/Vue-Print-Designer/</a></h2>
|
|
23
27
|
|
|
28
|
+
|
|
24
29
|
## 界面预览
|
|
25
30
|
|
|
26
31
|
| 设计器主界面与画布视图 | 打印预览 | 打印参数配置 |
|
|
27
32
|
| ---------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------ |
|
|
28
|
-
| <img src="https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/1.png" alt="设计器主界面" width="
|
|
29
|
-
|
|
30
|
-
|
|
|
31
|
-
| ------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------ |
|
|
32
|
-
| <img src="https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/4.png" alt="系统设置" width="240" /> | <img src="https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/5.png" alt="快捷键" width="240" /> | <img src="https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/6.png" alt="高级表格" width="240" /> |
|
|
33
|
+
| <img src="https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/1.png" alt="设计器主界面" width="160" /> | <img src="https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/2.png" alt="打印预览" width="160" /> | <img src="https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/3.png" alt="打印参数" width="160" /> |
|
|
34
|
+
| **系统设置与偏好** | **快捷键说明** | **高级表格编辑** |
|
|
35
|
+
| <img src="https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/4.png" alt="系统设置" width="160" /> | <img src="https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/5.png" alt="快捷键" width="160" /> | <img src="https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/6.png" alt="高级表格" width="160" /> |
|
|
33
36
|
|
|
34
37
|
## 集成示例
|
|
35
38
|
|
|
@@ -37,7 +40,7 @@ Vue Print Designer 是一款可视化打印设计器，面向业务表单、标
|
|
|
37
40
|
|
|
38
41
|
| 参数调试 | 设计器 | 暗色模式 |
|
|
39
42
|
| ------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------ |
|
|
40
|
-
| <img src="https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/11.png" alt="集成示例图 11" width="
|
|
43
|
+
| <img src="https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/11.png" alt="集成示例图 11" width="160" /> | <img src="https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/12.png" alt="集成示例图 12" width="160" /> | <img src="https://raw.githubusercontent.com/0ldFive/Vue-Print-Designer/master/docs/images/13.png" alt="集成示例图 13" width="160" /> |
|
|
41
44
|
|
|
42
45
|
- **项目地址**：[https://github.com/0ldFive/vue-designer-sample](https://github.com/0ldFive/vue-designer-sample)
|
|
43
46
|
- **在线演示**：[https://0ldfive.github.io/vue-designer-sample/#/designer](https://0ldfive.github.io/vue-designer-sample/#/designer)
|
|
@@ -230,7 +233,7 @@ src/ # 项目源码目录
|
|
|
230
233
|
|
|
231
234
|
## 国际化
|
|
232
235
|
|
|
233
|
-
|
|
236
|
+
项目内置 6 种语言：中文简体（zh）、中文繁体（zh-Hant）、英文（en）、日文（ja）、韩文（ko）、德文（de），默认根据浏览器语言自动检测，也可通过 API 手动设置。
|
|
234
237
|
|
|
235
238
|
## License
|
|
236
239
|
|
|
@@ -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-BjrES2ff.js";
|
|
2
2
|
var __defProp$2 = Object.defineProperty;
|
|
3
3
|
var __defProps = Object.defineProperties;
|
|
4
4
|
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
package/dist/print-designer.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.print-renderer[data-v-7d74f93c]{padding:0}.animate-fade-in[data-v-
|
|
1
|
+
.print-renderer[data-v-7d74f93c]{padding:0}.animate-fade-in[data-v-e20c0a49]{animation:fadeIn-e20c0a49 .2s ease-out}@keyframes fadeIn-e20c0a49{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}[data-v-c3f1fffa] .print-page{margin-bottom:40px;background:#fff;box-shadow:none!important;position:relative!important;left:auto!important;top:auto!important}.preview-content[data-v-c3f1fffa] *{cursor:default!important}.resize-y[data-v-d1276194]{resize:vertical}.no-scrollbar[data-v-f28292d8]{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar[data-v-f28292d8]::-webkit-scrollbar{display:none}
|