dm-vue3-ui/lib/modal/index.vue.js

This Components Library will help get you started developing in Vue 3.

"use strict";const e=require("ant-design-vue/es"),t=require("vue"),o=require("@vueuse/core"),l=require("../i18n/index"),r=t.defineComponent({name:"dm-modal",__name:"index",props:{modelValue:{type:Boolean},title:{default:""},footer:{type:Boolean,default:()=>!0},okText:{default:""},cancelText:{default:""},spinning:{type:Boolean,default:()=>!1},prefixCls:{default:"dm-ui"},okButtonProps:{default:()=>({})},cancelButtonProps:{default:()=>({})}},emits:["update:modelValue","confirm","cancel"],setup(r,{emit:n}){const i=r,a=n,s=o.useVModel(i,"modelValue",a),d=()=>{a("confirm")},u=e=>{s.value=!1,a("cancel",e)};return(o,r)=>{const n=e.Button,a=e.Modal;return t.openBlock(),t.createBlock(a,t.mergeProps({visible:t.unref(s),"onUpdate:visible":r[1]||(r[1]=e=>t.isRef(s)?s.value=e:null),wrapClassName:"dm-modal",prefixCls:`${i.prefixCls}-modal`},i.footer?o.$attrs:{...o.$attrs,footer:i.footer},{onCancel:u}),t.createSlots({default:t.withCtx((()=>[t.renderSlot(o.$slots,"default")])),_:2},[o.$slots.title||i.title?{name:"title",fn:t.withCtx((()=>[t.renderSlot(o.$slots,"title",{},(()=>[t.createTextVNode(t.toDisplayString(i.title),1)]))])),key:"0"}:void 0,i.footer?{name:"footer",fn:t.withCtx((()=>[t.renderSlot(o.$slots,"footer",{},(()=>[t.createVNode(n,t.mergeProps(i.okButtonProps,{loading:i.spinning,type:"primary",prefixCls:`${i.prefixCls}-btn`,onClick:d}),{default:t.withCtx((()=>[t.createTextVNode(t.toDisplayString(i.okText||t.unref(l.$t)("datePicker.confirm")),1)])),_:1},16,["loading","prefixCls"]),t.createVNode(n,t.mergeProps({onClick:r[0]||(r[0]=e=>u()),prefixCls:`${i.prefixCls}-btn`},i.cancelButtonProps),{default:t.withCtx((()=>[t.createTextVNode(t.toDisplayString(i.cancelText||t.unref(l.$t)("cronPicker.cancel")),1)])),_:1},16,["prefixCls"])]))])),key:"1"}:void 0]),1040,["visible","prefixCls"])}}});module.exports=r;