@cmstops/pro-compo 0.1.71 → 0.1.72

package/es/selectThumb/component.js

@@ -78,6 +78,7 @@ const _sfc_main = defineComponent({
     cropper: { type: Boolean },
     aiImages: {},
     series: {},
+    thumbsMax: {},
     mediaUseType: {}
   },
   emits: ["update:dataValue", "upload"],
@@ -126,7 +127,7 @@ const _sfc_main = defineComponent({
         data = { model: 3, data: [{ url: value, thumb: value }] };
       } else if (Array.isArray(value)) {
         data = {
-          model: value.length > 1 ? 1 : 3,
+          model: 99,
           data: value.map((img) => {
             return {
               url: img
@@ -148,13 +149,11 @@ const _sfc_main = defineComponent({
       },
       { immediate: true }
     );
-    const thumbsModeList = computed({
-      get() {
-        return props.dataValue;
-      },
-      set(value) {
-        emit("update:dataValue", value);
+    const thumbsLengthList = computed(() => {
+      if (props.thumbsMax && thumbList.value.length >= props.thumbsMax) {
+        return props.thumbsMax;
       }
+      return thumbList.value.length + 1;
     });
     const callback = (value) => {
       var _a;
@@ -171,8 +170,10 @@ const _sfc_main = defineComponent({
           temp.data = [];
         }
         if (props.mode === "thumbs") {
-          console.log(temp);
-          thumbsModeList.value[thumbOptionIndex.value] = temp.data[0].url;
+          emit(
+            "update:dataValue",
+            temp.data.map((item) => item.url)
+          );
         } else {
           emit("update:dataValue", JSON.stringify(temp));
         }
@@ -245,10 +246,10 @@ const _sfc_main = defineComponent({
       const _useCropper = props.mode === "doc" ? true : useCropper.value;
       if (["smiple", "thumbs"].includes(props.mode)) {
         dialogMediaSelectionShow.value = false;
-        const medias = data.map((media) => {
-          return { url: media.url, thumb: media.url };
-        });
-        styleData.value.data = medias;
+        const media = data[0];
+        const temp = JSON.parse(JSON.stringify(styleData.value.data || []));
+        temp[thumbOptionIndex.value] = { url: media.url, thumb: media.url };
+        styleData.value.data = temp;
         callback(styleData.value);
       } else if (isPcBaner || !_useCropper) {
         dialogMediaSelectionShow.value = false;
@@ -385,11 +386,11 @@ const _sfc_main = defineComponent({
           ], 4)) : createCommentVNode("v-if", true),
           createElementVNode("div", _hoisted_4, [
             ["thumbs"].includes(_ctx.mode) ? (openBlock(), createElementBlock("div", _hoisted_5, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(thumbsModeList.value, (item, index) => {
+              (openBlock(true), createElementBlock(Fragment, null, renderList(thumbsLengthList.value, (item, index) => {
                 return openBlock(), createBlock(_sfc_main$1, {
                   key: index,
                   id: `thumb-card-${index}`,
-                  data: { url: item },
+                  data: thumbList.value[index],
                   "preview-list": previewList.value,
                   "thumb-model": "thumb",
                   onOpen: ($event) => openDialogMediaSelection($event, index)

package/lib/selectThumb/component.js

@@ -79,6 +79,7 @@ const _sfc_main = vue.defineComponent({
     cropper: { type: Boolean },
     aiImages: {},
     series: {},
+    thumbsMax: {},
     mediaUseType: {}
   },
   emits: ["update:dataValue", "upload"],
@@ -127,7 +128,7 @@ const _sfc_main = vue.defineComponent({
         data = { model: 3, data: [{ url: value, thumb: value }] };
       } else if (Array.isArray(value)) {
         data = {
-          model: value.length > 1 ? 1 : 3,
+          model: 99,
           data: value.map((img) => {
             return {
               url: img
@@ -149,13 +150,11 @@ const _sfc_main = vue.defineComponent({
       },
       { immediate: true }
     );
-    const thumbsModeList = vue.computed({
-      get() {
-        return props.dataValue;
-      },
-      set(value) {
-        emit("update:dataValue", value);
+    const thumbsLengthList = vue.computed(() => {
+      if (props.thumbsMax && thumbList.value.length >= props.thumbsMax) {
+        return props.thumbsMax;
       }
+      return thumbList.value.length + 1;
     });
     const callback = (value) => {
       var _a;
@@ -172,8 +171,10 @@ const _sfc_main = vue.defineComponent({
           temp.data = [];
         }
         if (props.mode === "thumbs") {
-          console.log(temp);
-          thumbsModeList.value[thumbOptionIndex.value] = temp.data[0].url;
+          emit(
+            "update:dataValue",
+            temp.data.map((item) => item.url)
+          );
         } else {
           emit("update:dataValue", JSON.stringify(temp));
         }
@@ -246,10 +247,10 @@ const _sfc_main = vue.defineComponent({
       const _useCropper = props.mode === "doc" ? true : useCropper.value;
       if (["smiple", "thumbs"].includes(props.mode)) {
         dialogMediaSelectionShow.value = false;
-        const medias = data.map((media) => {
-          return { url: media.url, thumb: media.url };
-        });
-        styleData.value.data = medias;
+        const media = data[0];
+        const temp = JSON.parse(JSON.stringify(styleData.value.data || []));
+        temp[thumbOptionIndex.value] = { url: media.url, thumb: media.url };
+        styleData.value.data = temp;
         callback(styleData.value);
       } else if (isPcBaner || !_useCropper) {
         dialogMediaSelectionShow.value = false;
@@ -386,11 +387,11 @@ const _sfc_main = vue.defineComponent({
           ], 4)) : vue.createCommentVNode("v-if", true),
           vue.createElementVNode("div", _hoisted_4, [
             ["thumbs"].includes(_ctx.mode) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(thumbsModeList.value, (item, index) => {
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(thumbsLengthList.value, (item, index) => {
                 return vue.openBlock(), vue.createBlock(card, {
                   key: index,
                   id: `thumb-card-${index}`,
-                  data: { url: item },
+                  data: thumbList.value[index],
                   "preview-list": previewList.value,
                   "thumb-model": "thumb",
                   onOpen: ($event) => openDialogMediaSelection($event, index)

package/package.json

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