ant-design-x-vue/lib/sender/SenderHeader.js

Craft AI-driven interfaces effortlessly

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue"),d=require("ant-design-vue"),s=require("../chunks/module-chunk.js"),r=require("./context.js");require("../transition-collapse/index.js");const i=require("../transition-collapse/TransitionCollapse.js"),m=l.defineComponent({name:"AXSenderHeader",inheritAttrs:!1,__name:"SenderHeader",props:l.mergeDefaults({forceRender:{type:Boolean},open:{type:Boolean},onOpenChange:{type:Function},title:null,children:null,className:null,style:null,classNames:null,styles:null,closable:{type:Boolean}},{classNames:()=>({}),styles:()=>({})}),setup(e){l.toRef(e,"classNames");const a=l.useSlots(),n=r.useSenderHeaderContextInject(),t=l.computed(()=>`${n.value.prefixCls}-header`),o=l.useAttrs();return()=>l.createVNode(i.default,{prefixCls:n.value.prefixCls},{default:()=>{var c;return[e.open||e.forceRender?l.withDirectives(l.createVNode("div",l.mergeProps(o,{class:s.classnames(t.value,e.className),style:{...e.style}}),[(e.closable!==!1||e.title)&&l.createVNode("div",{class:s.classnames(`${t.value}-header`,e.classNames.header),style:{...e.styles.header}},[l.createVNode("div",{class:`${t.value}-title`},[e.title]),e.closable!==!1&&l.createVNode("div",{class:`${t.value}-close`},[l.createVNode(d.Button,{type:"text",icon:l.createVNode(s.CloseOutlined,null,null),size:"small",onClick:()=>{var u;(u=e.onOpenChange)==null||u.call(e,!e.open)}},null)])]),a.default&&l.createVNode("div",{class:s.classnames(`${t.value}-content`,e.classNames.content),style:{...e.styles.content}},[(c=a.default)==null?void 0:c.call(a)])]),[[l.vShow,e.open]]):null]}})}});exports.default=m;