feat(components): 添加表单组件重置按钮和取消事件支持

- 在 CuteFormDialog、CuteFormDialogPro 和 CuteFormDrawer 组件中添加 showReset 属性控制重置按钮显示
- 为表单组件添加 reset 事件发射功能
- 为表单组件添加 cancel 事件发射功能
- 修改 CuteFormDialog 的 title 属性为非必需,默认值为'默认标题'
- 在 CuteFormDialogPro 中为输入框、选择框、日期范围和日期时间范围组件添加 disabled 状态支持
- 更新 CuteEditTableDemo 的文档描述,说明 disabled 字段功能
- 创建并添加 CuteFormDialogDemo、CuteFormDialogProDemo 和 CuteFormDrawerDemo 示例页面
This commit is contained in:
2026-02-05 10:40:08 +08:00
parent 421788fce8
commit e349499e55
12 changed files with 370 additions and 101 deletions
@@ -99,9 +99,18 @@
<el-collapse-item title="可拖拽排序的数据表格 CuteDragTable" name="CuteDragTable">
<CuteDragTableDemo />
</el-collapse-item>
<el-collapse-item title="可编辑表格 CuteEditTable" name="CuteEditTable">
<el-collapse-item title="可编辑表格(Schema版) CuteEditTable" name="CuteEditTable">
<CuteEditTableDemo />
</el-collapse-item>
<el-collapse-item title="表单弹窗 CuteFormDialog" name="CuteFormDialog">
<CuteFormDialogDemo />
</el-collapse-item>
<el-collapse-item title="表单弹窗(Schema版) CuteFormDialogPro" name="CuteFormDialogPro">
<CuteFormDialogProDemo />
</el-collapse-item>
<el-collapse-item title="表单抽屉 CuteFormDrawer" name="CuteFormDrawer">
<CuteFormDrawerDemo />
</el-collapse-item>
</el-collapse>
</el-tab-pane>
</el-tabs>
@@ -139,10 +148,16 @@ import CuteFileDragUploadDemo from '@/views/componentsDemo/business/CuteFileDrag
import CuteSimpleTableDemo from '@/views/componentsDemo/CuteSimpleTableDemo.vue'
import CuteDragTableDemo from '@/views/componentsDemo/advanced/CuteDragTableDemo.vue'
import CuteEditTableDemo from '@/views/componentsDemo/advanced/CuteEditTableDemo.vue'
import CuteFormDialogDemo from '@/views/componentsDemo/advanced/CuteFormDialogDemo.vue'
import CuteFormDialogProDemo from '@/views/componentsDemo/advanced/CuteFormDialogProDemo.vue'
import CuteFormDrawerDemo from '@/views/componentsDemo/advanced/CuteFormDrawerDemo.vue'
export default {
name: 'SystemComponents',
components: {
CuteFormDrawerDemo,
CuteFormDialogProDemo,
CuteFormDialogDemo,
CuteEditTableDemo,
CuteDragTableDemo,
CuteSimpleTableDemo,