@cmstops/pro-compo 0.1.17 → 0.1.19

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

@@ -3,7 +3,8 @@ 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("../../../scripts/index.js");
+var index = require("../../../../utils/index.js");
+var typeMap = require("../../../../utils/typeMap.js");
 const _hoisted_1 = { class: "cover-view" };
 const _hoisted_2 = {
   key: 1,
@@ -11,10 +12,10 @@ const _hoisted_2 = {
 };
 const _hoisted_3 = { class: "info-view" };
 const _hoisted_4 = { class: "title_i" };
-const _hoisted_5 = { class: "lbs_tips" };
+const _hoisted_5 = { class: "title-tips" };
 const _hoisted_6 = {
   key: 0,
-  class: "lbs_tips red"
+  class: "title-tips red"
 };
 const _hoisted_7 = { class: "abttrite-v" };
 const _hoisted_8 = { class: "left" };
@@ -26,7 +27,7 @@ const _sfc_main = vue.defineComponent({
   __name: "index",
   props: {
     item: {},
-    query: {}
+    parmas: {}
   },
   emits: ["clickTitle"],
   setup(__props, { emit }) {
@@ -40,13 +41,14 @@ const _sfc_main = vue.defineComponent({
     };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["medialist-component-item-view", { gray_for_hide: hide.value }])
+        class: vue.normalizeClass(["medialist-component-item-view", { "gray-for-state-hide": hide.value }])
       }, [
         vue.createElementVNode("div", _hoisted_1, [
           _ctx.item.cover && _ctx.item.cover.data && _ctx.item.cover.data[0] ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Image), {
             key: 0,
             src: _ctx.item.cover.data[0].thumb,
-            fit: "cover"
+            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, [
@@ -64,12 +66,18 @@ const _sfc_main = vue.defineComponent({
               position: "top",
               trigger: "hover"
             }, {
-              default: vue.withCtx(() => [
-                _ctx.query === "lbs" && _ctx.item.geo_code.length === 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6, [
-                  vue.createVNode(vue.unref(icon.IconInfoCircle), { size: "16" }),
-                  vue.createTextVNode(" \u9891\u9053\u6682\u672A\u7ED1\u5B9A\u5730\u7406\u4F4D\u7F6E ")
-                ])) : vue.createCommentVNode("v-if", true)
-              ]),
+              default: vue.withCtx(() => {
+                var _a, _b, _c, _d;
+                return [
+                  ((_b = (_a = _ctx.parmas) == null ? void 0 : _a.labelTip) == null ? void 0 : _b.info(_ctx.item)) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6, [
+                    vue.createVNode(vue.unref(icon.IconInfoCircle), {
+                      class: "icon",
+                      size: "16"
+                    }),
+                    vue.createElementVNode("span", null, vue.toDisplayString(((_d = (_c = _ctx.parmas) == null ? void 0 : _c.labelTip) == null ? void 0 : _d.info(_ctx.item)) || ""), 1)
+                  ])) : vue.createCommentVNode("v-if", true)
+                ];
+              }),
               _: 1
             })
           ]),
@@ -81,10 +89,10 @@ const _sfc_main = vue.defineComponent({
                 type: _ctx.item.series
               }, null, 8, ["type"]),
               vue.createElementVNode("span", _hoisted_9, [
-                vue.createTextVNode(vue.toDisplayString(vue.unref(index.contentList_relation_type_map)[_ctx.item.relation_type]) + "\u9891\u9053", 1),
+                vue.createTextVNode(vue.toDisplayString(vue.unref(typeMap.contentList_relation_type_map)[_ctx.item.relation_type]) + "\u9891\u9053", 1),
                 vue.renderSlot(_ctx.$slots, "tip")
               ]),
-              vue.createElementVNode("span", _hoisted_10, vue.toDisplayString(vue.unref(index.contentList_layout_map)[_ctx.item.list_layout || "blank"]), 1),
+              vue.createElementVNode("span", _hoisted_10, vue.toDisplayString(vue.unref(typeMap.contentList_layout_map)[_ctx.item.list_layout || "blank"]), 1),
               vue.createElementVNode("span", _hoisted_11, "\u53D1\u5E03\u65F6\u95F4: " + vue.toDisplayString(vue.unref(index.timeFormat)(_ctx.item.pub_time)), 1)
             ]),
             vue.createElementVNode("div", _hoisted_12, [

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

@@ -1,6 +1,6 @@
 "use strict";
 var vue = require("vue");
-var index = require("../../../../scripts/index.js");
+var typeMap = require("../../../../../utils/typeMap.js");
 const _hoisted_1 = {
   key: 0,
   class: "approval-state-view"
@@ -40,12 +40,11 @@ const _sfc_main = vue.defineComponent({
             }),
             onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => showUserInfo(_ctx.item), ["stop"]))
           }, [
-            vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(index.calcApprovingUser)(_ctx.item)), 1),
+            vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(typeMap.calcApprovingUser)(_ctx.item)), 1),
             vue.createElementVNode("span", null, [
-              vue.createTextVNode(vue.toDisplayString(vue.unref(index.approveFlowStatusMap)[_ctx.item.status]) + " ", 1),
-              vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(index.calcApprovingDependent)(_ctx.item)), 1)
-            ]),
-            vue.createCommentVNode(' <img\n          v-show="calcIsRobot(item)"\n          class="ai-iconfont"\n          src="static/images/icon-ai.png"\n        /> ')
+              vue.createTextVNode(vue.toDisplayString(vue.unref(typeMap.approveFlowStatusMap)[_ctx.item.status]) + " ", 1),
+              vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(typeMap.calcApprovingDependent)(_ctx.item)), 1)
+            ])
           ], 2)) : vue.createCommentVNode("v-if", true)
         ])) : [2, 3].includes(_ctx.item.status) ? (vue.openBlock(), vue.createElementBlock("span", {
           key: 1,
@@ -54,8 +53,8 @@ const _sfc_main = vue.defineComponent({
             pass: _ctx.item.status === 3
           })
         }, [
-          vue.createTextVNode(vue.toDisplayString(vue.unref(index.approveFlowStatusMap)[_ctx.item.status]) + " ", 1),
-          vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(index.calcApprovingDependent)(_ctx.item)), 1)
+          vue.createTextVNode(vue.toDisplayString(vue.unref(typeMap.approveFlowStatusMap)[_ctx.item.status]) + " ", 1),
+          vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(typeMap.calcApprovingDependent)(_ctx.item)), 1)
         ], 2)) : (vue.openBlock(), vue.createElementBlock("span", {
           key: 2,
           class: vue.normalizeClass({
@@ -63,7 +62,7 @@ const _sfc_main = vue.defineComponent({
             pass: _ctx.item.status === 5,
             checking: [6, 7].includes(_ctx.item.status)
           })
-        }, vue.toDisplayString(vue.unref(index.approveFlowStatusMap)[_ctx.item.status]), 3))
+        }, vue.toDisplayString(vue.unref(typeMap.approveFlowStatusMap)[_ctx.item.status]), 3))
       ])) : vue.createCommentVNode("v-if", true);
     };
   }

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

