From 6f910c9913b01c79e31ab01985bb4de4df9550dd Mon Sep 17 00:00:00 2001 From: neverland Date: Wed, 7 Sep 2022 23:20:28 +0800 Subject: [PATCH] feat(Dialog): message-align can be justify (#11014) --- packages/vant/src/dialog/README.md | 2 +- packages/vant/src/dialog/README.zh-CN.md | 2 +- packages/vant/src/dialog/index.less | 4 ++++ packages/vant/src/dialog/types.ts | 2 +- 4 files changed, 7 insertions(+), 3 deletions(-) diff --git a/packages/vant/src/dialog/README.md b/packages/vant/src/dialog/README.md index fae78a536..6ca83b7a9 100644 --- a/packages/vant/src/dialog/README.md +++ b/packages/vant/src/dialog/README.md @@ -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` | diff --git a/packages/vant/src/dialog/README.zh-CN.md b/packages/vant/src/dialog/README.zh-CN.md index 82521e8ad..39ffc99e6 100644 --- a/packages/vant/src/dialog/README.zh-CN.md +++ b/packages/vant/src/dialog/README.zh-CN.md @@ -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` | diff --git a/packages/vant/src/dialog/index.less b/packages/vant/src/dialog/index.less index e8db2cb3c..74bd2e174 100644 --- a/packages/vant/src/dialog/index.less +++ b/packages/vant/src/dialog/index.less @@ -83,6 +83,10 @@ &--right { text-align: right; } + + &--justify { + text-align: justify; + } } &__footer { diff --git a/packages/vant/src/dialog/types.ts b/packages/vant/src/dialog/types.ts index 46db56343..bcfc9d8c6 100644 --- a/packages/vant/src/dialog/types.ts +++ b/packages/vant/src/dialog/types.ts @@ -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;