southnote-mini-sdk 1.0.0

package/pages/post/post.js

@@ -0,0 +1,1856 @@
+import {
+  emojiMap
+} from "../../components/post-item/post-item"
+import {
+  queryPostInfo,
+  queryPostComments,
+  queryPostLikes,
+  queryPostShare,
+  followUser,
+  likePost,
+  collectPost,
+  votePost,
+  queryMainComments,
+  deleteContent,
+  queryPostVideo
+} from "../../services/home";
+import formatUTC from "../../utils/formatPost.js"
+import {
+  getLevelByExp,
+  getLevelImg
+} from '../../utils/exp';
+import {
+  checkLogin
+} from "../../utils/auth"
+
+Page({
+  data: {
+    item: {}, // 当前帖子详情
+    itemDetial: {},
+    postId: 0,
+    contentParts: [], // 帖子正文
+    commentedContentParts: [], // 评论格式化内容
+    sharedContentParts: [],
+    comments: [], // 评论列表
+    likes: [], //赞列表
+    shares: [], //转发列表
+    showFull: false,
+    needShowReadMore: false,
+    isLongImage: false,
+    isSuperLongImage: false, //是否是超长图
+
+    isHorizonImage: false, //是否是长>宽的图
+    active: 1,
+    sortValue: 0, // 默认选中第一个（按热度）
+    sortOptions: [{
+        text: '按热度',
+        value: 0
+      },
+      {
+        text: '按时间',
+        value: 1
+      }
+    ],
+
+    sharesPage: 1,
+    sharesHasMore: true,
+    commentsPage: 1,
+    commentsHasMore: true,
+    likesPage: 1,
+    likesHasMore: true,
+    isLoadingMore: false, // 防止重复请求
+    isCommentIn: false, //是否是点击评论跳转进来的
+
+    showSheet: false, //评论弹窗
+    originPost: {},
+    currentReplyComment: null,
+    typeName: '单选',
+
+    showMenuSheet: false, //菜单弹窗
+    loading: true,
+  },
+
+  getVoteTitle(isVoted, vote) {
+    const typeName = vote.max_choices === 1 ? "单选" : `${vote.max_choices}选`;
+    this.setData({
+      typeName: typeName
+    })
+
+    if (Date.now() > vote.end_time * 1000) {
+      return `投票已结束`;
+    }
+
+    return isVoted ? `已投票` : `参与投票`;
+  },
+
+
+  initVoteData(vote) {
+    if (!vote) return;
+
+    const userVotes = vote.user_votes || [];
+    const isVoted = userVotes.length > 0;
+    const isVoteEnded = Date.now() > vote.end_time * 1000;
+
+
+    // 处理选项
+    const voteOptions = vote.options.map(o => ({
+      ...o,
+      _selected: userVotes.includes(o.id),
+      vote_count: o.vote_count || 0
+    }));
+
+    const hasAnyImage = voteOptions.some(o => o.option_image); // 假设选项图片字段是 o.image
+
+
+    // 如果已投票，计算百分比
+    if (isVoted || isVoteEnded) {
+      const total = voteOptions.reduce((sum, o) => sum + o.vote_count, 0);
+      voteOptions.forEach(o => {
+        o.percent = total > 0 ? ((o.vote_count / total) * 100).toFixed(1) : '0.0';
+      });
+    }
+
+    this.setData({
+      voteOptions,
+      isVoted,
+      selectedVotes: [],
+      isVoteEnded: Date.now() > vote.end_time * 1000,
+      voteEndTime: vote.end_time ? this.formatTime(vote.end_time) : null,
+      voteTitle: this.getVoteTitle(isVoted, vote),
+      showVoteImages: hasAnyImage
+
+    });
+  },
+
+  initLotteryData(lottery) {
+    if (!lottery) return;
+
+    const now = Date.now() / 1000;
+    const isEnded = now > lottery.end_time;
+
+    const conditionTextMap = {
+      1: '评论此贴',
+      2: '转发此贴',
+      3: '评论并转发此贴',
+      4: '发表话题',
+      5: '关注作者',
+      6: '关注游戏'
+    };
+
+    const lotteryConditions = (lottery.conditions || []).map((cond, idx) => {
+      let parts = [];
+
+      switch (cond.condition_type) {
+        case 1:
+        case 2:
+        case 3:
+        case 5:
+          parts.push({
+            text: conditionTextMap[cond.condition_type],
+            color: '#333',
+            clickable: false
+          });
+          break;
+
+        case 4: // 发表话题
+          parts.push({
+            text: '发表话题',
+            color: '#333',
+            clickable: false
+          });
+          parts.push({
+            text: `#${cond.condition_value}#`,
+            color: '#406ce3',
+            clickable: true,
+            data: {
+              type: 'topic',
+              name: cond.condition_value
+            }
+          });
+          break;
+
+        case 6: // 关注游戏
+          parts.push({
+            text: '关注游戏',
+            color: '#333',
+            clickable: false
+          });
+
+
+          parts.push({
+            text: `$${cond.condition_value.game_name}`,
+            color: '#406ce3',
+            clickable: true,
+            data: {
+              type: 'game',
+              id: cond.condition_value.game_id
+            }
+          });
+          break;
+      }
+
+      return {
+        index: idx + 1,
+        parts
+      };
+    });
+
+    this.setData({
+      lotteryInfo: {
+        ...lottery,
+        isEnded,
+        winnerCount: lottery.winner_count,
+        conditions: lotteryConditions,
+        endTimeText: this.formatTime(lottery.end_time),
+      },
+      isLotteryEnded: Date.now() > lottery.end_time * 1000
+    });
+  },
+
+  // 点击抽奖条件（话题/游戏）
+  onLotteryConditionTap(e) {
+    const {
+      type,
+      name,
+      id
+    } = e.currentTarget.dataset;
+    if (!type) return;
+
+    if (type === 'topic') {
+      wx.navigateTo({
+        url: `/pages/topic/topic?topic_name=${encodeURIComponent(name)}`
+      });
+    } else if (type === 'game') {
+      wx.navigateTo({
+        url: `/pages/game/game?id=${id}`
+      });
+    }
+  },
+
+  // 查看中奖名单
+  // 查看中奖名单
+  onViewWinners() {
+    if (!checkLogin()) return;
+    const postItem = this.data.item;
+
+    // 构造抽奖公示页需要的最小帖子对象
+    const post = {
+      id: postItem.post.id,
+      user_id: postItem.user.id, // 发帖人 id（用于判断发起人）
+      nickname: postItem.user.nickname, // 发帖人昵称
+      avatar: postItem.user.avatar, // 发帖人头像
+      cover: postItem.post.imageArray?.[0] || '', // 帖子图（第一张）
+      content: postItem.post.content // 帖子内容
+    };
+
+    wx.navigateTo({
+      url: `/pages/lottery-winners/lottery-winners?post=${encodeURIComponent(
+      JSON.stringify(post)
+    )}`
+    });
+  },
+
+  // 帖子详情页分享逻辑
+  onShareAppMessage() {
+    const {
+      item,
+      postId
+    } = this.data;
+
+    // 取帖子标题或默认文案
+    const title = item?.post?.title || '查看帖子详情';
+
+    return {
+      title,
+      // 分享路径携带帖子 id 参数
+      path: `/pages/post/post?id=${postId}` // 携带用户ID
+    };
+  },
+  // tab切换
+  onChange(event) {
+    const {
+      index
+    } = event.detail
+    this.setData({
+      active: index
+    })
+  },
+
+  async onSortChange(e) {
+    console.log(e.detail)
+    this.setData({
+      sortValue: e.detail
+    })
+
+    // TODO: 根据选择重新请求或排序 comments
+
+    const commentsRes = await queryPostComments(this.data.postId, 1, e.detail === 0 ? 2 : 1)
+    // 格式化评论
+    const comments = this.formatComments(commentsRes.data)
+    this.setData({
+      comments
+    })
+  },
+
+  onLoad(options) {
+    const postId = options.id; // 从路由参数拿帖子 id
+    const isCommentIn = options.isCommentIn
+    this.setData({
+      postId,
+      isCommentIn
+    })
+    this.fetchPostDetail(postId).then(res => {
+      const currentUserId = wx.getStorageSync('appuid'); // 当前登录用户id
+      const isOwner = this.data.item.user.id === currentUserId;
+      this.setData({
+        isOwner
+      })
+      if (this.data.isCommentIn) {
+        this.setData({
+          showSheet: true,
+          originPost: this.data.item,
+          commentData: null,
+        })
+
+      }
+    });
+
+
+
+
+  },
+
+  onFirstComment() {
+    if (!checkLogin()) return; // 🔥 登录校验
+
+    this.setData({
+      showSheet: true,
+      originPost: this.data.item,
+      commentData: null
+    })
+  },
+  onLike(e) {
+    if (!checkLogin()) return; // 🔥 登录校验
+
+
+    const post = this.data.item.post;
+    const isLiked = post.is_like === 1;
+    const newLikeStatus = isLiked ? 0 : 1;
+    const newLikeCount = isLiked ? post.like_count - 1 : post.like_count + 1;
+
+    // 2️⃣ 前端立即更新状态
+    this.setData({
+      'item.post.is_like': newLikeStatus,
+      'item.post.like_count': newLikeCount
+    });
+
+    // 3️⃣ 动画效果（缩放+回弹）
+    const animation = wx.createAnimation({
+      duration: 200,
+      timingFunction: 'ease-in-out'
+    });
+    animation.scale(1.5).step();
+    animation.scale(1.0).step();
+
+    this.setData({
+      likeAnimation: animation.export()
+    });
+
+    // 4️⃣ 调用后端接口（type: 1点赞, 2取消点赞）
+    likePost(post.id, newLikeStatus === 1 ? 1 : 2)
+      .then(res => {
+        if (res.code !== 0) {
+          // ❌ 接口失败，回滚前端状态
+          this.setData({
+            'item.post.is_like': isLiked ? 1 : 0,
+            'item.post.like_count': post.like_count
+          });
+          wx.showToast({
+            title: res.message || '操作失败',
+            icon: 'none'
+          });
+        } else {
+          // ✅ 接口成功，跨页面同步数据
+          const pages = getCurrentPages();
+          pages.forEach(page => {
+            // 首页更新 posts
+            if (page.route === 'pages/home/home') {
+              const posts = page.data.posts.map(p => {
+                if (p.post.id === post.id) {
+                  p.post.is_like = newLikeStatus;
+                  p.post.like_count = newLikeCount;
+                }
+                return p;
+              });
+              page.setData({
+                posts
+              });
+            }
+
+            // 用户详情页更新 userPosts
+            if (page.route === 'pages/user/user') {
+              if (Array.isArray(page.data.userPosts)) {
+                const userPosts = page.data.userPosts.map(p => {
+                  if (p.post.id === post.id) {
+                    p.post.is_like = newLikeStatus;
+                    p.post.like_count = newLikeCount;
+                  }
+                  return p;
+                });
+                page.setData({
+                  userPosts
+                });
+              }
+            }
+
+            // 帖子详情页更新 item
+            if (page.route === 'pages/post/post' && page.data.postId === post.id) {
+              page.setData({
+                'item.post.is_like': newLikeStatus,
+                'item.post.like_count': newLikeCount
+              });
+            }
+          });
+        }
+      })
+      .catch(err => {
+        // ❌ 网络/接口异常
+        this.setData({
+          'item.post.is_like': isLiked ? 1 : 0,
+          'item.post.like_count': post.like_count
+        });
+        wx.showToast({
+          title: '网络错误，操作失败',
+          icon: 'none'
+        });
+      });
+  },
+
+  onCollect(e) {
+    if (!checkLogin()) return; // 🔥 登录校验
+
+    const post = this.data.item.post;
+    const isCollected = post.is_collect === 1;
+    const newCollectStatus = isCollected ? 0 : 1;
+    const newCollectCount = isCollected ? post.collect_count - 1 : post.collect_count + 1;
+
+    // 1️⃣ 前端立即更新状态和收藏数
+    this.setData({
+      'item.post.is_collect': newCollectStatus,
+      'item.post.collect_count': newCollectCount
+    });
+
+    // 2️⃣ 动画效果（可选）
+    const animation = wx.createAnimation({
+      duration: 200,
+      timingFunction: 'ease-in-out'
+    });
+    animation.scale(1.5).step();
+    animation.scale(1.0).step();
+    this.setData({
+      collectAnimation: animation.export()
+    });
+
+    // 3️⃣ 调用后端接口（type: 1收藏, 2取消收藏）
+    collectPost(post.id, newCollectStatus === 1 ? 1 : 2)
+      .then(res => {
+        if (res.code !== 0) {
+          // ❌ 接口失败，回滚前端状态和数量
+          this.setData({
+            'item.post.is_collect': isCollected,
+            'item.post.collect_count': post.collect_count
+          });
+          wx.showToast({
+            title: res.message || '操作失败',
+            icon: 'none'
+          });
+        } else {
+          // ✅ 接口成功，跨页面同步数据
+          const pages = getCurrentPages();
+          pages.forEach(page => {
+            // 首页更新 posts
+            if (page.route === 'pages/home/home') {
+              const posts = page.data.posts.map(p => {
+                if (p.post.id === post.id) {
+                  p.post.is_collect = newCollectStatus;
+                  p.post.collect_count = newCollectCount;
+                }
+                return p;
+              });
+              page.setData({
+                posts
+              });
+            }
+
+            // 用户详情页更新 userPosts
+            if (page.route === 'pages/user/user') {
+              if (Array.isArray(page.data.userPosts)) {
+                const userPosts = page.data.userPosts.map(p => {
+                  if (p.post.id === post.id) {
+                    p.post.is_collect = newCollectStatus;
+                    p.post.collect_count = newCollectCount;
+                  }
+                  return p;
+                });
+                page.setData({
+                  userPosts
+                });
+              }
+            }
+
+            // 帖子详情页更新 item
+            if (page.route === 'pages/post/post' && page.data.postId === post.id) {
+              page.setData({
+                'item.post.is_collect': newCollectStatus,
+                'item.post.collect_count': newCollectCount
+              });
+            }
+          });
+
+          wx.showToast({
+            title: newCollectStatus === 1 ? '收藏成功' : '取消收藏',
+            icon: 'success'
+          });
+        }
+      })
+      .catch(err => {
+        // ❌ 网络/接口异常，回滚
+        this.setData({
+          'item.post.is_collect': isCollected,
+          'item.post.collect_count': post.collect_count
+        });
+        wx.showToast({
+          title: '网络错误，操作失败',
+          icon: 'none'
+        });
+      });
+  },
+
+  async onCommentSuccess(e) {
+    const {
+      postId,
+      mode,
+      content,
+      images
+    } = e.detail;
+
+    const commentsRes = await queryPostComments(this.data.postId, 1, this.data.sortValue === 0 ? 2 : 1);
+    const comments = this.formatComments(commentsRes.data);
+
+    // ✅ 当前页面更新评论
+    const newCount = (this.data.item.post.comment_count || 0) + 1;
+    this.setData({
+      'item.post.comment_count': newCount,
+      comments
+    });
+
+    // ✅ 遍历页面栈同步修改
+    const pages = getCurrentPages();
+    const currentPage = pages[pages.length - 1];
+
+    pages.forEach(page => {
+      if (page === currentPage) return;
+      // 首页
+      if (page.route === 'pages/home/home') {
+        const updatedPosts = page.data.posts.map(p => {
+          if (p.post.id === postId) {
+            p.post.comment_count = (p.post.comment_count || 0) + 1;
+          }
+          return p;
+        });
+        page.setData({
+          posts: updatedPosts
+        });
+      }
+
+      // 用户详情页
+      if (page.route === 'pages/user/user') {
+        const updatedPosts = page.data.userPosts?.map(p => {
+          if (p.post.id === postId) {
+            p.post.comment_count = (p.post.comment_count || 0) + 1;
+          }
+          return p;
+        }) || [];
+        page.setData({
+          userPosts: updatedPosts
+        });
+      }
+
+      // 其他帖子详情页（如果嵌套）
+      if (page.route === 'pages/post/post' && page.data.postId === postId) {
+        page.setData({
+          'item.post.comment_count': (page.data.item.post.comment_count || 0) + 1
+        });
+      }
+    });
+  },
+
+  async fetchPostDetail(postId) {
+    try {
+      const [postRes, commentsRes, likesRes, sharesRes] = await Promise.all([
+        queryPostInfo(postId),
+        queryPostComments(postId, 1, 2),
+        queryPostLikes(postId, 1),
+        queryPostShare(postId, 1),
+      ])
+
+      const item = this.formatPost(postRes.data);
+      // 处理投票相关信息
+      this.initVoteData(item.post.vote);
+      this.initLotteryData(item.post.lottery);
+
+
+      const comments = this.formatComments(commentsRes.data);
+      const shares = this.formatShares(sharesRes.data);
+
+      // ✅ 处理 commented 转换
+      let commentedContentParts = [];
+      const commentedArr = postRes.data?.commented;
+      if (Array.isArray(commentedArr) && commentedArr.length > 0) {
+        const commented = commentedArr[0];
+        const parts = [];
+
+        if (commented.user?.nickname) {
+          parts.push({
+            text: `@${commented.user.nickname}`,
+            color: '#406ce3',
+            type: 'at',
+            userId: commented.user?.id || ''
+          });
+        }
+
+        if (commented.post?.reply_nickname) {
+          parts.push({
+            text: ' 回复 ',
+            color: '#333'
+          });
+          parts.push({
+            text: `@${commented.post.reply_nickname}`,
+            color: '#406ce3',
+            type: 'at',
+            userId: commented.post?.reply_user_id || ''
+          });
+        }
+
+        if (commented.post?.status !== 3) {
+          parts.push({
+            text: ': ',
+            color: '#333'
+          });
+        }
+
+        if (commented.post?.content) {
+          parts.push(...this.parseContent(commented.post.content));
+        }
+        if (commented.post?.status === 3) {
+          parts.push({
+            text: '[原文已被删除]',
+            color: '#999',
+            type: 'deleted'
+          });
+        }
+
+        if (commented.post?.images) {
+          const imgArray = commented.post.images.split(',').filter(Boolean);
+          imgArray.forEach((src, idx) => {
+            parts.push({
+              text: '[查看图片]',
+              type: 'view_img',
+              src,
+              index: idx,
+              from: 'commented',
+              color: '#406ce3'
+            });
+          });
+        }
+
+        commentedContentParts = parts;
+      }
+
+      const contentParts = this.injectTitle(
+        this.parseContent(item.post.content, item.post.imageArray, item.shared),
+        item.post.title
+      );
+
+      // 提取 title
+      const titlePart = contentParts.find(p => p.type === 'title');
+
+
+      if (item.game?.exp !== null) {
+        item.user.level = getLevelByExp(item.game?.exp);
+        item.user.levelImg = getLevelImg(item.user.level)
+      }
+
+      this.setData({
+        loading: false,
+        item,
+        contentParts,
+        hasTitle: !!titlePart,
+        titleText: titlePart ? titlePart.text : '',
+        commentedContentParts,
+        comments,
+        likes: Array.isArray(likesRes.data) ? likesRes.data : [],
+        shares: shares.map(s => ({
+          ...s,
+          contentParts: this.parseContent(s.post.content, s.post.imageArray, true)
+        }))
+      });
+
+
+      if (item.shared) {
+        this.setData({
+          isLotteryEnded: Date.now() > item.shared?.post?.lottery?.end_time * 1000,
+          sharedContentParts: this.injectTitle(
+            this.parseContent(item.shared?.post?.content, item.shared?.post?.imageArray, item.shared),
+            item.shared?.post?.title
+          )
+        });
+      }
+
+
+    } catch (err) {
+      this.setData({
+        loading: false,
+      })
+      console.error("加载帖子详情失败:", err);
+      wx.showToast({
+        title: "加载失败",
+        icon: "none"
+      });
+    }
+  },
+
+  injectTitle(parts, title) {
+    if (!title) return parts;
+
+    // 标题插入到开头
+    parts.unshift({
+      text: title,
+      color: '#000',
+      type: 'title'
+    });
+
+    // 再插入一个换行
+    parts.splice(1, 0, {
+      type: 'br'
+    });
+
+    return parts;
+  },
+
+  onReachBottom() {
+    switch (this.data.active) {
+      case 0: // 转发
+        this.loadMoreShares();
+        break;
+      case 1: // 评论
+        this.loadMoreComments();
+        break;
+      case 2: // 赞
+        this.loadMoreLikes();
+        break;
+    }
+  },
+
+  async loadMoreShares() {
+    if (!this.data.sharesHasMore || this.data.isLoadingMore) return;
+
+    this.setData({
+      isLoadingMore: true
+    });
+
+    const nextPage = this.data.sharesPage + 1;
+    try {
+      const res = await queryPostShare(this.data.postId, nextPage);
+      const newShares = this.formatShares(res.data).map(s => ({
+        ...s,
+        contentParts: this.parseContent(s.post.content, s.post.imageArray, true)
+      }));
+
+      this.setData({
+        shares: [...this.data.shares, ...newShares],
+        sharesPage: nextPage,
+        sharesHasMore: newShares.length > 0
+      });
+    } catch (err) {
+      console.error("加载更多转发失败:", err);
+    } finally {
+      this.setData({
+        isLoadingMore: false
+      });
+    }
+  },
+
+  async loadMoreComments() {
+    if (!this.data.commentsHasMore || this.data.isLoadingMore) return;
+
+    this.setData({
+      isLoadingMore: true
+    });
+
+    const nextPage = this.data.commentsPage + 1;
+    try {
+      const res = await queryPostComments(this.data.postId, nextPage, this.data.sortValue === 0 ? 2 : 1);
+      const newComments = this.formatComments(res.data);
+
+      this.setData({
+        comments: [...this.data.comments, ...newComments],
+        commentsPage: nextPage,
+        commentsHasMore: newComments.length > 0
+      });
+    } catch (err) {
+      console.error("加载更多评论失败:", err);
+    } finally {
+      this.setData({
+        isLoadingMore: false
+      });
+    }
+  },
+  async loadMoreLikes() {
+    if (!this.data.likesHasMore || this.data.isLoadingMore) return;
+
+    this.setData({
+      isLoadingMore: true
+    });
+
+    const nextPage = this.data.likesPage + 1;
+    try {
+      const res = await queryPostLikes(this.data.postId, nextPage);
+      const newLikes = Array.isArray(res.data) ? res.data : [];
+
+      this.setData({
+        likes: [...this.data.likes, ...newLikes],
+        likesPage: nextPage,
+        likesHasMore: newLikes.length > 0
+      });
+    } catch (err) {
+      console.error("加载更多点赞失败:", err);
+    } finally {
+      this.setData({
+        isLoadingMore: false
+      });
+    }
+  },
+
+
+
+  /**
+   * 格式化评论（主评论 + 子评论）
+   */
+  formatComments(rawComments) {
+    if (!Array.isArray(rawComments)) return []
+
+    return rawComments.map(c => {
+      const main = c.main_comment.comment
+      const mainImageSrc = main.images ?
+        main.images.split(',').filter(Boolean)[0] :
+        null;
+
+      const mainImageMeta = mainImageSrc ? {
+        src: mainImageSrc,
+        isLong: false,
+        isSuperLong: false,
+        isHorizon: false
+      } : null;
+
+
+
+      const mainUser = c.main_comment.user;
+      // 处理主评论用户等级
+      if (c.main_comment?.game?.exp != null) {
+        mainUser.level = getLevelByExp(c.main_comment.game?.exp);
+        mainUser.levelImg = getLevelImg(mainUser.level)
+      }
+
+      const contentParts = this.parseContent(main.content || "")
+
+      // 处理子评论
+      const second_comment = Array.isArray(c.second_comment) ?
+        c.second_comment.map(sc => {
+          const reply = sc.comment;
+
+          const replyImageSrc = reply.images ?
+            reply.images.split(',').filter(Boolean)[0] :
+            null;
+
+          const replyImageMeta = replyImageSrc ? {
+            src: replyImageSrc,
+            isLong: false,
+            isSuperLong: false,
+            isHorizon: false
+          } : null;
+
+
+          const parts = this.parseContent(sc.comment.content || "")
+          return {
+            ...sc,
+            comment: {
+              ...sc.comment,
+              formatTime: formatUTC(sc.comment.created_at),
+              imageMeta: replyImageMeta
+            },
+            contentParts: parts
+          }
+        }) : []
+
+      return {
+        ...c,
+        main_comment: {
+          ...c.main_comment,
+          comment: {
+            ...main,
+            formatTime: formatUTC(main.created_at),
+            imageMeta: mainImageMeta
+          },
+          contentParts
+        },
+        second_comment
+      }
+    })
+  },
+
+  // 格式化转发列表
+  // 格式化转发列表
+  formatShares(rawShares) {
+    if (!Array.isArray(rawShares)) return [];
+
+    return rawShares.map(s => {
+      const post = s.post || {};
+      const contentParts = this.parseContent(post.content || "");
+      const imageArray = post.images ? post.images.split(',') : [];
+
+      // ✅ 处理 commented
+      let commented = null;
+      if (Array.isArray(s.commented) && s.commented.length > 0) {
+        const firstCommented = s.commented[0];
+        const parts = [];
+
+        // 添加 @user.nickname
+        if (firstCommented.user?.nickname) {
+          parts.push({
+            text: `@${firstCommented.user.nickname}`,
+            color: '#406ce3'
+          });
+        }
+
+        // 如果有 reply_nickname
+        if (firstCommented.post?.reply_nickname) {
+          parts.push({
+            text: ' 回复 ',
+            color: '#333'
+          });
+          parts.push({
+            text: `@${firstCommented.post.reply_nickname}`,
+            color: '#406ce3'
+          });
+        }
+
+        // 补冒号
+        parts.push({
+          text: ': ',
+          color: '#333'
+        });
+
+        // 拼接正文
+        if (firstCommented.post?.content) {
+          parts.push(...this.parseContent(firstCommented.post.content));
+        }
+
+        // 图片数组转成 [查看图片]
+        if (firstCommented.post?.images) {
+          const imgArray = firstCommented.post.images.split(',');
+          imgArray.forEach((src, idx) => {
+            parts.push({
+              text: '[查看图片]',
+              type: 'view_img',
+              src,
+              index: idx,
+              from: 'commented',
+              color: '#406ce3'
+            });
+          });
+        }
+
+        commented = {
+          ...firstCommented,
+          post: {
+            ...firstCommented.post,
+            imageArray: firstCommented.post?.images ? firstCommented.post.images.split(',') : []
+          },
+          contentParts: parts
+        };
+      }
+
+      return {
+        ...s,
+        post: {
+          ...post,
+          formatTime: formatUTC(post.created_at),
+          imageArray
+        },
+        contentParts,
+        commented // ✅ 新增
+      };
+    });
+  },
+
+
+
+  onCommentImageLoad(e) {
+    const {
+      width,
+      height
+    } = e.detail;
+    const {
+      level,
+      parentidx,
+      childidx
+    } = e.currentTarget.dataset;
+    const ratio = height / width;
+
+    const imageMeta = {
+      isLong: ratio > 3 && ratio <= 4,
+      isSuperLong: ratio > 4,
+      isHorizon: ratio < 1
+    };
+
+    const comments = [...this.data.comments];
+
+    if (level === 'main') {
+      comments[parentidx].main_comment.comment.imageMeta = imageMeta;
+    }
+
+    if (level === 'reply') {
+      comments[parentidx]
+        .second_comment[childidx]
+        .comment
+        .imageMeta = imageMeta;
+    }
+
+    this.setData({
+      comments
+    });
+  },
+  onImageLoad(e) {
+    const {
+      width,
+      height
+    } = e.detail;
+    if (height / width > 3 && height / width <= 4) {
+      this.setData({
+        isLongImage: true
+      });
+    } else if (height / width < 1) {
+      this.setData({
+        isHorizonImage: true
+      });
+    } else if (height / width > 4) {
+      this.setData({
+        isSuperLongImage: true
+      });
+    }
+
+  },
+
+  // 链接跳转
+  onJumpUrlTap(e) {
+    const url = e.currentTarget.dataset.url;
+
+    if (!url) return;
+
+    wx.navigateTo({
+      url: `/pages/webview/webview?url=${encodeURIComponent(url)}`
+    });
+  },
+
+  onPreviewImage(e) {
+    const src = e.currentTarget.dataset.src;
+    wx.previewImage({
+      current: src,
+      urls: [src]
+    });
+  },
+
+  previewImageMultiple(e) {
+    const {
+      index
+    } = e.currentTarget.dataset;
+    const imgList = this.data.item.post.imageArray;
+    wx.previewImage({
+      current: imgList[index],
+      urls: imgList
+    });
+  },
+  formatPost(item) {
+
+    const newItem = {
+      ...item,
+      post: {
+        ...item.post,
+        formatTime: formatUTC(item.post.created_at),
+        imageArray: item.post.images ? item.post.images.split(',') : []
+      }
+    };
+
+    // 处理转发的原始帖
+    if (item.shared && item.shared.post) {
+      newItem.shared = {
+        ...item.shared,
+        post: {
+          ...item.shared.post,
+          formatTime: formatUTC(item.shared.post.created_at),
+          imageArray: item.shared.post.images ? item.shared.post.images.split(',') : []
+        }
+      };
+    }
+    return newItem;
+  },
+
+  parseContent(content, images = [], isShared) {
+    const parts = [];
+    // ✅ 正则末尾加上 guide 匹配
+    const regex = /(#[^#]+#)|(\{@(.*?)\|(\d+)\})|<font bold=true>|<font bold=false>|<sign_line>|<feature_blog>|<img src='([^']+)'>|<click_img src='[^']+' text='([^']+)'>|<color_grey text='([^']+)'>|<local_img src='([^']+).image'>|<jump_url url='([^']+)'>|(\[\/\d+\])|{\$([^|]+)\|([^}]+)}|{\?([^|]+)\|([^}]+)}/g;
+
+    let lastIndex = 0,
+      match;
+
+    while ((match = regex.exec(content)) !== null) {
+      if (match.index > lastIndex) {
+        const plainText = content.slice(lastIndex, match.index);
+        this.pushWithLineBreak(parts, plainText);
+      }
+
+      if (match[1]) {
+        parts.push({
+          text: match[1],
+          color: '#406ce3',
+          type: 'topic'
+        });
+      } else if (match[2]) {
+        parts.push({
+          text: `@${match[3]}`,
+          color: '#406ce3',
+          type: 'at',
+          userId: match[4]
+        });
+      } else if (match[5]) {
+        parts.push({
+          text: '[图片]',
+          src: match[5],
+          type: 'img'
+        });
+      } else if (match[6]) {
+        parts.push({
+          text: match[6],
+          src: match[6],
+          type: 'click_img'
+        });
+      } else if (match[7]) {
+        parts.push({
+          text: match[7],
+          color: '#999'
+        });
+      } else if (match[8]) {
+        parts.push({
+          text: '',
+          src: match[8],
+          type: 'local_img'
+        });
+      } else if (match[9]) {
+        parts.push({
+          text: '§网页链接',
+          url: match[9],
+          type: 'jump_url',
+          color: '#406ce3'
+        });
+      } else if (match[10]) {
+        const code = match[10].match(/\[\/(\d+)\]/)[1];
+        const file = emojiMap[code];
+        if (file) {
+          parts.push({
+            type: 'emoji',
+            src: `../../assets/images/emoji/${file}`
+          });
+        } else {
+          parts.push({
+            text: match[10],
+            color: '#333'
+          });
+        }
+      } else if (match[11] && match[12]) {
+        parts.push({
+          text: `$${match[11]}`,
+          gameId: match[12],
+          type: 'game',
+          color: '#406ce3'
+        });
+      } else if (match[13] && match[14]) {
+        // ✅ 新增 guide 逻辑
+        parts.push({
+          text: `?${match[13]}`,
+          guideName: match[13],
+          guideGameId: match[14],
+          type: 'guide',
+          color: '#406ce3'
+        });
+      } else if (match[0] === '<font bold=true>') {
+        parts.push({
+          text: '',
+          bold: true
+        });
+      } else if (match[0] === '<font bold=false>') {
+        parts.push({
+          text: '',
+          bold: false
+        });
+      } else if (match[0] === '<sign_line>') {
+        parts.push({
+          text: '————',
+          type: 'line'
+        });
+      } else if (match[0] === '<feature_blog>') {
+        parts.push({
+          text: '[加精]',
+          type: 'feature'
+        });
+      }
+
+      lastIndex = regex.lastIndex;
+    }
+
+    if (lastIndex < content?.length) {
+      this.pushWithLineBreak(parts, content.slice(lastIndex));
+    }
+
+    if (isShared && images.length) {
+      images.forEach((src) => {
+        parts.push({
+          type: 'image',
+          text: '[查看图片]',
+          color: '#406ce3',
+          src
+        });
+      });
+    }
+
+    return parts;
+  },
+  pushWithLineBreak(parts, text) {
+    const segments = text.split(/(\r\n|\n|\r)/);
+    segments.forEach(seg => {
+      if (seg === '\n' || seg === '\r' || seg === '\r\n') {
+        parts.push({
+          type: 'br'
+        });
+      } else if (seg.length > 0) {
+        parts.push({
+          text: seg,
+          color: '#333'
+        });
+      }
+    });
+  },
+
+  showFull() {
+    this.setData({
+      showFull: true
+    });
+  },
+
+  onFollowTap(e) {
+    if (!checkLogin()) return; // 🔥 登录校验
+
+    const user = e.currentTarget.dataset.user;
+    const userId = user.id;
+    const isFans = user.is_fans ?? 0;
+    const nType = isFans === 1 ? 2 : 1; // 1关注，2取消关注
+
+    followUser(userId, nType).then(res => {
+      if (res.code === 0) {
+        // 更新当前页面 item.user.is_fans
+        this.setData({
+          'item.user.is_fans': isFans === 1 ? 0 : 1
+        });
+
+        const pages = getCurrentPages();
+        pages.forEach(page => {
+
+          // 首页：更新 posts 中对应用户的 is_fans
+          if (page.route === 'pages/home/home') {
+
+            const posts = page.data.posts.map(p => {
+              if (p.user.id === user.id) {
+                p.user.is_fans = isFans === 1 ? 0 : 1; // 修改关注状态
+              }
+              return p;
+            });
+            page.setData({
+              posts
+            });
+          }
+
+          // 用户详情页：更新 userDetail
+          if (page.route === 'pages/user/user') {
+            if (page.data.userDetail?.user?.id === user.id) {
+              page.setData({
+                'userDetail.user.is_fans': isFans === 1 ? 0 : 1
+              });
+            }
+          }
+
+          // 帖子详情页：更新 item.user.is_fans
+          if (page.route === 'pages/post/post') {
+            if (page.data.item?.user?.id === user.id) {
+              page.setData({
+                'item.user.is_fans': isFans === 1 ? 0 : 1
+              });
+            }
+          }
+        });
+
+        wx.showToast({
+          title: nType === 1 ? '关注成功' : '已取消关注',
+          icon: 'success'
+        });
+      } else {
+        wx.showToast({
+          title: res.message || '操作失败',
+          icon: 'none'
+        });
+      }
+    }).catch(err => {
+      wx.showToast({
+        title: err,
+        icon: 'none'
+      });
+    });
+  },
+  // 跳转帖子详情
+  goSharedDetail(e) {
+    if (e.target.dataset.video === '1') return
+
+    const postId = e.currentTarget.dataset.id;
+    wx.navigateTo({
+      url: `/pages/post/post?id=${postId}`
+    });
+  },
+
+  gotoWiki(e) {
+    const gameId = e.currentTarget.dataset.id
+    const name = e.currentTarget.dataset.name
+    wx.navigateTo({
+      url: `/pages/wiki/wiki?game_id=${gameId}&name=${encodeURIComponent(name)}`
+    })
+  },
+  /** 点击 跳转 */
+  onPartTap(e) {
+    const {
+      type,
+      id,
+      text
+    } = e.currentTarget.dataset;
+    switch (type) {
+      case 'topic':
+        const topicText = text;
+        const topicName = topicText.replace(/#/g, ''); // 去掉首尾 #
+        wx.navigateTo({
+          url: `/pages/topic/topic?topic_name=${encodeURIComponent(topicName)}`
+        });
+        break;
+
+      case 'at':
+        wx.navigateTo({
+          url: `/pages/user/user?id=${id}`
+        });
+        break;
+
+      case 'game':
+        wx.navigateTo({
+          url: `/pages/game/game?id=${id}`
+        });
+        break;
+
+    }
+  },
+
+
+
+  onShowSheet(topic) {
+    const sheet = this.selectComponent('#bottomSheet');
+    if (sheet) {
+      sheet.setData({
+        selectedTopic: topic,
+        visible: true
+      });
+    }
+  },
+
+
+  createLikeAnimation() {
+    const animation = wx.createAnimation({
+      duration: 300,
+      timingFunction: 'ease-out'
+    });
+    animation.scale(1.6).step().scale(1).step();
+    return animation.export();
+  },
+
+
+  async onCommentLike(e) {
+    if (!checkLogin()) return; // 🔥 登录校验
+
+    const {
+      type,
+      id,
+      idx,
+      parentidx
+    } = e.currentTarget.dataset;
+    if (!id) return;
+
+    // const animation = this.createLikeAnimation();
+    let comments = [...this.data.comments];
+
+    if (type === 'main') {
+      const main = comments[idx].main_comment.comment;
+      const isLiked = main.is_like === 1;
+      const nType = isLiked ? 2 : 1; // 1点赞，2取消
+
+      // 动画 + 乐观更新
+      main.is_like = isLiked ? 0 : 1;
+      main.like_count += isLiked ? -1 : 1;
+      // comments[idx].main_comment.likeAnimation = animation;
+      this.setData({
+        comments
+      });
+      try {
+        await likePost(id, nType);
+
+      } catch (err) {
+        console.error('主评论点赞失败', err);
+        // 回滚
+        main.is_like = isLiked ? 1 : 0;
+        main.like_count += isLiked ? 1 : -1;
+        this.setData({
+          comments
+        });
+      }
+
+    } else if (type === 'reply') {
+      const reply = comments[parentidx].second_comment[idx].comment;
+      const isLiked = reply.is_like === 1;
+      const nType = isLiked ? 2 : 1;
+
+      reply.is_like = isLiked ? 0 : 1;
+      reply.like_count += isLiked ? -1 : 1;
+      // comments[parentidx].second_comment[idx].likeAnimation = animation;
+      this.setData({
+        comments
+      });
+
+      try {
+        await likePost(id, nType);
+      } catch (err) {
+        console.error('子评论点赞失败', err);
+        reply.is_like = isLiked ? 1 : 0;
+        reply.like_count += isLiked ? 1 : -1;
+        this.setData({
+          comments
+        });
+      }
+    }
+  },
+
+  // 点击主评论或子评论，弹出回复框
+  onCommentReplyTap(e) {
+    if (!checkLogin()) return; // 🔥 登录校验
+
+    const {
+      type,
+      idx,
+      parentidx
+    } = e.currentTarget.dataset;
+    let commentData = null;
+
+    if (type === 'main') {
+      commentData = this.data.comments[idx].main_comment.comment;
+      commentData.reply_nickname = this.data.comments[idx].main_comment.user.nickname
+      commentData.avatar = this.data.comments[idx].main_comment.user.avatar
+
+    } else if (type === 'reply') {
+      commentData = this.data.comments[parentidx].second_comment[idx].comment;
+      commentData.avatar = this.data.comments[parentidx].second_comment[idx].user.avatar;
+
+    }
+
+    if (!commentData) return;
+
+    this.setData({
+      currentReplyComment: commentData
+    });
+
+    const sheet = this.selectComponent('#bottomSheet');
+    if (sheet) {
+      sheet.setData({
+        visible: true,
+        originData: this.data.item,
+        commentData: commentData,
+      });
+    }
+  },
+  // 选择投票
+  onSelectVote(e) {
+    if (!checkLogin()) return; // 🔥 登录校验
+
+    const {
+      id
+    } = e.currentTarget.dataset;
+    const disabled = e.currentTarget.dataset.disabled;
+
+    if (disabled) return; // 已投票 或 已结束禁止
+
+    let {
+      selectedVotes,
+      voteOptions
+    } = this.data;
+    const vote = this.data.item.post.vote;
+
+    // 单选
+    if (vote.max_choices === 1) {
+      selectedVotes = [id];
+    } else {
+      // 多选
+      if (selectedVotes.includes(id)) {
+        selectedVotes = selectedVotes.filter(v => v !== id);
+      } else {
+        if (selectedVotes.length >= vote.max_choices) {
+          wx.showToast({
+            title: `最多只能选择${vote.max_choices}个选项`,
+            icon: 'none'
+          });
+          return; // 超过数量，直接返回
+        }
+        selectedVotes.push(id);
+      }
+    }
+
+    // 更新选中状态
+    voteOptions = voteOptions.map(o => ({
+      ...o,
+      _selected: selectedVotes.includes(o.id)
+    }));
+
+    this.setData({
+      selectedVotes,
+      voteOptions
+    });
+  },
+
+
+  // 提交投票
+  submitVote() {
+    if (!checkLogin()) return; // 🔥 登录校验
+
+    const {
+      selectedVotes,
+      item
+    } = this.data;
+
+    if (selectedVotes.length === 0) return;
+    console.log(selectedVotes)
+    votePost(item.post.id, item.post.vote.id, selectedVotes).then(res => {
+      this.fetchPostDetail(item.post.id); // 重新加载获取 vote_count & percent
+    });
+  },
+
+  formatTime(ts) {
+    const d = new Date(ts * 1000);
+
+    const Y = d.getFullYear();
+    const M = String(d.getMonth() + 1).padStart(2, '0');
+    const D = String(d.getDate()).padStart(2, '0');
+    const h = String(d.getHours()).padStart(2, '0');
+    const m = String(d.getMinutes()).padStart(2, '0');
+
+    return `${Y}-${M}-${D} ${h}:${m}`;
+  },
+
+  // 点击更多按钮
+  onMoreTap() {
+    const currentUserId = wx.getStorageSync('appuid'); // 当前登录用户id
+    const isOwner = this.data.item.user.id === currentUserId;
+
+    this.setData({
+      showMenuSheet: true,
+      isOwner
+    });
+  },
+
+  // 关闭弹窗
+  onCloseSheet() {
+    this.setData({
+      showMenuSheet: false
+    });
+  },
+
+  // 弹窗选项点击
+  onDelete() {
+    const postId = this.data.item.post.id;
+
+    deleteContent(postId).then(res => {
+      if (res.code === 0) {
+        wx.showToast({
+          title: '删除成功',
+          icon: 'success'
+        });
+
+        const pages = getCurrentPages();
+        const prevPage = pages[pages.length - 2]; // 🔥 上一个页面
+
+        if (prevPage) {
+          // 首页
+          if (prevPage.route === 'pages/home/home') {
+            const posts = prevPage.data.posts;
+
+            if (Array.isArray(posts)) {
+              prevPage.setData({
+                posts: posts.filter(p => p.post.id !== postId)
+              });
+            } else if (posts && typeof posts === 'object') {
+              const newPosts = {};
+              Object.keys(posts).forEach(key => {
+                newPosts[key] = Array.isArray(posts[key]) ?
+                  posts[key].filter(p => p.post.id !== postId) :
+                  posts[key];
+              });
+              prevPage.setData({
+                posts: newPosts
+              });
+            }
+          }
+
+          // 用户中心
+          if (prevPage.route === 'pages/user/user') {
+            const userPosts = prevPage.data.userPosts || [];
+            prevPage.setData({
+              userPosts: userPosts.filter(p => p.post.id !== postId)
+            });
+          }
+        }
+
+        // 返回上一页
+        wx.navigateBack();
+
+      } else {
+        wx.showToast({
+          title: res.msg || '删除失败',
+          icon: 'error'
+        });
+      }
+    });
+  },
+
+  // 举报帖子
+  onReport() {
+    wx.navigateTo({
+      url: `/pages/report-category/report-category?postId=${this.data.item.post.id}`,
+    })
+
+    this.triggerEvent('reportPost', {
+      post: this.data.item.post
+    });
+    this.onCloseSheet();
+  },
+
+  // 收藏/取消收藏
+  onFavorite() {
+    const post = this.data.item.post;
+    const nType = post.is_collect === 1 ? 2 : 1; // 1收藏，2取消收藏
+
+    collectPost(post.id, nType).then(res => {
+      if (res.code === 0) {
+        wx.showToast({
+          title: nType === 1 ? '已收藏' : '取消收藏',
+          icon: 'success'
+        });
+
+        // 更新本地状态
+        this.setData({
+          'item.post.is_collect': nType === 1 ? 1 : 0
+        });
+
+        this.onCloseSheet();
+      } else {
+        wx.showToast({
+          title: res.msg || (nType === 1 ? '收藏失败' : '取消收藏失败'),
+          icon: 'error'
+        });
+      }
+    });
+  },
+
+
+  /**
+   * 展开剩余子评论
+   */
+  async loadMoreReply(e) {
+    const parentidx = e.currentTarget.dataset.parentidx;
+
+    let comments = [...this.data.comments];
+    let parent = comments[parentidx];
+
+    const post_id = this.data.postId;
+    const comment_id = parent.main_comment.comment.id;
+
+    // 初始化每个主评论的分页
+    if (!parent._replyPage) parent._replyPage = 0;
+
+    const nextPage = parent._replyPage + 1;
+
+    try {
+      const res = await queryMainComments(post_id, comment_id, nextPage);
+
+      if (res.code !== 0 || !Array.isArray(res.data)) {
+        wx.showToast({
+          title: '加载失败',
+          icon: 'none'
+        });
+        return;
+      }
+
+      // 格式化新子评论
+      const newReplies = res.data.map(sc => {
+        const parts = this.parseContent(sc.comment.content || "");
+        return {
+          ...sc,
+          comment: {
+            ...sc.comment,
+            formatTime: formatUTC(sc.comment.created_at)
+          },
+          contentParts: parts
+        };
+      });
+
+      // 拼接到原来的 second_comment
+      parent.second_comment = [...parent.second_comment, ...newReplies];
+
+      // 更新页码
+      parent._replyPage = nextPage;
+
+      this.setData({
+        comments
+      });
+
+    } catch (err) {
+      console.error("加载更多子评论失败", err);
+      wx.showToast({
+        title: "网络错误",
+        icon: "none"
+      });
+    }
+  },
+
+  checkDialog() {
+    wx.navigateTo({
+      url: `/pages/postDialog/postDialog?id=${this.data.item.post.id}`,
+    })
+  },
+
+
+  // ****************************视频相关逻辑*************************************
+
+  // 获取视频链接
+  async onBannerVideoPlay(e) {
+
+    const id = e.currentTarget.dataset.id;
+    const type = e.currentTarget.dataset.type;
+    const sharedId = e.currentTarget.dataset.sharedid;
+
+    // 是否是带转发的原始帖的视频
+    const isShared = type === 'shared'
+    let getVideoId = isShared ? sharedId : id
+
+    try {
+      const res = await queryPostVideo(getVideoId);
+
+      if (res.code === 0 && res.data) {
+        let key = isShared ? 'item.shared.post.videoUrl' : 'item.post.videoUrl';
+
+        this.setData({
+          [key]: res.data,
+          isCurrentPlaying: true
+        }, () => {
+          // 2️⃣ video 渲染完成后再创建 IntersectionObserver
+          this.setupVideoObserver();
+        })
+
+        // 此处传的是外层唯一id，也就是当且贴id
+        this.triggerEvent('videoPlay', {
+          id
+        });
+
+
+      } else {
+        throw new Error('无视频地址');
+      }
+    } catch (err) {
+      wx.showToast({
+        title: '视频加载失败',
+        icon: 'none'
+      });
+    } finally {}
+  },
+
+  setupVideoObserver() {
+    const postId = this.data.item.post.id;
+    const observer = this.createIntersectionObserver({
+      thresholds: [0.6] // 关注完全不可见
+    });
+
+    observer.relativeToViewport({
+      top: 0,
+      bottom: 0
+    }).observe(
+      `#bannerVideo-${postId}`,
+      (res) => {
+        const videoContext = wx.createVideoContext(`bannerVideo-${postId}`, this);
+        if (res.intersectionRatio <= 0.6) {
+          videoContext.pause();
+        }
+      }
+    );
+  },
+
+
+  handlePlayVideo() {
+
+    const id = this.data.item.post.id;
+    const videoContext = wx.createVideoContext(`bannerVideo-${id}`, this);
+
+    // 统一逻辑：播放前先通知父页面暂停其他视频
+
+    this.triggerEvent('videoPlay', {
+      id
+    });
+
+    // 播放自己
+    videoContext.play();
+
+    // 标记自己为当前播放的视频
+    this.setData({
+      isCurrentPlaying: true
+    });
+  },
+  // 视频暂停事件
+  onVideoPause(e) {
+    this.setData({
+      isCurrentPlaying: false
+    });
+  },
+  // 父页面传进来的暂停事件
+  pauseVideo() {
+    const videoContext = wx.createVideoContext(`bannerVideo-${this.data.item.post.id}`, this);
+    videoContext.pause();
+  },
+
+
+});