@@ -1,7 +1,8 @@
 "use strict";
 var vue = require("vue");
 var webVue = require("@arco-design/web-vue");
-var index = require("../../../scripts/index.js");
+var index = require("../../../../utils/index.js");
+var doc = require("../../../../utils/doc.js");
 var component = require("../../../../typeIcons/component.js");
 var index$1 = require("../KongoNavItem/DocTags/index.js");
 var index$2 = require("./ApprovalStateMap/index.js");
@@ -66,7 +67,7 @@ const _sfc_main = vue.defineComponent({
     };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["medialist-doc-item-view", { gray_for_hide: hide.value }]),
+        class: vue.normalizeClass(["medialist-doc-item-view", { "gray-for-state-hide": hide.value }]),
         onMouseenter: _cache[0] || (_cache[0] = ($event) => mouseEnterFun($event, _ctx.item)),
         onMouseleave: _cache[1] || (_cache[1] = ($event) => mouseLeaveFun($event, _ctx.item))
       }, [
@@ -74,6 +75,7 @@ const _sfc_main = vue.defineComponent({
           thumb.value ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Image), {
             key: 0,
             src: thumb.value,
+            class: "image",
             fit: "cover"
           }, null, 8, ["src"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, vue.toDisplayString(vue.unref(index.noCoverText)(_ctx.item)), 1)),
           vue.createElementVNode("div", _hoisted_3, [
@@ -104,19 +106,19 @@ const _sfc_main = vue.defineComponent({
                   vue.createCommentVNode(" \u5BA1\u6838\u72B6\u6001 "),
                   column.key === "approval_status" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8, [
                     _hoisted_9,
-                    vue.unref(index.approvalItem)(_ctx.item) ? (vue.openBlock(), vue.createBlock(index$2, {
+                    vue.unref(doc.approvalItem)(_ctx.item) ? (vue.openBlock(), vue.createBlock(index$2, {
                       key: 0,
-                      item: vue.unref(index.approvalItem)(_ctx.item)
+                      item: vue.unref(doc.approvalItem)(_ctx.item)
                     }, null, 8, ["item"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_10, "--"))
                   ])) : column.key === "state" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
                     vue.createCommentVNode(" \u72B6\u6001 "),
                     vue.createElementVNode("span", _hoisted_11, [
                       vue.createVNode(vue.unref(webVue.Tooltip), {
-                        content: `\u72B6\u6001: ${vue.unref(index.docStateMap)[_ctx.item.state]}`,
+                        content: `\u72B6\u6001: ${vue.unref(doc.docStateMap)[_ctx.item.state]}`,
                         position: "top"
                       }, {
                         default: vue.withCtx(() => [
-                          vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(index.docStateMap)[_ctx.item.state]), 1)
+                          vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(doc.docStateMap)[_ctx.item.state]), 1)
                         ]),
                         _: 1
                       }, 8, ["content"])

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

@@ -1,7 +1,8 @@
 "use strict";
 var vue = require("vue");
 var webVue = require("@arco-design/web-vue");
-var index = require("../../../../scripts/index.js");
+var typeMap = require("../../../../../utils/typeMap.js");
+var doc = require("../../../../../utils/doc.js");
 const _hoisted_1 = { class: "doc-tags-container" };
 const _hoisted_2 = { class: "doc-tags-thumb-ul" };
 const _hoisted_3 = ["src"];
@@ -22,12 +23,12 @@ const _sfc_main = vue.defineComponent({
         const style = JSON.parse(props.item.style);
         if (style.model === 0)
           return "\u65E0\u56FE";
-        return index.docThumbMap()[style.model];
+        return doc.docThumbMap()[style.model];
       }
       if (props.item.cover) {
         if (props.item.cover.model === 0)
           return "\u65E0\u56FE";
-        return index.docThumbMap()[props.item.cover.model];
+        return doc.docThumbMap()[props.item.cover.model];
       }
       return "\u65E0\u56FE";
     });
@@ -62,9 +63,9 @@ const _sfc_main = vue.defineComponent({
             }, {
               content: vue.withCtx(() => [
                 vue.createElementVNode("div", _hoisted_2, [
-                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(thumbs.value, (thumb, index2) => {
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(thumbs.value, (thumb, index) => {
                     return vue.openBlock(), vue.createElementBlock("img", {
-                      key: index2,
+                      key: index,
                       src: thumb.thumb || thumb.url,
                       fit: "cover",
                       lazy: true
@@ -75,7 +76,7 @@ const _sfc_main = vue.defineComponent({
               default: vue.withCtx(() => [
                 vue.createVNode(vue.unref(webVue.Tag), {
                   class: vue.normalizeClass({ disabled: _ctx.disabled }),
-                  size: "mini"
+                  size: "small"
                 }, {
                   default: vue.withCtx(() => [
                     vue.createTextVNode(vue.toDisplayString(thumbType.value), 1)
@@ -92,7 +93,7 @@ const _sfc_main = vue.defineComponent({
               }, {
                 default: vue.withCtx(() => [
                   vue.createVNode(vue.unref(webVue.Tag), {
-                    size: "mini",
+                    size: "small",
                     class: vue.normalizeClass([{ disabled: _ctx.disabled }, "thumb"])
                   }, {
                     default: vue.withCtx(() => [
@@ -111,7 +112,7 @@ const _sfc_main = vue.defineComponent({
             }, {
               default: vue.withCtx(() => [
                 vue.createVNode(vue.unref(webVue.Tag), {
-                  size: "mini",
+                  size: "small",
                   class: vue.normalizeClass([{ disabled: _ctx.disabled }, "yuanchuang"])
                 }, {
                   default: vue.withCtx(() => [
@@ -129,7 +130,7 @@ const _sfc_main = vue.defineComponent({
             }, {
               default: vue.withCtx(() => [
                 vue.createVNode(vue.unref(webVue.Tag), {
-                  size: "mini",
+                  size: "small",
                   class: vue.normalizeClass([{ disabled: _ctx.disabled }, "star"])
                 }, {
                   default: vue.withCtx(() => [
@@ -147,7 +148,7 @@ const _sfc_main = vue.defineComponent({
             }, {
               default: vue.withCtx(() => [
                 vue.createVNode(vue.unref(webVue.Tag), {
-                  size: "mini",
+                  size: "small",
                   class: vue.normalizeClass([{ disabled: _ctx.disabled }, "waring"])
                 }, {
                   default: vue.withCtx(() => [
@@ -160,22 +161,22 @@ const _sfc_main = vue.defineComponent({
             }, 8, ["content"])) : vue.createCommentVNode("v-if", true)
           ], 64)) : _ctx.item.catalog === "kongo" ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Tag), {
             key: 1,
-            size: "mini"
+            size: "small"
           }, {
             default: vue.withCtx(() => [
-              vue.createTextVNode(vue.toDisplayString(vue.unref(index.kongo_source_map)[_ctx.item.series]), 1)
+              vue.createTextVNode(vue.toDisplayString(vue.unref(typeMap.kongo_source_map)[_ctx.item.series]), 1)
             ]),
             _: 1
           })) : _ctx.item.catalog === "mp_account" ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Tag), {
             key: 2,
-            size: "mini"
+            size: "small"
           }, {
             default: vue.withCtx(() => [
-              vue.createTextVNode(vue.toDisplayString(vue.unref(index.contentList_list_type_map)[_ctx.item.mp_type]), 1)
+              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.list_type ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, vue.toDisplayString(vue.unref(index.contentList_list_type_map)[_ctx.item.list_type]), 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_5, "--"))
+            _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))
         ])
       ], 2112);

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

@@ -3,7 +3,7 @@ var vue = require("vue");
 var webVue = require("@arco-design/web-vue");
 var component = require("../../../../typeIcons/component.js");
 var index$1 = require("./DocTags/index.js");
-var index = require("../../../scripts/index.js");
+var index = require("../../../../utils/index.js");
 const _hoisted_1 = { class: "cover-view" };
 const _hoisted_2 = {
   key: 1,
@@ -66,13 +66,14 @@ const _sfc_main = vue.defineComponent({
     };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["medialist-kongo-item-view", { gray_for_hide: hide.value }])
+        class: vue.normalizeClass(["medialist-kongo-item-view", { "gray-for-state-hide": hide.value }])
       }, [
         vue.createElementVNode("div", _hoisted_1, [
           thumb.value ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Image), {
             key: 0,
             src: thumb.value,
             fit: "cover",
+            class: "image",
             lazy: true
           }, null, 8, ["src"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, vue.toDisplayString(vue.unref(index.noCoverText)(_ctx.item)), 1))
         ]),

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

@@ -2,7 +2,7 @@
 var vue = require("vue");
 var webVue = require("@arco-design/web-vue");
 var component = require("../../../../typeIcons/component.js");
-var index = require("../../../scripts/index.js");
+var index = require("../../../../utils/index.js");
 const _hoisted_1 = { class: "cover-view" };
 const _hoisted_2 = {
   key: 1,
@@ -42,12 +42,13 @@ const _sfc_main = vue.defineComponent({
     };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["medialist-ilive-item-view", { gray_for_hide: hide.value }])
+        class: vue.normalizeClass(["medialist-ilive-item-view", { "gray-for-state-hide": hide.value }])
       }, [
         vue.createElementVNode("div", _hoisted_1, [
           pc_banner.value ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Image), {
             key: 0,
             src: pc_banner.value,
+            class: "image",
             fit: "cover"
           }, null, 8, ["src"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, vue.toDisplayString(vue.unref(index.noCoverText)(_ctx.item)), 1))
         ]),

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

@@ -27,11 +27,12 @@ const _sfc_main = vue.defineComponent({
     };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["medialist-account-item-view", { gray_for_hide: hide.value }])
+        class: vue.normalizeClass(["medialist-account-item-view", { "gray-for-state-hide": hide.value }])
       }, [
         vue.createElementVNode("div", _hoisted_1, [
           vue.createVNode(vue.unref(webVue.Image), {
             src: _ctx.item.mp_logo || vue.unref(user),
+            class: "image",
             fit: "cover"
           }, null, 8, ["src"])
         ]),

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

@@ -88,7 +88,7 @@ const _sfc_main = vue.defineComponent({
     mediaFileData: {},
     disdragalbe: { type: Boolean },
     abttrites: {},
-    query: {}
+    parmas: {}
   },
   emits: ["sortChange", "clickTitle", "dragstart"],
   setup(__props, { emit }) {
@@ -113,7 +113,7 @@ const _sfc_main = vue.defineComponent({
             vue.createElementVNode("div", _hoisted_2, [
               vue.createCommentVNode(" \u7A3F\u4EF6 "),
               element.catalog === "doc" ? (vue.openBlock(), vue.createBlock(index, {
-                key: element.post_id,
+                key: `doc-${element.post_id}`,
                 item: { ...element, index: index$6 },
                 abttrites: _ctx.abttrites,
                 onClickTitle: clickTitle
@@ -147,7 +147,7 @@ const _sfc_main = vue.defineComponent({
               }, 1032, ["item", "abttrites"])) : element.catalog === "contentList" && element.list_type === 7 && element.target_type === 6 ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
                 vue.createCommentVNode(" \u7EC4\u4EF6 "),
                 (vue.openBlock(), vue.createBlock(index$1, {
-                  key: element.post_id,
+                  key: `compo-${element.post_id}`,
                   item: { ...element, index: index$6 },
                   onClickTitle: clickTitle
                 }, {
@@ -181,14 +181,20 @@ const _sfc_main = vue.defineComponent({
               ], 2112)) : element.catalog === "contentList" && element.list_type === 4 && element.target_type === 6 ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
                 vue.createCommentVNode(" \u9891\u9053 "),
                 (vue.openBlock(), vue.createBlock(index$2, {
-                  key: element.post_id,
+                  key: `contentlist-${element.post_id}`,
                   item: { ...element, index: index$6 },
-                  query: _ctx.query,
+                  parmas: _ctx.parmas,
                   onClickTitle: clickTitle
-                }, vue.createSlots({
+                }, {
                   index: vue.withCtx(() => [
                     vue.createElementVNode("span", _hoisted_15, vue.toDisplayString(index$6 + 1), 1)
                   ]),
+                  tips: vue.withCtx(() => {
+                    var _a, _b;
+                    return [
+                      vue.createTextVNode(vue.toDisplayString(((_b = (_a = _ctx.parmas) == null ? void 0 : _a.labelTip) == null ? void 0 : _b.tips(element, index$6)) || ""), 1)
+                    ];
+                  }),
                   tip: vue.withCtx(() => [
                     vue.createCommentVNode(" \u5148\u6DFB\u52A0\u6587\u4EF6\u8D44\u6E90\uFF0C\u672A\u53D1\u5E03 "),
                     element._status ? (vue.openBlock(), vue.createElementBlock("i", _hoisted_16, [
@@ -212,19 +218,11 @@ const _sfc_main = vue.defineComponent({
                     })
                   ]),
                   _: 2
-                }, [
-                  index$6 === 0 && _ctx.query === "lbs" ? {
-                    name: "tips",
-                    fn: vue.withCtx(() => [
-                      vue.createTextVNode(" \u9ED8\u8BA4 ")
-                    ]),
-                    key: "0"
-                  } : void 0
-                ]), 1032, ["item", "query"]))
+                }, 1032, ["item", "parmas"]))
               ], 2112)) : element.catalog === "mp_account" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 3 }, [
                 vue.createCommentVNode(" \u516C\u4F17\u53F7 "),
                 (vue.openBlock(), vue.createBlock(index$3, {
-                  key: element.post_id,
+                  key: `maccount-${element.post_id}`,
                   item: { ...element, index: index$6 },
                   abttrites: _ctx.abttrites,
                   onClickTitle: clickTitle
@@ -255,7 +253,7 @@ const _sfc_main = vue.defineComponent({
               ], 2112)) : element.catalog === "ilive" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 4 }, [
                 vue.createCommentVNode(" \u4E91\u76F4\u64AD "),
                 (vue.openBlock(), vue.createBlock(index$4, {
-                  key: element.post_id,
+                  key: `live-${element.post_id}`,
                   item: { ...element, index: index$6 },
                   onClickTitle: clickTitle
                 }, {
@@ -273,7 +271,7 @@ const _sfc_main = vue.defineComponent({
               ], 2112)) : element.catalog === "kongo" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 5 }, [
                 vue.createCommentVNode(" \u529F\u80FD\u5BFC\u822A "),
                 (vue.openBlock(), vue.createBlock(index$5, {
-                  key: element.post_id,
+                  key: `kongo-${element.post_id}`,
                   item: { ...element, index: index$6 },
                   onClickTitle: clickTitle
                 }, {

package/lib/contentDetailList/style/ComoItem.less

@@ -1,13 +1,3 @@
-.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%;
@@ -51,21 +41,18 @@
     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: 14px;
-      line-height: 1.5;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 22px;
       cursor: pointer;
       -webkit-line-clamp: 2;
       -webkit-box-orient: vertical;
-      // &:hover {
-      //   text-decoration: underline;
-      //   color: #4886ff;
-      // }
     }
 
     .abttrite-v {
@@ -92,7 +79,8 @@
           }
 
           &.tags {
-            display: inline-block;
+            display: flex;
+            align-items: center;
             width: 175px;
           }
         }

package/lib/contentDetailList/style/ContentListItem.less

@@ -1,13 +1,3 @@
-.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%;
@@ -26,7 +16,7 @@
     margin-right: 20px;
     background: #edf3ff;
 
-    .arco-image-img {
+    .image {
       width: 100%;
       height: 100%;
       border-radius: 4px;
@@ -51,14 +41,15 @@
     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: 14px;
-      line-height: 1.5;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 22px;
       cursor: pointer;
       -webkit-line-clamp: 2;
       -webkit-box-orient: vertical;
@@ -103,10 +94,15 @@
           }
 
           &.tags {
-            display: inline-block;
+            display: flex;
+            align-items: center;
             width: 175px;
           }
         }
+
+        .icon {
+          margin-right: 10px;
+        }
       }
 
       .right {
@@ -114,18 +110,22 @@
       }
     }
   }
-}
-
-.lbs_tips {
-  color: #a3a3a3;
-  font-size: 8px;
-
-  .icon-xiangqing1 {
-    margin-right: 3px;
+  .title-tips {
+    display: flex;
+    align-items: center;
+    color: #a3a3a3;
     font-size: 10px;
-  }
-
-  &.red {
-    color: red;
+    margin-left: 10px;
+  
+    .icon {
+      margin-right: 5px;
+      font-size: 10px;
+    }
+  
+    &.red {
+      color: red;
+    }
   }
 }
+
+

package/lib/contentDetailList/style/DocItem.less

@@ -1,13 +1,3 @@
-.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%;
@@ -26,6 +16,12 @@
     margin-right: 20px;
     background: #edf3ff;
 
+    .image {
+      width: 100%;
+      height: 100%;
+      border-radius: 4px;
+    }
+
     .batch-select {
       position: absolute;
       top: 3px;
@@ -57,17 +53,15 @@
     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;
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 22px;
       cursor: pointer;
       -webkit-line-clamp: 2;
       -webkit-box-orient: vertical;

package/lib/contentDetailList/style/DocTags.less

@@ -5,9 +5,10 @@
 }
 
 .doc-tags-container {
-  .a-tag {
+  .arco-tag {
     font-weight: 600;
     border: none;
+    margin-right: 5px;
   }
 
   .yuanchuang {