@cmstops/pro-compo 0.1.20 → 0.1.22

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

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

package/lib/contentDetailList/style/ComoItem.less

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

package/lib/contentDetailList/style/DocItem.less

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

package/lib/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/lib/contentDetailList/style/LiveItem.less

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

package/lib/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/lib/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%);

package/lib/contentModal/component.js

@@ -54,7 +54,6 @@ const _sfc_main = vue.defineComponent({
     };
     const { userInfo, getUserInfoHandle } = user["default"](BASE_API);
     const HandleOpen = () => {
-      console.log(props.outsideSelectData);
       selectedData.value = props.defaultSelectedData || [];
     };
     const HandleClose = () => {

package/lib/contentModal/components/ViewAllColumn/index.js

@@ -64,6 +64,7 @@ const _sfc_main = vue.defineComponent({
         }
       }
       addDataToSelectedList(record);
+      return true;
     };
     const addDataToSelectedList = async (record) => {
       const index2 = selectedData.value.findIndex((v) => v.id === record.id);

package/lib/editMetaInfo/component.js

@@ -0,0 +1,88 @@
+"use strict";
+var vue = require("vue");
+var webVue = require("@arco-design/web-vue");
+var api = require("./script/api.js");
+var metaInfoForm = require("./components/metaInfoForm.js");
+var dialogVisible = require("../hooks/dialogVisible.js");
+var config = require("../config.js");
+const _hoisted_1 = { class: "edit-meta-info-container" };
+const _hoisted_2 = { style: { "padding": "20px" } };
+const _sfc_main = vue.defineComponent({
+  ...{ name: "editMetaInfo" },
+  __name: "component",
+  props: {
+    BASE_API: {},
+    visible: { type: Boolean },
+    hashId: {}
+  },
+  emits: ["update:visible", "submit"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const metaInfoFormRef = vue.ref();
+    const editorDataPubInfo = vue.ref(null);
+    const BASE_API = props.BASE_API || config.DEFAULT_BASE_API;
+    const handleOpen = async () => {
+      if (props.hashId) {
+        const { code, message } = await api.getDocDetailsNew(BASE_API, {
+          hashid: props.hashId
+        });
+        if (code === 0) {
+          editorDataPubInfo.value = {
+            id: message.id,
+            title: message.title,
+            series: message.series,
+            ...message.meta
+          };
+        }
+      }
+    };
+    const { visible, setVisible } = dialogVisible(props, emit);
+    const handleOk = async () => {
+      const meta = await metaInfoFormRef.value.getFormData("valid");
+      if (meta) {
+        const data = { id: editorDataPubInfo.value.id, meta };
+        emit("submit", data);
+      }
+    };
+    const handleCancel = () => {
+      setVisible(false);
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(vue.unref(webVue.Modal), {
+          visible: vue.unref(visible),
+          width: "800px",
+          "mask-closable": false,
+          "title-align": "start",
+          "body-class": "edit-meta-info-dialog-body",
+          "unmount-on-close": "",
+          title: "\u7F16\u8F91\u7A3F\u7B7E",
+          onOpen: handleOpen,
+          onOk: handleOk,
+          onCancel: handleCancel
+        }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(vue.unref(webVue.Scrollbar), {
+              "outer-style": "height: 60vh; overflow: auto",
+              style: { "height": "100%", "overflow": "auto" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createElementVNode("div", _hoisted_2, [
+                  vue.createVNode(metaInfoForm, {
+                    ref_key: "metaInfoFormRef",
+                    ref: metaInfoFormRef,
+                    BASE_API: vue.unref(BASE_API),
+                    "init-data": editorDataPubInfo.value
+                  }, null, 8, ["BASE_API", "init-data"])
+                ])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["visible"])
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;