support archive moment to exist journal

miniprogram/components/journal-list/index.ts

@@ -0,0 +1,122 @@
+// components/journal-list/index.ts
+import config from "../../config/index";
+import Time from "../../utils/Time";
+
+export type JournalListItem = {
+	id: number;
+	date: string;
+	location?: string;
+	idea?: string;
+	thumbUrl?: string;
+}
+
+interface JournalListData {
+	list: JournalListItem[];
+	isFetching: boolean;
+	isFinished: boolean;
+	page: {
+		index: number;
+		size: number;
+		type?: string;
+	};
+}
+
+Component({
+	options: {
+		styleIsolation: 'apply-shared'
+	},
+	properties: {
+		visible: {
+			type: Boolean,
+			value: false
+		},
+		type: {
+			type: String,
+			value: undefined // NORMAL 或 PORTFOLIO，不传则获取所有类型
+		},
+		selectedId: {
+			type: Number,
+			value: undefined
+		}
+	},
+	data: <JournalListData>{
+		list: [],
+		isFetching: false,
+		isFinished: false,
+		page: {
+			index: 0,
+			size: 20,
+			type: undefined
+		}
+	},
+	observers: {
+		'visible': function(visible: boolean) {
+			if (visible && this.data.list.length === 0) {
+				this.fetch();
+			}
+		},
+		'type': function(type: string) {
+			this.setData({
+				page: {
+					index: 0,
+					size: 20,
+					type
+				},
+				list: [],
+				isFinished: false
+			});
+		}
+	},
+	methods: {
+		fetch() {
+			if (this.data.isFetching || this.data.isFinished) {
+				return;
+			}
+			this.setData({ isFetching: true });
+			wx.request({
+				url: `${config.url}/journal/list`,
+				method: "POST",
+				header: {
+					Key: wx.getStorageSync("key")
+				},
+				data: this.data.page,
+				success: (resp: any) => {
+					const list = resp.data.data.list;
+					if (!list || list.length === 0) {
+						this.setData({ isFinished: true });
+						return;
+					}
+					const result = list.map((journal: any) => {
+						// 获取第一张缩略图
+						const firstThumb = journal.items.find((item: any) => item.attachType === "THUMB");
+						return {
+							id: journal.id,
+							date: Time.toPassedDateTime(journal.createdAt),
+							idea: journal.idea,
+							location: journal.location,
+							thumbUrl: firstThumb ? `${config.url}/attachment/read/${firstThumb.mongoId}` : undefined
+						} as JournalListItem;
+					});
+					this.setData({
+						page: {
+							...this.data.page,
+							index: this.data.page.index + 1
+						},
+						list: this.data.list.concat(result),
+						isFinished: list.length < this.data.page.size
+					});
+				},
+				complete: () => {
+					this.setData({ isFetching: false });
+				}
+			});
+		},
+		onSelectItem(e: WechatMiniprogram.BaseEvent) {
+			const { id } = e.currentTarget.dataset;
+			this.triggerEvent('select', { id });
+		},
+		onScrollToLower() {
+			this.fetch();
+		}
+	}
+});