blackteay/vant-weapp
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant-weapp.git synced 2025-04-06 03:58:05 +08:00
Code Issues Projects Releases Wiki Activity

[improvement] Dialog: support confirm button open type (#518)

Browse Source
This commit is contained in:
neverland 2018-09-06 17:01:59 +08:00 committed by GitHub
parent 18811373b5
commit 47a606416a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
dist/dialog/dialog.js vendored
View File

@ -30,7 +30,8 @@ Dialog.defaultOptions = {
cancelButtonText: '取消', cancelButtonText: '取消',
showConfirmButton: true, showConfirmButton: true,
showCancelButton: false, showCancelButton: false,
closeOnClickOverlay: false closeOnClickOverlay: false,
confirmButtonOpenType: ''
}; };
Dialog.alert = options => Dialog.alert = options =>

1
dist/dialog/index.js vendored
View File

@ -9,6 +9,7 @@ Component({
useSlot: Boolean, useSlot: Boolean,
asyncClose: Boolean, asyncClose: Boolean,
showCancelButton: Boolean, showCancelButton: Boolean,
confirmButtonOpenType: String,
show: { show: {
type: Boolean, type: Boolean,
observer(show) { observer(show) {

1
dist/dialog/index.wxml vendored
View File

@ -33,6 +33,7 @@
size="large" size="large"
loading="{{ loading.confirm }}" loading="{{ loading.confirm }}"
custom-class="van-dialog__confirm" custom-class="van-dialog__confirm"
open-type="{{ confirmButtonOpenType }}"
bind:click="onConfirm" bind:click="onConfirm"
> >
{{ confirmButtonText }} {{ confirmButtonText }}

4
packages/dialog/README.md
View File

@ -129,9 +129,10 @@ Page({
| showCancelButton | 是否展示取消按钮 | `Boolean` | `false` | | showCancelButton | 是否展示取消按钮 | `Boolean` | `false` |
| confirmButtonText | 确认按钮的文案 | `String` | `确认` | | confirmButtonText | 确认按钮的文案 | `String` | `确认` |
| cancelButtonText | 取消按钮的文案 | `String` | `取消` | | cancelButtonText | 取消按钮的文案 | `String` | `取消` |
| confirmButtonOpenType | 确认按钮的微信开放能力，具体支持可参考 [微信官方文档](https://mp.weixin.qq.com/debug/wxadoc/dev/component/button.html) | `String` | - |
| overlay | 是否展示蒙层 | `Boolean` | `true` | | overlay | 是否展示蒙层 | `Boolean` | `true` |
| closeOnClickOverlay | 点击蒙层时是否关闭弹窗 | `Boolean` | `false` | | closeOnClickOverlay | 点击蒙层时是否关闭弹窗 | `Boolean` | `false` |
| async-close | 是否异步关闭弹窗，开启后需要手动控制弹窗的关闭 | `Boolean` | `false` | | asyncClose | 是否异步关闭弹窗，开启后需要手动控制弹窗的关闭 | `Boolean` | `false` |
### API ### API
@ -146,6 +147,7 @@ Page({
| show-cancel-button | 是否展示取消按钮 | `Boolean` | `false` | | show-cancel-button | 是否展示取消按钮 | `Boolean` | `false` |
| confirm-button-text | 确认按钮的文案 | `String` | `确认` | | confirm-button-text | 确认按钮的文案 | `String` | `确认` |
| cancel-button-text | 取消按钮的文案 | `String` | `取消` | | cancel-button-text | 取消按钮的文案 | `String` | `取消` |
| confirm-button-open-type | 确认按钮的微信开放能力，具体支持可参考 [微信官方文档](https://mp.weixin.qq.com/debug/wxadoc/dev/component/button.html) | `String` | - |
| overlay | 是否展示蒙层 | `Boolean` | `true` | | overlay | 是否展示蒙层 | `Boolean` | `true` |
| close-on-click-overlay | 点击蒙层时是否关闭弹窗 | `Boolean` | `false` | | close-on-click-overlay | 点击蒙层时是否关闭弹窗 | `Boolean` | `false` |
| use-slot | 是否使用自定义内容的插槽 | `Boolean` | `false` | | use-slot | 是否使用自定义内容的插槽 | `Boolean` | `false` |

3
packages/dialog/dialog.js
View File

@ -30,7 +30,8 @@ Dialog.defaultOptions = {
cancelButtonText: '取消', cancelButtonText: '取消',
showConfirmButton: true, showConfirmButton: true,
showCancelButton: false, showCancelButton: false,
closeOnClickOverlay: false closeOnClickOverlay: false,
confirmButtonOpenType: ''
}; };
Dialog.alert = options => Dialog.alert = options =>

1
packages/dialog/index.js
View File

@ -9,6 +9,7 @@ Component({
useSlot: Boolean, useSlot: Boolean,
asyncClose: Boolean, asyncClose: Boolean,
showCancelButton: Boolean, showCancelButton: Boolean,
confirmButtonOpenType: String,
show: { show: {
type: Boolean, type: Boolean,
observer(show) { observer(show) {

1
packages/dialog/index.wxml
View File

@ -33,6 +33,7 @@
size="large" size="large"
loading="{{ loading.confirm }}" loading="{{ loading.confirm }}"
custom-class="van-dialog__confirm" custom-class="van-dialog__confirm"
open-type="{{ confirmButtonOpenType }}"
bind:click="onConfirm" bind:click="onConfirm"
> >
{{ confirmButtonText }} {{ confirmButtonText }}