mirror of
https://gitee.com/mirrors/AllinSSL.git
synced 2026-03-07 23:31:10 +08:00
2 lines
5.2 KiB
JavaScript
2 lines
5.2 KiB
JavaScript
import{F as e,H as n,G as r,al as o,E as t,d as i,I as s,aA as l,b4 as a,b5 as c,af as d,b6 as b,b7 as h,b8 as g,b9 as v,ba as u,as as f,J as p,L as m,bb as z,b1 as C,k as x,bc as y,b0 as $,O as w,r as A}from"./main-Cz0Kbk_r.js";const R=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)"})]),P=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",R,z,e,n),s=C("Alert",t,n),l=x(()=>{const{common:{cubicBezierEaseInOut:n},self:r}=i.value,{fontSize:o,borderRadius:t,titleFontWeight:s,lineHeight:l,iconSize:a,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":l,"--n-border-radius":t,"--n-font-size":o,"--n-title-font-weight":s,"--n-icon-size":a,"--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}}),a=o?w("alert",x(()=>e.type[0]),l,e):void 0,c=A(!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:l,themeClass:null==a?void 0:a.themeClass,onRender:null==a?void 0:a.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({},l(this.$attrs,r)),this.closable&&s(a,{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{P as N};
|