AppWrap 应用容器
说明
AppWrap是一个应用容器,一般用在应用最外层,主要作用是:
(1)向内部的后代组件(element-plus 及 yun-elp)传递默认配置,方便设置组件属性的默认值,简化配置
(2)设置 yun-elp 及 element-plus 组件库的语言选项
注意:
向后代组件传递的配置参数只是为了从全局角度简化组件的配置和使用,所以它的优先级最低
API
Attributes
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| elpConfig | el-config-provider | object | — |
| locale | yun-elp的语言配置 | enum | zh-cn |
| borderLabel | y-border-label组件全局配置,见下表 | object | — |
| pageHeader | y-page-header组件全局配置,见下表 | object | — |
| pageFooter | y-page-footer组件全局配置,见下表 | object | — |
| button | y-button组件全局配置,见下表 | object | — |
| drawer | y-drawer组件全局配置,见下表 | object | — |
| dialog | y-dialog组件全局配置,见下表 | object | — |
| empty | y-empty组件全局配置,见下表 | object | — |
| textTooltip | y-text-tooltip组件全局配置,见下表 | object | — |
| desc | y-desc组件全局配置,见下表 | object | — |
| table | y-table组件全局配置,见下表 | object | — |
| columnForm | y-column-form、y-column-forms 组件全局配置,见下表 | object | — |
| columnOperation | y-column-operation 组件全局配置,见下表 | object | — |
| echarts | y-echarts 组件全局配置,见下表 | object | — |
border-label Attribute
| 参数 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| width | 组件总宽度 | string | 'auto' |
| height | 组件高度 | string | '32px' |
page-header Attribute
| 参数 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| height | 组件高度 | string | — |
| titlePath | 从路径元数据中获取title的取值路径 | string | — |
| border | 组件默认是否显示下边框 | boolean | — |
| paddingX | 组件水平内边距 | string / array | — |
| titleTextStyle | 组件文本样式 | object | — |
page-footer Attribute
| 参数 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| height | 组件高度,有效的css尺寸值 | string / number | '56px' |
| left | 组件左侧距离,有效的css尺寸值 | string / number | 0 |
| right | 组件右侧距离,有效的css尺寸值 | string / number | 0 |
button Attribute
继承 el-button 的全部属性 ,另外包含以下属性
| 参数 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| delay | 防抖间隔时间,单位ms | string / number | 300 |
| maxWait | 最大等待时间,单位ms | string / number | — |
drawer Attribute
继承 el-drawer 的全部属性 ,另外包含以下属性
| 参数 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| confirmText | 确认按钮文本 | string | '确定' |
| confirmProps | 确认按钮属性 | object | {type:'primary'} |
| cancelText | 取消按钮文本 | string | '取消' |
| cancelProps | 取消按钮属性 | object | {type:'default'} |
| titleStyle | 组件默认是否显示下边框 | object | — |
dialog Attribute
继承 el-dialog 的全部属性 ,另外包含以下属性
| 参数 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| confirmText | 确认按钮文本 | string | '确定' |
| confirmProps | 确认按钮属性 | object | {type:'primary'} |
| cancelText | 取消按钮文本 | string | '取消' |
| cancelProps | 取消按钮属性 | object | {type:'default'} |
| titleStyle | 标题文本样式 | object | — |
empty Attribute
继承 el-empty 的全部属性 ,另外包含以下属性
| 参数 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| style | 组件样式,包括el-empty支持的css变量 | object | — |
| image | 自定义图片 | string | — |
| imageSize | 自定义图片大小 | number | 100 |
| description | 自定义描述 | string | '暂无数据' |
text-tooltip Attribute
| 参数 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| placement | tooltip显示位置 | enum | 'top' |
| tooltipProps | tooltip配置属性,详见el-tooltip | object | {} |
desc Attribute
| 参数 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| labelWidth | label 宽度 | string / number | 'auto' |
| labelStyle | label 样式 | object | — |
| contentStyle | content 样式 | object | — |
| labelAlign | label 文本对齐方式 | enum | 'left' |
| contentAlign | content 文本对齐方式 | enum | 'left' |
| emptyText | content 内容为空时显示的内容 | string | '' |
table Attribute
| 参数 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| emptyProps | 空数据时 y-empty 配置 | object | 'auto' |
| paginationProps | label 样式 | object | {} |
columnForm Attribute
| 参数 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| placement | 错误提示tooltip弹出位置 | enum | 'auto' |
| popperClass | 错误提示tooltip 的 popper 类名 | string | 'y-column-form__error-tooltip' |
columnOperation Attribute
| 参数 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| disabledDefaultTip | 按钮禁用状态时默认的tooltip提示文本 | string | — |
echarts Attribute
| 参数 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| theme | 图表主题,参见ECharts 中的样式简介 | string / object | — |
| chartTypes | 需要动态导入的图表类型,如 ['LineChart', 'BarChart'] | array | [] |
| components | 需要动态导入的组件类型,如 ['GridComponent', 'TooltipComponent'] | array | [] |
| renderers | 需要动态导入的渲染器类型,如 ['CanvasRenderer'] | array | ['CanvasRenderer'] |
| features | 需要动态导入的特性功能,如 ['LabelLayout', 'UniversalTransition'] | array | [] |
| initOpts | 初始化参数,参见echarts init | object | {} |
Slots
| 插槽名 | 说明 | 参数 |
|---|---|---|
| default | 默认插槽,用于放置内容 | — |
