mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-02 03:48:13 +08:00
feat：interval 最短时间限制改成 1s (#1479)
* feat：interval 最短时间限制改成 1s * 文档更新 * 文档补充
This commit is contained in:
吴多益
GitHub
parent
0e25f2d71c
commit
2af0c423e4
@ -443,7 +443,7 @@ window.echarts = amisRequire('echarts');
|
||||
| api | [api](../types/api) | | 配置项接口地址 |
|
||||
| source | [数据映射](../concepts/data-mapping) | | 通过数据映射获取数据链中变量值作为配置 |
|
||||
| initFetch | `boolean` | | 组件初始化时，是否请求接口 |
|
||||
| interval | `number` | | 刷新时间(最低 3000) |
|
||||
| interval | `number` | | 刷新时间(最小 1000) |
|
||||
| config | `object` 或 `string` | | 设置 eschars 的配置项,当为`string`的时候可以设置 function 等配置项 |
|
||||
| style | `object` | | 设置根元素的 style |
|
||||
| width | `string` | | 设置根元素的宽度 |
|
||||
|
||||
@ -562,7 +562,7 @@ Cards 模式支持 [Cards](./cards) 中的所有功能。
|
||||
|
||||
## 数据源接口轮询
|
||||
|
||||
可以配置`interval`来实现数据接口轮询功能，默认最低为`3000`毫秒，
|
||||
可以配置`interval`来实现数据接口轮询功能，最低为`1000`毫秒：
|
||||
|
||||
```schema: scope="body"
|
||||
{
|
||||
@ -1699,7 +1699,7 @@ CRUD 中不限制有多少个单条操作、添加一个操作对应的添加一
|
||||
| filterTogglable | `boolean` | `false` | 是否可显隐过滤器 |
|
||||
| filterDefaultVisible | `boolean` | `true` | 设置过滤器默认是否可见。 |
|
||||
| initFetch | `boolean` | `true` | 是否初始化的时候拉取数据, 只针对有 filter 的情况, 没有 filter 初始都会拉取数据 |
|
||||
| interval | `number` | `3000` | 刷新时间(最低 3000) |
|
||||
| interval | `number` | `3000` | 刷新时间(最低 1000) |
|
||||
| silentPolling | `boolean` | `false` | 配置刷新时是否隐藏加载动画 |
|
||||
| stopAutoRefreshWhen | `string` | `""` | 通过[表达式](../concepts/expression)来配置停止刷新的条件 |
|
||||
| stopAutoRefreshWhenModalIsOpen | `boolean` | `false` | 当有弹框时关闭自动刷新，关闭弹框又恢复 |
|
||||
|
||||
@ -378,7 +378,7 @@ Form 默认会在底部渲染一个提交按钮，用于执行表单的提交行
|
||||
Form 支持轮询初始化接口，步骤如下：
|
||||
|
||||
1. 配置`initApi`
|
||||
2. 配置 `interval`：单位为`ms`，最低值`3000`，低于该值按`3000`处理
|
||||
2. 配置 `interval`：单位为毫秒，最小 `1000`
|
||||
|
||||
```schema: scope="body"
|
||||
{
|
||||
|
||||
@ -93,7 +93,7 @@ Page 默认将页面分为几个区域，分别是**内容区（`body`）**、**
|
||||
想要在页面渲染后，轮询请求初始化接口，步骤如下：
|
||||
|
||||
1. 配置 initApi；
|
||||
2. 配置 interval：单位为 ms，最低值 3000，低于该值按 3000 处理。
|
||||
2. 配置 interval：单位为毫秒，最小 1000。
|
||||
|
||||
```schema
|
||||
{
|
||||
@ -169,6 +169,6 @@ Page 默认将页面分为几个区域，分别是**内容区（`body`）**、**
|
||||
| initApi | [API](../types/api) | | Page 用来获取初始数据的 api。返回的数据可以整个 page 级别使用。 |
|
||||
| initFetch | `boolean` | `true` | 是否起始拉取 initApi |
|
||||
| initFetchOn | [表达式](../concepts/expression) | | 是否起始拉取 initApi, 通过表达式配置 |
|
||||
| interval | `number` | `3000` | 刷新时间(最低 3000) |
|
||||
| interval | `number` | `3000` | 刷新时间(最小 1000) |
|
||||
| silentPolling | `boolean` | `false` | 配置刷新时是否显示加载动画 |
|
||||
| stopAutoRefreshWhen | [表达式](../concepts/expression) | `""` | 通过表达式来配置停止刷新的条件 |
|
||||
|
||||
@ -279,6 +279,10 @@ amis 中部分组件，作为展示组件，自身没有**使用接口初始化
|
||||
|
||||
更多相关见[接口联动](../concepts/linkage#%E6%8E%A5%E5%8F%A3%E8%81%94%E5%8A%A8)
|
||||
|
||||
## 定时轮询刷新
|
||||
|
||||
设置 `interval` 可以定时刷新，单位是毫秒，最小间隔是 1 秒。
|
||||
|
||||
## 属性表
|
||||
|
||||
| 属性名 | 类型 | 默认值 | 说明 |
|
||||
|
||||
@ -815,7 +815,7 @@ export default class CRUD extends React.Component<CRUDProps, any> {
|
||||
if (stopAutoRefreshWhenModalIsOpen && interval) {
|
||||
this.timer = setTimeout(
|
||||
silentPolling ? this.silentSearch : this.search,
|
||||
Math.max(interval, 3000)
|
||||
Math.max(interval, 1000)
|
||||
);
|
||||
}
|
||||
|
||||
@ -901,7 +901,7 @@ export default class CRUD extends React.Component<CRUDProps, any> {
|
||||
if (stopAutoRefreshWhenModalIsOpen && interval) {
|
||||
this.timer = setTimeout(
|
||||
silentPolling ? this.silentSearch : this.search,
|
||||
Math.max(interval, 3000)
|
||||
Math.max(interval, 1000)
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -1004,7 +1004,7 @@ export default class CRUD extends React.Component<CRUDProps, any> {
|
||||
undefined,
|
||||
true
|
||||
),
|
||||
Math.max(interval, 3000)
|
||||
Math.max(interval, 1000)
|
||||
));
|
||||
return value;
|
||||
})
|
||||
@ -1356,7 +1356,7 @@ export default class CRUD extends React.Component<CRUDProps, any> {
|
||||
if (stopAutoRefreshWhenModalIsOpen && interval) {
|
||||
this.timer = setTimeout(
|
||||
silentPolling ? this.silentSearch : this.search,
|
||||
Math.max(interval, 3000)
|
||||
Math.max(interval, 1000)
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@ -349,7 +349,7 @@ export class Chart extends React.Component<ChartProps> {
|
||||
|
||||
interval &&
|
||||
this.mounted &&
|
||||
(this.timer = setTimeout(this.reload, Math.max(interval, 3000)));
|
||||
(this.timer = setTimeout(this.reload, Math.max(interval, 1000)));
|
||||
})
|
||||
.catch(reason => {
|
||||
if (env.isCancel(reason)) {
|
||||
|
||||
@ -677,7 +677,7 @@ export default class Form extends React.Component<FormProps, object> {
|
||||
(!stopAutoRefreshWhen || !evalExpression(stopAutoRefreshWhen, data)) &&
|
||||
(this.timer = setTimeout(
|
||||
silentPolling ? this.silentReload : this.reload,
|
||||
Math.max(interval, 3000)
|
||||
Math.max(interval, 1000)
|
||||
));
|
||||
return value;
|
||||
}
|
||||
|
||||
@ -402,7 +402,7 @@ export default class Page extends React.Component<PageProps> {
|
||||
(!stopAutoRefreshWhen || !evalExpression(stopAutoRefreshWhen, data)) &&
|
||||
(this.timer = setTimeout(
|
||||
silentPolling ? this.silentReload : this.reload,
|
||||
Math.max(interval, 3000)
|
||||
Math.max(interval, 1000)
|
||||
));
|
||||
return value;
|
||||
}
|
||||
|
||||
@ -207,7 +207,7 @@ export default class Service extends React.Component<ServiceProps> {
|
||||
(!stopAutoRefreshWhen || !evalExpression(stopAutoRefreshWhen, data)) &&
|
||||
(this.timer = setTimeout(
|
||||
silentPolling ? this.silentReload : this.reload,
|
||||
Math.max(interval, 3000)
|
||||
Math.max(interval, 1000)
|
||||
));
|
||||
return value;
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user