@cmstops/pro-compo 3.9.2-alpha.25 → 3.9.2-alpha.27

package/es/utils/index.d.ts

@@ -0,0 +1,17 @@
+export declare const dateYYYYDDMMHHmm: (date: any) => string;
+export declare const generateUUID: () => string;
+/**
+ * @description await 回调处理
+ * @param { Promise } promise
+ * @param { Object= } errorExt - Additional Information you can pass to the err object
+ * @return { Promise }
+ */
+export declare const to: <T, U = Error>(promise: Promise<T>, errorExt?: any) => Promise<[U, undefined] | [null, T]>;
+export declare function replaceSuffix(str: string, insert: string): string;
+export declare const noCoverText: (item: any) => any;
+export declare const timeFormat: (value: any) => string;
+export declare const validateForm: (formRef: any) => Promise<unknown>;
+export declare function getRealUrl(BASE_API: string, url: string): Promise<unknown>;
+export declare function getThemeColor(BASE_API: string, src: string): Promise<unknown>;
+export declare function copyContent(content: string | Blob): Promise<boolean>;
+export declare function mediaTime(v: number): string;

package/es/utils/request.d.ts

@@ -0,0 +1,9 @@
+declare module 'axios' {
+    interface AxiosResponse<T = any> {
+        code: number;
+        data: T;
+        message: T;
+    }
+    function create(config?: AxiosRequestConfig): AxiosInstance;
+}
+export default function (BASE_API: string, options: any): Promise<import("axios").AxiosResponse<any, any>>;

package/es/utils/resource.d.ts

@@ -0,0 +1,4 @@
+export declare const keywordsSelection: {
+    name: string;
+    value: string;
+}[];

package/es/utils/transcodeMedia.d.ts

@@ -0,0 +1,13 @@
+export declare function getTranscodingProgress(BASE_API: string, id: number): Promise<import("axios").AxiosResponse<any, any>>;
+/**
+ * 转码逻辑
+ * @description 转码逻辑抽离，后期所有涉及到转码的地方都可用该方法
+ */
+export declare class TranscodingTask {
+    file: any;
+    pollCount: number;
+    taskInterval: any;
+    constructor(file: any);
+    start(BASE_API: string, callback: (progress: number) => any): Promise<unknown>;
+    abort(): void;
+}

package/es/utils/tusUpload.d.ts

@@ -0,0 +1,16 @@
+import * as TUS from 'tus-js-client';
+/**
+ * @description 通过 TUS 实现大文件分片上传
+ * @param file 要上传的文件
+ * @param progressCallback 上传进度回调函数
+ * @returns
+ */
+export declare function uploadByTUS(file: File, progressCallback?: (b: number, t: number) => void): Promise<TUS.Upload>;
+export declare class TusUploadTask {
+    file: any;
+    upload: any;
+    platformKey?: string;
+    constructor(file: any, platformKey?: string);
+    start(callback: (bytesUploaded: any, bytesTotal: any) => any): Promise<unknown>;
+    abort(): any;
+}

package/es/utils/typeMap.d.ts

