@cmstops/pro-compo 0.1.61 → 0.1.62

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

@@ -97,17 +97,28 @@ const _sfc_main = vue.defineComponent({
     item: {},
     index: {},
     abttrites: {},
+    extraAttrs: {},
     parmas: {}
   },
-  emits: ["sortChange", "clickTitle", "dragstart"],
+  emits: [
+    "cellMouseEnter",
+    "cellMouseLeave",
+    "sortChange",
+    "clickTitle",
+    "dragstart"
+  ],
   setup(__props, { emit: __emit }) {
-    const props = __props;
     const emit = __emit;
+    const cellMouseEnter = (params) => {
+      emit("cellMouseEnter", params);
+    };
+    const cellMouseLeave = (params) => {
+      emit("cellMouseLeave", params);
+    };
     const clickTitle = (item) => {
       emit("clickTitle", item);
     };
     vue.onMounted(() => {
-      console.log("props", props.item);
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
@@ -116,8 +127,17 @@ const _sfc_main = vue.defineComponent({
           key: `doc-${_ctx.item.post_id}`,
           item: { ..._ctx.item, index: _ctx.index },
           abttrites: _ctx.abttrites,
-          onClickTitle: clickTitle
+          extraAttrs: _ctx.extraAttrs,
+          onClickTitle: clickTitle,
+          onCellMouseEnter: cellMouseEnter,
+          onCellMouseLeave: cellMouseLeave
         }, {
+          batch: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "batch", {
+              row: _ctx.item,
+              index: _ctx.index
+            })
+          ]),
           index: vue.withCtx(() => [
             vue.createElementVNode("span", _hoisted_1, vue.toDisplayString(_ctx.index + 1), 1)
           ]),
@@ -144,13 +164,22 @@ const _sfc_main = vue.defineComponent({
             })
           ]),
           _: 3
-        }, 8, ["item", "abttrites"])) : _ctx.item.catalog === "contentList" && _ctx.item.list_type === 7 && _ctx.item.target_type === 6 ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+        }, 8, ["item", "abttrites", "extraAttrs"])) : _ctx.item.catalog === "contentList" && _ctx.item.list_type === 7 && _ctx.item.target_type === 6 ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
           vue.createCommentVNode(" \u7EC4\u4EF6 "),
           (vue.openBlock(), vue.createBlock(index$1, {
             key: `compo-${_ctx.item.post_id}`,
             item: { ..._ctx.item, index: _ctx.index },
-            onClickTitle: clickTitle
+            extraAttrs: _ctx.extraAttrs,
+            onClickTitle: clickTitle,
+            onCellMouseEnter: cellMouseEnter,
+            onCellMouseLeave: cellMouseLeave
           }, {
+            batch: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "batch", {
+                row: _ctx.item,
+                index: _ctx.index
+              })
+            ]),
             index: vue.withCtx(() => [
               vue.createElementVNode("span", _hoisted_7, vue.toDisplayString(_ctx.index + 1), 1)
             ]),
@@ -177,15 +206,24 @@ const _sfc_main = vue.defineComponent({
               })
             ]),
             _: 3
-          }, 8, ["item"]))
+          }, 8, ["item", "extraAttrs"]))
         ], 2112)) : _ctx.item.catalog === "contentList" && _ctx.item.list_type === 4 && _ctx.item.target_type === 6 ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
           vue.createCommentVNode(" \u9891\u9053 "),
           (vue.openBlock(), vue.createBlock(index$2, {
             key: `contentlist-${_ctx.item.post_id}`,
             item: { ..._ctx.item, index: _ctx.index },
             parmas: _ctx.parmas,
-            onClickTitle: clickTitle
+            extraAttrs: _ctx.extraAttrs,
+            onClickTitle: clickTitle,
+            onCellMouseEnter: cellMouseEnter,
+            onCellMouseLeave: cellMouseLeave
           }, {
+            batch: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "batch", {
+                row: _ctx.item,
+                index: _ctx.index
+              })
+            ]),
             index: vue.withCtx(() => [
               vue.createElementVNode("span", _hoisted_13, vue.toDisplayString(_ctx.index + 1), 1)
             ]),
@@ -218,15 +256,24 @@ const _sfc_main = vue.defineComponent({
               })
             ]),
             _: 3
