diff --git a/packages/uni-components/src/components/canvas/index.vue b/packages/uni-components/src/components/canvas/index.vue
index 4334c5e737976561f9047a74295a0a02b9579898..d34a93989576b75c4bb26f42b1eb4f4d3f7b0266 100644
--- a/packages/uni-components/src/components/canvas/index.vue
+++ b/packages/uni-components/src/components/canvas/index.vue
@@ -62,6 +62,9 @@ function getTempCanvas(width = 0, height = 0) {
 export default {
   name: "Canvas",
   inheritAttrs: false,
+  compatConfig: {
+    MODE: 3
+  },
   components: {
     ResizeSensor,
   },
diff --git a/packages/uni-components/src/components/navigator/index.vue b/packages/uni-components/src/components/navigator/index.vue
index 0f553c93b20ca2f94fce21c7efbf650da49ef31e..adff211d82e79d300741cdc9ff2ffd385b5e3ca6 100644
--- a/packages/uni-components/src/components/navigator/index.vue
+++ b/packages/uni-components/src/components/navigator/index.vue
@@ -18,6 +18,9 @@ const OPEN_TYPES = ["navigate", "redirect", "switchTab", "reLaunch", "navigateBa
 
 export default {
   name: "Navigator",
+  compatConfig: {
+    MODE: 3
+  },
   props: {
     hoverClass: {
       type: String,
diff --git a/packages/uni-components/src/components/rich-text/index.vue b/packages/uni-components/src/components/rich-text/index.vue
index cb07cd49a437cd9fff702e5d6b252fc6a1272831..d66160c40dbbb58d687d4cfa7ead23b2d0f1d610 100644
--- a/packages/uni-components/src/components/rich-text/index.vue
+++ b/packages/uni-components/src/components/rich-text/index.vue
@@ -9,6 +9,9 @@ import parseNodes from './nodes-parser'
 
 export default {
   name: 'RichText',
+  compatConfig: {
+    MODE: 3
+  },
   props: {
     nodes: {
       type: [Array, String],
diff --git a/packages/uni-components/src/components/scroll-view/index.vue b/packages/uni-components/src/components/scroll-view/index.vue
index 2b9577d268a1345f03d23e05cdcb282164b8e0a4..42ffb1e09e1ab129f7a17d97fa80abe7d8e7974a 100644
--- a/packages/uni-components/src/components/scroll-view/index.vue
+++ b/packages/uni-components/src/components/scroll-view/index.vue
@@ -63,7 +63,6 @@
 </template>
 <script>
 import { ref } from "vue";
-import scroller from "../../mixins/scroller/index";
 import { passive } from "@dcloudio/uni-shared";
 import { initScrollBounce, disableScrollBounce } from "../../helpers/scroll";
 import { useCustomEvent } from "../../helpers/useEvent";
@@ -73,12 +72,11 @@ const passiveOptions = passive(true);
 // const PULLING = 'pulling'
 // const REFRESHING = 'refreshing'
 
-export default /*#__PURE__*/ {
+export default {
   name: "ScrollView",
   compatConfig: {
     MODE: 3
   },
-  mixins: [scroller],
   props: {
     scrollX: {
       type: [Boolean, String],
@@ -352,42 +350,6 @@ export default /*#__PURE__*/ {
         this.content.style.webkitTransform = o;
       }
     },
-    _handleTrack: function ($event) {
-      if ($event.detail.state === "start") {
-        this._x = $event.detail.x;
-        this._y = $event.detail.y;
-        this._noBubble = null;
-        return;
-      }
-      if ($event.detail.state === "end") {
-        this._noBubble = false;
-      }
-      if (this._noBubble === null && this.scrollY) {
-        if (
-          Math.abs(this._y - $event.detail.y) / Math.abs(this._x - $event.detail.x) >
-          1
-        ) {
-          this._noBubble = true;
-        } else {
-          this._noBubble = false;
-        }
-      }
-      if (this._noBubble === null && this.scrollX) {
-        if (
-          Math.abs(this._x - $event.detail.x) / Math.abs(this._y - $event.detail.y) >
-          1
-        ) {
-          this._noBubble = true;
-        } else {
-          this._noBubble = false;
-        }
-      }
-      this._x = $event.detail.x;
-      this._y = $event.detail.y;
-      if (this._noBubble) {
-        $event.stopPropagation();
-      }
-    },
     _handleScroll: function ($event) {
       if (!($event.timeStamp - this._lastScrollTime < 20)) {
         this._lastScrollTime = $event.timeStamp;
diff --git a/packages/uni-h5/src/view/components/cover-image/index.vue b/packages/uni-h5/src/view/components/cover-image/index.vue
index f9faa8f95fda8b84b93b84e6ea48b4b07f24d072..b4a1bf6cdad7f6880f15a6898922340c45c6858c 100644
--- a/packages/uni-h5/src/view/components/cover-image/index.vue
+++ b/packages/uni-h5/src/view/components/cover-image/index.vue
@@ -12,6 +12,9 @@ import { useCustomEvent } from "@dcloudio/uni-components";
 
 export default {
   name: "CoverImage",
+  compatConfig: {
+    MODE: 3
+  },
   props: {
     src: {
       type: String,
diff --git a/packages/uni-h5/src/view/components/cover-view/index.vue b/packages/uni-h5/src/view/components/cover-view/index.vue
index df1b87aae5c65821c5b30df5b0270509e9101e7b..e5cc7cf85797811ea9eb5b19ef6687a306704525 100644
--- a/packages/uni-h5/src/view/components/cover-view/index.vue
+++ b/packages/uni-h5/src/view/components/cover-view/index.vue
@@ -10,6 +10,9 @@ import { ref } from "vue";
 
 export default {
   name: "CoverView",
+  compatConfig: {
+    MODE: 3
+  },
   props: {
     scrollTop: {
       type: [String, Number],