refactor(notification): clean code

src/notification/demos/enUS/index.demo-entry.md

@@ -85,7 +85,7 @@ placement.vue
 | content | `string \| (() => VNodeChild)` | `undefined` | Content, can be a render function. |  |
 | description | `string \| (() => VNodeChild)` | `undefined` | Content of the `description`, can be a render function. |  |
 | duration | `number` | `undefined` | If not set, it won't automatically close. Unit is millisecond. |  |
-| keepAliveOnHover | `boolean` | `undefined` | Whether to keep the notification when mouse hover. | NEXT_VERSION |
+| keepAliveOnHover | `boolean` | `false` | Whether to keep the notification when mouse hover. | NEXT_VERSION |
 | meta | `string \| (() => VNodeChild)` | `undefined` | Content of the `meta`, can be a render function. |  |
 | title | `string \| (() => VNodeChild)` | `undefined` | Content of the `title`, can be a render function. |  |
 | onAfterEnter | `Function` | `undefined` | Callback triggered after Transition's enter animation executed. |  |

src/notification/demos/enUS/type.demo.vue

@@ -1,6 +1,5 @@
 <markdown>
 # Type
-Won't disappear on hover
 </markdown>
 
 <template>

src/notification/demos/zhCN/index.demo-entry.md

@@ -86,7 +86,7 @@ rtl-debug.vue
 | content | `string \| (() => VNodeChild)` | `undefined` | 通知框内容，可以是 render 函数 |  |
 | description | `string \| (() => VNodeChild)` | `undefined` | 描述的内容，可以是 render 函数 |  |
 | duration | `number` | `undefined` | 如果没有设定则不会自动关闭，单位毫秒 |  |
-| keepAliveOnHover | `boolean` | `undefined` | 当鼠标移入时是否保持通知框显示 | NEXT_VERSION |
+| keepAliveOnHover | `boolean` | `false` | 当鼠标移入时是否保持通知框显示 | NEXT_VERSION |
 | meta | `string \| (() => VNodeChild)` | `undefined` | `meta` 信息，可以是 render 函数 |
 | title | `string \| (() => VNodeChild)` | `undefined` | `title` 信息，可以是 render 函数 |
 | onAfterEnter | `Function` | `undefined` | 过渡动画进入执行完后执行的回调 |  |

src/notification/demos/zhCN/type.demo.vue

@@ -1,6 +1,5 @@
 <markdown>
 # 类型
-Hover 不消失
 </markdown>
 
 <template>

src/notification/src/NotificationEnvironment.tsx

@@ -169,10 +169,14 @@ export const NotificationEnvironment = defineComponent({
                 {...keep(this.$props, notificationPropKeys)}
                 onClose={this.handleClose}
                 onMouseenter={
-                  this.keepAliveOnHover ? this.handleMouseenter : undefined
+                  this.duration && this.keepAliveOnHover
+                    ? this.handleMouseenter
+                    : undefined
                 }
                 onMouseleave={
-                  this.keepAliveOnHover ? this.handleMouseleave : undefined
+                  this.duration && this.keepAliveOnHover
+                    ? this.handleMouseleave
+                    : undefined
                 }
               />
             ) : null