You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
22 lines
680 B
22 lines
680 B
2 years ago
|
import { computed } from 'vue';
|
||
|
|
import '../../../hooks/index.mjs';
|
||
|
|
import useMenuColor from './use-menu-color.mjs';
|
||
|
|
import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
|
||
|
|
|
||
|
|
const useMenuCssVar = (props, level) => {
|
||
|
|
const ns = useNamespace("menu");
|
||
|
|
return computed(() => {
|
||
|
|
return ns.cssVarBlock({
|
||
|
|
"text-color": props.textColor || "",
|
||
|
|
"hover-text-color": props.textColor || "",
|
||
|
|
"bg-color": props.backgroundColor || "",
|
||
|
|
"hover-bg-color": useMenuColor(props).value || "",
|
||
|
|
"active-color": props.activeTextColor || "",
|
||
|
|
level: `${level}`
|
||
|
|
});
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
export { useMenuCssVar };
|
||
|
|
//# sourceMappingURL=use-menu-css-var.mjs.map
|