From 9840a48301c7b81a6191d558510684f657e67e4b Mon Sep 17 00:00:00 2001
From: jialin <jialinkuang@126.com>
Date: Wed, 18 Mar 2026 16:11:57 +0800
Subject: [PATCH] fix: depercated props

---
 src/components/seal-form/row-textarea.tsx                    | 2 +-
 src/pages/_components/form-drawer.tsx                        | 4 +++-
 src/pages/api-keys/components/add-apikey-modal/index.tsx     | 4 +++-
 src/pages/backends/community/add-community-modal.tsx         | 4 +++-
 src/pages/backends/components/add-modal.tsx                  | 4 +++-
 src/pages/backends/components/version-info-modal.tsx         | 4 +++-
 src/pages/benchmark/components/view-logs-modal.tsx           | 4 +++-
 src/pages/cluster-management/cluster-modal.tsx               | 4 +++-
 src/pages/cluster-management/components/add-worker/index.tsx | 4 +++-
 src/pages/dashboard/components/usage-inner/export-data.tsx   | 4 +++-
 src/pages/dashboard/hooks/use-add-resource.tsx               | 4 +++-
 src/pages/llmodels/components/api-access-info.tsx            | 4 +++-
 src/pages/llmodels/components/catalog-list.tsx               | 4 +++-
 src/pages/llmodels/components/deploy-builtin-modal.tsx       | 4 +++-
 src/pages/llmodels/components/deploy-modal.tsx               | 4 +++-
 src/pages/llmodels/components/update-modal.tsx               | 4 +++-
 src/pages/llmodels/components/view-logs-modal.tsx            | 4 +++-
 src/pages/llmodels/download/index.tsx                        | 4 +++-
 src/pages/llmodels/forms/backend.tsx                         | 2 +-
 src/pages/playground/components/view-common-code.tsx         | 4 +++-
 src/pages/resources/components/update-labels.tsx             | 4 +++-
 src/pages/resources/hooks/use-worker-maintenance.tsx         | 4 +++-
 22 files changed, 62 insertions(+), 22 deletions(-)

