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.
Files changed (80) hide show
  1. package/README.md +29 -0
  2. package/dist/font/iconfont.css +151 -0
  3. package/dist/font/iconfont.js +1 -0
  4. package/dist/font/iconfont.json +247 -0
  5. package/dist/font/iconfont.ttf +0 -0
  6. package/dist/font/iconfont.woff +0 -0
  7. package/dist/font/iconfont.woff2 +0 -0
  8. package/dist/index.css +1 -0
  9. package/dist/index.es.js +51053 -0
  10. package/dist/index.umd.js +1030 -0
  11. package/dist/print-designer-api/create-style/create-base-component-style.js +116 -0
  12. package/dist/print-designer-api/create-style/create-complex-table-style.js +472 -0
  13. package/dist/print-designer-api/create-style/create-form-component-style.js +78 -0
  14. package/dist/print-designer-api/create-style/create-form-item-style.js +144 -0
  15. package/dist/print-designer-api/create-style/create-grid-style.js +49 -0
  16. package/dist/print-designer-api/create-style/create-table-layout-style.js +128 -0
  17. package/dist/print-designer-api/create-style/create-table-style.js +93 -0
  18. package/dist/print-designer-api/print-designer-helper.js +912 -0
  19. package/dist/print-designer-api/print-designer-style-helper.js +96 -0
  20. package/dist/print-designer-api/print-designer-utils.js +27 -0
  21. package/dist/print-designer-api/print-global-style/base.less +20 -0
  22. package/dist/print-designer-api/print-global-style/common.less +3 -0
  23. package/dist/print-designer-api/print-global-style/custom.less +4 -0
  24. package/dist/print-designer-api/print-global-style/index.css +812 -0
  25. package/dist/print-designer-api/print-global-style/index.js +813 -0
  26. package/dist/print-designer-api/print-global-style/index.less +9 -0
  27. package/dist/print-designer-api/print-global-style/print-base-component.less +123 -0
  28. package/dist/print-designer-api/print-global-style/print-container.less +57 -0
  29. package/dist/print-designer-api/print-global-style/print-continue/index.less +14 -0
  30. package/dist/print-designer-api/print-global-style/print-continue/print-complex-table/auto-continue-not-span.less +61 -0
  31. package/dist/print-designer-api/print-global-style/print-continue/print-complex-table/auto-continue-preview.less +12 -0
  32. package/dist/print-designer-api/print-global-style/print-continue/print-complex-table/auto-continue-span.less +88 -0
  33. package/dist/print-designer-api/print-global-style/print-continue/print-complex-table/fixed-continue.less +37 -0
  34. package/dist/print-designer-api/print-global-style/print-continue/print-complex-table/index.less +96 -0
  35. package/dist/print-designer-api/print-global-style/print-continue/print-complex-table/pagination-preview.less +12 -0
  36. package/dist/print-designer-api/print-global-style/print-continue/print-complex-table/pagination.less +61 -0
  37. package/dist/print-designer-api/print-global-style/print-form-component.less +161 -0
  38. package/dist/print-designer-api/print-global-style/print-form-item.less +162 -0
  39. package/dist/print-designer-api/print-global-style/printing.less +16 -0
  40. package/dist/print-designer-api/print-soket.js +31 -0
  41. package/dist/print-designer-api/use-create-html/create-html-utils.js +43 -0
  42. package/dist/print-designer-api/use-create-html/index.js +287 -0
  43. package/dist/print-designer-api/use-create-html/use-base-component-helper.js +129 -0
  44. package/dist/print-designer-api/use-create-html/use-complex-table-helper/complex-table-tools.js +129 -0
  45. package/dist/print-designer-api/use-create-html/use-complex-table-helper/create-table-header.js +111 -0
  46. package/dist/print-designer-api/use-create-html/use-complex-table-helper/index.js +87 -0
  47. package/dist/print-designer-api/use-create-html/use-complex-table-helper/use-auto-height-preview.js +84 -0
  48. package/dist/print-designer-api/use-create-html/use-complex-table-helper/use-auto-height.js +379 -0
  49. package/dist/print-designer-api/use-create-html/use-complex-table-helper/use-default.js +75 -0
  50. package/dist/print-designer-api/use-create-html/use-complex-table-helper/use-fixed-height.js +220 -0
  51. package/dist/print-designer-api/use-create-html/use-complex-table-helper/use-pagination-preview.js +84 -0
  52. package/dist/print-designer-api/use-create-html/use-complex-table-helper/use-pagination.js +272 -0
  53. package/dist/print-designer-api/use-create-html/use-form-component-helper.js +164 -0
  54. package/dist/print-designer-api/use-create-html/use-format/index.js +102 -0
  55. package/dist/print-designer-api/use-create-html/use-format/use-complex-table-auto.js +337 -0
  56. package/dist/print-designer-api/use-create-html/use-format/use-complex-table-fiexd.js +233 -0
  57. package/dist/print-designer-api/use-create-html/use-format/use-complex-table-pagination.js +286 -0
  58. package/dist/print-designer-api/use-create-html/use-grid-helper.js +35 -0
  59. package/dist/print-designer-api/use-create-html/use-table-layout-helper.js +213 -0
  60. package/dist/print-designer-api/use-create-print-js/index.js +147 -0
  61. package/dist/print-designer-api/use-create-print-js/use-base-component-helper.js +54 -0
  62. package/dist/print-designer-api/use-create-print-js/use-form-component-helper.js +4 -0
  63. package/dist/print-designer-api/use-create-print-js/use-table-layout-helper.js +5 -0
  64. package/dist/print-designer-images/demo.jpg +0 -0
  65. package/dist/print-designer-images/demo02.jpg +0 -0
  66. package/dist/style/default-style.css +137 -0
  67. package/dist/style/main.less +66 -0
  68. package/dist/test/base/designer-config.js +594 -0
  69. package/dist/test/base/index.js +3 -0
  70. package/dist/test/base/print-data.js +40 -0
  71. package/dist/test/complex-table/designer-config.js +1668 -0
  72. package/dist/test/complex-table/index.js +3 -0
  73. package/dist/test/complex-table/print-data.js +294 -0
  74. package/dist/test/form/designer-config.js +2057 -0
  75. package/dist/test/form/index.js +3 -0
  76. package/dist/test/form/print-data.js +38 -0
  77. package/dist/test/index.js +4 -0
  78. package/dist/wui-print-designer-plugins/JsBarcode.all.min.js +2 -0
  79. package/dist/wui-print-designer-plugins/qrcode.min.js +1 -0
  80. package/package.json +65 -0
