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

Vue3 Nuxt3 Nuxt4 组件库

"use strict";const e=require("vue"),m=require("./hook/useDrawer.cjs"),f=require("@vuux/icons"),k={class:"app-drawer"},p={key:0,class:"drawer-head"},C={class:"drawer-title"},V={class:"drawer-content"},B={key:1,class:"drawer-footer"},w={class:"drawer-buts"},N=e.defineComponent({name:"Drawer",__name:"index",props:{position:{default:"right"},modelValue:{type:Boolean,default:!1},title:{default:"默认标题"},header:{type:Boolean,default:!1},footer:{type:Boolean,default:!1},maskClose:{type:Boolean,default:!0}},emits:["update:modelValue","ok","close"],setup(r,{emit:d}){const t=r,c=d,{animation:i,handleClose:l,handleOk:s,handleMaskClose:a}=m.useDrawer(t,c);return(u,o)=>(e.openBlock(),e.createElementBlock("div",k,[t.modelValue?(e.openBlock(),e.createElementBlock("div",{key:0,class:"drawer-mask",onClick:o[0]||(o[0]=(...n)=>e.unref(a)&&e.unref(a)(...n))})):e.createCommentVNode("",!0),e.createVNode(e.Transition,{name:e.unref(i)},{default:e.withCtx(()=>[t.modelValue?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["drawer-slot",t.position])},[t.header?(e.openBlock(),e.createElementBlock("div",p,[e.createElementVNode("div",C,e.toDisplayString(t.title),1),e.createVNode(e.unref(f.Icon),{name:"Icon9176904",size:14,class:"drawer-close-icon",onClick:e.unref(l)},null,8,["onClick"])])):e.createCommentVNode("",!0),e.createElementVNode("div",V,[e.renderSlot(u.$slots,"default")]),r.footer?(e.openBlock(),e.createElementBlock("div",B,[e.createElementVNode("div",w,[e.createElementVNode("button",{class:"is-close",onClick:o[1]||(o[1]=(...n)=>e.unref(l)&&e.unref(l)(...n))},"关闭"),e.createElementVNode("button",{class:"is-ok",onClick:o[2]||(o[2]=(...n)=>e.unref(s)&&e.unref(s)(...n))},"确认")])])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)]),_:3},8,["name"])]))}});module.exports=N;