chore: list state merge

src/pages/llmodels/components/hf-model-file.tsx

@@ -1,14 +1,11 @@
 import { convertFileSize } from '@/utils';
 import { SearchOutlined } from '@ant-design/icons';
-import {
-  GGMLQuantizationType,
-  GGUF_QUANT_DESCRIPTIONS
-} from '@huggingface/gguf';
 import { Button, Col, Empty, Row, Space, Spin } from 'antd';
 import classNames from 'classnames';
 import _ from 'lodash';
 import { useEffect, useState } from 'react';
 import { queryHuggingfaceModelFiles } from '../apis';
+import FileType from '../config/file-type';
 import '../style/hf-model-file.less';
 import TitleWrapper from './title-wrapper';
 
@@ -32,6 +29,7 @@ const HFModelFile: React.FC<HFModelFileProps> = (props) => {
   const handleFetchModelFiles = async () => {
     if (!props.repo) {
       setDataSource({ fileList: [], loading: false });
+      handleSelectModelFile({});
       return;
     }
     setDataSource({ ...dataSource, loading: true });
@@ -54,9 +52,10 @@ const HFModelFile: React.FC<HFModelFileProps> = (props) => {
     const name = _.split(item.path, '.').slice(0, -1).join('.');
     let quanType = _.toUpper(name.split('-').slice(-1)[0]);
     if (quanType.indexOf('.') > -1) {
-      quanType = _.split(quanType, '.')[1];
+      quanType = _.split(quanType, '.').pop();
     }
-    if (_.get(GGUF_QUANT_DESCRIPTIONS, GGMLQuantizationType[quanType])) {
+    console.log('quanType', quanType, FileType[quanType]);
+    if (FileType[quanType] !== undefined) {
       return <span className="tag-item">{quanType}</span>;
     }
     return null;