press-next/press-match-user-list/demo-data/index.ts

Vue3 组件库，支持 Composition API

/*
 * desc: List 列表-用户列表组件模拟数据
 * date: 2025-09-03
 * author: alltasxiao
 * email: alltasxiao@tencent.com
 */
export interface UserListItem {
  name: string;
  avatar: string;
  userId?: string;
  tag?: {
    icon?: string;
    label?: string;
  };
  desc?: string;
  status: 'pending' | 'passed' | 'manage' | 'invite';
  ignoreText?: string;
  passText?: string;
  transferText?: string;
  kickText?: string;
}

export function getMockData() {
  // 用户列表数据
  const userList: UserListItem[] = [
    {
      name: '大白兔吃萝卜',
      avatar: 'https://img.yzcdn.cn/vant/cat.jpeg',
      tag: {
        icon: '👑',
        label: '荣耀王者',
      },
      status: 'pending',
      ignoreText: '忽略',
      passText: '通过',
    },
    {
      name: '大白兔吃萝卜',
      avatar: 'https://img.yzcdn.cn/vant/cat.jpeg',
      tag: {
        icon: '👑',
        label: '荣耀王者',
      },
      desc: '玩家申请入队的备注语限至三十字玩家申请入队的备注语限至三十字',
      status: 'pending',
      ignoreText: '忽略',
      passText: '通过',
    },
    {
      name: '大白兔吃萝卜',
      avatar: 'https://img.yzcdn.cn/vant/cat.jpeg',
      tag: {
        icon: '👑',
        label: '荣耀王者',
      },
      status: 'passed',
    },
    {
      name: '大白兔吃萝卜最多十字',
      avatar: 'https://img.yzcdn.cn/vant/cat.jpeg',
      userId: 'ID 1234567',
      status: 'invite',
    },
    {
      name: '大白兔吃萝卜',
      avatar: 'https://img.yzcdn.cn/vant/cat.jpeg',
      tag: {
        icon: '👑',
        label: '荣耀王者',
      },
      status: 'manage',
      transferText: '移交队长',
      kickText: '踢出队伍',
    },
  ];

  // 组件属性配置
  const componentProps = {
    list: userList,
    loading: false,
    finished: true,
    error: false,
  };

  return componentProps;
}

const DEMO_DATA = {
  ...getMockData(),
};

export default DEMO_DATA;