Skip to content

GridDragResize

配置项

GridDragResizeCommonProps

这些配置在嵌套过程中,会从外到内传递继承。

名称类型默认值说明版本
overflowstringundefinedCSS overflow ,子组件优先级更高0.6.0
dragHandlerstring''拖动锚点(querySelector),子组件优先级更高0.0.17
dropOutHandlerstring''拖出锚点(querySelector),子组件优先级更高0.9.0
removeHandlerstring''移除锚点(querySelector),子组件优先级更高0.9.0
readonlybooleanfalse只读,true 将禁用所有的 xxxable0.0.17
draggablebooleantrue是否可拖动0.0.17
resizablebooleantrue是否可调整大小0.0.17
removablebooleantrue是否可移除0.2.0
droppableInbooleantrue是否能拖入0.7.0
droppableOutbooleantrue是否能拖出0.7.0
maskbooleanundefined蒙版阻止内部鼠标事件0.12.0

GridDragResizeProps<T>

名称类型默认值说明版本
columns (v-model)number1列数0.0.17
rows (v-model)number1行数0.0.17
gapnumber0间隙0.0.17
columnSizenumberundefined列宽,undefined 相当于 1fr0.0.17
rowSizenumberundefined行高,undefined 相当于 1fr0.0.17
columnTemplatestringundefinedgrid 模板 列(支持:px、fr、repeat)0.11.0
rowTemplatestringundefinedgrid 模板 行 (支持:px、fr、repeat)0.11.0
columnExpandablebooleanfalse允许向右扩展列数(嵌套组件无效)0.0.17
rowExpandablebooleanfalse允许向下扩展行数(嵌套组件无效)0.0.17
children (v-model)GridDragResizeItemProps<T>[][]子配置项0.0.17
droppingChild (v-model)GridDragResizeItemPropsundefined正在拖入的配置项0.2.6
selectedChild (v-model)GridDragResizeItemPropsundefined选中项0.8.0
beforeDrop(prop:GridDragResizeItemProps)
=>
GridDragResizeItemProps |
Promise<
GridDragResizeItemProps
>
undefined拖入之前进行处理0.7.0
classNamestringundefined附加 CSS Class0.4.0
tagNamestring'div'根节点的 TagName0.7.0

事件

NameTypeDefaultDescVersion
select(prop:GridDragResizeItemProps)
=>void
undefined选择0.8.0

子配置项

GridDragResizeItemProps<T>

名称类型默认值说明版本
columns (v-model)number1列数0.0.17
rows (v-model)number1行数0.0.17
columnStart (v-model)number1CSS columnStart0.0.17
columnEnd (v-model)number2CSS columnEnd0.0.17
rowStart (v-model)number1CSS rowStart0.0.17
rowEnd (v-model)number2CSS rowEnd0.0.17
render() => VNodeundefined显示内容0.0.17
dataTundefined数据项0.0.17
childGridDragResizeProps<T>undefined子 GridDragResize0.4.0