ant-design-x-vue-next/lib/conversations/GroupTitle.js

Ant Design X for Vue — community continuation aligned with @ant-design/x

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("../chunks/module-chunk.js"),i=require("ant-design-vue"),p=require("./context.js"),d=e.defineComponent({name:"AXConversationsGroupTitle",__name:"GroupTitle",props:{collapsible:{type:Boolean},expanded:{type:Boolean},onToggle:{type:Function},className:null,style:null},setup(c){const t=c,o=e.useSlots(),r=p.useGroupTitleContextInject(),a=e.computed(()=>{var l;return(l=o.default)==null?void 0:l.call(o)}),s=e.computed(()=>!!t.collapsible);return()=>{const l=r.value.prefixCls;return e.createVNode("div",{class:n.classnames(`${l}-group-title`,t.className,{[`${l}-group-title-collapsible`]:s.value}),style:t.style,onClick:()=>{var u;s.value&&((u=t.onToggle)==null||u.call(t))}},[a.value&&e.createVNode("div",{class:`${l}-group-label`},[e.createVNode(i.Typography.Text,null,{default:()=>[a.value]})]),s.value&&e.createVNode("div",{class:n.classnames(`${l}-group-collapse-trigger`,`${l}-group-collapse-trigger-${t.expanded?"open":"close"}`)},[e.createVNode(n.RightOutlined,null,null)])])}}});exports.default=d;