@ehfuse/overlay-scrollbar 1.6.2 → 1.6.3
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/index.esm.js +2 -2
- package/dist/index.esm.js.map +2 -2
- package/dist/index.js +2 -2
- package/dist/index.js.map +2 -2
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var Me=Object.defineProperty;var dt=Object.getOwnPropertyDescriptor;var pt=Object.getOwnPropertyNames;var mt=Object.prototype.hasOwnProperty;var ht=(g,v)=>{for(var S in v)Me(g,S,{get:v[S],enumerable:!0})},ft=(g,v,S,E)=>{if(v&&typeof v=="object"||typeof v=="function")for(let w of pt(v))!mt.call(g,w)&&w!==S&&Me(g,w,{get:()=>v[w],enumerable:!(E=dt(v,w))||E.enumerable});return g};var bt=g=>ft(Me({},"__esModule",{value:!0}),g);var Et={};ht(Et,{OverlayScrollbar:()=>Ee,default:()=>Ee});module.exports=bt(Et);var t=require("react");var gt=["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=(g,v)=>{let S=g.tagName.toLowerCase(),E=["text","password","email","number","search","tel","url","checkbox","radio"];if(S==="input"){let w=g.type;return E.includes(w)}if(["textarea","select","button"].includes(S)||["svg","path","circle","rect","line","polygon","polyline"].includes(S)||g.getAttribute("contenteditable")==="true")return!0;if(v?.excludeSelectors){for(let w of v.excludeSelectors)if(g.matches(w))return!0}return vt(g,v)},vt=(g,v)=>{let S=[...gt,...v?.excludeClasses||[]],E=g,w=0,I=5;for(;E&&w<=I;){if(S.some(C=>E.classList.contains(C)))return!0;if(E.classList.contains("MuiDialogContent-root"))break;E=E.parentElement,w++}return!1};var M=require("react/jsx-runtime"),yt={},xt={},Tt={},wt={},Mt={},St=(0,t.forwardRef)(({className:g="",style:v={},containerStyle:S={},contentStyle:E={},children:w,onScroll:I,thumb:C=yt,track:A=xt,arrows:O=Tt,dragScroll:X=wt,autoHide:$=Mt,showScrollbar:Y=!0,detectInnerScroll:_e=!1},Ue)=>{let qe=(0,t.useRef)({});(0,t.useEffect)(()=>{qe.current={children:w,onScroll:I,showScrollbar:Y,thumb:C,track:A,arrows:O,dragScroll:X,autoHide:$}});let ce=(0,t.useRef)(null),a=(0,t.useRef)(null),z=(0,t.useRef)(null),U=(0,t.useRef)(null),Be=(0,t.useRef)(null),L=(0,t.useRef)(null),[ee,T]=(0,t.useState)(!1),[N,Ce]=(0,t.useState)(!1),[He,De]=(0,t.useState)(!1),[se,Xe]=(0,t.useState)({y:0,scrollTop:0}),[G,Ye]=(0,t.useState)(0),[Ge,ke]=(0,t.useState)(0),[ue,Le]=(0,t.useState)(!1),[Re,Ie]=(0,t.useState)(!1),[P,Ae]=(0,t.useState)(!1),[de,Je]=(0,t.useState)({x:0,scrollLeft:0}),[pe,Ke]=(0,t.useState)(0),[Ze,je]=(0,t.useState)(0),[Ve,me]=(0,t.useState)(!1),[J,Oe]=(0,t.useState)(!1),[K,Qe]=(0,t.useState)({x:0,y:0,scrollTop:0,scrollLeft:0}),[Ct,Ht]=(0,t.useState)(null),[te,oe]=(0,t.useState)(null),[Dt,et]=(0,t.useState)(!1),Z=(0,t.useRef)(null),[We,$e]=(0,t.useState)(!1),j=(0,t.useRef)(null),F=(0,t.useRef)(null),_=(0,t.useRef)(null),h=(0,t.useMemo)(()=>{let e=C.color??"#606060";return{width:C.width??8,minHeight:C.minHeight??50,radius:C.radius??(C.width??8)/2,color:e,opacity:C.opacity??.6,hoverColor:C.hoverColor??e,hoverOpacity:C.hoverOpacity??1}},[C]),s=(0,t.useMemo)(()=>({width:A.width??16,color:A.color??"rgba(128, 128, 128, 0.1)",visible:A.visible??!0,alignment:A.alignment??"center",radius:A.radius??h.radius??4,margin:A.margin??4}),[A,h.radius]),k=(0,t.useMemo)(()=>{let e=O.color??"#808080";return{visible:O.visible??!1,step:O.step??50,color:e,opacity:O.opacity??.6,hoverColor:O.hoverColor??e,hoverOpacity:O.hoverOpacity??1}},[O]),he=(0,t.useMemo)(()=>({enabled:X.enabled??!0,excludeClasses:X.excludeClasses??[],excludeSelectors:X.excludeSelectors??[]}),[X]),l=(0,t.useMemo)(()=>({enabled:$.enabled??!0,delay:$.delay??1500,delayOnWheel:$.delayOnWheel??700,initialDelay:$.initialDelay??200}),[$]),[q,tt]=(0,t.useState)(()=>($.initialDelay??200)>0),f=h.width,ot=s.width,fe=h.minHeight,R=k.visible,re=k.step,H=(0,t.useCallback)(()=>{if(!a.current)return;let e=document.activeElement;e&&a.current.contains(e)&&e!==a.current||a.current.focus()},[]);(0,t.useImperativeHandle)(Ue,()=>({getScrollContainer:()=>a.current,scrollTo:e=>{a.current&&a.current.scrollTo(e)},get scrollTop(){return a.current?.scrollTop||0},get scrollHeight(){return a.current?.scrollHeight||0},get clientHeight(){return a.current?.clientHeight||0}}),[]);let d=(0,t.useCallback)(()=>{if(L.current){let o=L.current;if(document.contains(o)&&o.scrollHeight>o.clientHeight+2)return o;L.current=null}if(!a.current)return null;if(z.current&&z.current.scrollHeight>a.current.clientHeight+2)return L.current=a.current,a.current;if(!_e)return null;let e=a.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!==a.current&&r.classList.contains("overlay-scrollbar-container"))continue;let c=r.parentElement,n=!1;for(;c&&c!==a.current;){if(c.classList.contains("overlay-scrollbar-container")&&c!==a.current){n=!0;break}c=c.parentElement}if(!n&&r.scrollHeight>r.clientHeight+2)return L.current=r,r}return null},[]),W=(0,t.useCallback)(()=>d()!==null,[d]),y=(0,t.useCallback)(()=>{j.current&&(clearTimeout(j.current),j.current=null)},[]),ze=(0,t.useCallback)(()=>{F.current&&(clearTimeout(F.current),F.current=null)},[]),Ne=(0,t.useCallback)(()=>{_.current&&(clearTimeout(_.current),_.current=null)},[]),p=(0,t.useCallback)(e=>{l.enabled&&(y(),j.current=setTimeout(()=>{T(!1),j.current=null},e))},[y,l.enabled]),u=(0,t.useCallback)(()=>{let e=d();if(!e){T(!1),Le(!1),me(!1),y();return}if(Le(!0),!U.current)return;!l.enabled&&!q&&(T(!0),y());let o=e.clientHeight,r=e.scrollHeight,c=e.scrollTop,n=e.clientWidth,i=e.scrollWidth,x=e.scrollLeft,b=0;if(ce.current){let ie=window.getComputedStyle(ce.current),ae=parseFloat(ie.paddingTop)||0,we=parseFloat(ie.paddingBottom)||0;b=ae+we}let m=R?f*2+s.margin*4:s.margin*2,V=o-m+b,D=o/r,ne=Math.max(V*D,fe),le=r-o,Pe=V-ne,Fe=le>0?c/le*Pe:0;Ye(ne),ke(Fe);let Q=i-n;if(Q>0){me(!0);let ie=n/i,ae=Math.max(n*ie,50),we=n-ae,ut=Q>0?x/Q*we:0;Ke(ae),je(ut)}else me(!1)},[d,y,R,f,fe,l.enabled,q]),rt=(0,t.useCallback)(e=>{e.preventDefault(),e.stopPropagation();let o=d();o&&(Ce(!0),Xe({y:e.clientY,scrollTop:o.scrollTop}),y(),T(!0),H())},[d,y,H]),be=(0,t.useCallback)(e=>{if(!N)return;let o=d();if(!o)return;let r=o.clientHeight,n=o.scrollHeight-r,i=e.clientY-se.y,x=r-G,b=i/x*n,m=Math.max(0,Math.min(n,se.scrollTop+b));o.scrollTop=m,u()},[N,se,G,u,d]),ge=(0,t.useCallback)(()=>{Ce(!1),W()&&p(l.delay)},[W,p,l.delay]),nt=(0,t.useCallback)(e=>{if(!U.current)return;let r=U.current.getBoundingClientRect(),c=e.clientY-r.top,n=d();if(!n)return;let i=n.clientHeight,x=n.scrollHeight,m=c/i*(x-i);n.scrollTop=Math.max(0,Math.min(x-i,m)),u(),T(!0),p(l.delay),H()},[u,p,l.delay,d,H]),lt=(0,t.useCallback)(e=>{if(e.preventDefault(),e.stopPropagation(),!a.current)return;let o=Math.max(0,a.current.scrollTop-re);a.current.scrollTop=o,u(),T(!0),p(l.delay),H()},[u,p,re,l.delay,H]),it=(0,t.useCallback)(e=>{if(e.preventDefault(),e.stopPropagation(),!a.current||!z.current)return;let o=a.current,c=z.current.scrollHeight-o.clientHeight,n=Math.min(c,o.scrollTop+re);o.scrollTop=n,u(),T(!0),p(l.delay),H()},[u,p,re,l.delay,H]),at=(0,t.useCallback)(e=>{e.preventDefault(),e.stopPropagation();let o=d();o&&(Ae(!0),Je({x:e.clientX,scrollLeft:o.scrollLeft}),y(),T(!0),H())},[d,y,H]),ve=(0,t.useCallback)(e=>{if(!P)return;let o=d();if(!o)return;let r=o.clientWidth,n=o.scrollWidth-r,i=e.clientX-de.x,x=r-pe,b=i/x*n,m=Math.max(0,Math.min(n,de.scrollLeft+b));o.scrollLeft=m,u()},[P,de,pe,u,d]),ye=(0,t.useCallback)(()=>{Ae(!1),W()&&p(l.delay)},[W,p,l.delay]),ct=(0,t.useCallback)(e=>{if(!U.current)return;let r=U.current.getBoundingClientRect(),c=e.clientX-r.left,n=d();if(!n)return;let i=n.clientWidth,x=n.scrollWidth,m=c/i*(x-i);n.scrollLeft=Math.max(0,Math.min(x-i,m)),u(),T(!0),p(l.delay),H()},[u,p,l.delay,d,H]),st=(0,t.useCallback)(e=>{if(!he.enabled)return;let o=e.target;if(Se(o,he)||e.button!==0)return;let r=d();r&&(r.scrollHeight<=r.clientHeight&&r.scrollWidth<=r.clientWidth||(e.preventDefault(),Oe(!0),Qe({x:e.clientX,y:e.clientY,scrollTop:r.scrollTop,scrollLeft:r.scrollLeft||0}),y()))},[he,Se,d,y]),xe=(0,t.useCallback)(e=>{if(!J)return;let o=d();if(!o)return;let r=K.x-e.clientX,c=K.y-e.clientY;if(Math.abs(c)<3&&Math.abs(r)<3)return;T(!0);let n=Math.max(0,Math.min(o.scrollHeight-o.clientHeight,K.scrollTop+c)),i=Math.max(0,Math.min(o.scrollWidth-o.clientWidth,K.scrollLeft+r));o.scrollTop=n,o.scrollLeft=i,u()},[J,K,d,u]),Te=(0,t.useCallback)(()=>{Oe(!1),W()&&p(l.delay)},[W,p,l.delay]);(0,t.useEffect)(()=>{let e=i=>{if(u(),q){I&&I(i);return}y(),T(!0),Ne();let x=We?l.delayOnWheel:l.delay;p(x),I&&I(i)},o=()=>{$e(!0),Z.current&&clearTimeout(Z.current),Z.current=setTimeout(()=>{$e(!1)},300),Ne(),_.current=setTimeout(()=>{T(!0),_.current=null,p(l.delayOnWheel)},50)},r=[],c=d();c&&r.push(c);let n=a.current;return n&&!c&&(r.push(n),n.querySelectorAll('[data-virtuoso-scroller], [style*="overflow"], .virtuoso-scroller, [style*="overflow: auto"], [style*="overflow:auto"]').forEach(x=>{let b=x;if(b!==n&&b.classList.contains("overlay-scrollbar-container"))return;let m=b.parentElement;for(;m&&m!==n;){if(m.classList.contains("overlay-scrollbar-container")&&m!==n)return;m=m.parentElement}r.push(b)})),r.forEach(i=>{i.addEventListener("scroll",e,{passive:!0}),i.addEventListener("wheel",o,{passive:!0})}),()=>{r.forEach(i=>{i.removeEventListener("scroll",e),i.removeEventListener("wheel",o)}),Z.current&&clearTimeout(Z.current),_.current&&clearTimeout(_.current)}},[d,u,I,y,p,l,We,q]),(0,t.useEffect)(()=>{let e=r=>{let c=d();if(!c)return;let{key:n}=r,{scrollTop:i,scrollHeight:x,clientHeight:b}=c,m=x-b,V=50,D=null;switch(n){case"ArrowUp":r.preventDefault(),D=Math.max(0,i-V);break;case"ArrowDown":r.preventDefault(),D=Math.min(m,i+V);break;case"PageUp":r.preventDefault(),D=Math.max(0,i-b);break;case"PageDown":r.preventDefault(),D=Math.min(m,i+b);break;case"Home":r.preventDefault(),D=0;break;case"End":r.preventDefault(),D=m;break;default:return}if(D!==null){let ne=D/m,le=R?f*2+s.margin*4:s.margin*2,Q=(b-le-G)*ne;ke(Q),c.scrollTop=D,y(),T(!0),p(l.delay)}},o=a.current;if(o)return o.addEventListener("keydown",e),()=>{o.removeEventListener("keydown",e)}},[d,R,f,s.margin,G,y,p,l.delay]),(0,t.useEffect)(()=>{if(J)return document.addEventListener("mousemove",xe),document.addEventListener("mouseup",Te),()=>{document.removeEventListener("mousemove",xe),document.removeEventListener("mouseup",Te)}},[J,xe,Te]),(0,t.useEffect)(()=>{if(N)return document.addEventListener("mousemove",be),document.addEventListener("mouseup",ge),()=>{document.removeEventListener("mousemove",be),document.removeEventListener("mouseup",ge)}},[N,be,ge]),(0,t.useEffect)(()=>{if(P)return document.addEventListener("mousemove",ve),document.addEventListener("mouseup",ye),()=>{document.removeEventListener("mousemove",ve),document.removeEventListener("mouseup",ye)}},[P,ve,ye]),(0,t.useEffect)(()=>{u();let e=setTimeout(()=>{u()},100);return()=>clearTimeout(e)},[u]),(0,t.useLayoutEffect)(()=>{et(!0),u(),!l.enabled&&!q&&W()&&T(!0)},[W,u,l.enabled,q]),(0,t.useEffect)(()=>{if(l.initialDelay>0){let e=setTimeout(()=>{tt(!1)},l.initialDelay);return()=>clearTimeout(e)}},[l.initialDelay]),(0,t.useEffect)(()=>{let e=new ResizeObserver(()=>{u()}),o=[];return a.current&&o.push(a.current),z.current&&o.push(z.current),L.current&&document.contains(L.current)&&o.push(L.current),o.forEach(r=>{e.observe(r)}),()=>e.disconnect()},[u]),(0,t.useEffect)(()=>{if(!a.current)return;let e=new MutationObserver(()=>{L.current=null,u()});return e.observe(a.current,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["style"]}),()=>e.disconnect()},[u]);let B=Math.max(ot,f);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=`
|
|
1
|
+
"use strict";var we=Object.defineProperty;var dt=Object.getOwnPropertyDescriptor;var pt=Object.getOwnPropertyNames;var mt=Object.prototype.hasOwnProperty;var ht=(g,v)=>{for(var S in v)we(g,S,{get:v[S],enumerable:!0})},ft=(g,v,S,E)=>{if(v&&typeof v=="object"||typeof v=="function")for(let M of pt(v))!mt.call(g,M)&&M!==S&&we(g,M,{get:()=>v[M],enumerable:!(E=dt(v,M))||E.enumerable});return g};var bt=g=>ft(we({},"__esModule",{value:!0}),g);var Et={};ht(Et,{OverlayScrollbar:()=>Ee,default:()=>Ee});module.exports=bt(Et);var t=require("react");var gt=["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=(g,v)=>{let S=g.tagName.toLowerCase(),E=["text","password","email","number","search","tel","url","checkbox","radio"];if(S==="input"){let M=g.type;return E.includes(M)}if(["textarea","select","button"].includes(S)||["svg","path","circle","rect","line","polygon","polyline"].includes(S)||g.getAttribute("contenteditable")==="true")return!0;if(v?.excludeSelectors){for(let M of v.excludeSelectors)if(g.matches(M))return!0}return vt(g,v)},vt=(g,v)=>{let S=[...gt,...v?.excludeClasses||[]],E=g,M=0,A=5;for(;E&&M<=A;){if(S.some(C=>E.classList.contains(C)))return!0;if(E.classList.contains("MuiDialogContent-root"))break;E=E.parentElement,M++}return!1};var w=require("react/jsx-runtime"),yt={},xt={},Tt={},Mt={},wt={},St=(0,t.forwardRef)(({className:g="",style:v={},containerStyle:S={},contentStyle:E={},children:M,onScroll:A,thumb:C=yt,track:O=xt,arrows:W=Tt,dragScroll:Y=Mt,autoHide:z=wt,showScrollbar:G=!0,detectInnerScroll:Ue=!1},qe)=>{let Be=(0,t.useRef)({});(0,t.useEffect)(()=>{Be.current={children:M,onScroll:A,showScrollbar:G,thumb:C,track:O,arrows:W,dragScroll:Y,autoHide:z}});let se=(0,t.useRef)(null),c=(0,t.useRef)(null),N=(0,t.useRef)(null),q=(0,t.useRef)(null),Xe=(0,t.useRef)(null),L=(0,t.useRef)(null),[te,T]=(0,t.useState)(!1),[P,Ce]=(0,t.useState)(!1),[He,De]=(0,t.useState)(!1),[ue,Ye]=(0,t.useState)({y:0,scrollTop:0}),[J,Ge]=(0,t.useState)(0),[Je,ke]=(0,t.useState)(0),[B,Le]=(0,t.useState)(!1),[Re,Ie]=(0,t.useState)(!1),[F,Ae]=(0,t.useState)(!1),[de,Ke]=(0,t.useState)({x:0,scrollLeft:0}),[pe,Ze]=(0,t.useState)(0),[Oe,je]=(0,t.useState)(0),[Ve,me]=(0,t.useState)(!1),[K,We]=(0,t.useState)(!1),[Z,Qe]=(0,t.useState)({x:0,y:0,scrollTop:0,scrollLeft:0}),[Ct,Ht]=(0,t.useState)(null),[oe,re]=(0,t.useState)(null),[Dt,et]=(0,t.useState)(!1),j=(0,t.useRef)(null),[$e,ze]=(0,t.useState)(!1),V=(0,t.useRef)(null),_=(0,t.useRef)(null),U=(0,t.useRef)(null),h=(0,t.useMemo)(()=>{let e=C.color??"#606060";return{width:C.width??8,minHeight:C.minHeight??50,radius:C.radius??(C.width??8)/2,color:e,opacity:C.opacity??.6,hoverColor:C.hoverColor??e,hoverOpacity:C.hoverOpacity??1}},[C]),l=(0,t.useMemo)(()=>({width:O.width??16,color:O.color??"rgba(128, 128, 128, 0.1)",visible:O.visible??!0,alignment:O.alignment??"center",radius:O.radius??h.radius??4,margin:O.margin??4}),[O,h.radius]),k=(0,t.useMemo)(()=>{let e=W.color??"#808080";return{visible:W.visible??!1,step:W.step??50,color:e,opacity:W.opacity??.6,hoverColor:W.hoverColor??e,hoverOpacity:W.hoverOpacity??1}},[W]),he=(0,t.useMemo)(()=>({enabled:Y.enabled??!0,excludeClasses:Y.excludeClasses??[],excludeSelectors:Y.excludeSelectors??[]}),[Y]),i=(0,t.useMemo)(()=>({enabled:z.enabled??!0,delay:z.delay??1500,delayOnWheel:z.delayOnWheel??700,initialDelay:z.initialDelay??200}),[z]),[X,tt]=(0,t.useState)(()=>(z.initialDelay??200)>0),f=h.width,ot=l.width,fe=h.minHeight,R=k.visible,ne=k.step,H=(0,t.useCallback)(()=>{if(!c.current)return;let e=document.activeElement;e&&c.current.contains(e)&&e!==c.current||c.current.focus()},[]);(0,t.useImperativeHandle)(qe,()=>({getScrollContainer:()=>c.current,scrollTo:e=>{c.current&&c.current.scrollTo(e)},get scrollTop(){return c.current?.scrollTop||0},get scrollHeight(){return c.current?.scrollHeight||0},get clientHeight(){return c.current?.clientHeight||0}}),[]);let d=(0,t.useCallback)(()=>{if(L.current){let o=L.current;if(document.contains(o)&&o.scrollHeight>o.clientHeight+2)return o;L.current=null}if(!c.current)return null;if(N.current&&N.current.scrollHeight>c.current.clientHeight+2)return L.current=c.current,c.current;if(!Ue)return null;let e=c.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!==c.current&&r.classList.contains("overlay-scrollbar-container"))continue;let s=r.parentElement,n=!1;for(;s&&s!==c.current;){if(s.classList.contains("overlay-scrollbar-container")&&s!==c.current){n=!0;break}s=s.parentElement}if(!n&&r.scrollHeight>r.clientHeight+2)return L.current=r,r}return null},[]),$=(0,t.useCallback)(()=>d()!==null,[d]),y=(0,t.useCallback)(()=>{V.current&&(clearTimeout(V.current),V.current=null)},[]),Ne=(0,t.useCallback)(()=>{_.current&&(clearTimeout(_.current),_.current=null)},[]),Pe=(0,t.useCallback)(()=>{U.current&&(clearTimeout(U.current),U.current=null)},[]),p=(0,t.useCallback)(e=>{i.enabled&&(y(),V.current=setTimeout(()=>{T(!1),V.current=null},e))},[y,i.enabled]),u=(0,t.useCallback)(()=>{let e=d();if(!e){T(!1),Le(!1),me(!1),y();return}if(Le(!0),!q.current)return;!i.enabled&&!X&&(T(!0),y());let o=e.clientHeight,r=e.scrollHeight,s=e.scrollTop,n=e.clientWidth,a=e.scrollWidth,x=e.scrollLeft,b=0;if(se.current){let ae=window.getComputedStyle(se.current),ce=parseFloat(ae.paddingTop)||0,Me=parseFloat(ae.paddingBottom)||0;b=ce+Me}let m=R?f*2+l.margin*4:l.margin*2,Q=o-m+b,D=o/r,le=Math.max(Q*D,fe),ie=r-o,Fe=Q-le,_e=ie>0?s/ie*Fe:0;Ge(le),ke(_e);let ee=a-n;if(ee>0){me(!0);let ae=n/a,ce=Math.max(n*ae,50),Me=n-ce,ut=ee>0?x/ee*Me:0;Ze(ce),je(ut)}else me(!1)},[d,y,R,f,fe,i.enabled,X]),rt=(0,t.useCallback)(e=>{e.preventDefault(),e.stopPropagation();let o=d();o&&(Ce(!0),Ye({y:e.clientY,scrollTop:o.scrollTop}),y(),T(!0),H())},[d,y,H]),be=(0,t.useCallback)(e=>{if(!P)return;let o=d();if(!o)return;let r=o.clientHeight,n=o.scrollHeight-r,a=e.clientY-ue.y,x=r-J,b=a/x*n,m=Math.max(0,Math.min(n,ue.scrollTop+b));o.scrollTop=m,u()},[P,ue,J,u,d]),ge=(0,t.useCallback)(()=>{Ce(!1),$()&&p(i.delay)},[$,p,i.delay]),nt=(0,t.useCallback)(e=>{if(!q.current)return;let r=q.current.getBoundingClientRect(),s=e.clientY-r.top,n=d();if(!n)return;let a=n.clientHeight,x=n.scrollHeight,m=s/a*(x-a);n.scrollTop=Math.max(0,Math.min(x-a,m)),u(),T(!0),p(i.delay),H()},[u,p,i.delay,d,H]),lt=(0,t.useCallback)(e=>{if(e.preventDefault(),e.stopPropagation(),!c.current)return;let o=Math.max(0,c.current.scrollTop-ne);c.current.scrollTop=o,u(),T(!0),p(i.delay),H()},[u,p,ne,i.delay,H]),it=(0,t.useCallback)(e=>{if(e.preventDefault(),e.stopPropagation(),!c.current||!N.current)return;let o=c.current,s=N.current.scrollHeight-o.clientHeight,n=Math.min(s,o.scrollTop+ne);o.scrollTop=n,u(),T(!0),p(i.delay),H()},[u,p,ne,i.delay,H]),at=(0,t.useCallback)(e=>{e.preventDefault(),e.stopPropagation();let o=d();o&&(Ae(!0),Ke({x:e.clientX,scrollLeft:o.scrollLeft}),y(),T(!0),H())},[d,y,H]),ve=(0,t.useCallback)(e=>{if(!F)return;let o=d();if(!o)return;let r=o.clientWidth,n=o.scrollWidth-r,a=e.clientX-de.x,x=r-pe,b=a/x*n,m=Math.max(0,Math.min(n,de.scrollLeft+b));o.scrollLeft=m,u()},[F,de,pe,u,d]),ye=(0,t.useCallback)(()=>{Ae(!1),$()&&p(i.delay)},[$,p,i.delay]),ct=(0,t.useCallback)(e=>{if(!q.current)return;let r=q.current.getBoundingClientRect(),s=e.clientX-r.left,n=d();if(!n)return;let a=n.clientWidth,x=n.scrollWidth,m=s/a*(x-a);n.scrollLeft=Math.max(0,Math.min(x-a,m)),u(),T(!0),p(i.delay),H()},[u,p,i.delay,d,H]),st=(0,t.useCallback)(e=>{if(!he.enabled)return;let o=e.target;if(Se(o,he)||e.button!==0)return;let r=d();r&&(r.scrollHeight<=r.clientHeight&&r.scrollWidth<=r.clientWidth||(e.preventDefault(),We(!0),Qe({x:e.clientX,y:e.clientY,scrollTop:r.scrollTop,scrollLeft:r.scrollLeft||0}),y()))},[he,Se,d,y]),xe=(0,t.useCallback)(e=>{if(!K)return;let o=d();if(!o)return;let r=Z.x-e.clientX,s=Z.y-e.clientY;if(Math.abs(s)<3&&Math.abs(r)<3)return;T(!0);let n=Math.max(0,Math.min(o.scrollHeight-o.clientHeight,Z.scrollTop+s)),a=Math.max(0,Math.min(o.scrollWidth-o.clientWidth,Z.scrollLeft+r));o.scrollTop=n,o.scrollLeft=a,u()},[K,Z,d,u]),Te=(0,t.useCallback)(()=>{We(!1),$()&&p(i.delay)},[$,p,i.delay]);(0,t.useEffect)(()=>{let e=a=>{if(u(),X){A&&A(a);return}y(),T(!0),Pe();let x=$e?i.delayOnWheel:i.delay;p(x),A&&A(a)},o=()=>{ze(!0),j.current&&clearTimeout(j.current),j.current=setTimeout(()=>{ze(!1)},300),Pe(),U.current=setTimeout(()=>{T(!0),U.current=null,p(i.delayOnWheel)},50)},r=[],s=d();s&&r.push(s);let n=c.current;return n&&!s&&(r.push(n),n.querySelectorAll('[data-virtuoso-scroller], [style*="overflow"], .virtuoso-scroller, [style*="overflow: auto"], [style*="overflow:auto"]').forEach(x=>{let b=x;if(b!==n&&b.classList.contains("overlay-scrollbar-container"))return;let m=b.parentElement;for(;m&&m!==n;){if(m.classList.contains("overlay-scrollbar-container")&&m!==n)return;m=m.parentElement}r.push(b)})),r.forEach(a=>{a.addEventListener("scroll",e,{passive:!0}),a.addEventListener("wheel",o,{passive:!0})}),()=>{r.forEach(a=>{a.removeEventListener("scroll",e),a.removeEventListener("wheel",o)}),j.current&&clearTimeout(j.current),U.current&&clearTimeout(U.current)}},[d,u,A,y,p,i,$e,X]),(0,t.useEffect)(()=>{let e=r=>{let s=d();if(!s)return;let{key:n}=r,{scrollTop:a,scrollHeight:x,clientHeight:b}=s,m=x-b,Q=50,D=null;switch(n){case"ArrowUp":r.preventDefault(),D=Math.max(0,a-Q);break;case"ArrowDown":r.preventDefault(),D=Math.min(m,a+Q);break;case"PageUp":r.preventDefault(),D=Math.max(0,a-b);break;case"PageDown":r.preventDefault(),D=Math.min(m,a+b);break;case"Home":r.preventDefault(),D=0;break;case"End":r.preventDefault(),D=m;break;default:return}if(D!==null){let le=D/m,ie=R?f*2+l.margin*4:l.margin*2,ee=(b-ie-J)*le;ke(ee),s.scrollTop=D,y(),T(!0),p(i.delay)}},o=c.current;if(o)return o.addEventListener("keydown",e),()=>{o.removeEventListener("keydown",e)}},[d,R,f,l.margin,J,y,p,i.delay]),(0,t.useEffect)(()=>{if(K)return document.addEventListener("mousemove",xe),document.addEventListener("mouseup",Te),()=>{document.removeEventListener("mousemove",xe),document.removeEventListener("mouseup",Te)}},[K,xe,Te]),(0,t.useEffect)(()=>{if(P)return document.addEventListener("mousemove",be),document.addEventListener("mouseup",ge),()=>{document.removeEventListener("mousemove",be),document.removeEventListener("mouseup",ge)}},[P,be,ge]),(0,t.useEffect)(()=>{if(F)return document.addEventListener("mousemove",ve),document.addEventListener("mouseup",ye),()=>{document.removeEventListener("mousemove",ve),document.removeEventListener("mouseup",ye)}},[F,ve,ye]),(0,t.useEffect)(()=>{u();let e=setTimeout(()=>{u()},100);return()=>clearTimeout(e)},[u]),(0,t.useLayoutEffect)(()=>{et(!0),u(),!i.enabled&&!X&&$()&&T(!0)},[$,u,i.enabled,X]),(0,t.useEffect)(()=>{if(i.initialDelay>0){let e=setTimeout(()=>{tt(!1)},i.initialDelay);return()=>clearTimeout(e)}},[i.initialDelay]),(0,t.useEffect)(()=>{let e=new ResizeObserver(()=>{u()}),o=[];return c.current&&o.push(c.current),N.current&&o.push(N.current),L.current&&document.contains(L.current)&&o.push(L.current),o.forEach(r=>{e.observe(r)}),()=>e.disconnect()},[u]),(0,t.useEffect)(()=>{if(!c.current)return;let e=new MutationObserver(()=>{L.current=null,u()});return e.observe(c.current,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["style"]}),()=>e.disconnect()},[u]);let I=Math.max(ot,f);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
2
|
.overlay-scrollbar-container::-webkit-scrollbar {
|
|
3
3
|
display: none !important;
|
|
4
4
|
width: 0 !important;
|
|
@@ -40,5 +40,5 @@
|
|
|
40
40
|
outline: 2px solid rgba(0, 123, 255, 0.5);
|
|
41
41
|
outline-offset: -2px;
|
|
42
42
|
}
|
|
43
|
-
`,document.head.appendChild(r),()=>{let
|
|
43
|
+
`,document.head.appendChild(r),()=>{let s=document.getElementById(e);s&&s.remove()}},[]),(0,w.jsxs)("div",{ref:se,className:`overlay-scrollbar-wrapper ${g}`,style:{display:"flex",flexDirection:"column",position:"relative",minHeight:0,height:"100%",flex:"1 1 0%",...v},children:[(0,w.jsx)("div",{ref:c,className:"overlay-scrollbar-container",tabIndex:-1,onMouseDown:st,style:{display:"flex",width:"100%",flex:"1 1 auto",minHeight:0,overflow:"auto",scrollbarWidth:"none",msOverflowStyle:"none",outline:"none",userSelect:K?"none":"auto",...S},children:(0,w.jsx)("div",{ref:N,className:"overlay-scrollbar-content",style:{flex:"1 1 0%",minHeight:0,display:"flex",flexDirection:"column",...E},children:M})}),G&&B&&(0,w.jsxs)("div",{ref:q,className:"overlay-scrollbar-track",onMouseEnter:()=>{y(),_.current=setTimeout(()=>{T(!0),_.current=null},100)},onMouseLeave:()=>{Ne(),P||p(i.delay)},style:{position:"absolute",top:0,right:0,width:`${I}px`,height:"100%",opacity:te?1:0,transition:"opacity 0.2s ease-in-out",cursor:"pointer",zIndex:1e3,pointerEvents:"auto"},children:[l.visible&&(0,w.jsx)("div",{className:"overlay-scrollbar-track-background",onClick:e=>{e.preventDefault(),e.stopPropagation(),nt(e)},style:{position:"absolute",top:R?`${h.width+l.margin*2}px`:`${l.margin}px`,right:l.alignment==="outside"?"0px":`${(I-h.width)/2}px`,width:`${h.width}px`,height:R?`calc(100% - ${h.width*2+l.margin*4}px)`:`calc(100% - ${l.margin*2}px)`,backgroundColor:l.color,borderRadius:`${l.radius}px`,cursor:"pointer"}}),(0,w.jsx)("div",{ref:Xe,className:"overlay-scrollbar-thumb",onMouseDown:rt,onMouseEnter:()=>De(!0),onMouseLeave:()=>De(!1),style:{position:"absolute",top:`${(R?f+l.margin*2:l.margin)+Je}px`,right:l.alignment==="outside"?"0px":`${(I-f)/2}px`,width:`${f}px`,height:`${Math.max(J,fe)}px`,backgroundColor:He||P?h.hoverColor:h.color,opacity:He||P?h.hoverOpacity:h.opacity,borderRadius:`${h.radius}px`,cursor:"pointer",transition:"background-color 0.2s ease-in-out, opacity 0.2s ease-in-out"}})]}),G&&B&&R&&(0,w.jsx)("div",{className:"overlay-scrollbar-up-arrow",onClick:lt,onMouseEnter:()=>re("up"),onMouseLeave:()=>re(null),style:{position:"absolute",top:`${l.margin}px`,right:l.alignment==="outside"?"0px":`${(I-f)/2}px`,width:`${f}px`,height:`${f}px`,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",fontSize:`${Math.max(f*.75,8)}px`,color:oe==="up"?k.hoverColor:k.color,userSelect:"none",zIndex:1001,opacity:te?oe==="up"?k.hoverOpacity:k.opacity:0,transition:"opacity 0.2s ease-in-out, color 0.15s ease-in-out"},children:"\u25B2"}),G&&B&&R&&(0,w.jsx)("div",{className:"overlay-scrollbar-down-arrow",onClick:it,onMouseEnter:()=>re("down"),onMouseLeave:()=>re(null),style:{position:"absolute",bottom:`${l.margin}px`,right:l.alignment==="outside"?"0px":`${(I-f)/2}px`,width:`${f}px`,height:`${f}px`,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",fontSize:`${Math.max(f*.75,8)}px`,color:oe==="down"?k.hoverColor:k.color,userSelect:"none",zIndex:1001,opacity:te?oe==="down"?k.hoverOpacity:k.opacity:0,transition:"opacity 0.2s ease-in-out, color 0.15s ease-in-out"},children:"\u25BC"}),G&&Ve&&(0,w.jsxs)("div",{className:"overlay-scrollbar-horizontal-track",onMouseEnter:()=>{y(),_.current=setTimeout(()=>{T(!0),_.current=null},100)},onMouseLeave:()=>{Ne(),F||p(i.delay)},style:{position:"absolute",bottom:0,left:0,width:"100%",height:`${I}px`,opacity:te?1:0,transition:"opacity 0.2s ease-in-out",cursor:"pointer",zIndex:1e3,pointerEvents:"auto"},children:[l.visible&&(0,w.jsx)("div",{className:"overlay-scrollbar-horizontal-track-background",onClick:e=>{e.preventDefault(),e.stopPropagation(),ct(e)},style:{position:"absolute",bottom:0,left:`${l.margin}px`,right:l.alignment==="outside"&&B?`${I-l.margin}px`:`${l.margin}px`,height:`${f}px`,backgroundColor:l.color,borderRadius:`${l.radius}px`,cursor:"pointer"}}),(0,w.jsx)("div",{className:"overlay-scrollbar-horizontal-thumb",onMouseDown:at,onMouseEnter:()=>Ie(!0),onMouseLeave:()=>Ie(!1),style:{position:"absolute",bottom:0,left:`${l.margin+Oe}px`,right:l.alignment==="outside"&&B?`${I-l.margin}px`:"auto",maxWidth:l.alignment==="outside"&&B?`calc(100% - ${l.margin+Oe+I-l.margin}px)`:"none",width:`${Math.max(pe,50)}px`,height:`${f}px`,backgroundColor:Re||F?h.hoverColor:h.color,opacity:Re||F?h.hoverOpacity:h.opacity,borderRadius:`${h.radius}px`,cursor:"pointer",transition:"background-color 0.2s ease-in-out, opacity 0.2s ease-in-out"}})]})]})}),Ee=St;
|
|
44
44
|
//# sourceMappingURL=index.js.map
|