@lambo-design/shared 1.0.0-beta.74 → 1.0.0-beta.76

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 (40) hide show
  1. package/config/themes/atrovirens/atrovirens.css +273 -0
  2. package/config/themes/atrovirens/atrovirens.css.map +1 -1
  3. package/config/themes/atrovirens/atrovirens.less +290 -9
  4. package/config/themes/atrovirens/var.less +296 -9
  5. package/config/themes/default/default.css +273 -0
  6. package/config/themes/default/default.css.map +1 -1
  7. package/config/themes/default/default.less +290 -9
  8. package/config/themes/default/var.less +293 -9
  9. package/config/themes/eap/eap.css +274 -1
  10. package/config/themes/eap/eap.css.map +1 -1
  11. package/config/themes/eap/eap.less +290 -9
  12. package/config/themes/eap/var.less +297 -10
  13. package/config/themes/gold/gold.css +273 -0
  14. package/config/themes/gold/gold.css.map +1 -1
  15. package/config/themes/gold/gold.less +290 -9
  16. package/config/themes/gold/var.less +296 -9
  17. package/config/themes/lime/lime.css +273 -0
  18. package/config/themes/lime/lime.css.map +1 -1
  19. package/config/themes/lime/lime.less +290 -9
  20. package/config/themes/lime/var.less +297 -9
  21. package/config/themes/orange/orange.css +273 -0
  22. package/config/themes/orange/orange.css.map +1 -1
  23. package/config/themes/orange/orange.less +290 -9
  24. package/config/themes/orange/var.less +297 -9
  25. package/config/themes/red/red.css +273 -0
  26. package/config/themes/red/red.css.map +1 -1
  27. package/config/themes/red/red.less +290 -9
  28. package/config/themes/red/var.less +297 -9
  29. package/config/themes/theme-atrovirens.js +245 -0
  30. package/config/themes/theme-default.js +245 -0
  31. package/config/themes/theme-eap.js +246 -1
  32. package/config/themes/theme-gold.js +245 -0
  33. package/config/themes/theme-lime.js +245 -0
  34. package/config/themes/theme-orange.js +245 -1
  35. package/config/themes/theme-red.js +245 -1
  36. package/package.json +23 -22
  37. package/utils/base64.js +126 -126
  38. package/utils/theme.js +5 -0
  39. package/config/themes/gold/var.css +0 -0
  40. package/config/themes/gold/var.css.map +0 -0
package/config/themes/default/default.less CHANGED
@@ -320,15 +320,17 @@
320
320
  --list-item-meta-title-margin-bottom: @list-item-meta-title-margin-bottom;
321
321
 
322
322
 
323
- --table-border-style-base : @table-border-style-base;
324
- --table-header-color : @table-header-color;
325
- --table-header-font-weight : @table-header-font-weight;
326
- --table-cell-height : @table-cell-height;
327
- --table-cell-white-space : @table-cell-white-space;
328
- --table-cell-padding-left : @table-cell-padding-left;
329
- --table-cell-padding-right : @table-cell-padding-right;
330
- --table-header-text-align : @table-header-text-align;
331
- --table-data-text-align : @table-data-text-align;
323
+ --table-border-style-base : @table-border-style-base;
324
+ --table-header-color : @table-header-color;
325
+ --table-header-font-weight : @table-header-font-weight;
326
+ --table-header-padding-horizontal : @table-header-padding-horizontal;
327
+ --table-header-padding-vertical : @table-header-padding-vertical;
328
+ --table-cell-height : @table-cell-height;
329
+ --table-cell-white-space : @table-cell-white-space;
330
+ --table-cell-padding-left : @table-cell-padding-left;
331
+ --table-cell-padding-right : @table-cell-padding-right;
332
+ --table-header-text-align : @table-header-text-align;
333
+ --table-data-text-align : @table-data-text-align;
332
334
 
333
335
 
334
336
  --select-dropdown-max-height : @select-dropdown-max-height;
@@ -338,4 +340,283 @@
338
340
  --form-item-label-font-weight : @form-item-label-font-weight;
339
341
 
340
342
  --date-picker-width : @date-picker-width;
