From 92fe406ae9874123eb2ee2f2cae3a824ddd1bce1 Mon Sep 17 00:00:00 2001
From: dap <15891557205@163.com>
Date: Mon, 7 Apr 2025 17:20:41 +0800
Subject: [PATCH] =?UTF-8?q?update:=20=E5=AD=97=E5=85=B8loading?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web-antd/src/components/dict/src/index.vue | 14 ++++++++++++--
 apps/web-antd/src/store/dict.ts                 |  1 +
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/apps/web-antd/src/components/dict/src/index.vue b/apps/web-antd/src/components/dict/src/index.vue
index 6c15c7f4..11eda3a1 100644
--- a/apps/web-antd/src/components/dict/src/index.vue
+++ b/apps/web-antd/src/components/dict/src/index.vue
@@ -4,7 +4,7 @@ import type { DictData } from '#/api/system/dict/dict-data-model';
 
 import { computed } from 'vue';
 
-import { Tag } from 'ant-design-vue';
+import { Spin, Tag } from 'ant-design-vue';
 
 import { tagTypes } from './data';
 
@@ -41,12 +41,22 @@ const label = computed<number | string>(() => {
 });
 
 const tagComponent = computed(() => (color.value ? Tag : 'div'));
+
+const loading = computed(() => {
+  return props.dicts?.length === 0;
+});
 </script>
 
 <template>
   <div>
-    <component :is="tagComponent" :class="cssClass" :color="color">
+    <component
+      v-if="!loading"
+      :is="tagComponent"
+      :class="`${cssClass} enter-x`"
+      :color="color"
+    >
       {{ label }}
     </component>
+    <Spin v-else :spinning="true" size="small" />
   </div>
 </template>
diff --git a/apps/web-antd/src/store/dict.ts b/apps/web-antd/src/store/dict.ts
index f47f944b..c24f4c3c 100644
--- a/apps/web-antd/src/store/dict.ts
+++ b/apps/web-antd/src/store/dict.ts
@@ -59,6 +59,7 @@ export const useDictStore = defineStore('app-dict', () => {
   }
 
   function resetCache() {
+    dictRequestCache.clear();
     dictOptionsMap.clear();
     /**
      * 不需要清空dictRequestCache 每次请求成功/失败都清空key