perf(src/packages): 优化自定义网页全屏图标展示

@@ -5,8 +5,8 @@
         focusable="false"
         class=""
         data-icon="fullscreen"
-        width="2.3vw"
-        height="2.3vh"
+        width="4vw"
+        height="4vh"
         fill="currentColor"
         aria-hidden="true"
         viewBox="64 64 896 896"
@@ -23,6 +23,7 @@
       :src="option.dataset"
       :width="w"
       :height="h"
+      :allowfullscreen="allowfullscreen"
       style="border-width: 0"
     ></iframe>
   </div>
@@ -44,6 +45,8 @@ const props = defineProps({
 
 const isShowSvg = ref(false)
 
+const allowfullscreen = ref(false)
+
 const { w, h } = toRefs(props.chartConfig.attr)
 const { borderRadius } = toRefs(props.chartConfig.option)
 
@@ -80,29 +83,22 @@ const handleFullScreen = () => {
   useFullScreen(domName, htmlName)
 }
 
-const handleMouseenter = () => (isShowSvg.value = true)
+const handleMouseenter = () => {
+  isShowSvg.value = true
+  allowfullscreen.value = true
+}
+
 const handleMouseleave = () => (isShowSvg.value = false)
 </script>
-
 <style lang="scss" scoped>
 .iframe-content {
-  position: relative;
   #fullscreenButton {
     color: white;
     cursor: pointer;
     position: absolute;
     z-index: 999999;
     top: 3%;
-    left: 50%;
-    transform: translateX(-50%);
-  }
-  iframe:fullscreen {
-    width: 100vw;
-    height: 100vh;
-  }
-  iframe::backdrop {
-    width: 100vw;
-    height: 100vh;
+    right: 0.1vw;
   }
 }
 </style>