UNPKG

@form-create/ant-design-vue

Version:

Ant Design Vue 版本低代码表单 | FormCreate 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的低代码表单生成组件。支持多个 UI 框架,适配移动端,并且支持生成任何 Vue 组件。内置 20 种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。

23 lines (20 loc) • 769 B
import {creatorFactory} from '@form-create/core/src/index'; const name = 'input'; export default { name, maker: (function () { return ['password', 'url', 'email', 'text', 'textarea', 'search'].reduce((maker, type) => { maker[type] = creatorFactory(name, {type}); return maker; }, { idate: creatorFactory(name, {type:'date'}) }); }()), modelField: 'value', render(children, ctx) { let type = ctx.prop.props.type; if (['textarea', 'search', 'password'].indexOf(type) === -1) type = 'input'; type = {textarea: 'aTextarea', search: 'aInputSearch', password: 'aInputPassword'}[type] || 'aInput' return ctx.$render.vNode.make(type, ctx.prop, children); } }