ll-package
Version:
2 lines (1 loc) • 7.28 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const k=require("../../../@babel/runtime/helpers/esm/objectSpread2.js"),C=require("../../../@babel/runtime/helpers/esm/extends.js"),n=require("vue"),P=require("../_util/props-util/index.js"),j=require("../_util/classNames.js"),ee=require("../vc-drawer/src/DrawerWrapper.js"),r=require("../_util/vue-types/index.js"),te=require("../../../@ant-design/icons-vue/es/icons/CloseOutlined.js"),ae=require("../config-provider/hooks/useConfigInject.js"),c=require("../_util/type.js"),ne=require("../_util/omit.js"),q=require("../vc-util/devWarning.js"),le=require("./style/index.js"),oe=require("../space/Compact.js"),T=require("../_util/isNumeric.js"),S=require("../_util/transition.js"),re=require("../_util/props-util/initDefaultProps.js");var ue=function(t,b){var s={};for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&b.indexOf(o)<0&&(s[o]=t[o]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var d=0,o=Object.getOwnPropertySymbols(t);d<o.length;d++)b.indexOf(o[d])<0&&Object.prototype.propertyIsEnumerable.call(t,o[d])&&(s[o[d]]=t[o[d]]);return s};const se=["top","right","bottom","left"],_={distance:180},D=()=>({autofocus:{type:Boolean,default:void 0},closable:{type:Boolean,default:void 0},closeIcon:r.default.any,destroyOnClose:{type:Boolean,default:void 0},forceRender:{type:Boolean,default:void 0},getContainer:{type:[String,Function,Boolean,Object],default:void 0},maskClosable:{type:Boolean,default:void 0},mask:{type:Boolean,default:void 0},maskStyle:c.objectType(),rootClassName:String,rootStyle:c.objectType(),size:{type:String},drawerStyle:c.objectType(),headerStyle:c.objectType(),bodyStyle:c.objectType(),contentWrapperStyle:{type:Object,default:void 0},title:r.default.any,visible:{type:Boolean,default:void 0},open:{type:Boolean,default:void 0},width:r.default.oneOfType([r.default.string,r.default.number]),height:r.default.oneOfType([r.default.string,r.default.number]),zIndex:Number,prefixCls:String,push:r.default.oneOfType([r.default.looseBool,{type:Object}]),placement:r.default.oneOf(se),keyboard:{type:Boolean,default:void 0},extra:r.default.any,footer:r.default.any,footerStyle:c.objectType(),level:r.default.any,levelMove:{type:[Number,Array,Function]},handle:r.default.any,afterVisibleChange:Function,onAfterVisibleChange:Function,onAfterOpenChange:Function,"onUpdate:visible":Function,"onUpdate:open":Function,onClose:Function}),de=n.defineComponent({compatConfig:{MODE:3},name:"ADrawer",inheritAttrs:!1,props:re.default(D(),{closable:!0,placement:"right",maskClosable:!0,mask:!0,level:null,keyboard:!0,push:_}),slots:Object,setup(t,b){let{emit:s,slots:o,attrs:d}=b;const O=n.shallowRef(!1),N=n.shallowRef(!1),V=n.shallowRef(null),h=n.shallowRef(!1),f=n.shallowRef(!1),m=n.computed(()=>{var e;return(e=t.open)!==null&&e!==void 0?e:t.visible});n.watch(m,()=>{m.value?h.value=!0:f.value=!1},{immediate:!0}),n.watch([m,h],()=>{m.value&&h.value&&(f.value=!0)},{immediate:!0});const i=n.inject("parentDrawerOpts",null),{prefixCls:v,getPopupContainer:p,direction:I}=ae.default("drawer",t),[x,B]=le.default(v),F=n.computed(()=>t.getContainer===void 0&&(p!=null&&p.value)?()=>p.value(document.body):t.getContainer);q.default(!t.afterVisibleChange,"Drawer","`afterVisibleChange` prop is deprecated, please use `@afterVisibleChange` event instead"),process.env.NODE_ENV!=="production"&&[["visible","open"],["onUpdate:visible","onUpdate:open"],["onAfterVisibleChange","onAfterOpenChange"]].forEach(e=>{let[a,l]=e;q.default(!t[a],"Drawer",`\`${a}\` is deprecated, please use \`${l}\` instead.`)});const R=()=>{O.value=!0},M=()=>{O.value=!1,n.nextTick(()=>{A()})};n.provide("parentDrawerOpts",{setPush:R,setPull:M}),n.onMounted(()=>{m.value&&i&&i.setPush()}),n.onUnmounted(()=>{i&&i.setPull()}),n.watch(f,()=>{i&&(f.value?i.setPush():i.setPull())},{flush:"post"});const A=()=>{var e,a;(a=(e=V.value)===null||e===void 0?void 0:e.domFocus)===null||a===void 0||a.call(e)},$=e=>{s("update:visible",!1),s("update:open",!1),s("close",e)},U=e=>{var a;e||(N.value===!1&&(N.value=!0),t.destroyOnClose&&(h.value=!1)),(a=t.afterVisibleChange)===null||a===void 0||a.call(t,e),s("afterVisibleChange",e),s("afterOpenChange",e)},z=n.computed(()=>{const{push:e,placement:a}=t;let l;return typeof e=="boolean"?l=e?_.distance:0:l=e.distance,l=parseFloat(String(l||0)),a==="left"||a==="right"?`translateX(${a==="left"?l:-l}px)`:a==="top"||a==="bottom"?`translateY(${a==="top"?l:-l}px)`:null}),g=n.computed(()=>{var e;return(e=t.width)!==null&&e!==void 0?e:t.size==="large"?736:378}),w=n.computed(()=>{var e;return(e=t.height)!==null&&e!==void 0?e:t.size==="large"?736:378}),W=n.computed(()=>{const{mask:e,placement:a}=t;if(!f.value&&!e)return{};const l={};return a==="left"||a==="right"?l.width=T.default(g.value)?`${g.value}px`:g.value:l.height=T.default(w.value)?`${w.value}px`:w.value,l}),E=n.computed(()=>{const{zIndex:e,contentWrapperStyle:a}=t,l=W.value;return[{zIndex:e,transform:O.value?z.value:void 0},C.default({},a),l]}),H=e=>{const{closable:a,headerStyle:l}=t,u=P.getPropsSlot(o,t,"extra"),y=P.getPropsSlot(o,t,"title");return!y&&!a?null:n.createVNode("div",{class:j.default(`${e}-header`,{[`${e}-header-close-only`]:a&&!y&&!u}),style:l},[n.createVNode("div",{class:`${e}-header-title`},[X(e),y&&n.createVNode("div",{class:`${e}-title`},[y])]),u&&n.createVNode("div",{class:`${e}-extra`},[u])])},X=e=>{var a;const{closable:l}=t,u=o.closeIcon?(a=o.closeIcon)===null||a===void 0?void 0:a.call(o):t.closeIcon;return l&&n.createVNode("button",{key:"closer",onClick:$,"aria-label":"Close",class:`${e}-close`},[u===void 0?n.createVNode(te.default,null,null):u])},Y=e=>{var a;if(N.value&&!t.forceRender&&!h.value)return null;const{bodyStyle:l,drawerStyle:u}=t;return n.createVNode("div",{class:`${e}-wrapper-body`,style:u},[H(e),n.createVNode("div",{key:"body",class:`${e}-body`,style:l},[(a=o.default)===null||a===void 0?void 0:a.call(o)]),G(e)])},G=e=>{const a=P.getPropsSlot(o,t,"footer");if(!a)return null;const l=`${e}-footer`;return n.createVNode("div",{class:l,style:t.footerStyle},[a])},J=n.computed(()=>j.default({"no-mask":!t.mask,[`${v.value}-rtl`]:I.value==="rtl"},t.rootClassName,B.value)),K=n.computed(()=>S.getTransitionProps(S.getTransitionName(v.value,"mask-motion"))),L=e=>S.getTransitionProps(S.getTransitionName(v.value,`panel-motion-${e}`));return()=>{const{width:e,height:a,placement:l,mask:u,forceRender:y}=t,Q=ue(t,["width","height","placement","mask","forceRender"]),Z=C.default(C.default(C.default({},d),ne.default(Q,["size","closeIcon","closable","destroyOnClose","drawerStyle","headerStyle","bodyStyle","title","push","onAfterVisibleChange","onClose","onUpdate:visible","onUpdate:open","visible"])),{forceRender:y,onClose:$,afterVisibleChange:U,handler:!1,prefixCls:v.value,open:f.value,showMask:u,placement:l,ref:V});return x(n.createVNode(oe.NoCompactStyle,null,{default:()=>[n.createVNode(ee.default,k.default(k.default({},Z),{},{maskMotion:K.value,motion:L,width:g.value,height:w.value,getContainer:F.value,rootClassName:J.value,rootStyle:t.rootStyle,contentWrapperStyle:E.value}),{handler:t.handle?()=>t.handle:o.handle,default:()=>Y(v.value)})]}))}}}),ie=c.withInstall(de);exports.default=ie;exports.drawerProps=D;