dm-vue3-ui/lib/drawer/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"),l=require("@ant-design/icons-vue"),o=require("@vueuse/core"),r=require("../i18n/index"),i=require("../utils/index"),n=require("../utils/theme"),a={class:"dm-drawer__container"},s=t.defineComponent({name:"dm-drawer",__name:"index",props:{modelValue:{type:Boolean},title:{},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(s,{emit:d}){const u=i.store("platformConfig")||{},c=(null==u?void 0:u.themeColor)||"default";n.themeManager.initializeTheme(),n.themeManager.applyThemeByType(c);const f=s,p=d,m=t.useSlots(),x=o.useVModel(f,"modelValue",p),C=t.computed((()=>m.footer||f.footer)),v=()=>{p("confirm")},y=e=>{x.value=!1,p("cancel",e)};return(o,i)=>{const n=e.Button,s=e.Drawer;return t.openBlock(),t.createBlock(s,t.mergeProps({maskClosable:!C.value,visible:t.unref(x),"onUpdate:visible":i[0]||(i[0]=e=>t.isRef(x)?x.value=e:null),class:"dm-drawer",destroyOnClose:"",closable:!C.value,prefixCls:`${f.prefixCls}-drawer`},o.$attrs),t.createSlots({closeIcon:t.withCtx((()=>[t.createVNode(t.unref(l.CloseCircleFilled),{style:{fontSize:"24px",color:"#939ABD"}})])),default:t.withCtx((()=>[t.createElementVNode("div",a,[t.renderSlot(o.$slots,"default")])])),_:2},[o.$slots.title||f.title?{name:"title",fn:t.withCtx((()=>[t.renderSlot(o.$slots,"title",{},(()=>[t.createTextVNode(t.toDisplayString(f.title),1)]))])),key:"0"}:void 0,o.$slots.extra?{name:"extra",fn:t.withCtx((()=>[t.renderSlot(o.$slots,"extra")])),key:"1"}:void 0,C.value?{name:"footer",fn:t.withCtx((()=>[t.renderSlot(o.$slots,"footer",{},(()=>[t.createVNode(n,t.mergeProps(f.okButtonProps,{loading:f.spinning,type:"primary",prefixCls:`${f.prefixCls}-btn`,onClick:v}),{default:t.withCtx((()=>[t.createTextVNode(t.toDisplayString(f.okText||t.unref(r.$t)("datePicker.confirm")),1)])),_:1},16,["loading","prefixCls"]),t.createVNode(n,t.mergeProps(f.cancelButtonProps,{prefixCls:`${f.prefixCls}-btn`,onClick:y}),{default:t.withCtx((()=>[t.createTextVNode(t.toDisplayString(f.cancelText||t.unref(r.$t)("cronPicker.cancel")),1)])),_:1},16,["prefixCls"])]))])),key:"2"}:void 0]),1040,["maskClosable","visible","closable","prefixCls"])}}});module.exports=s;