@cmstops/pro-compo 0.3.30 → 0.3.31

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 (5) hide show
  1. package/es/selectThumb/component.js +10 -5
  2. package/es/selectThumb/components/card.js +111 -59
  3. package/lib/selectThumb/component.js +10 -5
  4. package/lib/selectThumb/components/card.js +110 -58
  5. package/package.json +1 -1
package/es/selectThumb/component.js CHANGED
@@ -80,7 +80,8 @@ const _sfc_main = defineComponent({
80
80
  aiImages: {},
81
81
  series: {},
82
82
  thumbsMax: {},
83
- mediaUseType: {}
83
+ mediaUseType: {},
84
+ localUpload: { type: Boolean }
84
85
  },
85
86
  emits: ["update:dataValue", "upload"],
86
87
  setup(__props, { emit: __emit }) {
@@ -417,12 +418,13 @@ const _sfc_main = defineComponent({
417
418
  parentRef: selectThumbRef.value,
418
419
  idx: index,
419
420
  "preview-list": previewList.value,
421
+ "is-popover": _ctx.localUpload,
420
422
  "thumb-model": "thumb",
421
423
  onFileForShowThumb: fileForShowThumb,
422
424
  onChangeThumbType: changeThumbType,
423
425
  onUploadLocal: _cache[0] || (_cache[0] = (cb) => _ctx.$emit("upload", cb)),
424
426
  onOpen: ($event) => openDialogMediaSelection($event, index)
425
- }, null, 8, ["id", "data", "onUpdate:data", "parentRef", "idx", "preview-list", "onOpen"]);
427
+ }, null, 8, ["id", "data", "onUpdate:data", "parentRef", "idx", "preview-list", "is-popover", "onOpen"]);
426
428
  }), 128))
427
429
  ])) : currentModel.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
428
430
  createCommentVNode(" \u5C01\u9762\u56FEcard "),
@@ -437,12 +439,13 @@ const _sfc_main = defineComponent({
437
439
  model: model.value,
438
440
  idx: index,
439
441
  "preview-list": previewList.value,
442
+ "is-popover": _ctx.localUpload,
440
443
  "thumb-model": "thumb",
441
444
  onFileForShowThumb: fileForShowThumb,
442
445
  onChangeThumbType: changeThumbType,
443
446
  onUploadLocal: _cache[1] || (_cache[1] = (cb) => _ctx.$emit("upload", cb)),
444
447
  onOpen: ($event) => openDialogMediaSelection($event, index)
445
- }, null, 8, ["id", "data", "onUpdate:data", "parentRef", "model", "idx", "preview-list", "onOpen"]);
448
+ }, null, 8, ["id", "data", "onUpdate:data", "parentRef", "model", "idx", "preview-list", "is-popover", "onOpen"]);
446
449
  }), 128))
447
450
  ])
448
451
  ], 2112)) : createCommentVNode("v-if", true),
@@ -512,12 +515,13 @@ const _sfc_main = defineComponent({
512
515
  "onUpdate:data": _cache[5] || (_cache[5] = ($event) => banner.value = $event),
513
516
  parentRef: selectThumbRef.value,
514
517
  "preview-list": previewList.value,
518
+ "is-popover": _ctx.localUpload,
515
519
  "thumb-model": "banner",
516
520
  onFileForShowThumb: fileForShowThumb,
517
521
  onChangeThumbType: changeThumbType,
518
522
  onUploadLocal: _cache[6] || (_cache[6] = (cb) => _ctx.$emit("upload", cb)),
519
523
  onOpen: openDialogMediaSelection
520
- }, null, 8, ["data", "parentRef", "preview-list"])) : createCommentVNode("v-if", true),
524
+ }, null, 8, ["data", "parentRef", "preview-list", "is-popover"])) : createCommentVNode("v-if", true),
521
525
  hasBanner.value && styleData.value.banner_theme_color ? (openBlock(), createElementBlock("div", _hoisted_10, _hoisted_12)) : createCommentVNode("v-if", true),
