@cmstops/pro-compo 0.1.69 → 0.1.71

package/es/contentDetailList/component.js

@@ -1,9 +1,10 @@
-import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createElementVNode, renderSlot, createCommentVNode, createElementBlock, Fragment, renderList } from "vue";
+import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createElementVNode, renderSlot, createElementBlock, Fragment, renderList } from "vue";
 import { Scrollbar } from "@arco-design/web-vue";
 import draggable from "vuedraggable";
 import _sfc_main$1 from "./components/Content/index.js";
 import _sfc_main$2 from "./components/Doc/index.js";
 import _sfc_main$3 from "./components/Records/index.js";
+import _sfc_main$4 from "./components/CustomWrp/index.js";
 const _hoisted_1 = { class: "content-detail-list-container" };
 const _hoisted_2 = { class: "drag-item" };
 const _sfc_main = defineComponent({
@@ -112,8 +113,7 @@ const _sfc_main = defineComponent({
                       })
                     ]),
                     _: 2
-                  }, 1032, ["item", "index", "parmas", "abttrites", "extraAttrs"])) : createCommentVNode("v-if", true),
-                  props.type === "doc" ? (openBlock(), createBlock(_sfc_main$2, {
+                  }, 1032, ["item", "index", "parmas", "abttrites", "extraAttrs"])) : props.type === "doc" ? (openBlock(), createBlock(_sfc_main$2, {
                     key: index,
                     item: element,
                     index,
@@ -142,8 +142,7 @@ const _sfc_main = defineComponent({
                       })
                     ]),
                     _: 2
-                  }, 1032, ["item", "index", "abttrites", "extraAttrs"])) : createCommentVNode("v-if", true),
-                  props.type === "record" ? (openBlock(), createBlock(_sfc_main$3, {
+                  }, 1032, ["item", "index", "abttrites", "extraAttrs"])) : props.type === "record" ? (openBlock(), createBlock(_sfc_main$3, {
                     key: index,
                     item: element,
                     index,
@@ -167,7 +166,36 @@ const _sfc_main = defineComponent({
                       })
                     ]),
                     _: 2
-                  }, 1032, ["item", "index", "parmas", "abttrites", "extraAttrs"])) : createCommentVNode("v-if", true)
+                  }, 1032, ["item", "index", "parmas", "abttrites", "extraAttrs"])) : (openBlock(), createBlock(_sfc_main$4, {
+                    key: 3,
+                    item: element,
+                    index,
+                    abttrites: unref(abttritesProps),
+                    extraAttrs: _ctx.extraAttrs,
+                    onClickTitle: clickTitle,
+                    onCellMouseEnter: tableCellMouseEnter,
+                    onCellMouseLeave: tableCellMouseLeave
+                  }, {
+                    tip: withCtx(() => [
+                      renderSlot(_ctx.$slots, "tip", {
+                        row: element,
+                        index
+                      })
+                    ]),
+                    batch: withCtx(() => [
+                      renderSlot(_ctx.$slots, "batch", {
+                        row: element,
+                        index
+                      })
+                    ]),
+                    option: withCtx(() => [
+                      renderSlot(_ctx.$slots, "option", {
+                        row: element,
+                        index
+                      })
+                    ]),
+                    _: 2
+                  }, 1032, ["item", "index", "abttrites", "extraAttrs"]))
                 ])
               ]),
               _: 3
@@ -197,8 +225,7 @@ const _sfc_main = defineComponent({
                     })
                   ]),
                   _: 2
