https://forum.hkgolden.com/static/js/2599.feb9b4e4.chunk.js

1"use strict";(globalThis.webpackChunkhkg_web_mui=globalThis.webpackChunkhkg_web_mui||[]).push([[2599],{38986:(e,t,o)=>{o.d(t,{A:()=>w});var i=o(15917),r=o(83566),s=o(84863),n=o(27963),a=o(78239),d=o(25553),h=o.n(d),l=o(53165);const c=e=>({mask:{position:"fixed",width:"100%",height:"100%",backgroundColor:"rgba(0,0,0,.65)"},drawer:{...e.mixins.noHighlight,width:"100%",height:"100%",top:0,position:"fixed",zIndex:e.zIndex.overlayDrawer},drawerOpened:{pointerEvents:"auto"},drawerClosed:{pointerEvents:"none"},[a.El.UP]:{left:0},[a.El.DOWN]:{left:0},[a.El.LEFT]:{left:0},[a.El.RIGHT]:{right:0},contentWrapper:{willChange:"left",height:"100%",position:"fixed",display:"flex",flexDirection:"column",overflowY:"auto",overflowX:"hidden","[data-theme=DF] &":{background:e.palette.custom.postmodal.header.background.light},"[data-theme=DK] &":{background:e.palette.custom.postmodal.header.background.dark},"[data-theme=DB] &":{background:e.palette.custom.postmodal.header.background.darkblue}},header:{position:"sticky",top:0,height:e.layout.mobileLogoHeight,zIndex:e.zIndex.drawer+1,borderBottomWidth:1,borderBottomStyle:"solid",display:"flex",justifyContent:"center",alignItems:"center","[data-theme=DF] &":{borderBottomColor:e.palette.custom.postmodal.header.shadow.light},"[data-theme=DK] &":{borderBottomColor:e.palette.custom.postmodal.header.shadow.dark},"[data-theme=DB] &":{borderBottomColor:e.palette.custom.postmodal.header.shadow.darkblue}},body:{overflow:"visible",position:"relative"}}),p=2,u=4;class m extends i.PureComponent{constructor(){super(...arguments),this.state={position:-this.props.width-10},this.openDrawer=()=>{this.opened=!0,this.setState({position:0})},this.closeDrawer=async()=>{this.opened=!1,this.setState({position:-this.props.width-10})},this.handleTouchStart=e=>{this.props.blockGesture&&this.props.blockGesture()||this.handleMouseDown(e.touches[0])},this.handleTouchMove=e=>{this.handleMouseMove(e.touches[0])},this.handleMouseDown=e=>{let{pageX:t,pageY:o}=e;t<25||(this.initPosX=t,this.initPosY=o,delete this.deltaX,delete this.direction)},this.handleMouseMove=e=>{if(!this.initPosX||!this.initPosY)return;const t=e.pageX-this.initPosX;if(!this.direction){const o=e.pageY-this.initPosY,i=Math.abs(t),r=Math.abs(o);return void(i>r&&r<5&&(t>10?(this.direction=u,this.initPosX=e.pageX,this.startUpPos=this.state.position):t<-10&&(this.direction=p,this.initPosX=e.pageX,this.startUpPos=this.state.position)))}this.direction!==u&&this.direction!==p||(this.direction===u&&this.deltaX>t?this.direction=p:this.direction===p&&this.deltaX<t&&(this.direction=u),this.setState({position:"left"===this.props.placement?this.startUpPos+t:this.startUpPos-t}),this.deltaX=t)},this.handleMouseUp=()=>{if(delete this.initPosX,delete this.initPosY,this.direction){if("left"===this.props.placement){if(this.direction===u&&this.deltaX>30)return void this.props.openDrawer();if(this.direction===p&&this.deltaX<-30)return void this.props.closeDrawer()}else{if(this.direction===u&&this.deltaX>30)return void this.props.closeDrawer();if(this.direction===p&&this.deltaX<-30)return void this.props.openDrawer()}this.backToCurrentState()}}}componentDidUpdate(e){e.open!==this.props.open&&(this.props.open?this.openDrawer():this.closeDrawer())}componentDidMount(){this.props.open&&this.props.openDrawer(),this.addEvents()}componentWillUnmount(){this.removeEvents()}addEvents(){window.addEventListener("touchstart",this.handleTouchStart),window.addEventListener("touchmove",this.handleTouchMove),window.addEventListener("touchend",this.handleMouseUp)}removeEvents(){window.removeEventListener("touchstart",this.handleTouchStart),window.removeEventListener("touchmove",this.handleTouchMove),window.removeEventListener("touchend",this.handleMouseUp)}backToCurrentState(){const e=Math.abs(this.state.position);Math.abs(e-0)<Math.abs(e-this.props.width)?this.opened?this.openDrawer():this.props.openDrawer():this.opened?this.props.closeDrawer():this.closeDrawer()}render(){const e=this.renderChildren();return r.createPortal(e,document.querySelectorAll("body")[0])}renderChildren(){const{position:e}=this.state,{id:t,classes:o,open:r,placement:s,title:a,children:d,width:l,closeDrawer:c}=this.props,p=h()(`${o[s]} ${o.drawer}`,{[o.drawerOpened]:r,[o.drawerClosed]:!r});return i.createElement("div",{id:t,"data-role":"drawer","data-open":!!r},i.createElement(n.c7,{native:!0,to:{position:e}},e=>{let{position:t}=e;return i.createElement("div",{className:p},i.createElement(n.CS.div,{onClick:c,className:o.mask,style:{opacity:t.to({range:[-l-10,0],output:[0,1],extrapolate:"clamp"}).to(e=>`${e}`)}}),i.createElement(n.CS.div,{className:`${o.contentWrapper} ${o._styledScrollBarVertical} ${o._themeScrollBarVerticalShowAlways}`,style:{[s]:t.to({range:[-l-10,0],output:[-l-10,0],extrapolate:"clamp"}).to(e=>`${e}px`),width:`${l}px`}},i.createElement("div",{className:o.header},a),i.createElement("div",{className:o.body},d)))}))}}const w=(0,s.A)(e=>({...c(e),...(0,l.A)(e)}))(m)},62789:(e,t,o)=>{function i(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return document.querySelectorAll(`div${void 0!==e.not?`:not([id="${e.not}"])`:""}[role="dialog"]${void 0!==e.condition?`[${e.condition.key}${e.condition.value?`="${e.condition.value}"`:""}]`:""}`)}function r(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return document.querySelectorAll(`div${void 0!==e.not?`:not([id="${e.not}"])`:""}[data-role="tabs"]`)}function s(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return document.querySelectorAll(`div${void 0!==e.not?`:not([id="${e.not}"])`:""}[data-role="drawer"][data-open="true"]`)}o.d(t,{BF:()=>r,Qj:()=>i,YD:()=>s})},92599:(e,t,o)=>{o.r(t),o.d(t,{default:()=>u});

1var i=o(15917),r=o(38986),s=o(78239),n=o(62789),a=o(22979),d=o(62566),h=o(43206);const l=(0,h.TH)(()=>o.e(2812).then(o.bind(o,2812))),c=(0,h.TH)(()=>o.e(1432).then(o.bind(o,71432)));class p extends i.PureComponent{constructor(){super(...arguments),this.blockGesture=()=>{if((0,n.Qj)({not:"threadModal"}).length>0)return!0;return(0,n.YD)({not:"threadDrawer"}).length>0}}render(){const{onItemClick:e,totalPage:t,currentPage:o,forumTitle:s,...n}=this.props;return i.createElement(r.A,Object.assign({id:"threadDrawer",blockGesture:this.blockGesture,title:i.createElement(l,{title:s})},n),i.createElement(c,{onItemClick:e,currentPage:o,totalPage:t}))}}p.defaultProps={placement:s.El.LEFT,width:100};const u=(0,d.connect)(e=>({open:e.getIn(["configs","threadDrawerVisible"])}),e=>({openDrawer:()=>{e((0,a._R)({configKey:"threadDrawerVisible",configValue:!0}))},closeDrawer:()=>{e((0,a._R)({configKey:"threadDrawerVisible",configValue:!1}))}}))(p)}}]);