Skip to content

1.0.2

Latest
Compare
Choose a tag to compare
@phamdohung161 phamdohung161 released this 11 Dec 08:15

AntD Form Composer v1.0.2 Release Notes

We're excited to announce the first stable release of AntD Form Composer, a powerful form composition library for React applications built on top of Ant Design Form.

🎉 Initial Release Highlights

Core Features

  • ✨ Dynamic form field composition with flexible configurations
  • 🎨 Built-in support for common Ant Design form components
  • 📝 Form list support for repeatable fields
  • 🎭 Conditional rendering based on runtime conditions
  • 🧩 Custom component integration
  • 📱 Responsive layout support with grid system
  • 🔍 Full TypeScript support with comprehensive type definitions

Components Support

Pre-registered Components

  • text: Ant Design Input
  • textarea: Ant Design Input.TextArea
  • password: Ant Design Input.Password
  • list: Dynamic Form List

Type-defined Components (Require Registration)

Component Type Ant Design Component Status
search Input.Search Type-ready
number InputNumber Type-ready
select Select Type-ready
date-picker DatePicker Type-ready
range-picker DatePicker.RangePicker Type-ready
time-picker TimePicker Type-ready
radio Radio Type-ready
radio-group Radio.Group Type-ready
checkbox Checkbox Type-ready
checkbox-group Checkbox.Group Type-ready
switch Switch Type-ready
slider Slider Type-ready
rate Rate Type-ready
mentions Mentions Type-ready
autocomplete AutoComplete Type-ready
cascader Cascader Type-ready
transfer Transfer Type-ready
tree-select TreeSelect Type-ready

Key Features Breakdown

Dynamic Form Fields

  • Flexible field configuration through props
  • Runtime condition-based field rendering
  • Support for custom validation rules
  • Dynamic field value dependencies

Form List Support

  • Repeatable field groups
  • Custom list item rendering
  • Built-in add/remove operations
  • Nested form list support

Layout System

  • Responsive grid layout
  • Customizable column spans
  • Dynamic layout adjustments
  • Support for Ant Design Row/Col props

TypeScript Support

  • Comprehensive type definitions
  • Type-safe props
  • Intelligent IDE suggestions
  • Generic type support for form values

📦 Installation

# Using npm
npm install antd-form-composer

# Using yarn
yarn add antd-form-composer

# Using pnpm
pnpm install antd-form-composer

🐛 Known Issues

  • None reported in this initial release

📋 Requirements

  • React 16.8+ (Hooks support required)
  • Ant Design 4.x or 5.x
  • TypeScript 4.x+ (for TypeScript users)

🔄 Migration Guide

As this is the first release, no migration is necessary. Future releases will include migration guides as needed.

🗓️ Future Plans

  • Live, interactive examples of all supported components
  • Real-time code editing and preview
  • Copy-paste ready code snippets

🙏 Acknowledgments

Special thanks to:

  • The Ant Design team for their excellent component library
  • Our early adopters and contributors
  • The React community for their feedback and support

📬 Feedback and Support

We welcome your feedback and contributions!

For detailed documentation and examples, please refer to our README.