t-fighting-design
Version:
Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.
2 lines (1 loc) • 1.95 kB
JavaScript
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("./index3.js"),u=require("../../close-btn/index.js"),c=require("../../popup/index.js"),p=require("../../_utils/index3.js"),m={class:"f-dialog__header"},f={class:"f-dialog__header-title"},k={key:0,class:"f-dialog__body"},h={key:1,class:"f-dialog__footer"},C=e.defineComponent({name:"FDialog"}),b=e.defineComponent({...C,props:i.Props,emits:i.Emits,setup(a,{emit:r}){const l=a,s=e.ref(l.visible),n=()=>{r("update:visible",!1)};return e.watch(()=>s.value,o=>{o||n()}),e.watch(()=>l.visible,o=>{s.value=o}),(o,t)=>(e.openBlock(),e.createBlock(e.unref(c.FPopup),{visible:s.value,"onUpdate:visible":t[0]||(t[0]=d=>s.value=d),"append-to-body":o.appendToBody,"show-mask":o.showMask,"mask-close":o.maskClose,"z-index":o.zIndex,"mask-blur":o.maskBlur,onOpen:o.open,onOpenEnd:o.openEnd,onClose:o.close,onCloseEnd:o.closeEnd},{default:e.withCtx(()=>[e.createElementVNode("div",{role:"dialog","aria-modal":"true",tabindex:"-1",class:e.normalizeClass(["f-dialog",{"f-dialog__fullscreen":o.fullscreen}]),style:e.normalizeStyle({width:e.unref(p.sizeChange)(o.width)})},[e.createElementVNode("header",m,[e.renderSlot(o.$slots,"header",{},()=>[e.createElementVNode("span",f,e.toDisplayString(o.title),1),o.showCloseIcon?(e.openBlock(),e.createBlock(e.unref(u.FCloseBtn),{key:0,icon:o.closeIcon,onClick:n},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"closeIcon")]),_:3},8,["icon"])):e.createCommentVNode("",!0)])]),o.$slots.default?(e.openBlock(),e.createElementBlock("section",k,[e.renderSlot(o.$slots,"default")])):e.createCommentVNode("",!0),o.$slots.footer?(e.openBlock(),e.createElementBlock("footer",h,[e.renderSlot(o.$slots,"footer")])):e.createCommentVNode("",!0)],6)]),_:3},8,["visible","append-to-body","show-mask","mask-close","z-index","mask-blur","onOpen","onOpenEnd","onClose","onCloseEnd"]))}});exports.default=b;