import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types'

const NoticeBarMeta: IPublicTypeComponentMetadata = {
  group: '低代码组件',
  componentName: 'NoticeBar',
  title: '公告栏',
  docUrl: '',
  screenshot: '',
  devMode: 'proCode',
  category: '信息展示',
  npm: {
    package: '@dckj-npm/dc-material',
    version: '0.1.13',
    exportName: 'NoticeBar',
    main: 'src\\index.tsx',
    destructuring: true,
    subName: '',
  },
  configure: {
    props: [
      {
        title: '图标',
        name: 'icon',
        description: '图标',
        setter: {
          componentName: 'StringSetter',
          isRequired: true,
          initialValue: '',
        },
      },
      {
        name: '数据源绑定',
        setter: {
          componentName: 'SetterFormVariable',
          props: {
            attributes: [
              {
                label: '公告数据',
                value: 'dataList',
                children: [
                  { label: '公告内容', value: 'content' },
                  { label: '是否置顶', value: 'isTop' },
                  { label: '发布时间', value: 'releaseTime' },
                ],
              },
            ],
          },
        },
      },
      {
        title: {
          label: {
            type: 'i18n',
            'en-US': 'dataList',
            'zh-CN': '数据',
          },
          tip: 'dataList | 数据',
        },
        name: 'dataList',
        description: '数据',
        setter: {
          componentName: 'ArraySetter',
          props: {
            itemSetter: {
              componentName: 'ObjectSetter',
              props: {
                config: {
                  items: [
                    {
                      title: {
                        label: {
                          type: 'i18n',
                          'en-US': 'content',
                          'zh-CN': '公告内容',
                        },
                      },
                      name: 'content',
                      setter: {
                        componentName: 'StringSetter',
                        isRequired: false,
                        initialValue: '',
                      },
                    },
                    {
                      title: {
                        label: {
                          type: 'i18n',
                          'en-US': 'releaseTime',
                          'zh-CN': '发布时间',
                        },
                      },
                      name: 'releaseTime',
                      setter: {
                        componentName: 'StringSetter',
                        isRequired: false,
                        initialValue: '',
                      },
                    },
                    {
                      title: '是否置顶',
                      name: 'isTop',
                      setter: {
                        componentName: 'SelectSetter',
                        initialValue: 0,
                        props: {
                          defaultValue: 0,
                          options: [
                            {
                              title: '是',
                              value: 0,
                            },
                            {
                              title: '否',
                              value: 1,
                            },
                          ],
                        },
                      },
                    },
                  ],
                  extraSetter: {
                    componentName: 'MixedSetter',
                    isRequired: false,
                    props: {},
                  },
                },
              },
            },
          },
          initialValue: [
            {
              content: '按需招聘，智能推荐附件测试测试测试测试测试测试测试',
              isTop: 0,
              releaseTime: '1小时前',
            },
            {
              content: '近期,有关部门相继部署有关部门相继部署有关部门相继部署',
              isTop: 1,
              releaseTime: '2024-03-26',
            },
            {
              content: '测试测试测试测试测试测测试测试测试测试测试测测试测试测试测试测试测',
              isTop: 1,
              releaseTime: '2023-10-15',
            },
          ],
        },
      },
      {
        title: {
          label: {
            type: 'i18n',
            'en-US': 'moreText',
            'zh-CN': '更多文字',
          },
          tip: 'moreText | 更多文字',
        },
        name: 'moreText',
        description: '更多文字',
        setter: {
          componentName: 'StringSetter',
          isRequired: false,
          initialValue: '更多',
        },
      }
    ],
    supports: {
      style: true,
      events: [
        {
          name: 'onClick',
          template: "onClick(key,${extParams}){\n// 点击项目的事件\nconsole.log('onClick', key);}",
        },
        {
          name: 'handleMoreClick',
          template: "handleMoreClick(){\n// 查看更多\nconsole.log('handleMoreClick');}",
        }
      ],
    },
    "component": {
      disableBehaviors: ['copy'],
    }
  }
};
const snippets: IPublicTypeSnippet[] = [
  {
    title: '公告栏',
    screenshot: '',
    schema: {
      componentName: 'NoticeBar',
      props: {
        icon:
          'https://52pupu.com/source/api/upload/1036284777780613120/2024/202409/20240930/1038129927842566144.png',
      },
      children: [
        {
          componentName: 'Title1',
          props: {
            type: 'h5',
            children: '列表标题',
            key: 'box-title',
          },
        },
        {
          componentName: 'Image',
          props: {
            src: 'https://img.alicdn.com/tps/TB16TQvOXXXXXbiaFXXXXXXXXXX-120-120.svg',
            key: 'image',
          },
        },
        {
          componentName: 'NextText',
          props: {
            type: 'h5',
            children: '标题标题',
            key: 'title',
          },
        },
        {
          componentName: 'NextText',
          props: {
            type: 'inherit',
            children:
              '基于 Ali-Lowcode-Engine 快速打造高生产力的低代码研发平台, 基于自然布局体系快速搭建页面',
            key: 'content',
          },
        },
        {
          componentName: 'TagC',
          props: {
            name: '报名火热',
            color: 'orange',
            key: 'teletext-tagc-1',
          },
        },
        {
          componentName: 'TagC',
          props: {
            name: '报名火热',
            color: 'green',
            key: 'teletext-tagc-2'
          },
        },
      ],
    },
  },
]

export default {
  ...NoticeBarMeta,
  snippets,
}