@cmstops/pro-compo 0.1.21 → 0.1.23

package/es/baseFilter/style/index.js

@@ -0,0 +1 @@
+import "./index.less";

package/es/baseFilter/style/index.less

@@ -0,0 +1,10 @@
+.base-filter-container {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  .left {
+    display: flex;
+    align-items: center;
+  }
+  .right {}
+}

package/es/contentDetailList/components/Content/DocItem/index.js

@@ -3,7 +3,7 @@ import { Image, Tooltip, Popover, Button } from "@arco-design/web-vue";
 import { noCoverText, timeFormat } from "../../../../utils/index.js";
 import { approvalItem, docStateMap } from "../../../../utils/doc.js";
 import _sfc_main$1 from "../../../../typeIcons/component.js";
-import _sfc_main$2 from "../KongoNavItem/DocTags/index.js";
+import _sfc_main$2 from "../../DocTags/index.js";
 import _sfc_main$3 from "./ApprovalStateMap/index.js";
 const _hoisted_1 = { class: "cover-view" };
 const _hoisted_2 = {

package/es/contentDetailList/components/Content/DocMpItem/index.js

@@ -0,0 +1,117 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, unref, toDisplayString, renderSlot, createTextVNode, createVNode, withCtx } from "vue";
+import { Image, Tooltip } from "@arco-design/web-vue";
+import _sfc_main$1 from "../../../../typeIcons/component.js";
+import _sfc_main$2 from "../../DocTags/index.js";
+import { noCoverText, timeFormat } from "../../../../utils/index.js";
+const _hoisted_1 = { class: "cover-view" };
+const _hoisted_2 = {
+  key: 1,
+  class: "no-img"
+};
+const _hoisted_3 = { class: "batch-select" };
+const _hoisted_4 = { class: "info-view" };
+const _hoisted_5 = { class: "abttrite-v" };
+const _hoisted_6 = { class: "left" };
+const _hoisted_7 = { class: "tags" };
+const _hoisted_8 = { class: "abttr" };
+const _hoisted_9 = { class: "abttr time" };
+const _hoisted_10 = { class: "right" };
+const _sfc_main = defineComponent({
+  __name: "index",
+  props: {
+    item: {},
+    abttrites: {}
+  },
+  emits: ["clickTitle"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const hide = computed(() => {
+      const { hide: hide2 } = props.item;
+      return hide2 === 7 || hide2 === 6;
+    });
+    const thumb = computed(() => {
+      if (!props.item)
+        return null;
+      if (props.item.preview_url) {
+        return props.item.preview_url;
+      }
+      if (props.item.style) {
+        let { style } = props.item;
+        if (typeof style === "string") {
+          style = JSON.parse(style);
+          return style.data && style.data[0] && style.data[0].thumb;
+        }
+        return style.data && style.data[0] && style.data[0].thumb;
+      }
+      return props.item.cover && props.item.cover.data && props.item.cover.data[0] && props.item.cover.data[0].thumb;
+    });
+    const clickTitle = () => {
+      emit("clickTitle", props.item);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["medialist-mpdoc-item-view", { "gray-for-state-hide": hide.value }])
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          thumb.value ? (openBlock(), createBlock(unref(Image), {
+            key: 0,
+            src: thumb.value,
+            class: "image",
+            fit: "cover"
+          }, null, 8, ["src"])) : (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(unref(noCoverText)(_ctx.item)), 1)),
+          createElementVNode("div", _hoisted_3, [
+            renderSlot(_ctx.$slots, "batch", { row: _ctx.item })
+          ])
+        ]),
+        createElementVNode("div", _hoisted_4, [
+          createElementVNode("div", {
+            class: "title",
+            onClick: clickTitle
+          }, [
+            renderSlot(_ctx.$slots, "index"),
+            createTextVNode(toDisplayString(_ctx.item.alias || _ctx.item.title), 1)
+          ]),
+          createElementVNode("div", _hoisted_5, [
+            createElementVNode("div", _hoisted_6, [
+              createVNode(_sfc_main$1, {
+                class: "icon",
+                doc: true,
+                type: _ctx.item.series
+              }, null, 8, ["type"]),
+              createElementVNode("span", _hoisted_7, [
+                createVNode(_sfc_main$2, { item: _ctx.item }, null, 8, ["item"]),
+                renderSlot(_ctx.$slots, "tip")
+              ]),
+              createElementVNode("span", _hoisted_8, [
+                createVNode(unref(Tooltip), {
+                  position: "top",
+                  content: `\u6240\u5C5E\u516C\u4F17\u53F7: ${_ctx.item.account_name || _ctx.item.mp_user_name}`
+                }, {
+                  default: withCtx(() => [
+                    createElementVNode("span", null, toDisplayString(_ctx.item.account_name || _ctx.item.mp_user_name), 1)
+                  ]),
+                  _: 1
+                }, 8, ["content"])
+              ]),
+              createElementVNode("span", _hoisted_9, [
+                createVNode(unref(Tooltip), {
+                  position: "top",
+                  content: `\u53D1\u5E03\u65F6\u95F4: ${unref(timeFormat)(_ctx.item.pub_time)}`
+                }, {
+                  default: withCtx(() => [
+                    createElementVNode("span", null, toDisplayString(unref(timeFormat)(_ctx.item.pub_time)), 1)
+                  ]),
+                  _: 1
+                }, 8, ["content"])
+              ])
+            ]),
+            createElementVNode("div", _hoisted_10, [
+              renderSlot(_ctx.$slots, "option", { row: _ctx.item })
+            ])
+          ])
+        ])
+      ], 2);
+    };
+  }
+});
+export { _sfc_main as default };

