fix: 修复 Modal 在 onClose 中调用 closeAll 导致栈溢出的问题

package.json

@@ -1,6 +1,6 @@
 {
   "name": "shineout",
-  "version": "2.0.32-beta.4",
+  "version": "2.0.32-beta.5",
   "description": "Shein 前端组件库",
   "main": "./lib/index.js",
   "module": "./es/index.js",

site/pages/documentation/changelog/2.x.x.md

@@ -1,9 +1,8 @@
 # 更新日志
 
-### 2.0.33
-- 修复 `Form` 调用 `validateClear` 传入指定字段名时，若对应字段未注册校验器会导致报错的问题
-
 ### 2.0.32
+- 修复 `Modal` 通过 `Modal.show` 等方法打开的弹窗，在 `onClose` 中调用 `Modal.closeAll` 时会触发无限递归导致栈溢出报错的问题
+- 修复 `Form` 调用 `validateClear` 传入指定字段名时，若对应字段未注册校验器会导致报错的问题
 - 修复 `Table` 使用 `treeExpandKeys` 展开树形行时，若数据中包含 DOM 引用等不可序列化字段会导致页面崩溃的问题
 - 修复 `Grid` 组件动态生成的样式在微前端场景下被错误劫持导致样式失效的问题
 - 修复 `Dropdown` 嵌套使用 `absolute` 时子级菜单项点击无法触发 onClick 的问题（Regression: since 2.0.29）

src/Modal/events.tsx

@@ -224,14 +224,22 @@ export const method = (type: Methods) => (option: Options) => {
   return () => close(props)
 }
 
+let closingAll = false
 export const closeAll = () => {
-  Object.keys(containers)
-    .filter(id => containers[id].props.from === 'method' && containers[id].visible)
-    .forEach(id => {
-      const { onClose, usePortal } = containers[id].props
-      if (onClose) onClose()
-      if (!usePortal) close(containers[id].props)
-    })
+  // 防止用户在 onClose 回调中再次调用 closeAll 造成无限递归
+  if (closingAll) return
+  closingAll = true
+  try {
+    Object.keys(containers)
+      .filter(id => containers[id].props.from === 'method' && containers[id].visible)
+      .forEach(id => {
+        const { onClose, usePortal } = containers[id].props
+        if (onClose) onClose()
+        if (!usePortal) close(containers[id].props)
+      })
+  } finally {
+    closingAll = false
+  }
 }
 
 ready(() => {

src/index.js

@@ -2,7 +2,7 @@
 
 import * as utils from './utils'
 
-export default { utils, version: '2.0.32-beta.4' }
+export default { utils, version: '2.0.32-beta.5' }
 export { utils }
 export { setLocale } from './locale'
 export { color, style } from './utils/expose'