Vue Diagram Interfaces

This section describes interfaces that the Diagram component uses.

CustomCommand

An object that provides information about a custom command in the Diagram UI component.

import { DxDiagramTypes } from "devextreme-vue/diagram"
Type: DxDiagramTypes.CustomCommand

dxDiagramAddShapeArgs

Contains information about the processed shape.

import { DxDiagramTypes } from "devextreme-vue/diagram"

dxDiagramAddShapeFromToolboxArgs

Contains information about the processed shape.

import { DxDiagramTypes } from "devextreme-vue/diagram"

dxDiagramBeforeChangeConnectorTextArgs

Contains information about the processed connector.

import { DxDiagramTypes } from "devextreme-vue/diagram"

dxDiagramBeforeChangeShapeTextArgs

Contains information about the processed shape.

import { DxDiagramTypes } from "devextreme-vue/diagram"

dxDiagramChangeConnectionArgs

Contains information about the processed connection.

import { DxDiagramTypes } from "devextreme-vue/diagram"

dxDiagramChangeConnectorPointsArgs

Contains information about the processed connector.

import { DxDiagramTypes } from "devextreme-vue/diagram"

dxDiagramChangeConnectorTextArgs

Contains information about the processed connector.

import { DxDiagramTypes } from "devextreme-vue/diagram"

dxDiagramChangeShapeTextArgs

Contains information about the processed shape.

import { DxDiagramTypes } from "devextreme-vue/diagram"

dxDiagramConnector

An object that provides information about a connector in the Diagram UI component.

import { DxDiagramTypes } from "devextreme-vue/diagram"
Type: DxDiagramTypes.dxDiagramConnector

dxDiagramDeleteConnectorArgs

Contains information about the processed connector.

import { DxDiagramTypes } from "devextreme-vue/diagram"

dxDiagramDeleteShapeArgs

Contains information about the processed shape.

import { DxDiagramTypes } from "devextreme-vue/diagram"

dxDiagramItem

An object that provides information about an item (shape or connector) in the Diagram UI component.

import { DxDiagramTypes } from "devextreme-vue/diagram"
Type: DxDiagramTypes.Item

dxDiagramMoveShapeArgs

Contains information about the processed shape.

import { DxDiagramTypes } from "devextreme-vue/diagram"

dxDiagramResizeShapeArgs

Contains information about the processed shape.

import { DxDiagramTypes } from "devextreme-vue/diagram"

dxDiagramShape

An object that provides information about a shape in the Diagram UI component.

import { DxDiagramTypes } from "devextreme-vue/diagram"
Type: DxDiagramTypes.dxDiagramShape