element-plus
Version:
A Component Library for Vue 3
72 lines (69 loc) • 2.59 kB
JavaScript
import { defineComponent, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createBlock, withCtx, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString } from 'vue';
import { ElIcon } from '../../icon/index.mjs';
import '../../../hooks/index.mjs';
import { pageHeaderProps, pageHeaderEmits } from './page-header.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 _sfc_main = defineComponent({
name: "ElPageHeader",
components: {
ElIcon
},
props: pageHeaderProps,
emits: pageHeaderEmits,
setup(_, { emit }) {
const { t } = useLocale();
const ns = useNamespace("page-header");
function handleClick() {
emit("back");
}
return {
handleClick,
t,
ns
};
}
});
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
const _component_el_icon = resolveComponent("el-icon");
return openBlock(), createElementBlock("div", {
class: normalizeClass(_ctx.ns.b())
}, [
createElementVNode("div", {
class: normalizeClass(_ctx.ns.e("left")),
onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
}, [
_ctx.icon || _ctx.$slots.icon ? (openBlock(), createElementBlock("div", {
key: 0,
class: normalizeClass(_ctx.ns.e("icon"))
}, [
renderSlot(_ctx.$slots, "icon", {}, () => [
_ctx.icon ? (openBlock(), createBlock(_component_el_icon, { key: 0 }, {
default: withCtx(() => [
(openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
]),
_: 1
})) : createCommentVNode("v-if", true)
])
], 2)) : createCommentVNode("v-if", true),
createElementVNode("div", {
class: normalizeClass(_ctx.ns.e("title"))
}, [
renderSlot(_ctx.$slots, "title", {}, () => [
createTextVNode(toDisplayString(_ctx.title || _ctx.t("el.pageHeader.title")), 1)
])
], 2)
], 2),
createElementVNode("div", {
class: normalizeClass(_ctx.ns.e("content"))
}, [
renderSlot(_ctx.$slots, "content", {}, () => [
createTextVNode(toDisplayString(_ctx.content), 1)
])
], 2)
], 2);
}
var PageHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
export { PageHeader as default };
//# sourceMappingURL=page-header2.mjs.map