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