watercolor-ui
Version:
A modern minimalist cross-framework component library
82 lines • 2.83 kB
TypeScript
/**
* TextField 共用工具函数
*/
/**
* 获取TextField容器类名
* @param {Object} options - 配置选项
* @returns {string} 类名字符串
*/
export function getTextFieldClasses({ variant, size, error, disabled, focused, hasValue, fullWidth, multiline, floatingLabel, className }?: Object): string;
/**
* 获取TextField容器类名
* @param {Object} options - 配置选项
* @returns {string} 类名字符串
*/
export function getTextFieldContainerClasses({ variant, size, error, disabled, focused, hasValue }?: Object): string;
/**
* 获取TextField标签类名
* @param {Object} options - 配置选项
* @returns {string} 类名字符串
*/
export function getTextFieldLabelClasses({ size, error, focused, active }?: Object): string;
/**
* 获取TextField输入框类名
* @param {Object} options - 配置选项
* @returns {string} 类名字符串
*/
export function getTextFieldInputClasses({ size, multiline }?: Object): string;
/**
* 生成唯一的输入框ID
* @param {string} name - 输入框名称
* @param {string} prefix - ID前缀
* @returns {string} 唯一ID
*/
export function generateInputId(name?: string, prefix?: string): string;
/**
* 验证输入值
* @param {string} value - 输入值
* @param {Object} rules - 验证规则
* @returns {Object} 验证结果 { isValid, error }
*/
export function validateInput(value: string, rules?: Object): Object;
/**
* 格式化输入值
* @param {string} value - 输入值
* @param {Object} options - 格式化选项
* @returns {string} 格式化后的值
*/
export function formatInputValue(value: string, options?: Object): string;
/**
* 处理输入事件
* @param {Event} event - 输入事件
* @param {Function} onChange - 变化回调
* @param {Object} options - 处理选项
*/
export function handleInputChange(event: Event, onChange: Function, options?: Object): void;
/**
* 处理焦点事件
* @param {Event} event - 焦点事件
* @param {Function} callback - 回调函数
* @param {Object} context - 上下文对象
*/
export function handleInputFocus(event: Event, callback: Function, context?: Object): void;
/**
* 处理失焦事件
* @param {Event} event - 失焦事件
* @param {Function} callback - 回调函数
* @param {Object} context - 上下文对象
*/
export function handleInputBlur(event: Event, callback: Function, context?: Object): void;
/**
* 处理键盘事件
* @param {KeyboardEvent} event - 键盘事件
* @param {Object} handlers - 事件处理器对象
*/
export function handleKeyDown(event: KeyboardEvent, handlers?: Object): void;
/**
* 获取输入框焦点
* @param {HTMLElement} inputElement - 输入框元素
* @param {Object} options - 选项
*/
export function focusInput(inputElement: HTMLElement, options?: Object): void;
//# sourceMappingURL=utils.d.ts.map