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

Vue3 组件库，支持 Composition API

export interface Member {
  id: string | number;
  name: string;
  avatar: string;
}

export function getMockData() {
  // 模拟成员数据
  const mockMembers: Member[] = [
    {
      id: 1,
      name: '张三',
      avatar: 'https://img.yzcdn.cn/vant/cat.jpeg',
    },
    {
      id: 2,
      name: '李四',
      avatar: 'https://img.yzcdn.cn/vant/cat.jpeg',
    },
    {
      id: 3,
      name: '王五',
      avatar: 'https://img.yzcdn.cn/vant/cat.jpeg',
    },
    {
      id: 4,
      name: '赵六',
      avatar: 'https://img.yzcdn.cn/vant/cat.jpeg',
    },
    {
      id: 5,
      name: '钱七',
      avatar: 'https://img.yzcdn.cn/vant/cat.jpeg',
    },
    {
      id: 6,
      name: '赵六',
      avatar: 'https://img.yzcdn.cn/vant/cat.jpeg',
    },
    {
      id: 7,
      name: '钱七',
      avatar: 'https://img.yzcdn.cn/vant/cat.jpeg',
    },
    {
      id: 8,
      name: '赵六',
      avatar: 'https://img.yzcdn.cn/vant/cat.jpeg',
    },
    {
      id: 9,
      name: '钱七',
      avatar: 'https://img.yzcdn.cn/vant/cat.jpeg',
    },
  ];


  // 组件属性配置
  const componentProps = {
    // 有操作按钮的分组
    groupWithAction: {
      title: '第 1 组',
      members: mockMembers,
      showAction: true,
      actionText: '开始比赛',
    },
    // 无操作按钮的分组
    groupWithoutAction: {
      title: '第 2 组',
      showAction: false,
      members: mockMembers,
    },

  };

  return componentProps;
}

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

export default DEMO_DATA;