@@ -0,0 +1,185 @@
+export declare const docType: {
+    blank: string;
+    atlas: string;
+    video: string;
+    video_album: string;
+    imagetext: string;
+    link: string;
+    wechat: string;
+    live: string;
+    ad: string;
+    h5: string;
+    special_v3: string;
+    activity: string;
+    booklink: string;
+    svideo: string;
+    audio: string;
+    audio_album: string;
+    vote_activity: string;
+    vote: string;
+    cloud_form: string;
+};
+export declare const catalogMap: {
+    doc: string;
+    video: string;
+    project: string;
+    audio: string;
+    image: string;
+    pdf: string;
+    officeexcel: string;
+    officeppt: string;
+    officedoc: string;
+    rar: string;
+    zip: string;
+    txt: string;
+    html: string;
+    exe: string;
+    other: string;
+    contentList: string;
+    column: string;
+    link: string;
+    banners: string;
+    group: string;
+    mpGroup: string;
+    mpList: string;
+    mpAccount: string;
+    mpTopic: string;
+    mpContent: string;
+};
+export declare const target_type_map: {
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+    13: string;
+    14: any;
+    15: string;
+    16: string;
+    17: string;
+    18: string;
+};
+export declare const key_target_type_map: any;
+export declare const approveFlowStatusMap: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+};
+export declare const groupPieceType: any;
+export declare const componentsColumns: any;
+export declare const compoColumnsWithKeyMap: {
+    top: string;
+    banner: string;
+    newsletters: string;
+    svideo: string;
+    function: string;
+    special: string;
+    news_letter: string;
+    focus: string;
+    horizon_slide: string;
+    radio: string;
+    tv: string;
+    mp_account: string;
+    column: string;
+    image: string;
+    timeline: string;
+    rank: string;
+    group_list: string;
+};
+export declare const compoColumnsMap: () => any;
+export declare const contentList_list_type_map: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+};
+export declare const contentList_relation_type_map: {
+    0: string;
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    10: string;
+};
+export declare const contentList_layout_map: any;
+export declare const mp_type_map: any;
+export declare const mpTypeOptions: () => {
+    value: string;
+    label: any;
+}[];
+export declare const kongo_source_map: {
+    app: string;
+    url: string;
+    document: string;
+    category_list: string;
+    service: string;
+    political: string;
+    applet: string;
+};
+export declare const calcApprovingUser: (data: any) => any;
+export declare const calcApprovingDependent: (data: any) => string;
+export declare const ilive_type_map: {
+    1: string;
+    2: string;
+    3: string;
+};
+export declare const local_live_doc_type: any;
+export declare const local_live_doc_status: {
+    value: number;
+    label: string;
+    bgColor: string;
+}[];
+export declare const matrixPublishStateMap: {
+    '-1': string;
+    0: string;
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+};
+export declare const matrixPublishFormalStateMap: {
+    '-1': string;
+    0: string;
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+    11: string;
+    12: string;
+    13: string;
+};
+export declare const RESOURCE_SOURCE_DICT: {
+    ai: string;
+    live_rec: string;
+    backend: string;
+};
+export declare const RESOURCE_CATALOG_DICT: {
+    image: string;
+    video: string;
+    audio: string;
+};
+export declare const RESOURCE_SOURCE_OPTIONS: {
+    value: string;
+    label: string;
+}[];
+export declare const RESOURCE_CATALOG_OPTIONS: {
+    value: string;
+    label: string;
+}[];

package/es/utils/uploadCatalog.d.ts

@@ -0,0 +1 @@
+export declare function checkType(file: any, param: any): any;

package/es/videoThumb/index.d.ts

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

package/es/videoThumb/scripts/api.d.ts

@@ -0,0 +1,9 @@
+declare type EditThumbParams = {
+    url: string;
+    count: number;
+    start: number;
+    end: number;
+    search: string;
+};
+export declare function editthumb(BASE_URL: string, params: EditThumbParams): Promise<import("axios").AxiosResponse<any, any>>;
+export {};

package/es/videoThumb/scripts/useVideoThumbs.d.ts

@@ -0,0 +1,12 @@
+export declare function getHMSF(time: string): string;
+export declare function useVideoThumbs(): {
+    loading: import("vue").Ref<boolean, boolean>;
+    thumbs: import("vue").Ref<any[], any[]>;
+    curThumb: import("vue").Ref<string | undefined, string | undefined>;
+    getVideoThumbs: (BASE_API: string, url: string, duration: number) => Promise<void>;
+    handleSelectThumb: (idx: number) => void;
+};
+export declare function useDragger(moveCallback: any, upCallback: any, downCallback: any): {
+    isDrag: import("vue").Ref<boolean, boolean>;
+    handleMousedown: (e: MouseEvent) => void;
+};

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

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

package/lib/appCenter/component.js

