@antdp/antdp-ui/esm/QuickForm/formLayout.js

基于antd封装的组件

// 独占一行的， 如备着类的表单
// eslint-disable-next-line camelcase
export var colLayout_one = {
  xs: 24,
  sm: 24,
  md: 24,
  lg: 24,
  xl: 24
};

// 一行排两个表单的
// eslint-disable-next-line camelcase
export var colLayout_two = {
  xs: 24,
  sm: 24,
  md: 24,
  lg: 12,
  xl: 12
};
// eslint-disable-next-line camelcase
export var fromItemLayout_conspan_two = {
  labelCol: {
    xs: {
      span: 24
    },
    sm: {
      span: 24
    },
    md: {
      span: 24
    },
    lg: {
      span: 6
    },
    xl: {
      span: 4
    }
  },
  wrapperCol: {
    xs: {
      span: 24
    },
    sm: {
      span: 24
    },
    md: {
      span: 24
    },
    lg: {
      span: 18
    },
    xl: {
      span: 20
    }
  }
};

// colspan === 1 的时候

// eslint-disable-next-line camelcase
export var fromItemLayout_conspan_one = {
  labelCol: {
    xs: {
      span: 24
    },
    sm: {
      span: 24
    },
    md: {
      span: 24
    },
    lg: {
      span: 4
    }
  },
  wrapperCol: {
    xs: {
      span: 24
    },
    sm: {
      span: 24
    },
    md: {
      span: 24
    },
    lg: {
      span: 20
    }
  }
};

// 一行排三个表单；
// eslint-disable-next-line camelcase
export var colLayout_third = {
  xs: 24,
  sm: 24,
  md: 24,
  lg: 12,
  xl: 8
};
// eslint-disable-next-line camelcase
export var fromItemLayout_conspan_third = {
  labelCol: {
    xs: {
      span: 24
    },
    sm: {
      span: 24
    },
    md: {
      span: 24
    },
    lg: {
      span: 4
    },
    xl: {
      span: 6
    }
  },
  wrapperCol: {
    xs: {
      span: 24
    },
    sm: {
      span: 24
    },
    md: {
      span: 24
    },
    lg: {
      span: 20
    },
    xl: {
      span: 18
    }
  }
};

//  一行排4个表单；
// eslint-disable-next-line camelcase
export var colLayout_fourth = {
  xs: 24,
  sm: 24,
  md: 24,
  lg: 8,
  xl: 6
};
// eslint-disable-next-line camelcase
export var fromItemLayout_conspan_fourth = {
  labelCol: {
    xs: {
      span: 24
    },
    sm: {
      span: 24
    },
    md: {
      span: 24
    },
    lg: {
      span: 4
    },
    xl: {
      span: 8
    }
  },
  wrapperCol: {
    xs: {
      span: 24
    },
    sm: {
      span: 24
    },
    md: {
      span: 24
    },
    lg: {
      span: 20
    },
    xl: {
      span: 16
    }
  }
};

// item.full && colspan===3 || colspan===4
// eslint-disable-next-line camelcase
export var fromItemLayout_third_row = {
  labelCol: {
    xs: {
      span: 24
    },
    sm: {
      span: 24
    },
    md: {
      span: 24
    },
    lg: {
      span: 4
    },
    xl: {
      span: 2
    }
  },
  wrapperCol: {
    xs: {
      span: 24
    },
    sm: {
      span: 24
    },
    md: {
      span: 24
    },
    lg: {
      span: 20
    },
    xl: {
      span: 22
    }
  }
};

// colspan && item.full
// eslint-disable-next-line camelcase
export var fromItemLayout_two_row = {
  labelCol: {
    xs: {
      span: 24
    },
    sm: {
      span: 24
    },
    md: {
      span: 24
    },
    lg: {
      span: 3
    },
    xl: {
      span: 2
    }
  },
  wrapperCol: {
    xs: {
      span: 24
    },
    sm: {
      span: 24
    },
    md: {
      span: 24
    },
    lg: {
      span: 21
    },
    xl: {
      span: 22
    }
  }
};
export var formDefaultFormItemLayout = {
  xs: 12,
  sm: 12,
  md: 12,
  lg: 12,
  xl: 8
};