@cmstops/pro-compo 0.1.70 → 0.1.72

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

@@ -78,6 +78,7 @@ const _sfc_main = defineComponent({
     cropper: { type: Boolean },
     aiImages: {},
     series: {},
+    thumbsMax: {},
     mediaUseType: {}
   },
   emits: ["update:dataValue", "upload"],
@@ -126,7 +127,7 @@ const _sfc_main = defineComponent({
         data = { model: 3, data: [{ url: value, thumb: value }] };
       } else if (Array.isArray(value)) {
         data = {
-          model: value.length > 1 ? 1 : 3,
+          model: 99,
           data: value.map((img) => {
             return {
               url: img
@@ -148,13 +149,11 @@ const _sfc_main = defineComponent({
       },
       { immediate: true }
     );
-    const thumbsModeList = computed({
-      get() {
-        return props.dataValue;
-      },
-      set(value) {
-        emit("update:dataValue", value);
+    const thumbsLengthList = computed(() => {
+      if (props.thumbsMax && thumbList.value.length >= props.thumbsMax) {
+        return props.thumbsMax;
       }
+      return thumbList.value.length + 1;
     });
     const callback = (value) => {
       var _a;
@@ -171,8 +170,10 @@ const _sfc_main = defineComponent({
           temp.data = [];
         }
         if (props.mode === "thumbs") {
-          console.log(temp);
-          thumbsModeList.value[thumbOptionIndex.value] = temp.data[0].url;
+          emit(
+            "update:dataValue",
+            temp.data.map((item) => item.url)
+          );
         } else {
           emit("update:dataValue", JSON.stringify(temp));
         }
@@ -245,10 +246,10 @@ const _sfc_main = defineComponent({
       const _useCropper = props.mode === "doc" ? true : useCropper.value;
       if (["smiple", "thumbs"].includes(props.mode)) {
         dialogMediaSelectionShow.value = false;
-        const medias = data.map((media) => {
-          return { url: media.url, thumb: media.url };
-        });
-        styleData.value.data = medias;
+        const media = data[0];
+        const temp = JSON.parse(JSON.stringify(styleData.value.data || []));
+        temp[thumbOptionIndex.value] = { url: media.url, thumb: media.url };
+        styleData.value.data = temp;
         callback(styleData.value);
       } else if (isPcBaner || !_useCropper) {
         dialogMediaSelectionShow.value = false;
@@ -385,11 +386,11 @@ const _sfc_main = defineComponent({
           ], 4)) : createCommentVNode("v-if", true),
           createElementVNode("div", _hoisted_4, [
             ["thumbs"].includes(_ctx.mode) ? (openBlock(), createElementBlock("div", _hoisted_5, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(thumbsModeList.value, (item, index) => {
+              (openBlock(true), createElementBlock(Fragment, null, renderList(thumbsLengthList.value, (item, index) => {
                 return openBlock(), createBlock(_sfc_main$1, {
                   key: index,
                   id: `thumb-card-${index}`,
-                  data: { url: item },
+                  data: thumbList.value[index],
                   "preview-list": previewList.value,
                   "thumb-model": "thumb",
                   onOpen: ($event) => openDialogMediaSelection($event, index)

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",

package/lib/contentDetailList/component.js

@@ -5,6 +5,7 @@ var draggable = require("vuedraggable");
 var index = require("./components/Content/index.js");
 var index$1 = require("./components/Doc/index.js");
 var index$2 = require("./components/Records/index.js");
+var index$3 = require("./components/CustomWrp/index.js");
 function _interopDefaultLegacy(e) {
   return e && typeof e === "object" && "default" in e ? e : { "default": e };
 }
@@ -91,12 +92,12 @@ const _sfc_main = vue.defineComponent({
               onChange: sortChange,
               onStart: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("dragstart"))
             }, {
-              item: vue.withCtx(({ element, index: index$3 }) => [
+              item: vue.withCtx(({ element, index: index$4 }) => [
                 vue.createElementVNode("div", _hoisted_2, [
                   props.type === "content" ? (vue.openBlock(), vue.createBlock(index, {
-                    key: index$3,
+                    key: index$4,
                     item: element,
-                    index: index$3,
+                    index: index$4,
                     parmas: vue.unref(parmasProps),
                     abttrites: vue.unref(abttritesProps),
                     extraAttrs: _ctx.extraAttrs,
@@ -107,21 +108,20 @@ const _sfc_main = vue.defineComponent({
                     batch: vue.withCtx(() => [
                       vue.renderSlot(_ctx.$slots, "batch", {
                         row: element,
-                        index: index$3
+                        index: index$4
                       })
                     ]),
                     option: vue.withCtx(() => [
                       vue.renderSlot(_ctx.$slots, "option", {
                         row: element,
-                        index: index$3
+                        index: index$4
                       })
                     ]),
                     _: 2
-                  }, 1032, ["item", "index", "parmas", "abttrites", "extraAttrs"])) : vue.createCommentVNode("v-if", true),
-                  props.type === "doc" ? (vue.openBlock(), vue.createBlock(index$1, {
-                    key: index$3,
+                  }, 1032, ["item", "index", "parmas", "abttrites", "extraAttrs"])) : props.type === "doc" ? (vue.openBlock(), vue.createBlock(index$1, {
+                    key: index$4,
                     item: element,
-                    index: index$3,
+                    index: index$4,
                     abttrites: vue.unref(abttritesProps),
                     extraAttrs: _ctx.extraAttrs,
                     onClickTitle: clickTitle,
@@ -131,27 +131,26 @@ const _sfc_main = vue.defineComponent({
                     tip: vue.withCtx(() => [
                       vue.renderSlot(_ctx.$slots, "tip", {
                         row: element,
-                        index: index$3
+                        index: index$4
                       })
                     ]),
                     batch: vue.withCtx(() => [
                       vue.renderSlot(_ctx.$slots, "batch", {
                         row: element,
-                        index: index$3
+                        index: index$4
                       })
                     ]),
                     option: vue.withCtx(() => [
                       vue.renderSlot(_ctx.$slots, "option", {
                         row: element,
-                        index: index$3
+                        index: index$4
                       })
                     ]),
                     _: 2
-                  }, 1032, ["item", "index", "abttrites", "extraAttrs"])) : vue.createCommentVNode("v-if", true),
-                  props.type === "record" ? (vue.openBlock(), vue.createBlock(index$2, {
-                    key: index$3,
+                  }, 1032, ["item", "index", "abttrites", "extraAttrs"])) : props.type === "record" ? (vue.openBlock(), vue.createBlock(index$2, {
+                    key: index$4,
                     item: element,
-                    index: index$3,
+                    index: index$4,
                     parmas: vue.unref(parmasProps),
                     abttrites: vue.unref(abttritesProps),
                     extraAttrs: _ctx.extraAttrs,
@@ -162,26 +161,55 @@ const _sfc_main = vue.defineComponent({
                     batch: vue.withCtx(() => [
                       vue.renderSlot(_ctx.$slots, "batch", {
                         row: element,
-                        index: index$3
+                        index: index$4
                       })
                     ]),
                     option: vue.withCtx(() => [
                       vue.renderSlot(_ctx.$slots, "option", {
                         row: element,
-                        index: index$3
+                        index: index$4
                       })
                     ]),
                     _: 2
-                  }, 1032, ["item", "index", "parmas", "abttrites", "extraAttrs"])) : vue.createCommentVNode("v-if", true)
+                  }, 1032, ["item", "index", "parmas", "abttrites", "extraAttrs"])) : (vue.openBlock(), vue.createBlock(index$3, {
+                    key: 3,
+                    item: element,
+                    index: index$4,
+                    abttrites: vue.unref(abttritesProps),
+                    extraAttrs: _ctx.extraAttrs,
+                    onClickTitle: clickTitle,
+                    onCellMouseEnter: tableCellMouseEnter,
+                    onCellMouseLeave: tableCellMouseLeave
+                  }, {
+                    tip: vue.withCtx(() => [
+                      vue.renderSlot(_ctx.$slots, "tip", {
+                        row: element,
+                        index: index$4
+                      })
+                    ]),
+                    batch: vue.withCtx(() => [
+                      vue.renderSlot(_ctx.$slots, "batch", {
+                        row: element,
+                        index: index$4
+                      })
+                    ]),
+                    option: vue.withCtx(() => [
+                      vue.renderSlot(_ctx.$slots, "option", {
+                        row: element,
+                        index: index$4
+                      })
+                    ]),
+                    _: 2
+                  }, 1032, ["item", "index", "abttrites", "extraAttrs"]))
                 ])
               ]),
               _: 3
-            }, 8, ["modelValue", "sort"])) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(dataList.value, (item, index$3) => {
-              return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index$3 }, [
+            }, 8, ["modelValue", "sort"])) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(dataList.value, (item, index$4) => {
+              return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index$4 }, [
                 props.type === "content" ? (vue.openBlock(), vue.createBlock(index, {
-                  key: index$3,
+                  key: index$4,
                   item,
-                  index: index$3,
+                  index: index$4,
                   parmas: vue.unref(parmasProps),
                   abttrites: vue.unref(abttritesProps),
                   extraAttrs: _ctx.extraAttrs,
@@ -192,21 +220,20 @@ const _sfc_main = vue.defineComponent({
                   batch: vue.withCtx(() => [
                     vue.renderSlot(_ctx.$slots, "batch", {
                       row: item,
-                      index: index$3
+                      index: index$4
                     })
                   ]),
                   option: vue.withCtx(() => [
                     vue.renderSlot(_ctx.$slots, "option", {
                       row: item,
-                      index: index$3
+                      index: index$4
                     })
                   ]),
                   _: 2
-                }, 1032, ["item", "index", "parmas", "abttrites", "extraAttrs"])) : vue.createCommentVNode("v-if", true),
-                props.type === "doc" ? (vue.openBlock(), vue.createBlock(index$1, {
-                  key: index$3,
+                }, 1032, ["item", "index", "parmas", "abttrites", "extraAttrs"])) : props.type === "doc" ? (vue.openBlock(), vue.createBlock(index$1, {
+                  key: index$4,
                   item,
-                  index: index$3,
+                  index: index$4,
                   abttrites: vue.unref(abttritesProps),
                   extraAttrs: _ctx.extraAttrs,
                   onClickTitle: clickTitle,
@@ -216,27 +243,26 @@ const _sfc_main = vue.defineComponent({
                   tip: vue.withCtx(() => [
                     vue.renderSlot(_ctx.$slots, "tip", {
                       row: item,
-                      index: index$3
+                      index: index$4
                     })
                   ]),
                   batch: vue.withCtx(() => [
                     vue.renderSlot(_ctx.$slots, "batch", {
                       row: item,
-                      index: index$3
+                      index: index$4
                     })
                   ]),
                   option: vue.withCtx(() => [
                     vue.renderSlot(_ctx.$slots, "option", {
                       row: item,
-                      index: index$3
+                      index: index$4
                     })
                   ]),
                   _: 2
-                }, 1032, ["item", "index", "abttrites", "extraAttrs"])) : vue.createCommentVNode("v-if", true),
-                props.type === "record" ? (vue.openBlock(), vue.createBlock(index$2, {
-                  key: index$3,
+                }, 1032, ["item", "index", "abttrites", "extraAttrs"])) : props.type === "record" ? (vue.openBlock(), vue.createBlock(index$2, {
+                  key: index$4,
                   item,
-                  index: index$3,
+                  index: index$4,
                   parmas: vue.unref(parmasProps),
                   abttrites: vue.unref(abttritesProps),
                   extraAttrs: _ctx.extraAttrs,
@@ -247,17 +273,46 @@ const _sfc_main = vue.defineComponent({
                   batch: vue.withCtx(() => [
                     vue.renderSlot(_ctx.$slots, "batch", {
                       row: item,
-                      index: index$3
+                      index: index$4
+                    })
+                  ]),
+                  option: vue.withCtx(() => [
+                    vue.renderSlot(_ctx.$slots, "option", {
+                      row: item,
+                      index: index$4
+                    })
+                  ]),
+                  _: 2
+                }, 1032, ["item", "index", "parmas", "abttrites", "extraAttrs"])) : (vue.openBlock(), vue.createBlock(index$3, {
+                  key: 3,
+                  item,
+                  index: index$4,
+                  abttrites: vue.unref(abttritesProps),
+                  extraAttrs: _ctx.extraAttrs,
+                  onClickTitle: clickTitle,
+                  onCellMouseEnter: tableCellMouseEnter,
+                  onCellMouseLeave: tableCellMouseLeave
+                }, {
+                  tip: vue.withCtx(() => [
+                    vue.renderSlot(_ctx.$slots, "tip", {
+                      row: item,
+                      index: index$4
+                    })
+                  ]),
+                  batch: vue.withCtx(() => [
+                    vue.renderSlot(_ctx.$slots, "batch", {
+                      row: item,
+                      index: index$4
                     })
                   ]),
                   option: vue.withCtx(() => [
                     vue.renderSlot(_ctx.$slots, "option", {
                       row: item,
-                      index: index$3
+                      index: index$4
                     })
                   ]),
                   _: 2
-                }, 1032, ["item", "index", "parmas", "abttrites", "extraAttrs"])) : vue.createCommentVNode("v-if", true)
+                }, 1032, ["item", "index", "abttrites", "extraAttrs"]))
               ], 64);
             }), 128))
           ])

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

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

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

@@ -0,0 +1,61 @@
+"use strict";
+var vue = require("vue");
+var CustomItem = require("./CustomItem.js");
+const _sfc_main = vue.defineComponent({
+  __name: "index",
+  props: {
+    abttrites: {},
+    extraAttrs: {},
+    item: {},
+    index: {}
+  },
+  emits: ["cellMouseEnter", "cellMouseLeave", "clickTitle"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const customMeta = vue.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 vue.openBlock(), vue.createBlock(CustomItem, {
+        item: _ctx.item,
+        abttrites: _ctx.abttrites,
+        "thumb-key": customMeta.value.thumbKey,
+        "show-attrs": customMeta.value.showAttrs,
+        onCellMouseEnter: cellMouseEnter,
+        onCellMouseLeave: cellMouseLeave,
+        onClickTitle: clickTitle
+      }, {
+        tip: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "tip", {
+            row: _ctx.item,
+            index: _ctx.index
+          })
+        ]),
+        batch: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "batch", {
+            row: _ctx.item,
+            index: _ctx.index
+          })
+        ]),
+        option: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "option", {
+            row: _ctx.item,
+            index: _ctx.index
+          })
+        ]),
+        _: 3
+      }, 8, ["item", "abttrites", "thumb-key", "show-attrs"]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/selectThumb/component.js

@@ -79,6 +79,7 @@ const _sfc_main = vue.defineComponent({
     cropper: { type: Boolean },
     aiImages: {},
     series: {},
+    thumbsMax: {},
     mediaUseType: {}
   },
   emits: ["update:dataValue", "upload"],
@@ -127,7 +128,7 @@ const _sfc_main = vue.defineComponent({
         data = { model: 3, data: [{ url: value, thumb: value }] };
       } else if (Array.isArray(value)) {
         data = {
-          model: value.length > 1 ? 1 : 3,
+          model: 99,
           data: value.map((img) => {
             return {
               url: img
@@ -149,13 +150,11 @@ const _sfc_main = vue.defineComponent({
       },
       { immediate: true }
     );
-    const thumbsModeList = vue.computed({
-      get() {
-        return props.dataValue;
-      },
-      set(value) {
-        emit("update:dataValue", value);
+    const thumbsLengthList = vue.computed(() => {
+      if (props.thumbsMax && thumbList.value.length >= props.thumbsMax) {
+        return props.thumbsMax;
       }
+      return thumbList.value.length + 1;
     });
     const callback = (value) => {
       var _a;
@@ -172,8 +171,10 @@ const _sfc_main = vue.defineComponent({
           temp.data = [];
         }
         if (props.mode === "thumbs") {
-          console.log(temp);
-          thumbsModeList.value[thumbOptionIndex.value] = temp.data[0].url;
+          emit(
+            "update:dataValue",
+            temp.data.map((item) => item.url)
+          );
         } else {
           emit("update:dataValue", JSON.stringify(temp));
         }
@@ -246,10 +247,10 @@ const _sfc_main = vue.defineComponent({
       const _useCropper = props.mode === "doc" ? true : useCropper.value;
       if (["smiple", "thumbs"].includes(props.mode)) {
         dialogMediaSelectionShow.value = false;
-        const medias = data.map((media) => {
-          return { url: media.url, thumb: media.url };
-        });
-        styleData.value.data = medias;
+        const media = data[0];
+        const temp = JSON.parse(JSON.stringify(styleData.value.data || []));
+        temp[thumbOptionIndex.value] = { url: media.url, thumb: media.url };
+        styleData.value.data = temp;
         callback(styleData.value);
       } else if (isPcBaner || !_useCropper) {
         dialogMediaSelectionShow.value = false;
@@ -386,11 +387,11 @@ const _sfc_main = vue.defineComponent({
           ], 4)) : vue.createCommentVNode("v-if", true),
           vue.createElementVNode("div", _hoisted_4, [
             ["thumbs"].includes(_ctx.mode) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(thumbsModeList.value, (item, index) => {
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(thumbsLengthList.value, (item, index) => {
                 return vue.openBlock(), vue.createBlock(card, {
                   key: index,
                   id: `thumb-card-${index}`,
-                  data: { url: item },
+                  data: thumbList.value[index],
                   "preview-list": previewList.value,
                   "thumb-model": "thumb",
                   onOpen: ($event) => openDialogMediaSelection($event, index)

package/lib/utils/doc.js

@@ -103,6 +103,20 @@ const approvalItem = (item) => {
   }
   return item.approval_status;
 };
+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;
+}
 exports.approvalItem = approvalItem;
 exports.docPubStateMap = docPubStateMap;
 exports.docSeries = docSeries;
@@ -112,5 +126,6 @@ exports.docThumbMap = docThumbMap;
 exports.docThumbObjMap = docThumbObjMap;
 exports.docThumbRatioMap = docThumbRatioMap;
 exports.docThumbTypeMap = docThumbTypeMap;
+exports.getDocThumb = getDocThumb;
 exports.stateOptions = stateOptions;
 exports.typeOptions = typeOptions;

package/lib/utils/typeMap.js

@@ -136,7 +136,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",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cmstops/pro-compo",
-  "version": "0.1.70",
+  "version": "0.1.72",
   "description": "",
   "keywords": [
     "vue",