@ehfuse/overlay-scrollbar 1.7.6 → 1.7.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/OverlayScrollbar.d.ts.map +1 -1
- package/dist/hooks/useCoarsePointer.d.ts +13 -0
- package/dist/hooks/useCoarsePointer.d.ts.map +1 -0
- package/dist/hooks/usePullToRefresh.d.ts.map +1 -1
- package/dist/index.esm.js +9 -4
- package/dist/index.esm.js.map +4 -4
- package/dist/index.js +9 -4
- package/dist/index.js.map +4 -4
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,5 +1,10 @@
|
|
|
1
|
-
"use strict";var ze=Object.defineProperty;var Et=Object.getOwnPropertyDescriptor;var St=Object.getOwnPropertyNames;var Ct=Object.prototype.hasOwnProperty;var Ht=(p,f)=>{for(var H in f)ze(p,H,{get:f[H],enumerable:!0})},Lt=(p,f,H,m)=>{if(f&&typeof f=="object"||typeof f=="function")for(let L of St(f))!Ct.call(p,L)&&L!==H&&ze(p,L,{get:()=>f[L],enumerable:!(m=Et(f,L))||m.enumerable});return p};var Dt=p=>Lt(ze({},"__esModule",{value:!0}),p);var Nt={};Ht(Nt,{OverlayScrollbar:()=>Ne,default:()=>Ne});module.exports=Dt(Nt);var t=require("react");var Rt=["editor","textarea","input","select","textfield","form-control","contenteditable","MuiInputBase-input","MuiSelect-select","MuiOutlinedInput-input","MuiFilledInput-input","MuiInput-input","MuiFormControl-root","MuiTextField-root","MuiSelect-root","MuiOutlinedInput-root","MuiFilledInput-root","MuiInput-root","MuiAutocomplete-input","MuiDatePicker-input","MuiSlider-thumb","MuiSlider-rail","MuiSlider-track","MuiSlider-mark","MuiSlider-markLabel","MuiSlider-root","MuiSlider-colorPrimary","MuiSlider-sizeMedium","MuiIconButton-root","MuiButton-root","MuiButtonBase-root","MuiTouchRipple-root","MuiCheckbox-root","MuiRadio-root","MuiSwitch-root","PrivateSwitchBase-root","ant-input","ant-input-affix-wrapper","ant-input-group-addon","ant-input-number","ant-input-number-handler","ant-select","ant-select-selector","ant-select-selection-search","ant-select-dropdown","ant-cascader","ant-cascader-input","ant-picker","ant-picker-input","ant-time-picker","ant-calendar-picker","ant-slider","ant-slider-track","ant-slider-handle","ant-switch","ant-checkbox","ant-checkbox-wrapper","ant-radio","ant-radio-wrapper","ant-rate","ant-upload","ant-upload-drag","ant-form-item","ant-form-item-control","ant-btn","ant-dropdown","ant-dropdown-trigger","ant-menu","ant-menu-item","ant-tooltip","ant-popover","ant-modal","ant-drawer","ant-tree-select","ant-auto-complete","ant-mentions","ant-transfer","ui-input","ui-textarea","ui-select","ui-select-trigger","ui-select-content","ui-select-item","ui-button","ui-checkbox","ui-radio-group","ui-switch","ui-slider","ui-range-slider","ui-calendar","ui-date-picker","ui-combobox","ui-command","ui-command-input","ui-popover","ui-dialog","ui-sheet","ui-dropdown-menu","ui-context-menu","ui-menubar","ui-navigation-menu","ui-form","ui-form-control","ui-form-item","ui-form-field","ui-label","radix-ui","radix-select","radix-dropdown","radix-dialog","radix-popover","radix-accordion","radix-tabs","radix-slider","radix-switch","radix-checkbox","radix-radio","ql-editor","ql-container","ql-toolbar","ql-picker","ql-picker-label","ql-picker-options","ql-formats","ql-snow","ql-bubble","quill","quilleditor","monaco-editor","monaco-editor-background","view-lines","decorationsOverviewRuler","monaco-scrollable-element","CodeMirror","CodeMirror-code","CodeMirror-lines","CodeMirror-scroll","CodeMirror-sizer","cm-editor","cm-focused","cm-content","tox-editor-container","tox-editor-header","tox-edit-area","tox-tinymce","mce-content-body","ck-editor","ck-content","ck-toolbar","ck-editor__editable","ck-widget","slate-editor","slate-content","DraftEditor-root","DraftEditor-editorContainer","public-DraftEditor-content","ehfuse-editor","ehfuse-editor-wrapper","ehfuse-editor-content","ehfuse-toolbar","ehfuse-toolbar-group","ehfuse-cursor","text-editor","rich-text-editor","wysiwyg","ace_editor","ace_content"],Se=(p,f)=>{if(p instanceof HTMLElement&&p.isContentEditable||p.closest('[role="textbox"],[role="searchbox"]'))return!0;let H=p.tagName.toLowerCase();if(H==="input"){let m=(p.type||"text").toLowerCase();return!["button","submit","reset","image","hidden"].includes(m)}if(["textarea","select","button"].includes(H)||["svg","path","circle","rect","line","polygon","polyline"].includes(H)||p.getAttribute("contenteditable")==="true")return!0;if(f?.excludeSelectors){for(let m of f.excludeSelectors)if(p.matches(m))return!0}return kt(p,f)},kt=(p,f)=>{let H=[...Rt,...f?.excludeClasses||[]],m=p,L=0,P=5;for(;m&&L<=P;){if(H.some(D=>m.classList.contains(D)))return!0;if(m.classList.contains("MuiDialogContent-root"))break;m=m.parentElement,L++}return!1};var W=require("react"),ot=({containerRef:p,config:f})=>{let H=f.enabled??!0,m=f.threshold??80,L=f.maxDistance??m*2,P=f.onRefresh,[D,R]=(0,W.useState)(0),[A,X]=(0,W.useState)(!1),N=(0,W.useRef)(0),ae=(0,W.useRef)(0),$=(0,W.useRef)(!1),Y=(0,W.useRef)(!1),ee=(0,W.useRef)(!1),ce=(0,W.useRef)(0),te=(0,W.useRef)(!1);return(0,W.useEffect)(()=>{te.current=A},[A]),(0,W.useEffect)(()=>{let S=p.current;if(!S||!(H&&typeof P=="function"))return;let Z=x=>{let T=x instanceof Element?x:null;for(;T&&T!==S;){if(T instanceof HTMLElement&&T.scrollHeight>T.clientHeight+1&&T.scrollTop>0)return!1;T=T.parentElement}return!0},q=x=>{$.current=!1,Y.current=!1,ee.current=!1,!te.current&&x.touches.length===1&&S.scrollTop===0&&Z(x.target)&&($.current=!0,N.current=x.touches[0].clientY,ae.current=x.touches[0].clientX)},ve=x=>{if(!$.current||te.current||x.touches.length!==1)return;let T=x.touches[0].clientY-N.current,se=x.touches[0].clientX-ae.current;if(!Y.current){if(T<=0||S.scrollTop>0){$.current=!1;return}if(T>8&&T>Math.abs(se))Y.current=!0,ee.current=S.scrollTop<0;else return}!ee.current&&x.cancelable&&x.preventDefault();let ue=Math.min(Math.max(T,0)*.5,L);ce.current=ue,R(ue)},k=()=>{if(!$.current||($.current=!1,!Y.current))return;Y.current=!1,ee.current=!1;let x=ce.current;ce.current=0,x>=m&&!te.current?(X(!0),R(m),Promise.resolve().then(()=>P()).catch(()=>{}).finally(()=>{X(!1),R(0)})):R(0)};return S.addEventListener("touchstart",q,{passive:!0}),S.addEventListener("touchmove",ve,{passive:!1}),S.addEventListener("touchend",k,{passive:!0}),S.addEventListener("touchcancel",k,{passive:!0}),()=>{S.removeEventListener("touchstart",q),S.removeEventListener("touchmove",ve),S.removeEventListener("touchend",k),S.removeEventListener("touchcancel",k)}},[p,H,P,m,L]),{pullDistance:D,isRefreshing:A,pullProgress:Math.min(D/m,1),pullThreshold:m}};var E=require("react/jsx-runtime"),It={},Wt={},Ot={},Pt={},At={},$t={},zt=(0,t.forwardRef)(({className:p="",style:f={},containerStyle:H={},contentStyle:m={},children:L,onScroll:P,thumb:D=It,track:R=Wt,arrows:A=Ot,dragScroll:X=Pt,autoHide:N=At,pullToRefresh:ae=$t,showScrollbar:$=!0,showHorizontalScrollbar:Y=!0,detectInnerScroll:ee=!1},ce)=>{let te=(0,t.useRef)({});(0,t.useEffect)(()=>{te.current={children:L,onScroll:P,showScrollbar:$,showHorizontalScrollbar:Y,thumb:D,track:R,arrows:A,dragScroll:X,autoHide:N}});let S=(0,t.useRef)(null),i=(0,t.useRef)(null),Z=(0,t.useRef)(null),q=(0,t.useRef)(null),ve=(0,t.useRef)(null),k=(0,t.useRef)(null),{pullDistance:x,isRefreshing:T,pullProgress:se}=ot({containerRef:i,config:ae}),ue=ae.indicatorColor??"#1976d2",rt=x>0||T,[ye,w]=(0,t.useState)(!1),[_,Fe]=(0,t.useState)(!1),[_e,Be]=(0,t.useState)(!1),[Ce,nt]=(0,t.useState)({y:0,scrollTop:0}),[de,Ue]=(0,t.useState)(0),[lt,He]=(0,t.useState)(0),[oe,Xe]=(0,t.useState)(!1),[Ye,qe]=(0,t.useState)(!1),[B,Ge]=(0,t.useState)(!1),[Le,it]=(0,t.useState)({x:0,scrollLeft:0}),[De,je]=(0,t.useState)(0),[Re,Ke]=(0,t.useState)(0),[at,Ve]=(0,t.useState)(!1),re=(0,t.useRef)(!1),[G,Ze]=(0,t.useState)(!1),[pe,ct]=(0,t.useState)({x:0,y:0,scrollTop:0,scrollLeft:0}),[Ft,_t]=(0,t.useState)(null),[xe,Te]=(0,t.useState)(null),[Bt,st]=(0,t.useState)(!1),[ut,dt]=(0,t.useState)(0),fe=(0,t.useRef)(null),[Je,Qe]=(0,t.useState)(!1),he=(0,t.useRef)(null),J=(0,t.useRef)(null),Q=(0,t.useRef)(null),M=(0,t.useMemo)(()=>{let e=D.color??"#606060";return{width:D.width??8,minHeight:D.minHeight??50,radius:D.radius??(D.width??8)/2,color:e,opacity:D.opacity??.6,hoverColor:D.hoverColor??e,hoverOpacity:D.hoverOpacity??1}},[D]),n=(0,t.useMemo)(()=>({width:R.width??16,color:R.color??"rgba(128, 128, 128, 0.1)",visible:R.visible??!0,alignment:R.alignment??"outside",radius:R.radius??M.radius??4,margin:R.margin??4,overflowX:R.overflowX??!0,overflowY:R.overflowY??!0}),[R,M.radius]),F=(0,t.useMemo)(()=>{let e=A.color??"#808080";return{visible:A.visible??!1,step:A.step??50,color:e,opacity:A.opacity??.6,hoverColor:A.hoverColor??e,hoverOpacity:A.hoverOpacity??1}},[A]),me=(0,t.useMemo)(()=>({enabled:X.enabled??!0,excludeClasses:X.excludeClasses??[],excludeSelectors:X.excludeSelectors??[]}),[X]),c=(0,t.useMemo)(()=>({enabled:N.enabled??!0,delay:N.delay??1500,delayOnWheel:N.delayOnWheel??700,initialDelay:N.initialDelay??200}),[N]),[ne,pt]=(0,t.useState)(()=>(N.initialDelay??200)>0),g=M.width,ft=n.width,ke=M.minHeight,U=F.visible,we=F.step,z=(0,t.useCallback)(()=>{if(!i.current)return;let e=document.activeElement;e&&i.current.contains(e)&&e!==i.current||i.current.focus()},[]);(0,t.useImperativeHandle)(ce,()=>({getScrollContainer:()=>i.current,scrollTo:e=>{i.current&&i.current.scrollTo(e)},get scrollTop(){return i.current?.scrollTop||0},get scrollHeight(){return i.current?.scrollHeight||0},get clientHeight(){return i.current?.clientHeight||0}}),[]);let d=(0,t.useCallback)(()=>{if(k.current){let o=k.current;if(document.contains(o)&&(o.scrollHeight>o.clientHeight+2||o.scrollWidth>o.clientWidth+2))return o;k.current=null}if(!i.current)return null;if(i.current.scrollHeight>i.current.clientHeight+2||i.current.scrollWidth>i.current.clientWidth+2)return k.current=i.current,i.current;if(!ee)return null;let e=i.current.querySelectorAll('[data-virtuoso-scroller], [style*="overflow"], .virtuoso-scroller, [style*="overflow: auto"], [style*="overflow:auto"]');for(let o of e){let r=o;if(r!==i.current&&r.classList.contains("overlay-scrollbar-container"))continue;let a=r.parentElement,l=!1;for(;a&&a!==i.current;){if(a.classList.contains("overlay-scrollbar-container")&&a!==i.current){l=!0;break}a=a.parentElement}if(!l&&(r.scrollHeight>r.clientHeight+2||r.scrollWidth>r.clientWidth+2))return k.current=r,r}return null},[]),j=(0,t.useCallback)(()=>d()!==null,[d]),v=(0,t.useCallback)(()=>{he.current&&(clearTimeout(he.current),he.current=null)},[]),Me=(0,t.useCallback)(()=>{J.current&&(clearTimeout(J.current),J.current=null)},[]),et=(0,t.useCallback)(()=>{Q.current&&(clearTimeout(Q.current),Q.current=null)},[]),ht=(0,t.useCallback)(()=>{Me(),!(_||B||G||re.current)&&(v(),w(!1))},[v,Me,_,B,G]),b=(0,t.useCallback)(e=>{c.enabled&&(v(),he.current=setTimeout(()=>{w(!1),he.current=null},e))},[v,c.enabled]),u=(0,t.useCallback)(()=>{let e=d()??i.current;if(!e){w(!1),Xe(!1),Ve(!1),v();return}!c.enabled&&!ne&&(w(!0),v());let o=e.clientHeight,r=e.scrollHeight,a=e.scrollTop,l=e.clientWidth,s=e.scrollWidth,y=e.scrollLeft,C=r-o>0,h=s-l>0,le=C||h;Xe(C),Ve(h),le||(w(!1),v());let be=0,O=0;if(S.current){let K=window.getComputedStyle(S.current),V=parseFloat(K.paddingTop)||0;O=parseFloat(K.paddingBottom)||0,be=V+O,dt(O)}if(C){let K=U?g*2+n.margin*4:n.margin*2,V=o-K+be,Ee=o/r,ie=Math.max(V*Ee,ke),tt=r-o,wt=V-ie,Mt=tt>0?a/tt*wt:0;Ue(ie),He(Mt)}else Ue(0),He(0);let ge=s-l;if(ge>0){let K=l/s,V=Math.max(l*K,50),Ee=l-V,ie=ge>0?y/ge*Ee:0;je(V),Ke(ie)}else je(0),Ke(0)},[d,v,U,g,ke,c.enabled,ne]),mt=(0,t.useCallback)(e=>{e.preventDefault(),e.stopPropagation();let o=d();o&&(Fe(!0),nt({y:e.clientY,scrollTop:o.scrollTop}),v(),w(!0),z())},[d,v,z]),Ie=(0,t.useCallback)(e=>{if(!_)return;let o=d();if(!o)return;let r=o.clientHeight,l=o.scrollHeight-r,s=e.clientY-Ce.y,y=r-de,C=s/y*l,h=Math.max(0,Math.min(l,Ce.scrollTop+C));o.scrollTop=h,u()},[_,Ce,de,u,d]),We=(0,t.useCallback)(()=>{Fe(!1),j()&&b(c.delay)},[j,b,c.delay]),bt=(0,t.useCallback)(e=>{if(!q.current)return;let r=q.current.getBoundingClientRect(),a=e.clientY-r.top,l=d();if(!l)return;let s=l.clientHeight,y=l.scrollHeight,h=a/s*(y-s);l.scrollTop=Math.max(0,Math.min(y-s,h)),u(),w(!0),b(c.delay),z()},[u,b,c.delay,d,z]),gt=(0,t.useCallback)(e=>{if(e.preventDefault(),e.stopPropagation(),!i.current)return;let o=Math.max(0,i.current.scrollTop-we);i.current.scrollTop=o,u(),w(!0),b(c.delay),z()},[u,b,we,c.delay,z]),vt=(0,t.useCallback)(e=>{if(e.preventDefault(),e.stopPropagation(),!i.current||!Z.current)return;let o=i.current,a=Z.current.scrollHeight-o.clientHeight,l=Math.min(a,o.scrollTop+we);o.scrollTop=l,u(),w(!0),b(c.delay),z()},[u,b,we,c.delay,z]),yt=(0,t.useCallback)(e=>{e.preventDefault(),e.stopPropagation();let o=d();o&&(Ge(!0),it({x:e.clientX,scrollLeft:o.scrollLeft}),v(),w(!0),z())},[d,v,z]),Oe=(0,t.useCallback)(e=>{if(!B)return;let o=d();if(!o)return;let r=o.clientWidth,l=o.scrollWidth-r,s=e.clientX-Le.x,y=r-De,C=s/y*l,h=Math.max(0,Math.min(l,Le.scrollLeft+C));o.scrollLeft=h,u()},[B,Le,De,u,d]),Pe=(0,t.useCallback)(()=>{Ge(!1),j()&&b(c.delay)},[j,b,c.delay]),xt=(0,t.useCallback)(e=>{if(!q.current)return;let r=q.current.getBoundingClientRect(),a=e.clientX-r.left,l=d();if(!l)return;let s=l.clientWidth,y=l.scrollWidth,h=a/s*(y-s);l.scrollLeft=Math.max(0,Math.min(y-s,h)),u(),w(!0),b(c.delay),z()},[u,b,c.delay,d,z]),Tt=(0,t.useCallback)(e=>{if(!me.enabled||e.defaultPrevented)return;let o=e.target,r=i.current;if(!r||!r.contains(o)||Se(o,me)||e.button!==0)return;let a=d();a&&(a.scrollHeight<=a.clientHeight&&a.scrollWidth<=a.clientWidth||(e.preventDefault(),re.current=!0,ct({x:e.clientX,y:e.clientY,scrollTop:a.scrollTop,scrollLeft:a.scrollLeft||0}),v()))},[me,Se,d,v]),Ae=(0,t.useCallback)(e=>{if(!re.current&&!G)return;let o=d();if(!o)return;let r=pe.x-e.clientX,a=pe.y-e.clientY;if(Math.abs(a)<5&&Math.abs(r)<5)return;re.current&&(re.current=!1,Ze(!0)),w(!0);let l=Math.max(0,Math.min(o.scrollHeight-o.clientHeight,pe.scrollTop+a)),s=Math.max(0,Math.min(o.scrollWidth-o.clientWidth,pe.scrollLeft+r));o.scrollTop=l,o.scrollLeft=s,u()},[G,pe,d,u]),$e=(0,t.useCallback)(()=>{let e=G;re.current=!1,Ze(!1),e&&j()&&b(c.delay)},[G,j,b,c.delay]);(0,t.useEffect)(()=>{let e=s=>{if(u(),ne){P&&P(s);return}v(),w(!0),et();let y=Je?c.delayOnWheel:c.delay;b(y),P&&P(s)},o=()=>{Qe(!0),fe.current&&clearTimeout(fe.current),fe.current=setTimeout(()=>{Qe(!1)},300),et(),Q.current=setTimeout(()=>{w(!0),Q.current=null,b(c.delayOnWheel)},50)},r=[],a=d();a&&r.push(a);let l=i.current;return l&&!a&&(r.push(l),l.querySelectorAll('[data-virtuoso-scroller], [style*="overflow"], .virtuoso-scroller, [style*="overflow: auto"], [style*="overflow:auto"]').forEach(y=>{let C=y;if(C!==l&&C.classList.contains("overlay-scrollbar-container"))return;let h=C.parentElement;for(;h&&h!==l;){if(h.classList.contains("overlay-scrollbar-container")&&h!==l)return;h=h.parentElement}r.push(C)})),r.forEach(s=>{s.addEventListener("scroll",e,{passive:!0}),s.addEventListener("wheel",o,{passive:!0})}),()=>{r.forEach(s=>{s.removeEventListener("scroll",e),s.removeEventListener("wheel",o)}),fe.current&&clearTimeout(fe.current),Q.current&&clearTimeout(Q.current)}},[d,u,P,v,b,c,Je,ne]),(0,t.useEffect)(()=>{let e=r=>{let a=r.target;if(r.defaultPrevented||a instanceof Element&&Se(a,me))return;let l=d();if(!l)return;let{key:s}=r,{scrollTop:y,scrollHeight:C,clientHeight:h}=l,le=C-h,be=50,O=null;switch(s){case"ArrowUp":r.preventDefault(),O=Math.max(0,y-be);break;case"ArrowDown":r.preventDefault(),O=Math.min(le,y+be);break;case"PageUp":r.preventDefault(),O=Math.max(0,y-h);break;case"PageDown":r.preventDefault(),O=Math.min(le,y+h);break;case"Home":r.preventDefault(),O=0;break;case"End":r.preventDefault(),O=le;break;default:return}if(O!==null){let ge=O/le,K=U?g*2+n.margin*4:n.margin*2,ie=(h-K-de)*ge;He(ie),l.scrollTop=O,v(),w(!0),b(c.delay)}},o=i.current;if(o)return o.addEventListener("keydown",e),()=>{o.removeEventListener("keydown",e)}},[d,U,g,n.margin,de,v,b,c.delay,me]),(0,t.useEffect)(()=>(document.addEventListener("mousemove",Ae),document.addEventListener("mouseup",$e),()=>{document.removeEventListener("mousemove",Ae),document.removeEventListener("mouseup",$e)}),[G,Ae,$e]),(0,t.useEffect)(()=>{if(_)return document.addEventListener("mousemove",Ie),document.addEventListener("mouseup",We),()=>{document.removeEventListener("mousemove",Ie),document.removeEventListener("mouseup",We)}},[_,Ie,We]),(0,t.useEffect)(()=>{if(B)return document.addEventListener("mousemove",Oe),document.addEventListener("mouseup",Pe),()=>{document.removeEventListener("mousemove",Oe),document.removeEventListener("mouseup",Pe)}},[B,Oe,Pe]),(0,t.useEffect)(()=>{u();let e=setTimeout(()=>{u()},100);return()=>clearTimeout(e)},[u]),(0,t.useLayoutEffect)(()=>{st(!0),u(),!c.enabled&&!ne&&j()&&w(!0)},[j,u,c.enabled,ne]),(0,t.useEffect)(()=>{if(c.initialDelay>0){let e=setTimeout(()=>{pt(!1)},c.initialDelay);return()=>clearTimeout(e)}},[c.initialDelay]),(0,t.useEffect)(()=>{let e=new ResizeObserver(()=>{u()}),o=[];return i.current&&o.push(i.current),Z.current&&o.push(Z.current),k.current&&document.contains(k.current)&&o.push(k.current),o.forEach(r=>{e.observe(r)}),()=>e.disconnect()},[u]),(0,t.useEffect)(()=>{if(!i.current)return;let e=new MutationObserver(()=>{k.current=null,u()});return e.observe(i.current,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["style"]}),()=>e.disconnect()},[u]);let I=Math.max(ft,g);return(0,t.useEffect)(()=>{let e="overlay-scrollbar-webkit-hide",o=document.getElementById(e);o&&o.remove();let r=document.createElement("style");return r.id=e,r.textContent=`
|
|
2
|
-
/* \
|
|
1
|
+
"use strict";var _e=Object.defineProperty;var Dt=Object.getOwnPropertyDescriptor;var Rt=Object.getOwnPropertyNames;var kt=Object.prototype.hasOwnProperty;var It=(d,f)=>{for(var m in f)_e(d,m,{get:f[m],enumerable:!0})},Pt=(d,f,m,u)=>{if(f&&typeof f=="object"||typeof f=="function")for(let C of Rt(f))!kt.call(d,C)&&C!==m&&_e(d,C,{get:()=>f[C],enumerable:!(u=Dt(f,C))||u.enumerable});return d};var Wt=d=>Pt(_e({},"__esModule",{value:!0}),d);var Xt={};It(Xt,{OverlayScrollbar:()=>Be,default:()=>Be});module.exports=Wt(Xt);var t=require("react");var Ot=["editor","textarea","input","select","textfield","form-control","contenteditable","MuiInputBase-input","MuiSelect-select","MuiOutlinedInput-input","MuiFilledInput-input","MuiInput-input","MuiFormControl-root","MuiTextField-root","MuiSelect-root","MuiOutlinedInput-root","MuiFilledInput-root","MuiInput-root","MuiAutocomplete-input","MuiDatePicker-input","MuiSlider-thumb","MuiSlider-rail","MuiSlider-track","MuiSlider-mark","MuiSlider-markLabel","MuiSlider-root","MuiSlider-colorPrimary","MuiSlider-sizeMedium","MuiIconButton-root","MuiButton-root","MuiButtonBase-root","MuiTouchRipple-root","MuiCheckbox-root","MuiRadio-root","MuiSwitch-root","PrivateSwitchBase-root","ant-input","ant-input-affix-wrapper","ant-input-group-addon","ant-input-number","ant-input-number-handler","ant-select","ant-select-selector","ant-select-selection-search","ant-select-dropdown","ant-cascader","ant-cascader-input","ant-picker","ant-picker-input","ant-time-picker","ant-calendar-picker","ant-slider","ant-slider-track","ant-slider-handle","ant-switch","ant-checkbox","ant-checkbox-wrapper","ant-radio","ant-radio-wrapper","ant-rate","ant-upload","ant-upload-drag","ant-form-item","ant-form-item-control","ant-btn","ant-dropdown","ant-dropdown-trigger","ant-menu","ant-menu-item","ant-tooltip","ant-popover","ant-modal","ant-drawer","ant-tree-select","ant-auto-complete","ant-mentions","ant-transfer","ui-input","ui-textarea","ui-select","ui-select-trigger","ui-select-content","ui-select-item","ui-button","ui-checkbox","ui-radio-group","ui-switch","ui-slider","ui-range-slider","ui-calendar","ui-date-picker","ui-combobox","ui-command","ui-command-input","ui-popover","ui-dialog","ui-sheet","ui-dropdown-menu","ui-context-menu","ui-menubar","ui-navigation-menu","ui-form","ui-form-control","ui-form-item","ui-form-field","ui-label","radix-ui","radix-select","radix-dropdown","radix-dialog","radix-popover","radix-accordion","radix-tabs","radix-slider","radix-switch","radix-checkbox","radix-radio","ql-editor","ql-container","ql-toolbar","ql-picker","ql-picker-label","ql-picker-options","ql-formats","ql-snow","ql-bubble","quill","quilleditor","monaco-editor","monaco-editor-background","view-lines","decorationsOverviewRuler","monaco-scrollable-element","CodeMirror","CodeMirror-code","CodeMirror-lines","CodeMirror-scroll","CodeMirror-sizer","cm-editor","cm-focused","cm-content","tox-editor-container","tox-editor-header","tox-edit-area","tox-tinymce","mce-content-body","ck-editor","ck-content","ck-toolbar","ck-editor__editable","ck-widget","slate-editor","slate-content","DraftEditor-root","DraftEditor-editorContainer","public-DraftEditor-content","ehfuse-editor","ehfuse-editor-wrapper","ehfuse-editor-content","ehfuse-toolbar","ehfuse-toolbar-group","ehfuse-cursor","text-editor","rich-text-editor","wysiwyg","ace_editor","ace_content"],Ee=(d,f)=>{if(d instanceof HTMLElement&&d.isContentEditable||d.closest('[role="textbox"],[role="searchbox"]'))return!0;let m=d.tagName.toLowerCase();if(m==="input"){let u=(d.type||"text").toLowerCase();return!["button","submit","reset","image","hidden"].includes(u)}if(["textarea","select","button"].includes(m)||["svg","path","circle","rect","line","polygon","polyline"].includes(m)||d.getAttribute("contenteditable")==="true")return!0;if(f?.excludeSelectors){for(let u of f.excludeSelectors)if(d.matches(u))return!0}return At(d,f)},At=(d,f)=>{let m=[...Ot,...f?.excludeClasses||[]],u=d,C=0,O=5;for(;u&&C<=O;){if(m.some(L=>u.classList.contains(L)))return!0;if(u.classList.contains("MuiDialogContent-root"))break;u=u.parentElement,C++}return!1};var I=require("react"),it=({containerRef:d,config:f})=>{let m=f.enabled??!0,u=f.threshold??80,C=f.maxDistance??u*2,O=f.onRefresh,[L,D]=(0,I.useState)(0),[A,q]=(0,I.useState)(!1),N=(0,I.useRef)(0),ce=(0,I.useRef)(0),Y=(0,I.useRef)(!1),Z=(0,I.useRef)(!1),ee=(0,I.useRef)(!1),se=(0,I.useRef)(0),P=(0,I.useRef)(!1);return(0,I.useEffect)(()=>{P.current=A},[A]),(0,I.useEffect)(()=>{let T=d.current;if(!T||!(m&&typeof O=="function"))return;let He=g=>{let R=g instanceof Element?g:null;for(;R&&R!==T;){if(R instanceof HTMLElement&&R.scrollHeight>R.clientHeight+1&&R.scrollTop>0)return!1;R=R.parentElement}return!0},te=g=>{Y.current=!1,Z.current=!1,ee.current=!1,!P.current&&g.touches.length===1&&T.scrollTop===0&&He(g.target)&&(Y.current=!0,N.current=g.touches[0].clientY,ce.current=g.touches[0].clientX)},l=g=>{if(!Y.current||P.current||g.touches.length!==1)return;let R=g.touches[0].clientY-N.current,z=g.touches[0].clientX-ce.current;if(!Z.current){if(R<=0||T.scrollTop>0){Y.current=!1;return}if(R>8&&R>Math.abs(z))Z.current=!0,ee.current=T.scrollTop<0;else return}!ee.current&&g.cancelable&&g.preventDefault();let oe=Math.min(Math.max(R,0)*.5,C);se.current=oe,D(oe)},F=()=>{if(!Y.current||(Y.current=!1,!Z.current))return;Z.current=!1,ee.current=!1;let g=se.current;se.current=0,g>=u&&!P.current?(q(!0),D(u),Promise.resolve().then(()=>O()).catch(()=>{}).finally(()=>{q(!1),D(0)})):D(0)};return T.addEventListener("touchstart",te,{passive:!0}),T.addEventListener("touchmove",l,{passive:!1}),T.addEventListener("touchend",F,{passive:!0}),T.addEventListener("touchcancel",F,{passive:!0}),()=>{T.removeEventListener("touchstart",te),T.removeEventListener("touchmove",l),T.removeEventListener("touchend",F),T.removeEventListener("touchcancel",F)}},[d,m,O,u,C]),{pullDistance:L,isRefreshing:A,pullProgress:Math.min(L/u,1),pullThreshold:u}};var Se=require("react");function at(){let[d,f]=(0,Se.useState)(()=>typeof window>"u"||typeof window.matchMedia!="function"?!1:window.matchMedia("(pointer: coarse)").matches);return(0,Se.useEffect)(()=>{if(typeof window>"u"||typeof window.matchMedia!="function")return;let m=window.matchMedia("(pointer: coarse)"),u=C=>f(C.matches);return f(m.matches),typeof m.addEventListener=="function"?(m.addEventListener("change",u),()=>m.removeEventListener("change",u)):(m.addListener(u),()=>m.removeListener(u))},[]),d}var S=require("react/jsx-runtime"),$t={},zt={},Nt={},Ft={},_t={},Bt={},Ut=(0,t.forwardRef)(({className:d="",style:f={},containerStyle:m={},contentStyle:u={},children:C,onScroll:O,thumb:L=$t,track:D=zt,arrows:A=Nt,dragScroll:q=Ft,autoHide:N=_t,pullToRefresh:ce=Bt,showScrollbar:Y=!0,showHorizontalScrollbar:Z=!0,detectInnerScroll:ee=!1},se)=>{let P=at(),T=P?!1:Y,Ce=P?!1:Z,He=(0,t.useRef)({});(0,t.useEffect)(()=>{He.current={children:C,onScroll:O,showScrollbar:T,showHorizontalScrollbar:Ce,thumb:L,track:D,arrows:A,dragScroll:q,autoHide:N}});let te=(0,t.useRef)(null),l=(0,t.useRef)(null),F=(0,t.useRef)(null),g=(0,t.useRef)(null),R=(0,t.useRef)(null),z=(0,t.useRef)(null),{pullDistance:oe,isRefreshing:ge,pullProgress:Le}=it({containerRef:l,config:ce}),Ue=ce.indicatorColor??"#1976d2",ct=oe>0||ge,[ve,M]=(0,t.useState)(!1),[B,Xe]=(0,t.useState)(!1),[qe,Ye]=(0,t.useState)(!1),[De,st]=(0,t.useState)({y:0,scrollTop:0}),[ue,Ge]=(0,t.useState)(0),[ut,Re]=(0,t.useState)(0),[re,je]=(0,t.useState)(!1),[Ke,Ve]=(0,t.useState)(!1),[U,Ze]=(0,t.useState)(!1),[ke,dt]=(0,t.useState)({x:0,scrollLeft:0}),[Ie,Qe]=(0,t.useState)(0),[Pe,Je]=(0,t.useState)(0),[ft,et]=(0,t.useState)(!1),ne=(0,t.useRef)(!1),[G,tt]=(0,t.useState)(!1),[de,pt]=(0,t.useState)({x:0,y:0,scrollTop:0,scrollLeft:0}),[qt,Yt]=(0,t.useState)(null),[ye,we]=(0,t.useState)(null),[Gt,ht]=(0,t.useState)(!1),[mt,bt]=(0,t.useState)(0),fe=(0,t.useRef)(null),[ot,rt]=(0,t.useState)(!1),pe=(0,t.useRef)(null),Q=(0,t.useRef)(null),J=(0,t.useRef)(null),E=(0,t.useMemo)(()=>{let e=L.color??"#606060";return{width:L.width??8,minHeight:L.minHeight??50,radius:L.radius??(L.width??8)/2,color:e,opacity:L.opacity??.6,hoverColor:L.hoverColor??e,hoverOpacity:L.hoverOpacity??1}},[L]),i=(0,t.useMemo)(()=>({width:D.width??16,color:D.color??"rgba(128, 128, 128, 0.1)",visible:D.visible??!0,alignment:D.alignment??"outside",radius:D.radius??E.radius??4,margin:D.margin??4,overflowX:D.overflowX??!0,overflowY:D.overflowY??!0}),[D,E.radius]),_=(0,t.useMemo)(()=>{let e=A.color??"#808080";return{visible:A.visible??!1,step:A.step??50,color:e,opacity:A.opacity??.6,hoverColor:A.hoverColor??e,hoverOpacity:A.hoverOpacity??1}},[A]),he=(0,t.useMemo)(()=>({enabled:P?!1:q.enabled??!0,excludeClasses:q.excludeClasses??[],excludeSelectors:q.excludeSelectors??[]}),[q,P]),c=(0,t.useMemo)(()=>({enabled:N.enabled??!0,delay:N.delay??1500,delayOnWheel:N.delayOnWheel??700,initialDelay:N.initialDelay??200}),[N]),[le,gt]=(0,t.useState)(()=>(N.initialDelay??200)>0),y=E.width,vt=i.width,We=E.minHeight,X=_.visible,xe=_.step,$=(0,t.useCallback)(()=>{if(!l.current)return;let e=document.activeElement;e&&l.current.contains(e)&&e!==l.current||l.current.focus()},[]);(0,t.useImperativeHandle)(se,()=>({getScrollContainer:()=>l.current,scrollTo:e=>{l.current&&l.current.scrollTo(e)},get scrollTop(){return l.current?.scrollTop||0},get scrollHeight(){return l.current?.scrollHeight||0},get clientHeight(){return l.current?.clientHeight||0}}),[]);let h=(0,t.useCallback)(()=>{if(z.current){let o=z.current;if(document.contains(o)&&(o.scrollHeight>o.clientHeight+2||o.scrollWidth>o.clientWidth+2))return o;z.current=null}if(!l.current)return null;if(l.current.scrollHeight>l.current.clientHeight+2||l.current.scrollWidth>l.current.clientWidth+2)return z.current=l.current,l.current;if(!ee)return null;let e=l.current.querySelectorAll('[data-virtuoso-scroller], [style*="overflow"], .virtuoso-scroller, [style*="overflow: auto"], [style*="overflow:auto"]');for(let o of e){let r=o;if(r!==l.current&&r.classList.contains("overlay-scrollbar-container"))continue;let a=r.parentElement,n=!1;for(;a&&a!==l.current;){if(a.classList.contains("overlay-scrollbar-container")&&a!==l.current){n=!0;break}a=a.parentElement}if(!n&&(r.scrollHeight>r.clientHeight+2||r.scrollWidth>r.clientWidth+2))return z.current=r,r}return null},[]),j=(0,t.useCallback)(()=>h()!==null,[h]),w=(0,t.useCallback)(()=>{pe.current&&(clearTimeout(pe.current),pe.current=null)},[]),Te=(0,t.useCallback)(()=>{Q.current&&(clearTimeout(Q.current),Q.current=null)},[]),nt=(0,t.useCallback)(()=>{J.current&&(clearTimeout(J.current),J.current=null)},[]),yt=(0,t.useCallback)(()=>{Te(),!(B||U||G||ne.current)&&(w(),M(!1))},[w,Te,B,U,G]),v=(0,t.useCallback)(e=>{c.enabled&&(w(),pe.current=setTimeout(()=>{M(!1),pe.current=null},e))},[w,c.enabled]),p=(0,t.useCallback)(()=>{let e=h()??l.current;if(!e){M(!1),je(!1),et(!1),w();return}!c.enabled&&!le&&(M(!0),w());let o=e.clientHeight,r=e.scrollHeight,a=e.scrollTop,n=e.clientWidth,s=e.scrollWidth,x=e.scrollLeft,H=r-o>0,b=s-n>0,ie=H||b;je(H),et(b),ie||(M(!1),w());let me=0,W=0;if(te.current){let K=window.getComputedStyle(te.current),V=parseFloat(K.paddingTop)||0;W=parseFloat(K.paddingBottom)||0,me=V+W,bt(W)}if(H){let K=X?y*2+i.margin*4:i.margin*2,V=o-K+me,Me=o/r,ae=Math.max(V*Me,We),lt=r-o,Ht=V-ae,Lt=lt>0?a/lt*Ht:0;Ge(ae),Re(Lt)}else Ge(0),Re(0);let be=s-n;if(be>0){let K=n/s,V=Math.max(n*K,50),Me=n-V,ae=be>0?x/be*Me:0;Qe(V),Je(ae)}else Qe(0),Je(0)},[h,w,X,y,We,c.enabled,le]),wt=(0,t.useCallback)(e=>{e.preventDefault(),e.stopPropagation();let o=h();o&&(Xe(!0),st({y:e.clientY,scrollTop:o.scrollTop}),w(),M(!0),$())},[h,w,$]),Oe=(0,t.useCallback)(e=>{if(!B)return;let o=h();if(!o)return;let r=o.clientHeight,n=o.scrollHeight-r,s=e.clientY-De.y,x=r-ue,H=s/x*n,b=Math.max(0,Math.min(n,De.scrollTop+H));o.scrollTop=b,p()},[B,De,ue,p,h]),Ae=(0,t.useCallback)(()=>{Xe(!1),j()&&v(c.delay)},[j,v,c.delay]),xt=(0,t.useCallback)(e=>{if(!g.current)return;let r=g.current.getBoundingClientRect(),a=e.clientY-r.top,n=h();if(!n)return;let s=n.clientHeight,x=n.scrollHeight,b=a/s*(x-s);n.scrollTop=Math.max(0,Math.min(x-s,b)),p(),M(!0),v(c.delay),$()},[p,v,c.delay,h,$]),Tt=(0,t.useCallback)(e=>{if(e.preventDefault(),e.stopPropagation(),!l.current)return;let o=Math.max(0,l.current.scrollTop-xe);l.current.scrollTop=o,p(),M(!0),v(c.delay),$()},[p,v,xe,c.delay,$]),Mt=(0,t.useCallback)(e=>{if(e.preventDefault(),e.stopPropagation(),!l.current||!F.current)return;let o=l.current,a=F.current.scrollHeight-o.clientHeight,n=Math.min(a,o.scrollTop+xe);o.scrollTop=n,p(),M(!0),v(c.delay),$()},[p,v,xe,c.delay,$]),Et=(0,t.useCallback)(e=>{e.preventDefault(),e.stopPropagation();let o=h();o&&(Ze(!0),dt({x:e.clientX,scrollLeft:o.scrollLeft}),w(),M(!0),$())},[h,w,$]),$e=(0,t.useCallback)(e=>{if(!U)return;let o=h();if(!o)return;let r=o.clientWidth,n=o.scrollWidth-r,s=e.clientX-ke.x,x=r-Ie,H=s/x*n,b=Math.max(0,Math.min(n,ke.scrollLeft+H));o.scrollLeft=b,p()},[U,ke,Ie,p,h]),ze=(0,t.useCallback)(()=>{Ze(!1),j()&&v(c.delay)},[j,v,c.delay]),St=(0,t.useCallback)(e=>{if(!g.current)return;let r=g.current.getBoundingClientRect(),a=e.clientX-r.left,n=h();if(!n)return;let s=n.clientWidth,x=n.scrollWidth,b=a/s*(x-s);n.scrollLeft=Math.max(0,Math.min(x-s,b)),p(),M(!0),v(c.delay),$()},[p,v,c.delay,h,$]),Ct=(0,t.useCallback)(e=>{if(!he.enabled||e.defaultPrevented)return;let o=e.target,r=l.current;if(!r||!r.contains(o)||Ee(o,he)||e.button!==0)return;let a=h();a&&(a.scrollHeight<=a.clientHeight&&a.scrollWidth<=a.clientWidth||(e.preventDefault(),ne.current=!0,pt({x:e.clientX,y:e.clientY,scrollTop:a.scrollTop,scrollLeft:a.scrollLeft||0}),w()))},[he,Ee,h,w]),Ne=(0,t.useCallback)(e=>{if(!ne.current&&!G)return;let o=h();if(!o)return;let r=de.x-e.clientX,a=de.y-e.clientY;if(Math.abs(a)<5&&Math.abs(r)<5)return;ne.current&&(ne.current=!1,tt(!0)),M(!0);let n=Math.max(0,Math.min(o.scrollHeight-o.clientHeight,de.scrollTop+a)),s=Math.max(0,Math.min(o.scrollWidth-o.clientWidth,de.scrollLeft+r));o.scrollTop=n,o.scrollLeft=s,p()},[G,de,h,p]),Fe=(0,t.useCallback)(()=>{let e=G;ne.current=!1,tt(!1),e&&j()&&v(c.delay)},[G,j,v,c.delay]);(0,t.useEffect)(()=>{let e=s=>{if(p(),le){O&&O(s);return}w(),M(!0),nt();let x=ot?c.delayOnWheel:c.delay;v(x),O&&O(s)},o=()=>{rt(!0),fe.current&&clearTimeout(fe.current),fe.current=setTimeout(()=>{rt(!1)},300),nt(),J.current=setTimeout(()=>{M(!0),J.current=null,v(c.delayOnWheel)},50)},r=[],a=h();a&&r.push(a);let n=l.current;return n&&!a&&(r.push(n),n.querySelectorAll('[data-virtuoso-scroller], [style*="overflow"], .virtuoso-scroller, [style*="overflow: auto"], [style*="overflow:auto"]').forEach(x=>{let H=x;if(H!==n&&H.classList.contains("overlay-scrollbar-container"))return;let b=H.parentElement;for(;b&&b!==n;){if(b.classList.contains("overlay-scrollbar-container")&&b!==n)return;b=b.parentElement}r.push(H)})),r.forEach(s=>{s.addEventListener("scroll",e,{passive:!0}),s.addEventListener("wheel",o,{passive:!0})}),()=>{r.forEach(s=>{s.removeEventListener("scroll",e),s.removeEventListener("wheel",o)}),fe.current&&clearTimeout(fe.current),J.current&&clearTimeout(J.current)}},[h,p,O,w,v,c,ot,le]),(0,t.useEffect)(()=>{let e=r=>{let a=r.target;if(r.defaultPrevented||a instanceof Element&&Ee(a,he))return;let n=h();if(!n)return;let{key:s}=r,{scrollTop:x,scrollHeight:H,clientHeight:b}=n,ie=H-b,me=50,W=null;switch(s){case"ArrowUp":r.preventDefault(),W=Math.max(0,x-me);break;case"ArrowDown":r.preventDefault(),W=Math.min(ie,x+me);break;case"PageUp":r.preventDefault(),W=Math.max(0,x-b);break;case"PageDown":r.preventDefault(),W=Math.min(ie,x+b);break;case"Home":r.preventDefault(),W=0;break;case"End":r.preventDefault(),W=ie;break;default:return}if(W!==null){let be=W/ie,K=X?y*2+i.margin*4:i.margin*2,ae=(b-K-ue)*be;Re(ae),n.scrollTop=W,w(),M(!0),v(c.delay)}},o=l.current;if(o)return o.addEventListener("keydown",e),()=>{o.removeEventListener("keydown",e)}},[h,X,y,i.margin,ue,w,v,c.delay,he]),(0,t.useEffect)(()=>(document.addEventListener("mousemove",Ne),document.addEventListener("mouseup",Fe),()=>{document.removeEventListener("mousemove",Ne),document.removeEventListener("mouseup",Fe)}),[G,Ne,Fe]),(0,t.useEffect)(()=>{if(B)return document.addEventListener("mousemove",Oe),document.addEventListener("mouseup",Ae),()=>{document.removeEventListener("mousemove",Oe),document.removeEventListener("mouseup",Ae)}},[B,Oe,Ae]),(0,t.useEffect)(()=>{if(U)return document.addEventListener("mousemove",$e),document.addEventListener("mouseup",ze),()=>{document.removeEventListener("mousemove",$e),document.removeEventListener("mouseup",ze)}},[U,$e,ze]),(0,t.useEffect)(()=>{p();let e=setTimeout(()=>{p()},100);return()=>clearTimeout(e)},[p]),(0,t.useLayoutEffect)(()=>{ht(!0),p(),!c.enabled&&!le&&j()&&M(!0)},[j,p,c.enabled,le]),(0,t.useEffect)(()=>{if(c.initialDelay>0){let e=setTimeout(()=>{gt(!1)},c.initialDelay);return()=>clearTimeout(e)}},[c.initialDelay]),(0,t.useEffect)(()=>{let e=new ResizeObserver(()=>{p()}),o=[];return l.current&&o.push(l.current),F.current&&o.push(F.current),z.current&&document.contains(z.current)&&o.push(z.current),o.forEach(r=>{e.observe(r)}),()=>e.disconnect()},[p]),(0,t.useEffect)(()=>{if(!l.current)return;let e=new MutationObserver(()=>{z.current=null,p()});return e.observe(l.current,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["style"]}),()=>e.disconnect()},[p]);let k=Math.max(vt,y);return(0,t.useEffect)(()=>{let e="overlay-scrollbar-webkit-hide",o=document.getElementById(e);o&&o.remove();let r=document.createElement("style");r.id=e;let a=P?`
|
|
2
|
+
/* \uD130\uCE58 \uAE30\uAE30: \uB124\uC774\uD2F0\uBE0C \uC2A4\uD06C\uB864\uBC14 \uC720\uC9C0(\uC228\uAE30\uC9C0 \uC54A\uC74C) */
|
|
3
|
+
.overlay-scrollbar-container {
|
|
4
|
+
scrollbar-width: thin;
|
|
5
|
+
-ms-overflow-style: auto;
|
|
6
|
+
}`:`
|
|
7
|
+
/* \uB9C8\uC6B0\uC2A4 \uAE30\uAE30: \uB124\uC774\uD2F0\uBE0C \uC2A4\uD06C\uB864\uBC14 \uC228\uAE30\uACE0 \uCEE4\uC2A4\uD140 \uC624\uBC84\uB808\uC774\uB9CC \uD45C\uC2DC */
|
|
3
8
|
.overlay-scrollbar-container {
|
|
4
9
|
scrollbar-width: none !important;
|
|
5
10
|
-ms-overflow-style: none !important;
|
|
@@ -14,7 +19,7 @@
|
|
|
14
19
|
}
|
|
15
20
|
.overlay-scrollbar-container::-webkit-scrollbar-thumb {
|
|
16
21
|
display: none !important;
|
|
17
|
-
}
|
|
22
|
+
}`;return r.textContent=`${a}
|
|
18
23
|
/* ehfuse-editor-content\uB294 \uC2A4\uD06C\uB864\uBC14 \uC720\uC9C0 */
|
|
19
24
|
.overlay-scrollbar-container .ehfuse-editor-content {
|
|
20
25
|
scrollbar-width: thin !important;
|
|
@@ -43,5 +48,5 @@
|
|
|
43
48
|
from { transform: rotate(0deg); }
|
|
44
49
|
to { transform: rotate(360deg); }
|
|
45
50
|
}
|
|
46
|
-
`,document.head.appendChild(r),()=>{let
|
|
51
|
+
`,document.head.appendChild(r),()=>{let n=document.getElementById(e);n&&n.remove()}},[P]),(0,S.jsxs)("div",{ref:te,className:`overlay-scrollbar-wrapper ${d}`,onMouseLeave:yt,style:{display:"flex",flexDirection:"column",position:"relative",minHeight:0,height:"100%",flex:"1 1 0%",overflow:"visible",...f},children:[ct&&(0,S.jsx)("div",{className:"overlay-scrollbar-pull-indicator",style:{position:"absolute",top:0,left:"50%",transform:`translate(-50%, ${oe-56}px)`,transition:ge?"transform 0.15s ease-out":oe===0?"transform 0.2s ease-out":"none",width:48,height:48,borderRadius:"50%",background:"#ffffff",boxShadow:"0 2px 8px rgba(0, 0, 0, 0.25)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:1001,pointerEvents:"none",opacity:ge?1:Math.min(Le*1.5,1)},children:ge?(0,S.jsx)("svg",{width:"28",height:"28",viewBox:"0 0 24 24",style:{animation:"overlay-scrollbar-ptr-spin 0.8s linear infinite"},children:(0,S.jsx)("circle",{cx:"12",cy:"12",r:"9",fill:"none",stroke:Ue,strokeWidth:"2.5",strokeLinecap:"round",strokeDasharray:"42",strokeDashoffset:"14"})}):(0,S.jsx)("svg",{width:"28",height:"28",viewBox:"0 0 24 24",style:{transform:`rotate(${Le*270}deg)`,opacity:Le>=1?1:.6},children:(0,S.jsx)("path",{d:"M17.65 6.35A7.958 7.958 0 0 0 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0 1 12 18c-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z",fill:Ue})})}),(0,S.jsx)("div",{ref:l,className:"overlay-scrollbar-container",tabIndex:-1,onMouseDown:Ct,style:{display:"flex",width:"100%",flex:"1 1 auto",minHeight:0,overflow:"auto",scrollbarWidth:P?"thin":"none",msOverflowStyle:P?"auto":"none",outline:"none",userSelect:G?"none":"auto",...m},children:(0,S.jsx)("div",{ref:F,className:"overlay-scrollbar-content",style:{flex:"1 1 0%",minHeight:0,display:"flex",flexDirection:"column",boxSizing:"border-box",...u},children:C})}),T&&re&&(i.overflowY??!0)&&(0,S.jsxs)("div",{ref:g,className:"overlay-scrollbar-track",onMouseEnter:()=>{w(),Q.current=setTimeout(()=>{M(!0),Q.current=null},100)},onMouseLeave:()=>{Te(),B||v(c.delay)},style:{position:"absolute",top:0,right:0,width:`${k}px`,height:"100%",opacity:ve?1:0,transition:"opacity 0.2s ease-in-out",cursor:"pointer",zIndex:1e3,pointerEvents:"auto"},children:[i.visible&&(0,S.jsx)("div",{className:"overlay-scrollbar-track-background",onClick:e=>{e.preventDefault(),e.stopPropagation(),xt(e)},style:{position:"absolute",top:X?`${E.width+i.margin*2}px`:`${i.margin}px`,right:i.alignment==="outside"?"0px":`${(k-E.width)/2}px`,width:`${E.width}px`,height:X?`calc(100% - ${E.width*2+i.margin*4}px)`:`calc(100% - ${i.margin*2}px)`,backgroundColor:i.color,borderRadius:`${i.radius}px`,cursor:"pointer"}}),(0,S.jsx)("div",{ref:R,className:"overlay-scrollbar-thumb",onMouseDown:wt,onMouseEnter:()=>Ye(!0),onMouseLeave:()=>Ye(!1),style:{position:"absolute",top:`${(X?y+i.margin*2:i.margin)+ut}px`,right:i.alignment==="outside"?"0px":`${(k-y)/2}px`,width:`${y}px`,height:`${Math.max(ue,We)}px`,backgroundColor:qe||B?E.hoverColor:E.color,opacity:qe||B?E.hoverOpacity:E.opacity,borderRadius:`${E.radius}px`,cursor:"pointer",transition:"background-color 0.2s ease-in-out, opacity 0.2s ease-in-out"}})]}),T&&re&&X&&(0,S.jsx)("div",{className:"overlay-scrollbar-up-arrow",onClick:Tt,onMouseEnter:()=>we("up"),onMouseLeave:()=>we(null),style:{position:"absolute",top:`${i.margin}px`,right:i.alignment==="outside"?"0px":`${(k-y)/2}px`,width:`${y}px`,height:`${y}px`,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",fontSize:`${Math.max(y*.75,8)}px`,color:ye==="up"?_.hoverColor:_.color,userSelect:"none",zIndex:1001,opacity:ve?ye==="up"?_.hoverOpacity:_.opacity:0,transition:"opacity 0.2s ease-in-out, color 0.15s ease-in-out"},children:"\u25B2"}),T&&re&&X&&(0,S.jsx)("div",{className:"overlay-scrollbar-down-arrow",onClick:Mt,onMouseEnter:()=>we("down"),onMouseLeave:()=>we(null),style:{position:"absolute",bottom:`${i.margin}px`,right:i.alignment==="outside"?"0px":`${(k-y)/2}px`,width:`${y}px`,height:`${y}px`,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",fontSize:`${Math.max(y*.75,8)}px`,color:ye==="down"?_.hoverColor:_.color,userSelect:"none",zIndex:1001,opacity:ve?ye==="down"?_.hoverOpacity:_.opacity:0,transition:"opacity 0.2s ease-in-out, color 0.15s ease-in-out"},children:"\u25BC"}),T&&Ce&&ft&&(i.overflowX??!0)&&(0,S.jsxs)("div",{className:"overlay-scrollbar-horizontal-track",onMouseEnter:()=>{w(),Q.current=setTimeout(()=>{M(!0),Q.current=null},100)},onMouseLeave:()=>{Te(),U||v(c.delay)},style:{position:"absolute",bottom:`${mt}px`,left:0,width:"100%",height:`${k}px`,opacity:ve?1:0,transition:"opacity 0.2s ease-in-out",cursor:"pointer",zIndex:1e3,pointerEvents:"auto"},children:[i.visible&&(0,S.jsx)("div",{className:"overlay-scrollbar-horizontal-track-background",onClick:e=>{e.preventDefault(),e.stopPropagation(),St(e)},style:{position:"absolute",bottom:i.alignment==="outside"?"0px":`${(k-y)/2}px`,left:`${i.margin}px`,right:re?i.alignment==="outside"?`${k-i.margin}px`:`${k}px`:`${i.margin}px`,height:`${y}px`,backgroundColor:i.color,borderRadius:`${i.radius}px`,cursor:"pointer"}}),(0,S.jsx)("div",{className:"overlay-scrollbar-horizontal-thumb",onMouseDown:Et,onMouseEnter:()=>Ve(!0),onMouseLeave:()=>Ve(!1),style:{position:"absolute",bottom:i.alignment==="outside"?"0px":`${(k-y)/2}px`,left:`${i.margin+Pe}px`,right:re?i.alignment==="outside"?`${k-i.margin}px`:`${k}px`:"auto",maxWidth:re?i.alignment==="outside"?`calc(100% - ${i.margin+Pe+k-i.margin}px)`:`calc(100% - ${i.margin+Pe+k}px)`:"none",width:`${Math.max(Ie,50)}px`,height:`${y}px`,backgroundColor:Ke||U?E.hoverColor:E.color,opacity:Ke||U?E.hoverOpacity:E.opacity,borderRadius:`${E.radius}px`,cursor:"pointer",transition:"background-color 0.2s ease-in-out, opacity 0.2s ease-in-out"}})]})]})}),Be=Ut;
|
|
47
52
|
//# sourceMappingURL=index.js.map
|