fix(modal): 当duration为0时不自动关闭弹窗 (#3994)

* fix(modal): 当duration为0时不自动关闭弹窗

* docs(modal): 补充duration属性说明（duration为0时不自动关闭）

* docs(modal): 修复duration属性英文描述的标点错误

Author: Yujing613

examples/sites/demos/apis/modal.js

@@ -93,8 +93,9 @@ export default {
           type: 'number | string',
           defaultValue: '3000',
           desc: {
-            'zh-CN': "自动关闭的延时，仅当 type 为 'message' 有效",
-            'en-US': "Delay for automatic shutdown, only valid when type is 'message'"
+            'zh-CN': "自动关闭的延时，仅当 type 为 'message' 有效，如果设置为0则窗口不会自动关闭",
+            'en-US':
+              "Delay for automatic shutdown, only valid when type is 'message', If set to 0, the popup will not close automatically"
           },
           mode: ['pc', 'mobile-first'],
           pcDemo: 'message-close',

examples/sites/demos/mobile-first/app/modal/webdoc/modal.js

@@ -58,7 +58,8 @@ export default {
         'en-US': 'events'
       },
       desc: {
-        'zh-CN': '<p>可通过 `duration` 属性设置自动关闭的延迟时间，只对 type=message 有效。<p>',
+        'zh-CN':
+          '<p>可通过 `duration` 属性设置自动关闭的延迟时间，只对 type=message 有效，如果设置为0则窗口不会自动关闭。<p>',
         'en-US': '<p>bbutton click</p>'
       },
       codeFiles: ['duration.vue']

packages/renderless/src/modal/index.ts

@@ -164,12 +164,12 @@ export const mouseLeaveEvent =
   (): void => {
     api.addMsgQueue()
 
-    state.timer = window.setTimeout(
-      () => {
+    const duration = parseFloat(props.duration as string)
+    if (duration > 0) {
+      state.timer = window.setTimeout(() => {
         api.close('close')
-      },
-      parseFloat(props.duration as string)
-    )
+      }, duration)
+    }
   }
 
 export const updateZindex =
@@ -268,12 +268,12 @@ export const open =
       if (state.isMsg) {
         api.addMsgQueue()
 
-        state.timer = window.setTimeout(
-          () => {
+        const duration = parseFloat(props.duration as string)
+        if (duration > 0) {
+          state.timer = window.setTimeout(() => {
             api.close(params.type)
-          },
-          parseFloat(props.duration as string)
-        )
+          }, duration)
+        }
       } else {
         nextTick(() => {
           if (!isMobileFirstMode) {