-                }, 1032, ["item", "index", "parmas", "abttrites", "extraAttrs"])) : createCommentVNode("v-if", true),
-                props.type === "doc" ? (openBlock(), createBlock(_sfc_main$2, {
+                }, 1032, ["item", "index", "parmas", "abttrites", "extraAttrs"])) : props.type === "doc" ? (openBlock(), createBlock(_sfc_main$2, {
                   key: index,
                   item,
                   index,
@@ -227,8 +254,7 @@ const _sfc_main = defineComponent({
                     })
                   ]),
                   _: 2
-                }, 1032, ["item", "index", "abttrites", "extraAttrs"])) : createCommentVNode("v-if", true),
-                props.type === "record" ? (openBlock(), createBlock(_sfc_main$3, {
+                }, 1032, ["item", "index", "abttrites", "extraAttrs"])) : props.type === "record" ? (openBlock(), createBlock(_sfc_main$3, {
                   key: index,
                   item,
                   index,
@@ -252,7 +278,36 @@ const _sfc_main = defineComponent({
                     })
                   ]),
                   _: 2
-                }, 1032, ["item", "index", "parmas", "abttrites", "extraAttrs"])) : createCommentVNode("v-if", true)
+                }, 1032, ["item", "index", "parmas", "abttrites", "extraAttrs"])) : (openBlock(), createBlock(_sfc_main$4, {
+                  key: 3,
+                  item,
+                  index,
+                  abttrites: unref(abttritesProps),
+                  extraAttrs: _ctx.extraAttrs,
+                  onClickTitle: clickTitle,
+                  onCellMouseEnter: tableCellMouseEnter,
+                  onCellMouseLeave: tableCellMouseLeave
+                }, {
+                  tip: withCtx(() => [
+                    renderSlot(_ctx.$slots, "tip", {
+                      row: item,
+                      index
+                    })
+                  ]),
+                  batch: withCtx(() => [
+                    renderSlot(_ctx.$slots, "batch", {
+                      row: item,
+                      index
+                    })
+                  ]),
+                  option: withCtx(() => [
+                    renderSlot(_ctx.$slots, "option", {
+                      row: item,
+                      index
+                    })
+                  ]),
+                  _: 2
+                }, 1032, ["item", "index", "abttrites", "extraAttrs"]))
               ], 64);
             }), 128))
           ])

package/es/contentDetailList/components/CustomWrp/CustomItem.js

