@cmstops/pro-compo 0.2.3 → 0.2.5

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 (41) hide show
  1. package/dist/index.css +29 -18
  2. package/dist/index.min.css +1 -1
  3. package/es/baseFilter/components/FilterGroup.js +2 -1
  4. package/es/contentDetailList/components/Records/MatrixItem/index.js +1 -1
  5. package/es/contentDetailList/components/Records/index.js +1 -5
  6. package/es/contentDetailList/style/ComoItem.less +3 -2
  7. package/es/contentDetailList/style/ContentListItem.less +8 -8
  8. package/es/contentDetailList/style/DocItem.less +1 -1
  9. package/es/contentDetailList/style/DocMpItem.less +118 -117
  10. package/es/contentDetailList/style/KongoNavItem.less +1 -1
  11. package/es/contentDetailList/style/LiveItem.less +3 -2
  12. package/es/contentDetailList/style/MaccountItem.less +3 -2
  13. package/es/contentDetailList/style/MatrixItem.less +11 -1
  14. package/es/contentDetailList/style/courseItem.less +1 -1
  15. package/es/contentDetailList/style/funhdItem.less +1 -1
  16. package/es/contentDetailList/style/index.css +26 -18
  17. package/es/editMetaInfo/component.js +5 -1
  18. package/es/editMetaInfo/components/metaInfoForm.js +30 -2
  19. package/es/index.css +29 -18
  20. package/es/userDirector/style/index.css +3 -0
  21. package/es/userDirector/style/index.less +6 -0
  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/editMetaInfo/component.js +5 -1
  37. package/lib/editMetaInfo/components/metaInfoForm.js +30 -2
  38. package/lib/index.css +29 -18
  39. package/lib/userDirector/style/index.css +3 -0
  40. package/lib/userDirector/style/index.less +6 -0
  41. package/package.json +1 -1
@@ -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%;
@@ -11,6 +11,7 @@ const _sfc_main = defineComponent({
11
11
  __name: "component",
12
12
  props: {
13
13
  BASE_API: {},
14
+ showTitle: { type: Boolean, default: true },
14
15
  title: { default: "\u5C01\u9762" },
15
16
  titleValid: { type: Boolean, default: false },
16
17
  topImageTitle: { default: "\u5C01\u9762\u5934\u56FE" },
@@ -38,6 +39,8 @@ const _sfc_main = defineComponent({
38
39
  id: message.id,
39
40
  title: message.title,
40
41
  series: message.series,
42
+ state: message.state,
43
+ payload: message.payload,
41
44
  ...message.meta
42
45
  };
43
46
  }
@@ -84,13 +87,14 @@ const _sfc_main = defineComponent({
84
87
  ref_key: "metaInfoFormRef",
85
88
  ref: metaInfoFormRef,
86
89
  BASE_API: unref(BASE_API),
90
+ showTitle: _ctx.showTitle,
87
91
  title: _ctx.title,
88
92
  "top-image-title": _ctx.topImageTitle,
89
93
  "title-valid": _ctx.titleValid,
90
94
  "top-image-title-valid": _ctx.topImageTitleValid,
91
95
  "init-data": editorDataPubInfo.value,
92
96
  onUpload: _cache[0] || (_cache[0] = (e) => _ctx.$emit("upload", e))
93
- }, null, 8, ["BASE_API", "title", "top-image-title", "title-valid", "top-image-title-valid", "init-data"])
97
+ }, null, 8, ["BASE_API", "showTitle", "title", "top-image-title", "title-valid", "top-image-title-valid", "init-data"])
94
98
  ])
95
99
  ]),
96
100
  _: 1
@@ -23,6 +23,7 @@ const _sfc_main = defineComponent({
23
23
  __name: "metaInfoForm",
24
24
  props: {
25
25
  initData: {},
26
+ showTitle: { type: Boolean },
26
27
  title: {},
27
28
  topImageTitle: {},
28
29
  titleValid: { type: Boolean },
@@ -82,6 +83,20 @@ const _sfc_main = defineComponent({
82
83
  var _a;
83
84
  return (_a = props.initData) == null ? void 0 : _a.series;
84
85
  });
86
+ const localLiveType = computed(() => {
87
+ if (series.value === "local_live") {
88
+ return JSON.parse(props.initData.payload).type;
89
+ }
90
+ return "";
91
+ });
92
+ const customScale = computed(() => {
93
+ return series.value === "local_live" && localLiveType.value === 1 ? ["", 16 / 9, 6 / 13] : [];
94
+ });
95
+ const disabledDatePickerOnlineTime = computed(() => {
96
+ if (!props.initData)
97
+ return false;
98
+ return [14, 15, 19].includes(props.initData.state);
99
+ });
85
100
  const showBrief = computed(() => {
86
101
  return [
87
102
  "video",
@@ -227,6 +242,16 @@ const _sfc_main = defineComponent({
227
242
  () => {
228
243
  if (props.initData) {
229
244
  loadData();
245
+ setTimeout(() => {
246
+ if (localLiveType.value === 1) {
247
+ const backgroundThumb = document.querySelector(
248
+ ".select-thumb-container #pc-banner-card"
249
+ );
250
+ backgroundThumb.style.height = "217px";
251
+ backgroundThumb.style.width = "100px";
252
+ backgroundThumb.parentNode.previousElementSibling.children[1].innerText = "(\u5EFA\u8BAE\u6BD4\u4F8B\uFF1A6:13)";
253
+ }
254
+ }, 0);
230
255
  }
231
256
  },
232
257
  { immediate: true }
@@ -299,14 +324,16 @@ const _sfc_main = defineComponent({
299
324
  "onUpdate:dataValue": _cache[2] || (_cache[2] = ($event) => form.value.style = $event),
300
325
  "media-use-type": 1,
301
326
  series: series.value,
327
+ "show-title": _ctx.showTitle,
302
328
  title: _ctx.title,
303
329
  topImageTitle: _ctx.topImageTitle,
304
330
  titleValid: _ctx.titleValid,
305
331
  topImageTitleValid: _ctx.topImageTitleValid,
332
+ cropperRatios: customScale.value,
306
333
  class: "select-thumb-wrap",
307
334
  mode: "doc",
308
335
  onUpload: _cache[3] || (_cache[3] = (e) => _ctx.$emit("upload", e))
309
- }, null, 8, ["dataValue", "series", "title", "topImageTitle", "titleValid", "topImageTitleValid"])
336
+ }, null, 8, ["dataValue", "series", "show-title", "title", "topImageTitle", "titleValid", "topImageTitleValid", "cropperRatios"])
310
337
  ]),
311
338
  _: 1
312
339
  }),
@@ -537,10 +564,11 @@ const _sfc_main = defineComponent({
537
564
  "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => form.value.online_time = $event),
538
565
  "disabled-date": disabledStartTime,
539
566
  "time-picker-props": { defaultValue: "12:00:00" },
567
+ disabled: disabledDatePickerOnlineTime.value,
540
568
  placeholder: "\u9009\u62E9\u4E0A\u7EBF\u65F6\u95F4",
541
569
  "show-time": "",
542
570
  "value-format": "timestamp"
543
- }, null, 8, ["modelValue"])
571
+ }, null, 8, ["modelValue", "disabled"])
544
572
  ]),
545
573
  _: 1
546
574
  }),