ls-pro-common 3.0.0 → 3.0.2

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 (33) hide show
  1. package/dist/common.css +83 -73
  2. package/dist/common.js +1 -1
  3. package/dist/common.min.css +83 -73
  4. package/dist/common.min.js +1 -1
  5. package/es/components/IconBack.d.ts +3 -0
  6. package/es/components/IconBack.js +20 -0
  7. package/es/components/IconBell.d.ts +3 -0
  8. package/es/components/IconBell.js +22 -0
  9. package/es/components/IconQuestion.d.ts +3 -0
  10. package/es/components/IconQuestion.js +26 -0
  11. package/es/components/IconSearch.d.ts +3 -0
  12. package/es/components/IconSearch.js +22 -0
  13. package/es/components/IconText.d.ts +3 -0
  14. package/es/components/IconText.js +30 -0
  15. package/es/components/antd-custom.less +13 -7
  16. package/es/components/common.less +5 -1
  17. package/es/index.d.ts +6 -1
  18. package/es/index.js +6 -1
  19. package/lib/components/IconBack.d.ts +3 -0
  20. package/lib/components/IconBack.js +28 -0
  21. package/lib/components/IconBell.d.ts +3 -0
  22. package/lib/components/IconBell.js +30 -0
  23. package/lib/components/IconQuestion.d.ts +3 -0
  24. package/lib/components/IconQuestion.js +34 -0
  25. package/lib/components/IconSearch.d.ts +3 -0
  26. package/lib/components/IconSearch.js +30 -0
  27. package/lib/components/IconText.d.ts +3 -0
  28. package/lib/components/IconText.js +38 -0
  29. package/lib/components/antd-custom.less +13 -7
  30. package/lib/components/common.less +5 -1
  31. package/lib/index.d.ts +6 -1
  32. package/lib/index.js +35 -0
  33. package/package.json +2 -2
