UNPKG

cc-element-components

Version:

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

2 lines (1 loc) 2.19 kB
(function(e,o){typeof exports=="object"&&typeof module!="undefined"?module.exports=o(require("vue")):typeof define=="function"&&define.amd?define(["vue"],o):(e=typeof globalThis!="undefined"?globalThis:e||self,e.index=o(e.Vue))})(this,function(e){"use strict";var o="",r=(t,n)=>{for(const[a,l]of n)t[a]=l;return t};const s={key:0,class:"cc-comment-author"},i={key:2,class:"cc-comment-datetime"},d={key:0},m={style:{"margin-top":"20px"}};var f=r(e.defineComponent({props:{author:null,avatar:null,content:null,datetime:null,align:{default:"left"}},setup(t){return(n,a)=>{const l=e.resolveComponent("el-avatar"),c=e.resolveComponent("el-col"),k=e.resolveComponent("el-row");return e.openBlock(),e.createBlock(k,null,{default:e.withCtx(()=>[e.createVNode(c,{span:2,style:{"margin-right":"20px"}},{default:e.withCtx(()=>[t.avatar?(e.openBlock(),e.createBlock(l,{key:0,src:t.avatar},null,8,["src"])):e.renderSlot(n.$slots,"avatar",{key:1},void 0,!0)]),_:3}),e.createVNode(c,{span:20},{default:e.withCtx(()=>[e.createElementVNode("div",{style:e.normalizeStyle([{display:"flex"},{justifyContent:t.align==="left"?"flex-start":t.author?"space-between":"flex-end"}])},[t.author?(e.openBlock(),e.createElementBlock("span",s,e.toDisplayString(t.author),1)):e.renderSlot(n.$slots,"author",{key:1,class:"cc-comment-author"},void 0,!0),t.datetime?(e.openBlock(),e.createElementBlock("span",i,e.toDisplayString(t.datetime),1)):e.renderSlot(n.$slots,"datetime",{key:3,class:"cc-comment-datetime"},void 0,!0)],4),e.createElementVNode("div",null,[t.content?(e.openBlock(),e.createElementBlock("span",d,e.toDisplayString(t.content),1)):e.renderSlot(n.$slots,"content",{key:1},void 0,!0)]),n.$slots.action?(e.openBlock(),e.createElementBlock("div",{key:0,class:"cc-comment-action",style:e.normalizeStyle([{display:"flex"},{justifyContent:t.align==="left"?"flex-start":"flex-end"}])},[e.renderSlot(n.$slots,"action",{},void 0,!0)],4)):e.createCommentVNode("v-if",!0),e.createElementVNode("div",m,[n.$slots.default?e.renderSlot(n.$slots,"default",{key:0},void 0,!0):e.createCommentVNode("v-if",!0)])]),_:3})]),_:3})}}}),[["__scopeId","data-v-7947e55c"]]),y={install(t){t.component("cc-comment",f)}};return y});