GridDragResize
Props
GridDragResizeCommonProps
These props are inherited from the outside to the inside during the nesting group.
| 名称 | 类型 | 默认值 | 说明 | 版本 |
|---|---|---|---|---|
| overflow | string | undefined | CSS overflow, children has higher priority | 0.6.0 |
| dragHandler | string | '' | Drag anchor (querySelector), children has higher priority | 0.0.17 |
| dropOutHandler | string | '' | Drop out(querySelector),children has higher priority | 0.9.0 |
| removeHandler | string | '' | Remove(querySelector),children has higher priority | 0.9.0 |
| readonly | boolean | false | Readonly, true will disable all xxxable | 0.0.17 |
| draggable | boolean | true | Draggable | 0.0.17 |
| resizable | boolean | true | Resizable | 0.0.17 |
| removable | boolean | true | Removable | 0.2.0 |
| droppableIn | boolean | true | Droppable in | 0.7.0 |
| droppableOut | boolean | true | Droppable out | 0.7.0 |
| mask | boolean | undefined | Mask to stop inner mouse event | 0.12.0 |
GridDragResizeProps<T>
| Name | Type | Default | Desc | Version |
|---|---|---|---|---|
| columns (v-model) | number | 1 | Number of columns | 0.0.17 |
| rows (v-model) | number | 1 | Number of rows | 0.0.17 |
| gap | number | 0 | gap size | 0.0.17 |
| columnSize | number | undefined | Column size, undefined as 1fr | 0.0.17 |
| rowSize | number | undefined | Row size, undefined undefined as 1fr | 0.0.17 |
| columnTemplate | string | undefined | Grid column template(Support:px、fr、repeat) | 0.11.0 |
| rowTemplate | string | undefined | grid row template (Support:px、fr、repeat) | 0.11.0 |
| columnExpandable | boolean | false | Enable columns to expand to the right(Disable when in nested group) | 0.0.17 |
| rowExpandable | boolean | false | Enable rows to expand to the bottom(Disable when in nested group) | 0.0.17 |
| children (v-model) | GridDragResizeItemProps <T>[] | [] | children Props | 0.0.17 |
| droppingChild (v-model) | GridDragResizeItemProps | undefined | Child which is dropping | 0.2.6 |
| selectedChild (v-model) | GridDragResizeItemProps | undefined | Child selected | 0.8.0 |
| beforeDrop | (prop: GridDragResizeItemProps) => GridDragResizeItemProps | Promise< GridDragResizeItemProps > | undefined | Update prop before drop | 0.7.0 |
| beforeEmptyClick | (props:any)=>boolean | undefined | clear selection by logic | 0.13.0 |
| className | string | undefined | Add CSS Class | 0.4.0 |
| tagName | string | 'div' | Root element TagName | 0.7.0 |
Events
| Name | Type | Default | Desc | Version |
|---|---|---|---|---|
| select | (prop:GridDragResizeItemProps) =>void | undefined | Select | 0.8.0 |
children Props
GridDragResizeItemProps<T>
| Name | Type | Default | Desc | Version |
|---|---|---|---|---|
| columns (v-model) | number | 1 | Number of columns | 0.0.17 |
| rows (v-model) | number | 1 | Number of rows | 0.0.17 |
| columnStart (v-model) | number | 1 | CSS columnStart | 0.0.17 |
| columnEnd (v-model) | number | 2 | CSS columnEnd | 0.0.17 |
| rowStart (v-model) | number | 1 | CSS rowStart | 0.0.17 |
| rowEnd (v-model) | number | 2 | CSS rowEnd | 0.0.17 |
| render | (props?: any) => VNode | undefined | Content | 0.0.17 |
| data | T | undefined | Data | 0.0.17 |
| child | GridDragResizeProps<T> | undefined | Sub GridDragResize | 0.4.0 |