cui-print 1.0.28
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 +29 -0
- package/dist/font/iconfont.css +151 -0
- package/dist/font/iconfont.js +1 -0
- package/dist/font/iconfont.json +247 -0
- package/dist/font/iconfont.ttf +0 -0
- package/dist/font/iconfont.woff +0 -0
- package/dist/font/iconfont.woff2 +0 -0
- package/dist/index.css +1 -0
- package/dist/index.es.js +51053 -0
- package/dist/index.umd.js +1030 -0
- package/dist/print-designer-api/create-style/create-base-component-style.js +116 -0
- package/dist/print-designer-api/create-style/create-complex-table-style.js +472 -0
- package/dist/print-designer-api/create-style/create-form-component-style.js +78 -0
- package/dist/print-designer-api/create-style/create-form-item-style.js +144 -0
- package/dist/print-designer-api/create-style/create-grid-style.js +49 -0
- package/dist/print-designer-api/create-style/create-table-layout-style.js +128 -0
- package/dist/print-designer-api/create-style/create-table-style.js +93 -0
- package/dist/print-designer-api/print-designer-helper.js +912 -0
- package/dist/print-designer-api/print-designer-style-helper.js +96 -0
- package/dist/print-designer-api/print-designer-utils.js +27 -0
- package/dist/print-designer-api/print-global-style/base.less +20 -0
- package/dist/print-designer-api/print-global-style/common.less +3 -0
- package/dist/print-designer-api/print-global-style/custom.less +4 -0
- package/dist/print-designer-api/print-global-style/index.css +812 -0
- package/dist/print-designer-api/print-global-style/index.js +813 -0
- package/dist/print-designer-api/print-global-style/index.less +9 -0
- package/dist/print-designer-api/print-global-style/print-base-component.less +123 -0
- package/dist/print-designer-api/print-global-style/print-container.less +57 -0
- package/dist/print-designer-api/print-global-style/print-continue/index.less +14 -0
- package/dist/print-designer-api/print-global-style/print-continue/print-complex-table/auto-continue-not-span.less +61 -0
- package/dist/print-designer-api/print-global-style/print-continue/print-complex-table/auto-continue-preview.less +12 -0
- package/dist/print-designer-api/print-global-style/print-continue/print-complex-table/auto-continue-span.less +88 -0
- package/dist/print-designer-api/print-global-style/print-continue/print-complex-table/fixed-continue.less +37 -0
- package/dist/print-designer-api/print-global-style/print-continue/print-complex-table/index.less +96 -0
- package/dist/print-designer-api/print-global-style/print-continue/print-complex-table/pagination-preview.less +12 -0
- package/dist/print-designer-api/print-global-style/print-continue/print-complex-table/pagination.less +61 -0
- package/dist/print-designer-api/print-global-style/print-form-component.less +161 -0
- package/dist/print-designer-api/print-global-style/print-form-item.less +162 -0
- package/dist/print-designer-api/print-global-style/printing.less +16 -0
- package/dist/print-designer-api/print-soket.js +31 -0
- package/dist/print-designer-api/use-create-html/create-html-utils.js +43 -0
- package/dist/print-designer-api/use-create-html/index.js +287 -0
- package/dist/print-designer-api/use-create-html/use-base-component-helper.js +129 -0
- package/dist/print-designer-api/use-create-html/use-complex-table-helper/complex-table-tools.js +129 -0
- package/dist/print-designer-api/use-create-html/use-complex-table-helper/create-table-header.js +111 -0
- package/dist/print-designer-api/use-create-html/use-complex-table-helper/index.js +87 -0
- package/dist/print-designer-api/use-create-html/use-complex-table-helper/use-auto-height-preview.js +84 -0
- package/dist/print-designer-api/use-create-html/use-complex-table-helper/use-auto-height.js +379 -0
- package/dist/print-designer-api/use-create-html/use-complex-table-helper/use-default.js +75 -0
- package/dist/print-designer-api/use-create-html/use-complex-table-helper/use-fixed-height.js +220 -0
- package/dist/print-designer-api/use-create-html/use-complex-table-helper/use-pagination-preview.js +84 -0
- package/dist/print-designer-api/use-create-html/use-complex-table-helper/use-pagination.js +272 -0
- package/dist/print-designer-api/use-create-html/use-form-component-helper.js +164 -0
- package/dist/print-designer-api/use-create-html/use-format/index.js +102 -0
- package/dist/print-designer-api/use-create-html/use-format/use-complex-table-auto.js +337 -0
- package/dist/print-designer-api/use-create-html/use-format/use-complex-table-fiexd.js +233 -0
- package/dist/print-designer-api/use-create-html/use-format/use-complex-table-pagination.js +286 -0
- package/dist/print-designer-api/use-create-html/use-grid-helper.js +35 -0
- package/dist/print-designer-api/use-create-html/use-table-layout-helper.js +213 -0
- package/dist/print-designer-api/use-create-print-js/index.js +147 -0
- package/dist/print-designer-api/use-create-print-js/use-base-component-helper.js +54 -0
- package/dist/print-designer-api/use-create-print-js/use-form-component-helper.js +4 -0
- package/dist/print-designer-api/use-create-print-js/use-table-layout-helper.js +5 -0
- package/dist/print-designer-images/demo.jpg +0 -0
- package/dist/print-designer-images/demo02.jpg +0 -0
- package/dist/style/default-style.css +137 -0
- package/dist/style/main.less +66 -0
- package/dist/test/base/designer-config.js +594 -0
- package/dist/test/base/index.js +3 -0
- package/dist/test/base/print-data.js +40 -0
- package/dist/test/complex-table/designer-config.js +1668 -0
- package/dist/test/complex-table/index.js +3 -0
- package/dist/test/complex-table/print-data.js +294 -0
- package/dist/test/form/designer-config.js +2057 -0
- package/dist/test/form/index.js +3 -0
- package/dist/test/form/print-data.js +38 -0
- package/dist/test/index.js +4 -0
- package/dist/wui-print-designer-plugins/JsBarcode.all.min.js +2 -0
- package/dist/wui-print-designer-plugins/qrcode.min.js +1 -0
- package/package.json +65 -0
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
import printGlobalStyle from "./print-global-style/index.js";
|
|
2
|
+
import { camelToKebab } from "./print-designer-utils";
|
|
3
|
+
import createBaseComponentStyle from "./create-style/create-base-component-style.js";
|
|
4
|
+
import createTableStyle from "./create-style/create-table-style.js";
|
|
5
|
+
import createComplexTableStyle from "./create-style/create-complex-table-style.js";
|
|
6
|
+
import createFormComponentStyle from "./create-style/create-form-component-style.js";
|
|
7
|
+
import createFormItemStyle from "./create-style/create-form-item-style.js";
|
|
8
|
+
import createGridStyle from "./create-style/create-grid-style.js";
|
|
9
|
+
import createTableLayoutStyle from "./create-style/create-table-layout-style.js";
|
|
10
|
+
export const createPrintStyle = ({ printConfig } = {}) => {
|
|
11
|
+
if (!printConfig) {
|
|
12
|
+
printConfig = {};
|
|
13
|
+
}
|
|
14
|
+
let printStyleConfig = !!printConfig.style ? printConfig.style : {};
|
|
15
|
+
let styleText = `:root {
|
|
16
|
+
--wui-printing-background: ${printStyleConfig.backgroundColor};
|
|
17
|
+
--wui-printing-page-padding-top: ${!!printStyleConfig.paddingTop ? printStyleConfig.paddingTop : "0px"};
|
|
18
|
+
--wui-printing-page-padding-bottom: ${!!printStyleConfig.paddingBottom ? printStyleConfig.paddingBottom : "0px"};
|
|
19
|
+
--wui-printing-page-padding-left: ${!!printStyleConfig.paddingLeft ? printStyleConfig.paddingLeft : "0px"};
|
|
20
|
+
--wui-printing-page-padding-right: ${!!printStyleConfig.paddingRight ? printStyleConfig.paddingRight : "0px"};
|
|
21
|
+
}`;
|
|
22
|
+
let printSize = printConfig.pageSize;
|
|
23
|
+
if (!!printConfig.landscape) {
|
|
24
|
+
printSize += " landscape";
|
|
25
|
+
}
|
|
26
|
+
let printStyleText = `@media print {
|
|
27
|
+
@page {
|
|
28
|
+
size:${printSize}
|
|
29
|
+
}
|
|
30
|
+
}`;
|
|
31
|
+
styleText += printGlobalStyle;
|
|
32
|
+
styleText += printStyleText;
|
|
33
|
+
return styleText;
|
|
34
|
+
};
|
|
35
|
+
export const createPageSizeStyle = ({ printConfig } = {}) => {
|
|
36
|
+
if (!printConfig) {
|
|
37
|
+
printConfig = {};
|
|
38
|
+
}
|
|
39
|
+
let styleObj = {};
|
|
40
|
+
let styleText = "";
|
|
41
|
+
if (printConfig.pageSize == "custom") {
|
|
42
|
+
let customHeight = !!printConfig.customHeight ? printConfig.customHeight : 0;
|
|
43
|
+
let customWidth = !!printConfig.customWidth ? printConfig.customWidth : 0;
|
|
44
|
+
styleObj.minHeight = customHeight + "mm";
|
|
45
|
+
styleObj.width = customWidth + "mm";
|
|
46
|
+
}
|
|
47
|
+
Object.keys(styleObj).forEach((key, index) => {
|
|
48
|
+
styleText += `${camelToKebab(key)}:${styleObj[key]};`;
|
|
49
|
+
});
|
|
50
|
+
return styleText;
|
|
51
|
+
};
|
|
52
|
+
export const createContainerStyle = ({ styleConfig } = {}) => {
|
|
53
|
+
if (!styleConfig) {
|
|
54
|
+
styleConfig = {};
|
|
55
|
+
}
|
|
56
|
+
let styleObj = {};
|
|
57
|
+
let styleText = "";
|
|
58
|
+
Object.keys(styleConfig).forEach((key, index) => {
|
|
59
|
+
if (!!styleConfig[key] || styleConfig[key] === 0) {
|
|
60
|
+
styleObj[key] = styleConfig[key];
|
|
61
|
+
}
|
|
62
|
+
});
|
|
63
|
+
Object.keys(styleObj).forEach((key, index) => {
|
|
64
|
+
styleText += `${camelToKebab(key)}:${styleObj[key]};`;
|
|
65
|
+
});
|
|
66
|
+
return styleText;
|
|
67
|
+
};
|
|
68
|
+
export const createContainerScaleStyle = ({ printConfig } = {}) => {
|
|
69
|
+
if (!printConfig) {
|
|
70
|
+
printConfig = {};
|
|
71
|
+
}
|
|
72
|
+
if (!printConfig.previewScale) {
|
|
73
|
+
return "";
|
|
74
|
+
}
|
|
75
|
+
let styleObj = {};
|
|
76
|
+
let styleText = "";
|
|
77
|
+
styleObj.transform = `scale(${printConfig.previewScale})`;
|
|
78
|
+
styleObj.transformOrigin = "0 0";
|
|
79
|
+
Object.keys(styleObj).forEach((key, index) => {
|
|
80
|
+
styleText += `${camelToKebab(key)}:${styleObj[key]};`;
|
|
81
|
+
});
|
|
82
|
+
return styleText;
|
|
83
|
+
};
|
|
84
|
+
export default {
|
|
85
|
+
createPrintStyle,
|
|
86
|
+
createPageSizeStyle,
|
|
87
|
+
createContainerStyle,
|
|
88
|
+
createContainerScaleStyle,
|
|
89
|
+
...createBaseComponentStyle,
|
|
90
|
+
...createTableStyle,
|
|
91
|
+
...createComplexTableStyle,
|
|
92
|
+
...createFormComponentStyle,
|
|
93
|
+
...createFormItemStyle,
|
|
94
|
+
...createGridStyle,
|
|
95
|
+
...createTableLayoutStyle
|
|
96
|
+
};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
export const deepCopy = (e) => {
|
|
2
|
+
if (typeof e == "object") {
|
|
3
|
+
let jsonStr = JSON.stringify(e, (key, value) => {
|
|
4
|
+
if (typeof value === "undefined") {
|
|
5
|
+
return "";
|
|
6
|
+
} else {
|
|
7
|
+
return value;
|
|
8
|
+
}
|
|
9
|
+
});
|
|
10
|
+
return JSON.parse(jsonStr);
|
|
11
|
+
}
|
|
12
|
+
return e;
|
|
13
|
+
};
|
|
14
|
+
export const extractNumbers = (text) => {
|
|
15
|
+
let pattern = /\d+/g; // 匹配一个或多个数字的全局正则表达式
|
|
16
|
+
let numbers = text.match(pattern); // 使用match()方法查找匹配的所有数字
|
|
17
|
+
return Number(numbers);
|
|
18
|
+
};
|
|
19
|
+
export const camelToKebab = (str) => {
|
|
20
|
+
// 小驼峰转换为短横线
|
|
21
|
+
return str.replace(/[A-Z]/g, (match) => "-" + match.toLowerCase());
|
|
22
|
+
};
|
|
23
|
+
export default {
|
|
24
|
+
deepCopy,
|
|
25
|
+
extractNumbers,
|
|
26
|
+
camelToKebab
|
|
27
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
* {
|
|
2
|
+
margin: 0;
|
|
3
|
+
padding: 0;
|
|
4
|
+
box-sizing: border-box;
|
|
5
|
+
-moz-box-sizing: border-box;
|
|
6
|
+
-webkit-box-sizing: border-box;
|
|
7
|
+
}
|
|
8
|
+
html,
|
|
9
|
+
body {
|
|
10
|
+
width: auto;
|
|
11
|
+
height: auto;
|
|
12
|
+
color: #1e1e1e;
|
|
13
|
+
font-family: "Inter", "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial,
|
|
14
|
+
sans-serif;
|
|
15
|
+
-webkit-font-smoothing: antialiased;
|
|
16
|
+
-moz-osx-font-smoothing: grayscale;
|
|
17
|
+
background: none;
|
|
18
|
+
font-size: 14px;
|
|
19
|
+
background: #eee;
|
|
20
|
+
}
|