@cmstops/pro-compo 0.1.9 → 0.1.11

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

@@ -0,0 +1,59 @@
+"use strict";
+var vue = require("vue");
+var webVue = require("@arco-design/web-vue");
+var index = require("../Content/DocItem/index.js");
+const _hoisted_1 = { class: "media-common-detail-list-container" };
+const _sfc_main = vue.defineComponent({
+  __name: "index",
+  props: {
+    abttrites: {},
+    getData: {}
+  },
+  emits: ["cellMouseEnter", "cellMouseLeave", "clickTitle"],
+  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("div", _hoisted_1, [
+        vue.createVNode(vue.unref(webVue.Scrollbar), { class: "data-ul" }, {
+          default: vue.withCtx(() => [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.getData, (item, index$1) => {
+              return vue.openBlock(), vue.createBlock(index, {
+                key: index$1,
+                item,
+                abttrites: _ctx.abttrites,
+                onClickTitle: clickTitle,
+                onCellMouseEnter: cellMouseEnter,
+                onCellMouseLeave: cellMouseLeave
+              }, {
+                batch: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "batch", {
+                    row: item,
+                    index: index$1
+                  })
+                ]),
+                option: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "option", {
+                    row: item,
+                    index: index$1
+                  })
+                ]),
+                _: 2
+              }, 1032, ["item", "abttrites"]);
+            }), 128))
+          ]),
+          _: 3
+        })
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/contentDetailList/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var component = require("./component.js");
+const contentDetailList = Object.assign(component, {
+  install: (app) => {
+    app.component(component.name, component);
+  }
+});
+module.exports = contentDetailList;

package/lib/contentDetailList/scripts/index.js

