press-next/press-match-join-team-popup/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 interface TeamData {
  id?: string | number;
  teamName: string;
  members: TeamMember[];
  maxMembers?: number;
  showAddButton?: boolean;
  addButtonText?: string;
}

export function getMockData() {
  // 模拟队伍数据
  const teamData: TeamData = {
    id: '1',
    teamName: '王者战队',
    members: [
      {
        id: '1',
        name: '队长',
        avatar: 'https://avatars.githubusercontent.com/u/9064066?v=4',
        isCaptain: true,
      },
      {
        id: '2',
        name: '成员2',
        avatar: 'https://avatars.githubusercontent.com/u/6128107?v=4',
      },
      {
        id: '3',
        name: '成员3',
        avatar: 'https://avatars.githubusercontent.com/u/499550?v=4',
      },
    ],
    maxMembers: 5,
    showAddButton: true,
    addButtonText: '等你加入',
  };

  // 组件属性配置
  const componentProps = {
    teamData,
    show: false,
    zIndex: 100,
    buttonText: '申请加入',
  };

  return componentProps;
}

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

export default DEMO_DATA;