11 lines
550 B
TypeScript
11 lines
550 B
TypeScript
/**
|
|
* 应用样式类名组合的单一辅助入口，先将条件/数组形式归成字符串，再解决Tailwind类冲突。
|
|
*/
|
|
import { clsx, type ClassValue } from "clsx";
|
|
import { twMerge } from "tailwind-merge";
|
|
/** clsx负责布尔条件和嵌套类名，twMerge按其规则处理同类覆盖；不解析业务状态或生成CSS。
|
|
* 后项优先只适用于 twMerge 能识别的冲突组，不能据此保证任意自定义 CSS 都按参数顺序覆盖。 */
|
|
export function cn(...inputs: ClassValue[]) {
|
|
return twMerge(clsx(inputs));
|
|
}
|