fix(components): [image] imageViewer crossorigin configuration missing (#17341)

* fix(components): [image] imageViewer crossorigin configuration missing

* fix: 修复代码格式化的问题和 crossorigin 的泛型类型缺失问题

* fix: 修复 imageViewer crossorigin props 没有传入的问题

* fix: 剔除 imageViewer 多余的 crossorigin 的 ref 定义

---------

Co-authored-by: 邱子健 <qiuzijian@realibox.com>

packages/components/image-viewer/src/image-viewer.vue

@@ -11,16 +11,22 @@
 
         <!-- CLOSE -->
         <span :class="[ns.e('btn'), ns.e('close')]" @click="hide">
-          <el-icon><Close /></el-icon>
+          <el-icon>
+            <Close />
+          </el-icon>
         </span>
 
         <!-- ARROW -->
         <template v-if="!isSingle">
           <span :class="arrowPrevKls" @click="prev">
-            <el-icon><ArrowLeft /></el-icon>
+            <el-icon>
+              <ArrowLeft />
+            </el-icon>
           </span>
           <span :class="arrowNextKls" @click="next">
-            <el-icon><ArrowRight /></el-icon>
+            <el-icon>
+              <ArrowRight />
+            </el-icon>
           </span>
         </template>
         <!-- ACTIONS -->

packages/components/image/src/image.vue

@@ -32,6 +32,7 @@
         :min-scale="minScale"
         :max-scale="maxScale"
         :url-list="previewSrcList"
+        :crossorigin="crossorigin"
         :hide-on-click-modal="hideOnClickModal"
         :teleported="previewTeleported"
         :close-on-press-escape="closeOnPressEscape"