-          }, 8, ["item", "parmas"]))
+          }, 8, ["item", "parmas", "extraAttrs"]))
         ], 2112)) : _ctx.item.catalog === "mp_account" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 3 }, [
           vue.createCommentVNode(" \u516C\u4F17\u53F7 "),
           (vue.openBlock(), vue.createBlock(index$3, {
             key: `maccount-${_ctx.item.post_id}`,
             item: { ..._ctx.item, index: _ctx.index },
             abttrites: _ctx.abttrites,
-            onClickTitle: clickTitle
+            extraAttrs: _ctx.extraAttrs,
+            onClickTitle: clickTitle,
+            onCellMouseEnter: cellMouseEnter,
+            onCellMouseLeave: cellMouseLeave
           }, {
+            batch: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "batch", {
+                row: _ctx.item,
+                index: _ctx.index
+              })
+            ]),
             index: vue.withCtx(() => [
               vue.createElementVNode("span", _hoisted_19, vue.toDisplayString(_ctx.index + 1), 1)
             ]),
@@ -249,14 +296,23 @@ const _sfc_main = vue.defineComponent({
               })
             ]),
             _: 3
-          }, 8, ["item", "abttrites"]))
+          }, 8, ["item", "abttrites", "extraAttrs"]))
         ], 2112)) : _ctx.item.catalog === "ilive" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 4 }, [
           vue.createCommentVNode(" \u4E91\u76F4\u64AD "),
           (vue.openBlock(), vue.createBlock(index$4, {
             key: `live-${_ctx.item.post_id}`,
             item: { ..._ctx.item, index: _ctx.index },
-            onClickTitle: clickTitle
+            extraAttrs: _ctx.extraAttrs,
+            onClickTitle: clickTitle,
+            onCellMouseEnter: cellMouseEnter,
+            onCellMouseLeave: cellMouseLeave
           }, {
+            batch: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "batch", {
+                row: _ctx.item,
+                index: _ctx.index
+              })
+            ]),
             index: vue.withCtx(() => [
               vue.createElementVNode("span", _hoisted_24, vue.toDisplayString(_ctx.index + 1), 1)
             ]),
@@ -267,14 +323,23 @@ const _sfc_main = vue.defineComponent({
               })
             ]),
             _: 3
-          }, 8, ["item"]))
+          }, 8, ["item", "extraAttrs"]))
         ], 2112)) : _ctx.item.catalog === "kongo" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 5 }, [
           vue.createCommentVNode(" \u529F\u80FD\u5BFC\u822A "),
           (vue.openBlock(), vue.createBlock(index$5, {
             key: `kongo-${_ctx.item.post_id}`,
             item: { ..._ctx.item, index: _ctx.index },
-            onClickTitle: clickTitle
+            extraAttrs: _ctx.extraAttrs,
+            onClickTitle: clickTitle,
+            onCellMouseEnter: cellMouseEnter,
+            onCellMouseLeave: cellMouseLeave
           }, {
+            batch: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "batch", {
+                row: _ctx.item,
+                index: _ctx.index
+              })
+            ]),
             index: vue.withCtx(() => [
               vue.createElementVNode("span", _hoisted_25, vue.toDisplayString(_ctx.index + 1), 1)
             ]),
@@ -297,15 +362,24 @@ const _sfc_main = vue.defineComponent({
               })
             ]),
             _: 3
-          }, 8, ["item"]))
+          }, 8, ["item", "extraAttrs"]))
         ], 2112)) : _ctx.item.catalog === "mp_content" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 6 }, [
           vue.createCommentVNode(" \u516C\u4F17\u53F7\u5185\u5BB9 "),
           (vue.openBlock(), vue.createBlock(index$6, {
             key: `doc-mp-${_ctx.item.post_id}`,
             abttrites: _ctx.abttrites,
+            extraAttrs: _ctx.extraAttrs,
             item: { ..._ctx.item, index: _ctx.index },
-            onClickTitle: clickTitle
+            onClickTitle: clickTitle,
+            onCellMouseEnter: cellMouseEnter,
+            onCellMouseLeave: cellMouseLeave
           }, {
+            batch: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "batch", {
+                row: _ctx.item,
+                index: _ctx.index
+              })
+            ]),
             index: vue.withCtx(() => [
               vue.createElementVNode("span", _hoisted_30, vue.toDisplayString(_ctx.index + 1), 1)
             ]),
@@ -328,14 +402,23 @@ const _sfc_main = vue.defineComponent({
               })
             ]),
             _: 3
