---
nav:
 title: 工具类
 order: 3
group:
  title: 数据类
  order: -3
title: 功能代码/配置项
---
##  数据类
> 数据类文件可由项目引入或者由组件包内引入使用

* funcCode： 存储当前页面中所有菜单的涉及的功能代码，包括页面及按钮
* general： 一些排版等基本配置值项

## 通用配置数据源

```js
 // 用法
import { cityData, commonUse, funcCode, general, funcCode } from 'fan-standard-comp';

```

| 数据源名称      | 导出数据类型 |   说明 | 
|----------|------|---------|
| cityData | Array | 完整的城市地区数组数据 |
| commonUse | Object | 页面功能通用性提示语或配置值，如修改成功提示、页码初始值等 |
| funcCode | Object|  存储当前页面中所有菜单的涉及的功能代码，包括页面及按钮 |
| general | Object|  一些排版等基本配置值项,如果弹窗大小、表单栅格等 |

## funcCode 数据值集合
<code src="./dataFuncBasic.tsx" inline></code>
## general 数据值集合

### formLayout
* `general.formLayout`表单响应式排版

| 类型      | xs  | sm|md|
|----------|---------------|---------|---------|
|labelCol|{ span: 24 }|{ span: 5 }|{ span: 4 }|
|wrapperCol|{ span: 24 }|{ span: 19 }|{ span: 20 }|

### submitFormLayout

* `general.submitFormLayout`表单提交按钮位置排版

| 类型      | xs  | sm|md|
|----------|---------------|---------|---------|
|wrapperCol|{ span: 24, offset: 0 }|{ span: 10, offset: 5 }|{ span: 10, offset: 4 }|

### formItemStyle

* `general.formItemStyle`表单域宽度

| 梯度值      | 数值  | 
|----------|------------------------------------------|
|xlg|width: '500px'|
|lg|width: '300px'|
|md|width: '200px'|
|xmd|width: '240px'|
|sm|width: '120px'|
|wide|width: '100%'|
|xs|width: '60px'|
|xsm|width: '180px'|

### modalSize

* `general.modalSize`弹窗、筛选梯度大小及对应的表单栅格
* 栅格数同步`columnNumber`/`size`

| 宽度值      |弹窗尺寸px   |    栅格数                       | formLayout栅格比           | formBlockLayout(占用整行) | 
|----------|---|------------------------------------------|-------------|-------|
|xxlg|1400|4|`8:16`【{labelCol: {span: 8},wrapperCol: {span: 16}}】|`3:21`【{labelCol: {span: 2},wrapperCol: {span: 22}}】|
|xlg|1200|3|`9:15`【{labelCol: {span: 9},wrapperCol: {span: 15}}】|`3:21`【{labelCol: {span: 3},wrapperCol: {span: 21}}】|
|lg|1000|3|`9:15`【{labelCol: {span: 9},wrapperCol: {span: 15}}】|`3:21`【{labelCol: {span: 3},wrapperCol: {span: 21}}】|
|md|780|2|`8:14`【{labelCol: {span:8},wrapperCol: {span: 14}}】|`4:19`【{labelCol: {span: 4},wrapperCol: {span:19}}】|
|sm|560|1|`5:14`【{labelCol: {span:5},wrapperCol: {span: 14}}】|`5:14`【{labelCol: {span: 5},wrapperCol: {span:14}}】|
|xs|420|1|`7:15`【{labelCol: {span:7},wrapperCol: {span: 15}}】|`7:15`【{labelCol: {span: 7},wrapperCol: {span:15}}】|

### standardFilter的 md
* 筛选条件下的`size='md'`或者`columnNumber=3`时的栅格

| 宽度值      |   栅格数                        |filterFormLayout栅格比           | filterFormBlockLayout(占用整行) | 
|----------|------------------------------------------|-------------|-------|
|md|4|`8:16`【{labelCol: {span: 8},wrapperCol: {span: 16}}】|`4:20`【{labelCol: {span: 4},wrapperCol: {span: 20}}】|


### drawerSize

* `general.drawerSize`抽屉梯度大小及对应的表单栅格
* 栅格数同步`columnNumber`/`size`

| 宽度值      |抽屉尺寸px   |    栅格数                       | formLayout栅格比           | formBlockLayout(占用整行) | 
|----------|---|------------------------------------------|-------------|-------|
|xlg|960或（top与bottom时为100vh)|3|`9:15`【{labelCol: {span: 9},wrapperCol: {span: 15}}】|`3:21`【{labelCol: {span: 3},wrapperCol: {span: 21}}】|
|lg/large|768|2|`8:14`【{labelCol: {span:8},wrapperCol: {span: 14}}】|`4:19`【{labelCol: {span: 4},wrapperCol: {span:19}}】|
|md|384|1|`7:15`【{labelCol: {span:7},wrapperCol: {span: 15}}】|`7:16`【{labelCol: {span: 7},wrapperCol: {span:15}}】|
|sm/default|384|1|`7:15`【{labelCol: {span:7},wrapperCol: {span: 15}}】|`7:16`【{labelCol: {span: 7},wrapperCol: {span:15}}】|