cc-element-components/list/index.umd.js

该项目是基于`element-plus`二次封装组件，使用的技术栈为`vue3` + `typescript` + `element-plus`。在此项目当中，我们会基于`element-plus`的组件库已有组件封装如下组件: - 图标选择器 - 时间选择器 - 城市选择器 - 省市区选择器 - 通知菜单 - 趋势标记 - 评论 - 数据列表 - 数值统计 - 倒计时 - 分割面板 - 时间轴 - 弹框拓展 - 进度条拓展 - 导航菜单拓展 - 可配置项表格 - 可配置项表单 - 日历

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