From 07377461482b8f1894151b975c9d18a044c4c59e Mon Sep 17 00:00:00 2001
From: wanggang <76527413@qq.com>
Date: Thu, 6 Jul 2023 18:12:14 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=9B=BE=E6=A0=87=E7=BC=93?=
 =?UTF-8?q?=E5=AD=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/WTA/wwwroot/components/icon/index.js   | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/docs/demo/src/WTA/wwwroot/components/icon/index.js b/docs/demo/src/WTA/wwwroot/components/icon/index.js
index 35757c36..28253593 100644
--- a/docs/demo/src/WTA/wwwroot/components/icon/index.js
+++ b/docs/demo/src/WTA/wwwroot/components/icon/index.js
@@ -1,5 +1,6 @@
 import html from "html";
 import { onMounted, ref } from "vue";
+import { useAppStore } from "../../store/index.js";
 
 export default {
   template: html`<template v-if="name.indexOf('ep-')===0">
@@ -19,10 +20,19 @@ export default {
       if (!props.name.startsWith("ep-")) {
         try {
           const url = `./assets/icons/${props.name}.svg`;
-          const response = await fetch(url);
-          if (response.ok && response.status === 200) {
-            svg.value = await response.text();
-          }
+          navigator.locks.request(url, async () => {
+            const appStore = useAppStore();
+            if (appStore.cache.has(url)) {
+              svg.value = appStore.cache.get(url);
+            } else {
+              const response = await fetch(url);
+              if (response.ok && response.status === 200) {
+                svg.value = await response.text();
+                appStore.cache.set(url, svg.value);
+              }
+            }
+          });
+          c;
         } catch (error) {
           console.log(error);
           if (!svg.value) {