cc-element-components
Version:
该项目是基于`element-plus`二次封装组件,使用的技术栈为`vue3` + `typescript` + `element-plus`。在此项目当中,我们会基于`element-plus`的组件库已有组件封装如下组件: - 图标选择器 - 时间选择器 - 城市选择器 - 省市区选择器 - 通知菜单 - 趋势标记 - 评论 - 数据列表 - 数值统计 - 倒计时 - 分割面板 - 时间轴 - 弹框拓展 - 进度条拓展 - 导航菜单拓展 - 可配置项表格 - 可配置项表单 - 日历
2 lines (1 loc) • 1.19 kB
JavaScript
(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";const o=t=>t.replace(/(A-Z)g/,"-$1").toLocaleLowerCase();var d="",c=(t,n)=>{for(const[r,i]of n)t[r]=i;return t},a=c(e.defineComponent({props:{icon:{type:String,default:"Bell"},value:{type:[String,Number],default:""},max:{type:Number},isDot:{type:Boolean,default:!1}},setup(t){return(n,r)=>{const i=e.resolveComponent("el-badge"),s=e.resolveComponent("el-popover");return e.openBlock(),e.createBlock(s,{"popper-class":"notification-popper-class",placement:"bottom",width:300,trigger:"click"},{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default",{},void 0,!0)]),reference:e.withCtx(()=>[e.createVNode(i,{style:{cursor:"pointer"},value:t.value,max:t.max,"is-dot":t.isDot},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(`el-icon-${e.unref(o)(t.icon)}`)))]),_:1},8,["value","max","is-dot"])]),_:3})}}}),[["__scopeId","data-v-d33c25ac"]]),l={install(t){t.component("cc-notification",a)}};return l});