-          }, 8, ["abttrites", "item"]))
+          }, 8, ["abttrites", "extraAttrs", "item"]))
         ], 2112)) : _ctx.item.catalog === "funhd" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 7 }, [
           vue.createCommentVNode(" \u4E92\u52A8\u8FD0\u8425\uFF08\u6613\u4F01\u79C0\uFF09 "),
           (vue.openBlock(), vue.createBlock(index$7, {
             key: `funhd-${_ctx.item.post_id}`,
             item: { ..._ctx.item, index: _ctx.index },
-            onClickTitle: clickTitle
+            extraAttrs: _ctx.extraAttrs,
+            onClickTitle: clickTitle,
+            onCellMouseEnter: cellMouseEnter,
+            onCellMouseLeave: cellMouseLeave
           }, {
+            batch: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "batch", {
+                row: _ctx.item,
+                index: _ctx.index
+              })
+            ]),
             index: vue.withCtx(() => [
               vue.createElementVNode("span", _hoisted_35, vue.toDisplayString(_ctx.index + 1), 1)
             ]),
@@ -346,14 +429,23 @@ const _sfc_main = vue.defineComponent({
               })
             ]),
             _: 3
-          }, 8, ["item"]))
+          }, 8, ["item", "extraAttrs"]))
         ], 2112)) : _ctx.item.catalog === "course" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 8 }, [
           vue.createCommentVNode(" \u8BFE\u7A0B "),
           (vue.openBlock(), vue.createBlock(index$8, {
             key: `course-${_ctx.item.post_id}`,
             item: { ..._ctx.item, index: _ctx.index },
-            onClickTitle: clickTitle
+            extraAttrs: _ctx.extraAttrs,
+            onClickTitle: clickTitle,
+            onCellMouseEnter: cellMouseEnter,
+            onCellMouseLeave: cellMouseLeave
           }, {
+            batch: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "batch", {
+                row: _ctx.item,
+                index: _ctx.index
+              })
+            ]),
             index: vue.withCtx(() => [
               vue.createElementVNode("span", _hoisted_36, vue.toDisplayString(_ctx.index + 1), 1)
             ]),
@@ -364,7 +456,7 @@ const _sfc_main = vue.defineComponent({
               })
             ]),
             _: 3
-          }, 8, ["item"]))
+          }, 8, ["item", "extraAttrs"]))
         ], 2112)) : vue.createCommentVNode("v-if", true)
       ], 2112);
     };

package/lib/contentDetailList/components/Doc/index.js

@@ -5,6 +5,7 @@ const _sfc_main = vue.defineComponent({
   __name: "index",
   props: {
     abttrites: {},
+    extraAttrs: {},
     item: {},
     index: {}
   },
@@ -24,6 +25,7 @@ const _sfc_main = vue.defineComponent({
       return vue.openBlock(), vue.createBlock(index, {
         item: _ctx.item,
         abttrites: _ctx.abttrites,
+        extraAttrs: _ctx.extraAttrs,
         onClickTitle: clickTitle,
         onCellMouseEnter: cellMouseEnter,
         onCellMouseLeave: cellMouseLeave
@@ -41,7 +43,7 @@ const _sfc_main = vue.defineComponent({
           })
         ]),
         _: 3
-      }, 8, ["item", "abttrites"]);
+      }, 8, ["item", "abttrites", "extraAttrs"]);
     };
   }
 });

package/lib/contentDetailList/components/Records/MatrixItem/index.js

