UNPKG

element-plus

Version:

A Component Library for Vue 3

1 lines 1.87 kB
{"version":3,"file":"breadcrumb.vue2.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb.vue"],"sourcesContent":["<template>\n <div\n ref=\"breadcrumb\"\n :class=\"ns.b()\"\n :aria-label=\"t('el.breadcrumb.label')\"\n role=\"navigation\"\n >\n <slot />\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { onMounted, provide, ref } from 'vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { breadcrumbKey } from './constants'\n\nimport type { BreadcrumbProps } from './breadcrumb'\n\ndefineOptions({\n name: 'ElBreadcrumb',\n})\n\nconst { t } = useLocale()\nconst props = withDefaults(defineProps<BreadcrumbProps>(), {\n separator: '/',\n})\n\nconst ns = useNamespace('breadcrumb')\nconst breadcrumb = ref<HTMLDivElement>()\n\nprovide(breadcrumbKey, props)\n\nonMounted(() => {\n const items = breadcrumb.value!.querySelectorAll(`.${ns.e('item')}`)\n if (items.length) {\n items[items.length - 1].setAttribute('aria-current', 'page')\n }\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_unref","_renderSlot"],"mappings":";;;;;;;;;;;;;;AAsBA,IAAA,MAAM,EAAE,CAAA,EAAE,GAAI,SAAA,EAAU;AACxB,IAAA,MAAM,KAAA,GAAQ,OAAA;AAId,IAAA,MAAM,EAAA,GAAK,aAAa,YAAY,CAAA;AACpC,IAAA,MAAM,aAAa,GAAA,EAAoB;AAEvC,IAAA,OAAA,CAAQ,eAAe,KAAK,CAAA;AAE5B,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,MAAM,KAAA,GAAQ,WAAW,KAAA,CAAO,gBAAA,CAAiB,IAAI,EAAA,CAAG,CAAA,CAAE,MAAM,CAAC,CAAA,CAAE,CAAA;AACnE,MAAA,IAAI,MAAM,MAAA,EAAQ;AAChB,QAAA,KAAA,CAAM,MAAM,MAAA,GAAS,CAAC,CAAA,CAAE,YAAA,CAAa,gBAAgB,MAAM,CAAA;AAAA,MAC7D;AAAA,IACF,CAAC,CAAA;;0BApCCA,kBAAA,CAOM,KAAA,EAAA;AAAA,iBANA,YAAA;AAAA,QAAJ,GAAA,EAAI,UAAA;AAAA,QACH,OAAKC,cAAA,CAAEC,KAAA,CAAA,EAAA,CAAA,CAAG,GAAC,CAAA;AAAA,QACX,YAAA,EAAYA,KAAA,CAAA,CAAA,CAAA,CAAC,qBAAA,CAAA;AAAA,QACd,IAAA,EAAK;AAAA;QAELC,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;;;;"}