lint: fix code format

This commit is contained in:
kangfenmao 2025-03-27 15:15:15 +08:00
parent 8bb8081f31
commit bbc7b20183
7 changed files with 44 additions and 36 deletions

View File

@ -17,8 +17,8 @@ import FileStorage from './services/FileStorage'
import { GeminiService } from './services/GeminiService'
import KnowledgeService from './services/KnowledgeService'
import MCPService from './services/MCPService'
import ObsidianVaultService from './services/ObsidianVaultService'
import * as NutstoreService from './services/NutstoreService'
import ObsidianVaultService from './services/ObsidianVaultService'
import { ProxyConfig, proxyManager } from './services/ProxyManager'
import { registerShortcuts, unregisterAllShortcuts } from './services/ShortcutService'
import { TrayService } from './services/TrayService'

View File

@ -8,8 +8,8 @@ import {
OnDragStartResponder,
ResponderProvided
} from '@hello-pangea/dnd'
import VirtualList from 'rc-virtual-list'
import { droppableReorder } from '@renderer/utils'
import VirtualList from 'rc-virtual-list'
import { FC } from 'react'
interface Props<T> {

View File

@ -82,7 +82,7 @@ export const SyntaxHighlighterProvider: React.FC<PropsWithChildren> = ({ childre
[highlighter, highlighterTheme]
)
return <SyntaxHighlighterContext.Provider value={{ codeToHtml }}>{children}</SyntaxHighlighterContext.Provider>
return <SyntaxHighlighterContext value={{ codeToHtml }}>{children}</SyntaxHighlighterContext>
}
export const useSyntaxHighlighter = () => {

View File

@ -57,11 +57,7 @@ export const ThemeProvider: React.FC<ThemeProviderProps> = ({ children, defaultT
}
})
return (
<ThemeContext.Provider value={{ theme: _theme, settingTheme: theme, toggleTheme }}>
{children}
</ThemeContext.Provider>
)
return <ThemeContext value={{ theme: _theme, settingTheme: theme, toggleTheme }}>{children}</ThemeContext>
}
export const useTheme = () => use(ThemeContext)

View File

@ -25,7 +25,9 @@ const MessageGroupModelList: FC<MessageGroupModelListProps> = ({ messages, setSe
return (
<ModelsWrapper>
<DisplayModeToggle displayMode={foldDisplayMode} onClick={() => dispatch(setFoldDisplayMode(isCompact ? 'expanded' : 'compact'))}>
<DisplayModeToggle
displayMode={foldDisplayMode}
onClick={() => dispatch(setFoldDisplayMode(isCompact ? 'expanded' : 'compact'))}>
<Tooltip
title={
foldDisplayMode === 'compact'

View File

@ -1,7 +1,7 @@
import { BulbOutlined, EnterOutlined, FileTextOutlined, MessageOutlined, TranslationOutlined } from '@ant-design/icons'
import Scrollbar from '@renderer/components/Scrollbar'
import { Col } from 'antd'
import { Dispatch, forwardRef, SetStateAction, useImperativeHandle, useMemo, useState } from 'react'
import { Dispatch, SetStateAction, useImperativeHandle, useMemo, useState } from 'react'
import { useTranslation } from 'react-i18next'
import styled from 'styled-components'
@ -18,7 +18,12 @@ export interface FeatureMenusRef {
resetSelectedIndex: () => void
}
const FeatureMenus = forwardRef<FeatureMenusRef, FeatureMenusProps>(({ text, setRoute, onSendMessage }, ref) => {
const FeatureMenus = ({
ref,
text,
setRoute,
onSendMessage
}: FeatureMenusProps & { ref?: React.RefObject<FeatureMenusRef | null> }) => {
const { t } = useTranslation()
const [selectedIndex, setSelectedIndex] = useState(0)
@ -94,7 +99,7 @@ const FeatureMenus = forwardRef<FeatureMenusRef, FeatureMenusProps>(({ text, set
</FeatureListWrapper>
</FeatureList>
)
})
}
FeatureMenus.displayName = 'FeatureMenus'
const FeatureList = styled(Scrollbar)`

View File

@ -2,7 +2,7 @@ import ModelAvatar from '@renderer/components/Avatar/ModelAvatar'
import { useRuntime } from '@renderer/hooks/useRuntime'
import { Input as AntdInput } from 'antd'
import { InputRef } from 'rc-input/lib/interface'
import React, { forwardRef, useRef } from 'react'
import React, { useRef } from 'react'
import styled from 'styled-components'
interface InputBarProps {
@ -14,30 +14,35 @@ interface InputBarProps {
handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void
}
const InputBar = forwardRef<HTMLDivElement, InputBarProps>(
({ text, model, placeholder, handleKeyDown, handleChange }, ref) => {
const { generating } = useRuntime()
const inputRef = useRef<InputRef>(null)
if (!generating) {
setTimeout(() => inputRef.current?.input?.focus(), 0)
}
return (
<InputWrapper ref={ref}>
<ModelAvatar model={model} size={30} />
<Input
value={text}
placeholder={placeholder}
variant="borderless"
autoFocus
onKeyDown={handleKeyDown}
onChange={handleChange}
disabled={generating}
ref={inputRef}
/>
</InputWrapper>
)
const InputBar = ({
ref,
text,
model,
placeholder,
handleKeyDown,
handleChange
}: InputBarProps & { ref?: React.RefObject<HTMLDivElement | null> }) => {
const { generating } = useRuntime()
const inputRef = useRef<InputRef>(null)
if (!generating) {
setTimeout(() => inputRef.current?.input?.focus(), 0)
}
)
return (
<InputWrapper ref={ref}>
<ModelAvatar model={model} size={30} />
<Input
value={text}
placeholder={placeholder}
variant="borderless"
autoFocus
onKeyDown={handleKeyDown}
onChange={handleChange}
disabled={generating}
ref={inputRef}
/>
</InputWrapper>
)
}
InputBar.displayName = 'InputBar'
const InputWrapper = styled.div`