refactor: deployments dir tree

2026-03-19 12:28:18 +08:00
parent 9840a48301
commit fd1a079271
44 changed files with 118 additions and 306 deletions
@@ -0,0 +1,69 @@
+import IconFont from '@/components/icon-font';
+import { formatNumber } from '@/utils';
+import { DownloadOutlined, HeartOutlined } from '@ant-design/icons';
+import classNames from 'classnames';
+import dayjs from 'dayjs';
+import React from 'react';
+import { modelSourceMap } from '../../config';
+import { EvaluateResult } from '../../config/types';
+import '../../style/hf-model-item.less';
+import IncompatiableInfo from '../incompatiable-info';
+
+interface HFModelItemProps {
+  title: string;
+  downloads: number;
+  likes: number;
+  task?: string;
+  updatedAt: string;
+  active: boolean;
+  source?: string;
+  tags?: string[];
+  evaluateResult?: EvaluateResult;
+  isEvaluating?: boolean;
+}
+
+const HFModelItem: React.FC<HFModelItemProps> = (props) => {
+  const { evaluateResult, isEvaluating } = props;
+
+  return (
+    <div
+      className={classNames('hf-model-item', {
+        active: props.active
+      })}
+    >
+      <div className="title">
+        <IconFont
+          type={
+            props.source === modelSourceMap.huggingface_value
+              ? 'icon-huggingface1'
+              : 'icon-modelscope_light'
+          }
+          className="m-r-5"
+          style={{ color: 'var(--ant-color-text-tertiary)', fontSize: 16 }}
+        />
+        {props.title}
+      </div>
+      <div className="info">
+        <div className="info-item">
+          <span>{dayjs().to(dayjs(props.updatedAt))}</span>
+          <span className="flex-center">
+            <HeartOutlined className="m-r-5" />
+            {props.likes}
+          </span>
+          <span className="flex-center">
+            <DownloadOutlined className="m-r-5" />
+            {formatNumber(props.downloads)}
+          </span>
+        </div>
+        {
+          <IncompatiableInfo
+            data={evaluateResult}
+            isEvaluating={isEvaluating}
+          ></IncompatiableInfo>
+        }
+      </div>
+    </div>
+  );
+};
+
+export default HFModelItem;