import snippets from './snippets';

export default {
  snippets,
  componentName: 'AMCapsuleTabs.Tab',
  docUrl: 'https://mobile.ant.design/zh/components/capsule-tabs',
  title: '胶囊选项',
  category: '导航',
  group: '基础组件',
  props: [
    {
      name: 'destroyOnClose',
      title: {
        label: 'destroyOnClose',
        tip: '不可见时是否销毁 DOM 结构',
      },
      propType: 'bool',
      defaultValue: false,
      setter: 'BoolSetter',
    },
    {
      name: 'disabled',
      title: {
        label: 'disabled',
        tip: '是否禁用',
      },
      propType: 'bool',
      defaultValue: false,
      setter: 'BoolSetter',
    },
    {
      name: 'forceRender',
      title: {
        label: 'forceRender',
        tip: '被隐藏时是否渲染 DOM 结构',
      },
      propType: 'bool',
      defaultValue: false,
      setter: 'BoolSetter',
    },
    {
      name: 'key',
      title: { label: 'key', tip: '对应activeKey' },
      propType: 'string',
      setter: 'StringSetter',
    },
    {
      name: 'title',
      title: { label: ' 选项卡头显示文字', tip: '选项卡头显示文字' },
      propType: { type: 'oneOfType', value: ['string', 'node'] },
    },
    // {
    //   name: 'children',
    //   title: {
    //     label: 'children',
    //     tip: 'children',
    //   },
    //   propType: 'node',
    //   setter: 'SlotSetter',
    // }
    {
      name: 'children',
      title: {
        label: '内容',
        tip: 'children | 内容',
      },
      propType: 'node',
      setter: {
        componentName: 'SlotSetter',
        title: '自定义插槽',
        isRequired: true,
        initialValue: {
          type: 'JSSlot',
          value: [
          ],
        },
      },
    },
  ],
  configure: {
    component: {
      isContainer: true,
      nestingRule: { parentWhitelist: ['AMCapsuleTabs'] }
    },
    supports: {
      style: true,
    },
  },
};