form-render2.2.3版本 drawerList 的属性是自定义组件，如何保存数据

对于 form-render2.2.3 版本中的 drawerList 属性，如果是一个自定义组件，那么保存数据的方法取决于该组件的具体实现。一般来说，自定义组件需要通过 props 接受传入的数据，并在组件内部进行处理和保存。具体的实现方式可能会有所不同，可以参考组件的文档或者代码实现。在使用自定义组件时，需要注意确保数据的正确性和完整性，以及与表单其他部分的数据同步更新。

相关问题

form-render2.2.3版本 drawerList 的属性是自定义组件prop 中的onChange函数，如何保存数据

如果 drawerList 属性是一个自定义组件，并且在组件的 props 中定义了 onChange 函数，那么可以通过该函数来实现保存数据的功能。在组件内部，可以在 onChange 函数中获取到用户输入的数据，并将其保存到表单数据中。具体实现方式如下：

1. 在自定义组件的 props 中定义 onChange 函数，该函数接受一个参数，表示用户输入的数据。

const MyDrawerList = (props) => {
  const { value, onChange } = props;

  const handleInputChange = (event) => {
    const newValue = event.target.value;
    onChange(newValue);
  };

  return (
    <div>
      <input type="text" value={value} onChange={handleInputChange} />
    </div>
  );
};

2. 在表单数据中定义 drawerList 属性，并将自定义组件作为其 renderer。

const formData = {
  drawerList: {
    title: 'Drawer List',
    type: 'array',
    items: {
      type: 'string',
      renderer: MyDrawerList,
      onChange: (newValue) => {
        // 在 onChange 函数中更新表单数据
        formData.drawerList = newValue;
      },
    },
  },
};

3. 在表单中渲染 drawerList 属性。

<FormGenerator schema={formData} />

这样，在用户输入数据时，会触发自定义组件的 onChange 函数，然后在该函数中更新表单数据并保存。需要注意的是，该方法仅适用于仅包含一个自定义组件的情况，如果需要在一个属性中包含多个自定义组件，则需要修改 onChange 函数的实现方式，以确保数据的正确性和完整性。

form-create和form-create-designer创建自定义组件

form-create 是一个基于 Vue 的表单生成器，它可以帮助开发者快速生成复杂的表单，并且支持自定义组件。form-create-designer 是 form-create 的可视化设计器，它提供了一个可视化界面，让开发者可以直接在界面上进行表单的设计和配置。

要创建自定义组件，首先需要定义一个 Vue 组件，并将其注册到 form-create 中。下面是一个简单的示例：

<template>
  <div>
    <input v-model="value" :placeholder="placeholder">
  </div>
</template>

<script>
export default {
  name: 'CustomInput',
  props: {
    value: {
      type: String,
      default: ''
    },
    placeholder: {
      type: String,
      default: ''
    }
  }
}
</script>

然后，在使用 form-create 的地方，可以通过 `fc.component` 方法注册这个自定义组件：

import fc from 'form-create'

import CustomInput from './CustomInput.vue'

fc.component('custom-input', CustomInput)

注册完成后，就可以在表单配置中使用这个自定义组件了：

const form = new fc.Form()

form.setFields([
  { type: 'custom-input', field: 'custom', title: 'Custom Input' }
])

form.render()

这样就可以在表单中使用自定义组件 `custom-input` 了。在实际使用中，你可以根据需要定义更复杂的自定义组件，并在 form-create 中进行注册和使用。