import snippets from './snippets';

export default {
    snippets,
    componentName: 'AMCollapse.Panel',
    docUrl: 'https://ant-design-mobile.antgroup.com/zh/components/side-bar',
    title: '折叠面板列表项',
    category: '信息展示',
    group: '基础组件',
    props: [
        {
            name: 'key',
            title: "唯一标识符",
            propType: 'string',
            setter: 'StringSetter',
        },
        {
            name: 'destroyOnClose',
            title: "不可见时是否销毁DOM结构",
            propType: 'bool',
            setter: 'BoolSetter',
            defaultValue: false,
        },
        {
            name: 'forceRender',
            title: "不可见时是否销毁DOM结构",
            propType: 'bool',
            setter: 'BoolSetter',
            defaultValue: false,
        },
        {
            name: 'title',
            title: "内容",
            propType: 'node',
            setter: 'SlotSetter',
        },
        {
            name: 'disabled',
            title: { label: '是否禁用', tip: 'disabled | 禁用' },
            propType: 'bool',
            defaultValue: false,
            setter: 'BoolSetter',
        }
    ],
    configure: {
        component: {
            isContainer: true,
            nestingRule: { parentWhitelist: ['AMCollapse'] },
        },
        supports: {
            style: true,
            events: [
                {
                    name: 'onClick',
                    template: "onClick(React.MouseEvent<Element, MouseEvent>){\n// 标题栏的点击事件\nconsole.log('onClick');}",
                },
            ]
        },
    },
};