press-next/press-match-messages-map/demo-data/index.ts

Vue3 组件库，支持 Composition API

/**
 * AI办赛地图选择组件演示数据
 */

export interface MapItem {
  id: string | number;
  name: string;
  image: string;
  description?: string;
  selected?: boolean;
}

export function getMockData() {
  // 地图列表数据
  const mapList: MapItem[] = [
    {
      id: 1,
      name: '召唤师峡谷',
      image:
        'https://mike-1255355338.cos.ap-guangzhou.myqcloud.com/article/2023/10/own_mike_a17f94292a34e9f644.jpeg',
      description: '经典5v5地图',
      selected: true,
    },
    {
      id: 2,
      name: '极地大乱斗',
      image:
        'https://mike-1255355338.cos.ap-guangzhou.myqcloud.com/article/2023/10/own_mike_a17f94292a34e9f644.jpeg',
      description: '单路混战地图',
      selected: false,
    },
    {
      id: 3,
      name: '云顶之弈',
      image:
        'https://mike-1255355338.cos.ap-guangzhou.myqcloud.com/article/2023/10/own_mike_a17f94292a34e9f644.jpeg',
      description: '自走棋模式',
      selected: false,
    },
    {
      id: 4,
      name: '斗魂竞技场',
      image:
        'https://mike-1255355338.cos.ap-guangzhou.myqcloud.com/article/2023/10/own_mike_a17f94292a34e9f644.jpeg',
      description: '2v2v2v2地图',
      selected: false,
    },
  ];

  // 组件属性配置
  const componentProps = {
    mapList,
  };

  return componentProps;
}

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

export default DEMO_DATA;