522
526
  createCommentVNode(" banner\u8C03\u8272\u677F "),
523
527
  hasBanner.value ? (openBlock(), createBlock(_sfc_main$2, {
@@ -549,12 +553,13 @@ const _sfc_main = defineComponent({
549
553
  "onUpdate:data": _cache[7] || (_cache[7] = ($event) => pcBanner.value = $event),
550
554
  parentRef: selectThumbRef.value,
551
555
  previewList: previewList.value,
556
+ "is-popover": _ctx.localUpload,
552
557
  thumbModel: "pcBanner",
553
558
  onFileForShowThumb: fileForShowThumb,
554
559
  onChangeThumbType: changeThumbType,
555
560
  onUploadLocal: _cache[8] || (_cache[8] = (cb) => _ctx.$emit("upload", cb)),
556
561
  onOpen: openDialogMediaSelection
557
- }, null, 8, ["data", "parentRef", "previewList"]),
562
+ }, null, 8, ["data", "parentRef", "previewList", "is-popover"]),
558
563
  _ctx.flex ? (openBlock(), createElementBlock("span", _hoisted_18, "(\u5EFA\u8BAE\u5C3A\u5BF8\uFF1A1242px*662px)")) : createCommentVNode("v-if", true),
559
564
  docSeriesShowTopThemeColor.value && styleData.value.top_theme_color ? (openBlock(), createElementBlock("div", _hoisted_19, _hoisted_21)) : createCommentVNode("v-if", true),
560
565
  docSeriesShowTopThemeColor.value ? (openBlock(), createBlock(_sfc_main$2, {
package/es/selectThumb/components/card.js CHANGED
@@ -1,8 +1,13 @@
1
- import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createElementVNode, normalizeClass, createElementBlock, createVNode, Transition, withModifiers, createCommentVNode, normalizeStyle } from "vue";
1
+ import { defineComponent, computed, openBlock, createElementBlock, createBlock, unref, withCtx, createElementVNode, normalizeClass, createVNode, Transition, withModifiers, createCommentVNode, normalizeStyle } from "vue";
2
2
  import { Popover, Image } from "@arco-design/web-vue";
3
3
  import { IconEdit, IconDelete, IconPlus } from "@arco-design/web-vue/es/icon";
4
4
  import { DEFAULT_BASE_API } from "../../config.js";
5
- const _hoisted_1 = {
5
+ const _hoisted_1 = { class: "thumb-card-container-wrap" };
6
+ const _hoisted_2 = {
7
+ key: 0,
8
+ class: "img-v"
9
+ };
10
+ const _hoisted_3 = {
6
11
  key: 0,
7
12
  class: "img-v"
8
13
  };
@@ -16,7 +21,8 @@ const _sfc_main = defineComponent({
16
21
  parentRef: {},
17
22
  idx: {},
18
23
  along: { type: Boolean },
19
- model: {}
24
+ model: {},
25
+ isPopover: { type: Boolean }
20
26
  },
21
27
  emits: [
22
28
  "open",
@@ -62,64 +68,110 @@ const _sfc_main = defineComponent({
62
68
  emit("remove");
63
69
  };
64
70
  return (_ctx, _cache) => {
65
- return openBlock(), createBlock(unref(Popover), {
66
- trigger: "hover",
67
- position: "bottom",
68
- "popup-container": props.parentRef
69
- }, {
70
- content: withCtx(() => [
71
- createElementVNode("div", { onClick: openDialogMediaSelection }, "\u7D20\u6750\u5E93\u9009\u62E9"),
72
- createElementVNode("div", { onClick: loaclUpload }, "\u672C\u5730\u4E0A\u4F20")
73
- ]),
74
- default: withCtx(() => {
75
- var _a;
76
- return [
77
- createElementVNode("div", {
78
- class: normalizeClass(["thumb-card-container", classObj.value])
79
- }, [
80
- ((_a = props.data) == null ? void 0 : _a.url) ? (openBlock(), createElementBlock("div", _hoisted_1, [
81
- createVNode(unref(Image), {
82
- class: "item",
83
- fit: "cover",
84
- src: props.data.url,
85
- "show-loader": ""
86
- }, null, 8, ["src"]),
87
- createVNode(Transition, { name: "fade" }, {
88
- default: withCtx(() => [
89
- createElementVNode("div", {
90
- class: "mask",
91
- onClick: clickMask
92
- }, [
93
- createElementVNode("span", {
94
- class: "half",
95
- onClick: withModifiers(openDialogMediaSelection, ["stop"])
96
- }, [
97
- createVNode(unref(IconEdit))
98
- ]),
99
- _ctx.along ? (openBlock(), createElementBlock("span", {
100
- key: 0,
101
- class: "half",
102
- onClick: withModifiers(remove, ["stop"])
71
+ var _a;
72
+ return openBlock(), createElementBlock("div", _hoisted_1, [
73
+ _ctx.isPopover ? (openBlock(), createBlock(unref(Popover), {
74
+ key: 0,
75
+ trigger: "hover",
76
+ position: "bottom",
77
+ "popup-container": props.parentRef
78
+ }, {
79
+ content: withCtx(() => [
80
+ createElementVNode("div", { onClick: openDialogMediaSelection }, "\u7D20\u6750\u5E93\u9009\u62E9"),
81
+ createElementVNode("div", { onClick: loaclUpload }, "\u672C\u5730\u4E0A\u4F20")
82
+ ]),
83
+ default: withCtx(() => {
84
+ var _a2;
85
+ return [
86
+ createElementVNode("div", {
87
+ class: normalizeClass(["thumb-card-container", classObj.value])
88
+ }, [
89
+ ((_a2 = props.data) == null ? void 0 : _a2.url) ? (openBlock(), createElementBlock("div", _hoisted_2, [
90
+ createVNode(unref(Image), {
91
+ class: "item",
92
+ fit: "cover",
93
+ src: props.data.url,
94
+ "show-loader": ""
95
+ }, null, 8, ["src"]),
96
+ createVNode(Transition, { name: "fade" }, {
97
+ default: withCtx(() => [
98
+ createElementVNode("div", {
99
+ class: "mask",
100
+ onClick: clickMask
103
101
  }, [
104
- createVNode(unref(IconDelete))
105
- ])) : createCommentVNode("v-if", true)
106
- ])
102
+ createElementVNode("span", {
103
+ class: "half",
104
+ onClick: withModifiers(openDialogMediaSelection, ["stop"])
105
+ }, [
106
+ createVNode(unref(IconEdit))
107
+ ]),
108
+ _ctx.along ? (openBlock(), createElementBlock("span", {
109
+ key: 0,
110
+ class: "half",
111
+ onClick: withModifiers(remove, ["stop"])
112
+ }, [
113
+ createVNode(unref(IconDelete))
114
+ ])) : createCommentVNode("v-if", true)
115
+ ])
116
+ ]),
117
+ _: 1
118
+ })
119
+ ])) : (openBlock(), createElementBlock("div", {
120
+ key: 1,
121
+ class: "item add-thumb",
122
+ style: normalizeStyle({ backgroundImage: `url(${waterBg})` }),
123
+ onClick: openDialogMediaSelection
124
+ }, [
125
+ createVNode(unref(IconPlus))
126
+ ], 4))
127
+ ], 2)
128
+ ];
129
+ }),
130
+ _: 1
131
+ }, 8, ["popup-container"])) : (openBlock(), createElementBlock("div", {
132
+ key: 1,
133
+ class: normalizeClass(["thumb-card-container", classObj.value])
134
+ }, [
135
+ ((_a = props.data) == null ? void 0 : _a.url) ? (openBlock(), createElementBlock("div", _hoisted_3, [
136
+ createVNode(unref(Image), {
137
+ class: "item",
138
+ fit: "cover",
139
+ src: props.data.url,
140
+ "show-loader": ""
141
+ }, null, 8, ["src"]),
142
+ createVNode(Transition, { name: "fade" }, {
143
+ default: withCtx(() => [
144
+ createElementVNode("div", {
145
+ class: "mask",
146
+ onClick: clickMask
147
+ }, [
148
+ createElementVNode("span", {
149
+ class: "half",
150
+ onClick: withModifiers(openDialogMediaSelection, ["stop"])
151
+ }, [
152
+ createVNode(unref(IconEdit))
107
153
  ]),
108
- _: 1
109
- })
110
- ])) : (openBlock(), createElementBlock("div", {
111
- key: 1,
112
- class: "item add-thumb",
113
- style: normalizeStyle({ backgroundImage: `url(${waterBg})` }),
114
- onClick: openDialogMediaSelection
115
- }, [
116
- createVNode(unref(IconPlus))
117
- ], 4))
118
- ], 2)
119
- ];
120
- }),
121
- _: 1
122
- }, 8, ["popup-container"]);
154
+ _ctx.along ? (openBlock(), createElementBlock("span", {
155
+ key: 0,
156
+ class: "half",
157
+ onClick: withModifiers(remove, ["stop"])
158
+ }, [
159
+ createVNode(unref(IconDelete))
160
+ ])) : createCommentVNode("v-if", true)
161
+ ])
162
+ ]),
163
+ _: 1
164
+ })
165
+ ])) : (openBlock(), createElementBlock("div", {
166
+ key: 1,
167
+ class: "item add-thumb",
168
+ style: normalizeStyle({ backgroundImage: `url(${waterBg})` }),
169
+ onClick: openDialogMediaSelection
170
+ }, [
171
+ createVNode(unref(IconPlus))
172
+ ], 4))
173
+ ], 2))
174
+ ]);
123
175
  };
124
176
  }
125
177
  });
package/lib/selectThumb/component.js CHANGED
@@ -81,7 +81,8 @@ const _sfc_main = vue.defineComponent({
81
81
  aiImages: {},
82
82
  series: {},
83
83
  thumbsMax: {},
84
- mediaUseType: {}
84
+ mediaUseType: {},
85
+ localUpload: { type: Boolean }
85
86
  },
86
87
  emits: ["update:dataValue", "upload"],
87
88
  setup(__props, { emit: __emit }) {
@@ -418,12 +419,13 @@ const _sfc_main = vue.defineComponent({
418
419
  parentRef: selectThumbRef.value,
419
420
  idx: index2,
420
421
  "preview-list": previewList.value,
422
+ "is-popover": _ctx.localUpload,
421
423
  "thumb-model": "thumb",
422
424
  onFileForShowThumb: fileForShowThumb,
423
425
  onChangeThumbType: changeThumbType,
424
426
  onUploadLocal: _cache[0] || (_cache[0] = (cb) => _ctx.$emit("upload", cb)),
425
427
  onOpen: ($event) => openDialogMediaSelection($event, index2)
426
- }, null, 8, ["id", "data", "onUpdate:data", "parentRef", "idx", "preview-list", "onOpen"]);
428
+ }, null, 8, ["id", "data", "onUpdate:data", "parentRef", "idx", "preview-list", "is-popover", "onOpen"]);
427
429
  }), 128))
428
430
  ])) : currentModel.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
