@ehfuse/overlay-scrollbar 1.7.2 → 1.7.4
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 $e=Object.defineProperty;var Et=Object.getOwnPropertyDescriptor;var St=Object.getOwnPropertyNames;var Ct=Object.prototype.hasOwnProperty;var Ht=(f,h)=>{for(var C in h)$e(f,C,{get:h[C],enumerable:!0})},Lt=(f,h,C,b)=>{if(h&&typeof h=="object"||typeof h=="function")for(let H of St(h))!Ct.call(f,H)&&H!==C&&$e(f,H,{get:()=>h[H],enumerable:!(b=Et(h,H))||b.enumerable});return f};var Dt=f=>Lt($e({},"__esModule",{value:!0}),f);var Nt={};Ht(Nt,{OverlayScrollbar:()=>ze,default:()=>ze});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"],Ee=(f,h)=>{if(f instanceof HTMLElement&&f.isContentEditable||f.closest('[role="textbox"],[role="searchbox"]'))return!0;let C=f.tagName.toLowerCase();if(C==="input"){let b=(f.type||"text").toLowerCase();return!["button","submit","reset","image","hidden"].includes(b)}if(["textarea","select","button"].includes(C)||["svg","path","circle","rect","line","polygon","polyline"].includes(C)||f.getAttribute("contenteditable")==="true")return!0;if(h?.excludeSelectors){for(let b of h.excludeSelectors)if(f.matches(b))return!0}return kt(f,h)},kt=(f,h)=>{let C=[...Rt,...h?.excludeClasses||[]],b=f,H=0,O=5;for(;b&&H<=O;){if(C.some(L=>b.classList.contains(L)))return!0;if(b.classList.contains("MuiDialogContent-root"))break;b=b.parentElement,H++}return!1};var W=require("react"),ot=({containerRef:f,config:h})=>{let C=h.enabled??!0,b=h.threshold??80,H=h.maxDistance??b*2,O=h.onRefresh,[L,D]=(0,W.useState)(0),[A,B]=(0,W.useState)(!1),z=(0,W.useRef)(0),ce=(0,W.useRef)(0),$=(0,W.useRef)(!1),X=(0,W.useRef)(!1),se=(0,W.useRef)(0),Q=(0,W.useRef)(!1);return(0,W.useEffect)(()=>{Q.current=A},[A]),(0,W.useEffect)(()=>{let R=f.current;if(!R||!(C&&typeof O=="function"))return;let i=u=>{let E=u instanceof Element?u:null;for(;E&&E!==R;){if(E instanceof HTMLElement&&E.scrollHeight>E.clientHeight+1&&E.scrollTop>0)return!1;E=E.parentElement}return!0},Y=u=>{Q.current||u.touches.length===1&&(R.scrollTop>0||i(u.target)&&($.current=!0,X.current=!1,z.current=u.touches[0].clientY,ce.current=u.touches[0].clientX))},q=u=>{if(!$.current||Q.current||u.touches.length!==1)return;let E=u.touches[0].clientY-z.current,te=u.touches[0].clientX-ce.current;if(!X.current){if(E<=0||R.scrollTop>0){$.current=!1;return}if(E>8&&E>Math.abs(te))X.current=!0;else return}u.cancelable&&u.preventDefault();let oe=Math.min(Math.max(E,0)*.5,H);se.current=oe,D(oe)},ee=()=>{if(!$.current||($.current=!1,!X.current))return;X.current=!1;let u=se.current;se.current=0,u>=b&&!Q.current?(B(!0),D(b),Promise.resolve().then(()=>O()).catch(()=>{}).finally(()=>{B(!1),D(0)})):D(0)};return R.addEventListener("touchstart",Y,{passive:!0}),R.addEventListener("touchmove",q,{passive:!1}),R.addEventListener("touchend",ee,{passive:!0}),R.addEventListener("touchcancel",ee,{passive:!0}),()=>{R.removeEventListener("touchstart",Y),R.removeEventListener("touchmove",q),R.removeEventListener("touchend",ee),R.removeEventListener("touchcancel",ee)}},[f,C,O,b,H]),{pullDistance:L,isRefreshing:A,pullProgress:Math.min(L/b,1),pullThreshold:b}};var M=require("react/jsx-runtime"),It={},Wt={},Ot={},At={},Pt={},$t={},zt=(0,t.forwardRef)(({className:f="",style:h={},containerStyle:C={},contentStyle:b={},children:H,onScroll:O,thumb:L=It,track:D=Wt,arrows:A=Ot,dragScroll:B=At,autoHide:z=Pt,pullToRefresh:ce=$t,showScrollbar:$=!0,showHorizontalScrollbar:X=!0,detectInnerScroll:se=!1},Q)=>{let R=(0,t.useRef)({});(0,t.useEffect)(()=>{R.current={children:H,onScroll:O,showScrollbar:$,showHorizontalScrollbar:X,thumb:L,track:D,arrows:A,dragScroll:B,autoHide:z}});let ge=(0,t.useRef)(null),i=(0,t.useRef)(null),Y=(0,t.useRef)(null),q=(0,t.useRef)(null),ee=(0,t.useRef)(null),u=(0,t.useRef)(null),{pullDistance:E,isRefreshing:te,pullProgress:oe}=ot({containerRef:i,config:ce}),Ne=ce.indicatorColor??"#1976d2",rt=E>0||te,[ve,T]=(0,t.useState)(!1),[F,Fe]=(0,t.useState)(!1),[_e,Ue]=(0,t.useState)(!1),[Se,nt]=(0,t.useState)({y:0,scrollTop:0}),[ue,Be]=(0,t.useState)(0),[lt,Ce]=(0,t.useState)(0),[re,Xe]=(0,t.useState)(!1),[Ye,qe]=(0,t.useState)(!1),[_,Ge]=(0,t.useState)(!1),[He,it]=(0,t.useState)({x:0,scrollLeft:0}),[Le,je]=(0,t.useState)(0),[De,Ke]=(0,t.useState)(0),[at,Ve]=(0,t.useState)(!1),ne=(0,t.useRef)(!1),[G,Ze]=(0,t.useState)(!1),[de,ct]=(0,t.useState)({x:0,y:0,scrollTop:0,scrollLeft:0}),[Ft,_t]=(0,t.useState)(null),[ye,xe]=(0,t.useState)(null),[Ut,st]=(0,t.useState)(!1),[ut,dt]=(0,t.useState)(0),pe=(0,t.useRef)(null),[Je,Qe]=(0,t.useState)(!1),fe=(0,t.useRef)(null),Z=(0,t.useRef)(null),J=(0,t.useRef)(null),w=(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]),n=(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??w.radius??4,margin:D.margin??4,overflowX:D.overflowX??!0,overflowY:D.overflowY??!0}),[D,w.radius]),N=(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:B.enabled??!0,excludeClasses:B.excludeClasses??[],excludeSelectors:B.excludeSelectors??[]}),[B]),c=(0,t.useMemo)(()=>({enabled:z.enabled??!0,delay:z.delay??1500,delayOnWheel:z.delayOnWheel??700,initialDelay:z.initialDelay??200}),[z]),[le,pt]=(0,t.useState)(()=>(z.initialDelay??200)>0),v=w.width,ft=n.width,Re=w.minHeight,U=N.visible,Te=N.step,P=(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)(Q,()=>({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 p=(0,t.useCallback)(()=>{if(u.current){let o=u.current;if(document.contains(o)&&(o.scrollHeight>o.clientHeight+2||o.scrollWidth>o.clientWidth+2))return o;u.current=null}if(!i.current)return null;if(i.current.scrollHeight>i.current.clientHeight+2||i.current.scrollWidth>i.current.clientWidth+2)return u.current=i.current,i.current;if(!se)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 u.current=r,r}return null},[]),j=(0,t.useCallback)(()=>p()!==null,[p]),y=(0,t.useCallback)(()=>{fe.current&&(clearTimeout(fe.current),fe.current=null)},[]),we=(0,t.useCallback)(()=>{Z.current&&(clearTimeout(Z.current),Z.current=null)},[]),et=(0,t.useCallback)(()=>{J.current&&(clearTimeout(J.current),J.current=null)},[]),ht=(0,t.useCallback)(()=>{we(),!(F||_||G||ne.current)&&(y(),T(!1))},[y,we,F,_,G]),g=(0,t.useCallback)(e=>{c.enabled&&(y(),fe.current=setTimeout(()=>{T(!1),fe.current=null},e))},[y,c.enabled]),d=(0,t.useCallback)(()=>{let e=p()??i.current;if(!e){T(!1),Xe(!1),Ve(!1),y();return}!c.enabled&&!le&&(T(!0),y());let o=e.clientHeight,r=e.scrollHeight,a=e.scrollTop,l=e.clientWidth,s=e.scrollWidth,x=e.scrollLeft,S=r-o>0,m=s-l>0,ie=S||m;Xe(S),Ve(m),ie||(T(!1),y());let me=0,I=0;if(ge.current){let K=window.getComputedStyle(ge.current),V=parseFloat(K.paddingTop)||0;I=parseFloat(K.paddingBottom)||0,me=V+I,dt(I)}if(S){let K=U?v*2+n.margin*4:n.margin*2,V=o-K+me,Me=o/r,ae=Math.max(V*Me,Re),tt=r-o,wt=V-ae,Mt=tt>0?a/tt*wt:0;Be(ae),Ce(Mt)}else Be(0),Ce(0);let be=s-l;if(be>0){let K=l/s,V=Math.max(l*K,50),Me=l-V,ae=be>0?x/be*Me:0;je(V),Ke(ae)}else je(0),Ke(0)},[p,y,U,v,Re,c.enabled,le]),mt=(0,t.useCallback)(e=>{e.preventDefault(),e.stopPropagation();let o=p();o&&(Fe(!0),nt({y:e.clientY,scrollTop:o.scrollTop}),y(),T(!0),P())},[p,y,P]),ke=(0,t.useCallback)(e=>{if(!F)return;let o=p();if(!o)return;let r=o.clientHeight,l=o.scrollHeight-r,s=e.clientY-Se.y,x=r-ue,S=s/x*l,m=Math.max(0,Math.min(l,Se.scrollTop+S));o.scrollTop=m,d()},[F,Se,ue,d,p]),Ie=(0,t.useCallback)(()=>{Fe(!1),j()&&g(c.delay)},[j,g,c.delay]),bt=(0,t.useCallback)(e=>{if(!q.current)return;let r=q.current.getBoundingClientRect(),a=e.clientY-r.top,l=p();if(!l)return;let s=l.clientHeight,x=l.scrollHeight,m=a/s*(x-s);l.scrollTop=Math.max(0,Math.min(x-s,m)),d(),T(!0),g(c.delay),P()},[d,g,c.delay,p,P]),gt=(0,t.useCallback)(e=>{if(e.preventDefault(),e.stopPropagation(),!i.current)return;let o=Math.max(0,i.current.scrollTop-Te);i.current.scrollTop=o,d(),T(!0),g(c.delay),P()},[d,g,Te,c.delay,P]),vt=(0,t.useCallback)(e=>{if(e.preventDefault(),e.stopPropagation(),!i.current||!Y.current)return;let o=i.current,a=Y.current.scrollHeight-o.clientHeight,l=Math.min(a,o.scrollTop+Te);o.scrollTop=l,d(),T(!0),g(c.delay),P()},[d,g,Te,c.delay,P]),yt=(0,t.useCallback)(e=>{e.preventDefault(),e.stopPropagation();let o=p();o&&(Ge(!0),it({x:e.clientX,scrollLeft:o.scrollLeft}),y(),T(!0),P())},[p,y,P]),We=(0,t.useCallback)(e=>{if(!_)return;let o=p();if(!o)return;let r=o.clientWidth,l=o.scrollWidth-r,s=e.clientX-He.x,x=r-Le,S=s/x*l,m=Math.max(0,Math.min(l,He.scrollLeft+S));o.scrollLeft=m,d()},[_,He,Le,d,p]),Oe=(0,t.useCallback)(()=>{Ge(!1),j()&&g(c.delay)},[j,g,c.delay]),xt=(0,t.useCallback)(e=>{if(!q.current)return;let r=q.current.getBoundingClientRect(),a=e.clientX-r.left,l=p();if(!l)return;let s=l.clientWidth,x=l.scrollWidth,m=a/s*(x-s);l.scrollLeft=Math.max(0,Math.min(x-s,m)),d(),T(!0),g(c.delay),P()},[d,g,c.delay,p,P]),Tt=(0,t.useCallback)(e=>{if(!he.enabled)return;let o=e.target,r=i.current;if(!r||!r.contains(o)||o.closest(".overlay-scrollbar-container")!==r||Ee(o,he)||e.button!==0)return;let a=p();a&&(a.scrollHeight<=a.clientHeight&&a.scrollWidth<=a.clientWidth||(e.preventDefault(),ne.current=!0,ct({x:e.clientX,y:e.clientY,scrollTop:a.scrollTop,scrollLeft:a.scrollLeft||0}),y()))},[he,Ee,p,y]),Ae=(0,t.useCallback)(e=>{if(!ne.current&&!G)return;let o=p();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,Ze(!0)),T(!0);let l=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=l,o.scrollLeft=s,d()},[G,de,p,d]),Pe=(0,t.useCallback)(()=>{let e=G;ne.current=!1,Ze(!1),e&&j()&&g(c.delay)},[G,j,g,c.delay]);(0,t.useEffect)(()=>{let e=s=>{if(d(),le){O&&O(s);return}y(),T(!0),et();let x=Je?c.delayOnWheel:c.delay;g(x),O&&O(s)},o=()=>{Qe(!0),pe.current&&clearTimeout(pe.current),pe.current=setTimeout(()=>{Qe(!1)},300),et(),J.current=setTimeout(()=>{T(!0),J.current=null,g(c.delayOnWheel)},50)},r=[],a=p();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(x=>{let S=x;if(S!==l&&S.classList.contains("overlay-scrollbar-container"))return;let m=S.parentElement;for(;m&&m!==l;){if(m.classList.contains("overlay-scrollbar-container")&&m!==l)return;m=m.parentElement}r.push(S)})),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)}),pe.current&&clearTimeout(pe.current),J.current&&clearTimeout(J.current)}},[p,d,O,y,g,c,Je,le]),(0,t.useEffect)(()=>{let e=r=>{let a=r.target;if(r.defaultPrevented||a instanceof Element&&Ee(a,he))return;let l=p();if(!l)return;let{key:s}=r,{scrollTop:x,scrollHeight:S,clientHeight:m}=l,ie=S-m,me=50,I=null;switch(s){case"ArrowUp":r.preventDefault(),I=Math.max(0,x-me);break;case"ArrowDown":r.preventDefault(),I=Math.min(ie,x+me);break;case"PageUp":r.preventDefault(),I=Math.max(0,x-m);break;case"PageDown":r.preventDefault(),I=Math.min(ie,x+m);break;case"Home":r.preventDefault(),I=0;break;case"End":r.preventDefault(),I=ie;break;default:return}if(I!==null){let be=I/ie,K=U?v*2+n.margin*4:n.margin*2,ae=(m-K-ue)*be;Ce(ae),l.scrollTop=I,y(),T(!0),g(c.delay)}},o=i.current;if(o)return o.addEventListener("keydown",e),()=>{o.removeEventListener("keydown",e)}},[p,U,v,n.margin,ue,y,g,c.delay,he]),(0,t.useEffect)(()=>(document.addEventListener("mousemove",Ae),document.addEventListener("mouseup",Pe),()=>{document.removeEventListener("mousemove",Ae),document.removeEventListener("mouseup",Pe)}),[G,Ae,Pe]),(0,t.useEffect)(()=>{if(F)return document.addEventListener("mousemove",ke),document.addEventListener("mouseup",Ie),()=>{document.removeEventListener("mousemove",ke),document.removeEventListener("mouseup",Ie)}},[F,ke,Ie]),(0,t.useEffect)(()=>{if(_)return document.addEventListener("mousemove",We),document.addEventListener("mouseup",Oe),()=>{document.removeEventListener("mousemove",We),document.removeEventListener("mouseup",Oe)}},[_,We,Oe]),(0,t.useEffect)(()=>{d();let e=setTimeout(()=>{d()},100);return()=>clearTimeout(e)},[d]),(0,t.useLayoutEffect)(()=>{st(!0),d(),!c.enabled&&!le&&j()&&T(!0)},[j,d,c.enabled,le]),(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(()=>{d()}),o=[];return i.current&&o.push(i.current),Y.current&&o.push(Y.current),u.current&&document.contains(u.current)&&o.push(u.current),o.forEach(r=>{e.observe(r)}),()=>e.disconnect()},[d]),(0,t.useEffect)(()=>{if(!i.current)return;let e=new MutationObserver(()=>{u.current=null,d()});return e.observe(i.current,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["style"]}),()=>e.disconnect()},[d]);let k=Math.max(ft,v);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 $e=Object.defineProperty;var Et=Object.getOwnPropertyDescriptor;var St=Object.getOwnPropertyNames;var Ct=Object.prototype.hasOwnProperty;var Ht=(f,h)=>{for(var C in h)$e(f,C,{get:h[C],enumerable:!0})},Lt=(f,h,C,b)=>{if(h&&typeof h=="object"||typeof h=="function")for(let H of St(h))!Ct.call(f,H)&&H!==C&&$e(f,H,{get:()=>h[H],enumerable:!(b=Et(h,H))||b.enumerable});return f};var Dt=f=>Lt($e({},"__esModule",{value:!0}),f);var Nt={};Ht(Nt,{OverlayScrollbar:()=>ze,default:()=>ze});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"],Ee=(f,h)=>{if(f instanceof HTMLElement&&f.isContentEditable||f.closest('[role="textbox"],[role="searchbox"]'))return!0;let C=f.tagName.toLowerCase();if(C==="input"){let b=(f.type||"text").toLowerCase();return!["button","submit","reset","image","hidden"].includes(b)}if(["textarea","select","button"].includes(C)||["svg","path","circle","rect","line","polygon","polyline"].includes(C)||f.getAttribute("contenteditable")==="true")return!0;if(h?.excludeSelectors){for(let b of h.excludeSelectors)if(f.matches(b))return!0}return kt(f,h)},kt=(f,h)=>{let C=[...Rt,...h?.excludeClasses||[]],b=f,H=0,O=5;for(;b&&H<=O;){if(C.some(L=>b.classList.contains(L)))return!0;if(b.classList.contains("MuiDialogContent-root"))break;b=b.parentElement,H++}return!1};var W=require("react"),ot=({containerRef:f,config:h})=>{let C=h.enabled??!0,b=h.threshold??80,H=h.maxDistance??b*2,O=h.onRefresh,[L,D]=(0,W.useState)(0),[P,B]=(0,W.useState)(!1),z=(0,W.useRef)(0),ce=(0,W.useRef)(0),$=(0,W.useRef)(!1),X=(0,W.useRef)(!1),se=(0,W.useRef)(0),Q=(0,W.useRef)(!1);return(0,W.useEffect)(()=>{Q.current=P},[P]),(0,W.useEffect)(()=>{let R=f.current;if(!R||!(C&&typeof O=="function"))return;let i=u=>{let E=u instanceof Element?u:null;for(;E&&E!==R;){if(E instanceof HTMLElement&&E.scrollHeight>E.clientHeight+1&&E.scrollTop>0)return!1;E=E.parentElement}return!0},Y=u=>{Q.current||u.touches.length===1&&(R.scrollTop>0||i(u.target)&&($.current=!0,X.current=!1,z.current=u.touches[0].clientY,ce.current=u.touches[0].clientX))},q=u=>{if(!$.current||Q.current||u.touches.length!==1)return;let E=u.touches[0].clientY-z.current,te=u.touches[0].clientX-ce.current;if(!X.current){if(E<=0||R.scrollTop>0){$.current=!1;return}if(E>8&&E>Math.abs(te))X.current=!0;else return}u.cancelable&&u.preventDefault();let oe=Math.min(Math.max(E,0)*.5,H);se.current=oe,D(oe)},ee=()=>{if(!$.current||($.current=!1,!X.current))return;X.current=!1;let u=se.current;se.current=0,u>=b&&!Q.current?(B(!0),D(b),Promise.resolve().then(()=>O()).catch(()=>{}).finally(()=>{B(!1),D(0)})):D(0)};return R.addEventListener("touchstart",Y,{passive:!0}),R.addEventListener("touchmove",q,{passive:!1}),R.addEventListener("touchend",ee,{passive:!0}),R.addEventListener("touchcancel",ee,{passive:!0}),()=>{R.removeEventListener("touchstart",Y),R.removeEventListener("touchmove",q),R.removeEventListener("touchend",ee),R.removeEventListener("touchcancel",ee)}},[f,C,O,b,H]),{pullDistance:L,isRefreshing:P,pullProgress:Math.min(L/b,1),pullThreshold:b}};var M=require("react/jsx-runtime"),It={},Wt={},Ot={},Pt={},At={},$t={},zt=(0,t.forwardRef)(({className:f="",style:h={},containerStyle:C={},contentStyle:b={},children:H,onScroll:O,thumb:L=It,track:D=Wt,arrows:P=Ot,dragScroll:B=Pt,autoHide:z=At,pullToRefresh:ce=$t,showScrollbar:$=!0,showHorizontalScrollbar:X=!0,detectInnerScroll:se=!1},Q)=>{let R=(0,t.useRef)({});(0,t.useEffect)(()=>{R.current={children:H,onScroll:O,showScrollbar:$,showHorizontalScrollbar:X,thumb:L,track:D,arrows:P,dragScroll:B,autoHide:z}});let ge=(0,t.useRef)(null),i=(0,t.useRef)(null),Y=(0,t.useRef)(null),q=(0,t.useRef)(null),ee=(0,t.useRef)(null),u=(0,t.useRef)(null),{pullDistance:E,isRefreshing:te,pullProgress:oe}=ot({containerRef:i,config:ce}),Ne=ce.indicatorColor??"#1976d2",rt=E>0||te,[ve,T]=(0,t.useState)(!1),[F,Fe]=(0,t.useState)(!1),[_e,Ue]=(0,t.useState)(!1),[Se,nt]=(0,t.useState)({y:0,scrollTop:0}),[ue,Be]=(0,t.useState)(0),[lt,Ce]=(0,t.useState)(0),[re,Xe]=(0,t.useState)(!1),[Ye,qe]=(0,t.useState)(!1),[_,Ge]=(0,t.useState)(!1),[He,it]=(0,t.useState)({x:0,scrollLeft:0}),[Le,je]=(0,t.useState)(0),[De,Ke]=(0,t.useState)(0),[at,Ve]=(0,t.useState)(!1),ne=(0,t.useRef)(!1),[G,Ze]=(0,t.useState)(!1),[de,ct]=(0,t.useState)({x:0,y:0,scrollTop:0,scrollLeft:0}),[Ft,_t]=(0,t.useState)(null),[ye,xe]=(0,t.useState)(null),[Ut,st]=(0,t.useState)(!1),[ut,dt]=(0,t.useState)(0),pe=(0,t.useRef)(null),[Je,Qe]=(0,t.useState)(!1),fe=(0,t.useRef)(null),Z=(0,t.useRef)(null),J=(0,t.useRef)(null),w=(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]),n=(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??w.radius??4,margin:D.margin??4,overflowX:D.overflowX??!0,overflowY:D.overflowY??!0}),[D,w.radius]),N=(0,t.useMemo)(()=>{let e=P.color??"#808080";return{visible:P.visible??!1,step:P.step??50,color:e,opacity:P.opacity??.6,hoverColor:P.hoverColor??e,hoverOpacity:P.hoverOpacity??1}},[P]),he=(0,t.useMemo)(()=>({enabled:B.enabled??!0,excludeClasses:B.excludeClasses??[],excludeSelectors:B.excludeSelectors??[]}),[B]),c=(0,t.useMemo)(()=>({enabled:z.enabled??!0,delay:z.delay??1500,delayOnWheel:z.delayOnWheel??700,initialDelay:z.initialDelay??200}),[z]),[le,pt]=(0,t.useState)(()=>(z.initialDelay??200)>0),v=w.width,ft=n.width,Re=w.minHeight,U=N.visible,Te=N.step,A=(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)(Q,()=>({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 p=(0,t.useCallback)(()=>{if(u.current){let o=u.current;if(document.contains(o)&&(o.scrollHeight>o.clientHeight+2||o.scrollWidth>o.clientWidth+2))return o;u.current=null}if(!i.current)return null;if(i.current.scrollHeight>i.current.clientHeight+2||i.current.scrollWidth>i.current.clientWidth+2)return u.current=i.current,i.current;if(!se)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 u.current=r,r}return null},[]),j=(0,t.useCallback)(()=>p()!==null,[p]),y=(0,t.useCallback)(()=>{fe.current&&(clearTimeout(fe.current),fe.current=null)},[]),we=(0,t.useCallback)(()=>{Z.current&&(clearTimeout(Z.current),Z.current=null)},[]),et=(0,t.useCallback)(()=>{J.current&&(clearTimeout(J.current),J.current=null)},[]),ht=(0,t.useCallback)(()=>{we(),!(F||_||G||ne.current)&&(y(),T(!1))},[y,we,F,_,G]),g=(0,t.useCallback)(e=>{c.enabled&&(y(),fe.current=setTimeout(()=>{T(!1),fe.current=null},e))},[y,c.enabled]),d=(0,t.useCallback)(()=>{let e=p()??i.current;if(!e){T(!1),Xe(!1),Ve(!1),y();return}!c.enabled&&!le&&(T(!0),y());let o=e.clientHeight,r=e.scrollHeight,a=e.scrollTop,l=e.clientWidth,s=e.scrollWidth,x=e.scrollLeft,S=r-o>0,m=s-l>0,ie=S||m;Xe(S),Ve(m),ie||(T(!1),y());let me=0,I=0;if(ge.current){let K=window.getComputedStyle(ge.current),V=parseFloat(K.paddingTop)||0;I=parseFloat(K.paddingBottom)||0,me=V+I,dt(I)}if(S){let K=U?v*2+n.margin*4:n.margin*2,V=o-K+me,Me=o/r,ae=Math.max(V*Me,Re),tt=r-o,wt=V-ae,Mt=tt>0?a/tt*wt:0;Be(ae),Ce(Mt)}else Be(0),Ce(0);let be=s-l;if(be>0){let K=l/s,V=Math.max(l*K,50),Me=l-V,ae=be>0?x/be*Me:0;je(V),Ke(ae)}else je(0),Ke(0)},[p,y,U,v,Re,c.enabled,le]),mt=(0,t.useCallback)(e=>{e.preventDefault(),e.stopPropagation();let o=p();o&&(Fe(!0),nt({y:e.clientY,scrollTop:o.scrollTop}),y(),T(!0),A())},[p,y,A]),ke=(0,t.useCallback)(e=>{if(!F)return;let o=p();if(!o)return;let r=o.clientHeight,l=o.scrollHeight-r,s=e.clientY-Se.y,x=r-ue,S=s/x*l,m=Math.max(0,Math.min(l,Se.scrollTop+S));o.scrollTop=m,d()},[F,Se,ue,d,p]),Ie=(0,t.useCallback)(()=>{Fe(!1),j()&&g(c.delay)},[j,g,c.delay]),bt=(0,t.useCallback)(e=>{if(!q.current)return;let r=q.current.getBoundingClientRect(),a=e.clientY-r.top,l=p();if(!l)return;let s=l.clientHeight,x=l.scrollHeight,m=a/s*(x-s);l.scrollTop=Math.max(0,Math.min(x-s,m)),d(),T(!0),g(c.delay),A()},[d,g,c.delay,p,A]),gt=(0,t.useCallback)(e=>{if(e.preventDefault(),e.stopPropagation(),!i.current)return;let o=Math.max(0,i.current.scrollTop-Te);i.current.scrollTop=o,d(),T(!0),g(c.delay),A()},[d,g,Te,c.delay,A]),vt=(0,t.useCallback)(e=>{if(e.preventDefault(),e.stopPropagation(),!i.current||!Y.current)return;let o=i.current,a=Y.current.scrollHeight-o.clientHeight,l=Math.min(a,o.scrollTop+Te);o.scrollTop=l,d(),T(!0),g(c.delay),A()},[d,g,Te,c.delay,A]),yt=(0,t.useCallback)(e=>{e.preventDefault(),e.stopPropagation();let o=p();o&&(Ge(!0),it({x:e.clientX,scrollLeft:o.scrollLeft}),y(),T(!0),A())},[p,y,A]),We=(0,t.useCallback)(e=>{if(!_)return;let o=p();if(!o)return;let r=o.clientWidth,l=o.scrollWidth-r,s=e.clientX-He.x,x=r-Le,S=s/x*l,m=Math.max(0,Math.min(l,He.scrollLeft+S));o.scrollLeft=m,d()},[_,He,Le,d,p]),Oe=(0,t.useCallback)(()=>{Ge(!1),j()&&g(c.delay)},[j,g,c.delay]),xt=(0,t.useCallback)(e=>{if(!q.current)return;let r=q.current.getBoundingClientRect(),a=e.clientX-r.left,l=p();if(!l)return;let s=l.clientWidth,x=l.scrollWidth,m=a/s*(x-s);l.scrollLeft=Math.max(0,Math.min(x-s,m)),d(),T(!0),g(c.delay),A()},[d,g,c.delay,p,A]),Tt=(0,t.useCallback)(e=>{if(!he.enabled||e.defaultPrevented)return;let o=e.target,r=i.current;if(!r||!r.contains(o)||Ee(o,he)||e.button!==0)return;let a=p();a&&(a.scrollHeight<=a.clientHeight&&a.scrollWidth<=a.clientWidth||(e.preventDefault(),ne.current=!0,ct({x:e.clientX,y:e.clientY,scrollTop:a.scrollTop,scrollLeft:a.scrollLeft||0}),y()))},[he,Ee,p,y]),Pe=(0,t.useCallback)(e=>{if(!ne.current&&!G)return;let o=p();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,Ze(!0)),T(!0);let l=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=l,o.scrollLeft=s,d()},[G,de,p,d]),Ae=(0,t.useCallback)(()=>{let e=G;ne.current=!1,Ze(!1),e&&j()&&g(c.delay)},[G,j,g,c.delay]);(0,t.useEffect)(()=>{let e=s=>{if(d(),le){O&&O(s);return}y(),T(!0),et();let x=Je?c.delayOnWheel:c.delay;g(x),O&&O(s)},o=()=>{Qe(!0),pe.current&&clearTimeout(pe.current),pe.current=setTimeout(()=>{Qe(!1)},300),et(),J.current=setTimeout(()=>{T(!0),J.current=null,g(c.delayOnWheel)},50)},r=[],a=p();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(x=>{let S=x;if(S!==l&&S.classList.contains("overlay-scrollbar-container"))return;let m=S.parentElement;for(;m&&m!==l;){if(m.classList.contains("overlay-scrollbar-container")&&m!==l)return;m=m.parentElement}r.push(S)})),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)}),pe.current&&clearTimeout(pe.current),J.current&&clearTimeout(J.current)}},[p,d,O,y,g,c,Je,le]),(0,t.useEffect)(()=>{let e=r=>{let a=r.target;if(r.defaultPrevented||a instanceof Element&&Ee(a,he))return;let l=p();if(!l)return;let{key:s}=r,{scrollTop:x,scrollHeight:S,clientHeight:m}=l,ie=S-m,me=50,I=null;switch(s){case"ArrowUp":r.preventDefault(),I=Math.max(0,x-me);break;case"ArrowDown":r.preventDefault(),I=Math.min(ie,x+me);break;case"PageUp":r.preventDefault(),I=Math.max(0,x-m);break;case"PageDown":r.preventDefault(),I=Math.min(ie,x+m);break;case"Home":r.preventDefault(),I=0;break;case"End":r.preventDefault(),I=ie;break;default:return}if(I!==null){let be=I/ie,K=U?v*2+n.margin*4:n.margin*2,ae=(m-K-ue)*be;Ce(ae),l.scrollTop=I,y(),T(!0),g(c.delay)}},o=i.current;if(o)return o.addEventListener("keydown",e),()=>{o.removeEventListener("keydown",e)}},[p,U,v,n.margin,ue,y,g,c.delay,he]),(0,t.useEffect)(()=>(document.addEventListener("mousemove",Pe),document.addEventListener("mouseup",Ae),()=>{document.removeEventListener("mousemove",Pe),document.removeEventListener("mouseup",Ae)}),[G,Pe,Ae]),(0,t.useEffect)(()=>{if(F)return document.addEventListener("mousemove",ke),document.addEventListener("mouseup",Ie),()=>{document.removeEventListener("mousemove",ke),document.removeEventListener("mouseup",Ie)}},[F,ke,Ie]),(0,t.useEffect)(()=>{if(_)return document.addEventListener("mousemove",We),document.addEventListener("mouseup",Oe),()=>{document.removeEventListener("mousemove",We),document.removeEventListener("mouseup",Oe)}},[_,We,Oe]),(0,t.useEffect)(()=>{d();let e=setTimeout(()=>{d()},100);return()=>clearTimeout(e)},[d]),(0,t.useLayoutEffect)(()=>{st(!0),d(),!c.enabled&&!le&&j()&&T(!0)},[j,d,c.enabled,le]),(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(()=>{d()}),o=[];return i.current&&o.push(i.current),Y.current&&o.push(Y.current),u.current&&document.contains(u.current)&&o.push(u.current),o.forEach(r=>{e.observe(r)}),()=>e.disconnect()},[d]),(0,t.useEffect)(()=>{if(!i.current)return;let e=new MutationObserver(()=>{u.current=null,d()});return e.observe(i.current,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["style"]}),()=>e.disconnect()},[d]);let k=Math.max(ft,v);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
|
/* \uBAA8\uB4E0 \uC2A4\uD06C\uB864\uBC14 \uC228\uAE30\uAE30 */
|
|
3
3
|
.overlay-scrollbar-container {
|
|
4
4
|
scrollbar-width: none !important;
|
|
@@ -43,5 +43,5 @@
|
|
|
43
43
|
from { transform: rotate(0deg); }
|
|
44
44
|
to { transform: rotate(360deg); }
|
|
45
45
|
}
|
|
46
|
-
`,document.head.appendChild(r),()=>{let a=document.getElementById(e);a&&a.remove()}},[]),(0,M.jsxs)("div",{ref:ge,className:`overlay-scrollbar-wrapper ${f}`,onMouseLeave:ht,style:{display:"flex",flexDirection:"column",position:"relative",minHeight:0,height:"100%",flex:"1 1 0%",overflow:"visible",...h},children:[rt&&(0,M.jsx)("div",{className:"overlay-scrollbar-pull-indicator",style:{position:"absolute",top:0,left:"50%",transform:`translate(-50%, ${E-
|
|
46
|
+
`,document.head.appendChild(r),()=>{let a=document.getElementById(e);a&&a.remove()}},[]),(0,M.jsxs)("div",{ref:ge,className:`overlay-scrollbar-wrapper ${f}`,onMouseLeave:ht,style:{display:"flex",flexDirection:"column",position:"relative",minHeight:0,height:"100%",flex:"1 1 0%",overflow:"visible",...h},children:[rt&&(0,M.jsx)("div",{className:"overlay-scrollbar-pull-indicator",style:{position:"absolute",top:0,left:"50%",transform:`translate(-50%, ${E-56}px)`,transition:te?"transform 0.15s ease-out":E===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:te?1:Math.min(oe*1.5,1)},children:te?(0,M.jsx)("svg",{width:"28",height:"28",viewBox:"0 0 24 24",style:{animation:"overlay-scrollbar-ptr-spin 0.8s linear infinite"},children:(0,M.jsx)("circle",{cx:"12",cy:"12",r:"9",fill:"none",stroke:Ne,strokeWidth:"2.5",strokeLinecap:"round",strokeDasharray:"42",strokeDashoffset:"14"})}):(0,M.jsx)("svg",{width:"28",height:"28",viewBox:"0 0 24 24",style:{transform:`rotate(${oe*270}deg)`,opacity:oe>=1?1:.6},children:(0,M.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:Ne})})}),(0,M.jsx)("div",{ref:i,className:"overlay-scrollbar-container",tabIndex:-1,onMouseDown:Tt,style:{display:"flex",width:"100%",flex:"1 1 auto",minHeight:0,overflow:"auto",scrollbarWidth:"none",msOverflowStyle:"none",outline:"none",userSelect:G?"none":"auto",...C},children:(0,M.jsx)("div",{ref:Y,className:"overlay-scrollbar-content",style:{flex:"1 1 0%",minHeight:0,display:"flex",flexDirection:"column",boxSizing:"border-box",...b},children:H})}),$&&re&&(n.overflowY??!0)&&(0,M.jsxs)("div",{ref:q,className:"overlay-scrollbar-track",onMouseEnter:()=>{y(),Z.current=setTimeout(()=>{T(!0),Z.current=null},100)},onMouseLeave:()=>{we(),F||g(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:[n.visible&&(0,M.jsx)("div",{className:"overlay-scrollbar-track-background",onClick:e=>{e.preventDefault(),e.stopPropagation(),bt(e)},style:{position:"absolute",top:U?`${w.width+n.margin*2}px`:`${n.margin}px`,right:n.alignment==="outside"?"0px":`${(k-w.width)/2}px`,width:`${w.width}px`,height:U?`calc(100% - ${w.width*2+n.margin*4}px)`:`calc(100% - ${n.margin*2}px)`,backgroundColor:n.color,borderRadius:`${n.radius}px`,cursor:"pointer"}}),(0,M.jsx)("div",{ref:ee,className:"overlay-scrollbar-thumb",onMouseDown:mt,onMouseEnter:()=>Ue(!0),onMouseLeave:()=>Ue(!1),style:{position:"absolute",top:`${(U?v+n.margin*2:n.margin)+lt}px`,right:n.alignment==="outside"?"0px":`${(k-v)/2}px`,width:`${v}px`,height:`${Math.max(ue,Re)}px`,backgroundColor:_e||F?w.hoverColor:w.color,opacity:_e||F?w.hoverOpacity:w.opacity,borderRadius:`${w.radius}px`,cursor:"pointer",transition:"background-color 0.2s ease-in-out, opacity 0.2s ease-in-out"}})]}),$&&re&&U&&(0,M.jsx)("div",{className:"overlay-scrollbar-up-arrow",onClick:gt,onMouseEnter:()=>xe("up"),onMouseLeave:()=>xe(null),style:{position:"absolute",top:`${n.margin}px`,right:n.alignment==="outside"?"0px":`${(k-v)/2}px`,width:`${v}px`,height:`${v}px`,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",fontSize:`${Math.max(v*.75,8)}px`,color:ye==="up"?N.hoverColor:N.color,userSelect:"none",zIndex:1001,opacity:ve?ye==="up"?N.hoverOpacity:N.opacity:0,transition:"opacity 0.2s ease-in-out, color 0.15s ease-in-out"},children:"\u25B2"}),$&&re&&U&&(0,M.jsx)("div",{className:"overlay-scrollbar-down-arrow",onClick:vt,onMouseEnter:()=>xe("down"),onMouseLeave:()=>xe(null),style:{position:"absolute",bottom:`${n.margin}px`,right:n.alignment==="outside"?"0px":`${(k-v)/2}px`,width:`${v}px`,height:`${v}px`,cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",fontSize:`${Math.max(v*.75,8)}px`,color:ye==="down"?N.hoverColor:N.color,userSelect:"none",zIndex:1001,opacity:ve?ye==="down"?N.hoverOpacity:N.opacity:0,transition:"opacity 0.2s ease-in-out, color 0.15s ease-in-out"},children:"\u25BC"}),$&&X&&at&&(n.overflowX??!0)&&(0,M.jsxs)("div",{className:"overlay-scrollbar-horizontal-track",onMouseEnter:()=>{y(),Z.current=setTimeout(()=>{T(!0),Z.current=null},100)},onMouseLeave:()=>{we(),_||g(c.delay)},style:{position:"absolute",bottom:`${ut}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:[n.visible&&(0,M.jsx)("div",{className:"overlay-scrollbar-horizontal-track-background",onClick:e=>{e.preventDefault(),e.stopPropagation(),xt(e)},style:{position:"absolute",bottom:n.alignment==="outside"?"0px":`${(k-v)/2}px`,left:`${n.margin}px`,right:re?n.alignment==="outside"?`${k-n.margin}px`:`${k}px`:`${n.margin}px`,height:`${v}px`,backgroundColor:n.color,borderRadius:`${n.radius}px`,cursor:"pointer"}}),(0,M.jsx)("div",{className:"overlay-scrollbar-horizontal-thumb",onMouseDown:yt,onMouseEnter:()=>qe(!0),onMouseLeave:()=>qe(!1),style:{position:"absolute",bottom:n.alignment==="outside"?"0px":`${(k-v)/2}px`,left:`${n.margin+De}px`,right:re?n.alignment==="outside"?`${k-n.margin}px`:`${k}px`:"auto",maxWidth:re?n.alignment==="outside"?`calc(100% - ${n.margin+De+k-n.margin}px)`:`calc(100% - ${n.margin+De+k}px)`:"none",width:`${Math.max(Le,50)}px`,height:`${v}px`,backgroundColor:Ye||_?w.hoverColor:w.color,opacity:Ye||_?w.hoverOpacity:w.opacity,borderRadius:`${w.radius}px`,cursor:"pointer",transition:"background-color 0.2s ease-in-out, opacity 0.2s ease-in-out"}})]})]})}),ze=zt;
|
|
47
47
|
//# sourceMappingURL=index.js.map
|