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.

106 lines
4.3 KiB

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