GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → dongls → xForm

dongls / xForm

Licence: MIT License
基于[email protected]的动态表单生成器。

Programming Languages

typescript
32286 projects
Vue
7211 projects
javascript
184084 projects - #8 most used programming language
CSS
56736 projects
SCSS
7915 projects
HTML
75241 projects

Labels

vueformxformvue3

Projects that are alternatives of or similar to xForm

enketo-core
The engine that powers Enketo Tools - Use it to develop your own enketo-powered app.
Stars: ✭ 74 (+196%)
Mutual labels:  form, xform
Formily
Alibaba Group Unified Form Solution -- Support React/ReactNative/Vue2/Vue3
Stars: ✭ 6,554 (+26116%)
Mutual labels:  form, vue3
ak-vue3
组件库包含了 AutoForm 自动表单、BackTop 返回顶部、Breadcrumb 面包屑、 Button 按钮、Cascader 级联选择器、Checkbox 多选框、Collapse 折叠面板、ColorPicker 颜色选择器、DataPicker 时间选择器、Dialog 弹层对话框、Alert 弹框、Echarts 图形图表、Form 表单、Input 输入框、Lazy 图片延时加载、Loading 加载等待、Menu 菜单、Pagination 分页、Progress 进度条、Radio 单选框、Select 选择器、Steps 步骤条、Swiper 图片轮播、Switch 开关、Table 表格、Tabs 标签页、Textarea 文本框、Tooltip 提示、Tr…
Stars: ✭ 24 (-4%)
Mutual labels:  form, vue3
vue3-form-validation
Vue Composition Function for Form Validation
Stars: ✭ 18 (-28%)
Mutual labels:  form, vue3
react-native-validator-form
Simple validator for react-native forms.
Stars: ✭ 21 (-16%)
Mutual labels:  form
react-form-base
Base React component for generic forms
Stars: ✭ 18 (-28%)
Mutual labels:  form
security-code
A powerful security code input supports dynamic configuration of the number of input boxes.
Stars: ✭ 63 (+152%)
Mutual labels:  vue3
react-native-paper-form-builder
React Native Paper Form Builder with inbuilt Validation, dropdown, autocomplete, checkbox, switch and radio inputs.
Stars: ✭ 95 (+280%)
Mutual labels:  form
GUI
Form Window tools for Nukkit and NukkitX plugin developers
Stars: ✭ 20 (-20%)
Mutual labels:  form
vite-example
Todo app with vite/vue3/vue-router4
Stars: ✭ 22 (-12%)
Mutual labels:  vue3
v-bucket
📦 Fast, Simple, and Lightweight State Manager for Vue 3.0 built with composition API, inspired by Vuex.
Stars: ✭ 42 (+68%)
Mutual labels:  vue3
foect
Simple form validation library for React Native.
Stars: ✭ 39 (+56%)
Mutual labels:  form
electron-vue-vite-boilerplate
Electron Vue Vite Boilerplate for you next project
Stars: ✭ 26 (+4%)
Mutual labels:  vue3
react-final-form-listeners
A collection of components to listen to 🏁 React Final Form fields
Stars: ✭ 91 (+264%)
Mutual labels:  form
tutorial-photo-gallery-vue
Photo Gallery Tutorial: Ionic Vue and Capacitor
Stars: ✭ 33 (+32%)
Mutual labels:  vue3
onion-form
React Redux form builder with great UX validations
Stars: ✭ 50 (+100%)
Mutual labels:  form
react-hubspot
A collection of React hooks for interacting with Hubspot APIs
Stars: ✭ 20 (-20%)
Mutual labels:  form
variantwind
Most elegant way to work with TailwindCSS variants in Vue
Stars: ✭ 45 (+80%)
Mutual labels:  vue3
node-input-validator
Validation library for node.js
Stars: ✭ 74 (+196%)
Mutual labels:  form
v-form
🎉 基于 Vant-UI 进行二次封装动态生成表单，通过 JSON 的形式配置，内部集成繁琐的校验规则，可扩展的校验
Stars: ✭ 57 (+128%)
Mutual labels:  form
View All Similar Projects ➔

xForm

基于[email protected]+的动态表单生成器。在线示例

xForm使用了诸如expose、.prop之类的api, 请确保你的Vue版本不低于3.2.0。

更新计划 v0.8.0

  • 支持Element Plus
  • Bootstrap升级至5.x
  • 设计器支持边缘滚动
  • FieldConf更名为Field
  • 通过Field.buttons属性定制字段按钮

兼容性

xForm使用了诸如Proxy、Reflect之类的新特性，因此需要浏览器至少实现了ES2015标准。需要注意的是，xForm不支持IE浏览器，也没有相关的支持计划。

FAQ

文档

xForm当前还在开发中，可能会产生各种不兼容的情况，等正式版发布时一同发布文档。有关xForm的用法可参照在线示例的源码或者相关测试用例

字段库

xForm本身并不提供具体字段类型的实现，也不针对特定业务需求提供实现。考虑到具体业务场景的多样化，xForm也无法一一满足这些要求，因此推荐自行实现字段库。通过这种方式可以实现

  • 使用适合的UI库
  • 完全控制每一种字段，满足自身的需求

当然这么做需要花费更多的时间，xForm提供了以下几个基础的字段库，可以自行参考或直接使用：

License

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].