From 83e816cfb9ae71879d4784d260a620c095715362 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8A=B1=E5=BC=80=E5=8D=8A=E4=BA=A9=E5=9C=B0?=
 <2572468699@qq.com>
Date: Tue, 22 Nov 2022 12:18:27 +0800
Subject: [PATCH] feat: replace useAttrs to $attrs

---
 packages/components/control/control/index.vue    | 5 ++---
 packages/components/control/copyright/index.vue  | 5 ++---
 packages/components/overlay/infowindow/index.vue | 5 ++---
 3 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/packages/components/control/control/index.vue b/packages/components/control/control/index.vue
index 5f50e301..47391495 100644
--- a/packages/components/control/control/index.vue
+++ b/packages/components/control/control/index.vue
@@ -1,13 +1,13 @@
 <template>
   <div style="display: none">
-    <div ref="controlContainer" v-bind="attrs">
+    <div ref="controlContainer" v-bind="$attrs">
       <slot></slot>
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
-  import { ref, defineProps, withDefaults, onMounted, useAttrs } from 'vue'
+  import { ref, defineProps, withDefaults, onMounted } from 'vue'
   import useLifeCycle from '../../../hooks/useLifeCycle'
   import useBaseMapEffect from '../../../hooks/useBaseMapEffect'
   export interface baseBmControlOptions {
@@ -25,7 +25,6 @@
   }
   const controlContainer = ref<HTMLDivElement>()
   const { ready } = useLifeCycle()
-  const attrs = useAttrs()
   const props = withDefaults(defineProps<baseBmControlOptions>(), {
     anchor: 'BMAP_ANCHOR_TOP_LEFT',
     offset: () => ({ x: 83, y: 18 })
diff --git a/packages/components/control/copyright/index.vue b/packages/components/control/copyright/index.vue
index 47010a9a..143703d1 100644
--- a/packages/components/control/copyright/index.vue
+++ b/packages/components/control/copyright/index.vue
@@ -1,13 +1,13 @@
 <template>
   <div style="display: none">
-    <div ref="copyrightContainer" v-bind="attrs">
+    <div ref="copyrightContainer" v-bind="$attrs">
       <slot></slot>
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
-  import { defineProps, withDefaults, defineEmits, onMounted, ref, getCurrentInstance, onUpdated, useAttrs } from 'vue'
+  import { defineProps, withDefaults, defineEmits, onMounted, ref, getCurrentInstance, onUpdated } from 'vue'
   import useBaseMapEffect from '../../../hooks/useBaseMapEffect'
   import useLifeCycle from '../../../hooks/useLifeCycle'
   import copyrightControlPosCacheMap from './copyrightControlPosCacheMap'
@@ -32,7 +32,6 @@
   const copyrightContainer = ref<HTMLDivElement>()
   let copyrightControl: BMapGL.CopyrightControl
   const uid = getCurrentInstance()?.uid
-  const attrs = useAttrs()
   defineEmits(['initd', 'unload'])
   onMounted(() => {
     const { anchor, offset } = props
diff --git a/packages/components/overlay/infowindow/index.vue b/packages/components/overlay/infowindow/index.vue
index 38e23adf..546cac04 100644
--- a/packages/components/overlay/infowindow/index.vue
+++ b/packages/components/overlay/infowindow/index.vue
@@ -1,13 +1,13 @@
 <template>
   <div style="display: none">
-    <div ref="infoWindowContainer" v-bind="attrs">
+    <div ref="infoWindowContainer" v-bind="$attrs">
       <slot></slot>
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
-  import { ref, watch, withDefaults, onUpdated, nextTick, computed, provide, useAttrs } from 'vue'
+  import { ref, watch, withDefaults, onUpdated, nextTick, computed, provide } from 'vue'
   import useBaseMapEffect from '../../../hooks/useBaseMapEffect'
   import bindEvents, { Callback } from '../../../utils/bindEvents'
   import useLifeCycle from '../../../hooks/useLifeCycle'
@@ -86,7 +86,6 @@
   const { ready } = useLifeCycle()
   let infoWindow: BMapGL.InfoWindow
   let _map: BMapGL.Map
-  const attrs = useAttrs()
   useBaseMapEffect((map: BMapGL.Map) => {
     _map = map
     const cal = () => {