import snippets from './snippets';

export default {
  snippets,
  componentName: 'BackTop',
  title: '回到顶部',
  category: '其他',
  group: '基础组件',
  props: [
    {
      name: 'target',
      title: {
        label: '监听元素',
        tip: 'target | 设置需要监听其滚动事件的元素，值为一个返回对应 DOM 元素的函数',
      },
      propType: 'func',
    },
    {
      name: 'visibilityHeight',
      title: {
        label: '可见高度',
        tip: 'visibilityHeight | 滚动高度达到此参数值才出现 BackTop',
      },
      propType: 'number',
    },
    {
      name: 'onClick',
      title: {
        label: '点击按钮的回调函数',
        tip: 'onClick | 点击按钮的回调函数',
      },
      propType: 'func',
    },
    {
      name: 'duration',
      title: {
        label: '滚动时间',
        tip: 'duration | 回到顶部所需时间（ms）',
      },
      propType: 'number',
    },
  ],
  configure: {
    supports: {
      style: true,
      events: [
        {
          name: 'onClick',
          description: '点击按钮的回调函数',
          template:
            "\tonClick(${extParams}){\n\t\t// 点击按钮的回调函数\n\t\tconsole.log('onClick');\n\t}\n",
        },
      ],
    },
  },
};