File tree Expand file tree Collapse file tree 28 files changed +226
-203
lines changed Expand file tree Collapse file tree 28 files changed +226
-203
lines changed Original file line number Diff line number Diff line change 2
2
3
3
## 示例
4
4
5
- ### 类型
5
+ ### 状态
6
6
7
- ` AlertBox ` 有三种类型 ,分别是 ` info ` 、` success ` 和 ` error ` ,可以通过 [ ` type ` ] ( #props-type ) 属性指定不同的类型 。
7
+ ` AlertBox ` 有三种状态 ,分别是 ` info ` 、` success ` 和 ` error ` ,可以通过 [ ` status ` ] ( #props-status ) 属性指定不同的状态 。
8
8
9
- [[ demo src="/demo/alert-box/type .vue" ]]
9
+ [[ demo src="/demo/alert-box/status .vue" ]]
10
10
11
11
### 标题
12
12
21
21
| 名称 | 类型 | 默认值 | 描述 |
22
22
| -- | -- | -- | -- |
23
23
| `` open `` | ` boolean ` | ` false ` | [ ^ open ] |
24
- | `` type `` | ` string ` | ` 'success' ` | [ ^ type ] |
24
+ | `` status `` | ` string ` | ` 'success' ` | [ ^ status ] |
25
+ | `` type `` | ` string ` | ` 'success' ` | 已废弃。请使用 [ ` status ` ] ( #props-status ) 属性代替。 |
25
26
| `` title `` | ` string ` | - | 标题。 |
26
27
| `` loading `` | ` boolean ` | ` false ` | 是否处于加载状态。处于加载状态时确定按钮也将进入加载状态,无法点击。 |
27
28
| `` disabled `` | ` boolean ` | ` false ` | 是否处于禁用状态。处于禁用状态时确定按钮也将进入禁用状态,无法点击。 |
38
39
是否显示警告弹框。
39
40
^^^
40
41
41
- ^^^type
42
- 警告框类型 。
42
+ ^^^status
43
+ 警告框状态 。
43
44
44
45
+++枚举值
45
46
| 值 | 描述 |
46
47
| -- | -- |
47
- | ` info ` | 信息提示样式 。 |
48
- | ` success ` | 成功样式 。 |
49
- | ` error ` | 错误样式 。 |
48
+ | ` info ` | 信息提示状态 。 |
49
+ | ` success ` | 成功状态 。 |
50
+ | ` error ` | 错误状态 。 |
50
51
+++
51
52
^^^
52
53
Original file line number Diff line number Diff line change 2
2
3
3
## 示例
4
4
5
- ### 类型
5
+ ### 状态
6
6
7
- ` Alert ` 有四种类型 ,分别是 ` success ` 、` info ` 、` warning ` 和 ` error ` ,可以通过 [ ` type ` ] ( #props-type ) 属性指定不同的类型 。
7
+ ` Alert ` 有四种状态 ,分别是 ` success ` 、` info ` 、` warning ` 和 ` error ` ,可以通过 [ ` status ` ] ( #props-status ) 属性指定不同的状态 。
8
8
9
- [[ demo src="/demo/alert/type .vue" ]]
9
+ [[ demo src="/demo/alert/status .vue" ]]
10
10
11
11
### 多消息切换
12
12
32
32
33
33
| 名称 | 类型 | 默认值 | 描述 |
34
34
| -- | -- | -- | -- |
35
- | `` type `` | ` string ` | ` 'success' ` | [ ^ type ] |
35
+ | `` status `` | ` string ` | ` 'success' ` | [ ^ status ] |
36
+ | `` type `` | ` string ` | ` 'success' ` | 已废弃。请使用 [ ` status ` ] ( #props-status ) 属性代替。 |
36
37
| `` title `` | ` string ` | - | 消息标题。 |
37
38
| `` message `` | `string | Array<string >` | - | 消息内容,当类型为数组时会显示多条数据并支持切换上一条/下一条。 |
38
39
| `` closable `` | ` boolean ` | ` false ` | 是否允许关闭。 |
39
40
| `` open `` | ` boolean ` | ` true ` | [ ^ open ] |
40
41
| `` index `` | ` number ` | ` 0 ` | [ ^ index ] |
41
42
42
- ^^^type
43
- 警告框类型 。
43
+ ^^^status
44
+ 警告框的上下文状态 。
44
45
45
46
+++枚举值
46
47
| 值 | 描述 |
47
48
| -- | -- |
48
- | ` info ` | 信息提示样式 。 |
49
- | ` success ` | 成功样式 。 |
50
- | ` warning ` | 警告样式 。 |
51
- | ` error ` | 错误样式 。 |
49
+ | ` info ` | 信息提示状态 。 |
50
+ | ` success ` | 成功状态 。 |
51
+ | ` warning ` | 警告状态 。 |
52
+ | ` error ` | 错误状态 。 |
52
53
+++
53
54
^^^
54
55
Original file line number Diff line number Diff line change 32
32
33
33
| 名称 | 类型 | 默认值 | 描述 |
34
34
| -- | -- | -- | -- |
35
- | `` type `` | ` string ` | ` 'error' ` | [ ^ type ] |
35
+ | `` status `` | ` string ` | ` 'error' ` | [ ^ status ] |
36
+ | `` type `` | ` string ` | ` 'error' ` | 已废弃。请使用 [ ` status ` ] ( #props-status ) 属性代替。 |
36
37
| `` value `` | `string | number` | - | 徽标内容值。为 ` number ` 类型值时,会受 [ ` max ` ] ( #props-max ) 属性限制。为 ` string ` 类型时,` max ` 会被忽略。 |
37
38
| `` max `` | ` number ` | ` badge.max ` | 徽标数值的最大值,当 ` value ` 超过此值时,徽标内容会显示为 ` {max}+ ` 。当 ` value ` 为 ` string ` 时会被忽略。 |
38
39
| `` hidden `` | ` boolean ` | ` false ` | 是否处于隐藏状态。 |
39
40
40
- ^^^type
41
- 徽标状态类型。自带样式的可选值如下 。使用其它值时需要自行定义 ` .veui-badge-{type } ` 的样式。
41
+ ^^^status
42
+ 徽标状态。自带状态的可选值如下 。使用其它值时需要自行定义 ` .veui-badge-{status } ` 的样式。
42
43
43
44
+++枚举值
44
45
| 值 | 描述 |
45
46
| -- | -- |
46
- | ` info ` | 信息提示样式 。 |
47
- | ` success ` | 成功样式 。 |
48
- | ` warning ` | 警告样式 。 |
49
- | ` error ` | 错误样式 。 |
50
- | ` aux ` | 辅助样式 。 |
47
+ | ` info ` | 信息提示状态 。 |
48
+ | ` success ` | 成功状态 。 |
49
+ | ` warning ` | 警告状态 。 |
50
+ | ` error ` | 错误状态 。 |
51
+ | ` aux ` | 辅助状态 。 |
51
52
+++
52
53
^^^
53
54
Original file line number Diff line number Diff line change 33
33
| 名称 | 类型 | 默认值 | 描述 |
34
34
| -- | -- | -- | -- |
35
35
| `` ui `` | ` string ` | - | [ ^ ui ] |
36
- | `` type `` | ` string ` | ` 'default' ` | [ ^ type ] |
36
+ | `` status `` | ` string ` | ` 'default' ` | [ ^ status ] |
37
+ | `` type `` | ` string ` | ` 'default' ` | 已废弃。请使用 [ ` status ` ] ( #props-status ) 属性代替。 |
37
38
| `` color `` | ` string ` | - | 预设的彩色标签颜色名。目前支持的有 `'turquoise' | 'violet' | 'green'`。 |
38
39
| `` selectable `` | ` boolean ` | ` false ` | 是否允许选择。 |
39
40
| `` selected `` | ` boolean ` | ` false ` | [ ^ selected ] |
54
55
+++
55
56
^^^
56
57
57
- ^^^type
58
- 标签类型 。
58
+ ^^^status
59
+ 标签状态 。
59
60
60
61
+++枚举值
61
62
| 值 | 描述 |
Original file line number Diff line number Diff line change 2
2
3
3
## 示例
4
4
5
- ### 类型
5
+ ### 状态
6
6
7
- ` Toast ` 有四种类型 ,分别是 ` info ` 、` success ` 、` warning ` 和 ` error ` ,可以通过 [ ` type ` ] ( #props-type ) 属性指定不同的类型 。
7
+ ` Toast ` 有四种状态 ,分别是 ` info ` 、` success ` 、` warning ` 和 ` error ` ,可以通过 [ ` status ` ] ( #props-status ) 属性指定不同的状态 。
8
8
9
9
[[ demo src="/demo/toast/default.vue" ]]
10
10
21
21
| 名称 | 类型 | 默认值 | 描述 |
22
22
| -- | -- | -- | -- |
23
23
| `` open `` | ` boolean ` | ` false ` | [ ^ open ] |
24
- | `` type `` | ` string ` | ` 'success' ` | [ ^ type ] |
24
+ | `` status `` | ` string ` | ` 'success' ` | [ ^ status ] |
25
+ | `` type `` | ` string ` | ` 'success' ` | 已废弃。请使用 [ ` status ` ] ( #props-status ) 属性代替。 |
25
26
| `` title `` | ` string ` | - | 消息标题。 |
26
27
| `` message `` | ` string ` | - | 消息内容。 |
27
28
| `` duration `` | ` number ` | ` toast.duration ` | 消息展示时间毫秒数,超过此事件则消息提示自动关闭。 |
35
36
是否显示消息提示。
36
37
^^^
37
38
38
- ^^^type
39
+ ^^^status
39
40
警告框类型。
40
41
41
42
+++枚举值
Original file line number Diff line number Diff line change 11
11
</veui-button >
12
12
13
13
<veui-alert-box
14
- type =" success"
14
+ status =" success"
15
15
:open.sync =" successOpen"
16
16
>
17
17
<template #title >
21
21
</veui-alert-box >
22
22
23
23
<veui-alert-box
24
- type =" error"
24
+ status =" error"
25
25
:open.sync =" errorOpen"
26
26
>
27
27
<template #title >
31
31
</veui-alert-box >
32
32
33
33
<veui-alert-box
34
- type =" info"
34
+ status =" info"
35
35
:open.sync =" infoOpen"
36
36
>
37
37
<template #title >
Original file line number Diff line number Diff line change 1
1
<template >
2
2
<article >
3
- <veui-alert type =" success" >
3
+ <veui-alert status =" success" >
4
4
Your profile has been updated.
5
5
</veui-alert >
6
- <veui-alert type =" info" >
6
+ <veui-alert status =" info" >
7
7
Press any key to continue...
8
8
</veui-alert >
9
- <veui-alert type =" warning" >
9
+ <veui-alert status =" warning" >
10
10
<code >slot-scope</code > is deprecated. Use <code >v-slot</code > instead.
11
11
</veui-alert >
12
12
<veui-alert
13
- type =" error"
13
+ status =" error"
14
14
message =" Uncaught SyntaxError: Unexpected token +"
15
15
/>
16
16
</article >
Original file line number Diff line number Diff line change 1
1
<template >
2
2
<article >
3
3
<section >
4
- <veui-badge type =" success" >
4
+ <veui-badge status =" success" >
5
5
Running
6
6
</veui-badge >
7
- <veui-badge type =" info" >
7
+ <veui-badge status =" info" >
8
8
New
9
9
</veui-badge >
10
10
<veui-badge >
11
11
Rejected
12
12
</veui-badge >
13
- <veui-badge type =" warning" >
13
+ <veui-badge status =" warning" >
14
14
Auditing
15
15
</veui-badge >
16
- <veui-badge type =" aux" >
16
+ <veui-badge status =" aux" >
17
17
Expired
18
18
</veui-badge >
19
19
</section >
Original file line number Diff line number Diff line change 3
3
<section >
4
4
<veui-badge
5
5
value =" Running"
6
- type =" success"
6
+ status =" success"
7
7
/>
8
8
<veui-badge
9
9
value =" New"
10
- type =" info"
10
+ status =" info"
11
11
/>
12
12
<veui-badge value =" Rejected" />
13
13
<veui-badge
14
14
value =" Auditing"
15
- type =" warning"
15
+ status =" warning"
16
16
/>
17
17
<veui-badge
18
18
value =" Expired"
19
- type =" aux"
19
+ status =" aux"
20
20
/>
21
21
</section >
22
22
</article >
Original file line number Diff line number Diff line change 2
2
<article >
3
3
<veui-badge
4
4
value =" New"
5
- type =" success"
5
+ status =" success"
6
6
>
7
7
<veui-button >View</veui-button >
8
8
</veui-badge >
9
9
<veui-badge
10
10
value =" New"
11
- type =" info"
11
+ status =" info"
12
12
>
13
13
<veui-button >View</veui-button >
14
14
</veui-badge >
17
17
</veui-badge >
18
18
<veui-badge
19
19
value =" New"
20
- type =" warning"
20
+ status =" warning"
21
21
>
22
22
<veui-button >View</veui-button >
23
23
</veui-badge >
24
24
<veui-badge
25
25
value =" New"
26
- type =" aux"
26
+ status =" aux"
27
27
>
28
28
<veui-button >View</veui-button >
29
29
</veui-badge >
@@ -50,9 +50,9 @@ export default {
50
50
</style >
51
51
52
52
<docs >
53
- 可以使用 [`type `](#props-type ) 属性,指定徽标在不同功能状态下的样式 。
53
+ 可以使用 [`status `](#props-status ) 属性,指定徽标的不同状态 。
54
54
</docs >
55
55
56
56
<docs locale="en-US">
57
- Use the [`type `](#props-type ) prop to apply different contextual styles .
57
+ Use the [`status `](#props-status ) prop to apply different contextual status .
58
58
</docs >
You can’t perform that action at this time.
0 commit comments