ls-pro-common 3.0.1 → 3.0.3

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 -74
  2. package/dist/common.js +1 -1
  3. package/dist/common.min.css +83 -74
  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 +1 -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 +1 -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
@@ -121,7 +121,7 @@ body.theme-yellow .ant-pro-table-alert-info-content a:active {
121
121
  left: 0;
122
122
  right: 0;
123
123
  bottom: 0;
124
- background: var(--bg-color, #F9FAFB);
124
+ background: var(--bg-color, #f9fafb);
125
125
  display: flex;
126
126
  flex-direction: column;
127
127
  z-index: 50;
@@ -406,19 +406,22 @@ a:hover {
406
406
  }
407
407
  .ant-btn {
408
408
  height: 32px;
409
- background-color: #EAEEF2;
409
+ background-color: #E6F4FF;
410
410
  border-color: transparent;
411
411
  color: #595959;
412
412
  border-radius: 4px;
413
413
  }
414
+ .ant-btn.ant-btn-lg {
415
+ height: 40px;
416
+ }
414
417
  .ant-btn:hover,
415
418
  .ant-btn:focus {
416
- background-color: #D2D6DD;
419
+ background-color: #E6F4FF;
417
420
  border-color: transparent;
418
421
  color: #000;
419
422
  }
420
423
  .ant-btn:active {
421
- background-color: #B5BBC5;
424
+ background-color: #BDDFFF;
422
425
  border-color: transparent;
423
426
  color: #141414;
424
427
  }
@@ -426,9 +429,9 @@ a:hover {
426
429
  .ant-btn[disabled]:hover,
427
430
  .ant-btn[disabled]:focus,
428
431
  .ant-btn[disabled]:active {
429
- background-color: #D2D6DD;
432
+ background-color: #EAEEF2;
430
433
  border-color: transparent;
431
- color: #BFBFBF;
434
+ color: #D9D9D9;
432
435
  }
433
436
  .ant-btn-primary {
434
437
  background-color: var(--ant-primary-color);
@@ -563,7 +566,7 @@ a:hover {
563
566
  margin: -12px -8px;
564
567
  }
565
568
  .ant-pro-table .ant-card-body {
566
- padding: 8px 20px;
569
+ padding: 6px 20px ;
567
570
  }
568
571
  .ant-pro-table-srcoll {
569
572
  width: 100%;
@@ -624,6 +627,36 @@ a:hover {
624
627
  .ant-pro-table-srcoll .ant-table.ant-table-small tfoot.ant-table-summary tr td:last-child {
625
628
  padding-right: 17px !important;
626
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
+ }
627
660
  .ant-table.ant-table-small .ant-table-title,
628
661
  .ant-table.ant-table-small .ant-table-footer,
629
662
  .ant-table.ant-table-small .ant-table-thead > tr > th,
@@ -688,6 +721,9 @@ a:hover {
688
721
  .ant-table.ant-table-small tfoot > tr > td.ant-table-selection-column {
689
722
  text-overflow: unset;
690
723
  }
724
+ .ls-pro-table-mini .ant-table.ant-table-small .ant-table-thead > tr > th {
725
+ background-color: #F4F7FD;
726
+ }
691
727
  .ls-pro-table-mini .ant-table.ant-table-small .ant-table-title,
692
728
  .ls-pro-table-mini .ant-table.ant-table-small .ant-table-footer,
693
729
  .ls-pro-table-mini .ant-table.ant-table-small .ant-table-thead > tr > th,
@@ -737,7 +773,7 @@ a:hover {
737
773
  padding-right: 15px;
738
774
  }
739
775
  .ls-pro-table-mini .ant-pagination {
740
- padding: 8px 0;
776
+ margin: 8px 0;
741
777
  }
742
778
  .ls-pro-table-mini .ant-pagination-item-active {
743
779
  background: #E4EEFA;
@@ -772,36 +808,6 @@ a:hover {
772
808
  .ls-pro-table .ant-table-thead tr th {
773
809
  background-color: #f5f9ff;
774
810
  }
775
- .ls-pro-table .resizable-th,
776
- .ls-pro-table .react-resizable {
777
- position: relative;
778
- }
779
- .ls-pro-table .resizable-th::before,
780
- .ls-pro-table .react-resizable::before {
781
- height: 0 !important;
782
- width: 0 !important;
783
- }
784
- .ls-pro-table .resizable-th-handle,
785
- .ls-pro-table .react-resizable-handle {
786
- cursor: col-resize;
787
- border-left: solid 1px rgba(0, 0, 0, 0.12);
788
- height: 1.6em;
789
- position: absolute;
790
- right: 0px;
791
- top: 50%;
792
- transform: translateY(-50%);
793
- transition: background-color 0.3s;
794
- width: 3px;
795
- }
796
- .ls-pro-table .resizable-th .resizable-th-handle {
797
- visibility: hidden;
798
- }
799
- .ls-pro-table .resizable-th:hover .resizable-th-handle {
800
- visibility: visible;
801
- }
802
- .ls-pro-table .ant-table-cell.ant-table-selection-column {
803
- text-overflow: inherit !important;
804
- }
805
811
  .theme-yellow .ls-pro-table .ant-table-tbody tr:nth-of-type(odd) {
806
812
  background-color: #fcfaf7;
807
813
  }
@@ -1225,7 +1231,7 @@ a:hover {
1225
1231
 
1226
1232
  .ant-pro-table-search {
1227
1233
  margin-bottom: 16px;
1228
- padding: 8px 20px;
1234
+ padding: 20px 20px;
1229
1235
  padding-bottom: 0;
1230
1236
  background: #fff;
1231
1237
  border-radius: 0px 8px 8px 8px;
@@ -2661,7 +2667,7 @@ html {
2661
2667
  margin: -12px -8px;
2662
2668
  }
2663
2669
  .ant-pro-table .ant-card-body {
2664
- padding: 8px 20px;
2670
+ padding: 6px 20px ;
2665
2671
  }
2666
2672
  .ant-pro-table-srcoll {
2667
2673
  width: 100%;
@@ -2722,6 +2728,36 @@ html {
2722
2728
  .ant-pro-table-srcoll .ant-table.ant-table-small tfoot.ant-table-summary tr td:last-child {
2723
2729
  padding-right: 17px !important;
2724
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
+ }
2725
2761
  .ant-table.ant-table-small .ant-table-title,
2726
2762
  .ant-table.ant-table-small .ant-table-footer,
2727
2763
  .ant-table.ant-table-small .ant-table-thead > tr > th,
@@ -2786,6 +2822,9 @@ html {
2786
2822
  .ant-table.ant-table-small tfoot > tr > td.ant-table-selection-column {
2787
2823
  text-overflow: unset;
2788
2824
  }
2825
+ .ls-pro-table-mini .ant-table.ant-table-small .ant-table-thead > tr > th {
2826
+ background-color: #F4F7FD;
2827
+ }
2789
2828
  .ls-pro-table-mini .ant-table.ant-table-small .ant-table-title,
2790
2829
  .ls-pro-table-mini .ant-table.ant-table-small .ant-table-footer,
2791
2830
  .ls-pro-table-mini .ant-table.ant-table-small .ant-table-thead > tr > th,
@@ -2835,7 +2874,7 @@ html {
2835
2874
  padding-right: 15px;
2836
2875
  }
2837
2876
  .ls-pro-table-mini .ant-pagination {
2838
- padding: 8px 0;
2877
+ margin: 8px 0;
2839
2878
  }
2840
2879
  .ls-pro-table-mini .ant-pagination-item-active {
2841
2880
  background: #E4EEFA;
@@ -2870,36 +2909,6 @@ html {
2870
2909
  .ls-pro-table .ant-table-thead tr th {
2871
2910
  background-color: #f5f9ff;
2872
2911
  }
2873
- .ls-pro-table .resizable-th,
2874
- .ls-pro-table .react-resizable {
2875
- position: relative;
2876
- }
2877
- .ls-pro-table .resizable-th::before,
2878
- .ls-pro-table .react-resizable::before {
2879
- height: 0 !important;
2880
- width: 0 !important;
2881
- }
2882
- .ls-pro-table .resizable-th-handle,
2883
- .ls-pro-table .react-resizable-handle {
2884
- cursor: col-resize;
2885
- border-left: solid 1px rgba(0, 0, 0, 0.12);
2886
- height: 1.6em;
2887
- position: absolute;
2888
- right: 0px;
2889
- top: 50%;
2890
- transform: translateY(-50%);
2891
- transition: background-color 0.3s;
2892
- width: 3px;
2893
- }
2894
- .ls-pro-table .resizable-th .resizable-th-handle {
2895
- visibility: hidden;
2896
- }
2897
- .ls-pro-table .resizable-th:hover .resizable-th-handle {
2898
- visibility: visible;
2899
- }
2900
- .ls-pro-table .ant-table-cell.ant-table-selection-column {
2901
- text-overflow: inherit !important;
2902
- }
2903
2912
  .theme-yellow .ls-pro-table .ant-table-tbody tr:nth-of-type(odd) {
2904
2913
  background-color: #fcfaf7;
2905
2914
  }
@@ -3076,6 +3085,7 @@ html {
3076
3085
  .ant-pro-table-list-toolbar {
3077
3086
  line-height: 1;
3078
3087
  min-height: 44px;
3088
+ padding-top: 20px;
3079
3089
  }
3080
3090
  .ant-pro-table-list-toolbar .select-tip {
3081
3091
  color: #222;
@@ -3090,7 +3100,7 @@ html {
3090
3100
  .ant-pro-table-list-toolbar-container {
3091
3101
  display: flex;
3092
3102
  justify-content: space-between;
3093
- padding: 8px 0;
3103
+ padding-bottom: 8px;
3094
3104
  }
3095
3105
  .ant-pro-table-list-toolbar-container-mobile {
3096
3106
  flex-direction: column;
@@ -3132,8 +3142,7 @@ html {
3132
3142
  justify-content: flex-end;
3133
3143
  }
3134
3144
  .ant-pro-table-list-toolbar-extra-line {
3135
- margin-bottom: 5px;
3136
- margin-top: 5px;
3145
+ margin-bottom: 8px;
3137
3146
  }
3138
3147
  .ant-pro-table-list-toolbar-filter {
3139
3148
  display: flex;