fix: message format with imgs, downloading table style

src/pages/llmodels/catalog.tsx

@@ -1,9 +1,10 @@
 import { modelsExpandKeysAtom } from '@/atoms/models';
+import MoreButton from '@/components/buttons/more';
 import PageTools from '@/components/page-tools';
 import { PageAction } from '@/config';
 import useBodyScroll from '@/hooks/use-body-scroll';
 import { IS_FIRST_LOGIN, writeState } from '@/utils/localstore/index';
-import { DoubleRightOutlined, SyncOutlined } from '@ant-design/icons';
+import { SyncOutlined } from '@ant-design/icons';
 import { PageContainer } from '@ant-design/pro-components';
 import { useIntl, useNavigate } from '@umijs/max';
 import { Button, Input, Pagination, Select, Space, message } from 'antd';
@@ -22,18 +23,6 @@ const PageWrapper = styled.div`
   margin-block: 32px 16px;
 `;
 
-const MoreWrapper = styled.div`
-  display: flex;
-  justify-content: center;
-  margin-block: 16px;
-  opacity: 1;
-  transition: opacity 0.3s;
-  &.loading {
-    opacity: 0;
-    transition: opacity 0.3s ease-in-out;
-  }
-`;
-
 const Catalog: React.FC = () => {
   const intl = useIntl();
   const { saveScrollHeight, restoreScrollHeight } = useBodyScroll();
@@ -315,18 +304,11 @@ const Catalog: React.FC = () => {
         activeId={-1}
         isFirst={isFirst}
       ></CatalogList>
-      {queryParams.page < dataSource.totalPage && (
-        <MoreWrapper className={dataSource.loading ? 'loading' : ''}>
-          <Button
-            onClick={loadMore}
-            size="middle"
-            type="text"
-            icon={<DoubleRightOutlined rotate={90} />}
-          >
-            {intl.formatMessage({ id: 'common.button.more' })}
-          </Button>
-        </MoreWrapper>
-      )}
+      <MoreButton
+        show={queryParams.page < dataSource.totalPage}
+        loading={dataSource.loading}
+        loadMore={loadMore}
+      ></MoreButton>
       <PageWrapper>
         <Pagination
           hideOnSinglePage={queryParams.perPage === 100}

src/pages/llmodels/components/instance-item.tsx

@@ -139,7 +139,6 @@ const RenderRayactorDownloading = (props: {
         columns={downloadList}
         dataSource={[...mainWorker, ...list]}
         rowKey="worker_name"
-        theme="light"
       ></SimpleTabel>
     </div>
   );
@@ -162,7 +161,7 @@ const RenderWorkerDownloading = (props: {
       arrow={true}
       overlayInnerStyle={{
         width: 300,
-        backgroundColor: 'var(--color-white-1)'
+        backgroundColor: 'var(--color-spotlight-bg)'
       }}
       overlayClassName="light-downloading-tooltip"
       title={

src/pages/llmodels/config/llama-config.ts

@@ -592,6 +592,10 @@ const options = [
   {
     label: '--context-shift',
     value: '--context-shift'
+  },
+  {
+    label: '--v2',
+    value: '--v2'
   }
 ];