@syncfusion/ej2-vue-diagrams/src/diagram/diagram.component.d.ts

Feature-rich diagram control to create diagrams like flow charts, organizational charts, mind maps, and BPMN diagrams. Its rich feature set includes built-in shapes, editing, serializing, exporting, printing, overview, data binding, and automatic layouts.

import { ComponentBase, DefineVueComponent } from '@syncfusion/ej2-vue-base';
import { Diagram, DiagramModel } from '@syncfusion/ej2-diagrams';
export declare const properties: string[];
export declare const modelProps: string[];
export declare const testProp: any;
export declare const props: any, watch: any, emitProbs: any;
/**
 * Represents vue Diagram Component
 * ```html
 * <ejs-diagram></ejs-diagram>
 * ```
 */
export declare let DiagramComponent: DefineVueComponent<DiagramModel>;
export declare type DiagramComponent = typeof ComponentBase & {
    ej2Instance: Diagram;
    isVue3: boolean;
    isLazyUpdate: Boolean;
    plugins: any[];
    propKeys: string[];
    models: string[];
    hasChildDirective: boolean;
    tagMapper: {
        [key: string]: Object;
    };
    tagNameMapper: Object;
    setProperties(prop: any, muteOnChange: boolean): void;
    trigger(eventName: string, eventProp: {
        [key: string]: Object;
    }, successHandler?: Function): void;
    add(obj: Object | Object, group?: boolean): Object | Object;
    addChildToGroup(group: Object, child: string | Object | Object): void;
    addChildToUmlNode(node: Object, child: Object | Object | Object, umlChildType: Object): void;
    addConnector(obj: Object): Object;
    addConnectorLabels(obj: Object, labels: Object[]): void;
    addConstraints(constraintsType: number, constraintsValue: number): number;
    addCustomHistoryEntry(entry: Object): void;
    addElements(obj: Object[] | Object[]): void;
    addHistoryEntry(entry: Object, sourceId?: string[]): void;
    addLabels(obj: Object | Object, labels: Object[] | Object[] | Object[]): void;
    addLanes(node: Object, lane: Object[], index?: number): void;
    addLayer(layer: Object, layerObject?: Object[]): void;
    addNode(obj: Object, group?: boolean): Object;
    addNodeLabels(obj: Object, labels: Object[]): void;
    addNodeToLane(node: Object, swimLane: string, lane: string): void;
    addPhases(node: Object, phases: Object[]): void;
    addPorts(obj: Object | Object, ports: Object[] | Object[]): void;
    addProcess(process: Object, parentId: string): void;
    addTextAnnotation(annotation: Object, node: Object): void;
    align(option: Object, objects?: undefined[], type?: Object): void;
    bringIntoView(bound: Object): void;
    bringLayerForward(layerName: string): void;
    bringToCenter(bound: Object): void;
    bringToFront(): void;
    clear(): void;
    clearHistory(): void;
    clearSelection(): void;
    cloneLayer(layerName: string): void;
    copy(): Object;
    cut(): void;
    destroy(): void;
    distribute(option: Object, objects?: undefined[]): void;
    distributePorts(nodeIds: string[]): void;
    doLayout(): Object | boolean;
    drag(obj: Object | Object | Object, tx: number, ty: number): void;
    dragSourceEnd(obj: Object, tx: number, ty: number): void;
    dragTargetEnd(obj: Object, tx: number, ty: number): void;
    editSegment(editOptions: Object): void;
    endGroupAction(): void;
    exportDiagram(options: Object): string | Object;
    exportImage(image: string, options: Object): void;
    exportToVisio(options?: Object): Object;
    findElementUnderMouse(obj: Object, position: Object, diagram: Object, padding?: number): Object;
    findObjectsUnderMouse(position: Object, source?: Object): Object[];
    fitToPage(options?: Object): void;
    getActiveLayer(): Object;
    getConnectorObject(id: string): Object;
    getCursor(action: string, active: boolean): string;
    getDiagramAction(diagramAction: Object): string;
    getDiagramBounds(): Object;
    getDiagramContent(styleSheets?: Object): string;
    getEdges(args: Object): string[];
    getHistoryStack(isUndoStack: boolean): Object[];
    getNodeObject(id: string): Object;
    getObject(name: string): Object;
    getParentId(id: string): string;
    getTool(action: string): Object;
    group(): void;
    hideTooltip(obj: Object | Object): void;
    importFromVisio(file: Object, options?: Object): Object;
    insertData(node?: Object | Object): object;
    loadDiagram(data: string, isEJ1Data?: boolean): Object;
    loadDiagramFromMermaid(data: string): void;
    moveForward(): void;
    moveObjects(objects: string[], targetLayer?: string): void;
    moveObjectsUp(node: Object | Object, currentLayer: Object): void;
    nudge(direction: Object, x?: number, y?: number, type?: string): void;
    pan(horizontalOffset: number, verticalOffset: number, focusedPoint?: Object, isInteractiveZoomPan?: boolean): void;
    paste(obj?: undefined[]): void;
    print(options: Object): void;
    printImage(image: string, options: Object): void;
    redo(): void;
    remove(obj?: Object | Object): void;
    removeChildFromGroup(group: Object, child: string | Object | Object): void;
    removeConstraints(constraintsType: number, constraintsValue: number): number;
    removeData(node?: Object | Object): object;
    removeLabels(obj: Object | Object, labels: Object[] | Object[]): void;
    removeLane(node: Object, lane: Object): void;
    removeLayer(layerId: string): void;
    removePhase(node: Object, phase: Object): void;
    removePorts(obj: Object | Object, ports: Object[] | Object[]): void;
    removeProcess(id: string): void;
    reset(): void;
    resetSegments(): void;
    rotate(obj: Object | Object | Object, angle: number, pivot?: Object, rotateUsingHandle?: boolean): boolean;
    sameSize(option: Object, objects?: undefined[]): void;
    saveDiagram(): string;
    saveDiagramAsMermaid(): string;
    scale(obj: Object | Object | Object, sx: number, sy: number, pivot: Object): boolean;
    select(objects: undefined[], multipleSelection?: boolean, oldValue?: undefined[]): void;
    selectAll(): void;
    sendBackward(): void;
    sendLayerBackward(layerName: string): void;
    sendToBack(): void;
    setActiveLayer(layerName: string): void;
    setStackLimit(stackLimit: number): void;
    showTooltip(obj: Object | Object): void;
    startGroupAction(): void;
    startTextEdit(node?: Object | Object, id?: string): void;
    unGroup(): void;
    unSelect(obj: Object | Object): void;
    undo(): void;
    updateData(node?: Object | Object): object;
    updateFromModel(): void;
    updateViewPort(): void;
    zoom(factor: number, focusedPoint?: Object): void;
    zoomTo(options: Object): void;
};
export declare const DiagramPlugin: {
    name: string;
    install(Vue: any): void;
};