watercolor-ui
Version:
A modern minimalist cross-framework component library
93 lines • 2.89 kB
TypeScript
/**
* 验证Card变体
* @param {string} variant - 要验证的变体
* @returns {boolean} 是否为有效变体
*/
export function isValidVariant(variant: string): boolean;
/**
* 验证Card颜色
* @param {string} color - 要验证的颜色
* @returns {boolean} 是否为有效颜色
*/
export function isValidColor(color: string): boolean;
/**
* 验证Card尺寸
* @param {string} size - 要验证的尺寸
* @returns {boolean} 是否为有效尺寸
*/
export function isValidSize(size: string): boolean;
/**
* 验证Card内边距
* @param {string} padding - 要验证的内边距
* @returns {boolean} 是否为有效内边距
*/
export function isValidPadding(padding: string): boolean;
/**
* 验证Card边框圆角
* @param {string} borderRadius - 要验证的边框圆角
* @returns {boolean} 是否为有效边框圆角
*/
export function isValidBorderRadius(borderRadius: string): boolean;
/**
* 获取Card的CSS类名
* @param {string} className - 额外的CSS类名
* @param {string} variant - 变体样式 ('filled', 'outlined', 'minimal', 'elevated')
* @param {string} color - 颜色 ('default', 'primary', 'success', 'warning', 'error', 'info')
* @param {string} size - 尺寸 ('small', 'medium', 'large')
* @param {boolean} interactive - 是否启用交互效果
* @param {boolean} noBorder - 是否无边框
* @returns {string} 完整的CSS类名字符串
*/
export function getCardClasses(className?: string, variant?: string, color?: string, size?: string, interactive?: boolean, noBorder?: boolean): string;
/**
* 获取Card的内联样式
* @param {Object} style - 自定义样式对象
* @returns {Object} 内联样式对象
*/
export function getCardStyles(style?: Object): Object;
/**
* 处理Card点击事件
* @param {Event} e - 事件对象
* @param {boolean} disabled - 是否禁用
* @param {boolean} clickable - 是否可点击
* @param {Function} onClick - 点击回调函数
*/
export function handleCardClick(e: Event, disabled: boolean, clickable: boolean, onClick: Function): void;
/**
* 获取Vue版本的Card类名
* @param {Object} props - Vue组件的props
* @returns {Array<string>} CSS类名数组
*/
export function getVueCardClasses(props: Object): Array<string>;
/**
* 有效的Card变体
*/
export const validVariants: string[];
/**
* 有效的Card颜色
*/
export const validColors: string[];
/**
* 有效的Card尺寸
*/
export const validSizes: string[];
/**
* 有效的Card内边距
*/
export const validPaddings: string[];
/**
* 有效的Card边框圆角
*/
export const validBorderRadius: string[];
export namespace vueVariantClasses {
let _default: string;
export { _default as default };
export let elevated: string;
}
export namespace vuePaddingClasses {
let none: string;
let sm: string;
let md: string;
let lg: string;
}
//# sourceMappingURL=utils.d.ts.map