import snippets from './snippets';

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