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 t=require("vue"),o=require("ant-design-vue"),s=require("../attachments/Attachments2.js"),r=require("./context.js");require("../transition-collapse/index.js");const d=require("../transition-collapse/TransitionCollapse.js"),m=require("../attachments/FileList/FileList2.js"),f=t.defineComponent({name:"AXSenderHeader",inheritAttrs:!1,__name:"SenderHeader",props:t.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){t.toRef(e,"classNames");const a=t.useSlots(),n=r.useSenderHeaderContextInject(),l=t.computed(()=>`${n.value.prefixCls}-header`),i=t.useAttrs();return()=>t.createVNode(d.default,{prefixCls:n.value.prefixCls},{default:()=>{var c;return[e.open||e.forceRender?t.withDirectives(t.createVNode("div",t.mergeProps(i,{class:s.classnames(l.value,e.className),style:{...e.style}}),[(e.closable!==!1||e.title)&&t.createVNode("div",{class:s.classnames(`${l.value}-header`,e.classNames.header),style:{...e.styles.header}},[t.createVNode("div",{class:`${l.value}-title`},[e.title]),e.closable!==!1&&t.createVNode("div",{class:`${l.value}-close`},[t.createVNode(o.Button,{type:"text",icon:t.createVNode(m.CloseOutlined,null,null),size:"small",onClick:()=>{var u;(u=e.onOpenChange)==null||u.call(e,!e.open)}},null)])]),a.default&&t.createVNode("div",{class:s.classnames(`${l.value}-content`,e.classNames.content),style:{...e.styles.content}},[(c=a.default)==null?void 0:c.call(a)])]),[[t.vShow,e.open]]):null]}})}});exports.default=f;