4 lines
5.1 KiB
Java
4 lines
5.1 KiB
Java
import{l as K,m as Q,a as H,n as U,a5 as Y,P as v,f as Z,ce as ee,cf as oe,cg as ne,ch as le,ci as te,cj as ie,ck as ae,cl as se,k as ce,b1 as re,cm as de,cn as ue,co as ge,cp as pe,h as R}from"./index-X7Y8jykP.js";import{e as me,c as fe,s as w,f as s,a5 as ve,O as $e,P as he}from"./vue-vendor-DNhG1Cve.js";const B=(e,o,n,i,a)=>({backgroundColor:e,border:`${i.lineWidth}px ${i.lineType} ${o}`,[`${a}-icon`]:{color:n}}),ye=e=>{const{componentCls:o,motionDurationSlow:n,marginXS:i,marginSM:a,fontSize:u,fontSizeLG:c,lineHeight:g,borderRadiusLG:$,motionEaseInOutCirc:r,alertIconSizeLG:d,colorText:m,paddingContentVerticalSM:f,alertPaddingHorizontal:h,paddingMD:C,paddingContentHorizontalLG:S}=e;return{[o]:H(H({},U(e)),{position:"relative",display:"flex",alignItems:"center",padding:`${f}px ${h}px`,wordWrap:"break-word",borderRadius:$,[`&${o}-rtl`]:{direction:"rtl"},[`${o}-content`]:{flex:1,minWidth:0},[`${o}-icon`]:{marginInlineEnd:i,lineHeight:0},"&-description":{display:"none",fontSize:u,lineHeight:g},"&-message":{color:m},[`&${o}-motion-leave`]:{overflow:"hidden",opacity:1,transition:`max-height ${n} ${r}, opacity ${n} ${r},
|
|
padding-top ${n} ${r}, padding-bottom ${n} ${r},
|
|
margin-bottom ${n} ${r}`},[`&${o}-motion-leave-active`]:{maxHeight:0,marginBottom:"0 !important",paddingTop:0,paddingBottom:0,opacity:0}}),[`${o}-with-description`]:{alignItems:"flex-start",paddingInline:S,paddingBlock:C,[`${o}-icon`]:{marginInlineEnd:a,fontSize:d,lineHeight:0},[`${o}-message`]:{display:"block",marginBottom:i,color:m,fontSize:c},[`${o}-description`]:{display:"block"}},[`${o}-banner`]:{marginBottom:0,border:"0 !important",borderRadius:0}}},Ce=e=>{const{componentCls:o,colorSuccess:n,colorSuccessBorder:i,colorSuccessBg:a,colorWarning:u,colorWarningBorder:c,colorWarningBg:g,colorError:$,colorErrorBorder:r,colorErrorBg:d,colorInfo:m,colorInfoBorder:f,colorInfoBg:h}=e;return{[o]:{"&-success":B(a,i,n,e,o),"&-info":B(h,f,m,e,o),"&-warning":B(g,c,u,e,o),"&-error":H(H({},B(d,r,$,e,o)),{[`${o}-description > pre`]:{margin:0,padding:0}})}}},Se=e=>{const{componentCls:o,iconCls:n,motionDurationMid:i,marginXS:a,fontSizeIcon:u,colorIcon:c,colorIconHover:g}=e;return{[o]:{"&-action":{marginInlineStart:a},[`${o}-close-icon`]:{marginInlineStart:a,padding:0,overflow:"hidden",fontSize:u,lineHeight:`${u}px`,backgroundColor:"transparent",border:"none",outline:"none",cursor:"pointer",[`${n}-close`]:{color:c,transition:`color ${i}`,"&:hover":{color:g}}},"&-close-text":{color:c,transition:`color ${i}`,"&:hover":{color:g}}}}},xe=e=>[ye(e),Ce(e),Se(e)],Ie=K("Alert",e=>{const{fontSizeHeading3:o}=e,n=Q(e,{alertIconSizeLG:o,alertPaddingHorizontal:12});return[xe(n)]}),be={success:se,info:ae,error:ie,warning:te},we={success:le,info:ne,error:oe,warning:ee},Be=pe("success","info","warning","error"),He=()=>({type:v.oneOf(Be),closable:{type:Boolean,default:void 0},closeText:v.any,message:v.any,description:v.any,afterClose:Function,showIcon:{type:Boolean,default:void 0},prefixCls:String,banner:{type:Boolean,default:void 0},icon:v.any,closeIcon:v.any,onClose:Function}),Te=me({compatConfig:{MODE:3},name:"AAlert",inheritAttrs:!1,props:He(),setup(e,o){let{slots:n,emit:i,attrs:a,expose:u}=o;const{prefixCls:c,direction:g}=Z("alert",e),[$,r]=Ie(c),d=w(!1),m=w(!1),f=w(),h=t=>{t.preventDefault();const p=f.value;p.style.height=`${p.offsetHeight}px`,p.style.height=`${p.offsetHeight}px`,d.value=!0,i("close",t)},C=()=>{var t;d.value=!1,m.value=!0,(t=e.afterClose)===null||t===void 0||t.call(e)},S=fe(()=>{const{type:t}=e;return t!==void 0?t:e.banner?"warning":"info"});u({animationEnd:C});const j=w({});return()=>{var t,p,T,_,z,E,A,O,L,P;const{banner:D,closeIcon:W=(t=n.closeIcon)===null||t===void 0?void 0:t.call(n)}=e;let{closable:F,showIcon:y}=e;const M=(p=e.closeText)!==null&&p!==void 0?p:(T=n.closeText)===null||T===void 0?void 0:T.call(n),x=(_=e.description)!==null&&_!==void 0?_:(z=n.description)===null||z===void 0?void 0:z.call(n),k=(E=e.message)!==null&&E!==void 0?E:(A=n.message)===null||A===void 0?void 0:A.call(n),I=(O=e.icon)!==null&&O!==void 0?O:(L=n.icon)===null||L===void 0?void 0:L.call(n),G=(P=n.action)===null||P===void 0?void 0:P.call(n);y=D&&y===void 0?!0:y;const N=(x?we:be)[S.value]||null;M&&(F=!0);const l=c.value,V=ce(l,{[`${l}-${S.value}`]:!0,[`${l}-closing`]:d.value,[`${l}-with-description`]:!!x,[`${l}-no-icon`]:!y,[`${l}-banner`]:!!D,[`${l}-closable`]:F,[`${l}-rtl`]:g.value==="rtl",[r.value]:!0}),X=F?s("button",{type:"button",onClick:h,class:`${l}-close-icon`,tabindex:0},[M?s("span",{class:`${l}-close-text`},[M]):W===void 0?s(re,null,null):W]):null,q=I&&(de(I)?ue(I,{class:`${l}-icon`}):s("span",{class:`${l}-icon`},[I]))||s(N,{class:`${l}-icon`},null),J=ge(`${l}-motion`,{appear:!1,css:!0,onAfterLeave:C,onBeforeLeave:b=>{b.style.maxHeight=`${b.offsetHeight}px`},onLeave:b=>{b.style.maxHeight="0px"}});return $(m.value?null:s(ve,J,{default:()=>[$e(s("div",R(R({role:"alert"},a),{},{style:[a.style,j.value],class:[a.class,V],"data-show":!d.value,ref:f}),[y?q:null,s("div",{class:`${l}-content`},[k?s("div",{class:`${l}-message`},[k]):null,x?s("div",{class:`${l}-description`},[x]):null]),G?s("div",{class:`${l}-action`},[G]):null,X]),[[he,!d.value]])]}))}}}),Ee=Y(Te);export{Ee as b};
|