@ehfuse/overlay-scrollbar 1.5.13 → 1.5.15
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 +14 -9
- package/dist/index.esm.js.map +2 -2
- package/dist/index.js +14 -9
- package/dist/index.js.map +2 -2
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OverlayScrollbar.d.ts","sourceRoot":"","sources":["../src/OverlayScrollbar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,KAAK,EAAE,EAMV,SAAS,EAIZ,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,WAAW;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAGD,MAAM,WAAW,WAAW;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAGD,MAAM,WAAW,YAAY;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAGD,MAAM,WAAW,gBAAgB;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC/B;AAGD,MAAM,WAAW,cAAc;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,qBAAqB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAGlC,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,QAAQ,CAAC,EAAE,cAAc,CAAC;IAG1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAGD,MAAM,WAAW,mBAAmB;IAChC,kBAAkB,EAAE,MAAM,cAAc,GAAG,IAAI,CAAC;IAChD,QAAQ,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;CACxB;AASD,QAAA,MAAM,gBAAgB,
|
|
1
|
+
{"version":3,"file":"OverlayScrollbar.d.ts","sourceRoot":"","sources":["../src/OverlayScrollbar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,KAAK,EAAE,EAMV,SAAS,EAIZ,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,WAAW;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAGD,MAAM,WAAW,WAAW;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAGD,MAAM,WAAW,YAAY;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAGD,MAAM,WAAW,gBAAgB;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC/B;AAGD,MAAM,WAAW,cAAc;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,qBAAqB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAGlC,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,QAAQ,CAAC,EAAE,cAAc,CAAC;IAG1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAGD,MAAM,WAAW,mBAAmB;IAChC,kBAAkB,EAAE,MAAM,cAAc,GAAG,IAAI,CAAC;IAChD,QAAQ,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;CACxB;AASD,QAAA,MAAM,gBAAgB,mGAg2CrB,CAAC;AAEF,eAAe,gBAAgB,CAAC;AAChC,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
|
package/dist/index.esm.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{useRef as S,useEffect as E,useState as b,useCallback as p,useMemo as V,forwardRef as je,useImperativeHandle as Ve,useLayoutEffect as Qe}from"react";var Ke=["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"],be=(C,N)=>{let $=C.tagName.toLowerCase(),H=["text","password","email","number","search","tel","url","checkbox","radio"];if($==="input"){let D=C.type;return H.includes(D)}if(["textarea","select","button"].includes($)||["svg","path","circle","rect","line","polygon","polyline"].includes($)||C.getAttribute("contenteditable")==="true")return!0;if(N?.excludeSelectors){for(let D of N.excludeSelectors)if(C.matches(D))return!0}return Ze(C,N)},Ze=(C,N)=>{let $=[...Ke,...N?.excludeClasses||[]],H=C,D=0,I=5;for(;H&&D<=I;){if($.some(x=>H.classList.contains(x)))return!0;if(H.classList.contains("MuiDialogContent-root"))break;H=H.parentElement,D++}return!1};import{jsx as z,jsxs as ke}from"react/jsx-runtime";var et={},tt={},rt={},ot={},nt={},lt=je(({className:C="",style:N={},containerStyle:$={},contentStyle:H={},children:D,onScroll:I,thumb:x=et,track:R=tt,arrows:A=rt,dragScroll:B=ot,autoHide:P=nt,showScrollbar:Q=!0,detectInnerScroll:Ie=!1},Re)=>{let Ae=S({});E(()=>{Ae.current={children:D,onScroll:I,showScrollbar:Q,thumb:x,track:R,arrows:A,dragScroll:B,autoHide:P}});let ie=S(null),o=S(null),F=S(null),ee=S(null),Oe=S(null),k=S(null),[ae,v]=b(!1),[_,ve]=b(!1),[ye,Te]=b(!1),[ce,Ne]=b({y:0,scrollTop:0}),[Y,$e]=b(0),[Pe,xe]=b(0),[se,we]=b(!1),[G,Se]=b(!1),[te,Fe]=b({x:0,y:0,scrollTop:0,scrollLeft:0}),[it,at]=b(null),[re,oe]=b(null),[ct,_e]=b(!1),J=S(null),[Me,Ee]=b(!1),X=S(null),K=S(null),W=S(null),y=V(()=>{let e=x.color??"#606060";return{width:x.width??8,minHeight:x.minHeight??50,radius:x.radius??(x.width??8)/2,color:e,opacity:x.opacity??.6,hoverColor:x.hoverColor??e,hoverOpacity:x.hoverOpacity??1}},[x]),c=V(()=>({width:R.width??16,color:R.color??"rgba(128, 128, 128, 0.1)",visible:R.visible??!0,alignment:R.alignment??"center",radius:R.radius??y.radius??4,margin:R.margin??4}),[R,y.radius]),M=V(()=>{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]),ue=V(()=>({enabled:B.enabled??!0,excludeClasses:B.excludeClasses??[],excludeSelectors:B.excludeSelectors??[]}),[B]),l=V(()=>({enabled:P.enabled??!0,delay:P.delay??1500,delayOnWheel:P.delayOnWheel??700,initialDelay:P.initialDelay??200}),[P]),[q,We]=b(()=>(P.initialDelay??200)>0),m=y.width,qe=c.width,de=y.minHeight,L=M.visible,ne=M.step,O=p(()=>{if(!o.current)return;let e=document.activeElement;e&&o.current.contains(e)&&e!==o.current||o.current.focus()},[]);Ve(Re,()=>({getScrollContainer:()=>o.current,scrollTo:e=>{o.current&&o.current.scrollTo(e)},get scrollTop(){return o.current?.scrollTop||0},get scrollHeight(){return o.current?.scrollHeight||0},get clientHeight(){return o.current?.clientHeight||0}}),[]);let u=p(()=>{if(k.current){let t=k.current;if(document.contains(t)&&t.scrollHeight>t.clientHeight+2)return t;k.current=null}if(!o.current)return null;if(F.current&&F.current.scrollHeight>o.current.clientHeight+2)return k.current=o.current,o.current;if(!Ie)return null;let e=o.current.querySelectorAll('[data-virtuoso-scroller], [style*="overflow"], .virtuoso-scroller, [style*="overflow: auto"], [style*="overflow:auto"]');for(let t of e){let r=t;if(r!==o.current&&r.classList.contains("overlay-scrollbar-container"))continue;let n=r.parentElement,i=!1;for(;n&&n!==o.current;){if(n.classList.contains("overlay-scrollbar-container")&&n!==o.current){i=!0;break}n=n.parentElement}if(!i&&r.scrollHeight>r.clientHeight+2)return k.current=r,r}return null},[]),U=p(()=>u()!==null,[u]),h=p(()=>{X.current&&(clearTimeout(X.current),X.current=null)},[]),Ue=p(()=>{K.current&&(clearTimeout(K.current),K.current=null)},[]),Ce=p(()=>{W.current&&(clearTimeout(W.current),W.current=null)},[]),f=p(e=>{l.enabled&&(h(),X.current=setTimeout(()=>{v(!1),X.current=null},e))},[h,l.enabled]),s=p(()=>{let e=u();if(!e){v(!1),we(!1),h();return}if(we(!0),!ee.current)return;!l.enabled&&!q&&(v(!0),h());let t=e.clientHeight,r=e.scrollHeight,n=e.scrollTop,i=0;if(ie.current){let le=window.getComputedStyle(ie.current),He=parseFloat(le.paddingTop)||0,De=parseFloat(le.paddingBottom)||0;i=He+De}let a=L?m*2+c.margin*4:c.margin*2,T=t-a+i,g=t/r,d=Math.max(T*g,de),j=r-t,w=T-d,ge=j>0?n/j*w:0;$e(d),xe(ge)},[u,h,L,m,de,l.enabled,q]),ze=p(e=>{e.preventDefault(),e.stopPropagation();let t=u();t&&(ve(!0),Ne({y:e.clientY,scrollTop:t.scrollTop}),h(),v(!0),O())},[u,h,O]),pe=p(e=>{if(!_)return;let t=u();if(!t)return;let r=t.clientHeight,i=t.scrollHeight-r,a=e.clientY-ce.y,T=r-Y,g=a/T*i,d=Math.max(0,Math.min(i,ce.scrollTop+g));t.scrollTop=d,s()},[_,ce,Y,s,u]),me=p(()=>{ve(!1),U()&&f(l.delay)},[U,f,l.delay]),Be=p(e=>{if(!ee.current)return;let r=ee.current.getBoundingClientRect(),n=e.clientY-r.top,i=u();if(!i)return;let a=i.clientHeight,T=i.scrollHeight,d=n/a*(T-a);i.scrollTop=Math.max(0,Math.min(T-a,d)),s(),v(!0),f(l.delay),O()},[s,f,l.delay,u,O]),Ye=p(e=>{if(e.preventDefault(),e.stopPropagation(),!o.current)return;let t=Math.max(0,o.current.scrollTop-ne);o.current.scrollTop=t,s(),v(!0),f(l.delay),O()},[s,f,ne,l.delay,O]),Ge=p(e=>{if(e.preventDefault(),e.stopPropagation(),!o.current||!F.current)return;let t=o.current,n=F.current.scrollHeight-t.clientHeight,i=Math.min(n,t.scrollTop+ne);t.scrollTop=i,s(),v(!0),f(l.delay),O()},[s,f,ne,l.delay,O]),Je=p(e=>{if(!ue.enabled)return;let t=e.target;if(be(t,ue)||e.button!==0)return;let r=u();r&&(r.scrollHeight<=r.clientHeight||(e.preventDefault(),Se(!0),Fe({x:e.clientX,y:e.clientY,scrollTop:r.scrollTop,scrollLeft:r.scrollLeft||0}),h()))},[ue,be,u,h]),fe=p(e=>{if(!G)return;let t=u();if(!t)return;let r=te.x-e.clientX,n=te.y-e.clientY;if(Math.abs(n)<3&&Math.abs(r)<3)return;v(!0);let i=Math.max(0,Math.min(t.scrollHeight-t.clientHeight,te.scrollTop+n));t.scrollTop=i,s()},[G,te,u,s]),he=p(()=>{Se(!1),U()&&f(l.delay)},[U,f,l.delay]);E(()=>{let e=a=>{if(s(),q){I&&I(a);return}h(),v(!0),Ce();let T=Me?l.delayOnWheel:l.delay;f(T),I&&I(a)},t=()=>{Ee(!0),J.current&&clearTimeout(J.current),J.current=setTimeout(()=>{Ee(!1)},300),Ce(),W.current=setTimeout(()=>{v(!0),W.current=null,f(l.delayOnWheel)},50)},r=[],n=u();n&&r.push(n);let i=o.current;return i&&!n&&(r.push(i),i.querySelectorAll('[data-virtuoso-scroller], [style*="overflow"], .virtuoso-scroller, [style*="overflow: auto"], [style*="overflow:auto"]').forEach(T=>{let g=T;if(g!==i&&g.classList.contains("overlay-scrollbar-container"))return;let d=g.parentElement;for(;d&&d!==i;){if(d.classList.contains("overlay-scrollbar-container")&&d!==i)return;d=d.parentElement}r.push(g)})),r.forEach(a=>{a.addEventListener("scroll",e,{passive:!0}),a.addEventListener("wheel",t,{passive:!0})}),()=>{r.forEach(a=>{a.removeEventListener("scroll",e),a.removeEventListener("wheel",t)}),J.current&&clearTimeout(J.current),W.current&&clearTimeout(W.current)}},[u,s,I,h,f,l,Me,q]),E(()=>{let e=r=>{let n=u();if(!n)return;let{key:i}=r,{scrollTop:a,scrollHeight:T,clientHeight:g}=n,d=T-g,j=50,w=null;switch(i){case"ArrowUp":r.preventDefault(),w=Math.max(0,a-j);break;case"ArrowDown":r.preventDefault(),w=Math.min(d,a+j);break;case"PageUp":r.preventDefault(),w=Math.max(0,a-g);break;case"PageDown":r.preventDefault(),w=Math.min(d,a+g);break;case"Home":r.preventDefault(),w=0;break;case"End":r.preventDefault(),w=d;break;default:return}if(w!==null){let ge=w/d,le=L?m*2+c.margin*4:c.margin*2,Xe=(g-le-Y)*ge;xe(Xe),n.scrollTop=w,h(),v(!0),f(l.delay)}},t=o.current;if(t)return t.addEventListener("keydown",e),()=>{t.removeEventListener("keydown",e)}},[u,L,m,c.margin,Y,h,f,l.delay]),E(()=>{if(G)return document.addEventListener("mousemove",fe),document.addEventListener("mouseup",he),()=>{document.removeEventListener("mousemove",fe),document.removeEventListener("mouseup",he)}},[G,fe,he]),E(()=>{if(_)return document.addEventListener("mousemove",pe),document.addEventListener("mouseup",me),()=>{document.removeEventListener("mousemove",pe),document.removeEventListener("mouseup",me)}},[_,pe,me]),E(()=>{s();let e=setTimeout(()=>{s()},100);return()=>clearTimeout(e)},[s]),Qe(()=>{_e(!0),s(),!l.enabled&&!q&&U()&&v(!0)},[U,s,l.enabled,q]),E(()=>{if(l.initialDelay>0){let e=setTimeout(()=>{We(!1)},l.initialDelay);return()=>clearTimeout(e)}},[l.initialDelay]),E(()=>{let e=new ResizeObserver(()=>{s()}),t=[];return o.current&&t.push(o.current),F.current&&t.push(F.current),k.current&&document.contains(k.current)&&t.push(k.current),t.forEach(r=>{e.observe(r)}),()=>e.disconnect()},[s]),E(()=>{if(!o.current)return;let e=new MutationObserver(()=>{k.current=null,s()});return e.observe(o.current,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["style"]}),()=>e.disconnect()},[s]);let Z=Math.max(qe,m);return E(()=>{let e="overlay-scrollbar-webkit-hide",t=document.getElementById(e);t&&t.remove();let r=document.createElement("style");return r.id=e,r.textContent=`
|
|
1
|
+
import{useRef as S,useEffect as E,useState as b,useCallback as p,useMemo as V,forwardRef as je,useImperativeHandle as Ve,useLayoutEffect as Qe}from"react";var Ke=["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"],be=(C,N)=>{let $=C.tagName.toLowerCase(),H=["text","password","email","number","search","tel","url","checkbox","radio"];if($==="input"){let D=C.type;return H.includes(D)}if(["textarea","select","button"].includes($)||["svg","path","circle","rect","line","polygon","polyline"].includes($)||C.getAttribute("contenteditable")==="true")return!0;if(N?.excludeSelectors){for(let D of N.excludeSelectors)if(C.matches(D))return!0}return Ze(C,N)},Ze=(C,N)=>{let $=[...Ke,...N?.excludeClasses||[]],H=C,D=0,I=5;for(;H&&D<=I;){if($.some(x=>H.classList.contains(x)))return!0;if(H.classList.contains("MuiDialogContent-root"))break;H=H.parentElement,D++}return!1};import{jsx as z,jsxs as ke}from"react/jsx-runtime";var et={},tt={},ot={},rt={},nt={},lt=je(({className:C="",style:N={},containerStyle:$={},contentStyle:H={},children:D,onScroll:I,thumb:x=et,track:R=tt,arrows:A=ot,dragScroll:B=rt,autoHide:P=nt,showScrollbar:Q=!0,detectInnerScroll:Ie=!1},Re)=>{let Ae=S({});E(()=>{Ae.current={children:D,onScroll:I,showScrollbar:Q,thumb:x,track:R,arrows:A,dragScroll:B,autoHide:P}});let ie=S(null),r=S(null),F=S(null),ee=S(null),Oe=S(null),k=S(null),[ae,v]=b(!1),[_,ve]=b(!1),[ye,Te]=b(!1),[ce,Ne]=b({y:0,scrollTop:0}),[Y,$e]=b(0),[Pe,xe]=b(0),[se,we]=b(!1),[G,Se]=b(!1),[te,Fe]=b({x:0,y:0,scrollTop:0,scrollLeft:0}),[it,at]=b(null),[oe,re]=b(null),[ct,_e]=b(!1),J=S(null),[Me,Ee]=b(!1),X=S(null),K=S(null),W=S(null),y=V(()=>{let e=x.color??"#606060";return{width:x.width??8,minHeight:x.minHeight??50,radius:x.radius??(x.width??8)/2,color:e,opacity:x.opacity??.6,hoverColor:x.hoverColor??e,hoverOpacity:x.hoverOpacity??1}},[x]),c=V(()=>({width:R.width??16,color:R.color??"rgba(128, 128, 128, 0.1)",visible:R.visible??!0,alignment:R.alignment??"center",radius:R.radius??y.radius??4,margin:R.margin??4}),[R,y.radius]),M=V(()=>{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]),ue=V(()=>({enabled:B.enabled??!0,excludeClasses:B.excludeClasses??[],excludeSelectors:B.excludeSelectors??[]}),[B]),l=V(()=>({enabled:P.enabled??!0,delay:P.delay??1500,delayOnWheel:P.delayOnWheel??700,initialDelay:P.initialDelay??200}),[P]),[q,We]=b(()=>(P.initialDelay??200)>0),m=y.width,qe=c.width,de=y.minHeight,L=M.visible,ne=M.step,O=p(()=>{if(!r.current)return;let e=document.activeElement;e&&r.current.contains(e)&&e!==r.current||r.current.focus()},[]);Ve(Re,()=>({getScrollContainer:()=>r.current,scrollTo:e=>{r.current&&r.current.scrollTo(e)},get scrollTop(){return r.current?.scrollTop||0},get scrollHeight(){return r.current?.scrollHeight||0},get clientHeight(){return r.current?.clientHeight||0}}),[]);let u=p(()=>{if(k.current){let t=k.current;if(document.contains(t)&&t.scrollHeight>t.clientHeight+2)return t;k.current=null}if(!r.current)return null;if(F.current&&F.current.scrollHeight>r.current.clientHeight+2)return k.current=r.current,r.current;if(!Ie)return null;let e=r.current.querySelectorAll('[data-virtuoso-scroller], [style*="overflow"], .virtuoso-scroller, [style*="overflow: auto"], [style*="overflow:auto"]');for(let t of e){let o=t;if(o!==r.current&&o.classList.contains("overlay-scrollbar-container"))continue;let n=o.parentElement,i=!1;for(;n&&n!==r.current;){if(n.classList.contains("overlay-scrollbar-container")&&n!==r.current){i=!0;break}n=n.parentElement}if(!i&&o.scrollHeight>o.clientHeight+2)return k.current=o,o}return null},[]),U=p(()=>u()!==null,[u]),h=p(()=>{X.current&&(clearTimeout(X.current),X.current=null)},[]),Ue=p(()=>{K.current&&(clearTimeout(K.current),K.current=null)},[]),Ce=p(()=>{W.current&&(clearTimeout(W.current),W.current=null)},[]),f=p(e=>{l.enabled&&(h(),X.current=setTimeout(()=>{v(!1),X.current=null},e))},[h,l.enabled]),s=p(()=>{let e=u();if(!e){v(!1),we(!1),h();return}if(we(!0),!ee.current)return;!l.enabled&&!q&&(v(!0),h());let t=e.clientHeight,o=e.scrollHeight,n=e.scrollTop,i=0;if(ie.current){let le=window.getComputedStyle(ie.current),He=parseFloat(le.paddingTop)||0,De=parseFloat(le.paddingBottom)||0;i=He+De}let a=L?m*2+c.margin*4:c.margin*2,T=t-a+i,g=t/o,d=Math.max(T*g,de),j=o-t,w=T-d,ge=j>0?n/j*w:0;$e(d),xe(ge)},[u,h,L,m,de,l.enabled,q]),ze=p(e=>{e.preventDefault(),e.stopPropagation();let t=u();t&&(ve(!0),Ne({y:e.clientY,scrollTop:t.scrollTop}),h(),v(!0),O())},[u,h,O]),pe=p(e=>{if(!_)return;let t=u();if(!t)return;let o=t.clientHeight,i=t.scrollHeight-o,a=e.clientY-ce.y,T=o-Y,g=a/T*i,d=Math.max(0,Math.min(i,ce.scrollTop+g));t.scrollTop=d,s()},[_,ce,Y,s,u]),me=p(()=>{ve(!1),U()&&f(l.delay)},[U,f,l.delay]),Be=p(e=>{if(!ee.current)return;let o=ee.current.getBoundingClientRect(),n=e.clientY-o.top,i=u();if(!i)return;let a=i.clientHeight,T=i.scrollHeight,d=n/a*(T-a);i.scrollTop=Math.max(0,Math.min(T-a,d)),s(),v(!0),f(l.delay),O()},[s,f,l.delay,u,O]),Ye=p(e=>{if(e.preventDefault(),e.stopPropagation(),!r.current)return;let t=Math.max(0,r.current.scrollTop-ne);r.current.scrollTop=t,s(),v(!0),f(l.delay),O()},[s,f,ne,l.delay,O]),Ge=p(e=>{if(e.preventDefault(),e.stopPropagation(),!r.current||!F.current)return;let t=r.current,n=F.current.scrollHeight-t.clientHeight,i=Math.min(n,t.scrollTop+ne);t.scrollTop=i,s(),v(!0),f(l.delay),O()},[s,f,ne,l.delay,O]),Je=p(e=>{if(!ue.enabled)return;let t=e.target;if(be(t,ue)||e.button!==0)return;let o=u();o&&(o.scrollHeight<=o.clientHeight||(e.preventDefault(),Se(!0),Fe({x:e.clientX,y:e.clientY,scrollTop:o.scrollTop,scrollLeft:o.scrollLeft||0}),h()))},[ue,be,u,h]),fe=p(e=>{if(!G)return;let t=u();if(!t)return;let o=te.x-e.clientX,n=te.y-e.clientY;if(Math.abs(n)<3&&Math.abs(o)<3)return;v(!0);let i=Math.max(0,Math.min(t.scrollHeight-t.clientHeight,te.scrollTop+n));t.scrollTop=i,s()},[G,te,u,s]),he=p(()=>{Se(!1),U()&&f(l.delay)},[U,f,l.delay]);E(()=>{let e=a=>{if(s(),q){I&&I(a);return}h(),v(!0),Ce();let T=Me?l.delayOnWheel:l.delay;f(T),I&&I(a)},t=()=>{Ee(!0),J.current&&clearTimeout(J.current),J.current=setTimeout(()=>{Ee(!1)},300),Ce(),W.current=setTimeout(()=>{v(!0),W.current=null,f(l.delayOnWheel)},50)},o=[],n=u();n&&o.push(n);let i=r.current;return i&&!n&&(o.push(i),i.querySelectorAll('[data-virtuoso-scroller], [style*="overflow"], .virtuoso-scroller, [style*="overflow: auto"], [style*="overflow:auto"]').forEach(T=>{let g=T;if(g!==i&&g.classList.contains("overlay-scrollbar-container"))return;let d=g.parentElement;for(;d&&d!==i;){if(d.classList.contains("overlay-scrollbar-container")&&d!==i)return;d=d.parentElement}o.push(g)})),o.forEach(a=>{a.addEventListener("scroll",e,{passive:!0}),a.addEventListener("wheel",t,{passive:!0})}),()=>{o.forEach(a=>{a.removeEventListener("scroll",e),a.removeEventListener("wheel",t)}),J.current&&clearTimeout(J.current),W.current&&clearTimeout(W.current)}},[u,s,I,h,f,l,Me,q]),E(()=>{let e=o=>{let n=u();if(!n)return;let{key:i}=o,{scrollTop:a,scrollHeight:T,clientHeight:g}=n,d=T-g,j=50,w=null;switch(i){case"ArrowUp":o.preventDefault(),w=Math.max(0,a-j);break;case"ArrowDown":o.preventDefault(),w=Math.min(d,a+j);break;case"PageUp":o.preventDefault(),w=Math.max(0,a-g);break;case"PageDown":o.preventDefault(),w=Math.min(d,a+g);break;case"Home":o.preventDefault(),w=0;break;case"End":o.preventDefault(),w=d;break;default:return}if(w!==null){let ge=w/d,le=L?m*2+c.margin*4:c.margin*2,Xe=(g-le-Y)*ge;xe(Xe),n.scrollTop=w,h(),v(!0),f(l.delay)}},t=r.current;if(t)return t.addEventListener("keydown",e),()=>{t.removeEventListener("keydown",e)}},[u,L,m,c.margin,Y,h,f,l.delay]),E(()=>{if(G)return document.addEventListener("mousemove",fe),document.addEventListener("mouseup",he),()=>{document.removeEventListener("mousemove",fe),document.removeEventListener("mouseup",he)}},[G,fe,he]),E(()=>{if(_)return document.addEventListener("mousemove",pe),document.addEventListener("mouseup",me),()=>{document.removeEventListener("mousemove",pe),document.removeEventListener("mouseup",me)}},[_,pe,me]),E(()=>{s();let e=setTimeout(()=>{s()},100);return()=>clearTimeout(e)},[s]),Qe(()=>{_e(!0),s(),!l.enabled&&!q&&U()&&v(!0)},[U,s,l.enabled,q]),E(()=>{if(l.initialDelay>0){let e=setTimeout(()=>{We(!1)},l.initialDelay);return()=>clearTimeout(e)}},[l.initialDelay]),E(()=>{let e=new ResizeObserver(()=>{s()}),t=[];return r.current&&t.push(r.current),F.current&&t.push(F.current),k.current&&document.contains(k.current)&&t.push(k.current),t.forEach(o=>{e.observe(o)}),()=>e.disconnect()},[s]),E(()=>{if(!r.current)return;let e=new MutationObserver(()=>{k.current=null,s()});return e.observe(r.current,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["style"]}),()=>e.disconnect()},[s]);let Z=Math.max(qe,m);return E(()=>{let e="overlay-scrollbar-webkit-hide",t=document.getElementById(e);t&&t.remove();let o=document.createElement("style");return o.id=e,o.textContent=`
|
|
2
2
|
.overlay-scrollbar-container::-webkit-scrollbar {
|
|
3
3
|
display: none !important;
|
|
4
4
|
width: 0 !important;
|
|
@@ -10,17 +10,22 @@ import{useRef as S,useEffect as E,useState as b,useCallback as p,useMemo as V,fo
|
|
|
10
10
|
.overlay-scrollbar-container::-webkit-scrollbar-thumb {
|
|
11
11
|
display: none !important;
|
|
12
12
|
}
|
|
13
|
-
/* ehfuse-editor
|
|
14
|
-
.ehfuse-editor
|
|
15
|
-
|
|
13
|
+
/* ehfuse-editor-content\uB294 \uC2A4\uD06C\uB864\uBC14 \uC720\uC9C0 */
|
|
14
|
+
.ehfuse-editor-content,
|
|
15
|
+
.ehfuse-editor-content * {
|
|
16
|
+
scrollbar-width: auto !important;
|
|
17
|
+
-ms-overflow-style: auto !important;
|
|
18
|
+
}
|
|
19
|
+
.ehfuse-editor-content::-webkit-scrollbar {
|
|
20
|
+
display: block !important;
|
|
16
21
|
width: initial !important;
|
|
17
22
|
height: initial !important;
|
|
18
23
|
}
|
|
19
|
-
.ehfuse-editor
|
|
20
|
-
display:
|
|
24
|
+
.ehfuse-editor-content::-webkit-scrollbar-track {
|
|
25
|
+
display: block !important;
|
|
21
26
|
}
|
|
22
|
-
.ehfuse-editor
|
|
23
|
-
display:
|
|
27
|
+
.ehfuse-editor-content::-webkit-scrollbar-thumb {
|
|
28
|
+
display: block !important;
|
|
24
29
|
}
|
|
25
30
|
.overlay-scrollbar-container:focus {
|
|
26
31
|
outline: 2px solid rgba(0, 123, 255, 0.3);
|
|
@@ -30,5 +35,5 @@ import{useRef as S,useEffect as E,useState as b,useCallback as p,useMemo as V,fo
|
|
|
30
35
|
outline: 2px solid rgba(0, 123, 255, 0.5);
|
|
31
36
|
outline-offset: -2px;
|
|
32
37
|
}
|
|
33
|
-
`,document.head.appendChild(
|
|
38
|
+
`,document.head.appendChild(o),()=>{let n=document.getElementById(e);n&&n.remove()}},[]),ke("div",{ref:ie,className:`overlay-scrollbar-wrapper ${C}`,style:{display:"flex",flexDirection:"column",position:"relative",minHeight:0,height:"100%",flex:"1 1 0%",...N},children:[z("div",{ref:r,className:"overlay-scrollbar-container",tabIndex:-1,onMouseDown:Je,style:{display:"flex",width:"100%",flex:"1 1 auto",minHeight:0,overflow:"auto",scrollbarWidth:"none",msOverflowStyle:"none",outline:"none",userSelect:G?"none":"auto",...$},children:z("div",{ref:F,className:"overlay-scrollbar-content",style:{flex:"1 1 0%",minHeight:0,display:"flex",flexDirection:"column",...H},children:D})}),Q&&se&&ke("div",{ref:ee,className:"overlay-scrollbar-track",onMouseEnter:()=>{h(),K.current=setTimeout(()=>{v(!0),K.current=null},100)},onMouseLeave:()=>{Ue(),_||f(l.delay)},style:{position:"absolute",top:0,right:0,width:`${Z}px`,height:"100%",opacity:ae?1:0,transition:"opacity 0.2s ease-in-out",cursor:"pointer",zIndex:1e3,pointerEvents:"auto"},children:[c.visible&&z("div",{className:"overlay-scrollbar-track-background",onClick:e=>{e.preventDefault(),e.stopPropagation(),Be(e)},style:{position:"absolute",top:L?`${y.width+c.margin*2}px`:`${c.margin}px`,right:c.alignment==="right"?"0px":`${(Z-y.width)/2}px`,width:`${y.width}px`,height:L?`calc(100% - ${y.width*2+c.margin*4}px)`:`calc(100% - ${c.margin*2}px)`,backgroundColor:c.color,borderRadius:`${c.radius}px`,cursor:"pointer"}}),z("div",{ref:Oe,className:"overlay-scrollbar-thumb",onMouseDown:ze,onMouseEnter:()=>Te(!0),onMouseLeave:()=>Te(!1),style:{position:"absolute",top:`${(L?m+c.margin*2:c.margin)+Pe}px`,right:c.alignment==="right"?"0px":`${(Z-m)/2}px`,width:`${m}px`,height:`${Math.max(Y,de)}px`,backgroundColor:ye||_?y.hoverColor:y.color,opacity:ye||_?y.hoverOpacity:y.opacity,borderRadius:`${y.radius}px`,cursor:"pointer",transition:"background-color 0.2s ease-in-out, opacity 0.2s ease-in-out"}})]}),Q&&se&&L&&z("div",{className:"overlay-scrollbar-up-arrow",onClick:Ye,onMouseEnter:()=>re("up"),onMouseLeave:()=>re(null),style:{position:"absolute",top:`${c.margin}px`,right:c.alignment==="right"?"0px":`${(Z-m)/2}px`,width:`${m}px`,height:`${m}px`,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",fontSize:`${Math.max(m*.75,8)}px`,color:oe==="up"?M.hoverColor:M.color,userSelect:"none",zIndex:1001,opacity:ae?oe==="up"?M.hoverOpacity:M.opacity:0,transition:"opacity 0.2s ease-in-out, color 0.15s ease-in-out"},children:"\u25B2"}),Q&&se&&L&&z("div",{className:"overlay-scrollbar-down-arrow",onClick:Ge,onMouseEnter:()=>re("down"),onMouseLeave:()=>re(null),style:{position:"absolute",bottom:`${c.margin}px`,right:c.alignment==="right"?"0px":`${(Z-m)/2}px`,width:`${m}px`,height:`${m}px`,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",fontSize:`${Math.max(m*.75,8)}px`,color:oe==="down"?M.hoverColor:M.color,userSelect:"none",zIndex:1001,opacity:ae?oe==="down"?M.hoverOpacity:M.opacity:0,transition:"opacity 0.2s ease-in-out, color 0.15s ease-in-out"},children:"\u25BC"})]})}),Le=lt;export{Le as OverlayScrollbar,Le as default};
|
|
34
39
|
//# sourceMappingURL=index.esm.js.map
|