.zoom-ani {
  &-enter-active {
    animation: zoomBigIn .3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  }
  &-leave-active {
    animation: zoomBigOut .3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  }
}

@keyframes zoomBigIn {
  // 计算popover位置时，有可能处于 active 状态，通过这种方式 hack 待改进
  0% {
    transform: none;
    opacity: 0;
  }
  1% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes zoomBigOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
    opacity: 0;
  }
}