@cmstops/pro-compo 0.1.17 → 0.1.19

package/es/contentDetailList/component.js

@@ -7,8 +7,8 @@ const _sfc_main = defineComponent({
   __name: "component",
   props: {
     type: {},
-    contentsMediaFileData: {},
-    query: {},
+    data: {},
+    parmas: {},
     disdragalbe: { type: Boolean },
     abttrites: {}
   },
@@ -21,7 +21,7 @@ const _sfc_main = defineComponent({
   ],
   setup(__props, { emit }) {
     const props = __props;
-    const queryProps = props.query || "";
+    const parmasProps = props.parmas || {};
     const disdragalbeProps = props.disdragalbe || false;
     const abttritesProps = props.abttrites || [];
     const sortMediaFileData = (e) => {
@@ -43,10 +43,10 @@ const _sfc_main = defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1, [
         props.type === "content" ? (openBlock(), createBlock(_sfc_main$1, {
           key: 0,
-          "media-file-data": _ctx.contentsMediaFileData,
+          "media-file-data": _ctx.data,
           disdragalbe: unref(disdragalbeProps),
           abttrites: unref(abttritesProps),
-          query: unref(queryProps),
+          parmas: unref(parmasProps),
           onSortChange: sortMediaFileData,
           onDragstart: dragStart,
           onClickTitle: detail
@@ -58,10 +58,10 @@ const _sfc_main = defineComponent({
             })
           ]),
           _: 3
-        }, 8, ["media-file-data", "disdragalbe", "abttrites", "query"])) : createCommentVNode("v-if", true),
+        }, 8, ["media-file-data", "disdragalbe", "abttrites", "parmas"])) : createCommentVNode("v-if", true),
         props.type === "doc" ? (openBlock(), createBlock(_sfc_main$2, {
           key: 1,
-          "get-data": _ctx.contentsMediaFileData,
+          "get-data": _ctx.data,
           abttrites: unref(abttritesProps),
           onCellMouseEnter: tableCellMouseEnter,
           onCellMouseLeave: tableCellMouseLeave,

package/es/contentDetailList/components/Content/CompoItem/index.js

@@ -1,7 +1,8 @@
 import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, unref, toDisplayString, renderSlot, createVNode, createTextVNode } from "vue";
 import { Image } from "@arco-design/web-vue";
 import _sfc_main$1 from "../../../../typeIcons/component.js";
-import { compoColumnsMap, noCoverText, timeFormat } from "../../../scripts/index.js";
+import { noCoverText, timeFormat } from "../../../../utils/index.js";
+import { compoColumnsMap } from "../../../../utils/typeMap.js";
 const _hoisted_1 = { class: "cover-view" };
 const _hoisted_2 = {
   key: 1,
@@ -32,7 +33,7 @@ const _sfc_main = defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["medialist-component-item-view", { gray_for_hide: hide.value }])
+        class: normalizeClass(["medialist-component-item-view", { "gray-for-state-hide": hide.value }])
       }, [
         createElementVNode("div", _hoisted_1, [
           _ctx.item.cover && _ctx.item.cover.data && _ctx.item.cover.data[0] ? (openBlock(), createBlock(unref(Image), {

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

@@ -1,8 +1,9 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, unref, toDisplayString, renderSlot, createVNode, withCtx, createTextVNode, createCommentVNode } from "vue";
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, unref, toDisplayString, renderSlot, createVNode, withCtx, createCommentVNode, createTextVNode } from "vue";
 import { Image, Tooltip } from "@arco-design/web-vue";
 import { IconInfoCircle } from "@arco-design/web-vue/es/icon";
 import _sfc_main$1 from "../../../../typeIcons/component.js";
-import { noCoverText, contentList_relation_type_map, contentList_layout_map, timeFormat } from "../../../scripts/index.js";
+import { noCoverText, timeFormat } from "../../../../utils/index.js";
+import { contentList_relation_type_map, contentList_layout_map } from "../../../../utils/typeMap.js";
 const _hoisted_1 = { class: "cover-view" };
 const _hoisted_2 = {
   key: 1,
@@ -10,10 +11,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" };
@@ -25,7 +26,7 @@ const _sfc_main = defineComponent({
   __name: "index",
   props: {
     item: {},
-    query: {}
+    parmas: {}
   },
   emits: ["clickTitle"],
   setup(__props, { emit }) {
@@ -39,13 +40,14 @@ const _sfc_main = defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["medialist-component-item-view", { gray_for_hide: hide.value }])
+        class: normalizeClass(["medialist-component-item-view", { "gray-for-state-hide": hide.value }])
       }, [
         createElementVNode("div", _hoisted_1, [
           _ctx.item.cover && _ctx.item.cover.data && _ctx.item.cover.data[0] ? (openBlock(), createBlock(unref(Image), {
             key: 0,
             src: _ctx.item.cover.data[0].thumb,
-            fit: "cover"
+            fit: "cover",
+            class: "image"
           }, null, 8, ["src"])) : (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(unref(noCoverText)(_ctx.item)), 1))
         ]),
         createElementVNode("div", _hoisted_3, [
@@ -63,12 +65,18 @@ const _sfc_main = defineComponent({
               position: "top",
               trigger: "hover"
             }, {
-              default: withCtx(() => [
-                _ctx.query === "lbs" && _ctx.item.geo_code.length === 0 ? (openBlock(), createElementBlock("span", _hoisted_6, [
-                  createVNode(unref(IconInfoCircle), { size: "16" }),
-                  createTextVNode(" \u9891\u9053\u6682\u672A\u7ED1\u5B9A\u5730\u7406\u4F4D\u7F6E ")
-                ])) : createCommentVNode("v-if", true)
-              ]),
+              default: withCtx(() => {
+                var _a, _b, _c, _d;
+                return [
+                  ((_b = (_a = _ctx.parmas) == null ? void 0 : _a.labelTip) == null ? void 0 : _b.info(_ctx.item)) ? (openBlock(), createElementBlock("span", _hoisted_6, [
+                    createVNode(unref(IconInfoCircle), {
+                      class: "icon",
+                      size: "16"
+                    }),
+                    createElementVNode("span", null, toDisplayString(((_d = (_c = _ctx.parmas) == null ? void 0 : _c.labelTip) == null ? void 0 : _d.info(_ctx.item)) || ""), 1)
+                  ])) : createCommentVNode("v-if", true)
+                ];
+              }),
               _: 1
             })
           ]),

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

@@ -1,5 +1,5 @@
 import { defineComponent, openBlock, createElementBlock, normalizeClass, withModifiers, createElementVNode, toDisplayString, unref, createTextVNode, createCommentVNode } from "vue";
-import { calcApprovingUser, approveFlowStatusMap, calcApprovingDependent } from "../../../../scripts/index.js";
+import { calcApprovingUser, approveFlowStatusMap, calcApprovingDependent } from "../../../../../utils/typeMap.js";
 const _hoisted_1 = {
   key: 0,
   class: "approval-state-view"
@@ -43,8 +43,7 @@ const _sfc_main = defineComponent({
             createElementVNode("span", null, [
               createTextVNode(toDisplayString(unref(approveFlowStatusMap)[_ctx.item.status]) + " ", 1),
               createElementVNode("span", null, toDisplayString(unref(calcApprovingDependent)(_ctx.item)), 1)
-            ]),
-            createCommentVNode(' <img\n          v-show="calcIsRobot(item)"\n          class="ai-iconfont"\n          src="static/images/icon-ai.png"\n        /> ')
+            ])
           ], 2)) : createCommentVNode("v-if", true)
         ])) : [2, 3].includes(_ctx.item.status) ? (openBlock(), createElementBlock("span", {
           key: 1,

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

@@ -1,6 +1,7 @@
 import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, unref, toDisplayString, renderSlot, createTextVNode, createVNode, Fragment, renderList, createCommentVNode, withCtx } from "vue";
 import { Image, Tooltip, Popover, Button } from "@arco-design/web-vue";
-import { noCoverText, approvalItem, docStateMap, timeFormat } from "../../../scripts/index.js";
+import { noCoverText, timeFormat } from "../../../../utils/index.js";
+import { approvalItem, docStateMap } from "../../../../utils/doc.js";
 import _sfc_main$1 from "../../../../typeIcons/component.js";
 import _sfc_main$2 from "../KongoNavItem/DocTags/index.js";
 import _sfc_main$3 from "./ApprovalStateMap/index.js";
@@ -65,7 +66,7 @@ const _sfc_main = defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["medialist-doc-item-view", { gray_for_hide: hide.value }]),
+        class: 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))
       }, [
@@ -73,6 +74,7 @@ const _sfc_main = defineComponent({
           thumb.value ? (openBlock(), createBlock(unref(Image), {
             key: 0,
             src: thumb.value,
+            class: "image",
             fit: "cover"
           }, null, 8, ["src"])) : (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(unref(noCoverText)(_ctx.item)), 1)),
           createElementVNode("div", _hoisted_3, [

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

@@ -1,6 +1,7 @@
 import { defineComponent, ref, computed, openBlock, createElementBlock, Fragment, createCommentVNode, createElementVNode, createBlock, unref, withCtx, renderList, createVNode, normalizeClass, createTextVNode, toDisplayString } from "vue";
 import { Popover, Tag, Tooltip } from "@arco-design/web-vue";
-import { docThumbMap, kongo_source_map, contentList_list_type_map } from "../../../../scripts/index.js";
+import { kongo_source_map, contentList_list_type_map } from "../../../../../utils/typeMap.js";
+import { docThumbMap } from "../../../../../utils/doc.js";
 const _hoisted_1 = { class: "doc-tags-container" };
 const _hoisted_2 = { class: "doc-tags-thumb-ul" };
 const _hoisted_3 = ["src"];
@@ -74,7 +75,7 @@ const _sfc_main = defineComponent({
               default: withCtx(() => [
                 createVNode(unref(Tag), {
                   class: normalizeClass({ disabled: _ctx.disabled }),
-                  size: "mini"
+                  size: "small"
                 }, {
                   default: withCtx(() => [
                     createTextVNode(toDisplayString(thumbType.value), 1)
@@ -91,7 +92,7 @@ const _sfc_main = defineComponent({
               }, {
                 default: withCtx(() => [
                   createVNode(unref(Tag), {
-                    size: "mini",
+                    size: "small",
                     class: normalizeClass([{ disabled: _ctx.disabled }, "thumb"])
                   }, {
                     default: withCtx(() => [
@@ -110,7 +111,7 @@ const _sfc_main = defineComponent({
             }, {
               default: withCtx(() => [
                 createVNode(unref(Tag), {
-                  size: "mini",
+                  size: "small",
                   class: normalizeClass([{ disabled: _ctx.disabled }, "yuanchuang"])
                 }, {
                   default: withCtx(() => [
@@ -128,7 +129,7 @@ const _sfc_main = defineComponent({
             }, {
               default: withCtx(() => [
                 createVNode(unref(Tag), {
-                  size: "mini",
+                  size: "small",
                   class: normalizeClass([{ disabled: _ctx.disabled }, "star"])
                 }, {
                   default: withCtx(() => [
@@ -146,7 +147,7 @@ const _sfc_main = defineComponent({
             }, {
               default: withCtx(() => [
                 createVNode(unref(Tag), {
-                  size: "mini",
+                  size: "small",
                   class: normalizeClass([{ disabled: _ctx.disabled }, "waring"])
                 }, {
                   default: withCtx(() => [
@@ -159,7 +160,7 @@ const _sfc_main = defineComponent({
             }, 8, ["content"])) : createCommentVNode("v-if", true)
           ], 64)) : _ctx.item.catalog === "kongo" ? (openBlock(), createBlock(unref(Tag), {
             key: 1,
-            size: "mini"
+            size: "small"
           }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(unref(kongo_source_map)[_ctx.item.series]), 1)
@@ -167,7 +168,7 @@ const _sfc_main = defineComponent({
             _: 1
           })) : _ctx.item.catalog === "mp_account" ? (openBlock(), createBlock(unref(Tag), {
             key: 2,
-            size: "mini"
+            size: "small"
           }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(unref(contentList_list_type_map)[_ctx.item.mp_type]), 1)

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode, createCommentVNode, createBlock, toDisplayString, renderSlot, Fragment, createSlots, createTextVNode } from "vue";
+import { defineComponent, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode, createCommentVNode, createBlock, toDisplayString, renderSlot, Fragment, createTextVNode } from "vue";
 import { IconPenFill, IconClockCircle, IconPushpin } from "@arco-design/web-vue/es/icon";
 import draggable from "vuedraggable";
 import _sfc_main$2 from "./CompoItem/index.js";
@@ -83,7 +83,7 @@ const _sfc_main = defineComponent({
     mediaFileData: {},
     disdragalbe: { type: Boolean },
     abttrites: {},
-    query: {}
+    parmas: {}
   },
   emits: ["sortChange", "clickTitle", "dragstart"],
   setup(__props, { emit }) {
@@ -108,7 +108,7 @@ const _sfc_main = defineComponent({
             createElementVNode("div", _hoisted_2, [
               createCommentVNode(" \u7A3F\u4EF6 "),
               element.catalog === "doc" ? (openBlock(), createBlock(_sfc_main$1, {
-                key: element.post_id,
+                key: `doc-${element.post_id}`,
                 item: { ...element, index },
                 abttrites: _ctx.abttrites,
                 onClickTitle: clickTitle
@@ -142,7 +142,7 @@ const _sfc_main = defineComponent({
               }, 1032, ["item", "abttrites"])) : element.catalog === "contentList" && element.list_type === 7 && element.target_type === 6 ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                 createCommentVNode(" \u7EC4\u4EF6 "),
                 (openBlock(), createBlock(_sfc_main$2, {
-                  key: element.post_id,
+                  key: `compo-${element.post_id}`,
                   item: { ...element, index },
                   onClickTitle: clickTitle
                 }, {
@@ -176,14 +176,20 @@ const _sfc_main = defineComponent({
               ], 2112)) : element.catalog === "contentList" && element.list_type === 4 && element.target_type === 6 ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
                 createCommentVNode(" \u9891\u9053 "),
                 (openBlock(), createBlock(_sfc_main$3, {
-                  key: element.post_id,
+                  key: `contentlist-${element.post_id}`,
                   item: { ...element, index },
-                  query: _ctx.query,
+                  parmas: _ctx.parmas,
                   onClickTitle: clickTitle
-                }, createSlots({
+                }, {
                   index: withCtx(() => [
                     createElementVNode("span", _hoisted_15, toDisplayString(index + 1), 1)
                   ]),
+                  tips: withCtx(() => {
+                    var _a, _b;
+                    return [
+                      createTextVNode(toDisplayString(((_b = (_a = _ctx.parmas) == null ? void 0 : _a.labelTip) == null ? void 0 : _b.tips(element, index)) || ""), 1)
+                    ];
+                  }),
                   tip: withCtx(() => [
                     createCommentVNode(" \u5148\u6DFB\u52A0\u6587\u4EF6\u8D44\u6E90\uFF0C\u672A\u53D1\u5E03 "),
                     element._status ? (openBlock(), createElementBlock("i", _hoisted_16, [
@@ -207,19 +213,11 @@ const _sfc_main = defineComponent({
                     })
                   ]),
                   _: 2
-                }, [
-                  index === 0 && _ctx.query === "lbs" ? {
-                    name: "tips",
-                    fn: withCtx(() => [
-                      createTextVNode(" \u9ED8\u8BA4 ")
-                    ]),
-                    key: "0"
-                  } : void 0
-                ]), 1032, ["item", "query"]))
+                }, 1032, ["item", "parmas"]))
               ], 2112)) : element.catalog === "mp_account" ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
                 createCommentVNode(" \u516C\u4F17\u53F7 "),
                 (openBlock(), createBlock(_sfc_main$4, {
-                  key: element.post_id,
+                  key: `maccount-${element.post_id}`,
                   item: { ...element, index },
                   abttrites: _ctx.abttrites,
                   onClickTitle: clickTitle
@@ -250,7 +248,7 @@ const _sfc_main = defineComponent({
               ], 2112)) : element.catalog === "ilive" ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
                 createCommentVNode(" \u4E91\u76F4\u64AD "),
                 (openBlock(), createBlock(_sfc_main$5, {
-                  key: element.post_id,
+                  key: `live-${element.post_id}`,
                   item: { ...element, index },
                   onClickTitle: clickTitle
                 }, {
@@ -268,7 +266,7 @@ const _sfc_main = defineComponent({
               ], 2112)) : element.catalog === "kongo" ? (openBlock(), createElementBlock(Fragment, { key: 5 }, [
                 createCommentVNode(" \u529F\u80FD\u5BFC\u822A "),
                 (openBlock(), createBlock(_sfc_main$6, {
-                  key: element.post_id,
+                  key: `kongo-${element.post_id}`,
                   item: { ...element, index },
                   onClickTitle: clickTitle
                 }, {

package/es/contentDetailList/scripts/index.d.ts

@@ -39,16 +39,6 @@ export declare const docStateMap: {
     19: string;
     22: string;
 };
-export declare const approveFlowStatusMap: {
-    1: string;
-    2: string;
-    3: string;
-    4: string;
-    5: string;
-    6: string;
-    7: string;
-    8: string;
-};
 export declare const compoColumnsMap: () => any;
 export declare const docThumbMap: () => any;
 export declare const noCoverText: (item: any) => any;

package/es/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/es/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/es/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/es/contentDetailList/style/DocTags.less

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