@para-ui/core 3.0.30 → 3.0.32
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/Form/index.js +1 -1
- package/FormItem/index.js +1 -1
- package/Menu/index.js +31 -27
- package/README.md +827 -813
- package/Selector/index.js +4 -2
- package/Styles/form.scss +5 -5
- package/Styles/index.scss +37 -37
- package/Styles/normalize.scss +348 -348
- package/Styles/scrollbar.scss +223 -223
- package/Styles/theme.scss +74 -74
- package/Table/index.js +12 -4
- package/Test/index.d.ts +3 -0
- package/Test/index.js +9 -0
- package/Timeline/index.js +1 -1
- package/_verture/{index-131f8fe5.js → index-f0434861.js} +0 -0
- package/index.d.ts +4 -2
- package/index.js +3 -2
- package/package.json +168 -167
- package/umd/AutoBox.js +43 -0
- package/umd/AutoTips.js +15 -0
- package/umd/Breadcrumbs.js +42 -0
- package/umd/Button.js +43 -0
- package/umd/ButtonGroup.js +43 -0
- package/umd/Carousel.js +6 -0
- package/umd/Cascader.js +43 -0
- package/umd/Checkbox.js +42 -0
- package/umd/CheckboxGroup.js +42 -0
- package/umd/Collapse.js +43 -0
- package/umd/CollapseBox.js +1 -0
- package/umd/CollapseLayout.js +29 -0
- package/umd/ColorPicker.js +1 -0
- package/umd/ComboSelect.js +42 -0
- package/umd/Container.js +1 -0
- package/umd/DatePicker.js +42 -0
- package/umd/Desktop.js +42 -0
- package/umd/Drawer.js +43 -0
- package/umd/Dropdown.js +15 -0
- package/umd/Empty.js +15 -0
- package/umd/Form.js +42 -0
- package/umd/FormItem.js +42 -0
- package/umd/FunctionModal.js +42 -0
- package/umd/GlobalContext.js +1 -0
- package/umd/Help.js +42 -0
- package/umd/HelperText.js +1 -0
- package/umd/InputLang.js +42 -0
- package/umd/InputNumber.js +42 -0
- package/umd/Label.js +42 -0
- package/umd/Loading.js +29 -0
- package/umd/Menu.js +29 -0
- package/umd/Message.js +30 -0
- package/umd/Modal.js +42 -0
- package/umd/MultiBox.js +42 -0
- package/umd/Notification.js +43 -0
- package/umd/OperateBtn.js +42 -0
- package/umd/PageHeader.js +42 -0
- package/umd/Pagination.js +42 -0
- package/umd/ParauiProvider.js +15 -0
- package/umd/PasswordRules.js +29 -0
- package/umd/PopConfirm.js +42 -0
- package/umd/Popover.js +15 -0
- package/umd/Progress.js +35 -0
- package/umd/Querying.js +15 -0
- package/umd/Radio.js +42 -0
- package/umd/RadioGroup.js +42 -0
- package/umd/Search.js +42 -0
- package/umd/Select.js +42 -0
- package/umd/SelectInput.js +42 -0
- package/umd/Selector.js +42 -0
- package/umd/SelectorPicker.js +42 -0
- package/umd/SingleBox.js +42 -0
- package/umd/Slider.js +15 -0
- package/umd/Split.js +1 -0
- package/umd/Status.js +1 -0
- package/umd/Stepper.js +42 -0
- package/umd/Switch.js +42 -0
- package/umd/Table.js +42 -0
- package/umd/Tabs.js +42 -0
- package/umd/Tag.js +43 -0
- package/umd/Test.js +1 -0
- package/umd/TextEditor.js +205 -0
- package/umd/TextField.js +42 -0
- package/umd/TimePicker.js +42 -0
- package/umd/Timeline.js +1 -0
- package/umd/Title.js +1 -0
- package/umd/ToggleButton.js +43 -0
- package/umd/Tooltip.js +15 -0
- package/umd/Transfer.js +49 -0
- package/umd/Tree.js +42 -0
- package/umd/Upload.js +56 -0
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
|
+
|
package/Table/index.js
CHANGED
|
@@ -5,7 +5,7 @@ import { r as regenerator } from '../_verture/index-06fea29b.js';
|
|
|
5
5
|
import { _ as __rest, a as __awaiter } from '../_verture/tslib.es6-55ed4bd2.js';
|
|
6
6
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
7
7
|
import { useRef, useState, useEffect, useMemo, useCallback, Fragment as Fragment$1 } from 'react';
|
|
8
|
-
import { Get, Post, DeepClone, GetBrowserClass,
|
|
8
|
+
import { Get, Post, DeepClone, GetBrowserClass, Cancel, ArrayToObject } from '@paraview/lib';
|
|
9
9
|
import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
|
|
10
10
|
import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
|
|
11
11
|
import { Popover } from '../Popover/index.js';
|
|
@@ -1833,8 +1833,10 @@ var Table = function Table(propsInit) {
|
|
|
1833
1833
|
useEffect(function () {
|
|
1834
1834
|
window.addEventListener('resize', changeResize);
|
|
1835
1835
|
return function () {
|
|
1836
|
+
constData.current.isDestroy = true;
|
|
1836
1837
|
clearTimeout(constData.current.reqTimer);
|
|
1837
1838
|
clearTimeout(constData.current.loadingTimer);
|
|
1839
|
+
Cancel(reqId);
|
|
1838
1840
|
window.removeEventListener('resize', changeResize);
|
|
1839
1841
|
};
|
|
1840
1842
|
}, []);
|
|
@@ -2438,8 +2440,14 @@ var Table = function Table(propsInit) {
|
|
|
2438
2440
|
_yield$requestFunc = _context.sent;
|
|
2439
2441
|
data = _yield$requestFunc.data;
|
|
2440
2442
|
err = _yield$requestFunc.err;
|
|
2443
|
+
if (!constData.current.isDestroy) {
|
|
2444
|
+
_context.next = 9;
|
|
2445
|
+
break;
|
|
2446
|
+
}
|
|
2447
|
+
return _context.abrupt("return");
|
|
2448
|
+
case 9:
|
|
2441
2449
|
if (!err) {
|
|
2442
|
-
_context.next =
|
|
2450
|
+
_context.next = 13;
|
|
2443
2451
|
break;
|
|
2444
2452
|
}
|
|
2445
2453
|
if (props.loading === undefined) setLoadState(false);
|
|
@@ -2450,7 +2458,7 @@ var Table = function Table(propsInit) {
|
|
|
2450
2458
|
setRowDataJson({});
|
|
2451
2459
|
}
|
|
2452
2460
|
return _context.abrupt("return", false);
|
|
2453
|
-
case
|
|
2461
|
+
case 13:
|
|
2454
2462
|
if (requestCallback) {
|
|
2455
2463
|
requestCallback(data, function (handData) {
|
|
2456
2464
|
if (handData) {
|
|
@@ -2464,7 +2472,7 @@ var Table = function Table(propsInit) {
|
|
|
2464
2472
|
handReqData(data);
|
|
2465
2473
|
if (props.loading === undefined) setLoadState(false);
|
|
2466
2474
|
}
|
|
2467
|
-
case
|
|
2475
|
+
case 14:
|
|
2468
2476
|
case "end":
|
|
2469
2477
|
return _context.stop();
|
|
2470
2478
|
}
|
package/Test/index.d.ts
ADDED
package/Test/index.js
ADDED
package/Timeline/index.js
CHANGED
|
@@ -134,7 +134,7 @@ var Timeline = function Timeline(props) {
|
|
|
134
134
|
className: clsx([className, _defineProperty({}, "".concat($rcPrefixCls, "-timeline-item-disabled"), disabled), !reverse && !!pending ? pendingClass : readyClass, getPositionCls(null, idx)])
|
|
135
135
|
}, {
|
|
136
136
|
children: content
|
|
137
|
-
}));
|
|
137
|
+
}), idx);
|
|
138
138
|
});
|
|
139
139
|
};
|
|
140
140
|
return jsx("ul", Object.assign({}, restProps, {
|
|
File without changes
|