343
+
344
+
345
+ /*vxe-table*/
346
+
347
+
348
+ /*font*/
349
+ --vxe-font-family : @vxe-font-family;
350
+ --vxe-font-size : @vxe-font-size;
351
+ --vxe-font-size-medium : @vxe-font-size-medium;
352
+ --vxe-font-size-small : @vxe-font-size-small;
353
+ --vxe-font-size-mini : @vxe-font-size-mini;
354
+
355
+ /*size*/
356
+ --vxe-border-radius : @vxe-border-radius;
357
+ --vxe-border-width : @vxe-border-width;
358
+ --vxe-border-style : @vxe-border-style;
359
+ --vxe-border-color : @vxe-border-color;
360
+
361
+ /*icon*/
362
+ --vxe-icon-font-family : @vxe-icon-font-family;
363
+ --vxe-icon-background-color : @vxe-icon-background-color;
364
+
365
+ /*color*/
366
+ --vxe-font-color : @vxe-font-color;
367
+ --vxe-primary-color : @vxe-primary-color;
368
+ --vxe-success-color : @vxe-success-color;
369
+ --vxe-info-color : @vxe-info-color;
370
+ --vxe-warning-color : @vxe-warning-color;
371
+ --vxe-danger-color : @vxe-danger-color;
372
+
373
+ --vxe-font-lighten-color : @vxe-font-lighten-color;
374
+ --vxe-font-lighten-color-20 : @vxe-font-lighten-color-20;
375
+ --vxe-primary-lighten-color : @vxe-primary-lighten-color;
376
+ --vxe-success-lighten-color : @vxe-success-lighten-color;
377
+ --vxe-info-lighten-color : @vxe-info-lighten-color;
378
+ --vxe-warning-lighten-color : @vxe-warning-lighten-color;
379
+ --vxe-danger-lighten-color : @vxe-danger-lighten-color;
380
+
381
+ --vxe-font-darken-color : @vxe-font-darken-color;
382
+ --vxe-primary-darken-color : @vxe-primary-darken-color;
383
+ --vxe-success-darken-color : @vxe-success-darken-color;
384
+ --vxe-info-darken-color : @vxe-info-darken-color;
385
+ --vxe-warning-darken-color : @vxe-warning-darken-color;
386
+ --vxe-danger-darken-color : @vxe-danger-darken-color;
387
+
388
+ --vxe-font-disabled-color : @vxe-font-disabled-color;
389
+ --vxe-primary-disabled-color : @vxe-primary-disabled-color;
390
+ --vxe-success-disabled-color : @vxe-success-disabled-color;
391
+ --vxe-info-disabled-color : @vxe-info-disabled-color;
392
+ --vxe-warning-disabled-color : @vxe-warning-disabled-color;
393
+ --vxe-danger-disabled-color : @vxe-danger-disabled-color;
394
+
395
+ /*input/radio/checkbox*/
396
+ --vxe-input-border-color : @vxe-input-border-color;
397
+ --vxe-input-disabled-color : @vxe-input-disabled-color;
398
+ --vxe-input-disabled-background-color : @vxe-input-disabled-background-color;
399
+ --vxe-input-placeholder-color : @vxe-input-placeholder-color;
400
+
401
+ /*popup*/
402
+ --vxe-table-popup-border-color : @vxe-table-popup-border-color;
403
+
404
+ /*table*/
405
+ --vxe-table-font-color : @vxe-table-font-color;
406
+ --vxe-table-font-lighten-color-20 : @vxe-table-font-lighten-color-20;
407
+ --vxe-table-header-font-color : @vxe-table-header-font-color;
408
+ --vxe-table-footer-font-color : @vxe-table-footer-font-color;
409
+ --vxe-table-border-radius : @vxe-table-border-radius;
410
+ --vxe-table-border-width : @vxe-table-border-width;
411
+ --vxe-table-border-style : @vxe-table-border-style;
412
+ --vxe-table-border-color : @vxe-table-border-color;
413
+ --vxe-table-resizable-line-color : @vxe-table-resizable-line-color;
414
+ --vxe-table-resizable-drag-line-color : @vxe-table-resizable-drag-line-color;
415
+ --vxe-table-header-background-color : @vxe-table-header-background-color;
416
+ --vxe-table-body-background-color : @vxe-table-body-background-color;
417
+ --vxe-table-footer-background-color : @vxe-table-footer-background-color;
418
+ --vxe-table-tree-node-line-color : @vxe-table-tree-node-line-color;
419
+ --vxe-table-tree-node-line-style : @vxe-table-tree-node-line-style;
420
+ --vxe-table-header-font-weight : @vxe-table-header-font-weight;
421
+
422
+ --vxe-table-row-height-default : @vxe-table-row-height-default;
423
+ --vxe-table-row-height-medium : @vxe-table-row-height-medium;
424
+ --vxe-table-row-height-small : @vxe-table-row-height-small;
425
+ --vxe-table-row-height-mini : @vxe-table-row-height-mini;
426
+ --vxe-table-row-line-height : @vxe-table-row-line-height;
427
+ --vxe-table-row-hover-background-color : @vxe-table-row-hover-background-color;
428
+ --vxe-table-row-striped-background-color : @vxe-table-row-striped-background-color;
429
+ --vxe-table-row-hover-striped-background-color : @vxe-table-row-hover-striped-background-color;
430
+ --vxe-table-row-radio-checked-background-color : @vxe-table-row-radio-checked-background-color;
431
+ --vxe-table-row-hover-radio-checked-background-color : @vxe-table-row-hover-radio-checked-background-color;
432
+ --vxe-table-row-checkbox-checked-background-color : @vxe-table-row-checkbox-checked-background-color;
433
+ --vxe-table-row-hover-checkbox-checked-background-color : @vxe-table-row-hover-checkbox-checked-background-color;
434
+ --vxe-table-row-current-background-color : @vxe-table-row-current-background-color;
435
+ --vxe-table-row-hover-current-background-color : @vxe-table-row-hover-current-background-color;
436
+
437
+ --vxe-table-column-padding-default : @vxe-table-column-padding-default;
438
+ --vxe-table-column-padding-medium : @vxe-table-column-padding-medium;
439
+ --vxe-table-column-padding-small : @vxe-table-column-padding-small;
440
+ --vxe-table-column-padding-mini : @vxe-table-column-padding-mini;
441
+ --vxe-table-column-hover-background-color : @vxe-table-column-hover-background-color;
442
+ --vxe-table-column-current-background-color : @vxe-table-column-current-background-color;
443
+ --vxe-table-column-icon-border-color : @vxe-table-column-icon-border-color;
444
+ --vxe-table-column-icon-border-hover-color : @vxe-table-column-icon-border-hover-color;
445
+ --vxe-table-column-background-image : @vxe-table-column-background-image;
446
+
447
+ --vxe-table-cell-placeholder-color : @vxe-table-cell-placeholder-color;
448
+ --vxe-table-cell-padding-left : @vxe-table-cell-padding-left;
449
+ --vxe-table-cell-padding-right : @vxe-table-cell-padding-right;
450
+ --vxe-table-cell-input-height-default : @vxe-table-cell-input-height-default;
451
+ --vxe-table-cell-input-height-medium : @vxe-table-cell-input-height-medium;
452
+ --vxe-table-cell-input-height-small : @vxe-table-cell-input-height-small;
453
+ --vxe-table-cell-input-height-mini : @vxe-table-cell-input-height-mini;
454
+ --vxe-table-cell-dirty-width : @vxe-table-cell-dirty-width;
455
+ --vxe-table-cell-dirty-update-color : @vxe-table-cell-dirty-update-color;
456
+ --vxe-table-cell-dirty-insert-color : @vxe-table-cell-dirty-insert-color;
457
+ --vxe-table-cell-area-border-color : @vxe-table-cell-area-border-color;
458
+ --vxe-table-cell-area-border-width : @vxe-table-cell-area-border-width;
459
+ --vxe-table-cell-main-area-extension-border-color : @vxe-table-cell-main-area-extension-border-color;
460
+ --vxe-table-cell-main-area-extension-background-color : @vxe-table-cell-main-area-extension-background-color;
461
+ --vxe-table-cell-extend-area-border-width : @vxe-table-cell-extend-area-border-width;
462
+ --vxe-table-cell-copy-area-border-width : @vxe-table-cell-copy-area-border-width;
463
+ --vxe-table-cell-active-area-border-width : @vxe-table-cell-active-area-border-width;
464
+ --vxe-table-cell-copy-area-border-color : @vxe-table-cell-copy-area-border-color;
465
+ --vxe-table-cell-extend-area-border-color : @vxe-table-cell-extend-area-border-color;
466
+ --vxe-table-cell-active-area-border-color : @vxe-table-cell-active-area-border-color;
467
+ --vxe-table-cell-area-background-color : @vxe-table-cell-area-background-color;
468
+
469
+ --vxe-table-checkbox-range-border-width : @vxe-table-checkbox-range-border-width;
470
+ --vxe-table-checkbox-range-border-color : @vxe-table-checkbox-range-border-color;
471
+ --vxe-table-checkbox-range-background-color : @vxe-table-checkbox-range-background-color;
472
+
473
+ --vxe-table-fixed-left-scrolling-box-shadow : @vxe-table-fixed-left-scrolling-box-shadow;
474
+ --vxe-table-fixed-right-scrolling-box-shadow : @vxe-table-fixed-right-scrolling-box-shadow;
475
+
476
+ /*filter*/
477
+ --vxe-table-filter-panel-background-color : @vxe-table-filter-panel-background-color;
478
+
479
+ /*menu*/
480
+ --vxe-table-menu-item-width : @vxe-table-menu-item-width;
481
+ --vxe-table-menu-background-color : @vxe-table-menu-background-color;
482
+
483
+ /*loading*/
484
+ --vxe-loading-color : @vxe-loading-color;
485
+ --vxe-loading-background-color : @vxe-loading-background-color;
486
+ --vxe-loading-z-index : @vxe-loading-z-index;
487
+
488
+ /*validate*/
489
+ --vxe-table-validate-error-color : @vxe-table-validate-error-color;
490
+ --vxe-table-validate-tooltip-error-color : @vxe-table-validate-tooltip-error-color;
491
+ --vxe-table-validate-tooltip-error-background-color : @vxe-table-validate-tooltip-error-background-color;
492
+
493
+ /*grid*/
494
+ --vxe-grid-maximize-background-color : @vxe-grid-maximize-background-color;
495
+
496
+ /*toolbar*/
497
+ --vxe-toolbar-background-color : @vxe-toolbar-background-color;
498
+ --vxe-toolbar-custom-active-background-color : @vxe-toolbar-custom-active-background-color;
499
+ --vxe-toolbar-panel-background-color : @vxe-toolbar-panel-background-color;
500
+
501
+ /*tooltip*/
502
+ --vxe-tooltip-dark-color : @vxe-tooltip-dark-color;
503
+ --vxe-tooltip-dark-background-color : @vxe-tooltip-dark-background-color;
504
+ --vxe-tooltip-light-background-color : @vxe-tooltip-light-background-color;
505
+
506
+ /*pager*/
507
+ --vxe-pager-background-color : @vxe-pager-background-color;
508
+ --vxe-pager-perfect-background-color : @vxe-pager-perfect-background-color;
509
+ --vxe-pager-perfect-button-background-color : @vxe-pager-perfect-button-background-color;
510
+
511
+ /*modal*/
512
+ --vxe-modal-header-background-color : @vxe-modal-header-background-color;
513
+ --vxe-modal-body-background-color : @vxe-modal-body-background-color;
514
+ --vxe-modal-border-color : @vxe-modal-border-color;
515
+
516
+ /*checkbox*/
517
+ --vxe-checkbox-font-size-default : @vxe-checkbox-font-size-default;
518
+ --vxe-checkbox-font-size-medium : @vxe-checkbox-font-size-medium;
519
+ --vxe-checkbox-font-size-small : @vxe-checkbox-font-size-small;
520
+ --vxe-checkbox-font-size-mini : @vxe-checkbox-font-size-mini;
521
+ --vxe-checkbox-checked-width : @vxe-checkbox-checked-width;
522
+ --vxe-checkbox-checked-height : @vxe-checkbox-checked-height;
523
+ --vxe-checkbox-indeterminate-width : @vxe-checkbox-indeterminate-width;
524
+ --vxe-checkbox-indeterminate-height : @vxe-checkbox-indeterminate-height;
525
+ --vxe-checkbox-border-width : @vxe-checkbox-border-width;
526
+ --vxe-checkbox-border-radius : @vxe-checkbox-border-radius;
527
+ --vxe-checkbox-icon-background-color : @vxe-checkbox-icon-background-color;
528
+ --vxe-checkbox-checked-icon-border-color : @vxe-checkbox-checked-icon-border-color;
529
+ --vxe-checkbox-indeterminate-icon-background-color : @vxe-checkbox-indeterminate-icon-background-color;
530
+
531
+ /*radio*/
532
+ --vxe-radio-font-size-default : @vxe-radio-font-size-default;
533
+ --vxe-radio-font-size-medium : @vxe-radio-font-size-medium;
534
+ --vxe-radio-font-size-small : @vxe-radio-font-size-small;
535
+ --vxe-radio-font-size-mini : @vxe-radio-font-size-mini;
536
+ --vxe-radio-border-width : @vxe-radio-border-width;
537
+ --vxe-radio-icon-background-color : @vxe-radio-icon-background-color;
538
+ --vxe-radio-checked-icon-background-color : @vxe-radio-checked-icon-background-color;
539
+ --vxe-radio-indeterminate-icon-background-color : @vxe-radio-indeterminate-icon-background-color;
540
+ --vxe-radio-button-default-background-color : @vxe-radio-button-default-background-color;
541
+
542
+ /*button*/
543
+ --vxe-button-max-width : @vxe-button-max-width;
544
+ --vxe-button-default-background-color : @vxe-button-default-background-color;
545
+ --vxe-button-dropdown-panel-background-color : @vxe-button-dropdown-panel-background-color;
546
+ --vxe-button-height-default : @vxe-button-height-default;
547
+ --vxe-button-height-medium : @vxe-button-height-medium;
548
+ --vxe-button-height-small : @vxe-button-height-small;
549
+ --vxe-button-height-mini : @vxe-button-height-mini;
550
+ --vxe-button-round-border-radius-default : @vxe-button-round-border-radius-default;
551
+ --vxe-button-round-border-radius-medium : @vxe-button-round-border-radius-medium;
552
+ --vxe-button-round-border-radius-small : @vxe-button-round-border-radius-small;
553
+ --vxe-button-round-border-radius-mini : @vxe-button-round-border-radius-mini;
554
+
555
+ /*input*/
556
+ --vxe-input-background-color : @vxe-input-background-color;
557
+ --vxe-input-panel-background-color : @vxe-input-panel-background-color;
558
+ --vxe-input-number-disabled-color : @vxe-input-number-disabled-color;
559
+ --vxe-input-date-festival-color : @vxe-input-date-festival-color;
560
+ --vxe-input-date-festival-important-color : @vxe-input-date-festival-important-color;
561
+ --vxe-input-date-notice-background-color : @vxe-input-date-notice-background-color;
562
+ --vxe-input-date-picker-hover-background-color : @vxe-input-date-picker-hover-background-color;
563
+ --vxe-input-date-picker-selected-color : @vxe-input-date-picker-selected-color;
564
+ --vxe-input-date-time-confirm-button-color : @vxe-input-date-time-confirm-button-color;
565
+ --vxe-input-date-picker-festival-selected-color : @vxe-input-date-picker-festival-selected-color;
566
+ --vxe-input-date-picker-notice-selected-background-color : @vxe-input-date-picker-notice-selected-background-color;
567
+ --vxe-input-date-extra-color : @vxe-input-date-extra-color;
568
+ --vxe-input-date-extra-important-color : @vxe-input-date-extra-important-color;
569
+ --vxe-input-date-title-height-default : @vxe-input-date-title-height-default;
570
+ --vxe-input-date-title-height-medium : @vxe-input-date-title-height-medium;
571
+ --vxe-input-date-title-height-small : @vxe-input-date-title-height-small;
572
+ --vxe-input-date-title-height-mini : @vxe-input-date-title-height-mini;
573
+ --vxe-input-date-time-week-row-height-default : @vxe-input-date-time-week-row-height-default;
574
+ --vxe-input-date-time-week-row-height-medium : @vxe-input-date-time-week-row-height-medium;
575
+ --vxe-input-date-time-week-row-height-small : @vxe-input-date-time-week-row-height-small;
576
+ --vxe-input-date-time-week-row-height-mini : @vxe-input-date-time-week-row-height-mini;
577
+ --vxe-input-date-month-year-row-height-default : @vxe-input-date-month-year-row-height-default;
578
+ --vxe-input-date-month-year-row-height-medium : @vxe-input-date-month-year-row-height-medium;
579
+ --vxe-input-date-month-year-row-height-small : @vxe-input-date-month-year-row-height-small;
580
+ --vxe-input-date-month-year-row-height-mini : @vxe-input-date-month-year-row-height-mini;
581
+ --vxe-input-date-quarter-row-height-default : @vxe-input-date-quarter-row-height-default;
582
+ --vxe-input-date-quarter-row-height-medium : @vxe-input-date-quarter-row-height-medium;
583
+ --vxe-input-date-quarter-row-height-small : @vxe-input-date-quarter-row-height-small;
584
+ --vxe-input-date-quarter-row-height-mini : @vxe-input-date-quarter-row-height-mini;
585
+ --vxe-input-height-default : @vxe-input-height-default;
586
+ --vxe-input-height-medium : @vxe-input-height-medium;
587
+ --vxe-input-height-small : @vxe-input-height-small;
588
+ --vxe-input-height-mini : @vxe-input-height-mini;
589
+
590
+ /*textarea*/
591
+ --vxe-textarea-line-height : @vxe-textarea-line-height;
592
+ --vxe-textarea-background-color : @vxe-textarea-background-color;
593
+
594
+ /*form*/
595
+ --vxe-form-item-min-height-default : @vxe-form-item-min-height-default;
596
+ --vxe-form-item-min-height-medium : @vxe-form-item-min-height-medium;
597
+ --vxe-form-item-min-height-small : @vxe-form-item-min-height-small;
598
+ --vxe-form-item-min-height-mini : @vxe-form-item-min-height-mini;
599
+ --vxe-form-background-color : @vxe-form-background-color;
600
+ --vxe-form-validate-error-color : @vxe-form-validate-error-color;
601
+ --vxe-form-validate-error-background-color : @vxe-form-validate-error-background-color;
602
+
603
+ /*select*/
604
+ --vxe-select-option-height-default : @vxe-select-option-height-default;
605
+ --vxe-select-option-height-medium : @vxe-select-option-height-medium;
606
+ --vxe-select-option-height-small : @vxe-select-option-height-small;
607
+ --vxe-select-option-height-mini : @vxe-select-option-height-mini;
608
+ --vxe-select-option-hover-background-color : @vxe-select-option-hover-background-color;
609
+ --vxe-select-panel-background-color : @vxe-select-panel-background-color;
610
+ --vxe-select-empty-color : @vxe-select-empty-color;
611
+ --vxe-optgroup-title-color : @vxe-optgroup-title-color;
612
+
613
+ /*switch*/
614
+ --vxe-switch-font-color : @vxe-switch-font-color;
615
+ --vxe-switch-icon-background-color : @vxe-switch-icon-background-color;
616
+ --vxe-switch-open-background-color : @vxe-switch-open-background-color;
617
+ --vxe-switch-close-background-color : @vxe-switch-close-background-color;
618
+ --vxe-switch-disabled-background-color : @vxe-switch-disabled-background-color;
619
+
620
+ /*pulldown*/
621
+ --vxe-pulldown-panel-background-color : @vxe-pulldown-panel-background-color;
341
622
  }