@@ -0,0 +1,140 @@
+import { defineComponent, computed, ref, onMounted, openBlock, createElementBlock, normalizeClass, createElementVNode, createCommentVNode, createBlock, unref, toDisplayString, renderSlot, createTextVNode, Fragment, renderList, createVNode, withCtx } from "vue";
+import { Image, Tooltip } from "@arco-design/web-vue";
+import { getDocThumb } from "../../../utils/doc.js";
+import { noCoverText } 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: "right" };
+const _sfc_main = defineComponent({
+  __name: "CustomItem",
+  props: {
+    item: {},
+    showAttrs: {},
+    thumbKey: {}
+  },
+  emits: ["clickTitle", "cellMouseEnter", "cellMouseLeave"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const title = computed(() => {
+      const { alias, title: title2 } = props.item;
+      return alias || title2;
+    });
+    const thumb = computed(() => {
+      if (!props.item)
+        return null;
+      if (!props.thumbKey) {
+        return getDocThumb(props.item);
+      }
+      return props.item[props.thumbKey];
+    });
+    const noImgText = computed(() => {
+      if (title.value)
+        return "\u65E0\u56FE";
+      return noCoverText(props.item);
+    });
+    const hide = computed(() => {
+      const { hide: hide2 } = props.item;
+      return hide2 === 7 || hide2 === 6;
+    });
+    const silent = computed(() => {
+      return props.item && props.item.mourn_style === 1;
+    });
+    const attributes = ref([]);
+    function initAttributes() {
+      if (!props.showAttrs)
+        return;
+      attributes.value = props.showAttrs.map((item) => {
+        let value = "--";
+        if (item.key)
+          value = props.item[item.key] || "--";
+        else if (item.getValue)
+          value = item.getValue(props.item) || "--";
+        return {
+          value,
+          ...item
+        };
+      });
+    }
+    const mouseEnterFun = (event, row) => {
+      emit("cellMouseEnter", { row, event });
+    };
+    const mouseLeaveFun = (event, row) => {
+      emit("cellMouseLeave", { row, event });
+    };
+    const clickTitle = () => {
+      emit("clickTitle", props.item);
+    };
+    onMounted(() => {
+      initAttributes();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["medialist-doc-item-view", { "gray-forbidden": hide.value, "gray-for-state-hide": silent.value }]),
+        onMouseenter: _cache[0] || (_cache[0] = ($event) => mouseEnterFun($event, _ctx.item)),
+        onMouseleave: _cache[1] || (_cache[1] = ($event) => mouseLeaveFun($event, _ctx.item))
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          createCommentVNode(" \u5C01\u9762 "),
+          thumb.value ? (openBlock(), createBlock(unref(Image), {
+            key: 0,
+            class: "image",
+            src: thumb.value,
+            preview: false,
+            fit: "cover"
+          }, null, 8, ["src"])) : (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(noImgText.value), 1)),
+          createElementVNode("div", _hoisted_3, [
+            renderSlot(_ctx.$slots, "batch", { row: _ctx.item })
+          ])
+        ]),
+        createCommentVNode(" \u4FE1\u606F "),
+        createElementVNode("div", _hoisted_4, [
+          createCommentVNode(" \u6807\u9898 "),
+          createElementVNode("div", {
+            class: "title",
+            onClick: clickTitle
+          }, [
+            renderSlot(_ctx.$slots, "index"),
+            createTextVNode(" " + toDisplayString(title.value || "\u2014\u2014"), 1)
+          ]),
+          createCommentVNode(" \u5143\u4FE1\u606F "),
+          createElementVNode("div", _hoisted_5, [
+            createElementVNode("div", _hoisted_6, [
+              createCommentVNode(" \u524D\u7F00 "),
+              renderSlot(_ctx.$slots, "tip"),
+              createCommentVNode(" \u5C5E\u6027 "),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(attributes.value, (attr, index) => {
+                return openBlock(), createElementBlock("span", {
+                  key: index,
+                  class: "abttr"
+                }, [
+                  createVNode(unref(Tooltip), {
+                    content: `${attr.label}: ${attr.value}`,
+                    placement: "top"
+                  }, {
+                    default: withCtx(() => [
+                      createElementVNode("span", null, toDisplayString(attr.value || "--"), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["content"])
+                ]);
+              }), 128))
+            ]),
+            createElementVNode("div", _hoisted_7, [
+              createCommentVNode(" \u540E\u7F00 "),
+              renderSlot(_ctx.$slots, "option", { row: _ctx.item })
+            ])
+          ])
+        ])
+      ], 34);
+    };
+  }
+});
+export { _sfc_main as default };

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

@@ -0,0 +1,60 @@
+import { defineComponent, computed, openBlock, createBlock, withCtx, renderSlot } from "vue";
+import _sfc_main$1 from "./CustomItem.js";
+const _sfc_main = defineComponent({
+  __name: "index",
+  props: {
+    abttrites: {},
+    extraAttrs: {},
+    item: {},
+    index: {}
+  },
+  emits: ["cellMouseEnter", "cellMouseLeave", "clickTitle"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const customMeta = computed(() => {
+      return props.extraAttrs.custom || {};
+    });
+    const cellMouseEnter = (params) => {
+      emit("cellMouseEnter", params);
+    };
+    const cellMouseLeave = (params) => {
+      emit("cellMouseLeave", params);
+    };
+    const clickTitle = (item) => {
+      emit("clickTitle", item);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        item: _ctx.item,
+        abttrites: _ctx.abttrites,
+        "thumb-key": customMeta.value.thumbKey,
+        "show-attrs": customMeta.value.showAttrs,
+        onCellMouseEnter: cellMouseEnter,
+        onCellMouseLeave: cellMouseLeave,
+        onClickTitle: clickTitle
+      }, {
+        tip: withCtx(() => [
+          renderSlot(_ctx.$slots, "tip", {
+            row: _ctx.item,
+            index: _ctx.index
+          })
+        ]),
+        batch: withCtx(() => [
+          renderSlot(_ctx.$slots, "batch", {
+            row: _ctx.item,
+            index: _ctx.index
+          })
+        ]),
+        option: withCtx(() => [
+          renderSlot(_ctx.$slots, "option", {
+            row: _ctx.item,
+            index: _ctx.index
+          })
+        ]),
+        _: 3
+      }, 8, ["item", "abttrites", "thumb-key", "show-attrs"]);
+    };
+  }
+});
+export { _sfc_main as default };

