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.

1 lines
3.1 KiB

{"ast":null,"code":"import { defineComponent, ref, provide, onMounted, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from 'vue';\nimport { breadcrumbKey } from './constants.mjs';\nimport { breadcrumbProps } from './breadcrumb2.mjs';\nimport _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';\nimport { useLocale } from '../../../hooks/use-locale/index.mjs';\nimport { useNamespace } from '../../../hooks/use-namespace/index.mjs';\nconst __default__ = defineComponent({\n name: \"ElBreadcrumb\"\n});\nconst _sfc_main = /* @__PURE__ */defineComponent({\n ...__default__,\n props: breadcrumbProps,\n setup(__props) {\n const props = __props;\n const {\n t\n } = useLocale();\n const ns = useNamespace(\"breadcrumb\");\n const breadcrumb = ref();\n provide(breadcrumbKey, props);\n onMounted(() => {\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 return (_ctx, _cache) => {\n return openBlock(), createElementBlock(\"div\", {\n ref_key: \"breadcrumb\",\n ref: breadcrumb,\n class: normalizeClass(unref(ns).b()),\n \"aria-label\": unref(t)(\"el.breadcrumb.label\"),\n role: \"navigation\"\n }, [renderSlot(_ctx.$slots, \"default\")], 10, [\"aria-label\"]);\n };\n }\n});\nvar Breadcrumb = /* @__PURE__ */_export_sfc(_sfc_main, [[\"__file\", \"breadcrumb.vue\"]]);\nexport { Breadcrumb as default };","map":{"version":3,"names":["name","t","useLocale","ns","useNamespace","breadcrumb","ref","provide","breadcrumbKey","props","onMounted","items","value","querySelectorAll","e","length","setAttribute"],"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'\nimport { breadcrumbProps } from './breadcrumb'\n\ndefineOptions({\n name: 'ElBreadcrumb',\n})\n\nconst { t } = useLocale()\nconst props = defineProps(breadcrumbProps)\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"],"mappings":";;;;;;mCAiBc;EACZA,IAAM;AACR;;;;;;IAEM;MAAEC;IAAE,IAAIC,SAAU;IAGlB,MAAAC,EAAA,GAAKC,YAAA,CAAa,YAAY;IACpC,MAAMC,UAAA,GAAaC,GAAoB;IAEvCC,OAAA,CAAQC,aAAA,EAAeC,KAAK;IAE5BC,SAAA,CAAU,MAAM;MACR,MAAAC,KAAA,GAAQN,UAAA,CAAWO,KAAO,CAAAC,gBAAA,CAAiB,IAAIV,EAAG,CAAAW,CAAA,CAAE,MAAM,CAAC,EAAE;MACnE,IAAIH,KAAA,CAAMI,MAAQ;QAChBJ,KAAA,CAAMA,KAAA,CAAMI,MAAS,IAAC,CAAE,CAAAC,YAAA,CAAa,gBAAgB,MAAM;MAAA;IAC7D,CACD","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}