@@ -0,0 +1,153 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+var vue = require("vue");
+const componentsColumns = {
+  banner: { value: "banner", label: "\u8F6E\u64AD\u7EC4\u4EF6" },
+  top: { value: "top", label: "\u7F6E\u9876\u7EC4\u4EF6" },
+  horizon_slide: { value: "horizon_slide", label: "\u6A2A\u6ED1\u7EC4\u4EF6" },
+  svideo: { value: "svideo", label: "\u5C0F\u89C6\u9891\u7EC4\u4EF6" },
+  special: { value: "special", label: "\u4E13\u9898/\u5408\u96C6\u7EC4\u4EF6" },
+  news_letter: { value: "news_letter", label: "\u5FEB\u8BAF\u7EC4\u4EF6" },
+  focus: { value: "focus", label: "\u70ED\u70B9\u7EC4\u4EF6" },
+  radio: { value: "radio", label: "\u5E7F\u64AD\u7EC4\u4EF6", simple: true },
+  tv: { value: "tv", label: "\u7535\u89C6\u7EC4\u4EF6", simple: true },
+  mp_account: { value: "mp_account", label: "\u516C\u4F17\u53F7\u7EC4\u4EF6" },
+  column: { value: "column", label: "\u5206\u680F\u7EC4\u4EF6" },
+  kongo: { value: "kongo", label: "\u529F\u80FD\u5BFC\u822A\u7EC4\u4EF6" }
+};
+const docThumbObjMap = {
+  1: { alias: "\u4E09\u56FE", maxLength: 3, value: "1", ratio: 4 / 3 },
+  2: { alias: "\u5927\u56FE", maxLength: 1, value: "2", ratio: 16 / 9 },
+  3: { alias: "\u5355\u56FE", maxLength: 1, value: "3", ratio: 4 / 3 },
+  4: { alias: "\u65E0\u56FE", maxLength: 0, value: "4", ratio: 1 },
+  5: { alias: "\u7AD6\u56FE", maxLength: 1, value: "5", ratio: 3 / 4 },
+  7: { alias: "\u7A84\u56FE", maxLength: 1, value: "7", ratio: 4 / 1 }
+};
+const contentList_relation_type_map = {
+  0: "\u624B\u52A8",
+  1: "\u94FE\u63A5",
+  2: "\u5F15\u7528",
+  3: "\u7EA7\u8054",
+  4: "\u5E94\u7528",
+  10: "\u81EA\u52A8"
+};
+const contentList_layout_map = {
+  blank: "\u6807\u51C6\u4FE1\u606F\u6D41",
+  svideo: "\u53CC\u5411\u5C0F\u89C6\u9891",
+  fly_card: "\u98DE\u5361\u9605\u8BFB",
+  video: "\u89C6\u9891\u98CE\u683C",
+  immersive_video: "\u6C89\u6D78\u5C0F\u89C6\u9891",
+  timeline: "\u65F6\u95F4\u94FE",
+  lbs: "LBS\u9891\u9053"
+};
+const kongo_source_map = {
+  app: "\u5E94\u7528",
+  url: "\u94FE\u63A5",
+  document: "\u7A3F\u4EF6",
+  category_list: "\u9891\u9053",
+  service: "\u670D\u52A1"
+};
+const contentList_list_type_map = {
+  1: "\u624B\u52A8\u5217\u8868",
+  2: "\u81EA\u52A8\u5217\u8868",
+  3: "\u63A8\u8350\u5217\u8868",
+  4: "\u9891\u9053",
+  5: "\u4E13\u9898",
+  6: "\u5FEB\u8BAF",
+  7: "\u7EC4\u4EF6"
+};
+const docStateMap = {
+  0: "\u8349\u7A3F",
+  10: "\u5BA1\u6838\u4E2D",
+  12: "\u5BA1\u6838\u4E2D",
+  13: "\u88AB\u9A73\u56DE",
+  14: "\u5DF2\u53D1\u5E03",
+  15: "\u5DF2\u53D1\u5E03",
+  16: "\u5DF2\u4E0B\u7EBF",
+  17: "\u5DF2\u5220\u9664",
+  19: "\u5B9A\u65F6\u53D1\u5E03",
+  22: "\u5DF2\u4E0B\u7EBF"
+};
+const approveFlowStatusMap = {
+  1: "\u5BA1\u6838\u4E2D",
+  2: "\u5DF2\u62D2\u7EDD",
+  3: "\u5DF2\u901A\u8FC7",
+  4: "\u5DF2\u64A4\u9500",
+  5: "\u5DF2\u901A\u8FC7",
+  6: "\u5DF2\u9A73\u56DE",
+  7: "\u91CD\u65B0\u53D1\u8D77",
+  8: "\u5DF2\u7ED3\u675F"
+};
+const compoColumnsMap = () => {
+  const obj = vue.ref({});
+  Object.keys(componentsColumns).forEach((key) => {
+    obj.value[key] = componentsColumns[key].label.replace("\u7EC4\u4EF6", "");
+  });
+  return obj;
+};
+const docThumbMap = () => {
+  const obj = vue.ref({});
+  Object.keys(docThumbObjMap).forEach((key) => {
+    obj[key] = docThumbObjMap[key].alias;
+  });
+  return obj;
+};
+const noCoverText = (item) => {
+  const text = item.alias || item.title;
+  return text.substring(0, 2);
+};
+const timeFormat = vue.computed(() => {
+  return (value) => {
+    if (value === 0)
+      return "--";
+    if (!value)
+      return "--";
+    if (typeof value === "number" && String(value).length === 10) {
+      value *= 1e3;
+    }
+    const date = new Date(value);
+    return `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()} ${date.getHours() < 10 ? `0${date.getHours()}` : date.getHours()}:${date.getMinutes() < 10 ? `0${date.getMinutes()}` : date.getMinutes()}`;
+  };
+});
+const approvalItem = (item) => {
+  if (!(item.approval_status && item.approval_status.current_processes)) {
+    return null;
+  }
+  return item.approval_status;
+};
+const calcApprovingUser = (data) => {
+  if (data.current_processes[0] && data.current_processes[0].users && data.current_processes[0].users[0]) {
+    const ApvUser = data.current_processes[0].users[0];
+    let alias = ApvUser.user_alias || "";
+    if (ApvUser.uid === "__smart_robot") {
+      alias = "AI\u52A9\u624B";
+    }
+    if (data.current_processes[0].users.length > 1) {
+      alias += "\u7B49";
+    }
+    return alias;
+  }
+  return "";
+};
+const calcApprovingDependent = (data) => {
+  let alias = "";
+  if (data.current_processes && data.current_processes.length && data.current_processes[0] && (data.current_processes[0].users && data.current_processes[0].users.length > 1 || data.current_processes[0].uid && data.current_processes[0].uid.length > 1)) {
+    alias = !data.current_processes[0].dependent ? "\uFF08\u4F1A\u7B7E\uFF09" : "\uFF08\u6216\u7B7E\uFF09";
+  }
+  return alias;
+};
+exports.approvalItem = approvalItem;
+exports.approveFlowStatusMap = approveFlowStatusMap;
+exports.calcApprovingDependent = calcApprovingDependent;
+exports.calcApprovingUser = calcApprovingUser;
+exports.compoColumnsMap = compoColumnsMap;
+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.docStateMap = docStateMap;
+exports.docThumbMap = docThumbMap;
+exports.docThumbObjMap = docThumbObjMap;
+exports.kongo_source_map = kongo_source_map;
+exports.noCoverText = noCoverText;
+exports.timeFormat = timeFormat;

package/lib/contentDetailList/style/ComoItem.less

