blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-04 21:32:44 +08:00
Code Issues Projects Releases Wiki Activity

feat(Dialog): message-align can be justify (#11014)

Browse Source
This commit is contained in:
neverland 2022-09-07 23:20:28 +08:00 committed by GitHub
parent 1b08f84ac6
commit 6f910c9913
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/vant/src/dialog/README.md
View File

@ -177,7 +177,7 @@ export default {
| title | Title | _string_ | - |
| width | Width | _number \| string_ | `320px` |
| message | Message | _string \| () => JSX.ELement_ | - |
| message-align | Message align, can be set to `left` `right` | _string_ | `center` |
| message-align | Message align, can be set to `left` `right` `justify` | _string_ | `center` |
| theme | Theme style, can be set to `round-button` | _string_ | `default` |
| show-confirm-button | Whether to show confirm button | _boolean_ | `true` |
| show-cancel-button | Whether to show cancel button | _boolean_ | `false` |

2
packages/vant/src/dialog/README.zh-CN.md
View File

@ -235,7 +235,7 @@ export default {
| title | 标题 | _string_ | - |
| width | 弹窗宽度，默认单位为 `px` | _number \| string_ | `320px` |
| message | 文本内容，支持通过 `\n` 换行 | _string \| () => JSX.Element_ | - |
| message-align | 内容水平对齐方式，可选值为 `left` `right` | _string_ | `center` |
| message-align | 内容水平对齐方式，可选值为 `left` `right` `justify` | _string_ | `center` |
| theme | 样式风格，可选值为 `round-button` | _string_ | `default` |
| show-confirm-button | 是否展示确认按钮 | _boolean_ | `true` |
| show-cancel-button | 是否展示取消按钮 | _boolean_ | `false` |

4
packages/vant/src/dialog/index.less
View File

@ -83,6 +83,10 @@
&--right {
text-align: right;
}
&--justify {
text-align: justify;
}
}
&__footer {

2
packages/vant/src/dialog/types.ts
View File

@ -5,7 +5,7 @@ import type { Interceptor, Numeric } from '../utils';
export type DialogTheme = 'default' | 'round-button';
export type DialogAction = 'confirm' | 'cancel';
export type DialogMessage = string | (() => JSX.Element);
export type DialogMessageAlign = 'left' | 'center' | 'right';
export type DialogMessageAlign = 'left' | 'center' | 'right' | 'justify';
export type DialogOptions = {
title?: string;