UNPKG

element-plus

Version:

A Component Library for Vue 3

66 lines (63 loc) 2.62 kB
import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, 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 __default__ = { 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()) }, [ createElementVNode("div", { class: normalizeClass(unref(ns).e("left")), onClick: handleClick }, [ _ctx.icon || _ctx.$slots.icon ? (openBlock(), createElementBlock("div", { key: 0, 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) ]) ], 2)) : 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), createElementVNode("div", { class: normalizeClass(unref(ns).e("content")) }, [ renderSlot(_ctx.$slots, "content", {}, () => [ createTextVNode(toDisplayString(_ctx.content), 1) ]) ], 2) ], 2); }; } }); var PageHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/page-header/src/page-header.vue"]]); export { PageHeader as default }; //# sourceMappingURL=page-header2.mjs.map