fix: import error

chansee97 · chansee97 · commit dc3563969b88 · 2024-09-16T00:03:06.000+08:00
diff --git a/src/store/dict.ts b/src/store/dict.ts
@@ -0,0 +1,58 @@
+import { fetchDictList } from '@/service'
+import { session } from '@/utils'
+
+export const useDictStore = defineStore('dict-store', {
+  state: () => {
+    return {
+      dictMap: {} as DictMap,
+      isInitDict: false,
+    }
+  },
+  actions: {
+    async dict(code: string) {
+      // 调用前初始化
+      if (!this.dictMap) {
+        this.initDict()
+      }
+
+      const targetDict = await this.getDict(code)
+
+      return {
+        data: () => targetDict,
+        enum: () => Object.fromEntries(targetDict.map(({ value, label }) => [value, label])),
+        valueMap: () => Object.fromEntries(targetDict.map(({ value, ...data }) => [value, data])),
+        labelMap: () => Object.fromEntries(targetDict.map(({ label, ...data }) => [label, data])),
+      }
+    },
+    async getDict(code: string) {
+      const isExist = Reflect.has(this.dictMap, code)
+
+      if (isExist) {
+        return this.dictMap[code]
+      }
+      else {
+        return await this.getDictByNet(code)
+      }
+    },
+
+    async getDictByNet(code: string) {
+      const { data, isSuccess } = await fetchDictList(code)
+      if (isSuccess) {
+        Reflect.set(this.dictMap, code, data)
+        // 同步至session
+        session.set('dict', this.dictMap)
+        return data
+      }
+      else {
+        throw new Error(`Failed to get ${code} dictionary from network, check ${code} field or network`)
+      }
+    },
+    initDict() {
+      const dict = session.get('dict')
+      if (dict) {
+        Object.assign(this.dictMap, dict)
+      }
+      this.isInitDict = true
+    },
+  },
+})
diff --git a/src/store/index.ts b/src/store/index.ts
@@ -3,6 +3,7 @@ import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
 
 export * from './app/index'
 export * from './auth'
+export * from './dict'
 export * from './router'
 export * from './tab'
 
diff --git a/src/utils/dict.ts b/src/utils/dict.ts
diff --git a/src/utils/index.ts b/src/utils/index.ts
@@ -1,5 +1,4 @@
+export * from './storage'
 export * from './array'
-export * from './dict'
 export * from './i18n'
 export * from './icon'
-export * from './storage'
diff --git a/src/views/demo/cascader/index.vue b/src/views/demo/cascader/index.vue
@@ -33,19 +33,19 @@ function handleValidateClick() {
 
     <div>
       <n-h2>回调value</n-h2>
-      <pre class="bg-#eee">
+      <pre class="bg-#eee:30">
       {{ cbValue }}
     </pre>
     </div>
     <div>
       <n-h2>回调option</n-h2>
-      <pre class="bg-#eee">
+      <pre class="bg-#eee:30">
       {{ cbOption }}
     </pre>
     </div>
     <div>
       <n-h2>回调pathValues</n-h2>
-      <pre class="bg-#eee">
+      <pre class="bg-#eee:30">
       {{ cbPathValues }}
     </pre>
     </div>
diff --git a/src/views/demo/dict/index.vue b/src/views/demo/dict/index.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import { fetchDictList } from '@/service'
-import { dict } from '@/utils/dict'
+import { useDictStore } from '@/store'
+
+const { dict } = useDictStore()
 
 const dictKey = ref('')
 const options = ref()
@@ -88,7 +90,7 @@ const enumLabel = computed(() => {
         </n-button>
       </n-flex>
 
-      <pre class="bg-#eee">
+      <pre class="bg-#eee:30">
           {{ data }}
         </pre>
 
diff --git a/src/views/demo/fetch/index.vue b/src/views/demo/fetch/index.vue
@@ -46,7 +46,7 @@ function handleUpdate(data: any) {
         </div>
       </template>
       <template #2>
-        <pre class="bg-#eee">
+        <pre class="bg-#eee:30">
       {{ msg }}
       </pre>
       </template>
