Icon.js
2.33 KB
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
64
65
66
67
68
69
70
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
import * as React from 'react';
import classNames from 'classnames';
import { svgBaseProps, warning, useInsertStyles } from '../utils';
var Icon = /*#__PURE__*/React.forwardRef(function (props, ref) {
var className = props.className,
Component = props.component,
viewBox = props.viewBox,
spin = props.spin,
rotate = props.rotate,
tabIndex = props.tabIndex,
onClick = props.onClick,
children = props.children,
restProps = _objectWithoutProperties(props, ["className", "component", "viewBox", "spin", "rotate", "tabIndex", "onClick", "children"]);
warning(Boolean(Component || children), 'Should have `component` prop or `children`.');
useInsertStyles();
var classString = classNames('anticon', className);
var svgClassString = classNames({
'anticon-spin': !!spin
});
var svgStyle = rotate ? {
msTransform: "rotate(".concat(rotate, "deg)"),
transform: "rotate(".concat(rotate, "deg)")
} : undefined;
var innerSvgProps = _objectSpread(_objectSpread({}, svgBaseProps), {}, {
className: svgClassString,
style: svgStyle,
viewBox: viewBox
});
if (!viewBox) {
delete innerSvgProps.viewBox;
} // component > children
var renderInnerNode = function renderInnerNode() {
if (Component) {
return /*#__PURE__*/React.createElement(Component, Object.assign({}, innerSvgProps), children);
}
if (children) {
warning(Boolean(viewBox) || React.Children.count(children) === 1 && /*#__PURE__*/React.isValidElement(children) && React.Children.only(children).type === 'use', 'Make sure that you provide correct `viewBox`' + ' prop (default `0 0 1024 1024`) to the icon.');
return /*#__PURE__*/React.createElement("svg", Object.assign({}, innerSvgProps, {
viewBox: viewBox
}), children);
}
return null;
};
var iconTabIndex = tabIndex;
if (iconTabIndex === undefined && onClick) {
iconTabIndex = -1;
}
return /*#__PURE__*/React.createElement("span", Object.assign({
role: "img"
}, restProps, {
ref: ref,
tabIndex: iconTabIndex,
onClick: onClick,
className: classString
}), renderInnerNode());
});
Icon.displayName = 'AntdIcon';
export default Icon;