youngkingdom/dify
1
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2026-05-06 02:18:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: child chunk component for dataset

Browse Source
This commit is contained in:
AkaraChen
2024-11-28 10:36:24 +08:00
parent 521ab30bba
commit 25bccd52c2
6 changed files with 96 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
web/app/dev-preview/page.tsx
View File

@ -1,12 +1,16 @@
'use client'
import { useState } from 'react'
import { InputNumber } from '../components/base/input-number'
// import { Stepper } from '../components/datasets/create/stepper'
import { FormattedText } from '../components/datasets/formatted-text/flavours/formatted'
import { NormalSlice } from '../components/datasets/formatted-text/flavours/normal'
export default function Page() {
const [step, setStep] = useState(0)
return <div className='p-4'>
<InputNumber onChange={setStep} unit={'tokens'} />
<FormattedText>
<NormalSlice label='C-1' text='lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.' tooltip={'Child-chunk-2 · 268 Characters'} />
<NormalSlice label='C-1' text='lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.' tooltip={'Child-chunk-2 · 268 Characters'} />
<NormalSlice label='C-1' text='lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.' tooltip={'Child-chunk-2 · 268 Characters'} />
<NormalSlice label='C-1' text='lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.' tooltip={'Child-chunk-2 · 268 Characters'} />
<NormalSlice label='C-1' text='lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.' tooltip={'Child-chunk-2 · 268 Characters'} />
</FormattedText>
</div>
}