@cmstops/pro-compo 0.1.20 → 0.1.22

package/es/baseFilter/component.js

@@ -0,0 +1,187 @@
+import { defineComponent, ref, computed, watch, toRaw, openBlock, createElementBlock, createElementVNode, createBlock, unref, normalizeStyle, createCommentVNode, withCtx, Fragment, renderList, withModifiers, renderSlot } from "vue";
+import { InputSearch, Select, Option, RangePicker } from "@arco-design/web-vue";
+import { typeOptions } from "../utils/doc.js";
+import { mpTypeOptions } from "../utils/typeMap.js";
+import { DEFAULT_BASE_API } from "../config.js";
+const _hoisted_1 = { class: "base-filter-container" };
+const _hoisted_2 = { class: "left" };
+const _hoisted_3 = {
+  key: 0,
+  class: "form-ul"
+};
+const _hoisted_4 = { class: "right" };
+const _sfc_main = defineComponent({
+  ...{ name: "baseFilter" },
+  __name: "component",
+  props: {
+    BASE_API: {},
+    columns: {},
+    formatQuery: { type: Boolean }
+  },
+  emits: ["search"],
+  setup(__props, { emit }) {
+    const props = __props;
+    props.BASE_API || DEFAULT_BASE_API;
+    const render = ref(false);
+    const form = ref({});
+    const columnsKeys = computed(() => props.columns.map((column) => column.key));
+    const columnsMap = computed(() => {
+      return props.columns.reduce((map, column) => {
+        map[column.key] = column;
+        return map;
+      }, {});
+    });
+    const formKeys = computed(() => Object.keys(form.value));
+    const hasKey = (key) => formKeys.value.includes(key);
+    const styleWidth = (item) => {
+      if (item.range) {
+        return item.width ? item.width : "260px";
+      }
+      return item.width ? item.width : "150px";
+    };
+    const renderForm = () => {
+      const _form = {};
+      const rangeTemp = {};
+      props.columns.forEach((column) => {
+        if (column.range) {
+          if (!rangeTemp[column.range]) {
+            rangeTemp[column.range] = { range: [] };
+          }
+          if (column.width) {
+            rangeTemp[column.range].width = column.width;
+          }
+          rangeTemp[column.range][column.key] = column.defaultValue || "";
+          _form[column.range] = rangeTemp[column.range];
+        } else {
+          _form[column.key] = column.defaultValue || "";
+        }
+      });
+      render.value = true;
+      form.value = _form;
+      console.log("_form", _form);
+    };
+    const formMatte = (_form) => {
+      Object.keys(_form).forEach((key) => {
+        var _a, _b;
+        if (((_b = (_a = _form[key]) == null ? void 0 : _a.range) == null ? void 0 : _b.length) > 0) {
+          Object.keys(_form[key]).forEach((k, index) => {
+            if (k !== "range" && k !== "width") {
+              _form[k] = Math.floor(_form[key].range[index - 1] / 1e3);
+            }
+          });
+        }
+      });
+      const _parmas = { ..._form };
+      Object.keys(_parmas).forEach((key) => {
+        var _a, _b;
+        if (((_b = (_a = _parmas[key]) == null ? void 0 : _a.range) == null ? void 0 : _b.length) > 0) {
+          delete _parmas[key];
+        }
+      });
+      Object.keys(_parmas).forEach((key) => {
+        if (_parmas[key] === columnsMap.value[key].defaultValue) {
+          delete _parmas[key];
+        }
+      });
+      if (props.formatQuery) {
+        const _parmasStr = Object.keys(_parmas).map((key) => {
+          return `${key}=${_parmas[key]}`;
+        }).join("&");
+        return _parmasStr;
+      }
+      return _parmas;
+    };
+    const _mpTypeOptions = mpTypeOptions();
+    watch(
+      () => columnsKeys.value,
+      (keys) => {
+        renderForm();
+      },
+      { immediate: true }
+    );
+    watch(
+      () => form.value,
+      () => {
+        emit("search", formMatte(toRaw(form.value)));
+      },
+      { deep: true }
+    );
+    const seriesOptions = typeOptions();
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          render.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
+            hasKey("word") ? (openBlock(), createBlock(unref(InputSearch), {
+              key: 0,
+              modelValue: form.value.word,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => form.value.word = $event),
+              style: normalizeStyle({ width: styleWidth(columnsMap.value.word) }),
+              "allow-clear": "",
+              size: "medium",
+              placeholder: `\u8BF7\u8F93\u5165${(_a = columnsMap.value.word) == null ? void 0 : _a.label}`
+            }, null, 8, ["modelValue", "style", "placeholder"])) : createCommentVNode("v-if", true),
+            hasKey("series") ? (openBlock(), createBlock(unref(Select), {
+              key: 1,
+              modelValue: form.value.series,
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => form.value.series = $event),
+              style: normalizeStyle({ width: styleWidth(columnsMap.value.series) }),
+              placeholder: `\u8BF7\u9009\u62E9${(_b = columnsMap.value.series) == null ? void 0 : _b.label}`
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(seriesOptions), (opt) => {
+                  return openBlock(), createBlock(unref(Option), {
+                    key: opt.value,
+                    label: opt.label,
+                    value: opt.value
+                  }, null, 8, ["label", "value"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue", "style", "placeholder"])) : createCommentVNode("v-if", true),
+            hasKey("pub_time") ? (openBlock(), createBlock(unref(RangePicker), {
+              key: 2,
+              modelValue: form.value.pub_time.range,
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => form.value.pub_time.range = $event),
+              style: normalizeStyle({ width: styleWidth(form.value.pub_time) }),
+              "value-format": "timestamp",
+              onClick: _cache[3] || (_cache[3] = withModifiers(() => {
+              }, ["stop"]))
+            }, null, 8, ["modelValue", "style"])) : createCommentVNode("v-if", true),
+            hasKey("mp_name") ? (openBlock(), createBlock(unref(InputSearch), {
+              key: 3,
+              modelValue: form.value.mp_name,
+              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => form.value.mp_name = $event),
+              style: normalizeStyle({ width: styleWidth(columnsMap.value.mp_name) }),
+              "allow-clear": "",
+              size: "medium",
+              placeholder: `\u8BF7\u8F93\u5165${(_c = columnsMap.value.mp_name) == null ? void 0 : _c.label}`
+            }, null, 8, ["modelValue", "style", "placeholder"])) : createCommentVNode("v-if", true),
+            hasKey("mp_type") ? (openBlock(), createBlock(unref(Select), {
+              key: 4,
+              modelValue: form.value.mp_type,
+              "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => form.value.mp_type = $event),
+              style: normalizeStyle([{ width: styleWidth(columnsMap.value.mp_type) }, { "width": "150px" }]),
+              placeholder: `\u8BF7\u9009\u62E9${(_d = columnsMap.value.mp_type) == null ? void 0 : _d.label}`
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(_mpTypeOptions), (opt) => {
+                  return openBlock(), createBlock(unref(Option), {
+                    key: opt.value,
+                    label: opt.label,
+                    value: opt.value
+                  }, null, 8, ["label", "value"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue", "style", "placeholder"])) : createCommentVNode("v-if", true)
+          ])) : createCommentVNode("v-if", true)
+        ]),
+        createElementVNode("div", _hoisted_4, [
+          renderSlot(_ctx.$slots, "right")
+        ])
+      ]);
+    };
+  }
+});
+export { _sfc_main as default };

