import { IPublicTypeFieldConfig } from '@alilc/lowcode-types';

export interface IProps extends IPublicTypeFieldConfig {
    showInListSetter?: boolean;
    initialValue?: Function | any;
    editable?: boolean;
    items?: IProps[] | IPublicTypeFieldConfig[];
}

export const toolbar: IProps = {
    type: 'field',
    name: 'search',
    title: '透传ListToolBar配置项',
    extraProps: {
        display: 'accordion',
    },
    setter: [{
        componentName: 'BooleanSetter',
        defaultValue: false
    }, {
        componentName: 'ObjectSetter',
        props: {
            config: {
                items: [
                    {
                        name: 'filterType',
                        title: { label: 'filterType', tip: '过滤表单类型' },
                        display: 'block',
                        propType: {
                            type: 'oneOf',
                            value: ['query', 'light'],
                        },
                        setter: [
                            {
                                componentName: 'RadioGroupSetter',
                                props: {
                                    options: [
                                        {
                                            title: 'query',
                                            value: 'query',
                                        },
                                        {
                                            title: 'light',
                                            value: 'light',
                                        },
                                    ],
                                },
                            },
                            'VariableSetter',
                        ],
                        defaultValue: 'query',
                    },
                    {
                        name: 'searchText',
                        title: { label: 'searchText', tip: '查询按钮的文本' },
                        propType: 'string',
                        setter: 'StringSetter',
                        initialValue: '查询'
                    },
                    {
                        name: 'resetText',
                        title: { label: 'resetText', tip: '重置按钮的文本' },
                        propType: 'string',
                        setter: 'StringSetter',
                        initialValue: '重置'
                    },
                    {
                        name: 'submitText',
                        title: { label: 'submitText', tip: '提交按钮的文本' },
                        propType: 'string',
                        setter: 'StringSetter',
                        initialValue: '提交'
                    },
                    {
                        name: 'labelWidth',
                        title: { label: 'labelWidth', tip: '标签宽度' },
                        propType: {
                            type: 'oneOfType',
                            value: ['number', 'string'],
                        },
                        setter: [{
                            componentName: 'NumberSetter',
                            props: {
                                defaultValue: 80
                            }
                        }, {
                            componentName: 'StringSetter',
                            props: {
                                defaultValue: 'auto'
                            }
                        }, 'VariableSetter'],
                    },
                    {
                        name: 'span',
                        title: { label: 'span', tip: '配置查询表单的列数' },
                        propType: 'number',
                        setter: ['NumberSetter', 'VariableSetter'],
                    },
                    {
                        name: 'className',
                        title: { label: 'className', tip: '封装的搜索Form的className' },
                        setter: ['ClassNameSetter', 'VariableSetter'],
                    },
                    {
                        name: 'collapseRender',
                        title: {
                            label: 'collapseRender',
                            tip: '收起按钮的render',
                        },
                        propType: 'func',
                        setter: [
                            {
                                componentName: 'SlotSetter',
                                title: '收起按钮的render',
                                initialValue: {
                                    type: 'JSSlot',
                                    params: ['collapsed', 'showCollapseButton'],
                                    value: [],
                                },
                            },
                            {
                                componentName: 'FunctionSetter',
                                props: {
                                    template:
                                        'collapseRender(collapsed,showCollapseButton,${extParams}){\n// 收起按钮的render`}',
                                },
                            },
                            {
                                componentName: 'BoolSetter',
                                defaultValue: false
                            },
                            'VariableSetter',
                        ],
                    },
                    {
                        name: 'defaultCollapsed',
                        title: {
                            label: 'defaultCollapsed',
                            tip: '默认是否收起',
                        },
                        propType: 'bool',
                        setter: 'BoolSetter',
                        initialValue: true,
                    },
                    {
                        name: 'collapsed',
                        title: {
                            label: 'collapsed',
                            tip: '是否收起',
                        },
                        propType: 'bool',
                        setter: 'BoolSetter',
                    },
                    {
                        name: 'onCollapsed',
                        title: {
                            label: 'onCollapsed',
                            tip: '收起按钮事件',
                        },
                        propType: 'func',
                        setter: 'FunctionSetter',
                    },
                    {
                        name: 'optionRender',
                        title: {
                            label: 'optionRender',
                            tip: '自定义操作栏',
                        },
                        propType: 'func',
                        setter: [
                            {
                                componentName: 'SlotSetter',
                                title: '自定义操作栏',
                                initialValue: {
                                    type: 'JSSlot',
                                    params: ['collapsed', 'showCollapseButton'],
                                    value: [],
                                },
                            },
                            {
                                componentName: 'FunctionSetter',
                                props: {
                                    template:
                                        'optionRender(searchConfig,formProps, dom, ${extParams}){\n// 自定义操作栏 \nreturn ReactNode[];}',
                                },
                            },
                            {
                                componentName: 'BoolSetter',
                                defaultValue: false
                            },
                            'VariableSetter',
                        ],
                    },
                    {
                        name: 'showHiddenNum',
                        title: {
                            label: 'showHiddenNum',
                            tip: '是否显示收起之后显示隐藏个数',
                        },
                        propType: 'bool',
                        setter: 'BoolSetter',
                        initialValue: false,
                    },
                ]
            },
        },
    }],

};