package/es/contentDetailList/components/Content/KongoNavItem/index.js

@@ -1,7 +1,7 @@
 import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, unref, toDisplayString, renderSlot, createVNode, withCtx } from "vue";
 import { Image, Tooltip } from "@arco-design/web-vue";
 import _sfc_main$1 from "../../../../typeIcons/component.js";
-import _sfc_main$2 from "./DocTags/index.js";
+import _sfc_main$2 from "../../DocTags/index.js";
 import { noCoverText, timeFormat } from "../../../../utils/index.js";
 const _hoisted_1 = { class: "cover-view" };
 const _hoisted_2 = {
@@ -40,7 +40,7 @@ const _sfc_main = defineComponent({
       return res.data[0].thumb;
     });
     const showValue = computed(() => {
-      if (!props.payload)
+      if (!props.item.payload)
         return "";
       if (props.item.series === "category_list")
         return props.payload.rootAlias;

package/es/contentDetailList/components/Content/MaccountItem/index.js

@@ -1,7 +1,7 @@
 import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, unref, renderSlot, createTextVNode, toDisplayString, Fragment, renderList, withCtx } from "vue";
 import { Image, Tooltip } from "@arco-design/web-vue";
 import _sfc_main$1 from "../../../../typeIcons/component.js";
-import _sfc_main$2 from "../KongoNavItem/DocTags/index.js";
+import _sfc_main$2 from "../../DocTags/index.js";
 import defaultAvatar from "./temp/user.js";
 const _hoisted_1 = { class: "cover-view" };
 const _hoisted_2 = { class: "info-view" };

package/es/contentDetailList/components/Content/index.js

@@ -6,6 +6,7 @@ import _sfc_main$1 from "./DocItem/index.js";
 import _sfc_main$6 from "./KongoNavItem/index.js";
 import _sfc_main$5 from "./LiveItem/index.js";
 import _sfc_main$4 from "./MaccountItem/index.js";
+import _sfc_main$7 from "./DocMpItem/index.js";
 const _hoisted_1 = { class: "index" };
 const _hoisted_2 = {
   key: 0,
@@ -74,6 +75,17 @@ const _hoisted_27 = {
 };
 const _hoisted_28 = { class: "doc-fixed-icon" };
 const _hoisted_29 = { class: "doc-fixed-num" };
+const _hoisted_30 = { class: "index" };
+const _hoisted_31 = {
+  key: 0,
+  class: "add_new"
+};
+const _hoisted_32 = {
+  key: 1,
+  class: "fix_position"
+};
+const _hoisted_33 = { class: "doc-fixed-icon" };
+const _hoisted_34 = { class: "doc-fixed-num" };
 const _sfc_main = defineComponent({
   __name: "index",
   props: {
@@ -276,6 +288,37 @@ const _sfc_main = defineComponent({
             ]),
             _: 3
           }, 8, ["item"]))
+        ], 2112)) : _ctx.item.catalog === "mp_content" ? (openBlock(), createElementBlock(Fragment, { key: 6 }, [
+          createCommentVNode(" \u7A3F\u4EF6\uFF08\u516C\u4F17\u53F7\u7A3F\u4EF6\uFF09 "),
+          (openBlock(), createBlock(_sfc_main$7, {
+            key: `doc-mp-${_ctx.item.post_id}`,
+            abttrites: _ctx.abttrites,
+            item: { ..._ctx.item, index: _ctx.index },
+            onClickTitle: clickTitle
+          }, {
+            index: withCtx(() => [
+              createElementVNode("span", _hoisted_30, toDisplayString(_ctx.index + 1), 1)
+            ]),
+            tip: withCtx(() => [
+              createCommentVNode(" \u5148\u6DFB\u52A0\u6587\u4EF6\u8D44\u6E90\uFF0C\u672A\u53D1\u5E03 "),
+              _ctx.item._status ? (openBlock(), createElementBlock("i", _hoisted_31, [
+                createVNode(unref(IconPenFill), { size: "16" })
+              ])) : createCommentVNode("v-if", true),
+              _ctx.item.fix_position ? (openBlock(), createElementBlock("span", _hoisted_32, [
+                createElementVNode("i", _hoisted_33, [
+                  createVNode(unref(IconPushpin), { size: "16" })
+                ]),
+                createElementVNode("span", _hoisted_34, toDisplayString(_ctx.item.fix_position), 1)
+              ])) : createCommentVNode("v-if", true)
+            ]),
+            option: withCtx(() => [
+              renderSlot(_ctx.$slots, "option", {
+                row: _ctx.item,
+                index: _ctx.index
+              })
+            ]),
+            _: 3
+          }, 8, ["abttrites", "item"]))
         ], 2112)) : createCommentVNode("v-if", true)
       ], 2112);
     };

