UNPKG

watercolor-ui

Version:

A modern minimalist cross-framework component library

137 lines 3.68 kB
/** * 生成 Paper 组件的 CSS 类名 * @param {Object} options - 配置选项 * @returns {string} 生成的类名字符串 */ export function getPaperClasses(options?: Object): string; /** * 验证阴影等级 * @param {number} elevation - 阴影等级 (0-24) * @returns {number} 有效的阴影等级 */ export function validateElevation(elevation: number): number; /** * 获取阴影等级对应的CSS类名 * @param {number} elevation - 阴影等级 (0-24) * @returns {string} CSS类名 */ export function getElevationClass(elevation: number): string; /** * 根据内容自动计算合适的阴影等级 * @param {Object} options - 配置选项 * @returns {number} 推荐的阴影等级 */ export function getRecommendedElevation(options?: Object): number; /** * Paper 组件工具函数 */ export const elevationMap: { 0: string; 1: string; 2: string; 3: string; 4: string; 5: string; 6: string; }; export namespace variants { let ELEVATION: string; let OUTLINED: string; } export namespace shapes { let SQUARE: string; let ROUNDED_SM: string; let ROUNDED_LG: string; let ROUNDED_XL: string; let ROUNDED_2XL: string; let ROUNDED_FULL: string; } export namespace sizes { let SM: string; let MD: string; let LG: string; let XL: string; } export namespace colors { let DEFAULT: string; let PRIMARY: string; let SUCCESS: string; let WARNING: string; let ERROR: string; let INFO: string; } export namespace themeUtils { /** * 检测当前主题 * @returns {string} 当前主题名称 */ function getCurrentTheme(): string; /** * 设置主题 * @param {string} theme - 主题名称 */ function setTheme(theme: string): void; /** * 获取CSS变量值 * @param {string} varName - CSS变量名 * @returns {string} CSS变量值 */ function getCSSVariable(varName: string): string; } export namespace accessibilityUtils { /** * 添加键盘支持 * @param {HTMLElement} element - 目标元素 * @param {Function} clickHandler - 点击处理函数 */ function addKeyboardSupport(element: HTMLElement, clickHandler: Function): (() => void) | undefined; /** * 设置无障碍标签 * @param {HTMLElement} element - 目标元素 * @param {Object} labels - 标签配置 */ function setAriaLabels(element: HTMLElement, labels?: Object): void; } export namespace animationUtils { /** * 检查是否应该减少动画 * @returns {boolean} */ function shouldReduceMotion(): boolean; /** * 创建悬停动画 * @param {HTMLElement} element - 目标元素 * @param {Object} options - 动画选项 */ function createHoverAnimation(element: HTMLElement, options?: Object): () => void; } export namespace devUtils { /** * 记录组件配置 * @param {Object} config - 组件配置 */ function logConfig(config: Object): void; /** * 验证组件配置 * @param {Object} config - 组件配置 * @returns {Object} 验证结果 */ function validateConfig(config: Object): Object; } declare namespace _default { export { getPaperClasses }; export { validateElevation }; export { getElevationClass }; export { getRecommendedElevation }; export { themeUtils }; export { accessibilityUtils }; export { animationUtils }; export { devUtils }; export { variants }; export { shapes }; export { sizes }; export { colors }; export { elevationMap }; } export default _default; //# sourceMappingURL=utils.d.ts.map