l-element-components
Version:
2 lines (1 loc) • 3.06 kB
JavaScript
(function(e,s){typeof exports=="object"&&typeof module<"u"?module.exports=s(require("vue")):typeof define=="function"&&define.amd?define(["vue"],s):(e=typeof globalThis<"u"?globalThis:e||self,e.index=s(e.Vue))})(this,function(e){"use strict";const s=o=>o.replace(/(A-Z)g/,"-$1").toLocaleLowerCase(),_={class:"l-list-tabs-item"},p=["onClick"],k={class:"avatar"},f={class:"content"},B={key:0,class:"title"},y={key:1,class:"desc"},C={key:2,class:"time"},h={class:"actions"},V=["onClick"],g={key:0,class:"a-icon"},x={class:"a-text"},E=((o,d)=>{const a=o.__vccOpts||o;for(const[m,i]of d)a[m]=i;return a})(e.defineComponent({__name:"index",props:{list:{type:Array,required:!0},actions:{type:Array,default:()=>[]}},emits:["clickItem","clickAction"],setup(o,{emit:d}){const a=e.ref("通知"),m=(l,n)=>{console.log(l,n)};let i=d,N=(l,n)=>{i("clickItem",{item:l,index:n})},b=(l,n)=>{i("clickAction",{action:l,index:n})};return(l,n)=>{const L=e.resolveComponent("el-avatar"),A=e.resolveComponent("el-tag"),D=e.resolveComponent("el-scrollbar"),w=e.resolveComponent("el-tab-pane"),S=e.resolveComponent("el-tabs");return e.openBlock(),e.createElementBlock("div",_,[e.createVNode(S,{modelValue:a.value,"onUpdate:modelValue":n[0]||(n[0]=r=>a.value=r)},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.list,(r,T)=>(e.openBlock(),e.createBlock(w,{onTabClick:m,key:T,label:r.title,name:r.title},{default:e.withCtx(()=>[e.createVNode(D,{"max-height":"300px"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.content,(t,c)=>(e.openBlock(),e.createElementBlock("div",{onClick:I=>e.unref(N)(t,c),key:c,class:"container"},[e.createElementVNode("div",k,[e.createVNode(L,{src:t.avatar,size:"small"},null,8,["src"])]),e.createElementVNode("div",f,[t.title?(e.openBlock(),e.createElementBlock("div",B,[e.createElementVNode("div",null,e.toDisplayString(t.title),1),t.tag?(e.openBlock(),e.createBlock(A,{key:0,type:t.tagType},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.tag),1)]),_:2},1032,["type"])):e.createCommentVNode("v-if",!0)])):e.createCommentVNode("v-if",!0),t.desc?(e.openBlock(),e.createElementBlock("div",y,e.toDisplayString(t.desc),1)):e.createCommentVNode("v-if",!0),t.time?(e.openBlock(),e.createElementBlock("div",C,e.toDisplayString(t.time),1)):e.createCommentVNode("v-if",!0)])],8,p))),128)),e.createElementVNode("div",h,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.actions,(t,c)=>(e.openBlock(),e.createElementBlock("div",{onClick:I=>e.unref(b)(t,c),key:c,class:e.normalizeClass(["a-item",{br1:c!==o.actions.length}])},[t.icon?(e.openBlock(),e.createElementBlock("div",g,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(`el-icon-${e.unref(s)(t.icon)}`)))])):e.createCommentVNode("v-if",!0),e.createElementVNode("div",x,e.toDisplayString(t.text),1)],10,V))),128))])]),_:2},1024)]),_:2},1032,["label","name"]))),128))]),_:1},8,["modelValue"])])}}}),[["__scopeId","data-v-18e7e956"]]);return{install(o){o.component("l-list",E)}}});