jobdone-shared-files 1.1.25 → 1.1.26

package/ModalDailyMultimediaImagesSelector.vue

@@ -217,6 +217,9 @@ const previewImagesOnHide = () => {
 const activeTab = ref('records');
 const filterDate = ref('');
 const selectedImages = ref([]);
+// 統一 selectedImages 元素要保留的欄位；toggleImage / toggleAllInRecord / show / submit 都吃這份，未來增刪欄位只需改這一處
+const SELECTED_IMAGE_KEYS = ['id', 'url', 'thumbnailUrl', 'fileName'];
+const pickSelectedImage = (img) => Object.fromEntries(SELECTED_IMAGE_KEYS.map((k) => [k, img[k]]));
 // 改用 reactive Set 取代 computed Set。Vue 3 對 reactive 集合提供 per-element 反應式追蹤，
 // template 裡 .has(id) 只會在「該 id 的選取狀態變動」時 invalidate，
 // 不會像 computed Set（每次都回傳新 Set 物件）那樣讓所有 button 的 binding 一起重新評估
@@ -263,9 +266,8 @@ const mediasByMonth = computed(() => { // 將圖片依年月日分類，方便
 		const month = months.get(monthKey);
 		if (!month.days.has(dayKey)) month.days.set(dayKey, { dayKey, dayLabel, items: [] });
 		const day = month.days.get(dayKey);
-		for (const img of record.images) {
-			day.items.push({ id: img.id, url: img.url, thumbnailUrl: img.thumbnailUrl });
-		}
+		// 用 pickSelectedImage 確保 day.items 與 selectedImages 同形（特別是 fileName），點擊後丟進 toggleImage 才不會掉欄位
+		for (const img of record.images) day.items.push(pickSelectedImage(img));
 	}
 	// 月與日皆以由新到舊呈現；monthKey/dayKey 是 ISO 格式（YYYY-MM、YYYY-MM-DD），字串遞減排序即等同日期遞減
 	return Array.from(months.values())
@@ -335,7 +337,7 @@ const toggleImage = (img) => {
 		selectedImages.value.splice(idx, 1);
 		selectedImageIds.delete(img.id);
 	} else {
-		selectedImages.value.push({ id: img.id, url: img.url, thumbnailUrl: img.thumbnailUrl, fileName: img.fileName });
+		selectedImages.value.push(pickSelectedImage(img));
 		selectedImageIds.add(img.id);
 	}
 };
@@ -360,7 +362,7 @@ const toggleAllInRecord = (record) => {
 	} else {
 		const toAdd = record.images
 			.filter((img) => !selectedImageIds.has(img.id))
-			.map((img) => ({ id: img.id, url: img.url, thumbnailUrl: img.thumbnailUrl, fileName: img.fileName }));
+			.map((img) => pickSelectedImage(img));
 		selectedImages.value.push(...toAdd);
 		for (const m of toAdd) selectedImageIds.add(m.id);
 	}
@@ -379,7 +381,7 @@ const closeModal = () => {
 
 const show = (preSelected = []) => {
 	// 開啟時可帶入已選圖片，讓使用者看到先前的選擇狀態（例如再次開啟時保留勾選）
-	selectedImages.value = preSelected.map((img) => ({ id: img.id, url: img.url, fileName: img.fileName }));
+	selectedImages.value = preSelected.map((img) => pickSelectedImage(img));
 	selectedImageIds.clear();
 	for (const img of preSelected) selectedImageIds.add(img.id);
 	modalShow(modalDom.value, closeModal);
@@ -388,8 +390,7 @@ const show = (preSelected = []) => {
 
 const submit = () => {
 	modalHide(modalDom.value);
-	// thumbnailUrl 是內部顯示用、不外流；對外帶出 { id, url, fileName }
-	emit('afterSubmit', selectedImages.value.map((m) => ({ id: m.id, url: m.url, fileName: m.fileName })));
+	emit('afterSubmit', selectedImages.value.map((m) => pickSelectedImage(m)));
 };
 // #endregion 光箱操作相關
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jobdone-shared-files",
-  "version": "1.1.25",
+  "version": "1.1.26",
   "description": "Shared JS and SCSS for Jobdone Enterprise.",
   "main": "index.js",
   "scripts": {