@cmstops/pro-compo 0.3.12 → 0.3.13
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.
- package/dist/index.css +93 -0
- package/dist/index.min.css +1 -1
- package/es/contentDetailList/components/Content/GroupPieceItem/index.d.ts +0 -0
- package/es/contentDetailList/components/Content/GroupPieceItem/index.js +136 -0
- package/es/contentDetailList/components/Content/index.js +22 -0
- package/es/contentDetailList/style/GroupPieceItem.less +108 -0
- package/es/contentDetailList/style/index.css +93 -0
- package/es/contentDetailList/style/index.less +1 -0
- package/es/index.css +93 -0
- package/es/selectThumb/components/card.js +2 -1
- package/es/utils/typeMap.d.ts +2 -0
- package/es/utils/typeMap.js +9 -3
- package/lib/contentDetailList/components/Content/GroupPieceItem/index.js +137 -0
- package/lib/contentDetailList/components/Content/index.js +22 -0
- package/lib/contentDetailList/style/GroupPieceItem.less +108 -0
- package/lib/contentDetailList/style/index.css +93 -0
- package/lib/contentDetailList/style/index.less +1 -0
- package/lib/index.css +93 -0
- package/lib/selectThumb/components/card.js +2 -1
- package/lib/utils/typeMap.js +9 -2
- package/package.json +1 -1
|
@@ -9,6 +9,7 @@ import _sfc_main$4 from "./MaccountItem/index.js";
|
|
|
9
9
|
import _sfc_main$7 from "./DocMpItem/index.js";
|
|
10
10
|
import _sfc_main$9 from "./courseItem/index.js";
|
|
11
11
|
import _sfc_main$8 from "./funhdItem/index.js";
|
|
12
|
+
import _sfc_main$a from "./GroupPieceItem/index.js";
|
|
12
13
|
const _hoisted_1 = { class: "index" };
|
|
13
14
|
const _hoisted_2 = {
|
|
14
15
|
key: 0,
|
|
@@ -458,6 +459,27 @@ const _sfc_main = defineComponent({
|
|
|
458
459
|
]),
|
|
459
460
|
_: 3
|
|
460
461
|
}, 8, ["item", "extraAttrs"]))
|
|
462
|
+
], 2112)) : _ctx.item.catalog === "group_piece" ? (openBlock(), createElementBlock(Fragment, { key: 9 }, [
|
|
463
|
+
createCommentVNode(" \u5206\u7EC4\u7EC4\u4EF6 "),
|
|
464
|
+
(openBlock(), createBlock(_sfc_main$a, {
|
|
465
|
+
key: `group-piece-${_ctx.item.post_id}`,
|
|
466
|
+
item: { ..._ctx.item, index: _ctx.index },
|
|
467
|
+
extraAttrs: _ctx.extraAttrs,
|
|
468
|
+
onClickTitle: clickTitle,
|
|
469
|
+
onCellMouseEnter: cellMouseEnter,
|
|
470
|
+
onCellMouseLeave: cellMouseLeave
|
|
471
|
+
}, {
|
|
472
|
+
batch: withCtx(() => []),
|
|
473
|
+
index: withCtx(() => []),
|
|
474
|
+
tip: withCtx(() => []),
|
|
475
|
+
option: withCtx(() => [
|
|
476
|
+
renderSlot(_ctx.$slots, "option", {
|
|
477
|
+
row: _ctx.item,
|
|
478
|
+
index: _ctx.index
|
|
479
|
+
})
|
|
480
|
+
]),
|
|
481
|
+
_: 3
|
|
482
|
+
}, 8, ["item", "extraAttrs"]))
|
|
461
483
|
], 2112)) : createCommentVNode("v-if", true)
|
|
462
484
|
], 2112);
|
|
463
485
|
};
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
.medialist-group-piece-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: transparent;
|
|
18
|
+
|
|
19
|
+
.image {
|
|
20
|
+
width: 100%;
|
|
21
|
+
height: 100%;
|
|
22
|
+
border-radius: 4px;
|
|
23
|
+
|
|
24
|
+
img {
|
|
25
|
+
width: 100%;
|
|
26
|
+
height: 100%;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.no-img {
|
|
31
|
+
display: flex;
|
|
32
|
+
align-items: center;
|
|
33
|
+
justify-content: center;
|
|
34
|
+
width: 100%;
|
|
35
|
+
height: 100%;
|
|
36
|
+
color: white;
|
|
37
|
+
font-size: 30px;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.info-view {
|
|
42
|
+
display: flex;
|
|
43
|
+
flex-direction: column;
|
|
44
|
+
justify-content: space-between;
|
|
45
|
+
width: calc(100% - 130px);
|
|
46
|
+
padding: 2px 0;
|
|
47
|
+
|
|
48
|
+
.title {
|
|
49
|
+
display: flex;
|
|
50
|
+
align-items: center;
|
|
51
|
+
margin-bottom: 10px;
|
|
52
|
+
overflow: hidden;
|
|
53
|
+
color: #1d2129;
|
|
54
|
+
font-weight: 400;
|
|
55
|
+
font-size: 16px;
|
|
56
|
+
font-style: normal;
|
|
57
|
+
line-height: 22px;
|
|
58
|
+
cursor: pointer;
|
|
59
|
+
-webkit-line-clamp: 2;
|
|
60
|
+
-webkit-box-orient: vertical;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.abttrite-v {
|
|
64
|
+
display: flex;
|
|
65
|
+
align-items: center;
|
|
66
|
+
justify-content: space-between;
|
|
67
|
+
|
|
68
|
+
.left {
|
|
69
|
+
display: flex;
|
|
70
|
+
flex: 1;
|
|
71
|
+
align-items: center;
|
|
72
|
+
min-width: 510px;
|
|
73
|
+
color: #808692;
|
|
74
|
+
font-size: 12px;
|
|
75
|
+
|
|
76
|
+
.icon {
|
|
77
|
+
margin-right: 8px;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
.tags {
|
|
81
|
+
display: inline-block;
|
|
82
|
+
width: 200px;
|
|
83
|
+
overflow: hidden;
|
|
84
|
+
white-space: nowrap;
|
|
85
|
+
text-overflow: ellipsis;
|
|
86
|
+
cursor: pointer;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
.abttr {
|
|
90
|
+
width: 35%;
|
|
91
|
+
overflow: hidden;
|
|
92
|
+
white-space: nowrap;
|
|
93
|
+
text-overflow: ellipsis;
|
|
94
|
+
cursor: pointer;
|
|
95
|
+
|
|
96
|
+
&.value {
|
|
97
|
+
margin-left: 10px;
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
.right {
|
|
103
|
+
flex-shrink: 0;
|
|
104
|
+
margin-right: 20px;
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
}
|
|
@@ -639,6 +639,99 @@
|
|
|
639
639
|
.popper-categories {
|
|
640
640
|
max-width: 600px;
|
|
641
641
|
}
|
|
642
|
+
.medialist-group-piece-item-view {
|
|
643
|
+
display: flex;
|
|
644
|
+
padding: 10px;
|
|
645
|
+
border-bottom: 1px solid #f0f0f0;
|
|
646
|
+
}
|
|
647
|
+
.medialist-group-piece-item-view:hover {
|
|
648
|
+
background: #fafafa;
|
|
649
|
+
}
|
|
650
|
+
.medialist-group-piece-item-view .cover-view {
|
|
651
|
+
position: relative;
|
|
652
|
+
flex-shrink: 0;
|
|
653
|
+
width: 110px;
|
|
654
|
+
height: 70px;
|
|
655
|
+
margin-right: 20px;
|
|
656
|
+
background: transparent;
|
|
657
|
+
}
|
|
658
|
+
.medialist-group-piece-item-view .cover-view .image {
|
|
659
|
+
width: 100%;
|
|
660
|
+
height: 100%;
|
|
661
|
+
border-radius: 4px;
|
|
662
|
+
}
|
|
663
|
+
.medialist-group-piece-item-view .cover-view .image img {
|
|
664
|
+
width: 100%;
|
|
665
|
+
height: 100%;
|
|
666
|
+
}
|
|
667
|
+
.medialist-group-piece-item-view .cover-view .no-img {
|
|
668
|
+
display: flex;
|
|
669
|
+
align-items: center;
|
|
670
|
+
justify-content: center;
|
|
671
|
+
width: 100%;
|
|
672
|
+
height: 100%;
|
|
673
|
+
color: white;
|
|
674
|
+
font-size: 30px;
|
|
675
|
+
}
|
|
676
|
+
.medialist-group-piece-item-view .info-view {
|
|
677
|
+
display: flex;
|
|
678
|
+
flex-direction: column;
|
|
679
|
+
justify-content: space-between;
|
|
680
|
+
width: calc(100% - 130px);
|
|
681
|
+
padding: 2px 0;
|
|
682
|
+
}
|
|
683
|
+
.medialist-group-piece-item-view .info-view .title {
|
|
684
|
+
display: flex;
|
|
685
|
+
align-items: center;
|
|
686
|
+
margin-bottom: 10px;
|
|
687
|
+
overflow: hidden;
|
|
688
|
+
color: #1d2129;
|
|
689
|
+
font-weight: 400;
|
|
690
|
+
font-size: 16px;
|
|
691
|
+
font-style: normal;
|
|
692
|
+
line-height: 22px;
|
|
693
|
+
cursor: pointer;
|
|
694
|
+
-webkit-line-clamp: 2;
|
|
695
|
+
-webkit-box-orient: vertical;
|
|
696
|
+
}
|
|
697
|
+
.medialist-group-piece-item-view .info-view .abttrite-v {
|
|
698
|
+
display: flex;
|
|
699
|
+
align-items: center;
|
|
700
|
+
justify-content: space-between;
|
|
701
|
+
}
|
|
702
|
+
.medialist-group-piece-item-view .info-view .abttrite-v .left {
|
|
703
|
+
display: flex;
|
|
704
|
+
flex: 1;
|
|
705
|
+
align-items: center;
|
|
706
|
+
min-width: 510px;
|
|
707
|
+
color: #808692;
|
|
708
|
+
font-size: 12px;
|
|
709
|
+
}
|
|
710
|
+
.medialist-group-piece-item-view .info-view .abttrite-v .left .icon {
|
|
711
|
+
margin-right: 8px;
|
|
712
|
+
}
|
|
713
|
+
.medialist-group-piece-item-view .info-view .abttrite-v .left .tags {
|
|
714
|
+
display: inline-block;
|
|
715
|
+
width: 200px;
|
|
716
|
+
overflow: hidden;
|
|
717
|
+
white-space: nowrap;
|
|
718
|
+
text-overflow: ellipsis;
|
|
719
|
+
cursor: pointer;
|
|
720
|
+
}
|
|
721
|
+
.medialist-group-piece-item-view .info-view .abttrite-v .left .abttr {
|
|
722
|
+
width: 35%;
|
|
723
|
+
overflow: hidden;
|
|
724
|
+
white-space: nowrap;
|
|
725
|
+
text-overflow: ellipsis;
|
|
726
|
+
cursor: pointer;
|
|
727
|
+
}
|
|
728
|
+
.medialist-group-piece-item-view .info-view .abttrite-v .left .abttr.value {
|
|
729
|
+
margin-left: 10px;
|
|
730
|
+
}
|
|
731
|
+
.medialist-group-piece-item-view .info-view .abttrite-v .right {
|
|
732
|
+
flex-shrink: 0;
|
|
733
|
+
margin-right: 20px;
|
|
734
|
+
}
|
|
642
735
|
.medialist-mpdoc-item-view {
|
|
643
736
|
display: flex;
|
|
644
737
|
padding: 10px;
|
package/es/index.css
CHANGED
|
@@ -2666,6 +2666,99 @@
|
|
|
2666
2666
|
.popper-categories {
|
|
2667
2667
|
max-width: 600px;
|
|
2668
2668
|
}
|
|
2669
|
+
.medialist-group-piece-item-view {
|
|
2670
|
+
display: flex;
|
|
2671
|
+
padding: 10px;
|
|
2672
|
+
border-bottom: 1px solid #f0f0f0;
|
|
2673
|
+
}
|
|
2674
|
+
.medialist-group-piece-item-view:hover {
|
|
2675
|
+
background: #fafafa;
|
|
2676
|
+
}
|
|
2677
|
+
.medialist-group-piece-item-view .cover-view {
|
|
2678
|
+
position: relative;
|
|
2679
|
+
flex-shrink: 0;
|
|
2680
|
+
width: 110px;
|
|
2681
|
+
height: 70px;
|
|
2682
|
+
margin-right: 20px;
|
|
2683
|
+
background: transparent;
|
|
2684
|
+
}
|
|
2685
|
+
.medialist-group-piece-item-view .cover-view .image {
|
|
2686
|
+
width: 100%;
|
|
2687
|
+
height: 100%;
|
|
2688
|
+
border-radius: 4px;
|
|
2689
|
+
}
|
|
2690
|
+
.medialist-group-piece-item-view .cover-view .image img {
|
|
2691
|
+
width: 100%;
|
|
2692
|
+
height: 100%;
|
|
2693
|
+
}
|
|
2694
|
+
.medialist-group-piece-item-view .cover-view .no-img {
|
|
2695
|
+
display: flex;
|
|
2696
|
+
align-items: center;
|
|
2697
|
+
justify-content: center;
|
|
2698
|
+
width: 100%;
|
|
2699
|
+
height: 100%;
|
|
2700
|
+
color: white;
|
|
2701
|
+
font-size: 30px;
|
|
2702
|
+
}
|
|
2703
|
+
.medialist-group-piece-item-view .info-view {
|
|
2704
|
+
display: flex;
|
|
2705
|
+
flex-direction: column;
|
|
2706
|
+
justify-content: space-between;
|
|
2707
|
+
width: calc(100% - 130px);
|
|
2708
|
+
padding: 2px 0;
|
|
2709
|
+
}
|
|
2710
|
+
.medialist-group-piece-item-view .info-view .title {
|
|
2711
|
+
display: flex;
|
|
2712
|
+
align-items: center;
|
|
2713
|
+
margin-bottom: 10px;
|
|
2714
|
+
overflow: hidden;
|
|
2715
|
+
color: #1d2129;
|
|
2716
|
+
font-weight: 400;
|
|
2717
|
+
font-size: 16px;
|
|
2718
|
+
font-style: normal;
|
|
2719
|
+
line-height: 22px;
|
|
2720
|
+
cursor: pointer;
|
|
2721
|
+
-webkit-line-clamp: 2;
|
|
2722
|
+
-webkit-box-orient: vertical;
|
|
2723
|
+
}
|
|
2724
|
+
.medialist-group-piece-item-view .info-view .abttrite-v {
|
|
2725
|
+
display: flex;
|
|
2726
|
+
align-items: center;
|
|
2727
|
+
justify-content: space-between;
|
|
2728
|
+
}
|
|
2729
|
+
.medialist-group-piece-item-view .info-view .abttrite-v .left {
|
|
2730
|
+
display: flex;
|
|
2731
|
+
flex: 1;
|
|
2732
|
+
align-items: center;
|
|
2733
|
+
min-width: 510px;
|
|
2734
|
+
color: #808692;
|
|
2735
|
+
font-size: 12px;
|
|
2736
|
+
}
|
|
2737
|
+
.medialist-group-piece-item-view .info-view .abttrite-v .left .icon {
|
|
2738
|
+
margin-right: 8px;
|
|
2739
|
+
}
|
|
2740
|
+
.medialist-group-piece-item-view .info-view .abttrite-v .left .tags {
|
|
2741
|
+
display: inline-block;
|
|
2742
|
+
width: 200px;
|
|
2743
|
+
overflow: hidden;
|
|
2744
|
+
white-space: nowrap;
|
|
2745
|
+
text-overflow: ellipsis;
|
|
2746
|
+
cursor: pointer;
|
|
2747
|
+
}
|
|
2748
|
+
.medialist-group-piece-item-view .info-view .abttrite-v .left .abttr {
|
|
2749
|
+
width: 35%;
|
|
2750
|
+
overflow: hidden;
|
|
2751
|
+
white-space: nowrap;
|
|
2752
|
+
text-overflow: ellipsis;
|
|
2753
|
+
cursor: pointer;
|
|
2754
|
+
}
|
|
2755
|
+
.medialist-group-piece-item-view .info-view .abttrite-v .left .abttr.value {
|
|
2756
|
+
margin-left: 10px;
|
|
2757
|
+
}
|
|
2758
|
+
.medialist-group-piece-item-view .info-view .abttrite-v .right {
|
|
2759
|
+
flex-shrink: 0;
|
|
2760
|
+
margin-right: 20px;
|
|
2761
|
+
}
|
|
2669
2762
|
.medialist-mpdoc-item-view {
|
|
2670
2763
|
display: flex;
|
|
2671
2764
|
padding: 10px;
|
|
@@ -110,7 +110,8 @@ const _sfc_main = defineComponent({
|
|
|
110
110
|
])) : (openBlock(), createElementBlock("div", {
|
|
111
111
|
key: 1,
|
|
112
112
|
class: "item add-thumb",
|
|
113
|
-
style: normalizeStyle({ backgroundImage: `url(${waterBg})` })
|
|
113
|
+
style: normalizeStyle({ backgroundImage: `url(${waterBg})` }),
|
|
114
|
+
onClick: openDialogMediaSelection
|
|
114
115
|
}, [
|
|
115
116
|
createVNode(unref(IconPlus))
|
|
116
117
|
], 4))
|
package/es/utils/typeMap.d.ts
CHANGED
|
@@ -73,6 +73,7 @@ export declare const approveFlowStatusMap: {
|
|
|
73
73
|
7: string;
|
|
74
74
|
8: string;
|
|
75
75
|
};
|
|
76
|
+
export declare const groupPieceType: any;
|
|
76
77
|
export declare const componentsColumns: any;
|
|
77
78
|
export declare const compoColumnsWithKeyMap: {
|
|
78
79
|
top: string;
|
|
@@ -91,6 +92,7 @@ export declare const compoColumnsWithKeyMap: {
|
|
|
91
92
|
image: string;
|
|
92
93
|
timeline: string;
|
|
93
94
|
rank: string;
|
|
95
|
+
group_piece: string;
|
|
94
96
|
};
|
|
95
97
|
export declare const compoColumnsMap: () => any;
|
|
96
98
|
export declare const contentList_list_type_map: {
|
package/es/utils/typeMap.js
CHANGED
|
@@ -16,7 +16,7 @@ const key_target_type_map = {
|
|
|
16
16
|
16: "mp_content",
|
|
17
17
|
17: "funhd",
|
|
18
18
|
18: "course",
|
|
19
|
-
19: "
|
|
19
|
+
19: "group_piece"
|
|
20
20
|
};
|
|
21
21
|
const approveFlowStatusMap = {
|
|
22
22
|
1: "\u5BA1\u6838\u4E2D",
|
|
@@ -28,6 +28,11 @@ const approveFlowStatusMap = {
|
|
|
28
28
|
7: "\u91CD\u65B0\u53D1\u8D77",
|
|
29
29
|
8: "\u5DF2\u7ED3\u675F"
|
|
30
30
|
};
|
|
31
|
+
const groupPieceType = {
|
|
32
|
+
category_list: "\u7ED1\u5B9A\u9891\u9053",
|
|
33
|
+
component: "\u7ED1\u5B9A\u7EC4\u4EF6",
|
|
34
|
+
special: "\u7ED1\u5B9A\u4E13\u9898"
|
|
35
|
+
};
|
|
31
36
|
const componentsColumns = {
|
|
32
37
|
banner: { value: "banner", label: "\u8F6E\u64AD\u7EC4\u4EF6" },
|
|
33
38
|
top: { value: "top", label: "\u7F6E\u9876\u7EC4\u4EF6" },
|
|
@@ -43,7 +48,8 @@ const componentsColumns = {
|
|
|
43
48
|
kongo: { value: "kongo", label: "\u529F\u80FD\u5BFC\u822A\u7EC4\u4EF6" },
|
|
44
49
|
picture: { value: "picture", label: "\u56FE\u7247\u7EC4\u4EF6", simple: true },
|
|
45
50
|
timeline: { value: "timeline", label: "\u65F6\u95F4\u94FE\u7EC4\u4EF6" },
|
|
46
|
-
rank: { value: "rank", label: "\u699C\u5355\u7EC4\u4EF6" }
|
|
51
|
+
rank: { value: "rank", label: "\u699C\u5355\u7EC4\u4EF6" },
|
|
52
|
+
group_piece: { value: "group_piece", label: "\u5206\u7EC4\u7EC4\u4EF6" }
|
|
47
53
|
};
|
|
48
54
|
const compoColumnsMap = () => {
|
|
49
55
|
const obj = {};
|
|
@@ -152,4 +158,4 @@ const matrixPublishFormalStateMap = {
|
|
|
152
158
|
12: "\u672A\u77E5",
|
|
153
159
|
13: "\u79C1\u5BC6"
|
|
154
160
|
};
|
|
155
|
-
export { approveFlowStatusMap, calcApprovingDependent, calcApprovingUser, compoColumnsMap, componentsColumns, contentList_layout_map, contentList_list_type_map, contentList_relation_type_map, ilive_type_map, key_target_type_map, kongo_source_map, local_live_doc_status, local_live_doc_type, matrixPublishFormalStateMap, matrixPublishStateMap, mp_type_map };
|
|
161
|
+
export { approveFlowStatusMap, calcApprovingDependent, calcApprovingUser, compoColumnsMap, componentsColumns, contentList_layout_map, contentList_list_type_map, contentList_relation_type_map, groupPieceType, ilive_type_map, key_target_type_map, kongo_source_map, local_live_doc_status, local_live_doc_type, matrixPublishFormalStateMap, matrixPublishStateMap, mp_type_map };
|
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var vue = require("vue");
|
|
3
|
+
var webVue = require("@arco-design/web-vue");
|
|
4
|
+
var index = require("../../../../utils/index.js");
|
|
5
|
+
var typeMap = require("../../../../utils/typeMap.js");
|
|
6
|
+
const _hoisted_1 = { class: "cover-view" };
|
|
7
|
+
const _hoisted_2 = {
|
|
8
|
+
key: 1,
|
|
9
|
+
class: "no-img"
|
|
10
|
+
};
|
|
11
|
+
const _hoisted_3 = { class: "batch-select" };
|
|
12
|
+
const _hoisted_4 = { class: "info-view" };
|
|
13
|
+
const _hoisted_5 = { class: "title_i" };
|
|
14
|
+
const _hoisted_6 = { class: "abttrite-v" };
|
|
15
|
+
const _hoisted_7 = { class: "left" };
|
|
16
|
+
const _hoisted_8 = { class: "tags" };
|
|
17
|
+
const _hoisted_9 = { class: "abttr time" };
|
|
18
|
+
const _hoisted_10 = { class: "abttr time" };
|
|
19
|
+
const _hoisted_11 = { class: "right" };
|
|
20
|
+
const _sfc_main = vue.defineComponent({
|
|
21
|
+
__name: "index",
|
|
22
|
+
props: {
|
|
23
|
+
item: {},
|
|
24
|
+
extraAttrs: {}
|
|
25
|
+
},
|
|
26
|
+
emits: ["clickTitle", "cellMouseEnter", "cellMouseLeave"],
|
|
27
|
+
setup(__props, { emit: __emit }) {
|
|
28
|
+
const props = __props;
|
|
29
|
+
const emit = __emit;
|
|
30
|
+
const hide = vue.computed(() => {
|
|
31
|
+
const { hide: hide2 } = props.item;
|
|
32
|
+
return hide2 === 7 || hide2 === 6;
|
|
33
|
+
});
|
|
34
|
+
const silent = vue.computed(() => {
|
|
35
|
+
return props.item && props.item.mourn_style === 1;
|
|
36
|
+
});
|
|
37
|
+
const thumb = vue.computed(() => {
|
|
38
|
+
if (props.item.preview_url || props.item.cover || props.item.pc_cover)
|
|
39
|
+
return props.item.preview_url || props.item.cover || props.item.pc_cover;
|
|
40
|
+
if (!props.item.style)
|
|
41
|
+
return null;
|
|
42
|
+
const res = JSON.parse(props.item.style);
|
|
43
|
+
if (!res.data.length)
|
|
44
|
+
return null;
|
|
45
|
+
return res.data[0].thumb;
|
|
46
|
+
});
|
|
47
|
+
const payload = vue.computed(() => {
|
|
48
|
+
if (!props.item)
|
|
49
|
+
return null;
|
|
50
|
+
const _payload = typeof props.item.payload === "string" ? JSON.parse(props.item.payload) : props.item.payload;
|
|
51
|
+
return _payload;
|
|
52
|
+
});
|
|
53
|
+
const mouseEnterFun = (event, row) => {
|
|
54
|
+
emit("cellMouseEnter", { row, event });
|
|
55
|
+
};
|
|
56
|
+
const mouseLeaveFun = (event, row) => {
|
|
57
|
+
emit("cellMouseLeave", { row, event });
|
|
58
|
+
};
|
|
59
|
+
const clickTitle = () => {
|
|
60
|
+
emit("clickTitle", props.item);
|
|
61
|
+
};
|
|
62
|
+
return (_ctx, _cache) => {
|
|
63
|
+
return vue.openBlock(), vue.createElementBlock("div", {
|
|
64
|
+
class: vue.normalizeClass(["medialist-group-piece-item-view", { "gray-forbidden": hide.value, "gray-for-state-hide": silent.value }]),
|
|
65
|
+
onMouseenter: _cache[0] || (_cache[0] = ($event) => mouseEnterFun($event, _ctx.item)),
|
|
66
|
+
onMouseleave: _cache[1] || (_cache[1] = ($event) => mouseLeaveFun($event, _ctx.item))
|
|
67
|
+
}, [
|
|
68
|
+
vue.createElementVNode("div", _hoisted_1, [
|
|
69
|
+
thumb.value ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Image), {
|
|
70
|
+
key: 0,
|
|
71
|
+
src: thumb.value,
|
|
72
|
+
fit: "contain",
|
|
73
|
+
preview: false,
|
|
74
|
+
class: "image",
|
|
75
|
+
lazy: true
|
|
76
|
+
}, null, 8, ["src"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, vue.toDisplayString(vue.unref(index.noCoverText)(_ctx.item)), 1)),
|
|
77
|
+
vue.createElementVNode("div", _hoisted_3, [
|
|
78
|
+
vue.renderSlot(_ctx.$slots, "batch", { row: _ctx.item })
|
|
79
|
+
])
|
|
80
|
+
]),
|
|
81
|
+
vue.createElementVNode("div", _hoisted_4, [
|
|
82
|
+
vue.createElementVNode("div", {
|
|
83
|
+
class: "title",
|
|
84
|
+
onClick: clickTitle
|
|
85
|
+
}, [
|
|
86
|
+
vue.renderSlot(_ctx.$slots, "index"),
|
|
87
|
+
vue.createElementVNode("span", _hoisted_5, vue.toDisplayString(_ctx.item.alias || _ctx.item.title), 1)
|
|
88
|
+
]),
|
|
89
|
+
vue.createElementVNode("div", _hoisted_6, [
|
|
90
|
+
vue.createElementVNode("div", _hoisted_7, [
|
|
91
|
+
vue.createElementVNode("span", _hoisted_8, [
|
|
92
|
+
vue.createVNode(vue.unref(webVue.Tooltip), {
|
|
93
|
+
content: `${vue.unref(typeMap.groupPieceType)[payload.value.source]}: ${payload.value.alias}`,
|
|
94
|
+
placement: "top"
|
|
95
|
+
}, {
|
|
96
|
+
default: vue.withCtx(() => [
|
|
97
|
+
vue.createElementVNode("span", null, [
|
|
98
|
+
vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(typeMap.groupPieceType)[payload.value.source]) + ": ", 1),
|
|
99
|
+
vue.createElementVNode("span", null, vue.toDisplayString(payload.value.alias), 1)
|
|
100
|
+
])
|
|
101
|
+
]),
|
|
102
|
+
_: 1
|
|
103
|
+
}, 8, ["content"])
|
|
104
|
+
]),
|
|
105
|
+
vue.createElementVNode("span", _hoisted_9, [
|
|
106
|
+
vue.createVNode(vue.unref(webVue.Tooltip), {
|
|
107
|
+
content: `\u521B\u5EFA\u65F6\u95F4: ${vue.unref(index.timeFormat)(_ctx.item.pub_time)}`,
|
|
108
|
+
placement: "top"
|
|
109
|
+
}, {
|
|
110
|
+
default: vue.withCtx(() => [
|
|
111
|
+
vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(index.timeFormat)(_ctx.item.pub_time)), 1)
|
|
112
|
+
]),
|
|
113
|
+
_: 1
|
|
114
|
+
}, 8, ["content"])
|
|
115
|
+
]),
|
|
116
|
+
vue.createElementVNode("span", _hoisted_10, [
|
|
117
|
+
vue.createVNode(vue.unref(webVue.Tooltip), {
|
|
118
|
+
content: `\u521B\u5EFA\u4EBA: ${_ctx.item.commit_user_name || "--"}`,
|
|
119
|
+
placement: "top"
|
|
120
|
+
}, {
|
|
121
|
+
default: vue.withCtx(() => [
|
|
122
|
+
vue.createElementVNode("span", null, vue.toDisplayString(_ctx.item.commit_user_name || "--"), 1)
|
|
123
|
+
]),
|
|
124
|
+
_: 1
|
|
125
|
+
}, 8, ["content"])
|
|
126
|
+
])
|
|
127
|
+
]),
|
|
128
|
+
vue.createElementVNode("div", _hoisted_11, [
|
|
129
|
+
vue.renderSlot(_ctx.$slots, "option", { row: _ctx.item })
|
|
130
|
+
])
|
|
131
|
+
])
|
|
132
|
+
])
|
|
133
|
+
], 34);
|
|
134
|
+
};
|
|
135
|
+
}
|
|
136
|
+
});
|
|
137
|
+
module.exports = _sfc_main;
|
|
@@ -10,6 +10,7 @@ var index$3 = require("./MaccountItem/index.js");
|
|
|
10
10
|
var index$6 = require("./DocMpItem/index.js");
|
|
11
11
|
var index$8 = require("./courseItem/index.js");
|
|
12
12
|
var index$7 = require("./funhdItem/index.js");
|
|
13
|
+
var index$9 = require("./GroupPieceItem/index.js");
|
|
13
14
|
const _hoisted_1 = { class: "index" };
|
|
14
15
|
const _hoisted_2 = {
|
|
15
16
|
key: 0,
|
|
@@ -459,6 +460,27 @@ const _sfc_main = vue.defineComponent({
|
|
|
459
460
|
]),
|
|
460
461
|
_: 3
|
|
461
462
|
}, 8, ["item", "extraAttrs"]))
|
|
463
|
+
], 2112)) : _ctx.item.catalog === "group_piece" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 9 }, [
|
|
464
|
+
vue.createCommentVNode(" \u5206\u7EC4\u7EC4\u4EF6 "),
|
|
465
|
+
(vue.openBlock(), vue.createBlock(index$9, {
|
|
466
|
+
key: `group-piece-${_ctx.item.post_id}`,
|
|
467
|
+
item: { ..._ctx.item, index: _ctx.index },
|
|
468
|
+
extraAttrs: _ctx.extraAttrs,
|
|
469
|
+
onClickTitle: clickTitle,
|
|
470
|
+
onCellMouseEnter: cellMouseEnter,
|
|
471
|
+
onCellMouseLeave: cellMouseLeave
|
|
472
|
+
}, {
|
|
473
|
+
batch: vue.withCtx(() => []),
|
|
474
|
+
index: vue.withCtx(() => []),
|
|
475
|
+
tip: vue.withCtx(() => []),
|
|
476
|
+
option: vue.withCtx(() => [
|
|
477
|
+
vue.renderSlot(_ctx.$slots, "option", {
|
|
478
|
+
row: _ctx.item,
|
|
479
|
+
index: _ctx.index
|
|
480
|
+
})
|
|
481
|
+
]),
|
|
482
|
+
_: 3
|
|
483
|
+
}, 8, ["item", "extraAttrs"]))
|
|
462
484
|
], 2112)) : vue.createCommentVNode("v-if", true)
|
|
463
485
|
], 2112);
|
|
464
486
|
};
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
.medialist-group-piece-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: transparent;
|
|
18
|
+
|
|
19
|
+
.image {
|
|
20
|
+
width: 100%;
|
|
21
|
+
height: 100%;
|
|
22
|
+
border-radius: 4px;
|
|
23
|
+
|
|
24
|
+
img {
|
|
25
|
+
width: 100%;
|
|
26
|
+
height: 100%;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.no-img {
|
|
31
|
+
display: flex;
|
|
32
|
+
align-items: center;
|
|
33
|
+
justify-content: center;
|
|
34
|
+
width: 100%;
|
|
35
|
+
height: 100%;
|
|
36
|
+
color: white;
|
|
37
|
+
font-size: 30px;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.info-view {
|
|
42
|
+
display: flex;
|
|
43
|
+
flex-direction: column;
|
|
44
|
+
justify-content: space-between;
|
|
45
|
+
width: calc(100% - 130px);
|
|
46
|
+
padding: 2px 0;
|
|
47
|
+
|
|
48
|
+
.title {
|
|
49
|
+
display: flex;
|
|
50
|
+
align-items: center;
|
|
51
|
+
margin-bottom: 10px;
|
|
52
|
+
overflow: hidden;
|
|
53
|
+
color: #1d2129;
|
|
54
|
+
font-weight: 400;
|
|
55
|
+
font-size: 16px;
|
|
56
|
+
font-style: normal;
|
|
57
|
+
line-height: 22px;
|
|
58
|
+
cursor: pointer;
|
|
59
|
+
-webkit-line-clamp: 2;
|
|
60
|
+
-webkit-box-orient: vertical;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.abttrite-v {
|
|
64
|
+
display: flex;
|
|
65
|
+
align-items: center;
|
|
66
|
+
justify-content: space-between;
|
|
67
|
+
|
|
68
|
+
.left {
|
|
69
|
+
display: flex;
|
|
70
|
+
flex: 1;
|
|
71
|
+
align-items: center;
|
|
72
|
+
min-width: 510px;
|
|
73
|
+
color: #808692;
|
|
74
|
+
font-size: 12px;
|
|
75
|
+
|
|
76
|
+
.icon {
|
|
77
|
+
margin-right: 8px;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
.tags {
|
|
81
|
+
display: inline-block;
|
|
82
|
+
width: 200px;
|
|
83
|
+
overflow: hidden;
|
|
84
|
+
white-space: nowrap;
|
|
85
|
+
text-overflow: ellipsis;
|
|
86
|
+
cursor: pointer;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
.abttr {
|
|
90
|
+
width: 35%;
|
|
91
|
+
overflow: hidden;
|
|
92
|
+
white-space: nowrap;
|
|
93
|
+
text-overflow: ellipsis;
|
|
94
|
+
cursor: pointer;
|
|
95
|
+
|
|
96
|
+
&.value {
|
|
97
|
+
margin-left: 10px;
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
.right {
|
|
103
|
+
flex-shrink: 0;
|
|
104
|
+
margin-right: 20px;
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
}
|