package/config/themes/default/var.less CHANGED
@@ -317,15 +317,17 @@
317
317
 
318
318
 
319
319
  // Table
320
- @table-border-style-base : solid; // style of a table border
321
- @table-header-color : @text-color;
322
- @table-header-font-weight : bold;
323
- @table-cell-height : 48px;
324
- @table-cell-white-space : normal;
325
- @table-cell-padding-left : 18px;
326
- @table-cell-padding-right : 18px;
327
- @table-header-text-align : center;
328
- @table-data-text-align : left;
320
+ @table-border-style-base : solid; // style of a table border
321
+ @table-header-color : @text-color;
322
+ @table-header-font-weight : bold;
323
+ @table-header-padding-horizontal : 8px;
324
+ @table-header-padding-vertical : 0;
325
+ @table-cell-height : 48px;
326
+ @table-cell-white-space : normal;
327
+ @table-cell-padding-left : 18px;
328
+ @table-cell-padding-right : 18px;
329
+ @table-header-text-align : center;
330
+ @table-data-text-align : left;
329
331
 
330
332
 
331
333
  // Select-DropDown
@@ -340,3 +342,285 @@
340
342
 
341
343
 
342
344
 
345
+
346
+ /*
347
+ vxe-table
348
+ */
349
+ /*font*/
350
+ @vxe-font-family : -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
351
+ @vxe-font-size : @font-size-base;
352
+ @vxe-font-size-medium : @font-size-base;
353
+ @vxe-font-size-small : @font-size-base - 1px;
354
+ @vxe-font-size-mini : @font-size-base - 2px;
355
+
356
+ /*size*/
357
+ @vxe-border-radius : @border-radius-base;
358
+ @vxe-border-width : @border-width-base;
359
+ @vxe-border-style : @border-style-base;
360
+ @vxe-border-color : @border-color-base;
361
+
362
+ /*icon*/
363
+ @vxe-icon-font-family : Verdana, Arial, Tahoma;
364
+ @vxe-icon-background-color : #fff;
365
+
366
+ /*color*/
367
+ @vxe-font-color : @text-color;
368
+ @vxe-primary-color : @primary-color;
369
+ @vxe-success-color : @success-color;
370
+ @vxe-info-color : @info-color;
371
+ @vxe-warning-color : @warning-color;
372
+ @vxe-danger-color : @error-color;
373
+
374
+ @vxe-font-lighten-color : lighten(@vxe-font-color, 10%);
375
+ @vxe-font-lighten-color-20 : lighten(@vxe-font-color, 20%);
376
+ @vxe-primary-lighten-color : lighten(@vxe-primary-color, 10%);
377
+ @vxe-success-lighten-color : lighten(@vxe-success-color, 10%);
378
+ @vxe-info-lighten-color : lighten(@vxe-info-color, 10%);
379
+ @vxe-warning-lighten-color : lighten(@vxe-warning-color, 10%);
380
+ @vxe-danger-lighten-color : lighten(@vxe-danger-color, 10%);
381
+
382
+ @vxe-font-darken-color : darken(@vxe-font-color, 10%);
383
+ @vxe-primary-darken-color : darken(@vxe-primary-color, 10%);
384
+ @vxe-success-darken-color : darken(@vxe-success-color, 10%);
385
+ @vxe-info-darken-color : darken(@vxe-info-color, 10%);
386
+ @vxe-warning-darken-color : darken(@vxe-warning-color, 10%);
387
+ @vxe-danger-darken-color : darken(@vxe-danger-color, 10%);
388
+
389
+ @vxe-font-disabled-color : @btn-disable-color;
390
+ @vxe-primary-disabled-color : lighten(@vxe-primary-color, 20%);
391
+ @vxe-success-disabled-color : lighten(@vxe-success-color, 20%);
392
+ @vxe-info-disabled-color : lighten(@vxe-info-color, 20%);
393
+ @vxe-warning-disabled-color : lighten(@vxe-warning-color, 20%);
394
+ @vxe-danger-disabled-color : lighten(@vxe-danger-color, 20%);
395
+
396
+ /*input/radio/checkbox*/
397
+ @vxe-input-border-color : @input-border-color;
398
+ @vxe-input-disabled-color : @btn-disable-color;
399
+ @vxe-input-disabled-background-color : @input-disabled-bg;
400
+ @vxe-input-placeholder-color : @input-placeholder-color;
401
+
402
+ /*popup*/
403
+ @vxe-table-popup-border-color : @border-color-base;
404
+
405
+ /*table*/
406
+ @vxe-table-font-color : @vxe-font-color;
407
+ @vxe-table-font-lighten-color-20 : @vxe-font-lighten-color-20;
408
+ @vxe-table-header-font-color : @table-header-color;
409
+ @vxe-table-footer-font-color : @vxe-font-color;
410
+ @vxe-table-border-radius : @vxe-border-radius;
411
+ @vxe-table-border-width : @border-width-base;
412
+ @vxe-table-border-style : @table-border-style-base;
413
+ @vxe-table-border-color : @border-color-base;
414
+ @vxe-table-resizable-line-color : @border-color-split;
415
+ @vxe-table-resizable-drag-line-color : @vxe-primary-color;
416
+ @vxe-table-header-background-color : @table-thead-bg;
417
+ @vxe-table-body-background-color : @body-background;
418
+ @vxe-table-footer-background-color : @body-background;
419
+ @vxe-table-tree-node-line-color : #909399;
420
+ @vxe-table-tree-node-line-style : dotted;
421
+ @vxe-table-header-font-weight : @table-header-font-weight;
422
+
423
+ @vxe-table-row-height-default : @table-cell-height;
424
+ @vxe-table-row-height-medium : @table-cell-height - 4px;
425
+ @vxe-table-row-height-small : @table-cell-height - 8px;
426
+ @vxe-table-row-height-mini : @table-cell-height - 12px;
427
+ @vxe-table-row-line-height : @line-height-base;
428
+ @vxe-table-row-hover-background-color : @table-td-hover-bg;
429
+ @vxe-table-row-striped-background-color : @table-td-stripe-bg;
430
+ @vxe-table-row-hover-striped-background-color : @table-td-hover-bg;
431
+ @vxe-table-row-radio-checked-background-color : @table-td-highlight-bg;
432
+ @vxe-table-row-hover-radio-checked-background-color : @table-td-hover-bg;
433
+ @vxe-table-row-checkbox-checked-background-color : @table-td-highlight-bg;
434
+ @vxe-table-row-hover-checkbox-checked-background-color : @table-td-hover-bg;
435
+ @vxe-table-row-current-background-color : @table-td-highlight-bg;
436
+ @vxe-table-row-hover-current-background-color : @table-td-hover-bg;
437
+
438
+ @vxe-table-column-padding-default : @table-header-padding-horizontal @table-header-padding-vertical;
439
+ @vxe-table-column-padding-medium : @table-header-padding-horizontal - 2px @table-header-padding-vertical;
440
+ @vxe-table-column-padding-small : @table-header-padding-horizontal - 4px @table-header-padding-vertical;
441
+ @vxe-table-column-padding-mini : @table-header-padding-horizontal - 6px @table-header-padding-vertical;
442
+ @vxe-table-column-hover-background-color : @table-td-hover-bg;
443
+ @vxe-table-column-current-background-color : @table-td-highlight-bg;
444
+ @vxe-table-column-icon-border-color : #c0c4cc;
445
+ @vxe-table-column-icon-border-hover-color : #515A6E;
446
+ @vxe-table-column-background-image : linear-gradient(@vxe-table-border-color, @vxe-table-border-color), linear-gradient(@vxe-table-border-color, @vxe-table-border-color);
447
+
448
+
449
+ @vxe-table-cell-placeholder-color : @input-placeholder-color;
450
+ @vxe-table-cell-padding-left : @table-cell-padding-left;
451
+ @vxe-table-cell-padding-right : @table-cell-padding-right;
452
+ @vxe-table-cell-input-height-default : @vxe-table-row-height-default - 6px;
453
+ @vxe-table-cell-input-height-medium : @vxe-table-row-height-medium - 6px;
454
+ @vxe-table-cell-input-height-small : @vxe-table-row-height-small - 6px;
455
+ @vxe-table-cell-input-height-mini : @vxe-table-row-height-mini - 6px;
456
+ @vxe-table-cell-dirty-width : 5px;
457
+ @vxe-table-cell-dirty-update-color : #f56c6c;
458
+ @vxe-table-cell-dirty-insert-color : #19A15F;
459
+ @vxe-table-cell-area-border-color : @vxe-primary-color;
460
+ @vxe-table-cell-area-border-width : 1px;
461
+ @vxe-table-cell-main-area-extension-border-color : #fff;
462
+ @vxe-table-cell-main-area-extension-background-color : @vxe-primary-color;
463
+ @vxe-table-cell-extend-area-border-width : 2px;
464
+ @vxe-table-cell-copy-area-border-width : 3px;
465
+ @vxe-table-cell-active-area-border-width : 2px;
466
+ @vxe-table-cell-copy-area-border-color : @vxe-table-cell-area-border-color;
467
+ @vxe-table-cell-extend-area-border-color : @vxe-table-cell-area-border-color;
468
+ @vxe-table-cell-active-area-border-color : @vxe-table-cell-area-border-color;
469
+ @vxe-table-cell-area-background-color : rgba(64, 158, 255, 0.2);
470
+
471
+ @vxe-table-checkbox-range-border-width : 1px;
472
+ @vxe-table-checkbox-range-border-color : #006af1;
473
+ @vxe-table-checkbox-range-background-color : rgba(50, 128, 252, 0.2);
474
+
475
+ @vxe-table-fixed-left-scrolling-box-shadow : 8px 0px 10px -5px rgba(0, 0, 0, 0.12);
476
+ @vxe-table-fixed-right-scrolling-box-shadow : -8px 0px 10px -5px rgba(0, 0, 0, 0.12);
477
+
478
+ /*filter*/
479
+ @vxe-table-filter-panel-background-color : #fff;
480
+
481
+ /*menu*/
482
+ @vxe-table-menu-item-width : 178px;
483
+ @vxe-table-menu-background-color : #fff;
484
+
485
+ /*loading*/
486
+ @vxe-loading-color : @vxe-primary-color;
487
+ @vxe-loading-background-color : rgba(255, 255, 255, 0.5);
488
+ @vxe-loading-z-index : 999;
489
+
490
+ /*validate*/
491
+ @vxe-table-validate-error-color : #f56c6c;
492
+ @vxe-table-validate-tooltip-error-color : #fff;
493
+ @vxe-table-validate-tooltip-error-background-color : @vxe-table-validate-error-color;
494
+
495
+ /*grid*/
496
+ @vxe-grid-maximize-background-color : #fff;
497
+
498
+ /*toolbar*/
499
+ @vxe-toolbar-background-color : #fff;
500
+ @vxe-toolbar-custom-active-background-color : #D9DADB;
501
+ @vxe-toolbar-panel-background-color : #fff;
502
+
503
+ /*tooltip*/
504
+ @vxe-tooltip-dark-color : #fff;
505
+ @vxe-tooltip-dark-background-color : #303133;
506
+ @vxe-tooltip-light-background-color : #fff;
507
+
508
+ /*pager*/
509
+ @vxe-pager-background-color : #fff;
510
+ @vxe-pager-perfect-background-color : #fff;
511
+ @vxe-pager-perfect-button-background-color : #f4f4f5;
512
+
513
+ /*modal*/
514
+ @vxe-modal-header-background-color : #F8F8F8;
515
+ @vxe-modal-body-background-color : #fff;
516
+ @vxe-modal-border-color : #ebeef5;
517
+
518
+ /*checkbox*/
519
+ @vxe-checkbox-font-size-default : 15px;
520
+ @vxe-checkbox-font-size-medium : 14px;
521
+ @vxe-checkbox-font-size-small : 13px;
522
+ @vxe-checkbox-font-size-mini : 12px;
523
+ @vxe-checkbox-checked-width : 0.32em;
524
+ @vxe-checkbox-checked-height : 0.64em;
525
+ @vxe-checkbox-indeterminate-width : 0.6em;
526
+ @vxe-checkbox-indeterminate-height : 2px;
527
+ @vxe-checkbox-border-width : 2px;
528
+ @vxe-checkbox-border-radius : 2px;
529
+ @vxe-checkbox-icon-background-color : #fff;
530
+ @vxe-checkbox-checked-icon-border-color : #fff;
531
+ @vxe-checkbox-indeterminate-icon-background-color : #fff;
532
+
533
+ /*radio*/
534
+ @vxe-radio-font-size-default : @vxe-checkbox-font-size-default;
535
+ @vxe-radio-font-size-medium : @vxe-checkbox-font-size-medium;
536
+ @vxe-radio-font-size-small : @vxe-checkbox-font-size-small;
537
+ @vxe-radio-font-size-mini : @vxe-checkbox-font-size-mini;
538
+ @vxe-radio-border-width : @vxe-checkbox-border-width;
539
+ @vxe-radio-icon-background-color : #fff;
540
+ @vxe-radio-checked-icon-background-color : #fff;
541
+ @vxe-radio-indeterminate-icon-background-color : #fff;
542
+ @vxe-radio-button-default-background-color : #fff;
543
+
544
+ /*button*/
545
+ @vxe-button-max-width : 500px;
546
+ @vxe-button-default-background-color : #fff;
547
+ @vxe-button-dropdown-panel-background-color : #fff;
548
+ @vxe-button-height-default : 34px;
549
+ @vxe-button-height-medium : 32px;
550
+ @vxe-button-height-small : 30px;
551
+ @vxe-button-height-mini : 28px;
552
+ @vxe-button-round-border-radius-default : 17px;
553
+ @vxe-button-round-border-radius-medium : 16px;
554
+ @vxe-button-round-border-radius-small : 15px;
555
+ @vxe-button-round-border-radius-mini : 14px;
556
+
557
+ /*input*/
558
+ @vxe-input-background-color : #fff;
559
+ @vxe-input-panel-background-color : @vxe-input-background-color;
560
+ @vxe-input-number-disabled-color : #e4e7ed;
561
+ @vxe-input-date-festival-color : #999999;
562
+ @vxe-input-date-festival-important-color : @vxe-primary-color;
563
+ @vxe-input-date-notice-background-color : #FF0000;
564
+ @vxe-input-date-picker-hover-background-color : #f2f6fc;
565
+ @vxe-input-date-picker-selected-color : #fff;
566
+ @vxe-input-date-time-confirm-button-color : #fff;
567
+ @vxe-input-date-picker-festival-selected-color : @vxe-input-date-picker-selected-color;
568
+ @vxe-input-date-picker-notice-selected-background-color : @vxe-input-date-picker-selected-color;
569
+ @vxe-input-date-extra-color : #67c23a;
570
+ @vxe-input-date-extra-important-color : #fd2222;
571
+ @vxe-input-date-title-height-default : 30px;
572
+ @vxe-input-date-title-height-medium : 29px;
573
+ @vxe-input-date-title-height-small : 28px;
574
+ @vxe-input-date-title-height-mini : 26px;
575
+ @vxe-input-date-time-week-row-height-default : 38px;
576
+ @vxe-input-date-time-week-row-height-medium : 36px;
577
+ @vxe-input-date-time-week-row-height-small : 34px;
578
+ @vxe-input-date-time-week-row-height-mini : 32px;
579
+ @vxe-input-date-month-year-row-height-default : 48px;
580
+ @vxe-input-date-month-year-row-height-medium : 46px;
581
+ @vxe-input-date-month-year-row-height-small : 44px;
582
+ @vxe-input-date-month-year-row-height-mini : 42px;
583
+ @vxe-input-date-quarter-row-height-default : 60px;
584
+ @vxe-input-date-quarter-row-height-medium : 58px;
585
+ @vxe-input-date-quarter-row-height-small : 56px;
586
+ @vxe-input-date-quarter-row-height-mini : 54px;
587
+ @vxe-input-height-default : @vxe-button-height-default;
588
+ @vxe-input-height-medium : @vxe-button-height-medium;
589
+ @vxe-input-height-small : @vxe-button-height-small;
590
+ @vxe-input-height-mini : @vxe-button-height-mini;
591
+ @vxe-input-count-color : #999;
592
+ @vxe-input-count-background-color : #fff;
593
+ @vxe-input-count-error-color : @vxe-table-validate-error-color;
594
+
595
+ /*textarea*/
596
+ @vxe-textarea-line-height : 1.5715;
597
+ @vxe-textarea-background-color : #fff;
598
+
599
+ /*form*/
600
+ @vxe-form-item-min-height-default : 36px;
601
+ @vxe-form-item-min-height-medium : 34px;
602
+ @vxe-form-item-min-height-small : 32px;
603
+ @vxe-form-item-min-height-mini : 30px;
604
+ @vxe-form-background-color : #fff;
605
+ @vxe-form-validate-error-color : @vxe-table-validate-error-color;
606
+ @vxe-form-validate-error-background-color : inherit;
607
+
608
+ /*select*/
609
+ @vxe-select-option-height-default : 30px;
610
+ @vxe-select-option-height-medium : 28px;
611
+ @vxe-select-option-height-small : 26px;
612
+ @vxe-select-option-height-mini : 24px;
613
+ @vxe-select-option-hover-background-color : #f5f7fa;
614
+ @vxe-select-panel-background-color : #fff;
615
+ @vxe-select-empty-color : #C0C4CC;
616
+ @vxe-optgroup-title-color : #909399;
617
+
618
+ /*switch*/
619
+ @vxe-switch-font-color : #fff;
620
+ @vxe-switch-icon-background-color : #fff;
621
+ @vxe-switch-open-background-color : @vxe-primary-color;
622
+ @vxe-switch-close-background-color : rgba(0, 0, 0, 0.35);
623
+ @vxe-switch-disabled-background-color : rgba(0, 0, 0, 0.15);
624
+
625
+ /*pulldown*/
626
+ @vxe-pulldown-panel-background-color : #fff;