import React from "react";
import { WeaFormItem, WeaSearchGroup } from "ecCom";
import { WeaSwitch } from "comsMobx";

export const renderRuleForm = (form, condition, onChange) => {
  const { isFormInit } = form;
  const formParams = form.getFormParams();
  let group = [];
  isFormInit && condition && condition.map(c => {
    let items = [];
    c.items.map(fields => {
      items.push({
        com: (
          <WeaFormItem
            label={`${fields.label}`} labelCol={{ span: `${fields.labelcol}` }}
            wrapperCol={{ span: `${fields.fieldcol}` }} error={form.getError(fields)}
            tipPosition="bottom">
            <WeaSwitch fieldConfig={fields} form={form} formParams={formParams} onChange={onChange}/>
          </WeaFormItem>),
        colSpan: 1,
        hide: fields.hide
      });
    });
    !_.isEmpty(items) && group.push(
      <WeaSearchGroup col={1} needTigger={true} showGroup={c.defaultshow} items={items} center={false}
                      title={c.title}
      />);
  });
  return group;
};