78b11ef6ea6a72e72af7efdf7a9ed7062d9328f43b623dc3030f76c0348dd4e67429137c958b298392adf376f67baeb1e0fbf99bf8485536d17a8705292734 613 B

123456789101112131415161718
  1. import { computed } from 'vue';
  2. import useMenuColor from './use-menu-color.mjs';
  3. import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
  4. const useMenuCssVar = (props, level) => {
  5. const ns = useNamespace("menu");
  6. return computed(() => ns.cssVarBlock({
  7. "text-color": props.textColor || "",
  8. "hover-text-color": props.textColor || "",
  9. "bg-color": props.backgroundColor || "",
  10. "hover-bg-color": useMenuColor(props).value || "",
  11. "active-color": props.activeTextColor || "",
  12. level: `${level}`
  13. }));
  14. };
  15. export { useMenuCssVar };
  16. //# sourceMappingURL=use-menu-css-var.mjs.map