@ray-js/smart-ui-typings/dist/custom-keyboard/index.d.ts

@ray-js/smart-ui 智能小程序 UI 框架的类型声明文件

/// <reference types="react" />
import { VantComponent, VantEventHandler } from '../base';
export interface VantCustomKeyboardProps {
    /**
     * 当前值
     *
     * @default ''
     */
    value?: string;
    /**
     * 占位符文案
     *
     * @default 'please input'
     */
    placeholder?: string;
    /**
     * 用于适配进制功能（取值范围1-10）
     *
     * @default 10
     */
    'digital-base'?: number;
    /**
     * 是否隐藏零
     *
     * @default true
     */
    isHideZero?: boolean;
    /**
     * 电量高的颜色
     *
     * @default '#70CF98'
     */
    'high-color'?: string;
    /**
     * 数字键盘的确认按钮背景色
     *
     * @default '#239C8E'
     */
    'confirm-color'?: string;
    /**
     * 确认按钮文案
     *
     * @default 'Confirm'
     */
    'confirm-text'?: string;
    /**
     * 输入框容器样式
     *
     * @default null
     */
    'input-container-style'?: React.CSSProperties;
    /**
     * 当前值的样式（适用于placeholder样式）
     *
     * @default null
     */
    'value-text-style'?: React.CSSProperties;
    /**
     * 确认按钮的样式
     *
     * @default null
     */
    'confirm-text-style'?: React.CSSProperties;
}
export interface VantCustomKeyboardData {
    /**
     * 当前操作选中的值
     *
     */
    value: string | number;
}
export interface VantCustomKeyboardEvents {
    /**
     * 点击具体数值的回调
     */
    onChange?: VantEventHandler<VantCustomKeyboardData>;
    /**
     * 确认按钮的回调函数
     */
    onConfirm?: VantEventHandler<VantCustomKeyboardData>;
}
export interface VantCustomKeyboardSlot {
    /**
     * 自定义 value 显示内容，如果设置了 value 属性则不生效
     */
    children?: React.ReactNode;
    /**
     * Cell Slot
     */
    slot?: {
        /**
         * 自定义 title 显示内容，如果设置了 title 属性则不生效
         */
        customButton?: React.ReactNode;
    };
}
export type VantCustomKeyboard = VantComponent<VantCustomKeyboardProps, VantCustomKeyboardEvents, VantCustomKeyboardSlot>;