opensource/dify
2
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2026-05-05 17:18:40 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor: update batch action component props and change id type in ChildChunkDetail

Browse Source
This commit is contained in:
twwu 2024-12-05 09:49:37 +08:00
parent 4048eff3ab
commit 7200dd42d3
2 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
web/app/components/datasets/documents/detail/completed/batch-action.tsx
View File

@ -1,9 +1,11 @@
import React, { type FC } from 'react' import React, { type FC } from 'react'
import { RiCheckboxCircleLine, RiCloseCircleLine, RiDeleteBinLine } from '@remixicon/react' import { RiCheckboxCircleLine, RiCloseCircleLine, RiDeleteBinLine } from '@remixicon/react'
import Divider from '@/app/components/base/divider' import Divider from '@/app/components/base/divider'
import classNames from '@/utils/classnames'
type IBatchActionProps = { type IBatchActionProps = {
selectedSegmentIds: string[] className?: string
selectedIds: string[]
onBatchEnable: () => Promise<void> onBatchEnable: () => Promise<void>
onBatchDisable: () => Promise<void> onBatchDisable: () => Promise<void>
onBatchDelete: () => Promise<void> onBatchDelete: () => Promise<void>
@ -11,18 +13,19 @@ type IBatchActionProps = {
} }
const BatchAction: FC<IBatchActionProps> = ({ const BatchAction: FC<IBatchActionProps> = ({
selectedSegmentIds, className,
selectedIds,
onBatchEnable, onBatchEnable,
onBatchDisable, onBatchDisable,
onBatchDelete, onBatchDelete,
onCancel, onCancel,
}) => { }) => {
return ( return (
<div className='w-full flex justify-center gap-x-2 absolute bottom-16 z-20'> <div className={classNames('w-full flex justify-center gap-x-2', className)}>
<div className='flex items-center gap-x-1 p-1 rounded-[10px] bg-components-actionbar-bg-accent border border-components-actionbar-border-accent shadow-xl shadow-shadow-shadow-5 backdrop-blur-[5px]'> <div className='flex items-center gap-x-1 p-1 rounded-[10px] bg-components-actionbar-bg-accent border border-components-actionbar-border-accent shadow-xl shadow-shadow-shadow-5 backdrop-blur-[5px]'>
<div className='inline-flex items-center gap-x-2 pl-2 pr-3 py-1'> <div className='inline-flex items-center gap-x-2 pl-2 pr-3 py-1'>
<span className='w-5 h-5 flex items-center justify-center px-1 py-0.5 bg-text-accent rounded-md text-text-primary-on-surface text-xs font-medium'> <span className='w-5 h-5 flex items-center justify-center px-1 py-0.5 bg-text-accent rounded-md text-text-primary-on-surface text-xs font-medium'>
{selectedSegmentIds.length} {selectedIds.length}
</span> </span>
<span className='text-text-accent text-[13px] font-semibold leading-[16px]'>Selected</span> <span className='text-text-accent text-[13px] font-semibold leading-[16px]'>Selected</span>
</div> </div>

2
web/models/datasets.ts
View File

@ -591,7 +591,7 @@ export const DEFAULT_WEIGHTED_SCORE = {
export type ChildChunkType = 'automatic' | 'customized' export type ChildChunkType = 'automatic' | 'customized'
export type ChildChunkDetail = { export type ChildChunkDetail = {
id: number id: string
position: number position: number
segment_id: string segment_id: string
content: string content: string