@cmstops/pro-compo 0.3.11 → 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 +96 -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 +96 -0
- package/es/selectThumb/components/card.js +3 -2
- package/es/selectThumb/style/index.css +3 -0
- package/es/selectThumb/style/index.less +1 -0
- 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 +96 -0
- package/lib/selectThumb/components/card.js +3 -2
- package/lib/selectThumb/style/index.css +3 -0
- package/lib/selectThumb/style/index.less +1 -0
- package/lib/utils/typeMap.js +9 -2
- package/package.json +1 -1
|
@@ -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/lib/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;
|
|
@@ -3438,6 +3531,9 @@
|
|
|
3438
3531
|
.user-select-content .arco-tree-node:hover .tree-action {
|
|
3439
3532
|
display: flex;
|
|
3440
3533
|
}
|
|
3534
|
+
.select-thumb-container {
|
|
3535
|
+
position: relative;
|
|
3536
|
+
}
|
|
3441
3537
|
.select-thumb-container .thumb-card-container {
|
|
3442
3538
|
position: relative;
|
|
3443
3539
|
width: 100px;
|
|
@@ -64,7 +64,7 @@ const _sfc_main = vue.defineComponent({
|
|
|
64
64
|
};
|
|
65
65
|
return (_ctx, _cache) => {
|
|
66
66
|
return vue.openBlock(), vue.createBlock(vue.unref(webVue.Popover), {
|
|
67
|
-
trigger: "
|
|
67
|
+
trigger: "hover",
|
|
68
68
|
position: "bottom",
|
|
69
69
|
"popup-container": props.parentRef
|
|
70
70
|
}, {
|
|
@@ -111,7 +111,8 @@ const _sfc_main = vue.defineComponent({
|
|
|
111
111
|
])) : (vue.openBlock(), vue.createElementBlock("div", {
|
|
112
112
|
key: 1,
|
|
113
113
|
class: "item add-thumb",
|
|
114
|
-
style: vue.normalizeStyle({ backgroundImage: `url(${waterBg})` })
|
|
114
|
+
style: vue.normalizeStyle({ backgroundImage: `url(${waterBg})` }),
|
|
115
|
+
onClick: openDialogMediaSelection
|
|
115
116
|
}, [
|
|
116
117
|
vue.createVNode(vue.unref(icon.IconPlus))
|
|
117
118
|
], 4))
|
package/lib/utils/typeMap.js
CHANGED
|
@@ -18,7 +18,7 @@ const key_target_type_map = {
|
|
|
18
18
|
16: "mp_content",
|
|
19
19
|
17: "funhd",
|
|
20
20
|
18: "course",
|
|
21
|
-
19: "
|
|
21
|
+
19: "group_piece"
|
|
22
22
|
};
|
|
23
23
|
const approveFlowStatusMap = {
|
|
24
24
|
1: "\u5BA1\u6838\u4E2D",
|
|
@@ -30,6 +30,11 @@ const approveFlowStatusMap = {
|
|
|
30
30
|
7: "\u91CD\u65B0\u53D1\u8D77",
|
|
31
31
|
8: "\u5DF2\u7ED3\u675F"
|
|
32
32
|
};
|
|
33
|
+
const groupPieceType = {
|
|
34
|
+
category_list: "\u7ED1\u5B9A\u9891\u9053",
|
|
35
|
+
component: "\u7ED1\u5B9A\u7EC4\u4EF6",
|
|
36
|
+
special: "\u7ED1\u5B9A\u4E13\u9898"
|
|
37
|
+
};
|
|
33
38
|
const componentsColumns = {
|
|
34
39
|
banner: { value: "banner", label: "\u8F6E\u64AD\u7EC4\u4EF6" },
|
|
35
40
|
top: { value: "top", label: "\u7F6E\u9876\u7EC4\u4EF6" },
|
|
@@ -45,7 +50,8 @@ const componentsColumns = {
|
|
|
45
50
|
kongo: { value: "kongo", label: "\u529F\u80FD\u5BFC\u822A\u7EC4\u4EF6" },
|
|
46
51
|
picture: { value: "picture", label: "\u56FE\u7247\u7EC4\u4EF6", simple: true },
|
|
47
52
|
timeline: { value: "timeline", label: "\u65F6\u95F4\u94FE\u7EC4\u4EF6" },
|
|
48
|
-
rank: { value: "rank", label: "\u699C\u5355\u7EC4\u4EF6" }
|
|
53
|
+
rank: { value: "rank", label: "\u699C\u5355\u7EC4\u4EF6" },
|
|
54
|
+
group_piece: { value: "group_piece", label: "\u5206\u7EC4\u7EC4\u4EF6" }
|
|
49
55
|
};
|
|
50
56
|
const compoColumnsMap = () => {
|
|
51
57
|
const obj = {};
|
|
@@ -162,6 +168,7 @@ exports.componentsColumns = componentsColumns;
|
|
|
162
168
|
exports.contentList_layout_map = contentList_layout_map;
|
|
163
169
|
exports.contentList_list_type_map = contentList_list_type_map;
|
|
164
170
|
exports.contentList_relation_type_map = contentList_relation_type_map;
|
|
171
|
+
exports.groupPieceType = groupPieceType;
|
|
165
172
|
exports.ilive_type_map = ilive_type_map;
|
|
166
173
|
exports.key_target_type_map = key_target_type_map;
|
|
167
174
|
exports.kongo_source_map = kongo_source_map;
|