{"version":3,"file":"use-menu-css-var.js","sources":["../../../../../../packages/components/menu/src/use-menu-css-var.ts"],"sourcesContent":["import { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport useMenuColor from './use-menu-color'\n\nimport type { MenuProps } from './menu'\n\nexport const useMenuCssVar = (props: MenuProps, level: number) => {\n  const ns = useNamespace('menu')\n  return computed(() => {\n    return ns.cssVarBlock({\n      'text-color': props.textColor || '',\n      'hover-text-color': props.textColor || '',\n      'bg-color': props.backgroundColor || '',\n      'hover-bg-color': useMenuColor(props).value || '',\n      'active-color': props.activeTextColor || '',\n      level: `${level}`,\n    })\n  })\n}\n"],"names":["useNamespace","computed","useMenuColor"],"mappings":";;;;;;;;;AAGY,MAAC,aAAa,GAAG,CAAC,KAAK,EAAE,KAAK,KAAK;AAC/C,EAAE,MAAM,EAAE,GAAGA,kBAAY,CAAC,MAAM,CAAC,CAAC;AAClC,EAAE,OAAOC,YAAQ,CAAC,MAAM;AACxB,IAAI,OAAO,EAAE,CAAC,WAAW,CAAC;AAC1B,MAAM,YAAY,EAAE,KAAK,CAAC,SAAS,IAAI,EAAE;AACzC,MAAM,kBAAkB,EAAE,KAAK,CAAC,SAAS,IAAI,EAAE;AAC/C,MAAM,UAAU,EAAE,KAAK,CAAC,eAAe,IAAI,EAAE;AAC7C,MAAM,gBAAgB,EAAEC,uBAAY,CAAC,KAAK,CAAC,CAAC,KAAK,IAAI,EAAE;AACvD,MAAM,cAAc,EAAE,KAAK,CAAC,eAAe,IAAI,EAAE;AACjD,MAAM,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC;AACvB,KAAK,CAAC,CAAC;AACP,GAAG,CAAC,CAAC;AACL;;;;"}