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

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

(function(e,t){typeof exports=="object"&&typeof module!="undefined"?module.exports=t(require("vue")):typeof define=="function"&&define.amd?define(["vue"],t):(e=typeof globalThis!="undefined"?globalThis:e||self,e.index=t(e.Vue))})(this,function(e){"use strict";const t=e.defineComponent({props:{percentage:{type:Number,required:!0},isAnimate:{type:Boolean,default:!1},time:{type:Number,default:3e3}},setup(o){const n=o;e.ref(0);let r=e.ref(0);return e.onMounted(()=>{if(n.isAnimate){let p=Math.ceil(n.time/n.percentage),i=setInterval(()=>{r.value+=1,r.value>=n.percentage&&(r.value=n.percentage,clearInterval(i))},p)}}),(p,i)=>{const c=e.resolveComponent("el-progress");return e.openBlock(),e.createBlock(c,e.mergeProps({percentage:e.unref(r)},p.$attrs),null,16,["percentage"])}}});var s={install(o){o.component("cc-progress",t)}};return s});