2 lines
4.0 KiB
JavaScript
Executable File
2 lines
4.0 KiB
JavaScript
Executable File
import{M as o,N as t,O as e,P as a,Q as l,f as n,g as s,o as r,c,w as u,a as i,x as d,d as m,E as p,v as _,X as f,q as y,F as h,J as w,H as g,i as C}from"./index-fea56fdb.js";import{_ as v}from"./u-line.55fe9314.js";import{_ as B}from"./u-loading-icon.888fdde0.js";import{_ as k}from"./u-popup.eabb7591.js";import{_ as b}from"./_plugin-vue_export-helper.1b428a4d.js";const x=b({name:"u-modal",mixins:[e,a,o({props:{show:{type:Boolean,default:()=>t.modal.show},title:{type:[String],default:()=>t.modal.title},content:{type:String,default:()=>t.modal.content},confirmText:{type:String,default:()=>t.modal.confirmText},cancelText:{type:String,default:()=>t.modal.cancelText},showConfirmButton:{type:Boolean,default:()=>t.modal.showConfirmButton},showCancelButton:{type:Boolean,default:()=>t.modal.showCancelButton},confirmColor:{type:String,default:()=>t.modal.confirmColor},cancelColor:{type:String,default:()=>t.modal.cancelColor},buttonReverse:{type:Boolean,default:()=>t.modal.buttonReverse},zoom:{type:Boolean,default:()=>t.modal.zoom},asyncClose:{type:Boolean,default:()=>t.modal.asyncClose},closeOnClickOverlay:{type:Boolean,default:()=>t.modal.closeOnClickOverlay},negativeTop:{type:[String,Number],default:()=>t.modal.negativeTop},width:{type:[String,Number],default:()=>t.modal.width},confirmButtonShape:{type:String,default:()=>t.modal.confirmButtonShape}}})],data:()=>({loading:!1}),watch:{show(o){o&&this.loading&&(this.loading=!1)}},emits:["confirm","cancel","close"],methods:{addUnit:l,confirmHandler(){this.asyncClose&&(this.loading=!0),this.$emit("confirm")},cancelHandler(){this.$emit("cancel")},clickHandler(){this.closeOnClickOverlay&&this.$emit("close")}}},[["render",function(o,t,e,a,l,b){const x=g,O=C,S=n(s("u-line"),v),T=n(s("u-loading-icon"),B),H=n(s("u-popup"),k);return r(),c(H,{mode:"center",zoom:o.zoom,show:o.show,class:w([o.customClass]),customStyle:{borderRadius:"6px",overflow:"hidden",marginTop:`-${b.addUnit(o.negativeTop)}`},closeOnClickOverlay:o.closeOnClickOverlay,safeAreaInsetBottom:!1,duration:400,onClick:b.clickHandler},{default:u((()=>[i(O,{class:"u-modal",style:d({width:b.addUnit(o.width)})},{default:u((()=>[o.title?(r(),c(x,{key:0,class:"u-modal__title"},{default:u((()=>[m(p(o.title),1)])),_:1})):_("",!0),i(O,{class:"u-modal__content",style:d({paddingTop:(o.title?12:25)+"px"})},{default:u((()=>[f(o.$slots,"default",{},(()=>[i(x,{class:"u-modal__content__text"},{default:u((()=>[m(p(o.content),1)])),_:1})]),!0)])),_:3},8,["style"]),o.$slots.confirmButton?(r(),c(O,{key:1,class:"u-modal__button-group--confirm-button"},{default:u((()=>[f(o.$slots,"confirmButton",{},void 0,!0)])),_:3})):(r(),y(h,{key:2},[i(S),i(O,{class:"u-modal__button-group",style:d({flexDirection:o.buttonReverse?"row-reverse":"row"})},{default:u((()=>[o.showCancelButton?(r(),c(O,{key:0,class:w(["u-modal__button-group__wrapper u-modal__button-group__wrapper--cancel",[o.showCancelButton&&!o.showConfirmButton&&"u-modal__button-group__wrapper--only-cancel"]]),"hover-stay-time":150,"hover-class":"u-modal__button-group__wrapper--hover",onClick:b.cancelHandler},{default:u((()=>[i(x,{class:"u-modal__button-group__wrapper__text",style:d({color:o.cancelColor})},{default:u((()=>[m(p(o.cancelText),1)])),_:1},8,["style"])])),_:1},8,["class","onClick"])):_("",!0),o.showConfirmButton&&o.showCancelButton?(r(),c(S,{key:1,direction:"column"})):_("",!0),o.showConfirmButton?(r(),c(O,{key:2,class:w(["u-modal__button-group__wrapper u-modal__button-group__wrapper--confirm",[!o.showCancelButton&&o.showConfirmButton&&"u-modal__button-group__wrapper--only-confirm"]]),"hover-stay-time":150,"hover-class":"u-modal__button-group__wrapper--hover",onClick:b.confirmHandler},{default:u((()=>[l.loading?(r(),c(T,{key:0})):(r(),c(x,{key:1,class:"u-modal__button-group__wrapper__text",style:d({color:o.confirmColor})},{default:u((()=>[m(p(o.confirmText),1)])),_:1},8,["style"]))])),_:1},8,["class","onClick"])):_("",!0)])),_:1},8,["style"])],64))])),_:3},8,["style"])])),_:3},8,["zoom","show","class","customStyle","closeOnClickOverlay","onClick"])}],["__scopeId","data-v-8d548a8a"]]);export{x as _};
|