package/es/baseFilter/index.d.ts

@@ -0,0 +1,2 @@
+declare const baseFilter: any;
+export default baseFilter;

package/es/baseFilter/index.js

@@ -0,0 +1,7 @@
+import _sfc_main from "./component.js";
+const baseFilter = Object.assign(_sfc_main, {
+  install: (app) => {
+    app.component(_sfc_main.name, _sfc_main);
+  }
+});
+export { baseFilter as default };

package/es/baseFilter/style/css.js

@@ -0,0 +1 @@
+import "./index.css";

package/es/baseFilter/style/index.css

@@ -0,0 +1,9 @@
+.base-filter-container {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.base-filter-container .left {
+  display: flex;
+  align-items: center;
+}

package/es/baseFilter/style/index.d.ts

@@ -0,0 +1 @@
+import './index.less';

package/es/baseFilter/style/index.js

@@ -0,0 +1 @@
+import "./index.less";

package/es/baseFilter/style/index.less

@@ -0,0 +1,10 @@
+.base-filter-container {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  .left {
+    display: flex;
+    align-items: center;
+  }
+  .right {}
+}

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

@@ -3,7 +3,7 @@ import { Image, Tooltip, Popover, Button } from "@arco-design/web-vue";
 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$2 from "../../DocTags/index.js";
 import _sfc_main$3 from "./ApprovalStateMap/index.js";
 const _hoisted_1 = { class: "cover-view" };
 const _hoisted_2 = {

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

@@ -0,0 +1,117 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, unref, toDisplayString, renderSlot, createTextVNode, createVNode, withCtx } from "vue";
+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 "../../../../utils/index.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: "abttrite-v" };
+const _hoisted_6 = { class: "left" };
+const _hoisted_7 = { class: "tags" };
+const _hoisted_8 = { class: "abttr" };
+const _hoisted_9 = { class: "abttr time" };
+const _hoisted_10 = { class: "right" };
+const _sfc_main = defineComponent({
+  __name: "index",
+  props: {
+    item: {},
+    abttrites: {}
+  },
+  emits: ["clickTitle"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const hide = computed(() => {
+      const { hide: hide2 } = props.item;
+      return hide2 === 7 || hide2 === 6;
+    });
+    const thumb = computed(() => {
+      if (!props.item)
+        return null;
+      if (props.item.preview_url) {
+        return props.item.preview_url;
+      }
+      if (props.item.style) {
+        let { style } = props.item;
+        if (typeof style === "string") {
+          style = JSON.parse(style);
+          return style.data && style.data[0] && style.data[0].thumb;
+        }
+        return style.data && style.data[0] && style.data[0].thumb;
+      }
+      return props.item.cover && props.item.cover.data && props.item.cover.data[0] && props.item.cover.data[0].thumb;
+    });
+    const clickTitle = () => {
+      emit("clickTitle", props.item);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["medialist-mpdoc-item-view", { "gray-for-state-hide": hide.value }])
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          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, [
+            renderSlot(_ctx.$slots, "batch", { row: _ctx.item })
+          ])
+        ]),
+        createElementVNode("div", _hoisted_4, [
+          createElementVNode("div", {
+            class: "title",
+            onClick: clickTitle
+          }, [
+            renderSlot(_ctx.$slots, "index"),
+            createTextVNode(toDisplayString(_ctx.item.alias || _ctx.item.title), 1)
+          ]),
+          createElementVNode("div", _hoisted_5, [
+            createElementVNode("div", _hoisted_6, [
+              createVNode(_sfc_main$1, {
+                class: "icon",
+                doc: true,
+                type: _ctx.item.series
+              }, null, 8, ["type"]),
+              createElementVNode("span", _hoisted_7, [
+                createVNode(_sfc_main$2, { item: _ctx.item }, null, 8, ["item"]),
+                renderSlot(_ctx.$slots, "tip")
+              ]),
+              createElementVNode("span", _hoisted_8, [
+                createVNode(unref(Tooltip), {
+                  position: "top",
+                  content: `\u6240\u5C5E\u516C\u4F17\u53F7: ${_ctx.item.account_name || _ctx.item.mp_user_name}`
+                }, {
+                  default: withCtx(() => [
+                    createElementVNode("span", null, toDisplayString(_ctx.item.account_name || _ctx.item.mp_user_name), 1)
+                  ]),
+                  _: 1
+                }, 8, ["content"])
+              ]),
+              createElementVNode("span", _hoisted_9, [
+                createVNode(unref(Tooltip), {
+                  position: "top",
+                  content: `\u53D1\u5E03\u65F6\u95F4: ${unref(timeFormat)(_ctx.item.pub_time)}`
+                }, {
+                  default: withCtx(() => [
+                    createElementVNode("span", null, toDisplayString(unref(timeFormat)(_ctx.item.pub_time)), 1)
+                  ]),
+                  _: 1
+                }, 8, ["content"])
+              ])
+            ]),
+            createElementVNode("div", _hoisted_10, [
+              renderSlot(_ctx.$slots, "option", { row: _ctx.item })
+            ])
+          ])
+        ])
+      ], 2);
+    };
+  }
+});
+export { _sfc_main as default };

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

