import snippets from './snippets';

export default {
  snippets,
  componentName: 'AMCapsuleTabs',
  docUrl: 'https://mobile.ant.design/zh/components/capsule-tabs',
  title: '胶囊选项卡',
  category: '导航',
  group: '基础组件',
  props: [
    {
      name: 'activeKey',
      title: {
        label: '当前激活项',
        tip: 'activeKey | 当前激活 tab 面板的 key',
      },
      propType: 'string',
      setter: 'StringSetter',
    },
    {
      name: 'defaultActiveKey',
      title: {
        label: '初始项',
        tip: 'defaultActiveKey | 初始化选中面板的 key',
      },
      propType: 'string',
      setter: 'StringSetter',
    },
    // {
    //   name: 'children',
    //   title: {
    //     label: 'children',
    //     tip: 'children',
    //   },
    //   propType: 'node',
    // }
  ],
  configure: {
    component: {
      isContainer: true,
      nestingRule: { childWhitelist: ['AMCapsuleTabs.Tab'] }
    },
    supports: {
      style: true,
      events: [
        {
          name: 'onChange',
          description: '切换面板的回调',
          template:
            "\tonChange(value,${extParams}){\n\t\t// 切换面板的回调\n\t\tconsole.log('onChange',value);\n\t}\n",
        },
      ],
    },
  },
};