fix: (Sticky) 只能针对浏览器窗口进行定位(#1087)

package.json

@@ -86,7 +86,7 @@
     "@babel/runtime": "^7.16.5",
     "@types/lodash": "^4.14.178",
     "@types/validator": "^13.6.3",
-    "@vueuse/core": "^8.2.5",
+    "@vueuse/core": "^10.4.1",
     "dayjs": "^1.10.7",
     "lodash": "^4.17.21",
     "tdesign-icons-vue-next": "^0.2.0",

src/message/message.vue

@@ -38,7 +38,7 @@ import {
   onMounted,
 } from 'vue';
 import { CheckCircleFilledIcon, CloseIcon, InfoCircleFilledIcon } from 'tdesign-icons-vue-next';
-import { isObject, isString } from '@vueuse/core';
+import { isObject, isString } from 'lodash';
 
 import Link from '../link';
 import messageProps from './props';

src/pull-down-refresh/__test__/utils.ts

@@ -79,7 +79,11 @@ export class MockResizeObserver {
   }
 
   disconnect() {
-    this._element.removeEventListener('resize', this.trigger);
+    // unmount后监听的元素this._element可能为null，因此先判断元素是否为null，再依据此来是否执行removeEventListener
+    if (this._element) {
+      this._element.removeEventListener('resize', this.trigger);
+    }
+    this._element = null;
   }
 
   /**

src/shared/util.ts

@@ -1,4 +1,4 @@
-import { isNumber } from '@vueuse/core';
+import isNumber from 'lodash/isNumber';
 import config from '../config';
 
 const { prefix } = config;

src/sticky/sticky.vue

@@ -25,9 +25,9 @@ export default defineComponent({
 
     // box 用于占位和记录边界
     // content 用于实际定位
-    const boxRef = templateRef('boxRef');
+    const boxRef = templateRef<HTMLElement | null>('boxRef', null);
     const { top: boxTop } = useElementBounding(boxRef);
-    const contentRef = templateRef('contentRef');
+    const contentRef = templateRef<HTMLElement | null>('contentRef', null);
     const { top: contentTop, height } = useElementBounding(contentRef);
 
     const boxStyles = computed(() => `height:${height.value}px;`);