feat: modelscope model

src/pages/llmodels/components/search-input.tsx

@@ -1,41 +1,51 @@
+import IconFont from '@/components/icon-font';
 import hotkeys from '@/config/hotkeys';
-import { SearchOutlined } from '@ant-design/icons';
 import { useIntl } from '@umijs/max';
 import { Input } from 'antd';
-import React, { useRef, useState } from 'react';
+import React, { useRef } from 'react';
 import { useHotkeys } from 'react-hotkeys-hook';
+import { modelSourceMap, modelSourceValueMap } from '../config';
 
 const SearchInput: React.FC<{
+  modelSource: string;
   onSearch: (e: any) => void;
 }> = (props) => {
-  const { onSearch } = props;
+  const { onSearch, modelSource } = props;
   const intl = useIntl();
-  const [isFocus, setIsFocus] = useState(false);
   const inputRef = useRef<any>(null);
 
-  useHotkeys(hotkeys.INPUT.join(','), () => {
+  useHotkeys(hotkeys.FOCUS, (e: any) => {
+    e.preventDefault();
     inputRef.current?.focus?.();
-    setIsFocus(true);
   });
 
   return (
     <Input
       ref={inputRef}
       onPressEnter={onSearch}
-      onFocus={() => setIsFocus(true)}
-      onBlur={() => setIsFocus(false)}
       allowClear
-      placeholder={intl.formatMessage({
-        id: 'model.deploy.search.placeholder'
-      })}
+      placeholder={intl.formatMessage(
+        {
+          id: 'model.deploy.search.placeholder'
+        },
+        { source: modelSourceValueMap[modelSource] }
+      )}
       prefix={
         <>
-          <SearchOutlined
+          {/* <SearchOutlined
             style={{
               fontSize: '16px',
               color: 'var(--ant-color-text-quaternary)'
             }}
-          />
+          /> */}
+          <IconFont
+            className="font-size-16"
+            type={
+              modelSource === modelSourceMap.huggingface_value
+                ? 'icon-huggingface'
+                : 'icon-tu2'
+            }
+          ></IconFont>
         </>
       }
     ></Input>