@@ -1,7 +1,7 @@
 import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, unref, toDisplayString, renderSlot, createVNode, withCtx } from "vue";
 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 _sfc_main$2 from "../../DocTags/index.js";
 import { noCoverText, timeFormat } from "../../../../utils/index.js";
 const _hoisted_1 = { class: "cover-view" };
 const _hoisted_2 = {
@@ -40,7 +40,7 @@ const _sfc_main = defineComponent({
       return res.data[0].thumb;
     });
     const showValue = computed(() => {
-      if (!props.payload)
+      if (!props.item.payload)
         return "";
       if (props.item.series === "category_list")
         return props.payload.rootAlias;

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

@@ -1,7 +1,7 @@
 import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, unref, renderSlot, createTextVNode, toDisplayString, Fragment, renderList, withCtx } from "vue";
 import { Image, Tooltip } from "@arco-design/web-vue";
 import _sfc_main$1 from "../../../../typeIcons/component.js";
-import _sfc_main$2 from "../KongoNavItem/DocTags/index.js";
+import _sfc_main$2 from "../../DocTags/index.js";
 import defaultAvatar from "./temp/user.js";
 const _hoisted_1 = { class: "cover-view" };
 const _hoisted_2 = { class: "info-view" };

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

@@ -6,6 +6,7 @@ import _sfc_main$1 from "./DocItem/index.js";
 import _sfc_main$6 from "./KongoNavItem/index.js";
 import _sfc_main$5 from "./LiveItem/index.js";
 import _sfc_main$4 from "./MaccountItem/index.js";
+import _sfc_main$7 from "./DocMpItem/index.js";
 const _hoisted_1 = { class: "index" };
 const _hoisted_2 = {
   key: 0,
@@ -74,6 +75,17 @@ const _hoisted_27 = {
 };
 const _hoisted_28 = { class: "doc-fixed-icon" };
 const _hoisted_29 = { class: "doc-fixed-num" };
+const _hoisted_30 = { class: "index" };
+const _hoisted_31 = {
+  key: 0,
+  class: "add_new"
+};
+const _hoisted_32 = {
+  key: 1,
+  class: "fix_position"
+};
+const _hoisted_33 = { class: "doc-fixed-icon" };
+const _hoisted_34 = { class: "doc-fixed-num" };
 const _sfc_main = defineComponent({
   __name: "index",
   props: {
@@ -276,6 +288,37 @@ const _sfc_main = defineComponent({
             ]),
             _: 3
           }, 8, ["item"]))
+        ], 2112)) : _ctx.item.catalog === "mp_content" ? (openBlock(), createElementBlock(Fragment, { key: 6 }, [
+          createCommentVNode(" \u7A3F\u4EF6\uFF08\u516C\u4F17\u53F7\u7A3F\u4EF6\uFF09 "),
+          (openBlock(), createBlock(_sfc_main$7, {
+            key: `doc-mp-${_ctx.item.post_id}`,
+            abttrites: _ctx.abttrites,
+            item: { ..._ctx.item, index: _ctx.index },
+            onClickTitle: clickTitle
+          }, {
+            index: withCtx(() => [
+              createElementVNode("span", _hoisted_30, toDisplayString(_ctx.index + 1), 1)
+            ]),
+            tip: withCtx(() => [
+              createCommentVNode(" \u5148\u6DFB\u52A0\u6587\u4EF6\u8D44\u6E90\uFF0C\u672A\u53D1\u5E03 "),
+              _ctx.item._status ? (openBlock(), createElementBlock("i", _hoisted_31, [
+                createVNode(unref(IconPenFill), { size: "16" })
+              ])) : createCommentVNode("v-if", true),
+              _ctx.item.fix_position ? (openBlock(), createElementBlock("span", _hoisted_32, [
+                createElementVNode("i", _hoisted_33, [
+                  createVNode(unref(IconPushpin), { size: "16" })
+                ]),
+                createElementVNode("span", _hoisted_34, toDisplayString(_ctx.item.fix_position), 1)
+              ])) : createCommentVNode("v-if", true)
+            ]),
+            option: withCtx(() => [
+              renderSlot(_ctx.$slots, "option", {
+                row: _ctx.item,
+                index: _ctx.index
+              })
+            ]),
+            _: 3
+          }, 8, ["abttrites", "item"]))
         ], 2112)) : createCommentVNode("v-if", true)
       ], 2112);
     };

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

