no message

skyouc

2025-09-09 ccfbcdf2a2ee13a7575bb7bbd0cbf5311df2827b

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
import * as React from 'react'; 
import CopyableIcon from './CopyableIcon'; 
import type { ThemeType } from './index'; 
import type { CategoriesKeys } from './fields'; 
import { useIntl } from '@umijs/max'; 
import styles from './style.less'; 
 
interface CategoryProps { 
  title: CategoriesKeys; 
  icons: string[]; 
  theme: ThemeType; 
  newIcons: string[]; 
  onSelect: (type: string, name: string) => any; 
} 
 
const Category: React.FC<CategoryProps> = props => { 
 
  const { icons, title, newIcons, theme } = props; 
  const intl = useIntl(); 
  const [justCopied, setJustCopied] = React.useState<string | null>(null); 
  const copyId = React.useRef<NodeJS.Timeout | null>(null); 
  const onSelect = React.useCallback((type: string, text: string) => { 
    const { onSelect } = props; 
    if (onSelect) { 
      onSelect(type, text); 
    } 
    setJustCopied(type); 
    copyId.current = setTimeout(() => { 
      setJustCopied(null); 
    }, 2000); 
  }, []); 
  React.useEffect( 
    () => () => { 
      if (copyId.current) { 
        clearTimeout(copyId.current); 
      } 
    }, 
    [], 
  ); 
 
  return ( 
    <div> 
      <h4>{intl.formatMessage({ 
        id: `app.docs.components.icon.category.${title}`, 
        defaultMessage: '信息', 
      })}</h4> 
      <ul className={styles.anticonsList}> 
        {icons.map(name => ( 
          <CopyableIcon 
            key={name} 
            name={name} 
            theme={theme} 
            isNew={newIcons.includes(name)} 
            justCopied={justCopied} 
            onSelect={onSelect} 
          /> 
        ))} 
      </ul> 
    </div> 
  ); 
}; 
 
export default Category;