import { PropType } from '@vue/composition-api';
import { GridProp } from '@/lib/types';

export const props = {
    data: {
        required: true,
        type: Array as PropType<GridProp['data']>,
    },
    columns: {
        required: true,
        type: Array as PropType<GridProp['columns']>,
    },
    height: {
        type: [Number, String],
        default: 'auto',
    },
    width: {
        type: [Number, String],
        default: 'auto',
    },
    isTree: {
        type: Boolean as PropType<GridProp['isTree']>,
        default: false,
    },
    idKey: {
        type: String as PropType<GridProp['idKey']>,
    },
    childrenKey: {
        type: String as PropType<GridProp['childrenKey']>,
    },
    expandKey: {
        type: String as PropType<GridProp['expandKey']>,
    },
    defaultExpand: {
        type: Boolean as PropType<GridProp['defaultExpand']>,
        default: true,
    },
    rowHeight: {
        required: false,
        type: Number as PropType<GridProp['rowHeight']>,
        default: 42,
    },
    showIndex: {
        required: false,
        type: Boolean,
        default: false,
    },
    rowSelection: {
        required: false,
        type: Object as PropType<GridProp['rowSelection']>,
    },
    totalBar: {
        required: false,
        type: Object as PropType<GridProp['totalBar']>,
    },
    defaultColumnConfig: {
        required: false,
        type: Object as PropType<GridProp['defaultColumnConfig']>,
        default: () => ({
            width: 200,
        }),
    },
};