chore: make up the animation

Author: zhangmo8

packages/varlet-vue2-cli/site/components/teleport/Teleport.jsx

@@ -33,7 +33,7 @@ export default defineComponent({
     },
 
     transfer() {
-      const container = this.disabled ? this.$refs.teleport : document.querySelector(this.to)
+      const container = this.disabled ? this.$refs.teleport : (typeof this.to === 'string'? document.querySelector(this.to): this.to)
       const parentNode = this.el.parentNode
 
       if (parentNode === container) {

packages/varlet-vue2-cli/site/components/teleport/props.ts

@@ -1,6 +1,5 @@
 export const props = {
   to: {
-    type: String,
     required: true,
   },
   disabled: {

packages/varlet-vue2-cli/site/pc/components/AnimationBox.vue

@@ -14,15 +14,15 @@ export default defineComponent({
   }),
   created() {
     floating.animationBoxData = this.$attrs;
-  },
-  mounted() {
-    floating.animationEl = this.$refs.varletLogoAnimationRef
-    floating.animationElClientRect = this.$refs.varletLogoAnimationRef.getBoundingClientRect();
     this.mutationObserver = new MutationObserver(() => {
       floating.animationElClientRect = this.$refs.varletLogoAnimationRef?.getBoundingClientRect();
     });
     this.mutationObserver.observe(document.body, { attributes: true, subtree: true, childList: true });
   },
+  mounted() {
+    floating.animationEl = this.$refs.varletLogoAnimationRef
+    floating.animationElClientRect = this.$refs.varletLogoAnimationRef.getBoundingClientRect();
+  },
   beforeUnmount() {
     this.mutationObserver && this.mutationObserver.disconnect();
   },

packages/varlet-vue2-cli/site/pc/components/LogoAnimation.vue

@@ -1,9 +1,8 @@
 <template>
   <div>
-    <teleport to="#varletLogoAnimationRef" v-if="animationEl && !floatingState">
+    <teleport :to="animationEl" v-if="animationEl">
       <img v-show="!floatingState && logo" v-bind="animationBoxData" :style="styles" :src="logo" alt="logo" class="varlet-cli-logo-animation" />
     </teleport>
-    {{Boolean(animationEl)}}
     <div v-show="floatingState">
       <img @transitionend="land" v-bind="animationBoxData" :style="styles" :src="logo" alt="logo"
         v-if="logo && animationEl"
@@ -58,6 +57,7 @@ export default defineComponent({
     window.addEventListener('resize', this.resetPosition, false);
   },
   beforeUnmount() {
+    this.resetTimer && clearTimeout(this.resetTimer)
     window.removeEventListener('resize', this.resetPosition);
   },
   created(){