[comp: Result] add component Result
See original GitHub issue- I have searched the issues of this repository and believe that this is not a duplicate.
用于反馈一系列操作任务的处理结果。
What problem does this feature solve?
当有重要操作需告知用户处理结果,且反馈内容较为复杂时使用。
- 可以传入一个
v-slot: extra
来显示操作区; - 可以传入一个 url 来自定义显示的图标,也可以传入一个
v-slot: icon
来显示图标; - 可以传入
status
来控制按钮的颜色以及显示的图标; - 可以传入
title
和subtitle
来显示对应的文字,同时也支持slot
的形式,优先级高于prop
; - 当需要显示复杂的说明时,可以传入一个 slot 来显示。
What does the proposed API look like?
ix-result
Props
名称 | 说明 | 类型 | 默认值 | 全局配置 | 备注 |
---|---|---|---|---|---|
icon |
自定义图标 | string | v-slot: icon |
- | - | 传入一个 name,表示 ix-icon 的图标,用来替换默认的图标;也可以使用 slot 的形式传入,优先级高于 prop |
status |
结果的状态,决定图标和颜色 | ResultStatus |
- | ✅ | - |
subtitle |
subtitle 文字 | string | v-slot: subtitle |
- | - | slot 形式优先级高于 prop |
title |
title 文字 |
string | v-slot: title |
- | - | slot 形式优先级高于 prop |
type ResultStatus = 'success' | 'error' | 'info' | 'warning' | '404' | '403' | '500'
Slots
名称 | 说明 | 参数类型 | 备注 |
---|---|---|---|
default |
复杂的情况说明,用于显示更多的信息 | - | - |
extra |
操作区 | - | - |
Issue Analytics
- State:
- Created 3 years ago
- Reactions:2
- Comments:11 (9 by maintainers)
Top Results From Across the Web
Container (Java Platform SE 7 )
Adds the specified container listener to receive container events from this container. protected void, addImpl(Component comp, Object constraints, int index).
Read more >Comp: a tool for creating HAL components
Writing a HAL component can be a tedious process, most of it in setup calls to rtapi_ and hal_ functions and associated error...
Read more >Result Component Records Flashcards
Study with Quizlet and memorize flashcards containing terms like Results type (determined in the Results Setup form of the test record).
Read more >Plotting PCA (Principal Component Analysis)
This document explains PCA, clustering, LFDA and MDS related plotting using {ggplot2} and {ggfortify} . Plotting PCA (Principal Component Analysis).
Read more >Components and Props
Components let you split the UI into independent, reusable pieces, and think about each piece in isolation. This page provides an introduction to...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
地址 是指什么?应该就是我说的图标的 name?叫地址有点奇怪,还有 require 包裹又是什么意思? 能写个用法的示例么?
我有点晕。
OK. 期待你的 PR