https://www.cibudayi.com/_next/static/chunks/987.6a9437ec13c0efb3.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[987],{30548:function(e,t,l){l.d(t,{Z:function(){return n}});function n(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:100,l=null,n=0,r=null;return function(){for(var o=arguments.length,a=Array(o),i=0;i<o;i++)a[i]=arguments[i];let s=Date.now(),d=t-(s-n);if(r=a,d<=0){l&&(clearTimeout(l),l=null),n=s,e(...r),r=null;return}l||(l=setTimeout(()=>{l=null,n=Date.now(),r&&(e(...r),r=null)},d))}}},987:function(e,t,l){l.r(t);var n=l(85893),r=l(76966),o=l(30548),a=l(22362),i=l(67294);t.default=e=>{let{toc:t}=e,{locale:l}=(0,r.Og)(),[s,d]=(0,i.useState)(null);(0,i.useEffect)(()=>{let e=(0,o.Z)(()=>{var e;let l=document.getElementsByClassName("notion-h"),n=null,r=s;for(let e=0;e<l.length;++e){let t=l[e];if(!t||!(t instanceof Element))continue;r||(r=t.getAttribute("data-id"));let o=t.getBoundingClientRect(),a=Math.max(150,(n?o.top-n.bottom:0)/4);if(o.top-a<0){r=t.getAttribute("data-id"),n=o;continue}break}d(r);let o=null==t?void 0:t.findIndex(e=>(0,a.Gw)(e.id)===r);null==c||null===(e=c.current)||void 0===e||e.scrollTo({top:28*o,behavior:"smooth"})},200);return e(),window.addEventListener("scroll",e,{passive:!0}),()=>{window.removeEventListener("scroll",e)}},[t]);let c=(0,i.useRef)(null);return!t||(null==t?void 0:t.length)<1?(0,n.jsx)(n.Fragment,{}):(0,n.jsxs)("div",{id:"catalog",className:"flex-1 flex-col flex overflow-hidden",children:[(0,n.jsxs)("div",{className:"w-full dark:text-gray-300 mb-2",children:[(0,n.jsx)("i",{className:"mr-1 fas fa-stream"}),l.COMMON.TABLE_OF_CONTENTS]}),(0,n.jsx)("nav",{ref:c,className:"flex-1 overflow-auto  overscroll-none scroll-hidden   text-black mb-6",children:t.map(e=>{let t=(0,a.Gw)(e.id);return(0,n.jsx)("a",{href:"#".concat(t),className:"".concat(s===t&&"dark:border-white border-gray-800 text-gray-800 font-bold"," hover:font-semibold border-l pl-4 block hover:text-gray-800 border-lduration-300 transform dark:text-gray-400 dark:border-gray-400\n        notion-table-of-contents-item-indent-level-").concat(e.indentLevel," catalog-item "),children:(0,n.jsx)("span",{style:{display:"inline-block",marginLeft:16*e.indentLevel},className:"truncate ".concat(s===t?" font-bold text-black dark:text-white underline":""),children:e.text})},t)})})]})}}}]);