formgenerator 自定义组件

formgenerator 是一个表单生成器，它提供了一些默认的组件，但也支持自定义组件。如果你想要添加自定义组件，需要在 formgenerator 的配置中添加一个新的组件类型，并指定该组件的渲染方式和校验规则。下面是一个简单的示例：

// 定义一个自定义组件
const MyComponent = {
  // 组件类型
  type: 'my-component',
  // 渲染函数，返回组件的 HTML
  render: function (h, props) {
    return h('div', {
      class: 'my-component',
      attrs: {
        'data-value': props.value
      }
    }, props.value)
  },
  // 校验函数，返回 true 或 false
  validate: function (value) {
    return value !== ''
  }
}

// 在 formgenerator 的配置中添加自定义组件
const formConfig = {
  components: {
    'my-component': MyComponent
  },
  fields: [
    {
      type: 'my-component',
      label: 'My Component',
      model: 'myComponent'
    }
  ]
}

在上面的示例中，我们定义了一个名为 `MyComponent` 的自定义组件，它的类型为 `my-component`。该组件的渲染函数使用了 Vue.js 的 `h` 函数来创建一个 `div` 元素，并将 `props.value` 渲染到该元素中。该组件的校验函数简单地判断了 `value` 是否为空。

然后，在 formgenerator 的配置中，我们将自定义组件添加到了 `components` 中，并在表单中使用了该组件。