message-views-template/example/api/messages.js

+ 一个会话视图、朋友圈、微信收藏的 视图模板，只需要 写好自己数据结构的适配层，然后以props传入 即可。 + 项目刚开始开发，很多事件和需求并不完善； + 项目主要于公司业务，用于展示市面上大多数社交app的会话视图和朋友圈，的通用展示解决方案；

import moment from "moment";

import messagesContent from "./messages.json";

/**
 * @struct messages struct
 * @avatar string url | ""
 * @text string for normal text
 * @images [string] use <img/>
 * @videos [string] <video type="video/mp4"></video> video
 * @audios [string] <audio type="audio/mpeg"></audio> audio|voice
 * @extensions [object] object = {type:string, content: string|object}
 */

export function messageBuilder(limit = 50, currentPage = 1) {
  let messages = [];
  for (let index = 1; index <= limit; index++) {
    const id =
      moment(new Date())
        .utcOffset(0)
        .format("HHmmss") -
      0 +
      currentPage;

    const avatar = require(`../assets/avatar/avatar${Number.parseInt(
      Math.random() * 12
    )}.png`);
    const textIndex = Number.parseInt(
      Math.random() * messagesContent.text.length
    );
    messages.push({
      id,
      avatar,
      text: messagesContent.text[textIndex],
      images: [""],
      videos: [""],
      audios: [""],
      extensions: []
    });
  }
  console.log("messages", messages);
}