@jiaozhiye/qm-design-react 1.9.17 → 1.9.19

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.
@@ -1,175 +1,175 @@
1
- /*
2
- * @Author: 焦质晔
3
- * @Date: 2021-07-23 19:05:57
4
- * @Last Modified by: 焦质晔
5
- * @Last Modified time: 2022-03-01 14:06:41
6
- */
7
- @import '../../style/common';
8
-
9
- @prefix-print-preview: ~'@{qm-prefix}-print-preview';
10
- @prefix-print-container: ~'@{qm-prefix}-print-container';
11
-
12
- .@{prefix-print-preview} {
13
- .reset-container();
14
- margin: -@--padding-md;
15
- height: calc(100% + 20px);
16
- min-height: calc(80vh - 48px);
17
- .outer {
18
- display: flex;
19
- flex-direction: column;
20
- height: 100%;
21
- min-height: inherit;
22
- .header,
23
- .footer {
24
- padding: 2px 10px;
25
- background-color: @--background-color;
26
- display: flex;
27
- align-items: center;
28
- & > span {
29
- display: flex;
30
- align-items: center;
31
- }
32
- & > span + span {
33
- margin-left: 10px;
34
- }
35
- }
36
- .main {
37
- flex: 1;
38
- position: relative;
39
- }
40
- .header {
41
- border-bottom: 1px solid @--border-color-base;
42
- .text-btn {
43
- padding-left: 0;
44
- padding-right: 0;
45
- }
46
- }
47
- .footer {
48
- border-top: 1px solid @--border-color-base;
49
- .ant-slider {
50
- width: 150px;
51
- }
52
- .scale-text {
53
- width: 40px;
54
- font-style: normal;
55
- margin-left: 10px;
56
- }
57
- }
58
- // size
59
- }
60
- }
61
-
62
- .@{prefix-print-container} {
63
- position: absolute;
64
- left: 0;
65
- top: 0;
66
- width: 100%;
67
- height: 100%;
68
- background-color: #dadce0;
69
- &.no-visible {
70
- opacity: 0;
71
- height: 0 !important;
72
- overflow: hidden;
73
- z-index: -1;
74
- }
75
- .spin {
76
- height: 100%;
77
- .ant-spin-container {
78
- height: 100%;
79
- }
80
- }
81
- .preview {
82
- position: relative;
83
- height: 100%;
84
- overflow-x: auto;
85
- overflow-y: auto;
86
- .origin-template {
87
- position: absolute;
88
- left: 50%;
89
- top: 0;
90
- height: 0;
91
- z-index: -1;
92
- overflow: hidden;
93
- visibility: hidden;
94
- }
95
- .workspace {
96
- margin: 0 auto;
97
- background-color: #fff;
98
- transform-origin: left top;
99
- box-sizing: content-box;
100
- }
101
- /* 打印模板公共样式 */
102
- table {
103
- width: 100%;
104
- border-spacing: 0;
105
- border-collapse: collapse;
106
- table-layout: fixed;
107
- }
108
- table tr td {
109
- padding: 2px;
110
- word-wrap: break-word;
111
- }
112
- .fs12 {
113
- font-size: 12px;
114
- }
115
- .fs13 {
116
- font-size: 13px;
117
- }
118
- .fs14 {
119
- font-size: 14px;
120
- }
121
- .fw500 {
122
- font-weight: 500;
123
- }
124
- .fw700 {
125
- font-weight: 700;
126
- }
127
- .fl {
128
- float: left;
129
- }
130
- .fr {
131
- float: right;
132
- }
133
- .tc {
134
- text-align: center;
135
- }
136
- .tr {
137
- text-align: right;
138
- }
139
- .bor {
140
- border: 1px solid #000;
141
- }
142
- .bor-t {
143
- border-top: 1px solid #000;
144
- }
145
- .bor-b {
146
- border-bottom: 1px solid #000;
147
- }
148
- .bor-l {
149
- border-left: 1px solid #000;
150
- }
151
- .bor-r {
152
- border-right: 1px solid #000;
153
- }
154
- .no-bor {
155
- border: none !important;
156
- }
157
- /* 打印模板公共样式 END */
158
- }
159
- }
160
-
161
- /* IE11 hack */
162
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
163
- .@{prefix-print-preview} {
164
- .outer {
165
- height: 0;
166
- }
167
- }
168
- .is-fullscreen {
169
- .@{prefix-print-preview} {
170
- .outer {
171
- height: 100%;
172
- }
173
- }
174
- }
175
- }
1
+ /*
2
+ * @Author: 焦质晔
3
+ * @Date: 2021-07-23 19:05:57
4
+ * @Last Modified by: 焦质晔
5
+ * @Last Modified time: 2022-03-01 14:06:41
6
+ */
7
+ @import '../../style/common';
8
+
9
+ @prefix-print-preview: ~'@{qm-prefix}-print-preview';
10
+ @prefix-print-container: ~'@{qm-prefix}-print-container';
11
+
12
+ .@{prefix-print-preview} {
13
+ .reset-container();
14
+ margin: -@--padding-md;
15
+ height: calc(100% + 20px);
16
+ min-height: calc(80vh - 48px);
17
+ .outer {
18
+ display: flex;
19
+ flex-direction: column;
20
+ height: 100%;
21
+ min-height: inherit;
22
+ .header,
23
+ .footer {
24
+ padding: 2px 10px;
25
+ background-color: @--background-color;
26
+ display: flex;
27
+ align-items: center;
28
+ & > span {
29
+ display: flex;
30
+ align-items: center;
31
+ }
32
+ & > span + span {
33
+ margin-left: 10px;
34
+ }
35
+ }
36
+ .main {
37
+ flex: 1;
38
+ position: relative;
39
+ }
40
+ .header {
41
+ border-bottom: 1px solid @--border-color-base;
42
+ .text-btn {
43
+ padding-left: 0;
44
+ padding-right: 0;
45
+ }
46
+ }
47
+ .footer {
48
+ border-top: 1px solid @--border-color-base;
49
+ .ant-slider {
50
+ width: 150px;
51
+ }
52
+ .scale-text {
53
+ width: 40px;
54
+ font-style: normal;
55
+ margin-left: 10px;
56
+ }
57
+ }
58
+ // size
59
+ }
60
+ }
61
+
62
+ .@{prefix-print-container} {
63
+ position: absolute;
64
+ left: 0;
65
+ top: 0;
66
+ width: 100%;
67
+ height: 100%;
68
+ background-color: #dadce0;
69
+ &.no-visible {
70
+ opacity: 0;
71
+ height: 0 !important;
72
+ overflow: hidden;
73
+ z-index: -1;
74
+ }
75
+ .spin {
76
+ height: 100%;
77
+ .ant-spin-container {
78
+ height: 100%;
79
+ }
80
+ }
81
+ .preview {
82
+ position: relative;
83
+ height: 100%;
84
+ overflow-x: auto;
85
+ overflow-y: auto;
86
+ .origin-template {
87
+ position: absolute;
88
+ left: 50%;
89
+ top: 0;
90
+ height: 0;
91
+ z-index: -1;
92
+ overflow: hidden;
93
+ visibility: hidden;
94
+ }
95
+ .workspace {
96
+ margin: 0 auto;
97
+ background-color: #fff;
98
+ transform-origin: left top;
99
+ box-sizing: content-box;
100
+ }
101
+ /* 打印模板公共样式 */
102
+ table {
103
+ width: 100%;
104
+ border-spacing: 0;
105
+ border-collapse: collapse;
106
+ table-layout: fixed;
107
+ }
108
+ table tr td {
109
+ padding: 2px;
110
+ word-wrap: break-word;
111
+ }
112
+ .fs12 {
113
+ font-size: 12px;
114
+ }
115
+ .fs13 {
116
+ font-size: 13px;
117
+ }
118
+ .fs14 {
119
+ font-size: 14px;
120
+ }
121
+ .fw500 {
122
+ font-weight: 500;
123
+ }
124
+ .fw700 {
125
+ font-weight: 700;
126
+ }
127
+ .fl {
128
+ float: left;
129
+ }
130
+ .fr {
131
+ float: right;
132
+ }
133
+ .tc {
134
+ text-align: center;
135
+ }
136
+ .tr {
137
+ text-align: right;
138
+ }
139
+ .bor {
140
+ border: 1px solid #000;
141
+ }
142
+ .bor-t {
143
+ border-top: 1px solid #000;
144
+ }
145
+ .bor-b {
146
+ border-bottom: 1px solid #000;
147
+ }
148
+ .bor-l {
149
+ border-left: 1px solid #000;
150
+ }
151
+ .bor-r {
152
+ border-right: 1px solid #000;
153
+ }
154
+ .no-bor {
155
+ border: none !important;
156
+ }
157
+ /* 打印模板公共样式 END */
158
+ }
159
+ }
160
+
161
+ /* IE11 hack */
162
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
163
+ .@{prefix-print-preview} {
164
+ .outer {
165
+ height: 0;
166
+ }
167
+ }
168
+ .is-fullscreen {
169
+ .@{prefix-print-preview} {
170
+ .outer {
171
+ height: 100%;
172
+ }
173
+ }
174
+ }
175
+ }
@@ -1,18 +1,18 @@
1
- /*
2
- * @Author: 焦质晔
3
- * @Date: 2022-01-11 18:01:20
4
- * @Last Modified by: 焦质晔
5
- * @Last Modified time: 2022-01-11 18:43:06
6
- */
7
- @import '../../style/common';
8
-
9
- @prefix-range-helper: ~'@{qm-prefix}-range-helper';
10
-
11
- .@{prefix-range-helper}--wrapper {
12
- .reset-container();
13
- height: 100%;
14
- .icon-sign {
15
- font-size: 18px;
16
- line-height: 1;
17
- }
18
- }
1
+ /*
2
+ * @Author: 焦质晔
3
+ * @Date: 2022-01-11 18:01:20
4
+ * @Last Modified by: 焦质晔
5
+ * @Last Modified time: 2022-01-11 18:43:06
6
+ */
7
+ @import '../../style/common';
8
+
9
+ @prefix-range-helper: ~'@{qm-prefix}-range-helper';
10
+
11
+ .@{prefix-range-helper}--wrapper {
12
+ .reset-container();
13
+ height: 100%;
14
+ .icon-sign {
15
+ font-size: 18px;
16
+ line-height: 1;
17
+ }
18
+ }
@@ -20,8 +20,8 @@ export type ScrollbarRef = {
20
20
  container: HTMLDivElement;
21
21
  scrollTop: number;
22
22
  scrollLeft: number;
23
- SET_SCROLL_TOP: (value: number) => void;
24
- SET_SCROLL_LEFT: (value: number) => void;
23
+ SET_SCROLL_TOP: (value: number, animate?: boolean) => void;
24
+ SET_SCROLL_LEFT: (value: number, animate?: boolean) => void;
25
25
  };