package/dist/common.css CHANGED
@@ -1,4 +1,5 @@
1
1
  body {
2
+ --bg-color: #F9FAFB;
2
3
  --ant-primary-color: #0E55CB;
3
4
  --ant-primary-color-hover: #3277d9;
4
5
  --ant-primary-color-active: #033ca6;
@@ -120,7 +121,7 @@ body.theme-yellow .ant-pro-table-alert-info-content a:active {
120
121
  left: 0;
121
122
  right: 0;
122
123
  bottom: 0;
123
- background: #f5f5f5;
124
+ background: var(--bg-color, #f9fafb);
124
125
  display: flex;
125
126
  flex-direction: column;
126
127
  z-index: 50;
@@ -405,19 +406,22 @@ a:hover {
405
406
  }
406
407
  .ant-btn {
407
408
  height: 32px;
408
- background-color: #EAEEF2;
409
+ background-color: #E6F4FF;
409
410
  border-color: transparent;
410
411
  color: #595959;
411
412
  border-radius: 4px;
412
413
  }
414
+ .ant-btn.ant-btn-lg {
415
+ height: 40px;
416
+ }
413
417
  .ant-btn:hover,
414
418
  .ant-btn:focus {
415
- background-color: #D2D6DD;
419
+ background-color: #E6F4FF;
416
420
  border-color: transparent;
417
421
  color: #000;
418
422
  }
419
423
  .ant-btn:active {
420
- background-color: #B5BBC5;
424
+ background-color: #BDDFFF;
421
425
  border-color: transparent;
422
426
  color: #141414;
423
427
  }
@@ -425,9 +429,9 @@ a:hover {
425
429
  .ant-btn[disabled]:hover,
426
430
  .ant-btn[disabled]:focus,
427
431
  .ant-btn[disabled]:active {
428
- background-color: #D2D6DD;
432
+ background-color: #EAEEF2;
429
433
  border-color: transparent;
430
- color: #BFBFBF;
434
+ color: #D9D9D9;
431
435
  }
432
436
  .ant-btn-primary {
433
437
  background-color: var(--ant-primary-color);
@@ -562,7 +566,7 @@ a:hover {
562
566
  margin: -12px -8px;
563
567
  }
564
568
  .ant-pro-table .ant-card-body {
565
- padding: 8px 20px;
569
+ padding: 6px 20px ;
566
570
  }
567
571
  .ant-pro-table-srcoll {
568
572
  width: 100%;
@@ -623,6 +627,36 @@ a:hover {
623
627
  .ant-pro-table-srcoll .ant-table.ant-table-small tfoot.ant-table-summary tr td:last-child {
624
628
  padding-right: 17px !important;
625
629
  }
630
+ .ant-pro-table-srcoll .resizable-th,
631
+ .ant-pro-table-srcoll .react-resizable {
632
+ position: relative;
633
+ }
634
+ .ant-pro-table-srcoll .resizable-th::before,
635
+ .ant-pro-table-srcoll .react-resizable::before {
636
+ height: 0 !important;
637
+ width: 0 !important;
638
+ }
639
+ .ant-pro-table-srcoll .resizable-th-handle,
640
+ .ant-pro-table-srcoll .react-resizable-handle {
641
+ cursor: col-resize;
642
+ border-left: solid 2px rgba(0, 0, 0, 0.12);
643
+ height: 1.6em;
644
+ position: absolute;
645
+ right: 0px;
646
+ top: 50%;
647
+ transform: translateY(-50%);
648
+ transition: background-color 0.3s;
649
+ width: 3px;
650
+ }
651
+ .ant-pro-table-srcoll .resizable-th .resizable-th-handle {
652
+ visibility: hidden;
653
+ }
654
+ .ant-pro-table-srcoll .resizable-th:hover .resizable-th-handle {
655
+ visibility: visible;
656
+ }
657
+ .ant-pro-table-srcoll .ant-table-cell.ant-table-selection-column {
658
+ text-overflow: inherit !important;
659
+ }
626
660
  .ant-table.ant-table-small .ant-table-title,
627
661
  .ant-table.ant-table-small .ant-table-footer,
628
662
  .ant-table.ant-table-small .ant-table-thead > tr > th,
@@ -687,6 +721,9 @@ a:hover {
687
721
  .ant-table.ant-table-small tfoot > tr > td.ant-table-selection-column {
688
722
  text-overflow: unset;
689
723
  }
724
+ .ls-pro-table-mini .ant-table.ant-table-small .ant-table-thead > tr > th {
725
+ background-color: #F4F7FD;
726
+ }
690
727
  .ls-pro-table-mini .ant-table.ant-table-small .ant-table-title,
691
728
  .ls-pro-table-mini .ant-table.ant-table-small .ant-table-footer,
692
729
  .ls-pro-table-mini .ant-table.ant-table-small .ant-table-thead > tr > th,
@@ -736,7 +773,7 @@ a:hover {
736
773
  padding-right: 15px;
737
774
  }
738
775
  .ls-pro-table-mini .ant-pagination {
739
- padding: 8px 0;
776
+ margin: 8px 0;
740
777
  }
741
778
  .ls-pro-table-mini .ant-pagination-item-active {
742
779
  background: #E4EEFA;
@@ -771,36 +808,6 @@ a:hover {
771
808
  .ls-pro-table .ant-table-thead tr th {
772
809
  background-color: #f5f9ff;
773
810
  }
774
- .ls-pro-table .resizable-th,
775
- .ls-pro-table .react-resizable {
776
- position: relative;
777
- }
778
- .ls-pro-table .resizable-th::before,
779
- .ls-pro-table .react-resizable::before {
780
- height: 0 !important;
781
- width: 0 !important;
782
- }
783
- .ls-pro-table .resizable-th-handle,
784
- .ls-pro-table .react-resizable-handle {
785
- cursor: col-resize;
786
- border-left: solid 1px rgba(0, 0, 0, 0.12);
787
- height: 1.6em;
788
- position: absolute;
789
- right: 0px;
790
- top: 50%;
791
- transform: translateY(-50%);
792
- transition: background-color 0.3s;
793
- width: 3px;
794
- }
795
- .ls-pro-table .resizable-th .resizable-th-handle {
796
- visibility: hidden;
797
- }
798
- .ls-pro-table .resizable-th:hover .resizable-th-handle {
799
- visibility: visible;
800
- }
801
- .ls-pro-table .ant-table-cell.ant-table-selection-column {
802
- text-overflow: inherit !important;
803
- }
804
811
  .theme-yellow .ls-pro-table .ant-table-tbody tr:nth-of-type(odd) {
805
812
  background-color: #fcfaf7;
806
813
  }
@@ -2660,7 +2667,7 @@ html {
2660
2667
  margin: -12px -8px;
2661
2668
  }
2662
2669
  .ant-pro-table .ant-card-body {
2663
- padding: 8px 20px;
2670
+ padding: 6px 20px ;
2664
2671
  }
2665
2672
  .ant-pro-table-srcoll {
2666
2673
  width: 100%;
@@ -2721,6 +2728,36 @@ html {
2721
2728
  .ant-pro-table-srcoll .ant-table.ant-table-small tfoot.ant-table-summary tr td:last-child {
2722
2729
  padding-right: 17px !important;
2723
2730
  }
2731
+ .ant-pro-table-srcoll .resizable-th,
2732
+ .ant-pro-table-srcoll .react-resizable {
2733
+ position: relative;
2734
+ }
2735
+ .ant-pro-table-srcoll .resizable-th::before,
2736
+ .ant-pro-table-srcoll .react-resizable::before {
2737
+ height: 0 !important;
2738
+ width: 0 !important;
2739
+ }
2740
+ .ant-pro-table-srcoll .resizable-th-handle,
2741
+ .ant-pro-table-srcoll .react-resizable-handle {
2742
+ cursor: col-resize;
2743
+ border-left: solid 2px rgba(0, 0, 0, 0.12);
2744
+ height: 1.6em;
2745
+ position: absolute;
2746
+ right: 0px;
2747
+ top: 50%;
2748
+ transform: translateY(-50%);
2749
+ transition: background-color 0.3s;
2750
+ width: 3px;
2751
+ }
2752
+ .ant-pro-table-srcoll .resizable-th .resizable-th-handle {
2753
+ visibility: hidden;
2754
+ }
2755
+ .ant-pro-table-srcoll .resizable-th:hover .resizable-th-handle {
2756
+ visibility: visible;
2757
+ }
2758
+ .ant-pro-table-srcoll .ant-table-cell.ant-table-selection-column {
2759
+ text-overflow: inherit !important;
2760
+ }
2724
2761
  .ant-table.ant-table-small .ant-table-title,
2725
2762
  .ant-table.ant-table-small .ant-table-footer,
2726
2763
  .ant-table.ant-table-small .ant-table-thead > tr > th,
@@ -2785,6 +2822,9 @@ html {
2785
2822
  .ant-table.ant-table-small tfoot > tr > td.ant-table-selection-column {
2786
2823
  text-overflow: unset;
2787
2824
  }
2825
+ .ls-pro-table-mini .ant-table.ant-table-small .ant-table-thead > tr > th {
2826
+ background-color: #F4F7FD;
2827
+ }
2788
2828
  .ls-pro-table-mini .ant-table.ant-table-small .ant-table-title,
2789
2829
  .ls-pro-table-mini .ant-table.ant-table-small .ant-table-footer,
2790
2830
  .ls-pro-table-mini .ant-table.ant-table-small .ant-table-thead > tr > th,
@@ -2834,7 +2874,7 @@ html {
2834
2874
  padding-right: 15px;
2835
2875
  }
2836
2876
  .ls-pro-table-mini .ant-pagination {
2837
- padding: 8px 0;
2877
+ margin: 8px 0;
2838
2878
  }
2839
2879
  .ls-pro-table-mini .ant-pagination-item-active {
2840
2880
  background: #E4EEFA;
@@ -2869,36 +2909,6 @@ html {
2869
2909
  .ls-pro-table .ant-table-thead tr th {
2870
2910
  background-color: #f5f9ff;
2871
2911
  }
2872
- .ls-pro-table .resizable-th,
2873
- .ls-pro-table .react-resizable {
2874
- position: relative;
2875
- }
2876
- .ls-pro-table .resizable-th::before,
2877
- .ls-pro-table .react-resizable::before {
2878
- height: 0 !important;
2879
- width: 0 !important;
2880
- }
2881
- .ls-pro-table .resizable-th-handle,
2882
- .ls-pro-table .react-resizable-handle {
2883
- cursor: col-resize;
2884
- border-left: solid 1px rgba(0, 0, 0, 0.12);
2885
- height: 1.6em;
2886
- position: absolute;
2887
- right: 0px;
2888
- top: 50%;
2889
- transform: translateY(-50%);
2890
- transition: background-color 0.3s;
2891
- width: 3px;
2892
- }
2893
- .ls-pro-table .resizable-th .resizable-th-handle {
2894
- visibility: hidden;
2895
- }
2896
- .ls-pro-table .resizable-th:hover .resizable-th-handle {
2897
- visibility: visible;
2898
- }
2899
- .ls-pro-table .ant-table-cell.ant-table-selection-column {
2900
- text-overflow: inherit !important;
2901
- }
2902
2912
  .theme-yellow .ls-pro-table .ant-table-tbody tr:nth-of-type(odd) {
2903
2913
  background-color: #fcfaf7;
2904
2914
  }
@@ -3075,6 +3085,7 @@ html {
3075
3085
  .ant-pro-table-list-toolbar {
3076
3086
  line-height: 1;
3077
3087
  min-height: 44px;
3088
+ padding-top: 20px;
3078
3089
  }
3079
3090
  .ant-pro-table-list-toolbar .select-tip {
3080
3091
  color: #222;
@@ -3089,7 +3100,7 @@ html {
3089
3100
  .ant-pro-table-list-toolbar-container {
3090
3101
  display: flex;
3091
3102
  justify-content: space-between;
3092
- padding: 8px 0;
3103
+ padding-bottom: 8px;
3093
3104
  }
3094
3105
  .ant-pro-table-list-toolbar-container-mobile {
3095
3106
  flex-direction: column;
@@ -3131,8 +3142,7 @@ html {
3131
3142
  justify-content: flex-end;
3132
3143
  }
3133
3144
  .ant-pro-table-list-toolbar-extra-line {
3134
- margin-bottom: 5px;
3135
- margin-top: 5px;
3145
+ margin-bottom: 8px;
3136
3146
  }
3137
3147
  .ant-pro-table-list-toolbar-filter {
3138
3148
  display: flex;