@@ -0,0 +1,106 @@
+.gray_for_hide {
+  -webkit-filter: grayscale(100%);
+  -moz-filter: grayscale(100%);
+  -ms-filter: grayscale(100%);
+  -o-filter: grayscale(100%);
+  filter: grayscale(100%);
+  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
+  filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
+}
+
+.medialist-component-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;
+    }
+
+    .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: -webkit-box;
+      margin-bottom: 10px;
+      overflow: hidden;
+      color: #1d2129;
+      // width: calc(100vw - 500px);
+      // display: flex;
+      font-size: 14px;
+      line-height: 1.5;
+      cursor: pointer;
+      -webkit-line-clamp: 2;
+      -webkit-box-orient: vertical;
+      // &:hover {
+      //   text-decoration: underline;
+      //   color: #4886ff;
+      // }
+    }
+
+    .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: inline-block;
+            width: 175px;
+          }
+        }
+      }
+
+      .right {
+        margin-right: 20px;
+      }
+    }
+  }
+}

package/lib/contentDetailList/style/Content.less

@@ -0,0 +1,49 @@
+.content-common-detail-list-container {
+  * {
+    &::selection {
+      display: none;
+    }
+  }
+
+  .fix_position {
+    position: relative;
+    margin-right: 10px;
+    color: #4886ff;
+
+    .doc-fixed-num {
+      position: absolute;
+      right: -7px;
+      bottom: 0;
+      color: #bababa;
+      font-size: 12px;
+    }
+  }
+
+  .index {
+    display: inline-block;
+    flex-shrink: 0;
+    box-sizing: border-box;
+    min-width: 15px;
+    height: 15px;
+    margin-right: 10px;
+    padding: 4px;
+    color: #4886ff;
+    font-size: 12px;
+    line-height: 0.6;
+    text-align: center;
+    background: #edf3ff;
+    border-radius: 3px;
+  }
+
+  .d_time,
+  .add_new {
+    margin: 0;
+    margin-right: 10px;
+    font-size: 14px;
+    vertical-align: middle;
+  }
+
+  .d_time {
+    color: #7da8ff;
+  }
+}

package/lib/contentDetailList/style/ContentListItem.less

@@ -0,0 +1,131 @@
+.gray_for_hide {
+  -webkit-filter: grayscale(100%);
+  -moz-filter: grayscale(100%);
+  -ms-filter: grayscale(100%);
+  -o-filter: grayscale(100%);
+  filter: grayscale(100%);
+  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
+  filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
+}
+
+.medialist-component-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;
+
+    .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 {
+      display: -webkit-box;
+      margin-bottom: 10px;
+      overflow: hidden;
+      color: #1d2129;
+      // width: calc(100vw - 500px);
+      // display: flex;
+      font-size: 14px;
+      line-height: 1.5;
+      cursor: pointer;
+      -webkit-line-clamp: 2;
+      -webkit-box-orient: vertical;
+
+      &:hover {
+        .title_i {
+          color: #4886ff;
+          text-decoration: underline;
+        }
+      }
+
+      .title_i {
+        margin-right: 10px;
+      }
+      // .title_i:hover {
+      //   text-decoration: underline;
+      //   color: #4886ff;
+      // }
+    }
+
+    .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: inline-block;
+            width: 175px;
+          }
+        }
+      }
+
+      .right {
+        margin-right: 20px;
+      }
+    }
+  }
+}
+
+.lbs_tips {
+  color: #a3a3a3;
+  font-size: 8px;
+
+  .icon-xiangqing1 {
+    margin-right: 3px;
+    font-size: 10px;
+  }
+
+  &.red {
+    color: red;
+  }
+}

package/lib/contentDetailList/style/Doc.less

@@ -0,0 +1,8 @@
+.media-common-detail-list-container {
+  width: 100%;
+  border: 1px solid #f0f0f0;
+
+  .data-ul {
+    height: 100%;
+  }
+}

package/lib/contentDetailList/style/DocItem.less

@@ -0,0 +1,145 @@
+.gray_for_hide {
+  -webkit-filter: grayscale(100%);
+  -moz-filter: grayscale(100%);
+  -ms-filter: grayscale(100%);
+  -o-filter: grayscale(100%);
+  filter: grayscale(100%);
+  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
+  filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
+}
+
+.medialist-doc-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;
+
+    .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 {
+      display: -webkit-box;
+      display: flex;
+      align-items: center;
+      margin-bottom: 10px;
+      overflow: hidden;
+      color: #1d2129;
+      // width: calc(100vw - 500px);
+      // display: flex;
+      font-size: 17px;
+      line-height: 1.5;
+      word-break: break-all;
+      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: 160px;
+        }
+
+        .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;
+      }
+    }
+  }
+}
+
+.popper-categories {
+  max-width: 600px;
+}