| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106 |
- 'use strict';
- Object.defineProperty(exports, '__esModule', { value: true });
- var vue = require('vue');
- var index$2 = require('../../icon/index.js');
- var index$3 = require('../../divider/index.js');
- var pageHeader = require('./page-header2.js');
- var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
- var index = require('../../../hooks/use-locale/index.js');
- var index$1 = require('../../../hooks/use-namespace/index.js');
- const __default__ = vue.defineComponent({
- name: "ElPageHeader"
- });
- const _sfc_main = /* @__PURE__ */ vue.defineComponent({
- ...__default__,
- props: pageHeader.pageHeaderProps,
- emits: pageHeader.pageHeaderEmits,
- setup(__props, { emit }) {
- const { t } = index.useLocale();
- const ns = index$1.useNamespace("page-header");
- function handleClick() {
- emit("back");
- }
- return (_ctx, _cache) => {
- return vue.openBlock(), vue.createElementBlock("div", {
- class: vue.normalizeClass([
- vue.unref(ns).b(),
- {
- [vue.unref(ns).m("has-breadcrumb")]: !!_ctx.$slots.breadcrumb,
- [vue.unref(ns).m("has-extra")]: !!_ctx.$slots.extra,
- [vue.unref(ns).is("contentful")]: !!_ctx.$slots.default
- }
- ])
- }, [
- _ctx.$slots.breadcrumb ? (vue.openBlock(), vue.createElementBlock("div", {
- key: 0,
- class: vue.normalizeClass(vue.unref(ns).e("breadcrumb"))
- }, [
- vue.renderSlot(_ctx.$slots, "breadcrumb")
- ], 2)) : vue.createCommentVNode("v-if", true),
- vue.createElementVNode("div", {
- class: vue.normalizeClass(vue.unref(ns).e("header"))
- }, [
- vue.createElementVNode("div", {
- class: vue.normalizeClass(vue.unref(ns).e("left"))
- }, [
- vue.createElementVNode("div", {
- class: vue.normalizeClass(vue.unref(ns).e("back")),
- role: "button",
- tabindex: "0",
- onClick: handleClick
- }, [
- _ctx.icon || _ctx.$slots.icon ? (vue.openBlock(), vue.createElementBlock("div", {
- key: 0,
- "aria-label": _ctx.title || vue.unref(t)("el.pageHeader.title"),
- class: vue.normalizeClass(vue.unref(ns).e("icon"))
- }, [
- vue.renderSlot(_ctx.$slots, "icon", {}, () => [
- _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.ElIcon), { key: 0 }, {
- default: vue.withCtx(() => [
- (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
- ]),
- _: 1
- })) : vue.createCommentVNode("v-if", true)
- ])
- ], 10, ["aria-label"])) : vue.createCommentVNode("v-if", true),
- vue.createElementVNode("div", {
- class: vue.normalizeClass(vue.unref(ns).e("title"))
- }, [
- vue.renderSlot(_ctx.$slots, "title", {}, () => [
- vue.createTextVNode(vue.toDisplayString(_ctx.title || vue.unref(t)("el.pageHeader.title")), 1)
- ])
- ], 2)
- ], 2),
- vue.createVNode(vue.unref(index$3.ElDivider), { direction: "vertical" }),
- vue.createElementVNode("div", {
- class: vue.normalizeClass(vue.unref(ns).e("content"))
- }, [
- vue.renderSlot(_ctx.$slots, "content", {}, () => [
- vue.createTextVNode(vue.toDisplayString(_ctx.content), 1)
- ])
- ], 2)
- ], 2),
- _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock("div", {
- key: 0,
- class: vue.normalizeClass(vue.unref(ns).e("extra"))
- }, [
- vue.renderSlot(_ctx.$slots, "extra")
- ], 2)) : vue.createCommentVNode("v-if", true)
- ], 2),
- _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("div", {
- key: 1,
- class: vue.normalizeClass(vue.unref(ns).e("main"))
- }, [
- vue.renderSlot(_ctx.$slots, "default")
- ], 2)) : vue.createCommentVNode("v-if", true)
- ], 2);
- };
- }
- });
- var PageHeader = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "page-header.vue"]]);
- exports["default"] = PageHeader;
- //# sourceMappingURL=page-header.js.map
|