{"repo":"0604hx/grid-form","free":true,"listed":false,"github":"https://github.com/0604hx/grid-form","clone":"git clone https://github.com/0604hx/grid-form.git","description":"格子表单：基于 GRID 布局的简单表单工具（包含可视化设计器、渲染器），默认组件库为 Naive UI，同时支持 element-plus、vant4、Varlet3 渲染","language":"Vue","stars":86,"topics":["form-designer","form-render","visualization","vue3","element-plus","naive-ui","vant4","low-code","pnpm","varlet-ui"],"license":"MIT","category":"workflow-automation","readme_excerpt":"格子表单 / GRID-FORM 基于 GRID 布局的简单表单工具（包含可视化设计器、渲染器），默认组件库为 Naive UI。 此工具仅适用于布局简单纯粹的表单场景 😄 开源地址：👉 GitCode（中国大陆友好⚡）、Github 👈 在线文档及演示：👉 Github Pages 、个人站点（中国大陆友好⚡） 👈 --- 包名 说明 进度 版本 - - - - common 通用工具 ✅ designer 可视化设计器（基于 Naive UI） ✅ render-naive 基于Naive UI实现的渲染器 ✅ render-element 基于Element Plus实现的渲染器 ✅ render-arco 基于Arco Design实现的渲染器 🏗️ render-vant 基于Vant4实现的渲染器 ✅ render-varlet 基于varlet实现的渲染器 ✅ render-tree 简单树形结构渲染器（Web Components） ✅ 说明： Web Components 渲染器可以在任何 web 项目中使用（不限于 vue 环境）😄 --- 相关博文 基于 VUE3 可视化低代码表单设计器 嵌套子表单与自定义脚本交互 文档网站搭建（VitePress）与部署（Github Pages） 必填项检验 BUG 修复实录 更新日志 详见：更新日志/changelog --- 1. 总览 / OVERVIEW 更多截图请看 screenshot 2. 开始使用 / GETTING STARTED 2.1 仅使用渲染器 详细文档见：render.md 1. 安装依赖 2. 使用渲染器组件 2.1.1 表单项默认值 我们可以通过 ${xxxx} 的格式设置（注意，前后不能有其他字符）表单项的默认值，渲染过程中会将占位符替换为计算后的值 2.1.2 内置组件 业务系统可自行扩展自定义组件 组件名称 说明 Naive UI Element Plus Vant4 Varlet - - - - - - 文本输入 支持TEXTAREA ✅ ✅ ✅ ✅ 数值输入 仅限数字 ✅ ✅ ✅ ✅ 动态标签 标签组输入（Array） ✅ ✅ 按钮 可用于交互操作 ✅ ✅ ✅ ✅ 日期选择 ✅ ✅ ✅ ✅ 下拉选择（Select） 支持多选 ✅ ✅ ✅ ✅ 单选框（Radio） ✅ ✅ ✅ ✅ 开关（Switch） 布尔值 ✅ ✅ ✅ ✅ 多选框（Checkbox） ✅ ✅ ✅ ✅ 星级评分（Rate） 数值 ✅ ✅ ✅ ✅ 颜色选择器 ✅ ✅ 文件上传 按指定格式读取内容 ✅ ✅ ✅ ✅ 静态文本 支持HTML ✅ ✅ ✅ ✅ 信息框 标题+正文，支持HTML ✅ ✅ ✅ ✅ 分割线 ✅ ✅ ✅ ✅ 图片展示 ✅ ✅ ✅ ✅ 静态表格 简单的二维数据展示表格 ✅ ✅ ✅ ✅ 子容器（Card） 嵌套容器 ✅ ✅ ✅ ✅ 注意：上述组件 特殊标注 则表示支持自定义脚本 2.2 使用设计器 设计器依赖 render-naive 3. 数据结构 / DATA STRUCTURE 详见：data-structure.md 4. 开发 / DEVELOPMENT 本项目采用 pnpm 进行管理，请确保相应环境已安装 5. 附录 / ABOUT 5.1 说明 1. 此组件仅为个人学习 2. LOGO 来自阿里巴巴矢量图标库 5.2 主流选型 这里列出可二次开发的, 同时具备表单渲染、表单设计的工具（截止至 2022年底） 方案 框架 UI库 备注 -----","default_branch":null,"files":null,"tree":[],"storefront":"/r/0604hx","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/0604hx/grid-form/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}