UNPKG

@vrx-arco/pro-components

Version:

<p align="center"> <img src="https://vrx-arco.github.io/arco-design-pro/favicon.svg" width="200" height="250"> </p>

21 lines (20 loc) 853 B
import { injectSearchLayout } from "./context.js"; import { createVNode, defineComponent } from "vue"; import { Card, Divider, Layout } from "@arco-design/web-vue"; const SearchLayoutHeader = /* @__PURE__ */ defineComponent({ name: "vrx-arco-search-layout-header", setup: (_, { slots }) => { const { bemClass, type, title } = injectSearchLayout(); return () => { return createVNode(Layout.Header, { "class": { [bemClass("__header")]: true, [bemClass("__header--card")]: type.value === "card" } }, { default: () => [createVNode(Card, { "bordered": false, "title": title.value, "class": bemClass("-card") }, { default: () => [slots.default?.()] }), type.value === "card" && createVNode("div", { "class": bemClass("__header-divider") }, [createVNode(Divider, null, null)])] }); }; } }); export { SearchLayoutHeader };