jadq-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"),u=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"),f=t.defineComponent({name:"AXSenderHeader",inheritAttrs:!1,__name:"SenderHeader",props:{forceRender:{type:Boolean},open:{type:Boolean},onOpenChange:{},title:{},children:{},className:{},style:{},classNames:{default:()=>({})},styles:{default:()=>({})},closable:{type:Boolean}},setup(e){t.toRef(e,"classNames");const a=t.useSlots(),n=r.useSenderHeaderContextInject(),l=t.computed(()=>`${n.value.prefixCls}-header`),o=t.useAttrs();return()=>t.createVNode(i.default,{prefixCls:n.value.prefixCls},{default:()=>{var c;return[e.open||e.forceRender?t.withDirectives(t.createVNode("div",t.mergeProps(o,{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(u.Button,{type:"text",icon:t.createVNode(s.CloseOutlined,null,null),size:"small",onClick:()=>{var d;(d=e.onOpenChange)==null||d.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;