import snippets from './snippets';

export default {
  snippets,
  docUrl: 'https://mobile.ant.design/zh/components/infinite-scroll',
  componentName: 'AMInfiniteScroll',
  title: '无限滚动',
  category: '表单',
  group: '基础组件',
  props: [
    {
      name: 'children',
      title: { label: ' 渲染自定义指引内容', },
      propType:{
        type: 'oneOfType',
        value:['node','func','string']
      },
      setter: ['SlotSetter','FunctionSetter','StringSetter'],
    },
    {
      name: 'hasMore',
      title: { label: '是否还有更多内容', },
      propType:'bool',
      setter: 'BoolSetter',
    },
    {
      name: 'loadMore',
      title: { label: '加载更多的回调', tip:'(isRetry: boolean) => Promise<void>' },
      propType: 'func',
      setter: 'FunctionSetter',
    },
    {
      name: 'threshold',
      title: {label:'触底阈值',tip:'触发加载事件的滚动触底距离阈值，单位为像素'},
      propType: 'number',
      setter: 'NumberSetter',
      defaulValue: 250
    }
  ],
  configure: {
    supports: {
      style: true,
      events: [
        {
          name: 'loadMore',
          description: '输入框内容变化时的回调',
          template:
            "\tonChange(value,${extParams}){\n\t\t// 输入框内容变化时的回调\n\t\tconsole.log('onChange',value);\n\t}\n",
        }
      ],
    },
  },
};