feat(Popup): add transition-appear prop (#7525)

* feat:(Popup): add appear prop

* docs(Popup): add appear prop

* feat(Popup): add transition-appear prop

src/mixins/popup/index.js

@@ -18,6 +18,8 @@ import { PortalMixin } from '../portal';
 import { CloseOnPopstateMixin } from '../close-on-popstate';
 
 export const popupMixinProps = {
+  // Initial rendering animation
+  transitionAppear: Boolean,
   // whether to show popup
   value: Boolean,
   // whether to show overlay

src/popup/README.md

@@ -109,6 +109,7 @@ export default {
 | Attribute | Description | Type | Default |
 | --- | --- | --- | --- |
 | v-model (value) | Whether to show popup | _boolean_ | `false` |
+| transition-appear | Initial rendering animation | _boolean_ | `false` |
 | overlay | Whether to show overlay | _boolean_ | `true` |
 | position | Can be set to `top` `bottom` `right` `left` | _string_ | `center` |
 | overlay-class | Custom overlay class | _string_ | - |

src/popup/README.zh-CN.md

@@ -120,6 +120,7 @@ export default {
 | 参数 | 说明 | 类型 | 默认值 |
 | --- | --- | --- | --- |
 | v-model (value) | 是否显示弹出层 | _boolean_ | `false` |
+| transition-appear | 初始渲染动画 | _boolean_ | `false` |
 | overlay | 是否显示遮罩层 | _boolean_ | `true` |
 | position | 弹出位置，可选值为 `top` `bottom` `right` `left` | _string_ | `center` |
 | overlay-class | 自定义遮罩层类名 | _string_ | - |

src/popup/index.js

@@ -64,6 +64,7 @@ export default createComponent({
 
     return (
       <transition
+        appear={this.transitionAppear}
         name={transitionName}
         onAfterEnter={this.onOpened}
         onAfterLeave={this.onClosed}