test/amis
1
0
Fork 0
mirror of https://gitee.com/baidu/amis.git synced 2024-12-03 12:29:24 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

feat: Progress组件支持事件动作

Browse Source
This commit is contained in:
sailei 2023-12-08 14:43:00 +08:00
parent 70e7745e63
commit 88713aa4b3
2 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
docs/zh-CN/components/progress.md
View File

@ -316,3 +316,12 @@ List 的内容、Card 卡片的内容配置同上
| strokeWidth | `number` | line 类型为`10`，circle、dashboard 类型为`6` | 进度条线宽度 | | strokeWidth | `number` | line 类型为`10`，circle、dashboard 类型为`6` | 进度条线宽度 |
| gapDegree | `number` | `75` | 仪表盘缺角角度，可取值 0 ~ 295 | | gapDegree | `number` | `75` | 仪表盘缺角角度，可取值 0 ~ 295 |
| gapPosition | `string` | `bottom` | 仪表盘进度条缺口位置，可选`top bottom left right` | | gapPosition | `string` | `bottom` | 仪表盘进度条缺口位置，可选`top bottom left right` |
## 动作表
当前组件对外暴露以下特性动作，其他组件可以通过指定`actionType: 动作名称`、`componentId: 该组件id`来触发这些动作，动作配置可以通过`args: {动作配置项名称: xxx}`来配置具体的参数，详细请查看[事件动作](../../docs/concepts/event-action#触发其他组件的动作)。
| 动作名称 | 动作配置 | 说明 |
| -------- | ------------------------------------ | ------------------------------------------------------ |
| reset | - | 将值重置为`resetValue`，若没有配置`resetValue`，则清空 |
| setValue | `value: string` \| `number` 更新的值 | 更新数据 |

4
packages/amis/__tests__/renderers/__snapshots__/Progress.test.tsx.snap
View File

@ -258,7 +258,7 @@ exports[`Renderer:Progress with mode 2`] = `
r="46" r="46"
stroke-linecap="round" stroke-linecap="round"
stroke-width="8" stroke-width="8"
style="stroke-dasharray: 208.7413785385218px 289.02652413026095; stroke-dashoffset: 79.14689627386784; transform: rotate(230deg); transform-origin: 0 0; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;" style="stroke-dasharray: 208.7413785385218px 289.02652413026095; stroke-dashoffset: 81.23431005925306; transform: rotate(230deg); transform-origin: 0 0; transition: stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s; fill-opacity: 0; transition-duration: 0s, 0s;"
/> />
</svg> </svg>
<span <span
@ -268,7 +268,7 @@ exports[`Renderer:Progress with mode 2`] = `
class="cxd-TplField" class="cxd-TplField"
> >
<span> <span>
64% 63%
</span> </span>
</span> </span>
</span> </span>