2 lines
15 KiB
JavaScript
2 lines
15 KiB
JavaScript
import{aH as B,aV as j,aQ as Ce,bC as Se,aW as c,d as q,s as O,o as ue,ad as W,a1 as E,af as fe,aO as G,C as u,U as oe,a7 as ne,a8 as ae,aP as P,a_ as pe,cs as ke,aJ as ve,r as xe,c1 as $e,bb as Oe,bc as Pe,ca as De,k as I,bl as _e,aK as Ne,cT as Ie,br as re,c8 as le,b4 as Te,bf as K,cD as Me,bm as je}from"./Gb1ZnXU3.js";import{i as ie}from"./DjvBa-1E.js";const me=()=>({prefixCls:String,width:c.oneOfType([c.string,c.number]),height:c.oneOfType([c.string,c.number]),style:{type:Object,default:void 0},class:String,rootClassName:String,rootStyle:j(),placement:{type:String},wrapperClassName:String,level:{type:[String,Array]},levelMove:{type:[Number,Function,Array]},duration:String,ease:String,showMask:{type:Boolean,default:void 0},maskClosable:{type:Boolean,default:void 0},maskStyle:{type:Object,default:void 0},afterVisibleChange:Function,keyboard:{type:Boolean,default:void 0},contentWrapperStyle:Se(),autofocus:{type:Boolean,default:void 0},open:{type:Boolean,default:void 0},motion:Ce(),maskMotion:j()}),Be=()=>B(B({},me()),{forceRender:{type:Boolean,default:void 0},getContainer:c.oneOfType([c.string,c.func,c.object,c.looseBool])}),Ee=()=>B(B({},me()),{getContainer:Function,getOpenCount:Function,scrollLocker:c.any,inline:Boolean});function Fe(e){return Array.isArray(e)?e:[e]}const Ve={transition:"transitionend",WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend"};Object.keys(Ve).filter(e=>{if(typeof document>"u")return!1;const n=document.getElementsByTagName("html")[0];return e in(n?n.style:{})})[0];const ze=!(typeof window<"u"&&window.document&&window.document.createElement);var Ae=function(e,n){var l={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&n.indexOf(t)<0&&(l[t]=e[t]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,t=Object.getOwnPropertySymbols(e);i<t.length;i++)n.indexOf(t[i])<0&&Object.prototype.propertyIsEnumerable.call(e,t[i])&&(l[t[i]]=e[t[i]]);return l};const se=q({compatConfig:{MODE:3},inheritAttrs:!1,props:Ee(),emits:["close","handleClick","change"],setup(e,n){let{emit:l,slots:t}=n;const i=O(),S=O(),D=O(),g=O(),w=O();let v=[];`${Number((Date.now()+Math.random()).toString().replace(".",Math.round(Math.random()*9).toString())).toString(16)}`,ue(()=>{W(()=>{var a;const{open:s,getContainer:f,showMask:k,autofocus:m}=e,p=f==null?void 0:f();_(e),s&&(p&&(p.parentNode,document.body),W(()=>{m&&h()}),k&&((a=e.scrollLocker)===null||a===void 0||a.lock()))})}),E(()=>e.level,()=>{_(e)},{flush:"post"}),E(()=>e.open,()=>{const{open:a,getContainer:s,scrollLocker:f,showMask:k,autofocus:m}=e,p=s==null?void 0:s();p&&(p.parentNode,document.body),a?(m&&h(),k&&(f==null||f.lock())):f==null||f.unLock()},{flush:"post"}),fe(()=>{var a;const{open:s}=e;s&&(document.body.style.touchAction=""),(a=e.scrollLocker)===null||a===void 0||a.unLock()}),E(()=>e.placement,a=>{a&&(w.value=null)});const h=()=>{var a,s;(s=(a=S.value)===null||a===void 0?void 0:a.focus)===null||s===void 0||s.call(a)},y=a=>{l("close",a)},b=a=>{a.keyCode===ke.ESC&&(a.stopPropagation(),y(a))},C=()=>{const{open:a,afterVisibleChange:s}=e;s&&s(!!a)},_=a=>{let{level:s,getContainer:f}=a;if(ze)return;const k=f==null?void 0:f(),m=k?k.parentNode:null;v=[],s==="all"?(m?Array.prototype.slice.call(m.children):[]).forEach(x=>{x.nodeName!=="SCRIPT"&&x.nodeName!=="STYLE"&&x.nodeName!=="LINK"&&x!==k&&v.push(x)}):s&&Fe(s).forEach(p=>{document.querySelectorAll(p).forEach(x=>{v.push(x)})})},T=a=>{l("handleClick",a)},N=O(!1);return E(S,()=>{W(()=>{N.value=!0})}),()=>{var a,s;const{width:f,height:k,open:m,prefixCls:p,placement:x,level:F,levelMove:V,ease:J,duration:Q,getContainer:Z,onChange:ee,afterVisibleChange:te,showMask:z,maskClosable:L,maskStyle:H,keyboard:R,getOpenCount:o,scrollLocker:r,contentWrapperStyle:d,style:$,class:M,rootClassName:X,rootStyle:Y,maskMotion:ye,motion:U,inline:he}=e,be=Ae(e,["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"]),A=m&&N.value,ge=G(p,{[`${p}-${x}`]:!0,[`${p}-open`]:A,[`${p}-inline`]:he,"no-mask":!z,[X]:!0}),we=typeof U=="function"?U(x):U;return u("div",P(P({},pe(be,["autofocus"])),{},{tabindex:-1,class:ge,style:Y,ref:S,onKeydown:A&&R?b:void 0}),[u(oe,ye,{default:()=>[z&&ne(u("div",{class:`${p}-mask`,onClick:L?y:void 0,style:H,ref:D},null),[[ae,A]])]}),u(oe,P(P({},we),{},{onAfterEnter:C,onAfterLeave:C}),{default:()=>[ne(u("div",{class:`${p}-content-wrapper`,style:[d],ref:i},[u("div",{class:[`${p}-content`,M],style:$,ref:w},[(a=t.default)===null||a===void 0?void 0:a.call(t)]),t.handler?u("div",{onClick:T,ref:g},[(s=t.handler)===null||s===void 0?void 0:s.call(t)]):null]),[[ae,A]])]})])}}});var ce=function(e,n){var l={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&n.indexOf(t)<0&&(l[t]=e[t]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,t=Object.getOwnPropertySymbols(e);i<t.length;i++)n.indexOf(t[i])<0&&Object.prototype.propertyIsEnumerable.call(e,t[i])&&(l[t[i]]=e[t[i]]);return l};const We=q({compatConfig:{MODE:3},inheritAttrs:!1,props:ve(Be(),{prefixCls:"drawer",placement:"left",getContainer:"body",level:"all",duration:".3s",ease:"cubic-bezier(0.78, 0.14, 0.15, 0.86)",afterVisibleChange:()=>{},showMask:!0,maskClosable:!0,maskStyle:{},wrapperClassName:"",keyboard:!0,forceRender:!1,autofocus:!0}),emits:["handleClick","close"],setup(e,n){let{emit:l,slots:t}=n;const i=xe(null),S=g=>{l("handleClick",g)},D=g=>{l("close",g)};return()=>{const{getContainer:g,wrapperClassName:w,rootClassName:v,rootStyle:h,forceRender:y}=e,b=ce(e,["getContainer","wrapperClassName","rootClassName","rootStyle","forceRender"]);let C=null;if(!g)return u(se,P(P({},b),{},{rootClassName:v,rootStyle:h,open:e.open,onClose:D,onHandleClick:S,inline:!0}),t);const _=!!t.handler||y;return(_||e.open||i.value)&&(C=u($e,{autoLock:!0,visible:e.open,forceRender:_,getContainer:g,wrapperClassName:w},{default:T=>{var{visible:N,afterClose:a}=T,s=ce(T,["visible","afterClose"]);return u(se,P(P(P({ref:i},b),s),{},{rootClassName:v,rootStyle:h,open:N!==void 0?N:e.open,afterVisibleChange:a!==void 0?a:e.afterVisibleChange,onClose:D,onHandleClick:S}),t)}})),C}}}),Le=e=>{const{componentCls:n,motionDurationSlow:l}=e,t={"&-enter, &-appear, &-leave":{"&-start":{transition:"none"},"&-active":{transition:`all ${l}`}}};return{[n]:{[`${n}-mask-motion`]:{"&-enter, &-appear, &-leave":{"&-active":{transition:`all ${l}`}},"&-enter, &-appear":{opacity:0,"&-active":{opacity:1}},"&-leave":{opacity:1,"&-active":{opacity:0}}},[`${n}-panel-motion`]:{"&-left":[t,{"&-enter, &-appear":{"&-start":{transform:"translateX(-100%) !important"},"&-active":{transform:"translateX(0)"}},"&-leave":{transform:"translateX(0)","&-active":{transform:"translateX(-100%)"}}}],"&-right":[t,{"&-enter, &-appear":{"&-start":{transform:"translateX(100%) !important"},"&-active":{transform:"translateX(0)"}},"&-leave":{transform:"translateX(0)","&-active":{transform:"translateX(100%)"}}}],"&-top":[t,{"&-enter, &-appear":{"&-start":{transform:"translateY(-100%) !important"},"&-active":{transform:"translateY(0)"}},"&-leave":{transform:"translateY(0)","&-active":{transform:"translateY(-100%)"}}}],"&-bottom":[t,{"&-enter, &-appear":{"&-start":{transform:"translateY(100%) !important"},"&-active":{transform:"translateY(0)"}},"&-leave":{transform:"translateY(0)","&-active":{transform:"translateY(100%)"}}}]}}}},He=e=>{const{componentCls:n,zIndexPopup:l,colorBgMask:t,colorBgElevated:i,motionDurationSlow:S,motionDurationMid:D,padding:g,paddingLG:w,fontSizeLG:v,lineHeightLG:h,lineWidth:y,lineType:b,colorSplit:C,marginSM:_,colorIcon:T,colorIconHover:N,colorText:a,fontWeightStrong:s,drawerFooterPaddingVertical:f,drawerFooterPaddingHorizontal:k}=e,m=`${n}-content-wrapper`;return{[n]:{position:"fixed",inset:0,zIndex:l,pointerEvents:"none","&-pure":{position:"relative",background:i,[`&${n}-left`]:{boxShadow:e.boxShadowDrawerLeft},[`&${n}-right`]:{boxShadow:e.boxShadowDrawerRight},[`&${n}-top`]:{boxShadow:e.boxShadowDrawerUp},[`&${n}-bottom`]:{boxShadow:e.boxShadowDrawerDown}},"&-inline":{position:"absolute"},[`${n}-mask`]:{position:"absolute",inset:0,zIndex:l,background:t,pointerEvents:"auto"},[m]:{position:"absolute",zIndex:l,transition:`all ${S}`,"&-hidden":{display:"none"}},[`&-left > ${m}`]:{top:0,bottom:0,left:{_skip_check_:!0,value:0},boxShadow:e.boxShadowDrawerLeft},[`&-right > ${m}`]:{top:0,right:{_skip_check_:!0,value:0},bottom:0,boxShadow:e.boxShadowDrawerRight},[`&-top > ${m}`]:{top:0,insetInline:0,boxShadow:e.boxShadowDrawerUp},[`&-bottom > ${m}`]:{bottom:0,insetInline:0,boxShadow:e.boxShadowDrawerDown},[`${n}-content`]:{width:"100%",height:"100%",overflow:"auto",background:i,pointerEvents:"auto"},[`${n}-wrapper-body`]:{display:"flex",flexDirection:"column",width:"100%",height:"100%"},[`${n}-header`]:{display:"flex",flex:0,alignItems:"center",padding:`${g}px ${w}px`,fontSize:v,lineHeight:h,borderBottom:`${y}px ${b} ${C}`,"&-title":{display:"flex",flex:1,alignItems:"center",minWidth:0,minHeight:0}},[`${n}-extra`]:{flex:"none"},[`${n}-close`]:{display:"inline-block",marginInlineEnd:_,color:T,fontWeight:s,fontSize:v,fontStyle:"normal",lineHeight:1,textAlign:"center",textTransform:"none",textDecoration:"none",background:"transparent",border:0,outline:0,cursor:"pointer",transition:`color ${D}`,textRendering:"auto","&:focus, &:hover":{color:N,textDecoration:"none"}},[`${n}-title`]:{flex:1,margin:0,color:a,fontWeight:e.fontWeightStrong,fontSize:v,lineHeight:h},[`${n}-body`]:{flex:1,minWidth:0,minHeight:0,padding:w,overflow:"auto"},[`${n}-footer`]:{flexShrink:0,padding:`${f}px ${k}px`,borderTop:`${y}px ${b} ${C}`},"&-rtl":{direction:"rtl"}}}},Re=Oe("Drawer",e=>{const n=Pe(e,{drawerFooterPaddingVertical:e.paddingXS,drawerFooterPaddingHorizontal:e.padding});return[He(n),Le(n)]},e=>({zIndexPopup:e.zIndexPopupBase}));var Xe=function(e,n){var l={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&n.indexOf(t)<0&&(l[t]=e[t]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,t=Object.getOwnPropertySymbols(e);i<t.length;i++)n.indexOf(t[i])<0&&Object.prototype.propertyIsEnumerable.call(e,t[i])&&(l[t[i]]=e[t[i]]);return l};const Ye=["top","right","bottom","left"],de={distance:180},Ue=()=>({autofocus:{type:Boolean,default:void 0},closable:{type:Boolean,default:void 0},closeIcon:c.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:j(),rootClassName:String,rootStyle:j(),size:{type:String},drawerStyle:j(),headerStyle:j(),bodyStyle:j(),contentWrapperStyle:{type:Object,default:void 0},title:c.any,visible:{type:Boolean,default:void 0},open:{type:Boolean,default:void 0},width:c.oneOfType([c.string,c.number]),height:c.oneOfType([c.string,c.number]),zIndex:Number,prefixCls:String,push:c.oneOfType([c.looseBool,{type:Object}]),placement:c.oneOf(Ye),keyboard:{type:Boolean,default:void 0},extra:c.any,footer:c.any,footerStyle:j(),level:c.any,levelMove:{type:[Number,Array,Function]},handle:c.any,afterVisibleChange:Function,onAfterVisibleChange:Function,onAfterOpenChange:Function,"onUpdate:visible":Function,"onUpdate:open":Function,onClose:Function}),Ke=q({compatConfig:{MODE:3},name:"ADrawer",inheritAttrs:!1,props:ve(Ue(),{closable:!0,placement:"right",maskClosable:!0,mask:!0,level:null,keyboard:!0,push:de}),slots:Object,setup(e,n){let{emit:l,slots:t,attrs:i}=n;const S=O(!1),D=O(!1),g=O(null),w=O(!1),v=O(!1),h=I(()=>{var o;return(o=e.open)!==null&&o!==void 0?o:e.visible});E(h,()=>{h.value?w.value=!0:v.value=!1},{immediate:!0}),E([h,w],()=>{h.value&&w.value&&(v.value=!0)},{immediate:!0});const y=_e("parentDrawerOpts",null),{prefixCls:b,getPopupContainer:C,direction:_}=Ne("drawer",e),[T,N]=Re(b),a=I(()=>e.getContainer===void 0&&(C!=null&&C.value)?()=>C.value(document.body):e.getContainer);Ie(!e.afterVisibleChange,"Drawer","`afterVisibleChange` prop is deprecated, please use `@afterVisibleChange` event instead"),je("parentDrawerOpts",{setPush:()=>{S.value=!0},setPull:()=>{S.value=!1,W(()=>{k()})}}),ue(()=>{h.value&&y&&y.setPush()}),fe(()=>{y&&y.setPull()}),E(v,()=>{y&&(v.value?y.setPush():y.setPull())},{flush:"post"});const k=()=>{var o,r;(r=(o=g.value)===null||o===void 0?void 0:o.domFocus)===null||r===void 0||r.call(o)},m=o=>{l("update:visible",!1),l("update:open",!1),l("close",o)},p=o=>{var r;o||(D.value===!1&&(D.value=!0),e.destroyOnClose&&(w.value=!1)),(r=e.afterVisibleChange)===null||r===void 0||r.call(e,o),l("afterVisibleChange",o),l("afterOpenChange",o)},x=I(()=>{const{push:o,placement:r}=e;let d;return typeof o=="boolean"?d=o?de.distance:0:d=o.distance,d=parseFloat(String(d||0)),r==="left"||r==="right"?`translateX(${r==="left"?d:-d}px)`:r==="top"||r==="bottom"?`translateY(${r==="top"?d:-d}px)`:null}),F=I(()=>{var o;return(o=e.width)!==null&&o!==void 0?o:e.size==="large"?736:378}),V=I(()=>{var o;return(o=e.height)!==null&&o!==void 0?o:e.size==="large"?736:378}),J=I(()=>{const{mask:o,placement:r}=e;if(!v.value&&!o)return{};const d={};return r==="left"||r==="right"?d.width=ie(F.value)?`${F.value}px`:F.value:d.height=ie(V.value)?`${V.value}px`:V.value,d}),Q=I(()=>{const{zIndex:o,contentWrapperStyle:r}=e,d=J.value;return[{zIndex:o,transform:S.value?x.value:void 0},B({},r),d]}),Z=o=>{const{closable:r,headerStyle:d}=e,$=K(t,e,"extra"),M=K(t,e,"title");return!M&&!r?null:u("div",{class:G(`${o}-header`,{[`${o}-header-close-only`]:r&&!M&&!$}),style:d},[u("div",{class:`${o}-header-title`},[ee(o),M&&u("div",{class:`${o}-title`},[M])]),$&&u("div",{class:`${o}-extra`},[$])])},ee=o=>{var r;const{closable:d}=e,$=t.closeIcon?(r=t.closeIcon)===null||r===void 0?void 0:r.call(t):e.closeIcon;return d&&u("button",{key:"closer",onClick:m,"aria-label":"Close",class:`${o}-close`},[$===void 0?u(Me,null,null):$])},te=o=>{var r;if(D.value&&!e.forceRender&&!w.value)return null;const{bodyStyle:d,drawerStyle:$}=e;return u("div",{class:`${o}-wrapper-body`,style:$},[Z(o),u("div",{key:"body",class:`${o}-body`,style:d},[(r=t.default)===null||r===void 0?void 0:r.call(t)]),z(o)])},z=o=>{const r=K(t,e,"footer");if(!r)return null;const d=`${o}-footer`;return u("div",{class:d,style:e.footerStyle},[r])},L=I(()=>G({"no-mask":!e.mask,[`${b.value}-rtl`]:_.value==="rtl"},e.rootClassName,N.value)),H=I(()=>re(le(b.value,"mask-motion"))),R=o=>re(le(b.value,`panel-motion-${o}`));return()=>{const{width:o,height:r,placement:d,mask:$,forceRender:M}=e,X=Xe(e,["width","height","placement","mask","forceRender"]),Y=B(B(B({},i),pe(X,["size","closeIcon","closable","destroyOnClose","drawerStyle","headerStyle","bodyStyle","title","push","onAfterVisibleChange","onClose","onUpdate:visible","onUpdate:open","visible"])),{forceRender:M,onClose:m,afterVisibleChange:p,handler:!1,prefixCls:b.value,open:v.value,showMask:$,placement:d,ref:g});return T(u(Te,null,{default:()=>[u(We,P(P({},Y),{},{maskMotion:H.value,motion:R,width:F.value,height:V.value,getContainer:a.value,rootClassName:L.value,rootStyle:e.rootStyle,contentWrapperStyle:Q.value}),{handler:e.handle?()=>e.handle:t.handle,default:()=>te(b.value)})]}))}}}),Je=De(Ke);export{Je as _};
|