wstats

import{Y as I,R as a,a5 as b,bb as te,aD as M,aV as se,a8 as o,aa as E,Z as oe,a3 as ne,ac as ie,bj as ae,bk as L,bl as re,av as K,a9 as le,r as R}from"./index-GWuvg2UH.js";const X={PREFIX:`${I}-sidesheet`},D={PLACEMENT:["top","right","bottom","left"],SIZE:["small","medium","large"],HEIGHT:448};var F=function(i,e){var s={};for(var t in i)Object.prototype.hasOwnProperty.call(i,t)&&e.indexOf(t)<0&&(s[t]=i[t]);if(i!=null&&typeof Object.getOwnPropertySymbols=="function")for(var n=0,t=Object.getOwnPropertySymbols(i);n<t.length;n++)e.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(i,t[n])&&(s[t[n]]=i[t[n]]);return s};let ce=0;const c=X.PREFIX;class z extends a.PureComponent{constructor(){super(...arguments),this.onMaskClick=e=>{e.target===e.currentTarget&&this.close(e)},this.close=e=>{const{onClose:s}=this.props;s&&s(e)}}componentDidMount(){this.sideSheetId=`sidesheet-${ce++}`}componentWillUnmount(){clearTimeout(this.timeoutId)}getMaskElement(){var e;const{mask:s,maskStyle:t,maskClosable:n}=this.props;return s?a.createElement("div",Object.assign({"aria-hidden":!0,key:"mask",className:b(`${c}-mask`,(e=this.props.maskClassName)!==null&&e!==void 0?e:""),style:t,onClick:n?this.onMaskClick:null},this.props.maskExtraProps)):null}renderHeader(){const{title:e,closable:s,headerStyle:t,closeIcon:n}=this.props;let r,l;if(e&&(r=a.createElement("div",{className:`${c}-title`,"x-semi-prop":"title"},this.props.title)),s){const g=n||a.createElement(se,null);l=a.createElement(te,{className:`${c}-close`,key:"close-btn",onClick:this.close,type:"tertiary",icon:g,theme:"borderless",size:"small"})}return a.createElement("div",{className:`${c}-header`,role:"heading","aria-level":1,style:Object.assign({},t)},r,l)}getDialogElement(){var e;const s=F(this.props,[]),t={};s.width&&(t.width=s.width,s.mask||(t.width="100%")),s.height&&(t.height=s.height);const n=this.renderHeader();return a.createElement("div",Object.assign({key:"dialog-element",role:"dialog",tabIndex:-1,className:b(`${c}-inner`,`${c}-inner-wrap`,(e=this.props.dialogClassName)!==null&&e!==void 0?e:"",`${c}-size-${s.size}`),style:Object.assign(Object.assign({},s.style),t)},this.props.wrapperExtraProps),a.createElement("div",{className:`${c}-content`},n,a.createElement("div",{className:`${c}-body`,style:s.bodyStyle,"x-semi-prop":"children"},s.children),s.footer?a.createElement("div",{className:`${c}-footer`,"x-semi-prop":"footer"},s.footer):null))}render(){const e=this.props,{mask:s,className:t,width:n,onClose:r,maskStyle:l,maskClosable:g,maskClassName:d,title:h,closable:C,headerStyle:O,height:y,style:f,size:S,bodyStyle:A,dialogClassName:H,children:k,footer:V,maskExtraProps:W,wrapperExtraProps:P}=e,_=F(e,["mask","className","width","onClose","maskStyle","maskClosable","maskClassName","title","closable","headerStyle","height","style","size","bodyStyle","dialogClassName","children","footer","maskExtraProps","wrapperExtraProps"]),x=b(t,{[`${c}-fixed`]:!s,[`${c}-size-${this.props.size}`]:!s}),v={};!s&&n&&(v.width=n);const j=M(_);return a.createElement("div",Object.assign({className:x,style:v},j),this.getMaskElement(),this.getDialogElement())}}z.propTypes={onClose:o.func,closeIcon:o.node};z.defaultProps={onClose:E};class B extends oe{constructor(e){super(Object.assign(Object.assign({},B.defaultAdapter),e)),this.toggleDisplayNone=s=>{this._adapter.toggleDisplayNone(s)}}get defaultAdapter(){return{handleCancel:E,beforeShow:E,afterHide:E}}destroy(){this.afterHide()}handleCancel(e){this._adapter.notifyCancel(e)}beforeShow(){this.getProp("disableScroll")&&this._adapter.disabledBodyScroll(),this._adapter.setOnKeyDownListener()}afterHide(){this.getProp("disableScroll")&&this._adapter.enabledBodyScroll(),this._adapter.removeKeyDownListener()}handleKeyDown(e){const{closeOnEsc:s}=this.getProps();if(s&&e.keyCode===ne.ESC){e.stopPropagation(),this.handleCancel(e);return}}onVisibleChange(e){this._adapter.notifyVisibleChange(e)}}var de=function(i,e){var s={};for(var t in i)Object.prototype.hasOwnProperty.call(i,t)&&e.indexOf(t)<0&&(s[t]=i[t]);if(i!=null&&typeof Object.getOwnPropertySymbols=="function")for(var n=0,t=Object.getOwnPropertySymbols(i);n<t.length;n++)e.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(i,t[n])&&(s[t[n]]=i[t[n]]);return s};const p=X.PREFIX,pe=D.HEIGHT;class w extends ie{constructor(e){super(e),this.handleCancel=s=>{this.foundation.handleCancel(s)},this.handleKeyDown=s=>{this.foundation.handleKeyDown(s)},this.updateState=()=>{this.foundation.toggleDisplayNone(!this.props.visible)},this.state={displayNone:!this.props.visible},this.foundation=new B(this.adapter),this.bodyOverflow="",this.scrollBarWidth=0,this.originBodyWidth="100%"}get adapter(){return Object.assign(Object.assign({},super.adapter),{disabledBodyScroll:()=>{const{getPopupContainer:e}=this.props;this.bodyOverflow=document.body.style.overflow||"",!e&&this.bodyOverflow!=="hidden"&&(document.body.style.overflow="hidden",document.body.style.width=`calc(${this.originBodyWidth||"100%"} - ${this.scrollBarWidth}px)`)},enabledBodyScroll:()=>{const{getPopupContainer:e}=this.props;!e&&this.bodyOverflow!=="hidden"&&(document.body.style.overflow=this.bodyOverflow,document.body.style.width=this.originBodyWidth)},notifyCancel:e=>{this.props.onCancel&&this.props.onCancel(e)},notifyVisibleChange:e=>{this.props.afterVisibleChange(e)},setOnKeyDownListener:()=>{window&&window.addEventListener("keydown",this.handleKeyDown)},removeKeyDownListener:()=>{window&&window.removeEventListener("keydown",this.handleKeyDown)},toggleDisplayNone:e=>{e!==this.state.displayNone&&this.setState({displayNone:e})}})}static getDerivedStateFromProps(e,s){const t={};return e.visible&&s.displayNone&&(t.displayNone=!1),!e.visible&&!e.motion&&!s.displayNone&&(t.displayNone=!0),t}componentDidMount(){this.scrollBarWidth=ae(),this.originBodyWidth=document.body.style.width,this.props.visible&&this.foundation.beforeShow()}componentDidUpdate(e,s,t){!e.visible&&this.props.visible&&this.foundation.beforeShow(),e.visible&&!this.props.visible&&this.foundation.afterHide(),s.displayNone!==this.state.displayNone&&this.foundation.onVisibleChange(!this.state.displayNone)}componentWillUnmount(){this.props.visible&&this.foundation.destroy()}renderContent(){const e=this.props,{placement:s,className:t,children:n,width:r,height:l,motion:g,visible:d,style:h,maskStyle:C,size:O,zIndex:y,getPopupContainer:f,keepDOM:S,canVerticalSetWidth:A}=e,H=de(e,["placement","className","children","width","height","motion","visible","style","maskStyle","size","zIndex","getPopupContainer","keepDOM","canVerticalSetWidth"]);let k={zIndex:y};f&&(k={zIndex:y,position:"static"});const{direction:V}=this.context,W=s==="left"||s==="right",P=s==="top"||s==="bottom",_=P?l||pe:"100%",x=b(p,t,{[`${p}-${s}`]:s,[`${p}-popup`]:f,[`${p}-horizontal`]:P,[`${p}-rtl`]:V==="rtl",[`${p}-hidden`]:S&&this.state.displayNone}),v=Object.assign(Object.assign(Object.assign({},W||A?r?{width:r}:{}:{width:"100%"}),H),{visible:d,motion:!1,size:O,className:x,height:_,onClose:this.handleCancel}),j=this.props.visible||this.props.keepDOM||this.props.motion&&!this.state.displayNone;return a.createElement(L,{motion:this.props.motion,animationState:d?"enter":"leave",startClassName:d?`${p}-animation-mask_show`:`${p}-animation-mask_hide`,onAnimationEnd:this.updateState},U=>{let{animationClassName:Y,animationEventsNeedBind:Z}=U;return a.createElement(L,{motion:this.props.motion,animationState:d?"enter":"leave",startClassName:d?`${p}-animation-content_show_${this.props.placement}`:`${p}-animation-content_hide_${this.props.placement}`,onAnimationEnd:this.updateState},q=>{let{animationClassName:J,animationStyle:Q,animationEventsNeedBind:ee}=q;return j?a.createElement(re,{getPopupContainer:f,style:k},a.createElement(z,Object.assign({},v,{maskExtraProps:Z,wrapperExtraProps:ee,dialogClassName:J,maskClassName:Y,maskStyle:Object.assign({},C),style:Object.assign(Object.assign({},Q),h)}),n)):a.createElement(a.Fragment,null)})})}render(){const{zIndex:e,getPopupContainer:s,visible:t}=this.props;return this.renderContent()}}w.contextType=K;w.propTypes={bodyStyle:o.object,headerStyle:o.object,children:o.node,className:o.string,closable:o.bool,disableScroll:o.bool,getPopupContainer:o.func,height:o.oneOfType([o.number,o.string]),mask:o.bool,maskClosable:o.bool,maskStyle:o.object,motion:o.oneOfType([o.bool,o.object,o.func]),onCancel:o.func,placement:o.oneOf(D.PLACEMENT),size:o.oneOf(D.SIZE),style:o.object,title:o.node,visible:o.bool,width:o.oneOfType([o.number,o.string]),zIndex:o.number,afterVisibleChange:o.func,closeOnEsc:o.bool,footer:o.node,keepDOM:o.bool,"aria-label":o.string};w.__SemiComponentName__="SideSheet";w.defaultProps=le(w.__SemiComponentName__,{visible:!1,motion:!0,mask:!0,placement:"right",closable:!0,footer:null,zIndex:1e3,maskClosable:!0,size:"small",disableScroll:!0,closeOnEsc:!1,afterVisibleChange:E,keepDOM:!1});const G={PREFIX:`${I}-timeline`,ITEM:`${I}-timeline-item`},T={MODE:["left","alternate","right","center"],ITEM_POS:["left","right"],ITEM_TYPE:["ongoing","success","warning","error","default"]};var me=function(i,e){var s={};for(var t in i)Object.prototype.hasOwnProperty.call(i,t)&&e.indexOf(t)<0&&(s[t]=i[t]);if(i!=null&&typeof Object.getOwnPropertySymbols=="function")for(var n=0,t=Object.getOwnPropertySymbols(i);n<t.length;n++)e.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(i,t[n])&&(s[t[n]]=i[t[n]]);return s};const u=G.ITEM;class N extends R.PureComponent{render(){const e=this.props,{className:s,color:t,children:n,dot:r,type:l,style:g,time:d,extra:h,onClick:C}=e,O=me(e,["className","color","children","dot","type","style","time","extra","onClick"]),y=b(u,s),f=b({[`${u}-head`]:!0,[`${u}-head-custom`]:r,[`${u}-head-${l}`]:l}),S=t?{style:{backgroundColor:t}}:null;return a.createElement("li",Object.assign({className:y,style:g,onClick:C},M(O)),a.createElement("div",{className:`${u}-tail`,"aria-hidden":!0}),a.createElement("div",Object.assign({className:f,"aria-hidden":!0},S),r),a.createElement("div",{className:`${u}-content`},n,h&&a.createElement("div",{className:`${u}-content-extra`},h),d&&a.createElement("div",{className:`${u}-content-time`},d)))}}N.propTypes={color:o.string,time:o.node,type:o.oneOf(T.ITEM_TYPE),dot:o.node,extra:o.node,position:o.oneOf(T.ITEM_POS),className:o.string,style:o.object,onClick:o.func};N.defaultProps={type:"default",time:"",onClick:E};var he=function(i,e){var s={};for(var t in i)Object.prototype.hasOwnProperty.call(i,t)&&e.indexOf(t)<0&&(s[t]=i[t]);if(i!=null&&typeof Object.getOwnPropertySymbols=="function")for(var n=0,t=Object.getOwnPropertySymbols(i);n<t.length;n++)e.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(i,t[n])&&(s[t[n]]=i[t[n]]);return s};const m=G.PREFIX;class $ extends R.PureComponent{constructor(){super(...arguments),this.getPosCls=(e,s)=>{const{mode:t}=this.props;return t==="alternate"?e.props.position?`${m}-item-${e.props.position}`:s%2===0?`${m}-item-left`:`${m}-item-right`:t==="center"?e.props.position?`${m}-item-${e.props.position}`:`${m}-item-left`:t==="left"||t==="right"?`${m}-item-${t}`:e.props.position?`${m}-item-${e.props.position}`:""},this.addClassName=e=>a.Children.map(e,(s,t)=>a.isValidElement(s)?a.cloneElement(s,{className:b(s.props.className,this.getPosCls(s,t))}):s)}render(){const e=this.props,{children:s,className:t,style:n,mode:r,dataSource:l}=e,g=he(e,["children","className","style","mode","dataSource"]),d=b(m,t,{[`${m}-${r}`]:r});let h;if(l&&l.length){const O=l.map((y,f)=>a.createElement(N,Object.assign({key:`timeline-item-${f}`},y),y.content));h=this.addClassName(O)}const C=h||this.addClassName(s);return a.createElement("ul",Object.assign({"aria-label":this.props["aria-label"],style:n,className:d},M(g)),C)}}$.contextType=K;$.Item=N;$.propTypes={mode:o.oneOf(T.MODE),className:o.string,style:o.object,dataSource:o.array};$.defaultProps={mode:"left"};export{w as S,$ as T};