fix: backend change

src/pages/llmodels/components/deploy-builtin-modal.tsx

@@ -131,7 +131,9 @@ const AddModal: React.FC<AddModalProps> = (props) => {
   const [quantizationOptions, setQuantizationOptions] = useState<
     Global.BaseOption<string>[]
   >([]);
-  const [modeList, setModeList] = useState<Global.BaseOption<string>[]>([]);
+  const [modeList, setModeList] = useState<
+    Global.BaseOption<string, { isBuiltIn: boolean; tips: string }>[]
+  >([]);
   const sourceGroupMap = useRef<any>({});
   const axiosToken = useRef<any>(null);
   const selectSpecRef = useRef<CatalogSpec>({} as CatalogSpec);
@@ -346,35 +348,35 @@ const AddModal: React.FC<AddModalProps> = (props) => {
   };
 
   const handleBackendChange = (backend: string) => {
-    if (backend === backendOptionsMap.llamaBox) {
+    // if (backend === backendOptionsMap.llamaBox) {
-      setIsGGUF(true);
+    //   setIsGGUF(true);
-    } else {
+    // } else {
-      setIsGGUF(false);
+    //   setIsGGUF(false);
-    }
+    // }
 
-    const sizeList = handleSetSizeOptions({
+    // const sizeList = handleSetSizeOptions({
-      backend: backend
+    //   backend: backend
-    });
+    // });
 
-    const size = checkSize(sizeList);
+    // const size = checkSize(sizeList);
 
-    const quantizaList = handleSetQuantizationOptions({
+    // const quantizaList = handleSetQuantizationOptions({
-      size: size,
+    //   size: size,
-      backend: backend
+    //   backend: backend
-    });
+    // });
 
-    const quantization = checkQuantization(quantizaList);
+    // const quantization = checkQuantization(quantizaList);
 
-    const data = getModelSpec({
+    // const data = getModelSpec({
-      backend: backend,
+    //   backend: backend,
-      size: size,
+    //   size: size,
-      quantization: quantization
+    //   quantization: quantization
-    });
+    // });
 
-    form.current.setFieldsValue({
+    // form.current.setFieldsValue({
-      ...defaultFormValues,
+    //   ...defaultFormValues,
-      ...data
+    //   ...data
-    });
+    // });
     handleCheckFormData();
   };
 
@@ -399,14 +401,17 @@ const AddModal: React.FC<AddModalProps> = (props) => {
         }
       );
       const groupList = _.groupBy(res.items, 'source');
-      const modes = _.groupBy(res.items, 'mode');
 
-      const modeDataList = _.map(modes, (item: CatalogSpec, key: string) => {
+      const modes: string[] = res.items?.map((item: CatalogSpec) => {
+        return item.mode;
+      });
+
+      const modeDataList = [...new Set(modes)].map((key: string) => {
         return {
-          label: ModesMap[key] || key,
+          label: _.get(ModesMap, key, key || ''),
           isBuiltIn: ModesMap[key] ? true : false,
           value: key,
-          tips: ModesTipsMap[key] || ''
+          tips: _.get(ModesTipsMap, key, '')
         };
       });
 
@@ -420,7 +425,6 @@ const AddModal: React.FC<AddModalProps> = (props) => {
 
       const list = _.sortBy(res.items, 'size');
 
-      console.log('spec items:', res.items);
       hasF16Ref.current = _.some(res.items, (item: CatalogSpec) => {
         return AscendNPUQuant_F16.includes(_.toUpper(item.quantization));
       });

src/pages/llmodels/config/form-context.ts

@@ -30,7 +30,7 @@ interface FormContextProps {
 interface CatalogFormContextProps {
   sizeOptions: Global.BaseOption<number>[];
   quantizationOptions: Global.BaseOption<string>[];
-  modeList: Global.BaseOption<string & { isBuiltIn: boolean; tips: string }>[];
+  modeList: Global.BaseOption<string, { isBuiltIn: boolean; tips: string }>[];
   onModeChange: (val: string) => void;
   onSizeChange: (val: number) => void;
   onQuantizationChange: (val: string) => void;

src/pages/llmodels/forms/performance.tsx

@@ -37,7 +37,7 @@ const Performance: React.FC = () => {
   const intl = useIntl();
   const form = Form.useFormInstance();
   const { formKey } = useFormContext();
-  const { modeList, onModeChange } = useCatalogFormContext();
+  const { modeList = [], onModeChange } = useCatalogFormContext();
 
   return (
     <>
@@ -49,15 +49,19 @@ const Performance: React.FC = () => {
             description={<TooltipList list={modeTipsList}></TooltipList>}
             label={intl.formatMessage({ id: 'models.form.mode' })}
           >
-            {modeList.map((item: any) => (
+            {modeList?.map((item: any) => (
               <Select.Option key={item.value} value={item.value}>
                 <AutoTooltip
                   showTitle={item.isBuiltIn}
                   ghost
-                  title={intl.formatMessage({ id: item.tips })}
+                  title={
+                    item?.tips
+                      ? intl.formatMessage({ id: item?.tips || '' })
+                      : false
+                  }
                 >
                   {item.isBuiltIn
-                    ? intl.formatMessage({ id: item.label })
+                    ? intl.formatMessage({ id: item?.label || '' })
                     : item.label}
                 </AutoTooltip>
               </Select.Option>