429
431
  vue.createCommentVNode(" \u5C01\u9762\u56FEcard "),
@@ -438,12 +440,13 @@ const _sfc_main = vue.defineComponent({
438
440
  model: model.value,
439
441
  idx: index2,
440
442
  "preview-list": previewList.value,
443
+ "is-popover": _ctx.localUpload,
441
444
  "thumb-model": "thumb",
442
445
  onFileForShowThumb: fileForShowThumb,
443
446
  onChangeThumbType: changeThumbType,
444
447
  onUploadLocal: _cache[1] || (_cache[1] = (cb) => _ctx.$emit("upload", cb)),
445
448
  onOpen: ($event) => openDialogMediaSelection($event, index2)
446
- }, null, 8, ["id", "data", "onUpdate:data", "parentRef", "model", "idx", "preview-list", "onOpen"]);
449
+ }, null, 8, ["id", "data", "onUpdate:data", "parentRef", "model", "idx", "preview-list", "is-popover", "onOpen"]);
447
450
  }), 128))
448
451
  ])
449
452
  ], 2112)) : vue.createCommentVNode("v-if", true),
@@ -513,12 +516,13 @@ const _sfc_main = vue.defineComponent({
513
516
  "onUpdate:data": _cache[5] || (_cache[5] = ($event) => banner.value = $event),
514
517
  parentRef: selectThumbRef.value,
515
518
  "preview-list": previewList.value,
519
+ "is-popover": _ctx.localUpload,
516
520
  "thumb-model": "banner",
517
521
  onFileForShowThumb: fileForShowThumb,
518
522
  onChangeThumbType: changeThumbType,
519
523
  onUploadLocal: _cache[6] || (_cache[6] = (cb) => _ctx.$emit("upload", cb)),
520
524
  onOpen: openDialogMediaSelection
521
- }, null, 8, ["data", "parentRef", "preview-list"])) : vue.createCommentVNode("v-if", true),
525
+ }, null, 8, ["data", "parentRef", "preview-list", "is-popover"])) : vue.createCommentVNode("v-if", true),
522
526
  hasBanner.value && styleData.value.banner_theme_color ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, _hoisted_12)) : vue.createCommentVNode("v-if", true),
