@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
package/es/contentDetailList/style/index.css CHANGED
@@ -1,19 +1,19 @@
1
- .content-common-detail-list-container *::selection {
1
+ .content-detail-list-container *::selection {
2
2
  display: none;
3
3
  }
4
- .content-common-detail-list-container .fix_position {
4
+ .content-detail-list-container .fix_position {
5
5
  position: relative;
6
6
  margin-right: 10px;
7
7
  color: #4886ff;
8
8
  }
9
- .content-common-detail-list-container .fix_position .doc-fixed-num {
9
+ .content-detail-list-container .fix_position .doc-fixed-num {
10
10
  position: absolute;
11
11
  right: -7px;
12
12
  bottom: 0;
13
13
  color: #bababa;
14
14
  font-size: 12px;
15
15
  }
16
- .content-common-detail-list-container .index {
16
+ .content-detail-list-container .index {
17
17
  display: inline-block;
18
18
  flex-shrink: 0;
19
19
  box-sizing: border-box;
@@ -28,25 +28,16 @@
28
28
  background: #edf3ff;
29
29
  border-radius: 3px;
30
30
  }
31
- .content-common-detail-list-container .d_time,
32
- .content-common-detail-list-container .add_new {
31
+ .content-detail-list-container .d_time,
32
+ .content-detail-list-container .add_new {
33
33
  margin: 0;
34
34
  margin-right: 10px;
35
35
  font-size: 14px;
36
36
  vertical-align: middle;
37
37
  }
38
- .content-common-detail-list-container .d_time {
38
+ .content-detail-list-container .d_time {
39
39
  color: #7da8ff;
40
40
  }
41
- .gray_for_hide {
42
- -webkit-filter: grayscale(100%);
43
- -moz-filter: grayscale(100%);
44
- -ms-filter: grayscale(100%);
45
- -o-filter: grayscale(100%);
46
- filter: grayscale(100%);
47
- 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");
48
- filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
49
- }
50
41
  .medialist-component-item-view {
51
42
  display: flex;
52
43
  padding: 10px;
@@ -85,12 +76,15 @@
85
76
  padding: 2px 0;
86
77
  }
87
78
  .medialist-component-item-view .info-view .title {
88
- display: -webkit-box;
79
+ display: flex;
80
+ align-items: center;
89
81
  margin-bottom: 10px;
90
82
  overflow: hidden;
91
83
  color: #1d2129;
92
84
  font-size: 14px;
93
- line-height: 1.5;
85
+ font-style: normal;
86
+ font-weight: 400;
87
+ line-height: 22px;
94
88
  cursor: pointer;
95
89
  -webkit-line-clamp: 2;
96
90
  -webkit-box-orient: vertical;
@@ -118,21 +112,13 @@
118
112
  width: 240px;
119
113
  }
120
114
  .medialist-component-item-view .info-view .abttrite-v .left .abttr.tags {
121
- display: inline-block;
115
+ display: flex;
116
+ align-items: center;
122
117
  width: 175px;
123
118
  }
124
119
  .medialist-component-item-view .info-view .abttrite-v .right {
125
120
  margin-right: 20px;
126
121
  }
127
- .gray_for_hide {
128
- -webkit-filter: grayscale(100%);
129
- -moz-filter: grayscale(100%);
130
- -ms-filter: grayscale(100%);
131
- -o-filter: grayscale(100%);
132
- filter: grayscale(100%);
133
- 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");
134
- filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
135
- }
136
122
  .medialist-component-item-view {
137
123
  display: flex;
138
124
  padding: 10px;
@@ -149,7 +135,7 @@
149
135
  margin-right: 20px;
150
136
  background: #edf3ff;
151
137
  }
152
- .medialist-component-item-view .cover-view .arco-image-img {
138
+ .medialist-component-item-view .cover-view .image {
153
139
  width: 100%;
154
140
  height: 100%;
155
141
  border-radius: 4px;
@@ -171,12 +157,16 @@
171
157
  padding: 2px 0;
172
158
  }
173
159
  .medialist-component-item-view .info-view .title {
174
- display: -webkit-box;
160
+ width: calc(100% - 50px);
161
+ display: flex;
162
+ align-items: center;
175
163
  margin-bottom: 10px;
176
164
  overflow: hidden;
177
165
  color: #1d2129;
178
166
  font-size: 14px;
179
- line-height: 1.5;
167
+ font-style: normal;
168
+ font-weight: 400;
169
+ line-height: 22px;
180
170
  cursor: pointer;
181
171
  -webkit-line-clamp: 2;
182
172
  -webkit-box-orient: vertical;
@@ -211,32 +201,30 @@
211
201
  width: 240px;
212
202
  }
213
203
  .medialist-component-item-view .info-view .abttrite-v .left .abttr.tags {
214
- display: inline-block;
204
+ display: flex;
205
+ align-items: center;
215
206
  width: 175px;
216
207
  }
208
+ .medialist-component-item-view .info-view .abttrite-v .left .icon {
209
+ margin-right: 10px;
210
+ }
217
211
  .medialist-component-item-view .info-view .abttrite-v .right {
218
212
  margin-right: 20px;
219
213
  }
220
- .lbs_tips {
214
+ .medialist-component-item-view .title-tips {
215
+ display: flex;
216
+ align-items: center;
221
217
  color: #a3a3a3;
222
- font-size: 8px;
218
+ font-size: 10px;
219
+ margin-left: 10px;
223
220
  }
224
- .lbs_tips .icon-xiangqing1 {
225
- margin-right: 3px;
221
+ .medialist-component-item-view .title-tips .icon {
222
+ margin-right: 5px;
226
223
  font-size: 10px;
227
224
  }
228
- .lbs_tips.red {
225
+ .medialist-component-item-view .title-tips.red {
229
226
  color: red;
230
227
  }
231
- .gray_for_hide {
232
- -webkit-filter: grayscale(100%);
233
- -moz-filter: grayscale(100%);
234
- -ms-filter: grayscale(100%);
235
- -o-filter: grayscale(100%);
236
- filter: grayscale(100%);
237
- 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");
238
- filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
239
- }
240
228
  .medialist-kongo-item-view {
241
229
  display: flex;
242
230
  padding: 10px;
@@ -253,7 +241,7 @@
253
241
  margin-right: 20px;
254
242
  background: #edf3ff;
255
243
  }
256
- .medialist-kongo-item-view .cover-view .arco-image-img {
244
+ .medialist-kongo-item-view .cover-view .image {
257
245
  width: 100%;
258
246
  height: 100%;
259
247
  border-radius: 4px;
@@ -275,12 +263,15 @@
275
263
  padding: 2px 0;
276
264
  }
277
265
  .medialist-kongo-item-view .info-view .title {
278
- display: -webkit-box;
266
+ display: flex;
267
+ align-items: center;
279
268
  margin-bottom: 10px;
280
269
  overflow: hidden;
281
270
  color: #1d2129;
282
271
  font-size: 14px;
283
- line-height: 1.5;
272
+ font-style: normal;
273
+ font-weight: 400;
274
+ line-height: 22px;
284
275
  cursor: pointer;
285
276
  -webkit-line-clamp: 2;
286
277
  -webkit-box-orient: vertical;
@@ -320,9 +311,10 @@
320
311
  .no-margin span {
321
312
  margin-right: 0 !important;
322
313
  }
323
- .doc-tags-container .a-tag {
314
+ .doc-tags-container .arco-tag {
324
315
  font-weight: 600;
325
316
  border: none;
317
+ margin-right: 5px;
326
318
  }
327
319
  .doc-tags-container .yuanchuang {
328
320
  color: #4886ff;
@@ -364,15 +356,6 @@
364
356
  .doc-tags-thumb-popver .doc-tags-thumb-ul img + img {
365
357
  margin-left: 2px;
366
358
  }
367
- .gray_for_hide {
368
- -webkit-filter: grayscale(100%);
369
- -moz-filter: grayscale(100%);
370
- -ms-filter: grayscale(100%);
371
- -o-filter: grayscale(100%);
372
- filter: grayscale(100%);
373
- 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");
374
- filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
375
- }
376
359
  .medialist-ilive-item-view {
377
360
  display: flex;
378
361
  padding: 10px;
@@ -389,7 +372,7 @@
389
372
  margin-right: 20px;
390
373
  background: #edf3ff;
391
374
  }
392
- .medialist-ilive-item-view .cover-view .arco-image-img {
375
+ .medialist-ilive-item-view .cover-view .image {
393
376
  width: 100%;
394
377
  height: 100%;
395
378
  border-radius: 4px;
@@ -411,12 +394,15 @@
411
394
  padding: 2px 0;
412
395
  }
413
396
  .medialist-ilive-item-view .info-view .title {
414
- display: -webkit-box;
397
+ display: flex;
398
+ align-items: center;
415
399
  margin-bottom: 10px;
416
400
  overflow: hidden;
417
401
  color: #1d2129;
418
402
  font-size: 14px;
419
- line-height: 1.5;
403
+ font-style: normal;
404
+ font-weight: 400;
405
+ line-height: 22px;
420
406
  cursor: pointer;
421
407
  -webkit-line-clamp: 2;
422
408
  -webkit-box-orient: vertical;
@@ -447,7 +433,8 @@
447
433
  width: 250px;
448
434
  }
449
435
  .medialist-ilive-item-view .info-view .abttrite-v .left .abttr.tags {
450
- display: inline-block;
436
+ display: flex;
437
+ align-items: center;
451
438
  width: 160px;
452
439
  }
453
440
  .medialist-ilive-item-view .info-view .abttrite-v .left .abttr.type {
@@ -457,15 +444,6 @@
457
444
  .medialist-ilive-item-view .info-view .abttrite-v .right {
458
445
  margin-right: 20px;
459
446
  }
460
- .gray_for_hide {
461
- -webkit-filter: grayscale(100%);
462
- -moz-filter: grayscale(100%);
463
- -ms-filter: grayscale(100%);
464
- -o-filter: grayscale(100%);
465
- filter: grayscale(100%);
466
- 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");
467
- filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
468
- }
469
447
  .medialist-account-item-view {
470
448
  display: flex;
471
449
  padding: 10px;
@@ -484,7 +462,7 @@
484
462
  background: #edf3ff;
485
463
  border-radius: 50%;
486
464
  }
487
- .medialist-account-item-view .cover-view .arco-image-img {
465
+ .medialist-account-item-view .cover-view .image {
488
466
  width: 100%;
489
467
  height: 100%;
490
468
  border-radius: 4px;
@@ -506,12 +484,15 @@
506
484
  padding: 2px 0;
507
485
  }
508
486
  .medialist-account-item-view .info-view .title {
509
- display: -webkit-box;
487
+ display: flex;
488
+ align-items: center;
510
489
  margin-bottom: 10px;
511
490
  overflow: hidden;
512
491
  color: #1d2129;
513
492
  font-size: 14px;
514
- line-height: 1.5;
493
+ font-style: normal;
494
+ font-weight: 400;
495
+ line-height: 22px;
515
496
  cursor: pointer;
516
497
  -webkit-line-clamp: 2;
517
498
  -webkit-box-orient: vertical;
@@ -547,27 +528,16 @@
547
528
  width: 240px;
548
529
  }
549
530
  .medialist-account-item-view .info-view .abttrite-v .left .abttr.tags {
550
- display: inline-block;
531
+ display: flex;
532
+ align-items: center;
551
533
  width: 175px;
552
534
  }
553
535
  .medialist-account-item-view .info-view .abttrite-v .right {
554
536
  margin-right: 20px;
555
537
  }
556
- .media-common-detail-list-container {
538
+ .content-detail-list-container {
557
539
  width: 100%;
558
540
  }
559
- .media-common-detail-list-container .data-ul {
560
- height: 100%;
561
- }
562
- .gray_for_hide {
563
- -webkit-filter: grayscale(100%);
564
- -moz-filter: grayscale(100%);
565
- -ms-filter: grayscale(100%);
566
- -o-filter: grayscale(100%);
567
- filter: grayscale(100%);
568
- 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");
569
- filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
570
- }
571
541
  .medialist-doc-item-view {
572
542
  display: flex;
573
543
  padding: 10px;
@@ -584,6 +554,11 @@
584
554
  margin-right: 20px;
585
555
  background: #edf3ff;
586
556
  }
557
+ .medialist-doc-item-view .cover-view .image {
558
+ width: 100%;
559
+ height: 100%;
560
+ border-radius: 4px;
561
+ }
587
562
  .medialist-doc-item-view .cover-view .batch-select {
588
563
  position: absolute;
589
564
  top: 3px;
@@ -611,15 +586,16 @@
611
586
  padding: 2px 0;
612
587
  }
613
588
  .medialist-doc-item-view .info-view .title {
614
- display: -webkit-box;
589
+ width: calc(100% - 50px);
615
590
  display: flex;
616
591
  align-items: center;
617
592
  margin-bottom: 10px;
618
593
  overflow: hidden;
619
594
  color: #1d2129;
620
- font-size: 17px;
621
- line-height: 1.5;
622
- word-break: break-all;
595
+ font-size: 14px;
596
+ font-style: normal;
597
+ font-weight: 400;
598
+ line-height: 22px;
623
599
  cursor: pointer;
624
600
  -webkit-line-clamp: 2;
625
601
  -webkit-box-orient: vertical;
@@ -680,3 +656,12 @@
680
656
  .popper-categories {
681
657
  max-width: 600px;
682
658
  }
659
+ .gray-for-state-hide {
660
+ -webkit-filter: grayscale(100%);
661
+ -moz-filter: grayscale(100%);
662
+ -ms-filter: grayscale(100%);
663
+ -o-filter: grayscale(100%);
664
+ filter: grayscale(100%);
665
+ 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");
666
+ filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
667
+ }
package/es/contentDetailList/style/index.less CHANGED
@@ -7,3 +7,13 @@
7
7
  @import './MaccountItem.less';
8
8
  @import './Doc.less';
9
9
  @import './DocItem.less';
10
+
11
+ .gray-for-state-hide {
12
+ -webkit-filter: grayscale(100%);
13
+ -moz-filter: grayscale(100%);
14
+ -ms-filter: grayscale(100%);
15
+ -o-filter: grayscale(100%);
16
+ filter: grayscale(100%);
17
+ 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");
18
+ filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
19
+ }