# 组件文档

系统使用到的相关组件

# 基础框架组件

参数	类型	默认值	描述
total	Number	空	总条目数
page	Number	1	初始化加载页数
limit	Number	20	每页的记录行数
pageSizes	Array	[10, 20, 30, 50]	可供选择的每页的行数
pagerCount	Number	5	设置最大页码按钮数
layout	String	total, sizes, prev, pager, next, jumper	组件布局，子组件名用逗号分隔
background	Boolean	true	是否为分页按钮添加背景色
autoScroll	Boolean	true	自动滚动到顶部
hidden	Boolean	false	是否显示分页

参数	类型	默认值	描述
showSearch	Boolean	true	是否显示检索条件
columns	Array	空	显隐列信息
search	Boolean	true	是否显示检索图标
showColumnsType	String	checkbox	显隐列类型（transfer穿梭框、checkbox复选框）
gutter	Number	10	右外边距
storageKey	String	空	列显隐状态记忆的 localStorage key

参数	类型	默认值	描述
treeData	Array	`[]`	树形数据，必须是以对象为元素的数组
title	String	`'树形结构'`	侧边栏标题
titleIconClass	String	`'el-icon-office-building'`	标题图标类名，使用 Element UI 的图标类
showSearch	Boolean	`true`	是否显示搜索框
searchPlaceholder	String	`'请输入名称'`	搜索框占位符文本
defaultCollapsed	Boolean	`false`	是否默认收起侧边栏
treeProps	Object	`{ children: "children", label: "label" }`	树形组件配置项，包括子节点字段、标签字段等
nodeKey	String	`'id'`	节点唯一标识字段名
expandOnClickNode	Boolean	`false`	是否在点击节点时展开或收起
showCheckbox	Boolean	`false`	是否显示复选框（多选功能）
checkStrictly	Boolean	`false`	是否严格的遵循父子不互相关联（复选框多选时）
defaultExpandAll	Boolean	`false`	是否默认展开所有节点
defaultExpandedKeys	Array	`[]`	默认展开的节点的 key 数组
defaultWidth	Number	`220`	侧边栏默认宽度（像素）
collapsedWidth	Number	`20`	侧边栏收起时的宽度（像素）
minWidth	Number	`180`	侧边栏最小宽度限制（像素）
maxWidth	Number	`400`	侧边栏最大宽度限制（像素）
storageKey	String	`'tree-sidebar-width'`	本地存储的宽度 key
enableStorage	Boolean	`true`	是否启用本地存储宽度
filterMethod	Function	`null`	自定义过滤方法，接收 (value, data) 参数