feat: support LLM process document file (#10966)
Co-authored-by: -LAN- <laipz8200@outlook.com>pull/10996/head
非法操作
2 years ago
committed by
GitHub
parent
556de444e8
commit
08ac36812b
@ -0,0 +1,78 @@
|
|||||||
|
'use client'
|
||||||
|
import type { FC } from 'react'
|
||||||
|
import React, { useCallback } from 'react'
|
||||||
|
import { useTranslation } from 'react-i18next'
|
||||||
|
import produce from 'immer'
|
||||||
|
import { useContext } from 'use-context-selector'
|
||||||
|
|
||||||
|
import { Document } from '@/app/components/base/icons/src/vender/features'
|
||||||
|
import Tooltip from '@/app/components/base/tooltip'
|
||||||
|
import ConfigContext from '@/context/debug-configuration'
|
||||||
|
import { SupportUploadFileTypes } from '@/app/components/workflow/types'
|
||||||
|
import { useFeatures, useFeaturesStore } from '@/app/components/base/features/hooks'
|
||||||
|
import Switch from '@/app/components/base/switch'
|
||||||
|
|
||||||
|
const ConfigDocument: FC = () => {
|
||||||
|
const { t } = useTranslation()
|
||||||
|
const file = useFeatures(s => s.features.file)
|
||||||
|
const featuresStore = useFeaturesStore()
|
||||||
|
const { isShowDocumentConfig } = useContext(ConfigContext)
|
||||||
|
|
||||||
|
const isDocumentEnabled = file?.allowed_file_types?.includes(SupportUploadFileTypes.document) ?? false
|
||||||
|
|
||||||
|
const handleChange = useCallback((value: boolean) => {
|
||||||
|
const {
|
||||||
|
features,
|
||||||
|
setFeatures,
|
||||||
|
} = featuresStore!.getState()
|
||||||
|
|
||||||
|
const newFeatures = produce(features, (draft) => {
|
||||||
|
if (value) {
|
||||||
|
draft.file!.allowed_file_types = Array.from(new Set([
|
||||||
|
...(draft.file?.allowed_file_types || []),
|
||||||
|
SupportUploadFileTypes.document,
|
||||||
|
]))
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
draft.file!.allowed_file_types = draft.file!.allowed_file_types?.filter(
|
||||||
|
type => type !== SupportUploadFileTypes.document,
|
||||||
|
)
|
||||||
|
}
|
||||||
|
if (draft.file)
|
||||||
|
draft.file.enabled = (draft.file.allowed_file_types?.length ?? 0) > 0
|
||||||
|
})
|
||||||
|
setFeatures(newFeatures)
|
||||||
|
}, [featuresStore])
|
||||||
|
|
||||||
|
if (!isShowDocumentConfig)
|
||||||
|
return null
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className='mt-2 flex items-center gap-2 p-2 rounded-xl border-t-[0.5px] border-l-[0.5px] bg-background-section-burn'>
|
||||||
|
<div className='shrink-0 p-1'>
|
||||||
|
<div className='p-1 rounded-lg border-[0.5px] border-divider-subtle shadow-xs bg-util-colors-indigo-indigo-600'>
|
||||||
|
<Document className='w-4 h-4 text-text-primary-on-surface' />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className='grow flex items-center'>
|
||||||
|
<div className='mr-1 text-text-secondary system-sm-semibold'>{t('appDebug.feature.documentUpload.title')}</div>
|
||||||
|
<Tooltip
|
||||||
|
popupContent={
|
||||||
|
<div className='w-[180px]' >
|
||||||
|
{t('appDebug.feature.documentUpload.description')}
|
||||||
|
</div>
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className='shrink-0 flex items-center'>
|
||||||
|
<div className='ml-1 mr-3 w-[1px] h-3.5 bg-divider-subtle'></div>
|
||||||
|
<Switch
|
||||||
|
defaultValue={isDocumentEnabled}
|
||||||
|
onChange={handleChange}
|
||||||
|
size='md'
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
export default React.memo(ConfigDocument)
|
||||||
@ -0,0 +1,3 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
|
||||||
|
<path d="M20 22H4C3.44772 22 3 21.5523 3 21V3C3 2.44772 3.44772 2 4 2H20C20.5523 2 21 2.44772 21 3V21C21 21.5523 20.5523 22 20 22ZM7 6V10H11V6H7ZM7 12V14H17V12H7ZM7 16V18H17V16H7ZM13 7V9H17V7H13Z"></path>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 292 B |
@ -0,0 +1,23 @@
|
|||||||
|
{
|
||||||
|
"icon": {
|
||||||
|
"type": "element",
|
||||||
|
"isRootNode": true,
|
||||||
|
"name": "svg",
|
||||||
|
"attributes": {
|
||||||
|
"xmlns": "http://www.w3.org/2000/svg",
|
||||||
|
"viewBox": "0 0 24 24",
|
||||||
|
"fill": "currentColor"
|
||||||
|
},
|
||||||
|
"children": [
|
||||||
|
{
|
||||||
|
"type": "element",
|
||||||
|
"name": "path",
|
||||||
|
"attributes": {
|
||||||
|
"d": "M20 22H4C3.44772 22 3 21.5523 3 21V3C3 2.44772 3.44772 2 4 2H20C20.5523 2 21 2.44772 21 3V21C21 21.5523 20.5523 22 20 22ZM7 6V10H11V6H7ZM7 12V14H17V12H7ZM7 16V18H17V16H7ZM13 7V9H17V7H13Z"
|
||||||
|
},
|
||||||
|
"children": []
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"name": "Document"
|
||||||
|
}
|
||||||
@ -0,0 +1,16 @@
|
|||||||
|
// GENERATE BY script
|
||||||
|
// DON NOT EDIT IT MANUALLY
|
||||||
|
|
||||||
|
import * as React from 'react'
|
||||||
|
import data from './Document.json'
|
||||||
|
import IconBase from '@/app/components/base/icons/IconBase'
|
||||||
|
import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
|
||||||
|
|
||||||
|
const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
|
||||||
|
props,
|
||||||
|
ref,
|
||||||
|
) => <IconBase {...props} ref={ref} data={data as IconData} />)
|
||||||
|
|
||||||
|
Icon.displayName = 'Document'
|
||||||
|
|
||||||
|
export default Icon
|
||||||
Loading…
Reference in New Issue