vue-amazing-ui/lib/gradienttext/GradientText.vue2.cjs

An Amazing Vue3 UI Components Library, Using TypeScript.

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue");var a=(t=>(t.primary="rgba(22, 199, 255, 0.6)",t.info="rgba(22, 199, 255, 0.6)",t.success="rgba(82, 196, 26, 0.6)",t.warning="rgba(250, 173, 20, 0.6)",t.error="rgba(255, 77, 79, 0.6)",t))(a||{}),i=(t=>(t.primary="#1677ff",t.info="#1677ff",t.success="#52c41a",t.warning="#faad14",t.error="#ff4d4f",t))(i||{});const c=r.defineComponent({__name:"GradientText",props:{gradient:{default:void 0},size:{default:14},weight:{default:400},type:{default:"primary"}},setup(t){const e=t,u=r.computed(()=>typeof e.gradient=="string"?{backgroundImage:e.gradient}:{}),o=r.computed(()=>typeof e.gradient=="object"&&e.gradient.deg?g(e.gradient.deg)?`${e.gradient.deg}deg`:e.gradient.deg:"252deg"),d=r.computed(()=>typeof e.gradient=="object"?e.gradient.from:a[e.type]),s=r.computed(()=>typeof e.gradient=="object"?e.gradient.to:i[e.type]),f=r.computed(()=>{if(typeof e.size=="number")return`${e.size}px`;if(typeof e.size=="string")return e.size});function g(n){return typeof n=="number"}return(n,l)=>(r.openBlock(),r.createElementBlock("span",{class:"gradient-text-wrap",style:r.normalizeStyle([`--rotate: ${o.value}; --color-start: ${d.value}; --color-end: ${s.value}; --font-size: ${f.value}; --font-weight: ${n.weight};`,u.value])},[r.renderSlot(n.$slots,"default",{},void 0,!0)],4))}});exports.default=c;