@@ -0,0 +1,132 @@
+"use strict";
+var vue = require("vue");
+var webVue = require("@arco-design/web-vue");
+var icon = require("@arco-design/web-vue/es/icon");
+var component = require("../../../../typeIcons/component.js");
+var index = require("../../../../utils/index.js");
+var typeMap = require("../../../../utils/typeMap.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: "title_i" };
+const _hoisted_6 = { class: "abttrite-v" };
+const _hoisted_7 = { class: "left" };
+const _hoisted_8 = {
+  key: 0,
+  class: "abttr tags account"
+};
+const _hoisted_9 = { class: "name" };
+const _hoisted_10 = { class: "abttr tags state" };
+const _hoisted_11 = { class: "abttr tags user" };
+const _hoisted_12 = { class: "abttr time" };
+const _hoisted_13 = { class: "abttr tags state" };
+const _hoisted_14 = { class: "abttr time" };
+const _hoisted_15 = { class: "right" };
+const _sfc_main = vue.defineComponent({
+  __name: "index",
+  props: {
+    item: {},
+    extraAttrs: {}
+  },
+  emits: ["clickTitle", "cellMouseEnter", "cellMouseLeave"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { matrix } = props.extraAttrs || {};
+    const { getPlatformInfoById, accounts } = matrix || {};
+    const covers = vue.computed(() => {
+      return props.item.cover ? JSON.parse(props.item.cover) : [];
+    });
+    const account = vue.computed(() => {
+      return accounts == null ? void 0 : accounts.find(
+        (item) => item.platformAccountId === props.item.accountId
+      );
+    });
+    const platformInfo = vue.computed(() => {
+      return getPlatformInfoById(props.item.platformId);
+    });
+    const docTypeMap = {
+      Article: "imagetext",
+      Video: "video",
+      MiniVideo: "svideo"
+    };
+    const mouseEnterFun = (event, row) => {
+      emit("cellMouseEnter", { row, event });
+    };
+    const mouseLeaveFun = (event, row) => {
+      emit("cellMouseLeave", { row, event });
+    };
+    const clickTitle = () => {
+      emit("clickTitle", props.item);
+    };
+    return (_ctx, _cache) => {
+      var _a;
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: "matrix-records-item-view",
+        onMouseenter: _cache[0] || (_cache[0] = ($event) => mouseEnterFun($event, _ctx.item)),
+        onMouseleave: _cache[1] || (_cache[1] = ($event) => mouseLeaveFun($event, _ctx.item))
+      }, [
+        vue.createElementVNode("div", _hoisted_1, [
+          covers.value ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Image), {
+            key: 0,
+            src: covers.value[0],
+            preview: false,
+            fit: "cover",
+            class: "image"
+          }, null, 8, ["src"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, vue.toDisplayString(vue.unref(index.noCoverText)(_ctx.item)), 1)),
+          vue.createElementVNode("div", _hoisted_3, [
+            vue.renderSlot(_ctx.$slots, "batch", { row: _ctx.item })
+          ])
+        ]),
+        vue.createElementVNode("div", _hoisted_4, [
+          vue.createElementVNode("div", {
+            class: "title",
+            onClick: clickTitle
+          }, [
+            vue.renderSlot(_ctx.$slots, "index"),
+            vue.createElementVNode("span", _hoisted_5, vue.toDisplayString(_ctx.item.alias || _ctx.item.title), 1)
+          ]),
+          vue.createElementVNode("div", _hoisted_6, [
+            vue.createElementVNode("div", _hoisted_7, [
+              vue.createVNode(component, {
+                class: "icon",
+                doc: true,
+                type: docTypeMap[_ctx.item.contentType]
+              }, null, 8, ["type"]),
+              vue.renderSlot(_ctx.$slots, "tip"),
+              account.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8, [
+                platformInfo.value ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Image), {
+                  key: 0,
+                  class: "avatar",
+                  src: account.value.avatar,
+                  preview: false,
+                  fit: "cover"
+                }, null, 8, ["src"])) : vue.createCommentVNode("v-if", true),
+                vue.createElementVNode("span", _hoisted_9, vue.toDisplayString(account.value.name), 1)
+              ])) : vue.createCommentVNode("v-if", true),
+              vue.createElementVNode("span", _hoisted_10, vue.toDisplayString(vue.unref(typeMap.matrixPublishStateMap)[_ctx.item.publishState]), 1),
+              vue.createElementVNode("span", _hoisted_11, vue.toDisplayString(((_a = _ctx.item.user) == null ? void 0 : _a.alias) || "--"), 1),
+              vue.createElementVNode("span", _hoisted_12, [
+                vue.createVNode(vue.unref(icon.IconSubscribed)),
+                vue.createTextVNode(" \u53D1\u5E03\u65F6\u95F4: " + vue.toDisplayString(vue.unref(index.timeFormat)(_ctx.item.publishTime)), 1)
+              ]),
+              vue.createElementVNode("span", _hoisted_13, vue.toDisplayString(vue.unref(typeMap.matrixPublishFormalStateMap)[_ctx.item.platformState]), 1),
+              vue.createElementVNode("span", _hoisted_14, [
+                vue.createVNode(vue.unref(icon.IconSend)),
+                vue.createTextVNode(" \u5206\u53D1\u65F6\u95F4: " + vue.toDisplayString(vue.unref(index.timeFormat)(_ctx.item.distributeTime)), 1)
+              ])
+            ]),
+            vue.createElementVNode("div", _hoisted_15, [
+              vue.renderSlot(_ctx.$slots, "option", { row: _ctx.item })
+            ])
+          ])
+        ])
+      ], 32);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/contentDetailList/components/Records/index.js

