0604hx/grid-form

我来啦,提个建议

meimosor opened this issue · 3 comments

1.有没有demo环境可以提供体验的
2.naive UI要具体要怎么接入才能集成设计器
3.能否考虑下表格和子表组件

todo: 期望大佬持续输出,hold on please!

0604hx commented

你好,
1、目前没有在线 DEMO 体验,需要自行 clone 代码本地启动pnpm dev
2、引入设计器步骤:

  • 加入依赖:@grid-form/common、@grid-form/designer
  • 新建 vue 页面
<template>
    <Designer :renders="RenderFuncs" review :components="Components" contextMenu :form="form" debug enableCtrlS
        @save="toSave" />
</template>

<script setup>
    import { reactive} from "vue"

    import { Designer, Components } from "@grid-form/designer"
    import { RenderFuncs } from "@grid-form/render-naive"
    import { createForm } from "@grid-form/common"

    // 如需扩展 RenderFuncs、Components ,请自行扩写
    let form = reactive(createForm())
    
    //保存表单的操作
    let toSave = form => {}
</script>

3、未来会考虑加入表格、子表单(Card 的形式)

感谢关注哈!

大佬,搞起来,组件设计器那块加个预览功能😄

0604hx commented

0.1.0 版本增加:

  1. 嵌套表单(卡片)
  2. 新增图片、静态表格、交互按钮组件(支持自定义脚本)