16 lines
516 B
TypeScript
16 lines
516 B
TypeScript
import type { ComputedRef, CSSProperties } from 'vue';
|
|
import { computed } from 'vue';
|
|
import { useInjectMenu } from './useMenuContext';
|
|
|
|
export default function useDirectionStyle(level: ComputedRef<number>): ComputedRef<CSSProperties> {
|
|
const { mode, rtl, inlineIndent } = useInjectMenu();
|
|
|
|
return computed(() =>
|
|
mode.value !== 'inline'
|
|
? null
|
|
: rtl.value
|
|
? { paddingRight: `${level.value * inlineIndent.value}px` }
|
|
: { paddingLeft: `${level.value * inlineIndent.value}px` },
|
|
);
|
|
}
|