press-next/press-match-create-team-popup/demo-data/index.ts

Vue3 组件库，支持 Composition API

// 创建战队表单数据接口
export interface FormData {
  teamName: string; // 战队名称
  avatar: string; // 战队头像
  city: string; // 所在城市
  noReview: boolean; // 入队无需审核
  qrcode: string; // 群聊二维码
  requirement: string; // 招募要求
}

export function getMockData(type?: 'empty' | 'filled'): FormData {
  const baseData: FormData = {
    teamName: '',
    avatar: '',
    city: '',
    noReview: false,
    qrcode: '',
    requirement: '',
  };

  if (type === 'filled') {
    return {
      teamName: '王者战队',
      avatar: 'https://placehold.co/72x72/4ECDC4/FFFFFF?text=头像',
      city: '广东省深圳市',
      noReview: true,
      qrcode:
        'https://placehold.co/160x160/45B7D1/FFFFFF?text=二维码',
      requirement: '段位要求：黄金以上',
    };
  }

  return baseData;
}

// 城市选项
export const CITY_OPTIONS = [
  '北京市',
  '上海市',
  '广东省深圳市',
  '广东省广州市',
  '浙江省杭州市',
  '江苏省南京市',
];

// 招募要求选项
export const REQUIREMENT_OPTIONS = [
  '无要求',
  '段位要求：青铜以上',
  '段位要求：白银以上',
  '段位要求：黄金以上',
  '段位要求：铂金以上',
  '段位要求：钻石以上',
  '段位要求：星耀以上',
  '段位要求：王者以上',
];

const DEMO_DATA = {
  emptyData: getMockData('empty'),
  filledData: getMockData('filled'),
  cityOptions: CITY_OPTIONS,
  requirementOptions: REQUIREMENT_OPTIONS,
};

export default DEMO_DATA;