From 42fe7359134646d7d4dcf1f007a24922bec23fdf Mon Sep 17 00:00:00 2001
From: funnywolf <yu5890681@gmail.com>
Date: Sat, 4 Jul 2026 23:28:57 +0800
Subject: [PATCH] Update deprecated Ant Design props

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
---
 frontend/src/components/CasePlaybookRunModal.tsx |  2 +-
 frontend/src/components/DataTable.tsx            |  2 +-
 frontend/src/components/InlineFieldEditors.tsx   |  3 +--
 frontend/src/components/MessageComposer.tsx      |  2 +-
 frontend/src/components/PersonalCenterModal.tsx  | 12 ++++++------
 frontend/src/components/TableFilterModal.tsx     |  6 +++---
 frontend/src/pages/LLMProviderSettings.tsx       |  2 +-
 frontend/src/pages/UserCreateModal.tsx           |  2 +-
 frontend/src/pages/UserDetailModal.tsx           |  2 +-
 frontend/src/pages/UserManagement.tsx            |  4 ++--
 10 files changed, 18 insertions(+), 19 deletions(-)

diff --git a/frontend/src/components/CasePlaybookRunModal.tsx b/frontend/src/components/CasePlaybookRunModal.tsx
index 92d7763..b803c09 100644
--- a/frontend/src/components/CasePlaybookRunModal.tsx
+++ b/frontend/src/components/CasePlaybookRunModal.tsx
@@ -235,7 +235,7 @@ function CasePlaybookRunModal({ open, caseId, onClose, onSubmitted }: CasePlaybo
             <Alert
               type="error"
               showIcon
-              message={loadError}
+              title={loadError}
               style={{ marginBottom: 12 }}
               action={<Button size="small" icon={<ReloadOutlined />} onClick={loadDefinitions}>Retry</Button>}
             />
diff --git a/frontend/src/components/DataTable.tsx b/frontend/src/components/DataTable.tsx
index ffe6d4f..8045dfd 100644
--- a/frontend/src/components/DataTable.tsx
+++ b/frontend/src/components/DataTable.tsx
@@ -850,7 +850,7 @@ export default function DataTable<RecordType extends Record<string, unknown> = R
           {actions}
           {selectedRowKeys.length > 0 && (
             <>
-              <Divider type="vertical" style={{ alignSelf: 'center' }} />
+              <Divider vertical style={{ alignSelf: 'center' }} />
               <Tooltip title="Clear selection">
                 <Button icon={<CloseOutlined />} onClick={clearSelection} />
               </Tooltip>
diff --git a/frontend/src/components/InlineFieldEditors.tsx b/frontend/src/components/InlineFieldEditors.tsx
index 267424e..3749993 100644
--- a/frontend/src/components/InlineFieldEditors.tsx
+++ b/frontend/src/components/InlineFieldEditors.tsx
@@ -395,10 +395,9 @@ export function InlineUserEditor({ value, disabled, options = [], allowClear = t
 
   return (
     <Select
-      showSearch
+      showSearch={{ optionFilterProp: 'label' }}
       allowClear={allowClear}
       variant="borderless"
-      optionFilterProp="label"
       value={typeof value === 'string' ? value : null}
       disabled={disabled}
       options={options}
diff --git a/frontend/src/components/MessageComposer.tsx b/frontend/src/components/MessageComposer.tsx
index 4f787e6..2d63fe2 100644
--- a/frontend/src/components/MessageComposer.tsx
+++ b/frontend/src/components/MessageComposer.tsx
@@ -111,7 +111,7 @@ export default function MessageComposer({
         })
       }}
     >
-      {mentionUsersError && <Alert type="warning" message={mentionUsersError} showIcon />}
+      {mentionUsersError && <Alert type="warning" title={mentionUsersError} showIcon />}
       <div
         style={{
           position: 'relative',
diff --git a/frontend/src/components/PersonalCenterModal.tsx b/frontend/src/components/PersonalCenterModal.tsx
index 8412eb1..91c099a 100644
--- a/frontend/src/components/PersonalCenterModal.tsx
+++ b/frontend/src/components/PersonalCenterModal.tsx
@@ -194,7 +194,7 @@ export default function PersonalCenterModal({ open, onClose }: PersonalCenterMod
       key: 'profile',
       label: <span><UserOutlined /> Profile</span>,
       children: (
-        <Space direction="vertical" size="middle" style={{ width: '100%' }}>
+        <Space vertical size="middle" style={{ width: '100%' }}>
           {user && (
             <div style={{ display: 'flex', alignItems: 'center', gap: 16, paddingBottom: 8 }}>
               <AvatarUpload
@@ -204,7 +204,7 @@ export default function PersonalCenterModal({ open, onClose }: PersonalCenterMod
                   if (token) setAuth(token, nextUser)
                 }}
               />
-              <Space direction="vertical" size={6}>
+              <Space vertical size={6}>
                 <Typography.Title level={4} style={{ margin: 0 }}>{user.username}</Typography.Title>
                 <Space size={6}>
                   <Tag {...comfortableTagProps} color={roleColor(user.role)}>{user.role.toUpperCase()}</Tag>
@@ -239,7 +239,7 @@ export default function PersonalCenterModal({ open, onClose }: PersonalCenterMod
       key: 'settings',
       label: <span><SettingOutlined /> Settings</span>,
       children: (
-        <Space direction="vertical" size="middle" style={{ width: '100%' }}>
+        <Space vertical size="middle" style={{ width: '100%' }}>
           <Typography.Title level={5} style={{ margin: 0 }}>Notification Preferences</Typography.Title>
           <Form form={settingsForm} layout="vertical">
             <Form.Item
@@ -279,7 +279,7 @@ export default function PersonalCenterModal({ open, onClose }: PersonalCenterMod
       key: 'api-keys',
       label: <span><ApiOutlined /> API Keys</span>,
       children: (
-        <Space direction="vertical" style={{ width: '100%' }} size="middle">
+        <Space vertical style={{ width: '100%' }} size="middle">
         <Space style={{ width: '100%', justifyContent: 'flex-end' }}>
           <Button type="primary" icon={<KeyOutlined />} onClick={() => setApiKeyModalOpen(true)} />
         </Space>
@@ -303,7 +303,7 @@ export default function PersonalCenterModal({ open, onClose }: PersonalCenterMod
         onCancel={onClose}
         footer={null}
         width={1100}
-        destroyOnClose
+        destroyOnHidden
         className="personal-modal"
       >
         <Tabs
@@ -311,7 +311,7 @@ export default function PersonalCenterModal({ open, onClose }: PersonalCenterMod
           className="personal-modal-tabs"
         />
       </Modal>
-      <Modal title="Create API Key" open={apiKeyModalOpen} onOk={createApiKey} onCancel={() => setApiKeyModalOpen(false)} destroyOnClose>
+      <Modal title="Create API Key" open={apiKeyModalOpen} onOk={createApiKey} onCancel={() => setApiKeyModalOpen(false)} destroyOnHidden>
         <Form form={apiKeyForm} layout="vertical">
           <Form.Item name="name" label="Name" rules={[{ required: true }]}><Input /></Form.Item>
           <Form.Item name="expires_at" label="Expires At"><DatePicker showTime placeholder="Leave empty to never expire" style={{ width: '100%' }} /></Form.Item>
diff --git a/frontend/src/components/TableFilterModal.tsx b/frontend/src/components/TableFilterModal.tsx
index 25250b6..332a4c3 100644
--- a/frontend/src/components/TableFilterModal.tsx
+++ b/frontend/src/components/TableFilterModal.tsx
@@ -396,8 +396,8 @@ export default function TableFilterModal({
   }
 
   const currentFilterPanel = (
-    <Space direction="vertical" size={18} style={{ width: '100%', height: '100%' }}>
-      <Space direction="vertical" style={{ width: '100%' }} size={16}>
+    <Space vertical size={18} style={{ width: '100%', height: '100%' }}>
+      <Space vertical style={{ width: '100%' }} size={16}>
         {draftAdvanced.map((condition, index) => {
           const selectedField = fields.find((field) => field.key === condition.field) || fields[0]
           if (!selectedField) return null
@@ -472,7 +472,7 @@ export default function TableFilterModal({
   const savedPanel = savedFiltersLoading ? (
     <Empty description="Loading saved filters..." />
   ) : savedFilters.length ? (
-    <Space direction="vertical" size={8} style={{ width: '100%' }}>
+    <Space vertical size={8} style={{ width: '100%' }}>
       {savedFilters.map((item) => (
         <div
           key={item.id}
diff --git a/frontend/src/pages/LLMProviderSettings.tsx b/frontend/src/pages/LLMProviderSettings.tsx
index 2128faf..adfcaa3 100644
--- a/frontend/src/pages/LLMProviderSettings.tsx
+++ b/frontend/src/pages/LLMProviderSettings.tsx
@@ -244,7 +244,7 @@ export default function LLMProviderSettings() {
         open={modalOpen}
         onCancel={closeModal}
         width={760}
-        destroyOnClose
+        destroyOnHidden
         footer={(
           <Space>
             <Button onClick={testFormProvider} loading={testingForm}>Test</Button>
diff --git a/frontend/src/pages/UserCreateModal.tsx b/frontend/src/pages/UserCreateModal.tsx
index 66bbd58..12f1585 100644
--- a/frontend/src/pages/UserCreateModal.tsx
+++ b/frontend/src/pages/UserCreateModal.tsx
@@ -34,7 +34,7 @@ export default function UserCreateModal({ open, onClose, onCreated }: UserCreate
   }
 
   return (
-    <Modal title="Create User" open={open} onOk={onOk} onCancel={onClose} okText="Create" width={720} destroyOnClose>
+    <Modal title="Create User" open={open} onOk={onOk} onCancel={onClose} okText="Create" width={720} destroyOnHidden>
       <Form form={form} layout="vertical" initialValues={{ auth_type: 'local', role: 'user' }} style={{ paddingTop: 8 }}>
         <Form.Item name="username" label="Username" rules={[{ required: true }]}><Input /></Form.Item>
         <Row gutter={16}>
diff --git a/frontend/src/pages/UserDetailModal.tsx b/frontend/src/pages/UserDetailModal.tsx
index 82b11a8..920c18d 100644
--- a/frontend/src/pages/UserDetailModal.tsx
+++ b/frontend/src/pages/UserDetailModal.tsx
@@ -88,7 +88,7 @@ export default function UserDetailModal({ userId, open, onClose, onSaved }: User
         body: { background: token.colorBgContainer },
         footer: { background: token.colorBgContainer },
       }}
-      destroyOnClose
+      destroyOnHidden
     >
       <Form form={form} layout="vertical" disabled={loading} style={{ paddingTop: 8 }}>
         <Row gutter={16}>
diff --git a/frontend/src/pages/UserManagement.tsx b/frontend/src/pages/UserManagement.tsx
index 789cdc6..28e1fa9 100644
--- a/frontend/src/pages/UserManagement.tsx
+++ b/frontend/src/pages/UserManagement.tsx
@@ -154,8 +154,8 @@ export default function UserManagement() {
         onClose={() => setSelectedUserId(null)}
         onSaved={refresh}
       />
-      <Modal title="Copy User Login Message" open={credentials !== null} onCancel={() => setCredentials(null)} footer={null} destroyOnClose>
-        <Space direction="vertical" style={{ width: '100%' }}>
+      <Modal title="Copy User Login Message" open={credentials !== null} onCancel={() => setCredentials(null)} footer={null} destroyOnHidden>
+        <Space vertical style={{ width: '100%' }}>
           <Input.TextArea value={messageText} rows={5} readOnly />
           <Button
             type="primary"