Skip to content

v1.0.0
Compare
Choose a tag to compare
@qiqiboy qiqiboy released this 09 Mar 04:26
· 55 commits to master since this release
1.0.0
9d5bce1

v1.0.0 (March 9, 2020)

👏终于到了决定要发布1.0版本了，这表示到目前为止，react-formutil的API设计已经趋于稳定了。事实上，从最早的0.0.1到目前为止，其每个版本都保持了向后最大兼容性。所以无论你当前在用哪个版本，都可以立即更新到最新版本！

在下面的 CHANGE LOG 里，将会汇总从一年前的0.5.1到1.0.0的改变。如果想要了解更早版本的变化信息，可以查阅 Release v0.5.0

UPGRADE GUIDE

# npm
npm install react-formutil@latest --save

# yarn
yarn install react-formutil@latest

与此同时，react-bootstrap-formutil react-antd-formutil 也都发布了1.0版本，如果你在使用这些适配器库，也可以同步升级：

# npm
npm install react-boostrap-formutil@latest --save
npm install react-antd-formutil@latest --save

# yarn
yarn install react-boostrap-formutil@latest
yarn install react-antd-formutil@latest

BREAK CHANGE

无

CHANGE LOG

v1.0.0主要是增加了对于表单性能的优化支持！

  • 默认情况下，升级到1.0版本后，表单渲染时间可以降低50%，性能至少提高一倍
  • 使用$memo优化后，表单渲染时间可以降低到之前版本的10%（提高10倍？）

  • 👉新增 $memo，用于优化减少Field的非必要渲染，增加表单性能；你可以点击 $memo 了解详情； 同时，也提供了一个完整的表单性能优化指南，欢迎阅读了解。
  • 🤘调整 withField withForm connect三个高阶组件，使用react的forwardRef处理，现在可以直接通过标准的ref获取被包装组件的引用。
  • 👉新增 <Form /> 增加$ref 属性，支持在组件外部获取对$formutil的引用
  • 👉新增 <Field /> 增加 $ref 属性，支持在组件外部获取对$fieldutil的引用
  • 👉新增 <Field /> 支持 $reserveOnUnmount 属性，用来设置是否在Field组件unmount时一并销毁状态。
  • 🤘调整 <Form/>的 $defaultValues $defaultStates 现在可以传递一个初始化函数，返回相应的初始化值即可。该函数会在组件初次挂载或者每次调用$reset()时被调用。
  • 🤘调整 <Field/>的 $defaultValue $defaultState 现在可以传递一个初始化函数，返回相应的初始化值即可。该函数会在组件初次挂载或者每次调用$reset()时被调用。
  • 👉新增 $formutil.$onValidates()，监听Form当前校验是否完成。
  • 👉新增 $fieldutil.$onValidate()，监听当前Field校验是否完成。
  • 👉新增 EasyField现在支持通过传递 type="list" 来快速创建动态增删的Field数组列表表单了！
Assets 2
Loading