2023-11-15 15:57:04 +08:00

2 lines
11 KiB
JavaScript

import{a as V,w as z,v as N,T as ve,r as le}from"./event-f85d77b0.js";import{E as ge}from"./index-c5914bde.js";import{E as ye}from"./index-e27c3bb0.js";import{E as be,u as Ce,b as Ee,c as he}from"./index-313cd2ce.js";import{E as Be,$ as we,T as x,C as _,v as Me,i as ke,k as Te,L as ee}from"./index-cf9a2dd7.js";import{w as q,i as Se,E as A,d as Ie,b as Ae,r as h,O as Re,c as B,o as $e,K as Oe,Z as Le,_ as Ve,$ as w,e as d,v,x as f,M as U,y,g as c,n as i,j as ne,f as K,S as P,H as M,B as I,h as ze,A as j,m as re,a4 as ie,W as se,q as Pe,Y as oe}from"./plugin-vue_export-helper-85a4d40b.js";import{E as De,u as He}from"./index-1ad115d7.js";import{o as te}from"./aria-adfa05c5.js";import{E as Fe,u as Ne}from"./focus-trap-64c402c5.js";import{i as Ue}from"./validator-bcf701e4.js";const Ke=(e,n)=>{let a;q(()=>e.value,r=>{var o,t;r?(a=document.activeElement,Se(n)&&((t=(o=n.value).focus)==null||t.call(o))):a.focus()})},Z="_trap-focus-children",b=[],ae=e=>{if(b.length===0)return;const n=b[b.length-1][Z];if(n.length>0&&e.code===De.tab){if(n.length===1){e.preventDefault(),document.activeElement!==n[0]&&n[0].focus();return}const a=e.shiftKey,r=e.target===n[0],o=e.target===n[n.length-1];r&&a&&(e.preventDefault(),n[n.length-1].focus()),o&&!a&&(e.preventDefault(),n[0].focus())}},je={beforeMount(e){e[Z]=te(e),b.push(e),b.length<=1&&document.addEventListener("keydown",ae)},updated(e){A(()=>{e[Z]=te(e)})},unmounted(){b.shift(),b.length===0&&document.removeEventListener("keydown",ae)}},qe=Ie({name:"ElMessageBox",directives:{TrapFocus:je},components:{ElButton:ge,ElFocusTrap:Fe,ElInput:ye,ElOverlay:be,ElIcon:Be,...we},inheritAttrs:!1,props:{buttonSize:{type:String,validator:Ue},modal:{type:Boolean,default:!0},lockScroll:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},closeOnClickModal:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},closeOnHashChange:{type:Boolean,default:!0},center:Boolean,draggable:Boolean,roundButton:{default:!1,type:Boolean},container:{type:String,default:"body"},boxType:{type:String,default:""}},emits:["vanish","action"],setup(e,{emit:n}){const{t:a}=He(),r=Ae("message-box"),o=h(!1),{nextZIndex:t}=Ne(),s=Re({autofocus:!0,beforeClose:null,callback:null,cancelButtonText:"",cancelButtonClass:"",confirmButtonText:"",confirmButtonClass:"",customClass:"",customStyle:{},dangerouslyUseHTMLString:!1,distinguishCancelAndClose:!1,icon:"",inputPattern:null,inputPlaceholder:"",inputType:"text",inputValue:null,inputValidator:null,inputErrorMessage:"",message:null,modalFade:!0,modalClass:"",showCancelButton:!1,showConfirmButton:!0,type:"",title:void 0,showInput:!1,action:"",confirmButtonLoading:!1,cancelButtonLoading:!1,confirmButtonDisabled:!1,editorErrorMessage:"",validateError:!1,zIndex:t()}),m=B(()=>{const l=s.type;return{[r.bm("icon",l)]:l&&x[l]}}),D=_(),$=_(),H=Me(B(()=>e.buttonSize),{prop:!0,form:!0,formItem:!0}),F=B(()=>s.icon||x[s.type]||""),u=B(()=>!!s.message),C=h(),G=h(),T=h(),O=h(),W=h(),ue=B(()=>s.confirmButtonClass);q(()=>s.inputValue,async l=>{await A(),e.boxType==="prompt"&&l!==null&&Y()},{immediate:!0}),q(()=>o.value,l=>{var p,E;l&&(e.boxType!=="prompt"&&(s.autofocus?T.value=(E=(p=W.value)==null?void 0:p.$el)!=null?E:C.value:T.value=C.value),s.zIndex=t()),e.boxType==="prompt"&&(l?A().then(()=>{var Q;O.value&&O.value.$el&&(s.autofocus?T.value=(Q=me())!=null?Q:C.value:T.value=C.value)}):(s.editorErrorMessage="",s.validateError=!1))});const de=B(()=>e.draggable);Ce(C,G,de),$e(async()=>{await A(),e.closeOnHashChange&&window.addEventListener("hashchange",S)}),Oe(()=>{e.closeOnHashChange&&window.removeEventListener("hashchange",S)});function S(){o.value&&(o.value=!1,A(()=>{s.action&&n("action",s.action)}))}const X=()=>{e.closeOnClickModal&&L(s.distinguishCancelAndClose?"close":"cancel")},fe=he(X),ce=l=>{if(s.inputType!=="textarea")return l.preventDefault(),L("confirm")},L=l=>{var p;e.boxType==="prompt"&&l==="confirm"&&!Y()||(s.action=l,s.beforeClose?(p=s.beforeClose)==null||p.call(s,l,s,S):S())},Y=()=>{if(e.boxType==="prompt"){const l=s.inputPattern;if(l&&!l.test(s.inputValue||""))return s.editorErrorMessage=s.inputErrorMessage||a("el.messagebox.error"),s.validateError=!0,!1;const p=s.inputValidator;if(typeof p=="function"){const E=p(s.inputValue);if(E===!1)return s.editorErrorMessage=s.inputErrorMessage||a("el.messagebox.error"),s.validateError=!0,!1;if(typeof E=="string")return s.editorErrorMessage=E,s.validateError=!0,!1}}return s.editorErrorMessage="",s.validateError=!1,!0},me=()=>{const l=O.value.$refs;return l.input||l.textarea},J=()=>{L("close")},pe=()=>{e.closeOnPressEscape&&J()};return e.lockScroll&&Ee(o),Ke(o),{...Le(s),ns:r,overlayEvent:fe,visible:o,hasMessage:u,typeClass:m,contentId:D,inputId:$,btnSize:H,iconComponent:F,confirmButtonClasses:ue,rootRef:C,focusStartRef:T,headerRef:G,inputRef:O,confirmRef:W,doClose:S,handleClose:J,onCloseRequested:pe,handleWrapperClick:X,handleInputEnter:ce,handleAction:L,t:a}}}),Ze=["aria-label","aria-describedby"],Ge=["aria-label"],We=["id"];function Xe(e,n,a,r,o,t){const s=w("el-icon"),m=w("close"),D=w("el-input"),$=w("el-button"),H=w("el-focus-trap"),F=w("el-overlay");return d(),v(ve,{name:"fade-in-linear",onAfterLeave:n[11]||(n[11]=u=>e.$emit("vanish")),persisted:""},{default:f(()=>[U(y(F,{"z-index":e.zIndex,"overlay-class":[e.ns.is("message-box"),e.modalClass],mask:e.modal},{default:f(()=>[c("div",{role:"dialog","aria-label":e.title,"aria-modal":"true","aria-describedby":e.showInput?void 0:e.contentId,class:i(`${e.ns.namespace.value}-overlay-message-box`),onClick:n[8]||(n[8]=(...u)=>e.overlayEvent.onClick&&e.overlayEvent.onClick(...u)),onMousedown:n[9]||(n[9]=(...u)=>e.overlayEvent.onMousedown&&e.overlayEvent.onMousedown(...u)),onMouseup:n[10]||(n[10]=(...u)=>e.overlayEvent.onMouseup&&e.overlayEvent.onMouseup(...u))},[y(H,{loop:"",trapped:e.visible,"focus-trap-el":e.rootRef,"focus-start-el":e.focusStartRef,onReleaseRequested:e.onCloseRequested},{default:f(()=>[c("div",{ref:"rootRef",class:i([e.ns.b(),e.customClass,e.ns.is("draggable",e.draggable),{[e.ns.m("center")]:e.center}]),style:ne(e.customStyle),tabindex:"-1",onClick:n[7]||(n[7]=V(()=>{},["stop"]))},[e.title!==null&&e.title!==void 0?(d(),K("div",{key:0,ref:"headerRef",class:i(e.ns.e("header"))},[c("div",{class:i(e.ns.e("title"))},[e.iconComponent&&e.center?(d(),v(s,{key:0,class:i([e.ns.e("status"),e.typeClass])},{default:f(()=>[(d(),v(P(e.iconComponent)))]),_:1},8,["class"])):M("v-if",!0),c("span",null,I(e.title),1)],2),e.showClose?(d(),K("button",{key:0,type:"button",class:i(e.ns.e("headerbtn")),"aria-label":e.t("el.messagebox.close"),onClick:n[0]||(n[0]=u=>e.handleAction(e.distinguishCancelAndClose?"close":"cancel")),onKeydown:n[1]||(n[1]=z(V(u=>e.handleAction(e.distinguishCancelAndClose?"close":"cancel"),["prevent"]),["enter"]))},[y(s,{class:i(e.ns.e("close"))},{default:f(()=>[y(m)]),_:1},8,["class"])],42,Ge)):M("v-if",!0)],2)):M("v-if",!0),c("div",{id:e.contentId,class:i(e.ns.e("content"))},[c("div",{class:i(e.ns.e("container"))},[e.iconComponent&&!e.center&&e.hasMessage?(d(),v(s,{key:0,class:i([e.ns.e("status"),e.typeClass])},{default:f(()=>[(d(),v(P(e.iconComponent)))]),_:1},8,["class"])):M("v-if",!0),e.hasMessage?(d(),K("div",{key:1,class:i(e.ns.e("message"))},[ze(e.$slots,"default",{},()=>[e.dangerouslyUseHTMLString?(d(),v(P(e.showInput?"label":"p"),{key:1,for:e.showInput?e.inputId:void 0,innerHTML:e.message},null,8,["for","innerHTML"])):(d(),v(P(e.showInput?"label":"p"),{key:0,for:e.showInput?e.inputId:void 0},{default:f(()=>[j(I(e.dangerouslyUseHTMLString?"":e.message),1)]),_:1},8,["for"]))])],2)):M("v-if",!0)],2),U(c("div",{class:i(e.ns.e("input"))},[y(D,{id:e.inputId,ref:"inputRef",modelValue:e.inputValue,"onUpdate:modelValue":n[2]||(n[2]=u=>e.inputValue=u),type:e.inputType,placeholder:e.inputPlaceholder,"aria-invalid":e.validateError,class:i({invalid:e.validateError}),onKeydown:z(e.handleInputEnter,["enter"])},null,8,["id","modelValue","type","placeholder","aria-invalid","class","onKeydown"]),c("div",{class:i(e.ns.e("errormsg")),style:ne({visibility:e.editorErrorMessage?"visible":"hidden"})},I(e.editorErrorMessage),7)],2),[[N,e.showInput]])],10,We),c("div",{class:i(e.ns.e("btns"))},[e.showCancelButton?(d(),v($,{key:0,loading:e.cancelButtonLoading,class:i([e.cancelButtonClass]),round:e.roundButton,size:e.btnSize,onClick:n[3]||(n[3]=u=>e.handleAction("cancel")),onKeydown:n[4]||(n[4]=z(V(u=>e.handleAction("cancel"),["prevent"]),["enter"]))},{default:f(()=>[j(I(e.cancelButtonText||e.t("el.messagebox.cancel")),1)]),_:1},8,["loading","class","round","size"])):M("v-if",!0),U(y($,{ref:"confirmRef",type:"primary",loading:e.confirmButtonLoading,class:i([e.confirmButtonClasses]),round:e.roundButton,disabled:e.confirmButtonDisabled,size:e.btnSize,onClick:n[5]||(n[5]=u=>e.handleAction("confirm")),onKeydown:n[6]||(n[6]=z(V(u=>e.handleAction("confirm"),["prevent"]),["enter"]))},{default:f(()=>[j(I(e.confirmButtonText||e.t("el.messagebox.confirm")),1)]),_:1},8,["loading","class","round","disabled","size"]),[[N,e.showConfirmButton]])],2)],6)]),_:3},8,["trapped","focus-trap-el","focus-start-el","onReleaseRequested"])],42,Ze)]),_:3},8,["z-index","overlay-class","mask"]),[[N,e.visible]])]),_:3})}var Ye=Ve(qe,[["render",Xe],["__file","/home/runner/work/element-plus/element-plus/packages/components/message-box/src/index.vue"]]);const R=new Map,Je=e=>{let n=document.body;return e.appendTo&&(re(e.appendTo)&&(n=document.querySelector(e.appendTo)),ee(e.appendTo)&&(n=e.appendTo),ee(n)||(n=document.body)),n},Qe=(e,n,a=null)=>{const r=y(Ye,e,oe(e.message)||ie(e.message)?{default:oe(e.message)?e.message:()=>e.message}:null);return r.appContext=a,le(r,n),Je(e).appendChild(n.firstElementChild),r.component},xe=()=>document.createElement("div"),_e=(e,n)=>{const a=xe();e.onVanish=()=>{le(null,a),R.delete(o)},e.onAction=t=>{const s=R.get(o);let m;e.showInput?m={value:o.inputValue,action:t}:m=t,e.callback?e.callback(m,r.proxy):t==="cancel"||t==="close"?e.distinguishCancelAndClose&&t!=="cancel"?s.reject("close"):s.reject("cancel"):s.resolve(m)};const r=Qe(e,a,n),o=r.proxy;for(const t in e)se(e,t)&&!se(o.$props,t)&&(o[t]=e[t]);return o.visible=!0,o};function k(e,n=null){if(!ke)return Promise.reject();let a;return re(e)||ie(e)?e={message:e}:a=e.callback,new Promise((r,o)=>{const t=_e(e,n??k._context);R.set(t,{options:e,callback:a,resolve:r,reject:o})})}const en=["alert","confirm","prompt"],nn={alert:{closeOnPressEscape:!1,closeOnClickModal:!1},confirm:{showCancelButton:!0},prompt:{showCancelButton:!0,showInput:!0}};en.forEach(e=>{k[e]=sn(e)});function sn(e){return(n,a,r,o)=>{let t="";return Pe(a)?(r=a,t=""):Te(a)?t="":t=a,k(Object.assign({title:t,message:n,type:"",...nn[e]},r,{boxType:e}),o)}}k.close=()=>{R.forEach((e,n)=>{n.doClose()}),R.clear()};k._context=null;const g=k;g.install=e=>{g._context=e._context,e.config.globalProperties.$msgbox=g,e.config.globalProperties.$messageBox=g,e.config.globalProperties.$alert=g.alert,e.config.globalProperties.$confirm=g.confirm,e.config.globalProperties.$prompt=g.prompt};const pn=g;export{pn as E};