@para-ui/core 3.0.35 → 3.0.36

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 (38) hide show
  1. package/CollapseLayout/index.d.ts +2 -0
  2. package/CollapseLayout/index.js +8 -4
  3. package/ComboSelect/index.js +1 -1
  4. package/Form/index.js +2 -2
  5. package/FormItem/index.js +2 -2
  6. package/README.md +853 -843
  7. package/Styles/form.scss +5 -5
  8. package/Styles/index.scss +37 -37
  9. package/Styles/normalize.scss +348 -348
  10. package/Styles/scrollbar.scss +223 -223
  11. package/Styles/theme.scss +74 -74
  12. package/Table/index.js +64 -47
  13. package/Table/interface.d.ts +19 -2
  14. package/Transfer/index.js +1 -1
  15. package/Tree/index.js +2 -2
  16. package/_verture/{index-c50e7727.js → index-257f53f9.js} +15 -0
  17. package/_verture/{index-291a16a8.js → index-c62ad493.js} +0 -0
  18. package/index.d.ts +2 -4
  19. package/index.js +3 -4
  20. package/package.json +168 -168
  21. package/umd/ButtonGroup.js +2 -2
  22. package/umd/CheckboxGroup.js +2 -2
  23. package/umd/CollapseLayout.js +1 -1
  24. package/umd/ComboSelect.js +3 -3
  25. package/umd/Form.js +3 -3
  26. package/umd/FormItem.js +3 -3
  27. package/umd/Pagination.js +1 -1
  28. package/umd/RadioGroup.js +2 -2
  29. package/umd/Select.js +1 -1
  30. package/umd/SelectInput.js +1 -1
  31. package/umd/Selector.js +1 -1
  32. package/umd/SelectorPicker.js +3 -3
  33. package/umd/Table.js +3 -3
  34. package/umd/Transfer.js +1 -1
  35. package/umd/Tree.js +1 -1
  36. package/Test/index.d.ts +0 -3
  37. package/Test/index.js +0 -9
  38. package/umd/Test.js +0 -1
