@cmstops/pro-compo 0.1.61 → 0.1.62

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

@@ -0,0 +1,131 @@
+import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, createBlock, unref, toDisplayString, renderSlot, createVNode, createCommentVNode, createTextVNode } from "vue";
+import { Image } from "@arco-design/web-vue";
+import { IconSubscribed, IconSend } from "@arco-design/web-vue/es/icon";
+import _sfc_main$1 from "../../../../typeIcons/component.js";
+import { noCoverText, timeFormat } from "../../../../utils/index.js";
+import { matrixPublishStateMap, matrixPublishFormalStateMap } from "../../../../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 = 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 = computed(() => {
+      return props.item.cover ? JSON.parse(props.item.cover) : [];
+    });
+    const account = computed(() => {
+      return accounts == null ? void 0 : accounts.find(
+        (item) => item.platformAccountId === props.item.accountId
+      );
+    });
+    const platformInfo = 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 openBlock(), 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))
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          covers.value ? (openBlock(), createBlock(unref(Image), {
+            key: 0,
+            src: covers.value[0],
+            preview: false,
+            fit: "cover",
+            class: "image"
+          }, 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"),
+            createElementVNode("span", _hoisted_5, toDisplayString(_ctx.item.alias || _ctx.item.title), 1)
+          ]),
+          createElementVNode("div", _hoisted_6, [
+            createElementVNode("div", _hoisted_7, [
+              createVNode(_sfc_main$1, {
+                class: "icon",
+                doc: true,
+                type: docTypeMap[_ctx.item.contentType]
+              }, null, 8, ["type"]),
+              renderSlot(_ctx.$slots, "tip"),
+              account.value ? (openBlock(), createElementBlock("span", _hoisted_8, [
+                platformInfo.value ? (openBlock(), createBlock(unref(Image), {
+                  key: 0,
+                  class: "avatar",
+                  src: account.value.avatar,
+                  preview: false,
+                  fit: "cover"
+                }, null, 8, ["src"])) : createCommentVNode("v-if", true),
+                createElementVNode("span", _hoisted_9, toDisplayString(account.value.name), 1)
+              ])) : createCommentVNode("v-if", true),
+              createElementVNode("span", _hoisted_10, toDisplayString(unref(matrixPublishStateMap)[_ctx.item.publishState]), 1),
+              createElementVNode("span", _hoisted_11, toDisplayString(((_a = _ctx.item.user) == null ? void 0 : _a.alias) || "--"), 1),
+              createElementVNode("span", _hoisted_12, [
+                createVNode(unref(IconSubscribed)),
+                createTextVNode(" \u53D1\u5E03\u65F6\u95F4: " + toDisplayString(unref(timeFormat)(_ctx.item.publishTime)), 1)
+              ]),
+              createElementVNode("span", _hoisted_13, toDisplayString(unref(matrixPublishFormalStateMap)[_ctx.item.platformState]), 1),
+              createElementVNode("span", _hoisted_14, [
+                createVNode(unref(IconSend)),
+                createTextVNode(" \u5206\u53D1\u65F6\u95F4: " + toDisplayString(unref(timeFormat)(_ctx.item.distributeTime)), 1)
+              ])
+            ]),
+            createElementVNode("div", _hoisted_15, [
+              renderSlot(_ctx.$slots, "option", { row: _ctx.item })
+            ])
+          ])
+        ])
+      ], 32);
+    };
+  }
+});
+export { _sfc_main as default };

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

@@ -0,0 +1,63 @@
+import { defineComponent, openBlock, createElementBlock, Fragment, createCommentVNode, createBlock, withCtx, renderSlot, createElementVNode, toDisplayString } from "vue";
+import _sfc_main$1 from "./MatrixItem/index.js";
+const _hoisted_1 = { class: "index" };
+const _sfc_main = 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 openBlock(), createElementBlock(Fragment, null, [
+        createCommentVNode(" \u81EA\u5A92\u4F53\u53D1\u5E03\u8BB0\u5F55 "),
+        _ctx.item.catalog === "matrix" ? (openBlock(), createBlock(_sfc_main$1, {
+          key: `matrix-${_ctx.item.id}`,
+          item: { ..._ctx.item, index: _ctx.index },
+          extraAttrs: _ctx.extraAttrs,
+          onClickTitle: clickTitle,
+          onCellMouseEnter: cellMouseEnter,
+          onCellMouseLeave: cellMouseLeave
+        }, {
+          batch: withCtx(() => [
+            renderSlot(_ctx.$slots, "batch", {
+              row: _ctx.item,
+              index: _ctx.index
+            })
+          ]),
+          index: withCtx(() => [
+            createElementVNode("span", _hoisted_1, toDisplayString(_ctx.index + 1), 1)
+          ]),
+          option: withCtx(() => [
+            renderSlot(_ctx.$slots, "option", {
+              row: _ctx.item,
+              index: _ctx.index
+            })
+          ]),
+          _: 3
+        }, 8, ["item", "extraAttrs"])) : createCommentVNode("v-if", true)
+      ], 2112);
+    };
+  }
+});
+export { _sfc_main as default };

