2 lines
4.6 KiB
JavaScript
2 lines
4.6 KiB
JavaScript
import{bc as _,bd as R,aI as P,be as O,cC as X,d as z,aL as F,k as m,aP as D,C as d,aQ as b,aX as B,b0 as j,s as U,b7 as Q,a2 as V,cD as q,cE as G}from"./lb-BvpwA.js";import{g as J,i as K,a as Y}from"./CGnKeKo9.js";const v=(o,c,l)=>{const a=X(l);return{[`${o.componentCls}-${c}`]:{color:o[`color${l}`],background:o[`color${a}Bg`],borderColor:o[`color${a}Border`],[`&${o.componentCls}-borderless`]:{borderColor:"transparent"}}}},Z=o=>J(o,(c,l)=>{let{textColor:a,lightBorderColor:r,lightColor:e,darkColor:t}=l;return{[`${o.componentCls}-${c}`]:{color:a,background:e,borderColor:r,"&-inverse":{color:o.colorTextLightSolid,background:t,borderColor:t},[`&${o.componentCls}-borderless`]:{borderColor:"transparent"}}}}),oo=o=>{const{paddingXXS:c,lineWidth:l,tagPaddingHorizontal:a,componentCls:r}=o,e=a-l,t=c-l;return{[r]:P(P({},O(o)),{display:"inline-block",height:"auto",marginInlineEnd:o.marginXS,paddingInline:e,fontSize:o.tagFontSize,lineHeight:`${o.tagLineHeight}px`,whiteSpace:"nowrap",background:o.tagDefaultBg,border:`${o.lineWidth}px ${o.lineType} ${o.colorBorder}`,borderRadius:o.borderRadiusSM,opacity:1,transition:`all ${o.motionDurationMid}`,textAlign:"start",[`&${r}-rtl`]:{direction:"rtl"},"&, a, a:hover":{color:o.tagDefaultColor},[`${r}-close-icon`]:{marginInlineStart:t,color:o.colorTextDescription,fontSize:o.tagIconSize,cursor:"pointer",transition:`all ${o.motionDurationMid}`,"&:hover":{color:o.colorTextHeading}},[`&${r}-has-color`]:{borderColor:"transparent",[`&, a, a:hover, ${o.iconCls}-close, ${o.iconCls}-close:hover`]:{color:o.colorTextLightSolid}},"&-checkable":{backgroundColor:"transparent",borderColor:"transparent",cursor:"pointer",[`&:not(${r}-checkable-checked):hover`]:{color:o.colorPrimary,backgroundColor:o.colorFillSecondary},"&:active, &-checked":{color:o.colorTextLightSolid},"&-checked":{backgroundColor:o.colorPrimary,"&:hover":{backgroundColor:o.colorPrimaryHover}},"&:active":{backgroundColor:o.colorPrimaryActive}},"&-hidden":{display:"none"},[`> ${o.iconCls} + span, > span + ${o.iconCls}`]:{marginInlineStart:e}}),[`${r}-borderless`]:{borderColor:"transparent",background:o.tagBorderlessBg}}},H=_("Tag",o=>{const{fontSize:c,lineHeight:l,lineWidth:a,fontSizeIcon:r}=o,e=Math.round(c*l),t=o.fontSizeSM,g=e-a*2,C=o.colorFillAlter,i=o.colorText,n=R(o,{tagFontSize:t,tagLineHeight:g,tagDefaultBg:C,tagDefaultColor:i,tagIconSize:r-2*a,tagPaddingHorizontal:8,tagBorderlessBg:o.colorFillTertiary});return[oo(n),Z(n),v(n,"success","Success"),v(n,"processing","Info"),v(n,"error","Error"),v(n,"warning","Warning")]}),eo=()=>({prefixCls:String,checked:{type:Boolean,default:void 0},onChange:{type:Function},onClick:{type:Function},"onUpdate:checked":Function}),S=z({compatConfig:{MODE:3},name:"ACheckableTag",inheritAttrs:!1,props:eo(),setup(o,c){let{slots:l,emit:a,attrs:r}=c;const{prefixCls:e}=F("tag",o),[t,g]=H(e),C=n=>{const{checked:u}=o;a("update:checked",!u),a("change",!u),a("click",n)},i=m(()=>D(e.value,g.value,{[`${e.value}-checkable`]:!0,[`${e.value}-checkable-checked`]:o.checked}));return()=>{var n;return t(d("span",b(b({},r),{},{class:[i.value,r.class],onClick:C}),[(n=l.default)===null||n===void 0?void 0:n.call(l)]))}}}),lo=()=>({prefixCls:String,color:{type:String},closable:{type:Boolean,default:!1},closeIcon:B.any,visible:{type:Boolean,default:void 0},onClose:{type:Function},onClick:j(),"onUpdate:visible":Function,icon:B.any,bordered:{type:Boolean,default:!0}}),h=z({compatConfig:{MODE:3},name:"ATag",inheritAttrs:!1,props:lo(),slots:Object,setup(o,c){let{slots:l,emit:a,attrs:r}=c;const{prefixCls:e,direction:t}=F("tag",o),[g,C]=H(e),i=U(!0);Q(()=>{o.visible!==void 0&&(i.value=o.visible)});const n=s=>{s.stopPropagation(),a("update:visible",!1),a("close",s),!s.defaultPrevented&&o.visible===void 0&&(i.value=!1)},u=m(()=>K(o.color)||Y(o.color)),M=m(()=>D(e.value,C.value,{[`${e.value}-${o.color}`]:u.value,[`${e.value}-has-color`]:o.color&&!u.value,[`${e.value}-hidden`]:!i.value,[`${e.value}-rtl`]:t.value==="rtl",[`${e.value}-borderless`]:!o.bordered})),k=s=>{a("click",s)};return()=>{var s,p,f;const{icon:w=(s=l.icon)===null||s===void 0?void 0:s.call(l),color:$,closeIcon:y=(p=l.closeIcon)===null||p===void 0?void 0:p.call(l),closable:A=!1}=o,E=()=>A?y?d("span",{class:`${e.value}-close-icon`,onClick:n},[y]):d(G,{class:`${e.value}-close-icon`,onClick:n},null):null,L={backgroundColor:$&&!u.value?$:void 0},T=w||null,I=(f=l.default)===null||f===void 0?void 0:f.call(l),N=T?d(V,null,[T,d("span",null,[I])]):I,W=o.onClick!==void 0,x=d("span",b(b({},r),{},{onClick:k,class:[M.value,r.class],style:[L,r.style]}),[N,E()]);return g(W?d(q,null,{default:()=>[x]}):x)}}});h.CheckableTag=S;h.install=function(o){return o.component(h.name,h),o.component(S.name,S),o};export{h as T};
|