@@ -112,7 +112,6 @@ const _sfc_main = vue.defineComponent({
       }
     };
     const getAppBtnSlot = async () => {
-      await api.getPubApps(BASE_API, { rid, type: "2,3" });
       const params = {
         slot_key: "head-applist-panel"
       };

package/lib/baseFilter/components/FilterGroup.js

@@ -16,13 +16,12 @@ const _sfc_main = vue.defineComponent({
   __name: "FilterGroup",
   setup(__props, { expose: __expose }) {
     const getRect = (el) => {
-      if (!el || !el.getClientRects())
+      var _a;
+      const rects = (_a = el == null ? void 0 : el.getClientRects) == null ? void 0 : _a.call(el);
+      if (!rects || rects.length === 0)
         return { right: 0, width: 0 };
-      const [{ right, width }] = el.getClientRects();
-      return {
-        right,
-        width
-      };
+      const { right, width } = rects[0];
+      return { right, width };
     };
     const moreBtnRef = vue.ref();
     const dpPannelRef = vue.ref();
@@ -39,7 +38,11 @@ const _sfc_main = vue.defineComponent({
         filterBorder.value = (_b = getRect(filterItemsRef.value)) == null ? void 0 : _b.right;
       }
     };
-    const initDocWidthListener = () => window.onresize = () => initWidth();
+    let __onResize__ = null;
+    const initDocWidthListener = () => {
+      __onResize__ = () => initWidth();
+      window.addEventListener("resize", __onResize__);
+    };
     const hideElementList = vue.ref([]);
     const inNode = (el) => {
       var _a, _b;
@@ -100,6 +103,12 @@ const _sfc_main = vue.defineComponent({
         refreshPanel();
       });
     });
+    vue.onUnmounted(() => {
+      if (__onResize__) {
+        window.removeEventListener("resize", __onResize__);
+        __onResize__ = null;
+      }
+    });
     __expose({
       refreshPanel
     });
@@ -116,7 +125,7 @@ const _sfc_main = vue.defineComponent({
             }, {
               default: vue.withCtx(() => [
                 vue.createElementVNode("span", _hoisted_3, [
-                  _cache[1] || (_cache[1] = vue.createTextVNode(" \u66F4\u591A\u7B5B\u9009 ")),
+                  _cache[1] || (_cache[1] = vue.createTextVNode(" \u66F4\u591A\u7B5B\u9009 ", -1)),
                   vue.createVNode(vue.unref(icon.IconCaretDown))
                 ])
               ]),

package/lib/config.js

@@ -1,7 +1,7 @@
 "use strict";
 var _a, _b, _c, _d, _e, _f, _g, _h;
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const DEFAULT_BASE_API = ((_b = (_a = window.situoyun) == null ? void 0 : _a.env) == null ? void 0 : _b.BASE_HOST) || "https://site.r.cmstop.xyz";
+const DEFAULT_BASE_API = ((_b = (_a = window.situoyun) == null ? void 0 : _a.env) == null ? void 0 : _b.BASE_HOST) || "https://site.cmstop.xyz";
 const DEFAULT_BASE_ACCOUNT_HOST = ((_d = (_c = window.situoyun) == null ? void 0 : _c.env) == null ? void 0 : _d.BASE_ACCOUNT_HOST) || "https://account.cmstop.xyz";
 const DEFAULT_UPLOAD_CHUNK_SIZE = ((_f = (_e = window.situoyun) == null ? void 0 : _e.env) == null ? void 0 : _f.UPLOAD_CHUNK_SIZE) || 5242880;
 const DEFAULT_UPLOAD_URL = ((_h = (_g = window.situoyun) == null ? void 0 : _g.env) == null ? void 0 : _h.BASE_STATIC_FILE_API) || "https://oss.cmstop.xyz/maple/v1";

package/lib/contentDetailList/component.js

@@ -24,7 +24,8 @@ const _sfc_main = vue.defineComponent({
     dragalbe: { type: Boolean },
     abttrites: {},
     extraAttrs: {},
-    BASE_API: {}
+    BASE_API: {},
+    showDuration: { type: Boolean }
   },
   emits: [
     "sortChange",
@@ -135,6 +136,7 @@ const _sfc_main = vue.defineComponent({
                     abttrites: vue.unref(abttritesProps),
                     extraAttrs: _ctx.extraAttrs,
                     BASE_API: vue.unref(BASE_API_R),
+                    showDuration: props.showDuration,
                     onClickTitle: clickTitle,
                     onCellMouseEnter: tableCellMouseEnter,
                     onCellMouseLeave: tableCellMouseLeave
@@ -164,7 +166,7 @@ const _sfc_main = vue.defineComponent({
                       })
                     ]),
                     _: 2
-                  }, 1032, ["item", "index", "abttrites", "extraAttrs", "BASE_API"])) : props.type === "record" ? (vue.openBlock(), vue.createBlock(index$2, {
+                  }, 1032, ["item", "index", "abttrites", "extraAttrs", "BASE_API", "showDuration"])) : props.type === "record" ? (vue.openBlock(), vue.createBlock(index$2, {
                     key: index$4,
                     item: element,
                     index: index$4,
@@ -267,6 +269,7 @@ const _sfc_main = vue.defineComponent({
                   abttrites: vue.unref(abttritesProps),
                   extraAttrs: _ctx.extraAttrs,
                   BASE_API: vue.unref(BASE_API_R),
+                  showDuration: props.showDuration,
                   onClickTitle: clickTitle,
                   onCellMouseEnter: tableCellMouseEnter,
                   onCellMouseLeave: tableCellMouseLeave
@@ -296,7 +299,7 @@ const _sfc_main = vue.defineComponent({
                     })
                   ]),
                   _: 2
-                }, 1032, ["item", "index", "abttrites", "extraAttrs", "BASE_API"])) : props.type === "record" ? (vue.openBlock(), vue.createBlock(index$2, {
+                }, 1032, ["item", "index", "abttrites", "extraAttrs", "BASE_API", "showDuration"])) : props.type === "record" ? (vue.openBlock(), vue.createBlock(index$2, {
                   key: index$4,
                   item,
                   index: index$4,

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

@@ -14,27 +14,32 @@ const _hoisted_2 = {
   class: "no-img"
 };
 const _hoisted_3 = { class: "batch-select" };
-const _hoisted_4 = { class: "info-view" };
-const _hoisted_5 = { class: "title" };
-const _hoisted_6 = { class: "abttrite-v" };
-const _hoisted_7 = { class: "left" };
-const _hoisted_8 = { class: "tags" };
-const _hoisted_9 = { key: 0 };
-const _hoisted_10 = { key: 1 };
-const _hoisted_11 = { class: "abttr" };
-const _hoisted_12 = { style: { "font-size": "14px", "margin-bottom": "5px", "font-weight": "bold" } };
-const _hoisted_13 = {
+const _hoisted_4 = {
+  key: 3,
+  class: "duration-overlay"
+};
+const _hoisted_5 = { class: "info-view" };
+const _hoisted_6 = { class: "title" };
+const _hoisted_7 = { class: "abttrite-v" };
+const _hoisted_8 = { class: "left" };
+const _hoisted_9 = { class: "tags" };
+const _hoisted_10 = { key: 0 };
+const _hoisted_11 = { key: 1 };
+const _hoisted_12 = { class: "abttr" };
+const _hoisted_13 = { style: { "font-size": "14px", "margin-bottom": "5px", "font-weight": "bold" } };
+const _hoisted_14 = {
   key: 1,
   style: { "font-size": "10px" }
 };
-const _hoisted_14 = { class: "right" };
+const _hoisted_15 = { class: "right" };
 const _sfc_main = vue.defineComponent({
   __name: "index",
   props: {
     item: {},
     abttrites: {},
     BASE_API: {},
-    extraAttrs: {}
+    extraAttrs: {},
+    showDuration: { type: Boolean }
   },
   emits: ["clickTitle", "cellMouseEnter", "cellMouseLeave"],
   setup(__props, { emit: __emit }) {
@@ -83,6 +88,21 @@ const _sfc_main = vue.defineComponent({
         return true;
       return showDataTags2;
     });
+    const durationText = vue.computed(() => {
+      const duration = props.item.video_len || props.item.duration;
+      if (!duration || duration <= 0)
+        return "";
+      const totalSeconds = Number(duration);
+      if (Number.isNaN(totalSeconds))
+        return "";
+      const hours = Math.floor(totalSeconds / 3600);
+      const minutes = Math.floor(totalSeconds % 3600 / 60);
+      const remainingSeconds = totalSeconds % 60;
+      if (hours > 0) {
+        return `${hours}:${minutes.toString().padStart(2, "0")}:${remainingSeconds.toString().padStart(2, "0")}`;
+      }
+      return `${minutes}:${remainingSeconds.toString().padStart(2, "0")}`;
+    });
     const mouseEnterFun = (event, row) => {
       emit("cellMouseEnter", { row, event });
     };
@@ -113,10 +133,12 @@ const _sfc_main = vue.defineComponent({
             key: 2,
             style: vue.normalizeStyle({ background: localLiveStatus.value.bgColor }),
             class: "local_live_state"
-          }, vue.toDisplayString(localLiveStatus.value.label), 5)) : vue.createCommentVNode("v-if", true)
+          }, vue.toDisplayString(localLiveStatus.value.label), 5)) : vue.createCommentVNode("v-if", true),
+          vue.createCommentVNode(" \u65F6\u957F\u663E\u793A "),
+          props.showDuration && durationText.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, vue.toDisplayString(durationText.value), 1)) : vue.createCommentVNode("v-if", true)
         ]),
-        vue.createElementVNode("div", _hoisted_4, [
-          vue.createElementVNode("div", _hoisted_5, [
+        vue.createElementVNode("div", _hoisted_5, [
+          vue.createElementVNode("div", _hoisted_6, [
             vue.renderSlot(_ctx.$slots, "index"),
             vue.createVNode(index$1, {
               item: _ctx.item,
@@ -127,14 +149,14 @@ const _sfc_main = vue.defineComponent({
               onClick: clickTitle
             }, vue.toDisplayString(_ctx.item.alias || _ctx.item.title), 1)
           ]),
-          vue.createElementVNode("div", _hoisted_6, [
-            vue.createElementVNode("div", _hoisted_7, [
+          vue.createElementVNode("div", _hoisted_7, [
+            vue.createElementVNode("div", _hoisted_8, [
               vue.createVNode(component, {
                 class: "icon",
                 doc: true,
                 type: _ctx.item.series
               }, null, 8, ["type"]),
-              vue.createElementVNode("span", _hoisted_8, [
+              vue.createElementVNode("span", _hoisted_9, [
                 showDataTags.value ? (vue.openBlock(), vue.createBlock(component$1, {
                   key: 0,
                   item: _ctx.item
@@ -144,15 +166,15 @@ const _sfc_main = vue.defineComponent({
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.abttrites, (column, i) => {
                 return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: i }, [
                   vue.createCommentVNode(" \u5BA1\u6838\u72B6\u6001 "),
-                  column.key === "approval_status" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_9, [
+                  column.key === "approval_status" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_10, [
                     _cache[2] || (_cache[2] = vue.createElementVNode("span", null, "\u5BA1\u6838\u72B6\u6001: ", -1)),
                     vue.unref(doc.approvalItem)(_ctx.item) ? (vue.openBlock(), vue.createBlock(index$2, {
                       key: 0,
                       item: vue.unref(doc.approvalItem)(_ctx.item)
-                    }, null, 8, ["item"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_10, "--"))
+                    }, null, 8, ["item"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_11, "--"))
                   ])) : column.key === "state" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
                     vue.createCommentVNode(" \u72B6\u6001 "),
-                    vue.createElementVNode("span", _hoisted_11, [
+                    vue.createElementVNode("span", _hoisted_12, [
                       vue.createVNode(vue.unref(webVue.Tooltip), {
                         content: `\u72B6\u6001: ${vue.unref(doc.docStateMap)[_ctx.item.state]}`,
                         position: "top"
@@ -172,12 +194,12 @@ const _sfc_main = vue.defineComponent({
                     }, {
                       content: vue.withCtx(() => [
                         _ctx.item.other_categories ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                          vue.createElementVNode("div", _hoisted_12, "\u680F\u76EE: " + vue.toDisplayString(_ctx.item.primary_category || "--"), 1),
+                          vue.createElementVNode("div", _hoisted_13, "\u680F\u76EE: " + vue.toDisplayString(_ctx.item.primary_category || "--"), 1),
                           vue.createElementVNode("span", null, [
                             _cache[3] || (_cache[3] = vue.createElementVNode("span", { style: { "font-size": "10px" } }, "\u540C\u65F6\u53D1\u5E03\u5230:", -1)),
                             vue.createTextVNode(" " + vue.toDisplayString(_ctx.item.other_categories.join("\u3001")), 1)
                           ])
-                        ], 64)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_13, "\u680F\u76EE: " + vue.toDisplayString(_ctx.item.primary_category || "--"), 1))
+                        ], 64)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_14, "\u680F\u76EE: " + vue.toDisplayString(_ctx.item.primary_category || "--"), 1))
                       ]),
                       default: vue.withCtx(() => [
                         vue.createVNode(vue.unref(webVue.Button), {
@@ -229,7 +251,7 @@ const _sfc_main = vue.defineComponent({
                 ], 64);
               }), 128))
             ]),
-            vue.createElementVNode("div", _hoisted_14, [
+            vue.createElementVNode("div", _hoisted_15, [
               vue.renderSlot(_ctx.$slots, "option", { row: _ctx.item })
             ])
           ])

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

@@ -8,10 +8,12 @@ const _sfc_main = vue.defineComponent({
     extraAttrs: {},
     item: {},
     index: {},
-    BASE_API: {}
+    BASE_API: {},
+    showDuration: { type: Boolean }
   },
   emits: ["cellMouseEnter", "cellMouseLeave", "clickTitle"],
   setup(__props, { emit: __emit }) {
+    const props = __props;
     const emit = __emit;
     const cellMouseEnter = (params) => {
       emit("cellMouseEnter", params);
@@ -28,6 +30,7 @@ const _sfc_main = vue.defineComponent({
         abttrites: _ctx.abttrites,
         extraAttrs: _ctx.extraAttrs,
         BASE_API: _ctx.BASE_API,
+        showDuration: props.showDuration,
         onClickTitle: clickTitle,
         onCellMouseEnter: cellMouseEnter,
         onCellMouseLeave: cellMouseLeave
@@ -57,7 +60,7 @@ const _sfc_main = vue.defineComponent({
           })
         ]),
         _: 3
-      }, 8, ["item", "abttrites", "extraAttrs", "BASE_API"]);
+      }, 8, ["item", "abttrites", "extraAttrs", "BASE_API", "showDuration"]);
     };
   }
 });

package/lib/contentDetailList/components/ShowQRCode/QrcodeView/index.js

@@ -251,7 +251,7 @@ const _sfc_main = vue.defineComponent({
               onClick: _cache[1] || (_cache[1] = ($event) => genTimeLink(expiration.value))
             }, {
               default: vue.withCtx(() => _cache[5] || (_cache[5] = [
-                vue.createTextVNode(" \u751F\u6210\u9884\u89C8\u94FE\u63A5 ")
+                vue.createTextVNode(" \u751F\u6210\u9884\u89C8\u94FE\u63A5 ", -1)
               ])),
               _: 1,
               __: [5]
@@ -262,7 +262,7 @@ const _sfc_main = vue.defineComponent({
                 onClick: _cache[2] || (_cache[2] = ($event) => clipUrl("img"))
               }, {
                 default: vue.withCtx(() => _cache[6] || (_cache[6] = [
-                  vue.createTextVNode(" \u590D\u5236\u4E8C\u7EF4\u7801 ")
+                  vue.createTextVNode(" \u590D\u5236\u4E8C\u7EF4\u7801 ", -1)
                 ])),
                 _: 1,
                 __: [6]

package/lib/contentDetailList/style/DocItem.less

@@ -44,6 +44,21 @@
       border-radius: 4px;
     }
 
+    .duration-overlay {
+      position: absolute;
+      right: 5px;
+      bottom: 5px;
+      padding: 2px 6px;
+      color: #fff;
+      font-weight: 500;
+      font-size: 11px;
+      font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Code',
+        'Droid Sans Mono', 'Source Code Pro', monospace;
+      line-height: 1.2;
+      background: rgba(0, 0, 0, 0.7);
+      border-radius: 3px;
+    }
+
     .no-img {
       display: flex;
       align-items: center;

package/lib/contentDetailList/style/index.css

@@ -552,6 +552,19 @@
   font-size: 500;
   border-radius: 4px;
 }
+.medialist-doc-item-view .cover-view .duration-overlay {
+  position: absolute;
+  right: 5px;
+  bottom: 5px;
+  padding: 2px 6px;
+  color: #fff;
+  font-weight: 500;
+  font-size: 11px;
+  font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Code', 'Droid Sans Mono', 'Source Code Pro', monospace;
+  line-height: 1.2;
+  background: rgba(0, 0, 0, 0.7);
+  border-radius: 3px;
+}
 .medialist-doc-item-view .cover-view .no-img {
   display: flex;
   align-items: center;