&emsp;&emsp;Gis-plugin为了减轻开发者的编码负担，采用了类似约定大于配置的思想，将大量的配置抽取出来，并为开发者保留了两个级别的自由度。 &emsp;&emsp;首先，我们要知道，gis-plugin相关的配置存储在组件库内部，这个配置是最为完整但同时优先级最低的配置，具体详细配置如下： ``` {   form: {     inline: false, // 是否开启行内表单模式     labelPosition: 'right', // left、right、top     border: true, // 是否显示边框     poptip: true, // 是否使用气泡提示错误     labelWidth: 100, // 表单域标签的宽度，所有的 FormItem 都会继承 Form 组件的 label-width 的值     span: 12, // 单个元素宽度,默认的span大小(最大为24)     gutter: 10, // 栅格间距，单位 px，左右平分     clearable: true, // 是否显示清空按钮     add: 'save', // 新增action     edit: 'edit', // 编辑action     show: 'get' // 查询action   },   table: {     stripe: false, // 是否显示斑马纹     border: false, // 是否显示纵向边框     showHeader: true, // 是否显示表头     disabledHover: false, // 禁用鼠标悬停时的高亮     highlightRow: true, // 是否支持单选高亮     size: 'small', // 表格大小     noDataText: '暂无数据', // 数据为空时显示的提示内容     draggable: false, // 是否支持拖拽     showPage: false, // 是否显示分页     showSearch: false, // 是否显示查询条件     showButton: true, // 是否显示操作按钮     page: { // 分页配置       pageSize: 20, // 默认分页大小       pageSizeOpts: \[10, 20, 50\], // 每页条数切换的配置       size: 'small', // 可选值为small（迷你版）或不填（默认）       simple: false, // 简洁版       showTotal: true, // 显示总数       showElevator: true, // 显示电梯，可以快速切换到某一页       showSizer: true, // 显示分页，用来改变page-size       transfer: false // 是否将弹层放置于 body 内，在 Tabs、带有 fixed 的 Table 列内使用时，建议添加此属性，它将不受父级样式影响，从而达到更好的效果     },     search: { // 查询条件框配置       poptip: true, // 气泡提示       span: 24,       border: false,       labelWidth: 70     },     button: { // 操作按钮配置       // 按钮大小       size: 'default',       // 是否为幽灵按钮       ghost: false,       // 多个按钮是否为按钮组的样式       isGroup: true     }   },   modal: {     showHeader: true, // 是否展示页头     showFooter: true, // 是否展示页脚     scrollable: false, // 是否允许弹窗显示时背后页面滚动     draggable: false, // 是否支持拖拽     maskClosable: false, // 点击遮罩层关闭弹窗     closing: false, // 关闭有动画，期间使用此属性避免重复点击     title: '弹窗', // 默认的弹窗标题     processImgUrl: "", // 流程信息图片获取路径     processOperationUrl: "" // 操作信息获取路径   },   list: {     showPage: false, // 是否显示分页     showSearch: false, // 是否显示查询条件     imgWidth: 120, // 海报宽度     border: true, // 是否显示边框     span: 6, // 列表内容宽度     noDataText: '暂无数据', // 数据为空时显示的提示内容     page: { // 分页配置       pageSize: 10, // 默认分页大小       pageSizeOpts: \[10, 20, 50\], // 每页条数切换的配置       size: 'small', // 可选值为small（迷你版）或不填（默认）       simple: true, // 简洁版       showTotal: true, // 显示总数       showElevator: true, // 显示电梯，可以快速切换到某一页       showSizer: true, // 显示分页，用来改变page-size       transfer: false // 是否将弹层放置于 body 内，在 Tabs、带有 fixed 的 Table 列内使用时，建议添加此属性，它将不受父级样式影响，从而达到更好的效果     },     search: { // 查询条件框配置       border: false,       labelWidth: 80,       span: 8     }   },   upload: {     type: 'select', // 上传控件的类型，可选值为 select（点击选择），drag（支持拖拽）     multiple: false, // 是否支持多文件上传     paste: true, // 是否支持粘贴     label: '附件管理', // 按钮中文本     emptyText: '暂无数据', // 当无数据时显示的文字     fileNameExp: 'fileName', // 文件名对应的字段名     formatExp: 'format', // 格式对应的字段名     prompt: '', // 自定义提示     uploadUrl: '', // 上传路径     fetchUrl: '', // 初始化文件路径     showUrl: '', // 查看附件的url     downloadByIdUrl: '',//通过ID下载文件     downloadByPathUrl: '',//通过路径下载文件     deleteFile: '',//删除文件     // 分组上传组件配置     group: {       multiple: false, // 是否支持多文件上传       fileNameExp: 'fileName', // 文件名对应的字段名       formatExp: 'fileType', // 格式对应的字段名       getGroupsUrl: "/files/getGroupFileByBizType", // 获取分组情况路径       uploadUrl: '/gisBoot/files/groupFileUpload', // 上传路径       fetchUrl: '/gisBoot/files/groupFileUpload', // 初始化文件路径       showUrl: '/files/fileDownload', // 查看附件的url       downloadByIdUrl: '/files/fileDownload',//通过ID下载文件       downloadByPathUrl: '/files/fileDownloadByPath',//通过路径下载文件       deleteFile: '/files/delGroupFileByIds',//删除文件     }   } } ``` <br /> &emsp;&emsp;第二，当我们在main.js中引入GisPlugin时，我们可以对配置进行第一次修改，这便是开发者的第一级自由度。 **用例：** ``` Vue.use(GisPlugin, {   form: {     border: true,     span: 12   },   table: {     border: true,     stripe: true,     showPage: true,     showSearch: true,     showButton: true,     button: {       isGroup: false     }   },   modal: {     // title: 'modal'   },   upload: {     formatExp: 'fileType',     uploadUrl: '/gisBoot/files/fileUpload',     fetchUrl: '/files/getFilesByBizId',     showUrl: '/files/fileDownload',     downloadByIdUrl:'/files/fileDownload',     downloadByPathUrl: '/files/fileDownloadByPath',     deleteFile:'/files/delByIds'   } }) ``` &emsp;&emsp;**注意：** 这里Vue.use的第二个参数即为我们自定义的配置，所有基础配置中囊括而此处没有的配置，皆以基础配置为主，而此处进行配置的则将覆盖基础配置，也就是说这一级配置的优先级要高于基础配置，我们将其称之为全局配置。 <br /> &emsp;&emsp;第三，当我们在使用具体组件时，例如gis-form组件，我们可以为其传入一个config参数，用来修改全局配置，即开发者的第二层自由度，我们称之为单组件配置。这一级配置仅在接受了config的组件内生效，并不会影响到其他组件的使用。 **用例：** ``` config: { labelWidth: 200 } ```