@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
JavaScript
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 };