@@ -1,7 +1,8 @@
 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 { kongo_source_map, contentList_list_type_map } from "../../../../../utils/typeMap.js";
-import { docThumbMap } from "../../../../../utils/doc.js";
+import { kongo_source_map, contentList_list_type_map } from "../../../utils/typeMap.js";
+import { docThumbMap } from "../../../utils/doc.js";
+import _sfc_main$1 from "../../../typeIcons/component.js";
 const _hoisted_1 = { class: "doc-tags-container" };
 const _hoisted_2 = { class: "doc-tags-thumb-ul" };
 const _hoisted_3 = ["src"];
@@ -142,7 +143,7 @@ const _sfc_main = defineComponent({
             })) : createCommentVNode("v-if", true),
             _ctx.item.sensitives ? (openBlock(), createBlock(unref(Tooltip), {
               key: 4,
-              content: _ctx.item.sensitives,
+              content: `\u5305\u542B\u654F\u611F\u8BCD\uFF1A${_ctx.item.sensitives}`,
               position: "top"
             }, {
               default: withCtx(() => [
@@ -174,7 +175,11 @@ const _sfc_main = defineComponent({
               createTextVNode(toDisplayString(unref(contentList_list_type_map)[_ctx.item.mp_type]), 1)
             ]),
             _: 1
-          })) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [
+          })) : _ctx.item.catalog === "mp_content" ? (openBlock(), createBlock(_sfc_main$1, {
+            key: 3,
+            class: "icon",
+            type: "mpdoc"
+          })) : (openBlock(), createElementBlock(Fragment, { key: 4 }, [
             _ctx.item.list_type ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(unref(contentList_list_type_map)[_ctx.item.list_type]), 1)) : (openBlock(), createElementBlock("span", _hoisted_5, "--"))
           ], 64))
         ])

package/es/contentDetailList/style/ComoItem.less

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

package/es/contentDetailList/style/DocItem.less

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

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

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