UNPKG

ming-pro

Version:

> ming-pro组件库是对element-plus的二次封装,在使用更易用。库是依赖element-plus以及icon,使用前先安装element-plus及icon相关设置。

2 lines (1 loc) 3.01 kB
(function(e,l){typeof exports=="object"&&typeof module!="undefined"?module.exports=l(require("vue")):typeof define=="function"&&define.amd?define(["vue"],l):(e=typeof globalThis!="undefined"?globalThis:e||self,e.index=l(e.Vue))})(this,function(e){"use strict";var l="",z="",m=(o,a)=>{const r=o.__vccOpts||o;for(const[i,_]of a)r[i]=_;return r};const p=["onClick"],k={key:0,class:"avatar"},y={class:"content"},B={key:0,class:"title"},f={key:1,class:"time"},C={key:2,class:"time"},h={class:"actions"},x=["onClick"],g={key:0,class:"a-icon"},V={class:"a-text"};var E=m(e.defineComponent({props:{list:{type:Array,required:!0},actions:{type:Array,default:()=>[]}},emits:["clickItem","clickAction"],setup(o,{emit:a}){const r=(n="Bell")=>n.toLowerCase();e.ref("first");let i=(n,s)=>{a("clickItem",{item:n,index:s})},_=(n,s)=>{a("clickAction",{item:n,index:s})};return(n,s)=>{const b=e.resolveComponent("el-avatar"),w=e.resolveComponent("el-tag"),D=e.resolveComponent("el-scrollbar"),A=e.resolveComponent("el-icon"),L=e.resolveComponent("el-tab-pane"),S=e.resolveComponent("el-tabs");return e.openBlock(),e.createBlock(S,{class:"list-tabs-item-style"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.list,(d,I)=>(e.openBlock(),e.createBlock(L,{key:I,label:d.title},{default:e.withCtx(()=>[e.createVNode(D,{"max-height":"240px"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.content,(t,c)=>(e.openBlock(),e.createElementBlock("div",{class:"container",onClick:T=>e.unref(i)(t,c),key:c},[t.avatar?(e.openBlock(),e.createElementBlock("div",k,[e.createVNode(b,{size:"small",src:t.avatar},null,8,["src"])])):e.createCommentVNode("",!0),e.createElementVNode("div",y,[t.title?(e.openBlock(),e.createElementBlock("div",B,[e.createElementVNode("div",null,e.toDisplayString(t.title),1),t.tag?(e.openBlock(),e.createBlock(w,{key:0,size:"mini",type:t.tagType},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.tag),1)]),_:2},1032,["type"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),t.desc?(e.openBlock(),e.createElementBlock("div",f,e.toDisplayString(t.desc),1)):e.createCommentVNode("",!0),t.time?(e.openBlock(),e.createElementBlock("div",C,e.toDisplayString(t.time),1)):e.createCommentVNode("",!0)])],8,p))),128))]),_:2},1024),e.createElementVNode("div",h,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.actions,(t,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["a-item",{border:c!==o.actions.length-1}]),key:c,onClick:T=>e.unref(_)(t,c)},[t.icon?(e.openBlock(),e.createElementBlock("div",g,[e.createVNode(A,null,{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(`icon-${r(t.icon)}`)))]),_:2},1024)])):e.createCommentVNode("",!0),e.createElementVNode("div",V,e.toDisplayString(t.text),1)],10,x))),128))])]),_:2},1032,["label"]))),128))]),_:1})}}}),[["__scopeId","data-v-651b6cc6"]]),N={install(o){o.component("m-list",E)}};return N});