3 lines
5.2 KiB
JavaScript
3 lines
5.2 KiB
JavaScript
import{D as e,Yt as t,g as n,k as r,xn as i}from"./runtime-core.esm-bundler-DkysjgTd.js";import{S as a,t as o}from"./runtime-dom.esm-bundler-CirRHyjC.js";import{r as s}from"./en_US-Cv9hrLhb.js";import{$ as c,Tt as l,Z as u,l as d,m as f,mt as p,t as m,u as h,vt as g}from"./useConfigInject-z_xeO0pP.js";import{t as _}from"./vue-types-CFReUAWV.js";import{t as v}from"./vnode-CRVBf7wj.js";import{o as y}from"./Portal-jWUJieln.js";import{t as b}from"./CloseOutlined-BdX5pn5u.js";import{t as x}from"./CloseCircleFilled-C9x0ZM0q.js";import{c as S,d as C,f as w,l as T,p as E,u as D}from"./config-provider-D1kcLCP5.js";import{t as O}from"./CheckCircleFilled-CvJ3C2gR.js";var k=(e,t,n,r,i)=>({backgroundColor:e,border:`${r.lineWidth}px ${r.lineType} ${t}`,[`${i}-icon`]:{color:n}}),A=e=>{let{componentCls:t,motionDurationSlow:n,marginXS:r,marginSM:i,fontSize:a,fontSizeLG:o,lineHeight:c,borderRadiusLG:l,motionEaseInOutCirc:u,alertIconSizeLG:d,colorText:p,paddingContentVerticalSM:m,alertPaddingHorizontal:h,paddingMD:g,paddingContentHorizontalLG:_}=e;return{[t]:s(s({},f(e)),{position:`relative`,display:`flex`,alignItems:`center`,padding:`${m}px ${h}px`,wordWrap:`break-word`,borderRadius:l,[`&${t}-rtl`]:{direction:`rtl`},[`${t}-content`]:{flex:1,minWidth:0},[`${t}-icon`]:{marginInlineEnd:r,lineHeight:0},"&-description":{display:`none`,fontSize:a,lineHeight:c},"&-message":{color:p},[`&${t}-motion-leave`]:{overflow:`hidden`,opacity:1,transition:`max-height ${n} ${u}, opacity ${n} ${u},
|
|
padding-top ${n} ${u}, padding-bottom ${n} ${u},
|
|
margin-bottom ${n} ${u}`},[`&${t}-motion-leave-active`]:{maxHeight:0,marginBottom:`0 !important`,paddingTop:0,paddingBottom:0,opacity:0}}),[`${t}-with-description`]:{alignItems:`flex-start`,paddingInline:_,paddingBlock:g,[`${t}-icon`]:{marginInlineEnd:i,fontSize:d,lineHeight:0},[`${t}-message`]:{display:`block`,marginBottom:r,color:p,fontSize:o},[`${t}-description`]:{display:`block`}},[`${t}-banner`]:{marginBottom:0,border:`0 !important`,borderRadius:0}}},j=e=>{let{componentCls:t,colorSuccess:n,colorSuccessBorder:r,colorSuccessBg:i,colorWarning:a,colorWarningBorder:o,colorWarningBg:c,colorError:l,colorErrorBorder:u,colorErrorBg:d,colorInfo:f,colorInfoBorder:p,colorInfoBg:m}=e;return{[t]:{"&-success":k(i,r,n,e,t),"&-info":k(m,p,f,e,t),"&-warning":k(c,o,a,e,t),"&-error":s(s({},k(d,u,l,e,t)),{[`${t}-description > pre`]:{margin:0,padding:0}})}}},M=e=>{let{componentCls:t,iconCls:n,motionDurationMid:r,marginXS:i,fontSizeIcon:a,colorIcon:o,colorIconHover:s}=e;return{[t]:{"&-action":{marginInlineStart:i},[`${t}-close-icon`]:{marginInlineStart:i,padding:0,overflow:`hidden`,fontSize:a,lineHeight:`${a}px`,backgroundColor:`transparent`,border:`none`,outline:`none`,cursor:`pointer`,[`${n}-close`]:{color:o,transition:`color ${r}`,"&:hover":{color:s}}},"&-close-text":{color:o,transition:`color ${r}`,"&:hover":{color:s}}}}},N=e=>[A(e),j(e),M(e)],P=h(`Alert`,e=>{let{fontSizeHeading3:t}=e;return[N(d(e,{alertIconSizeLG:t,alertPaddingHorizontal:12}))]}),F={success:O,info:S,error:x,warning:T},I={success:E,info:C,error:D,warning:w},L=u(`success`,`info`,`warning`,`error`),R=r({compatConfig:{MODE:3},name:`AAlert`,inheritAttrs:!1,props:{type:_.oneOf(L),closable:{type:Boolean,default:void 0},closeText:_.any,message:_.any,description:_.any,afterClose:Function,showIcon:{type:Boolean,default:void 0},prefixCls:String,banner:{type:Boolean,default:void 0},icon:_.any,closeIcon:_.any,onClose:Function},setup(r,s){let{slots:c,emit:u,attrs:d,expose:f}=s,{prefixCls:h,direction:_}=m(`alert`,r),[x,S]=P(h),C=i(!1),w=i(!1),T=i(),E=e=>{e.preventDefault();let t=T.value;t.style.height=`${t.offsetHeight}px`,t.style.height=`${t.offsetHeight}px`,C.value=!0,u(`close`,e)},D=()=>{var e;C.value=!1,w.value=!0,(e=r.afterClose)==null||e.call(r)},O=n(()=>{let{type:e}=r;return e===void 0?r.banner?`warning`:`info`:e});f({animationEnd:D});let k=i({});return()=>{var n,i,s,u,f,m,A,j,M,N;let{banner:P,closeIcon:L=(n=c.closeIcon)==null?void 0:n.call(c)}=r,{closable:R,showIcon:z}=r,B=(i=r.closeText)==null?(s=c.closeText)==null?void 0:s.call(c):i,V=(u=r.description)==null?(f=c.description)==null?void 0:f.call(c):u,H=(m=r.message)==null?(A=c.message)==null?void 0:A.call(c):m,U=(j=r.icon)==null?(M=c.icon)==null?void 0:M.call(c):j,W=(N=c.action)==null?void 0:N.call(c);z=P&&z===void 0?!0:z;let G=(V?I:F)[O.value]||null;B&&(R=!0);let K=h.value,q=g(K,{[`${K}-${O.value}`]:!0,[`${K}-closing`]:C.value,[`${K}-with-description`]:!!V,[`${K}-no-icon`]:!z,[`${K}-banner`]:!!P,[`${K}-closable`]:R,[`${K}-rtl`]:_.value===`rtl`,[S.value]:!0}),J=R?e(`button`,{type:`button`,onClick:E,class:`${K}-close-icon`,tabindex:0},[B?e(`span`,{class:`${K}-close-text`},[B]):L===void 0?e(b,null,null):L]):null,Y=U&&(p(U)?v(U,{class:`${K}-icon`}):e(`span`,{class:`${K}-icon`},[U]))||e(G,{class:`${K}-icon`},null),X=y(`${K}-motion`,{appear:!1,css:!0,onAfterLeave:D,onBeforeLeave:e=>{e.style.maxHeight=`${e.offsetHeight}px`},onLeave:e=>{e.style.maxHeight=`0px`}});return x(w.value?null:e(o,X,{default:()=>[t(e(`div`,l(l({role:`alert`},d),{},{style:[d.style,k.value],class:[d.class,q],"data-show":!C.value,ref:T}),[z?Y:null,e(`div`,{class:`${K}-content`},[H?e(`div`,{class:`${K}-message`},[H]):null,V?e(`div`,{class:`${K}-description`},[V]):null]),W?e(`div`,{class:`${K}-action`},[W]):null,J]),[[a,!C.value]])]}))}}}),z=c(R);export{z as t}; |