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

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

(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 y="",c=(t,n)=>{for(const[l,r]of n)t[l]=r;return t};const d={class:"trend"},i={key:1},s={class:"icon"};var a=c(e.defineComponent({props:{type:{type:String,default:"up"},upIcon:{type:String,default:"ArrowUp"},downIcon:{type:String,default:"ArrowDown"},text:{type:String,default:"\u6587\u5B57"},reverseColor:{type:Boolean,default:!1},upIconColor:{type:String,default:"#f5222d"},downIconColor:{type:String,default:"#52c41a"},upTextColor:{type:String,default:"rgb(0,0,0)"},downTextColor:{type:String,default:"rgb(0,0,0)"}},setup(t){const n=t;let l=e.useSlots(),r=e.computed(()=>n.type==="up"?n.upTextColor:n.downTextColor);return(p,m)=>(e.openBlock(),e.createElementBlock("div",d,[e.createElementVNode("div",{class:"text",style:e.normalizeStyle({color:e.unref(r)})},[e.unref(l).default?e.renderSlot(p.$slots,"default",{key:0},void 0,!0):(e.openBlock(),e.createElementBlock("div",i,e.toDisplayString(t.text),1))],4),e.createElementVNode("div",s,[t.type==="up"?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(`el-icon-${e.unref(o)(t.upIcon)}`),{key:0,style:e.normalizeStyle({color:t.reverseColor?"#52c41a":t.upIconColor})},null,8,["style"])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(`el-icon-${e.unref(o)(t.downIcon)}`),{key:1,style:e.normalizeStyle({color:t.reverseColor?"#f5222d":t.downIconColor})},null,8,["style"]))])]))}}),[["__scopeId","data-v-0fff033c"]]),f={install(t){t.component("cc-trend",a)}};return f});