package/es/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;
+      }
+    }
+  }
+}

package/es/contentDetailList/style/index.css

@@ -934,6 +934,113 @@
 .medialist-funhd-item-view .info-view .abttrite-v .right {
   margin-right: 20px;
 }
+.matrix-records-item-view {
+  display: flex;
+  padding: 10px;
+  border-bottom: 1px solid #f0f0f0;
+}
+.matrix-records-item-view:hover {
+  background: #fafafa;
+}
+.matrix-records-item-view .cover-view {
+  position: relative;
+  flex-shrink: 0;
+  width: 110px;
+  height: 70px;
+  margin-right: 20px;
+  background: #edf3ff;
+}
+.matrix-records-item-view .cover-view .image {
+  width: 100%;
+  height: 100%;
+  border-radius: 4px;
+}
+.matrix-records-item-view .cover-view .image img {
+  width: 100%;
+  height: 100%;
+}
+.matrix-records-item-view .cover-view .no-img {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  color: white;
+  font-size: 30px;
+}
+.matrix-records-item-view .info-view {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  justify-content: space-between;
+  padding: 2px 0;
+}
+.matrix-records-item-view .info-view .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;
+}
+.matrix-records-item-view .info-view .abttrite-v {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.matrix-records-item-view .info-view .abttrite-v .left {
+  display: flex;
+  align-items: center;
+  color: #808692;
+  font-size: 12px;
+}
+.matrix-records-item-view .info-view .abttrite-v .left .abttr {
+  display: inline-block;
+  width: 130px;
+  margin-right: 10px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.matrix-records-item-view .info-view .abttrite-v .left .abttr.time {
+  width: 240px;
+}
+.matrix-records-item-view .info-view .abttrite-v .left .abttr.tags {
+  display: flex;
+  align-items: center;
+  width: 190px;
+}
+.matrix-records-item-view .info-view .abttrite-v .left .account {
+  margin-left: 10px;
+}
+.matrix-records-item-view .info-view .abttrite-v .left .account .avatar {
+  width: 25px;
+  height: 25px;
+  margin-right: 10px;
+  border-radius: 50%;
+}
+.matrix-records-item-view .info-view .abttrite-v .left .account .avatar img {
+  width: 100%;
+  height: 100%;
+}
+.matrix-records-item-view .info-view .abttrite-v .left .state::before {
+  display: inline-block;
+  width: 6px;
+  height: 6px;
+  margin-right: 5px;
+  background-color: currentColor;
+  border-radius: 50%;
+  content: '';
+}
+.matrix-records-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

@@ -9,6 +9,7 @@
 @import './DocMpItem.less';
 @import './courseItem.less';
 @import './funhdItem.less';
+@import './MatrixItem.less';
 
 .gray-for-state-hide {
   -webkit-filter: grayscale(100%);

package/es/index.css

@@ -2953,6 +2953,113 @@
 .medialist-funhd-item-view .info-view .abttrite-v .right {
   margin-right: 20px;
 }
+.matrix-records-item-view {
+  display: flex;
+  padding: 10px;
+  border-bottom: 1px solid #f0f0f0;
+}
+.matrix-records-item-view:hover {
+  background: #fafafa;
+}
+.matrix-records-item-view .cover-view {
+  position: relative;
+  flex-shrink: 0;
+  width: 110px;
+  height: 70px;
+  margin-right: 20px;
+  background: #edf3ff;
+}
+.matrix-records-item-view .cover-view .image {
+  width: 100%;
+  height: 100%;
+  border-radius: 4px;
+}
+.matrix-records-item-view .cover-view .image img {
+  width: 100%;
+  height: 100%;
+}
+.matrix-records-item-view .cover-view .no-img {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  color: white;
+  font-size: 30px;
+}
+.matrix-records-item-view .info-view {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  justify-content: space-between;
+  padding: 2px 0;
+}
+.matrix-records-item-view .info-view .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;
+}
+.matrix-records-item-view .info-view .abttrite-v {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.matrix-records-item-view .info-view .abttrite-v .left {
+  display: flex;
+  align-items: center;
+  color: #808692;
+  font-size: 12px;
+}
+.matrix-records-item-view .info-view .abttrite-v .left .abttr {
+  display: inline-block;
+  width: 130px;
+  margin-right: 10px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.matrix-records-item-view .info-view .abttrite-v .left .abttr.time {
+  width: 240px;
+}
+.matrix-records-item-view .info-view .abttrite-v .left .abttr.tags {
+  display: flex;
+  align-items: center;
+  width: 190px;
+}
+.matrix-records-item-view .info-view .abttrite-v .left .account {
+  margin-left: 10px;
+}
+.matrix-records-item-view .info-view .abttrite-v .left .account .avatar {
+  width: 25px;
+  height: 25px;
+  margin-right: 10px;
+  border-radius: 50%;
+}
+.matrix-records-item-view .info-view .abttrite-v .left .account .avatar img {
+  width: 100%;
+  height: 100%;
+}
+.matrix-records-item-view .info-view .abttrite-v .left .state::before {
+  display: inline-block;
+  width: 6px;
+  height: 6px;
+  margin-right: 5px;
+  background-color: currentColor;
+  border-radius: 50%;
+  content: '';
+}
+.matrix-records-item-view .info-view .abttrite-v .right {
+  margin-right: 20px;
+}
 .gray-for-state-hide {
   -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);

package/es/selectThumb/component.js

@@ -154,7 +154,6 @@ const _sfc_main = defineComponent({
         }
         emit("update:dataValue", JSON.stringify(temp));
       }
-      console.log("callbackData", JSON.stringify(temp));
     };
     const curtemplate = computed(() => {
       if (props.mode !== "doc") {
@@ -301,12 +300,6 @@ const _sfc_main = defineComponent({
         };
         styleData.value.data = temp;
       }
-      console.log(
-        "thumbBannerModel:",
-        thumbBannerModel.value,
-        "styleData:",
-        styleData.value
-      );
       callback(styleData.value);
     };
     const loadImage = (url) => {

package/es/utils/typeMap.d.ts

@@ -141,3 +141,26 @@ export declare const local_live_doc_status: {
     label: string;
     bgColor: string;
 }[];
+export declare const matrixPublishStateMap: {
+    0: string;
+    1: string;
+    2: string;
+    3: string;
+};
+export declare const matrixPublishFormalStateMap: {
+    '-1': string;
+    0: string;
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+    11: string;
+    12: string;
+    13: string;
+};

package/es/utils/typeMap.js

@@ -15,7 +15,8 @@ const key_target_type_map = {
   15: "kongo",
   16: "mp_content",
   17: "funhd",
-  18: "course"
+  18: "course",
+  19: "matrix"
 };
 const approveFlowStatusMap = {
   1: "\u5BA1\u6838\u4E2D",
@@ -135,4 +136,27 @@ const local_live_doc_status = [
   { value: 1, label: "\u76F4\u64AD\u4E2D", bgColor: "#FF192D" },
   { value: 2, label: "\u5DF2\u7ED3\u675F", bgColor: "#C9CDD4" }
 ];
-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, mpTypeOptions, mp_type_map };
+const matrixPublishStateMap = {
+  0: "\u5F85\u53D1\u5E03",
+  1: "\u53D1\u5E03\u4E2D",
+  2: "\u53D1\u5E03\u6210\u529F",
+  3: "\u53D1\u5E03\u5931\u8D25"
+};
+const matrixPublishFormalStateMap = {
+  "-1": "\u5F85\u83B7\u53D6\u72B6\u6001",
+  0: "\u5DF2\u53D1\u5E03",
+  1: "\u5BA1\u6838\u4E2D",
+  2: "\u672A\u901A\u8FC7",
+  3: "\u5DF2\u64A4\u56DE",
+  4: "\u8349\u7A3F",
+  5: "\u5B9A\u65F6\u53D1\u5E03",
+  6: "\u5DF2\u5220\u9664",
+  7: "\u5F85\u5904\u7406",
+  8: "\u5904\u7406\u5931\u8D25",
+  9: "\u5B98\u65B9\u64A4\u56DE",
+  10: "\u7528\u6237\u64A4\u56DE",
+  11: "\u4E0D\u9002\u5B9C\u516C\u5F00",
+  12: "\u672A\u77E5",
+  13: "\u79C1\u5BC6"
+};
+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, mpTypeOptions, mp_type_map };