vuux/dist/lib/Modal/src/index.vue.cjs

Vue3 Nuxt3 Nuxt4 组件库

"use strict";const e=require("vue"),f=require("./hook/useModal.cjs"),k=require("@vuux/icons"),p={class:"modal-title"},C={class:"modal-slot"},E={key:1,class:"modal-footer"},V={class:"modal-buts"},y=e.defineComponent({name:"Modal",__name:"index",props:{title:{default:""},modelValue:{type:Boolean},header:{type:Boolean},footer:{type:Boolean},maskClose:{type:Boolean,default:!0},modalClass:{},isDrag:{type:Boolean}},emits:["update:modelValue","ok","close"],setup(c,{emit:i}){const t=c,m=i,s=e.useTemplateRef("contentEl"),a=e.useTemplateRef("headerEl"),{handleClose:n,handleOk:r,handleMaskClose:d}=f.useModal(t,s,a,m);return(u,o)=>t.modelValue?(e.openBlock(),e.createElementBlock("div",{key:0,class:"app-modal",onClick:o[3]||(o[3]=(...l)=>e.unref(d)&&e.unref(d)(...l))},[e.createElementVNode("div",{ref_key:"contentEl",ref:s,class:e.normalizeClass(["modal-content",[t.modalClass]]),onClick:o[2]||(o[2]=e.withModifiers(()=>{},["stop"]))},[t.header?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"headerEl",ref:a,class:"modal-header"},[e.createElementVNode("div",p,e.toDisplayString(t.title),1),e.createVNode(e.unref(k.Icon),{name:"Icon9176904",size:14,class:"modal-close-icon",onClick:e.unref(n)},null,8,["onClick"])],512)):e.createCommentVNode("",!0),e.createElementVNode("div",C,[e.renderSlot(u.$slots,"default")]),t.footer?(e.openBlock(),e.createElementBlock("div",E,[e.createElementVNode("div",V,[e.createElementVNode("button",{class:"is-close",onClick:o[0]||(o[0]=(...l)=>e.unref(n)&&e.unref(n)(...l))},"关闭"),e.createElementVNode("button",{class:"is-ok",onClick:o[1]||(o[1]=(...l)=>e.unref(r)&&e.unref(r)(...l))},"确认")])])):e.createCommentVNode("",!0)],2)])):e.createCommentVNode("",!0)}});module.exports=y;