@cmstops/pro-compo 0.1.59 → 0.1.61

package/es/editMetaInfo/component.js

@@ -11,6 +11,10 @@ const _sfc_main = defineComponent({
   __name: "component",
   props: {
     BASE_API: {},
+    title: { default: "\u5C01\u9762" },
+    titleValid: { type: Boolean, default: false },
+    topImageTitle: { default: "\u5C01\u9762\u5934\u56FE" },
+    topImageTitleValid: { type: Boolean, default: false },
     visible: { type: Boolean },
     hashId: {}
   },
@@ -80,9 +84,13 @@ const _sfc_main = defineComponent({
                         ref_key: "metaInfoFormRef",
                         ref: metaInfoFormRef,
                         BASE_API: unref(BASE_API),
+                        title: _ctx.title,
+                        "top-image-title": _ctx.topImageTitle,
+                        "title-valid": _ctx.titleValid,
+                        "top-image-title-valid": _ctx.topImageTitleValid,
                         "init-data": editorDataPubInfo.value,
                         onUpload: _cache[0] || (_cache[0] = (e) => _ctx.$emit("upload", e))
-                      }, null, 8, ["BASE_API", "init-data"])
+                      }, null, 8, ["BASE_API", "title", "top-image-title", "title-valid", "top-image-title-valid", "init-data"])
                     ])
                   ]),
                   _: 1

package/es/editMetaInfo/components/metaInfoForm.js

@@ -23,6 +23,10 @@ const _sfc_main = defineComponent({
   __name: "metaInfoForm",
   props: {
     initData: {},
+    title: {},
+    topImageTitle: {},
+    titleValid: { type: Boolean },
+    topImageTitleValid: { type: Boolean },
     BASE_API: {},
     sourceStore: {}
   },
@@ -295,10 +299,14 @@ const _sfc_main = defineComponent({
                 "onUpdate:dataValue": _cache[2] || (_cache[2] = ($event) => form.value.style = $event),
                 "media-use-type": 1,
                 series: series.value,
+                title: _ctx.title,
+                topImageTitle: _ctx.topImageTitle,
+                titleValid: _ctx.titleValid,
+                topImageTitleValid: _ctx.topImageTitleValid,
                 class: "select-thumb-wrap",
                 mode: "doc",
                 onUpload: _cache[3] || (_cache[3] = (e) => _ctx.$emit("upload", e))
-              }, null, 8, ["dataValue", "series"])
+              }, null, 8, ["dataValue", "series", "title", "topImageTitle", "titleValid", "topImageTitleValid"])
             ]),
             _: 1
           }),

package/es/selectThumb/component.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, provide, computed, watch, nextTick, openBlock, createElementBlock, createElementVNode, normalizeClass, normalizeStyle, withDirectives, vShow, toDisplayString, createCommentVNode, Fragment, renderList, createBlock, createVNode, unref, withCtx, createTextVNode } from "vue";
+import { defineComponent, ref, provide, computed, watch, nextTick, openBlock, createElementBlock, createCommentVNode, createElementVNode, normalizeClass, normalizeStyle, toDisplayString, Fragment, renderList, createBlock, createVNode, unref, withCtx, createTextVNode } from "vue";
 import { RadioGroup, Radio, Switch } from "@arco-design/web-vue";
 import { docThumbObjMap, docThumbArrMap, docThumbRatioMap } from "../utils/doc.js";
 import _sfc_main$3 from "../resourceModal/component.js";
@@ -7,36 +7,58 @@ import _sfc_main$1 from "./components/card.js";
 import _sfc_main$2 from "./components/colorPalette.js";
 import { DEFAULT_BASE_API } from "../config.js";
 const _hoisted_1 = { class: "select-thumb-container" };
