@cmstops/pro-compo 0.1.69 → 0.1.71

package/lib/selectThumb/component.js

@@ -22,44 +22,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__ */ vue.createElementVNode("span", { style: { "margin-right": "10px" } }, "\u72EC\u7ACB\u8F6E\u64AD\u56FE", -1);
-const _hoisted_9 = { class: "thumbbox" };
-const _hoisted_10 = {
+const _hoisted_9 = /* @__PURE__ */ vue.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__ */ vue.createElementVNode("span", null, "\u72EC\u7ACB\u8F6E\u64AD\u56FE\u80CC\u666F\u989C\u8272", -1);
-const _hoisted_12 = [
-  _hoisted_11
+const _hoisted_12 = /* @__PURE__ */ vue.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__ */ vue.createElementVNode("span", null, "\u56FE\u7247\u80CC\u666F\u989C\u8272", -1);
-const _hoisted_21 = [
-  _hoisted_20
+const _hoisted_21 = /* @__PURE__ */ vue.createElementVNode("span", null, "\u56FE\u7247\u80CC\u666F\u989C\u8272", -1);
+const _hoisted_22 = [
+  _hoisted_21
 ];
 const _sfc_main = vue.defineComponent({
   ...{ name: "selectThumb" },
@@ -148,6 +149,14 @@ const _sfc_main = vue.defineComponent({
       },
       { immediate: true }
     );
+    const thumbsModeList = vue.computed({
+      get() {
+        return props.dataValue;
+      },
+      set(value) {
+        emit("update:dataValue", value);
+      }
+    });
     const callback = (value) => {
       var _a;
       const temp = JSON.parse(JSON.stringify(value));
@@ -162,18 +171,16 @@ const _sfc_main = vue.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 = vue.computed(() => {
-      if (!["doc", "matrixDoc"].includes(props.mode)) {
+      if (!["doc", "thumbs"].includes(props.mode)) {
         return doc.docThumbObjMap[3];
       }
       return doc.docThumbObjMap[parseInt(model.value, 10)];
@@ -237,7 +244,7 @@ const _sfc_main = vue.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 };
@@ -367,7 +374,7 @@ const _sfc_main = vue.defineComponent({
         vue.createElementVNode("div", {
           class: vue.normalizeClass(["banner-view", { flex: _ctx.flex }])
         }, [
-          _ctx.mode !== "smiple" ? (vue.openBlock(), vue.createElementBlock("div", {
+          _ctx.mode !== "smiple" && _ctx.showTitle ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
             class: "title",
             style: vue.normalizeStyle({ width: _ctx.offset })
@@ -378,25 +385,38 @@ const _sfc_main = vue.defineComponent({
             ((_a = curtemplate.value) == null ? void 0 : _a.value) !== "4" && !_ctx.flex ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, " (" + vue.toDisplayString((_b = curtemplate.value) == null ? void 0 : _b.alias) + "\u6BD4\u4F8B\uFF1A" + vue.toDisplayString((_c = curtemplate.value) == null ? void 0 : _c.ratioStr) + ") ", 1)) : vue.createCommentVNode("v-if", true)
           ], 4)) : vue.createCommentVNode("v-if", true),
           vue.createElementVNode("div", _hoisted_4, [
-            vue.createCommentVNode(" \u5C01\u9762\u56FEcard "),
-            currentModel.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(currentModel.value.maxLength, (item, index) => {
+            ["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) => {
                 return vue.openBlock(), vue.createBlock(card, {
                   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))
-            ])) : vue.createCommentVNode("v-if", true),
+            ])) : currentModel.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+              vue.createCommentVNode(" \u5C01\u9762\u56FEcard "),
+              vue.createElementVNode("div", _hoisted_6, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(currentModel.value.maxLength, (item, index) => {
+                  return vue.openBlock(), vue.createBlock(card, {
+                    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)) : vue.createCommentVNode("v-if", true),
             vue.createCommentVNode(" \u5DE6\u53F3\u5E03\u5C40\u663E\u793Atip "),
-            vue.createElementVNode("div", _hoisted_6, [
-              ((_d = curtemplate.value) == null ? void 0 : _d.value) !== "4" && _ctx.flex ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7, " (" + vue.toDisplayString((_e = curtemplate.value) == null ? void 0 : _e.alias) + "\u6BD4\u4F8B\uFF1A" + vue.toDisplayString((_f = curtemplate.value) == null ? void 0 : _f.ratioStr) + ") ", 1)) : vue.createCommentVNode("v-if", true)
+            vue.createElementVNode("div", _hoisted_7, [
+              ((_d = curtemplate.value) == null ? void 0 : _d.value) !== "4" && _ctx.flex ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8, " (" + vue.toDisplayString((_e = curtemplate.value) == null ? void 0 : _e.alias) + "\u6BD4\u4F8B\uFF1A" + vue.toDisplayString((_f = curtemplate.value) == null ? void 0 : _f.ratioStr) + ") ", 1)) : vue.createCommentVNode("v-if", true)
             ]),
-            ["matrixDoc", "doc"].includes(_ctx.mode) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+            ["doc"].includes(_ctx.mode) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
               vue.createCommentVNode(" \u9009\u62E9\u5927\u56FE\u3001\u4E09\u56FE\u3001\u5355\u56FE...\u7B49\u6A21\u5F0F "),
               vue.createVNode(vue.unref(webVue.RadioGroup), {
                 modelValue: model.value,
@@ -433,7 +453,7 @@ const _sfc_main = vue.defineComponent({
               class: "title",
               style: vue.normalizeStyle({ width: _ctx.offset })
             }, [
-              _hoisted_8,
+              _hoisted_9,
               vue.createCommentVNode(" \u4E0A\u4E0B\u5E03\u5C40\u5F00\u5173\u5728\u6807\u9898\u540E "),
               !_ctx.flex ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Switch), {
                 key: 0,
@@ -442,7 +462,7 @@ const _sfc_main = vue.defineComponent({
                 size: "small"
               }, null, 8, ["modelValue"])) : vue.createCommentVNode("v-if", true)
             ], 4),
-            vue.createElementVNode("div", _hoisted_9, [
+            vue.createElementVNode("div", _hoisted_10, [
               vue.createCommentVNode(" \u5DE6\u53F3\u5E03\u5C40\u5F00\u5173\u663E\u793A "),
               _ctx.flex ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Switch), {
                 key: 0,
@@ -459,7 +479,7 @@ const _sfc_main = vue.defineComponent({
                 "thumb-model": "banner",
                 onOpen: openDialogMediaSelection
               }, null, 8, ["data", "preview-list"])) : vue.createCommentVNode("v-if", true),
-              hasBanner.value && styleData.value.banner_theme_color ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, _hoisted_12)) : vue.createCommentVNode("v-if", true),
+              hasBanner.value && styleData.value.banner_theme_color ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11, _hoisted_13)) : vue.createCommentVNode("v-if", true),
               vue.createCommentVNode(" banner\u8C03\u8272\u677F "),
               hasBanner.value ? (vue.openBlock(), vue.createBlock(colorPalette, {
                 key: 3,
@@ -477,13 +497,13 @@ const _sfc_main = vue.defineComponent({
               class: "title",
               style: vue.normalizeStyle({ width: _ctx.offset })
             }, [
-              docSeriesShowTopThemeColor.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_13, [
-                _ctx.topImageTitleValid ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_14, "*")) : vue.createCommentVNode("v-if", true),
+              docSeriesShowTopThemeColor.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_14, [
+                _ctx.topImageTitleValid ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_15, "*")) : vue.createCommentVNode("v-if", true),
                 vue.createElementVNode("span", null, vue.toDisplayString(_ctx.topImageTitle || "\u5C01\u9762\u5934\u56FE"), 1)
-              ])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_15, "PC\u5C01\u9762\u56FE")),
-              !_ctx.flex ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_16, " (\u5EFA\u8BAE\u5C3A\u5BF8\uFF1A1242px*662px) ")) : vue.createCommentVNode("v-if", true)
+              ])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_16, "PC\u5C01\u9762\u56FE")),
+              !_ctx.flex ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_17, " (\u5EFA\u8BAE\u5C3A\u5BF8\uFF1A1242px*662px) ")) : vue.createCommentVNode("v-if", true)
             ], 4),
-            vue.createElementVNode("div", _hoisted_17, [
+            vue.createElementVNode("div", _hoisted_18, [
               vue.createVNode(card, {
                 id: `pc-banner-card`,
                 data: pcBanner.value,
@@ -491,8 +511,8 @@ const _sfc_main = vue.defineComponent({
                 thumbModel: "pcBanner",
                 onOpen: openDialogMediaSelection
               }, null, 8, ["data", "previewList"]),
-              _ctx.flex ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_18, "(\u5EFA\u8BAE\u5C3A\u5BF8\uFF1A1242px*662px)")) : vue.createCommentVNode("v-if", true),
-              docSeriesShowTopThemeColor.value && styleData.value.top_theme_color ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_19, _hoisted_21)) : vue.createCommentVNode("v-if", true),
+              _ctx.flex ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_19, "(\u5EFA\u8BAE\u5C3A\u5BF8\uFF1A1242px*662px)")) : vue.createCommentVNode("v-if", true),
+              docSeriesShowTopThemeColor.value && styleData.value.top_theme_color ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_20, _hoisted_22)) : vue.createCommentVNode("v-if", true),
               docSeriesShowTopThemeColor.value ? (vue.openBlock(), vue.createBlock(colorPalette, {
                 key: 2,
                 model: "top",

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.69",
+  "version": "0.1.71",
   "description": "",
   "keywords": [
     "vue",