mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-01-18 22:36:31 +08:00
Code Issues Actions 26 Packages Projects Releases Wiki Activity

tslint fix

Browse Source
This commit is contained in:
HeskeyBaozi 2018-07-19 21:07:33 +08:00
parent 4a553a2006
commit 50f5ee9059
4 changed files with 20 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/icon/demo/basic.md
View File

@ -18,9 +18,9 @@ import { Icon } from 'antd';
ReactDOM.render(
<div>
<Icon type="home"/>
<Icon type="setting"/>
<Icon type="smile"/>
<Icon type="home" />
<Icon type="setting" />
<Icon type="smile" />
</div>,
mountNode
);

26
components/icon/demo/custom.md
View File

@ -17,16 +17,17 @@ Todo, Please replace me.
import { Icon } from 'antd';
const CustomIcon = Icon.CustomIcon;
const StarIcon = (props) => (
<CustomIcon {...props} viewBox="0 0 1024 1024">
<path d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3-12.3 12.7-12.1 32.9 0.6 45.3l183.7 179.1-43.4 252.9c-1.2 6.9-0.1 14.1 3.2 20.3 8.2 15.6 27.6 21.7 43.2 13.4L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z" p-id="5827"></path>
</CustomIcon>
);
const StarIcon = (props) => {
return (
<CustomIcon {...props} viewBox="0 0 1024 1024">
<path d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3-12.3 12.7-12.1 32.9 0.6 45.3l183.7 179.1-43.4 252.9c-1.2 6.9-0.1 14.1 3.2 20.3 8.2 15.6 27.6 21.7 43.2 13.4L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z" p-id="5827" />
</CustomIcon>
);
};
const CoolStarIcon = (props) => (
<StarIcon
{...props}
component={(svgProps) => (
const CoolStarIcon = (props) => {
const component = (svgProps) => {
return (
<svg {...svgProps}>
<defs>
<linearGradient id="Gradient01">
@ -36,9 +37,10 @@ const CoolStarIcon = (props) => (
</defs>
{React.cloneElement(svgProps.children, { fill: 'url(#Gradient01)' })}
</svg>
)}
/>
);
);
};
return <StarIcon {...props} component={component} />;
};
ReactDOM.render(
<div>

2
components/icon/demo/iconfont.md
View File

@ -19,7 +19,7 @@ import { Icon } from 'antd';
const FooIcon = Icon.create({
namespace: 'foo',
scriptLink: 'https://at.alicdn.com/t/font_8d5l8fzk5b87iudi.js',
prefix: 'icon-'
prefix: 'icon-',
});
ReactDOM.render(

4
components/icon/demo/svg-sprite.md
View File

@ -18,7 +18,7 @@ import { Icon } from 'antd';
const DemoIcon = Icon.create({
prefix: 'demo-',
viewBox: '0 0 1024 1024'
viewBox: '0 0 1024 1024',
});
const svgSpriteRenderer = (nodeId, contents) => `
@ -37,7 +37,7 @@ const messageSymbol = `
</symbol>`;
// insert SVG symbols into document.body
if(document) {
if (document) {
const nodeId = '__SVG_SPRITE_NODE__';
const spriteContent = svgSpriteRenderer(nodeId, messageSymbol);
const existing = document.getElementById(nodeId);