opensource
/
dify
mirror of https://github.com/langgenius/dify.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat: tags

This commit is contained in:
Joel 2024-12-11 14:42:14 +08:00
parent b8ced5102c
commit 361a007f42
3 changed files with 16 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web/app/components/datasets/documents/detail/completed/common/tag.tsx
View File

@ -1,8 +1,9 @@
import React from 'react'
import cn from '@/utils/classnames'
const Tag = ({ text }: { text: string }) => {
const Tag = ({ text, className }: { text: string; className?: string }) => {
return (
<div className='inline-flex items-center gap-x-0.5'>
<div className={cn('inline-flex items-center gap-x-0.5', className)}>
<span className='text-text-quaternary text-xs font-medium'>#</span>
<span className='text-text-tertiary text-xs'>{text}</span>
</div>

12
web/app/components/datasets/hit-testing/components/chunk-detail-modal.tsx
View File

@ -3,6 +3,7 @@ import type { FC } from 'react'
import React from 'react'
import { useTranslation } from 'react-i18next'
import { SegmentIndexTag } from '../../documents/detail/completed'
import Dot from '../../documents/detail/completed/common/dot'
import Score from './score'
import ChildChunksItem from './child-chunks-item'
import Modal from '@/app/components/base/modal'
@ -10,6 +11,7 @@ import type { HitTesting } from '@/models/datasets'
import FileIcon from '@/app/components/base/file-uploader/file-type-icon'
import type { FileAppearanceTypeEnum } from '@/app/components/base/file-uploader/types'
import cn from '@/utils/classnames'
import Tag from '@/app/components/datasets/documents/detail/completed/common/tag'
type Props = {
payload: HitTesting
@ -44,7 +46,7 @@ const ChunkDetailModal: FC<Props> = ({
positionId={position}
className={cn('w-fit group-hover:opacity-100')}
/>
<div className='text-xs font-medium text-text-quaternary'>·</div>
<Dot />
<div className='flex items-center space-x-1'>
<FileIcon type={extension} size='sm' />
<span className='grow w-0 truncate text-text-secondary text-[13px] font-normal'>{document.name}</span>
@ -58,9 +60,11 @@ const ChunkDetailModal: FC<Props> = ({
{!isParentChildRetrieval && keywords && keywords.length > 0 && (
<div>
<div>{t('dataset.keywords')}</div>
{keywords.map(keyword => (
<div key={keyword} className='inline-block px-1 py-0.5 bg-components-tag-bg text-components-tag-text text-xs rounded-md mr-1'>{keyword}</div>
))}
<div className='flex flex-wrap'>
{keywords.map(keyword => (
<Tag key={keyword} text={keyword} className='mr-2' />
))}
</div>
</div>
)}
</div>

8
web/app/components/datasets/hit-testing/components/result-item.tsx
View File

@ -5,6 +5,7 @@ import { useTranslation } from 'react-i18next'
import { RiArrowDownSLine, RiArrowRightSLine, RiArrowRightUpLine } from '@remixicon/react'
import { useBoolean } from 'ahooks'
import { SegmentIndexTag } from '../../documents/detail/completed'
import Dot from '../../documents/detail/completed/common/dot'
import Score from './score'
import ChildChunkItem from './child-chunks-item'
import ChunkDetailModal from './chunk-detail-modal'
@ -12,6 +13,7 @@ import type { HitTesting } from '@/models/datasets'
import cn from '@/utils/classnames'
import FileIcon from '@/app/components/base/file-uploader/file-type-icon'
import type { FileAppearanceTypeEnum } from '@/app/components/base/file-uploader/types'
import Tag from '@/app/components/datasets/documents/detail/completed/common/tag'
type Props = {
payload: HitTesting
@ -45,7 +47,7 @@ const ResultItem: FC<Props> = ({
positionId={position}
className={cn('w-fit group-hover:opacity-100')}
/>
<div className='text-xs font-medium text-text-quaternary'>·</div>
<Dot />
<div className='system-xs-medium text-text-tertiary'>{word_count} {t('datasetDocuments.segment.characters')}</div>
</div>
<Score value={score} />
@ -66,9 +68,9 @@ const ResultItem: FC<Props> = ({
</div>
)}
{!isParentChildRetrieval && keywords && keywords.length > 0 && (
<div>
<div className='flex flex-wrap'>
{keywords.map(keyword => (
<div key={keyword} className='inline-block px-1 py-0.5 bg-components-tag-bg text-components-tag-text text-xs rounded-md mr-1'>{keyword}</div>
<Tag key={keyword} text={keyword} className='mr-2' />
))}
</div>
)}