fix: depercated props

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

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 }

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 }

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)' }

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: {

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}

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: {

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: {

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: {

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={{

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}

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}

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>

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 }

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 }

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 }

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: {

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={{

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) => (

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}

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)'}

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)'}