fix: resolve react-doctor lint warnings (#11786)

Co-authored-by: Claude Opus 4.7 <noreply@anthropic.com>

src/pages/chatbot/index.tsx

@@ -8,7 +8,13 @@ import type {
 import XMarkdown from '@ant-design/x-markdown';
 import { useXChat } from '@ant-design/x-sdk';
 import { Avatar, Card } from 'antd';
-import React, { useEffect, useMemo, useState } from 'react';
+import React, {
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from 'react';
 
 import type { ConversationItem, ParsedMessage } from './data';
 import { createChatProvider } from './service';
@@ -109,6 +115,8 @@ const roleConfig: BubbleListProps['role'] = {
 
 const ChatbotPage: React.FC = () => {
   const { styles } = useStyles();
+  const idCounter = useRef(0);
+  const generateId = useCallback(() => `conv-${++idCounter.current}`, []);
 
   const [conversations, setConversations] = useState<ConversationItem[]>([
     { key: 'default', label: '💬 新对话', group: '今天', isDraft: true },
@@ -180,7 +188,7 @@ const ChatbotPage: React.FC = () => {
   };
 
   const newChat = () => {
-    const key = crypto.randomUUID();
+    const key = generateId();
     setConversations((prev) => [
       { key, label: '新对话', group: '今天', isDraft: true },
       ...prev,
@@ -261,7 +269,7 @@ const ChatbotPage: React.FC = () => {
                           (c) => c.key !== conversation.key,
                         );
                         if (next.length === 0) {
-                          const key = crypto.randomUUID();
+                          const key = generateId();
                           next.push({
                             key,
                             label: '💬 新对话',

src/pages/list/search/applications/index.tsx

@@ -112,21 +112,18 @@ const Applications: FC<Record<string, any>> = () => {
           >
             <Form.Item name="category">
               <TagSelect expandable>
-                {categoryOptions
-                  .filter(
-                    (
-                      category,
-                    ): category is { value: string | number; label: string } =>
-                      category.value !== undefined && category.value !== null,
-                  )
-                  .map((category) => (
-                    <TagSelect.Option
-                      value={category.value}
-                      key={category.value}
-                    >
-                      {category.label}
-                    </TagSelect.Option>
-                  ))}
+                {categoryOptions.flatMap((category) =>
+                  category.value !== undefined && category.value !== null
+                    ? [
+                        <TagSelect.Option
+                          value={category.value}
+                          key={category.value}
+                        >
+                          {category.label}
+                        </TagSelect.Option>,
+                      ]
+                    : [],
+                )}
               </TagSelect>
             </Form.Item>
           </StandardFormRow>

src/pages/list/search/articles/index.tsx

@@ -156,21 +156,18 @@ const Articles: FC = () => {
           <StandardFormRow title="所属类目" block style={{ paddingBottom: 11 }}>
             <FormItem name="category">
               <TagSelect expandable>
-                {categoryOptions
-                  .filter(
-                    (
-                      category,
-                    ): category is { value: string | number; label: string } =>
-                      category.value !== undefined && category.value !== null,
-                  )
-                  .map((category) => (
-                    <TagSelect.Option
-                      value={category.value}
-                      key={category.value}
-                    >
-                      {category.label}
-                    </TagSelect.Option>
-                  ))}
+                {categoryOptions.flatMap((category) =>
+                  category.value !== undefined && category.value !== null
+                    ? [
+                        <TagSelect.Option
+                          value={category.value}
+                          key={category.value}
+                        >
+                          {category.label}
+                        </TagSelect.Option>,
+                      ]
+                    : [],
+                )}
               </TagSelect>
             </FormItem>
           </StandardFormRow>

src/pages/list/search/projects/index.tsx

@@ -110,21 +110,18 @@ const Projects: FC = () => {
           >
             <FormItem name="category">
               <TagSelect expandable>
-                {categoryOptions
-                  .filter(
-                    (
-                      category,
-                    ): category is { value: string | number; label: string } =>
-                      category.value !== undefined && category.value !== null,
-                  )
-                  .map((category) => (
-                    <TagSelect.Option
-                      value={category.value}
-                      key={category.value}
-                    >
-                      {category.label}
-                    </TagSelect.Option>
-                  ))}
+                {categoryOptions.flatMap((category) =>
+                  category.value !== undefined && category.value !== null
+                    ? [
+                        <TagSelect.Option
+                          value={category.value}
+                          key={category.value}
+                        >
+                          {category.label}
+                        </TagSelect.Option>,
+                      ]
+                    : [],
+                )}
               </TagSelect>
             </FormItem>
           </StandardFormRow>