ant-design-x-vue
Version:
Craft AI-driven interfaces effortlessly
2 lines (1 loc) • 2.01 kB
JavaScript
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),i=require("ant-design-vue"),l=require("../chunks/module-chunk.js"),o=require("./context.js");require("../transition-collapse/index.js");const f=require("../transition-collapse/TransitionCollapse.js"),m=require("../chunks/helper-chunk.js"),v=t.defineComponent({name:"AXSenderHeader",inheritAttrs:!1,__name:"SenderHeader",props:t.mergeDefaults({forceRender:{type:Boolean,required:!1},open:{type:Boolean,required:!1},onOpenChange:{type:Function,required:!1},title:{required:!1},children:{required:!1},className:{type:String,required:!1},style:{required:!1},classNames:{type:Object,required:!1},styles:{type:Object,required:!1},closable:{type:Boolean,required:!1}},{classNames:()=>({}),styles:()=>({})}),setup(e,{expose:u}){u(),t.toRef(e,"classNames");const a=t.useSlots(),n=o.useSenderHeaderContextInject(),s=t.computed(()=>`${n.value.prefixCls}-header`),d=t.useAttrs();return()=>t.createVNode(f.default,{prefixCls:n.value.prefixCls},{default:()=>{var r;return[e.open||e.forceRender?t.withDirectives(t.createVNode("div",t.mergeProps(d,{class:l.classnames(s.value,e.className),style:{...e.style}}),[(e.closable!==!1||e.title)&&t.createVNode("div",{class:l.classnames(`${s.value}-header`,e.classNames.header),style:{...e.styles.header}},[t.createVNode("div",{class:`${s.value}-title`},[e.title]),e.closable!==!1&&t.createVNode("div",{class:`${s.value}-close`},[t.createVNode(i.Button,{type:"text",icon:t.createVNode(l.CloseOutlined,null,null),size:"small",onClick:()=>{var c;(c=e.onOpenChange)==null||c.call(e,!e.open)}},null)])]),a.default&&t.createVNode("div",{class:l.classnames(`${s.value}-content`,e.classNames.content),style:{...e.styles.content}},[(r=a.default)==null?void 0:r.call(a)])]),[[t.vShow,e.open]]):null]}})}}),y=m._export_sfc(v,[["__file","/Users/wangzhichao/办公/code/github/ant-design-x-vue-pure/ant-design-x-vue/src/sender/SenderHeader.vue"]]);exports.default=y;