generated from VLADIMIR/template_frontend
fix
This commit is contained in:
Vendored
+48
@@ -0,0 +1,48 @@
|
||||
import{E as e,M as t,k as n,rt as r,v as i}from"./vue-router-CyfP71JJ.js";import{$ as a,H as o,J as s,R as c,U as l,X as u,Z as d,i as f,l as p,n as m,o as h,q as g,t as _,z as v}from"./light-3nK60gWS.js";import{a as y,c as b,r as x}from"./resolve-slot-tPBGpQg9.js";import{A as S,F as C,M as w,N as T,P as E,S as D,x as O}from"./index-D0lr2b1T.js";function k(e){let{lineHeight:t,borderRadius:n,fontWeightStrong:r,baseColor:i,dividerColor:a,actionColor:s,textColor1:c,textColor2:u,closeColorHover:d,closeColorPressed:f,closeIconColor:p,closeIconColorHover:m,closeIconColorPressed:h,infoColor:g,successColor:_,warningColor:v,errorColor:y,fontSize:b}=e;return Object.assign(Object.assign({},D),{fontSize:b,lineHeight:t,titleFontWeight:r,borderRadius:n,border:`1px solid ${a}`,color:s,titleTextColor:c,iconColor:u,contentTextColor:u,closeBorderRadius:n,closeColorHover:d,closeColorPressed:f,closeIconColor:p,closeIconColorHover:m,closeIconColorPressed:h,borderInfo:`1px solid ${l(i,o(g,{alpha:.25}))}`,colorInfo:l(i,o(g,{alpha:.08})),titleTextColorInfo:c,iconColorInfo:g,contentTextColorInfo:u,closeColorHoverInfo:d,closeColorPressedInfo:f,closeIconColorInfo:p,closeIconColorHoverInfo:m,closeIconColorPressedInfo:h,borderSuccess:`1px solid ${l(i,o(_,{alpha:.25}))}`,colorSuccess:l(i,o(_,{alpha:.08})),titleTextColorSuccess:c,iconColorSuccess:_,contentTextColorSuccess:u,closeColorHoverSuccess:d,closeColorPressedSuccess:f,closeIconColorSuccess:p,closeIconColorHoverSuccess:m,closeIconColorPressedSuccess:h,borderWarning:`1px solid ${l(i,o(v,{alpha:.33}))}`,colorWarning:l(i,o(v,{alpha:.08})),titleTextColorWarning:c,iconColorWarning:v,contentTextColorWarning:u,closeColorHoverWarning:d,closeColorPressedWarning:f,closeIconColorWarning:p,closeIconColorHoverWarning:m,closeIconColorPressedWarning:h,borderError:`1px solid ${l(i,o(y,{alpha:.25}))}`,colorError:l(i,o(y,{alpha:.08})),titleTextColorError:c,iconColorError:y,contentTextColorError:u,closeColorHoverError:d,closeColorPressedError:f,closeIconColorError:p,closeIconColorHoverError:m,closeIconColorPressedError:h})}var A={name:`Alert`,common:_,self:k},j=s(`alert`,`
|
||||
line-height: var(--n-line-height);
|
||||
border-radius: var(--n-border-radius);
|
||||
position: relative;
|
||||
transition: background-color .3s var(--n-bezier);
|
||||
background-color: var(--n-color);
|
||||
text-align: start;
|
||||
word-break: break-word;
|
||||
`,[u(`border`,`
|
||||
border-radius: inherit;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
transition: border-color .3s var(--n-bezier);
|
||||
border: var(--n-border);
|
||||
pointer-events: none;
|
||||
`),d(`closable`,[s(`alert-body`,[u(`title`,`
|
||||
padding-right: 24px;
|
||||
`)])]),u(`icon`,{color:`var(--n-icon-color)`}),s(`alert-body`,{padding:`var(--n-padding)`},[u(`title`,{color:`var(--n-title-text-color)`}),u(`content`,{color:`var(--n-content-text-color)`})]),O({originalTransition:`transform .3s var(--n-bezier)`,enterToProps:{transform:`scale(1)`},leaveToProps:{transform:`scale(0.9)`}}),u(`icon`,`
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
display: flex;
|
||||
width: var(--n-icon-size);
|
||||
height: var(--n-icon-size);
|
||||
font-size: var(--n-icon-size);
|
||||
margin: var(--n-icon-margin);
|
||||
`),u(`close`,`
|
||||
transition:
|
||||
color .3s var(--n-bezier),
|
||||
background-color .3s var(--n-bezier);
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
margin: var(--n-close-margin);
|
||||
`),d(`show-icon`,[s(`alert-body`,{paddingLeft:`calc(var(--n-icon-margin-left) + var(--n-icon-size) + var(--n-icon-margin-right))`})]),d(`right-adjust`,[s(`alert-body`,{paddingRight:`calc(var(--n-close-size) + var(--n-padding) + 2px)`})]),s(`alert-body`,`
|
||||
border-radius: var(--n-border-radius);
|
||||
transition: border-color .3s var(--n-bezier);
|
||||
`,[u(`title`,`
|
||||
transition: color .3s var(--n-bezier);
|
||||
font-size: 16px;
|
||||
line-height: 19px;
|
||||
font-weight: var(--n-title-font-weight);
|
||||
`,[g(`& +`,[u(`content`,{marginTop:`9px`})])]),u(`content`,{transition:`color .3s var(--n-bezier)`,fontSize:`var(--n-font-size)`})]),u(`icon`,{transition:`color .3s var(--n-bezier)`})]),M=e({name:`Alert`,inheritAttrs:!1,props:Object.assign(Object.assign({},h.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){let{mergedClsPrefixRef:t,mergedBorderedRef:n,inlineThemeDisabled:o,mergedRtlRef:s}=v(e),l=h(`Alert`,`-alert`,j,A,e,t),u=p(`Alert`,s,t),d=i(()=>{let{common:{cubicBezierEaseInOut:t},self:n}=l.value,{fontSize:r,borderRadius:i,titleFontWeight:o,lineHeight:s,iconSize:c,iconMargin:u,iconMarginRtl:d,closeIconSize:f,closeBorderRadius:p,closeSize:m,closeMargin:h,closeMarginRtl:g,padding:_}=n,{type:v}=e,{left:y,right:x}=b(u);return{"--n-bezier":t,"--n-color":n[a(`color`,v)],"--n-close-icon-size":f,"--n-close-border-radius":p,"--n-close-color-hover":n[a(`closeColorHover`,v)],"--n-close-color-pressed":n[a(`closeColorPressed`,v)],"--n-close-icon-color":n[a(`closeIconColor`,v)],"--n-close-icon-color-hover":n[a(`closeIconColorHover`,v)],"--n-close-icon-color-pressed":n[a(`closeIconColorPressed`,v)],"--n-icon-color":n[a(`iconColor`,v)],"--n-border":n[a(`border`,v)],"--n-title-text-color":n[a(`titleTextColor`,v)],"--n-content-text-color":n[a(`contentTextColor`,v)],"--n-line-height":s,"--n-border-radius":i,"--n-font-size":r,"--n-title-font-weight":o,"--n-icon-size":c,"--n-icon-margin":u,"--n-icon-margin-rtl":d,"--n-close-size":m,"--n-close-margin":h,"--n-close-margin-rtl":g,"--n-padding":_,"--n-icon-margin-left":y,"--n-icon-margin-right":x}}),f=o?c(`alert`,i(()=>e.type[0]),d,e):void 0,m=r(!0),g=()=>{let{onAfterLeave:t,onAfterHide:n}=e;t&&t(),n&&n()};return{rtlEnabled:u,mergedClsPrefix:t,mergedBordered:n,visible:m,handleCloseClick:()=>{Promise.resolve(e.onClose?.call(e)).then(e=>{e!==!1&&(m.value=!1)})},handleAfterLeave:()=>{g()},mergedTheme:l,cssVars:o?void 0:d,themeClass:f?.themeClass,onRender:f?.onRender}},render(){var e;return(e=this.onRender)==null||e.call(this),n(S,{onAfterLeave:this.handleAfterLeave},{default:()=>{let{mergedClsPrefix:e,$slots:r}=this,i={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?n(`div`,Object.assign({},t(this.$attrs,i)),this.closable&&n(m,{clsPrefix:e,class:`${e}-alert__close`,onClick:this.handleCloseClick}),this.bordered&&n(`div`,{class:`${e}-alert__border`}),this.showIcon&&n(`div`,{class:`${e}-alert__icon`,"aria-hidden":`true`},x(r.icon,()=>[n(f,{clsPrefix:e},{default:()=>{switch(this.type){case`success`:return n(T,null);case`info`:return n(E,null);case`warning`:return n(w,null);case`error`:return n(C,null);default:return null}}})])),n(`div`,{class:[`${e}-alert-body`,this.mergedBordered&&`${e}-alert-body--bordered`]},y(r.header,t=>{let r=t||this.title;return r?n(`div`,{class:`${e}-alert-body__title`},r):null}),r.default&&n(`div`,{class:`${e}-alert-body__content`},r))):null}})}});export{M as t};
|
||||
Reference in New Issue
Block a user