u

code/base-project/base-vue/packages/ao-design/src/modal/modalManager.ts

@@ -0,0 +1,31 @@
+let zIndexBase = 1000
+const modalStack: number[] = [] // 当前打开的 Modal zIndex
+const freeZIndex: number[] = [] // 已关闭 Modal 可复用 zIndex
+
+export function addModal() {
+  let zIndex: number
+  if (freeZIndex.length > 0) {
+    zIndex = freeZIndex.pop()!
+  }
+  else {
+    zIndex = ++zIndexBase
+  }
+  modalStack.push(zIndex)
+  return zIndex
+}
+
+export function removeModal(zIndex: number) {
+  const idx = modalStack.indexOf(zIndex)
+  if (idx !== -1) {
+    modalStack.splice(idx, 1)
+    freeZIndex.push(zIndex) // 回收 zIndex
+  }
+}
+
+export function getTopZIndex() {
+  return modalStack.length > 0 ? modalStack[modalStack.length - 1] : zIndexBase
+}
+
+export function getMaskZIndex() {
+  return modalStack.length > 0 ? modalStack[modalStack.length - 1] - 1 : zIndexBase
+}