Browse Source

docs: remove duplicated icon from document

pull/25808/head
afc163 4 years ago
parent
commit
16c0ca9100
  1. 1
      package.json
  2. 11
      site/theme/template/IconDisplay/CopyableIcon.tsx
  3. 3
      site/theme/template/IconDisplay/index.tsx
  4. 2
      typings/custom-typings.d.ts

1
package.json

@ -166,6 +166,7 @@
"@types/raf": "^3.4.0",
"@types/react": "^16.9.21",
"@types/react-color": "^3.0.1",
"@types/react-copy-to-clipboard": "^4.3.0",
"@types/react-dom": "^16.9.5",
"@types/warning": "^3.0.0",
"@typescript-eslint/eslint-plugin": "^3.0.0",

11
site/theme/template/IconDisplay/CopyableIcon.tsx

@ -1,6 +1,6 @@
import * as React from 'react';
import CopyToClipboard from 'react-copy-to-clipboard';
import { Badge } from 'antd';
import { Badge, message } from 'antd';
import classNames from 'classnames';
import * as AntdIcons from '@ant-design/icons';
import { ThemeType } from './index';
@ -28,8 +28,15 @@ const CopyableIcon: React.FC<CopyableIconProps> = ({
copied: justCopied === name,
[theme]: !!theme,
});
const onCopy = (text: string, result: boolean) => {
if (result) {
onCopied(name, text);
} else {
message.error('Copy icon name failed, please try again.');
}
};
return (
<CopyToClipboard text={`<${name} />`} onCopy={(text: string) => onCopied(name, text)}>
<CopyToClipboard text={`<${name} />`} onCopy={onCopy}>
<li className={className}>
{React.createElement(allIcons[name])}
<span className="anticon-class">

3
site/theme/template/IconDisplay/index.tsx

@ -68,6 +68,9 @@ class IconDisplay extends React.PureComponent<IconDisplayProps, IconDisplayState
);
}
// CopyrightCircle is same as Copyright, don't show it
iconList = iconList.filter(icon => icon !== 'CopyrightCircle');
return {
category: key,
icons: iconList.map(iconName => iconName + theme).filter(iconName => allIcons[iconName]),

2
typings/custom-typings.d.ts

@ -65,5 +65,3 @@ declare module '*.json' {
export const version: string;
export default value;
}
declare module 'react-copy-to-clipboard';

Loading…
Cancel
Save