element plus, dialog z-index 每次打开都会递增，如何获取下一个index

Element Plus中的`dialog`组件默认使用z-index管理层级，每次显示新对话框时，它会自动为每个对话框分配一个更高的z-index值以保证堆叠顺序。如果你想要获取下一个对话框的z-index值，可以这样做：

1. 首先，你需要找到`dialog`元素并获取其当前的z-index。这通常是在`element-plus`的`dialog-service.js`文件中完成的。服务可能会有一个变量来跟踪最大z-index。

const maxZIndex = this.zIndexes || 0; // 获取当前的最大z-index

2. 然后在创建新对话框时，你可以简单地加一来得到新的z-index：

const nextZIndex = maxZIndex + 1;
this.zIndexes = nextZIndex; // 更新最大z-index

return {
  zIndex: nextZIndex,
  ...其他属性
};

3. 如果你想在一个全局地方获取这个值，你可以在组件初始化时订阅`dialogService`的变化，并在更新事件触发时获取最新的z-index。

import { ref } from 'vue';
import { useDialogService } from 'element-plus';

export default {
  setup() {
    const dialogRef = useDialogService();
    const nextZIndexRef = ref(0);

    dialogRef.$on('update', () => {
      nextZIndexRef.value = dialogRef.maxZIndex;
    });

    return {
      getNextZIndex: () => nextZIndexRef.value,
    };
  }
}

现在，每当有新对话框打开时，你可以通过`getNextZIndex()`函数获取到下一个对话框的预期z-index值。