UNPKG

@aplus-frontend/ui

Version:

2 lines (1 loc) 1.62 kB
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue");require("../config-provider/index.js");const S=require("../config-provider/hooks/use-global-config.js"),b=require("../config-provider/hooks/use-namespace.js"),y=["title"],$=t.defineComponent({name:"ApTag",__name:"ap-tag",props:{type:{default:"purely"},text:{},color:{default:"#34B77C"},size:{default:"middle"},disabled:{type:Boolean,default:!1},fixedWidth:{type:Boolean,default:!1}},setup(p){const a=p,l=S.useGlobalConfig("uiMode"),{b:n,bm:r}=b.useNamespace("tag");function s(e,i){e.length===4&&(e=`#${e[1]}${e[1]}${e[2]}${e[2]}${e[3]}${e[3]}`);const d=parseInt(e.slice(1,3),16),g=parseInt(e.slice(3,5),16),m=parseInt(e.slice(5,7),16),f=Math.round(i*255).toString(16).padStart(2,"0");return`#${d.toString(16).padStart(2,"0")}${g.toString(16).padStart(2,"0")}${m.toString(16).padStart(2,"0")}${f}`}const o=t.computed(()=>({"--tag-main-color":a.color,"--tag-main-color-opacity":s(a.color,.06),"--tag-main-color-background":s(a.color,.15)})),c=t.computed(()=>[n("wrapper"),n(`wrapper-${a.type}`),r("wrapper",a.size)].filter(Boolean)),u=t.computed(()=>{const e=[n("inner-wrapper"),r("inner-wrapper",a.size)];return a.disabled&&(l.value==="aplus"?e.push(r("inner-wrapper","disabled")):e.push(r("inner-wrapper","disabled-admin"))),e});return(e,i)=>(t.openBlock(),t.createElementBlock("span",{style:t.normalizeStyle(o.value),title:e.text,class:t.normalizeClass(c.value)},[t.createElementVNode("span",{class:t.normalizeClass(u.value)},t.toDisplayString(e.text),3)],14,y))}});exports.default=$;