package/es/contentDetailList/components/{Content/KongoNavItem/DocTags → DocTags}/index.js

@@ -1,7 +1,8 @@
 import { defineComponent, ref, computed, openBlock, createElementBlock, Fragment, createCommentVNode, createElementVNode, createBlock, unref, withCtx, renderList, createVNode, normalizeClass, createTextVNode, toDisplayString } from "vue";
 import { Popover, Tag, Tooltip } from "@arco-design/web-vue";
-import { kongo_source_map, contentList_list_type_map } from "../../../../../utils/typeMap.js";
-import { docThumbMap } from "../../../../../utils/doc.js";
+import { kongo_source_map, contentList_list_type_map } from "../../../utils/typeMap.js";
+import { docThumbMap } from "../../../utils/doc.js";
+import _sfc_main$1 from "../../../typeIcons/component.js";
 const _hoisted_1 = { class: "doc-tags-container" };
 const _hoisted_2 = { class: "doc-tags-thumb-ul" };
 const _hoisted_3 = ["src"];
@@ -142,7 +143,7 @@ const _sfc_main = defineComponent({
             })) : createCommentVNode("v-if", true),
             _ctx.item.sensitives ? (openBlock(), createBlock(unref(Tooltip), {
               key: 4,
-              content: _ctx.item.sensitives,
+              content: `\u5305\u542B\u654F\u611F\u8BCD\uFF1A${_ctx.item.sensitives}`,
               position: "top"
             }, {
               default: withCtx(() => [
@@ -174,7 +175,11 @@ const _sfc_main = defineComponent({
               createTextVNode(toDisplayString(unref(contentList_list_type_map)[_ctx.item.mp_type]), 1)
             ]),
             _: 1
-          })) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [
+          })) : _ctx.item.catalog === "mp_content" ? (openBlock(), createBlock(_sfc_main$1, {
+            key: 3,
+            class: "icon",
+            type: "mpdoc"
+          })) : (openBlock(), createElementBlock(Fragment, { key: 4 }, [
             _ctx.item.list_type ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(unref(contentList_list_type_map)[_ctx.item.list_type]), 1)) : (openBlock(), createElementBlock("span", _hoisted_5, "--"))
           ], 64))
         ])

