dk-plus
Version:
2 lines (1 loc) • 1.45 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u={class:"dk-dialog__header"},_={class:"dk-dialog__body",width:"100%",height:"80vh"},m={class:"dk-dialog__footer"},k=e.defineComponent({__name:"dialog",props:{modelValue:{type:Boolean,required:!0},title:{type:String,default:"Dialog"}},emits:["update:modelValue"],setup(a,{emit:n}){const c=n,d=a,o=e.ref(d.modelValue);e.watch(()=>d.modelValue,l=>{o.value=l});const t=()=>{c("update:modelValue",!1)};return(l,v)=>{const i=e.resolveComponent("dk-icon"),s=e.resolveComponent("dk-button"),r=e.resolveDirective("dk-scroll");return e.openBlock(),e.createBlock(e.Transition,{name:"dk-dialog__fade"},{default:e.withCtx(()=>[o.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"dk-dialog",onClick:e.withModifiers(t,["self"])},[e.createElementVNode("div",{class:e.normalizeClass(["dk-dialog__content",{"dialog-leave-active":!o.value}])},[e.createElementVNode("header",u,[e.createElementVNode("h3",null,e.toDisplayString(a.title),1),e.createVNode(i,{class:"dk-dialog__close-button",icon:"IconClose",onClick:t})]),e.withDirectives((e.openBlock(),e.createElementBlock("main",_,[e.renderSlot(l.$slots,"default",{},void 0,!0)])),[[r,!0]]),e.createElementVNode("footer",m,[e.createVNode(s,{onClick:t},{default:e.withCtx(()=>[e.createTextVNode("Close")]),_:1})])],2)])):e.createCommentVNode("",!0)]),_:3})}}});exports.default=k;