How to use the @form-create/core.VNode function in @form-create/core

import {VNode, Vue} from '@form-create/core';
import {isUndef} from '@form-create/utils';

const vNode = new VNode({});
const Modal = (options, cb) => {
    if (isUndef(options.width)) options.width = '30%';
    return {
        name: 'fc-modal',
        data() {
            return {
                visible: true,
                ...options
            }
        },
        render() {
            vNode.setVm(this);
            return vNode.modal({
                props: this.$data,
                on: {
                    close: this.onClose,

constructor(fComponent) {
        let {id, vm, fieldList, handlers} = fComponent;
        this.vm = vm;
        this.handlers = handlers;
        this.renderSort = fieldList;
        this.fc = fComponent;
        this.vNode = new VNode(vm);
        this.vData = new VData();
        this.unique = id;
        this.refName = `cForm${id}`;
        this.cacheUnique = 0;
    }

constructor(fComponent) {
        let {id, vm, fieldList, handlers} = fComponent;
        this.vm = vm;
        this.handlers = handlers;
        this.renderSort = fieldList;
        this.fc = fComponent;
        this.vNode = new VNode(vm);
        this.vData = new VData();
        this.unique = id;
        this.refName = `cForm${id}`;
        this.cacheUnique = 0;
    }

import {Vue, VNode} from '@form-create/core';

const vNode = new VNode();
const Modal = (options, cb) => {
    return {
        name: 'fc-modal',
        data() {
            return {
                value: true,
                ...options
            }
        },
        render() {
            vNode.setVm(this);
            return vNode.modal({
                props: this.$data,
                on: {
                    'on-visible-change': this.remove
                }