lowcode-form

通过lowcode快速生成表单

可生成vue文件进行二次编码

• 【预览地址】

分支调整

• 第一版：form-drag 分支

使用插件

• nprogress：进度条
• file-saver：下载文件
• clipboard: 复制

功能列表

• 主页面结构：左侧为可选组件列表，中间是画布（编辑器），右侧编辑组件定义好的属性，上方为操作栏
• 从菜单拖拽到画布
• 画布内的组件可以拖拽移动位置
• 编辑器中的组件保存至 localStorage 中，再次访问可重新渲染
• 右侧
  • 组件属性
  • 表单属性
• 监听快捷键：delete，copy等
• 选择型组件
  • 下拉框：预定义选项列表、双向绑定字段
    • 远程加载选项列表
  • 日期类组件
    • 可能有两个绑定字段
    • 时间选择
      • 禁止时段（小时、分、秒）
• 可选项：显示标签、能否清空、是否禁用、是否必填
• 校验：正则校验
  • 表达式 + 错误提示
• 操作栏功能
  • 导入
  • 导出