package/es/selectThumb/component.js

@@ -21,44 +21,45 @@ const _hoisted_5 = {
   key: 0,
   class: "thumb-list-view"
 };
-const _hoisted_6 = { style: { "margin-top": "-10px" } };
-const _hoisted_7 = {
+const _hoisted_6 = { class: "thumb-list-view" };
+const _hoisted_7 = { style: { "margin-top": "-10px" } };
+const _hoisted_8 = {
   key: 0,
   class: "tip"
 };
-const _hoisted_8 = /* @__PURE__ */ createElementVNode("span", { style: { "margin-right": "10px" } }, "\u72EC\u7ACB\u8F6E\u64AD\u56FE", -1);
-const _hoisted_9 = { class: "thumbbox" };
-const _hoisted_10 = {
+const _hoisted_9 = /* @__PURE__ */ createElementVNode("span", { style: { "margin-right": "10px" } }, "\u72EC\u7ACB\u8F6E\u64AD\u56FE", -1);
+const _hoisted_10 = { class: "thumbbox" };
+const _hoisted_11 = {
   key: 2,
   class: "title"
 };
-const _hoisted_11 = /* @__PURE__ */ createElementVNode("span", null, "\u72EC\u7ACB\u8F6E\u64AD\u56FE\u80CC\u666F\u989C\u8272", -1);
-const _hoisted_12 = [
-  _hoisted_11
+const _hoisted_12 = /* @__PURE__ */ createElementVNode("span", null, "\u72EC\u7ACB\u8F6E\u64AD\u56FE\u80CC\u666F\u989C\u8272", -1);
+const _hoisted_13 = [
+  _hoisted_12
 ];
-const _hoisted_13 = { key: 0 };
-const _hoisted_14 = {
+const _hoisted_14 = { key: 0 };
+const _hoisted_15 = {
   key: 0,
   class: "star"
 };
-const _hoisted_15 = { key: 1 };
-const _hoisted_16 = {
+const _hoisted_16 = { key: 1 };
+const _hoisted_17 = {
   key: 2,
   class: "tip",
   style: { "margin-left": "10px" }
 };
-const _hoisted_17 = { class: "thumbbox" };
-const _hoisted_18 = {
+const _hoisted_18 = { class: "thumbbox" };
+const _hoisted_19 = {
   key: 0,
   class: "tip"
 };
-const _hoisted_19 = {
+const _hoisted_20 = {
   key: 1,
   class: "title"
 };
-const _hoisted_20 = /* @__PURE__ */ createElementVNode("span", null, "\u56FE\u7247\u80CC\u666F\u989C\u8272", -1);
-const _hoisted_21 = [
-  _hoisted_20
+const _hoisted_21 = /* @__PURE__ */ createElementVNode("span", null, "\u56FE\u7247\u80CC\u666F\u989C\u8272", -1);
+const _hoisted_22 = [
+  _hoisted_21
 ];
 const _sfc_main = defineComponent({
   ...{ name: "selectThumb" },
@@ -147,6 +148,14 @@ const _sfc_main = defineComponent({
       },
       { immediate: true }
     );
+    const thumbsModeList = computed({
+      get() {
+        return props.dataValue;
+      },
+      set(value) {
+        emit("update:dataValue", value);
+      }
+    });
     const callback = (value) => {
       var _a;
       const temp = JSON.parse(JSON.stringify(value));
@@ -161,18 +170,16 @@ const _sfc_main = defineComponent({
         if (!temp.data) {
           temp.data = [];
         }
-        if (props.mode === "matrixDoc") {
-          emit(
-            "update:dataValue",
-            JSON.parse(JSON.stringify(temp.data.map((item) => item.url)))
-          );
+        if (props.mode === "thumbs") {
+          console.log(temp);
+          thumbsModeList.value[thumbOptionIndex.value] = temp.data[0].url;
         } else {
           emit("update:dataValue", JSON.stringify(temp));
         }
       }
     };
     const curtemplate = computed(() => {
-      if (!["doc", "matrixDoc"].includes(props.mode)) {
+      if (!["doc", "thumbs"].includes(props.mode)) {
         return docThumbObjMap[3];
       }
       return docThumbObjMap[parseInt(model.value, 10)];
@@ -236,7 +243,7 @@ const _sfc_main = defineComponent({
       var _a;
       const isPcBaner = props.mode === "doc" && thumbBannerModel.value === "pcBanner" && !docSeriesShowTopThemeColor.value;
       const _useCropper = props.mode === "doc" ? true : useCropper.value;
-      if (["smiple", "matrixDoc"].includes(props.mode)) {
+      if (["smiple", "thumbs"].includes(props.mode)) {
         dialogMediaSelectionShow.value = false;
         const medias = data.map((media) => {
           return { url: media.url, thumb: media.url };
@@ -366,7 +373,7 @@ const _sfc_main = defineComponent({
         createElementVNode("div", {
           class: normalizeClass(["banner-view", { flex: _ctx.flex }])
         }, [
-          _ctx.mode !== "smiple" ? (openBlock(), createElementBlock("div", {
+          _ctx.mode !== "smiple" && _ctx.showTitle ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: "title",
             style: normalizeStyle({ width: _ctx.offset })
@@ -377,25 +384,38 @@ const _sfc_main = defineComponent({
             ((_a = curtemplate.value) == null ? void 0 : _a.value) !== "4" && !_ctx.flex ? (openBlock(), createElementBlock("span", _hoisted_3, " (" + toDisplayString((_b = curtemplate.value) == null ? void 0 : _b.alias) + "\u6BD4\u4F8B\uFF1A" + toDisplayString((_c = curtemplate.value) == null ? void 0 : _c.ratioStr) + ") ", 1)) : createCommentVNode("v-if", true)
           ], 4)) : createCommentVNode("v-if", true),
           createElementVNode("div", _hoisted_4, [
-            createCommentVNode(" \u5C01\u9762\u56FEcard "),
-            currentModel.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(currentModel.value.maxLength, (item, index) => {
+            ["thumbs"].includes(_ctx.mode) ? (openBlock(), createElementBlock("div", _hoisted_5, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(thumbsModeList.value, (item, index) => {
                 return openBlock(), createBlock(_sfc_main$1, {
                   key: index,
                   id: `thumb-card-${index}`,
-                  data: thumbList.value[index],
-                  model: model.value,
+                  data: { url: item },
                   "preview-list": previewList.value,
                   "thumb-model": "thumb",
                   onOpen: ($event) => openDialogMediaSelection($event, index)
-                }, null, 8, ["id", "data", "model", "preview-list", "onOpen"]);
+                }, null, 8, ["id", "data", "preview-list", "onOpen"]);
               }), 128))
-            ])) : createCommentVNode("v-if", true),
+            ])) : currentModel.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              createCommentVNode(" \u5C01\u9762\u56FEcard "),
+              createElementVNode("div", _hoisted_6, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(currentModel.value.maxLength, (item, index) => {
+                  return openBlock(), createBlock(_sfc_main$1, {
+                    key: index,
+                    id: `thumb-card-${index}`,
+                    data: thumbList.value[index],
+                    model: model.value,
+                    "preview-list": previewList.value,
+                    "thumb-model": "thumb",
+                    onOpen: ($event) => openDialogMediaSelection($event, index)
+                  }, null, 8, ["id", "data", "model", "preview-list", "onOpen"]);
+                }), 128))
+              ])
+            ], 2112)) : createCommentVNode("v-if", true),
             createCommentVNode(" \u5DE6\u53F3\u5E03\u5C40\u663E\u793Atip "),
-            createElementVNode("div", _hoisted_6, [
-              ((_d = curtemplate.value) == null ? void 0 : _d.value) !== "4" && _ctx.flex ? (openBlock(), createElementBlock("span", _hoisted_7, " (" + toDisplayString((_e = curtemplate.value) == null ? void 0 : _e.alias) + "\u6BD4\u4F8B\uFF1A" + toDisplayString((_f = curtemplate.value) == null ? void 0 : _f.ratioStr) + ") ", 1)) : createCommentVNode("v-if", true)
+            createElementVNode("div", _hoisted_7, [
+              ((_d = curtemplate.value) == null ? void 0 : _d.value) !== "4" && _ctx.flex ? (openBlock(), createElementBlock("span", _hoisted_8, " (" + toDisplayString((_e = curtemplate.value) == null ? void 0 : _e.alias) + "\u6BD4\u4F8B\uFF1A" + toDisplayString((_f = curtemplate.value) == null ? void 0 : _f.ratioStr) + ") ", 1)) : createCommentVNode("v-if", true)
             ]),
-            ["matrixDoc", "doc"].includes(_ctx.mode) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            ["doc"].includes(_ctx.mode) ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
               createCommentVNode(" \u9009\u62E9\u5927\u56FE\u3001\u4E09\u56FE\u3001\u5355\u56FE...\u7B49\u6A21\u5F0F "),
               createVNode(unref(RadioGroup), {
                 modelValue: model.value,
@@ -432,7 +452,7 @@ const _sfc_main = defineComponent({
               class: "title",
               style: normalizeStyle({ width: _ctx.offset })
             }, [
-              _hoisted_8,
+              _hoisted_9,
               createCommentVNode(" \u4E0A\u4E0B\u5E03\u5C40\u5F00\u5173\u5728\u6807\u9898\u540E "),
               !_ctx.flex ? (openBlock(), createBlock(unref(Switch), {
                 key: 0,
@@ -441,7 +461,7 @@ const _sfc_main = defineComponent({
                 size: "small"
               }, null, 8, ["modelValue"])) : createCommentVNode("v-if", true)
             ], 4),
-            createElementVNode("div", _hoisted_9, [
+            createElementVNode("div", _hoisted_10, [
               createCommentVNode(" \u5DE6\u53F3\u5E03\u5C40\u5F00\u5173\u663E\u793A "),
               _ctx.flex ? (openBlock(), createBlock(unref(Switch), {
                 key: 0,
@@ -458,7 +478,7 @@ const _sfc_main = defineComponent({
                 "thumb-model": "banner",
                 onOpen: openDialogMediaSelection
               }, null, 8, ["data", "preview-list"])) : createCommentVNode("v-if", true),
-              hasBanner.value && styleData.value.banner_theme_color ? (openBlock(), createElementBlock("div", _hoisted_10, _hoisted_12)) : createCommentVNode("v-if", true),
+              hasBanner.value && styleData.value.banner_theme_color ? (openBlock(), createElementBlock("div", _hoisted_11, _hoisted_13)) : createCommentVNode("v-if", true),
               createCommentVNode(" banner\u8C03\u8272\u677F "),
               hasBanner.value ? (openBlock(), createBlock(_sfc_main$2, {
                 key: 3,
@@ -476,13 +496,13 @@ const _sfc_main = defineComponent({
               class: "title",
               style: normalizeStyle({ width: _ctx.offset })
             }, [
-              docSeriesShowTopThemeColor.value ? (openBlock(), createElementBlock("span", _hoisted_13, [
-                _ctx.topImageTitleValid ? (openBlock(), createElementBlock("span", _hoisted_14, "*")) : createCommentVNode("v-if", true),
+              docSeriesShowTopThemeColor.value ? (openBlock(), createElementBlock("span", _hoisted_14, [
+                _ctx.topImageTitleValid ? (openBlock(), createElementBlock("span", _hoisted_15, "*")) : createCommentVNode("v-if", true),
                 createElementVNode("span", null, toDisplayString(_ctx.topImageTitle || "\u5C01\u9762\u5934\u56FE"), 1)
-              ])) : (openBlock(), createElementBlock("span", _hoisted_15, "PC\u5C01\u9762\u56FE")),
-              !_ctx.flex ? (openBlock(), createElementBlock("span", _hoisted_16, " (\u5EFA\u8BAE\u5C3A\u5BF8\uFF1A1242px*662px) ")) : createCommentVNode("v-if", true)
+              ])) : (openBlock(), createElementBlock("span", _hoisted_16, "PC\u5C01\u9762\u56FE")),
+              !_ctx.flex ? (openBlock(), createElementBlock("span", _hoisted_17, " (\u5EFA\u8BAE\u5C3A\u5BF8\uFF1A1242px*662px) ")) : createCommentVNode("v-if", true)
             ], 4),
-            createElementVNode("div", _hoisted_17, [
+            createElementVNode("div", _hoisted_18, [
               createVNode(_sfc_main$1, {
                 id: `pc-banner-card`,
                 data: pcBanner.value,
@@ -490,8 +510,8 @@ const _sfc_main = defineComponent({
                 thumbModel: "pcBanner",
                 onOpen: openDialogMediaSelection
               }, null, 8, ["data", "previewList"]),
-              _ctx.flex ? (openBlock(), createElementBlock("span", _hoisted_18, "(\u5EFA\u8BAE\u5C3A\u5BF8\uFF1A1242px*662px)")) : createCommentVNode("v-if", true),
-              docSeriesShowTopThemeColor.value && styleData.value.top_theme_color ? (openBlock(), createElementBlock("div", _hoisted_19, _hoisted_21)) : createCommentVNode("v-if", true),
+              _ctx.flex ? (openBlock(), createElementBlock("span", _hoisted_19, "(\u5EFA\u8BAE\u5C3A\u5BF8\uFF1A1242px*662px)")) : createCommentVNode("v-if", true),
+              docSeriesShowTopThemeColor.value && styleData.value.top_theme_color ? (openBlock(), createElementBlock("div", _hoisted_20, _hoisted_22)) : createCommentVNode("v-if", true),
               docSeriesShowTopThemeColor.value ? (openBlock(), createBlock(_sfc_main$2, {
                 key: 2,
                 model: "top",

package/es/utils/doc.d.ts

@@ -72,4 +72,5 @@ export declare const getPublishParmas: (categories: any[], categories_with: any[
     clean_offline_time: boolean;
     id: any;
 };
+export declare function getDocThumb(item: any): any;
 export {};

package/es/utils/doc.js

@@ -101,4 +101,18 @@ const approvalItem = (item) => {
   }
   return item.approval_status;
 };
-export { approvalItem, docPubStateMap, docSeries, docStateMap, docThumbArrMap, docThumbMap, docThumbObjMap, docThumbRatioMap, docThumbTypeMap, stateOptions, typeOptions };
+function getDocThumb(item) {
+  if (item.preview_url) {
+    return item.preview_url;
+  }
+  if (item.style) {
+    let { style } = 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 item.cover && item.cover.data && item.cover.data[0] && item.cover.data[0].thumb;
+}
+export { approvalItem, docPubStateMap, docSeries, docStateMap, docThumbArrMap, docThumbMap, docThumbObjMap, docThumbRatioMap, docThumbTypeMap, getDocThumb, stateOptions, typeOptions };

package/es/utils/typeMap.js

@@ -134,7 +134,7 @@ const local_live_doc_type = {
 const local_live_doc_status = [
   { value: 0, label: "\u672A\u5F00\u59CB", bgColor: "#FF8000" },
   { value: 1, label: "\u76F4\u64AD\u4E2D", bgColor: "#FF192D" },
-  { value: 2, label: "\u5DF2\u7ED3\u675F", bgColor: "#C9CDD4" }
+  { value: 2, label: "\u5DF2\u7ED3\u675F", bgColor: "rgba(0, 0, 0, 0.6)" }
 ];
 const matrixPublishStateMap = {
   0: "\u5F85\u53D1\u5E03",