123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172 |
- "use strict";
- 'use client';
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.default = void 0;
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
- var React = _interopRequireWildcard(require("react"));
- var _classnames = _interopRequireDefault(require("classnames"));
- var _colors = require("@ant-design/colors");
- var _Context = _interopRequireDefault(require("./Context"));
- var _IconBase = _interopRequireDefault(require("./IconBase"));
- var _twoTonePrimaryColor = require("./twoTonePrimaryColor");
- var _utils = require("../utils");
- var _excluded = ["className", "icon", "spin", "rotate", "tabIndex", "onClick", "twoToneColor"];
- // Initial setting
- // should move it to antd main repo?
- (0, _twoTonePrimaryColor.setTwoToneColor)(_colors.blue.primary);
- // https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757#issuecomment-488848720
- var Icon = /*#__PURE__*/React.forwardRef(function (props, ref) {
- var className = props.className,
- icon = props.icon,
- spin = props.spin,
- rotate = props.rotate,
- tabIndex = props.tabIndex,
- onClick = props.onClick,
- twoToneColor = props.twoToneColor,
- restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
- var _React$useContext = React.useContext(_Context.default),
- _React$useContext$pre = _React$useContext.prefixCls,
- prefixCls = _React$useContext$pre === void 0 ? 'anticon' : _React$useContext$pre,
- rootClassName = _React$useContext.rootClassName;
- var classString = (0, _classnames.default)(rootClassName, prefixCls, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(prefixCls, "-").concat(icon.name), !!icon.name), "".concat(prefixCls, "-spin"), !!spin || icon.name === 'loading'), className);
- var iconTabIndex = tabIndex;
- if (iconTabIndex === undefined && onClick) {
- iconTabIndex = -1;
- }
- var svgStyle = rotate ? {
- msTransform: "rotate(".concat(rotate, "deg)"),
- transform: "rotate(".concat(rotate, "deg)")
- } : undefined;
- var _normalizeTwoToneColo = (0, _utils.normalizeTwoToneColors)(twoToneColor),
- _normalizeTwoToneColo2 = (0, _slicedToArray2.default)(_normalizeTwoToneColo, 2),
- primaryColor = _normalizeTwoToneColo2[0],
- secondaryColor = _normalizeTwoToneColo2[1];
- return /*#__PURE__*/React.createElement("span", (0, _extends2.default)({
- role: "img",
- "aria-label": icon.name
- }, restProps, {
- ref: ref,
- tabIndex: iconTabIndex,
- onClick: onClick,
- className: classString
- }), /*#__PURE__*/React.createElement(_IconBase.default, {
- icon: icon,
- primaryColor: primaryColor,
- secondaryColor: secondaryColor,
- style: svgStyle
- }));
- });
- Icon.displayName = 'AntdIcon';
- Icon.getTwoToneColor = _twoTonePrimaryColor.getTwoToneColor;
- Icon.setTwoToneColor = _twoTonePrimaryColor.setTwoToneColor;
- var _default = exports.default = Icon;
|