ant-design-x-vue/lib/conversations/Conversations.js

Craft AI-driven interfaces effortlessly

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),u=require("../attachments/Attachments2.js"),g=require("../_util/pick-attrs.js"),P=require("./ConversationsItem.js"),v=require("./GroupTitle.js"),b=require("../_util/hooks/useMergedState.js"),V=require("../x-provider/hooks/use-x-provider-context.js");require("../x-provider/context.js");require("ant-design-vue");const S=require("./hooks/useGroupable.js"),G=require("../_util/hooks/use-x-component-config.js"),M=require("./style/index.js"),R=require("./context.js"),T=t.defineComponent({name:"AXConversations",__name:"Conversations",props:t.mergeDefaults({items:null,activeKey:null,defaultActiveKey:null,onActiveChange:{type:Function},menu:{type:Function},groupable:null,styles:null,classNames:null,prefixCls:null,rootClassName:null},{styles:()=>({}),classNames:()=>({})}),setup(e){const m=u.createPropsRestProxy(e,["prefixCls","rootClassName","items","activeKey","defaultActiveKey","onActiveChange","menu","styles","classNames","groupable","class","style"]);t.toRef(e,"class"),t.toRef(e,"activeKey"),t.toRef(e,"prefixCls");const i=t.ref(e.activeKey),d=t.computed(()=>g.default(m,{attr:!0,aria:!0,data:!0})),[y,C]=b.default(e.defaultActiveKey,{value:i});t.watch(()=>e.activeKey,()=>{i.value=e.activeKey});const c=S.default(()=>e.groupable,()=>e.items),{getPrefixCls:f,direction:o}=V.default(),l=t.computed(()=>f("conversations",e.prefixCls)),n=G.default("conversations"),[k,x,N]=M.default(l),h=t.computed(()=>u.classnames(l.value,n.value.className,e.class,e.rootClassName,x.value,N,{[`${l.value}-rtl`]:o.value==="rtl"})),q=s=>{C(s.key),e.onActiveChange&&e.onActiveChange(s.key)};return()=>k(t.createVNode("ul",t.mergeProps(d.value,{style:{...typeof n.value.style=="object"?n.value.style:{},...typeof e.style=="object"?e.style:{}},class:h.value}),[c.value.groupList.map((s,A)=>{const r=s.data.map((a,K)=>t.createVNode(P.default,{key:a.key||`key-${K}`,info:a,prefixCls:l.value,direction:o.value,class:u.classnames(e.classNames.item,n.value.classNames.item),style:{...n.value.styles.item,...e.styles.item},menu:typeof e.menu=="function"?e.menu(a):e.menu,active:y.value===a.key,onClick:q},null));return c.value.enableGroup?t.createVNode("li",{key:s.name||`key-${A}`},[t.createVNode(R.GroupTitleContextProvider,{value:{prefixCls:l.value}},{default:()=>{var a;return[((a=s.title)==null?void 0:a.call(s,s.name,{components:{GroupTitle:v.default}}))||t.createVNode(v.default,{key:s.name},{default:()=>[s.name]})]}}),t.createVNode("ul",{class:`${l.value}-list`},[r])]):r})]))}});exports.default=T;