# Changelog

All notable changes to this project will be documented in this file.

The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).

## [0.0.3] - 2025-12-29

### Fixed
- 🐛 修复操作按钮区域 label 占位过宽问题，设置 `label-width="0"`

## [0.0.2] - 2025-12-29

### Changed
- 🔄 **布局系统重构**：移除 `responsive` 配置，改用 `el-row` + `el-col` 栅格系统
- 🔄 新增 `defaultCol` 全局栅格配置，默认 `{ xs: 24, sm: 12, md: 8, lg: 6, xl: 6 }`
- 🔄 每个表单项支持单独配置 `col` 覆盖全局设置
- 🔄 表单控件宽度改为 `100%`，自动撑满栅格
- 🔄 `inline` 默认值改为 `false`（使用栅格布局）

### Added
- ✨ 新增 `setFieldValue(key, value)` 方法：设置单个字段的值
- ✨ 新增 `setFieldsValue(values)` 方法：批量设置字段的值
- ✨ 新增 `ColConfig` 类型定义

### Removed
- 🗑️ 移除 `responsive` 配置（wrap、breakpoint、maxItemsPerRow）
- 🗑️ 移除 `itemWidth` 配置
- 🗑️ 移除 `@vueuse/core` 依赖

## [0.0.1] - 2025-12-27

### Added
- 🎉 首次发布 vue3-smart-form 组件
- ✨ 支持多种表单类型：Input、InputNumber、Select、Date、DateRange、DateTime、DateTimeRange、Slot
- ✨ 支持对象和数组两种配置格式
- ✨ 支持自定义按钮配置（配置形式 + 插槽形式）
- ✨ 支持响应式换行（根据屏幕宽度自动换行）
- ✨ 完全透明的原生事件传递机制
- ✨ 支持所有 Element Plus 原生属性和事件（三级支持：formProps、itemProps、props）
- ✨ 完整的 TypeScript 类型定义
- 📝 完善的文档和使用示例

### Design Philosophy
- 🎯 纯配置驱动，API 简洁统一
- 🎯 只保留元数据作为顶级属性，原生属性统一通过 props 配置
- 🎯 完全兼容 Element Plus，无学习成本

### Features
- 配置驱动式表单生成
- 双格式配置支持（对象/数组）
- 自定义插槽扩展
- 按钮灵活配置（配置/插槽/混合）
- 动态显示/隐藏表单项
- 表单联动支持
- 响应式布局
- 事件透明传递