import createControlComponent from "./createControlComponent";
import createFormComponent from "./createFormComponent";

export default {
  name: 'dynamicForm',
  props: {
    /**
     * 表单配置项
     */
    formOption: {
      type: Object,
      default: () => ({})
    },
    /**
     * 控件列表配置项
     */
    options: {
      type: Array,
      default: () => []
    },

    /**
     * 表单全局列配置
     */
    colOption: {
      type: Object,
      default: () => ({})
    },

    /**
     * 表单全局行配置
     */
    rowOption: {
      type: Object,
      default: null
    }
  },
  methods: {

    /**
     * 校验结果，正确触发回调
     * @param cb
     */
    validate (cb) {},

    /**
     * 重置表单内容
     */
    reset () {}
  },

  render (h) {
    return h(
      'a-form-model',
      this.formOption,
      this.options.map(({ type, formItemOption, elementOption }) => {
        return createFormComponent(
          h, formItemOption,
          this.rowOption,
          this.colOption,
          [createControlComponent(h, type, elementOption)]
        )
      })
    )

  }
}