From 52063630e5a60562db844caece4d01488dca7a5c Mon Sep 17 00:00:00 2001
From: Justineo <justice360@gmail.com>
Date: Tue, 5 Feb 2019 23:41:37 +0800
Subject: [PATCH] feat: add origin prop for <transition-group>, fix #8424

---
 .../runtime/components/transition-group.js    | 32 +++++++++++++++----
 1 file changed, 25 insertions(+), 7 deletions(-)

diff --git a/src/platforms/web/runtime/components/transition-group.js b/src/platforms/web/runtime/components/transition-group.js
index 084f394cd0d..8816c6c70e6 100644
--- a/src/platforms/web/runtime/components/transition-group.js
+++ b/src/platforms/web/runtime/components/transition-group.js
@@ -26,7 +26,14 @@ import {
 
 const props = extend({
   tag: String,
-  moveClass: String
+  moveClass: String,
+  origin: {
+    type: String,
+    default: 'viewport',
+    validator (val) {
+      return ['viewport', 'document'].indexOf(val) !== -1
+    }
+  }
 }, transitionProps)
 
 delete props.mode
@@ -80,7 +87,7 @@ export default {
       for (let i = 0; i < prevChildren.length; i++) {
         const c: VNode = prevChildren[i]
         c.data.transition = transitionData
-        c.data.pos = c.elm.getBoundingClientRect()
+        c.data.pos = this.getPosition(c)
         if (map[c.key]) {
           kept.push(c)
         } else {
@@ -104,7 +111,7 @@ export default {
     // we divide the work into three loops to avoid mixing DOM reads and writes
     // in each iteration - which helps prevent layout thrashing.
     children.forEach(callPendingCbs)
-    children.forEach(recordPosition)
+    children.forEach(this.recordPosition)
     children.forEach(applyTranslation)
 
     // force reflow to put everything in position
@@ -157,6 +164,21 @@ export default {
       const info: Object = getTransitionInfo(clone)
       this.$el.removeChild(clone)
       return (this._hasMove = info.hasTransform)
+    },
+    getPosition (c: VNode) {
+      const relativePos = c.elm.getBoundingClientRect()
+      const origin = this.origin
+      if (origin === 'document' && document.documentElement) {
+        const originPos = document.documentElement.getBoundingClientRect()
+        return {
+          top: relativePos.top - originPos.top,
+          left: relativePos.left - originPos.left
+        }
+      }
+      return relativePos
+    },
+    recordPosition (c: VNode) {
+      c.data.newPos = this.getPosition(c)
     }
   }
 }
@@ -172,10 +194,6 @@ function callPendingCbs (c: VNode) {
   }
 }
 
-function recordPosition (c: VNode) {
-  c.data.newPos = c.elm.getBoundingClientRect()
-}
-
 function applyTranslation (c: VNode) {
   const oldPos = c.data.pos
   const newPos = c.data.newPos