1.1.8 • Published 3 years ago

antd4-vi-form v1.1.8

Weekly downloads
-
License
ISC
Repository
-
Last release
3 years ago

本菜鸡的第一个npm包,从1.0.0改到1.1.1,不喜欢这个数字所以写个README来到了1.1.2, 然后不会写md改到了这个版本.. 因为npm目前antd4的form包基本使用都有一些问题,所以突然心血来潮自己做一个, 开箱级别的东西, 很多地方需要完善, 但是基本的使用是没问题的

食用方法 `import Item from 'antd4-vi-form/dist/Item'

import EhancedForm from 'antd4-vi-form/dist/Ehanced'

import Form from 'rc-field-form' `

这里属实可以把rc封装进去的,但是不得已需要往外穿透form的值,到时候又得穿透ref出来, 而且暴露出来的写法更贴合antd一点

EhancedForm就相当于Form,Item相当于Form.Item

const form = Form.useForm()

<EhancedForm errorList={errorList} onFinish={v => {

  console.log(`v`, v)

    }} form={form}>

      <Item label='姓名' initialValue={'2345'} rules={[{ required: true, message: '请输入姓名' }]} name='name' />

      <Item label='兴趣爱好' initialValue={''} rules={[{ required: true, message: '请输入兴趣爱好' }]} name='hobby' />

EhancedForm这个组件暴露Props为onFieldsChange和onFinish,其他props需要传递请使用formProps对象包裹如

<EhancedForm formProps={onFinishFailed = someFunc}>

Item暴露出去的props基本和antd别无二致,多暴露出一个props是type, 默认的type为Input, 目前只支持了DatePicker和Input, 后续有时间再更新。。。

也可以传children, 如

<Item label='姓名' initialValue={'2345'} rules={{ required: true, message: '请输入姓名' }} name='name' />

1.1.8

3 years ago

1.1.6

3 years ago

1.1.5

3 years ago

1.1.4

3 years ago

1.1.3

3 years ago

1.1.2

3 years ago

1.1.1

3 years ago

1.1.0

3 years ago

1.0.9

3 years ago

1.0.8

3 years ago

1.0.7

3 years ago

1.0.6

3 years ago

1.0.5

3 years ago

1.0.4

3 years ago

1.0.3

3 years ago

1.0.2

3 years ago