uv-ui
Version:
基于vue3的移动端组件库
2 lines (1 loc) • 2.65 kB
JavaScript
;const e=require("vue"),r=require("../overlay/index.cjs");require("./dialog.vue_vue_type_style_index_0_lang.cjs");const d={class:"uv-dialog-wrapper"},f={class:"uv-dialog"},m={class:"uv-dialog-title"},v={class:"uv-dialog-content"},B={key:0,class:"uv-dialog-bottom-button"},y={name:"ShowDialog"},C=Object.assign(y,{props:{title:{type:String},message:{type:String,default:""},showConfirmButton:{type:Boolean,default:!0},confirmButtonText:{type:String,default:"\u786E\u8BA4"},confirmButtonColor:{type:String,default:"#1989fa"},confirmButtonDisabled:{type:Boolean,default:!1},showCancleButton:{type:Boolean,default:!1},cancleButtonText:{type:String,default:"\u53D6\u6D88"},cancleButtonColor:{type:String,default:"#000000"},cancelButtonDisabled:{type:Boolean,default:!1},overlay:{type:Boolean,default:!0},closeOnClickOverlay:{type:Boolean,default:!1},submitCallback:{type:Function},cancelCallback:{type:Function}},emits:["cancle","confim"],setup(t,{emit:c}){const a=t,o=e.ref(!1);e.onMounted(()=>{o.value=!0});const u=()=>{a.closeOnClickOverlay&&setTimeout(()=>{o.value=!1},0)},i=l=>a.confirmButtonDisabled&&l==="confim"||a.cancelButtonDisabled&&l==="cancle"?!1:(l==="confim"&&c("confim"),l==="cancle"&&c("cancle"),setTimeout(()=>{o.value=!1},0),!0);return(l,n)=>(e.openBlock(),e.createBlock(e.unref(r),{show:o.value,overlay:t.overlay,onClick:u},{default:e.withCtx(()=>[e.createElementVNode("div",d,[e.createVNode(e.Transition,{name:"dialog"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",f,[e.createElementVNode("div",m,e.toDisplayString(t.title),1),e.createElementVNode("div",v,e.toDisplayString(t.message),1),t.showConfirmButton||t.showCancleButton?(e.openBlock(),e.createElementBlock("div",B,[e.createElementVNode("div",{class:e.normalizeClass(t.showConfirmButton&&!t.showCancleButton?"only-confim":"confim-and-cancle")},[t.showCancleButton?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle({color:t.cancleButtonColor}),onClick:n[0]||(n[0]=s=>t.cancelCallback(i)),class:e.normalizeClass(["uv-dialog-cancle",t.cancelButtonDisabled?"uv-dialog-button-undisabled":""])},e.toDisplayString(t.cancleButtonText),7)):e.createCommentVNode("",!0),t.showConfirmButton?(e.openBlock(),e.createElementBlock("div",{key:1,onClick:n[1]||(n[1]=s=>t.submitCallback(i)),style:e.normalizeStyle({color:t.confirmButtonColor}),class:e.normalizeClass(["uv-dialog-confim",t.confirmButtonDisabled?"uv-dialog-button-undisabled":""])},e.toDisplayString(t.confirmButtonText),7)):e.createCommentVNode("",!0)],2)])):e.createCommentVNode("",!0)],512),[[e.vShow,o.value]])]),_:1})])]),_:1},8,["show","overlay"]))}});module.exports=C;