ll-package
Version:
2 lines (1 loc) • 4.01 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("../../../../@babel/runtime/helpers/esm/objectSpread2.js"),o=require("vue"),U=require("../../_util/classNames.js"),F=require("../../_util/KeyCode.js"),H=require("../../_util/omit.js"),Y=require("./IDrawerPropTypes.js"),M=require("./utils.js");var z=function(n,f){var u={};for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&f.indexOf(l)<0&&(u[l]=n[l]);if(n!=null&&typeof Object.getOwnPropertySymbols=="function")for(var s=0,l=Object.getOwnPropertySymbols(n);s<l.length;s++)f.indexOf(l[s])<0&&Object.prototype.propertyIsEnumerable.call(n,l[s])&&(u[l[s]]=n[l[s]]);return u};const B=o.defineComponent({compatConfig:{MODE:3},inheritAttrs:!1,props:Y.drawerChildProps(),emits:["close","handleClick","change"],setup(n,f){let{emit:u,slots:l}=f;const s=o.shallowRef(),m=o.shallowRef(),O=o.shallowRef(),_=o.shallowRef(),C=o.shallowRef();let p=[];`${Number((Date.now()+Math.random()).toString().replace(".",Math.round(Math.random()*9).toString())).toString(16)}`,o.onMounted(()=>{o.nextTick(()=>{var e;const{open:t,getContainer:r,showMask:c,autofocus:d}=n,a=r==null?void 0:r();b(n),t&&(a&&(a.parentNode,document.body),o.nextTick(()=>{d&&w()}),c&&((e=n.scrollLocker)===null||e===void 0||e.lock()))})}),o.watch(()=>n.level,()=>{b(n)},{flush:"post"}),o.watch(()=>n.open,()=>{const{open:e,getContainer:t,scrollLocker:r,showMask:c,autofocus:d}=n,a=t==null?void 0:t();a&&(a.parentNode,document.body),e?(d&&w(),c&&(r==null||r.lock())):r==null||r.unLock()},{flush:"post"}),o.onUnmounted(()=>{var e;const{open:t}=n;t&&(document.body.style.touchAction=""),(e=n.scrollLocker)===null||e===void 0||e.unLock()}),o.watch(()=>n.placement,e=>{e&&(C.value=null)});const w=()=>{var e,t;(t=(e=m.value)===null||e===void 0?void 0:e.focus)===null||t===void 0||t.call(e)},k=e=>{u("close",e)},D=e=>{e.keyCode===F.default.ESC&&(e.stopPropagation(),k(e))},g=()=>{const{open:e,afterVisibleChange:t}=n;t&&t(!!e)},b=e=>{let{level:t,getContainer:r}=e;if(M.windowIsUndefined)return;const c=r==null?void 0:r(),d=c?c.parentNode:null;p=[],t==="all"?(d?Array.prototype.slice.call(d.children):[]).forEach(i=>{i.nodeName!=="SCRIPT"&&i.nodeName!=="STYLE"&&i.nodeName!=="LINK"&&i!==c&&p.push(i)}):t&&M.dataToArray(t).forEach(a=>{document.querySelectorAll(a).forEach(i=>{p.push(i)})})},L=e=>{u("handleClick",e)},N=o.shallowRef(!1);return o.watch(m,()=>{o.nextTick(()=>{N.value=!0})}),()=>{var e,t;const{width:r,height:c,open:d,prefixCls:a,placement:i,level:J,levelMove:Q,ease:X,duration:Z,getContainer:ee,onChange:oe,afterVisibleChange:te,showMask:S,maskClosable:V,maskStyle:P,keyboard:T,getOpenCount:ne,scrollLocker:le,contentWrapperStyle:$,style:q,class:x,rootClassName:A,rootStyle:E,maskMotion:R,motion:y,inline:j}=n,I=z(n,["width","height","open","prefixCls","placement","level","levelMove","ease","duration","getContainer","onChange","afterVisibleChange","showMask","maskClosable","maskStyle","keyboard","getOpenCount","scrollLocker","contentWrapperStyle","style","class","rootClassName","rootStyle","maskMotion","motion","inline"]),v=d&&N.value,K=U.default(a,{[`${a}-${i}`]:!0,[`${a}-open`]:v,[`${a}-inline`]:j,"no-mask":!S,[A]:!0}),W=typeof y=="function"?y(i):y;return o.createVNode("div",h.default(h.default({},H.default(I,["autofocus"])),{},{tabindex:-1,class:K,style:E,ref:m,onKeydown:v&&T?D:void 0}),[o.createVNode(o.Transition,R,{default:()=>[S&&o.withDirectives(o.createVNode("div",{class:`${a}-mask`,onClick:V?k:void 0,style:P,ref:O},null),[[o.vShow,v]])]}),o.createVNode(o.Transition,h.default(h.default({},W),{},{onAfterEnter:g,onAfterLeave:g}),{default:()=>[o.withDirectives(o.createVNode("div",{class:`${a}-content-wrapper`,style:[$],ref:s},[o.createVNode("div",{class:[`${a}-content`,x],style:q,ref:C},[(e=l.default)===null||e===void 0?void 0:e.call(l)]),l.handler?o.createVNode("div",{onClick:L,ref:_},[(t=l.handler)===null||t===void 0?void 0:t.call(l)]):null]),[[o.vShow,v]])]})])}}}),G=B;exports.default=G;