import snippets from './snippets';

export default {
  componentName: 'AMTabBar',
  docUrl: 'https://mobile.ant.design/zh/components/tab-bar',
  title: '标签栏',
  category: '导航',
  group: '基础组件',
  props: [
    {
      name: 'activeKey',
      title: {
        label: '当前激活项',
        tip: 'activeKey | 当前激活 item 的 key',
      },
      propType: 'string',
      setter: 'StringSetter',
    },
    {
      name: 'defaultActiveKey',
      title: {
        label: '初始项',
        tip: 'defaultActiveKey | 初始化选中 item 的 key,如果没有设置 activeKey',
      },
      propType: 'string',
      setter: 'StringSetter',
    },
    {
      name: 'safeArea',
      title: {
        label: '安全区适配',
        tip: 'safeArea | 是否开启安全区适配',
      },
      propType: 'bool',
      defaultValue: false,
      setter: 'BoolSetter',
    },
  ],
  configure: {
    component: {
      isContainer: true,
      nestingRule: { childWhitelist: ['AMTabBar.Item'] } 
    },
    supports: {
      events: [
        {
          name: 'onChange',
          description: '切换面板的回调',
          template: "onChange(key,${extParams}){\n// 切换面板的回调\nconsole.log('onChange');}",
        },
      ],
      style: true,
    },
  },
  snippets,
};