523
527
  vue.createCommentVNode(" banner\u8C03\u8272\u677F "),
524
528
  hasBanner.value ? (vue.openBlock(), vue.createBlock(colorPalette, {
@@ -550,12 +554,13 @@ const _sfc_main = vue.defineComponent({
550
554
  "onUpdate:data": _cache[7] || (_cache[7] = ($event) => pcBanner.value = $event),
551
555
  parentRef: selectThumbRef.value,
552
556
  previewList: previewList.value,
557
+ "is-popover": _ctx.localUpload,
553
558
  thumbModel: "pcBanner",
554
559
  onFileForShowThumb: fileForShowThumb,
555
560
  onChangeThumbType: changeThumbType,
556
561
  onUploadLocal: _cache[8] || (_cache[8] = (cb) => _ctx.$emit("upload", cb)),
557
562
  onOpen: openDialogMediaSelection
558
- }, null, 8, ["data", "parentRef", "previewList"]),
563
+ }, null, 8, ["data", "parentRef", "previewList", "is-popover"]),
559
564
  _ctx.flex ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_18, "(\u5EFA\u8BAE\u5C3A\u5BF8\uFF1A1242px*662px)")) : vue.createCommentVNode("v-if", true),
560
565
  docSeriesShowTopThemeColor.value && styleData.value.top_theme_color ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_19, _hoisted_21)) : vue.createCommentVNode("v-if", true),
