import { AllowedComponentProps, VNodeProps } from '../common'

/**
 * 复选框大小类型
 */
declare type CheckboxSize = 'small' | 'medium' | 'large' | ''

/**
 * 复选框类型
 */
declare type CheckboxType = 'square' | 'circle' | 'switch' | 'button'

/**
 * 排列方向
 */
declare type CheckboxDirection = 'horizontal' | 'vertical'

/**
 * 角标位置
 */
declare type BadgePosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left'

/**
 * 角标类型
 */
declare type BadgeType = 'dot' | 'number' | 'text'

/**
 * 复选框基础属性接口
 */
declare interface CheckboxProps {
    /** 绑定值 */
    modelValue: boolean
    /** 复选框值 */
    value?: string | number | boolean
    /** 标签文本 */
    label?: string
    /** 描述文本 */
    description?: string
    /** 是否禁用 */
    disabled?: boolean
    /** 是否只读 */
    readonly?: boolean
    /** 半选状态 */
    indeterminate?: boolean
    /** 复选框大小 */
    size?: CheckboxSize
    /** 复选框类型 */
    type?: CheckboxType
    /** 选中颜色 */
    checkedColor?: string
    /** 未选中颜色 */
    uncheckedColor?: string
    /** 禁用颜色 */
    disabledColor?: string
    /** 边框颜色 */
    borderColor?: string
    /** 是否有边框 */
    bordered?: boolean
    /** 角标配置 */
    badge?: CheckboxBadgeProps
    /** 是否可点击 */
    clickable?: boolean
    /** 自定义样式 */
    customStyle?: Record<string, any>
}

/**
 * 角标属性接口
 */
declare interface CheckboxBadgeProps {
    /** 角标类型 */
    type?: BadgeType
    /** 角标值（用于number/text类型） */
    value?: string | number
    /** 角标位置 */
    position?: BadgePosition
    /** 角标颜色 */
    color?: string
    /** 角标背景色 */
    backgroundColor?: string
}

/**
 * 复选框事件接口
 */
declare interface CheckboxEmits {
    (e: 'update:modelValue', value: boolean | Array<string | number | boolean>): void
    (e: 'change', value: boolean | Array<string | number | boolean>): void
    (e: 'click', event: Event): void
}

declare interface _Checkbox {
    new(): {
        $props: AllowedComponentProps & VNodeProps & CheckboxProps
        $emit: CheckboxEmits
    }
}

export declare const Checkbox: _Checkbox

// 默认导出
export default Checkbox

// 导出类型
export type {
    CheckboxSize,
    CheckboxType,
    CheckboxDirection,
    BadgePosition,
    BadgeType,
    CheckboxProps,
    CheckboxBadgeProps,
    CheckboxEmits
}