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

Vue3 组件库，支持 Composition API

export interface ButtonItem {
  buttonText: string; // 按钮文本
  id?: string | number; // 按钮id
  bgColor?: string; // 按钮颜色
  type?: 'primary' | 'default'; // 按钮类型
  icon?: string; // 按钮图标
}

export interface CtrlsContent {
  ctrlsBtns: ButtonItem[];
}

export function getMockData() {
  // 按钮组数据
  const ctrlsBtns: ButtonItem[] = [
    {
      id: 1,
      buttonText: '一键创建',
      type: 'primary',
      bgColor: 'linear-gradient(280deg, #966FFB -12.57%, #6736F3 105.32%)',
    },
    {
      id: 2,
      buttonText: '补充比赛设置',
      type: 'default',
      bgColor: 'rgba(211, 212, 252, 0.48)',
    },
  ];

  // 控制按钮内容配置
  const content: CtrlsContent = {
    ctrlsBtns,
  };

  // 组件属性配置
  const componentProps = {
    content,
    icon: '',
  };

  return componentProps;
}

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

export default DEMO_DATA;