2 lines
15 KiB
JavaScript
2 lines
15 KiB
JavaScript
import{_ as B,k as j,bL as Ce,g as Se,P as d,h as G,aS as oe,am as ne,j as P,o as ue,K as ke,i as fe,cY as xe,m as $e,aE as Oe,bO as Pe,y as De,cZ as Ne,c_ as ae,c$ as re,d0 as le,d1 as _e,aH as K,cR as Ie}from"./bootstrap-BKs0Sk6Z.js";import{m as q,bl as O,v as ve,n as V,w as E,x as pe,j as u,bL as ie,b9 as Me,aa as I,aE as Te,b4 as je}from"../jse/index-index-DTH1zC_5.js";const me=()=>({prefixCls:String,width:d.oneOfType([d.string,d.number]),height:d.oneOfType([d.string,d.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:d.oneOfType([d.string,d.func,d.object,d.looseBool])}),Ee=()=>B(B({},me()),{getContainer:Function,getOpenCount:Function,scrollLocker:d.any,inline:Boolean});function Fe(e){return Array.isArray(e)?e:[e]}const ze={transition:"transitionend",WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend"};Object.keys(ze).filter(e=>{if(typeof document=="undefined")return!1;const n=document.getElementsByTagName("html")[0];return e in(n?n.style:{})})[0];const Ae=!(typeof window!="undefined"&&window.document&&window.document.createElement);var Le=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(),b=O(),w=O();let p=[];`${Number((Date.now()+Math.random()).toString().replace(".",Math.round(Math.random()*9).toString())).toString(16)}`,ve(()=>{V(()=>{var a;const{open:s,getContainer:f,showMask:k,autofocus:m}=e,v=f==null?void 0:f();N(e),s&&(v&&(v.parentNode,document.body),V(()=>{m&&h()}),k&&((a=e.scrollLocker)===null||a===void 0||a.lock()))})}),E(()=>e.level,()=>{N(e)},{flush:"post"}),E(()=>e.open,()=>{const{open:a,getContainer:s,scrollLocker:f,showMask:k,autofocus:m}=e,v=s==null?void 0:s();v&&(v.parentNode,document.body),a?(m&&h(),k&&(f==null||f.lock())):f==null||f.unLock()},{flush:"post"}),pe(()=>{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)},g=a=>{a.keyCode===ke.ESC&&(a.stopPropagation(),y(a))},C=()=>{const{open:a,afterVisibleChange:s}=e;s&&s(!!a)},N=a=>{let{level:s,getContainer:f}=a;if(Ae)return;const k=f==null?void 0:f(),m=k?k.parentNode:null;p=[],s==="all"?(m?Array.prototype.slice.call(m.children):[]).forEach(x=>{x.nodeName!=="SCRIPT"&&x.nodeName!=="STYLE"&&x.nodeName!=="LINK"&&x!==k&&p.push(x)}):s&&Fe(s).forEach(v=>{document.querySelectorAll(v).forEach(x=>{p.push(x)})})},M=a=>{l("handleClick",a)},_=O(!1);return E(S,()=>{V(()=>{_.value=!0})}),()=>{var a,s;const{width:f,height:k,open:m,prefixCls:v,placement:x,level:F,levelMove:z,ease:Z,duration:J,getContainer:Q,onChange:ee,afterVisibleChange:te,showMask:A,maskClosable:W,maskStyle:H,keyboard:R,getOpenCount:o,scrollLocker:r,contentWrapperStyle:c,style:$,class:T,rootClassName:Y,rootStyle:X,maskMotion:ye,motion:U,inline:he}=e,ge=Le(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"]),L=m&&_.value,be=G(v,{[`${v}-${x}`]:!0,[`${v}-open`]:L,[`${v}-inline`]:he,"no-mask":!A,[Y]:!0}),we=typeof U=="function"?U(x):U;return u("div",P(P({},ue(ge,["autofocus"])),{},{tabindex:-1,class:be,style:X,ref:S,onKeydown:L&&R?g:void 0}),[u(oe,ye,{default:()=>[A&&ie(u("div",{class:`${v}-mask`,onClick:W?y:void 0,style:H,ref:D},null),[[ne,L]])]}),u(oe,P(P({},we),{},{onAfterEnter:C,onAfterLeave:C}),{default:()=>[ie(u("div",{class:`${v}-content-wrapper`,style:[c],ref:i},[u("div",{class:[`${v}-content`,T],style:$,ref:w},[(a=t.default)===null||a===void 0?void 0:a.call(t)]),t.handler?u("div",{onClick:M,ref:b},[(s=t.handler)===null||s===void 0?void 0:s.call(t)]):null]),[[ne,L]])]})])}}});var de=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 Ve=q({compatConfig:{MODE:3},inheritAttrs:!1,props:fe(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=Me(null),S=b=>{l("handleClick",b)},D=b=>{l("close",b)};return()=>{const{getContainer:b,wrapperClassName:w,rootClassName:p,rootStyle:h,forceRender:y}=e,g=de(e,["getContainer","wrapperClassName","rootClassName","rootStyle","forceRender"]);let C=null;if(!b)return u(se,P(P({},g),{},{rootClassName:p,rootStyle:h,open:e.open,onClose:D,onHandleClick:S,inline:!0}),t);const N=!!t.handler||y;return(N||e.open||i.value)&&(C=u(xe,{autoLock:!0,visible:e.open,forceRender:N,getContainer:b,wrapperClassName:w},{default:M=>{var{visible:_,afterClose:a}=M,s=de(M,["visible","afterClose"]);return u(se,P(P(P({ref:i},g),s),{},{rootClassName:p,rootStyle:h,open:_!==void 0?_:e.open,afterVisibleChange:a!==void 0?a:e.afterVisibleChange,onClose:D,onHandleClick:S}),t)}})),C}}}),We=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:b,paddingLG:w,fontSizeLG:p,lineHeightLG:h,lineWidth:y,lineType:g,colorSplit:C,marginSM:N,colorIcon:M,colorIconHover:_,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:`${b}px ${w}px`,fontSize:p,lineHeight:h,borderBottom:`${y}px ${g} ${C}`,"&-title":{display:"flex",flex:1,alignItems:"center",minWidth:0,minHeight:0}},[`${n}-extra`]:{flex:"none"},[`${n}-close`]:{display:"inline-block",marginInlineEnd:N,color:M,fontWeight:s,fontSize:p,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:_,textDecoration:"none"}},[`${n}-title`]:{flex:1,margin:0,color:a,fontWeight:e.fontWeightStrong,fontSize:p,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 ${g} ${C}`},"&-rtl":{direction:"rtl"}}}},Re=$e("Drawer",e=>{const n=Oe(e,{drawerFooterPaddingVertical:e.paddingXS,drawerFooterPaddingHorizontal:e.padding});return[He(n),We(n)]},e=>({zIndexPopup:e.zIndexPopupBase}));var Ye=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 Xe=["top","right","bottom","left"],ce={distance:180},Ue=()=>({autofocus:{type:Boolean,default:void 0},closable:{type:Boolean,default:void 0},closeIcon:d.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:d.any,visible:{type:Boolean,default:void 0},open:{type:Boolean,default:void 0},width:d.oneOfType([d.string,d.number]),height:d.oneOfType([d.string,d.number]),zIndex:Number,prefixCls:String,push:d.oneOfType([d.looseBool,{type:Object}]),placement:d.oneOf(Xe),keyboard:{type:Boolean,default:void 0},extra:d.any,footer:d.any,footerStyle:j(),level:d.any,levelMove:{type:[Number,Array,Function]},handle:d.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:fe(Ue(),{closable:!0,placement:"right",maskClosable:!0,mask:!0,level:null,keyboard:!0,push:ce}),slots:Object,setup(e,n){let{emit:l,slots:t,attrs:i}=n;const S=O(!1),D=O(!1),b=O(null),w=O(!1),p=O(!1),h=I(()=>{var o;return(o=e.open)!==null&&o!==void 0?o:e.visible});E(h,()=>{h.value?w.value=!0:p.value=!1},{immediate:!0}),E([h,w],()=>{h.value&&w.value&&(p.value=!0)},{immediate:!0});const y=Te("parentDrawerOpts",null),{prefixCls:g,getPopupContainer:C,direction:N}=De("drawer",e),[M,_]=Re(g),a=I(()=>e.getContainer===void 0&&(C!=null&&C.value)?()=>C.value(document.body):e.getContainer);Ne(!e.afterVisibleChange,"Drawer","`afterVisibleChange` prop is deprecated, please use `@afterVisibleChange` event instead"),je("parentDrawerOpts",{setPush:()=>{S.value=!0},setPull:()=>{S.value=!1,V(()=>{k()})}}),ve(()=>{h.value&&y&&y.setPush()}),pe(()=>{y&&y.setPull()}),E(p,()=>{y&&(p.value?y.setPush():y.setPull())},{flush:"post"});const k=()=>{var o,r;(r=(o=b.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)},v=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 c;return typeof o=="boolean"?c=o?ce.distance:0:c=o.distance,c=parseFloat(String(c||0)),r==="left"||r==="right"?`translateX(${r==="left"?c:-c}px)`:r==="top"||r==="bottom"?`translateY(${r==="top"?c:-c}px)`:null}),F=I(()=>{var o;return(o=e.width)!==null&&o!==void 0?o:e.size==="large"?736:378}),z=I(()=>{var o;return(o=e.height)!==null&&o!==void 0?o:e.size==="large"?736:378}),Z=I(()=>{const{mask:o,placement:r}=e;if(!p.value&&!o)return{};const c={};return r==="left"||r==="right"?c.width=ae(F.value)?`${F.value}px`:F.value:c.height=ae(z.value)?`${z.value}px`:z.value,c}),J=I(()=>{const{zIndex:o,contentWrapperStyle:r}=e,c=Z.value;return[{zIndex:o,transform:S.value?x.value:void 0},B({},r),c]}),Q=o=>{const{closable:r,headerStyle:c}=e,$=K(t,e,"extra"),T=K(t,e,"title");return!T&&!r?null:u("div",{class:G(`${o}-header`,{[`${o}-header-close-only`]:r&&!T&&!$}),style:c},[u("div",{class:`${o}-header-title`},[ee(o),T&&u("div",{class:`${o}-title`},[T])]),$&&u("div",{class:`${o}-extra`},[$])])},ee=o=>{var r;const{closable:c}=e,$=t.closeIcon?(r=t.closeIcon)===null||r===void 0?void 0:r.call(t):e.closeIcon;return c&&u("button",{key:"closer",onClick:m,"aria-label":"Close",class:`${o}-close`},[$===void 0?u(Ie,null,null):$])},te=o=>{var r;if(D.value&&!e.forceRender&&!w.value)return null;const{bodyStyle:c,drawerStyle:$}=e;return u("div",{class:`${o}-wrapper-body`,style:$},[Q(o),u("div",{key:"body",class:`${o}-body`,style:c},[(r=t.default)===null||r===void 0?void 0:r.call(t)]),A(o)])},A=o=>{const r=K(t,e,"footer");if(!r)return null;const c=`${o}-footer`;return u("div",{class:c,style:e.footerStyle},[r])},W=I(()=>G({"no-mask":!e.mask,[`${g.value}-rtl`]:N.value==="rtl"},e.rootClassName,_.value)),H=I(()=>re(le(g.value,"mask-motion"))),R=o=>re(le(g.value,`panel-motion-${o}`));return()=>{const{width:o,height:r,placement:c,mask:$,forceRender:T}=e,Y=Ye(e,["width","height","placement","mask","forceRender"]),X=B(B(B({},i),ue(Y,["size","closeIcon","closable","destroyOnClose","drawerStyle","headerStyle","bodyStyle","title","push","onAfterVisibleChange","onClose","onUpdate:visible","onUpdate:open","visible"])),{forceRender:T,onClose:m,afterVisibleChange:v,handler:!1,prefixCls:g.value,open:p.value,showMask:$,placement:c,ref:b});return M(u(_e,null,{default:()=>[u(Ve,P(P({},X),{},{maskMotion:H.value,motion:R,width:F.value,height:z.value,getContainer:a.value,rootClassName:W.value,rootStyle:e.rootStyle,contentWrapperStyle:J.value}),{handler:e.handle?()=>e.handle:t.handle,default:()=>te(g.value)})]}))}}}),Ze=Pe(Ke);export{Ze as D};
|