test: update test & ts

Author: tangjinzhou

antdv-demo

@@ -1,3 +1,4 @@
+import { nextTick } from 'vue';
 import { getOptionProps } from './props-util';
 
 export default {
@@ -19,7 +20,7 @@ export default {
       if (this._.isMounted) {
         this.$forceUpdate();
       }
-      this.$nextTick(() => {
+      nextTick(() => {
         callback && callback();
       });
     },

components/_util/BaseMixin.js

@@ -1,3 +1,4 @@
+import { nextTick } from 'vue';
 import { getOptionProps } from './props-util';
 
 export default {
@@ -19,7 +20,7 @@ export default {
       if (this._.isMounted) {
         this.$forceUpdate();
       }
-      this.$nextTick(() => {
+      nextTick(() => {
         callback && callback();
       });
     },

components/_util/BaseMixin2.js

@@ -1,5 +1,5 @@
 import PropTypes from './vue-types';
-import { defineComponent, Teleport } from 'vue';
+import { defineComponent, nextTick, Teleport } from 'vue';
 
 export default defineComponent({
   name: 'Portal',
@@ -18,7 +18,7 @@ export default defineComponent({
   updated() {
     const { didUpdate } = this.$props;
     if (didUpdate) {
-      this.$nextTick(() => {
+      nextTick(() => {
         didUpdate(this.$props);
       });
     }

components/_util/Portal.js

@@ -1,4 +1,4 @@
-import { defineComponent, inject, provide } from 'vue';
+import { defineComponent, inject, nextTick, provide } from 'vue';
 import PropTypes from '../_util/vue-types';
 import classNames from '../_util/classNames';
 import addEventListener from '../vc-util/Dom/addEventListener';
@@ -117,15 +117,15 @@ export default defineComponent({
     };
   },
   mounted() {
-    this.$nextTick(() => {
+    nextTick(() => {
       const { getContainer } = this;
       this.scrollContainer = getContainer();
       this.scrollEvent = addEventListener(this.scrollContainer, 'scroll', this.handleScroll);
       this.handleScroll();
     });
   },
   updated() {
-    this.$nextTick(() => {
+    nextTick(() => {
       if (this.scrollEvent) {
         const { getContainer } = this;
         const currentContainer = getContainer();

components/anchor/Anchor.tsx

@@ -1,4 +1,4 @@
-import { ComponentPublicInstance, defineComponent, inject } from 'vue';
+import { ComponentPublicInstance, defineComponent, inject, nextTick } from 'vue';
 import PropTypes from '../_util/vue-types';
 import { getComponent } from '../_util/props-util';
 import classNames from '../_util/classNames';
@@ -32,7 +32,7 @@ export default defineComponent({
   },
   watch: {
     href(val, oldVal) {
-      this.$nextTick(() => {
+      nextTick(() => {
         this.antAnchor.unregisterLink(oldVal);
         this.antAnchor.registerLink(val);
       });

components/anchor/AnchorLink.tsx

@@ -1,5 +1,5 @@
 import { tuple, VueNode } from '../_util/type';
-import { CSSProperties, defineComponent, inject, PropType } from 'vue';
+import { CSSProperties, defineComponent, inject, nextTick, PropType } from 'vue';
 import { defaultConfigProvider } from '../config-provider';
 import { getComponent } from '../_util/props-util';
 import PropTypes from '../_util/vue-types';
@@ -40,7 +40,7 @@ export default defineComponent({
   },
   watch: {
     src() {
-      this.$nextTick(() => {
+      nextTick(() => {
         this.isImgExist = true;
         this.scale = 1;
         // force uodate for position
@@ -49,13 +49,13 @@ export default defineComponent({
     },
   },
   mounted() {
-    this.$nextTick(() => {
+    nextTick(() => {
       this.setScale();
       this.isMounted = true;
     });
   },
   updated() {
-    this.$nextTick(() => {
+    nextTick(() => {
       this.setScale();
     });
   },

components/avatar/Avatar.tsx

@@ -1,4 +1,4 @@
-import { App, defineComponent, inject } from 'vue';
+import { App, defineComponent, inject, nextTick } from 'vue';
 import classNames from '../_util/classNames';
 import PropTypes from '../_util/vue-types';
 import backTopTypes from './backTopTypes';
@@ -36,7 +36,7 @@ const BackTop = defineComponent({
     };
   },
   mounted() {
-    this.$nextTick(() => {
+    nextTick(() => {
       const getTarget = this.target || getDefaultTarget;
       this.scrollEvent = addEventListener(getTarget(), 'scroll', this.handleScroll);
       this.handleScroll();

components/back-top/index.tsx

@@ -231,13 +231,6 @@ const Cascader = defineComponent({
       flattenOptions: showSearch ? flattenTree(options, this.$props) : undefined,
     };
   },
-  // mounted() {
-  //   this.$nextTick(() => {
-  //     if (this.autofocus && !this.showSearch && !this.disabled) {
-  //       this.$refs.picker.focus();
-  //     }
-  //   });
-  // },
   watch: {
     value(val) {
       this.setState({ sValue: val || [] });

components/cascader/index.tsx

@@ -1,4 +1,4 @@
-import { defineComponent, inject } from 'vue';
+import { defineComponent, inject, nextTick } from 'vue';
 import PropTypes from '../_util/vue-types';
 import classNames from '../_util/classNames';
 import VcCheckbox from '../vc-checkbox';
@@ -36,7 +36,7 @@ export default defineComponent({
 
   watch: {
     value(value, prevValue) {
-      this.$nextTick(() => {
+      nextTick(() => {
         const { checkboxGroupContext: checkboxGroup = {} } = this;
         if (checkboxGroup.registerValue && checkboxGroup.cancelValue) {
           checkboxGroup.cancelValue(prevValue);