2 lines
2.6 KiB
JavaScript
2 lines
2.6 KiB
JavaScript
import{_ as T,d as _,e as b,c as f,C as k,o as t,u as v,h as A,n as c,A as N,q as y,N as O,a as P,aA as G,aI as L,aJ as R,t as j,g as q,b as n,i as $,al as E,y as H,z as J}from"./index-C4UKuwCQ.js";const B=["red","orangered","orange","gold","lime","green","cyan","blue","arcoblue","purple","pinkpurple","magenta","gray"],M=_({name:"Tag",components:{IconHover:R,IconClose:L,IconLoading:G},props:{color:{type:String},size:{type:String},bordered:{type:Boolean,default:!1},visible:{type:Boolean,default:void 0},defaultVisible:{type:Boolean,default:!0},loading:{type:Boolean,default:!1},closable:{type:Boolean,default:!1},checkable:{type:Boolean,default:!1},checked:{type:Boolean,default:void 0},defaultChecked:{type:Boolean,default:!0},nowrap:{type:Boolean,default:!1}},emits:{"update:visible":e=>!0,"update:checked":e=>!0,close:e=>!0,check:(e,l)=>!0},setup(e,{emit:l}){const{size:i}=j(e),o=q("tag"),h=n(()=>e.color&&B.includes(e.color)),C=n(()=>e.color&&!B.includes(e.color)),r=$(e.defaultVisible),d=$(e.defaultChecked),u=n(()=>{var a;return(a=e.visible)!=null?a:r.value}),s=n(()=>{var a;return e.checkable?(a=e.checked)!=null?a:d.value:!0}),{mergedSize:p}=E(i),z=n(()=>p.value==="mini"?"small":p.value),S=a=>{r.value=!1,l("update:visible",!1),l("close",a)},V=a=>{if(e.checkable){const m=!s.value;d.value=m,l("update:checked",m),l("check",m,a)}},w=n(()=>[o,`${o}-size-${z.value}`,{[`${o}-loading`]:e.loading,[`${o}-hide`]:!u.value,[`${o}-${e.color}`]:h.value,[`${o}-bordered`]:e.bordered,[`${o}-checkable`]:e.checkable,[`${o}-checked`]:s.value,[`${o}-custom-color`]:C.value}]),I=n(()=>{if(C.value)return{backgroundColor:e.color}});return{prefixCls:o,cls:w,style:I,computedVisible:u,computedChecked:s,handleClick:V,handleClose:S}}});function D(e,l,i,o,h,C){const r=b("icon-close"),d=b("icon-hover"),u=b("icon-loading");return e.computedVisible?(t(),f("span",{key:0,class:c(e.cls),style:P(e.style),onClick:l[0]||(l[0]=(...s)=>e.handleClick&&e.handleClick(...s))},[e.$slots.icon?(t(),f("span",{key:0,class:c(`${e.prefixCls}-icon`)},[v(e.$slots,"icon")],2)):k("v-if",!0),e.nowrap?(t(),f("span",{key:1,class:c(`${e.prefixCls}-text`)},[v(e.$slots,"default")],2)):v(e.$slots,"default",{key:2}),e.closable?(t(),A(d,{key:3,role:"button","aria-label":"Close",prefix:e.prefixCls,class:c(`${e.prefixCls}-close-btn`),onClick:O(e.handleClose,["stop"])},{default:N(()=>[v(e.$slots,"close-icon",{},()=>[y(r)])]),_:3},8,["prefix","class","onClick"])):k("v-if",!0),e.loading?(t(),f("span",{key:4,class:c(`${e.prefixCls}-loading-icon`)},[y(u)],2)):k("v-if",!0)],6)):k("v-if",!0)}var g=T(M,[["render",D]]);const K=Object.assign(g,{install:(e,l)=>{H(e,l);const i=J(l);e.component(i+g.name,g)}});export{K as T};
|