From 36f9fd2d493308e6aec0587d9d87d103abd08b3a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A5=94=E8=B7=91=E7=9A=84=E9=9D=A2=E6=9D=A1?=
 <1262327911@qq.com>
Date: Mon, 16 Jan 2023 10:02:26 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=A4=84=E7=90=86=E6=90=9C=E7=B4=A2?=
 =?UTF-8?q?=E7=BB=93=E6=9E=9C=E6=97=A0=E6=B3=95=E5=B1=95=E7=A4=BA=E5=9B=BE?=
 =?UTF-8?q?=E7=89=87=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/packages/index.ts                         |  3 ++-
 .../components/ChartsSearch/SearchImage.vue   | 27 +++++++++++++++++++
 .../components/ChartsSearch/index.vue         |  3 ++-
 3 files changed, 31 insertions(+), 2 deletions(-)
 create mode 100644 src/views/chart/ContentCharts/components/ChartsSearch/SearchImage.vue

diff --git a/src/packages/index.ts b/src/packages/index.ts
index d568afcb..4f530faa 100644
--- a/src/packages/index.ts
+++ b/src/packages/index.ts
@@ -63,7 +63,8 @@ export const fetchConfigComponent = (dropData: ConfigType) => {
  * * 获取图片内容
  * @param {ConfigType} targetData 配置项
  */
-export const fetchImages = async (targetData: ConfigType) => {
+export const fetchImages = async (targetData?: ConfigType) => {
+  if (!targetData) return ''
   // 新数据动态处理
   const { image, package: targetDataPackage } = targetData
   // 兼容旧数据
diff --git a/src/views/chart/ContentCharts/components/ChartsSearch/SearchImage.vue b/src/views/chart/ContentCharts/components/ChartsSearch/SearchImage.vue
new file mode 100644
index 00000000..1cdb6aa9
--- /dev/null
+++ b/src/views/chart/ContentCharts/components/ChartsSearch/SearchImage.vue
@@ -0,0 +1,27 @@
+<template>
+  <img v-lazy="imageInfo" alt="展示图" />
+</template>
+
+<script setup lang="ts">
+import { ref, PropType } from 'vue'
+import { ConfigType } from '@/packages/index.d'
+import { fetchImages } from '@/packages'
+
+const props = defineProps({
+  item: {
+    type: Object as PropType<ConfigType>,
+  }
+})
+
+const imageInfo = ref('')
+
+// 获取图片
+const fetchImageUrl = async () => {
+  imageInfo.value = await fetchImages(props.item)
+}
+fetchImageUrl()
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/chart/ContentCharts/components/ChartsSearch/index.vue b/src/views/chart/ContentCharts/components/ChartsSearch/index.vue
index f0684c86..8f4d8078 100644
--- a/src/views/chart/ContentCharts/components/ChartsSearch/index.vue
+++ b/src/views/chart/ContentCharts/components/ChartsSearch/index.vue
@@ -37,7 +37,7 @@
               :title="item.title"
               @click="selectChartHandle(item)"
             >
-              <img class="list-item-img" v-lazy="item.image" alt="展示图" />
+              <search-image class="list-item-img" :item="item"></search-image>
               <n-text class="list-item-fs" depth="2">{{ item.title }}</n-text>
             </div>
           </n-scrollbar>
@@ -77,6 +77,7 @@ import { useChartLayoutStore } from '@/store/modules/chartLayoutStore/chartLayou
 import { isString, addEventListener, removeEventListener } from '@/utils'
 import { fetchConfigComponent, fetchChartComponent } from '@/packages/index'
 import { componentInstall, loadingStart, loadingFinish, loadingError } from '@/utils'
+import SearchImage from './SearchImage.vue'
 
 const props = defineProps({
   menuOptions: {