@cmstops/pro-compo 0.2.2 → 0.2.4

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 (39) hide show
  1. package/dist/index.css +29 -18
  2. package/dist/index.min.css +1 -1
  3. package/es/baseFilter/component.js +20 -7
  4. package/es/baseFilter/components/FilterGroup.js +2 -1
  5. package/es/contentDetailList/components/Records/MatrixItem/index.js +1 -1
  6. package/es/contentDetailList/components/Records/index.js +1 -5
  7. package/es/contentDetailList/style/ComoItem.less +3 -2
  8. package/es/contentDetailList/style/ContentListItem.less +8 -8
  9. package/es/contentDetailList/style/DocItem.less +1 -1
  10. package/es/contentDetailList/style/DocMpItem.less +118 -117
  11. package/es/contentDetailList/style/KongoNavItem.less +1 -1
  12. package/es/contentDetailList/style/LiveItem.less +3 -2
  13. package/es/contentDetailList/style/MaccountItem.less +3 -2
  14. package/es/contentDetailList/style/MatrixItem.less +11 -1
  15. package/es/contentDetailList/style/courseItem.less +1 -1
  16. package/es/contentDetailList/style/funhdItem.less +1 -1
  17. package/es/contentDetailList/style/index.css +26 -18
  18. package/es/index.css +29 -18
  19. package/es/userDirector/style/index.css +3 -0
  20. package/es/userDirector/style/index.less +6 -0
  21. package/lib/baseFilter/component.js +20 -7
  22. package/lib/baseFilter/components/FilterGroup.js +2 -1
  23. package/lib/contentDetailList/components/Records/MatrixItem/index.js +1 -1
  24. package/lib/contentDetailList/components/Records/index.js +0 -4
  25. package/lib/contentDetailList/style/ComoItem.less +3 -2
  26. package/lib/contentDetailList/style/ContentListItem.less +8 -8
  27. package/lib/contentDetailList/style/DocItem.less +1 -1
  28. package/lib/contentDetailList/style/DocMpItem.less +118 -117
  29. package/lib/contentDetailList/style/KongoNavItem.less +1 -1
  30. package/lib/contentDetailList/style/LiveItem.less +3 -2
  31. package/lib/contentDetailList/style/MaccountItem.less +3 -2
  32. package/lib/contentDetailList/style/MatrixItem.less +11 -1
  33. package/lib/contentDetailList/style/courseItem.less +1 -1
  34. package/lib/contentDetailList/style/funhdItem.less +1 -1
  35. package/lib/contentDetailList/style/index.css +26 -18
  36. package/lib/index.css +29 -18
  37. package/lib/userDirector/style/index.css +3 -0
  38. package/lib/userDirector/style/index.less +6 -0
  39. package/package.json +1 -1
@@ -20,6 +20,7 @@
20
20
  width: 100%;
21
21
  height: 100%;
22
22
  border-radius: 4px;
23
+
23
24
  img {
24
25
  width: 100%;
25
26
  height: 100%;
@@ -50,9 +51,9 @@
50
51
  margin-bottom: 10px;
51
52
  overflow: hidden;
52
53
  color: #1d2129;
53
- font-size: 14px;
54
- font-style: normal;
55
54
  font-weight: 400;
55
+ font-size: 16px;
56
+ font-style: normal;
56
57
  line-height: 22px;
57
58
  cursor: pointer;
58
59
  -webkit-line-clamp: 2;
@@ -20,6 +20,7 @@
20
20
  width: 100%;
21
21
  height: 100%;
22
22
  border-radius: 4px;
23
+
23
24
  img {
24
25
  width: 100%;
25
26
  height: 100%;
@@ -45,15 +46,15 @@
45
46
  padding: 2px 0;
46
47
 
47
48
  .title {
48
- width: calc(100% - 50px);
49
49
  display: flex;
50
50
  align-items: center;
51
+ width: calc(100% - 50px);
51
52
  margin-bottom: 10px;
52
53
  overflow: hidden;
53
54
  color: #1d2129;
54
- font-size: 14px;
55
- font-style: normal;
56
55
  font-weight: 400;
56
+ font-size: 16px;
57
+ font-style: normal;
57
58
  line-height: 22px;
58
59
  cursor: pointer;
59
60
  -webkit-line-clamp: 2;
@@ -111,22 +112,21 @@
111
112
  }
112
113
  }
113
114
  }
