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

declare interface StepperProps {
    /** 当前值 */
    modelValue?: number;
    /** 默认值 */
    defaultValue?: number;
    /** 最小值 */
    min?: number;
    /** 最大值 */
    max?: number;
    /** 步进值 */
    step?: number;
    /** 输入框宽度（单位px） */
    inputWidth?: number | string;
    /** 按钮大小（单位px） */
    buttonSize?: number | string;
    /** 是否禁用 */
    disabled?: boolean;
    /** 是否禁用输入框 */
    disableInput?: boolean;
    /** 是否禁用减按钮 */
    disableMinus?: boolean;
    /** 是否禁用加按钮 */
    disablePlus?: boolean;
    /** 是否显示限制按钮（达到边界时禁用） */
    showLimit?: boolean;
    /** 是否显示输入框 */
    showInput?: boolean;
    /** 是否显示加号减号按钮 */
    showPlus?: boolean;
    /** 是否显示减号按钮 */
    showMinus?: boolean;
    /** 是否允许长按 */
    longPress?: boolean;
    /** 长按间隔时间（毫秒） */
    longPressInterval?: number;
    /** 是否自动聚焦 */
    autofocus?: boolean;
    /** 输入框占位符 */
    placeholder?: string;
    /** 是否只能输入整数 */
    integer?: boolean;
    /** 自定义减按钮图标 */
    minusIcon?: string;
    /** 自定义加按钮图标 */
    plusIcon?: string;
    /** 自定义减按钮文字 */
    minusText?: string;
    /** 自定义加按钮文字 */
    plusText?: string;
    /** 自定义样式类名 */
    customClass?: string;
    /** 自定义减按钮类名 */
    minusClass?: string;
    /** 自定义加按钮类名 */
    plusClass?: string;
    /** 自定义输入框类名 */
    inputClass?: string;
    /** 主题样式 */
    theme?: 'default' | 'round' | 'square';
    /** 按钮形状 */
    shape?: 'circle' | 'square';
    /** 按钮背景色 */
    buttonColor?: string;
    /** 按钮激活背景色 */
    buttonActiveColor?: string;
    /** 按钮文字颜色 */
    buttonTextColor?: string;
    /** 输入框背景色 */
    inputBgColor?: string;
    /** 输入框文字颜色 */
    inputTextColor?: string;
    /** 禁用状态颜色 */
    disabledColor?: string;
}

declare interface StepperEmits {
    (e: 'update:modelValue', value: number): void;
    (e: 'change', value: number): void;
    (e: 'overlimit', type: 'minus' | 'plus'): void;
    (e: 'minus', value: number): void;
    (e: 'plus', value: number): void;
    (e: 'blur', value: number): void;
    (e: 'focus', value: number): void;
    (e: 'input', value: number): void;
}

declare interface _Stepper {
    new(): {
        $props: AllowedComponentProps & VNodeProps & StepperProps
        $emit: StepperEmits
    }
}

export declare const Stepper: _Stepper

export default Stepper

export type {
    StepperProps,
    StepperEmits
}