@cmstops/pro-compo 0.1.57 → 0.1.58

package/lib/selectThumb/component.js

@@ -8,37 +8,36 @@ 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 = {
-  key: 0,
-  class: "title"
-};
-const _hoisted_3 = {
-  key: 0,
-  class: "tip"
-};
+const _hoisted_2 = { class: "star" };
+const _hoisted_3 = { class: "thumbbox" };
 const _hoisted_4 = {
-  key: 1,
+  key: 0,
   class: "thumb-list-view"
 };
-const _hoisted_5 = { class: "banner-view" };
-const _hoisted_6 = { class: "title" };
-const _hoisted_7 = /* @__PURE__ */ vue.createElementVNode("span", null, "\u72EC\u7ACB\u8F6E\u64AD\u56FE", -1);
+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_11 = { class: "banner-view" };
-const _hoisted_12 = { class: "title" };
-const _hoisted_13 = { key: 0 };
-const _hoisted_14 = { key: 1 };
+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: 2 };
-const _hoisted_17 = /* @__PURE__ */ vue.createElementVNode("span", { class: "tip" }, "(\u5EFA\u8BAE\u5C3A\u5BF8\uFF1A1242px*662px)", -1);
-const _hoisted_18 = { class: "title" };
-const _hoisted_19 = /* @__PURE__ */ vue.createElementVNode("span", null, "\u5934\u56FE\u80CC\u666F\u989C\u8272", -1);
-const _hoisted_20 = [
-  _hoisted_19
+const _hoisted_16 = { key: 3 };
+const _hoisted_17 = {
+  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 _sfc_main = vue.defineComponent({
   ...{ name: "selectThumb" },
@@ -47,7 +46,10 @@ const _sfc_main = vue.defineComponent({
     BASE_API: {},
     mode: {},
     dataValue: {},
+    flex: { type: Boolean },
+    offset: {},
     title: {},
+    titleValid: { type: Boolean },
     showTitle: { type: Boolean },
     cropper: { type: Boolean },
     aiImages: {},
@@ -158,6 +160,8 @@ const _sfc_main = vue.defineComponent({
           return "1,2,3,4,7";
         if (series === "h5")
           return "1,2,3,4,7";
+        if (series === "local_live")
+          return "2,3";
       }
       return "1,2,3,4,5,7";
     });
@@ -181,9 +185,13 @@ const _sfc_main = vue.defineComponent({
     };
     const docSeriesShowTopThemeColor = vue.computed(() => {
       const { series } = props;
-      return ["special", "special_v3", "video_album", "audio_album"].includes(
-        series
-      );
+      return [
+        "special",
+        "special_v3",
+        "video_album",
+        "audio_album",
+        "local_live"
+      ].includes(series);
     });
     const submitCallback = (data) => {
       var _a;
@@ -313,122 +321,184 @@ const _sfc_main = vue.defineComponent({
       callback(styleData2);
     };
     return (_ctx, _cache) => {
-      var _a, _b, _c;
+      var _a, _b, _c, _d, _e, _f;
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        _ctx.mode !== "smiple" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
-          vue.createTextVNode(vue.toDisplayString(_ctx.title ? _ctx.title : "\u5C01\u9762") + " ", 1),
-          ((_a = curtemplate.value) == null ? void 0 : _a.value) !== "4" ? (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)
-        ])) : vue.createCommentVNode("v-if", true),
-        currentModel.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
-          (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))
-        ])) : vue.createCommentVNode("v-if", true),
-        _ctx.mode === "doc" ? (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,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
-            size: "small",
-            type: "button",
-            onChange: modelChange
-          }, {
-            default: vue.withCtx(() => [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(modelList.value, (item, index) => {
-                return vue.openBlock(), vue.createBlock(vue.unref(webVue.Radio), {
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(["banner-view", { flex: _ctx.flex }])
+        }, [
+          _ctx.mode !== "smiple" ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: "title",
+            style: vue.normalizeStyle({ width: _ctx.offset })
+          }, [
+            vue.withDirectives(vue.createElementVNode("span", _hoisted_2, "*", 512), [
+              [vue.vShow, _ctx.titleValid]
+            ]),
+            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)
+          ], 4)) : vue.createCommentVNode("v-if", true),
+          vue.createElementVNode("div", _hoisted_3, [
+            currentModel.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(currentModel.value.maxLength, (item, index) => {
+                return vue.openBlock(), vue.createBlock(card, {
                   key: index,
-                  value: item.value
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createTextVNode(vue.toDisplayString(item.alias), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["value"]);
+                  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))
+            ])) : 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)
             ]),
-            _: 1
-          }, 8, ["modelValue"]),
+            _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 "),
+              vue.createVNode(vue.unref(webVue.RadioGroup), {
+                modelValue: model.value,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+                size: "small",
+                type: "button",
+                style: { "margin-top": "10px" },
+                onChange: modelChange
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(modelList.value, (item, index) => {
+                    return vue.openBlock(), vue.createBlock(vue.unref(webVue.Radio), {
+                      key: index,
+                      value: item.value
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode(vue.toDisplayString(item.alias), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["value"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ], 64)) : vue.createCommentVNode("v-if", true)
+          ])
+        ], 2),
+        _ctx.mode === "doc" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
           vue.createCommentVNode(" \u72EC\u7ACB\u8F6E\u535A\u56FE "),
-          vue.createElementVNode("div", _hoisted_5, [
-            vue.createElementVNode("div", _hoisted_6, [
-              _hoisted_7,
-              vue.createVNode(vue.unref(webVue.Switch), {
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(["banner-view", { flex: _ctx.flex }])
+          }, [
+            vue.createElementVNode("div", {
+              class: "title",
+              style: vue.normalizeStyle({ width: _ctx.offset })
+            }, [
+              _hoisted_6,
+              vue.withDirectives(vue.createVNode(vue.unref(webVue.Switch), {
                 modelValue: hasBanner.value,
                 "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => hasBanner.value = $event),
                 size: "small"
-              }, null, 8, ["modelValue"])
-            ]),
-            vue.withDirectives(vue.createVNode(card, {
-              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]
-            ]),
-            vue.createCommentVNode(" banner\u8C03\u8272\u677F "),
-            vue.withDirectives(vue.createVNode(colorPalette, {
-              "style-data": styleData.value,
-              model: "banner",
-              onChange: colorChange
-            }, null, 8, ["style-data"]), [
-              [vue.vShow, hasBanner.value]
+              }, null, 8, ["modelValue"]), [
+                [vue.vShow, !_ctx.flex]
+              ])
+            ], 4),
+            vue.createElementVNode("div", _hoisted_7, [
+              vue.withDirectives(vue.createVNode(vue.unref(webVue.Switch), {
+                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, {
+                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]
+              ]),
+              vue.createCommentVNode(" banner\u8C03\u8272\u677F "),
+              vue.withDirectives(vue.createVNode(colorPalette, {
+                "style-data": styleData.value,
+                model: "banner",
+                onChange: colorChange
+              }, null, 8, ["style-data"]), [
+                [vue.vShow, hasBanner.value]
+              ])
             ])
-          ]),
+          ], 2),
           vue.createCommentVNode(" pc\u5C01\u9762\u56FE\uFF08\u4E13\u9898\u5934\u56FE\u5171\u7528\u4E00\u4E2A\u5B57\u6BB5\uFF09 "),
-          vue.createElementVNode("div", _hoisted_11, [
-            vue.createElementVNode("div", _hoisted_12, [
-              ["special", "special_v3"].includes(props.series) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_13, "\u4E13\u9898\u5934\u56FE")) : ["video_album", "audio_album"].includes(props.series) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_14, [
-                _hoisted_15,
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(["banner-view", { flex: _ctx.flex }])
+          }, [
+            vue.createElementVNode("div", {
+              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")),
-              _hoisted_17
-            ]),
-            vue.createVNode(card, {
-              id: `pc-banner-card`,
-              data: pcBanner.value,
-              previewList: previewList.value,
-              thumbModel: "pcBanner",
-              onOpen: openDialogMediaSelection
-            }, null, 8, ["data", "previewList"]),
-            vue.withDirectives(vue.createElementVNode("div", _hoisted_18, _hoisted_20, 512), [
-              [vue.vShow, docSeriesShowTopThemeColor.value && styleData.value.top_theme_color]
-            ]),
-            vue.withDirectives(vue.createVNode(colorPalette, {
-              styleData: styleData.value,
-              model: "top",
-              onChange: colorChange
-            }, null, 8, ["styleData"]), [
-              [vue.vShow, docSeriesShowTopThemeColor.value]
+              vue.withDirectives(vue.createElementVNode("span", _hoisted_17, "(\u5EFA\u8BAE\u5C3A\u5BF8\uFF1A1242px*662px)", 512), [
+                [vue.vShow, !_ctx.flex]
+              ])
+            ], 4),
+            vue.createElementVNode("div", _hoisted_18, [
+              vue.createVNode(card, {
+                id: `pc-banner-card`,
+                data: pcBanner.value,
+                previewList: previewList.value,
+                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,
+                model: "top",
+                onChange: colorChange
+              }, null, 8, ["styleData"]), [
+                [vue.vShow, docSeriesShowTopThemeColor.value]
+              ])
             ])
-          ])
+          ], 2)
         ], 64)) : vue.createCommentVNode("v-if", true),
         vue.createVNode(component, {
           dialogVisible: dialogMediaSelectionShow.value,
-          "onUpdate:dialogVisible": _cache[2] || (_cache[2] = ($event) => dialogMediaSelectionShow.value = $event),
+          "onUpdate:dialogVisible": _cache[3] || (_cache[3] = ($event) => dialogMediaSelectionShow.value = $event),
           preview: false,
           "catalog-props": "image",
           ai_static_covers: _ctx.aiImages,
           BASE_API: vue.unref(BASE_API),
           onSubmit: submitCallback,
-          onUpload: _cache[3] || (_cache[3] = (cb) => _ctx.$emit("upload", cb))
+          onUpload: _cache[4] || (_cache[4] = (cb) => _ctx.$emit("upload", cb))
         }, null, 8, ["dialogVisible", "ai_static_covers", "BASE_API"]),
         refreshCrop.value ? (vue.openBlock(), vue.createBlock(component$1, {
-          key: 3,
+          key: 1,
           visible: dialogCropperShow.value,
-          "onUpdate:visible": _cache[4] || (_cache[4] = ($event) => dialogCropperShow.value = $event),
+          "onUpdate:visible": _cache[5] || (_cache[5] = ($event) => dialogCropperShow.value = $event),
           "aspect-ratio-prop": aspectRatioProp.value,
           BASE_API: vue.unref(BASE_API),
           "corp-data": cropperData.value,

package/lib/selectThumb/style/index.css

@@ -110,18 +110,18 @@
   transform-origin: center;
 }
 .select-thumb-container .title {
-  font-size: 14px;
+  margin-bottom: 10px;
   color: #4e5969;
   font-weight: 700;
-  line-height: 40px;
-  margin: 5px 0px;
-}
-.select-thumb-container .title span {
-  margin-right: 10px;
+  font-size: 14px;
 }
-.select-thumb-container .title .tip {
-  font-size: 12px;
+.select-thumb-container .tip {
+  display: inline-block;
   color: rgba(78, 89, 105, 0.4);
+  font-size: 12px;
+}
+.select-thumb-container .thumbbox {
+  margin-bottom: 10px;
 }
 .select-thumb-container .thumb-list-view {
   display: flex;
@@ -129,12 +129,15 @@
   margin-bottom: 10px;
 }
 .select-thumb-container .star {
-  color: red;
   margin-right: 2px !important;
+  color: red;
+}
+.select-thumb-container .flex {
+  display: flex;
 }
 .select-thumb-container .color-picker-input {
   width: 32px;
   height: 32px;
+  padding: 0 2px;
   border: none;
-  padding: 0px 2px;
 }

package/lib/selectThumb/style/index.less

@@ -2,33 +2,43 @@
   @radio-button-size: 32px;
   @import './card.less';
   @import './colorPalette.less';
+
   .title {
-    font-size: 14px;
+    margin-bottom: 10px;
     color: #4e5969;
     font-weight: 700;
-    line-height: 40px;
-    margin: 5px 0px;
-    span {
-      margin-right: 10px;
-    }
-    .tip {
-      font-size: 12px;
-      color: rgba(78, 89, 105, 0.4);
-    }
+    font-size: 14px;
+  }
+
+  .tip {
+    display: inline-block;
+    color: rgba(78, 89, 105, 0.4);
+    font-size: 12px;
+  }
+
+  .thumbbox {
+    margin-bottom: 10px;
   }
+
   .thumb-list-view {
     display: flex;
     align-items: center;
     margin-bottom: 10px;
   }
+
   .star {
-    color: red;
     margin-right: 2px !important;
+    color: red;
+  }
+
+  .flex {
+    display: flex;
   }
+
   .color-picker-input {
     width: @radio-button-size;
     height: @radio-button-size;
+    padding: 0 2px;
     border: none;
-    padding: 0px 2px;
   }
 }

package/package.json

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