You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
70 lines
2.3 KiB
70 lines
2.3 KiB
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 = 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 React.createElement(Component, Object.assign({}, innerSvgProps), children);
|
|
}
|
|
|
|
if (children) {
|
|
warning(Boolean(viewBox) || React.Children.count(children) === 1 && 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 React.createElement("svg", Object.assign({}, innerSvgProps, {
|
|
viewBox: viewBox
|
|
}), children);
|
|
}
|
|
|
|
return null;
|
|
};
|
|
|
|
var iconTabIndex = tabIndex;
|
|
|
|
if (iconTabIndex === undefined && onClick) {
|
|
iconTabIndex = -1;
|
|
}
|
|
|
|
return React.createElement("span", Object.assign({
|
|
role: "img"
|
|
}, restProps, {
|
|
ref: ref,
|
|
tabIndex: iconTabIndex,
|
|
onClick: onClick,
|
|
className: classString
|
|
}), renderInnerNode());
|
|
});
|
|
Icon.displayName = 'AntdIcon';
|
|
export default Icon; |