@cmstops/pro-compo 0.1.18 → 0.1.20

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 (71) hide show
  1. package/dist/index.css +80 -93
  2. package/dist/index.min.css +1 -1
  3. package/es/contentDetailList/component.js +145 -54
  4. package/es/contentDetailList/components/Content/CompoItem/index.js +3 -2
  5. package/es/contentDetailList/components/Content/ContentListItem/index.js +21 -13
  6. package/es/contentDetailList/components/Content/DocItem/ApprovalStateMap/index.js +2 -3
  7. package/es/contentDetailList/components/Content/DocItem/index.js +4 -2
  8. package/es/contentDetailList/components/Content/KongoNavItem/DocTags/index.js +9 -8
  9. package/es/contentDetailList/components/Content/KongoNavItem/index.js +3 -2
  10. package/es/contentDetailList/components/Content/LiveItem/index.js +3 -2
  11. package/es/contentDetailList/components/Content/MaccountItem/index.js +2 -1
  12. package/es/contentDetailList/components/Content/index.js +219 -242
  13. package/es/contentDetailList/components/Doc/index.js +24 -35
  14. package/es/contentDetailList/scripts/index.d.ts +0 -10
  15. package/es/contentDetailList/style/ComoItem.less +7 -19
  16. package/es/contentDetailList/style/Content.less +1 -1
  17. package/es/contentDetailList/style/ContentListItem.less +29 -32
  18. package/es/contentDetailList/style/Doc.less +1 -5
  19. package/es/contentDetailList/style/DocItem.less +11 -16
  20. package/es/contentDetailList/style/DocTags.less +2 -1
  21. package/es/contentDetailList/style/KongoNavItem.less +6 -19
  22. package/es/contentDetailList/style/LiveItem.less +8 -20
  23. package/es/contentDetailList/style/MaccountItem.less +8 -16
  24. package/es/contentDetailList/style/index.css +78 -93
  25. package/es/contentDetailList/style/index.less +10 -0
  26. package/es/index.css +80 -93
  27. package/es/mediaFilter/style/index.css +1 -0
  28. package/es/mediaFilter/style/index.less +1 -0
  29. package/es/style.css +1 -0
  30. package/es/typeIcons/style/index.css +1 -0
  31. package/es/typeIcons/style/index.less +1 -0
  32. package/es/utils/doc.d.ts +1 -0
  33. package/es/utils/doc.js +27 -1
  34. package/es/utils/index.d.ts +2 -0
  35. package/es/utils/index.js +16 -1
  36. package/es/utils/typeMap.d.ts +19 -0
  37. package/es/utils/typeMap.js +65 -1
  38. package/lib/contentDetailList/component.js +148 -53
  39. package/lib/contentDetailList/components/Content/CompoItem/index.js +4 -3
  40. package/lib/contentDetailList/components/Content/ContentListItem/index.js +22 -14
  41. package/lib/contentDetailList/components/Content/DocItem/ApprovalStateMap/index.js +8 -9
  42. package/lib/contentDetailList/components/Content/DocItem/index.js +8 -6
  43. package/lib/contentDetailList/components/Content/KongoNavItem/DocTags/index.js +16 -15
  44. package/lib/contentDetailList/components/Content/KongoNavItem/index.js +3 -2
  45. package/lib/contentDetailList/components/Content/LiveItem/index.js +3 -2
  46. package/lib/contentDetailList/components/Content/MaccountItem/index.js +2 -1
  47. package/lib/contentDetailList/components/Content/index.js +218 -245
  48. package/lib/contentDetailList/components/Doc/index.js +23 -34
  49. package/lib/contentDetailList/style/ComoItem.less +7 -19
  50. package/lib/contentDetailList/style/Content.less +1 -1
  51. package/lib/contentDetailList/style/ContentListItem.less +29 -32
  52. package/lib/contentDetailList/style/Doc.less +1 -5
  53. package/lib/contentDetailList/style/DocItem.less +11 -16
  54. package/lib/contentDetailList/style/DocTags.less +2 -1
  55. package/lib/contentDetailList/style/KongoNavItem.less +6 -19
  56. package/lib/contentDetailList/style/LiveItem.less +8 -20
  57. package/lib/contentDetailList/style/MaccountItem.less +8 -16
  58. package/lib/contentDetailList/style/index.css +78 -93
  59. package/lib/contentDetailList/style/index.less +10 -0
  60. package/lib/index.css +80 -93
  61. package/lib/mediaFilter/style/index.css +1 -0
  62. package/lib/mediaFilter/style/index.less +1 -0
  63. package/lib/typeIcons/style/index.css +1 -0
  64. package/lib/typeIcons/style/index.less +1 -0
  65. package/lib/utils/doc.js +29 -0
  66. package/lib/utils/index.js +17 -0
  67. package/lib/utils/typeMap.js +71 -0
  68. package/package.json +1 -1
  69. package/es/contentDetailList/scripts/data.d.ts +0 -254
  70. package/es/contentDetailList/scripts/index.js +0 -137
  71. package/lib/contentDetailList/scripts/index.js +0 -153
