press-next/press-match-team-item/demo-data/index.ts

Vue3 组件库，支持 Composition API

// demo-data/index.ts
export interface TeamMember {
  id?: string | number;
  name: string;
  avatar: string;
  isCaptain?: boolean;
  [key: string]: any;
}

export function getMockData() {
  // 模拟队伍成员数据
  const members: TeamMember[] = [
    {
      id: 1,
      name: '队长小明',
      avatar: 'https://img.yzcdn.cn/vant/cat.jpeg',
      isCaptain: true,
    },
    {
      id: 2,
      name: '队员小红',
      avatar: 'https://img.yzcdn.cn/vant/cat.jpeg',
      isCaptain: false,
      icon: 'https://image-1251917893.file.myqcloud.com/general-match-components/img/team-item/team-name-icon.png',
    },
    {
      id: 3,
      name: '队员小李',
      avatar: 'https://img.yzcdn.cn/vant/cat.jpeg',
      isCaptain: false,
    },
    {
      id: 4,
      name: '队员小红',
      avatar: 'https://img.yzcdn.cn/vant/cat.jpeg',
      isCaptain: false,
    },
    {
      id: 5,
      name: '队员小李',
      avatar: 'https://img.yzcdn.cn/vant/cat.jpeg',
      isCaptain: false,
    },
    {
      id: 6,
      name: '队员小红',
      avatar: 'https://img.yzcdn.cn/vant/cat.jpeg',
      isCaptain: false,
    },
    {
      id: 7,
      name: '队员小李',
      avatar: 'https://img.yzcdn.cn/vant/cat.jpeg',
      isCaptain: false,
    },
  ];

  // 组件属性配置
  const componentProps = {
    members,
    maxMembers: 6,
    addButtonText: '申请加入',
  };

  return componentProps;
}

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

export default DEMO_DATA;