115
+
114
116
  .title-tips {
115
117
  display: flex;
116
118
  align-items: center;
119
+ margin-left: 10px;
117
120
  color: #a3a3a3;
118
121
  font-size: 10px;
119
- margin-left: 10px;
120
-
122
+
121
123
  .icon {
122
124
  margin-right: 5px;
123
125
  font-size: 10px;
124
126
  }
125
-
127
+
126
128
  &.red {
127
129
  color: red;
128
130
  }
129
131
  }
130
132
  }
131
-
132
-
@@ -70,7 +70,7 @@
70
70
  overflow: hidden;
71
71
  color: #1d2129;
72
72
  font-weight: 400;
73
- font-size: 14px;
73
+ font-size: 16px;
74
74
  font-style: normal;
75
75
  line-height: 22px;
76
76
  cursor: pointer;
@@ -1,134 +1,135 @@
1
1
  .medialist-mpdoc-item-view {
2
- display: flex;
3
- // width: 100%;
4
- padding: 10px;
5
- border-bottom: 1px solid #f0f0f0;
6
-
7
- &:hover {
8
- background: #fafafa;
9
- }
10
-
11
- .cover-view {
12
- position: relative;
13
- flex-shrink: 0;
14
- width: 110px;
15
- height: 70px;
16
- margin-right: 20px;
17
- background: #edf3ff;
18
-
19
- .image {
2
+ display: flex;
3
+ // width: 100%;
4
+ padding: 10px;
5
+ border-bottom: 1px solid #f0f0f0;
6
+
7
+ &:hover {
8
+ background: #fafafa;
9
+ }
10
+
11
+ .cover-view {
12
+ position: relative;
13
+ flex-shrink: 0;
14
+ width: 110px;
15
+ height: 70px;
16
+ margin-right: 20px;
17
+ background: #edf3ff;
18
+
19
+ .image {
20
+ width: 100%;
21
+ height: 100%;
22
+ border-radius: 4px;
23
+
24
+ img {
20
25
  width: 100%;
21
26
  height: 100%;
22
- border-radius: 4px;
23
- img {
24
- width: 100%;
25
- height: 100%;
26
- }
27
- }
28
-
29
- .batch-select {
30
- position: absolute;
31
- top: 3px;
32
- left: 5px;
33
27
  }
34
-
35
- .no-img {
36
- display: flex;
37
- align-items: center;
38
- justify-content: center;
39
- width: 100%;
40
- height: 100%;
41
- color: white;
42
- font-size: 30px;
28
+ }
29
+
30
+ .batch-select {
31
+ position: absolute;
32
+ top: 3px;
33
+ left: 5px;
34
+ }
35
+
36
+ .no-img {
37
+ display: flex;
38
+ align-items: center;
39
+ justify-content: center;
40
+ width: 100%;
41
+ height: 100%;
42
+ color: white;
43
+ font-size: 30px;
44
+ }
45
+ }
46
+
47
+ .info-view {
48
+ display: flex;
49
+ flex: 1;
50
+ flex-direction: column;
51
+ justify-content: space-between;
52
+ padding: 2px 0;
53
+
54
+ .title {
55
+ display: flex;
56
+ align-items: center;
57
+ width: calc(100% - 50px);
58
+ margin-bottom: 10px;
59
+ overflow: hidden;
60
+ color: #1d2129;
61
+ font-weight: 400;
62
+ font-size: 16px;
63
+ font-style: normal;
64
+ line-height: 22px;
65
+ cursor: pointer;
66
+ -webkit-line-clamp: 2;
67
+ -webkit-box-orient: vertical;
68
+
69
+ &:hover {
70
+ color: #4886ff;
71
+ text-decoration: underline;
72
+
73
+ .index {
74
+ text-decoration: unset;
75
+ }
43
76
  }
44
77
  }
45
-
46
- .info-view {
78
+
79
+ .abttrite-v {
47
80
  display: flex;
48
- flex: 1;
49
- flex-direction: column;
81
+ align-items: center;
50
82
  justify-content: space-between;
51
- padding: 2px 0;
52
-
53
- .title {
54
- width: calc(100% - 50px);
83
+
84
+ .left {
55
85
  display: flex;
86
+ flex: 1;
56
87
  align-items: center;
57
- margin-bottom: 10px;
58
- overflow: hidden;
59
- color: #1d2129;
60
- font-size: 14px;
61
- font-style: normal;
62
- font-weight: 400;
63
- line-height: 22px;
64
- cursor: pointer;
65
- -webkit-line-clamp: 2;
66
- -webkit-box-orient: vertical;
67
-
68
- &:hover {
69
- color: #4886ff;
70
- text-decoration: underline;
71
-
72
- .index {
73
- text-decoration: unset;
74
- }
88
+ color: #4e5969;
89
+ font-size: 12px;
90
+
91
+ .icon {
92
+ margin-right: 8px;
75
93
  }
76
- }
77
-
78
- .abttrite-v {
79
- display: flex;
80
- align-items: center;
81
- justify-content: space-between;
82
-
83
- .left {
84
- display: flex;
85
- flex: 1;
86
- align-items: center;
87
- color: #4e5969;
88
- font-size: 12px;
89
-
90
- .icon {
91
- margin-right: 8px;
94
+
95
+ .tags {
96
+ display: inline-block;
97
+ width: 190px;
98
+ }
99
+
100
+ .abttr {
101
+ display: inline-block;
102
+ width: 20%;
103
+ margin-right: 10px;
104
+ overflow: hidden;
105
+ white-space: nowrap;
106
+ text-overflow: ellipsis;
107
+ cursor: pointer;
108
+
109
+ &.btn {
110
+ padding: 0;
111
+ text-align: left;
112
+
113
+ &:hover,
114
+ &:active {
115
+ background: transparent;
116
+ }
92
117
  }
93
-
94
- .tags {
95
- display: inline-block;
96
- width: 190px;
118
+
119
+ .btn {
120
+ padding: 0;
121
+ text-align: left;
97
122
  }
98
-
99
- .abttr {
100
- display: inline-block;
101
- width: 20%;
102
- margin-right: 10px;
103
- overflow: hidden;
104
- white-space: nowrap;
105
- text-overflow: ellipsis;
106
- cursor: pointer;
107
-
108
- &.btn {
109
- padding: 0;
110
- text-align: left;
111
-
112
- &:hover,
113
- &:active {
114
- background: transparent;
115
- }
116
- }
117
-
118
- .btn {
119
- padding: 0;
120
- text-align: left;
121
- }
122
-
123
- &.time {
124
- width: 30%;
125
- }
123
+
124
+ &.time {
125
+ width: 30%;
126
126
  }
127
127
  }
128
-
129
- .right {
130
- margin-right: 20px;
131
- }
128
+ }
129
+
130
+ .right {
131
+ margin-right: 20px;
132
132
  }
133
133
  }
134
- }
134
+ }
135
+ }
@@ -52,7 +52,7 @@
52
52
  overflow: hidden;
53
53
  color: #1d2129;
54
54
  font-weight: 400;
55
- font-size: 14px;
55
+ font-size: 16px;
56
56
  font-style: normal;
57
57
  line-height: 22px;
58
58
  cursor: pointer;
@@ -20,6 +20,7 @@
20
20
  width: 100%;
21
21
  height: 100%;
22
22
  border-radius: 4px;
23
+
23
24
  img {
24
25
  width: 100%;
25
26
  height: 100%;
@@ -50,9 +51,9 @@
50
51
  margin-bottom: 10px;
51
52
  overflow: hidden;
52
53
  color: #1d2129;
53
- font-size: 14px;
54
- font-style: normal;
55
54
  font-weight: 400;
55
+ font-size: 16px;
56
+ font-style: normal;
56
57
  line-height: 22px;
57
58
  cursor: pointer;
58
59
  -webkit-line-clamp: 2;
@@ -22,6 +22,7 @@
22
22
  width: 100%;
23
23
  height: 100%;
24
24
  border-radius: 4px;
25
+
25
26
  img {
26
27
  width: 100%;
27
28
  height: 100%;
@@ -52,9 +53,9 @@
52
53
  margin-bottom: 10px;
53
54
  overflow: hidden;
54
55
  color: #1d2129;
55
- font-size: 14px;
56
- font-style: normal;
57
56
  font-weight: 400;
57
+ font-size: 16px;
58
+ font-style: normal;
58
59
  line-height: 22px;
59
60
  cursor: pointer;
60
61
  -webkit-line-clamp: 2;
@@ -64,12 +64,21 @@
64
64
  overflow: hidden;
65
65
  color: #1d2129;
66
66
  font-weight: 400;
67
- font-size: 14px;
67
+ font-size: 16px;
68
68
  font-style: normal;
69
69
  line-height: 22px;
70
70
  cursor: pointer;
71
71
  -webkit-line-clamp: 2;
72
72
  -webkit-box-orient: vertical;
73
+
74
+ &:hover {
75
+ color: #4886ff;
76
+ text-decoration: underline;
77
+
78
+ .index {
79
+ text-decoration: unset;
80
+ }
81
+ }
73
82
  }
74
83
 
75
84
  .abttrite-v {
@@ -92,6 +101,7 @@
92
101
  overflow: hidden;
93
102
  white-space: nowrap;
94
103
  text-overflow: ellipsis;
104
+ cursor: pointer;
95
105
 
96
106
  &.time {
97
107
  width: 25%;
@@ -52,7 +52,7 @@
52
52
  overflow: hidden;
53
53
  color: #1d2129;
54
54
  font-weight: 400;
55
- font-size: 14px;
55
+ font-size: 16px;
56
56
  font-style: normal;
57
57
  line-height: 22px;
58
58
  cursor: pointer;
@@ -52,7 +52,7 @@
52
52
  overflow: hidden;
53
53
  color: #1d2129;
54
54
  font-weight: 400;
55
- font-size: 14px;
55
+ font-size: 16px;
56
56
  font-style: normal;
57
57
  line-height: 22px;
58
58
  cursor: pointer;
@@ -85,9 +85,9 @@
85
85
  margin-bottom: 10px;
86
86
  overflow: hidden;
87
87
  color: #1d2129;
88
- font-size: 14px;
89
- font-style: normal;
90
88
  font-weight: 400;
89
+ font-size: 16px;
90
+ font-style: normal;
91
91
  line-height: 22px;
92
92
  cursor: pointer;
93
93
  -webkit-line-clamp: 2;
@@ -165,15 +165,15 @@
165
165
  padding: 2px 0;
166
166
  }
167
167
  .medialist-component-item-view .info-view .title {
168
- width: calc(100% - 50px);
169
168
  display: flex;
170
169
  align-items: center;
170
+ width: calc(100% - 50px);
171
171
  margin-bottom: 10px;
172
172
  overflow: hidden;
173
173
  color: #1d2129;
174
- font-size: 14px;
175
- font-style: normal;
176
174
  font-weight: 400;
175
+ font-size: 16px;
176
+ font-style: normal;
177
177
  line-height: 22px;
178
178
  cursor: pointer;
179
179
  -webkit-line-clamp: 2;
@@ -222,9 +222,9 @@
222
222
  .medialist-component-item-view .title-tips {
223
223
  display: flex;
224
224
  align-items: center;
225
+ margin-left: 10px;
225
226
  color: #a3a3a3;
226
227
  font-size: 10px;
227
- margin-left: 10px;
228
228
  }
229
229
  .medialist-component-item-view .title-tips .icon {
230
230
  margin-right: 5px;
@@ -281,7 +281,7 @@
281
281
  overflow: hidden;
282
282
  color: #1d2129;
283
283
  font-weight: 400;
284
- font-size: 14px;
284
+ font-size: 16px;
285
285
  font-style: normal;
286
286
  line-height: 22px;
287
287
  cursor: pointer;
@@ -366,9 +366,9 @@
366
366
  margin-bottom: 10px;
367
367
  overflow: hidden;
368
368
  color: #1d2129;
369
- font-size: 14px;
370
- font-style: normal;
371
369
  font-weight: 400;
370
+ font-size: 16px;
371
+ font-style: normal;
372
372
  line-height: 22px;
373
373
  cursor: pointer;
374
374
  -webkit-line-clamp: 2;
@@ -460,9 +460,9 @@
460
460
  margin-bottom: 10px;
461
461
  overflow: hidden;
462
462
  color: #1d2129;
463
- font-size: 14px;
464
- font-style: normal;
465
463
  font-weight: 400;
464
+ font-size: 16px;
465
+ font-style: normal;
466
466
  line-height: 22px;
467
467
  cursor: pointer;
468
468
  -webkit-line-clamp: 2;
@@ -573,7 +573,7 @@
573
573
  overflow: hidden;
574
574
  color: #1d2129;
575
575
  font-weight: 400;
576
- font-size: 14px;
576
+ font-size: 16px;
577
577
  font-style: normal;
578
578
  line-height: 22px;
579
579
  cursor: pointer;
@@ -683,15 +683,15 @@
683
683
  padding: 2px 0;
684
684
  }
685
685
  .medialist-mpdoc-item-view .info-view .title {
686
- width: calc(100% - 50px);
687
686
  display: flex;
688
687
  align-items: center;
688
+ width: calc(100% - 50px);
689
689
  margin-bottom: 10px;
690
690
  overflow: hidden;
691
691
  color: #1d2129;
692
- font-size: 14px;
693
- font-style: normal;
694
692
  font-weight: 400;
693
+ font-size: 16px;
694
+ font-style: normal;
695
695
  line-height: 22px;
696
696
  cursor: pointer;
697
697
  -webkit-line-clamp: 2;
@@ -798,7 +798,7 @@
798
798
  overflow: hidden;
799
799
  color: #1d2129;
800
800
  font-weight: 400;
801
- font-size: 14px;
801
+ font-size: 16px;
802
802
  font-style: normal;
803
803
  line-height: 22px;
804
804
  cursor: pointer;
@@ -890,7 +890,7 @@
890
890
  overflow: hidden;
891
891
  color: #1d2129;
892
892
  font-weight: 400;
893
- font-size: 14px;
893
+ font-size: 16px;
894
894
  font-style: normal;
895
895
  line-height: 22px;
896
896
  cursor: pointer;
@@ -992,13 +992,20 @@
992
992
  overflow: hidden;
993
993
  color: #1d2129;
994
994
  font-weight: 400;
995
- font-size: 14px;
995
+ font-size: 16px;
996
996
  font-style: normal;
997
997
  line-height: 22px;
998
998
  cursor: pointer;
999
999
  -webkit-line-clamp: 2;
1000
1000
  -webkit-box-orient: vertical;
1001
1001
  }
1002
+ .matrix-records-item-view .info-view .title:hover {
1003
+ color: #4886ff;
1004
+ text-decoration: underline;
1005
+ }
1006
+ .matrix-records-item-view .info-view .title:hover .index {
1007
+ text-decoration: unset;
1008
+ }
1002
1009
  .matrix-records-item-view .info-view .abttrite-v {
1003
1010
  display: flex;
1004
1011
  align-items: center;
@@ -1019,6 +1026,7 @@
1019
1026
  overflow: hidden;
1020
1027
  white-space: nowrap;
1021
1028
  text-overflow: ellipsis;
1029
+ cursor: pointer;
1022
1030
  }
1023
1031
  .matrix-records-item-view .info-view .abttrite-v .left .abttr.time {
1024
1032
  width: 25%;