From b828d1f54f6a5ec3f33238dc809b947d0c76f916 Mon Sep 17 00:00:00 2001 From: one Date: Sun, 6 Apr 2025 01:06:54 +0800 Subject: [PATCH] perf(QuickPanel): improve search responsiveness (#4406) --- src/renderer/src/components/QuickPanel/view.tsx | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/renderer/src/components/QuickPanel/view.tsx b/src/renderer/src/components/QuickPanel/view.tsx index 856b95b9..d41c1871 100644 --- a/src/renderer/src/components/QuickPanel/view.tsx +++ b/src/renderer/src/components/QuickPanel/view.tsx @@ -3,7 +3,7 @@ import { isMac } from '@renderer/config/constant' import { classNames } from '@renderer/utils' import { Flex } from 'antd' import { t } from 'i18next' -import React, { use, useCallback, useEffect, useMemo, useRef, useState } from 'react' +import React, { use, useCallback, useDeferredValue, useEffect, useMemo, useRef, useState } from 'react' import styled from 'styled-components' import { QuickPanelContext } from './provider' @@ -42,7 +42,8 @@ export const QuickPanelView: React.FC = ({ setInputText }) => { const scrollBlock = useRef('nearest') - const [searchText, setSearchText] = useState('') + const [_searchText, setSearchText] = useState('') + const searchText = useDeferredValue(_searchText) const searchTextRef = useRef('') // 解决长按上下键时滚动太慢问题