feat(CuteEditTable): 增强表格组件功能并优化交互体验

- 将slot-scope语法升级为v-slot现代语法
- 添加disabled状态控制输入框和选择框的禁用状态
- 新增置顶功能按钮,支持将最后一行数据移动到顶部
- 重命名onRowRemove方法为onRowDelete保持语义一致性
- 添加多个事件回调包括row-change、row-delete、row-up、row-down、row-force-up
- 在演示页面中为示例数据添加disabled属性展示禁用效果
- 更新文档说明新增的事件回调参数和使用方式
- 修正CuteTransferDemo中对change事件的描述准确性
This commit is contained in:
2026-02-05 09:37:56 +08:00
parent 166fafab9a
commit 974e9946dc
3 changed files with 47 additions and 20 deletions
@@ -46,7 +46,7 @@ export default {
],
dataSource: [
{ id: 1, name: '小明', sex: 'mm', description: '小明牛P' },
{ id: 4, name: '小绿', sex: 'nn', description: '小绿牛P' },
{ id: 4, name: '小绿', sex: 'nn', description: '小绿牛P', disabled: true },
{ id: 5, name: '小黄', sex: 'nn', description: '小黄牛P' },
{ id: 6, name: '小紫', sex: 'nn', description: '小紫牛P' },
{ id: 17, name: '小郑', sex: 'mm', description: '小郑牛P' },
@@ -66,7 +66,12 @@ export default {
{ name: 'value', remark: '绑定的值', type: 'array', defaultValue: '-', required: '否' },
{ name: 'primary-key', remark: '对象中的哪个字段设置为主键', type: 'string', defaultValue: 'id', required: '是' },
{ name: 'height', remark: '表格高度', type: 'number', defaultValue: 'height', required: '否' },
{ name: 'schema', remark: '表格定义', type: 'array', defaultValue: '[]', required: '是' }
{ name: 'schema', remark: '表格定义', type: 'array', defaultValue: '[]', required: '是' },
{ name: 'row-change', remark: '行数据发生改变的时候触发的回调', type: '(index, name, val) => {}', defaultValue: '-', required: '否' },
{ name: 'row-delete', remark: '行被删除的时候触发的回调', type: '(index) => {}', defaultValue: '-', required: '否' },
{ name: 'row-up', remark: '行被向上移动的时候触发的回调', type: '(index, newIndex, row) => {}', defaultValue: '-', required: '否' },
{ name: 'row-down', remark: '行被向下移动的时候触发的回调', type: '(index, newIndex, row) => {}', defaultValue: '-', required: '否' },
{ name: 'row-force-up', remark: '行被置顶的时候触发的回调', type: '(row) => {}', defaultValue: '-', required: '否' }
],
schemaData: [
{ name: 'name', remark: '表单项名称', type: 'string', defaultValue: '-', required: '是' },
@@ -60,7 +60,7 @@ export default {
{ name: 'dataSource', remark: '左侧表格数据', type: 'array', defaultValue: '[]', required: '是' },
{ name: 'primary-key', remark: '取对象的哪个值作为value', type: 'string', defaultValue: 'id', required: '否' },
{ name: 'loading', remark: '是否加载中', type: 'boolean', defaultValue: 'false', required: '是' },
{ name: 'change', remark: '右侧已选值发生改变的时候触发的回调', type: '(value) => {}', defaultValue: '-', required: '否' }
{ name: 'change', remark: '右侧数据源发生改变的时候触发的回调', type: '(value) => {}', defaultValue: '-', required: '否' }
]
}
}