watercolor-ui
Version:
A modern minimalist cross-framework component library
137 lines • 3.68 kB
TypeScript
/**
* 生成 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