d0zingcat/NotionNext
1
0
Fork 0
mirror of https://github.com/d0zingcat/NotionNext.git synced 2026-05-31 15:10:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

gitbook 适配algolia

Browse Source
This commit is contained in:
tangly1024.com
2024-02-21 13:49:52 +08:00
parent 140c15727e
commit 29407c1b0d
4 changed files with 33 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
themes/gitbook/components/SearchInput.js
View File

@@ -1,11 +1,15 @@
import { useImperativeHandle, useRef, useState } from 'react'
import { deepClone } from '@/lib/utils'
import { useGitBookGlobal } from '@/themes/gitbook'
import { siteConfig } from '@/lib/config'
let lock = false
/**
* 搜索栏
*/
const SearchInput = ({ currentSearch, cRef, className }) => {
const searchInputRef = useRef()
const { setFilteredNavPages, allNavPages } = useGitBookGlobal()
const { searchModal, setFilteredNavPages, allNavPages } = useGitBookGlobal()
useImperativeHandle(cRef, () => {
return {
@@ -16,6 +20,10 @@ const SearchInput = ({ currentSearch, cRef, className }) => {
})
const handleSearch = () => {
// 使用Algolia
if (siteConfig('ALGOLIA_APP_ID')) {
searchModal?.current?.openSearch()
}
let keyword = searchInputRef.current.value
if (keyword) {
keyword = keyword.trim()
@@ -23,20 +31,7 @@ const SearchInput = ({ currentSearch, cRef, className }) => {
setFilteredNavPages(allNavPages)
}
const filterAllNavPages = deepClone(allNavPages)
// for (const filterGroup of filterAllNavPages) {
// for (let i = filterGroup.items.length - 1; i >= 0; i--) {
// const post = filterGroup.items[i]
// const articleInfo = post.title + ''
// const hit = articleInfo.toLowerCase().indexOf(keyword.toLowerCase()) > -1
// if (!hit) {
// // 删除
// filterGroup.items.splice(i, 1)
// }
// }
// if (filterGroup.items && filterGroup.items.length > 0) {
// filterPosts.push(filterGroup)
// }
// }
for (let i = filterAllNavPages.length - 1; i >= 0; i--) {
const post = filterAllNavPages[i]
const articleInfo = post.title + ''
@@ -56,6 +51,12 @@ const SearchInput = ({ currentSearch, cRef, className }) => {
* @param {*} e
*/
const handleKeyUp = (e) => {
// 使用Algolia
if (siteConfig('ALGOLIA_APP_ID')) {
searchModal?.current?.openSearch()
return
}
if (e.keyCode === 13) { // 回车
handleSearch(searchInputRef.current.value)
} else if (e.keyCode === 27) { // ESC
@@ -63,6 +64,13 @@ const SearchInput = ({ currentSearch, cRef, className }) => {
}
}
const handleFocus = () => {
// 使用Algolia
if (siteConfig('ALGOLIA_APP_ID')) {
searchModal?.current?.openSearch()
}
}
/**
* 清理搜索
*/
@@ -77,7 +85,6 @@ const SearchInput = ({ currentSearch, cRef, className }) => {
return
}
searchInputRef.current.value = val
if (val) {
setShowClean(true)
} else {
@@ -97,6 +104,7 @@ const SearchInput = ({ currentSearch, cRef, className }) => {
ref={searchInputRef}
type='text'
className={`${className} outline-none w-full text-sm pl-2 transition focus:shadow-lg font-light leading-10 text-black bg-gray-100 dark:bg-gray-900 dark:text-white`}
onFocus={handleFocus}
onKeyUp={handleKeyUp}
onCompositionStart={lockSearchInput}
onCompositionUpdate={lockSearchInput}
@@ -111,7 +119,7 @@ const SearchInput = ({ currentSearch, cRef, className }) => {
</div>
{(showClean &&
<div className='-ml-12 cursor-pointer float-right items-center justify-center py-2'>
<div className='-ml-12 cursor-pointer flex float-right items-center justify-center py-2'>
<i className='fas fa-times hover:text-black transform duration-200 text-gray-400 cursor-pointer dark:hover:text-gray-300' onClick={cleanSearch} />
</div>
)}