561
566
  docSeriesShowTopThemeColor.value ? (vue.openBlock(), vue.createBlock(colorPalette, {
package/lib/selectThumb/components/card.js CHANGED
@@ -3,7 +3,12 @@ var vue = require("vue");
3
3
  var webVue = require("@arco-design/web-vue");
4
4
  var icon = require("@arco-design/web-vue/es/icon");
5
5
  var config = require("../../config.js");
6
- const _hoisted_1 = {
6
+ const _hoisted_1 = { class: "thumb-card-container-wrap" };
7
+ const _hoisted_2 = {
8
+ key: 0,
9
+ class: "img-v"
10
+ };
11
+ const _hoisted_3 = {
7
12
  key: 0,
8
13
  class: "img-v"
9
14
  };
@@ -17,7 +22,8 @@ const _sfc_main = vue.defineComponent({
17
22
  parentRef: {},
18
23
  idx: {},
19
24
  along: { type: Boolean },
20
- model: {}
25
+ model: {},
26
+ isPopover: { type: Boolean }
21
27
  },
22
28
  emits: [
23
29
  "open",
@@ -63,64 +69,110 @@ const _sfc_main = vue.defineComponent({
63
69
  emit("remove");
64
70
  };
65
71
  return (_ctx, _cache) => {
66
- return vue.openBlock(), vue.createBlock(vue.unref(webVue.Popover), {
67
- trigger: "hover",
68
- position: "bottom",
69
- "popup-container": props.parentRef
70
- }, {
71
- content: vue.withCtx(() => [
72
- vue.createElementVNode("div", { onClick: openDialogMediaSelection }, "\u7D20\u6750\u5E93\u9009\u62E9"),
73
- vue.createElementVNode("div", { onClick: loaclUpload }, "\u672C\u5730\u4E0A\u4F20")
74
- ]),
75
- default: vue.withCtx(() => {
76
- var _a;
77
- return [
78
- vue.createElementVNode("div", {
79
- class: vue.normalizeClass(["thumb-card-container", classObj.value])
80
- }, [
81
- ((_a = props.data) == null ? void 0 : _a.url) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
82
- vue.createVNode(vue.unref(webVue.Image), {
83
- class: "item",
84
- fit: "cover",
85
- src: props.data.url,
86
- "show-loader": ""
87
- }, null, 8, ["src"]),
88
- vue.createVNode(vue.Transition, { name: "fade" }, {
89
- default: vue.withCtx(() => [
90
- vue.createElementVNode("div", {
91
- class: "mask",
92
- onClick: clickMask
93
- }, [
94
- vue.createElementVNode("span", {
95
- class: "half",
96
- onClick: vue.withModifiers(openDialogMediaSelection, ["stop"])
97
- }, [
98
- vue.createVNode(vue.unref(icon.IconEdit))
99
- ]),
100
- _ctx.along ? (vue.openBlock(), vue.createElementBlock("span", {
101
- key: 0,
102
- class: "half",
103
- onClick: vue.withModifiers(remove, ["stop"])
72
+ var _a;
73
+ return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
74
+ _ctx.isPopover ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Popover), {
75
+ key: 0,
76
+ trigger: "hover",
77
+ position: "bottom",
78
+ "popup-container": props.parentRef
79
+ }, {
80
+ content: vue.withCtx(() => [
81
+ vue.createElementVNode("div", { onClick: openDialogMediaSelection }, "\u7D20\u6750\u5E93\u9009\u62E9"),
82
+ vue.createElementVNode("div", { onClick: loaclUpload }, "\u672C\u5730\u4E0A\u4F20")
83
+ ]),
84
+ default: vue.withCtx(() => {
85
+ var _a2;
86
+ return [
87
+ vue.createElementVNode("div", {
88
+ class: vue.normalizeClass(["thumb-card-container", classObj.value])
89
+ }, [
90
+ ((_a2 = props.data) == null ? void 0 : _a2.url) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
91
+ vue.createVNode(vue.unref(webVue.Image), {
92
+ class: "item",
93
+ fit: "cover",
94
+ src: props.data.url,
95
+ "show-loader": ""
96
+ }, null, 8, ["src"]),
97
+ vue.createVNode(vue.Transition, { name: "fade" }, {
98
+ default: vue.withCtx(() => [
99
+ vue.createElementVNode("div", {
100
+ class: "mask",
101
+ onClick: clickMask
104
102
  }, [
105
- vue.createVNode(vue.unref(icon.IconDelete))
106
- ])) : vue.createCommentVNode("v-if", true)
107
- ])
103
+ vue.createElementVNode("span", {
104
+ class: "half",
105
+ onClick: vue.withModifiers(openDialogMediaSelection, ["stop"])
106
+ }, [
107
+ vue.createVNode(vue.unref(icon.IconEdit))
108
+ ]),
109
+ _ctx.along ? (vue.openBlock(), vue.createElementBlock("span", {
110
+ key: 0,
111
+ class: "half",
112
+ onClick: vue.withModifiers(remove, ["stop"])
113
+ }, [
114
+ vue.createVNode(vue.unref(icon.IconDelete))
115
+ ])) : vue.createCommentVNode("v-if", true)
116
+ ])
117
+ ]),
118
+ _: 1
119
+ })
120
+ ])) : (vue.openBlock(), vue.createElementBlock("div", {
121
+ key: 1,
122
+ class: "item add-thumb",
123
+ style: vue.normalizeStyle({ backgroundImage: `url(${waterBg})` }),
124
+ onClick: openDialogMediaSelection
125
+ }, [
126
+ vue.createVNode(vue.unref(icon.IconPlus))
127
+ ], 4))
128
+ ], 2)
129
+ ];
130
+ }),
131
+ _: 1
132
+ }, 8, ["popup-container"])) : (vue.openBlock(), vue.createElementBlock("div", {
133
+ key: 1,
134
+ class: vue.normalizeClass(["thumb-card-container", classObj.value])
135
+ }, [
136
+ ((_a = props.data) == null ? void 0 : _a.url) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
137
+ vue.createVNode(vue.unref(webVue.Image), {
138
+ class: "item",
139
+ fit: "cover",
140
+ src: props.data.url,
141
+ "show-loader": ""
142
+ }, null, 8, ["src"]),
143
+ vue.createVNode(vue.Transition, { name: "fade" }, {
144
+ default: vue.withCtx(() => [
145
+ vue.createElementVNode("div", {
146
+ class: "mask",
147
+ onClick: clickMask
148
+ }, [
149
+ vue.createElementVNode("span", {
150
+ class: "half",
151
+ onClick: vue.withModifiers(openDialogMediaSelection, ["stop"])
152
+ }, [
153
+ vue.createVNode(vue.unref(icon.IconEdit))
108
154
  ]),
109
- _: 1
110
- })
111
- ])) : (vue.openBlock(), vue.createElementBlock("div", {
112
- key: 1,
113
- class: "item add-thumb",
114
- style: vue.normalizeStyle({ backgroundImage: `url(${waterBg})` }),
115
- onClick: openDialogMediaSelection
116
- }, [
117
- vue.createVNode(vue.unref(icon.IconPlus))
118
- ], 4))
119
- ], 2)
120
- ];
121
- }),
122
- _: 1
123
- }, 8, ["popup-container"]);
155
+ _ctx.along ? (vue.openBlock(), vue.createElementBlock("span", {
156
+ key: 0,
157
+ class: "half",
158
+ onClick: vue.withModifiers(remove, ["stop"])
159
+ }, [
160
+ vue.createVNode(vue.unref(icon.IconDelete))
161
+ ])) : vue.createCommentVNode("v-if", true)
162
+ ])
163
+ ]),
164
+ _: 1
165
+ })
166
+ ])) : (vue.openBlock(), vue.createElementBlock("div", {
167
+ key: 1,
168
+ class: "item add-thumb",
169
+ style: vue.normalizeStyle({ backgroundImage: `url(${waterBg})` }),
170
+ onClick: openDialogMediaSelection
171
+ }, [
172
+ vue.createVNode(vue.unref(icon.IconPlus))
173
+ ], 4))
174
+ ], 2))
175
+ ]);
124
176
  };
125
177
  }
126
178
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cmstops/pro-compo",
3
- "version": "0.3.30",
3
+ "version": "0.3.31",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "vue",