mirror of
https://gitee.com/mirrors/AllinSSL.git
synced 2026-03-08 07:41:10 +08:00
2 lines
5.2 KiB
JavaScript
2 lines
5.2 KiB
JavaScript
import{E as e,G as n,F as r,ak as o,D as t,d as i,H as s,az as a,aX as l,aY as c,ae as d,aZ as b,a_ as h,a$ as g,b0 as v,b1 as u,ar as f,I as p,K as m,b2 as z,aT as C,k as x,b3 as y,aS as $,M as w,r as R}from"./main-QRRFfw1J.js";const A=e("alert","\n line-height: var(--n-line-height);\n border-radius: var(--n-border-radius);\n position: relative;\n transition: background-color .3s var(--n-bezier);\n background-color: var(--n-color);\n text-align: start;\n word-break: break-word;\n",[n("border","\n border-radius: inherit;\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n transition: border-color .3s var(--n-bezier);\n border: var(--n-border);\n pointer-events: none;\n "),r("closable",[e("alert-body",[n("title","\n padding-right: 24px;\n ")])]),n("icon",{color:"var(--n-icon-color)"}),e("alert-body",{padding:"var(--n-padding)"},[n("title",{color:"var(--n-title-text-color)"}),n("content",{color:"var(--n-content-text-color)"})]),o({originalTransition:"transform .3s var(--n-bezier)",enterToProps:{transform:"scale(1)"},leaveToProps:{transform:"scale(0.9)"}}),n("icon","\n position: absolute;\n left: 0;\n top: 0;\n align-items: center;\n justify-content: center;\n display: flex;\n width: var(--n-icon-size);\n height: var(--n-icon-size);\n font-size: var(--n-icon-size);\n margin: var(--n-icon-margin);\n "),n("close","\n transition:\n color .3s var(--n-bezier),\n background-color .3s var(--n-bezier);\n position: absolute;\n right: 0;\n top: 0;\n margin: var(--n-close-margin);\n "),r("show-icon",[e("alert-body",{paddingLeft:"calc(var(--n-icon-margin-left) + var(--n-icon-size) + var(--n-icon-margin-right))"})]),r("right-adjust",[e("alert-body",{paddingRight:"calc(var(--n-close-size) + var(--n-padding) + 2px)"})]),e("alert-body","\n border-radius: var(--n-border-radius);\n transition: border-color .3s var(--n-bezier);\n ",[n("title","\n transition: color .3s var(--n-bezier);\n font-size: 16px;\n line-height: 19px;\n font-weight: var(--n-title-font-weight);\n ",[t("& +",[n("content",{marginTop:"9px"})])]),n("content",{transition:"color .3s var(--n-bezier)",fontSize:"var(--n-font-size)"})]),n("icon",{transition:"color .3s var(--n-bezier)"})]),_=i({name:"Alert",inheritAttrs:!1,props:Object.assign(Object.assign({},m.props),{title:String,showIcon:{type:Boolean,default:!0},type:{type:String,default:"default"},bordered:{type:Boolean,default:!0},closable:Boolean,onClose:Function,onAfterLeave:Function,onAfterHide:Function}),slots:Object,setup(e){const{mergedClsPrefixRef:n,mergedBorderedRef:r,inlineThemeDisabled:o,mergedRtlRef:t}=p(e),i=m("Alert","-alert",A,z,e,n),s=C("Alert",t,n),a=x((()=>{const{common:{cubicBezierEaseInOut:n},self:r}=i.value,{fontSize:o,borderRadius:t,titleFontWeight:s,lineHeight:a,iconSize:l,iconMargin:c,iconMarginRtl:d,closeIconSize:b,closeBorderRadius:h,closeSize:g,closeMargin:v,closeMarginRtl:u,padding:f}=r,{type:p}=e,{left:m,right:z}=y(c);return{"--n-bezier":n,"--n-color":r[$("color",p)],"--n-close-icon-size":b,"--n-close-border-radius":h,"--n-close-color-hover":r[$("closeColorHover",p)],"--n-close-color-pressed":r[$("closeColorPressed",p)],"--n-close-icon-color":r[$("closeIconColor",p)],"--n-close-icon-color-hover":r[$("closeIconColorHover",p)],"--n-close-icon-color-pressed":r[$("closeIconColorPressed",p)],"--n-icon-color":r[$("iconColor",p)],"--n-border":r[$("border",p)],"--n-title-text-color":r[$("titleTextColor",p)],"--n-content-text-color":r[$("contentTextColor",p)],"--n-line-height":a,"--n-border-radius":t,"--n-font-size":o,"--n-title-font-weight":s,"--n-icon-size":l,"--n-icon-margin":c,"--n-icon-margin-rtl":d,"--n-close-size":g,"--n-close-margin":v,"--n-close-margin-rtl":u,"--n-padding":f,"--n-icon-margin-left":m,"--n-icon-margin-right":z}})),l=o?w("alert",x((()=>e.type[0])),a,e):void 0,c=R(!0);return{rtlEnabled:s,mergedClsPrefix:n,mergedBordered:r,visible:c,handleCloseClick:()=>{var n;Promise.resolve(null===(n=e.onClose)||void 0===n?void 0:n.call(e)).then((e=>{!1!==e&&(c.value=!1)}))},handleAfterLeave:()=>{(()=>{const{onAfterLeave:n,onAfterHide:r}=e;n&&n(),r&&r()})()},mergedTheme:i,cssVars:o?void 0:a,themeClass:null==l?void 0:l.themeClass,onRender:null==l?void 0:l.onRender}},render(){var e;return null===(e=this.onRender)||void 0===e||e.call(this),s(f,{onAfterLeave:this.handleAfterLeave},{default:()=>{const{mergedClsPrefix:e,$slots:n}=this,r={class:[`${e}-alert`,this.themeClass,this.closable&&`${e}-alert--closable`,this.showIcon&&`${e}-alert--show-icon`,!this.title&&this.closable&&`${e}-alert--right-adjust`,this.rtlEnabled&&`${e}-alert--rtl`],style:this.cssVars,role:"alert"};return this.visible?s("div",Object.assign({},a(this.$attrs,r)),this.closable&&s(l,{clsPrefix:e,class:`${e}-alert__close`,onClick:this.handleCloseClick}),this.bordered&&s("div",{class:`${e}-alert__border`}),this.showIcon&&s("div",{class:`${e}-alert__icon`,"aria-hidden":"true"},c(n.icon,(()=>[s(d,{clsPrefix:e},{default:()=>{switch(this.type){case"success":return s(v,null);case"info":return s(g,null);case"warning":return s(h,null);case"error":return s(b,null);default:return null}}})]))),s("div",{class:[`${e}-alert-body`,this.mergedBordered&&`${e}-alert-body--bordered`]},u(n.header,(n=>{const r=n||this.title;return r?s("div",{class:`${e}-alert-body__title`},r):null})),n.default&&s("div",{class:`${e}-alert-body__content`},n))):null}})}});export{_ as N};
|