message: [improvement] Popup: update transform of position top/bottom
diff: &--top {
  top: 0;
  - left: 50%;
  + left: 0;
  width: 100%;
  - transform: translate3d(-50%, 0, 0);
  }
  &--right {
  &--bottom {
  bottom: 0;
  - left: 50%;
  + left: 0;
  width: 100%;
  - transform: translate3d(-50%, 0, 0);
  }
  &--left {
  &-slide-top-enter,
  &-slide-top-leave-active {
  - transform: translate3d(-50%, -100%, 0);
  + transform: translate3d(0, -100%, 0);
  }
  &-slide-right-enter,
  &-slide-bottom-enter,
  &-slide-bottom-leave-active {
  - transform: translate3d(-50%, 100%, 0);
  + transform: translate3d(0, 100%, 0);
  }
  &-slide-left-enter,
  