mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-02 11:58:10 +08:00
docs: ✏️ [Container](#container)
This commit is contained in:
parent
620a557bb7
commit
e953cfafee
@ -2,16 +2,16 @@
|
||||
|
||||
图表渲染器,采用 echarts 渲染,配置格式跟 echarts 相同,配置文档[文档](http://echarts.baidu.com/option.html#title)
|
||||
|
||||
| 属性名 | 类型 | 默认值 | 说明 |
|
||||
| --------- | ----------------------- | --------- | ------------------------------------------------------------------ |
|
||||
| type | `string` | `"chart"` | 指定为 chart 渲染器 |
|
||||
| className | `string` | | 外层 Dom 的类名 |
|
||||
| body | [Container](#container) | | 内容容器 |
|
||||
| api | [api](#api) | | 配置项远程地址 |
|
||||
| initFetch | `boolean` | | 是否默认拉取 |
|
||||
| interval | `number` | | 刷新时间(最低 3000) |
|
||||
| config | `object/string` | | 设置 eschars 的配置项,当为`string`的时候可以设置 function 等配置项 |
|
||||
| style | `object` | | 设置根元素的 style |
|
||||
| 属性名 | 类型 | 默认值 | 说明 |
|
||||
| --------- | --------------------------------- | --------- | ------------------------------------------------------------------ |
|
||||
| type | `string` | `"chart"` | 指定为 chart 渲染器 |
|
||||
| className | `string` | | 外层 Dom 的类名 |
|
||||
| body | [Container](./Types.md#container) | | 内容容器 |
|
||||
| api | [api](#api) | | 配置项远程地址 |
|
||||
| initFetch | `boolean` | | 是否默认拉取 |
|
||||
| interval | `number` | | 刷新时间(最低 3000) |
|
||||
| config | `object/string` | | 设置 eschars 的配置项,当为`string`的时候可以设置 function 等配置项 |
|
||||
| style | `object` | | 设置根元素的 style |
|
||||
|
||||
```schema:height="350" scope="body"
|
||||
{
|
||||
|
@ -3,9 +3,9 @@
|
||||
还是为了布局,可以把一部分 [FormItem](#formItem) 合并到一个 panel 里面单独展示。
|
||||
|
||||
- `title` panel 标题
|
||||
- `body` [Container](#container) 可以是其他渲染模型。
|
||||
- `body` [Container](./Types.md#container) 可以是其他渲染模型。
|
||||
- `bodyClassName` body 的 className.
|
||||
- `footer` [Container](#container) 可以是其他渲染模型。
|
||||
- `footer` [Container](./Types.md#container) 可以是其他渲染模型。
|
||||
- `footerClassName` footer 的 className.
|
||||
- `controls` 跟 `body` 二选一,如果设置了 controls 优先显示表单集合。
|
||||
|
||||
|
@ -2,19 +2,19 @@
|
||||
|
||||
可以把相关信息以盒子的形式展示到一块。
|
||||
|
||||
| 属性名 | 类型 | 默认值 | 说明 |
|
||||
| ---------------- | ------------------------------ | -------------------------------------- | ------------------- |
|
||||
| type | `string` | `"panel"` | 指定为 Panel 渲染器 |
|
||||
| className | `string` | `"panel-default"` | 外层 Dom 的类名 |
|
||||
| headerClassName | `string` | `"panel-heading"` | header 区域的类名 |
|
||||
| footerClassName | `string` | `"panel-footer bg-light lter wrapper"` | footer 区域的类名 |
|
||||
| actionsClassName | `string` | `"panel-footer"` | actions 区域的类名 |
|
||||
| bodyClassName | `string` | `"panel-body"` | body 区域的类名 |
|
||||
| title | `string` | | 标题 |
|
||||
| header | [Container](#container) | | 顶部容器 |
|
||||
| body | [Container](#container) | | 内容容器 |
|
||||
| footer | [Container](#container) | | 底部容器 |
|
||||
| actions | Array Of [Button](./Button.md) | | 按钮区域 |
|
||||
| 属性名 | 类型 | 默认值 | 说明 |
|
||||
| ---------------- | --------------------------------- | -------------------------------------- | ------------------- |
|
||||
| type | `string` | `"panel"` | 指定为 Panel 渲染器 |
|
||||
| className | `string` | `"panel-default"` | 外层 Dom 的类名 |
|
||||
| headerClassName | `string` | `"panel-heading"` | header 区域的类名 |
|
||||
| footerClassName | `string` | `"panel-footer bg-light lter wrapper"` | footer 区域的类名 |
|
||||
| actionsClassName | `string` | `"panel-footer"` | actions 区域的类名 |
|
||||
| bodyClassName | `string` | `"panel-body"` | body 区域的类名 |
|
||||
| title | `string` | | 标题 |
|
||||
| header | [Container](./Types.md#container) | | 顶部容器 |
|
||||
| body | [Container](./Types.md#container) | | 内容容器 |
|
||||
| footer | [Container](./Types.md#container) | | 底部容器 |
|
||||
| actions | Array Of [Button](./Button.md) | | 按钮区域 |
|
||||
|
||||
```schema:height="300" scope="body"
|
||||
{
|
||||
|
@ -4,18 +4,18 @@
|
||||
该组件初始化时就会自动拉取一次数据,后续如果需要刷新,请结合 Action 实现,可以把 Action 的 actionType 设置为 reload, target 为该组件的 name 值。
|
||||
同时该组件,还支持 api 数值自动监听,比如 `getData?type=$type` 只要当前环境 type 值发生变化,就会自动重新拉取。
|
||||
|
||||
| 属性名 | 类型 | 默认值 | 说明 |
|
||||
| ------------------- | ----------------------- | ----------- | ----------------------------------------- |
|
||||
| type | `string` | `"service"` | 指定为 service 渲染器 |
|
||||
| className | `string` | | 外层 Dom 的类名 |
|
||||
| body | [Container](#container) | | 内容容器 |
|
||||
| api | [api](#api) | | 数据源 API 地址 |
|
||||
| initFetch | `boolean` | | 是否默认拉取 |
|
||||
| schemaApi | [api](#api) | | 用来获取远程 Schema 的 api |
|
||||
| initFetchSchema | `boolean` | | 是否默认拉取 Schema |
|
||||
| interval | `number` | `3000` | 刷新时间(最低 3000) |
|
||||
| silentPolling | `boolean` | `false` | 配置刷新时是否显示加载动画 |
|
||||
| stopAutoRefreshWhen | `string` | `""` | 通过[表达式](#表达式)来配置停止刷新的条件 |
|
||||
| 属性名 | 类型 | 默认值 | 说明 |
|
||||
| ------------------- | --------------------------------- | ----------- | ----------------------------------------- |
|
||||
| type | `string` | `"service"` | 指定为 service 渲染器 |
|
||||
| className | `string` | | 外层 Dom 的类名 |
|
||||
| body | [Container](./Types.md#container) | | 内容容器 |
|
||||
| api | [api](#api) | | 数据源 API 地址 |
|
||||
| initFetch | `boolean` | | 是否默认拉取 |
|
||||
| schemaApi | [api](#api) | | 用来获取远程 Schema 的 api |
|
||||
| initFetchSchema | `boolean` | | 是否默认拉取 Schema |
|
||||
| interval | `number` | `3000` | 刷新时间(最低 3000) |
|
||||
| silentPolling | `boolean` | `false` | 配置刷新时是否显示加载动画 |
|
||||
| stopAutoRefreshWhen | `string` | `""` | 通过[表达式](#表达式)来配置停止刷新的条件 |
|
||||
|
||||
```schema:height="200" scope="body"
|
||||
{
|
||||
|
@ -2,12 +2,12 @@
|
||||
|
||||
简单的一个容器。
|
||||
|
||||
| 属性名 | 类型 | 默认值 | 说明 |
|
||||
| --------- | ----------------------- | ----------- | ---------------------------- |
|
||||
| type | `string` | `"wrapper"` | 指定为 Wrapper 渲染器 |
|
||||
| className | `string` | | 外层 Dom 的类名 |
|
||||
| size | `string` | | 支持: `xs`、`sm`、`md`和`lg` |
|
||||
| body | [Container](#container) | | 内容容器 |
|
||||
| 属性名 | 类型 | 默认值 | 说明 |
|
||||
| --------- | --------------------------------- | ----------- | ---------------------------- |
|
||||
| type | `string` | `"wrapper"` | 指定为 Wrapper 渲染器 |
|
||||
| className | `string` | | 外层 Dom 的类名 |
|
||||
| size | `string` | | 支持: `xs`、`sm`、`md`和`lg` |
|
||||
| body | [Container](./Types.md#container) | | 内容容器 |
|
||||
|
||||
```schema:height="200" scope="body"
|
||||
{
|
||||
|
Loading…
Reference in New Issue
Block a user