@artmate/chat/dist/cjs/conversations/index.vue.js

借鉴字节开源react库AntX，通过vue实现的版本

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),N=require("../hooks/useNamespace.js"),d=require("./GroupTitle.vue.js"),f=require("./hooks/useGroupable.js"),p=require("./item.vue.js");;/* empty css           */const E=e.defineComponent({__name:"index",props:{style:{},className:{},direction:{},groupable:{type:[Boolean,Object]},items:{},defaultActiveKey:{},activeKey:{},onActiveChange:{type:Function},classNames:{},styles:{},menu:{type:[Function,Array]}},emits:["update:activeKey"],setup(B,{emit:v}){const t=B,_=v,s=N.useNamespace("conversations"),m=e.computed(()=>t.activeKey||t.defaultActiveKey||""),[C,b]=f.default(t.groupable,t.items),S=e.computed(()=>[s.b(),t.className,{[s.b("rtl")]:t.direction==="rtl"}]),u=a=>{t.onActiveChange&&t.onActiveChange(a.key)===!1||_("update:activeKey",a.key)};return(a,h)=>(e.openBlock(),e.createElementBlock("ul",{class:e.normalizeClass(S.value),style:e.normalizeStyle(t.style)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(C),(l,y)=>{var k;return e.openBlock(),e.createElementBlock(e.Fragment,{key:y},[e.unref(b)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[(e.openBlock(),e.createElementBlock("li",{key:l.name||`key-${y}`},[l.title?(e.openBlock(),e.createBlock(e.resolveDynamicComponent((k=l.title)==null?void 0:k.call(l,l.name,{components:{GroupTitle:d.default}})),{key:0})):(e.openBlock(),e.createBlock(d.default,{key:l.name},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.name),1)]),_:2},1024))])),e.createElementVNode("ul",{class:e.normalizeClass([e.unref(s).b("list")])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.data,(n,r)=>{var c,i;return e.openBlock(),e.createBlock(p.default,{key:n.key||`key-${r}`,active:m.value===n.key,"class-name":(c=t.classNames)==null?void 0:c.item,direction:t.direction,info:n,menu:typeof t.menu=="function"?t.menu(n):t.menu,style:e.normalizeStyle((i=t.styles)==null?void 0:i.item),onClick:u},{label:e.withCtx(({item:o})=>[e.renderSlot(a.$slots,"item",{item:o})]),icon:e.withCtx(()=>[e.renderSlot(a.$slots,"icon")]),_:2},1032,["active","class-name","direction","info","menu","style"])}),128))],2)],64)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(l.data,(n,r)=>{var c,i;return e.openBlock(),e.createBlock(p.default,{key:n.key||`key-${r}`,active:m.value===n.key,"class-name":(c=t.classNames)==null?void 0:c.item,direction:t.direction,info:n,menu:typeof t.menu=="function"?t.menu(n):t.menu,style:e.normalizeStyle((i=t.styles)==null?void 0:i.item),onClick:u},{label:e.withCtx(({item:o})=>[e.renderSlot(a.$slots,"item",{item:o})]),icon:e.withCtx(()=>[e.renderSlot(a.$slots,"icon")]),_:2},1032,["active","class-name","direction","info","menu","style"])}),128))],64)}),128))],6))}});exports.default=E;