fix: distributed servers info

src/components/delete-modal/index.less

@@ -1,22 +0,0 @@
-:local(.delete-modal-content) {
-  display: flex;
-  font-size: var(--font-size-middle);
-
-  :global {
-    .anticon {
-      font-size: 20px;
-      margin-right: 10px;
-      color: var(--ant-color-warning);
-    }
-
-    .title {
-      display: flex;
-      align-items: center;
-    }
-  }
-}
-
-:local(.content) {
-  padding-top: 15px;
-  padding-left: 30px;
-}

src/components/delete-modal/index.tsx

@@ -9,9 +9,35 @@ import {
   message,
   type ModalFuncProps
 } from 'antd';
-import { FC, forwardRef, useImperativeHandle, useState } from 'react';
+import { createStyles } from 'antd-style';
+import { useState } from 'react';
 import styled from 'styled-components';
-import Styles from './index.less';
+
+const useStyles = createStyles(({ css }) => ({
+  'delete-modal-content': css`
+    display: flex;
+    font-size: var(--font-size-middle);
+    .anticon {
+      font-size: 20px;
+      margin-right: 10px;
+      color: var(--ant-color-warning);
+    }
+    .title {
+      display: flex;
+      align-items: center;
+      font-weight: var(--font-weight-500);
+    }
+  `,
+  content: css`
+    padding-top: 15px;
+    padding-left: 30px;
+    color: var(--ant-color-text-secondary);
+    white-space: pre-line;
+    span {
+      color: var(--ant-color-text);
+    }
+  `
+}));
 
 const CheckboxWrapper = styled.div`
   margin-top: 20px;
@@ -25,12 +51,8 @@ const CheckboxWrapper = styled.div`
   }
 `;
 
-interface DeleteModalProps {
-  ref: any;
-}
-
 interface DataOptions {
-  content: string;
+  content?: string;
   selection?: boolean;
   name?: string;
   okText?: string;
@@ -43,28 +65,33 @@ interface DataOptions {
   };
 }
 
-const DeleteModal: FC<DeleteModalProps> = forwardRef((props, ref) => {
+interface Configuration {
+  checked: boolean;
+}
+
+export default function useDeleteModel() {
   const intl = useIntl();
+  const { styles } = useStyles();
   const { saveScrollHeight, restoreScrollHeight } = useBodyScroll();
   const [visible, setVisible] = useState(false);
-  const [checked, setChecked] = useState(false);
+  const [configuration, setConfiguration] = useState<Configuration>({
+    checked: false
+  });
   const [config, setConfig] = useState<ModalFuncProps & DataOptions>({} as any);
 
-  useImperativeHandle(ref, () => ({
-    show: (data: ModalFuncProps & DataOptions) => {
-      saveScrollHeight();
-      setConfig(data);
-      setChecked(data.checkConfig?.defautlChecked || false);
-      setVisible(true);
-    },
-    hide: () => {
-      setVisible(false);
-      restoreScrollHeight();
-    },
-    configuration: {
-      checked: checked
-    }
-  }));
+  const show = (data: ModalFuncProps & DataOptions) => {
+    saveScrollHeight();
+    setConfig(data);
+    setConfiguration({
+      checked: data.checkConfig?.defautlChecked || false
+    });
+    setVisible(true);
+  };
+
+  const hide = () => {
+    setVisible(false);
+    restoreScrollHeight();
+  };
 
   const handleCancel = () => {
     setVisible(false);
@@ -94,75 +121,89 @@ const DeleteModal: FC<DeleteModalProps> = forwardRef((props, ref) => {
     }
   };
 
-  return (
-    <Modal
-      style={{
-        top: '20%'
-      }}
-      open={visible}
-      onOk={handleOk}
-      onCancel={handleCancel}
-      destroyOnClose={true}
-      closeIcon={false}
-      maskClosable={false}
-      keyboard={false}
-      width={460}
-      styles={{}}
-      footer={
-        <Space size={20}>
-          <Button onClick={handleCancel} size="middle">
-            {config.cancelText
-              ? intl.formatMessage({ id: config.cancelText })
-              : intl.formatMessage({ id: 'common.button.cancel' })}
-          </Button>
-          <Button type="primary" onClick={handleOk} size="middle">
-            {config.okText
-              ? intl.formatMessage({ id: config.okText })
-              : intl.formatMessage({ id: 'common.button.delete' })}
-          </Button>
-        </Space>
-      }
-    >
-      <div className={Styles['delete-modal-content']}>
-        <span className="title">
-          <ExclamationCircleFilled />
-          <span>
-            {config.title
-              ? intl.formatMessage({ id: config.title })
-              : intl.formatMessage({ id: 'common.title.delete.confirm' })}
-          </span>
-        </span>
-      </div>
-      <div
-        className={Styles['content']}
-        dangerouslySetInnerHTML={{
-          __html:
-            config.content &&
-            intl.formatMessage(
-              {
-                id: config.operation || ''
-              },
-              {
-                type: intl.formatMessage({ id: config.content }),
-                name: config.name
-              }
-            )
+  const DeleteModal = () => {
+    return (
+      <Modal
+        style={{
+          top: '20%'
+        }}
+        open={visible}
+        onOk={handleOk}
+        onCancel={handleCancel}
+        destroyOnClose={false}
+        closeIcon={false}
+        maskClosable={false}
+        keyboard={false}
+        width={460}
+        styles={{
+          footer: {
+            marginTop: '20px'
+          }
         }}
-      ></div>
-      {config.checkConfig && (
-        <CheckboxWrapper>
-          <Checkbox
-            checked={checked}
-            onChange={(e) => setChecked(e.target.checked)}
-          >
-            <span className="check-text">
-              {intl.formatMessage({ id: config.checkConfig?.checkText })}
+        footer={
+          <Space size={20}>
+            <Button onClick={handleCancel} size="middle">
+              {config.cancelText
+                ? intl.formatMessage({ id: config.cancelText })
+                : intl.formatMessage({ id: 'common.button.cancel' })}
+            </Button>
+            <Button type="primary" onClick={handleOk} size="middle">
+              {config.okText
+                ? intl.formatMessage({ id: config.okText })
+                : intl.formatMessage({ id: 'common.button.delete' })}
+            </Button>
+          </Space>
+        }
+      >
+        <div className={styles['delete-modal-content']}>
+          <span className="title">
+            <ExclamationCircleFilled />
+            <span>
+              {config.title
+                ? intl.formatMessage({ id: config.title })
+                : intl.formatMessage({ id: 'common.title.delete.confirm' })}
             </span>
-          </Checkbox>
-        </CheckboxWrapper>
-      )}
-    </Modal>
-  );
-});
-
-export default DeleteModal;
+          </span>
+        </div>
+        <div
+          className={styles['content']}
+          dangerouslySetInnerHTML={{
+            __html: config.content
+              ? intl.formatMessage(
+                  {
+                    id: config.operation || ''
+                  },
+                  {
+                    type: intl.formatMessage({ id: config.content }),
+                    name: config.name
+                  }
+                )
+              : ''
+          }}
+        ></div>
+        {config.checkConfig && (
+          <CheckboxWrapper>
+            <Checkbox
+              checked={configuration.checked}
+              onChange={(e) =>
+                setConfiguration({
+                  checked: e.target.checked
+                })
+              }
+            >
+              <span className="check-text">
+                {intl.formatMessage({ id: config.checkConfig?.checkText })}
+              </span>
+            </Checkbox>
+          </CheckboxWrapper>
+        )}
+      </Modal>
+    );
+  };
+  return {
+    DeleteModal,
+    show,
+    hide,
+    configuration
+  };
+}

src/components/icon-font/iconfont/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: iconfont; /* Project id 4613488 */
-  src: url('iconfont.woff2?t=1747231573342') format('woff2'),
-       url('iconfont.woff?t=1747231573342') format('woff'),
-       url('iconfont.ttf?t=1747231573342') format('truetype');
+  src: url('iconfont.woff2?t=1750854031026') format('woff2'),
+       url('iconfont.woff?t=1750854031026') format('woff'),
+       url('iconfont.ttf?t=1750854031026') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,130 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-language::before {
+  content: "\e679";
+}
+
+.icon-help::before {
+  content: "\e67a";
+}
+
+.icon-key-filled::before {
+  content: "\e67b";
+}
+
+.icon-key::before {
+  content: "\e67d";
+}
+
+.icon-resources::before {
+  content: "\e67e";
+}
+
+.icon-users::before {
+  content: "\e67f";
+}
+
+.icon-resources-filled::before {
+  content: "\e680";
+}
+
+.icon-users-filled::before {
+  content: "\e681";
+}
+
+.icon-model::before {
+  content: "\e676";
+}
+
+.icon-model-filled::before {
+  content: "\e678";
+}
+
+.icon-layers-filled::before {
+  content: "\e671";
+}
+
+.icon-layers::before {
+  content: "\e673";
+}
+
+.icon-experiment::before {
+  content: "\e674";
+}
+
+.icon-experiment-filled::before {
+  content: "\e675";
+}
+
+.icon-dashboard::before {
+  content: "\e66d";
+}
+
+.icon-dashboard-filled::before {
+  content: "\e66e";
+}
+
+.icon-expand-left::before {
+  content: "\ea48";
+}
+
+.icon-expand-right::before {
+  content: "\ea49";
+}
+
+.icon-users-fill::before {
+  content: "\e677";
+}
+
+.icon-layers-fill::before {
+  content: "\e89d";
+}
+
+.icon-key-fill::before {
+  content: "\e80e";
+}
+
+.icon-server-fill::before {
+  content: "\e7a3";
+}
+
+.icon-model-fill::before {
+  content: "\e7b7";
+}
+
+.icon-left_panel_close::before {
+  content: "\e668";
+}
+
+.icon-left_panel_open::before {
+  content: "\e669";
+}
+
+.icon-playcircle-fill::before {
+  content: "\e665";
+}
+
+.icon-stopcircle-fill::before {
+  content: "\e666";
+}
+
+.icon-play-speed::before {
+  content: "\e856";
+}
+
+.icon-more::before {
+  content: "\e62e";
+}
+
+.icon-play::before {
+  content: "\e9f9";
+}
+
+.icon-pause::before {
+  content: "\e713";
+}
+
 .icon-dark_theme::before {
   content: "\e646";
 }
@@ -237,14 +361,6 @@
   content: "\e62c";
 }
 
-.icon-stopcircle-fill::before {
-  content: "\e7cc";
-}
-
-.icon-playcircle-fill::before {
-  content: "\e7cd";
-}
-
 .icon-SpeakerSlash::before {
   content: "\e661";
 }

src/components/icon-font/iconfont/iconfont.json

@@ -5,6 +5,223 @@
   "css_prefix_text": "icon-",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "44685190",
+      "name": "language",
+      "font_class": "language",
+      "unicode": "e679",
+      "unicode_decimal": 59001
+    },
+    {
+      "icon_id": "44685189",
+      "name": "help",
+      "font_class": "help",
+      "unicode": "e67a",
+      "unicode_decimal": 59002
+    },
+    {
+      "icon_id": "44684306",
+      "name": "key-filled",
+      "font_class": "key-filled",
+      "unicode": "e67b",
+      "unicode_decimal": 59003
+    },
+    {
+      "icon_id": "44684302",
+      "name": "key",
+      "font_class": "key",
+      "unicode": "e67d",
+      "unicode_decimal": 59005
+    },
+    {
+      "icon_id": "44684304",
+      "name": "resources",
+      "font_class": "resources",
+      "unicode": "e67e",
+      "unicode_decimal": 59006
+    },
+    {
+      "icon_id": "44684305",
+      "name": "users",
+      "font_class": "users",
+      "unicode": "e67f",
+      "unicode_decimal": 59007
+    },
+    {
+      "icon_id": "44684303",
+      "name": "resources-filled",
+      "font_class": "resources-filled",
+      "unicode": "e680",
+      "unicode_decimal": 59008
+    },
+    {
+      "icon_id": "44684301",
+      "name": "users-filled",
+      "font_class": "users-filled",
+      "unicode": "e681",
+      "unicode_decimal": 59009
+    },
+    {
+      "icon_id": "44684150",
+      "name": "model",
+      "font_class": "model",
+      "unicode": "e676",
+      "unicode_decimal": 58998
+    },
+    {
+      "icon_id": "44684149",
+      "name": "model-filled",
+      "font_class": "model-filled",
+      "unicode": "e678",
+      "unicode_decimal": 59000
+    },
+    {
+      "icon_id": "44684090",
+      "name": "layers-filled",
+      "font_class": "layers-filled",
+      "unicode": "e671",
+      "unicode_decimal": 58993
+    },
+    {
+      "icon_id": "44684091",
+      "name": "layers",
+      "font_class": "layers",
+      "unicode": "e673",
+      "unicode_decimal": 58995
+    },
+    {
+      "icon_id": "44684086",
+      "name": "experiment",
+      "font_class": "experiment",
+      "unicode": "e674",
+      "unicode_decimal": 58996
+    },
+    {
+      "icon_id": "44684085",
+      "name": "experiment",
+      "font_class": "experiment-filled",
+      "unicode": "e675",
+      "unicode_decimal": 58997
+    },
+    {
+      "icon_id": "44684021",
+      "name": "dashboard",
+      "font_class": "dashboard",
+      "unicode": "e66d",
+      "unicode_decimal": 58989
+    },
+    {
+      "icon_id": "44684020",
+      "name": "dashboard-filled",
+      "font_class": "dashboard-filled",
+      "unicode": "e66e",
+      "unicode_decimal": 58990
+    },
+    {
+      "icon_id": "40068272",
+      "name": "expand-left",
+      "font_class": "expand-left",
+      "unicode": "ea48",
+      "unicode_decimal": 59976
+    },
+    {
+      "icon_id": "40068278",
+      "name": "expand-right",
+      "font_class": "expand-right",
+      "unicode": "ea49",
+      "unicode_decimal": 59977
+    },
+    {
+      "icon_id": "1350497",
+      "name": "sq-users",
+      "font_class": "users-fill",
+      "unicode": "e677",
+      "unicode_decimal": 58999
+    },
+    {
+      "icon_id": "13691715",
+      "name": "layers",
+      "font_class": "layers-fill",
+      "unicode": "e89d",
+      "unicode_decimal": 59549
+    },
+    {
+      "icon_id": "14267903",
+      "name": "key-skeleton-alt",
+      "font_class": "key-fill",
+      "unicode": "e80e",
+      "unicode_decimal": 59406
+    },
+    {
+      "icon_id": "14341823",
+      "name": "cloud-server-solid",
+      "font_class": "server-fill",
+      "unicode": "e7a3",
+      "unicode_decimal": 59299
+    },
+    {
+      "icon_id": "40764011",
+      "name": "icon-model-selected",
+      "font_class": "model-fill",
+      "unicode": "e7b7",
+      "unicode_decimal": 59319
+    },
+    {
+      "icon_id": "44668359",
+      "name": "left_panel_close_36dp_1F1F1F_FILL0_wght400_GRAD0_o",
+      "font_class": "left_panel_close",
+      "unicode": "e668",
+      "unicode_decimal": 58984
+    },
+    {
+      "icon_id": "44668360",
+      "name": "left_panel_open_36dp_1F1F1F_FILL0_wght400_GRAD0_op",
+      "font_class": "left_panel_open",
+      "unicode": "e669",
+      "unicode_decimal": 58985
+    },
+    {
+      "icon_id": "44650419",
+      "name": "play circle-fill",
+      "font_class": "playcircle-fill",
+      "unicode": "e665",
+      "unicode_decimal": 58981
+    },
+    {
+      "icon_id": "44650418",
+      "name": "stop circle-fill",
+      "font_class": "stopcircle-fill",
+      "unicode": "e666",
+      "unicode_decimal": 58982
+    },
+    {
+      "icon_id": "8592899",
+      "name": "play-speed",
+      "font_class": "play-speed",
+      "unicode": "e856",
+      "unicode_decimal": 59478
+    },
+    {
+      "icon_id": "10941162",
+      "name": "more",
+      "font_class": "more",
+      "unicode": "e62e",
+      "unicode_decimal": 58926
+    },
+    {
+      "icon_id": "703373",
+      "name": "play",
+      "font_class": "play",
+      "unicode": "e9f9",
+      "unicode_decimal": 59897
+    },
+    {
+      "icon_id": "736882",
+      "name": "pause",
+      "font_class": "pause",
+      "unicode": "e713",
+      "unicode_decimal": 59155
+    },
     {
       "icon_id": "44028047",
       "name": "dark_theme",
@@ -397,20 +614,6 @@
       "unicode": "e62c",
       "unicode_decimal": 58924
     },
-    {
-      "icon_id": "6151140",
-      "name": "stop circle-fill",
-      "font_class": "stopcircle-fill",
-      "unicode": "e7cc",
-      "unicode_decimal": 59340
-    },
-    {
-      "icon_id": "6151141",
-      "name": "play circle-fill",
-      "font_class": "playcircle-fill",
-      "unicode": "e7cd",
-      "unicode_decimal": 59341
-    },
     {
       "icon_id": "23563264",
       "name": "SpeakerSlash",

src/components/icon-font/index.tsx

@@ -1,8 +1,8 @@
 import { createFromIconfontCN } from '@ant-design/icons';
-// import './iconfont/iconfont.js';
+import './iconfont/iconfont.js';
 
 const IconFont = createFromIconfontCN({
-  scriptUrl: '//at.alicdn.com/t/c/font_4613488_w50kuuord8o.js'
+  scriptUrl: ''
 });
 
 export default IconFont;

src/hooks/use-delete-modal.ts

@@ -1,26 +0,0 @@
-import { useIntl } from '@umijs/max';
-import { Modal, message, type ModalFuncProps } from 'antd';
-import { useRef } from 'react';
-
-export default function useDeleteModal() {
-  const intl = useIntl();
-  const modalRef = useRef<any>();
-  const showDeleteModal = (config: ModalFuncProps = {}) => {
-    modalRef.current = Modal.confirm({
-      ...config,
-      okText: intl.formatMessage({
-        id: 'common.button.delete'
-      }),
-      onCancel: () => {
-        config.onCancel?.();
-        modalRef.current.destroy?.();
-      },
-      onOk: async () => {
-        await config.onOk?.();
-        message.success(intl.formatMessage({ id: 'common.message.success' }));
-      }
-    });
-  };
-
-  return { showDeleteModal };
-}

src/hooks/use-table-fetch.ts

@@ -1,3 +1,4 @@
+import useDeleteModel from '@/components/delete-modal';
 import useSetChunkRequest from '@/hooks/use-chunk-request';
 import useTableRowSelection from '@/hooks/use-table-row-selection';
 import useTableSort from '@/hooks/use-table-sort';
@@ -55,7 +56,7 @@ export default function useTableFetch<ListItem>(
     perPage: 10,
     search: ''
   });
-
+  const { DeleteModal, show, hide, configuration } = useDeleteModel();
   const { setChunkRequest } = useSetChunkRequest();
   const { updateChunkedList, cacheDataListRef } = useUpdateChunkedList({
     events: ['UPDATE', 'DELETE', 'INSERT'],
@@ -203,7 +204,7 @@ export default function useTableFetch<ListItem>(
     row: ListItem & { name: string; id: number },
     options?: any
   ) => {
-    modalRef.current.show({
+    show({
       content: contentForDelete,
       operation: 'common.delete.single.confirm',
       name: row.name,
@@ -211,7 +212,7 @@ export default function useTableFetch<ListItem>(
       async onOk() {
         console.log('OK');
         await deleteAPI?.(row.id, {
-          ...modalRef.current?.configuration
+          ...configuration
         });
         fetchData();
       }
@@ -219,7 +220,7 @@ export default function useTableFetch<ListItem>(
   };
 
   const handleDeleteBatch = (options = {}) => {
-    modalRef.current.show({
+    show({
       content: contentForDelete,
       operation: 'common.delete.confirm',
       selection: true,
@@ -231,7 +232,7 @@ export default function useTableFetch<ListItem>(
           rowSelection.selectedRowKeys,
           async (id: any) => {
             await deleteAPI(id, {
-              ...modalRef.current?.configuration
+              configuration
             });
             successIds.push(id);
           }
@@ -274,6 +275,7 @@ export default function useTableFetch<ListItem>(
     sortOrder,
     queryParams,
     modalRef,
+    DeleteModal,
     setQueryParams,
     handleDelete,
     handleDeleteBatch,

src/locales/en-US/common.ts

@@ -194,13 +194,13 @@ export default {
   'common.delete.confirm':
     'Are you sure you want to delete the selected {type}?',
   'common.delete.single.confirm':
-    'Are you sure you want to delete <span style="font-size: 13px;font-weight: 700">{name}</span>?',
+    'Are you sure you want to delete? \n <span style="font-size: 13px;font-weight: 700">{name}</span>',
   'common.stop.confirm': 'Are you sure you want to stop the selected {type}?',
   'common.stop.single.confirm':
-    'Are you sure you want to stop <span style="font-size: 13px;font-weight: 700">{name}</span>?',
+    'Are you sure you want to stop? \n <span style="font-size: 13px;font-weight: 700">{name}</span>',
   'common.start.confirm': 'Are you sure you want to start the selected {type}?',
   'common.start.single.confirm':
-    'Are you sure you want to start <span style="font-size: 13px;font-weight: 700">{name}</span>?',
+    'Are you sure you want to start? \n <span style="font-size: 13px;font-weight: 700">{name}</span>',
   'common.filter.name': 'Filter by name',
   'common.form.password': 'Password',
   'common.form.username': 'Username',

src/locales/en-US/resources.ts

@@ -70,7 +70,7 @@ export default {
     'Waiting for the download to complete...',
   'resources.filter.worker': 'Filter by worker',
   'resources.filter.source': 'Filter by Source',
-  'resources.modelfiles.delete.tips': 'Also delete the file from disk!',
+  'resources.modelfiles.delete.tips': 'Also delete the file from disk',
   'resources.modelfiles.copy.tips': 'Copy Full Path',
   'resources.filter.path': 'Filter by path'
 };

src/locales/ja-JP/resources.ts

@@ -71,7 +71,7 @@ export default {
     'ダウンロード完了を待っています...',
   'resources.filter.worker': 'ワーカーでフィルタ',
   'resources.filter.source': 'ソースでフィルタ',
-  'resources.modelfiles.delete.tips': 'ディスクからファイルも削除します！',
+  'resources.modelfiles.delete.tips': 'ディスクからファイルも削除します',
   'resources.modelfiles.copy.tips': 'フルパスをコピー',
   'resources.filter.path': 'パスでフィルタ'
 };

src/locales/ru-RU/resources.ts

@@ -69,7 +69,7 @@ export default {
   'resources.modelfiles.storagePath.holder': 'Ожидание завершения загрузки...',
   'resources.filter.worker': 'Фильтровать по узлу',
   'resources.filter.source': 'Фильтровать по источнику',
-  'resources.modelfiles.delete.tips': 'Также удалить файл с диска!',
+  'resources.modelfiles.delete.tips': 'Также удалить файл с диска',
   'resources.modelfiles.copy.tips': 'Скопировать полный путь',
   'resources.filter.path': 'Фильтрация по пути'
 };

src/locales/zh-CN/common.ts

@@ -185,15 +185,15 @@ export default {
   'common.table.user': '用户',
   'common.settings.instructions': '操作指引',
   'common.settings.language': '语言',
-  'common.delete.confirm': '删除选中的{type}，确定吗？',
+  'common.delete.confirm': '确定删除选中的{type}吗？',
   'common.delete.single.confirm':
-    '删除 <span style="font-size: 13px;font-weight: 700">{name}</span>，确定吗？',
-  'common.stop.confirm': '停止选中的{type}，确定吗？',
+    '确定删除以下内容？\n <span style="font-size: 13px;font-weight: 700">{name}</span>',
+  'common.stop.confirm': '确定停止选中的{type}吗？',
   'common.stop.single.confirm':
-    '停止 <span style="font-size: 13px;font-weight: 700">{name}</span>，确定吗？',
-  'common.start.confirm': '启动选中的{type}，确定吗？',
+    '确定停止 <span style="font-size: 13px;font-weight: 700">{name}？</span>',
+  'common.start.confirm': '确定启动选中的{type}吗？',
   'common.start.single.confirm':
-    '启动 <span style="font-size: 13px;font-weight: 700">{name}</span>，确定吗？',
+    '确定启动 <span style="font-size: 13px;font-weight: 700">{name}？</span>',
   'common.filter.name': '名称查询',
   'common.form.password': '密码',
   'common.form.username': '用户名',

src/locales/zh-CN/resources.ts

@@ -68,7 +68,7 @@ export default {
   'resources.modelfiles.storagePath.holder': '等待下载完成...',
   'resources.filter.worker': '按 Worker 筛选',
   'resources.filter.source': '按来源筛选',
-  'resources.modelfiles.delete.tips': '同时从磁盘删除文件！',
+  'resources.modelfiles.delete.tips': '同时从磁盘删除文件',
   'resources.modelfiles.copy.tips': '复制完整路径',
   'resources.filter.path': '路径查询'
 };

src/pages/api-keys/index.tsx

@@ -1,5 +1,4 @@
 import AutoTooltip from '@/components/auto-tooltip';
-import DeleteModal from '@/components/delete-modal';
 import PageTools from '@/components/page-tools';
 import { PageAction } from '@/config';
 import HotKeys from '@/config/hotkeys';
@@ -32,7 +31,7 @@ const APIKeys: React.FC = () => {
     rowSelection,
     queryParams,
     sortOrder,
-    modalRef,
+    DeleteModal,
     handleDelete,
     handleDeleteBatch,
     fetchData,
@@ -261,7 +260,7 @@ const APIKeys: React.FC = () => {
         onCancel={handleModalCancel}
         onOk={handleModalOk}
       ></AddAPIKeyModal>
-      <DeleteModal ref={modalRef}></DeleteModal>
+      <DeleteModal></DeleteModal>
     </>
   );
 };

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

@@ -471,10 +471,24 @@ const InstanceItem: React.FC<InstanceItemProps> = ({
     );
   };
 
-  const renderDistributionInfo = (severList: any[]) => {
+  const renderDistributionInfo = (distributed_servers: Record<string, any>) => {
+    const { rpc_servers, ray_actors, subordinate_workers } =
+      distributed_servers;
+
+    let severList: any[] = [];
+
+    if (rpc_servers?.length > 0) {
+      severList = rpc_servers;
+    } else if (ray_actors?.length > 0) {
+      severList = ray_actors;
+    } else if (subordinate_workers?.length > 0) {
+      severList = subordinate_workers;
+    }
+
     if (!severList.length) {
       return null;
     }
+
     return (
       <TooltipOverlayScroller
         toolTipProps={{
@@ -612,12 +626,7 @@ const InstanceItem: React.FC<InstanceItemProps> = ({
                 className="flex align-center"
               >
                 {renderOffloadInfo}
-                {renderDistributionInfo(
-                  instanceData.distributed_servers?.rpc_servers ||
-                    instanceData.distributed_servers?.ray_actors ||
-                    instanceData.distributed_servers?.subordinate_workers ||
-                    []
-                )}
+                {renderDistributionInfo(instanceData.distributed_servers || {})}
               </span>
             </Col>
             <Col span={4}>

src/pages/llmodels/components/table-list.tsx

@@ -1,6 +1,6 @@
 import { modelsExpandKeysAtom } from '@/atoms/models';
 import AutoTooltip from '@/components/auto-tooltip';
-import DeleteModal from '@/components/delete-modal';
+import useDeleteModel from '@/components/delete-modal';
 import DropDownActions from '@/components/drop-down-actions';
 import DropdownButtons from '@/components/drop-down-buttons';
 import { PageSize } from '@/components/logs-viewer/config';
@@ -146,6 +146,7 @@ const Models: React.FC<ModelsProps> = ({
   loadend,
   total
 }) => {
+  const { DeleteModal, show } = useDeleteModel();
   const { getGPUList, generateFormValues, gpuDeviceList } =
     useGenerateFormEditInitialValues();
   const { saveScrollHeight, restoreScrollHeight } = useBodyScroll();
@@ -327,7 +328,7 @@ const Models: React.FC<ModelsProps> = ({
   }, [onCancelViewLogs]);
 
   const handleDelete = async (row: any) => {
-    modalRef.current.show({
+    show({
       content: 'models.table.models',
       operation: 'common.delete.single.confirm',
       name: row.name,
@@ -342,7 +343,7 @@ const Models: React.FC<ModelsProps> = ({
   };
 
   const handleDeleteBatch = () => {
-    modalRef.current.show({
+    show({
       content: 'models.table.models',
       operation: 'common.delete.confirm',
       selection: true,
@@ -406,7 +407,7 @@ const Models: React.FC<ModelsProps> = ({
   );
   const handleDeleteInstace = useCallback(
     (row: any) => {
-      modalRef.current.show({
+      show({
         content: 'models.instances',
         okText: 'common.button.delrecreate',
         operation: 'common.delete.single.confirm',
@@ -487,7 +488,7 @@ const Models: React.FC<ModelsProps> = ({
         }
 
         if (val === 'stop') {
-          modalRef.current.show({
+          show({
             content: 'models.instances',
             title: 'common.title.stop.confirm',
             okText: 'common.button.stop',
@@ -562,7 +563,7 @@ const Models: React.FC<ModelsProps> = ({
   };
 
   const handleStartBatch = async () => {
-    modalRef.current.show({
+    show({
       content: 'models.table.models',
       title: 'common.title.start.confirm',
       okText: 'common.button.start',
@@ -575,7 +576,7 @@ const Models: React.FC<ModelsProps> = ({
   };
 
   const handleStopBatch = async () => {
-    modalRef.current.show({
+    show({
       content: 'models.table.models',
       title: 'common.title.stop.confirm',
       okText: 'common.button.stop',
@@ -884,7 +885,7 @@ const Models: React.FC<ModelsProps> = ({
         open={openLogModal}
         onCancel={handleLogModalCancel}
       ></ViewLogsModal>
-      <DeleteModal ref={modalRef}></DeleteModal>
+      <DeleteModal></DeleteModal>
       <APIAccessInfoModal
         open={apiAccessInfo.show}
         data={apiAccessInfo.data}

src/pages/resources/components/model-files.tsx

@@ -1,6 +1,5 @@
 import { modelsExpandKeysAtom } from '@/atoms/models';
 import AutoTooltip from '@/components/auto-tooltip';
-import DeleteModal from '@/components/delete-modal';
 import DropdownButtons from '@/components/drop-down-buttons';
 import { TooltipOverlayScroller } from '@/components/overlay-scroller';
 import { FilterBar } from '@/components/page-tools';
@@ -294,7 +293,7 @@ const ModelFiles = () => {
     dataSource,
     rowSelection,
     queryParams,
-    modalRef,
+    DeleteModal,
     fetchData,
     handleDelete,
     handleDeleteBatch,
@@ -683,7 +682,7 @@ const ModelFiles = () => {
           }}
         ></Table>
       </ConfigProvider>
-      <DeleteModal ref={modalRef}></DeleteModal>
+      <DeleteModal></DeleteModal>
       <DownloadModal
         onCancel={handleDownloadCancel}
         onOk={handleDownload}

src/pages/resources/components/workers.tsx

@@ -1,5 +1,4 @@
 import AutoTooltip from '@/components/auto-tooltip';
-import DeleteModal from '@/components/delete-modal';
 import DropdownButtons from '@/components/drop-down-buttons';
 import { FilterBar } from '@/components/page-tools';
 import ProgressBar from '@/components/progress-bar';
@@ -94,7 +93,7 @@ const Workers: React.FC = () => {
     dataSource,
     rowSelection,
     queryParams,
-    modalRef,
+    DeleteModal,
     handleDelete,
     handleDeleteBatch,
     fetchData,
@@ -447,7 +446,7 @@ const Workers: React.FC = () => {
           />
         </Table>
       </ConfigProvider>
-      <DeleteModal ref={modalRef}></DeleteModal>
+      <DeleteModal></DeleteModal>
       <AddWorker open={open} onCancel={() => setOpen(false)}></AddWorker>
       <UpdateLabels
         open={updateLabelsData.open}

src/pages/users/index.tsx

@@ -1,5 +1,4 @@
 import AutoTooltip from '@/components/auto-tooltip';
-import DeleteModal from '@/components/delete-modal';
 import DropdownButtons from '@/components/drop-down-buttons';
 import PageTools from '@/components/page-tools';
 import { PageAction } from '@/config';
@@ -55,7 +54,7 @@ const Users: React.FC = () => {
     rowSelection,
     queryParams,
     sortOrder,
-    modalRef,
+    DeleteModal,
     handleDelete,
     handleDeleteBatch,
     fetchData,
@@ -321,7 +320,7 @@ const Users: React.FC = () => {
         onCancel={handleModalCancel}
         onOk={handleModalOk}
       ></AddModal>
-      <DeleteModal ref={modalRef}></DeleteModal>
+      <DeleteModal></DeleteModal>
     </>
   );
 };