-const _hoisted_2 = { class: "star" };
-const _hoisted_3 = { class: "thumbbox" };
-const _hoisted_4 = {
+const _hoisted_2 = {
+  key: 0,
+  class: "star"
+};
+const _hoisted_3 = {
+  key: 1,
+  style: { "margin-left": "10px" },
+  class: "tip"
+};
+const _hoisted_4 = { class: "thumbbox" };
+const _hoisted_5 = {
   key: 0,
   class: "thumb-list-view"
 };
-const _hoisted_5 = { style: { "margin-top": "-10px" } };
-const _hoisted_6 = /* @__PURE__ */ createElementVNode("span", { style: { "margin-right": "10px" } }, "\u72EC\u7ACB\u8F6E\u64AD\u56FE", -1);
-const _hoisted_7 = { class: "thumbbox" };
-const _hoisted_8 = { class: "title" };
-const _hoisted_9 = /* @__PURE__ */ createElementVNode("span", null, "\u72EC\u7ACB\u8F6E\u64AD\u56FE\u80CC\u666F\u989C\u8272", -1);
-const _hoisted_10 = [
-  _hoisted_9
+const _hoisted_6 = { style: { "margin-top": "-10px" } };
+const _hoisted_7 = {
+  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 = {
+  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_11 = { key: 0 };
-const _hoisted_12 = { key: 1 };
-const _hoisted_13 = /* @__PURE__ */ createElementVNode("span", { class: "star" }, "*", -1);
-const _hoisted_14 = { key: 2 };
-const _hoisted_15 = /* @__PURE__ */ createElementVNode("span", { class: "star" }, "*", -1);
-const _hoisted_16 = { key: 3 };
-const _hoisted_17 = {
+const _hoisted_13 = { key: 0 };
+const _hoisted_14 = {
+  key: 0,
+  class: "star"
+};
+const _hoisted_15 = { key: 1 };
+const _hoisted_16 = {
+  key: 2,
   class: "tip",
   style: { "margin-left": "10px" }
 };
-const _hoisted_18 = { class: "thumbbox" };
-const _hoisted_19 = { class: "tip" };
-const _hoisted_20 = { class: "title" };
-const _hoisted_21 = /* @__PURE__ */ createElementVNode("span", null, "\u5934\u56FE\u80CC\u666F\u989C\u8272", -1);
-const _hoisted_22 = [
-  _hoisted_21
+const _hoisted_17 = { class: "thumbbox" };
+const _hoisted_18 = {
+  key: 0,
+  class: "tip"
+};
+const _hoisted_19 = {
+  key: 1,
+  class: "title"
+};
+const _hoisted_20 = /* @__PURE__ */ createElementVNode("span", null, "\u56FE\u7247\u80CC\u666F\u989C\u8272", -1);
+const _hoisted_21 = [
+  _hoisted_20
 ];
 const _sfc_main = defineComponent({
   ...{ name: "selectThumb" },
@@ -49,6 +71,8 @@ const _sfc_main = defineComponent({
     offset: {},
     title: {},
     titleValid: { type: Boolean },
+    topImageTitle: {},
+    topImageTitleValid: {},
     showTitle: { type: Boolean },
     cropper: { type: Boolean },
     aiImages: {},
@@ -130,6 +154,7 @@ const _sfc_main = defineComponent({
         }
         emit("update:dataValue", JSON.stringify(temp));
       }
+      console.log("callbackData", JSON.stringify(temp));
     };
     const curtemplate = computed(() => {
       if (props.mode !== "doc") {
@@ -276,6 +301,12 @@ const _sfc_main = defineComponent({
         };
         styleData.value.data = temp;
       }
+      console.log(
+        "thumbBannerModel:",
+        thumbBannerModel.value,
+        "styleData:",
+        styleData.value
+      );
       callback(styleData.value);
     };
     const loadImage = (url) => {
@@ -322,6 +353,7 @@ const _sfc_main = defineComponent({
     return (_ctx, _cache) => {
       var _a, _b, _c, _d, _e, _f;
       return openBlock(), createElementBlock("div", _hoisted_1, [
+        createCommentVNode(" \u5C01\u9762\u6807\u9898"),
         createElementVNode("div", {
           class: normalizeClass(["banner-view", { flex: _ctx.flex }])
         }, [
@@ -330,20 +362,14 @@ const _sfc_main = defineComponent({
             class: "title",
             style: normalizeStyle({ width: _ctx.offset })
           }, [
-            withDirectives(createElementVNode("span", _hoisted_2, "*", 512), [
-              [vShow, _ctx.titleValid]
-            ]),
+            _ctx.titleValid ? (openBlock(), createElementBlock("span", _hoisted_2, "*")) : createCommentVNode("v-if", true),
             createElementVNode("span", null, toDisplayString(_ctx.title ? _ctx.title : "\u5C01\u9762"), 1),
-            ((_a = curtemplate.value) == null ? void 0 : _a.value) !== "4" ? withDirectives((openBlock(), createElementBlock("span", {
-              key: 0,
-              class: "tip",
-              style: { "margin-left": "10px" }
-            }, " (" + toDisplayString((_b = curtemplate.value) == null ? void 0 : _b.alias) + "\u6BD4\u4F8B\uFF1A" + toDisplayString((_c = curtemplate.value) == null ? void 0 : _c.ratioStr) + ") ", 513)), [
-              [vShow, !_ctx.flex]
-            ]) : createCommentVNode("v-if", true)
+            createCommentVNode(" \u4E0A\u4E0B\u5E03\u5C40\u663E\u793A tip"),
+            ((_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_3, [
-            currentModel.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
+          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) => {
                 return openBlock(), createBlock(_sfc_main$1, {
                   key: index,
@@ -356,13 +382,9 @@ const _sfc_main = defineComponent({
                 }, null, 8, ["id", "data", "model", "preview-list", "onOpen"]);
               }), 128))
             ])) : createCommentVNode("v-if", true),
-            createElementVNode("div", _hoisted_5, [
-              ((_d = curtemplate.value) == null ? void 0 : _d.value) !== "4" ? withDirectives((openBlock(), createElementBlock("span", {
-                key: 0,
-                class: "tip"
-              }, " (" + toDisplayString((_e = curtemplate.value) == null ? void 0 : _e.alias) + "\u6BD4\u4F8B\uFF1A" + toDisplayString((_f = curtemplate.value) == null ? void 0 : _f.ratioStr) + ") ", 513)), [
-                [vShow, _ctx.flex]
-              ]) : 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)
             ]),
             _ctx.mode === "doc" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
               createCommentVNode(" \u9009\u62E9\u5927\u56FE\u3001\u4E09\u56FE\u3001\u5355\u56FE...\u7B49\u6A21\u5F0F "),
@@ -401,44 +423,40 @@ const _sfc_main = defineComponent({
               class: "title",
               style: normalizeStyle({ width: _ctx.offset })
             }, [
-              _hoisted_6,
-              withDirectives(createVNode(unref(Switch), {
+              _hoisted_8,
+              createCommentVNode(" \u4E0A\u4E0B\u5E03\u5C40\u5F00\u5173\u5728\u6807\u9898\u540E "),
+              !_ctx.flex ? (openBlock(), createBlock(unref(Switch), {
+                key: 0,
                 modelValue: hasBanner.value,
                 "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => hasBanner.value = $event),
                 size: "small"
-              }, null, 8, ["modelValue"]), [
-                [vShow, !_ctx.flex]
-              ])
+              }, null, 8, ["modelValue"])) : createCommentVNode("v-if", true)
             ], 4),
-            createElementVNode("div", _hoisted_7, [
-              withDirectives(createVNode(unref(Switch), {
+            createElementVNode("div", _hoisted_9, [
+              createCommentVNode(" \u5DE6\u53F3\u5E03\u5C40\u5F00\u5173\u663E\u793A "),
+              _ctx.flex ? (openBlock(), createBlock(unref(Switch), {
+                key: 0,
                 modelValue: hasBanner.value,
                 "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => hasBanner.value = $event),
                 style: { "margin-bottom": "10px" },
                 size: "small"
-              }, null, 8, ["modelValue"]), [
-                [vShow, _ctx.flex]
-              ]),
-              withDirectives(createVNode(_sfc_main$1, {
+              }, null, 8, ["modelValue"])) : createCommentVNode("v-if", true),
+              hasBanner.value ? (openBlock(), createBlock(_sfc_main$1, {
+                key: 1,
                 id: `banner-card`,
                 data: banner.value,
                 "preview-list": previewList.value,
                 "thumb-model": "banner",
                 onOpen: openDialogMediaSelection
-              }, null, 8, ["data", "preview-list"]), [
-                [vShow, hasBanner.value]
-              ]),
-              withDirectives(createElementVNode("div", _hoisted_8, _hoisted_10, 512), [
-                [vShow, hasBanner.value && styleData.value.banner_theme_color]
-              ]),
+              }, 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),
               createCommentVNode(" banner\u8C03\u8272\u677F "),
-              withDirectives(createVNode(_sfc_main$2, {
+              hasBanner.value ? (openBlock(), createBlock(_sfc_main$2, {
+                key: 3,
                 "style-data": styleData.value,
                 model: "banner",
                 onChange: colorChange
-              }, null, 8, ["style-data"]), [
-                [vShow, hasBanner.value]
-              ])
+              }, null, 8, ["style-data"])) : createCommentVNode("v-if", true)
             ])
           ], 2),
           createCommentVNode(" pc\u5C01\u9762\u56FE\uFF08\u4E13\u9898\u5934\u56FE\u5171\u7528\u4E00\u4E2A\u5B57\u6BB5\uFF09 "),
@@ -449,18 +467,13 @@ const _sfc_main = defineComponent({
               class: "title",
               style: normalizeStyle({ width: _ctx.offset })
             }, [
-              ["special", "special_v3"].includes(props.series) ? (openBlock(), createElementBlock("span", _hoisted_11, "\u4E13\u9898\u5934\u56FE")) : ["video_album", "audio_album"].includes(props.series) ? (openBlock(), createElementBlock("span", _hoisted_12, [
-                _hoisted_13,
-                createTextVNode("\u5C01\u9762\u5934\u56FE")
-              ])) : ["local_live"].includes(props.series) ? (openBlock(), createElementBlock("span", _hoisted_14, [
-                _hoisted_15,
-                createTextVNode("\u76F4\u64AD\u5934\u56FE")
-              ])) : (openBlock(), createElementBlock("span", _hoisted_16, "PC\u5C01\u9762\u56FE")),
-              withDirectives(createElementVNode("span", _hoisted_17, "(\u5EFA\u8BAE\u5C3A\u5BF8\uFF1A1242px*662px)", 512), [
-                [vShow, !_ctx.flex]
-              ])
+              docSeriesShowTopThemeColor.value ? (openBlock(), createElementBlock("span", _hoisted_13, [
+                _ctx.topImageTitleValid ? (openBlock(), createElementBlock("span", _hoisted_14, "*")) : 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)
             ], 4),
-            createElementVNode("div", _hoisted_18, [
+            createElementVNode("div", _hoisted_17, [
               createVNode(_sfc_main$1, {
                 id: `pc-banner-card`,
                 data: pcBanner.value,
@@ -468,19 +481,14 @@ const _sfc_main = defineComponent({
                 thumbModel: "pcBanner",
                 onOpen: openDialogMediaSelection
               }, null, 8, ["data", "previewList"]),
-              withDirectives(createElementVNode("span", _hoisted_19, "(\u5EFA\u8BAE\u5C3A\u5BF8\uFF1A1242px*662px)", 512), [
-                [vShow, _ctx.flex]
-              ]),
-              withDirectives(createElementVNode("div", _hoisted_20, _hoisted_22, 512), [
-                [vShow, docSeriesShowTopThemeColor.value && styleData.value.top_theme_color]
-              ]),
-              withDirectives(createVNode(_sfc_main$2, {
-                styleData: styleData.value,
+              _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),
+              docSeriesShowTopThemeColor.value ? (openBlock(), createBlock(_sfc_main$2, {
+                key: 2,
                 model: "top",
+                styleData: styleData.value,
                 onChange: colorChange
-              }, null, 8, ["styleData"]), [
-                [vShow, docSeriesShowTopThemeColor.value]
-              ])
+              }, null, 8, ["styleData"])) : createCommentVNode("v-if", true)
             ])
           ], 2)
         ], 64)) : createCommentVNode("v-if", true),

package/lib/editMetaInfo/component.js

@@ -12,6 +12,10 @@ const _sfc_main = vue.defineComponent({
   __name: "component",
   props: {
     BASE_API: {},
+    title: { default: "\u5C01\u9762" },
+    titleValid: { type: Boolean, default: false },
+    topImageTitle: { default: "\u5C01\u9762\u5934\u56FE" },
+    topImageTitleValid: { type: Boolean, default: false },
     visible: { type: Boolean },
     hashId: {}
   },
@@ -81,9 +85,13 @@ const _sfc_main = vue.defineComponent({
                         ref_key: "metaInfoFormRef",
                         ref: metaInfoFormRef,
                         BASE_API: vue.unref(BASE_API),
+                        title: _ctx.title,
+                        "top-image-title": _ctx.topImageTitle,
+                        "title-valid": _ctx.titleValid,
+                        "top-image-title-valid": _ctx.topImageTitleValid,
                         "init-data": editorDataPubInfo.value,
                         onUpload: _cache[0] || (_cache[0] = (e) => _ctx.$emit("upload", e))
-                      }, null, 8, ["BASE_API", "init-data"])
+                      }, null, 8, ["BASE_API", "title", "top-image-title", "title-valid", "top-image-title-valid", "init-data"])
                     ])
                   ]),
                   _: 1

package/lib/editMetaInfo/components/metaInfoForm.js

@@ -24,6 +24,10 @@ const _sfc_main = vue.defineComponent({
   __name: "metaInfoForm",
   props: {
     initData: {},
+    title: {},
+    topImageTitle: {},
+    titleValid: { type: Boolean },
+    topImageTitleValid: { type: Boolean },
     BASE_API: {},
     sourceStore: {}
   },
@@ -296,10 +300,14 @@ const _sfc_main = vue.defineComponent({
                 "onUpdate:dataValue": _cache[2] || (_cache[2] = ($event) => form.value.style = $event),
                 "media-use-type": 1,
                 series: series.value,
+                title: _ctx.title,
+                topImageTitle: _ctx.topImageTitle,
+                titleValid: _ctx.titleValid,
+                topImageTitleValid: _ctx.topImageTitleValid,
                 class: "select-thumb-wrap",
                 mode: "doc",
                 onUpload: _cache[3] || (_cache[3] = (e) => _ctx.$emit("upload", e))
-              }, null, 8, ["dataValue", "series"])
+              }, null, 8, ["dataValue", "series", "title", "topImageTitle", "titleValid", "topImageTitleValid"])
             ]),
             _: 1
           }),

package/lib/selectThumb/component.js

@@ -8,36 +8,58 @@ var card = require("./components/card.js");
 var colorPalette = require("./components/colorPalette.js");
 var config = require("../config.js");
 const _hoisted_1 = { class: "select-thumb-container" };
-const _hoisted_2 = { class: "star" };
-const _hoisted_3 = { class: "thumbbox" };
-const _hoisted_4 = {
+const _hoisted_2 = {
+  key: 0,
+  class: "star"
+};
+const _hoisted_3 = {
+  key: 1,
+  style: { "margin-left": "10px" },
+  class: "tip"
+};
+const _hoisted_4 = { class: "thumbbox" };
+const _hoisted_5 = {
   key: 0,
   class: "thumb-list-view"
 };
-const _hoisted_5 = { style: { "margin-top": "-10px" } };
-const _hoisted_6 = /* @__PURE__ */ vue.createElementVNode("span", { style: { "margin-right": "10px" } }, "\u72EC\u7ACB\u8F6E\u64AD\u56FE", -1);
-const _hoisted_7 = { class: "thumbbox" };
-const _hoisted_8 = { class: "title" };
-const _hoisted_9 = /* @__PURE__ */ vue.createElementVNode("span", null, "\u72EC\u7ACB\u8F6E\u64AD\u56FE\u80CC\u666F\u989C\u8272", -1);
-const _hoisted_10 = [
-  _hoisted_9
+const _hoisted_6 = { style: { "margin-top": "-10px" } };
+const _hoisted_7 = {
+  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 = {
+  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_11 = { key: 0 };
-const _hoisted_12 = { key: 1 };
-const _hoisted_13 = /* @__PURE__ */ vue.createElementVNode("span", { class: "star" }, "*", -1);
-const _hoisted_14 = { key: 2 };
-const _hoisted_15 = /* @__PURE__ */ vue.createElementVNode("span", { class: "star" }, "*", -1);
-const _hoisted_16 = { key: 3 };
-const _hoisted_17 = {
+const _hoisted_13 = { key: 0 };
+const _hoisted_14 = {
+  key: 0,
+  class: "star"
+};
+const _hoisted_15 = { key: 1 };
+const _hoisted_16 = {
+  key: 2,
   class: "tip",
   style: { "margin-left": "10px" }
 };
-const _hoisted_18 = { class: "thumbbox" };
-const _hoisted_19 = { class: "tip" };
-const _hoisted_20 = { class: "title" };
-const _hoisted_21 = /* @__PURE__ */ vue.createElementVNode("span", null, "\u5934\u56FE\u80CC\u666F\u989C\u8272", -1);
-const _hoisted_22 = [
-  _hoisted_21
+const _hoisted_17 = { class: "thumbbox" };
+const _hoisted_18 = {
+  key: 0,
+  class: "tip"
+};
+const _hoisted_19 = {
+  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 _sfc_main = vue.defineComponent({
   ...{ name: "selectThumb" },
@@ -50,6 +72,8 @@ const _sfc_main = vue.defineComponent({
     offset: {},
     title: {},
     titleValid: { type: Boolean },
+    topImageTitle: {},
+    topImageTitleValid: {},
     showTitle: { type: Boolean },
     cropper: { type: Boolean },
     aiImages: {},
@@ -131,6 +155,7 @@ const _sfc_main = vue.defineComponent({
         }
         emit("update:dataValue", JSON.stringify(temp));
       }
+      console.log("callbackData", JSON.stringify(temp));
     };
     const curtemplate = vue.computed(() => {
       if (props.mode !== "doc") {
@@ -277,6 +302,12 @@ const _sfc_main = vue.defineComponent({
         };
         styleData.value.data = temp;
       }
+      console.log(
+        "thumbBannerModel:",
+        thumbBannerModel.value,
+        "styleData:",
+        styleData.value
+      );
       callback(styleData.value);
     };
     const loadImage = (url) => {
@@ -323,6 +354,7 @@ const _sfc_main = vue.defineComponent({
     return (_ctx, _cache) => {
       var _a, _b, _c, _d, _e, _f;
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createCommentVNode(" \u5C01\u9762\u6807\u9898"),
         vue.createElementVNode("div", {
           class: vue.normalizeClass(["banner-view", { flex: _ctx.flex }])
         }, [
@@ -331,20 +363,14 @@ const _sfc_main = vue.defineComponent({
             class: "title",
             style: vue.normalizeStyle({ width: _ctx.offset })
           }, [
-            vue.withDirectives(vue.createElementVNode("span", _hoisted_2, "*", 512), [
-              [vue.vShow, _ctx.titleValid]
-            ]),
+            _ctx.titleValid ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, "*")) : vue.createCommentVNode("v-if", true),
             vue.createElementVNode("span", null, vue.toDisplayString(_ctx.title ? _ctx.title : "\u5C01\u9762"), 1),
-            ((_a = curtemplate.value) == null ? void 0 : _a.value) !== "4" ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
-              key: 0,
-              class: "tip",
-              style: { "margin-left": "10px" }
-            }, " (" + vue.toDisplayString((_b = curtemplate.value) == null ? void 0 : _b.alias) + "\u6BD4\u4F8B\uFF1A" + vue.toDisplayString((_c = curtemplate.value) == null ? void 0 : _c.ratioStr) + ") ", 513)), [
-              [vue.vShow, !_ctx.flex]
-            ]) : vue.createCommentVNode("v-if", true)
+            vue.createCommentVNode(" \u4E0A\u4E0B\u5E03\u5C40\u663E\u793A tip"),
+            ((_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_3, [
-            currentModel.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+          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) => {
                 return vue.openBlock(), vue.createBlock(card, {
                   key: index,
@@ -357,13 +383,9 @@ const _sfc_main = vue.defineComponent({
                 }, null, 8, ["id", "data", "model", "preview-list", "onOpen"]);
               }), 128))
             ])) : vue.createCommentVNode("v-if", true),
-            vue.createElementVNode("div", _hoisted_5, [
-              ((_d = curtemplate.value) == null ? void 0 : _d.value) !== "4" ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
-                key: 0,
-                class: "tip"
-              }, " (" + vue.toDisplayString((_e = curtemplate.value) == null ? void 0 : _e.alias) + "\u6BD4\u4F8B\uFF1A" + vue.toDisplayString((_f = curtemplate.value) == null ? void 0 : _f.ratioStr) + ") ", 513)), [
-                [vue.vShow, _ctx.flex]
-              ]) : 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)
             ]),
             _ctx.mode === "doc" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
               vue.createCommentVNode(" \u9009\u62E9\u5927\u56FE\u3001\u4E09\u56FE\u3001\u5355\u56FE...\u7B49\u6A21\u5F0F "),
@@ -402,44 +424,40 @@ const _sfc_main = vue.defineComponent({
               class: "title",
               style: vue.normalizeStyle({ width: _ctx.offset })
             }, [
-              _hoisted_6,
-              vue.withDirectives(vue.createVNode(vue.unref(webVue.Switch), {
+              _hoisted_8,
+              vue.createCommentVNode(" \u4E0A\u4E0B\u5E03\u5C40\u5F00\u5173\u5728\u6807\u9898\u540E "),
+              !_ctx.flex ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Switch), {
+                key: 0,
                 modelValue: hasBanner.value,
                 "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => hasBanner.value = $event),
                 size: "small"
-              }, null, 8, ["modelValue"]), [
-                [vue.vShow, !_ctx.flex]
-              ])
+              }, null, 8, ["modelValue"])) : vue.createCommentVNode("v-if", true)
             ], 4),
-            vue.createElementVNode("div", _hoisted_7, [
-              vue.withDirectives(vue.createVNode(vue.unref(webVue.Switch), {
+            vue.createElementVNode("div", _hoisted_9, [
+              vue.createCommentVNode(" \u5DE6\u53F3\u5E03\u5C40\u5F00\u5173\u663E\u793A "),
+              _ctx.flex ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Switch), {
+                key: 0,
                 modelValue: hasBanner.value,
                 "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => hasBanner.value = $event),
                 style: { "margin-bottom": "10px" },
                 size: "small"
-              }, null, 8, ["modelValue"]), [
-                [vue.vShow, _ctx.flex]
-              ]),
-              vue.withDirectives(vue.createVNode(card, {
+              }, null, 8, ["modelValue"])) : vue.createCommentVNode("v-if", true),
+              hasBanner.value ? (vue.openBlock(), vue.createBlock(card, {
+                key: 1,
                 id: `banner-card`,
                 data: banner.value,
                 "preview-list": previewList.value,
                 "thumb-model": "banner",
                 onOpen: openDialogMediaSelection
-              }, null, 8, ["data", "preview-list"]), [
-                [vue.vShow, hasBanner.value]
-              ]),
-              vue.withDirectives(vue.createElementVNode("div", _hoisted_8, _hoisted_10, 512), [
-                [vue.vShow, hasBanner.value && styleData.value.banner_theme_color]
-              ]),
+              }, 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),
               vue.createCommentVNode(" banner\u8C03\u8272\u677F "),
-              vue.withDirectives(vue.createVNode(colorPalette, {
+              hasBanner.value ? (vue.openBlock(), vue.createBlock(colorPalette, {
+                key: 3,
                 "style-data": styleData.value,
                 model: "banner",
                 onChange: colorChange
-              }, null, 8, ["style-data"]), [
-                [vue.vShow, hasBanner.value]
-              ])
+              }, null, 8, ["style-data"])) : vue.createCommentVNode("v-if", true)
             ])
           ], 2),
           vue.createCommentVNode(" pc\u5C01\u9762\u56FE\uFF08\u4E13\u9898\u5934\u56FE\u5171\u7528\u4E00\u4E2A\u5B57\u6BB5\uFF09 "),
@@ -450,18 +468,13 @@ const _sfc_main = vue.defineComponent({
               class: "title",
               style: vue.normalizeStyle({ width: _ctx.offset })
             }, [
-              ["special", "special_v3"].includes(props.series) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_11, "\u4E13\u9898\u5934\u56FE")) : ["video_album", "audio_album"].includes(props.series) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_12, [
-                _hoisted_13,
-                vue.createTextVNode("\u5C01\u9762\u5934\u56FE")
-              ])) : ["local_live"].includes(props.series) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_14, [
-                _hoisted_15,
-                vue.createTextVNode("\u76F4\u64AD\u5934\u56FE")
-              ])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_16, "PC\u5C01\u9762\u56FE")),
-              vue.withDirectives(vue.createElementVNode("span", _hoisted_17, "(\u5EFA\u8BAE\u5C3A\u5BF8\uFF1A1242px*662px)", 512), [
-                [vue.vShow, !_ctx.flex]
-              ])
+              docSeriesShowTopThemeColor.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_13, [
+                _ctx.topImageTitleValid ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_14, "*")) : 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)
             ], 4),
-            vue.createElementVNode("div", _hoisted_18, [
+            vue.createElementVNode("div", _hoisted_17, [
               vue.createVNode(card, {
                 id: `pc-banner-card`,
                 data: pcBanner.value,
@@ -469,19 +482,14 @@ const _sfc_main = vue.defineComponent({
                 thumbModel: "pcBanner",
                 onOpen: openDialogMediaSelection
               }, null, 8, ["data", "previewList"]),
-              vue.withDirectives(vue.createElementVNode("span", _hoisted_19, "(\u5EFA\u8BAE\u5C3A\u5BF8\uFF1A1242px*662px)", 512), [
-                [vue.vShow, _ctx.flex]
-              ]),
-              vue.withDirectives(vue.createElementVNode("div", _hoisted_20, _hoisted_22, 512), [
-                [vue.vShow, docSeriesShowTopThemeColor.value && styleData.value.top_theme_color]
-              ]),
-              vue.withDirectives(vue.createVNode(colorPalette, {
-                styleData: styleData.value,
+              _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),
+              docSeriesShowTopThemeColor.value ? (vue.openBlock(), vue.createBlock(colorPalette, {
+                key: 2,
                 model: "top",
+                styleData: styleData.value,
                 onChange: colorChange
-              }, null, 8, ["styleData"]), [
-                [vue.vShow, docSeriesShowTopThemeColor.value]
-              ])
+              }, null, 8, ["styleData"])) : vue.createCommentVNode("v-if", true)
             ])
           ], 2)
         ], 64)) : vue.createCommentVNode("v-if", true),

package/package.json

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