page-header2.mjs 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createCommentVNode, createElementVNode, createBlock, withCtx, resolveDynamicComponent, createTextVNode, toDisplayString, createVNode } from 'vue';
  2. import { ElIcon } from '../../icon/index.mjs';
  3. import { ElDivider } from '../../divider/index.mjs';
  4. import { pageHeaderProps, pageHeaderEmits } from './page-header.mjs';
  5. import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
  6. import { useLocale } from '../../../hooks/use-locale/index.mjs';
  7. import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
  8. const __default__ = defineComponent({
  9. name: "ElPageHeader"
  10. });
  11. const _sfc_main = /* @__PURE__ */ defineComponent({
  12. ...__default__,
  13. props: pageHeaderProps,
  14. emits: pageHeaderEmits,
  15. setup(__props, { emit }) {
  16. const { t } = useLocale();
  17. const ns = useNamespace("page-header");
  18. function handleClick() {
  19. emit("back");
  20. }
  21. return (_ctx, _cache) => {
  22. return openBlock(), createElementBlock("div", {
  23. class: normalizeClass([
  24. unref(ns).b(),
  25. unref(ns).is("contentful", !!_ctx.$slots.default),
  26. {
  27. [unref(ns).m("has-breadcrumb")]: !!_ctx.$slots.breadcrumb,
  28. [unref(ns).m("has-extra")]: !!_ctx.$slots.extra
  29. }
  30. ])
  31. }, [
  32. _ctx.$slots.breadcrumb ? (openBlock(), createElementBlock("div", {
  33. key: 0,
  34. class: normalizeClass(unref(ns).e("breadcrumb"))
  35. }, [
  36. renderSlot(_ctx.$slots, "breadcrumb")
  37. ], 2)) : createCommentVNode("v-if", true),
  38. createElementVNode("div", {
  39. class: normalizeClass(unref(ns).e("header"))
  40. }, [
  41. createElementVNode("div", {
  42. class: normalizeClass(unref(ns).e("left"))
  43. }, [
  44. createElementVNode("div", {
  45. class: normalizeClass(unref(ns).e("back")),
  46. role: "button",
  47. tabindex: "0",
  48. onClick: handleClick
  49. }, [
  50. _ctx.icon || _ctx.$slots.icon ? (openBlock(), createElementBlock("div", {
  51. key: 0,
  52. "aria-label": _ctx.title || unref(t)("el.pageHeader.title"),
  53. class: normalizeClass(unref(ns).e("icon"))
  54. }, [
  55. renderSlot(_ctx.$slots, "icon", {}, () => [
  56. _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 0 }, {
  57. default: withCtx(() => [
  58. (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
  59. ]),
  60. _: 1
  61. })) : createCommentVNode("v-if", true)
  62. ])
  63. ], 10, ["aria-label"])) : createCommentVNode("v-if", true),
  64. createElementVNode("div", {
  65. class: normalizeClass(unref(ns).e("title"))
  66. }, [
  67. renderSlot(_ctx.$slots, "title", {}, () => [
  68. createTextVNode(toDisplayString(_ctx.title || unref(t)("el.pageHeader.title")), 1)
  69. ])
  70. ], 2)
  71. ], 2),
  72. createVNode(unref(ElDivider), { direction: "vertical" }),
  73. createElementVNode("div", {
  74. class: normalizeClass(unref(ns).e("content"))
  75. }, [
  76. renderSlot(_ctx.$slots, "content", {}, () => [
  77. createTextVNode(toDisplayString(_ctx.content), 1)
  78. ])
  79. ], 2)
  80. ], 2),
  81. _ctx.$slots.extra ? (openBlock(), createElementBlock("div", {
  82. key: 0,
  83. class: normalizeClass(unref(ns).e("extra"))
  84. }, [
  85. renderSlot(_ctx.$slots, "extra")
  86. ], 2)) : createCommentVNode("v-if", true)
  87. ], 2),
  88. _ctx.$slots.default ? (openBlock(), createElementBlock("div", {
  89. key: 1,
  90. class: normalizeClass(unref(ns).e("main"))
  91. }, [
  92. renderSlot(_ctx.$slots, "default")
  93. ], 2)) : createCommentVNode("v-if", true)
  94. ], 2);
  95. };
  96. }
  97. });
  98. var PageHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "page-header.vue"]]);
  99. export { PageHeader as default };
  100. //# sourceMappingURL=page-header2.mjs.map