/**
 * @file 自定义组件对接编辑器的描述文件
 */
export class CmpPlugin {
  // 组件名称，用于设置在编辑器左侧组件面板中展示的名称
  name: string = '信息卡片';

  // 组件描述，用于设置在编辑器左侧组件面板中展示的描述
  description: string = '信息展示卡片';

  // 分类标签，用于设置在编辑器左侧组件面板哪个分类中展示（可设置多个分类标签）
  tags: string[] = ['自定义组件'];

  // 组件图标，用于设置在编辑器左侧组件面板中展示的图标
  iconSrc: string = 'https://neo-widgets.bj.bcebos.com/custom-widget.svg';
  // iconSrc = 'https://neo-widgets.bj.bcebos.com/favicon.png';

  // 初次插入页面的默认属性数据
  scaffold = {
    title:
      '全场景智能业务管理系统，助力企业构建数字化客户管理平台，推动业务持续增长。',
    label: '信息卡片',
    backgroundImage: 'https://custom-widgets.bj.bcebos.com/amis-cmp-cli.jpg',
    imgCount: 3,
    commentCount: 2025,
  };

  // 设计器端预览时展示的默认数据
  previewSchema = {
    label: '信息卡片',
  };

  panelTitle = '配置';

  /**
   * 组件面板配置，用于生成编辑器右侧属性配置面板内容
   */
  panelBodyCreator = () => [
    {
      type: 'textarea',
      name: 'title',
      label: '卡片title',
      value:
        '全场景智能业务管理系统，助力企业构建数字化客户管理平台，推动业务持续增长。',
    },
    {
      type: 'input-text',
      name: 'backgroundImage',
      label: '展示图片',
      value: 'https://custom-widgets.bj.bcebos.com/amis-cmp-cli.jpg',
    },
    {
      type: 'input-number',
      name: 'imgCount',
      label: '图片数量',
      value: 3,
    },
    {
      type: 'input-number',
      name: 'commentCount',
      label: '评论数',
      value: 2025,
    },
  ];
}

export default CmpPlugin;