88 lines
2.4 KiB
TypeScript
88 lines
2.4 KiB
TypeScript
import { Post } from '../../types/index'
|
|
import { formatTime, formatCount, getAvatarGradient } from '../../utils/format'
|
|
import { api } from '../../utils/api'
|
|
|
|
Component({
|
|
properties: {
|
|
post: {
|
|
type: Object,
|
|
value: null,
|
|
},
|
|
},
|
|
|
|
data: {
|
|
avatarGradient: '',
|
|
timeText: '',
|
|
likeCount: 0,
|
|
},
|
|
|
|
observers: {
|
|
post(val: Post) {
|
|
if (!val) return
|
|
this.setData({
|
|
avatarGradient: getAvatarGradient(val.authorId || ''),
|
|
timeText: formatTime(val.createdAt),
|
|
likeCount: val.likeCount,
|
|
})
|
|
},
|
|
},
|
|
|
|
methods: {
|
|
onCardTap() {
|
|
const post = this.data.post as Post
|
|
if (!post) return
|
|
wx.navigateTo({ url: `/pages/post-detail/post-detail?id=${post._id}` })
|
|
},
|
|
|
|
onAuthorTap(e: WechatMiniprogram.CustomEvent) {
|
|
e.stopPropagation()
|
|
const post = this.data.post as Post
|
|
if (!post?.authorId) return
|
|
wx.navigateTo({ url: `/pages/pet-detail/pet-detail?userId=${post.authorId}` })
|
|
},
|
|
|
|
onImageTap(e: WechatMiniprogram.CustomEvent) {
|
|
const post = this.data.post as Post
|
|
if (!post?.images?.length) return
|
|
wx.previewImage({
|
|
current: post.images[e.currentTarget.dataset.idx as number],
|
|
urls: post.images,
|
|
})
|
|
},
|
|
|
|
async onLike(e: WechatMiniprogram.CustomEvent) {
|
|
e.stopPropagation()
|
|
const post = this.data.post as Post
|
|
if (!post) return
|
|
const wasLiked = post.isLiked
|
|
const prevCount = this.data.likeCount
|
|
|
|
this.setData({
|
|
'post.isLiked': !wasLiked,
|
|
likeCount: wasLiked ? prevCount - 1 : prevCount + 1,
|
|
})
|
|
|
|
try {
|
|
const res = await api.likePost(post._id)
|
|
this.setData({ likeCount: res.count, 'post.isLiked': res.liked })
|
|
this.triggerEvent('likeChange', { postId: post._id, liked: res.liked, count: res.count })
|
|
} catch {
|
|
this.setData({ 'post.isLiked': wasLiked, likeCount: prevCount })
|
|
wx.showToast({ title: '操作失败', icon: 'none' })
|
|
}
|
|
},
|
|
|
|
onComment(e: WechatMiniprogram.CustomEvent) {
|
|
e.stopPropagation()
|
|
const post = this.data.post as Post
|
|
if (!post) return
|
|
wx.navigateTo({ url: `/pages/post-detail/post-detail?id=${post._id}&focus=comment` })
|
|
},
|
|
|
|
onShare(e: WechatMiniprogram.CustomEvent) {
|
|
e.stopPropagation()
|
|
wx.showShareMenu({ withShareTicket: true, menus: ['shareAppMessage', 'shareTimeline'] })
|
|
},
|
|
},
|
|
})
|