import snippets from './snippets';

export default {
    snippets,
    componentName: 'AMActionSheet',
    docUrl: 'https://mobile.ant.design/zh/components/action-sheet',
    title: '动作面板',
    category: '通用',
    group: '基础组件',
    props: [
        {
            name: 'actions',
            title: "面板选项",
            setter: {
                componentName: 'ArraySetter',
                props: {
                    itemSetter: {
                        componentName: 'ObjectSetter',
                        props: {
                            config: {

                                items: [
                                    {
                                        name: 'danger',
                                        title: "是否为危险状态",
                                        propType: 'bool',
                                        defaultValue: false,
                                        setter: 'BoolSetter',
                                    },
                                    {
                                        name: 'description',
                                        title: "描述",
                                        propType: 'node',
                                        setter: 'SlotSetter',
                                    },
                                    {
                                        name: 'disabled',
                                        title: "是否为禁用状态",
                                        propType: 'bool',
                                        defaultValue: false,
                                        setter: 'BoolSetter',
                                    },
                                    {
                                        name: 'key',
                                        title: "唯一标记",
                                        propType: {
                                            type: 'oneOfType',
                                            value: ['number', 'string'],
                                        },
                                        setter: ['NumberSetter', 'StringSetter', 'VariableSetter'],
                                    },
                                    {
                                        name: 'onClick',
                                        title: "点击时触发",
                                        propType: 'func',
                                        setter: "FunctionSetter",
                                    },

                                    {
                                        name: 'text',
                                        title: "标题",
                                        propType: 'node',
                                        setter: 'SlotSetter',
                                    },
                                    {
                                        name: 'bold',
                                        title: "标题是否加粗",
                                        propType: 'bool',
                                        defaultValue: false,
                                        setter: 'BoolSetter',
                                    }

                                ],
                            },
                        },
                        initialValue: {
                            text: '复制123', key: 'copy123'

                        }
                    },
                },
            },

        },
        {
            name: 'cancelText',
            title: "取消按钮文字",
            propType: {
                type: 'oneOfType',
                value: ['node'],
            },
            setter: {
                componentName: 'SlotSetter',
            },
        },
        {
            name: "closeOnAction",
            title: "点击选项后是否关闭",
            propType: 'bool',
            defaultValue: false,
            setter: 'BoolSetter',
        },
        {
            name: "closeOnMaskClick",
            title: "点击背景蒙层后是否关闭",
            propType: 'bool',
            defaultValue: true,
            setter: 'BoolSetter',
        },
        {
            name: "destroyOnClose",
            title: "不可见时是否销毁DOM结构",
            propType: 'bool',
            defaultValue: false,
            setter: 'BoolSetter',
        },
        {
            name: "forceRender",
            title: "强制渲染内容",
            propType: 'bool',
            defaultValue: false,
            setter: 'BoolSetter',
        },
        {
            name: "visible",
            title: "显示隐藏",
            propType: 'bool',
            defaultValue: true,
            setter: 'BoolSetter',
        }
        // {
        //     name: 'extra',
        //     title: "顶部的额外区域",
        //     propType:"string",
        //     setter: 'StringSetter',
        // }

    ],
    configure: {
        supports: {
            style: true,
            events: [
                {
                    name: 'onAction',
                    template: "onAction(action, index){\n// 点击选项时触发，禁用或加载状态下不会触发\nconsole.log('onAction');}",
                },
            ]
        },

    },
};