UNPKG

zent

Version:

一套前端设计语言和基于React的实现

github.com/youzan/zent

youzan/zent

49 lines (38 loc) • 3.43 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
--- title: SweetAlert path: component/sweet-alert group: Feedback --- ## Sweetalert Sweetalert is a function used for arouse a Dialog rapidly. ### Guides - Sweetalert has no custom option, use Dialog instead if needed. ### API #### Sweetalert.alert | Props | Description | Type | Default | Alternatives | | --- | ---- | --- | --- | --- | | content | main content of the dialog | node | | | | type | dialog type, will show an icon on the left side of title if this prop is set. | string | `''` | `'info'`, `'success'`, `'error'`, `'warning'` | | title | title of the dialog | node | `''` | | | onConfirm | callback of confirm operation | func | `noop` | | | confirmText | text of confirm button | string | `'取消'` | | | confirmType | type of confirm button | string | `'primary'` | `'default'`、`'primary'`、`'danger'`、`'success'` | | className | custom classname | string | `''` | | | prefix | custom prefix | string | `'zent'`| | #### Sweetalert.confirm | Props | Description | Type | Default | Alternatives | | ----------- | --------------------------------------- | ------ | -------- | --------------------------------------------- | | content | main content of the dialog | node | | | | type | dialog type, will show an icon on the left side of title if this prop is set. | string | `''` | `'info'`, `'success'`, `'error'`, `'warning'` | | title | title of the dialog | node | `''` | | | onCancel | callback of cancel operation | func | `noop` | | | onConfirm | callback of confirm operation | func | `noop` | | | cancelText | text of cancel button | string | `'取消'` | | | confirmText | text of confirm button | string | `'确定'` | | | confirmType | type of confirm button | string | `'primary'` | `'default'`、`'primary'`、`'danger'`、`'success'` | | className | custom classname | string | `''` | | | prefix | custom prefix | string | `'zent'` | | - The returned value of `Sweetalert.alert` and `Sweetalert.confirm` are functions which can be used to close the dialog manually. - If `onConfirm` return a `Promise`, the corresponding button will stay loading when `Promise` is pending; The dialog won't be closed when `Promise` rejected, and will be closed if `Promise` resolved. - If `onConfirm` has no parameter and returned a `false`, the dialog won't be closed. - If `onConfirm` has one parameter `close`, it need to be triggered manually to close the dialog.