设计器的事件
vue
<fc-designer @active="handleActive" @create="handleCreate" />
active
组件选中事件
当组件在设计器中被选中时触发。事件参数是选中组件的 Rule
对象。
ts
emit('active', Rule);
create
组件新增事件
创建新组件时触发。事件参数是新创建的 Rule
对象。
ts
emit('create', Rule);
copy
组件复制事件
当组件被复制时触发。事件参数是复制的 Rule
对象。
ts
emit('copy', Rule);
delete
组件删除事件
当组件在设计器中被删除时触发。事件参数是被删除的 Rule 对象。
ts
emit('delete', Rule);
drag
组件拖入事件
当拖拽新的组件到设计器中时触发。事件参数包括拖拽规则 dragRule
和拖拽的组件 item
。
ts
emit('drag', {dragRule, item});
inputData
录入数据事件
在录入数据模式下保存录入数据时触发。事件参数是当前的 formData 对象。
ts
emit('inputData', formData);
inputPageData
录入弹窗数据事件
在弹窗中保存录入数据时触发。事件参数是弹窗中录入的 formData 对象。
ts
emit('inputPageData', formData);
save
保存事件
点击保存按钮时触发。事件参数是当前表单的 rule
和 options
。
ts
emit('save', config);
clear
清空事件
在设计表单被清空时触发。事件参数是清空后的 formData 对象。
ts
emit('save', formData);