From 288f026d476aee815ab92a9e9e097c74e449d49a Mon Sep 17 00:00:00 2001
From: hayden <hayden.mike.zhang@gmail.com>
Date: Wed, 6 Nov 2024 13:51:38 +0800
Subject: [PATCH] feat: add display of directory information

---
 src/components/ModelBaseInfo.vue |  9 ++++++---
 src/hooks/model.ts               | 12 ++++++++++++
 src/i18n.ts                      |  2 ++
 3 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/src/components/ModelBaseInfo.vue b/src/components/ModelBaseInfo.vue
index e76096d..a1873d4 100644
--- a/src/components/ModelBaseInfo.vue
+++ b/src/components/ModelBaseInfo.vue
@@ -29,11 +29,13 @@
         <col />
       </colgroup>
       <tbody>
-        <tr v-for="item in information" class="h-8 border-b">
+        <tr v-for="item in information" class="h-8 whitespace-nowrap border-b">
           <td class="border-r bg-gray-300 px-4 dark:bg-gray-800">
             {{ $t(`info.${item.key}`) }}
           </td>
-          <td class="break-all px-4">{{ item.display }}</td>
+          <td class="overflow-hidden text-ellipsis break-all px-4">
+            {{ item.display }}
+          </td>
         </tr>
       </tbody>
     </table>
@@ -81,7 +83,8 @@ const pathOptions = computed(() => {
 const information = computed(() => {
   return Object.values(baseInfo.value).filter((row) => {
     if (editable.value) {
-      return row.key !== 'fullname'
+      const hiddenKeys = ['fullname', 'pathIndex']
+      return !hiddenKeys.includes(row.key)
     }
     return true
   })
diff --git a/src/hooks/model.ts b/src/hooks/model.ts
index e5c8d40..095b4a0 100644
--- a/src/hooks/model.ts
+++ b/src/hooks/model.ts
@@ -1,3 +1,4 @@
+import { useConfig } from 'hooks/config'
 import { useLoading } from 'hooks/loading'
 import { useMarkdown } from 'hooks/markdown'
 import { request, useRequest } from 'hooks/request'
@@ -203,6 +204,8 @@ const baseInfoKey = Symbol('baseInfo') as InjectionKey<
 export const useModelBaseInfoEditor = (formInstance: ModelFormInstance) => {
   const { formData: model, modelData } = formInstance
 
+  const { modelFolders } = useConfig()
+
   const type = computed({
     get: () => {
       return model.value.type
@@ -251,6 +254,15 @@ export const useModelBaseInfoEditor = (formInstance: ModelFormInstance) => {
         key: 'type',
         formatter: () => modelData.value.type,
       },
+      {
+        key: 'pathIndex',
+        formatter: () => {
+          const modelType = modelData.value.type
+          const pathIndex = modelData.value.pathIndex
+          const folders = modelFolders.value[modelType] ?? []
+          return `${folders[pathIndex]}`
+        },
+      },
       {
         key: 'fullname',
         formatter: (val) => val,
diff --git a/src/i18n.ts b/src/i18n.ts
index 39eb49b..3facd45 100644
--- a/src/i18n.ts
+++ b/src/i18n.ts
@@ -32,6 +32,7 @@ const messages = {
     },
     info: {
       type: 'Model Type',
+      pathIndex: 'Directory',
       fullname: 'File Name',
       sizeBytes: 'File Size',
       createdAt: 'Created At',
@@ -69,6 +70,7 @@ const messages = {
     },
     info: {
       type: '类型',
+      pathIndex: '目录',
       fullname: '文件名',
       sizeBytes: '文件大小',
       createdAt: '创建时间',