修正问题

src/views/graphic/geos/circle.vue

@@ -2,8 +2,9 @@
   <GeoTeleport :menus="menus" class="geo-teleport-use">
     <template v-slot="{ data }">
       <template v-if="data.key === 'color'">
-        <ui-input type="color" class="geo-input" v-model="color" />
-        <span class="color" :style="{backgroundColor: color}"></span>
+        <Color v-model:color="color">
+          <span class="color" :style="{backgroundColor: color}"></span>
+        </Color>
       </template>
     </template>
   </GeoTeleport>
@@ -12,7 +13,7 @@
 <script setup lang="ts">
 import GeoTeleport from "@/views/graphic/geos/geo-teleport.vue";
 import UiInput from "@/components/base/components/input/index.vue";
-import UiIcon from "@/components/base/components/icon/index.vue";
+import Color from '@/components/color/index.vue'
 import {drawRef, FocusVector, uiType, UIType, useChange} from '@/hook/useGraphic'
 import {computed, ref, watch, watchEffect} from "vue";
 import {dataService} from "@/graphic/Service/DataService";
@@ -58,6 +59,7 @@ const menus = [
   height: 18px;
   border: 2px solid #fff;
   border-radius: 50%;
+  display: inline-block;
 }
 
 .icon {