drip-form-theme-react-vant

介绍

drip-form 动态表单对应的 react-vant 移动端主题包

安装

npm install drip-form-theme-react-vant

使用

//导入drip form渲染核心
import DripForm from '@jdfed/drip-form'
//导入react-vant主题
import reactVant from 'drip-form-theme-react-vant'
//导入表单配置文件
import unitedSchema from './unitedSchema'
//导入drip form样式
import '@jdfed/drip-form/dist/index.css'

function App() {
  return (
    <DripForm
      // 表单配置文件
      unitedSchema={unitedSchema}
      // 导入组件
      uiComponents={{ reactVant }}
      // 设置表单值
      formData={{
        checkbox: '1',
        colorPicker: '#000000',
        text: '1111',
        number: 1,
      }}
    ></DripForm>
  )
}

export default App

支持组件

• 持续更新

组件名	状态
Text 文本输入	已支持
Number 数字输入	已支持
Select 选择器	已支持
Radio 单选框	已支持
Null 空表单	已支持
Switch 开关	已支持
Slider 滑动输入条	已支持
TimePicker 时间选择器	已支持
DatePicker 日期选择器	已支持
ColorPicker 颜色选择器	已支持
Checkbox 多选框	已支持
Uploader 上传	已支持