mirror of
https://github.com/langgenius/dify.git
synced 2025-12-05 23:36:09 +00:00
85cda47c70
Signed-off-by: -LAN- <laipz8200@outlook.com> Co-authored-by: twwu <twwu@dify.ai> Co-authored-by: crazywoola <100913391+crazywoola@users.noreply.github.com> Co-authored-by: jyong <718720800@qq.com> Co-authored-by: Wu Tianwei <30284043+WTW0313@users.noreply.github.com> Co-authored-by: QuantumGhost <obelisk.reg+git@gmail.com> Co-authored-by: lyzno1 <yuanyouhuilyz@gmail.com> Co-authored-by: quicksand <quicksandzn@gmail.com> Co-authored-by: Jyong <76649700+JohnJyong@users.noreply.github.com> Co-authored-by: lyzno1 <92089059+lyzno1@users.noreply.github.com> Co-authored-by: zxhlyh <jasonapring2015@outlook.com> Co-authored-by: Yongtao Huang <yongtaoh2022@gmail.com> Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com> Co-authored-by: Joel <iamjoel007@gmail.com> Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> Co-authored-by: nite-knite <nkCoding@gmail.com> Co-authored-by: Hanqing Zhao <sherry9277@gmail.com> Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com> Co-authored-by: Harry <xh001x@hotmail.com>
69 lines
2.0 KiB
TypeScript
69 lines
2.0 KiB
TypeScript
'use client'
|
|
import BaseForm from '../components/base/form/form-scenarios/base'
|
|
import { BaseFieldType } from '../components/base/form/form-scenarios/base/types'
|
|
|
|
export default function Page() {
|
|
return (
|
|
<div className='flex h-screen w-full items-center justify-center p-20'>
|
|
<div className='w-[400px] rounded-lg border border-components-panel-border bg-components-panel-bg'>
|
|
<BaseForm
|
|
initialData={{
|
|
type: 'option_1',
|
|
variable: 'test',
|
|
label: 'Test',
|
|
maxLength: 48,
|
|
required: true,
|
|
}}
|
|
configurations={[
|
|
{
|
|
type: BaseFieldType.textInput,
|
|
variable: 'variable',
|
|
label: 'Variable',
|
|
required: true,
|
|
showConditions: [],
|
|
},
|
|
{
|
|
type: BaseFieldType.textInput,
|
|
variable: 'label',
|
|
label: 'Label',
|
|
required: true,
|
|
showConditions: [],
|
|
},
|
|
{
|
|
type: BaseFieldType.numberInput,
|
|
variable: 'maxLength',
|
|
label: 'Max Length',
|
|
required: true,
|
|
showConditions: [],
|
|
max: 100,
|
|
min: 1,
|
|
},
|
|
{
|
|
type: BaseFieldType.checkbox,
|
|
variable: 'required',
|
|
label: 'Required',
|
|
required: true,
|
|
showConditions: [],
|
|
},
|
|
{
|
|
type: BaseFieldType.select,
|
|
variable: 'type',
|
|
label: 'Type',
|
|
required: true,
|
|
showConditions: [],
|
|
options: [
|
|
{ label: 'Option 1', value: 'option_1' },
|
|
{ label: 'Option 2', value: 'option_2' },
|
|
{ label: 'Option 3', value: 'option_3' },
|
|
],
|
|
},
|
|
]}
|
|
onSubmit={(value) => {
|
|
console.log('onSubmit', value)
|
|
}}
|
|
/>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|