26
26
  export type ScrollbarProps = IProps;
27
27
  declare const QmScrollbar: React.ForwardRefExoticComponent<IProps & React.RefAttributes<ScrollbarRef>>;
@@ -1,72 +1,72 @@
1
- /*
2
- * @Author: 焦质晔
3
- * @Date: 2023-06-04 09:42:40
4
- * @Last Modified by: 焦质晔
5
- * @Last Modified time: 2023-06-05 16:47:52
6
- */
7
- @import '../../style/common';
8
-
9
- @prefix-scrollbar: ~'@{qm-prefix}-scrollbar';
10
-
11
- .@{prefix-scrollbar} {
12
- position: relative;
13
- &__wrap {
14
- display: grid;
15
- height: 100%;
16
- overflow: auto;
17
- &--hidden {
18
- scrollbar-width: none;
19
- &::-webkit-scrollbar {
20
- display: none;
21
- }
22
- }
23
- }
24
- &__view {
25
- display: block;
26
- }
27
- &__bar {
28
- position: absolute;
29
- right: 2px;
30
- bottom: 2px;
31
- z-index: 2;
32
- border-radius: 4px;
33
- &.is-vertical {
34
- width: 6px;
35
- top: 2px;
36
- & > div {
37
- width: 100%;
38
- }
39
- }
40
- &.is-horizontal {
41
- height: 6px;
42
- left: 2px;
43
- & > div {
44
- height: 100%;
45
- }
46
- }
47
- // fade-transition
48
- &.fade {
49
- transition: all 0.3s ease;
50
- }
51
- &.fade.preEnter,
52
- &.fade.exiting {
53
- opacity: 0;
54
- }
55
- &.fade.exited {
56
- display: none;
57
- }
58
- }
59
- &__thumb {
60
- position: relative;
61
- display: block;
62
- width: 0;
63
- height: 0;
64
- cursor: pointer;
65
- border-radius: inherit;
66
- background-color: #909090;
67
- opacity: 0.3;
68
- &:hover {
69
- opacity: 0.5;
70
- }
71
- }
72
- }
1
+ /*
2
+ * @Author: 焦质晔
3
+ * @Date: 2023-06-04 09:42:40
4
+ * @Last Modified by: 焦质晔
5
+ * @Last Modified time: 2023-06-05 16:47:52
6
+ */
7
+ @import '../../style/common';
8
+
9
+ @prefix-scrollbar: ~'@{qm-prefix}-scrollbar';
10
+
11
+ .@{prefix-scrollbar} {
12
+ position: relative;
13
+ &__wrap {
14
+ display: grid;
15
+ height: 100%;
16
+ overflow: auto;
17
+ &--hidden {
18
+ scrollbar-width: none;
19
+ &::-webkit-scrollbar {
20
+ display: none;
21
+ }
22
+ }
23
+ }
24
+ &__view {
25
+ display: block;
26
+ }
27
+ &__bar {
28
+ position: absolute;
29
+ right: 2px;
30
+ bottom: 2px;
31
+ z-index: 2;
32
+ border-radius: 4px;
33
+ &.is-vertical {
34
+ width: 6px;
35
+ top: 2px;
36
+ & > div {
37
+ width: 100%;
38
+ }
39
+ }
40
+ &.is-horizontal {
41
+ height: 6px;
42
+ left: 2px;
43
+ & > div {
44
+ height: 100%;
45
+ }
46
+ }
47
+ // fade-transition
48
+ &.fade {
49
+ transition: all 0.3s ease;
50
+ }
51
+ &.fade.preEnter,
52
+ &.fade.exiting {
53
+ opacity: 0;
54
+ }
55
+ &.fade.exited {
56
+ display: none;
57
+ }
58
+ }
59
+ &__thumb {
60
+ position: relative;
61
+ display: block;
62
+ width: 0;
63
+ height: 0;
64
+ cursor: pointer;
65
+ border-radius: inherit;
66
+ background-color: #909090;
67
+ opacity: 0.3;
68
+ &:hover {
69
+ opacity: 0.5;
70
+ }
71
+ }
72
+ }
@@ -1,14 +1,14 @@
1
- /*
2
- * @Author: 焦质晔
3
- * @Date: 2022-01-11 18:01:20
4
- * @Last Modified by: 焦质晔
5
- * @Last Modified time: 2022-01-11 18:43:06
6
- */
7
- @import '../../style/common';
8
-
9
- @prefix-search-helper: ~'@{qm-prefix}-search-helper';
10
-
11
- .@{prefix-search-helper}--wrapper {
12
- .reset-container();
13
- height: 100%;
14
- }
1
+ /*
2
+ * @Author: 焦质晔
3
+ * @Date: 2022-01-11 18:01:20
4
+ * @Last Modified by: 焦质晔
5
+ * @Last Modified time: 2022-01-11 18:43:06
6
+ */
7
+ @import '../../style/common';
8
+
9
+ @prefix-search-helper: ~'@{qm-prefix}-search-helper';
10
+
11
+ .@{prefix-search-helper}--wrapper {
12
+ .reset-container();
13
+ height: 100%;
14
+ }
@@ -1,34 +1,34 @@
1
- /*
2
- * @Author: 焦质晔
3
- * @Date: 2022-01-11 18:01:20
4
- * @Last Modified by: 焦质晔
5
- * @Last Modified time: 2022-09-04 16:40:18
6
- */
7
- @import '../../style/common';
8
-
9
- @prefix-search-tree: ~'@{qm-prefix}-search-tree';
10
-
11
- .@{prefix-search-tree} {
12
- .reset-container();
13
- height: 100%;
14
- .topper {
15
- display: flex;
16
- justify-content: space-between;
17
- align-items: center;
18
- .ant-input-search {
19
- flex: 1 0;
20
- margin-bottom: 8px;
21
- }
22
- .trigger {
23
- margin-left: 8px;
24
- margin-bottom: 8px;
25
- }
26
- }
27
- .ant-tree {
28
- .filter-node {
29
- & > span:last-of-type {
30
- color: @--primary-color;
31
- }
32
- }
33
- }
34
- }
1
+ /*
2
+ * @Author: 焦质晔
3
+ * @Date: 2022-01-11 18:01:20
4
+ * @Last Modified by: 焦质晔
5
+ * @Last Modified time: 2022-09-04 16:40:18
6
+ */
7
+ @import '../../style/common';
8
+
9
+ @prefix-search-tree: ~'@{qm-prefix}-search-tree';
10
+
11
+ .@{prefix-search-tree} {
12
+ .reset-container();
13
+ height: 100%;
14
+ .topper {
15
+ display: flex;
16
+ justify-content: space-between;
17
+ align-items: center;
18
+ .ant-input-search {
19
+ flex: 1 0;
20
+ margin-bottom: 8px;
21
+ }
22
+ .trigger {
23
+ margin-left: 8px;
24
+ margin-bottom: 8px;
25
+ }
26
+ }
27
+ .ant-tree {
28
+ .filter-node {
29
+ & > span:last-of-type {
30
+ color: @--primary-color;
31
+ }
32
+ }
33
+ }
34
+ }
@@ -1,16 +1,16 @@
1
- /*
2
- * @Author: 焦质晔
3
- * @Date: 2021-07-23 19:05:57
4
- * @Last Modified by: 焦质晔
5
- * @Last Modified time: 2021-07-31 22:38:07
6
- */
7
- @import '../../style/common';
8
-
9
- @prefix-spin: ~'@{qm-prefix}-spin';
10
-
11
- .@{prefix-spin}-full-height {
12
- height: 100%;
13
- .ant-spin-container {
14
- height: 100%;
15
- }
16
- }
1
+ /*
2
+ * @Author: 焦质晔
3
+ * @Date: 2021-07-23 19:05:57
4
+ * @Last Modified by: 焦质晔
5
+ * @Last Modified time: 2021-07-31 22:38:07
6
+ */
7
+ @import '../../style/common';
8
+
9
+ @prefix-spin: ~'@{qm-prefix}-spin';
10
+
11
+ .@{prefix-spin}-full-height {
12
+ height: 100%;
13
+ .ant-spin-container {
14
+ height: 100%;
15
+ }
16
+ }