@@ -0,0 +1,64 @@
+"use strict";
+var vue = require("vue");
+var index = require("./MatrixItem/index.js");
+const _hoisted_1 = { class: "index" };
+const _sfc_main = vue.defineComponent({
+  __name: "index",
+  props: {
+    item: {},
+    index: {},
+    abttrites: {},
+    extraAttrs: {},
+    parmas: {}
+  },
+  emits: [
+    "cellMouseEnter",
+    "cellMouseLeave",
+    "sortChange",
+    "clickTitle",
+    "dragstart"
+  ],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const cellMouseEnter = (params) => {
+      emit("cellMouseEnter", params);
+    };
+    const cellMouseLeave = (params) => {
+      emit("cellMouseLeave", params);
+    };
+    const clickTitle = (item) => {
+      emit("clickTitle", item);
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createCommentVNode(" \u81EA\u5A92\u4F53\u53D1\u5E03\u8BB0\u5F55 "),
+        _ctx.item.catalog === "matrix" ? (vue.openBlock(), vue.createBlock(index, {
+          key: `matrix-${_ctx.item.id}`,
+          item: { ..._ctx.item, index: _ctx.index },
+          extraAttrs: _ctx.extraAttrs,
+          onClickTitle: clickTitle,
+          onCellMouseEnter: cellMouseEnter,
+          onCellMouseLeave: cellMouseLeave
+        }, {
+          batch: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "batch", {
+              row: _ctx.item,
+              index: _ctx.index
+            })
+          ]),
+          index: vue.withCtx(() => [
+            vue.createElementVNode("span", _hoisted_1, vue.toDisplayString(_ctx.index + 1), 1)
+          ]),
+          option: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "option", {
+              row: _ctx.item,
+              index: _ctx.index
+            })
+          ]),
+          _: 3
+        }, 8, ["item", "extraAttrs"])) : vue.createCommentVNode("v-if", true)
+      ], 2112);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/contentDetailList/style/MatrixItem.less

@@ -0,0 +1,127 @@
+.matrix-records-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;
+
+      img {
+        width: 100%;
+        height: 100%;
+      }
+    }
+
+    .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 {
+      display: flex;
+      align-items: center;
+      margin-bottom: 10px;
+      overflow: hidden;
+      color: #1d2129;
+      font-weight: 400;
+      font-size: 14px;
+      font-style: normal;
+      line-height: 22px;
+      cursor: pointer;
+      -webkit-line-clamp: 2;
+      -webkit-box-orient: vertical;
+    }
+
+    .abttrite-v {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+
+      .left {
+        display: flex;
+        align-items: center;
+        color: #808692;
+        font-size: 12px;
+
+        .abttr {
+          display: inline-block;
+          width: 130px;
+          margin-right: 10px;
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+
+          &.time {
+            width: 240px;
+          }
+
+          &.tags {
+            display: flex;
+            align-items: center;
+            width: 190px;
+          }
+        }
+
+        .account {
+          margin-left: 10px;
+
+          .avatar {
+            width: 25px;
+            height: 25px;
+            margin-right: 10px;
+            border-radius: 50%;
+
+            img {
+              width: 100%;
+              height: 100%;
+            }
+          }
+        }
+
+        .state {
+          &::before {
+            display: inline-block;
+            width: 6px;
+            height: 6px;
+            margin-right: 5px;
+            background-color: currentColor;
+            border-radius: 50%;
+            content: '';
+          }
+        }
+      }
+
+      .right {
+        margin-right: 20px;
+      }
+    }
+  }
+}