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

(function(e,t){typeof exports=="object"&&typeof module<"u"?module.exports=t(require("vue")):typeof define=="function"&&define.amd?define(["vue"],t):(e=typeof globalThis<"u"?globalThis:e||self,e.index=t(e.Vue))})(this,function(e){"use strict";const t=o=>o.replace(/(A-Z)g/,"-$1").toLocaleLowerCase(),d={class:"trend"},i={key:1},s={class:"icon"},a=((o,n)=>{const r=o.__vccOpts||o;for(const[l,c]of n)r[l]=c;return r})(e.defineComponent({__name:"index",props:{type:{type:String,default:"up"},upIcon:{type:String,default:"ArrowUp"},downIcon:{type:String,default:"ArrowDown"},text:{type:String,default:"文字"},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(o){let n=o,r=e.useSlots(),l=e.computed(()=>n.type==="up"?n.upTextColor:n.downTextColor);return(c,u)=>(e.openBlock(),e.createElementBlock("div",d,[e.createElementVNode("div",{class:"text",style:e.normalizeStyle({color:e.unref(l)})},[e.createCommentVNode(" {{ textColor }} "),e.unref(r).default?e.renderSlot(c.$slots,"default",{key:0},void 0,!0):(e.openBlock(),e.createElementBlock("div",i,e.toDisplayString(o.text),1))],4),e.createElementVNode("div",s,[e.createCommentVNode(` <el-icon-arrowup :style="{color: !reverseColor ? upIconColor : '#52c41a'}" v-if="type === 'up'"></el-icon-arrowup>\r
            <el-icon-arrowdown :style="{color: !reverseColor ? downIconColor : '#f5222d'}" v-else></el-icon-arrowdown> `),o.type==="up"?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(`el-icon-${e.unref(t)(o.upIcon)}`),{key:0,style:e.normalizeStyle({color:o.reverseColor?"#52c41a":o.upIconColor})},null,8,["style"])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(`el-icon-${e.unref(t)(o.downIcon)}`),{key:1,style:e.normalizeStyle({color:o.reverseColor?"#f5222d":o.downIconColor})},null,8,["style"]))])]))}}),[["__scopeId","data-v-974d944c"]]);return{install(o){o.component("m-trend",a)}}});