fix: content error in create download (#139)

src/components/ModelBaseInfo.vue

@@ -15,7 +15,11 @@
             </span>
           </div>
         </div>
-        <Button icon="pi pi-folder" @click="handleSelectFolder"></Button>
+        <Button
+          icon="pi pi-folder"
+          :disabled="!type"
+          @click="handleSelectFolder"
+        ></Button>
 
         <Dialog
           v-model:visible="folderSelectVisible"
@@ -100,7 +104,7 @@ import Button from 'primevue/button'
 import { usePrimeVue } from 'primevue/config'
 import Dialog from 'primevue/dialog'
 import Tree from 'primevue/tree'
-import { computed, ref } from 'vue'
+import { computed, ref, watch } from 'vue'
 
 const editable = defineModel<boolean>('editable')
 
@@ -116,6 +120,10 @@ const {
   modelFolders,
 } = useModelBaseInfo()
 
+watch(type, () => {
+  subFolder.value = ''
+})
+
 const typeOptions = computed(() => {
   return Object.keys(modelFolders.value).map((curr) => {
     return {
@@ -199,7 +207,7 @@ const modelFolder = computed({
 })
 
 const renderedModelFolder = computed(() => {
-  return baseInfo.value.pathIndex.display
+  return baseInfo.value.pathIndex?.display
 })
 
 const handleCancelSelectFolder = () => {

src/hooks/model.ts

@@ -299,7 +299,7 @@ const baseInfoKey = Symbol('baseInfo') as InjectionKey<
 >
 
 export const useModelBaseInfoEditor = (formInstance: ModelFormInstance) => {
-  const { formData: model } = formInstance
+  const { formData: model, modelData } = formInstance
 
   const provideModelFolders = inject(modelFolderProvideKey)
   const modelFolders = computed<ModelFolder>(() => {
@@ -362,7 +362,9 @@ export const useModelBaseInfoEditor = (formInstance: ModelFormInstance) => {
       {
         key: 'type',
         formatter: () =>
-          model.value.type in modelFolders.value ? model.value.type : undefined,
+          modelData.value.type in modelFolders.value
+            ? modelData.value.type
+            : undefined,
       },
       {
         key: 'pathIndex',
@@ -542,7 +544,8 @@ export const useModelPreviewEditor = (formInstance: ModelFormInstance) => {
    * No preview
    */
   const noPreviewContent = computed(() => {
-    return `/model-manager/preview/${model.value.type}/0/no-preview.png`
+    const folder = model.value.type || 'unknown'
+    return `/model-manager/preview/${folder}/0/no-preview.png`
   })
 
   const preview = computed(() => {