@@ -1,13 +1,3 @@
1
- .gray_for_hide {
2
- -webkit-filter: grayscale(100%);
3
- -moz-filter: grayscale(100%);
4
- -ms-filter: grayscale(100%);
5
- -o-filter: grayscale(100%);
6
- filter: grayscale(100%);
7
- filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
8
- filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
9
- }
10
-
11
1
  .medialist-component-item-view {
12
2
  display: flex;
13
3
  // width: 100%;
@@ -51,21 +41,18 @@
51
41
  padding: 2px 0;
52
42
 
53
43
  .title {
54
- display: -webkit-box;
44
+ display: flex;
45
+ align-items: center;
55
46
  margin-bottom: 10px;
56
47
  overflow: hidden;
57
48
  color: #1d2129;
58
- // width: calc(100vw - 500px);
59
- // display: flex;
60
49
  font-size: 14px;
61
- line-height: 1.5;
50
+ font-style: normal;
51
+ font-weight: 400;
52
+ line-height: 22px;
62
53
  cursor: pointer;
63
54
  -webkit-line-clamp: 2;
64
55
  -webkit-box-orient: vertical;
65
- // &:hover {
66
- // text-decoration: underline;
67
- // color: #4886ff;
68
- // }
69
56
  }
70
57
 
71
58
  .abttrite-v {
@@ -92,7 +79,8 @@
92
79
  }
93
80
 
94
81
  &.tags {
95
- display: inline-block;
82
+ display: flex;
83
+ align-items: center;
96
84
  width: 175px;
97
85
  }
98
86
  }
