fix: impoer external components

2026-04-24 14:28:30 +08:00
parent 597a86562a
commit 6fccee3711
52 changed files with 68 additions and 1263 deletions
@@ -1,96 +0,0 @@
-import {
-  InfiniteScroller,
-  ResizeContainer,
-  TemplateCardSkeleton,
-  useScrollerContext
-} from '@gpustack/core-ui';
-import { Spin } from 'antd';
-import React from 'react';
-import styled from 'styled-components';
-
-const SpinWrapper = styled.div`
-  width: 100%;
-  position: absolute;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  top: 0;
-  left: 0;
-  max-height: 400px;
-  right: 0;
-  .skelton-wrapper {
-    width: 100%;
-  }
-`;
-
-interface CatalogListProps {
-  defaultSpan?: number;
-  resizable?: boolean;
-  dataList: any[];
-  loading: boolean;
-  activeId: Global.WithFalse<number>;
-  isFirst: boolean;
-  renderItem: (data: any) => React.ReactNode;
-}
-
-const ListSkeleton: React.FC<{
-  loading: boolean;
-  isFirst: boolean;
-}> = ({ loading, isFirst }) => {
-  return (
-    <div>
-      {loading && (
-        <SpinWrapper>
-          <Spin
-            size="middle"
-            spinning={loading}
-            style={{
-              width: '100%'
-            }}
-            classNames={{
-              root: 'skelton-wrapper'
-            }}
-          >
-            {isFirst && <TemplateCardSkeleton></TemplateCardSkeleton>}
-          </Spin>
-        </SpinWrapper>
-      )}
-    </div>
-  );
-};
-
-const CardList: React.FC<CatalogListProps> = (props) => {
-  const {
-    dataList,
-    loading,
-    isFirst,
-    defaultSpan = 8,
-    resizable = true,
-    renderItem
-  } = props;
-  const {
-    total,
-    current,
-    loading: contextLoading,
-    refresh
-  } = useScrollerContext();
-
-  return (
-    <InfiniteScroller
-      total={total}
-      current={current}
-      loading={contextLoading}
-      refresh={refresh}
-    >
-      <ResizeContainer
-        dataList={dataList}
-        renderItem={renderItem}
-        defaultSpan={defaultSpan}
-        resizable={resizable}
-      ></ResizeContainer>
-      <ListSkeleton loading={loading} isFirst={isFirst} />
-    </InfiniteScroller>
-  );
-};
-
-export default CardList;