@@ -0,0 +1,9 @@
1
+ @import url(custom.less);
2
+ @import url(base.less);
3
+ @import url(common.less);
4
+ @import url(print-container.less);
5
+ @import url(print-base-component.less);
6
+ @import url(print-form-item.less);
7
+ @import url(print-form-component.less);
8
+ @import url(printing.less);
9
+ @import url(print-continue/index.less);
@@ -0,0 +1,123 @@
1
+ .print-page-top {
2
+ margin: 0 !important;
3
+ padding: 0;
4
+ height: 0 !important;
5
+ width: 100%;
6
+ background: none;
7
+ padding-top: var(--wui-printing-page-padding-top);
8
+ }
9
+ .print-page-bottom {
10
+ margin: 0 !important;
11
+ padding: 0;
12
+ height: 0 !important;
13
+ width: 100%;
14
+ background: none;
15
+ padding-bottom: var(--wui-printing-page-padding-bottom);
16
+ }
17
+ .print-page-break {
18
+ margin: 0 !important;
19
+ padding: 0 !important;
20
+ height: 0 !important;
21
+ width: 0 !important;
22
+ background: none;
23
+ page-break-after: always;
24
+ background: #cdcdcd;
25
+ padding-bottom: 30px;
26
+ }
27
+ .print-container--preview {
28
+ .print-page-break {
29
+ width: 100% !important;
30
+ height: 10px !important;
31
+ background: #cdcdcd;
32
+ }
33
+ }
34
+ .print-text {
35
+ position: relative;
36
+ width: 100%;
37
+ height: auto;
38
+ }
39
+ .print-dynamic-text {
40
+ position: relative;
41
+ width: 100%;
42
+ height: auto;
43
+ display: flex;
44
+ flex-flow: row;
45
+ .print-dynamic-text_content {
46
+ width: 0;
47
+ flex: 1;
48
+ overflow-wrap: break-word;
49
+ }
50
+ }
51
+ .print-grid {
52
+ position: relative;
53
+ width: 100%;
54
+ display: flex;
55
+ flex-flow: row wrap;
56
+ }
57
+ .print-table-layout {
58
+ position: relative;
59
+ width: 100%;
60
+ font-size: var(--wui-printing-font-size);
61
+ td {
62
+ position: relative;
63
+ & > .print-table-layout_td-slash {
64
+ position: absolute;
65
+ left: 0;
66
+ right: 0;
67
+ top: 0;
68
+ bottom: 0;
69
+ overflow: hidden;
70
+ ._p-t-l_td-slash_slash {
71
+ position: absolute;
72
+ display: block;
73
+ height: 1px;
74
+ background-color: #000;
75
+ }
76
+ &.print-table-layout_td-slash--top-left {
77
+ ._p-t-l_td-slash_slash {
78
+ top: 0;
79
+ left: 0;
80
+ }
81
+ ._p-t-l_td-slash_left {
82
+ position: absolute;
83
+ left: 10px;
84
+ bottom: 5px;
85
+ }
86
+ ._p-t-l_td-slash_right {
87
+ position: absolute;
88
+ right: 10px;
89
+ top: 5px;
90
+ }
91
+ }
92
+ &.print-table-layout_td-slash--bottom-left {
93
+ ._p-t-l_td-slash_slash {
94
+ bottom: 0;
95
+ left: 0;
96
+ }
97
+ ._p-t-l_td-slash_left {
98
+ position: absolute;
99
+ left: 10px;
100
+ top: 5px;
101
+ }
102
+ ._p-t-l_td-slash_right {
103
+ position: absolute;
104
+ right: 10px;
105
+ bottom: 5px;
106
+ }
107
+ }
108
+ }
109
+ & > .print-table-layout_td-container {
110
+ width: 100%;
111
+ height: 100%;
112
+ }
113
+ }
114
+ }
115
+ .print-barcode {
116
+ position: relative;
117
+ }
118
+ .print-image {
119
+ img {
120
+ width: 100%;
121
+ height: 100%;
122
+ }
123
+ }
@@ -0,0 +1,57 @@
1
+ .print-container {
2
+ width: 210mm;
3
+ background: #fff;
4
+ position: relative;
5
+ &.print-container--a5 {
6
+ width: 148mm;
7
+ }
8
+ &.print-container--a5-landscape {
9
+ width: 210mm;
10
+ }
11
+ &.print-container--a4 {
12
+ width: 210mm;
13
+ }
14
+ &.print-container--a4-landscape {
15
+ width: 297mm;
16
+ }
17
+ &.print-container--a3 {
18
+ width: 297mm;
19
+ }
20
+ &.print-container--a3-landscape {
21
+ width: 420mm;
22
+ }
23
+ &.print-container--auto-continue-preview {
24
+ position: relative;
25
+ &::after {
26
+ content: "正在加载";
27
+ position: absolute;
28
+ left: 0;
29
+ right: 0;
30
+ top: 0;
31
+ bottom: 0;
32
+ font-size: 24px;
33
+ font-weight: bold;
34
+ color: #000;
35
+ padding-left: 20px;
36
+ padding-top: 20px;
37
+ background: #fff;
38
+ }
39
+ }
40
+ &.print-container--table-pagination-preview {
41
+ position: relative;
42
+ &::after {
43
+ content: "正在加载";
44
+ position: absolute;
45
+ left: 0;
46
+ right: 0;
47
+ top: 0;
48
+ bottom: 0;
49
+ font-size: 24px;
50
+ font-weight: bold;
51
+ color: #000;
52
+ padding-left: 20px;
53
+ padding-top: 20px;
54
+ background: #fff;
55
+ }
56
+ }
57
+ }
@@ -0,0 +1,14 @@
1
+ @import url(print-complex-table/index.less);
2
+ .print-continue-blank {
3
+ position: relative;
4
+ &::after {
5
+ content: "";
6
+ position: absolute;
7
+ left: 0;
8
+ right: 0;
9
+ top: 0;
10
+ bottom: 0;
11
+ background: var(--wui-printing-background);
12
+ //background: rgba(255, 0, 0, 0.4);
13
+ }
14
+ }
@@ -0,0 +1,61 @@
1
+ .print-complex-table.print-complex-table--auto-continue-not-span {
2
+ border-top: 1px solid #000;
3
+ border-left: 1px solid #000;
4
+ overflow: hidden;
5
+ tr {
6
+ & > td {
7
+ border-bottom: 1px solid #000;
8
+ border-right: 1px solid #000;
9
+ }
10
+ }
11
+ .complex-table-header-tr > td {
12
+ > div {
13
+ word-break: break-all;
14
+ }
15
+ }
16
+ .complex-table-content-tr > td {
17
+ position: relative;
18
+ > div {
19
+ position: absolute;
20
+ top: 0;
21
+ bottom: 0;
22
+ left: 0;
23
+ right: 0;
24
+ word-break: break-all;
25
+ }
26
+ .excess-td-container {
27
+ overflow: hidden;
28
+ }
29
+ }
30
+ .complex-table-blank-tr > td {
31
+ position: relative;
32
+ > div {
33
+ position: absolute;
34
+ }
35
+ }
36
+ }
37
+ .print-complex-table--auto-continue-not-span {
38
+ &.print-complex-table--auto-continue-not-span_continue-content {
39
+ border-top: 1px solid transparent !important;
40
+ border-left: 1px solid transparent !important;
41
+ tr > td {
42
+ border-bottom: 1px solid transparent !important;
43
+ border-right: 1px solid transparent !important;
44
+ }
45
+ tr.complex-table-header-tr {
46
+ td {
47
+ position: relative;
48
+ border-bottom: 1px solid transparent !important;
49
+ &::after {
50
+ content: "";
51
+ position: absolute;
52
+ left: 0;
53
+ right: 0;
54
+ bottom: 0;
55
+ top: 0;
56
+ background: var(--wui-printing-background);
57
+ }
58
+ }
59
+ }
60
+ }
61
+ }
@@ -0,0 +1,12 @@
1
+ .print-complex-table.print-complex-table--auto-continue-preview {
2
+ .complex-table-content-tr > td {
3
+ position: relative;
4
+ > div {
5
+ position: absolute;
6
+ top: 0;
7
+ left: 0;
8
+ right: 0;
9
+ word-break: break-all;
10
+ }
11
+ }
12
+ }
@@ -0,0 +1,88 @@
1
+ .print-complex-table.print-complex-table--auto-continue-span {
2
+ border-top: 1px solid #000;
3
+ border-left: 1px solid #000;
4
+ overflow: hidden;
5
+ tr {
6
+ & > td {
7
+ border-bottom: 1px solid #000;
8
+ border-right: 1px solid #000;
9
+ }
10
+ &:last-child {
11
+ td {
12
+ border-bottom: 1px solid #000 !important;
13
+ }
14
+ }
15
+ }
16
+ .complex-table-header-tr > td {
17
+ > div {
18
+ word-break: break-all;
19
+ }
20
+ }
21
+ .complex-table-content-tr > td {
22
+ position: relative;
23
+ > div {
24
+ position: absolute;
25
+ top: 0;
26
+ bottom: 0;
27
+ left: 0;
28
+ right: 0;
29
+ word-break: break-all;
30
+ }
31
+ .excess-td-container {
32
+ overflow: hidden;
33
+ }
34
+ }
35
+ .complex-table-content-tr--excess-blank-begin,
36
+ .complex-table-content-tr--excess-blank {
37
+ td {
38
+ border-bottom: 0px;
39
+ }
40
+ }
41
+ .complex-table-blank-tr {
42
+ &.complex-table-blank-tr--before > td {
43
+ position: relative;
44
+ border-bottom: 0px;
45
+ > div {
46
+ position: absolute;
47
+ }
48
+ }
49
+ &.complex-table-blank-tr--after > td {
50
+ position: relative;
51
+ border-bottom: 0px;
52
+ > div {
53
+ position: absolute;
54
+ }
55
+ }
56
+ }
57
+ }
58
+ .print-complex-table--auto-continue-span {
59
+ &.print-complex-table--auto-continue-span_continue-content {
60
+ border-top: 1px solid transparent !important;
61
+ border-left: 1px solid transparent !important;
62
+ tr.complex-table-header-tr {
63
+ td {
64
+ position: relative;
65
+ border-bottom: 1px solid transparent !important;
66
+ &::after {
67
+ content: "";
68
+ position: absolute;
69
+ left: 0;
70
+ right: 0;
71
+ bottom: 0;
72
+ top: 0;
73
+ background: var(--wui-printing-background);
74
+ }
75
+ }
76
+ }
77
+ tr {
78
+ & > td {
79
+ border-right: 1px solid transparent !important;
80
+ }
81
+ }
82
+ tr.complex-table-content-tr--page-end {
83
+ & > td {
84
+ border-bottom: 1px solid transparent !important;
85
+ }
86
+ }
87
+ }
88
+ }
@@ -0,0 +1,37 @@
1
+ .print-complex-table.print-complex-table--fixed-continue {
2
+ border-top: 1px solid #000;
3
+ border-left: 1px solid #000;
4
+ tr > td {
5
+ border-bottom: 1px solid #000;
6
+ border-right: 1px solid #000;
7
+ word-break: break-all;
8
+ overflow: hidden;
9
+ }
10
+ }
11
+ .print-complex-table--fixed-continue {
12
+ &.print-complex-table--fixed-continue_continue-content {
13
+ border-top: 1px solid transparent !important;
14
+ border-left: 1px solid transparent !important;
15
+ tr > td {
16
+ border-bottom: 1px solid transparent !important;
17
+ border-right: 1px solid transparent !important;
18
+ word-break: break-all;
19
+ overflow: hidden;
20
+ }
21
+ tr.complex-table-header-tr {
22
+ td {
23
+ position: relative;
24
+ border-bottom: 1px solid transparent !important;
25
+ &::after {
26
+ content: "";
27
+ position: absolute;
28
+ left: 0;
29
+ right: 0;
30
+ bottom: 0;
31
+ top: 0;
32
+ background: var(--wui-printing-background);
33
+ }
34
+ }
35
+ }
36
+ }
37
+ }
@@ -0,0 +1,96 @@
1
+ .print-complex-table {
2
+ position: relative;
3
+ width: 100%;
4
+ td {
5
+ position: relative;
6
+ & > .print-complex-table_td-slash {
7
+ position: absolute;
8
+ left: 0;
9
+ right: 0;
10
+ top: 0;
11
+ bottom: 0;
12
+ overflow: hidden;
13
+ ._p-c-t_td-slash_slash {
14
+ position: absolute;
15
+ display: block;
16
+ height: 1px;
17
+ background-color: #000 !important;
18
+ }
19
+ &.print-complex-table_td-slash--top-left {
20
+ ._p-c-t_td-slash_slash {
21
+ top: 0;
22
+ left: 0;
23
+ }
24
+ ._p-c-t_td-slash_left {
25
+ position: absolute;
26
+ left: 10px;
27
+ bottom: 5px;
28
+ }
29
+ ._p-c-t_td-slash_right {
30
+ position: absolute;
31
+ right: 10px;
32
+ top: 5px;
33
+ }
34
+ }
35
+ &.print-complex-table_td-slash--bottom-left {
36
+ ._p-c-t_td-slash_slash {
37
+ bottom: 0;
38
+ left: 0;
39
+ }
40
+ ._p-c-t_td-slash_left {
41
+ position: absolute;
42
+ left: 10px;
43
+ top: 5px;
44
+ }
45
+ ._p-c-t_td-slash_right {
46
+ position: absolute;
47
+ right: 10px;
48
+ bottom: 5px;
49
+ }
50
+ }
51
+ }
52
+ }
53
+ tr {
54
+ td {
55
+ word-break: break-all;
56
+ }
57
+ }
58
+ }
59
+ .print-complex-table_pagination {
60
+ width: 100%;
61
+ height: 20px;
62
+ line-height: 20px;
63
+ text-align: center;
64
+ }
65
+ .print-container--auto-continue-preview {
66
+ .print-complex-table {
67
+ border-top: 1px solid #000;
68
+ border-left: 1px solid #000;
69
+ overflow: hidden;
70
+ tr {
71
+ & > td {
72
+ border-bottom: 1px solid #000;
73
+ border-right: 1px solid #000;
74
+ }
75
+ }
76
+ }
77
+ }
78
+ .print-container--table-pagination-preview {
79
+ .print-complex-table {
80
+ border-top: 1px solid #000;
81
+ border-left: 1px solid #000;
82
+ overflow: hidden;
83
+ tr {
84
+ & > td {
85
+ border-bottom: 1px solid #000;
86
+ border-right: 1px solid #000;
87
+ }
88
+ }
89
+ }
90
+ }
91
+ @import url(fixed-continue.less);
92
+ @import url(auto-continue-preview.less);
93
+ @import url(auto-continue-span.less);
94
+ @import url(auto-continue-not-span.less);
95
+ @import url(pagination.less);
96
+ @import url(pagination-preview.less);
@@ -0,0 +1,12 @@
1
+ .print-complex-table.print-complex-table--pagination-preview {
2
+ .complex-table-content-tr > td {
3
+ position: relative;
4
+ > div {
5
+ position: absolute;
6
+ top: 0;
7
+ left: 0;
8
+ right: 0;
9
+ word-break: break-all;
10
+ }
11
+ }
12
+ }
@@ -0,0 +1,61 @@
1
+ .print-complex-table.print-complex-table--pagination {
2
+ border-top: 1px solid #000;
3
+ overflow: hidden;
4
+ tr {
5
+ & > td {
6
+ border-bottom: 1px solid #000;
7
+ border-right: 1px solid #000;
8
+ &:first-child {
9
+ border-left: 1px solid #000 !important;
10
+ }
11
+ }
12
+ &:last-child {
13
+ td {
14
+ border-bottom: 1px solid #000 !important;
15
+ }
16
+ &.complex-table-blank-tr--after {
17
+ td {
18
+ border-bottom: 1px solid transparent !important;
19
+ }
20
+ }
21
+ }
22
+ }
23
+ .complex-table-header-tr > td {
24
+ > div {
25
+ word-break: break-all;
26
+ }
27
+ }
28
+ .complex-table-content-tr > td {
29
+ position: relative;
30
+ > div {
31
+ position: absolute;
32
+ top: 0;
33
+ bottom: 0;
34
+ left: 0;
35
+ right: 0;
36
+ word-break: break-all;
37
+ }
38
+ .excess-td-container {
39
+ overflow: hidden;
40
+ }
41
+ }
42
+ .complex-table-content-tr--excess-blank-begin,
43
+ .complex-table-content-tr--excess-blank {
44
+ td {
45
+ border-bottom: 0px;
46
+ }
47
+ }
48
+ .complex-table-blank-tr {
49
+ &.complex-table-blank-tr--after > td {
50
+ position: relative;
51
+ border-bottom: 0px;
52
+ border-right: 0px;
53
+ > div {
54
+ position: absolute;
55
+ }
56
+ &:first-child {
57
+ border-left: 1px solid transparent !important;
58
+ }
59
+ }
60
+ }
61
+ }