@cmstops/pro-compo 0.3.12 → 0.3.13

package/lib/contentDetailList/style/index.css

@@ -639,6 +639,99 @@
 .popper-categories {
   max-width: 600px;
 }
+.medialist-group-piece-item-view {
+  display: flex;
+  padding: 10px;
+  border-bottom: 1px solid #f0f0f0;
+}
+.medialist-group-piece-item-view:hover {
+  background: #fafafa;
+}
+.medialist-group-piece-item-view .cover-view {
+  position: relative;
+  flex-shrink: 0;
+  width: 110px;
+  height: 70px;
+  margin-right: 20px;
+  background: transparent;
+}
+.medialist-group-piece-item-view .cover-view .image {
+  width: 100%;
+  height: 100%;
+  border-radius: 4px;
+}
+.medialist-group-piece-item-view .cover-view .image img {
+  width: 100%;
+  height: 100%;
+}
+.medialist-group-piece-item-view .cover-view .no-img {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  color: white;
+  font-size: 30px;
+}
+.medialist-group-piece-item-view .info-view {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  width: calc(100% - 130px);
+  padding: 2px 0;
+}
+.medialist-group-piece-item-view .info-view .title {
+  display: flex;
+  align-items: center;
+  margin-bottom: 10px;
+  overflow: hidden;
+  color: #1d2129;
+  font-weight: 400;
+  font-size: 16px;
+  font-style: normal;
+  line-height: 22px;
+  cursor: pointer;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+.medialist-group-piece-item-view .info-view .abttrite-v {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.medialist-group-piece-item-view .info-view .abttrite-v .left {
+  display: flex;
+  flex: 1;
+  align-items: center;
+  min-width: 510px;
+  color: #808692;
+  font-size: 12px;
+}
+.medialist-group-piece-item-view .info-view .abttrite-v .left .icon {
+  margin-right: 8px;
+}
+.medialist-group-piece-item-view .info-view .abttrite-v .left .tags {
+  display: inline-block;
+  width: 200px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  cursor: pointer;
+}
+.medialist-group-piece-item-view .info-view .abttrite-v .left .abttr {
+  width: 35%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  cursor: pointer;
+}
+.medialist-group-piece-item-view .info-view .abttrite-v .left .abttr.value {
+  margin-left: 10px;
+}
+.medialist-group-piece-item-view .info-view .abttrite-v .right {
+  flex-shrink: 0;
+  margin-right: 20px;
+}
 .medialist-mpdoc-item-view {
   display: flex;
   padding: 10px;

package/lib/contentDetailList/style/index.less

@@ -6,6 +6,7 @@
 @import './MaccountItem.less';
 @import './Doc.less';
 @import './DocItem.less';
+@import './GroupPieceItem.less';
 @import './DocMpItem.less';
 @import './courseItem.less';
 @import './funhdItem.less';

package/lib/index.css

@@ -2666,6 +2666,99 @@
 .popper-categories {
   max-width: 600px;
 }
+.medialist-group-piece-item-view {
+  display: flex;
+  padding: 10px;
+  border-bottom: 1px solid #f0f0f0;
+}
+.medialist-group-piece-item-view:hover {
+  background: #fafafa;
+}
+.medialist-group-piece-item-view .cover-view {
+  position: relative;
+  flex-shrink: 0;
+  width: 110px;
+  height: 70px;
+  margin-right: 20px;
+  background: transparent;
+}
+.medialist-group-piece-item-view .cover-view .image {
+  width: 100%;
+  height: 100%;
+  border-radius: 4px;
+}
+.medialist-group-piece-item-view .cover-view .image img {
+  width: 100%;
+  height: 100%;
+}
+.medialist-group-piece-item-view .cover-view .no-img {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  color: white;
+  font-size: 30px;
+}
+.medialist-group-piece-item-view .info-view {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  width: calc(100% - 130px);
+  padding: 2px 0;
+}
+.medialist-group-piece-item-view .info-view .title {
+  display: flex;
+  align-items: center;
+  margin-bottom: 10px;
+  overflow: hidden;
+  color: #1d2129;
+  font-weight: 400;
+  font-size: 16px;
+  font-style: normal;
+  line-height: 22px;
+  cursor: pointer;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+.medialist-group-piece-item-view .info-view .abttrite-v {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.medialist-group-piece-item-view .info-view .abttrite-v .left {
+  display: flex;
+  flex: 1;
+  align-items: center;
+  min-width: 510px;
+  color: #808692;
+  font-size: 12px;
+}
+.medialist-group-piece-item-view .info-view .abttrite-v .left .icon {
+  margin-right: 8px;
+}
+.medialist-group-piece-item-view .info-view .abttrite-v .left .tags {
+  display: inline-block;
+  width: 200px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  cursor: pointer;
+}
+.medialist-group-piece-item-view .info-view .abttrite-v .left .abttr {
+  width: 35%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  cursor: pointer;
+}
+.medialist-group-piece-item-view .info-view .abttrite-v .left .abttr.value {
+  margin-left: 10px;
+}
+.medialist-group-piece-item-view .info-view .abttrite-v .right {
+  flex-shrink: 0;
+  margin-right: 20px;
+}
 .medialist-mpdoc-item-view {
   display: flex;
   padding: 10px;

package/lib/selectThumb/components/card.js

@@ -111,7 +111,8 @@ const _sfc_main = vue.defineComponent({
               ])) : (vue.openBlock(), vue.createElementBlock("div", {
                 key: 1,
                 class: "item add-thumb",
-                style: vue.normalizeStyle({ backgroundImage: `url(${waterBg})` })
+                style: vue.normalizeStyle({ backgroundImage: `url(${waterBg})` }),
+                onClick: openDialogMediaSelection
               }, [
                 vue.createVNode(vue.unref(icon.IconPlus))
               ], 4))

package/lib/utils/typeMap.js

@@ -18,7 +18,7 @@ const key_target_type_map = {
   16: "mp_content",
   17: "funhd",
   18: "course",
-  19: "matrix"
+  19: "group_piece"
 };
 const approveFlowStatusMap = {
   1: "\u5BA1\u6838\u4E2D",
@@ -30,6 +30,11 @@ const approveFlowStatusMap = {
   7: "\u91CD\u65B0\u53D1\u8D77",
   8: "\u5DF2\u7ED3\u675F"
 };
+const groupPieceType = {
+  category_list: "\u7ED1\u5B9A\u9891\u9053",
+  component: "\u7ED1\u5B9A\u7EC4\u4EF6",
+  special: "\u7ED1\u5B9A\u4E13\u9898"
+};
 const componentsColumns = {
   banner: { value: "banner", label: "\u8F6E\u64AD\u7EC4\u4EF6" },
   top: { value: "top", label: "\u7F6E\u9876\u7EC4\u4EF6" },
@@ -45,7 +50,8 @@ const componentsColumns = {
   kongo: { value: "kongo", label: "\u529F\u80FD\u5BFC\u822A\u7EC4\u4EF6" },
   picture: { value: "picture", label: "\u56FE\u7247\u7EC4\u4EF6", simple: true },
   timeline: { value: "timeline", label: "\u65F6\u95F4\u94FE\u7EC4\u4EF6" },
-  rank: { value: "rank", label: "\u699C\u5355\u7EC4\u4EF6" }
+  rank: { value: "rank", label: "\u699C\u5355\u7EC4\u4EF6" },
+  group_piece: { value: "group_piece", label: "\u5206\u7EC4\u7EC4\u4EF6" }
 };
 const compoColumnsMap = () => {
   const obj = {};
@@ -162,6 +168,7 @@ exports.componentsColumns = componentsColumns;
 exports.contentList_layout_map = contentList_layout_map;
 exports.contentList_list_type_map = contentList_list_type_map;
 exports.contentList_relation_type_map = contentList_relation_type_map;
+exports.groupPieceType = groupPieceType;
 exports.ilive_type_map = ilive_type_map;
 exports.key_target_type_map = key_target_type_map;
 exports.kongo_source_map = kongo_source_map;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cmstops/pro-compo",
-  "version": "0.3.12",
+  "version": "0.3.13",
   "description": "",
   "keywords": [
     "vue",