breadcrumb-item2.mjs 2.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. import { defineComponent, getCurrentInstance, inject, toRefs, ref, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot, createBlock, withCtx, resolveDynamicComponent, toDisplayString } from 'vue';
  2. import { ElIcon } from '../../icon/index.mjs';
  3. import '../../../tokens/index.mjs';
  4. import '../../../hooks/index.mjs';
  5. import { breadcrumbItemProps } from './breadcrumb-item.mjs';
  6. import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
  7. import { breadcrumbKey } from '../../../tokens/breadcrumb.mjs';
  8. import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
  9. const __default__ = defineComponent({
  10. name: "ElBreadcrumbItem"
  11. });
  12. const _sfc_main = /* @__PURE__ */ defineComponent({
  13. ...__default__,
  14. props: breadcrumbItemProps,
  15. setup(__props) {
  16. const props = __props;
  17. const instance = getCurrentInstance();
  18. const breadcrumbContext = inject(breadcrumbKey, void 0);
  19. const ns = useNamespace("breadcrumb");
  20. const { separator, separatorIcon } = toRefs(breadcrumbContext);
  21. const router = instance.appContext.config.globalProperties.$router;
  22. const link = ref();
  23. const onClick = () => {
  24. if (!props.to || !router)
  25. return;
  26. props.replace ? router.replace(props.to) : router.push(props.to);
  27. };
  28. return (_ctx, _cache) => {
  29. return openBlock(), createElementBlock("span", {
  30. class: normalizeClass(unref(ns).e("item"))
  31. }, [
  32. createElementVNode("span", {
  33. ref_key: "link",
  34. ref: link,
  35. class: normalizeClass([unref(ns).e("inner"), unref(ns).is("link", !!_ctx.to)]),
  36. role: "link",
  37. onClick
  38. }, [
  39. renderSlot(_ctx.$slots, "default")
  40. ], 2),
  41. unref(separatorIcon) ? (openBlock(), createBlock(unref(ElIcon), {
  42. key: 0,
  43. class: normalizeClass(unref(ns).e("separator"))
  44. }, {
  45. default: withCtx(() => [
  46. (openBlock(), createBlock(resolveDynamicComponent(unref(separatorIcon))))
  47. ]),
  48. _: 1
  49. }, 8, ["class"])) : (openBlock(), createElementBlock("span", {
  50. key: 1,
  51. class: normalizeClass(unref(ns).e("separator")),
  52. role: "presentation"
  53. }, toDisplayString(unref(separator)), 3))
  54. ], 2);
  55. };
  56. }
  57. });
  58. var BreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/breadcrumb/src/breadcrumb-item.vue"]]);
  59. export { BreadcrumbItem as default };
  60. //# sourceMappingURL=breadcrumb-item2.mjs.map