diff --git a/src/components/seal-form/row-textarea.tsx b/src/components/seal-form/row-textarea.tsx
index c8bde2d5..e8c51c1e 100644
--- a/src/components/seal-form/row-textarea.tsx
+++ b/src/components/seal-form/row-textarea.tsx
@@ -211,7 +211,7 @@ const RowTextarea: React.FC<SystemMessageProps> = (props) => {
             {!expanded && data.text && (
               <SmallCloseButton onClick={handleClear}></SmallCloseButton>
             )}
-            {/* {UploadImageButton} */}
+            {UploadImageButton}
             <Tooltip title={intl.formatMessage({ id: 'common.button.delete' })}>
               <Button
                 danger
diff --git a/src/pages/_components/form-drawer.tsx b/src/pages/_components/form-drawer.tsx
index 4b1d1758..bcc5dba7 100644
--- a/src/pages/_components/form-drawer.tsx
+++ b/src/pages/_components/form-drawer.tsx
@@ -56,7 +56,9 @@ const FormDrawer: React.FC<AddModalProps> = ({
       onClose={onCancel}
       destroyOnHidden={true}
       closeIcon={false}
-      maskClosable={false}
+      mask={{
+        closable: false
+      }}
       keyboard={false}
       styles={{
         wrapper: { width }
diff --git a/src/pages/api-keys/components/add-apikey-modal/index.tsx b/src/pages/api-keys/components/add-apikey-modal/index.tsx
index a89a385d..6419b25a 100644
--- a/src/pages/api-keys/components/add-apikey-modal/index.tsx
+++ b/src/pages/api-keys/components/add-apikey-modal/index.tsx
@@ -208,7 +208,9 @@ const AddModal: React.FC<AddModalProps> = ({
       afterOpenChange={handleAfterOpenChange}
       destroyOnHidden={true}
       closeIcon={false}
-      maskClosable={false}
+      mask={{
+        closable: false
+      }}
       keyboard={false}
       styles={{
         wrapper: { width: 600 }
diff --git a/src/pages/backends/community/add-community-modal.tsx b/src/pages/backends/community/add-community-modal.tsx
index 0aefd752..e7f397fe 100644
--- a/src/pages/backends/community/add-community-modal.tsx
+++ b/src/pages/backends/community/add-community-modal.tsx
@@ -60,7 +60,9 @@ const AddCommunityModal: React.FC<{
       onClose={onClose}
       destroyOnHidden={true}
       closeIcon={false}
-      maskClosable={false}
+      mask={{
+        closable: false
+      }}
       keyboard={false}
       styles={{
         wrapper: { width: 'max(50vw, 900px)' }
diff --git a/src/pages/backends/components/add-modal.tsx b/src/pages/backends/components/add-modal.tsx
index 5ba7828c..0ad11867 100644
--- a/src/pages/backends/components/add-modal.tsx
+++ b/src/pages/backends/components/add-modal.tsx
@@ -211,7 +211,9 @@ const AddModal: React.FC<AddModalProps> = (props) => {
       onClose={onClose}
       destroyOnHidden={true}
       closeIcon={false}
-      maskClosable={false}
+      mask={{
+        closable: false
+      }}
       keyboard={false}
       styles={{
         body: {
diff --git a/src/pages/backends/components/version-info-modal.tsx b/src/pages/backends/components/version-info-modal.tsx
index cc394735..b0604fbc 100644
--- a/src/pages/backends/components/version-info-modal.tsx
+++ b/src/pages/backends/components/version-info-modal.tsx
@@ -80,7 +80,9 @@ const VersionInfoModal: React.FC<VersionInfoModalProps> = ({
       centered
       destroyOnHidden
       closable={true}
-      maskClosable={false}
+      mask={{
+        closable: false
+      }}
       onOk={onClose}
       onCancel={onClose}
       footer={null}
diff --git a/src/pages/benchmark/components/view-logs-modal.tsx b/src/pages/benchmark/components/view-logs-modal.tsx
index 90b960d4..76e2bcb8 100644
--- a/src/pages/benchmark/components/view-logs-modal.tsx
+++ b/src/pages/benchmark/components/view-logs-modal.tsx
@@ -74,7 +74,9 @@ const ViewLogsModal: React.FC<ViewModalProps> = (props) => {
       onCancel={handleCancel}
       destroyOnHidden={true}
       closeIcon={true}
-      maskClosable={false}
+      mask={{
+        closable: false
+      }}
       keyboard={true}
       styles={{
         wrapper: {
diff --git a/src/pages/cluster-management/cluster-modal.tsx b/src/pages/cluster-management/cluster-modal.tsx
index bbe5788f..94148c31 100644
--- a/src/pages/cluster-management/cluster-modal.tsx
+++ b/src/pages/cluster-management/cluster-modal.tsx
@@ -26,7 +26,9 @@ const ClusterModal: React.FC<ClusterModalProps> = ({
       onClose={handleCancel}
       destroyOnHidden={true}
       closeIcon={false}
-      maskClosable={false}
+      mask={{
+        closable: false
+      }}
       keyboard={false}
       styles={{
         body: {
diff --git a/src/pages/cluster-management/components/add-worker/index.tsx b/src/pages/cluster-management/components/add-worker/index.tsx
index e15a5c03..907242a5 100644
--- a/src/pages/cluster-management/components/add-worker/index.tsx
+++ b/src/pages/cluster-management/components/add-worker/index.tsx
@@ -129,7 +129,9 @@ const AddWorker: React.FC<AddWorkerProps> = (props) => {
       onClose={onCancel}
       destroyOnHidden={true}
       closeIcon={false}
-      maskClosable={false}
+      mask={{
+        closable: false
+      }}
       keyboard={false}
       styles={{
         body: {
diff --git a/src/pages/dashboard/components/usage-inner/export-data.tsx b/src/pages/dashboard/components/usage-inner/export-data.tsx
index a67409bf..eef8211d 100644
--- a/src/pages/dashboard/components/usage-inner/export-data.tsx
+++ b/src/pages/dashboard/components/usage-inner/export-data.tsx
@@ -164,7 +164,9 @@ const ExportData: React.FC<{
       onCancel={handleOnCancel}
       destroyOnHidden={true}
       closeIcon={true}
-      maskClosable={false}
+      mask={{
+        closable: false
+      }}
       keyboard={false}
       width={1000}
       style={{
diff --git a/src/pages/dashboard/hooks/use-add-resource.tsx b/src/pages/dashboard/hooks/use-add-resource.tsx
index 2037b631..409a9600 100644
--- a/src/pages/dashboard/hooks/use-add-resource.tsx
+++ b/src/pages/dashboard/hooks/use-add-resource.tsx
@@ -139,7 +139,9 @@ export default function useAddResource(options?: { onCreated?: () => void }) {
     <ScrollerModal
       open={open && !hideModalTemporarily}
       footer={null}
-      maskClosable={false}
+      mask={{
+        closable: false
+      }}
       keyboard={false}
       closeIcon={null}
       destroyOnHidden={false}
diff --git a/src/pages/llmodels/components/api-access-info.tsx b/src/pages/llmodels/components/api-access-info.tsx
index 1116b2fa..c48a12b4 100644
--- a/src/pages/llmodels/components/api-access-info.tsx
+++ b/src/pages/llmodels/components/api-access-info.tsx
@@ -129,7 +129,9 @@ const ApiAccessInfo = ({ open, data, onClose }: ApiAccessInfoProps) => {
       width={600}
       destroyOnHidden
       closable={true}
-      maskClosable={false}
+      mask={{
+        closable: false
+      }}
       onOk={handleClose}
       onCancel={handleClose}
       footer={null}
diff --git a/src/pages/llmodels/components/catalog-list.tsx b/src/pages/llmodels/components/catalog-list.tsx
index 95cd8025..75c77271 100644
--- a/src/pages/llmodels/components/catalog-list.tsx
+++ b/src/pages/llmodels/components/catalog-list.tsx
@@ -40,7 +40,9 @@ const ListSkeleton: React.FC<{
             style={{
               width: '100%'
             }}
-            wrapperClassName="skelton-wrapper"
+            classNames={{
+              root: 'skelton-wrapper'
+            }}
           >
             {isFirst && <CatalogSkelton></CatalogSkelton>}
           </Spin>
diff --git a/src/pages/llmodels/components/deploy-builtin-modal.tsx b/src/pages/llmodels/components/deploy-builtin-modal.tsx
index 71afb256..3f33d98a 100644
--- a/src/pages/llmodels/components/deploy-builtin-modal.tsx
+++ b/src/pages/llmodels/components/deploy-builtin-modal.tsx
@@ -360,7 +360,9 @@ const AddModal: React.FC<AddModalProps> = (props) => {
       onClose={handleCancel}
       destroyOnHidden={true}
       closeIcon={false}
-      maskClosable={false}
+      mask={{
+        closable: false
+      }}
       keyboard={false}
       styles={{
         wrapper: { width: width }
diff --git a/src/pages/llmodels/components/deploy-modal.tsx b/src/pages/llmodels/components/deploy-modal.tsx
index 675ceb66..d0c8af30 100644
--- a/src/pages/llmodels/components/deploy-modal.tsx
+++ b/src/pages/llmodels/components/deploy-modal.tsx
@@ -559,7 +559,9 @@ const AddModal: FC<AddModalProps> = (props) => {
       onClose={handleCancel}
       destroyOnHidden={true}
       closeIcon={false}
-      maskClosable={false}
+      mask={{
+        closable: false
+      }}
       keyboard={false}
       styles={{
         wrapper: { width: width }
diff --git a/src/pages/llmodels/components/update-modal.tsx b/src/pages/llmodels/components/update-modal.tsx
index f205f6d9..6c8b00fb 100644
--- a/src/pages/llmodels/components/update-modal.tsx
+++ b/src/pages/llmodels/components/update-modal.tsx
@@ -234,7 +234,9 @@ const UpdateModal: React.FC<AddModalProps> = (props) => {
       onClose={handleOnClose}
       destroyOnHidden={true}
       closeIcon={true}
-      maskClosable={false}
+      mask={{
+        closable: false
+      }}
       keyboard={false}
       styles={{
         wrapper: { width: 600 }
diff --git a/src/pages/llmodels/components/view-logs-modal.tsx b/src/pages/llmodels/components/view-logs-modal.tsx
index ebd7eaf9..628867af 100644
--- a/src/pages/llmodels/components/view-logs-modal.tsx
+++ b/src/pages/llmodels/components/view-logs-modal.tsx
@@ -103,7 +103,9 @@ const ViewLogsModal: React.FC<ViewModalProps> = (props) => {
       onCancel={handleCancel}
       destroyOnHidden={true}
       closeIcon={true}
-      maskClosable={false}
+      mask={{
+        closable: false
+      }}
       keyboard={true}
       styles={{
         wrapper: {
diff --git a/src/pages/llmodels/download/index.tsx b/src/pages/llmodels/download/index.tsx
index 84ad7ba4..3b82bd89 100644
--- a/src/pages/llmodels/download/index.tsx
+++ b/src/pages/llmodels/download/index.tsx
@@ -162,7 +162,9 @@ const DownloadModel: React.FC<AddModalProps> = (props) => {
       onClose={handleCancel}
       destroyOnHidden={true}
       closeIcon={false}
-      maskClosable={false}
+      mask={{
+        closable: false
+      }}
       keyboard={false}
       zIndex={2000}
       styles={{
diff --git a/src/pages/llmodels/forms/backend.tsx b/src/pages/llmodels/forms/backend.tsx
index 9953ff33..e57b3d55 100644
--- a/src/pages/llmodels/forms/backend.tsx
+++ b/src/pages/llmodels/forms/backend.tsx
@@ -97,7 +97,6 @@ const BackendFields: React.FC = () => {
 
     // ============ Deprecated Versions ============
     const deprecatedVersions = versions.filter((item) => item.is_deprecated);
-
     return {
       builtIn: builtInVersions,
       custom: customVersions,
@@ -113,6 +112,7 @@ const BackendFields: React.FC = () => {
     if (!values || values.length === 0) {
       return null;
     }
+
     return (
       <Select.OptGroup label={label}>
         {values.map((item) => (
diff --git a/src/pages/playground/components/view-common-code.tsx b/src/pages/playground/components/view-common-code.tsx
index b24f71ae..d327a39a 100644
--- a/src/pages/playground/components/view-common-code.tsx
+++ b/src/pages/playground/components/view-common-code.tsx
@@ -64,7 +64,9 @@ const ViewCodeModal: React.FC<ViewModalProps> = (props) => {
         onCancel={handleClose}
         destroyOnHidden={true}
         closeIcon={true}
-        maskClosable={false}
+        mask={{
+          closable: false
+        }}
         keyboard={false}
         width={600}
         footer={null}
diff --git a/src/pages/resources/components/update-labels.tsx b/src/pages/resources/components/update-labels.tsx
index 69d4714b..de2f0aca 100644
--- a/src/pages/resources/components/update-labels.tsx
+++ b/src/pages/resources/components/update-labels.tsx
@@ -44,7 +44,9 @@ const UpdateLabels: React.FC<ViewModalProps> = (props) => {
       onCancel={onCancel}
       destroyOnHidden={true}
       closeIcon={true}
-      maskClosable={false}
+      mask={{
+        closable: false
+      }}
       keyboard={false}
       width={600}
       maxContentHeight={'max(calc(100vh - 300px), 500px)'}
diff --git a/src/pages/resources/hooks/use-worker-maintenance.tsx b/src/pages/resources/hooks/use-worker-maintenance.tsx
index 3257e786..e743fdfe 100644
--- a/src/pages/resources/hooks/use-worker-maintenance.tsx
+++ b/src/pages/resources/hooks/use-worker-maintenance.tsx
@@ -70,7 +70,9 @@ const useWorkerMaintenance = ({ fetchData }: { fetchData: () => void }) => {
       onCancel={onCancel}
       destroyOnHidden={true}
       closeIcon={true}
-      maskClosable={false}
+      mask={{
+        closable: false
+      }}
       keyboard={false}
       width={600}
       maxContentHeight={'max(calc(100vh - 300px), 500px)'}