[improvement] Dialog: optimize transition prop (#1000)

packages/dialog/README.md

@@ -138,7 +138,7 @@ Page({
 | closeOnClickOverlay | 点击蒙层时是否关闭弹窗 | `Boolean` | `false` |
 | asyncClose | 是否异步关闭弹窗，开启后需要手动控制弹窗的关闭 | `Boolean` | `false` |
 | context | 选择器的选择范围，可以传入自定义组件的 this 作为上下文 | `Object` | 当前页面 |
-| transition | 是否开启进场动画 | `Boolean` | `true` |
+| transition | 动画名称，可选值为`fade` | `String` | `scale` |
 
 ### API
 
@@ -159,7 +159,7 @@ Page({
 | close-on-click-overlay | 点击蒙层时是否关闭弹窗 | `Boolean` | `false` |
 | use-slot | 是否使用自定义内容的插槽 | `Boolean` | `false` |
 | async-close | 是否异步关闭弹窗，开启后需要手动控制弹窗的关闭 | `Boolean` | `false` |
-| transition | 是否开启进场动画 | `Boolean` | `true` |
+| transition | 动画名称，可选值为`fade` | `String` | `scale` |
 
 ### Event
 

packages/dialog/dialog.ts

@@ -9,6 +9,7 @@ type DialogOptions = {
   message?: string;
   overlay?: boolean;
   selector?: string;
+  transition?: string;
   asyncClose?: boolean;
   confirmButtonText?: string;
   cancelButtonText?: string;
@@ -16,7 +17,6 @@ type DialogOptions = {
   showCancelButton?: boolean;
   closeOnClickOverlay?: boolean;
   confirmButtonOpenType?: string;
-  transition?: boolean;
 }
 
 interface Dialog {
@@ -68,14 +68,14 @@ Dialog.defaultOptions = {
   zIndex: 100,
   overlay: true,
   asyncClose: false,
+  transition: 'scale',
   selector: '#van-dialog',
   confirmButtonText: '确认',
   cancelButtonText: '取消',
   showConfirmButton: true,
   showCancelButton: false,
   closeOnClickOverlay: false,
-  confirmButtonOpenType: '',
-  transition: true
+  confirmButtonOpenType: ''
 };
 
 Dialog.alert = Dialog;

packages/dialog/index.ts

@@ -34,8 +34,8 @@ VantComponent({
       value: true
     },
     transition: {
-      type: Boolean,
-      value: true
+      type: String,
+      value: 'scale'
     }
   },
 

packages/dialog/index.wxml

@@ -1,9 +1,9 @@
 <van-popup
   show="{{ show }}"
-  transition="{{ transition ? 'scale' : '' }}"
   z-index="{{ zIndex }}"
   overlay="{{ overlay }}"
   custom-class="van-dialog"
+  transition="{{ transition }}"
   close-on-click-overlay="{{ closeOnClickOverlay }}"
   bind:close="onClickOverlay"
 >