19 lines
896 B
JavaScript
19 lines
896 B
JavaScript
import { clsx } from 'clsx'
|
||
import { twMerge } from 'tailwind-merge'
|
||
|
||
/**
|
||
* 合并 class：clsx 处理条件类，tailwind-merge 消解冲突的原子类（presetWind3 与 Tailwind v3 同语法）。
|
||
* 这是 reka-ui / shadcn-vue 体系约定俗成的 `cn()` 基础工具，后续基础组件统一用它拼接 class。
|
||
* @param {...any} inputs
|
||
* @returns {string}
|
||
*/
|
||
export function cn(...inputs) {
|
||
return twMerge(clsx(inputs))
|
||
}
|
||
|
||
// 焦点态单一真源，全组件统一引用，避免各处手写导致漂移：
|
||
// - FOCUS_RING：控件本体可聚焦（focus-visible，仅键盘聚焦显形）。
|
||
// - FOCUS_RING_WITHIN：包裹型容器（内部 input 才真正聚焦）用 focus-within。
|
||
export const FOCUS_RING = 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-300'
|
||
export const FOCUS_RING_WITHIN = 'focus-within:ring-2 focus-within:ring-primary-300'
|