@snema/vue3-form-core

vue3 vue3 ui

props props

@snema/vue3-form-element @snema/vue3-form-ant

npm es6+ lib babe

rollup babel plugin

babel({
    exclude: /node_modules\/(?!(@snema)\/).*/, //  @snema
    extensions: ['.js', '.vue'],
})

## npm
npm install --save @snema/vue3-form-core

## yarn
yarn add @snema/vue3-form-core

props elementUiprops

import createVue2Core from '@snema/vue3-form-core';

const globalOptions = {
    // widget
    WIDGET_MAP: {
        // schema type widget
        types: {
            // type  boolean
            boolean: 'el-switch',

            // type  string
            string: 'el-input',

            // type number
            number: 'el-input-number',

            // type integer
            integer: 'el-input-number',
        },

        //  schema format widget types
        formats: {
            // format: color
            color: 'el-color-picker',

            // format: time
            time: TimePickerWidget, //  20:20:39+00:00

            // format: date
            date: DatePickerWidget, //  2018-11-13

            // format: date-time
            'date-time': DateTimePickerWidget, //  2018-11-13T20:20:39+00:00
        },

        //
        common: {
            // select option
            select: SelectWidget,

            // radio
            radioGroup: RadioWidget,

            // checkout
            checkboxGroup: CheckboxesWidget,
        },

        //  ui
        // Vue3 app formsetup
        widgetComponents: {
            CheckboxesWidget,
            RadioWidget,
            SelectWidget,
            TimePickerWidget,
            DatePickerWidget,
            DateTimePickerWidget
        }
    },

    //
    COMPONENT_MAP: {
        // form
        form: 'el-form',

        // formItem
        formItem: 'el-form-item',

        // button
        button: 'el-button',

        // popoverformLable description
        popover: 'el-popover'
    },
    HELPERS: {
        // mini description
        isMiniDes(formProps) {
            return formProps && ['left', 'right'].includes(formProps.labselPosition);
        }
    }
};

const mySchemaForm = createVue2Core(globalOptions);

ui

License

Apache-2.0