refactor(components): 统一组件API规范并完善表单重置功能

- 将多个组件的props从具体属性名改为统一的value属性
- 为所有组件添加v-model支持,替换原有的具体属性绑定
- 统一实现resetField方法,确保表单重置功能一致性
- 修正组件内部数据绑定逻辑,使用innerValue替代直接修改prop
- 更新文档示例,将API参数说明改为value | v-model格式
- 为代码编辑器、富文本编辑器等组件添加input事件发射
- 调整文件上传组件的值类型定义,从Object改为String
- 移除废弃的maxLength回调方法,优化编辑器性能
- 重构双向绑定逻辑,确保父子组件数据同步正确性
- 为树形选择器添加ref引用以便操作内部实例
- 调整组件演示页面的导入路径和标签页名称结构
This commit is contained in:
2026-02-05 14:34:32 +08:00
parent 9adedc71a5
commit 882ac772d3
31 changed files with 218 additions and 120 deletions
@@ -6,7 +6,7 @@
-->
<template>
<el-input
v-model="content"
v-model="innerValue"
type="textarea"
:autosize="{ minRows: 1, maxRows: 5}"
placeholder="请输入内容"
@@ -50,12 +50,23 @@ export default {
},
data() {
return {
content: this.value
innerValue: ''
}
},
watch: {
value(newVal) {
this.innerValue = newVal
}
},
methods: {
handleInput(value) {
this.$emit('change', value)
this.$emit('input', value)
},
resetField() {
this.innerValue = ''
this.$emit('change', '')
this.$emit('input', '')
}
}
}