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

import parser from './parser'
import {creatorFactory} from '@form-create/core';

const name = 'autoComplete';

const maker = {
    auto: creatorFactory(name)
};


export default {parser, name, maker};

import handler from "./handler";
import {creatorFactory} from "@form-create/core";
import Render from '../../factory/render';


const name = "inputNumber";


const maker = {
    number: creatorFactory(name)
};

const render = Render.factory(name);

export default {handler, render, name, maker};

import handler from './handler'
import {creatorFactory} from "@form-create/core";
import Render from '../../factory/render';

const name = 'autoComplete';

const maker = {
    auto: creatorFactory(name)
};

const render = Render.factory(name, true);


export default {handler, render, name, maker};

names.forEach(name => {
    maker[name] = creatorFactory(name);
});

import {creatorFactory, BaseParser} from '@form-create/core';

const name = 'colorPicker';

const maker = {
    color: creatorFactory(name)
};

class parser extends BaseParser {
    watchFormValue(n, h) {
        h.refresh();
    }
}

export default {parser, name, maker};

import parser from './parser';
import {creatorFactory} from '@form-create/core';


const name = 'inputNumber';


const maker = {
    number: creatorFactory(name)
};

export default {parser, name, maker};

maker.hidden = (field, value) => creatorFactory('hidden')('', field, value);

import handler from "./handler";
import {creatorFactory} from "@form-create/core";
import Render from '../../factory/render';

const name = "colorPicker";

const maker = {
    color: creatorFactory(name)
};

const render = Render.factory(name, true);

export default {handler, render, name, maker};

    [name]: (field, value) => creatorFactory(name)('', field, value)
};