@cmstops/pro-compo 0.1.59 → 0.1.60

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/es/selectThumb/component.js +94 -86
  2. package/lib/selectThumb/component.js +93 -85
  3. package/package.json +1 -1
package/es/selectThumb/component.js CHANGED
@@ -1,4 +1,4 @@
1
- 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";
1
+ import { defineComponent, ref, provide, computed, watch, nextTick, openBlock, createElementBlock, createCommentVNode, createElementVNode, normalizeClass, normalizeStyle, toDisplayString, Fragment, renderList, createBlock, createVNode, unref, withCtx, createTextVNode } from "vue";
2
2
  import { RadioGroup, Radio, Switch } from "@arco-design/web-vue";
3
3
  import { docThumbObjMap, docThumbArrMap, docThumbRatioMap } from "../utils/doc.js";
4
4
  import _sfc_main$3 from "../resourceModal/component.js";
@@ -7,36 +7,58 @@ import _sfc_main$1 from "./components/card.js";
7
7
  import _sfc_main$2 from "./components/colorPalette.js";
8
8
  import { DEFAULT_BASE_API } from "../config.js";
9
9
  const _hoisted_1 = { class: "select-thumb-container" };
10
- const _hoisted_2 = { class: "star" };
11
- const _hoisted_3 = { class: "thumbbox" };
12
- const _hoisted_4 = {
10
+ const _hoisted_2 = {
11
+ key: 0,
12
+ class: "star"
13
+ };
14
+ const _hoisted_3 = {
15
+ key: 1,
16
+ style: { "margin-left": "10px" },
17
+ class: "tip"
18
+ };
19
+ const _hoisted_4 = { class: "thumbbox" };
20
+ const _hoisted_5 = {
13
21
  key: 0,
14
22
  class: "thumb-list-view"
15
23
  };
16
- const _hoisted_5 = { style: { "margin-top": "-10px" } };
17
- const _hoisted_6 = /* @__PURE__ */ createElementVNode("span", { style: { "margin-right": "10px" } }, "\u72EC\u7ACB\u8F6E\u64AD\u56FE", -1);
18
- const _hoisted_7 = { class: "thumbbox" };
19
- const _hoisted_8 = { class: "title" };
20
- const _hoisted_9 = /* @__PURE__ */ createElementVNode("span", null, "\u72EC\u7ACB\u8F6E\u64AD\u56FE\u80CC\u666F\u989C\u8272", -1);
21
- const _hoisted_10 = [
22
- _hoisted_9
24
+ const _hoisted_6 = { style: { "margin-top": "-10px" } };
25
+ const _hoisted_7 = {
26
+ key: 0,
27
+ class: "tip"
28
+ };
29
+ const _hoisted_8 = /* @__PURE__ */ createElementVNode("span", { style: { "margin-right": "10px" } }, "\u72EC\u7ACB\u8F6E\u64AD\u56FE", -1);
30
+ const _hoisted_9 = { class: "thumbbox" };
31
+ const _hoisted_10 = {
32
+ key: 2,
33
+ class: "title"
34
+ };
35
+ const _hoisted_11 = /* @__PURE__ */ createElementVNode("span", null, "\u72EC\u7ACB\u8F6E\u64AD\u56FE\u80CC\u666F\u989C\u8272", -1);
36
+ const _hoisted_12 = [
37
+ _hoisted_11
23
38
  ];
24
- const _hoisted_11 = { key: 0 };
25
- const _hoisted_12 = { key: 1 };
26
- const _hoisted_13 = /* @__PURE__ */ createElementVNode("span", { class: "star" }, "*", -1);
27
- const _hoisted_14 = { key: 2 };
28
- const _hoisted_15 = /* @__PURE__ */ createElementVNode("span", { class: "star" }, "*", -1);
29
- const _hoisted_16 = { key: 3 };
30
- const _hoisted_17 = {
39
+ const _hoisted_13 = { key: 0 };
40
+ const _hoisted_14 = {
41
+ key: 0,
42
+ class: "star"
43
+ };
44
+ const _hoisted_15 = { key: 1 };
45
+ const _hoisted_16 = {
46
+ key: 2,
31
47
  class: "tip",
32
48
  style: { "margin-left": "10px" }
33
49
  };
34
- const _hoisted_18 = { class: "thumbbox" };
35
- const _hoisted_19 = { class: "tip" };
36
- const _hoisted_20 = { class: "title" };
37
- const _hoisted_21 = /* @__PURE__ */ createElementVNode("span", null, "\u5934\u56FE\u80CC\u666F\u989C\u8272", -1);
38
- const _hoisted_22 = [
39
- _hoisted_21
50
+ const _hoisted_17 = { class: "thumbbox" };
51
+ const _hoisted_18 = {
52
+ key: 0,
53
+ class: "tip"
54
+ };
55
+ const _hoisted_19 = {
56
+ key: 1,
57
+ class: "title"
58
+ };
59
+ const _hoisted_20 = /* @__PURE__ */ createElementVNode("span", null, "\u56FE\u7247\u80CC\u666F\u989C\u8272", -1);
60
+ const _hoisted_21 = [
61
+ _hoisted_20
40
62
  ];
41
63
  const _sfc_main = defineComponent({
42
64
  ...{ name: "selectThumb" },
@@ -49,6 +71,8 @@ const _sfc_main = defineComponent({
49
71
  offset: {},
50
72
  title: {},
51
73
  titleValid: { type: Boolean },
74
+ topImageTitle: {},
75
+ topImageTitleValid: {},
52
76
  showTitle: { type: Boolean },
53
77
  cropper: { type: Boolean },
54
78
  aiImages: {},
@@ -130,6 +154,7 @@ const _sfc_main = defineComponent({
130
154
  }
131
155
  emit("update:dataValue", JSON.stringify(temp));
132
156
  }
157
+ console.log("callbackData", JSON.stringify(temp));
133
158
  };
134
159
  const curtemplate = computed(() => {
135
160
  if (props.mode !== "doc") {
@@ -276,6 +301,12 @@ const _sfc_main = defineComponent({
276
301
  };
277
302
  styleData.value.data = temp;
278
303
  }
304
+ console.log(
305
+ "thumbBannerModel:",
306
+ thumbBannerModel.value,
307
+ "styleData:",
308
+ styleData.value
309
+ );
279
310
  callback(styleData.value);
280
311
  };
281
312
  const loadImage = (url) => {
@@ -322,6 +353,7 @@ const _sfc_main = defineComponent({
322
353
  return (_ctx, _cache) => {
323
354
  var _a, _b, _c, _d, _e, _f;
324
355
  return openBlock(), createElementBlock("div", _hoisted_1, [
356
+ createCommentVNode(" \u5C01\u9762\u6807\u9898"),
325
357
  createElementVNode("div", {
326
358
  class: normalizeClass(["banner-view", { flex: _ctx.flex }])
327
359
  }, [
@@ -330,20 +362,14 @@ const _sfc_main = defineComponent({
330
362
  class: "title",
331
363
  style: normalizeStyle({ width: _ctx.offset })
332
364
  }, [
333
- withDirectives(createElementVNode("span", _hoisted_2, "*", 512), [
334
- [vShow, _ctx.titleValid]
335
- ]),
365
+ _ctx.titleValid ? (openBlock(), createElementBlock("span", _hoisted_2, "*")) : createCommentVNode("v-if", true),
336
366
  createElementVNode("span", null, toDisplayString(_ctx.title ? _ctx.title : "\u5C01\u9762"), 1),
337
- ((_a = curtemplate.value) == null ? void 0 : _a.value) !== "4" ? withDirectives((openBlock(), createElementBlock("span", {
338
- key: 0,
339
- class: "tip",
340
- style: { "margin-left": "10px" }
341
- }, " (" + toDisplayString((_b = curtemplate.value) == null ? void 0 : _b.alias) + "\u6BD4\u4F8B\uFF1A" + toDisplayString((_c = curtemplate.value) == null ? void 0 : _c.ratioStr) + ") ", 513)), [
342
- [vShow, !_ctx.flex]
343
- ]) : createCommentVNode("v-if", true)
367
+ createCommentVNode(" \u4E0A\u4E0B\u5E03\u5C40\u663E\u793A tip"),
368
+ ((_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)
344
369
  ], 4)) : createCommentVNode("v-if", true),
345
- createElementVNode("div", _hoisted_3, [
346
- currentModel.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
370
+ createElementVNode("div", _hoisted_4, [
371
+ createCommentVNode(" \u5C01\u9762\u56FEcard "),
372
+ currentModel.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
347
373
  (openBlock(true), createElementBlock(Fragment, null, renderList(currentModel.value.maxLength, (item, index) => {
348
374
  return openBlock(), createBlock(_sfc_main$1, {
349
375
  key: index,
@@ -356,13 +382,9 @@ const _sfc_main = defineComponent({
356
382
  }, null, 8, ["id", "data", "model", "preview-list", "onOpen"]);
357
383
  }), 128))
358
384
  ])) : createCommentVNode("v-if", true),
359
- createElementVNode("div", _hoisted_5, [
360
- ((_d = curtemplate.value) == null ? void 0 : _d.value) !== "4" ? withDirectives((openBlock(), createElementBlock("span", {
361
- key: 0,
362
- class: "tip"
363
- }, " (" + toDisplayString((_e = curtemplate.value) == null ? void 0 : _e.alias) + "\u6BD4\u4F8B\uFF1A" + toDisplayString((_f = curtemplate.value) == null ? void 0 : _f.ratioStr) + ") ", 513)), [
364
- [vShow, _ctx.flex]
365
- ]) : createCommentVNode("v-if", true)
385
+ createCommentVNode(" \u5DE6\u53F3\u5E03\u5C40\u663E\u793Atip "),
386
+ createElementVNode("div", _hoisted_6, [
387
+ ((_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)
366
388
  ]),
367
389
  _ctx.mode === "doc" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
368
390
  createCommentVNode(" \u9009\u62E9\u5927\u56FE\u3001\u4E09\u56FE\u3001\u5355\u56FE...\u7B49\u6A21\u5F0F "),
@@ -401,44 +423,40 @@ const _sfc_main = defineComponent({
401
423
  class: "title",
402
424
  style: normalizeStyle({ width: _ctx.offset })
403
425
  }, [
404
- _hoisted_6,
405
- withDirectives(createVNode(unref(Switch), {
426
+ _hoisted_8,
427
+ createCommentVNode(" \u4E0A\u4E0B\u5E03\u5C40\u5F00\u5173\u5728\u6807\u9898\u540E "),
428
+ !_ctx.flex ? (openBlock(), createBlock(unref(Switch), {
429
+ key: 0,
406
430
  modelValue: hasBanner.value,
407
431
  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => hasBanner.value = $event),
408
432
  size: "small"
409
- }, null, 8, ["modelValue"]), [
410
- [vShow, !_ctx.flex]
411
- ])
433
+ }, null, 8, ["modelValue"])) : createCommentVNode("v-if", true)
412
434
  ], 4),
413
- createElementVNode("div", _hoisted_7, [
414
- withDirectives(createVNode(unref(Switch), {
435
+ createElementVNode("div", _hoisted_9, [
436
+ createCommentVNode(" \u5DE6\u53F3\u5E03\u5C40\u5F00\u5173\u663E\u793A "),
437
+ _ctx.flex ? (openBlock(), createBlock(unref(Switch), {
438
+ key: 0,
415
439
  modelValue: hasBanner.value,
416
440
  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => hasBanner.value = $event),
417
441
  style: { "margin-bottom": "10px" },
418
442
  size: "small"
419
- }, null, 8, ["modelValue"]), [
420
- [vShow, _ctx.flex]
421
- ]),
422
- withDirectives(createVNode(_sfc_main$1, {
443
+ }, null, 8, ["modelValue"])) : createCommentVNode("v-if", true),
444
+ hasBanner.value ? (openBlock(), createBlock(_sfc_main$1, {
445
+ key: 1,
423
446
  id: `banner-card`,
424
447
  data: banner.value,
425
448
  "preview-list": previewList.value,
426
449
  "thumb-model": "banner",
427
450
  onOpen: openDialogMediaSelection
428
- }, null, 8, ["data", "preview-list"]), [
429
- [vShow, hasBanner.value]
430
- ]),
431
- withDirectives(createElementVNode("div", _hoisted_8, _hoisted_10, 512), [
432
- [vShow, hasBanner.value && styleData.value.banner_theme_color]
433
- ]),
451
+ }, null, 8, ["data", "preview-list"])) : createCommentVNode("v-if", true),
452
+ hasBanner.value && styleData.value.banner_theme_color ? (openBlock(), createElementBlock("div", _hoisted_10, _hoisted_12)) : createCommentVNode("v-if", true),
434
453
  createCommentVNode(" banner\u8C03\u8272\u677F "),
435
- withDirectives(createVNode(_sfc_main$2, {
454
+ hasBanner.value ? (openBlock(), createBlock(_sfc_main$2, {
455
+ key: 3,
436
456
  "style-data": styleData.value,
437
457
  model: "banner",
438
458
  onChange: colorChange
439
- }, null, 8, ["style-data"]), [
440
- [vShow, hasBanner.value]
441
- ])
459
+ }, null, 8, ["style-data"])) : createCommentVNode("v-if", true)
442
460
  ])
443
461
  ], 2),
444
462
  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({
449
467
  class: "title",
450
468
  style: normalizeStyle({ width: _ctx.offset })
451
469
  }, [
452
- ["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, [
453
- _hoisted_13,
454
- createTextVNode("\u5C01\u9762\u5934\u56FE")
455
- ])) : ["local_live"].includes(props.series) ? (openBlock(), createElementBlock("span", _hoisted_14, [
456
- _hoisted_15,
457
- createTextVNode("\u76F4\u64AD\u5934\u56FE")
458
- ])) : (openBlock(), createElementBlock("span", _hoisted_16, "PC\u5C01\u9762\u56FE")),
459
- withDirectives(createElementVNode("span", _hoisted_17, "(\u5EFA\u8BAE\u5C3A\u5BF8\uFF1A1242px*662px)", 512), [
460
- [vShow, !_ctx.flex]
461
- ])
470
+ docSeriesShowTopThemeColor.value ? (openBlock(), createElementBlock("span", _hoisted_13, [
471
+ _ctx.topImageTitleValid ? (openBlock(), createElementBlock("span", _hoisted_14, "*")) : createCommentVNode("v-if", true),
472
+ createElementVNode("span", null, toDisplayString(_ctx.topImageTitle || "\u5C01\u9762\u5934\u56FE"), 1)
473
+ ])) : (openBlock(), createElementBlock("span", _hoisted_15, "PC\u5C01\u9762\u56FE")),
474
+ !_ctx.flex ? (openBlock(), createElementBlock("span", _hoisted_16, " (\u5EFA\u8BAE\u5C3A\u5BF8\uFF1A1242px*662px) ")) : createCommentVNode("v-if", true)
462
475
  ], 4),
463
- createElementVNode("div", _hoisted_18, [
476
+ createElementVNode("div", _hoisted_17, [
464
477
  createVNode(_sfc_main$1, {
465
478
  id: `pc-banner-card`,
466
479
  data: pcBanner.value,
@@ -468,19 +481,14 @@ const _sfc_main = defineComponent({
468
481
  thumbModel: "pcBanner",
469
482
  onOpen: openDialogMediaSelection
470
483
  }, null, 8, ["data", "previewList"]),
471
- withDirectives(createElementVNode("span", _hoisted_19, "(\u5EFA\u8BAE\u5C3A\u5BF8\uFF1A1242px*662px)", 512), [
472
- [vShow, _ctx.flex]
473
- ]),
474
- withDirectives(createElementVNode("div", _hoisted_20, _hoisted_22, 512), [
475
- [vShow, docSeriesShowTopThemeColor.value && styleData.value.top_theme_color]
476
- ]),
477
- withDirectives(createVNode(_sfc_main$2, {
478
- styleData: styleData.value,
484
+ _ctx.flex ? (openBlock(), createElementBlock("span", _hoisted_18, "(\u5EFA\u8BAE\u5C3A\u5BF8\uFF1A1242px*662px)")) : createCommentVNode("v-if", true),
485
+ docSeriesShowTopThemeColor.value && styleData.value.top_theme_color ? (openBlock(), createElementBlock("div", _hoisted_19, _hoisted_21)) : createCommentVNode("v-if", true),
486
+ docSeriesShowTopThemeColor.value ? (openBlock(), createBlock(_sfc_main$2, {
487
+ key: 2,
479
488
  model: "top",
489
+ styleData: styleData.value,
480
490
  onChange: colorChange
481
- }, null, 8, ["styleData"]), [
482
- [vShow, docSeriesShowTopThemeColor.value]
483
- ])
491
+ }, null, 8, ["styleData"])) : createCommentVNode("v-if", true)
484
492
  ])
485
493
  ], 2)
486
494
  ], 64)) : createCommentVNode("v-if", true),
package/lib/selectThumb/component.js CHANGED
@@ -8,36 +8,58 @@ var card = require("./components/card.js");
8
8
  var colorPalette = require("./components/colorPalette.js");
9
9
  var config = require("../config.js");
10
10
  const _hoisted_1 = { class: "select-thumb-container" };
11
- const _hoisted_2 = { class: "star" };
12
- const _hoisted_3 = { class: "thumbbox" };
13
- const _hoisted_4 = {
11
+ const _hoisted_2 = {
12
+ key: 0,
13
+ class: "star"
14
+ };
15
+ const _hoisted_3 = {
16
+ key: 1,
17
+ style: { "margin-left": "10px" },
18
+ class: "tip"
19
+ };
20
+ const _hoisted_4 = { class: "thumbbox" };
21
+ const _hoisted_5 = {
14
22
  key: 0,
15
23
  class: "thumb-list-view"
16
24
  };
17
- const _hoisted_5 = { style: { "margin-top": "-10px" } };
18
- const _hoisted_6 = /* @__PURE__ */ vue.createElementVNode("span", { style: { "margin-right": "10px" } }, "\u72EC\u7ACB\u8F6E\u64AD\u56FE", -1);
19
- const _hoisted_7 = { class: "thumbbox" };
20
- const _hoisted_8 = { class: "title" };
21
- const _hoisted_9 = /* @__PURE__ */ vue.createElementVNode("span", null, "\u72EC\u7ACB\u8F6E\u64AD\u56FE\u80CC\u666F\u989C\u8272", -1);
22
- const _hoisted_10 = [
23
- _hoisted_9
25
+ const _hoisted_6 = { style: { "margin-top": "-10px" } };
26
+ const _hoisted_7 = {
27
+ key: 0,
28
+ class: "tip"
29
+ };
30
+ const _hoisted_8 = /* @__PURE__ */ vue.createElementVNode("span", { style: { "margin-right": "10px" } }, "\u72EC\u7ACB\u8F6E\u64AD\u56FE", -1);
31
+ const _hoisted_9 = { class: "thumbbox" };
32
+ const _hoisted_10 = {
33
+ key: 2,
34
+ class: "title"
35
+ };
36
+ const _hoisted_11 = /* @__PURE__ */ vue.createElementVNode("span", null, "\u72EC\u7ACB\u8F6E\u64AD\u56FE\u80CC\u666F\u989C\u8272", -1);
37
+ const _hoisted_12 = [
38
+ _hoisted_11
24
39
  ];
25
- const _hoisted_11 = { key: 0 };
26
- const _hoisted_12 = { key: 1 };
27
- const _hoisted_13 = /* @__PURE__ */ vue.createElementVNode("span", { class: "star" }, "*", -1);
28
- const _hoisted_14 = { key: 2 };
29
- const _hoisted_15 = /* @__PURE__ */ vue.createElementVNode("span", { class: "star" }, "*", -1);
30
- const _hoisted_16 = { key: 3 };
31
- const _hoisted_17 = {
40
+ const _hoisted_13 = { key: 0 };
41
+ const _hoisted_14 = {
42
+ key: 0,
43
+ class: "star"
44
+ };
45
+ const _hoisted_15 = { key: 1 };
46
+ const _hoisted_16 = {
47
+ key: 2,
32
48
  class: "tip",
33
49
  style: { "margin-left": "10px" }
34
50
  };
35
- const _hoisted_18 = { class: "thumbbox" };
36
- const _hoisted_19 = { class: "tip" };
37
- const _hoisted_20 = { class: "title" };
38
- const _hoisted_21 = /* @__PURE__ */ vue.createElementVNode("span", null, "\u5934\u56FE\u80CC\u666F\u989C\u8272", -1);
39
- const _hoisted_22 = [
40
- _hoisted_21
51
+ const _hoisted_17 = { class: "thumbbox" };
52
+ const _hoisted_18 = {
53
+ key: 0,
54
+ class: "tip"
55
+ };
56
+ const _hoisted_19 = {
57
+ key: 1,
58
+ class: "title"
59
+ };
60
+ const _hoisted_20 = /* @__PURE__ */ vue.createElementVNode("span", null, "\u56FE\u7247\u80CC\u666F\u989C\u8272", -1);
61
+ const _hoisted_21 = [
62
+ _hoisted_20
41
63
  ];
42
64
  const _sfc_main = vue.defineComponent({
43
65
  ...{ name: "selectThumb" },
@@ -50,6 +72,8 @@ const _sfc_main = vue.defineComponent({
50
72
  offset: {},
51
73
  title: {},
52
74
  titleValid: { type: Boolean },
75
+ topImageTitle: {},
76
+ topImageTitleValid: {},
53
77
  showTitle: { type: Boolean },
54
78
  cropper: { type: Boolean },
55
79
  aiImages: {},
@@ -131,6 +155,7 @@ const _sfc_main = vue.defineComponent({
131
155
  }
132
156
  emit("update:dataValue", JSON.stringify(temp));
133
157
  }
158
+ console.log("callbackData", JSON.stringify(temp));
134
159
  };
135
160
  const curtemplate = vue.computed(() => {
136
161
  if (props.mode !== "doc") {
@@ -277,6 +302,12 @@ const _sfc_main = vue.defineComponent({
277
302
  };
278
303
  styleData.value.data = temp;
279
304
  }
305
+ console.log(
306
+ "thumbBannerModel:",
307
+ thumbBannerModel.value,
308
+ "styleData:",
309
+ styleData.value
310
+ );
280
311
  callback(styleData.value);
281
312
  };
282
313
  const loadImage = (url) => {
@@ -323,6 +354,7 @@ const _sfc_main = vue.defineComponent({
323
354
  return (_ctx, _cache) => {
324
355
  var _a, _b, _c, _d, _e, _f;
325
356
  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
357
+ vue.createCommentVNode(" \u5C01\u9762\u6807\u9898"),
326
358
  vue.createElementVNode("div", {
327
359
  class: vue.normalizeClass(["banner-view", { flex: _ctx.flex }])
328
360
  }, [
@@ -331,20 +363,14 @@ const _sfc_main = vue.defineComponent({
331
363
  class: "title",
332
364
  style: vue.normalizeStyle({ width: _ctx.offset })
333
365
  }, [
334
- vue.withDirectives(vue.createElementVNode("span", _hoisted_2, "*", 512), [
335
- [vue.vShow, _ctx.titleValid]
336
- ]),
366
+ _ctx.titleValid ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, "*")) : vue.createCommentVNode("v-if", true),
337
367
  vue.createElementVNode("span", null, vue.toDisplayString(_ctx.title ? _ctx.title : "\u5C01\u9762"), 1),
338
- ((_a = curtemplate.value) == null ? void 0 : _a.value) !== "4" ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
339
- key: 0,
340
- class: "tip",
341
- style: { "margin-left": "10px" }
342
- }, " (" + vue.toDisplayString((_b = curtemplate.value) == null ? void 0 : _b.alias) + "\u6BD4\u4F8B\uFF1A" + vue.toDisplayString((_c = curtemplate.value) == null ? void 0 : _c.ratioStr) + ") ", 513)), [
343
- [vue.vShow, !_ctx.flex]
344
- ]) : vue.createCommentVNode("v-if", true)
368
+ vue.createCommentVNode(" \u4E0A\u4E0B\u5E03\u5C40\u663E\u793A tip"),
369
+ ((_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)
345
370
  ], 4)) : vue.createCommentVNode("v-if", true),
346
- vue.createElementVNode("div", _hoisted_3, [
347
- currentModel.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
371
+ vue.createElementVNode("div", _hoisted_4, [
372
+ vue.createCommentVNode(" \u5C01\u9762\u56FEcard "),
373
+ currentModel.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
348
374
  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(currentModel.value.maxLength, (item, index) => {
349
375
  return vue.openBlock(), vue.createBlock(card, {
350
376
  key: index,
@@ -357,13 +383,9 @@ const _sfc_main = vue.defineComponent({
357
383
  }, null, 8, ["id", "data", "model", "preview-list", "onOpen"]);
358
384
  }), 128))
359
385
  ])) : vue.createCommentVNode("v-if", true),
360
- vue.createElementVNode("div", _hoisted_5, [
361
- ((_d = curtemplate.value) == null ? void 0 : _d.value) !== "4" ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
362
- key: 0,
363
- class: "tip"
364
- }, " (" + vue.toDisplayString((_e = curtemplate.value) == null ? void 0 : _e.alias) + "\u6BD4\u4F8B\uFF1A" + vue.toDisplayString((_f = curtemplate.value) == null ? void 0 : _f.ratioStr) + ") ", 513)), [
365
- [vue.vShow, _ctx.flex]
366
- ]) : vue.createCommentVNode("v-if", true)
386
+ vue.createCommentVNode(" \u5DE6\u53F3\u5E03\u5C40\u663E\u793Atip "),
387
+ vue.createElementVNode("div", _hoisted_6, [
388
+ ((_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)
367
389
  ]),
368
390
  _ctx.mode === "doc" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
369
391
  vue.createCommentVNode(" \u9009\u62E9\u5927\u56FE\u3001\u4E09\u56FE\u3001\u5355\u56FE...\u7B49\u6A21\u5F0F "),
@@ -402,44 +424,40 @@ const _sfc_main = vue.defineComponent({
402
424
  class: "title",
403
425
  style: vue.normalizeStyle({ width: _ctx.offset })
404
426
  }, [
405
- _hoisted_6,
406
- vue.withDirectives(vue.createVNode(vue.unref(webVue.Switch), {
427
+ _hoisted_8,
428
+ vue.createCommentVNode(" \u4E0A\u4E0B\u5E03\u5C40\u5F00\u5173\u5728\u6807\u9898\u540E "),
429
+ !_ctx.flex ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Switch), {
430
+ key: 0,
407
431
  modelValue: hasBanner.value,
408
432
  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => hasBanner.value = $event),
409
433
  size: "small"
410
- }, null, 8, ["modelValue"]), [
411
- [vue.vShow, !_ctx.flex]
412
- ])
434
+ }, null, 8, ["modelValue"])) : vue.createCommentVNode("v-if", true)
413
435
  ], 4),
414
- vue.createElementVNode("div", _hoisted_7, [
415
- vue.withDirectives(vue.createVNode(vue.unref(webVue.Switch), {
436
+ vue.createElementVNode("div", _hoisted_9, [
437
+ vue.createCommentVNode(" \u5DE6\u53F3\u5E03\u5C40\u5F00\u5173\u663E\u793A "),
438
+ _ctx.flex ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Switch), {
439
+ key: 0,
416
440
  modelValue: hasBanner.value,
417
441
  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => hasBanner.value = $event),
418
442
  style: { "margin-bottom": "10px" },
419
443
  size: "small"
420
- }, null, 8, ["modelValue"]), [
421
- [vue.vShow, _ctx.flex]
422
- ]),
423
- vue.withDirectives(vue.createVNode(card, {
444
+ }, null, 8, ["modelValue"])) : vue.createCommentVNode("v-if", true),
445
+ hasBanner.value ? (vue.openBlock(), vue.createBlock(card, {
446
+ key: 1,
424
447
  id: `banner-card`,
425
448
  data: banner.value,
426
449
  "preview-list": previewList.value,
427
450
  "thumb-model": "banner",
428
451
  onOpen: openDialogMediaSelection
429
- }, null, 8, ["data", "preview-list"]), [
430
- [vue.vShow, hasBanner.value]
431
- ]),
432
- vue.withDirectives(vue.createElementVNode("div", _hoisted_8, _hoisted_10, 512), [
433
- [vue.vShow, hasBanner.value && styleData.value.banner_theme_color]
434
- ]),
452
+ }, null, 8, ["data", "preview-list"])) : vue.createCommentVNode("v-if", true),
453
+ hasBanner.value && styleData.value.banner_theme_color ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, _hoisted_12)) : vue.createCommentVNode("v-if", true),
435
454
  vue.createCommentVNode(" banner\u8C03\u8272\u677F "),
436
- vue.withDirectives(vue.createVNode(colorPalette, {
455
+ hasBanner.value ? (vue.openBlock(), vue.createBlock(colorPalette, {
456
+ key: 3,
437
457
  "style-data": styleData.value,
438
458
  model: "banner",
439
459
  onChange: colorChange
440
- }, null, 8, ["style-data"]), [
441
- [vue.vShow, hasBanner.value]
442
- ])
460
+ }, null, 8, ["style-data"])) : vue.createCommentVNode("v-if", true)
443
461
  ])
444
462
  ], 2),
445
463
  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({
450
468
  class: "title",
451
469
  style: vue.normalizeStyle({ width: _ctx.offset })
452
470
  }, [
453
- ["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, [
454
- _hoisted_13,
455
- vue.createTextVNode("\u5C01\u9762\u5934\u56FE")
456
- ])) : ["local_live"].includes(props.series) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_14, [
457
- _hoisted_15,
458
- vue.createTextVNode("\u76F4\u64AD\u5934\u56FE")
459
- ])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_16, "PC\u5C01\u9762\u56FE")),
460
- vue.withDirectives(vue.createElementVNode("span", _hoisted_17, "(\u5EFA\u8BAE\u5C3A\u5BF8\uFF1A1242px*662px)", 512), [
461
- [vue.vShow, !_ctx.flex]
462
- ])
471
+ docSeriesShowTopThemeColor.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_13, [
472
+ _ctx.topImageTitleValid ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_14, "*")) : vue.createCommentVNode("v-if", true),
473
+ vue.createElementVNode("span", null, vue.toDisplayString(_ctx.topImageTitle || "\u5C01\u9762\u5934\u56FE"), 1)
474
+ ])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_15, "PC\u5C01\u9762\u56FE")),
475
+ !_ctx.flex ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_16, " (\u5EFA\u8BAE\u5C3A\u5BF8\uFF1A1242px*662px) ")) : vue.createCommentVNode("v-if", true)
463
476
  ], 4),
464
- vue.createElementVNode("div", _hoisted_18, [
477
+ vue.createElementVNode("div", _hoisted_17, [
465
478
  vue.createVNode(card, {
466
479
  id: `pc-banner-card`,
467
480
  data: pcBanner.value,
@@ -469,19 +482,14 @@ const _sfc_main = vue.defineComponent({
469
482
  thumbModel: "pcBanner",
470
483
  onOpen: openDialogMediaSelection
471
484
  }, null, 8, ["data", "previewList"]),
472
- vue.withDirectives(vue.createElementVNode("span", _hoisted_19, "(\u5EFA\u8BAE\u5C3A\u5BF8\uFF1A1242px*662px)", 512), [
473
- [vue.vShow, _ctx.flex]
474
- ]),
475
- vue.withDirectives(vue.createElementVNode("div", _hoisted_20, _hoisted_22, 512), [
476
- [vue.vShow, docSeriesShowTopThemeColor.value && styleData.value.top_theme_color]
477
- ]),
478
- vue.withDirectives(vue.createVNode(colorPalette, {
479
- styleData: styleData.value,
485
+ _ctx.flex ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_18, "(\u5EFA\u8BAE\u5C3A\u5BF8\uFF1A1242px*662px)")) : vue.createCommentVNode("v-if", true),
486
+ docSeriesShowTopThemeColor.value && styleData.value.top_theme_color ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_19, _hoisted_21)) : vue.createCommentVNode("v-if", true),
487
+ docSeriesShowTopThemeColor.value ? (vue.openBlock(), vue.createBlock(colorPalette, {
488
+ key: 2,
480
489
  model: "top",
490
+ styleData: styleData.value,
481
491
  onChange: colorChange
482
- }, null, 8, ["styleData"]), [
483
- [vue.vShow, docSeriesShowTopThemeColor.value]
484
- ])
492
+ }, null, 8, ["styleData"])) : vue.createCommentVNode("v-if", true)
485
493
  ])
486
494
  ], 2)
487
495
  ], 64)) : vue.createCommentVNode("v-if", true),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cmstops/pro-compo",
3
- "version": "0.1.59",
3
+ "version": "0.1.60",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "vue",