@zkwq/business 0.0.47 → 0.0.49

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 (11) hide show
  1. package/dist/css/AppDialog.css +44 -44
  2. package/dist/css/AppDialog.min.css +1 -1
  3. package/dist/scss/config.scss +4 -0
  4. package/dist/scss/drawer.scss +218 -0
  5. package/dist/scss/function.scss +43 -0
  6. package/dist/{mixins.scss → scss/mixins.scss} +16 -0
  7. package/dist/scss/var.scss +1022 -0
  8. package/package.json +1 -1
  9. package/vite.config.js +7 -3
  10. /package/dist/{animations.scss → scss/animations.scss} +0 -0
  11. /package/dist/{transition.scss → scss/transition.scss} +0 -0
package/dist/scss/var.scss ADDED
@@ -0,0 +1,1022 @@
1
+ /* Transition
2
+ -------------------------- */
3
+ $--all-transition: all .3s cubic-bezier(.645,.045,.355,1) !default;
4
+ $--fade-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) !default;
5
+ $--fade-linear-transition: opacity 300ms linear !default;
6
+ $--md-fade-transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) !default;
7
+ $--border-transition-base: border-color .2s cubic-bezier(.645,.045,.355,1) !default;
8
+ $--color-transition-base: color .2s cubic-bezier(.645,.045,.355,1) !default;
9
+
10
+ /* Color
11
+ -------------------------- */
12
+ /// color|1|Brand Color|0
13
+ $--color-primary: #2F3A91 !default;
14
+ /// color|1|Background Color|4
15
+ $--color-white: #FFFFFF !default;
16
+ /// color|1|Background Color|4
17
+ $--color-black: #000000 !default;
18
+ $--color-primary-light-1: mix($--color-white, $--color-primary, 10%) !default; /* 53a8ff */
19
+ $--color-primary-light-2: mix($--color-white, $--color-primary, 20%) !default; /* 66b1ff */
20
+ $--color-primary-light-3: mix($--color-white, $--color-primary, 30%) !default; /* 79bbff */
21
+ $--color-primary-light-4: mix($--color-white, $--color-primary, 40%) !default; /* 8cc5ff */
22
+ $--color-primary-light-5: mix($--color-white, $--color-primary, 50%) !default; /* a0cfff */
23
+ $--color-primary-light-6: mix($--color-white, $--color-primary, 60%) !default; /* b3d8ff */
24
+ $--color-primary-light-7: mix($--color-white, $--color-primary, 70%) !default; /* c6e2ff */
25
+ $--color-primary-light-8: mix($--color-white, $--color-primary, 80%) !default; /* d9ecff */
26
+ $--color-primary-light-9: mix($--color-white, $--color-primary, 90%) !default; /* ecf5ff */
27
+ /// color|1|Functional Color|1
28
+ $--color-success: #67C23A !default;
29
+ /// color|1|Functional Color|1
30
+ /// $--color-warning: #E6A23C !default;
31
+ $--color-warning: #FF791A !default;
32
+ /// color|1|Functional Color|1
33
+ $--color-danger: #F1403C !default;
34
+ /// color|1|Functional Color|1
35
+ $--color-info: #8590a6 !default;
36
+
37
+ $--color-success-light: mix($--color-white, $--color-success, 80%) !default;
38
+ $--color-warning-light: mix($--color-white, $--color-warning, 80%) !default;
39
+ $--color-danger-light: mix($--color-white, $--color-danger, 80%) !default;
40
+ $--color-info-light: mix($--color-white, $--color-info, 80%) !default;
41
+
42
+ $--color-success-lighter: mix($--color-white, $--color-success, 90%) !default;
43
+ $--color-warning-lighter: mix($--color-white, $--color-warning, 90%) !default;
44
+ $--color-danger-lighter: mix($--color-white, $--color-danger, 90%) !default;
45
+ $--color-info-lighter: mix($--color-white, $--color-info, 90%) !default;
46
+ /// color|1|Font Color|2
47
+ $--color-text-primary: #121212 !default;
48
+ /// color|1|Font Color|2
49
+ $--color-text-regular: #646464 !default;
50
+ /// color|1|Font Color|2
51
+ $--color-text-secondary: #8590a6 !default;
52
+ /// color|1|Font Color|2
53
+ /// $--color-text-placeholder: #C0C4CC !default;
54
+ $--color-text-placeholder: #8590a6 !default;
55
+ $--border-color: #EBEBEB !default;
56
+ /// color|1|Border Color|3
57
+ $--border-color-base: #DCDFE6 !default;
58
+ /// color|1|Border Color|3
59
+ $--border-color-light: #E4E7ED !default;
60
+ /// color|1|Border Color|3
61
+ $--border-color-lighter: #EBEEF5 !default;
62
+ /// color|1|Border Color|3
63
+ $--border-color-extra-light: #F2F6FC !default;
64
+ $--color-secondary: #8590A6;
65
+ $--app-red: #F1403C;
66
+ $--color-background: #F6F6F6;
67
+ $--color-regular: #646464;
68
+
69
+ // Background
70
+ /// color|1|Background Color|4
71
+ $--background-color-base: #F3F5F8 !default;
72
+
73
+ :export{
74
+ primary:$--color-primary;
75
+ success:$--color-success;
76
+ warning:$--color-warning;
77
+ danger:$--color-danger;
78
+ info:$--color-info;
79
+ }
80
+
81
+ /* Link
82
+ -------------------------- */
83
+ $--link-color: $--color-primary-light-2 !default;
84
+ $--link-hover-color: $--color-primary !default;
85
+
86
+ /* Border
87
+ -------------------------- */
88
+ $--border-width-base: 1px !default;
89
+ $--border-style-base: solid !default;
90
+ $--border-color-hover: $--color-text-placeholder !default;
91
+ $--border-base: $--border-width-base $--border-style-base $--border-color-base !default;
92
+ /// borderRadius|1|Radius|0
93
+ $--border-radius-base: 4px !default;
94
+ /// borderRadius|1|Radius|0
95
+ $--border-radius-small: 2px !default;
96
+ /// borderRadius|1|Radius|0
97
+ $--border-radius-circle: 100% !default;
98
+ /// borderRadius|1|Radius|0
99
+ $--border-radius-zero: 0 !default;
100
+
101
+ // Box-shadow
102
+ /// boxShadow|1|Shadow|1
103
+ $--box-shadow-base: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04) !default;
104
+ // boxShadow|1|Shadow|1
105
+ $--box-shadow-dark: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .12) !default;
106
+ /// boxShadow|1|Shadow|1
107
+ $--box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !default;
108
+
109
+ /* Fill
110
+ -------------------------- */
111
+ $--fill-base: $--color-white !default;
112
+
113
+ /* Typography
114
+ -------------------------- */
115
+ $--font-path: 'fonts' !default;
116
+ $--font-display: 'auto' !default;
117
+ /// fontSize|1|Font Size|0
118
+ $--font-size-extra-large: 20px !default;
119
+ /// fontSize|1|Font Size|0
120
+ $--font-size-large: 18px !default;
121
+ /// fontSize|1|Font Size|0
122
+ $--font-size-medium: 16px !default;
123
+ /// fontSize|1|Font Size|0
124
+ $--font-size-base: 14px !default;
125
+ /// fontSize|1|Font Size|0
126
+ $--font-size-small: 13px !default;
127
+ /// fontSize|1|Font Size|0
128
+ $--font-size-extra-small: 12px !default;
129
+ /// fontWeight|1|Font Weight|1
130
+ $--font-weight-primary: 500 !default;
131
+ /// fontWeight|1|Font Weight|1
132
+ $--font-weight-secondary: 100 !default;
133
+ /// fontLineHeight|1|Line Height|2
134
+ $--font-line-height-primary: 24px !default;
135
+ /// fontLineHeight|1|Line Height|2
136
+ $--font-line-height-secondary: 16px !default;
137
+ $--font-color-disabled-base: #bbb !default;
138
+ /* Size
139
+ -------------------------- */
140
+ $--size-base: 14px !default;
141
+
142
+ /* z-index
143
+ -------------------------- */
144
+ $--index-normal: 1 !default;
145
+ $--index-top: 1000 !default;
146
+ $--index-popper: 2000 !default;
147
+
148
+ /* Disable base
149
+ -------------------------- */
150
+ $--disabled-fill-base: $--background-color-base !default;
151
+ $--disabled-color-base: $--color-text-placeholder !default;
152
+ $--disabled-border-base: $--border-color-light !default;
153
+
154
+ /* Icon
155
+ -------------------------- */
156
+ $--icon-color: #666 !default;
157
+ $--icon-color-base: $--color-info !default;
158
+
159
+ /* Checkbox
160
+ -------------------------- */
161
+ /// fontSize||Font|1
162
+ $--checkbox-font-size: 14px !default;
163
+ /// fontWeight||Font|1
164
+ $--checkbox-font-weight: $--font-weight-primary !default;
165
+ /// color||Color|0
166
+ $--checkbox-font-color: $--color-text-regular !default;
167
+ $--checkbox-input-height: 16px !default;
168
+ $--checkbox-input-width: 16px !default;
169
+ /// borderRadius||Border|2
170
+ $--checkbox-border-radius: $--border-radius-small !default;
171
+ /// color||Color|0
172
+ $--checkbox-background-color: $--color-white !default;
173
+ $--checkbox-input-border: 1.5px $--border-style-base $--border-color-base !default;
174
+
175
+ /// color||Color|0
176
+ $--checkbox-disabled-border-color: $--border-color-base !default;
177
+ $--checkbox-disabled-input-fill: #edf2fc !default;
178
+ $--checkbox-disabled-icon-color: $--color-text-placeholder !default;
179
+
180
+ $--checkbox-disabled-checked-input-fill: #DCDFE6 !default;
181
+ $--checkbox-disabled-checked-input-border-color: $--border-color-base !default;
182
+ $--checkbox-disabled-checked-icon-color: $--color-white !default;
183
+
184
+ /// color||Color|0
185
+ $--checkbox-checked-font-color: $--color-primary !default;
186
+ $--checkbox-checked-input-border-color: $--color-primary !default;
187
+ /// color||Color|0
188
+ $--checkbox-checked-background-color: $--color-primary !default;
189
+ $--checkbox-checked-icon-color: $--fill-base !default;
190
+
191
+ $--checkbox-input-border-color-hover: $--color-primary !default;
192
+ /// height||Other|4
193
+ $--checkbox-bordered-height: 40px !default;
194
+ /// padding||Spacing|3
195
+ $--checkbox-bordered-padding: 9px 20px 9px 10px !default;
196
+ /// padding||Spacing|3
197
+ $--checkbox-bordered-medium-padding: 7px 20px 7px 10px !default;
198
+ /// padding||Spacing|3
199
+ $--checkbox-bordered-small-padding: 5px 15px 5px 10px !default;
200
+ /// padding||Spacing|3
201
+ $--checkbox-bordered-mini-padding: 3px 15px 3px 10px !default;
202
+ $--checkbox-bordered-medium-input-height: 14px !default;
203
+ $--checkbox-bordered-medium-input-width: 14px !default;
204
+ /// height||Other|4
205
+ $--checkbox-bordered-medium-height: 36px !default;
206
+ $--checkbox-bordered-small-input-height: 12px !default;
207
+ $--checkbox-bordered-small-input-width: 12px !default;
208
+ /// height||Other|4
209
+ $--checkbox-bordered-small-height: 32px !default;
210
+ $--checkbox-bordered-mini-input-height: 12px !default;
211
+ $--checkbox-bordered-mini-input-width: 12px !default;
212
+ /// height||Other|4
213
+ $--checkbox-bordered-mini-height: 28px !default;
214
+
215
+ /// color||Color|0
216
+ $--checkbox-button-checked-background-color: $--color-primary !default;
217
+ /// color||Color|0
218
+ $--checkbox-button-checked-font-color: $--color-white !default;
219
+ /// color||Color|0
220
+ $--checkbox-button-checked-border-color: $--color-primary !default;
221
+
222
+
223
+
224
+ /* Radio
225
+ -------------------------- */
226
+ /// fontSize||Font|1
227
+ $--radio-font-size: $--font-size-base !default;
228
+ /// fontWeight||Font|1
229
+ $--radio-font-weight: $--font-weight-primary !default;
230
+ /// color||Color|0
231
+ $--radio-font-color: $--color-text-regular !default;
232
+ $--radio-input-height: 16px !default;
233
+ $--radio-input-width: 16px !default;
234
+ /// borderRadius||Border|2
235
+ $--radio-input-border-radius: $--border-radius-circle !default;
236
+ /// color||Color|0
237
+ $--radio-input-background-color: $--color-white !default;
238
+ $--radio-input-border: 1.5px $--border-style-base $--border-color-base !default;
239
+ /// color||Color|0
240
+ $--radio-input-border-color: $--border-color-base !default;
241
+ /// color||Color|0
242
+ $--radio-icon-color: $--color-white !default;
243
+
244
+ $--radio-disabled-input-border-color: $--disabled-border-base !default;
245
+ $--radio-disabled-input-fill: $--disabled-fill-base !default;
246
+ $--radio-disabled-icon-color: $--disabled-fill-base !default;
247
+
248
+ $--radio-disabled-checked-input-border-color: $--disabled-border-base !default;
249
+ $--radio-disabled-checked-input-fill: $--disabled-fill-base !default;
250
+ $--radio-disabled-checked-icon-color: $--color-text-placeholder !default;
251
+
252
+ /// color||Color|0
253
+ $--radio-checked-font-color: $--color-primary !default;
254
+ /// color||Color|0
255
+ $--radio-checked-input-border-color: $--color-primary !default;
256
+ /// color||Color|0
257
+ $--radio-checked-input-background-color: $--color-white !default;
258
+ /// color||Color|0
259
+ $--radio-checked-icon-color: $--color-white !default;
260
+
261
+ $--radio-input-border-color-hover: $--color-primary !default;
262
+
263
+ $--radio-bordered-height: 40px !default;
264
+ $--radio-bordered-padding: 12px 20px 0 10px !default;
265
+ $--radio-bordered-medium-padding: 10px 20px 0 10px !default;
266
+ $--radio-bordered-small-padding: 8px 15px 0 10px !default;
267
+ $--radio-bordered-mini-padding: 6px 15px 0 10px !default;
268
+ $--radio-bordered-medium-input-height: 14px !default;
269
+ $--radio-bordered-medium-input-width: 14px !default;
270
+ $--radio-bordered-medium-height: 36px !default;
271
+ $--radio-bordered-small-input-height: 12px !default;
272
+ $--radio-bordered-small-input-width: 12px !default;
273
+ $--radio-bordered-small-height: 32px !default;
274
+ $--radio-bordered-mini-input-height: 12px !default;
275
+ $--radio-bordered-mini-input-width: 12px !default;
276
+ $--radio-bordered-mini-height: 28px !default;
277
+
278
+ /// fontSize||Font|1
279
+ $--radio-button-font-size: $--font-size-base !default;
280
+ /// color||Color|0
281
+ $--radio-button-checked-background-color: $--color-primary !default;
282
+ /// color||Color|0
283
+ $--radio-button-checked-font-color: $--color-white !default;
284
+ /// color||Color|0
285
+ $--radio-button-checked-border-color: $--color-primary !default;
286
+ $--radio-button-disabled-checked-fill: $--border-color-extra-light !default;
287
+
288
+ /* Select
289
+ -------------------------- */
290
+ $--select-border-color-hover: $--border-color-hover !default;
291
+ $--select-disabled-border: $--disabled-border-base !default;
292
+ /// fontSize||Font|1
293
+ $--select-font-size: $--font-size-base !default;
294
+ $--select-close-hover-color: $--color-text-secondary !default;
295
+
296
+ $--select-input-color: $--color-text-placeholder !default;
297
+ $--select-multiple-input-color: #666 !default;
298
+ /// color||Color|0
299
+ $--select-input-focus-border-color: $--color-primary !default;
300
+ /// fontSize||Font|1
301
+ $--select-input-font-size: 14px !default;
302
+
303
+ $--select-option-color: $--color-text-secondary !default;
304
+ $--select-option-disabled-color: $--color-text-placeholder !default;
305
+ $--select-option-disabled-background: $--color-white !default;
306
+ /// height||Other|4
307
+ $--select-option-height: 34px !default;
308
+ $--select-option-hover-background: $--background-color-base !default;
309
+ /// color||Color|0
310
+ $--select-option-selected-font-color: $--color-primary !default;
311
+ $--select-option-selected-hover: $--background-color-base !default;
312
+
313
+ $--select-group-color: $--color-info !default;
314
+ $--select-group-height: 30px !default;
315
+ $--select-group-font-size: 12px !default;
316
+
317
+ $--select-dropdown-background: $--color-white !default;
318
+ $--select-dropdown-shadow: $--box-shadow-light !default;
319
+ $--select-dropdown-empty-color: #999 !default;
320
+ /// height||Other|4
321
+ $--select-dropdown-max-height: 274px !default;
322
+ $--select-dropdown-padding: 6px 0 !default;
323
+ $--select-dropdown-empty-padding: 10px 0 !default;
324
+ $--select-dropdown-border: solid 1px $--border-color-light !default;
325
+
326
+ /* Alert
327
+ -------------------------- */
328
+ $--alert-padding: 8px 16px !default;
329
+ /// borderRadius||Border|2
330
+ $--alert-border-radius: $--border-radius-base !default;
331
+ /// fontSize||Font|1
332
+ $--alert-title-font-size: 13px !default;
333
+ /// fontSize||Font|1
334
+ $--alert-description-font-size: 12px !default;
335
+ /// fontSize||Font|1
336
+ $--alert-close-font-size: 12px !default;
337
+ /// fontSize||Font|1
338
+ $--alert-close-customed-font-size: 13px !default;
339
+
340
+ $--alert-success-color: $--color-success-lighter !default;
341
+ $--alert-info-color: $--color-info-lighter !default;
342
+ $--alert-warning-color: $--color-warning-lighter !default;
343
+ $--alert-danger-color: $--color-danger-lighter !default;
344
+
345
+ /// height||Other|4
346
+ $--alert-icon-size: 16px !default;
347
+ /// height||Other|4
348
+ $--alert-icon-large-size: 28px !default;
349
+
350
+ /* MessageBox
351
+ -------------------------- */
352
+ /// color||Color|0
353
+ $--messagebox-title-color: $--color-text-primary !default;
354
+ $--msgbox-width: 400px !default;
355
+ $--msgbox-border-radius: 4px !default;
356
+ /// fontSize||Font|1
357
+ $--messagebox-font-size: $--font-size-large !default;
358
+ /// fontSize||Font|1
359
+ $--messagebox-content-font-size: $--font-size-base !default;
360
+ /// color||Color|0
361
+ $--messagebox-content-color: $--color-text-regular !default;
362
+ /// fontSize||Font|1
363
+ $--messagebox-error-font-size: 12px !default;
364
+ $--msgbox-padding-primary: 15px !default;
365
+ /// color||Color|0
366
+ $--messagebox-success-color: $--color-success !default;
367
+ /// color||Color|0
368
+ $--messagebox-info-color: $--color-info !default;
369
+ /// color||Color|0
370
+ $--messagebox-warning-color: $--color-warning !default;
371
+ /// color||Color|0
372
+ $--messagebox-danger-color: $--color-danger !default;
373
+
374
+ /* Message
375
+ -------------------------- */
376
+ $--message-shadow: $--box-shadow-base !default;
377
+ $--message-min-width: 380px !default;
378
+ $--message-background-color: #edf2fc !default;
379
+ $--message-padding: 15px 15px 15px 20px !default;
380
+ /// color||Color|0
381
+ $--message-close-icon-color: $--color-text-placeholder !default;
382
+ /// height||Other|4
383
+ $--message-close-size: 16px !default;
384
+ /// color||Color|0
385
+ $--message-close-hover-color: $--color-text-secondary !default;
386
+
387
+ /// color||Color|0
388
+ $--message-success-font-color: $--color-success !default;
389
+ /// color||Color|0
390
+ $--message-info-font-color: $--color-info !default;
391
+ /// color||Color|0
392
+ $--message-warning-font-color: $--color-warning !default;
393
+ /// color||Color|0
394
+ $--message-danger-font-color: $--color-danger !default;
395
+
396
+ /* Notification
397
+ -------------------------- */
398
+ $--notification-width: 330px !default;
399
+ /// padding||Spacing|3
400
+ $--notification-padding: 14px 26px 14px 13px !default;
401
+ $--notification-radius: 8px !default;
402
+ $--notification-shadow: $--box-shadow-light !default;
403
+ /// color||Color|0
404
+ $--notification-border-color: $--border-color-lighter !default;
405
+ $--notification-icon-size: 24px !default;
406
+ $--notification-close-font-size: $--message-close-size !default;
407
+ $--notification-group-margin-left: 13px !default;
408
+ $--notification-group-margin-right: 8px !default;
409
+ /// fontSize||Font|1
410
+ $--notification-content-font-size: $--font-size-base !default;
411
+ /// color||Color|0
412
+ $--notification-content-color: $--color-text-regular !default;
413
+ /// fontSize||Font|1
414
+ $--notification-title-font-size: 16px !default;
415
+ /// color||Color|0
416
+ $--notification-title-color: $--color-text-primary !default;
417
+
418
+ /// color||Color|0
419
+ $--notification-close-color: $--color-text-secondary !default;
420
+ /// color||Color|0
421
+ $--notification-close-hover-color: $--color-text-regular !default;
422
+
423
+ /// color||Color|0
424
+ $--notification-success-icon-color: $--color-success !default;
425
+ /// color||Color|0
426
+ $--notification-info-icon-color: $--color-info !default;
427
+ /// color||Color|0
428
+ $--notification-warning-icon-color: $--color-warning !default;
429
+ /// color||Color|0
430
+ $--notification-danger-icon-color: $--color-danger !default;
431
+
432
+ /* Input
433
+ -------------------------- */
434
+ $--input-font-size: $--font-size-base !default;
435
+ /// color||Color|0
436
+ $--input-font-color: $--color-text-regular !default;
437
+ /// height||Other|4
438
+ $--input-width: 140px !default;
439
+ /// height||Other|4
440
+ $--input-height: 40px !default;
441
+ $--input-border: $--border-base !default;
442
+ $--input-border-color: $--border-color-base !default;
443
+ /// borderRadius||Border|2
444
+ $--input-border-radius: $--border-radius-base !default;
445
+ $--input-border-color-hover: $--border-color-hover !default;
446
+ /// color||Color|0
447
+ $--input-background-color: $--color-white !default;
448
+ $--input-fill-disabled: $--disabled-fill-base !default;
449
+ $--input-color-disabled: $--font-color-disabled-base !default;
450
+ /// color||Color|0
451
+ $--input-icon-color: $--color-text-placeholder !default;
452
+ /// color||Color|0
453
+ $--input-placeholder-color: $--color-text-placeholder !default;
454
+ $--input-max-width: 314px !default;
455
+
456
+ $--input-hover-border: $--border-color-hover !default;
457
+ $--input-clear-hover-color: $--color-text-secondary !default;
458
+
459
+ $--input-focus-border: $--color-primary !default;
460
+ $--input-focus-fill: $--color-white !default;
461
+
462
+ $--input-disabled-fill: $--disabled-fill-base !default;
463
+ $--input-disabled-border: $--disabled-border-base !default;
464
+ $--input-disabled-color: $--disabled-color-base !default;
465
+ $--input-disabled-placeholder-color: $--color-text-placeholder !default;
466
+
467
+ /// fontSize||Font|1
468
+ $--input-medium-font-size: 14px !default;
469
+ /// height||Other|4
470
+ $--input-medium-height: 36px !default;
471
+ /// fontSize||Font|1
472
+ $--input-small-font-size: 13px !default;
473
+ /// height||Other|4
474
+ $--input-small-height: 32px !default;
475
+ /// fontSize||Font|1
476
+ $--input-mini-font-size: 12px !default;
477
+ /// height||Other|4
478
+ $--input-mini-height: 28px !default;
479
+
480
+ /* Cascader
481
+ -------------------------- */
482
+ /// color||Color|0
483
+ $--cascader-menu-font-color: $--color-text-regular !default;
484
+ /// color||Color|0
485
+ $--cascader-menu-selected-font-color: $--color-primary !default;
486
+ $--cascader-menu-fill: $--fill-base !default;
487
+ $--cascader-menu-font-size: $--font-size-base !default;
488
+ $--cascader-menu-radius: $--border-radius-base !default;
489
+ $--cascader-menu-border: solid 1px $--border-color-light !default;
490
+ $--cascader-menu-shadow: $--box-shadow-light !default;
491
+ $--cascader-node-background-hover: $--background-color-base !default;
492
+ $--cascader-node-color-disabled:$--color-text-placeholder !default;
493
+ $--cascader-color-empty:$--color-text-placeholder !default;
494
+ $--cascader-tag-background: #f0f2f5;
495
+
496
+ /* Group
497
+ -------------------------- */
498
+ $--group-option-flex: 0 0 (1/5) * 100% !default;
499
+ $--group-option-offset-bottom: 12px !default;
500
+ $--group-option-fill-hover: rgba($--color-black, 0.06) !default;
501
+ $--group-title-color: $--color-black !default;
502
+ $--group-title-font-size: $--font-size-base !default;
503
+ $--group-title-width: 66px !default;
504
+
505
+ /* Tab
506
+ -------------------------- */
507
+ $--tab-font-size: $--font-size-base !default;
508
+ $--tab-border-line: 1px solid #e4e4e4 !default;
509
+ $--tab-header-color-active: $--color-text-secondary !default;
510
+ $--tab-header-color-hover: $--color-text-regular !default;
511
+ $--tab-header-color: $--color-text-regular !default;
512
+ $--tab-header-fill-active: rgba($--color-black, 0.06) !default;
513
+ $--tab-header-fill-hover: rgba($--color-black, 0.06) !default;
514
+ $--tab-vertical-header-width: 90px !default;
515
+ $--tab-vertical-header-count-color: $--color-white !default;
516
+ $--tab-vertical-header-count-fill: $--color-text-secondary !default;
517
+
518
+ /* Button
519
+ -------------------------- */
520
+ /// fontSize||Font|1
521
+ $--button-font-size: $--font-size-base !default;
522
+ /// fontWeight||Font|1
523
+ $--button-font-weight: $--font-weight-primary !default;
524
+ /// borderRadius||Border|2
525
+ $--button-border-radius: $--border-radius-base !default;
526
+ /// padding||Spacing|3
527
+ //$--button-padding-vertical: 13px !default;
528
+ $--button-padding-vertical: 0 !default;
529
+ /// padding||Spacing|3
530
+ $--button-padding-horizontal: 20px !default;
531
+
532
+ /// fontSize||Font|1
533
+ $--button-medium-font-size: $--font-size-base !default;
534
+ /// borderRadius||Border|2
535
+ $--button-medium-border-radius: $--border-radius-base !default;
536
+ /// padding||Spacing|3
537
+ $--button-medium-padding-vertical: 11px !default;
538
+ /// padding||Spacing|3
539
+ $--button-medium-padding-horizontal: 20px !default;
540
+
541
+ /// fontSize||Font|1
542
+ $--button-small-font-size: 12px !default;
543
+ $--button-small-border-radius: #{$--border-radius-base - 1} !default;
544
+ /// padding||Spacing|3
545
+ $--button-small-padding-vertical: 10px !default;
546
+ /// padding||Spacing|3
547
+ $--button-small-padding-horizontal: 15px !default;
548
+ /// fontSize||Font|1
549
+ $--button-mini-font-size: 12px !default;
550
+ $--button-mini-border-radius: #{$--border-radius-base - 1} !default;
551
+ /// padding||Spacing|3
552
+ $--button-mini-padding-vertical: 8px !default;
553
+ /// padding||Spacing|3
554
+ $--button-mini-padding-horizontal: 15px !default;
555
+
556
+ /// color||Color|0
557
+ $--button-default-font-color: $--color-text-regular !default;
558
+ /// color||Color|0
559
+ $--button-default-background-color: $--color-white !default;
560
+ /// color||Color|0
561
+ $--button-default-border-color: $--border-color-base !default;
562
+
563
+ /// color||Color|0
564
+ $--button-disabled-font-color: $--color-text-placeholder !default;
565
+ /// color||Color|0
566
+ $--button-disabled-background-color: $--color-white !default;
567
+ /// color||Color|0
568
+ $--button-disabled-border-color: $--border-color-lighter !default;
569
+
570
+ /// color||Color|0
571
+ $--button-primary-border-color: $--color-primary !default;
572
+ /// color||Color|0
573
+ $--button-primary-font-color: $--color-white !default;
574
+ /// color||Color|0
575
+ $--button-primary-background-color: $--color-primary !default;
576
+ /// color||Color|0
577
+ $--button-success-border-color: $--color-success !default;
578
+ /// color||Color|0
579
+ $--button-success-font-color: $--color-white !default;
580
+ /// color||Color|0
581
+ $--button-success-background-color: $--color-success !default;
582
+ /// color||Color|0
583
+ $--button-warning-border-color: $--color-warning !default;
584
+ /// color||Color|0
585
+ $--button-warning-font-color: $--color-white !default;
586
+ /// color||Color|0
587
+ $--button-warning-background-color: $--color-warning !default;
588
+ /// color||Color|0
589
+ $--button-danger-border-color: $--color-danger !default;
590
+ /// color||Color|0
591
+ $--button-danger-font-color: $--color-white !default;
592
+ /// color||Color|0
593
+ $--button-danger-background-color: $--color-danger !default;
594
+ /// color||Color|0
595
+ $--button-info-border-color: $--color-info !default;
596
+ /// color||Color|0
597
+ $--button-info-font-color: $--color-white !default;
598
+ /// color||Color|0
599
+ $--button-info-background-color: $--color-info !default;
600
+
601
+ $--button-hover-tint-percent: 20% !default;
602
+ $--button-active-shade-percent: 10% !default;
603
+
604
+
605
+ /* cascader
606
+ -------------------------- */
607
+ $--cascader-height: 200px !default;
608
+
609
+ /* Switch
610
+ -------------------------- */
611
+ /// color||Color|0
612
+ $--switch-on-color: $--color-primary !default;
613
+ /// color||Color|0
614
+ $--switch-off-color: $--border-color-base !default;
615
+ /// fontSize||Font|1
616
+ $--switch-font-size: $--font-size-base !default;
617
+ $--switch-core-border-radius: 10px !default;
618
+ // height||Other|4 TODO: width 代码写死的40px 所以下面这三个属性都没意义
619
+ $--switch-width: 40px !default;
620
+ // height||Other|4
621
+ $--switch-height: 20px !default;
622
+ // height||Other|4
623
+ $--switch-button-size: 16px !default;
624
+
625
+ /* Dialog
626
+ -------------------------- */
627
+ $--dialog-background-color: $--color-white !default;
628
+ $--dialog-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !default;
629
+ /// fontSize||Font|1
630
+ $--dialog-title-font-size: $--font-size-large !default;
631
+ /// fontSize||Font|1
632
+ $--dialog-content-font-size: 14px !default;
633
+ /// fontLineHeight||LineHeight|2
634
+ $--dialog-font-line-height: $--font-line-height-primary !default;
635
+ /// padding||Spacing|3
636
+ $--dialog-padding-primary: 20px !default;
637
+
638
+ /* Table
639
+ -------------------------- */
640
+ /// color||Color|0
641
+ $--table-border-color: $--border-color-lighter !default;
642
+ $--table-border: 1px solid $--table-border-color !default;
643
+ /// color||Color|0
644
+ $--table-font-color: $--color-text-regular !default;
645
+ /// color||Color|0
646
+ $--table-header-font-color: $--color-text-secondary !default;
647
+ /// color||Color|0
648
+ $--table-row-hover-background-color: $--background-color-base !default;
649
+ $--table-current-row-background-color: $--color-primary-light-9 !default;
650
+ /// color||Color|0
651
+ $--table-header-background-color: $--color-white !default;
652
+ $--table-fixed-box-shadow: 0 0 10px rgba(0, 0, 0, .12) !default;
653
+
654
+ /* Pagination
655
+ -------------------------- */
656
+ /// fontSize||Font|1
657
+ $--pagination-font-size: 13px !default;
658
+ /// color||Color|0
659
+ $--pagination-background-color: $--color-white !default;
660
+ /// color||Color|0
661
+ $--pagination-font-color: $--color-text-primary !default;
662
+ $--pagination-border-radius: 3px !default;
663
+ /// color||Color|0
664
+ $--pagination-button-color: $--color-text-primary !default;
665
+ /// height||Other|4
666
+ $--pagination-button-width: 35.5px !default;
667
+ /// height||Other|4
668
+ $--pagination-button-height: 28px !default;
669
+ /// color||Color|0
670
+ $--pagination-button-disabled-color: $--color-text-placeholder !default;
671
+ /// color||Color|0
672
+ $--pagination-button-disabled-background-color: $--color-white !default;
673
+ /// color||Color|0
674
+ $--pagination-hover-color: $--color-primary !default;
675
+
676
+ /* Popup
677
+ -------------------------- */
678
+ /// color||Color|0
679
+ $--popup-modal-background-color: $--color-black !default;
680
+ /// opacity||Other|1
681
+ $--popup-modal-opacity: 0.5 !default;
682
+
683
+ /* Popover
684
+ -------------------------- */
685
+ /// color||Color|0
686
+ $--popover-background-color: $--color-white !default;
687
+ /// fontSize||Font|1
688
+ $--popover-font-size: $--font-size-base !default;
689
+ /// color||Color|0
690
+ $--popover-border-color: $--border-color-lighter !default;
691
+ $--popover-arrow-size: 6px !default;
692
+ /// padding||Spacing|3
693
+ $--popover-padding: 12px !default;
694
+ $--popover-padding-large: 18px 20px !default;
695
+ /// fontSize||Font|1
696
+ $--popover-title-font-size: 16px !default;
697
+ /// color||Color|0
698
+ $--popover-title-font-color: $--color-text-primary !default;
699
+
700
+ /* Tooltip
701
+ -------------------------- */
702
+ /// color|1|Color|0
703
+ /// $--tooltip-fill: $--color-text-primary !default;
704
+ $--tooltip-fill: rgba(97,97,97,.9) !default;
705
+ /// color|1|Color|0
706
+ $--tooltip-color: $--color-white !default;
707
+ /// fontSize||Font|1
708
+ $--tooltip-font-size: 14px !default;
709
+ /// color||Color|0
710
+ /// $--tooltip-border-color: $--color-text-primary !default;
711
+ $--tooltip-border-color: rgba(97,97,97,.9) !default;
712
+ $--tooltip-arrow-size: 6px !default;
713
+ /// padding||Spacing|3
714
+ $--tooltip-padding: 10px !default;
715
+
716
+ /* Tag
717
+ -------------------------- */
718
+ /// color||Color|0
719
+ $--tag-info-color: $--color-info !default;
720
+ /// color||Color|0
721
+ $--tag-primary-color: $--color-primary !default;
722
+ /// color||Color|0
723
+ $--tag-success-color: $--color-success !default;
724
+ /// color||Color|0
725
+ $--tag-warning-color: $--color-warning !default;
726
+ /// color||Color|0
727
+ $--tag-danger-color: $--color-danger !default;
728
+ /// fontSize||Font|1
729
+ $--tag-font-size: 12px !default;
730
+ $--tag-border-radius: 4px !default;
731
+ $--tag-padding: 0 10px !default;
732
+
733
+ /* Tree
734
+ -------------------------- */
735
+ /// color||Color|0
736
+ $--tree-node-hover-background-color: $--background-color-base !default;
737
+ /// color||Color|0
738
+ $--tree-font-color: $--color-text-regular !default;
739
+ /// color||Color|0
740
+ $--tree-expand-icon-color: $--color-text-placeholder !default;
741
+
742
+ /* Dropdown
743
+ -------------------------- */
744
+ $--dropdown-menu-box-shadow: $--box-shadow-light !default;
745
+ $--dropdown-menuItem-hover-fill: $--color-primary-light-9 !default;
746
+ $--dropdown-menuItem-hover-color: $--link-color !default;
747
+
748
+ /* Badge
749
+ -------------------------- */
750
+ /// color||Color|0
751
+ $--badge-background-color: $--color-danger !default;
752
+ $--badge-radius: 10px !default;
753
+ /// fontSize||Font|1
754
+ $--badge-font-size: 12px !default;
755
+ /// padding||Spacing|3
756
+ $--badge-padding: 6px !default;
757
+ /// height||Other|4
758
+ $--badge-size: 18px !default;
759
+
760
+ /* Card
761
+ --------------------------*/
762
+ /// color||Color|0
763
+ $--card-border-color: $--border-color-lighter !default;
764
+ $--card-border-radius: 4px !default;
765
+ /// padding||Spacing|3
766
+ $--card-padding: 20px !default;
767
+
768
+ /* Slider
769
+ --------------------------*/
770
+ /// color||Color|0
771
+ $--slider-main-background-color: $--color-primary !default;
772
+ /// color||Color|0
773
+ $--slider-runway-background-color: $--border-color-light !default;
774
+ $--slider-button-hover-color: mix($--color-primary, black, 97%) !default;
775
+ $--slider-stop-background-color: $--color-white !default;
776
+ $--slider-disable-color: $--color-text-placeholder !default;
777
+ $--slider-margin: 16px 0 !default;
778
+ $--slider-border-radius: 3px !default;
779
+ /// height|1|Other|4
780
+ $--slider-height: 6px !default;
781
+ /// height||Other|4
782
+ $--slider-button-size: 16px !default;
783
+ $--slider-button-wrapper-size: 36px !default;
784
+ $--slider-button-wrapper-offset: -15px !default;
785
+
786
+ /* Steps
787
+ --------------------------*/
788
+ $--steps-border-color: $--disabled-border-base !default;
789
+ $--steps-border-radius: 4px !default;
790
+ $--steps-padding: 20px !default;
791
+
792
+ /* Menu
793
+ --------------------------*/
794
+ /// fontSize||Font|1
795
+ $--menu-item-font-size: $--font-size-base !default;
796
+ /// color||Color|0
797
+ $--menu-item-font-color: $--color-text-primary !default;
798
+ /// color||Color|0
799
+ $--menu-background-color: $--color-white !default;
800
+ $--menu-item-hover-fill: $--color-primary-light-9 !default;
801
+
802
+ /* Rate
803
+ --------------------------*/
804
+ $--rate-height: 20px !default;
805
+ /// fontSize||Font|1
806
+ $--rate-font-size: $--font-size-base !default;
807
+ /// height||Other|3
808
+ $--rate-icon-size: 18px !default;
809
+ /// margin||Spacing|2
810
+ $--rate-icon-margin: 6px !default;
811
+ $--rate-icon-color: $--color-text-placeholder !default;
812
+
813
+ /* DatePicker
814
+ --------------------------*/
815
+ $--datepicker-font-color: $--color-text-regular !default;
816
+ /// color|1|Color|0
817
+ $--datepicker-off-font-color: $--color-text-placeholder !default;
818
+ /// color||Color|0
819
+ $--datepicker-header-font-color: $--color-text-regular !default;
820
+ $--datepicker-icon-color: $--color-text-primary !default;
821
+ $--datepicker-border-color: $--disabled-border-base !default;
822
+ $--datepicker-inner-border-color: #e4e4e4 !default;
823
+ /// color||Color|0
824
+ $--datepicker-inrange-background-color: $--border-color-extra-light !default;
825
+ /// color||Color|0
826
+ $--datepicker-inrange-hover-background-color: $--border-color-extra-light !default;
827
+ /// color||Color|0
828
+ $--datepicker-active-color: $--color-primary !default;
829
+ /// color||Color|0
830
+ $--datepicker-hover-font-color: $--color-primary !default;
831
+ $--datepicker-cell-hover-color: #fff !default;
832
+
833
+ /* Loading
834
+ --------------------------*/
835
+ /// height||Other|4
836
+ $--loading-spinner-size: 42px !default;
837
+ /// height||Other|4
838
+ $--loading-fullscreen-spinner-size: 50px !default;
839
+
840
+ /* Scrollbar
841
+ --------------------------*/
842
+ $--scrollbar-background-color: rgba($--color-text-secondary, .3) !default;
843
+ $--scrollbar-hover-background-color: rgba($--color-text-secondary, .5) !default;
844
+
845
+ /* Carousel
846
+ --------------------------*/
847
+ /// fontSize||Font|1
848
+ $--carousel-arrow-font-size: 12px !default;
849
+ $--carousel-arrow-size: 36px !default;
850
+ $--carousel-arrow-background: rgba(31, 45, 61, 0.11) !default;
851
+ $--carousel-arrow-hover-background: rgba(31, 45, 61, 0.23) !default;
852
+ /// width||Other|4
853
+ $--carousel-indicator-width: 30px !default;
854
+ /// height||Other|4
855
+ $--carousel-indicator-height: 2px !default;
856
+ $--carousel-indicator-padding-horizontal: 4px !default;
857
+ $--carousel-indicator-padding-vertical: 12px !default;
858
+ $--carousel-indicator-out-color: $--border-color-hover !default;
859
+
860
+ /* Collapse
861
+ --------------------------*/
862
+ /// color||Color|0
863
+ $--collapse-border-color: $--border-color-lighter !default;
864
+ /// height||Other|4
865
+ $--collapse-header-height: 48px !default;
866
+ /// color||Color|0
867
+ $--collapse-header-background-color: $--color-white !default;
868
+ /// color||Color|0
869
+ $--collapse-header-font-color: $--color-text-primary !default;
870
+ /// fontSize||Font|1
871
+ $--collapse-header-font-size: $--font-size-base !default;
872
+ /// color||Color|0
873
+ $--collapse-content-background-color: $--color-white !default;
874
+ /// fontSize||Font|1
875
+ $--collapse-content-font-size: $--font-size-base !default;
876
+ /// color||Color|0
877
+ $--collapse-content-font-color: $--color-text-primary !default;
878
+
879
+ /* Transfer
880
+ --------------------------*/
881
+ $--transfer-border-color: $--border-color-lighter !default;
882
+ $--transfer-border-radius: $--border-radius-base !default;
883
+ /// height||Other|4
884
+ $--transfer-panel-width: 200px !default;
885
+ /// height||Other|4
886
+ $--transfer-panel-header-height: 40px !default;
887
+ /// color||Color|0
888
+ $--transfer-panel-header-background-color: $--background-color-base !default;
889
+ /// height||Other|4
890
+ $--transfer-panel-footer-height: 40px !default;
891
+ /// height||Other|4
892
+ $--transfer-panel-body-height: 246px !default;
893
+ /// height||Other|4
894
+ $--transfer-item-height: 30px !default;
895
+ /// height||Other|4
896
+ $--transfer-filter-height: 32px !default;
897
+
898
+ /* Header
899
+ --------------------------*/
900
+ $--header-padding: 0 20px !default;
901
+
902
+ /* Footer
903
+ --------------------------*/
904
+ $--footer-padding: 0 20px !default;
905
+
906
+ /* Main
907
+ --------------------------*/
908
+ $--main-padding: 20px !default;
909
+
910
+ /* Timeline
911
+ --------------------------*/
912
+ $--timeline-node-size-normal: 12px !default;
913
+ $--timeline-node-size-large: 14px !default;
914
+ $--timeline-node-color: $--border-color-light !default;
915
+
916
+ /* Backtop
917
+ --------------------------*/
918
+ /// color||Color|0
919
+ $--backtop-background-color: $--color-white !default;
920
+ /// color||Color|0
921
+ $--backtop-font-color: $--color-primary !default;
922
+ /// color||Color|0
923
+ $--backtop-hover-background-color: $--border-color-extra-light !default;
924
+
925
+ /* Link
926
+ --------------------------*/
927
+ /// fontSize||Font|1
928
+ $--link-font-size: $--font-size-base !default;
929
+ /// fontWeight||Font|1
930
+ $--link-font-weight: $--font-weight-primary !default;
931
+ /// color||Color|0
932
+ $--link-default-font-color: $--color-text-regular !default;
933
+ /// color||Color|0
934
+ $--link-default-active-color: $--color-primary !default;
935
+ /// color||Color|0
936
+ $--link-disabled-font-color: $--color-text-placeholder !default;
937
+ /// color||Color|0
938
+ $--link-primary-font-color: $--color-primary !default;
939
+ /// color||Color|0
940
+ $--link-success-font-color: $--color-success !default;
941
+ /// color||Color|0
942
+ $--link-warning-font-color: $--color-warning !default;
943
+ /// color||Color|0
944
+ $--link-danger-font-color: $--color-danger !default;
945
+ /// color||Color|0
946
+ $--link-info-font-color: $--color-info !default;
947
+ /* Calendar
948
+ --------------------------*/
949
+ /// border||Other|4
950
+ $--calendar-border: $--table-border !default;
951
+ /// color||Other|4
952
+ $--calendar-selected-background-color: #F2F8FE !default;
953
+ $--calendar-cell-width: 85px !default;
954
+
955
+ /* Form
956
+ -------------------------- */
957
+ /// fontSize||Font|1
958
+ $--form-label-font-size: $--font-size-base !default;
959
+
960
+ /* Avatar
961
+ --------------------------*/
962
+ /// color||Color|0
963
+ $--avatar-font-color: #fff !default;
964
+ /// color||Color|0
965
+ $--avatar-background-color: #C0C4CC !default;
966
+ /// fontSize||Font Size|1
967
+ $--avatar-text-font-size: 14px !default;
968
+ /// fontSize||Font Size|1
969
+ $--avatar-icon-font-size: 18px !default;
970
+ /// borderRadius||Border|2
971
+ $--avatar-border-radius: $--border-radius-base !default;
972
+ /// size|1|Avatar Size|3
973
+ $--avatar-large-size: 40px !default;
974
+ /// size|1|Avatar Size|3
975
+ $--avatar-medium-size: 36px !default;
976
+ /// size|1|Avatar Size|3
977
+ $--avatar-small-size: 28px !default;
978
+
979
+ /* Break-point
980
+ --------------------------*/
981
+ $--sm: 768px !default;
982
+ $--md: 992px !default;
983
+ $--lg: 1200px !default;
984
+ $--xl: 1920px !default;
985
+
986
+ $--breakpoints: (
987
+ 'xs' : (max-width: $--sm - 1),
988
+ 'sm' : (min-width: $--sm),
989
+ 'md' : (min-width: $--md),
990
+ 'lg' : (min-width: $--lg),
991
+ 'xl' : (min-width: $--xl)
992
+ );
993
+
994
+ $--breakpoints-spec: (
995
+ 'xs-only' : (max-width: $--sm - 1),
996
+ 'sm-and-up' : (min-width: $--sm),
997
+ 'sm-only': "(min-width: #{$--sm}) and (max-width: #{$--md - 1})",
998
+ 'sm-and-down': (max-width: $--md - 1),
999
+ 'md-and-up' : (min-width: $--md),
1000
+ 'md-only': "(min-width: #{$--md}) and (max-width: #{$--lg - 1})",
1001
+ 'md-and-down': (max-width: $--lg - 1),
1002
+ 'lg-and-up' : (min-width: $--lg),
1003
+ 'lg-only': "(min-width: #{$--lg}) and (max-width: #{$--xl - 1})",
1004
+ 'lg-and-down': (max-width: $--xl - 1),
1005
+ 'xl-only' : (min-width: $--xl),
1006
+ );
1007
+
1008
+ /* Skeleton
1009
+ --------------------------*/
1010
+ $--skeleton-color: #f2f2f2 !default;
1011
+ $--skeleton-to-color: #e6e6e6 !default;
1012
+
1013
+ /* Svg
1014
+ --------------- */
1015
+ $--svg-monochrome-grey: #DCDDE0 !default;
1016
+
1017
+ /* Empty
1018
+ -------------------------- */
1019
+ $--empty-padding: 40px 0 !default;
1020
+ $--empty-image-width: 160px !default;
1021
+ $--empty-description-margin-top: 20px !default;
1022
+ $--empty-bottom-margin-top: 20px !default;