hongluan-ui
Version:
Hongluan Component Library for Vue 3
51 lines (48 loc) • 1.89 kB
JavaScript
import { defineComponent, ref, provide, onMounted, openBlock, createElementBlock, normalizeClass, renderSlot } from 'vue';
import '../../../hooks/index.mjs';
import '../../../tokens/index.mjs';
import { breadcrumbProps } from './breadcrumb.mjs';
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
import { useLocale } from '../../../hooks/use-locale/index.mjs';
import { BreadcrumbKey } from '../../../tokens/breadcrumb.mjs';
const _sfc_main = defineComponent({
name: "Breadcrumb",
props: breadcrumbProps,
setup(props, { slots }) {
const { namespace } = useNamespace();
const { t } = useLocale();
const breadcrumb = ref();
provide(BreadcrumbKey, { separator: props.separator, slots });
onMounted(() => {
var _a, _b;
const items = (_a = breadcrumb.value) == null ? void 0 : _a.querySelectorAll(`.${namespace.value}-breadcrumb-item`);
if (items == null ? void 0 : items.length) {
const lastItem = items[items.length - 1];
lastItem.setAttribute("aria-current", "page");
while (slots.icon && lastItem.nextSibling) {
(_b = breadcrumb.value) == null ? void 0 : _b.removeChild(lastItem.nextSibling);
}
}
});
return {
t,
namespace,
breadcrumb
};
}
});
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
return openBlock(), createElementBlock("div", {
ref: "breadcrumb",
class: normalizeClass(`${_ctx.namespace}-breadcrumb`),
"aria-label": "t('hl.breadcrumb.label')",
role: "navigation"
}, [
renderSlot(_ctx.$slots, "default"),
renderSlot(_ctx.$slots, "icon")
], 2);
}
var Breadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
export { Breadcrumb as default };
//# sourceMappingURL=breadcrumb2.mjs.map