@@ -1,4 +1,4 @@
1
- .content-common-detail-list-container {
1
+ .content-detail-list-container{
2
2
  * {
3
3
  &::selection {
4
4
  display: none;
@@ -1,13 +1,3 @@
1
- .gray_for_hide {
2
- -webkit-filter: grayscale(100%);
3
- -moz-filter: grayscale(100%);
4
- -ms-filter: grayscale(100%);
5
- -o-filter: grayscale(100%);
6
- filter: grayscale(100%);
7
- filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
8
- filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
9
- }
10
-
11
1
  .medialist-component-item-view {
12
2
  display: flex;
13
3
  // width: 100%;
@@ -26,7 +16,7 @@
26
16
  margin-right: 20px;
27
17
  background: #edf3ff;
28
18
 
29
- .arco-image-img {
19
+ .image {
30
20
  width: 100%;
31
21
  height: 100%;
32
22
  border-radius: 4px;
@@ -51,14 +41,16 @@
51
41
  padding: 2px 0;
52
42
 
53
43
  .title {
54
- display: -webkit-box;
44
+ width: calc(100% - 50px);
45
+ display: flex;
46
+ align-items: center;
55
47
  margin-bottom: 10px;
56
48
  overflow: hidden;
57
49
  color: #1d2129;
58
- // width: calc(100vw - 500px);
59
- // display: flex;
60
50
  font-size: 14px;
61
- line-height: 1.5;
51
+ font-style: normal;
52
+ font-weight: 400;
53
+ line-height: 22px;
62
54
  cursor: pointer;
63
55
  -webkit-line-clamp: 2;
64
56
  -webkit-box-orient: vertical;
@@ -73,10 +65,6 @@
73
65
  .title_i {
74
66
  margin-right: 10px;
75
67
  }
76
- // .title_i:hover {
77
- // text-decoration: underline;
78
- // color: #4886ff;
79
- // }
80
68
  }
81
69
 
82
70
  .abttrite-v {
@@ -103,10 +91,15 @@
103
91
  }
104
92
 
105
93
  &.tags {
106
- display: inline-block;
94
+ display: flex;
95
+ align-items: center;
107
96
  width: 175px;
108
97
  }
109
98
  }
99
+
100
+ .icon {
101
+ margin-right: 10px;
102
+ }
110
103
  }
111
104
 
112
105
  .right {
@@ -114,18 +107,22 @@
114
107
  }
115
108
  }
116
109
  }
117
- }
118
-
119
- .lbs_tips {
120
- color: #a3a3a3;
121
- font-size: 8px;
122
-
123
- .icon-xiangqing1 {
124
- margin-right: 3px;
110
+ .title-tips {
111
+ display: flex;
112
+ align-items: center;
113
+ color: #a3a3a3;
125
114
  font-size: 10px;
126
- }
127
-
128
- &.red {
129
- color: red;
115
+ margin-left: 10px;
116
+
117
+ .icon {
118
+ margin-right: 5px;
119
+ font-size: 10px;
120
+ }
121
+
122
+ &.red {
123
+ color: red;
124
+ }
130
125
  }
131
126
  }
127
+
128
+
@@ -1,7 +1,3 @@
1
- .media-common-detail-list-container {
1
+ .content-detail-list-container {
2
2
  width: 100%;
3
-
4
- .data-ul {
5
- height: 100%;
6
- }
7
3
  }
@@ -1,13 +1,3 @@
1
- .gray_for_hide {
2
- -webkit-filter: grayscale(100%);
3
- -moz-filter: grayscale(100%);
4
- -ms-filter: grayscale(100%);
5
- -o-filter: grayscale(100%);
6
- filter: grayscale(100%);
7
- filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
8
- filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
9
- }
10
-
11
1
  .medialist-doc-item-view {
12
2
  display: flex;
13
3
  // width: 100%;
@@ -26,6 +16,12 @@
26
16
  margin-right: 20px;
27
17
  background: #edf3ff;
28
18
 
19
+ .image {
20
+ width: 100%;
21
+ height: 100%;
22
+ border-radius: 4px;
23
+ }
24
+
29
25
  .batch-select {
30
26
  position: absolute;
31
27
  top: 3px;
@@ -57,17 +53,16 @@
57
53
  padding: 2px 0;
58
54
 
59
55
  .title {
60
- display: -webkit-box;
56
+ width: calc(100% - 50px);
61
57
  display: flex;
62
58
  align-items: center;
63
59
  margin-bottom: 10px;
64
60
  overflow: hidden;
65
61
  color: #1d2129;
66
- // width: calc(100vw - 500px);
67
- // display: flex;
68
- font-size: 17px;
69
- line-height: 1.5;
70
- word-break: break-all;
62
+ font-size: 14px;
63
+ font-style: normal;
64
+ font-weight: 400;
65
+ line-height: 22px;
71
66
  cursor: pointer;
72
67
  -webkit-line-clamp: 2;
73
68
  -webkit-box-orient: vertical;
@@ -5,9 +5,10 @@
5
5
  }
6
6
 
7
7
  .doc-tags-container {
8
- .a-tag {
8
+ .arco-tag {
9
9
  font-weight: 600;
10
10
  border: none;
11
+ margin-right: 5px;
11
12
  }
12
13
 
13
14
  .yuanchuang {
@@ -1,13 +1,3 @@
1
- .gray_for_hide {
2
- -webkit-filter: grayscale(100%);
3
- -moz-filter: grayscale(100%);
4
- -ms-filter: grayscale(100%);
5
- -o-filter: grayscale(100%);
6
- filter: grayscale(100%);
7
- filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
8
- filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
9
- }
10
-
11
1
  .medialist-kongo-item-view {
12
2
  display: flex;
13
3
  // width: 100%;
@@ -26,7 +16,7 @@
26
16
  margin-right: 20px;
27
17
  background: #edf3ff;
28
18
 
29
- .arco-image-img {
19
+ .image {
30
20
  width: 100%;
31
21
  height: 100%;
32
22
  border-radius: 4px;
@@ -51,21 +41,18 @@
51
41
  padding: 2px 0;
52
42
 
53
43
  .title {
54
- display: -webkit-box;
44
+ display: flex;
45
+ align-items: center;
55
46
  margin-bottom: 10px;
56
47
  overflow: hidden;
57
48
  color: #1d2129;
58
- // width: calc(100vw - 500px);
59
- // display: flex;
60
49
  font-size: 14px;
61
- line-height: 1.5;
50
+ font-style: normal;
51
+ font-weight: 400;
52
+ line-height: 22px;
62
53
  cursor: pointer;
63
54
  -webkit-line-clamp: 2;
64
55
  -webkit-box-orient: vertical;
65
- // &:hover {
66
- // text-decoration: underline;
67
- // color: #4886ff;
68
- // }
69
56
  }
70
57
 
71
58
  .abttrite-v {
@@ -1,13 +1,3 @@
1
- .gray_for_hide {
2
- -webkit-filter: grayscale(100%);
3
- -moz-filter: grayscale(100%);
4
- -ms-filter: grayscale(100%);
5
- -o-filter: grayscale(100%);
6
- filter: grayscale(100%);
7
- filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
8
- filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
9
- }
10
-
11
1
  .medialist-ilive-item-view {
12
2
  display: flex;
13
3
  // width: 100%;
@@ -26,7 +16,7 @@
26
16
  margin-right: 20px;
27
17
  background: #edf3ff;
28
18
 
29
- .arco-image-img {
19
+ .image {
30
20
  width: 100%;
31
21
  height: 100%;
32
22
  border-radius: 4px;
@@ -51,21 +41,18 @@
51
41
  padding: 2px 0;
52
42
 
53
43
  .title {
54
- display: -webkit-box;
44
+ display: flex;
45
+ align-items: center;
55
46
  margin-bottom: 10px;
56
47
  overflow: hidden;
57
48
  color: #1d2129;
58
- // width: calc(100vw - 500px);
59
- // display: flex;
60
49
  font-size: 14px;
61
- line-height: 1.5;
50
+ font-style: normal;
51
+ font-weight: 400;
52
+ line-height: 22px;
62
53
  cursor: pointer;
63
54
  -webkit-line-clamp: 2;
64
55
  -webkit-box-orient: vertical;
65
- // &:hover {
66
- // text-decoration: underline;
67
- // color: #4886ff;
68
- // }
69
56
  }
70
57
 
71
58
  .abttrite-v {
@@ -96,7 +83,8 @@
96
83
  }
97
84
 
98
85
  &.tags {
99
- display: inline-block;
86
+ display: flex;
87
+ align-items: center;
100
88
  width: 160px;
101
89
  }
102
90
 
@@ -1,13 +1,3 @@
1
- .gray_for_hide {
2
- -webkit-filter: grayscale(100%);
3
- -moz-filter: grayscale(100%);
4
- -ms-filter: grayscale(100%);
5
- -o-filter: grayscale(100%);
6
- filter: grayscale(100%);
7
- filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
8
- filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
9
- }
10
-
11
1
  .medialist-account-item-view {
12
2
  display: flex;
13
3
  // width: 100%;
@@ -28,7 +18,7 @@
28
18
  background: #edf3ff;
29
19
  border-radius: 50%;
30
20
 
31
- .arco-image-img {
21
+ .image {
32
22
  width: 100%;
33
23
  height: 100%;
34
24
  border-radius: 4px;
@@ -53,14 +43,15 @@
53
43
  padding: 2px 0;
54
44
 
55
45
  .title {
56
- display: -webkit-box;
46
+ display: flex;
47
+ align-items: center;
57
48
  margin-bottom: 10px;
58
49
  overflow: hidden;
59
50
  color: #1d2129;
60
- // width: calc(100vw - 500px);
61
- // display: flex;
62
51
  font-size: 14px;
63
- line-height: 1.5;
52
+ font-style: normal;
53
+ font-weight: 400;
54
+ line-height: 22px;
64
55
  cursor: pointer;
65
56
  -webkit-line-clamp: 2;
66
57
  -webkit-box-orient: vertical;
@@ -100,7 +91,8 @@
100
91
  }
101
92
 
102
93
  &.tags {
103
- display: inline-block;
94
+ display: flex;
95
+ align-items: center;
104
96
  width: 175px;
105
97
  }
106
98
  }