package/Styles/scrollbar.scss CHANGED
@@ -1,223 +1,223 @@
1
- // 滚动条整体宽度
2
- ::-webkit-scrollbar {
3
- width: 6px;
4
- height: 6px;
5
- background-color: $B8; // 背景色
6
- }
7
-
8
- // 滚动条滑槽样式
9
- ::-webkit-scrollbar-track {
10
- border-radius: 6px;
11
- }
12
-
13
- // 滚动条样式
14
- ::-webkit-scrollbar-thumb {
15
- background: $D3;
16
- border-radius: 6px;
17
- }
18
-
19
- // 边角
20
- ::-webkit-scrollbar-corner {
21
- background: $Z9;
22
- }
23
-
24
- // 鼠标移入上去
25
- ::-webkit-scrollbar-thumb:hover {
26
- background: $B6;
27
- }
28
-
29
- // 鼠标点击
30
- ::-webkit-scrollbar-thumb:active {
31
- background: $B6;
32
- }
33
-
34
- // 浏览器失焦的样式
35
- ::-webkit-scrollbar-thumb:window-inactive {
36
- background-color: $D3;
37
- }
38
-
39
- .#{$prefixCls}-scrollbar-small {
40
- & *, & {
41
- // 滚动条整体宽度
42
- &::-webkit-scrollbar {
43
- width: 4px;
44
- height: 4px;
45
- }
46
-
47
- // 滚动条滑槽样式
48
- &::-webkit-scrollbar-track {
49
- border-radius: 4px;
50
- }
51
-
52
- // 滚动条样式
53
- &::-webkit-scrollbar-thumb {
54
- border-radius: 4px;
55
- }
56
- }
57
- }
58
-
59
- .#{$prefixCls}-scrollbar-small-deep {
60
- & *, & {
61
- // 滚动条整体宽度
62
- ::-webkit-scrollbar {
63
- width: 4px;
64
- height: 4px;
65
- background-color: $B7; // 背景色
66
- }
67
-
68
- // 滚动条滑槽样式
69
- ::-webkit-scrollbar-track {
70
- border-radius: 4px;
71
- }
72
-
73
- // 滚动条样式
74
- ::-webkit-scrollbar-thumb {
75
- border-radius: 4px;
76
- background: $B9;
77
- }
78
-
79
- // 边角
80
- ::-webkit-scrollbar-corner {
81
- background: $Z10;
82
- }
83
-
84
- // 鼠标移入上去
85
- ::-webkit-scrollbar-thumb:hover {
86
- background: $B6;
87
- }
88
-
89
- // 鼠标点击
90
- ::-webkit-scrollbar-thumb:active {
91
- background: $B6;
92
- }
93
-
94
- // 浏览器失焦的样式
95
- ::-webkit-scrollbar-thumb:window-inactive {
96
- background-color: $B9;
97
- }
98
- }
99
- }
100
-
101
- .#{$prefixCls}-scrollbar-medium {
102
- & *, & {
103
- // 滚动条整体宽度
104
- &::-webkit-scrollbar {
105
- width: 6px;
106
- height: 6px;
107
- }
108
-
109
- // 滚动条滑槽样式
110
- &::-webkit-scrollbar-track {
111
- border-radius: 6px;
112
- }
113
-
114
- // 滚动条样式
115
- &::-webkit-scrollbar-thumb {
116
- border-radius: 6px;
117
- }
118
- }
119
- }
120
-
121
- .#{$prefixCls}-scrollbar-medium-deep {
122
- & *, & {
123
- // 滚动条整体宽度
124
- ::-webkit-scrollbar {
125
- width: 6px;
126
- height: 6px;
127
- background-color: $B7; // 背景色
128
- }
129
-
130
- // 滚动条滑槽样式
131
- ::-webkit-scrollbar-track {
132
- border-radius: 6px;
133
- }
134
-
135
- // 滚动条样式
136
- ::-webkit-scrollbar-thumb {
137
- border-radius: 6px;
138
- background: $B9;
139
- }
140
-
141
- // 边角
142
- ::-webkit-scrollbar-corner {
143
- background: $Z10;
144
- }
145
-
146
- // 鼠标移入上去
147
- ::-webkit-scrollbar-thumb:hover {
148
- background: $B6;
149
- }
150
-
151
- // 鼠标点击
152
- ::-webkit-scrollbar-thumb:active {
153
- background: $B6;
154
- }
155
-
156
- // 浏览器失焦的样式
157
- ::-webkit-scrollbar-thumb:window-inactive {
158
- background-color: $B9;
159
- }
160
- }
161
- }
162
-
163
- .#{$prefixCls}-scrollbar-large {
164
- & *, & {
165
- // 滚动条整体宽度
166
- &::-webkit-scrollbar {
167
- width: 8px;
168
- height: 8px;
169
- }
170
-
171
- // 滚动条滑槽样式
172
- &::-webkit-scrollbar-track {
173
- border-radius: 8px;
174
- }
175
-
176
- // 滚动条样式
177
- &::-webkit-scrollbar-thumb {
178
- border-radius: 8px;
179
- }
180
- }
181
- }
182
-
183
- .#{$prefixCls}-scrollbar-large-deep {
184
- & *, & {
185
- // 滚动条整体宽度
186
- ::-webkit-scrollbar {
187
- width: 8px;
188
- height: 8px;
189
- background-color: $B7; // 背景色
190
- }
191
-
192
- // 滚动条滑槽样式
193
- ::-webkit-scrollbar-track {
194
- border-radius: 8px;
195
- }
196
-
197
- // 滚动条样式
198
- ::-webkit-scrollbar-thumb {
199
- border-radius: 8px;
200
- background: $B9;
201
- }
202
-
203
- // 边角
204
- ::-webkit-scrollbar-corner {
205
- background: $Z10;
206
- }
207
-
208
- // 鼠标移入上去
209
- ::-webkit-scrollbar-thumb:hover {
210
- background: $B6;
211
- }
212
-
213
- // 鼠标点击
214
- ::-webkit-scrollbar-thumb:active {
215
- background: $B6;
216
- }
217
-
218
- // 浏览器失焦的样式
219
- ::-webkit-scrollbar-thumb:window-inactive {
220
- background-color: $B9;
221
- }
222
- }
223
- }
1
+ // 滚动条整体宽度
2
+ ::-webkit-scrollbar {
3
+ width: 6px;
4
+ height: 6px;
5
+ background-color: $B8; // 背景色
6
+ }
7
+
8
+ // 滚动条滑槽样式
9
+ ::-webkit-scrollbar-track {
10
+ border-radius: 6px;
11
+ }
12
+
13
+ // 滚动条样式
14
+ ::-webkit-scrollbar-thumb {
15
+ background: $D3;
16
+ border-radius: 6px;
17
+ }
18
+
19
+ // 边角
20
+ ::-webkit-scrollbar-corner {
21
+ background: $Z9;
22
+ }
23
+
24
+ // 鼠标移入上去
25
+ ::-webkit-scrollbar-thumb:hover {
26
+ background: $B6;
27
+ }
28
+
29
+ // 鼠标点击
30
+ ::-webkit-scrollbar-thumb:active {
31
+ background: $B6;
32
+ }
33
+
34
+ // 浏览器失焦的样式
35
+ ::-webkit-scrollbar-thumb:window-inactive {
36
+ background-color: $D3;
37
+ }
38
+
39
+ .#{$prefixCls}-scrollbar-small {
40
+ & *, & {
41
+ // 滚动条整体宽度
42
+ &::-webkit-scrollbar {
43
+ width: 4px;
44
+ height: 4px;
45
+ }
46
+
47
+ // 滚动条滑槽样式
48
+ &::-webkit-scrollbar-track {
49
+ border-radius: 4px;
50
+ }
51
+
52
+ // 滚动条样式
53
+ &::-webkit-scrollbar-thumb {
54
+ border-radius: 4px;
55
+ }
56
+ }
57
+ }
58
+
59
+ .#{$prefixCls}-scrollbar-small-deep {
60
+ & *, & {
61
+ // 滚动条整体宽度
62
+ ::-webkit-scrollbar {
63
+ width: 4px;
64
+ height: 4px;
65
+ background-color: $B7; // 背景色
66
+ }
67
+
68
+ // 滚动条滑槽样式
69
+ ::-webkit-scrollbar-track {
70
+ border-radius: 4px;
71
+ }
72
+
73
+ // 滚动条样式
74
+ ::-webkit-scrollbar-thumb {
75
+ border-radius: 4px;
76
+ background: $B9;
77
+ }
78
+
79
+ // 边角
80
+ ::-webkit-scrollbar-corner {
81
+ background: $Z10;
82
+ }
83
+
84
+ // 鼠标移入上去
85
+ ::-webkit-scrollbar-thumb:hover {
86
+ background: $B6;
87
+ }
88
+
89
+ // 鼠标点击
90
+ ::-webkit-scrollbar-thumb:active {
91
+ background: $B6;
92
+ }
93
+
94
+ // 浏览器失焦的样式
95
+ ::-webkit-scrollbar-thumb:window-inactive {
96
+ background-color: $B9;
97
+ }
98
+ }
99
+ }
100
+
101
+ .#{$prefixCls}-scrollbar-medium {
102
+ & *, & {
103
+ // 滚动条整体宽度
104
+ &::-webkit-scrollbar {
105
+ width: 6px;
106
+ height: 6px;
107
+ }
108
+
109
+ // 滚动条滑槽样式
110
+ &::-webkit-scrollbar-track {
111
+ border-radius: 6px;
112
+ }
113
+
114
+ // 滚动条样式
115
+ &::-webkit-scrollbar-thumb {
116
+ border-radius: 6px;
117
+ }
118
+ }
119
+ }
120
+
121
+ .#{$prefixCls}-scrollbar-medium-deep {
122
+ & *, & {
123
+ // 滚动条整体宽度
124
+ ::-webkit-scrollbar {
125
+ width: 6px;
126
+ height: 6px;
127
+ background-color: $B7; // 背景色
128
+ }
129
+
130
+ // 滚动条滑槽样式
131
+ ::-webkit-scrollbar-track {
132
+ border-radius: 6px;
133
+ }
134
+
135
+ // 滚动条样式
136
+ ::-webkit-scrollbar-thumb {
137
+ border-radius: 6px;
138
+ background: $B9;
139
+ }
140
+
141
+ // 边角
142
+ ::-webkit-scrollbar-corner {
143
+ background: $Z10;
144
+ }
145
+
146
+ // 鼠标移入上去
147
+ ::-webkit-scrollbar-thumb:hover {
148
+ background: $B6;
149
+ }
150
+
151
+ // 鼠标点击
152
+ ::-webkit-scrollbar-thumb:active {
153
+ background: $B6;
154
+ }
155
+
156
+ // 浏览器失焦的样式
157
+ ::-webkit-scrollbar-thumb:window-inactive {
158
+ background-color: $B9;
159
+ }
160
+ }
161
+ }
162
+
163
+ .#{$prefixCls}-scrollbar-large {
164
+ & *, & {
165
+ // 滚动条整体宽度
166
+ &::-webkit-scrollbar {
167
+ width: 8px;
168
+ height: 8px;
169
+ }
170
+
171
+ // 滚动条滑槽样式
172
+ &::-webkit-scrollbar-track {
173
+ border-radius: 8px;
174
+ }
175
+
176
+ // 滚动条样式
177
+ &::-webkit-scrollbar-thumb {
178
+ border-radius: 8px;
179
+ }
180
+ }
181
+ }
182
+
183
+ .#{$prefixCls}-scrollbar-large-deep {
184
+ & *, & {
185
+ // 滚动条整体宽度
186
+ ::-webkit-scrollbar {
187
+ width: 8px;
188
+ height: 8px;
189
+ background-color: $B7; // 背景色
190
+ }
191
+
192
+ // 滚动条滑槽样式
193
+ ::-webkit-scrollbar-track {
194
+ border-radius: 8px;
195
+ }
196
+
197
+ // 滚动条样式
198
+ ::-webkit-scrollbar-thumb {
199
+ border-radius: 8px;
200
+ background: $B9;
201
+ }
202
+
203
+ // 边角
204
+ ::-webkit-scrollbar-corner {
205
+ background: $Z10;
206
+ }
207
+
208
+ // 鼠标移入上去
209
+ ::-webkit-scrollbar-thumb:hover {
210
+ background: $B6;
211
+ }
212
+
213
+ // 鼠标点击
214
+ ::-webkit-scrollbar-thumb:active {
215
+ background: $B6;
216
+ }
217
+
218
+ // 浏览器失焦的样式
219
+ ::-webkit-scrollbar-thumb:window-inactive {
220
+ background-color: $B9;
221
+ }
222
+ }
223
+ }
package/Styles/theme.scss CHANGED
@@ -1,74 +1,74 @@
1
- /**
2
- * @author Hanz
3
- * @date 2021/10/20 下午2:08
4
- * @description color
5
- */
6
- // 组件库前缀
7
- $prefixCls: 'paraui-v3';
8
- // rc组件前缀
9
- $rcPrefixCls: 'component';
10
-
11
- //导航&主题色
12
- $A1: rgba(28, 41, 60, 1);
13
- $A2: rgba(34, 62, 103, 1);
14
- $A3: linear-gradient(180deg, rgba(241, 241, 244, 1), rgba(243, 243, 243, 1));
15
- $A4: rgba(255, 255, 255, 0.6);
16
- $A5: rgba(54, 102, 214, 1);
17
- //辅助色
18
- $B1: linear-gradient(90deg, rgba(61, 102, 248, 1), rgba(119, 147, 249, 1) 74%, rgba(216, 223, 250, 1));
19
- $B2: rgba(54, 102, 214, 0.8);
20
- $B3: rgba(54, 102, 214, 0.4);
21
- $B4: rgba(54, 102, 214, 0.2);
22
- $B5: rgba(54, 102, 214, 0.05);
23
- $B6: rgba(171, 176, 185, 0.4);
24
- $B7: rgba(171, 176, 185, 0.2);
25
- $B8: rgba(171, 176, 185, 0.12);
26
- $B9: rgba(248, 249, 251, 0.8);
27
- $B10: rgba(255, 255, 255, 1);
28
- $B11: rgba(243, 246, 252, 1);
29
- $B12: rgba(254, 249, 245, 1);
30
- $B13: rgba(253, 246, 245, 1);
31
- $B14: rgba(245, 251, 242, 1);
32
- //状态色
33
- $C1: rgba(235, 96, 84, 1);
34
- $C2: rgba(235, 96, 84, 0.05);
35
- $C3: rgba(83, 195, 27, 1);
36
- $C4: rgba(83, 195, 27, 0.05);
37
- $C5: rgba(255, 161, 80, 1);
38
- $C6: rgba(255, 161, 80, 0.05);
39
- $C7: rgba(235, 96, 84, 0.8);
40
- //文字色
41
- $D1: rgba(46, 55, 67, 1);
42
- $D2: rgba(46, 55, 67, 0.7);
43
- $D3: rgba(46, 55, 67, 0.4);
44
- //字体
45
- $font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
46
- $large: 18px;
47
- $medium: 16px;
48
- $small: 14px;
49
- $smallest: 12px;
50
- $normal: 400;
51
- $bold: 700;
52
- $light: 300;
53
- // 实色
54
- $Z1: rgba(248, 249, 251, 1);
55
- $Z2: rgba(237, 241, 249, 1);
56
- $Z3: rgba(227, 234, 247, 1);
57
- $Z4: rgba(245, 246, 247, 1);
58
- $Z5: rgba(243, 246, 252, 1);
59
- $Z6: rgba(253, 246, 245, 1);
60
- $Z7: rgba(245, 251, 242, 1);
61
- $Z8: rgba(254, 249, 245, 1);
62
- $Z9: rgba(236, 238, 240, 1);
63
- $Z10: rgba(79, 89, 105, 1);
64
- $Z11: rgba(249, 250, 251, 1);
65
-
66
- //阴影
67
- $boxShadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.40);
68
- $boxShadowLeft: inset -10px 0 10px -8px rgba(0, 0, 0, 0.1); // 表格固定列
69
- $boxShadowRight: inset 10px 0 10px -8px rgba(0, 0, 0, 0.1); // 表格固定列
70
- $radius: 4px;
71
-
72
- //全局弹窗index,往body里面插入的,比如toolTip,popover这类
73
- $ZIndexBody: 1500;
74
-
1
+ /**
2
+ * @author Hanz
3
+ * @date 2021/10/20 下午2:08
4
+ * @description color
5
+ */
6
+ // 组件库前缀
7
+ $prefixCls: 'paraui-v3';
8
+ // rc组件前缀
9
+ $rcPrefixCls: 'component';
10
+
11
+ //导航&主题色
12
+ $A1: rgba(28, 41, 60, 1);
13
+ $A2: rgba(34, 62, 103, 1);
14
+ $A3: linear-gradient(180deg, rgba(241, 241, 244, 1), rgba(243, 243, 243, 1));
15
+ $A4: rgba(255, 255, 255, 0.6);
16
+ $A5: rgba(54, 102, 214, 1);
17
+ //辅助色
18
+ $B1: linear-gradient(90deg, rgba(61, 102, 248, 1), rgba(119, 147, 249, 1) 74%, rgba(216, 223, 250, 1));
19
+ $B2: rgba(54, 102, 214, 0.8);
20
+ $B3: rgba(54, 102, 214, 0.4);
21
+ $B4: rgba(54, 102, 214, 0.2);
22
+ $B5: rgba(54, 102, 214, 0.05);
23
+ $B6: rgba(171, 176, 185, 0.4);
24
+ $B7: rgba(171, 176, 185, 0.2);
25
+ $B8: rgba(171, 176, 185, 0.12);
26
+ $B9: rgba(248, 249, 251, 0.8);
27
+ $B10: rgba(255, 255, 255, 1);
28
+ $B11: rgba(243, 246, 252, 1);
29
+ $B12: rgba(254, 249, 245, 1);
30
+ $B13: rgba(253, 246, 245, 1);
31
+ $B14: rgba(245, 251, 242, 1);
32
+ //状态色
33
+ $C1: rgba(235, 96, 84, 1);
34
+ $C2: rgba(235, 96, 84, 0.05);
35
+ $C3: rgba(83, 195, 27, 1);
36
+ $C4: rgba(83, 195, 27, 0.05);
37
+ $C5: rgba(255, 161, 80, 1);
38
+ $C6: rgba(255, 161, 80, 0.05);
39
+ $C7: rgba(235, 96, 84, 0.8);
40
+ //文字色
41
+ $D1: rgba(46, 55, 67, 1);
42
+ $D2: rgba(46, 55, 67, 0.7);
43
+ $D3: rgba(46, 55, 67, 0.4);
44
+ //字体
45
+ $font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
46
+ $large: 18px;
47
+ $medium: 16px;
48
+ $small: 14px;
49
+ $smallest: 12px;
50
+ $normal: 400;
51
+ $bold: 700;
52
+ $light: 300;
53
+ // 实色
54
+ $Z1: rgba(248, 249, 251, 1);
55
+ $Z2: rgba(237, 241, 249, 1);
56
+ $Z3: rgba(227, 234, 247, 1);
57
+ $Z4: rgba(245, 246, 247, 1);
58
+ $Z5: rgba(243, 246, 252, 1);
59
+ $Z6: rgba(253, 246, 245, 1);
60
+ $Z7: rgba(245, 251, 242, 1);
61
+ $Z8: rgba(254, 249, 245, 1);
62
+ $Z9: rgba(236, 238, 240, 1);
63
+ $Z10: rgba(79, 89, 105, 1);
64
+ $Z11: rgba(249, 250, 251, 1);
65
+
66
+ //阴影
67
+ $boxShadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.40);
68
+ $boxShadowLeft: inset -10px 0 10px -8px rgba(0, 0, 0, 0.1); // 表格固定列
69
+ $boxShadowRight: inset 10px 0 10px -8px rgba(0, 0, 0, 0.1); // 表格固定列
70
+ $radius: 4px;
71
+
72
+ //全局弹窗index,往body里面插入的,比如toolTip,popover这类
73
+ $ZIndexBody: 1500;
74
+