fix(transition-group): not add class v-move to v-show element, fix #7879

Author: pengchongfu

src/platforms/web/runtime/components/transition-group.js

@@ -161,7 +161,7 @@ function callPendingCbs (c: VNode) {
     c.elm._moveCb()
   }
   /* istanbul ignore if */
-  if (c.elm._enterCb) {
+  if (c.elm._enterCb && !Object.keys(c.data.pos).every(key => c.data.pos[key] === 0)) {
     c.elm._enterCb()
   }
 }
@@ -175,7 +175,7 @@ function applyTranslation (c: VNode) {
   const newPos = c.data.newPos
   const dx = oldPos.left - newPos.left
   const dy = oldPos.top - newPos.top
-  if (dx || dy) {
+  if ((dx || dy) && !Object.keys(oldPos).every(key => oldPos[key] === 0)) {
     c.data.moved = true
     const s = c.elm.style
     s.transform = s.WebkitTransform = `translate(${dx}px,${dy}px)`

test/unit/features/transition/transition-group.spec.js

@@ -340,5 +340,40 @@ if (!isIE9) {
         )
       }).then(done)
     })
+
+    // GitHub issue #7879
+    it('should work with v-show like v-if', done => {
+      const vm = new Vue({
+        template: `
+          <div>
+            <transition-group name="group">
+              <div v-show="ok" key="foo" class="test">foo</div>
+            </transition-group>
+          </div>
+        `,
+        data: { ok: false }
+      }).$mount(el)
+
+      vm.ok = true
+      waitForUpdate(() => {
+        expect(vm.$el.innerHTML.replace(/\s?style=""(\s?)/g, '$1')).toBe(
+          `<span>` +
+            `<div class="test group-enter group-enter-active">foo</div>` +
+          `</span>`
+        )
+      }).thenWaitFor(nextFrame).then(() => {
+        expect(vm.$el.innerHTML.replace(/\s?style=""(\s?)/g, '$1')).toBe(
+          `<span>` +
+            `<div class="test group-enter-active group-enter-to">foo</div>` +
+          `</span>`
+        )
+      }).thenWaitFor(duration + buffer).then(() => {
+        expect(vm.$el.innerHTML.replace(/\s?style=""(\s?)/g, '$1')).toBe(
+          `<span>` +
+            `<div class="test">foo</div>` +
+          `</span>`
+        )
+      }).then(done)
+    })
   })
 }