form-tdesigner
Version:
好用的Vue低代码可视化表单设计器，可以通过拖拽的方式快速创建表单，提高开发者对表单的开发效率。
49 lines (46 loc) • 1.43 kB
JavaScript
import uniqueId from '@form-create/utils/lib/unique';
import {localeOptions, localeProps} from '../../utils';
const label = '计数器';
const name = 'inputNumber';
export default {
menu: 'main',
icon: 'icon-number',
label,
name,
event: ['blur', 'focus', 'change'],
validate: ['number', 'integer', 'float'],
rule({t}) {
return {
type: name,
field: uniqueId(),
title: t('com.inputNumber.name'),
info: '',
$required: false,
props: {}
};
},
props(_, {t}) {
return localeProps(t, name + '.props', [{type: 'switch', field: 'disabled'}, {
type: 'inputNumber',
field: 'min'
}, {
type: 'inputNumber',
field: 'max',
}, {
type: 'inputNumber',
title: 'precision',
field: 'precision',
}, {type: 'inputNumber', field: 'step', props: {min: 0}}, {
type: 'switch',
field: 'stepStrictly'
}, {
type: 'switch',
field: 'controls',
value: true
}, {
type: 'select',
field: 'controlsPosition',
options: localeOptions(t, [{label: 'default', value: ''}, {label: 'right', value: 'right'}])
}, {type: 'input', field: 'placeholder'}]);
}
};