package/es/contentDetailList/style/ComoItem.less

@@ -81,7 +81,7 @@
           &.tags {
             display: flex;
             align-items: center;
-            width: 175px;
+            width: 190px;
           }
         }
       }

package/es/contentDetailList/style/DocItem.less

@@ -95,7 +95,7 @@
 
         .tags {
           display: inline-block;
-          width: 160px;
+          width: 190px;
         }
 
         .abttr {

package/es/contentDetailList/style/DocMpItem.less

@@ -0,0 +1,136 @@
+.medialist-mpdoc-item-view {
+    display: flex;
+    // width: 100%;
+    padding: 10px;
+    border-bottom: 1px solid #f0f0f0;
+  
+    &:hover {
+      background: #fafafa;
+    }
+  
+    .cover-view {
+      position: relative;
+      flex-shrink: 0;
+      width: 110px;
+      height: 70px;
+      margin-right: 20px;
+      background: #edf3ff;
+  
+      .image {
+        width: 100%;
+        height: 100%;
+        border-radius: 4px;
+      }
+  
+      .batch-select {
+        position: absolute;
+        top: 3px;
+        left: 5px;
+      }
+  
+      .arco-image-img {
+        width: 100%;
+        height: 100%;
+        border-radius: 4px;
+      }
+  
+      .no-img {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 100%;
+        height: 100%;
+        color: white;
+        font-size: 30px;
+      }
+    }
+  
+    .info-view {
+      display: flex;
+      flex: 1;
+      flex-direction: column;
+      justify-content: space-between;
+      padding: 2px 0;
+  
+      .title {
+        width: calc(100% - 50px);
+        display: flex;
+        align-items: center;
+        margin-bottom: 10px;
+        overflow: hidden;
+        color: #1d2129;
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 22px;
+        cursor: pointer;
+        -webkit-line-clamp: 2;
+        -webkit-box-orient: vertical;
+  
+        &:hover {
+          color: #4886ff;
+          text-decoration: underline;
+  
+          .index {
+            text-decoration: unset;
+          }
+        }
+      }
+  
+      .abttrite-v {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+  
+        .left {
+          display: flex;
+          flex: 1;
+          align-items: center;
+          color: #4e5969;
+          font-size: 12px;
+  
+          .icon {
+            margin-right: 8px;
+          }
+  
+          .tags {
+            display: inline-block;
+            width: 190px;
+          }
+  
+          .abttr {
+            display: inline-block;
+            width: 20%;
+            margin-right: 10px;
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+            cursor: pointer;
+  
+            &.btn {
+              padding: 0;
+              text-align: left;
+  
+              &:hover,
+              &:active {
+                background: transparent;
+              }
+            }
+  
+            .btn {
+              padding: 0;
+              text-align: left;
+            }
+  
+            &.time {
+              width: 30%;
+            }
+          }
+        }
+  
+        .right {
+          margin-right: 20px;
+        }
+      }
+    }
+  }

package/es/contentDetailList/style/LiveItem.less

@@ -85,7 +85,7 @@
           &.tags {
             display: flex;
             align-items: center;
-            width: 160px;
+            width: 190px;
           }
 
           &.type {

package/es/contentDetailList/style/index.css

@@ -114,7 +114,7 @@
 .medialist-component-item-view .info-view .abttrite-v .left .abttr.tags {
   display: flex;
   align-items: center;
-  width: 175px;
+  width: 190px;
 }
 .medialist-component-item-view .info-view .abttrite-v .right {
   margin-right: 20px;
@@ -435,7 +435,7 @@
 .medialist-ilive-item-view .info-view .abttrite-v .left .abttr.tags {
   display: flex;
   align-items: center;
-  width: 160px;
+  width: 190px;
 }
 .medialist-ilive-item-view .info-view .abttrite-v .left .abttr.type {
   display: inline-block;
@@ -624,7 +624,7 @@
 }
 .medialist-doc-item-view .info-view .abttrite-v .left .tags {
   display: inline-block;
-  width: 160px;
+  width: 190px;
 }
 .medialist-doc-item-view .info-view .abttrite-v .left .abttr {
   display: inline-block;
@@ -656,6 +656,121 @@
 .popper-categories {
   max-width: 600px;
 }
+.medialist-mpdoc-item-view {
+  display: flex;
+  padding: 10px;
+  border-bottom: 1px solid #f0f0f0;
+}
+.medialist-mpdoc-item-view:hover {
+  background: #fafafa;
+}
+.medialist-mpdoc-item-view .cover-view {
+  position: relative;
+  flex-shrink: 0;
+  width: 110px;
+  height: 70px;
+  margin-right: 20px;
+  background: #edf3ff;
+}
+.medialist-mpdoc-item-view .cover-view .image {
+  width: 100%;
+  height: 100%;
+  border-radius: 4px;
+}
+.medialist-mpdoc-item-view .cover-view .batch-select {
+  position: absolute;
+  top: 3px;
+  left: 5px;
+}
+.medialist-mpdoc-item-view .cover-view .arco-image-img {
+  width: 100%;
+  height: 100%;
+  border-radius: 4px;
+}
+.medialist-mpdoc-item-view .cover-view .no-img {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  color: white;
+  font-size: 30px;
+}
+.medialist-mpdoc-item-view .info-view {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  justify-content: space-between;
+  padding: 2px 0;
+}
+.medialist-mpdoc-item-view .info-view .title {
+  width: calc(100% - 50px);
+  display: flex;
+  align-items: center;
+  margin-bottom: 10px;
+  overflow: hidden;
+  color: #1d2129;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 22px;
+  cursor: pointer;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+.medialist-mpdoc-item-view .info-view .title:hover {
+  color: #4886ff;
+  text-decoration: underline;
+}
+.medialist-mpdoc-item-view .info-view .title:hover .index {
+  text-decoration: unset;
+}
+.medialist-mpdoc-item-view .info-view .abttrite-v {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.medialist-mpdoc-item-view .info-view .abttrite-v .left {
+  display: flex;
+  flex: 1;
+  align-items: center;
+  color: #4e5969;
+  font-size: 12px;
+}
+.medialist-mpdoc-item-view .info-view .abttrite-v .left .icon {
+  margin-right: 8px;
+}
+.medialist-mpdoc-item-view .info-view .abttrite-v .left .tags {
+  display: inline-block;
+  width: 190px;
+}
+.medialist-mpdoc-item-view .info-view .abttrite-v .left .abttr {
+  display: inline-block;
+  width: 20%;
+  margin-right: 10px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  cursor: pointer;
+}
+.medialist-mpdoc-item-view .info-view .abttrite-v .left .abttr.btn {
+  padding: 0;
+  text-align: left;
+}
+.medialist-mpdoc-item-view .info-view .abttrite-v .left .abttr.btn:hover,
+.medialist-mpdoc-item-view .info-view .abttrite-v .left .abttr.btn:active {
+  background: transparent;
+}
+.medialist-mpdoc-item-view .info-view .abttrite-v .left .abttr .btn {
+  padding: 0;
+  text-align: left;
+}
+.medialist-mpdoc-item-view .info-view .abttrite-v .left .abttr.time {
+  width: 30%;
+}
+.medialist-mpdoc-item-view .info-view .abttrite-v .right {
+  margin-right: 20px;
+}
 .gray-for-state-hide {
   -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);

package/es/contentDetailList/style/index.less

@@ -7,6 +7,7 @@
 @import './MaccountItem.less';
 @import './Doc.less';
 @import './DocItem.less';
+@import './DocMpItem.less';
 
 .gray-for-state-hide {
     -webkit-filter: grayscale(100%);