Home > @jsplumbtoolkit/browser-ui-vue3 > BaseGroupComponent

BaseGroupComponent variable

Provides a mixin you should use to create a component that renders a group.

Usage:

Vue.component('MyGroup', {
 props:{ ... },
 mixins:[ jsPlumbToolkitVue3.BaseGroupComponent],
 template:'...your node template.......',
 methods:{
     ...
 }
})

Signature:

BaseGroupComponent: {
    methods: {
        getGroup: () => any;
        removeGroup: (removeChildNodes?: boolean) => void;
        updateGroup: (data: any) => void;
    };
    mixins: {
        props: {
            obj: ObjectConstructor;
            toolkit: typeof BrowserUIVue3;
            vertex: typeof Vertex;
            surface: typeof Surface;
            el: {
                new (): Element;
                prototype: Element;
            };
            def: ObjectConstructor;
            eventInfo: ObjectConstructor;
        };
        mounted(): void;
        methods: {
            getToolkit: () => any;
            removeVertex: () => void;
        };
        updated(): void;
    }[];
}