/**
 * @file 自定义组件对接编辑器的描述文件
 */
export class CmpPlugin {
  /**
   * rendererName 为自定义组件名称，用于标识组件的唯一性
   * 在构建时根据当前组件目录名称自动生成
   */
  // rendererName: string = 'xx-custom-cmp';

  // 组件名称，用于设置在编辑器左侧组件面板中展示的名称
  name: string = 'xx组件';

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

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

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

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

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

  panelTitle = '配置';

  /**
   * 组件面板配置，用于生成编辑器右侧属性配置面板内容
   */
  panelBodyCreator = () => {
    return [
      {
        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;