You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 lines
5.8 KiB
2 lines
5.8 KiB
import{b as A,d as w,u as ae,c as d,k as E,o as p,v as M,r as U,y as x,w as N,G as q,x as _,n as m,e as t,A as Z,Y as G,Z as j,h as re,i as O,_ as J,ap as le,m as B,s as ie,F as ue,a as C,f as ce,J as T,g as de,H as pe,N as me,ao as fe,L as F,$ as Y,a2 as $,a0 as H,aq as ge}from"./index-51b73230.js";import{m as ye,h as ve,f as he}from"./el-button-49a463b1.js";import{_ as K,i as Ce,m as be,c as P,E as R,T as Te,e as Ne}from"./axios-8d343c26.js";import{u as we,m as V}from"./config-provider-8f3fcf99.js";const Se=A({value:{type:[String,Number],default:""},max:{type:Number,default:99},isDot:Boolean,hidden:Boolean,type:{type:String,values:["primary","success","warning","info","danger"],default:"danger"}}),ke=["textContent"],Be=w({name:"ElBadge"}),Ee=w({...Be,props:Se,setup(s,{expose:n}){const e=s,o=ae("badge"),a=d(()=>e.isDot?"":E(e.value)&&E(e.max)?e.max<e.value?`${e.max}+`:`${e.value}`:`${e.value}`);return n({content:a}),(l,u)=>(p(),M("div",{class:m(t(o).b())},[U(l.$slots,"default"),x(j,{name:`${t(o).namespace.value}-zoom-in-center`,persisted:""},{default:N(()=>[q(_("sup",{class:m([t(o).e("content"),t(o).em("content",l.type),t(o).is("fixed",!!l.$slots.default),t(o).is("dot",l.isDot)]),textContent:Z(t(a))},null,10,ke),[[G,!l.hidden&&(t(a)||l.isDot)]])]),_:1},8,["name"])],2))}});var Me=K(Ee,[["__file","/home/runner/work/element-plus/element-plus/packages/components/badge/src/badge.vue"]]);const _e=re(Me),Q=["success","info","warning","error"],i=be({customClass:"",center:!1,dangerouslyUseHTMLString:!1,duration:3e3,icon:void 0,id:"",message:"",onClose:void 0,showClose:!1,type:"info",offset:16,zIndex:0,grouping:!1,repeatNum:1,appendTo:J?document.body:void 0}),$e=A({customClass:{type:String,default:i.customClass},center:{type:Boolean,default:i.center},dangerouslyUseHTMLString:{type:Boolean,default:i.dangerouslyUseHTMLString},duration:{type:Number,default:i.duration},icon:{type:Ce,default:i.icon},id:{type:String,default:i.id},message:{type:O([String,Object,Function]),default:i.message},onClose:{type:O(Function),required:!1},showClose:{type:Boolean,default:i.showClose},type:{type:String,values:Q,default:i.type},offset:{type:Number,default:i.offset},zIndex:{type:Number,default:i.zIndex},grouping:{type:Boolean,default:i.grouping},repeatNum:{type:Number,default:i.repeatNum}}),xe={destroy:()=>!0},c=le([]),ze=s=>{const n=c.findIndex(a=>a.id===s),e=c[n];let o;return n>0&&(o=c[n-1]),{current:e,prev:o}},Ie=s=>{const{prev:n}=ze(s);return n?n.vm.exposed.bottom.value:0},Le=(s,n)=>c.findIndex(o=>o.id===s)>0?20:n,De=["id"],Oe=["innerHTML"],Fe=w({name:"ElMessage"}),He=w({...Fe,props:$e,emits:xe,setup(s,{expose:n}){const e=s,{Close:o}=Te,{ns:a,zIndex:l}=we("message"),{currentZIndex:u,nextZIndex:f}=l,g=B(),v=B(!1),h=B(0);let S;const X=d(()=>e.type?e.type==="error"?"danger":e.type:"info"),ee=d(()=>{const r=e.type;return{[a.bm("icon",r)]:r&&P[r]}}),z=d(()=>e.icon||P[e.type]||""),se=d(()=>Ie(e.id)),I=d(()=>Le(e.id,e.offset)+se.value),ne=d(()=>h.value+I.value),te=d(()=>({top:`${I.value}px`,zIndex:u.value}));function k(){e.duration!==0&&({stop:S}=fe(()=>{b()},e.duration))}function L(){S==null||S()}function b(){v.value=!1}function oe({code:r}){r===he.esc&&b()}return ie(()=>{k(),f(),v.value=!0}),ue(()=>e.repeatNum,()=>{L(),k()}),ye(document,"keydown",oe),ve(g,()=>{h.value=g.value.getBoundingClientRect().height}),n({visible:v,bottom:ne,close:b}),(r,D)=>(p(),C(j,{name:t(a).b("fade"),onBeforeLeave:r.onClose,onAfterLeave:D[0]||(D[0]=qe=>r.$emit("destroy")),persisted:""},{default:N(()=>[q(_("div",{id:r.id,ref_key:"messageRef",ref:g,class:m([t(a).b(),{[t(a).m(r.type)]:r.type&&!r.icon},t(a).is("center",r.center),t(a).is("closable",r.showClose),r.customClass]),style:ce(t(te)),role:"alert",onMouseenter:L,onMouseleave:k},[r.repeatNum>1?(p(),C(t(_e),{key:0,value:r.repeatNum,type:t(X),class:m(t(a).e("badge"))},null,8,["value","type","class"])):T("v-if",!0),t(z)?(p(),C(t(R),{key:1,class:m([t(a).e("icon"),t(ee)])},{default:N(()=>[(p(),C(de(t(z))))]),_:1},8,["class"])):T("v-if",!0),U(r.$slots,"default",{},()=>[r.dangerouslyUseHTMLString?(p(),M(pe,{key:1},[T(" Caution here, message could've been compromised, never use user's input as message "),_("p",{class:m(t(a).e("content")),innerHTML:r.message},null,10,Oe)],2112)):(p(),M("p",{key:0,class:m(t(a).e("content"))},Z(r.message),3))]),r.showClose?(p(),C(t(R),{key:2,class:m(t(a).e("closeBtn")),onClick:me(b,["stop"])},{default:N(()=>[x(t(o))]),_:1},8,["class","onClick"])):T("v-if",!0)],46,De),[[G,v.value]])]),_:3},8,["name","onBeforeLeave"]))}});var Pe=K(He,[["__file","/home/runner/work/element-plus/element-plus/packages/components/message/src/message.vue"]]);let Re=1;const W=s=>{const n=!s||F(s)||Y(s)||$(s)?{message:s}:s,e={...i,...n};if(!e.appendTo)e.appendTo=document.body;else if(F(e.appendTo)){let o=document.querySelector(e.appendTo);Ne(o)||(o=document.body),e.appendTo=o}return e},Ve=s=>{const n=c.indexOf(s);if(n===-1)return;c.splice(n,1);const{handler:e}=s;e.close()},Ae=({appendTo:s,...n},e)=>{const o=`message_${Re++}`,a=n.onClose,l=document.createElement("div"),u={...n,id:o,onClose:()=>{a==null||a(),Ve(h)},onDestroy:()=>{H(null,l)}},f=x(Pe,u,$(u.message)||Y(u.message)?{default:$(u.message)?u.message:()=>u.message}:null);f.appContext=e||y._context,H(f,l),s.appendChild(l.firstElementChild);const g=f.component,h={id:o,vnode:f,vm:g,handler:{close:()=>{g.exposed.visible.value=!1}},props:f.component.props};return h},y=(s={},n)=>{if(!J)return{close:()=>{}};if(E(V.max)&&c.length>=V.max)return{close:()=>{}};const e=W(s);if(e.grouping&&c.length){const a=c.find(({vnode:l})=>{var u;return((u=l.props)==null?void 0:u.message)===e.message});if(a)return a.props.repeatNum+=1,a.props.type=e.type,a.handler}const o=Ae(e,n);return c.push(o),o.handler};Q.forEach(s=>{y[s]=(n={},e)=>{const o=W(n);return y({...o,type:s},e)}});function Ue(s){for(const n of c)(!s||s===n.props.type)&&n.handler.close()}y.closeAll=Ue;y._context=null;const Ye=ge(y,"$message");export{Ye as E};
|