2 lines
1.8 KiB
JavaScript
2 lines
1.8 KiB
JavaScript
"use strict";const o=require("../../../../common/vendor.js");exports.useGraphicCardCustomStyle=e=>{const t=o.useNamespace("graphic-card"),[l,r]=o.useComponentColor(o.toRef(e,"tagBgColor"),"bg"),[a,u]=o.useComponentColor(o.toRef(e,"tagTextColor"),"text"),[n,c]=o.useComponentColor(o.toRef(e,"hotColor"),"text"),[v,s]=o.useComponentColor(o.toRef(e,"activeHotColor"),"text"),[m,C]=o.useComponentColor(o.toRef(e,"commentColor"),"text"),[p,i]=o.useComponentColor(o.toRef(e,"activeCommentColor"),"text"),[d,h]=o.useComponentColor(o.toRef(e,"likeColor"),"text"),[g,y]=o.useComponentColor(o.toRef(e,"activeLikeColor"),"text"),x=o.computed((()=>{const o=[];return l.value&&o.push(l.value),a.value&&o.push(a.value),o.join(" ")})),f=o.computed((()=>{const o={};return l.value||(o.backgroundColor=r.value||"var(--tn-color-gray-disabled)"),u.value?o.color=u.value:a.value||l.value||(o.color="var(--tn-text-color-primary)"),o})),k=o.computed((()=>{const o=[t.e("hot")];return e.activeHot?v.value&&o.push(v.value):n.value&&o.push(n.value),o.join(" ")})),R=o.computed((()=>{const o={};return e.activeHot?v.value||(o.color=s.value||"var(--tn-color-primary)"):n.value||(o.color=c.value||"var(--tn-color-gray)"),o})),j=o.computed((()=>{const o=[t.e("comment")];return e.activeComment?p.value&&o.push(p.value):m.value&&o.push(m.value),o.join(" ")})),S=o.computed((()=>{const o={};return e.activeComment?p.value||(o.color=i.value||"var(--tn-color-primary)"):m.value||(o.color=C.value||"var(--tn-color-gray)"),o})),b=o.computed((()=>{const o=[t.e("like")];return e.activeLike?g.value&&o.push(g.value):d.value&&o.push(d.value),o.join(" ")})),H=o.computed((()=>{const o={};return e.activeLike?g.value||(o.color=y.value||"var(--tn-color-red)"):d.value||(o.color=h.value||"var(--tn-color-gray)"),o}));return{ns:t,tagClass:x,tagStyle:f,hotClass:k,hotStyle:R,commentClass:j,commentStyle:S,likeClass:b,likeStyle:H}};
|