easy-schema-form:一个用于从JSON模式构建Web表单的React组件

时间:2024-05-05 22:15:14
【文件属性】:

文件名称:easy-schema-form:一个用于从JSON模式构建Web表单的React组件

文件大小:42KB

文件格式:ZIP

更新时间:2024-05-05 22:15:14

JavaScript

easy-schema-form 一个基于 jsonschema 生成form 表单的 react 组件 目标 采用标准化交互,满足大部分需求 为了实现这个目的,我们对 object 类型统一为左右两栏布局; 对 object Array 类型,采用了表格式布局,可以设置不常用编辑项或一些比较占用空间的编辑项通过弹层的方式打开编辑; 使用了 ajv 验证库 支持通过 js 表达式自定义部分交互(比如隐藏、禁用等) 支持自定义组件 快速开始 Install npm i easy-schema-form Usage import EasyForm from 'easy-schema-form' import 'easy-schema-form/dist/main.css' const schema = { type: "object", required: ['name'], pr


【文件预览】:
easy-schema-form-master
----index.html(324B)
----rollup.config.js(1KB)
----postcss.config.js(154B)
----.eslintrc.js(1KB)
----webpack.config.js(3KB)
----src()
--------fields()
--------hoc()
--------locale()
--------index.scss(86B)
--------object-schema-form()
--------context.js(235B)
--------utils.js(1KB)
--------withContext.js(647B)
--------model.js(1KB)
--------array-schema-form()
--------__test()
--------index.js(6KB)
--------widgets()
----babel.config.js(261B)
----.npmignore(34B)
----help()
--------test-env.js(684B)
--------alias.js(1KB)
----release.sh(662B)
----examples()
--------array()
--------index.scss(346B)
--------ace-editor()
--------adv-interaction-expressin()
--------simple-case()
--------tabs()
--------index.js(3KB)
--------object-and-array()
----LICENSE(11KB)
----README.md(1KB)
----.gitignore(155B)
----CHANGELOG.md(5KB)
----package.json(4KB)

网友评论