import type { PaginationChangePayload } from '../../types/global';
import type { PropType } from 'vue';

/**
 * pagination 分页类型定义
 * @description 供 u-pagination 组件 props 使用
 */

export const PaginationProps = {
    /** 自定义根节点样式 */
    customStyle: {
        type: [String, Object] as PropType<string | Record<string, any>>,
        default: () => ({})
    },
    /** 自定义根节点样式类 */
    customClass: {
        type: String as unknown as PropType<string>,
        default: ''
    },
    /** 左侧按钮文字 */
    prevText: { type: String, default: '' },
    /** 右侧按钮文字 */
    nextText: { type: String, default: '' },
    /** 总条目数 */
    total: Number,
    /** 每页数据量 */
    pageSize: { type: Number, default: 10 },
    /** 是否以 icon 形式展示按钮 */
    showIcon: { type: Boolean, default: false },
    /** 左侧按钮图标，仅支持内置图标 */
    prevIcon: { type: String, default: 'arrow-left' },
    /** 右侧按钮图标，仅支持内置图标 */
    nextIcon: { type: String, default: 'arrow-right' }
};

export type PaginationEmits = {
    (e: 'change', payload: PaginationChangePayload): void;
};