Ir al contenido

Diagram

const Diagram: DefineComponent<ExtractPropTypes<{ className: { default: null; type: StringConstructor; }; groupTemplate: { default: null; type: () => Panel | null; }; initDiagram: { default: null; type: () => ((d) => void) | null; }; linkTemplate: { default: null; type: () => Panel | null; }; model: { default: null; type: () => GraphLinksModel | null; }; nodeTemplate: { default: null; type: () => Panel | null; }; onDiagramEvent: { default: null; type: () => ((type, e) => void) | null; }; onModelChange: { default: null; type: () => ((e) => void) | null; }; onSelectionChanged: { default: null; type: () => ((d) => void) | null; }; style: { default: null; type: () => Record<string, string> | null; }; }>, () => VNode<RendererNode, RendererElement, {[key: string]: any; }>, { }, { }, { }, ComponentOptionsMixin, ComponentOptionsMixin, ("diagram-init" | "model-change" | "diagram-event" | "selection-changed")[], "diagram-init" | "model-change" | "diagram-event" | "selection-changed", PublicProps, ToResolvedProps<ExtractPropTypes<{ className: { default: null; type: StringConstructor; }; groupTemplate: { default: null; type: () => Panel | null; }; initDiagram: { default: null; type: () => ((d) => void) | null; }; linkTemplate: { default: null; type: () => Panel | null; }; model: { default: null; type: () => GraphLinksModel | null; }; nodeTemplate: { default: null; type: () => Panel | null; }; onDiagramEvent: { default: null; type: () => ((type, e) => void) | null; }; onModelChange: { default: null; type: () => ((e) => void) | null; }; onSelectionChanged: { default: null; type: () => ((d) => void) | null; }; style: { default: null; type: () => Record<string, string> | null; }; }>, ("diagram-init" | "model-change" | "diagram-event" | "selection-changed")[]>, { className: string; groupTemplate: Panel | null; initDiagram: ((d) => void) | null; linkTemplate: Panel | null; model: GraphLinksModel | null; nodeTemplate: Panel | null; onDiagramEvent: ((type, e) => void) | null; onModelChange: ((e) => void) | null; onSelectionChanged: ((d) => void) | null; style: Record<string, string> | null; }, { }, { }, { }, string, ComponentProvideOptions, true, { }, any>

Defined in: vue/index.ts:24

A Vue component that renders a GraphoJS/GoJS-compatible diagram. The diagram is created once and updated reactively when props change.