7cf78de4be7ff12aa9e58eab91e77dcee5aeb7017b333fe96278d8594146ca1e809cfdbf0b64862ada85490483e30c1c2cf1f82465d5e9e99ff5d43aaa4180 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. import { defineComponent, ref, provide, onMounted, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from 'vue';
  2. import { breadcrumbKey } from './constants.mjs';
  3. import { breadcrumbProps } from './breadcrumb.mjs';
  4. import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
  5. import { useLocale } from '../../../hooks/use-locale/index.mjs';
  6. import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
  7. const __default__ = defineComponent({
  8. name: "ElBreadcrumb"
  9. });
  10. const _sfc_main = /* @__PURE__ */ defineComponent({
  11. ...__default__,
  12. props: breadcrumbProps,
  13. setup(__props) {
  14. const props = __props;
  15. const { t } = useLocale();
  16. const ns = useNamespace("breadcrumb");
  17. const breadcrumb = ref();
  18. provide(breadcrumbKey, props);
  19. onMounted(() => {
  20. const items = breadcrumb.value.querySelectorAll(`.${ns.e("item")}`);
  21. if (items.length) {
  22. items[items.length - 1].setAttribute("aria-current", "page");
  23. }
  24. });
  25. return (_ctx, _cache) => {
  26. return openBlock(), createElementBlock("div", {
  27. ref_key: "breadcrumb",
  28. ref: breadcrumb,
  29. class: normalizeClass(unref(ns).b()),
  30. "aria-label": unref(t)("el.breadcrumb.label"),
  31. role: "navigation"
  32. }, [
  33. renderSlot(_ctx.$slots, "default")
  34. ], 10, ["aria-label"]);
  35. };
  36. }
  37. });
  38. var Breadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "breadcrumb.vue"]]);
  39. export { Breadcrumb as default };
  40. //# sourceMappingURL=breadcrumb2.mjs.map