@cmstops/pro-compo 0.1.69 → 0.1.70

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 +66 -46
  2. package/lib/selectThumb/component.js +66 -46
  3. package/package.json +1 -1
package/es/selectThumb/component.js CHANGED
@@ -21,44 +21,45 @@ const _hoisted_5 = {
21
21
  key: 0,
22
22
  class: "thumb-list-view"
23
23
  };
24
- const _hoisted_6 = { style: { "margin-top": "-10px" } };
25
- const _hoisted_7 = {
24
+ const _hoisted_6 = { class: "thumb-list-view" };
25
+ const _hoisted_7 = { style: { "margin-top": "-10px" } };
26
+ const _hoisted_8 = {
26
27
  key: 0,
27
28
  class: "tip"
28
29
  };
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 = {
30
+ const _hoisted_9 = /* @__PURE__ */ createElementVNode("span", { style: { "margin-right": "10px" } }, "\u72EC\u7ACB\u8F6E\u64AD\u56FE", -1);
31
+ const _hoisted_10 = { class: "thumbbox" };
32
+ const _hoisted_11 = {
32
33
  key: 2,
33
34
  class: "title"
34
35
  };
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
36
+ const _hoisted_12 = /* @__PURE__ */ createElementVNode("span", null, "\u72EC\u7ACB\u8F6E\u64AD\u56FE\u80CC\u666F\u989C\u8272", -1);
37
+ const _hoisted_13 = [
38
+ _hoisted_12
38
39
  ];
39
- const _hoisted_13 = { key: 0 };
40
- const _hoisted_14 = {
40
+ const _hoisted_14 = { key: 0 };
41
+ const _hoisted_15 = {
41
42
  key: 0,
42
43
  class: "star"
43
44
  };
44
- const _hoisted_15 = { key: 1 };
45
- const _hoisted_16 = {
45
+ const _hoisted_16 = { key: 1 };
46
+ const _hoisted_17 = {
46
47
  key: 2,
47
48
  class: "tip",
48
49
  style: { "margin-left": "10px" }
49
50
  };
50
- const _hoisted_17 = { class: "thumbbox" };
51
- const _hoisted_18 = {
51
+ const _hoisted_18 = { class: "thumbbox" };
52
+ const _hoisted_19 = {
52
53
  key: 0,
53
54
  class: "tip"
54
55
  };
55
- const _hoisted_19 = {
56
+ const _hoisted_20 = {
56
57
  key: 1,
57
58
  class: "title"
58
59
  };
59
- const _hoisted_20 = /* @__PURE__ */ createElementVNode("span", null, "\u56FE\u7247\u80CC\u666F\u989C\u8272", -1);
60
- const _hoisted_21 = [
61
- _hoisted_20
60
+ const _hoisted_21 = /* @__PURE__ */ createElementVNode("span", null, "\u56FE\u7247\u80CC\u666F\u989C\u8272", -1);
61
+ const _hoisted_22 = [
62
+ _hoisted_21
62
63
  ];
63
64
  const _sfc_main = defineComponent({
64
65
  ...{ name: "selectThumb" },
@@ -147,6 +148,14 @@ const _sfc_main = defineComponent({
147
148
  },
148
149
  { immediate: true }
149
150
  );
151
+ const thumbsModeList = computed({
152
+ get() {
153
+ return props.dataValue;
154
+ },
155
+ set(value) {
156
+ emit("update:dataValue", value);
157
+ }
158
+ });
150
159
  const callback = (value) => {
151
160
  var _a;
152
161
  const temp = JSON.parse(JSON.stringify(value));
@@ -161,18 +170,16 @@ const _sfc_main = defineComponent({
161
170
  if (!temp.data) {
162
171
  temp.data = [];
163
172
  }
164
- if (props.mode === "matrixDoc") {
165
- emit(
166
- "update:dataValue",
167
- JSON.parse(JSON.stringify(temp.data.map((item) => item.url)))
168
- );
173
+ if (props.mode === "thumbs") {
174
+ console.log(temp);
175
+ thumbsModeList.value[thumbOptionIndex.value] = temp.data[0].url;
169
176
  } else {
170
177
  emit("update:dataValue", JSON.stringify(temp));
171
178
  }
172
179
  }
173
180
  };
174
181
  const curtemplate = computed(() => {
175
- if (!["doc", "matrixDoc"].includes(props.mode)) {
182
+ if (!["doc", "thumbs"].includes(props.mode)) {
176
183
  return docThumbObjMap[3];
177
184
  }
178
185
  return docThumbObjMap[parseInt(model.value, 10)];
@@ -236,7 +243,7 @@ const _sfc_main = defineComponent({
236
243
  var _a;
237
244
  const isPcBaner = props.mode === "doc" && thumbBannerModel.value === "pcBanner" && !docSeriesShowTopThemeColor.value;
238
245
  const _useCropper = props.mode === "doc" ? true : useCropper.value;
239
- if (["smiple", "matrixDoc"].includes(props.mode)) {
246
+ if (["smiple", "thumbs"].includes(props.mode)) {
240
247
  dialogMediaSelectionShow.value = false;
241
248
  const medias = data.map((media) => {
242
249
  return { url: media.url, thumb: media.url };
@@ -366,7 +373,7 @@ const _sfc_main = defineComponent({
366
373
  createElementVNode("div", {
367
374
  class: normalizeClass(["banner-view", { flex: _ctx.flex }])
368
375
  }, [
369
- _ctx.mode !== "smiple" ? (openBlock(), createElementBlock("div", {
376
+ _ctx.mode !== "smiple" && _ctx.showTitle ? (openBlock(), createElementBlock("div", {
370
377
  key: 0,
371
378
  class: "title",
372
379
  style: normalizeStyle({ width: _ctx.offset })
@@ -377,25 +384,38 @@ const _sfc_main = defineComponent({
377
384
  ((_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)
378
385
  ], 4)) : createCommentVNode("v-if", true),
379
386
  createElementVNode("div", _hoisted_4, [
380
- createCommentVNode(" \u5C01\u9762\u56FEcard "),
381
- currentModel.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
382
- (openBlock(true), createElementBlock(Fragment, null, renderList(currentModel.value.maxLength, (item, index) => {
387
+ ["thumbs"].includes(_ctx.mode) ? (openBlock(), createElementBlock("div", _hoisted_5, [
388
+ (openBlock(true), createElementBlock(Fragment, null, renderList(thumbsModeList.value, (item, index) => {
383
389
  return openBlock(), createBlock(_sfc_main$1, {
384
390
  key: index,
385
391
  id: `thumb-card-${index}`,
386
- data: thumbList.value[index],
387
- model: model.value,
392
+ data: { url: item },
388
393
  "preview-list": previewList.value,
389
394
  "thumb-model": "thumb",
390
395
  onOpen: ($event) => openDialogMediaSelection($event, index)
391
- }, null, 8, ["id", "data", "model", "preview-list", "onOpen"]);
396
+ }, null, 8, ["id", "data", "preview-list", "onOpen"]);
392
397
  }), 128))
393
- ])) : createCommentVNode("v-if", true),
398
+ ])) : currentModel.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
399
+ createCommentVNode(" \u5C01\u9762\u56FEcard "),
400
+ createElementVNode("div", _hoisted_6, [
401
+ (openBlock(true), createElementBlock(Fragment, null, renderList(currentModel.value.maxLength, (item, index) => {
402
+ return openBlock(), createBlock(_sfc_main$1, {
403
+ key: index,
404
+ id: `thumb-card-${index}`,
405
+ data: thumbList.value[index],
406
+ model: model.value,
407
+ "preview-list": previewList.value,
408
+ "thumb-model": "thumb",
409
+ onOpen: ($event) => openDialogMediaSelection($event, index)
410
+ }, null, 8, ["id", "data", "model", "preview-list", "onOpen"]);
411
+ }), 128))
412
+ ])
413
+ ], 2112)) : createCommentVNode("v-if", true),
394
414
  createCommentVNode(" \u5DE6\u53F3\u5E03\u5C40\u663E\u793Atip "),
395
- createElementVNode("div", _hoisted_6, [
396
- ((_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)
415
+ createElementVNode("div", _hoisted_7, [
416
+ ((_d = curtemplate.value) == null ? void 0 : _d.value) !== "4" && _ctx.flex ? (openBlock(), createElementBlock("span", _hoisted_8, " (" + 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)
397
417
  ]),
398
- ["matrixDoc", "doc"].includes(_ctx.mode) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
418
+ ["doc"].includes(_ctx.mode) ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
399
419
  createCommentVNode(" \u9009\u62E9\u5927\u56FE\u3001\u4E09\u56FE\u3001\u5355\u56FE...\u7B49\u6A21\u5F0F "),
400
420
  createVNode(unref(RadioGroup), {
401
421
  modelValue: model.value,
@@ -432,7 +452,7 @@ const _sfc_main = defineComponent({
432
452
  class: "title",
433
453
  style: normalizeStyle({ width: _ctx.offset })
434
454
  }, [
435
- _hoisted_8,
455
+ _hoisted_9,
436
456
  createCommentVNode(" \u4E0A\u4E0B\u5E03\u5C40\u5F00\u5173\u5728\u6807\u9898\u540E "),
437
457
  !_ctx.flex ? (openBlock(), createBlock(unref(Switch), {
438
458
  key: 0,
@@ -441,7 +461,7 @@ const _sfc_main = defineComponent({
441
461
  size: "small"
442
462
  }, null, 8, ["modelValue"])) : createCommentVNode("v-if", true)
443
463
  ], 4),
444
- createElementVNode("div", _hoisted_9, [
464
+ createElementVNode("div", _hoisted_10, [
445
465
  createCommentVNode(" \u5DE6\u53F3\u5E03\u5C40\u5F00\u5173\u663E\u793A "),
446
466
  _ctx.flex ? (openBlock(), createBlock(unref(Switch), {
447
467
  key: 0,
@@ -458,7 +478,7 @@ const _sfc_main = defineComponent({
458
478
  "thumb-model": "banner",
459
479
  onOpen: openDialogMediaSelection
460
480
  }, null, 8, ["data", "preview-list"])) : createCommentVNode("v-if", true),
461
- hasBanner.value && styleData.value.banner_theme_color ? (openBlock(), createElementBlock("div", _hoisted_10, _hoisted_12)) : createCommentVNode("v-if", true),
481
+ hasBanner.value && styleData.value.banner_theme_color ? (openBlock(), createElementBlock("div", _hoisted_11, _hoisted_13)) : createCommentVNode("v-if", true),
462
482
  createCommentVNode(" banner\u8C03\u8272\u677F "),
463
483
  hasBanner.value ? (openBlock(), createBlock(_sfc_main$2, {
464
484
  key: 3,
@@ -476,13 +496,13 @@ const _sfc_main = defineComponent({
476
496
  class: "title",
477
497
  style: normalizeStyle({ width: _ctx.offset })
478
498
  }, [
479
- docSeriesShowTopThemeColor.value ? (openBlock(), createElementBlock("span", _hoisted_13, [
480
- _ctx.topImageTitleValid ? (openBlock(), createElementBlock("span", _hoisted_14, "*")) : createCommentVNode("v-if", true),
499
+ docSeriesShowTopThemeColor.value ? (openBlock(), createElementBlock("span", _hoisted_14, [
500
+ _ctx.topImageTitleValid ? (openBlock(), createElementBlock("span", _hoisted_15, "*")) : createCommentVNode("v-if", true),
481
501
  createElementVNode("span", null, toDisplayString(_ctx.topImageTitle || "\u5C01\u9762\u5934\u56FE"), 1)
482
- ])) : (openBlock(), createElementBlock("span", _hoisted_15, "PC\u5C01\u9762\u56FE")),
483
- !_ctx.flex ? (openBlock(), createElementBlock("span", _hoisted_16, " (\u5EFA\u8BAE\u5C3A\u5BF8\uFF1A1242px*662px) ")) : createCommentVNode("v-if", true)
502
+ ])) : (openBlock(), createElementBlock("span", _hoisted_16, "PC\u5C01\u9762\u56FE")),
503
+ !_ctx.flex ? (openBlock(), createElementBlock("span", _hoisted_17, " (\u5EFA\u8BAE\u5C3A\u5BF8\uFF1A1242px*662px) ")) : createCommentVNode("v-if", true)
484
504
  ], 4),
485
- createElementVNode("div", _hoisted_17, [
505
+ createElementVNode("div", _hoisted_18, [
486
506
  createVNode(_sfc_main$1, {
487
507
  id: `pc-banner-card`,
488
508
  data: pcBanner.value,
@@ -490,8 +510,8 @@ const _sfc_main = defineComponent({
490
510
  thumbModel: "pcBanner",
491
511
  onOpen: openDialogMediaSelection
492
512
  }, null, 8, ["data", "previewList"]),
493
- _ctx.flex ? (openBlock(), createElementBlock("span", _hoisted_18, "(\u5EFA\u8BAE\u5C3A\u5BF8\uFF1A1242px*662px)")) : createCommentVNode("v-if", true),
494
- docSeriesShowTopThemeColor.value && styleData.value.top_theme_color ? (openBlock(), createElementBlock("div", _hoisted_19, _hoisted_21)) : createCommentVNode("v-if", true),
513
+ _ctx.flex ? (openBlock(), createElementBlock("span", _hoisted_19, "(\u5EFA\u8BAE\u5C3A\u5BF8\uFF1A1242px*662px)")) : createCommentVNode("v-if", true),
514
+ docSeriesShowTopThemeColor.value && styleData.value.top_theme_color ? (openBlock(), createElementBlock("div", _hoisted_20, _hoisted_22)) : createCommentVNode("v-if", true),
495
515
  docSeriesShowTopThemeColor.value ? (openBlock(), createBlock(_sfc_main$2, {
496
516
  key: 2,
497
517
  model: "top",
package/lib/selectThumb/component.js CHANGED
@@ -22,44 +22,45 @@ const _hoisted_5 = {
22
22
  key: 0,
23
23
  class: "thumb-list-view"
24
24
  };
25
- const _hoisted_6 = { style: { "margin-top": "-10px" } };
26
- const _hoisted_7 = {
25
+ const _hoisted_6 = { class: "thumb-list-view" };
26
+ const _hoisted_7 = { style: { "margin-top": "-10px" } };
27
+ const _hoisted_8 = {
27
28
  key: 0,
28
29
  class: "tip"
29
30
  };
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 = {
31
+ const _hoisted_9 = /* @__PURE__ */ vue.createElementVNode("span", { style: { "margin-right": "10px" } }, "\u72EC\u7ACB\u8F6E\u64AD\u56FE", -1);
32
+ const _hoisted_10 = { class: "thumbbox" };
33
+ const _hoisted_11 = {
33
34
  key: 2,
34
35
  class: "title"
35
36
  };
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
37
+ const _hoisted_12 = /* @__PURE__ */ vue.createElementVNode("span", null, "\u72EC\u7ACB\u8F6E\u64AD\u56FE\u80CC\u666F\u989C\u8272", -1);
38
+ const _hoisted_13 = [
39
+ _hoisted_12
39
40
  ];
40
- const _hoisted_13 = { key: 0 };
41
- const _hoisted_14 = {
41
+ const _hoisted_14 = { key: 0 };
42
+ const _hoisted_15 = {
42
43
  key: 0,
43
44
  class: "star"
44
45
  };
45
- const _hoisted_15 = { key: 1 };
46
- const _hoisted_16 = {
46
+ const _hoisted_16 = { key: 1 };
47
+ const _hoisted_17 = {
47
48
  key: 2,
48
49
  class: "tip",
49
50
  style: { "margin-left": "10px" }
50
51
  };
51
- const _hoisted_17 = { class: "thumbbox" };
52
- const _hoisted_18 = {
52
+ const _hoisted_18 = { class: "thumbbox" };
53
+ const _hoisted_19 = {
53
54
  key: 0,
54
55
  class: "tip"
55
56
  };
56
- const _hoisted_19 = {
57
+ const _hoisted_20 = {
57
58
  key: 1,
58
59
  class: "title"
59
60
  };
60
- const _hoisted_20 = /* @__PURE__ */ vue.createElementVNode("span", null, "\u56FE\u7247\u80CC\u666F\u989C\u8272", -1);
61
- const _hoisted_21 = [
62
- _hoisted_20
61
+ const _hoisted_21 = /* @__PURE__ */ vue.createElementVNode("span", null, "\u56FE\u7247\u80CC\u666F\u989C\u8272", -1);
62
+ const _hoisted_22 = [
63
+ _hoisted_21
63
64
  ];
64
65
  const _sfc_main = vue.defineComponent({
65
66
  ...{ name: "selectThumb" },
@@ -148,6 +149,14 @@ const _sfc_main = vue.defineComponent({
148
149
  },
149
150
  { immediate: true }
150
151
  );
152
+ const thumbsModeList = vue.computed({
153
+ get() {
154
+ return props.dataValue;
155
+ },
156
+ set(value) {
157
+ emit("update:dataValue", value);
158
+ }
159
+ });
151
160
  const callback = (value) => {
152
161
  var _a;
153
162
  const temp = JSON.parse(JSON.stringify(value));
@@ -162,18 +171,16 @@ const _sfc_main = vue.defineComponent({
162
171
  if (!temp.data) {
163
172
  temp.data = [];
164
173
  }
165
- if (props.mode === "matrixDoc") {
166
- emit(
167
- "update:dataValue",
168
- JSON.parse(JSON.stringify(temp.data.map((item) => item.url)))
169
- );
174
+ if (props.mode === "thumbs") {
175
+ console.log(temp);
176
+ thumbsModeList.value[thumbOptionIndex.value] = temp.data[0].url;
170
177
  } else {
171
178
  emit("update:dataValue", JSON.stringify(temp));
172
179
  }
173
180
  }
174
181
  };
175
182
  const curtemplate = vue.computed(() => {
176
- if (!["doc", "matrixDoc"].includes(props.mode)) {
183
+ if (!["doc", "thumbs"].includes(props.mode)) {
177
184
  return doc.docThumbObjMap[3];
178
185
  }
179
186
  return doc.docThumbObjMap[parseInt(model.value, 10)];
@@ -237,7 +244,7 @@ const _sfc_main = vue.defineComponent({
237
244
  var _a;
238
245
  const isPcBaner = props.mode === "doc" && thumbBannerModel.value === "pcBanner" && !docSeriesShowTopThemeColor.value;
239
246
  const _useCropper = props.mode === "doc" ? true : useCropper.value;
240
- if (["smiple", "matrixDoc"].includes(props.mode)) {
247
+ if (["smiple", "thumbs"].includes(props.mode)) {
241
248
  dialogMediaSelectionShow.value = false;
242
249
  const medias = data.map((media) => {
243
250
  return { url: media.url, thumb: media.url };
@@ -367,7 +374,7 @@ const _sfc_main = vue.defineComponent({
367
374
  vue.createElementVNode("div", {
368
375
  class: vue.normalizeClass(["banner-view", { flex: _ctx.flex }])
369
376
  }, [
370
- _ctx.mode !== "smiple" ? (vue.openBlock(), vue.createElementBlock("div", {
377
+ _ctx.mode !== "smiple" && _ctx.showTitle ? (vue.openBlock(), vue.createElementBlock("div", {
371
378
  key: 0,
372
379
  class: "title",
373
380
  style: vue.normalizeStyle({ width: _ctx.offset })
@@ -378,25 +385,38 @@ const _sfc_main = vue.defineComponent({
378
385
  ((_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)
379
386
  ], 4)) : vue.createCommentVNode("v-if", true),
380
387
  vue.createElementVNode("div", _hoisted_4, [
381
- vue.createCommentVNode(" \u5C01\u9762\u56FEcard "),
382
- currentModel.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
383
- (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(currentModel.value.maxLength, (item, index) => {
388
+ ["thumbs"].includes(_ctx.mode) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
389
+ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(thumbsModeList.value, (item, index) => {
384
390
  return vue.openBlock(), vue.createBlock(card, {
385
391
  key: index,
386
392
  id: `thumb-card-${index}`,
387
- data: thumbList.value[index],
388
- model: model.value,
393
+ data: { url: item },
389
394
  "preview-list": previewList.value,
390
395
  "thumb-model": "thumb",
391
396
  onOpen: ($event) => openDialogMediaSelection($event, index)
392
- }, null, 8, ["id", "data", "model", "preview-list", "onOpen"]);
397
+ }, null, 8, ["id", "data", "preview-list", "onOpen"]);
393
398
  }), 128))
394
- ])) : vue.createCommentVNode("v-if", true),
399
+ ])) : currentModel.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
400
+ vue.createCommentVNode(" \u5C01\u9762\u56FEcard "),
401
+ vue.createElementVNode("div", _hoisted_6, [
402
+ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(currentModel.value.maxLength, (item, index) => {
403
+ return vue.openBlock(), vue.createBlock(card, {
404
+ key: index,
405
+ id: `thumb-card-${index}`,
406
+ data: thumbList.value[index],
407
+ model: model.value,
408
+ "preview-list": previewList.value,
409
+ "thumb-model": "thumb",
410
+ onOpen: ($event) => openDialogMediaSelection($event, index)
411
+ }, null, 8, ["id", "data", "model", "preview-list", "onOpen"]);
412
+ }), 128))
413
+ ])
414
+ ], 2112)) : vue.createCommentVNode("v-if", true),
395
415
  vue.createCommentVNode(" \u5DE6\u53F3\u5E03\u5C40\u663E\u793Atip "),
396
- vue.createElementVNode("div", _hoisted_6, [
397
- ((_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)
416
+ vue.createElementVNode("div", _hoisted_7, [
417
+ ((_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)
398
418
  ]),
399
- ["matrixDoc", "doc"].includes(_ctx.mode) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
419
+ ["doc"].includes(_ctx.mode) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
400
420
  vue.createCommentVNode(" \u9009\u62E9\u5927\u56FE\u3001\u4E09\u56FE\u3001\u5355\u56FE...\u7B49\u6A21\u5F0F "),
401
421
  vue.createVNode(vue.unref(webVue.RadioGroup), {
402
422
  modelValue: model.value,
@@ -433,7 +453,7 @@ const _sfc_main = vue.defineComponent({
433
453
  class: "title",
434
454
  style: vue.normalizeStyle({ width: _ctx.offset })
435
455
  }, [
436
- _hoisted_8,
456
+ _hoisted_9,
437
457
  vue.createCommentVNode(" \u4E0A\u4E0B\u5E03\u5C40\u5F00\u5173\u5728\u6807\u9898\u540E "),
438
458
  !_ctx.flex ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Switch), {
439
459
  key: 0,
@@ -442,7 +462,7 @@ const _sfc_main = vue.defineComponent({
442
462
  size: "small"
443
463
  }, null, 8, ["modelValue"])) : vue.createCommentVNode("v-if", true)
444
464
  ], 4),
445
- vue.createElementVNode("div", _hoisted_9, [
465
+ vue.createElementVNode("div", _hoisted_10, [
446
466
  vue.createCommentVNode(" \u5DE6\u53F3\u5E03\u5C40\u5F00\u5173\u663E\u793A "),
447
467
  _ctx.flex ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Switch), {
448
468
  key: 0,
@@ -459,7 +479,7 @@ const _sfc_main = vue.defineComponent({
459
479
  "thumb-model": "banner",
460
480
  onOpen: openDialogMediaSelection
461
481
  }, null, 8, ["data", "preview-list"])) : vue.createCommentVNode("v-if", true),
462
- hasBanner.value && styleData.value.banner_theme_color ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, _hoisted_12)) : vue.createCommentVNode("v-if", true),
482
+ hasBanner.value && styleData.value.banner_theme_color ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11, _hoisted_13)) : vue.createCommentVNode("v-if", true),
463
483
  vue.createCommentVNode(" banner\u8C03\u8272\u677F "),
464
484
  hasBanner.value ? (vue.openBlock(), vue.createBlock(colorPalette, {
465
485
  key: 3,
@@ -477,13 +497,13 @@ const _sfc_main = vue.defineComponent({
477
497
  class: "title",
478
498
  style: vue.normalizeStyle({ width: _ctx.offset })
479
499
  }, [
480
- docSeriesShowTopThemeColor.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_13, [
481
- _ctx.topImageTitleValid ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_14, "*")) : vue.createCommentVNode("v-if", true),
500
+ docSeriesShowTopThemeColor.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_14, [
501
+ _ctx.topImageTitleValid ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_15, "*")) : vue.createCommentVNode("v-if", true),
482
502
  vue.createElementVNode("span", null, vue.toDisplayString(_ctx.topImageTitle || "\u5C01\u9762\u5934\u56FE"), 1)
483
- ])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_15, "PC\u5C01\u9762\u56FE")),
484
- !_ctx.flex ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_16, " (\u5EFA\u8BAE\u5C3A\u5BF8\uFF1A1242px*662px) ")) : vue.createCommentVNode("v-if", true)
503
+ ])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_16, "PC\u5C01\u9762\u56FE")),
504
+ !_ctx.flex ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_17, " (\u5EFA\u8BAE\u5C3A\u5BF8\uFF1A1242px*662px) ")) : vue.createCommentVNode("v-if", true)
485
505
  ], 4),
486
- vue.createElementVNode("div", _hoisted_17, [
506
+ vue.createElementVNode("div", _hoisted_18, [
487
507
  vue.createVNode(card, {
488
508
  id: `pc-banner-card`,
489
509
  data: pcBanner.value,
@@ -491,8 +511,8 @@ const _sfc_main = vue.defineComponent({
491
511
  thumbModel: "pcBanner",
492
512
  onOpen: openDialogMediaSelection
493
513
  }, null, 8, ["data", "previewList"]),
494
- _ctx.flex ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_18, "(\u5EFA\u8BAE\u5C3A\u5BF8\uFF1A1242px*662px)")) : vue.createCommentVNode("v-if", true),
495
- docSeriesShowTopThemeColor.value && styleData.value.top_theme_color ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_19, _hoisted_21)) : vue.createCommentVNode("v-if", true),
514
+ _ctx.flex ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_19, "(\u5EFA\u8BAE\u5C3A\u5BF8\uFF1A1242px*662px)")) : vue.createCommentVNode("v-if", true),
515
+ docSeriesShowTopThemeColor.value && styleData.value.top_theme_color ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_20, _hoisted_22)) : vue.createCommentVNode("v-if", true),
496
516
  docSeriesShowTopThemeColor.value ? (vue.openBlock(), vue.createBlock(colorPalette, {
497
517
  key: 2,
498
518
  model: "top",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cmstops/pro-compo",
3
- "version": "0.1.69",
3
+ "version": "0.1.70",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "vue",